From 621b8e6c2a0de77d2573bc9ce9f09d1547c462fc Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Thu, 15 Oct 2026 11:52:37 +0000
Subject: [PATCH 01/22] Scaffold Vue frontend (migration phase 0)

Add frontend-vue/ with Vite, Vue 3, Pinia, vue-router, Vuetify, TanStack
Query and Vitest, alongside the Angular app:
- Vite modes and .env files mirroring the Angular environments; SaaS
  modes serve index.saas.html
- Runtime config.json loader, /api dev proxy, version script
- Lazy Monaco (Vite-bundled workers) and Cedar wasm loaders
- biome + eslint-plugin-vue lint, vue-tsc, unit tests
- frontend-vue CI workflow

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 .github/workflows/frontend-vue.yml     |   53 +
 .gitignore                             |    3 +
 VUE_MIGRATION_PLAN.md                  |  134 ++
 frontend-vue/.env                      |    8 +
 frontend-vue/.env.development          |    6 +
 frontend-vue/.env.production           |    5 +
 frontend-vue/.env.saas                 |    8 +
 frontend-vue/.env.saas-production      |    7 +
 frontend-vue/.gitignore                |    6 +
 frontend-vue/README.md                 |   22 +
 frontend-vue/biome.json                |   21 +
 frontend-vue/eslint.config.js          |   25 +
 frontend-vue/index.html                |   17 +
 frontend-vue/index.saas.html           |  182 ++
 frontend-vue/package.json              |   49 +
 frontend-vue/pnpm-lock.yaml            | 2789 ++++++++++++++++++++++++
 frontend-vue/pnpm-workspace.yaml       |    7 +
 frontend-vue/public/config.json        |    5 +
 frontend-vue/scripts/update-version.js |   16 +
 frontend-vue/src/App.spec.ts           |   19 +
 frontend-vue/src/App.vue               |    5 +
 frontend-vue/src/config.spec.ts        |   37 +
 frontend-vue/src/config.ts             |   34 +
 frontend-vue/src/env.d.ts              |   14 +
 frontend-vue/src/environment.spec.ts   |   37 +
 frontend-vue/src/environment.ts        |   31 +
 frontend-vue/src/lib/cedar-wasm.ts     |   19 +
 frontend-vue/src/lib/monaco.ts         |   40 +
 frontend-vue/src/main.ts               |   22 +
 frontend-vue/src/plugins/vuetify.ts    |    9 +
 frontend-vue/src/router/index.ts       |   15 +
 frontend-vue/src/test-setup.ts         |    8 +
 frontend-vue/src/version.ts            |    2 +
 frontend-vue/src/views/HomeView.vue    |   10 +
 frontend-vue/tsconfig.app.json         |   13 +
 frontend-vue/tsconfig.json             |    4 +
 frontend-vue/tsconfig.node.json        |   14 +
 frontend-vue/vite.config.ts            |   67 +
 38 files changed, 3763 insertions(+)
 create mode 100644 .github/workflows/frontend-vue.yml
 create mode 100644 VUE_MIGRATION_PLAN.md
 create mode 100644 frontend-vue/.env
 create mode 100644 frontend-vue/.env.development
 create mode 100644 frontend-vue/.env.production
 create mode 100644 frontend-vue/.env.saas
 create mode 100644 frontend-vue/.env.saas-production
 create mode 100644 frontend-vue/.gitignore
 create mode 100644 frontend-vue/README.md
 create mode 100644 frontend-vue/biome.json
 create mode 100644 frontend-vue/eslint.config.js
 create mode 100644 frontend-vue/index.html
 create mode 100644 frontend-vue/index.saas.html
 create mode 100644 frontend-vue/package.json
 create mode 100644 frontend-vue/pnpm-lock.yaml
 create mode 100644 frontend-vue/pnpm-workspace.yaml
 create mode 100644 frontend-vue/public/config.json
 create mode 100644 frontend-vue/scripts/update-version.js
 create mode 100644 frontend-vue/src/App.spec.ts
 create mode 100644 frontend-vue/src/App.vue
 create mode 100644 frontend-vue/src/config.spec.ts
 create mode 100644 frontend-vue/src/config.ts
 create mode 100644 frontend-vue/src/env.d.ts
 create mode 100644 frontend-vue/src/environment.spec.ts
 create mode 100644 frontend-vue/src/environment.ts
 create mode 100644 frontend-vue/src/lib/cedar-wasm.ts
 create mode 100644 frontend-vue/src/lib/monaco.ts
 create mode 100644 frontend-vue/src/main.ts
 create mode 100644 frontend-vue/src/plugins/vuetify.ts
 create mode 100644 frontend-vue/src/router/index.ts
 create mode 100644 frontend-vue/src/test-setup.ts
 create mode 100644 frontend-vue/src/version.ts
 create mode 100644 frontend-vue/src/views/HomeView.vue
 create mode 100644 frontend-vue/tsconfig.app.json
 create mode 100644 frontend-vue/tsconfig.json
 create mode 100644 frontend-vue/tsconfig.node.json
 create mode 100644 frontend-vue/vite.config.ts

diff --git a/.github/workflows/frontend-vue.yml b/.github/workflows/frontend-vue.yml
new file mode 100644
index 000000000..5801d6b3c
--- /dev/null
+++ b/.github/workflows/frontend-vue.yml
@@ -0,0 +1,53 @@
+name: frontend-vue
+
+on:
+  push:
+    branches:
+      - main
+    paths:
+      - 'frontend-vue/**'
+      - 'frontend/src/assets/**'
+      - '.github/workflows/frontend-vue.yml'
+  pull_request:
+    paths:
+      - 'frontend-vue/**'
+      - 'frontend/src/assets/**'
+      - '.github/workflows/frontend-vue.yml'
+
+concurrency:
+  group: frontend-vue-${{ github.ref }}
+  cancel-in-progress: true
+
+defaults:
+  run:
+    working-directory: frontend-vue
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+    timeout-minutes: 20
+    permissions:
+      contents: read
+    steps:
+      - uses: actions/checkout@v5
+        with:
+          persist-credentials: false
+      - uses: pnpm/action-setup@v4
+        with:
+          package_json_file: frontend-vue/package.json
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '24'
+          cache: 'pnpm'
+          cache-dependency-path: frontend-vue/pnpm-lock.yaml
+      - run: pnpm install --frozen-lockfile
+      - name: Lint
+        run: pnpm lint
+      - name: Typecheck
+        run: pnpm typecheck
+      - name: Unit tests
+        run: pnpm test:ci
+      - name: Build (self-hosted)
+        run: pnpm build
+      - name: Build (SaaS)
+        run: pnpm build:saas
diff --git a/.gitignore b/.gitignore
index 3cea27708..63d70992f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,9 +6,12 @@
 /out-tsc
 # Only exists if Bazel was run
 /bazel-out
+/frontend-vue/dist
+/frontend-vue/coverage
 
 # dependencies
 /node_modules
+/frontend-vue/node_modules
 .yarn/
 
 # yarn berry cache (not tracked at repo root)
diff --git a/VUE_MIGRATION_PLAN.md b/VUE_MIGRATION_PLAN.md
new file mode 100644
index 000000000..92d9655e5
--- /dev/null
+++ b/VUE_MIGRATION_PLAN.md
@@ -0,0 +1,134 @@
+# Plan: Migrate RocketAdmin frontend from Angular to Vue.js
+
+## Context
+
+The RocketAdmin frontend (`frontend/`) is an **Angular 20** single-page app. It uses standalone components, Angular Material (M2 theming) and Vitest. The goal is to rebuild it in **Vue 3** with no change in features, routes, API contract or deployment shape, so users don't notice the switch. This plan covers the target stack, the order of work and how to check that the Vue app matches the Angular one.
+
+**Current size** (from exploring the codebase):
+- 250 components, 27 services, 4 guards, 2 interceptors and 9 validator directives.
+- About 47k lines of TypeScript, 13k lines of HTML and 22k lines of CSS.
+- 258 spec files and 159 Storybook stories.
+- **Angular Material is everywhere:** 1,734 `<mat-*>` tags, 47 dialog components and 76 files that use the snackbar.
+- **Field widgets:** about 119 components in 4 families (`record-edit-fields`, `record-view-fields`, `table-display-fields`, `filter-fields`, each with 23–32 types). They are rendered dynamically through `ng-dynamic-component` and the type maps in `src/app/consts/*-types.ts`.
+- **Forms are mostly template-driven:** 617 `ngModel` uses, 12 reactive forms and 8 custom validator directives.
+- **State uses two patterns:** legacy BehaviorSubject event-bus services (`connections`, `tables`, `user`, `auth`, `company`, ...) and newer signal/`rxResource` services (`dashboards`, `saved-queries`, `users`, `cedar-permission`, ...).
+- **Heavy third-party libraries:** Monaco (via `@ngstack/code-editor`, 10 places), Chart.js (via ng2-charts), angular-gridster2, ngx-markdown with mermaid, Cedar wasm, Sentry, PostHog, angulartics2/amplitude and Turnstile.
+- **Auth uses an httpOnly cookie.** The client only keeps `localStorage.token_expiration`. `token.interceptor.ts` adds the base URL, `withCredentials`, the `GCLID` and `masterpwd` headers, and redirects to `/login` on a 401.
+- **Deployment:** the root `Dockerfile` builds the frontend (`production` or `saas-production`), copies `dist/rocketadmin/browser` to `/var/www/html`, and nginx serves it with the SPA fallback and the `/api` proxy.
+
+## Recommended approach
+
+**A parallel rewrite in a new `frontend-vue/` directory**, built feature by feature. The Angular app stays in production until the Vue app reaches feature parity. Then the switch happens in the Dockerfile in one step, and Angular can be switched back on in the same step if needed.
+
+Why I'm not recommending a gradual, route-by-route hybrid: the app shell, sidenav, dialogs and theme are shared by every page. Mixing Angular and Vue on the same pages (micro-frontends, or web components through `defineCustomElement`) would mean keeping two runtimes and two theming systems in sync. That costs more than a clean parallel build.
+
+### Target stack
+
+| Concern | Angular today | Vue target |
+|---|---|---|
+| Framework | Angular 20 standalone | **Vue 3.5+**, `<script setup lang="ts">`, Composition API |
+| Build | `@angular/build:application` | **Vite**; `vue-tsc` for type checking |
+| Routing | Angular Router, `loadComponent`, guards | **vue-router 4**: lazy `() => import()` routes and `beforeEach` guards based on route `meta` |
+| State | BehaviorSubject and signal services | **Pinia** stores (setup syntax). Signals map to `ref`/`computed`; `rxResource`/`httpResource` map to **TanStack Vue Query** |
+| HTTP | HttpClient, interceptors, `api.service.ts` (fetch) | One `fetch` wrapper (`src/api/client.ts`) that ports the interceptor logic and the NDJSON streaming |
+| UI kit | Angular Material and CDK | **Vuetify 3** (Material Design, so its components match `mat-*` most closely) |
+| Theming | ngx-theme runtime palettes, `--color-*` variables | Generate the same `--color-<palette>-<shade>` variables from the same `colorConfig` (ported to `src/theme/palettes.ts`), and map them into the Vuetify theme. Dark mode follows `prefers-color-scheme` |
+| Forms | `ngModel` plus validator directives | `v-model`, Vuetify `:rules`, and the validators ported as pure functions in `src/validators/` |
+| Dynamic widgets | `ndc-dynamic` | `<component :is="map[type]" v-bind="inputs" v-on="outputs">` |
+| Code editor | `@ngstack/code-editor` | **`@guolao/vue-monaco-editor`**, or a thin wrapper around `monaco-editor`; the Cedar language in `lib/cedar-monaco-language.ts` is reused as is |
+| Charts | ng2-charts | **vue-chartjs**; `lib/chart-config.helper.ts` is reused |
+| Dashboard grid | angular-gridster2 | **grid-layout-plus** |
+| Markdown / mermaid | ngx-markdown | `marked` with `mermaid` in a `<MarkdownView>` component |
+| Clipboard / drag-drop | CDK | `@vueuse/core` (`useClipboard`) and `vuedraggable` (SortableJS) |
+| Error tracking / analytics | `@sentry/angular`, angulartics2, posthog | `@sentry/vue`, a small `useAnalytics()` composable around posthog/amplitude, and the router `afterEach` for page views |
+| Password meter | angular-password-strength-meter | `@zxcvbn-ts/core` with a small `<PasswordStrength>` component |
+| Unit tests | Vitest + TestBed | **Vitest + @vue/test-utils** (the same runner) |
+| Stories | Storybook 10 Angular | Storybook 10 `@storybook/vue3-vite` |
+| Lint / format | TSLint (deprecated), biome | biome plus `eslint-plugin-vue` |
+
+### Code that carries over unchanged (framework-agnostic TypeScript)
+Copy these as-is and add tests where they are missing:
+- `src/app/models/`
+- `src/app/consts/`, except the component references in the `*-types.ts` maps, which are rebuilt as Vue component maps
+- `src/app/lib/`: Cedar parser and policy logic, chart config helper, field formatting, filter param parsing
+- `src/app/validators/`: the logic only, without the directive wrappers
+- The service logic in `tables.service.ts`, `connections.service.ts` and others. Pull the HTTP calls into `src/api/*.ts` modules first so the stores stay thin.
+- `src/environments/*`, which become Vite `.env.*` files and modes (see Phase 0)
+- Assets, fonts, `index.saas.html` scripts (Intercom, gtag, GSI) and the cedar wasm
+
+## Phases
+
+### Phase 0 – Scaffolding and infrastructure
+1. Create `frontend-vue/` with Vite, Vue 3, TypeScript, Pinia, vue-router, Vuetify, TanStack Query and Vitest.
+2. **Environments:** use Vite modes `development`, `production`, `saas` and `saas-production`, with `.env.*` files that hold the same fields (`VITE_SAAS`, `VITE_API_ROOT`, `VITE_SAAS_URL`, `VITE_SAAS_HOSTNAMES`, `VITE_STAGING_HOST`, `VITE_TURNSTILE_SITE_KEY`). Choose the SaaS `index.html` with a small Vite plugin (`transformIndexHtml`), or with two HTML entry points.
+3. **Runtime `config.json` loader:** port `ConfigModule.buildForConfigUrl` so `baseURL` is read before the app mounts.
+4. **Dev proxy:** port `src/proxy.conf.json` to `server.proxy` in Vite (`/api` → `https://app.rocketadmin.com/api/`).
+5. **Version:** port `scripts/update-version.js` so it writes `src/version.ts`.
+6. **Monaco:** set up local workers and assets (`vite-plugin-monaco-editor`, or `?worker` imports) to replace the `assets/monaco` copy. Copy the cedar wasm to `public/`.
+7. **CI:** run lint, `vue-tsc` and Vitest for `frontend-vue/` next to the Angular jobs.
+
+### Phase 1 – Foundations
+1. **API client** (`src/api/client.ts`), porting `token.interceptor.ts`, `url-params.interceptor.ts` and `api.service.ts`:
+   - Prefix the base URL; send `/saas` URLs to `saasURL`.
+   - Send credentials (`credentials: 'include'`) on every API request.
+   - Add the `GCLID` header from the `autoadmin_gclid` cookie and the `masterpwd` header from `localStorage[${connectionID}__masterKey]`.
+   - Encode query params with `encodeURIComponent`.
+   - On a 401, clear `token_expiration` and redirect to `/login`.
+   - Show errors through the notifications store.
+   - Support NDJSON streaming.
+2. **Auth and guards:** an `auth` store, plus router guards (`requiresAuth`, `guestOnly`, `configuration`, `setup`) that reproduce the `token_expiration` check and the self-hosted setup redirect.
+3. **Theme:** port the `colorConfig` from `src/main.ts` into a palette generator that writes the same `--color-*` CSS variables. Port the global `custom-theme.scss` and `styles.scss`. Recreate the `--mat-*` overrides as Vuetify defaults and variables.
+4. **App shell:** port `app.component` (toolbar, sidenav, user menu, banners), route titles (`meta.title` through `afterEach`), the 404 page, and Sentry/analytics setup (SaaS mode only).
+5. **Shared UI primitives** that replace Material patterns used everywhere:
+   - **`useDialog()`:** a programmatic dialog service that keeps the `dialog.open(Component, { data })` → `afterClosed()` promise shape. This keeps the 47 dialogs mechanical to port.
+   - **`useNotify()`:** replaces the snackbar.
+   - **`<AppDialogForm>`:** follows the CLAUDE.md rule that a dialog with a form wraps its content and actions in a form, with a submit-type primary button.
+   - Ports of alert, banner, breadcrumbs, content-loader, the skeletons (17) and icon-picker. Icons use `material-symbols-outlined`.
+6. **Port all services to Pinia stores and composables.** Replace the string-event BehaviorSubjects (for example `tables.cast` emitting `'delete row'`) with explicit store actions and state, or with a typed event bus (`mitt`) where it really is fire-and-forget. List every `cast` consumer before removing it.
+
+### Phase 2 – The field widget system (the core of the app)
+1. Port the `base-*` classes as composables (`useRecordEditField(props, emit)`, and so on) with a shared props contract (`label`, `value`, `structure`, `widgetStructure`, `relations`, `readonly`, `required`, `disabled`).
+2. Port the widgets one family at a time, as a mechanical template-to-SFC conversion:
+   - `record-view-fields` (32), `table-display-fields` (32), `record-edit-fields` (32), `filter-fields` (23)
+   - Include foreign-key autocomplete, S3/file/image upload, the Monaco-based code, json and markdown fields, and country/phone (`libphonenumber-js`).
+3. Rebuild `consts/record-edit-types.ts`, `record-view-types.ts`, `table-display-types.ts` and `filter-types.ts` as maps from type to `defineAsyncComponent`. Keep the DB-type mapping tables exactly as they are.
+4. Write a Storybook story for each widget, ported from the existing 159 stories, so each one can be compared visually with the Angular version.
+
+### Phase 3 – Features (each one should ship complete; this is the recommended order)
+1. **Auth flows:** login (with Google GSI and Turnstile), setup, forget-password, password-reset/change, email verify/change, company invitation, deleted account.
+2. **Connections:** `connections-list`, `connect-db` (16 components), `edit-db`, `connection-settings`, `auto-configure`.
+3. **Table browser** (`components/dashboard/`, the hardest part):
+   - `db-tables-list` (630 lines) and `db-table-view` (1,103 + 752 lines). Use Vuetify `v-data-table-server` for paging, sorting and selection, and sync the query state with the URL (replaces `ngmat-table-query-reflector`).
+   - Filters dialog, saved-filters panel, export/import, row view/edit (`db-table-row-edit`, 871 lines), and the actions, widgets and settings pages.
+   - The AI panel, with NDJSON streaming and markdown/mermaid rendering.
+4. **Users and permissions:** groups, permissions, the Cedar policy editor (Monaco plus wasm), view-as.
+5. **Saved queries / charts:** chart-edit (716 lines, SQL editor) and chart-preview.
+6. **Dashboards:** the grid-layout-plus dashboard view and the chart, counter, table and text panels.
+7. **Remaining pages:** company, user-settings, api-keys, secrets, audit, zapier, edit-database-schema (mermaid diagram).
+8. **Redirects:** the legacy routes (`hosted-databases`, `saml`, `demo`, `upgrade*`, `subscription/success`) and the `**` 404 route.
+
+### Phase 4 – Parity, cutover and cleanup
+1. **Parity checklist:** every route in `app-routing.module.ts` has a matching route in Vue, with the same paths and query params, so existing bookmarks and emailed links keep working.
+2. **Dockerfile:** change the `front_builder` stage to build `frontend-vue` (`vite build --mode saas-production|production`) and copy its `dist/` to `/var/www/html`. `frontend/nginx/default.conf` does not change. During the trial period, use a build arg (`FRONTEND=angular|vue`) so switching back is one parameter.
+3. **Rollout:** staging first, then SaaS production, then self-hosted images.
+4. **Cleanup:** after one stable release, delete `frontend/`, rename `frontend-vue/` to `frontend/`, delete the stale `frontend/Dockerfile`, and update `CLAUDE.md` and `frontend/CLAUDE.md` with the Vue conventions (`<script setup>`, Pinia setup stores, composables, palette-only colors, BEM).
+
+## Rules for the rewrite
+- **No feature changes during the port.** File UI or UX improvements as separate follow-ups so the parity review stays meaningful.
+- **Freeze new features in Angular** once Phase 3 starts, or require each new Angular feature to be ported to Vue in the same PR.
+- **Colors** only through the `--color-*` palette variables (the same rule as today).
+- **Tests:** port the useful specs, focused on behavior (stores, API client, guards, validators, widgets), with `@vue/test-utils`, using `Partial<Store>` mocks and no `as any`.
+
+## Risks
+- **Matching Material's look in Vuetify:** form-field density and the dialog and snackbar look will differ slightly. Settle the look in Phase 1 against Storybook before porting 250 components.
+- **`db-table-view` and `db-table-row-edit`** hold the most logic. Pull their logic into composables first, and test that logic before porting the templates.
+- **The string-based event bus** in legacy services can hide coupling between components. Map every consumer before replacing it.
+- **Monaco workers and the Cedar wasm under Vite** must be checked early, in Phase 0.
+- **Scale:** about 250 components. Assume several months for a small team. Phases 2–3 can run in parallel by feature once Phase 1 is done.
+
+## Verification
+- **Per PR:** `vue-tsc --noEmit`, biome/eslint, and `vitest run` (unit and component tests) in `frontend-vue/`.
+- **Widgets:** compare each widget's Storybook story side by side with the Angular one.
+- **Feature parity:** run both apps against the same backend: `just` or Docker with the test DBs from `docker-compose.tst.yml`, Angular `yarn start` and Vue `pnpm dev`, both proxying `/api`. Walk the parity checklist for each database type (MySQL, Postgres, MongoDB, ...). Cover CRUD on rows, every widget type, filters, export/import, permissions, dashboards, saved queries, the AI panel and the auth flows.
+- **E2E (new; there is none today):** add a Playwright smoke suite covering login, opening a connection, browsing a table, editing a row, applying a filter and opening a dashboard. Run it against the Angular app first to set the baseline, then against Vue. The same suite then protects the cutover.
+- **Build:** `docker build` with the Vue frontend (both `SAAS` and non-SaaS). Check that nginx serves the SPA fallback, the `/api` proxy and streaming work, and Sentry/PostHog/Intercom load only in SaaS builds.
diff --git a/frontend-vue/.env b/frontend-vue/.env
new file mode 100644
index 000000000..b135a2fc3
--- /dev/null
+++ b/frontend-vue/.env
@@ -0,0 +1,8 @@
+# Defaults shared by every mode. Mode files (.env.<mode>) override these.
+# Mirrors frontend/src/environments/environment*.ts.
+VITE_SAAS=false
+VITE_API_ROOT=/api
+VITE_SAAS_URL=
+VITE_SAAS_HOSTNAMES=
+VITE_STAGING_HOST=rocketadmin-dev.tail9f8b2.ts.net
+VITE_TURNSTILE_SITE_KEY=
diff --git a/frontend-vue/.env.development b/frontend-vue/.env.development
new file mode 100644
index 000000000..351cb31cc
--- /dev/null
+++ b/frontend-vue/.env.development
@@ -0,0 +1,6 @@
+# Mirrors frontend/src/environments/environment.dev.ts
+VITE_SAAS=true
+VITE_API_ROOT=https://app.rocketadmin.com/api
+VITE_SAAS_URL=https://app.rocketadmin.com
+VITE_SAAS_HOSTNAMES=localhost,127.0.0.1
+VITE_STAGING_HOST=
diff --git a/frontend-vue/.env.production b/frontend-vue/.env.production
new file mode 100644
index 000000000..d0364e7bb
--- /dev/null
+++ b/frontend-vue/.env.production
@@ -0,0 +1,5 @@
+# Mirrors frontend/src/environments/environment.prod.ts
+VITE_SAAS=false
+VITE_API_ROOT=/api
+VITE_SAAS_URL=
+VITE_STAGING_HOST=rocketadmin-dev.tail9f8b2.ts.net
diff --git a/frontend-vue/.env.saas b/frontend-vue/.env.saas
new file mode 100644
index 000000000..77bc5b723
--- /dev/null
+++ b/frontend-vue/.env.saas
@@ -0,0 +1,8 @@
+# Mirrors frontend/src/environments/environment.saas.ts
+VITE_SAAS=true
+VITE_API_ROOT=https://rocketadmin-dev.tail9f8b2.ts.net/api
+VITE_SAAS_URL=https://rocketadmin-dev.tail9f8b2.ts.net
+VITE_SAAS_HOSTNAMES=app.rocketadmin.com,rocket.sitenova.com,localhost,rocketadmin-dev.tail9f8b2.ts.net
+VITE_STAGING_HOST=rocketadmin-dev.tail9f8b2.ts.net
+# Cloudflare test key - always passes
+VITE_TURNSTILE_SITE_KEY=1x00000000000000000000AA
diff --git a/frontend-vue/.env.saas-production b/frontend-vue/.env.saas-production
new file mode 100644
index 000000000..797a0b7cc
--- /dev/null
+++ b/frontend-vue/.env.saas-production
@@ -0,0 +1,7 @@
+# Mirrors frontend/src/environments/environment.saas-prod.ts
+VITE_SAAS=true
+VITE_API_ROOT=/api
+VITE_SAAS_URL=
+VITE_SAAS_HOSTNAMES=app.rocketadmin.com,rocket.sitenova.com,localhost,rocketadmin-dev.tail9f8b2.ts.net
+VITE_STAGING_HOST=rocketadmin-dev.tail9f8b2.ts.net
+VITE_TURNSTILE_SITE_KEY=0x4AAAAAACM2ZuNYhGhncig_
diff --git a/frontend-vue/.gitignore b/frontend-vue/.gitignore
new file mode 100644
index 000000000..4f82fbf0a
--- /dev/null
+++ b/frontend-vue/.gitignore
@@ -0,0 +1,6 @@
+node_modules
+dist
+coverage
+*.tsbuildinfo
+.env.local
+.env.*.local
diff --git a/frontend-vue/README.md b/frontend-vue/README.md
new file mode 100644
index 000000000..6ca073e11
--- /dev/null
+++ b/frontend-vue/README.md
@@ -0,0 +1,22 @@
+# frontend-vue
+
+Vue 3 rewrite of the RocketAdmin frontend (see `../VUE_MIGRATION_PLAN.md`). The Angular app in `../frontend` stays in production until this one reaches parity.
+
+Stack: Vite, Vue 3 (`<script setup lang="ts">`), Pinia, vue-router 4, Vuetify 3, TanStack Vue Query, Vitest.
+
+```bash
+pnpm install
+pnpm dev            # dev server, mode `development`, proxies /api to app.rocketadmin.com
+pnpm dev:saas       # dev server, mode `saas`
+pnpm build          # mode `production` (self-hosted)
+pnpm build:saas     # mode `saas-production` (uses index.saas.html)
+pnpm lint           # biome + eslint-plugin-vue
+pnpm typecheck      # vue-tsc
+pnpm test:ci        # vitest
+```
+
+- **Modes / environments:** `.env.<mode>` files mirror `frontend/src/environments/*.ts`; `src/environment.ts` exposes them with the same shape.
+- **Runtime config:** `public/config.json` is fetched before the app mounts (`src/config.ts`).
+- **Version:** `scripts/update-version.js` writes `package.json`'s version to `src/version.ts`.
+- **Assets:** served from `../frontend/src/assets` at `/assets` until the cutover, when they move here.
+- **Monaco / Cedar:** `src/lib/monaco.ts` and `src/lib/cedar-wasm.ts` load them lazily; Vite bundles the Monaco workers and the Cedar wasm.
diff --git a/frontend-vue/biome.json b/frontend-vue/biome.json
new file mode 100644
index 000000000..6a8d9c8d9
--- /dev/null
+++ b/frontend-vue/biome.json
@@ -0,0 +1,21 @@
+{
+	"$schema": "https://biomejs.dev/schemas/2.4.0/schema.json",
+	"root": false,
+	"extends": "//",
+	"files": {
+		"includes": ["**", "!**/dist", "!**/src/version.ts", "!**/index.saas.html"]
+	},
+	"overrides": [
+		{
+			"includes": ["**/*.vue"],
+			"linter": {
+				"rules": {
+					"correctness": {
+						"noUnusedImports": "off",
+						"noUnusedVariables": "off"
+					}
+				}
+			}
+		}
+	]
+}
diff --git a/frontend-vue/eslint.config.js b/frontend-vue/eslint.config.js
new file mode 100644
index 000000000..ad271b97e
--- /dev/null
+++ b/frontend-vue/eslint.config.js
@@ -0,0 +1,25 @@
+// biome lints and formats TS/JS; ESLint covers what biome can't see inside .vue single-file components.
+import pluginVue from 'eslint-plugin-vue';
+import tseslint from 'typescript-eslint';
+
+export default tseslint.config(
+	{ ignores: ['dist/**', 'node_modules/**'] },
+	{
+		files: ['**/*.vue'],
+		extends: [...tseslint.configs.recommended, ...pluginVue.configs['flat/recommended']],
+		languageOptions: {
+			parserOptions: {
+				parser: tseslint.parser,
+				extraFileExtensions: ['.vue'],
+				sourceType: 'module',
+			},
+		},
+		rules: {
+			// Formatting is biome's job (tabs, 120 columns).
+			'vue/html-indent': ['error', 'tab'],
+			'vue/max-attributes-per-line': 'off',
+			'vue/singleline-html-element-content-max-length': 'off',
+			'vue/singleline-html-element-content-newline': 'off',
+		},
+	},
+);
diff --git a/frontend-vue/index.html b/frontend-vue/index.html
new file mode 100644
index 000000000..fa5293d48
--- /dev/null
+++ b/frontend-vue/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Rocketadmin</title>
+  <base href="/">
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
+  <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
+</head>
+<body style="background-color: #191919; color: #ffffff;">
+  <div id="app" class="mainLayout"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+</html>
diff --git a/frontend-vue/index.saas.html b/frontend-vue/index.saas.html
new file mode 100644
index 000000000..af05899e3
--- /dev/null
+++ b/frontend-vue/index.saas.html
@@ -0,0 +1,182 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Rocketadmin</title>
+  <base href="/">
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!--<link rel="icon" type="image/x-icon" href="assets/favicon.ico">
+  <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">-->
+
+  <!-- Intercom -->
+  <script>
+      window.intercomSettings = {
+        api_base: "https://api-iam.intercom.io",
+        app_id: "q2bwv46v",
+        alignment: 'right',
+        horizontal_padding: 20,
+        vertical_padding: 20
+      };
+  </script>
+  <script>
+    // We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/q2bwv46v'
+    // biome-ignore lint: intercom code snippet
+    (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/q2bwv46v';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
+  </script>
+  <!-- Intercom -->
+
+
+  <!-- Global site tag (gtag.js) - Google Ads: 419937947 -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-419937947"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    // biome-ignore lint: third-party code snippet
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'AW-419937947');
+  </script>
+
+  <!-- Global site tag (gtag.js) - Google Ads: 419937947 -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-419937947"></script>
+
+  <!-- Google Tag Manager -->
+  <script>((w,d,s,l,i)=> {w[l]=w[l]||[];w[l].push({'gtm.start':
+    // biome-ignore lint: third-party code snippet
+    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+    j=d.createElement(s),dl=l!=='dataLayer'?'&l='+l:'';j.async=true;j.src=
+    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+    })(window,document,'script','dataLayer','GTM-W64RBP8');</script>
+  <!-- End Google Tag Manager -->
+
+  <!-- Event snippet for Page view conversion page
+  In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
+  <script>
+  function _gtag_report_conversion(url) {
+    var callback = () => {
+      if (typeof(url) !== 'undefined') {
+        window.location = url;
+      }
+    };
+    gtag('event', 'conversion', {
+        'send_to': 'AW-419937947/jqGyCJWo4qobEJv9nsgB',
+        'value': 1.0,
+        'currency': 'USD',
+        'event_callback': callback
+    });
+    return false;
+  }
+  </script>
+
+
+  <!-- Facebook Pixel Code -->
+  <script>
+    !((f,b,e,v,n,t,s)=> 
+    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
+    // biome-ignore lint: third-party code snippet
+    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
+    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
+    n.queue=[];t=b.createElement(e);t.async=!0;
+    t.src=v;s=b.getElementsByTagName(e)[0];
+    s.parentNode.insertBefore(t,s)})(window, document,'script',
+    'https://connect.facebook.net/en_US/fbevents.js');
+    fbq('init', '3069782323239519');
+    fbq('track', 'PageView');
+  </script>
+  <!-- End Facebook Pixel Code -->
+
+  <script src="https://accounts.google.com/gsi/client"></script>
+  <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v14.0" nonce="Fb790BHM"></script>
+
+  <!-- <script>
+      (function(d, s, id) {
+        var js, fjs = d.getElementsByTagName(s)[0];
+        if (d.getElementById(id)) return;
+        js = d.createElement(s); js.id = id;
+        js.src = "https://connect.facebook.net/en_US/sdk.js";
+        fjs.parentNode.insertBefore(js, fjs);
+      }(document, 'script', 'facebook-jssdk'));
+
+  </script> -->
+  <style>
+    .initialLoader {
+      display: flex;
+      align-items: center;
+      background-color:#ffffff;
+      margin: 0px;
+      height: 100vh;
+      overflow: hidden;
+      width: 100vw;
+    }
+
+    @media(prefers-color-scheme: dark) {
+      .initialLoader {
+        background-color: #303030;
+      }
+    }
+
+    #lottie {
+        background-color:#ffffff;
+        width:100%;
+        height:100%;
+        display:block;
+        overflow: hidden;
+        transform: translate3d(0,0,0);
+        text-align: center;
+        opacity: 1;
+    }
+
+    @media(prefers-color-scheme: dark) {
+      #lottie {
+        background-color: #303030;
+      }
+
+      #lottie svg rect {
+        fill: #303030;
+      }
+    }
+</style>
+
+  <!-- Cloudflare Turnstile -->
+  <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
+</head>
+<body style="background-color: #191919; color: #ffffff;">
+  <!-- Facebook Pixel noscript fallback -->
+  <noscript><img height="1" width="1" style="display:none"
+    src="https://www.facebook.com/tr?id=3069782323239519&ev=PageView&noscript=1"
+  /></noscript>
+  <div id="g_id_onload"
+      data-client_id="681163285738-e4l0lrv5vv7m616ucrfhnhso9r396lum.apps.googleusercontent.com"
+      data-auto_prompt="false">
+  </div>
+  <div id="app" class="mainLayout">
+    <div class="initialLoader">
+      <!-- build:scripto --><script>
+      // biome-ignore lint: this autogenerated animation uses eval
+      !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).lottie=e()}(this,(function(){"use strict";var svgNS="http://www.w3.org/2000/svg",locationHref="",_useWebWorker=!1,initialDefaultFrame=-999999,setWebWorker=function(t){_useWebWorker=!!t},getWebWorker=function(){return _useWebWorker},setLocationHref=function(t){locationHref=t},getLocationHref=function(){return locationHref};function createTag(t){return document.createElement(t)}function extendPrototype(t,e){var r,i,s=t.length;for(r=0;r<s;r+=1)for(var a in i=t[r].prototype)Object.prototype.hasOwnProperty.call(i,a)&&(e.prototype[a]=i[a])}function getDescriptor(t,e){return Object.getOwnPropertyDescriptor(t,e)}function createProxyFunction(t){function e(){}return e.prototype=t,e}var audioControllerFactory=function(){function t(t){this.audios=[],this.audioFactory=t,this._volume=1,this._isMuted=!1}return t.prototype={addAudio:function(t){this.audios.push(t)},pause:function(){var t,e=this.audios.length;for(t=0;t<e;t+=1)this.audios[t].pause()},resume:function(){var t,e=this.audios.length;for(t=0;t<e;t+=1)this.audios[t].resume()},setRate:function(t){var e,r=this.audios.length;for(e=0;e<r;e+=1)this.audios[e].setRate(t)},createAudio:function(t){return this.audioFactory?this.audioFactory(t):window.Howl?new window.Howl({src:[t]}):{isPlaying:!1,play:function(){this.isPlaying=!0},seek:function(){this.isPlaying=!1},playing:function(){},rate:function(){},setVolume:function(){}}},setAudioFactory:function(t){this.audioFactory=t},setVolume:function(t){this._volume=t,this._updateVolume()},mute:function(){this._isMuted=!0,this._updateVolume()},unmute:function(){this._isMuted=!1,this._updateVolume()},getVolume:function(){return this._volume},_updateVolume:function(){var t,e=this.audios.length;for(t=0;t<e;t+=1)this.audios[t].volume(this._volume*(this._isMuted?0:1))}},function(){return new t}}(),createTypedArray=function(){function t(t,e){var r,i=0,s=[];switch(t){case"int16":case"uint8c":r=1;break;default:r=1.1}for(i=0;i<e;i+=1)s.push(r);return s}return"function"==typeof Uint8ClampedArray&&"function"==typeof Float32Array?function(e,r){return"float32"===e?new Float32Array(r):"int16"===e?new Int16Array(r):"uint8c"===e?new Uint8ClampedArray(r):t(e,r)}:t}();function createSizedArray(t){return Array.apply(null,{length:t})}function _typeof$6(t){return _typeof$6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof$6(t)}var subframeEnabled=!0,expressionsPlugin=null,idPrefix="",isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),_shouldRoundValues=!1,bmPow=Math.pow,bmSqrt=Math.sqrt,bmFloor=Math.floor,bmMax=Math.max,bmMin=Math.min,BMMath={};function ProjectInterface$1(){return{}}!function(){var t,e=["abs","acos","acosh","asin","asinh","atan","atanh","atan2","ceil","cbrt","expm1","clz32","cos","cosh","exp","floor","fround","hypot","imul","log","log1p","log2","log10","max","min","pow","random","round","sign","sin","sinh","sqrt","tan","tanh","trunc","E","LN10","LN2","LOG10E","LOG2E","PI","SQRT1_2","SQRT2"],r=e.length;for(t=0;t<r;t+=1)BMMath[e[t]]=Math[e[t]]}(),BMMath.random=Math.random,BMMath.abs=function(t){if("object"===_typeof$6(t)&&t.length){var e,r=createSizedArray(t.length),i=t.length;for(e=0;e<i;e+=1)r[e]=Math.abs(t[e]);return r}return Math.abs(t)};var defaultCurveSegments=150,degToRads=Math.PI/180,roundCorner=.5519;function roundValues(t){_shouldRoundValues=!!t}function bmRnd(t){return _shouldRoundValues?Math.round(t):t}function styleDiv(t){t.style.position="absolute",t.style.top=0,t.style.left=0,t.style.display="block",t.style.transformOrigin="0 0",t.style.webkitTransformOrigin="0 0",t.style.backfaceVisibility="visible",t.style.webkitBackfaceVisibility="visible",t.style.transformStyle="preserve-3d",t.style.webkitTransformStyle="preserve-3d",t.style.mozTransformStyle="preserve-3d"}function BMEnterFrameEvent(t,e,r,i){this.type=t,this.currentTime=e,this.totalTime=r,this.direction=i<0?-1:1}function BMCompleteEvent(t,e){this.type=t,this.direction=e<0?-1:1}function BMCompleteLoopEvent(t,e,r,i){this.type=t,this.currentLoop=r,this.totalLoops=e,this.direction=i<0?-1:1}function BMSegmentStartEvent(t,e,r){this.type=t,this.firstFrame=e,this.totalFrames=r}function BMDestroyEvent(t,e){this.type=t,this.target=e}function BMRenderFrameErrorEvent(t,e){this.type="renderFrameError",this.nativeError=t,this.currentTime=e}function BMConfigErrorEvent(t){this.type="configError",this.nativeError=t}function BMAnimationConfigErrorEvent(t,e){this.type=t,this.nativeError=e}var createElementID=(_count=0,function(){return idPrefix+"__lottie_element_"+(_count+=1)}),_count;function HSVtoRGB(t,e,r){var i,s,a,n,o,h,l,p;switch(h=r*(1-e),l=r*(1-(o=6*t-(n=Math.floor(6*t)))*e),p=r*(1-(1-o)*e),n%6){case 0:i=r,s=p,a=h;break;case 1:i=l,s=r,a=h;break;case 2:i=h,s=r,a=p;break;case 3:i=h,s=l,a=r;break;case 4:i=p,s=h,a=r;break;case 5:i=r,s=h,a=l}return[i,s,a]}function RGBtoHSV(t,e,r){var i,s=Math.max(t,e,r),a=Math.min(t,e,r),n=s-a,o=0===s?0:n/s,h=s/255;switch(s){case a:i=0;break;case t:i=e-r+n*(e<r?6:0),i/=6*n;break;case e:i=r-t+2*n,i/=6*n;break;case r:i=t-e+4*n,i/=6*n}return[i,o,h]}function addSaturationToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[1]+=e,r[1]>1?r[1]=1:r[1]<=0&&(r[1]=0),HSVtoRGB(r[0],r[1],r[2])}function addBrightnessToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[2]+=e,r[2]>1?r[2]=1:r[2]<0&&(r[2]=0),HSVtoRGB(r[0],r[1],r[2])}function addHueToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[0]+=e/360,r[0]>1?r[0]-=1:r[0]<0&&(r[0]+=1),HSVtoRGB(r[0],r[1],r[2])}var rgbToHex=function(){var t,e,r=[];for(t=0;t<256;t+=1)e=t.toString(16),r[t]=1===e.length?"0"+e:e;return function(t,e,i){return t<0&&(t=0),e<0&&(e=0),i<0&&(i=0),"#"+r[t]+r[e]+r[i]}}(),setSubframeEnabled=function(t){subframeEnabled=!!t},getSubframeEnabled=function(){return subframeEnabled},setExpressionsPlugin=function(t){expressionsPlugin=t},getExpressionsPlugin=function(){return expressionsPlugin},setDefaultCurveSegments=function(t){defaultCurveSegments=t},getDefaultCurveSegments=function(){return defaultCurveSegments},setIdPrefix=function(t){idPrefix=t},getIdPrefix=function(){return idPrefix};function createNS(t){return document.createElementNS(svgNS,t)}function _typeof$5(t){return _typeof$5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof$5(t)}var dataManager=function(){var t,e,r=1,i=[],s={onmessage:function(){},postMessage:function(e){t({data:e})}},a={postMessage:function(t){s.onmessage({data:t})}};function n(){e||(e=function(e){if(window.Worker&&window.Blob&&getWebWorker()){var r=new Blob(["var _workerSelf = self; self.onmessage = ",e.toString()],{type:"text/javascript"}),i=URL.createObjectURL(r);return new Worker(i)}return t=e,s}((function(t){if(a.dataManager||(a.dataManager=function(){function t(s,a){var n,o,h,l,p,m,c=s.length;for(o=0;o<c;o+=1)if("ks"in(n=s[o])&&!n.completed){if(n.completed=!0,n.tt&&(s[o-1].td=n.tt),n.hasMask){var d=n.masksProperties;for(l=d.length,h=0;h<l;h+=1)if(d[h].pt.k.i)i(d[h].pt.k);else for(m=d[h].pt.k.length,p=0;p<m;p+=1)d[h].pt.k[p].s&&i(d[h].pt.k[p].s[0]),d[h].pt.k[p].e&&i(d[h].pt.k[p].e[0])}0===n.ty?(n.layers=e(n.refId,a),t(n.layers,a)):4===n.ty?r(n.shapes):5===n.ty&&f(n)}}function e(t,e){var r=function(t,e){for(var r=0,i=e.length;r<i;){if(e[r].id===t)return e[r];r+=1}return null}(t,e);return r?r.layers.__used?JSON.parse(JSON.stringify(r.layers)):(r.layers.__used=!0,r.layers):null}function r(t){var e,s,a;for(e=t.length-1;e>=0;e-=1)if("sh"===t[e].ty)if(t[e].ks.k.i)i(t[e].ks.k);else for(a=t[e].ks.k.length,s=0;s<a;s+=1)t[e].ks.k[s].s&&i(t[e].ks.k[s].s[0]),t[e].ks.k[s].e&&i(t[e].ks.k[s].e[0]);else"gr"===t[e].ty&&r(t[e].it)}function i(t){var e,r=t.i.length;for(e=0;e<r;e+=1)t.i[e][0]+=t.v[e][0],t.i[e][1]+=t.v[e][1],t.o[e][0]+=t.v[e][0],t.o[e][1]+=t.v[e][1]}function s(t,e){var r=e?e.split("."):[100,100,100];return t[0]>r[0]||!(r[0]>t[0])&&(t[1]>r[1]||!(r[1]>t[1])&&(t[2]>r[2]||!(r[2]>t[2])&&null))}var a,n=function(){var t=[4,4,14];function e(t){var e,r,i,s=t.length;for(e=0;e<s;e+=1)5===t[e].ty&&(i=void 0,i=(r=t[e]).t.d,r.t.d={k:[{s:i,t:0}]})}return function(r){if(s(t,r.v)&&(e(r.layers),r.assets)){var i,a=r.assets.length;for(i=0;i<a;i+=1)r.assets[i].layers&&e(r.assets[i].layers)}}}(),o=(a=[4,7,99],function(t){if(t.chars&&!s(a,t.v)){var e,i=t.chars.length;for(e=0;e<i;e+=1){var n=t.chars[e];n.data&&n.data.shapes&&(r(n.data.shapes),n.data.ip=0,n.data.op=99999,n.data.st=0,n.data.sr=1,n.data.ks={p:{k:[0,0],a:0},s:{k:[100,100],a:0},a:{k:[0,0],a:0},r:{k:0,a:0},o:{k:100,a:0}},t.chars[e].t||(n.data.shapes.push({ty:"no"}),n.data.shapes[0].it.push({p:{k:[0,0],a:0},s:{k:[100,100],a:0},a:{k:[0,0],a:0},r:{k:0,a:0},o:{k:100,a:0},sk:{k:0,a:0},sa:{k:0,a:0},ty:"tr"})))}}}),h=function(){var t=[5,7,15];function e(t){var e,r,i=t.length;for(e=0;e<i;e+=1)5===t[e].ty&&(r=void 0,"number"==typeof(r=t[e].t.p).a&&(r.a={a:0,k:r.a}),"number"==typeof r.p&&(r.p={a:0,k:r.p}),"number"==typeof r.r&&(r.r={a:0,k:r.r}))}return function(r){if(s(t,r.v)&&(e(r.layers),r.assets)){var i,a=r.assets.length;for(i=0;i<a;i+=1)r.assets[i].layers&&e(r.assets[i].layers)}}}(),l=function(){var t=[4,1,9];function e(t){var r,i,s,a=t.length;for(r=0;r<a;r+=1)if("gr"===t[r].ty)e(t[r].it);else if("fl"===t[r].ty||"st"===t[r].ty)if(t[r].c.k&&t[r].c.k[0].i)for(s=t[r].c.k.length,i=0;i<s;i+=1)t[r].c.k[i].s&&(t[r].c.k[i].s[0]/=255,t[r].c.k[i].s[1]/=255,t[r].c.k[i].s[2]/=255,t[r].c.k[i].s[3]/=255),t[r].c.k[i].e&&(t[r].c.k[i].e[0]/=255,t[r].c.k[i].e[1]/=255,t[r].c.k[i].e[2]/=255,t[r].c.k[i].e[3]/=255);else t[r].c.k[0]/=255,t[r].c.k[1]/=255,t[r].c.k[2]/=255,t[r].c.k[3]/=255}function r(t){var r,i=t.length;for(r=0;r<i;r+=1)4===t[r].ty&&e(t[r].shapes)}return function(e){if(s(t,e.v)&&(r(e.layers),e.assets)){var i,a=e.assets.length;for(i=0;i<a;i+=1)e.assets[i].layers&&r(e.assets[i].layers)}}}(),p=function(){var t=[4,4,18];function e(t){var r,i,s;for(r=t.length-1;r>=0;r-=1)if("sh"===t[r].ty)if(t[r].ks.k.i)t[r].ks.k.c=t[r].closed;else for(s=t[r].ks.k.length,i=0;i<s;i+=1)t[r].ks.k[i].s&&(t[r].ks.k[i].s[0].c=t[r].closed),t[r].ks.k[i].e&&(t[r].ks.k[i].e[0].c=t[r].closed);else"gr"===t[r].ty&&e(t[r].it)}function r(t){var r,i,s,a,n,o,h=t.length;for(i=0;i<h;i+=1){if((r=t[i]).hasMask){var l=r.masksProperties;for(a=l.length,s=0;s<a;s+=1)if(l[s].pt.k.i)l[s].pt.k.c=l[s].cl;else for(o=l[s].pt.k.length,n=0;n<o;n+=1)l[s].pt.k[n].s&&(l[s].pt.k[n].s[0].c=l[s].cl),l[s].pt.k[n].e&&(l[s].pt.k[n].e[0].c=l[s].cl)}4===r.ty&&e(r.shapes)}}return function(e){if(s(t,e.v)&&(r(e.layers),e.assets)){var i,a=e.assets.length;for(i=0;i<a;i+=1)e.assets[i].layers&&r(e.assets[i].layers)}}}();function f(t){0===t.t.a.length&&t.t.p}var m={completeData:function(r){r.__complete||(l(r),n(r),o(r),h(r),p(r),t(r.layers,r.assets),function(r,i){if(r){var s=0,a=r.length;for(s=0;s<a;s+=1)1===r[s].t&&(r[s].data.layers=e(r[s].data.refId,i),t(r[s].data.layers,i))}}(r.chars,r.assets),r.__complete=!0)}};return m.checkColors=l,m.checkChars=o,m.checkPathProperties=h,m.checkShapes=p,m.completeLayers=t,m}()),a.assetLoader||(a.assetLoader=function(){function t(t){var e=t.getResponseHeader("content-type");return e&&"json"===t.responseType&&-1!==e.indexOf("json")||t.response&&"object"===_typeof$5(t.response)?t.response:t.response&&"string"==typeof t.response?JSON.parse(t.response):t.responseText?JSON.parse(t.responseText):null}return{load:function(e,r,i,s){var a,n=new XMLHttpRequest;try{n.responseType="json"}catch(t){}n.onreadystatechange=function(){if(4===n.readyState)if(200===n.status)a=t(n),i(a);else try{a=t(n),i(a)}catch(t){s&&s(t)}};try{n.open("GET",e,!0)}catch(t){n.open("GET",r+"/"+e,!0)}n.send()}}}()),"loadAnimation"===t.data.type)a.assetLoader.load(t.data.path,t.data.fullPath,(function(e){a.dataManager.completeData(e),a.postMessage({id:t.data.id,payload:e,status:"success"})}),(function(){a.postMessage({id:t.data.id,status:"error"})}));else if("complete"===t.data.type){var e=t.data.animation;a.dataManager.completeData(e),a.postMessage({id:t.data.id,payload:e,status:"success"})}else"loadData"===t.data.type&&a.assetLoader.load(t.data.path,t.data.fullPath,(function(e){a.postMessage({id:t.data.id,payload:e,status:"success"})}),(function(){a.postMessage({id:t.data.id,status:"error"})}))})),e.onmessage=function(t){var e=t.data,r=e.id,s=i[r];i[r]=null,"success"===e.status?s.onComplete(e.payload):s.onError&&s.onError()})}function o(t,e){var s="processId_"+(r+=1);return i[s]={onComplete:t,onError:e},s}return{loadAnimation:function(t,r,i){n();var s=o(r,i);e.postMessage({type:"loadAnimation",path:t,fullPath:window.location.origin+window.location.pathname,id:s})},loadData:function(t,r,i){n();var s=o(r,i);e.postMessage({type:"loadData",path:t,fullPath:window.location.origin+window.location.pathname,id:s})},completeAnimation:function(t,r,i){n();var s=o(r,i);e.postMessage({type:"complete",animation:t,id:s})}}}(),ImagePreloader=function(){var t=function(){var t=createTag("canvas");t.width=1,t.height=1;var e=t.getContext("2d");return e.fillStyle="rgba(0,0,0,0)",e.fillRect(0,0,1,1),t}();function e(){this.loadedAssets+=1,this.loadedAssets===this.totalImages&&this.loadedFootagesCount===this.totalFootages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function r(){this.loadedFootagesCount+=1,this.loadedAssets===this.totalImages&&this.loadedFootagesCount===this.totalFootages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function i(t,e,r){var i="";if(t.e)i=t.p;else if(e){var s=t.p;-1!==s.indexOf("images/")&&(s=s.split("/")[1]),i=e+s}else i=r,i+=t.u?t.u:"",i+=t.p;return i}function s(t){var e=0,r=setInterval(function(){(t.getBBox().width||e>500)&&(this._imageLoaded(),clearInterval(r)),e+=1}.bind(this),50)}function a(t){var e={assetData:t},r=i(t,this.assetsPath,this.path);return dataManager.loadData(r,function(t){e.img=t,this._footageLoaded()}.bind(this),function(){e.img={},this._footageLoaded()}.bind(this)),e}function n(){this._imageLoaded=e.bind(this),this._footageLoaded=r.bind(this),this.testImageLoaded=s.bind(this),this.createFootageData=a.bind(this),this.assetsPath="",this.path="",this.totalImages=0,this.totalFootages=0,this.loadedAssets=0,this.loadedFootagesCount=0,this.imagesLoadedCb=null,this.images=[]}return n.prototype={loadAssets:function(t,e){var r;this.imagesLoadedCb=e;var i=t.length;for(r=0;r<i;r+=1)t[r].layers||(t[r].t&&"seq"!==t[r].t?3===t[r].t&&(this.totalFootages+=1,this.images.push(this.createFootageData(t[r]))):(this.totalImages+=1,this.images.push(this._createImageData(t[r]))))},setAssetsPath:function(t){this.assetsPath=t||""},setPath:function(t){this.path=t||""},loadedImages:function(){return this.totalImages===this.loadedAssets},loadedFootages:function(){return this.totalFootages===this.loadedFootagesCount},destroy:function(){this.imagesLoadedCb=null,this.images.length=0},getAsset:function(t){for(var e=0,r=this.images.length;e<r;){if(this.images[e].assetData===t)return this.images[e].img;e+=1}return null},createImgData:function(e){var r=i(e,this.assetsPath,this.path),s=createTag("img");s.crossOrigin="anonymous",s.addEventListener("load",this._imageLoaded,!1),s.addEventListener("error",function(){a.img=t,this._imageLoaded()}.bind(this),!1),s.src=r;var a={img:s,assetData:e};return a},createImageData:function(e){var r=i(e,this.assetsPath,this.path),s=createNS("image");isSafari?this.testImageLoaded(s):s.addEventListener("load",this._imageLoaded,!1),s.addEventListener("error",function(){a.img=t,this._imageLoaded()}.bind(this),!1),s.setAttributeNS("http://www.w3.org/1999/xlink","href",r),this._elementHelper.append?this._elementHelper.append(s):this._elementHelper.appendChild(s);var a={img:s,assetData:e};return a},imageLoaded:e,footageLoaded:r,setCacheType:function(t,e){"svg"===t?(this._elementHelper=e,this._createImageData=this.createImageData.bind(this)):this._createImageData=this.createImgData.bind(this)}},n}();function BaseEvent(){}BaseEvent.prototype={triggerEvent:function(t,e){if(this._cbs[t])for(var r=this._cbs[t],i=0;i<r.length;i+=1)r[i](e)},addEventListener:function(t,e){return this._cbs[t]||(this._cbs[t]=[]),this._cbs[t].push(e),function(){this.removeEventListener(t,e)}.bind(this)},removeEventListener:function(t,e){if(e){if(this._cbs[t]){for(var r=0,i=this._cbs[t].length;r<i;)this._cbs[t][r]===e&&(this._cbs[t].splice(r,1),r-=1,i-=1),r+=1;this._cbs[t].length||(this._cbs[t]=null)}}else this._cbs[t]=null}};var markerParser=function(){function t(t){for(var e,r=t.split("\r\n"),i={},s=0,a=0;a<r.length;a+=1)2===(e=r[a].split(":")).length&&(i[e[0]]=e[1].trim(),s+=1);if(0===s)throw new Error;return i}return function(e){for(var r=[],i=0;i<e.length;i+=1){var s=e[i],a={time:s.tm,duration:s.dr};try{a.payload=JSON.parse(e[i].cm)}catch(r){try{a.payload=t(e[i].cm)}catch(t){a.payload={name:e[i]}}}r.push(a)}return r}}(),ProjectInterface=function(){function t(t){this.compositions.push(t)}return function(){function e(t){for(var e=0,r=this.compositions.length;e<r;){if(this.compositions[e].data&&this.compositions[e].data.nm===t)return this.compositions[e].prepareFrame&&this.compositions[e].data.xt&&this.compositions[e].prepareFrame(this.currentFrame),this.compositions[e].compInterface;e+=1}return null}return e.compositions=[],e.currentFrame=0,e.registerComposition=t,e}}(),renderers={},registerRenderer=function(t,e){renderers[t]=e};function getRenderer(t){return renderers[t]}function _typeof$4(t){return _typeof$4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof$4(t)}var AnimationItem=function(){this._cbs=[],this.name="",this.path="",this.isLoaded=!1,this.currentFrame=0,this.currentRawFrame=0,this.firstFrame=0,this.totalFrames=0,this.frameRate=0,this.frameMult=0,this.playSpeed=1,this.playDirection=1,this.playCount=0,this.animationData={},this.assets=[],this.isPaused=!0,this.autoplay=!1,this.loop=!0,this.renderer=null,this.animationID=createElementID(),this.assetsPath="",this.timeCompleted=0,this.segmentPos=0,this.isSubframeEnabled=getSubframeEnabled(),this.segments=[],this._idle=!0,this._completedLoop=!1,this.projectInterface=ProjectInterface(),this.imagePreloader=new ImagePreloader,this.audioController=audioControllerFactory(),this.markers=[],this.configAnimation=this.configAnimation.bind(this),this.onSetupError=this.onSetupError.bind(this),this.onSegmentComplete=this.onSegmentComplete.bind(this)};extendPrototype([BaseEvent],AnimationItem),AnimationItem.prototype.setParams=function(t){(t.wrapper||t.container)&&(this.wrapper=t.wrapper||t.container);var e="svg";t.animType?e=t.animType:t.renderer&&(e=t.renderer);var r=getRenderer(e);this.renderer=new r(this,t.rendererSettings),this.imagePreloader.setCacheType(e,this.renderer.globalData.defs),this.renderer.setProjectInterface(this.projectInterface),this.animType=e,""===t.loop||null===t.loop||void 0===t.loop||!0===t.loop?this.loop=!0:!1===t.loop?this.loop=!1:this.loop=parseInt(t.loop,10),this.autoplay=!("autoplay"in t)||t.autoplay,this.name=t.name?t.name:"",this.autoloadSegments=!Object.prototype.hasOwnProperty.call(t,"autoloadSegments")||t.autoloadSegments,this.assetsPath=t.assetsPath,this.initialSegment=t.initialSegment,t.audioFactory&&this.audioController.setAudioFactory(t.audioFactory),t.animationData?this.setupAnimation(t.animationData):t.path&&(-1!==t.path.lastIndexOf("\\")?this.path=t.path.substr(0,t.path.lastIndexOf("\\")+1):this.path=t.path.substr(0,t.path.lastIndexOf("/")+1),this.fileName=t.path.substr(t.path.lastIndexOf("/")+1),this.fileName=this.fileName.substr(0,this.fileName.lastIndexOf(".json")),dataManager.loadAnimation(t.path,this.configAnimation,this.onSetupError))},AnimationItem.prototype.onSetupError=function(){this.trigger("data_failed")},AnimationItem.prototype.setupAnimation=function(t){dataManager.completeAnimation(t,this.configAnimation)},AnimationItem.prototype.setData=function(t,e){e&&"object"!==_typeof$4(e)&&(e=JSON.parse(e));var r={wrapper:t,animationData:e},i=t.attributes;r.path=i.getNamedItem("data-animation-path")?i.getNamedItem("data-animation-path").value:i.getNamedItem("data-bm-path")?i.getNamedItem("data-bm-path").value:i.getNamedItem("bm-path")?i.getNamedItem("bm-path").value:"",r.animType=i.getNamedItem("data-anim-type")?i.getNamedItem("data-anim-type").value:i.getNamedItem("data-bm-type")?i.getNamedItem("data-bm-type").value:i.getNamedItem("bm-type")?i.getNamedItem("bm-type").value:i.getNamedItem("data-bm-renderer")?i.getNamedItem("data-bm-renderer").value:i.getNamedItem("bm-renderer")?i.getNamedItem("bm-renderer").value:"canvas";var s=i.getNamedItem("data-anim-loop")?i.getNamedItem("data-anim-loop").value:i.getNamedItem("data-bm-loop")?i.getNamedItem("data-bm-loop").value:i.getNamedItem("bm-loop")?i.getNamedItem("bm-loop").value:"";"false"===s?r.loop=!1:"true"===s?r.loop=!0:""!==s&&(r.loop=parseInt(s,10));var a=i.getNamedItem("data-anim-autoplay")?i.getNamedItem("data-anim-autoplay").value:i.getNamedItem("data-bm-autoplay")?i.getNamedItem("data-bm-autoplay").value:!i.getNamedItem("bm-autoplay")||i.getNamedItem("bm-autoplay").value;r.autoplay="false"!==a,r.name=i.getNamedItem("data-name")?i.getNamedItem("data-name").value:i.getNamedItem("data-bm-name")?i.getNamedItem("data-bm-name").value:i.getNamedItem("bm-name")?i.getNamedItem("bm-name").value:"","false"===(i.getNamedItem("data-anim-prerender")?i.getNamedItem("data-anim-prerender").value:i.getNamedItem("data-bm-prerender")?i.getNamedItem("data-bm-prerender").value:i.getNamedItem("bm-prerender")?i.getNamedItem("bm-prerender").value:"")&&(r.prerender=!1),this.setParams(r)},AnimationItem.prototype.includeLayers=function(t){t.op>this.animationData.op&&(this.animationData.op=t.op,this.totalFrames=Math.floor(t.op-this.animationData.ip));var e,r,i=this.animationData.layers,s=i.length,a=t.layers,n=a.length;for(r=0;r<n;r+=1)for(e=0;e<s;){if(i[e].id===a[r].id){i[e]=a[r];break}e+=1}if((t.chars||t.fonts)&&(this.renderer.globalData.fontManager.addChars(t.chars),this.renderer.globalData.fontManager.addFonts(t.fonts,this.renderer.globalData.defs)),t.assets)for(s=t.assets.length,e=0;e<s;e+=1)this.animationData.assets.push(t.assets[e]);this.animationData.__complete=!1,dataManager.completeAnimation(this.animationData,this.onSegmentComplete)},AnimationItem.prototype.onSegmentComplete=function(t){this.animationData=t;var e=getExpressionsPlugin();e&&e.initExpressions(this),this.loadNextSegment()},AnimationItem.prototype.loadNextSegment=function(){var t=this.animationData.segments;if(!t||0===t.length||!this.autoloadSegments)return this.trigger("data_ready"),void(this.timeCompleted=this.totalFrames);var e=t.shift();this.timeCompleted=e.time*this.frameRate;var r=this.path+this.fileName+"_"+this.segmentPos+".json";this.segmentPos+=1,dataManager.loadData(r,this.includeLayers.bind(this),function(){this.trigger("data_failed")}.bind(this))},AnimationItem.prototype.loadSegments=function(){this.animationData.segments||(this.timeCompleted=this.totalFrames),this.loadNextSegment()},AnimationItem.prototype.imagesLoaded=function(){this.trigger("loaded_images"),this.checkLoaded()},AnimationItem.prototype.preloadImages=function(){this.imagePreloader.setAssetsPath(this.assetsPath),this.imagePreloader.setPath(this.path),this.imagePreloader.loadAssets(this.animationData.assets,this.imagesLoaded.bind(this))},AnimationItem.prototype.configAnimation=function(t){if(this.renderer)try{this.animationData=t,this.initialSegment?(this.totalFrames=Math.floor(this.initialSegment[1]-this.initialSegment[0]),this.firstFrame=Math.round(this.initialSegment[0])):(this.totalFrames=Math.floor(this.animationData.op-this.animationData.ip),this.firstFrame=Math.round(this.animationData.ip)),this.renderer.configAnimation(t),t.assets||(t.assets=[]),this.assets=this.animationData.assets,this.frameRate=this.animationData.fr,this.frameMult=this.animationData.fr/1e3,this.renderer.searchExtraCompositions(t.assets),this.markers=markerParser(t.markers||[]),this.trigger("config_ready"),this.preloadImages(),this.loadSegments(),this.updaFrameModifier(),this.waitForFontsLoaded(),this.isPaused&&this.audioController.pause()}catch(t){this.triggerConfigError(t)}},AnimationItem.prototype.waitForFontsLoaded=function(){this.renderer&&(this.renderer.globalData.fontManager.isLoaded?this.checkLoaded():setTimeout(this.waitForFontsLoaded.bind(this),20))},AnimationItem.prototype.checkLoaded=function(){if(!this.isLoaded&&this.renderer.globalData.fontManager.isLoaded&&(this.imagePreloader.loadedImages()||"canvas"!==this.renderer.rendererType)&&this.imagePreloader.loadedFootages()){this.isLoaded=!0;var t=getExpressionsPlugin();t&&t.initExpressions(this),this.renderer.initItems(),setTimeout(function(){this.trigger("DOMLoaded")}.bind(this),0),this.gotoFrame(),this.autoplay&&this.play()}},AnimationItem.prototype.resize=function(){this.renderer.updateContainerSize()},AnimationItem.prototype.setSubframe=function(t){this.isSubframeEnabled=!!t},AnimationItem.prototype.gotoFrame=function(){this.currentFrame=this.isSubframeEnabled?this.currentRawFrame:~~this.currentRawFrame,this.timeCompleted!==this.totalFrames&&this.currentFrame>this.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame(),this.trigger("drawnFrame")},AnimationItem.prototype.renderFrame=function(){if(!1!==this.isLoaded&&this.renderer)try{this.renderer.renderFrame(this.currentFrame+this.firstFrame)}catch(t){this.triggerRenderFrameError(t)}},AnimationItem.prototype.play=function(t){t&&this.name!==t||!0===this.isPaused&&(this.isPaused=!1,this.audioController.resume(),this._idle&&(this._idle=!1,this.trigger("_active")))},AnimationItem.prototype.pause=function(t){t&&this.name!==t||!1===this.isPaused&&(this.isPaused=!0,this._idle=!0,this.trigger("_idle"),this.audioController.pause())},AnimationItem.prototype.togglePause=function(t){t&&this.name!==t||(!0===this.isPaused?this.play():this.pause())},AnimationItem.prototype.stop=function(t){t&&this.name!==t||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},AnimationItem.prototype.getMarkerData=function(t){for(var e,r=0;r<this.markers.length;r+=1)if((e=this.markers[r]).payload&&e.payload.name===t)return e;return null},AnimationItem.prototype.goToAndStop=function(t,e,r){if(!r||this.name===r){var i=Number(t);if(isNaN(i)){var s=this.getMarkerData(t);s&&this.goToAndStop(s.time,!0)}else e?this.setCurrentRawFrameValue(t):this.setCurrentRawFrameValue(t*this.frameModifier);this.pause()}},AnimationItem.prototype.goToAndPlay=function(t,e,r){if(!r||this.name===r){var i=Number(t);if(isNaN(i)){var s=this.getMarkerData(t);s&&(s.duration?this.playSegments([s.time,s.time+s.duration],!0):this.goToAndStop(s.time,!0))}else this.goToAndStop(i,e,r);this.play()}},AnimationItem.prototype.advanceTime=function(t){if(!0!==this.isPaused&&!1!==this.isLoaded){var e=this.currentRawFrame+t*this.frameModifier,r=!1;e>=this.totalFrames-1&&this.frameModifier>0?this.loop&&this.playCount!==this.loop?e>=this.totalFrames?(this.playCount+=1,this.checkSegments(e%this.totalFrames)||(this.setCurrentRawFrameValue(e%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(e):this.checkSegments(e>this.totalFrames?e%this.totalFrames:0)||(r=!0,e=this.totalFrames-1):e<0?this.checkSegments(e%this.totalFrames)||(!this.loop||this.playCount--<=0&&!0!==this.loop?(r=!0,e=0):(this.setCurrentRawFrameValue(this.totalFrames+e%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0)):this.setCurrentRawFrameValue(e),r&&(this.setCurrentRawFrameValue(e),this.pause(),this.trigger("complete"))}},AnimationItem.prototype.adjustSegment=function(t,e){this.playCount=0,t[1]<t[0]?(this.frameModifier>0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.totalFrames=t[0]-t[1],this.timeCompleted=this.totalFrames,this.firstFrame=t[1],this.setCurrentRawFrameValue(this.totalFrames-.001-e)):t[1]>t[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.totalFrames=t[1]-t[0],this.timeCompleted=this.totalFrames,this.firstFrame=t[0],this.setCurrentRawFrameValue(.001+e)),this.trigger("segmentStart")},AnimationItem.prototype.setSegment=function(t,e){var r=-1;this.isPaused&&(this.currentRawFrame+this.firstFrame<t?r=t:this.currentRawFrame+this.firstFrame>e&&(r=e-t)),this.firstFrame=t,this.totalFrames=e-t,this.timeCompleted=this.totalFrames,-1!==r&&this.goToAndStop(r,!0)},AnimationItem.prototype.playSegments=function(t,e){if(e&&(this.segments.length=0),"object"===_typeof$4(t[0])){var r,i=t.length;for(r=0;r<i;r+=1)this.segments.push(t[r])}else this.segments.push(t);this.segments.length&&e&&this.adjustSegment(this.segments.shift(),0),this.isPaused&&this.play()},AnimationItem.prototype.resetSegments=function(t){this.segments.length=0,this.segments.push([this.animationData.ip,this.animationData.op]),t&&this.checkSegments(0)},AnimationItem.prototype.checkSegments=function(t){return!!this.segments.length&&(this.adjustSegment(this.segments.shift(),t),!0)},AnimationItem.prototype.destroy=function(t){t&&this.name!==t||!this.renderer||(this.renderer.destroy(),this.imagePreloader.destroy(),this.trigger("destroy"),this._cbs=null,this.onEnterFrame=null,this.onLoopComplete=null,this.onComplete=null,this.onSegmentStart=null,this.onDestroy=null,this.renderer=null,this.renderer=null,this.imagePreloader=null,this.projectInterface=null)},AnimationItem.prototype.setCurrentRawFrameValue=function(t){this.currentRawFrame=t,this.gotoFrame()},AnimationItem.prototype.setSpeed=function(t){this.playSpeed=t,this.updaFrameModifier()},AnimationItem.prototype.setDirection=function(t){this.playDirection=t<0?-1:1,this.updaFrameModifier()},AnimationItem.prototype.setVolume=function(t,e){e&&this.name!==e||this.audioController.setVolume(t)},AnimationItem.prototype.getVolume=function(){return this.audioController.getVolume()},AnimationItem.prototype.mute=function(t){t&&this.name!==t||this.audioController.mute()},AnimationItem.prototype.unmute=function(t){t&&this.name!==t||this.audioController.unmute()},AnimationItem.prototype.updaFrameModifier=function(){this.frameModifier=this.frameMult*this.playSpeed*this.playDirection,this.audioController.setRate(this.playSpeed*this.playDirection)},AnimationItem.prototype.getPath=function(){return this.path},AnimationItem.prototype.getAssetsPath=function(t){var e="";if(t.e)e=t.p;else if(this.assetsPath){var r=t.p;-1!==r.indexOf("images/")&&(r=r.split("/")[1]),e=this.assetsPath+r}else e=this.path,e+=t.u?t.u:"",e+=t.p;return e},AnimationItem.prototype.getAssetData=function(t){for(var e=0,r=this.assets.length;e<r;){if(t===this.assets[e].id)return this.assets[e];e+=1}return null},AnimationItem.prototype.hide=function(){this.renderer.hide()},AnimationItem.prototype.show=function(){this.renderer.show()},AnimationItem.prototype.getDuration=function(t){return t?this.totalFrames:this.totalFrames/this.frameRate},AnimationItem.prototype.trigger=function(t){if(this._cbs&&this._cbs[t])switch(t){case"enterFrame":case"drawnFrame":this.triggerEvent(t,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameModifier));break;case"loopComplete":this.triggerEvent(t,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult));break;case"complete":this.triggerEvent(t,new BMCompleteEvent(t,this.frameMult));break;case"segmentStart":this.triggerEvent(t,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames));break;case"destroy":this.triggerEvent(t,new BMDestroyEvent(t,this));break;default:this.triggerEvent(t)}"enterFrame"===t&&this.onEnterFrame&&this.onEnterFrame.call(this,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameMult)),"loopComplete"===t&&this.onLoopComplete&&this.onLoopComplete.call(this,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult)),"complete"===t&&this.onComplete&&this.onComplete.call(this,new BMCompleteEvent(t,this.frameMult)),"segmentStart"===t&&this.onSegmentStart&&this.onSegmentStart.call(this,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames)),"destroy"===t&&this.onDestroy&&this.onDestroy.call(this,new BMDestroyEvent(t,this))},AnimationItem.prototype.triggerRenderFrameError=function(t){var e=new BMRenderFrameErrorEvent(t,this.currentFrame);this.triggerEvent("error",e),this.onError&&this.onError.call(this,e)},AnimationItem.prototype.triggerConfigError=function(t){var e=new BMConfigErrorEvent(t,this.currentFrame);this.triggerEvent("error",e),this.onError&&this.onError.call(this,e)};var animationManager=function(){var t={},e=[],r=0,i=0,s=0,a=!0,n=!1;function o(t){for(var r=0,s=t.target;r<i;)e[r].animation===s&&(e.splice(r,1),r-=1,i-=1,s.isPaused||p()),r+=1}function h(t,r){if(!t)return null;for(var s=0;s<i;){if(e[s].elem===t&&null!==e[s].elem)return e[s].animation;s+=1}var a=new AnimationItem;return f(a,t),a.setData(t,r),a}function l(){s+=1,d()}function p(){s-=1}function f(t,r){t.addEventListener("destroy",o),t.addEventListener("_active",l),t.addEventListener("_idle",p),e.push({elem:r,animation:t}),i+=1}function m(t){var o,h=t-r;for(o=0;o<i;o+=1)e[o].animation.advanceTime(h);r=t,s&&!n?window.requestAnimationFrame(m):a=!0}function c(t){r=t,window.requestAnimationFrame(m)}function d(){!n&&s&&a&&(window.requestAnimationFrame(c),a=!1)}return t.registerAnimation=h,t.loadAnimation=function(t){var e=new AnimationItem;return f(e,null),e.setParams(t),e},t.setSpeed=function(t,r){var s;for(s=0;s<i;s+=1)e[s].animation.setSpeed(t,r)},t.setDirection=function(t,r){var s;for(s=0;s<i;s+=1)e[s].animation.setDirection(t,r)},t.play=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.play(t)},t.pause=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.pause(t)},t.stop=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.stop(t)},t.togglePause=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.togglePause(t)},t.searchAnimations=function(t,e,r){var i,s=[].concat([].slice.call(document.getElementsByClassName("lottie")),[].slice.call(document.getElementsByClassName("bodymovin"))),a=s.length;for(i=0;i<a;i+=1)r&&s[i].setAttribute("data-bm-type",r),h(s[i],t);if(e&&0===a){r||(r="svg");var n=document.getElementsByTagName("body")[0];n.innerText="";var o=createTag("div");o.style.width="100%",o.style.height="100%",o.setAttribute("data-bm-type",r),n.appendChild(o),h(o,t)}},t.resize=function(){var t;for(t=0;t<i;t+=1)e[t].animation.resize()},t.goToAndStop=function(t,r,s){var a;for(a=0;a<i;a+=1)e[a].animation.goToAndStop(t,r,s)},t.destroy=function(t){var r;for(r=i-1;r>=0;r-=1)e[r].animation.destroy(t)},t.freeze=function(){n=!0},t.unfreeze=function(){n=!1,d()},t.setVolume=function(t,r){var s;for(s=0;s<i;s+=1)e[s].animation.setVolume(t,r)},t.mute=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.mute(t)},t.unmute=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.unmute(t)},t.getRegisteredAnimations=function(){var t,r=e.length,i=[];for(t=0;t<r;t+=1)i.push(e[t].animation);return i},t}(),BezierFactory=function(){var t={getBezierEasing:function(t,r,i,s,a){var n=a||("bez_"+t+"_"+r+"_"+i+"_"+s).replace(/\./g,"p");if(e[n])return e[n];var o=new l([t,r,i,s]);return e[n]=o,o}},e={};var r=.1,i="function"==typeof Float32Array;function s(t,e){return 1-3*e+3*t}function a(t,e){return 3*e-6*t}function n(t){return 3*t}function o(t,e,r){return((s(e,r)*t+a(e,r))*t+n(e))*t}function h(t,e,r){return 3*s(e,r)*t*t+2*a(e,r)*t+n(e)}function l(t){this._p=t,this._mSampleValues=i?new Float32Array(11):new Array(11),this._precomputed=!1,this.get=this.get.bind(this)}return l.prototype={get:function(t){var e=this._p[0],r=this._p[1],i=this._p[2],s=this._p[3];return this._precomputed||this._precompute(),e===r&&i===s?t:0===t?0:1===t?1:o(this._getTForX(t),r,s)},_precompute:function(){var t=this._p[0],e=this._p[1],r=this._p[2],i=this._p[3];this._precomputed=!0,t===e&&r===i||this._calcSampleValues()},_calcSampleValues:function(){for(var t=this._p[0],e=this._p[2],i=0;i<11;++i)this._mSampleValues[i]=o(i*r,t,e)},_getTForX:function(t){for(var e=this._p[0],i=this._p[2],s=this._mSampleValues,a=0,n=1;10!==n&&s[n]<=t;++n)a+=r;var l=a+(t-s[--n])/(s[n+1]-s[n])*r,p=h(l,e,i);return p>=.001?function(t,e,r,i){for(var s=0;s<4;++s){var a=h(e,r,i);if(0===a)return e;e-=(o(e,r,i)-t)/a}return e}(t,l,e,i):0===p?l:function(t,e,r,i,s){var a,n,h=0;do{(a=o(n=e+(r-e)/2,i,s)-t)>0?r=n:e=n}while(Math.abs(a)>1e-7&&++h<10);return n}(t,a,a+r,e,i)}},t}(),pooling={double:function(t){return t.concat(createSizedArray(t.length))}},poolFactory=function(t,e,r){var i=0,s=t,a=createSizedArray(s);return{newElement:function(){return i?a[i-=1]:e()},release:function(t){i===s&&(a=pooling.double(a),s*=2),r&&r(t),a[i]=t,i+=1}}},bezierLengthPool=poolFactory(8,(function(){return{addedLength:0,percents:createTypedArray("float32",getDefaultCurveSegments()),lengths:createTypedArray("float32",getDefaultCurveSegments())}})),segmentsLengthPool=poolFactory(8,(function(){return{lengths:[],totalLength:0}}),(function(t){var e,r=t.lengths.length;for(e=0;e<r;e+=1)bezierLengthPool.release(t.lengths[e]);t.lengths.length=0}));function bezFunction(){var t=Math;function e(t,e,r,i,s,a){var n=t*i+e*s+r*a-s*i-a*t-r*e;return n>-.001&&n<.001}var r=function(t,e,r,i){var s,a,n,o,h,l,p=getDefaultCurveSegments(),f=0,m=[],c=[],d=bezierLengthPool.newElement();for(n=r.length,s=0;s<p;s+=1){for(h=s/(p-1),l=0,a=0;a<n;a+=1)o=bmPow(1-h,3)*t[a]+3*bmPow(1-h,2)*h*r[a]+3*(1-h)*bmPow(h,2)*i[a]+bmPow(h,3)*e[a],m[a]=o,null!==c[a]&&(l+=bmPow(m[a]-c[a],2)),c[a]=m[a];l&&(f+=l=bmSqrt(l)),d.percents[s]=h,d.lengths[s]=f}return d.addedLength=f,d};function i(t){this.segmentLength=0,this.points=new Array(t)}function s(t,e){this.partialLength=t,this.point=e}var a,n=(a={},function(t,r,n,o){var h=(t[0]+"_"+t[1]+"_"+r[0]+"_"+r[1]+"_"+n[0]+"_"+n[1]+"_"+o[0]+"_"+o[1]).replace(/\./g,"p");if(!a[h]){var l,p,f,m,c,d,u,y=getDefaultCurveSegments(),g=0,v=null;2===t.length&&(t[0]!==r[0]||t[1]!==r[1])&&e(t[0],t[1],r[0],r[1],t[0]+n[0],t[1]+n[1])&&e(t[0],t[1],r[0],r[1],r[0]+o[0],r[1]+o[1])&&(y=2);var b=new i(y);for(f=n.length,l=0;l<y;l+=1){for(u=createSizedArray(f),c=l/(y-1),d=0,p=0;p<f;p+=1)m=bmPow(1-c,3)*t[p]+3*bmPow(1-c,2)*c*(t[p]+n[p])+3*(1-c)*bmPow(c,2)*(r[p]+o[p])+bmPow(c,3)*r[p],u[p]=m,null!==v&&(d+=bmPow(u[p]-v[p],2));g+=d=bmSqrt(d),b.points[l]=new s(d,u),v=u}b.segmentLength=g,a[h]=b}return a[h]});function o(t,e){var r=e.percents,i=e.lengths,s=r.length,a=bmFloor((s-1)*t),n=t*e.addedLength,o=0;if(a===s-1||0===a||n===i[a])return r[a];for(var h=i[a]>n?-1:1,l=!0;l;)if(i[a]<=n&&i[a+1]>n?(o=(n-i[a])/(i[a+1]-i[a]),l=!1):a+=h,a<0||a>=s-1){if(a===s-1)return r[a];l=!1}return r[a]+(r[a+1]-r[a])*o}var h=createTypedArray("float32",8);return{getSegmentsLength:function(t){var e,i=segmentsLengthPool.newElement(),s=t.c,a=t.v,n=t.o,o=t.i,h=t._length,l=i.lengths,p=0;for(e=0;e<h-1;e+=1)l[e]=r(a[e],a[e+1],n[e],o[e+1]),p+=l[e].addedLength;return s&&h&&(l[e]=r(a[e],a[0],n[e],o[0]),p+=l[e].addedLength),i.totalLength=p,i},getNewSegment:function(e,r,i,s,a,n,l){a<0?a=0:a>1&&(a=1);var p,f=o(a,l),m=o(n=n>1?1:n,l),c=e.length,d=1-f,u=1-m,y=d*d*d,g=f*d*d*3,v=f*f*d*3,b=f*f*f,P=d*d*u,E=f*d*u+d*f*u+d*d*m,x=f*f*u+d*f*m+f*d*m,S=f*f*m,C=d*u*u,A=f*u*u+d*m*u+d*u*m,_=f*m*u+d*m*m+f*u*m,T=f*m*m,k=u*u*u,D=m*u*u+u*m*u+u*u*m,M=m*m*u+u*m*m+m*u*m,F=m*m*m;for(p=0;p<c;p+=1)h[4*p]=t.round(1e3*(y*e[p]+g*i[p]+v*s[p]+b*r[p]))/1e3,h[4*p+1]=t.round(1e3*(P*e[p]+E*i[p]+x*s[p]+S*r[p]))/1e3,h[4*p+2]=t.round(1e3*(C*e[p]+A*i[p]+_*s[p]+T*r[p]))/1e3,h[4*p+3]=t.round(1e3*(k*e[p]+D*i[p]+M*s[p]+F*r[p]))/1e3;return h},getPointInSegment:function(e,r,i,s,a,n){var h=o(a,n),l=1-h;return[t.round(1e3*(l*l*l*e[0]+(h*l*l+l*h*l+l*l*h)*i[0]+(h*h*l+l*h*h+h*l*h)*s[0]+h*h*h*r[0]))/1e3,t.round(1e3*(l*l*l*e[1]+(h*l*l+l*h*l+l*l*h)*i[1]+(h*h*l+l*h*h+h*l*h)*s[1]+h*h*h*r[1]))/1e3]},buildBezierData:n,pointOnLine2D:e,pointOnLine3D:function(r,i,s,a,n,o,h,l,p){if(0===s&&0===o&&0===p)return e(r,i,a,n,h,l);var f,m=t.sqrt(t.pow(a-r,2)+t.pow(n-i,2)+t.pow(o-s,2)),c=t.sqrt(t.pow(h-r,2)+t.pow(l-i,2)+t.pow(p-s,2)),d=t.sqrt(t.pow(h-a,2)+t.pow(l-n,2)+t.pow(p-o,2));return(f=m>c?m>d?m-c-d:d-c-m:d>c?d-c-m:c-m-d)>-1e-4&&f<1e-4}}}var bez=bezFunction(),PropertyFactory=function(){var t=initialDefaultFrame,e=Math.abs;function r(t,e){var r,s=this.offsetTime;"multidimensional"===this.propType&&(r=createTypedArray("float32",this.pv.length));for(var a,n,o,h,l,p,f,m,c,d=e.lastIndex,u=d,y=this.keyframes.length-1,g=!0;g;){if(a=this.keyframes[u],n=this.keyframes[u+1],u===y-1&&t>=n.t-s){a.h&&(a=n),d=0;break}if(n.t-s>t){d=u;break}u<y-1?u+=1:(d=0,g=!1)}o=this.keyframesMetadata[u]||{};var v,b,P,E,x,S,C,A,_,T,k=n.t-s,D=a.t-s;if(a.to){o.bezierData||(o.bezierData=bez.buildBezierData(a.s,n.s||a.e,a.to,a.ti));var M=o.bezierData;if(t>=k||t<D){var F=t>=k?M.points.length-1:0;for(l=M.points[F].point.length,h=0;h<l;h+=1)r[h]=M.points[F].point[h]}else{o.__fnct?c=o.__fnct:(c=BezierFactory.getBezierEasing(a.o.x,a.o.y,a.i.x,a.i.y,a.n).get,o.__fnct=c),p=c((t-D)/(k-D));var w,I=M.segmentLength*p,V=e.lastFrame<t&&e._lastKeyframeIndex===u?e._lastAddedLength:0;for(m=e.lastFrame<t&&e._lastKeyframeIndex===u?e._lastPoint:0,g=!0,f=M.points.length;g;){if(V+=M.points[m].partialLength,0===I||0===p||m===M.points.length-1){for(l=M.points[m].point.length,h=0;h<l;h+=1)r[h]=M.points[m].point[h];break}if(I>=V&&I<V+M.points[m+1].partialLength){for(w=(I-V)/M.points[m+1].partialLength,l=M.points[m].point.length,h=0;h<l;h+=1)r[h]=M.points[m].point[h]+(M.points[m+1].point[h]-M.points[m].point[h])*w;break}m<f-1?m+=1:g=!1}e._lastPoint=m,e._lastAddedLength=V-M.points[m].partialLength,e._lastKeyframeIndex=u}}else{var B,R,L,G,z;if(y=a.s.length,v=n.s||a.e,this.sh&&1!==a.h)if(t>=k)r[0]=v[0],r[1]=v[1],r[2]=v[2];else if(t<=D)r[0]=a.s[0],r[1]=a.s[1],r[2]=a.s[2];else{var N=i(a.s),O=i(v);b=r,P=function(t,e,r){var i,s,a,n,o,h=[],l=t[0],p=t[1],f=t[2],m=t[3],c=e[0],d=e[1],u=e[2],y=e[3];return(s=l*c+p*d+f*u+m*y)<0&&(s=-s,c=-c,d=-d,u=-u,y=-y),1-s>1e-6?(i=Math.acos(s),a=Math.sin(i),n=Math.sin((1-r)*i)/a,o=Math.sin(r*i)/a):(n=1-r,o=r),h[0]=n*l+o*c,h[1]=n*p+o*d,h[2]=n*f+o*u,h[3]=n*m+o*y,h}(N,O,(t-D)/(k-D)),E=P[0],x=P[1],S=P[2],C=P[3],A=Math.atan2(2*x*C-2*E*S,1-2*x*x-2*S*S),_=Math.asin(2*E*x+2*S*C),T=Math.atan2(2*E*C-2*x*S,1-2*E*E-2*S*S),b[0]=A/degToRads,b[1]=_/degToRads,b[2]=T/degToRads}else for(u=0;u<y;u+=1)1!==a.h&&(t>=k?p=1:t<D?p=0:(a.o.x.constructor===Array?(o.__fnct||(o.__fnct=[]),o.__fnct[u]?c=o.__fnct[u]:(B=void 0===a.o.x[u]?a.o.x[0]:a.o.x[u],R=void 0===a.o.y[u]?a.o.y[0]:a.o.y[u],L=void 0===a.i.x[u]?a.i.x[0]:a.i.x[u],G=void 0===a.i.y[u]?a.i.y[0]:a.i.y[u],c=BezierFactory.getBezierEasing(B,R,L,G).get,o.__fnct[u]=c)):o.__fnct?c=o.__fnct:(B=a.o.x,R=a.o.y,L=a.i.x,G=a.i.y,c=BezierFactory.getBezierEasing(B,R,L,G).get,a.keyframeMetadata=c),p=c((t-D)/(k-D)))),v=n.s||a.e,z=1===a.h?a.s[u]:a.s[u]+(v[u]-a.s[u])*p,"multidimensional"===this.propType?r[u]=z:r=z}return e.lastIndex=d,r}function i(t){var e=t[0]*degToRads,r=t[1]*degToRads,i=t[2]*degToRads,s=Math.cos(e/2),a=Math.cos(r/2),n=Math.cos(i/2),o=Math.sin(e/2),h=Math.sin(r/2),l=Math.sin(i/2);return[o*h*n+s*a*l,o*a*n+s*h*l,s*h*n-o*a*l,s*a*n-o*h*l]}function s(){var e=this.comp.renderedFrame-this.offsetTime,r=this.keyframes[0].t-this.offsetTime,i=this.keyframes[this.keyframes.length-1].t-this.offsetTime;if(!(e===this._caching.lastFrame||this._caching.lastFrame!==t&&(this._caching.lastFrame>=i&&e>=i||this._caching.lastFrame<r&&e<r))){this._caching.lastFrame>=e&&(this._caching._lastKeyframeIndex=-1,this._caching.lastIndex=0);var s=this.interpolateValue(e,this._caching);this.pv=s}return this._caching.lastFrame=e,this.pv}function a(t){var r;if("unidimensional"===this.propType)r=t*this.mult,e(this.v-r)>1e-5&&(this.v=r,this._mdf=!0);else for(var i=0,s=this.v.length;i<s;)r=t[i]*this.mult,e(this.v[i]-r)>1e-5&&(this.v[i]=r,this._mdf=!0),i+=1}function n(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{var t;this.lock=!0,this._mdf=this._isFirstFrame;var e=this.effectsSequence.length,r=this.kf?this.pv:this.data.k;for(t=0;t<e;t+=1)r=this.effectsSequence[t](r);this.setVValue(r),this._isFirstFrame=!1,this.lock=!1,this.frameId=this.elem.globalData.frameId}}function o(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function h(t,e,r,i){this.propType="unidimensional",this.mult=r||1,this.data=e,this.v=r?e.k*r:e.k,this.pv=e.k,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.vel=0,this.effectsSequence=[],this._isFirstFrame=!0,this.getValue=n,this.setVValue=a,this.addEffect=o}function l(t,e,r,i){var s;this.propType="multidimensional",this.mult=r||1,this.data=e,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.frameId=-1;var h=e.k.length;for(this.v=createTypedArray("float32",h),this.pv=createTypedArray("float32",h),this.vel=createTypedArray("float32",h),s=0;s<h;s+=1)this.v[s]=e.k[s]*this.mult,this.pv[s]=e.k[s];this._isFirstFrame=!0,this.effectsSequence=[],this.getValue=n,this.setVValue=a,this.addEffect=o}function p(e,i,h,l){this.propType="unidimensional",this.keyframes=i.k,this.keyframesMetadata=[],this.offsetTime=e.data.st,this.frameId=-1,this._caching={lastFrame:t,lastIndex:0,value:0,_lastKeyframeIndex:-1},this.k=!0,this.kf=!0,this.data=i,this.mult=h||1,this.elem=e,this.container=l,this.comp=e.comp,this.v=t,this.pv=t,this._isFirstFrame=!0,this.getValue=n,this.setVValue=a,this.interpolateValue=r,this.effectsSequence=[s.bind(this)],this.addEffect=o}function f(e,i,h,l){var p;this.propType="multidimensional";var f,m,c,d,u=i.k.length;for(p=0;p<u-1;p+=1)i.k[p].to&&i.k[p].s&&i.k[p+1]&&i.k[p+1].s&&(f=i.k[p].s,m=i.k[p+1].s,c=i.k[p].to,d=i.k[p].ti,(2===f.length&&(f[0]!==m[0]||f[1]!==m[1])&&bez.pointOnLine2D(f[0],f[1],m[0],m[1],f[0]+c[0],f[1]+c[1])&&bez.pointOnLine2D(f[0],f[1],m[0],m[1],m[0]+d[0],m[1]+d[1])||3===f.length&&(f[0]!==m[0]||f[1]!==m[1]||f[2]!==m[2])&&bez.pointOnLine3D(f[0],f[1],f[2],m[0],m[1],m[2],f[0]+c[0],f[1]+c[1],f[2]+c[2])&&bez.pointOnLine3D(f[0],f[1],f[2],m[0],m[1],m[2],m[0]+d[0],m[1]+d[1],m[2]+d[2]))&&(i.k[p].to=null,i.k[p].ti=null),f[0]===m[0]&&f[1]===m[1]&&0===c[0]&&0===c[1]&&0===d[0]&&0===d[1]&&(2===f.length||f[2]===m[2]&&0===c[2]&&0===d[2])&&(i.k[p].to=null,i.k[p].ti=null));this.effectsSequence=[s.bind(this)],this.data=i,this.keyframes=i.k,this.keyframesMetadata=[],this.offsetTime=e.data.st,this.k=!0,this.kf=!0,this._isFirstFrame=!0,this.mult=h||1,this.elem=e,this.container=l,this.comp=e.comp,this.getValue=n,this.setVValue=a,this.interpolateValue=r,this.frameId=-1;var y=i.k[0].s.length;for(this.v=createTypedArray("float32",y),this.pv=createTypedArray("float32",y),p=0;p<y;p+=1)this.v[p]=t,this.pv[p]=t;this._caching={lastFrame:t,lastIndex:0,value:createTypedArray("float32",y)},this.addEffect=o}return{getProp:function(t,e,r,i,s){var a;if(e.k.length)if("number"==typeof e.k[0])a=new l(t,e,i,s);else switch(r){case 0:a=new p(t,e,i,s);break;case 1:a=new f(t,e,i,s)}else a=new h(t,e,i,s);return a.effectsSequence.length&&s.addDynamicProperty(a),a}}}();function DynamicPropertyContainer(){}DynamicPropertyContainer.prototype={addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&(this.dynamicProperties.push(t),this.container.addDynamicProperty(this),this._isAnimated=!0)},iterateDynamicProperties:function(){var t;this._mdf=!1;var e=this.dynamicProperties.length;for(t=0;t<e;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t]._mdf&&(this._mdf=!0)},initDynamicPropertyContainer:function(t){this.container=t,this.dynamicProperties=[],this._mdf=!1,this._isAnimated=!1}};var pointPool=poolFactory(8,(function(){return createTypedArray("float32",2)}));function ShapePath(){this.c=!1,this._length=0,this._maxLength=8,this.v=createSizedArray(this._maxLength),this.o=createSizedArray(this._maxLength),this.i=createSizedArray(this._maxLength)}ShapePath.prototype.setPathData=function(t,e){this.c=t,this.setLength(e);for(var r=0;r<e;)this.v[r]=pointPool.newElement(),this.o[r]=pointPool.newElement(),this.i[r]=pointPool.newElement(),r+=1},ShapePath.prototype.setLength=function(t){for(;this._maxLength<t;)this.doubleArrayLength();this._length=t},ShapePath.prototype.doubleArrayLength=function(){this.v=this.v.concat(createSizedArray(this._maxLength)),this.i=this.i.concat(createSizedArray(this._maxLength)),this.o=this.o.concat(createSizedArray(this._maxLength)),this._maxLength*=2},ShapePath.prototype.setXYAt=function(t,e,r,i,s){var a;switch(this._length=Math.max(this._length,i+1),this._length>=this._maxLength&&this.doubleArrayLength(),r){case"v":a=this.v;break;case"i":a=this.i;break;case"o":a=this.o;break;default:a=[]}(!a[i]||a[i]&&!s)&&(a[i]=pointPool.newElement()),a[i][0]=t,a[i][1]=e},ShapePath.prototype.setTripleAt=function(t,e,r,i,s,a,n,o){this.setXYAt(t,e,"v",n,o),this.setXYAt(r,i,"o",n,o),this.setXYAt(s,a,"i",n,o)},ShapePath.prototype.reverse=function(){var t=new ShapePath;t.setPathData(this.c,this._length);var e=this.v,r=this.o,i=this.i,s=0;this.c&&(t.setTripleAt(e[0][0],e[0][1],i[0][0],i[0][1],r[0][0],r[0][1],0,!1),s=1);var a,n=this._length-1,o=this._length;for(a=s;a<o;a+=1)t.setTripleAt(e[n][0],e[n][1],i[n][0],i[n][1],r[n][0],r[n][1],a,!1),n-=1;return t};var shapePool=(factory=poolFactory(4,(function(){return new ShapePath}),(function(t){var e,r=t._length;for(e=0;e<r;e+=1)pointPool.release(t.v[e]),pointPool.release(t.i[e]),pointPool.release(t.o[e]),t.v[e]=null,t.i[e]=null,t.o[e]=null;t._length=0,t.c=!1})),factory.clone=function(t){var e,r=factory.newElement(),i=void 0===t._length?t.v.length:t._length;for(r.setLength(i),r.c=t.c,e=0;e<i;e+=1)r.setTripleAt(t.v[e][0],t.v[e][1],t.o[e][0],t.o[e][1],t.i[e][0],t.i[e][1],e);return r},factory),factory;function ShapeCollection(){this._length=0,this._maxLength=4,this.shapes=createSizedArray(this._maxLength)}ShapeCollection.prototype.addShape=function(t){this._length===this._maxLength&&(this.shapes=this.shapes.concat(createSizedArray(this._maxLength)),this._maxLength*=2),this.shapes[this._length]=t,this._length+=1},ShapeCollection.prototype.releaseShapes=function(){var t;for(t=0;t<this._length;t+=1)shapePool.release(this.shapes[t]);this._length=0};var shapeCollectionPool=(ob={newShapeCollection:function(){return _length?pool[_length-=1]:new ShapeCollection},release:function(t){var e,r=t._length;for(e=0;e<r;e+=1)shapePool.release(t.shapes[e]);t._length=0,_length===_maxLength&&(pool=pooling.double(pool),_maxLength*=2),pool[_length]=t,_length+=1}},_length=0,_maxLength=4,pool=createSizedArray(_maxLength),ob),ob,_length,_maxLength,pool,ShapePropertyFactory=function(){var t=-999999;function e(t,e,r){var i,s,a,n,o,h,l,p,f,m=r.lastIndex,c=this.keyframes;if(t<c[0].t-this.offsetTime)i=c[0].s[0],a=!0,m=0;else if(t>=c[c.length-1].t-this.offsetTime)i=c[c.length-1].s?c[c.length-1].s[0]:c[c.length-2].e[0],a=!0;else{for(var d,u,y,g=m,v=c.length-1,b=!0;b&&(d=c[g],!((u=c[g+1]).t-this.offsetTime>t));)g<v-1?g+=1:b=!1;if(y=this.keyframesMetadata[g]||{},m=g,!(a=1===d.h)){if(t>=u.t-this.offsetTime)p=1;else if(t<d.t-this.offsetTime)p=0;else{var P;y.__fnct?P=y.__fnct:(P=BezierFactory.getBezierEasing(d.o.x,d.o.y,d.i.x,d.i.y).get,y.__fnct=P),p=P((t-(d.t-this.offsetTime))/(u.t-this.offsetTime-(d.t-this.offsetTime)))}s=u.s?u.s[0]:d.e[0]}i=d.s[0]}for(h=e._length,l=i.i[0].length,r.lastIndex=m,n=0;n<h;n+=1)for(o=0;o<l;o+=1)f=a?i.i[n][o]:i.i[n][o]+(s.i[n][o]-i.i[n][o])*p,e.i[n][o]=f,f=a?i.o[n][o]:i.o[n][o]+(s.o[n][o]-i.o[n][o])*p,e.o[n][o]=f,f=a?i.v[n][o]:i.v[n][o]+(s.v[n][o]-i.v[n][o])*p,e.v[n][o]=f}function r(){var e=this.comp.renderedFrame-this.offsetTime,r=this.keyframes[0].t-this.offsetTime,i=this.keyframes[this.keyframes.length-1].t-this.offsetTime,s=this._caching.lastFrame;return s!==t&&(s<r&&e<r||s>i&&e>i)||(this._caching.lastIndex=s<e?this._caching.lastIndex:0,this.interpolateShape(e,this.pv,this._caching)),this._caching.lastFrame=e,this.pv}function i(){this.paths=this.localShapeCollection}function s(t){(function(t,e){if(t._length!==e._length||t.c!==e.c)return!1;var r,i=t._length;for(r=0;r<i;r+=1)if(t.v[r][0]!==e.v[r][0]||t.v[r][1]!==e.v[r][1]||t.o[r][0]!==e.o[r][0]||t.o[r][1]!==e.o[r][1]||t.i[r][0]!==e.i[r][0]||t.i[r][1]!==e.i[r][1])return!1;return!0})(this.v,t)||(this.v=shapePool.clone(t),this.localShapeCollection.releaseShapes(),this.localShapeCollection.addShape(this.v),this._mdf=!0,this.paths=this.localShapeCollection)}function a(){if(this.elem.globalData.frameId!==this.frameId)if(this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{var t,e;this.lock=!0,this._mdf=!1,t=this.kf?this.pv:this.data.ks?this.data.ks.k:this.data.pt.k;var r=this.effectsSequence.length;for(e=0;e<r;e+=1)t=this.effectsSequence[e](t);this.setVValue(t),this.lock=!1,this.frameId=this.elem.globalData.frameId}else this._mdf=!1}function n(t,e,r){this.propType="shape",this.comp=t.comp,this.container=t,this.elem=t,this.data=e,this.k=!1,this.kf=!1,this._mdf=!1;var s=3===r?e.pt.k:e.ks.k;this.v=shapePool.clone(s),this.pv=shapePool.clone(this.v),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.reset=i,this.effectsSequence=[]}function o(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function h(e,s,a){this.propType="shape",this.comp=e.comp,this.elem=e,this.container=e,this.offsetTime=e.data.st,this.keyframes=3===a?s.pt.k:s.ks.k,this.keyframesMetadata=[],this.k=!0,this.kf=!0;var n=this.keyframes[0].s[0].i.length;this.v=shapePool.newElement(),this.v.setPathData(this.keyframes[0].s[0].c,n),this.pv=shapePool.clone(this.v),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.lastFrame=t,this.reset=i,this._caching={lastFrame:t,lastIndex:0},this.effectsSequence=[r.bind(this)]}n.prototype.interpolateShape=e,n.prototype.getValue=a,n.prototype.setVValue=s,n.prototype.addEffect=o,h.prototype.getValue=a,h.prototype.interpolateShape=e,h.prototype.setVValue=s,h.prototype.addEffect=o;var l=function(){var t=roundCorner;function e(t,e){this.v=shapePool.newElement(),this.v.setPathData(!0,4),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.paths=this.localShapeCollection,this.localShapeCollection.addShape(this.v),this.d=e.d,this.elem=t,this.comp=t.comp,this.frameId=-1,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertEllToPath())}return e.prototype={reset:i,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertEllToPath())},convertEllToPath:function(){var e=this.p.v[0],r=this.p.v[1],i=this.s.v[0]/2,s=this.s.v[1]/2,a=3!==this.d,n=this.v;n.v[0][0]=e,n.v[0][1]=r-s,n.v[1][0]=a?e+i:e-i,n.v[1][1]=r,n.v[2][0]=e,n.v[2][1]=r+s,n.v[3][0]=a?e-i:e+i,n.v[3][1]=r,n.i[0][0]=a?e-i*t:e+i*t,n.i[0][1]=r-s,n.i[1][0]=a?e+i:e-i,n.i[1][1]=r-s*t,n.i[2][0]=a?e+i*t:e-i*t,n.i[2][1]=r+s,n.i[3][0]=a?e-i:e+i,n.i[3][1]=r+s*t,n.o[0][0]=a?e+i*t:e-i*t,n.o[0][1]=r-s,n.o[1][0]=a?e+i:e-i,n.o[1][1]=r+s*t,n.o[2][0]=a?e-i*t:e+i*t,n.o[2][1]=r+s,n.o[3][0]=a?e-i:e+i,n.o[3][1]=r-s*t}},extendPrototype([DynamicPropertyContainer],e),e}(),p=function(){function t(t,e){this.v=shapePool.newElement(),this.v.setPathData(!0,0),this.elem=t,this.comp=t.comp,this.data=e,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),1===e.sy?(this.ir=PropertyFactory.getProp(t,e.ir,0,0,this),this.is=PropertyFactory.getProp(t,e.is,0,.01,this),this.convertToPath=this.convertStarToPath):this.convertToPath=this.convertPolygonToPath,this.pt=PropertyFactory.getProp(t,e.pt,0,0,this),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,degToRads,this),this.or=PropertyFactory.getProp(t,e.or,0,0,this),this.os=PropertyFactory.getProp(t,e.os,0,.01,this),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertToPath())}return t.prototype={reset:i,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertToPath())},convertStarToPath:function(){var t,e,r,i,s=2*Math.floor(this.pt.v),a=2*Math.PI/s,n=!0,o=this.or.v,h=this.ir.v,l=this.os.v,p=this.is.v,f=2*Math.PI*o/(2*s),m=2*Math.PI*h/(2*s),c=-Math.PI/2;c+=this.r.v;var d=3===this.data.d?-1:1;for(this.v._length=0,t=0;t<s;t+=1){r=n?l:p,i=n?f:m;var u=(e=n?o:h)*Math.cos(c),y=e*Math.sin(c),g=0===u&&0===y?0:y/Math.sqrt(u*u+y*y),v=0===u&&0===y?0:-u/Math.sqrt(u*u+y*y);u+=+this.p.v[0],y+=+this.p.v[1],this.v.setTripleAt(u,y,u-g*i*r*d,y-v*i*r*d,u+g*i*r*d,y+v*i*r*d,t,!0),n=!n,c+=a*d}},convertPolygonToPath:function(){var t,e=Math.floor(this.pt.v),r=2*Math.PI/e,i=this.or.v,s=this.os.v,a=2*Math.PI*i/(4*e),n=.5*-Math.PI,o=3===this.data.d?-1:1;for(n+=this.r.v,this.v._length=0,t=0;t<e;t+=1){var h=i*Math.cos(n),l=i*Math.sin(n),p=0===h&&0===l?0:l/Math.sqrt(h*h+l*l),f=0===h&&0===l?0:-h/Math.sqrt(h*h+l*l);h+=+this.p.v[0],l+=+this.p.v[1],this.v.setTripleAt(h,l,h-p*a*s*o,l-f*a*s*o,h+p*a*s*o,l+f*a*s*o,t,!0),n+=r*o}this.paths.length=0,this.paths[0]=this.v}},extendPrototype([DynamicPropertyContainer],t),t}(),f=function(){function t(t,e){this.v=shapePool.newElement(),this.v.c=!0,this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.elem=t,this.comp=t.comp,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertRectToPath())}return t.prototype={convertRectToPath:function(){var t=this.p.v[0],e=this.p.v[1],r=this.s.v[0]/2,i=this.s.v[1]/2,s=bmMin(r,i,this.r.v),a=s*(1-roundCorner);this.v._length=0,2===this.d||1===this.d?(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+s,t+r,e-i+a,0,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-a,t+r,e+i-s,1,!0),0!==s?(this.v.setTripleAt(t+r-s,e+i,t+r-s,e+i,t+r-a,e+i,2,!0),this.v.setTripleAt(t-r+s,e+i,t-r+a,e+i,t-r+s,e+i,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-s,t-r,e+i-a,4,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+a,t-r,e-i+s,5,!0),this.v.setTripleAt(t-r+s,e-i,t-r+s,e-i,t-r+a,e-i,6,!0),this.v.setTripleAt(t+r-s,e-i,t+r-a,e-i,t+r-s,e-i,7,!0)):(this.v.setTripleAt(t-r,e+i,t-r+a,e+i,t-r,e+i,2),this.v.setTripleAt(t-r,e-i,t-r,e-i+a,t-r,e-i,3))):(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+a,t+r,e-i+s,0,!0),0!==s?(this.v.setTripleAt(t+r-s,e-i,t+r-s,e-i,t+r-a,e-i,1,!0),this.v.setTripleAt(t-r+s,e-i,t-r+a,e-i,t-r+s,e-i,2,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+s,t-r,e-i+a,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-a,t-r,e+i-s,4,!0),this.v.setTripleAt(t-r+s,e+i,t-r+s,e+i,t-r+a,e+i,5,!0),this.v.setTripleAt(t+r-s,e+i,t+r-a,e+i,t+r-s,e+i,6,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-s,t+r,e+i-a,7,!0)):(this.v.setTripleAt(t-r,e-i,t-r+a,e-i,t-r,e-i,1,!0),this.v.setTripleAt(t-r,e+i,t-r,e+i-a,t-r,e+i,2,!0),this.v.setTripleAt(t+r,e+i,t+r-a,e+i,t+r,e+i,3,!0)))},getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertRectToPath())},reset:i},extendPrototype([DynamicPropertyContainer],t),t}();var m={getShapeProp:function(t,e,r){var i;return 3===r||4===r?i=(3===r?e.pt:e.ks).k.length?new h(t,e,r):new n(t,e,r):5===r?i=new f(t,e):6===r?i=new l(t,e):7===r&&(i=new p(t,e)),i.k&&t.addDynamicProperty(i),i},getConstructorFunction:function(){return n},getKeyframedConstructorFunction:function(){return h}};return m}(),Matrix=function(){var t=Math.cos,e=Math.sin,r=Math.tan,i=Math.round;function s(){return this.props[0]=1,this.props[1]=0,this.props[2]=0,this.props[3]=0,this.props[4]=0,this.props[5]=1,this.props[6]=0,this.props[7]=0,this.props[8]=0,this.props[9]=0,this.props[10]=1,this.props[11]=0,this.props[12]=0,this.props[13]=0,this.props[14]=0,this.props[15]=1,this}function a(r){if(0===r)return this;var i=t(r),s=e(r);return this._t(i,-s,0,0,s,i,0,0,0,0,1,0,0,0,0,1)}function n(r){if(0===r)return this;var i=t(r),s=e(r);return this._t(1,0,0,0,0,i,-s,0,0,s,i,0,0,0,0,1)}function o(r){if(0===r)return this;var i=t(r),s=e(r);return this._t(i,0,s,0,0,1,0,0,-s,0,i,0,0,0,0,1)}function h(r){if(0===r)return this;var i=t(r),s=e(r);return this._t(i,-s,0,0,s,i,0,0,0,0,1,0,0,0,0,1)}function l(t,e){return this._t(1,e,t,1,0,0)}function p(t,e){return this.shear(r(t),r(e))}function f(i,s){var a=t(s),n=e(s);return this._t(a,n,0,0,-n,a,0,0,0,0,1,0,0,0,0,1)._t(1,0,0,0,r(i),1,0,0,0,0,1,0,0,0,0,1)._t(a,-n,0,0,n,a,0,0,0,0,1,0,0,0,0,1)}function m(t,e,r){return r||0===r||(r=1),1===t&&1===e&&1===r?this:this._t(t,0,0,0,0,e,0,0,0,0,r,0,0,0,0,1)}function c(t,e,r,i,s,a,n,o,h,l,p,f,m,c,d,u){return this.props[0]=t,this.props[1]=e,this.props[2]=r,this.props[3]=i,this.props[4]=s,this.props[5]=a,this.props[6]=n,this.props[7]=o,this.props[8]=h,this.props[9]=l,this.props[10]=p,this.props[11]=f,this.props[12]=m,this.props[13]=c,this.props[14]=d,this.props[15]=u,this}function d(t,e,r){return r=r||0,0!==t||0!==e||0!==r?this._t(1,0,0,0,0,1,0,0,0,0,1,0,t,e,r,1):this}function u(t,e,r,i,s,a,n,o,h,l,p,f,m,c,d,u){var y=this.props;if(1===t&&0===e&&0===r&&0===i&&0===s&&1===a&&0===n&&0===o&&0===h&&0===l&&1===p&&0===f)return y[12]=y[12]*t+y[15]*m,y[13]=y[13]*a+y[15]*c,y[14]=y[14]*p+y[15]*d,y[15]*=u,this._identityCalculated=!1,this;var g=y[0],v=y[1],b=y[2],P=y[3],E=y[4],x=y[5],S=y[6],C=y[7],A=y[8],_=y[9],T=y[10],k=y[11],D=y[12],M=y[13],F=y[14],w=y[15];return y[0]=g*t+v*s+b*h+P*m,y[1]=g*e+v*a+b*l+P*c,y[2]=g*r+v*n+b*p+P*d,y[3]=g*i+v*o+b*f+P*u,y[4]=E*t+x*s+S*h+C*m,y[5]=E*e+x*a+S*l+C*c,y[6]=E*r+x*n+S*p+C*d,y[7]=E*i+x*o+S*f+C*u,y[8]=A*t+_*s+T*h+k*m,y[9]=A*e+_*a+T*l+k*c,y[10]=A*r+_*n+T*p+k*d,y[11]=A*i+_*o+T*f+k*u,y[12]=D*t+M*s+F*h+w*m,y[13]=D*e+M*a+F*l+w*c,y[14]=D*r+M*n+F*p+w*d,y[15]=D*i+M*o+F*f+w*u,this._identityCalculated=!1,this}function y(){return this._identityCalculated||(this._identity=!(1!==this.props[0]||0!==this.props[1]||0!==this.props[2]||0!==this.props[3]||0!==this.props[4]||1!==this.props[5]||0!==this.props[6]||0!==this.props[7]||0!==this.props[8]||0!==this.props[9]||1!==this.props[10]||0!==this.props[11]||0!==this.props[12]||0!==this.props[13]||0!==this.props[14]||1!==this.props[15]),this._identityCalculated=!0),this._identity}function g(t){for(var e=0;e<16;){if(t.props[e]!==this.props[e])return!1;e+=1}return!0}function v(t){var e;for(e=0;e<16;e+=1)t.props[e]=this.props[e];return t}function b(t){var e;for(e=0;e<16;e+=1)this.props[e]=t[e]}function P(t,e,r){return{x:t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],y:t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],z:t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}}function E(t,e,r){return t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12]}function x(t,e,r){return t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13]}function S(t,e,r){return t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}function C(){var t=this.props[0]*this.props[5]-this.props[1]*this.props[4],e=this.props[5]/t,r=-this.props[1]/t,i=-this.props[4]/t,s=this.props[0]/t,a=(this.props[4]*this.props[13]-this.props[5]*this.props[12])/t,n=-(this.props[0]*this.props[13]-this.props[1]*this.props[12])/t,o=new Matrix;return o.props[0]=e,o.props[1]=r,o.props[4]=i,o.props[5]=s,o.props[12]=a,o.props[13]=n,o}function A(t){return this.getInverseMatrix().applyToPointArray(t[0],t[1],t[2]||0)}function _(t){var e,r=t.length,i=[];for(e=0;e<r;e+=1)i[e]=A(t[e]);return i}function T(t,e,r){var i=createTypedArray("float32",6);if(this.isIdentity())i[0]=t[0],i[1]=t[1],i[2]=e[0],i[3]=e[1],i[4]=r[0],i[5]=r[1];else{var s=this.props[0],a=this.props[1],n=this.props[4],o=this.props[5],h=this.props[12],l=this.props[13];i[0]=t[0]*s+t[1]*n+h,i[1]=t[0]*a+t[1]*o+l,i[2]=e[0]*s+e[1]*n+h,i[3]=e[0]*a+e[1]*o+l,i[4]=r[0]*s+r[1]*n+h,i[5]=r[0]*a+r[1]*o+l}return i}function k(t,e,r){return this.isIdentity()?[t,e,r]:[t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]]}function D(t,e){if(this.isIdentity())return t+","+e;var r=this.props;return Math.round(100*(t*r[0]+e*r[4]+r[12]))/100+","+Math.round(100*(t*r[1]+e*r[5]+r[13]))/100}function M(){for(var t=0,e=this.props,r="matrix3d(";t<16;)r+=i(1e4*e[t])/1e4,r+=15===t?")":",",t+=1;return r}function F(t){return t<1e-6&&t>0||t>-1e-6&&t<0?i(1e4*t)/1e4:t}function w(){var t=this.props;return"matrix("+F(t[0])+","+F(t[1])+","+F(t[4])+","+F(t[5])+","+F(t[12])+","+F(t[13])+")"}return function(){this.reset=s,this.rotate=a,this.rotateX=n,this.rotateY=o,this.rotateZ=h,this.skew=p,this.skewFromAxis=f,this.shear=l,this.scale=m,this.setTransform=c,this.translate=d,this.transform=u,this.applyToPoint=P,this.applyToX=E,this.applyToY=x,this.applyToZ=S,this.applyToPointArray=k,this.applyToTriplePoints=T,this.applyToPointStringified=D,this.toCSS=M,this.to2dCSS=w,this.clone=v,this.cloneFromProps=b,this.equals=g,this.inversePoints=_,this.inversePoint=A,this.getInverseMatrix=C,this._t=this.transform,this.isIdentity=y,this._identity=!0,this._identityCalculated=!1,this.props=createTypedArray("float32",16),this.reset()}}();function _typeof$3(t){return _typeof$3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof$3(t)}var lottie={},standalone="__[STANDALONE]__",animationData="__[ANIMATIONDATA]__",renderer="",queryString;function setLocation(t){setLocationHref(t)}function searchAnimations(){!0===standalone?animationManager.searchAnimations(animationData,standalone,renderer):animationManager.searchAnimations()}function setSubframeRendering(t){setSubframeEnabled(t)}function setPrefix(t){setIdPrefix(t)}function loadAnimation(t){return!0===standalone&&(t.animationData=JSON.parse(animationData)),animationManager.loadAnimation(t)}function setQuality(t){if("string"==typeof t)switch(t){case"high":setDefaultCurveSegments(200);break;default:case"medium":setDefaultCurveSegments(50);break;case"low":setDefaultCurveSegments(10)}else!isNaN(t)&&t>1&&setDefaultCurveSegments(t);getDefaultCurveSegments()>=50?roundValues(!1):roundValues(!0)}function inBrowser(){return"undefined"!=typeof navigator}function installPlugin(t,e){"expressions"===t&&setExpressionsPlugin(e)}function getFactory(t){switch(t){case"propertyFactory":return PropertyFactory;case"shapePropertyFactory":return ShapePropertyFactory;case"matrix":return Matrix;default:return null}}function checkReady(){"complete"===document.readyState&&(clearInterval(readyStateCheckInterval),searchAnimations())}function getQueryVariable(t){for(var e=queryString.split("&"),r=0;r<e.length;r+=1){var i=e[r].split("=");if(decodeURIComponent(i[0])==t)return decodeURIComponent(i[1])}return null}if(lottie.play=animationManager.play,lottie.pause=animationManager.pause,lottie.setLocationHref=setLocation,lottie.togglePause=animationManager.togglePause,lottie.setSpeed=animationManager.setSpeed,lottie.setDirection=animationManager.setDirection,lottie.stop=animationManager.stop,lottie.searchAnimations=searchAnimations,lottie.registerAnimation=animationManager.registerAnimation,lottie.loadAnimation=loadAnimation,lottie.setSubframeRendering=setSubframeRendering,lottie.resize=animationManager.resize,lottie.goToAndStop=animationManager.goToAndStop,lottie.destroy=animationManager.destroy,lottie.setQuality=setQuality,lottie.inBrowser=inBrowser,lottie.installPlugin=installPlugin,lottie.freeze=animationManager.freeze,lottie.unfreeze=animationManager.unfreeze,lottie.setVolume=animationManager.setVolume,lottie.mute=animationManager.mute,lottie.unmute=animationManager.unmute,lottie.getRegisteredAnimations=animationManager.getRegisteredAnimations,lottie.useWebWorker=setWebWorker,lottie.setIDPrefix=setPrefix,lottie.__getFactory=getFactory,lottie.version="5.9.0",standalone){var scripts=document.getElementsByTagName("script"),index=scripts.length-1,myScript=scripts[index]||{src:""};queryString=myScript.src.replace(/^[^\?]+\??/,""),renderer=getQueryVariable("renderer")}var readyStateCheckInterval=setInterval(checkReady,100);try{"object"===("undefined"==typeof exports?"undefined":_typeof$3(exports))&&"undefined"!=typeof module||"function"==typeof define&&define.amd||(window.bodymovin=lottie)}catch(t){}var ShapeModifiers=function(){var t={},e={};return t.registerModifier=function(t,r){e[t]||(e[t]=r)},t.getModifier=function(t,r,i){return new e[t](r,i)},t}();function ShapeModifier(){}function TrimModifier(){}function PuckerAndBloatModifier(){}ShapeModifier.prototype.initModifierProperties=function(){},ShapeModifier.prototype.addShapeToModifier=function(){},ShapeModifier.prototype.addShape=function(t){if(!this.closed){t.sh.container.addDynamicProperty(t.sh);var e={shape:t.sh,data:t,localShapeCollection:shapeCollectionPool.newShapeCollection()};this.shapes.push(e),this.addShapeToModifier(e),this._isAnimated&&t.setAsAnimated()}},ShapeModifier.prototype.init=function(t,e){this.shapes=[],this.elem=t,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e),this.frameId=initialDefaultFrame,this.closed=!1,this.k=!1,this.dynamicProperties.length?this.k=!0:this.getValue(!0)},ShapeModifier.prototype.processKeys=function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties())},extendPrototype([DynamicPropertyContainer],ShapeModifier),extendPrototype([ShapeModifier],TrimModifier),TrimModifier.prototype.initModifierProperties=function(t,e){this.s=PropertyFactory.getProp(t,e.s,0,.01,this),this.e=PropertyFactory.getProp(t,e.e,0,.01,this),this.o=PropertyFactory.getProp(t,e.o,0,0,this),this.sValue=0,this.eValue=0,this.getValue=this.processKeys,this.m=e.m,this._isAnimated=!!this.s.effectsSequence.length||!!this.e.effectsSequence.length||!!this.o.effectsSequence.length},TrimModifier.prototype.addShapeToModifier=function(t){t.pathsData=[]},TrimModifier.prototype.calculateShapeEdges=function(t,e,r,i,s){var a=[];e<=1?a.push({s:t,e:e}):t>=1?a.push({s:t-1,e:e-1}):(a.push({s:t,e:1}),a.push({s:0,e:e-1}));var n,o,h=[],l=a.length;for(n=0;n<l;n+=1){var p,f;if(!((o=a[n]).e*s<i||o.s*s>i+r))p=o.s*s<=i?0:(o.s*s-i)/r,f=o.e*s>=i+r?1:(o.e*s-i)/r,h.push([p,f])}return h.length||h.push([0,0]),h},TrimModifier.prototype.releasePathsData=function(t){var e,r=t.length;for(e=0;e<r;e+=1)segmentsLengthPool.release(t[e]);return t.length=0,t},TrimModifier.prototype.processShapes=function(t){var e,r,i,s;if(this._mdf||t){var a=this.o.v%360/360;if(a<0&&(a+=1),(e=this.s.v>1?1+a:this.s.v<0?0+a:this.s.v+a)>(r=this.e.v>1?1+a:this.e.v<0?0+a:this.e.v+a)){var n=e;e=r,r=n}e=1e-4*Math.round(1e4*e),r=1e-4*Math.round(1e4*r),this.sValue=e,this.eValue=r}else e=this.sValue,r=this.eValue;var o,h,l,p,f,m=this.shapes.length,c=0;if(r===e)for(s=0;s<m;s+=1)this.shapes[s].localShapeCollection.releaseShapes(),this.shapes[s].shape._mdf=!0,this.shapes[s].shape.paths=this.shapes[s].localShapeCollection,this._mdf&&(this.shapes[s].pathsData.length=0);else if(1===r&&0===e||0===r&&1===e){if(this._mdf)for(s=0;s<m;s+=1)this.shapes[s].pathsData.length=0,this.shapes[s].shape._mdf=!0}else{var d,u,y=[];for(s=0;s<m;s+=1)if((d=this.shapes[s]).shape._mdf||this._mdf||t||2===this.m){if(h=(i=d.shape.paths)._length,f=0,!d.shape._mdf&&d.pathsData.length)f=d.totalShapeLength;else{for(l=this.releasePathsData(d.pathsData),o=0;o<h;o+=1)p=bez.getSegmentsLength(i.shapes[o]),l.push(p),f+=p.totalLength;d.totalShapeLength=f,d.pathsData=l}c+=f,d.shape._mdf=!0}else d.shape.paths=d.localShapeCollection;var g,v=e,b=r,P=0;for(s=m-1;s>=0;s-=1)if((d=this.shapes[s]).shape._mdf){for((u=d.localShapeCollection).releaseShapes(),2===this.m&&m>1?(g=this.calculateShapeEdges(e,r,d.totalShapeLength,P,c),P+=d.totalShapeLength):g=[[v,b]],h=g.length,o=0;o<h;o+=1){v=g[o][0],b=g[o][1],y.length=0,b<=1?y.push({s:d.totalShapeLength*v,e:d.totalShapeLength*b}):v>=1?y.push({s:d.totalShapeLength*(v-1),e:d.totalShapeLength*(b-1)}):(y.push({s:d.totalShapeLength*v,e:d.totalShapeLength}),y.push({s:0,e:d.totalShapeLength*(b-1)}));var E=this.addShapes(d,y[0]);if(y[0].s!==y[0].e){if(y.length>1)if(d.shape.paths.shapes[d.shape.paths._length-1].c){var x=E.pop();this.addPaths(E,u),E=this.addShapes(d,y[1],x)}else this.addPaths(E,u),E=this.addShapes(d,y[1]);this.addPaths(E,u)}}d.shape.paths=u}}},TrimModifier.prototype.addPaths=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)e.addShape(t[r])},TrimModifier.prototype.addSegment=function(t,e,r,i,s,a,n){s.setXYAt(e[0],e[1],"o",a),s.setXYAt(r[0],r[1],"i",a+1),n&&s.setXYAt(t[0],t[1],"v",a),s.setXYAt(i[0],i[1],"v",a+1)},TrimModifier.prototype.addSegmentFromArray=function(t,e,r,i){e.setXYAt(t[1],t[5],"o",r),e.setXYAt(t[2],t[6],"i",r+1),i&&e.setXYAt(t[0],t[4],"v",r),e.setXYAt(t[3],t[7],"v",r+1)},TrimModifier.prototype.addShapes=function(t,e,r){var i,s,a,n,o,h,l,p,f=t.pathsData,m=t.shape.paths.shapes,c=t.shape.paths._length,d=0,u=[],y=!0;for(r?(o=r._length,p=r._length):(r=shapePool.newElement(),o=0,p=0),u.push(r),i=0;i<c;i+=1){for(h=f[i].lengths,r.c=m[i].c,a=m[i].c?h.length:h.length+1,s=1;s<a;s+=1)if(d+(n=h[s-1]).addedLength<e.s)d+=n.addedLength,r.c=!1;else{if(d>e.e){r.c=!1;break}e.s<=d&&e.e>=d+n.addedLength?(this.addSegment(m[i].v[s-1],m[i].o[s-1],m[i].i[s],m[i].v[s],r,o,y),y=!1):(l=bez.getNewSegment(m[i].v[s-1],m[i].v[s],m[i].o[s-1],m[i].i[s],(e.s-d)/n.addedLength,(e.e-d)/n.addedLength,h[s-1]),this.addSegmentFromArray(l,r,o,y),y=!1,r.c=!1),d+=n.addedLength,o+=1}if(m[i].c&&h.length){if(n=h[s-1],d<=e.e){var g=h[s-1].addedLength;e.s<=d&&e.e>=d+g?(this.addSegment(m[i].v[s-1],m[i].o[s-1],m[i].i[0],m[i].v[0],r,o,y),y=!1):(l=bez.getNewSegment(m[i].v[s-1],m[i].v[0],m[i].o[s-1],m[i].i[0],(e.s-d)/g,(e.e-d)/g,h[s-1]),this.addSegmentFromArray(l,r,o,y),y=!1,r.c=!1)}else r.c=!1;d+=n.addedLength,o+=1}if(r._length&&(r.setXYAt(r.v[p][0],r.v[p][1],"i",p),r.setXYAt(r.v[r._length-1][0],r.v[r._length-1][1],"o",r._length-1)),d>e.e)break;i<c-1&&(r=shapePool.newElement(),y=!0,u.push(r),o=0)}return u},extendPrototype([ShapeModifier],PuckerAndBloatModifier),PuckerAndBloatModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.amount=PropertyFactory.getProp(t,e.a,0,null,this),this._isAnimated=!!this.amount.effectsSequence.length},PuckerAndBloatModifier.prototype.processPath=function(t,e){var r=e/100,i=[0,0],s=t._length,a=0;for(a=0;a<s;a+=1)i[0]+=t.v[a][0],i[1]+=t.v[a][1];i[0]/=s,i[1]/=s;var n,o,h,l,p,f,m=shapePool.newElement();for(m.c=t.c,a=0;a<s;a+=1)n=t.v[a][0]+(i[0]-t.v[a][0])*r,o=t.v[a][1]+(i[1]-t.v[a][1])*r,h=t.o[a][0]+(i[0]-t.o[a][0])*-r,l=t.o[a][1]+(i[1]-t.o[a][1])*-r,p=t.i[a][0]+(i[0]-t.i[a][0])*-r,f=t.i[a][1]+(i[1]-t.i[a][1])*-r,m.setTripleAt(n,o,h,l,p,f,a);return m},PuckerAndBloatModifier.prototype.processShapes=function(t){var e,r,i,s,a,n,o=this.shapes.length,h=this.amount.v;if(0!==h)for(r=0;r<o;r+=1){if(n=(a=this.shapes[r]).localShapeCollection,a.shape._mdf||this._mdf||t)for(n.releaseShapes(),a.shape._mdf=!0,e=a.shape.paths.shapes,s=a.shape.paths._length,i=0;i<s;i+=1)n.addShape(this.processPath(e[i],h));a.shape.paths=a.localShapeCollection}this.dynamicProperties.length||(this._mdf=!1)};var TransformPropertyFactory=function(){var t=[0,0];function e(t,e,r){if(this.elem=t,this.frameId=-1,this.propType="transform",this.data=e,this.v=new Matrix,this.pre=new Matrix,this.appliedTransformations=0,this.initDynamicPropertyContainer(r||t),e.p&&e.p.s?(this.px=PropertyFactory.getProp(t,e.p.x,0,0,this),this.py=PropertyFactory.getProp(t,e.p.y,0,0,this),e.p.z&&(this.pz=PropertyFactory.getProp(t,e.p.z,0,0,this))):this.p=PropertyFactory.getProp(t,e.p||{k:[0,0,0]},1,0,this),e.rx){if(this.rx=PropertyFactory.getProp(t,e.rx,0,degToRads,this),this.ry=PropertyFactory.getProp(t,e.ry,0,degToRads,this),this.rz=PropertyFactory.getProp(t,e.rz,0,degToRads,this),e.or.k[0].ti){var i,s=e.or.k.length;for(i=0;i<s;i+=1)e.or.k[i].to=null,e.or.k[i].ti=null}this.or=PropertyFactory.getProp(t,e.or,1,degToRads,this),this.or.sh=!0}else this.r=PropertyFactory.getProp(t,e.r||{k:0},0,degToRads,this);e.sk&&(this.sk=PropertyFactory.getProp(t,e.sk,0,degToRads,this),this.sa=PropertyFactory.getProp(t,e.sa,0,degToRads,this)),this.a=PropertyFactory.getProp(t,e.a||{k:[0,0,0]},1,0,this),this.s=PropertyFactory.getProp(t,e.s||{k:[100,100,100]},1,.01,this),e.o?this.o=PropertyFactory.getProp(t,e.o,0,.01,t):this.o={_mdf:!1,v:1},this._isDirty=!0,this.dynamicProperties.length||this.getValue(!0)}return e.prototype={applyToMatrix:function(t){var e=this._mdf;this.iterateDynamicProperties(),this._mdf=this._mdf||e,this.a&&t.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.s&&t.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&t.skewFromAxis(-this.sk.v,this.sa.v),this.r?t.rotate(-this.r.v):t.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.data.p.s?this.data.p.z?t.translate(this.px.v,this.py.v,-this.pz.v):t.translate(this.px.v,this.py.v,0):t.translate(this.p.v[0],this.p.v[1],-this.p.v[2])},getValue:function(e){if(this.elem.globalData.frameId!==this.frameId){if(this._isDirty&&(this.precalculateMatrix(),this._isDirty=!1),this.iterateDynamicProperties(),this._mdf||e){var r;if(this.v.cloneFromProps(this.pre.props),this.appliedTransformations<1&&this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations<2&&this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&this.appliedTransformations<3&&this.v.skewFromAxis(-this.sk.v,this.sa.v),this.r&&this.appliedTransformations<4?this.v.rotate(-this.r.v):!this.r&&this.appliedTransformations<4&&this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.autoOriented){var i,s;if(r=this.elem.globalData.frameRate,this.p&&this.p.keyframes&&this.p.getValueAtTime)this.p._caching.lastFrame+this.p.offsetTime<=this.p.keyframes[0].t?(i=this.p.getValueAtTime((this.p.keyframes[0].t+.01)/r,0),s=this.p.getValueAtTime(this.p.keyframes[0].t/r,0)):this.p._caching.lastFrame+this.p.offsetTime>=this.p.keyframes[this.p.keyframes.length-1].t?(i=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t/r,0),s=this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length-1].t-.05)/r,0)):(i=this.p.pv,s=this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime-.01)/r,this.p.offsetTime));else if(this.px&&this.px.keyframes&&this.py.keyframes&&this.px.getValueAtTime&&this.py.getValueAtTime){i=[],s=[];var a=this.px,n=this.py;a._caching.lastFrame+a.offsetTime<=a.keyframes[0].t?(i[0]=a.getValueAtTime((a.keyframes[0].t+.01)/r,0),i[1]=n.getValueAtTime((n.keyframes[0].t+.01)/r,0),s[0]=a.getValueAtTime(a.keyframes[0].t/r,0),s[1]=n.getValueAtTime(n.keyframes[0].t/r,0)):a._caching.lastFrame+a.offsetTime>=a.keyframes[a.keyframes.length-1].t?(i[0]=a.getValueAtTime(a.keyframes[a.keyframes.length-1].t/r,0),i[1]=n.getValueAtTime(n.keyframes[n.keyframes.length-1].t/r,0),s[0]=a.getValueAtTime((a.keyframes[a.keyframes.length-1].t-.01)/r,0),s[1]=n.getValueAtTime((n.keyframes[n.keyframes.length-1].t-.01)/r,0)):(i=[a.pv,n.pv],s[0]=a.getValueAtTime((a._caching.lastFrame+a.offsetTime-.01)/r,a.offsetTime),s[1]=n.getValueAtTime((n._caching.lastFrame+n.offsetTime-.01)/r,n.offsetTime))}else i=s=t;this.v.rotate(-Math.atan2(i[1]-s[1],i[0]-s[0]))}this.data.p&&this.data.p.s?this.data.p.z?this.v.translate(this.px.v,this.py.v,-this.pz.v):this.v.translate(this.px.v,this.py.v,0):this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}this.frameId=this.elem.globalData.frameId}},precalculateMatrix:function(){if(!this.a.k&&(this.pre.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations=1,!this.s.effectsSequence.length)){if(this.pre.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.appliedTransformations=2,this.sk){if(this.sk.effectsSequence.length||this.sa.effectsSequence.length)return;this.pre.skewFromAxis(-this.sk.v,this.sa.v),this.appliedTransformations=3}this.r?this.r.effectsSequence.length||(this.pre.rotate(-this.r.v),this.appliedTransformations=4):this.rz.effectsSequence.length||this.ry.effectsSequence.length||this.rx.effectsSequence.length||this.or.effectsSequence.length||(this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.appliedTransformations=4)}},autoOrient:function(){}},extendPrototype([DynamicPropertyContainer],e),e.prototype.addDynamicProperty=function(t){this._addDynamicProperty(t),this.elem.addDynamicProperty(t),this._isDirty=!0},e.prototype._addDynamicProperty=DynamicPropertyContainer.prototype.addDynamicProperty,{getTransformProperty:function(t,r,i){return new e(t,r,i)}}}();function RepeaterModifier(){}function RoundCornersModifier(){}function getFontProperties(t){for(var e=t.fStyle?t.fStyle.split(" "):[],r="normal",i="normal",s=e.length,a=0;a<s;a+=1)switch(e[a].toLowerCase()){case"italic":i="italic";break;case"bold":r="700";break;case"black":r="900";break;case"medium":r="500";break;case"regular":case"normal":r="400";break;case"light":case"thin":r="200"}return{style:i,weight:t.fWeight||r}}extendPrototype([ShapeModifier],RepeaterModifier),RepeaterModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.c=PropertyFactory.getProp(t,e.c,0,null,this),this.o=PropertyFactory.getProp(t,e.o,0,null,this),this.tr=TransformPropertyFactory.getTransformProperty(t,e.tr,this),this.so=PropertyFactory.getProp(t,e.tr.so,0,.01,this),this.eo=PropertyFactory.getProp(t,e.tr.eo,0,.01,this),this.data=e,this.dynamicProperties.length||this.getValue(!0),this._isAnimated=!!this.dynamicProperties.length,this.pMatrix=new Matrix,this.rMatrix=new Matrix,this.sMatrix=new Matrix,this.tMatrix=new Matrix,this.matrix=new Matrix},RepeaterModifier.prototype.applyTransforms=function(t,e,r,i,s,a){var n=a?-1:1,o=i.s.v[0]+(1-i.s.v[0])*(1-s),h=i.s.v[1]+(1-i.s.v[1])*(1-s);t.translate(i.p.v[0]*n*s,i.p.v[1]*n*s,i.p.v[2]),e.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),e.rotate(-i.r.v*n*s),e.translate(i.a.v[0],i.a.v[1],i.a.v[2]),r.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),r.scale(a?1/o:o,a?1/h:h),r.translate(i.a.v[0],i.a.v[1],i.a.v[2])},RepeaterModifier.prototype.init=function(t,e,r,i){for(this.elem=t,this.arr=e,this.pos=r,this.elemsData=i,this._currentCopies=0,this._elements=[],this._groups=[],this.frameId=-1,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e[r]);r>0;)r-=1,this._elements.unshift(e[r]);this.dynamicProperties.length?this.k=!0:this.getValue(!0)},RepeaterModifier.prototype.resetElements=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e]._processed=!1,"gr"===t[e].ty&&this.resetElements(t[e].it)},RepeaterModifier.prototype.cloneElements=function(t){var e=JSON.parse(JSON.stringify(t));return this.resetElements(e),e},RepeaterModifier.prototype.changeGroupRender=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)t[r]._render=e,"gr"===t[r].ty&&this.changeGroupRender(t[r].it,e)},RepeaterModifier.prototype.processShapes=function(t){var e,r,i,s,a,n=!1;if(this._mdf||t){var o,h=Math.ceil(this.c.v);if(this._groups.length<h){for(;this._groups.length<h;){var l={it:this.cloneElements(this._elements),ty:"gr"};l.it.push({a:{a:0,ix:1,k:[0,0]},nm:"Transform",o:{a:0,ix:7,k:100},p:{a:0,ix:2,k:[0,0]},r:{a:1,ix:6,k:[{s:0,e:0,t:0},{s:0,e:0,t:1}]},s:{a:0,ix:3,k:[100,100]},sa:{a:0,ix:5,k:0},sk:{a:0,ix:4,k:0},ty:"tr"}),this.arr.splice(0,0,l),this._groups.splice(0,0,l),this._currentCopies+=1}this.elem.reloadShapes(),n=!0}for(a=0,i=0;i<=this._groups.length-1;i+=1){if(o=a<h,this._groups[i]._render=o,this.changeGroupRender(this._groups[i].it,o),!o){var p=this.elemsData[i].it,f=p[p.length-1];0!==f.transform.op.v?(f.transform.op._mdf=!0,f.transform.op.v=0):f.transform.op._mdf=!1}a+=1}this._currentCopies=h;var m=this.o.v,c=m%1,d=m>0?Math.floor(m):Math.ceil(m),u=this.pMatrix.props,y=this.rMatrix.props,g=this.sMatrix.props;this.pMatrix.reset(),this.rMatrix.reset(),this.sMatrix.reset(),this.tMatrix.reset(),this.matrix.reset();var v,b,P=0;if(m>0){for(;P<d;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),P+=1;c&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,c,!1),P+=c)}else if(m<0){for(;P>d;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!0),P-=1;c&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,-c,!0),P-=c)}for(i=1===this.data.m?0:this._currentCopies-1,s=1===this.data.m?1:-1,a=this._currentCopies;a;){if(b=(r=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props).length,e[e.length-1].transform.mProps._mdf=!0,e[e.length-1].transform.op._mdf=!0,e[e.length-1].transform.op.v=1===this._currentCopies?this.so.v:this.so.v+(this.eo.v-this.so.v)*(i/(this._currentCopies-1)),0!==P){for((0!==i&&1===s||i!==this._currentCopies-1&&-1===s)&&this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),this.matrix.transform(y[0],y[1],y[2],y[3],y[4],y[5],y[6],y[7],y[8],y[9],y[10],y[11],y[12],y[13],y[14],y[15]),this.matrix.transform(g[0],g[1],g[2],g[3],g[4],g[5],g[6],g[7],g[8],g[9],g[10],g[11],g[12],g[13],g[14],g[15]),this.matrix.transform(u[0],u[1],u[2],u[3],u[4],u[5],u[6],u[7],u[8],u[9],u[10],u[11],u[12],u[13],u[14],u[15]),v=0;v<b;v+=1)r[v]=this.matrix.props[v];this.matrix.reset()}else for(this.matrix.reset(),v=0;v<b;v+=1)r[v]=this.matrix.props[v];P+=1,a-=1,i+=s}}else for(a=this._currentCopies,i=0,s=1;a;)r=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props,e[e.length-1].transform.mProps._mdf=!1,e[e.length-1].transform.op._mdf=!1,a-=1,i+=s;return n},RepeaterModifier.prototype.addShape=function(){},extendPrototype([ShapeModifier],RoundCornersModifier),RoundCornersModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.rd=PropertyFactory.getProp(t,e.r,0,null,this),this._isAnimated=!!this.rd.effectsSequence.length},RoundCornersModifier.prototype.processPath=function(t,e){var r,i=shapePool.newElement();i.c=t.c;var s,a,n,o,h,l,p,f,m,c,d,u,y=t._length,g=0;for(r=0;r<y;r+=1)s=t.v[r],n=t.o[r],a=t.i[r],s[0]===n[0]&&s[1]===n[1]&&s[0]===a[0]&&s[1]===a[1]?0!==r&&r!==y-1||t.c?(o=0===r?t.v[y-1]:t.v[r-1],l=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,p=d=s[0]+(o[0]-s[0])*l,f=u=s[1]-(s[1]-o[1])*l,m=p-(p-s[0])*roundCorner,c=f-(f-s[1])*roundCorner,i.setTripleAt(p,f,m,c,d,u,g),g+=1,o=r===y-1?t.v[0]:t.v[r+1],l=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,p=m=s[0]+(o[0]-s[0])*l,f=c=s[1]+(o[1]-s[1])*l,d=p-(p-s[0])*roundCorner,u=f-(f-s[1])*roundCorner,i.setTripleAt(p,f,m,c,d,u,g),g+=1):(i.setTripleAt(s[0],s[1],n[0],n[1],a[0],a[1],g),g+=1):(i.setTripleAt(t.v[r][0],t.v[r][1],t.o[r][0],t.o[r][1],t.i[r][0],t.i[r][1],g),g+=1);return i},RoundCornersModifier.prototype.processShapes=function(t){var e,r,i,s,a,n,o=this.shapes.length,h=this.rd.v;if(0!==h)for(r=0;r<o;r+=1){if(n=(a=this.shapes[r]).localShapeCollection,a.shape._mdf||this._mdf||t)for(n.releaseShapes(),a.shape._mdf=!0,e=a.shape.paths.shapes,s=a.shape.paths._length,i=0;i<s;i+=1)n.addShape(this.processPath(e[i],h));a.shape.paths=a.localShapeCollection}this.dynamicProperties.length||(this._mdf=!1)};var FontManager=function(){var t={w:0,size:0,shapes:[],data:{shapes:[]}},e=[];e=e.concat([2304,2305,2306,2307,2362,2363,2364,2364,2366,2367,2368,2369,2370,2371,2372,2373,2374,2375,2376,2377,2378,2379,2380,2381,2382,2383,2387,2388,2389,2390,2391,2402,2403]);var r=["d83cdffb","d83cdffc","d83cdffd","d83cdffe","d83cdfff"],i=[65039,8205];function s(t,e){var r=createTag("span");r.setAttribute("aria-hidden",!0),r.style.fontFamily=e;var i=createTag("span");i.innerText="giItT1WQy@!-/#",r.style.position="absolute",r.style.left="-10000px",r.style.top="-10000px",r.style.fontSize="300px",r.style.fontVariant="normal",r.style.fontStyle="normal",r.style.fontWeight="normal",r.style.letterSpacing="0",r.appendChild(i),document.body.appendChild(r);var s=i.offsetWidth;return i.style.fontFamily=function(t){var e,r=t.split(","),i=r.length,s=[];for(e=0;e<i;e+=1)"sans-serif"!==r[e]&&"monospace"!==r[e]&&s.push(r[e]);return s.join(",")}(t)+", "+e,{node:i,w:s,parent:r}}function a(t,e){var r=createNS("text");r.style.fontSize="100px";var i=getFontProperties(e);return r.setAttribute("font-family",e.fFamily),r.setAttribute("font-style",i.style),r.setAttribute("font-weight",i.weight),r.textContent="1",e.fClass?(r.style.fontFamily="inherit",r.setAttribute("class",e.fClass)):r.style.fontFamily=e.fFamily,t.appendChild(r),createTag("canvas").getContext("2d").font=e.fWeight+" "+e.fStyle+" 100px "+e.fFamily,r}var n=function(){this.fonts=[],this.chars=null,this.typekitLoaded=0,this.isLoaded=!1,this._warned=!1,this.initTime=Date.now(),this.setIsLoadedBinded=this.setIsLoaded.bind(this),this.checkLoadedFontsBinded=this.checkLoadedFonts.bind(this)};n.isModifier=function(t,e){var i=t.toString(16)+e.toString(16);return-1!==r.indexOf(i)},n.isZeroWidthJoiner=function(t,e){return e?t===i[0]&&e===i[1]:t===i[1]},n.isCombinedCharacter=function(t){return-1!==e.indexOf(t)};var o={addChars:function(t){if(t){var e;this.chars||(this.chars=[]);var r,i,s=t.length,a=this.chars.length;for(e=0;e<s;e+=1){for(r=0,i=!1;r<a;)this.chars[r].style===t[e].style&&this.chars[r].fFamily===t[e].fFamily&&this.chars[r].ch===t[e].ch&&(i=!0),r+=1;i||(this.chars.push(t[e]),a+=1)}}},addFonts:function(t,e){if(t){if(this.chars)return this.isLoaded=!0,void(this.fonts=t.list);var r,i=t.list,n=i.length,o=n;for(r=0;r<n;r+=1){var h,l,p=!0;if(i[r].loaded=!1,i[r].monoCase=s(i[r].fFamily,"monospace"),i[r].sansCase=s(i[r].fFamily,"sans-serif"),i[r].fPath){if("p"===i[r].fOrigin||3===i[r].origin){if((h=document.querySelectorAll('style[f-forigin="p"][f-family="'+i[r].fFamily+'"], style[f-origin="3"][f-family="'+i[r].fFamily+'"]')).length>0&&(p=!1),p){var f=createTag("style");f.setAttribute("f-forigin",i[r].fOrigin),f.setAttribute("f-origin",i[r].origin),f.setAttribute("f-family",i[r].fFamily),f.type="text/css",f.innerText="@font-face {font-family: "+i[r].fFamily+"; font-style: normal; src: url('"+i[r].fPath+"');}",e.appendChild(f)}}else if("g"===i[r].fOrigin||1===i[r].origin){for(h=document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]'),l=0;l<h.length;l+=1)-1!==h[l].href.indexOf(i[r].fPath)&&(p=!1);if(p){var m=createTag("link");m.setAttribute("f-forigin",i[r].fOrigin),m.setAttribute("f-origin",i[r].origin),m.type="text/css",m.rel="stylesheet",m.href=i[r].fPath,document.body.appendChild(m)}}else if("t"===i[r].fOrigin||2===i[r].origin){for(h=document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]'),l=0;l<h.length;l+=1)i[r].fPath===h[l].src&&(p=!1);if(p){var c=createTag("link");c.setAttribute("f-forigin",i[r].fOrigin),c.setAttribute("f-origin",i[r].origin),c.setAttribute("rel","stylesheet"),c.setAttribute("href",i[r].fPath),e.appendChild(c)}}}else i[r].loaded=!0,o-=1;i[r].helper=a(e,i[r]),i[r].cache={},this.fonts.push(i[r])}0===o?this.isLoaded=!0:setTimeout(this.checkLoadedFonts.bind(this),100)}else this.isLoaded=!0},getCharData:function(e,r,i){for(var s=0,a=this.chars.length;s<a;){if(this.chars[s].ch===e&&this.chars[s].style===r&&this.chars[s].fFamily===i)return this.chars[s];s+=1}return("string"==typeof e&&13!==e.charCodeAt(0)||!e)&&console&&console.warn&&!this._warned&&(this._warned=!0,console.warn("Missing character from exported characters list: ",e,r,i)),t},getFontByName:function(t){for(var e=0,r=this.fonts.length;e<r;){if(this.fonts[e].fName===t)return this.fonts[e];e+=1}return this.fonts[0]},measureText:function(t,e,r){var i=this.getFontByName(e),s=t.charCodeAt(0);if(!i.cache[s+1]){var a=i.helper;if(" "===t){a.textContent="|"+t+"|";var n=a.getComputedTextLength();a.textContent="||";var o=a.getComputedTextLength();i.cache[s+1]=(n-o)/100}else a.textContent=t,i.cache[s+1]=a.getComputedTextLength()/100}return i.cache[s+1]*r},checkLoadedFonts:function(){var t,e,r,i=this.fonts.length,s=i;for(t=0;t<i;t+=1)this.fonts[t].loaded?s-=1:"n"===this.fonts[t].fOrigin||0===this.fonts[t].origin?this.fonts[t].loaded=!0:(e=this.fonts[t].monoCase.node,r=this.fonts[t].monoCase.w,e.offsetWidth!==r?(s-=1,this.fonts[t].loaded=!0):(e=this.fonts[t].sansCase.node,r=this.fonts[t].sansCase.w,e.offsetWidth!==r&&(s-=1,this.fonts[t].loaded=!0)),this.fonts[t].loaded&&(this.fonts[t].sansCase.parent.parentNode.removeChild(this.fonts[t].sansCase.parent),this.fonts[t].monoCase.parent.parentNode.removeChild(this.fonts[t].monoCase.parent)));0!==s&&Date.now()-this.initTime<5e3?setTimeout(this.checkLoadedFontsBinded,20):setTimeout(this.setIsLoadedBinded,10)},setIsLoaded:function(){this.isLoaded=!0}};return n.prototype=o,n}();function RenderableElement(){}RenderableElement.prototype={initRenderable:function(){this.isInRange=!1,this.hidden=!1,this.isTransparent=!1,this.renderableComponents=[]},addRenderableComponent:function(t){-1===this.renderableComponents.indexOf(t)&&this.renderableComponents.push(t)},removeRenderableComponent:function(t){-1!==this.renderableComponents.indexOf(t)&&this.renderableComponents.splice(this.renderableComponents.indexOf(t),1)},prepareRenderableFrame:function(t){this.checkLayerLimits(t)},checkTransparency:function(){this.finalTransform.mProp.o.v<=0?!this.isTransparent&&this.globalData.renderConfig.hideOnTransparent&&(this.isTransparent=!0,this.hide()):this.isTransparent&&(this.isTransparent=!1,this.show())},checkLayerLimits:function(t){this.data.ip-this.data.st<=t&&this.data.op-this.data.st>t?!0!==this.isInRange&&(this.globalData._mdf=!0,this._mdf=!0,this.isInRange=!0,this.show()):!1!==this.isInRange&&(this.globalData._mdf=!0,this.isInRange=!1,this.hide())},renderRenderable:function(){var t,e=this.renderableComponents.length;for(t=0;t<e;t+=1)this.renderableComponents[t].renderFrame(this._isFirstFrame)},sourceRectAtTime:function(){return{top:0,left:0,width:100,height:100}},getLayerSize:function(){return 5===this.data.ty?{w:this.data.textData.width,h:this.data.textData.height}:{w:this.data.width,h:this.data.height}}};var MaskManagerInterface=function(){function t(t,e){this._mask=t,this._data=e}Object.defineProperty(t.prototype,"maskPath",{get:function(){return this._mask.prop.k&&this._mask.prop.getValue(),this._mask.prop}}),Object.defineProperty(t.prototype,"maskOpacity",{get:function(){return this._mask.op.k&&this._mask.op.getValue(),100*this._mask.op.v}});return function(e){var r,i=createSizedArray(e.viewData.length),s=e.viewData.length;for(r=0;r<s;r+=1)i[r]=new t(e.viewData[r],e.masksProperties[r]);return function(t){for(r=0;r<s;){if(e.masksProperties[r].nm===t)return i[r];r+=1}return null}}}(),ExpressionPropertyInterface=function(){var t={pv:0,v:0,mult:1},e={pv:[0,0,0],v:[0,0,0],mult:1};function r(t,e,r){Object.defineProperty(t,"velocity",{get:function(){return e.getVelocityAtTime(e.comp.currentFrame)}}),t.numKeys=e.keyframes?e.keyframes.length:0,t.key=function(i){if(!t.numKeys)return 0;var s="";s="s"in e.keyframes[i-1]?e.keyframes[i-1].s:"e"in e.keyframes[i-2]?e.keyframes[i-2].e:e.keyframes[i-2].s;var a="unidimensional"===r?new Number(s):Object.assign({},s);return a.time=e.keyframes[i-1].t/e.elem.comp.globalData.frameRate,a.value="unidimensional"===r?s[0]:s,a},t.valueAtTime=e.getValueAtTime,t.speedAtTime=e.getSpeedAtTime,t.velocityAtTime=e.getVelocityAtTime,t.propertyGroup=e.propertyGroup}function i(){return t}return function(s){return s?"unidimensional"===s.propType?function(e){e&&"pv"in e||(e=t);var i=1/e.mult,s=e.pv*i,a=new Number(s);return a.value=s,r(a,e,"unidimensional"),function(){return e.k&&e.getValue(),s=e.v*i,a.value!==s&&((a=new Number(s)).value=s,r(a,e,"unidimensional")),a}}(s):function(t){t&&"pv"in t||(t=e);var i=1/t.mult,s=t.data&&t.data.l||t.pv.length,a=createTypedArray("float32",s),n=createTypedArray("float32",s);return a.value=n,r(a,t,"multidimensional"),function(){t.k&&t.getValue();for(var e=0;e<s;e+=1)n[e]=t.v[e]*i,a[e]=n[e];return a}}(s):i}}(),TransformExpressionInterface=function(t){function e(t){switch(t){case"scale":case"Scale":case"ADBE Scale":case 6:return e.scale;case"rotation":case"Rotation":case"ADBE Rotation":case"ADBE Rotate Z":case 10:return e.rotation;case"ADBE Rotate X":return e.xRotation;case"ADBE Rotate Y":return e.yRotation;case"position":case"Position":case"ADBE Position":case 2:return e.position;case"ADBE Position_0":return e.xPosition;case"ADBE Position_1":return e.yPosition;case"ADBE Position_2":return e.zPosition;case"anchorPoint":case"AnchorPoint":case"Anchor Point":case"ADBE AnchorPoint":case 1:return e.anchorPoint;case"opacity":case"Opacity":case 11:return e.opacity;default:return null}}var r,i,s,a;return Object.defineProperty(e,"rotation",{get:ExpressionPropertyInterface(t.r||t.rz)}),Object.defineProperty(e,"zRotation",{get:ExpressionPropertyInterface(t.rz||t.r)}),Object.defineProperty(e,"xRotation",{get:ExpressionPropertyInterface(t.rx)}),Object.defineProperty(e,"yRotation",{get:ExpressionPropertyInterface(t.ry)}),Object.defineProperty(e,"scale",{get:ExpressionPropertyInterface(t.s)}),t.p?a=ExpressionPropertyInterface(t.p):(r=ExpressionPropertyInterface(t.px),i=ExpressionPropertyInterface(t.py),t.pz&&(s=ExpressionPropertyInterface(t.pz))),Object.defineProperty(e,"position",{get:function(){return t.p?a():[r(),i(),s?s():0]}}),Object.defineProperty(e,"xPosition",{get:ExpressionPropertyInterface(t.px)}),Object.defineProperty(e,"yPosition",{get:ExpressionPropertyInterface(t.py)}),Object.defineProperty(e,"zPosition",{get:ExpressionPropertyInterface(t.pz)}),Object.defineProperty(e,"anchorPoint",{get:ExpressionPropertyInterface(t.a)}),Object.defineProperty(e,"opacity",{get:ExpressionPropertyInterface(t.o)}),Object.defineProperty(e,"skew",{get:ExpressionPropertyInterface(t.sk)}),Object.defineProperty(e,"skewAxis",{get:ExpressionPropertyInterface(t.sa)}),Object.defineProperty(e,"orientation",{get:ExpressionPropertyInterface(t.or)}),e},LayerExpressionInterface=function(){function t(t){var e=new Matrix;void 0!==t?this._elem.finalTransform.mProp.getValueAtTime(t).clone(e):this._elem.finalTransform.mProp.applyToMatrix(e);return e}function e(t,e){var r=this.getMatrix(e);return r.props[12]=0,r.props[13]=0,r.props[14]=0,this.applyPoint(r,t)}function r(t,e){var r=this.getMatrix(e);return this.applyPoint(r,t)}function i(t,e){var r=this.getMatrix(e);return r.props[12]=0,r.props[13]=0,r.props[14]=0,this.invertPoint(r,t)}function s(t,e){var r=this.getMatrix(e);return this.invertPoint(r,t)}function a(t,e){if(this._elem.hierarchy&&this._elem.hierarchy.length){var r,i=this._elem.hierarchy.length;for(r=0;r<i;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(t)}return t.applyToPointArray(e[0],e[1],e[2]||0)}function n(t,e){if(this._elem.hierarchy&&this._elem.hierarchy.length){var r,i=this._elem.hierarchy.length;for(r=0;r<i;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(t)}return t.inversePoint(e)}function o(t){var e=new Matrix;if(e.reset(),this._elem.finalTransform.mProp.applyToMatrix(e),this._elem.hierarchy&&this._elem.hierarchy.length){var r,i=this._elem.hierarchy.length;for(r=0;r<i;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(e);return e.inversePoint(t)}return e.inversePoint(t)}function h(){return[1,1,1,1]}return function(l){var p;function f(t){switch(t){case"ADBE Root Vectors Group":case"Contents":case 2:return f.shapeInterface;case 1:case 6:case"Transform":case"transform":case"ADBE Transform Group":return p;case 4:case"ADBE Effect Parade":case"effects":case"Effects":return f.effect;case"ADBE Text Properties":return f.textInterface;default:return null}}f.getMatrix=t,f.invertPoint=n,f.applyPoint=a,f.toWorld=r,f.toWorldVec=e,f.fromWorld=s,f.fromWorldVec=i,f.toComp=r,f.fromComp=o,f.sampleImage=h,f.sourceRectAtTime=l.sourceRectAtTime.bind(l),f._elem=l;var m=getDescriptor(p=TransformExpressionInterface(l.finalTransform.mProp),"anchorPoint");return Object.defineProperties(f,{hasParent:{get:function(){return l.hierarchy.length}},parent:{get:function(){return l.hierarchy[0].layerInterface}},rotation:getDescriptor(p,"rotation"),scale:getDescriptor(p,"scale"),position:getDescriptor(p,"position"),opacity:getDescriptor(p,"opacity"),anchorPoint:m,anchor_point:m,transform:{get:function(){return p}},active:{get:function(){return l.isInRange}}}),f.startTime=l.data.st,f.index=l.data.ind,f.source=l.data.refId,f.height=0===l.data.ty?l.data.h:100,f.width=0===l.data.ty?l.data.w:100,f.inPoint=l.data.ip/l.comp.globalData.frameRate,f.outPoint=l.data.op/l.comp.globalData.frameRate,f._name=l.data.nm,f.registerMaskInterface=function(t){f.mask=new MaskManagerInterface(t,l)},f.registerEffectsInterface=function(t){f.effect=t},f}}(),propertyGroupFactory=function(t,e){return function(r){return(r=void 0===r?1:r)<=0?t:e(r-1)}},PropertyInterface=function(t,e){var r={_name:t};return function(t){return(t=void 0===t?1:t)<=0?r:e(t-1)}},EffectsExpressionInterface=function(){function t(r,i,s,a){function n(t){for(var e=r.ef,i=0,s=e.length;i<s;){if(t===e[i].nm||t===e[i].mn||t===e[i].ix)return 5===e[i].ty?l[i]:l[i]();i+=1}throw new Error}var o,h=propertyGroupFactory(n,s),l=[],p=r.ef.length;for(o=0;o<p;o+=1)5===r.ef[o].ty?l.push(t(r.ef[o],i.effectElements[o],i.effectElements[o].propertyGroup,a)):l.push(e(i.effectElements[o],r.ef[o].ty,a,h));return"ADBE Color Control"===r.mn&&Object.defineProperty(n,"color",{get:function(){return l[0]()}}),Object.defineProperties(n,{numProperties:{get:function(){return r.np}},_name:{value:r.nm},propertyGroup:{value:h}}),n.enabled=0!==r.en,n.active=n.enabled,n}function e(t,e,r,i){var s=ExpressionPropertyInterface(t.p);return t.p.setGroupProperty&&t.p.setGroupProperty(PropertyInterface("",i)),function(){return 10===e?r.comp.compInterface(t.p.v):s()}}return{createEffectsInterface:function(e,r){if(e.effectsManager){var i,s=[],a=e.data.ef,n=e.effectsManager.effectElements.length;for(i=0;i<n;i+=1)s.push(t(a[i],e.effectsManager.effectElements[i],r,e));var o=e.data.ef||[],h=function(t){for(i=0,n=o.length;i<n;){if(t===o[i].nm||t===o[i].mn||t===o[i].ix)return s[i];i+=1}return null};return Object.defineProperty(h,"numProperties",{get:function(){return o.length}}),h}return null}}}(),CompExpressionInterface=function(t){function e(e){for(var r=0,i=t.layers.length;r<i;){if(t.layers[r].nm===e||t.layers[r].ind===e)return t.elements[r].layerInterface;r+=1}return null}return Object.defineProperty(e,"_name",{value:t.data.nm}),e.layer=e,e.pixelAspect=1,e.height=t.data.h||t.globalData.compSize.h,e.width=t.data.w||t.globalData.compSize.w,e.pixelAspect=1,e.frameDuration=1/t.globalData.frameRate,e.displayStartTime=0,e.numLayers=t.layers.length,e},ShapePathInterface=function(t,e,r){var i=e.sh;function s(t){return"Shape"===t||"shape"===t||"Path"===t||"path"===t||"ADBE Vector Shape"===t||2===t?s.path:null}var a=propertyGroupFactory(s,r);return i.setGroupProperty(PropertyInterface("Path",a)),Object.defineProperties(s,{path:{get:function(){return i.k&&i.getValue(),i}},shape:{get:function(){return i.k&&i.getValue(),i}},_name:{value:t.nm},ix:{value:t.ix},propertyIndex:{value:t.ix},mn:{value:t.mn},propertyGroup:{value:r}}),s},ShapeExpressionInterface=function(){function t(t,o,c){var d,u=[],y=t?t.length:0;for(d=0;d<y;d+=1)"gr"===t[d].ty?u.push(e(t[d],o[d],c)):"fl"===t[d].ty?u.push(r(t[d],o[d],c)):"st"===t[d].ty?u.push(a(t[d],o[d],c)):"tm"===t[d].ty?u.push(n(t[d],o[d],c)):"tr"===t[d].ty||("el"===t[d].ty?u.push(h(t[d],o[d],c)):"sr"===t[d].ty?u.push(l(t[d],o[d],c)):"sh"===t[d].ty?u.push(ShapePathInterface(t[d],o[d],c)):"rc"===t[d].ty?u.push(p(t[d],o[d],c)):"rd"===t[d].ty?u.push(f(t[d],o[d],c)):"rp"===t[d].ty?u.push(m(t[d],o[d],c)):"gf"===t[d].ty?u.push(i(t[d],o[d],c)):u.push(s(t[d],o[d])));return u}function e(e,r,i){var s=function(t){switch(t){case"ADBE Vectors Group":case"Contents":case 2:return s.content;default:return s.transform}};s.propertyGroup=propertyGroupFactory(s,i);var a=function(e,r,i){var s,a=function(t){for(var e=0,r=s.length;e<r;){if(s[e]._name===t||s[e].mn===t||s[e].propertyIndex===t||s[e].ix===t||s[e].ind===t)return s[e];e+=1}return"number"==typeof t?s[t-1]:null};a.propertyGroup=propertyGroupFactory(a,i),s=t(e.it,r.it,a.propertyGroup),a.numProperties=s.length;var n=o(e.it[e.it.length-1],r.it[r.it.length-1],a.propertyGroup);return a.transform=n,a.propertyIndex=e.cix,a._name=e.nm,a}(e,r,s.propertyGroup),n=o(e.it[e.it.length-1],r.it[r.it.length-1],s.propertyGroup);return s.content=a,s.transform=n,Object.defineProperty(s,"_name",{get:function(){return e.nm}}),s.numProperties=e.np,s.propertyIndex=e.ix,s.nm=e.nm,s.mn=e.mn,s}function r(t,e,r){function i(t){return"Color"===t||"color"===t?i.color:"Opacity"===t||"opacity"===t?i.opacity:null}return Object.defineProperties(i,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(PropertyInterface("Color",r)),e.o.setGroupProperty(PropertyInterface("Opacity",r)),i}function i(t,e,r){function i(t){return"Start Point"===t||"start point"===t?i.startPoint:"End Point"===t||"end point"===t?i.endPoint:"Opacity"===t||"opacity"===t?i.opacity:null}return Object.defineProperties(i,{startPoint:{get:ExpressionPropertyInterface(e.s)},endPoint:{get:ExpressionPropertyInterface(e.e)},opacity:{get:ExpressionPropertyInterface(e.o)},type:{get:function(){return"a"}},_name:{value:t.nm},mn:{value:t.mn}}),e.s.setGroupProperty(PropertyInterface("Start Point",r)),e.e.setGroupProperty(PropertyInterface("End Point",r)),e.o.setGroupProperty(PropertyInterface("Opacity",r)),i}function s(){return function(){return null}}function a(t,e,r){var i,s=propertyGroupFactory(l,r),a=propertyGroupFactory(h,s);function n(r){Object.defineProperty(h,t.d[r].nm,{get:ExpressionPropertyInterface(e.d.dataProps[r].p)})}var o=t.d?t.d.length:0,h={};for(i=0;i<o;i+=1)n(i),e.d.dataProps[i].p.setGroupProperty(a);function l(t){return"Color"===t||"color"===t?l.color:"Opacity"===t||"opacity"===t?l.opacity:"Stroke Width"===t||"stroke width"===t?l.strokeWidth:null}return Object.defineProperties(l,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},strokeWidth:{get:ExpressionPropertyInterface(e.w)},dash:{get:function(){return h}},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(PropertyInterface("Color",s)),e.o.setGroupProperty(PropertyInterface("Opacity",s)),e.w.setGroupProperty(PropertyInterface("Stroke Width",s)),l}function n(t,e,r){function i(e){return e===t.e.ix||"End"===e||"end"===e?i.end:e===t.s.ix?i.start:e===t.o.ix?i.offset:null}var s=propertyGroupFactory(i,r);return i.propertyIndex=t.ix,e.s.setGroupProperty(PropertyInterface("Start",s)),e.e.setGroupProperty(PropertyInterface("End",s)),e.o.setGroupProperty(PropertyInterface("Offset",s)),i.propertyIndex=t.ix,i.propertyGroup=r,Object.defineProperties(i,{start:{get:ExpressionPropertyInterface(e.s)},end:{get:ExpressionPropertyInterface(e.e)},offset:{get:ExpressionPropertyInterface(e.o)},_name:{value:t.nm}}),i.mn=t.mn,i}function o(t,e,r){function i(e){return t.a.ix===e||"Anchor Point"===e?i.anchorPoint:t.o.ix===e||"Opacity"===e?i.opacity:t.p.ix===e||"Position"===e?i.position:t.r.ix===e||"Rotation"===e||"ADBE Vector Rotation"===e?i.rotation:t.s.ix===e||"Scale"===e?i.scale:t.sk&&t.sk.ix===e||"Skew"===e?i.skew:t.sa&&t.sa.ix===e||"Skew Axis"===e?i.skewAxis:null}var s=propertyGroupFactory(i,r);return e.transform.mProps.o.setGroupProperty(PropertyInterface("Opacity",s)),e.transform.mProps.p.setGroupProperty(PropertyInterface("Position",s)),e.transform.mProps.a.setGroupProperty(PropertyInterface("Anchor Point",s)),e.transform.mProps.s.setGroupProperty(PropertyInterface("Scale",s)),e.transform.mProps.r.setGroupProperty(PropertyInterface("Rotation",s)),e.transform.mProps.sk&&(e.transform.mProps.sk.setGroupProperty(PropertyInterface("Skew",s)),e.transform.mProps.sa.setGroupProperty(PropertyInterface("Skew Angle",s))),e.transform.op.setGroupProperty(PropertyInterface("Opacity",s)),Object.defineProperties(i,{opacity:{get:ExpressionPropertyInterface(e.transform.mProps.o)},position:{get:ExpressionPropertyInterface(e.transform.mProps.p)},anchorPoint:{get:ExpressionPropertyInterface(e.transform.mProps.a)},scale:{get:ExpressionPropertyInterface(e.transform.mProps.s)},rotation:{get:ExpressionPropertyInterface(e.transform.mProps.r)},skew:{get:ExpressionPropertyInterface(e.transform.mProps.sk)},skewAxis:{get:ExpressionPropertyInterface(e.transform.mProps.sa)},_name:{value:t.nm}}),i.ty="tr",i.mn=t.mn,i.propertyGroup=r,i}function h(t,e,r){function i(e){return t.p.ix===e?i.position:t.s.ix===e?i.size:null}var s=propertyGroupFactory(i,r);i.propertyIndex=t.ix;var a="tm"===e.sh.ty?e.sh.prop:e.sh;return a.s.setGroupProperty(PropertyInterface("Size",s)),a.p.setGroupProperty(PropertyInterface("Position",s)),Object.defineProperties(i,{size:{get:ExpressionPropertyInterface(a.s)},position:{get:ExpressionPropertyInterface(a.p)},_name:{value:t.nm}}),i.mn=t.mn,i}function l(t,e,r){function i(e){return t.p.ix===e?i.position:t.r.ix===e?i.rotation:t.pt.ix===e?i.points:t.or.ix===e||"ADBE Vector Star Outer Radius"===e?i.outerRadius:t.os.ix===e?i.outerRoundness:!t.ir||t.ir.ix!==e&&"ADBE Vector Star Inner Radius"!==e?t.is&&t.is.ix===e?i.innerRoundness:null:i.innerRadius}var s=propertyGroupFactory(i,r),a="tm"===e.sh.ty?e.sh.prop:e.sh;return i.propertyIndex=t.ix,a.or.setGroupProperty(PropertyInterface("Outer Radius",s)),a.os.setGroupProperty(PropertyInterface("Outer Roundness",s)),a.pt.setGroupProperty(PropertyInterface("Points",s)),a.p.setGroupProperty(PropertyInterface("Position",s)),a.r.setGroupProperty(PropertyInterface("Rotation",s)),t.ir&&(a.ir.setGroupProperty(PropertyInterface("Inner Radius",s)),a.is.setGroupProperty(PropertyInterface("Inner Roundness",s))),Object.defineProperties(i,{position:{get:ExpressionPropertyInterface(a.p)},rotation:{get:ExpressionPropertyInterface(a.r)},points:{get:ExpressionPropertyInterface(a.pt)},outerRadius:{get:ExpressionPropertyInterface(a.or)},outerRoundness:{get:ExpressionPropertyInterface(a.os)},innerRadius:{get:ExpressionPropertyInterface(a.ir)},innerRoundness:{get:ExpressionPropertyInterface(a.is)},_name:{value:t.nm}}),i.mn=t.mn,i}function p(t,e,r){function i(e){return t.p.ix===e?i.position:t.r.ix===e?i.roundness:t.s.ix===e||"Size"===e||"ADBE Vector Rect Size"===e?i.size:null}var s=propertyGroupFactory(i,r),a="tm"===e.sh.ty?e.sh.prop:e.sh;return i.propertyIndex=t.ix,a.p.setGroupProperty(PropertyInterface("Position",s)),a.s.setGroupProperty(PropertyInterface("Size",s)),a.r.setGroupProperty(PropertyInterface("Rotation",s)),Object.defineProperties(i,{position:{get:ExpressionPropertyInterface(a.p)},roundness:{get:ExpressionPropertyInterface(a.r)},size:{get:ExpressionPropertyInterface(a.s)},_name:{value:t.nm}}),i.mn=t.mn,i}function f(t,e,r){function i(e){return t.r.ix===e||"Round Corners 1"===e?i.radius:null}var s=propertyGroupFactory(i,r),a=e;return i.propertyIndex=t.ix,a.rd.setGroupProperty(PropertyInterface("Radius",s)),Object.defineProperties(i,{radius:{get:ExpressionPropertyInterface(a.rd)},_name:{value:t.nm}}),i.mn=t.mn,i}function m(t,e,r){function i(e){return t.c.ix===e||"Copies"===e?i.copies:t.o.ix===e||"Offset"===e?i.offset:null}var s=propertyGroupFactory(i,r),a=e;return i.propertyIndex=t.ix,a.c.setGroupProperty(PropertyInterface("Copies",s)),a.o.setGroupProperty(PropertyInterface("Offset",s)),Object.defineProperties(i,{copies:{get:ExpressionPropertyInterface(a.c)},offset:{get:ExpressionPropertyInterface(a.o)},_name:{value:t.nm}}),i.mn=t.mn,i}return function(e,r,i){var s;function a(t){if("number"==typeof t)return 0===(t=void 0===t?1:t)?i:s[t-1];for(var e=0,r=s.length;e<r;){if(s[e]._name===t)return s[e];e+=1}return null}return a.propertyGroup=propertyGroupFactory(a,(function(){return i})),s=t(e,r,a.propertyGroup),a.numProperties=s.length,a._name="Contents",a}}(),TextExpressionInterface=function(t){var e,r;function i(t){return"ADBE Text Document"===t?i.sourceText:null}return Object.defineProperty(i,"sourceText",{get:function(){t.textProperty.getValue();var i=t.textProperty.currentData.t;return i!==e&&(t.textProperty.currentData.t=e,(r=new String(i)).value=i||new String(i)),r}}),i},getBlendMode=(blendModeEnums={0:"source-over",1:"multiply",2:"screen",3:"overlay",4:"darken",5:"lighten",6:"color-dodge",7:"color-burn",8:"hard-light",9:"soft-light",10:"difference",11:"exclusion",12:"hue",13:"saturation",14:"color",15:"luminosity"},function(t){return blendModeEnums[t]||""}),blendModeEnums;function SliderEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function AngleEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function ColorEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function PointEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function LayerIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function MaskIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function CheckboxEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function NoValueEffect(){this.p={}}function EffectsManager(t,e){var r,i=t.ef||[];this.effectElements=[];var s,a=i.length;for(r=0;r<a;r+=1)s=new GroupEffect(i[r],e),this.effectElements.push(s)}function GroupEffect(t,e){this.init(t,e)}function BaseElement(){}function FrameElement(){}function _typeof$2(t){return _typeof$2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof$2(t)}extendPrototype([DynamicPropertyContainer],GroupEffect),GroupEffect.prototype.getValue=GroupEffect.prototype.iterateDynamicProperties,GroupEffect.prototype.init=function(t,e){var r;this.data=t,this.effectElements=[],this.initDynamicPropertyContainer(e);var i,s=this.data.ef.length,a=this.data.ef;for(r=0;r<s;r+=1){switch(i=null,a[r].ty){case 0:i=new SliderEffect(a[r],e,this);break;case 1:i=new AngleEffect(a[r],e,this);break;case 2:i=new ColorEffect(a[r],e,this);break;case 3:i=new PointEffect(a[r],e,this);break;case 4:case 7:i=new CheckboxEffect(a[r],e,this);break;case 10:i=new LayerIndexEffect(a[r],e,this);break;case 11:i=new MaskIndexEffect(a[r],e,this);break;case 5:i=new EffectsManager(a[r],e,this);break;default:i=new NoValueEffect(a[r],e,this)}i&&this.effectElements.push(i)}},BaseElement.prototype={checkMasks:function(){if(!this.data.hasMask)return!1;for(var t=0,e=this.data.masksProperties.length;t<e;){if("n"!==this.data.masksProperties[t].mode&&!1!==this.data.masksProperties[t].cl)return!0;t+=1}return!1},initExpressions:function(){this.layerInterface=LayerExpressionInterface(this),this.data.hasMask&&this.maskManager&&this.layerInterface.registerMaskInterface(this.maskManager);var t=EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);this.layerInterface.registerEffectsInterface(t),0===this.data.ty||this.data.xt?this.compInterface=CompExpressionInterface(this):4===this.data.ty?(this.layerInterface.shapeInterface=ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface),this.layerInterface.content=this.layerInterface.shapeInterface):5===this.data.ty&&(this.layerInterface.textInterface=TextExpressionInterface(this),this.layerInterface.text=this.layerInterface.textInterface)},setBlendMode:function(){var t=getBlendMode(this.data.bm);(this.baseElement||this.layerElement).style["mix-blend-mode"]=t},initBaseData:function(t,e,r){this.globalData=e,this.comp=r,this.data=t,this.layerId=createElementID(),this.data.sr||(this.data.sr=1),this.effectsManager=new EffectsManager(this.data,this,this.dynamicProperties)},getType:function(){return this.type},sourceRectAtTime:function(){}},FrameElement.prototype={initFrame:function(){this._isFirstFrame=!1,this.dynamicProperties=[],this._mdf=!1},prepareProperties:function(t,e){var r,i=this.dynamicProperties.length;for(r=0;r<i;r+=1)(e||this._isParent&&"transform"===this.dynamicProperties[r].propType)&&(this.dynamicProperties[r].getValue(),this.dynamicProperties[r]._mdf&&(this.globalData._mdf=!0,this._mdf=!0))},addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&this.dynamicProperties.push(t)}};var FootageInterface=(dataInterfaceFactory=function(t){function e(t){return"Outline"===t?e.outlineInterface():null}return e._name="Outline",e.outlineInterface=function(t){var e="",r=t.getFootageData();function i(t){if(r[t])return e=t,"object"===_typeof$2(r=r[t])?i:r;var s=t.indexOf(e);if(-1!==s){var a=parseInt(t.substr(s+e.length),10);return"object"===_typeof$2(r=r[a])?i:r}return""}return function(){return e="",r=t.getFootageData(),i}}(t),e},function(t){function e(t){return"Data"===t?e.dataInterface:null}return e._name="Data",e.dataInterface=dataInterfaceFactory(t),e}),dataInterfaceFactory;function FootageElement(t,e,r){this.initFrame(),this.initRenderable(),this.assetData=e.getAssetData(t.refId),this.footageData=e.imageLoader.getAsset(this.assetData),this.initBaseData(t,e,r)}function AudioElement(t,e,r){this.initFrame(),this.initRenderable(),this.assetData=e.getAssetData(t.refId),this.initBaseData(t,e,r),this._isPlaying=!1,this._canPlay=!1;var i=this.globalData.getAssetsPath(this.assetData);this.audio=this.globalData.audioController.createAudio(i),this._currentTime=0,this.globalData.audioController.addAudio(this),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function BaseRenderer(){}function TransformElement(){}function MaskElement(t,e,r){this.data=t,this.element=e,this.globalData=r,this.storedData=[],this.masksProperties=this.data.masksProperties||[],this.maskElement=null;var i,s,a=this.globalData.defs,n=this.masksProperties?this.masksProperties.length:0;this.viewData=createSizedArray(n),this.solidPath="";var o,h,l,p,f,m,c=this.masksProperties,d=0,u=[],y=createElementID(),g="clipPath",v="clip-path";for(i=0;i<n;i+=1)if(("a"!==c[i].mode&&"n"!==c[i].mode||c[i].inv||100!==c[i].o.k||c[i].o.x)&&(g="mask",v="mask"),"s"!==c[i].mode&&"i"!==c[i].mode||0!==d?l=null:((l=createNS("rect")).setAttribute("fill","#ffffff"),l.setAttribute("width",this.element.comp.data.w||0),l.setAttribute("height",this.element.comp.data.h||0),u.push(l)),s=createNS("path"),"n"===c[i].mode)this.viewData[i]={op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),elem:s,lastPath:""},a.appendChild(s);else{var b;if(d+=1,s.setAttribute("fill","s"===c[i].mode?"#000000":"#ffffff"),s.setAttribute("clip-rule","nonzero"),0!==c[i].x.k?(g="mask",v="mask",m=PropertyFactory.getProp(this.element,c[i].x,0,null,this.element),b=createElementID(),(p=createNS("filter")).setAttribute("id",b),(f=createNS("feMorphology")).setAttribute("operator","erode"),f.setAttribute("in","SourceGraphic"),f.setAttribute("radius","0"),p.appendChild(f),a.appendChild(p),s.setAttribute("stroke","s"===c[i].mode?"#000000":"#ffffff")):(f=null,m=null),this.storedData[i]={elem:s,x:m,expan:f,lastPath:"",lastOperator:"",filterId:b,lastRadius:0},"i"===c[i].mode){h=u.length;var P=createNS("g");for(o=0;o<h;o+=1)P.appendChild(u[o]);var E=createNS("mask");E.setAttribute("mask-type","alpha"),E.setAttribute("id",y+"_"+d),E.appendChild(s),a.appendChild(E),P.setAttribute("mask","url("+getLocationHref()+"#"+y+"_"+d+")"),u.length=0,u.push(P)}else u.push(s);c[i].inv&&!this.solidPath&&(this.solidPath=this.createLayerSolidPath()),this.viewData[i]={elem:s,lastPath:"",op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),invRect:l},this.viewData[i].prop.k||this.drawPath(c[i],this.viewData[i].prop.v,this.viewData[i])}for(this.maskElement=createNS(g),n=u.length,i=0;i<n;i+=1)this.maskElement.appendChild(u[i]);d>0&&(this.maskElement.setAttribute("id",y),this.element.maskedElement.setAttribute(v,"url("+getLocationHref()+"#"+y+")"),a.appendChild(this.maskElement)),this.viewData.length&&this.element.addRenderableComponent(this)}FootageElement.prototype.prepareFrame=function(){},extendPrototype([RenderableElement,BaseElement,FrameElement],FootageElement),FootageElement.prototype.getBaseElement=function(){return null},FootageElement.prototype.renderFrame=function(){},FootageElement.prototype.destroy=function(){},FootageElement.prototype.initExpressions=function(){this.layerInterface=FootageInterface(this)},FootageElement.prototype.getFootageData=function(){return this.footageData},AudioElement.prototype.prepareFrame=function(t){if(this.prepareRenderableFrame(t,!0),this.prepareProperties(t,!0),this.tm._placeholder)this._currentTime=t/this.data.sr;else{var e=this.tm.v;this._currentTime=e}},extendPrototype([RenderableElement,BaseElement,FrameElement],AudioElement),AudioElement.prototype.renderFrame=function(){this.isInRange&&this._canPlay&&(this._isPlaying?(!this.audio.playing()||Math.abs(this._currentTime/this.globalData.frameRate-this.audio.seek())>.1)&&this.audio.seek(this._currentTime/this.globalData.frameRate):(this.audio.play(),this.audio.seek(this._currentTime/this.globalData.frameRate),this._isPlaying=!0))},AudioElement.prototype.show=function(){},AudioElement.prototype.hide=function(){this.audio.pause(),this._isPlaying=!1},AudioElement.prototype.pause=function(){this.audio.pause(),this._isPlaying=!1,this._canPlay=!1},AudioElement.prototype.resume=function(){this._canPlay=!0},AudioElement.prototype.setRate=function(t){this.audio.rate(t)},AudioElement.prototype.volume=function(t){this.audio.volume(t)},AudioElement.prototype.getBaseElement=function(){return null},AudioElement.prototype.destroy=function(){},AudioElement.prototype.sourceRectAtTime=function(){},AudioElement.prototype.initExpressions=function(){},BaseRenderer.prototype.checkLayers=function(t){var e,r,i=this.layers.length;for(this.completeLayers=!0,e=i-1;e>=0;e-=1)this.elements[e]||(r=this.layers[e]).ip-r.st<=t-this.layers[e].st&&r.op-r.st>t-this.layers[e].st&&this.buildItem(e),this.completeLayers=!!this.elements[e]&&this.completeLayers;this.checkPendingElements()},BaseRenderer.prototype.createItem=function(t){switch(t.ty){case 2:return this.createImage(t);case 0:return this.createComp(t);case 1:return this.createSolid(t);case 3:default:return this.createNull(t);case 4:return this.createShape(t);case 5:return this.createText(t);case 6:return this.createAudio(t);case 13:return this.createCamera(t);case 15:return this.createFootage(t)}},BaseRenderer.prototype.createCamera=function(){throw new Error("You're using a 3d camera. Try the html renderer.")},BaseRenderer.prototype.createAudio=function(t){return new AudioElement(t,this.globalData,this)},BaseRenderer.prototype.createFootage=function(t){return new FootageElement(t,this.globalData,this)},BaseRenderer.prototype.buildAllItems=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.buildItem(t);this.checkPendingElements()},BaseRenderer.prototype.includeLayers=function(t){var e;this.completeLayers=!1;var r,i=t.length,s=this.layers.length;for(e=0;e<i;e+=1)for(r=0;r<s;){if(this.layers[r].id===t[e].id){this.layers[r]=t[e];break}r+=1}},BaseRenderer.prototype.setProjectInterface=function(t){this.globalData.projectInterface=t},BaseRenderer.prototype.initItems=function(){this.globalData.progressiveLoad||this.buildAllItems()},BaseRenderer.prototype.buildElementParenting=function(t,e,r){for(var i=this.elements,s=this.layers,a=0,n=s.length;a<n;)s[a].ind==e&&(i[a]&&!0!==i[a]?(r.push(i[a]),i[a].setAsParent(),void 0!==s[a].parent?this.buildElementParenting(t,s[a].parent,r):t.setHierarchy(r)):(this.buildItem(a),this.addPendingElement(t))),a+=1},BaseRenderer.prototype.addPendingElement=function(t){this.pendingElements.push(t)},BaseRenderer.prototype.searchExtraCompositions=function(t){var e,r=t.length;for(e=0;e<r;e+=1)if(t[e].xt){var i=this.createComp(t[e]);i.initExpressions(),this.globalData.projectInterface.registerComposition(i)}},BaseRenderer.prototype.setupGlobalData=function(t,e){this.globalData.fontManager=new FontManager,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,e),this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.imageLoader=this.animationItem.imagePreloader,this.globalData.audioController=this.animationItem.audioController,this.globalData.frameId=0,this.globalData.frameRate=t.fr,this.globalData.nm=t.nm,this.globalData.compSize={w:t.w,h:t.h}},TransformElement.prototype={initTransform:function(){this.finalTransform={mProp:this.data.ks?TransformPropertyFactory.getTransformProperty(this,this.data.ks,this):{o:0},_matMdf:!1,_opMdf:!1,mat:new Matrix},this.data.ao&&(this.finalTransform.mProp.autoOriented=!0),this.data.ty},renderTransform:function(){if(this.finalTransform._opMdf=this.finalTransform.mProp.o._mdf||this._isFirstFrame,this.finalTransform._matMdf=this.finalTransform.mProp._mdf||this._isFirstFrame,this.hierarchy){var t,e=this.finalTransform.mat,r=0,i=this.hierarchy.length;if(!this.finalTransform._matMdf)for(;r<i;){if(this.hierarchy[r].finalTransform.mProp._mdf){this.finalTransform._matMdf=!0;break}r+=1}if(this.finalTransform._matMdf)for(t=this.finalTransform.mProp.v.props,e.cloneFromProps(t),r=0;r<i;r+=1)t=this.hierarchy[r].finalTransform.mProp.v.props,e.transform(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])}},globalToLocal:function(t){var e=[];e.push(this.finalTransform);for(var r,i=!0,s=this.comp;i;)s.finalTransform?(s.data.hasMask&&e.splice(0,0,s.finalTransform),s=s.comp):i=!1;var a,n=e.length;for(r=0;r<n;r+=1)a=e[r].mat.applyToPointArray(0,0,0),t=[t[0]-a[0],t[1]-a[1],0];return t},mHelper:new Matrix},MaskElement.prototype.getMaskProperty=function(t){return this.viewData[t].prop},MaskElement.prototype.renderFrame=function(t){var e,r=this.element.finalTransform.mat,i=this.masksProperties.length;for(e=0;e<i;e+=1)if((this.viewData[e].prop._mdf||t)&&this.drawPath(this.masksProperties[e],this.viewData[e].prop.v,this.viewData[e]),(this.viewData[e].op._mdf||t)&&this.viewData[e].elem.setAttribute("fill-opacity",this.viewData[e].op.v),"n"!==this.masksProperties[e].mode&&(this.viewData[e].invRect&&(this.element.finalTransform.mProp._mdf||t)&&this.viewData[e].invRect.setAttribute("transform",r.getInverseMatrix().to2dCSS()),this.storedData[e].x&&(this.storedData[e].x._mdf||t))){var s=this.storedData[e].expan;this.storedData[e].x.v<0?("erode"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="erode",this.storedData[e].elem.setAttribute("filter","url("+getLocationHref()+"#"+this.storedData[e].filterId+")")),s.setAttribute("radius",-this.storedData[e].x.v)):("dilate"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="dilate",this.storedData[e].elem.setAttribute("filter",null)),this.storedData[e].elem.setAttribute("stroke-width",2*this.storedData[e].x.v))}},MaskElement.prototype.getMaskelement=function(){return this.maskElement},MaskElement.prototype.createLayerSolidPath=function(){var t="M0,0 ";return t+=" h"+this.globalData.compSize.w,t+=" v"+this.globalData.compSize.h,t+=" h-"+this.globalData.compSize.w,t+=" v-"+this.globalData.compSize.h+" "},MaskElement.prototype.drawPath=function(t,e,r){var i,s,a=" M"+e.v[0][0]+","+e.v[0][1];for(s=e._length,i=1;i<s;i+=1)a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[i][0]+","+e.i[i][1]+" "+e.v[i][0]+","+e.v[i][1];if(e.c&&s>1&&(a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[0][0]+","+e.i[0][1]+" "+e.v[0][0]+","+e.v[0][1]),r.lastPath!==a){var n="";r.elem&&(e.c&&(n=t.inv?this.solidPath+a:a),r.elem.setAttribute("d",n)),r.lastPath=a}},MaskElement.prototype.destroy=function(){this.element=null,this.globalData=null,this.maskElement=null,this.data=null,this.masksProperties=null};var filtersFactory=function(){var t={};return t.createFilter=function(t,e){var r=createNS("filter");r.setAttribute("id",t),!0!==e&&(r.setAttribute("filterUnits","objectBoundingBox"),r.setAttribute("x","0%"),r.setAttribute("y","0%"),r.setAttribute("width","100%"),r.setAttribute("height","100%"));return r},t.createAlphaToLuminanceFilter=function(){var t=createNS("feColorMatrix");return t.setAttribute("type","matrix"),t.setAttribute("color-interpolation-filters","sRGB"),t.setAttribute("values","0 0 0 1 0  0 0 0 1 0  0 0 0 1 0  0 0 0 1 1"),t},t}(),featureSupport=function(){var t={maskType:!0};return(/MSIE 10/i.test(navigator.userAgent)||/MSIE 9/i.test(navigator.userAgent)||/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(t.maskType=!1),t}();function SVGTintFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");if(r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","linearRGB"),r.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),r.setAttribute("result","f1"),t.appendChild(r),(r=createNS("feColorMatrix")).setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","sRGB"),r.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),r.setAttribute("result","f2"),t.appendChild(r),this.matrixFilter=r,100!==e.effectElements[2].p.v||e.effectElements[2].p.k){var i,s=createNS("feMerge");t.appendChild(s),(i=createNS("feMergeNode")).setAttribute("in","SourceGraphic"),s.appendChild(i),(i=createNS("feMergeNode")).setAttribute("in","f2"),s.appendChild(i)}}function SVGFillFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","sRGB"),r.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),t.appendChild(r),this.matrixFilter=r}function SVGStrokeEffect(t,e){this.initialized=!1,this.filterManager=e,this.elem=t,this.paths=[]}function SVGTritoneFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","linearRGB"),r.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),r.setAttribute("result","f1"),t.appendChild(r);var i=createNS("feComponentTransfer");i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.matrixFilter=i;var s=createNS("feFuncR");s.setAttribute("type","table"),i.appendChild(s),this.feFuncR=s;var a=createNS("feFuncG");a.setAttribute("type","table"),i.appendChild(a),this.feFuncG=a;var n=createNS("feFuncB");n.setAttribute("type","table"),i.appendChild(n),this.feFuncB=n}function SVGProLevelsFilter(t,e){this.filterManager=e;var r=this.filterManager.effectElements,i=createNS("feComponentTransfer");(r[10].p.k||0!==r[10].p.v||r[11].p.k||1!==r[11].p.v||r[12].p.k||1!==r[12].p.v||r[13].p.k||0!==r[13].p.v||r[14].p.k||1!==r[14].p.v)&&(this.feFuncR=this.createFeFunc("feFuncR",i)),(r[17].p.k||0!==r[17].p.v||r[18].p.k||1!==r[18].p.v||r[19].p.k||1!==r[19].p.v||r[20].p.k||0!==r[20].p.v||r[21].p.k||1!==r[21].p.v)&&(this.feFuncG=this.createFeFunc("feFuncG",i)),(r[24].p.k||0!==r[24].p.v||r[25].p.k||1!==r[25].p.v||r[26].p.k||1!==r[26].p.v||r[27].p.k||0!==r[27].p.v||r[28].p.k||1!==r[28].p.v)&&(this.feFuncB=this.createFeFunc("feFuncB",i)),(r[31].p.k||0!==r[31].p.v||r[32].p.k||1!==r[32].p.v||r[33].p.k||1!==r[33].p.v||r[34].p.k||0!==r[34].p.v||r[35].p.k||1!==r[35].p.v)&&(this.feFuncA=this.createFeFunc("feFuncA",i)),(this.feFuncR||this.feFuncG||this.feFuncB||this.feFuncA)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),i=createNS("feComponentTransfer")),(r[3].p.k||0!==r[3].p.v||r[4].p.k||1!==r[4].p.v||r[5].p.k||1!==r[5].p.v||r[6].p.k||0!==r[6].p.v||r[7].p.k||1!==r[7].p.v)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.feFuncRComposed=this.createFeFunc("feFuncR",i),this.feFuncGComposed=this.createFeFunc("feFuncG",i),this.feFuncBComposed=this.createFeFunc("feFuncB",i))}function SVGDropShadowEffect(t,e){var r=e.container.globalData.renderConfig.filterSize;t.setAttribute("x",r.x),t.setAttribute("y",r.y),t.setAttribute("width",r.width),t.setAttribute("height",r.height),this.filterManager=e;var i=createNS("feGaussianBlur");i.setAttribute("in","SourceAlpha"),i.setAttribute("result","drop_shadow_1"),i.setAttribute("stdDeviation","0"),this.feGaussianBlur=i,t.appendChild(i);var s=createNS("feOffset");s.setAttribute("dx","25"),s.setAttribute("dy","0"),s.setAttribute("in","drop_shadow_1"),s.setAttribute("result","drop_shadow_2"),this.feOffset=s,t.appendChild(s);var a=createNS("feFlood");a.setAttribute("flood-color","#00ff00"),a.setAttribute("flood-opacity","1"),a.setAttribute("result","drop_shadow_3"),this.feFlood=a,t.appendChild(a);var n=createNS("feComposite");n.setAttribute("in","drop_shadow_3"),n.setAttribute("in2","drop_shadow_2"),n.setAttribute("operator","in"),n.setAttribute("result","drop_shadow_4"),t.appendChild(n);var o,h=createNS("feMerge");t.appendChild(h),o=createNS("feMergeNode"),h.appendChild(o),(o=createNS("feMergeNode")).setAttribute("in","SourceGraphic"),this.feMergeNode=o,this.feMerge=h,this.originalNodeAdded=!1,h.appendChild(o)}SVGTintFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,r=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v/100;this.matrixFilter.setAttribute("values",r[0]-e[0]+" 0 0 0 "+e[0]+" "+(r[1]-e[1])+" 0 0 0 "+e[1]+" "+(r[2]-e[2])+" 0 0 0 "+e[2]+" 0 0 0 "+i+" 0")}},SVGFillFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[2].p.v,r=this.filterManager.effectElements[6].p.v;this.matrixFilter.setAttribute("values","0 0 0 0 "+e[0]+" 0 0 0 0 "+e[1]+" 0 0 0 0 "+e[2]+" 0 0 0 "+r+" 0")}},SVGStrokeEffect.prototype.initialize=function(){var t,e,r,i,s=this.elem.layerElement.children||this.elem.layerElement.childNodes;for(1===this.filterManager.effectElements[1].p.v?(i=this.elem.maskManager.masksProperties.length,r=0):i=(r=this.filterManager.effectElements[0].p.v-1)+1,(e=createNS("g")).setAttribute("fill","none"),e.setAttribute("stroke-linecap","round"),e.setAttribute("stroke-dashoffset",1);r<i;r+=1)t=createNS("path"),e.appendChild(t),this.paths.push({p:t,m:r});if(3===this.filterManager.effectElements[10].p.v){var a=createNS("mask"),n=createElementID();a.setAttribute("id",n),a.setAttribute("mask-type","alpha"),a.appendChild(e),this.elem.globalData.defs.appendChild(a);var o=createNS("g");for(o.setAttribute("mask","url("+getLocationHref()+"#"+n+")");s[0];)o.appendChild(s[0]);this.elem.layerElement.appendChild(o),this.masker=a,e.setAttribute("stroke","#fff")}else if(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v){if(2===this.filterManager.effectElements[10].p.v)for(s=this.elem.layerElement.children||this.elem.layerElement.childNodes;s.length;)this.elem.layerElement.removeChild(s[0]);this.elem.layerElement.appendChild(e),this.elem.layerElement.removeAttribute("mask"),e.setAttribute("stroke","#fff")}this.initialized=!0,this.pathMasker=e},SVGStrokeEffect.prototype.renderFrame=function(t){var e;this.initialized||this.initialize();var r,i,s=this.paths.length;for(e=0;e<s;e+=1)if(-1!==this.paths[e].m&&(r=this.elem.maskManager.viewData[this.paths[e].m],i=this.paths[e].p,(t||this.filterManager._mdf||r.prop._mdf)&&i.setAttribute("d",r.lastPath),t||this.filterManager.effectElements[9].p._mdf||this.filterManager.effectElements[4].p._mdf||this.filterManager.effectElements[7].p._mdf||this.filterManager.effectElements[8].p._mdf||r.prop._mdf)){var a;if(0!==this.filterManager.effectElements[7].p.v||100!==this.filterManager.effectElements[8].p.v){var n=.01*Math.min(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v),o=.01*Math.max(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v),h=i.getTotalLength();a="0 0 0 "+h*n+" ";var l,p=h*(o-n),f=1+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v*.01,m=Math.floor(p/f);for(l=0;l<m;l+=1)a+="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v*.01+" ";a+="0 "+10*h+" 0 0"}else a="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v*.01;i.setAttribute("stroke-dasharray",a)}if((t||this.filterManager.effectElements[4].p._mdf)&&this.pathMasker.setAttribute("stroke-width",2*this.filterManager.effectElements[4].p.v),(t||this.filterManager.effectElements[6].p._mdf)&&this.pathMasker.setAttribute("opacity",this.filterManager.effectElements[6].p.v),(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v)&&(t||this.filterManager.effectElements[3].p._mdf)){var c=this.filterManager.effectElements[3].p.v;this.pathMasker.setAttribute("stroke","rgb("+bmFloor(255*c[0])+","+bmFloor(255*c[1])+","+bmFloor(255*c[2])+")")}},SVGTritoneFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,r=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v,s=i[0]+" "+r[0]+" "+e[0],a=i[1]+" "+r[1]+" "+e[1],n=i[2]+" "+r[2]+" "+e[2];this.feFuncR.setAttribute("tableValues",s),this.feFuncG.setAttribute("tableValues",a),this.feFuncB.setAttribute("tableValues",n)}},SVGProLevelsFilter.prototype.createFeFunc=function(t,e){var r=createNS(t);return r.setAttribute("type","table"),e.appendChild(r),r},SVGProLevelsFilter.prototype.getTableValue=function(t,e,r,i,s){for(var a,n,o=0,h=Math.min(t,e),l=Math.max(t,e),p=Array.call(null,{length:256}),f=0,m=s-i,c=e-t;o<=256;)n=(a=o/256)<=h?c<0?s:i:a>=l?c<0?i:s:i+m*Math.pow((a-t)/c,1/r),p[f]=n,f+=1,o+=256/255;return p.join(" ")},SVGProLevelsFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e,r=this.filterManager.effectElements;this.feFuncRComposed&&(t||r[3].p._mdf||r[4].p._mdf||r[5].p._mdf||r[6].p._mdf||r[7].p._mdf)&&(e=this.getTableValue(r[3].p.v,r[4].p.v,r[5].p.v,r[6].p.v,r[7].p.v),this.feFuncRComposed.setAttribute("tableValues",e),this.feFuncGComposed.setAttribute("tableValues",e),this.feFuncBComposed.setAttribute("tableValues",e)),this.feFuncR&&(t||r[10].p._mdf||r[11].p._mdf||r[12].p._mdf||r[13].p._mdf||r[14].p._mdf)&&(e=this.getTableValue(r[10].p.v,r[11].p.v,r[12].p.v,r[13].p.v,r[14].p.v),this.feFuncR.setAttribute("tableValues",e)),this.feFuncG&&(t||r[17].p._mdf||r[18].p._mdf||r[19].p._mdf||r[20].p._mdf||r[21].p._mdf)&&(e=this.getTableValue(r[17].p.v,r[18].p.v,r[19].p.v,r[20].p.v,r[21].p.v),this.feFuncG.setAttribute("tableValues",e)),this.feFuncB&&(t||r[24].p._mdf||r[25].p._mdf||r[26].p._mdf||r[27].p._mdf||r[28].p._mdf)&&(e=this.getTableValue(r[24].p.v,r[25].p.v,r[26].p.v,r[27].p.v,r[28].p.v),this.feFuncB.setAttribute("tableValues",e)),this.feFuncA&&(t||r[31].p._mdf||r[32].p._mdf||r[33].p._mdf||r[34].p._mdf||r[35].p._mdf)&&(e=this.getTableValue(r[31].p.v,r[32].p.v,r[33].p.v,r[34].p.v,r[35].p.v),this.feFuncA.setAttribute("tableValues",e))}},SVGDropShadowEffect.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){if((t||this.filterManager.effectElements[4].p._mdf)&&this.feGaussianBlur.setAttribute("stdDeviation",this.filterManager.effectElements[4].p.v/4),t||this.filterManager.effectElements[0].p._mdf){var e=this.filterManager.effectElements[0].p.v;this.feFlood.setAttribute("flood-color",rgbToHex(Math.round(255*e[0]),Math.round(255*e[1]),Math.round(255*e[2])))}if((t||this.filterManager.effectElements[1].p._mdf)&&this.feFlood.setAttribute("flood-opacity",this.filterManager.effectElements[1].p.v/255),t||this.filterManager.effectElements[2].p._mdf||this.filterManager.effectElements[3].p._mdf){var r=this.filterManager.effectElements[3].p.v,i=(this.filterManager.effectElements[2].p.v-90)*degToRads,s=r*Math.cos(i),a=r*Math.sin(i);this.feOffset.setAttribute("dx",s),this.feOffset.setAttribute("dy",a)}}};var _svgMatteSymbols=[];function SVGMatte3Effect(t,e,r){this.initialized=!1,this.filterManager=e,this.filterElem=t,this.elem=r,r.matteElement=createNS("g"),r.matteElement.appendChild(r.layerElement),r.matteElement.appendChild(r.transformedElement),r.baseElement=r.matteElement}function SVGGaussianBlurEffect(t,e){t.setAttribute("x","-100%"),t.setAttribute("y","-100%"),t.setAttribute("width","300%"),t.setAttribute("height","300%"),this.filterManager=e;var r=createNS("feGaussianBlur");t.appendChild(r),this.feGaussianBlur=r}SVGMatte3Effect.prototype.findSymbol=function(t){for(var e=0,r=_svgMatteSymbols.length;e<r;){if(_svgMatteSymbols[e]===t)return _svgMatteSymbols[e];e+=1}return null},SVGMatte3Effect.prototype.replaceInParent=function(t,e){var r=t.layerElement.parentNode;if(r){for(var i,s=r.children,a=0,n=s.length;a<n&&s[a]!==t.layerElement;)a+=1;a<=n-2&&(i=s[a+1]);var o=createNS("use");o.setAttribute("href","#"+e),i?r.insertBefore(o,i):r.appendChild(o)}},SVGMatte3Effect.prototype.setElementAsMask=function(t,e){if(!this.findSymbol(e)){var r=createElementID(),i=createNS("mask");i.setAttribute("id",e.layerId),i.setAttribute("mask-type","alpha"),_svgMatteSymbols.push(e);var s=t.globalData.defs;s.appendChild(i);var a=createNS("symbol");a.setAttribute("id",r),this.replaceInParent(e,r),a.appendChild(e.layerElement),s.appendChild(a);var n=createNS("use");n.setAttribute("href","#"+r),i.appendChild(n),e.data.hd=!1,e.show()}t.setMatte(e.layerId)},SVGMatte3Effect.prototype.initialize=function(){for(var t=this.filterManager.effectElements[0].p.v,e=this.elem.comp.elements,r=0,i=e.length;r<i;)e[r]&&e[r].data.ind===t&&this.setElementAsMask(this.elem,e[r]),r+=1;this.initialized=!0},SVGMatte3Effect.prototype.renderFrame=function(){this.initialized||this.initialize()},SVGGaussianBlurEffect.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=.3*this.filterManager.effectElements[0].p.v,r=this.filterManager.effectElements[1].p.v,i=3==r?0:e,s=2==r?0:e;this.feGaussianBlur.setAttribute("stdDeviation",i+" "+s);var a=1==this.filterManager.effectElements[2].p.v?"wrap":"duplicate";this.feGaussianBlur.setAttribute("edgeMode",a)}};var registeredEffects={};function SVGEffects(t){var e,r,i=t.data.ef?t.data.ef.length:0,s=createElementID(),a=filtersFactory.createFilter(s,!0),n=0;for(this.filters=[],e=0;e<i;e+=1){r=null;var o=t.data.ef[e].ty;if(registeredEffects[o])r=new(0,registeredEffects[o].effect)(a,t.effectsManager.effectElements[e],t),registeredEffects[o].countsAsEffect&&(n+=1);20===t.data.ef[e].ty?(n+=1,r=new SVGTintFilter(a,t.effectsManager.effectElements[e])):21===t.data.ef[e].ty?(n+=1,r=new SVGFillFilter(a,t.effectsManager.effectElements[e])):22===t.data.ef[e].ty?r=new SVGStrokeEffect(t,t.effectsManager.effectElements[e]):23===t.data.ef[e].ty?(n+=1,r=new SVGTritoneFilter(a,t.effectsManager.effectElements[e])):24===t.data.ef[e].ty?(n+=1,r=new SVGProLevelsFilter(a,t.effectsManager.effectElements[e])):25===t.data.ef[e].ty?(n+=1,r=new SVGDropShadowEffect(a,t.effectsManager.effectElements[e])):28===t.data.ef[e].ty?r=new SVGMatte3Effect(a,t.effectsManager.effectElements[e],t):29===t.data.ef[e].ty&&(n+=1,r=new SVGGaussianBlurEffect(a,t.effectsManager.effectElements[e])),r&&this.filters.push(r)}n&&(t.globalData.defs.appendChild(a),t.layerElement.setAttribute("filter","url("+getLocationHref()+"#"+s+")")),this.filters.length&&t.addRenderableComponent(this)}function registerEffect(t,e,r){registeredEffects[t]={effect:e,countsAsEffect:r}}function SVGBaseElement(){}function HierarchyElement(){}function RenderableDOMElement(){}function IImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,r),this.sourceRect={top:0,left:0,width:this.assetData.w,height:this.assetData.h}}function ProcessedElement(t,e){this.elem=t,this.pos=e}function IShapeElement(){}SVGEffects.prototype.renderFrame=function(t){var e,r=this.filters.length;for(e=0;e<r;e+=1)this.filters[e].renderFrame(t)},SVGBaseElement.prototype={initRendererElement:function(){this.layerElement=createNS("g")},createContainerElements:function(){this.matteElement=createNS("g"),this.transformedElement=this.layerElement,this.maskedElement=this.layerElement,this._sizeChanged=!1;var t,e,r,i=null;if(this.data.td){if(3==this.data.td||1==this.data.td){var s=createNS("mask");s.setAttribute("id",this.layerId),s.setAttribute("mask-type",3==this.data.td?"luminance":"alpha"),s.appendChild(this.layerElement),i=s,this.globalData.defs.appendChild(s),featureSupport.maskType||1!=this.data.td||(s.setAttribute("mask-type","luminance"),t=createElementID(),e=filtersFactory.createFilter(t),this.globalData.defs.appendChild(e),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),(r=createNS("g")).appendChild(this.layerElement),i=r,s.appendChild(r),r.setAttribute("filter","url("+getLocationHref()+"#"+t+")"))}else if(2==this.data.td){var a=createNS("mask");a.setAttribute("id",this.layerId),a.setAttribute("mask-type","alpha");var n=createNS("g");a.appendChild(n),t=createElementID(),e=filtersFactory.createFilter(t);var o=createNS("feComponentTransfer");o.setAttribute("in","SourceGraphic"),e.appendChild(o);var h=createNS("feFuncA");h.setAttribute("type","table"),h.setAttribute("tableValues","1.0 0.0"),o.appendChild(h),this.globalData.defs.appendChild(e);var l=createNS("rect");l.setAttribute("width",this.comp.data.w),l.setAttribute("height",this.comp.data.h),l.setAttribute("x","0"),l.setAttribute("y","0"),l.setAttribute("fill","#ffffff"),l.setAttribute("opacity","0"),n.setAttribute("filter","url("+getLocationHref()+"#"+t+")"),n.appendChild(l),n.appendChild(this.layerElement),i=n,featureSupport.maskType||(a.setAttribute("mask-type","luminance"),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),r=createNS("g"),n.appendChild(l),r.appendChild(this.layerElement),i=r,n.appendChild(r)),this.globalData.defs.appendChild(a)}}else this.data.tt?(this.matteElement.appendChild(this.layerElement),i=this.matteElement,this.baseElement=this.matteElement):this.baseElement=this.layerElement;if(this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0===this.data.ty&&!this.data.hd){var p=createNS("clipPath"),f=createNS("path");f.setAttribute("d","M0,0 L"+this.data.w+",0 L"+this.data.w+","+this.data.h+" L0,"+this.data.h+"z");var m=createElementID();if(p.setAttribute("id",m),p.appendChild(f),this.globalData.defs.appendChild(p),this.checkMasks()){var c=createNS("g");c.setAttribute("clip-path","url("+getLocationHref()+"#"+m+")"),c.appendChild(this.layerElement),this.transformedElement=c,i?i.appendChild(this.transformedElement):this.baseElement=this.transformedElement}else this.layerElement.setAttribute("clip-path","url("+getLocationHref()+"#"+m+")")}0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&this.transformedElement.setAttribute("transform",this.finalTransform.mat.to2dCSS()),this.finalTransform._opMdf&&this.transformedElement.setAttribute("opacity",this.finalTransform.mProp.o.v)},destroyBaseElement:function(){this.layerElement=null,this.matteElement=null,this.maskManager.destroy()},getBaseElement:function(){return this.data.hd?null:this.baseElement},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData),this.renderableEffectsManager=new SVGEffects(this)},setMatte:function(t){this.matteElement&&this.matteElement.setAttribute("mask","url("+getLocationHref()+"#"+t+")")}},HierarchyElement.prototype={initHierarchy:function(){this.hierarchy=[],this._isParent=!1,this.checkParenting()},setHierarchy:function(t){this.hierarchy=t},setAsParent:function(){this._isParent=!0},checkParenting:function(){void 0!==this.data.parent&&this.comp.buildElementParenting(this,this.data.parent,[])}},extendPrototype([RenderableElement,createProxyFunction({initElement:function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide()},hide:function(){this.hidden||this.isInRange&&!this.isTransparent||((this.baseElement||this.layerElement).style.display="none",this.hidden=!0)},show:function(){this.isInRange&&!this.isTransparent&&(this.data.hd||((this.baseElement||this.layerElement).style.display="block"),this.hidden=!1,this._isFirstFrame=!0)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},renderInnerContent:function(){},prepareFrame:function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.checkTransparency()},destroy:function(){this.innerElem=null,this.destroyBaseElement()}})],RenderableDOMElement),extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],IImageElement),IImageElement.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData);this.innerElem=createNS("image"),this.innerElem.setAttribute("width",this.assetData.w+"px"),this.innerElem.setAttribute("height",this.assetData.h+"px"),this.innerElem.setAttribute("preserveAspectRatio",this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio),this.innerElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.innerElem)},IImageElement.prototype.sourceRectAtTime=function(){return this.sourceRect},IShapeElement.prototype={addShapeToModifiers:function(t){var e,r=this.shapeModifiers.length;for(e=0;e<r;e+=1)this.shapeModifiers[e].addShape(t)},isShapeInAnimatedModifiers:function(t){for(var e=this.shapeModifiers.length;0<e;)if(this.shapeModifiers[0].isAnimatedWithShape(t))return!0;return!1},renderModifiers:function(){if(this.shapeModifiers.length){var t,e=this.shapes.length;for(t=0;t<e;t+=1)this.shapes[t].sh.reset();for(t=(e=this.shapeModifiers.length)-1;t>=0&&!this.shapeModifiers[t].processShapes(this._isFirstFrame);t-=1);}},searchProcessedElement:function(t){for(var e=this.processedElements,r=0,i=e.length;r<i;){if(e[r].elem===t)return e[r].pos;r+=1}return 0},addProcessedElement:function(t,e){for(var r=this.processedElements,i=r.length;i;)if(r[i-=1].elem===t)return void(r[i].pos=e);r.push(new ProcessedElement(t,e))},prepareFrame:function(t){this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange)}};var lineCapEnum={1:"butt",2:"round",3:"square"},lineJoinEnum={1:"miter",2:"round",3:"bevel"};function SVGShapeData(t,e,r){this.caches=[],this.styles=[],this.transformers=t,this.lStr="",this.sh=r,this.lvl=e,this._isAnimated=!!r.k;for(var i=0,s=t.length;i<s;){if(t[i].mProps.dynamicProperties.length){this._isAnimated=!0;break}i+=1}}function SVGStyleData(t,e){this.data=t,this.type=t.ty,this.d="",this.lvl=e,this._mdf=!1,this.closed=!0===t.hd,this.pElem=createNS("path"),this.msElem=null}function DashProperty(t,e,r,i){var s;this.elem=t,this.frameId=-1,this.dataProps=createSizedArray(e.length),this.renderer=r,this.k=!1,this.dashStr="",this.dashArray=createTypedArray("float32",e.length?e.length-1:0),this.dashoffset=createTypedArray("float32",1),this.initDynamicPropertyContainer(i);var a,n=e.length||0;for(s=0;s<n;s+=1)a=PropertyFactory.getProp(t,e[s].v,0,0,this),this.k=a.k||this.k,this.dataProps[s]={n:e[s].n,p:a};this.k||this.getValue(!0),this._isAnimated=this.k}function SVGStrokeStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.w=PropertyFactory.getProp(t,e.w,0,null,this),this.d=new DashProperty(t,e.d||{},"svg",this),this.c=PropertyFactory.getProp(t,e.c,1,255,this),this.style=r,this._isAnimated=!!this._isAnimated}function SVGFillStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.c=PropertyFactory.getProp(t,e.c,1,255,this),this.style=r}function SVGNoStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.style=r}function GradientProperty(t,e,r){this.data=e,this.c=createTypedArray("uint8c",4*e.p);var i=e.k.k[0].s?e.k.k[0].s.length-4*e.p:e.k.k.length-4*e.p;this.o=createTypedArray("float32",i),this._cmdf=!1,this._omdf=!1,this._collapsable=this.checkCollapsable(),this._hasOpacity=i,this.initDynamicPropertyContainer(r),this.prop=PropertyFactory.getProp(t,e.k,1,null,this),this.k=this.prop.k,this.getValue(!0)}function SVGGradientFillStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.initGradientData(t,e,r)}function SVGGradientStrokeStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.w=PropertyFactory.getProp(t,e.w,0,null,this),this.d=new DashProperty(t,e.d||{},"svg",this),this.initGradientData(t,e,r),this._isAnimated=!!this._isAnimated}function ShapeGroupData(){this.it=[],this.prevViewData=[],this.gr=createNS("g")}function SVGTransformData(t,e,r){this.transform={mProps:t,op:e,container:r},this.elements=[],this._isAnimated=this.transform.mProps.dynamicProperties.length||this.transform.op.effectsSequence.length}SVGShapeData.prototype.setAsAnimated=function(){this._isAnimated=!0},SVGStyleData.prototype.reset=function(){this.d="",this._mdf=!1},DashProperty.prototype.getValue=function(t){if((this.elem.globalData.frameId!==this.frameId||t)&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf=this._mdf||t,this._mdf)){var e=0,r=this.dataProps.length;for("svg"===this.renderer&&(this.dashStr=""),e=0;e<r;e+=1)"o"!==this.dataProps[e].n?"svg"===this.renderer?this.dashStr+=" "+this.dataProps[e].p.v:this.dashArray[e]=this.dataProps[e].p.v:this.dashoffset[0]=this.dataProps[e].p.v}},extendPrototype([DynamicPropertyContainer],DashProperty),extendPrototype([DynamicPropertyContainer],SVGStrokeStyleData),extendPrototype([DynamicPropertyContainer],SVGFillStyleData),extendPrototype([DynamicPropertyContainer],SVGNoStyleData),GradientProperty.prototype.comparePoints=function(t,e){for(var r=0,i=this.o.length/2;r<i;){if(Math.abs(t[4*r]-t[4*e+2*r])>.01)return!1;r+=1}return!0},GradientProperty.prototype.checkCollapsable=function(){if(this.o.length/2!=this.c.length/4)return!1;if(this.data.k.k[0].s)for(var t=0,e=this.data.k.k.length;t<e;){if(!this.comparePoints(this.data.k.k[t].s,this.data.p))return!1;t+=1}else if(!this.comparePoints(this.data.k.k,this.data.p))return!1;return!0},GradientProperty.prototype.getValue=function(t){if(this.prop.getValue(),this._mdf=!1,this._cmdf=!1,this._omdf=!1,this.prop._mdf||t){var e,r,i,s=4*this.data.p;for(e=0;e<s;e+=1)r=e%4==0?100:255,i=Math.round(this.prop.v[e]*r),this.c[e]!==i&&(this.c[e]=i,this._cmdf=!t);if(this.o.length)for(s=this.prop.v.length,e=4*this.data.p;e<s;e+=1)r=e%2==0?100:1,i=e%2==0?Math.round(100*this.prop.v[e]):this.prop.v[e],this.o[e-4*this.data.p]!==i&&(this.o[e-4*this.data.p]=i,this._omdf=!t);this._mdf=!t}},extendPrototype([DynamicPropertyContainer],GradientProperty),SVGGradientFillStyleData.prototype.initGradientData=function(t,e,r){this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.s=PropertyFactory.getProp(t,e.s,1,null,this),this.e=PropertyFactory.getProp(t,e.e,1,null,this),this.h=PropertyFactory.getProp(t,e.h||{k:0},0,.01,this),this.a=PropertyFactory.getProp(t,e.a||{k:0},0,degToRads,this),this.g=new GradientProperty(t,e.g,this),this.style=r,this.stops=[],this.setGradientData(r.pElem,e),this.setGradientOpacity(e,r),this._isAnimated=!!this._isAnimated},SVGGradientFillStyleData.prototype.setGradientData=function(t,e){var r=createElementID(),i=createNS(1===e.t?"linearGradient":"radialGradient");i.setAttribute("id",r),i.setAttribute("spreadMethod","pad"),i.setAttribute("gradientUnits","userSpaceOnUse");var s,a,n,o=[];for(n=4*e.g.p,a=0;a<n;a+=4)s=createNS("stop"),i.appendChild(s),o.push(s);t.setAttribute("gf"===e.ty?"fill":"stroke","url("+getLocationHref()+"#"+r+")"),this.gf=i,this.cst=o},SVGGradientFillStyleData.prototype.setGradientOpacity=function(t,e){if(this.g._hasOpacity&&!this.g._collapsable){var r,i,s,a=createNS("mask"),n=createNS("path");a.appendChild(n);var o=createElementID(),h=createElementID();a.setAttribute("id",h);var l=createNS(1===t.t?"linearGradient":"radialGradient");l.setAttribute("id",o),l.setAttribute("spreadMethod","pad"),l.setAttribute("gradientUnits","userSpaceOnUse"),s=t.g.k.k[0].s?t.g.k.k[0].s.length:t.g.k.k.length;var p=this.stops;for(i=4*t.g.p;i<s;i+=2)(r=createNS("stop")).setAttribute("stop-color","rgb(255,255,255)"),l.appendChild(r),p.push(r);n.setAttribute("gf"===t.ty?"fill":"stroke","url("+getLocationHref()+"#"+o+")"),"gs"===t.ty&&(n.setAttribute("stroke-linecap",lineCapEnum[t.lc||2]),n.setAttribute("stroke-linejoin",lineJoinEnum[t.lj||2]),1===t.lj&&n.setAttribute("stroke-miterlimit",t.ml)),this.of=l,this.ms=a,this.ost=p,this.maskId=h,e.msElem=n}},extendPrototype([DynamicPropertyContainer],SVGGradientFillStyleData),extendPrototype([SVGGradientFillStyleData,DynamicPropertyContainer],SVGGradientStrokeStyleData);var buildShapeString=function(t,e,r,i){if(0===e)return"";var s,a=t.o,n=t.i,o=t.v,h=" M"+i.applyToPointStringified(o[0][0],o[0][1]);for(s=1;s<e;s+=1)h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[s][0],n[s][1])+" "+i.applyToPointStringified(o[s][0],o[s][1]);return r&&e&&(h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[0][0],n[0][1])+" "+i.applyToPointStringified(o[0][0],o[0][1]),h+="z"),h},SVGElementsRenderer=function(){var t=new Matrix,e=new Matrix;function r(t,e,r){(r||e.transform.op._mdf)&&e.transform.container.setAttribute("opacity",e.transform.op.v),(r||e.transform.mProps._mdf)&&e.transform.container.setAttribute("transform",e.transform.mProps.v.to2dCSS())}function i(){}function s(r,i,s){var a,n,o,h,l,p,f,m,c,d,u,y=i.styles.length,g=i.lvl;for(p=0;p<y;p+=1){if(h=i.sh._mdf||s,i.styles[p].lvl<g){for(m=e.reset(),d=g-i.styles[p].lvl,u=i.transformers.length-1;!h&&d>0;)h=i.transformers[u].mProps._mdf||h,d-=1,u-=1;if(h)for(d=g-i.styles[p].lvl,u=i.transformers.length-1;d>0;)c=i.transformers[u].mProps.v.props,m.transform(c[0],c[1],c[2],c[3],c[4],c[5],c[6],c[7],c[8],c[9],c[10],c[11],c[12],c[13],c[14],c[15]),d-=1,u-=1}else m=t;if(n=(f=i.sh.paths)._length,h){for(o="",a=0;a<n;a+=1)(l=f.shapes[a])&&l._length&&(o+=buildShapeString(l,l._length,l.c,m));i.caches[p]=o}else o=i.caches[p];i.styles[p].d+=!0===r.hd?"":o,i.styles[p]._mdf=h||i.styles[p]._mdf}}function a(t,e,r){var i=e.style;(e.c._mdf||r)&&i.pElem.setAttribute("fill","rgb("+bmFloor(e.c.v[0])+","+bmFloor(e.c.v[1])+","+bmFloor(e.c.v[2])+")"),(e.o._mdf||r)&&i.pElem.setAttribute("fill-opacity",e.o.v)}function n(t,e,r){o(t,e,r),h(t,e,r)}function o(t,e,r){var i,s,a,n,o,h=e.gf,l=e.g._hasOpacity,p=e.s.v,f=e.e.v;if(e.o._mdf||r){var m="gf"===t.ty?"fill-opacity":"stroke-opacity";e.style.pElem.setAttribute(m,e.o.v)}if(e.s._mdf||r){var c=1===t.t?"x1":"cx",d="x1"===c?"y1":"cy";h.setAttribute(c,p[0]),h.setAttribute(d,p[1]),l&&!e.g._collapsable&&(e.of.setAttribute(c,p[0]),e.of.setAttribute(d,p[1]))}if(e.g._cmdf||r){i=e.cst;var u=e.g.c;for(a=i.length,s=0;s<a;s+=1)(n=i[s]).setAttribute("offset",u[4*s]+"%"),n.setAttribute("stop-color","rgb("+u[4*s+1]+","+u[4*s+2]+","+u[4*s+3]+")")}if(l&&(e.g._omdf||r)){var y=e.g.o;for(a=(i=e.g._collapsable?e.cst:e.ost).length,s=0;s<a;s+=1)n=i[s],e.g._collapsable||n.setAttribute("offset",y[2*s]+"%"),n.setAttribute("stop-opacity",y[2*s+1])}if(1===t.t)(e.e._mdf||r)&&(h.setAttribute("x2",f[0]),h.setAttribute("y2",f[1]),l&&!e.g._collapsable&&(e.of.setAttribute("x2",f[0]),e.of.setAttribute("y2",f[1])));else if((e.s._mdf||e.e._mdf||r)&&(o=Math.sqrt(Math.pow(p[0]-f[0],2)+Math.pow(p[1]-f[1],2)),h.setAttribute("r",o),l&&!e.g._collapsable&&e.of.setAttribute("r",o)),e.e._mdf||e.h._mdf||e.a._mdf||r){o||(o=Math.sqrt(Math.pow(p[0]-f[0],2)+Math.pow(p[1]-f[1],2)));var g=Math.atan2(f[1]-p[1],f[0]-p[0]),v=e.h.v;v>=1?v=.99:v<=-1&&(v=-.99);var b=o*v,P=Math.cos(g+e.a.v)*b+p[0],E=Math.sin(g+e.a.v)*b+p[1];h.setAttribute("fx",P),h.setAttribute("fy",E),l&&!e.g._collapsable&&(e.of.setAttribute("fx",P),e.of.setAttribute("fy",E))}}function h(t,e,r){var i=e.style,s=e.d;s&&(s._mdf||r)&&s.dashStr&&(i.pElem.setAttribute("stroke-dasharray",s.dashStr),i.pElem.setAttribute("stroke-dashoffset",s.dashoffset[0])),e.c&&(e.c._mdf||r)&&i.pElem.setAttribute("stroke","rgb("+bmFloor(e.c.v[0])+","+bmFloor(e.c.v[1])+","+bmFloor(e.c.v[2])+")"),(e.o._mdf||r)&&i.pElem.setAttribute("stroke-opacity",e.o.v),(e.w._mdf||r)&&(i.pElem.setAttribute("stroke-width",e.w.v),i.msElem&&i.msElem.setAttribute("stroke-width",e.w.v))}return{createRenderFunction:function(t){switch(t.ty){case"fl":return a;case"gf":return o;case"gs":return n;case"st":return h;case"sh":case"el":case"rc":case"sr":return s;case"tr":return r;case"no":return i;default:return null}}}}();function SVGShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.initElement(t,e,r),this.prevViewData=[]}function LetterProps(t,e,r,i,s,a){this.o=t,this.sw=e,this.sc=r,this.fc=i,this.m=s,this.p=a,this._mdf={o:!0,sw:!!e,sc:!!r,fc:!!i,m:!0,p:!0}}function TextProperty(t,e){this._frameId=initialDefaultFrame,this.pv="",this.v="",this.kf=!1,this._isFirstFrame=!0,this._mdf=!1,this.data=e,this.elem=t,this.comp=this.elem.comp,this.keysIndex=0,this.canResize=!1,this.minimumFontSize=1,this.effectsSequence=[],this.currentData={ascent:0,boxWidth:this.defaultBoxWidth,f:"",fStyle:"",fWeight:"",fc:"",j:"",justifyOffset:"",l:[],lh:0,lineWidths:[],ls:"",of:"",s:"",sc:"",sw:0,t:0,tr:0,sz:0,ps:null,fillColorAnim:!1,strokeColorAnim:!1,strokeWidthAnim:!1,yOffset:0,finalSize:0,finalText:[],finalLineHeight:0,__complete:!1},this.copyData(this.currentData,this.data.d.k[0].s),this.searchProperty()||this.completeTextData(this.currentData)}extendPrototype([BaseElement,TransformElement,SVGBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableDOMElement],SVGShapeElement),SVGShapeElement.prototype.initSecondaryElement=function(){},SVGShapeElement.prototype.identityMatrix=new Matrix,SVGShapeElement.prototype.buildExpressionInterface=function(){},SVGShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes()},SVGShapeElement.prototype.filterUniqueShapes=function(){var t,e,r,i,s=this.shapes.length,a=this.stylesList.length,n=[],o=!1;for(r=0;r<a;r+=1){for(i=this.stylesList[r],o=!1,n.length=0,t=0;t<s;t+=1)-1!==(e=this.shapes[t]).styles.indexOf(i)&&(n.push(e),o=e._isAnimated||o);n.length>1&&o&&this.setShapesAsAnimated(n)}},SVGShapeElement.prototype.setShapesAsAnimated=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e].setAsAnimated()},SVGShapeElement.prototype.createStyleElement=function(t,e){var r,i=new SVGStyleData(t,e),s=i.pElem;if("st"===t.ty)r=new SVGStrokeStyleData(this,t,i);else if("fl"===t.ty)r=new SVGFillStyleData(this,t,i);else if("gf"===t.ty||"gs"===t.ty){r=new("gf"===t.ty?SVGGradientFillStyleData:SVGGradientStrokeStyleData)(this,t,i),this.globalData.defs.appendChild(r.gf),r.maskId&&(this.globalData.defs.appendChild(r.ms),this.globalData.defs.appendChild(r.of),s.setAttribute("mask","url("+getLocationHref()+"#"+r.maskId+")"))}else"no"===t.ty&&(r=new SVGNoStyleData(this,t,i));return"st"!==t.ty&&"gs"!==t.ty||(s.setAttribute("stroke-linecap",lineCapEnum[t.lc||2]),s.setAttribute("stroke-linejoin",lineJoinEnum[t.lj||2]),s.setAttribute("fill-opacity","0"),1===t.lj&&s.setAttribute("stroke-miterlimit",t.ml)),2===t.r&&s.setAttribute("fill-rule","evenodd"),t.ln&&s.setAttribute("id",t.ln),t.cl&&s.setAttribute("class",t.cl),t.bm&&(s.style["mix-blend-mode"]=getBlendMode(t.bm)),this.stylesList.push(i),this.addToAnimatedContents(t,r),r},SVGShapeElement.prototype.createGroupElement=function(t){var e=new ShapeGroupData;return t.ln&&e.gr.setAttribute("id",t.ln),t.cl&&e.gr.setAttribute("class",t.cl),t.bm&&(e.gr.style["mix-blend-mode"]=getBlendMode(t.bm)),e},SVGShapeElement.prototype.createTransformElement=function(t,e){var r=TransformPropertyFactory.getTransformProperty(this,t,this),i=new SVGTransformData(r,r.o,e);return this.addToAnimatedContents(t,i),i},SVGShapeElement.prototype.createShapeElement=function(t,e,r){var i=4;"rc"===t.ty?i=5:"el"===t.ty?i=6:"sr"===t.ty&&(i=7);var s=new SVGShapeData(e,r,ShapePropertyFactory.getShapeProp(this,t,i,this));return this.shapes.push(s),this.addShapeToModifiers(s),this.addToAnimatedContents(t,s),s},SVGShapeElement.prototype.addToAnimatedContents=function(t,e){for(var r=0,i=this.animatedContents.length;r<i;){if(this.animatedContents[r].element===e)return;r+=1}this.animatedContents.push({fn:SVGElementsRenderer.createRenderFunction(t),element:e,data:t})},SVGShapeElement.prototype.setElementStyles=function(t){var e,r=t.styles,i=this.stylesList.length;for(e=0;e<i;e+=1)this.stylesList[e].closed||r.push(this.stylesList[e])},SVGShapeElement.prototype.reloadShapes=function(){var t;this._isFirstFrame=!0;var e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes(),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers()},SVGShapeElement.prototype.searchShapes=function(t,e,r,i,s,a,n){var o,h,l,p,f,m,c=[].concat(a),d=t.length-1,u=[],y=[];for(o=d;o>=0;o-=1){if((m=this.searchProcessedElement(t[o]))?e[o]=r[m-1]:t[o]._render=n,"fl"===t[o].ty||"st"===t[o].ty||"gf"===t[o].ty||"gs"===t[o].ty||"no"===t[o].ty)m?e[o].style.closed=!1:e[o]=this.createStyleElement(t[o],s),t[o]._render&&e[o].style.pElem.parentNode!==i&&i.appendChild(e[o].style.pElem),u.push(e[o].style);else if("gr"===t[o].ty){if(m)for(l=e[o].it.length,h=0;h<l;h+=1)e[o].prevViewData[h]=e[o].it[h];else e[o]=this.createGroupElement(t[o]);this.searchShapes(t[o].it,e[o].it,e[o].prevViewData,e[o].gr,s+1,c,n),t[o]._render&&e[o].gr.parentNode!==i&&i.appendChild(e[o].gr)}else"tr"===t[o].ty?(m||(e[o]=this.createTransformElement(t[o],i)),p=e[o].transform,c.push(p)):"sh"===t[o].ty||"rc"===t[o].ty||"el"===t[o].ty||"sr"===t[o].ty?(m||(e[o]=this.createShapeElement(t[o],c,s)),this.setElementStyles(e[o])):"tm"===t[o].ty||"rd"===t[o].ty||"ms"===t[o].ty||"pb"===t[o].ty?(m?(f=e[o]).closed=!1:((f=ShapeModifiers.getModifier(t[o].ty)).init(this,t[o]),e[o]=f,this.shapeModifiers.push(f)),y.push(f)):"rp"===t[o].ty&&(m?(f=e[o]).closed=!0:(f=ShapeModifiers.getModifier(t[o].ty),e[o]=f,f.init(this,t,o,e),this.shapeModifiers.push(f),n=!1),y.push(f));this.addProcessedElement(t[o],o+1)}for(d=u.length,o=0;o<d;o+=1)u[o].closed=!0;for(d=y.length,o=0;o<d;o+=1)y[o].closed=!0},SVGShapeElement.prototype.renderInnerContent=function(){var t;this.renderModifiers();var e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].reset();for(this.renderShape(),t=0;t<e;t+=1)(this.stylesList[t]._mdf||this._isFirstFrame)&&(this.stylesList[t].msElem&&(this.stylesList[t].msElem.setAttribute("d",this.stylesList[t].d),this.stylesList[t].d="M0 0"+this.stylesList[t].d),this.stylesList[t].pElem.setAttribute("d",this.stylesList[t].d||"M0 0"))},SVGShapeElement.prototype.renderShape=function(){var t,e,r=this.animatedContents.length;for(t=0;t<r;t+=1)e=this.animatedContents[t],(this._isFirstFrame||e.element._isAnimated)&&!0!==e.data&&e.fn(e.data,e.element,this._isFirstFrame)},SVGShapeElement.prototype.destroy=function(){this.destroyBaseElement(),this.shapesData=null,this.itemsData=null},LetterProps.prototype.update=function(t,e,r,i,s,a){this._mdf.o=!1,this._mdf.sw=!1,this._mdf.sc=!1,this._mdf.fc=!1,this._mdf.m=!1,this._mdf.p=!1;var n=!1;return this.o!==t&&(this.o=t,this._mdf.o=!0,n=!0),this.sw!==e&&(this.sw=e,this._mdf.sw=!0,n=!0),this.sc!==r&&(this.sc=r,this._mdf.sc=!0,n=!0),this.fc!==i&&(this.fc=i,this._mdf.fc=!0,n=!0),this.m!==s&&(this.m=s,this._mdf.m=!0,n=!0),!a.length||this.p[0]===a[0]&&this.p[1]===a[1]&&this.p[4]===a[4]&&this.p[5]===a[5]&&this.p[12]===a[12]&&this.p[13]===a[13]||(this.p=a,this._mdf.p=!0,n=!0),n},TextProperty.prototype.defaultBoxWidth=[0,0],TextProperty.prototype.copyData=function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t},TextProperty.prototype.setCurrentData=function(t){t.__complete||this.completeTextData(t),this.currentData=t,this.currentData.boxWidth=this.currentData.boxWidth||this.defaultBoxWidth,this._mdf=!0},TextProperty.prototype.searchProperty=function(){return this.searchKeyframes()},TextProperty.prototype.searchKeyframes=function(){return this.kf=this.data.d.k.length>1,this.kf&&this.addEffect(this.getKeyframeValue.bind(this)),this.kf},TextProperty.prototype.addEffect=function(t){this.effectsSequence.push(t),this.elem.addDynamicProperty(this)},TextProperty.prototype.getValue=function(t){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length||t){this.currentData.t=this.data.d.k[this.keysIndex].s.t;var e=this.currentData,r=this.keysIndex;if(this.lock)this.setCurrentData(this.currentData);else{var i;this.lock=!0,this._mdf=!1;var s=this.effectsSequence.length,a=t||this.data.d.k[this.keysIndex].s;for(i=0;i<s;i+=1)a=r!==this.keysIndex?this.effectsSequence[i](a,a.t):this.effectsSequence[i](this.currentData,a.t);e!==a&&this.setCurrentData(a),this.v=this.currentData,this.pv=this.v,this.lock=!1,this.frameId=this.elem.globalData.frameId}}},TextProperty.prototype.getKeyframeValue=function(){for(var t=this.data.d.k,e=this.elem.comp.renderedFrame,r=0,i=t.length;r<=i-1&&!(r===i-1||t[r+1].t>e);)r+=1;return this.keysIndex!==r&&(this.keysIndex=r),this.data.d.k[this.keysIndex].s},TextProperty.prototype.buildFinalText=function(t){for(var e,r,i=[],s=0,a=t.length,n=!1;s<a;)e=t.charCodeAt(s),FontManager.isCombinedCharacter(e)?i[i.length-1]+=t.charAt(s):e>=55296&&e<=56319?(r=t.charCodeAt(s+1))>=56320&&r<=57343?(n||FontManager.isModifier(e,r)?(i[i.length-1]+=t.substr(s,2),n=!1):i.push(t.substr(s,2)),s+=1):i.push(t.charAt(s)):e>56319?(r=t.charCodeAt(s+1),FontManager.isZeroWidthJoiner(e,r)?(n=!0,i[i.length-1]+=t.substr(s,2),s+=1):i.push(t.charAt(s))):FontManager.isZeroWidthJoiner(e)?(i[i.length-1]+=t.charAt(s),n=!0):i.push(t.charAt(s)),s+=1;return i},TextProperty.prototype.completeTextData=function(t){t.__complete=!0;var e,r,i,s,a,n,o,h=this.elem.globalData.fontManager,l=this.data,p=[],f=0,m=l.m.g,c=0,d=0,u=0,y=[],g=0,v=0,b=h.getFontByName(t.f),P=0,E=getFontProperties(b);t.fWeight=E.weight,t.fStyle=E.style,t.finalSize=t.s,t.finalText=this.buildFinalText(t.t),r=t.finalText.length,t.finalLineHeight=t.lh;var x,S=t.tr/1e3*t.finalSize;if(t.sz)for(var C,A,_=!0,T=t.sz[0],k=t.sz[1];_;){C=0,g=0,r=(A=this.buildFinalText(t.t)).length,S=t.tr/1e3*t.finalSize;var D=-1;for(e=0;e<r;e+=1)x=A[e].charCodeAt(0),i=!1," "===A[e]?D=e:13!==x&&3!==x||(g=0,i=!0,C+=t.finalLineHeight||1.2*t.finalSize),h.chars?(o=h.getCharData(A[e],b.fStyle,b.fFamily),P=i?0:o.w*t.finalSize/100):P=h.measureText(A[e],t.f,t.finalSize),g+P>T&&" "!==A[e]?(-1===D?r+=1:e=D,C+=t.finalLineHeight||1.2*t.finalSize,A.splice(e,D===e?1:0,"\r"),D=-1,g=0):(g+=P,g+=S);C+=b.ascent*t.finalSize/100,this.canResize&&t.finalSize>this.minimumFontSize&&k<C?(t.finalSize-=1,t.finalLineHeight=t.finalSize*t.lh/t.s):(t.finalText=A,r=t.finalText.length,_=!1)}g=-S,P=0;var M,F=0;for(e=0;e<r;e+=1)if(i=!1,13===(x=(M=t.finalText[e]).charCodeAt(0))||3===x?(F=0,y.push(g),v=g>v?g:v,g=-2*S,s="",i=!0,u+=1):s=M,h.chars?(o=h.getCharData(M,b.fStyle,h.getFontByName(t.f).fFamily),P=i?0:o.w*t.finalSize/100):P=h.measureText(s,t.f,t.finalSize)," "===M?F+=P+S:(g+=P+S+F,F=0),p.push({l:P,an:P,add:c,n:i,anIndexes:[],val:s,line:u,animatorJustifyOffset:0}),2==m){if(c+=P,""===s||" "===s||e===r-1){for(""!==s&&" "!==s||(c-=P);d<=e;)p[d].an=c,p[d].ind=f,p[d].extra=P,d+=1;f+=1,c=0}}else if(3==m){if(c+=P,""===s||e===r-1){for(""===s&&(c-=P);d<=e;)p[d].an=c,p[d].ind=f,p[d].extra=P,d+=1;c=0,f+=1}}else p[f].ind=f,p[f].extra=0,f+=1;if(t.l=p,v=g>v?g:v,y.push(g),t.sz)t.boxWidth=t.sz[0],t.justifyOffset=0;else switch(t.boxWidth=v,t.j){case 1:t.justifyOffset=-t.boxWidth;break;case 2:t.justifyOffset=-t.boxWidth/2;break;default:t.justifyOffset=0}t.lineWidths=y;var w,I,V,B,R=l.a;n=R.length;var L=[];for(a=0;a<n;a+=1){for((w=R[a]).a.sc&&(t.strokeColorAnim=!0),w.a.sw&&(t.strokeWidthAnim=!0),(w.a.fc||w.a.fh||w.a.fs||w.a.fb)&&(t.fillColorAnim=!0),B=0,V=w.s.b,e=0;e<r;e+=1)(I=p[e]).anIndexes[a]=B,(1==V&&""!==I.val||2==V&&""!==I.val&&" "!==I.val||3==V&&(I.n||" "==I.val||e==r-1)||4==V&&(I.n||e==r-1))&&(1===w.s.rn&&L.push(B),B+=1);l.a[a].s.totalChars=B;var G,z=-1;if(1===w.s.rn)for(e=0;e<r;e+=1)z!=(I=p[e]).anIndexes[a]&&(z=I.anIndexes[a],G=L.splice(Math.floor(Math.random()*L.length),1)[0]),I.anIndexes[a]=G}t.yOffset=t.finalLineHeight||1.2*t.finalSize,t.ls=t.ls||0,t.ascent=b.ascent*t.finalSize/100},TextProperty.prototype.updateDocumentData=function(t,e){e=void 0===e?this.keysIndex:e;var r=this.copyData({},this.data.d.k[e].s);r=this.copyData(r,t),this.data.d.k[e].s=r,this.recalculate(e),this.elem.addDynamicProperty(this)},TextProperty.prototype.recalculate=function(t){var e=this.data.d.k[t].s;e.__complete=!1,this.keysIndex=0,this._isFirstFrame=!0,this.getValue(e)},TextProperty.prototype.canResizeFont=function(t){this.canResize=t,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)},TextProperty.prototype.setMinimumFontSize=function(t){this.minimumFontSize=Math.floor(t)||1,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)};var TextSelectorProp=function(){var t=Math.max,e=Math.min,r=Math.floor;function i(t,e){this._currentTextLength=-1,this.k=!1,this.data=e,this.elem=t,this.comp=t.comp,this.finalS=0,this.finalE=0,this.initDynamicPropertyContainer(t),this.s=PropertyFactory.getProp(t,e.s||{k:0},0,0,this),this.e="e"in e?PropertyFactory.getProp(t,e.e,0,0,this):{v:100},this.o=PropertyFactory.getProp(t,e.o||{k:0},0,0,this),this.xe=PropertyFactory.getProp(t,e.xe||{k:0},0,0,this),this.ne=PropertyFactory.getProp(t,e.ne||{k:0},0,0,this),this.sm=PropertyFactory.getProp(t,e.sm||{k:100},0,0,this),this.a=PropertyFactory.getProp(t,e.a,0,.01,this),this.dynamicProperties.length||this.getValue()}return i.prototype={getMult:function(i){this._currentTextLength!==this.elem.textProperty.currentData.l.length&&this.getValue();var s=0,a=0,n=1,o=1;this.ne.v>0?s=this.ne.v/100:a=-this.ne.v/100,this.xe.v>0?n=1-this.xe.v/100:o=1+this.xe.v/100;var h=BezierFactory.getBezierEasing(s,a,n,o).get,l=0,p=this.finalS,f=this.finalE,m=this.data.sh;if(2===m)l=h(l=f===p?i>=f?1:0:t(0,e(.5/(f-p)+(i-p)/(f-p),1)));else if(3===m)l=h(l=f===p?i>=f?0:1:1-t(0,e(.5/(f-p)+(i-p)/(f-p),1)));else if(4===m)f===p?l=0:(l=t(0,e(.5/(f-p)+(i-p)/(f-p),1)))<.5?l*=2:l=1-2*(l-.5),l=h(l);else if(5===m){if(f===p)l=0;else{var c=f-p,d=-c/2+(i=e(t(0,i+.5-p),f-p)),u=c/2;l=Math.sqrt(1-d*d/(u*u))}l=h(l)}else 6===m?(f===p?l=0:(i=e(t(0,i+.5-p),f-p),l=(1+Math.cos(Math.PI+2*Math.PI*i/(f-p)))/2),l=h(l)):(i>=r(p)&&(l=t(0,e(i-p<0?e(f,1)-(p-i):f-i,1))),l=h(l));if(100!==this.sm.v){var y=.01*this.sm.v;0===y&&(y=1e-8);var g=.5-.5*y;l<g?l=0:(l=(l-g)/y)>1&&(l=1)}return l*this.a.v},getValue:function(t){this.iterateDynamicProperties(),this._mdf=t||this._mdf,this._currentTextLength=this.elem.textProperty.currentData.l.length||0,t&&2===this.data.r&&(this.e.v=this._currentTextLength);var e=2===this.data.r?1:100/this.data.totalChars,r=this.o.v/e,i=this.s.v/e+r,s=this.e.v/e+r;if(i>s){var a=i;i=s,s=a}this.finalS=i,this.finalE=s}},extendPrototype([DynamicPropertyContainer],i),{getTextSelectorProp:function(t,e,r){return new i(t,e,r)}}}();function TextAnimatorDataProperty(t,e,r){var i={propType:!1},s=PropertyFactory.getProp,a=e.a;this.a={r:a.r?s(t,a.r,0,degToRads,r):i,rx:a.rx?s(t,a.rx,0,degToRads,r):i,ry:a.ry?s(t,a.ry,0,degToRads,r):i,sk:a.sk?s(t,a.sk,0,degToRads,r):i,sa:a.sa?s(t,a.sa,0,degToRads,r):i,s:a.s?s(t,a.s,1,.01,r):i,a:a.a?s(t,a.a,1,0,r):i,o:a.o?s(t,a.o,0,.01,r):i,p:a.p?s(t,a.p,1,0,r):i,sw:a.sw?s(t,a.sw,0,0,r):i,sc:a.sc?s(t,a.sc,1,0,r):i,fc:a.fc?s(t,a.fc,1,0,r):i,fh:a.fh?s(t,a.fh,0,0,r):i,fs:a.fs?s(t,a.fs,0,.01,r):i,fb:a.fb?s(t,a.fb,0,.01,r):i,t:a.t?s(t,a.t,0,0,r):i},this.s=TextSelectorProp.getTextSelectorProp(t,e.s,r),this.s.t=e.s.t}function TextAnimatorProperty(t,e,r){this._isFirstFrame=!0,this._hasMaskedPath=!1,this._frameId=-1,this._textData=t,this._renderType=e,this._elem=r,this._animatorsData=createSizedArray(this._textData.a.length),this._pathData={},this._moreOptions={alignment:{}},this.renderedLetters=[],this.lettersChangedFlag=!1,this.initDynamicPropertyContainer(r)}function ITextElement(){}TextAnimatorProperty.prototype.searchProperties=function(){var t,e,r=this._textData.a.length,i=PropertyFactory.getProp;for(t=0;t<r;t+=1)e=this._textData.a[t],this._animatorsData[t]=new TextAnimatorDataProperty(this._elem,e,this);this._textData.p&&"m"in this._textData.p?(this._pathData={a:i(this._elem,this._textData.p.a,0,0,this),f:i(this._elem,this._textData.p.f,0,0,this),l:i(this._elem,this._textData.p.l,0,0,this),r:i(this._elem,this._textData.p.r,0,0,this),p:i(this._elem,this._textData.p.p,0,0,this),m:this._elem.maskManager.getMaskProperty(this._textData.p.m)},this._hasMaskedPath=!0):this._hasMaskedPath=!1,this._moreOptions.alignment=i(this._elem,this._textData.m.a,1,0,this)},TextAnimatorProperty.prototype.getMeasures=function(t,e){if(this.lettersChangedFlag=e,this._mdf||this._isFirstFrame||e||this._hasMaskedPath&&this._pathData.m._mdf){this._isFirstFrame=!1;var r,i,s,a,n,o,h,l,p,f,m,c,d,u,y,g,v,b,P,E=this._moreOptions.alignment.v,x=this._animatorsData,S=this._textData,C=this.mHelper,A=this._renderType,_=this.renderedLetters.length,T=t.l;if(this._hasMaskedPath){if(P=this._pathData.m,!this._pathData.n||this._pathData._mdf){var k,D=P.v;for(this._pathData.r.v&&(D=D.reverse()),n={tLength:0,segments:[]},a=D._length-1,g=0,s=0;s<a;s+=1)k=bez.buildBezierData(D.v[s],D.v[s+1],[D.o[s][0]-D.v[s][0],D.o[s][1]-D.v[s][1]],[D.i[s+1][0]-D.v[s+1][0],D.i[s+1][1]-D.v[s+1][1]]),n.tLength+=k.segmentLength,n.segments.push(k),g+=k.segmentLength;s=a,P.v.c&&(k=bez.buildBezierData(D.v[s],D.v[0],[D.o[s][0]-D.v[s][0],D.o[s][1]-D.v[s][1]],[D.i[0][0]-D.v[0][0],D.i[0][1]-D.v[0][1]]),n.tLength+=k.segmentLength,n.segments.push(k),g+=k.segmentLength),this._pathData.pi=n}if(n=this._pathData.pi,o=this._pathData.f.v,m=0,f=1,l=0,p=!0,u=n.segments,o<0&&P.v.c)for(n.tLength<Math.abs(o)&&(o=-Math.abs(o)%n.tLength),f=(d=u[m=u.length-1].points).length-1;o<0;)o+=d[f].partialLength,(f-=1)<0&&(f=(d=u[m-=1].points).length-1);c=(d=u[m].points)[f-1],y=(h=d[f]).partialLength}a=T.length,r=0,i=0;var M,F,w,I,V,B=1.2*t.finalSize*.714,R=!0;w=x.length;var L,G,z,N,O,H,j,q,W,$,Y,X,K=-1,J=o,Z=m,U=f,Q=-1,tt="",et=this.defaultPropsArray;if(2===t.j||1===t.j){var rt=0,it=0,st=2===t.j?-.5:-1,at=0,nt=!0;for(s=0;s<a;s+=1)if(T[s].n){for(rt&&(rt+=it);at<s;)T[at].animatorJustifyOffset=rt,at+=1;rt=0,nt=!0}else{for(F=0;F<w;F+=1)(M=x[F].a).t.propType&&(nt&&2===t.j&&(it+=M.t.v*st),(V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars)).length?rt+=M.t.v*V[0]*st:rt+=M.t.v*V*st);nt=!1}for(rt&&(rt+=it);at<s;)T[at].animatorJustifyOffset=rt,at+=1}for(s=0;s<a;s+=1){if(C.reset(),N=1,T[s].n)r=0,i+=t.yOffset,i+=R?1:0,o=J,R=!1,this._hasMaskedPath&&(f=U,c=(d=u[m=Z].points)[f-1],y=(h=d[f]).partialLength,l=0),tt="",Y="",W="",X="",et=this.defaultPropsArray;else{if(this._hasMaskedPath){if(Q!==T[s].line){switch(t.j){case 1:o+=g-t.lineWidths[T[s].line];break;case 2:o+=(g-t.lineWidths[T[s].line])/2}Q=T[s].line}K!==T[s].ind&&(T[K]&&(o+=T[K].extra),o+=T[s].an/2,K=T[s].ind),o+=E[0]*T[s].an*.005;var ot=0;for(F=0;F<w;F+=1)(M=x[F].a).p.propType&&((V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars)).length?ot+=M.p.v[0]*V[0]:ot+=M.p.v[0]*V),M.a.propType&&((V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars)).length?ot+=M.a.v[0]*V[0]:ot+=M.a.v[0]*V);for(p=!0,this._pathData.a.v&&(o=.5*T[0].an+(g-this._pathData.f.v-.5*T[0].an-.5*T[T.length-1].an)*K/(a-1),o+=this._pathData.f.v);p;)l+y>=o+ot||!d?(v=(o+ot-l)/h.partialLength,G=c.point[0]+(h.point[0]-c.point[0])*v,z=c.point[1]+(h.point[1]-c.point[1])*v,C.translate(-E[0]*T[s].an*.005,-E[1]*B*.01),p=!1):d&&(l+=h.partialLength,(f+=1)>=d.length&&(f=0,u[m+=1]?d=u[m].points:P.v.c?(f=0,d=u[m=0].points):(l-=h.partialLength,d=null)),d&&(c=h,y=(h=d[f]).partialLength));L=T[s].an/2-T[s].add,C.translate(-L,0,0)}else L=T[s].an/2-T[s].add,C.translate(-L,0,0),C.translate(-E[0]*T[s].an*.005,-E[1]*B*.01,0);for(F=0;F<w;F+=1)(M=x[F].a).t.propType&&(V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),0===r&&0===t.j||(this._hasMaskedPath?V.length?o+=M.t.v*V[0]:o+=M.t.v*V:V.length?r+=M.t.v*V[0]:r+=M.t.v*V));for(t.strokeWidthAnim&&(H=t.sw||0),t.strokeColorAnim&&(O=t.sc?[t.sc[0],t.sc[1],t.sc[2]]:[0,0,0]),t.fillColorAnim&&t.fc&&(j=[t.fc[0],t.fc[1],t.fc[2]]),F=0;F<w;F+=1)(M=x[F].a).a.propType&&((V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars)).length?C.translate(-M.a.v[0]*V[0],-M.a.v[1]*V[1],M.a.v[2]*V[2]):C.translate(-M.a.v[0]*V,-M.a.v[1]*V,M.a.v[2]*V));for(F=0;F<w;F+=1)(M=x[F].a).s.propType&&((V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars)).length?C.scale(1+(M.s.v[0]-1)*V[0],1+(M.s.v[1]-1)*V[1],1):C.scale(1+(M.s.v[0]-1)*V,1+(M.s.v[1]-1)*V,1));for(F=0;F<w;F+=1){if(M=x[F].a,V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),M.sk.propType&&(V.length?C.skewFromAxis(-M.sk.v*V[0],M.sa.v*V[1]):C.skewFromAxis(-M.sk.v*V,M.sa.v*V)),M.r.propType&&(V.length?C.rotateZ(-M.r.v*V[2]):C.rotateZ(-M.r.v*V)),M.ry.propType&&(V.length?C.rotateY(M.ry.v*V[1]):C.rotateY(M.ry.v*V)),M.rx.propType&&(V.length?C.rotateX(M.rx.v*V[0]):C.rotateX(M.rx.v*V)),M.o.propType&&(V.length?N+=(M.o.v*V[0]-N)*V[0]:N+=(M.o.v*V-N)*V),t.strokeWidthAnim&&M.sw.propType&&(V.length?H+=M.sw.v*V[0]:H+=M.sw.v*V),t.strokeColorAnim&&M.sc.propType)for(q=0;q<3;q+=1)V.length?O[q]+=(M.sc.v[q]-O[q])*V[0]:O[q]+=(M.sc.v[q]-O[q])*V;if(t.fillColorAnim&&t.fc){if(M.fc.propType)for(q=0;q<3;q+=1)V.length?j[q]+=(M.fc.v[q]-j[q])*V[0]:j[q]+=(M.fc.v[q]-j[q])*V;M.fh.propType&&(j=V.length?addHueToRGB(j,M.fh.v*V[0]):addHueToRGB(j,M.fh.v*V)),M.fs.propType&&(j=V.length?addSaturationToRGB(j,M.fs.v*V[0]):addSaturationToRGB(j,M.fs.v*V)),M.fb.propType&&(j=V.length?addBrightnessToRGB(j,M.fb.v*V[0]):addBrightnessToRGB(j,M.fb.v*V))}}for(F=0;F<w;F+=1)(M=x[F].a).p.propType&&(V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),this._hasMaskedPath?V.length?C.translate(0,M.p.v[1]*V[0],-M.p.v[2]*V[1]):C.translate(0,M.p.v[1]*V,-M.p.v[2]*V):V.length?C.translate(M.p.v[0]*V[0],M.p.v[1]*V[1],-M.p.v[2]*V[2]):C.translate(M.p.v[0]*V,M.p.v[1]*V,-M.p.v[2]*V));if(t.strokeWidthAnim&&(W=H<0?0:H),t.strokeColorAnim&&($="rgb("+Math.round(255*O[0])+","+Math.round(255*O[1])+","+Math.round(255*O[2])+")"),t.fillColorAnim&&t.fc&&(Y="rgb("+Math.round(255*j[0])+","+Math.round(255*j[1])+","+Math.round(255*j[2])+")"),this._hasMaskedPath){if(C.translate(0,-t.ls),C.translate(0,E[1]*B*.01+i,0),this._pathData.p.v){b=(h.point[1]-c.point[1])/(h.point[0]-c.point[0]);var ht=180*Math.atan(b)/Math.PI;h.point[0]<c.point[0]&&(ht+=180),C.rotate(-ht*Math.PI/180)}C.translate(G,z,0),o-=E[0]*T[s].an*.005,T[s+1]&&K!==T[s+1].ind&&(o+=T[s].an/2,o+=.001*t.tr*t.finalSize)}else{switch(C.translate(r,i,0),t.ps&&C.translate(t.ps[0],t.ps[1]+t.ascent,0),t.j){case 1:C.translate(T[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[s].line]),0,0);break;case 2:C.translate(T[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[s].line])/2,0,0)}C.translate(0,-t.ls),C.translate(L,0,0),C.translate(E[0]*T[s].an*.005,E[1]*B*.01,0),r+=T[s].l+.001*t.tr*t.finalSize}"html"===A?tt=C.toCSS():"svg"===A?tt=C.to2dCSS():et=[C.props[0],C.props[1],C.props[2],C.props[3],C.props[4],C.props[5],C.props[6],C.props[7],C.props[8],C.props[9],C.props[10],C.props[11],C.props[12],C.props[13],C.props[14],C.props[15]],X=N}_<=s?(I=new LetterProps(X,W,$,Y,tt,et),this.renderedLetters.push(I),_+=1,this.lettersChangedFlag=!0):(I=this.renderedLetters[s],this.lettersChangedFlag=I.update(X,W,$,Y,tt,et)||this.lettersChangedFlag)}}},TextAnimatorProperty.prototype.getValue=function(){this._elem.globalData.frameId!==this._frameId&&(this._frameId=this._elem.globalData.frameId,this.iterateDynamicProperties())},TextAnimatorProperty.prototype.mHelper=new Matrix,TextAnimatorProperty.prototype.defaultPropsArray=[],extendPrototype([DynamicPropertyContainer],TextAnimatorProperty),ITextElement.prototype.initElement=function(t,e,r){this.lettersChangedFlag=!0,this.initFrame(),this.initBaseData(t,e,r),this.textProperty=new TextProperty(this,t.t,this.dynamicProperties),this.textAnimator=new TextAnimatorProperty(t.t,this.renderType,this),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide(),this.textAnimator.searchProperties(this.dynamicProperties)},ITextElement.prototype.prepareFrame=function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),(this.textProperty._mdf||this.textProperty._isFirstFrame)&&(this.buildNewText(),this.textProperty._isFirstFrame=!1,this.textProperty._mdf=!1)},ITextElement.prototype.createPathShape=function(t,e){var r,i,s=e.length,a="";for(r=0;r<s;r+=1)"sh"===e[r].ty&&(i=e[r].ks.k,a+=buildShapeString(i,i.i.length,!0,t));return a},ITextElement.prototype.updateDocumentData=function(t,e){this.textProperty.updateDocumentData(t,e)},ITextElement.prototype.canResizeFont=function(t){this.textProperty.canResizeFont(t)},ITextElement.prototype.setMinimumFontSize=function(t){this.textProperty.setMinimumFontSize(t)},ITextElement.prototype.applyTextPropertiesToMatrix=function(t,e,r,i,s){switch(t.ps&&e.translate(t.ps[0],t.ps[1]+t.ascent,0),e.translate(0,-t.ls,0),t.j){case 1:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r]),0,0);break;case 2:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r])/2,0,0)}e.translate(i,s,0)},ITextElement.prototype.buildColor=function(t){return"rgb("+Math.round(255*t[0])+","+Math.round(255*t[1])+","+Math.round(255*t[2])+")"},ITextElement.prototype.emptyProp=new LetterProps,ITextElement.prototype.destroy=function(){};var emptyShapeData={shapes:[]};function SVGTextLottieElement(t,e,r){this.textSpans=[],this.renderType="svg",this.initElement(t,e,r)}function ISolidElement(t,e,r){this.initElement(t,e,r)}function NullElement(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initFrame(),this.initTransform(t,e,r),this.initHierarchy()}function SVGRendererBase(){}function ICompElement(){}function SVGCompElement(t,e,r){this.layers=t.layers,this.supports3d=!0,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?createSizedArray(this.layers.length):[],this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function SVGRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.svgElement=createNS("svg");var r="";if(e&&e.title){var i=createNS("title"),s=createElementID();i.setAttribute("id",s),i.textContent=e.title,this.svgElement.appendChild(i),r+=s}if(e&&e.description){var a=createNS("desc"),n=createElementID();a.setAttribute("id",n),a.textContent=e.description,this.svgElement.appendChild(a),r+=" "+n}r&&this.svgElement.setAttribute("aria-labelledby",r);var o=createNS("defs");this.svgElement.appendChild(o);var h=createNS("g");this.svgElement.appendChild(h),this.layerElement=h,this.renderConfig={preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",contentVisibility:e&&e.contentVisibility||"visible",progressiveLoad:e&&e.progressiveLoad||!1,hideOnTransparent:!(e&&!1===e.hideOnTransparent),viewBoxOnly:e&&e.viewBoxOnly||!1,viewBoxSize:e&&e.viewBoxSize||!1,className:e&&e.className||"",id:e&&e.id||"",focusable:e&&e.focusable,filterSize:{width:e&&e.filterSize&&e.filterSize.width||"100%",height:e&&e.filterSize&&e.filterSize.height||"100%",x:e&&e.filterSize&&e.filterSize.x||"0%",y:e&&e.filterSize&&e.filterSize.y||"0%"}},this.globalData={_mdf:!1,frameNum:-1,defs:o,renderConfig:this.renderConfig},this.elements=[],this.pendingElements=[],this.destroyed=!1,this.rendererType="svg"}function CVContextData(){var t;this.saved=[],this.cArrPos=0,this.cTr=new Matrix,this.cO=1;for(this.savedOp=createTypedArray("float32",15),t=0;t<15;t+=1)this.saved[t]=createTypedArray("float32",16);this._length=15}function ShapeTransformManager(){this.sequences={},this.sequenceList=[],this.transform_key_count=0}function CVEffects(){}function CVMaskElement(t,e){var r;this.data=t,this.element=e,this.masksProperties=this.data.masksProperties||[],this.viewData=createSizedArray(this.masksProperties.length);var i=this.masksProperties.length,s=!1;for(r=0;r<i;r+=1)"n"!==this.masksProperties[r].mode&&(s=!0),this.viewData[r]=ShapePropertyFactory.getShapeProp(this.element,this.masksProperties[r],3);this.hasMasks=s,s&&this.element.addRenderableComponent(this)}function CVBaseElement(){}function CVShapeData(t,e,r,i){this.styledShapes=[],this.tr=[0,0,0,0,0,0];var s,a=4;"rc"===e.ty?a=5:"el"===e.ty?a=6:"sr"===e.ty&&(a=7),this.sh=ShapePropertyFactory.getShapeProp(t,e,a,t);var n,o=r.length;for(s=0;s<o;s+=1)r[s].closed||(n={transforms:i.addTransformSequence(r[s].transforms),trNodes:[]},this.styledShapes.push(n),r[s].elements.push(n))}function CVShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.itemsData=[],this.prevViewData=[],this.shapeModifiers=[],this.processedElements=[],this.transformsManager=new ShapeTransformManager,this.initElement(t,e,r)}function CVTextElement(t,e,r){this.textSpans=[],this.yOffset=0,this.fillColorAnim=!1,this.strokeColorAnim=!1,this.strokeWidthAnim=!1,this.stroke=!1,this.fill=!1,this.justifyOffset=0,this.currentRender=null,this.renderType="canvas",this.values={fill:"rgba(0,0,0,0)",stroke:"rgba(0,0,0,0)",sWidth:0,fValue:""},this.initElement(t,e,r)}function CVImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.img=e.imageLoader.getAsset(this.assetData),this.initElement(t,e,r)}function CVSolidElement(t,e,r){this.initElement(t,e,r)}function CanvasRendererBase(t,e){this.animationItem=t,this.renderConfig={clearCanvas:!e||void 0===e.clearCanvas||e.clearCanvas,context:e&&e.context||null,progressiveLoad:e&&e.progressiveLoad||!1,preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",contentVisibility:e&&e.contentVisibility||"visible",className:e&&e.className||"",id:e&&e.id||""},this.renderConfig.dpr=e&&e.dpr||1,this.animationItem.wrapper&&(this.renderConfig.dpr=e&&e.dpr||window.devicePixelRatio||1),this.renderedFrame=-1,this.globalData={frameNum:-1,_mdf:!1,renderConfig:this.renderConfig,currentGlobalAlpha:-1},this.contextData=new CVContextData,this.elements=[],this.pendingElements=[],this.transformMat=new Matrix,this.completeLayers=!1,this.rendererType="canvas"}function CVCompElement(t,e,r){this.completeLayers=!1,this.layers=t.layers,this.pendingElements=[],this.elements=createSizedArray(this.layers.length),this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function CanvasRenderer(t,e){this.animationItem=t,this.renderConfig={clearCanvas:!e||void 0===e.clearCanvas||e.clearCanvas,context:e&&e.context||null,progressiveLoad:e&&e.progressiveLoad||!1,preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",contentVisibility:e&&e.contentVisibility||"visible",className:e&&e.className||"",id:e&&e.id||""},this.renderConfig.dpr=e&&e.dpr||1,this.animationItem.wrapper&&(this.renderConfig.dpr=e&&e.dpr||window.devicePixelRatio||1),this.renderedFrame=-1,this.globalData={frameNum:-1,_mdf:!1,renderConfig:this.renderConfig,currentGlobalAlpha:-1},this.contextData=new CVContextData,this.elements=[],this.pendingElements=[],this.transformMat=new Matrix,this.completeLayers=!1,this.rendererType="canvas"}function HBaseElement(){}function HSolidElement(t,e,r){this.initElement(t,e,r)}function HShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.shapesContainer=createNS("g"),this.initElement(t,e,r),this.prevViewData=[],this.currentBBox={x:999999,y:-999999,h:0,w:0}}function HTextElement(t,e,r){this.textSpans=[],this.textPaths=[],this.currentBBox={x:999999,y:-999999,h:0,w:0},this.renderType="svg",this.isMasked=!1,this.initElement(t,e,r)}function HCameraElement(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initHierarchy();var i=PropertyFactory.getProp;if(this.pe=i(this,t.pe,0,0,this),t.ks.p.s?(this.px=i(this,t.ks.p.x,1,0,this),this.py=i(this,t.ks.p.y,1,0,this),this.pz=i(this,t.ks.p.z,1,0,this)):this.p=i(this,t.ks.p,1,0,this),t.ks.a&&(this.a=i(this,t.ks.a,1,0,this)),t.ks.or.k.length&&t.ks.or.k[0].to){var s,a=t.ks.or.k.length;for(s=0;s<a;s+=1)t.ks.or.k[s].to=null,t.ks.or.k[s].ti=null}this.or=i(this,t.ks.or,1,degToRads,this),this.or.sh=!0,this.rx=i(this,t.ks.rx,0,degToRads,this),this.ry=i(this,t.ks.ry,0,degToRads,this),this.rz=i(this,t.ks.rz,0,degToRads,this),this.mat=new Matrix,this._prevMat=new Matrix,this._isFirstFrame=!0,this.finalTransform={mProp:this}}function HImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,r)}function HybridRendererBase(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.renderConfig={className:e&&e.className||"",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",hideOnTransparent:!(e&&!1===e.hideOnTransparent),filterSize:{width:e&&e.filterSize&&e.filterSize.width||"400%",height:e&&e.filterSize&&e.filterSize.height||"400%",x:e&&e.filterSize&&e.filterSize.x||"-100%",y:e&&e.filterSize&&e.filterSize.y||"-100%"}},this.globalData={_mdf:!1,frameNum:-1,renderConfig:this.renderConfig},this.pendingElements=[],this.elements=[],this.threeDElements=[],this.destroyed=!1,this.camera=null,this.supports3d=!0,this.rendererType="html"}function HCompElement(t,e,r){this.layers=t.layers,this.supports3d=!t.hasMask,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?createSizedArray(this.layers.length):[],this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function HybridRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.renderConfig={className:e&&e.className||"",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",hideOnTransparent:!(e&&!1===e.hideOnTransparent),filterSize:{width:e&&e.filterSize&&e.filterSize.width||"400%",height:e&&e.filterSize&&e.filterSize.height||"400%",x:e&&e.filterSize&&e.filterSize.x||"-100%",y:e&&e.filterSize&&e.filterSize.y||"-100%"}},this.globalData={_mdf:!1,frameNum:-1,renderConfig:this.renderConfig},this.pendingElements=[],this.elements=[],this.threeDElements=[],this.destroyed=!1,this.camera=null,this.supports3d=!0,this.rendererType="html"}extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement],SVGTextLottieElement),SVGTextLottieElement.prototype.createContent=function(){this.data.singleShape&&!this.globalData.fontManager.chars&&(this.textContainer=createNS("text"))},SVGTextLottieElement.prototype.buildTextContents=function(t){for(var e=0,r=t.length,i=[],s="";e<r;)t[e]===String.fromCharCode(13)||t[e]===String.fromCharCode(3)?(i.push(s),s=""):s+=t[e],e+=1;return i.push(s),i},SVGTextLottieElement.prototype.buildNewText=function(){var t,e;this.addDynamicProperty(this);var r=this.textProperty.currentData;this.renderedLetters=createSizedArray(r?r.l.length:0),r.fc?this.layerElement.setAttribute("fill",this.buildColor(r.fc)):this.layerElement.setAttribute("fill","rgba(0,0,0,0)"),r.sc&&(this.layerElement.setAttribute("stroke",this.buildColor(r.sc)),this.layerElement.setAttribute("stroke-width",r.sw)),this.layerElement.setAttribute("font-size",r.finalSize);var i=this.globalData.fontManager.getFontByName(r.f);if(i.fClass)this.layerElement.setAttribute("class",i.fClass);else{this.layerElement.setAttribute("font-family",i.fFamily);var s=r.fWeight,a=r.fStyle;this.layerElement.setAttribute("font-style",a),this.layerElement.setAttribute("font-weight",s)}this.layerElement.setAttribute("aria-label",r.t);var n,o=r.l||[],h=!!this.globalData.fontManager.chars;e=o.length;var l=this.mHelper,p=this.data.singleShape,f=0,m=0,c=!0,d=.001*r.tr*r.finalSize;if(!p||h||r.sz){var u,y=this.textSpans.length;for(t=0;t<e;t+=1){if(this.textSpans[t]||(this.textSpans[t]={span:null,childSpan:null,glyph:null}),!h||!p||0===t){if(n=y>t?this.textSpans[t].span:createNS(h?"g":"text"),y<=t){if(n.setAttribute("stroke-linecap","butt"),n.setAttribute("stroke-linejoin","round"),n.setAttribute("stroke-miterlimit","4"),this.textSpans[t].span=n,h){var g=createNS("g");n.appendChild(g),this.textSpans[t].childSpan=g}this.textSpans[t].span=n,this.layerElement.appendChild(n)}n.style.display="inherit"}if(l.reset(),l.scale(r.finalSize/100,r.finalSize/100),p&&(o[t].n&&(f=-d,m+=r.yOffset,m+=c?1:0,c=!1),this.applyTextPropertiesToMatrix(r,l,o[t].line,f,m),f+=o[t].l||0,f+=d),h){var v;if(1===(u=this.globalData.fontManager.getCharData(r.finalText[t],i.fStyle,this.globalData.fontManager.getFontByName(r.f).fFamily)).t)v=new SVGCompElement(u.data,this.globalData,this);else{var b=emptyShapeData;u.data&&u.data.shapes&&(b=u.data),v=new SVGShapeElement(b,this.globalData,this)}this.textSpans[t].glyph=v,v._debug=!0,v.prepareFrame(0),v.renderFrame(),this.textSpans[t].childSpan.appendChild(v.layerElement),this.textSpans[t].childSpan.setAttribute("transform","scale("+r.finalSize/100+","+r.finalSize/100+")")}else p&&n.setAttribute("transform","translate("+l.props[12]+","+l.props[13]+")"),n.textContent=o[t].val,n.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve")}p&&n&&n.setAttribute("d","")}else{var P=this.textContainer,E="start";switch(r.j){case 1:E="end";break;case 2:E="middle";break;default:E="start"}P.setAttribute("text-anchor",E),P.setAttribute("letter-spacing",d);var x=this.buildTextContents(r.finalText);for(e=x.length,m=r.ps?r.ps[1]+r.ascent:0,t=0;t<e;t+=1)(n=this.textSpans[t].span||createNS("tspan")).textContent=x[t],n.setAttribute("x",0),n.setAttribute("y",m),n.style.display="inherit",P.appendChild(n),this.textSpans[t]||(this.textSpans[t]={span:null,glyph:null}),this.textSpans[t].span=n,m+=r.finalLineHeight;this.layerElement.appendChild(P)}for(;t<this.textSpans.length;)this.textSpans[t].span.style.display="none",t+=1;this._sizeChanged=!0},SVGTextLottieElement.prototype.sourceRectAtTime=function(){if(this.prepareFrame(this.comp.renderedFrame-this.data.st),this.renderInnerContent(),this._sizeChanged){this._sizeChanged=!1;var t=this.layerElement.getBBox();this.bbox={top:t.y,left:t.x,width:t.width,height:t.height}}return this.bbox},SVGTextLottieElement.prototype.getValue=function(){var t,e,r=this.textSpans.length;for(this.renderedFrame=this.comp.renderedFrame,t=0;t<r;t+=1)(e=this.textSpans[t].glyph)&&(e.prepareFrame(this.comp.renderedFrame-this.data.st),e._mdf&&(this._mdf=!0))},SVGTextLottieElement.prototype.renderInnerContent=function(){if((!this.data.singleShape||this._mdf)&&(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag)){var t,e;this._sizeChanged=!0;var r,i,s,a=this.textAnimator.renderedLetters,n=this.textProperty.currentData.l;for(e=n.length,t=0;t<e;t+=1)n[t].n||(r=a[t],i=this.textSpans[t].span,(s=this.textSpans[t].glyph)&&s.renderFrame(),r._mdf.m&&i.setAttribute("transform",r.m),r._mdf.o&&i.setAttribute("opacity",r.o),r._mdf.sw&&i.setAttribute("stroke-width",r.sw),r._mdf.sc&&i.setAttribute("stroke",r.sc),r._mdf.fc&&i.setAttribute("fill",r.fc))}},extendPrototype([IImageElement],ISolidElement),ISolidElement.prototype.createContent=function(){var t=createNS("rect");t.setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.layerElement.appendChild(t)},NullElement.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},NullElement.prototype.renderFrame=function(){},NullElement.prototype.getBaseElement=function(){return null},NullElement.prototype.destroy=function(){},NullElement.prototype.sourceRectAtTime=function(){},NullElement.prototype.hide=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement],NullElement),extendPrototype([BaseRenderer],SVGRendererBase),SVGRendererBase.prototype.createNull=function(t){return new NullElement(t,this.globalData,this)},SVGRendererBase.prototype.createShape=function(t){return new SVGShapeElement(t,this.globalData,this)},SVGRendererBase.prototype.createText=function(t){return new SVGTextLottieElement(t,this.globalData,this)},SVGRendererBase.prototype.createImage=function(t){return new IImageElement(t,this.globalData,this)},SVGRendererBase.prototype.createSolid=function(t){return new ISolidElement(t,this.globalData,this)},SVGRendererBase.prototype.configAnimation=function(t){this.svgElement.setAttribute("xmlns","http://www.w3.org/2000/svg"),this.renderConfig.viewBoxSize?this.svgElement.setAttribute("viewBox",this.renderConfig.viewBoxSize):this.svgElement.setAttribute("viewBox","0 0 "+t.w+" "+t.h),this.renderConfig.viewBoxOnly||(this.svgElement.setAttribute("width",t.w),this.svgElement.setAttribute("height",t.h),this.svgElement.style.width="100%",this.svgElement.style.height="100%",this.svgElement.style.transform="translate3d(0,0,0)",this.svgElement.style.contentVisibility=this.renderConfig.contentVisibility),this.renderConfig.className&&this.svgElement.setAttribute("class",this.renderConfig.className),this.renderConfig.id&&this.svgElement.setAttribute("id",this.renderConfig.id),void 0!==this.renderConfig.focusable&&this.svgElement.setAttribute("focusable",this.renderConfig.focusable),this.svgElement.setAttribute("preserveAspectRatio",this.renderConfig.preserveAspectRatio),this.animationItem.wrapper.appendChild(this.svgElement);var e=this.globalData.defs;this.setupGlobalData(t,e),this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.data=t;var r=createNS("clipPath"),i=createNS("rect");i.setAttribute("width",t.w),i.setAttribute("height",t.h),i.setAttribute("x",0),i.setAttribute("y",0);var s=createElementID();r.setAttribute("id",s),r.appendChild(i),this.layerElement.setAttribute("clip-path","url("+getLocationHref()+"#"+s+")"),e.appendChild(r),this.layers=t.layers,this.elements=createSizedArray(t.layers.length)},SVGRendererBase.prototype.destroy=function(){var t;this.animationItem.wrapper&&(this.animationItem.wrapper.innerText=""),this.layerElement=null,this.globalData.defs=null;var e=this.layers?this.layers.length:0;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},SVGRendererBase.prototype.updateContainerSize=function(){},SVGRendererBase.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!==this.layers[t].ty){e[t]=!0;var r=this.createItem(this.layers[t]);e[t]=r,getExpressionsPlugin()&&(0===this.layers[t].ty&&this.globalData.projectInterface.registerComposition(r),r.initExpressions()),this.appendElementInPos(r,t),this.layers[t].tt&&(this.elements[t-1]&&!0!==this.elements[t-1]?r.setMatte(e[t-1].layerId):(this.buildItem(t-1),this.addPendingElement(r)))}},SVGRendererBase.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){var t=this.pendingElements.pop();if(t.checkParenting(),t.data.tt)for(var e=0,r=this.elements.length;e<r;){if(this.elements[e]===t){t.setMatte(this.elements[e-1].layerId);break}e+=1}}},SVGRendererBase.prototype.renderFrame=function(t){if(this.renderedFrame!==t&&!this.destroyed){var e;null===t?t=this.renderedFrame:this.renderedFrame=t,this.globalData.frameNum=t,this.globalData.frameId+=1,this.globalData.projectInterface.currentFrame=t,this.globalData._mdf=!1;var r=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=r-1;e>=0;e-=1)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf)for(e=0;e<r;e+=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()}},SVGRendererBase.prototype.appendElementInPos=function(t,e){var r=t.getBaseElement();if(r){for(var i,s=0;s<e;)this.elements[s]&&!0!==this.elements[s]&&this.elements[s].getBaseElement()&&(i=this.elements[s].getBaseElement()),s+=1;i?this.layerElement.insertBefore(r,i):this.layerElement.appendChild(r)}},SVGRendererBase.prototype.hide=function(){this.layerElement.style.display="none"},SVGRendererBase.prototype.show=function(){this.layerElement.style.display="block"},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement,RenderableDOMElement],ICompElement),ICompElement.prototype.initElement=function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initRenderable(),this.initHierarchy(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),!this.data.xt&&e.progressiveLoad||this.buildAllItems(),this.hide()},ICompElement.prototype.prepareFrame=function(t){if(this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.isInRange||this.data.xt){if(this.tm._placeholder)this.renderedFrame=t/this.data.sr;else{var e=this.tm.v;e===this.data.op&&(e=this.data.op-1),this.renderedFrame=e}var r,i=this.elements.length;for(this.completeLayers||this.checkLayers(this.renderedFrame),r=i-1;r>=0;r-=1)(this.completeLayers||this.elements[r])&&(this.elements[r].prepareFrame(this.renderedFrame-this.layers[r].st),this.elements[r]._mdf&&(this._mdf=!0))}},ICompElement.prototype.renderInnerContent=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},ICompElement.prototype.setElements=function(t){this.elements=t},ICompElement.prototype.getElements=function(){return this.elements},ICompElement.prototype.destroyElements=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy()},ICompElement.prototype.destroy=function(){this.destroyElements(),this.destroyBaseElement()},extendPrototype([SVGRendererBase,ICompElement,SVGBaseElement],SVGCompElement),SVGCompElement.prototype.createComp=function(t){return new SVGCompElement(t,this.globalData,this)},extendPrototype([SVGRendererBase],SVGRenderer),SVGRenderer.prototype.createComp=function(t){return new SVGCompElement(t,this.globalData,this)},CVContextData.prototype.duplicate=function(){var t=2*this._length,e=this.savedOp;this.savedOp=createTypedArray("float32",t),this.savedOp.set(e);var r=0;for(r=this._length;r<t;r+=1)this.saved[r]=createTypedArray("float32",16);this._length=t},CVContextData.prototype.reset=function(){this.cArrPos=0,this.cTr.reset(),this.cO=1},ShapeTransformManager.prototype={addTransformSequence:function(t){var e,r=t.length,i="_";for(e=0;e<r;e+=1)i+=t[e].transform.key+"_";var s=this.sequences[i];return s||(s={transforms:[].concat(t),finalTransform:new Matrix,_mdf:!1},this.sequences[i]=s,this.sequenceList.push(s)),s},processSequence:function(t,e){for(var r,i=0,s=t.transforms.length,a=e;i<s&&!e;){if(t.transforms[i].transform.mProps._mdf){a=!0;break}i+=1}if(a)for(t.finalTransform.reset(),i=s-1;i>=0;i-=1)r=t.transforms[i].transform.mProps.v.props,t.finalTransform.transform(r[0],r[1],r[2],r[3],r[4],r[5],r[6],r[7],r[8],r[9],r[10],r[11],r[12],r[13],r[14],r[15]);t._mdf=a},processSequences:function(t){var e,r=this.sequenceList.length;for(e=0;e<r;e+=1)this.processSequence(this.sequenceList[e],t)},getNewKey:function(){return this.transform_key_count+=1,"_"+this.transform_key_count}},CVEffects.prototype.renderFrame=function(){},CVMaskElement.prototype.renderFrame=function(){if(this.hasMasks){var t,e,r,i,s=this.element.finalTransform.mat,a=this.element.canvasContext,n=this.masksProperties.length;for(a.beginPath(),t=0;t<n;t+=1)if("n"!==this.masksProperties[t].mode){var o;this.masksProperties[t].inv&&(a.moveTo(0,0),a.lineTo(this.element.globalData.compSize.w,0),a.lineTo(this.element.globalData.compSize.w,this.element.globalData.compSize.h),a.lineTo(0,this.element.globalData.compSize.h),a.lineTo(0,0)),i=this.viewData[t].v,e=s.applyToPointArray(i.v[0][0],i.v[0][1],0),a.moveTo(e[0],e[1]);var h=i._length;for(o=1;o<h;o+=1)r=s.applyToTriplePoints(i.o[o-1],i.i[o],i.v[o]),a.bezierCurveTo(r[0],r[1],r[2],r[3],r[4],r[5]);r=s.applyToTriplePoints(i.o[o-1],i.i[0],i.v[0]),a.bezierCurveTo(r[0],r[1],r[2],r[3],r[4],r[5])}this.element.globalData.renderer.save(!0),a.clip()}},CVMaskElement.prototype.getMaskProperty=MaskElement.prototype.getMaskProperty,CVMaskElement.prototype.destroy=function(){this.element=null},CVBaseElement.prototype={createElements:function(){},initRendererElement:function(){},createContainerElements:function(){this.canvasContext=this.globalData.canvasContext,this.renderableEffectsManager=new CVEffects(this)},createContent:function(){},setBlendMode:function(){var t=this.globalData;if(t.blendMode!==this.data.bm){t.blendMode=this.data.bm;var e=getBlendMode(this.data.bm);t.canvasContext.globalCompositeOperation=e}},createRenderableComponents:function(){this.maskManager=new CVMaskElement(this.data,this)},hideElement:function(){this.hidden||this.isInRange&&!this.isTransparent||(this.hidden=!0)},showElement:function(){this.isInRange&&!this.isTransparent&&(this.hidden=!1,this._isFirstFrame=!0,this.maskManager._isFirstFrame=!0)},renderFrame:function(){if(!this.hidden&&!this.data.hd){this.renderTransform(),this.renderRenderable(),this.setBlendMode();var t=0===this.data.ty;this.globalData.renderer.save(t),this.globalData.renderer.ctxTransform(this.finalTransform.mat.props),this.globalData.renderer.ctxOpacity(this.finalTransform.mProp.o.v),this.renderInnerContent(),this.globalData.renderer.restore(t),this.maskManager.hasMasks&&this.globalData.renderer.restore(!0),this._isFirstFrame&&(this._isFirstFrame=!1)}},destroy:function(){this.canvasContext=null,this.data=null,this.globalData=null,this.maskManager.destroy()},mHelper:new Matrix},CVBaseElement.prototype.hide=CVBaseElement.prototype.hideElement,CVBaseElement.prototype.show=CVBaseElement.prototype.showElement,CVShapeData.prototype.setAsAnimated=SVGShapeData.prototype.setAsAnimated,extendPrototype([BaseElement,TransformElement,CVBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableElement],CVShapeElement),CVShapeElement.prototype.initElement=RenderableDOMElement.prototype.initElement,CVShapeElement.prototype.transformHelper={opacity:1,_opMdf:!1},CVShapeElement.prototype.dashResetter=[],CVShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[])},CVShapeElement.prototype.createStyleElement=function(t,e){var r={data:t,type:t.ty,preTransforms:this.transformsManager.addTransformSequence(e),transforms:[],elements:[],closed:!0===t.hd},i={};if("fl"===t.ty||"st"===t.ty?(i.c=PropertyFactory.getProp(this,t.c,1,255,this),i.c.k||(r.co="rgb("+bmFloor(i.c.v[0])+","+bmFloor(i.c.v[1])+","+bmFloor(i.c.v[2])+")")):"gf"!==t.ty&&"gs"!==t.ty||(i.s=PropertyFactory.getProp(this,t.s,1,null,this),i.e=PropertyFactory.getProp(this,t.e,1,null,this),i.h=PropertyFactory.getProp(this,t.h||{k:0},0,.01,this),i.a=PropertyFactory.getProp(this,t.a||{k:0},0,degToRads,this),i.g=new GradientProperty(this,t.g,this)),i.o=PropertyFactory.getProp(this,t.o,0,.01,this),"st"===t.ty||"gs"===t.ty){if(r.lc=lineCapEnum[t.lc||2],r.lj=lineJoinEnum[t.lj||2],1==t.lj&&(r.ml=t.ml),i.w=PropertyFactory.getProp(this,t.w,0,null,this),i.w.k||(r.wi=i.w.v),t.d){var s=new DashProperty(this,t.d,"canvas",this);i.d=s,i.d.k||(r.da=i.d.dashArray,r.do=i.d.dashoffset[0])}}else r.r=2===t.r?"evenodd":"nonzero";return this.stylesList.push(r),i.style=r,i},CVShapeElement.prototype.createGroupElement=function(){return{it:[],prevViewData:[]}},CVShapeElement.prototype.createTransformElement=function(t){return{transform:{opacity:1,_opMdf:!1,key:this.transformsManager.getNewKey(),op:PropertyFactory.getProp(this,t.o,0,.01,this),mProps:TransformPropertyFactory.getTransformProperty(this,t,this)}}},CVShapeElement.prototype.createShapeElement=function(t){var e=new CVShapeData(this,t,this.stylesList,this.transformsManager);return this.shapes.push(e),this.addShapeToModifiers(e),e},CVShapeElement.prototype.reloadShapes=function(){var t;this._isFirstFrame=!0;var e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[]),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame)},CVShapeElement.prototype.addTransformToStyleList=function(t){var e,r=this.stylesList.length;for(e=0;e<r;e+=1)this.stylesList[e].closed||this.stylesList[e].transforms.push(t)},CVShapeElement.prototype.removeTransformFromStyleList=function(){var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].closed||this.stylesList[t].transforms.pop()},CVShapeElement.prototype.closeStyles=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e].closed=!0},CVShapeElement.prototype.searchShapes=function(t,e,r,i,s){var a,n,o,h,l,p,f=t.length-1,m=[],c=[],d=[].concat(s);for(a=f;a>=0;a-=1){if((h=this.searchProcessedElement(t[a]))?e[a]=r[h-1]:t[a]._shouldRender=i,"fl"===t[a].ty||"st"===t[a].ty||"gf"===t[a].ty||"gs"===t[a].ty)h?e[a].style.closed=!1:e[a]=this.createStyleElement(t[a],d),m.push(e[a].style);else if("gr"===t[a].ty){if(h)for(o=e[a].it.length,n=0;n<o;n+=1)e[a].prevViewData[n]=e[a].it[n];else e[a]=this.createGroupElement(t[a]);this.searchShapes(t[a].it,e[a].it,e[a].prevViewData,i,d)}else"tr"===t[a].ty?(h||(p=this.createTransformElement(t[a]),e[a]=p),d.push(e[a]),this.addTransformToStyleList(e[a])):"sh"===t[a].ty||"rc"===t[a].ty||"el"===t[a].ty||"sr"===t[a].ty?h||(e[a]=this.createShapeElement(t[a])):"tm"===t[a].ty||"rd"===t[a].ty||"pb"===t[a].ty?(h?(l=e[a]).closed=!1:((l=ShapeModifiers.getModifier(t[a].ty)).init(this,t[a]),e[a]=l,this.shapeModifiers.push(l)),c.push(l)):"rp"===t[a].ty&&(h?(l=e[a]).closed=!0:(l=ShapeModifiers.getModifier(t[a].ty),e[a]=l,l.init(this,t,a,e),this.shapeModifiers.push(l),i=!1),c.push(l));this.addProcessedElement(t[a],a+1)}for(this.removeTransformFromStyleList(),this.closeStyles(m),f=c.length,a=0;a<f;a+=1)c[a].closed=!0},CVShapeElement.prototype.renderInnerContent=function(){this.transformHelper.opacity=1,this.transformHelper._opMdf=!1,this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame),this.renderShape(this.transformHelper,this.shapesData,this.itemsData,!0)},CVShapeElement.prototype.renderShapeTransform=function(t,e){(t._opMdf||e.op._mdf||this._isFirstFrame)&&(e.opacity=t.opacity,e.opacity*=e.op.v,e._opMdf=!0)},CVShapeElement.prototype.drawLayer=function(){var t,e,r,i,s,a,n,o,h,l=this.stylesList.length,p=this.globalData.renderer,f=this.globalData.canvasContext;for(t=0;t<l;t+=1)if(("st"!==(o=(h=this.stylesList[t]).type)&&"gs"!==o||0!==h.wi)&&h.data._shouldRender&&0!==h.coOp&&0!==this.globalData.currentGlobalAlpha){for(p.save(),a=h.elements,"st"===o||"gs"===o?(f.strokeStyle="st"===o?h.co:h.grd,f.lineWidth=h.wi,f.lineCap=h.lc,f.lineJoin=h.lj,f.miterLimit=h.ml||0):f.fillStyle="fl"===o?h.co:h.grd,p.ctxOpacity(h.coOp),"st"!==o&&"gs"!==o&&f.beginPath(),p.ctxTransform(h.preTransforms.finalTransform.props),r=a.length,e=0;e<r;e+=1){for("st"!==o&&"gs"!==o||(f.beginPath(),h.da&&(f.setLineDash(h.da),f.lineDashOffset=h.do)),s=(n=a[e].trNodes).length,i=0;i<s;i+=1)"m"===n[i].t?f.moveTo(n[i].p[0],n[i].p[1]):"c"===n[i].t?f.bezierCurveTo(n[i].pts[0],n[i].pts[1],n[i].pts[2],n[i].pts[3],n[i].pts[4],n[i].pts[5]):f.closePath();"st"!==o&&"gs"!==o||(f.stroke(),h.da&&f.setLineDash(this.dashResetter))}"st"!==o&&"gs"!==o&&f.fill(h.r),p.restore()}},CVShapeElement.prototype.renderShape=function(t,e,r,i){var s,a;for(a=t,s=e.length-1;s>=0;s-=1)"tr"===e[s].ty?(a=r[s].transform,this.renderShapeTransform(t,a)):"sh"===e[s].ty||"el"===e[s].ty||"rc"===e[s].ty||"sr"===e[s].ty?this.renderPath(e[s],r[s]):"fl"===e[s].ty?this.renderFill(e[s],r[s],a):"st"===e[s].ty?this.renderStroke(e[s],r[s],a):"gf"===e[s].ty||"gs"===e[s].ty?this.renderGradientFill(e[s],r[s],a):"gr"===e[s].ty?this.renderShape(a,e[s].it,r[s].it):e[s].ty;i&&this.drawLayer()},CVShapeElement.prototype.renderStyledShape=function(t,e){if(this._isFirstFrame||e._mdf||t.transforms._mdf){var r,i,s,a=t.trNodes,n=e.paths,o=n._length;a.length=0;var h=t.transforms.finalTransform;for(s=0;s<o;s+=1){var l=n.shapes[s];if(l&&l.v){for(i=l._length,r=1;r<i;r+=1)1===r&&a.push({t:"m",p:h.applyToPointArray(l.v[0][0],l.v[0][1],0)}),a.push({t:"c",pts:h.applyToTriplePoints(l.o[r-1],l.i[r],l.v[r])});1===i&&a.push({t:"m",p:h.applyToPointArray(l.v[0][0],l.v[0][1],0)}),l.c&&i&&(a.push({t:"c",pts:h.applyToTriplePoints(l.o[r-1],l.i[0],l.v[0])}),a.push({t:"z"}))}}t.trNodes=a}},CVShapeElement.prototype.renderPath=function(t,e){if(!0!==t.hd&&t._shouldRender){var r,i=e.styledShapes.length;for(r=0;r<i;r+=1)this.renderStyledShape(e.styledShapes[r],e.sh)}},CVShapeElement.prototype.renderFill=function(t,e,r){var i=e.style;(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+bmFloor(e.c.v[0])+","+bmFloor(e.c.v[1])+","+bmFloor(e.c.v[2])+")"),(e.o._mdf||r._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*r.opacity)},CVShapeElement.prototype.renderGradientFill=function(t,e,r){var i,s=e.style;if(!s.grd||e.g._mdf||e.s._mdf||e.e._mdf||1!==t.t&&(e.h._mdf||e.a._mdf)){var a,n=this.globalData.canvasContext,o=e.s.v,h=e.e.v;if(1===t.t)i=n.createLinearGradient(o[0],o[1],h[0],h[1]);else{var l=Math.sqrt(Math.pow(o[0]-h[0],2)+Math.pow(o[1]-h[1],2)),p=Math.atan2(h[1]-o[1],h[0]-o[0]),f=e.h.v;f>=1?f=.99:f<=-1&&(f=-.99);var m=l*f,c=Math.cos(p+e.a.v)*m+o[0],d=Math.sin(p+e.a.v)*m+o[1];i=n.createRadialGradient(c,d,0,o[0],o[1],l)}var u=t.g.p,y=e.g.c,g=1;for(a=0;a<u;a+=1)e.g._hasOpacity&&e.g._collapsable&&(g=e.g.o[2*a+1]),i.addColorStop(y[4*a]/100,"rgba("+y[4*a+1]+","+y[4*a+2]+","+y[4*a+3]+","+g+")");s.grd=i}s.coOp=e.o.v*r.opacity},CVShapeElement.prototype.renderStroke=function(t,e,r){var i=e.style,s=e.d;s&&(s._mdf||this._isFirstFrame)&&(i.da=s.dashArray,i.do=s.dashoffset[0]),(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+bmFloor(e.c.v[0])+","+bmFloor(e.c.v[1])+","+bmFloor(e.c.v[2])+")"),(e.o._mdf||r._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*r.opacity),(e.w._mdf||this._isFirstFrame)&&(i.wi=e.w.v)},CVShapeElement.prototype.destroy=function(){this.shapesData=null,this.globalData=null,this.canvasContext=null,this.stylesList.length=0,this.itemsData.length=0},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement,ITextElement],CVTextElement),CVTextElement.prototype.tHelper=createTag("canvas").getContext("2d"),CVTextElement.prototype.buildNewText=function(){var t=this.textProperty.currentData;this.renderedLetters=createSizedArray(t.l?t.l.length:0);var e=!1;t.fc?(e=!0,this.values.fill=this.buildColor(t.fc)):this.values.fill="rgba(0,0,0,0)",this.fill=e;var r=!1;t.sc&&(r=!0,this.values.stroke=this.buildColor(t.sc),this.values.sWidth=t.sw);var i,s,a,n,o,h,l,p,f,m,c,d,u=this.globalData.fontManager.getFontByName(t.f),y=t.l,g=this.mHelper;this.stroke=r,this.values.fValue=t.finalSize+"px "+this.globalData.fontManager.getFontByName(t.f).fFamily,s=t.finalText.length;var v=this.data.singleShape,b=.001*t.tr*t.finalSize,P=0,E=0,x=!0,S=0;for(i=0;i<s;i+=1){n=(a=this.globalData.fontManager.getCharData(t.finalText[i],u.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily))&&a.data||{},g.reset(),v&&y[i].n&&(P=-b,E+=t.yOffset,E+=x?1:0,x=!1),f=(l=n.shapes?n.shapes[0].it:[]).length,g.scale(t.finalSize/100,t.finalSize/100),v&&this.applyTextPropertiesToMatrix(t,g,y[i].line,P,E),c=createSizedArray(f-1);var C=0;for(p=0;p<f;p+=1)if("sh"===l[p].ty){for(h=l[p].ks.k.i.length,m=l[p].ks.k,d=[],o=1;o<h;o+=1)1===o&&d.push(g.applyToX(m.v[0][0],m.v[0][1],0),g.applyToY(m.v[0][0],m.v[0][1],0)),d.push(g.applyToX(m.o[o-1][0],m.o[o-1][1],0),g.applyToY(m.o[o-1][0],m.o[o-1][1],0),g.applyToX(m.i[o][0],m.i[o][1],0),g.applyToY(m.i[o][0],m.i[o][1],0),g.applyToX(m.v[o][0],m.v[o][1],0),g.applyToY(m.v[o][0],m.v[o][1],0));d.push(g.applyToX(m.o[o-1][0],m.o[o-1][1],0),g.applyToY(m.o[o-1][0],m.o[o-1][1],0),g.applyToX(m.i[0][0],m.i[0][1],0),g.applyToY(m.i[0][0],m.i[0][1],0),g.applyToX(m.v[0][0],m.v[0][1],0),g.applyToY(m.v[0][0],m.v[0][1],0)),c[C]=d,C+=1}v&&(P+=y[i].l,P+=b),this.textSpans[S]?this.textSpans[S].elem=c:this.textSpans[S]={elem:c},S+=1}},CVTextElement.prototype.renderInnerContent=function(){var t,e,r,i,s,a,n=this.canvasContext;n.font=this.values.fValue,n.lineCap="butt",n.lineJoin="miter",n.miterLimit=4,this.data.singleShape||this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag);var o,h=this.textAnimator.renderedLetters,l=this.textProperty.currentData.l;e=l.length;var p,f,m=null,c=null,d=null;for(t=0;t<e;t+=1)if(!l[t].n){if((o=h[t])&&(this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(o.p),this.globalData.renderer.ctxOpacity(o.o)),this.fill){for(o&&o.fc?m!==o.fc&&(m=o.fc,n.fillStyle=o.fc):m!==this.values.fill&&(m=this.values.fill,n.fillStyle=this.values.fill),i=(p=this.textSpans[t].elem).length,this.globalData.canvasContext.beginPath(),r=0;r<i;r+=1)for(a=(f=p[r]).length,this.globalData.canvasContext.moveTo(f[0],f[1]),s=2;s<a;s+=6)this.globalData.canvasContext.bezierCurveTo(f[s],f[s+1],f[s+2],f[s+3],f[s+4],f[s+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.fill()}if(this.stroke){for(o&&o.sw?d!==o.sw&&(d=o.sw,n.lineWidth=o.sw):d!==this.values.sWidth&&(d=this.values.sWidth,n.lineWidth=this.values.sWidth),o&&o.sc?c!==o.sc&&(c=o.sc,n.strokeStyle=o.sc):c!==this.values.stroke&&(c=this.values.stroke,n.strokeStyle=this.values.stroke),i=(p=this.textSpans[t].elem).length,this.globalData.canvasContext.beginPath(),r=0;r<i;r+=1)for(a=(f=p[r]).length,this.globalData.canvasContext.moveTo(f[0],f[1]),s=2;s<a;s+=6)this.globalData.canvasContext.bezierCurveTo(f[s],f[s+1],f[s+2],f[s+3],f[s+4],f[s+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.stroke()}o&&this.globalData.renderer.restore()}},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement],CVImageElement),CVImageElement.prototype.initElement=SVGShapeElement.prototype.initElement,CVImageElement.prototype.prepareFrame=IImageElement.prototype.prepareFrame,CVImageElement.prototype.createContent=function(){if(this.img.width&&(this.assetData.w!==this.img.width||this.assetData.h!==this.img.height)){var t=createTag("canvas");t.width=this.assetData.w,t.height=this.assetData.h;var e,r,i=t.getContext("2d"),s=this.img.width,a=this.img.height,n=s/a,o=this.assetData.w/this.assetData.h,h=this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio;n>o&&"xMidYMid slice"===h||n<o&&"xMidYMid slice"!==h?e=(r=a)*o:r=(e=s)/o,i.drawImage(this.img,(s-e)/2,(a-r)/2,e,r,0,0,this.assetData.w,this.assetData.h),this.img=t}},CVImageElement.prototype.renderInnerContent=function(){this.canvasContext.drawImage(this.img,0,0)},CVImageElement.prototype.destroy=function(){this.img=null},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement],CVSolidElement),CVSolidElement.prototype.initElement=SVGShapeElement.prototype.initElement,CVSolidElement.prototype.prepareFrame=IImageElement.prototype.prepareFrame,CVSolidElement.prototype.renderInnerContent=function(){var t=this.canvasContext;t.fillStyle=this.data.sc,t.fillRect(0,0,this.data.sw,this.data.sh)},extendPrototype([BaseRenderer],CanvasRendererBase),CanvasRendererBase.prototype.createShape=function(t){return new CVShapeElement(t,this.globalData,this)},CanvasRendererBase.prototype.createText=function(t){return new CVTextElement(t,this.globalData,this)},CanvasRendererBase.prototype.createImage=function(t){return new CVImageElement(t,this.globalData,this)},CanvasRendererBase.prototype.createSolid=function(t){return new CVSolidElement(t,this.globalData,this)},CanvasRendererBase.prototype.createNull=SVGRenderer.prototype.createNull,CanvasRendererBase.prototype.ctxTransform=function(t){if(1!==t[0]||0!==t[1]||0!==t[4]||1!==t[5]||0!==t[12]||0!==t[13])if(this.renderConfig.clearCanvas){this.transformMat.cloneFromProps(t);var e=this.contextData.cTr.props;this.transformMat.transform(e[0],e[1],e[2],e[3],e[4],e[5],e[6],e[7],e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15]),this.contextData.cTr.cloneFromProps(this.transformMat.props);var r=this.contextData.cTr.props;this.canvasContext.setTransform(r[0],r[1],r[4],r[5],r[12],r[13])}else this.canvasContext.transform(t[0],t[1],t[4],t[5],t[12],t[13])},CanvasRendererBase.prototype.ctxOpacity=function(t){if(!this.renderConfig.clearCanvas)return this.canvasContext.globalAlpha*=t<0?0:t,void(this.globalData.currentGlobalAlpha=this.contextData.cO);this.contextData.cO*=t<0?0:t,this.globalData.currentGlobalAlpha!==this.contextData.cO&&(this.canvasContext.globalAlpha=this.contextData.cO,this.globalData.currentGlobalAlpha=this.contextData.cO)},CanvasRendererBase.prototype.reset=function(){this.renderConfig.clearCanvas?this.contextData.reset():this.canvasContext.restore()},CanvasRendererBase.prototype.save=function(t){if(this.renderConfig.clearCanvas){t&&this.canvasContext.save();var e,r=this.contextData.cTr.props;this.contextData._length<=this.contextData.cArrPos&&this.contextData.duplicate();var i=this.contextData.saved[this.contextData.cArrPos];for(e=0;e<16;e+=1)i[e]=r[e];this.contextData.savedOp[this.contextData.cArrPos]=this.contextData.cO,this.contextData.cArrPos+=1}else this.canvasContext.save()},CanvasRendererBase.prototype.restore=function(t){if(this.renderConfig.clearCanvas){t&&(this.canvasContext.restore(),this.globalData.blendMode="source-over"),this.contextData.cArrPos-=1;var e,r=this.contextData.saved[this.contextData.cArrPos],i=this.contextData.cTr.props;for(e=0;e<16;e+=1)i[e]=r[e];this.canvasContext.setTransform(r[0],r[1],r[4],r[5],r[12],r[13]),r=this.contextData.savedOp[this.contextData.cArrPos],this.contextData.cO=r,this.globalData.currentGlobalAlpha!==r&&(this.canvasContext.globalAlpha=r,this.globalData.currentGlobalAlpha=r)}else this.canvasContext.restore()},CanvasRendererBase.prototype.configAnimation=function(t){if(this.animationItem.wrapper){this.animationItem.container=createTag("canvas");var e=this.animationItem.container.style;e.width="100%",e.height="100%";var r="0px 0px 0px";e.transformOrigin=r,e.mozTransformOrigin=r,e.webkitTransformOrigin=r,e["-webkit-transform"]=r,e.contentVisibility=this.renderConfig.contentVisibility,this.animationItem.wrapper.appendChild(this.animationItem.container),this.canvasContext=this.animationItem.container.getContext("2d"),this.renderConfig.className&&this.animationItem.container.setAttribute("class",this.renderConfig.className),this.renderConfig.id&&this.animationItem.container.setAttribute("id",this.renderConfig.id)}else this.canvasContext=this.renderConfig.context;this.data=t,this.layers=t.layers,this.transformCanvas={w:t.w,h:t.h,sx:0,sy:0,tx:0,ty:0},this.setupGlobalData(t,document.body),this.globalData.canvasContext=this.canvasContext,this.globalData.renderer=this,this.globalData.isDashed=!1,this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.globalData.transformCanvas=this.transformCanvas,this.elements=createSizedArray(t.layers.length),this.updateContainerSize()},CanvasRendererBase.prototype.updateContainerSize=function(){var t,e,r,i;if(this.reset(),this.animationItem.wrapper&&this.animationItem.container?(t=this.animationItem.wrapper.offsetWidth,e=this.animationItem.wrapper.offsetHeight,this.animationItem.container.setAttribute("width",t*this.renderConfig.dpr),this.animationItem.container.setAttribute("height",e*this.renderConfig.dpr)):(t=this.canvasContext.canvas.width*this.renderConfig.dpr,e=this.canvasContext.canvas.height*this.renderConfig.dpr),-1!==this.renderConfig.preserveAspectRatio.indexOf("meet")||-1!==this.renderConfig.preserveAspectRatio.indexOf("slice")){var s=this.renderConfig.preserveAspectRatio.split(" "),a=s[1]||"meet",n=s[0]||"xMidYMid",o=n.substr(0,4),h=n.substr(4);r=t/e,(i=this.transformCanvas.w/this.transformCanvas.h)>r&&"meet"===a||i<r&&"slice"===a?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),this.transformCanvas.sy=t/(this.transformCanvas.w/this.renderConfig.dpr)):(this.transformCanvas.sx=e/(this.transformCanvas.h/this.renderConfig.dpr),this.transformCanvas.sy=e/(this.transformCanvas.h/this.renderConfig.dpr)),this.transformCanvas.tx="xMid"===o&&(i<r&&"meet"===a||i>r&&"slice"===a)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))/2*this.renderConfig.dpr:"xMax"===o&&(i<r&&"meet"===a||i>r&&"slice"===a)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))*this.renderConfig.dpr:0,this.transformCanvas.ty="YMid"===h&&(i>r&&"meet"===a||i<r&&"slice"===a)?(e-this.transformCanvas.h*(t/this.transformCanvas.w))/2*this.renderConfig.dpr:"YMax"===h&&(i>r&&"meet"===a||i<r&&"slice"===a)?(e-this.transformCanvas.h*(t/this.transformCanvas.w))*this.renderConfig.dpr:0}else"none"===this.renderConfig.preserveAspectRatio?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),this.transformCanvas.sy=e/(this.transformCanvas.h/this.renderConfig.dpr),this.transformCanvas.tx=0,this.transformCanvas.ty=0):(this.transformCanvas.sx=this.renderConfig.dpr,this.transformCanvas.sy=this.renderConfig.dpr,this.transformCanvas.tx=0,this.transformCanvas.ty=0);this.transformCanvas.props=[this.transformCanvas.sx,0,0,0,0,this.transformCanvas.sy,0,0,0,0,1,0,this.transformCanvas.tx,this.transformCanvas.ty,0,1],this.ctxTransform(this.transformCanvas.props),this.canvasContext.beginPath(),this.canvasContext.rect(0,0,this.transformCanvas.w,this.transformCanvas.h),this.canvasContext.closePath(),this.canvasContext.clip(),this.renderFrame(this.renderedFrame,!0)},CanvasRendererBase.prototype.destroy=function(){var t;for(this.renderConfig.clearCanvas&&this.animationItem.wrapper&&(this.animationItem.wrapper.innerText=""),t=(this.layers?this.layers.length:0)-1;t>=0;t-=1)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.globalData.canvasContext=null,this.animationItem.container=null,this.destroyed=!0},CanvasRendererBase.prototype.renderFrame=function(t,e){if((this.renderedFrame!==t||!0!==this.renderConfig.clearCanvas||e)&&!this.destroyed&&-1!==t){var r;this.renderedFrame=t,this.globalData.frameNum=t-this.animationItem._isFirstFrame,this.globalData.frameId+=1,this.globalData._mdf=!this.renderConfig.clearCanvas||e,this.globalData.projectInterface.currentFrame=t;var i=this.layers.length;for(this.completeLayers||this.checkLayers(t),r=0;r<i;r+=1)(this.completeLayers||this.elements[r])&&this.elements[r].prepareFrame(t-this.layers[r].st);if(this.globalData._mdf){for(!0===this.renderConfig.clearCanvas?this.canvasContext.clearRect(0,0,this.transformCanvas.w,this.transformCanvas.h):this.save(),r=i-1;r>=0;r-=1)(this.completeLayers||this.elements[r])&&this.elements[r].renderFrame();!0!==this.renderConfig.clearCanvas&&this.restore()}}},CanvasRendererBase.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!==this.layers[t].ty){var r=this.createItem(this.layers[t],this,this.globalData);e[t]=r,r.initExpressions()}},CanvasRendererBase.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){this.pendingElements.pop().checkParenting()}},CanvasRendererBase.prototype.hide=function(){this.animationItem.container.style.display="none"},CanvasRendererBase.prototype.show=function(){this.animationItem.container.style.display="block"},extendPrototype([CanvasRendererBase,ICompElement,CVBaseElement],CVCompElement),CVCompElement.prototype.renderInnerContent=function(){var t,e=this.canvasContext;for(e.beginPath(),e.moveTo(0,0),e.lineTo(this.data.w,0),e.lineTo(this.data.w,this.data.h),e.lineTo(0,this.data.h),e.lineTo(0,0),e.clip(),t=this.layers.length-1;t>=0;t-=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},CVCompElement.prototype.destroy=function(){var t;for(t=this.layers.length-1;t>=0;t-=1)this.elements[t]&&this.elements[t].destroy();this.layers=null,this.elements=null},CVCompElement.prototype.createComp=function(t){return new CVCompElement(t,this.globalData,this)},extendPrototype([CanvasRendererBase],CanvasRenderer),CanvasRenderer.prototype.createComp=function(t){return new CVCompElement(t,this.globalData,this)},HBaseElement.prototype={checkBlendMode:function(){},initRendererElement:function(){this.baseElement=createTag(this.data.tg||"div"),this.data.hasMask?(this.svgElement=createNS("svg"),this.layerElement=createNS("g"),this.maskedElement=this.layerElement,this.svgElement.appendChild(this.layerElement),this.baseElement.appendChild(this.svgElement)):this.layerElement=this.baseElement,styleDiv(this.baseElement)},createContainerElements:function(){this.renderableEffectsManager=new CVEffects(this),this.transformedElement=this.baseElement,this.maskedElement=this.layerElement,this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0!==this.data.bm&&this.setBlendMode()},renderElement:function(){var t=this.transformedElement?this.transformedElement.style:{};if(this.finalTransform._matMdf){var e=this.finalTransform.mat.toCSS();t.transform=e,t.webkitTransform=e}this.finalTransform._opMdf&&(t.opacity=this.finalTransform.mProp.o.v)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},destroy:function(){this.layerElement=null,this.transformedElement=null,this.matteElement&&(this.matteElement=null),this.maskManager&&(this.maskManager.destroy(),this.maskManager=null)},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData)},addEffects:function(){},setMatte:function(){}},HBaseElement.prototype.getBaseElement=SVGBaseElement.prototype.getBaseElement,HBaseElement.prototype.destroyBaseElement=HBaseElement.prototype.destroy,HBaseElement.prototype.buildElementParenting=BaseRenderer.prototype.buildElementParenting,extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],HSolidElement),HSolidElement.prototype.createContent=function(){var t;this.data.hasMask?((t=createNS("rect")).setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.svgElement.setAttribute("width",this.data.sw),this.svgElement.setAttribute("height",this.data.sh)):((t=createTag("div")).style.width=this.data.sw+"px",t.style.height=this.data.sh+"px",t.style.backgroundColor=this.data.sc),this.layerElement.appendChild(t)},extendPrototype([BaseElement,TransformElement,HSolidElement,SVGShapeElement,HBaseElement,HierarchyElement,FrameElement,RenderableElement],HShapeElement),HShapeElement.prototype._renderShapeFrame=HShapeElement.prototype.renderInnerContent,HShapeElement.prototype.createContent=function(){var t;if(this.baseElement.style.fontSize=0,this.data.hasMask)this.layerElement.appendChild(this.shapesContainer),t=this.svgElement;else{t=createNS("svg");var e=this.comp.data?this.comp.data:this.globalData.compSize;t.setAttribute("width",e.w),t.setAttribute("height",e.h),t.appendChild(this.shapesContainer),this.layerElement.appendChild(t)}this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.shapesContainer,0,[],!0),this.filterUniqueShapes(),this.shapeCont=t},HShapeElement.prototype.getTransformedPoint=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)e=t[r].mProps.v.applyToPointArray(e[0],e[1],0);return e},HShapeElement.prototype.calculateShapeBoundingBox=function(t,e){var r,i,s,a,n,o=t.sh.v,h=t.transformers,l=o._length;if(!(l<=1)){for(r=0;r<l-1;r+=1)i=this.getTransformedPoint(h,o.v[r]),s=this.getTransformedPoint(h,o.o[r]),a=this.getTransformedPoint(h,o.i[r+1]),n=this.getTransformedPoint(h,o.v[r+1]),this.checkBounds(i,s,a,n,e);o.c&&(i=this.getTransformedPoint(h,o.v[r]),s=this.getTransformedPoint(h,o.o[r]),a=this.getTransformedPoint(h,o.i[0]),n=this.getTransformedPoint(h,o.v[0]),this.checkBounds(i,s,a,n,e))}},HShapeElement.prototype.checkBounds=function(t,e,r,i,s){this.getBoundsOfCurve(t,e,r,i);var a=this.shapeBoundingBox;s.x=bmMin(a.left,s.x),s.xMax=bmMax(a.right,s.xMax),s.y=bmMin(a.top,s.y),s.yMax=bmMax(a.bottom,s.yMax)},HShapeElement.prototype.shapeBoundingBox={left:0,right:0,top:0,bottom:0},HShapeElement.prototype.tempBoundingBox={x:0,xMax:0,y:0,yMax:0,width:0,height:0},HShapeElement.prototype.getBoundsOfCurve=function(t,e,r,i){for(var s,a,n,o,h,l,p,f=[[t[0],i[0]],[t[1],i[1]]],m=0;m<2;++m)a=6*t[m]-12*e[m]+6*r[m],s=-3*t[m]+9*e[m]-9*r[m]+3*i[m],n=3*e[m]-3*t[m],a|=0,n|=0,0===(s|=0)&&0===a||(0===s?(o=-n/a)>0&&o<1&&f[m].push(this.calculateF(o,t,e,r,i,m)):(h=a*a-4*n*s)>=0&&((l=(-a+bmSqrt(h))/(2*s))>0&&l<1&&f[m].push(this.calculateF(l,t,e,r,i,m)),(p=(-a-bmSqrt(h))/(2*s))>0&&p<1&&f[m].push(this.calculateF(p,t,e,r,i,m))));this.shapeBoundingBox.left=bmMin.apply(null,f[0]),this.shapeBoundingBox.top=bmMin.apply(null,f[1]),this.shapeBoundingBox.right=bmMax.apply(null,f[0]),this.shapeBoundingBox.bottom=bmMax.apply(null,f[1])},HShapeElement.prototype.calculateF=function(t,e,r,i,s,a){return bmPow(1-t,3)*e[a]+3*bmPow(1-t,2)*t*r[a]+3*(1-t)*bmPow(t,2)*i[a]+bmPow(t,3)*s[a]},HShapeElement.prototype.calculateBoundingBox=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)t[r]&&t[r].sh?this.calculateShapeBoundingBox(t[r],e):t[r]&&t[r].it&&this.calculateBoundingBox(t[r].it,e)},HShapeElement.prototype.currentBoxContains=function(t){return this.currentBBox.x<=t.x&&this.currentBBox.y<=t.y&&this.currentBBox.width+this.currentBBox.x>=t.x+t.width&&this.currentBBox.height+this.currentBBox.y>=t.y+t.height},HShapeElement.prototype.renderInnerContent=function(){if(this._renderShapeFrame(),!this.hidden&&(this._isFirstFrame||this._mdf)){var t=this.tempBoundingBox,e=999999;if(t.x=e,t.xMax=-e,t.y=e,t.yMax=-e,this.calculateBoundingBox(this.itemsData,t),t.width=t.xMax<t.x?0:t.xMax-t.x,t.height=t.yMax<t.y?0:t.yMax-t.y,this.currentBoxContains(t))return;var r=!1;if(this.currentBBox.w!==t.width&&(this.currentBBox.w=t.width,this.shapeCont.setAttribute("width",t.width),r=!0),this.currentBBox.h!==t.height&&(this.currentBBox.h=t.height,this.shapeCont.setAttribute("height",t.height),r=!0),r||this.currentBBox.x!==t.x||this.currentBBox.y!==t.y){this.currentBBox.w=t.width,this.currentBBox.h=t.height,this.currentBBox.x=t.x,this.currentBBox.y=t.y,this.shapeCont.setAttribute("viewBox",this.currentBBox.x+" "+this.currentBBox.y+" "+this.currentBBox.w+" "+this.currentBBox.h);var i=this.shapeCont.style,s="translate("+this.currentBBox.x+"px,"+this.currentBBox.y+"px)";i.transform=s,i.webkitTransform=s}}},extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement],HTextElement),HTextElement.prototype.createContent=function(){if(this.isMasked=this.checkMasks(),this.isMasked){this.renderType="svg",this.compW=this.comp.data.w,this.compH=this.comp.data.h,this.svgElement.setAttribute("width",this.compW),this.svgElement.setAttribute("height",this.compH);var t=createNS("g");this.maskedElement.appendChild(t),this.innerElem=t}else this.renderType="html",this.innerElem=this.layerElement;this.checkParenting()},HTextElement.prototype.buildNewText=function(){var t=this.textProperty.currentData;this.renderedLetters=createSizedArray(t.l?t.l.length:0);var e=this.innerElem.style,r=t.fc?this.buildColor(t.fc):"rgba(0,0,0,0)";e.fill=r,e.color=r,t.sc&&(e.stroke=this.buildColor(t.sc),e.strokeWidth=t.sw+"px");var i,s,a=this.globalData.fontManager.getFontByName(t.f);if(!this.globalData.fontManager.chars)if(e.fontSize=t.finalSize+"px",e.lineHeight=t.finalSize+"px",a.fClass)this.innerElem.className=a.fClass;else{e.fontFamily=a.fFamily;var n=t.fWeight,o=t.fStyle;e.fontStyle=o,e.fontWeight=n}var h,l,p,f=t.l;s=f.length;var m,c=this.mHelper,d="",u=0;for(i=0;i<s;i+=1){if(this.globalData.fontManager.chars?(this.textPaths[u]?h=this.textPaths[u]:((h=createNS("path")).setAttribute("stroke-linecap",lineCapEnum[1]),h.setAttribute("stroke-linejoin",lineJoinEnum[2]),h.setAttribute("stroke-miterlimit","4")),this.isMasked||(this.textSpans[u]?p=(l=this.textSpans[u]).children[0]:((l=createTag("div")).style.lineHeight=0,(p=createNS("svg")).appendChild(h),styleDiv(l)))):this.isMasked?h=this.textPaths[u]?this.textPaths[u]:createNS("text"):this.textSpans[u]?(l=this.textSpans[u],h=this.textPaths[u]):(styleDiv(l=createTag("span")),styleDiv(h=createTag("span")),l.appendChild(h)),this.globalData.fontManager.chars){var y,g=this.globalData.fontManager.getCharData(t.finalText[i],a.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily);if(y=g?g.data:null,c.reset(),y&&y.shapes&&y.shapes.length&&(m=y.shapes[0].it,c.scale(t.finalSize/100,t.finalSize/100),d=this.createPathShape(c,m),h.setAttribute("d",d)),this.isMasked)this.innerElem.appendChild(h);else{if(this.innerElem.appendChild(l),y&&y.shapes){document.body.appendChild(p);var v=p.getBBox();p.setAttribute("width",v.width+2),p.setAttribute("height",v.height+2),p.setAttribute("viewBox",v.x-1+" "+(v.y-1)+" "+(v.width+2)+" "+(v.height+2));var b=p.style,P="translate("+(v.x-1)+"px,"+(v.y-1)+"px)";b.transform=P,b.webkitTransform=P,f[i].yOffset=v.y-1}else p.setAttribute("width",1),p.setAttribute("height",1);l.appendChild(p)}}else if(h.textContent=f[i].val,h.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"),this.isMasked)this.innerElem.appendChild(h);else{this.innerElem.appendChild(l);var E=h.style,x="translate3d(0,"+-t.finalSize/1.2+"px,0)";E.transform=x,E.webkitTransform=x}this.isMasked?this.textSpans[u]=h:this.textSpans[u]=l,this.textSpans[u].style.display="block",this.textPaths[u]=h,u+=1}for(;u<this.textSpans.length;)this.textSpans[u].style.display="none",u+=1},HTextElement.prototype.renderInnerContent=function(){var t;if(this.data.singleShape){if(!this._isFirstFrame&&!this.lettersChangedFlag)return;if(this.isMasked&&this.finalTransform._matMdf){this.svgElement.setAttribute("viewBox",-this.finalTransform.mProp.p.v[0]+" "+-this.finalTransform.mProp.p.v[1]+" "+this.compW+" "+this.compH),t=this.svgElement.style;var e="translate("+-this.finalTransform.mProp.p.v[0]+"px,"+-this.finalTransform.mProp.p.v[1]+"px)";t.transform=e,t.webkitTransform=e}}if(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag){var r,i,s,a,n,o=0,h=this.textAnimator.renderedLetters,l=this.textProperty.currentData.l;for(i=l.length,r=0;r<i;r+=1)l[r].n?o+=1:(a=this.textSpans[r],n=this.textPaths[r],s=h[o],o+=1,s._mdf.m&&(this.isMasked?a.setAttribute("transform",s.m):(a.style.webkitTransform=s.m,a.style.transform=s.m)),a.style.opacity=s.o,s.sw&&s._mdf.sw&&n.setAttribute("stroke-width",s.sw),s.sc&&s._mdf.sc&&n.setAttribute("stroke",s.sc),s.fc&&s._mdf.fc&&(n.setAttribute("fill",s.fc),n.style.color=s.fc));if(this.innerElem.getBBox&&!this.hidden&&(this._isFirstFrame||this._mdf)){var p=this.innerElem.getBBox();this.currentBBox.w!==p.width&&(this.currentBBox.w=p.width,this.svgElement.setAttribute("width",p.width)),this.currentBBox.h!==p.height&&(this.currentBBox.h=p.height,this.svgElement.setAttribute("height",p.height));if(this.currentBBox.w!==p.width+2||this.currentBBox.h!==p.height+2||this.currentBBox.x!==p.x-1||this.currentBBox.y!==p.y-1){this.currentBBox.w=p.width+2,this.currentBBox.h=p.height+2,this.currentBBox.x=p.x-1,this.currentBBox.y=p.y-1,this.svgElement.setAttribute("viewBox",this.currentBBox.x+" "+this.currentBBox.y+" "+this.currentBBox.w+" "+this.currentBBox.h),t=this.svgElement.style;var f="translate("+this.currentBBox.x+"px,"+this.currentBBox.y+"px)";t.transform=f,t.webkitTransform=f}}}},extendPrototype([BaseElement,FrameElement,HierarchyElement],HCameraElement),HCameraElement.prototype.setup=function(){var t,e,r,i,s=this.comp.threeDElements.length;for(t=0;t<s;t+=1)if("3d"===(e=this.comp.threeDElements[t]).type){r=e.perspectiveElem.style,i=e.container.style;var a=this.pe.v+"px",n="0px 0px 0px",o="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)";r.perspective=a,r.webkitPerspective=a,i.transformOrigin=n,i.mozTransformOrigin=n,i.webkitTransformOrigin=n,r.transform=o,r.webkitTransform=o}},HCameraElement.prototype.createElements=function(){},HCameraElement.prototype.hide=function(){},HCameraElement.prototype.renderFrame=function(){var t,e,r=this._isFirstFrame;if(this.hierarchy)for(e=this.hierarchy.length,t=0;t<e;t+=1)r=this.hierarchy[t].finalTransform.mProp._mdf||r;if(r||this.pe._mdf||this.p&&this.p._mdf||this.px&&(this.px._mdf||this.py._mdf||this.pz._mdf)||this.rx._mdf||this.ry._mdf||this.rz._mdf||this.or._mdf||this.a&&this.a._mdf){if(this.mat.reset(),this.hierarchy)for(t=e=this.hierarchy.length-1;t>=0;t-=1){var i=this.hierarchy[t].finalTransform.mProp;this.mat.translate(-i.p.v[0],-i.p.v[1],i.p.v[2]),this.mat.rotateX(-i.or.v[0]).rotateY(-i.or.v[1]).rotateZ(i.or.v[2]),this.mat.rotateX(-i.rx.v).rotateY(-i.ry.v).rotateZ(i.rz.v),this.mat.scale(1/i.s.v[0],1/i.s.v[1],1/i.s.v[2]),this.mat.translate(i.a.v[0],i.a.v[1],i.a.v[2])}if(this.p?this.mat.translate(-this.p.v[0],-this.p.v[1],this.p.v[2]):this.mat.translate(-this.px.v,-this.py.v,this.pz.v),this.a){var s;s=this.p?[this.p.v[0]-this.a.v[0],this.p.v[1]-this.a.v[1],this.p.v[2]-this.a.v[2]]:[this.px.v-this.a.v[0],this.py.v-this.a.v[1],this.pz.v-this.a.v[2]];var a=Math.sqrt(Math.pow(s[0],2)+Math.pow(s[1],2)+Math.pow(s[2],2)),n=[s[0]/a,s[1]/a,s[2]/a],o=Math.sqrt(n[2]*n[2]+n[0]*n[0]),h=Math.atan2(n[1],o),l=Math.atan2(n[0],-n[2]);this.mat.rotateY(l).rotateX(-h)}this.mat.rotateX(-this.rx.v).rotateY(-this.ry.v).rotateZ(this.rz.v),this.mat.rotateX(-this.or.v[0]).rotateY(-this.or.v[1]).rotateZ(this.or.v[2]),this.mat.translate(this.globalData.compSize.w/2,this.globalData.compSize.h/2,0),this.mat.translate(0,0,this.pe.v);var p=!this._prevMat.equals(this.mat);if((p||this.pe._mdf)&&this.comp.threeDElements){var f,m,c;for(e=this.comp.threeDElements.length,t=0;t<e;t+=1)if("3d"===(f=this.comp.threeDElements[t]).type){if(p){var d=this.mat.toCSS();(c=f.container.style).transform=d,c.webkitTransform=d}this.pe._mdf&&((m=f.perspectiveElem.style).perspective=this.pe.v+"px",m.webkitPerspective=this.pe.v+"px")}this.mat.clone(this._prevMat)}}this._isFirstFrame=!1},HCameraElement.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},HCameraElement.prototype.destroy=function(){},HCameraElement.prototype.getBaseElement=function(){return null},extendPrototype([BaseElement,TransformElement,HBaseElement,HSolidElement,HierarchyElement,FrameElement,RenderableElement],HImageElement),HImageElement.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData),e=new Image;this.data.hasMask?(this.imageElem=createNS("image"),this.imageElem.setAttribute("width",this.assetData.w+"px"),this.imageElem.setAttribute("height",this.assetData.h+"px"),this.imageElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.imageElem),this.baseElement.setAttribute("width",this.assetData.w),this.baseElement.setAttribute("height",this.assetData.h)):this.layerElement.appendChild(e),e.crossOrigin="anonymous",e.src=t,this.data.ln&&this.baseElement.setAttribute("id",this.data.ln)},extendPrototype([BaseRenderer],HybridRendererBase),HybridRendererBase.prototype.buildItem=SVGRenderer.prototype.buildItem,HybridRendererBase.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){this.pendingElements.pop().checkParenting()}},HybridRendererBase.prototype.appendElementInPos=function(t,e){var r=t.getBaseElement();if(r){var i=this.layers[e];if(i.ddd&&this.supports3d)this.addTo3dContainer(r,e);else if(this.threeDElements)this.addTo3dContainer(r,e);else{for(var s,a,n=0;n<e;)this.elements[n]&&!0!==this.elements[n]&&this.elements[n].getBaseElement&&(a=this.elements[n],s=(this.layers[n].ddd?this.getThreeDContainerByPos(n):a.getBaseElement())||s),n+=1;s?i.ddd&&this.supports3d||this.layerElement.insertBefore(r,s):i.ddd&&this.supports3d||this.layerElement.appendChild(r)}}},HybridRendererBase.prototype.createShape=function(t){return this.supports3d?new HShapeElement(t,this.globalData,this):new SVGShapeElement(t,this.globalData,this)},HybridRendererBase.prototype.createText=function(t){return this.supports3d?new HTextElement(t,this.globalData,this):new SVGTextLottieElement(t,this.globalData,this)},HybridRendererBase.prototype.createCamera=function(t){return this.camera=new HCameraElement(t,this.globalData,this),this.camera},HybridRendererBase.prototype.createImage=function(t){return this.supports3d?new HImageElement(t,this.globalData,this):new IImageElement(t,this.globalData,this)},HybridRendererBase.prototype.createSolid=function(t){return this.supports3d?new HSolidElement(t,this.globalData,this):new ISolidElement(t,this.globalData,this)},HybridRendererBase.prototype.createNull=SVGRenderer.prototype.createNull,HybridRendererBase.prototype.getThreeDContainerByPos=function(t){for(var e=0,r=this.threeDElements.length;e<r;){if(this.threeDElements[e].startPos<=t&&this.threeDElements[e].endPos>=t)return this.threeDElements[e].perspectiveElem;e+=1}return null},HybridRendererBase.prototype.createThreeDContainer=function(t,e){var r,i,s=createTag("div");styleDiv(s);var a=createTag("div");if(styleDiv(a),"3d"===e){(r=s.style).width=this.globalData.compSize.w+"px",r.height=this.globalData.compSize.h+"px";var n="50% 50%";r.webkitTransformOrigin=n,r.mozTransformOrigin=n,r.transformOrigin=n;var o="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)";(i=a.style).transform=o,i.webkitTransform=o}s.appendChild(a);var h={container:a,perspectiveElem:s,startPos:t,endPos:t,type:e};return this.threeDElements.push(h),h},HybridRendererBase.prototype.build3dContainers=function(){var t,e,r=this.layers.length,i="";for(t=0;t<r;t+=1)this.layers[t].ddd&&3!==this.layers[t].ty?("3d"!==i&&(i="3d",e=this.createThreeDContainer(t,"3d")),e.endPos=Math.max(e.endPos,t)):("2d"!==i&&(i="2d",e=this.createThreeDContainer(t,"2d")),e.endPos=Math.max(e.endPos,t));for(t=(r=this.threeDElements.length)-1;t>=0;t-=1)this.resizerElem.appendChild(this.threeDElements[t].perspectiveElem)},HybridRendererBase.prototype.addTo3dContainer=function(t,e){for(var r=0,i=this.threeDElements.length;r<i;){if(e<=this.threeDElements[r].endPos){for(var s,a=this.threeDElements[r].startPos;a<e;)this.elements[a]&&this.elements[a].getBaseElement&&(s=this.elements[a].getBaseElement()),a+=1;s?this.threeDElements[r].container.insertBefore(t,s):this.threeDElements[r].container.appendChild(t);break}r+=1}},HybridRendererBase.prototype.configAnimation=function(t){var e=createTag("div"),r=this.animationItem.wrapper,i=e.style;i.width=t.w+"px",i.height=t.h+"px",this.resizerElem=e,styleDiv(e),i.transformStyle="flat",i.mozTransformStyle="flat",i.webkitTransformStyle="flat",this.renderConfig.className&&e.setAttribute("class",this.renderConfig.className),r.appendChild(e),i.overflow="hidden";var s=createNS("svg");s.setAttribute("width","1"),s.setAttribute("height","1"),styleDiv(s),this.resizerElem.appendChild(s);var a=createNS("defs");s.appendChild(a),this.data=t,this.setupGlobalData(t,s),this.globalData.defs=a,this.layers=t.layers,this.layerElement=this.resizerElem,this.build3dContainers(),this.updateContainerSize()},HybridRendererBase.prototype.destroy=function(){var t;this.animationItem.wrapper&&(this.animationItem.wrapper.innerText=""),this.animationItem.container=null,this.globalData.defs=null;var e=this.layers?this.layers.length:0;for(t=0;t<e;t+=1)this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},HybridRendererBase.prototype.updateContainerSize=function(){var t,e,r,i,s=this.animationItem.wrapper.offsetWidth,a=this.animationItem.wrapper.offsetHeight,n=s/a;this.globalData.compSize.w/this.globalData.compSize.h>n?(t=s/this.globalData.compSize.w,e=s/this.globalData.compSize.w,r=0,i=(a-this.globalData.compSize.h*(s/this.globalData.compSize.w))/2):(t=a/this.globalData.compSize.h,e=a/this.globalData.compSize.h,r=(s-this.globalData.compSize.w*(a/this.globalData.compSize.h))/2,i=0);var o=this.resizerElem.style;o.webkitTransform="matrix3d("+t+",0,0,0,0,"+e+",0,0,0,0,1,0,"+r+","+i+",0,1)",o.transform=o.webkitTransform},HybridRendererBase.prototype.renderFrame=SVGRenderer.prototype.renderFrame,HybridRendererBase.prototype.hide=function(){this.resizerElem.style.display="none"},HybridRendererBase.prototype.show=function(){this.resizerElem.style.display="block"},HybridRendererBase.prototype.initItems=function(){if(this.buildAllItems(),this.camera)this.camera.setup();else{var t,e=this.globalData.compSize.w,r=this.globalData.compSize.h,i=this.threeDElements.length;for(t=0;t<i;t+=1){var s=this.threeDElements[t].perspectiveElem.style;s.webkitPerspective=Math.sqrt(Math.pow(e,2)+Math.pow(r,2))+"px",s.perspective=s.webkitPerspective}}},HybridRendererBase.prototype.searchExtraCompositions=function(t){var e,r=t.length,i=createTag("div");for(e=0;e<r;e+=1)if(t[e].xt){var s=this.createComp(t[e],i,this.globalData.comp,null);s.initExpressions(),this.globalData.projectInterface.registerComposition(s)}},extendPrototype([HybridRendererBase,ICompElement,HBaseElement],HCompElement),HCompElement.prototype._createBaseContainerElements=HCompElement.prototype.createContainerElements,HCompElement.prototype.createContainerElements=function(){this._createBaseContainerElements(),this.data.hasMask?(this.svgElement.setAttribute("width",this.data.w),this.svgElement.setAttribute("height",this.data.h),this.transformedElement=this.baseElement):this.transformedElement=this.layerElement},HCompElement.prototype.addTo3dContainer=function(t,e){for(var r,i=0;i<e;)this.elements[i]&&this.elements[i].getBaseElement&&(r=this.elements[i].getBaseElement()),i+=1;r?this.layerElement.insertBefore(t,r):this.layerElement.appendChild(t)},HCompElement.prototype.createComp=function(t){return this.supports3d?new HCompElement(t,this.globalData,this):new SVGCompElement(t,this.globalData,this)},extendPrototype([HybridRendererBase],HybridRenderer),HybridRenderer.prototype.createComp=function(t){return this.supports3d?new HCompElement(t,this.globalData,this):new SVGCompElement(t,this.globalData,this)};var Expressions=function(){var t={};return t.initExpressions=function(t){var e=0,r=[];t.renderer.compInterface=CompExpressionInterface(t.renderer),t.renderer.globalData.projectInterface.registerComposition(t.renderer),t.renderer.globalData.pushExpression=function(){e+=1},t.renderer.globalData.popExpression=function(){0==(e-=1)&&function(){var t,e=r.length;for(t=0;t<e;t+=1)r[t].release();r.length=0}()},t.renderer.globalData.registerExpressionProperty=function(t){-1===r.indexOf(t)&&r.push(t)}},t}();function _typeof$1(t){return _typeof$1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof$1(t)}function seedRandom(t,e){var r,i=this,s=256,a=e.pow(s,6),n=e.pow(2,52),o=2*n,h=255;function l(t){var e,r=t.length,i=this,a=0,n=i.i=i.j=0,o=i.S=[];for(r||(t=[r++]);a<s;)o[a]=a++;for(a=0;a<s;a++)o[a]=o[n=h&n+t[a%r]+(e=o[a])],o[n]=e;i.g=function(t){for(var e,r=0,a=i.i,n=i.j,o=i.S;t--;)e=o[a=h&a+1],r=r*s+o[h&(o[a]=o[n=h&n+e])+(o[n]=e)];return i.i=a,i.j=n,r}}function p(t,e){return e.i=t.i,e.j=t.j,e.S=t.S.slice(),e}function f(t,e){var r,i=[],s=_typeof$1(t);if(e&&"object"==s)for(r in t)try{i.push(f(t[r],e-1))}catch(t){}return i.length?i:"string"==s?t:t+"\0"}function m(t,e){for(var r,i=t+"",s=0;s<i.length;)e[h&s]=h&(r^=19*e[h&s])+i.charCodeAt(s++);return c(e)}function c(t){return String.fromCharCode.apply(0,t)}e.seedrandom=function(h,d,u){var y=[],g=m(f((d=!0===d?{entropy:!0}:d||{}).entropy?[h,c(t)]:null===h?function(){try{r;var e=new Uint8Array(s);return(i.crypto||i.msCrypto).getRandomValues(e),c(e)}catch(e){var a=i.navigator,n=a&&a.plugins;return[+new Date,i,n,i.screen,c(t)]}}():h,3),y),v=new l(y),b=function(){for(var t=v.g(6),e=a,r=0;t<n;)t=(t+r)*s,e*=s,r=v.g(1);for(;t>=o;)t/=2,e/=2,r>>>=1;return(t+r)/e};return b.int32=function(){return 0|v.g(4)},b.quick=function(){return v.g(4)/4294967296},b.double=b,m(c(v.S),t),(d.pass||u||function(t,r,i,s){return s&&(s.S&&p(s,v),t.state=function(){return p(v,{})}),i?(e.random=t,r):t})(b,g,"global"in d?d.global:this==e,d.state)},m(e.random(),t)}function initialize$2(t){seedRandom([],t)}var propTypes={SHAPE:"shape"};function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}var ExpressionManager=function(){var ob={},Math=BMMath,window=null,document=null,XMLHttpRequest=null,fetch=null,frames=null;function $bm_isInstanceOfArray(t){return t.constructor===Array||t.constructor===Float32Array}function isNumerable(t,e){return"number"===t||"boolean"===t||"string"===t||e instanceof Number}function $bm_neg(t){var e=_typeof(t);if("number"===e||"boolean"===e||t instanceof Number)return-t;if($bm_isInstanceOfArray(t)){var r,i=t.length,s=[];for(r=0;r<i;r+=1)s[r]=-t[r];return s}return t.propType?t.v:-t}initialize$2(BMMath);var easeInBez=BezierFactory.getBezierEasing(.333,0,.833,.833,"easeIn").get,easeOutBez=BezierFactory.getBezierEasing(.167,.167,.667,1,"easeOut").get,easeInOutBez=BezierFactory.getBezierEasing(.33,0,.667,1,"easeInOut").get;function sum(t,e){var r=_typeof(t),i=_typeof(e);if("string"===r||"string"===i)return t+e;if(isNumerable(r,t)&&isNumerable(i,e))return t+e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return(t=t.slice(0))[0]+=e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t+e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]+e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}var add=sum;function sub(t,e){var r=_typeof(t),i=_typeof(e);if(isNumerable(r,t)&&isNumerable(i,e))return"string"===r&&(t=parseInt(t,10)),"string"===i&&(e=parseInt(e,10)),t-e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return(t=t.slice(0))[0]-=e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t-e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]-e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}function mul(t,e){var r,i,s,a=_typeof(t),n=_typeof(e);if(isNumerable(a,t)&&isNumerable(n,e))return t*e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t[i]*e;return r}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t*e[i];return r}return 0}function div(t,e){var r,i,s,a=_typeof(t),n=_typeof(e);if(isNumerable(a,t)&&isNumerable(n,e))return t/e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t[i]/e;return r}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t/e[i];return r}return 0}function mod(t,e){return"string"==typeof t&&(t=parseInt(t,10)),"string"==typeof e&&(e=parseInt(e,10)),t%e}var $bm_sum=sum,$bm_sub=sub,$bm_mul=mul,$bm_div=div,$bm_mod=mod;function clamp(t,e,r){if(e>r){var i=r;r=e,e=i}return Math.min(Math.max(t,e),r)}function radiansToDegrees(t){return t/degToRads}var radians_to_degrees=radiansToDegrees;function degreesToRadians(t){return t*degToRads}var degrees_to_radians=radiansToDegrees,helperLengthArray=[0,0,0,0,0,0];function length(t,e){if("number"==typeof t||t instanceof Number)return e=e||0,Math.abs(t-e);var r;e||(e=helperLengthArray);var i=Math.min(t.length,e.length),s=0;for(r=0;r<i;r+=1)s+=Math.pow(e[r]-t[r],2);return Math.sqrt(s)}function normalize(t){return div(t,length(t))}function rgbToHsl(t){var e,r,i=t[0],s=t[1],a=t[2],n=Math.max(i,s,a),o=Math.min(i,s,a),h=(n+o)/2;if(n===o)e=0,r=0;else{var l=n-o;switch(r=h>.5?l/(2-n-o):l/(n+o),n){case i:e=(s-a)/l+(s<a?6:0);break;case s:e=(a-i)/l+2;break;case a:e=(i-s)/l+4}e/=6}return[e,r,h,t[3]]}function hue2rgb(t,e,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?t+6*(e-t)*r:r<.5?e:r<2/3?t+(e-t)*(2/3-r)*6:t}function hslToRgb(t){var e,r,i,s=t[0],a=t[1],n=t[2];if(0===a)e=n,i=n,r=n;else{var o=n<.5?n*(1+a):n+a-n*a,h=2*n-o;e=hue2rgb(h,o,s+1/3),r=hue2rgb(h,o,s),i=hue2rgb(h,o,s-1/3)}return[e,r,i,t[3]]}function linear(t,e,r,i,s){if(void 0!==i&&void 0!==s||(i=e,s=r,e=0,r=1),r<e){var a=r;r=e,e=a}if(t<=e)return i;if(t>=r)return s;var n,o=r===e?0:(t-e)/(r-e);if(!i.length)return i+(s-i)*o;var h=i.length,l=createTypedArray("float32",h);for(n=0;n<h;n+=1)l[n]=i[n]+(s[n]-i[n])*o;return l}function random(t,e){if(void 0===e&&(void 0===t?(t=0,e=1):(e=t,t=void 0)),e.length){var r,i=e.length;t||(t=createTypedArray("float32",i));var s=createTypedArray("float32",i),a=BMMath.random();for(r=0;r<i;r+=1)s[r]=t[r]+a*(e[r]-t[r]);return s}return void 0===t&&(t=0),t+BMMath.random()*(e-t)}function createPath(t,e,r,i){var s,a=t.length,n=shapePool.newElement();n.setPathData(!!i,a);var o,h,l=[0,0];for(s=0;s<a;s+=1)o=e&&e[s]?e[s]:l,h=r&&r[s]?r[s]:l,n.setTripleAt(t[s][0],t[s][1],h[0]+t[s][0],h[1]+t[s][1],o[0]+t[s][0],o[1]+t[s][1],s,!0);return n}function initiateExpression(elem,data,property){var val=data.x,needsVelocity=/velocity(?![\w\d])/.test(val),_needsRandom=-1!==val.indexOf("random"),elemType=elem.data.ty,transform,$bm_transform,content,effect,thisProperty=property;thisProperty.valueAtTime=thisProperty.getValueAtTime,Object.defineProperty(thisProperty,"value",{get:function(){return thisProperty.v}}),elem.comp.frameDuration=1/elem.comp.globalData.frameRate,elem.comp.displayStartTime=0;var inPoint=elem.data.ip/elem.comp.globalData.frameRate,outPoint=elem.data.op/elem.comp.globalData.frameRate,width=elem.data.sw?elem.data.sw:0,height=elem.data.sh?elem.data.sh:0,name=elem.data.nm,loopIn,loop_in,loopOut,loop_out,smooth,toWorld,fromWorld,fromComp,toComp,fromCompToSurface,position,rotation,anchorPoint,scale,thisLayer,thisComp,mask,valueAtTime,velocityAtTime,scoped_bm_rt,expression_function=eval("[function _expression_function(){"+val+";scoped_bm_rt=$bm_rt}]")[0],numKeys=property.kf?data.k.length:0,active=!this.data||!0!==this.data.hd,wiggle=function(t,e){var r,i,s=this.pv.length?this.pv.length:1,a=createTypedArray("float32",s);var n=Math.floor(5*time);for(r=0,i=0;r<n;){for(i=0;i<s;i+=1)a[i]+=-e+2*e*BMMath.random();r+=1}var o=5*time,h=o-Math.floor(o),l=createTypedArray("float32",s);if(s>1){for(i=0;i<s;i+=1)l[i]=this.pv[i]+a[i]+(-e+2*e*BMMath.random())*h;return l}return this.pv+a[0]+(-e+2*e*BMMath.random())*h}.bind(this);function loopInDuration(t,e){return loopIn(t,e,!0)}function loopOutDuration(t,e){return loopOut(t,e,!0)}thisProperty.loopIn&&(loopIn=thisProperty.loopIn.bind(thisProperty),loop_in=loopIn),thisProperty.loopOut&&(loopOut=thisProperty.loopOut.bind(thisProperty),loop_out=loopOut),thisProperty.smooth&&(smooth=thisProperty.smooth.bind(thisProperty)),this.getValueAtTime&&(valueAtTime=this.getValueAtTime.bind(this)),this.getVelocityAtTime&&(velocityAtTime=this.getVelocityAtTime.bind(this));var comp=elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface),time,velocity,value,text,textIndex,textTotal,selectorValue;function lookAt(t,e){var r=[e[0]-t[0],e[1]-t[1],e[2]-t[2]],i=Math.atan2(r[0],Math.sqrt(r[1]*r[1]+r[2]*r[2]))/degToRads;return[-Math.atan2(r[1],r[2])/degToRads,i,0]}function easeOut(t,e,r,i,s){return applyEase(easeOutBez,t,e,r,i,s)}function easeIn(t,e,r,i,s){return applyEase(easeInBez,t,e,r,i,s)}function ease(t,e,r,i,s){return applyEase(easeInOutBez,t,e,r,i,s)}function applyEase(t,e,r,i,s,a){void 0===s?(s=r,a=i):e=(e-r)/(i-r),e>1?e=1:e<0&&(e=0);var n=t(e);if($bm_isInstanceOfArray(s)){var o,h=s.length,l=createTypedArray("float32",h);for(o=0;o<h;o+=1)l[o]=(a[o]-s[o])*n+s[o];return l}return(a-s)*n+s}function nearestKey(t){var e,r,i,s=data.k.length;if(data.k.length&&"number"!=typeof data.k[0])if(r=-1,(t*=elem.comp.globalData.frameRate)<data.k[0].t)r=1,i=data.k[0].t;else{for(e=0;e<s-1;e+=1){if(t===data.k[e].t){r=e+1,i=data.k[e].t;break}if(t>data.k[e].t&&t<data.k[e+1].t){t-data.k[e].t>data.k[e+1].t-t?(r=e+2,i=data.k[e+1].t):(r=e+1,i=data.k[e].t);break}}-1===r&&(r=e+1,i=data.k[e].t)}else r=0,i=0;var a={};return a.index=r,a.time=i/elem.comp.globalData.frameRate,a}function key(t){var e,r,i;if(!data.k.length||"number"==typeof data.k[0])throw new Error("The property has no keyframe at index "+t);t-=1,e={time:data.k[t].t/elem.comp.globalData.frameRate,value:[]};var s=Object.prototype.hasOwnProperty.call(data.k[t],"s")?data.k[t].s:data.k[t-1].e;for(i=s.length,r=0;r<i;r+=1)e[r]=s[r],e.value[r]=s[r];return e}function framesToTime(t,e){return e||(e=elem.comp.globalData.frameRate),t/e}function timeToFrames(t,e){return t||0===t||(t=time),e||(e=elem.comp.globalData.frameRate),t*e}function seedRandom(t){BMMath.seedrandom(randSeed+t)}function sourceRectAtTime(){return elem.sourceRectAtTime()}function substring(t,e){return"string"==typeof value?void 0===e?value.substring(t):value.substring(t,e):""}function substr(t,e){return"string"==typeof value?void 0===e?value.substr(t):value.substr(t,e):""}function posterizeTime(t){time=0===t?0:Math.floor(time*t)/t,value=valueAtTime(time)}var index=elem.data.ind,hasParent=!(!elem.hierarchy||!elem.hierarchy.length),parent,randSeed=Math.floor(1e6*Math.random()),globalData=elem.globalData;function executeExpression(t){return value=t,this.frameExpressionId===elem.globalData.frameId&&"textSelector"!==this.propType?value:("textSelector"===this.propType&&(textIndex=this.textIndex,textTotal=this.textTotal,selectorValue=this.selectorValue),thisLayer||(text=elem.layerInterface.text,thisLayer=elem.layerInterface,thisComp=elem.comp.compInterface,toWorld=thisLayer.toWorld.bind(thisLayer),fromWorld=thisLayer.fromWorld.bind(thisLayer),fromComp=thisLayer.fromComp.bind(thisLayer),toComp=thisLayer.toComp.bind(thisLayer),mask=thisLayer.mask?thisLayer.mask.bind(thisLayer):null,fromCompToSurface=fromComp),transform||(transform=elem.layerInterface("ADBE Transform Group"),$bm_transform=transform,transform&&(anchorPoint=transform.anchorPoint)),4!==elemType||content||(content=thisLayer("ADBE Root Vectors Group")),effect||(effect=thisLayer(4)),(hasParent=!(!elem.hierarchy||!elem.hierarchy.length))&&!parent&&(parent=elem.hierarchy[0].layerInterface),time=this.comp.renderedFrame/this.comp.globalData.frameRate,_needsRandom&&seedRandom(randSeed+time),needsVelocity&&(velocity=velocityAtTime(time)),expression_function(),this.frameExpressionId=elem.globalData.frameId,scoped_bm_rt=scoped_bm_rt.propType===propTypes.SHAPE?scoped_bm_rt.v:scoped_bm_rt)}return executeExpression.__preventDeadCodeRemoval=[$bm_transform,anchorPoint,velocity,inPoint,outPoint,width,height,name,loop_in,loop_out,smooth,toComp,fromCompToSurface,toWorld,fromWorld,mask,position,rotation,scale,thisComp,numKeys,active,wiggle,loopInDuration,loopOutDuration,comp,lookAt,easeOut,easeIn,ease,nearestKey,key,text,textIndex,textTotal,selectorValue,framesToTime,timeToFrames,sourceRectAtTime,substring,substr,posterizeTime,index,globalData],executeExpression}return ob.initiateExpression=initiateExpression,ob.__preventDeadCodeRemoval=[window,document,XMLHttpRequest,fetch,frames,$bm_neg,add,$bm_sum,$bm_sub,$bm_mul,$bm_div,$bm_mod,clamp,radians_to_degrees,degreesToRadians,degrees_to_radians,normalize,rgbToHsl,hslToRgb,linear,random,createPath],ob}(),expressionHelpers={searchExpressions:function(t,e,r){e.x&&(r.k=!0,r.x=!0,r.initiateExpression=ExpressionManager.initiateExpression,r.effectsSequence.push(r.initiateExpression(t,e,r).bind(r)))},getSpeedAtTime:function(t){var e=this.getValueAtTime(t),r=this.getValueAtTime(t+-.01),i=0;if(e.length){var s;for(s=0;s<e.length;s+=1)i+=Math.pow(r[s]-e[s],2);i=100*Math.sqrt(i)}else i=0;return i},getVelocityAtTime:function(t){if(void 0!==this.vel)return this.vel;var e,r,i=-.001,s=this.getValueAtTime(t),a=this.getValueAtTime(t+i);if(s.length)for(e=createTypedArray("float32",s.length),r=0;r<s.length;r+=1)e[r]=(a[r]-s[r])/i;else e=(a-s)/i;return e},getValueAtTime:function(t){return t*=this.elem.globalData.frameRate,(t-=this.offsetTime)!==this._cachingAtTime.lastFrame&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastFrame<t?this._cachingAtTime.lastIndex:0,this._cachingAtTime.value=this.interpolateValue(t,this._cachingAtTime),this._cachingAtTime.lastFrame=t),this._cachingAtTime.value},getStaticValueAtTime:function(){return this.pv},setGroupProperty:function(t){this.propertyGroup=t}};function addPropertyDecorator(){function t(t,e,r){if(!this.k||!this.keyframes)return this.pv;t=t?t.toLowerCase():"";var i,s,a,n,o,h=this.comp.renderedFrame,l=this.keyframes,p=l[l.length-1].t;if(h<=p)return this.pv;if(r?s=p-(i=e?Math.abs(p-this.elem.comp.globalData.frameRate*e):Math.max(0,p-this.elem.data.ip)):((!e||e>l.length-1)&&(e=l.length-1),i=p-(s=l[l.length-1-e].t)),"pingpong"===t){if(Math.floor((h-s)/i)%2!=0)return this.getValueAtTime((i-(h-s)%i+s)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var f=this.getValueAtTime(s/this.comp.globalData.frameRate,0),m=this.getValueAtTime(p/this.comp.globalData.frameRate,0),c=this.getValueAtTime(((h-s)%i+s)/this.comp.globalData.frameRate,0),d=Math.floor((h-s)/i);if(this.pv.length){for(n=(o=new Array(f.length)).length,a=0;a<n;a+=1)o[a]=(m[a]-f[a])*d+c[a];return o}return(m-f)*d+c}if("continue"===t){var u=this.getValueAtTime(p/this.comp.globalData.frameRate,0),y=this.getValueAtTime((p-.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*((h-p)/this.comp.globalData.frameRate)/5e-4;return o}return u+(h-p)/.001*(u-y)}}return this.getValueAtTime(((h-s)%i+s)/this.comp.globalData.frameRate,0)}function e(t,e,r){if(!this.k)return this.pv;t=t?t.toLowerCase():"";var i,s,a,n,o,h=this.comp.renderedFrame,l=this.keyframes,p=l[0].t;if(h>=p)return this.pv;if(r?s=p+(i=e?Math.abs(this.elem.comp.globalData.frameRate*e):Math.max(0,this.elem.data.op-p)):((!e||e>l.length-1)&&(e=l.length-1),i=(s=l[e].t)-p),"pingpong"===t){if(Math.floor((p-h)/i)%2==0)return this.getValueAtTime(((p-h)%i+p)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var f=this.getValueAtTime(p/this.comp.globalData.frameRate,0),m=this.getValueAtTime(s/this.comp.globalData.frameRate,0),c=this.getValueAtTime((i-(p-h)%i+p)/this.comp.globalData.frameRate,0),d=Math.floor((p-h)/i)+1;if(this.pv.length){for(n=(o=new Array(f.length)).length,a=0;a<n;a+=1)o[a]=c[a]-(m[a]-f[a])*d;return o}return c-(m-f)*d}if("continue"===t){var u=this.getValueAtTime(p/this.comp.globalData.frameRate,0),y=this.getValueAtTime((p+.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*(p-h)/.001;return o}return u+(u-y)*(p-h)/.001}}return this.getValueAtTime((i-((p-h)%i+p))/this.comp.globalData.frameRate,0)}function r(t,e){if(!this.k)return this.pv;if(t=.5*(t||.4),(e=Math.floor(e||5))<=1)return this.pv;var r,i,s=this.comp.renderedFrame/this.comp.globalData.frameRate,a=s-t,n=e>1?(s+t-a)/(e-1):1,o=0,h=0;for(r=this.pv.length?createTypedArray("float32",this.pv.length):0;o<e;){if(i=this.getValueAtTime(a+o*n),this.pv.length)for(h=0;h<this.pv.length;h+=1)r[h]+=i[h];else r+=i;o+=1}if(this.pv.length)for(h=0;h<this.pv.length;h+=1)r[h]/=e;else r/=e;return r}function i(t){this._transformCachingAtTime||(this._transformCachingAtTime={v:new Matrix});var e=this._transformCachingAtTime.v;if(e.cloneFromProps(this.pre.props),this.appliedTransformations<1){var r=this.a.getValueAtTime(t);e.translate(-r[0]*this.a.mult,-r[1]*this.a.mult,r[2]*this.a.mult)}if(this.appliedTransformations<2){var i=this.s.getValueAtTime(t);e.scale(i[0]*this.s.mult,i[1]*this.s.mult,i[2]*this.s.mult)}if(this.sk&&this.appliedTransformations<3){var s=this.sk.getValueAtTime(t),a=this.sa.getValueAtTime(t);e.skewFromAxis(-s*this.sk.mult,a*this.sa.mult)}if(this.r&&this.appliedTransformations<4){var n=this.r.getValueAtTime(t);e.rotate(-n*this.r.mult)}else if(!this.r&&this.appliedTransformations<4){var o=this.rz.getValueAtTime(t),h=this.ry.getValueAtTime(t),l=this.rx.getValueAtTime(t),p=this.or.getValueAtTime(t);e.rotateZ(-o*this.rz.mult).rotateY(h*this.ry.mult).rotateX(l*this.rx.mult).rotateZ(-p[2]*this.or.mult).rotateY(p[1]*this.or.mult).rotateX(p[0]*this.or.mult)}if(this.data.p&&this.data.p.s){var f=this.px.getValueAtTime(t),m=this.py.getValueAtTime(t);if(this.data.p.z){var c=this.pz.getValueAtTime(t);e.translate(f*this.px.mult,m*this.py.mult,-c*this.pz.mult)}else e.translate(f*this.px.mult,m*this.py.mult,0)}else{var d=this.p.getValueAtTime(t);e.translate(d[0]*this.p.mult,d[1]*this.p.mult,-d[2]*this.p.mult)}return e}function s(){return this.v.clone(new Matrix)}var a=TransformPropertyFactory.getTransformProperty;TransformPropertyFactory.getTransformProperty=function(t,e,r){var n=a(t,e,r);return n.dynamicProperties.length?n.getValueAtTime=i.bind(n):n.getValueAtTime=s.bind(n),n.setGroupProperty=expressionHelpers.setGroupProperty,n};var n=PropertyFactory.getProp;PropertyFactory.getProp=function(i,s,a,o,h){var l=n(i,s,a,o,h);l.kf?l.getValueAtTime=expressionHelpers.getValueAtTime.bind(l):l.getValueAtTime=expressionHelpers.getStaticValueAtTime.bind(l),l.setGroupProperty=expressionHelpers.setGroupProperty,l.loopOut=t,l.loopIn=e,l.smooth=r,l.getVelocityAtTime=expressionHelpers.getVelocityAtTime.bind(l),l.getSpeedAtTime=expressionHelpers.getSpeedAtTime.bind(l),l.numKeys=1===s.a?s.k.length:0,l.propertyIndex=s.ix;var p=0;return 0!==a&&(p=createTypedArray("float32",1===s.a?s.k[0].s.length:s.k.length)),l._cachingAtTime={lastFrame:initialDefaultFrame,lastIndex:0,value:p},expressionHelpers.searchExpressions(i,s,l),l.k&&h.addDynamicProperty(l),l};var o=ShapePropertyFactory.getConstructorFunction(),h=ShapePropertyFactory.getKeyframedConstructorFunction();function l(){}l.prototype={vertices:function(t,e){this.k&&this.getValue();var r,i=this.v;void 0!==e&&(i=this.getValueAtTime(e,0));var s=i._length,a=i[t],n=i.v,o=createSizedArray(s);for(r=0;r<s;r+=1)o[r]="i"===t||"o"===t?[a[r][0]-n[r][0],a[r][1]-n[r][1]]:[a[r][0],a[r][1]];return o},points:function(t){return this.vertices("v",t)},inTangents:function(t){return this.vertices("i",t)},outTangents:function(t){return this.vertices("o",t)},isClosed:function(){return this.v.c},pointOnPath:function(t,e){var r=this.v;void 0!==e&&(r=this.getValueAtTime(e,0)),this._segmentsLength||(this._segmentsLength=bez.getSegmentsLength(r));for(var i,s=this._segmentsLength,a=s.lengths,n=s.totalLength*t,o=0,h=a.length,l=0;o<h;){if(l+a[o].addedLength>n){var p=o,f=r.c&&o===h-1?0:o+1,m=(n-l)/a[o].addedLength;i=bez.getPointInSegment(r.v[p],r.v[f],r.o[p],r.i[f],m,a[o]);break}l+=a[o].addedLength,o+=1}return i||(i=r.c?[r.v[0][0],r.v[0][1]]:[r.v[r._length-1][0],r.v[r._length-1][1]]),i},vectorOnPath:function(t,e,r){1==t?t=this.v.c:0==t&&(t=.999);var i=this.pointOnPath(t,e),s=this.pointOnPath(t+.001,e),a=s[0]-i[0],n=s[1]-i[1],o=Math.sqrt(Math.pow(a,2)+Math.pow(n,2));return 0===o?[0,0]:"tangent"===r?[a/o,n/o]:[-n/o,a/o]},tangentOnPath:function(t,e){return this.vectorOnPath(t,e,"tangent")},normalOnPath:function(t,e){return this.vectorOnPath(t,e,"normal")},setGroupProperty:expressionHelpers.setGroupProperty,getValueAtTime:expressionHelpers.getStaticValueAtTime},extendPrototype([l],o),extendPrototype([l],h),h.prototype.getValueAtTime=function(t){return this._cachingAtTime||(this._cachingAtTime={shapeValue:shapePool.clone(this.pv),lastIndex:0,lastTime:initialDefaultFrame}),t*=this.elem.globalData.frameRate,(t-=this.offsetTime)!==this._cachingAtTime.lastTime&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastTime<t?this._caching.lastIndex:0,this._cachingAtTime.lastTime=t,this.interpolateShape(t,this._cachingAtTime.shapeValue,this._cachingAtTime)),this._cachingAtTime.shapeValue},h.prototype.initiateExpression=ExpressionManager.initiateExpression;var p=ShapePropertyFactory.getShapeProp;ShapePropertyFactory.getShapeProp=function(t,e,r,i,s){var a=p(t,e,r,i,s);return a.propertyIndex=e.ix,a.lock=!1,3===r?expressionHelpers.searchExpressions(t,e.pt,a):4===r&&expressionHelpers.searchExpressions(t,e.ks,a),a.k&&t.addDynamicProperty(a),a}}function initialize$1(){addPropertyDecorator()}function addDecorator(){TextProperty.prototype.getExpressionValue=function(t,e){var r=this.calculateExpression(e);if(t.t!==r){var i={};return this.copyData(i,t),i.t=r.toString(),i.__complete=!1,i}return t},TextProperty.prototype.searchProperty=function(){var t=this.searchKeyframes(),e=this.searchExpressions();return this.kf=t||e,this.kf},TextProperty.prototype.searchExpressions=function(){return this.data.d.x?(this.calculateExpression=ExpressionManager.initiateExpression.bind(this)(this.elem,this.data.d,this),this.addEffect(this.getExpressionValue.bind(this)),!0):null}}function initialize(){addDecorator()}return registerRenderer("canvas",CanvasRenderer),registerRenderer("html",HybridRenderer),registerRenderer("svg",SVGRenderer),ShapeModifiers.registerModifier("tm",TrimModifier),ShapeModifiers.registerModifier("pb",PuckerAndBloatModifier),ShapeModifiers.registerModifier("rp",RepeaterModifier),ShapeModifiers.registerModifier("rd",RoundCornersModifier),setExpressionsPlugin(Expressions),initialize$1(),initialize(),registerEffect(20,SVGTintFilter,!0),registerEffect(21,SVGFillFilter,!0),registerEffect(22,SVGStrokeEffect,!1),registerEffect(23,SVGTritoneFilter,!0),registerEffect(24,SVGProLevelsFilter,!0),registerEffect(25,SVGDropShadowEffect,!0),registerEffect(28,SVGMatte3Effect,!1),registerEffect(29,SVGGaussianBlurEffect,!0),lottie}));
+          </script><!-- endbuild -->
+
+
+          <div id="lottie"></div>
+    </div>
+    <script>
+        var animationData = {"v":"5.9.0","fr":30,"ip":0,"op":39,"w":900,"h":125,"nm":"Export","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"01.Icon_Dark Outlines","cl":"Icon_Dark","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":21,"s":[0]},{"t":26,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[450,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[57,53,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-1.394,3.277],[0,0],[5.061,0],[0,0],[0.864,-2.024],[0,0],[-4.425,0],[0,0],[-1,-2.341],[0,0],[3.576,0],[0,0],[0.864,-2.024],[0,0],[-5.061,0],[0,0],[-0.863,2.024],[0,0],[-2.5,0],[0,0],[1.803,4.199],[0,0],[2.212,0]],"o":[[0,0],[-3.576,0],[0,0],[1.985,-4.637],[0,0],[-2.213,0],[0,0],[-1.743,4.063],[0,0],[2.561,0],[0,0],[1.409,3.293],[0,0],[-2.213,0],[0,0],[-1.985,4.636],[0,0],[2.212,0],[0,0],[0.985,-2.295],[0,0],[4.591,0],[0,0],[-0.863,-2.024],[0,0]],"v":[[38.676,-17.83],[14.432,-17.83],[10.477,-23.796],[19.205,-44.216],[13.614,-52.644],[-8.994,-52.644],[-14.586,-48.959],[-25.086,-24.385],[-20.192,-16.999],[2.991,-16.999],[8.871,-13.133],[19.205,11.033],[15.25,17.014],[-38.769,17.014],[-44.361,20.699],[-54.422,44.216],[-48.831,52.644],[3.749,52.644],[9.34,48.958],[21.038,21.59],[26.766,17.815],[49.601,17.815],[54.662,10.172],[44.267,-14.13],[38.676,-17.815]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.129411764706,0.129411764706,0.129411764706,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[56.657,52.894],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"02.Icon_Stroked Outlines","cl":"Icon_Stroked","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":9,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":21,"s":[100]},{"t":26,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[450,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[56.5,53.5,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.899,-1.358],[-1.986,0],[0,0],[0,0],[0,0],[-0.913,-0.602],[-0.357,-0.837],[0,0],[0,0],[0,0],[0.733,-1.108],[2.098,0],[0,0],[1.111,-2.589],[0,0],[0,0],[0,0],[0.913,-0.603],[0.916,0],[0,0],[0.83,1.251],[-0.914,2.135],[0,0],[-0.914,0.602],[-0.916,0],[0,0],[-0.901,1.36],[0.783,1.829],[0,0],[2.879,0],[0,0],[0.705,1.062],[-0.793,1.847],[0,0],[0,0],[-0.914,0.602],[-0.916,0],[0,0],[-0.83,-1.251],[0.914,-2.136]],"o":[[0,0],[-0.774,1.822],[0.899,1.358],[0,0],[0,0],[0,0],[0.916,0],[0.913,0.602],[0,0],[0,0],[0,0],[0.823,1.917],[-0.733,1.109],[0,0],[-2.821,0],[0,0],[0,0],[0,0],[-0.357,0.837],[-0.913,0.602],[0,0],[-2.333,0],[-0.829,-1.25],[0,0],[0.357,-0.837],[0.913,-0.602],[0,0],[1.986,0],[0.901,-1.361],[0,0],[-1.127,-2.637],[0,0],[-2.015,0],[-0.704,-1.062],[0,0],[0,0],[0.357,-0.837],[0.913,-0.602],[0,0],[2.334,0],[0.829,1.25],[0,0]],"v":[[9.667,-24.111],[9.665,-24.109],[9.848,-19.143],[14.357,-17.031],[37.801,-17.031],[37.801,-17.014],[38.602,-17.014],[41.462,-16.064],[43.456,-13.816],[43.458,-13.816],[53.852,10.486],[53.853,10.488],[53.788,15.126],[49.527,17.014],[26.691,17.014],[20.229,21.275],[20.227,21.277],[8.531,48.645],[8.529,48.645],[6.536,50.893],[3.674,51.844],[-48.906,51.844],[-53.676,49.727],[-53.762,44.531],[-43.7,21.014],[-41.704,18.766],[-38.844,17.814],[15.176,17.814],[19.689,15.701],[19.865,10.719],[9.531,-13.447],[2.917,-17.799],[-20.266,-17.799],[-24.361,-19.611],[-24.425,-24.07],[-24.425,-24.07],[-13.924,-48.645],[-11.93,-50.893],[-9.07,-51.844],[13.538,-51.844],[18.311,-49.727],[18.395,-44.531]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[56.276,53.444],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"05.Left_Five Outlines","cl":"Left_Five","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.6]},"t":9,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":21,"s":[100]},{"i":{"x":[0],"y":[2.3]},"o":{"x":[0.167],"y":[0.167]},"t":26,"s":[100]},{"t":39,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[359,97.5,0],"ix":2,"l":2},"a":{"a":0,"k":[24.5,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.404,0],[0,0],[1.295,-3.021],[0,0],[2.397,0],[0,0],[-1.156,2.72],[0,0]],"o":[[0,0],[3.287,0],[0,0],[-0.944,2.203],[0,0],[-2.955,0],[0,0],[0.94,-2.213]],"v":[[-5.717,-17.031],[17.367,-17.031],[21.576,-10.65],[11.27,13.399],[5.762,17.031],[-17.92,17.031],[-21.715,11.295],[-11.232,-13.381]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[24.471,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"04.Left_Four Outlines","cl":"Left_Four","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":8,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":20.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":25.5,"s":[100]},{"t":38,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[344,27.5,0],"ix":2,"l":2},"a":{"a":0,"k":[24.5,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.404,0],[0,0],[1.295,-3.021],[0,0],[2.397,0],[0,0],[-1.156,2.72],[0,0]],"o":[[0,0],[3.287,0],[0,0],[-0.944,2.203],[0,0],[-2.955,0],[0,0],[0.94,-2.213]],"v":[[-5.717,-17.031],[17.367,-17.031],[21.576,-10.65],[11.27,13.399],[5.762,17.031],[-17.92,17.031],[-21.715,11.295],[-11.232,-13.381]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[24.471,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"03.Left_Three Outlines","cl":"Left_Three","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":7,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":19.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":24.5,"s":[100]},{"t":37,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[266,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[40,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.397,0],[0,0],[-1.215,-2.834],[0,0],[-2.397,0],[0,0],[1.402,3.27],[0,0]],"o":[[0,0],[-3.083,0],[0,0],[0.945,2.203],[0,0],[3.559,0],[0,0],[-0.944,-2.203]],"v":[[20.933,-17.031],[-32.761,-17.031],[-36.708,-11.045],[-26.233,13.399],[-20.725,17.031],[31.965,17.031],[36.521,10.122],[26.441,-13.399]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[39.523,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"02.Left_Two Outlines","cl":"Left_Two","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":6,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":18.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":23.5,"s":[100]},{"t":36,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[160,97.5,0],"ix":2,"l":2},"a":{"a":0,"k":[40,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.397,0],[0,0],[1.215,-2.834],[0,0],[2.398,0],[0,0],[-1.402,3.27],[0,0]],"o":[[0,0],[3.083,0],[0,0],[-0.945,2.203],[0,0],[-3.558,0],[0,0],[0.944,-2.203]],"v":[[-20.933,-17.031],[32.761,-17.031],[36.708,-11.045],[26.233,13.399],[20.724,17.031],[-31.966,17.031],[-36.521,10.122],[-26.441,-13.399]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[39.523,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"01.Left_One Outlines","cl":"Left_One","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":5,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":17.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":22.5,"s":[100]},{"t":35,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[61,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[24.5,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.404,0],[0,0],[1.295,-3.021],[0,0],[2.397,0],[0,0],[-1.156,2.72],[0,0]],"o":[[0,0],[3.287,0],[0,0],[-0.944,2.203],[0,0],[-2.955,0],[0,0],[0.94,-2.213]],"v":[[-5.717,-17.031],[17.367,-17.031],[21.576,-10.65],[11.27,13.399],[5.762,17.031],[-17.92,17.031],[-21.715,11.295],[-11.232,-13.381]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[24.471,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"05.Right_Five Outlines","cl":"Right_Five","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.6]},"t":9,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":21,"s":[100]},{"i":{"x":[0],"y":[2.3]},"o":{"x":[0.167],"y":[0.167]},"t":26,"s":[100]},{"t":39,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[546,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[24.5,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.404,0],[0,0],[1.295,-3.021],[0,0],[2.397,0],[0,0],[-1.156,2.72],[0,0]],"o":[[0,0],[3.287,0],[0,0],[-0.944,2.203],[0,0],[-2.955,0],[0,0],[0.94,-2.213]],"v":[[-5.717,-17.031],[17.367,-17.031],[21.576,-10.65],[11.27,13.399],[5.762,17.031],[-17.92,17.031],[-21.715,11.295],[-11.232,-13.381]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[24.471,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"04.Right_Four Outlines","cl":"Right_Four","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":8,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":20.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":25.5,"s":[100]},{"t":38,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[614,97.5,0],"ix":2,"l":2},"a":{"a":0,"k":[24.5,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.404,0],[0,0],[-1.295,-3.021],[0,0],[-2.397,0],[0,0],[1.156,2.72],[0,0]],"o":[[0,0],[-3.287,0],[0,0],[0.944,2.203],[0,0],[2.955,0],[0,0],[-0.94,-2.213]],"v":[[5.717,-17.031],[-17.367,-17.031],[-21.576,-10.65],[-11.27,13.399],[-5.762,17.031],[17.92,17.031],[21.715,11.295],[11.232,-13.381]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[24.471,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"03.Right_Three Outlines","cl":"Right_Three","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":7,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":19.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":24.5,"s":[100]},{"t":37,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[654,26.5,0],"ix":2,"l":2},"a":{"a":0,"k":[24.5,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.404,0],[0,0],[-1.295,-3.021],[0,0],[-2.397,0],[0,0],[1.156,2.72],[0,0]],"o":[[0,0],[-3.287,0],[0,0],[0.944,2.203],[0,0],[2.955,0],[0,0],[-0.94,-2.213]],"v":[[5.717,-17.031],[-17.368,-17.031],[-21.576,-10.65],[-11.27,13.399],[-5.762,17.031],[17.919,17.031],[21.714,11.295],[11.232,-13.381]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[24.471,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":11,"ty":4,"nm":"02.Right_Two Outlines","cl":"Right_Two","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":6,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":18.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":23.5,"s":[100]},{"t":36,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[724,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[40,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.397,0],[0,0],[1.215,-2.834],[0,0],[2.398,0],[0,0],[-1.402,3.27],[0,0]],"o":[[0,0],[3.083,0],[0,0],[-0.945,2.203],[0,0],[-3.558,0],[0,0],[0.944,-2.203]],"v":[[-20.933,-17.031],[32.761,-17.031],[36.708,-11.045],[26.233,13.399],[20.724,17.031],[-31.966,17.031],[-36.521,10.122],[-26.441,-13.399]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[39.523,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":"01.Right_One Outlines","cl":"Right_One","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":5,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":17.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":22.5,"s":[100]},{"t":35,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[839,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[24.5,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.404,0],[0,0],[1.295,-3.021],[0,0],[2.397,0],[0,0],[-1.156,2.72],[0,0]],"o":[[0,0],[3.287,0],[0,0],[-0.944,2.203],[0,0],[-2.955,0],[0,0],[0.94,-2.213]],"v":[[-5.717,-17.031],[17.368,-17.031],[21.576,-10.65],[11.27,13.399],[5.762,17.031],[-17.919,17.031],[-21.715,11.295],[-11.232,-13.381]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[24.471,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":14,"ty":1,"nm":"BG","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[450,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[450,62.5,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"sw":900,"sh":125,"sc":"#ffffff","ip":0,"op":719,"st":0,"bm":0}],"markers":[]};
+        var params = {
+            container: document.getElementById('lottie'),
+            renderer: 'svg',
+            loop: true,
+            autoplay: true,
+            animationData: animationData
+        };
+
+        var _anim;
+
+        _anim = lottie.loadAnimation(params);
+
+    </script>
+  </div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+</html>
diff --git a/frontend-vue/package.json b/frontend-vue/package.json
new file mode 100644
index 000000000..785de15a4
--- /dev/null
+++ b/frontend-vue/package.json
@@ -0,0 +1,49 @@
+{
+	"name": "rocketadmin-vue",
+	"version": "1.0.0",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"dev": "node scripts/update-version.js && vite --mode development",
+		"dev:saas": "node scripts/update-version.js && vite --mode saas",
+		"build": "node scripts/update-version.js && vite build --mode production",
+		"build:saas": "node scripts/update-version.js && vite build --mode saas-production",
+		"preview": "vite preview",
+		"typecheck": "vue-tsc --build",
+		"lint": "biome check . && eslint .",
+		"test": "vitest",
+		"test:ci": "vitest run",
+		"update-version": "node scripts/update-version.js"
+	},
+	"dependencies": {
+		"@cedar-policy/cedar-wasm": "^4.9.1",
+		"@fontsource/ibm-plex-mono": "^5.2.7",
+		"@fontsource/noto-sans": "^5.2.10",
+		"@material-symbols/font-400": "^0.40.2",
+		"@tanstack/vue-query": "^5.104.2",
+		"monaco-editor": "0.55.1",
+		"pinia": "^3.0.4",
+		"vue": "^3.5.43",
+		"vue-router": "^4.6.4",
+		"vuetify": "^3.13.6"
+	},
+	"devDependencies": {
+		"@biomejs/biome": "2.4.0",
+		"@types/node": "^24.0.0",
+		"@vitejs/plugin-vue": "^6.0.10",
+		"@vue/test-utils": "^2.5.1",
+		"@vue/tsconfig": "^0.8.1",
+		"eslint": "^10.12.0",
+		"eslint-plugin-vue": "^10.11.1",
+		"jsdom": "^27.4.0",
+		"typescript": "~5.9.3",
+		"typescript-eslint": "^8.71.1",
+		"vite": "^8.3.4",
+		"vite-plugin-static-copy": "^4.1.1",
+		"vite-plugin-vuetify": "^2.1.3",
+		"vitest": "^5.0.4",
+		"vue-eslint-parser": "^10.2.0",
+		"vue-tsc": "^3.3.13"
+	},
+	"packageManager": "pnpm@10.33.0"
+}
diff --git a/frontend-vue/pnpm-lock.yaml b/frontend-vue/pnpm-lock.yaml
new file mode 100644
index 000000000..14ac6991d
--- /dev/null
+++ b/frontend-vue/pnpm-lock.yaml
@@ -0,0 +1,2789 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      '@cedar-policy/cedar-wasm':
+        specifier: ^4.9.1
+        version: 4.13.0
+      '@fontsource/ibm-plex-mono':
+        specifier: ^5.2.7
+        version: 5.3.0
+      '@fontsource/noto-sans':
+        specifier: ^5.2.10
+        version: 5.3.0
+      '@material-symbols/font-400':
+        specifier: ^0.40.2
+        version: 0.40.2
+      '@tanstack/vue-query':
+        specifier: ^5.104.2
+        version: 5.104.2(vue@3.5.43(typescript@5.9.3))
+      monaco-editor:
+        specifier: 0.55.1
+        version: 0.55.1
+      pinia:
+        specifier: ^3.0.4
+        version: 3.0.4(typescript@5.9.3)(vue@3.5.43(typescript@5.9.3))
+      vue:
+        specifier: ^3.5.43
+        version: 3.5.43(typescript@5.9.3)
+      vue-router:
+        specifier: ^4.6.4
+        version: 4.6.4(vue@3.5.43(typescript@5.9.3))
+      vuetify:
+        specifier: ^3.13.6
+        version: 3.13.6(typescript@5.9.3)(vite-plugin-vuetify@2.1.3)(vue@3.5.43(typescript@5.9.3))
+    devDependencies:
+      '@biomejs/biome':
+        specifier: 2.4.0
+        version: 2.4.0
+      '@types/node':
+        specifier: ^24.0.0
+        version: 24.19.2
+      '@vitejs/plugin-vue':
+        specifier: ^6.0.10
+        version: 6.0.10(vite@8.3.4(@types/node@24.19.2))(vue@3.5.43(typescript@5.9.3))
+      '@vue/test-utils':
+        specifier: ^2.5.1
+        version: 2.5.1(@vue/compiler-dom@3.5.43)(@vue/server-renderer@3.5.43)(vue@3.5.43(typescript@5.9.3))
+      '@vue/tsconfig':
+        specifier: ^0.8.1
+        version: 0.8.1(typescript@5.9.3)(vue@3.5.43(typescript@5.9.3))
+      eslint:
+        specifier: ^10.12.0
+        version: 10.12.0
+      eslint-plugin-vue:
+        specifier: ^10.11.1
+        version: 10.11.1(@typescript-eslint/parser@8.71.1(eslint@10.12.0)(typescript@5.9.3))(eslint@10.12.0)(vue-eslint-parser@10.4.1(eslint@10.12.0))
+      jsdom:
+        specifier: ^27.4.0
+        version: 27.4.0
+      typescript:
+        specifier: ~5.9.3
+        version: 5.9.3
+      typescript-eslint:
+        specifier: ^8.71.1
+        version: 8.71.1(eslint@10.12.0)(typescript@5.9.3)
+      vite:
+        specifier: ^8.3.4
+        version: 8.3.4(@types/node@24.19.2)
+      vite-plugin-static-copy:
+        specifier: ^4.1.1
+        version: 4.1.1(vite@8.3.4(@types/node@24.19.2))
+      vite-plugin-vuetify:
+        specifier: ^2.1.3
+        version: 2.1.3(vite@8.3.4(@types/node@24.19.2))(vue@3.5.43(typescript@5.9.3))(vuetify@3.13.6)
+      vitest:
+        specifier: ^5.0.4
+        version: 5.0.4(@types/node@24.19.2)(jsdom@27.4.0)(vite@8.3.4(@types/node@24.19.2))
+      vue-eslint-parser:
+        specifier: ^10.2.0
+        version: 10.4.1(eslint@10.12.0)
+      vue-tsc:
+        specifier: ^3.3.13
+        version: 3.3.13(typescript@5.9.3)
+
+packages:
+
+  '@acemir/cssom@0.9.32':
+    resolution: {integrity: sha512-OijrAUu7rrJhSIoHNg6LMPS5e344nwUHA+1EFYYjrh64D+GmytUsfBQjci45TjT+rd5Spsp8B5xsZDT+TgyXXQ==}
+
+  '@asamuzakjp/css-color@4.1.2':
+    resolution: {integrity: sha512-NfBUvBaYgKIuq6E/RBLY1m0IohzNHAYyaJGuTK79Z23uNwmz2jl1mPsC5ZxCCxylinKhT1Amn5oNTlx1wN8cQg==}
+
+  '@asamuzakjp/dom-selector@6.8.1':
+    resolution: {integrity: sha512-MvRz1nCqW0fsy8Qz4dnLIvhOlMzqDVBabZx6lH+YywFDdjXhMY37SmpV1XFX3JzG5GWHn63j6HX6QPr3lZXHvQ==}
+
+  '@asamuzakjp/nwsapi@2.3.9':
+    resolution: {integrity: sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==}
+
+  '@babel/helper-string-parser@7.29.7':
+    resolution: {integrity: sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.29.7':
+    resolution: {integrity: sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.29.9':
+    resolution: {integrity: sha512-CjXrNHTnvqBVqHgdBysY3vk2T8tpJHb5/RMeHJBTyVa9xgugCB0CJTx/3oO8RV2QRQP391RWpB7D6hLjm8V9uA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/types@7.29.8':
+    resolution: {integrity: sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==}
+    engines: {node: '>=6.9.0'}
+
+  '@biomejs/biome@2.4.0':
+    resolution: {integrity: sha512-iluT61cORUDIC5i/y42ljyQraCemmmcgbMLLCnYO+yh+2hjTmcMFcwY8G0zTzWCsPb3t3AyKc+0t/VuhPZULUg==}
+    engines: {node: '>=14.21.3'}
+    hasBin: true
+
+  '@biomejs/cli-darwin-arm64@2.4.0':
+    resolution: {integrity: sha512-L+YpOtPSuU0etomfvFTPWRsa7+8ejaJL3yaROEoT/96HDJbR6OsvZQk0C8JUYou+XFdP+JcGxqZknkp4n934RA==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@biomejs/cli-darwin-x64@2.4.0':
+    resolution: {integrity: sha512-Aq+S7ffpb5ynTyLgtnEjG+W6xuTd2F7FdC7J6ShpvRhZwJhjzwITGF9vrqoOnw0sv1XWkt2Q1Rpg+hleg/Xg7Q==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@biomejs/cli-linux-arm64-musl@2.4.0':
+    resolution: {integrity: sha512-1rhDUq8sf7xX3tg7vbnU3WVfanKCKi40OXc4VleBMzRStmQHdeBY46aFP6VdwEomcVjyNiu+Zcr3LZtAdrZrjQ==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@biomejs/cli-linux-arm64@2.4.0':
+    resolution: {integrity: sha512-u2p54IhvNAWB+h7+rxCZe3reNfQYFK+ppDw+q0yegrGclFYnDPZAntv/PqgUacpC3uxTeuWFgWW7RFe3lHuxOA==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@biomejs/cli-linux-x64-musl@2.4.0':
+    resolution: {integrity: sha512-Omo0xhl63z47X+CrE5viEWKJhejJyndl577VoXg763U/aoATrK3r5+8DPh02GokWPeODX1Hek00OtjjooGan9w==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@biomejs/cli-linux-x64@2.4.0':
+    resolution: {integrity: sha512-WVFOhsnzhrbMGOSIcB9yFdRV2oG2KkRRhIZiunI9gJqSU3ax9ErdnTxRfJUxZUI9NbzVxC60OCXNcu+mXfF/Tw==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@biomejs/cli-win32-arm64@2.4.0':
+    resolution: {integrity: sha512-aqRwW0LJLV1v1NzyLvLWQhdLmDSAV1vUh+OBdYJaa8f28XBn5BZavo+WTfqgEzALZxlNfBmu6NGO6Al3MbCULw==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@biomejs/cli-win32-x64@2.4.0':
+    resolution: {integrity: sha512-g47s+V+OqsGxbSZN3lpav6WYOk0PIc3aCBAq+p6dwSynL3K5MA6Cg6nkzDOlu28GEHwbakW+BllzHCJCxnfK5Q==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [win32]
+
+  '@cacheable/memory@2.2.0':
+    resolution: {integrity: sha512-CTLKqLItRCEixEAewD3/j9DB3/o96gpTPD4eJ1v+DGOlxZRZncRQkGYqqnAGCscYd6RNeXfGeiuCphsPtqyIfQ==}
+
+  '@cacheable/utils@2.5.0':
+    resolution: {integrity: sha512-buipgOVDkkPXNR5+xBpDw7Zk2n1EvU7qBJCNUcL7rhQ//kfpOXPAvQ511Os0vpLYJ1pZnvudNytkQt2hst3wqA==}
+
+  '@cedar-policy/cedar-wasm@4.13.0':
+    resolution: {integrity: sha512-1omEd/J0c7RjcfSUWiXZc6zk6XUs1IuY7Yk9TVysoKV/LpFWIk45RpjvRFVioPUR3RQmgA/DaqKhK3pucbBx1A==}
+
+  '@csstools/color-helpers@6.1.2':
+    resolution: {integrity: sha512-grhRy3OKmniaAEKXMjua5z/EODX0MSqBGjunw8+j/3HQjOnahs2AGhvEOIYVUWcU6ScApbhLhVrQTX8XqrMrow==}
+    engines: {node: '>=20.19.0'}
+
+  '@csstools/css-calc@3.4.3':
+    resolution: {integrity: sha512-iex20d8CHVkyvg6B7UKV7uHnI2Bqo9g+EFfT9E0y+GvTvhZ/DwONJ+9aKb1dlqm0ZiGsL5RXjp0fCoJYnkeDjA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.2
+      '@csstools/css-tokenizer': ^4.0.2
+
+  '@csstools/css-color-parser@4.2.6':
+    resolution: {integrity: sha512-iiPQ3iRWwnJkeEn6RIu6SJPr7hYrLz6XZ9s/QZl+2/LI5KQVjpl2fdmDSZKuD4xP6GMmMPgHFFXg6k1Wkz0Trg==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^4.0.2
+      '@csstools/css-tokenizer': ^4.0.2
+
+  '@csstools/css-parser-algorithms@4.0.2':
+    resolution: {integrity: sha512-40cSKyMvK+tq4qz6Awrlye2WGuOKt3FwPgtGg6KTfbHOWNw+Rk1rzbAtZnZ6IBhsY491HLRnDXwoyBAijmmILA==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^4.0.2
+
+  '@csstools/css-syntax-patches-for-csstree@1.1.15':
+    resolution: {integrity: sha512-J0u7HkVl2nzSlhsiTOp4AmwcUQ3D+mGEEKfBy/7To5/y7F2OHwyLrXfrhR0SMgr4p5Lo+eaMVSeai24zUcBIxA==}
+    peerDependencies:
+      css-tree: ^3.2.1
+    peerDependenciesMeta:
+      css-tree:
+        optional: true
+
+  '@csstools/css-tokenizer@4.0.2':
+    resolution: {integrity: sha512-OoKoR0f76dCY666JlcbhmVTs2drYj1GUXZTYTcbUgJjh9Nv41aFfZ21bPQTERm5+L5cBDo466NltB2lplS5GBw==}
+    engines: {node: '>=20.19.0'}
+
+  '@eslint-community/eslint-utils@4.10.1':
+    resolution: {integrity: sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/config-array@0.23.5':
+    resolution: {integrity: sha512-Y3kKLvC1dvTOT+oGlqNQ1XLqK6D1HU2YXPc52NmAlJZbMMWDzGYXMiPRJ8TYD39muD/OTjlZmNJ4ib7dvSrMBA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/config-helpers@0.7.0':
+    resolution: {integrity: sha512-DObd/KKUsU+FaFv4PLxSRenpXfQWmPXXP3pPZ6/K1PCrMu2vQpMDMuQe/BqYeoLcz8ro0bVDF1RxOJgfVEdhUw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/core@1.2.1':
+    resolution: {integrity: sha512-MwcE1P+AZ4C6DWlpin/OmOA54mmIZ/+xZuJiQd4SyB29oAJjN30UW9wkKNptW2ctp4cEsvhlLY/CsQ1uoHDloQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/object-schema@3.0.5':
+    resolution: {integrity: sha512-vqTaUEgxzm+YDSdElad6PiRoX4t8VGDjCtt05zn4nU810UIx/uNEV7/lZJ6KwFThKZOzOxzXy48da+No7HZaMw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/plugin-kit@0.7.3':
+    resolution: {integrity: sha512-IkO+/KEUvwbVpiURZg+P7zF74z5Jxe0UgJxVni+RtoHQ6IZieXaO02kmadomap/q+l6bc/jdPGGqTjhuZnuz1Q==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@exodus/bytes@1.16.0':
+    resolution: {integrity: sha512-IcpW84uEn3N7ETtNZMlxKhfl6Pec8rUNGOTBtWbK1FKhJxIFAptZyVrvVRVBimAJxJCgc3PxepxkdWWG4DVzfA==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+    peerDependencies:
+      '@noble/hashes': ^1.8.0 || ^2.0.0
+    peerDependenciesMeta:
+      '@noble/hashes':
+        optional: true
+
+  '@fontsource/ibm-plex-mono@5.3.0':
+    resolution: {integrity: sha512-eTgnZjZEGk1QtD3ZstF+Vclo2HLAni8YMy34/DxllwZvyz1lR/1RF/xTiAquOBO7MvqBx8D2Ig2WCPMVfdZu7Q==}
+
+  '@fontsource/noto-sans@5.3.0':
+    resolution: {integrity: sha512-fBCog2PY7DiVVTEEqtI/Qdinx/knobHYfoGpjFXdfBX5RoJaBp1Prw2G75p0OIsdlMZg3cLo0c+YbIUYOxnQJw==}
+
+  '@humanfs/core@0.19.2':
+    resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.8':
+    resolution: {integrity: sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/types@0.15.0':
+    resolution: {integrity: sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.6.0':
+    resolution: {integrity: sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@keyv/bigmap@1.3.1':
+    resolution: {integrity: sha512-WbzE9sdmQtKy8vrNPa9BRnwZh5UF4s1KTmSK0KUVLo3eff5BlQNNWDnFOouNpKfPKDnms9xynJjsMYjMaT/aFQ==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      keyv: ^5.6.0
+
+  '@keyv/serialize@1.1.1':
+    resolution: {integrity: sha512-dXn3FZhPv0US+7dtJsIi2R+c7qWYiReoEh5zUntWCf4oSpMNib8FDhSoed6m3QyZdx5hK7iLFkYk3rNxwt8vTA==}
+
+  '@material-symbols/font-400@0.40.2':
+    resolution: {integrity: sha512-Ibyypche5VmVB0ZNZd9Ytt9BSHhNr34ZTbFycfXY4Gnbs6mf+jYRblTGosHWWzw010mhJMewfnuW8nnk1XI9Ag==}
+
+  '@one-ini/wasm@0.2.1':
+    resolution: {integrity: sha512-TUqERXGNTifZ9y2g3wPxQrw3HpHv/02DsW3D90T9x0hhonrL1ZqpSmNrU2XkoIq0fP1N6gZfVQzy2Fw1ZvGBNg==}
+
+  '@oxc-project/types@0.153.0':
+    resolution: {integrity: sha512-jSNrRIyvPVLL5E1z/tS5zLAprosGz/FuI1PWwEOz59j3E4TTTzSpqKb/RDGqJhhW0QHYISGXxq582wGx6T11Tw==}
+
+  '@rolldown/binding-android-arm-eabi@1.2.13':
+    resolution: {integrity: sha512-Vu/NICrgdRvUOeaJZIyB2FP63s6fO/4ud5l8dXmxDx9yDyn+mN0y+gsvsVviSli+T361Aqo0h46EuMoobrwawA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@rolldown/binding-android-arm64@1.2.13':
+    resolution: {integrity: sha512-6LEoIrGy5vvCd2boNnv2soPSUZj/PRvhp8R/t9KlX+mIZxThIE/ZqxrGXxmuNX0FuvQFvLdZr7S4HrYpYBVhEQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@rolldown/binding-darwin-arm64@1.2.13':
+    resolution: {integrity: sha512-CaJSRzlQ6Q+zkDMVA9OkVxBjVoPRCDEE3v0FSJ9kIQBgRjFApA3Si4ijhbNVUji7ZJt+PfO0e46qy4nPInHUPA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rolldown/binding-darwin-x64@1.2.13':
+    resolution: {integrity: sha512-e4r340I5hxSzJkD3YJBxgzq/rJ3wwxwdLLb2FPt1Zpyem20nrQPT11DDEEkazwxaHumH8wpglsp/Ozgj/wT6mw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rolldown/binding-freebsd-x64@1.2.13':
+    resolution: {integrity: sha512-hoBWDZ4/K/mJKVMbsgUd1jfpA2DiOrJ54mpegObU9TBHBBrtX4FLIXJJQRDPZ/2Dn91GvPob+Z2hwKJzf4E5SQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.13':
+    resolution: {integrity: sha512-oF9fZu3vTWnTiVAkDFxU9PJLt1nh20K9RRpuHsR7ZnE2L7XookBbDBVLojCVSLGbvtSlxeUNnjAj6DbNsKyzbg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@rolldown/binding-linux-arm64-gnu@1.2.13':
+    resolution: {integrity: sha512-DTpb/+jMiqWMPgphn4ksW1zW+XLJ6dJJ9FMvnIk9I291LhCctMPhMYJrP5t9p6C9qa3KXadDdUEZHBaPh3kNxQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-arm64-musl@1.2.13':
+    resolution: {integrity: sha512-xU+Kvv9N2A3SY35zFh1FWWNjxbadE/BKeqnkXe7vScU4GZsw757BlVmDLITZEq8DPpk6m7uoDYkK7P+x/uU5Ow==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-linux-ppc64-gnu@1.2.13':
+    resolution: {integrity: sha512-XMk/hnhh25oQ756Lclb1Q11h4ll0xC0Esa5w4Vzp+mAE2S3AGJgeM0SonrIgY8fHhjarb6hcoTuwoFG0VVP2ig==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-s390x-gnu@1.2.13':
+    resolution: {integrity: sha512-U1BoTHYmlywE2n3HUWjzZ+8EQsKr+OwpxYuDWaubx42tUL8QSL7nOqRz/NVHanibbFP3M1Rxuprz/wNcbMKjqw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-gnu@1.2.13':
+    resolution: {integrity: sha512-J4cm80Pc6wEwV5AZ42o62sIQgDk+Y7R2s646jIwuvO+4V46QB58N4vVuMPWCBaNgursXLpmUWJV//WQAkPvHBQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-musl@1.2.13':
+    resolution: {integrity: sha512-W0euZS40U4V6JkmEnVCIX9mcsL6cbXQ4X8c2w+MMOIjFg68TXUW+u3RT+2e1t1pv9mg/EP3pDtK3POXdQ7Rxyw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-openharmony-arm64@1.2.13':
+    resolution: {integrity: sha512-do/AF/4n9MRshia3a5aXoy8xM2c6mgfT6D7H/dY6my5z+hfCIR4ab7mk4IRj++nsEQpKy39kd0DQnDq+r692tw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rolldown/binding-win32-arm64-msvc@1.2.13':
+    resolution: {integrity: sha512-6FtUf2cJZobutJdxnGYX8z0vtbgqU0b2v8vfBhkXb9wp2MppMFtkunE+IaOntyi01rkIQoPW2GHABtfzsC0BRQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rolldown/binding-win32-x64-msvc@1.2.13':
+    resolution: {integrity: sha512-UKhFaZTeTcbKrb3iU82m17jVcPEAoqDkCN5MBqgPyZSwp/cQmib21crTS0DdH7T1B7wZRWEI89YQAOJMet5yhg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@rolldown/pluginutils@1.0.1':
+    resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==}
+
+  '@tanstack/match-sorter-utils@9.2.6':
+    resolution: {integrity: sha512-DIpUSOhPfQ7u/qfUi/Wgm0wBO56MyBYXGvnlI0NcauDRPqdBUlAZZjW2Dxm92m+k1UWVhKw8YJ4f47+75Aujyw==}
+    engines: {node: '>=20'}
+
+  '@tanstack/query-core@5.104.2':
+    resolution: {integrity: sha512-/qbsxJK5c3Ve1aFIULWYNcT2jeRUAiD4HME6Eu2ZdpofHoVgAjpkQhLg5xHuOoBkTPQUJLfP7zOxy0qsBcqROA==}
+
+  '@tanstack/vue-query@5.104.2':
+    resolution: {integrity: sha512-xTJpUMYenXuFstlgRSug10HPcc2TgAfughAxr7ftvaxsuHIZ4jfHQy/uzk99ejJWbrzpPdXiGC9VWtNd/Qvfew==}
+    peerDependencies:
+      '@vue/composition-api': ^1.1.2
+      vue: ^2.6.0 || ^3.3.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+
+  '@types/chai@5.2.3':
+    resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
+
+  '@types/deep-eql@4.0.2':
+    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+
+  '@types/esrecurse@4.3.1':
+    resolution: {integrity: sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==}
+
+  '@types/estree@1.0.9':
+    resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/node@24.19.2':
+    resolution: {integrity: sha512-93d49wCWJkCyN87MxLpNN6KXPCwFw7bVUg79mGUV1OS40JGWwVCr8n61DXCSqz7CV6/VfPkb7xec7uP2M+QHWQ==}
+
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
+  '@typescript-eslint/eslint-plugin@8.71.1':
+    resolution: {integrity: sha512-nNlBf6HuotqMgZvSkWD5hNdemiBIxQ2NmrlgfcUIeZRs+BbakjscCQRq/Hb74EFVnFiSWWdL12JruqwBy3ERDw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.71.1
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/parser@8.71.1':
+    resolution: {integrity: sha512-oM/5sAqz/l1v/zYK1qTOPrn2+JIrBGC1V6uNYucRO5gh6eT9vWJ/RhPbGE59byvZEUQ4VP6XkLBaS5Jti5jpvw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/project-service@8.71.1':
+    resolution: {integrity: sha512-Oijc9RUsohHjncg6iGi7gCtjnEjYt9FWv9u6ygK8uKcHK5eLjLAkqERQ9BaytbpceOFdk6kifPCS/zAZE+A99g==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/scope-manager@8.71.1':
+    resolution: {integrity: sha512-1YUDZXdTnXLlob03SFHBipdyMBsDVm7zoSz0ytTJ39dk5J1TgsTK03VlR/dLXG/RLLUrPcYbD4rp23BmHxHP0w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/tsconfig-utils@8.71.1':
+    resolution: {integrity: sha512-oTvkml5SxXhgg+WWKhod5qWQICDXtOB+/Hi9VdPKFAANJ2b7YOgMffgvzXuqog7R6A/JtrzRf128dsxummyWhg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/type-utils@8.71.1':
+    resolution: {integrity: sha512-kH3t3jZCYv2PZSBEWPKTariLrCaoF1CLoPitYFBJOhAGEwWnSRAtGEifrfrpBa4K9JlwWNZotgA5w3/wLSk/FQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/types@8.71.1':
+    resolution: {integrity: sha512-ybYnPTUwg3VQQOFEiBPLs8Jxl1ry2vXdn1kVKguomBbvxpetdu3MKTNDqFNUrlG8ylP9MpZosmXMFYlGQHk1oQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.71.1':
+    resolution: {integrity: sha512-pSKSEK1JJpHs6KiKVtABCE4iJK5d7FLFzDXQNBQ2oRY7LEd3UwOt3TZemTgu9syTIf56dJWlTn/pdmrO9oKUXQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/utils@8.71.1':
+    resolution: {integrity: sha512-CBjT6gfAz3DW2j9Q4moFnqt208Aq+506sVGXfpRcyAeqn0EpayL0mjdWoCO2t3RC7GewNrFxdeehuEaPg6DMzQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  '@typescript-eslint/visitor-keys@8.71.1':
+    resolution: {integrity: sha512-0GxiUGqMU0qXJt58cBsiG3DP8lUmBaFo2vChtUX+CT7PnR3v/VGLLrzVP4K9r1lNiZXjHYefMBbPunplr09v6w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@vitejs/plugin-vue@6.0.10':
+    resolution: {integrity: sha512-b80aUQh3n+qEzzZm5oQp3rT2QImeCx58K6eFl/RkJ3d65KW0kTuv5lNsLRVAjbW9YRUpo/wzmvzMgV34bTAItA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+      vue: ^3.2.25 || ^3.6.0-rc.10
+
+  '@vitest/mocker@5.0.4':
+    resolution: {integrity: sha512-tqAlrYWce4iUxhr3ncNohejtCTOcHeE8XWrSNZY3OhPoDn01yeGv+gnaBy64ATp7o6pb03eIbBAjzmibpc9vIQ==}
+    peerDependencies:
+      msw: ^2.4.9 || ^3.0.0
+      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/spy@5.0.4':
+    resolution: {integrity: sha512-MZKk/gSkm2q+ICobMxCpH1mA+cCAWm8WV7UhxlqGjq/sJ3AGc1BqFOs5CRVXxH78wQtme9q/NAAgBquj4AcyMw==}
+
+  '@volar/language-core@2.4.28':
+    resolution: {integrity: sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==}
+
+  '@volar/source-map@2.4.28':
+    resolution: {integrity: sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==}
+
+  '@volar/typescript@2.4.28':
+    resolution: {integrity: sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==}
+
+  '@vue/compiler-core@3.5.43':
+    resolution: {integrity: sha512-zdiLhnbe1QQqgDT8xZMpNmyqZ3qlI+/Q/FHQco57Kwl/b05HhCzN6eVGN9QU9rbga4CrS0H5SYY8VGHZCt/1Hg==}
+
+  '@vue/compiler-dom@3.5.43':
+    resolution: {integrity: sha512-PEZoAk3NQmsn/ejMzSOCyTYqwGqczrWm70PuhBKjjv1+TCoQAaO/zOqNwjV+honlNstT5ILxtc+8r8UUfj+iEQ==}
+
+  '@vue/compiler-sfc@3.5.43':
+    resolution: {integrity: sha512-FCbrG3XNCRl+js3huuKx4IVHBLTvMkJhVepjbxSPu1gn4yWLaYtGNQdjJGZaMytXB6qb76qQDDmDSLy/vkmleQ==}
+
+  '@vue/compiler-ssr@3.5.43':
+    resolution: {integrity: sha512-GF62orf7KiJX9RqrHNGrYBudsQGD0OhJ5nDs90O8UiDuS40+YMYomiXu6w6EuvtXuRDc3MSNis3EaaSKAVSWpg==}
+
+  '@vue/devtools-api@6.6.4':
+    resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
+
+  '@vue/devtools-api@7.7.10':
+    resolution: {integrity: sha512-KxtEpUOOpFz/qOGRrAwA36QF7DqIA+FXgCYit9mk9wjbaZt0sXOFz81ElOZtKA4HbWHUdwNjZHBFsFFyp5BZiA==}
+
+  '@vue/devtools-kit@7.7.10':
+    resolution: {integrity: sha512-3WNi2Kq4tbpVbmhml7RiphmAt0279oh3fKNeWMQIrltfX8Q91b4i5PL8DtyNKdwmcsGrV4fg+erwWOmD05CLIw==}
+
+  '@vue/devtools-shared@7.7.10':
+    resolution: {integrity: sha512-wOPslzB8vTvpxwdaOcR2qAbwmuSP0L+rhpoC6Cf56V3Jip+HWb7PQQXOUPgBNQARpXsbQX/+mvi8kKucmBGRwQ==}
+
+  '@vue/language-core@3.3.13':
+    resolution: {integrity: sha512-axA0Xemn5LuUKuKWob0/kVq7xQ2mJJM6VqA9Exvt35nM9yRC31goWVve/G/Zb2ZCLsXC8FHYjjfXlnshknSCew==}
+
+  '@vue/reactivity@3.5.43':
+    resolution: {integrity: sha512-G/c9GyOZNI2jVaaS6OX1EF1SSFSv7H0ERqNTl4+DTFMlZmB5eVAB53aLQNam/7NL2NPtaDD7RdVrzf8uJzMuOA==}
+
+  '@vue/runtime-core@3.5.43':
+    resolution: {integrity: sha512-hU6U6VnVhBGQDpvlnnDlIB8ZGJBiOcgk2lh/0InltHiz3D8oSkluvuvY+do1G2H3+udeKFsmaBlgVYP7gXQzEw==}
+
+  '@vue/runtime-dom@3.5.43':
+    resolution: {integrity: sha512-Bb2Jc0YjjJdMt1SJmb9b2L/IWd3I8lIT9x9eS/xvvP9CiVgna0ffua74xKRmt4/uSJ+0r4iN8ex1jrqkhQGWQw==}
+
+  '@vue/server-renderer@3.5.43':
+    resolution: {integrity: sha512-l2Ygjv9NehV94PSBxNWsAHC0j/eIIKbn92mBuWXAPGLnn6HfJ6MH5ubsd+Nk0YoZ5FRuxWI1P2VSoh+dbPQhCQ==}
+
+  '@vue/shared@3.5.43':
+    resolution: {integrity: sha512-uksS7YGMR5NZyr4JNq0Rp+QyLns0ueaz20KwzIPW9R0LH1Vnt4E+XUM29PNseEbf1www2gOuhuDi5AKOIXag9Q==}
+
+  '@vue/test-utils@2.5.1':
+    resolution: {integrity: sha512-V/4a99odJ7hapr0bRt35XxljGk8hefq31gSOnlKTcEq2fUeoj2qb+FcpJYfQu4qfYhW9Ug+O2+CZ3QmZ7gXDzA==}
+    peerDependencies:
+      '@vue/compiler-dom': 3.x
+      '@vue/server-renderer': 3.x
+      vue: 3.x
+    peerDependenciesMeta:
+      '@vue/server-renderer':
+        optional: true
+
+  '@vue/tsconfig@0.8.1':
+    resolution: {integrity: sha512-aK7feIWPXFSUhsCP9PFqPyFOcz4ENkb8hZ2pneL6m2UjCkccvaOhC/5KCKluuBufvp2KzkbdA2W2pk20vLzu3g==}
+    peerDependencies:
+      typescript: 5.x
+      vue: ^3.4.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+      vue:
+        optional: true
+
+  '@vuetify/loader-shared@2.1.2':
+    resolution: {integrity: sha512-X+1jBLmXHkpQEnC0vyOb4rtX2QSkBiFhaFXz8yhQqN2A4vQ6k2nChxN4Ol7VAY5KoqMdFoRMnmNdp/1qYXDQig==}
+    peerDependencies:
+      vue: ^3.0.0
+      vuetify: '>=3'
+
+  abbrev@5.0.0:
+    resolution: {integrity: sha512-/XrFJgzQQQHpti1raDJC6m4ws6aNktmjBlhk8Fdlk7LwCEuDoieEJJY9OFHjfiFJFFRM2tK+Ky/IsfbbmlMu1w==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.19.0:
+    resolution: {integrity: sha512-oJlA3XiRm7Cyk6qFD2Jn8ak9B7jSy0qy00ADO3+8dpT0LSjFihQYv4C02LFCSYJV3Q37xYwwRy5m+IpIiUzqWw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  agent-base@7.1.4:
+    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
+    engines: {node: '>= 14'}
+
+  ajv@6.15.0:
+    resolution: {integrity: sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==}
+
+  alien-signals@3.2.1:
+    resolution: {integrity: sha512-I8FjmltrfnDFoZedi5CG8DghVYNhzb/Ijluz7tCSJH0xpd0484Kowhbb1XDYOxfJpU1p5wnM2X54dA+IfGyD1g==}
+
+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
+  balanced-match@4.0.4:
+    resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
+    engines: {node: 18 || 20 || >=22}
+
+  bidi-js@1.1.0:
+    resolution: {integrity: sha512-fX1Onk0tdVPC7obPWB5EbJ1z7NVhLq4m2xZLq2YXBkxzMXIGRpNMU88n0EPgWseKl12J7zXs7qrDxPK4sRs2fg==}
+
+  binary-extensions@2.3.0:
+    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+    engines: {node: '>=8'}
+
+  birpc@2.9.0:
+    resolution: {integrity: sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==}
+
+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
+  brace-expansion@5.0.12:
+    resolution: {integrity: sha512-YovQ3rzhaLMIrDjNDMkNS01tea93qhEhG5xy8f6+R0l+dw3Ki+5sCoIoI942iuLZTHWogWktgwVDhU09iNEimQ==}
+    engines: {node: 20 || >=22}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  cacheable@2.5.0:
+    resolution: {integrity: sha512-60cyAOytib/OzBw1JNSoSV/boK1AtHryDIjvVBk7XbN4ugfkM3+Sry7fEjNgPMGgOjuaZPAp8ruZ0Cxafwyq9g==}
+
+  chai@6.3.0:
+    resolution: {integrity: sha512-XWAtwJ6OHO+tj0EKCs0Y2UamnyOxseZWltU4x2U2wh8g4AigdjwvtUjvLP2tqkA/avxHEtzxNaqGq/YGNwckKg==}
+    engines: {node: '>=18'}
+
+  chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+
+  commander@14.0.3:
+    resolution: {integrity: sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==}
+    engines: {node: '>=20'}
+
+  config-chain@1.1.13:
+    resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
+
+  copy-anything@4.1.5:
+    resolution: {integrity: sha512-vePst2VLTSqPglW7Q98VwFpGiGpOHTyXIo81MO5VyLecA5zMbZw/P/V1vmwD1jksa2iJpn/YkDrJ3XhTfzUyhQ==}
+    engines: {node: '>=18'}
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  css-tree@3.2.1:
+    resolution: {integrity: sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  cssstyle@5.3.7:
+    resolution: {integrity: sha512-7D2EPVltRrsTkhpQmksIu+LxeWAIEk6wRDMJ1qljlv+CKHJM+cJLlfhWIzNA44eAsHXSNe3+vO6DW1yCYx8SuQ==}
+    engines: {node: '>=20'}
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  data-urls@6.0.1:
+    resolution: {integrity: sha512-euIQENZg6x8mj3fO6o9+fOW8MimUI4PpD/fZBhJfeioZVy9TUpM4UY7KjQNVZFlqwJ0UdzRDzkycB997HEq1BQ==}
+    engines: {node: '>=20'}
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  dompurify@3.2.7:
+    resolution: {integrity: sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==}
+
+  editorconfig@3.0.2:
+    resolution: {integrity: sha512-T0ix8GhtxyKVfUFEcvdNDt3YGqlwkFHbD4/5bgFUDgFmxhI/cSRAeJ87/Sz//Cq8Eam6JX/e23RkoFO71P7aAA==}
+    engines: {node: '>=20'}
+    hasBin: true
+
+  entities@7.0.1:
+    resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
+    engines: {node: '>=0.12'}
+
+  entities@8.1.0:
+    resolution: {integrity: sha512-kxL7msIffSuh9aaFAMD7rxAIuTRMAHMeBtgHW2yUdWw732ZNh4MehkF2gdjvtdmikkaIP9bFDDJOPlsvm7avrA==}
+    engines: {node: '>=20.19.0'}
+
+  es-module-lexer@2.3.2:
+    resolution: {integrity: sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  eslint-plugin-vue@10.11.1:
+    resolution: {integrity: sha512-pasVXhl7wUmIvhujoqs/m0mJ9r59QW1IR9XXYKGR0FETzSM+Hhlf4qKIYgWiDDP+9YKv4YfbwskD7LqIdVcgQw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@stylistic/eslint-plugin': ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
+      '@typescript-eslint/parser': ^7.0.0 || ^8.0.0
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      vue-eslint-parser: ^10.3.0
+    peerDependenciesMeta:
+      '@stylistic/eslint-plugin':
+        optional: true
+      '@typescript-eslint/parser':
+        optional: true
+
+  eslint-scope@9.1.2:
+    resolution: {integrity: sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@5.0.1:
+    resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint@10.12.0:
+    resolution: {integrity: sha512-npHjrHb2o4ehH3mE+YuxABR+0gyb0aVWCIolgJDArwCiHEIsonBm3ZKjel5b0U5+a+MbEvIyRCGCzD3eKKK2NA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@11.2.0:
+    resolution: {integrity: sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  expect-type@1.4.0:
+    resolution: {integrity: sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==}
+    engines: {node: '>=12.0.0'}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  file-entry-cache@11.1.5:
+    resolution: {integrity: sha512-+PFTHITI08JIGhnNpGNI8T8inUpgZfk3GNEqfT9R2zZV2iFXg3CvqzSl/uEhs7TSGujYRELEANyDvS8Fj7+S7Q==}
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@6.1.23:
+    resolution: {integrity: sha512-f++BY9pTk+983xK1FLzlLpmM0i0z+jHmx3QESGkURMXujQZz1k5wzwX6hjnQ8goaD0B+sYnDK1yZ6MTyZfUaqA==}
+
+  flatted@3.4.4:
+    resolution: {integrity: sha512-5+ybhBZANEJxaH3X5evAFatUxLfEHSr7n6kYJ+1Qd0mUqr4eu9gIf6GDbWHf8RJijHrjjO8G+la14SlL2SeS1Q==}
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  glob@13.0.6:
+    resolution: {integrity: sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==}
+    engines: {node: 18 || 20 || >=22}
+
+  hashery@1.5.1:
+    resolution: {integrity: sha512-iZyKG96/JwPz1N55vj2Ie2vXbhu440zfUfJvSwEqEbeLluk7NnapfGqa7LH0mOsnDxTF85Mx8/dyR6HfqcbmbQ==}
+    engines: {node: '>=20'}
+
+  hookable@5.5.3:
+    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
+
+  hookified@1.15.1:
+    resolution: {integrity: sha512-MvG/clsADq1GPM2KGo2nyfaWVyn9naPiXrqIe4jYjXNZQt238kWyOGrsyc/DmRAQ+Re6yeo6yX/yoNCG5KAEVg==}
+
+  hookified@2.2.0:
+    resolution: {integrity: sha512-p/LgFzRN5FeoD3DLS6bkUapeye6E4SI6yJs6KetENd18S+FBthqYq2amJUWpt5z0EQwwHemidjY5OqJGEKm5uA==}
+
+  html-encoding-sniffer@6.0.0:
+    resolution: {integrity: sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+
+  https-proxy-agent@7.0.6:
+    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
+    engines: {node: '>= 14'}
+
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
+  ignore@7.0.12:
+    resolution: {integrity: sha512-/8UvqAPU9DGTI9k4mxtf49U37Isfwr8Uts96+SBHIkFxPJnHS0Ew4f00sM4Scd8V8EjM0jUNtVDdv1kPdt35lg==}
+    engines: {node: '>= 4'}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+
+  is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  js-beautify@2.0.3:
+    resolution: {integrity: sha512-cyFbh3tkPhknnTD/0bLf0T0yy2ZIbqL05mttzbt4y1Zfr7NxqXQZ62dkBLKs3oHH/lpjmDRAnciJiSUyOy8XwQ==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  js-cookie@3.0.8:
+    resolution: {integrity: sha512-yeJd4aNAdYZQjaon2bpD/Gb0B/omw7HQOsynXXcOiWVCacbBcPlgn8S/d1X6blFSaHao7ozqtW7NZW19xpCtIw==}
+
+  jsdom@27.4.0:
+    resolution: {integrity: sha512-mjzqwWRD9Y1J1KUi7W97Gja1bwOOM5Ug0EZ6UDK3xS7j7mndrkwozHtSblfomlzyB4NepioNt+B2sOSzczVgtQ==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+    peerDependencies:
+      canvas: ^3.0.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  keyv@5.6.0:
+    resolution: {integrity: sha512-CYDD3SOtsHtyXeEORYRx2qBtpDJFjRTGXUtmNEMGyzYOKj1TE3tycdlho7kA1Ufx9OYWZzg52QFBGALTirzDSw==}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lightningcss-android-arm64@1.33.0:
+    resolution: {integrity: sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.33.0:
+    resolution: {integrity: sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.33.0:
+    resolution: {integrity: sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.33.0:
+    resolution: {integrity: sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.33.0:
+    resolution: {integrity: sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.33.0:
+    resolution: {integrity: sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-musl@1.33.0:
+    resolution: {integrity: sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-gnu@1.33.0:
+    resolution: {integrity: sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-musl@1.33.0:
+    resolution: {integrity: sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-win32-arm64-msvc@1.33.0:
+    resolution: {integrity: sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.33.0:
+    resolution: {integrity: sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.33.0:
+    resolution: {integrity: sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==}
+    engines: {node: '>= 12.0.0'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lru-cache@11.5.3:
+    resolution: {integrity: sha512-U4N8FgzmWxc8k1VH8Kr6lQg18U7Fjvby6wXHVRX/ZZ7IwWbRMgrRbP0Wrb5q5NVinryp4SQampHKdvtecItxUg==}
+    engines: {node: 20 || >=22}
+
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  magic-string@1.4.3:
+    resolution: {integrity: sha512-z12OxmaPGE0F4xlpGdjuAUckipLpQlTAuAmyGhNoD7ODpYUzvDfvtxUbjM/jwznyP178oju/KDdyi220wNJ0RQ==}
+
+  marked@14.0.0:
+    resolution: {integrity: sha512-uIj4+faQ+MgHgwUW1l2PsPglZLOLOT1uErt06dAPtx2kjteLAkbsd/0FiYg/MGS+i7ZKLb7w2WClxHkzOOuryQ==}
+    engines: {node: '>= 18'}
+    hasBin: true
+
+  mdn-data@2.27.1:
+    resolution: {integrity: sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==}
+
+  minimatch@10.2.6:
+    resolution: {integrity: sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==}
+    engines: {node: 18 || 20 || >=22}
+
+  minipass@7.1.3:
+    resolution: {integrity: sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  mitt@3.0.1:
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+
+  monaco-editor@0.55.1:
+    resolution: {integrity: sha512-jz4x+TJNFHwHtwuV9vA9rMujcZRb0CEilTEwG2rRSpe/A7Jdkuj8xPKttCgOh+v/lkHy7HsZ64oj+q3xoAFl9A==}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  muggle-string@0.4.1:
+    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
+
+  nanoid@3.3.20:
+    resolution: {integrity: sha512-uKdg2G3GNCKQn9byYOpxbGqrT2fGO5KRt5J/8b3pok8rT6qxGWF6hxMyJiEYtAf+FVyYuD9hRaDqX5uPFYJ4ZQ==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  nopt@10.0.1:
+    resolution: {integrity: sha512-df3sBr/6ax9hSGuC3CspvLlbnX8cP5L5nZwXF8cGN8l0zSWR6BvzmQ6jPUKjvo6+/xdpkNvEcucBNUdBeeV13g==}
+    engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
+    hasBin: true
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
+  nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+
+  obug@3.0.0:
+    resolution: {integrity: sha512-5vvB5+W7ePv+p3uqxi+RcW1XAzLW0/hxt3/4X4Lc4qHudzOhmBiBwOY6DRob4WnanAEGvNcLjF+KNOufrUoEQw==}
+    engines: {node: '>=12.20.0'}
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  p-map@7.1.1:
+    resolution: {integrity: sha512-6Lh3jQPLthYujSrlw6ccWXBGZTkoTCz27Hd92g79LH/kjAbgoEu0t442cCCNbegPSJsA0lwDX8z0bcKtkpA32g==}
+    engines: {node: '>=18'}
+
+  parse5@8.0.1:
+    resolution: {integrity: sha512-z1e/HMG90obSGeidlli3hj7cbocou0/wa5HacvI3ASx34PecNjNQeaHNo5WIZpWofN9kgkqV1q5YvXe3F0FoPw==}
+
+  path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  path-scurry@2.0.2:
+    resolution: {integrity: sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg==}
+    engines: {node: 18 || 20 || >=22}
+
+  perfect-debounce@1.0.0:
+    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.2:
+    resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.7:
+    resolution: {integrity: sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==}
+    engines: {node: '>=12'}
+
+  pinia@3.0.4:
+    resolution: {integrity: sha512-l7pqLUFTI/+ESXn6k3nu30ZIzW5E2WZF/LaHJEpoq6ElcLD+wduZoB2kBN19du6K/4FDpPMazY2wJr+IndBtQw==}
+    peerDependencies:
+      typescript: '>=4.5.0'
+      vue: ^3.5.11
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  postcss-selector-parser@7.1.6:
+    resolution: {integrity: sha512-7qASPzhKF2l2KLboRZux8CCTRMdGiV08vWmyKzPz22qZ7ZjQBOeY7rNzNoCLSUiftJ7HUq0GERHmxw/t0dCdMw==}
+    engines: {node: '>=4'}
+
+  postcss@8.5.29:
+    resolution: {integrity: sha512-49cGhUbXj8Qenv0iTMxA1cFBzxXoctpC9Ujd77t1WcbJIr6nF/eI7g/8MgxrYldFRuAXvja7xQRwavoW7kgrxQ==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  proto-list@1.2.4:
+    resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  qified@0.10.1:
+    resolution: {integrity: sha512-+Owyggi9IxT1ePKGafcI87ubSmxol6smwJ+RAHDQlx9+9cPwFWDiKFFCPuWhr9ignlGpZ9vDQLw67N4dcTVFEA==}
+    engines: {node: '>=20'}
+
+  readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+
+  remove-accents@0.5.0:
+    resolution: {integrity: sha512-8g3/Otx1eJaVD12e31UbJj1YzdtVvzH85HV7t+9MJYk/u3XmkOUJ5Ys9wQrf9PCPK8+xn4ymzqYCiZl6QWKn+A==}
+
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
+  rfdc@1.4.1:
+    resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
+
+  rolldown@1.2.13:
+    resolution: {integrity: sha512-/5apOkwWxtACcQtZ5WlrAsKS4JwXVThQPJZ3RqIruRY9UG9M8e0VlXN068xum/JRKA4aIUoJ13ghe/kGCvidiQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
+  saxes@6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
+
+  semver@7.8.5:
+    resolution: {integrity: sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  source-map-js@1.2.2:
+    resolution: {integrity: sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==}
+    engines: {node: '>=0.10.0'}
+
+  speakingurl@14.0.1:
+    resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
+    engines: {node: '>=0.10.0'}
+
+  std-env@4.3.0:
+    resolution: {integrity: sha512-OtU/EgQ1kIm5KwqQpBC6ZEMXrZRui11w8zgfTWp8cdO9B8OaPsbA8bTHO2P+HNo1VlUTGMVBwPhydu6poeXiag==}
+
+  superjson@2.2.6:
+    resolution: {integrity: sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==}
+    engines: {node: '>=16'}
+
+  symbol-tree@3.2.4:
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+
+  tinybench@6.2.2:
+    resolution: {integrity: sha512-nIZ2N2dFpjBsg2hgitKu7mA+FvsIJuGJOwysRngmVRRmWgR/UyPjwJj8c/fT/dhm8EkHnF5EOogRf+0Z2qrimA==}
+    engines: {node: '>=20.0.0'}
+
+  tinyexec@1.3.1:
+    resolution: {integrity: sha512-GCvB3aoys96IuDFBMcTB46JOR6mdMtAToqwiW8JlWhsoh1mhHi/xn9ss/Dg7N555GiJyEt2qzoG/NHCwM6h1EA==}
+    engines: {node: '>=18'}
+
+  tinyglobby@0.2.17:
+    resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
+    engines: {node: '>=12.0.0'}
+
+  tldts-core@7.4.18:
+    resolution: {integrity: sha512-KI2PKvCmvQI/xD6ypPqkU0i7oxNXR/O58RLRaHR4svsgVUQ2JE/XC8BtMbG6PSehD27I8sZJRcC1ASnCy6lp3g==}
+
+  tldts@7.4.18:
+    resolution: {integrity: sha512-somxA8xKAUzlAxl0TX/jMSYIbRNFIVGnI96pVGJPeMc5BsHmfVXn6mOJT6U++ELnl04eGfzpfcEuZe8WiASkXg==}
+    hasBin: true
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  tough-cookie@6.0.2:
+    resolution: {integrity: sha512-exgYmnmL/sJpR3upZfXG5PoatXQii55xAiXGXzY+sROLZ/Y+SLcp9PgJNI9Vz37HpQ74WvDcLT8eqm+kV3FzrA==}
+    engines: {node: '>=16'}
+
+  tr46@6.0.0:
+    resolution: {integrity: sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==}
+    engines: {node: '>=20'}
+
+  ts-api-utils@2.5.0:
+    resolution: {integrity: sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==}
+    engines: {node: '>=18.12'}
+    peerDependencies:
+      typescript: '>=4.8.4'
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  typescript-eslint@8.71.1:
+    resolution: {integrity: sha512-oiNVPC3/NbV1FpaHU07l8O6ynqG9v4PAiW2WvTrAmZdR0f2HI/gE668ElMLCK7Xbsu5k2fK5C4fXNiq05j7/nQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      typescript: '>=4.8.4 <6.1.0'
+
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  undici-types@7.24.6:
+    resolution: {integrity: sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==}
+
+  upath@2.0.1:
+    resolution: {integrity: sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==}
+    engines: {node: '>=4'}
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+  vite-plugin-static-copy@4.1.1:
+    resolution: {integrity: sha512-GrlA8YklrAfSyxJ4M3fdQLOo9oNkp56IM9FYgX/WtEgeIFkPwhu4wzpufBCIuNKCa6Fn77FkRdYxkHqV0FwjAw==}
+    engines: {node: ^22.0.0 || >=24.0.0}
+    peerDependencies:
+      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  vite-plugin-vuetify@2.1.3:
+    resolution: {integrity: sha512-Q4SC/4TqbNvaZIFb9YsfBqkGlYHbJJJ6uU3CnRBZqLUF3s5eCMVZAaV4GkTbehIH/bhSj42lMXztOwc71u6rVw==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    peerDependencies:
+      vite: '>=5'
+      vue: ^3.0.0
+      vuetify: '>=3'
+
+  vite@8.3.4:
+    resolution: {integrity: sha512-IftLE8phJhdNRIGNEV4JCCvfNScoZQVfcXaN8TQropWGJtOHcu+iAB9pHcuGvmEb/kddw0LBe/jS8ztdC6xdiQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      '@vitejs/devtools': ^0.7.1
+      esbuild: ^0.27.0 || ^0.28.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      '@vitejs/devtools':
+        optional: true
+      esbuild:
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vitest@5.0.4:
+    resolution: {integrity: sha512-z0WxZRV2Sg48wF0FSgMq3TFG8JS38/Qr96vZVZdX6+Em9raQTvnXQvdTFJe2m3rfyJnEHeHQ/snceIdi8D1pVg==}
+    engines: {node: ^22.12.0 || ^24.0.0 || >=26.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@opentelemetry/api': ^1.9.0
+      '@types/node': ^22.0.0 || >=24.0.0
+      '@vitest/browser-playwright': 5.0.4
+      '@vitest/browser-preview': 5.0.4
+      '@vitest/browser-webdriverio': ^5.0.0-beta.5 || >=5.0.0
+      '@vitest/coverage-istanbul': 5.0.4
+      '@vitest/coverage-v8': 5.0.4
+      '@vitest/ui': 5.0.4
+      happy-dom: '*'
+      jsdom: '*'
+      vite: ^6.4.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@opentelemetry/api':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser-playwright':
+        optional: true
+      '@vitest/browser-preview':
+        optional: true
+      '@vitest/browser-webdriverio':
+        optional: true
+      '@vitest/coverage-istanbul':
+        optional: true
+      '@vitest/coverage-v8':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
+  vscode-uri@3.2.0:
+    resolution: {integrity: sha512-m2gXo3bn0G1kT9InzMf07fTbqMbGtyckj3bH5ktLO+1Ssv+yiATZ4dhwaQv9UZWxJh6E9IFGnQyjgWVDWVBDrg==}
+
+  vue-component-type-helpers@3.3.13:
+    resolution: {integrity: sha512-02KCxSmKDhIITjKyJ4QT5csP6L0WoRborLqY/34a40+S9uvMvdNgMV0yVjO3p2Gkz3ZoPmFz/0JsGHacwJYTxw==}
+
+  vue-demi@0.14.10:
+    resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
+    engines: {node: '>=12'}
+    hasBin: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+
+  vue-eslint-parser@10.4.1:
+    resolution: {integrity: sha512-Gk6gRDj0n/fkRa3C3l0bBheoBckUq/Rs0F/TvMWIS6nzzx67amAViMe9CkNgsP2tXyQONvGiHQESHwFtZ3aYDA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+
+  vue-router@4.6.4:
+    resolution: {integrity: sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==}
+    peerDependencies:
+      vue: ^3.5.0
+
+  vue-tsc@3.3.13:
+    resolution: {integrity: sha512-jE4/bXdOMSHVxEGgQCqNllJy+9N3Gx6tfSAsg0yhFK/MAN6eXqISihupnDEKSCt12VVnjN2gI3AqLYcqoh5x/A==}
+    hasBin: true
+    peerDependencies:
+      typescript: '>=5.0.0'
+
+  vue@3.5.43:
+    resolution: {integrity: sha512-o5qZoksdnjIKvW1srZ3ab7pcDNYAerBjRe54D0LBLfRdCYFrSgBHVXokMas35czQc0//lmx4/tuY4ZNQ+Rf2Ng==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  vuetify@3.13.6:
+    resolution: {integrity: sha512-Rt5dHb5zjiIOdZ/10/IVsTzLdKPLplVMv2hDXx2+LMHMFtt6Ks3NTA2eKqXBWVZZ5ZVIRdJBNBSP4/Iri8UdnA==}
+    peerDependencies:
+      typescript: '>=4.7'
+      vite-plugin-vuetify: '>=2.1.0'
+      vue: ^3.5.0
+      webpack-plugin-vuetify: '>=3.1.0'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+      vite-plugin-vuetify:
+        optional: true
+      webpack-plugin-vuetify:
+        optional: true
+
+  w3c-xmlserializer@5.0.0:
+    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
+    engines: {node: '>=18'}
+
+  webidl-conversions@8.0.1:
+    resolution: {integrity: sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==}
+    engines: {node: '>=20'}
+
+  whatwg-mimetype@4.0.0:
+    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
+    engines: {node: '>=18'}
+
+  whatwg-mimetype@5.0.0:
+    resolution: {integrity: sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==}
+    engines: {node: '>=20'}
+
+  whatwg-url@15.1.0:
+    resolution: {integrity: sha512-2ytDk0kiEj/yu90JOAp44PVPUkO9+jVhyf+SybKlRHSDlvOOZhdPIrr7xTH64l4WixO2cP+wQIcgujkGBPPz6g==}
+    engines: {node: '>=20'}
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  why-is-node-running@3.2.1:
+    resolution: {integrity: sha512-Tb2FUhB4vUsGQlfSquQLYkApkuPAFQXGFzxWKHHumVz2dK+X1RUm/HnID4+TfIGYJ1kTcwOaCk/buYCEJr6YjQ==}
+    engines: {node: '>=20.11'}
+    hasBin: true
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  ws@8.22.0:
+    resolution: {integrity: sha512-Ydggc987+RO0AnWtZ/7Wq9FtNvcrL1b/RO0ud9mWjUPgDrsAAwQSF51sm2hm1XofbU/4jkpGEsLFsZZxU+1DOg==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
+  xmlchars@2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+snapshots:
+
+  '@acemir/cssom@0.9.32': {}
+
+  '@asamuzakjp/css-color@4.1.2':
+    dependencies:
+      '@csstools/css-calc': 3.4.3(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2)
+      '@csstools/css-color-parser': 4.2.6(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2)
+      '@csstools/css-parser-algorithms': 4.0.2(@csstools/css-tokenizer@4.0.2)
+      '@csstools/css-tokenizer': 4.0.2
+      lru-cache: 11.5.3
+
+  '@asamuzakjp/dom-selector@6.8.1':
+    dependencies:
+      '@asamuzakjp/nwsapi': 2.3.9
+      bidi-js: 1.1.0
+      css-tree: 3.2.1
+      is-potential-custom-element-name: 1.0.1
+      lru-cache: 11.5.3
+
+  '@asamuzakjp/nwsapi@2.3.9': {}
+
+  '@babel/helper-string-parser@7.29.7': {}
+
+  '@babel/helper-validator-identifier@7.29.7': {}
+
+  '@babel/parser@7.29.9':
+    dependencies:
+      '@babel/types': 7.29.8
+
+  '@babel/types@7.29.8':
+    dependencies:
+      '@babel/helper-string-parser': 7.29.7
+      '@babel/helper-validator-identifier': 7.29.7
+
+  '@biomejs/biome@2.4.0':
+    optionalDependencies:
+      '@biomejs/cli-darwin-arm64': 2.4.0
+      '@biomejs/cli-darwin-x64': 2.4.0
+      '@biomejs/cli-linux-arm64': 2.4.0
+      '@biomejs/cli-linux-arm64-musl': 2.4.0
+      '@biomejs/cli-linux-x64': 2.4.0
+      '@biomejs/cli-linux-x64-musl': 2.4.0
+      '@biomejs/cli-win32-arm64': 2.4.0
+      '@biomejs/cli-win32-x64': 2.4.0
+
+  '@biomejs/cli-darwin-arm64@2.4.0':
+    optional: true
+
+  '@biomejs/cli-darwin-x64@2.4.0':
+    optional: true
+
+  '@biomejs/cli-linux-arm64-musl@2.4.0':
+    optional: true
+
+  '@biomejs/cli-linux-arm64@2.4.0':
+    optional: true
+
+  '@biomejs/cli-linux-x64-musl@2.4.0':
+    optional: true
+
+  '@biomejs/cli-linux-x64@2.4.0':
+    optional: true
+
+  '@biomejs/cli-win32-arm64@2.4.0':
+    optional: true
+
+  '@biomejs/cli-win32-x64@2.4.0':
+    optional: true
+
+  '@cacheable/memory@2.2.0':
+    dependencies:
+      '@cacheable/utils': 2.5.0
+      '@keyv/bigmap': 1.3.1(keyv@5.6.0)
+      hookified: 1.15.1
+      keyv: 5.6.0
+
+  '@cacheable/utils@2.5.0':
+    dependencies:
+      hashery: 1.5.1
+      keyv: 5.6.0
+
+  '@cedar-policy/cedar-wasm@4.13.0': {}
+
+  '@csstools/color-helpers@6.1.2': {}
+
+  '@csstools/css-calc@3.4.3(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 4.0.2(@csstools/css-tokenizer@4.0.2)
+      '@csstools/css-tokenizer': 4.0.2
+
+  '@csstools/css-color-parser@4.2.6(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2)':
+    dependencies:
+      '@csstools/color-helpers': 6.1.2
+      '@csstools/css-calc': 3.4.3(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2)
+      '@csstools/css-parser-algorithms': 4.0.2(@csstools/css-tokenizer@4.0.2)
+      '@csstools/css-tokenizer': 4.0.2
+
+  '@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2)':
+    dependencies:
+      '@csstools/css-tokenizer': 4.0.2
+
+  '@csstools/css-syntax-patches-for-csstree@1.1.15(css-tree@3.2.1)':
+    optionalDependencies:
+      css-tree: 3.2.1
+
+  '@csstools/css-tokenizer@4.0.2': {}
+
+  '@eslint-community/eslint-utils@4.10.1(eslint@10.12.0)':
+    dependencies:
+      eslint: 10.12.0
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/config-array@0.23.5':
+    dependencies:
+      '@eslint/object-schema': 3.0.5
+      debug: 4.4.3
+      minimatch: 10.2.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/config-helpers@0.7.0':
+    dependencies:
+      '@eslint/core': 1.2.1
+
+  '@eslint/core@1.2.1':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/object-schema@3.0.5': {}
+
+  '@eslint/plugin-kit@0.7.3':
+    dependencies:
+      '@eslint/core': 1.2.1
+      levn: 0.4.1
+
+  '@exodus/bytes@1.16.0': {}
+
+  '@fontsource/ibm-plex-mono@5.3.0': {}
+
+  '@fontsource/noto-sans@5.3.0': {}
+
+  '@humanfs/core@0.19.2':
+    dependencies:
+      '@humanfs/types': 0.15.0
+
+  '@humanfs/node@0.16.8':
+    dependencies:
+      '@humanfs/core': 0.19.2
+      '@humanfs/types': 0.15.0
+      '@humanwhocodes/retry': 0.4.3
+
+  '@humanfs/types@0.15.0': {}
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.4.3': {}
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.6.0': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.6.0
+
+  '@keyv/bigmap@1.3.1(keyv@5.6.0)':
+    dependencies:
+      hashery: 1.5.1
+      hookified: 1.15.1
+      keyv: 5.6.0
+
+  '@keyv/serialize@1.1.1': {}
+
+  '@material-symbols/font-400@0.40.2': {}
+
+  '@one-ini/wasm@0.2.1': {}
+
+  '@oxc-project/types@0.153.0': {}
+
+  '@rolldown/binding-android-arm-eabi@1.2.13':
+    optional: true
+
+  '@rolldown/binding-android-arm64@1.2.13':
+    optional: true
+
+  '@rolldown/binding-darwin-arm64@1.2.13':
+    optional: true
+
+  '@rolldown/binding-darwin-x64@1.2.13':
+    optional: true
+
+  '@rolldown/binding-freebsd-x64@1.2.13':
+    optional: true
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.13':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-gnu@1.2.13':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-musl@1.2.13':
+    optional: true
+
+  '@rolldown/binding-linux-ppc64-gnu@1.2.13':
+    optional: true
+
+  '@rolldown/binding-linux-s390x-gnu@1.2.13':
+    optional: true
+
+  '@rolldown/binding-linux-x64-gnu@1.2.13':
+    optional: true
+
+  '@rolldown/binding-linux-x64-musl@1.2.13':
+    optional: true
+
+  '@rolldown/binding-openharmony-arm64@1.2.13':
+    optional: true
+
+  '@rolldown/binding-win32-arm64-msvc@1.2.13':
+    optional: true
+
+  '@rolldown/binding-win32-x64-msvc@1.2.13':
+    optional: true
+
+  '@rolldown/pluginutils@1.0.1': {}
+
+  '@tanstack/match-sorter-utils@9.2.6':
+    dependencies:
+      remove-accents: 0.5.0
+
+  '@tanstack/query-core@5.104.2': {}
+
+  '@tanstack/vue-query@5.104.2(vue@3.5.43(typescript@5.9.3))':
+    dependencies:
+      '@tanstack/match-sorter-utils': 9.2.6
+      '@tanstack/query-core': 5.104.2
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.43(typescript@5.9.3)
+      vue-demi: 0.14.10(vue@3.5.43(typescript@5.9.3))
+
+  '@types/chai@5.2.3':
+    dependencies:
+      '@types/deep-eql': 4.0.2
+      assertion-error: 2.0.1
+
+  '@types/deep-eql@4.0.2': {}
+
+  '@types/esrecurse@4.3.1': {}
+
+  '@types/estree@1.0.9': {}
+
+  '@types/json-schema@7.0.15': {}
+
+  '@types/node@24.19.2':
+    dependencies:
+      undici-types: 7.24.6
+
+  '@types/trusted-types@2.0.7':
+    optional: true
+
+  '@typescript-eslint/eslint-plugin@8.71.1(@typescript-eslint/parser@8.71.1(eslint@10.12.0)(typescript@5.9.3))(eslint@10.12.0)(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.71.1(eslint@10.12.0)(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.71.1
+      '@typescript-eslint/type-utils': 8.71.1(eslint@10.12.0)(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.71.1(eslint@10.12.0)(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.71.1
+      eslint: 10.12.0
+      ignore: 7.0.12
+      natural-compare: 1.4.0
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/parser@8.71.1(eslint@10.12.0)(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.71.1
+      '@typescript-eslint/types': 8.71.1
+      '@typescript-eslint/typescript-estree': 8.71.1(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.71.1
+      debug: 4.4.3
+      eslint: 10.12.0
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/project-service@8.71.1(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.71.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.71.1
+      debug: 4.4.3
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/scope-manager@8.71.1':
+    dependencies:
+      '@typescript-eslint/types': 8.71.1
+      '@typescript-eslint/visitor-keys': 8.71.1
+
+  '@typescript-eslint/tsconfig-utils@8.71.1(typescript@5.9.3)':
+    dependencies:
+      typescript: 5.9.3
+
+  '@typescript-eslint/type-utils@8.71.1(eslint@10.12.0)(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.71.1
+      '@typescript-eslint/typescript-estree': 8.71.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.71.1(eslint@10.12.0)(typescript@5.9.3)
+      debug: 4.4.3
+      eslint: 10.12.0
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/types@8.71.1': {}
+
+  '@typescript-eslint/typescript-estree@8.71.1(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.71.1(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.71.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.71.1
+      '@typescript-eslint/visitor-keys': 8.71.1
+      debug: 4.4.3
+      minimatch: 10.2.6
+      semver: 7.8.5
+      tinyglobby: 0.2.17
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.71.1(eslint@10.12.0)(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.10.1(eslint@10.12.0)
+      '@typescript-eslint/scope-manager': 8.71.1
+      '@typescript-eslint/types': 8.71.1
+      '@typescript-eslint/typescript-estree': 8.71.1(typescript@5.9.3)
+      eslint: 10.12.0
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/visitor-keys@8.71.1':
+    dependencies:
+      '@typescript-eslint/types': 8.71.1
+      eslint-visitor-keys: 5.0.1
+
+  '@vitejs/plugin-vue@6.0.10(vite@8.3.4(@types/node@24.19.2))(vue@3.5.43(typescript@5.9.3))':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.1
+      vite: 8.3.4(@types/node@24.19.2)
+      vue: 3.5.43(typescript@5.9.3)
+
+  '@vitest/mocker@5.0.4(vite@8.3.4(@types/node@24.19.2))':
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      '@vitest/spy': 5.0.4
+      estree-walker: 3.0.3
+      magic-string: 1.4.3
+    optionalDependencies:
+      vite: 8.3.4(@types/node@24.19.2)
+
+  '@vitest/spy@5.0.4': {}
+
+  '@volar/language-core@2.4.28':
+    dependencies:
+      '@volar/source-map': 2.4.28
+
+  '@volar/source-map@2.4.28': {}
+
+  '@volar/typescript@2.4.28':
+    dependencies:
+      '@volar/language-core': 2.4.28
+      path-browserify: 1.0.1
+      vscode-uri: 3.2.0
+
+  '@vue/compiler-core@3.5.43':
+    dependencies:
+      '@babel/parser': 7.29.9
+      '@vue/shared': 3.5.43
+      entities: 7.0.1
+      estree-walker: 2.0.2
+      source-map-js: 1.2.2
+
+  '@vue/compiler-dom@3.5.43':
+    dependencies:
+      '@vue/compiler-core': 3.5.43
+      '@vue/shared': 3.5.43
+
+  '@vue/compiler-sfc@3.5.43':
+    dependencies:
+      '@babel/parser': 7.29.9
+      '@vue/compiler-core': 3.5.43
+      '@vue/compiler-dom': 3.5.43
+      '@vue/compiler-ssr': 3.5.43
+      '@vue/shared': 3.5.43
+      estree-walker: 2.0.2
+      magic-string: 0.30.21
+      postcss: 8.5.29
+      source-map-js: 1.2.2
+
+  '@vue/compiler-ssr@3.5.43':
+    dependencies:
+      '@vue/compiler-dom': 3.5.43
+      '@vue/shared': 3.5.43
+
+  '@vue/devtools-api@6.6.4': {}
+
+  '@vue/devtools-api@7.7.10':
+    dependencies:
+      '@vue/devtools-kit': 7.7.10
+
+  '@vue/devtools-kit@7.7.10':
+    dependencies:
+      '@vue/devtools-shared': 7.7.10
+      birpc: 2.9.0
+      hookable: 5.5.3
+      mitt: 3.0.1
+      perfect-debounce: 1.0.0
+      speakingurl: 14.0.1
+      superjson: 2.2.6
+
+  '@vue/devtools-shared@7.7.10':
+    dependencies:
+      rfdc: 1.4.1
+
+  '@vue/language-core@3.3.13':
+    dependencies:
+      '@volar/language-core': 2.4.28
+      '@vue/compiler-dom': 3.5.43
+      '@vue/shared': 3.5.43
+      alien-signals: 3.2.1
+      muggle-string: 0.4.1
+      path-browserify: 1.0.1
+      picomatch: 4.0.7
+
+  '@vue/reactivity@3.5.43':
+    dependencies:
+      '@vue/shared': 3.5.43
+
+  '@vue/runtime-core@3.5.43':
+    dependencies:
+      '@vue/reactivity': 3.5.43
+      '@vue/shared': 3.5.43
+
+  '@vue/runtime-dom@3.5.43':
+    dependencies:
+      '@vue/reactivity': 3.5.43
+      '@vue/runtime-core': 3.5.43
+      '@vue/shared': 3.5.43
+      csstype: 3.2.3
+
+  '@vue/server-renderer@3.5.43':
+    dependencies:
+      '@vue/compiler-ssr': 3.5.43
+      '@vue/runtime-dom': 3.5.43
+      '@vue/shared': 3.5.43
+
+  '@vue/shared@3.5.43': {}
+
+  '@vue/test-utils@2.5.1(@vue/compiler-dom@3.5.43)(@vue/server-renderer@3.5.43)(vue@3.5.43(typescript@5.9.3))':
+    dependencies:
+      '@vue/compiler-dom': 3.5.43
+      js-beautify: 2.0.3
+      vue: 3.5.43(typescript@5.9.3)
+      vue-component-type-helpers: 3.3.13
+    optionalDependencies:
+      '@vue/server-renderer': 3.5.43
+
+  '@vue/tsconfig@0.8.1(typescript@5.9.3)(vue@3.5.43(typescript@5.9.3))':
+    optionalDependencies:
+      typescript: 5.9.3
+      vue: 3.5.43(typescript@5.9.3)
+
+  '@vuetify/loader-shared@2.1.2(vue@3.5.43(typescript@5.9.3))(vuetify@3.13.6)':
+    dependencies:
+      upath: 2.0.1
+      vue: 3.5.43(typescript@5.9.3)
+      vuetify: 3.13.6(typescript@5.9.3)(vite-plugin-vuetify@2.1.3)(vue@3.5.43(typescript@5.9.3))
+
+  abbrev@5.0.0: {}
+
+  acorn-jsx@5.3.2(acorn@8.19.0):
+    dependencies:
+      acorn: 8.19.0
+
+  acorn@8.19.0: {}
+
+  agent-base@7.1.4: {}
+
+  ajv@6.15.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
+  alien-signals@3.2.1: {}
+
+  anymatch@3.1.3:
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.2
+
+  assertion-error@2.0.1: {}
+
+  balanced-match@4.0.4: {}
+
+  bidi-js@1.1.0:
+    dependencies:
+      require-from-string: 2.0.2
+
+  binary-extensions@2.3.0: {}
+
+  birpc@2.9.0: {}
+
+  boolbase@1.0.0: {}
+
+  brace-expansion@5.0.12:
+    dependencies:
+      balanced-match: 4.0.4
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  cacheable@2.5.0:
+    dependencies:
+      '@cacheable/memory': 2.2.0
+      '@cacheable/utils': 2.5.0
+      hookified: 1.15.1
+      keyv: 5.6.0
+      qified: 0.10.1
+
+  chai@6.3.0: {}
+
+  chokidar@3.6.0:
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.3
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  commander@14.0.3: {}
+
+  config-chain@1.1.13:
+    dependencies:
+      ini: 1.3.8
+      proto-list: 1.2.4
+
+  copy-anything@4.1.5: {}
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  css-tree@3.2.1:
+    dependencies:
+      mdn-data: 2.27.1
+      source-map-js: 1.2.2
+
+  cssesc@3.0.0: {}
+
+  cssstyle@5.3.7:
+    dependencies:
+      '@asamuzakjp/css-color': 4.1.2
+      '@csstools/css-syntax-patches-for-csstree': 1.1.15(css-tree@3.2.1)
+      css-tree: 3.2.1
+      lru-cache: 11.5.3
+
+  csstype@3.2.3: {}
+
+  data-urls@6.0.1:
+    dependencies:
+      whatwg-mimetype: 5.0.0
+      whatwg-url: 15.1.0
+
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
+  decimal.js@10.6.0: {}
+
+  deep-is@0.1.4: {}
+
+  detect-libc@2.1.2: {}
+
+  dompurify@3.2.7:
+    optionalDependencies:
+      '@types/trusted-types': 2.0.7
+
+  editorconfig@3.0.2:
+    dependencies:
+      '@one-ini/wasm': 0.2.1
+      commander: 14.0.3
+      minimatch: 10.2.6
+      semver: 7.8.5
+
+  entities@7.0.1: {}
+
+  entities@8.1.0: {}
+
+  es-module-lexer@2.3.2: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  eslint-plugin-vue@10.11.1(@typescript-eslint/parser@8.71.1(eslint@10.12.0)(typescript@5.9.3))(eslint@10.12.0)(vue-eslint-parser@10.4.1(eslint@10.12.0)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.10.1(eslint@10.12.0)
+      eslint: 10.12.0
+      natural-compare: 1.4.0
+      nth-check: 2.1.1
+      postcss-selector-parser: 7.1.6
+      semver: 7.8.5
+      vue-eslint-parser: 10.4.1(eslint@10.12.0)
+      xml-name-validator: 5.0.0
+    optionalDependencies:
+      '@typescript-eslint/parser': 8.71.1(eslint@10.12.0)(typescript@5.9.3)
+
+  eslint-scope@9.1.2:
+    dependencies:
+      '@types/esrecurse': 4.3.1
+      '@types/estree': 1.0.9
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@5.0.1: {}
+
+  eslint@10.12.0:
+    dependencies:
+      '@eslint-community/eslint-utils': 4.10.1(eslint@10.12.0)
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.23.5
+      '@eslint/config-helpers': 0.7.0
+      '@eslint/core': 1.2.1
+      '@eslint/plugin-kit': 0.7.3
+      '@humanfs/node': 0.16.8
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.9
+      ajv: 6.15.0
+      cross-spawn: 7.0.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint-scope: 9.1.2
+      eslint-visitor-keys: 5.0.1
+      espree: 11.2.0
+      esquery: 1.7.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 11.1.5
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      json-stable-stringify-without-jsonify: 1.0.1
+      minimatch: 10.2.6
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@11.2.0:
+    dependencies:
+      acorn: 8.19.0
+      acorn-jsx: 5.3.2(acorn@8.19.0)
+      eslint-visitor-keys: 5.0.1
+
+  esquery@1.7.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
+  estree-walker@2.0.2: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.9
+
+  esutils@2.0.3: {}
+
+  expect-type@1.4.0: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
+  fdir@6.5.0(picomatch@4.0.7):
+    optionalDependencies:
+      picomatch: 4.0.7
+
+  file-entry-cache@11.1.5:
+    dependencies:
+      flat-cache: 6.1.23
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@6.1.23:
+    dependencies:
+      cacheable: 2.5.0
+      flatted: 3.4.4
+      hookified: 1.15.1
+
+  flatted@3.4.4: {}
+
+  fsevents@2.3.3:
+    optional: true
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob@13.0.6:
+    dependencies:
+      minimatch: 10.2.6
+      minipass: 7.1.3
+      path-scurry: 2.0.2
+
+  hashery@1.5.1:
+    dependencies:
+      hookified: 1.15.1
+
+  hookable@5.5.3: {}
+
+  hookified@1.15.1: {}
+
+  hookified@2.2.0: {}
+
+  html-encoding-sniffer@6.0.0:
+    dependencies:
+      '@exodus/bytes': 1.16.0
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
+  http-proxy-agent@7.0.2:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  https-proxy-agent@7.0.6:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  ignore@5.3.2: {}
+
+  ignore@7.0.12: {}
+
+  imurmurhash@0.1.4: {}
+
+  ini@1.3.8: {}
+
+  is-binary-path@2.1.0:
+    dependencies:
+      binary-extensions: 2.3.0
+
+  is-extglob@2.1.1: {}
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-number@7.0.0: {}
+
+  is-potential-custom-element-name@1.0.1: {}
+
+  isexe@2.0.0: {}
+
+  js-beautify@2.0.3:
+    dependencies:
+      config-chain: 1.1.13
+      editorconfig: 3.0.2
+      glob: 13.0.6
+      js-cookie: 3.0.8
+      nopt: 10.0.1
+
+  js-cookie@3.0.8: {}
+
+  jsdom@27.4.0:
+    dependencies:
+      '@acemir/cssom': 0.9.32
+      '@asamuzakjp/dom-selector': 6.8.1
+      '@exodus/bytes': 1.16.0
+      cssstyle: 5.3.7
+      data-urls: 6.0.1
+      decimal.js: 10.6.0
+      html-encoding-sniffer: 6.0.0
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.6
+      is-potential-custom-element-name: 1.0.1
+      parse5: 8.0.1
+      saxes: 6.0.0
+      symbol-tree: 3.2.4
+      tough-cookie: 6.0.2
+      w3c-xmlserializer: 5.0.0
+      webidl-conversions: 8.0.1
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 15.1.0
+      ws: 8.22.0
+      xml-name-validator: 5.0.0
+    transitivePeerDependencies:
+      - '@noble/hashes'
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  json-schema-traverse@0.4.1: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
+  keyv@5.6.0:
+    dependencies:
+      '@keyv/serialize': 1.1.1
+
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
+  lightningcss-android-arm64@1.33.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.33.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.33.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.33.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.33.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.33.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.33.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.33.0:
+    optional: true
+
+  lightningcss@1.33.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.33.0
+      lightningcss-darwin-arm64: 1.33.0
+      lightningcss-darwin-x64: 1.33.0
+      lightningcss-freebsd-x64: 1.33.0
+      lightningcss-linux-arm-gnueabihf: 1.33.0
+      lightningcss-linux-arm64-gnu: 1.33.0
+      lightningcss-linux-arm64-musl: 1.33.0
+      lightningcss-linux-x64-gnu: 1.33.0
+      lightningcss-linux-x64-musl: 1.33.0
+      lightningcss-win32-arm64-msvc: 1.33.0
+      lightningcss-win32-x64-msvc: 1.33.0
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  lru-cache@11.5.3: {}
+
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.6.0
+
+  magic-string@1.4.3:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.6.0
+
+  marked@14.0.0: {}
+
+  mdn-data@2.27.1: {}
+
+  minimatch@10.2.6:
+    dependencies:
+      brace-expansion: 5.0.12
+
+  minipass@7.1.3: {}
+
+  mitt@3.0.1: {}
+
+  monaco-editor@0.55.1:
+    dependencies:
+      dompurify: 3.2.7
+      marked: 14.0.0
+
+  ms@2.1.3: {}
+
+  muggle-string@0.4.1: {}
+
+  nanoid@3.3.20: {}
+
+  natural-compare@1.4.0: {}
+
+  nopt@10.0.1:
+    dependencies:
+      abbrev: 5.0.0
+
+  normalize-path@3.0.0: {}
+
+  nth-check@2.1.1:
+    dependencies:
+      boolbase: 1.0.0
+
+  obug@3.0.0: {}
+
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  p-map@7.1.1: {}
+
+  parse5@8.0.1:
+    dependencies:
+      entities: 8.1.0
+
+  path-browserify@1.0.1: {}
+
+  path-exists@4.0.0: {}
+
+  path-key@3.1.1: {}
+
+  path-scurry@2.0.2:
+    dependencies:
+      lru-cache: 11.5.3
+      minipass: 7.1.3
+
+  perfect-debounce@1.0.0: {}
+
+  picocolors@1.1.1: {}
+
+  picomatch@2.3.2: {}
+
+  picomatch@4.0.7: {}
+
+  pinia@3.0.4(typescript@5.9.3)(vue@3.5.43(typescript@5.9.3)):
+    dependencies:
+      '@vue/devtools-api': 7.7.10
+      vue: 3.5.43(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  postcss-selector-parser@7.1.6:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
+  postcss@8.5.29:
+    dependencies:
+      nanoid: 3.3.20
+      picocolors: 1.1.1
+      source-map-js: 1.2.2
+
+  prelude-ls@1.2.1: {}
+
+  proto-list@1.2.4: {}
+
+  punycode@2.3.1: {}
+
+  qified@0.10.1:
+    dependencies:
+      hookified: 2.2.0
+
+  readdirp@3.6.0:
+    dependencies:
+      picomatch: 2.3.2
+
+  remove-accents@0.5.0: {}
+
+  require-from-string@2.0.2: {}
+
+  rfdc@1.4.1: {}
+
+  rolldown@1.2.13:
+    dependencies:
+      '@oxc-project/types': 0.153.0
+      '@rolldown/pluginutils': 1.0.1
+    optionalDependencies:
+      '@rolldown/binding-android-arm-eabi': 1.2.13
+      '@rolldown/binding-android-arm64': 1.2.13
+      '@rolldown/binding-darwin-arm64': 1.2.13
+      '@rolldown/binding-darwin-x64': 1.2.13
+      '@rolldown/binding-freebsd-x64': 1.2.13
+      '@rolldown/binding-linux-arm-gnueabihf': 1.2.13
+      '@rolldown/binding-linux-arm64-gnu': 1.2.13
+      '@rolldown/binding-linux-arm64-musl': 1.2.13
+      '@rolldown/binding-linux-ppc64-gnu': 1.2.13
+      '@rolldown/binding-linux-s390x-gnu': 1.2.13
+      '@rolldown/binding-linux-x64-gnu': 1.2.13
+      '@rolldown/binding-linux-x64-musl': 1.2.13
+      '@rolldown/binding-openharmony-arm64': 1.2.13
+      '@rolldown/binding-win32-arm64-msvc': 1.2.13
+      '@rolldown/binding-win32-x64-msvc': 1.2.13
+
+  saxes@6.0.0:
+    dependencies:
+      xmlchars: 2.2.0
+
+  semver@7.8.5: {}
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  source-map-js@1.2.2: {}
+
+  speakingurl@14.0.1: {}
+
+  std-env@4.3.0: {}
+
+  superjson@2.2.6:
+    dependencies:
+      copy-anything: 4.1.5
+
+  symbol-tree@3.2.4: {}
+
+  tinybench@6.2.2: {}
+
+  tinyexec@1.3.1: {}
+
+  tinyglobby@0.2.17:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.7)
+      picomatch: 4.0.7
+
+  tldts-core@7.4.18: {}
+
+  tldts@7.4.18:
+    dependencies:
+      tldts-core: 7.4.18
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  tough-cookie@6.0.2:
+    dependencies:
+      tldts: 7.4.18
+
+  tr46@6.0.0:
+    dependencies:
+      punycode: 2.3.1
+
+  ts-api-utils@2.5.0(typescript@5.9.3):
+    dependencies:
+      typescript: 5.9.3
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
+  typescript-eslint@8.71.1(eslint@10.12.0)(typescript@5.9.3):
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 8.71.1(@typescript-eslint/parser@8.71.1(eslint@10.12.0)(typescript@5.9.3))(eslint@10.12.0)(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.71.1(eslint@10.12.0)(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.71.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.71.1(eslint@10.12.0)(typescript@5.9.3)
+      eslint: 10.12.0
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  typescript@5.9.3: {}
+
+  undici-types@7.24.6: {}
+
+  upath@2.0.1: {}
+
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  util-deprecate@1.0.2: {}
+
+  vite-plugin-static-copy@4.1.1(vite@8.3.4(@types/node@24.19.2)):
+    dependencies:
+      chokidar: 3.6.0
+      p-map: 7.1.1
+      picocolors: 1.1.1
+      tinyglobby: 0.2.17
+      vite: 8.3.4(@types/node@24.19.2)
+
+  vite-plugin-vuetify@2.1.3(vite@8.3.4(@types/node@24.19.2))(vue@3.5.43(typescript@5.9.3))(vuetify@3.13.6):
+    dependencies:
+      '@vuetify/loader-shared': 2.1.2(vue@3.5.43(typescript@5.9.3))(vuetify@3.13.6)
+      debug: 4.4.3
+      upath: 2.0.1
+      vite: 8.3.4(@types/node@24.19.2)
+      vue: 3.5.43(typescript@5.9.3)
+      vuetify: 3.13.6(typescript@5.9.3)(vite-plugin-vuetify@2.1.3)(vue@3.5.43(typescript@5.9.3))
+    transitivePeerDependencies:
+      - supports-color
+
+  vite@8.3.4(@types/node@24.19.2):
+    dependencies:
+      lightningcss: 1.33.0
+      picomatch: 4.0.7
+      postcss: 8.5.29
+      rolldown: 1.2.13
+      tinyglobby: 0.2.17
+    optionalDependencies:
+      '@types/node': 24.19.2
+      fsevents: 2.3.3
+
+  vitest@5.0.4(@types/node@24.19.2)(jsdom@27.4.0)(vite@8.3.4(@types/node@24.19.2)):
+    dependencies:
+      '@types/chai': 5.2.3
+      '@vitest/mocker': 5.0.4(vite@8.3.4(@types/node@24.19.2))
+      chai: 6.3.0
+      es-module-lexer: 2.3.2
+      expect-type: 1.4.0
+      magic-string: 1.4.3
+      obug: 3.0.0
+      picomatch: 4.0.7
+      std-env: 4.3.0
+      tinybench: 6.2.2
+      tinyexec: 1.3.1
+      tinyglobby: 0.2.17
+      vite: 8.3.4(@types/node@24.19.2)
+      why-is-node-running: 3.2.1
+    optionalDependencies:
+      '@types/node': 24.19.2
+      jsdom: 27.4.0
+    transitivePeerDependencies:
+      - msw
+
+  vscode-uri@3.2.0: {}
+
+  vue-component-type-helpers@3.3.13: {}
+
+  vue-demi@0.14.10(vue@3.5.43(typescript@5.9.3)):
+    dependencies:
+      vue: 3.5.43(typescript@5.9.3)
+
+  vue-eslint-parser@10.4.1(eslint@10.12.0):
+    dependencies:
+      debug: 4.4.3
+      eslint: 10.12.0
+      eslint-scope: 9.1.2
+      eslint-visitor-keys: 5.0.1
+      espree: 11.2.0
+      esquery: 1.7.0
+      semver: 7.8.5
+    transitivePeerDependencies:
+      - supports-color
+
+  vue-router@4.6.4(vue@3.5.43(typescript@5.9.3)):
+    dependencies:
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.43(typescript@5.9.3)
+
+  vue-tsc@3.3.13(typescript@5.9.3):
+    dependencies:
+      '@volar/typescript': 2.4.28
+      '@vue/language-core': 3.3.13
+      typescript: 5.9.3
+
+  vue@3.5.43(typescript@5.9.3):
+    dependencies:
+      '@vue/compiler-dom': 3.5.43
+      '@vue/compiler-sfc': 3.5.43
+      '@vue/runtime-dom': 3.5.43
+      '@vue/server-renderer': 3.5.43
+      '@vue/shared': 3.5.43
+    optionalDependencies:
+      typescript: 5.9.3
+
+  vuetify@3.13.6(typescript@5.9.3)(vite-plugin-vuetify@2.1.3)(vue@3.5.43(typescript@5.9.3)):
+    dependencies:
+      vue: 3.5.43(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+      vite-plugin-vuetify: 2.1.3(vite@8.3.4(@types/node@24.19.2))(vue@3.5.43(typescript@5.9.3))(vuetify@3.13.6)
+
+  w3c-xmlserializer@5.0.0:
+    dependencies:
+      xml-name-validator: 5.0.0
+
+  webidl-conversions@8.0.1: {}
+
+  whatwg-mimetype@4.0.0: {}
+
+  whatwg-mimetype@5.0.0: {}
+
+  whatwg-url@15.1.0:
+    dependencies:
+      tr46: 6.0.0
+      webidl-conversions: 8.0.1
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  why-is-node-running@3.2.1: {}
+
+  word-wrap@1.2.5: {}
+
+  ws@8.22.0: {}
+
+  xml-name-validator@5.0.0: {}
+
+  xmlchars@2.2.0: {}
+
+  yocto-queue@0.1.0: {}
diff --git a/frontend-vue/pnpm-workspace.yaml b/frontend-vue/pnpm-workspace.yaml
new file mode 100644
index 000000000..44573a97b
--- /dev/null
+++ b/frontend-vue/pnpm-workspace.yaml
@@ -0,0 +1,7 @@
+# frontend-vue is installed on its own (like frontend/), not as a member of the root workspace.
+packages:
+  - .
+
+# vue-demi's postinstall only switches between Vue 2/3 builds; the default Vue 3 build is what we need.
+ignoredBuiltDependencies:
+  - vue-demi
diff --git a/frontend-vue/public/config.json b/frontend-vue/public/config.json
new file mode 100644
index 000000000..343eddd45
--- /dev/null
+++ b/frontend-vue/public/config.json
@@ -0,0 +1,5 @@
+{
+	"#important to keep it /api for prod": true,
+	"baseURL": "/api",
+	"saasURL": ""
+}
diff --git a/frontend-vue/scripts/update-version.js b/frontend-vue/scripts/update-version.js
new file mode 100644
index 000000000..e5f777df5
--- /dev/null
+++ b/frontend-vue/scripts/update-version.js
@@ -0,0 +1,16 @@
+// Port of frontend/scripts/update-version.js: writes the package.json version to src/version.ts.
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const root = path.join(path.dirname(fileURLToPath(import.meta.url)), '..');
+const packageJson = JSON.parse(fs.readFileSync(path.join(root, 'package.json'), 'utf8'));
+const version = packageJson.version;
+
+const versionTsPath = path.join(root, 'src', 'version.ts');
+const versionTsContent = `// This file is auto-generated during build
+export const version = '${version}';
+`;
+
+fs.writeFileSync(versionTsPath, versionTsContent);
+console.log(`Updated version.ts with version ${version}`);
diff --git a/frontend-vue/src/App.spec.ts b/frontend-vue/src/App.spec.ts
new file mode 100644
index 000000000..e3c3e3098
--- /dev/null
+++ b/frontend-vue/src/App.spec.ts
@@ -0,0 +1,19 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import { createVuetify } from 'vuetify';
+import App from './App.vue';
+import { routes } from './router';
+
+describe('App', () => {
+	it('renders the home route', async () => {
+		const router = createRouter({ history: createMemoryHistory(), routes });
+		router.push('/');
+		await router.isReady();
+
+		const wrapper = mount(App, { global: { plugins: [router, createVuetify()] } });
+		await flushPromises();
+
+		expect(wrapper.text()).toContain('Rocketadmin');
+	});
+});
diff --git a/frontend-vue/src/App.vue b/frontend-vue/src/App.vue
new file mode 100644
index 000000000..52f5b4537
--- /dev/null
+++ b/frontend-vue/src/App.vue
@@ -0,0 +1,5 @@
+<template>
+	<v-app>
+		<router-view />
+	</v-app>
+</template>
diff --git a/frontend-vue/src/config.spec.ts b/frontend-vue/src/config.spec.ts
new file mode 100644
index 000000000..4b81f2d35
--- /dev/null
+++ b/frontend-vue/src/config.spec.ts
@@ -0,0 +1,37 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { defaultConfig, getConfig, loadConfig } from './config';
+
+const jsonResponse = (body: unknown, status = 200) =>
+	new Response(JSON.stringify(body), { status, headers: { 'Content-Type': 'application/json' } });
+
+describe('loadConfig', () => {
+	afterEach(() => {
+		vi.restoreAllMocks();
+	});
+
+	it('reads baseURL and saasURL from the config file', async () => {
+		const fetchFn = vi
+			.fn<typeof fetch>()
+			.mockResolvedValue(jsonResponse({ baseURL: '/custom-api', saasURL: 'https://saas' }));
+
+		const config = await loadConfig('/config.json', fetchFn);
+
+		expect(fetchFn).toHaveBeenCalledWith('/config.json', { cache: 'no-cache' });
+		expect(config).toEqual({ baseURL: '/custom-api', saasURL: 'https://saas' });
+		expect(getConfig()).toEqual(config);
+	});
+
+	it('falls back to defaults for missing fields', async () => {
+		const fetchFn = vi.fn<typeof fetch>().mockResolvedValue(jsonResponse({ baseURL: '/custom-api' }));
+
+		expect(await loadConfig('/config.json', fetchFn)).toEqual({ baseURL: '/custom-api', saasURL: '' });
+	});
+
+	it('falls back to defaults when the request fails', async () => {
+		vi.spyOn(console, 'error').mockImplementation(() => {});
+		const fetchFn = vi.fn<typeof fetch>().mockResolvedValue(jsonResponse({}, 404));
+
+		expect(await loadConfig('/config.json', fetchFn)).toEqual(defaultConfig);
+		expect(getConfig()).toEqual(defaultConfig);
+	});
+});
diff --git a/frontend-vue/src/config.ts b/frontend-vue/src/config.ts
new file mode 100644
index 000000000..04154b726
--- /dev/null
+++ b/frontend-vue/src/config.ts
@@ -0,0 +1,34 @@
+export interface AppConfig {
+	baseURL: string;
+	saasURL: string;
+}
+
+// Same values as public/config.json, used when the runtime file is missing or broken.
+export const defaultConfig: AppConfig = {
+	baseURL: '/api',
+	saasURL: '',
+};
+
+let config: AppConfig = { ...defaultConfig };
+
+// Port of ConfigModule.buildForConfigUrl: reads config.json before the app mounts,
+// so the deployed file can be swapped without rebuilding the bundle.
+export async function loadConfig(configUrl: string, fetchFn: typeof fetch = fetch): Promise<AppConfig> {
+	try {
+		const response = await fetchFn(configUrl, { cache: 'no-cache' });
+		if (!response.ok) throw new Error(`HTTP ${response.status}`);
+		const json = (await response.json()) as Partial<AppConfig>;
+		config = {
+			baseURL: typeof json.baseURL === 'string' ? json.baseURL : defaultConfig.baseURL,
+			saasURL: typeof json.saasURL === 'string' ? json.saasURL : defaultConfig.saasURL,
+		};
+	} catch (error) {
+		console.error(`Failed to load ${configUrl}, using defaults`, error);
+		config = { ...defaultConfig };
+	}
+	return config;
+}
+
+export function getConfig(): AppConfig {
+	return config;
+}
diff --git a/frontend-vue/src/env.d.ts b/frontend-vue/src/env.d.ts
new file mode 100644
index 000000000..8a335ba07
--- /dev/null
+++ b/frontend-vue/src/env.d.ts
@@ -0,0 +1,14 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+	readonly VITE_SAAS: string;
+	readonly VITE_API_ROOT: string;
+	readonly VITE_SAAS_URL: string;
+	readonly VITE_SAAS_HOSTNAMES: string;
+	readonly VITE_STAGING_HOST: string;
+	readonly VITE_TURNSTILE_SITE_KEY: string;
+}
+
+interface ImportMeta {
+	readonly env: ImportMetaEnv;
+}
diff --git a/frontend-vue/src/environment.spec.ts b/frontend-vue/src/environment.spec.ts
new file mode 100644
index 000000000..56853b62f
--- /dev/null
+++ b/frontend-vue/src/environment.spec.ts
@@ -0,0 +1,37 @@
+import { describe, expect, it } from 'vitest';
+import { buildEnvironment } from './environment';
+import { version } from './version';
+
+describe('buildEnvironment', () => {
+	it('maps the SaaS production variables', () => {
+		expect(
+			buildEnvironment({
+				PROD: true,
+				VITE_SAAS: 'true',
+				VITE_API_ROOT: '/api',
+				VITE_SAAS_URL: '',
+				VITE_SAAS_HOSTNAMES: 'app.rocketadmin.com, rocket.sitenova.com',
+				VITE_STAGING_HOST: 'staging.example.com',
+				VITE_TURNSTILE_SITE_KEY: 'site-key',
+			}),
+		).toEqual({
+			production: true,
+			saas: true,
+			apiRoot: '/api',
+			saasURL: '',
+			saasHostnames: ['app.rocketadmin.com', 'rocket.sitenova.com'],
+			stagingHost: 'staging.example.com',
+			version,
+			turnstileSiteKey: 'site-key',
+		});
+	});
+
+	it('defaults to a self-hosted, non-production environment', () => {
+		const environment = buildEnvironment({ PROD: false, VITE_SAAS: 'false', VITE_SAAS_HOSTNAMES: '' });
+
+		expect(environment.production).toBe(false);
+		expect(environment.saas).toBe(false);
+		expect(environment.saasHostnames).toEqual([]);
+		expect(environment.apiRoot).toBe('');
+	});
+});
diff --git a/frontend-vue/src/environment.ts b/frontend-vue/src/environment.ts
new file mode 100644
index 000000000..a3af4f313
--- /dev/null
+++ b/frontend-vue/src/environment.ts
@@ -0,0 +1,31 @@
+import { version } from './version';
+
+export interface Environment {
+	production: boolean;
+	saas: boolean;
+	apiRoot: string;
+	saasURL: string;
+	saasHostnames: string[];
+	stagingHost: string;
+	version: string;
+	turnstileSiteKey: string;
+}
+
+export function buildEnvironment(env: Record<string, string | boolean | undefined>): Environment {
+	return {
+		production: env.PROD === true,
+		saas: env.VITE_SAAS === 'true',
+		apiRoot: String(env.VITE_API_ROOT ?? ''),
+		saasURL: String(env.VITE_SAAS_URL ?? ''),
+		saasHostnames: String(env.VITE_SAAS_HOSTNAMES ?? '')
+			.split(',')
+			.map((hostname) => hostname.trim())
+			.filter(Boolean),
+		stagingHost: String(env.VITE_STAGING_HOST ?? ''),
+		version,
+		turnstileSiteKey: String(env.VITE_TURNSTILE_SITE_KEY ?? ''),
+	};
+}
+
+// Same shape as `environment` in frontend/src/environments/*.ts, built from the Vite mode's .env files.
+export const environment: Environment = buildEnvironment(import.meta.env);
diff --git a/frontend-vue/src/lib/cedar-wasm.ts b/frontend-vue/src/lib/cedar-wasm.ts
new file mode 100644
index 000000000..7eecbe4a3
--- /dev/null
+++ b/frontend-vue/src/lib/cedar-wasm.ts
@@ -0,0 +1,19 @@
+// Port of CedarWasmService. The package's default init loads `cedar_wasm_bg.wasm` through
+// `new URL(..., import.meta.url)`, which Vite emits as a hashed asset.
+type CedarWasmModule = typeof import('@cedar-policy/cedar-wasm/web');
+
+let loading: Promise<CedarWasmModule> | null = null;
+
+export function loadCedarWasm(): Promise<CedarWasmModule> {
+	if (!loading) {
+		loading = (async () => {
+			const cedar = await import('@cedar-policy/cedar-wasm/web');
+			await cedar.default();
+			return cedar;
+		})().catch((error) => {
+			loading = null;
+			throw error;
+		});
+	}
+	return loading;
+}
diff --git a/frontend-vue/src/lib/monaco.ts b/frontend-vue/src/lib/monaco.ts
new file mode 100644
index 000000000..b872aaf4f
--- /dev/null
+++ b/frontend-vue/src/lib/monaco.ts
@@ -0,0 +1,40 @@
+// Monaco is bundled by Vite with its workers as `?worker` chunks, replacing the
+// `assets/monaco` copy the Angular build serves to @ngstack/code-editor.
+import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
+import CssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
+import HtmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
+import JsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
+import TsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
+
+type Monaco = typeof import('monaco-editor');
+
+export function getMonacoWorker(label: string): Worker {
+	switch (label) {
+		case 'json':
+			return new JsonWorker();
+		case 'css':
+		case 'scss':
+		case 'less':
+			return new CssWorker();
+		case 'html':
+		case 'handlebars':
+		case 'razor':
+			return new HtmlWorker();
+		case 'typescript':
+		case 'javascript':
+			return new TsWorker();
+		default:
+			return new EditorWorker();
+	}
+}
+
+let loading: Promise<Monaco> | null = null;
+
+// Monaco is large, so it is loaded on first use and kept in its own chunk.
+export function loadMonaco(): Promise<Monaco> {
+	if (!loading) {
+		self.MonacoEnvironment = { getWorker: (_workerId, label) => getMonacoWorker(label) };
+		loading = import('monaco-editor');
+	}
+	return loading;
+}
diff --git a/frontend-vue/src/main.ts b/frontend-vue/src/main.ts
new file mode 100644
index 000000000..24e05c9e5
--- /dev/null
+++ b/frontend-vue/src/main.ts
@@ -0,0 +1,22 @@
+import '@fontsource/noto-sans/300.css';
+import '@fontsource/noto-sans/400.css';
+import '@fontsource/noto-sans/500.css';
+import '@fontsource/ibm-plex-mono/400.css';
+import '@fontsource/ibm-plex-mono/500.css';
+import '@material-symbols/font-400/outlined.css';
+
+import { VueQueryPlugin } from '@tanstack/vue-query';
+import { createPinia } from 'pinia';
+import { createApp } from 'vue';
+import App from './App.vue';
+import { loadConfig } from './config';
+import { vuetify } from './plugins/vuetify';
+import { router } from './router';
+
+async function bootstrap() {
+	await loadConfig('/config.json');
+
+	createApp(App).use(createPinia()).use(router).use(vuetify).use(VueQueryPlugin).mount('#app');
+}
+
+bootstrap();
diff --git a/frontend-vue/src/plugins/vuetify.ts b/frontend-vue/src/plugins/vuetify.ts
new file mode 100644
index 000000000..5fc02bf22
--- /dev/null
+++ b/frontend-vue/src/plugins/vuetify.ts
@@ -0,0 +1,9 @@
+import 'vuetify/styles';
+import { createVuetify } from 'vuetify';
+
+// The palette-based theme (port of colorConfig in frontend/src/main.ts) is set up in Phase 1.
+export const vuetify = createVuetify({
+	theme: {
+		defaultTheme: 'system',
+	},
+});
diff --git a/frontend-vue/src/router/index.ts b/frontend-vue/src/router/index.ts
new file mode 100644
index 000000000..e13775176
--- /dev/null
+++ b/frontend-vue/src/router/index.ts
@@ -0,0 +1,15 @@
+import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router';
+
+export const routes: RouteRecordRaw[] = [
+	{
+		path: '/',
+		name: 'home',
+		component: () => import('@/views/HomeView.vue'),
+		meta: { title: 'Rocketadmin' },
+	},
+];
+
+export const router = createRouter({
+	history: createWebHistory(import.meta.env.BASE_URL),
+	routes,
+});
diff --git a/frontend-vue/src/test-setup.ts b/frontend-vue/src/test-setup.ts
new file mode 100644
index 000000000..a712a6ea4
--- /dev/null
+++ b/frontend-vue/src/test-setup.ts
@@ -0,0 +1,8 @@
+// jsdom does not implement ResizeObserver, which Vuetify layout components use.
+class ResizeObserverStub {
+	observe() {}
+	unobserve() {}
+	disconnect() {}
+}
+
+globalThis.ResizeObserver ??= ResizeObserverStub;
diff --git a/frontend-vue/src/version.ts b/frontend-vue/src/version.ts
new file mode 100644
index 000000000..fdb12fe4e
--- /dev/null
+++ b/frontend-vue/src/version.ts
@@ -0,0 +1,2 @@
+// This file is auto-generated during build
+export const version = '1.0.0';
diff --git a/frontend-vue/src/views/HomeView.vue b/frontend-vue/src/views/HomeView.vue
new file mode 100644
index 000000000..cb5e7e2d0
--- /dev/null
+++ b/frontend-vue/src/views/HomeView.vue
@@ -0,0 +1,10 @@
+<script setup lang="ts">
+import { environment } from '@/environment';
+</script>
+
+<template>
+	<v-container>
+		<h1 class="text-h5">Rocketadmin</h1>
+		<p>Vue frontend scaffold, version {{ environment.version }}{{ environment.saas ? ' (SaaS)' : '' }}.</p>
+	</v-container>
+</template>
diff --git a/frontend-vue/tsconfig.app.json b/frontend-vue/tsconfig.app.json
new file mode 100644
index 000000000..1af2e4361
--- /dev/null
+++ b/frontend-vue/tsconfig.app.json
@@ -0,0 +1,13 @@
+{
+	"extends": "@vue/tsconfig/tsconfig.dom.json",
+	"compilerOptions": {
+		"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+		"types": ["vite/client"],
+		"paths": {
+			"@/*": ["./src/*"]
+		},
+		"noUnusedLocals": true,
+		"noUnusedParameters": true
+	},
+	"include": ["src/**/*.ts", "src/**/*.vue"]
+}
diff --git a/frontend-vue/tsconfig.json b/frontend-vue/tsconfig.json
new file mode 100644
index 000000000..88a659fb8
--- /dev/null
+++ b/frontend-vue/tsconfig.json
@@ -0,0 +1,4 @@
+{
+	"files": [],
+	"references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }]
+}
diff --git a/frontend-vue/tsconfig.node.json b/frontend-vue/tsconfig.node.json
new file mode 100644
index 000000000..02f42ecfd
--- /dev/null
+++ b/frontend-vue/tsconfig.node.json
@@ -0,0 +1,14 @@
+{
+	"compilerOptions": {
+		"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+		"target": "es2023",
+		"lib": ["es2023"],
+		"module": "esnext",
+		"moduleResolution": "bundler",
+		"types": ["node"],
+		"strict": true,
+		"noEmit": true,
+		"skipLibCheck": true
+	},
+	"include": ["vite.config.ts", "eslint.config.js", "scripts/**/*.js"]
+}
diff --git a/frontend-vue/vite.config.ts b/frontend-vue/vite.config.ts
new file mode 100644
index 000000000..a678bc57b
--- /dev/null
+++ b/frontend-vue/vite.config.ts
@@ -0,0 +1,67 @@
+/// <reference types="vitest/config" />
+import fs from 'node:fs';
+import { fileURLToPath, URL } from 'node:url';
+import vue from '@vitejs/plugin-vue';
+import { defineConfig, type Plugin } from 'vite';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
+import vuetify from 'vite-plugin-vuetify';
+
+const isSaasMode = (mode: string) => mode === 'saas' || mode === 'saas-production';
+
+// SaaS builds serve index.saas.html (Intercom, gtag, GSI, Turnstile, loader) as index.html,
+// like the `index` option of the Angular `saas` and `saas-production` configurations.
+function saasIndexHtml(mode: string): Plugin {
+	return {
+		name: 'rocketadmin-saas-index-html',
+		transformIndexHtml: {
+			order: 'pre',
+			handler: (html) =>
+				isSaasMode(mode) ? fs.readFileSync(fileURLToPath(new URL('./index.saas.html', import.meta.url)), 'utf8') : html,
+		},
+	};
+}
+
+export default defineConfig(({ mode }) => ({
+	plugins: [
+		vue(),
+		vuetify({ autoImport: true }),
+		saasIndexHtml(mode),
+		viteStaticCopy({
+			targets: [
+				// Shared with the Angular app until the cutover (see VUE_MIGRATION_PLAN.md, Phase 4).
+				{ src: '../frontend/src/assets', dest: '.', rename: { stripBase: 2 } },
+			],
+		}),
+	],
+	resolve: {
+		alias: {
+			'@': fileURLToPath(new URL('./src', import.meta.url)),
+		},
+	},
+	server: {
+		host: '127.0.0.1',
+		// Port of frontend/src/proxy.conf.json
+		proxy: {
+			'/api': {
+				target: 'https://app.rocketadmin.com',
+				changeOrigin: true,
+				secure: false,
+			},
+		},
+	},
+	worker: {
+		format: 'es',
+	},
+	build: {
+		sourcemap: true,
+	},
+	test: {
+		environment: 'jsdom',
+		setupFiles: ['src/test-setup.ts'],
+		server: {
+			deps: {
+				inline: ['vuetify'],
+			},
+		},
+	},
+}));

From fe7046487c71faedf55c8c2de048ee463e47a4fe Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Wed, 21 Oct 2026 12:55:04 +0000
Subject: [PATCH 02/22] Vue frontend phase 1: SiteNova design system and
 foundations

Replace Vuetify with the design system copied from SiteNova: tokens
(theme.css, base.css), the Ui* primitives with specs, stories and
Foundations docs, the axe-core a11y gate, the design-token hygiene test
and Storybook. New primitives: icon, icon button, badge, menu, drawer.

Phase 1 foundations:
- API client porting the token/url-params interceptors and api.service
  (base URL, credentials, GCLID/masterpwd, 401 redirect, error
  notifications, NDJSON streams)
- Auth store with session handling, self-hosted store, meta-driven
  route guards and the full route table with the Angular paths
- App shell: header, connection switcher and tabs, account menu,
  mobile drawer, view-as banner, feature notification, 404, snackbars;
  Sentry/PostHog/Amplitude setup
- useDialog(), useNotify(), AppDialogForm, shared alert, banner,
  breadcrumbs, content loader, icon picker and the 17 skeletons
- All 27 Angular services ported to Pinia stores and query composables,
  validators as pure functions; models, lib and consts copied over

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 .github/workflows/frontend-vue.yml            |    2 +
 VUE_MIGRATION_PLAN.md                         |   14 +-
 frontend-vue/.gitignore                       |    1 +
 frontend-vue/.storybook/decorators.ts         |   49 +
 frontend-vue/.storybook/main.ts               |   13 +
 frontend-vue/.storybook/preview.css           |   11 +
 frontend-vue/.storybook/preview.ts            |   79 +
 frontend-vue/README.md                        |    7 +-
 frontend-vue/biome.json                       |    2 +-
 frontend-vue/eslint.config.js                 |    2 +
 frontend-vue/index.html                       |    2 +-
 frontend-vue/index.saas.html                  |    2 +-
 frontend-vue/package.json                     |   34 +-
 frontend-vue/pnpm-lock.yaml                   | 2356 ++++++-
 frontend-vue/pnpm-workspace.yaml              |    3 +
 frontend-vue/src/App.spec.ts                  |   16 +-
 frontend-vue/src/App.vue                      |   41 +-
 .../src/__tests__/design-tokens.spec.ts       |  147 +
 frontend-vue/src/__tests__/mock-fetch.ts      |   77 +
 frontend-vue/src/api/client.spec.ts           |  219 +
 frontend-vue/src/api/client.ts                |  300 +
 frontend-vue/src/api/query-options.ts         |    7 +
 frontend-vue/src/assets/base.css              |   89 +
 frontend-vue/src/assets/theme.css             |  215 +
 .../src/components/app/AppHeader.spec.ts      |  130 +
 frontend-vue/src/components/app/AppHeader.vue |  261 +
 .../src/components/app/AppNavDrawer.vue       |  187 +
 .../src/components/app/AppSnackbars.spec.ts   |   36 +
 .../src/components/app/AppSnackbars.vue       |   91 +
 .../components/app/FeatureNotification.vue    |  483 ++
 .../src/components/app/ViewAsBanner.vue       |   47 +
 frontend-vue/src/components/app/navigation.ts |   32 +
 .../src/components/dialog/AppDialog.vue       |   45 +
 .../src/components/dialog/AppDialogForm.vue   |   91 +
 .../src/components/dialog/DialogHost.vue      |   11 +
 .../src/components/dialog/DialogOutlet.vue    |   13 +
 .../src/components/dialog/dialog.spec.ts      |  107 +
 .../MasterPasswordDialog.spec.ts              |   78 +
 .../master-password/MasterPasswordDialog.vue  |   42 +
 .../src/components/shared/AppAlert.spec.ts    |  135 +
 .../src/components/shared/AppAlert.stories.ts |   78 +
 .../src/components/shared/AppAlert.vue        |  166 +
 .../src/components/shared/AppBanner.spec.ts   |   28 +
 .../components/shared/AppBanner.stories.ts    |   49 +
 .../src/components/shared/AppBanner.vue       |   98 +
 .../components/shared/AppBreadcrumbs.spec.ts  |   54 +
 .../shared/AppBreadcrumbs.stories.ts          |   35 +
 .../src/components/shared/AppBreadcrumbs.vue  |   93 +
 .../shared/AppContentLoader.spec.ts           |   16 +
 .../shared/AppContentLoader.stories.ts        |   21 +
 .../components/shared/AppContentLoader.vue    |   34 +
 .../components/shared/AppIconPicker.spec.ts   |  118 +
 .../shared/AppIconPicker.stories.ts           |   42 +
 .../src/components/shared/AppIconPicker.vue   |  279 +
 .../skeletons/PlaceholderAddUserDialog.vue    |   37 +
 .../skeletons/PlaceholderApiKeysList.vue      |   35 +
 .../skeletons/PlaceholderAuditLog.vue         |   12 +
 .../skeletons/PlaceholderCompany.vue          |   55 +
 .../PlaceholderCompanyInvitation.vue          |   53 +
 .../PlaceholderConnectionSettings.vue         |   68 +
 .../skeletons/PlaceholderConnections.vue      |   49 +
 .../skeletons/PlaceholderDashboards.vue       |   58 +
 .../skeletons/PlaceholderRecordView.vue       |   41 +
 .../skeletons/PlaceholderRowEdit.vue          |   79 +
 .../skeletons/PlaceholderSavedFilters.vue     |   29 +
 .../skeletons/PlaceholderTableData.vue        |   93 +
 .../skeletons/PlaceholderTableSettings.vue    |  121 +
 .../skeletons/PlaceholderTableView.vue        |   58 +
 .../skeletons/PlaceholderTableWidgets.vue     |   78 +
 .../skeletons/PlaceholderUserGroup.vue        |   23 +
 .../skeletons/PlaceholderUserGroups.vue       |   39 +
 .../skeletons/Placeholders.stories.ts         |   85 +
 .../components/skeletons/placeholders.spec.ts |   90 +
 frontend-vue/src/components/ui/CONVENTIONS.md |   84 +
 .../src/components/ui/UiAlert.spec.ts         |   43 +
 .../src/components/ui/UiAlert.stories.ts      |   85 +
 frontend-vue/src/components/ui/UiAlert.vue    |   78 +
 .../src/components/ui/UiBadge.spec.ts         |   58 +
 .../src/components/ui/UiBadge.stories.ts      |   48 +
 frontend-vue/src/components/ui/UiBadge.vue    |  130 +
 .../src/components/ui/UiButton.spec.ts        |  179 +
 .../src/components/ui/UiButton.stories.ts     |  150 +
 frontend-vue/src/components/ui/UiButton.vue   |  245 +
 frontend-vue/src/components/ui/UiCard.spec.ts |   34 +
 .../src/components/ui/UiCard.stories.ts       |  100 +
 frontend-vue/src/components/ui/UiCard.vue     |   92 +
 frontend-vue/src/components/ui/UiChip.spec.ts |   37 +
 .../src/components/ui/UiChip.stories.ts       |   81 +
 frontend-vue/src/components/ui/UiChip.vue     |   86 +
 .../src/components/ui/UiConfirmDialog.spec.ts |  101 +
 .../components/ui/UiConfirmDialog.stories.ts  |  160 +
 .../src/components/ui/UiConfirmDialog.vue     |   85 +
 .../src/components/ui/UiDrawer.spec.ts        |  160 +
 .../src/components/ui/UiDrawer.stories.ts     |   61 +
 frontend-vue/src/components/ui/UiDrawer.vue   |  226 +
 .../src/components/ui/UiField.spec.ts         |  170 +
 .../src/components/ui/UiField.stories.ts      |  127 +
 frontend-vue/src/components/ui/UiField.vue    |  107 +
 frontend-vue/src/components/ui/UiIcon.spec.ts |   39 +
 .../src/components/ui/UiIcon.stories.ts       |   42 +
 frontend-vue/src/components/ui/UiIcon.vue     |   82 +
 .../src/components/ui/UiIconButton.spec.ts    |  103 +
 .../src/components/ui/UiIconButton.stories.ts |   66 +
 .../src/components/ui/UiIconButton.vue        |  200 +
 frontend-vue/src/components/ui/UiInput.vue    |  126 +
 frontend-vue/src/components/ui/UiMenu.spec.ts |  260 +
 .../src/components/ui/UiMenu.stories.ts       |   98 +
 frontend-vue/src/components/ui/UiMenu.vue     |  270 +
 frontend-vue/src/components/ui/UiMenuItem.vue |  179 +
 .../src/components/ui/UiModal.spec.ts         |  167 +
 .../src/components/ui/UiModal.stories.ts      |  139 +
 frontend-vue/src/components/ui/UiModal.vue    |  234 +
 .../src/components/ui/UiPageShell.spec.ts     |   45 +
 .../src/components/ui/UiPageShell.stories.ts  |  100 +
 .../src/components/ui/UiPageShell.vue         |   81 +
 .../src/components/ui/UiProgressBar.spec.ts   |   75 +
 .../components/ui/UiProgressBar.stories.ts    |   96 +
 .../src/components/ui/UiProgressBar.vue       |   88 +
 .../src/components/ui/UiSkeleton.spec.ts      |   79 +
 .../src/components/ui/UiSkeleton.stories.ts   |   83 +
 frontend-vue/src/components/ui/UiSkeleton.vue |  126 +
 .../src/components/ui/UiSpinner.spec.ts       |   28 +
 .../src/components/ui/UiSpinner.stories.ts    |   62 +
 frontend-vue/src/components/ui/UiSpinner.vue  |   92 +
 frontend-vue/src/components/ui/UiTab.vue      |  113 +
 frontend-vue/src/components/ui/UiTabPanel.vue |   41 +
 frontend-vue/src/components/ui/UiTabs.spec.ts |  158 +
 .../src/components/ui/UiTabs.stories.ts       |  127 +
 frontend-vue/src/components/ui/UiTabs.vue     |  111 +
 .../src/components/ui/__tests__/a11y.spec.ts  |  420 ++
 .../src/components/ui/__tests__/axe.ts        |  111 +
 .../components/ui/docs/00-GettingStarted.mdx  |   67 +
 .../src/components/ui/docs/01-Conventions.mdx |   13 +
 .../src/components/ui/docs/02-Color.mdx       |   77 +
 .../src/components/ui/docs/03-Typography.mdx  |   61 +
 .../src/components/ui/docs/04-Spacing.mdx     |   49 +
 .../src/components/ui/docs/05-Shape.mdx       |   35 +
 .../src/components/ui/docs/06-Elevation.mdx   |   56 +
 .../src/components/ui/docs/07-Motion.mdx      |   85 +
 .../src/components/ui/docs/ScaleSpecimens.vue |  101 +
 .../src/components/ui/docs/SpecimenList.vue   |   88 +
 .../src/components/ui/docs/SwatchGrid.vue     |  103 +
 .../src/components/ui/docs/TokenTable.vue     |  110 +
 .../src/components/ui/docs/TypeSpecimens.vue  |   70 +
 .../components/ui/docs/conventions.spec.ts    |   56 +
 .../components/ui/docs/foundations.stories.ts |  125 +
 .../src/components/ui/docs/readTokens.spec.ts |   60 +
 .../src/components/ui/docs/readTokens.ts      |   65 +
 .../src/components/ui/docs/specimens.spec.ts  |  159 +
 .../src/components/ui/fieldContext.ts         |   19 +
 frontend-vue/src/components/ui/index.ts       |   32 +
 frontend-vue/src/components/ui/menuContext.ts |   14 +
 frontend-vue/src/components/ui/tabsContext.ts |   25 +
 frontend-vue/src/composables/useAnalytics.ts  |   12 +
 .../src/composables/useAppSession.spec.ts     |  142 +
 frontend-vue/src/composables/useAppSession.ts |   88 +
 .../src/composables/useCedarValidator.spec.ts |   52 +
 .../src/composables/useCedarValidator.ts      |   29 +
 frontend-vue/src/composables/useDialog.ts     |   87 +
 frontend-vue/src/composables/useNotify.ts     |   11 +
 frontend-vue/src/consts/acronyms.ts           | 5828 +++++++++++++++++
 frontend-vue/src/consts/code-snippets.ts      |  211 +
 frontend-vue/src/consts/countries.ts          |  266 +
 frontend-vue/src/consts/currencies.ts         |   87 +
 frontend-vue/src/consts/databases.ts          |   25 +
 .../src/consts/google-IP-addresses.ts         |  530 ++
 frontend-vue/src/consts/languages.ts          |  201 +
 frontend-vue/src/lib/ai-suggestions.spec.ts   |  165 +
 frontend-vue/src/lib/ai-suggestions.ts        |  290 +
 frontend-vue/src/lib/binary.spec.ts           |  180 +
 frontend-vue/src/lib/binary.ts                |  119 +
 frontend-vue/src/lib/cedar-monaco-language.ts |   49 +
 frontend-vue/src/lib/cedar-policy-items.ts    |  132 +
 frontend-vue/src/lib/cedar-policy-parser.ts   |  330 +
 .../src/lib/cedar-policy-roundtrip.spec.ts    |  561 ++
 frontend-vue/src/lib/chart-config.helper.ts   |  512 ++
 frontend-vue/src/lib/connection-theme.spec.ts |   28 +
 frontend-vue/src/lib/connection-theme.ts      |   40 +
 frontend-vue/src/lib/format-field-value.ts    |   31 +
 frontend-vue/src/lib/monitoring.ts            |   40 +
 frontend-vue/src/lib/normalize.spec.ts        |   24 +
 frontend-vue/src/lib/normalize.ts             |   20 +
 .../src/lib/parse-filter-params.spec.ts       |   36 +
 frontend-vue/src/lib/parse-filter-params.ts   |   17 +
 .../src/lib/permission-display.spec.ts        |   81 +
 frontend-vue/src/lib/permission-display.ts    |   80 +
 .../src/lib/setup-table-row-structure.spec.ts |   96 +
 .../src/lib/setup-table-row-structure.ts      |   18 +
 frontend-vue/src/lib/table-events.spec.ts     |   26 +
 frontend-vue/src/lib/table-events.ts          |   48 +
 frontend-vue/src/main.ts                      |   51 +-
 frontend-vue/src/models/ai-suggestions.ts     |   87 +
 frontend-vue/src/models/alert.ts              |   31 +
 frontend-vue/src/models/company.ts            |   69 +
 frontend-vue/src/models/connection.ts         |   76 +
 frontend-vue/src/models/dashboard.ts          |   45 +
 frontend-vue/src/models/logs.ts               |   24 +
 frontend-vue/src/models/saved-query.ts        |  124 +
 frontend-vue/src/models/secret.ts             |   61 +
 frontend-vue/src/models/table.ts              |  157 +
 frontend-vue/src/models/ui-settings.ts        |   25 +
 frontend-vue/src/models/user.ts               |  107 +
 frontend-vue/src/plugins/vuetify.ts           |    9 -
 frontend-vue/src/router/guards.spec.ts        |   86 +
 frontend-vue/src/router/guards.ts             |   69 +
 frontend-vue/src/router/index.ts              |   16 +-
 frontend-vue/src/router/routes.ts             |   69 +
 .../src/stores/ai-suggestions.spec.ts         |   39 +
 frontend-vue/src/stores/ai-suggestions.ts     |   47 +
 frontend-vue/src/stores/ai.spec.ts            |   97 +
 frontend-vue/src/stores/ai.ts                 |   78 +
 frontend-vue/src/stores/auth.spec.ts          |  100 +
 frontend-vue/src/stores/auth.ts               |  215 +
 .../src/stores/cedar-permissions.spec.ts      |  452 ++
 frontend-vue/src/stores/cedar-permissions.ts  |  172 +
 frontend-vue/src/stores/company.spec.ts       |  240 +
 frontend-vue/src/stores/company.ts            |  236 +
 .../src/stores/configuration-state.spec.ts    |   86 +
 .../src/stores/configuration-state.ts         |  147 +
 frontend-vue/src/stores/connections.spec.ts   |  513 ++
 frontend-vue/src/stores/connections.ts        |  424 ++
 frontend-vue/src/stores/dashboards.spec.ts    |  241 +
 frontend-vue/src/stores/dashboards.ts         |  160 +
 .../src/stores/master-password.spec.ts        |   48 +
 frontend-vue/src/stores/master-password.ts    |   46 +
 frontend-vue/src/stores/notifications.spec.ts |   49 +
 frontend-vue/src/stores/notifications.ts      |   79 +
 frontend-vue/src/stores/s3.spec.ts            |  135 +
 frontend-vue/src/stores/s3.ts                 |  120 +
 frontend-vue/src/stores/saved-queries.spec.ts |  156 +
 frontend-vue/src/stores/saved-queries.ts      |   98 +
 frontend-vue/src/stores/secrets.spec.ts       |  223 +
 frontend-vue/src/stores/secrets.ts            |  145 +
 frontend-vue/src/stores/selfhosted.ts         |   69 +
 frontend-vue/src/stores/table-row.spec.ts     |   94 +
 frontend-vue/src/stores/table-row.ts          |   66 +
 frontend-vue/src/stores/table-schema.spec.ts  |   57 +
 frontend-vue/src/stores/table-schema.ts       |  111 +
 frontend-vue/src/stores/table-state.spec.ts   |   82 +
 frontend-vue/src/stores/table-state.ts        |  114 +
 frontend-vue/src/stores/tables.spec.ts        |  369 ++
 frontend-vue/src/stores/tables.ts             |  405 ++
 frontend-vue/src/stores/ui-settings.spec.ts   |  100 +
 frontend-vue/src/stores/ui-settings.ts        |  112 +
 frontend-vue/src/stores/user.spec.ts          |  229 +
 frontend-vue/src/stores/user.ts               |  187 +
 frontend-vue/src/stores/users.spec.ts         |  343 +
 frontend-vue/src/stores/users.ts              |  284 +
 frontend-vue/src/stores/view-as.spec.ts       |  105 +
 frontend-vue/src/stores/view-as.ts            |   68 +
 frontend-vue/src/test-setup.ts                |   17 +-
 frontend-vue/src/types/globals.d.ts           |   10 +
 .../src/validators/base64.validator.spec.ts   |   19 +
 .../src/validators/base64.validator.ts        |   17 +
 .../connection-string.validator.spec.ts       |   66 +
 .../validators/connection-string.validator.ts |  148 +
 .../src/validators/email.validator.spec.ts    |   24 +
 .../src/validators/email.validator.ts         |   17 +
 .../src/validators/hex.validator.spec.ts      |   18 +
 frontend-vue/src/validators/hex.validator.ts  |   17 +
 .../src/validators/hostname.validator.spec.ts |   48 +
 .../src/validators/hostname.validator.ts      |   55 +
 .../src/validators/password.validator.spec.ts |   30 +
 .../src/validators/password.validator.ts      |   45 +
 .../src/validators/text.validator.spec.ts     |   48 +
 frontend-vue/src/validators/text.validator.ts |   80 +
 frontend-vue/src/validators/types.ts          |   18 +
 .../src/validators/url.validator.spec.ts      |   23 +
 frontend-vue/src/validators/url.validator.ts  |   25 +
 frontend-vue/src/views/HomeView.vue           |   10 -
 frontend-vue/src/views/NotFoundView.vue       |   66 +
 frontend-vue/src/views/PendingView.vue        |   34 +
 frontend-vue/tsconfig.app.json                |    3 +-
 frontend-vue/vite.config.ts                   |   12 +-
 274 files changed, 35358 insertions(+), 160 deletions(-)
 create mode 100644 frontend-vue/.storybook/decorators.ts
 create mode 100644 frontend-vue/.storybook/main.ts
 create mode 100644 frontend-vue/.storybook/preview.css
 create mode 100644 frontend-vue/.storybook/preview.ts
 create mode 100644 frontend-vue/src/__tests__/design-tokens.spec.ts
 create mode 100644 frontend-vue/src/__tests__/mock-fetch.ts
 create mode 100644 frontend-vue/src/api/client.spec.ts
 create mode 100644 frontend-vue/src/api/client.ts
 create mode 100644 frontend-vue/src/api/query-options.ts
 create mode 100644 frontend-vue/src/assets/base.css
 create mode 100644 frontend-vue/src/assets/theme.css
 create mode 100644 frontend-vue/src/components/app/AppHeader.spec.ts
 create mode 100644 frontend-vue/src/components/app/AppHeader.vue
 create mode 100644 frontend-vue/src/components/app/AppNavDrawer.vue
 create mode 100644 frontend-vue/src/components/app/AppSnackbars.spec.ts
 create mode 100644 frontend-vue/src/components/app/AppSnackbars.vue
 create mode 100644 frontend-vue/src/components/app/FeatureNotification.vue
 create mode 100644 frontend-vue/src/components/app/ViewAsBanner.vue
 create mode 100644 frontend-vue/src/components/app/navigation.ts
 create mode 100644 frontend-vue/src/components/dialog/AppDialog.vue
 create mode 100644 frontend-vue/src/components/dialog/AppDialogForm.vue
 create mode 100644 frontend-vue/src/components/dialog/DialogHost.vue
 create mode 100644 frontend-vue/src/components/dialog/DialogOutlet.vue
 create mode 100644 frontend-vue/src/components/dialog/dialog.spec.ts
 create mode 100644 frontend-vue/src/components/master-password/MasterPasswordDialog.spec.ts
 create mode 100644 frontend-vue/src/components/master-password/MasterPasswordDialog.vue
 create mode 100644 frontend-vue/src/components/shared/AppAlert.spec.ts
 create mode 100644 frontend-vue/src/components/shared/AppAlert.stories.ts
 create mode 100644 frontend-vue/src/components/shared/AppAlert.vue
 create mode 100644 frontend-vue/src/components/shared/AppBanner.spec.ts
 create mode 100644 frontend-vue/src/components/shared/AppBanner.stories.ts
 create mode 100644 frontend-vue/src/components/shared/AppBanner.vue
 create mode 100644 frontend-vue/src/components/shared/AppBreadcrumbs.spec.ts
 create mode 100644 frontend-vue/src/components/shared/AppBreadcrumbs.stories.ts
 create mode 100644 frontend-vue/src/components/shared/AppBreadcrumbs.vue
 create mode 100644 frontend-vue/src/components/shared/AppContentLoader.spec.ts
 create mode 100644 frontend-vue/src/components/shared/AppContentLoader.stories.ts
 create mode 100644 frontend-vue/src/components/shared/AppContentLoader.vue
 create mode 100644 frontend-vue/src/components/shared/AppIconPicker.spec.ts
 create mode 100644 frontend-vue/src/components/shared/AppIconPicker.stories.ts
 create mode 100644 frontend-vue/src/components/shared/AppIconPicker.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderAddUserDialog.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderApiKeysList.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderAuditLog.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderCompany.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderCompanyInvitation.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderConnectionSettings.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderConnections.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderDashboards.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderRecordView.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderRowEdit.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderSavedFilters.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderTableData.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderTableSettings.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderTableView.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderTableWidgets.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderUserGroup.vue
 create mode 100644 frontend-vue/src/components/skeletons/PlaceholderUserGroups.vue
 create mode 100644 frontend-vue/src/components/skeletons/Placeholders.stories.ts
 create mode 100644 frontend-vue/src/components/skeletons/placeholders.spec.ts
 create mode 100644 frontend-vue/src/components/ui/CONVENTIONS.md
 create mode 100644 frontend-vue/src/components/ui/UiAlert.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiAlert.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiAlert.vue
 create mode 100644 frontend-vue/src/components/ui/UiBadge.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiBadge.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiBadge.vue
 create mode 100644 frontend-vue/src/components/ui/UiButton.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiButton.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiButton.vue
 create mode 100644 frontend-vue/src/components/ui/UiCard.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiCard.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiCard.vue
 create mode 100644 frontend-vue/src/components/ui/UiChip.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiChip.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiChip.vue
 create mode 100644 frontend-vue/src/components/ui/UiConfirmDialog.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiConfirmDialog.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiConfirmDialog.vue
 create mode 100644 frontend-vue/src/components/ui/UiDrawer.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiDrawer.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiDrawer.vue
 create mode 100644 frontend-vue/src/components/ui/UiField.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiField.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiField.vue
 create mode 100644 frontend-vue/src/components/ui/UiIcon.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiIcon.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiIcon.vue
 create mode 100644 frontend-vue/src/components/ui/UiIconButton.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiIconButton.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiIconButton.vue
 create mode 100644 frontend-vue/src/components/ui/UiInput.vue
 create mode 100644 frontend-vue/src/components/ui/UiMenu.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiMenu.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiMenu.vue
 create mode 100644 frontend-vue/src/components/ui/UiMenuItem.vue
 create mode 100644 frontend-vue/src/components/ui/UiModal.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiModal.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiModal.vue
 create mode 100644 frontend-vue/src/components/ui/UiPageShell.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiPageShell.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiPageShell.vue
 create mode 100644 frontend-vue/src/components/ui/UiProgressBar.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiProgressBar.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiProgressBar.vue
 create mode 100644 frontend-vue/src/components/ui/UiSkeleton.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiSkeleton.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiSkeleton.vue
 create mode 100644 frontend-vue/src/components/ui/UiSpinner.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiSpinner.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiSpinner.vue
 create mode 100644 frontend-vue/src/components/ui/UiTab.vue
 create mode 100644 frontend-vue/src/components/ui/UiTabPanel.vue
 create mode 100644 frontend-vue/src/components/ui/UiTabs.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiTabs.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiTabs.vue
 create mode 100644 frontend-vue/src/components/ui/__tests__/a11y.spec.ts
 create mode 100644 frontend-vue/src/components/ui/__tests__/axe.ts
 create mode 100644 frontend-vue/src/components/ui/docs/00-GettingStarted.mdx
 create mode 100644 frontend-vue/src/components/ui/docs/01-Conventions.mdx
 create mode 100644 frontend-vue/src/components/ui/docs/02-Color.mdx
 create mode 100644 frontend-vue/src/components/ui/docs/03-Typography.mdx
 create mode 100644 frontend-vue/src/components/ui/docs/04-Spacing.mdx
 create mode 100644 frontend-vue/src/components/ui/docs/05-Shape.mdx
 create mode 100644 frontend-vue/src/components/ui/docs/06-Elevation.mdx
 create mode 100644 frontend-vue/src/components/ui/docs/07-Motion.mdx
 create mode 100644 frontend-vue/src/components/ui/docs/ScaleSpecimens.vue
 create mode 100644 frontend-vue/src/components/ui/docs/SpecimenList.vue
 create mode 100644 frontend-vue/src/components/ui/docs/SwatchGrid.vue
 create mode 100644 frontend-vue/src/components/ui/docs/TokenTable.vue
 create mode 100644 frontend-vue/src/components/ui/docs/TypeSpecimens.vue
 create mode 100644 frontend-vue/src/components/ui/docs/conventions.spec.ts
 create mode 100644 frontend-vue/src/components/ui/docs/foundations.stories.ts
 create mode 100644 frontend-vue/src/components/ui/docs/readTokens.spec.ts
 create mode 100644 frontend-vue/src/components/ui/docs/readTokens.ts
 create mode 100644 frontend-vue/src/components/ui/docs/specimens.spec.ts
 create mode 100644 frontend-vue/src/components/ui/fieldContext.ts
 create mode 100644 frontend-vue/src/components/ui/index.ts
 create mode 100644 frontend-vue/src/components/ui/menuContext.ts
 create mode 100644 frontend-vue/src/components/ui/tabsContext.ts
 create mode 100644 frontend-vue/src/composables/useAnalytics.ts
 create mode 100644 frontend-vue/src/composables/useAppSession.spec.ts
 create mode 100644 frontend-vue/src/composables/useAppSession.ts
 create mode 100644 frontend-vue/src/composables/useCedarValidator.spec.ts
 create mode 100644 frontend-vue/src/composables/useCedarValidator.ts
 create mode 100644 frontend-vue/src/composables/useDialog.ts
 create mode 100644 frontend-vue/src/composables/useNotify.ts
 create mode 100644 frontend-vue/src/consts/acronyms.ts
 create mode 100644 frontend-vue/src/consts/code-snippets.ts
 create mode 100644 frontend-vue/src/consts/countries.ts
 create mode 100644 frontend-vue/src/consts/currencies.ts
 create mode 100644 frontend-vue/src/consts/databases.ts
 create mode 100644 frontend-vue/src/consts/google-IP-addresses.ts
 create mode 100644 frontend-vue/src/consts/languages.ts
 create mode 100644 frontend-vue/src/lib/ai-suggestions.spec.ts
 create mode 100644 frontend-vue/src/lib/ai-suggestions.ts
 create mode 100644 frontend-vue/src/lib/binary.spec.ts
 create mode 100644 frontend-vue/src/lib/binary.ts
 create mode 100644 frontend-vue/src/lib/cedar-monaco-language.ts
 create mode 100644 frontend-vue/src/lib/cedar-policy-items.ts
 create mode 100644 frontend-vue/src/lib/cedar-policy-parser.ts
 create mode 100644 frontend-vue/src/lib/cedar-policy-roundtrip.spec.ts
 create mode 100644 frontend-vue/src/lib/chart-config.helper.ts
 create mode 100644 frontend-vue/src/lib/connection-theme.spec.ts
 create mode 100644 frontend-vue/src/lib/connection-theme.ts
 create mode 100644 frontend-vue/src/lib/format-field-value.ts
 create mode 100644 frontend-vue/src/lib/monitoring.ts
 create mode 100644 frontend-vue/src/lib/normalize.spec.ts
 create mode 100644 frontend-vue/src/lib/normalize.ts
 create mode 100644 frontend-vue/src/lib/parse-filter-params.spec.ts
 create mode 100644 frontend-vue/src/lib/parse-filter-params.ts
 create mode 100644 frontend-vue/src/lib/permission-display.spec.ts
 create mode 100644 frontend-vue/src/lib/permission-display.ts
 create mode 100644 frontend-vue/src/lib/setup-table-row-structure.spec.ts
 create mode 100644 frontend-vue/src/lib/setup-table-row-structure.ts
 create mode 100644 frontend-vue/src/lib/table-events.spec.ts
 create mode 100644 frontend-vue/src/lib/table-events.ts
 create mode 100644 frontend-vue/src/models/ai-suggestions.ts
 create mode 100644 frontend-vue/src/models/alert.ts
 create mode 100644 frontend-vue/src/models/company.ts
 create mode 100644 frontend-vue/src/models/connection.ts
 create mode 100644 frontend-vue/src/models/dashboard.ts
 create mode 100644 frontend-vue/src/models/logs.ts
 create mode 100644 frontend-vue/src/models/saved-query.ts
 create mode 100644 frontend-vue/src/models/secret.ts
 create mode 100644 frontend-vue/src/models/table.ts
 create mode 100644 frontend-vue/src/models/ui-settings.ts
 create mode 100644 frontend-vue/src/models/user.ts
 delete mode 100644 frontend-vue/src/plugins/vuetify.ts
 create mode 100644 frontend-vue/src/router/guards.spec.ts
 create mode 100644 frontend-vue/src/router/guards.ts
 create mode 100644 frontend-vue/src/router/routes.ts
 create mode 100644 frontend-vue/src/stores/ai-suggestions.spec.ts
 create mode 100644 frontend-vue/src/stores/ai-suggestions.ts
 create mode 100644 frontend-vue/src/stores/ai.spec.ts
 create mode 100644 frontend-vue/src/stores/ai.ts
 create mode 100644 frontend-vue/src/stores/auth.spec.ts
 create mode 100644 frontend-vue/src/stores/auth.ts
 create mode 100644 frontend-vue/src/stores/cedar-permissions.spec.ts
 create mode 100644 frontend-vue/src/stores/cedar-permissions.ts
 create mode 100644 frontend-vue/src/stores/company.spec.ts
 create mode 100644 frontend-vue/src/stores/company.ts
 create mode 100644 frontend-vue/src/stores/configuration-state.spec.ts
 create mode 100644 frontend-vue/src/stores/configuration-state.ts
 create mode 100644 frontend-vue/src/stores/connections.spec.ts
 create mode 100644 frontend-vue/src/stores/connections.ts
 create mode 100644 frontend-vue/src/stores/dashboards.spec.ts
 create mode 100644 frontend-vue/src/stores/dashboards.ts
 create mode 100644 frontend-vue/src/stores/master-password.spec.ts
 create mode 100644 frontend-vue/src/stores/master-password.ts
 create mode 100644 frontend-vue/src/stores/notifications.spec.ts
 create mode 100644 frontend-vue/src/stores/notifications.ts
 create mode 100644 frontend-vue/src/stores/s3.spec.ts
 create mode 100644 frontend-vue/src/stores/s3.ts
 create mode 100644 frontend-vue/src/stores/saved-queries.spec.ts
 create mode 100644 frontend-vue/src/stores/saved-queries.ts
 create mode 100644 frontend-vue/src/stores/secrets.spec.ts
 create mode 100644 frontend-vue/src/stores/secrets.ts
 create mode 100644 frontend-vue/src/stores/selfhosted.ts
 create mode 100644 frontend-vue/src/stores/table-row.spec.ts
 create mode 100644 frontend-vue/src/stores/table-row.ts
 create mode 100644 frontend-vue/src/stores/table-schema.spec.ts
 create mode 100644 frontend-vue/src/stores/table-schema.ts
 create mode 100644 frontend-vue/src/stores/table-state.spec.ts
 create mode 100644 frontend-vue/src/stores/table-state.ts
 create mode 100644 frontend-vue/src/stores/tables.spec.ts
 create mode 100644 frontend-vue/src/stores/tables.ts
 create mode 100644 frontend-vue/src/stores/ui-settings.spec.ts
 create mode 100644 frontend-vue/src/stores/ui-settings.ts
 create mode 100644 frontend-vue/src/stores/user.spec.ts
 create mode 100644 frontend-vue/src/stores/user.ts
 create mode 100644 frontend-vue/src/stores/users.spec.ts
 create mode 100644 frontend-vue/src/stores/users.ts
 create mode 100644 frontend-vue/src/stores/view-as.spec.ts
 create mode 100644 frontend-vue/src/stores/view-as.ts
 create mode 100644 frontend-vue/src/types/globals.d.ts
 create mode 100644 frontend-vue/src/validators/base64.validator.spec.ts
 create mode 100644 frontend-vue/src/validators/base64.validator.ts
 create mode 100644 frontend-vue/src/validators/connection-string.validator.spec.ts
 create mode 100644 frontend-vue/src/validators/connection-string.validator.ts
 create mode 100644 frontend-vue/src/validators/email.validator.spec.ts
 create mode 100644 frontend-vue/src/validators/email.validator.ts
 create mode 100644 frontend-vue/src/validators/hex.validator.spec.ts
 create mode 100644 frontend-vue/src/validators/hex.validator.ts
 create mode 100644 frontend-vue/src/validators/hostname.validator.spec.ts
 create mode 100644 frontend-vue/src/validators/hostname.validator.ts
 create mode 100644 frontend-vue/src/validators/password.validator.spec.ts
 create mode 100644 frontend-vue/src/validators/password.validator.ts
 create mode 100644 frontend-vue/src/validators/text.validator.spec.ts
 create mode 100644 frontend-vue/src/validators/text.validator.ts
 create mode 100644 frontend-vue/src/validators/types.ts
 create mode 100644 frontend-vue/src/validators/url.validator.spec.ts
 create mode 100644 frontend-vue/src/validators/url.validator.ts
 delete mode 100644 frontend-vue/src/views/HomeView.vue
 create mode 100644 frontend-vue/src/views/NotFoundView.vue
 create mode 100644 frontend-vue/src/views/PendingView.vue

diff --git a/.github/workflows/frontend-vue.yml b/.github/workflows/frontend-vue.yml
index 5801d6b3c..82705c01f 100644
--- a/.github/workflows/frontend-vue.yml
+++ b/.github/workflows/frontend-vue.yml
@@ -51,3 +51,5 @@ jobs:
         run: pnpm build
       - name: Build (SaaS)
         run: pnpm build:saas
+      - name: Build Storybook
+        run: pnpm build-storybook
diff --git a/VUE_MIGRATION_PLAN.md b/VUE_MIGRATION_PLAN.md
index 92d9655e5..99d5dc900 100644
--- a/VUE_MIGRATION_PLAN.md
+++ b/VUE_MIGRATION_PLAN.md
@@ -31,9 +31,9 @@ Why I'm not recommending a gradual, route-by-route hybrid: the app shell, sidena
 | Routing | Angular Router, `loadComponent`, guards | **vue-router 4**: lazy `() => import()` routes and `beforeEach` guards based on route `meta` |
 | State | BehaviorSubject and signal services | **Pinia** stores (setup syntax). Signals map to `ref`/`computed`; `rxResource`/`httpResource` map to **TanStack Vue Query** |
 | HTTP | HttpClient, interceptors, `api.service.ts` (fetch) | One `fetch` wrapper (`src/api/client.ts`) that ports the interceptor logic and the NDJSON streaming |
-| UI kit | Angular Material and CDK | **Vuetify 3** (Material Design, so its components match `mat-*` most closely) |
-| Theming | ngx-theme runtime palettes, `--color-*` variables | Generate the same `--color-<palette>-<shade>` variables from the same `colorConfig` (ported to `src/theme/palettes.ts`), and map them into the Vuetify theme. Dark mode follows `prefers-color-scheme` |
-| Forms | `ngModel` plus validator directives | `v-model`, Vuetify `:rules`, and the validators ported as pure functions in `src/validators/` |
+| UI kit | Angular Material and CDK | **The SiteNova design system**, copied into `src/components/ui/`: a flat set of `Ui*` primitives (button, field, input, modal, menu, drawer, tabs, alert, chip, skeleton, …) on native elements, no component library. Rules in `src/components/ui/CONVENTIONS.md`, docs in Storybook |
+| Theming | ngx-theme runtime palettes, `--color-*` variables | SiteNova's tokens (`src/assets/theme.css`), verbatim: a raw `--palette-*` layer kept in sync with SiteNova, and semantic `--color-*` / `--space-*` / `--text-*` aliases that components use. Per-connection custom accent colours override `--color-accent*` at runtime. Light only for now, like SiteNova (dark mode is a follow-up) |
+| Forms | `ngModel` plus validator directives | `v-model` on `UiField`/`UiInput`, and the validators ported as pure functions in `src/validators/` |
 | Dynamic widgets | `ndc-dynamic` | `<component :is="map[type]" v-bind="inputs" v-on="outputs">` |
 | Code editor | `@ngstack/code-editor` | **`@guolao/vue-monaco-editor`**, or a thin wrapper around `monaco-editor`; the Cedar language in `lib/cedar-monaco-language.ts` is reused as is |
 | Charts | ng2-charts | **vue-chartjs**; `lib/chart-config.helper.ts` is reused |
@@ -59,7 +59,7 @@ Copy these as-is and add tests where they are missing:
 ## Phases
 
 ### Phase 0 – Scaffolding and infrastructure
-1. Create `frontend-vue/` with Vite, Vue 3, TypeScript, Pinia, vue-router, Vuetify, TanStack Query and Vitest.
+1. Create `frontend-vue/` with Vite, Vue 3, TypeScript, Pinia, vue-router, TanStack Query and Vitest. (Phase 0 started with Vuetify; Phase 1 replaced it with the SiteNova design system.)
 2. **Environments:** use Vite modes `development`, `production`, `saas` and `saas-production`, with `.env.*` files that hold the same fields (`VITE_SAAS`, `VITE_API_ROOT`, `VITE_SAAS_URL`, `VITE_SAAS_HOSTNAMES`, `VITE_STAGING_HOST`, `VITE_TURNSTILE_SITE_KEY`). Choose the SaaS `index.html` with a small Vite plugin (`transformIndexHtml`), or with two HTML entry points.
 3. **Runtime `config.json` loader:** port `ConfigModule.buildForConfigUrl` so `baseURL` is read before the app mounts.
 4. **Dev proxy:** port `src/proxy.conf.json` to `server.proxy` in Vite (`/api` → `https://app.rocketadmin.com/api/`).
@@ -77,7 +77,7 @@ Copy these as-is and add tests where they are missing:
    - Show errors through the notifications store.
    - Support NDJSON streaming.
 2. **Auth and guards:** an `auth` store, plus router guards (`requiresAuth`, `guestOnly`, `configuration`, `setup`) that reproduce the `token_expiration` check and the self-hosted setup redirect.
-3. **Theme:** port the `colorConfig` from `src/main.ts` into a palette generator that writes the same `--color-*` CSS variables. Port the global `custom-theme.scss` and `styles.scss`. Recreate the `--mat-*` overrides as Vuetify defaults and variables.
+3. **Theme and design system:** copy SiteNova's design system (`sitenova/frontend`): `theme.css`, `base.css`, the `Ui*` primitives with their specs, stories and Foundations docs, the axe-core a11y gate and the token-hygiene test (`src/__tests__/design-tokens.spec.ts`), and Storybook. Drop the SiteNova-only parts (vue-i18n, the site preview). This replaces `colorConfig`, `custom-theme.scss` and the `--mat-*` overrides.
 4. **App shell:** port `app.component` (toolbar, sidenav, user menu, banners), route titles (`meta.title` through `afterEach`), the 404 page, and Sentry/analytics setup (SaaS mode only).
 5. **Shared UI primitives** that replace Material patterns used everywhere:
    - **`useDialog()`:** a programmatic dialog service that keeps the `dialog.open(Component, { data })` → `afterClosed()` promise shape. This keeps the 47 dialogs mechanical to port.
@@ -98,7 +98,7 @@ Copy these as-is and add tests where they are missing:
 1. **Auth flows:** login (with Google GSI and Turnstile), setup, forget-password, password-reset/change, email verify/change, company invitation, deleted account.
 2. **Connections:** `connections-list`, `connect-db` (16 components), `edit-db`, `connection-settings`, `auto-configure`.
 3. **Table browser** (`components/dashboard/`, the hardest part):
-   - `db-tables-list` (630 lines) and `db-table-view` (1,103 + 752 lines). Use Vuetify `v-data-table-server` for paging, sorting and selection, and sync the query state with the URL (replaces `ngmat-table-query-reflector`).
+   - `db-tables-list` (630 lines) and `db-table-view` (1,103 + 752 lines). Build a `UiTable` primitive (server-side paging, sorting and selection), and sync the query state with the URL (replaces `ngmat-table-query-reflector`).
    - Filters dialog, saved-filters panel, export/import, row view/edit (`db-table-row-edit`, 871 lines), and the actions, widgets and settings pages.
    - The AI panel, with NDJSON streaming and markdown/mermaid rendering.
 4. **Users and permissions:** groups, permissions, the Cedar policy editor (Monaco plus wasm), view-as.
@@ -120,7 +120,7 @@ Copy these as-is and add tests where they are missing:
 - **Tests:** port the useful specs, focused on behavior (stores, API client, guards, validators, widgets), with `@vue/test-utils`, using `Partial<Store>` mocks and no `as any`.
 
 ## Risks
-- **Matching Material's look in Vuetify:** form-field density and the dialog and snackbar look will differ slightly. Settle the look in Phase 1 against Storybook before porting 250 components.
+- **The look changes on purpose:** the Vue app uses the SiteNova look, not Material, so the parity review compares behaviour and information, not pixels. Missing primitives (table, select, autocomplete, date picker, …) have to be built in the design system before the pages that need them; settle each one in Storybook first.
 - **`db-table-view` and `db-table-row-edit`** hold the most logic. Pull their logic into composables first, and test that logic before porting the templates.
 - **The string-based event bus** in legacy services can hide coupling between components. Map every consumer before replacing it.
 - **Monaco workers and the Cedar wasm under Vite** must be checked early, in Phase 0.
diff --git a/frontend-vue/.gitignore b/frontend-vue/.gitignore
index 4f82fbf0a..a3fa27212 100644
--- a/frontend-vue/.gitignore
+++ b/frontend-vue/.gitignore
@@ -4,3 +4,4 @@ coverage
 *.tsbuildinfo
 .env.local
 .env.*.local
+storybook-static
diff --git a/frontend-vue/.storybook/decorators.ts b/frontend-vue/.storybook/decorators.ts
new file mode 100644
index 000000000..1f384b54e
--- /dev/null
+++ b/frontend-vue/.storybook/decorators.ts
@@ -0,0 +1,49 @@
+import type { RouteRecordRaw } from 'vue-router';
+
+/**
+ * Storybook parameters this project understands, set per story/meta and consumed by the global
+ * `setup()` hook in `./preview.ts`. Plugins have to be installed on the app *before* it mounts,
+ * which a decorator can't do — but `setup()` receives the story context, so the story declares
+ * what it needs as data here and preview.ts does the installing.
+ */
+
+/** Which route is current + any extra paths to register. See `preview.ts`. */
+export interface RouterParams {
+	/** Route the story starts on, so active-link styling can be exercised. Defaults to '/'. */
+	initialPath?: string;
+	/** Route paths to register beyond the app's top-level ones. */
+	extraPaths?: string[];
+}
+
+/** Session state seeded before the component mounts. */
+export interface AuthParams {
+	/** ISO timestamp the session expires at; `null` signs out. */
+	expiresAt?: string | null;
+}
+
+/** A date far enough out that stories don't start failing once it passes. */
+export const FUTURE_EXPIRY = '2999-01-01T00:00:00.000Z';
+
+export const signedIn: AuthParams = { expiresAt: FUTURE_EXPIRY };
+export const signedOut: AuthParams = { expiresAt: null };
+
+/**
+ * Route table for a story's router. Stubbed to blank components — a story only needs its `to`
+ * targets to resolve so `router-link-active` classes apply; it never navigates to the real views.
+ * The real `src/router` can't be reused because its guards redirect signed-out visitors to /login.
+ */
+export function buildRoutes(params: RouterParams = {}): RouteRecordRaw[] {
+	const blank = { template: '<div />' };
+	const paths = new Set([
+		'/',
+		'/connections-list',
+		'/user-settings',
+		'/company',
+		'/secrets',
+		'/zapier',
+		'/login',
+		params.initialPath ?? '/',
+		...(params.extraPaths ?? []),
+	]);
+	return [...paths].map((path) => ({ path, component: blank }));
+}
diff --git a/frontend-vue/.storybook/main.ts b/frontend-vue/.storybook/main.ts
new file mode 100644
index 000000000..f218c41d1
--- /dev/null
+++ b/frontend-vue/.storybook/main.ts
@@ -0,0 +1,13 @@
+import type { StorybookConfig } from '@storybook/vue3-vite';
+
+const config: StorybookConfig = {
+	// Stories live next to the component they document.
+	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+	addons: ['@storybook/addon-docs', '@storybook/addon-a11y'],
+	framework: {
+		name: '@storybook/vue3-vite',
+		options: {},
+	},
+};
+
+export default config;
diff --git a/frontend-vue/.storybook/preview.css b/frontend-vue/.storybook/preview.css
new file mode 100644
index 000000000..8b398bac7
--- /dev/null
+++ b/frontend-vue/.storybook/preview.css
@@ -0,0 +1,11 @@
+/**
+ * Storybook-only overrides. Everything else comes from src/assets/base.css, which the app loads
+ * too — this file holds just the handful of rules that must differ in a story canvas.
+ */
+
+body {
+	/* The backgrounds toolbar owns the canvas colour so components can be checked on paper, surface
+	   and ink. base.css hard-sets --color-paper for the real app, which would pin every story to
+	   paper and hide contrast bugs. */
+	background: transparent;
+}
diff --git a/frontend-vue/.storybook/preview.ts b/frontend-vue/.storybook/preview.ts
new file mode 100644
index 000000000..7e3c5bd4d
--- /dev/null
+++ b/frontend-vue/.storybook/preview.ts
@@ -0,0 +1,79 @@
+// Same import order as src/main.ts: fonts first so their @font-face rules land before the theme,
+// then the tokens every component's scoped CSS reads, then the global element rules. base.css is
+// the same file the app loads, so a story renders on the app's foundation.
+import '@fontsource-variable/geist';
+import '@fontsource-variable/space-grotesk';
+import '@fontsource-variable/geist-mono';
+import '@material-symbols/font-400/outlined.css';
+import '../src/assets/theme.css';
+import '../src/assets/base.css';
+import './preview.css';
+
+import type { Preview } from '@storybook/vue3-vite';
+import { setup } from '@storybook/vue3-vite';
+import { createPinia } from 'pinia';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import { type AuthParams, buildRoutes, type RouterParams } from './decorators';
+
+/**
+ * Installs a fresh Pinia + router on every story's app. This runs before mount, which is why it
+ * lives here rather than in a decorator: components calling a store or useRouter() at setup time
+ * would throw otherwise, and a per-story instance means state can't leak between stories.
+ */
+setup((app, context) => {
+	const pinia = createPinia();
+	app.use(pinia);
+
+	const routerParams = (context?.parameters?.router ?? {}) as RouterParams;
+	// Seeded through the constructor rather than `push`, which resolves a tick later — long enough
+	// to render the wrong `router-link-exact-active` link.
+	const history = createMemoryHistory();
+	history.replace(routerParams.initialPath ?? '/');
+	app.use(createRouter({ history, routes: buildRoutes(routerParams) }));
+
+	// Signs the story in or out through the same localStorage key the auth store reads.
+	const auth = (context?.parameters?.auth ?? {}) as AuthParams;
+	if (auth.expiresAt === null) localStorage.removeItem('token_expiration');
+	else if (auth.expiresAt) localStorage.setItem('token_expiration', auth.expiresAt);
+});
+
+const preview: Preview = {
+	parameters: {
+		options: {
+			// Foundations (tokens) before UI (primitives) before App, because that's the order you read the
+			// design system in. The sidebar sorts on `title`, not filename, so the sub-order is explicit.
+			storySort: {
+				order: [
+					'Foundations',
+					['Getting Started', 'Conventions', 'Color', 'Typography', 'Spacing', 'Shape', 'Elevation', 'Motion'],
+					'UI',
+					'App',
+				],
+			},
+		},
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i,
+			},
+		},
+		a11y: {
+			// Fail rather than warn, globally: an a11y violation in a primitive multiplies across every
+			// view that consumes it. Foundations' specimen stories opt out with `a11y: { disable: true }`.
+			test: 'error',
+		},
+		backgrounds: {
+			options: {
+				// The app renders on --color-paper, not white — a white default would hide contrast bugs.
+				paper: { name: 'Paper', value: '#f5f8fe' },
+				surface: { name: 'Surface', value: '#ffffff' },
+				ink: { name: 'Ink', value: '#0a0f24' },
+			},
+		},
+	},
+	initialGlobals: {
+		backgrounds: { value: 'paper' },
+	},
+};
+
+export default preview;
diff --git a/frontend-vue/README.md b/frontend-vue/README.md
index 6ca073e11..b4faed580 100644
--- a/frontend-vue/README.md
+++ b/frontend-vue/README.md
@@ -2,7 +2,7 @@
 
 Vue 3 rewrite of the RocketAdmin frontend (see `../VUE_MIGRATION_PLAN.md`). The Angular app in `../frontend` stays in production until this one reaches parity.
 
-Stack: Vite, Vue 3 (`<script setup lang="ts">`), Pinia, vue-router 4, Vuetify 3, TanStack Vue Query, Vitest.
+Stack: Vite, Vue 3 (`<script setup lang="ts">`), Pinia, vue-router 4, TanStack Vue Query, Vitest, Storybook. UI: the design system copied from SiteNova (`src/assets/theme.css`, `src/components/ui/`), no component library.
 
 ```bash
 pnpm install
@@ -13,6 +13,7 @@ pnpm build:saas     # mode `saas-production` (uses index.saas.html)
 pnpm lint           # biome + eslint-plugin-vue
 pnpm typecheck      # vue-tsc
 pnpm test:ci        # vitest
+pnpm storybook      # design system docs and component stories on :6006
 ```
 
 - **Modes / environments:** `.env.<mode>` files mirror `frontend/src/environments/*.ts`; `src/environment.ts` exposes them with the same shape.
@@ -20,3 +21,7 @@ pnpm test:ci        # vitest
 - **Version:** `scripts/update-version.js` writes `package.json`'s version to `src/version.ts`.
 - **Assets:** served from `../frontend/src/assets` at `/assets` until the cutover, when they move here.
 - **Monaco / Cedar:** `src/lib/monaco.ts` and `src/lib/cedar-wasm.ts` load them lazily; Vite bundles the Monaco workers and the Cedar wasm.
+- **Design system:** copied from SiteNova (`sitenova/frontend`). Tokens in `src/assets/theme.css` (the `--palette-*` layer must stay in sync with SiteNova), primitives in `src/components/ui/` — read `src/components/ui/CONVENTIONS.md` before adding one. `src/__tests__/design-tokens.spec.ts` fails on hex colours and raw `font-size`/`gap`/`padding` values; `src/components/ui/__tests__/a11y.spec.ts` runs axe-core over every primitive.
+- **HTTP:** every request goes through `src/api/client.ts` (base URL, credentials, GCLID/masterpwd headers, 401 handling, error notifications, NDJSON streams). A failed request is shown to the user and then thrown as a `notified` `ApiError`, which `main.ts` keeps out of the console.
+- **Dialogs and snackbars:** `useDialog().open(Component, { data }).afterClosed()` and `useNotify()`; dialogs with inputs use `AppDialogForm`.
+- **Routes:** `src/router/routes.ts` has every Angular route with the same paths; guards come from route `meta` (`requiresAuth`, `guestOnly`, `configuration`, `setup`). Pages not ported yet render `PendingView`.
diff --git a/frontend-vue/biome.json b/frontend-vue/biome.json
index 6a8d9c8d9..0868a5bbf 100644
--- a/frontend-vue/biome.json
+++ b/frontend-vue/biome.json
@@ -3,7 +3,7 @@
 	"root": false,
 	"extends": "//",
 	"files": {
-		"includes": ["**", "!**/dist", "!**/src/version.ts", "!**/index.saas.html"]
+		"includes": ["**", "!**/dist", "!**/src/version.ts", "!**/index.saas.html", "!**/storybook-static"]
 	},
 	"overrides": [
 		{
diff --git a/frontend-vue/eslint.config.js b/frontend-vue/eslint.config.js
index ad271b97e..ed761640f 100644
--- a/frontend-vue/eslint.config.js
+++ b/frontend-vue/eslint.config.js
@@ -20,6 +20,8 @@ export default tseslint.config(
 			'vue/max-attributes-per-line': 'off',
 			'vue/singleline-html-element-content-max-length': 'off',
 			'vue/singleline-html-element-content-newline': 'off',
+			// Optional typed props are allowed to be undefined; withDefaults covers the ones with a real default.
+			'vue/require-default-prop': 'off',
 		},
 	},
 );
diff --git a/frontend-vue/index.html b/frontend-vue/index.html
index fa5293d48..44b7b8432 100644
--- a/frontend-vue/index.html
+++ b/frontend-vue/index.html
@@ -10,7 +10,7 @@
   <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
   <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
 </head>
-<body style="background-color: #191919; color: #ffffff;">
+<body>
   <div id="app" class="mainLayout"></div>
   <script type="module" src="/src/main.ts"></script>
 </body>
diff --git a/frontend-vue/index.saas.html b/frontend-vue/index.saas.html
index af05899e3..8c2ee6913 100644
--- a/frontend-vue/index.saas.html
+++ b/frontend-vue/index.saas.html
@@ -142,7 +142,7 @@
   <!-- Cloudflare Turnstile -->
   <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
 </head>
-<body style="background-color: #191919; color: #ffffff;">
+<body>
   <!-- Facebook Pixel noscript fallback -->
   <noscript><img height="1" width="1" style="display:none"
     src="https://www.facebook.com/tr?id=3069782323239519&ev=PageView&noscript=1"
diff --git a/frontend-vue/package.json b/frontend-vue/package.json
index 785de15a4..c356a2a0c 100644
--- a/frontend-vue/package.json
+++ b/frontend-vue/package.json
@@ -13,34 +13,56 @@
 		"lint": "biome check . && eslint .",
 		"test": "vitest",
 		"test:ci": "vitest run",
-		"update-version": "node scripts/update-version.js"
+		"update-version": "node scripts/update-version.js",
+		"storybook": "node scripts/update-version.js && storybook dev -p 6006",
+		"build-storybook": "node scripts/update-version.js && storybook build"
 	},
 	"dependencies": {
 		"@cedar-policy/cedar-wasm": "^4.9.1",
-		"@fontsource/ibm-plex-mono": "^5.2.7",
-		"@fontsource/noto-sans": "^5.2.10",
+		"@fontsource-variable/geist": "^5.3.0",
+		"@fontsource-variable/geist-mono": "^5.3.0",
+		"@fontsource-variable/space-grotesk": "^5.3.0",
 		"@material-symbols/font-400": "^0.40.2",
+		"@sentry/vue": "^11.8.0",
 		"@tanstack/vue-query": "^5.104.2",
+		"amplitude-js": "^8.21.10",
+		"chart.js": "^4.5.1",
+		"connection-string-parser": "^1.0.4",
+		"convert": "^5.14.1",
+		"date-fns": "^4.4.0",
+		"ipaddr.js": "^2.5.0",
+		"lodash-es": "4.17.23",
+		"mitt": "^3.0.1",
 		"monaco-editor": "0.55.1",
 		"pinia": "^3.0.4",
+		"pluralize": "^8.0.0",
+		"posthog-js": "^1.438.13",
+		"validator": "^13.15.35",
 		"vue": "^3.5.43",
-		"vue-router": "^4.6.4",
-		"vuetify": "^3.13.6"
+		"vue-router": "^4.6.4"
 	},
 	"devDependencies": {
 		"@biomejs/biome": "2.4.0",
+		"@storybook/addon-a11y": "^10.6.3",
+		"@storybook/addon-docs": "^10.6.3",
+		"@storybook/vue3-vite": "^10.6.3",
+		"@types/amplitude-js": "^8.16.5",
+		"@types/lodash-es": "^4.17.12",
 		"@types/node": "^24.0.0",
+		"@types/pluralize": "^0.0.33",
+		"@types/validator": "^13.15.10",
 		"@vitejs/plugin-vue": "^6.0.10",
 		"@vue/test-utils": "^2.5.1",
 		"@vue/tsconfig": "^0.8.1",
+		"axe-core": "^4.14.0",
 		"eslint": "^10.12.0",
 		"eslint-plugin-vue": "^10.11.1",
 		"jsdom": "^27.4.0",
+		"storybook": "^10.6.3",
 		"typescript": "~5.9.3",
 		"typescript-eslint": "^8.71.1",
 		"vite": "^8.3.4",
 		"vite-plugin-static-copy": "^4.1.1",
-		"vite-plugin-vuetify": "^2.1.3",
 		"vitest": "^5.0.4",
 		"vue-eslint-parser": "^10.2.0",
 		"vue-tsc": "^3.3.13"
diff --git a/frontend-vue/pnpm-lock.yaml b/frontend-vue/pnpm-lock.yaml
index 14ac6991d..84e6306fe 100644
--- a/frontend-vue/pnpm-lock.yaml
+++ b/frontend-vue/pnpm-lock.yaml
@@ -11,49 +11,109 @@ importers:
       '@cedar-policy/cedar-wasm':
         specifier: ^4.9.1
         version: 4.13.0
-      '@fontsource/ibm-plex-mono':
-        specifier: ^5.2.7
+      '@fontsource-variable/geist':
+        specifier: ^5.3.0
         version: 5.3.0
-      '@fontsource/noto-sans':
-        specifier: ^5.2.10
+      '@fontsource-variable/geist-mono':
+        specifier: ^5.3.0
+        version: 5.3.0
+      '@fontsource-variable/space-grotesk':
+        specifier: ^5.3.0
         version: 5.3.0
       '@material-symbols/font-400':
         specifier: ^0.40.2
         version: 0.40.2
+      '@sentry/vue':
+        specifier: ^11.8.0
+        version: 11.8.0(pinia@3.0.4(typescript@5.9.3)(vue@3.5.43(typescript@5.9.3)))(vue@3.5.43(typescript@5.9.3))
       '@tanstack/vue-query':
         specifier: ^5.104.2
         version: 5.104.2(vue@3.5.43(typescript@5.9.3))
+      amplitude-js:
+        specifier: ^8.21.10
+        version: 8.21.10
+      chart.js:
+        specifier: ^4.5.1
+        version: 4.5.1
+      connection-string-parser:
+        specifier: ^1.0.4
+        version: 1.0.4
+      convert:
+        specifier: ^5.14.1
+        version: 5.14.1
+      date-fns:
+        specifier: ^4.4.0
+        version: 4.4.0
+      ipaddr.js:
+        specifier: ^2.5.0
+        version: 2.5.0
+      lodash-es:
+        specifier: 4.17.23
+        version: 4.17.23
+      mitt:
+        specifier: ^3.0.1
+        version: 3.0.1
       monaco-editor:
         specifier: 0.55.1
         version: 0.55.1
       pinia:
         specifier: ^3.0.4
         version: 3.0.4(typescript@5.9.3)(vue@3.5.43(typescript@5.9.3))
+      pluralize:
+        specifier: ^8.0.0
+        version: 8.0.0
+      posthog-js:
+        specifier: ^1.438.13
+        version: 1.438.13(@types/react@19.3.0)(react@19.3.1)
+      validator:
+        specifier: ^13.15.35
+        version: 13.15.35
       vue:
         specifier: ^3.5.43
         version: 3.5.43(typescript@5.9.3)
       vue-router:
         specifier: ^4.6.4
         version: 4.6.4(vue@3.5.43(typescript@5.9.3))
-      vuetify:
-        specifier: ^3.13.6
-        version: 3.13.6(typescript@5.9.3)(vite-plugin-vuetify@2.1.3)(vue@3.5.43(typescript@5.9.3))
     devDependencies:
       '@biomejs/biome':
         specifier: 2.4.0
         version: 2.4.0
+      '@storybook/addon-a11y':
+        specifier: ^10.6.3
+        version: 10.6.3(storybook@10.6.3(@types/react@19.3.0)(react@19.3.1))
+      '@storybook/addon-docs':
+        specifier: ^10.6.3
+        version: 10.6.3(@types/react@19.3.0)(storybook@10.6.3(@types/react@19.3.0)(react@19.3.1))
+      '@storybook/vue3-vite':
+        specifier: ^10.6.3
+        version: 10.6.3(storybook@10.6.3(@types/react@19.3.0)(react@19.3.1))(typescript@5.9.3)(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2))(vue@3.5.43(typescript@5.9.3))
+      '@types/amplitude-js':
+        specifier: ^8.16.5
+        version: 8.16.5
+      '@types/lodash-es':
+        specifier: ^4.17.12
+        version: 4.17.12
       '@types/node':
         specifier: ^24.0.0
         version: 24.19.2
+      '@types/pluralize':
+        specifier: ^0.0.33
+        version: 0.0.33
+      '@types/validator':
+        specifier: ^13.15.10
+        version: 13.15.10
       '@vitejs/plugin-vue':
         specifier: ^6.0.10
-        version: 6.0.10(vite@8.3.4(@types/node@24.19.2))(vue@3.5.43(typescript@5.9.3))
+        version: 6.0.10(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2))(vue@3.5.43(typescript@5.9.3))
       '@vue/test-utils':
         specifier: ^2.5.1
         version: 2.5.1(@vue/compiler-dom@3.5.43)(@vue/server-renderer@3.5.43)(vue@3.5.43(typescript@5.9.3))
       '@vue/tsconfig':
         specifier: ^0.8.1
         version: 0.8.1(typescript@5.9.3)(vue@3.5.43(typescript@5.9.3))
+      axe-core:
+        specifier: ^4.14.0
+        version: 4.14.0
       eslint:
         specifier: ^10.12.0
         version: 10.12.0
@@ -63,6 +123,9 @@ importers:
       jsdom:
         specifier: ^27.4.0
         version: 27.4.0
+      storybook:
+        specifier: ^10.6.3
+        version: 10.6.3(@types/react@19.3.0)(react@19.3.1)
       typescript:
         specifier: ~5.9.3
         version: 5.9.3
@@ -71,16 +134,13 @@ importers:
         version: 8.71.1(eslint@10.12.0)(typescript@5.9.3)
       vite:
         specifier: ^8.3.4
-        version: 8.3.4(@types/node@24.19.2)
+        version: 8.3.4(@types/node@24.19.2)(esbuild@0.28.2)
       vite-plugin-static-copy:
         specifier: ^4.1.1
-        version: 4.1.1(vite@8.3.4(@types/node@24.19.2))
-      vite-plugin-vuetify:
-        specifier: ^2.1.3
-        version: 2.1.3(vite@8.3.4(@types/node@24.19.2))(vue@3.5.43(typescript@5.9.3))(vuetify@3.13.6)
+        version: 4.1.1(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2))
       vitest:
         specifier: ^5.0.4
-        version: 5.0.4(@types/node@24.19.2)(jsdom@27.4.0)(vite@8.3.4(@types/node@24.19.2))
+        version: 5.0.4(@types/node@24.19.2)(jsdom@27.4.0)(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2))
       vue-eslint-parser:
         specifier: ^10.2.0
         version: 10.4.1(eslint@10.12.0)
@@ -93,6 +153,23 @@ packages:
   '@acemir/cssom@0.9.32':
     resolution: {integrity: sha512-OijrAUu7rrJhSIoHNg6LMPS5e344nwUHA+1EFYYjrh64D+GmytUsfBQjci45TjT+rd5Spsp8B5xsZDT+TgyXXQ==}
 
+  '@adobe/css-tools@4.5.0':
+    resolution: {integrity: sha512-6OzddxPio9UiWTCemp4N8cYLV2ZN1ncRnV1cVGtve7dhPOtRkleRyx32GQCYSwDYgaHU3USMm84tNsvKzRCa1Q==}
+
+  '@amplitude/analytics-connector@1.7.0':
+    resolution: {integrity: sha512-HTnunOzcN+CdJUxdaim3E/CA5xbYRng4rpYvobjzl2ud2BXtpJdRnGuVmPKskYYyUTkz7X6QIOQPYlAgcGaWcg==}
+
+  '@amplitude/types@1.10.2':
+    resolution: {integrity: sha512-I8qenRI7uU6wKNb9LiZrAosSHVoNHziXouKY81CrqxH9xhVTEIJFXeuCV0hbtBr0Al/8ejnGjQRx+S2SvU/pPg==}
+    engines: {node: '>=10'}
+
+  '@amplitude/ua-parser-js@0.7.33':
+    resolution: {integrity: sha512-wKEtVR4vXuPT9cVEIJkYWnlF++Gx3BdLatPBM+SZ1ztVIvnhdGBZR/mn9x/PzyrMcRlZmyi6L56I2J3doVBnjA==}
+
+  '@amplitude/utils@1.10.2':
+    resolution: {integrity: sha512-tVsHXu61jITEtRjB7NugQ5cVDd4QDzne8T3ifmZye7TiJeUfVRvqe44gDtf55A+7VqhDhyEIIXTA1iVcDGqlEw==}
+    engines: {node: '>=10'}
+
   '@asamuzakjp/css-color@4.1.2':
     resolution: {integrity: sha512-NfBUvBaYgKIuq6E/RBLY1m0IohzNHAYyaJGuTK79Z23uNwmz2jl1mPsC5ZxCCxylinKhT1Amn5oNTlx1wN8cQg==}
 
@@ -102,6 +179,10 @@ packages:
   '@asamuzakjp/nwsapi@2.3.9':
     resolution: {integrity: sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==}
 
+  '@babel/code-frame@7.29.7':
+    resolution: {integrity: sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-string-parser@7.29.7':
     resolution: {integrity: sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==}
     engines: {node: '>=6.9.0'}
@@ -115,6 +196,10 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
+  '@babel/runtime@7.29.10':
+    resolution: {integrity: sha512-NpugTzbKgGrNe45Ui32cN8vCFFMxVtP/9rtfwv0nP5FRDAjvYBxJcLVpYA9mr1jxP6cnIT7x9LUzuDTbWYYNRA==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/types@7.29.8':
     resolution: {integrity: sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==}
     engines: {node: '>=6.9.0'}
@@ -221,6 +306,180 @@ packages:
     resolution: {integrity: sha512-OoKoR0f76dCY666JlcbhmVTs2drYj1GUXZTYTcbUgJjh9Nv41aFfZ21bPQTERm5+L5cBDo466NltB2lplS5GBw==}
     engines: {node: '>=20.19.0'}
 
+  '@emnapi/core@1.11.0':
+    resolution: {integrity: sha512-l9Oo58x0HOP5znGzVhYW9U3e5wVuA4LAZU2AGezTmkhO1CgQRFDhDg4nneHsu/t3WniXg9QrG2nIXL/ZS8ln8Q==}
+
+  '@emnapi/core@1.9.2':
+    resolution: {integrity: sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==}
+
+  '@emnapi/runtime@1.11.0':
+    resolution: {integrity: sha512-55coeOFKHv1ywEcUXJtWU5f+Jr/W5tZDvZig8DLKSwUN1JpROQ4rk/SNOQiFWmaR/VKF4zuFyW1B8JduOSv6Pg==}
+
+  '@emnapi/runtime@1.9.2':
+    resolution: {integrity: sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==}
+
+  '@emnapi/wasi-threads@1.2.1':
+    resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==}
+
+  '@emnapi/wasi-threads@1.2.2':
+    resolution: {integrity: sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==}
+
+  '@esbuild/aix-ppc64@0.28.2':
+    resolution: {integrity: sha512-XExcO+dvLKvVtNTibSTBej1NCAbaGhWn9Ww1ZPx80qsahhPFe/8jgWP0IchNe0F3HwkU7n8ejhH8bjonqht8mQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.28.2':
+    resolution: {integrity: sha512-5YfKeeI8qWfBZIX+u2xZC3Zlb3Os/gLS2sbEKM+I4ZOcsWmHS2WLysCcQZDAFRslDUU5Oiq44gf6PYN1vGwG5A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.28.2':
+    resolution: {integrity: sha512-kXXoiPVVGQcnIYGOeaovwOURpniDBpSq4A03qkQ+BMQqtGG6HYap3xne9C1O1yo4TR3qxlCX5IqqmX6fFo2Lqg==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.28.2':
+    resolution: {integrity: sha512-O387ite7SzUyCcy3JQX4P4bLtEA7bLLkx+esve5JHnyYfNTxcVpXZo9jhdB0lTKN44gztELTdU7nS8Nr16Fs1Q==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.28.2':
+    resolution: {integrity: sha512-n4KqkOQrraxHJcgjM1RvwbigfQKIKJVpM7xp+KsxiyUSrRdIXnt73VhrPAx0fV44hgfmIVKjxMN9J1t5jySVkw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.28.2':
+    resolution: {integrity: sha512-uq6suIWYP37qzGddBKPw5QEQPi6HiLGsO7UmkpfyaYNQ3D+rN6w6WfwH+nuqcGXWvawGwxOEroO4YGnFh95azw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.28.2':
+    resolution: {integrity: sha512-n+I0BTSRIoy+d6RPKnEVwql5UwBJolytvY4mAOIEJorKlqgPII8ix6slVVrfZ5Tnj7glIZvloylbB/EJPMWEXw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.28.2':
+    resolution: {integrity: sha512-78XJTJkvPs0kz2w61301PJjXl4g7q3JqiYMZ/M/yVI73EHBrCRTgkhu9oqG7vPqq+a/yadEW8aD+agKlk5xrmg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.28.2':
+    resolution: {integrity: sha512-pW4AC0P3it8c7do9MVM4p51FzHzdM/TZrerurgRcHJ2WTa1VQ1CIq18xncfpBJw4ojkiZZrKW2yIBWBP92j6Ug==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.28.2':
+    resolution: {integrity: sha512-XlDnu2q5yoqems+xay6wSAcg9DDD7K9RLKZEBOMZm3ckNpJBvOX20tSfby8KfrrhINDyv9V2YVZKY/SpoGJI8w==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.28.2':
+    resolution: {integrity: sha512-CYbnj78HsIeA+DhgUKgFCfvNsTHFhMMrinUrMZpDXJXKN8T3XViTZ/+wtHeVxEWY8ewSzTFN+nRmSwO2tZaLUQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.28.2':
+    resolution: {integrity: sha512-buwkd8nsph4R+ajRvw0qM5Hja/TXQow3ptzWO2EbG/cqcIkHloRrdlBtQlshyYGTNFvfkfJ5tpPLVkY4DtsPfQ==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.28.2':
+    resolution: {integrity: sha512-ZVykbDyk7519VwiNb9Lcj9m8XM6v5V9uKPvrEMkkEedVewf+0itkhahp4HDpgERXhwLRpWFypsGbG/J8s0QjJA==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.28.2':
+    resolution: {integrity: sha512-CAXl+Dtd9UUuJd8pKKdwh6MLm3MUMiqMPmhZ3tTSXPqfyQ3vDl6R5hZdZ/kYojK4ofXtdfSv1tFq8XzWx3heNQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.28.2':
+    resolution: {integrity: sha512-GeXCej4IQtU1B+QlDV8W/RRvbzI3O/Stss+/bCXv4lZls5WGRtu2a+3JkA3i4qIUlMXpcHebWpF8AkJhATowuA==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.28.2':
+    resolution: {integrity: sha512-3H1weTYZPxt/WOhByszQZybS9w5lKzUn1FDMsgEChbHWQwHYQQRfBxgCcZvPhjHfKyJjIievvMmEUawJrdY9Dg==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.28.2':
+    resolution: {integrity: sha512-4xTZr1FUmSoQW4XIWmit3tzQrUTZM+N3P0XV8xROKYF50XfI7xeO90+1bZvNwxIufQ9hDQVRJH5YhgPVF8A/HQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-arm64@0.28.2':
+    resolution: {integrity: sha512-sSATRjPeDBg3pdgHoQfoYBob11Kk1FGa9lui5RIHZCoCkJa9QKlvl3/vKz2usCmYYjs7ymJR/2Nnsqe+Hjt5nw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.28.2':
+    resolution: {integrity: sha512-lqnzCV+mM0gIADaKihiCg6ifgfU2L3h5E33rNQBN1Y4MaVGnzryzmvvf7UHxprpQdE8hpqLolJ9Rl+SkIRDpyw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.28.2':
+    resolution: {integrity: sha512-AL2qJILH7lNjrDmCQDvdxMfAUIv8KMNZOvrwAQ8i8//ntL9FflhOyMJ8OZSMBb8/AWXe3/5v5S20y3zCoZWKoQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.28.2':
+    resolution: {integrity: sha512-QtiuPytchRyC4rwUKhexJdQKvDuZ6hWloi3igqPQNUJCS1/v9EiO3UTOXR6A3FoMo4fnAKbWJdqaIwhOzh8qEw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.28.2':
+    resolution: {integrity: sha512-WkhYDmpTjLvGlScA1rwjRUmhl4k8oXR3cIbtqWmELgU/dFeHHlEllxDvdWcNJV9rbzCexB5vz8gtNewWLgCT7Q==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/sunos-x64@0.28.2':
+    resolution: {integrity: sha512-GPMSkTOtMnv2U2F8gxe4Io6qmVs+YKyp832Etqqxr0hFngmXQ3rzwytelm3GIn7T4VviRUlf3sOgBOiTdvaf7g==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.28.2':
+    resolution: {integrity: sha512-PIhhEkE9uPBleRBrQEJpUn7MBnibZzbGzYWPmY3x+YoVg/95zbjB4CxPPOQ8l5tYYM4mMaCthF8/1DIfBQQyWQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.28.2':
+    resolution: {integrity: sha512-YmJbfTlvU7Sdn9BB+4PRES4oB6pxgS37MAONj+hBr/cpXS1aBPKXxNnDbu+QCWPj0o9dgyxeq79g6c5P8KeuYA==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.28.2':
+    resolution: {integrity: sha512-5ebpxr3nWMzrL/rnUI755Jkuee0bHL/Gq0WTF9lvcpv73wAp5eu8MfBUgWK9bhWvZjj7yX8etf/8tI8Ney695g==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
   '@eslint-community/eslint-utils@4.10.1':
     resolution: {integrity: sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -260,11 +519,14 @@ packages:
       '@noble/hashes':
         optional: true
 
-  '@fontsource/ibm-plex-mono@5.3.0':
-    resolution: {integrity: sha512-eTgnZjZEGk1QtD3ZstF+Vclo2HLAni8YMy34/DxllwZvyz1lR/1RF/xTiAquOBO7MvqBx8D2Ig2WCPMVfdZu7Q==}
+  '@fontsource-variable/geist-mono@5.3.0':
+    resolution: {integrity: sha512-vBbuwDEo9AkrqADMXOrlAR3DFcJi4/JxeuU43FoiQERnNwsfXNnvxvReZG02cQKmyk4DZkZdBZX3oTDvy2zBAw==}
+
+  '@fontsource-variable/geist@5.3.0':
+    resolution: {integrity: sha512-j0m+vLQuG5XAYoHtGCVu0spvlGreR3EzpECUVzkFmI1mTVnAO38l/NEPDCFgZ177JxzYJCLSmTQibIiYPilGrA==}
 
-  '@fontsource/noto-sans@5.3.0':
-    resolution: {integrity: sha512-fBCog2PY7DiVVTEEqtI/Qdinx/knobHYfoGpjFXdfBX5RoJaBp1Prw2G75p0OIsdlMZg3cLo0c+YbIUYOxnQJw==}
+  '@fontsource-variable/space-grotesk@5.3.0':
+    resolution: {integrity: sha512-2IxmvfB08i9vnGB3Ym/AXvhRE+8XOjWMXIyDum03c+tPwH0FUoMNQfGpU8NXPxjbws0Vvss3AH0Zqt4oJBBAdw==}
 
   '@humanfs/core@0.19.2':
     resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==}
@@ -286,6 +548,12 @@ packages:
     resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
     engines: {node: '>=18.18'}
 
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
   '@jridgewell/resolve-uri@3.1.2':
     resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
     engines: {node: '>=6.0.0'}
@@ -305,15 +573,273 @@ packages:
   '@keyv/serialize@1.1.1':
     resolution: {integrity: sha512-dXn3FZhPv0US+7dtJsIi2R+c7qWYiReoEh5zUntWCf4oSpMNib8FDhSoed6m3QyZdx5hK7iLFkYk3rNxwt8vTA==}
 
+  '@kurkle/color@0.3.4':
+    resolution: {integrity: sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==}
+
   '@material-symbols/font-400@0.40.2':
     resolution: {integrity: sha512-Ibyypche5VmVB0ZNZd9Ytt9BSHhNr34ZTbFycfXY4Gnbs6mf+jYRblTGosHWWzw010mhJMewfnuW8nnk1XI9Ag==}
 
+  '@mdx-js/react@3.1.1':
+    resolution: {integrity: sha512-f++rKLQgUVYDAtECQ6fn/is15GkEH9+nZPM3MS0RcxVqoTfawHvDlSCH7JbMhAM6uJ32v3eXLvLmLvjGu7PTQw==}
+    peerDependencies:
+      '@types/react': '>=16'
+      react: '>=16'
+
+  '@napi-rs/wasm-runtime@1.2.5':
+    resolution: {integrity: sha512-HshSvXzmBxNzqejd3k/KemgQ3hdREUYFRRrgxOZ+gPljDIsO2SDZrVZMd4Z/HsxudQbE62OVyVFE8z9BCurfjA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=23.5.0}
+    peerDependencies:
+      '@emnapi/core': ^1.7.1 || ^2.0.0-alpha.4
+      '@emnapi/runtime': ^1.7.1 || ^2.0.0-alpha.4
+
   '@one-ini/wasm@0.2.1':
     resolution: {integrity: sha512-TUqERXGNTifZ9y2g3wPxQrw3HpHv/02DsW3D90T9x0hhonrL1ZqpSmNrU2XkoIq0fP1N6gZfVQzy2Fw1ZvGBNg==}
 
+  '@oxc-parser/binding-android-arm-eabi@0.127.0':
+    resolution: {integrity: sha512-0LC7ye4hvqbIKxAzThzvswgHLFu2AURKzYLeSVvLdu2TBOYWQDmHnTqPLeA597BcUCxiLqLsS4CJ5uoI5WYWCQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@oxc-parser/binding-android-arm64@0.127.0':
+    resolution: {integrity: sha512-b5jtVTH6AU5CJXHNdj7Jj9IEiR9yVjjnwHzPJhGyHGPdcsZSzBCkS9GBbV33niRMvKthDwQRFRJfI4a+k4PvYg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxc-parser/binding-darwin-arm64@0.127.0':
+    resolution: {integrity: sha512-obCE8B7ISKkJidjlhv9xRGJPOSDG2Yu6PRga9Ruaz35uintHxbp1Ki/Yc71wx4rj3Edrm0a1kzG1TAwit0wFpg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxc-parser/binding-darwin-x64@0.127.0':
+    resolution: {integrity: sha512-JL6Xb5IwPQT8rUzlpsX7E+AgfcdNklXNPFp8pjCQQ5MQOQo5rtEB2ui+3Hgg9Sn7Y9Egj6YOLLiHhLpdAe12Aw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxc-parser/binding-freebsd-x64@0.127.0':
+    resolution: {integrity: sha512-SDQ/3MQFw58fqQz3Z1PhSKFF3JoCF4gmlNjziDm8X02tTahCw0qJbd7FGPDKw1i4VTBZene9JPyC3mHtSvi+wA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.127.0':
+    resolution: {integrity: sha512-Av+D1MIqzV0YMGPT9we2SIZaMKD7Cxs4CvXSx/yxaWHewZjYEjScpOf5igc8IILASViw4WTnjlwUdI1KzVtDHQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-arm-musleabihf@0.127.0':
+    resolution: {integrity: sha512-Cs2fdJ8cPpFdeebj6p4dag8A4+56hPvZ0AhQQzlaLswGz1tz7bXt1nETLeorrM9+AMcWFFkqxcXwDGfTVidY8g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-arm64-gnu@0.127.0':
+    resolution: {integrity: sha512-qdOfTcT6SY8gsJrrV92uyEUyjqMGPpIB5JZUG6QN5dukYd+7/j0kX6MwK1DgQj39jtUYixxPiaRUiEN1+0CXgQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-arm64-musl@0.127.0':
+    resolution: {integrity: sha512-EoTCZneNFU/P2qrpEM+RHmQwt+CvDkyGESG6qhr7KaegXLZwePfbrkCDfAk8/rhxbDUVGsZILX+2tqPzFtoFWA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-parser/binding-linux-ppc64-gnu@0.127.0':
+    resolution: {integrity: sha512-zALjmZYgxFLHjXeudcDF0xFGNydTAtkAeXAr2EuC17ywCyFxcmQra4w0BMde0Yi/re4Bi4iwEoEXtYN7l6eBLQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-riscv64-gnu@0.127.0':
+    resolution: {integrity: sha512-fPP8M6zQLS7Jz7o9d5ArUSuAuSK3e+WCYVrCpdzeCOejidtZExJ9tjhDrAd3HEPqARBCPmdpqxESPFqy44vkBQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-riscv64-musl@0.127.0':
+    resolution: {integrity: sha512-7IcC4Ao02oGpfnjt+X/oF4U2mllo2qoSkw5xxiXNKL9MCTsTiAC6616beOuehdxGcnz1bRoPC1RQ2f1GQDdN+g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-parser/binding-linux-s390x-gnu@0.127.0':
+    resolution: {integrity: sha512-pbXIhiNFHoqWeqDNLiJ9JkpHz1IM9k4DXa66x+1GTWMG7iLxtkXgE53iiuKSXwmk3zIYmaPVfBvgcAhS583K4Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-x64-gnu@0.127.0':
+    resolution: {integrity: sha512-MYCguB9RvBvlSd6gbuNI7QwiLoCCAlGnlRJFPrzLI6U1/9wkC/WK6LtBAUln55H1Ctqw45PWmqrobKoMhsYQzQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-parser/binding-linux-x64-musl@0.127.0':
+    resolution: {integrity: sha512-5eY0B/bxf1xIUxb4NOTvOI3KWtBQfPWYyKAzgcrCt0mDibSZygVpO1Pz8bkeiSZ5Jj9+M09dkggG3H8I5d0Uyg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-parser/binding-openharmony-arm64@0.127.0':
+    resolution: {integrity: sha512-Gld0ajrFTUXNtdw20fVBuTQx66FA75nIVg+//pPfR3sXkuABB4mTBhl3r9JNzrJpgW//qiwxf0nWXUWGJSL3UQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxc-parser/binding-wasm32-wasi@0.127.0':
+    resolution: {integrity: sha512-T6KVD7rhLzFlwGRXMnxUFfkCZD8FHnb968wVXW1mXzgRFc5RNXOBY2mPPDZ77x5Ln76ltLMgtPg0cOkU1NSrEQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [wasm32]
+
+  '@oxc-parser/binding-win32-arm64-msvc@0.127.0':
+    resolution: {integrity: sha512-Ujvw4X+LD1CCGULcsQcvb4YNVoBGqt+JHgNNzGGaCImELiZLk477ifUH53gIbE7EKd933NdTi25JWEr9K2HwXw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxc-parser/binding-win32-ia32-msvc@0.127.0':
+    resolution: {integrity: sha512-0cwxKO7KHQQQfo4Uf4B2SQrhgm+cJaP9OvFFhx52Tkg4bezsacu83GB2/In5bC415Ueeym+kXdnge/57rbSfTw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxc-parser/binding-win32-x64-msvc@0.127.0':
+    resolution: {integrity: sha512-rOrnSQSCbhI2kowr9XxE7m9a8oQXnBHjnS6j95LxxAnEZ0+Fz20WlRXG4ondQb+ejjt2KOsa65sE6++L6kUd+w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@oxc-project/types@0.127.0':
+    resolution: {integrity: sha512-aIYXQBo4lCbO4z0R3FHeucQHpF46l2LbMdxRvqvuRuW2OxdnSkcng5B8+K12spgLDj93rtN3+J2Vac/TIO+ciQ==}
+
   '@oxc-project/types@0.153.0':
     resolution: {integrity: sha512-jSNrRIyvPVLL5E1z/tS5zLAprosGz/FuI1PWwEOz59j3E4TTTzSpqKb/RDGqJhhW0QHYISGXxq582wGx6T11Tw==}
 
+  '@oxc-resolver/binding-android-arm-eabi@11.21.2':
+    resolution: {integrity: sha512-xQoCRv+gKax9KTdwdaQNnAFOai8neay7g3jExDIORzhbrejwGSJaZNTdOJHR5ziLg2joMxOCMOFMo4zuxza2uQ==}
+    cpu: [arm]
+    os: [android]
+
+  '@oxc-resolver/binding-android-arm64@11.21.2':
+    resolution: {integrity: sha512-HF5oiE2L05yInPYCFD/4uxSrEZW4SuIfn99Y6L1xnJnzl066JR+MJs2rIdstw8A2MPlAKH+13dpFPNycjqzvGg==}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxc-resolver/binding-darwin-arm64@11.21.2':
+    resolution: {integrity: sha512-UX4u49CVCAD8QZNELaW8eMGgMAGwFWYEPbvNsh+3r/gs4NX3KfpiACMVwRQT0EuH3uat9hM5Zl+Ppm9pJD8tgg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxc-resolver/binding-darwin-x64@11.21.2':
+    resolution: {integrity: sha512-J9xPx7YBkrRmJ+xl561ztnMWEc1aOyjEIxBiGX1dVb3u7bGSnfObfcZk+Pd+uM0HZAPNsQ1xvD8j52A/uOSqNQ==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxc-resolver/binding-freebsd-x64@11.21.2':
+    resolution: {integrity: sha512-fRlt7OvSaQkWj6+EDTVxawVxOlqJB2QSnBfkeCyK4RTvsGctbw3BiH2Tb7DzMs7bikc4BRBpvWP5zF9K8b54Zg==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxc-resolver/binding-linux-arm-gnueabihf@11.21.2':
+    resolution: {integrity: sha512-gK+vPUcPQITkGwBKpZGrcDHSlU6eDGl7AQacxS2CEKAZIBHWkOVFeJwLZ4tYnA1acJqRM5lt7yYwPCVqGHIJ7A==}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-resolver/binding-linux-arm-musleabihf@11.21.2':
+    resolution: {integrity: sha512-L/Rgas7SrOKy/z7IH+HxSFRqVO4PuLDKLEGKvnhoCBBq3UJ0YzGBou3qMzaAGgkJwsIvX2pBF+7ojzfUhLiZxQ==}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-resolver/binding-linux-arm64-gnu@11.21.2':
+    resolution: {integrity: sha512-CUEYvlX1Fk7E9kUMzuswru1J9HLxMwnpDeQGjQuI4ZH+iNCoa2X9T+pvyzrbsgl7WnIeTFTlNlHsRfVdf5g9/g==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-resolver/binding-linux-arm64-musl@11.21.2':
+    resolution: {integrity: sha512-ViN1ZibQyxwC67GpoP33oo+S9UyUnkog13vzQb9+v9bCNvrVzJuk0MRdacjtv/9xfRMVF/eqHFyl8YOeykI10Q==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-resolver/binding-linux-ppc64-gnu@11.21.2':
+    resolution: {integrity: sha512-CU1sCqWnhGqYD5I1HedHk5pujrn7ssDkNB/AEQd/pd3D/EojVSgJUlpbafwIbyhia3PgIfkvdFpRPWSALzVumA==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-resolver/binding-linux-riscv64-gnu@11.21.2':
+    resolution: {integrity: sha512-jWVyZtIHca4Gb96x7dag+y69vlei7ffjrsveLkmf2ZhqEAz6ZSBnY1GWvgZUaZlwZP62A3xD092BW97Q5VGc+g==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-resolver/binding-linux-riscv64-musl@11.21.2':
+    resolution: {integrity: sha512-LF29obFqNgBUgDX7rmUK7M4D0JQG5LxhYzn3xXmECcHU9aQAdWG7NiY052qybtesEdwHQXKNTWYQ7mTsybNvWg==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-resolver/binding-linux-s390x-gnu@11.21.2':
+    resolution: {integrity: sha512-+NYcm+cCHBbtdQQ3A4phQTSuVRYnNHz7wrl9XRAPEovcdoqi0mb1K5ZOl+jN54ZD+q1zz3V0vltbFJmzecJKmw==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-resolver/binding-linux-x64-gnu@11.21.2':
+    resolution: {integrity: sha512-UQqZDdG2r2HhAOsZEgufkIWHPQ886IUyuJQkoZByvzhW8j51R4UNzGBJFkTiTnLhQnggwJRdJgFWK4uY6ZVIMw==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-resolver/binding-linux-x64-musl@11.21.2':
+    resolution: {integrity: sha512-3Q9PMRjalWkT6NZ4jfujuqTCFwoWErg3y3BnOgb544B8IMw4PktiwWOigMfOHNRLMghZeJ7hpfpZf4CP7rV7Og==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-resolver/binding-openharmony-arm64@11.21.2':
+    resolution: {integrity: sha512-Eljeq3ndtyKhM+Es8LITi4Zl2htzuRZcrPMF3kMCsrILztvU6AjZ3FuEhHHKobPUB9rMpzLpJP5bDqXI7r+iog==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxc-resolver/binding-wasm32-wasi@11.21.2':
+    resolution: {integrity: sha512-HGDbNsIywqc4LxU38+CTJNnB/6BF7rheWOJ259b4eE0aEnelYblC8x+1tEd63bp31fYne63RQz9Jb4yVnC7Yig==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@oxc-resolver/binding-win32-arm64-msvc@11.21.2':
+    resolution: {integrity: sha512-iWx25CBEgH49iE9q5coEGI/jb1jl5kkCY9z6U5Og67xCkQ/WFMDc2J5U78+AE91SUxM2NqSLhJC8/PLfWnImww==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxc-resolver/binding-win32-x64-msvc@11.21.2':
+    resolution: {integrity: sha512-VPoCAhKvCQTlG7vxqaBXcmuvbh77BfnGXj8g0pbvVXpm1F/R8rDVwqIWcEbMzrI1JvJlm8v7T9uMVQb6UctMRg==}
+    cpu: [x64]
+    os: [win32]
+
+  '@posthog/browser-common@0.9.5':
+    resolution: {integrity: sha512-oXnBgZvM8UQ84IcBLfGP0WSGd9rA0PCGR37H8Pw0NszJRwxwbJnFXIUih0pvI/ze2eGmzkIEC9i3SwC+bMAgjQ==}
+
+  '@posthog/core@1.59.1':
+    resolution: {integrity: sha512-P39YgzQVDh6oz6wAzQXEnoHgTYpM7gifonmVKq1scAJco79h31XmmNVurRq9tTmmyIrr1uX8FHT0riCsyfV9AQ==}
+
+  '@posthog/types@1.416.0':
+    resolution: {integrity: sha512-0/9+02s/0uDyrH4G/qUg1yyl6gXUg8Uuxw/PlDad3KLzo9FFS9zS/kAQaEshx/saVGupj1aAy/4EUBxWisBogw==}
+
   '@rolldown/binding-android-arm-eabi@1.2.13':
     resolution: {integrity: sha512-Vu/NICrgdRvUOeaJZIyB2FP63s6fO/4ud5l8dXmxDx9yDyn+mN0y+gsvsVviSli+T361Aqo0h46EuMoobrwawA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -413,6 +939,109 @@ packages:
   '@rolldown/pluginutils@1.0.1':
     resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==}
 
+  '@sentry/browser-utils@11.8.0':
+    resolution: {integrity: sha512-tTqJmnfuJaQy9LyInCWJtJ0L+VnOq+L9+lTMkQH+pptXBAuHfdJyEl2IhGqO4QmsfKyZpHa2GVd3HKpEQsVYeg==}
+    engines: {node: '>=20.19.0 <22.0.0 || >=22.12.0 <23.0.0 || >=23.2.0'}
+
+  '@sentry/browser@11.8.0':
+    resolution: {integrity: sha512-uBC1k2ESZErHv+RfG6p9siHrtxv+QErDxL/jvEBZnoMV6OcWdZyWTGKcqrW7EjwlBiWkgVve1W7z8tNDDuVQxw==}
+    engines: {node: '>=20.19.0 <22.0.0 || >=22.12.0 <23.0.0 || >=23.2.0'}
+
+  '@sentry/conventions@0.27.0':
+    resolution: {integrity: sha512-Mrqd/o7n/z7qWSYfQQA7x4fFTA0IqOG6JNsbBpnC97khPwZk7n6DPtOO7YgaYplSl8R8QLRbBz9Xv2lVhToSAg==}
+    engines: {node: '>=14'}
+
+  '@sentry/core@11.8.0':
+    resolution: {integrity: sha512-4MVTthk6C/1oQFjbVIfygHyNkx2YGbwNLml0kJji0vjJXy6ZNls9zdIp0FTBTi4e3189IcSc5OXD4qcJdmEeKA==}
+    engines: {node: '>=20.19.0 <22.0.0 || >=22.12.0 <23.0.0 || >=23.2.0'}
+
+  '@sentry/feedback@11.8.0':
+    resolution: {integrity: sha512-t8MSpbPoOcPOkywcv0Hwh97A82jWFZju5NU/a6pHmn2pKFktgCgnHKNHvlYp8QUaDNYijYpLv58NIM5Dg7by7A==}
+    engines: {node: '>=20.19.0 <22.0.0 || >=22.12.0 <23.0.0 || >=23.2.0'}
+
+  '@sentry/replay-canvas@11.8.0':
+    resolution: {integrity: sha512-/MiivHLdDv3ot5uJmWcPhIOubec54hPd4U/c2OE5oNyhM3zrd/S6b2FEfwke/V120QGEdZcuzGatwNJ2jNSkgQ==}
+    engines: {node: '>=20.19.0 <22.0.0 || >=22.12.0 <23.0.0 || >=23.2.0'}
+
+  '@sentry/replay@11.8.0':
+    resolution: {integrity: sha512-0jXMLd9XCBEZ5tu0VJa1uj1HYCpsjuNjbEBhF5pUw4FHyIH5hz01WuI20SH2Ct0pP1mykTzJLPGjZ8sUiAmMnQ==}
+    engines: {node: '>=20.19.0 <22.0.0 || >=22.12.0 <23.0.0 || >=23.2.0'}
+
+  '@sentry/vue@11.8.0':
+    resolution: {integrity: sha512-YQvpWIoyBOj6psJsLfJXM1deQQzeARKTByoIt2oCtWoFliAmj6I310k0Ue4+u+TDhchQs1gyUrG1GEzcH/waYg==}
+    engines: {node: '>=20.19.0 <22.0.0 || >=22.12.0 <23.0.0 || >=23.2.0'}
+    peerDependencies:
+      '@tanstack/vue-router': ^1.64.0
+      pinia: 2.x || 3.x || 4.x
+      vue: 2.x || 3.x
+    peerDependenciesMeta:
+      '@tanstack/vue-router':
+        optional: true
+      pinia:
+        optional: true
+
+  '@storybook/addon-a11y@10.6.3':
+    resolution: {integrity: sha512-nqvjpmu5g+PPtEKwgE0qAi4wfuQ9yngOb/1Gm24pBBZOuRsd3UMEBjKORSuAGrIAz9X3LCFfQi7sCcBFXvFbwg==}
+    peerDependencies:
+      storybook: ^10.6.3
+
+  '@storybook/addon-docs@10.6.3':
+    resolution: {integrity: sha512-365f712au4w/xvFqEKY6TIvTeGGAY7FKRB8zP4CFa3VSv9oyxHaq/ublFg4YDbCeRagppwl1PZ6k4+PoUor3+A==}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      storybook: ^10.6.3
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@storybook/builder-vite@10.6.3':
+    resolution: {integrity: sha512-1+WCZZg/fPxxyHDB5sFKniFt9/4RFUIzoNqMujv+BLRROM+gQeyUHvdvoyZOZ51+P8ee+/PgnNKHjsTupV+nOA==}
+    peerDependencies:
+      storybook: ^10.6.3
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  '@storybook/global@5.0.0':
+    resolution: {integrity: sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==}
+
+  '@storybook/icons@2.2.0':
+    resolution: {integrity: sha512-FpUB/xizIrV1ILhCIYFo+TtQNN9YEoLjfcnAW0JtOXL+BcM2aisSysI0B54JMWDnljriXySBHgN6ps4s9lb75A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@storybook/react-dom-shim@10.6.3':
+    resolution: {integrity: sha512-cJUuPrieiTl06kzlgaU89iG+CtLAgUTt0Xdvm8qFT9yR2qwafSaswhwYWlZCNX4nWuOu7eK7uzWTwzKqyDBOWQ==}
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      '@types/react-dom': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      storybook: ^10.6.3
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@storybook/vue3-vite@10.6.3':
+    resolution: {integrity: sha512-5eg8IYqhc+1qGQAJOR1w4ipQqVy3jdNfu/+/kPdH3fTtt0lg+AgCZaMeoiS59OWhyfWlw9sgg261u6gSW1fCBg==}
+    peerDependencies:
+      storybook: ^10.6.3
+      typescript: '>= 4.9.x'
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@storybook/vue3@10.6.3':
+    resolution: {integrity: sha512-G5kmZx4NtK+pyk92sR9rais7pKXUqKTqweORtMVZ6urqjyygLHtvYz+1+/wTlFTdZp2VhPHwmTllWEwAhpkQNQ==}
+    peerDependencies:
+      storybook: ^10.6.3
+      typescript: '>= 4.9.x'
+      vue: ^3.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   '@tanstack/match-sorter-utils@9.2.6':
     resolution: {integrity: sha512-DIpUSOhPfQ7u/qfUi/Wgm0wBO56MyBYXGvnlI0NcauDRPqdBUlAZZjW2Dxm92m+k1UWVhKw8YJ4f47+75Aujyw==}
     engines: {node: '>=20'}
@@ -429,6 +1058,29 @@ packages:
       '@vue/composition-api':
         optional: true
 
+  '@testing-library/dom@10.4.2':
+    resolution: {integrity: sha512-yzr2S9HyAIdhz2/6qHgbs665Q7PKVcDF05vsOlHPxG1mo36gKVesdYVeDLnXgfjJ03CrKRk08knc6+E/9m8v2Q==}
+    engines: {node: '>=18'}
+
+  '@testing-library/jest-dom@6.9.1':
+    resolution: {integrity: sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==}
+    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
+
+  '@testing-library/user-event@14.6.8':
+    resolution: {integrity: sha512-vgSSqnANMnkcYR/vUNDbwS7aM3OErRLNUG8vCVVlj4oc6cKffUrccX7UAS5AmJQQNZTSibi9z5GvvRZ0aYgUCQ==}
+    engines: {node: '>=12', npm: '>=6'}
+    peerDependencies:
+      '@testing-library/dom': '>=7.21.4'
+
+  '@tybys/wasm-util@0.10.4':
+    resolution: {integrity: sha512-W3c4gRigFS0T/Ma4qIYF3GDAc5AQdHb1yL5znJT1Zv1YaD9Kitx656wBjvr19qbiosmZT8lWDM5BEMynUqX65A==}
+
+  '@types/amplitude-js@8.16.5':
+    resolution: {integrity: sha512-W73JfDpwDH4VijOGo+nVuQOqUCiqyEGGVdajU4ziWTLn27cn+QtFuFuBdlhCraIIrO52fDRO4NSOGkawtn77Jw==}
+
+  '@types/aria-query@5.0.4':
+    resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
+
   '@types/chai@5.2.3':
     resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
 
@@ -444,12 +1096,30 @@ packages:
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
+  '@types/lodash-es@4.17.12':
+    resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
+
+  '@types/lodash@4.17.26':
+    resolution: {integrity: sha512-48NWfiY6oNcKOh47Z4h+sIvwcQR91h6KPhaYKgeMIrkT2jV82Gy90SErj60vW8jQbeMSOSbhIv3bZ7JoqPPVhA==}
+
+  '@types/mdx@2.0.14':
+    resolution: {integrity: sha512-T48PeuJtvLosNTPVhfnIp3i/n3a4g4Bad7YCq5k64D4u7NwDrAotikQ+5+sjtUvBmxCMlbo3dVL+C2dP0rWHzg==}
+
   '@types/node@24.19.2':
     resolution: {integrity: sha512-93d49wCWJkCyN87MxLpNN6KXPCwFw7bVUg79mGUV1OS40JGWwVCr8n61DXCSqz7CV6/VfPkb7xec7uP2M+QHWQ==}
 
+  '@types/pluralize@0.0.33':
+    resolution: {integrity: sha512-JOqsl+ZoCpP4e8TDke9W79FDcSgPAR0l6pixx2JHkhnRjvShyYiAYw2LVsnA7K08Y6DeOnaU6ujmENO4os/cYg==}
+
+  '@types/react@19.3.0':
+    resolution: {integrity: sha512-N0rFCuH9YoxG9/m61l9MfpJKfmLOVU0em7ipIz6TRgSSkvReLB9vL85GB+yr8Bs5leqpvg96JSwF4ZS1s4viQg==}
+
   '@types/trusted-types@2.0.7':
     resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
 
+  '@types/validator@13.15.10':
+    resolution: {integrity: sha512-T8L6i7wCuyoK8A/ZeLYt1+q0ty3Zb9+qbSSvrIVitzT3YjZqkTZ40IbRsPanlB4h1QB3JVL1SYCdR6ngtFYcuA==}
+
   '@typescript-eslint/eslint-plugin@8.71.1':
     resolution: {integrity: sha512-nNlBf6HuotqMgZvSkWD5hNdemiBIxQ2NmrlgfcUIeZRs+BbakjscCQRq/Hb74EFVnFiSWWdL12JruqwBy3ERDw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -516,6 +1186,9 @@ packages:
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
       vue: ^3.2.25 || ^3.6.0-rc.10
 
+  '@vitest/expect@3.2.4':
+    resolution: {integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==}
+
   '@vitest/mocker@5.0.4':
     resolution: {integrity: sha512-tqAlrYWce4iUxhr3ncNohejtCTOcHeE8XWrSNZY3OhPoDn01yeGv+gnaBy64ATp7o6pb03eIbBAjzmibpc9vIQ==}
     peerDependencies:
@@ -527,9 +1200,18 @@ packages:
       vite:
         optional: true
 
+  '@vitest/pretty-format@3.2.4':
+    resolution: {integrity: sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==}
+
+  '@vitest/spy@3.2.4':
+    resolution: {integrity: sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==}
+
   '@vitest/spy@5.0.4':
     resolution: {integrity: sha512-MZKk/gSkm2q+ICobMxCpH1mA+cCAWm8WV7UhxlqGjq/sJ3AGc1BqFOs5CRVXxH78wQtme9q/NAAgBquj4AcyMw==}
 
+  '@vitest/utils@3.2.4':
+    resolution: {integrity: sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==}
+
   '@volar/language-core@2.4.28':
     resolution: {integrity: sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==}
 
@@ -602,11 +1284,8 @@ packages:
       vue:
         optional: true
 
-  '@vuetify/loader-shared@2.1.2':
-    resolution: {integrity: sha512-X+1jBLmXHkpQEnC0vyOb4rtX2QSkBiFhaFXz8yhQqN2A4vQ6k2nChxN4Ol7VAY5KoqMdFoRMnmNdp/1qYXDQig==}
-    peerDependencies:
-      vue: ^3.0.0
-      vuetify: '>=3'
+  '@webcontainer/env@1.1.1':
+    resolution: {integrity: sha512-6aN99yL695Hi9SuIk1oC88l9o0gmxL1nGWWQ/kNy81HigJ0FoaoTXpytCj6ItzgyCEwA9kF1wixsTuv5cjsgng==}
 
   abbrev@5.0.0:
     resolution: {integrity: sha512-/XrFJgzQQQHpti1raDJC6m4ws6aNktmjBlhk8Fdlk7LwCEuDoieEJJY9OFHjfiFJFFRM2tK+Ky/IsfbbmlMu1w==}
@@ -617,6 +1296,11 @@ packages:
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
 
+  acorn@7.4.1:
+    resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
   acorn@8.19.0:
     resolution: {integrity: sha512-oJlA3XiRm7Cyk6qFD2Jn8ak9B7jSy0qy00ADO3+8dpT0LSjFihQYv4C02LFCSYJV3Q37xYwwRy5m+IpIiUzqWw==}
     engines: {node: '>=0.4.0'}
@@ -632,14 +1316,50 @@ packages:
   alien-signals@3.2.1:
     resolution: {integrity: sha512-I8FjmltrfnDFoZedi5CG8DghVYNhzb/Ijluz7tCSJH0xpd0484Kowhbb1XDYOxfJpU1p5wnM2X54dA+IfGyD1g==}
 
+  amplitude-js@8.21.10:
+    resolution: {integrity: sha512-FUAnk+eFb9mOLOkwE3Dh1sVOeamuSLXs7AvfI3i81urq3T8L+aYiZE2jxS+e3+6v5Qcl6x5oBAsctSSNzfzLqg==}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-styles@5.2.0:
+    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
+    engines: {node: '>=10'}
+
   anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
 
+  aria-query@5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+
+  aria-query@5.3.2:
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
+
+  asap@2.0.6:
+    resolution: {integrity: sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==}
+
+  assert-never@1.4.0:
+    resolution: {integrity: sha512-5oJg84os6NMQNl27T9LnZkvvqzvAnHu03ShCnoj6bsJwS7L8AO4lf+C/XjK/nvzEqQB744moC6V128RucQd1jA==}
+
   assertion-error@2.0.1:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
     engines: {node: '>=12'}
 
+  ast-types@0.16.3:
+    resolution: {integrity: sha512-FvWoWYfSCM6kRxCSH+MGLHIKKGRL6A6AW7Zek2O32REPQRdg131428uRTKMBYAeRd3XXAaHDS60Wpri7CdKDrA==}
+    engines: {node: '>=4'}
+
+  axe-core@4.14.0:
+    resolution: {integrity: sha512-9WTZxEjsZ7b13TH8JPmbV2z8CHbl80/2hm3XPEG4JgNdQLK81IBRXmSxHfMAOkSqQeRxT/0dwNDz2GOm3zzpcQ==}
+    engines: {node: '>=4'}
+
+  babel-walk@3.0.0-canary-5:
+    resolution: {integrity: sha512-GAwkz0AihzY5bkwIY5QDR+LvsRQgB/B+1foMPvi0FZPMl5fjD7ICiznUiBdLYMH1QYe6vqu4gWYytZOccLouFw==}
+    engines: {node: '>= 10.0.0'}
+
   balanced-match@4.0.4:
     resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
     engines: {node: 18 || 20 || >=22}
@@ -654,6 +1374,9 @@ packages:
   birpc@2.9.0:
     resolution: {integrity: sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==}
 
+  blueimp-md5@2.19.0:
+    resolution: {integrity: sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==}
+
   boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
 
@@ -665,13 +1388,40 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
+  bundle-name@4.1.1:
+    resolution: {integrity: sha512-DdH81/zPLVS11EUgWq3tEu/xn+EzljlMYooDNdzWEnFha3R3NBMpMV1UqYIpjYHV/SgpFKMIX1Oh7o06SjM/oA==}
+    engines: {node: '>=18'}
+
   cacheable@2.5.0:
     resolution: {integrity: sha512-60cyAOytib/OzBw1JNSoSV/boK1AtHryDIjvVBk7XbN4ugfkM3+Sry7fEjNgPMGgOjuaZPAp8ruZ0Cxafwyq9g==}
 
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+
+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
+    engines: {node: '>= 0.4'}
+
+  chai@5.3.3:
+    resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==}
+    engines: {node: '>=18'}
+
   chai@6.3.0:
     resolution: {integrity: sha512-XWAtwJ6OHO+tj0EKCs0Y2UamnyOxseZWltU4x2U2wh8g4AigdjwvtUjvLP2tqkA/avxHEtzxNaqGq/YGNwckKg==}
     engines: {node: '>=18'}
 
+  character-parser@2.2.0:
+    resolution: {integrity: sha512-+UqJQjFEFaTAs3bNsF2j2kEN1baG/zghZbdqoYEDxGZtJo9LBzl1A+m0D4n3qKx8N2FNv8/Xp6yV9mQmBuptaw==}
+
+  chart.js@4.5.1:
+    resolution: {integrity: sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==}
+    engines: {pnpm: '>=8'}
+
+  check-error@2.1.3:
+    resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
+    engines: {node: '>= 16'}
+
   chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
@@ -683,10 +1433,22 @@ packages:
   config-chain@1.1.13:
     resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
 
+  connection-string-parser@1.0.4:
+    resolution: {integrity: sha512-grmrIHzrZRjn53dwRqJTmtTRVc+gUiIk/tzjUrteN6aLN4l9DR6KE/IsGtjndyAlHhkmKjAHB9p7PJ0cFgO94w==}
+
+  constantinople@4.0.1:
+    resolution: {integrity: sha512-vCrqcSIq4//Gx74TXXCGnHpulY1dskqLTFGDmhrGxzeXL8lF8kvXv6mpNWlJj1uD4DW23D4ljAqbY4RRaaUZIw==}
+
+  convert@5.14.1:
+    resolution: {integrity: sha512-zp1UyVnTL7g/T+sw1Bb1yCIDZIR50eKFnYJXsmRP2SXs3RfzligO3JWc2ZtqzdJX0/7xwfma/J8j69JD5MB2aA==}
+
   copy-anything@4.1.5:
     resolution: {integrity: sha512-vePst2VLTSqPglW7Q98VwFpGiGpOHTyXIo81MO5VyLecA5zMbZw/P/V1vmwD1jksa2iJpn/YkDrJ3XhTfzUyhQ==}
     engines: {node: '>=18'}
 
+  core-js@3.51.0:
+    resolution: {integrity: sha512-7bDKx/5jm5MxzsXxc93g6Z2+4ZsuT/MddrfRmTDJNAkWsYWHU8EVNEsBiIEWnMAMCHMmRfUEjkuo3jeNBOIHRw==}
+
   cross-spawn@7.0.6:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
@@ -695,6 +1457,9 @@ packages:
     resolution: {integrity: sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
 
+  css.escape@1.5.1:
+    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
+
   cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
@@ -711,6 +1476,9 @@ packages:
     resolution: {integrity: sha512-euIQENZg6x8mj3fO6o9+fOW8MimUI4PpD/fZBhJfeioZVy9TUpM4UY7KjQNVZFlqwJ0UdzRDzkycB997HEq1BQ==}
     engines: {node: '>=20'}
 
+  date-fns@4.4.0:
+    resolution: {integrity: sha512-+1UMbeh68lH1SegH83CGWwpb6OHHbpSgr3+s5Eww5M4CAgswBpoWS0AjTOfEJ33HiYKz1hdj/KTFprzXHmq/6w==}
+
   debug@4.4.3:
     resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
     engines: {node: '>=6.0'}
@@ -723,16 +1491,56 @@ packages:
   decimal.js@10.6.0:
     resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
 
+  decode-uri-component@0.4.1:
+    resolution: {integrity: sha512-+8VxcR21HhTy8nOt6jf20w0c9CADrw1O8d+VZ/YzzCt4bJ3uBjw+D1q2osAB8RnpwwaeYBxy0HyKQxD5JBMuuQ==}
+    engines: {node: '>=14.16'}
+
+  deep-eql@5.0.2:
+    resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
+    engines: {node: '>=6'}
+
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
+  default-browser-id@5.0.1:
+    resolution: {integrity: sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==}
+    engines: {node: '>=18'}
+
+  default-browser@5.5.1:
+    resolution: {integrity: sha512-m1pAzaJgZ/gssEqlOhJkPJp8Xly7QyW6xcrkUa2KKcDeDSEMP7X8xipU3snUcfisTQx0w1AGae+9UtJSfVnXGw==}
+    engines: {node: '>=18'}
+
+  define-lazy-prop@3.0.0:
+    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
+    engines: {node: '>=12'}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
   detect-libc@2.1.2:
     resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
     engines: {node: '>=8'}
 
+  doctypes@1.1.0:
+    resolution: {integrity: sha512-LLBi6pEqS6Do3EKQ3J0NqHWV5hhb78Pi8vvESYwyOy2c31ZEZVdtitdzsQsKb7878PEERhzUk0ftqGhG6Mz+pQ==}
+
+  dom-accessibility-api@0.5.16:
+    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
+
+  dom-accessibility-api@0.6.3:
+    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
+
   dompurify@3.2.7:
     resolution: {integrity: sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==}
 
+  dompurify@3.4.17:
+    resolution: {integrity: sha512-B/pSlYVHQ58kqISD/yDjuJ1yfzI34m1gF4lAod2bwSRhiN4K5Cl3H8Af7hqB2PmTL911tdEudnnXn5FnhRoz0w==}
+
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
   editorconfig@3.0.2:
     resolution: {integrity: sha512-T0ix8GhtxyKVfUFEcvdNDt3YGqlwkFHbD4/5bgFUDgFmxhI/cSRAeJ87/Sz//Cq8Eam6JX/e23RkoFO71P7aAA==}
     engines: {node: '>=20'}
@@ -746,9 +1554,26 @@ packages:
     resolution: {integrity: sha512-kxL7msIffSuh9aaFAMD7rxAIuTRMAHMeBtgHW2yUdWw732ZNh4MehkF2gdjvtdmikkaIP9bFDDJOPlsvm7avrA==}
     engines: {node: '>=20.19.0'}
 
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+
+  es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
   es-module-lexer@2.3.2:
     resolution: {integrity: sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==}
 
+  es-object-atoms@1.1.2:
+    resolution: {integrity: sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==}
+    engines: {node: '>= 0.4'}
+
+  esbuild@0.28.2:
+    resolution: {integrity: sha512-HKVLS8dvII+xoKW9kmqxbRKrnWEXfJJr/FZhhJmiqIB0e053QNYFqOBouTMO/k5sID4MvCiUCvv8b9M4h32wIA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
@@ -789,10 +1614,18 @@ packages:
       jiti:
         optional: true
 
+  esm-resolve@1.0.11:
+    resolution: {integrity: sha512-LxF0wfUQm3ldUDHkkV2MIbvvY0TgzIpJ420jHSV1Dm+IlplBEWiJTKWM61GtxUfvjV6iD4OtTYFGAGM2uuIUWg==}
+
   espree@11.2.0:
     resolution: {integrity: sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
+  esprima@4.0.1:
+    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
+    engines: {node: '>=4'}
+    hasBin: true
+
   esquery@1.7.0:
     resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
     engines: {node: '>=0.10'}
@@ -837,6 +1670,9 @@ packages:
       picomatch:
         optional: true
 
+  fflate@0.4.9:
+    resolution: {integrity: sha512-zdxgIEddhfsyCaWpJ2SdXEP8ZMrKJ6+5jl4OupODcywU0IhRk6gdXuVGcPICyfx2H97hVK7xmJtRLPjkxAX8Vw==}
+
   file-entry-cache@11.1.5:
     resolution: {integrity: sha512-+PFTHITI08JIGhnNpGNI8T8inUpgZfk3GNEqfT9R2zZV2iFXg3CvqzSl/uEhs7TSGujYRELEANyDvS8Fj7+S7Q==}
 
@@ -844,6 +1680,10 @@ packages:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
 
+  filter-obj@5.1.0:
+    resolution: {integrity: sha512-qWeTREPoT7I0bifpPUXtxkZJ1XJzxWtfoWWkdVGqa+eCr3SHW/Ocp89o8vLvbUuQnadybJpjOKu4V+RwO6sGng==}
+    engines: {node: '>=14.16'}
+
   find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
@@ -859,6 +1699,17 @@ packages:
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
 
+  function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
+
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
   glob-parent@5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -871,10 +1722,29 @@ packages:
     resolution: {integrity: sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==}
     engines: {node: 18 || 20 || >=22}
 
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
+
+  has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+
+  hash-sum@2.0.0:
+    resolution: {integrity: sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==}
+
   hashery@1.5.1:
     resolution: {integrity: sha512-iZyKG96/JwPz1N55vj2Ie2vXbhu440zfUfJvSwEqEbeLluk7NnapfGqa7LH0mOsnDxTF85Mx8/dyR6HfqcbmbQ==}
     engines: {node: '>=20'}
 
+  hasown@2.0.4:
+    resolution: {integrity: sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==}
+    engines: {node: '>= 0.4'}
+
   hookable@5.5.3:
     resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
 
@@ -908,13 +1778,33 @@ packages:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
 
+  indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+
   ini@1.3.8:
     resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
 
+  ipaddr.js@2.5.0:
+    resolution: {integrity: sha512-aq+t5NAc+cS6rZQQVWC2x98CPqGtKKTMDd4Gaodv0wShnItdKg/51djkGJ1hqH+Oy0ivDftCbSLCQob8zso01w==}
+    engines: {node: '>= 10'}
+
   is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
 
+  is-core-module@2.17.0:
+    resolution: {integrity: sha512-J/vG0zBCbIKOQFfufSwyXdMrsohyJIUNkrnmo6WZGzoM7tr/lsbfW5b2BvisL6zsyMzK9UxV9L6c7AoFbyXHOA==}
+    engines: {node: '>= 0.4'}
+
+  is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+
+  is-expression@4.0.0:
+    resolution: {integrity: sha512-zMIXX63sxzG3XrkHkrAPvm/OVZVSCPNkwMHU8oTX7/U3AL78I0QXCEICXUM13BIa8TYGZ68PiTKfQz3yaTNr4A==}
+
   is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
@@ -923,6 +1813,11 @@ packages:
     resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
     engines: {node: '>=0.10.0'}
 
+  is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+
   is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
@@ -930,6 +1825,17 @@ packages:
   is-potential-custom-element-name@1.0.1:
     resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
 
+  is-promise@2.2.2:
+    resolution: {integrity: sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==}
+
+  is-regex@1.2.1:
+    resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
+    engines: {node: '>= 0.4'}
+
+  is-wsl@3.1.1:
+    resolution: {integrity: sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==}
+    engines: {node: '>=16'}
+
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
@@ -941,6 +1847,12 @@ packages:
   js-cookie@3.0.8:
     resolution: {integrity: sha512-yeJd4aNAdYZQjaon2bpD/Gb0B/omw7HQOsynXXcOiWVCacbBcPlgn8S/d1X6blFSaHao7ozqtW7NZW19xpCtIw==}
 
+  js-stringify@1.0.2:
+    resolution: {integrity: sha512-rtS5ATOo2Q5k1G+DADISilDA6lv79zIiwFd6CcjuIxGKLFm5C+RLImRscVap9k55i+MOZwgliw+NejvkLuGD5g==}
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
   jsdom@27.4.0:
     resolution: {integrity: sha512-mjzqwWRD9Y1J1KUi7W97Gja1bwOOM5Ug0EZ6UDK3xS7j7mndrkwozHtSblfomlzyB4NepioNt+B2sOSzczVgtQ==}
     engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
@@ -956,6 +1868,12 @@ packages:
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
+  jsonc-parser@3.3.1:
+    resolution: {integrity: sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==}
+
+  jstransformer@1.0.0:
+    resolution: {integrity: sha512-C9YK3Rf8q6VAPDCCU9fnqo3mAfOH6vUGnMcP4AQAYIEpWtfGLpwOTmZ+igtdK5y+VvI2n3CyYSzy4Qh34eq24A==}
+
   keyv@5.6.0:
     resolution: {integrity: sha512-CYDD3SOtsHtyXeEORYRx2qBtpDJFjRTGXUtmNEMGyzYOKj1TE3tycdlho7kA1Ufx9OYWZzg52QFBGALTirzDSw==}
 
@@ -1041,10 +1959,24 @@ packages:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
+  lodash-es@4.17.23:
+    resolution: {integrity: sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==}
+
+  loupe@3.2.1:
+    resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==}
+
   lru-cache@11.5.3:
     resolution: {integrity: sha512-U4N8FgzmWxc8k1VH8Kr6lQg18U7Fjvby6wXHVRX/ZZ7IwWbRMgrRbP0Wrb5q5NVinryp4SQampHKdvtecItxUg==}
     engines: {node: 20 || >=22}
 
+  lru-cache@8.0.5:
+    resolution: {integrity: sha512-MhWWlVnuab1RG5/zMRRcVGXZLCXrZTgfwMikgzCegsPnG62yDQo5JnqKkrK4jO5iKqDAZGItAqN5CtKBCBWRUA==}
+    engines: {node: '>=16.14'}
+
+  lz-string@1.5.0:
+    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
+    hasBin: true
+
   magic-string@0.30.21:
     resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
@@ -1056,9 +1988,17 @@ packages:
     engines: {node: '>= 18'}
     hasBin: true
 
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
   mdn-data@2.27.1:
     resolution: {integrity: sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==}
 
+  min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+
   minimatch@10.2.6:
     resolution: {integrity: sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==}
     engines: {node: 18 || 20 || >=22}
@@ -1099,14 +2039,29 @@ packages:
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
   obug@3.0.0:
     resolution: {integrity: sha512-5vvB5+W7ePv+p3uqxi+RcW1XAzLW0/hxt3/4X4Lc4qHudzOhmBiBwOY6DRob4WnanAEGvNcLjF+KNOufrUoEQw==}
     engines: {node: '>=12.20.0'}
 
+  open@10.2.0:
+    resolution: {integrity: sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==}
+    engines: {node: '>=18'}
+
   optionator@0.9.4:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
     engines: {node: '>= 0.8.0'}
 
+  oxc-parser@0.127.0:
+    resolution: {integrity: sha512-bkgD4qHlN7WxLdX8bLXdaU54TtQtAIg/ZBAfm0aje/mo3MRDo3P0hZSgr4U7O3xfX+fQmR5AP04JS/TGcZLcFA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
+  oxc-resolver@11.21.2:
+    resolution: {integrity: sha512-w5tLwYN3Zo24w5EeWJjJWZOwhYqTtC8PS2B1tIt7BZUuqTIcU07sQValbDw+rq7+AuAGzOHklgK+ifsy4lpXfw==}
+
   p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
     engines: {node: '>=10'}
@@ -1133,10 +2088,17 @@ packages:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
 
+  path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+
   path-scurry@2.0.2:
     resolution: {integrity: sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg==}
     engines: {node: 18 || 20 || >=22}
 
+  pathval@2.0.1:
+    resolution: {integrity: sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==}
+    engines: {node: '>= 14.16'}
+
   perfect-debounce@1.0.0:
     resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
 
@@ -1160,6 +2122,10 @@ packages:
       typescript:
         optional: true
 
+  pluralize@8.0.0:
+    resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
+    engines: {node: '>=4'}
+
   postcss-selector-parser@7.1.6:
     resolution: {integrity: sha512-7qASPzhKF2l2KLboRZux8CCTRMdGiV08vWmyKzPz22qZ7ZjQBOeY7rNzNoCLSUiftJ7HUq0GERHmxw/t0dCdMw==}
     engines: {node: '>=4'}
@@ -1168,13 +2134,75 @@ packages:
     resolution: {integrity: sha512-49cGhUbXj8Qenv0iTMxA1cFBzxXoctpC9Ujd77t1WcbJIr6nF/eI7g/8MgxrYldFRuAXvja7xQRwavoW7kgrxQ==}
     engines: {node: ^10 || ^12 || >=14}
 
+  posthog-js@1.438.13:
+    resolution: {integrity: sha512-fcRhMZ/TKvpDjmDGTlf4KCBqqTnpLWLplZ76NfeLNEE1P6N6qCGGZzqZ6gEzJoOfYLNLgjd0sRM5fC8F/Ky9fA==}
+    peerDependencies:
+      '@types/react': '>=16.8.0'
+      react: '>=16.8.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      react:
+        optional: true
+
+  preact@10.29.8:
+    resolution: {integrity: sha512-ej2aVZ+vZ8WO7tvlQWRM9N63A0KzF9q4mWJfDUHgYaIofWY9hu74QdnQrjoPMmZi2/nZ5gN0bJCQF49xQqx09Q==}
+    peerDependencies:
+      preact-render-to-string: '>=5'
+    peerDependenciesMeta:
+      preact-render-to-string:
+        optional: true
+
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
 
+  pretty-format@27.5.1:
+    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+
+  promise@7.3.1:
+    resolution: {integrity: sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==}
+
   proto-list@1.2.4:
     resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
 
+  pug-attrs@3.0.0:
+    resolution: {integrity: sha512-azINV9dUtzPMFQktvTXciNAfAuVh/L/JCl0vtPCwvOA21uZrC08K/UnmrL+SXGEVc1FwzjW62+xw5S/uaLj6cA==}
+
+  pug-code-gen@3.0.4:
+    resolution: {integrity: sha512-6okWYIKdasTyXICyEtvobmTZAVX57JkzgzIi4iRJlin8kmhG+Xry2dsus+Mun/nGCn6F2U49haHI5mkELXB14g==}
+
+  pug-error@2.1.0:
+    resolution: {integrity: sha512-lv7sU9e5Jk8IeUheHata6/UThZ7RK2jnaaNztxfPYUY+VxZyk/ePVaNZ/vwmH8WqGvDz3LrNYt/+gA55NDg6Pg==}
+
+  pug-filters@4.0.0:
+    resolution: {integrity: sha512-yeNFtq5Yxmfz0f9z2rMXGw/8/4i1cCFecw/Q7+D0V2DdtII5UvqE12VaZ2AY7ri6o5RNXiweGH79OCq+2RQU4A==}
+
+  pug-lexer@5.0.1:
+    resolution: {integrity: sha512-0I6C62+keXlZPZkOJeVam9aBLVP2EnbeDw3An+k0/QlqdwH6rv8284nko14Na7c0TtqtogfWXcRoFE4O4Ff20w==}
+
+  pug-linker@4.0.0:
+    resolution: {integrity: sha512-gjD1yzp0yxbQqnzBAdlhbgoJL5qIFJw78juN1NpTLt/mfPJ5VgC4BvkoD3G23qKzJtIIXBbcCt6FioLSFLOHdw==}
+
+  pug-load@3.0.0:
+    resolution: {integrity: sha512-OCjTEnhLWZBvS4zni/WUMjH2YSUosnsmjGBB1An7CsKQarYSWQ0GCVyd4eQPMFJqZ8w9xgs01QdiZXKVjk92EQ==}
+
+  pug-parser@6.0.0:
+    resolution: {integrity: sha512-ukiYM/9cH6Cml+AOl5kETtM9NR3WulyVP2y4HOU45DyMim1IeP/OOiyEWRr6qk5I5klpsBnbuHpwKmTx6WURnw==}
+
+  pug-runtime@3.0.1:
+    resolution: {integrity: sha512-L50zbvrQ35TkpHwv0G6aLSuueDRwc/97XdY8kL3tOT0FmhgG7UypU3VztfV/LATAvmUfYi4wNxSajhSAeNN+Kg==}
+
+  pug-strip-comments@2.0.0:
+    resolution: {integrity: sha512-zo8DsDpH7eTkPHCXFeAk1xZXJbyoTfdPlNR0bK7rpOMuhBYb0f5qUVCO1xlsitYd3w5FQTK7zpNVKb3rZoUrrQ==}
+
+  pug-walk@2.0.0:
+    resolution: {integrity: sha512-yYELe9Q5q9IQhuvqsZNwA5hfPkMJ8u92bQLIMcsMxf/VADjNtEYptU+inlufAFYcWdHlwNfZOEnOOQrZrcyJCQ==}
+
+  pug@3.0.4:
+    resolution: {integrity: sha512-kFfq5mMzrS7+wrl5pLJzZEzemx34OQ0w4SARfhy/3yxTlhbstsudDwJzhf1hP02yHzbjoVMSXUj/Sz6RNfMyXg==}
+
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
@@ -1183,10 +2211,37 @@ packages:
     resolution: {integrity: sha512-+Owyggi9IxT1ePKGafcI87ubSmxol6smwJ+RAHDQlx9+9cPwFWDiKFFCPuWhr9ignlGpZ9vDQLw67N4dcTVFEA==}
     engines: {node: '>=20'}
 
+  query-selector-shadow-dom@1.0.1:
+    resolution: {integrity: sha512-lT5yCqEBgfoMYpf3F2xQRK7zEr1rhIIZuceDK6+xRkJQ4NMbHTwXqk4NkwDwQMNqXgG9r9fyHnzwNVs6zV5KRw==}
+
+  query-string@8.1.0:
+    resolution: {integrity: sha512-BFQeWxJOZxZGix7y+SByG3F36dA0AbTy9o6pSmKFcFz7DAj0re9Frkty3saBn3nHo3D0oZJ/+rx3r8H8r8Jbpw==}
+    engines: {node: '>=14.16'}
+
+  react-dom@19.3.1:
+    resolution: {integrity: sha512-Y0bARz53lhEC1NMCASs0/j+faB/zqt3R8hpvg1e8+61ZVJ4UL0UdC4cBbXfZMcIuhrfgeILTLe+ZeBCavQPtKQ==}
+    peerDependencies:
+      react: ^19.3.1
+
+  react-is@17.0.2:
+    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
+
+  react@19.3.1:
+    resolution: {integrity: sha512-QNhWdt7nrgVWWQG58QuGsAR3jv3Hbe4mb4vz7w2csnHavciZJgda1CPNaldF6eVxv90ud3jUXpKlHL69gO38yw==}
+    engines: {node: '>=0.10.0'}
+
   readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
 
+  recast@0.23.21:
+    resolution: {integrity: sha512-mFAyJq9vUbSTARLZUvAEf1z3YxlvAwswbmxMx2mPA/MSm4KmpwvwvhsH/NIrZhyOuwD60Lzyw2qh83uCbgTPYw==}
+    engines: {node: '>= 4'}
+
+  redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+
   remove-accents@0.5.0:
     resolution: {integrity: sha512-8g3/Otx1eJaVD12e31UbJj1YzdtVvzH85HV7t+9MJYk/u3XmkOUJ5Ys9wQrf9PCPK8+xn4ymzqYCiZl6QWKn+A==}
 
@@ -1194,6 +2249,11 @@ packages:
     resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
     engines: {node: '>=0.10.0'}
 
+  resolve@1.22.13:
+    resolution: {integrity: sha512-Dj/cW9zBV2aRj6XzCxuGIs3ESZKv02jixne3q6jFZYZ3/Tg09gHHviSMDL4kObh9pqSahdRHEnDoaP2gn8YLhA==}
+    engines: {node: '>= 0.4'}
+    hasBin: true
+
   rfdc@1.4.1:
     resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
 
@@ -1202,10 +2262,17 @@ packages:
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
+  run-applescript@7.1.0:
+    resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==}
+    engines: {node: '>=18'}
+
   saxes@6.0.0:
     resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
     engines: {node: '>=v12.22.7'}
 
+  scheduler@0.28.0:
+    resolution: {integrity: sha512-juorfCmIkIw8tT+p5BXSm6PJjQF/ycEYmKyzURCIt/RaZIhL+PulbQ9Yu2z1HdOJDdqDTlxA1+xKBmHXJsczAw==}
+
   semver@7.8.5:
     resolution: {integrity: sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==}
     engines: {node: '>=10'}
@@ -1223,20 +2290,58 @@ packages:
     resolution: {integrity: sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==}
     engines: {node: '>=0.10.0'}
 
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
   speakingurl@14.0.1:
     resolution: {integrity: sha512-1POYv7uv2gXoyGFpBCmpDVSNV74IfsWlDW216UPjbWufNf+bSU6GdbDsxdcxtfwb4xlI3yxzOTKClUosxARYrQ==}
     engines: {node: '>=0.10.0'}
 
+  split-on-first@3.0.0:
+    resolution: {integrity: sha512-qxQJTx2ryR0Dw0ITYyekNQWpz6f8dGd7vffGNflQQ3Iqj9NJ6qiZ7ELpZsJ/QBhIVAiDfXdag3+Gp8RvWa62AA==}
+    engines: {node: '>=12'}
+
   std-env@4.3.0:
     resolution: {integrity: sha512-OtU/EgQ1kIm5KwqQpBC6ZEMXrZRui11w8zgfTWp8cdO9B8OaPsbA8bTHO2P+HNo1VlUTGMVBwPhydu6poeXiag==}
 
+  storybook@10.6.3:
+    resolution: {integrity: sha512-lNBvcZFG44C98KvQHYzfq1O46m+sl94zY1+na5/9E3ihtNMbvpOgYyMFMIcWYUvOMo3OM4q9jzvB73KU20bU8w==}
+    hasBin: true
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      prettier: ^2 || ^3
+      vite-plus: ^0.1.15 || ^0.2.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      prettier:
+        optional: true
+      vite-plus:
+        optional: true
+
+  strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+
   superjson@2.2.6:
     resolution: {integrity: sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==}
     engines: {node: '>=16'}
 
+  supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+
   symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
 
+  tagged-tag@1.0.0:
+    resolution: {integrity: sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng==}
+    engines: {node: '>=20'}
+
+  tiny-invariant@1.3.3:
+    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+
   tinybench@6.2.2:
     resolution: {integrity: sha512-nIZ2N2dFpjBsg2hgitKu7mA+FvsIJuGJOwysRngmVRRmWgR/UyPjwJj8c/fT/dhm8EkHnF5EOogRf+0Z2qrimA==}
     engines: {node: '>=20.0.0'}
@@ -1249,6 +2354,14 @@ packages:
     resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
     engines: {node: '>=12.0.0'}
 
+  tinyrainbow@2.0.0:
+    resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
+    engines: {node: '>=14.0.0'}
+
+  tinyspy@4.0.6:
+    resolution: {integrity: sha512-u8KszXvGfU68hVcZpRHKG28T0krMuv2G5nDhiHaMLen/gIuFEgIJhaJuO69qjnXg5paSrbPMFfx3brNuN8eVSg==}
+    engines: {node: '>=14.0.0'}
+
   tldts-core@7.4.18:
     resolution: {integrity: sha512-KI2PKvCmvQI/xD6ypPqkU0i7oxNXR/O58RLRaHR4svsgVUQ2JE/XC8BtMbG6PSehD27I8sZJRcC1ASnCy6lp3g==}
 
@@ -1260,6 +2373,9 @@ packages:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
+  token-stream@1.0.0:
+    resolution: {integrity: sha512-VSsyNPPW74RpHwR8Fc21uubwHY7wMDeJLys2IX5zJNih+OnAnaifKHo+1LHT7DAdloQ7apeaaWg8l7qnf/TnEg==}
+
   tough-cookie@6.0.2:
     resolution: {integrity: sha512-exgYmnmL/sJpR3upZfXG5PoatXQii55xAiXGXzY+sROLZ/Y+SLcp9PgJNI9Vz37HpQ74WvDcLT8eqm+kV3FzrA==}
     engines: {node: '>=16'}
@@ -1274,10 +2390,24 @@ packages:
     peerDependencies:
       typescript: '>=4.8.4'
 
+  ts-dedent@2.3.0:
+    resolution: {integrity: sha512-JfJeIHke7y2egdGGgRAvpCwYFUsHlM2gPcrVOxFkznt/4uzQ7HFmvE63iFHVLBJNDuyDOQgijDK/tXH/f6Msjg==}
+    engines: {node: '>=6.10'}
+
+  ts-map@1.0.3:
+    resolution: {integrity: sha512-vDWbsl26LIcPGmDpoVzjEP6+hvHZkBkLW7JpvwbCv/5IYPJlsbzCVXY3wsCeAxAUeTclNOUZxnLdGh3VBD/J6w==}
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
+  type-fest@5.10.0:
+    resolution: {integrity: sha512-NoSdpq/WEiAg5sjmBkmV/hfxv6HJH4NqPNrqjtSO5CwRmpsDfaf4begxW34KdJykH/l1yHtwBWQkCRdoXO8mPA==}
+    engines: {node: '>=20'}
+
   typescript-eslint@8.71.1:
     resolution: {integrity: sha512-oiNVPC3/NbV1FpaHU07l8O6ynqG9v4PAiW2WvTrAmZdR0f2HI/gE668ElMLCK7Xbsu5k2fK5C4fXNiq05j7/nQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1293,29 +2423,30 @@ packages:
   undici-types@7.24.6:
     resolution: {integrity: sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==}
 
-  upath@2.0.1:
-    resolution: {integrity: sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==}
-    engines: {node: '>=4'}
+  unplugin@2.3.11:
+    resolution: {integrity: sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==}
+    engines: {node: '>=18.12.0'}
 
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
+  use-sync-external-store@1.7.0:
+    resolution: {integrity: sha512-6L+EeigHMQhdaIPNIFUKwfWJSwWFQ8gJbJ2DLOs5sDIegTwR9fRxvnM3uciHKjIZhFz+KAv2emhWMRvDmMcY8A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
+  validator@13.15.35:
+    resolution: {integrity: sha512-TQ5pAGhd5whStmqWvYF4OjQROlmv9SMFVt37qoCBdqRffuuklWYQlCNnEs2ZaIBD1kZRNnikiZOS1eqgkar0iw==}
+    engines: {node: '>= 0.10'}
+
   vite-plugin-static-copy@4.1.1:
     resolution: {integrity: sha512-GrlA8YklrAfSyxJ4M3fdQLOo9oNkp56IM9FYgX/WtEgeIFkPwhu4wzpufBCIuNKCa6Fn77FkRdYxkHqV0FwjAw==}
     engines: {node: ^22.0.0 || >=24.0.0}
     peerDependencies:
-      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
-
-  vite-plugin-vuetify@2.1.3:
-    resolution: {integrity: sha512-Q4SC/4TqbNvaZIFb9YsfBqkGlYHbJJJ6uU3CnRBZqLUF3s5eCMVZAaV4GkTbehIH/bhSj42lMXztOwc71u6rVw==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    peerDependencies:
-      vite: '>=5'
-      vue: ^3.0.0
-      vuetify: '>=3'
+      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
 
   vite@8.3.4:
     resolution: {integrity: sha512-IftLE8phJhdNRIGNEV4JCCvfNScoZQVfcXaN8TQropWGJtOHcu+iAB9pHcuGvmEb/kddw0LBe/jS8ztdC6xdiQ==}
@@ -1401,9 +2532,21 @@ packages:
       jsdom:
         optional: true
 
+  void-elements@3.1.0:
+    resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
+    engines: {node: '>=0.10.0'}
+
   vscode-uri@3.2.0:
     resolution: {integrity: sha512-m2gXo3bn0G1kT9InzMf07fTbqMbGtyckj3bH5ktLO+1Ssv+yiATZ4dhwaQv9UZWxJh6E9IFGnQyjgWVDWVBDrg==}
 
+  vue-component-meta@3.3.13:
+    resolution: {integrity: sha512-VnqcGTxB4n56qWfsuroOL+cEvjkV8uEffGy57bqlzePAQKQMLBXAjIKIntyngunmMnxWHMLzkYgRxdx9I1H/hg==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   vue-component-type-helpers@3.3.13:
     resolution: {integrity: sha512-02KCxSmKDhIITjKyJ4QT5csP6L0WoRborLqY/34a40+S9uvMvdNgMV0yVjO3p2Gkz3ZoPmFz/0JsGHacwJYTxw==}
 
@@ -1418,12 +2561,22 @@ packages:
       '@vue/composition-api':
         optional: true
 
+  vue-docgen-api@4.79.2:
+    resolution: {integrity: sha512-n9ENAcs+40awPZMsas7STqjkZiVlIjxIKgiJr5rSohDP0/JCrD9VtlzNojafsA1MChm/hz2h3PDtUedx3lbgfA==}
+    peerDependencies:
+      vue: '>=2'
+
   vue-eslint-parser@10.4.1:
     resolution: {integrity: sha512-Gk6gRDj0n/fkRa3C3l0bBheoBckUq/Rs0F/TvMWIS6nzzx67amAViMe9CkNgsP2tXyQONvGiHQESHwFtZ3aYDA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
 
+  vue-inbrowser-compiler-independent-utils@4.71.1:
+    resolution: {integrity: sha512-K3wt3iVmNGaFEOUR4JIThQRWfqokxLfnPslD41FDZB2ajXp789+wCqJyGYlIFsvEQ2P61PInw6/ph5iiqg51gg==}
+    peerDependencies:
+      vue: '>=2'
+
   vue-router@4.6.4:
     resolution: {integrity: sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==}
     peerDependencies:
@@ -1443,29 +2596,23 @@ packages:
       typescript:
         optional: true
 
-  vuetify@3.13.6:
-    resolution: {integrity: sha512-Rt5dHb5zjiIOdZ/10/IVsTzLdKPLplVMv2hDXx2+LMHMFtt6Ks3NTA2eKqXBWVZZ5ZVIRdJBNBSP4/Iri8UdnA==}
-    peerDependencies:
-      typescript: '>=4.7'
-      vite-plugin-vuetify: '>=2.1.0'
-      vue: ^3.5.0
-      webpack-plugin-vuetify: '>=3.1.0'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-      vite-plugin-vuetify:
-        optional: true
-      webpack-plugin-vuetify:
-        optional: true
-
   w3c-xmlserializer@5.0.0:
     resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
     engines: {node: '>=18'}
 
+  web-vitals@6.2.1:
+    resolution: {integrity: sha512-rLcLXA2sx6+9dE88NHFubwTtGxpK4yYBLj6qHPdFoCaLr0cXGb4efOqtKLlm4loGA4OEKHIQKMKzZkKyOh5ctw==}
+
+  web-vitals@6.2.3:
+    resolution: {integrity: sha512-Dmy+vdO1UPMqXiAtZSNayhl4f794Bxfd94W4HIj2HlYtczEQfEOon969memlcpcHrTuOKLa5baFjX7WbgmOq+A==}
+
   webidl-conversions@8.0.1:
     resolution: {integrity: sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==}
     engines: {node: '>=20'}
 
+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+
   whatwg-mimetype@4.0.0:
     resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
     engines: {node: '>=18'}
@@ -1488,6 +2635,10 @@ packages:
     engines: {node: '>=20.11'}
     hasBin: true
 
+  with@7.0.2:
+    resolution: {integrity: sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==}
+    engines: {node: '>= 10.0.0'}
+
   word-wrap@1.2.5:
     resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
     engines: {node: '>=0.10.0'}
@@ -1504,6 +2655,10 @@ packages:
       utf-8-validate:
         optional: true
 
+  wsl-utils@0.1.0:
+    resolution: {integrity: sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==}
+    engines: {node: '>=18'}
+
   xml-name-validator@5.0.0:
     resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
     engines: {node: '>=18'}
@@ -1519,6 +2674,19 @@ snapshots:
 
   '@acemir/cssom@0.9.32': {}
 
+  '@adobe/css-tools@4.5.0': {}
+
+  '@amplitude/analytics-connector@1.7.0': {}
+
+  '@amplitude/types@1.10.2': {}
+
+  '@amplitude/ua-parser-js@0.7.33': {}
+
+  '@amplitude/utils@1.10.2':
+    dependencies:
+      '@amplitude/types': 1.10.2
+      tslib: 2.8.1
+
   '@asamuzakjp/css-color@4.1.2':
     dependencies:
       '@csstools/css-calc': 3.4.3(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2)
@@ -1537,6 +2705,12 @@ snapshots:
 
   '@asamuzakjp/nwsapi@2.3.9': {}
 
+  '@babel/code-frame@7.29.7':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.29.7
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
   '@babel/helper-string-parser@7.29.7': {}
 
   '@babel/helper-validator-identifier@7.29.7': {}
@@ -1545,6 +2719,8 @@ snapshots:
     dependencies:
       '@babel/types': 7.29.8
 
+  '@babel/runtime@7.29.10': {}
+
   '@babel/types@7.29.8':
     dependencies:
       '@babel/helper-string-parser': 7.29.7
@@ -1623,6 +2799,116 @@ snapshots:
 
   '@csstools/css-tokenizer@4.0.2': {}
 
+  '@emnapi/core@1.11.0':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.2
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/core@1.9.2':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.1
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.11.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.9.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.2.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.2.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@esbuild/aix-ppc64@0.28.2':
+    optional: true
+
+  '@esbuild/android-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/android-arm@0.28.2':
+    optional: true
+
+  '@esbuild/android-x64@0.28.2':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/darwin-x64@0.28.2':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.28.2':
+    optional: true
+
+  '@esbuild/linux-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/linux-arm@0.28.2':
+    optional: true
+
+  '@esbuild/linux-ia32@0.28.2':
+    optional: true
+
+  '@esbuild/linux-loong64@0.28.2':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.28.2':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.28.2':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.28.2':
+    optional: true
+
+  '@esbuild/linux-s390x@0.28.2':
+    optional: true
+
+  '@esbuild/linux-x64@0.28.2':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.28.2':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.28.2':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/sunos-x64@0.28.2':
+    optional: true
+
+  '@esbuild/win32-arm64@0.28.2':
+    optional: true
+
+  '@esbuild/win32-ia32@0.28.2':
+    optional: true
+
+  '@esbuild/win32-x64@0.28.2':
+    optional: true
+
   '@eslint-community/eslint-utils@4.10.1(eslint@10.12.0)':
     dependencies:
       eslint: 10.12.0
@@ -1655,9 +2941,11 @@ snapshots:
 
   '@exodus/bytes@1.16.0': {}
 
-  '@fontsource/ibm-plex-mono@5.3.0': {}
+  '@fontsource-variable/geist-mono@5.3.0': {}
 
-  '@fontsource/noto-sans@5.3.0': {}
+  '@fontsource-variable/geist@5.3.0': {}
+
+  '@fontsource-variable/space-grotesk@5.3.0': {}
 
   '@humanfs/core@0.19.2':
     dependencies:
@@ -1675,6 +2963,16 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.3': {}
 
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.6.0
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
   '@jridgewell/resolve-uri@3.1.2': {}
 
   '@jridgewell/sourcemap-codec@1.6.0': {}
@@ -1692,12 +2990,172 @@ snapshots:
 
   '@keyv/serialize@1.1.1': {}
 
+  '@kurkle/color@0.3.4': {}
+
   '@material-symbols/font-400@0.40.2': {}
 
+  '@mdx-js/react@3.1.1(@types/react@19.3.0)(react@19.3.1)':
+    dependencies:
+      '@types/mdx': 2.0.14
+      '@types/react': 19.3.0
+      react: 19.3.1
+
+  '@napi-rs/wasm-runtime@1.2.5(@emnapi/core@1.11.0)(@emnapi/runtime@1.11.0)':
+    dependencies:
+      '@emnapi/core': 1.11.0
+      '@emnapi/runtime': 1.11.0
+      '@tybys/wasm-util': 0.10.4
+    optional: true
+
+  '@napi-rs/wasm-runtime@1.2.5(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)':
+    dependencies:
+      '@emnapi/core': 1.9.2
+      '@emnapi/runtime': 1.9.2
+      '@tybys/wasm-util': 0.10.4
+    optional: true
+
   '@one-ini/wasm@0.2.1': {}
 
+  '@oxc-parser/binding-android-arm-eabi@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-android-arm64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-darwin-arm64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-darwin-x64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-freebsd-x64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm-musleabihf@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm64-musl@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-ppc64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-riscv64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-riscv64-musl@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-s390x-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-x64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-x64-musl@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-openharmony-arm64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-wasm32-wasi@0.127.0':
+    dependencies:
+      '@emnapi/core': 1.9.2
+      '@emnapi/runtime': 1.9.2
+      '@napi-rs/wasm-runtime': 1.2.5(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
+    optional: true
+
+  '@oxc-parser/binding-win32-arm64-msvc@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-win32-ia32-msvc@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-win32-x64-msvc@0.127.0':
+    optional: true
+
+  '@oxc-project/types@0.127.0': {}
+
   '@oxc-project/types@0.153.0': {}
 
+  '@oxc-resolver/binding-android-arm-eabi@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-android-arm64@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-darwin-arm64@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-darwin-x64@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-freebsd-x64@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm-gnueabihf@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm-musleabihf@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm64-gnu@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm64-musl@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-ppc64-gnu@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-riscv64-gnu@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-riscv64-musl@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-s390x-gnu@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-x64-gnu@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-linux-x64-musl@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-openharmony-arm64@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-wasm32-wasi@11.21.2':
+    dependencies:
+      '@emnapi/core': 1.11.0
+      '@emnapi/runtime': 1.11.0
+      '@napi-rs/wasm-runtime': 1.2.5(@emnapi/core@1.11.0)(@emnapi/runtime@1.11.0)
+    optional: true
+
+  '@oxc-resolver/binding-win32-arm64-msvc@11.21.2':
+    optional: true
+
+  '@oxc-resolver/binding-win32-x64-msvc@11.21.2':
+    optional: true
+
+  '@posthog/browser-common@0.9.5':
+    dependencies:
+      '@posthog/core': 1.59.1
+      '@posthog/types': 1.416.0
+
+  '@posthog/core@1.59.1':
+    dependencies:
+      '@posthog/types': 1.416.0
+
+  '@posthog/types@1.416.0': {}
+
   '@rolldown/binding-android-arm-eabi@1.2.13':
     optional: true
 
@@ -1745,6 +3203,117 @@ snapshots:
 
   '@rolldown/pluginutils@1.0.1': {}
 
+  '@sentry/browser-utils@11.8.0':
+    dependencies:
+      '@sentry/conventions': 0.27.0
+      '@sentry/core': 11.8.0
+      web-vitals: 6.2.3
+
+  '@sentry/browser@11.8.0':
+    dependencies:
+      '@sentry/browser-utils': 11.8.0
+      '@sentry/conventions': 0.27.0
+      '@sentry/core': 11.8.0
+      '@sentry/feedback': 11.8.0
+      '@sentry/replay': 11.8.0
+      '@sentry/replay-canvas': 11.8.0
+
+  '@sentry/conventions@0.27.0': {}
+
+  '@sentry/core@11.8.0':
+    dependencies:
+      '@sentry/conventions': 0.27.0
+
+  '@sentry/feedback@11.8.0':
+    dependencies:
+      '@sentry/core': 11.8.0
+
+  '@sentry/replay-canvas@11.8.0':
+    dependencies:
+      '@sentry/core': 11.8.0
+      '@sentry/replay': 11.8.0
+
+  '@sentry/replay@11.8.0':
+    dependencies:
+      '@sentry/browser-utils': 11.8.0
+      '@sentry/core': 11.8.0
+
+  '@sentry/vue@11.8.0(pinia@3.0.4(typescript@5.9.3)(vue@3.5.43(typescript@5.9.3)))(vue@3.5.43(typescript@5.9.3))':
+    dependencies:
+      '@sentry/browser': 11.8.0
+      '@sentry/conventions': 0.27.0
+      '@sentry/core': 11.8.0
+      vue: 3.5.43(typescript@5.9.3)
+    optionalDependencies:
+      pinia: 3.0.4(typescript@5.9.3)(vue@3.5.43(typescript@5.9.3))
+
+  '@storybook/addon-a11y@10.6.3(storybook@10.6.3(@types/react@19.3.0)(react@19.3.1))':
+    dependencies:
+      '@storybook/global': 5.0.0
+      axe-core: 4.14.0
+      storybook: 10.6.3(@types/react@19.3.0)(react@19.3.1)
+
+  '@storybook/addon-docs@10.6.3(@types/react@19.3.0)(storybook@10.6.3(@types/react@19.3.0)(react@19.3.1))':
+    dependencies:
+      '@mdx-js/react': 3.1.1(@types/react@19.3.0)(react@19.3.1)
+      '@storybook/icons': 2.2.0(react@19.3.1)
+      '@storybook/react-dom-shim': 10.6.3(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)(storybook@10.6.3(@types/react@19.3.0)(react@19.3.1))
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+      storybook: 10.6.3(@types/react@19.3.0)(react@19.3.1)
+      ts-dedent: 2.3.0
+      unplugin: 2.3.11
+    optionalDependencies:
+      '@types/react': 19.3.0
+    transitivePeerDependencies:
+      - '@types/react-dom'
+
+  '@storybook/builder-vite@10.6.3(storybook@10.6.3(@types/react@19.3.0)(react@19.3.1))(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2))':
+    dependencies:
+      storybook: 10.6.3(@types/react@19.3.0)(react@19.3.1)
+      ts-dedent: 2.3.0
+      vite: 8.3.4(@types/node@24.19.2)(esbuild@0.28.2)
+
+  '@storybook/global@5.0.0': {}
+
+  '@storybook/icons@2.2.0(react@19.3.1)':
+    dependencies:
+      react: 19.3.1
+
+  '@storybook/react-dom-shim@10.6.3(@types/react@19.3.0)(react-dom@19.3.1(react@19.3.1))(react@19.3.1)(storybook@10.6.3(@types/react@19.3.0)(react@19.3.1))':
+    dependencies:
+      react: 19.3.1
+      react-dom: 19.3.1(react@19.3.1)
+      storybook: 10.6.3(@types/react@19.3.0)(react@19.3.1)
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  '@storybook/vue3-vite@10.6.3(storybook@10.6.3(@types/react@19.3.0)(react@19.3.1))(typescript@5.9.3)(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2))(vue@3.5.43(typescript@5.9.3))':
+    dependencies:
+      '@storybook/builder-vite': 10.6.3(storybook@10.6.3(@types/react@19.3.0)(react@19.3.1))(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2))
+      '@storybook/vue3': 10.6.3(storybook@10.6.3(@types/react@19.3.0)(react@19.3.1))(typescript@5.9.3)(vue@3.5.43(typescript@5.9.3))
+      magic-string: 1.4.3
+      storybook: 10.6.3(@types/react@19.3.0)(react@19.3.1)
+      vite: 8.3.4(@types/node@24.19.2)(esbuild@0.28.2)
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - vue
+
+  '@storybook/vue3@10.6.3(storybook@10.6.3(@types/react@19.3.0)(react@19.3.1))(typescript@5.9.3)(vue@3.5.43(typescript@5.9.3))':
+    dependencies:
+      '@storybook/global': 5.0.0
+      '@vue/compiler-dom': 3.5.43
+      '@vue/language-core': 3.3.13
+      storybook: 10.6.3(@types/react@19.3.0)(react@19.3.1)
+      type-fest: 5.10.0
+      vue: 3.5.43(typescript@5.9.3)
+      vue-component-meta: 3.3.13(typescript@5.9.3)
+      vue-component-type-helpers: 3.3.13
+      vue-docgen-api: 4.79.2(vue@3.5.43(typescript@5.9.3))
+    optionalDependencies:
+      typescript: 5.9.3
+
   '@tanstack/match-sorter-utils@9.2.6':
     dependencies:
       remove-accents: 0.5.0
@@ -1759,6 +3328,39 @@ snapshots:
       vue: 3.5.43(typescript@5.9.3)
       vue-demi: 0.14.10(vue@3.5.43(typescript@5.9.3))
 
+  '@testing-library/dom@10.4.2':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/runtime': 7.29.10
+      '@types/aria-query': 5.0.4
+      aria-query: 5.3.0
+      dom-accessibility-api: 0.5.16
+      lz-string: 1.5.0
+      picocolors: 1.1.1
+      pretty-format: 27.5.1
+
+  '@testing-library/jest-dom@6.9.1':
+    dependencies:
+      '@adobe/css-tools': 4.5.0
+      aria-query: 5.3.2
+      css.escape: 1.5.1
+      dom-accessibility-api: 0.6.3
+      picocolors: 1.1.1
+      redent: 3.0.0
+
+  '@testing-library/user-event@14.6.8(@testing-library/dom@10.4.2)':
+    dependencies:
+      '@testing-library/dom': 10.4.2
+
+  '@tybys/wasm-util@0.10.4':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@types/amplitude-js@8.16.5': {}
+
+  '@types/aria-query@5.0.4': {}
+
   '@types/chai@5.2.3':
     dependencies:
       '@types/deep-eql': 4.0.2
@@ -1772,13 +3374,29 @@ snapshots:
 
   '@types/json-schema@7.0.15': {}
 
+  '@types/lodash-es@4.17.12':
+    dependencies:
+      '@types/lodash': 4.17.26
+
+  '@types/lodash@4.17.26': {}
+
+  '@types/mdx@2.0.14': {}
+
   '@types/node@24.19.2':
     dependencies:
       undici-types: 7.24.6
 
+  '@types/pluralize@0.0.33': {}
+
+  '@types/react@19.3.0':
+    dependencies:
+      csstype: 3.2.3
+
   '@types/trusted-types@2.0.7':
     optional: true
 
+  '@types/validator@13.15.10': {}
+
   '@typescript-eslint/eslint-plugin@8.71.1(@typescript-eslint/parser@8.71.1(eslint@10.12.0)(typescript@5.9.3))(eslint@10.12.0)(typescript@5.9.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
@@ -1870,23 +3488,45 @@ snapshots:
       '@typescript-eslint/types': 8.71.1
       eslint-visitor-keys: 5.0.1
 
-  '@vitejs/plugin-vue@6.0.10(vite@8.3.4(@types/node@24.19.2))(vue@3.5.43(typescript@5.9.3))':
+  '@vitejs/plugin-vue@6.0.10(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2))(vue@3.5.43(typescript@5.9.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.1
-      vite: 8.3.4(@types/node@24.19.2)
+      vite: 8.3.4(@types/node@24.19.2)(esbuild@0.28.2)
       vue: 3.5.43(typescript@5.9.3)
 
-  '@vitest/mocker@5.0.4(vite@8.3.4(@types/node@24.19.2))':
+  '@vitest/expect@3.2.4':
+    dependencies:
+      '@types/chai': 5.2.3
+      '@vitest/spy': 3.2.4
+      '@vitest/utils': 3.2.4
+      chai: 5.3.3
+      tinyrainbow: 2.0.0
+
+  '@vitest/mocker@5.0.4(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2))':
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
       '@vitest/spy': 5.0.4
       estree-walker: 3.0.3
       magic-string: 1.4.3
     optionalDependencies:
-      vite: 8.3.4(@types/node@24.19.2)
+      vite: 8.3.4(@types/node@24.19.2)(esbuild@0.28.2)
+
+  '@vitest/pretty-format@3.2.4':
+    dependencies:
+      tinyrainbow: 2.0.0
+
+  '@vitest/spy@3.2.4':
+    dependencies:
+      tinyspy: 4.0.6
 
   '@vitest/spy@5.0.4': {}
 
+  '@vitest/utils@3.2.4':
+    dependencies:
+      '@vitest/pretty-format': 3.2.4
+      loupe: 3.2.1
+      tinyrainbow: 2.0.0
+
   '@volar/language-core@2.4.28':
     dependencies:
       '@volar/source-map': 2.4.28
@@ -1997,11 +3637,7 @@ snapshots:
       typescript: 5.9.3
       vue: 3.5.43(typescript@5.9.3)
 
-  '@vuetify/loader-shared@2.1.2(vue@3.5.43(typescript@5.9.3))(vuetify@3.13.6)':
-    dependencies:
-      upath: 2.0.1
-      vue: 3.5.43(typescript@5.9.3)
-      vuetify: 3.13.6(typescript@5.9.3)(vite-plugin-vuetify@2.1.3)(vue@3.5.43(typescript@5.9.3))
+  '@webcontainer/env@1.1.1': {}
 
   abbrev@5.0.0: {}
 
@@ -2009,6 +3645,8 @@ snapshots:
     dependencies:
       acorn: 8.19.0
 
+  acorn@7.4.1: {}
+
   acorn@8.19.0: {}
 
   agent-base@7.1.4: {}
@@ -2022,13 +3660,46 @@ snapshots:
 
   alien-signals@3.2.1: {}
 
+  amplitude-js@8.21.10:
+    dependencies:
+      '@amplitude/analytics-connector': 1.7.0
+      '@amplitude/ua-parser-js': 0.7.33
+      '@amplitude/utils': 1.10.2
+      '@babel/runtime': 7.29.10
+      blueimp-md5: 2.19.0
+      query-string: 8.1.0
+
+  ansi-regex@5.0.1: {}
+
+  ansi-styles@5.2.0: {}
+
   anymatch@3.1.3:
     dependencies:
       normalize-path: 3.0.0
       picomatch: 2.3.2
 
+  aria-query@5.3.0:
+    dependencies:
+      dequal: 2.0.3
+
+  aria-query@5.3.2: {}
+
+  asap@2.0.6: {}
+
+  assert-never@1.4.0: {}
+
   assertion-error@2.0.1: {}
 
+  ast-types@0.16.3:
+    dependencies:
+      tslib: 2.8.1
+
+  axe-core@4.14.0: {}
+
+  babel-walk@3.0.0-canary-5:
+    dependencies:
+      '@babel/types': 7.29.8
+
   balanced-match@4.0.4: {}
 
   bidi-js@1.1.0:
@@ -2039,6 +3710,8 @@ snapshots:
 
   birpc@2.9.0: {}
 
+  blueimp-md5@2.19.0: {}
+
   boolbase@1.0.0: {}
 
   brace-expansion@5.0.12:
@@ -2049,6 +3722,10 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
+  bundle-name@4.1.1:
+    dependencies:
+      run-applescript: 7.1.0
+
   cacheable@2.5.0:
     dependencies:
       '@cacheable/memory': 2.2.0
@@ -2057,8 +3734,36 @@ snapshots:
       keyv: 5.6.0
       qified: 0.10.1
 
+  call-bind-apply-helpers@1.0.2:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+
+  call-bound@1.0.4:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
+
+  chai@5.3.3:
+    dependencies:
+      assertion-error: 2.0.1
+      check-error: 2.1.3
+      deep-eql: 5.0.2
+      loupe: 3.2.1
+      pathval: 2.0.1
+
   chai@6.3.0: {}
 
+  character-parser@2.2.0:
+    dependencies:
+      is-regex: 1.2.1
+
+  chart.js@4.5.1:
+    dependencies:
+      '@kurkle/color': 0.3.4
+
+  check-error@2.1.3: {}
+
   chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
@@ -2078,8 +3783,21 @@ snapshots:
       ini: 1.3.8
       proto-list: 1.2.4
 
+  connection-string-parser@1.0.4:
+    dependencies:
+      tslib: 2.8.1
+
+  constantinople@4.0.1:
+    dependencies:
+      '@babel/parser': 7.29.9
+      '@babel/types': 7.29.8
+
+  convert@5.14.1: {}
+
   copy-anything@4.1.5: {}
 
+  core-js@3.51.0: {}
+
   cross-spawn@7.0.6:
     dependencies:
       path-key: 3.1.1
@@ -2091,6 +3809,8 @@ snapshots:
       mdn-data: 2.27.1
       source-map-js: 1.2.2
 
+  css.escape@1.5.1: {}
+
   cssesc@3.0.0: {}
 
   cssstyle@5.3.7:
@@ -2107,20 +3827,53 @@ snapshots:
       whatwg-mimetype: 5.0.0
       whatwg-url: 15.1.0
 
+  date-fns@4.4.0: {}
+
   debug@4.4.3:
     dependencies:
       ms: 2.1.3
 
   decimal.js@10.6.0: {}
 
+  decode-uri-component@0.4.1: {}
+
+  deep-eql@5.0.2: {}
+
   deep-is@0.1.4: {}
 
+  default-browser-id@5.0.1: {}
+
+  default-browser@5.5.1:
+    dependencies:
+      bundle-name: 4.1.1
+      default-browser-id: 5.0.1
+
+  define-lazy-prop@3.0.0: {}
+
+  dequal@2.0.3: {}
+
   detect-libc@2.1.2: {}
 
+  doctypes@1.1.0: {}
+
+  dom-accessibility-api@0.5.16: {}
+
+  dom-accessibility-api@0.6.3: {}
+
   dompurify@3.2.7:
     optionalDependencies:
       '@types/trusted-types': 2.0.7
 
+  dompurify@3.4.17:
+    optionalDependencies:
+      '@types/trusted-types': 2.0.7
+
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+
   editorconfig@3.0.2:
     dependencies:
       '@one-ini/wasm': 0.2.1
@@ -2132,8 +3885,45 @@ snapshots:
 
   entities@8.1.0: {}
 
+  es-define-property@1.0.1: {}
+
+  es-errors@1.3.0: {}
+
   es-module-lexer@2.3.2: {}
 
+  es-object-atoms@1.1.2:
+    dependencies:
+      es-errors: 1.3.0
+
+  esbuild@0.28.2:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.28.2
+      '@esbuild/android-arm': 0.28.2
+      '@esbuild/android-arm64': 0.28.2
+      '@esbuild/android-x64': 0.28.2
+      '@esbuild/darwin-arm64': 0.28.2
+      '@esbuild/darwin-x64': 0.28.2
+      '@esbuild/freebsd-arm64': 0.28.2
+      '@esbuild/freebsd-x64': 0.28.2
+      '@esbuild/linux-arm': 0.28.2
+      '@esbuild/linux-arm64': 0.28.2
+      '@esbuild/linux-ia32': 0.28.2
+      '@esbuild/linux-loong64': 0.28.2
+      '@esbuild/linux-mips64el': 0.28.2
+      '@esbuild/linux-ppc64': 0.28.2
+      '@esbuild/linux-riscv64': 0.28.2
+      '@esbuild/linux-s390x': 0.28.2
+      '@esbuild/linux-x64': 0.28.2
+      '@esbuild/netbsd-arm64': 0.28.2
+      '@esbuild/netbsd-x64': 0.28.2
+      '@esbuild/openbsd-arm64': 0.28.2
+      '@esbuild/openbsd-x64': 0.28.2
+      '@esbuild/openharmony-arm64': 0.28.2
+      '@esbuild/sunos-x64': 0.28.2
+      '@esbuild/win32-arm64': 0.28.2
+      '@esbuild/win32-ia32': 0.28.2
+      '@esbuild/win32-x64': 0.28.2
+
   escape-string-regexp@4.0.0: {}
 
   eslint-plugin-vue@10.11.1(@typescript-eslint/parser@8.71.1(eslint@10.12.0)(typescript@5.9.3))(eslint@10.12.0)(vue-eslint-parser@10.4.1(eslint@10.12.0)):
@@ -2195,12 +3985,16 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  esm-resolve@1.0.11: {}
+
   espree@11.2.0:
     dependencies:
       acorn: 8.19.0
       acorn-jsx: 5.3.2(acorn@8.19.0)
       eslint-visitor-keys: 5.0.1
 
+  esprima@4.0.1: {}
+
   esquery@1.7.0:
     dependencies:
       estraverse: 5.3.0
@@ -2231,6 +4025,8 @@ snapshots:
     optionalDependencies:
       picomatch: 4.0.7
 
+  fflate@0.4.9: {}
+
   file-entry-cache@11.1.5:
     dependencies:
       flat-cache: 6.1.23
@@ -2239,6 +4035,8 @@ snapshots:
     dependencies:
       to-regex-range: 5.0.1
 
+  filter-obj@5.1.0: {}
+
   find-up@5.0.0:
     dependencies:
       locate-path: 6.0.0
@@ -2255,6 +4053,26 @@ snapshots:
   fsevents@2.3.3:
     optional: true
 
+  function-bind@1.1.2: {}
+
+  get-intrinsic@1.3.0:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.2
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.4
+      math-intrinsics: 1.1.0
+
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.2
+
   glob-parent@5.1.2:
     dependencies:
       is-glob: 4.0.3
@@ -2269,10 +4087,24 @@ snapshots:
       minipass: 7.1.3
       path-scurry: 2.0.2
 
+  gopd@1.2.0: {}
+
+  has-symbols@1.1.0: {}
+
+  has-tostringtag@1.0.2:
+    dependencies:
+      has-symbols: 1.1.0
+
+  hash-sum@2.0.0: {}
+
   hashery@1.5.1:
     dependencies:
       hookified: 1.15.1
 
+  hasown@2.0.4:
+    dependencies:
+      function-bind: 1.1.2
+
   hookable@5.5.3: {}
 
   hookified@1.15.1: {}
@@ -2305,22 +4137,54 @@ snapshots:
 
   imurmurhash@0.1.4: {}
 
+  indent-string@4.0.0: {}
+
   ini@1.3.8: {}
 
+  ipaddr.js@2.5.0: {}
+
   is-binary-path@2.1.0:
     dependencies:
       binary-extensions: 2.3.0
 
+  is-core-module@2.17.0:
+    dependencies:
+      hasown: 2.0.4
+
+  is-docker@3.0.0: {}
+
+  is-expression@4.0.0:
+    dependencies:
+      acorn: 7.4.1
+      object-assign: 4.1.1
+
   is-extglob@2.1.1: {}
 
   is-glob@4.0.3:
     dependencies:
       is-extglob: 2.1.1
 
+  is-inside-container@1.0.0:
+    dependencies:
+      is-docker: 3.0.0
+
   is-number@7.0.0: {}
 
   is-potential-custom-element-name@1.0.1: {}
 
+  is-promise@2.2.2: {}
+
+  is-regex@1.2.1:
+    dependencies:
+      call-bound: 1.0.4
+      gopd: 1.2.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.4
+
+  is-wsl@3.1.1:
+    dependencies:
+      is-inside-container: 1.0.0
+
   isexe@2.0.0: {}
 
   js-beautify@2.0.3:
@@ -2333,6 +4197,10 @@ snapshots:
 
   js-cookie@3.0.8: {}
 
+  js-stringify@1.0.2: {}
+
+  js-tokens@4.0.0: {}
+
   jsdom@27.4.0:
     dependencies:
       '@acemir/cssom': 0.9.32
@@ -2365,6 +4233,13 @@ snapshots:
 
   json-stable-stringify-without-jsonify@1.0.1: {}
 
+  jsonc-parser@3.3.1: {}
+
+  jstransformer@1.0.0:
+    dependencies:
+      is-promise: 2.2.2
+      promise: 7.3.1
+
   keyv@5.6.0:
     dependencies:
       '@keyv/serialize': 1.1.1
@@ -2427,8 +4302,16 @@ snapshots:
     dependencies:
       p-locate: 5.0.0
 
+  lodash-es@4.17.23: {}
+
+  loupe@3.2.1: {}
+
   lru-cache@11.5.3: {}
 
+  lru-cache@8.0.5: {}
+
+  lz-string@1.5.0: {}
+
   magic-string@0.30.21:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.6.0
@@ -2439,8 +4322,12 @@ snapshots:
 
   marked@14.0.0: {}
 
+  math-intrinsics@1.1.0: {}
+
   mdn-data@2.27.1: {}
 
+  min-indent@1.0.1: {}
+
   minimatch@10.2.6:
     dependencies:
       brace-expansion: 5.0.12
@@ -2472,8 +4359,17 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
+  object-assign@4.1.1: {}
+
   obug@3.0.0: {}
 
+  open@10.2.0:
+    dependencies:
+      default-browser: 5.5.1
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      wsl-utils: 0.1.0
+
   optionator@0.9.4:
     dependencies:
       deep-is: 0.1.4
@@ -2483,6 +4379,53 @@ snapshots:
       type-check: 0.4.0
       word-wrap: 1.2.5
 
+  oxc-parser@0.127.0:
+    dependencies:
+      '@oxc-project/types': 0.127.0
+    optionalDependencies:
+      '@oxc-parser/binding-android-arm-eabi': 0.127.0
+      '@oxc-parser/binding-android-arm64': 0.127.0
+      '@oxc-parser/binding-darwin-arm64': 0.127.0
+      '@oxc-parser/binding-darwin-x64': 0.127.0
+      '@oxc-parser/binding-freebsd-x64': 0.127.0
+      '@oxc-parser/binding-linux-arm-gnueabihf': 0.127.0
+      '@oxc-parser/binding-linux-arm-musleabihf': 0.127.0
+      '@oxc-parser/binding-linux-arm64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-arm64-musl': 0.127.0
+      '@oxc-parser/binding-linux-ppc64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-riscv64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-riscv64-musl': 0.127.0
+      '@oxc-parser/binding-linux-s390x-gnu': 0.127.0
+      '@oxc-parser/binding-linux-x64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-x64-musl': 0.127.0
+      '@oxc-parser/binding-openharmony-arm64': 0.127.0
+      '@oxc-parser/binding-wasm32-wasi': 0.127.0
+      '@oxc-parser/binding-win32-arm64-msvc': 0.127.0
+      '@oxc-parser/binding-win32-ia32-msvc': 0.127.0
+      '@oxc-parser/binding-win32-x64-msvc': 0.127.0
+
+  oxc-resolver@11.21.2:
+    optionalDependencies:
+      '@oxc-resolver/binding-android-arm-eabi': 11.21.2
+      '@oxc-resolver/binding-android-arm64': 11.21.2
+      '@oxc-resolver/binding-darwin-arm64': 11.21.2
+      '@oxc-resolver/binding-darwin-x64': 11.21.2
+      '@oxc-resolver/binding-freebsd-x64': 11.21.2
+      '@oxc-resolver/binding-linux-arm-gnueabihf': 11.21.2
+      '@oxc-resolver/binding-linux-arm-musleabihf': 11.21.2
+      '@oxc-resolver/binding-linux-arm64-gnu': 11.21.2
+      '@oxc-resolver/binding-linux-arm64-musl': 11.21.2
+      '@oxc-resolver/binding-linux-ppc64-gnu': 11.21.2
+      '@oxc-resolver/binding-linux-riscv64-gnu': 11.21.2
+      '@oxc-resolver/binding-linux-riscv64-musl': 11.21.2
+      '@oxc-resolver/binding-linux-s390x-gnu': 11.21.2
+      '@oxc-resolver/binding-linux-x64-gnu': 11.21.2
+      '@oxc-resolver/binding-linux-x64-musl': 11.21.2
+      '@oxc-resolver/binding-openharmony-arm64': 11.21.2
+      '@oxc-resolver/binding-wasm32-wasi': 11.21.2
+      '@oxc-resolver/binding-win32-arm64-msvc': 11.21.2
+      '@oxc-resolver/binding-win32-x64-msvc': 11.21.2
+
   p-limit@3.1.0:
     dependencies:
       yocto-queue: 0.1.0
@@ -2503,11 +4446,15 @@ snapshots:
 
   path-key@3.1.1: {}
 
+  path-parse@1.0.7: {}
+
   path-scurry@2.0.2:
     dependencies:
       lru-cache: 11.5.3
       minipass: 7.1.3
 
+  pathval@2.0.1: {}
+
   perfect-debounce@1.0.0: {}
 
   picocolors@1.1.1: {}
@@ -2523,6 +4470,8 @@ snapshots:
     optionalDependencies:
       typescript: 5.9.3
 
+  pluralize@8.0.0: {}
+
   postcss-selector-parser@7.1.6:
     dependencies:
       cssesc: 3.0.0
@@ -2534,24 +4483,158 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.2
 
+  posthog-js@1.438.13(@types/react@19.3.0)(react@19.3.1):
+    dependencies:
+      '@posthog/browser-common': 0.9.5
+      '@posthog/core': 1.59.1
+      '@posthog/types': 1.416.0
+      core-js: 3.51.0
+      dompurify: 3.4.17
+      fflate: 0.4.9
+      preact: 10.29.8
+      query-selector-shadow-dom: 1.0.1
+      web-vitals: 6.2.3
+      web-vitals-soft-navs: web-vitals@6.2.1
+    optionalDependencies:
+      '@types/react': 19.3.0
+      react: 19.3.1
+    transitivePeerDependencies:
+      - preact-render-to-string
+
+  preact@10.29.8: {}
+
   prelude-ls@1.2.1: {}
 
+  pretty-format@27.5.1:
+    dependencies:
+      ansi-regex: 5.0.1
+      ansi-styles: 5.2.0
+      react-is: 17.0.2
+
+  promise@7.3.1:
+    dependencies:
+      asap: 2.0.6
+
   proto-list@1.2.4: {}
 
+  pug-attrs@3.0.0:
+    dependencies:
+      constantinople: 4.0.1
+      js-stringify: 1.0.2
+      pug-runtime: 3.0.1
+
+  pug-code-gen@3.0.4:
+    dependencies:
+      constantinople: 4.0.1
+      doctypes: 1.1.0
+      js-stringify: 1.0.2
+      pug-attrs: 3.0.0
+      pug-error: 2.1.0
+      pug-runtime: 3.0.1
+      void-elements: 3.1.0
+      with: 7.0.2
+
+  pug-error@2.1.0: {}
+
+  pug-filters@4.0.0:
+    dependencies:
+      constantinople: 4.0.1
+      jstransformer: 1.0.0
+      pug-error: 2.1.0
+      pug-walk: 2.0.0
+      resolve: 1.22.13
+
+  pug-lexer@5.0.1:
+    dependencies:
+      character-parser: 2.2.0
+      is-expression: 4.0.0
+      pug-error: 2.1.0
+
+  pug-linker@4.0.0:
+    dependencies:
+      pug-error: 2.1.0
+      pug-walk: 2.0.0
+
+  pug-load@3.0.0:
+    dependencies:
+      object-assign: 4.1.1
+      pug-walk: 2.0.0
+
+  pug-parser@6.0.0:
+    dependencies:
+      pug-error: 2.1.0
+      token-stream: 1.0.0
+
+  pug-runtime@3.0.1: {}
+
+  pug-strip-comments@2.0.0:
+    dependencies:
+      pug-error: 2.1.0
+
+  pug-walk@2.0.0: {}
+
+  pug@3.0.4:
+    dependencies:
+      pug-code-gen: 3.0.4
+      pug-filters: 4.0.0
+      pug-lexer: 5.0.1
+      pug-linker: 4.0.0
+      pug-load: 3.0.0
+      pug-parser: 6.0.0
+      pug-runtime: 3.0.1
+      pug-strip-comments: 2.0.0
+
   punycode@2.3.1: {}
 
   qified@0.10.1:
     dependencies:
       hookified: 2.2.0
 
+  query-selector-shadow-dom@1.0.1: {}
+
+  query-string@8.1.0:
+    dependencies:
+      decode-uri-component: 0.4.1
+      filter-obj: 5.1.0
+      split-on-first: 3.0.0
+
+  react-dom@19.3.1(react@19.3.1):
+    dependencies:
+      react: 19.3.1
+      scheduler: 0.28.0
+
+  react-is@17.0.2: {}
+
+  react@19.3.1: {}
+
   readdirp@3.6.0:
     dependencies:
       picomatch: 2.3.2
 
+  recast@0.23.21:
+    dependencies:
+      ast-types: 0.16.3
+      esprima: 4.0.1
+      source-map: 0.6.1
+      tiny-invariant: 1.3.3
+      tslib: 2.8.1
+
+  redent@3.0.0:
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+
   remove-accents@0.5.0: {}
 
   require-from-string@2.0.2: {}
 
+  resolve@1.22.13:
+    dependencies:
+      es-errors: 1.3.0
+      is-core-module: 2.17.0
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+
   rfdc@1.4.1: {}
 
   rolldown@1.2.13:
@@ -2575,10 +4658,14 @@ snapshots:
       '@rolldown/binding-win32-arm64-msvc': 1.2.13
       '@rolldown/binding-win32-x64-msvc': 1.2.13
 
+  run-applescript@7.1.0: {}
+
   saxes@6.0.0:
     dependencies:
       xmlchars: 2.2.0
 
+  scheduler@0.28.0: {}
+
   semver@7.8.5: {}
 
   shebang-command@2.0.0:
@@ -2589,16 +4676,56 @@ snapshots:
 
   source-map-js@1.2.2: {}
 
+  source-map@0.6.1: {}
+
   speakingurl@14.0.1: {}
 
+  split-on-first@3.0.0: {}
+
   std-env@4.3.0: {}
 
+  storybook@10.6.3(@types/react@19.3.0)(react@19.3.1):
+    dependencies:
+      '@storybook/global': 5.0.0
+      '@storybook/icons': 2.2.0(react@19.3.1)
+      '@testing-library/dom': 10.4.2
+      '@testing-library/jest-dom': 6.9.1
+      '@testing-library/user-event': 14.6.8(@testing-library/dom@10.4.2)
+      '@vitest/expect': 3.2.4
+      '@vitest/spy': 3.2.4
+      '@webcontainer/env': 1.1.1
+      esbuild: 0.28.2
+      jsonc-parser: 3.3.1
+      open: 10.2.0
+      oxc-parser: 0.127.0
+      oxc-resolver: 11.21.2
+      recast: 0.23.21
+      semver: 7.8.5
+      use-sync-external-store: 1.7.0(react@19.3.1)
+      ws: 8.22.0
+    optionalDependencies:
+      '@types/react': 19.3.0
+    transitivePeerDependencies:
+      - bufferutil
+      - react
+      - utf-8-validate
+
+  strip-indent@3.0.0:
+    dependencies:
+      min-indent: 1.0.1
+
   superjson@2.2.6:
     dependencies:
       copy-anything: 4.1.5
 
+  supports-preserve-symlinks-flag@1.0.0: {}
+
   symbol-tree@3.2.4: {}
 
+  tagged-tag@1.0.0: {}
+
+  tiny-invariant@1.3.3: {}
+
   tinybench@6.2.2: {}
 
   tinyexec@1.3.1: {}
@@ -2608,6 +4735,10 @@ snapshots:
       fdir: 6.5.0(picomatch@4.0.7)
       picomatch: 4.0.7
 
+  tinyrainbow@2.0.0: {}
+
+  tinyspy@4.0.6: {}
+
   tldts-core@7.4.18: {}
 
   tldts@7.4.18:
@@ -2618,6 +4749,8 @@ snapshots:
     dependencies:
       is-number: 7.0.0
 
+  token-stream@1.0.0: {}
+
   tough-cookie@6.0.2:
     dependencies:
       tldts: 7.4.18
@@ -2630,10 +4763,20 @@ snapshots:
     dependencies:
       typescript: 5.9.3
 
+  ts-dedent@2.3.0: {}
+
+  ts-map@1.0.3: {}
+
+  tslib@2.8.1: {}
+
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
 
+  type-fest@5.10.0:
+    dependencies:
+      tagged-tag: 1.0.0
+
   typescript-eslint@8.71.1(eslint@10.12.0)(typescript@5.9.3):
     dependencies:
       '@typescript-eslint/eslint-plugin': 8.71.1(@typescript-eslint/parser@8.71.1(eslint@10.12.0)(typescript@5.9.3))(eslint@10.12.0)(typescript@5.9.3)
@@ -2649,34 +4792,34 @@ snapshots:
 
   undici-types@7.24.6: {}
 
-  upath@2.0.1: {}
+  unplugin@2.3.11:
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      acorn: 8.19.0
+      picomatch: 4.0.7
+      webpack-virtual-modules: 0.6.2
 
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.1
 
+  use-sync-external-store@1.7.0(react@19.3.1):
+    dependencies:
+      react: 19.3.1
+
   util-deprecate@1.0.2: {}
 
-  vite-plugin-static-copy@4.1.1(vite@8.3.4(@types/node@24.19.2)):
+  validator@13.15.35: {}
+
+  vite-plugin-static-copy@4.1.1(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2)):
     dependencies:
       chokidar: 3.6.0
       p-map: 7.1.1
       picocolors: 1.1.1
       tinyglobby: 0.2.17
-      vite: 8.3.4(@types/node@24.19.2)
-
-  vite-plugin-vuetify@2.1.3(vite@8.3.4(@types/node@24.19.2))(vue@3.5.43(typescript@5.9.3))(vuetify@3.13.6):
-    dependencies:
-      '@vuetify/loader-shared': 2.1.2(vue@3.5.43(typescript@5.9.3))(vuetify@3.13.6)
-      debug: 4.4.3
-      upath: 2.0.1
-      vite: 8.3.4(@types/node@24.19.2)
-      vue: 3.5.43(typescript@5.9.3)
-      vuetify: 3.13.6(typescript@5.9.3)(vite-plugin-vuetify@2.1.3)(vue@3.5.43(typescript@5.9.3))
-    transitivePeerDependencies:
-      - supports-color
+      vite: 8.3.4(@types/node@24.19.2)(esbuild@0.28.2)
 
-  vite@8.3.4(@types/node@24.19.2):
+  vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2):
     dependencies:
       lightningcss: 1.33.0
       picomatch: 4.0.7
@@ -2685,12 +4828,13 @@ snapshots:
       tinyglobby: 0.2.17
     optionalDependencies:
       '@types/node': 24.19.2
+      esbuild: 0.28.2
       fsevents: 2.3.3
 
-  vitest@5.0.4(@types/node@24.19.2)(jsdom@27.4.0)(vite@8.3.4(@types/node@24.19.2)):
+  vitest@5.0.4(@types/node@24.19.2)(jsdom@27.4.0)(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2)):
     dependencies:
       '@types/chai': 5.2.3
-      '@vitest/mocker': 5.0.4(vite@8.3.4(@types/node@24.19.2))
+      '@vitest/mocker': 5.0.4(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2))
       chai: 6.3.0
       es-module-lexer: 2.3.2
       expect-type: 1.4.0
@@ -2701,7 +4845,7 @@ snapshots:
       tinybench: 6.2.2
       tinyexec: 1.3.1
       tinyglobby: 0.2.17
-      vite: 8.3.4(@types/node@24.19.2)
+      vite: 8.3.4(@types/node@24.19.2)(esbuild@0.28.2)
       why-is-node-running: 3.2.1
     optionalDependencies:
       '@types/node': 24.19.2
@@ -2709,14 +4853,40 @@ snapshots:
     transitivePeerDependencies:
       - msw
 
+  void-elements@3.1.0: {}
+
   vscode-uri@3.2.0: {}
 
+  vue-component-meta@3.3.13(typescript@5.9.3):
+    dependencies:
+      '@volar/typescript': 2.4.28
+      '@vue/language-core': 3.3.13
+      path-browserify: 1.0.1
+    optionalDependencies:
+      typescript: 5.9.3
+
   vue-component-type-helpers@3.3.13: {}
 
   vue-demi@0.14.10(vue@3.5.43(typescript@5.9.3)):
     dependencies:
       vue: 3.5.43(typescript@5.9.3)
 
+  vue-docgen-api@4.79.2(vue@3.5.43(typescript@5.9.3)):
+    dependencies:
+      '@babel/parser': 7.29.9
+      '@babel/types': 7.29.8
+      '@vue/compiler-dom': 3.5.43
+      '@vue/compiler-sfc': 3.5.43
+      ast-types: 0.16.3
+      esm-resolve: 1.0.11
+      hash-sum: 2.0.0
+      lru-cache: 8.0.5
+      pug: 3.0.4
+      recast: 0.23.21
+      ts-map: 1.0.3
+      vue: 3.5.43(typescript@5.9.3)
+      vue-inbrowser-compiler-independent-utils: 4.71.1(vue@3.5.43(typescript@5.9.3))
+
   vue-eslint-parser@10.4.1(eslint@10.12.0):
     dependencies:
       debug: 4.4.3
@@ -2729,6 +4899,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  vue-inbrowser-compiler-independent-utils@4.71.1(vue@3.5.43(typescript@5.9.3)):
+    dependencies:
+      vue: 3.5.43(typescript@5.9.3)
+
   vue-router@4.6.4(vue@3.5.43(typescript@5.9.3)):
     dependencies:
       '@vue/devtools-api': 6.6.4
@@ -2750,19 +4924,18 @@ snapshots:
     optionalDependencies:
       typescript: 5.9.3
 
-  vuetify@3.13.6(typescript@5.9.3)(vite-plugin-vuetify@2.1.3)(vue@3.5.43(typescript@5.9.3)):
-    dependencies:
-      vue: 3.5.43(typescript@5.9.3)
-    optionalDependencies:
-      typescript: 5.9.3
-      vite-plugin-vuetify: 2.1.3(vite@8.3.4(@types/node@24.19.2))(vue@3.5.43(typescript@5.9.3))(vuetify@3.13.6)
-
   w3c-xmlserializer@5.0.0:
     dependencies:
       xml-name-validator: 5.0.0
 
+  web-vitals@6.2.1: {}
+
+  web-vitals@6.2.3: {}
+
   webidl-conversions@8.0.1: {}
 
+  webpack-virtual-modules@0.6.2: {}
+
   whatwg-mimetype@4.0.0: {}
 
   whatwg-mimetype@5.0.0: {}
@@ -2778,10 +4951,21 @@ snapshots:
 
   why-is-node-running@3.2.1: {}
 
+  with@7.0.2:
+    dependencies:
+      '@babel/parser': 7.29.9
+      '@babel/types': 7.29.8
+      assert-never: 1.4.0
+      babel-walk: 3.0.0-canary-5
+
   word-wrap@1.2.5: {}
 
   ws@8.22.0: {}
 
+  wsl-utils@0.1.0:
+    dependencies:
+      is-wsl: 3.1.1
+
   xml-name-validator@5.0.0: {}
 
   xmlchars@2.2.0: {}
diff --git a/frontend-vue/pnpm-workspace.yaml b/frontend-vue/pnpm-workspace.yaml
index 44573a97b..e5d7bc54a 100644
--- a/frontend-vue/pnpm-workspace.yaml
+++ b/frontend-vue/pnpm-workspace.yaml
@@ -4,4 +4,7 @@ packages:
 
 # vue-demi's postinstall only switches between Vue 2/3 builds; the default Vue 3 build is what we need.
 ignoredBuiltDependencies:
+  # esbuild's postinstall only re-checks the platform binary, which pnpm already installs as an
+  # optional dependency.
+  - esbuild
   - vue-demi
diff --git a/frontend-vue/src/App.spec.ts b/frontend-vue/src/App.spec.ts
index e3c3e3098..85de395a2 100644
--- a/frontend-vue/src/App.spec.ts
+++ b/frontend-vue/src/App.spec.ts
@@ -1,19 +1,25 @@
 import { flushPromises, mount } from '@vue/test-utils';
-import { describe, expect, it } from 'vitest';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
 import { createMemoryHistory, createRouter } from 'vue-router';
-import { createVuetify } from 'vuetify';
 import App from './App.vue';
 import { routes } from './router';
 
 describe('App', () => {
-	it('renders the home route', async () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		localStorage.clear();
+	});
+
+	it('renders the 404 page for an unknown route', async () => {
 		const router = createRouter({ history: createMemoryHistory(), routes });
-		router.push('/');
+		router.push('/no-such-page');
 		await router.isReady();
 
-		const wrapper = mount(App, { global: { plugins: [router, createVuetify()] } });
+		const wrapper = mount(App, { global: { plugins: [router] } });
 		await flushPromises();
 
+		expect(wrapper.text()).toContain("We can't find the page you are looking for");
 		expect(wrapper.text()).toContain('Rocketadmin');
 	});
 });
diff --git a/frontend-vue/src/App.vue b/frontend-vue/src/App.vue
index 52f5b4537..9bae67434 100644
--- a/frontend-vue/src/App.vue
+++ b/frontend-vue/src/App.vue
@@ -1,5 +1,40 @@
+<script setup lang="ts">
+// Port of AppComponent: the shell around every page.
+import { ref } from 'vue';
+import AppHeader from '@/components/app/AppHeader.vue';
+import AppNavDrawer from '@/components/app/AppNavDrawer.vue';
+import AppSnackbars from '@/components/app/AppSnackbars.vue';
+import FeatureNotification from '@/components/app/FeatureNotification.vue';
+import ViewAsBanner from '@/components/app/ViewAsBanner.vue';
+import DialogHost from '@/components/dialog/DialogHost.vue';
+import { useAppSession } from '@/composables/useAppSession';
+import { useMasterPasswordStore } from '@/stores/master-password';
+import { version } from '@/version';
+
+const session = useAppSession();
+const masterPassword = useMasterPasswordStore();
+const navOpen = ref(false);
+
+function logOut() {
+	session.logOut().catch(() => {});
+}
+</script>
+
 <template>
-	<v-app>
-		<router-view />
-	</v-app>
+	<div class="app-shell">
+		<ViewAsBanner />
+		<AppHeader :user-logged-in="session.userLoggedIn.value" @open-menu="navOpen = true" @log-out="logOut" />
+		<AppNavDrawer v-model:open="navOpen" @log-out="logOut" @support-chat="session.openSupportChat" />
+		<main>
+			<!-- Keyed so entering a master password re-creates the page with the key in place. -->
+			<RouterView :key="masterPassword.pageReloadKey" />
+		</main>
+		<footer class="app-footer">&copy; 2026 Rocketadmin • v{{ version }}</footer>
+		<FeatureNotification
+			v-if="session.isFeatureNotificationShown.value"
+			@dismiss="session.dismissFeatureNotification"
+		/>
+		<DialogHost />
+		<AppSnackbars />
+	</div>
 </template>
diff --git a/frontend-vue/src/__tests__/design-tokens.spec.ts b/frontend-vue/src/__tests__/design-tokens.spec.ts
new file mode 100644
index 000000000..8e48602fb
--- /dev/null
+++ b/frontend-vue/src/__tests__/design-tokens.spec.ts
@@ -0,0 +1,147 @@
+import { readdirSync, readFileSync } from 'node:fs';
+import { join, relative, resolve } from 'node:path';
+import { describe, expect, it } from 'vitest';
+
+/**
+ * Source-hygiene guard for the design system.
+ *
+ * The palette lives in `src/assets/theme.css` and nowhere else. Before this test existed the app
+ * shipped two brands at once: ResetPasswordView and ConfirmEmailChangeView were written against
+ * the pre-rebrand cyan (#0091ff) and never migrated, so a user hitting a password-reset link saw
+ * a different product. Grepping for stray hex is the cheapest way to keep that from recurring —
+ * a colour that isn't a `var()` can't follow the theme.
+ *
+ * The same argument extends to the spacing and type scales (rule 3 below): a `font-size: 0.9rem`
+ * is how the app grew 20 distinct font sizes, nine of them inside a single 0.15rem band.
+ *
+ * Deliberately a test rather than a lint rule: Biome doesn't lint CSS inside Vue `<style>` blocks
+ * and has no custom-rule authoring, and standing up Stylelint + postcss-html for two rules is more
+ * toolchain than the problem deserves.
+ */
+
+// Resolved from the process cwd, which vitest pins to the `frontend-vue/` root. Vite serves
+// modules over http:// during a jsdom run, so `import.meta.url` isn't a file: URL here.
+const SRC = resolve(process.cwd(), 'src');
+
+/** Hex colours that are legitimately not tokens, as `relative/path.vue:<hex>`. */
+const HEX_ALLOWLIST = new Set<string>([]);
+
+/**
+ * Rule 3 — the three properties that carry the spacing and type scales.
+ *
+ * Deliberately just these three. `height`/`width`/`margin` are NOT covered: the plan names
+ * font-size, gap and padding, and widening the rule is a separate decision with its own
+ * violation list. (This is why UiProgressBar's `8px` track height doesn't appear below — it's a
+ * height, and a track thickness isn't a scale value anyway.)
+ */
+const SCALED_PROPERTIES = ['font-size', 'gap', 'padding'] as const;
+
+/**
+ * Values that are never scale values, so never violations:
+ * `padding: 0` is a reset, and the CSS-wide keywords are inheritance plumbing. There are 14 of
+ * these across `src/` and every one is correct — flagging them would just mean writing
+ * `var(--space-0)`, which is longer and says less.
+ */
+const SCALE_EXEMPT_VALUES = new Set(['0', 'inherit', 'initial', 'unset', 'revert', 'revert-layer']);
+
+/**
+ * Declarations that are legitimately off the scale, as `relative/path.vue  <property>: <value>`.
+ *
+ * Same contract as HEX_ALLOWLIST: every entry carries the reason it is an exception, because an
+ * entry without one is a suppression and the point of this rule is to make the exceptions legible.
+ * Being awkward to tokenize is not a reason — the bar is "a token would be wrong here", not
+ * "a token would be inconvenient here".
+ */
+const SCALE_ALLOWLIST = new Set<string>([]);
+
+function vueFiles(dir: string): string[] {
+	return readdirSync(dir, { withFileTypes: true }).flatMap((entry) => {
+		const full = join(dir, entry.name);
+		if (entry.isDirectory()) return vueFiles(full);
+		return entry.name.endsWith('.vue') ? [full] : [];
+	});
+}
+
+const FILES = vueFiles(SRC).map((path) => ({
+	path,
+	id: relative(SRC, path),
+	source: readFileSync(path, 'utf8'),
+}));
+
+/**
+ * Every `font-size`/`gap`/`padding` declaration inside a `<style>` block whose value is a bare
+ * literal, as `relative/path.vue  padding: 0.4rem 0.6rem`.
+ *
+ * SCOPE IS LENIENT ON PURPOSE: a value containing *any* `var()` is exempt, so
+ * `padding: 0.7rem var(--space-5)` passes even though `0.7rem` is a literal.
+ *
+ * That looks like a hole and isn't. The strict reading — flag a literal even beside a `var()` —
+ * flags 30 declarations instead of 14, and 16 of those are the primitive geometry the design
+ * system deliberately arbitrated: UiButton's `md` (the plurality padding) and `lg`, UiCard's
+ * `padding: md`, UiAlert's already-unanimous geometry, UiChip's `md`, UiInput's padding that all
+ * four pre-DS copies agreed on. The only way to satisfy a strict rule is to mint `--space-*`
+ * tokens for 0.7rem, 0.875rem, 1.375rem and 1.75rem — re-inflating the very scale that was
+ * collapsed from 12 values to 11.
+ *
+ * So the half-token form is the intended idiom, not a lapse: it reads "this axis is on the scale,
+ * this one is a tuned exception". If you came here because you saw `0.7rem` in UiButton and
+ * assumed the rule was broken — it isn't.
+ */
+function scaleViolations(): string[] {
+	const declaration = new RegExp(`(?<![-\\w])(${SCALED_PROPERTIES.join('|')})\\s*:\\s*([^;{}]+);`, 'g');
+
+	return FILES.flatMap(({ id, source }) =>
+		[...source.matchAll(/<style[^>]*>([\s\S]*?)<\/style>/g)].flatMap((style) =>
+			[...(style[1] ?? '').matchAll(declaration)]
+				.map((match) => ({ property: match[1] ?? '', value: (match[2] ?? '').trim() }))
+				.filter(({ value }) => !value.includes('var(') && !SCALE_EXEMPT_VALUES.has(value))
+				.map(({ property, value }) => `${id}  ${property}: ${value}`)
+				.filter((entry) => !SCALE_ALLOWLIST.has(entry)),
+		),
+	);
+}
+
+describe('design tokens', () => {
+	it('finds Vue components to check', () => {
+		// Guards the walker itself: a broken glob would make every assertion below vacuously pass.
+		expect(FILES.length).toBeGreaterThan(5);
+	});
+
+	it('uses palette tokens instead of hex literals', () => {
+		const offenders = FILES.flatMap(({ id, source }) =>
+			(source.match(/#[0-9a-fA-F]{3,8}\b/g) ?? [])
+				.map((hex) => `${id}:${hex.toLowerCase()}`)
+				.filter((entry) => !HEX_ALLOWLIST.has(entry)),
+		);
+
+		expect(offenders).toEqual([]);
+	});
+
+	// Landed report-only first so the 14-entry inventory could be reviewed before anyone argued
+	// about allowlist entries; 13 turned out to be ordinary migrations and one a real exception.
+	it('uses spacing and type tokens instead of raw literals', () => {
+		expect(scaleViolations()).toEqual([]);
+	});
+
+	// `spin` and `shimmer` were copy-pasted into 2 and 4 views respectively, which is how the
+	// skeleton radius drifted between them (pill in three views, panel in the fourth).
+	//
+	// This started as a ratchet that only ever went down, and Phase 8's five migrations took both
+	// budgets to 1 — so the ratchet has served its purpose and becomes the flat rule it was aiming
+	// at: each animation is declared exactly once, by the primitive that owns it. A view that
+	// hand-rolls a spinner or shimmer again fails here.
+	const KEYFRAME_OWNERS: Record<string, string> = {
+		spin: 'components/ui/UiSpinner.vue',
+		shimmer: 'components/ui/UiSkeleton.vue',
+	};
+
+	for (const [name, owner] of Object.entries(KEYFRAME_OWNERS)) {
+		it(`declares @keyframes ${name} exactly once, in ${owner}`, () => {
+			const declaring = FILES.filter(({ source }) => new RegExp(`@keyframes\\s+${name}\\b`).test(source)).map(
+				({ id }) => id,
+			);
+
+			expect(declaring).toEqual([owner]);
+		});
+	}
+});
diff --git a/frontend-vue/src/__tests__/mock-fetch.ts b/frontend-vue/src/__tests__/mock-fetch.ts
new file mode 100644
index 000000000..3a9108bcd
--- /dev/null
+++ b/frontend-vue/src/__tests__/mock-fetch.ts
@@ -0,0 +1,77 @@
+// Test helper for stores that talk to the backend through `@/api/client`: stubs global fetch with a
+// queue of canned responses and records each request, so specs exercise the real client (URL
+// building, params, headers and error notifications) the way HttpTestingController did in Angular.
+import { type Mock, vi } from 'vitest';
+
+export interface RecordedRequest {
+	url: string;
+	method: string;
+	headers: Headers;
+	body: BodyInit | null | undefined;
+	/** The request body parsed as JSON, when it was sent as JSON. */
+	json: unknown;
+}
+
+export interface FetchMock {
+	fn: Mock<typeof fetch>;
+	requests: RecordedRequest[];
+	/** The most recent request; throws when none was made. */
+	last(): RecordedRequest;
+}
+
+export type MockResponder = Response | ((request: RecordedRequest) => Response | Promise<Response>);
+
+export function jsonResponse(body: unknown, status = 200): Response {
+	return new Response(body === undefined ? '' : JSON.stringify(body), {
+		status,
+		headers: { 'Content-Type': 'application/json' },
+	});
+}
+
+export function textResponse(body: string, status = 200): Response {
+	return new Response(body, { status, headers: { 'Content-Type': 'text/plain' } });
+}
+
+/** Responses are consumed in order; once the queue is empty every request gets `{}`. */
+export function mockFetch(...responders: MockResponder[]): FetchMock {
+	const queue = [...responders];
+	const requests: RecordedRequest[] = [];
+	const fn = vi.fn((input: RequestInfo | URL, init?: RequestInit): Promise<Response> => {
+		const body = init?.body;
+		let json: unknown;
+		if (typeof body === 'string') {
+			try {
+				json = JSON.parse(body);
+			} catch {
+				json = undefined;
+			}
+		}
+		const request: RecordedRequest = {
+			url: String(input),
+			method: init?.method ?? 'GET',
+			headers: new Headers(init?.headers),
+			body,
+			json,
+		};
+		requests.push(request);
+		const next = queue.shift();
+		if (!next) return Promise.resolve(jsonResponse({}));
+		return Promise.resolve(typeof next === 'function' ? next(request) : next);
+	});
+	vi.stubGlobal('fetch', fn);
+	return {
+		fn,
+		requests,
+		last() {
+			const request = requests.at(-1);
+			if (!request) throw new Error('No request was made');
+			return request;
+		},
+	};
+}
+
+export const fakeError = {
+	message: 'Connection error',
+	originalMessage: 'Error details',
+	statusCode: 400,
+};
diff --git a/frontend-vue/src/api/client.spec.ts b/frontend-vue/src/api/client.spec.ts
new file mode 100644
index 000000000..cf3903bbd
--- /dev/null
+++ b/frontend-vue/src/api/client.spec.ts
@@ -0,0 +1,219 @@
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { AlertType } from '@/models/alert';
+import { useNotificationsStore } from '@/stores/notifications';
+import {
+	ApiError,
+	api,
+	buildUrl,
+	connectionIdFromPath,
+	encodeParams,
+	isApiRequest,
+	normalizeUrl,
+	readNdjson,
+	setConnectionIdProvider,
+} from './client';
+
+vi.mock('@/environment', () => ({ environment: { apiRoot: '', saasURL: 'https://saas.example.com' } }));
+vi.mock('@/config', () => ({ getConfig: () => ({ baseURL: '/api', saasURL: '' }) }));
+
+function jsonResponse(body: unknown, status = 200): Response {
+	return new Response(JSON.stringify(body), { status, headers: { 'Content-Type': 'application/json' } });
+}
+
+function lastFetch(fetchMock: ReturnType<typeof vi.fn>): { url: string; init: RequestInit } {
+	const [url, init] = fetchMock.mock.calls.at(-1) as [string, RequestInit];
+	return { url, init };
+}
+
+function ndjsonStream(chunks: string[]): ReadableStream<Uint8Array> {
+	const encoder = new TextEncoder();
+	return new ReadableStream({
+		start(controller) {
+			for (const chunk of chunks) controller.enqueue(encoder.encode(chunk));
+			controller.close();
+		},
+	});
+}
+
+describe('api client', () => {
+	let fetchMock: ReturnType<typeof vi.fn>;
+
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		localStorage.clear();
+		fetchMock = vi.fn(async () => jsonResponse({ ok: true }));
+		vi.stubGlobal('fetch', fetchMock);
+		setConnectionIdProvider(() => null);
+	});
+
+	afterEach(() => {
+		vi.unstubAllGlobals();
+		document.cookie = 'autoadmin_gclid=; expires=Thu, 01 Jan 1970 00:00:00 GMT';
+	});
+
+	describe('urls', () => {
+		it('prefixes API paths with the base URL and /saas paths with the SaaS URL', () => {
+			expect(normalizeUrl('/connections')).toBe('/api/connections');
+			expect(normalizeUrl('/saas/user/google/login')).toBe('https://saas.example.com/saas/user/google/login');
+			expect(normalizeUrl('https://s3.amazonaws.com/x')).toBe('https://s3.amazonaws.com/x');
+			expect(normalizeUrl('/assets/config.json')).toBe('/assets/config.json');
+		});
+
+		it('encodes keys and values with encodeURIComponent', () => {
+			expect(encodeParams({ 'f[name]': 'a b+c', page: 2, skip: undefined, none: null })).toBe(
+				'f%5Bname%5D=a%20b%2Bc&page=2',
+			);
+			expect(buildUrl('/table/rows', { q: 'x&y' })).toBe('/api/table/rows?q=x%26y');
+		});
+
+		it('reads the connection id from /<page>/<connection-id> paths', () => {
+			expect(connectionIdFromPath('/dashboard/abc123/users')).toBe('abc123');
+			expect(connectionIdFromPath('/connections-list')).toBeNull();
+		});
+
+		it('treats only our own origins as API requests', () => {
+			expect(isApiRequest('/api/x')).toBe(true);
+			expect(isApiRequest('https://app.rocketadmin.com/api/x')).toBe(true);
+			expect(isApiRequest('https://bucket.s3.amazonaws.com/x')).toBe(false);
+		});
+	});
+
+	describe('requests', () => {
+		it('sends credentials, JSON body and returns the parsed data', async () => {
+			const data = await api.post('/user/login', { email: 'a@b.c' });
+
+			const { url, init } = lastFetch(fetchMock);
+			expect(url).toBe('/api/user/login');
+			expect(init.method).toBe('POST');
+			expect(init.credentials).toBe('include');
+			expect(init.body).toBe('{"email":"a@b.c"}');
+			expect((init.headers as Headers).get('Content-Type')).toBe('application/json');
+			expect(data).toEqual({ ok: true });
+		});
+
+		it('adds the GCLID and masterpwd headers to API requests', async () => {
+			document.cookie = 'autoadmin_gclid=gclid-1';
+			localStorage.setItem('conn-1__masterKey', 'secret');
+			setConnectionIdProvider(() => 'conn-1');
+
+			await api.get('/table/rows');
+
+			const headers = lastFetch(fetchMock).init.headers as Headers;
+			expect(headers.get('GCLID')).toBe('gclid-1');
+			expect(headers.get('masterpwd')).toBe('secret');
+		});
+
+		it('keeps credentials and headers away from third-party hosts', async () => {
+			localStorage.setItem('conn-1__masterKey', 'secret');
+			setConnectionIdProvider(() => 'conn-1');
+
+			await api.put('https://bucket.s3.amazonaws.com/upload', new Blob(['x']));
+
+			const { init } = lastFetch(fetchMock);
+			expect(init.credentials).toBe('same-origin');
+			expect((init.headers as Headers).get('masterpwd')).toBeNull();
+			expect((init.headers as Headers).get('Content-Type')).toBeNull();
+		});
+
+		it('resolves empty bodies to null', async () => {
+			fetchMock.mockResolvedValueOnce(new Response(null, { status: 204 }));
+			await expect(api.delete('/connection/1')).resolves.toBeNull();
+		});
+
+		it('shows the success message', async () => {
+			await api.get('/user/email/verify/request', { successMessage: 'Confirmation email has been sent.' });
+			expect(useNotificationsStore().snackbars.map((snackbar) => snackbar.message)).toEqual([
+				'Confirmation email has been sent.',
+			]);
+		});
+	});
+
+	describe('errors', () => {
+		it('throws a notified ApiError and shows a snackbar without details', async () => {
+			fetchMock.mockResolvedValueOnce(jsonResponse({ message: 'Nope' }, 400));
+
+			const error = await api.get('/x').catch((caught: unknown) => caught);
+
+			expect(error).toBeInstanceOf(ApiError);
+			expect((error as ApiError).status).toBe(400);
+			expect((error as ApiError).notified).toBe(true);
+			expect(useNotificationsStore().snackbars[0]?.message).toBe('Nope');
+			expect(useNotificationsStore().alert).toBeNull();
+		});
+
+		it('shows an alert when the server sends originalMessage details', async () => {
+			fetchMock.mockResolvedValueOnce(jsonResponse({ message: 'Failed', originalMessage: 'ECONNREFUSED' }, 500));
+
+			await expect(api.get('/x')).rejects.toBeInstanceOf(ApiError);
+
+			const alert = useNotificationsStore().alert;
+			expect(alert?.type).toBe(AlertType.Error);
+			expect(alert?.message).toEqual({ abstract: 'Failed', details: 'ECONNREFUSED' });
+			alert?.actions?.[0]?.action?.(alert.id);
+			expect(useNotificationsStore().alert).toBeNull();
+		});
+
+		it('honours notify and errorMessage', async () => {
+			fetchMock.mockResolvedValue(jsonResponse({ message: 'Server text' }, 400));
+
+			await api.get('/x', { notify: 'alert', errorMessage: 'Custom' }).catch(() => {});
+			expect(useNotificationsStore().alert?.message).toEqual({ abstract: 'Custom', details: '' });
+
+			useNotificationsStore().dismissAlert();
+			const error = await api.get('/x', { notify: false }).catch((caught: unknown) => caught);
+			expect(useNotificationsStore().alert).toBeNull();
+			expect((error as ApiError).notified).toBe(false);
+		});
+
+		it('clears the session and goes to /login on 401', async () => {
+			localStorage.setItem('token_expiration', new Date(Date.now() + 60_000).toISOString());
+			const location = { href: 'http://localhost/dashboard/1', origin: 'http://localhost', pathname: '/dashboard/1' };
+			vi.stubGlobal('location', location);
+			fetchMock.mockResolvedValueOnce(jsonResponse({ message: 'Unauthorized' }, 401));
+
+			await expect(api.get('/connections')).rejects.toBeInstanceOf(ApiError);
+
+			expect(localStorage.getItem('token_expiration')).toBeNull();
+			expect(location.href).toBe('/login');
+			expect(useNotificationsStore().snackbars).toEqual([]);
+		});
+
+		it('rethrows aborts without notifying', async () => {
+			fetchMock.mockRejectedValueOnce(new DOMException('aborted', 'AbortError'));
+			await expect(api.get('/x')).rejects.toMatchObject({ name: 'AbortError' });
+			expect(useNotificationsStore().snackbars).toEqual([]);
+		});
+	});
+
+	describe('ndjson', () => {
+		it('yields one object per line across chunk boundaries and skips junk', async () => {
+			const stream = ndjsonStream([
+				'{"type":"text","con',
+				'tent":"a"}\n\n',
+				'not json\ndata: {"type":"thinking_reset"}\n',
+				'{"type":"text","content":"b"}',
+			]);
+
+			const chunks = [];
+			for await (const chunk of readNdjson(stream)) chunks.push(chunk);
+
+			expect(chunks).toEqual([
+				{ type: 'text', content: 'a' },
+				{ type: 'thinking_reset' },
+				{ type: 'text', content: 'b' },
+			]);
+		});
+
+		it('streams a POST response', async () => {
+			fetchMock.mockResolvedValueOnce(new Response(ndjsonStream(['{"n":1}\n{"n":2}\n']), { status: 200 }));
+
+			const { stream } = await api.stream<{ n: number }>('/ai/v4/request/1', { q: 'hi' });
+			const values = [];
+			for await (const chunk of stream) values.push(chunk.n);
+
+			expect(lastFetch(fetchMock).init.method).toBe('POST');
+			expect(values).toEqual([1, 2]);
+		});
+	});
+});
diff --git a/frontend-vue/src/api/client.ts b/frontend-vue/src/api/client.ts
new file mode 100644
index 000000000..9ddf03746
--- /dev/null
+++ b/frontend-vue/src/api/client.ts
@@ -0,0 +1,300 @@
+// The one HTTP client. Ports token.interceptor.ts, url-params.interceptor.ts and api.service.ts:
+// every store talks to the backend through `api.*` and never calls fetch itself.
+import { getConfig } from '@/config';
+import { environment } from '@/environment';
+import { AlertActionType, AlertType } from '@/models/alert';
+import { useNotificationsStore } from '@/stores/notifications';
+
+export type QueryParams = Record<string, string | number | boolean | null | undefined>;
+
+/**
+ * How a failed request is reported before the error is thrown.
+ * - `auto`: an alert when the server sent `originalMessage` details, otherwise an error snackbar (api.service.ts)
+ * - `alert`: always the dismissible page alert (most legacy HttpClient services)
+ * - `snackbar`: always an error snackbar
+ * - `false`: report nothing; the caller handles the error
+ */
+export type ErrorDisplay = 'auto' | 'alert' | 'snackbar' | false;
+
+export interface RequestOptions {
+	params?: QueryParams;
+	headers?: Record<string, string>;
+	body?: unknown;
+	signal?: AbortSignal;
+	responseType?: 'json' | 'text' | 'blob';
+	/** Shown in a success snackbar when the request succeeds. */
+	successMessage?: string;
+	/** Replaces the server's message in the error notification. */
+	errorMessage?: string;
+	notify?: ErrorDisplay;
+}
+
+export interface ApiResponse<T> {
+	data: T;
+	headers: Headers;
+	status: number;
+}
+
+export interface ServerErrorBody {
+	message?: string;
+	originalMessage?: string;
+	[key: string]: unknown;
+}
+
+/**
+ * Thrown for every failed request. `notified` is true once the user has seen the error, so the
+ * global handlers in main.ts stay quiet; an awaited call that fails then behaves like the
+ * `catchError(() => EMPTY)` the Angular services used: the code after it simply never runs.
+ */
+export class ApiError extends Error {
+	notified = false;
+
+	constructor(
+		message: string,
+		readonly status: number,
+		readonly body: ServerErrorBody,
+	) {
+		super(message);
+		this.name = 'ApiError';
+	}
+
+	/** Same shape the Angular code read from `HttpErrorResponse` (`err.error.message`). */
+	get details(): string | undefined {
+		return this.body.originalMessage;
+	}
+}
+
+export function isApiError(error: unknown): error is ApiError {
+	return error instanceof ApiError;
+}
+
+export function isAbortError(error: unknown): boolean {
+	return error instanceof DOMException && error.name === 'AbortError';
+}
+
+// `masterpwd` is keyed by the current connection. Angular read it from ConnectionsService; the
+// connections store registers itself here, and the URL's `/<page>/<connection-id>` is the fallback.
+let connectionIdProvider: () => string | null = () => connectionIdFromPath(location.pathname);
+
+export function setConnectionIdProvider(provider: () => string | null): void {
+	connectionIdProvider = provider;
+}
+
+export function connectionIdFromPath(pathname: string): string | null {
+	const segments = pathname.split('/');
+	return segments.length >= 3 && segments[2] ? decodeURIComponent(segments[2]) : null;
+}
+
+/** Port of TokenInterceptor.normalizeURL. */
+export function normalizeUrl(url: string): string {
+	if (url.startsWith('/assets')) return url;
+	if (url.startsWith('/saas')) return `${environment.saasURL}${url}`;
+	if (url.startsWith('http://') || url.startsWith('https://')) return url;
+	return `${environment.apiRoot || getConfig().baseURL}${url}`;
+}
+
+/** Port of EncodeUrlParamsSafelyInterceptor: keys and values go through encodeURIComponent. */
+export function encodeParams(params?: QueryParams): string {
+	if (!params) return '';
+	return Object.entries(params)
+		.filter(([, value]) => value !== undefined && value !== null)
+		.map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(String(value))}`)
+		.join('&');
+}
+
+export function buildUrl(url: string, params?: QueryParams): string {
+	const normalized = normalizeUrl(url);
+	const query = encodeParams(params);
+	if (!query) return normalized;
+	return `${normalized}${normalized.includes('?') ? '&' : '?'}${query}`;
+}
+
+/** Credentials and the GCLID/masterpwd headers only go to our own API, never to S3 or third parties. */
+export function isApiRequest(fullUrl: string): boolean {
+	const origin = new URL(fullUrl, location.origin).origin;
+	return origin === location.origin || origin === 'https://app.rocketadmin.com';
+}
+
+function readCookie(name: string): string | null {
+	const match = document.cookie.match(new RegExp(`(?:^|;\\s*)${name}=([^;]*)`));
+	return match ? decodeURIComponent(match[1] ?? '') : null;
+}
+
+function isRawBody(body: unknown): body is BodyInit {
+	return (
+		body instanceof FormData ||
+		body instanceof Blob ||
+		body instanceof ArrayBuffer ||
+		body instanceof URLSearchParams ||
+		typeof body === 'string'
+	);
+}
+
+export function buildHeaders(fullUrl: string, options: RequestOptions = {}): Headers {
+	const headers = new Headers();
+	if (options.body !== undefined && !isRawBody(options.body)) {
+		headers.set('Content-Type', 'application/json');
+	}
+
+	if (isApiRequest(fullUrl)) {
+		const gclid = readCookie('autoadmin_gclid');
+		if (gclid) headers.set('GCLID', gclid);
+
+		const connectionId = connectionIdProvider();
+		if (connectionId) {
+			const masterKey = localStorage.getItem(`${connectionId}__masterKey`);
+			if (masterKey) headers.set('masterpwd', masterKey);
+		}
+	}
+
+	for (const [key, value] of Object.entries(options.headers ?? {})) headers.set(key, value);
+	return headers;
+}
+
+/** A 401 means the session cookie is gone: drop the client-side expiry and start over at /login. */
+function handleUnauthorized(): void {
+	localStorage.removeItem('token_expiration');
+	location.href = '/login';
+}
+
+export function reportError(error: unknown, options: Pick<RequestOptions, 'errorMessage' | 'notify'> = {}): void {
+	const display = options.notify ?? 'auto';
+	if (display === false) return;
+
+	const body: ServerErrorBody = isApiError(error) ? error.body : {};
+	const message =
+		options.errorMessage || body.message || (error instanceof Error ? error.message : '') || 'Unknown error';
+	const details = body.originalMessage;
+	const notifications = useNotificationsStore();
+
+	if (display === 'alert' || (display === 'auto' && details)) {
+		notifications.showAlert(AlertType.Error, { abstract: message, details: details ?? '' }, [
+			{ type: AlertActionType.Button, caption: 'Dismiss', action: () => notifications.dismissAlert() },
+		]);
+	} else {
+		notifications.showErrorSnackbar(message);
+	}
+	if (isApiError(error)) error.notified = true;
+}
+
+async function send(method: string, url: string, options: RequestOptions): Promise<Response> {
+	const fullUrl = buildUrl(url, options.params);
+	const apiRequest = isApiRequest(fullUrl);
+	let response: Response;
+	try {
+		response = await fetch(fullUrl, {
+			method,
+			headers: buildHeaders(fullUrl, options),
+			body:
+				options.body === undefined ? undefined : isRawBody(options.body) ? options.body : JSON.stringify(options.body),
+			credentials: apiRequest ? 'include' : 'same-origin',
+			signal: options.signal,
+		});
+	} catch (error) {
+		if (isAbortError(error)) throw error;
+		const networkError = new ApiError(error instanceof Error ? error.message : 'Network error', 0, {});
+		reportError(networkError, options);
+		throw networkError;
+	}
+
+	if (!response.ok) {
+		if (response.status === 401 && apiRequest) handleUnauthorized();
+		const body = (await response.json().catch(() => ({}))) as ServerErrorBody;
+		const error = new ApiError(body.message || `HTTP ${response.status}`, response.status, body);
+		if (response.status === 401 && apiRequest) error.notified = true;
+		else reportError(error, options);
+		throw error;
+	}
+	return response;
+}
+
+async function readBody<T>(response: Response, responseType: RequestOptions['responseType']): Promise<T> {
+	if (responseType === 'text') return (await response.text()) as T;
+	if (responseType === 'blob') return (await response.blob()) as T;
+	// 204 No Content and empty bodies resolve to null rather than failing to parse.
+	const text = await response.text();
+	return (text ? JSON.parse(text) : null) as T;
+}
+
+export async function request<T>(method: string, url: string, options: RequestOptions = {}): Promise<ApiResponse<T>> {
+	const response = await send(method, url, options);
+	const data = await readBody<T>(response, options.responseType);
+	if (options.successMessage) useNotificationsStore().showSuccessSnackbar(options.successMessage);
+	return { data, headers: response.headers, status: response.status };
+}
+
+/**
+ * Reads a newline-delimited JSON body (the AI chat and the auto-configure setup stream). Blank lines,
+ * SSE `data:` prefixes, `[DONE]` and lines that fail to parse are skipped, like the Angular readers.
+ */
+export async function* readNdjson<T>(body: ReadableStream<Uint8Array>): AsyncGenerator<T> {
+	const reader = body.getReader();
+	const decoder = new TextDecoder();
+	let buffer = '';
+	const parse = (line: string): T | undefined => {
+		const payload = line.startsWith('data:') ? line.slice(5).trim() : line;
+		if (!payload || payload === '[DONE]') return undefined;
+		try {
+			return JSON.parse(payload) as T;
+		} catch {
+			return undefined;
+		}
+	};
+	try {
+		while (true) {
+			const { done, value } = await reader.read();
+			if (done) {
+				buffer += decoder.decode();
+				const tail = parse(buffer.trim());
+				if (tail !== undefined) yield tail;
+				return;
+			}
+			buffer += decoder.decode(value, { stream: true });
+			let newline = buffer.indexOf('\n');
+			while (newline >= 0) {
+				const parsed = parse(buffer.slice(0, newline).trim());
+				buffer = buffer.slice(newline + 1);
+				if (parsed !== undefined) yield parsed;
+				newline = buffer.indexOf('\n');
+			}
+		}
+	} finally {
+		reader.releaseLock();
+	}
+}
+
+export interface StreamResponse<T> {
+	headers: Headers;
+	stream: AsyncGenerator<T>;
+}
+
+async function stream<T>(method: string, url: string, options: RequestOptions = {}): Promise<StreamResponse<T>> {
+	const response = await send(method, url, options);
+	if (!response.body) throw new ApiError('Empty response stream', response.status, {});
+	return { headers: response.headers, stream: readNdjson<T>(response.body) };
+}
+
+type BodylessOptions = Omit<RequestOptions, 'body'>;
+
+export const api = {
+	request,
+	async get<T>(url: string, options?: BodylessOptions): Promise<T> {
+		return (await request<T>('GET', url, options)).data;
+	},
+	async post<T>(url: string, body?: unknown, options?: BodylessOptions): Promise<T> {
+		return (await request<T>('POST', url, { ...options, body })).data;
+	},
+	async put<T>(url: string, body?: unknown, options?: BodylessOptions): Promise<T> {
+		return (await request<T>('PUT', url, { ...options, body })).data;
+	},
+	async patch<T>(url: string, body?: unknown, options?: BodylessOptions): Promise<T> {
+		return (await request<T>('PATCH', url, { ...options, body })).data;
+	},
+	async delete<T>(url: string, options?: RequestOptions): Promise<T> {
+		return (await request<T>('DELETE', url, options)).data;
+	},
+	/** NDJSON stream; resolves once the response headers arrive. */
+	stream<T>(url: string, body?: unknown, options?: BodylessOptions): Promise<StreamResponse<T>> {
+		return stream<T>(body === undefined ? 'GET' : 'POST', url, { ...options, body });
+	},
+};
diff --git a/frontend-vue/src/api/query-options.ts b/frontend-vue/src/api/query-options.ts
new file mode 100644
index 000000000..4760164df
--- /dev/null
+++ b/frontend-vue/src/api/query-options.ts
@@ -0,0 +1,7 @@
+// Defaults that make a TanStack query behave like the Angular `httpResource` it replaces: one
+// request per key change, no silent retries (each retry would show the error again) and no refetch
+// on window focus.
+export const resourceQueryDefaults = {
+	retry: false,
+	refetchOnWindowFocus: false,
+} as const;
diff --git a/frontend-vue/src/assets/base.css b/frontend-vue/src/assets/base.css
new file mode 100644
index 000000000..f5d516f93
--- /dev/null
+++ b/frontend-vue/src/assets/base.css
@@ -0,0 +1,89 @@
+/**
+ * Global element styles. Imported by both src/main.ts and .storybook/preview.ts, so a story renders
+ * on the same foundation as the app — these rules used to live in App.vue's unscoped <style> block
+ * and were hand-copied into .storybook/preview.css, which drifted by construction.
+ *
+ * Expects src/assets/theme.css to be loaded first.
+ */
+
+* {
+	box-sizing: border-box;
+}
+
+html {
+	-webkit-font-smoothing: antialiased;
+	text-rendering: optimizeLegibility;
+}
+
+body {
+	margin: 0;
+	font-family: var(--font-sans);
+	/* Geist's stylistic sets — matches the landing's body rule. */
+	font-feature-settings: "ss01", "cv01";
+	font-size: var(--text-base);
+	line-height: var(--leading-normal);
+	background: var(--color-paper);
+	color: var(--color-ink);
+}
+
+/* Form controls and buttons don't inherit font-family — without this they keep the browser's
+   system UI font and the brand typeface stops at the edge of every input and button. */
+button,
+input,
+select,
+textarea {
+	font-family: inherit;
+}
+
+::selection {
+	background: var(--color-accent);
+	color: var(--color-surface);
+}
+
+/* Keyboard focus ring — visible, on-brand, only for keyboard users. Primitives that need a
+   different shape (inputs use a box-shadow ring on the control itself) override locally. */
+a:focus-visible,
+button:focus-visible {
+	outline: 2px solid var(--color-accent);
+	outline-offset: 2px;
+	border-radius: 6px;
+}
+
+.app-shell {
+	display: flex;
+	flex-direction: column;
+	min-height: 100vh;
+}
+
+/* The router view fills the space under the fixed-height header. */
+.app-shell > main {
+	flex: 1;
+}
+
+/* The app version, under every page: a hairline and small muted text, so it is findable when
+   someone asks "which version are you on?" without competing with the page. */
+.app-footer {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: var(--footer-height);
+	border-top: 1px solid var(--color-line);
+	background: var(--color-paper);
+	font-size: var(--text-2xs);
+	color: var(--color-muted-soft);
+}
+
+/* Honour a reduced-motion preference globally rather than per-animation: the skeleton shimmer and
+   spinner loop indefinitely, which is exactly the vestibular-trigger case the media query exists
+   for. Durations are near-zero rather than `none` so transitionend/animationend still fire and
+   JS waiting on them doesn't hang. */
+@media (prefers-reduced-motion: reduce) {
+	*,
+	*::before,
+	*::after {
+		animation-duration: 0.01ms !important;
+		animation-iteration-count: 1 !important;
+		transition-duration: 0.01ms !important;
+		scroll-behavior: auto !important;
+	}
+}
diff --git a/frontend-vue/src/assets/theme.css b/frontend-vue/src/assets/theme.css
new file mode 100644
index 000000000..38c6132d6
--- /dev/null
+++ b/frontend-vue/src/assets/theme.css
@@ -0,0 +1,215 @@
+/**
+ * RocketAdmin design tokens, copied from SiteNova (`sitenova/frontend/src/assets/theme.css`).
+ *
+ * Two layers, and the distinction matters:
+ *
+ *   Layer 1 — `--palette-*` / `--font-*`: raw values. Verbatim from SiteNova, which mirrors the
+ *     brand defined in `sitenova-landing/src/styles/global.css` (a Tailwind v4 `@theme` block).
+ *     The products share one look, so these MUST BE CHANGED TOGETHER with SiteNova's copy. Component CSS must never
+ *     reference this layer directly.
+ *
+ *   Layer 2 — `--color-*` / `--shadow-*`: semantic aliases. The only layer component CSS may use.
+ *     `--color-paper` means "the page background", which happens to resolve to a specific
+ *     blue-white today. Naming the *role* rather than the value is what makes a dark theme a
+ *     dozen-line override instead of a sweep across every view.
+ *
+ * Everything below the colour block — spacing, type scale, weights, motion, z-index, sizing — is
+ * app-only and NOT mirrored in the landing. Change it freely.
+ *
+ * The luminous white-blue "supernova" palette: cool paper, deep navy ink, one electric-blue accent
+ * with a hot cyan-white highlight for glow.
+ */
+:root {
+	/* TODO(dark-mode): flip to `light dark` when a [data-theme='dark'] block exists. Claiming dark
+	   support before the aliases have dark values would make form controls render dark-on-dark. */
+	color-scheme: light;
+
+	/* ===================================================================================
+	   LAYER 1 — RAW PALETTE. Mirrored in SiteNova. Never referenced by components.
+	   =================================================================================== */
+
+	/* Brand: verbatim from the landing's @theme block. */
+	--palette-blue-50: #f5f8fe;
+	--palette-blue-100: #e9f0fc;
+	--palette-blue-200: #dae3f4;
+	--palette-blue-300: #8fc2ff;
+	--palette-blue-600: #2b5cff;
+	--palette-blue-700: #1e46d6;
+	--palette-navy-900: #0a0f24;
+	--palette-white: #fff;
+
+	/* Text ramp intermediates.
+	   The landing is a marketing page and needs only ink + muted for text. This app has a denser
+	   4-step ramp (#101828 / #344054 / #667085 / #98a2b3); flattening it to two steps would lose
+	   hierarchy in the tables and detail panels, so two intermediates are interpolated into the
+	   cooler palette.
+
+	   Contrast on paper: ink 17.8:1, navy-700 12.2:1, slate-500 5.7:1, slate-600 4.5:1 — all pass
+	   WCAG AA for body text. slate-600 is deliberately darker than the #98a2b3 it replaces (which
+	   was only 2.6:1 on white) because it carries real copy here, not just decoration: empty-state
+	   messages, the "(optional)" field hint and the slug-field domain suffix. */
+	--palette-navy-700: #26304d;
+	--palette-slate-500: #59637a;
+	--palette-slate-600: #67728a;
+
+	/* Status ramps.
+	   The landing has no error/warning/success states, so these keep the app's existing Untitled UI
+	   ramps; they read correctly against the cooler paper without rehueing. */
+	--palette-red-700: #b42318;
+	--palette-red-600: #d92d20;
+	--palette-red-50: #fef3f2;
+	--palette-red-200: #fecdca;
+	--palette-amber-700: #b54708;
+	--palette-amber-50: #fffaeb;
+	--palette-amber-200: #fedf89;
+	--palette-green-700: #027a48;
+	--palette-green-50: #ecfdf3;
+	--palette-green-200: #a6f4c5;
+
+	/* Typography families.
+	   Match the installed @fontsource-variable packages exactly (verified against their index.css);
+	   the fallbacks mirror the metric-matched stacks the landing declares in astro.config.mjs. All
+	   three are variable fonts, normal style only — no italics. */
+	--font-sans: "Geist Variable", ui-sans-serif, system-ui, -apple-system, sans-serif;
+	--font-display: "Space Grotesk Variable", ui-sans-serif, system-ui, sans-serif;
+	--font-mono: "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, monospace;
+
+	/* ===================================================================================
+	   LAYER 2 — SEMANTIC ALIASES. The only colour layer components may use.
+	   =================================================================================== */
+
+	/* Surfaces */
+	--color-paper: var(--palette-blue-50);
+	--color-paper-2: var(--palette-blue-100);
+	--color-surface: var(--palette-white);
+	/* A surface stacked above --color-surface: modal panels, dropdowns. Identical in the light
+	   theme; a dark theme lifts it above the page rather than tinting it. */
+	--color-surface-raised: var(--palette-white);
+	--color-overlay: rgb(10 15 36 / 0.45);
+
+	/* Text, darkest to lightest */
+	--color-ink: var(--palette-navy-900);
+	--color-ink-soft: var(--palette-navy-700);
+	--color-muted: var(--palette-slate-500);
+	--color-muted-soft: var(--palette-slate-600);
+
+	/* Lines. `line` divides content; `line-strong` bounds an interactive control — an input border
+	   needs to read as an edge you can type inside, not as a hairline rule. */
+	--color-line: var(--palette-blue-200);
+	--color-line-strong: var(--palette-slate-600);
+
+	/* Accent */
+	--color-accent: var(--palette-blue-600);
+	--color-accent-ink: var(--palette-blue-700);
+	--color-hot: var(--palette-blue-300);
+
+	/* Status */
+	--color-danger: var(--palette-red-700);
+	--color-danger-strong: var(--palette-red-600);
+	--color-danger-bg: var(--palette-red-50);
+	--color-danger-border: var(--palette-red-200);
+	--color-warning: var(--palette-amber-700);
+	--color-warning-bg: var(--palette-amber-50);
+	--color-warning-border: var(--palette-amber-200);
+	--color-success: var(--palette-green-700);
+	--color-success-bg: var(--palette-green-50);
+	--color-success-border: var(--palette-green-200);
+
+	/* Shadows — large, tight-spread, heavily negative-offset and accent-tinted: glow rather than
+	   drop shadow. Aliased because they're tuned for dark-on-light and a dark theme must swap them,
+	   not merely re-point their colours. */
+	--shadow-card: 0 1px 0 rgb(0 0 0 / 0.02), 0 20px 50px -34px rgb(10 15 36 / 0.35);
+	--shadow-lift: 0 24px 50px -30px rgb(43 92 255 / 0.4);
+	--shadow-focus: 0 0 0 3px rgb(43 92 255 / 0.2);
+	/* Spelled `--ring-*` at call sites so "focus ring" is one concept rather than a shadow that
+	   happens to be used as one. --shadow-focus is kept as the historical name. */
+	--ring-focus: var(--shadow-focus);
+	--ring-danger: 0 0 0 3px rgb(217 45 32 / 0.18);
+
+	/* ===================================================================================
+	   APP-ONLY SCALES. Not mirrored in the landing.
+	   =================================================================================== */
+
+	/* --- Shape ---
+	   The landing puts every button and chip on `rounded-full`, cards on `rounded-2xl` and large
+	   panels on its own `--radius-card`. Inputs get a tighter radius than buttons: pill-shaped text
+	   fields read as buttons and hurt affordance in a form-heavy app. */
+	--radius-pill: 999px;
+	--radius-card: 1.5rem;
+	--radius-panel: 1rem;
+	--radius-control: 0.75rem;
+
+	/* --- Spacing ---
+	   4px base. The pre-scale code used 12 gap values, most within 0.025rem of a neighbour. */
+	--space-0: 0;
+	--space-05: 0.125rem; /*  2px */
+	--space-1: 0.25rem; /*  4px */
+	--space-2: 0.5rem; /*  8px */
+	--space-3: 0.75rem; /* 12px */
+	--space-4: 1rem; /* 16px */
+	--space-5: 1.25rem; /* 20px */
+	--space-6: 1.5rem; /* 24px */
+	--space-8: 2rem; /* 32px */
+	--space-10: 2.5rem; /* 40px */
+	--space-12: 3rem; /* 48px */
+	--space-16: 4rem; /* 64px */
+
+	/* A deliberate off-scale step, kept because two of its nine uses are load-bearing in brand
+	   assets: AppLogo's mark↔wordmark gap (mirrored in sitenova-landing) and the GitHub button's
+	   icon gap. Snapping 10px→12px inside a 32px lockup is visible.
+	   A third legitimate use is UiChip's `sm` horizontal padding — 10px is the arbitrated value from
+	   the chip copies it replaces, and 12px visibly widens every chip in a dense list. Those three
+	   are the whole allowlist; don't reach for it elsewhere. */
+	--space-25: 0.625rem; /* 10px — brand lockup, inline icon gaps, UiChip sm padding */
+
+	/* --- Type scale ---
+	   7 steps, collapsed from the 20 ad-hoc sizes the views had accumulated (nine of which sat
+	   inside a single 0.15rem band). --text-base absorbs the whole 0.9–0.95rem cluster. */
+	--text-2xs: 0.75rem; /* 12px */
+	--text-xs: 0.8125rem; /* 13px */
+	--text-sm: 0.875rem; /* 14px */
+	--text-base: 0.9375rem; /* 15px */
+	--text-md: 1.0625rem; /* 17px */
+	--text-xl: 1.5rem; /* 24px */
+	--text-2xl: 1.875rem; /* 30px */
+
+	/* Line-heights are separate tokens rather than bundled into the size: pairing them would need
+	   the `font:` shorthand, which resets font-weight and font-family — a footgun in scoped CSS
+	   where weight is set independently. */
+	--leading-tight: 1.15; /* display headings */
+	--leading-snug: 1.3; /* card + section titles */
+	--leading-normal: 1.5; /* body */
+	--leading-relaxed: 1.6; /* long-form muted copy, empty states */
+
+	/* Geist is a variable font, so 550/650 rendered as real intermediate weights — but they're
+	   indistinguishable from 500/600 at 15px, so the scale has four steps. */
+	--weight-regular: 400;
+	--weight-medium: 500;
+	--weight-semibold: 600;
+	--weight-bold: 700;
+
+	/* --- Motion ---
+	   See base.css for the prefers-reduced-motion guard that neutralises all of these. */
+	--motion-fast: 0.15s; /* colour/opacity on interaction */
+	--motion-base: 0.2s; /* transform + shadow lift */
+	--motion-slow: 0.3s;
+	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+	--spin-duration: 0.7s;
+	--shimmer-duration: 1.4s;
+
+	/* --- Z-index ---
+	   Named so overlays stack predictably instead of racing to z-index: 9999. */
+	--z-sticky: 100;
+	--z-dropdown: 200;
+	--z-overlay: 300; /* modal backdrop */
+	--z-modal: 310;
+	--z-toast: 400;
+	--z-tooltip: 500;
+
+	/* --- Sizing ---
+	   Layout constants that repeat across views. */
+	--header-height: 60px;
+	--footer-height: 1.75rem; /* the version line under every page */
+	--width-panel: 44rem; /* app page content column */
+	--width-auth-card: 26rem; /* auth page content column */
+}
diff --git a/frontend-vue/src/components/app/AppHeader.spec.ts b/frontend-vue/src/components/app/AppHeader.spec.ts
new file mode 100644
index 000000000..d2812f44d
--- /dev/null
+++ b/frontend-vue/src/components/app/AppHeader.spec.ts
@@ -0,0 +1,130 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { reactive } from 'vue';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import AppHeader from './AppHeader.vue';
+import AppNavDrawer from './AppNavDrawer.vue';
+
+const connections = reactive({
+	connectionID: null as string | null,
+	currentConnection: { isTestConnection: false },
+	currentConnectionName: 'Production',
+	ownConnectionsList: [] as Array<{ connection: { id: string; isTestConnection: boolean }; displayTitle: string }>,
+	visibleTabs: ['dashboard', 'audit'] as string[],
+});
+const user = reactive({
+	currentUser: { email: 'ada@example.com', isActive: true } as { email: string; isActive: boolean } | null,
+});
+
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => connections }));
+vi.mock('@/stores/user', () => ({ useUserStore: () => user }));
+vi.mock('@/environment', () => ({ environment: { saas: false } }));
+
+function makeRouter() {
+	const blank = { template: '<div />' };
+	return createRouter({ history: createMemoryHistory(), routes: [{ path: '/:pathMatch(.*)*', component: blank }] });
+}
+
+async function mountHeader(userLoggedIn: boolean | null = true) {
+	const router = makeRouter();
+	router.push('/connections-list');
+	await router.isReady();
+	const wrapper = mount(AppHeader, { props: { userLoggedIn }, global: { plugins: [router] }, attachTo: document.body });
+	await flushPromises();
+	return wrapper;
+}
+
+describe('AppHeader', () => {
+	beforeEach(() => {
+		connections.connectionID = null;
+		connections.ownConnectionsList = [];
+		user.currentUser = { email: 'ada@example.com', isActive: true };
+	});
+
+	it('links the logo to rocketadmin.com when signed out, with no account menu', async () => {
+		const wrapper = await mountHeader(false);
+
+		expect(wrapper.find('a.app-header__logo').attributes('href')).toBe('https://rocketadmin.com/');
+		expect(wrapper.find('[data-testid="account-menu-anchor-header-button"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('shows the connection tabs for an open connection', async () => {
+		connections.connectionID = 'c1';
+		connections.visibleTabs = ['dashboard', 'audit', 'edit-db'];
+		const wrapper = await mountHeader();
+
+		const tabs = wrapper.findAll('.app-header__tab');
+		expect(tabs.map((tab) => tab.attributes('href'))).toEqual(['/dashboard/c1', '/audit/c1', '/edit-db/c1']);
+		expect(tabs[0]?.text()).toBe('Tables');
+		expect(tabs[2]?.attributes('title')).toBe('Database credentials');
+		wrapper.unmount();
+	});
+
+	it('disables the connection switcher when the open connection is the only one', async () => {
+		connections.connectionID = 'c1';
+		connections.ownConnectionsList = [
+			{ connection: { id: 'c1', isTestConnection: false }, displayTitle: 'Production' },
+		];
+		const wrapper = await mountHeader();
+
+		const switcher = wrapper.find('.app-header__switcher');
+		expect(switcher.text()).toContain('Production');
+		expect(switcher.attributes('disabled')).toBeDefined();
+		wrapper.unmount();
+	});
+
+	it('flags an unverified email on the account button', async () => {
+		user.currentUser = { email: 'ada@example.com', isActive: false };
+		const wrapper = await mountHeader();
+
+		expect(wrapper.find('[data-testid="account-menu-anchor-header-button"]').attributes('aria-label')).toContain(
+			'email not verified',
+		);
+		wrapper.unmount();
+	});
+});
+
+describe('AppNavDrawer', () => {
+	beforeEach(() => {
+		(HTMLDialogElement.prototype as unknown as { showModal: () => void }).showModal = function (
+			this: HTMLDialogElement,
+		) {
+			this.open = true;
+		};
+	});
+
+	it('closes and emits log-out when Log out is chosen', async () => {
+		const router = makeRouter();
+		router.push('/');
+		await router.isReady();
+		const wrapper = mount(AppNavDrawer, {
+			props: { open: true },
+			global: { plugins: [router] },
+			attachTo: document.body,
+		});
+		await flushPromises();
+
+		await wrapper.find('[data-testid="logout-button-account-menu"]').trigger('click');
+
+		expect(wrapper.emitted('update:open')).toEqual([[false]]);
+		expect(wrapper.emitted('log-out')).toHaveLength(1);
+		wrapper.unmount();
+	});
+
+	it('hides Zapier outside SaaS', async () => {
+		const router = makeRouter();
+		router.push('/');
+		await router.isReady();
+		const wrapper = mount(AppNavDrawer, {
+			props: { open: true },
+			global: { plugins: [router] },
+			attachTo: document.body,
+		});
+		await flushPromises();
+
+		expect(wrapper.find('[data-testid="zapier-link-account-menu"]').exists()).toBe(false);
+		expect(wrapper.find('[data-testid="secrets-link-account-menu"]').exists()).toBe(true);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/app/AppHeader.vue b/frontend-vue/src/components/app/AppHeader.vue
new file mode 100644
index 000000000..7881f7e67
--- /dev/null
+++ b/frontend-vue/src/components/app/AppHeader.vue
@@ -0,0 +1,261 @@
+<script setup lang="ts">
+/**
+ * The top bar of AppComponent: logo, the connection switcher and connection tabs, and the account
+ * menu. Below 600px the tabs and account menu move into AppNavDrawer, opened by the menu button.
+ */
+import { computed } from 'vue';
+import { RouterLink } from 'vue-router';
+import { UiBadge, UiIcon, UiIconButton, UiMenu, UiMenuItem } from '@/components/ui';
+import { environment } from '@/environment';
+import { useConnectionsStore } from '@/stores/connections';
+import { useUserStore } from '@/stores/user';
+import { ACCOUNT_LINKS, CONNECTION_TAB_CAPTIONS, connectionTabPath, HELP_CENTER_URL } from './navigation';
+
+// Served from /assets at runtime (copied from frontend/src/assets), so it is not a module import.
+const LOGO_URL = '/assets/rocketadmin_logo_black.svg';
+
+const props = defineProps<{
+	/** AppComponent.userLoggedIn: null while the user is loading. */
+	userLoggedIn: boolean | null;
+}>();
+
+const emit = defineEmits<{ 'open-menu': []; 'log-out': [] }>();
+
+const connections = useConnectionsStore();
+const user = useUserStore();
+
+const accountLinks = ACCOUNT_LINKS.filter((link) => !link.saasOnly || environment.saas);
+const email = computed(() => user.currentUser?.email ?? '');
+const emailUnverified = computed(() => user.currentUser !== null && !user.currentUser.isActive);
+const isTestConnection = computed(() => connections.currentConnection?.isTestConnection ?? false);
+const ownConnections = computed(() => connections.ownConnectionsList ?? []);
+/** Nothing to switch to: the only own connection is the one that is open. */
+const switcherDisabled = computed(() => ownConnections.value.length === 1 && !isTestConnection.value);
+const signedIn = computed(() => props.userLoggedIn === true);
+</script>
+
+<template>
+	<header :class="['app-header', { 'app-header--connection': connections.connectionID }]">
+		<div class="app-header__brand">
+			<RouterLink v-if="userLoggedIn" to="/connections-list" class="app-header__logo">
+				<img :src="LOGO_URL" alt="Rocketadmin logo" class="app-header__logo-image">
+			</RouterLink>
+			<a v-else-if="userLoggedIn === false" href="https://rocketadmin.com/" class="app-header__logo">
+				<img :src="LOGO_URL" alt="Rocketadmin logo" class="app-header__logo-image">
+			</a>
+
+			<template v-if="connections.connectionID">
+				<span class="app-header__slash" aria-hidden="true">/</span>
+				<UiMenu label="Connections" :disabled="switcherDisabled">
+					<template #trigger="{ triggerProps }">
+						<button v-bind="triggerProps" type="button" class="app-header__switcher" :disabled="switcherDisabled">
+							<span class="app-header__switcher-name">{{ connections.currentConnectionName }}</span>
+							<UiIcon v-if="!switcherDisabled" name="arrow_drop_down" size="sm" />
+						</button>
+					</template>
+					<UiMenuItem v-if="ownConnections.length === 0" to="/connect-db">Add your own connection</UiMenuItem>
+					<UiMenuItem
+						v-for="item in ownConnections"
+						v-else
+						:key="item.connection.id ?? item.displayTitle"
+						:to="`/dashboard/${item.connection.id}`"
+						:class="{ 'app-header__connection--active': connections.connectionID === item.connection.id }"
+					>
+						{{ item.displayTitle }}
+					</UiMenuItem>
+				</UiMenu>
+			</template>
+		</div>
+
+		<nav v-if="connections.connectionID" class="app-header__tabs" aria-label="Connection">
+			<RouterLink
+				v-for="tab in connections.visibleTabs"
+				:key="tab"
+				:to="connectionTabPath(tab, connections.connectionID)"
+				:data-testid="`${tab}-header-link`"
+				class="app-header__tab"
+				active-class="app-header__tab--active"
+				:title="tab === 'edit-db' ? 'Database credentials' : undefined"
+			>
+				<UiIcon v-if="tab === 'edit-db'" name="key_vertical" size="sm" label="Database credentials" />
+				<template v-else>{{ CONNECTION_TAB_CAPTIONS[tab] }}</template>
+			</RouterLink>
+		</nav>
+
+		<div v-if="signedIn" class="app-header__actions">
+			<UiMenu label="Account" align="end">
+				<template #trigger="{ triggerProps }">
+					<UiIconButton
+						v-bind="triggerProps"
+						icon="account_circle"
+						:label="email || 'Account'"
+						:badge="emailUnverified ? 1 : false"
+						badge-label="email not verified"
+						class="app-header__account"
+						data-testid="account-menu-anchor-header-button"
+					/>
+				</template>
+				<UiMenuItem to="/user-settings" :description="email" data-testid="account-link-account-menu">
+					<template #leading>
+						<UiBadge :content="1" :hidden="!emailUnverified" label="Email not verified">
+							<UiIcon name="face" size="sm" />
+						</UiBadge>
+					</template>
+					Account
+				</UiMenuItem>
+				<UiMenuItem v-for="link in accountLinks" :key="link.to" :to="link.to" :icon="link.icon" :data-testid="link.testId">
+					{{ link.label }}
+				</UiMenuItem>
+				<UiMenuItem :href="HELP_CENTER_URL" target="_blank" icon="help">Help center</UiMenuItem>
+				<UiMenuItem icon="logout" data-testid="logout-button-account-menu" @select="emit('log-out')">
+					Log out
+				</UiMenuItem>
+			</UiMenu>
+		</div>
+
+		<UiIconButton
+			v-if="signedIn"
+			icon="menu"
+			label="Open navigation"
+			class="app-header__menu-button"
+			@click="emit('open-menu')"
+		/>
+	</header>
+</template>
+
+<style scoped>
+.app-header {
+	position: sticky;
+	top: 0;
+	z-index: var(--z-sticky);
+	display: flex;
+	align-items: center;
+	gap: var(--space-4);
+	height: var(--header-height);
+	padding: 0 var(--space-6);
+	border-bottom: 1px solid var(--color-line);
+	background: var(--color-surface);
+}
+
+.app-header__brand {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	min-width: 0;
+}
+
+.app-header__logo {
+	display: flex;
+	align-items: center;
+	flex: none;
+}
+
+.app-header__logo-image {
+	display: block;
+	height: 1.5rem;
+	width: auto;
+}
+
+.app-header__slash {
+	color: var(--color-muted-soft);
+	font-size: var(--text-md);
+}
+
+.app-header__switcher {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-1);
+	min-width: 0;
+	max-width: 16rem;
+	padding: var(--space-2) var(--space-3);
+	border: none;
+	border-radius: var(--radius-pill);
+	background: transparent;
+	color: var(--color-ink);
+	font-size: var(--text-base);
+	font-weight: var(--weight-medium);
+	cursor: pointer;
+	transition: background var(--motion-fast) var(--ease-out);
+}
+
+.app-header__switcher:hover:not(:disabled),
+.app-header__switcher[aria-expanded="true"] {
+	background: var(--color-paper);
+}
+
+.app-header__switcher:disabled {
+	cursor: default;
+}
+
+.app-header__switcher-name {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.app-header__connection--active {
+	color: var(--color-accent);
+	font-weight: var(--weight-semibold);
+}
+
+.app-header__tabs {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+	min-width: 0;
+	overflow-x: auto;
+}
+
+.app-header__tab {
+	display: inline-flex;
+	align-items: center;
+	padding: var(--space-2) var(--space-3);
+	border-radius: var(--radius-pill);
+	color: var(--color-muted);
+	font-size: var(--text-base);
+	font-weight: var(--weight-medium);
+	text-decoration: none;
+	white-space: nowrap;
+	transition:
+		background var(--motion-fast),
+		color var(--motion-fast);
+}
+
+.app-header__tab:hover {
+	background: var(--color-paper);
+	color: var(--color-ink);
+}
+
+.app-header__tab--active {
+	background: var(--color-paper-2);
+	color: var(--color-accent);
+}
+
+.app-header__actions {
+	margin-left: auto;
+}
+
+.app-header__menu-button {
+	display: none;
+	margin-left: auto;
+}
+
+@media screen and (max-width: 600px) {
+	.app-header {
+		padding: 0 var(--space-4);
+	}
+
+	.app-header__tabs,
+	.app-header__actions {
+		display: none;
+	}
+
+	.app-header__menu-button {
+		display: inline-flex;
+	}
+
+	.app-header--connection .app-header__logo {
+		display: none;
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/app/AppNavDrawer.vue b/frontend-vue/src/components/app/AppNavDrawer.vue
new file mode 100644
index 000000000..35633d1ae
--- /dev/null
+++ b/frontend-vue/src/components/app/AppNavDrawer.vue
@@ -0,0 +1,187 @@
+<script setup lang="ts">
+// The mat-sidenav of AppComponent: on narrow screens it carries the connection tabs and the account
+// links. Choosing anything closes it.
+import { computed } from 'vue';
+import { RouterLink } from 'vue-router';
+import { UiBadge, UiDrawer, UiIcon } from '@/components/ui';
+import { environment } from '@/environment';
+import { useConnectionsStore } from '@/stores/connections';
+import { useUserStore } from '@/stores/user';
+import { ACCOUNT_LINKS, CONNECTION_TAB_CAPTIONS, connectionTabPath, HELP_CENTER_URL } from './navigation';
+
+defineProps<{ open: boolean }>();
+
+const emit = defineEmits<{ 'update:open': [boolean]; 'log-out': []; 'support-chat': [] }>();
+
+const connections = useConnectionsStore();
+const user = useUserStore();
+
+const accountLinks = ACCOUNT_LINKS.filter((link) => !link.saasOnly || environment.saas);
+const email = computed(() => user.currentUser?.email ?? '');
+const emailUnverified = computed(() => user.currentUser !== null && !user.currentUser.isActive);
+
+function close() {
+	emit('update:open', false);
+}
+
+function choose(event: 'log-out' | 'support-chat') {
+	close();
+	if (event === 'log-out') emit('log-out');
+	else emit('support-chat');
+}
+</script>
+
+<template>
+	<UiDrawer :open="open" label="Main navigation" size="sm" @update:open="emit('update:open', $event)">
+		<template #header>
+			<span class="app-nav__title">Rocketadmin</span>
+		</template>
+
+		<nav v-if="user.currentUser" class="app-nav" aria-label="Main">
+			<ul class="app-nav__list">
+				<li v-if="!connections.connectionID">
+					<RouterLink to="/connections-list" class="app-nav__link" active-class="app-nav__link--active" @click="close">
+						<UiIcon name="list" size="sm" />
+						Connections
+					</RouterLink>
+				</li>
+				<template v-else>
+					<li v-for="tab in connections.visibleTabs" :key="tab">
+						<RouterLink
+							:to="connectionTabPath(tab, connections.connectionID)"
+							:data-testid="`${tab}-header-link`"
+							class="app-nav__link app-nav__link--tab"
+							active-class="app-nav__link--active"
+							@click="close"
+						>
+							{{ CONNECTION_TAB_CAPTIONS[tab] }}
+						</RouterLink>
+					</li>
+				</template>
+			</ul>
+
+			<ul class="app-nav__list app-nav__list--account">
+				<li>
+					<RouterLink
+						to="/user-settings"
+						class="app-nav__link"
+						active-class="app-nav__link--active"
+						data-testid="account-link-account-menu"
+						@click="close"
+					>
+						<UiBadge :content="1" :hidden="!emailUnverified" label="Email not verified">
+							<UiIcon name="face" size="sm" />
+						</UiBadge>
+						<span class="app-nav__label">
+							Account
+							<span class="app-nav__secondary">{{ email }}</span>
+						</span>
+					</RouterLink>
+				</li>
+				<li v-for="link in accountLinks" :key="link.to">
+					<RouterLink
+						:to="link.to"
+						class="app-nav__link"
+						active-class="app-nav__link--active"
+						:data-testid="link.testId"
+						@click="close"
+					>
+						<UiIcon :name="link.icon" size="sm" />
+						{{ link.label }}
+					</RouterLink>
+				</li>
+				<li>
+					<button
+						type="button"
+						class="app-nav__link"
+						data-testid="support-chat-button-account-menu"
+						@click="choose('support-chat')"
+					>
+						<UiIcon name="chat_bubble" size="sm" />
+						Chat with support
+					</button>
+				</li>
+				<li>
+					<a :href="HELP_CENTER_URL" target="_blank" rel="noopener noreferrer" class="app-nav__link" @click="close">
+						<UiIcon name="help" size="sm" />
+						Help center
+					</a>
+				</li>
+				<li>
+					<button type="button" class="app-nav__link" data-testid="logout-button-account-menu" @click="choose('log-out')">
+						<UiIcon name="logout" size="sm" />
+						Log out
+					</button>
+				</li>
+			</ul>
+		</nav>
+	</UiDrawer>
+</template>
+
+<style scoped>
+.app-nav__title {
+	font-family: var(--font-display);
+	font-size: var(--text-md);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.app-nav {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+}
+
+.app-nav__list {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-05);
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.app-nav__list--account {
+	padding-top: var(--space-4);
+	border-top: 1px solid var(--color-line);
+}
+
+.app-nav__link {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+	width: 100%;
+	padding: var(--space-2) var(--space-3);
+	border: none;
+	border-radius: var(--radius-control);
+	background: transparent;
+	color: var(--color-ink-soft);
+	font-size: var(--text-base);
+	text-align: start;
+	text-decoration: none;
+	cursor: pointer;
+}
+
+.app-nav__link:hover {
+	background: var(--color-paper);
+	color: var(--color-ink);
+}
+
+.app-nav__link--active {
+	background: var(--color-paper-2);
+	color: var(--color-accent);
+}
+
+.app-nav__label {
+	display: flex;
+	flex-direction: column;
+	min-width: 0;
+}
+
+.app-nav__secondary {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	color: var(--color-muted);
+	font-size: var(--text-xs);
+}
+</style>
diff --git a/frontend-vue/src/components/app/AppSnackbars.spec.ts b/frontend-vue/src/components/app/AppSnackbars.spec.ts
new file mode 100644
index 000000000..8e493a39b
--- /dev/null
+++ b/frontend-vue/src/components/app/AppSnackbars.spec.ts
@@ -0,0 +1,36 @@
+import { mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
+import { nextTick } from 'vue';
+import { useNotificationsStore } from '@/stores/notifications';
+import AppSnackbars from './AppSnackbars.vue';
+
+describe('AppSnackbars', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+	});
+
+	it('announces snackbars politely and dismisses on the action', async () => {
+		const wrapper = mount(AppSnackbars);
+		const notifications = useNotificationsStore();
+
+		notifications.showErrorSnackbar('Could not save');
+		await nextTick();
+
+		const region = wrapper.find('.app-snackbars--bottom');
+		expect(region.attributes('role')).toBe('status');
+		expect(region.text()).toContain('Could not save');
+
+		await region.find('button').trigger('click');
+		expect(notifications.snackbars).toEqual([]);
+	});
+
+	it('puts top-positioned success snackbars at the top, without an action', async () => {
+		const wrapper = mount(AppSnackbars);
+		useNotificationsStore().showSuccessSnackbar('Copied', 'top');
+		await nextTick();
+
+		expect(wrapper.find('.app-snackbars--top').text()).toBe('Copied');
+		expect(wrapper.find('.app-snackbars--top button').exists()).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/app/AppSnackbars.vue b/frontend-vue/src/components/app/AppSnackbars.vue
new file mode 100644
index 000000000..d65a4afdf
--- /dev/null
+++ b/frontend-vue/src/components/app/AppSnackbars.vue
@@ -0,0 +1,91 @@
+<script setup lang="ts">
+// Renders the notifications store's snackbars (the MatSnackBar replacement), bottom-left like the
+// Angular app, or top-left for `showSuccessSnackbar(msg, 'top')`.
+import { computed } from 'vue';
+import { useNotificationsStore } from '@/stores/notifications';
+
+const notifications = useNotificationsStore();
+
+const top = computed(() => notifications.snackbars.filter((snackbar) => snackbar.position === 'top'));
+const bottom = computed(() => notifications.snackbars.filter((snackbar) => snackbar.position === 'bottom'));
+</script>
+
+<template>
+	<div
+		v-for="[position, items] in [['top', top], ['bottom', bottom]] as const"
+		:key="position"
+		:class="['app-snackbars', `app-snackbars--${position}`]"
+		role="status"
+		aria-live="polite"
+	>
+		<div
+			v-for="snackbar in items"
+			:key="snackbar.id"
+			:class="['app-snackbars__item', `app-snackbars__item--${snackbar.tone}`]"
+		>
+			<span class="app-snackbars__message">{{ snackbar.message }}</span>
+			<button
+				v-if="snackbar.actionLabel"
+				type="button"
+				class="app-snackbars__action"
+				@click="notifications.dismissSnackbar(snackbar.id)"
+			>
+				{{ snackbar.actionLabel }}
+			</button>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.app-snackbars {
+	position: fixed;
+	left: var(--space-4);
+	z-index: var(--z-toast);
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	max-width: min(36rem, calc(100vw - var(--space-8)));
+	pointer-events: none;
+}
+
+.app-snackbars--top {
+	top: var(--space-4);
+}
+
+.app-snackbars--bottom {
+	bottom: var(--space-4);
+}
+
+.app-snackbars__item {
+	display: flex;
+	align-items: center;
+	gap: var(--space-4);
+	padding: var(--space-3) var(--space-4);
+	border-radius: var(--radius-control);
+	background: var(--color-ink);
+	color: var(--color-surface);
+	box-shadow: var(--shadow-lift);
+	font-size: var(--text-sm);
+	pointer-events: auto;
+}
+
+.app-snackbars__message {
+	flex: 1;
+}
+
+.app-snackbars__action {
+	flex: none;
+	padding: var(--space-1) var(--space-2);
+	border: none;
+	border-radius: var(--radius-control);
+	background: transparent;
+	color: var(--color-hot);
+	font-size: var(--text-sm);
+	font-weight: var(--weight-semibold);
+	cursor: pointer;
+}
+
+.app-snackbars__action:hover {
+	background: var(--color-ink-soft);
+}
+</style>
diff --git a/frontend-vue/src/components/app/FeatureNotification.vue b/frontend-vue/src/components/app/FeatureNotification.vue
new file mode 100644
index 000000000..88b5eab12
--- /dev/null
+++ b/frontend-vue/src/components/app/FeatureNotification.vue
@@ -0,0 +1,483 @@
+<script setup lang="ts">
+// Port of FeatureNotificationComponent: the one-off "what's new" card shown until dismissed
+// (see CURRENT_FEATURE_NOTIFICATION_ID in useAppSession). The animation's colours are palette tokens.
+import { UiButton } from '@/components/ui';
+
+const emit = defineEmits<{ dismiss: [] }>();
+</script>
+
+<template>
+	<section class="feature-notification" aria-labelledby="feature-notification-title">
+		<div class="feature-notification__animation" aria-hidden="true">
+			<svg viewBox="0 0 360 180" class="fn-svg">
+				<defs>
+					<pattern id="fn-grid" x="0" y="0" width="18" height="18" patternUnits="userSpaceOnUse">
+						<circle cx="1" cy="1" r="1" fill="currentColor" opacity="0.12" />
+					</pattern>
+					<linearGradient id="fn-bg" x1="0" y1="0" x2="1" y2="1">
+						<stop offset="0%" style="stop-color: var(--color-paper-2)" />
+						<stop offset="100%" style="stop-color: var(--color-paper)" />
+					</linearGradient>
+					<clipPath id="fn-typing-clip">
+						<rect class="fn-typing-clip" x="32" y="142" width="0" height="24" />
+					</clipPath>
+				</defs>
+
+				<rect class="fn-bg" width="360" height="180" rx="8" fill="url(#fn-bg)" />
+				<rect width="360" height="180" rx="8" fill="url(#fn-grid)" />
+
+				<!-- ============================================== -->
+				<!-- ACT 1 (0–1.5s): "+ Create" button only          -->
+				<!-- ============================================== -->
+				<g class="fn-act fn-act--1">
+					<!-- Create button (dark) -->
+					<g class="fn-add-button">
+						<rect x="130" y="74" width="100" height="40" rx="20" style="fill: var(--color-ink)" />
+						<text x="180" y="100" text-anchor="middle" font-size="14" font-weight="500" font-family="system-ui, sans-serif" style="fill: var(--color-surface)">+ Create</text>
+					</g>
+
+					<!-- Click ripple -->
+					<circle class="fn-click-ripple" cx="180" cy="93" r="0" fill="none" stroke-width="1.5" style="stroke: var(--color-accent)" />
+
+					<!-- Cursor for act 1 -->
+					<g class="fn-pointer-1">
+						<path d="M0 0 L0 14 L4 11 L7 17 L10 16 L7 9 L12 9 Z" stroke-width="1" style="fill: var(--color-ink); stroke: var(--color-surface)" />
+					</g>
+				</g>
+
+				<!-- ============================================== -->
+				<!-- ACT 2 (1.5–3.5s): chat with typed prompt        -->
+				<!-- ============================================== -->
+				<g class="fn-act fn-act--2">
+					<!-- Header -->
+					<text class="fn-chat-title fn-chat-title--initial" x="20" y="24" font-size="13" font-weight="600" font-family="system-ui, sans-serif" style="fill: var(--color-ink)">New database</text>
+					<text class="fn-chat-title fn-chat-title--final" x="20" y="24" font-size="13" font-weight="600" font-family="system-ui, sans-serif" style="fill: var(--color-ink)">Bookings for climbing gym</text>
+					<line class="fn-chat-divider" x1="20" y1="34" x2="340" y2="34" stroke-width="0.8" style="stroke: var(--color-line)" />
+
+					<!-- Input field -->
+					<g class="fn-input">
+						<rect x="20" y="136" width="320" height="30" rx="15" stroke-width="1" style="fill: var(--color-surface); stroke: var(--color-line)" />
+						<g clip-path="url(#fn-typing-clip)">
+							<text x="34" y="158" font-size="16" font-family="ui-monospace, SFMono-Regular, monospace" style="fill: var(--color-ink)">Bookings for climbing gym</text>
+						</g>
+						<rect class="fn-caret" x="34" y="144" width="1.6" height="18" style="fill: var(--color-ink)" />
+						<!-- Send button -->
+						<g class="fn-send-button">
+							<circle cx="326" cy="151" r="11" style="fill: var(--color-accent)" />
+							<path d="M321 154 L326 147 L331 154 M326 147 L326 159" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color-surface)" />
+						</g>
+					</g>
+
+				</g>
+
+				<!-- ============================================== -->
+				<!-- ACT 3 (3.5–5.5s): AI reply with diagram         -->
+				<!-- ============================================== -->
+				<g class="fn-act fn-act--3">
+					<!-- AI avatar (lifted above the diagram) -->
+					<g class="fn-ai-avatar">
+						<circle cx="22" cy="50" r="10" style="fill: var(--color-paper-2)" />
+						<path d="M22 43.5 L23.4 47.6 L27.5 49 L23.4 50.4 L22 54.5 L20.6 50.4 L16.5 49 L20.6 47.6 Z" style="fill: var(--color-accent)" />
+					</g>
+
+					<!-- Mini diagram (3 tables) -->
+					<g class="fn-table fn-table--1">
+						<rect x="18" y="74" width="102" height="66" rx="7" stroke-width="1.2" style="fill: var(--color-surface); stroke: var(--color-line)" />
+						<rect x="18" y="74" width="102" height="18" rx="7" style="fill: var(--color-accent)" />
+						<text x="28" y="87" font-size="12" font-weight="600" font-family="system-ui, sans-serif" style="fill: var(--color-surface)">members</text>
+						<text x="28" y="106" font-size="10" font-family="system-ui, sans-serif" style="fill: var(--color-ink-soft)">id</text>
+						<text x="112" y="106" font-size="8" font-weight="700" font-family="system-ui, sans-serif" text-anchor="end" style="fill: var(--color-warning)">PK</text>
+						<text x="28" y="120" font-size="10" font-family="system-ui, sans-serif" style="fill: var(--color-ink-soft)">name</text>
+						<text x="28" y="134" font-size="10" font-family="system-ui, sans-serif" style="fill: var(--color-ink-soft)">email</text>
+					</g>
+
+					<g class="fn-table fn-table--2">
+						<rect x="130" y="58" width="102" height="66" rx="7" stroke-width="1.2" style="fill: var(--color-surface); stroke: var(--color-line)" />
+						<rect x="130" y="58" width="102" height="18" rx="7" style="fill: var(--color-hot)" />
+						<text x="140" y="71" font-size="12" font-weight="600" font-family="system-ui, sans-serif" style="fill: var(--color-surface)">bookings</text>
+						<text x="140" y="90" font-size="10" font-family="system-ui, sans-serif" style="fill: var(--color-ink-soft)">id</text>
+						<text x="224" y="90" font-size="8" font-weight="700" font-family="system-ui, sans-serif" text-anchor="end" style="fill: var(--color-warning)">PK</text>
+						<text x="140" y="104" font-size="10" font-family="system-ui, sans-serif" style="fill: var(--color-ink-soft)">member_id</text>
+						<text x="224" y="104" font-size="8" font-weight="700" font-family="system-ui, sans-serif" text-anchor="end" style="fill: var(--color-accent)">FK</text>
+						<text x="140" y="118" font-size="10" font-family="system-ui, sans-serif" style="fill: var(--color-ink-soft)">date</text>
+					</g>
+
+					<g class="fn-table fn-table--3">
+						<rect x="242" y="78" width="102" height="62" rx="7" stroke-width="1.2" style="fill: var(--color-surface); stroke: var(--color-line)" />
+						<rect x="242" y="78" width="102" height="18" rx="7" style="fill: var(--color-accent-ink)" />
+						<text x="252" y="91" font-size="12" font-weight="600" font-family="system-ui, sans-serif" style="fill: var(--color-surface)">sessions</text>
+						<text x="252" y="110" font-size="10" font-family="system-ui, sans-serif" style="fill: var(--color-ink-soft)">id</text>
+						<text x="336" y="110" font-size="8" font-weight="700" font-family="system-ui, sans-serif" text-anchor="end" style="fill: var(--color-warning)">PK</text>
+						<text x="252" y="124" font-size="10" font-family="system-ui, sans-serif" style="fill: var(--color-ink-soft)">starts_at</text>
+					</g>
+
+					<!-- Relations -->
+					<path class="fn-link fn-link--1" d="M 120 106 C 125 106 125 90 130 90" stroke-width="1.6" fill="none" stroke-linecap="round" style="stroke: var(--color-accent)" />
+					<path class="fn-link fn-link--2" d="M 232 90 C 237 90 237 110 242 110" stroke-width="1.6" fill="none" stroke-linecap="round" style="stroke: var(--color-hot)" />
+
+					<!-- "Schema ready ✓" -->
+					<g class="fn-schema-ready">
+						<text x="180" y="162" text-anchor="middle" font-size="12" font-weight="600" font-family="system-ui, sans-serif" style="fill: var(--color-success)">Schema ready ✓</text>
+					</g>
+				</g>
+			</svg>
+		</div>
+		<h2 id="feature-notification-title" class="feature-notification__title">Design schemas with AI</h2>
+		<p class="feature-notification__description">
+			Generate a new database from scratch or edit your existing one — just describe what you need.
+		</p>
+		<div class="feature-notification__actions">
+			<UiButton @click="emit('dismiss')">Got it</UiButton>
+		</div>
+	</section>
+</template>
+
+<style scoped>
+.feature-notification {
+	position: fixed;
+	bottom: var(--space-8);
+	left: var(--space-8);
+	z-index: var(--z-toast);
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+	width: clamp(200px, 25vw, 400px);
+	padding: var(--space-4);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-panel);
+	background: var(--color-surface-raised);
+	box-shadow: var(--shadow-lift);
+}
+
+@media (max-width: 640px) {
+	.feature-notification {
+		left: var(--space-3);
+		right: var(--space-3);
+		bottom: var(--space-3);
+		width: auto;
+		max-width: 480px;
+		margin: 0 auto;
+	}
+}
+
+.feature-notification__animation {
+	width: 100%;
+	border-radius: var(--radius-control);
+	overflow: hidden;
+	color: var(--color-accent);
+}
+
+.fn-svg {
+	display: block;
+	width: 100%;
+	height: auto;
+}
+
+.feature-notification__title {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-md);
+	font-weight: var(--weight-semibold);
+	line-height: var(--leading-tight);
+	color: var(--color-ink);
+}
+
+.feature-notification__description {
+	margin: 0;
+	color: var(--color-muted);
+}
+
+.feature-notification__actions {
+	display: flex;
+	justify-content: flex-end;
+	gap: var(--space-2);
+}
+
+/* ──────────────────────────────────────────── */
+/* Three-act animation                          */
+/* Cycle: 7s                                    */
+/*   Act 1 (0–1.5s   /  0–21%):  empty + Add db */
+/*   Act 2 (1.5–3.5s / 21–50%):  chat + typing  */
+/*   Act 3 (3.5–5.5s / 50–79%):  AI + diagram   */
+/*   Hold  (5.5–7s   / 79–100%): linger & loop  */
+/* ──────────────────────────────────────────── */
+
+.fn-placeholder,
+.fn-add-button,
+.fn-pointer-1,
+.fn-click-ripple,
+.fn-chat-title,
+.fn-chat-divider,
+.fn-input,
+.fn-caret,
+.fn-send-button,
+.fn-typing-clip,
+.fn-user-message,
+.fn-ai-avatar,
+.fn-table,
+.fn-link,
+.fn-schema-ready {
+	opacity: 0;
+}
+
+/* === ACT 1 elements === */
+
+.fn-placeholder,
+.fn-act--1 > circle,
+.fn-act--1 > path,
+.fn-act--1 > text {
+	animation: fn-fade-act1 10s ease-in-out infinite;
+}
+
+.fn-add-button {
+	animation: fn-add-btn 10s ease-in-out infinite;
+	transform-origin: 180px 93px;
+}
+
+.fn-pointer-1 {
+	animation: fn-pointer-1 10s ease-in-out infinite;
+}
+
+.fn-click-ripple {
+	animation: fn-click-ripple 10s ease-in-out infinite;
+}
+
+@keyframes fn-fade-act1 {
+	0%   { opacity: 0; }
+	3%   { opacity: 1; }
+	19%  { opacity: 1; }
+	22%  { opacity: 0; }
+	100% { opacity: 0; }
+}
+
+@keyframes fn-add-btn {
+	0%   { opacity: 0; transform: scale(0.95); }
+	3%   { opacity: 1; transform: scale(1); }
+	17%  { opacity: 1; transform: scale(1); }
+	18%  { opacity: 1; transform: scale(0.93); }
+	19%  { opacity: 1; transform: scale(1); }
+	22%  { opacity: 0; transform: scale(1); }
+	100% { opacity: 0; }
+}
+
+@keyframes fn-pointer-1 {
+	0%, 3%   { opacity: 0; transform: translate(60px, 40px); }
+	5%       { opacity: 1; transform: translate(60px, 40px); }
+	14%      { opacity: 1; transform: translate(178px, 86px); }
+	17%      { opacity: 1; transform: translate(178px, 86px) scale(0.85); }
+	19%      { opacity: 1; transform: translate(178px, 86px) scale(1); }
+	22%      { opacity: 0; transform: translate(178px, 86px); }
+	100%     { opacity: 0; }
+}
+
+@keyframes fn-click-ripple {
+	0%, 17%  { opacity: 0; r: 0; }
+	18%      { opacity: 0.85; r: 6; }
+	21%      { opacity: 0; r: 34; }
+	100%     { opacity: 0; r: 0; }
+}
+
+/* === ACT 2 elements === */
+
+.fn-chat-divider {
+	animation: fn-chat-frame 10s ease-in-out infinite;
+}
+
+.fn-chat-title--initial {
+	animation: fn-chat-title-initial 10s ease-in-out infinite;
+}
+
+.fn-chat-title--final {
+	animation: fn-chat-title-final 10s ease-in-out infinite;
+}
+
+@keyframes fn-chat-title-initial {
+	0%, 21%  { opacity: 0; }
+	24%      { opacity: 1; }
+	42%      { opacity: 1; }
+	45%      { opacity: 0; }
+	100%     { opacity: 0; }
+}
+
+@keyframes fn-chat-title-final {
+	0%, 42%  { opacity: 0; }
+	45%      { opacity: 1; }
+	93%      { opacity: 1; }
+	100%     { opacity: 0; }
+}
+
+.fn-input {
+	animation: fn-input-in 10s ease-in-out infinite;
+}
+
+.fn-typing-clip {
+	animation: fn-typing 10s linear infinite;
+}
+
+.fn-caret {
+	animation: fn-caret-track 10s linear infinite;
+}
+
+.fn-send-button {
+	animation: fn-send-button 10s ease-in-out infinite;
+	transform-origin: 326px 151px;
+}
+
+.fn-user-message {
+	animation: fn-user-message 10s ease-in-out infinite;
+}
+
+@keyframes fn-chat-frame {
+	0%, 21%  { opacity: 0; }
+	24%      { opacity: 1; }
+	93%      { opacity: 1; }
+	100%     { opacity: 0; }
+}
+
+@keyframes fn-input-in {
+	0%, 21%  { opacity: 0; transform: translateY(8px); }
+	24%      { opacity: 1; transform: translateY(0); }
+	48%      { opacity: 1; transform: translateY(0); }
+	50%      { opacity: 0; transform: translateY(0); }
+	100%     { opacity: 0; }
+}
+
+@keyframes fn-typing {
+	0%, 25%   { width: 0; }
+	40%       { width: 270px; }
+	48%       { width: 270px; }
+	50%       { width: 0; }
+	100%      { width: 0; }
+}
+
+@keyframes fn-caret-track {
+	0%, 25%  { opacity: 0; transform: translateX(0); }
+	27%      { opacity: 1; transform: translateX(0); }
+	40%      { opacity: 1; transform: translateX(255px); }
+	42%      { opacity: 0; transform: translateX(255px); }
+	44%      { opacity: 1; transform: translateX(255px); }
+	46%      { opacity: 0; transform: translateX(255px); }
+	48%      { opacity: 1; transform: translateX(255px); }
+	50%      { opacity: 0; transform: translateX(255px); }
+	100%     { opacity: 0; }
+}
+
+@keyframes fn-send-button {
+	0%, 40%  { opacity: 0; transform: scale(0.9); }
+	43%      { opacity: 1; transform: scale(0.9); }
+	44%      { opacity: 1; transform: scale(1.15); }
+	46%      { opacity: 1; transform: scale(1); }
+	47%      { opacity: 1; transform: scale(0.9); }
+	48%      { opacity: 1; transform: scale(1); }
+	50%      { opacity: 0; transform: scale(1); }
+	100%     { opacity: 0; }
+}
+
+@keyframes fn-user-message {
+	0%, 47%  { opacity: 0; transform: translateY(80px) scale(0.95); }
+	50%      { opacity: 1; transform: translateY(0) scale(1); }
+	93%      { opacity: 1; transform: translateY(0) scale(1); }
+	100%     { opacity: 0; }
+}
+
+/* === ACT 3 elements === */
+
+.fn-ai-avatar {
+	animation: fn-ai-avatar 10s ease-in-out infinite;
+	transform-origin: 22px 50px;
+}
+
+.fn-table--1 { animation: fn-table-1 10s ease-out infinite; transform-origin: 69px 107px; }
+.fn-table--2 { animation: fn-table-2 10s ease-out infinite; transform-origin: 181px 91px; }
+.fn-table--3 { animation: fn-table-3 10s ease-out infinite; transform-origin: 293px 109px; }
+
+.fn-link {
+	stroke-dasharray: 50;
+	stroke-dashoffset: 50;
+}
+
+.fn-link--1 { animation: fn-link-1 10s ease-in-out infinite; }
+.fn-link--2 { animation: fn-link-2 10s ease-in-out infinite; }
+
+.fn-schema-ready { animation: fn-schema-ready 10s ease-in-out infinite; }
+
+@keyframes fn-ai-avatar {
+	0%, 53%  { opacity: 0; transform: scale(0.7); }
+	56%      { opacity: 1; transform: scale(1.1); }
+	58%      { opacity: 1; transform: scale(1); }
+	93%      { opacity: 1; transform: scale(1); }
+	100%     { opacity: 0; }
+}
+
+@keyframes fn-table-1 {
+	0%, 56%  { opacity: 0; transform: translateY(8px) scale(0.92); }
+	60%      { opacity: 1; transform: translateY(0) scale(1); }
+	93%      { opacity: 1; transform: translateY(0) scale(1); }
+	100%     { opacity: 0; }
+}
+
+@keyframes fn-table-2 {
+	0%, 60%  { opacity: 0; transform: translateY(8px) scale(0.92); }
+	64%      { opacity: 1; transform: translateY(0) scale(1); }
+	93%      { opacity: 1; transform: translateY(0) scale(1); }
+	100%     { opacity: 0; }
+}
+
+@keyframes fn-table-3 {
+	0%, 64%  { opacity: 0; transform: translateY(8px) scale(0.92); }
+	68%      { opacity: 1; transform: translateY(0) scale(1); }
+	93%      { opacity: 1; transform: translateY(0) scale(1); }
+	100%     { opacity: 0; }
+}
+
+@keyframes fn-link-1 {
+	0%, 68%   { stroke-dashoffset: 50; opacity: 0; }
+	70%       { opacity: 1; }
+	74%       { stroke-dashoffset: 0; opacity: 1; }
+	93%       { stroke-dashoffset: 0; opacity: 1; }
+	100%      { stroke-dashoffset: 50; opacity: 0; }
+}
+
+@keyframes fn-link-2 {
+	0%, 72%   { stroke-dashoffset: 50; opacity: 0; }
+	74%       { opacity: 1; }
+	78%       { stroke-dashoffset: 0; opacity: 1; }
+	93%       { stroke-dashoffset: 0; opacity: 1; }
+	100%      { stroke-dashoffset: 50; opacity: 0; }
+}
+
+@keyframes fn-schema-ready {
+	0%, 76%  { opacity: 0; transform: translateY(4px); }
+	80%      { opacity: 1; transform: translateY(0); }
+	93%      { opacity: 1; transform: translateY(0); }
+	100%     { opacity: 0; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.fn-placeholder,
+	.fn-add-button,
+	.fn-pointer-1,
+	.fn-click-ripple,
+	.fn-chat-title--final,
+	.fn-chat-divider,
+	.fn-input,
+	.fn-caret,
+	.fn-send-button,
+	.fn-user-message,
+	.fn-ai-avatar,
+	.fn-table,
+	.fn-link,
+	.fn-schema-ready {
+		animation: none !important;
+		opacity: 1 !important;
+		transform: none !important;
+		stroke-dashoffset: 0 !important;
+	}
+	.fn-typing-clip {
+		animation: none !important;
+		width: 270px !important;
+	}
+	.fn-chat-title--initial { display: none !important; }
+	.fn-act--1 { display: none !important; }
+}
+</style>
diff --git a/frontend-vue/src/components/app/ViewAsBanner.vue b/frontend-vue/src/components/app/ViewAsBanner.vue
new file mode 100644
index 000000000..ebcb25aae
--- /dev/null
+++ b/frontend-vue/src/components/app/ViewAsBanner.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+// Port of ViewAsBannerComponent: shown while an admin previews the app as one of their groups.
+import { computed } from 'vue';
+import { UiButton, UiIcon } from '@/components/ui';
+import { useUsersStore } from '@/stores/users';
+import { useViewAsStore } from '@/stores/view-as';
+
+const viewAs = useViewAsStore();
+const users = useUsersStore();
+
+const groupLabel = computed(() => {
+	const id = viewAs.viewAsGroupId;
+	if (!id) return '';
+	const match = users.groups.find((info) => info.group.id === id);
+	if (match) return match.group.title;
+	// The group list is not loaded for this connection: fall back to a truncated id.
+	return id.length > 8 ? `${id.slice(0, 8)}…` : id;
+});
+</script>
+
+<template>
+	<div v-if="viewAs.isActive" class="view-as-banner" role="status" aria-live="polite">
+		<UiIcon name="visibility" size="sm" class="view-as-banner__icon" />
+		<span class="view-as-banner__text">
+			Viewing as group <strong>{{ groupLabel }}</strong>
+		</span>
+		<UiButton variant="secondary" size="sm" @click="viewAs.clearViewAs()">Exit view mode</UiButton>
+	</div>
+</template>
+
+<style scoped>
+.view-as-banner {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	gap: var(--space-3);
+	padding: var(--space-2) var(--space-4);
+	border-bottom: 1px solid var(--color-warning-border);
+	background: var(--color-warning-bg);
+	color: var(--color-warning);
+	font-size: var(--text-sm);
+}
+
+.view-as-banner__text strong {
+	font-weight: var(--weight-semibold);
+}
+</style>
diff --git a/frontend-vue/src/components/app/navigation.ts b/frontend-vue/src/components/app/navigation.ts
new file mode 100644
index 000000000..6524c26d3
--- /dev/null
+++ b/frontend-vue/src/components/app/navigation.ts
@@ -0,0 +1,32 @@
+// The connection tabs (AppComponent.navigationTabs) and the account links, shared by the header and
+// the mobile drawer.
+import type { ConnectionTab } from '@/stores/connections';
+
+export const CONNECTION_TAB_CAPTIONS: Record<ConnectionTab, string> = {
+	dashboard: 'Tables',
+	audit: 'Audit',
+	permissions: 'Permissions',
+	dashboards: 'Dashboards',
+	'connection-settings': 'Connection settings',
+	'edit-db': 'Edit connection',
+};
+
+export function connectionTabPath(tab: ConnectionTab, connectionId: string): string {
+	return `/${tab}/${connectionId}`;
+}
+
+export interface AccountLink {
+	to: string;
+	icon: string;
+	label: string;
+	testId: string;
+	saasOnly?: boolean;
+}
+
+export const ACCOUNT_LINKS: AccountLink[] = [
+	{ to: '/company', icon: 'apartment', label: 'Company', testId: 'company-link-account-menu' },
+	{ to: '/secrets', icon: 'key', label: 'Secrets', testId: 'secrets-link-account-menu' },
+	{ to: '/zapier', icon: 'electric_bolt', label: 'Zapier', testId: 'zapier-link-account-menu', saasOnly: true },
+];
+
+export const HELP_CENTER_URL = 'https://docs.rocketadmin.com/';
diff --git a/frontend-vue/src/components/dialog/AppDialog.vue b/frontend-vue/src/components/dialog/AppDialog.vue
new file mode 100644
index 000000000..ea2e3e756
--- /dev/null
+++ b/frontend-vue/src/components/dialog/AppDialog.vue
@@ -0,0 +1,45 @@
+<script setup lang="ts">
+/**
+ * A dialog without a form: a UiModal that closes its DialogRef on Escape, backdrop and the
+ * close button. Use AppDialogForm when the dialog has inputs.
+ *
+ * Rendered inline (not through useDialog), pass `v-model:open` like a plain UiModal.
+ */
+import { computed } from 'vue';
+import { UiModal } from '@/components/ui';
+import { useOptionalDialogRef } from '@/composables/useDialog';
+
+const props = withDefaults(
+	defineProps<{
+		/** Accessible name and heading. */
+		title: string;
+		/** Geometry only. */
+		size?: 'sm' | 'md' | 'lg';
+		/** Escape, backdrop and × dismissal. */
+		dismissible?: boolean;
+		/** Visibility for inline use. Ignored inside useDialog(), where the dialog is open until closed. */
+		open?: boolean;
+	}>(),
+	{ size: 'md', dismissible: true, open: undefined },
+);
+
+const emit = defineEmits<{ 'update:open': [boolean]; close: [] }>();
+
+const dialogRef = useOptionalDialogRef();
+const isOpen = computed(() => (dialogRef ? true : Boolean(props.open)));
+
+function onClose() {
+	emit('update:open', false);
+	emit('close');
+	dialogRef?.close();
+}
+</script>
+
+<template>
+	<UiModal :open="isOpen" :title="title" :size="size" :dismissible="dismissible" @close="onClose">
+		<slot />
+		<template v-if="$slots.footer" #footer>
+			<slot name="footer" />
+		</template>
+	</UiModal>
+</template>
diff --git a/frontend-vue/src/components/dialog/AppDialogForm.vue b/frontend-vue/src/components/dialog/AppDialogForm.vue
new file mode 100644
index 000000000..097ae6d7f
--- /dev/null
+++ b/frontend-vue/src/components/dialog/AppDialogForm.vue
@@ -0,0 +1,91 @@
+<script setup lang="ts">
+/**
+ * The dialog-with-a-form pattern (CLAUDE.md): fields and actions share one `<form>`, the primary
+ * action is `type="submit"`, so Enter submits and validation runs before `submit` is emitted.
+ *
+ * ```vue
+ * <AppDialogForm title="Rename table" submit-label="Rename" :busy="saving" @submit="save">
+ *   <UiField label="Name" v-slot="field"><UiInput v-model="name" v-bind="field" required /></UiField>
+ * </AppDialogForm>
+ * ```
+ *
+ * Cancel, Escape and the backdrop close the DialogRef with no result.
+ */
+import { computed } from 'vue';
+import { UiButton, UiModal } from '@/components/ui';
+import { useOptionalDialogRef } from '@/composables/useDialog';
+
+const props = withDefaults(
+	defineProps<{
+		/** Accessible name and heading. */
+		title: string;
+		/** Primary action label. Prefer the verb ("Save", "Add user"). */
+		submitLabel?: string;
+		/** Cancel button label. */
+		cancelLabel?: string;
+		/** Primary action emphasis. */
+		submitVariant?: 'primary' | 'danger';
+		/** Request in flight: spins the submit button and locks dismissal. */
+		busy?: boolean;
+		/** Disables the submit button, e.g. while the form is invalid. */
+		disabled?: boolean;
+		/** Geometry only. */
+		size?: 'sm' | 'md' | 'lg';
+		/** Escape and backdrop dismissal (the `disableClose: true` of MatDialog when off). Always off while busy. */
+		dismissible?: boolean;
+		/** Visibility for inline use. Ignored inside useDialog(). */
+		open?: boolean;
+	}>(),
+	{
+		submitLabel: 'Save',
+		cancelLabel: 'Cancel',
+		submitVariant: 'primary',
+		busy: false,
+		disabled: false,
+		size: 'md',
+		dismissible: true,
+		open: undefined,
+	},
+);
+
+const emit = defineEmits<{ submit: [SubmitEvent]; cancel: []; 'update:open': [boolean] }>();
+
+const dialogRef = useOptionalDialogRef();
+const isOpen = computed(() => (dialogRef ? true : Boolean(props.open)));
+
+function onCancel() {
+	if (props.busy) return;
+	emit('update:open', false);
+	emit('cancel');
+	dialogRef?.close();
+}
+
+function onSubmit(event: SubmitEvent) {
+	if (props.busy || props.disabled) return;
+	const form = event.target as HTMLFormElement;
+	// `novalidate` stops the browser's bubbles, so the constraint check runs here instead.
+	if (typeof form.reportValidity === 'function' && !form.reportValidity()) return;
+	emit('submit', event);
+}
+</script>
+
+<template>
+	<UiModal
+		:open="isOpen"
+		:title="title"
+		:size="size"
+		:dismissible="dismissible && !busy"
+		form
+		@close="onCancel"
+		@submit="onSubmit"
+	>
+		<slot />
+		<template #footer>
+			<slot name="actions" />
+			<UiButton variant="secondary" :disabled="busy" @click="onCancel">{{ cancelLabel }}</UiButton>
+			<UiButton type="submit" :variant="submitVariant" :loading="busy" :disabled="disabled">
+				{{ submitLabel }}
+			</UiButton>
+		</template>
+	</UiModal>
+</template>
diff --git a/frontend-vue/src/components/dialog/DialogHost.vue b/frontend-vue/src/components/dialog/DialogHost.vue
new file mode 100644
index 000000000..42f84e091
--- /dev/null
+++ b/frontend-vue/src/components/dialog/DialogHost.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+// Mounted once in App.vue: every dialog opened through useDialog() renders here.
+import { useDialogsStore } from '@/composables/useDialog';
+import DialogOutlet from './DialogOutlet.vue';
+
+const dialogs = useDialogsStore();
+</script>
+
+<template>
+	<DialogOutlet v-for="entry in dialogs.entries" :key="entry.id" :entry="entry" />
+</template>
diff --git a/frontend-vue/src/components/dialog/DialogOutlet.vue b/frontend-vue/src/components/dialog/DialogOutlet.vue
new file mode 100644
index 000000000..de5551e8f
--- /dev/null
+++ b/frontend-vue/src/components/dialog/DialogOutlet.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+// Renders one opened dialog and hands it its DialogRef.
+import { provide } from 'vue';
+import { DIALOG_REF, type DialogEntry } from '@/composables/useDialog';
+
+const props = defineProps<{ entry: DialogEntry }>();
+
+provide(DIALOG_REF, props.entry.ref);
+</script>
+
+<template>
+	<component :is="entry.component" :data="entry.data" />
+</template>
diff --git a/frontend-vue/src/components/dialog/dialog.spec.ts b/frontend-vue/src/components/dialog/dialog.spec.ts
new file mode 100644
index 000000000..0b5bfa635
--- /dev/null
+++ b/frontend-vue/src/components/dialog/dialog.spec.ts
@@ -0,0 +1,107 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
+import { defineComponent, h } from 'vue';
+import { useDialog, useDialogRef } from '@/composables/useDialog';
+import AppDialogForm from './AppDialogForm.vue';
+import DialogHost from './DialogHost.vue';
+
+const RenameDialog = defineComponent({
+	props: { data: { type: Object as () => { name: string }, required: true } },
+	setup(props) {
+		const dialogRef = useDialogRef<string>();
+		return () =>
+			h(
+				AppDialogForm,
+				{ title: 'Rename', submitLabel: 'Rename', onSubmit: () => dialogRef.close(`${props.data.name}!`) },
+				() => h('p', { class: 'body' }, props.data.name),
+			);
+	},
+});
+
+function mountHost() {
+	return mount(DialogHost, { attachTo: document.body });
+}
+
+function button(wrapper: ReturnType<typeof mountHost>, label: string) {
+	const match = wrapper.findAll('button').find((candidate) => candidate.text() === label);
+	if (!match) throw new Error(`no button ${label}`);
+	return match;
+}
+
+describe('useDialog', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+	});
+
+	it('renders the dialog with its data and resolves afterClosed with the result', async () => {
+		const wrapper = mountHost();
+		const dialogRef = useDialog().open<string>(RenameDialog, { data: { name: 'users' } });
+		await flushPromises();
+
+		expect(wrapper.find('.body').text()).toBe('users');
+		await wrapper.find('form').trigger('submit');
+
+		await expect(dialogRef.afterClosed()).resolves.toBe('users!');
+		await flushPromises();
+		expect(wrapper.find('form').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('resolves undefined when cancelled', async () => {
+		const wrapper = mountHost();
+		const dialogRef = useDialog().open(RenameDialog, { data: { name: 'users' } });
+		await flushPromises();
+
+		await button(wrapper, 'Cancel').trigger('click');
+
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+		wrapper.unmount();
+	});
+
+	it('uses a submit-type primary button inside the form', async () => {
+		const wrapper = mountHost();
+		useDialog().open(RenameDialog, { data: { name: 'x' } });
+		await flushPromises();
+
+		const submit = button(wrapper, 'Rename');
+		expect(submit.attributes('type')).toBe('submit');
+		expect(submit.element.closest('form')).not.toBeNull();
+		wrapper.unmount();
+	});
+
+	it('closes every dialog with closeAll', async () => {
+		const wrapper = mountHost();
+		const dialog = useDialog();
+		const first = dialog.open(RenameDialog, { data: { name: 'a' } });
+		const second = dialog.open(RenameDialog, { data: { name: 'b' } });
+		await flushPromises();
+		expect(wrapper.findAll('form')).toHaveLength(2);
+
+		dialog.closeAll();
+
+		await expect(Promise.all([first.afterClosed(), second.afterClosed()])).resolves.toEqual([undefined, undefined]);
+		wrapper.unmount();
+	});
+});
+
+describe('AppDialogForm inline', () => {
+	it('emits submit only while not busy', async () => {
+		const wrapper = mount(AppDialogForm, { props: { title: 'Add', open: true, busy: true }, attachTo: document.body });
+		await wrapper.find('form').trigger('submit');
+		expect(wrapper.emitted('submit')).toBeUndefined();
+
+		await wrapper.setProps({ busy: false });
+		await wrapper.find('form').trigger('submit');
+		expect(wrapper.emitted('submit')).toHaveLength(1);
+		wrapper.unmount();
+	});
+
+	it('emits update:open false on cancel', async () => {
+		const wrapper = mount(AppDialogForm, { props: { title: 'Add', open: true }, attachTo: document.body });
+		const cancel = wrapper.findAll('button').find((candidate) => candidate.text() === 'Cancel');
+		await cancel?.trigger('click');
+		expect(wrapper.emitted('update:open')).toEqual([[false]]);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/master-password/MasterPasswordDialog.spec.ts b/frontend-vue/src/components/master-password/MasterPasswordDialog.spec.ts
new file mode 100644
index 000000000..10f4ee0b9
--- /dev/null
+++ b/frontend-vue/src/components/master-password/MasterPasswordDialog.spec.ts
@@ -0,0 +1,78 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
+import DialogHost from '@/components/dialog/DialogHost.vue';
+import { useMasterPasswordStore } from '@/stores/master-password';
+
+function mountHost() {
+	return mount(DialogHost, { attachTo: document.body });
+}
+
+function button(wrapper: ReturnType<typeof mountHost>, label: string) {
+	const match = wrapper.findAll('button').find((candidate) => candidate.text() === label);
+	if (!match) throw new Error(`no button ${label}`);
+	return match;
+}
+
+describe('MasterPasswordDialog', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		localStorage.clear();
+	});
+
+	it('renders a required password field inside a form with a submit button', async () => {
+		const wrapper = mountHost();
+		useMasterPasswordStore().showMasterPasswordDialog('conn-1');
+		await flushPromises();
+
+		expect(wrapper.find('h2').text()).toBe('Enter Master Password');
+		const input = wrapper.find('input');
+		expect(input.attributes('type')).toBe('password');
+		expect(input.attributes('required')).toBeDefined();
+		expect(button(wrapper, 'Submit').attributes('type')).toBe('submit');
+		wrapper.unmount();
+	});
+
+	it('stores the password for the connection, asks for a page reload and closes', async () => {
+		const wrapper = mountHost();
+		const store = useMasterPasswordStore();
+		const dialogRef = store.showMasterPasswordDialog('conn-1');
+		await flushPromises();
+
+		await wrapper.find('input').setValue('s3cret');
+		await wrapper.find('form').trigger('submit');
+
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+		expect(localStorage.getItem('conn-1__masterKey')).toBe('s3cret');
+		expect(store.pageReloadKey).toBe(1);
+		await flushPromises();
+		expect(wrapper.find('form').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('is not dismissible: Escape does nothing and there is no close button', async () => {
+		const wrapper = mountHost();
+		useMasterPasswordStore().showMasterPasswordDialog('conn-1');
+		await flushPromises();
+
+		await wrapper.find('dialog').trigger('cancel');
+		await flushPromises();
+
+		expect(wrapper.find('form').exists()).toBe(true);
+		expect(wrapper.find('[aria-label="Close dialog"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('closes on Cancel without storing anything', async () => {
+		const wrapper = mountHost();
+		const dialogRef = useMasterPasswordStore().showMasterPasswordDialog('conn-1');
+		await flushPromises();
+
+		await wrapper.find('input').setValue('typed');
+		await button(wrapper, 'Cancel').trigger('click');
+
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+		expect(localStorage.getItem('conn-1__masterKey')).toBeNull();
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/master-password/MasterPasswordDialog.vue b/frontend-vue/src/components/master-password/MasterPasswordDialog.vue
new file mode 100644
index 000000000..525c7fbc7
--- /dev/null
+++ b/frontend-vue/src/components/master-password/MasterPasswordDialog.vue
@@ -0,0 +1,42 @@
+<script setup lang="ts">
+/**
+ * Port of frontend/src/app/components/master-password-dialog: asks for the master password of a
+ * connection with client-side encryption, stores it and reloads the page so it is sent.
+ *
+ * Opened through `useMasterPasswordStore().showMasterPasswordDialog()`. Like Angular's
+ * `disableClose: true`, Escape and the backdrop do nothing; only Cancel and Submit close it.
+ */
+import { ref } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { UiField, UiInput } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import { type MasterPasswordDialogData, useMasterPasswordStore } from '@/stores/master-password';
+
+const props = defineProps<{
+	/** The connection the password belongs to. */
+	data: MasterPasswordDialogData;
+}>();
+
+const dialogRef = useDialogRef<void>();
+const masterPassword = useMasterPasswordStore();
+const password = ref('');
+
+function enterMasterPassword() {
+	masterPassword.saveMasterPassword(props.data.connectionId, password.value);
+	dialogRef.close();
+}
+</script>
+
+<template>
+	<AppDialogForm
+		title="Enter Master Password"
+		submit-label="Submit"
+		size="sm"
+		:dismissible="false"
+		@submit="enterMasterPassword"
+	>
+		<UiField label="Password" required>
+			<UiInput v-model="password" type="password" name="password" autocomplete="current-password" />
+		</UiField>
+	</AppDialogForm>
+</template>
diff --git a/frontend-vue/src/components/shared/AppAlert.spec.ts b/frontend-vue/src/components/shared/AppAlert.spec.ts
new file mode 100644
index 000000000..82cdcd33b
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppAlert.spec.ts
@@ -0,0 +1,135 @@
+import { mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { nextTick } from 'vue';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import { type Alert, AlertActionType, AlertType } from '@/models/alert';
+import { useNotificationsStore } from '@/stores/notifications';
+import AppAlert from './AppAlert.vue';
+
+function mountAlert(props: { alert?: Alert | null } = {}, slots: Record<string, string> = {}) {
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:p(.*)*', component: { template: '<div />' } }],
+	});
+	return mount(AppAlert, { props, slots, global: { plugins: [router] } });
+}
+
+describe('AppAlert', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+	});
+
+	it('renders nothing without an alert', () => {
+		expect(mountAlert().find('.ui-alert').exists()).toBe(false);
+	});
+
+	it("renders the store's current alert, and disappears when it is dismissed", async () => {
+		const wrapper = mountAlert();
+		const notifications = useNotificationsStore();
+
+		notifications.showAlert(AlertType.Error, 'Connection failed');
+		await nextTick();
+		expect(wrapper.get('[data-testid="alert-error-message"]').text()).toBe('Connection failed');
+		expect(wrapper.get('.ui-alert').classes()).toContain('ui-alert--error');
+		// Errors interrupt: UiAlert's assertive live region.
+		expect(wrapper.get('.ui-alert').attributes('role')).toBe('alert');
+
+		notifications.dismissAlert();
+		await nextTick();
+		expect(wrapper.find('.ui-alert').exists()).toBe(false);
+	});
+
+	it('prefers its own alert prop over the store', () => {
+		useNotificationsStore().showAlert(AlertType.Error, 'From the store');
+		const wrapper = mountAlert({ alert: { id: 7, type: AlertType.Warning, message: 'From the prop' } });
+
+		expect(wrapper.text()).toContain('From the prop');
+		expect(wrapper.text()).not.toContain('From the store');
+		expect(wrapper.get('.ui-alert').classes()).toContain('ui-alert--warning');
+	});
+
+	it('renders abstract and details as a title over text', () => {
+		const wrapper = mountAlert({
+			alert: { id: 1, type: AlertType.Error, message: { abstract: 'Query failed', details: 'syntax error at "FROM"' } },
+		});
+
+		expect(wrapper.find('[data-testid="alert-error-message-box"]').exists()).toBe(true);
+		expect(wrapper.get('[data-testid="alert-abstract"]').text()).toBe('Query failed');
+		expect(wrapper.get('[data-testid="alert-details"]').text()).toBe('syntax error at "FROM"');
+	});
+
+	it('renders an abstract without details as a plain message', () => {
+		const wrapper = mountAlert({
+			alert: { id: 1, type: AlertType.Info, message: { abstract: 'Only the abstract', details: '' } },
+		});
+
+		expect(wrapper.get('[data-testid="alert-info-message"]').text()).toBe('Only the abstract');
+		expect(wrapper.find('[data-testid="alert-details"]').exists()).toBe(false);
+	});
+
+	it('renders the default slot when the message is null', () => {
+		const alert = { id: 1, type: AlertType.Warning, message: null } as unknown as Alert;
+		const wrapper = mountAlert({ alert }, { default: '<span class="custom">Uses IP 18.221.81.73</span>' });
+
+		expect(wrapper.find('.custom').exists()).toBe(true);
+	});
+
+	it('shows the icon for the alert type', () => {
+		const wrapper = mountAlert({ alert: { id: 1, type: AlertType.Success, message: 'Saved' } });
+
+		expect(wrapper.get('.ui-icon').text()).toBe('task_alt');
+	});
+
+	it('calls a button action with the alert id', async () => {
+		// Ported from alert.component.spec.ts: "should call function from action on alert button click".
+		const action = vi.fn();
+		const wrapper = mountAlert({
+			alert: {
+				id: 42,
+				type: AlertType.Error,
+				message: 'Error message',
+				actions: [{ type: AlertActionType.Button, caption: 'Dismiss', action }],
+			},
+		});
+
+		await wrapper.get('[data-testid="alert-action-button"]').trigger('click');
+
+		expect(action).toHaveBeenCalledWith(42);
+	});
+
+	it('renders internal links as router links and external links in a new tab', () => {
+		const wrapper = mountAlert({
+			alert: {
+				id: 1,
+				type: AlertType.Info,
+				message: 'Upgrade to continue',
+				actions: [
+					{ type: AlertActionType.Link, caption: 'Upgrade', to: '/upgrade' },
+					{ type: AlertActionType.Anchor, caption: 'Docs', to: 'https://docs.rocketadmin.com/' },
+				],
+			},
+		});
+
+		const internal = wrapper.get('[data-testid="alert-action-internal-link"]');
+		expect(internal.attributes('href')).toBe('/upgrade');
+
+		const external = wrapper.get('[data-testid="alert-action-external-link"]');
+		expect(external.attributes('href')).toBe('https://docs.rocketadmin.com/');
+		expect(external.attributes('target')).toBe('_blank');
+		expect(external.attributes('rel')).toBe('noopener noreferrer');
+	});
+
+	it('wires a store alert Dismiss action back to the store', async () => {
+		const wrapper = mountAlert();
+		const notifications = useNotificationsStore();
+		notifications.showAlert(AlertType.Error, 'Failed', [
+			{ type: AlertActionType.Button, caption: 'Dismiss', action: () => notifications.dismissAlert() },
+		]);
+		await nextTick();
+
+		await wrapper.get('[data-testid="alert-action-button"]').trigger('click');
+
+		expect(notifications.alert).toBeNull();
+	});
+});
diff --git a/frontend-vue/src/components/shared/AppAlert.stories.ts b/frontend-vue/src/components/shared/AppAlert.stories.ts
new file mode 100644
index 000000000..bd70eea21
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppAlert.stories.ts
@@ -0,0 +1,78 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { type Alert, AlertActionType, AlertType } from '@/models/alert';
+import AppAlert from './AppAlert.vue';
+
+/**
+ * The page alert (port of Angular's `app-alert`). Shows its `alert` prop, else the notifications
+ * store's current alert. Three message shapes — plain string, abstract + details, and `null` (the
+ * default slot) — and three action types.
+ */
+const meta = {
+	title: 'App/Alert',
+	component: AppAlert,
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+} satisfies Meta<typeof AppAlert>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+const dismiss = { type: AlertActionType.Button, caption: 'Dismiss', action: () => undefined };
+
+export const Plain: Story = {
+	args: {
+		alert: { id: 1, type: AlertType.Error, message: 'Connection to the database timed out.', actions: [dismiss] },
+	},
+};
+
+export const AbstractAndDetails: Story = {
+	args: {
+		alert: {
+			id: 2,
+			type: AlertType.Error,
+			message: { abstract: 'Query failed', details: 'ERROR: relation "users" does not exist' },
+			actions: [dismiss],
+		},
+	},
+};
+
+/** Every type, with each action shape, plus the slot form connect-db uses. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { AppAlert },
+		setup: () => {
+			const alerts: Alert[] = [
+				{
+					id: 1,
+					type: AlertType.Error,
+					message: { abstract: 'Query failed', details: 'syntax error at "FROM"' },
+					actions: [dismiss],
+				},
+				{
+					id: 2,
+					type: AlertType.Warning,
+					message: 'This is a test connection. Changes are visible to everyone.',
+					actions: [{ type: AlertActionType.Anchor, caption: 'Learn more', to: 'https://docs.rocketadmin.com/' }],
+				},
+				{
+					id: 3,
+					type: AlertType.Info,
+					message: 'Some tables have no primary key, so their rows cannot be edited.',
+					actions: [{ type: AlertActionType.Link, caption: 'Settings', to: '/company' }],
+				},
+				{ id: 4, type: AlertType.Success, message: 'Your email has been verified.' },
+			];
+			const slotAlert = { id: 5, type: AlertType.Warning, message: null } as unknown as Alert;
+			return { alerts, slotAlert };
+		},
+		template: `
+      <div style="display: flex; flex-direction: column; gap: 0.75rem;">
+        <AppAlert v-for="alert in alerts" :key="alert.id" :alert="alert" />
+        <AppAlert :alert="slotAlert">
+          Please make sure our servers are able to access your database. Rocketadmin uses the IP address
+          <code>18.221.81.73</code> for all outbound requests.
+        </AppAlert>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/shared/AppAlert.vue b/frontend-vue/src/components/shared/AppAlert.vue
new file mode 100644
index 000000000..8fa31f4fe
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppAlert.vue
@@ -0,0 +1,166 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/ui-components/alert (AlertComponent).
+//
+// Renders the given `alert`, or — like the Angular `this.alert || notifications.currentAlert` — the
+// notifications store's page alert. Three message shapes, same as Angular's getMessageType():
+// a string (plain), `{abstract, details}` with details (bold abstract over the details), and
+// `{abstract}` alone (plain abstract). `message: null` renders the default slot instead — how
+// connect-db puts the IP-address hint inside a warning alert.
+//
+// Actions follow AlertActionType: `button` calls `action(alert.id)`, `internal link` is a
+// RouterLink, `external link` opens in a new tab. Sticky under the header, as in Angular.
+import { computed } from 'vue';
+import { UiAlert, UiButton, UiIcon } from '@/components/ui';
+import { type Alert, type AlertAction, AlertActionType, type AlertType } from '@/models/alert';
+import { useNotificationsStore } from '@/stores/notifications';
+
+const props = defineProps<{
+	/** An alert to show instead of the store's current page alert. */
+	alert?: Alert | null;
+}>();
+
+const notifications = useNotificationsStore();
+
+const current = computed<Alert | null>(() => props.alert || notifications.alert);
+
+const ICONS: Record<AlertType, string> = {
+	error: 'error',
+	warning: 'warning',
+	info: 'info',
+	success: 'task_alt',
+};
+
+/** Mirrors Angular's getMessageType(), minus its habit of mutating the alert while rendering. */
+const message = computed(() => {
+	const value = current.value?.message;
+	if (value === null || value === undefined) return { kind: 'slot' as const };
+	if (typeof value === 'string') return { kind: 'plain' as const, text: value };
+	if (value.details) return { kind: 'complex' as const, abstract: value.abstract, details: value.details };
+	return { kind: 'plain' as const, text: value.abstract };
+});
+
+function onButton(action: AlertAction) {
+	if (current.value) action.action?.(current.value.id);
+}
+</script>
+
+<template>
+	<UiAlert v-if="current" :key="current.id" :tone="current.type" class="app-alert">
+		<div class="app-alert__body">
+			<UiIcon :name="ICONS[current.type]" class="app-alert__icon" />
+
+			<div
+				v-if="message.kind === 'complex'"
+				class="app-alert__message"
+				:data-testid="`alert-${current.type}-message-box`"
+			>
+				<strong class="app-alert__title" data-testid="alert-abstract">{{ message.abstract }}</strong>
+				<p class="app-alert__text" data-testid="alert-details">{{ message.details }}</p>
+			</div>
+			<p
+				v-else-if="message.kind === 'plain'"
+				class="app-alert__message"
+				:data-testid="`alert-${current.type}-message`"
+			>
+				{{ message.text }}
+			</p>
+			<div v-else class="app-alert__message">
+				<slot />
+			</div>
+
+			<div v-if="current.actions?.length" class="app-alert__actions">
+				<template v-for="action in current.actions" :key="action.caption">
+					<UiButton
+						v-if="action.type === AlertActionType.Button"
+						variant="ghost"
+						size="sm"
+						data-testid="alert-action-button"
+						@click="onButton(action)"
+					>
+						{{ action.caption }}
+					</UiButton>
+					<UiButton
+						v-else-if="action.type === AlertActionType.Anchor"
+						variant="ghost"
+						size="sm"
+						:href="action.to"
+						target="_blank"
+						rel="noopener noreferrer"
+						data-testid="alert-action-external-link"
+					>
+						{{ action.caption }}
+					</UiButton>
+					<UiButton
+						v-else-if="action.type === AlertActionType.Link && action.to"
+						variant="ghost"
+						size="sm"
+						:to="action.to"
+						data-testid="alert-action-internal-link"
+					>
+						{{ action.caption }}
+					</UiButton>
+				</template>
+			</div>
+		</div>
+	</UiAlert>
+</template>
+
+<style scoped>
+/* Sticky under the header while the page scrolls, as the Angular :host was. */
+.app-alert {
+	position: sticky;
+	top: calc(var(--header-height) + var(--space-6));
+	z-index: var(--z-sticky);
+}
+
+.app-alert__body {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--space-3);
+}
+
+.app-alert__icon {
+	margin-top: var(--space-05);
+}
+
+.app-alert__message {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	gap: var(--space-1);
+	min-width: 0;
+	min-height: var(--space-6);
+	margin: 0;
+	overflow-wrap: anywhere;
+}
+
+.app-alert__title {
+	font-weight: var(--weight-semibold);
+}
+
+.app-alert__text {
+	margin: 0;
+}
+
+.app-alert__actions {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: var(--space-2);
+	margin-inline-start: auto;
+}
+
+/* Narrow screens: icon + message on one row, actions on their own full-width row. */
+@media (width <= 600px) {
+	.app-alert__body {
+		display: grid;
+		grid-template-columns: auto 1fr;
+	}
+
+	.app-alert__actions {
+		grid-column: 1 / -1;
+		justify-content: flex-end;
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/shared/AppBanner.spec.ts b/frontend-vue/src/components/shared/AppBanner.spec.ts
new file mode 100644
index 000000000..53a670e58
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppBanner.spec.ts
@@ -0,0 +1,28 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { AlertType } from '@/models/alert';
+import AppBanner from './AppBanner.vue';
+
+describe('AppBanner', () => {
+	it('renders its content in the card', () => {
+		const wrapper = mount(AppBanner, { slots: { default: '<p>Your account has been deleted successfully.</p>' } });
+
+		expect(wrapper.get('.app-banner__box').text()).toBe('Your account has been deleted successfully.');
+	});
+
+	it('lands the type as a modifier, neutral when omitted', () => {
+		expect(
+			mount(AppBanner, { props: { type: AlertType.Error } })
+				.get('.app-banner__box')
+				.classes(),
+		).toContain('app-banner__box--error');
+		expect(mount(AppBanner).get('.app-banner__box').classes()).toContain('app-banner__box--neutral');
+	});
+
+	it('renders the actions row only when given', () => {
+		expect(mount(AppBanner).find('.app-banner__actions').exists()).toBe(false);
+
+		const wrapper = mount(AppBanner, { slots: { actions: '<button type="button">Report a bug</button>' } });
+		expect(wrapper.get('.app-banner__actions').text()).toBe('Report a bug');
+	});
+});
diff --git a/frontend-vue/src/components/shared/AppBanner.stories.ts b/frontend-vue/src/components/shared/AppBanner.stories.ts
new file mode 100644
index 000000000..49ad01a1e
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppBanner.stories.ts
@@ -0,0 +1,49 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { UiButton } from '@/components/ui';
+import { AlertType } from '@/models/alert';
+import AppBanner from './AppBanner.vue';
+
+/** Full-height status card for page-level states (port of Angular's `app-banner`). */
+const meta = {
+	title: 'App/Banner',
+	component: AppBanner,
+	tags: ['autodocs'],
+	parameters: { layout: 'fullscreen' },
+	args: { type: AlertType.Error },
+	argTypes: { type: { control: 'select', options: [undefined, ...Object.values(AlertType)] } },
+	render: (args) => ({
+		components: { AppBanner, UiButton },
+		setup: () => ({ args }),
+		template: `
+      <AppBanner v-bind="args">
+        <strong>Connection failed</strong>
+        <p>ECONNREFUSED 10.0.0.12:5432</p>
+        <template #actions>
+          <UiButton variant="secondary" size="sm">Check database credentials</UiButton>
+          <UiButton variant="danger" size="sm">Report a bug</UiButton>
+        </template>
+      </AppBanner>
+    `,
+	}),
+} satisfies Meta<typeof AppBanner>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const ServerError: Story = {};
+
+/** Each type, and none (the invalid-invitation page). */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { AppBanner },
+		setup: () => ({ types: [...Object.values(AlertType), undefined] }),
+		template: `
+      <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));">
+        <AppBanner v-for="type in types" :key="type ?? 'none'" :type="type" style="min-height: 14rem;">
+          <h3 style="margin: 0 0 0.5rem;">{{ type ?? 'no type' }}</h3>
+          <p>Rocketadmin can not find any tables.</p>
+        </AppBanner>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/shared/AppBanner.vue b/frontend-vue/src/components/shared/AppBanner.vue
new file mode 100644
index 000000000..46cd9038f
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppBanner.vue
@@ -0,0 +1,98 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/ui-components/banner (BannerComponent).
+//
+// A full-height, centred status card for page-level states that replace the page: a server error
+// loading a connection, "no tables found", an invalid invitation link, "account deleted". The
+// Angular call sites put their buttons in a `.error-actions` div styled through ::ng-deep; here that
+// row is the `actions` slot. `type` is optional — company-member-invitation renders one without.
+//
+// Deviation: the Angular wrapper painted `assets/bg/banner.svg` behind the card. The SiteNova look
+// has no such decoration, so the card sits on the page's paper background.
+import { computed } from 'vue';
+import type { AlertType } from '@/models/alert';
+
+const props = defineProps<{
+	/** Status colour of the card's edge and background. Omitted, the card is neutral. */
+	type?: AlertType;
+}>();
+
+const boxClasses = computed(() => ['app-banner__box', `app-banner__box--${props.type ?? 'neutral'}`]);
+</script>
+
+<template>
+	<div class="app-banner">
+		<div :class="boxClasses">
+			<slot />
+			<div v-if="$slots.actions" class="app-banner__actions">
+				<slot name="actions" />
+			</div>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.app-banner {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+	min-height: 60vh;
+	padding: var(--space-6) var(--space-4);
+}
+
+.app-banner__box {
+	width: clamp(18.75rem, 50vw, 28rem);
+	padding: var(--space-6) var(--space-5) var(--space-6) var(--space-6);
+	border: 1px solid var(--color-line);
+	border-inline-start-width: var(--space-2);
+	border-radius: var(--radius-panel);
+	background: var(--color-surface);
+	box-shadow: var(--shadow-card);
+	color: var(--color-ink-soft);
+	line-height: var(--leading-normal);
+}
+
+/* The call sites' copy is <p>/<h1>/<h3>; trim the outer margins so the padding is the frame. */
+.app-banner__box > :slotted(:first-child) {
+	margin-top: 0;
+}
+
+.app-banner__box > :slotted(:last-child) {
+	margin-bottom: 0;
+}
+
+.app-banner__box--error {
+	border-color: var(--color-danger-border);
+	border-inline-start-color: var(--color-danger);
+	background: var(--color-danger-bg);
+}
+
+.app-banner__box--warning {
+	border-color: var(--color-warning-border);
+	border-inline-start-color: var(--color-warning);
+	background: var(--color-warning-bg);
+}
+
+.app-banner__box--success {
+	border-color: var(--color-success-border);
+	border-inline-start-color: var(--color-success);
+	background: var(--color-success-bg);
+}
+
+.app-banner__box--info {
+	border-inline-start-color: var(--color-accent);
+	background: var(--color-paper-2);
+}
+
+.app-banner__box--neutral {
+	border-inline-start-color: var(--color-line-strong);
+}
+
+.app-banner__actions {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	gap: var(--space-3);
+	margin-top: var(--space-8);
+}
+</style>
diff --git a/frontend-vue/src/components/shared/AppBreadcrumbs.spec.ts b/frontend-vue/src/components/shared/AppBreadcrumbs.spec.ts
new file mode 100644
index 000000000..3a1765e65
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppBreadcrumbs.spec.ts
@@ -0,0 +1,54 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import AppBreadcrumbs, { type Breadcrumb } from './AppBreadcrumbs.vue';
+
+function mountCrumbs(crumbs: Breadcrumb[]) {
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:p(.*)*', component: { template: '<div />' } }],
+	});
+	return mount(AppBreadcrumbs, { props: { crumbs }, global: { plugins: [router] } });
+}
+
+const trail: Breadcrumb[] = [
+	{ label: 'Production DB', link: '/dashboard/abc' },
+	{ label: 'users', link: '/dashboard/abc/users', queryParams: { page_index: '2' } },
+	{ label: 'Settings' },
+];
+
+describe('AppBreadcrumbs', () => {
+	it('renders a labelled breadcrumb nav as an ordered list', () => {
+		const wrapper = mountCrumbs(trail);
+
+		expect(wrapper.get('nav').attributes('aria-label')).toBe('Breadcrumb');
+		expect(wrapper.findAll('ol > li')).toHaveLength(3);
+	});
+
+	it('links crumbs that have a link, carrying their query params', () => {
+		const links = mountCrumbs(trail).findAll('a');
+
+		expect(links).toHaveLength(2);
+		expect(links[0]?.attributes('href')).toBe('/dashboard/abc');
+		expect(links[1]?.attributes('href')).toBe('/dashboard/abc/users?page_index=2');
+	});
+
+	it('renders a crumb without a link as static text marked as the current page', () => {
+		const current = mountCrumbs(trail).get('.app-breadcrumbs__current');
+
+		expect(current.text()).toBe('Settings');
+		expect(current.attributes('aria-current')).toBe('page');
+	});
+
+	it('puts a chevron between crumbs but not after the last', () => {
+		const dividers = mountCrumbs(trail).findAll('.app-breadcrumbs__divider');
+
+		expect(dividers).toHaveLength(2);
+		expect(dividers[0]?.text()).toBe('chevron_right');
+		expect(dividers[0]?.attributes('aria-hidden')).toBe('true');
+	});
+
+	it('renders an empty trail by default', () => {
+		expect(mountCrumbs([]).findAll('li')).toHaveLength(0);
+	});
+});
diff --git a/frontend-vue/src/components/shared/AppBreadcrumbs.stories.ts b/frontend-vue/src/components/shared/AppBreadcrumbs.stories.ts
new file mode 100644
index 000000000..c0f6631b9
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppBreadcrumbs.stories.ts
@@ -0,0 +1,35 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import AppBreadcrumbs from './AppBreadcrumbs.vue';
+
+/** Breadcrumb trail (port of Angular's `app-breadcrumbs`): linked crumbs, then the current page. */
+const meta = {
+	title: 'App/Breadcrumbs',
+	component: AppBreadcrumbs,
+	tags: ['autodocs'],
+	parameters: { layout: 'padded', router: { extraPaths: ['/dashboard/abc', '/dashboard/abc/users'] } },
+	args: {
+		crumbs: [
+			{ label: 'Production DB', link: '/dashboard/abc' },
+			{ label: 'users', link: '/dashboard/abc/users' },
+			{ label: 'Settings' },
+		],
+	},
+} satisfies Meta<typeof AppBreadcrumbs>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const AllVariants: Story = {
+	render: () => ({
+		components: { AppBreadcrumbs },
+		template: `
+      <div style="display: grid; gap: 1rem;">
+        <AppBreadcrumbs :crumbs="[{ label: 'Settings' }]" />
+        <AppBreadcrumbs :crumbs="[{ label: 'Production DB', link: '/dashboard/abc' }, { label: 'Widgets' }]" />
+        <AppBreadcrumbs :crumbs="[{ label: 'Production DB', link: '/dashboard/abc' }, { label: 'users', link: '/dashboard/abc/users' }, { label: 'Actions' }]" />
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/shared/AppBreadcrumbs.vue b/frontend-vue/src/components/shared/AppBreadcrumbs.vue
new file mode 100644
index 000000000..0d7a10b18
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppBreadcrumbs.vue
@@ -0,0 +1,93 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/ui-components/breadcrumbs (BreadcrumbsComponent).
+//
+// Crumbs with a `link` are RouterLinks (carrying `queryParams`); the rest — normally the last, the
+// current page — are bold static text. A chevron separates them. Rendered as a `<nav>` with an
+// ordered list and `aria-current="page"` on the final crumb, which the Angular `<div>` lacked.
+import { UiIcon } from '@/components/ui';
+
+export interface Breadcrumb {
+	label: string;
+	link?: string | null;
+	queryParams?: Record<string, string>;
+}
+
+withDefaults(
+	defineProps<{
+		/** The trail, outermost first. */
+		crumbs?: Breadcrumb[];
+	}>(),
+	{ crumbs: () => [] },
+);
+</script>
+
+<template>
+	<nav class="app-breadcrumbs" aria-label="Breadcrumb">
+		<ol class="app-breadcrumbs__list">
+			<li v-for="(crumb, index) in crumbs" :key="`${index}-${crumb.label}`" class="app-breadcrumbs__item">
+				<RouterLink
+					v-if="crumb.link"
+					:to="{ path: crumb.link, query: crumb.queryParams }"
+					class="app-breadcrumbs__link"
+					:aria-current="index === crumbs.length - 1 ? 'page' : undefined"
+				>
+					{{ crumb.label }}
+				</RouterLink>
+				<strong
+					v-else
+					class="app-breadcrumbs__current"
+					:aria-current="index === crumbs.length - 1 ? 'page' : undefined"
+				>
+					{{ crumb.label }}
+				</strong>
+				<UiIcon v-if="index !== crumbs.length - 1" name="chevron_right" size="sm" class="app-breadcrumbs__divider" />
+			</li>
+		</ol>
+	</nav>
+</template>
+
+<style scoped>
+.app-breadcrumbs__list {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: var(--space-1);
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.app-breadcrumbs__item {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-1);
+	min-width: 0;
+}
+
+.app-breadcrumbs__link {
+	padding: var(--space-1) var(--space-2);
+	border-radius: var(--radius-control);
+	color: var(--color-muted);
+	font-weight: var(--weight-medium);
+	text-decoration: none;
+	transition:
+		background var(--motion-fast),
+		color var(--motion-fast);
+}
+
+.app-breadcrumbs__link:hover {
+	background: var(--color-paper-2);
+	color: var(--color-accent-ink);
+}
+
+.app-breadcrumbs__current {
+	padding: var(--space-1) var(--space-2);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+	overflow-wrap: anywhere;
+}
+
+.app-breadcrumbs__divider {
+	color: var(--color-muted-soft);
+}
+</style>
diff --git a/frontend-vue/src/components/shared/AppContentLoader.spec.ts b/frontend-vue/src/components/shared/AppContentLoader.spec.ts
new file mode 100644
index 000000000..247ea611c
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppContentLoader.spec.ts
@@ -0,0 +1,16 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import AppContentLoader from './AppContentLoader.vue';
+
+describe('AppContentLoader', () => {
+	it('announces loading through the spinner', () => {
+		const spinner = mount(AppContentLoader).get('.ui-spinner');
+
+		expect(spinner.attributes('role')).toBe('status');
+		expect(spinner.text()).toBe('Loading');
+	});
+
+	it('accepts a more specific label', () => {
+		expect(mount(AppContentLoader, { props: { label: 'Loading filters' } }).text()).toBe('Loading filters');
+	});
+});
diff --git a/frontend-vue/src/components/shared/AppContentLoader.stories.ts b/frontend-vue/src/components/shared/AppContentLoader.stories.ts
new file mode 100644
index 000000000..1872c3118
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppContentLoader.stories.ts
@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import AppContentLoader from './AppContentLoader.vue';
+
+/** Centred loader over its positioned container (port of Angular's `app-content-loader`). */
+const meta = {
+	title: 'App/ContentLoader',
+	component: AppContentLoader,
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+	render: (args) => ({
+		components: { AppContentLoader },
+		setup: () => ({ args }),
+		template:
+			'<div style="position: relative; height: 12rem; border: 1px dashed var(--color-line);"><AppContentLoader v-bind="args" /></div>',
+	}),
+} satisfies Meta<typeof AppContentLoader>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/frontend-vue/src/components/shared/AppContentLoader.vue b/frontend-vue/src/components/shared/AppContentLoader.vue
new file mode 100644
index 000000000..5f66de9ca
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppContentLoader.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/ui-components/content-loader (ContentLoaderComponent).
+//
+// The Angular loader was five pulsing dots absolutely centred in the nearest positioned ancestor,
+// with its own `@keyframes pulse`. The design system owns exactly one spinner animation (UiSpinner),
+// so this keeps the behaviour — centred over its container, announced as loading — on that
+// primitive instead of declaring another keyframe.
+import { UiSpinner } from '@/components/ui';
+
+withDefaults(
+	defineProps<{
+		/** Announced to screenreaders while it shows. */
+		label?: string;
+	}>(),
+	{ label: 'Loading' },
+);
+</script>
+
+<template>
+	<div class="app-content-loader">
+		<UiSpinner size="lg" :label="label" />
+	</div>
+</template>
+
+<style scoped>
+.app-content-loader {
+	position: absolute;
+	inset: 0;
+	display: grid;
+	place-items: center;
+	color: var(--color-accent);
+	pointer-events: none;
+}
+</style>
diff --git a/frontend-vue/src/components/shared/AppIconPicker.spec.ts b/frontend-vue/src/components/shared/AppIconPicker.spec.ts
new file mode 100644
index 000000000..e95d1aadd
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppIconPicker.spec.ts
@@ -0,0 +1,118 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it } from 'vitest';
+import AppIconPicker from './AppIconPicker.vue';
+
+const ICONS = ['star', 'favorite', 'bolt'];
+
+let wrapper: ReturnType<typeof mountPicker> | undefined;
+
+function mountPicker(props: Record<string, unknown> = {}) {
+	return mount(AppIconPicker, { props: { defaultIcons: ICONS, ...props }, attachTo: document.body });
+}
+
+afterEach(() => {
+	wrapper?.unmount();
+	wrapper = undefined;
+});
+
+const trigger = () => wrapper!.get('.app-icon-picker__trigger');
+const panel = () => wrapper!.get('[role="dialog"]');
+const isOpen = () => (panel().element as HTMLElement).style.display !== 'none';
+
+describe('AppIconPicker', () => {
+	it('labels the trigger by whether an icon is set, with the tooltip as title', () => {
+		wrapper = mountPicker({ tooltip: 'Choose an icon' });
+		expect(trigger().text()).toBe('Add icon');
+		expect(trigger().attributes('title')).toBe('Choose an icon');
+		wrapper.unmount();
+
+		wrapper = mountPicker({ icon: 'star' });
+		expect(trigger().text()).toContain('Change icon');
+		expect(trigger().get('.ui-icon').text()).toBe('star');
+	});
+
+	it('opens the panel on click and moves focus into it', async () => {
+		wrapper = mountPicker({ icon: 'favorite' });
+		await trigger().trigger('click');
+		await flushPromises();
+
+		expect(isOpen()).toBe(true);
+		expect(trigger().attributes('aria-expanded')).toBe('true');
+		// The checked suggestion takes focus.
+		expect((document.activeElement as HTMLInputElement).value).toBe('favorite');
+	});
+
+	it('offers the suggestions as named radios with the current icon checked', () => {
+		wrapper = mountPicker({ icon: 'bolt' });
+		const radios = wrapper.findAll('input[type="radio"]');
+
+		expect(radios.map((radio) => (radio.element as HTMLInputElement).value)).toEqual(ICONS);
+		expect((radios[2]?.element as HTMLInputElement).checked).toBe(true);
+		expect(wrapper.findAll('.app-icon-picker__option')[0]?.text()).toContain('star');
+	});
+
+	it('emits a picked suggestion, and closes on a pointer click', async () => {
+		wrapper = mountPicker();
+		await trigger().trigger('click');
+		const radio = wrapper.findAll('input[type="radio"]')[1]!;
+
+		await radio.setValue(true);
+		expect(wrapper.emitted('change')?.[0]).toEqual(['favorite']);
+		expect(isOpen()).toBe(true);
+
+		// detail 1 = a real pointer click; arrow-key selection dispatches click with detail 0.
+		radio.element.dispatchEvent(new MouseEvent('click', { bubbles: true, detail: 1 }));
+		await flushPromises();
+		expect(isOpen()).toBe(false);
+	});
+
+	it('applies a custom icon name and closes', async () => {
+		wrapper = mountPicker();
+		await trigger().trigger('click');
+		const apply = wrapper.findAll('button').find((button) => button.text() === 'Apply')!;
+		expect(apply.attributes('disabled')).toBeDefined();
+
+		await wrapper.get('input[type="text"]').setValue('rocket_launch');
+		await wrapper.get('form').trigger('submit');
+
+		expect(wrapper.emitted('change')?.[0]).toEqual(['rocket_launch']);
+		expect(isOpen()).toBe(false);
+	});
+
+	it('shows Remove only with an icon and resetButtonShown, emitting null', async () => {
+		wrapper = mountPicker({ icon: 'star' });
+		expect(wrapper.findAll('button').some((button) => button.text() === 'Remove')).toBe(false);
+		wrapper.unmount();
+
+		wrapper = mountPicker({ icon: 'star', resetButtonShown: true });
+		await trigger().trigger('click');
+		await wrapper
+			.findAll('button')
+			.find((button) => button.text() === 'Remove')!
+			.trigger('click');
+
+		expect(wrapper.emitted('change')?.[0]).toEqual([null]);
+		expect(isOpen()).toBe(false);
+	});
+
+	it('closes on Escape and returns focus to the trigger', async () => {
+		wrapper = mountPicker();
+		await trigger().trigger('click');
+		await flushPromises();
+
+		await panel().trigger('keydown', { key: 'Escape' });
+
+		expect(isOpen()).toBe(false);
+		expect(document.activeElement).toBe(trigger().element);
+	});
+
+	it('closes on a pointerdown outside', async () => {
+		wrapper = mountPicker();
+		await trigger().trigger('click');
+
+		document.body.dispatchEvent(new Event('pointerdown', { bubbles: true }));
+		await flushPromises();
+
+		expect(isOpen()).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/shared/AppIconPicker.stories.ts b/frontend-vue/src/components/shared/AppIconPicker.stories.ts
new file mode 100644
index 000000000..4ac3432e9
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppIconPicker.stories.ts
@@ -0,0 +1,42 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { ref } from 'vue';
+import AppIconPicker from './AppIconPicker.vue';
+
+/** Icon chooser for table and action settings (port of Angular's `app-icon-picker`). */
+const meta = {
+	title: 'App/IconPicker',
+	component: AppIconPicker,
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+	args: {
+		defaultIcons: [
+			'star',
+			'favorite',
+			'bolt',
+			'mail',
+			'send',
+			'check_circle',
+			'delete',
+			'edit',
+			'person',
+			'shopping_cart',
+		],
+		tooltip: 'Choose an icon',
+		resetButtonShown: true,
+	},
+	render: (args) => ({
+		components: { AppIconPicker },
+		setup: () => ({ args, icon: ref<string | null>(null) }),
+		template: `
+      <div style="min-height: 22rem;">
+        <AppIconPicker v-bind="args" :icon="icon" @change="icon = $event" />
+        <p style="color: var(--color-muted);">Current: {{ icon ?? 'none' }}</p>
+      </div>
+    `,
+	}),
+} satisfies Meta<typeof AppIconPicker>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/frontend-vue/src/components/shared/AppIconPicker.vue b/frontend-vue/src/components/shared/AppIconPicker.vue
new file mode 100644
index 000000000..3de9758ea
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppIconPicker.vue
@@ -0,0 +1,279 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/ui-components/icon-picker (IconPickerComponent).
+//
+// A button ("Add icon" / "Change icon", tooltip via `title`) opening a small panel: a grid of
+// suggested icons as radio buttons, a free-text Material Symbols name with Apply, and Remove when
+// `resetButtonShown` and an icon is set. Emits `change` with the icon name, or `null` for Remove —
+// the Angular `onFieldChange` output.
+//
+// Angular put this inside a mat-menu, which closes on any click inside it except where the custom
+// input stopped propagation; the same effect here: clicking a suggestion, Apply and Remove close the
+// panel, typing doesn't, and arrowing through the suggestions emits each without closing. The panel is a non-modal `role="dialog"` rather than a UiMenu — its contents
+// are radios and a text field, which `role="menu"` may not contain. Escape and an outside click
+// close it; focus moves in on open and back to the button on Escape.
+import { computed, nextTick, onBeforeUnmount, ref, useId, watch } from 'vue';
+import { UiButton, UiField, UiIcon, UiInput } from '@/components/ui';
+
+const props = withDefaults(
+	defineProps<{
+		/** The current icon name, if any. */
+		icon?: string | null;
+		/** Suggested icons shown as a grid. */
+		defaultIcons?: string[];
+		/** Tooltip on the trigger button. */
+		tooltip?: string;
+		/** Shows "Remove" (emitting `null`) while an icon is set. */
+		resetButtonShown?: boolean;
+	}>(),
+	{ icon: null, defaultIcons: () => [], resetButtonShown: false },
+);
+
+const emit = defineEmits<{ change: [string | null] }>();
+
+const uid = useId();
+const panelId = `${uid}-panel`;
+const radioName = `${uid}-icon`;
+
+const open = ref(false);
+const selected = ref<string | null>(props.icon);
+const customIcon = ref(props.icon ?? '');
+const root = ref<HTMLElement | null>(null);
+const panel = ref<HTMLElement | null>(null);
+const trigger = ref<InstanceType<typeof UiButton> | null>(null);
+
+watch(
+	() => props.icon,
+	(icon) => {
+		selected.value = icon;
+	},
+);
+
+const triggerLabel = computed(() => (props.icon ? 'Change icon' : 'Add icon'));
+
+onBeforeUnmount(() => document.removeEventListener('pointerdown', onDocumentPointerdown, true));
+
+async function toggle() {
+	if (open.value) {
+		close();
+		return;
+	}
+	open.value = true;
+	document.addEventListener('pointerdown', onDocumentPointerdown, true);
+	await nextTick();
+	const first =
+		panel.value?.querySelector<HTMLInputElement>('input[type="radio"]:checked') ??
+		panel.value?.querySelector<HTMLInputElement>('input, button');
+	first?.focus();
+}
+
+function close(returnFocus = false) {
+	open.value = false;
+	document.removeEventListener('pointerdown', onDocumentPointerdown, true);
+	if (returnFocus) (trigger.value?.$el as HTMLElement | undefined)?.focus();
+}
+
+/** Every selection change emits, as Angular's `ngModelChange` did. */
+function pick(icon: string) {
+	selected.value = icon;
+	emit('change', icon);
+}
+
+/**
+ * Only a pointer click closes the panel. Arrow keys inside a radio group also dispatch `click`
+ * (with `detail === 0`), and closing on those would shut the panel on the first arrow press.
+ */
+function onOptionClick(event: MouseEvent) {
+	if (event.detail > 0) close(true);
+}
+
+function applyIcon() {
+	if (!customIcon.value) return;
+	emit('change', customIcon.value);
+	close(true);
+}
+
+function resetIcon() {
+	emit('change', null);
+	close(true);
+}
+
+function onPanelKeydown(event: KeyboardEvent) {
+	if (event.key === 'Escape') {
+		event.preventDefault();
+		event.stopPropagation();
+		close(true);
+	}
+}
+
+function onDocumentPointerdown(event: PointerEvent) {
+	if (root.value && !root.value.contains(event.target as Node)) close();
+}
+</script>
+
+<template>
+	<div ref="root" class="app-icon-picker">
+		<UiButton
+			ref="trigger"
+			variant="secondary"
+			size="sm"
+			:title="tooltip"
+			aria-haspopup="dialog"
+			:aria-expanded="open ? 'true' : 'false'"
+			:aria-controls="panelId"
+			class="app-icon-picker__trigger"
+			@click="toggle"
+		>
+			<template v-if="icon" #leading><UiIcon :name="icon" size="sm" /></template>
+			{{ triggerLabel }}
+		</UiButton>
+
+		<div
+			v-show="open"
+			:id="panelId"
+			ref="panel"
+			class="app-icon-picker__panel"
+			role="dialog"
+			:aria-labelledby="`${uid}-title`"
+			@keydown="onPanelKeydown"
+		>
+			<div class="app-icon-picker__header">
+				<strong :id="`${uid}-title`">Choose an icon</strong>
+				<UiButton v-if="icon && resetButtonShown" variant="danger" size="sm" @click="resetIcon">Remove</UiButton>
+			</div>
+
+			<div v-if="defaultIcons.length" class="app-icon-picker__grid" role="radiogroup" aria-label="Suggested icons">
+				<label v-for="defaultIcon in defaultIcons" :key="defaultIcon" class="app-icon-picker__option" :title="defaultIcon">
+					<input
+						type="radio"
+						class="app-icon-picker__radio"
+						:name="radioName"
+						:value="defaultIcon"
+						:checked="selected === defaultIcon"
+						@change="pick(defaultIcon)"
+						@click="onOptionClick"
+					>
+					<span class="app-icon-picker__swatch"><UiIcon :name="defaultIcon" /></span>
+					<span class="app-icon-picker__sr">{{ defaultIcon }}</span>
+				</label>
+			</div>
+
+			<form class="app-icon-picker__custom" @submit.prevent="applyIcon">
+				<UiField label="Add another icon" hint="Paste an &quot;Icon name&quot; from Google Fonts." class="app-icon-picker__field">
+					<UiInput v-model="customIcon" size="sm" autocomplete="off" />
+				</UiField>
+				<UiButton type="submit" variant="primary" size="sm" :disabled="!customIcon">Apply</UiButton>
+			</form>
+			<a href="https://fonts.google.com/icons" target="_blank" rel="noopener noreferrer" class="app-icon-picker__link">
+				Browse Google Fonts icons
+			</a>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.app-icon-picker {
+	position: relative;
+	display: inline-flex;
+}
+
+.app-icon-picker__panel {
+	position: absolute;
+	top: calc(100% + var(--space-1));
+	inset-inline-start: 0;
+	z-index: var(--z-dropdown);
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+	width: 18rem;
+	padding: var(--space-4);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-control);
+	background: var(--color-surface-raised);
+	box-shadow: var(--shadow-card);
+}
+
+.app-icon-picker__header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--space-2);
+	min-height: var(--space-8);
+	color: var(--color-ink);
+}
+
+.app-icon-picker__grid {
+	display: grid;
+	grid-template-columns: repeat(5, var(--space-10));
+	justify-content: space-between;
+	gap: var(--space-1);
+}
+
+.app-icon-picker__option {
+	position: relative;
+	cursor: pointer;
+}
+
+.app-icon-picker__swatch {
+	display: grid;
+	place-items: center;
+	width: var(--space-10);
+	height: var(--space-10);
+	border-radius: var(--radius-pill);
+	color: var(--color-ink-soft);
+	transition: background var(--motion-fast);
+}
+
+.app-icon-picker__option:hover .app-icon-picker__swatch {
+	background: var(--color-paper-2);
+}
+
+.app-icon-picker__radio:checked + .app-icon-picker__swatch {
+	background: var(--color-paper-2);
+	color: var(--color-accent-ink);
+	box-shadow: inset 0 0 0 1px var(--color-accent);
+}
+
+.app-icon-picker__radio:focus-visible + .app-icon-picker__swatch {
+	box-shadow: var(--ring-focus);
+}
+
+/* The radio stays in the accessibility tree and the tab order; only its box is hidden. */
+.app-icon-picker__radio,
+.app-icon-picker__sr {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	clip-path: inset(50%);
+	white-space: nowrap;
+	opacity: 0;
+}
+
+.app-icon-picker__custom {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--space-2);
+}
+
+.app-icon-picker__field {
+	flex: 1;
+	min-width: 0;
+}
+
+/* Lines Apply up with the input rather than the label above it. */
+.app-icon-picker__custom > :deep(.ui-button) {
+	margin-top: calc(var(--text-sm) * 1.5 + var(--space-1));
+}
+
+.app-icon-picker__link {
+	font-size: var(--text-xs);
+	font-weight: var(--weight-semibold);
+	color: var(--color-accent-ink);
+	text-decoration: none;
+}
+
+.app-icon-picker__link:hover {
+	text-decoration: underline;
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderAddUserDialog.vue b/frontend-vue/src/components/skeletons/PlaceholderAddUserDialog.vue
new file mode 100644
index 000000000..a430a8920
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderAddUserDialog.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-add-user-dialog.
+// A field, two lines of text and a two-button action row: the add-user dialog body.
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
+// screen announces once (see UiSkeleton's header).
+import { UiSkeleton } from '@/components/ui';
+</script>
+
+<template>
+	<div class="ph" role="status" aria-label="Loading">
+		<div class="ph__form">
+			<UiSkeleton decorative shape="control" height="2.75rem" />
+			<UiSkeleton decorative width="80%" height="1.25rem" />
+			<UiSkeleton decorative width="80%" height="1.25rem" />
+		</div>
+		<div class="ph__actions">
+			<UiSkeleton decorative shape="control" width="4.5rem" height="2.25rem" />
+			<UiSkeleton decorative shape="control" width="4.5rem" height="2.25rem" />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ph__form {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+	padding: var(--space-5) var(--space-6);
+}
+
+.ph__actions {
+	display: flex;
+	justify-content: flex-end;
+	gap: var(--space-3);
+	padding: var(--space-2);
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderApiKeysList.vue b/frontend-vue/src/components/skeletons/PlaceholderApiKeysList.vue
new file mode 100644
index 000000000..52ffa4f32
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderApiKeysList.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-api-keys-list.
+// Three list rows: an icon and a title on the start side, a round action button on the end.
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
+// screen announces once (see UiSkeleton's header).
+import { UiSkeleton } from '@/components/ui';
+</script>
+
+<template>
+	<div class="ph" role="status" aria-label="Loading API keys">
+		<div v-for="row in 3" :key="row" class="ph__item">
+			<div class="ph__info">
+				<UiSkeleton decorative shape="control" width="1.5rem" height="1.5rem" />
+				<UiSkeleton decorative shape="control" width="10rem" height="1.25rem" />
+			</div>
+			<UiSkeleton decorative shape="circle" width="2rem" height="2rem" />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ph__item {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	min-height: var(--space-10);
+	padding: var(--space-1) var(--space-4);
+}
+
+.ph__info {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderAuditLog.vue b/frontend-vue/src/components/skeletons/PlaceholderAuditLog.vue
new file mode 100644
index 000000000..bc01057b7
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderAuditLog.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-audit-log.
+//
+// The Angular component was an unused `ng generate` stub ("placeholder-audit-log works!"); the audit
+// page actually shows <app-placeholder-table-data> while loading. Ported as that, under the name the
+// audit page will look for, so the stub's text never reaches a user.
+import PlaceholderTableData from './PlaceholderTableData.vue';
+</script>
+
+<template>
+	<PlaceholderTableData label="Loading audit log" />
+</template>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderCompany.vue b/frontend-vue/src/components/skeletons/PlaceholderCompany.vue
new file mode 100644
index 000000000..c1b353156
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderCompany.vue
@@ -0,0 +1,55 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-company.
+// The company page: title, name field, plan line with button, members heading with invite button,
+// then the members table.
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
+// screen announces once (see UiSkeleton's header).
+import { UiSkeleton } from '@/components/ui';
+import PlaceholderTableData from './PlaceholderTableData.vue';
+</script>
+
+<template>
+	<div class="ph" role="status" aria-label="Loading company">
+		<UiSkeleton decorative shape="control" width="min(20.75rem, 100%)" height="2rem" class="ph__title" />
+		<UiSkeleton decorative shape="control" height="2.75rem" />
+		<div class="ph__line">
+			<UiSkeleton decorative shape="control" width="7.5rem" height="1.5rem" />
+			<UiSkeleton decorative shape="control" width="11.875rem" height="2.25rem" />
+		</div>
+		<div class="ph__line ph__line--invite">
+			<UiSkeleton decorative shape="control" width="8.875rem" height="2rem" />
+			<UiSkeleton decorative shape="control" width="9.5rem" height="2.25rem" />
+		</div>
+		<PlaceholderTableData nested />
+	</div>
+</template>
+
+<style scoped>
+.ph {
+	width: 100%;
+	max-width: 75rem;
+	margin: var(--space-8) auto;
+	padding: 0 clamp(var(--space-10), 5vw, 6.25rem);
+}
+
+.ph__title {
+	margin-bottom: var(--space-8);
+}
+
+.ph__line {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin: var(--space-2) 0;
+}
+
+.ph__line--invite {
+	margin-bottom: var(--space-4);
+}
+
+@media (width <= 600px) {
+	.ph {
+		padding: var(--space-0) 9vw;
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderCompanyInvitation.vue b/frontend-vue/src/components/skeletons/PlaceholderCompanyInvitation.vue
new file mode 100644
index 000000000..5f3f7ca37
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderCompanyInvitation.vue
@@ -0,0 +1,53 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-company-invitation.
+// The invitation form: a title, two label + field pairs split by a divider, and a submit button.
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
+// screen announces once (see UiSkeleton's header).
+import { UiSkeleton } from '@/components/ui';
+</script>
+
+<template>
+	<div class="ph" role="status" aria-label="Loading invitation">
+		<UiSkeleton decorative shape="control" height="2rem" class="ph__title" />
+		<UiSkeleton decorative shape="control" width="7.5rem" height="1.5rem" class="ph__label" />
+		<UiSkeleton decorative shape="control" height="2.75rem" />
+		<hr class="ph__divider">
+		<UiSkeleton decorative shape="control" width="7.5rem" height="1.5rem" class="ph__label" />
+		<UiSkeleton decorative shape="control" height="2.75rem" />
+		<UiSkeleton decorative shape="control" width="4rem" height="2.25rem" class="ph__button" />
+	</div>
+</template>
+
+<style scoped>
+.ph {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	width: 90%;
+	min-width: 18.75rem;
+	max-width: 32.5rem;
+	height: 100%;
+	margin: 0 auto;
+	padding: var(--space-4);
+}
+
+.ph__title {
+	margin-bottom: var(--space-8);
+}
+
+.ph__label {
+	margin-bottom: var(--space-4);
+}
+
+.ph__divider {
+	width: 100%;
+	margin: var(--space-12) 0 var(--space-5);
+	border: none;
+	border-top: 1px solid var(--color-line);
+}
+
+.ph__button {
+	margin-top: var(--space-4);
+	margin-inline-start: auto;
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderConnectionSettings.vue b/frontend-vue/src/components/skeletons/PlaceholderConnectionSettings.vue
new file mode 100644
index 000000000..7774eb22a
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderConnectionSettings.vue
@@ -0,0 +1,68 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-connection-settings.
+// A two-column form (logo + field across the top, then full-width and half-width fields) over the
+// fixed save bar.
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
+// screen announces once (see UiSkeleton's header).
+import { UiSkeleton } from '@/components/ui';
+</script>
+
+<template>
+	<div class="ph" role="status" aria-label="Loading connection settings">
+		<div class="ph__form">
+			<div class="ph__line ph__full">
+				<UiSkeleton decorative shape="circle" width="1.5rem" height="1.5rem" />
+				<UiSkeleton decorative shape="control" height="2.75rem" class="ph__grow" />
+			</div>
+			<UiSkeleton decorative shape="control" height="2.75rem" class="ph__full" />
+			<UiSkeleton decorative shape="control" height="2.75rem" />
+			<UiSkeleton decorative shape="control" height="2.75rem" />
+			<UiSkeleton decorative shape="control" height="2.75rem" class="ph__full" />
+		</div>
+		<div class="ph-actions">
+			<UiSkeleton decorative shape="control" width="4.5rem" height="2.25rem" class="ph-actions__start" />
+			<UiSkeleton decorative shape="control" width="4.5rem" height="2.25rem" />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ph__form {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	gap: var(--space-5);
+	margin: 0 auto var(--space-10);
+}
+
+.ph__line {
+	display: flex;
+	align-items: center;
+	gap: var(--space-5);
+}
+
+.ph__full {
+	grid-column: 1 / -1;
+}
+
+.ph__grow {
+	flex: 1;
+}
+
+/* The Angular placeholders faked the fixed save bar at the bottom of the page. */
+.ph-actions {
+	position: sticky;
+	bottom: 0;
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	gap: var(--space-5);
+	min-height: var(--space-16);
+	padding: 0 var(--space-6);
+	border-top: 1px solid var(--color-line);
+	background: var(--color-surface);
+}
+
+.ph-actions__start {
+	margin-inline-end: auto;
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderConnections.vue b/frontend-vue/src/components/skeletons/PlaceholderConnections.vue
new file mode 100644
index 000000000..1037143c3
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderConnections.vue
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-connections.
+// Three connection cards in a row (stacked on narrow screens) and the "Add database" pill below.
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
+// screen announces once (see UiSkeleton's header).
+import { UiSkeleton } from '@/components/ui';
+</script>
+
+<template>
+	<div class="ph" role="status" aria-label="Loading connections">
+		<div class="ph__cards">
+			<UiSkeleton v-for="card in 3" :key="card" decorative shape="block" height="9.25rem" class="ph__card" />
+		</div>
+		<UiSkeleton decorative width="11.125rem" height="3rem" class="ph__add" />
+	</div>
+</template>
+
+<style scoped>
+.ph {
+	display: flex;
+	flex-direction: column;
+}
+
+.ph__cards {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	gap: var(--space-5);
+}
+
+.ph__card {
+	flex: 0 0 calc((100% - 2 * var(--space-5)) / 3);
+}
+
+.ph__add {
+	align-self: flex-end;
+	margin: var(--space-8) 0;
+}
+
+@media (width <= 600px) {
+	.ph__cards {
+		flex-direction: column;
+	}
+
+	.ph__card {
+		flex: initial;
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderDashboards.vue b/frontend-vue/src/components/skeletons/PlaceholderDashboards.vue
new file mode 100644
index 000000000..5bc498bcc
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderDashboards.vue
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-dashboards.
+// Six dashboard cards in an auto-fill grid: preview area, title, description and a meta row.
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
+// screen announces once (see UiSkeleton's header).
+import { UiSkeleton } from '@/components/ui';
+</script>
+
+<template>
+	<div class="ph" role="status" aria-label="Loading dashboards">
+		<div v-for="card in 6" :key="card" class="ph__card">
+			<UiSkeleton decorative shape="block" height="10rem" />
+			<div class="ph__content">
+				<UiSkeleton decorative shape="control" width="60%" height="1.25rem" />
+				<UiSkeleton decorative shape="control" width="80%" height="1rem" />
+				<div class="ph__meta">
+					<UiSkeleton decorative shape="control" width="5rem" height="0.875rem" />
+					<UiSkeleton decorative shape="control" width="3.75rem" height="0.875rem" />
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ph {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr));
+	gap: var(--space-6);
+}
+
+.ph__card {
+	overflow: hidden;
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-panel);
+	background: var(--color-surface);
+}
+
+.ph__content {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+	padding: var(--space-4);
+}
+
+.ph__meta {
+	display: flex;
+	justify-content: space-between;
+	margin-top: var(--space-1);
+}
+
+@media (width <= 600px) {
+	.ph {
+		grid-template-columns: 1fr;
+		gap: var(--space-4);
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderRecordView.vue b/frontend-vue/src/components/skeletons/PlaceholderRecordView.vue
new file mode 100644
index 000000000..2ed087c71
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderRecordView.vue
@@ -0,0 +1,41 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-record-view.
+// The row-view side panel: a "related records" header with a round button, then five key/value
+// pairs separated by hairlines.
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
+// screen announces once (see UiSkeleton's header).
+import { UiSkeleton } from '@/components/ui';
+</script>
+
+<template>
+	<div class="ph" role="status" aria-label="Loading record">
+		<div class="ph__related">
+			<UiSkeleton decorative shape="control" width="7.5rem" height="1.75rem" />
+			<UiSkeleton decorative shape="circle" width="2.25rem" height="2.25rem" />
+		</div>
+		<div v-for="field in 5" :key="field" class="ph__field">
+			<UiSkeleton decorative shape="control" width="7.5rem" height="1.25rem" />
+			<UiSkeleton decorative shape="control" width="12.5rem" height="1.25rem" />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ph__related {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 0 var(--space-2) 0 var(--space-4);
+}
+
+.ph__field {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+	padding: var(--space-3) var(--space-4);
+}
+
+.ph__field:not(:last-child) {
+	border-bottom: 1px solid var(--color-line);
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderRowEdit.vue b/frontend-vue/src/components/skeletons/PlaceholderRowEdit.vue
new file mode 100644
index 000000000..21af6e739
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderRowEdit.vue
@@ -0,0 +1,79 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-row-edit.
+// The row-edit page: breadcrumbs, five fields in a centred column, and the save bar with three
+// buttons.
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
+// screen announces once (see UiSkeleton's header).
+import { UiIcon, UiSkeleton } from '@/components/ui';
+</script>
+
+<template>
+	<div class="ph" role="status" aria-label="Loading row">
+		<div class="ph-crumbs">
+			<UiSkeleton decorative shape="control" width="7.5rem" height="2.25rem" />
+			<UiIcon name="chevron_right" class="ph-crumbs__divider" />
+			<UiSkeleton decorative shape="control" width="10.75rem" height="2.25rem" />
+			<UiIcon name="chevron_right" class="ph-crumbs__divider" />
+			<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" />
+		</div>
+		<div class="ph__form">
+			<UiSkeleton v-for="field in 5" :key="field" decorative shape="control" height="2.75rem" />
+		</div>
+		<div class="ph-actions">
+			<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" class="ph-actions__start" />
+			<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" />
+			<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ph {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: var(--space-8) 0 0;
+}
+
+.ph__form {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+	width: 96%;
+	min-width: 18.75rem;
+	max-width: 32.5rem;
+	margin: var(--space-6) auto var(--space-10);
+}
+
+.ph .ph-actions {
+	align-self: stretch;
+}
+
+.ph-crumbs {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+}
+
+.ph-crumbs__divider {
+	color: var(--color-line-strong);
+}
+
+/* The Angular placeholders faked the fixed save bar at the bottom of the page. */
+.ph-actions {
+	position: sticky;
+	bottom: 0;
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	gap: var(--space-5);
+	min-height: var(--space-16);
+	padding: 0 var(--space-6);
+	border-top: 1px solid var(--color-line);
+	background: var(--color-surface);
+}
+
+.ph-actions__start {
+	margin-inline-end: auto;
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderSavedFilters.vue b/frontend-vue/src/components/skeletons/PlaceholderSavedFilters.vue
new file mode 100644
index 000000000..e206e6e92
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderSavedFilters.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-saved-filters.
+// The saved-filters strip above the table: a round edit button and three filter chips.
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
+// screen announces once (see UiSkeleton's header).
+import { UiSkeleton } from '@/components/ui';
+</script>
+
+<template>
+	<div class="ph" role="status" aria-label="Loading saved filters">
+		<UiSkeleton decorative shape="circle" width="2.25rem" height="2.25rem" class="ph__edit" />
+		<UiSkeleton decorative shape="control" width="6.25rem" height="2rem" />
+		<UiSkeleton decorative shape="control" width="9.375rem" height="2rem" />
+		<UiSkeleton decorative shape="control" width="12.5rem" height="2rem" />
+	</div>
+</template>
+
+<style scoped>
+.ph {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	width: 100%;
+}
+
+.ph__edit {
+	margin-inline-end: var(--space-2);
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderTableData.vue b/frontend-vue/src/components/skeletons/PlaceholderTableData.vue
new file mode 100644
index 000000000..50ce12e08
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderTableData.vue
@@ -0,0 +1,93 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-table-data.
+//
+// A 7-column × 6-row table grid on wide screens, swapped for six 4-line cards at ≤600px — the same
+// 42 cells and 6 cards, in the same column proportions, as the Angular component.
+//
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton. When
+// nested inside another placeholder (PlaceholderTableView, PlaceholderCompany) pass `nested`: the
+// outer placeholder already owns the announcement, and two status regions would announce twice.
+import { computed } from 'vue';
+import { UiSkeleton } from '@/components/ui';
+
+const props = withDefaults(
+	defineProps<{
+		/** Announced while loading. */
+		label?: string;
+		/** Inside another placeholder that already owns the status region. */
+		nested?: boolean;
+	}>(),
+	{ label: 'Loading table', nested: false },
+);
+
+const COLUMNS = 7;
+const ROWS = 6;
+const CARDS = 6;
+/** Mobile card line widths: short, full, medium, long. */
+const CARD_LINES = ['30%', '100%', '60%', '80%'];
+
+const a11y = computed(() => (props.nested ? {} : { role: 'status', 'aria-label': props.label }));
+</script>
+
+<template>
+	<div class="ph" v-bind="a11y">
+		<div class="ph__table">
+			<div v-for="cell in COLUMNS * ROWS" :key="cell" class="ph__cell">
+				<UiSkeleton decorative shape="control" height="1.5rem" />
+			</div>
+		</div>
+		<div class="ph__cards">
+			<div v-for="card in CARDS" :key="card" class="ph__card">
+				<UiSkeleton v-for="width in CARD_LINES" :key="width" decorative shape="control" :width="width" height="0.875rem" />
+			</div>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ph__table {
+	display: grid;
+	grid-template-columns: 3.5rem 20% 30% 7% 8% 15% calc(20% - 3.5rem);
+	overflow: auto;
+	width: 100%;
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-panel);
+	background: var(--color-surface);
+}
+
+.ph__cell {
+	padding: var(--space-2) var(--space-4);
+	border-bottom: 1px solid var(--color-line);
+}
+
+.ph__cell:nth-last-child(-n + 7) {
+	border-bottom: none;
+}
+
+.ph__cards {
+	display: none;
+}
+
+@media (width <= 600px) {
+	.ph__table {
+		display: none;
+	}
+
+	.ph__cards {
+		display: flex;
+		flex-direction: column;
+		gap: var(--space-3);
+		padding: 0 0 var(--space-4);
+	}
+
+	.ph__card {
+		display: flex;
+		flex-direction: column;
+		gap: var(--space-2);
+		padding: var(--space-3) var(--space-4);
+		border: 1px solid var(--color-line);
+		border-radius: var(--radius-panel);
+		background: var(--color-surface);
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderTableSettings.vue b/frontend-vue/src/components/skeletons/PlaceholderTableSettings.vue
new file mode 100644
index 000000000..1d0d815ee
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderTableSettings.vue
@@ -0,0 +1,121 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-table-settings.
+// The table-settings page: breadcrumbs, a heading, a field with an add button, then ten field + hint
+// pairs, over the save bar with three buttons.
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
+// screen announces once (see UiSkeleton's header).
+import { UiIcon, UiSkeleton } from '@/components/ui';
+</script>
+
+<template>
+	<div class="ph" role="status" aria-label="Loading table settings">
+		<div class="ph-crumbs">
+			<UiSkeleton decorative shape="control" width="7.5rem" height="2.25rem" />
+			<UiIcon name="chevron_right" class="ph-crumbs__divider" />
+			<UiSkeleton decorative shape="control" width="10.75rem" height="2.25rem" />
+			<UiIcon name="chevron_right" class="ph-crumbs__divider" />
+			<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" />
+		</div>
+		<div class="ph__form">
+			<UiSkeleton decorative shape="control" width="8.875rem" height="2rem" class="ph__heading" />
+			<div class="ph__line">
+				<UiSkeleton decorative shape="control" height="2.75rem" class="ph__field ph__grow" />
+				<UiSkeleton decorative shape="control" width="4.5rem" height="2.25rem" class="ph__add" />
+			</div>
+			<template v-for="field in 10" :key="field">
+				<UiSkeleton decorative shape="control" height="2.75rem" class="ph__field" />
+				<UiSkeleton decorative shape="control" width="63%" height="1rem" class="ph__info" />
+			</template>
+		</div>
+		<div class="ph-actions">
+			<UiSkeleton decorative shape="control" width="4.5rem" height="2.25rem" class="ph-actions__start" />
+			<UiSkeleton decorative shape="control" width="4.5rem" height="2.25rem" />
+			<UiSkeleton decorative shape="control" width="4.5rem" height="2.25rem" />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ph {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: var(--space-8) 0 0;
+}
+
+.ph__form {
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	margin: var(--space-6) auto var(--space-10);
+	padding: var(--space-0) max(calc(50vw - 20.3rem), 10%);
+}
+
+.ph__heading {
+	margin-top: var(--space-5);
+}
+
+.ph__line {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+}
+
+.ph__grow {
+	flex: 1;
+}
+
+.ph__field {
+	margin-top: var(--space-5);
+}
+
+.ph__info {
+	margin-top: var(--space-1);
+}
+
+.ph__add {
+	margin-top: var(--space-5);
+}
+
+.ph .ph-actions {
+	align-self: stretch;
+}
+
+@media (width <= 600px) {
+	.ph {
+		padding: var(--space-8) 9vw 0;
+	}
+
+	.ph__form {
+		padding: 0;
+	}
+}
+
+.ph-crumbs {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+}
+
+.ph-crumbs__divider {
+	color: var(--color-line-strong);
+}
+
+/* The Angular placeholders faked the fixed save bar at the bottom of the page. */
+.ph-actions {
+	position: sticky;
+	bottom: 0;
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	gap: var(--space-5);
+	min-height: var(--space-16);
+	padding: 0 var(--space-6);
+	border-top: 1px solid var(--color-line);
+	background: var(--color-surface);
+}
+
+.ph-actions__start {
+	margin-inline-end: auto;
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderTableView.vue b/frontend-vue/src/components/skeletons/PlaceholderTableView.vue
new file mode 100644
index 000000000..77987a29f
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderTableView.vue
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-table-view.
+// The whole table page while the connection loads: the tables sidebar, then a header row (title,
+// search, three buttons, a round icon button) over the table grid.
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
+// screen announces once (see UiSkeleton's header).
+import { UiSkeleton } from '@/components/ui';
+import PlaceholderTableData from './PlaceholderTableData.vue';
+</script>
+
+<template>
+	<div class="ph" role="status" aria-label="Loading tables">
+		<div class="ph__sidebar" />
+		<div class="ph__main">
+			<div class="ph__header">
+				<UiSkeleton decorative shape="control" width="15vw" height="2.25rem" class="ph__title" />
+				<UiSkeleton decorative shape="control" width="12.5rem" height="2.25rem" />
+				<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" />
+				<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" />
+				<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" />
+				<UiSkeleton decorative shape="circle" width="2.25rem" height="2.25rem" />
+			</div>
+			<PlaceholderTableData nested />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ph {
+	display: flex;
+	height: 100%;
+}
+
+.ph__sidebar {
+	width: 14%;
+	max-width: 15rem;
+	height: 100%;
+	border-inline-end: 1px solid var(--color-line);
+}
+
+.ph__main {
+	flex: 1;
+	min-width: 0;
+	padding: 0 var(--space-6) var(--space-6);
+}
+
+.ph__header {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+	margin-top: var(--space-2);
+	padding: var(--space-3) 0;
+}
+
+.ph__title {
+	margin-inline-end: auto;
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderTableWidgets.vue b/frontend-vue/src/components/skeletons/PlaceholderTableWidgets.vue
new file mode 100644
index 000000000..44d83c2af
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderTableWidgets.vue
@@ -0,0 +1,78 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-table-widgets.
+// The widgets page: breadcrumbs, then two rows of five widget fields plus a round info icon, over
+// the save bar.
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
+// screen announces once (see UiSkeleton's header).
+import { UiIcon, UiSkeleton } from '@/components/ui';
+</script>
+
+<template>
+	<div class="ph" role="status" aria-label="Loading widgets">
+		<div class="ph-crumbs">
+			<UiSkeleton decorative shape="control" width="7.5rem" height="2.25rem" />
+			<UiIcon name="chevron_right" class="ph-crumbs__divider" />
+			<UiSkeleton decorative shape="control" width="10.75rem" height="2.25rem" />
+			<UiIcon name="chevron_right" class="ph-crumbs__divider" />
+			<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" />
+		</div>
+		<div class="ph__widgets">
+			<template v-for="widgetRow in 2" :key="widgetRow">
+				<UiSkeleton v-for="cell in 5" :key="cell" decorative shape="control" height="2.75rem" />
+				<UiSkeleton decorative shape="circle" width="1.5rem" height="1.5rem" />
+			</template>
+		</div>
+		<div class="ph-actions">
+			<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" class="ph-actions__start" />
+			<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ph {
+	width: 90%;
+	min-width: 18.75rem;
+	margin: 0 auto var(--space-4);
+}
+
+.ph .ph-crumbs {
+	margin: var(--space-8) 0 var(--space-6);
+}
+
+.ph__widgets {
+	display: grid;
+	grid-template-columns: minmax(10%, 8.125rem) 1fr 2fr 1fr 2fr 3.125rem;
+	align-items: start;
+	gap: var(--space-4) var(--space-5);
+	margin-bottom: var(--space-10);
+}
+
+.ph-crumbs {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+}
+
+.ph-crumbs__divider {
+	color: var(--color-line-strong);
+}
+
+/* The Angular placeholders faked the fixed save bar at the bottom of the page. */
+.ph-actions {
+	position: sticky;
+	bottom: 0;
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	gap: var(--space-5);
+	min-height: var(--space-16);
+	padding: 0 var(--space-6);
+	border-top: 1px solid var(--color-line);
+	background: var(--color-surface);
+}
+
+.ph-actions__start {
+	margin-inline-end: auto;
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderUserGroup.vue b/frontend-vue/src/components/skeletons/PlaceholderUserGroup.vue
new file mode 100644
index 000000000..62cdf52e8
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderUserGroup.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-user-group.
+// The members of one expanded group: three full-width email lines.
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
+// screen announces once (see UiSkeleton's header).
+import { UiSkeleton } from '@/components/ui';
+</script>
+
+<template>
+	<div class="ph" role="status" aria-label="Loading group members">
+		<UiSkeleton v-for="member in 3" :key="member" decorative shape="control" height="1.25rem" />
+	</div>
+</template>
+
+<style scoped>
+.ph {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+	width: 100%;
+	margin-top: var(--space-5);
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/PlaceholderUserGroups.vue b/frontend-vue/src/components/skeletons/PlaceholderUserGroups.vue
new file mode 100644
index 000000000..575283b00
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/PlaceholderUserGroups.vue
@@ -0,0 +1,39 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/skeletons/placeholder-user-groups.
+// Three collapsed group panels: group name on the start side, a round action on the end.
+// The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
+// screen announces once (see UiSkeleton's header).
+import { UiSkeleton } from '@/components/ui';
+</script>
+
+<template>
+	<div class="ph" role="status" aria-label="Loading user groups">
+		<div v-for="group in 3" :key="group" class="ph__panel">
+			<UiSkeleton decorative shape="control" width="15rem" height="1.25rem" />
+			<UiSkeleton decorative shape="circle" width="1.5rem" height="1.5rem" />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ph {
+	margin-top: var(--space-4);
+	overflow: hidden;
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-panel);
+	background: var(--color-surface);
+	box-shadow: var(--shadow-card);
+}
+
+.ph__panel {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	min-height: var(--space-10);
+	padding: 0 var(--space-6);
+}
+
+.ph__panel:not(:last-child) {
+	border-bottom: 1px solid var(--color-line);
+}
+</style>
diff --git a/frontend-vue/src/components/skeletons/Placeholders.stories.ts b/frontend-vue/src/components/skeletons/Placeholders.stories.ts
new file mode 100644
index 000000000..80dce839a
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/Placeholders.stories.ts
@@ -0,0 +1,85 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import PlaceholderAddUserDialog from './PlaceholderAddUserDialog.vue';
+import PlaceholderApiKeysList from './PlaceholderApiKeysList.vue';
+import PlaceholderCompany from './PlaceholderCompany.vue';
+import PlaceholderCompanyInvitation from './PlaceholderCompanyInvitation.vue';
+import PlaceholderConnectionSettings from './PlaceholderConnectionSettings.vue';
+import PlaceholderConnections from './PlaceholderConnections.vue';
+import PlaceholderDashboards from './PlaceholderDashboards.vue';
+import PlaceholderRecordView from './PlaceholderRecordView.vue';
+import PlaceholderRowEdit from './PlaceholderRowEdit.vue';
+import PlaceholderSavedFilters from './PlaceholderSavedFilters.vue';
+import PlaceholderTableData from './PlaceholderTableData.vue';
+import PlaceholderTableSettings from './PlaceholderTableSettings.vue';
+import PlaceholderTableView from './PlaceholderTableView.vue';
+import PlaceholderTableWidgets from './PlaceholderTableWidgets.vue';
+import PlaceholderUserGroup from './PlaceholderUserGroup.vue';
+import PlaceholderUserGroups from './PlaceholderUserGroups.vue';
+
+/**
+ * The 17 skeleton screens ported from `frontend/src/app/components/skeletons`, built on UiSkeleton.
+ * One story each, for side-by-side comparison with the Angular Storybook. (PlaceholderAuditLog is
+ * PlaceholderTableData under another label, so it has no story of its own.) Resize below 600px for
+ * the table's card layout.
+ */
+const meta = {
+	title: 'App/Skeletons',
+	component: PlaceholderTableData,
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+} satisfies Meta<typeof PlaceholderTableData>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+const story = (component: object, wrapperStyle = ''): Story => ({
+	render: () => ({
+		components: { Placeholder: component },
+		template: `<div style="${wrapperStyle}"><Placeholder /></div>`,
+	}),
+});
+
+export const TableData: Story = {};
+export const TableView = story(PlaceholderTableView, 'height: 32rem;');
+export const AddUserDialog = story(PlaceholderAddUserDialog, 'max-width: 30rem;');
+export const ApiKeysList = story(PlaceholderApiKeysList, 'max-width: 40rem;');
+export const Company = story(PlaceholderCompany);
+export const CompanyInvitation = story(PlaceholderCompanyInvitation, 'height: 32rem;');
+export const ConnectionSettings = story(PlaceholderConnectionSettings, 'max-width: 44rem; margin: 0 auto;');
+export const Connections = story(PlaceholderConnections, 'max-width: 60rem; margin: 0 auto;');
+export const Dashboards = story(PlaceholderDashboards);
+export const RecordView = story(PlaceholderRecordView, 'max-width: 26rem;');
+export const RowEdit = story(PlaceholderRowEdit);
+export const SavedFilters = story(PlaceholderSavedFilters);
+export const TableSettings = story(PlaceholderTableSettings);
+export const TableWidgets = story(PlaceholderTableWidgets);
+export const UserGroup = story(PlaceholderUserGroup, 'max-width: 30rem;');
+export const UserGroups = story(PlaceholderUserGroups, 'max-width: 44rem;');
+
+/** All of them stacked — the matrix for spotting radius or rhythm drift between screens. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: {
+			PlaceholderSavedFilters,
+			PlaceholderApiKeysList,
+			PlaceholderUserGroups,
+			PlaceholderUserGroup,
+			PlaceholderRecordView,
+			PlaceholderConnections,
+			PlaceholderDashboards,
+			PlaceholderTableData,
+		},
+		template: `
+      <div style="display: grid; gap: 2.5rem;">
+        <PlaceholderSavedFilters />
+        <PlaceholderApiKeysList />
+        <PlaceholderUserGroups />
+        <PlaceholderUserGroup />
+        <PlaceholderRecordView />
+        <PlaceholderConnections />
+        <PlaceholderDashboards />
+        <PlaceholderTableData />
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/skeletons/placeholders.spec.ts b/frontend-vue/src/components/skeletons/placeholders.spec.ts
new file mode 100644
index 000000000..48430f497
--- /dev/null
+++ b/frontend-vue/src/components/skeletons/placeholders.spec.ts
@@ -0,0 +1,90 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import type { Component } from 'vue';
+import { axeViolations, formatViolations } from '@/components/ui/__tests__/axe';
+import PlaceholderAddUserDialog from './PlaceholderAddUserDialog.vue';
+import PlaceholderApiKeysList from './PlaceholderApiKeysList.vue';
+import PlaceholderAuditLog from './PlaceholderAuditLog.vue';
+import PlaceholderCompany from './PlaceholderCompany.vue';
+import PlaceholderCompanyInvitation from './PlaceholderCompanyInvitation.vue';
+import PlaceholderConnectionSettings from './PlaceholderConnectionSettings.vue';
+import PlaceholderConnections from './PlaceholderConnections.vue';
+import PlaceholderDashboards from './PlaceholderDashboards.vue';
+import PlaceholderRecordView from './PlaceholderRecordView.vue';
+import PlaceholderRowEdit from './PlaceholderRowEdit.vue';
+import PlaceholderSavedFilters from './PlaceholderSavedFilters.vue';
+import PlaceholderTableData from './PlaceholderTableData.vue';
+import PlaceholderTableSettings from './PlaceholderTableSettings.vue';
+import PlaceholderTableView from './PlaceholderTableView.vue';
+import PlaceholderTableWidgets from './PlaceholderTableWidgets.vue';
+import PlaceholderUserGroup from './PlaceholderUserGroup.vue';
+import PlaceholderUserGroups from './PlaceholderUserGroups.vue';
+
+/**
+ * One spec for all 17 skeleton screens. Each asserts the contract that matters — the screen
+ * announces once, and none of its bars do — plus the structure it fakes, counted in bars, so a
+ * placeholder can't silently drift away from the page it stands in for. Appearance is Storybook's.
+ */
+const PLACEHOLDERS: Array<[string, Component, number]> = [
+	['PlaceholderAddUserDialog', PlaceholderAddUserDialog, 5],
+	['PlaceholderApiKeysList', PlaceholderApiKeysList, 9],
+	['PlaceholderAuditLog', PlaceholderAuditLog, 42 + 6 * 4],
+	['PlaceholderCompany', PlaceholderCompany, 6 + 42 + 6 * 4],
+	['PlaceholderCompanyInvitation', PlaceholderCompanyInvitation, 6],
+	['PlaceholderConnectionSettings', PlaceholderConnectionSettings, 8],
+	['PlaceholderConnections', PlaceholderConnections, 4],
+	['PlaceholderDashboards', PlaceholderDashboards, 6 * 5],
+	['PlaceholderRecordView', PlaceholderRecordView, 2 + 5 * 2],
+	['PlaceholderRowEdit', PlaceholderRowEdit, 3 + 5 + 3],
+	['PlaceholderSavedFilters', PlaceholderSavedFilters, 4],
+	['PlaceholderTableData', PlaceholderTableData, 42 + 6 * 4],
+	['PlaceholderTableSettings', PlaceholderTableSettings, 3 + 1 + 2 + 10 * 2 + 3],
+	['PlaceholderTableView', PlaceholderTableView, 6 + 42 + 6 * 4],
+	['PlaceholderTableWidgets', PlaceholderTableWidgets, 3 + 2 * 6 + 2],
+	['PlaceholderUserGroup', PlaceholderUserGroup, 3],
+	['PlaceholderUserGroups', PlaceholderUserGroups, 3 * 2],
+];
+
+describe('skeleton placeholders', () => {
+	it('covers all 17 Angular skeletons', () => {
+		expect(PLACEHOLDERS).toHaveLength(17);
+	});
+
+	for (const [name, component, bars] of PLACEHOLDERS) {
+		describe(name, () => {
+			it('is one labelled status region', () => {
+				const wrapper = mount(component);
+				const regions = wrapper.findAll('[role="status"]');
+
+				expect(regions).toHaveLength(1);
+				expect(regions[0]?.attributes('aria-label')).toMatch(/^Loading/);
+			});
+
+			it(`fakes its page with ${bars} decorative bars`, () => {
+				const wrapper = mount(component);
+
+				expect(wrapper.findAll('.ui-skeleton__bar')).toHaveLength(bars);
+				for (const skeleton of wrapper.findAll('.ui-skeleton')) {
+					expect(skeleton.attributes('aria-hidden')).toBe('true');
+					expect(skeleton.attributes('role')).toBeUndefined();
+				}
+			});
+
+			it('passes axe', async () => {
+				const violations = await axeViolations(component);
+				expect(formatViolations(violations), formatViolations(violations)).toBe('');
+			});
+		});
+	}
+
+	it('PlaceholderTableData drops its own region when nested in another placeholder', () => {
+		expect(mount(PlaceholderTableData, { props: { nested: true } }).findAll('[role="status"]')).toHaveLength(0);
+	});
+
+	it('PlaceholderTableData renders the table grid and the mobile cards', () => {
+		const wrapper = mount(PlaceholderTableData);
+
+		expect(wrapper.findAll('.ph__cell')).toHaveLength(42);
+		expect(wrapper.findAll('.ph__card')).toHaveLength(6);
+	});
+});
diff --git a/frontend-vue/src/components/ui/CONVENTIONS.md b/frontend-vue/src/components/ui/CONVENTIONS.md
new file mode 100644
index 000000000..0e2033a51
--- /dev/null
+++ b/frontend-vue/src/components/ui/CONVENTIONS.md
@@ -0,0 +1,84 @@
+# `ui/` conventions
+
+Rules for every primitive in `src/components/ui/`. Surfaced verbatim in Storybook under
+_Foundations → Conventions_, so this file is the single source of truth for both.
+
+## Props
+
+`variant` = interaction emphasis (`primary` / `secondary` / `ghost` / `danger`). `tone` = status
+colour on non-interactive elements (Alert, Chip, ProgressBar). Separate words on purpose — a Chip
+has no interaction variants, a Button has no status tones; **never both on one component**.
+
+`size` = `'sm' | 'md' | 'lg'`, always defaulted, always geometry-only.
+
+Booleans read as state, never negations: `disabled`, `loading`, `block`, `interactive`,
+`dismissible` — not `notDismissible`.
+
+Always `withDefaults(defineProps<{…}>(), {…})` with a JSDoc line per prop. The JSDoc is
+non-negotiable: it feeds Storybook's autodocs prop table, which is the only place a consumer looks.
+
+## Slots
+
+`default` = primary content. `leading` / `trailing` for adornments — never `left` / `right` (RTL,
+and these are logical positions). `footer` = action row. Scoped slots only where the child needs
+generated ids (`UiField`).
+
+## Classes
+
+BEM with a `ui-` block prefix: `.ui-button`, `.ui-button__label`, `.ui-button--primary`,
+`.ui-button--size-md`. A grep for `ui-button` then finds the primitive and nothing else.
+
+Modifier classes are bound via a `:class` array computed in `<script setup>`, not template string
+interpolation — so `vue-tsc` catches a typo'd variant.
+
+## `class` passthrough: allowed
+
+Vue's attribute fallthrough already does this; callers _will_ need one-off margins and widths, and
+the alternatives (a `margin` prop, wrapper divs) are worse. Two guardrails:
+
+1. Passthrough is for **layout only** — margin, width, grid-area, order. Never to repaint a
+   variant; a new colour means a new variant in the primitive.
+2. `UiField` / `UiModal` set `inheritAttrs: false` and `v-bind="$attrs"` onto the inner control or
+   dialog explicitly, so `class` lands where the caller expects.
+
+## Styling
+
+Scoped `<style>`, plain CSS, tokens only. Every colour, radius, spacing, size, duration and
+z-index comes from a `var(--…)` in `theme.css` — `design-tokens.spec.ts` fails the build on a hex
+literal, and on a raw `font-size` / `gap` / `padding` value.
+
+That last rule is **lenient by design**: a value containing any `var()` is exempt, so
+`padding: 0.7rem var(--space-5)` passes. The half-token form is the intended idiom for arbitrated
+geometry — one axis on the scale, one a tuned exception. Minting a `--space-*` token for every
+one-off would re-inflate the scale the design system spent its first phase collapsing. A genuinely
+off-scale value goes in `SCALE_ALLOWLIST` **with the reason it is off-scale**; an entry without one
+is a suppression.
+
+Read the **semantic** layer (`--color-*`, `--shadow-*`), never `--palette-*` directly. See
+_Foundations → Color_ for why.
+
+## Tests
+
+Colocated `UiThing.spec.ts` next to `UiThing.vue`, testing **behaviour and contracts, never CSS
+values**. A test asserting `padding: 0.7rem 1.25rem` is a change-detector that makes the design
+system harder to evolve; Storybook and eyes cover appearance.
+
+Assert instead: rendered element and attributes, ARIA wiring, emitted events, `v-model`
+round-trips, and the _presence_ of a modifier class (not what that class paints).
+
+**Add every new primitive to `__tests__/a11y.spec.ts`**, once per state whose ARIA shape differs
+(loading, disabled, error, open, …) — not once per variant, since a tone changes only colour. That
+file runs axe-core over each primitive in the existing jsdom vitest run, and it is the repo's only
+automated accessibility gate: Biome does not parse Vue `<template>`, so its a11y rules never see
+any markup. Read `__tests__/axe.ts` for what jsdom can't check — colour contrast above all, which
+stays a review-against-the-documented-ratios job.
+
+## Stories
+
+Colocated `UiThing.stories.ts`, `tags: ['autodocs']`, and an `AllVariants` matrix story showing
+every variant × size — that story is what catches "primary and secondary drifted". Review on all
+three background toolbar options (paper / surface / ink) — contrast is the one thing the automated
+gate can't see.
+
+`a11y: { test: 'error' }` is set globally in `.storybook/preview.ts`; do **not** repeat it per
+story. A new story is covered by default.
diff --git a/frontend-vue/src/components/ui/UiAlert.spec.ts b/frontend-vue/src/components/ui/UiAlert.spec.ts
new file mode 100644
index 000000000..091344adb
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiAlert.spec.ts
@@ -0,0 +1,43 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UiAlert from './UiAlert.vue';
+
+describe('UiAlert', () => {
+	it('announces by default, because every call site shows an async result', () => {
+		// None of the 9 pre-DS alerts announced at all — this default is the fix.
+		expect(mount(UiAlert, { slots: { default: 'Boom' } }).attributes('role')).toBe('alert');
+	});
+
+	it('interrupts for error and warning, waits for success and info', () => {
+		// assertive `alert` for a failure the user just caused; polite `status` for confirmation.
+		const roleFor = (tone: 'error' | 'success' | 'info' | 'warning') =>
+			mount(UiAlert, { props: { tone }, slots: { default: 'x' } }).attributes('role');
+
+		expect(roleFor('error')).toBe('alert');
+		expect(roleFor('warning')).toBe('alert');
+		expect(roleFor('success')).toBe('status');
+		expect(roleFor('info')).toBe('status');
+	});
+
+	it('drops the live region when live is false', () => {
+		const wrapper = mount(UiAlert, { props: { live: false }, slots: { default: 'x' } });
+
+		expect(wrapper.attributes('role')).toBeUndefined();
+	});
+
+	it('lands tone as a modifier class', () => {
+		const wrapper = mount(UiAlert, { props: { tone: 'success' }, slots: { default: 'x' } });
+
+		expect(wrapper.classes()).toContain('ui-alert--success');
+	});
+
+	it('defaults to the error tone', () => {
+		expect(mount(UiAlert, { slots: { default: 'x' } }).classes()).toContain('ui-alert--error');
+	});
+
+	it('renders its slot content', () => {
+		const wrapper = mount(UiAlert, { slots: { default: '<strong>Failed</strong> to save' } });
+
+		expect(wrapper.text()).toBe('Failed to save');
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiAlert.stories.ts b/frontend-vue/src/components/ui/UiAlert.stories.ts
new file mode 100644
index 000000000..003268320
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiAlert.stories.ts
@@ -0,0 +1,85 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import UiAlert from './UiAlert.vue';
+
+/**
+ * Status banner, replacing 9 near-identical copies.
+ *
+ * Note what's missing: **margin**. The call sites sit in genuinely different layout contexts, so
+ * spacing stays the caller's job via `class` passthrough. Every story below is inside a wrapper
+ * that supplies its own gap, which is how a real view uses it.
+ */
+const meta = {
+	title: 'UI/Alert',
+	component: UiAlert,
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+	args: { tone: 'error', live: true },
+	argTypes: {
+		tone: { control: 'inline-radio', options: ['error', 'success', 'info', 'warning'] },
+	},
+	render: (args) => ({
+		components: { UiAlert },
+		setup: () => ({ args }),
+		template: '<UiAlert v-bind="args">We couldn\'t save your changes. Try again.</UiAlert>',
+	}),
+} satisfies Meta<typeof UiAlert>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** The default, because every one of the 9 call sites it replaces displays a fetch error. */
+// biome-ignore lint/suspicious/noShadowRestrictedNames: Storybook-facing name — it is the story's id and sidebar label, matching the `error` tone. Renaming changes a documented surface; the shadowing is confined to a module with no runtime logic.
+export const Error: Story = {};
+
+export const Success: Story = {
+	args: { tone: 'success' },
+	render: (args) => ({
+		components: { UiAlert },
+		setup: () => ({ args }),
+		template: '<UiAlert v-bind="args">Your email address has been updated.</UiAlert>',
+	}),
+};
+
+export const Warning: Story = {
+	args: { tone: 'warning' },
+	render: (args) => ({
+		components: { UiAlert },
+		setup: () => ({ args }),
+		template: '<UiAlert v-bind="args">You\'ve used 90% of your monthly quota.</UiAlert>',
+	}),
+};
+
+export const Info: Story = {
+	args: { tone: 'info' },
+	render: (args) => ({
+		components: { UiAlert },
+		setup: () => ({ args }),
+		template: '<UiAlert v-bind="args">Publishing usually takes about a minute.</UiAlert>',
+	}),
+};
+
+/**
+ * All four tones. `error` and `warning` announce assertively (`role="alert"`); `success` and `info`
+ * announce politely (`role="status"`) — an error the user just caused earns the interruption, a
+ * confirmation does not.
+ */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiAlert },
+		setup: () => ({
+			tones: [
+				{ tone: 'error' as const, text: "We couldn't save your changes. Try again." },
+				{ tone: 'warning' as const, text: "You've used 90% of your monthly quota." },
+				{ tone: 'success' as const, text: 'Your email address has been updated.' },
+				{ tone: 'info' as const, text: 'Publishing usually takes about a minute.' },
+			],
+		}),
+		template: `
+      <div style="display: flex; flex-direction: column; gap: 0.75rem;">
+        <UiAlert v-for="t in tones" :key="t.tone" :tone="t.tone" :live="false">
+          {{ t.text }}
+        </UiAlert>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiAlert.vue b/frontend-vue/src/components/ui/UiAlert.vue
new file mode 100644
index 000000000..0657bef07
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiAlert.vue
@@ -0,0 +1,78 @@
+<script setup lang="ts">
+/**
+ * Status banner. Replaces 9 near-identical `.alert` blocks whose geometry was already unanimous
+ * (`0.75rem 0.875rem` / 14px) — only the radius and the margins had drifted.
+ *
+ * **No margin.** The nine call sites sit in genuinely different layout contexts (above a form,
+ * below a row, tight against a `.setting`), so spacing belongs to the caller via `class`
+ * passthrough. This is the one place the design system deliberately does not unify a value.
+ *
+ * `live` defaults on because every existing alert displays an async fetch result and **none of the
+ * nine announce today** — the failure is silent for screenreader users.
+ */
+import { computed } from 'vue';
+
+type AlertTone = 'error' | 'success' | 'info' | 'warning';
+
+const props = withDefaults(
+	defineProps<{
+		/** Status colour. Non-interactive, so this is `tone`, not `variant`. */
+		tone?: AlertTone;
+		/** Announces the content when it appears. Turn off only for content present on first paint. */
+		live?: boolean;
+	}>(),
+	{ tone: 'error', live: true },
+);
+
+const classes = computed(() => ['ui-alert', `ui-alert--${props.tone}`]);
+
+/* `alert` is assertive and interrupts; `status` is polite and waits for a pause. An error the user
+   just caused warrants the interruption, a success confirmation does not. */
+const role = computed(() => {
+	if (!props.live) return undefined;
+	return props.tone === 'error' || props.tone === 'warning' ? 'alert' : 'status';
+});
+</script>
+
+<template>
+	<div :class="classes" :role="role">
+		<slot />
+	</div>
+</template>
+
+<style scoped>
+.ui-alert {
+  /* margin: 0 is load-bearing — it overrides the UA default on the <p>s these replace, and keeps
+     spacing the caller's decision. */
+  margin: 0;
+  padding: var(--space-3) 0.875rem;
+  border: 1px solid transparent;
+  border-radius: var(--radius-control);
+  font-size: var(--text-sm);
+  line-height: var(--leading-normal);
+}
+
+.ui-alert--error {
+  background: var(--color-danger-bg);
+  border-color: var(--color-danger-border);
+  color: var(--color-danger);
+}
+
+.ui-alert--success {
+  background: var(--color-success-bg);
+  border-color: var(--color-success-border);
+  color: var(--color-success);
+}
+
+.ui-alert--warning {
+  background: var(--color-warning-bg);
+  border-color: var(--color-warning-border);
+  color: var(--color-warning);
+}
+
+.ui-alert--info {
+  background: var(--color-paper-2);
+  border-color: var(--color-line);
+  color: var(--color-ink-soft);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiBadge.spec.ts b/frontend-vue/src/components/ui/UiBadge.spec.ts
new file mode 100644
index 000000000..33f36b2d1
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiBadge.spec.ts
@@ -0,0 +1,58 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UiBadge from './UiBadge.vue';
+
+describe('UiBadge', () => {
+	it('overlays the wrapped content with a count', () => {
+		const wrapper = mount(UiBadge, { props: { content: 1 }, slots: { default: '<span class="target">x</span>' } });
+
+		expect(wrapper.find('.target').exists()).toBe(true);
+		expect(wrapper.classes()).toContain('ui-badge--overlay');
+		expect(wrapper.get('.ui-badge__indicator').text()).toBe('1');
+	});
+
+	it('renders a dot when given no content', () => {
+		const indicator = mount(UiBadge).get('.ui-badge__indicator');
+
+		expect(indicator.text()).toBe('');
+		expect(indicator.classes()).toContain('ui-badge__indicator--dot');
+	});
+
+	it('caps large counts at max+', () => {
+		expect(
+			mount(UiBadge, { props: { content: 120 } })
+				.get('.ui-badge__indicator')
+				.text(),
+		).toBe('99+');
+		expect(
+			mount(UiBadge, { props: { content: 12, max: 9 } })
+				.get('.ui-badge__indicator')
+				.text(),
+		).toBe('9+');
+	});
+
+	it('hides the indicator but keeps the wrapped content', () => {
+		const wrapper = mount(UiBadge, {
+			props: { content: 1, hidden: true },
+			slots: { default: '<span class="target">x</span>' },
+		});
+
+		expect(wrapper.find('.ui-badge__indicator').exists()).toBe(false);
+		expect(wrapper.find('.target').exists()).toBe(true);
+	});
+
+	it('keeps the bare indicator out of the accessibility tree, and speaks its label instead', () => {
+		const wrapper = mount(UiBadge, { props: { content: 1, label: 'Email not verified' } });
+
+		expect(wrapper.get('.ui-badge__indicator').attributes('aria-hidden')).toBe('true');
+		expect(wrapper.get('.ui-badge__label').text()).toBe('Email not verified');
+	});
+
+	it('lands tone as a modifier class', () => {
+		expect(
+			mount(UiBadge, { props: { tone: 'danger' } })
+				.get('.ui-badge__indicator')
+				.classes(),
+		).toContain('ui-badge__indicator--danger');
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiBadge.stories.ts b/frontend-vue/src/components/ui/UiBadge.stories.ts
new file mode 100644
index 000000000..66c454579
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiBadge.stories.ts
@@ -0,0 +1,48 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import UiBadge from './UiBadge.vue';
+import UiIcon from './UiIcon.vue';
+
+/**
+ * Count/dot overlay, the `matBadge` replacement — the "1" on the account icon while the email is
+ * unverified. The indicator is `aria-hidden`; `label` says what it means to a screenreader.
+ */
+const meta = {
+	title: 'UI/Badge',
+	component: UiBadge,
+	tags: ['autodocs'],
+	args: { content: 1, hidden: false, tone: 'accent', max: 99 },
+	argTypes: { tone: { control: 'inline-radio', options: ['accent', 'danger', 'neutral'] } },
+	render: (args) => ({
+		components: { UiBadge, UiIcon },
+		setup: () => ({ args }),
+		template: '<UiBadge v-bind="args" label="Email not verified"><UiIcon name="account_circle" /></UiBadge>',
+	}),
+} satisfies Meta<typeof UiBadge>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Dot: Story = { args: { content: undefined } };
+
+export const Hidden: Story = { args: { hidden: true } };
+
+/** Every tone × dot / count / capped count, overlaid and inline. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiBadge, UiIcon },
+		setup: () => ({ tones: ['accent', 'danger', 'neutral'] as const }),
+		template: `
+      <div style="display: grid; gap: 1.5rem;">
+        <div v-for="tone in tones" :key="tone" style="display: flex; gap: 2rem; align-items: center;">
+          <code style="width: 4rem; font-size: 0.75rem; color: var(--color-muted);">{{ tone }}</code>
+          <UiBadge :tone="tone"><UiIcon name="face" /></UiBadge>
+          <UiBadge :tone="tone" :content="1"><UiIcon name="face" /></UiBadge>
+          <UiBadge :tone="tone" :content="250"><UiIcon name="notifications" /></UiBadge>
+          <span>Inline <UiBadge :tone="tone" :content="12" /></span>
+        </div>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiBadge.vue b/frontend-vue/src/components/ui/UiBadge.vue
new file mode 100644
index 000000000..acb60cfcd
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiBadge.vue
@@ -0,0 +1,130 @@
+<script setup lang="ts">
+/**
+ * A small count or dot pinned to the top-end corner of whatever it wraps — the `matBadge`
+ * replacement. RocketAdmin's one real use is the "1" on the account button and menu item while the
+ * user's email is unverified, toggled with `hidden`.
+ *
+ * Wrap the badged element in the default slot; with no slot the indicator renders inline, for a
+ * count next to a label.
+ *
+ * The indicator itself is `aria-hidden`: "1" floating after a button name means nothing to a
+ * screenreader. Say what it means with `label` (rendered as visually hidden text), or — inside a
+ * `UiIconButton`, whose `aria-label` overrides its content — with the button's `badgeLabel`.
+ */
+import { computed } from 'vue';
+
+const props = withDefaults(
+	defineProps<{
+		/** The count or short text. Omitted, the badge is a plain dot. */
+		content?: number | string;
+		/** Counts above this render as `max+`. */
+		max?: number;
+		/** Hides the indicator without unmounting the wrapped content. */
+		hidden?: boolean;
+		/** Status colour. Non-interactive, so this is `tone`, not `variant`. */
+		tone?: 'accent' | 'danger' | 'neutral';
+		/** What the badge means to a screenreader, e.g. "Email not verified". Visually hidden. */
+		label?: string;
+	}>(),
+	{ max: 99, hidden: false, tone: 'accent' },
+);
+
+const text = computed(() => {
+	if (props.content === undefined) return '';
+	if (typeof props.content === 'number' && props.content > props.max) return `${props.max}+`;
+	return String(props.content);
+});
+
+const isDot = computed(() => text.value === '');
+
+const indicatorClasses = computed(() => [
+	'ui-badge__indicator',
+	`ui-badge__indicator--${props.tone}`,
+	{ 'ui-badge__indicator--dot': isDot.value },
+]);
+</script>
+
+<template>
+	<span :class="['ui-badge', { 'ui-badge--overlay': !!$slots.default }]">
+		<slot />
+		<template v-if="!hidden">
+			<span :class="indicatorClasses" aria-hidden="true">{{ text }}</span>
+			<span v-if="label" class="ui-badge__label">{{ label }}</span>
+		</template>
+	</span>
+</template>
+
+<style scoped>
+.ui-badge {
+  display: inline-flex;
+  align-items: center;
+  vertical-align: middle;
+}
+
+.ui-badge--overlay {
+  position: relative;
+}
+
+.ui-badge__indicator {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  min-width: var(--space-4);
+  height: var(--space-4);
+  padding: 0 var(--space-1);
+  border-radius: var(--radius-pill);
+  font-size: var(--text-2xs);
+  font-weight: var(--weight-semibold);
+  line-height: 1;
+  white-space: nowrap;
+  pointer-events: none;
+}
+
+/* Over the wrapped element: pinned to the top-end corner, overhanging it by half its size, with a
+   surface-coloured ring so it separates from an icon of the same colour. */
+.ui-badge--overlay > .ui-badge__indicator {
+  position: absolute;
+  top: 0;
+  inset-inline-end: 0;
+  translate: 40% -40%;
+  box-shadow: 0 0 0 2px var(--color-surface);
+}
+
+.ui-badge--overlay > .ui-badge__indicator:dir(rtl) {
+  translate: -40% -40%;
+}
+
+.ui-badge__indicator--dot {
+  min-width: var(--space-2);
+  width: var(--space-2);
+  height: var(--space-2);
+  padding: 0;
+}
+
+.ui-badge__indicator--accent {
+  background: var(--color-accent);
+  color: var(--color-surface);
+}
+
+.ui-badge__indicator--danger {
+  background: var(--color-danger-strong);
+  color: var(--color-surface);
+}
+
+.ui-badge__indicator--neutral {
+  background: var(--color-paper-2);
+  color: var(--color-ink-soft);
+}
+
+/* Visually hidden, still read. */
+.ui-badge__label {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiButton.spec.ts b/frontend-vue/src/components/ui/UiButton.spec.ts
new file mode 100644
index 000000000..499e29cdb
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiButton.spec.ts
@@ -0,0 +1,179 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { createMemoryHistory, createRouter, RouterLink } from 'vue-router';
+import UiButton from './UiButton.vue';
+
+/**
+ * Behaviour and contracts only — never CSS values. The assertions about `variant` and `size` check
+ * that the modifier class is *present*, not what it paints; Storybook's `AllVariants` matrix and a
+ * reviewer's eyes cover appearance, and a padding assertion here would just make the design system
+ * harder to evolve.
+ */
+
+function routerPlugin() {
+	return createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/', component: { template: '<div />' } }],
+	});
+}
+
+function mountButton(props: Record<string, unknown> = {}, slots: Record<string, string> = {}) {
+	return mount(UiButton, {
+		props,
+		slots: { default: 'Go', ...slots },
+		global: { plugins: [routerPlugin()] },
+	});
+}
+
+describe('UiButton', () => {
+	describe('rendered element', () => {
+		it('is a <button type="button"> by default', () => {
+			const wrapper = mountButton();
+
+			expect(wrapper.element.tagName).toBe('BUTTON');
+			expect(wrapper.attributes('type')).toBe('button');
+		});
+
+		it('honours an explicit type, so it can submit a form', () => {
+			expect(mountButton({ type: 'submit' }).attributes('type')).toBe('submit');
+		});
+
+		it('is an <a href> when given href', () => {
+			const wrapper = mountButton({ href: 'https://example.com' });
+
+			expect(wrapper.element.tagName).toBe('A');
+			expect(wrapper.attributes('href')).toBe('https://example.com');
+			// A link has no `type`; leaking one through would be invalid HTML.
+			expect(wrapper.attributes('type')).toBeUndefined();
+		});
+
+		it('is a RouterLink when given to', () => {
+			const wrapper = mountButton({ to: '/' });
+
+			expect(wrapper.findComponent(RouterLink).exists()).toBe(true);
+			expect(wrapper.find('a').attributes('href')).toBe('/');
+		});
+	});
+
+	describe('disabled', () => {
+		it('sets the native disabled attribute on a button', () => {
+			expect(mountButton({ disabled: true }).attributes('disabled')).toBeDefined();
+		});
+
+		it('strips href and marks aria-disabled on a link', () => {
+			// The important half is the *absence* of href: `pointer-events: none` would still leave the
+			// link tabbable and openable in a new tab.
+			const wrapper = mountButton({ href: 'https://example.com', disabled: true });
+
+			expect(wrapper.attributes('href')).toBeUndefined();
+			expect(wrapper.attributes('aria-disabled')).toBe('true');
+			expect(wrapper.attributes('role')).toBe('link');
+		});
+
+		it('does not navigate a disabled RouterLink', () => {
+			const wrapper = mountButton({ to: '/somewhere', disabled: true });
+
+			expect(wrapper.findComponent(RouterLink).exists()).toBe(false);
+			expect(wrapper.attributes('aria-disabled')).toBe('true');
+		});
+	});
+
+	describe('loading', () => {
+		it('sets aria-busy, disables, and mounts a spinner', () => {
+			const wrapper = mountButton({ loading: true });
+
+			expect(wrapper.attributes('aria-busy')).toBe('true');
+			expect(wrapper.attributes('disabled')).toBeDefined();
+			expect(wrapper.find('.ui-spinner').exists()).toBe(true);
+		});
+
+		it('replaces the leading slot rather than rendering both', () => {
+			const wrapper = mountButton({ loading: true }, { leading: '<span class="icon" />' });
+
+			expect(wrapper.find('.icon').exists()).toBe(false);
+			expect(wrapper.find('.ui-spinner').exists()).toBe(true);
+		});
+
+		it('leaves the spinner out of the accessibility tree', () => {
+			// The button already announces via aria-busy; a second "Loading" would be noise.
+			const wrapper = mountButton({ loading: true });
+
+			expect(wrapper.find('.ui-spinner').attributes('aria-hidden')).toBe('true');
+		});
+
+		it('is not busy when idle', () => {
+			expect(mountButton().attributes('aria-busy')).toBeUndefined();
+		});
+	});
+
+	describe('click', () => {
+		it('emits when enabled', async () => {
+			const wrapper = mountButton();
+			await wrapper.trigger('click');
+
+			expect(wrapper.emitted('click')).toHaveLength(1);
+		});
+
+		it('does not act when loading', () => {
+			// The native `disabled` attribute is what stops it; assert the state that produces it, since
+			// jsdom still dispatches on a disabled element.
+			const wrapper = mountButton({ loading: true });
+
+			expect(wrapper.attributes('disabled')).toBeDefined();
+		});
+
+		it('suppresses the default action on a disabled link', async () => {
+			const wrapper = mountButton({ href: 'https://example.com', disabled: true });
+			await wrapper.trigger('click');
+
+			// No href to follow, and the handler stops propagation so an ancestor listener can't fire.
+			expect(wrapper.attributes('href')).toBeUndefined();
+		});
+	});
+
+	describe('modifier classes', () => {
+		it('lands variant and size as classes', () => {
+			const wrapper = mountButton({ variant: 'danger', size: 'lg' });
+
+			expect(wrapper.classes()).toContain('ui-button--danger');
+			expect(wrapper.classes()).toContain('ui-button--size-lg');
+		});
+
+		it('defaults to primary md', () => {
+			const wrapper = mountButton();
+
+			expect(wrapper.classes()).toContain('ui-button--primary');
+			expect(wrapper.classes()).toContain('ui-button--size-md');
+		});
+
+		it('adds the block modifier only when asked', () => {
+			expect(mountButton().classes()).not.toContain('ui-button--block');
+			expect(mountButton({ block: true }).classes()).toContain('ui-button--block');
+		});
+
+		it('keeps a caller class alongside its own', () => {
+			// The documented layout-only passthrough: callers need one-off margins.
+			const wrapper = mountButton({ class: 'mt-4' });
+
+			expect(wrapper.classes()).toContain('mt-4');
+			expect(wrapper.classes()).toContain('ui-button');
+		});
+	});
+
+	describe('slots', () => {
+		it('renders default, leading and trailing content', () => {
+			const wrapper = mountButton(
+				{},
+				{ leading: '<span class="lead">L</span>', trailing: '<span class="trail">T</span>' },
+			);
+
+			expect(wrapper.text()).toContain('Go');
+			expect(wrapper.find('.lead').exists()).toBe(true);
+			expect(wrapper.find('.trail').exists()).toBe(true);
+		});
+
+		it('omits adornment wrappers when the slots are unused', () => {
+			expect(mountButton().findAll('.ui-button__adornment')).toHaveLength(0);
+		});
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiButton.stories.ts b/frontend-vue/src/components/ui/UiButton.stories.ts
new file mode 100644
index 000000000..0dbbff037
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiButton.stories.ts
@@ -0,0 +1,150 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import UiButton from './UiButton.vue';
+
+/**
+ * The one button, replacing ~19 hand-rolled blocks. `AllVariants` is the story that matters — it's
+ * what catches primary and secondary drifting apart, which is exactly how the pre-DS code ended up
+ * with five different `.btn` geometries.
+ *
+ * Review it on all three background options: `secondary` and `ghost` both paint themselves
+ * `--color-surface`, so Ink is where a missing border shows up.
+ */
+const meta = {
+	title: 'UI/Button',
+	component: UiButton,
+	tags: ['autodocs'],
+	args: {
+		variant: 'primary',
+		size: 'md',
+		disabled: false,
+		loading: false,
+		block: false,
+	},
+	argTypes: {
+		variant: { control: 'select', options: ['primary', 'secondary', 'ghost', 'danger'] },
+		size: { control: 'inline-radio', options: ['sm', 'md', 'lg'] },
+		to: { control: false },
+		href: { control: false },
+	},
+	render: (args) => ({
+		components: { UiButton },
+		setup: () => ({ args }),
+		template: '<UiButton v-bind="args">Create website</UiButton>',
+	}),
+} satisfies Meta<typeof UiButton>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {};
+
+export const Secondary: Story = { args: { variant: 'secondary' } };
+
+/** The recessive action next to a primary — quieter hover, no accent lift. */
+export const Ghost: Story = { args: { variant: 'ghost' } };
+
+/** Destructive actions. Its focus ring is `--ring-danger`, not the accent one. */
+export const Danger: Story = { args: { variant: 'danger' } };
+
+/**
+ * `loading` implies `disabled` and swaps the leading slot for a spinner, so the button can't fire
+ * twice and its width doesn't jump when the request starts.
+ */
+export const Loading: Story = { args: { loading: true } };
+
+export const Disabled: Story = { args: { disabled: true } };
+
+/** `block` replaces the four `.submit { width: 100% }` copies. */
+export const Block: Story = {
+	args: { block: true },
+	parameters: { layout: 'padded' },
+};
+
+/** Adornments use `leading`/`trailing` — logical positions, never `left`/`right`. */
+export const WithAdornments: Story = {
+	render: () => ({
+		components: { UiButton },
+		template: `
+      <div style="display: flex; gap: 1rem; align-items: center;">
+        <UiButton variant="secondary">
+          <template #leading><span aria-hidden="true">✦</span></template>
+          Generate
+        </UiButton>
+        <UiButton variant="ghost">
+          Open site
+          <template #trailing><span aria-hidden="true">↗</span></template>
+        </UiButton>
+      </div>
+    `,
+	}),
+};
+
+/**
+ * A disabled link renders as a `<span role="link" aria-disabled="true">` with **no** `href` — so
+ * it leaves the tab order and can't be opened in a new tab, which `pointer-events: none` alone
+ * would not prevent.
+ */
+export const AsLink: Story = {
+	render: () => ({
+		components: { UiButton },
+		template: `
+      <div style="display: flex; gap: 1rem; align-items: center;">
+        <UiButton to="/account" variant="secondary">Router link</UiButton>
+        <UiButton href="https://example.com" variant="ghost">External anchor</UiButton>
+        <UiButton href="https://example.com" variant="ghost" disabled>Disabled link</UiButton>
+      </div>
+    `,
+	}),
+};
+
+/**
+ * Every variant × size. Scan the columns for consistent vertical rhythm and the rows for
+ * consistent weight — this is the drift detector.
+ */
+export const AllVariants: Story = {
+	parameters: { layout: 'padded' },
+	render: () => ({
+		components: { UiButton },
+		setup: () => ({
+			variants: ['primary', 'secondary', 'ghost', 'danger'] as const,
+			sizes: ['sm', 'md', 'lg'] as const,
+		}),
+		template: `
+      <table style="border-collapse: collapse;">
+        <thead>
+          <tr>
+            <th style="text-align: left; padding: 0.5rem 1rem 0.5rem 0; font-size: 0.8125rem;"></th>
+            <th
+              v-for="size in sizes"
+              :key="size"
+              style="text-align: left; padding: 0.5rem 1rem; font-size: 0.8125rem;"
+            >
+              {{ size }}
+            </th>
+            <th style="text-align: left; padding: 0.5rem 1rem; font-size: 0.8125rem;">disabled</th>
+            <th style="text-align: left; padding: 0.5rem 1rem; font-size: 0.8125rem;">loading</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="variant in variants" :key="variant">
+            <th
+              scope="row"
+              style="text-align: left; padding: 0.5rem 1rem 0.5rem 0; font-size: 0.8125rem;"
+            >
+              {{ variant }}
+            </th>
+            <td v-for="size in sizes" :key="size" style="padding: 0.5rem 1rem;">
+              <UiButton :variant="variant" :size="size">Action</UiButton>
+            </td>
+            <td style="padding: 0.5rem 1rem;">
+              <UiButton :variant="variant" disabled>Action</UiButton>
+            </td>
+            <td style="padding: 0.5rem 1rem;">
+              <UiButton :variant="variant" loading>Action</UiButton>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiButton.vue b/frontend-vue/src/components/ui/UiButton.vue
new file mode 100644
index 000000000..2feb5256a
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiButton.vue
@@ -0,0 +1,245 @@
+<script setup lang="ts">
+/**
+ * The one button. Replaces ~19 hand-rolled blocks across the views — five `.btn` bases with five
+ * different geometries, four `.submit`s, two `.github-button`s, `.btn-delete`, `.btn--sm`,
+ * `.btn--option` and the header logout.
+ *
+ * Sizes are the plurality geometries, not an average: `md` matches the AccountView/BillingView pair
+ * *and* `.submit`'s vertical rhythm, so every auth submit becomes `md` + `block` with no visual
+ * change. See _Foundations → Conventions_ for the prop vocabulary.
+ *
+ * Polymorphism is two typed, mutually exclusive props rather than a generic `as`: `to` renders a
+ * RouterLink, `href` an `<a>`, neither a `<button>`. `vue-tsc` then rejects `to` on an anchor, which
+ * `as: string` would erase.
+ */
+import { computed, useAttrs } from 'vue';
+import type { RouteLocationRaw } from 'vue-router';
+import { RouterLink } from 'vue-router';
+import UiSpinner from './UiSpinner.vue';
+
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
+type ButtonSize = 'sm' | 'md' | 'lg';
+
+const props = withDefaults(
+	defineProps<{
+		/** Interaction emphasis. Never a status colour — that's `tone`, and buttons don't have one. */
+		variant?: ButtonVariant;
+		/** Geometry only: padding and font-size. Never changes colour. */
+		size?: ButtonSize;
+		/** Renders as a RouterLink. Mutually exclusive with `href` and `type`. */
+		to?: RouteLocationRaw;
+		/** Renders as an `<a>`. Mutually exclusive with `to` and `type`. */
+		href?: string;
+		/** Native button type. Ignored when `to` or `href` is set. */
+		type?: 'button' | 'submit' | 'reset';
+		disabled?: boolean;
+		/** Swaps the leading slot for a spinner and sets `aria-busy`. Implies `disabled`. */
+		loading?: boolean;
+		/** Stretches to the container width. Replaces `.submit { width: 100% }`. */
+		block?: boolean;
+	}>(),
+	{ variant: 'primary', size: 'md', type: 'button' },
+);
+
+if (import.meta.env.DEV && props.to !== undefined && props.href !== undefined) {
+	console.warn('[UiButton] `to` and `href` are mutually exclusive; `to` wins.');
+}
+
+const attrs = useAttrs();
+
+/** `loading` implies `disabled` — a button mid-request must not fire twice. */
+const isDisabled = computed(() => props.disabled || props.loading);
+
+/**
+ * A disabled link is not a link. Dropping `href`/`to` removes it from the tab order and from
+ * "open in new tab", which `pointer-events: none` alone would not; `aria-disabled` carries the
+ * state to AT, since only `<button>` supports the native `disabled` attribute.
+ */
+const tag = computed(() => {
+	if (props.to !== undefined && !isDisabled.value) return RouterLink;
+	if (props.to !== undefined || props.href !== undefined) return isDisabled.value ? 'span' : 'a';
+	return 'button';
+});
+
+const isNativeButton = computed(() => tag.value === 'button');
+
+const bindings = computed(() => {
+	const shared = {
+		'aria-busy': props.loading || undefined,
+		'aria-disabled': !isNativeButton.value && isDisabled.value ? 'true' : undefined,
+	};
+	if (isNativeButton.value) return { ...shared, type: props.type, disabled: isDisabled.value };
+	// A <span> standing in for a disabled link keeps the role so AT still announces it as one.
+	if (isDisabled.value) return { ...shared, role: 'link' };
+	return props.to !== undefined ? { ...shared, to: props.to } : { ...shared, href: props.href };
+});
+
+const classes = computed(() => [
+	'ui-button',
+	`ui-button--${props.variant}`,
+	`ui-button--size-${props.size}`,
+	{ 'ui-button--block': props.block, 'ui-button--loading': props.loading },
+]);
+
+/** The spinner inherits the label's colour, so it needs no per-variant styling. */
+const spinnerSize = computed(() => (props.size === 'sm' ? 'sm' : 'md'));
+
+/** Click is suppressed on the non-native tags, where `disabled` isn't enforced by the browser. */
+function onClick(event: MouseEvent) {
+	if (isDisabled.value && !isNativeButton.value) {
+		event.preventDefault();
+		event.stopPropagation();
+	}
+}
+</script>
+
+<template>
+	<component :is="tag" v-bind="{ ...attrs, ...bindings }" :class="classes" @click="onClick">
+		<!-- The spinner replaces the leading adornment rather than displacing it, so the button's
+         width doesn't jump when a request starts. -->
+		<span v-if="loading" class="ui-button__adornment">
+			<UiSpinner :size="spinnerSize" />
+		</span>
+		<span v-else-if="$slots.leading" class="ui-button__adornment">
+			<slot name="leading" />
+		</span>
+
+		<span class="ui-button__label"><slot /></span>
+
+		<span v-if="$slots.trailing" class="ui-button__adornment">
+			<slot name="trailing" />
+		</span>
+	</component>
+</template>
+
+<style scoped>
+.ui-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-2);
+  border: 1px solid transparent;
+  border-radius: var(--radius-pill);
+  font-family: inherit;
+  font-weight: var(--weight-semibold);
+  line-height: var(--leading-tight);
+  text-decoration: none;
+  white-space: nowrap;
+  cursor: pointer;
+  transition:
+    background var(--motion-fast),
+    border-color var(--motion-fast),
+    color var(--motion-fast),
+    transform var(--motion-base),
+    box-shadow var(--motion-base);
+}
+
+/* :focus-visible, not :focus — the pre-DS code rang the focus ring on mouse clicks too. */
+.ui-button:focus-visible {
+  outline: none;
+  box-shadow: var(--ring-focus);
+}
+
+.ui-button--block {
+  width: 100%;
+}
+
+/* --- Sizes --- */
+
+.ui-button--size-sm {
+  padding: var(--space-2) var(--space-4);
+  font-size: var(--text-xs);
+}
+
+.ui-button--size-md {
+  padding: 0.7rem var(--space-5);
+  font-size: var(--text-base);
+}
+
+.ui-button--size-lg {
+  padding: var(--space-2) 1.75rem;
+  font-size: var(--text-md);
+}
+
+/* --- Variants --- */
+
+.ui-button--primary {
+  background: var(--color-accent);
+  color: var(--color-surface);
+}
+
+.ui-button--primary:hover:not(:disabled, [aria-disabled='true']) {
+  background: var(--color-accent-ink);
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-lift);
+}
+
+/* Inherits `.btn--option`'s accent lift: it's the nicer interaction, and secondary is the
+   app's most-clicked affordance. */
+.ui-button--secondary {
+  background: var(--color-surface);
+  border-color: var(--color-line);
+  color: var(--color-ink-soft);
+}
+
+.ui-button--secondary:hover:not(:disabled, [aria-disabled='true']) {
+  border-color: var(--color-accent);
+  color: var(--color-accent-ink);
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-lift);
+}
+
+/* Ghost keeps the quieter hover — it's for the recessive action next to a primary. */
+.ui-button--ghost {
+  background: var(--color-surface);
+  border-color: var(--color-line);
+  color: var(--color-muted);
+}
+
+.ui-button--ghost:hover:not(:disabled, [aria-disabled='true']) {
+  border-color: var(--color-muted-soft);
+  color: var(--color-ink);
+}
+
+.ui-button--danger {
+  background: var(--color-surface);
+  border-color: var(--color-danger-border);
+  color: var(--color-danger);
+}
+
+.ui-button--danger:hover:not(:disabled, [aria-disabled='true']) {
+  background: var(--color-danger-bg);
+}
+
+.ui-button--danger:focus-visible {
+  box-shadow: var(--ring-danger);
+}
+
+.ui-button:active:not(:disabled, [aria-disabled='true']) {
+  transform: translateY(0);
+}
+
+.ui-button:disabled,
+.ui-button[aria-disabled='true'] {
+  opacity: 0.65;
+  cursor: not-allowed;
+  transform: none;
+  box-shadow: none;
+}
+
+.ui-button__adornment {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.ui-button__label {
+  display: inline-flex;
+  align-items: center;
+}
+
+/* An empty label would otherwise leave a stray gap next to an icon-only button. */
+.ui-button__label:empty {
+  display: none;
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiCard.spec.ts b/frontend-vue/src/components/ui/UiCard.spec.ts
new file mode 100644
index 000000000..ca95bcd0e
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiCard.spec.ts
@@ -0,0 +1,34 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UiCard from './UiCard.vue';
+
+/** Thin by design — UiCard is presentational, so there's little behaviour to pin beyond the API. */
+describe('UiCard', () => {
+	it('defaults to a padded panel', () => {
+		const wrapper = mount(UiCard, { slots: { default: 'Body' } });
+
+		expect(wrapper.classes()).toContain('ui-card--panel');
+		expect(wrapper.classes()).toContain('ui-card--padding-md');
+	});
+
+	it('lands shape and padding as modifier classes', () => {
+		const wrapper = mount(UiCard, { props: { shape: 'auth', padding: 'lg' } });
+
+		expect(wrapper.classes()).toContain('ui-card--auth');
+		expect(wrapper.classes()).toContain('ui-card--padding-lg');
+	});
+
+	it('adds the interactive modifier only when asked', () => {
+		expect(mount(UiCard).classes()).not.toContain('ui-card--interactive');
+		expect(mount(UiCard, { props: { interactive: true } }).classes()).toContain('ui-card--interactive');
+	});
+
+	it('renders its slot', () => {
+		expect(mount(UiCard, { slots: { default: 'Body' } }).text()).toBe('Body');
+	});
+
+	it('renders a div by default and the requested landmark element on `as`', () => {
+		expect(mount(UiCard).element.tagName).toBe('DIV');
+		expect(mount(UiCard, { props: { as: 'section' } }).element.tagName).toBe('SECTION');
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiCard.stories.ts b/frontend-vue/src/components/ui/UiCard.stories.ts
new file mode 100644
index 000000000..e258c8570
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiCard.stories.ts
@@ -0,0 +1,100 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import UiCard from './UiCard.vue';
+
+/**
+ * Content card, replacing `.card` ×3 and `.auth-card` ×4. The three radii those had drifted into
+ * collapse onto two tokenized shapes.
+ *
+ * Check these on the Surface background: the card paints itself `--color-surface` too, so the
+ * hairline border is the only thing separating it from the page.
+ */
+const meta = {
+	title: 'UI/Card',
+	component: UiCard,
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+	args: { shape: 'panel', padding: 'md', interactive: false },
+	argTypes: {
+		shape: { control: 'inline-radio', options: ['panel', 'auth'] },
+		padding: { control: 'inline-radio', options: ['md', 'lg', 'none'] },
+	},
+	render: (args) => ({
+		components: { UiCard },
+		setup: () => ({ args }),
+		template: `
+      <UiCard v-bind="args" style="max-width: 26rem;">
+        <h2 style="margin: 0 0 0.5rem; font-size: var(--text-md); font-weight: var(--weight-semibold);">
+          Usage this month
+        </h2>
+        <p style="margin: 0; color: var(--color-muted); font-size: var(--text-base);">
+          You've generated 12 of 50 websites on the Free plan.
+        </p>
+      </UiCard>
+    `,
+	}),
+} satisfies Meta<typeof UiCard>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** The in-page content card: 1rem radius. */
+export const Panel: Story = {};
+
+/** The centred auth card: wider 1.5rem radius, usually with `padding="lg"`. */
+export const Auth: Story = { args: { shape: 'auth', padding: 'lg' } };
+
+/** `padding="none"` for a card owning a full-bleed child, such as a list. */
+export const NoPadding: Story = {
+	args: { padding: 'none' },
+	render: (args) => ({
+		components: { UiCard },
+		setup: () => ({ args }),
+		template: `
+      <UiCard v-bind="args" style="max-width: 26rem;">
+        <ul style="margin: 0; padding: 0; list-style: none;">
+          <li
+            v-for="row in ['acme.sitenova.pro', 'blog.sitenova.pro', 'docs.sitenova.pro']"
+            :key="row"
+            style="
+              padding: 0.875rem 1.25rem;
+              border-bottom: 1px solid var(--color-line);
+              font-size: var(--text-base);
+            "
+          >
+            {{ row }}
+          </li>
+        </ul>
+      </UiCard>
+    `,
+	}),
+};
+
+/** Hover lift and accent border, for a card that is itself a link. Also rings on `:focus-within`. */
+export const Interactive: Story = { args: { interactive: true } };
+
+/** Both shapes × all three paddings, plus the interactive treatment. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiCard },
+		setup: () => ({
+			combos: [
+				{ shape: 'panel' as const, padding: 'md' as const, label: 'panel · md' },
+				{ shape: 'panel' as const, padding: 'lg' as const, label: 'panel · lg' },
+				{ shape: 'panel' as const, padding: 'none' as const, label: 'panel · none' },
+				{ shape: 'auth' as const, padding: 'md' as const, label: 'auth · md' },
+				{ shape: 'auth' as const, padding: 'lg' as const, label: 'auth · lg' },
+				{ shape: 'auth' as const, padding: 'none' as const, label: 'auth · none' },
+			],
+		}),
+		template: `
+      <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 1.25rem;">
+        <UiCard v-for="c in combos" :key="c.label" :shape="c.shape" :padding="c.padding">
+          <span style="font-family: var(--font-mono); font-size: var(--text-2xs);">{{ c.label }}</span>
+        </UiCard>
+        <UiCard interactive>
+          <span style="font-family: var(--font-mono); font-size: var(--text-2xs);">interactive</span>
+        </UiCard>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiCard.vue b/frontend-vue/src/components/ui/UiCard.vue
new file mode 100644
index 000000000..483bccb0b
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiCard.vue
@@ -0,0 +1,92 @@
+<script setup lang="ts">
+/**
+ * Content card. Replaces `.card` ×3 and `.auth-card` ×4, whose three drifting radii collapse onto
+ * two tokenized shapes: `panel` (1rem, in-page content) and `auth` (1.5rem, the centred auth card).
+ *
+ * `padding: md` takes the AccountView/BillingView geometry; WebsitesView's `1.125rem 1.25rem`
+ * merges into it, a ~2px change.
+ */
+import { computed } from 'vue';
+
+const props = withDefaults(
+	defineProps<{
+		/** `panel` = in-page content card. `auth` = the wider-radius, shadowed auth card. */
+		shape?: 'panel' | 'auth';
+		/** `none` when the card owns a full-bleed child such as a list or table. */
+		padding?: 'md' | 'lg' | 'none';
+		/** Hover lift and accent border, for cards that are themselves a link or button. */
+		interactive?: boolean;
+		/**
+		 * Root element. `section` when the card is a titled region of the page — AccountView and
+		 * BillingView stack five and three of those, and rendering them as `div` would flatten the
+		 * document outline that their `<h2>`s hang off.
+		 *
+		 * Same closed union as `UiPageShell`'s `as`, and for the same reason: `as: string` would erase
+		 * the check that makes `as="span"` a type error.
+		 */
+		as?: 'div' | 'section' | 'article' | 'li';
+	}>(),
+	{ shape: 'panel', padding: 'md', interactive: false, as: 'div' },
+);
+
+const classes = computed(() => [
+	'ui-card',
+	`ui-card--${props.shape}`,
+	`ui-card--padding-${props.padding}`,
+	{ 'ui-card--interactive': props.interactive },
+]);
+</script>
+
+<template>
+	<component :is="as" :class="classes">
+		<slot />
+	</component>
+</template>
+
+<style scoped>
+.ui-card {
+  border: 1px solid var(--color-line);
+  background: var(--color-surface);
+  box-shadow: var(--shadow-card);
+}
+
+.ui-card--panel {
+  border-radius: var(--radius-panel);
+}
+
+.ui-card--auth {
+  width: 100%;
+  border-radius: var(--radius-card);
+}
+
+.ui-card--padding-none {
+  padding: 0;
+}
+
+.ui-card--padding-md {
+  padding: var(--space-5) 1.375rem;
+}
+
+.ui-card--padding-lg {
+  padding: var(--space-8);
+}
+
+.ui-card--interactive {
+  transition:
+    border-color var(--motion-fast),
+    transform var(--motion-slow),
+    box-shadow var(--motion-slow);
+}
+
+.ui-card--interactive:hover {
+  border-color: var(--color-accent);
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-lift);
+}
+
+/* The card is often a link wrapper; keep the ring on the card, not on a nested child. */
+.ui-card--interactive:focus-within {
+  border-color: var(--color-accent);
+  box-shadow: var(--ring-focus);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiChip.spec.ts b/frontend-vue/src/components/ui/UiChip.spec.ts
new file mode 100644
index 000000000..ebc951ed1
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiChip.spec.ts
@@ -0,0 +1,37 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UiChip from './UiChip.vue';
+
+describe('UiChip', () => {
+	it('renders its slot content verbatim', () => {
+		// Verbatim matters: `text-transform: capitalize` was dropped on purpose, so a status string
+		// arrives at the DOM exactly as the caller passed it.
+		const wrapper = mount(UiChip, { slots: { default: 'generating' } });
+
+		expect(wrapper.text()).toBe('generating');
+	});
+
+	it('lands tone and size as modifier classes', () => {
+		const wrapper = mount(UiChip, { props: { tone: 'warning', size: 'md' } });
+
+		expect(wrapper.classes()).toContain('ui-chip--warning');
+		expect(wrapper.classes()).toContain('ui-chip--size-md');
+	});
+
+	it('defaults to the neutral sm chip', () => {
+		const wrapper = mount(UiChip);
+
+		expect(wrapper.classes()).toContain('ui-chip--neutral');
+		expect(wrapper.classes()).toContain('ui-chip--size-sm');
+	});
+
+	it('is not interactive', () => {
+		// A chip labels something else; it is not an affordance. Guards against a future PR quietly
+		// adding a role or tabindex instead of building a proper removable-chip component.
+		const wrapper = mount(UiChip, { slots: { default: 'draft' } });
+
+		expect(wrapper.element.tagName).toBe('SPAN');
+		expect(wrapper.attributes('role')).toBeUndefined();
+		expect(wrapper.attributes('tabindex')).toBeUndefined();
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiChip.stories.ts b/frontend-vue/src/components/ui/UiChip.stories.ts
new file mode 100644
index 000000000..30387bfa8
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiChip.stories.ts
@@ -0,0 +1,81 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import UiChip from './UiChip.vue';
+
+/**
+ * Small status pill — styled text with no interaction. Replaces the three hand-rolled `.chip`
+ * blocks; the only genuine drift between them was padding, which became the `size` prop.
+ *
+ * Two things it deliberately does *not* do: it has no role/tabindex/click (a chip labels something
+ * else, it isn't an affordance), and it does not capitalise its content — casing an arbitrary
+ * status string belongs to the call site.
+ */
+const meta = {
+	title: 'UI/Chip',
+	component: UiChip,
+	tags: ['autodocs'],
+	args: { tone: 'neutral', size: 'sm' },
+	argTypes: {
+		tone: {
+			control: 'inline-radio',
+			options: ['neutral', 'accent', 'success', 'warning', 'danger'],
+		},
+		size: { control: 'inline-radio', options: ['sm', 'md'] },
+	},
+	render: (args) => ({
+		components: { UiChip },
+		setup: () => ({ args }),
+		template: '<UiChip v-bind="args">published</UiChip>',
+	}),
+} satisfies Meta<typeof UiChip>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** The majority geometry: `sm` + `neutral`, as used for the metadata chips in a website list. */
+export const Default: Story = {};
+
+/** `md` + `accent` — DashboardView's status chip, the larger of the two geometries. */
+export const Status: Story = {
+	args: { tone: 'accent', size: 'md' },
+	render: (args) => ({
+		components: { UiChip },
+		setup: () => ({ args }),
+		template: '<UiChip v-bind="args">generating</UiChip>',
+	}),
+};
+
+/** Every tone × size. The matrix is what catches one tone drifting off the shared geometry. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiChip },
+		setup: () => ({
+			tones: ['neutral', 'accent', 'success', 'warning', 'danger'] as const,
+			sizes: ['sm', 'md'] as const,
+		}),
+		template: `
+      <div style="display: grid; gap: 1rem;">
+        <div
+          v-for="size in sizes"
+          :key="size"
+          style="display: flex; gap: 0.75rem; align-items: center;"
+        >
+          <code style="width: 2rem; font-size: 0.75rem; color: var(--color-muted);">{{ size }}</code>
+          <UiChip v-for="tone in tones" :key="tone" :tone="tone" :size="size">{{ tone }}</UiChip>
+        </div>
+      </div>
+    `,
+	}),
+};
+
+/** Chips are `inline-block`, so they sit on the text baseline inside a sentence or a table cell. */
+export const Inline: Story = {
+	render: () => ({
+		components: { UiChip },
+		template: `
+      <p style="font-size: var(--text-base); color: var(--color-ink);">
+        The site is <UiChip tone="success">published</UiChip> and served from
+        <UiChip tone="neutral">demo.sitenova.pro</UiChip>.
+      </p>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiChip.vue b/frontend-vue/src/components/ui/UiChip.vue
new file mode 100644
index 000000000..8b8f08b4c
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiChip.vue
@@ -0,0 +1,86 @@
+<script setup lang="ts">
+/**
+ * Small status pill — styled text, not a control. Replaces the three hand-rolled `.chip` blocks
+ * (WebsitesView, AccountView, DashboardView) whose only real disagreement was padding.
+ *
+ * Deliberately has **no ARIA role, no tabindex and no click event**. A chip labels something else;
+ * it is not an affordance. A removable/filter chip is a different component and a new conversation.
+ *
+ * `text-transform: capitalize` was **dropped** from DashboardView's copy on purpose: casing an
+ * arbitrary status string is data-dependent presentation and belongs to the call site. Phase 8's
+ * migration should capitalise `{{ status }}` in the view (or via a class there) rather than
+ * re-adding it here.
+ */
+import { computed } from 'vue';
+
+type ChipTone = 'neutral' | 'accent' | 'success' | 'warning' | 'danger';
+
+const props = withDefaults(
+	defineProps<{
+		/**
+		 * Status colour. Non-interactive, so this is `tone`, not `variant`. `accent` collapses
+		 * AccountView's `.chip--accent` and DashboardView's `.chip--status`, which were both
+		 * paper-2 + accent.
+		 */
+		tone?: ChipTone;
+		/** Geometry only. `sm` is the majority geometry; `md` matches DashboardView's status chip. */
+		size?: 'sm' | 'md';
+	}>(),
+	{ tone: 'neutral', size: 'sm' },
+);
+
+const classes = computed(() => ['ui-chip', `ui-chip--${props.tone}`, `ui-chip--size-${props.size}`]);
+</script>
+
+<template>
+	<span :class="classes">
+		<slot />
+	</span>
+</template>
+
+<style scoped>
+.ui-chip {
+  display: inline-block;
+  border-radius: var(--radius-pill);
+  font-weight: var(--weight-medium);
+  line-height: var(--leading-snug);
+  white-space: nowrap;
+}
+
+/* --space-25 (10px) is off the 4px scale; theme.css documents the exception, chip padding
+   included. Snapping to 12px would widen every chip in a dense list. */
+.ui-chip--size-sm {
+  padding: var(--space-1) var(--space-25);
+  font-size: var(--text-2xs);
+}
+
+.ui-chip--size-md {
+  padding: 0.35rem var(--space-3);
+  font-size: var(--text-xs);
+}
+
+.ui-chip--neutral {
+  background: var(--color-paper-2);
+  color: var(--color-muted);
+}
+
+.ui-chip--accent {
+  background: var(--color-paper-2);
+  color: var(--color-accent);
+}
+
+.ui-chip--success {
+  background: var(--color-success-bg);
+  color: var(--color-success);
+}
+
+.ui-chip--warning {
+  background: var(--color-warning-bg);
+  color: var(--color-warning);
+}
+
+.ui-chip--danger {
+  background: var(--color-danger-bg);
+  color: var(--color-danger);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiConfirmDialog.spec.ts b/frontend-vue/src/components/ui/UiConfirmDialog.spec.ts
new file mode 100644
index 000000000..4e523f4d5
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiConfirmDialog.spec.ts
@@ -0,0 +1,101 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import UiConfirmDialog from './UiConfirmDialog.vue';
+
+// See UiModal.spec.ts: jsdom 29 implements neither showModal() nor close(), so both are installed.
+beforeEach(() => {
+	const proto = HTMLDialogElement.prototype as unknown as Record<string, unknown>;
+	proto.showModal = vi.fn(function (this: HTMLDialogElement) {
+		this.open = true;
+	});
+	proto.close = vi.fn(function (this: HTMLDialogElement) {
+		this.open = false;
+	});
+});
+
+afterEach(() => {
+	const proto = HTMLDialogElement.prototype as unknown as Record<string, unknown>;
+	delete proto.showModal;
+	delete proto.close;
+});
+
+function mountDialog(props: Record<string, unknown> = {}) {
+	return mount(UiConfirmDialog, {
+		props: {
+			open: true,
+			title: 'Delete "My site"?',
+			message: "This can't be undone.",
+			...props,
+		},
+		attachTo: document.body,
+	});
+}
+
+describe('UiConfirmDialog', () => {
+	it('renders the question as the dialog name and the consequence as body copy', () => {
+		const wrapper = mountDialog();
+		const labelledBy = wrapper.get('dialog').attributes('aria-labelledby');
+
+		expect(wrapper.get(`#${labelledBy}`).text()).toBe('Delete "My site"?');
+		expect(wrapper.text()).toContain("This can't be undone.");
+	});
+
+	it('emits confirm when the confirm button is pressed', async () => {
+		const wrapper = mountDialog({ confirmLabel: 'Delete' });
+		const confirm = wrapper.findAll('button').find((b) => b.text() === 'Delete');
+
+		await confirm?.trigger('click');
+
+		expect(wrapper.emitted('confirm')).toHaveLength(1);
+	});
+
+	it('emits cancel and closes when the cancel button is pressed', async () => {
+		const wrapper = mountDialog();
+		const cancel = wrapper.findAll('button').find((b) => b.text() === 'Cancel');
+
+		await cancel?.trigger('click');
+
+		expect(wrapper.emitted('cancel')).toHaveLength(1);
+		expect(wrapper.emitted('update:open')?.[0]).toEqual([false]);
+	});
+
+	it('maps the danger tone onto the button variant vocabulary', () => {
+		// `tone` is status vocabulary and `variant` is interaction emphasis; CONVENTIONS.md forbids a
+		// component carrying both, so the mapping happens here rather than leaking either way.
+		const danger = mountDialog({ confirmLabel: 'Delete' });
+		const confirm = danger.findAll('button').find((b) => b.text() === 'Delete');
+		expect(confirm?.classes()).toContain('ui-button--danger');
+
+		const accent = mountDialog({ tone: 'accent', confirmLabel: 'Publish' });
+		const publish = accent.findAll('button').find((b) => b.text() === 'Publish');
+		expect(publish?.classes()).toContain('ui-button--primary');
+	});
+
+	it('shows the confirm button busy and blocks cancelling while a request is in flight', async () => {
+		const wrapper = mountDialog({ busy: true, confirmLabel: 'Delete' });
+		const confirm = wrapper.findAll('button').find((b) => b.text() === 'Delete');
+
+		expect(confirm?.attributes('aria-busy')).toBe('true');
+
+		// Cancel must not fire mid-request: the dialog describes an operation still running.
+		const cancel = wrapper.findAll('button').find((b) => b.text() === 'Cancel');
+		await cancel?.trigger('click');
+		expect(wrapper.emitted('cancel')).toBeUndefined();
+	});
+
+	it('refuses Escape while busy', async () => {
+		const wrapper = mountDialog({ busy: true });
+
+		await wrapper.get('dialog').trigger('cancel');
+
+		expect(wrapper.emitted('update:open')).toBeUndefined();
+	});
+
+	it('defaults to a destructive confirm labelled Confirm', () => {
+		const wrapper = mountDialog();
+		const labels = wrapper.findAll('button').map((b) => b.text());
+
+		expect(labels).toContain('Confirm');
+		expect(labels).toContain('Cancel');
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiConfirmDialog.stories.ts b/frontend-vue/src/components/ui/UiConfirmDialog.stories.ts
new file mode 100644
index 000000000..19a70db4e
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiConfirmDialog.stories.ts
@@ -0,0 +1,160 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { ref } from 'vue';
+import UiButton from './UiButton.vue';
+import UiConfirmDialog from './UiConfirmDialog.vue';
+
+/**
+ * Confirmation prompt for destructive actions, replacing `window.confirm()` at
+ * `WebsitesView.vue:37`.
+ *
+ * `window.confirm` blocks the main thread, cannot be branded, has no room for consequence text and
+ * offers no "working…" state — so a slow delete looks frozen. It is also suppressible per-origin in
+ * most browsers, which quietly turns a guarded action into an unguarded one.
+ *
+ * `tone` is mapped to `UiButton`'s `variant` internally: a component never carries both, per
+ * _Foundations → Conventions_.
+ */
+const meta = {
+	title: 'UI/ConfirmDialog',
+	component: UiConfirmDialog,
+	tags: ['autodocs'],
+	parameters: { layout: 'centered' },
+	args: {
+		open: false,
+		title: 'Delete "portfolio-site"?',
+		message: "This deletes the site and every version of it. This can't be undone.",
+		confirmLabel: 'Delete',
+		cancelLabel: 'Cancel',
+		tone: 'danger',
+		busy: false,
+	},
+	argTypes: { tone: { control: 'inline-radio', options: ['danger', 'accent'] } },
+} satisfies Meta<typeof UiConfirmDialog>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** The WebsitesView delete flow, which is the call site this replaces. */
+export const Default: Story = {
+	render: (args) => ({
+		components: { UiConfirmDialog, UiButton },
+		setup: () => {
+			const open = ref(false);
+			return { args, open };
+		},
+		template: `
+      <div>
+        <UiButton variant="danger" @click="open = true">Delete website</UiButton>
+        <UiConfirmDialog
+          v-bind="args"
+          v-model:open="open"
+          @confirm="open = false"
+        />
+      </div>
+    `,
+	}),
+};
+
+/** Non-destructive confirmations use `accent`, which maps to the primary button. */
+export const Accent: Story = {
+	args: {
+		tone: 'accent',
+		title: 'Publish this version?',
+		message: 'Your site will be live at the public URL within a minute.',
+		confirmLabel: 'Publish',
+	},
+	render: Default.render,
+};
+
+/**
+ * `busy` is the state `window.confirm` cannot express: the request is in flight, so the confirm
+ * button spins and Escape, the backdrop and Cancel are all locked until it resolves.
+ */
+export const Busy: Story = {
+	args: { open: true, busy: true },
+	render: (args) => ({
+		components: { UiConfirmDialog },
+		setup: () => ({ args }),
+		template: '<UiConfirmDialog v-bind="args" />',
+	}),
+};
+
+/**
+ * The default slot carries options that qualify the action itself. This is the WebsitesView case:
+ * deleting a website leaves its database running, and the checkbox is how the user opts into
+ * dropping that too — unticked by default, because it destroys data the plain delete keeps.
+ */
+export const WithOption: Story = {
+	args: {
+		open: true,
+		message:
+			"This deletes the site and every version of it. This can't be undone. Its database is kept unless you choose otherwise below.",
+	},
+	render: (args) => ({
+		components: { UiConfirmDialog },
+		setup: () => {
+			const alsoDeleteDatabase = ref(false);
+			return { args, alsoDeleteDatabase };
+		},
+		// The whole label is the hit target, so the consequence line is clickable rather than a
+		// caption the pointer falls off.
+		template: `
+      <UiConfirmDialog v-bind="args">
+        <label style="display: flex; align-items: flex-start; gap: 0.5rem; cursor: pointer;">
+          <input v-model="alsoDeleteDatabase" type="checkbox" style="margin-top: 0.15rem;" />
+          <span>
+            Also delete the database for this website
+            <span style="display: block; margin-top: 0.25rem; font-size: 0.75rem; color: var(--color-danger);">
+              Permanently deletes the database and all data in it. This can't be undone.
+            </span>
+          </span>
+        </label>
+      </UiConfirmDialog>
+    `,
+	}),
+};
+
+/** Both tones, resting and busy — the matrix that catches a drifted confirm button. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiConfirmDialog, UiButton },
+		setup: () => {
+			const which = ref<string | null>(null);
+			return { which };
+		},
+		template: `
+      <div style="display: flex; gap: 0.5rem;">
+        <UiButton size="sm" variant="danger" @click="which = 'danger'">danger</UiButton>
+        <UiButton size="sm" @click="which = 'accent'">accent</UiButton>
+        <UiButton size="sm" variant="secondary" @click="which = 'busy'">busy</UiButton>
+
+        <UiConfirmDialog
+          :open="which === 'danger'"
+          title="Delete &quot;portfolio-site&quot;?"
+          message="This deletes the site and every version of it."
+          confirm-label="Delete"
+          tone="danger"
+          @update:open="which = null"
+          @confirm="which = null"
+        />
+        <UiConfirmDialog
+          :open="which === 'accent'"
+          title="Publish this version?"
+          message="Your site will be live within a minute."
+          confirm-label="Publish"
+          tone="accent"
+          @update:open="which = null"
+          @confirm="which = null"
+        />
+        <UiConfirmDialog
+          :open="which === 'busy'"
+          title="Deleting…"
+          message="Locked until the request resolves — Escape and the backdrop do nothing."
+          confirm-label="Delete"
+          busy
+          @update:open="which = null"
+        />
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiConfirmDialog.vue b/frontend-vue/src/components/ui/UiConfirmDialog.vue
new file mode 100644
index 000000000..522bcb72e
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiConfirmDialog.vue
@@ -0,0 +1,85 @@
+<script setup lang="ts">
+/**
+ * Confirmation prompt for a destructive or irreversible action, replacing `window.confirm()`.
+ *
+ * `window.confirm` blocks the main thread, cannot be styled or branded, renders a browser-chrome
+ * string with no room for context, and gives the user no "working…" state — so a slow delete looks
+ * frozen. It is also suppressible per-origin in most browsers, which silently turns a guarded
+ * action into an unguarded one.
+ *
+ * Dismissal is disabled while `busy`: Escape or a backdrop click mid-request would hide the dialog
+ * while the operation it describes is still in flight.
+ *
+ * The default slot takes options that qualify the action itself — an opt-in for a second,
+ * wider-reaching deletion, say. Keep it to decisions the confirm button carries out; anything the
+ * user would navigate away to do belongs on the page, not in a modal they must dismiss to reach it.
+ */
+import { computed } from 'vue';
+import UiButton from './UiButton.vue';
+import UiModal from './UiModal.vue';
+
+const props = withDefaults(
+	defineProps<{
+		/** Visibility. Two-way via `v-model:open`. */
+		open: boolean;
+		/** The question, e.g. `Delete "My site"?`. Becomes the dialog's accessible name. */
+		title: string;
+		/** Consequence text under the title. Say what is irreversible. */
+		message: string;
+		/** Confirm button label. Prefer the verb — "Delete" beats "OK". */
+		confirmLabel?: string;
+		/** Cancel button label. */
+		cancelLabel?: string;
+		/** Confirm button emphasis. `danger` for anything destructive. */
+		tone?: 'danger' | 'accent';
+		/** Request in flight: spins the confirm button and locks dismissal. */
+		busy?: boolean;
+	}>(),
+	{ confirmLabel: 'Confirm', cancelLabel: 'Cancel', tone: 'danger', busy: false },
+);
+
+const emit = defineEmits<{ 'update:open': [boolean]; confirm: []; cancel: [] }>();
+
+/** `tone` is status vocabulary; `UiButton` speaks `variant`. Mapped here so neither leaks. */
+const confirmVariant = computed(() => (props.tone === 'danger' ? 'danger' : 'primary'));
+
+function onCancel() {
+	if (props.busy) return;
+	emit('update:open', false);
+	emit('cancel');
+}
+</script>
+
+<template>
+	<UiModal
+		:open="open"
+		:title="title"
+		size="sm"
+		:dismissible="!busy"
+		@update:open="!$event && onCancel()"
+	>
+		<p class="ui-confirm-dialog__message">{{ message }}</p>
+
+		<!-- Extra decisions that belong to this confirmation — an opt-in checkbox for a second,
+         wider-reaching deletion, say. Empty in the common case, so nothing renders and the
+         dialog stays the plain question it was. -->
+		<div v-if="$slots.default" class="ui-confirm-dialog__extra"><slot /></div>
+
+		<template #footer>
+			<UiButton variant="secondary" :disabled="busy" @click="onCancel">{{ cancelLabel }}</UiButton>
+			<UiButton :variant="confirmVariant" :loading="busy" @click="emit('confirm')">
+				{{ confirmLabel }}
+			</UiButton>
+		</template>
+	</UiModal>
+</template>
+
+<style scoped>
+.ui-confirm-dialog__message {
+  margin: 0;
+}
+
+.ui-confirm-dialog__extra {
+  margin-top: var(--space-4);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiDrawer.spec.ts b/frontend-vue/src/components/ui/UiDrawer.spec.ts
new file mode 100644
index 000000000..f23d713e9
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiDrawer.spec.ts
@@ -0,0 +1,160 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { defineComponent, nextTick, ref } from 'vue';
+import UiDrawer from './UiDrawer.vue';
+
+/**
+ * jsdom 29 has `HTMLDialogElement` but neither `showModal()` nor `close()` (see UiModal.spec.ts), so
+ * both are installed here and keep `open` truthful, since that's what the component reads.
+ */
+function installDialogStubs() {
+	const proto = HTMLDialogElement.prototype as unknown as { showModal?: () => void; close?: () => void };
+	const showModal = vi.fn(function (this: HTMLDialogElement) {
+		this.open = true;
+	});
+	const close = vi.fn(function (this: HTMLDialogElement) {
+		this.open = false;
+	});
+	proto.showModal = showModal;
+	proto.close = close;
+	return { showModal, close };
+}
+
+let stubs: ReturnType<typeof installDialogStubs>;
+
+beforeEach(() => {
+	stubs = installDialogStubs();
+});
+
+afterEach(() => {
+	const proto = HTMLDialogElement.prototype as unknown as Record<string, unknown>;
+	delete proto.showModal;
+	delete proto.close;
+	document.body.innerHTML = '';
+});
+
+function mountDrawer(props: Record<string, unknown> = {}) {
+	return mount(UiDrawer, {
+		props: { open: true, label: 'Main navigation', ...props },
+		slots: { default: '<a href="/connections">Connections</a>' },
+		attachTo: document.body,
+	});
+}
+
+describe('UiDrawer', () => {
+	it('opens as a modal dialog named by its label', async () => {
+		const wrapper = mountDrawer();
+		await nextTick();
+		await nextTick();
+
+		expect(stubs.showModal).toHaveBeenCalled();
+		expect(wrapper.get('dialog').attributes('aria-label')).toBe('Main navigation');
+	});
+
+	it('does not open until `open` turns true, and closes when it turns false', async () => {
+		const wrapper = mountDrawer({ open: false });
+		await nextTick();
+		expect(stubs.showModal).not.toHaveBeenCalled();
+
+		await wrapper.setProps({ open: true });
+		await nextTick();
+		expect(stubs.showModal).toHaveBeenCalled();
+
+		await wrapper.setProps({ open: false });
+		await nextTick();
+		expect(stubs.close).toHaveBeenCalled();
+	});
+
+	it('moves focus inside on open and returns it to the opener on close', async () => {
+		const Host = defineComponent({
+			components: { UiDrawer },
+			setup: () => ({ open: ref(false) }),
+			template: `
+        <div>
+          <button type="button" class="opener" @click="open = true">Menu</button>
+          <UiDrawer v-model:open="open" label="Main navigation">
+            <a href="/connections" class="first">Connections</a>
+          </UiDrawer>
+        </div>
+      `,
+		});
+		const wrapper = mount(Host, { attachTo: document.body });
+		const opener = wrapper.get('.opener').element as HTMLButtonElement;
+		opener.focus();
+
+		await wrapper.get('.opener').trigger('click');
+		await nextTick();
+		await nextTick();
+		expect(document.activeElement).toBe(wrapper.get('.first').element);
+
+		await wrapper.get('dialog').trigger('cancel');
+		await nextTick();
+		await nextTick();
+		expect(document.activeElement).toBe(opener);
+	});
+
+	it('focuses the panel when it holds nothing focusable', async () => {
+		const wrapper = mount(UiDrawer, {
+			props: { open: true, label: 'Empty' },
+			slots: { default: '<p>Nothing to focus</p>' },
+			attachTo: document.body,
+		});
+		await nextTick();
+		await nextTick();
+
+		expect(document.activeElement).toBe(wrapper.get('.ui-drawer__panel').element);
+	});
+
+	it('requests close on Escape, which arrives as the native cancel event', () => {
+		const wrapper = mountDrawer();
+		const event = new Event('cancel', { cancelable: true });
+
+		wrapper.get('dialog').element.dispatchEvent(event);
+
+		// Prevented, so the prop rather than the browser decides when it closes.
+		expect(event.defaultPrevented).toBe(true);
+		expect(wrapper.emitted('update:open')?.[0]).toEqual([false]);
+		expect(wrapper.emitted('close')).toHaveLength(1);
+	});
+
+	it('closes on a backdrop click but not on a click inside the panel', async () => {
+		const wrapper = mountDrawer();
+
+		await wrapper.get('.ui-drawer__panel').trigger('click');
+		expect(wrapper.emitted('update:open')).toBeUndefined();
+
+		await wrapper.get('dialog').trigger('click');
+		expect(wrapper.emitted('update:open')?.[0]).toEqual([false]);
+	});
+
+	it('renders header and footer slots only when given', () => {
+		expect(mountDrawer().find('.ui-drawer__header').exists()).toBe(false);
+		const wrapper = mount(UiDrawer, {
+			props: { open: false, label: 'Nav' },
+			slots: { header: 'Rocketadmin', footer: 'v1.0' },
+		});
+
+		expect(wrapper.get('.ui-drawer__header').text()).toBe('Rocketadmin');
+		expect(wrapper.get('.ui-drawer__footer').text()).toBe('v1.0');
+	});
+
+	it('forwards class to the dialog and lands size as a modifier', () => {
+		const wrapper = mount(UiDrawer, {
+			props: { open: false, label: 'Nav', size: 'lg' },
+			attrs: { class: 'shell-drawer' },
+		});
+
+		expect(wrapper.get('dialog').classes()).toEqual(expect.arrayContaining(['shell-drawer', 'ui-drawer--size-lg']));
+	});
+
+	it('closes an open dialog when unmounted, so the page does not stay inert', async () => {
+		const wrapper = mountDrawer();
+		await nextTick();
+		await nextTick();
+		stubs.close.mockClear();
+
+		wrapper.unmount();
+
+		expect(stubs.close).toHaveBeenCalled();
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiDrawer.stories.ts b/frontend-vue/src/components/ui/UiDrawer.stories.ts
new file mode 100644
index 000000000..15b57e474
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiDrawer.stories.ts
@@ -0,0 +1,61 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { ref } from 'vue';
+import UiDrawer from './UiDrawer.vue';
+import UiIconButton from './UiIconButton.vue';
+
+/**
+ * Side drawer on the native `<dialog>`, the `mat-sidenav mode="over"` replacement. Escape, the
+ * backdrop and the `v-model:open` binding close it; focus moves in on open and back to the menu
+ * button on close. Toggle the OS "reduce motion" setting to check the slide is suppressed.
+ */
+const meta = {
+	title: 'UI/Drawer',
+	component: UiDrawer,
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+	args: { open: false, label: 'Main navigation', size: 'md' },
+	argTypes: { size: { control: 'inline-radio', options: ['sm', 'md', 'lg'] } },
+	render: (args) => ({
+		components: { UiDrawer, UiIconButton },
+		setup: () => ({ args, open: ref(false) }),
+		template: `
+      <div>
+        <UiIconButton icon="menu" label="Open navigation" @click="open = true" />
+        <UiDrawer v-bind="args" v-model:open="open">
+          <template #header><strong>Rocketadmin</strong></template>
+          <nav aria-label="Primary" style="display: flex; flex-direction: column;">
+            <a href="#connections" style="padding: 0.75rem 1rem;">Connections</a>
+            <a href="#company" style="padding: 0.75rem 1rem;">Company</a>
+            <a href="#secrets" style="padding: 0.75rem 1rem;">Secrets</a>
+          </nav>
+          <template #footer>v1.0.0</template>
+        </UiDrawer>
+      </div>
+    `,
+	}),
+} satisfies Meta<typeof UiDrawer>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+/** All three widths side by side (each opens its own drawer). */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiDrawer, UiIconButton },
+		setup: () => ({ sizes: ['sm', 'md', 'lg'] as const, open: ref<string | null>(null) }),
+		template: `
+      <div style="display: flex; gap: 1rem;">
+        <div v-for="size in sizes" :key="size" style="display: flex; align-items: center; gap: 0.5rem;">
+          <UiIconButton icon="menu" :label="'Open ' + size + ' drawer'" variant="secondary" @click="open = size" />
+          <code style="font-size: 0.75rem; color: var(--color-muted);">{{ size }}</code>
+          <UiDrawer :open="open === size" :size="size" :label="size + ' drawer'" @update:open="open = null">
+            <template #header><strong>{{ size }} drawer</strong></template>
+            <p style="padding: 0 1rem;">Drawer content.</p>
+          </UiDrawer>
+        </div>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiDrawer.vue b/frontend-vue/src/components/ui/UiDrawer.vue
new file mode 100644
index 000000000..82701cfb7
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiDrawer.vue
@@ -0,0 +1,226 @@
+<script setup lang="ts">
+/**
+ * Side navigation drawer — the `mat-sidenav mode="over"` replacement. Slides in from the inline-start
+ * edge over a `--color-overlay` backdrop.
+ *
+ * Built on the native `<dialog>` with `showModal()`, for the same reasons as UiModal: the browser
+ * supplies the focus trap, `inert` on the rest of the page, top-layer stacking, Escape (as the
+ * `cancel` event) and the `::backdrop`. The drawer *is* modal while open — nothing behind it is
+ * reachable — so the semantics are honest.
+ *
+ * Focus: `showModal()` focuses the first focusable element inside; if there is none (or the browser
+ * doesn't), the panel itself takes focus. On close, focus returns to whatever had it before opening
+ * — normally the menu button — which browsers do natively and this restores explicitly for those
+ * that don't.
+ *
+ * The slide is a `translate` transition with `@starting-style`; the open state ends on
+ * `translate: none` rather than `0`, because any other value makes the drawer a containing block and
+ * would mis-position fixed descendants. `base.css`'s reduced-motion guard neutralises the slide.
+ *
+ * `inheritAttrs: false` — a caller's `class` lands on the `<dialog>`, the box they mean.
+ */
+import { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue';
+
+defineOptions({ inheritAttrs: false });
+
+const props = withDefaults(
+	defineProps<{
+		/** Visibility. Two-way via `v-model:open`, so Escape and the backdrop can close it. */
+		open: boolean;
+		/** Accessible name for the drawer, e.g. "Main navigation". Required — a nameless dialog is a defect. */
+		label: string;
+		/** Geometry only: the panel width (16 / 20 / 24rem, capped to the viewport). */
+		size?: 'sm' | 'md' | 'lg';
+	}>(),
+	{ size: 'md' },
+);
+
+const emit = defineEmits<{ 'update:open': [boolean]; close: [] }>();
+
+const dialog = ref<HTMLDialogElement | null>(null);
+let returnFocusTo: HTMLElement | null = null;
+
+const classes = computed(() => ['ui-drawer', `ui-drawer--size-${props.size}`]);
+
+watch(
+	() => props.open,
+	async (isOpen) => {
+		await nextTick();
+		syncOpen(isOpen);
+	},
+	{ immediate: true },
+);
+
+onBeforeUnmount(() => {
+	if (dialog.value?.open) dialog.value.close?.();
+});
+
+function requestClose() {
+	emit('update:open', false);
+	emit('close');
+}
+
+/** Escape arrives as the native `cancel` event; prevented so the prop, not the browser, closes it. */
+function onCancel(event: Event) {
+	event.preventDefault();
+	requestClose();
+}
+
+/** The backdrop is part of the `<dialog>`'s own box, so a click on it targets the dialog itself. */
+function onDialogClick(event: MouseEvent) {
+	if (event.target === dialog.value) requestClose();
+}
+
+/** jsdom has `HTMLDialogElement` but no `showModal()`/`close()`, hence the optional calls. */
+function syncOpen(shouldOpen: boolean) {
+	const el = dialog.value;
+	if (!el) return;
+	if (shouldOpen && !el.open) {
+		returnFocusTo = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+		el.showModal?.();
+		if (!el.contains(document.activeElement)) focusFirst(el);
+	} else if (!shouldOpen && el.open) {
+		el.close?.();
+		restoreFocus(el);
+	}
+}
+
+function focusFirst(el: HTMLDialogElement) {
+	const target = el.querySelector<HTMLElement>(
+		'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',
+	);
+	(target ?? el.querySelector<HTMLElement>('.ui-drawer__panel'))?.focus();
+}
+
+function restoreFocus(el: HTMLDialogElement) {
+	const target = returnFocusTo;
+	returnFocusTo = null;
+	// Only if focus is still inside the drawer or was dropped on <body>: a caller that already moved
+	// focus somewhere deliberate (a route change focusing a heading) wins.
+	const active = document.activeElement;
+	if (target?.isConnected && (!active || active === document.body || el.contains(active))) target.focus();
+}
+</script>
+
+<template>
+	<dialog
+		ref="dialog"
+		v-bind="$attrs"
+		:class="classes"
+		:aria-label="label"
+		@cancel="onCancel"
+		@click="onDialogClick"
+	>
+		<div class="ui-drawer__panel" tabindex="-1" @click.stop>
+			<header v-if="$slots.header" class="ui-drawer__header">
+				<slot name="header" />
+			</header>
+			<div class="ui-drawer__body"><slot /></div>
+			<footer v-if="$slots.footer" class="ui-drawer__footer">
+				<slot name="footer" />
+			</footer>
+		</div>
+	</dialog>
+</template>
+
+<style scoped>
+.ui-drawer {
+  position: fixed;
+  inset-block: 0;
+  inset-inline-start: 0;
+  inset-inline-end: auto;
+  max-width: calc(100vw - var(--space-12));
+  height: 100dvh;
+  max-height: none;
+  margin: 0;
+  padding: 0;
+  border: none;
+  background: transparent;
+  overflow: visible;
+  z-index: var(--z-modal);
+  translate: none;
+  transition:
+    translate var(--motion-slow) var(--ease-out),
+    overlay var(--motion-slow) allow-discrete,
+    display var(--motion-slow) allow-discrete;
+}
+
+.ui-drawer:not([open]) {
+  translate: -100%;
+}
+
+.ui-drawer:dir(rtl):not([open]) {
+  translate: 100%;
+}
+
+@starting-style {
+  .ui-drawer[open] {
+    translate: -100%;
+  }
+
+  .ui-drawer[open]:dir(rtl) {
+    translate: 100%;
+  }
+}
+
+.ui-drawer::backdrop {
+  background: var(--color-overlay);
+  transition:
+    opacity var(--motion-slow) var(--ease-out),
+    overlay var(--motion-slow) allow-discrete,
+    display var(--motion-slow) allow-discrete;
+}
+
+.ui-drawer:not([open])::backdrop {
+  opacity: 0;
+}
+
+@starting-style {
+  .ui-drawer[open]::backdrop {
+    opacity: 0;
+  }
+}
+
+.ui-drawer--size-sm {
+  width: 16rem;
+}
+
+.ui-drawer--size-md {
+  width: 20rem;
+}
+
+.ui-drawer--size-lg {
+  width: 24rem;
+}
+
+.ui-drawer__panel {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: var(--color-surface-raised);
+  box-shadow: var(--shadow-card);
+  color: var(--color-ink);
+  outline: none;
+}
+
+.ui-drawer__header {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  min-height: var(--header-height);
+  padding: 0 var(--space-4);
+  border-bottom: 1px solid var(--color-line);
+}
+
+.ui-drawer__body {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  padding: var(--space-2);
+}
+
+.ui-drawer__footer {
+  padding: var(--space-3) var(--space-4);
+  border-top: 1px solid var(--color-line);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiField.spec.ts b/frontend-vue/src/components/ui/UiField.spec.ts
new file mode 100644
index 000000000..fa81a56f3
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiField.spec.ts
@@ -0,0 +1,170 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { defineComponent, h } from 'vue';
+import UiField from './UiField.vue';
+import UiInput from './UiInput.vue';
+
+/**
+ * The highest-value spec in the design system: it pins the ARIA wiring that **exists nowhere in the
+ * app today**. Before `UiField`, all four hand-rolled field copies rendered the error as an
+ * unassociated sibling `<p>`, so a screenreader user heard the label and never learned why
+ * submission failed.
+ */
+
+/** A field wrapping a real UiInput — the composition every call site actually uses. */
+function mountField(props: Record<string, unknown> = {}) {
+	return mount(UiField, {
+		props: { label: 'Email', ...props },
+		slots: { default: () => h(UiInput, { type: 'email' }) },
+	});
+}
+
+describe('UiField + UiInput', () => {
+	describe('label association', () => {
+		it('points the label at the input it wraps', () => {
+			const wrapper = mountField();
+			const inputId = wrapper.find('input').attributes('id');
+
+			expect(inputId).toBeTruthy();
+			expect(wrapper.find('label').attributes('for')).toBe(inputId);
+		});
+
+		it('gives two fields on one page distinct ids', () => {
+			// The useId regression guard. Two fields sharing an id means clicking one label focuses the
+			// other input, and both announce the same name.
+			const Host = defineComponent({
+				components: { UiField, UiInput },
+				template: `
+          <form>
+            <UiField label="Email"><UiInput /></UiField>
+            <UiField label="Password"><UiInput /></UiField>
+          </form>
+        `,
+			});
+			const wrapper = mount(Host);
+			const [first, second] = wrapper.findAll('input').map((i) => i.attributes('id'));
+
+			expect(first).toBeTruthy();
+			expect(first).not.toBe(second);
+		});
+	});
+
+	describe('aria-describedby', () => {
+		it('is absent when there is neither hint nor error', () => {
+			expect(mountField().find('input').attributes('aria-describedby')).toBeUndefined();
+		});
+
+		it('references the error node', () => {
+			const wrapper = mountField({ error: 'Enter a valid email' });
+			const describedBy = wrapper.find('input').attributes('aria-describedby');
+			const errorId = wrapper.find('.ui-field__error').attributes('id');
+
+			expect(errorId).toBeTruthy();
+			expect(describedBy?.split(' ')).toContain(errorId);
+		});
+
+		it('references the hint node', () => {
+			const wrapper = mountField({ hint: 'Work address' });
+			const hintId = wrapper.find('.ui-field__hint').attributes('id');
+
+			expect(wrapper.find('input').attributes('aria-describedby')?.split(' ')).toContain(hintId);
+		});
+
+		it('references hint and error together when both are present', () => {
+			// An error must not silence the hint — the hint usually states the rule being violated.
+			const wrapper = mountField({ hint: 'Work address', error: 'Enter a valid email' });
+			const ids = wrapper.find('input').attributes('aria-describedby')?.split(' ') ?? [];
+
+			expect(ids).toContain(wrapper.find('.ui-field__hint').attributes('id'));
+			expect(ids).toContain(wrapper.find('.ui-field__error').attributes('id'));
+			expect(ids).toHaveLength(2);
+		});
+	});
+
+	describe('invalid state', () => {
+		it('sets aria-invalid only when there is an error', () => {
+			expect(mountField().find('input').attributes('aria-invalid')).toBeUndefined();
+			expect(mountField({ error: 'Bad' }).find('input').attributes('aria-invalid')).toBe('true');
+		});
+
+		it('marks the control with the invalid modifier class', () => {
+			expect(mountField({ error: 'Bad' }).find('input').classes()).toContain('ui-input--invalid');
+		});
+	});
+
+	describe('required', () => {
+		it('forwards required to the control and marks the label decoratively', () => {
+			const wrapper = mountField({ required: true });
+
+			expect(wrapper.find('input').attributes('required')).toBeDefined();
+			// The asterisk is aria-hidden: `required` on the control is what AT reads.
+			expect(wrapper.find('.ui-field__required').attributes('aria-hidden')).toBe('true');
+		});
+	});
+
+	describe('scoped slot', () => {
+		it('exposes the wiring so a non-UiInput control can use it', () => {
+			// This is what lets a field wrap a <select>, a <textarea> or the Turnstile widget.
+			const wrapper = mount(UiField, {
+				props: { label: 'Plan', error: 'Pick one' },
+				slots: {
+					default: (slotProps: Record<string, unknown>) =>
+						h('select', {
+							id: slotProps.inputId as string,
+							'aria-describedby': slotProps.describedBy as string,
+							'aria-invalid': slotProps.invalid ? 'true' : undefined,
+						}),
+				},
+			});
+			const select = wrapper.find('select');
+
+			expect(select.attributes('id')).toBe(wrapper.find('label').attributes('for'));
+			expect(select.attributes('aria-describedby')).toBe(wrapper.find('.ui-field__error').attributes('id'));
+			expect(select.attributes('aria-invalid')).toBe('true');
+		});
+	});
+});
+
+describe('UiInput', () => {
+	it('round-trips v-model', async () => {
+		const wrapper = mount(UiInput, { props: { modelValue: 'before' } });
+
+		expect(wrapper.find('input').element.value).toBe('before');
+
+		await wrapper.find('input').setValue('after');
+
+		expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual(['after']);
+	});
+
+	it('works standalone, with the caller supplying invalid', () => {
+		// No UiField ancestor: the injected context is absent and nothing should throw.
+		const wrapper = mount(UiInput, { props: { invalid: true } });
+
+		expect(wrapper.find('input').attributes('aria-invalid')).toBe('true');
+		expect(wrapper.find('input').attributes('aria-describedby')).toBeUndefined();
+	});
+
+	it('lets an explicit invalid prop override the field context', () => {
+		const wrapper = mount(UiField, {
+			props: { label: 'Email', error: 'Bad' },
+			slots: { default: () => h(UiInput, { invalid: false }) },
+		});
+
+		expect(wrapper.find('input').attributes('aria-invalid')).toBeUndefined();
+	});
+
+	it('forwards arbitrary attributes onto the control itself', () => {
+		// inheritAttrs: false — without the explicit v-bind these would land nowhere useful.
+		const wrapper = mount(UiInput, { attrs: { name: 'email', maxlength: '80' } });
+
+		expect(wrapper.find('input').attributes('name')).toBe('email');
+		expect(wrapper.find('input').attributes('maxlength')).toBe('80');
+	});
+
+	it('lands size as a modifier class and passes type through', () => {
+		const wrapper = mount(UiInput, { props: { size: 'sm', type: 'password' } });
+
+		expect(wrapper.find('input').classes()).toContain('ui-input--size-sm');
+		expect(wrapper.find('input').attributes('type')).toBe('password');
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiField.stories.ts b/frontend-vue/src/components/ui/UiField.stories.ts
new file mode 100644
index 000000000..e6d663d28
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiField.stories.ts
@@ -0,0 +1,127 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import UiField from './UiField.vue';
+import UiInput from './UiInput.vue';
+
+/**
+ * Label, hint, error — and the `aria-describedby` wiring between them, which **exists nowhere in
+ * the app today**. Inspect a rendered input in the DOM panel: its `aria-describedby` should name
+ * the hint and error nodes, and its `id` should match the label's `for`.
+ *
+ * `UiField` and `UiInput` are separate components so a field can also wrap a `<select>`, a
+ * `<textarea>` or the Turnstile widget — see the _Wrapping A Select_ story.
+ */
+const meta = {
+	title: 'UI/Field',
+	component: UiField,
+	subcomponents: { UiInput },
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+	args: { label: 'Email address', required: false },
+	render: (args) => ({
+		components: { UiField, UiInput },
+		setup: () => ({ args }),
+		template: `
+      <div style="max-width: 22rem;">
+        <UiField v-bind="args"><UiInput type="email" placeholder="you@company.com" /></UiField>
+      </div>
+    `,
+	}),
+} satisfies Meta<typeof UiField>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithHint: Story = {
+	args: { hint: 'We only use this for sign-in and billing receipts.' },
+};
+
+/** The error sets `aria-invalid` on the control *and* is referenced by `aria-describedby`. */
+export const WithError: Story = {
+	args: { error: 'Enter a valid email address.' },
+};
+
+/**
+ * Both at once. The hint stays in `aria-describedby` alongside the error — it usually states the
+ * rule the error is complaining about, so silencing it would lose the fix.
+ */
+export const WithHintAndError: Story = {
+	args: {
+		hint: 'At least 12 characters, including a number.',
+		error: 'That password is too short.',
+		label: 'Password',
+	},
+};
+
+export const Required: Story = { args: { required: true } };
+
+export const Disabled: Story = {
+	render: (args) => ({
+		components: { UiField, UiInput },
+		setup: () => ({ args }),
+		template: `
+      <div style="max-width: 22rem;">
+        <UiField v-bind="args"><UiInput type="email" model-value="you@company.com" disabled /></UiField>
+      </div>
+    `,
+	}),
+};
+
+/**
+ * The scoped slot exposes `inputId` / `describedBy` / `invalid`, so a control that isn't `UiInput`
+ * wires up identically. This is why the two components are split.
+ */
+export const WrappingASelect: Story = {
+	args: { label: 'Plan', hint: 'You can change this at any time.' },
+	render: (args) => ({
+		components: { UiField },
+		setup: () => ({ args }),
+		template: `
+      <div style="max-width: 22rem;">
+        <UiField v-bind="args">
+          <template #default="{ inputId, describedBy, invalid }">
+            <select
+              :id="inputId"
+              :aria-describedby="describedBy"
+              :aria-invalid="invalid || undefined"
+              style="
+                padding: 0.625rem 0.75rem;
+                border: 1px solid var(--color-line);
+                border-radius: var(--radius-control);
+                font-size: var(--text-base);
+                background: var(--color-surface);
+                color: var(--color-ink);
+              "
+            >
+              <option>Free</option>
+              <option>Pro</option>
+            </select>
+          </template>
+        </UiField>
+      </div>
+    `,
+	}),
+};
+
+/**
+ * Every state, plus both input sizes. The two-fields-in-one-form arrangement is also the `useId`
+ * regression guard: if the generated ids ever collide, clicking the second label focuses the
+ * first input.
+ */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiField, UiInput },
+		template: `
+      <form style="display: grid; gap: 1.25rem; max-width: 22rem;">
+        <UiField label="Default"><UiInput placeholder="Placeholder" /></UiField>
+        <UiField label="With hint" hint="Supplementary guidance."><UiInput /></UiField>
+        <UiField label="With error" error="Something is wrong."><UiInput /></UiField>
+        <UiField label="Hint and error" hint="The rule." error="The violation."><UiInput /></UiField>
+        <UiField label="Required" required><UiInput /></UiField>
+        <UiField label="Disabled"><UiInput model-value="Locked" disabled /></UiField>
+        <UiField label="Small control"><UiInput size="sm" placeholder="Dense row" /></UiField>
+      </form>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiField.vue b/frontend-vue/src/components/ui/UiField.vue
new file mode 100644
index 000000000..6d2c2ead0
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiField.vue
@@ -0,0 +1,107 @@
+<script setup lang="ts">
+/**
+ * Label + hint + error, and the ARIA wiring between them and the control.
+ *
+ * Split from `UiInput` on purpose: the split is what lets a field also wrap a `<select>`, a
+ * `<textarea>` or the Turnstile widget. `UiInput` picks the context up via `inject`; anything else
+ * reads the same ids off the scoped default slot.
+ *
+ * **`aria-describedby` linking an input to its error message exists nowhere in the app today** —
+ * the four hand-rolled `.field` copies render the error as an unassociated sibling `<p>`, so a
+ * screenreader user hears the label and nothing about why submission failed. That single defect is
+ * what justifies this component.
+ *
+ * Attribute fallthrough is left on (unlike `UiModal`, which forwards to its inner `<dialog>`): the
+ * root here *is* the layout box, so a caller's one-off margin or width belongs on it. Attributes
+ * meant for the control go on the control the caller passes into the slot.
+ */
+import { computed, provide, toRef, useId } from 'vue';
+import { FIELD_CONTEXT } from './fieldContext';
+
+const props = withDefaults(
+	defineProps<{
+		/** Visible label text. Required — a field without one is a defect, not a style choice. */
+		label: string;
+		/** Supplementary text under the label, e.g. password rules or "(optional)". */
+		hint?: string;
+		/** Validation message. Its presence is what sets `aria-invalid` on the control. */
+		error?: string;
+		required?: boolean;
+	}>(),
+	{ required: false },
+);
+
+// useId() rather than a counter: deterministic per instance, stable across re-renders, and unique
+// across two fields on one page — the regression this guards is two inputs sharing one label.
+const uid = useId();
+const inputId = `${uid}-input`;
+const hintId = `${uid}-hint`;
+const errorId = `${uid}-error`;
+
+const invalid = computed(() => Boolean(props.error));
+
+/* Both ids when both are present — an error must not silence the hint, since the hint usually
+   states the rule the error is complaining about. */
+const describedBy = computed(() => {
+	const ids = [props.hint ? hintId : undefined, props.error ? errorId : undefined].filter(Boolean);
+	return ids.length ? ids.join(' ') : undefined;
+});
+
+provide(FIELD_CONTEXT, {
+	inputId,
+	describedBy,
+	invalid,
+	required: toRef(props, 'required'),
+});
+</script>
+
+<template>
+	<div class="ui-field">
+		<label class="ui-field__label" :for="inputId">
+			{{ label }}
+			<span v-if="required" class="ui-field__required" aria-hidden="true">*</span>
+		</label>
+
+		<!-- Scoped slot so a select/textarea/Turnstile can wire itself up identically to UiInput. -->
+		<slot :input-id="inputId" :described-by="describedBy" :invalid="invalid" :required="required" />
+
+		<p v-if="hint" :id="hintId" class="ui-field__hint">{{ hint }}</p>
+		<!-- No role="alert": the error is already reachable through aria-describedby, and announcing
+         it a second time on every keystroke of a live-validating form is worse than not at all. -->
+		<p v-if="error" :id="errorId" class="ui-field__error">{{ error }}</p>
+	</div>
+</template>
+
+<style scoped>
+.ui-field {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+}
+
+.ui-field__label {
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--color-ink-soft);
+}
+
+/* Decorative: `required` is already on the control, where AT reads it. */
+.ui-field__required {
+  color: var(--color-danger-strong);
+}
+
+.ui-field__hint,
+.ui-field__error {
+  margin: 0;
+  font-size: var(--text-xs);
+  line-height: var(--leading-normal);
+}
+
+.ui-field__hint {
+  color: var(--color-muted-soft);
+}
+
+.ui-field__error {
+  color: var(--color-danger);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiIcon.spec.ts b/frontend-vue/src/components/ui/UiIcon.spec.ts
new file mode 100644
index 000000000..1cf317a11
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiIcon.spec.ts
@@ -0,0 +1,39 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UiIcon from './UiIcon.vue';
+
+describe('UiIcon', () => {
+	it('renders the ligature name in the Material Symbols font class', () => {
+		const wrapper = mount(UiIcon, { props: { name: 'chevron_right' } });
+
+		expect(wrapper.text()).toBe('chevron_right');
+		expect(wrapper.classes()).toContain('material-symbols-outlined');
+	});
+
+	it('is decorative by default, so the ligature name is never read aloud', () => {
+		const wrapper = mount(UiIcon, { props: { name: 'delete' } });
+
+		expect(wrapper.attributes('aria-hidden')).toBe('true');
+		expect(wrapper.attributes('role')).toBeUndefined();
+	});
+
+	it('becomes a named image when given a label', () => {
+		const wrapper = mount(UiIcon, { props: { name: 'warning', label: 'Warning' } });
+
+		expect(wrapper.attributes('role')).toBe('img');
+		expect(wrapper.attributes('aria-label')).toBe('Warning');
+		expect(wrapper.attributes('aria-hidden')).toBeUndefined();
+	});
+
+	it('opts out of page translation, which would break the ligature', () => {
+		expect(mount(UiIcon, { props: { name: 'home' } }).attributes('translate')).toBe('no');
+	});
+
+	it('lands size and filled as modifier classes', () => {
+		expect(mount(UiIcon, { props: { name: 'home' } }).classes()).toContain('ui-icon--size-md');
+		const wrapper = mount(UiIcon, { props: { name: 'home', size: 'lg', filled: true } });
+
+		expect(wrapper.classes()).toContain('ui-icon--size-lg');
+		expect(wrapper.classes()).toContain('ui-icon--filled');
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiIcon.stories.ts b/frontend-vue/src/components/ui/UiIcon.stories.ts
new file mode 100644
index 000000000..784a3ff3d
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiIcon.stories.ts
@@ -0,0 +1,42 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import UiIcon from './UiIcon.vue';
+
+/**
+ * Material Symbols Outlined ligature icon, the `mat-icon` replacement. Decorative (`aria-hidden`) by
+ * default; `label` makes it `role="img"`. Colour is inherited from the surrounding text.
+ */
+const meta = {
+	title: 'UI/Icon',
+	component: UiIcon,
+	tags: ['autodocs'],
+	args: { name: 'database', size: 'md', filled: false },
+	argTypes: { size: { control: 'inline-radio', options: ['sm', 'md', 'lg'] } },
+} satisfies Meta<typeof UiIcon>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+/** `label` turns it into a named image — for an icon that carries meaning with no text beside it. */
+export const Meaningful: Story = { args: { name: 'warning', label: 'Warning' } };
+
+/** Every size, outlined and filled, over the icons the app shell uses. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiIcon },
+		setup: () => ({
+			sizes: ['sm', 'md', 'lg'] as const,
+			names: ['menu', 'account_circle', 'face', 'apartment', 'key', 'electric_bolt', 'help', 'logout'],
+		}),
+		template: `
+      <div style="display: grid; gap: 1rem;">
+        <div v-for="size in sizes" :key="size" style="display: flex; gap: 1rem; align-items: center;">
+          <code style="width: 4rem; font-size: 0.75rem; color: var(--color-muted);">{{ size }}</code>
+          <UiIcon v-for="name in names" :key="name" :name="name" :size="size" />
+          <UiIcon v-for="name in names" :key="name + '-filled'" :name="name" :size="size" filled />
+        </div>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiIcon.vue b/frontend-vue/src/components/ui/UiIcon.vue
new file mode 100644
index 000000000..1d2338247
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiIcon.vue
@@ -0,0 +1,82 @@
+<script setup lang="ts">
+/**
+ * A Material Symbols Outlined ligature icon — the `mat-icon` replacement. The font is loaded
+ * globally (`@material-symbols/font-400/outlined.css` in main.ts and the Storybook preview), so this
+ * is a styled `<span>` whose text content is the ligature name.
+ *
+ * **Decorative by default.** Almost every icon in the app sits next to text that already names the
+ * thing (a button label, a menu item), so the span is `aria-hidden` — otherwise a screenreader reads
+ * the ligature ("chevron_right") aloud. Pass `label` for the rare icon that carries meaning on its
+ * own; it then becomes `role="img"` with that name. An icon-only *control* should be a
+ * `UiIconButton`, whose button carries the name instead.
+ *
+ * `translate="no"` keeps browser page-translation from rewriting "delete" into another language and
+ * breaking the ligature.
+ */
+import { computed } from 'vue';
+
+const props = withDefaults(
+	defineProps<{
+		/** Ligature name from https://fonts.google.com/icons, e.g. `chevron_right`. */
+		name: string;
+		/** Geometry only: the glyph's box. `sm` 18px (inline with text), `md` 24px, `lg` 32px. */
+		size?: 'sm' | 'md' | 'lg';
+		/** Uses the filled glyph (the font's `FILL` axis) instead of the outline. */
+		filled?: boolean;
+		/** Makes the icon meaningful: `role="img"` named by this text. Omit for decorative icons. */
+		label?: string;
+	}>(),
+	{ size: 'md', filled: false },
+);
+
+const classes = computed(() => [
+	'material-symbols-outlined',
+	'ui-icon',
+	`ui-icon--size-${props.size}`,
+	{ 'ui-icon--filled': props.filled },
+]);
+
+const a11y = computed(() =>
+	props.label ? { role: 'img', 'aria-label': props.label } : { 'aria-hidden': 'true' as const },
+);
+</script>
+
+<template>
+	<span :class="classes" v-bind="a11y" translate="no">{{ name }}</span>
+</template>
+
+<style scoped>
+.ui-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: hidden;
+  line-height: 1;
+  user-select: none;
+  /* The outlined font's default axes, restated so `--filled` only has to flip one of them. */
+  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
+}
+
+.ui-icon--size-sm {
+  width: calc(var(--space-4) + var(--space-05));
+  height: calc(var(--space-4) + var(--space-05));
+  font-size: calc(var(--space-4) + var(--space-05));
+}
+
+.ui-icon--size-md {
+  width: var(--space-6);
+  height: var(--space-6);
+  font-size: var(--space-6);
+}
+
+.ui-icon--size-lg {
+  width: var(--space-8);
+  height: var(--space-8);
+  font-size: var(--space-8);
+}
+
+.ui-icon--filled {
+  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiIconButton.spec.ts b/frontend-vue/src/components/ui/UiIconButton.spec.ts
new file mode 100644
index 000000000..1d81f7d28
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiIconButton.spec.ts
@@ -0,0 +1,103 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { createMemoryHistory, createRouter, RouterLink } from 'vue-router';
+import UiIconButton from './UiIconButton.vue';
+
+function mountButton(props: Record<string, unknown> = {}) {
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/', component: { template: '<div />' } }],
+	});
+	return mount(UiIconButton, { props: { icon: 'menu', label: 'Open menu', ...props }, global: { plugins: [router] } });
+}
+
+describe('UiIconButton', () => {
+	it('is a <button type="button"> named by its label, with the label as tooltip', () => {
+		const wrapper = mountButton();
+
+		expect(wrapper.element.tagName).toBe('BUTTON');
+		expect(wrapper.attributes('type')).toBe('button');
+		expect(wrapper.attributes('aria-label')).toBe('Open menu');
+		expect(wrapper.attributes('title')).toBe('Open menu');
+	});
+
+	it('renders the icon decoratively, so the name is not read twice', () => {
+		const icon = mountButton().get('.ui-icon');
+
+		expect(icon.text()).toBe('menu');
+		expect(icon.attributes('aria-hidden')).toBe('true');
+	});
+
+	it('is an <a> when given href, with rel for a new tab', () => {
+		const wrapper = mountButton({ href: 'https://docs.rocketadmin.com/', target: '_blank' });
+
+		expect(wrapper.element.tagName).toBe('A');
+		expect(wrapper.attributes('href')).toBe('https://docs.rocketadmin.com/');
+		expect(wrapper.attributes('rel')).toBe('noopener noreferrer');
+		expect(wrapper.attributes('type')).toBeUndefined();
+	});
+
+	it('is a RouterLink when given to', () => {
+		const wrapper = mountButton({ to: '/' });
+
+		expect(wrapper.findComponent(RouterLink).exists()).toBe(true);
+		expect(wrapper.find('a').attributes('href')).toBe('/');
+	});
+
+	it('disables natively as a button, and drops href as a link', () => {
+		expect(mountButton({ disabled: true }).attributes('disabled')).toBeDefined();
+
+		const link = mountButton({ href: 'https://example.com', disabled: true });
+		expect(link.attributes('href')).toBeUndefined();
+		expect(link.attributes('aria-disabled')).toBe('true');
+		expect(link.attributes('role')).toBe('link');
+	});
+
+	it('emits click when enabled', async () => {
+		const wrapper = mountButton();
+		await wrapper.trigger('click');
+
+		expect(wrapper.emitted('click')).toHaveLength(1);
+	});
+
+	describe('badge', () => {
+		it('shows no badge by default or for a zero count', () => {
+			expect(mountButton().find('.ui-badge').exists()).toBe(false);
+			expect(mountButton({ badge: 0 }).find('.ui-badge').exists()).toBe(false);
+		});
+
+		it('shows a dot for true and a count for a number', () => {
+			expect(mountButton({ badge: true }).get('.ui-badge__indicator').classes()).toContain('ui-badge__indicator--dot');
+			expect(mountButton({ badge: 3 }).get('.ui-badge__indicator').text()).toBe('3');
+		});
+
+		it('spells the badge into the accessible name, since aria-label overrides the content', () => {
+			expect(mountButton({ badge: 3 }).attributes('aria-label')).toBe('Open menu, 3');
+			expect(mountButton({ badge: true, badgeLabel: 'email not verified' }).attributes('aria-label')).toBe(
+				'Open menu, email not verified',
+			);
+			// The tooltip stays the plain label.
+			expect(mountButton({ badge: 3 }).attributes('title')).toBe('Open menu');
+		});
+	});
+
+	it('passes trigger attributes through to the rendered element', () => {
+		// The UiMenu contract: `v-bind="triggerProps"` must land aria-expanded etc. on the button.
+		const wrapper = mount(UiIconButton, {
+			props: { icon: 'more_vert', label: 'Actions' },
+			attrs: { 'aria-expanded': 'false', 'aria-haspopup': 'menu', id: 'trigger' },
+		});
+
+		expect(wrapper.attributes('aria-expanded')).toBe('false');
+		expect(wrapper.attributes('aria-haspopup')).toBe('menu');
+		expect(wrapper.attributes('id')).toBe('trigger');
+	});
+
+	it('lands variant and size as modifier classes', () => {
+		const wrapper = mountButton({ variant: 'secondary', size: 'sm' });
+
+		expect(wrapper.classes()).toContain('ui-icon-button--secondary');
+		expect(wrapper.classes()).toContain('ui-icon-button--size-sm');
+		expect(mountButton().classes()).toContain('ui-icon-button--ghost');
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiIconButton.stories.ts b/frontend-vue/src/components/ui/UiIconButton.stories.ts
new file mode 100644
index 000000000..832226cb0
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiIconButton.stories.ts
@@ -0,0 +1,66 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import UiIconButton from './UiIconButton.vue';
+
+/**
+ * Icon-only button, the `mat-icon-button` replacement. `label` is required: it is the accessible
+ * name and the `title` tooltip. Same `to`/`href` polymorphism as UiButton.
+ */
+const meta = {
+	title: 'UI/IconButton',
+	component: UiIconButton,
+	tags: ['autodocs'],
+	args: { icon: 'menu', label: 'Open navigation', variant: 'ghost', size: 'md', disabled: false, badge: false },
+	argTypes: {
+		variant: { control: 'select', options: ['ghost', 'secondary', 'primary', 'danger'] },
+		size: { control: 'inline-radio', options: ['sm', 'md', 'lg'] },
+		to: { control: false },
+		href: { control: false },
+	},
+} satisfies Meta<typeof UiIconButton>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+/** The header account button while the email is unverified. */
+export const WithBadge: Story = {
+	args: { icon: 'account_circle', label: 'Account', badge: 1, badgeLabel: 'email not verified' },
+};
+
+export const AsLink: Story = {
+	args: { icon: 'help', label: 'Help center', href: 'https://docs.rocketadmin.com/', target: '_blank' },
+};
+
+/** Every variant × size, plus disabled and badged. */
+export const AllVariants: Story = {
+	parameters: { layout: 'padded' },
+	render: () => ({
+		components: { UiIconButton },
+		setup: () => ({
+			variants: ['ghost', 'secondary', 'primary', 'danger'] as const,
+			sizes: ['sm', 'md', 'lg'] as const,
+		}),
+		template: `
+      <table style="border-collapse: collapse;">
+        <tbody>
+          <tr v-for="variant in variants" :key="variant">
+            <th scope="row" style="text-align: left; padding: 0.5rem 1rem 0.5rem 0; font-size: 0.8125rem;">{{ variant }}</th>
+            <td v-for="size in sizes" :key="size" style="padding: 0.5rem 1rem;">
+              <UiIconButton :variant="variant" :size="size" icon="delete" :label="'Delete ' + size" />
+            </td>
+            <td style="padding: 0.5rem 1rem;">
+              <UiIconButton :variant="variant" icon="delete" label="Delete (disabled)" disabled />
+            </td>
+            <td style="padding: 0.5rem 1rem;">
+              <UiIconButton :variant="variant" icon="notifications" label="Notifications" :badge="3" />
+            </td>
+            <td style="padding: 0.5rem 1rem;">
+              <UiIconButton :variant="variant" icon="account_circle" label="Account" badge />
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiIconButton.vue b/frontend-vue/src/components/ui/UiIconButton.vue
new file mode 100644
index 000000000..96536ed32
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiIconButton.vue
@@ -0,0 +1,200 @@
+<script setup lang="ts">
+/**
+ * Icon-only button — the `mat-icon-button` replacement (the drawer toggle, the account menu
+ * trigger, row actions).
+ *
+ * `label` is **required** because an icon-only control has no other accessible name: it becomes the
+ * `aria-label`, and also the native `title` tooltip so sighted mouse users get the same words. A
+ * `UiTooltip` was not built — `title` covers every Angular `matTooltip` on an icon button, and a
+ * custom tooltip is a positioning/hover-intent/dismissal problem for no new information.
+ *
+ * Polymorphism mirrors UiButton exactly (`to` → RouterLink, `href` → `<a>`, neither → `<button>`,
+ * and a disabled link drops its `href`), so the two can sit side by side in a toolbar. Attributes and
+ * listeners fall through to the rendered element, which is what lets a `UiMenu` trigger slot
+ * `v-bind` its `aria-expanded`/`aria-controls`/handlers straight onto it.
+ */
+import { computed, useAttrs } from 'vue';
+import type { RouteLocationRaw } from 'vue-router';
+import { RouterLink } from 'vue-router';
+import UiBadge from './UiBadge.vue';
+import UiIcon from './UiIcon.vue';
+
+const props = withDefaults(
+	defineProps<{
+		/** Material Symbols ligature name. */
+		icon: string;
+		/** Accessible name and tooltip. Required — an icon alone names nothing. */
+		label: string;
+		/** Interaction emphasis. `ghost` is the bare icon; `secondary` adds a bordered surface. */
+		variant?: 'ghost' | 'secondary' | 'primary' | 'danger';
+		/** Geometry only: the square hit area (32 / 40 / 48px). */
+		size?: 'sm' | 'md' | 'lg';
+		/** Renders as a RouterLink. Mutually exclusive with `href`. */
+		to?: RouteLocationRaw;
+		/** Renders as an `<a>`. Mutually exclusive with `to`. */
+		href?: string;
+		/** Anchor target, for `href`. `_blank` also sets `rel="noopener noreferrer"`. */
+		target?: string;
+		/** Native button type. Ignored when `to` or `href` is set. */
+		type?: 'button' | 'submit' | 'reset';
+		disabled?: boolean;
+		/** A badge over the icon: `true` for a dot, a number for a count. `false`/`0` hides it. */
+		badge?: boolean | number;
+		/** What the badge means, appended to the accessible name ("Account, email not verified"). */
+		badgeLabel?: string;
+	}>(),
+	{ variant: 'ghost', size: 'md', type: 'button', disabled: false, badge: false },
+);
+
+if (import.meta.env.DEV && props.to !== undefined && props.href !== undefined) {
+	console.warn('[UiIconButton] `to` and `href` are mutually exclusive; `to` wins.');
+}
+
+const attrs = useAttrs();
+
+const tag = computed(() => {
+	if (props.to !== undefined && !props.disabled) return RouterLink;
+	if (props.to !== undefined || props.href !== undefined) return props.disabled ? 'span' : 'a';
+	return 'button';
+});
+
+const isNativeButton = computed(() => tag.value === 'button');
+
+const showBadge = computed(() => props.badge !== false && props.badge !== 0);
+
+/**
+ * The visible badge is aria-hidden (UiBadge), and `aria-label` overrides the button's content
+ * anyway, so whatever the badge means has to be spelled into the name itself.
+ */
+const accessibleName = computed(() => {
+	if (!showBadge.value) return props.label;
+	if (props.badgeLabel) return `${props.label}, ${props.badgeLabel}`;
+	return typeof props.badge === 'number' ? `${props.label}, ${props.badge}` : props.label;
+});
+
+const bindings = computed(() => {
+	const shared = {
+		'aria-label': accessibleName.value,
+		title: props.label,
+		'aria-disabled': !isNativeButton.value && props.disabled ? 'true' : undefined,
+	};
+	if (isNativeButton.value) return { ...shared, type: props.type, disabled: props.disabled };
+	if (props.disabled) return { ...shared, role: 'link' };
+	if (props.to !== undefined) return { ...shared, to: props.to };
+	const rel = props.target === '_blank' ? 'noopener noreferrer' : undefined;
+	return { ...shared, href: props.href, target: props.target, rel };
+});
+
+const classes = computed(() => [
+	'ui-icon-button',
+	`ui-icon-button--${props.variant}`,
+	`ui-icon-button--size-${props.size}`,
+]);
+
+/** `lg` keeps the 24px glyph and grows only the hit area, as Material's large icon buttons do. */
+const iconSize = computed(() => (props.size === 'sm' ? 'sm' : 'md'));
+
+const badgeContent = computed(() => (typeof props.badge === 'number' ? props.badge : undefined));
+
+function onClick(event: MouseEvent) {
+	if (props.disabled && !isNativeButton.value) {
+		event.preventDefault();
+		event.stopPropagation();
+	}
+}
+</script>
+
+<template>
+	<component :is="tag" v-bind="{ ...attrs, ...bindings }" :class="classes" @click="onClick">
+		<UiBadge v-if="showBadge" :content="badgeContent">
+			<UiIcon :name="icon" :size="iconSize" />
+		</UiBadge>
+		<UiIcon v-else :name="icon" :size="iconSize" />
+	</component>
+</template>
+
+<style scoped>
+.ui-icon-button {
+  display: inline-grid;
+  place-items: center;
+  flex: none;
+  padding: 0;
+  border: 1px solid transparent;
+  border-radius: var(--radius-pill);
+  background: transparent;
+  color: var(--color-ink-soft);
+  text-decoration: none;
+  cursor: pointer;
+  transition:
+    background var(--motion-fast),
+    border-color var(--motion-fast),
+    color var(--motion-fast);
+}
+
+.ui-icon-button:focus-visible {
+  outline: none;
+  box-shadow: var(--ring-focus);
+}
+
+.ui-icon-button--size-sm {
+  width: var(--space-8);
+  height: var(--space-8);
+}
+
+.ui-icon-button--size-md {
+  width: var(--space-10);
+  height: var(--space-10);
+}
+
+.ui-icon-button--size-lg {
+  width: var(--space-12);
+  height: var(--space-12);
+}
+
+.ui-icon-button--ghost:hover:not(:disabled, [aria-disabled='true']) {
+  background: var(--color-paper-2);
+  color: var(--color-ink);
+}
+
+.ui-icon-button--secondary {
+  background: var(--color-surface);
+  border-color: var(--color-line);
+}
+
+.ui-icon-button--secondary:hover:not(:disabled, [aria-disabled='true']) {
+  border-color: var(--color-accent);
+  color: var(--color-accent-ink);
+}
+
+.ui-icon-button--primary {
+  background: var(--color-accent);
+  color: var(--color-surface);
+}
+
+.ui-icon-button--primary:hover:not(:disabled, [aria-disabled='true']) {
+  background: var(--color-accent-ink);
+}
+
+.ui-icon-button--danger {
+  color: var(--color-danger);
+}
+
+.ui-icon-button--danger:hover:not(:disabled, [aria-disabled='true']) {
+  background: var(--color-danger-bg);
+}
+
+.ui-icon-button--danger:focus-visible {
+  box-shadow: var(--ring-danger);
+}
+
+.ui-icon-button:disabled,
+.ui-icon-button[aria-disabled='true'] {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* A badge's surface ring should match the button it sits on, not the page. */
+.ui-icon-button--primary :deep(.ui-badge__indicator) {
+  box-shadow: 0 0 0 2px var(--color-accent);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiInput.vue b/frontend-vue/src/components/ui/UiInput.vue
new file mode 100644
index 000000000..7f4070add
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiInput.vue
@@ -0,0 +1,126 @@
+<script setup lang="ts">
+/**
+ * The text control. Owns geometry only — label, hint, error and the ARIA wiring belong to
+ * `UiField`, which this picks up through `inject` when nested inside one.
+ *
+ * Geometry needed no arbitration: all four hand-rolled copies already agreed on
+ * `0.625rem 0.75rem`; only the off-brand pair's `8px` radius and cyan focus ring differed.
+ *
+ * Standalone use is supported — without a `UiField` ancestor the injected context is absent and the
+ * caller supplies `id`/`aria-describedby`/`invalid` itself.
+ */
+import { computed, inject } from 'vue';
+import { FIELD_CONTEXT } from './fieldContext';
+
+const props = withDefaults(
+	defineProps<{
+		modelValue?: string;
+		type?: 'text' | 'email' | 'password' | 'url' | 'search';
+		/** Geometry only. `sm` for dense rows such as an inline rename. */
+		size?: 'sm' | 'md';
+		placeholder?: string;
+		disabled?: boolean;
+		autocomplete?: string;
+		/** Set explicitly only when used outside a `UiField`, which otherwise supplies it. */
+		invalid?: boolean;
+	}>(),
+	// `invalid: undefined` disables Vue's boolean-prop casting for it. Without this an unpassed
+	// `invalid` arrives as `false` rather than `undefined`, and the `??` below would short-circuit —
+	// meaning a UiField's error state could never reach the control.
+	{ type: 'text', size: 'md', invalid: undefined },
+);
+
+const emit = defineEmits<{ 'update:modelValue': [string] }>();
+
+// `false` for the injected default rather than `undefined`, so a standalone input has a context
+// shape to fall back on without every read needing an optional chain.
+const field = inject(FIELD_CONTEXT, undefined);
+
+/** An explicit `invalid` prop wins, so a standalone input can be marked invalid with no field. */
+const isInvalid = computed(() => props.invalid ?? field?.invalid.value ?? false);
+
+const classes = computed(() => ['ui-input', `ui-input--size-${props.size}`, { 'ui-input--invalid': isInvalid.value }]);
+
+function onInput(event: Event) {
+	emit('update:modelValue', (event.target as HTMLInputElement).value);
+}
+</script>
+
+<script lang="ts">
+export default {
+  /* The root *is* the control, so a caller's `class`/`name`/`maxlength` must land on the <input>
+     itself rather than being merged twice by the automatic fallthrough. */
+  inheritAttrs: false,
+}
+</script>
+
+<template>
+	<input
+		v-bind="$attrs"
+		:id="field?.inputId"
+		:class="classes"
+		:type="type"
+		:value="modelValue"
+		:placeholder="placeholder"
+		:disabled="disabled"
+		:autocomplete="autocomplete"
+		:required="field?.required.value || undefined"
+		:aria-describedby="field?.describedBy.value"
+		:aria-invalid="isInvalid ? 'true' : undefined"
+		@input="onInput"
+	>
+</template>
+
+<style scoped>
+.ui-input {
+  width: 100%;
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-control);
+  font-family: inherit;
+  color: var(--color-ink);
+  background: var(--color-surface);
+  transition:
+    border-color var(--motion-fast),
+    box-shadow var(--motion-fast);
+}
+
+/* 0.625rem is off the 4px scale, but it's the vertical padding all four hand-rolled copies already
+   used, and snapping to --space-3 would grow every input in the app by 4px. Not --space-25, which
+   is reserved for brand lockup gaps. */
+.ui-input--size-md {
+  padding: 0.625rem var(--space-3);
+  font-size: var(--text-base);
+}
+
+.ui-input--size-sm {
+  padding: var(--space-2) var(--space-2);
+  font-size: var(--text-sm);
+}
+
+.ui-input::placeholder {
+  color: var(--color-muted-soft);
+}
+
+/* :focus-visible, not :focus — a text input still matches :focus-visible on click, so this only
+   drops the ring for programmatic focus, which is the intent. */
+.ui-input:focus-visible {
+  outline: none;
+  border-color: var(--color-accent);
+  box-shadow: var(--ring-focus);
+}
+
+.ui-input--invalid {
+  border-color: var(--color-danger-strong);
+}
+
+.ui-input--invalid:focus-visible {
+  border-color: var(--color-danger-strong);
+  box-shadow: var(--ring-danger);
+}
+
+.ui-input:disabled {
+  opacity: 0.65;
+  cursor: not-allowed;
+  background: var(--color-paper);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiMenu.spec.ts b/frontend-vue/src/components/ui/UiMenu.spec.ts
new file mode 100644
index 000000000..90034a70f
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiMenu.spec.ts
@@ -0,0 +1,260 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { defineComponent, ref } from 'vue';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import UiIconButton from './UiIconButton.vue';
+import UiMenu from './UiMenu.vue';
+import UiMenuItem from './UiMenuItem.vue';
+
+/**
+ * jsdom has no popover API and no layout, so these assert the ARIA wiring, the keyboard contract,
+ * focus movement and `v-show` visibility — the parts the component owns. Positioning is eyes-only.
+ */
+
+const onDelete = vi.fn();
+
+function mountMenu(menuProps: Record<string, unknown> = {}) {
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [
+			{ path: '/', component: { template: '<div />' } },
+			{ path: '/company', component: { template: '<div />' } },
+		],
+	});
+	const Host = defineComponent({
+		components: { UiMenu, UiMenuItem, UiIconButton },
+		setup: () => ({ menuProps, onDelete, open: ref(false) }),
+		template: `
+      <div>
+        <UiMenu v-bind="menuProps" v-model:open="open">
+          <template #trigger="{ triggerProps }">
+            <UiIconButton icon="more_vert" label="Actions" v-bind="triggerProps" />
+          </template>
+          <UiMenuItem to="/company" icon="apartment">Company</UiMenuItem>
+          <UiMenuItem href="https://docs.rocketadmin.com/" target="_blank">Help center</UiMenuItem>
+          <UiMenuItem disabled>Archive</UiMenuItem>
+          <UiMenuItem variant="danger" @select="onDelete">Delete</UiMenuItem>
+        </UiMenu>
+        <button type="button" class="outside">Outside</button>
+      </div>
+    `,
+	});
+	return mount(Host, { attachTo: document.body, global: { plugins: [router] } });
+}
+
+let wrapper: ReturnType<typeof mountMenu> | undefined;
+
+afterEach(() => {
+	wrapper?.unmount();
+	wrapper = undefined;
+	onDelete.mockClear();
+});
+
+const trigger = () => wrapper!.get('.ui-icon-button');
+const panel = () => wrapper!.get('[role="menu"]');
+const items = () => wrapper!.findAll('[role="menuitem"]');
+const isOpen = () => (panel().element as HTMLElement).style.display !== 'none';
+
+describe('UiMenu', () => {
+	it('wires the trigger to the menu', () => {
+		wrapper = mountMenu();
+
+		expect(trigger().attributes('aria-haspopup')).toBe('menu');
+		expect(trigger().attributes('aria-expanded')).toBe('false');
+		expect(trigger().attributes('aria-controls')).toBe(panel().attributes('id'));
+		// Labelled by the trigger unless given its own label.
+		expect(panel().attributes('aria-labelledby')).toBe(trigger().attributes('id'));
+		expect(isOpen()).toBe(false);
+	});
+
+	it('takes its own label when given one', () => {
+		wrapper = mountMenu({ label: 'Account menu' });
+
+		expect(panel().attributes('aria-label')).toBe('Account menu');
+		expect(panel().attributes('aria-labelledby')).toBeUndefined();
+	});
+
+	it('opens on click and focuses the first item', async () => {
+		wrapper = mountMenu();
+		await trigger().trigger('click');
+		await flushPromises();
+
+		expect(isOpen()).toBe(true);
+		expect(trigger().attributes('aria-expanded')).toBe('true');
+		expect(document.activeElement).toBe(items()[0]?.element);
+	});
+
+	it('closes when the trigger is clicked again', async () => {
+		wrapper = mountMenu();
+		await trigger().trigger('click');
+		await trigger().trigger('click');
+
+		expect(isOpen()).toBe(false);
+	});
+
+	it('opens on ArrowDown at the first item and ArrowUp at the last enabled item', async () => {
+		wrapper = mountMenu();
+		await trigger().trigger('keydown', { key: 'ArrowDown' });
+		await flushPromises();
+		expect(document.activeElement).toBe(items()[0]?.element);
+
+		await panel().trigger('keydown', { key: 'Escape' });
+		await trigger().trigger('keydown', { key: 'ArrowUp' });
+		await flushPromises();
+		expect(document.activeElement).toBe(items()[3]?.element);
+	});
+
+	it('moves with the arrow keys, wrapping and skipping disabled items', async () => {
+		wrapper = mountMenu();
+		await trigger().trigger('click');
+		await flushPromises();
+
+		await panel().trigger('keydown', { key: 'ArrowDown' });
+		expect(document.activeElement).toBe(items()[1]?.element);
+		// Archive (index 2) is disabled and skipped.
+		await panel().trigger('keydown', { key: 'ArrowDown' });
+		expect(document.activeElement).toBe(items()[3]?.element);
+		await panel().trigger('keydown', { key: 'ArrowDown' });
+		expect(document.activeElement).toBe(items()[0]?.element);
+		await panel().trigger('keydown', { key: 'ArrowUp' });
+		expect(document.activeElement).toBe(items()[3]?.element);
+		await panel().trigger('keydown', { key: 'Home' });
+		expect(document.activeElement).toBe(items()[0]?.element);
+		await panel().trigger('keydown', { key: 'End' });
+		expect(document.activeElement).toBe(items()[3]?.element);
+	});
+
+	it('jumps to the next item starting with a typed character', async () => {
+		wrapper = mountMenu();
+		await trigger().trigger('click');
+		await flushPromises();
+
+		await panel().trigger('keydown', { key: 'h' });
+
+		expect(document.activeElement).toBe(items()[1]?.element);
+	});
+
+	it('closes on Escape and returns focus to the trigger', async () => {
+		wrapper = mountMenu();
+		await trigger().trigger('click');
+		await flushPromises();
+
+		await panel().trigger('keydown', { key: 'Escape' });
+
+		expect(isOpen()).toBe(false);
+		expect(document.activeElement).toBe(trigger().element);
+	});
+
+	it('closes on Tab without pulling focus back', async () => {
+		wrapper = mountMenu();
+		await trigger().trigger('click');
+		await flushPromises();
+
+		await panel().trigger('keydown', { key: 'Tab' });
+
+		expect(isOpen()).toBe(false);
+	});
+
+	it('closes on a pointerdown outside, but not inside', async () => {
+		wrapper = mountMenu();
+		await trigger().trigger('click');
+		await flushPromises();
+
+		items()[0]?.element.dispatchEvent(new Event('pointerdown', { bubbles: true }));
+		await flushPromises();
+		expect(isOpen()).toBe(true);
+
+		wrapper.get('.outside').element.dispatchEvent(new Event('pointerdown', { bubbles: true }));
+		await flushPromises();
+		expect(isOpen()).toBe(false);
+	});
+
+	it('emits select from a button item, then closes and returns focus', async () => {
+		wrapper = mountMenu();
+		await trigger().trigger('click');
+		await flushPromises();
+
+		await items()[3]?.trigger('click');
+
+		expect(onDelete).toHaveBeenCalledTimes(1);
+		expect(isOpen()).toBe(false);
+		expect(document.activeElement).toBe(trigger().element);
+	});
+
+	it('does not act on a disabled item', async () => {
+		wrapper = mountMenu();
+		await trigger().trigger('click');
+		await flushPromises();
+
+		await items()[2]?.trigger('click');
+
+		expect(isOpen()).toBe(true);
+	});
+
+	it('refuses to open when disabled, and disables the trigger', async () => {
+		wrapper = mountMenu({ disabled: true });
+
+		expect(trigger().attributes('disabled')).toBeDefined();
+		await trigger().trigger('keydown', { key: 'ArrowDown' });
+		await flushPromises();
+		expect(isOpen()).toBe(false);
+	});
+
+	it('round-trips v-model:open', async () => {
+		wrapper = mountMenu();
+		await trigger().trigger('click');
+		await flushPromises();
+
+		const menu = wrapper.findComponent(UiMenu);
+		expect(menu.emitted('update:open')?.[0]).toEqual([true]);
+
+		// The parent's bound ref followed, and closing it from the parent closes the menu.
+		const host = wrapper.vm as unknown as { open: boolean };
+		expect(host.open).toBe(true);
+		host.open = false;
+		await flushPromises();
+		expect(isOpen()).toBe(false);
+	});
+});
+
+describe('UiMenuItem', () => {
+	it('renders each shape with role="menuitem", out of the tab order', () => {
+		wrapper = mountMenu();
+		const [link, anchor, disabled, button] = items();
+
+		for (const item of items()) {
+			expect(item.attributes('role')).toBe('menuitem');
+			expect(item.attributes('tabindex')).toBe('-1');
+		}
+		expect(link?.element.tagName).toBe('A');
+		expect(link?.attributes('href')).toBe('/company');
+		expect(anchor?.attributes('href')).toBe('https://docs.rocketadmin.com/');
+		expect(anchor?.attributes('target')).toBe('_blank');
+		expect(anchor?.attributes('rel')).toBe('noopener noreferrer');
+		expect(button?.element.tagName).toBe('BUTTON');
+		expect(button?.attributes('type')).toBe('button');
+		expect(button?.classes()).toContain('ui-menu-item--danger');
+		expect(disabled?.attributes('aria-disabled')).toBe('true');
+	});
+
+	it('renders a leading icon and a description line', () => {
+		const item = mount(UiMenuItem, {
+			props: { icon: 'face', description: 'user@example.com' },
+			slots: { default: 'Account' },
+		});
+
+		expect(item.get('.ui-icon').text()).toBe('face');
+		expect(item.get('.ui-menu-item__label').text()).toBe('Account');
+		expect(item.get('.ui-menu-item__description').text()).toBe('user@example.com');
+	});
+
+	it('activates a link item on Space, as APG requires of menu items', async () => {
+		const item = mount(UiMenuItem, { props: { href: '#somewhere' }, slots: { default: 'Go' } });
+		const click = vi.fn();
+		item.element.addEventListener('click', click);
+
+		await item.trigger('keydown', { key: ' ' });
+
+		expect(click).toHaveBeenCalled();
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiMenu.stories.ts b/frontend-vue/src/components/ui/UiMenu.stories.ts
new file mode 100644
index 000000000..6729de543
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiMenu.stories.ts
@@ -0,0 +1,98 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import UiBadge from './UiBadge.vue';
+import UiButton from './UiButton.vue';
+import UiIcon from './UiIcon.vue';
+import UiIconButton from './UiIconButton.vue';
+import UiMenu from './UiMenu.vue';
+import UiMenuItem from './UiMenuItem.vue';
+
+/**
+ * Dropdown menu, the `mat-menu` replacement (APG menu button). Spread the `trigger` slot's
+ * `triggerProps` onto your own control. Try it from the keyboard: Enter/Space/ArrowDown open,
+ * arrows/Home/End move, a letter jumps, Escape closes and returns focus, Tab closes.
+ */
+const meta = {
+	title: 'UI/Menu',
+	component: UiMenu,
+	tags: ['autodocs'],
+	parameters: { layout: 'centered' },
+	args: { align: 'start', disabled: false },
+	argTypes: { align: { control: 'inline-radio', options: ['start', 'end'] } },
+} satisfies Meta<typeof UiMenu>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** The header account menu, item for item. */
+export const AccountMenu: Story = {
+	args: { align: 'end' },
+	render: (args) => ({
+		components: { UiMenu, UiMenuItem, UiIconButton, UiBadge, UiIcon },
+		setup: () => ({ args }),
+		template: `
+      <UiMenu v-bind="args">
+        <template #trigger="{ triggerProps }">
+          <UiIconButton v-bind="triggerProps" icon="account_circle" label="user@example.com" :badge="1" badge-label="email not verified" />
+        </template>
+        <UiMenuItem to="/user-settings" description="user@example.com">
+          <template #leading><UiBadge :content="1" label="Email not verified"><UiIcon name="face" size="sm" /></UiBadge></template>
+          Account
+        </UiMenuItem>
+        <UiMenuItem to="/company" icon="apartment">Company</UiMenuItem>
+        <UiMenuItem to="/secrets" icon="key">Secrets</UiMenuItem>
+        <UiMenuItem to="/zapier" icon="electric_bolt">Zapier</UiMenuItem>
+        <UiMenuItem href="https://docs.rocketadmin.com/" target="_blank" icon="help">Help center</UiMenuItem>
+        <UiMenuItem icon="logout">Log out</UiMenuItem>
+      </UiMenu>
+    `,
+	}),
+};
+
+/** A text trigger with a caret: the connection switcher. */
+export const TextTrigger: Story = {
+	render: (args) => ({
+		components: { UiMenu, UiMenuItem, UiButton, UiIcon },
+		setup: () => ({ args }),
+		template: `
+      <UiMenu v-bind="args">
+        <template #trigger="{ triggerProps, open }">
+          <UiButton v-bind="triggerProps" variant="ghost">
+            Production DB
+            <template #trailing><UiIcon :name="open ? 'arrow_drop_up' : 'arrow_drop_down'" size="sm" /></template>
+          </UiButton>
+        </template>
+        <UiMenuItem to="/">Production DB</UiMenuItem>
+        <UiMenuItem to="/">Staging DB</UiMenuItem>
+        <UiMenuItem to="/">Analytics warehouse</UiMenuItem>
+      </UiMenu>
+    `,
+	}),
+};
+
+/** Every item shape: link, external link, button, disabled, danger, with and without description. */
+export const AllVariants: Story = {
+	render: (args) => ({
+		components: { UiMenu, UiMenuItem, UiIconButton },
+		setup: () => ({ args }),
+		template: `
+      <div style="display: flex; gap: 2rem;">
+        <UiMenu v-bind="args" :open="true" label="All item shapes">
+          <template #trigger="{ triggerProps }">
+            <UiIconButton v-bind="triggerProps" icon="more_vert" label="Row actions" />
+          </template>
+          <UiMenuItem to="/company" icon="apartment">Router link</UiMenuItem>
+          <UiMenuItem href="https://docs.rocketadmin.com/" target="_blank" icon="open_in_new">External link</UiMenuItem>
+          <UiMenuItem icon="edit" description="With a second line">Button</UiMenuItem>
+          <UiMenuItem icon="archive" disabled>Disabled</UiMenuItem>
+          <UiMenuItem icon="delete" variant="danger">Delete</UiMenuItem>
+        </UiMenu>
+        <UiMenu v-bind="args" disabled>
+          <template #trigger="{ triggerProps }">
+            <UiIconButton v-bind="triggerProps" icon="more_vert" label="Disabled menu" />
+          </template>
+          <UiMenuItem>Unreachable</UiMenuItem>
+        </UiMenu>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiMenu.vue b/frontend-vue/src/components/ui/UiMenu.vue
new file mode 100644
index 000000000..c9a399f0f
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiMenu.vue
@@ -0,0 +1,270 @@
+<script setup lang="ts">
+/**
+ * Dropdown menu — the `mat-menu` replacement (account menu, connection switcher, row actions).
+ * Implements the APG menu-button pattern; put `UiMenuItem`s in the default slot.
+ *
+ * The trigger is the caller's own control, rendered through the scoped `trigger` slot: spread
+ * `triggerProps` onto it (`<UiIconButton v-bind="triggerProps" … />`) and it gains the id,
+ * `aria-haspopup`/`aria-expanded`/`aria-controls` and the click/keydown handlers. A slot rather than
+ * a built-in button because the triggers genuinely differ — an icon button in the header, a text
+ * button with a caret for the connection switcher.
+ *
+ * Keyboard: Enter/Space/ArrowDown on the trigger open it on the first item, ArrowUp on the last;
+ * inside, arrows/Home/End move (wrapping), a printable key jumps to the next item starting with it,
+ * Escape closes and returns focus to the trigger, Tab closes and lets focus move on. Choosing an item
+ * or clicking outside closes it.
+ *
+ * **Positioning.** The panel is a `popover="manual"` element shown with `showPopover()`, which puts
+ * it in the top layer: it escapes `overflow: hidden` table wrappers and transformed ancestors (the
+ * drawer), and still stacks correctly inside a modal `<dialog>`, which a `<Teleport to="body">` would
+ * render *underneath*. "Manual" because the auto popover's light-dismiss also fires on a trigger
+ * click, which would re-open the menu it just closed. Coordinates are measured from the trigger and
+ * applied inline — like UiSkeleton's width, dynamic geometry no token can express. jsdom has no
+ * popover API, so the calls are defensive and `v-show` is what actually hides the panel there.
+ */
+import { computed, nextTick, onBeforeUnmount, provide, ref, useId, watch } from 'vue';
+import { MENU_CONTEXT } from './menuContext';
+
+const props = withDefaults(
+	defineProps<{
+		/** Accessible name for the menu. Omitted, the menu is labelled by its trigger. */
+		label?: string;
+		/** Which edge of the trigger the panel lines up with. `end` for triggers at the toolbar's end. */
+		align?: 'start' | 'end';
+		/** Disables the trigger (forwarded through `triggerProps`) and refuses to open. */
+		disabled?: boolean;
+	}>(),
+	{ align: 'start', disabled: false },
+);
+
+/** Visibility. Optional two-way `v-model:open`; uncontrolled when not bound. */
+const open = defineModel<boolean>('open', { default: false });
+
+const uid = useId();
+const triggerId = `${uid}-trigger`;
+const menuId = `${uid}-menu`;
+
+const root = ref<HTMLElement | null>(null);
+const panel = ref<HTMLElement | null>(null);
+const coords = ref<{ top: string; left: string } | undefined>(undefined);
+let triggerEl: HTMLElement | null = null;
+
+/** Gap between trigger and panel, in px — `--space-1`. Measured geometry, so it can't read the token. */
+const OFFSET = 4;
+
+const triggerProps = computed(() => ({
+	id: triggerId,
+	'aria-haspopup': 'menu' as const,
+	'aria-expanded': open.value ? ('true' as const) : ('false' as const),
+	'aria-controls': menuId,
+	disabled: props.disabled,
+	onClick: onTriggerClick,
+	onKeydown: onTriggerKeydown,
+}));
+
+provide(MENU_CONTEXT, { close });
+
+watch(open, async (isOpen) => {
+	if (isOpen) {
+		await nextTick();
+		show();
+	} else {
+		hide();
+	}
+});
+
+onBeforeUnmount(() => hide());
+
+async function openMenu(focus: 'first' | 'last') {
+	if (props.disabled) return;
+	open.value = true;
+	await nextTick();
+	show();
+	focusItem(focus);
+}
+
+function close(options: { returnFocus?: boolean } = {}) {
+	if (!open.value) return;
+	open.value = false;
+	hide();
+	if (options.returnFocus) (triggerEl ?? document.getElementById(triggerId))?.focus();
+}
+
+function onTriggerClick(event: MouseEvent) {
+	triggerEl = event.currentTarget as HTMLElement;
+	if (open.value) close();
+	else openMenu('first');
+}
+
+function onTriggerKeydown(event: KeyboardEvent) {
+	triggerEl = event.currentTarget as HTMLElement;
+	const nativeButton = event.currentTarget instanceof HTMLButtonElement;
+	if (event.key === 'ArrowDown' || (!nativeButton && (event.key === 'Enter' || event.key === ' '))) {
+		event.preventDefault();
+		openMenu('first');
+	} else if (event.key === 'ArrowUp') {
+		event.preventDefault();
+		openMenu('last');
+	} else if (event.key === 'Escape' && open.value) {
+		event.preventDefault();
+		close();
+	}
+}
+
+function onMenuKeydown(event: KeyboardEvent) {
+	const list = items();
+	const current = list.indexOf(document.activeElement as HTMLElement);
+
+	switch (event.key) {
+		case 'ArrowDown':
+			event.preventDefault();
+			list[(current + 1) % list.length]?.focus();
+			return;
+		case 'ArrowUp':
+			event.preventDefault();
+			list[(current - 1 + list.length) % list.length]?.focus();
+			return;
+		case 'Home':
+			event.preventDefault();
+			focusItem('first');
+			return;
+		case 'End':
+			event.preventDefault();
+			focusItem('last');
+			return;
+		case 'Escape':
+			event.preventDefault();
+			// A menu inside a UiModal must not also dismiss the dialog.
+			event.stopPropagation();
+			close({ returnFocus: true });
+			return;
+		case 'Tab':
+			// No preventDefault: focus moves on to the control after the trigger, as APG specifies.
+			close();
+			return;
+	}
+
+	if (event.key.length === 1 && event.key !== ' ' && !event.ctrlKey && !event.metaKey && !event.altKey)
+		typeahead(event.key, list, current);
+}
+
+/** A pointerdown anywhere outside trigger + panel dismisses, without stealing focus back. */
+function onDocumentPointerdown(event: PointerEvent) {
+	if (root.value && !root.value.contains(event.target as Node)) close();
+}
+
+function show() {
+	const el = panel.value;
+	if (!el) return;
+	if (!el.matches?.(':popover-open')) callPopover(el, 'showPopover');
+	place();
+	document.addEventListener('pointerdown', onDocumentPointerdown, true);
+	window.addEventListener('resize', place);
+	window.addEventListener('scroll', place, true);
+}
+
+function hide() {
+	const el = panel.value;
+	if (el?.matches?.(':popover-open')) callPopover(el, 'hidePopover');
+	document.removeEventListener('pointerdown', onDocumentPointerdown, true);
+	window.removeEventListener('resize', place);
+	window.removeEventListener('scroll', place, true);
+}
+
+/** Below the trigger, flipped above when it would overflow the viewport and there is room above. */
+function place() {
+	const anchor = triggerEl ?? document.getElementById(triggerId) ?? root.value;
+	const el = panel.value;
+	if (!anchor || !el) return;
+
+	const rect = anchor.getBoundingClientRect();
+	const { offsetWidth: width, offsetHeight: height } = el;
+	let top = rect.bottom + OFFSET;
+	if (top + height > window.innerHeight && rect.top - OFFSET - height >= 0) top = rect.top - OFFSET - height;
+
+	const rtl = getComputedStyle(anchor).direction === 'rtl';
+	const alignEnd = (props.align === 'end') !== rtl;
+	const left = alignEnd ? rect.right - width : rect.left;
+	const clamped = Math.max(OFFSET, Math.min(left, window.innerWidth - width - OFFSET));
+
+	coords.value = { top: `${top}px`, left: `${clamped}px` };
+}
+
+function items(): HTMLElement[] {
+	const all = panel.value?.querySelectorAll<HTMLElement>('[role="menuitem"]') ?? [];
+	return Array.from(all).filter((item) => item.getAttribute('aria-disabled') !== 'true');
+}
+
+function focusItem(which: 'first' | 'last') {
+	const list = items();
+	(which === 'first' ? list[0] : list[list.length - 1])?.focus();
+}
+
+function typeahead(key: string, list: HTMLElement[], current: number) {
+	const needle = key.toLowerCase();
+	for (let step = 1; step <= list.length; step++) {
+		const candidate = list[(current + step) % list.length];
+		if (candidate?.textContent?.trim().toLowerCase().startsWith(needle)) {
+			candidate.focus();
+			return;
+		}
+	}
+}
+
+/** The popover API is missing in jsdom and older browsers; `v-show` still hides the panel there. */
+function callPopover(el: HTMLElement, method: 'showPopover' | 'hidePopover') {
+	const fn = (el as Partial<Pick<HTMLElement, 'showPopover' | 'hidePopover'>>)[method];
+	try {
+		fn?.call(el);
+	} catch {
+		// Already in the requested state, or detached mid-transition — nothing to undo.
+	}
+}
+</script>
+
+<template>
+	<div ref="root" class="ui-menu">
+		<slot name="trigger" :trigger-props="triggerProps" :open="open" />
+		<div
+			v-show="open"
+			:id="menuId"
+			ref="panel"
+			class="ui-menu__panel"
+			role="menu"
+			aria-orientation="vertical"
+			:aria-label="label"
+			:aria-labelledby="label ? undefined : triggerId"
+			popover="manual"
+			:style="coords"
+			@keydown="onMenuKeydown"
+		>
+			<slot />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ui-menu {
+  display: inline-flex;
+}
+
+/* Overrides the UA `[popover]` box (centred, inset: 0, a border and Canvas background). */
+.ui-menu__panel {
+  position: fixed;
+  inset: auto;
+  z-index: var(--z-dropdown);
+  display: flex;
+  flex-direction: column;
+  min-width: 12rem;
+  max-width: min(22rem, calc(100vw - var(--space-4)));
+  max-height: min(24rem, calc(100vh - var(--space-8)));
+  margin: 0;
+  padding: var(--space-1);
+  overflow-y: auto;
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-control);
+  background: var(--color-surface-raised);
+  color: var(--color-ink);
+  box-shadow: var(--shadow-card);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiMenuItem.vue b/frontend-vue/src/components/ui/UiMenuItem.vue
new file mode 100644
index 000000000..20e8b8e6b
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiMenuItem.vue
@@ -0,0 +1,179 @@
+<script setup lang="ts">
+/**
+ * One entry in a `UiMenu` — the `mat-menu-item` replacement.
+ *
+ * Three shapes, by the same typed-props polymorphism as UiButton: `to` renders a RouterLink, `href`
+ * an `<a>` (with `target`), neither a `<button>` that emits `select`. All carry `role="menuitem"` and
+ * `tabindex="-1"` — the menu moves focus between items with the arrow keys, so none of them sit in
+ * the page's tab order. Choosing any of them closes the menu and returns focus to the trigger.
+ *
+ * Disabled items stay in the DOM with `aria-disabled` (a disabled link also drops its `href`), and
+ * the menu's arrow keys skip them.
+ */
+import { computed, inject } from 'vue';
+import type { RouteLocationRaw } from 'vue-router';
+import { RouterLink } from 'vue-router';
+import { MENU_CONTEXT } from './menuContext';
+import UiIcon from './UiIcon.vue';
+
+const props = withDefaults(
+	defineProps<{
+		/** Renders as a RouterLink. Mutually exclusive with `href`. */
+		to?: RouteLocationRaw;
+		/** Renders as an `<a>`. Mutually exclusive with `to`. */
+		href?: string;
+		/** Anchor target, for `href`. `_blank` also sets `rel="noopener noreferrer"`. */
+		target?: string;
+		/** Leading Material Symbols icon. Use the `leading` slot instead for anything richer (a badge). */
+		icon?: string;
+		/** A muted second line under the label, e.g. the signed-in email under "Account". */
+		description?: string;
+		/** Interaction emphasis. `danger` for destructive entries such as "Delete". */
+		variant?: 'ghost' | 'danger';
+		disabled?: boolean;
+	}>(),
+	{ variant: 'ghost', disabled: false },
+);
+
+const emit = defineEmits<{ select: [MouseEvent] }>();
+
+const menu = inject(MENU_CONTEXT, undefined);
+if (import.meta.env.DEV && !menu) console.warn('[UiMenuItem] must be used inside a UiMenu.');
+
+const tag = computed(() => {
+	if (props.to !== undefined && !props.disabled) return RouterLink;
+	if (props.to !== undefined || props.href !== undefined) return props.disabled ? 'span' : 'a';
+	return 'button';
+});
+
+const bindings = computed(() => {
+	const shared = { role: 'menuitem', tabindex: -1, 'aria-disabled': props.disabled ? 'true' : undefined };
+	if (tag.value === 'button') return { ...shared, type: 'button' };
+	if (tag.value === 'span') return shared;
+	if (props.to !== undefined) return { ...shared, to: props.to };
+	const rel = props.target === '_blank' ? 'noopener noreferrer' : undefined;
+	return { ...shared, href: props.href, target: props.target, rel };
+});
+
+const classes = computed(() => [
+	'ui-menu-item',
+	`ui-menu-item--${props.variant}`,
+	{ 'ui-menu-item--disabled': props.disabled },
+]);
+
+function onClick(event: MouseEvent) {
+	if (props.disabled) {
+		event.preventDefault();
+		event.stopPropagation();
+		return;
+	}
+	emit('select', event);
+	menu?.close({ returnFocus: true });
+}
+
+/** APG: Space activates a menu item too. Buttons do that natively; links and spans don't. */
+function onKeydown(event: KeyboardEvent) {
+	if (event.key === ' ' && tag.value !== 'button') {
+		event.preventDefault();
+		(event.currentTarget as HTMLElement).click();
+	}
+}
+</script>
+
+<template>
+	<component :is="tag" v-bind="bindings" :class="classes" @click="onClick" @keydown="onKeydown">
+		<span v-if="$slots.leading || icon" class="ui-menu-item__adornment">
+			<slot name="leading"><UiIcon v-if="icon" :name="icon" size="sm" /></slot>
+		</span>
+		<span class="ui-menu-item__text">
+			<span class="ui-menu-item__label"><slot /></span>
+			<span v-if="description" class="ui-menu-item__description">{{ description }}</span>
+		</span>
+		<span v-if="$slots.trailing" class="ui-menu-item__adornment">
+			<slot name="trailing" />
+		</span>
+	</component>
+</template>
+
+<style scoped>
+.ui-menu-item {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  width: 100%;
+  min-height: var(--space-10);
+  padding: var(--space-2) var(--space-3);
+  border: none;
+  border-radius: calc(var(--radius-control) - var(--space-1));
+  background: transparent;
+  color: var(--color-ink);
+  font-size: var(--text-sm);
+  line-height: var(--leading-snug);
+  text-align: start;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+/* Keyboard focus and hover are the same highlight: in a menu, the focused item *is* the current one. */
+.ui-menu-item:hover:not(.ui-menu-item--disabled),
+.ui-menu-item:focus-visible {
+  outline: none;
+  background: var(--color-paper-2);
+}
+
+.ui-menu-item:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--color-accent);
+}
+
+/* RouterLink marks the current route; the account menu's "Account" item reads as where you are. */
+.ui-menu-item[aria-current='page'] {
+  color: var(--color-accent-ink);
+  font-weight: var(--weight-semibold);
+}
+
+.ui-menu-item--danger {
+  color: var(--color-danger);
+}
+
+.ui-menu-item--danger:hover:not(.ui-menu-item--disabled),
+.ui-menu-item--danger:focus-visible {
+  background: var(--color-danger-bg);
+}
+
+.ui-menu-item--disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.ui-menu-item__adornment {
+  display: inline-flex;
+  align-items: center;
+  flex-shrink: 0;
+  color: var(--color-muted);
+}
+
+.ui-menu-item--danger .ui-menu-item__adornment {
+  color: inherit;
+}
+
+.ui-menu-item__text {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  flex: 1;
+}
+
+.ui-menu-item__label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ui-menu-item__description {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: var(--text-2xs);
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiModal.spec.ts b/frontend-vue/src/components/ui/UiModal.spec.ts
new file mode 100644
index 000000000..5dded2c59
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiModal.spec.ts
@@ -0,0 +1,167 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import UiModal from './UiModal.vue';
+
+/**
+ * jsdom 29 ships `HTMLDialogElement` and its `open` property but implements **neither**
+ * `showModal()` nor `close()` — they are `undefined`, not merely inert. (The plan assumed jsdom
+ * supported `<dialog>` and suggested spying on existing prototype methods; it does not.)
+ *
+ * So the methods are installed here rather than spied. Each stub also maintains `open`, because
+ * that is the state the component reads to decide whether a sync is needed, and a stub that lies
+ * about it would make every assertion below meaningless.
+ */
+function installDialogStubs() {
+	const proto = HTMLDialogElement.prototype as unknown as {
+		showModal?: () => void;
+		close?: () => void;
+	};
+	const showModal = vi.fn(function (this: HTMLDialogElement) {
+		this.open = true;
+	});
+	const close = vi.fn(function (this: HTMLDialogElement) {
+		this.open = false;
+		this.dispatchEvent(new Event('close'));
+	});
+	proto.showModal = showModal;
+	proto.close = close;
+	return { showModal, close };
+}
+
+let stubs: ReturnType<typeof installDialogStubs>;
+
+beforeEach(() => {
+	stubs = installDialogStubs();
+});
+
+afterEach(() => {
+	const proto = HTMLDialogElement.prototype as unknown as Record<string, unknown>;
+	delete proto.showModal;
+	delete proto.close;
+});
+
+function mountModal(props: Record<string, unknown> = {}) {
+	return mount(UiModal, {
+		props: { open: true, title: 'Delete site', ...props },
+		slots: { default: 'Body copy' },
+		attachTo: document.body,
+	});
+}
+
+describe('UiModal', () => {
+	it('calls showModal() when it mounts open', async () => {
+		const wrapper = mountModal();
+		await wrapper.vm.$nextTick();
+
+		expect(stubs.showModal).toHaveBeenCalled();
+	});
+
+	it('does not open until `open` turns true', async () => {
+		const wrapper = mountModal({ open: false });
+		await wrapper.vm.$nextTick();
+		expect(stubs.showModal).not.toHaveBeenCalled();
+
+		await wrapper.setProps({ open: true });
+		await wrapper.vm.$nextTick();
+
+		expect(stubs.showModal).toHaveBeenCalled();
+	});
+
+	it('closes the dialog when `open` turns false', async () => {
+		const wrapper = mountModal();
+		await wrapper.vm.$nextTick();
+
+		await wrapper.setProps({ open: false });
+		await wrapper.vm.$nextTick();
+
+		expect(stubs.close).toHaveBeenCalled();
+	});
+
+	it('names the dialog via aria-labelledby pointing at the rendered title', () => {
+		const wrapper = mountModal({ title: 'Delete "My site"?' });
+		const labelledBy = wrapper.get('dialog').attributes('aria-labelledby');
+
+		expect(labelledBy).toBeTruthy();
+		expect(wrapper.get(`#${labelledBy}`).text()).toBe('Delete "My site"?');
+	});
+
+	it('emits update:open and close when the close button is used', async () => {
+		const wrapper = mountModal();
+
+		await wrapper.get('.ui-modal__close').trigger('click');
+
+		expect(wrapper.emitted('update:open')?.[0]).toEqual([false]);
+		expect(wrapper.emitted('close')).toHaveLength(1);
+	});
+
+	it('dismisses on Escape, which arrives as the native cancel event', async () => {
+		const wrapper = mountModal();
+
+		await wrapper.get('dialog').trigger('cancel');
+
+		expect(wrapper.emitted('update:open')?.[0]).toEqual([false]);
+	});
+
+	it('swallows Escape when not dismissible', async () => {
+		const wrapper = mountModal({ dismissible: false });
+
+		await wrapper.get('dialog').trigger('cancel');
+
+		// The native default must also be prevented, or the browser closes the dialog regardless of
+		// what the component emits — that is the whole mechanism behind `dismissible: false`.
+		expect(wrapper.emitted('update:open')).toBeUndefined();
+		expect(wrapper.emitted('close')).toBeUndefined();
+	});
+
+	it('hides the close button when not dismissible', () => {
+		const wrapper = mountModal({ dismissible: false });
+
+		expect(wrapper.find('.ui-modal__close').exists()).toBe(false);
+	});
+
+	it('dismisses on a backdrop click but not on a click inside the panel', async () => {
+		const wrapper = mountModal();
+
+		// A modal dialog's backdrop is part of its own box, so a backdrop click targets the <dialog>.
+		await wrapper.get('dialog').trigger('click');
+		expect(wrapper.emitted('update:open')?.[0]).toEqual([false]);
+
+		const inside = mountModal();
+		await inside.get('.ui-modal__panel').trigger('click');
+		expect(inside.emitted('update:open')).toBeUndefined();
+	});
+
+	it('ignores a backdrop click when not dismissible', async () => {
+		const wrapper = mountModal({ dismissible: false });
+
+		await wrapper.get('dialog').trigger('click');
+
+		expect(wrapper.emitted('update:open')).toBeUndefined();
+	});
+
+	it('renders the footer slot only when given one', () => {
+		expect(mountModal().find('.ui-modal__footer').exists()).toBe(false);
+
+		const withFooter = mount(UiModal, {
+			props: { open: true, title: 'T' },
+			slots: { footer: '<button>OK</button>' },
+		});
+
+		expect(withFooter.get('.ui-modal__footer').text()).toBe('OK');
+	});
+
+	it('closes an open dialog when unmounted, so the page does not stay inert', async () => {
+		const wrapper = mountModal();
+		await wrapper.vm.$nextTick();
+		stubs.close.mockClear();
+
+		wrapper.unmount();
+
+		expect(stubs.close).toHaveBeenCalled();
+	});
+
+	it('lands size as a modifier class', () => {
+		expect(mountModal({ size: 'md' }).get('dialog').classes()).toContain('ui-modal--size-md');
+		expect(mountModal().get('dialog').classes()).toContain('ui-modal--size-sm');
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiModal.stories.ts b/frontend-vue/src/components/ui/UiModal.stories.ts
new file mode 100644
index 000000000..55c0d3361
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiModal.stories.ts
@@ -0,0 +1,139 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { ref } from 'vue';
+import UiButton from './UiButton.vue';
+import UiModal from './UiModal.vue';
+
+/**
+ * Modal dialog on the native `<dialog>` element.
+ *
+ * `showModal()` supplies focus trapping, `::backdrop`, top-layer stacking, Escape and `inert` on
+ * the rest of the page — all from the browser. That is why `@headlessui/vue` was dropped in Phase 3:
+ * its `Dialog` reimplements in JS what the platform now does natively, and a hand-rolled focus trap
+ * is the most bug-prone code in any design system.
+ *
+ * Open the stories below and try Tab (focus stays inside), Escape, and a backdrop click.
+ */
+const meta = {
+	title: 'UI/Modal',
+	component: UiModal,
+	tags: ['autodocs'],
+	parameters: { layout: 'centered' },
+	args: { open: false, title: 'Rename website', size: 'sm', dismissible: true },
+	argTypes: {
+		size: { control: 'inline-radio', options: ['sm', 'md', 'lg'] },
+		open: { control: 'boolean' },
+	},
+} satisfies Meta<typeof UiModal>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** A trigger plus the dialog, which is how every real call site is shaped. */
+export const Default: Story = {
+	render: (args) => ({
+		components: { UiModal, UiButton },
+		setup: () => {
+			const open = ref(false);
+			return { args, open };
+		},
+		template: `
+      <div>
+        <UiButton @click="open = true">Open dialog</UiButton>
+        <UiModal v-bind="args" v-model:open="open">
+          Renaming changes the site's URL. Existing links keep working for 30 days.
+          <template #footer>
+            <UiButton variant="secondary" @click="open = false">Cancel</UiButton>
+            <UiButton @click="open = false">Save</UiButton>
+          </template>
+        </UiModal>
+      </div>
+    `,
+	}),
+};
+
+/** The wider size, for content that needs the room — a form rather than a sentence. */
+export const Medium: Story = {
+	args: { size: 'md', title: 'Website settings' },
+	render: Default.render,
+};
+
+/**
+ * `dismissible: false` removes the close button and refuses Escape and backdrop clicks, so the only
+ * way out is an explicit choice in the footer. For destructive confirms and in-flight requests.
+ */
+export const NotDismissible: Story = {
+	args: { dismissible: false, title: 'Deleting…' },
+	render: (args) => ({
+		components: { UiModal, UiButton },
+		setup: () => {
+			const open = ref(false);
+			return { args, open };
+		},
+		template: `
+      <div>
+        <UiButton variant="danger" @click="open = true">Open (Escape will not close it)</UiButton>
+        <UiModal v-bind="args" v-model:open="open">
+          This dialog ignores Escape and backdrop clicks. Only the footer can dismiss it.
+          <template #footer>
+            <UiButton variant="secondary" @click="open = false">Let me out</UiButton>
+          </template>
+        </UiModal>
+      </div>
+    `,
+	}),
+};
+
+/** Body-only: the footer slot is optional and collapses entirely when unused. */
+export const WithoutFooter: Story = {
+	args: { title: "What's new" },
+	render: (args) => ({
+		components: { UiModal, UiButton },
+		setup: () => {
+			const open = ref(false);
+			return { args, open };
+		},
+		template: `
+      <div>
+        <UiButton variant="ghost" @click="open = true">Open</UiButton>
+        <UiModal v-bind="args" v-model:open="open">
+          Sites now rebuild in about half the time. Nothing you need to do.
+        </UiModal>
+      </div>
+    `,
+	}),
+};
+
+/** All sizes side by side, so a drifted radius, padding or shadow shows up immediately. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiModal, UiButton },
+		setup: () => {
+			const openSm = ref(false);
+			const openMd = ref(false);
+			const openLg = ref(false);
+			return { openSm, openMd, openLg };
+		},
+		template: `
+      <div style="display: flex; gap: 0.5rem;">
+        <UiButton size="sm" @click="openSm = true">sm</UiButton>
+        <UiButton size="sm" variant="secondary" @click="openMd = true">md</UiButton>
+        <UiButton size="sm" variant="secondary" @click="openLg = true">lg</UiButton>
+
+        <UiModal v-model:open="openSm" title="Small" size="sm">
+          26rem — confirmations and short prompts.
+          <template #footer><UiButton size="sm" @click="openSm = false">Close</UiButton></template>
+        </UiModal>
+
+        <UiModal v-model:open="openMd" title="Medium" size="md">
+          36rem — forms and anything with more than a sentence of content.
+          <template #footer><UiButton size="sm" @click="openMd = false">Close</UiButton></template>
+        </UiModal>
+
+        <UiModal v-model:open="openLg" title="Large" size="lg">
+          52rem — wide dialogs: filters, row previews, tables.
+          <template #footer><UiButton size="sm" @click="openLg = false">Close</UiButton></template>
+        </UiModal>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiModal.vue b/frontend-vue/src/components/ui/UiModal.vue
new file mode 100644
index 000000000..8d3954e7d
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiModal.vue
@@ -0,0 +1,234 @@
+<script setup lang="ts">
+/**
+ * Modal dialog on the native `<dialog>` element.
+ *
+ * `showModal()` gives focus trapping, `::backdrop`, top-layer stacking (above every `z-index`
+ * regardless of stacking context), Escape-to-dismiss and `inert` on the rest of the page — all
+ * browser-implemented. A hand-rolled focus trap is ~60 lines of the most bug-prone code in any
+ * design system, which is exactly why `@headlessui/vue` was dropped in Phase 3: its `Dialog` is a
+ * JS reimplementation of `<dialog>` from before the element had support.
+ *
+ * `inheritAttrs: false` — the root here is a positioning wrapper, so a caller's `class` is forwarded
+ * to the `<dialog>` itself, which is the box they mean. See _Foundations → Conventions_.
+ */
+import { computed, nextTick, onBeforeUnmount, ref, useId, watch } from 'vue';
+
+defineOptions({ inheritAttrs: false });
+
+const props = withDefaults(
+	defineProps<{
+		/** Visibility. Two-way via `v-model:open`, so Escape and the backdrop can close it. */
+		open: boolean;
+		/** Accessible name, wired through `aria-labelledby`. Required — a nameless dialog is a defect. */
+		title: string;
+		/** Geometry only: the dialog's max-width. `lg` fits the wide RocketAdmin dialogs (filters, row view). */
+		size?: 'sm' | 'md' | 'lg';
+		/** Escape and backdrop dismissal. Turn off for destructive confirms mid-flight. */
+		dismissible?: boolean;
+		/**
+		 * Renders the panel as a `<form>`, so body fields and the footer's `type="submit"` button share
+		 * one form and Enter submits. Emits `submit` (default prevented). See `AppDialogForm`.
+		 */
+		form?: boolean;
+	}>(),
+	{ size: 'sm', dismissible: true, form: false },
+);
+
+const emit = defineEmits<{ 'update:open': [boolean]; close: []; submit: [SubmitEvent] }>();
+
+function onSubmit(event: Event) {
+	event.preventDefault();
+	emit('submit', event as SubmitEvent);
+}
+
+const dialog = ref<HTMLDialogElement | null>(null);
+const titleId = `${useId()}-title`;
+
+/**
+ * jsdom 29 ships `HTMLDialogElement` and its `open` property but **not** `showModal()`/`close()`,
+ * so both are called defensively. Without this, mounting the component under vitest throws — the
+ * plan's assumption that "jsdom 29 supports `<dialog>`" does not hold for the methods.
+ */
+function syncOpen(shouldOpen: boolean) {
+	const el = dialog.value;
+	if (!el) return;
+	if (shouldOpen) {
+		if (!el.open) el.showModal?.();
+	} else if (el.open) {
+		el.close?.();
+	}
+}
+
+watch(
+	() => props.open,
+	async (isOpen) => {
+		// nextTick so the <dialog> exists on the first tick a caller mounts with `open: true`.
+		await nextTick();
+		syncOpen(isOpen);
+	},
+	{ immediate: true },
+);
+
+// Leaving a modal dialog in the top layer would keep the rest of the page inert after unmount.
+onBeforeUnmount(() => {
+	if (dialog.value?.open) dialog.value.close?.();
+});
+
+function requestClose() {
+	emit('update:open', false);
+	emit('close');
+}
+
+/**
+ * The native `cancel` event fires for Escape. Cancelling it is what makes `dismissible: false`
+ * real — `preventDefault()` is the only supported way to refuse Escape on a modal dialog.
+ */
+function onCancel(event: Event) {
+	event.preventDefault();
+	if (props.dismissible) requestClose();
+}
+
+/**
+ * A modal `<dialog>`'s backdrop is part of the element's own box, so a click on it targets the
+ * dialog rather than a separate node. Comparing the target against the element is the standard way
+ * to tell "clicked the backdrop" from "clicked the panel".
+ */
+function onDialogClick(event: MouseEvent) {
+	if (!props.dismissible) return;
+	if (event.target === dialog.value) requestClose();
+}
+
+const classes = computed(() => ['ui-modal', `ui-modal--size-${props.size}`]);
+</script>
+
+<template>
+	<dialog
+		ref="dialog"
+		v-bind="$attrs"
+		:class="classes"
+		:aria-labelledby="titleId"
+		@cancel="onCancel"
+		@click="onDialogClick"
+	>
+		<!-- Stops a click inside the panel from reaching the backdrop handler above. -->
+		<component
+			:is="form ? 'form' : 'div'"
+			class="ui-modal__panel"
+			:novalidate="form ? true : undefined"
+			@click.stop
+			@submit="onSubmit"
+		>
+			<header class="ui-modal__head">
+				<h2 :id="titleId" class="ui-modal__title">{{ title }}</h2>
+				<button
+					v-if="dismissible"
+					type="button"
+					class="ui-modal__close"
+					aria-label="Close dialog"
+					@click="requestClose"
+				>
+					<span aria-hidden="true">×</span>
+				</button>
+			</header>
+
+			<div class="ui-modal__body"><slot /></div>
+
+			<footer v-if="$slots.footer" class="ui-modal__footer">
+				<slot name="footer" />
+			</footer>
+		</component>
+	</dialog>
+</template>
+
+<style scoped>
+.ui-modal {
+  padding: 0;
+  border: none;
+  background: transparent;
+  /* The top layer already sits above everything; this only orders it against other top-layer
+     content and documents the intent. */
+  z-index: var(--z-modal);
+  max-height: calc(100vh - var(--space-8));
+  overflow: visible;
+}
+
+.ui-modal::backdrop {
+  background: var(--color-overlay);
+}
+
+.ui-modal--size-sm {
+  width: min(26rem, calc(100vw - var(--space-8)));
+}
+
+.ui-modal--size-md {
+  width: min(36rem, calc(100vw - var(--space-8)));
+}
+
+.ui-modal--size-lg {
+  width: min(52rem, calc(100vw - var(--space-8)));
+}
+
+.ui-modal__panel {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4);
+  padding: var(--space-6);
+  border-radius: var(--radius-panel);
+  background: var(--color-surface-raised);
+  box-shadow: var(--shadow-card);
+}
+
+.ui-modal__head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--space-4);
+}
+
+.ui-modal__title {
+  margin: 0;
+  font-size: var(--text-md);
+  font-weight: var(--weight-semibold);
+  line-height: var(--leading-snug);
+  color: var(--color-ink);
+}
+
+.ui-modal__close {
+  display: grid;
+  place-items: center;
+  flex: none;
+  width: 1.75rem;
+  height: 1.75rem;
+  padding: 0;
+  border: none;
+  border-radius: var(--radius-control);
+  background: transparent;
+  font-size: var(--text-md);
+  line-height: 1;
+  color: var(--color-muted);
+  cursor: pointer;
+  transition: background var(--motion-fast) var(--ease-out);
+}
+
+.ui-modal__close:hover {
+  background: var(--color-paper);
+  color: var(--color-ink);
+}
+
+.ui-modal__close:focus-visible {
+  outline: none;
+  box-shadow: var(--ring-focus);
+}
+
+.ui-modal__body {
+  font-size: var(--text-base);
+  line-height: var(--leading-normal);
+  color: var(--color-ink-soft);
+}
+
+.ui-modal__footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--space-2);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiPageShell.spec.ts b/frontend-vue/src/components/ui/UiPageShell.spec.ts
new file mode 100644
index 000000000..39e9bdc67
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiPageShell.spec.ts
@@ -0,0 +1,45 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UiPageShell from './UiPageShell.vue';
+
+describe('UiPageShell', () => {
+	it('defaults to a top-aligned panel-width page', () => {
+		const wrapper = mount(UiPageShell);
+
+		expect(wrapper.classes()).toContain('ui-page-shell--align-top');
+		expect(wrapper.classes()).toContain('ui-page-shell--width-panel');
+	});
+
+	it('lands align and width as modifier classes', () => {
+		const wrapper = mount(UiPageShell, { props: { align: 'center', width: 'auth' } });
+
+		expect(wrapper.classes()).toContain('ui-page-shell--align-center');
+		expect(wrapper.classes()).toContain('ui-page-shell--width-auth');
+	});
+
+	it('renders a <div> root by default', () => {
+		expect(mount(UiPageShell).element.tagName).toBe('DIV');
+	});
+
+	it('renders the landmark element when `as` asks for one', () => {
+		// The reason this prop exists: without it every view had to wrap the shell in a redundant
+		// <main> to keep its landmark, since the shell painted the page but couldn't be one.
+		expect(mount(UiPageShell, { props: { as: 'main' } }).element.tagName).toBe('MAIN');
+		expect(mount(UiPageShell, { props: { as: 'section' } }).element.tagName).toBe('SECTION');
+	});
+
+	it('keeps modifier classes on the swapped root', () => {
+		const wrapper = mount(UiPageShell, { props: { as: 'main', align: 'center', width: 'auth' } });
+
+		expect(wrapper.classes()).toContain('ui-page-shell');
+		expect(wrapper.classes()).toContain('ui-page-shell--align-center');
+	});
+
+	it('renders its slot inside the width box, not the background', () => {
+		// The nesting is the contract: the outer element paints the page, the inner one constrains
+		// the column. Flattening them would make a full-bleed background impossible.
+		const wrapper = mount(UiPageShell, { slots: { default: '<h1>Account</h1>' } });
+
+		expect(wrapper.find('.ui-page-shell__content h1').exists()).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiPageShell.stories.ts b/frontend-vue/src/components/ui/UiPageShell.stories.ts
new file mode 100644
index 000000000..3c817909c
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiPageShell.stories.ts
@@ -0,0 +1,100 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import UiCard from './UiCard.vue';
+import UiPageShell from './UiPageShell.vue';
+
+/**
+ * The page wrapper, replacing 9 duplicated backgrounds and the 8 width boxes they always wrapped.
+ * `layout: 'fullscreen'` here because the component *is* the page — padding it inside Storybook's
+ * default frame would misrepresent it.
+ *
+ * The background toolbar is redundant for these stories: the shell paints `--color-paper` itself,
+ * which is what silently fixes the two off-brand `#f5f6f8` pages.
+ */
+const meta = {
+	title: 'UI/PageShell',
+	component: UiPageShell,
+	tags: ['autodocs'],
+	parameters: { layout: 'fullscreen' },
+	args: { align: 'top', width: 'panel' },
+	argTypes: {
+		align: { control: 'inline-radio', options: ['top', 'center'] },
+		width: { control: 'inline-radio', options: ['panel', 'auth', 'full'] },
+		as: { control: 'inline-radio', options: ['div', 'main', 'section'] },
+	},
+	render: (args) => ({
+		components: { UiPageShell, UiCard },
+		setup: () => ({ args }),
+		template: `
+      <UiPageShell v-bind="args" style="min-height: 26rem;">
+        <h1 style="margin: 0 0 1.75rem; font-size: var(--text-2xl); line-height: var(--leading-tight);">
+          Account
+        </h1>
+        <UiCard>Content column</UiCard>
+      </UiPageShell>
+    `,
+	}),
+} satisfies Meta<typeof UiPageShell>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** App pages: content starts at the top, in a 44rem column. */
+export const AppPage: Story = {};
+
+/** Auth pages: vertically centred, in a 26rem column. */
+export const AuthPage: Story = {
+	args: { align: 'center', width: 'auth' },
+	render: (args) => ({
+		components: { UiPageShell, UiCard },
+		setup: () => ({ args }),
+		template: `
+      <UiPageShell v-bind="args" style="min-height: 26rem;">
+        <UiCard shape="auth" padding="lg">
+          <h1 style="margin: 0 0 0.5rem; font-size: var(--text-xl); line-height: var(--leading-tight);">
+            Sign in
+          </h1>
+          <p style="margin: 0; color: var(--color-muted); font-size: var(--text-base);">
+            Welcome back to SiteNova.
+          </p>
+        </UiCard>
+      </UiPageShell>
+    `,
+	}),
+};
+
+/** `full` for a page that manages its own column — the split-pane views. */
+export const FullWidth: Story = { args: { width: 'full' } };
+
+/** Every alignment × width. The visible difference is where the column starts and how wide it is. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiPageShell, UiCard },
+		setup: () => ({
+			combos: [
+				{ align: 'top' as const, width: 'panel' as const },
+				{ align: 'top' as const, width: 'auth' as const },
+				{ align: 'top' as const, width: 'full' as const },
+				{ align: 'center' as const, width: 'panel' as const },
+				{ align: 'center' as const, width: 'auth' as const },
+				{ align: 'center' as const, width: 'full' as const },
+			],
+		}),
+		template: `
+      <div style="display: flex; flex-direction: column; gap: 1rem;">
+        <UiPageShell
+          v-for="c in combos"
+          :key="c.align + c.width"
+          :align="c.align"
+          :width="c.width"
+          style="min-height: 9rem; border: 1px dashed var(--color-line);"
+        >
+          <UiCard>
+            <span style="font-family: var(--font-mono); font-size: var(--text-2xs);">
+              {{ c.align }} · {{ c.width }}
+            </span>
+          </UiCard>
+        </UiPageShell>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiPageShell.vue b/frontend-vue/src/components/ui/UiPageShell.vue
new file mode 100644
index 000000000..5c13b20be
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiPageShell.vue
@@ -0,0 +1,81 @@
+<script setup lang="ts">
+/**
+ * The page wrapper. Absorbs both the 9 duplicated page backgrounds *and* the width box they always
+ * wrapped — `.panel` (44rem, ×4 byte-identical) and `.auth-card`'s max-width (26rem, ×4). They were
+ * never used apart, so one component owns both.
+ *
+ * `background: var(--color-paper)` is what silently fixed the two off-brand page backgrounds the
+ * pre-rebrand views hard-coded.
+ *
+ * **Not** a layout engine: Dashboard's and WebsiteDetail's split-pane grid is one-off app layout for
+ * two call sites and stays in those views.
+ */
+import { computed } from 'vue';
+
+const props = withDefaults(
+	defineProps<{
+		/** `top` = app pages, content starts below the header. `center` = auth pages, vertically centred. */
+		align?: 'top' | 'center';
+		/** Content column: `panel` = 44rem, `auth` = 26rem, `full` = unconstrained. */
+		width?: 'panel' | 'auth' | 'full';
+		/**
+		 * Root element. `main` when the shell *is* the page's main landmark, which is the common case
+		 * for a view — it saves every view wrapping the shell in a redundant `<main>`.
+		 *
+		 * Deliberately a closed union of landmark-capable elements, not the generic polymorphic `as`
+		 * the plan rejected: `as: string` would erase the check that makes `as="span"` a type error.
+		 */
+		as?: 'div' | 'main' | 'section';
+	}>(),
+	{ align: 'top', width: 'panel', as: 'div' },
+);
+
+const classes = computed(() => [
+	'ui-page-shell',
+	`ui-page-shell--align-${props.align}`,
+	`ui-page-shell--width-${props.width}`,
+]);
+</script>
+
+<template>
+	<component :is="as" :class="classes">
+		<div class="ui-page-shell__content">
+			<slot />
+		</div>
+	</component>
+</template>
+
+<style scoped>
+.ui-page-shell {
+  display: grid;
+  background: var(--color-paper);
+}
+
+/* `start center` rather than `center`: app pages read from the top, and centring a short page
+   would drop its heading into the middle of the viewport. */
+.ui-page-shell--align-top {
+  place-items: start center;
+  padding: var(--space-8) var(--space-4) var(--space-16);
+}
+
+.ui-page-shell--align-center {
+  place-items: center;
+  padding: var(--space-8) var(--space-4);
+}
+
+.ui-page-shell__content {
+  width: 100%;
+  /* A grid item's automatic minimum is its content's min-content width, not zero. Without this, one
+     unbreakable line inside a page (a long site name, set to `nowrap` + ellipsis) widened the
+     track and the page scrolled sideways on mobile instead of the line truncating. */
+  min-width: 0;
+}
+
+.ui-page-shell--width-panel .ui-page-shell__content {
+  max-width: var(--width-panel);
+}
+
+.ui-page-shell--width-auth .ui-page-shell__content {
+  max-width: var(--width-auth-card);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiProgressBar.spec.ts b/frontend-vue/src/components/ui/UiProgressBar.spec.ts
new file mode 100644
index 000000000..5a7527189
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiProgressBar.spec.ts
@@ -0,0 +1,75 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UiProgressBar from './UiProgressBar.vue';
+
+/** The fill's inline width is the rendered percentage — the one CSS value worth asserting here,
+ *  because it *is* the arithmetic under test rather than an appearance choice. */
+function fillWidth(wrapper: ReturnType<typeof mount>): string | undefined {
+	return wrapper.find('.ui-progress-bar__fill').attributes('style');
+}
+
+describe('UiProgressBar', () => {
+	it('exposes itself to assistive tech', () => {
+		// The bar it replaces has none of this — a screenreader user gets no sense of the budget.
+		const wrapper = mount(UiProgressBar, {
+			props: { value: 7, max: 10, label: 'Websites generated today' },
+		});
+
+		expect(wrapper.attributes('role')).toBe('progressbar');
+		expect(wrapper.attributes('aria-label')).toBe('Websites generated today');
+		expect(wrapper.attributes('aria-valuemin')).toBe('0');
+		expect(wrapper.attributes('aria-valuemax')).toBe('10');
+	});
+
+	it('reports aria-valuenow in the raw unit, not as a percentage', () => {
+		// A screenreader reads "7 of 10". Passing 70 against a max of 10 would be nonsense.
+		const wrapper = mount(UiProgressBar, { props: { value: 7, max: 10, label: 'Usage' } });
+
+		expect(wrapper.attributes('aria-valuenow')).toBe('7');
+		expect(fillWidth(wrapper)).toContain('width: 70%');
+	});
+
+	it('clamps a value above max to a full bar', () => {
+		const wrapper = mount(UiProgressBar, { props: { value: 150, max: 100, label: 'Usage' } });
+
+		expect(fillWidth(wrapper)).toContain('width: 100%');
+		expect(wrapper.attributes('aria-valuenow')).toBe('100');
+	});
+
+	it('clamps a negative value to an empty bar', () => {
+		const wrapper = mount(UiProgressBar, { props: { value: -20, max: 100, label: 'Usage' } });
+
+		expect(fillWidth(wrapper)).toContain('width: 0%');
+		expect(wrapper.attributes('aria-valuenow')).toBe('0');
+	});
+
+	it('renders an empty bar rather than NaN% when max is not positive', () => {
+		// AccountView guarded `limit > 0` at the call site; the primitive owns that guard now, so the
+		// next caller can't forget it.
+		for (const max of [0, -5]) {
+			const wrapper = mount(UiProgressBar, { props: { value: 5, max, label: 'Usage' } });
+
+			expect(fillWidth(wrapper)).toContain('width: 0%');
+			expect(fillWidth(wrapper)).not.toContain('NaN');
+			expect(fillWidth(wrapper)).not.toContain('Infinity');
+			expect(wrapper.attributes('aria-valuenow')).toBe('0');
+		}
+	});
+
+	it('defaults max to 100 so value reads as a percentage', () => {
+		const wrapper = mount(UiProgressBar, { props: { value: 40, label: 'Usage' } });
+
+		expect(wrapper.attributes('aria-valuemax')).toBe('100');
+		expect(fillWidth(wrapper)).toContain('width: 40%');
+	});
+
+	it('lands tone as a modifier class', () => {
+		const warning = mount(UiProgressBar, { props: { value: 85, label: 'Usage', tone: 'warning' } });
+
+		expect(warning.classes()).toContain('ui-progress-bar--warning');
+		// Never auto-derived: a high value alone does not make the bar a warning.
+		expect(mount(UiProgressBar, { props: { value: 99, label: 'Usage' } }).classes()).toContain(
+			'ui-progress-bar--accent',
+		);
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiProgressBar.stories.ts b/frontend-vue/src/components/ui/UiProgressBar.stories.ts
new file mode 100644
index 000000000..56fc919d9
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiProgressBar.stories.ts
@@ -0,0 +1,96 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import UiProgressBar from './UiProgressBar.vue';
+
+/**
+ * Determinate meter, replacing AccountView's usage bar and the app's only inline style.
+ *
+ * The value it adds over two divs is arithmetic and ARIA: it clamps out-of-range values, refuses to
+ * render `NaN%` when `max` is zero, and emits `role="progressbar"` with real `aria-valuenow`/`max` —
+ * the meter it replaces is invisible to assistive tech today.
+ *
+ * `tone` is the caller's decision. "Warn at 80%" is product policy that differs per meter, so the
+ * primitive never derives a tone from a threshold.
+ */
+const meta = {
+	title: 'UI/ProgressBar',
+	component: UiProgressBar,
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+	args: { value: 40, max: 100, label: 'Daily generation budget', tone: 'accent' },
+	argTypes: {
+		tone: { control: 'inline-radio', options: ['accent', 'warning', 'danger'] },
+		value: { control: { type: 'number' } },
+	},
+	decorators: [() => ({ template: '<div style="max-width: 22rem;"><story /></div>' })],
+} satisfies Meta<typeof UiProgressBar>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+/** The real AccountView shape: a label/value row above the bar, in the caller's own markup. */
+export const UsageMeter: Story = {
+	args: { value: 7, max: 10, label: 'Websites generated today' },
+	render: (args) => ({
+		components: { UiProgressBar },
+		setup: () => ({ args }),
+		template: `
+      <div style="display: grid; gap: 0.5rem;">
+        <div style="display: flex; justify-content: space-between; font-size: var(--text-sm); color: var(--color-ink-soft);">
+          <span>Websites generated today</span>
+          <span>{{ args.value }} / {{ args.max }}</span>
+        </div>
+        <UiProgressBar v-bind="args" />
+      </div>
+    `,
+	}),
+};
+
+/** Near quota — the caller chose `warning`; the bar did not decide that for itself. */
+export const NearQuota: Story = { args: { value: 85, tone: 'warning' } };
+
+/** At quota. `value` above `max` clamps to a full bar rather than overflowing the track. */
+export const OverQuota: Story = { args: { value: 120, tone: 'danger' } };
+
+/**
+ * The edge cases the spec pins down, rendered. `max: 0` is the one AccountView guarded at the call
+ * site — the primitive owns it now, so it shows an empty track instead of `NaN%`.
+ */
+export const EdgeCases: Story = {
+	render: () => ({
+		components: { UiProgressBar },
+		setup: () => ({
+			cases: [
+				{ label: 'Empty', value: 0, max: 100, tone: 'accent' as const },
+				{ label: 'Negative value clamps to 0%', value: -20, max: 100, tone: 'accent' as const },
+				{ label: 'Value above max clamps to 100%', value: 150, max: 100, tone: 'danger' as const },
+				{ label: 'Zero max renders empty, not NaN%', value: 5, max: 0, tone: 'warning' as const },
+			],
+		}),
+		template: `
+      <div style="display: grid; gap: 1rem;">
+        <div v-for="c in cases" :key="c.label" style="display: grid; gap: 0.375rem;">
+          <span style="font-size: var(--text-xs); color: var(--color-muted);">{{ c.label }}</span>
+          <UiProgressBar :value="c.value" :max="c.max" :tone="c.tone" :label="c.label" />
+        </div>
+      </div>
+    `,
+	}),
+};
+
+/** All three tones at the same fill, so a drifted track or radius shows up immediately. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiProgressBar },
+		setup: () => ({ tones: ['accent', 'warning', 'danger'] as const }),
+		template: `
+      <div style="display: grid; gap: 1rem;">
+        <div v-for="tone in tones" :key="tone" style="display: grid; gap: 0.375rem;">
+          <code style="font-size: 0.75rem; color: var(--color-muted);">{{ tone }}</code>
+          <UiProgressBar :value="65" :tone="tone" :label="tone + ' meter'" />
+        </div>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiProgressBar.vue b/frontend-vue/src/components/ui/UiProgressBar.vue
new file mode 100644
index 000000000..e3e4fde1f
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiProgressBar.vue
@@ -0,0 +1,88 @@
+<script setup lang="ts">
+/**
+ * Determinate meter. Replaces AccountView's `.bar` / `.bar__fill` and the app's only inline style,
+ * and fixes a real hole: the usage meter is currently invisible to assistive tech — no
+ * `role="progressbar"`, no values, so a screenreader user sees a number with no sense of the budget.
+ *
+ * The clamping arithmetic lives here rather than at the call site. AccountView's `barWidth()` guarded
+ * `limit > 0` to avoid a `NaN%` width; that guard is now the primitive's, so no future caller has to
+ * remember it.
+ *
+ * `tone` is caller policy, not a threshold baked in here. "Warn at 80%" is a product decision that
+ * differs per meter, so the primitive renders the tone it's given and never derives one.
+ * Motion (the width transition) is guarded globally by `base.css`'s `prefers-reduced-motion` block.
+ */
+import { computed } from 'vue';
+
+const props = withDefaults(
+	defineProps<{
+		/** Current value, in the same unit as `max`. Clamped into `[0, max]` for display. */
+		value: number;
+		/** Upper bound. A non-positive `max` renders an empty bar rather than `NaN%`. */
+		max?: number;
+		/** Required: becomes `aria-label`. A meter without a name is a defect, so there's no default. */
+		label: string;
+		/** Status colour. Non-interactive, so this is `tone`, not `variant`. Never auto-derived. */
+		tone?: 'accent' | 'warning' | 'danger';
+	}>(),
+	{ max: 100, tone: 'accent' },
+);
+
+const classes = computed(() => ['ui-progress-bar', `ui-progress-bar--${props.tone}`]);
+
+/** Guards `max <= 0` and a non-finite `value`, either of which would yield `NaN`/`Infinity`. */
+const clamped = computed(() => {
+	if (!Number.isFinite(props.value) || !Number.isFinite(props.max) || props.max <= 0) return 0;
+	return Math.min(props.max, Math.max(0, props.value));
+});
+
+/**
+ * `aria-valuenow` carries the raw clamped value, not the percentage — a screenreader says "7 of 10",
+ * so passing 70 against a max of 10 would be nonsense.
+ */
+const percent = computed(() => (props.max > 0 ? `${Math.round((clamped.value / props.max) * 100)}%` : '0%'));
+</script>
+
+<template>
+	<div
+		:class="classes"
+		role="progressbar"
+		:aria-label="label"
+		:aria-valuenow="clamped"
+		aria-valuemin="0"
+		:aria-valuemax="max"
+	>
+		<span class="ui-progress-bar__fill" :style="{ width: percent }" />
+	</div>
+</template>
+
+<style scoped>
+.ui-progress-bar {
+  /* A track thickness, not spacing — deliberately off the 4px scale rather than forced onto
+     --space-2, which would make the bar chunky. */
+  height: 8px;
+  border-radius: var(--radius-pill);
+  background: var(--color-paper-2);
+  overflow: hidden;
+}
+
+.ui-progress-bar__fill {
+  display: block;
+  height: 100%;
+  border-radius: var(--radius-pill);
+  /* Inline width from the computed percentage — unavoidable, and the only dynamic value here. */
+  transition: width var(--motion-slow) ease;
+}
+
+.ui-progress-bar--accent .ui-progress-bar__fill {
+  background: var(--color-accent);
+}
+
+.ui-progress-bar--warning .ui-progress-bar__fill {
+  background: var(--color-warning);
+}
+
+.ui-progress-bar--danger .ui-progress-bar__fill {
+  background: var(--color-danger);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiSkeleton.spec.ts b/frontend-vue/src/components/ui/UiSkeleton.spec.ts
new file mode 100644
index 000000000..622f21f4c
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiSkeleton.spec.ts
@@ -0,0 +1,79 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UiSkeleton from './UiSkeleton.vue';
+
+describe('UiSkeleton', () => {
+	it('announces once from the wrapper', () => {
+		const wrapper = mount(UiSkeleton);
+
+		expect(wrapper.attributes('role')).toBe('status');
+		expect(wrapper.attributes('aria-label')).toBe('Loading');
+	});
+
+	it('accepts a more specific label', () => {
+		const wrapper = mount(UiSkeleton, { props: { label: 'Loading websites' } });
+
+		expect(wrapper.attributes('aria-label')).toBe('Loading websites');
+	});
+
+	it('hides the shimmer bars from assistive tech', () => {
+		// The bars are decorative — the wrapper's label is the announcement. Without this, AT reads a
+		// stack of empty elements.
+		const bars = mount(UiSkeleton, { props: { lines: 2 } }).findAll('.ui-skeleton__bar');
+
+		expect(bars).toHaveLength(2);
+		for (const bar of bars) expect(bar.attributes('aria-hidden')).toBe('true');
+	});
+
+	it('renders one bar per line inside a single labelled wrapper', () => {
+		// The reason `lines` exists rather than three sibling components: three wrappers would make AT
+		// announce "Loading" three times.
+		const wrapper = mount(UiSkeleton, { props: { lines: 3 } });
+
+		expect(wrapper.findAll('.ui-skeleton__bar')).toHaveLength(3);
+		expect(wrapper.findAll('[role="status"]')).toHaveLength(1);
+	});
+
+	it('renders at least one bar for a nonsensical line count', () => {
+		expect(mount(UiSkeleton, { props: { lines: 0 } }).findAll('.ui-skeleton__bar')).toHaveLength(1);
+		expect(mount(UiSkeleton, { props: { lines: -2 } }).findAll('.ui-skeleton__bar')).toHaveLength(1);
+	});
+
+	it('lands shape as a modifier class on the bars', () => {
+		const line = mount(UiSkeleton).find('.ui-skeleton__bar');
+		const block = mount(UiSkeleton, { props: { shape: 'block' } }).find('.ui-skeleton__bar');
+
+		expect(line.classes()).toContain('ui-skeleton__bar--line');
+		expect(block.classes()).toContain('ui-skeleton__bar--block');
+	});
+
+	it('passes width and height through as inline styles', () => {
+		// The one accepted :style in a primitive — asserting it's wired, not what it paints.
+		const bar = mount(UiSkeleton, { props: { width: '40%', height: '1.1rem' } }).find('.ui-skeleton__bar');
+
+		expect(bar.attributes('style')).toContain('width: 40%');
+		expect(bar.attributes('style')).toContain('height: 1.1rem');
+	});
+
+	it('is a hidden part of a larger placeholder when decorative', () => {
+		// A composite placeholder owns the one status region; its bars must not each announce.
+		const wrapper = mount(UiSkeleton, { props: { decorative: true } });
+
+		expect(wrapper.attributes('role')).toBeUndefined();
+		expect(wrapper.attributes('aria-label')).toBeUndefined();
+		expect(wrapper.attributes('aria-hidden')).toBe('true');
+	});
+
+	it('lands the control and circle shapes as modifier classes', () => {
+		expect(
+			mount(UiSkeleton, { props: { shape: 'control' } })
+				.find('.ui-skeleton__bar')
+				.classes(),
+		).toContain('ui-skeleton__bar--control');
+		expect(
+			mount(UiSkeleton, { props: { shape: 'circle' } })
+				.find('.ui-skeleton__bar')
+				.classes(),
+		).toContain('ui-skeleton__bar--circle');
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiSkeleton.stories.ts b/frontend-vue/src/components/ui/UiSkeleton.stories.ts
new file mode 100644
index 000000000..e2a16a52c
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiSkeleton.stories.ts
@@ -0,0 +1,83 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import UiSkeleton from './UiSkeleton.vue';
+
+/**
+ * Loading placeholder, owning the `@keyframes shimmer` that was copy-pasted into four views.
+ *
+ * The radius drift between those copies became the `shape` prop instead of being arbitrated: a text
+ * line wants a pill, a 3rem content block wants panel radius. `width`/`height` pass through as
+ * inline styles — the one accepted `:style` in a primitive, because the call sites need percentages
+ * of an arbitrary container.
+ *
+ * The wrapper is a single `role="status"` region with the bars `aria-hidden`, so a three-line
+ * skeleton announces "Loading" once. Toggle the OS "reduce motion" setting to check `base.css`'s
+ * guard: the shimmer should stop.
+ */
+const meta = {
+	title: 'UI/Skeleton',
+	component: UiSkeleton,
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+	args: { shape: 'line', lines: 1 },
+	argTypes: {
+		shape: { control: 'inline-radio', options: ['line', 'block'] },
+		lines: { control: { type: 'number', min: 1, max: 6 } },
+	},
+} satisfies Meta<typeof UiSkeleton>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** A single text line at the default height. */
+export const Default: Story = {};
+
+/**
+ * The real shape of a card skeleton in WebsitesView: a short title over a longer body line.
+ *
+ * Two separate bars means two `role="status"` regions, so this is the case where a view should
+ * reach for `lines` — or give the wrapper the specific label and accept the second generic one.
+ */
+export const CardPlaceholder: Story = {
+	render: () => ({
+		components: { UiSkeleton },
+		template: `
+      <div style="display: grid; gap: 0.75rem; max-width: 22rem;">
+        <UiSkeleton label="Loading websites" width="40%" height="1.1rem" />
+        <UiSkeleton width="75%" height="0.85rem" />
+      </div>
+    `,
+	}),
+};
+
+/** `lines: 3` — three bars inside one labelled wrapper, so AT announces "Loading" once. */
+export const MultipleLines: Story = { args: { lines: 3, width: '75%' } };
+
+/** `shape: 'block'` — WebsiteDetailView's 3rem area, which wants panel radius, not a pill. */
+export const Block: Story = { args: { shape: 'block', height: '3rem' } };
+
+/** Both shapes, alone and stacked. The matrix is what catches a radius regressing to one value. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiSkeleton },
+		template: `
+      <div style="display: grid; gap: 1.5rem; max-width: 26rem;">
+        <div>
+          <code style="font-size: 0.75rem; color: var(--color-muted);">line · 1</code>
+          <UiSkeleton width="40%" height="1.1rem" />
+        </div>
+        <div>
+          <code style="font-size: 0.75rem; color: var(--color-muted);">line · 3</code>
+          <UiSkeleton :lines="3" width="75%" height="0.85rem" />
+        </div>
+        <div>
+          <code style="font-size: 0.75rem; color: var(--color-muted);">block · 1</code>
+          <UiSkeleton shape="block" height="3rem" />
+        </div>
+        <div>
+          <code style="font-size: 0.75rem; color: var(--color-muted);">block · 2</code>
+          <UiSkeleton shape="block" :lines="2" height="3rem" />
+        </div>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiSkeleton.vue b/frontend-vue/src/components/ui/UiSkeleton.vue
new file mode 100644
index 000000000..f925fc9c0
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiSkeleton.vue
@@ -0,0 +1,126 @@
+<script setup lang="ts">
+/**
+ * Loading placeholder. Owns the canonical `@keyframes shimmer` and replaces the four hand-rolled
+ * `.sk` blocks, which agreed on the gradient byte-for-byte and disagreed only on radius.
+ *
+ * That radius drift became the `shape` prop rather than being arbitrated away: three views want a
+ * pill (text lines), while WebsiteDetailView's 3rem-tall block genuinely wants panel radius. Both
+ * are right for their content.
+ *
+ * **A11y is half the point.** All four skeleton screens in the app announce nothing today. The
+ * wrapper carries `role="status"` and a label *once*, and the bars are `aria-hidden` — so `lines: 3`
+ * announces "Loading" once, not three times. Motion is guarded globally by `base.css`'s
+ * `prefers-reduced-motion` block; there's deliberately no local media query.
+ *
+ * `decorative` is the other half of that rule for composite placeholders (the
+ * `components/skeletons/Placeholder*` screens): a page-shaped skeleton is dozens of bars of
+ * different sizes, which can't be one `lines` stack. There the placeholder's root owns the single
+ * `role="status"` region and every UiSkeleton inside it is `decorative` — no role, no label,
+ * `aria-hidden` — so the screen still announces once.
+ */
+import { computed } from 'vue';
+
+const props = withDefaults(
+	defineProps<{
+		/** CSS width, applied inline. The call sites need `40%`, `75%`, `60%`, `50%` — no token fits. */
+		width?: string;
+		/** CSS height, applied inline. The call sites need `1.1rem`, `0.85rem`, `3rem`. */
+		height?: string;
+		/**
+		 * Geometry only. `line` for text placeholders, `block` for a panel-shaped area, `control` for a
+		 * button- or field-shaped area (control radius), `circle` for an avatar or icon button.
+		 */
+		shape?: 'line' | 'block' | 'control' | 'circle';
+		/** Bars to render inside the one labelled wrapper. */
+		lines?: number;
+		/** Announced while loading. Read once for the whole wrapper, however many bars it holds. */
+		label?: string;
+		/**
+		 * Renders as a hidden part of a larger placeholder that owns the `role="status"` region: no
+		 * role, no label, `aria-hidden`. Without it, every bar of a composite skeleton announces.
+		 */
+		decorative?: boolean;
+	}>(),
+	{ shape: 'line', lines: 1, label: 'Loading', decorative: false },
+);
+
+const barClasses = computed(() => ['ui-skeleton__bar', `ui-skeleton__bar--${props.shape}`]);
+
+/**
+ * `width`/`height` as pass-through inline styles are **the one accepted `:style` in a primitive** —
+ * the real call sites need seven distinct values (`40%`, `75%`, `60%`, `50%`, `1.1rem`, `0.85rem`,
+ * `3rem`) and no fixed token set covers percentages of an arbitrary container. Not a convention
+ * breach; the convention is that colour never comes from here, and it doesn't.
+ */
+const barStyle = computed(() => ({ width: props.width, height: props.height }));
+
+/** `lines` is a count, so a non-positive or fractional value would render nonsense. */
+const count = computed(() => Math.max(1, Math.floor(props.lines)));
+
+const wrapperA11y = computed(() =>
+	props.decorative ? { 'aria-hidden': 'true' as const } : { role: 'status', 'aria-label': props.label },
+);
+</script>
+
+<template>
+	<div class="ui-skeleton" v-bind="wrapperA11y">
+		<span
+			v-for="line in count"
+			:key="line"
+			:class="barClasses"
+			:style="barStyle"
+			aria-hidden="true"
+		/>
+	</div>
+</template>
+
+<style scoped>
+.ui-skeleton {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.ui-skeleton__bar {
+  display: block;
+  /* Fallback size for a bar given neither width nor height: a full-width text line. */
+  width: 100%;
+  height: var(--text-sm);
+  background: linear-gradient(
+    90deg,
+    var(--color-paper-2) 25%,
+    var(--color-line) 37%,
+    var(--color-paper-2) 63%
+  );
+  /* 400% of the bar width is what makes the highlight read as a sweep rather than a flicker: the
+     gradient is four bars wide, so only one band is visible at a time. */
+  background-size: 400% 100%;
+  animation: shimmer var(--shimmer-duration) ease infinite;
+}
+
+.ui-skeleton__bar--line {
+  border-radius: var(--radius-pill);
+}
+
+.ui-skeleton__bar--block {
+  border-radius: var(--radius-panel);
+}
+
+.ui-skeleton__bar--control {
+  border-radius: var(--radius-control);
+}
+
+.ui-skeleton__bar--circle {
+  flex-shrink: 0;
+  border-radius: 50%;
+}
+
+@keyframes shimmer {
+  0% {
+    background-position: 100% 0;
+  }
+  100% {
+    background-position: -100% 0;
+  }
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiSpinner.spec.ts b/frontend-vue/src/components/ui/UiSpinner.spec.ts
new file mode 100644
index 000000000..f5360c14d
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiSpinner.spec.ts
@@ -0,0 +1,28 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UiSpinner from './UiSpinner.vue';
+
+describe('UiSpinner', () => {
+	it('is decorative when unlabelled', () => {
+		// The in-button case: the button already carries aria-busy and its own label, so a second
+		// announcement would be noise.
+		const wrapper = mount(UiSpinner);
+
+		expect(wrapper.attributes('aria-hidden')).toBe('true');
+		expect(wrapper.attributes('role')).toBeUndefined();
+	});
+
+	it('announces when labelled', () => {
+		const wrapper = mount(UiSpinner, { props: { label: 'Loading websites' } });
+
+		expect(wrapper.attributes('role')).toBe('status');
+		expect(wrapper.attributes('aria-hidden')).toBeUndefined();
+		expect(wrapper.text()).toBe('Loading websites');
+	});
+
+	it('lands size as a modifier class', () => {
+		expect(mount(UiSpinner, { props: { size: 'sm' } }).classes()).toContain('ui-spinner--size-sm');
+		expect(mount(UiSpinner).classes()).toContain('ui-spinner--size-md');
+		expect(mount(UiSpinner, { props: { size: 'lg' } }).classes()).toContain('ui-spinner--size-lg');
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiSpinner.stories.ts b/frontend-vue/src/components/ui/UiSpinner.stories.ts
new file mode 100644
index 000000000..7ce2437a3
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiSpinner.stories.ts
@@ -0,0 +1,62 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import UiButton from './UiButton.vue';
+import UiSpinner from './UiSpinner.vue';
+
+/**
+ * The single spin animation, owning the `@keyframes spin` that was copy-pasted into two views.
+ *
+ * It lands in Phase 3 ahead of the other status primitives because `UiButton`'s `loading` state
+ * mounts it. The ring inherits `currentColor`, which is why it needs no per-variant styling inside
+ * a button.
+ *
+ * Toggle the OS "reduce motion" setting to check the guard in `base.css`: the ring should stop
+ * rather than spin.
+ */
+const meta = {
+	title: 'UI/Spinner',
+	component: UiSpinner,
+	tags: ['autodocs'],
+	args: { size: 'md' },
+	argTypes: { size: { control: 'inline-radio', options: ['sm', 'md', 'lg'] } },
+} satisfies Meta<typeof UiSpinner>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** Unlabelled, so `aria-hidden` — the in-button case, where the button announces instead. */
+export const Default: Story = {};
+
+/** Labelled, so `role="status"` with a visually-hidden name — for a standalone page spinner. */
+export const Labelled: Story = { args: { label: 'Loading websites' } };
+
+/** Inside a button, where it inherits the label colour on every variant. */
+export const InsideAButton: Story = {
+	render: () => ({
+		components: { UiButton },
+		template: `
+      <div style="display: flex; gap: 1rem; align-items: center;">
+        <UiButton loading>Publishing</UiButton>
+        <UiButton variant="secondary" loading>Publishing</UiButton>
+        <UiButton variant="ghost" size="sm" loading>Publishing</UiButton>
+      </div>
+    `,
+	}),
+};
+
+/** Every size, standalone and in-button, on the current colour. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiSpinner, UiButton },
+		template: `
+      <div style="display: flex; gap: 2rem; align-items: center; color: var(--color-ink);">
+        <UiSpinner size="sm" />
+        <UiSpinner size="md" />
+        <UiSpinner size="lg" />
+        <span style="color: var(--color-accent);"><UiSpinner size="md" /></span>
+        <UiButton size="sm" loading>Small</UiButton>
+        <UiButton size="md" loading>Medium</UiButton>
+        <UiButton size="lg" loading>Large</UiButton>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiSpinner.vue b/frontend-vue/src/components/ui/UiSpinner.vue
new file mode 100644
index 000000000..345c18a7f
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiSpinner.vue
@@ -0,0 +1,92 @@
+<script setup lang="ts">
+/**
+ * The single spin animation. Two `@keyframes spin` copies live in the views today; this owns the
+ * canonical one, and `design-tokens.spec.ts`'s keyframe budget ratchets down as they migrate.
+ *
+ * Landed in Phase 3 rather than Phase 5 because `UiButton`'s `loading` state mounts it.
+ *
+ * Announcement is opt-in via `label`: a spinner inside a button is decorative (the button already
+ * carries `aria-busy` and its own label), while a standalone page spinner is the only thing on
+ * screen and must announce. Guarded globally by `base.css`'s `prefers-reduced-motion` block.
+ */
+import { computed } from 'vue';
+
+const props = withDefaults(
+	defineProps<{
+		/**
+		 * Geometry only. `sm` sits inside `sm`/`md` buttons; `md` for standalone use; `lg` for a
+		 * loader centred over a whole panel (AppContentLoader).
+		 */
+		size?: 'sm' | 'md' | 'lg';
+		/** Announces the busy state via `role="status"`. Omit inside a button, which announces itself. */
+		label?: string;
+	}>(),
+	{ size: 'md' },
+);
+
+const classes = computed(() => ['ui-spinner', `ui-spinner--size-${props.size}`]);
+</script>
+
+<template>
+	<span
+		:class="classes"
+		:role="label ? 'status' : undefined"
+		:aria-hidden="label ? undefined : 'true'"
+	>
+		<span class="ui-spinner__ring" />
+		<span v-if="label" class="ui-spinner__label">{{ label }}</span>
+	</span>
+</template>
+
+<style scoped>
+.ui-spinner {
+  display: inline-flex;
+  align-items: center;
+}
+
+.ui-spinner__ring {
+  display: block;
+  border-radius: var(--radius-pill);
+  /* currentColor on three sides, transparent on the fourth: the gap is what reads as motion, and
+     inheriting the colour means the spinner needs no per-variant styling inside a button. */
+  border: 2px solid currentColor;
+  border-top-color: transparent;
+  opacity: 0.85;
+  animation: spin var(--spin-duration) linear infinite;
+}
+
+.ui-spinner--size-sm .ui-spinner__ring {
+  width: 0.85rem;
+  height: 0.85rem;
+}
+
+.ui-spinner--size-md .ui-spinner__ring {
+  width: 1.1rem;
+  height: 1.1rem;
+}
+
+.ui-spinner--size-lg .ui-spinner__ring {
+  width: var(--space-8);
+  height: var(--space-8);
+  border-width: 3px;
+}
+
+/* Announced but not seen — the ring is the visual, the text is for AT. */
+.ui-spinner__label {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiTab.vue b/frontend-vue/src/components/ui/UiTab.vue
new file mode 100644
index 000000000..5e9ddd8f4
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiTab.vue
@@ -0,0 +1,113 @@
+<script setup lang="ts">
+/**
+ * One tab in a `UiTabs` list. Must be placed in the parent's `tabs` slot.
+ *
+ * Carries the ARIA a bare `<button>` in a `role="tablist"` is missing: `role="tab"`,
+ * `aria-selected`, and `aria-controls` pointing at its panel.
+ */
+import { computed, inject, onBeforeUnmount, onMounted, toRef } from 'vue';
+import { TABS_CONTEXT } from './tabsContext';
+
+const props = withDefaults(
+	defineProps<{
+		/** Identifies this tab. Matches the parent's `modelValue` and its `UiTabPanel`'s `value`. */
+		value: string;
+		/** Skipped by Arrow/Home/End navigation and not selectable. */
+		disabled?: boolean;
+		/**
+		 * Id of the region this tab controls, when it is not a sibling `UiTabPanel`.
+		 *
+		 * For the mode-switch shape: several tabs re-configuring one shared region rather than
+		 * revealing separate panels. `aria-controls` must still resolve to a real element, so pass the
+		 * shared region's id here instead of leaving it pointing at a panel that was never rendered.
+		 */
+		controls?: string;
+	}>(),
+	{ disabled: false },
+);
+
+const tabs = inject(TABS_CONTEXT);
+if (!tabs) throw new Error('[UiTab] must be used inside a UiTabs `tabs` slot.');
+
+const disabledRef = toRef(props, 'disabled');
+onMounted(() => tabs.register(props.value, disabledRef));
+onBeforeUnmount(() => tabs.unregister(props.value));
+
+const isSelected = computed(() => tabs.selected.value === props.value);
+
+/** Roving tabindex: only the selected tab is in the tab order; arrows reach the rest. */
+const tabIndex = computed(() => (isSelected.value ? 0 : -1));
+
+const classes = computed(() => [
+	'ui-tab',
+	{ 'ui-tab--selected': isSelected.value, 'ui-tab--disabled': props.disabled },
+]);
+
+function onKeydown(event: KeyboardEvent) {
+	// Horizontal list, so Left/Right. Home/End jump to the ends; both wrap via the parent.
+	const moves = {
+		ArrowRight: 'next',
+		ArrowLeft: 'prev',
+		Home: 'first',
+		End: 'last',
+	} as const;
+	const direction = moves[event.key as keyof typeof moves];
+	if (!direction) return;
+	event.preventDefault();
+	tabs?.moveFocus(props.value, direction);
+}
+</script>
+
+<template>
+	<button
+		:id="tabs?.tabId(value)"
+		type="button"
+		role="tab"
+		:class="classes"
+		:aria-selected="isSelected"
+		:aria-controls="controls ?? tabs?.panelId(value)"
+		:tabindex="tabIndex"
+		:disabled="disabled"
+		@click="tabs?.select(value)"
+		@keydown="onKeydown"
+	>
+		<slot />
+	</button>
+</template>
+
+<style scoped>
+.ui-tab {
+  padding: var(--space-2) var(--space-3);
+  border: 1px solid transparent;
+  border-radius: var(--radius-control);
+  background: transparent;
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--color-muted);
+  cursor: pointer;
+  transition:
+    background var(--motion-fast) var(--ease-out),
+    color var(--motion-fast) var(--ease-out);
+}
+
+.ui-tab:hover:not(.ui-tab--selected):not(.ui-tab--disabled) {
+  background: var(--color-paper);
+  color: var(--color-ink-soft);
+}
+
+.ui-tab--selected {
+  background: var(--color-surface);
+  border-color: var(--color-line);
+  color: var(--color-ink);
+}
+
+.ui-tab--disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+
+.ui-tab:focus-visible {
+  outline: none;
+  box-shadow: var(--ring-focus);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiTabPanel.vue b/frontend-vue/src/components/ui/UiTabPanel.vue
new file mode 100644
index 000000000..efdeeb8c1
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiTabPanel.vue
@@ -0,0 +1,41 @@
+<script setup lang="ts">
+/**
+ * The panel a `UiTab` controls. Rendered only while its tab is selected.
+ *
+ * `tabindex="0"` is deliberate and required by the APG: when a panel holds no focusable content,
+ * it must itself be focusable so a keyboard user can reach the content the tab just revealed.
+ */
+import { computed, inject } from 'vue';
+import { TABS_CONTEXT } from './tabsContext';
+
+const props = defineProps<{
+	/** Matches the `value` of the `UiTab` that controls this panel. */
+	value: string;
+}>();
+
+const tabs = inject(TABS_CONTEXT);
+if (!tabs) throw new Error('[UiTabPanel] must be used inside a UiTabs default slot.');
+
+const isSelected = computed(() => tabs.selected.value === props.value);
+</script>
+
+<template>
+	<div
+		v-if="isSelected"
+		:id="tabs?.panelId(value)"
+		class="ui-tab-panel"
+		role="tabpanel"
+		:aria-labelledby="tabs?.tabId(value)"
+		tabindex="0"
+	>
+		<slot />
+	</div>
+</template>
+
+<style scoped>
+.ui-tab-panel:focus-visible {
+  outline: none;
+  box-shadow: var(--ring-focus);
+  border-radius: var(--radius-control);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiTabs.spec.ts b/frontend-vue/src/components/ui/UiTabs.spec.ts
new file mode 100644
index 000000000..848aaf5b0
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiTabs.spec.ts
@@ -0,0 +1,158 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UiTab from './UiTab.vue';
+import UiTabPanel from './UiTabPanel.vue';
+import UiTabs from './UiTabs.vue';
+
+/**
+ * Mounts a three-tab list wired the way a view would, with `v-model` emulated so selection
+ * actually moves — the keyboard assertions below are meaningless against a frozen `modelValue`.
+ */
+function mountTabs(options: { disabled?: string; selected?: string } = {}) {
+	return mount(
+		{
+			components: { UiTabs, UiTab, UiTabPanel },
+			data: () => ({ selected: options.selected ?? 'edit' }),
+			props: { disabledValue: { type: String, default: options.disabled } },
+			template: `
+        <UiTabs v-model="selected" label="Composer mode">
+          <template #tabs>
+            <UiTab value="edit" :disabled="disabledValue === 'edit'">Ask for a change</UiTab>
+            <UiTab value="chat" :disabled="disabledValue === 'chat'">Chat</UiTab>
+            <UiTab value="history" :disabled="disabledValue === 'history'">History</UiTab>
+          </template>
+          <UiTabPanel value="edit">Edit panel</UiTabPanel>
+          <UiTabPanel value="chat">Chat panel</UiTabPanel>
+          <UiTabPanel value="history">History panel</UiTabPanel>
+        </UiTabs>
+      `,
+		},
+		{ props: { disabledValue: options.disabled }, attachTo: document.body },
+	);
+}
+
+/** Indexed lookup that satisfies `noUncheckedIndexedAccess` and fails loudly rather than silently. */
+function tabAt(wrapper: ReturnType<typeof mountTabs>, index: number) {
+	const tab = wrapper.findAll('[role="tab"]')[index];
+	if (!tab) throw new Error(`No tab at index ${index}`);
+	return tab;
+}
+
+describe('UiTabs', () => {
+	it('builds a valid ARIA tree: a tablist of tabs, each controlling its panel', () => {
+		const wrapper = mountTabs();
+		const list = wrapper.get('[role="tablist"]');
+		const tabs = wrapper.findAll('[role="tab"]');
+
+		// The defect this component exists to fix: a tablist with zero role="tab" children.
+		expect(tabs).toHaveLength(3);
+		expect(list.attributes('aria-label')).toBe('Composer mode');
+
+		const panel = wrapper.get('[role="tabpanel"]');
+		expect(tabAt(wrapper, 0).attributes('aria-controls')).toBe(panel.attributes('id'));
+		expect(panel.attributes('aria-labelledby')).toBe(tabAt(wrapper, 0).attributes('id'));
+	});
+
+	it('marks only the selected tab aria-selected', () => {
+		const wrapper = mountTabs({ selected: 'chat' });
+		const selected = wrapper.findAll('[role="tab"]').map((t) => t.attributes('aria-selected'));
+
+		expect(selected).toEqual(['false', 'true', 'false']);
+	});
+
+	it('renders only the selected panel', () => {
+		const wrapper = mountTabs({ selected: 'chat' });
+
+		expect(wrapper.findAll('[role="tabpanel"]')).toHaveLength(1);
+		expect(wrapper.get('[role="tabpanel"]').text()).toBe('Chat panel');
+	});
+
+	it('gives exactly one tab a tabindex of 0 (roving tabindex)', () => {
+		const wrapper = mountTabs();
+		const tabIndexes = wrapper.findAll('[role="tab"]').map((t) => t.attributes('tabindex'));
+
+		expect(tabIndexes).toEqual(['0', '-1', '-1']);
+	});
+
+	it('selects on click', async () => {
+		const wrapper = mountTabs();
+
+		await tabAt(wrapper, 1).trigger('click');
+
+		expect(wrapper.get('[role="tabpanel"]').text()).toBe('Chat panel');
+	});
+
+	it('moves to the next tab on ArrowRight', async () => {
+		const wrapper = mountTabs();
+
+		await tabAt(wrapper, 0).trigger('keydown', { key: 'ArrowRight' });
+
+		expect(tabAt(wrapper, 1).attributes('aria-selected')).toBe('true');
+	});
+
+	it('moves DOM focus along with selection, not just aria-selected', async () => {
+		// The roving tabindex is only half the pattern; without focus actually moving, a keyboard user
+		// sees the selection change while their focus stays behind on the old tab.
+		const wrapper = mountTabs();
+
+		await tabAt(wrapper, 0).trigger('keydown', { key: 'ArrowRight' });
+
+		// Compared by id, not element identity: the re-render swaps the DOM node behind the wrapper.
+		expect(document.activeElement?.id).toBe(tabAt(wrapper, 1).attributes('id'));
+	});
+
+	it('wraps from the last tab to the first on ArrowRight', async () => {
+		const wrapper = mountTabs({ selected: 'history' });
+
+		await tabAt(wrapper, 2).trigger('keydown', { key: 'ArrowRight' });
+
+		expect(tabAt(wrapper, 0).attributes('aria-selected')).toBe('true');
+	});
+
+	it('wraps from the first tab to the last on ArrowLeft', async () => {
+		const wrapper = mountTabs();
+
+		await tabAt(wrapper, 0).trigger('keydown', { key: 'ArrowLeft' });
+
+		expect(tabAt(wrapper, 2).attributes('aria-selected')).toBe('true');
+	});
+
+	it('jumps to the ends with Home and End', async () => {
+		const wrapper = mountTabs({ selected: 'chat' });
+
+		await tabAt(wrapper, 1).trigger('keydown', { key: 'End' });
+		expect(tabAt(wrapper, 2).attributes('aria-selected')).toBe('true');
+
+		await tabAt(wrapper, 2).trigger('keydown', { key: 'Home' });
+		expect(tabAt(wrapper, 0).attributes('aria-selected')).toBe('true');
+	});
+
+	it('skips a disabled tab when navigating', async () => {
+		const wrapper = mountTabs({ disabled: 'chat' });
+
+		await tabAt(wrapper, 0).trigger('keydown', { key: 'ArrowRight' });
+
+		// 'chat' sits between them and is disabled, so ArrowRight lands on 'history'.
+		expect(tabAt(wrapper, 2).attributes('aria-selected')).toBe('true');
+	});
+
+	it('disables the disabled tab natively', () => {
+		const wrapper = mountTabs({ disabled: 'chat' });
+
+		expect(tabAt(wrapper, 1).attributes('disabled')).toBeDefined();
+	});
+
+	it('ignores keys it does not handle', async () => {
+		const wrapper = mountTabs();
+
+		await tabAt(wrapper, 0).trigger('keydown', { key: 'a' });
+
+		expect(tabAt(wrapper, 0).attributes('aria-selected')).toBe('true');
+	});
+
+	it('makes the panel focusable, per the APG, for panels with no focusable content', () => {
+		const wrapper = mountTabs();
+
+		expect(wrapper.get('[role="tabpanel"]').attributes('tabindex')).toBe('0');
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiTabs.stories.ts b/frontend-vue/src/components/ui/UiTabs.stories.ts
new file mode 100644
index 000000000..9605f18dc
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiTabs.stories.ts
@@ -0,0 +1,127 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { ref } from 'vue';
+import UiTab from './UiTab.vue';
+import UiTabPanel from './UiTabPanel.vue';
+import UiTabs from './UiTabs.vue';
+
+/**
+ * Tab list with roving `tabindex` and APG keyboard navigation.
+ *
+ * Exists because its one call site is *currently broken ARIA*: `WebsiteDetailView`'s composer-mode
+ * switcher is a `role="tablist"` wrapping plain buttons — no `role="tab"`, no `aria-selected`, no
+ * `aria-controls` — so a screenreader announces a tab list with zero tabs. Fixing it inline meant
+ * writing this keyboard handling anyway; here it is testable.
+ *
+ * Keyboard: **←/→** move and wrap, **Home/End** jump to the ends, disabled tabs are skipped, and
+ * only the selected tab is in the tab order. Selection follows focus.
+ *
+ * Composition is two slots: tabs go in `#tabs`, panels in the default slot.
+ */
+const meta = {
+	title: 'UI/Tabs',
+	component: UiTabs,
+	subcomponents: { UiTab, UiTabPanel },
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+	args: { modelValue: 'edit', label: 'Composer mode' },
+} satisfies Meta<typeof UiTabs>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/** Click a tab, then use ←/→ and Home/End — selection follows focus. */
+export const Default: Story = {
+	render: (args) => ({
+		components: { UiTabs, UiTab, UiTabPanel },
+		setup: () => {
+			const selected = ref('edit');
+			return { args, selected };
+		},
+		template: `
+      <UiTabs v-model="selected" :label="args.label">
+        <template #tabs>
+          <UiTab value="edit">Ask for a change</UiTab>
+          <UiTab value="chat">Chat</UiTab>
+          <UiTab value="history">History</UiTab>
+        </template>
+
+        <UiTabPanel value="edit">Describe the change you want and the AI will apply it.</UiTabPanel>
+        <UiTabPanel value="chat">Message your teammates about this site.</UiTabPanel>
+        <UiTabPanel value="history">Every generation, newest first.</UiTabPanel>
+      </UiTabs>
+    `,
+	}),
+};
+
+/**
+ * The real WebsiteDetailView shape: chat is unavailable until the live connection is up. Arrow
+ * from "Ask for a change" — focus skips the disabled tab entirely rather than landing on a dead one.
+ */
+export const WithDisabledTab: Story = {
+	render: (args) => ({
+		components: { UiTabs, UiTab, UiTabPanel },
+		setup: () => {
+			const selected = ref('edit');
+			return { args, selected };
+		},
+		template: `
+      <UiTabs v-model="selected" :label="args.label">
+        <template #tabs>
+          <UiTab value="edit">Ask for a change</UiTab>
+          <UiTab value="chat" disabled>Chat (offline)</UiTab>
+          <UiTab value="history">History</UiTab>
+        </template>
+
+        <UiTabPanel value="edit">Describe the change you want.</UiTabPanel>
+        <UiTabPanel value="chat">Unreachable while disabled.</UiTabPanel>
+        <UiTabPanel value="history">Every generation, newest first.</UiTabPanel>
+      </UiTabs>
+    `,
+	}),
+};
+
+/** Two tabs, the minimum that earns the pattern — a mode switch rather than navigation. */
+export const TwoTabs: Story = {
+	render: (args) => ({
+		components: { UiTabs, UiTab, UiTabPanel },
+		setup: () => {
+			const selected = ref('preview');
+			return { args, selected };
+		},
+		template: `
+      <UiTabs v-model="selected" label="View mode">
+        <template #tabs>
+          <UiTab value="preview">Preview</UiTab>
+          <UiTab value="code">Code</UiTab>
+        </template>
+
+        <UiTabPanel value="preview">The rendered site.</UiTabPanel>
+        <UiTabPanel value="code">The generated source.</UiTabPanel>
+      </UiTabs>
+    `,
+	}),
+};
+
+/** Every tab state at once — resting, selected, disabled — to catch drift between them. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiTabs, UiTab, UiTabPanel },
+		setup: () => {
+			const selected = ref('selected');
+			return { selected };
+		},
+		template: `
+      <UiTabs v-model="selected" label="Tab states">
+        <template #tabs>
+          <UiTab value="selected">Selected</UiTab>
+          <UiTab value="resting">Resting</UiTab>
+          <UiTab value="disabled" disabled>Disabled</UiTab>
+        </template>
+
+        <UiTabPanel value="selected">The selected tab is the only one in the tab order.</UiTabPanel>
+        <UiTabPanel value="resting">Reachable with ← and →, not with Tab.</UiTabPanel>
+        <UiTabPanel value="disabled">Never reachable.</UiTabPanel>
+      </UiTabs>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiTabs.vue b/frontend-vue/src/components/ui/UiTabs.vue
new file mode 100644
index 000000000..b4c6232d8
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiTabs.vue
@@ -0,0 +1,111 @@
+<script setup lang="ts">
+/**
+ * Tab list with roving `tabindex` and full keyboard navigation.
+ *
+ * One call site would not normally justify an abstraction — but that call site is *currently broken
+ * ARIA*: `WebsiteDetailView`'s composer-mode switcher is a `role="tablist"` wrapping plain buttons
+ * with no `role="tab"`, no `aria-selected` and no `aria-controls`, so a screenreader announces a tab
+ * list containing zero tabs. Fixing it inline means writing this keyboard handling anyway; in a
+ * primitive it is the same code and it is testable.
+ *
+ * Roving `tabindex` (exactly one tab in the tab order, arrows move between them) is the APG pattern.
+ * The alternative — every tab tabbable — makes a 5-tab bar cost 5 Tab presses to step past.
+ */
+import { computed, provide, type Ref, useId } from 'vue';
+import { TABS_CONTEXT } from './tabsContext';
+
+const props = defineProps<{
+	/** The selected tab's `value`. Two-way via `v-model`. */
+	modelValue: string;
+	/** Accessible name for the tab list, e.g. "Composer mode". */
+	label: string;
+}>();
+
+const emit = defineEmits<{ 'update:modelValue': [string] }>();
+
+const uid = useId();
+const tabId = (value: string) => `${uid}-tab-${value}`;
+const panelId = (value: string) => `${uid}-panel-${value}`;
+
+/**
+ * Registration order is DOM order, which is what Arrow keys must follow. A plain array holding the
+ * children's `disabled` refs rather than a DOM query: it stays correct under `v-if`/`v-for`, and it
+ * is deliberately non-reactive — nothing renders from it, `moveFocus` just reads it on keypress.
+ */
+const tabs: Array<{ value: string; disabled: Ref<boolean> }> = [];
+
+function register(value: string, disabled: Ref<boolean>) {
+	if (!tabs.some((tab) => tab.value === value)) tabs.push({ value, disabled });
+}
+
+function unregister(value: string) {
+	const index = tabs.findIndex((tab) => tab.value === value);
+	if (index !== -1) tabs.splice(index, 1);
+}
+
+function select(value: string) {
+	if (value !== props.modelValue) emit('update:modelValue', value);
+}
+
+/**
+ * Selection follows focus, per the APG's default for tab lists whose panels are cheap to render.
+ * Focus is moved imperatively because the roving `tabindex` only updates after the re-render.
+ */
+function moveFocus(from: string, direction: 'next' | 'prev' | 'first' | 'last') {
+	const enabled = tabs.filter((tab) => !tab.disabled.value);
+	const first = enabled[0];
+	const last = enabled[enabled.length - 1];
+	if (!first || !last) return;
+
+	let target: string;
+	if (direction === 'first') {
+		target = first.value;
+	} else if (direction === 'last') {
+		target = last.value;
+	} else {
+		// -1 only if `from` is not in `enabled` — unreachable via the keyboard, since a disabled tab
+		// is natively `disabled` and so fires no keydown. Handled anyway: -1 + step still resolves to
+		// a valid index through the modulo, and the `?? first` below backstops it.
+		const currentIndex = enabled.findIndex((tab) => tab.value === from);
+		const step = direction === 'next' ? 1 : -1;
+		// Wraps at both ends — (i + step + n) % n keeps the index positive for `prev` at 0.
+		const nextIndex = (currentIndex + step + enabled.length) % enabled.length;
+		target = (enabled[nextIndex] ?? first).value;
+	}
+
+	select(target);
+	document.getElementById(tabId(target))?.focus();
+}
+
+provide(TABS_CONTEXT, {
+	selected: computed(() => props.modelValue),
+	select,
+	register,
+	unregister,
+	moveFocus,
+	tabId,
+	panelId,
+});
+</script>
+
+<template>
+	<div class="ui-tabs">
+		<div class="ui-tabs__list" role="tablist" :aria-label="label">
+			<slot name="tabs" />
+		</div>
+		<slot />
+	</div>
+</template>
+
+<style scoped>
+.ui-tabs {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+}
+
+.ui-tabs__list {
+  display: flex;
+  gap: var(--space-1);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/__tests__/a11y.spec.ts b/frontend-vue/src/components/ui/__tests__/a11y.spec.ts
new file mode 100644
index 000000000..a98e8cf76
--- /dev/null
+++ b/frontend-vue/src/components/ui/__tests__/a11y.spec.ts
@@ -0,0 +1,420 @@
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+import { defineComponent, h } from 'vue';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import UiAlert from '../UiAlert.vue';
+import UiBadge from '../UiBadge.vue';
+import UiButton from '../UiButton.vue';
+import UiCard from '../UiCard.vue';
+import UiChip from '../UiChip.vue';
+import UiConfirmDialog from '../UiConfirmDialog.vue';
+import UiDrawer from '../UiDrawer.vue';
+import UiField from '../UiField.vue';
+import UiIcon from '../UiIcon.vue';
+import UiIconButton from '../UiIconButton.vue';
+import UiInput from '../UiInput.vue';
+import UiMenu from '../UiMenu.vue';
+import UiMenuItem from '../UiMenuItem.vue';
+import UiModal from '../UiModal.vue';
+import UiPageShell from '../UiPageShell.vue';
+import UiProgressBar from '../UiProgressBar.vue';
+import UiSkeleton from '../UiSkeleton.vue';
+import UiSpinner from '../UiSpinner.vue';
+import UiTab from '../UiTab.vue';
+import UiTabPanel from '../UiTabPanel.vue';
+import UiTabs from '../UiTabs.vue';
+import { axeViolations, formatViolations } from './axe';
+
+/**
+ * The repo's automated accessibility gate: axe-core over every primitive, in every state whose
+ * ARIA shape differs.
+ *
+ * This exists because nothing else in the repo enforces accessibility. Biome does not parse Vue
+ * `<template>`, so its a11y rules (`useSemanticElements`, `useAriaPropsForRole`, `useButtonType`)
+ * never see a single line of markup — Phase 6 established that. Storybook's a11y addon reports in
+ * a panel a human has to open. Until this file, an ARIA regression in a primitive could ship, and
+ * a primitive's defect multiplies across every view that consumes it.
+ *
+ * See `./axe.ts` for what jsdom can and cannot check, and why the gate lives here rather than in a
+ * browser-mode story runner.
+ *
+ * These assert the ARIA *tree*, not appearance, so they are not change-detectors: restyling a
+ * primitive cannot fail them, and changing its roles or labelling should.
+ */
+
+/** Fails with the rule id and offending selector rather than a bare `expected 1 to be 0`. */
+async function expectNoViolations(
+	component: Parameters<typeof axeViolations>[0],
+	options: Parameters<typeof axeViolations>[1] = {},
+) {
+	const violations = await axeViolations(component, options);
+	expect(formatViolations(violations), formatViolations(violations)).toBe('');
+}
+
+describe('primitive accessibility', () => {
+	// jsdom has no showModal(), and axe skips a closed <dialog>'s content entirely, so without this
+	// stub every open-dialog audit (UiModal, UiConfirmDialog, UiDrawer) would pass vacuously. The stub only flips `open`, which is what un-hides it.
+	beforeEach(() => {
+		(HTMLDialogElement.prototype as unknown as { showModal: () => void }).showModal = function (
+			this: HTMLDialogElement,
+		) {
+			this.open = true;
+		};
+	});
+	afterEach(() => {
+		delete (HTMLDialogElement.prototype as unknown as { showModal?: () => void }).showModal;
+	});
+
+	// Guards the harness itself. Every assertion below is an assertion that axe found NOTHING, which
+	// is also what a silently broken harness returns — a detached mount, a bad selector, a version
+	// bump that changes `axe.run`'s shape. This is the one case that must come back non-empty.
+	it('detects a real violation (harness self-test)', async () => {
+		const Broken = defineComponent({
+			// An input whose only "label" is a sibling text node: unlabelled to AT, which is exactly the
+			// defect UiField was built to prevent.
+			template: '<div><span>Email</span><input type="email" /></div>',
+		});
+
+		const violations = await axeViolations(Broken);
+
+		expect(violations.map((violation) => violation.id)).toContain('label');
+	});
+
+	describe('UiButton', () => {
+		it('is accessible as a button', async () => {
+			await expectNoViolations(UiButton, { slots: { default: () => 'Save' } });
+		});
+
+		it('is accessible when loading', async () => {
+			// aria-busy + a spinner that must stay aria-hidden, or the button announces twice.
+			await expectNoViolations(UiButton, {
+				props: { loading: true },
+				slots: { default: () => 'Saving' },
+			});
+		});
+
+		it('is accessible when disabled', async () => {
+			await expectNoViolations(UiButton, {
+				props: { disabled: true },
+				slots: { default: () => 'Save' },
+			});
+		});
+
+		it('is accessible as a link', async () => {
+			await expectNoViolations(UiButton, {
+				props: { href: 'https://example.com' },
+				slots: { default: () => 'Docs' },
+			});
+		});
+
+		it('is accessible as a disabled link', async () => {
+			// aria-disabled with no href — the shape that keeps a "disabled" anchor off the tab order.
+			await expectNoViolations(UiButton, {
+				props: { href: 'https://example.com', disabled: true },
+				slots: { default: () => 'Docs' },
+			});
+		});
+	});
+
+	describe('UiField + UiInput', () => {
+		it('is accessible with a label alone', async () => {
+			await expectNoViolations(UiField, {
+				props: { label: 'Email' },
+				slots: { default: () => h(UiInput, { type: 'email' }) },
+			});
+		});
+
+		it('is accessible with hint and error', async () => {
+			// The describedby wiring: two ids on one control, both of which must resolve.
+			await expectNoViolations(UiField, {
+				props: { label: 'Email', hint: 'Work address', error: 'Enter a valid email' },
+				slots: { default: () => h(UiInput, { type: 'email' }) },
+			});
+		});
+
+		it('is accessible with two fields on one page', async () => {
+			// duplicate-id-aria: the useId guard, from axe's side rather than the spec's.
+			const Host = defineComponent({
+				components: { UiField, UiInput },
+				template: `
+          <form>
+            <UiField label="Email" error="Bad"><UiInput /></UiField>
+            <UiField label="Password" hint="12+ characters"><UiInput type="password" /></UiField>
+          </form>
+        `,
+			});
+
+			await expectNoViolations(Host);
+		});
+	});
+
+	describe('UiAlert', () => {
+		for (const tone of ['error', 'success', 'info', 'warning'] as const) {
+			it(`is accessible with tone ${tone}`, async () => {
+				await expectNoViolations(UiAlert, {
+					props: { tone },
+					slots: { default: () => 'Could not save your changes.' },
+				});
+			});
+		}
+
+		it('is accessible when not live', async () => {
+			await expectNoViolations(UiAlert, {
+				props: { live: false },
+				slots: { default: () => 'Static notice.' },
+			});
+		});
+	});
+
+	describe('UiProgressBar', () => {
+		it('is accessible', async () => {
+			// role="progressbar" needs aria-valuenow/min/max and a name; before this primitive the usage
+			// meter had none of them.
+			await expectNoViolations(UiProgressBar, { props: { value: 40, label: 'Storage used' } });
+		});
+
+		it('is accessible at its bounds', async () => {
+			await expectNoViolations(UiProgressBar, { props: { value: 0, label: 'Storage used' } });
+			await expectNoViolations(UiProgressBar, {
+				props: { value: 100, max: 100, label: 'Storage used' },
+			});
+		});
+	});
+
+	describe('UiSkeleton', () => {
+		it('is accessible unlabelled', async () => {
+			await expectNoViolations(UiSkeleton);
+		});
+
+		it('is accessible labelled, with multiple lines', async () => {
+			await expectNoViolations(UiSkeleton, { props: { lines: 3, label: 'Loading websites' } });
+		});
+
+		it('is accessible as a block', async () => {
+			await expectNoViolations(UiSkeleton, { props: { shape: 'block', height: '3rem' } });
+		});
+
+		it('is accessible as decorative bars inside one labelled region', async () => {
+			// The composite-placeholder shape: one status region, every bar aria-hidden inside it.
+			const Host = defineComponent({
+				components: { UiSkeleton },
+				template: `
+          <div role="status" aria-label="Loading table">
+            <UiSkeleton decorative shape="circle" width="2rem" height="2rem" />
+            <UiSkeleton decorative shape="control" height="2.75rem" />
+          </div>
+        `,
+			});
+
+			await expectNoViolations(Host);
+		});
+	});
+
+	describe('UiSpinner', () => {
+		it('is accessible unlabelled', async () => {
+			// aria-hidden: inside a button the button's own text is the name.
+			await expectNoViolations(UiSpinner);
+		});
+
+		it('is accessible labelled', async () => {
+			await expectNoViolations(UiSpinner, { props: { label: 'Loading' } });
+		});
+	});
+
+	describe('UiChip', () => {
+		for (const tone of ['neutral', 'accent', 'success', 'warning', 'danger'] as const) {
+			it(`is accessible with tone ${tone}`, async () => {
+				await expectNoViolations(UiChip, {
+					props: { tone },
+					slots: { default: () => 'Published' },
+				});
+			});
+		}
+	});
+
+	describe('UiModal', () => {
+		it('is accessible when open', async () => {
+			// aria-labelledby must point at the rendered title node.
+			await expectNoViolations(UiModal, {
+				props: { open: true, title: 'Rename website' },
+				slots: { default: () => 'Body copy.' },
+			});
+		});
+
+		it('is accessible when non-dismissible', async () => {
+			await expectNoViolations(UiModal, {
+				props: { open: true, title: 'Confirm', dismissible: false },
+				slots: { default: () => 'Body copy.' },
+			});
+		});
+	});
+
+	describe('UiConfirmDialog', () => {
+		it('is accessible when open', async () => {
+			await expectNoViolations(UiConfirmDialog, {
+				props: { open: true, title: 'Delete website', message: 'This cannot be undone.' },
+			});
+		});
+
+		it('is accessible while busy', async () => {
+			await expectNoViolations(UiConfirmDialog, {
+				props: {
+					open: true,
+					title: 'Delete website',
+					message: 'This cannot be undone.',
+					busy: true,
+				},
+			});
+		});
+
+		it('is accessible with an opt-in control in the default slot', async () => {
+			// The slot puts a caller's own form control inside the dialog — a labelling mistake there
+			// (a bare checkbox, or one labelled only by an adjacent text node) is exactly what axe
+			// catches and what the harness self-test above proves it catches.
+			await expectNoViolations(UiConfirmDialog, {
+				props: { open: true, title: 'Delete website', message: 'This cannot be undone.' },
+				slots: {
+					default: '<label><input type="checkbox" /> Also delete the database</label>',
+				},
+			});
+		});
+	});
+
+	describe('UiTabs', () => {
+		it('is accessible as a complete tab tree', async () => {
+			// The reason this primitive exists: WebsiteDetailView shipped role="tablist" wrapping plain
+			// buttons — no role="tab", no aria-selected, no tabpanel. Screenreaders announced a tab list
+			// with zero tabs. axe's aria-required-children/parent catch exactly that regression.
+			const Host = defineComponent({
+				components: { UiTabs, UiTab, UiTabPanel },
+				template: `
+          <UiTabs model-value="overview" label="Website sections">
+            <template #tabs>
+              <UiTab value="overview">Overview</UiTab>
+              <UiTab value="pages">Pages</UiTab>
+              <UiTab value="settings" disabled>Settings</UiTab>
+            </template>
+            <UiTabPanel value="overview">Overview content</UiTabPanel>
+            <UiTabPanel value="pages">Pages content</UiTabPanel>
+          </UiTabs>
+        `,
+			});
+
+			await expectNoViolations(Host);
+		});
+	});
+
+	describe('UiIcon', () => {
+		it('is accessible as a decorative icon', async () => {
+			await expectNoViolations(UiIcon, { props: { name: 'chevron_right' } });
+		});
+
+		it('is accessible as a meaningful icon', async () => {
+			// role="img" requires a name; `label` is what supplies it.
+			await expectNoViolations(UiIcon, { props: { name: 'warning', label: 'Warning' } });
+		});
+	});
+
+	describe('UiIconButton', () => {
+		it('is accessible as a button', async () => {
+			// button-name: the icon is aria-hidden, so the label is the only name it has.
+			await expectNoViolations(UiIconButton, { props: { icon: 'menu', label: 'Open navigation' } });
+		});
+
+		it('is accessible with a badge', async () => {
+			await expectNoViolations(UiIconButton, {
+				props: { icon: 'account_circle', label: 'Account', badge: 1, badgeLabel: 'email not verified' },
+			});
+		});
+
+		it('is accessible as a link', async () => {
+			await expectNoViolations(UiIconButton, {
+				props: { icon: 'help', label: 'Help center', href: 'https://docs.rocketadmin.com/', target: '_blank' },
+			});
+		});
+
+		it('is accessible as a disabled link', async () => {
+			await expectNoViolations(UiIconButton, {
+				props: { icon: 'help', label: 'Help center', href: 'https://docs.rocketadmin.com/', disabled: true },
+			});
+		});
+	});
+
+	describe('UiBadge', () => {
+		it('is accessible over a labelled icon', async () => {
+			await expectNoViolations(UiBadge, {
+				props: { content: 1, label: 'Email not verified' },
+				slots: { default: () => h(UiIcon, { name: 'face' }) },
+			});
+		});
+
+		it('is accessible as an inline dot', async () => {
+			await expectNoViolations(UiBadge);
+		});
+	});
+
+	describe('UiMenu', () => {
+		const router = () =>
+			createRouter({
+				history: createMemoryHistory(),
+				routes: [{ path: '/:p(.*)*', component: { template: '<div />' } }],
+			});
+		const Host = (open: boolean) =>
+			defineComponent({
+				components: { UiMenu, UiMenuItem, UiIconButton },
+				setup: () => ({ open }),
+				template: `
+          <UiMenu :open="open">
+            <template #trigger="{ triggerProps }">
+              <UiIconButton icon="account_circle" label="Account" v-bind="triggerProps" />
+            </template>
+            <UiMenuItem to="/user-settings" icon="face" description="user@example.com">Account</UiMenuItem>
+            <UiMenuItem href="https://docs.rocketadmin.com/" target="_blank" icon="help">Help center</UiMenuItem>
+            <UiMenuItem disabled icon="archive">Archive</UiMenuItem>
+            <UiMenuItem icon="logout">Log out</UiMenuItem>
+          </UiMenu>
+        `,
+			});
+
+		it('is accessible when closed', async () => {
+			// aria-controls must still resolve while closed, which is why the panel is v-show, not v-if.
+			await expectNoViolations(Host(false), { global: { plugins: [router()] } });
+		});
+
+		it('is accessible when open', async () => {
+			// aria-required-children / -parent: every item must be a menuitem directly in the menu.
+			await expectNoViolations(Host(true), { global: { plugins: [router()] } });
+		});
+	});
+
+	describe('UiDrawer', () => {
+		it('is accessible when open', async () => {
+			await expectNoViolations(UiDrawer, {
+				props: { open: true, label: 'Main navigation' },
+				slots: {
+					header: () => 'Rocketadmin',
+					default: () => h('nav', { 'aria-label': 'Primary' }, [h('a', { href: '/connections' }, 'Connections')]),
+				},
+			});
+		});
+	});
+
+	describe('layout primitives', () => {
+		it('UiCard is accessible', async () => {
+			await expectNoViolations(UiCard, { slots: { default: () => h('p', 'Card body') } });
+		});
+
+		it('UiCard is accessible as a section', async () => {
+			await expectNoViolations(UiCard, {
+				props: { as: 'section' },
+				slots: { default: () => [h('h2', 'Plan'), h('p', 'Card body')] },
+			});
+		});
+
+		it('UiPageShell is accessible', async () => {
+			await expectNoViolations(UiPageShell, {
+				props: { as: 'main' },
+				slots: { default: () => [h('h1', 'Websites'), h('p', 'Body')] },
+			});
+		});
+	});
+});
diff --git a/frontend-vue/src/components/ui/__tests__/axe.ts b/frontend-vue/src/components/ui/__tests__/axe.ts
new file mode 100644
index 000000000..ad8bf6239
--- /dev/null
+++ b/frontend-vue/src/components/ui/__tests__/axe.ts
@@ -0,0 +1,111 @@
+import { mount } from '@vue/test-utils';
+import axe, { type AxeResults, type ElementContext, type RunOptions } from 'axe-core';
+
+/**
+ * Runs axe-core over a mounted primitive, inside the existing jsdom vitest run.
+ *
+ * Why here and not in Storybook: `storybook test` is not a command that exists in Storybook 10 —
+ * story testing moved to `@storybook/addon-vitest`, which drives stories in a real browser via
+ * `@vitest/browser-playwright`. That is four dev dependencies, a ~150MB browser download CI must
+ * also install, a second vitest project in browser mode, and a new CI job. This helper rides the
+ * `pnpm vitest run` gate that already exists, at the cost of one dependency.
+ *
+ * What that trade actually costs: jsdom computes no layout and no real styles, so the rules axe
+ * needs a rendered box for — `color-contrast` above all — cannot run here. That is the deliberate
+ * gap. It is also the failure class the design system guards by construction: every colour in a
+ * primitive is a `var(--color-*)` (enforced by design-tokens.spec.ts rule 1) and theme.css
+ * documents each pair's contrast ratio inline. Contrast regressions are caught by review against
+ * those ratios, and by the a11y panel in Storybook, which does run in a real browser.
+ *
+ * What it does catch is the class the primitives actually risk, and have actually shipped: ARIA
+ * tree and labelling defects. Both near-misses during the Phase 8 migrations were exactly that —
+ * three sibling `role="status"` regions in WebsitesView and AccountView, from putting one
+ * `UiSkeleton` per card when `UiSkeleton`'s own wrapper is the live region. jsdom sees those fine.
+ */
+
+/**
+ * Rules that cannot pass on an isolated component fragment, and would fail every primitive for
+ * reasons that have nothing to do with the primitive.
+ *
+ * This is the same exemption `foundations.stories.ts` takes with `a11y: { disable: true }`, but
+ * scoped to named rules instead of switching the whole check off: a document-structure rule is
+ * asserting something about the *page*, and a mounted `UiChip` is not a page. The app's real
+ * landmark and heading structure lives in the views and their `UiPageShell`, which is where a
+ * future view-level suite would check it.
+ */
+const FRAGMENT_EXEMPT_RULES = [
+	'region', // "all content must be in a landmark" — a fragment has no <main>
+	'landmark-one-main',
+	'page-has-heading-one',
+	'html-has-lang',
+	'document-title',
+] as const;
+
+/** Rules axe must not skip. Guards FRAGMENT_EXEMPT_RULES from quietly growing to cover a real bug. */
+const NEVER_EXEMPT = [
+	'aria-allowed-attr',
+	'aria-allowed-role',
+	'aria-required-attr',
+	'aria-required-children',
+	'aria-required-parent',
+	'aria-roles',
+	'aria-valid-attr',
+	'aria-valid-attr-value',
+	'button-name',
+	'duplicate-id-aria',
+	'label',
+	'link-name',
+] as const;
+
+if (FRAGMENT_EXEMPT_RULES.some((rule) => (NEVER_EXEMPT as readonly string[]).includes(rule))) {
+	throw new Error('a fragment exemption overlaps a rule that must always run');
+}
+
+const RUN_OPTIONS: RunOptions = {
+	rules: Object.fromEntries(FRAGMENT_EXEMPT_RULES.map((rule) => [rule, { enabled: false }])),
+};
+
+/**
+ * Mounts a component attached to `document.body` and returns axe's findings.
+ *
+ * `attachTo` matters: axe walks the real document, and @vue/test-utils mounts detached by default,
+ * so an unattached wrapper yields zero violations no matter how broken the markup is — the check
+ * would pass vacuously. The wrapper is always unmounted, including on failure, so one leaked node
+ * can't contaminate the next test's document.
+ *
+ * Pass `skipIframes` for a primitive that renders an `<iframe>`. By default axe injects itself into
+ * every frame to audit its contents, which jsdom cannot do for a frame with a real `src` — it
+ * throws "Respondable target must be a frame in the current window". Skipping frames keeps the
+ * audit on the host markup, which is the only part the primitive owns anyway: what's *inside* a
+ * site preview is a third-party page, not this design system's contract.
+ */
+export async function axeViolations(
+	component: Parameters<typeof mount>[0],
+	options: Parameters<typeof mount>[1] & { skipIframes?: boolean } = {},
+): Promise<AxeResults['violations']> {
+	const { skipIframes, ...mountOptions } = options;
+	const root = document.createElement('div');
+	document.body.appendChild(root);
+
+	const wrapper = mount(component, { ...mountOptions, attachTo: root });
+	try {
+		const results = await axe.run(root as ElementContext, {
+			...RUN_OPTIONS,
+			...(skipIframes ? { iframes: false } : {}),
+		});
+		return results.violations;
+	} finally {
+		wrapper.unmount();
+		root.remove();
+	}
+}
+
+/** `id — help text (selector, …)`, so a failure names the rule and the node without a debugger. */
+export function formatViolations(violations: AxeResults['violations']): string {
+	return violations
+		.map((violation) => {
+			const targets = violation.nodes.map((node) => node.target.join(' ')).join(', ');
+			return `${violation.id} — ${violation.help} (${targets})`;
+		})
+		.join('\n');
+}
diff --git a/frontend-vue/src/components/ui/docs/00-GettingStarted.mdx b/frontend-vue/src/components/ui/docs/00-GettingStarted.mdx
new file mode 100644
index 000000000..2ec9405d3
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/00-GettingStarted.mdx
@@ -0,0 +1,67 @@
+import { Meta } from '@storybook/addon-docs/blocks'
+
+<Meta title="Foundations/Getting Started" />
+
+# Getting started
+
+The RocketAdmin design system (copied from SiteNova) is **tokens in CSS custom properties + a flat set of `Ui*` Vue
+primitives**. There is no CSS framework, no utility classes and no CSS-in-JS: components use scoped
+`<style>` blocks with BEM class names, and every value in them is a `var(--…)` from
+[`src/assets/theme.css`](#the-token-layer).
+
+## Importing
+
+Primitives are re-exported from a barrel, so a view imports them in one line:
+
+```vue
+<script setup lang="ts">
+import { UiAlert, UiButton, UiField, UiInput } from '@/components/ui'
+</script>
+```
+
+Doc-only helpers (`readTokens`, the specimen components under `docs/`) are **not** in the barrel —
+they exist to render these pages and must never end up in an app bundle.
+
+## The three layers
+
+| Layer | Lives in | May be read by |
+| --- | --- | --- |
+| Raw palette — `--palette-*`, `--font-*` | `theme.css`, layer 1 | The semantic layer only |
+| Semantic aliases — `--color-*`, `--shadow-*`, `--ring-*` | `theme.css`, layer 2 | Any component CSS |
+| App scales — spacing, type, weight, motion, z-index, sizing, radius | `theme.css`, app-only block | Any component CSS |
+
+Global element styles (`box-sizing`, `body`, the focus ring, the `prefers-reduced-motion` guard)
+live in `src/assets/base.css`, imported by both `src/main.ts` and `.storybook/preview.ts` — so a
+story renders on exactly the same foundation as the app.
+
+## The mirroring contract
+
+The `--palette-*` and `--font-*` values are **copied verbatim from SiteNova's
+`frontend/src/assets/theme.css`**, which in turn mirrors `sitenova-landing`. The products share one
+look, so a palette edit there should be copied here (and the other way round) — otherwise
+RocketAdmin and SiteNova ship different blues.
+
+Everything below the colour block — spacing, type scale, weights, motion, z-index, sizing — is
+app-only and not mirrored. Change it freely.
+
+## New variant, or `class` passthrough?
+
+Callers _may_ pass `class` to any primitive, and Vue's attribute fallthrough will apply it. The line:
+
+- **Layout is passthrough.** Margin, width, `grid-area`, `order` — things that depend on where the
+  component sits, which the primitive can't know. `<UiButton class="row__action">` is correct.
+- **Colour is a variant.** If you're reaching for `class` to repaint a border, a background or a
+  text colour, the primitive is missing a variant — add it there so every call site gets it and the
+  a11y contrast is checked once.
+
+Full rules in **Conventions**.
+
+## Adding a primitive
+
+1. `src/components/ui/UiThing.vue` — `<script setup lang="ts">` with a
+   `withDefaults(defineProps<…>(), …)` call carrying a JSDoc line per prop, and scoped BEM styles
+   reading only tokens.
+2. `UiThing.stories.ts` — `tags: ['autodocs']`, `parameters: { a11y: { test: 'error' } }`, and an
+   `AllVariants` matrix story.
+3. `UiThing.spec.ts` — behaviour and ARIA contracts, never CSS values.
+4. Export it from `src/components/ui/index.ts`.
diff --git a/frontend-vue/src/components/ui/docs/01-Conventions.mdx b/frontend-vue/src/components/ui/docs/01-Conventions.mdx
new file mode 100644
index 000000000..df43575c8
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/01-Conventions.mdx
@@ -0,0 +1,13 @@
+import { Markdown, Meta } from '@storybook/addon-docs/blocks'
+import conventions from '../CONVENTIONS.md?raw'
+
+<Meta title="Foundations/Conventions" />
+
+{/*
+  Renders src/components/ui/CONVENTIONS.md verbatim rather than restating it. The .md is the file a
+  reviewer greps and a PR diffs; this page is the same bytes with a Storybook wrapper, so the two
+  cannot drift — which is the same reason Phase 1 replaced the hand-copied .storybook/preview.css
+  with a 4-line Storybook-only override.
+*/}
+
+<Markdown>{conventions}</Markdown>
diff --git a/frontend-vue/src/components/ui/docs/02-Color.mdx b/frontend-vue/src/components/ui/docs/02-Color.mdx
new file mode 100644
index 000000000..a9117af50
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/02-Color.mdx
@@ -0,0 +1,77 @@
+import { Meta, Story, Unstyled } from '@storybook/addon-docs/blocks'
+import * as Specimens from './foundations.stories'
+
+<Meta title="Foundations/Color" />
+
+# Color
+
+Two layers, and the distinction is the whole point.
+
+**Layer 1 — `--palette-*`.** Raw values, copied verbatim from SiteNova's `theme.css` (which mirrors
+`sitenova-landing`); the products share one brand, so change them together. **Component CSS must never reference this
+layer.**
+
+**Layer 2 — `--color-*`.** Semantic aliases naming a _role_: `--color-paper` means "the page
+background", which happens to resolve to a specific blue-white today. This is the only layer
+component CSS may use, and it's what makes a dark theme a dozen-line override instead of a sweep
+across every view.
+
+Every swatch below is painted with `var(--token)`, not a copied hex — so if an alias chain ever
+breaks, the swatch goes blank and this page shows the bug rather than hiding it.
+
+## Surfaces
+
+<Unstyled>
+	<Story of={Specimens.ColorSurfaces} />
+</Unstyled>
+
+`--color-surface-raised` is identical to `--color-surface` in the light theme and exists for the dark
+one, where a modal or dropdown must lift above the page rather than tint it. `--color-overlay` is the
+`UiModal` backdrop.
+
+## Text
+
+<Unstyled>
+	<Story of={Specimens.ColorText} />
+</Unstyled>
+
+Contrast on `--color-paper`: ink **17.8:1**, ink-soft **12.2:1**, muted **5.7:1**, muted-soft
+**4.5:1** — all pass WCAG AA for body text. `--color-muted-soft` is deliberately darker than the
+`#98a2b3` it replaced (only 2.6:1 on white) because it carries real copy here, not decoration:
+empty-state messages, the "(optional)" field hint, the slug-field domain suffix.
+
+## Lines and accent
+
+<Unstyled>
+	<Story of={Specimens.ColorLinesAndAccent} />
+</Unstyled>
+
+`--color-line` divides content; `--color-line-strong` bounds an interactive control — an input border
+needs to read as an edge you can type inside, not as a hairline rule. `--color-accent-ink` is the
+hover/pressed accent. `--color-hot` is the cyan-white glow highlight, used in the logo gradient.
+
+## Status
+
+Each status is a triple — text colour, tinted background, border — so an alert or chip is one
+coherent choice rather than three independent ones.
+
+<Unstyled>
+	<Story of={Specimens.ColorStatus} />
+</Unstyled>
+
+## Raw palette
+
+Reference only. Reach for the semantic alias above instead: a component that reads
+`--palette-blue-600` is invisible to a theme switch.
+
+<Unstyled>
+	<Story of={Specimens.ColorPalette} />
+</Unstyled>
+
+## Every colour token
+
+The **Resolves to** column follows the alias chain down to a literal.
+
+<Unstyled>
+	<Story of={Specimens.ColorTable} />
+</Unstyled>
diff --git a/frontend-vue/src/components/ui/docs/03-Typography.mdx b/frontend-vue/src/components/ui/docs/03-Typography.mdx
new file mode 100644
index 000000000..0c6da30c4
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/03-Typography.mdx
@@ -0,0 +1,61 @@
+import { Meta, Story, Unstyled } from '@storybook/addon-docs/blocks'
+import * as Specimens from './foundations.stories'
+
+<Meta title="Foundations/Typography" />
+
+# Typography
+
+Three families, seven sizes, four line-heights, four weights.
+
+## Families
+
+<Unstyled>
+	<Story of={Specimens.TypeFamilies} />
+</Unstyled>
+
+`--font-sans` (Geist) is the body face and the `body` default. `--font-display` (Space Grotesk) is
+for the logo wordmark and large headings only. `--font-mono` (Geist Mono) is for slugs, ids and
+code.
+
+All three are variable fonts, normal style only — **there are no italics**. The fallback stacks are
+metric-matched, so a font-load failure doesn't reflow the page. Geist's stylistic sets `ss01` and
+`cv01` are enabled globally in `base.css` to match the landing.
+
+## Size scale
+
+Seven steps, collapsed from the 20 ad-hoc sizes the views had accumulated — nine of which sat inside
+a single 0.15rem band (`0.8 / 0.82 / 0.825 / 0.85 / 0.875 / 0.9 / 0.92 / 0.925 / 0.95rem`). Nobody
+can see those differences; maintaining them cost every new view a decision.
+
+<Unstyled>
+	<Story of={Specimens.TypeSizes} />
+</Unstyled>
+
+`--text-base` absorbs the whole 0.9–0.95rem cluster — 38 declarations. `0.9rem → 0.9375rem` grows
+0.6px; `0.95rem → 0.9375rem` shrinks 0.2px. That merge is the largest single visual change in the
+migration and is called out in each migration PR.
+
+There is no `--text-lg`. Its only two uses were the logo wordmark — which keeps a hard-coded
+`1.15rem` inside `AppLogo.vue`, correctly off the body scale because it carries its own
+letter-spacing tuning — and one heading, which moved to `--text-md`.
+
+## Line-heights
+
+Separate tokens rather than bundled into the size. Pairing them would mean the `font:` shorthand,
+which resets `font-weight` and `font-family` — a footgun in scoped CSS where weight is set
+independently.
+
+<Unstyled>
+	<Story of={Specimens.TypeLeading} />
+</Unstyled>
+
+## Weights
+
+Four steps. Geist is a variable font, so the `550` and `650` the views used rendered as genuine
+intermediate weights — but they're indistinguishable from `500` / `600` at 15px.
+
+<Unstyled>
+	<Story of={Specimens.TypeWeights} />
+</Unstyled>
+
+`--weight-bold` is reserved for the logo accent.
diff --git a/frontend-vue/src/components/ui/docs/04-Spacing.mdx b/frontend-vue/src/components/ui/docs/04-Spacing.mdx
new file mode 100644
index 000000000..364846224
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/04-Spacing.mdx
@@ -0,0 +1,49 @@
+import { Meta, Story, Unstyled } from '@storybook/addon-docs/blocks'
+import * as Specimens from './foundations.stories'
+
+<Meta title="Foundations/Spacing" />
+
+# Spacing
+
+A 4px base scale, named by multiple: `--space-4` is 4 × 4px = 16px. Use it for `gap`, `padding` and
+`margin` — every one of them, so a layout is a sequence of scale steps rather than a sequence of
+guesses.
+
+The pre-scale code used 12 distinct gap values, most within 0.025rem of a neighbour
+(`0.375 / 0.4 / 0.5rem` all appeared). Those are invisible differences that still cost a decision
+every time someone wrote a new rule.
+
+<Unstyled>
+	<Story of={Specimens.SpacingScale} />
+</Unstyled>
+
+## Picking a step
+
+| Step | px | Typical use |
+| --- | --- | --- |
+| `--space-05` | 2 | Optical nudges only |
+| `--space-1` | 4 | Label ↔ hint, icon ↔ text inside a chip |
+| `--space-2` | 8 | Related controls in a row |
+| `--space-3` | 12 | Field ↔ field inside a form |
+| `--space-4` | 16 | Card padding, section internals |
+| `--space-5` | 20 | Card padding on roomier surfaces |
+| `--space-6` | 24 | Section ↔ section |
+| `--space-8` | 32 | Page top padding, major blocks |
+| `--space-10`–`--space-12` | 40–48 | Empty-state padding |
+| `--space-16` | 64 | Page bottom padding |
+
+## The one deliberate violation
+
+`--space-25` is 10px — off the 4px grid, and kept anyway. Two of its nine uses are load-bearing in
+brand assets: `AppLogo`'s mark ↔ wordmark gap, which is mirrored pixel-for-pixel in
+`sitenova-landing`, and the GitHub sign-in button's icon gap. Snapping 10px → 12px inside a 32px
+lockup is visible.
+
+**Don't reach for it elsewhere.** It exists for the brand lockup and inline icon gaps; anything else
+belongs on the scale.
+
+## Every spacing token
+
+<Unstyled>
+	<Story of={Specimens.SpacingTable} />
+</Unstyled>
diff --git a/frontend-vue/src/components/ui/docs/05-Shape.mdx b/frontend-vue/src/components/ui/docs/05-Shape.mdx
new file mode 100644
index 000000000..8099393ec
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/05-Shape.mdx
@@ -0,0 +1,35 @@
+import { Meta, Story, Unstyled } from '@storybook/addon-docs/blocks'
+import * as Specimens from './foundations.stories'
+
+<Meta title="Foundations/Shape" />
+
+# Shape
+
+Four radii. Larger surfaces get larger radii, so the corner curvature stays visually proportional as
+the element grows.
+
+<Unstyled>
+	<Story of={Specimens.ShapeRadii} />
+</Unstyled>
+
+## Which radius
+
+| Token | Value | Applies to |
+| --- | --- | --- |
+| `--radius-pill` | `999px` | Chips, badges, avatar frames |
+| `--radius-card` | `1.5rem` | Auth cards — the largest standalone surface |
+| `--radius-panel` | `1rem` | Content cards, panels, modal dialogs |
+| `--radius-control` | `0.75rem` | Buttons, inputs, selects, alerts, skeleton lines |
+
+## Why inputs aren't pills
+
+`sitenova-landing` puts every button and chip on `rounded-full`. This app doesn't, for text fields
+specifically: a pill-shaped text field reads as a button, and in a form-heavy product that costs
+real affordance — people click where they should type.
+
+So controls sit at `--radius-control`, one step tighter than the panel they're inside, and
+`--radius-pill` is reserved for things that genuinely are not typed into.
+
+The nesting rule that follows: **a child's radius should be smaller than its parent's.** A
+`--radius-control` button inside a `--radius-panel` card looks intentional; the reverse looks like a
+mistake.
diff --git a/frontend-vue/src/components/ui/docs/06-Elevation.mdx b/frontend-vue/src/components/ui/docs/06-Elevation.mdx
new file mode 100644
index 000000000..dd5e2a915
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/06-Elevation.mdx
@@ -0,0 +1,56 @@
+import { Meta, Story, Unstyled } from '@storybook/addon-docs/blocks'
+import * as Specimens from './foundations.stories'
+
+<Meta title="Foundations/Elevation" />
+
+# Elevation
+
+Three shadows and two focus rings. All of them are large, tight-spread, heavily negative-offset and
+accent-tinted — **glow, not drop shadow**, which is what makes the supernova palette read as
+luminous rather than as a card sitting on a desk.
+
+They're semantic aliases rather than raw values because they're tuned for dark-on-light: a dark theme
+has to swap them wholesale, not merely re-point their colours.
+
+## On the page background
+
+<Unstyled>
+	<Story of={Specimens.ElevationOnPaper} />
+</Unstyled>
+
+## On a white surface
+
+The same three, on `--color-surface`. Worth checking both: `--shadow-card` carries a `0 1px 0` hairline
+that does most of its work against paper and almost none against white.
+
+<Unstyled>
+	<Story of={Specimens.ElevationOnSurface} />
+</Unstyled>
+
+## Which shadow
+
+| Token | Use |
+| --- | --- |
+| `--shadow-card` | The resting state of any raised surface — cards, panels, the header |
+| `--shadow-lift` | Hover / active on an interactive surface, paired with a `translateY(-2px)` |
+| `--shadow-focus` | The focus ring. Prefer the `--ring-focus` spelling at call sites |
+
+`--shadow-lift` is accent-tinted at 0.4 alpha, so a lifted card glows blue. Pair it with
+`transition: box-shadow var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out)`.
+
+## Focus rings
+
+<Unstyled>
+	<Story of={Specimens.ElevationRings} />
+</Unstyled>
+
+`--ring-focus` is an alias for `--shadow-focus` so that "focus ring" is one concept rather than a
+shadow that happens to be used as one. `--ring-danger` is the same geometry in red, for a control
+that is both focused and invalid.
+
+Two rules:
+
+- **Always `:focus-visible`, never `:focus`.** Ringing on mouse click is noise; the pre-design-system
+  views did it and it read as a bug.
+- Controls that carry their own border use the ring as a `box-shadow` on the control. Bare links and
+  buttons fall through to the global `outline` rule in `base.css`.
diff --git a/frontend-vue/src/components/ui/docs/07-Motion.mdx b/frontend-vue/src/components/ui/docs/07-Motion.mdx
new file mode 100644
index 000000000..f95e9c086
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/07-Motion.mdx
@@ -0,0 +1,85 @@
+import { Meta, Story, Unstyled } from '@storybook/addon-docs/blocks'
+import * as Specimens from './foundations.stories'
+
+<Meta title="Foundations/Motion" />
+
+# Motion
+
+Three durations, one easing curve, two animation loops — and a global guard that neutralises all of
+them for anyone who asks.
+
+## Durations
+
+Hover a specimen to play it.
+
+<Unstyled>
+	<Story of={Specimens.MotionDurations} />
+</Unstyled>
+
+| Token | Value | Use |
+| --- | --- | --- |
+| `--motion-fast` | `0.15s` | Colour and opacity on interaction |
+| `--motion-base` | `0.2s` | Transform + shadow lift |
+| `--motion-slow` | `0.3s` | Entrances — a panel or dialog appearing |
+
+## Easing
+
+`--ease-out` is `cubic-bezier(0.16, 1, 0.3, 1)` — a hard decelerate. It starts fast and settles, which
+is what makes a hover lift feel responsive rather than sluggish. Use it for everything that animates
+in response to input.
+
+There is deliberately no `--ease-in` or `--ease-in-out`: ease-in on an interaction means the element
+lags behind the cursor, and nothing in the app has needed a symmetric curve.
+
+## Loops
+
+`--spin-duration` (`0.7s`) drives `UiSpinner`'s single `@keyframes spin`. `--shimmer-duration`
+(`1.4s`) drives `UiSkeleton`'s single `@keyframes shimmer`. Before the design system these keyframes
+existed in **four** and **two** copies respectively, drifting; `design-tokens.spec.ts` now enforces
+the count with a ratchet that fails both when a copy is added and when one disappears.
+
+<Unstyled>
+	<Story of={Specimens.MotionTable} />
+</Unstyled>
+
+## Reduced motion
+
+`base.css` carries one global guard rather than a media query per animation:
+
+```css
+@media (prefers-reduced-motion: reduce) {
+	*,
+	*::before,
+	*::after {
+		animation-duration: 0.01ms !important;
+		animation-iteration-count: 1 !important;
+		transition-duration: 0.01ms !important;
+		scroll-behavior: auto !important;
+	}
+}
+```
+
+Global because the skeleton shimmer and the spinner loop **indefinitely**, which is precisely the
+vestibular-trigger case the media query exists for — and an opt-in-per-animation policy means the
+next animation someone adds is unguarded by default.
+
+Durations go to near-zero rather than `none` so `transitionend` / `animationend` still fire; JS
+waiting on either doesn't hang.
+
+You get this for free. Don't write your own `prefers-reduced-motion` block in a primitive.
+
+## Layering
+
+Overlays stack on named steps so nothing has to race to `z-index: 9999`.
+
+<Unstyled>
+	<Story of={Specimens.ZIndexTable} />
+</Unstyled>
+
+## Layout constants
+
+Sizes that repeat across views, tokenised so they can't drift apart.
+
+<Unstyled>
+	<Story of={Specimens.SizingTable} />
+</Unstyled>
diff --git a/frontend-vue/src/components/ui/docs/ScaleSpecimens.vue b/frontend-vue/src/components/ui/docs/ScaleSpecimens.vue
new file mode 100644
index 000000000..f906a335b
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/ScaleSpecimens.vue
@@ -0,0 +1,101 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import SpecimenList from './SpecimenList.vue';
+
+/**
+ * The spacing, radius, elevation and motion specimen grids — the scales whose visual is a shape
+ * rather than text. Same rationale as TypeSpecimens for living in a `.vue` file: MDX compiles to
+ * React, so Foundations visuals reach the docs as stories.
+ */
+const props = defineProps<{
+	/** Which scale to render. */
+	scale: 'space' | 'radius' | 'shadow' | 'ring' | 'motion';
+	/** Paint the specimens on `--color-surface` instead of the page background. */
+	onSurface?: boolean;
+}>();
+
+const prefix = computed(
+	() =>
+		({
+			space: '--space-',
+			radius: '--radius-',
+			shadow: '--shadow-',
+			ring: '--ring-',
+			motion: '--motion-',
+		})[props.scale],
+);
+</script>
+
+<template>
+	<div class="scale-specimens" :class="{ 'scale-specimens--surface': onSurface }">
+		<SpecimenList :prefix="prefix">
+			<template #default="{ cssVar }">
+				<!-- A bar whose width is the token: the only rendering in which "8px vs 12px" is legible. -->
+				<span v-if="scale === 'space'" class="bar" :style="{ width: `var(${cssVar})` }" />
+				<span
+					v-else-if="scale === 'radius'"
+					class="corner"
+					:style="{ borderRadius: `var(${cssVar})` }"
+				/>
+				<span
+					v-else-if="scale === 'shadow' || scale === 'ring'"
+					class="raised"
+					:style="{ boxShadow: `var(${cssVar})` }"
+				/>
+				<!-- Hover to play the transition; the token is the duration, the easing is shared. -->
+				<span v-else class="mover" :style="{ transitionDuration: `var(${cssVar})` }">
+					hover me
+				</span>
+			</template>
+		</SpecimenList>
+	</div>
+</template>
+
+<style scoped>
+.scale-specimens--surface {
+	padding: var(--space-4);
+	border-radius: var(--radius-panel);
+	background: var(--color-surface);
+}
+
+.bar {
+	display: block;
+	height: 1.25rem;
+	min-width: 1px;
+	border-radius: var(--radius-control);
+	background: var(--color-accent);
+}
+
+.corner {
+	display: block;
+	width: 5rem;
+	height: 3.5rem;
+	border: 1px solid var(--color-line);
+	background: var(--color-surface);
+}
+
+.raised {
+	display: block;
+	width: 6rem;
+	height: 3.5rem;
+	border-radius: var(--radius-panel);
+	background: var(--color-surface);
+}
+
+.mover {
+	display: inline-block;
+	padding: var(--space-2) var(--space-4);
+	border-radius: var(--radius-control);
+	background: var(--color-paper-2);
+	color: var(--color-ink-soft);
+	font-size: var(--text-xs);
+	transition-property: transform, background-color;
+	transition-timing-function: var(--ease-out);
+}
+
+.mover:hover {
+	transform: translateX(var(--space-8));
+	background: var(--color-accent);
+	color: var(--color-surface);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/docs/SpecimenList.vue b/frontend-vue/src/components/ui/docs/SpecimenList.vue
new file mode 100644
index 000000000..353738ce6
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/SpecimenList.vue
@@ -0,0 +1,88 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { readTokens, resolveToken, type Token } from './readTokens';
+
+/**
+ * One row per token, with a slot for whatever visual the page needs: a line of sample text sized by
+ * the token, a spacing bar, a rounded corner, an elevated square. Covers everything a Foundations
+ * page needs beyond a flat table without each page re-implementing the label column.
+ */
+const props = defineProps<{
+	/** Token prefix to enumerate, including the leading `--`. */
+	prefix: string;
+	/** Exclude tokens whose name is in this list. For prefixes that overlap (`--space-` vs `--space-25`). */
+	exclude?: string[];
+}>();
+
+type Row = Token & { literal: string };
+
+const rows = computed<Row[]>(() =>
+	readTokens(props.prefix)
+		.filter((token) => !props.exclude?.includes(token.name))
+		.map((token) => ({ ...token, literal: resolveToken(token.name) ?? '?' })),
+);
+</script>
+
+<template>
+	<ul class="specimen-list">
+		<li v-for="row in rows" :key="row.name" class="specimen">
+			<div class="specimen__meta">
+				<code class="specimen__name">{{ row.name }}</code>
+				<code class="specimen__value">{{ row.literal }}</code>
+				<span v-if="row.note" class="specimen__note">{{ row.note }}</span>
+			</div>
+			<div class="specimen__visual">
+				<!-- Deliberately not `:name` — that's the slot-name attribute, so Vue would treat it as
+				     naming a *named* slot instead of passing a prop. -->
+				<slot :token="row" :css-var="row.name" :value="row.literal" />
+			</div>
+		</li>
+	</ul>
+</template>
+
+<style scoped>
+.specimen-list {
+	margin: var(--space-4) 0;
+	padding: 0;
+	list-style: none;
+}
+
+.specimen {
+	display: grid;
+	grid-template-columns: 14rem minmax(0, 1fr);
+	gap: var(--space-4);
+	align-items: center;
+	padding: var(--space-3) 0;
+	border-bottom: 1px solid var(--color-line);
+}
+
+.specimen__meta {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-05);
+}
+
+.specimen__name,
+.specimen__value {
+	font-family: var(--font-mono);
+	font-size: var(--text-2xs);
+}
+
+.specimen__name {
+	color: var(--color-ink);
+	font-weight: var(--weight-medium);
+}
+
+.specimen__value {
+	color: var(--color-ink-soft);
+}
+
+.specimen__note {
+	font-size: var(--text-2xs);
+	color: var(--color-muted);
+}
+
+.specimen__visual {
+	min-width: 0;
+}
+</style>
diff --git a/frontend-vue/src/components/ui/docs/SwatchGrid.vue b/frontend-vue/src/components/ui/docs/SwatchGrid.vue
new file mode 100644
index 000000000..498924496
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/SwatchGrid.vue
@@ -0,0 +1,103 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { readTokens, resolveToken } from './readTokens';
+
+/**
+ * A grid of colour swatches for one token prefix, or for an explicit subset of it.
+ *
+ * The swatch itself is painted with `var(--token)` rather than the resolved hex, so what you see is
+ * genuinely what the theme produces — if the alias chain breaks, the swatch goes transparent and
+ * the page shows the bug instead of hiding it behind a copied literal.
+ */
+const props = withDefaults(
+	defineProps<{
+		/** Token prefix to enumerate, including the leading `--`. */
+		prefix: string;
+		/** Restrict to these exact token names, in this order. Omit to show the whole prefix. */
+		only?: string[];
+		/** Draw a hairline border on each swatch — needed for near-white surfaces. */
+		bordered?: boolean;
+	}>(),
+	{ bordered: false },
+);
+
+const swatches = computed(() => {
+	const tokens = props.only
+		? props.only.flatMap((name) => readTokens(name).filter((token) => token.name === name))
+		: readTokens(props.prefix);
+	return tokens.map((token) => ({
+		...token,
+		literal: resolveToken(token.name) ?? '?',
+		/* An alias's declared value is the interesting part: it names which palette step it points
+		   at, which is the thing a reviewer checks. */
+		alias: token.value.startsWith('var(') ? token.value : undefined,
+	}));
+});
+</script>
+
+<template>
+	<ul class="swatch-grid">
+		<li v-for="swatch in swatches" :key="swatch.name" class="swatch">
+			<span
+				class="swatch__chip"
+				:class="{ 'swatch__chip--bordered': bordered }"
+				:style="{ background: `var(${swatch.name})` }"
+			/>
+			<code class="swatch__name">{{ swatch.name }}</code>
+			<code class="swatch__literal">{{ swatch.literal }}</code>
+			<code v-if="swatch.alias" class="swatch__alias">{{ swatch.alias }}</code>
+			<span v-if="swatch.note" class="swatch__note">{{ swatch.note }}</span>
+		</li>
+	</ul>
+</template>
+
+<style scoped>
+.swatch-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
+	gap: var(--space-4);
+	margin: var(--space-4) 0;
+	padding: 0;
+	list-style: none;
+}
+
+.swatch {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-05);
+}
+
+.swatch__chip {
+	height: 3.5rem;
+	margin-bottom: var(--space-1);
+	border-radius: var(--radius-control);
+	box-shadow: var(--shadow-card);
+}
+
+.swatch__chip--bordered {
+	box-shadow: none;
+	border: 1px solid var(--color-line);
+}
+
+.swatch__name,
+.swatch__literal,
+.swatch__alias {
+	font-family: var(--font-mono);
+	font-size: var(--text-2xs);
+}
+
+.swatch__name {
+	color: var(--color-ink);
+	font-weight: var(--weight-medium);
+}
+
+.swatch__literal {
+	color: var(--color-ink-soft);
+}
+
+.swatch__alias,
+.swatch__note {
+	color: var(--color-muted);
+	font-size: var(--text-2xs);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/docs/TokenTable.vue b/frontend-vue/src/components/ui/docs/TokenTable.vue
new file mode 100644
index 000000000..853a72a65
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/TokenTable.vue
@@ -0,0 +1,110 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import { readTokens, resolveToken, type Token } from './readTokens';
+
+/**
+ * The shared table behind most Foundations pages: one row per token, with the declared value, the
+ * value it resolves to through the alias layer, and the trailing comment from theme.css.
+ *
+ * Every Foundations grid is driven by `readTokens()` rather than a hand-written list, so a token
+ * added to theme.css shows up in the docs on the next reload with nothing else to update.
+ */
+const props = withDefaults(
+	defineProps<{
+		/** Token prefix to enumerate, including the leading `--`. Ignored when `only` is given. */
+		prefix?: string;
+		/** Exact token names, in this order. Use for groups that don't share one prefix. */
+		only?: string[];
+		/** Show the resolved literal in its own column. Off for groups that hold no aliases. */
+		resolved?: boolean;
+		/** Render a `preview` slot column. The slot receives the token. */
+		preview?: boolean;
+	}>(),
+	{ resolved: true, preview: false },
+);
+
+type Row = Token & { resolvedValue?: string };
+
+const rows = computed<Row[]>(() => {
+	const tokens = props.only
+		? props.only.flatMap((name) => readTokens(name).filter((token) => token.name === name))
+		: readTokens(props.prefix ?? '--');
+	return tokens.map((token) => ({ ...token, resolvedValue: resolveToken(token.name) }));
+});
+
+/** Only worth a column when at least one row is an alias — otherwise it duplicates `value`. */
+const showResolved = computed(() => props.resolved && rows.value.some((row) => row.value !== row.resolvedValue));
+</script>
+
+<template>
+	<table class="token-table">
+		<thead>
+			<tr>
+				<th v-if="preview" class="token-table__preview-head">Preview</th>
+				<th>Token</th>
+				<th>Declared</th>
+				<th v-if="showResolved">Resolves to</th>
+				<th>Note</th>
+			</tr>
+		</thead>
+		<tbody>
+			<tr v-for="row in rows" :key="row.name">
+				<td v-if="preview" class="token-table__preview">
+					<slot :token="row" :resolved="row.resolvedValue" />
+				</td>
+				<th scope="row"><code>{{ row.name }}</code></th>
+				<td><code>{{ row.value }}</code></td>
+				<td v-if="showResolved">
+					<code>{{ row.value === row.resolvedValue ? '—' : row.resolvedValue }}</code>
+				</td>
+				<td class="token-table__note">{{ row.note ?? '' }}</td>
+			</tr>
+		</tbody>
+	</table>
+</template>
+
+<style scoped>
+.token-table {
+	width: 100%;
+	border-collapse: collapse;
+	font-size: var(--text-sm);
+	text-align: left;
+}
+
+.token-table th,
+.token-table td {
+	padding: var(--space-2) var(--space-3);
+	border-bottom: 1px solid var(--color-line);
+	vertical-align: middle;
+}
+
+.token-table thead th {
+	font-size: var(--text-2xs);
+	font-weight: var(--weight-semibold);
+	text-transform: uppercase;
+	letter-spacing: 0.06em;
+	color: var(--color-muted);
+}
+
+.token-table tbody th {
+	font-weight: var(--weight-medium);
+	white-space: nowrap;
+}
+
+.token-table code {
+	font-family: var(--font-mono);
+	font-size: var(--text-xs);
+	color: var(--color-ink-soft);
+}
+
+.token-table__preview-head,
+.token-table__preview {
+	width: 1%;
+	white-space: nowrap;
+}
+
+.token-table__note {
+	color: var(--color-muted);
+	font-size: var(--text-xs);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/docs/TypeSpecimens.vue b/frontend-vue/src/components/ui/docs/TypeSpecimens.vue
new file mode 100644
index 000000000..47d1ce38e
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/TypeSpecimens.vue
@@ -0,0 +1,70 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import SpecimenList from './SpecimenList.vue';
+
+/**
+ * The four typography specimen grids. Each renders the same sample string at every step of one
+ * scale, which is the only way to judge whether a scale's steps are actually distinguishable — a
+ * table of rem values isn't.
+ *
+ * These live in a Vue component rather than inline in the MDX because MDX compiles to React here:
+ * a `.vue` component referenced from MDX is handed to `React.jsx()` and throws. The supported
+ * bridge is a story, so every Foundations visual is a story in `foundations.stories.ts` wrapping
+ * one of these components.
+ */
+const props = defineProps<{
+	/** Which scale to render. */
+	scale: 'family' | 'size' | 'leading' | 'weight';
+}>();
+
+const prefix = computed(
+	() =>
+		({
+			family: '--font-',
+			size: '--text-',
+			leading: '--leading-',
+			weight: '--weight-',
+		})[props.scale],
+);
+
+const SAMPLE = 'Publish your site in one prompt';
+const PARAGRAPH =
+	'SiteNova turns a prompt into a deployed website. Describe what you want, review the generated build, and publish it to your own subdomain — no toolchain, no hosting setup.';
+</script>
+
+<template>
+	<SpecimenList :prefix="prefix">
+		<template #default="{ cssVar, value }">
+			<span
+				v-if="scale === 'family'"
+				:style="{ fontFamily: `var(${cssVar})`, fontSize: 'var(--text-md)' }"
+			>
+				{{ SAMPLE }} — 0123456789
+			</span>
+			<span
+				v-else-if="scale === 'size'"
+				:style="{ fontSize: `var(${cssVar})`, lineHeight: 'var(--leading-snug)' }"
+			>
+				{{ SAMPLE }} — {{ value }}
+			</span>
+			<p
+				v-else-if="scale === 'leading'"
+				class="type-specimens__paragraph"
+				:style="{ lineHeight: `var(${cssVar})` }"
+			>
+				{{ PARAGRAPH }}
+			</p>
+			<span v-else :style="{ fontWeight: `var(${cssVar})`, fontSize: 'var(--text-md)' }">
+				{{ SAMPLE }}
+			</span>
+		</template>
+	</SpecimenList>
+</template>
+
+<style scoped>
+.type-specimens__paragraph {
+	max-width: 34rem;
+	margin: 0;
+	font-size: var(--text-base);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/docs/conventions.spec.ts b/frontend-vue/src/components/ui/docs/conventions.spec.ts
new file mode 100644
index 000000000..416007e4f
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/conventions.spec.ts
@@ -0,0 +1,56 @@
+import { describe, expect, it } from 'vitest';
+import conventionsMd from '../CONVENTIONS.md?raw';
+import conventionsMdx from './01-Conventions.mdx?raw';
+
+/**
+ * `CONVENTIONS.md` is the file a reviewer greps and a PR diffs; `01-Conventions.mdx` renders it in
+ * Storybook. The MDX must render it via `<Markdown>{conventions}</Markdown>` rather than restating
+ * it, because a hand copy drifts — that's exactly what happened to `.storybook/preview.css` before
+ * Phase 1 replaced its 40-line duplicate of App.vue's globals with a 4-line Storybook-only override.
+ *
+ * This test guards the mechanism, not the prose: if someone pastes the text into the MDX instead of
+ * importing it, the sync guarantee is gone even though the page still looks right that day.
+ */
+describe('ui conventions docs', () => {
+	it('renders CONVENTIONS.md rather than a copy of it', () => {
+		expect(conventionsMdx).toContain("import conventions from '../CONVENTIONS.md?raw'");
+		expect(conventionsMdx).toContain('<Markdown>{conventions}</Markdown>');
+	});
+
+	it('holds no prose of its own beyond the wrapper', () => {
+		// Everything outside the imports, the <Meta>, the sync-note comment and the <Markdown> call
+		// would be prose that can drift from the .md. Keep this page a shell.
+		const withoutComments = conventionsMdx.replace(/\{\/\*[\s\S]*?\*\/\}/g, '');
+		const prose = withoutComments
+			.split('\n')
+			.map((line) => line.trim())
+			.filter(
+				(line) =>
+					line !== '' && !line.startsWith('import ') && !line.startsWith('<Meta ') && !line.startsWith('<Markdown>'),
+			);
+		expect(prose).toEqual([]);
+	});
+
+	it('states the rules the primitives are reviewed against', () => {
+		// A sanity check on the source of truth itself: these are the sentences a PR comment cites, so
+		// silently dropping one should fail rather than just shrink the page. Whitespace is collapsed
+		// so a re-wrap at the 100-column limit isn't a failure.
+		const prose = conventionsMd.replace(/\s+/g, ' ');
+		for (const rule of [
+			'never both on one component',
+			'always defaulted, always geometry-only',
+			'not `notDismissible`',
+			'a JSDoc line per prop',
+			'never `left` / `right`',
+			'BEM with a `ui-` block prefix',
+			"`vue-tsc` catches a typo'd variant",
+			'Passthrough is for **layout only**',
+			'`inheritAttrs: false`',
+			'never CSS values',
+			'never `--palette-*` directly',
+			"a11y: { test: 'error' }",
+		]) {
+			expect(prose, `CONVENTIONS.md dropped: ${rule}`).toContain(rule);
+		}
+	});
+});
diff --git a/frontend-vue/src/components/ui/docs/foundations.stories.ts b/frontend-vue/src/components/ui/docs/foundations.stories.ts
new file mode 100644
index 000000000..39b4e090e
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/foundations.stories.ts
@@ -0,0 +1,125 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import type { Component } from 'vue';
+import ScaleSpecimens from './ScaleSpecimens.vue';
+import SwatchGrid from './SwatchGrid.vue';
+import TokenTable from './TokenTable.vue';
+import TypeSpecimens from './TypeSpecimens.vue';
+
+/**
+ * Every visual on the Foundations pages, as a story.
+ *
+ * The indirection exists because `@storybook/addon-docs` compiles MDX to **React**: a `.vue`
+ * component imported into an `.mdx` file is handed to `React.jsx()` and throws at render. A story is
+ * the supported bridge — it's rendered by the Vue renderer — so the MDX pages carry the prose and
+ * pull each grid in with `<Story of={...} />`.
+ *
+ * Every grid is driven by `readTokens()` reading `theme.css`, so adding a token to the theme makes
+ * it appear here with no change to this file.
+ *
+ * Excluded from the sidebar (`tags: ['!dev']`) because these are page fragments, not components
+ * anyone browses on their own.
+ */
+const meta = {
+	title: 'Foundations/Specimens',
+	tags: ['!dev', '!autodocs'],
+	parameters: {
+		// Specimens are colour and geometry samples with no accessible content of their own; running
+		// the a11y check on a bare swatch grid only produces noise about missing landmarks.
+		a11y: { disable: true },
+		layout: 'fullscreen',
+	},
+} satisfies Meta;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+/**
+ * Builds a story that renders one doc component with fixed props.
+ *
+ * Props are passed through `v-bind` rather than as story `args` on purpose: these are page fragments
+ * with no controls, and `args` would put a useless props table on a doc-only story.
+ */
+function specimen(component: Component, props: Record<string, unknown>): Story {
+	return {
+		render: () => ({
+			components: { Specimen: component },
+			setup: () => ({ props }),
+			template: '<Specimen v-bind="props" />',
+		}),
+	};
+}
+
+/* --- Color --- */
+
+export const ColorSurfaces = specimen(SwatchGrid, {
+	prefix: '--color-',
+	bordered: true,
+	only: ['--color-paper', '--color-paper-2', '--color-surface', '--color-surface-raised', '--color-overlay'],
+});
+
+export const ColorText = specimen(SwatchGrid, {
+	prefix: '--color-',
+	only: ['--color-ink', '--color-ink-soft', '--color-muted', '--color-muted-soft'],
+});
+
+export const ColorLinesAndAccent = specimen(SwatchGrid, {
+	prefix: '--color-',
+	bordered: true,
+	only: ['--color-line', '--color-line-strong', '--color-accent', '--color-accent-ink', '--color-hot'],
+});
+
+export const ColorStatus = specimen(SwatchGrid, {
+	prefix: '--color-',
+	bordered: true,
+	only: [
+		'--color-danger',
+		'--color-danger-strong',
+		'--color-danger-bg',
+		'--color-danger-border',
+		'--color-warning',
+		'--color-warning-bg',
+		'--color-warning-border',
+		'--color-success',
+		'--color-success-bg',
+		'--color-success-border',
+	],
+});
+
+export const ColorPalette = specimen(SwatchGrid, { prefix: '--palette-', bordered: true });
+
+export const ColorTable = specimen(TokenTable, { prefix: '--color-' });
+
+/* --- Typography --- */
+
+export const TypeFamilies = specimen(TypeSpecimens, { scale: 'family' });
+export const TypeSizes = specimen(TypeSpecimens, { scale: 'size' });
+export const TypeLeading = specimen(TypeSpecimens, { scale: 'leading' });
+export const TypeWeights = specimen(TypeSpecimens, { scale: 'weight' });
+
+/* --- Spacing --- */
+
+export const SpacingScale = specimen(ScaleSpecimens, { scale: 'space' });
+export const SpacingTable = specimen(TokenTable, { prefix: '--space-' });
+
+/* --- Shape --- */
+
+export const ShapeRadii = specimen(ScaleSpecimens, { scale: 'radius' });
+
+/* --- Elevation --- */
+
+export const ElevationOnPaper = specimen(ScaleSpecimens, { scale: 'shadow' });
+export const ElevationOnSurface = specimen(ScaleSpecimens, { scale: 'shadow', onSurface: true });
+export const ElevationRings = specimen(ScaleSpecimens, { scale: 'ring' });
+
+/* --- Motion --- */
+
+export const MotionDurations = specimen(ScaleSpecimens, { scale: 'motion' });
+export const MotionTable = specimen(TokenTable, { prefix: '--motion-' });
+
+/* --- Sizing and layering --- */
+
+export const ZIndexTable = specimen(TokenTable, { prefix: '--z-' });
+export const SizingTable = specimen(TokenTable, {
+	// Explicit list rather than a prefix: --header-height doesn't share one with the width tokens.
+	only: ['--header-height', '--width-panel', '--width-auth-card'],
+});
diff --git a/frontend-vue/src/components/ui/docs/readTokens.spec.ts b/frontend-vue/src/components/ui/docs/readTokens.spec.ts
new file mode 100644
index 000000000..a61568825
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/readTokens.spec.ts
@@ -0,0 +1,60 @@
+import { describe, expect, it } from 'vitest';
+import { readTokens, resolveToken } from './readTokens';
+
+/**
+ * Guards the CSS parse behind the Foundations docs. Without these, a theme.css reformat that broke
+ * the regex would leave every swatch grid silently empty — the docs would look "fine", just blank.
+ */
+describe('readTokens', () => {
+	it('finds every token group', () => {
+		// Loose lower bounds: asserting exact counts would fail every time a token is added, which is
+		// churn without signal. The point is that each group parsed at all.
+		expect(readTokens('--palette-').length).toBeGreaterThan(15);
+		expect(readTokens('--color-').length).toBeGreaterThan(15);
+		expect(readTokens('--space-').length).toBeGreaterThan(10);
+		expect(readTokens('--text-').length).toBe(7);
+		expect(readTokens('--leading-').length).toBe(4);
+		expect(readTokens('--weight-').length).toBe(4);
+		expect(readTokens('--radius-').length).toBe(4);
+		expect(readTokens('--shadow-').length).toBe(3);
+		expect(readTokens('--z-').length).toBe(6);
+	});
+
+	it('reads names and values verbatim', () => {
+		const [paper] = readTokens('--palette-blue-50');
+		expect(paper).toEqual({ name: '--palette-blue-50', value: '#f5f8fe' });
+	});
+
+	it('captures the trailing comment as a note', () => {
+		const [base] = readTokens('--text-base');
+		expect(base?.note).toBe('15px');
+	});
+
+	it('does not leak the raw palette into the semantic group', () => {
+		// `--color-` and `--palette-` must stay disjoint: components read the former, and a swatch
+		// grid that mixed them would misrepresent which layer is safe to use.
+		expect(readTokens('--color-').every((token) => !token.name.startsWith('--palette-'))).toBe(true);
+	});
+
+	describe('resolveToken', () => {
+		it('follows an alias to its literal', () => {
+			// The whole point of the indirection layer: --color-accent is var(--palette-blue-600).
+			expect(readTokens('--color-accent')[0]?.value).toBe('var(--palette-blue-600)');
+			expect(resolveToken('--color-accent')).toBe('#2b5cff');
+		});
+
+		it('returns a literal unchanged', () => {
+			expect(resolveToken('--radius-pill')).toBe('999px');
+		});
+
+		it('returns undefined for an unknown token', () => {
+			expect(resolveToken('--color-nope')).toBeUndefined();
+		});
+
+		it('leaves a composite value alone', () => {
+			// Shadows embed var()s inside a longer value; only a whole-value alias is a hop.
+			expect(resolveToken('--shadow-focus')).toBe('0 0 0 3px rgb(43 92 255 / 0.2)');
+			expect(resolveToken('--ring-focus')).toBe('0 0 0 3px rgb(43 92 255 / 0.2)');
+		});
+	});
+});
diff --git a/frontend-vue/src/components/ui/docs/readTokens.ts b/frontend-vue/src/components/ui/docs/readTokens.ts
new file mode 100644
index 000000000..02436da5e
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/readTokens.ts
@@ -0,0 +1,65 @@
+import themeCss from '@/assets/theme.css?raw';
+
+/**
+ * Reads design tokens straight out of `theme.css`, so the Foundations docs enumerate whatever the
+ * theme actually declares.
+ *
+ * The alternative — a hand-maintained `tokens.ts` mirror — is a second source of truth that drifts
+ * silently and can't be type-checked against the CSS. Vite's `?raw` gives us the file as a string
+ * and Storybook shares the app's Vite config, so this needs no extra setup. The cost is a regex
+ * over CSS, which `readTokens.spec.ts` guards: if a theme.css reformat breaks the parse, that test
+ * fails rather than the docs quietly rendering empty.
+ *
+ * Note: this import needs `test.css: true` in vitest.config.ts — vitest stubs stylesheet
+ * transforms by default, which would make `?raw` resolve to an empty string under test only.
+ */
+export type Token = {
+	/** Full custom-property name, including the leading `--`. */
+	name: string;
+	/** Declared value, verbatim — may itself be a `var(--…)` reference. */
+	value: string;
+	/** The `/* … *\/` comment trailing the declaration on the same line, if any. */
+	note?: string;
+};
+
+/** Matches one custom-property declaration plus any same-line trailing comment. */
+const DECLARATION = /^\s*(--[a-z0-9-]+)\s*:\s*([^;]+);(?:\s*\/\*\s*(.*?)\s*\*\/)?/gim;
+
+/**
+ * Every token declared in theme.css, in source order.
+ *
+ * Parsed once at module scope: the CSS is a build-time constant, so re-parsing per call would be
+ * pure waste.
+ */
+const ALL_TOKENS: Token[] = [...themeCss.matchAll(DECLARATION)].map(([, name, value, note]) => ({
+	name: name as string,
+	value: (value as string).trim(),
+	...(note ? { note } : {}),
+}));
+
+/**
+ * Tokens whose name starts with `prefix`.
+ *
+ * @param prefix Including the leading `--`, e.g. `'--color-'` or `'--space-'`.
+ */
+export function readTokens(prefix: string): Token[] {
+	return ALL_TOKENS.filter((token) => token.name.startsWith(prefix));
+}
+
+/**
+ * Resolves a token's value through the alias layer down to a literal.
+ *
+ * `--color-accent` is declared as `var(--palette-blue-600)`, which is the point of the indirection —
+ * but a swatch needs the hex to display alongside it. Follows at most `maxDepth` hops so a
+ * malformed self-reference can't spin.
+ */
+export function resolveToken(name: string, maxDepth = 5): string | undefined {
+	let current = ALL_TOKENS.find((token) => token.name === name)?.value;
+	for (let depth = 0; depth < maxDepth; depth++) {
+		if (current === undefined) return undefined;
+		const alias = /^var\(\s*(--[a-z0-9-]+)\s*\)$/i.exec(current);
+		if (!alias) return current;
+		current = ALL_TOKENS.find((token) => token.name === alias[1])?.value;
+	}
+	return current;
+}
diff --git a/frontend-vue/src/components/ui/docs/specimens.spec.ts b/frontend-vue/src/components/ui/docs/specimens.spec.ts
new file mode 100644
index 000000000..e3d782f28
--- /dev/null
+++ b/frontend-vue/src/components/ui/docs/specimens.spec.ts
@@ -0,0 +1,159 @@
+import { readdirSync, readFileSync } from 'node:fs';
+import { join, resolve } from 'node:path';
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import * as specimens from './foundations.stories';
+import { readTokens } from './readTokens';
+import ScaleSpecimens from './ScaleSpecimens.vue';
+import SpecimenList from './SpecimenList.vue';
+import SwatchGrid from './SwatchGrid.vue';
+import TokenTable from './TokenTable.vue';
+import TypeSpecimens from './TypeSpecimens.vue';
+
+/**
+ * The Foundations pages are as brittle as any other rendering code, and their failure mode is
+ * silent: a broken prefix or a renamed slot prop yields an empty grid, and an empty grid looks like
+ * a page that simply has nothing to show. These assert the grids are non-empty and that each
+ * specimen actually paints with a `var()` rather than a copied literal.
+ *
+ * They also pin the MDX↔story contract. Every Foundations page pulls its visuals in with
+ * `<Story of={Specimens.X} />`, which resolves at *runtime* in the Storybook manager — a story
+ * renamed here fails as a blank panel in the browser, not as a build error. The
+ * `story exports the MDX pages reference` test is what turns that into a red unit test instead.
+ */
+
+/** This directory. `process.cwd()` is the `frontend/` root — vitest.config.ts pins it. */
+const DOCS = resolve(process.cwd(), 'src/components/ui/docs');
+
+/** Renders one doc component with the same props its story passes. */
+function render(component: Parameters<typeof mount>[0], props: Record<string, unknown>) {
+	return mount(component, { props });
+}
+
+describe('SwatchGrid', () => {
+	it('paints each chip with the token, not a resolved literal', () => {
+		const wrapper = render(SwatchGrid, { prefix: '--color-accent', only: ['--color-accent'] });
+		// The var() indirection is the point: a copied hex would keep looking right after the alias
+		// chain broke, which is exactly the bug the docs are meant to expose.
+		expect(wrapper.get('.swatch__chip').attributes('style')).toContain('var(--color-accent)');
+	});
+
+	it('shows the resolved literal and the alias it points at', () => {
+		const wrapper = render(SwatchGrid, { prefix: '--color-', only: ['--color-accent'] });
+		expect(wrapper.text()).toContain('#2b5cff');
+		expect(wrapper.text()).toContain('var(--palette-blue-600)');
+	});
+
+	it('renders every token of a prefix when no subset is given', () => {
+		const wrapper = render(SwatchGrid, { prefix: '--palette-' });
+		expect(wrapper.findAll('.swatch')).toHaveLength(readTokens('--palette-').length);
+	});
+
+	it('ignores names in `only` that no token matches', () => {
+		// A typo'd token name must drop the row rather than render a blank swatch that reads as real.
+		const wrapper = render(SwatchGrid, { prefix: '--color-', only: ['--color-nope'] });
+		expect(wrapper.findAll('.swatch')).toHaveLength(0);
+	});
+});
+
+describe('TokenTable', () => {
+	it('adds a "Resolves to" column only when the group holds aliases', () => {
+		const aliased = render(TokenTable, { prefix: '--color-' });
+		expect(aliased.text()).toContain('Resolves to');
+
+		// The app scales are literals, so the column would just duplicate `Declared`.
+		const literal = render(TokenTable, { prefix: '--space-' });
+		expect(literal.text()).not.toContain('Resolves to');
+	});
+
+	it('surfaces the trailing theme.css comment as the note', () => {
+		const wrapper = render(TokenTable, { prefix: '--text-base' });
+		expect(wrapper.get('.token-table__note').text()).toBe('15px');
+	});
+
+	it('accepts an explicit token list for groups without a shared prefix', () => {
+		const wrapper = render(TokenTable, {
+			only: ['--header-height', '--width-panel', '--width-auth-card'],
+		});
+		expect(wrapper.findAll('tbody tr')).toHaveLength(3);
+		expect(wrapper.text()).toContain('--header-height');
+	});
+});
+
+describe('SpecimenList', () => {
+	it('passes the token name as `cssVar`, not `name`', () => {
+		// `:name` on a <slot> is the slot-name attribute, so exposing the token that way would
+		// silently pass nothing. This is the regression guard for that mistake.
+		const wrapper = mount(SpecimenList, {
+			props: { prefix: '--radius-pill' },
+			slots: { default: '<i>{{ params.cssVar }}|{{ params.value }}</i>' },
+		});
+		expect(wrapper.get('i').text()).toBe('--radius-pill|999px');
+	});
+
+	it('excludes named tokens', () => {
+		const all = render(SpecimenList, { prefix: '--space-' });
+		const without = render(SpecimenList, { prefix: '--space-', exclude: ['--space-25'] });
+		expect(without.findAll('.specimen')).toHaveLength(all.findAll('.specimen').length - 1);
+	});
+});
+
+describe('TypeSpecimens', () => {
+	it.each([
+		['family', 'font-family'],
+		['size', 'font-size'],
+		['leading', 'line-height'],
+		['weight', 'font-weight'],
+	] as const)('binds %s specimens to the %s property', (scale, property) => {
+		const wrapper = render(TypeSpecimens, { scale });
+		expect(wrapper.findAll('.specimen').length).toBeGreaterThan(0);
+		expect(wrapper.get('.specimen__visual > *').attributes('style')).toContain(property);
+	});
+});
+
+describe('ScaleSpecimens', () => {
+	it.each([
+		['space', 'width'],
+		['radius', 'border-radius'],
+		['shadow', 'box-shadow'],
+		['ring', 'box-shadow'],
+		['motion', 'transition-duration'],
+	] as const)('binds %s specimens to the %s property', (scale, property) => {
+		const wrapper = render(ScaleSpecimens, { scale });
+		expect(wrapper.findAll('.specimen').length).toBeGreaterThan(0);
+		expect(wrapper.get('.specimen__visual > *').attributes('style')).toContain(property);
+	});
+});
+
+describe('foundations stories', () => {
+	/**
+	 * Story exports named in a `<Story of={Specimens.X} />`, read out of the MDX pages themselves.
+	 *
+	 * Scanned rather than hand-listed: a hand-maintained copy of what the pages embed is the same
+	 * kind of drift this pair of tests exists to catch, one level up.
+	 */
+	const REFERENCED = [
+		...new Set(
+			readdirSync(DOCS)
+				.filter((name) => name.endsWith('.mdx'))
+				.flatMap((name) => [...readFileSync(join(DOCS, name), 'utf8').matchAll(/<Story\s+of=\{Specimens\.(\w+)\}/g)])
+				.map(([, story]) => story as string),
+		),
+	];
+
+	it('finds the story references in the MDX pages', () => {
+		// Guards the scan itself: if the regex stopped matching, REFERENCED would be empty and both
+		// assertions below would pass while checking nothing.
+		expect(REFERENCED.length).toBeGreaterThan(15);
+	});
+
+	it.each(REFERENCED)('exports %s, which an MDX page references', (name) => {
+		expect(specimens, `Foundations MDX references a story named ${name}`).toHaveProperty(name);
+	});
+
+	it('has no unreferenced stories', () => {
+		// A specimen nobody embeds is dead weight — it renders nowhere, so nobody notices it rot.
+		const exported = Object.keys(specimens).filter((key) => key !== 'default');
+		expect(exported.sort()).toEqual([...REFERENCED].sort());
+	});
+});
diff --git a/frontend-vue/src/components/ui/fieldContext.ts b/frontend-vue/src/components/ui/fieldContext.ts
new file mode 100644
index 000000000..f948d8ddf
--- /dev/null
+++ b/frontend-vue/src/components/ui/fieldContext.ts
@@ -0,0 +1,19 @@
+import type { InjectionKey, Ref } from 'vue';
+
+/**
+ * The wiring `UiField` hands to whatever control it wraps.
+ *
+ * A separate module rather than a const inside `UiField.vue`, because importing the key from the
+ * `.vue` file into `UiInput.vue` would make the two components circularly dependent.
+ */
+export interface FieldContext {
+	/** Goes on the control's `id`; `UiField`'s `<label for>` already points at it. */
+	inputId: string;
+	/** Space-joined ids of the hint and error nodes, or `undefined` when there are none. */
+	describedBy: Ref<string | undefined>;
+	/** True while the field carries an error, for `aria-invalid`. */
+	invalid: Ref<boolean>;
+	required: Ref<boolean>;
+}
+
+export const FIELD_CONTEXT: InjectionKey<FieldContext> = Symbol('ui-field');
diff --git a/frontend-vue/src/components/ui/index.ts b/frontend-vue/src/components/ui/index.ts
new file mode 100644
index 000000000..a0130457e
--- /dev/null
+++ b/frontend-vue/src/components/ui/index.ts
@@ -0,0 +1,32 @@
+/**
+ * The design system's public surface. Views import from here — `import { UiButton } from
+ * '@/components/ui'` — so a primitive can be split or renamed without touching every call site.
+ *
+ * See `CONVENTIONS.md` in this directory (rendered in Storybook under _Foundations → Conventions_)
+ * before adding one.
+ */
+
+export { FIELD_CONTEXT, type FieldContext } from './fieldContext';
+export { MENU_CONTEXT, type MenuContext } from './menuContext';
+export { TABS_CONTEXT, type TabsContext } from './tabsContext';
+export { default as UiAlert } from './UiAlert.vue';
+export { default as UiBadge } from './UiBadge.vue';
+export { default as UiButton } from './UiButton.vue';
+export { default as UiCard } from './UiCard.vue';
+export { default as UiChip } from './UiChip.vue';
+export { default as UiConfirmDialog } from './UiConfirmDialog.vue';
+export { default as UiDrawer } from './UiDrawer.vue';
+export { default as UiField } from './UiField.vue';
+export { default as UiIcon } from './UiIcon.vue';
+export { default as UiIconButton } from './UiIconButton.vue';
+export { default as UiInput } from './UiInput.vue';
+export { default as UiMenu } from './UiMenu.vue';
+export { default as UiMenuItem } from './UiMenuItem.vue';
+export { default as UiModal } from './UiModal.vue';
+export { default as UiPageShell } from './UiPageShell.vue';
+export { default as UiProgressBar } from './UiProgressBar.vue';
+export { default as UiSkeleton } from './UiSkeleton.vue';
+export { default as UiSpinner } from './UiSpinner.vue';
+export { default as UiTab } from './UiTab.vue';
+export { default as UiTabPanel } from './UiTabPanel.vue';
+export { default as UiTabs } from './UiTabs.vue';
diff --git a/frontend-vue/src/components/ui/menuContext.ts b/frontend-vue/src/components/ui/menuContext.ts
new file mode 100644
index 000000000..13e12687e
--- /dev/null
+++ b/frontend-vue/src/components/ui/menuContext.ts
@@ -0,0 +1,14 @@
+import type { InjectionKey } from 'vue';
+
+/**
+ * The wiring `UiMenu` hands to its `UiMenuItem` children.
+ *
+ * A separate module for the same reason as `tabsContext.ts`: importing the key from `UiMenu.vue`
+ * into `UiMenuItem.vue` would make the two circularly dependent.
+ */
+export interface MenuContext {
+	/** Closes the menu after an item is chosen, returning focus to the trigger. */
+	close: (options?: { returnFocus?: boolean }) => void;
+}
+
+export const MENU_CONTEXT: InjectionKey<MenuContext> = Symbol('ui-menu');
diff --git a/frontend-vue/src/components/ui/tabsContext.ts b/frontend-vue/src/components/ui/tabsContext.ts
new file mode 100644
index 000000000..db72faf3e
--- /dev/null
+++ b/frontend-vue/src/components/ui/tabsContext.ts
@@ -0,0 +1,25 @@
+import type { InjectionKey, Ref } from 'vue';
+
+/**
+ * The wiring `UiTabs` hands to its `UiTab` and `UiTabPanel` children.
+ *
+ * A separate module rather than a const inside `UiTabs.vue`, for the same reason as
+ * `fieldContext.ts`: importing the key from the parent `.vue` into the children would make them
+ * circularly dependent.
+ */
+export interface TabsContext {
+	/** The selected tab's `value`. */
+	selected: Ref<string>;
+	/** Selects a tab and emits `update:modelValue` on the parent. */
+	select: (value: string) => void;
+	/** Registers a tab so keyboard navigation knows the DOM order and which entries are disabled. */
+	register: (value: string, disabled: Ref<boolean>) => void;
+	unregister: (value: string) => void;
+	/** Moves selection and focus relative to the current tab, skipping disabled ones. */
+	moveFocus: (from: string, direction: 'next' | 'prev' | 'first' | 'last') => void;
+	/** Derives the shared id pair so a tab and its panel can point at each other. */
+	tabId: (value: string) => string;
+	panelId: (value: string) => string;
+}
+
+export const TABS_CONTEXT: InjectionKey<TabsContext> = Symbol('ui-tabs');
diff --git a/frontend-vue/src/composables/useAnalytics.ts b/frontend-vue/src/composables/useAnalytics.ts
new file mode 100644
index 000000000..c370093ce
--- /dev/null
+++ b/frontend-vue/src/composables/useAnalytics.ts
@@ -0,0 +1,12 @@
+// Replaces the `angulartics2On` / `angularticsAction` template directives:
+//   const { trackEvent } = useAnalytics();
+//   <UiButton @click="trackEvent('Connections: add connection is clicked')">
+import amplitude from 'amplitude-js';
+
+export function trackEvent(action: string, properties?: Record<string, unknown>): void {
+	amplitude.getInstance().logEvent(action, properties);
+}
+
+export function useAnalytics() {
+	return { trackEvent };
+}
diff --git a/frontend-vue/src/composables/useAppSession.spec.ts b/frontend-vue/src/composables/useAppSession.spec.ts
new file mode 100644
index 000000000..c5508ccf4
--- /dev/null
+++ b/frontend-vue/src/composables/useAppSession.spec.ts
@@ -0,0 +1,142 @@
+import { flushPromises } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { effectScope, reactive } from 'vue';
+import { CURRENT_FEATURE_NOTIFICATION_ID, useAppSession } from './useAppSession';
+
+const currentUser = { id: 'u1', email: 'ada@example.com', isActive: true, intercom_hash: 'hash' };
+let deletedListener: (() => void) | null = null;
+
+const auth = reactive({
+	isAuthenticated: false,
+	logOut: vi.fn(async () => {}),
+});
+const user = reactive({
+	currentUser: null as typeof currentUser | null,
+	fetchUser: vi.fn(async () => {
+		user.currentUser = currentUser;
+		return currentUser;
+	}),
+	clearUser: vi.fn(() => {
+		user.currentUser = null;
+	}),
+	onAccountDeleted: vi.fn((listener: () => void) => {
+		deletedListener = listener;
+		return () => {
+			deletedListener = null;
+		};
+	}),
+});
+const connections = reactive({ connectionsVersion: 0, fetchConnections: vi.fn(async () => []) });
+const uiSettings = reactive({
+	getUiSettings: vi.fn(async () => ({ globalSettings: { lastFeatureNotificationId: 'older' } })),
+	updateGlobalSetting: vi.fn(),
+});
+
+vi.mock('@/stores/auth', () => ({ useAuthStore: () => auth }));
+vi.mock('@/stores/user', () => ({ useUserStore: () => user }));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => connections }));
+vi.mock('@/stores/ui-settings', () => ({ useUiSettingsStore: () => uiSettings }));
+
+function startSession() {
+	const scope = effectScope();
+	const session = scope.run(() => useAppSession());
+	if (!session) throw new Error('no session');
+	return { session, scope };
+}
+
+describe('useAppSession', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		auth.isAuthenticated = false;
+		user.currentUser = null;
+		connections.connectionsVersion = 0;
+		window.Intercom = vi.fn();
+	});
+
+	afterEach(() => {
+		delete window.Intercom;
+	});
+
+	it('stays signed out without a session', async () => {
+		const { session, scope } = startSession();
+		await flushPromises();
+
+		expect(session.userLoggedIn.value).toBe(false);
+		expect(user.fetchUser).not.toHaveBeenCalled();
+		scope.stop();
+	});
+
+	it('loads the user, boots Intercom and fetches connections once signed in', async () => {
+		auth.isAuthenticated = true;
+		const { session, scope } = startSession();
+		expect(session.userLoggedIn.value).toBeNull();
+		await flushPromises();
+
+		expect(session.userLoggedIn.value).toBe(true);
+		expect(window.Intercom).toHaveBeenCalledWith(
+			'boot',
+			expect.objectContaining({ user_id: 'u1', email: 'ada@example.com', user_hash: 'hash' }),
+		);
+		expect(connections.fetchConnections).toHaveBeenCalledTimes(1);
+
+		connections.connectionsVersion++;
+		await flushPromises();
+		expect(connections.fetchConnections).toHaveBeenCalledTimes(2);
+		scope.stop();
+	});
+
+	it('shows the feature notification until it is dismissed', async () => {
+		auth.isAuthenticated = true;
+		const { session, scope } = startSession();
+		await flushPromises();
+
+		expect(session.isFeatureNotificationShown.value).toBe(true);
+		session.dismissFeatureNotification();
+		expect(uiSettings.updateGlobalSetting).toHaveBeenCalledWith(
+			'lastFeatureNotificationId',
+			CURRENT_FEATURE_NOTIFICATION_ID,
+		);
+		expect(session.isFeatureNotificationShown.value).toBe(false);
+		scope.stop();
+	});
+
+	it('hides the feature notification for users who already saw it', async () => {
+		uiSettings.getUiSettings.mockResolvedValueOnce({
+			globalSettings: { lastFeatureNotificationId: CURRENT_FEATURE_NOTIFICATION_ID },
+		});
+		auth.isAuthenticated = true;
+		const { session, scope } = startSession();
+		await flushPromises();
+
+		expect(session.isFeatureNotificationShown.value).toBe(false);
+		scope.stop();
+	});
+
+	it('clears the user when the session ends', async () => {
+		auth.isAuthenticated = true;
+		const { session, scope } = startSession();
+		await flushPromises();
+
+		auth.isAuthenticated = false;
+		await flushPromises();
+
+		expect(user.clearUser).toHaveBeenCalled();
+		expect(session.userLoggedIn.value).toBe(false);
+		scope.stop();
+	});
+
+	it('logs out with the user email, and as expired after account deletion', async () => {
+		auth.isAuthenticated = true;
+		const { session, scope } = startSession();
+		await flushPromises();
+
+		await session.logOut();
+		expect(auth.logOut).toHaveBeenCalledWith(false, 'ada@example.com');
+
+		deletedListener?.();
+		expect(auth.logOut).toHaveBeenLastCalledWith(true);
+
+		scope.stop();
+		expect(deletedListener).toBeNull();
+	});
+});
diff --git a/frontend-vue/src/composables/useAppSession.ts b/frontend-vue/src/composables/useAppSession.ts
new file mode 100644
index 000000000..477f45c93
--- /dev/null
+++ b/frontend-vue/src/composables/useAppSession.ts
@@ -0,0 +1,88 @@
+// The session bootstrap that lived in AppComponent: once signed in, load the user, boot Intercom,
+// keep the connections list fresh and decide whether to show the feature notification; log out on
+// account deletion.
+import { onScopeDispose, ref, watch } from 'vue';
+import { useAuthStore } from '@/stores/auth';
+import { useConnectionsStore } from '@/stores/connections';
+import { useUiSettingsStore } from '@/stores/ui-settings';
+import { useUserStore } from '@/stores/user';
+
+/** Bump when a new feature notification ships; users who dismissed the previous one see it once. */
+export const CURRENT_FEATURE_NOTIFICATION_ID = 'edit-schema';
+
+export function useAppSession() {
+	const auth = useAuthStore();
+	const user = useUserStore();
+	const connections = useConnectionsStore();
+	const uiSettings = useUiSettingsStore();
+
+	/** null while unknown (signed in, user not loaded yet), like AppComponent.userLoggedIn. */
+	const userLoggedIn = ref<boolean | null>(auth.isAuthenticated ? null : false);
+	const isFeatureNotificationShown = ref(false);
+	let stopConnectionsWatch: (() => void) | null = null;
+
+	async function initializeUserSession(): Promise<void> {
+		const currentUser = await user.fetchUser();
+		userLoggedIn.value = true;
+		window.Intercom?.('boot', {
+			...window.intercomSettings,
+			user_hash: currentUser.intercom_hash,
+			user_id: currentUser.id,
+			email: currentUser.email,
+			hide_default_launcher: window.innerWidth <= 600,
+		});
+
+		// Replaces `_connections.cast.subscribe(() => fetchConnections())`.
+		stopConnectionsWatch?.();
+		stopConnectionsWatch = watch(
+			() => connections.connectionsVersion,
+			() => {
+				connections.fetchConnections().catch(() => {});
+			},
+			{ immediate: true },
+		);
+
+		const settings = await uiSettings.getUiSettings();
+		isFeatureNotificationShown.value =
+			settings?.globalSettings?.lastFeatureNotificationId !== CURRENT_FEATURE_NOTIFICATION_ID;
+	}
+
+	watch(
+		() => auth.isAuthenticated,
+		(isAuthenticated) => {
+			if (isAuthenticated) {
+				initializeUserSession().catch(() => {});
+			} else {
+				stopConnectionsWatch?.();
+				stopConnectionsWatch = null;
+				isFeatureNotificationShown.value = false;
+				user.clearUser();
+				userLoggedIn.value = false;
+			}
+		},
+		{ immediate: true },
+	);
+
+	const stopAccountDeleted = user.onAccountDeleted(() => {
+		auth.logOut(true).catch(() => {});
+	});
+	onScopeDispose(() => {
+		stopAccountDeleted();
+		stopConnectionsWatch?.();
+	});
+
+	async function logOut(): Promise<void> {
+		await auth.logOut(false, user.currentUser?.email);
+	}
+
+	function dismissFeatureNotification(): void {
+		uiSettings.updateGlobalSetting('lastFeatureNotificationId', CURRENT_FEATURE_NOTIFICATION_ID);
+		isFeatureNotificationShown.value = false;
+	}
+
+	function openSupportChat(): void {
+		window.Intercom?.('show');
+	}
+
+	return { userLoggedIn, isFeatureNotificationShown, logOut, dismissFeatureNotification, openSupportChat };
+}
diff --git a/frontend-vue/src/composables/useCedarValidator.spec.ts b/frontend-vue/src/composables/useCedarValidator.spec.ts
new file mode 100644
index 000000000..ddc46fc94
--- /dev/null
+++ b/frontend-vue/src/composables/useCedarValidator.spec.ts
@@ -0,0 +1,52 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { loadCedarWasm } from '@/lib/cedar-wasm';
+import { useCedarValidator, validateCedarPolicy } from './useCedarValidator';
+
+vi.mock('@/lib/cedar-wasm', () => ({ loadCedarWasm: vi.fn() }));
+
+const checkParsePolicySet = vi.fn();
+
+describe('useCedarValidator', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		vi.mocked(loadCedarWasm).mockResolvedValue({ checkParsePolicySet } as unknown as Awaited<
+			ReturnType<typeof loadCedarWasm>
+		>);
+	});
+
+	it('accepts an empty policy without loading the engine', async () => {
+		await expect(validateCedarPolicy('   \n')).resolves.toEqual({ valid: true, errors: [] });
+		expect(loadCedarWasm).not.toHaveBeenCalled();
+	});
+
+	it('accepts a policy set that parses', async () => {
+		checkParsePolicySet.mockReturnValue({ type: 'success' });
+
+		await expect(useCedarValidator().validate('permit(principal, action, resource);')).resolves.toEqual({
+			valid: true,
+			errors: [],
+		});
+		expect(checkParsePolicySet).toHaveBeenCalledWith({
+			staticPolicies: 'permit(principal, action, resource);',
+			templates: {},
+			templateLinks: [],
+		});
+	});
+
+	it('returns the parse errors as strings', async () => {
+		checkParsePolicySet.mockReturnValue({
+			type: 'failure',
+			errors: [{ message: 'unexpected token' }, 'plain string', 42],
+		});
+
+		await expect(validateCedarPolicy('permit(')).resolves.toEqual({
+			valid: false,
+			errors: ['unexpected token', 'plain string', '42'],
+		});
+	});
+
+	it('copes with a failure without errors', async () => {
+		checkParsePolicySet.mockReturnValue({ type: 'failure' });
+		await expect(validateCedarPolicy('permit(')).resolves.toEqual({ valid: false, errors: [] });
+	});
+});
diff --git a/frontend-vue/src/composables/useCedarValidator.ts b/frontend-vue/src/composables/useCedarValidator.ts
new file mode 100644
index 000000000..2a57c7348
--- /dev/null
+++ b/frontend-vue/src/composables/useCedarValidator.ts
@@ -0,0 +1,29 @@
+// Port of frontend/src/app/services/cedar-validator.service.ts: syntax-checks a Cedar policy set in
+// the wasm engine (the policy editor dialog validates before saving).
+import { loadCedarWasm } from '@/lib/cedar-wasm';
+
+export interface CedarValidationResult {
+	valid: boolean;
+	errors: string[];
+}
+
+/** An empty policy is valid: it grants nothing. */
+export async function validateCedarPolicy(policyText: string): Promise<CedarValidationResult> {
+	if (!policyText.trim()) return { valid: true, errors: [] };
+
+	const cedar = await loadCedarWasm();
+	const result = cedar.checkParsePolicySet({ staticPolicies: policyText, templates: {}, templateLinks: [] });
+	if (result.type === 'success') return { valid: true, errors: [] };
+
+	return { valid: false, errors: (result.errors ?? []).map(errorMessage) };
+}
+
+export function useCedarValidator() {
+	return { validate: validateCedarPolicy };
+}
+
+function errorMessage(error: unknown): string {
+	if (typeof error === 'string') return error;
+	if (error && typeof error === 'object' && 'message' in error) return String((error as { message: unknown }).message);
+	return String(error);
+}
diff --git a/frontend-vue/src/composables/useDialog.ts b/frontend-vue/src/composables/useDialog.ts
new file mode 100644
index 000000000..aa7a01406
--- /dev/null
+++ b/frontend-vue/src/composables/useDialog.ts
@@ -0,0 +1,87 @@
+// Programmatic dialogs, replacing MatDialog. Keeps the Angular call shape so the 47 dialogs port
+// mechanically:
+//
+//   const dialog = useDialog();
+//   const result = await dialog.open(DeleteRowDialog, { data: { row } }).afterClosed();
+//
+// The dialog component receives `data` as a prop and closes itself through `useDialogRef()`
+// (AppDialog and AppDialogForm do that for it on Escape, backdrop and Cancel).
+import { defineStore } from 'pinia';
+import { type Component, type InjectionKey, inject, markRaw, ref, shallowRef } from 'vue';
+
+export interface DialogRef<R = unknown> {
+	readonly id: number;
+	close(result?: R): void;
+	/** Resolves with the value passed to `close()`, or `undefined` when dismissed. */
+	afterClosed(): Promise<R | undefined>;
+}
+
+export interface DialogConfig<D> {
+	data?: D;
+}
+
+export interface DialogEntry {
+	id: number;
+	component: Component;
+	data: unknown;
+	ref: DialogRef;
+}
+
+export const DIALOG_REF: InjectionKey<DialogRef> = Symbol('DialogRef');
+
+export const useDialogsStore = defineStore('dialogs', () => {
+	const entries = shallowRef<DialogEntry[]>([]);
+	const counter = ref(0);
+
+	function open<R = unknown, D = unknown>(component: Component, config: DialogConfig<D> = {}): DialogRef<R> {
+		const id = ++counter.value;
+		let resolveClosed: (value: R | undefined) => void = () => {};
+		const closed = new Promise<R | undefined>((resolve) => {
+			resolveClosed = resolve;
+		});
+		let isClosed = false;
+
+		const dialogRef: DialogRef<R> = {
+			id,
+			close(result?: R) {
+				if (isClosed) return;
+				isClosed = true;
+				entries.value = entries.value.filter((entry) => entry.id !== id);
+				resolveClosed(result);
+			},
+			afterClosed: () => closed,
+		};
+
+		entries.value = [
+			...entries.value,
+			{ id, component: markRaw(component), data: config.data, ref: dialogRef as DialogRef },
+		];
+		return dialogRef;
+	}
+
+	function closeAll(): void {
+		for (const entry of [...entries.value]) entry.ref.close();
+	}
+
+	return { entries, open, closeAll };
+});
+
+export function useDialog() {
+	const store = useDialogsStore();
+	return {
+		open: store.open,
+		closeAll: store.closeAll,
+	};
+}
+
+/** Inside a dialog opened with `useDialog().open()`: the handle to close it with a result. */
+export function useDialogRef<R = unknown>(): DialogRef<R> {
+	const dialogRef = inject(DIALOG_REF, null);
+	if (!dialogRef) throw new Error('useDialogRef() must be called inside a dialog opened with useDialog().open()');
+	return dialogRef as DialogRef<R>;
+}
+
+/** Same as useDialogRef(), but null when the component is rendered inline rather than opened. */
+export function useOptionalDialogRef<R = unknown>(): DialogRef<R> | null {
+	return inject(DIALOG_REF, null) as DialogRef<R> | null;
+}
diff --git a/frontend-vue/src/composables/useNotify.ts b/frontend-vue/src/composables/useNotify.ts
new file mode 100644
index 000000000..aea815aec
--- /dev/null
+++ b/frontend-vue/src/composables/useNotify.ts
@@ -0,0 +1,11 @@
+// Replaces MatSnackBar at call sites: `const notify = useNotify(); notify.success('Saved.')`.
+import { useNotificationsStore } from '@/stores/notifications';
+
+export function useNotify() {
+	const notifications = useNotificationsStore();
+	return {
+		success: (message: string, position?: 'top' | 'bottom') => notifications.showSuccessSnackbar(message, position),
+		error: (message: string) => notifications.showErrorSnackbar(message),
+		dismiss: (id: number) => notifications.dismissSnackbar(id),
+	};
+}
diff --git a/frontend-vue/src/consts/acronyms.ts b/frontend-vue/src/consts/acronyms.ts
new file mode 100644
index 000000000..990f4c316
--- /dev/null
+++ b/frontend-vue/src/consts/acronyms.ts
@@ -0,0 +1,5828 @@
+export default [
+	'0D',
+	'1AM',
+	'1D',
+	'2AM',
+	'2D',
+	'2G',
+	'2LA',
+	'2Lt',
+	'3AM',
+	'3D',
+	'3G',
+	'3i',
+	'3M',
+	'4D',
+	'4G',
+	'4GL',
+	'4WD',
+	'5D',
+	'6D',
+	'7D',
+	'8D',
+	'9D',
+	'A1C',
+	'A4',
+	'A10',
+	'aa',
+	'aA',
+	'AA',
+	'AAA',
+	'AAAI',
+	'AAAS',
+	'AAAV',
+	'AAC',
+	'AAD',
+	'AADD',
+	'AADT',
+	'AADAC',
+	'AADC',
+	'AAFC',
+	'AAFES',
+	'AAI',
+	'AAIS',
+	'AAM',
+	'AAMOF',
+	'AAN',
+	'AANEAS',
+	'AAODL',
+	'AAP',
+	'AAPC',
+	'aar',
+	'AAR',
+	'AARP',
+	'AAS',
+	'AASPEM',
+	'AAT',
+	'AAV',
+	'AAWC',
+	'ab',
+	'AB',
+	'ABA',
+	'ABB',
+	'ABBA',
+	'ABC',
+	'ABCA',
+	'ABCS',
+	'ABET',
+	'ABFIST',
+	'ABGI',
+	'ABIN',
+	'abk',
+	'ABL',
+	'ABLE',
+	'ABM',
+	'ABMC',
+	'ABN',
+	'ABPI',
+	'ABRSM',
+	'ABS',
+	'ABSA',
+	'ABSTRIPS',
+	'ABV',
+	'ABW',
+	'aC',
+	'Ac',
+	'AC',
+	'AC1',
+	'AC2',
+	'ACA',
+	'ACARS',
+	'ACAS',
+	'ACB',
+	'ACC',
+	'ACCA',
+	'ACCAC',
+	'ACCD',
+	'ACCS',
+	'ACDA',
+	'ACDC',
+	'ACDT',
+	'ACE',
+	'ACES',
+	'ACF',
+	'ACHT',
+	'ACID',
+	'ACINT',
+	'ACK',
+	'ACL',
+	'ACLJ',
+	'ACLOS',
+	'ACLS',
+	'ACLU',
+	'ACM',
+	'ACMC',
+	'ACN',
+	'ACNA',
+	'ACO',
+	'ACOBA',
+	'ACOG',
+	'ACOM',
+	'ACORN',
+	'ACP',
+	'ACR',
+	'ACRI',
+	'ACRT',
+	'ACS',
+	'ACSC',
+	'ACST',
+	'ACST',
+	'ACT',
+	'ACTD',
+	'ACTF',
+	'ACTU',
+	'ACU',
+	'ACUF',
+	'ACV',
+	'AD',
+	'ADA',
+	'ADAC',
+	'ADAGE',
+	'ADAP',
+	'ADAS',
+	'ADAT',
+	'ADatP',
+	'ADATS',
+	'ADB',
+	'ADC',
+	'ADCTS',
+	'ADD',
+	'ADDIE',
+	'ADDNS',
+	'ADF',
+	'ADGB',
+	'ADHD',
+	'ADHS',
+	'ADI',
+	'ADIZ',
+	'ADL',
+	'ADM',
+	'ADOA',
+	'ADP',
+	'ADRG',
+	'ADS',
+	'ADSR',
+	'ADT',
+	'ADTB',
+	'ADW',
+	'ae',
+	'AE',
+	'AED',
+	'AEDT',
+	'AEF',
+	'AEGIS',
+	'AESR',
+	'AEST',
+	'aet',
+	'AEW',
+	'af',
+	'aF',
+	'AF',
+	'AFA',
+	'AFAIC',
+	'AFAICT',
+	'AFAIK',
+	'AFAIR',
+	'AFAM',
+	'AFATDS',
+	'AFC',
+	'AFCEA',
+	'AFDB',
+	'AFES',
+	'AFG',
+	'AFI',
+	'AFIS',
+	'AFIST',
+	'AFJ',
+	'AFK',
+	'AFL',
+	'AFLAC',
+	'AFM',
+	'AFN',
+	'AFO',
+	'AFOSR',
+	'AFP',
+	'AFQT',
+	'afr',
+	'AFRC',
+	'AFRL',
+	'AFROTC',
+	'AFRRI',
+	'AFRTS',
+	'AFS',
+	'AFSC',
+	'AFSCN',
+	'AFSPC',
+	'AFT',
+	'AFV',
+	'AFWA',
+	'ag',
+	'Ag',
+	'AG',
+	'AGA',
+	'AGARD',
+	'AGARDograph',
+	'AGASA',
+	'AGB',
+	'AGC',
+	'AGC',
+	'AGDC',
+	'AGI',
+	'AGL',
+	'AGM',
+	'AGN',
+	'AGO',
+	'AGP',
+	'AGRICOLA',
+	'AGS',
+	'AGTS',
+	'AGU',
+	'AGW',
+	'aH',
+	'Ah',
+	'AH',
+	'AHA',
+	'AHCPR',
+	'AHEC',
+	'AHPCRC',
+	'AHQ',
+	'AHRQ',
+	'AHS',
+	'AI',
+	'AIA',
+	'AIAA',
+	'AIC',
+	'AICD',
+	'AICMFP',
+	'AID',
+	'AIDS',
+	'AIM',
+	'AIMP',
+	'AIPAC',
+	'AIR',
+	'AIRFA',
+	'AIRS',
+	'AIS',
+	'AISB',
+	'aJ',
+	'AJ',
+	'Ajax',
+	'AJD',
+	'AJP',
+	'AJPW',
+	'ak',
+	'aK',
+	'AK',
+	'aka',
+	'AKA',
+	'AKDT',
+	'AKST',
+	'AKP',
+	'aL',
+	'Al',
+	'AL',
+	'ALA',
+	'ALAP',
+	'ALARM',
+	'ALB',
+	'ALD',
+	'ALERT',
+	'ALF',
+	'ALG',
+	'ALGOL',
+	'ALL',
+	'ALOA',
+	'ALOC',
+	'ALPA',
+	'ALS',
+	'ALSHS',
+	'ALSP',
+	'ALTE',
+	'ALTACS',
+	'am',
+	'Am',
+	'AM',
+	'AM1',
+	'AMA',
+	'AMAPS',
+	'AMC',
+	'AMCB',
+	'AMD',
+	'AMF',
+	'AMFOM',
+	'AMFR',
+	'AMFRS',
+	'amh',
+	'AML',
+	'AMLCD',
+	'AMLO',
+	'AMO',
+	'AMOLED',
+	'AMOS',
+	'AMP',
+	'AMRAAM',
+	'AMRDEC',
+	'AMS',
+	'AMSAA',
+	'AMSO',
+	'AMSU',
+	'AMTE',
+	'an',
+	'aN',
+	'AN',
+	'ANA',
+	'ANC',
+	'AND',
+	'ANFO',
+	'ANG',
+	'ANGLiCo',
+	'ANL',
+	'ANM',
+	'ANOVA',
+	'ANS',
+	'ANSI',
+	'ANTM',
+	'ANT',
+	'ANTY',
+	'ANWR',
+	'ANZ',
+	'ANZAC',
+	'AO',
+	'AOA',
+	'AOC',
+	'AOD',
+	'AOI',
+	'AOL',
+	'AOR',
+	'AOSTH',
+	'AOTS',
+	'AOU',
+	'AP',
+	'APA',
+	'APB',
+	'APC',
+	'APEC',
+	'APCNR',
+	'APCR',
+	'APDS',
+	'APEDS',
+	'APEX',
+	'APFSDS',
+	'APHA',
+	'APHE',
+	'APHIS',
+	'API',
+	'APL',
+	'APM',
+	'APOD',
+	'APOE',
+	'APOLLO',
+	'APP',
+	'APR',
+	'APS',
+	'AQ',
+	'AQIM',
+	'ar',
+	'Ar',
+	'AR',
+	'ara',
+	'ARAG',
+	'ARB',
+	'ARBA',
+	'ARC',
+	'ARCA',
+	'ARCENT',
+	'ARDA',
+	'ARE',
+	'ARF',
+	'arg',
+	'ARG',
+	'ARH',
+	'ARI',
+	'ARL',
+	'ARM',
+	'ARNet',
+	'ARP',
+	'ARPA',
+	'ARRC',
+	'ARRF',
+	'ARRL',
+	'ARS',
+	'ARSC',
+	'ARSPACE',
+	'ART',
+	'ARTCC',
+	'ARWG',
+	'as',
+	'aS',
+	'As',
+	'AS',
+	'AS',
+	'ASA',
+	'ASAP',
+	'ASARS',
+	'ASB',
+	'asbl',
+	'ASBO',
+	'ASCAP',
+	'ASCC',
+	'ASCIET',
+	'ASCII',
+	'ASD',
+	'ASDIC',
+	'ASEAN',
+	'ASFAR',
+	'ASG',
+	'ASIC',
+	'ASICS',
+	'ASIO',
+	'ASIP',
+	'ASL',
+	'asm',
+	'ASM',
+	'ASMB',
+	'ASME',
+	'ASMP',
+	'ASN',
+	'ASOC',
+	'ASP',
+	'ASPI',
+	'ASR',
+	'ASRAAM',
+	'ASSC',
+	'AST',
+	'ASTIA',
+	'ASTM',
+	'ASTREA',
+	'ASUW',
+	'ASVAB',
+	'ASVEL',
+	'ASW',
+	'ASWORG',
+	'ASX',
+	'aT',
+	'At',
+	'ATA',
+	'ATAC',
+	'ATACMS',
+	'ATAPI',
+	'ATAS',
+	'ATAT',
+	'ATB',
+	'ATC',
+	'ATCCIS',
+	'ATESS',
+	'ATF',
+	'ATG',
+	'ATGM',
+	'ATGW',
+	'ATI',
+	'Atisbo',
+	'ATK',
+	'ATL',
+	'ATLAS',
+	'ATM',
+	'ATN',
+	'ATO',
+	'ATP',
+	'ATSD',
+	'ATSDR',
+	'ATV',
+	'ATWA',
+	'Au',
+	'AU',
+	'AUC',
+	'AUD',
+	'AUS',
+	'AUSCANNZUKUS',
+	'Auslan',
+	'AUT',
+	'AUTL',
+	'av',
+	'aV',
+	'Av',
+	'AV',
+	'ava',
+	'AVA',
+	'AVB',
+	'AVDLR',
+	'ave',
+	'AVGP',
+	'AVI',
+	'AVIM',
+	'AVLB',
+	'AVM',
+	'AVO',
+	'AVP',
+	'AVP',
+	'AVRE',
+	'AVTB',
+	'AVUM',
+	'AVVO',
+	'aW',
+	'AW',
+	'AWA',
+	'AWACS',
+	'AWC',
+	'AWD',
+	'AWE',
+	'AWG',
+	'AWOL',
+	'AWP',
+	'AWSIM',
+	'AWST',
+	'AWW',
+	'AX',
+	'AXP',
+	'ay',
+	'AY',
+	'AYBABTU',
+	'aym',
+	'AYU',
+	'az',
+	'AZ',
+	'aze',
+	'AZE',
+	'AZN',
+	'AZUR',
+	'BAR',
+	'BB',
+	'BBB',
+	'BBC',
+	'BBD',
+	'BBL',
+	'BBS',
+	'BBYO',
+	'BC',
+	'BCA',
+	'BCCI',
+	'BCE',
+	'BCS',
+	'BEA',
+	'BES',
+	'BH',
+	'BHS',
+	'BNF',
+	'BNP',
+	'BO',
+	'BoAML',
+	'BOC',
+	'BOGs',
+	'BOI',
+	'BOM',
+	'BOQ',
+	'BOT',
+	'BP',
+	'BPV',
+	'BQ',
+	'BR',
+	'BRB',
+	'BRN',
+	'BS',
+	'BSA',
+	'BSatCoP',
+	'BSD',
+	'BSE',
+	'BSN',
+	'BSNL',
+	'BSP',
+	'BST',
+	'Bt',
+	'BT',
+	'BTN',
+	'C2C',
+	'Ca',
+	'CA',
+	'CAA',
+	'CAAT',
+	'CAC',
+	'CACM',
+	'CAD',
+	'CADCAM',
+	'CADPAT',
+	'CADMID',
+	'CAE',
+	'CAEn',
+	'CAF',
+	'CAFAD',
+	'CAFDE',
+	'CAI',
+	'CAIR',
+	'CALABARZON',
+	'CalPERS',
+	'Caltrans',
+	'CAM',
+	'CAMRA',
+	'CANA',
+	'CANDU',
+	'Canola',
+	'CAP',
+	'CAPES',
+	'CARE',
+	'CARMONETTE',
+	'CARP',
+	'CART',
+	'CAS',
+	'CASA',
+	'CASE',
+	'CASS',
+	'CASTFOREM',
+	'CASTOR',
+	'cat',
+	'CAT',
+	'CATK',
+	'CATS',
+	'CATT',
+	'CAV',
+	'CAVOK',
+	'CAW',
+	'CB',
+	'CBASSE',
+	'CBC',
+	'CBE',
+	'CBF',
+	'CBGB',
+	'CBLA',
+	'CBN',
+	'CBM',
+	'CBML',
+	'CBOL',
+	'CBOT',
+	'CBR',
+	'CBRN',
+	'CBRNE',
+	'CBS',
+	'CBT',
+	'CBUS',
+	'CC',
+	'CCA',
+	'CCC',
+	'CCCP',
+	'CCD',
+	'CCF',
+	'CCG',
+	'CCGC',
+	'CCGH',
+	'CCGS',
+	'CCH',
+	'CCIF',
+	'CCII',
+	'CCIR',
+	'CCIT',
+	'CCITT',
+	'CCK',
+	'CCM',
+	'CCOC',
+	'CCOP',
+	'CCP',
+	'CCPA',
+	'CCR',
+	'CCRAp',
+	'CCRP',
+	'CCRTS',
+	'CCSCS',
+	'CCSCS',
+	'CCSIL',
+	'CCSK',
+	'CCT',
+	'CCTT',
+	'cd',
+	'Cd',
+	'CD',
+	'CD1',
+	'CDA',
+	'CDC',
+	'CDD',
+	'CDE',
+	'CDEC',
+	'CDF',
+	'CDIAC',
+	'CDipAF',
+	'CDL',
+	'CDM',
+	'CDMA',
+	'CDMSII',
+	'Cdr',
+	'CDS',
+	'Cdt',
+	'CDT',
+	'ce',
+	'Ce',
+	'CE',
+	'CEA',
+	'CECOM',
+	'CEDEX',
+	'CEGEP',
+	'CEI',
+	'CENTCOM',
+	'CENTO',
+	'CENZUB',
+	'CEO',
+	'CEP',
+	'CEPT',
+	'CERCLA',
+	'CERDEC',
+	'CERGA',
+	'CERN',
+	'CERT',
+	'ces',
+	'CESS',
+	'CEV',
+	'CEWC',
+	'Cf',
+	'CF',
+	'CFA',
+	'CFAR',
+	'CFC',
+	'CFES',
+	'CFFZ',
+	'CFG',
+	'CFHT',
+	'CFI',
+	'CFL',
+	'CFLCC',
+	'CFM',
+	'CFO',
+	'CFP',
+	'CFR',
+	'CFRP',
+	'CFS',
+	'CFSP',
+	'CFU',
+	'CFV',
+	'CFZ',
+	'CG',
+	'CGDC',
+	'CGF',
+	'CGH',
+	'CGIG',
+	'CGM',
+	'CGO',
+	'CGS',
+	'CGT',
+	'ch',
+	'ch',
+	'CH',
+	'cha',
+	'CHAMPUS',
+	'CHAOS',
+	'CHAPS',
+	'CHDK',
+	'che',
+	'CHE',
+	'CHF',
+	'CHI',
+	'CHI',
+	'CHiP',
+	'CHIPS',
+	'CHL',
+	'CHLA',
+	'CHN',
+	'CHOGM',
+	'CHP',
+	'CHPSO',
+	'CHS',
+	'CHT',
+	'chu',
+	'chv',
+	'CREN',
+	'Ci',
+	'CI',
+	'CIA',
+	'CIAO',
+	'CIB',
+	'CIBC',
+	'CICS',
+	'CID',
+	'CID',
+	'CIEF',
+	'CIF',
+	'CIMIC',
+	'CIMMYT',
+	'CINC',
+	'CINEOS',
+	'CIO',
+	'CIP',
+	'CIPE',
+	'CIR',
+	'CIR',
+	'CIS',
+	'CISA',
+	'CISB',
+	'CISPR',
+	'CISSP',
+	'CITES',
+	'CITS',
+	'CIV',
+	'CIVETS',
+	'CIVPOP',
+	'CIWS',
+	'CHRS',
+	'CJ',
+	'CJC',
+	'CJD',
+	'CJCS',
+	'CJO',
+	'CJTF',
+	'CK',
+	'CKA',
+	'CKND',
+	'Cl',
+	'CL',
+	'CLA',
+	'CLEC',
+	'CLEMARS',
+	'CLI',
+	'CLIC',
+	'CLO',
+	'CLOB',
+	'CLOS',
+	'CLOS',
+	'CLP',
+	'CLPFC',
+	'CLRP',
+	'Cm',
+	'CM',
+	'CMA',
+	'CMB',
+	'CMBR',
+	'CME',
+	'CMHC',
+	'CMIIAW',
+	'CMIS',
+	'CMJ',
+	'CML',
+	'CMLL',
+	'CMM',
+	'CMMC',
+	'CMML',
+	'CMO',
+	'CMOC',
+	'CMOS',
+	'CMP',
+	'CMP',
+	'CMPD',
+	'CMPD',
+	'CMR',
+	'CMS',
+	'CMT',
+	'CMU',
+	'CMW',
+	'CMYK',
+	'CN',
+	'CNA',
+	'CNBC',
+	'CND',
+	'CNE',
+	'CNF',
+	'CNI',
+	'CNI',
+	'CNN',
+	'CNO',
+	'CNR',
+	'CNV',
+	'CNY',
+	'co',
+	'Co',
+	'CO',
+	'COA',
+	'COB',
+	'COBRA',
+	'COCOM',
+	'COD',
+	'CoDA',
+	'codec',
+	'COE',
+	'COEA',
+	'COEIA',
+	'COFT',
+	'COG',
+	'COGENT',
+	'COIL',
+	'COIN',
+	'COK',
+	'COL',
+	'COLA',
+	'COLT',
+	'COM',
+	'COMECON',
+	'COMMZ',
+	'COMSEC',
+	'CONAD',
+	'CONCACAF',
+	'CONMEBOL',
+	'CONOPS',
+	'CONUS',
+	'COO',
+	'COP',
+	'COPE',
+	'COPUS',
+	'cor',
+	'CORBA',
+	'CORD',
+	'CORE',
+	'CORG',
+	'COROT',
+	'cos',
+	'COS',
+	'COSCOM',
+	'COSER',
+	'CoT',
+	'COTS',
+	'Coy',
+	'CP',
+	'CPA',
+	'CPAC',
+	'CPCU',
+	'CPD',
+	'CPE',
+	'CPE',
+	'CPF',
+	'CPG',
+	'CPI',
+	'CPIM',
+	'CPIR',
+	'CPON',
+	'CPPCC',
+	'CPR',
+	'CPR',
+	'CPSM',
+	'CPSU',
+	'CPT',
+	'CPU',
+	'CPV',
+	'CPX',
+	'CQ',
+	'CQD',
+	'cr',
+	'Cr',
+	'CR',
+	'CRAM',
+	'CRC',
+	'CRD',
+	'cre',
+	'CREB',
+	'CREEP',
+	'CRI',
+	'CRIPL',
+	'CRM',
+	'CRO',
+	'CRP',
+	'CRT',
+	'CRTC',
+	'cs',
+	'Cs',
+	'CS',
+	'CSA',
+	'CSAR',
+	'CSC',
+	'CSEAL',
+	'CSERIAC',
+	'CSG',
+	'CSI',
+	'CSICOP',
+	'CSIP',
+	'CSIS',
+	'CSK',
+	'CSL',
+	'CSPI',
+	'CSR',
+	'CSR',
+	'CSRC',
+	'CSRF',
+	'CSS',
+	'CSSCS',
+	'CST',
+	'CT',
+	'CTA',
+	'CTBT',
+	'CTC',
+	'CTDB',
+	'CTE',
+	'CTGF',
+	'CTI',
+	'CTIL',
+	'CTIS',
+	'CTMS',
+	'CTO',
+	'CTS',
+	'CTSS',
+	'CTU',
+	'CTVT',
+	'cu',
+	'Cu',
+	'CU',
+	'CUB',
+	'CUCV',
+	'CUNY',
+	'CUP',
+	'CUPE',
+	'CUPS',
+	'CUPW',
+	'CUREA',
+	'CuW',
+	'CUW',
+	'cv',
+	'CV',
+	'CVCC',
+	'CVE',
+	'CVI',
+	'CVLL',
+	'CVR',
+	'CVS',
+	'CVSD',
+	'CVT',
+	'CW',
+	'CWC',
+	'CWS',
+	'CWRU',
+	'CX',
+	'CXR',
+	'cy',
+	'CY',
+	'cym',
+	'CYM',
+	'CYP',
+	'CZ',
+	'CZE',
+	'CZK',
+	'CZF',
+	'CZMA',
+	'd',
+	'D',
+	'da',
+	'DA',
+	'DAB',
+	'DACT',
+	'DADVSI',
+	'DAES',
+	'DAF',
+	'DAFIF',
+	'DAK',
+	'dan',
+	'DAO',
+	'DAQ',
+	'DARE',
+	'DARO',
+	'DARPA',
+	'DART',
+	'DAS',
+	'DASD',
+	'DASL',
+	'DAU',
+	'DAWN',
+	'dB',
+	'Db',
+	'DB',
+	'DBA',
+	'DBBL',
+	'DBCS',
+	'DBDO',
+	'DBE',
+	'DBF',
+	'DBM',
+	'DBR',
+	'DBRA',
+	'DBS',
+	'DC',
+	'DCA',
+	'DCAA',
+	'DCAS',
+	'DCC',
+	'DCC',
+	'DCCP',
+	'DCD',
+	'DCE',
+	'DCFC',
+	'DCI',
+	'DCIM',
+	'DCIMS',
+	'DCL',
+	'DCN',
+	'DCOM',
+	'DCOP',
+	'DCSOPS',
+	'DCW',
+	'DCYSC',
+	'DD',
+	'DDA',
+	'DDD',
+	'DDL',
+	'DDN',
+	'DDoS',
+	'DDP',
+	'DDR',
+	'DDS',
+	'DDT',
+	'de',
+	'DE',
+	'DEA',
+	'DEA',
+	'DEC',
+	'DeCA',
+	'DECSIM',
+	'DECT',
+	'DEFCON',
+	'DEFRA',
+	'DELT',
+	'DEM',
+	'DEN',
+	'DEPSECDEF',
+	'DERA',
+	'DES',
+	'deu',
+	'DEU',
+	'DF',
+	'DFAD',
+	'DFAS',
+	'DFB',
+	'DFCB',
+	'DfID',
+	'DFL',
+	'DFM',
+	'DFM',
+	'DFSP',
+	'DfT',
+	'DFTBA',
+	'DG',
+	'DGA',
+	'DGPS',
+	'DGZ',
+	'DH',
+	'DHA',
+	'DHHS',
+	'DHL',
+	'DHRA',
+	'DHS',
+	'DHSS',
+	'DHTFYSS',
+	'DHY',
+	'DIA',
+	'DIAC',
+	'DiC',
+	'DICASS',
+	'DILLIGAD',
+	'DILLIGAF',
+	'DIF',
+	'DIFAR',
+	'DIME',
+	'DIMM',
+	'DIN',
+	'DINA',
+	'DINKY',
+	'DIP',
+	'DIPS',
+	'DIR',
+	'DIS',
+	'DISA',
+	'DISCOM',
+	'DISE',
+	'DISSTAF',
+	'DITY',
+	'div',
+	'DIVAD',
+	'DIY',
+	'DJ',
+	'DJD',
+	'DJF',
+	'DJI',
+	'DJS',
+	'DK',
+	'DKK',
+	'DL',
+	'DLA',
+	'DLIC',
+	'DLIR',
+	'DLL',
+	'DLPMC',
+	'DLR',
+	'DLRP',
+	'DLS',
+	'DLSA',
+	'DLSc',
+	'DLSC',
+	'DLTBGYD',
+	'DM',
+	'DMA',
+	'DMC',
+	'DMCA',
+	'DMD',
+	'DMI',
+	'DMM',
+	'DMOC',
+	'DMOS',
+	'DMPA',
+	'DMPFC',
+	'DMPK',
+	'DMRB',
+	'DMS',
+	'DMSO',
+	'DMSP',
+	'DMT',
+	'DMU',
+	'DMV',
+	'DMZ',
+	'DN',
+	'DNA',
+	'DNAW',
+	'DND',
+	'DNDi',
+	'DNDO',
+	'DNM',
+	'DNK',
+	'DNR',
+	'DNS',
+	'DO',
+	'DOA',
+	'DOB',
+	'DOD',
+	'DODAF',
+	'DoDD',
+	'DoDEA',
+	'DOE',
+	'DOHC',
+	'DOI',
+	'DOM',
+	'DOMS',
+	'DOP',
+	'DORA',
+	'DOS',
+	'DOT',
+	'DOTA',
+	'DotD',
+	'DOTMLPF',
+	'DOW',
+	'DP',
+	'DP',
+	'DPA',
+	'DPCO',
+	'DPDT',
+	'DPICM',
+	'DPKO',
+	'DPMO',
+	'DPPDB',
+	'DPRE',
+	'DPRK',
+	'DPST',
+	'DQ',
+	'DR',
+	'DRA',
+	'DRAGN',
+	'DRAM',
+	'DRC',
+	'DRDC',
+	'DREA',
+	'DRES',
+	'DRET',
+	'DREV',
+	'DRI',
+	'DRIC',
+	'DRL',
+	'DRM',
+	'DRMS',
+	'DRPR',
+	'DRT',
+	'Ds',
+	'DS',
+	'DSA',
+	'DSAA',
+	'DSAS',
+	'DSB',
+	'DSC',
+	'DSCS',
+	'DSCSOC',
+	'DSD',
+	'DSDS',
+	'DSE',
+	'DSG',
+	'DSID',
+	'DSL',
+	'DSLR',
+	'DSM',
+	'DSN',
+	'DSO',
+	'dsp',
+	'dspl',
+	'dspm',
+	'dspml',
+	'dspms',
+	'dsps',
+	'DSP',
+	'DSPL',
+	'DSR',
+	'DSRV',
+	'DSS',
+	'DST',
+	'DSTL',
+	'dsvp',
+	'DSWA',
+	'DTA',
+	'DTD',
+	'DTE',
+	'DTED',
+	'DTG',
+	'DTH',
+	'DTI',
+	'DTIC',
+	'DTL',
+	'DTM',
+	'DTMF',
+	'DTLOMS',
+	'DTO',
+	'DTOMLS',
+	'DTR',
+	'DTRA',
+	'DTSA',
+	'DU',
+	'DUI',
+	'DUMBO',
+	'DUSD',
+	'dv',
+	'DV',
+	'DVD',
+	'DVLC',
+	'dvm',
+	'DVM',
+	'DVO',
+	'DVOM',
+	'DVP',
+	'dvp',
+	'dvu',
+	'DW',
+	'DWG',
+	'DWI',
+	'DWM',
+	'DWIM',
+	'DWTS',
+	'DWW',
+	'DX',
+	'DXA',
+	'DXM',
+	'Dy',
+	'DY',
+	'dz',
+	'DZ',
+	'DZA',
+	'DZD',
+	'dzo',
+	'E',
+	'EA',
+	'EABU',
+	'EAC',
+	'EAFUS',
+	'EAPC',
+	'EASA',
+	'EAST',
+	'EBCDIC',
+	'EBD',
+	'EBE',
+	'EBO',
+	'EBSA',
+	'EBW',
+	'EBW',
+	'EC',
+	'ECB',
+	'ECBR',
+	'ECASS',
+	'ECCM',
+	'ECFS',
+	'ECG',
+	'ECHO',
+	'ECHR',
+	'ECJ',
+	'ECL',
+	'ECM',
+	'ECommHR',
+	'ECS',
+	'ECSC',
+	'ECT',
+	'ECtHR',
+	'ECU',
+	'ECW',
+	'EDA',
+	'EDAC',
+	'EDCS',
+	'EDD',
+	'EDECSIM',
+	'EDGAR',
+	'EDH',
+	'EDS',
+	'EDSA',
+	'EDT',
+	'EDTA',
+	'ee',
+	'EE',
+	'EEC',
+	'EEG',
+	'EEK',
+	'EENT',
+	'EEO',
+	'EEOC',
+	'EEZ',
+	'EF',
+	'EFF',
+	'EFL',
+	'EFM',
+	'EFOA',
+	'EFSA',
+	'EFT',
+	'EFTA',
+	'EFV',
+	'EG',
+	'EGBUS',
+	'EGCG',
+	'EGIS',
+	'EGP',
+	'EGRET',
+	'EGY',
+	'EH',
+	'EHA',
+	'EHF',
+	'EHR',
+	'Ei',
+	'EI',
+	'EIA',
+	'EIAH',
+	'EIAH',
+	'EIC',
+	'EICS',
+	'eID',
+	'EIRP',
+	'EIS',
+	'EJ',
+	'EK',
+	'EKG',
+	'EKMS',
+	'el',
+	'EL',
+	'ELF',
+	'ELINT',
+	'ell',
+	'ELL',
+	'ELM',
+	'ELO',
+	'ELP',
+	'ELSS',
+	'ELT',
+	'Em',
+	'EM',
+	'EMA',
+	'Embraer',
+	'EMC',
+	'EMCON',
+	'EMD',
+	'EMDG',
+	'EMDR',
+	'EMEA',
+	'EMF',
+	'EMG',
+	'EMO',
+	'EMP',
+	'EMS',
+	'EMT',
+	'EMU',
+	'en',
+	'EN',
+	'ENCODE',
+	'ENE',
+	'eng',
+	'ENG',
+	'ENSATT',
+	'ENT',
+	'ENTEC',
+	'ENVL',
+	'ENY',
+	'eo',
+	'EO',
+	'EOD',
+	'EOG',
+	'EOS',
+	'EOSAT',
+	'EOSDIS',
+	'EOTS',
+	'EOM',
+	'EP',
+	'EP',
+	'EPA',
+	'EPCOT',
+	'EPCR',
+	'EPFL',
+	'EPGS',
+	'EPIRB',
+	'EPL',
+	'EPLRS',
+	'epo',
+	'EPO',
+	'EPOS',
+	'EPPA',
+	'EPR',
+	'EPW',
+	'EQ',
+	'EQG',
+	'Er',
+	'ER',
+	'ERA',
+	'ERCIM',
+	'ERI',
+	'ERLAWS',
+	'ERN',
+	'EROS',
+	'ERP',
+	'ERR',
+	'ERS',
+	'ERTS',
+	'ERV',
+	'es',
+	'Es',
+	'ES',
+	'ESA',
+	'ESC',
+	'ESD',
+	'ESDP',
+	'ESE',
+	'ESH',
+	'ESL',
+	'ESM',
+	'ESO',
+	'ESOL',
+	'ESP',
+	'ESPGHAN',
+	'ESPN',
+	'est',
+	'EST',
+	'ESU',
+	'ESV',
+	'et',
+	'ET',
+	'Exatesla',
+	'ETA',
+	'ETB',
+	'ETF',
+	'ETH',
+	'ETI',
+	'ETLA',
+	'ETM',
+	'ETOPS',
+	'ETT',
+	'eu',
+	'Eu',
+	'EU',
+	'EUCOM',
+	'EULA',
+	'EUR',
+	'eus',
+	'EUUSA',
+	'EV',
+	'EVA',
+	'EVIL',
+	'EW',
+	'ewe',
+	'EWR',
+	'EWSD',
+	'EWTN',
+	'EXFOR',
+	'EXREP',
+	'EYD',
+	'EZ',
+	'EZLN',
+	'f',
+	'F',
+	'fa',
+	'FA',
+	'fA',
+	'FA',
+	'FAA',
+	'FAAD',
+	'FAADEZ',
+	'FAAN',
+	'FAAFP',
+	'FAAN',
+	'FAAQ',
+	'FAASV',
+	'FAB',
+	'FAC',
+	'FACA',
+	'FACH',
+	'FACN',
+	'FACP',
+	'FACS',
+	'FACTS',
+	'FAD',
+	'FAH',
+	'FAI',
+	'FAM',
+	'fao',
+	'FAO',
+	'FAPA',
+	'FAPHA',
+	'FAQ',
+	'FARC',
+	'FARDC',
+	'FARP',
+	'fas',
+	'FAS',
+	'FASCAM',
+	'FASD',
+	'FASEB',
+	'FAT',
+	'FAVS',
+	'FAW',
+	'FB',
+	'FBCS',
+	'FBI',
+	'FBIS',
+	'FBIDST',
+	'FBM',
+	'FBR',
+	'FBS',
+	'fC',
+	'FC',
+	'FCA',
+	'FCC',
+	'FCE',
+	'FCF',
+	'FCLA',
+	'FCM',
+	'FCO',
+	'FCS',
+	'FCW',
+	'FCZ',
+	'FD',
+	'FDA',
+	'FDC',
+	'FDDI',
+	'FDBK',
+	'FDR',
+	'Fe',
+	'FE',
+	'FEAR',
+	'FEAST',
+	'FEATS',
+	'FEB',
+	'FEBA',
+	'FED',
+	'FEDEP',
+	'FEF',
+	'FEI',
+	'FEMA',
+	'FEMEXFUT',
+	'FENAFUTH',
+	'FENS',
+	'FEP',
+	'FEPAFUT',
+	'FES',
+	'FEST',
+	'FET',
+	'FEZ',
+	'ff',
+	'fF',
+	'FF',
+	'FFA',
+	'FFB',
+	'FFC',
+	'FFE',
+	'FFF',
+	'FFG',
+	'FFOV',
+	'FFR',
+	'FFS',
+	'FFT',
+	'FG',
+	'fg',
+	'FG',
+	'FGR',
+	'fH',
+	'FHFIF',
+	'FHI',
+	'fi',
+	'FI',
+	'FIA',
+	'FIAT',
+	'FIB',
+	'FIBA',
+	'FIBUA',
+	'FIC',
+	'FID',
+	'FIE',
+	'FIFA',
+	'FIFe',
+	'FIFO',
+	'FIFRA',
+	'FIG',
+	'FIGJAM',
+	'fij',
+	'FILA',
+	'FILO',
+	'FIMPT',
+	'fin',
+	'FIN',
+	'FINA',
+	'FIPS',
+	'FIR',
+	'FIRES',
+	'FIS',
+	'FISA',
+	'FISH',
+	'FiST',
+	'FITS',
+	'FIU',
+	'fj',
+	'fJ',
+	'FJ',
+	'FJD',
+	'FJI',
+	'FJN',
+	'fK',
+	'FK',
+	'FKP',
+	'FKSM',
+	'FKT',
+	'fl',
+	'fL',
+	'FL',
+	'FLA',
+	'FLAB',
+	'FLAC',
+	'FLAC',
+	'FLAK',
+	'FLB',
+	'FLET',
+	'FLG',
+	'FLIP',
+	'FLIR',
+	'FLK',
+	'FLOT',
+	'FLSA',
+	'FLQ',
+	'FLQ',
+	'FLTSAT',
+	'FLTSATCOM',
+	'FLUBOS',
+	'FM',
+	'fm',
+	'Fm',
+	'FM',
+	'FMC',
+	'FMCA',
+	'FMCAfam',
+	'FME',
+	'FMECA',
+	'FMJD',
+	'FMLA',
+	'Fmr',
+	'fMRI',
+	'FMS',
+	'FMSF',
+	'FMTV',
+	'FMCG',
+	'fN',
+	'FNA',
+	'fo',
+	'FO',
+	'FOAD',
+	'FOAF',
+	'FoB',
+	'FOB',
+	'FOC',
+	'FoE',
+	'FOGC',
+	'FOH',
+	'FOIA',
+	'FOM',
+	'FONSI',
+	'FOO',
+	'FOR',
+	'Fortran',
+	'FOS',
+	'FoS',
+	'FOSE',
+	'FOSE',
+	'FOT',
+	'FOTA',
+	'FOTC',
+	'FOUO',
+	'FOV',
+	'FP',
+	'FPF',
+	'fps',
+	'FPS',
+	'FOOP',
+	'FQ',
+	'FQDN',
+	'fr',
+	'Fr',
+	'FR',
+	'fra',
+	'FRA',
+	'FRAGO',
+	'FRAND',
+	'FRCP',
+	'FRICBM',
+	'frr',
+	'FRR',
+	'FRO',
+	'FRS',
+	'FRSA',
+	'fry',
+	'FRY',
+	'fs',
+	'fS',
+	'FS',
+	'FSA',
+	'FSB',
+	'FSC',
+	'FSCL',
+	'FSE',
+	'FSF',
+	'FSH',
+	'FSI',
+	'FSK',
+	'FSM',
+	'FSO',
+	'FSS',
+	'FSSP',
+	'FST',
+	'FSTC',
+	'FSV',
+	'fT',
+	'FTC',
+	'FTE',
+	'FTL',
+	'FTP',
+	'FTSE',
+	'FTW',
+	'FTS',
+	'FTS',
+	'FU',
+	'FUBAR',
+	'FUCK',
+	'FUD',
+	'ful',
+	'fV',
+	'fW',
+	'FW',
+	'FWC',
+	'FWF',
+	'FWI',
+	'FWIW',
+	'FWS',
+	'FWT',
+	'FX',
+	'FXX',
+	'fy',
+	'FY',
+	'FYA',
+	'FYDP',
+	'FYI',
+	'FYROM',
+	'FZDZ',
+	'FZFG',
+	'FZRA',
+	'g',
+	'G',
+	'G1',
+	'G2',
+	'G3',
+	'G4',
+	'G5',
+	'G6',
+	'G7',
+	'G8',
+	'G9',
+	'G10',
+	'G15',
+	'G20',
+	'G24',
+	'G77',
+	'Ga',
+	'GA',
+	'GAAR',
+	'GAB',
+	'GABA',
+	'GAD',
+	'GAF',
+	'GALCIT',
+	'GAO',
+	'GAW',
+	'GB',
+	'GBBC',
+	'GBE',
+	'GBH',
+	'GBP',
+	'GBR',
+	'GBU',
+	'GC',
+	'GCA',
+	'GCCS',
+	'GCD',
+	'GCF',
+	'GCI',
+	'GCN',
+	'GCS',
+	'GCSE',
+	'gd',
+	'Gd',
+	'GD',
+	'GDC',
+	'GDL',
+	'GDP',
+	'GDR',
+	'GDR',
+	'GDW',
+	'Ge',
+	'GE',
+	'GEBCO',
+	'GEC',
+	'GED',
+	'GEEP',
+	'GEL',
+	'GEMA',
+	'GEN',
+	'GEO',
+	'GEOS',
+	'GEQ',
+	'GER',
+	'Gestapo',
+	'GeV',
+	'GEV',
+	'GF',
+	'GFCF',
+	'GFCI',
+	'GFDL',
+	'GFE',
+	'GFI',
+	'GFL',
+	'GFN',
+	'GFY',
+	'GG',
+	'GGK',
+	'GGP',
+	'GH',
+	'GHA',
+	'GHB',
+	'GHC',
+	'Gi',
+	'GI',
+	'GIB',
+	'GIF',
+	'GIG',
+	'GIGO',
+	'GIMP',
+	'GIN',
+	'GINK',
+	'GINO',
+	'GIP',
+	'GIS',
+	'GISS',
+	'GJ',
+	'GJD',
+	'GK',
+	'gl',
+	'GL',
+	'gla',
+	'GLAAD',
+	'GLAC',
+	'GLAST',
+	'GLBA',
+	'GLC',
+	'gle',
+	'glg',
+	'GLINT',
+	'GLONASS',
+	'GLP',
+	'GLUT',
+	'glv',
+	'GLV',
+	'Gm',
+	'GM',
+	'GMAC',
+	'GMB',
+	'GmbH',
+	'GMC',
+	'GMD',
+	'GMFSC',
+	'GMI',
+	'GML',
+	'GMO',
+	'GMPCS',
+	'GMT',
+	'gn',
+	'GN',
+	'GNAS',
+	'GNB',
+	'GNC',
+	'GNF',
+	'GNOME',
+	'GNP',
+	'GNQ',
+	'GnRH',
+	'GNU',
+	'GO',
+	'GOA',
+	'GOAT',
+	'GOC',
+	'GOES',
+	'GOP',
+	'gorp',
+	'GOSC',
+	'GOSH',
+	'GOSP',
+	'GOTS',
+	'GOYADIN',
+	'GP',
+	'GPA',
+	'GPC',
+	'GPG',
+	'GPIB',
+	'GPL',
+	'GPMP',
+	'GPO',
+	'GPPC',
+	'GPR',
+	'GPS',
+	'GPT',
+	'GPU',
+	'GQ',
+	'GR',
+	'GRAIL',
+	'GRAS',
+	'GRB',
+	'GRC',
+	'GRD',
+	'GRE',
+	'grep',
+	'GRid',
+	'GRID',
+	'GriT',
+	'GRL',
+	'GRN',
+	'grn',
+	'GRP',
+	'GRU',
+	'Gs',
+	'GS',
+	'GSR',
+	'GSA',
+	'GSD',
+	'GSG',
+	'GSGB',
+	'GSK',
+	'GSM',
+	'GSN',
+	'GSO',
+	'GSOH',
+	'GSP',
+	'GSS',
+	'GST',
+	'GSW',
+	'GT',
+	'GTA',
+	'GTB',
+	'GTC',
+	'GTD',
+	'GTG',
+	'GTK',
+	'GTGN',
+	'GTM',
+	'GTQ',
+	'GTV',
+	'gu',
+	'GU',
+	'GUA',
+	'GUF',
+	'GUI',
+	'GUILT',
+	'guj',
+	'GULCR',
+	'Gulag',
+	'GUM',
+	'GUT',
+	'gv',
+	'GV',
+	'GW',
+	'GWARS',
+	'GWAS',
+	'GWOT',
+	'GWS',
+	'GXA',
+	'GXE',
+	'GXF',
+	'GXH',
+	'GXL',
+	'GXM',
+	'GXP',
+	'GxP',
+	'GXY',
+	'GY',
+	'GYD',
+	'GYY',
+	'GZ',
+	'GZK',
+	'h',
+	'H',
+	'ha',
+	'HA',
+	'HAARP',
+	'HAART',
+	'HAI',
+	'HAL',
+	'HALO',
+	'HALT',
+	'HAM',
+	'HANS',
+	'HARM',
+	'hat',
+	'HAT',
+	'hau',
+	'HAW',
+	'HAWK',
+	'HAZ',
+	'HAZMAT',
+	'HBCD',
+	'HBCI',
+	'HBO',
+	'HBR',
+	'HBT',
+	'HBV',
+	'HCCI',
+	'HCF',
+	'HCI',
+	'HCSC',
+	'HCT',
+	'HD',
+	'HDD',
+	'HDL',
+	'HDM',
+	'HDMI',
+	'HDR',
+	'HDRA',
+	'HDTV',
+	'he',
+	'He',
+	'HE',
+	'HEAT',
+	'heb',
+	'HEBA',
+	'HEER',
+	'HEIC',
+	'HEMP',
+	'HEO',
+	'HEOSS',
+	'HEP',
+	'HEPA',
+	'her',
+	'HESH',
+	'HESV',
+	'HETT',
+	'HEU',
+	'Hewitts',
+	'Hf',
+	'HF',
+	'HFAC',
+	'HFE',
+	'HFE',
+	'HFEA',
+	'Hg',
+	'HGC',
+	'HGF',
+	'HGTV',
+	'HHD',
+	'HHB',
+	'hi',
+	'HI',
+	'HIDACZ',
+	'HIH',
+	'HIM',
+	'HIMAD',
+	'HIMEZ',
+	'HIMYM',
+	'hin',
+	'HIPAA',
+	'Hipparcos',
+	'Hird',
+	'HiRISE',
+	'HIT',
+	'HIV',
+	'HIWT',
+	'HJ',
+	'HJD',
+	'HK',
+	'HKD',
+	'HKG',
+	'HKS',
+	'hL',
+	'HL',
+	'HLA',
+	'HLL',
+	'HLN',
+	'HLOS',
+	'HLS',
+	'HLVW',
+	'HM',
+	'HMCE',
+	'HMCS',
+	'HMD',
+	'HMF',
+	'HMM',
+	'HMMWV',
+	'hmo',
+	'HMO',
+	'HMP',
+	'HMRC',
+	'HMS',
+	'HMSO',
+	'HMV',
+	'HN',
+	'HND',
+	'HNL',
+	'ho',
+	'Ho',
+	'HO',
+	'HOLLAND',
+	'HOMES',
+	'HONY',
+	'HOPI',
+	'HoReCa',
+	'HORIZON',
+	'HOSTAC',
+	'HOT',
+	'HOTAS',
+	'HOV',
+	'hp',
+	'HP',
+	'HPA',
+	'HPCL',
+	'HPLC',
+	'HPT',
+	'HPV',
+	'HQ',
+	'HQDA',
+	'hr',
+	'HR',
+	'HRBL',
+	'HRD',
+	'HRED',
+	'HRF',
+	'HRH',
+	'HRK',
+	'HRM',
+	'HRM',
+	'HRT',
+	'hrv',
+	'HRV',
+	'Hs',
+	'HSBC',
+	'HSC',
+	'HSM',
+	'HSMAD',
+	'HSN',
+	'HSPH',
+	'HSS',
+	'HSSI',
+	'HST',
+	'HSV',
+	'ht',
+	'HT',
+	'HTA',
+	'HTC',
+	'HTFU',
+	'HTG',
+	'HTH',
+	'HTI',
+	'HTML',
+	'HTR',
+	'HTS',
+	'HTTP',
+	'HU',
+	'HUD',
+	'HUF',
+	'HUHA',
+	'HUMINT',
+	'hun',
+	'HUN',
+	'HURD',
+	'HVU',
+	'HV',
+	'HVAC',
+	'HVAP',
+	'HVHF',
+	'HVM',
+	'HVO',
+	'HVP',
+	'HW',
+	'HWM',
+	'HX',
+	'HXB',
+	'hy',
+	'hye',
+	'HYS',
+	'hz',
+	'Hz',
+	'HZ',
+	'I',
+	'ia',
+	'IA',
+	'IAAF',
+	'IAAL',
+	'IAB',
+	'IACREOT',
+	'IAD',
+	'IADS',
+	'IAEA',
+	'IAF',
+	'IAFG',
+	'IAI',
+	'IANA',
+	'IANAL',
+	'IAQ',
+	'IAS',
+	'IASIP',
+	'IATA',
+	'IATF',
+	'IATSE',
+	'IAU',
+	'IAUC',
+	'IAW',
+	'IB',
+	'IBA',
+	'IBD',
+	'IBDM',
+	'IBDS',
+	'IBM',
+	'ibo',
+	'IBRD',
+	'IBS',
+	'IC',
+	'ICANN',
+	'ICAO',
+	'ICBM',
+	'ICBM',
+	'ICBN',
+	'ICC',
+	'ICD',
+	'ICE',
+	'ICES',
+	'ICF',
+	'ICHTHYS',
+	'ICM',
+	'ICMP',
+	'ICNAF',
+	'ICNI',
+	'ICO',
+	'ICP',
+	'ICPE',
+	'ICRAF',
+	'ICRISAT',
+	'ICRL',
+	'ICRS',
+	'ICS',
+	'ICSI',
+	'ICT',
+	'ICTH',
+	'ICV',
+	'ICW',
+	'ICYMI',
+	'ICZN',
+	'id',
+	'ID',
+	'IDA',
+	'IDC',
+	'IDDI',
+	'IDE',
+	'IDeA',
+	'IDEA',
+	'IDF',
+	'IDGAF',
+	'IDK',
+	'IDKIBTI',
+	'IDL',
+	'IDN',
+	'ido',
+	'IDR',
+	'ie',
+	'IE',
+	'IEA',
+	'IEC',
+	'IED',
+	'IEEE',
+	'IELTS',
+	'IER',
+	'IET',
+	'IET',
+	'IETF',
+	'IEW',
+	'IFAB',
+	'IFAH',
+	'IFAP',
+	'IFC',
+	'IFF',
+	'IFFN',
+	'IFO',
+	'IFOR',
+	'IFOV',
+	'IFPI',
+	'IFR',
+	'IFRB',
+	'IFV',
+	'ig',
+	'IG',
+	'IGNOU',
+	'IGS',
+	'IGY',
+	'IHH',
+	'IHO',
+	'IHOP',
+	'IHR',
+	'IHSI',
+	'ii',
+	'II',
+	'IICA',
+	'IIE',
+	'iii',
+	'III',
+	'IIRC',
+	'IISS',
+	'IIT',
+	'IJN',
+	'IJWP',
+	'ik',
+	'IKEA',
+	'iku',
+	'IL',
+	'ILC',
+	'ILDS',
+	'ile',
+	'ILO',
+	'ILRI',
+	'ILS',
+	'ILY',
+	'IM',
+	'IMA',
+	'IMBD',
+	'IMDb',
+	'IME',
+	'IMF',
+	'IMHO',
+	'IML',
+	'IMLAST',
+	'IMNM',
+	'IMNSHO',
+	'IMPAC',
+	'IMPACT',
+	'IMPATT',
+	'IMPT',
+	'IMR',
+	'IMRI',
+	'IMRO',
+	'IMRL',
+	'IMS',
+	'IMSA',
+	'IMsL',
+	'IMT',
+	'IMU',
+	'In',
+	'ina',
+	'INA',
+	'INAS',
+	'INC',
+	'INCITS',
+	'ind',
+	'IND',
+	'inet',
+	'INDIGO',
+	'INFORMS',
+	'INFOSEC',
+	'INLA',
+	'INMARSAT',
+	'INR',
+	'INRI',
+	'INRIA',
+	'INS',
+	'InSAR',
+	'INST',
+	'INTSUM',
+	'INTERFET',
+	'io',
+	'IO',
+	'IOC',
+	'IOLTA',
+	'IOM',
+	'IONA',
+	'IOT',
+	'IOU',
+	'IP',
+	'IPA',
+	'IPB',
+	'IPCC',
+	'ipk',
+	'IPL',
+	'IPN',
+	'IPO',
+	'IPR',
+	'IPT',
+	'IPTS',
+	'IPTV',
+	'IPW',
+	'iq',
+	'IQ',
+	'IQD',
+	'Ir',
+	'IR',
+	'IRA',
+	'IRAD',
+	'IRAN',
+	'IRAS',
+	'IRB',
+	'IRBM',
+	'IRC',
+	'IREA',
+	'IRL',
+	'IRM',
+	'IRN',
+	'IRINN',
+	'IRO',
+	'IRQ',
+	'IRR',
+	'IRS',
+	'IRSN',
+	'IRST',
+	'is',
+	'ISA',
+	'ISAAA',
+	'ISAF',
+	'ISAR',
+	'ISB',
+	'ISBN',
+	'ISCCP',
+	'ISCII',
+	'ISDN',
+	'ISEF',
+	'ISEN',
+	'ISF',
+	'ISI',
+	'ISIL',
+	'ISIS',
+	'ISK',
+	'isl',
+	'ISL',
+	'ISLN',
+	'ISM',
+	'ISMB',
+	'ISMC',
+	'ISO',
+	'ISOGP',
+	'ISP',
+	'ISPE',
+	'ISR',
+	'ISRO',
+	'ISS',
+	'ISSCR',
+	'ISSN',
+	'IST',
+	'ISTAR',
+	'ISTC',
+	'ISTS',
+	'ISU',
+	'it',
+	'IT',
+	'ita',
+	'ITA',
+	'ITAG',
+	'ITALY',
+	'ITAS',
+	'ITC',
+	'ITCZ',
+	'ITEC',
+	'ITEMS',
+	'ITER',
+	'ITF',
+	'ITK',
+	'ITN',
+	'ITS',
+	'ITT',
+	'ITTO',
+	'ITU',
+	'iu',
+	'IUCN',
+	'IUPAC',
+	'IUSS',
+	'IV',
+	'IVD',
+	'Iveco',
+	'IVF',
+	'IVI',
+	'IVIS',
+	'IVL',
+	'IVM',
+	'IVO',
+	'IW',
+	'IWARS',
+	'IWC',
+	'IWW',
+	'IX',
+	'IXT',
+	'IY',
+	'IZ',
+	'J',
+	'J1',
+	'J2',
+	'J2EE',
+	'J2ME',
+	'J2SE',
+	'J3',
+	'J4',
+	'J5',
+	'J6',
+	'J7',
+	'J8',
+	'J9',
+	'ja',
+	'JA',
+	'JAFT',
+	'JAG',
+	'JAL',
+	'JALLC',
+	'JAM',
+	'JAMA',
+	'JANET',
+	'JANUS',
+	'JATO',
+	'jav',
+	'JB',
+	'JB',
+	'JBFSA',
+	'JCATS',
+	'JCDB',
+	'JCDS',
+	'JCIDS',
+	'JCIET',
+	'JCL',
+	'JCMOTF',
+	'JCP',
+	'JCPM',
+	'JCS',
+	'JCW',
+	'JD',
+	'JDAM',
+	'JDBC',
+	'JDCC',
+	'JDEM',
+	'JDK',
+	'JDL',
+	'JDM',
+	'JE',
+	'JEB',
+	'JEDP',
+	'JEE',
+	'JEFX',
+	'JEPD',
+	'JET',
+	'JEZ',
+	'JFACC',
+	'JFACTSU',
+	'JFC',
+	'JFCOM',
+	'JFET',
+	'JFK',
+	'JFLCC',
+	'JFMCC',
+	'JFO',
+	'JFSOCC',
+	'JFTX',
+	'JH',
+	'JH',
+	'JI',
+	'JIB',
+	'JIC',
+	'JINI',
+	'JITC',
+	'JIVE',
+	'JJAP',
+	'JK',
+	'JL',
+	'JLA',
+	'JM',
+	'JMD',
+	'JMS',
+	'JN',
+	'JNI',
+	'JNLP',
+	'JO',
+	'JOA',
+	'JOD',
+	'Jofa',
+	'JOPES',
+	'JOR',
+	'JOTS',
+	'JSP',
+	'JP',
+	'JPEG',
+	'JPL',
+	'jpn',
+	'JPN',
+	'JPOW',
+	'JPY',
+	'JQ',
+	'JRA',
+	'JRDF',
+	'JRE',
+	'JREF',
+	'JROC',
+	'JROCM',
+	'JRRF',
+	'JRSAI',
+	'JSAF',
+	'JSAP',
+	'JSCSC',
+	'JSD',
+	'JSEAD',
+	'JSF',
+	'JSIMS',
+	'JSOA',
+	'JSOTF',
+	'JSP',
+	'JSR',
+	'JSS',
+	'JSTARS',
+	'JT',
+	'JTAG',
+	'JTAGS',
+	'JTC',
+	'JTF',
+	'JTFEX',
+	'JTIDS',
+	'JTLS',
+	'JTMD',
+	'JTN',
+	'JTRS',
+	'JU',
+	'JUGFET',
+	'JUICE',
+	'JUO',
+	'jv',
+	'JV',
+	'JVM',
+	'JW',
+	'JWARS',
+	'JWP',
+	'JWST',
+	'JY',
+	'JZ',
+	'k',
+	'K',
+	'K9',
+	'ka',
+	'kA',
+	'Ka',
+	'KA',
+	'KAF',
+	'kal',
+	'kan',
+	'KANUKOKA',
+	'KARNAC',
+	'KARR',
+	'kas',
+	'kat',
+	'KATUSA',
+	'kau',
+	'kaz',
+	'KAZ',
+	'KBE',
+	'KBO',
+	'KBVB',
+	'kC',
+	'KCK',
+	'KCL',
+	'KCMO',
+	'KCS',
+	'KD',
+	'KE',
+	'KEDO',
+	'KEN',
+	'KERA',
+	'kerma',
+	'KES',
+	'KESR',
+	'KET',
+	'kF',
+	'KFC',
+	'KFOR',
+	'KFUPM',
+	'kg',
+	'KG',
+	'KGB',
+	'KGO',
+	'KGS',
+	'KGZ',
+	'kH',
+	'KH',
+	'khm',
+	'KHL',
+	'KHM',
+	'KHR',
+	'KHz',
+	'ki',
+	'Ki',
+	'KI',
+	'KIA',
+	'KIDS',
+	'kik',
+	'kin',
+	'kir',
+	'KIR',
+	'KISS',
+	'KITECH',
+	'KITT',
+	'KIT',
+	'kj',
+	'kJ',
+	'kk',
+	'kK',
+	'KK',
+	'KKK',
+	'kl',
+	'kL',
+	'KL',
+	'KLENOT',
+	'KLM',
+	'KLOC',
+	'KLS',
+	'km',
+	'KM',
+	'KMF',
+	'KMFDM',
+	'KMR',
+	'kn',
+	'kN',
+	'KN',
+	'KNA',
+	'KNVB',
+	'ko',
+	'KO',
+	'kom',
+	'kon',
+	'kor',
+	'KOR',
+	'KP',
+	'KPMG',
+	'KPNO',
+	'KPV',
+	'KPVT',
+	'KPW',
+	'KQ',
+	'kr',
+	'Kr',
+	'KR',
+	'KRW',
+	'ks',
+	'kS',
+	'KS',
+	'KSC',
+	'KSI',
+	'KSM',
+	'KSU',
+	'kT',
+	'KT',
+	'KTS',
+	'ku',
+	'KU',
+	'kua',
+	'KUL',
+	'kur',
+	'KUW',
+	'kv',
+	'kV',
+	'KV',
+	'KV',
+	'KVM',
+	'KVT',
+	'kw',
+	'kW',
+	'KW',
+	'KWB',
+	'KWD',
+	'KWT',
+	'KX',
+	'ky',
+	'KY',
+	'KYD',
+	'KZ',
+	'KZN',
+	'KZT',
+	'L',
+	'la',
+	'La',
+	'LA',
+	'LAAS',
+	'LAB',
+	'LabVIEW',
+	'LACMA',
+	'LAD',
+	'LADW',
+	'LAESI',
+	'LAK',
+	'LAMP',
+	'LAN',
+	'LANL',
+	'lao',
+	'LAO',
+	'LAPD',
+	'LAR',
+	'LARC',
+	'LARP',
+	'LAS',
+	'Laser',
+	'lat',
+	'LAT',
+	'LATA',
+	'LATCH',
+	'lav',
+	'LAV',
+	'LAW',
+	'LAX',
+	'lb',
+	'LB',
+	'LBH',
+	'LBJ',
+	'LBN',
+	'LBNL',
+	'LBP',
+	'LBR',
+	'LBS',
+	'lbs',
+	'LBT',
+	'LBW',
+	'LBY',
+	'LC',
+	'LCA',
+	'LCC',
+	'LCCP',
+	'LCD',
+	'LCE',
+	'LCM',
+	'LCol',
+	'LCS',
+	'LD',
+	'LDA',
+	'LDAP',
+	'LDC',
+	'LDL',
+	'LDMOS',
+	'LDS',
+	'LDV',
+	'LDW',
+	'LE',
+	'LEC',
+	'LED',
+	'Legs',
+	'LEGAD',
+	'LEMOSS',
+	'LEN',
+	'LEO',
+	'LEP',
+	'LER',
+	'LEU',
+	'LF',
+	'LFO',
+	'LFTR',
+	'lg',
+	'LG',
+	'LGB',
+	'LGBT',
+	'LGLO',
+	'LGM',
+	'LGS',
+	'LH',
+	'LHC',
+	'LHD',
+	'LHS',
+	'li',
+	'Li',
+	'LI',
+	'LIBOR',
+	'LIBS',
+	'LIE',
+	'LIFO',
+	'LIGO',
+	'lim',
+	'lin',
+	'LINEAR',
+	'LISA',
+	'lit',
+	'LITAS',
+	'LIVE',
+	'LJ',
+	'LJJ',
+	'LK',
+	'LKA',
+	'LKL',
+	'LKR',
+	'LKR4',
+	'LL',
+	'LLAD',
+	'LLB',
+	'LLC',
+	'LLGC',
+	'LLLTV',
+	'LLNL',
+	'LLP',
+	'LLTI',
+	'LLTR',
+	'LMAO',
+	'LMFAO',
+	'LMB',
+	'LMN',
+	'LMS',
+	'LMS',
+	'LMV',
+	'ln',
+	'LNB',
+	'LNER',
+	'LNG',
+	'LNO',
+	'LNR',
+	'lo',
+	'LO',
+	'LOA',
+	'LOC',
+	'LOD',
+	'LoD',
+	'LOFAR',
+	'LOGPAC',
+	'LOL',
+	'LOMEZ',
+	'LONEOS',
+	'LOOGY',
+	'loq',
+	'LORTID',
+	'LOS',
+	'LOSAT',
+	'LOTA',
+	'LOTIS',
+	'LOTS',
+	'LP',
+	'LPC',
+	'LPD',
+	'LPG',
+	'LPI',
+	'LPS',
+	'LQ',
+	'Lr',
+	'LR',
+	'LRAD',
+	'LRC',
+	'LRD',
+	'LRF',
+	'LRGW',
+	'LRICBM',
+	'LRIP',
+	'LRP',
+	'LRPE',
+	'LRS',
+	'LRU',
+	'LS',
+	'LSAT',
+	'LSD',
+	'LSE',
+	'LSI',
+	'LSIF',
+	'LSL',
+	'LSND',
+	'LSO',
+	'LSST',
+	'LST',
+	'LSVW',
+	'lt',
+	'Lt',
+	'LtC',
+	'LT',
+	'LTC',
+	'Ltd',
+	'LTDP',
+	'LTG',
+	'LTI',
+	'LTM',
+	'LTL',
+	'LTP',
+	'LTU',
+	'ltz',
+	'lu',
+	'Lu',
+	'LU',
+	'LU',
+	'lub',
+	'LUCA',
+	'lug',
+	'LUG',
+	'LULU',
+	'LUT',
+	'LUVW',
+	'LUX',
+	'lv',
+	'LV',
+	'LVA',
+	'LVAD',
+	'LVEF',
+	'LVL',
+	'Lw',
+	'LW',
+	'LWR',
+	'LWRC',
+	'LWS',
+	'LX',
+	'LX',
+	'LY',
+	'LYAO',
+	'LYD',
+	'LYLAS',
+	'LZ',
+	'm',
+	'M',
+	'mA',
+	'Ma',
+	'MA',
+	'MAA',
+	'MAAC',
+	'MAC',
+	'MACA',
+	'MACE',
+	'MACHO',
+	'MAD',
+	'MADD',
+	'MAF',
+	'MAFF',
+	'MAGIC',
+	'MAGNETAR',
+	'MAGTF',
+	'mah',
+	'Mahasz',
+	'mal',
+	'MALD',
+	'MANPADS',
+	'MANPRINT',
+	'MAO',
+	'MAOI',
+	'MAPS',
+	'MAQS',
+	'mar',
+	'MAR',
+	'MarBEF',
+	'MARC',
+	'MARCENT',
+	'MARFORCC',
+	'MARRS',
+	'MAS',
+	'MASAS',
+	'Maser',
+	'MASH',
+	'MASINT',
+	'MATREX',
+	'MATS',
+	'MAVS',
+	'MAW',
+	'MAX',
+	'MB',
+	'MBA',
+	'MBI',
+	'MBBL',
+	'MBCC',
+	'MBCS',
+	'MBE',
+	'MBIDST',
+	'MBM',
+	'mbsf',
+	'MBT',
+	'MBTA',
+	'MBTI',
+	'mC',
+	'MC',
+	'MCA',
+	'MCC',
+	'MCD',
+	'MCDL',
+	'MCFT',
+	'MCG',
+	'MCI',
+	'MCIS',
+	'MCM',
+	'MCMV',
+	'MCNC',
+	'MCO',
+	'MCP',
+	'MCR',
+	'MCSF',
+	'MCT',
+	'MCTIS',
+	'MCU',
+	'Md',
+	'MD',
+	'MDA',
+	'MDF',
+	'MDG',
+	'MDL',
+	'MDM',
+	'MDMA',
+	'MDNA',
+	'MDO',
+	'MDP',
+	'MDT',
+	'MDV',
+	'MDW',
+	'Me',
+	'ME',
+	'MEA',
+	'MEAC',
+	'MEC',
+	'MECC',
+	'MECCA',
+	'MECO',
+	'MEDEVAC',
+	'MEDLI',
+	'MEDS',
+	'MEF',
+	'MEG',
+	'MEI',
+	'MEK',
+	'MEL',
+	'MELT',
+	'MEM',
+	'MEMS',
+	'MEO',
+	'MEP',
+	'MER',
+	'MERL',
+	'MES',
+	'MESSENGER',
+	'MET',
+	'METAR',
+	'METL',
+	'METOC',
+	'MEU',
+	'MeV',
+	'MEV',
+	'MEX',
+	'MEZ',
+	'MES',
+	'mF',
+	'MF',
+	'MFSB',
+	'mg',
+	'Mg',
+	'MG',
+	'MGA',
+	'MGB',
+	'MGM',
+	'MGPAM',
+	'MGS',
+	'mh',
+	'mH',
+	'MH',
+	'MHC',
+	'MHHW',
+	'MHL',
+	'MHLW',
+	'MHRA',
+	'MHW',
+	'MHWN',
+	'MHWS',
+	'MHz',
+	'mi',
+	'Mi',
+	'MI',
+	'MIA',
+	'MIAA',
+	'MIB',
+	'MIC',
+	'MICLIC',
+	'MICOM',
+	'MICV',
+	'MID',
+	'MIDI',
+	'MIDAS',
+	'MIDS',
+	'MIFC',
+	'MIFG',
+	'MIFPC',
+	'MIKE',
+	'MIL',
+	'MILAN',
+	'MILC',
+	'MILES',
+	'MILF',
+	'MILSATCOM',
+	'MILSET',
+	'MILSTRIP',
+	'MIMAROPA',
+	'MIMOSA',
+	'MIMPT',
+	'MIP',
+	'MIPC',
+	'MIRA',
+	'MIRV',
+	'MIS',
+	'MISREP',
+	'MISSI',
+	'MIT',
+	'MITL',
+	'MITS',
+	'mJ',
+	'MJ',
+	'MJD',
+	'MJP',
+	'mk',
+	'mK',
+	'MK',
+	'mkd',
+	'MKD',
+	'MKG',
+	'MKO',
+	'MKS',
+	'MKSA',
+	'MKT',
+	'ml',
+	'mL',
+	'ML',
+	'MLA',
+	'MLB',
+	'MLC',
+	'MLE',
+	'mlg',
+	'MLHW',
+	'MLI',
+	'MLK',
+	'MLL',
+	'MLLW',
+	'MLP',
+	'MLRS',
+	'MLS',
+	'MLSE',
+	'MLSR',
+	'mlt',
+	'MLT',
+	'MLVW',
+	'MLW',
+	'MLWN',
+	'MLWS',
+	'mm',
+	'Mm',
+	'MM',
+	'MMA',
+	'MMC',
+	'MMCM',
+	'MMCS',
+	'MMEV',
+	'MMI',
+	'MMI',
+	'MMIC',
+	'MMIC',
+	'MMI',
+	'MMK',
+	'MMO',
+	'MMOR',
+	'MMORPG',
+	'MMPR',
+	'MMR',
+	'MMS',
+	'MMU',
+	'MMW',
+	'mn',
+	'mN',
+	'Mn',
+	'MN',
+	'MNB',
+	'MND',
+	'MNE',
+	'MNG',
+	'MNMF',
+	'MNP',
+	'MNS',
+	'MNT',
+	'mo',
+	'Mo',
+	'MO',
+	'MOA',
+	'MOAB',
+	'MOB',
+	'MOC',
+	'MOCAS',
+	'MoD',
+	'MOD',
+	'MoDAF',
+	'modem',
+	'ModSAF',
+	'Moe',
+	'MOE',
+	'MOF',
+	'MOFA',
+	'MOH',
+	'MOID',
+	'MOJWA',
+	'mol',
+	'MOLO',
+	'MoM',
+	'MOM',
+	'MOM',
+	'MoMA',
+	'mon',
+	'MOND',
+	'MOO',
+	'MOOTW',
+	'MOP',
+	'MOPE',
+	'MOPP',
+	'MORP',
+	'MORS',
+	'MOS',
+	'MOSFET',
+	'MOSS',
+	'MOT',
+	'MOTA',
+	'MOTESS',
+	'MOTO',
+	'MOU',
+	'MOUT',
+	'MOVES',
+	'MOW',
+	'MOZ',
+	'MP',
+	'mPa',
+	'MPa',
+	'MPA',
+	'MPAA',
+	'MPC',
+	'MPC',
+	'MPEC',
+	'MPEG',
+	'MPEV',
+	'MPF',
+	'MPFC',
+	'MPG',
+	'MPMC',
+	'MPSI',
+	'MPSoC',
+	'MPSRON',
+	'MQ',
+	'mr',
+	'MR',
+	'MRAV',
+	'MRBM',
+	'MRC',
+	'MRD',
+	'MRE',
+	'MRGO',
+	'MRGW',
+	'mri',
+	'MRI',
+	'MRL',
+	'MRO',
+	'MRPharmS',
+	'MRR',
+	'MRS',
+	'MRSA',
+	'MRT',
+	'MRTFB',
+	'ms',
+	'mS',
+	'Ms',
+	'MS',
+	'msa',
+	'MSB',
+	'MSD',
+	'MSDB',
+	'MSDE',
+	'MSDL',
+	'MSE',
+	'MSEC',
+	'MSG',
+	'MSH',
+	'MSI',
+	'MSIE',
+	'MSL',
+	'MSLP',
+	'MSM',
+	'MSN',
+	'MSNBC',
+	'MSO',
+	'MSPA',
+	'MSPB',
+	'MSR',
+	'MSSA',
+	'MST',
+	'MSU',
+	'mt',
+	'mT',
+	'Mt',
+	'MT',
+	'MTA',
+	'MTBF',
+	'MtF',
+	'MTF',
+	'MTG',
+	'MTL',
+	'MTOE',
+	'MTP',
+	'MTQ',
+	'MTR',
+	'MTS',
+	'MTT',
+	'MTU',
+	'MTV',
+	'MTVL',
+	'MTWS',
+	'MU',
+	'MUA',
+	'MUR',
+	'MUS',
+	'mV',
+	'MV',
+	'MVC',
+	'MVFC',
+	'MVNO',
+	'MVR',
+	'mW',
+	'MW',
+	'MWC',
+	'MWESH',
+	'MWI',
+	'MWK',
+	'MWOA',
+	'MWR',
+	'MWTB',
+	'MX',
+	'MXN',
+	'my',
+	'MY',
+	'mya',
+	'MYOB',
+	'MYR',
+	'MYS',
+	'MYT',
+	'MZ',
+	'MZN',
+	'n',
+	'N',
+	'N3F',
+	'na',
+	'nA',
+	'Na',
+	'NA',
+	'NAA',
+	'NAAD',
+	'NAAFI',
+	'NAAK',
+	'NAACP',
+	'NAAQS',
+	'NAAWS',
+	'NABCI',
+	'NAC',
+	'NACA',
+	'NACC',
+	'NACISA',
+	'NACMA',
+	'NACRA',
+	'NAD',
+	'NAEC',
+	'NAF',
+	'NAFLD',
+	'NAFO',
+	'NAFERA',
+	'NAFTA',
+	'NAGPRA',
+	'NAI',
+	'NAICS',
+	'NAIL',
+	'NAILS',
+	'NAIRU',
+	'NAK',
+	'NAM',
+	'NAMBLA',
+	'NAMRL',
+	'NaN',
+	'NAO',
+	'NAPDD',
+	'NAPS',
+	'NARA',
+	'NARAL',
+	'NARDAC',
+	'NARDIC',
+	'NARPV',
+	'NAS',
+	'NASA',
+	'NASCAR',
+	'NASDAQ',
+	'NASED',
+	'NASH',
+	'NASP',
+	'NASS',
+	'NatGeo',
+	'NATO',
+	'nau',
+	'NaUKMA',
+	'nav',
+	'NAV',
+	'NAVCAMS',
+	'NAVCC',
+	'NAVCENT',
+	'NAVDAC',
+	'NAVEUR',
+	'NAVFE',
+	'NAVFOR',
+	'NAVMACS',
+	'NAVNET',
+	'NAVS',
+	'NAVSAT',
+	'NAVSPACECOM',
+	'NAVSPASUR',
+	'NAVSTAR',
+	'NAVTACNET',
+	'NAWC',
+	'NAWMP',
+	'nb',
+	'Nb',
+	'NB',
+	'NBA',
+	'NBACC',
+	'NBC',
+	'NBCRS',
+	'NBIC',
+	'nbl',
+	'NBL',
+	'NBT',
+	'nC',
+	'NC',
+	'NCA',
+	'NCAA',
+	'NCAR',
+	'NCB',
+	'NCCAM',
+	'NCCUSL',
+	'NCDDR',
+	'NCES',
+	'NCI',
+	'NCIS',
+	'NCL',
+	'NCLR',
+	'NCMO',
+	'NCND',
+	'NCO',
+	'NCP',
+	'NCR',
+	'NCTR',
+	'NCW',
+	'nd',
+	'Nd',
+	'ND',
+	'NDAA',
+	'NDBP',
+	'NDCC',
+	'nde',
+	'NDH',
+	'ndo',
+	'NDP',
+	'NDS',
+	'NDU',
+	'ne',
+	'Ne',
+	'NE',
+	'NEA',
+	'NEAT',
+	'NEC',
+	'NED',
+	'NECTEC',
+	'NEI',
+	'NEMS',
+	'NEO',
+	'nep',
+	'NEPA',
+	'NER',
+	'NERICA',
+	'NESDIS',
+	'NESP',
+	'NET',
+	'NETCU',
+	'NETL',
+	'NETWARS',
+	'NEWS',
+	'NEX',
+	'nF',
+	'NF',
+	'NFA',
+	'NFC',
+	'NFER',
+	'NFG',
+	'NFHS',
+	'NFI',
+	'NFK',
+	'NFL',
+	'Nfld',
+	'NFPA',
+	'NFT',
+	'ng',
+	'NG',
+	'NGA',
+	'NGH',
+	'NGATS',
+	'NGIC',
+	'NGN',
+	'NGO',
+	'NGR',
+	'NGS',
+	'nH',
+	'NH',
+	'NHANES',
+	'NHB',
+	'NHB',
+	'NHL',
+	'NHO',
+	'NHRA',
+	'NHS',
+	'Ni',
+	'NI',
+	'NIAAA',
+	'NIAID',
+	'NIAG',
+	'NIAMD',
+	'NIB',
+	'NIBP',
+	'NIC',
+	'NicA',
+	'NICAP',
+	'NICE',
+	'NICHD',
+	'NICP',
+	'NIDDK',
+	'NIDRR',
+	'NIEHS',
+	'NIG',
+	'NIH',
+	'NIIN',
+	'NIMA',
+	'NIMBY',
+	'NIMG',
+	'NiMH',
+	'NIMH',
+	'NIN',
+	'NIO',
+	'NIPR',
+	'NIR',
+	'NISAC',
+	'NISCAP',
+	'NISER',
+	'NIST',
+	'NIT',
+	'NITFS',
+	'NIU',
+	'nJ',
+	'NJ',
+	'NJHS',
+	'NJPW',
+	'nK',
+	'NKA',
+	'NKVD',
+	'nl',
+	'nL',
+	'NL',
+	'NLB',
+	'nld',
+	'NLD',
+	'NLF',
+	'NLL',
+	'NLP',
+	'NLW',
+	'nm',
+	'NM',
+	'NMCI',
+	'NMCS',
+	'NMD',
+	'NMN',
+	'NMOS',
+	'NMSG',
+	'NMR',
+	'NMHNFG',
+	'nn',
+	'nN',
+	'NNE',
+	'nno',
+	'NNSA',
+	'NNW',
+	'no',
+	'No',
+	'NO',
+	'NOAA',
+	'NOAF',
+	'NOAO',
+	'nob',
+	'NOC',
+	'NODEF',
+	'NOK',
+	'NOLA',
+	'NOGI',
+	'NOLF',
+	'NOM',
+	'NOME',
+	'NoMBO',
+	'NOME',
+	'NOPA',
+	'nor',
+	'NOR',
+	'NORAD',
+	'NORCECA',
+	'NORELPREF',
+	'NORML',
+	'NORTHAG',
+	'NOS',
+	'NOSA',
+	'NOTAFLOF',
+	'NOTAM',
+	'NOW',
+	'Np',
+	'NP',
+	'NP',
+	'NPB',
+	'NPC',
+	'NPCS',
+	'NPD',
+	'NPDI',
+	'NPG',
+	'NPH',
+	'NPL',
+	'NPOV',
+	'NPR',
+	'NQ',
+	'NQOCD',
+	'NPO',
+	'nr',
+	'NR',
+	'NRA',
+	'NRAO',
+	'NRC',
+	'NRDC',
+	'NREL',
+	'NRK',
+	'NRMP',
+	'NRO',
+	'NRT',
+	'NRTA',
+	'NRU',
+	'ns',
+	'nS',
+	'NS',
+	'NSA',
+	'NSABB',
+	'NSAID',
+	'NSB',
+	'NSC',
+	'NSDAP',
+	'NSDL',
+	'NSG',
+	'NSN',
+	'NSNA',
+	'NSO',
+	'NSS',
+	'NST',
+	'NSTAC',
+	'NSV',
+	'NSW',
+	'nT',
+	'NT',
+	'NTC',
+	'NTDS',
+	'NTP',
+	'NTR',
+	'NTRA',
+	'NTSB',
+	'NTSC',
+	'NTV',
+	'NTY',
+	'NTZ',
+	'NU',
+	'NUI',
+	'NUL',
+	'NUTS',
+	'NUWC',
+	'nv',
+	'nV',
+	'NV',
+	'NVEOL',
+	'NVESD',
+	'NVG',
+	'NVL',
+	'nW',
+	'NW',
+	'NW',
+	'NWA',
+	'NWF',
+	'NWFZ',
+	'NWHN',
+	'nWo',
+	'NWOAHM',
+	'NWOBHM',
+	'NWRA',
+	'NWSL',
+	'NWT',
+	'NX',
+	'NXA',
+	'NXD',
+	'NXE',
+	'NXG',
+	'NXL',
+	'NXN',
+	'NXP',
+	'ny',
+	'NY',
+	'nya',
+	'NYHA',
+	'NYO',
+	'NYRA',
+	'NYSE',
+	'NZ',
+	'NZC',
+	'NZD',
+	'NZL',
+	'NzL',
+	'NZOSS',
+	'NZRU',
+	'O',
+	'OA',
+	'OAC',
+	'OAP',
+	'OAS',
+	'OARSI',
+	'OASIS',
+	'OASIS',
+	'OASIS',
+	'OASP',
+	'OAU',
+	'ob',
+	'OB',
+	'OBE',
+	'OBJ',
+	'OBS',
+	'OBSS',
+	'OBX',
+	'oc',
+	'OC',
+	'OCA',
+	'OCD',
+	'OCFS',
+	'OCFS2',
+	'oci',
+	'OCIDS',
+	'OCMCC',
+	'OCN',
+	'OCO',
+	'OCOKA',
+	'OCR',
+	'OCS',
+	'OD',
+	'ODAS',
+	'ODB',
+	'ODBC',
+	'ODI',
+	'OEA',
+	'OED',
+	'OECD',
+	'OEG',
+	'OEIS',
+	'OEM',
+	'OFA',
+	'OFDA',
+	'OGC',
+	'OGD',
+	'OGO',
+	'OGX',
+	'OH',
+	'OHC',
+	'OHHLA',
+	'OHIP',
+	'OHMS',
+	'OHP',
+	'OHSS',
+	'OIC',
+	'OIE',
+	'OIF',
+	'OIOC',
+	'oj',
+	'OJ',
+	'oji',
+	'OJT',
+	'OK',
+	'OKC',
+	'OLED',
+	'OLS',
+	'om',
+	'OM',
+	'OMA',
+	'OMB',
+	'OMD',
+	'OME',
+	'OMFG',
+	'OMG',
+	'OMGW',
+	'OMN',
+	'OMNCS',
+	'OMP',
+	'OMR',
+	'OMS',
+	'OMT',
+	'OMW',
+	'ON',
+	'Onna',
+	'ONC',
+	'ONCE',
+	'ONG',
+	'ONH',
+	'ONI',
+	'ONS',
+	'OO',
+	'OOO',
+	'OOAD',
+	'OOBE',
+	'OOCL',
+	'OODA',
+	'OOMF',
+	'OOP',
+	'OOS',
+	'OOTW',
+	'OP',
+	'OPA',
+	'OPAC',
+	'OPCON',
+	'OPCW',
+	'OPEC',
+	'OPFOR',
+	'OPI',
+	'OPINTEL',
+	'OPLAN',
+	'OPORD',
+	'OPP',
+	'OPS',
+	'OPSEC',
+	'OPSI',
+	'OPTAR',
+	'OPV',
+	'OQ',
+	'or',
+	'OR',
+	'ORAU',
+	'ORB',
+	'ORBAT',
+	'ORD',
+	'ORD',
+	'ORF',
+	'ori',
+	'ORISE',
+	'orm',
+	'ORNL',
+	'ORR',
+	'ORSA',
+	'OS',
+	'os',
+	'Os',
+	'OSA',
+	'OSCE',
+	'OSD',
+	'OSDL',
+	'OSE',
+	'OSERS',
+	'OSETI',
+	'OSHA',
+	'OSI',
+	'OSIA',
+	'OSL',
+	'OSIRIS',
+	'OSM',
+	'OSOTPBOIAS',
+	'OSPA',
+	'OSPA',
+	'OSRH',
+	'oss',
+	'OSS',
+	'OSU',
+	'OTA',
+	'OTAC',
+	'OTB',
+	'OTC',
+	'OTD',
+	'OTEA',
+	'OTI',
+	'OTO',
+	'OTOH',
+	'OTS',
+	'OTSBH',
+	'OTW',
+	'OTYBL',
+	'OTYRL',
+	'OU',
+	'OVC',
+	'OVV',
+	'OW',
+	'OWN',
+	'OX',
+	'OXC',
+	'OXF',
+	'OXM',
+	'OXR',
+	'OXT',
+	'Oy',
+	'Oyj',
+	'OZ',
+	'p',
+	'P',
+	'P2P',
+	'pa',
+	'pA',
+	'Pa',
+	'PA',
+	'PAA',
+	'PAB',
+	'PABX',
+	'PAC',
+	'PACOM',
+	'PADD',
+	'PADI',
+	'PAEK',
+	'PAFC',
+	'PAH',
+	'PAHO',
+	'PAI',
+	'PAK',
+	'Pakistan',
+	'PAL',
+	'PAM',
+	'Pamida',
+	'PAMELA',
+	'pan',
+	'PAN',
+	'PANS',
+	'PAO',
+	'PAOK',
+	'PAPI',
+	'PAR',
+	'PARC',
+	'PAROS',
+	'PARP',
+	'PARWIG',
+	'PAS',
+	'PASA',
+	'PASGT',
+	'PASR',
+	'PATH',
+	'PAWS',
+	'PAYD',
+	'PAYE',
+	'Pb',
+	'PB',
+	'PBA',
+	'PBB',
+	'PBCK',
+	'PBD',
+	'PBDE',
+	'PBI',
+	'PBN',
+	'PBOH',
+	'PBR',
+	'PBS',
+	'PBRT',
+	'PBT',
+	'PBX',
+	'pC',
+	'PC',
+	'PCAS',
+	'PCB',
+	'PCC',
+	'PCCB',
+	'PCCIP',
+	'PCE',
+	'PCI',
+	'PCIe',
+	'PCL',
+	'PCMCIA',
+	'PCN',
+	'PCP',
+	'PCPI',
+	'PCR',
+	'PCSSD',
+	'PCT',
+	'PCTE',
+	'PCZ',
+	'Pd',
+	'PD',
+	'PD',
+	'PDA',
+	'PDD',
+	'PDF',
+	'PDG',
+	'PDL',
+	'PDN',
+	'PDP',
+	'PDQ',
+	'PDRY',
+	'PDT',
+	'PDU',
+	'PE',
+	'PE',
+	'PEBCAC',
+	'PEBKAC',
+	'PEEK',
+	'PEET',
+	'PEGIDA',
+	'PEI',
+	'PEK',
+	'PEN',
+	'PEO',
+	'PEPFAR',
+	'perl',
+	'PES',
+	'PEST',
+	'PET',
+	'PETA',
+	'PETE',
+	'PETP',
+	'pF',
+	'PF',
+	'PFD',
+	'PFE',
+	'PFLAG',
+	'PFIY',
+	'PFO',
+	'PfP',
+	'pg',
+	'Pg',
+	'PG',
+	'PGCE',
+	'PGD',
+	'PGENI',
+	'PGH',
+	'PGK',
+	'PGM',
+	'PGP',
+	'pH',
+	'PH',
+	'PHA',
+	'PHL',
+	'PHQ',
+	'PHP',
+	'pi',
+	'Pi',
+	'PI',
+	'PIB',
+	'PIC',
+	'PICNIC',
+	'PICS',
+	'PID',
+	'PIF',
+	'PIG',
+	'PIM',
+	'PIN',
+	'PINF',
+	'PIPA',
+	'PIR',
+	'PIRA',
+	'PIREPS',
+	'PITA',
+	'pJ',
+	'PJ',
+	'PJHQ',
+	'PJs',
+	'K',
+	'PK',
+	'PKA',
+	'PKE',
+	'PKI',
+	'PKM',
+	'PKMS',
+	'PKMT',
+	'PKR',
+	'PKT',
+	'PKTM',
+	'PKU',
+	'pl',
+	'pL',
+	'PL',
+	'PLAF',
+	'PLAID',
+	'PLB',
+	'PLC',
+	'PLCC',
+	'PLD',
+	'PLEBS',
+	'PLF',
+	'PLGR',
+	'pli',
+	'PLI',
+	'PLIF',
+	'PLK',
+	'PLKK',
+	'PLL',
+	'PLM',
+	'PLMBA',
+	'Pln',
+	'PLN',
+	'PLO',
+	'PLOKTA',
+	'PLP',
+	'PLS',
+	'PLUTO',
+	'PLW',
+	'pm',
+	'Pm',
+	'PM',
+	'PMC',
+	'PMCS',
+	'PME',
+	'PMI',
+	'PMID',
+	'PMMA',
+	'PMOS',
+	'PMS',
+	'PMSC',
+	'PMSL',
+	'PMT',
+	'pN',
+	'PN',
+	'PNAC',
+	'PNC',
+	'PNF',
+	'PNG',
+	'PNP',
+	'PNS',
+	'PNVS',
+	'PNH',
+	'Po',
+	'PO',
+	'PO',
+	'PO',
+	'POCD',
+	'pod',
+	'POD',
+	'POE',
+	'POETS',
+	'POFF',
+	'POG',
+	'POGO',
+	'POI',
+	'POK',
+	'pol',
+	'POL',
+	'POLAD',
+	'POM',
+	'POMDP',
+	'POP',
+	'por',
+	'POR',
+	'POS',
+	'POSH',
+	'POSSLQ',
+	'POT',
+	'POTS',
+	'POV',
+	'POW',
+	'pp',
+	'PP',
+	'PPA',
+	'PPASC',
+	'PPASSCCATAG',
+	'PPCLI',
+	'PPG',
+	'PPL',
+	'PPLI',
+	'ppm',
+	'PPM',
+	'PPM',
+	'PPO',
+	'PPP',
+	'PPQ',
+	'PPQN',
+	'PPQT',
+	'PPS',
+	'PPV',
+	'PQ',
+	'Pr',
+	'Pr',
+	'PR',
+	'Prb',
+	'PRBO',
+	'PRC',
+	'PRD',
+	'PRFG',
+	'PRI',
+	'PRK',
+	'PRM',
+	'PRN',
+	'PRT',
+	'PRY',
+	'ps',
+	'pS',
+	'Ps',
+	'PS',
+	'PooS',
+	'PSA',
+	'PSC',
+	'PSE',
+	'PSG',
+	'PSI',
+	'PSI',
+	'PSO',
+	'PSS',
+	'PST',
+	'PSU',
+	'PSV',
+	'PsyOp',
+	'pt',
+	'pT',
+	'Pt',
+	'PT',
+	'PTA',
+	'PTAL',
+	'PTAN',
+	'PTES',
+	'PTFE',
+	'PTI',
+	'PTL',
+	'PTO',
+	'PTSD',
+	'PTUI',
+	'Pu',
+	'PU',
+	'Pub',
+	'PUG',
+	'PUN',
+	'PUP',
+	'PUR',
+	'pus',
+	'PUS',
+	'pV',
+	'PV',
+	'PVC',
+	'PvE',
+	'PvP',
+	'PVR',
+	'PvZ',
+	'pW',
+	'PW',
+	'petawatt',
+	'PWA',
+	'PWBA',
+	'PwC',
+	'PWC',
+	'PWL',
+	'PWLC',
+	'PWP',
+	'PWR',
+	'PWV',
+	'PX',
+	'PY',
+	'PYF',
+	'PYG',
+	'PYMWYMI',
+	'PZ',
+	'Q1',
+	'Q2',
+	'Q3',
+	'Q4',
+	'QA',
+	'Qantas',
+	'QAP',
+	'QAR',
+	'QAT',
+	'QB',
+	'QC',
+	'QCA',
+	'QCD',
+	'QD',
+	'QDOS',
+	'QDR',
+	'QDRO',
+	'QED',
+	'QEH',
+	'QFE',
+	'QID',
+	'QIP',
+	'QK',
+	'QLD',
+	'QM',
+	'QNH',
+	'QPR',
+	'QPS',
+	'QR',
+	'QS',
+	'QSCAT',
+	'QSL',
+	'QSO',
+	'QSTAG',
+	'QT',
+	'qu',
+	'Quango',
+	'Quasar',
+	'QUB',
+	'que',
+	'QUIET',
+	'qv',
+	'QVC',
+	'QWG',
+	'QWGAOR',
+	'QZ',
+	'R',
+	'R2I',
+	'R3P',
+	'Ra',
+	'RA',
+	'RA',
+	'RAA',
+	'RAAF',
+	'Rabobank',
+	'RAC',
+	'RACK',
+	'Racon',
+	'RADA',
+	'Radar',
+	'RADB',
+	'RADb',
+	'RadB',
+	'RADC',
+	'RAE',
+	'RAF',
+	'RAG',
+	'RAGBRAI',
+	'RAM',
+	'Ramark',
+	'RAOC',
+	'RAP',
+	'RARDE',
+	'RARE',
+	'RASC',
+	'RATELO',
+	'Rb',
+	'RB',
+	'RBAR',
+	'RBCI',
+	'RBI',
+	'RBOC',
+	'RC',
+	'RCA',
+	'RCAF',
+	'RCAR',
+	'RCC',
+	'RCCO',
+	'RCHA',
+	'RCMP',
+	'RCRA',
+	'RCS',
+	'RCT',
+	'RCZ',
+	'RD',
+	'RDA',
+	'RDD',
+	'RDDL',
+	'RDECOM',
+	'RDM',
+	'RDO',
+	'RDS',
+	'RDT',
+	'RDV',
+	'Re',
+	'RE',
+	'REACH',
+	'REACT',
+	'REAM',
+	'RECCE',
+	'REEF',
+	'REM',
+	'REME',
+	'RERC',
+	'RES',
+	'RESNA',
+	'REU',
+	'Rf',
+	'RF',
+	'RFA',
+	'RFC',
+	'RFD',
+	'RFE',
+	'RFEF',
+	'RFF',
+	'RFI',
+	'RFID',
+	'RFL',
+	'RFL',
+	'RFP',
+	'RFQ',
+	'RFT',
+	'RFU',
+	'Rg',
+	'RG',
+	'RGB',
+	'RGBI',
+	'Rh',
+	'RH',
+	'RHIC',
+	'RHLI',
+	'RHO',
+	'RHS',
+	'RHU',
+	'RHWR',
+	'RI',
+	'RI',
+	'RIAA',
+	'RIBA',
+	'RIF',
+	'RIFA',
+	'RILA',
+	'RIM',
+	'RIMVS',
+	'RINO',
+	'RIP',
+	'RIS',
+	'RISC',
+	'RISD',
+	'RISTA',
+	'RWH',
+	'RJD',
+	'RKBA',
+	'RKI',
+	'RKO',
+	'RL',
+	'RLP',
+	'RLS',
+	'RLY',
+	'RM',
+	'rm',
+	'RMA',
+	'RMC',
+	'RMC',
+	'RMDA',
+	'RMP',
+	'RMS',
+	'rn',
+	'Rn',
+	'RN',
+	'RN',
+	'RNA',
+	'RNAD',
+	'RNPS',
+	'RNZ',
+	'RNZI',
+	'ro',
+	'RO',
+	'ROA',
+	'ROC',
+	'ROD',
+	'ROE',
+	'roh',
+	'ROH',
+	'ROI',
+	'ROFLOL',
+	'ROK',
+	'ROL',
+	'ROM',
+	'ron',
+	'RON',
+	'ROP',
+	'ROPE',
+	'ROS',
+	'ROTC',
+	'ROU',
+	'ROV',
+	'ROW',
+	'ROWPU',
+	'ROZ',
+	'RP',
+	'RPA',
+	'RPD',
+	'RPF',
+	'RPG',
+	'RPL',
+	'rpm',
+	'RPM',
+	'RPN',
+	'RPO',
+	'rps',
+	'RPV',
+	'RQ',
+	'RRB',
+	'RRN',
+	'RRP',
+	'RRS',
+	'RRSP',
+	'RS',
+	'RSA',
+	'RSD',
+	'RSEQ',
+	'RSI',
+	'RSJ',
+	'RSN',
+	'RSPB',
+	'RSPCA',
+	'RSR',
+	'RSRE',
+	'RSRI',
+	'RSS',
+	'RSTA',
+	'RSVP',
+	'RT',
+	'RTA',
+	'RTBF',
+	'RTCA',
+	'RTF',
+	'RTFM',
+	'RTG',
+	'RTGS',
+	'RTI',
+	'RTL',
+	'RTLS',
+	'RTP',
+	'RTS',
+	'RTT',
+	'RTV',
+	'ru',
+	'Ru',
+	'RU',
+	'RUB',
+	'RUC',
+	'run',
+	'rus',
+	'RUS',
+	'RUSI',
+	'RV',
+	'RVD',
+	'rw',
+	'RW',
+	'RWA',
+	'RWADA',
+	'RWF',
+	'RWR',
+	'RWS',
+	'Rx',
+	'RX',
+	'South',
+	'SA',
+	'SAA',
+	'SAC',
+	'SAD',
+	'SADL',
+	'SAE',
+	'SALT',
+	'SAM',
+	'Sambo',
+	'san',
+	'SAR',
+	'SARA',
+	'SART',
+	'SAS',
+	'SAT',
+	'SAW',
+	'SB',
+	'SBA',
+	'SBC',
+	'SBD',
+	'SBNO',
+	'SBP',
+	'SBS',
+	'SBW',
+	'SC',
+	'SCA',
+	'SCO',
+	'SCS',
+	'SCSI',
+	'SD',
+	'SDC',
+	'SDHC',
+	'SDXC',
+	'SE',
+	'SEC',
+	'SEM',
+	'SEN',
+	'SEP',
+	'SEU',
+	'SF',
+	'SFA',
+	'SFE',
+	'SG',
+	'SGC',
+	'SGS',
+	'SH',
+	'SHAC',
+	'SHO',
+	'SI',
+	'SIG',
+	'SIIT',
+	'SIMPLE',
+	'SIP',
+	'Siri',
+	'SIRI',
+	'SISO',
+	'SJ',
+	'SK',
+	'SL',
+	'SLA',
+	'SLOC',
+	'SLP',
+	'SLT',
+	'SM',
+	'SME',
+	'SMG',
+	'SMX',
+	'SMZ',
+	'SN',
+	'SNL',
+	'SNR',
+	'SO',
+	'SOA',
+	'SOAP',
+	'SOB',
+	'SoCon',
+	'SOD',
+	'SOE',
+	'SOF',
+	'SOGAT',
+	'SOM',
+	'SOP',
+	'SOR',
+	'SOS',
+	'Sp',
+	'SP',
+	'SPD',
+	'SPL',
+	'SR',
+	'SRAM',
+	'SRD',
+	'SRG',
+	'SRL',
+	'SS',
+	'SSA',
+	'SSC',
+	'SSD',
+	'SSDD',
+	'SSE',
+	'SSN',
+	'SSR',
+	'SSRI',
+	'SSRN',
+	'SSS',
+	'SST',
+	'ST',
+	'STA',
+	'STAR',
+	'STAT',
+	'STB',
+	'STD',
+	'STFU',
+	'STI',
+	'STP',
+	'STRICOM',
+	'SU',
+	'SUI',
+	'SV',
+	'SVD',
+	'SW',
+	'SWA',
+	'SWF',
+	'SWG',
+	'SWLABR',
+	'SWP',
+	'SXM',
+	'SZ',
+	'T',
+	'ta',
+	'Ta',
+	'TA',
+	'TAA',
+	'TAACOM',
+	'TAADCOORD',
+	'TAAR',
+	'TAC',
+	'TACAMO',
+	'TACAN',
+	'TACC',
+	'TACCO',
+	'TACCSF',
+	'TACDAR',
+	'TACP',
+	'TACSOP',
+	'TADIL',
+	'TADL',
+	'TADSS',
+	'tah',
+	'TAI',
+	'TAJ',
+	'TAJT',
+	'TALES',
+	'tam',
+	'TAN',
+	'TANJ',
+	'TANP',
+	'TANSTAAFL',
+	'TAPPS',
+	'TARDIS',
+	'TARP',
+	'TAROT',
+	'TAS',
+	'TASER',
+	'TASM',
+	'tat',
+	'TAT',
+	'TATP',
+	'TATT',
+	'Tb',
+	'TB',
+	'TBA',
+	'TBBPA',
+	'TBC',
+	'TBD',
+	'TBD',
+	'TBF',
+	'TBGRI',
+	'TBH',
+	'TBL',
+	'TBM',
+	'TBS',
+	'TBT',
+	'Tc',
+	'TC',
+	'TCA',
+	'TCAS',
+	'TCAA',
+	'TCCCS',
+	'TCD',
+	'TCG',
+	'TCHD',
+	'TCL',
+	'TCM',
+	'TCP',
+	'TCU',
+	'TCWMS',
+	'TCW',
+	'TD',
+	'TDA',
+	'TDL',
+	'TDM',
+	'TDMA',
+	'TDP',
+	'TDRS',
+	'te',
+	'Te',
+	'TE',
+	'TEAL',
+	'Team',
+	'TEAMS',
+	'TED',
+	'TEETH',
+	'tel',
+	'TEL',
+	'TELAR',
+	'TEMO',
+	'TENCAP',
+	'TERS',
+	'TES',
+	'TEST',
+	'TEU',
+	'TeVeS',
+	'TF',
+	'TFMPP',
+	'TFR',
+	'TFT',
+	'tg',
+	'Tg',
+	'TG',
+	'TGA',
+	'TGB',
+	'TGIF',
+	'tgk',
+	'tgl',
+	'TGO',
+	'TGT',
+	'TGV',
+	'th',
+	'Th',
+	'TH',
+	'tha',
+	'THA',
+	'THAAD',
+	'THB',
+	'THEGENTRY',
+	'THEL',
+	'THG',
+	'ti',
+	'Ti',
+	'TI',
+	'TIA',
+	'TIA',
+	'TIALD',
+	'TIBS',
+	'TIC',
+	'TID',
+	'TIGERS',
+	'TIM',
+	'TIMS',
+	'TINC',
+	'TINY',
+	'TIP',
+	'tir',
+	'tits',
+	'TJ',
+	'TJD',
+	'TJK',
+	'TJS',
+	'tk',
+	'TK',
+	'TKBL',
+	'TKL',
+	'TKM',
+	'tl',
+	'Tl',
+	'TLPM',
+	'TL',
+	'TLATOJL',
+	'TLA',
+	'TLAM',
+	'TLAR',
+	'TLC',
+	'TLD',
+	'TLM',
+	'TLS',
+	'Tm',
+	'Thulium',
+	'TM',
+	'TMA',
+	'TMAP',
+	'TMC',
+	'TMD',
+	'TMDK',
+	'TMI',
+	'TMJ',
+	'TMM',
+	'TMNT',
+	'TMO',
+	'TMP',
+	'TMPG',
+	'TMR',
+	'TMS',
+	'TMT',
+	'TMTOWTDI',
+	'TMZ',
+	'tn',
+	'TN',
+	'TNA',
+	'TND',
+	'TNO',
+	'TNT',
+	'to',
+	'TOA',
+	'TOAD',
+	'TOBS',
+	'TOC',
+	'TOG',
+	'TOGS',
+	'TOMS',
+	'ton',
+	'TON',
+	'TOP',
+	'TOS',
+	'TOT',
+	'TOW',
+	'TP',
+	'TPE',
+	'TPI',
+	'TPO',
+	'TPS',
+	'TPTB',
+	'TQ',
+	'tr',
+	'TR',
+	'TRA',
+	'TRAC',
+	'TRACON',
+	'TRADOC',
+	'TRAIN',
+	'TRANSCOM',
+	'TRAP',
+	'TRASANA',
+	'TRD',
+	'TRIGAT',
+	'TRL',
+	'Trp',
+	'TRP',
+	'TRU',
+	'TRUEX',
+	'TRW',
+	'TRY',
+	'ts',
+	'Ts',
+	'TS',
+	'TSA',
+	'TSCA',
+	'TSEC',
+	'TSL',
+	'tsn',
+	'TSN',
+	'tso',
+	'TSO',
+	'TSOP',
+	'TSR',
+	'TSSIA',
+	'tt',
+	'TT',
+	'TTCT',
+	'TTD',
+	'TTO',
+	'TTFN',
+	'TTL',
+	'TTP',
+	'TTTEAF',
+	'TTY',
+	'TTYL',
+	'TTZ',
+	'TU',
+	'TUC',
+	'TUG',
+	'TUI',
+	'tuk',
+	'TUN',
+	'TUNS',
+	'Tur',
+	'TUR',
+	'TUSK',
+	'TUV',
+	'Tv',
+	'TV',
+	'TVA',
+	'TVG',
+	'TVR',
+	'TVS',
+	'tw',
+	'TW',
+	'TWAIN',
+	'TWD',
+	'TWE',
+	'twi',
+	'TWI',
+	'TWN',
+	'TWP',
+	'TWS',
+	'TWIP',
+	'TX',
+	'TXV',
+	'ty',
+	'TYT',
+	'TZ',
+	'TZA',
+	'TZC',
+	'TZS',
+	'U',
+	'UA',
+	'UAAP',
+	'UAB',
+	'UAE',
+	'UAH',
+	'UAR',
+	'UAV',
+	'UBC',
+	'UBIGEO',
+	'UBS',
+	'UCBSA',
+	'UCAV',
+	'UCF',
+	'UCI',
+	'UCLA',
+	'UCLES',
+	'UCR',
+	'UCS',
+	'UCSB',
+	'UCSD',
+	'UDAS',
+	'UDDI',
+	'UDP',
+	'UDT',
+	'UDTS',
+	'UE',
+	'UEFA',
+	'UEFI',
+	'UESAC',
+	'UFC',
+	'UFO',
+	'ug',
+	'UG',
+	'UGA',
+	'UGV',
+	'UGX',
+	'UHF',
+	'UHMW',
+	'UHRB',
+	'UIC',
+	'UID',
+	'uig',
+	'UIL',
+	'UIUC',
+	'UJTL',
+	'uk',
+	'UK',
+	'UKIP',
+	'ukr',
+	'UKR',
+	'UL',
+	'ULEB',
+	'ULF',
+	'UM',
+	'UMBC',
+	'UMC',
+	'UMCP',
+	'UMES',
+	'UMI',
+	'UMIST',
+	'UMK',
+	'UML',
+	'UMTS',
+	'UN',
+	'UNABOM',
+	'UNAIDS',
+	'UNaM',
+	'UNAM',
+	'UNAMSIL',
+	'UNCF',
+	'UNCLOS',
+	'UNCSGN',
+	'UNCTAD',
+	'UNDCP',
+	'UNDE',
+	'UNDP',
+	'UNEP',
+	'UNESCO',
+	'UNFCCC',
+	'UNFICYP',
+	'UNGEGN',
+	'UNHCR',
+	'UNICEF',
+	'UNICRI',
+	'UNIDO',
+	'UNIFEM',
+	'UNIS',
+	'UNLV',
+	'UNMIK',
+	'UNMOVIC',
+	'UNOSOM',
+	'UNPROFOR',
+	'UNRISD',
+	'UNSM',
+	'UNTAC',
+	'UNTAET',
+	'UNU',
+	'UP',
+	'UPC',
+	'UPdM',
+	'UPDM',
+	'UPF',
+	'UPI',
+	'UPN',
+	'UPS',
+	'UPTN',
+	'UPU',
+	'ur',
+	'UR',
+	'URBSFA',
+	'urd',
+	'URD',
+	'URI',
+	'URL',
+	'URU',
+	'URY',
+	'US',
+	'USA',
+	'USAADAC',
+	'USAARMC',
+	'USAAVNC',
+	'USAF',
+	'USAFSPC',
+	'USAIC',
+	'USAID',
+	'USAP',
+	'USAPATRIOT',
+	'USAREUR',
+	'USB',
+	'USC',
+	'USCG',
+	'USCINCSPACE',
+	'USD',
+	'USDA',
+	'USDI',
+	'USDOE',
+	'USDRE',
+	'USEC',
+	'USFL',
+	'USFWS',
+	'USGS',
+	'USIA',
+	'USJFCOM',
+	'USL',
+	'USMC',
+	'USMNT',
+	'USN',
+	'USNA',
+	'USNB',
+	'USNG',
+	'USNH',
+	'USNI',
+	'USNO',
+	'USNOFS',
+	'USNP',
+	'USNR',
+	'USNS',
+	'USNY',
+	'USNZ',
+	'USPS',
+	'USPTO',
+	'USR',
+	'USS',
+	'USSPACECOM',
+	'USSR',
+	'UST',
+	'USTRANSCOM',
+	'USWNT',
+	'UT',
+	'UTEP',
+	'UTM',
+	'UU',
+	'UUA',
+	'UUID',
+	'UUV',
+	'UV',
+	'UVM',
+	'UW',
+	'UWO',
+	'UWT',
+	'UWTG',
+	'UWW',
+	'UXO',
+	'UY',
+	'UYU',
+	'uz',
+	'UZ',
+	'uzb',
+	'UZB',
+	'UZS',
+	'V',
+	'VA',
+	'VACIS',
+	'VACIS',
+	'VANOS',
+	'VAO',
+	'VASIS',
+	'VAT',
+	'VB',
+	'VBA',
+	'VC',
+	'VCDS',
+	'vCJD',
+	'VCJCS',
+	'VCNO',
+	'VCR',
+	'VCofS',
+	'VCT',
+	'VD',
+	'VDFS',
+	'VDMOS',
+	'VDOT',
+	'VDR',
+	've',
+	'VE',
+	'VEB',
+	'VEEGA',
+	'ven',
+	'VEN',
+	'VERDI',
+	'VERITAS',
+	'VFA',
+	'VfD',
+	'VFL',
+	'VFM',
+	'VFMO',
+	'VFR',
+	'VFT',
+	'VFW',
+	'VG',
+	'VGB',
+	'VH1',
+	'VHF',
+	'vi',
+	'VI',
+	'VIA',
+	'VIC',
+	'VIDS',
+	'vie',
+	'VII',
+	'VIII',
+	'VIN',
+	'VIP',
+	'VIR',
+	'VIS',
+	'VISCII',
+	'VIT',
+	'VIVO',
+	'VJ',
+	'VK',
+	'VLA',
+	'VLAD',
+	'VLBA',
+	'VLF',
+	'VLIW',
+	'VLPFC',
+	'VLPMC',
+	'VLSF',
+	'VLSI',
+	'VLVS',
+	'VM',
+	'VMASC',
+	'VMF',
+	'VMF',
+	'VMN',
+	'VN',
+	'VND',
+	'VNIR',
+	'VNM',
+	'VNS',
+	'VOA',
+	'vo',
+	'VOC',
+	'VOIP',
+	'vol',
+	'VOLT',
+	'Volvo',
+	'VON',
+	'VOR',
+	'VOR',
+	'VOX',
+	'VP',
+	'VPN',
+	'VQ',
+	'VR',
+	'VRSG',
+	'VS',
+	'VSAT',
+	'VSHORAD',
+	'VSO',
+	'VSOP',
+	'VSR',
+	'VT',
+	'VTC',
+	'VTEC',
+	'VTOL',
+	'VU',
+	'VUB',
+	'VUT',
+	'VUV',
+	'VV',
+	'VVAF',
+	'VW',
+	'VZ',
+	'vzw',
+	'W',
+	'W3C',
+	'wa',
+	'WA',
+	'WAAC',
+	'WAAF',
+	'WAC',
+	'WACC',
+	'WACS',
+	'WAD',
+	'WAGGGS',
+	'WAGs',
+	'WAK',
+	'WAL',
+	'WAN',
+	'WAP',
+	'WAPIMA',
+	'WAR',
+	'WAsP',
+	'WASP',
+	'WAYP',
+	'Wb',
+	'WB',
+	'WBA',
+	'WBC',
+	'WBE',
+	'WBO',
+	'WC',
+	'WCBO',
+	'WCBP',
+	'WCL',
+	'WCS',
+	'WCW',
+	'WDC',
+	'WDWR',
+	'WDIN',
+	'WEBS',
+	'WEC',
+	'WEEE',
+	'WEF',
+	'WEM',
+	'WEU',
+	'WEZ',
+	'WF',
+	'WFC',
+	'WFD',
+	'WFF',
+	'WFP',
+	'WFZ',
+	'WFI',
+	'WG',
+	'WH',
+	'WHAM',
+	'WHI',
+	'WHIP',
+	'WHO',
+	'WHS',
+	'WI',
+	'WIA',
+	'WIIFM',
+	'WIMP',
+	'WIPO',
+	'WIPP',
+	'WIYN',
+	'WK',
+	'WKYP',
+	'WL',
+	'WLB',
+	'WLF',
+	'wln',
+	'WLOG',
+	'WM',
+	'WMANUS',
+	'WMD',
+	'WMI',
+	'WMO',
+	'WNA',
+	'WNF',
+	'WNL',
+	'WNIT',
+	'WNSD',
+	'WNW',
+	'wo',
+	'WO',
+	'WOF',
+	'WOFT',
+	'WOFTAM',
+	'WOI',
+	'wol',
+	'WOM',
+	'WOS',
+	'WOSM',
+	'WOT',
+	'WP',
+	'WPB',
+	'WPE',
+	'WPK',
+	'WPT',
+	'WR',
+	'WRAC',
+	'WRAIR',
+	'WRBWWRM',
+	'WRC',
+	'WRC',
+	'WRNS',
+	'WRVS',
+	'WRS',
+	'WRT',
+	'WRT',
+	'WRT',
+	'WRT',
+	'WRT',
+	'WRT',
+	'WRT',
+	'WRT',
+	'WRT',
+	'WRT',
+	'WRT',
+	'WS',
+	'WSC',
+	'WSDL',
+	'WSJ',
+	'WSL',
+	'WSM',
+	'WSMR',
+	'WSROC',
+	'WSSM',
+	'WST',
+	'WSTC',
+	'WSW',
+	'WTB',
+	'WTB',
+	'WTC',
+	'WTF',
+	'WTFH',
+	'WTH',
+	'WTO',
+	'WTS',
+	'WU',
+	'WUU2',
+	'WUBU2',
+	'WV',
+	'WVA',
+	'WVIAC',
+	'WVR',
+	'WVSC',
+	'WVU',
+	'WVUIT',
+	'WW',
+	'WWE',
+	'WWF',
+	'WWI',
+	'WWII',
+	'WWIII',
+	'WWJD',
+	'WWS',
+	'WWV',
+	'WWW',
+	'WWWF',
+	'WXO',
+	'WY',
+	'WYSIWYG',
+	'WYSIWYP',
+	'WZ',
+	'XAF',
+	'XAG',
+	'XAU',
+	'XBA',
+	'XBB',
+	'XBML',
+	'XC',
+	'XCBL',
+	'XCD',
+	'XD',
+	'Xe',
+	'XF',
+	'XFA',
+	'XFC',
+	'XFD',
+	'Xfe',
+	'XFF',
+	'XFG',
+	'XFH',
+	'XFN',
+	'XFR',
+	'XFT',
+	'XFW',
+	'XG',
+	'XGA',
+	'XGE',
+	'XGG',
+	'XGN',
+	'XGP',
+	'XGR',
+	'xh',
+	'xho',
+	'XHTML',
+	'XHR',
+	'XI',
+	'XII',
+	'XIII',
+	'XIV',
+	'XIX',
+	'XJ',
+	'XJL',
+	'XJS',
+	'XK',
+	'XKA',
+	'XKB',
+	'XKE',
+	'XKH',
+	'XKR',
+	'XKS',
+	'XKY',
+	'XL',
+	'XML',
+	'XMSF',
+	'XN',
+	'XNA',
+	'XNC',
+	'XNN',
+	'XNS',
+	'XNU',
+	'XO',
+	'XOF',
+	'XP',
+	'XPD',
+	'XPF',
+	'XPT',
+	'XQJ',
+	'XQP',
+	'XQU',
+	'XRML',
+	'XS',
+	'XSL',
+	'XTMH',
+	'XUL',
+	'XV',
+	'XVI',
+	'XVII',
+	'XVIII',
+	'XWB',
+	'XWF',
+	'XWM',
+	'XWN',
+	'XWS',
+	'XX',
+	'XXX',
+	'XYA',
+	'Xyl',
+	'XZA',
+	'XZN',
+	'y',
+	'Y',
+	'Y2K',
+	'yA',
+	'Ya',
+	'YA',
+	'YAC',
+	'YAFLA',
+	'YAP',
+	'YaBPr',
+	'YABSLAG',
+	'Yb',
+	'YB',
+	'yC',
+	'YC',
+	'YD',
+	'YDS',
+	'YE',
+	'YEM',
+	'YER',
+	'yF',
+	'YF',
+	'yg',
+	'Yg',
+	'Ygo',
+	'YGCO',
+	'yH',
+	'YH',
+	'YHS',
+	'YHBT',
+	'YHIH1',
+	'YHII',
+	'yi',
+	'Yi',
+	'YI',
+	'yid',
+	'Yippie',
+	'yJ',
+	'YJ',
+	'yK',
+	'YK',
+	'YKYFCW',
+	'yL',
+	'YL',
+	'ym',
+	'Ym',
+	'YM',
+	'YMCA',
+	'YMD',
+	'YMMD',
+	'YMMV',
+	'yN',
+	'YN',
+	'yo',
+	'YO',
+	'YOLO',
+	'yor',
+	'YPA',
+	'YPG',
+	'YPIO',
+	'YPO',
+	'ys',
+	'yS',
+	'Ys',
+	'YS',
+	'YSA',
+	'YSI',
+	'yT',
+	'YT',
+	'YTD',
+	'YTM',
+	'YTS',
+	'YTT',
+	'YU',
+	'YUG',
+	'Yuppie',
+	'yV',
+	'YV',
+	'yW',
+	'YW',
+	'YWCA',
+	'YWMV',
+	'YYH',
+	'z',
+	'Z',
+	'za',
+	'zA',
+	'ZA',
+	'ZAF',
+	'ZAMS',
+	'ZAR',
+	'ZAS',
+	'ZBT',
+	'zC',
+	'ZC',
+	'ZCM',
+	'ZCMK',
+	'ZCU',
+];
diff --git a/frontend-vue/src/consts/code-snippets.ts b/frontend-vue/src/consts/code-snippets.ts
new file mode 100644
index 000000000..7285deef1
--- /dev/null
+++ b/frontend-vue/src/consts/code-snippets.ts
@@ -0,0 +1,211 @@
+export function codeSnippets(signingKey: string) {
+	return {
+		cs: {
+			langName: 'C#',
+			mode: 'csharp',
+			snippet: `using System;
+using System.Security.Cryptography;
+using System.Text;
+using Microsoft.AspNetCore.Mvc;
+
+[Route("rocketadmin")]
+[ApiController]
+public class RocketAdminController : ControllerBase
+{
+    [HttpPost]
+    public IActionResult Post([FromBody] dynamic bodyData)
+    {
+        string rocketadminSignature = Request.Headers["rocketadmin-signature"];
+
+        string bodyToJson = Newtonsoft.Json.JsonConvert.SerializeObject(bodyData);
+
+        var hmac = new HMACSHA256(Encoding.UTF8.GetBytes("${signingKey}"));
+        byte[] hash = hmac.ComputeHash(Encoding.UTF8.GetBytes(bodyToJson));
+
+        string hashString = BitConverter.ToString(hash).Replace("-", "").ToLower();
+
+        if (hashString == rocketadminSignature)
+        {
+            // your code
+            return Ok();
+        }
+        else
+        {
+            return BadRequest("Signature invalid");
+        }
+    }
+}
+`,
+		},
+
+		java: {
+			langName: 'Java',
+			mode: 'java',
+			snippet: `import org.springframework.http.ResponseEntity;
+import org.springframework.web.bind.annotation.*;
+import javax.crypto.Mac;
+import javax.crypto.spec.SecretKeySpec;
+import java.nio.charset.StandardCharsets;
+import java.security.InvalidKeyException;
+import java.security.MessageDigest;
+import java.security.NoSuchAlgorithmException;
+import java.util.Base64;
+import java.util.Map;
+
+@RestController
+@RequestMapping("/rocketadmin")
+public class RocketAdminController {
+
+    @PostMapping
+    public ResponseEntity<String> handlePost(@RequestBody Map<String, Object> bodyData,
+                                                @RequestHeader("rocketadmin-signature") String rocketadminSignature) throws NoSuchAlgorithmException, InvalidKeyException {
+        String bodyToJson = new ObjectMapper().writeValueAsString(bodyData);
+
+        SecretKeySpec secretKeySpec = new SecretKeySpec("${signingKey}".getBytes(StandardCharsets.UTF_8), "HmacSHA256");
+        Mac mac = Mac.getInstance("HmacSHA256");
+        mac.init(secretKeySpec);
+        byte[] hash = mac.doFinal(bodyToJson.getBytes(StandardCharsets.UTF_8));
+
+        String hashString = Base64.getEncoder().encodeToString(hash);
+
+        if (MessageDigest.isEqual(hashString.getBytes(StandardCharsets.UTF_8), rocketadminSignature.getBytes(StandardCharsets.UTF_8))) {
+            // your code
+            return ResponseEntity.ok().build();
+        } else {
+            return ResponseEntity.status(400).body("Signature invalid");
+        }
+    }
+}
+`,
+		},
+
+		php: {
+			langName: 'PHP',
+			mode: 'php',
+			snippet: String.raw`<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Hash;
+
+class RocketadminController extends Controller
+{
+    public function store(Request $request)
+    {
+        $rocketadminSignature = $request->header('rocketadmin-signature');
+        $bodyData = $request->all();
+
+        $bodyToJson = json_encode($bodyData);
+
+        $hmac = hash_hmac('sha256', $bodyToJson, '${signingKey}');
+
+        if (hash_equals($hmac, $rocketadminSignature)) {
+            // your code
+            return response()->json([], 200);
+        } else {
+            return response()->json(['error' => 'Signature invalid'], 400);
+        }
+    }
+}`,
+		},
+
+		go: {
+			langName: 'Go',
+			mode: 'go',
+			snippet: `package main
+import (
+    "crypto/hmac"
+    "crypto/sha256"
+    "encoding/hex"
+    "encoding/json"
+    "io/ioutil"
+    "net/http"
+)
+
+func main() {
+    http.HandleFunc("/rocketadmin", func(w http.ResponseWriter, r *http.Request) {
+        rocketadminSignature := r.Header.Get("rocketadmin-signature")
+
+        body, _ := ioutil.ReadAll(r.Body)
+        var bodyData map[string]interface{}
+        json.Unmarshal(body, &bodyData)
+
+        bodyToJson, _ := json.Marshal(bodyData)
+
+        h := hmac.New(sha256.New, []byte("${signingKey}"))
+        h.Write(bodyToJson)
+        hash := hex.EncodeToString(h.Sum(nil))
+
+        if hmac.Equal([]byte(hash), []byte(rocketadminSignature)) {
+            // your code
+            w.WriteHeader(http.StatusOK)
+        } else {
+            http.Error(w, "Signature invalid", http.StatusBadRequest)
+        }
+    })
+
+    http.ListenAndServe(":8080", nil)
+}
+`,
+		},
+
+		python: {
+			langName: 'Python',
+			mode: 'python',
+			snippet: `from django.http import JsonResponse
+from django.views.decorators.csrf import csrf_exempt
+from django.utils.crypto import constant_time_compare
+import hashlib
+import hmac
+import json
+
+@csrf_exempt
+def rocketadmin(request):
+    if request.method == 'POST':
+        rocketadmin_signature = request.META.get('HTTP_ROCKETADMIN_SIGNATURE')
+        body_data = json.loads(request.body)
+
+        body_to_json = json.dumps(body_data)
+
+        hmac_obj = hmac.new(b'${signingKey}', body_to_json.encode(), hashlib.sha256)
+        hash = hmac_obj.hexdigest()
+
+        if constant_time_compare(hash, rocketadmin_signature):
+            # your code
+            return JsonResponse({}, status=200)
+        else:
+            return JsonResponse({'error': 'Signature invalid'}, status=400)
+`,
+		},
+
+		node: {
+			langName: 'Node.js',
+			mode: 'javascript',
+			snippet: `const crypto = require("crypto");
+
+app.use(express.json());
+
+router.post("/rocketadmin", (req, res) => {
+    const rocketadminSignature = req.headers["rocketadmin-signature"];
+    const bodyData = req.body;
+
+    const bodyToJson = JSON.stringify(bodyData);
+
+    const hmac = crypto.createHmac("sha256", "${signingKey}");
+
+    hmac.update(bodyToJson);
+    const hash = hmac.digest("hex");
+
+    if (
+    crypto.timingSafeEqual(Buffer.from(hash), Buffer.from(rocketadminSignature))
+    ) {
+    //your code
+    } else {
+    res.status(400).send("Signature invalid");
+    }
+});
+`,
+		},
+	};
+}
diff --git a/frontend-vue/src/consts/countries.ts b/frontend-vue/src/consts/countries.ts
new file mode 100644
index 000000000..90b9936ba
--- /dev/null
+++ b/frontend-vue/src/consts/countries.ts
@@ -0,0 +1,266 @@
+export interface Country {
+	code: string;
+	name: string;
+	dialCode?: string;
+}
+
+export function getCountryFlag(countryCode: string): string {
+	if (!countryCode || countryCode.length !== 2) return '';
+	const codePoints = countryCode
+		.toUpperCase()
+		.split('')
+		.map((char) => 127397 + char.charCodeAt(0));
+	return String.fromCodePoint(...codePoints);
+}
+
+export const COUNTRIES: Country[] = [
+	{ code: 'AD', name: 'Andorra', dialCode: '+376' },
+	{ code: 'AE', name: 'United Arab Emirates', dialCode: '+971' },
+	{ code: 'AF', name: 'Afghanistan', dialCode: '+93' },
+	{ code: 'AG', name: 'Antigua and Barbuda', dialCode: '+1268' },
+	{ code: 'AI', name: 'Anguilla', dialCode: '+1264' },
+	{ code: 'AL', name: 'Albania', dialCode: '+355' },
+	{ code: 'AM', name: 'Armenia', dialCode: '+374' },
+	{ code: 'AO', name: 'Angola', dialCode: '+244' },
+	{ code: 'AQ', name: 'Antarctica', dialCode: '+672' },
+	{ code: 'AR', name: 'Argentina', dialCode: '+54' },
+	{ code: 'AS', name: 'American Samoa', dialCode: '+1684' },
+	{ code: 'AT', name: 'Austria', dialCode: '+43' },
+	{ code: 'AU', name: 'Australia', dialCode: '+61' },
+	{ code: 'AW', name: 'Aruba', dialCode: '+297' },
+	{ code: 'AX', name: 'Åland Islands', dialCode: '+358' },
+	{ code: 'AZ', name: 'Azerbaijan', dialCode: '+994' },
+	{ code: 'BA', name: 'Bosnia and Herzegovina', dialCode: '+387' },
+	{ code: 'BB', name: 'Barbados', dialCode: '+1246' },
+	{ code: 'BD', name: 'Bangladesh', dialCode: '+880' },
+	{ code: 'BE', name: 'Belgium', dialCode: '+32' },
+	{ code: 'BF', name: 'Burkina Faso', dialCode: '+226' },
+	{ code: 'BG', name: 'Bulgaria', dialCode: '+359' },
+	{ code: 'BH', name: 'Bahrain', dialCode: '+973' },
+	{ code: 'BI', name: 'Burundi', dialCode: '+257' },
+	{ code: 'BJ', name: 'Benin', dialCode: '+229' },
+	{ code: 'BL', name: 'Saint Barthélemy', dialCode: '+590' },
+	{ code: 'BM', name: 'Bermuda', dialCode: '+1441' },
+	{ code: 'BN', name: 'Brunei Darussalam', dialCode: '+673' },
+	{ code: 'BO', name: 'Bolivia', dialCode: '+591' },
+	{ code: 'BQ', name: 'Bonaire, Sint Eustatius and Saba', dialCode: '+599' },
+	{ code: 'BR', name: 'Brazil', dialCode: '+55' },
+	{ code: 'BS', name: 'Bahamas', dialCode: '+1242' },
+	{ code: 'BT', name: 'Bhutan', dialCode: '+975' },
+	{ code: 'BV', name: 'Bouvet Island', dialCode: '+47' },
+	{ code: 'BW', name: 'Botswana', dialCode: '+267' },
+	{ code: 'BY', name: 'Belarus', dialCode: '+375' },
+	{ code: 'BZ', name: 'Belize', dialCode: '+501' },
+	{ code: 'CA', name: 'Canada', dialCode: '+1' },
+	{ code: 'CC', name: 'Cocos (Keeling) Islands', dialCode: '+61' },
+	{ code: 'CD', name: 'Congo, Democratic Republic of the', dialCode: '+243' },
+	{ code: 'CF', name: 'Central African Republic', dialCode: '+236' },
+	{ code: 'CG', name: 'Congo', dialCode: '+242' },
+	{ code: 'CH', name: 'Switzerland', dialCode: '+41' },
+	{ code: 'CI', name: "Côte d'Ivoire", dialCode: '+225' },
+	{ code: 'CK', name: 'Cook Islands', dialCode: '+682' },
+	{ code: 'CL', name: 'Chile', dialCode: '+56' },
+	{ code: 'CM', name: 'Cameroon', dialCode: '+237' },
+	{ code: 'CN', name: 'China', dialCode: '+86' },
+	{ code: 'CO', name: 'Colombia', dialCode: '+57' },
+	{ code: 'CR', name: 'Costa Rica', dialCode: '+506' },
+	{ code: 'CU', name: 'Cuba', dialCode: '+53' },
+	{ code: 'CV', name: 'Cape Verde', dialCode: '+238' },
+	{ code: 'CW', name: 'Curaçao', dialCode: '+599' },
+	{ code: 'CX', name: 'Christmas Island', dialCode: '+61' },
+	{ code: 'CY', name: 'Cyprus', dialCode: '+357' },
+	{ code: 'CZ', name: 'Czech Republic', dialCode: '+420' },
+	{ code: 'DE', name: 'Germany', dialCode: '+49' },
+	{ code: 'DJ', name: 'Djibouti', dialCode: '+253' },
+	{ code: 'DK', name: 'Denmark', dialCode: '+45' },
+	{ code: 'DM', name: 'Dominica', dialCode: '+1767' },
+	{ code: 'DO', name: 'Dominican Republic', dialCode: '+1' },
+	{ code: 'DZ', name: 'Algeria', dialCode: '+213' },
+	{ code: 'EC', name: 'Ecuador', dialCode: '+593' },
+	{ code: 'EE', name: 'Estonia', dialCode: '+372' },
+	{ code: 'EG', name: 'Egypt', dialCode: '+20' },
+	{ code: 'EH', name: 'Western Sahara', dialCode: '+212' },
+	{ code: 'ER', name: 'Eritrea', dialCode: '+291' },
+	{ code: 'ES', name: 'Spain', dialCode: '+34' },
+	{ code: 'ET', name: 'Ethiopia', dialCode: '+251' },
+	{ code: 'FI', name: 'Finland', dialCode: '+358' },
+	{ code: 'FJ', name: 'Fiji', dialCode: '+679' },
+	{ code: 'FK', name: 'Falkland Islands (Malvinas)', dialCode: '+500' },
+	{ code: 'FM', name: 'Micronesia, Federated States of', dialCode: '+691' },
+	{ code: 'FO', name: 'Faroe Islands', dialCode: '+298' },
+	{ code: 'FR', name: 'France', dialCode: '+33' },
+	{ code: 'GA', name: 'Gabon', dialCode: '+241' },
+	{ code: 'GB', name: 'United Kingdom', dialCode: '+44' },
+	{ code: 'GD', name: 'Grenada', dialCode: '+1473' },
+	{ code: 'GE', name: 'Georgia', dialCode: '+995' },
+	{ code: 'GF', name: 'French Guiana', dialCode: '+594' },
+	{ code: 'GG', name: 'Guernsey', dialCode: '+44' },
+	{ code: 'GH', name: 'Ghana', dialCode: '+233' },
+	{ code: 'GI', name: 'Gibraltar', dialCode: '+350' },
+	{ code: 'GL', name: 'Greenland', dialCode: '+299' },
+	{ code: 'GM', name: 'Gambia', dialCode: '+220' },
+	{ code: 'GN', name: 'Guinea', dialCode: '+224' },
+	{ code: 'GP', name: 'Guadeloupe', dialCode: '+590' },
+	{ code: 'GQ', name: 'Equatorial Guinea', dialCode: '+240' },
+	{ code: 'GR', name: 'Greece', dialCode: '+30' },
+	{ code: 'GS', name: 'South Georgia and the South Sandwich Islands', dialCode: '+500' },
+	{ code: 'GT', name: 'Guatemala', dialCode: '+502' },
+	{ code: 'GU', name: 'Guam', dialCode: '+1671' },
+	{ code: 'GW', name: 'Guinea-Bissau', dialCode: '+245' },
+	{ code: 'GY', name: 'Guyana', dialCode: '+592' },
+	{ code: 'HK', name: 'Hong Kong', dialCode: '+852' },
+	{ code: 'HM', name: 'Heard Island and McDonald Islands', dialCode: '+672' },
+	{ code: 'HN', name: 'Honduras', dialCode: '+504' },
+	{ code: 'HR', name: 'Croatia', dialCode: '+385' },
+	{ code: 'HT', name: 'Haiti', dialCode: '+509' },
+	{ code: 'HU', name: 'Hungary', dialCode: '+36' },
+	{ code: 'ID', name: 'Indonesia', dialCode: '+62' },
+	{ code: 'IE', name: 'Ireland', dialCode: '+353' },
+	{ code: 'IL', name: 'Israel', dialCode: '+972' },
+	{ code: 'IM', name: 'Isle of Man', dialCode: '+44' },
+	{ code: 'IN', name: 'India', dialCode: '+91' },
+	{ code: 'IO', name: 'British Indian Ocean Territory', dialCode: '+246' },
+	{ code: 'IQ', name: 'Iraq', dialCode: '+964' },
+	{ code: 'IR', name: 'Iran, Islamic Republic of', dialCode: '+98' },
+	{ code: 'IS', name: 'Iceland', dialCode: '+354' },
+	{ code: 'IT', name: 'Italy', dialCode: '+39' },
+	{ code: 'JE', name: 'Jersey', dialCode: '+44' },
+	{ code: 'JM', name: 'Jamaica', dialCode: '+1876' },
+	{ code: 'JO', name: 'Jordan', dialCode: '+962' },
+	{ code: 'JP', name: 'Japan', dialCode: '+81' },
+	{ code: 'KE', name: 'Kenya', dialCode: '+254' },
+	{ code: 'KG', name: 'Kyrgyzstan', dialCode: '+996' },
+	{ code: 'KH', name: 'Cambodia', dialCode: '+855' },
+	{ code: 'KI', name: 'Kiribati', dialCode: '+686' },
+	{ code: 'KM', name: 'Comoros', dialCode: '+269' },
+	{ code: 'KN', name: 'Saint Kitts and Nevis', dialCode: '+1869' },
+	{ code: 'KP', name: "Korea, Democratic People's Republic of", dialCode: '+850' },
+	{ code: 'KR', name: 'Korea, Republic of', dialCode: '+82' },
+	{ code: 'KW', name: 'Kuwait', dialCode: '+965' },
+	{ code: 'KY', name: 'Cayman Islands', dialCode: '+1345' },
+	{ code: 'KZ', name: 'Kazakhstan', dialCode: '+7' },
+	{ code: 'LA', name: "Lao People's Democratic Republic", dialCode: '+856' },
+	{ code: 'LB', name: 'Lebanon', dialCode: '+961' },
+	{ code: 'LC', name: 'Saint Lucia', dialCode: '+1758' },
+	{ code: 'LI', name: 'Liechtenstein', dialCode: '+423' },
+	{ code: 'LK', name: 'Sri Lanka', dialCode: '+94' },
+	{ code: 'LR', name: 'Liberia', dialCode: '+231' },
+	{ code: 'LS', name: 'Lesotho', dialCode: '+266' },
+	{ code: 'LT', name: 'Lithuania', dialCode: '+370' },
+	{ code: 'LU', name: 'Luxembourg', dialCode: '+352' },
+	{ code: 'LV', name: 'Latvia', dialCode: '+371' },
+	{ code: 'LY', name: 'Libya', dialCode: '+218' },
+	{ code: 'MA', name: 'Morocco', dialCode: '+212' },
+	{ code: 'MC', name: 'Monaco', dialCode: '+377' },
+	{ code: 'MD', name: 'Moldova, Republic of', dialCode: '+373' },
+	{ code: 'ME', name: 'Montenegro', dialCode: '+382' },
+	{ code: 'MF', name: 'Saint Martin (French part)', dialCode: '+590' },
+	{ code: 'MG', name: 'Madagascar', dialCode: '+261' },
+	{ code: 'MH', name: 'Marshall Islands', dialCode: '+692' },
+	{ code: 'MK', name: 'North Macedonia', dialCode: '+389' },
+	{ code: 'ML', name: 'Mali', dialCode: '+223' },
+	{ code: 'MM', name: 'Myanmar', dialCode: '+95' },
+	{ code: 'MN', name: 'Mongolia', dialCode: '+976' },
+	{ code: 'MO', name: 'Macao', dialCode: '+853' },
+	{ code: 'MP', name: 'Northern Mariana Islands', dialCode: '+1670' },
+	{ code: 'MQ', name: 'Martinique', dialCode: '+596' },
+	{ code: 'MR', name: 'Mauritania', dialCode: '+222' },
+	{ code: 'MS', name: 'Montserrat', dialCode: '+1664' },
+	{ code: 'MT', name: 'Malta', dialCode: '+356' },
+	{ code: 'MU', name: 'Mauritius', dialCode: '+230' },
+	{ code: 'MV', name: 'Maldives', dialCode: '+960' },
+	{ code: 'MW', name: 'Malawi', dialCode: '+265' },
+	{ code: 'MX', name: 'Mexico', dialCode: '+52' },
+	{ code: 'MY', name: 'Malaysia', dialCode: '+60' },
+	{ code: 'MZ', name: 'Mozambique', dialCode: '+258' },
+	{ code: 'NA', name: 'Namibia', dialCode: '+264' },
+	{ code: 'NC', name: 'New Caledonia', dialCode: '+687' },
+	{ code: 'NE', name: 'Niger', dialCode: '+227' },
+	{ code: 'NF', name: 'Norfolk Island', dialCode: '+672' },
+	{ code: 'NG', name: 'Nigeria', dialCode: '+234' },
+	{ code: 'NI', name: 'Nicaragua', dialCode: '+505' },
+	{ code: 'NL', name: 'Netherlands', dialCode: '+31' },
+	{ code: 'NO', name: 'Norway', dialCode: '+47' },
+	{ code: 'NP', name: 'Nepal', dialCode: '+977' },
+	{ code: 'NR', name: 'Nauru', dialCode: '+674' },
+	{ code: 'NU', name: 'Niue', dialCode: '+683' },
+	{ code: 'NZ', name: 'New Zealand', dialCode: '+64' },
+	{ code: 'OM', name: 'Oman', dialCode: '+968' },
+	{ code: 'PA', name: 'Panama', dialCode: '+507' },
+	{ code: 'PE', name: 'Peru', dialCode: '+51' },
+	{ code: 'PF', name: 'French Polynesia', dialCode: '+689' },
+	{ code: 'PG', name: 'Papua New Guinea', dialCode: '+675' },
+	{ code: 'PH', name: 'Philippines', dialCode: '+63' },
+	{ code: 'PK', name: 'Pakistan', dialCode: '+92' },
+	{ code: 'PL', name: 'Poland', dialCode: '+48' },
+	{ code: 'PM', name: 'Saint Pierre and Miquelon', dialCode: '+508' },
+	{ code: 'PN', name: 'Pitcairn', dialCode: '+64' },
+	{ code: 'PR', name: 'Puerto Rico', dialCode: '+1787' },
+	{ code: 'PS', name: 'Palestine, State of', dialCode: '+970' },
+	{ code: 'PT', name: 'Portugal', dialCode: '+351' },
+	{ code: 'PW', name: 'Palau', dialCode: '+680' },
+	{ code: 'PY', name: 'Paraguay', dialCode: '+595' },
+	{ code: 'QA', name: 'Qatar', dialCode: '+974' },
+	{ code: 'RE', name: 'Réunion', dialCode: '+262' },
+	{ code: 'RO', name: 'Romania', dialCode: '+40' },
+	{ code: 'RS', name: 'Serbia', dialCode: '+381' },
+	{ code: 'RU', name: 'Russian Federation', dialCode: '+7' },
+	{ code: 'RW', name: 'Rwanda', dialCode: '+250' },
+	{ code: 'SA', name: 'Saudi Arabia', dialCode: '+966' },
+	{ code: 'SB', name: 'Solomon Islands', dialCode: '+677' },
+	{ code: 'SC', name: 'Seychelles', dialCode: '+248' },
+	{ code: 'SD', name: 'Sudan', dialCode: '+249' },
+	{ code: 'SE', name: 'Sweden', dialCode: '+46' },
+	{ code: 'SG', name: 'Singapore', dialCode: '+65' },
+	{ code: 'SH', name: 'Saint Helena, Ascension and Tristan da Cunha', dialCode: '+290' },
+	{ code: 'SI', name: 'Slovenia', dialCode: '+386' },
+	{ code: 'SJ', name: 'Svalbard and Jan Mayen', dialCode: '+47' },
+	{ code: 'SK', name: 'Slovakia', dialCode: '+421' },
+	{ code: 'SL', name: 'Sierra Leone', dialCode: '+232' },
+	{ code: 'SM', name: 'San Marino', dialCode: '+378' },
+	{ code: 'SN', name: 'Senegal', dialCode: '+221' },
+	{ code: 'SO', name: 'Somalia', dialCode: '+252' },
+	{ code: 'SR', name: 'Suriname', dialCode: '+597' },
+	{ code: 'SS', name: 'South Sudan', dialCode: '+211' },
+	{ code: 'ST', name: 'Sao Tome and Principe', dialCode: '+239' },
+	{ code: 'SV', name: 'El Salvador', dialCode: '+503' },
+	{ code: 'SX', name: 'Sint Maarten (Dutch part)', dialCode: '+1721' },
+	{ code: 'SY', name: 'Syrian Arab Republic', dialCode: '+963' },
+	{ code: 'SZ', name: 'Eswatini', dialCode: '+268' },
+	{ code: 'TC', name: 'Turks and Caicos Islands', dialCode: '+1649' },
+	{ code: 'TD', name: 'Chad', dialCode: '+235' },
+	{ code: 'TF', name: 'French Southern Territories', dialCode: '+262' },
+	{ code: 'TG', name: 'Togo', dialCode: '+228' },
+	{ code: 'TH', name: 'Thailand', dialCode: '+66' },
+	{ code: 'TJ', name: 'Tajikistan', dialCode: '+992' },
+	{ code: 'TK', name: 'Tokelau', dialCode: '+690' },
+	{ code: 'TL', name: 'Timor-Leste', dialCode: '+670' },
+	{ code: 'TM', name: 'Turkmenistan', dialCode: '+993' },
+	{ code: 'TN', name: 'Tunisia', dialCode: '+216' },
+	{ code: 'TO', name: 'Tonga', dialCode: '+676' },
+	{ code: 'TR', name: 'Turkey', dialCode: '+90' },
+	{ code: 'TT', name: 'Trinidad and Tobago', dialCode: '+1868' },
+	{ code: 'TV', name: 'Tuvalu', dialCode: '+688' },
+	{ code: 'TW', name: 'Taiwan, Province of China', dialCode: '+886' },
+	{ code: 'TZ', name: 'Tanzania, United Republic of', dialCode: '+255' },
+	{ code: 'UA', name: 'Ukraine', dialCode: '+380' },
+	{ code: 'UG', name: 'Uganda', dialCode: '+256' },
+	{ code: 'UM', name: 'United States Minor Outlying Islands', dialCode: '+1' },
+	{ code: 'US', name: 'United States', dialCode: '+1' },
+	{ code: 'UY', name: 'Uruguay', dialCode: '+598' },
+	{ code: 'UZ', name: 'Uzbekistan', dialCode: '+998' },
+	{ code: 'VA', name: 'Holy See (Vatican City State)', dialCode: '+379' },
+	{ code: 'VC', name: 'Saint Vincent and the Grenadines', dialCode: '+1784' },
+	{ code: 'VE', name: 'Venezuela', dialCode: '+58' },
+	{ code: 'VG', name: 'Virgin Islands, British', dialCode: '+1284' },
+	{ code: 'VI', name: 'Virgin Islands, U.S.', dialCode: '+1340' },
+	{ code: 'VN', name: 'Viet Nam', dialCode: '+84' },
+	{ code: 'VU', name: 'Vanuatu', dialCode: '+678' },
+	{ code: 'WF', name: 'Wallis and Futuna', dialCode: '+681' },
+	{ code: 'WS', name: 'Samoa', dialCode: '+685' },
+	{ code: 'YE', name: 'Yemen', dialCode: '+967' },
+	{ code: 'YT', name: 'Mayotte', dialCode: '+262' },
+	{ code: 'ZA', name: 'South Africa', dialCode: '+27' },
+	{ code: 'ZM', name: 'Zambia', dialCode: '+260' },
+	{ code: 'ZW', name: 'Zimbabwe', dialCode: '+263' },
+];
diff --git a/frontend-vue/src/consts/currencies.ts b/frontend-vue/src/consts/currencies.ts
new file mode 100644
index 000000000..174c5bfef
--- /dev/null
+++ b/frontend-vue/src/consts/currencies.ts
@@ -0,0 +1,87 @@
+export interface Money {
+	code: string;
+	name: string;
+	symbol: string;
+	flag?: string;
+}
+
+export interface MoneyValue {
+	amount: number | string;
+	currency: string;
+}
+
+export const CURRENCIES: Money[] = [
+	{ code: 'USD', name: 'US Dollar', symbol: '$', flag: '🇺🇸' },
+	{ code: 'EUR', name: 'Euro', symbol: '€', flag: '🇪🇺' },
+	{ code: 'GBP', name: 'British Pound', symbol: '£', flag: '🇬🇧' },
+	{ code: 'JPY', name: 'Japanese Yen', symbol: '¥', flag: '🇯🇵' },
+	{ code: 'CHF', name: 'Swiss Franc', symbol: 'CHF', flag: '🇨🇭' },
+	{ code: 'CAD', name: 'Canadian Dollar', symbol: 'C$', flag: '🇨🇦' },
+	{ code: 'AUD', name: 'Australian Dollar', symbol: 'A$', flag: '🇦🇺' },
+	{ code: 'CNY', name: 'Chinese Yuan', symbol: '¥', flag: '🇨🇳' },
+	{ code: 'INR', name: 'Indian Rupee', symbol: '₹', flag: '🇮🇳' },
+	{ code: 'KRW', name: 'South Korean Won', symbol: '₩', flag: '🇰🇷' },
+	{ code: 'SGD', name: 'Singapore Dollar', symbol: 'S$', flag: '🇸🇬' },
+	{ code: 'HKD', name: 'Hong Kong Dollar', symbol: 'HK$', flag: '🇭🇰' },
+	{ code: 'NOK', name: 'Norwegian Krone', symbol: 'kr', flag: '🇳🇴' },
+	{ code: 'SEK', name: 'Swedish Krona', symbol: 'kr', flag: '🇸🇪' },
+	{ code: 'DKK', name: 'Danish Krone', symbol: 'kr', flag: '🇩🇰' },
+	{ code: 'PLN', name: 'Polish Zloty', symbol: 'zł', flag: '🇵🇱' },
+	{ code: 'CZK', name: 'Czech Koruna', symbol: 'Kč', flag: '🇨🇿' },
+	{ code: 'HUF', name: 'Hungarian Forint', symbol: 'Ft', flag: '🇭🇺' },
+	{ code: 'RUB', name: 'Russian Ruble', symbol: '₽', flag: '🇷🇺' },
+	{ code: 'BRL', name: 'Brazilian Real', symbol: 'R$', flag: '🇧🇷' },
+	{ code: 'MXN', name: 'Mexican Peso', symbol: '$', flag: '🇲🇽' },
+	{ code: 'ZAR', name: 'South African Rand', symbol: 'R', flag: '🇿🇦' },
+	{ code: 'TRY', name: 'Turkish Lira', symbol: '₺', flag: '🇹🇷' },
+	{ code: 'AED', name: 'UAE Dirham', symbol: 'د.إ', flag: '🇦🇪' },
+	{ code: 'SAR', name: 'Saudi Riyal', symbol: '﷼', flag: '🇸🇦' },
+	{ code: 'ILS', name: 'Israeli Shekel', symbol: '₪', flag: '🇮🇱' },
+	{ code: 'EGP', name: 'Egyptian Pound', symbol: '£', flag: '🇪🇬' },
+	{ code: 'THB', name: 'Thai Baht', symbol: '฿', flag: '🇹🇭' },
+	{ code: 'MYR', name: 'Malaysian Ringgit', symbol: 'RM', flag: '🇲🇾' },
+	{ code: 'IDR', name: 'Indonesian Rupiah', symbol: 'Rp', flag: '🇮🇩' },
+	{ code: 'PHP', name: 'Philippine Peso', symbol: '₱', flag: '🇵🇭' },
+	{ code: 'VND', name: 'Vietnamese Dong', symbol: '₫', flag: '🇻🇳' },
+	{ code: 'UAH', name: 'Ukrainian Hryvnia', symbol: '₴', flag: '🇺🇦' },
+];
+
+export function getCurrencyByCode(code: string): Money | undefined {
+	return CURRENCIES.find((currency) => currency.code === code);
+}
+
+export function getCurrencySymbol(code: string): string {
+	const currency = getCurrencyByCode(code);
+	return currency ? currency.symbol : '';
+}
+
+export const ZERO_DECIMAL_CURRENCIES = new Set<string>([
+	'BIF',
+	'CLP',
+	'DJF',
+	'GNF',
+	'JPY',
+	'KMF',
+	'KRW',
+	'MGA',
+	'PYG',
+	'RWF',
+	'UGX',
+	'VND',
+	'VUV',
+	'XAF',
+	'XOF',
+	'XPF',
+]);
+
+export function isZeroDecimalCurrency(code: string): boolean {
+	return ZERO_DECIMAL_CURRENCIES.has(code);
+}
+
+export function getCurrencyDecimalPlaces(code: string): number {
+	return isZeroDecimalCurrency(code) ? 0 : 2;
+}
+
+export function getCurrencyMinorUnitFactor(code: string): number {
+	return isZeroDecimalCurrency(code) ? 1 : 100;
+}
diff --git a/frontend-vue/src/consts/databases.ts b/frontend-vue/src/consts/databases.ts
new file mode 100644
index 000000000..9a1772132
--- /dev/null
+++ b/frontend-vue/src/consts/databases.ts
@@ -0,0 +1,25 @@
+export const supportedOrderedDatabases = [
+	'mysql',
+	'postgres',
+	'mongodb',
+	'dynamodb',
+	'cassandra',
+	'oracledb',
+	'mssql',
+	'redis',
+	'elasticsearch',
+	'clickhouse',
+];
+
+export const supportedDatabasesTitles = {
+	mysql: 'MySQL  (MariaDB)',
+	postgres: 'PostgreSQL',
+	mongodb: 'MongoDB',
+	dynamodb: 'DynamoDB',
+	cassandra: 'Cassandra (ScyllaDB)',
+	oracledb: 'OracleDB',
+	mssql: 'SQL Server',
+	redis: 'Redis',
+	elasticsearch: 'Elasticsearch (OpenSearch)',
+	clickhouse: 'ClickHouse',
+};
diff --git a/frontend-vue/src/consts/google-IP-addresses.ts b/frontend-vue/src/consts/google-IP-addresses.ts
new file mode 100644
index 000000000..d11fffb09
--- /dev/null
+++ b/frontend-vue/src/consts/google-IP-addresses.ts
@@ -0,0 +1,530 @@
+export default [
+	'34.80.0.0/15',
+	'34.137.0.0/16',
+	'35.185.128.0/19',
+	'35.185.160.0/20',
+	'35.187.144.0/20',
+	'35.189.160.0/19',
+	'35.194.128.0/17',
+	'35.201.128.0/17',
+	'35.206.192.0/18',
+	'35.220.32.0/21',
+	'35.221.128.0/17',
+	'35.229.128.0/17',
+	'35.234.0.0/18',
+	'35.235.16.0/20',
+	'35.236.128.0/18',
+	'35.242.32.0/21',
+	'104.155.192.0/19',
+	'104.155.224.0/20',
+	'104.199.128.0/18',
+	'104.199.192.0/19',
+	'104.199.224.0/20',
+	'104.199.242.0/23',
+	'104.199.244.0/22',
+	'104.199.248.0/21',
+	'107.167.176.0/20',
+	'130.211.240.0/20',
+	'34.92.0.0/16',
+	'34.96.128.0/17',
+	'34.104.88.0/21',
+	'34.124.24.0/21',
+	'34.150.0.0/17',
+	'35.215.128.0/18',
+	'35.220.27.0/24',
+	'35.220.128.0/17',
+	'35.241.64.0/18',
+	'35.242.27.0/24',
+	'35.243.8.0/21',
+	'34.84.0.0/16',
+	'34.85.0.0/17',
+	'34.104.62.0/23',
+	'34.104.128.0/17',
+	'34.127.190.0/23',
+	'34.146.0.0/16',
+	'34.157.64.0/20',
+	'34.157.164.0/22',
+	'34.157.192.0/20',
+	'35.187.192.0/19',
+	'35.189.128.0/19',
+	'35.190.224.0/20',
+	'35.194.96.0/19',
+	'35.200.0.0/17',
+	'35.213.0.0/17',
+	'35.220.56.0/22',
+	'35.221.64.0/18',
+	'35.230.240.0/20',
+	'35.242.56.0/22',
+	'35.243.64.0/18',
+	'104.198.80.0/20',
+	'104.198.112.0/20',
+	'34.97.0.0/16',
+	'34.104.49.0/24',
+	'34.127.177.0/24',
+	'35.217.128.0/17',
+	'35.220.45.0/24',
+	'35.242.45.0/24',
+	'35.243.56.0/21',
+	'34.64.32.0/19',
+	'34.64.64.0/22',
+	'34.64.68.0/22',
+	'34.64.72.0/21',
+	'34.64.80.0/20',
+	'34.64.96.0/19',
+	'34.64.128.0/22',
+	'34.64.132.0/22',
+	'34.64.136.0/21',
+	'34.64.144.0/20',
+	'34.64.160.0/19',
+	'34.64.192.0/18',
+	'35.216.0.0/17',
+	'34.93.0.0/16',
+	'34.100.128.0/17',
+	'34.104.108.0/23',
+	'34.124.44.0/23',
+	'34.157.87.0/24',
+	'34.157.215.0/24',
+	'35.200.128.0/17',
+	'35.201.41.0/24',
+	'35.207.192.0/18',
+	'35.220.42.0/24',
+	'35.234.208.0/20',
+	'35.242.42.0/24',
+	'35.244.0.0/18',
+	'34.104.120.0/23',
+	'34.124.56.0/23',
+	'34.126.208.0/20',
+	'34.131.0.0/16',
+	'34.21.128.0/17',
+	'34.87.0.0/17',
+	'34.87.128.0/18',
+	'34.104.58.0/23',
+	'34.104.106.0/23',
+	'34.124.42.0/23',
+	'34.124.128.0/17',
+	'34.126.64.0/18',
+	'34.126.128.0/18',
+	'34.142.128.0/17',
+	'34.143.128.0/17',
+	'34.157.82.0/23',
+	'34.157.88.0/23',
+	'34.157.210.0/23',
+	'35.185.176.0/20',
+	'35.186.144.0/20',
+	'35.187.224.0/19',
+	'35.197.128.0/19',
+	'35.198.192.0/18',
+	'35.213.128.0/18',
+	'35.220.24.0/23',
+	'35.234.192.0/20',
+	'35.240.128.0/17',
+	'35.242.24.0/23',
+	'35.247.128.0/18',
+	'34.101.18.0/24',
+	'34.101.20.0/22',
+	'34.101.24.0/22',
+	'34.101.32.0/19',
+	'34.101.64.0/18',
+	'34.101.128.0/17',
+	'34.128.64.0/18',
+	'35.219.0.0/17',
+	'34.87.192.0/18',
+	'34.104.104.0/23',
+	'34.116.64.0/18',
+	'34.124.40.0/23',
+	'34.151.64.0/18',
+	'34.151.128.0/18',
+	'35.189.0.0/18',
+	'35.197.160.0/19',
+	'35.201.0.0/19',
+	'35.213.192.0/18',
+	'35.220.41.0/24',
+	'35.234.224.0/20',
+	'35.242.41.0/24',
+	'35.244.64.0/18',
+	'34.104.122.0/23',
+	'34.124.58.0/23',
+	'34.126.192.0/20',
+	'34.129.0.0/16',
+	'34.104.116.0/22',
+	'34.116.128.0/17',
+	'34.118.0.0/17',
+	'34.124.52.0/22',
+	'34.88.0.0/16',
+	'34.104.96.0/21',
+	'34.124.32.0/21',
+	'35.203.232.0/21',
+	'35.217.0.0/18',
+	'35.220.26.0/24',
+	'35.228.0.0/16',
+	'35.242.26.0/24',
+	'34.157.44.0/23',
+	'34.157.172.0/23',
+	'34.164.0.0/16',
+	'34.175.0.0/16',
+	'8.34.208.0/23',
+	'8.34.211.0/24',
+	'8.34.220.0/22',
+	'23.251.128.0/20',
+	'34.76.0.0/14',
+	'34.118.254.0/23',
+	'34.140.0.0/16',
+	'35.187.0.0/17',
+	'35.187.160.0/19',
+	'35.189.192.0/18',
+	'35.190.192.0/19',
+	'35.195.0.0/16',
+	'35.205.0.0/16',
+	'35.206.128.0/18',
+	'35.210.0.0/16',
+	'35.220.96.0/19',
+	'35.233.0.0/17',
+	'35.240.0.0/17',
+	'35.241.128.0/17',
+	'35.242.64.0/19',
+	'104.155.0.0/17',
+	'104.199.0.0/18',
+	'104.199.66.0/23',
+	'104.199.68.0/22',
+	'104.199.72.0/21',
+	'104.199.80.0/20',
+	'104.199.96.0/20',
+	'130.211.48.0/20',
+	'130.211.64.0/19',
+	'130.211.96.0/20',
+	'146.148.2.0/23',
+	'146.148.4.0/22',
+	'146.148.8.0/21',
+	'146.148.16.0/20',
+	'146.148.112.0/20',
+	'192.158.28.0/22',
+	'34.89.0.0/17',
+	'34.105.128.0/17',
+	'34.127.186.0/23',
+	'34.142.0.0/17',
+	'34.147.128.0/17',
+	'34.157.36.0/22',
+	'34.157.40.0/22',
+	'34.157.168.0/22',
+	'35.189.64.0/18',
+	'35.197.192.0/18',
+	'35.203.210.0/23',
+	'35.203.212.0/22',
+	'35.203.216.0/22',
+	'35.214.0.0/17',
+	'35.220.20.0/22',
+	'35.230.128.0/19',
+	'35.234.128.0/19',
+	'35.235.48.0/20',
+	'35.242.20.0/22',
+	'35.242.128.0/18',
+	'35.246.0.0/17',
+	'34.89.128.0/17',
+	'34.104.112.0/23',
+	'34.107.0.0/17',
+	'34.118.244.0/22',
+	'34.124.48.0/23',
+	'34.141.0.0/17',
+	'34.157.48.0/20',
+	'34.157.176.0/20',
+	'34.159.0.0/16',
+	'35.198.64.0/18',
+	'35.198.128.0/18',
+	'35.207.64.0/18',
+	'35.207.128.0/18',
+	'35.220.18.0/23',
+	'35.234.64.0/18',
+	'35.235.32.0/20',
+	'35.242.18.0/23',
+	'35.242.192.0/18',
+	'35.246.128.0/17',
+	'34.90.0.0/15',
+	'34.104.126.0/23',
+	'34.124.62.0/23',
+	'34.141.128.0/17',
+	'34.147.0.0/17',
+	'34.157.80.0/23',
+	'34.157.92.0/22',
+	'34.157.208.0/23',
+	'34.157.220.0/22',
+	'35.204.0.0/16',
+	'35.214.128.0/17',
+	'35.220.16.0/23',
+	'35.234.160.0/20',
+	'35.242.16.0/23',
+	'34.65.0.0/16',
+	'34.104.110.0/23',
+	'34.124.46.0/23',
+	'35.216.128.0/17',
+	'35.220.44.0/24',
+	'35.235.216.0/21',
+	'35.242.44.0/24',
+	'34.154.0.0/16',
+	'34.157.8.0/23',
+	'34.157.136.0/23',
+	'35.219.224.0/19',
+	'34.155.0.0/16',
+	'34.157.12.0/22',
+	'34.157.140.0/22',
+	'34.163.0.0/16',
+	'34.95.64.0/18',
+	'34.96.64.0/18',
+	'34.98.64.0/18',
+	'34.102.128.0/17',
+	'34.104.27.0/24',
+	'34.107.128.0/17',
+	'34.110.128.0/17',
+	'34.111.0.0/16',
+	'34.116.0.0/21',
+	'34.117.0.0/16',
+	'34.120.0.0/16',
+	'34.128.128.0/18',
+	'34.144.192.0/18',
+	'34.149.0.0/16',
+	'34.160.0.0/16',
+	'35.186.192.0/18',
+	'35.190.0.0/18',
+	'35.190.64.0/19',
+	'35.190.112.0/20',
+	'35.201.64.0/18',
+	'35.227.192.0/18',
+	'35.241.0.0/18',
+	'35.244.128.0/17',
+	'107.178.240.0/20',
+	'130.211.4.0/22',
+	'130.211.8.0/21',
+	'130.211.16.0/20',
+	'130.211.32.0/20',
+	'34.157.90.0/23',
+	'34.157.216.0/23',
+	'34.165.0.0/16',
+	'34.19.128.0/17',
+	'34.20.0.0/17',
+	'34.95.0.0/18',
+	'34.104.76.0/22',
+	'34.118.128.0/18',
+	'34.124.12.0/22',
+	'34.152.0.0/18',
+	'35.203.0.0/17',
+	'35.215.0.0/18',
+	'35.220.43.0/24',
+	'35.234.240.0/20',
+	'35.242.43.0/24',
+	'34.104.114.0/23',
+	'34.124.50.0/23',
+	'34.124.112.0/20',
+	'34.130.0.0/16',
+	'34.95.128.0/17',
+	'34.104.80.0/21',
+	'34.124.16.0/21',
+	'34.151.0.0/18',
+	'34.151.192.0/18',
+	'35.198.0.0/18',
+	'35.199.64.0/18',
+	'35.215.192.0/18',
+	'35.220.40.0/24',
+	'35.235.0.0/20',
+	'35.242.40.0/24',
+	'35.247.192.0/18',
+	'34.104.50.0/23',
+	'34.127.178.0/23',
+	'34.176.0.0/16',
+	'8.34.210.0/24',
+	'8.34.212.0/22',
+	'8.34.216.0/22',
+	'8.35.192.0/21',
+	'23.236.48.0/20',
+	'23.251.144.0/20',
+	'34.16.0.0/17',
+	'34.27.0.0/16',
+	'34.28.0.0/15',
+	'34.30.0.0/16',
+	'34.66.0.0/15',
+	'34.68.0.0/14',
+	'34.72.0.0/16',
+	'34.118.200.0/21',
+	'34.121.0.0/16',
+	'34.122.0.0/15',
+	'34.132.0.0/14',
+	'34.136.0.0/16',
+	'34.157.84.0/23',
+	'34.157.96.0/20',
+	'34.157.212.0/23',
+	'34.157.224.0/20',
+	'34.170.0.0/15',
+	'34.172.0.0/15',
+	'35.184.0.0/16',
+	'35.188.0.0/17',
+	'35.188.128.0/18',
+	'35.188.192.0/19',
+	'35.192.0.0/15',
+	'35.194.0.0/18',
+	'35.202.0.0/16',
+	'35.206.64.0/18',
+	'35.208.0.0/15',
+	'35.220.64.0/19',
+	'35.222.0.0/15',
+	'35.224.0.0/15',
+	'35.226.0.0/16',
+	'35.232.0.0/16',
+	'35.238.0.0/15',
+	'35.242.96.0/19',
+	'104.154.16.0/20',
+	'104.154.32.0/19',
+	'104.154.64.0/19',
+	'104.154.96.0/20',
+	'104.154.113.0/24',
+	'104.154.114.0/23',
+	'104.154.116.0/22',
+	'104.154.120.0/23',
+	'104.154.128.0/17',
+	'104.155.128.0/18',
+	'104.197.0.0/16',
+	'104.198.16.0/20',
+	'104.198.32.0/19',
+	'104.198.64.0/20',
+	'104.198.128.0/17',
+	'107.178.208.0/20',
+	'108.59.80.0/21',
+	'130.211.112.0/20',
+	'130.211.128.0/18',
+	'130.211.192.0/19',
+	'130.211.224.0/20',
+	'146.148.32.0/19',
+	'146.148.64.0/19',
+	'146.148.96.0/20',
+	'162.222.176.0/21',
+	'173.255.112.0/21',
+	'199.192.115.0/24',
+	'199.223.232.0/22',
+	'199.223.236.0/24',
+	'34.22.0.0/19',
+	'35.186.0.0/17',
+	'35.186.128.0/20',
+	'35.206.32.0/19',
+	'35.220.46.0/24',
+	'35.242.46.0/24',
+	'107.167.160.0/20',
+	'108.59.88.0/21',
+	'173.255.120.0/21',
+	'34.23.0.0/16',
+	'34.24.0.0/15',
+	'34.26.0.0/16',
+	'34.73.0.0/16',
+	'34.74.0.0/15',
+	'34.98.128.0/21',
+	'34.118.250.0/23',
+	'34.138.0.0/15',
+	'34.148.0.0/16',
+	'35.185.0.0/17',
+	'35.190.128.0/18',
+	'35.196.0.0/16',
+	'35.207.0.0/18',
+	'35.211.0.0/16',
+	'35.220.0.0/20',
+	'35.227.0.0/17',
+	'35.229.16.0/20',
+	'35.229.32.0/19',
+	'35.229.64.0/18',
+	'35.231.0.0/16',
+	'35.237.0.0/16',
+	'35.242.0.0/20',
+	'35.243.128.0/17',
+	'104.196.0.0/18',
+	'104.196.65.0/24',
+	'104.196.66.0/23',
+	'104.196.68.0/22',
+	'104.196.96.0/19',
+	'104.196.128.0/18',
+	'104.196.192.0/19',
+	'162.216.148.0/22',
+	'34.21.0.0/17',
+	'34.85.128.0/17',
+	'34.86.0.0/16',
+	'34.104.60.0/23',
+	'34.104.124.0/23',
+	'34.118.252.0/23',
+	'34.124.60.0/23',
+	'34.127.188.0/23',
+	'34.145.128.0/17',
+	'34.150.128.0/17',
+	'34.157.0.0/21',
+	'34.157.16.0/20',
+	'34.157.128.0/21',
+	'34.157.144.0/20',
+	'35.186.160.0/19',
+	'35.188.224.0/19',
+	'35.194.64.0/19',
+	'35.199.0.0/18',
+	'35.212.0.0/17',
+	'35.220.60.0/22',
+	'35.221.0.0/18',
+	'35.230.160.0/19',
+	'35.234.176.0/20',
+	'35.236.192.0/18',
+	'35.242.60.0/22',
+	'35.243.40.0/21',
+	'35.245.0.0/16',
+	'34.157.32.0/22',
+	'34.157.160.0/22',
+	'34.162.0.0/16',
+	'34.104.56.0/23',
+	'34.127.184.0/23',
+	'34.161.0.0/16',
+	'35.206.10.0/23',
+	'34.157.46.0/23',
+	'34.157.174.0/23',
+	'34.174.0.0/16',
+	'34.19.0.0/17',
+	'34.82.0.0/15',
+	'34.105.0.0/17',
+	'34.118.192.0/21',
+	'34.127.0.0/17',
+	'34.145.0.0/17',
+	'34.157.112.0/21',
+	'34.157.240.0/21',
+	'34.168.0.0/15',
+	'35.185.192.0/18',
+	'35.197.0.0/17',
+	'35.199.144.0/20',
+	'35.199.160.0/19',
+	'35.203.128.0/18',
+	'35.212.128.0/17',
+	'35.220.48.0/21',
+	'35.227.128.0/18',
+	'35.230.0.0/17',
+	'35.233.128.0/17',
+	'35.242.48.0/21',
+	'35.243.32.0/21',
+	'35.247.0.0/17',
+	'104.196.224.0/19',
+	'104.198.0.0/20',
+	'104.198.96.0/20',
+	'104.199.112.0/20',
+	'34.20.128.0/17',
+	'34.94.0.0/16',
+	'34.102.0.0/17',
+	'34.104.64.0/21',
+	'34.108.0.0/16',
+	'34.118.248.0/23',
+	'34.124.0.0/21',
+	'35.215.64.0/18',
+	'35.220.47.0/24',
+	'35.235.64.0/18',
+	'35.236.0.0/17',
+	'35.242.47.0/24',
+	'35.243.0.0/21',
+	'34.22.32.0/19',
+	'34.104.52.0/24',
+	'34.106.0.0/16',
+	'34.127.180.0/24',
+	'35.217.64.0/18',
+	'35.220.31.0/24',
+	'35.242.31.0/24',
+	'34.16.128.0/17',
+	'34.104.72.0/22',
+	'34.118.240.0/22',
+	'34.124.8.0/22',
+	'34.125.0.0/16',
+	'35.219.128.0/18',
+];
diff --git a/frontend-vue/src/consts/languages.ts b/frontend-vue/src/consts/languages.ts
new file mode 100644
index 000000000..7db4c4387
--- /dev/null
+++ b/frontend-vue/src/consts/languages.ts
@@ -0,0 +1,201 @@
+export interface Language {
+	code: string;
+	name: string;
+	nativeName?: string;
+	flagCountryCode?: string; // ISO 3166-1 alpha-2 country code for flag emoji
+}
+
+export function getLanguageFlag(language: Language): string {
+	if (!language.flagCountryCode || language.flagCountryCode.length !== 2) return '';
+	const codePoints = language.flagCountryCode
+		.toUpperCase()
+		.split('')
+		.map((char) => 127397 + char.charCodeAt(0));
+	return String.fromCodePoint(...codePoints);
+}
+
+export const LANGUAGES: Language[] = [
+	{ code: 'aa', name: 'Afar', nativeName: 'Afaraf', flagCountryCode: 'ET' },
+	{ code: 'ab', name: 'Abkhazian', nativeName: 'аҧсуа бызшәа', flagCountryCode: 'GE' },
+	{ code: 'af', name: 'Afrikaans', nativeName: 'Afrikaans', flagCountryCode: 'ZA' },
+	{ code: 'ak', name: 'Akan', nativeName: 'Akan', flagCountryCode: 'GH' },
+	{ code: 'am', name: 'Amharic', nativeName: 'አማርኛ', flagCountryCode: 'ET' },
+	{ code: 'an', name: 'Aragonese', nativeName: 'aragonés', flagCountryCode: 'ES' },
+	{ code: 'ar', name: 'Arabic', nativeName: 'العربية', flagCountryCode: 'SA' },
+	{ code: 'as', name: 'Assamese', nativeName: 'অসমীয়া', flagCountryCode: 'IN' },
+	{ code: 'av', name: 'Avaric', nativeName: 'авар мацӀ', flagCountryCode: 'RU' },
+	{ code: 'ay', name: 'Aymara', nativeName: 'aymar aru', flagCountryCode: 'BO' },
+	{ code: 'az', name: 'Azerbaijani', nativeName: 'azərbaycan dili', flagCountryCode: 'AZ' },
+	{ code: 'ba', name: 'Bashkir', nativeName: 'башҡорт теле', flagCountryCode: 'RU' },
+	{ code: 'be', name: 'Belarusian', nativeName: 'беларуская мова', flagCountryCode: 'BY' },
+	{ code: 'bg', name: 'Bulgarian', nativeName: 'български език', flagCountryCode: 'BG' },
+	{ code: 'bh', name: 'Bihari languages', nativeName: 'भोजपुरी', flagCountryCode: 'IN' },
+	{ code: 'bi', name: 'Bislama', nativeName: 'Bislama', flagCountryCode: 'VU' },
+	{ code: 'bm', name: 'Bambara', nativeName: 'bamanankan', flagCountryCode: 'ML' },
+	{ code: 'bn', name: 'Bengali', nativeName: 'বাংলা', flagCountryCode: 'BD' },
+	{ code: 'bo', name: 'Tibetan', nativeName: 'བོད་ཡིག', flagCountryCode: 'CN' },
+	{ code: 'br', name: 'Breton', nativeName: 'brezhoneg', flagCountryCode: 'FR' },
+	{ code: 'bs', name: 'Bosnian', nativeName: 'bosanski jezik', flagCountryCode: 'BA' },
+	{ code: 'ca', name: 'Catalan', nativeName: 'català', flagCountryCode: 'ES' },
+	{ code: 'ce', name: 'Chechen', nativeName: 'нохчийн мott', flagCountryCode: 'RU' },
+	{ code: 'ch', name: 'Chamorro', nativeName: 'Chamoru', flagCountryCode: 'GU' },
+	{ code: 'co', name: 'Corsican', nativeName: 'corsu', flagCountryCode: 'FR' },
+	{ code: 'cr', name: 'Cree', nativeName: 'ᓀᐦᐃᔭᐍᐏᐣ', flagCountryCode: 'CA' },
+	{ code: 'cs', name: 'Czech', nativeName: 'čeština', flagCountryCode: 'CZ' },
+	{ code: 'cu', name: 'Church Slavonic', nativeName: 'ѩзыкъ словѣньскъ', flagCountryCode: 'BG' },
+	{ code: 'cv', name: 'Chuvash', nativeName: 'чӑваш чӗлхи', flagCountryCode: 'RU' },
+	{ code: 'cy', name: 'Welsh', nativeName: 'Cymraeg', flagCountryCode: 'GB' },
+	{ code: 'da', name: 'Danish', nativeName: 'dansk', flagCountryCode: 'DK' },
+	{ code: 'de', name: 'German', nativeName: 'Deutsch', flagCountryCode: 'DE' },
+	{ code: 'dv', name: 'Divehi', nativeName: 'ދިވެހި', flagCountryCode: 'MV' },
+	{ code: 'dz', name: 'Dzongkha', nativeName: 'རྫོང་ཁ', flagCountryCode: 'BT' },
+	{ code: 'ee', name: 'Ewe', nativeName: 'Eʋegbe', flagCountryCode: 'GH' },
+	{ code: 'el', name: 'Greek', nativeName: 'Ελληνικά', flagCountryCode: 'GR' },
+	{ code: 'en', name: 'English', nativeName: 'English', flagCountryCode: 'GB' },
+	{ code: 'eo', name: 'Esperanto', nativeName: 'Esperanto', flagCountryCode: 'EU' },
+	{ code: 'es', name: 'Spanish', nativeName: 'español', flagCountryCode: 'ES' },
+	{ code: 'et', name: 'Estonian', nativeName: 'eesti', flagCountryCode: 'EE' },
+	{ code: 'eu', name: 'Basque', nativeName: 'euskara', flagCountryCode: 'ES' },
+	{ code: 'fa', name: 'Persian', nativeName: 'فارسی', flagCountryCode: 'IR' },
+	{ code: 'ff', name: 'Fulah', nativeName: 'Fulfulde', flagCountryCode: 'SN' },
+	{ code: 'fi', name: 'Finnish', nativeName: 'suomi', flagCountryCode: 'FI' },
+	{ code: 'fj', name: 'Fijian', nativeName: 'vosa Vakaviti', flagCountryCode: 'FJ' },
+	{ code: 'fo', name: 'Faroese', nativeName: 'føroyskt', flagCountryCode: 'FO' },
+	{ code: 'fr', name: 'French', nativeName: 'français', flagCountryCode: 'FR' },
+	{ code: 'fy', name: 'Western Frisian', nativeName: 'Frysk', flagCountryCode: 'NL' },
+	{ code: 'ga', name: 'Irish', nativeName: 'Gaeilge', flagCountryCode: 'IE' },
+	{ code: 'gd', name: 'Scottish Gaelic', nativeName: 'Gàidhlig', flagCountryCode: 'GB' },
+	{ code: 'gl', name: 'Galician', nativeName: 'galego', flagCountryCode: 'ES' },
+	{ code: 'gn', name: 'Guarani', nativeName: "Avañe'ẽ", flagCountryCode: 'PY' },
+	{ code: 'gu', name: 'Gujarati', nativeName: 'ગુજરાતી', flagCountryCode: 'IN' },
+	{ code: 'gv', name: 'Manx', nativeName: 'Gaelg', flagCountryCode: 'IM' },
+	{ code: 'ha', name: 'Hausa', nativeName: 'هَوُسَ', flagCountryCode: 'NG' },
+	{ code: 'he', name: 'Hebrew', nativeName: 'עברית', flagCountryCode: 'IL' },
+	{ code: 'hi', name: 'Hindi', nativeName: 'हिन्दी', flagCountryCode: 'IN' },
+	{ code: 'ho', name: 'Hiri Motu', nativeName: 'Hiri Motu', flagCountryCode: 'PG' },
+	{ code: 'hr', name: 'Croatian', nativeName: 'hrvatski jezik', flagCountryCode: 'HR' },
+	{ code: 'ht', name: 'Haitian', nativeName: 'Kreyòl ayisyen', flagCountryCode: 'HT' },
+	{ code: 'hu', name: 'Hungarian', nativeName: 'magyar', flagCountryCode: 'HU' },
+	{ code: 'hy', name: 'Armenian', nativeName: 'Հայերեն', flagCountryCode: 'AM' },
+	{ code: 'hz', name: 'Herero', nativeName: 'Otjiherero', flagCountryCode: 'NA' },
+	{ code: 'ia', name: 'Interlingua', nativeName: 'Interlingua', flagCountryCode: 'EU' },
+	{ code: 'id', name: 'Indonesian', nativeName: 'Bahasa Indonesia', flagCountryCode: 'ID' },
+	{ code: 'ie', name: 'Interlingue', nativeName: 'Interlingue', flagCountryCode: 'EU' },
+	{ code: 'ig', name: 'Igbo', nativeName: 'Asụsụ Igbo', flagCountryCode: 'NG' },
+	{ code: 'ii', name: 'Sichuan Yi', nativeName: 'ꆈꌠ꒿', flagCountryCode: 'CN' },
+	{ code: 'ik', name: 'Inupiaq', nativeName: 'Iñupiaq', flagCountryCode: 'US' },
+	{ code: 'io', name: 'Ido', nativeName: 'Ido', flagCountryCode: 'EU' },
+	{ code: 'is', name: 'Icelandic', nativeName: 'Íslenska', flagCountryCode: 'IS' },
+	{ code: 'it', name: 'Italian', nativeName: 'italiano', flagCountryCode: 'IT' },
+	{ code: 'iu', name: 'Inuktitut', nativeName: 'ᐃᓄᒃᑎᑐᑦ', flagCountryCode: 'CA' },
+	{ code: 'ja', name: 'Japanese', nativeName: '日本語', flagCountryCode: 'JP' },
+	{ code: 'jv', name: 'Javanese', nativeName: 'ꦧꦱꦗꦮ', flagCountryCode: 'ID' },
+	{ code: 'ka', name: 'Georgian', nativeName: 'ქართული', flagCountryCode: 'GE' },
+	{ code: 'kg', name: 'Kongo', nativeName: 'Kikongo', flagCountryCode: 'CD' },
+	{ code: 'ki', name: 'Kikuyu', nativeName: 'Gĩkũyũ', flagCountryCode: 'KE' },
+	{ code: 'kj', name: 'Kuanyama', nativeName: 'Kuanyama', flagCountryCode: 'AO' },
+	{ code: 'kk', name: 'Kazakh', nativeName: 'қазақ тілі', flagCountryCode: 'KZ' },
+	{ code: 'kl', name: 'Kalaallisut', nativeName: 'kalaallisut', flagCountryCode: 'GL' },
+	{ code: 'km', name: 'Central Khmer', nativeName: 'ខេមរភាសា', flagCountryCode: 'KH' },
+	{ code: 'kn', name: 'Kannada', nativeName: 'ಕನ್ನಡ', flagCountryCode: 'IN' },
+	{ code: 'ko', name: 'Korean', nativeName: '한국어', flagCountryCode: 'KR' },
+	{ code: 'kr', name: 'Kanuri', nativeName: 'Kanuri', flagCountryCode: 'NG' },
+	{ code: 'ks', name: 'Kashmiri', nativeName: 'कश्मीरी', flagCountryCode: 'IN' },
+	{ code: 'ku', name: 'Kurdish', nativeName: 'Kurdî', flagCountryCode: 'IQ' },
+	{ code: 'kv', name: 'Komi', nativeName: 'коми кыв', flagCountryCode: 'RU' },
+	{ code: 'kw', name: 'Cornish', nativeName: 'Kernewek', flagCountryCode: 'GB' },
+	{ code: 'ky', name: 'Kirghiz', nativeName: 'Кыргызча', flagCountryCode: 'KG' },
+	{ code: 'la', name: 'Latin', nativeName: 'latine', flagCountryCode: 'VA' },
+	{ code: 'lb', name: 'Luxembourgish', nativeName: 'Lëtzebuergesch', flagCountryCode: 'LU' },
+	{ code: 'lg', name: 'Ganda', nativeName: 'Luganda', flagCountryCode: 'UG' },
+	{ code: 'li', name: 'Limburgan', nativeName: 'Limburgs', flagCountryCode: 'NL' },
+	{ code: 'ln', name: 'Lingala', nativeName: 'Lingála', flagCountryCode: 'CD' },
+	{ code: 'lo', name: 'Lao', nativeName: 'ພາສາລາວ', flagCountryCode: 'LA' },
+	{ code: 'lt', name: 'Lithuanian', nativeName: 'lietuvių kalba', flagCountryCode: 'LT' },
+	{ code: 'lu', name: 'Luba-Katanga', nativeName: 'Tshiluba', flagCountryCode: 'CD' },
+	{ code: 'lv', name: 'Latvian', nativeName: 'latviešu valoda', flagCountryCode: 'LV' },
+	{ code: 'mg', name: 'Malagasy', nativeName: 'fiteny malagasy', flagCountryCode: 'MG' },
+	{ code: 'mh', name: 'Marshallese', nativeName: 'Kajin M̧ajeļ', flagCountryCode: 'MH' },
+	{ code: 'mi', name: 'Maori', nativeName: 'te reo Māori', flagCountryCode: 'NZ' },
+	{ code: 'mk', name: 'Macedonian', nativeName: 'македонски јазик', flagCountryCode: 'MK' },
+	{ code: 'ml', name: 'Malayalam', nativeName: 'മലയാളം', flagCountryCode: 'IN' },
+	{ code: 'mn', name: 'Mongolian', nativeName: 'Монгол хэл', flagCountryCode: 'MN' },
+	{ code: 'mr', name: 'Marathi', nativeName: 'मराठी', flagCountryCode: 'IN' },
+	{ code: 'ms', name: 'Malay', nativeName: 'Bahasa Melayu', flagCountryCode: 'MY' },
+	{ code: 'mt', name: 'Maltese', nativeName: 'Malti', flagCountryCode: 'MT' },
+	{ code: 'my', name: 'Burmese', nativeName: 'ဗမာစာ', flagCountryCode: 'MM' },
+	{ code: 'na', name: 'Nauru', nativeName: 'Dorerin Naoero', flagCountryCode: 'NR' },
+	{ code: 'nb', name: 'Norwegian Bokmål', nativeName: 'Norsk bokmål', flagCountryCode: 'NO' },
+	{ code: 'nd', name: 'North Ndebele', nativeName: 'isiNdebele', flagCountryCode: 'ZW' },
+	{ code: 'ne', name: 'Nepali', nativeName: 'नेपाली', flagCountryCode: 'NP' },
+	{ code: 'ng', name: 'Ndonga', nativeName: 'Owambo', flagCountryCode: 'NA' },
+	{ code: 'nl', name: 'Dutch', nativeName: 'Nederlands', flagCountryCode: 'NL' },
+	{ code: 'nn', name: 'Norwegian Nynorsk', nativeName: 'Norsk nynorsk', flagCountryCode: 'NO' },
+	{ code: 'no', name: 'Norwegian', nativeName: 'Norsk', flagCountryCode: 'NO' },
+	{ code: 'nr', name: 'South Ndebele', nativeName: 'isiNdebele', flagCountryCode: 'ZA' },
+	{ code: 'nv', name: 'Navajo', nativeName: 'Diné bizaad', flagCountryCode: 'US' },
+	{ code: 'ny', name: 'Chichewa', nativeName: 'chiCheŵa', flagCountryCode: 'MW' },
+	{ code: 'oc', name: 'Occitan', nativeName: 'occitan', flagCountryCode: 'FR' },
+	{ code: 'oj', name: 'Ojibwa', nativeName: 'ᐊᓂᔑᓈᐯᒧᐎᓐ', flagCountryCode: 'CA' },
+	{ code: 'om', name: 'Oromo', nativeName: 'Afaan Oromoo', flagCountryCode: 'ET' },
+	{ code: 'or', name: 'Oriya', nativeName: 'ଓଡ଼ିଆ', flagCountryCode: 'IN' },
+	{ code: 'os', name: 'Ossetian', nativeName: 'ирон æвзаг', flagCountryCode: 'GE' },
+	{ code: 'pa', name: 'Punjabi', nativeName: 'ਪੰਜਾਬੀ', flagCountryCode: 'IN' },
+	{ code: 'pi', name: 'Pali', nativeName: 'पाऴि', flagCountryCode: 'IN' },
+	{ code: 'pl', name: 'Polish', nativeName: 'polski', flagCountryCode: 'PL' },
+	{ code: 'ps', name: 'Pashto', nativeName: 'پښتو', flagCountryCode: 'AF' },
+	{ code: 'pt', name: 'Portuguese', nativeName: 'português', flagCountryCode: 'PT' },
+	{ code: 'qu', name: 'Quechua', nativeName: 'Runa Simi', flagCountryCode: 'PE' },
+	{ code: 'rm', name: 'Romansh', nativeName: 'rumantsch grischun', flagCountryCode: 'CH' },
+	{ code: 'rn', name: 'Rundi', nativeName: 'Ikirundi', flagCountryCode: 'BI' },
+	{ code: 'ro', name: 'Romanian', nativeName: 'română', flagCountryCode: 'RO' },
+	{ code: 'ru', name: 'Russian', nativeName: 'русский', flagCountryCode: 'RU' },
+	{ code: 'rw', name: 'Kinyarwanda', nativeName: 'Ikinyarwanda', flagCountryCode: 'RW' },
+	{ code: 'sa', name: 'Sanskrit', nativeName: 'संस्कृतम्', flagCountryCode: 'IN' },
+	{ code: 'sc', name: 'Sardinian', nativeName: 'sardu', flagCountryCode: 'IT' },
+	{ code: 'sd', name: 'Sindhi', nativeName: 'सिन्धी', flagCountryCode: 'PK' },
+	{ code: 'se', name: 'Northern Sami', nativeName: 'Davvisámegiella', flagCountryCode: 'NO' },
+	{ code: 'sg', name: 'Sango', nativeName: 'yângâ tî sängö', flagCountryCode: 'CF' },
+	{ code: 'si', name: 'Sinhala', nativeName: 'සිංහල', flagCountryCode: 'LK' },
+	{ code: 'sk', name: 'Slovak', nativeName: 'slovenčina', flagCountryCode: 'SK' },
+	{ code: 'sl', name: 'Slovenian', nativeName: 'slovenski jezik', flagCountryCode: 'SI' },
+	{ code: 'sm', name: 'Samoan', nativeName: "gagana fa'a Samoa", flagCountryCode: 'WS' },
+	{ code: 'sn', name: 'Shona', nativeName: 'chiShona', flagCountryCode: 'ZW' },
+	{ code: 'so', name: 'Somali', nativeName: 'Soomaaliga', flagCountryCode: 'SO' },
+	{ code: 'sq', name: 'Albanian', nativeName: 'Shqip', flagCountryCode: 'AL' },
+	{ code: 'sr', name: 'Serbian', nativeName: 'српски језик', flagCountryCode: 'RS' },
+	{ code: 'ss', name: 'Swati', nativeName: 'SiSwati', flagCountryCode: 'SZ' },
+	{ code: 'st', name: 'Southern Sotho', nativeName: 'Sesotho', flagCountryCode: 'LS' },
+	{ code: 'su', name: 'Sundanese', nativeName: 'Basa Sunda', flagCountryCode: 'ID' },
+	{ code: 'sv', name: 'Swedish', nativeName: 'svenska', flagCountryCode: 'SE' },
+	{ code: 'sw', name: 'Swahili', nativeName: 'Kiswahili', flagCountryCode: 'TZ' },
+	{ code: 'ta', name: 'Tamil', nativeName: 'தமிழ்', flagCountryCode: 'IN' },
+	{ code: 'te', name: 'Telugu', nativeName: 'తెలుగు', flagCountryCode: 'IN' },
+	{ code: 'tg', name: 'Tajik', nativeName: 'тоҷикӣ', flagCountryCode: 'TJ' },
+	{ code: 'th', name: 'Thai', nativeName: 'ไทย', flagCountryCode: 'TH' },
+	{ code: 'ti', name: 'Tigrinya', nativeName: 'ትግርኛ', flagCountryCode: 'ER' },
+	{ code: 'tk', name: 'Turkmen', nativeName: 'Türkmen', flagCountryCode: 'TM' },
+	{ code: 'tl', name: 'Tagalog', nativeName: 'Wikang Tagalog', flagCountryCode: 'PH' },
+	{ code: 'tn', name: 'Tswana', nativeName: 'Setswana', flagCountryCode: 'BW' },
+	{ code: 'to', name: 'Tonga', nativeName: 'faka Tonga', flagCountryCode: 'TO' },
+	{ code: 'tr', name: 'Turkish', nativeName: 'Türkçe', flagCountryCode: 'TR' },
+	{ code: 'ts', name: 'Tsonga', nativeName: 'Xitsonga', flagCountryCode: 'ZA' },
+	{ code: 'tt', name: 'Tatar', nativeName: 'татар теле', flagCountryCode: 'RU' },
+	{ code: 'tw', name: 'Twi', nativeName: 'Twi', flagCountryCode: 'GH' },
+	{ code: 'ty', name: 'Tahitian', nativeName: 'Reo Tahiti', flagCountryCode: 'PF' },
+	{ code: 'ug', name: 'Uighur', nativeName: 'ئۇيغۇرچە', flagCountryCode: 'CN' },
+	{ code: 'uk', name: 'Ukrainian', nativeName: 'Українська', flagCountryCode: 'UA' },
+	{ code: 'ur', name: 'Urdu', nativeName: 'اردو', flagCountryCode: 'PK' },
+	{ code: 'uz', name: 'Uzbek', nativeName: 'Oʻzbek', flagCountryCode: 'UZ' },
+	{ code: 've', name: 'Venda', nativeName: 'Tshivenḓa', flagCountryCode: 'ZA' },
+	{ code: 'vi', name: 'Vietnamese', nativeName: 'Tiếng Việt', flagCountryCode: 'VN' },
+	{ code: 'vo', name: 'Volapük', nativeName: 'Volapük', flagCountryCode: 'EU' },
+	{ code: 'wa', name: 'Walloon', nativeName: 'walon', flagCountryCode: 'BE' },
+	{ code: 'wo', name: 'Wolof', nativeName: 'Wollof', flagCountryCode: 'SN' },
+	{ code: 'xh', name: 'Xhosa', nativeName: 'isiXhosa', flagCountryCode: 'ZA' },
+	{ code: 'yi', name: 'Yiddish', nativeName: 'ייִדיש', flagCountryCode: 'IL' },
+	{ code: 'yo', name: 'Yoruba', nativeName: 'Yorùbá', flagCountryCode: 'NG' },
+	{ code: 'za', name: 'Zhuang', nativeName: 'Saɯ cueŋƅ', flagCountryCode: 'CN' },
+	{ code: 'zh', name: 'Chinese', nativeName: '中文', flagCountryCode: 'CN' },
+	{ code: 'zu', name: 'Zulu', nativeName: 'isiZulu', flagCountryCode: 'ZA' },
+];
diff --git a/frontend-vue/src/lib/ai-suggestions.spec.ts b/frontend-vue/src/lib/ai-suggestions.spec.ts
new file mode 100644
index 000000000..b36af59a9
--- /dev/null
+++ b/frontend-vue/src/lib/ai-suggestions.spec.ts
@@ -0,0 +1,165 @@
+import { describe, expect, it } from 'vitest';
+import type { AISuggestionColumn, AISuggestionInput } from '@/models/ai-suggestions';
+import type { TableField, TableForeignKey } from '@/models/table';
+import {
+	buildConversationContext,
+	buildSuggestionInput,
+	buildTableContext,
+	buildUIContext,
+	generateLocalSuggestions,
+} from './ai-suggestions';
+
+function field(column_name: string, data_type: string, allow_null = false): TableField {
+	return {
+		column_name,
+		data_type,
+		allow_null,
+		column_default: null,
+		isExcluded: false,
+		isSearched: false,
+		auto_increment: false,
+		character_maximum_length: null,
+	};
+}
+
+function column(name: string, type: string, nullable = false): AISuggestionColumn {
+	return { name, type, nullable };
+}
+
+function input(columns: AISuggestionColumn[], extra: Partial<AISuggestionInput> = {}): AISuggestionInput {
+	return { table: { name: 'orders', columns, relations: [] }, ...extra };
+}
+
+describe('ai suggestions', () => {
+	it('buildTableContext maps columns and foreign keys, and only sets a differing display name', () => {
+		const fk: TableForeignKey = {
+			column_name: 'user_id',
+			constraint_name: 'fk',
+			referenced_table_name: 'users',
+			referenced_column_name: 'id',
+		};
+		const context = buildTableContext('orders', 'Orders', [field('id', 'int'), field('note', 'text', true)], [fk], 5);
+		expect(context).toEqual({
+			name: 'orders',
+			description: 'Orders',
+			row_count: 5,
+			columns: [
+				{ name: 'id', type: 'int', nullable: false, unique: false, indexed: false },
+				{ name: 'note', type: 'text', nullable: true, unique: false, indexed: false },
+			],
+			relations: [
+				{ type: 'fk', from_column: 'user_id', to_table: 'users', to_column: 'id', label: 'orders.user_id -> users.id' },
+			],
+		});
+		expect(buildTableContext('orders', 'orders', [], []).description).toBeUndefined();
+	});
+
+	it('buildUIContext turns { column: { op: value } } filters into a list, defaulting op to eq', () => {
+		expect(buildUIContext({ status: { neq: 'done' }, name: {} }, { id: 1 }, 'status')).toEqual({
+			active_filters: [
+				{ column: 'status', op: 'neq', value: 'done' },
+				{ column: 'name', op: 'eq', value: undefined },
+			],
+			selected_row: { id: 1 },
+			selected_column: 'status',
+		});
+		expect(buildUIContext().active_filters).toBeUndefined();
+	});
+
+	it('buildConversationContext picks the last user message and the last two messages', () => {
+		const chain = [
+			{ type: 'user', text: 'first' },
+			{ type: 'ai', text: 'answer' },
+			{ type: 'user', text: 'second' },
+		];
+		expect(buildConversationContext(chain)).toEqual({
+			last_user_message: 'second',
+			last_2_messages: [
+				{ role: 'assistant', text: 'answer' },
+				{ role: 'user', text: 'second' },
+			],
+		});
+		expect(buildConversationContext([])).toEqual({ last_user_message: undefined, last_2_messages: undefined });
+	});
+
+	it('buildSuggestionInput attaches the history', () => {
+		const table = { name: 't', columns: [], relations: [] };
+		const history = { recently_clicked_ids: ['a'] };
+		expect(buildSuggestionInput(history, table)).toEqual({
+			table,
+			ui_context: undefined,
+			conversation: undefined,
+			suggestion_history: history,
+		});
+	});
+
+	describe('generateLocalSuggestions', () => {
+		it('always offers the two basic suggestions and EXPLORE without a conversation', () => {
+			const output = generateLocalSuggestions(input([column('foo', 'text')]));
+			expect(output.table_suggestions.map((s) => s.id)).toEqual(['recent_rows', 'table_overview']);
+			expect(output.intent).toEqual(['EXPLORE']);
+			expect(output.navigation_suggestions).toEqual([]);
+		});
+
+		it('adds column-based suggestions in order and caps the list at 7', () => {
+			const columns = [
+				column('id', 'int'),
+				column('status', 'varchar'),
+				column('created_at', 'timestamp'),
+				column('email', 'varchar', true),
+				column('total', 'decimal'),
+			];
+			const output = generateLocalSuggestions(
+				input(columns, { ui_context: { active_filters: [{ column: 'status', op: 'eq', value: 'new' }] } }),
+			);
+			expect(output.table_suggestions.map((s) => s.id)).toEqual([
+				'recent_rows',
+				'table_overview',
+				'group_by_status',
+				'trend_by_created_at',
+				'duplicates_by_email',
+				'nulls_overview',
+				// 'id' is the first numeric column, but an amount/price/total column wins.
+				'stats_total',
+			]);
+			expect(output.table_suggestions[2]?.title).toBe('Распределение по status');
+		});
+
+		it('detects intents from the last user message', () => {
+			const output = generateLocalSuggestions(
+				input([], { conversation: { last_user_message: 'Покажи сколько дубликатов, потом обнови' } }),
+			);
+			expect(output.intent).toEqual(['SEARCH', 'SEGMENT', 'QUALITY', 'UPDATE_HELP']);
+		});
+
+		it('suggests navigating along foreign keys that have a value in the selected row', () => {
+			const output = generateLocalSuggestions({
+				table: {
+					name: 'orders',
+					columns: [],
+					relations: [
+						{
+							type: 'fk',
+							from_column: 'user_id',
+							to_table: 'users',
+							to_column: 'id',
+							label: 'orders.user_id -> users.id',
+						},
+						{ type: 'fk', from_column: 'shop_id', to_table: 'shops', to_column: 'id', label: 'x' },
+					],
+				},
+				ui_context: { selected_row: { user_id: 7, shop_id: null } },
+			});
+			expect(output.navigation_suggestions).toEqual([
+				{
+					id: 'nav_to_users',
+					title: 'Открыть users',
+					target_table: 'users',
+					prefilled_query: 'Покажи запись с id = 7',
+					why: 'Связь orders.user_id -> users.id',
+					confidence: 0.7,
+				},
+			]);
+		});
+	});
+});
diff --git a/frontend-vue/src/lib/ai-suggestions.ts b/frontend-vue/src/lib/ai-suggestions.ts
new file mode 100644
index 000000000..016606667
--- /dev/null
+++ b/frontend-vue/src/lib/ai-suggestions.ts
@@ -0,0 +1,290 @@
+// Pure half of AISuggestionsService: builds the suggestion input from the table/UI/chat state and
+// generates the local (non-AI) suggestions. The click history lives in stores/ai-suggestions.ts.
+import type {
+	AINavigationSuggestion,
+	AISuggestionColumn,
+	AISuggestionConversation,
+	AISuggestionHistory,
+	AISuggestionInput,
+	AISuggestionOutput,
+	AISuggestionRelation,
+	AISuggestionTableContext,
+	AISuggestionUIContext,
+	AITableSuggestion,
+} from '@/models/ai-suggestions';
+import type { TableField, TableForeignKey } from '@/models/table';
+
+/** Build table context from existing table data */
+export function buildTableContext(
+	tableName: string,
+	displayName: string,
+	structure: TableField[],
+	foreignKeys: TableForeignKey[],
+	rowCount?: number,
+): AISuggestionTableContext {
+	const columns: AISuggestionColumn[] = structure.map((field) => ({
+		name: field.column_name,
+		type: field.data_type,
+		nullable: field.allow_null,
+		unique: false,
+		indexed: false,
+	}));
+
+	const relations: AISuggestionRelation[] = foreignKeys.map((fk) => ({
+		type: 'fk' as const,
+		from_column: fk.column_name,
+		to_table: fk.referenced_table_name,
+		to_column: fk.referenced_column_name,
+		label: `${tableName}.${fk.column_name} -> ${fk.referenced_table_name}.${fk.referenced_column_name}`,
+	}));
+
+	return {
+		name: tableName,
+		description: displayName !== tableName ? displayName : undefined,
+		row_count: rowCount,
+		columns,
+		relations,
+	};
+}
+
+/** Build UI context from current state; filters are `{ column: { op: value } }`. */
+export function buildUIContext(
+	activeFilters?: Record<string, Record<string, unknown>>,
+	selectedRow?: Record<string, unknown>,
+	selectedColumn?: string,
+): AISuggestionUIContext {
+	const filters = activeFilters
+		? Object.entries(activeFilters).map(([column, filterValue]) => {
+				const op = Object.keys(filterValue)[0] || 'eq';
+				const value = Object.values(filterValue)[0];
+				return { column, op, value };
+			})
+		: undefined;
+
+	return {
+		active_filters: filters,
+		selected_row: selectedRow,
+		selected_column: selectedColumn,
+	};
+}
+
+/** Build conversation context */
+export function buildConversationContext(messagesChain: { type: string; text: string }[]): AISuggestionConversation {
+	const lastUserMessage = [...messagesChain].reverse().find((m) => m.type === 'user')?.text;
+
+	const last2Messages = messagesChain.slice(-2).map((m) => ({
+		role: m.type === 'user' ? 'user' : 'assistant',
+		text: m.text,
+	}));
+
+	return {
+		last_user_message: lastUserMessage,
+		last_2_messages: last2Messages.length > 0 ? last2Messages : undefined,
+	};
+}
+
+/** Build full suggestion input */
+export function buildSuggestionInput(
+	history: AISuggestionHistory,
+	tableContext: AISuggestionTableContext,
+	uiContext?: AISuggestionUIContext,
+	conversationContext?: AISuggestionConversation,
+): AISuggestionInput {
+	return {
+		table: tableContext,
+		ui_context: uiContext,
+		conversation: conversationContext,
+		suggestion_history: history,
+	};
+}
+
+/** Generate local suggestions based on table context (fallback when no AI) */
+export function generateLocalSuggestions(input: AISuggestionInput): AISuggestionOutput {
+	const suggestions: AITableSuggestion[] = [];
+	const { table, ui_context } = input;
+
+	// Find datetime columns for trend analysis
+	const dateColumns = table.columns.filter(
+		(c) =>
+			c.type.toLowerCase().includes('date') ||
+			c.type.toLowerCase().includes('time') ||
+			c.name.toLowerCase().includes('created') ||
+			c.name.toLowerCase().includes('updated'),
+	);
+
+	// Find status/categorical columns
+	const statusColumns = table.columns.filter(
+		(c) =>
+			c.name.toLowerCase().includes('status') ||
+			c.name.toLowerCase().includes('state') ||
+			c.name.toLowerCase().includes('type'),
+	);
+
+	// Find email/identifier columns
+	const identifierColumns = table.columns.filter(
+		(c) =>
+			c.name.toLowerCase().includes('email') || c.name.toLowerCase().includes('name') || c.name.toLowerCase() === 'id',
+	);
+
+	// Find numeric columns
+	const numericColumns = table.columns.filter(
+		(c) =>
+			c.type.toLowerCase().includes('int') ||
+			c.type.toLowerCase().includes('decimal') ||
+			c.type.toLowerCase().includes('numeric') ||
+			c.type.toLowerCase().includes('float'),
+	);
+
+	// Basic suggestions
+	suggestions.push({
+		id: 'recent_rows',
+		title: 'Последние записи',
+		message: 'Покажи последние 10 записей в таблице',
+		confidence: 0.9,
+		risk: 'low',
+	});
+
+	suggestions.push({
+		id: 'table_overview',
+		title: 'Обзор таблицы',
+		message: 'Дай краткий обзор структуры таблицы и основных данных',
+		confidence: 0.85,
+		risk: 'low',
+	});
+
+	// Status distribution if status column exists
+	const statusColumn = statusColumns[0];
+	if (statusColumn) {
+		suggestions.push({
+			id: `group_by_${statusColumn.name}`,
+			title: `Распределение по ${statusColumn.name}`,
+			message: `Покажи распределение записей по полю "${statusColumn.name}" с количеством в каждой группе`,
+			confidence: 0.8,
+			risk: 'low',
+		});
+	}
+
+	// Trend analysis if date column exists
+	const dateColumn = dateColumns[0];
+	if (dateColumn) {
+		suggestions.push({
+			id: `trend_by_${dateColumn.name}`,
+			title: `Тренд по ${dateColumn.name}`,
+			message: `Покажи тренд создания записей по полю "${dateColumn.name}" по месяцам`,
+			confidence: 0.75,
+			risk: 'low',
+		});
+	}
+
+	// Duplicates check if identifier column exists
+	const identifierColumn =
+		identifierColumns.find((c) => c.name.toLowerCase().includes('email')) || identifierColumns[0];
+	if (identifierColumn) {
+		suggestions.push({
+			id: `duplicates_by_${identifierColumn.name}`,
+			title: `Дубликаты по ${identifierColumn.name}`,
+			message: `Найди все дубликаты по полю "${identifierColumn.name}" и покажи группы с количеством`,
+			confidence: 0.7,
+			risk: 'low',
+		});
+	}
+
+	// Null analysis
+	const nullableColumns = table.columns.filter((c) => c.nullable);
+	if (nullableColumns.length > 0) {
+		suggestions.push({
+			id: 'nulls_overview',
+			title: 'Анализ пустых значений',
+			message: 'Покажи статистику по NULL значениям во всех колонках',
+			confidence: 0.7,
+			risk: 'low',
+		});
+	}
+
+	// Statistics for numeric columns
+	const numericColumn =
+		numericColumns.find(
+			(c) =>
+				c.name.toLowerCase().includes('amount') ||
+				c.name.toLowerCase().includes('price') ||
+				c.name.toLowerCase().includes('total'),
+		) || numericColumns[0];
+	if (numericColumn) {
+		suggestions.push({
+			id: `stats_${numericColumn.name}`,
+			title: `Статистика по ${numericColumn.name}`,
+			message: `Рассчитай статистику (min, max, avg, sum) для поля "${numericColumn.name}"`,
+			confidence: 0.7,
+			risk: 'low',
+		});
+	}
+
+	// Context-aware suggestions based on active filters
+	if (ui_context?.active_filters && ui_context.active_filters.length > 0) {
+		suggestions.push({
+			id: 'filtered_count',
+			title: 'Количество по фильтру',
+			message: 'Сколько записей соответствует текущему фильтру?',
+			confidence: 0.85,
+			risk: 'low',
+		});
+	}
+
+	// Take top 5-7 suggestions
+	const finalSuggestions = suggestions.slice(0, 7);
+
+	return {
+		intent: detectIntent(input),
+		table_suggestions: finalSuggestions,
+		navigation_suggestions: generateNavigationSuggestions(input),
+	};
+}
+
+/** Detect user intent from context */
+function detectIntent(input: AISuggestionInput): string[] {
+	const intents: string[] = [];
+	const lastMessage = input.conversation?.last_user_message?.toLowerCase() || '';
+
+	if (lastMessage.includes('покажи') || lastMessage.includes('найди') || lastMessage.includes('где')) {
+		intents.push('SEARCH');
+	}
+	if (lastMessage.includes('сколько') || lastMessage.includes('группир') || lastMessage.includes('распределен')) {
+		intents.push('SEGMENT');
+	}
+	if (lastMessage.includes('дублик') || lastMessage.includes('null') || lastMessage.includes('пуст')) {
+		intents.push('QUALITY');
+	}
+	if (lastMessage.includes('обнови') || lastMessage.includes('измени')) {
+		intents.push('UPDATE_HELP');
+	}
+
+	if (intents.length === 0) {
+		intents.push('EXPLORE');
+	}
+
+	return intents;
+}
+
+/** Generate navigation suggestions for related tables */
+function generateNavigationSuggestions(input: AISuggestionInput): AINavigationSuggestion[] {
+	const { table, ui_context } = input;
+	const suggestions: AINavigationSuggestion[] = [];
+
+	if (table.relations.length > 0 && ui_context?.selected_row) {
+		for (const relation of table.relations.slice(0, 3)) {
+			const fkValue = ui_context.selected_row[relation.from_column];
+			if (fkValue) {
+				suggestions.push({
+					id: `nav_to_${relation.to_table}`,
+					title: `Открыть ${relation.to_table}`,
+					target_table: relation.to_table,
+					prefilled_query: `Покажи запись с ${relation.to_column} = ${fkValue}`,
+					why: `Связь ${relation.label}`,
+					confidence: 0.7,
+				});
+			}
+		}
+	}
+
+	return suggestions;
+}
diff --git a/frontend-vue/src/lib/binary.spec.ts b/frontend-vue/src/lib/binary.spec.ts
new file mode 100644
index 000000000..cc3c9fc6a
--- /dev/null
+++ b/frontend-vue/src/lib/binary.spec.ts
@@ -0,0 +1,180 @@
+import { describe, expect, it } from 'vitest';
+import {
+	base64StringToBytes,
+	bytesToAscii,
+	bytesToBase64,
+	bytesToEncoded,
+	bytesToHex,
+	encodedToBytes,
+	hexStringToBytes,
+	isBinaryEncoding,
+	parseBinaryValue,
+	stringToBytes,
+	toBufferJson,
+} from './binary';
+
+describe('binary helpers', () => {
+	describe('parseBinaryValue', () => {
+		it('returns empty for null/undefined/empty', () => {
+			expect(parseBinaryValue(null)).toEqual([]);
+			expect(parseBinaryValue(undefined)).toEqual([]);
+			expect(parseBinaryValue('')).toEqual([]);
+		});
+
+		it('parses a string as char-code-per-byte', () => {
+			expect(parseBinaryValue('Hello')).toEqual([0x48, 0x65, 0x6c, 0x6c, 0x6f]);
+		});
+
+		it('truncates char codes above 0xff to a byte', () => {
+			expect(parseBinaryValue('ÿĀ')).toEqual([0xff, 0x00]);
+		});
+
+		it('extracts data from a Buffer-JSON value', () => {
+			expect(parseBinaryValue({ type: 'Buffer', data: [0x48, 0x65] })).toEqual([0x48, 0x65]);
+		});
+
+		it('extracts data from a Uint8Array', () => {
+			expect(parseBinaryValue(new Uint8Array([1, 2, 3]))).toEqual([1, 2, 3]);
+		});
+	});
+
+	describe('stringToBytes', () => {
+		it('maps each char to its 8-bit code', () => {
+			expect(stringToBytes('Hi')).toEqual([0x48, 0x69]);
+		});
+	});
+
+	describe('hexStringToBytes', () => {
+		it('parses even-length hex', () => {
+			expect(hexStringToBytes('48656c6c6f')).toEqual([0x48, 0x65, 0x6c, 0x6c, 0x6f]);
+		});
+
+		it('left-pads odd-length hex', () => {
+			expect(hexStringToBytes('abc')).toEqual([0x0a, 0xbc]);
+		});
+
+		it('returns empty for malformed hex', () => {
+			expect(hexStringToBytes('zz')).toEqual([]);
+		});
+
+		it('returns empty for empty input', () => {
+			expect(hexStringToBytes('')).toEqual([]);
+		});
+	});
+
+	describe('bytesToHex', () => {
+		it('formats bytes with zero-padded lowercase hex', () => {
+			expect(bytesToHex([0x01, 0xab, 0x00])).toBe('01ab00');
+		});
+
+		it('returns empty string for empty array', () => {
+			expect(bytesToHex([])).toBe('');
+		});
+	});
+
+	describe('bytesToBase64 / base64StringToBytes', () => {
+		it('round-trips ASCII "Hello" as SGVsbG8=', () => {
+			const bytes = [0x48, 0x65, 0x6c, 0x6c, 0x6f];
+			expect(bytesToBase64(bytes)).toBe('SGVsbG8=');
+			expect(base64StringToBytes('SGVsbG8=')).toEqual(bytes);
+		});
+
+		it('encodes empty bytes to empty string', () => {
+			expect(bytesToBase64([])).toBe('');
+			expect(base64StringToBytes('')).toEqual([]);
+		});
+
+		it('handles arbitrary binary bytes including 0x00 and 0xff', () => {
+			const bytes = [0x00, 0x10, 0x80, 0xff];
+			const encoded = bytesToBase64(bytes);
+			expect(base64StringToBytes(encoded)).toEqual(bytes);
+		});
+
+		it('returns null for invalid base64', () => {
+			expect(base64StringToBytes('not base64!')).toBeNull();
+			expect(base64StringToBytes('SGVsbG8')).toBeNull(); // missing padding
+		});
+
+		it('encodes a long payload via chunked path', () => {
+			const bytes = new Array(10000).fill(0).map((_, i) => i & 0xff);
+			const encoded = bytesToBase64(bytes);
+			expect(base64StringToBytes(encoded)).toEqual(bytes);
+		});
+	});
+
+	describe('bytesToAscii', () => {
+		it('renders printable bytes as-is', () => {
+			expect(bytesToAscii([0x48, 0x69, 0x21])).toBe('Hi!');
+		});
+
+		it('replaces non-printable bytes with a dot', () => {
+			expect(bytesToAscii([0x00, 0x48, 0x1f, 0x7f, 0xff, 0x80])).toBe('.H....');
+		});
+
+		it('keeps tab, LF, CR as-is', () => {
+			expect(bytesToAscii([0x09, 0x0a, 0x0d, 0x41])).toBe('\t\n\rA');
+		});
+	});
+
+	describe('bytesToEncoded / encodedToBytes', () => {
+		it('hex round-trip', () => {
+			const bytes = [0x01, 0xab, 0x00];
+			const enc = bytesToEncoded(bytes, 'hex');
+			expect(enc).toBe('01ab00');
+			expect(encodedToBytes(enc, 'hex')).toEqual(bytes);
+		});
+
+		it('base64 round-trip', () => {
+			const bytes = [0x48, 0x65, 0x6c, 0x6c, 0x6f];
+			const enc = bytesToEncoded(bytes, 'base64');
+			expect(enc).toBe('SGVsbG8=');
+			expect(encodedToBytes(enc, 'base64')).toEqual(bytes);
+		});
+
+		it('ascii round-trip for printable input', () => {
+			const bytes = [0x48, 0x69];
+			expect(bytesToEncoded(bytes, 'ascii')).toBe('Hi');
+			expect(encodedToBytes('Hi', 'ascii')).toEqual(bytes);
+		});
+
+		it('encodedToBytes returns null for invalid hex', () => {
+			expect(encodedToBytes('zz', 'hex')).toBeNull();
+			expect(encodedToBytes('abc', 'hex')).toBeNull();
+		});
+
+		it('encodedToBytes returns null for invalid base64', () => {
+			expect(encodedToBytes('!!!', 'base64')).toBeNull();
+		});
+
+		it('encodedToBytes always accepts ascii', () => {
+			expect(encodedToBytes('ÿx', 'ascii')).toEqual([0xff, 0x78]);
+		});
+
+		it('encodedToBytes returns empty array for empty input in any encoding', () => {
+			expect(encodedToBytes('', 'hex')).toEqual([]);
+			expect(encodedToBytes('', 'base64')).toEqual([]);
+			expect(encodedToBytes('', 'ascii')).toEqual([]);
+		});
+	});
+
+	describe('isBinaryEncoding', () => {
+		it('accepts valid values', () => {
+			expect(isBinaryEncoding('hex')).toBe(true);
+			expect(isBinaryEncoding('base64')).toBe(true);
+			expect(isBinaryEncoding('ascii')).toBe(true);
+		});
+
+		it('rejects unknown values', () => {
+			expect(isBinaryEncoding('utf8')).toBe(false);
+			expect(isBinaryEncoding(undefined)).toBe(false);
+			expect(isBinaryEncoding(null)).toBe(false);
+			expect(isBinaryEncoding(123)).toBe(false);
+		});
+	});
+
+	describe('toBufferJson', () => {
+		it('wraps bytes in Buffer-JSON shape', () => {
+			expect(toBufferJson([1, 2])).toEqual({ type: 'Buffer', data: [1, 2] });
+		});
+	});
+});
diff --git a/frontend-vue/src/lib/binary.ts b/frontend-vue/src/lib/binary.ts
new file mode 100644
index 000000000..7816b8d8f
--- /dev/null
+++ b/frontend-vue/src/lib/binary.ts
@@ -0,0 +1,119 @@
+export type BinaryBufferJson = { type: 'Buffer'; data: number[] };
+
+export type BinaryEncoding = 'hex' | 'base64' | 'ascii';
+
+export const BINARY_ENCODINGS = ['hex', 'base64', 'ascii'] as const;
+
+export function isBinaryEncoding(value: unknown): value is BinaryEncoding {
+	return value === 'hex' || value === 'base64' || value === 'ascii';
+}
+
+export function parseBinaryValue(value: unknown): number[] {
+	if (value == null || value === '') return [];
+	if (value instanceof Uint8Array) return Array.from(value);
+	if (typeof value === 'string') return stringToBytes(value);
+	if (typeof value === 'object') {
+		const data = (value as { data?: unknown }).data;
+		if (Array.isArray(data)) return (data as number[]).slice();
+	}
+	return [];
+}
+
+export function stringToBytes(str: string): number[] {
+	const bytes: number[] = [];
+	for (let i = 0; i < str.length; i++) {
+		bytes.push(str.charCodeAt(i) & 0xff);
+	}
+	return bytes;
+}
+
+export function hexStringToBytes(hex: string): number[] {
+	if (!hex) return [];
+	const normalized = hex.length % 2 === 0 ? hex : `0${hex}`;
+	const bytes: number[] = [];
+	for (let i = 0; i < normalized.length; i += 2) {
+		const byte = parseInt(normalized.substring(i, i + 2), 16);
+		if (Number.isNaN(byte)) return [];
+		bytes.push(byte);
+	}
+	return bytes;
+}
+
+export function bytesToHex(bytes: number[]): string {
+	return bytes.map((b) => b.toString(16).padStart(2, '0')).join('');
+}
+
+const BASE64_CHUNK = 0x2000;
+
+export function bytesToBase64(bytes: number[]): string {
+	if (bytes.length === 0) return '';
+	let binary = '';
+	for (let i = 0; i < bytes.length; i += BASE64_CHUNK) {
+		const chunk = bytes.slice(i, i + BASE64_CHUNK);
+		binary += String.fromCharCode.apply(null, chunk);
+	}
+	return btoa(binary);
+}
+
+const BASE64_REGEX = /^[A-Za-z0-9+/]*={0,2}$/;
+
+export function base64StringToBytes(str: string): number[] | null {
+	if (!str) return [];
+	if (str.length % 4 !== 0 || !BASE64_REGEX.test(str)) return null;
+	try {
+		const binary = atob(str);
+		const bytes: number[] = [];
+		for (let i = 0; i < binary.length; i++) {
+			bytes.push(binary.charCodeAt(i) & 0xff);
+		}
+		return bytes;
+	} catch {
+		return null;
+	}
+}
+
+// Replacement character for non-printable ASCII bytes in display/encode.
+const ASCII_REPLACEMENT = '.';
+
+function isPrintableAscii(byte: number): boolean {
+	if (byte === 0x09 || byte === 0x0a || byte === 0x0d) return true;
+	return byte >= 0x20 && byte !== 0x7f && byte <= 0x7e;
+}
+
+export function bytesToAscii(bytes: number[]): string {
+	let out = '';
+	for (const b of bytes) {
+		out += isPrintableAscii(b) ? String.fromCharCode(b) : ASCII_REPLACEMENT;
+	}
+	return out;
+}
+
+export function bytesToEncoded(bytes: number[], encoding: BinaryEncoding): string {
+	switch (encoding) {
+		case 'hex':
+			return bytesToHex(bytes);
+		case 'base64':
+			return bytesToBase64(bytes);
+		case 'ascii':
+			return bytesToAscii(bytes);
+	}
+}
+
+const HEX_REGEX = /^[0-9A-Fa-f]*$/;
+
+export function encodedToBytes(str: string, encoding: BinaryEncoding): number[] | null {
+	if (!str) return [];
+	switch (encoding) {
+		case 'hex':
+			if (!HEX_REGEX.test(str) || str.length % 2 !== 0) return null;
+			return hexStringToBytes(str);
+		case 'base64':
+			return base64StringToBytes(str);
+		case 'ascii':
+			return stringToBytes(str);
+	}
+}
+
+export function toBufferJson(bytes: number[]): BinaryBufferJson {
+	return { type: 'Buffer', data: bytes };
+}
diff --git a/frontend-vue/src/lib/cedar-monaco-language.ts b/frontend-vue/src/lib/cedar-monaco-language.ts
new file mode 100644
index 000000000..af8ec6fb6
--- /dev/null
+++ b/frontend-vue/src/lib/cedar-monaco-language.ts
@@ -0,0 +1,49 @@
+let registered = false;
+
+// biome-ignore lint/suspicious/noExplicitAny: Monaco instance type not available
+export function registerCedarLanguage(monaco: any): void {
+	if (registered || !monaco) return;
+	registered = true;
+
+	monaco.languages.register({ id: 'cedar' });
+
+	monaco.languages.setMonarchTokensProvider('cedar', {
+		keywords: ['permit', 'forbid', 'when', 'unless', 'if', 'then', 'else', 'in', 'has', 'like', 'is'],
+		clauses: ['principal', 'action', 'resource', 'context'],
+		operators: ['==', '!=', '<', '>', '<=', '>=', '&&', '||', '!'],
+
+		tokenizer: {
+			root: [
+				// Line comments
+				[/\/\/.*$/, 'comment'],
+
+				// Strings
+				[/"[^"]*"/, 'string'],
+
+				// Namespace paths (RocketAdmin::Action, etc.)
+				[/[A-Z]\w*(?:::[A-Z]\w*)+/, 'type.identifier'],
+
+				// Keywords and clauses
+				[
+					/[a-z_]\w*/,
+					{
+						cases: {
+							'@keywords': 'keyword',
+							'@clauses': 'variable',
+							'@default': 'identifier',
+						},
+					},
+				],
+
+				// Operators
+				[/[=!<>&|]+/, 'operator'],
+
+				// Delimiters
+				[/[(){};,]/, 'delimiter'],
+
+				// Whitespace
+				[/\s+/, 'white'],
+			],
+		},
+	});
+}
diff --git a/frontend-vue/src/lib/cedar-policy-items.ts b/frontend-vue/src/lib/cedar-policy-items.ts
new file mode 100644
index 000000000..076e4dc30
--- /dev/null
+++ b/frontend-vue/src/lib/cedar-policy-items.ts
@@ -0,0 +1,132 @@
+import { AccessLevel, type Permissions } from '../models/user';
+
+export type PolicyActionResource = 'connection' | 'group' | 'table' | 'actionEvent' | 'dashboard' | 'panel';
+
+export interface CedarPolicyItem {
+	action: string;
+	tableName?: string;
+	dashboardId?: string;
+}
+
+export interface PolicyAction {
+	value: string;
+	resource?: PolicyActionResource;
+}
+
+export interface PolicyActionGroup {
+	group: string;
+	actions: PolicyAction[];
+}
+
+export function permissionsToPolicyItems(permissions: Permissions): CedarPolicyItem[] {
+	const items: CedarPolicyItem[] = [];
+
+	const connAccess = permissions.connection.accessLevel;
+	if (connAccess === AccessLevel.Edit) {
+		items.push({ action: 'connection:read' });
+		items.push({ action: 'connection:edit' });
+	} else if (connAccess === AccessLevel.Readonly) {
+		items.push({ action: 'connection:read' });
+	}
+
+	const groupAccess = permissions.group.accessLevel;
+	if (groupAccess === AccessLevel.Edit) {
+		items.push({ action: 'group:read' });
+		items.push({ action: 'group:edit' });
+	} else if (groupAccess === AccessLevel.Readonly) {
+		items.push({ action: 'group:read' });
+	}
+
+	// Check if all tables share the same permissions — collapse to wildcard '*'
+	const tables = permissions.tables;
+	if (tables.length > 0) {
+		const allRead = tables.every((t) => t.accessLevel.visibility);
+		const allAdd = tables.every((t) => t.accessLevel.add);
+		const allEdit = tables.every((t) => t.accessLevel.edit);
+		const allDelete = tables.every((t) => t.accessLevel.delete);
+		const anyTableAccess = allRead || allAdd || allEdit || allDelete;
+
+		if (anyTableAccess && allRead && allAdd && allEdit && allDelete) {
+			items.push({ action: 'table:*', tableName: '*' });
+		} else if (anyTableAccess && (allRead || allAdd || allEdit || allDelete)) {
+			// Some actions apply to all tables, others are per-table
+			if (allRead) items.push({ action: 'table:read', tableName: '*' });
+			if (allAdd) items.push({ action: 'table:add', tableName: '*' });
+			if (allEdit) items.push({ action: 'table:edit', tableName: '*' });
+			if (allDelete) items.push({ action: 'table:delete', tableName: '*' });
+			for (const table of tables) {
+				const access = table.accessLevel;
+				if (!allRead && access.visibility) items.push({ action: 'table:read', tableName: table.tableName });
+				if (!allAdd && access.add) items.push({ action: 'table:add', tableName: table.tableName });
+				if (!allEdit && access.edit) items.push({ action: 'table:edit', tableName: table.tableName });
+				if (!allDelete && access.delete) items.push({ action: 'table:delete', tableName: table.tableName });
+			}
+		} else {
+			for (const table of tables) {
+				const access = table.accessLevel;
+				if (access.visibility && access.add && access.edit && access.delete) {
+					items.push({ action: 'table:*', tableName: table.tableName });
+				} else {
+					if (access.visibility) items.push({ action: 'table:read', tableName: table.tableName });
+					if (access.add) items.push({ action: 'table:add', tableName: table.tableName });
+					if (access.edit) items.push({ action: 'table:edit', tableName: table.tableName });
+					if (access.delete) items.push({ action: 'table:delete', tableName: table.tableName });
+				}
+			}
+		}
+	}
+
+	return items;
+}
+
+export function policyItemsToCedarPolicy(items: CedarPolicyItem[], connectionId: string, groupId: string): string {
+	const policies: string[] = [];
+
+	for (const item of items) {
+		if (item.action === '*') {
+			policies.push('permit(\n  principal,\n  action,\n  resource\n);');
+			return policies.join('\n\n');
+		}
+
+		const actionRef = buildActionRef(item.action);
+		let resource: string;
+
+		if (item.action.startsWith('table:')) {
+			resource = buildResourceRef('Table', connectionId, item.tableName);
+		} else if (item.action === 'dashboard:create') {
+			resource = `resource == RocketAdmin::Connection::"${connectionId}"`;
+		} else if (item.action.startsWith('dashboard:')) {
+			resource = buildResourceRef('Dashboard', connectionId, item.dashboardId);
+		} else if (item.action.startsWith('group:')) {
+			resource = `resource == RocketAdmin::Group::"${groupId}"`;
+		} else {
+			resource = `resource == RocketAdmin::Connection::"${connectionId}"`;
+		}
+
+		policies.push(`permit(\n  principal,\n  ${actionRef},\n  ${resource}\n);`);
+	}
+
+	return policies.join('\n\n');
+}
+
+const TABLE_ACTIONS = ['table:read', 'table:add', 'table:edit', 'table:delete'];
+const DASHBOARD_ACTIONS = ['dashboard:read', 'dashboard:create', 'dashboard:edit', 'dashboard:delete'];
+
+function buildActionRef(action: string): string {
+	if (action === 'table:*') {
+		const list = TABLE_ACTIONS.map((a) => `RocketAdmin::Action::"${a}"`).join(', ');
+		return `action in [${list}]`;
+	}
+	if (action === 'dashboard:*') {
+		const list = DASHBOARD_ACTIONS.map((a) => `RocketAdmin::Action::"${a}"`).join(', ');
+		return `action in [${list}]`;
+	}
+	return `action == RocketAdmin::Action::"${action}"`;
+}
+
+function buildResourceRef(type: string, connectionId: string, id: string | undefined): string {
+	if (id === '*') {
+		return `resource`;
+	}
+	return `resource == RocketAdmin::${type}::"${connectionId}/${id}"`;
+}
diff --git a/frontend-vue/src/lib/cedar-policy-parser.ts b/frontend-vue/src/lib/cedar-policy-parser.ts
new file mode 100644
index 000000000..21f6b4a56
--- /dev/null
+++ b/frontend-vue/src/lib/cedar-policy-parser.ts
@@ -0,0 +1,330 @@
+import { AccessLevel, type Permissions, type TablePermission } from '../models/user';
+import type { CedarPolicyItem } from './cedar-policy-items';
+
+interface ParsedPermitStatement {
+	action: string | null;
+	actions: string[] | null;
+	resourceType: string | null;
+	resourceId: string | null;
+	isWildcard: boolean;
+}
+
+export function parseCedarPolicy(
+	policyText: string,
+	connectionId: string,
+	groupId: string,
+	availableTables: TablePermission[],
+): Permissions {
+	const permits = extractPermitStatements(policyText);
+
+	const result: Permissions = {
+		connection: { connectionId, accessLevel: AccessLevel.None },
+		group: { groupId, accessLevel: AccessLevel.None },
+		tables: [],
+	};
+
+	const tableMap = new Map<string, TablePermission>();
+	let isFullAccess = false;
+
+	for (const permit of permits) {
+		if (permit.isWildcard) {
+			result.connection.accessLevel = AccessLevel.Edit;
+			result.group.accessLevel = AccessLevel.Edit;
+			isFullAccess = true;
+			continue;
+		}
+
+		if (!permit.action) continue;
+
+		switch (permit.action) {
+			case 'connection:read':
+				if (result.connection.accessLevel === AccessLevel.None) {
+					result.connection.accessLevel = AccessLevel.Readonly;
+				}
+				break;
+			case 'connection:edit':
+				result.connection.accessLevel = AccessLevel.Edit;
+				break;
+			case 'group:read':
+				if (result.group.accessLevel === AccessLevel.None) {
+					result.group.accessLevel = AccessLevel.Readonly;
+				}
+				break;
+			case 'group:edit':
+				result.group.accessLevel = AccessLevel.Edit;
+				break;
+			case 'table:*':
+			case 'table:read':
+			case 'table:add':
+			case 'table:edit':
+			case 'table:delete': {
+				const tableName = extractResourceSuffix(permit.resourceId, connectionId);
+				if (!tableName) break;
+				const tableEntry = getOrCreateTableEntry(tableMap, tableName);
+				applyTableAction(tableEntry, permit.action);
+				break;
+			}
+			case 'dashboard:read':
+			case 'dashboard:create':
+			case 'dashboard:edit':
+			case 'dashboard:delete':
+				break;
+		}
+	}
+
+	// Apply wildcard table permissions to all tables
+	const wildcardEntry = tableMap.get('*');
+
+	// Merge parsed results with full table list
+	result.tables = availableTables.map((table) => {
+		if (isFullAccess) {
+			return {
+				...table,
+				accessLevel: {
+					visibility: true,
+					readonly: false,
+					add: true,
+					delete: true,
+					edit: true,
+				},
+			};
+		}
+		const base = {
+			visibility: false,
+			readonly: false,
+			add: false,
+			delete: false,
+			edit: false,
+		};
+		if (wildcardEntry) {
+			base.visibility = base.visibility || wildcardEntry.accessLevel.visibility;
+			base.readonly = base.readonly || wildcardEntry.accessLevel.readonly;
+			base.add = base.add || wildcardEntry.accessLevel.add;
+			base.edit = base.edit || wildcardEntry.accessLevel.edit;
+			base.delete = base.delete || wildcardEntry.accessLevel.delete;
+		}
+		const parsed = tableMap.get(table.tableName);
+		if (parsed) {
+			base.visibility = base.visibility || parsed.accessLevel.visibility;
+			base.readonly = base.readonly || parsed.accessLevel.readonly;
+			base.add = base.add || parsed.accessLevel.add;
+			base.edit = base.edit || parsed.accessLevel.edit;
+			base.delete = base.delete || parsed.accessLevel.delete;
+		}
+		return {
+			...table,
+			accessLevel: base,
+		};
+	});
+
+	return result;
+}
+
+export function parseCedarDashboardItems(policyText: string, connectionId: string): CedarPolicyItem[] {
+	const permits = extractPermitStatements(policyText);
+	const items: CedarPolicyItem[] = [];
+
+	for (const permit of permits) {
+		if (!permit.action || !permit.action.startsWith('dashboard:')) continue;
+		if (permit.action === 'dashboard:create') {
+			items.push({ action: permit.action });
+		} else {
+			const dashboardId = extractResourceSuffix(permit.resourceId, connectionId);
+			if (dashboardId) {
+				items.push({ action: permit.action, dashboardId });
+			}
+		}
+	}
+
+	return items;
+}
+
+export function canRepresentAsForm(policyText: string): boolean {
+	if (!policyText?.trim()) return true;
+
+	// Forbid statements are not supported in form mode
+	if (/\bforbid\s*\(/.test(policyText)) return false;
+
+	// when/unless clauses are not supported in form mode
+	if (/\bwhen\s*\{/.test(policyText)) return false;
+	if (/\bunless\s*\{/.test(policyText)) return false;
+
+	const permits = extractPermitStatements(policyText);
+	if (permits.length === 0) return false;
+
+	const knownActions = new Set([
+		'connection:read',
+		'connection:edit',
+		'group:read',
+		'group:edit',
+		'table:*',
+		'table:read',
+		'table:add',
+		'table:edit',
+		'table:delete',
+		'dashboard:*',
+		'dashboard:read',
+		'dashboard:create',
+		'dashboard:edit',
+		'dashboard:delete',
+	]);
+
+	for (const permit of permits) {
+		if (permit.isWildcard) continue;
+		if (!permit.action || !knownActions.has(permit.action)) return false;
+	}
+
+	return true;
+}
+
+function extractPermitStatements(policyText: string): ParsedPermitStatement[] {
+	const results: ParsedPermitStatement[] = [];
+	const permitKeyword = 'permit';
+	let searchFrom = 0;
+
+	while (searchFrom < policyText.length) {
+		const permitIndex = policyText.indexOf(permitKeyword, searchFrom);
+		if (permitIndex === -1) break;
+
+		let i = permitIndex + permitKeyword.length;
+		while (
+			i < policyText.length &&
+			(policyText[i] === ' ' || policyText[i] === '\t' || policyText[i] === '\n' || policyText[i] === '\r')
+		) {
+			i++;
+		}
+
+		if (i >= policyText.length || policyText[i] !== '(') {
+			searchFrom = i;
+			continue;
+		}
+
+		let depth = 1;
+		const bodyStart = i + 1;
+		i++;
+		while (i < policyText.length && depth > 0) {
+			if (policyText[i] === '(') depth++;
+			else if (policyText[i] === ')') depth--;
+			if (depth > 0) i++;
+		}
+
+		if (depth !== 0) {
+			searchFrom = bodyStart;
+			continue;
+		}
+
+		const body = policyText.slice(bodyStart, i);
+		let j = i + 1;
+		while (
+			j < policyText.length &&
+			(policyText[j] === ' ' || policyText[j] === '\t' || policyText[j] === '\n' || policyText[j] === '\r')
+		) {
+			j++;
+		}
+
+		if (j < policyText.length && policyText[j] === ';') {
+			results.push(parsePermitBody(body));
+			searchFrom = j + 1;
+		} else {
+			searchFrom = i + 1;
+		}
+	}
+
+	return results.flatMap(expandActionIn);
+}
+
+function expandActionIn(stmt: ParsedPermitStatement): ParsedPermitStatement[] {
+	if (!stmt.actions || stmt.actions.length === 0) return [stmt];
+	return stmt.actions.map((action) => ({ ...stmt, action, actions: null }));
+}
+
+function parsePermitBody(body: string): ParsedPermitStatement {
+	const result: ParsedPermitStatement = {
+		action: null,
+		actions: null,
+		resourceType: null,
+		resourceId: null,
+		isWildcard: false,
+	};
+
+	const actionMatch = body.match(/action\s*(?:==|like)\s*RocketAdmin::Action::"([^"]+)"/);
+	if (actionMatch) {
+		result.action = actionMatch[1] ?? null;
+	} else {
+		const actionInMatch = body.match(/action\s+in\s*\[([^\]]+)\]/);
+		if (actionInMatch) {
+			result.actions = [...(actionInMatch[1] ?? '').matchAll(/RocketAdmin::Action::"([^"]+)"/g)].map((m) => m[1] ?? '');
+		} else {
+			const actionClause = body.match(/,\s*(action)\s*,/);
+			if (actionClause) {
+				result.isWildcard = true;
+			}
+		}
+	}
+
+	const resourceMatch = body.match(/resource\s*(?:==|like)\s*(RocketAdmin::\w+)::"([^"]+)"/);
+	if (resourceMatch) {
+		result.resourceType = resourceMatch[1] ?? null;
+		result.resourceId = resourceMatch[2] ?? null;
+	} else {
+		const resourceClause = body.match(/,\s*(resource)\s*$/m);
+		if (resourceClause && !result.action) {
+			result.isWildcard = true;
+		}
+	}
+
+	return result;
+}
+
+function extractResourceSuffix(resourceId: string | null, connectionId: string): string | null {
+	if (!resourceId) return '*';
+	const prefix = `${connectionId}/`;
+	if (resourceId.startsWith(prefix)) {
+		return resourceId.slice(prefix.length);
+	}
+	return resourceId;
+}
+
+function getOrCreateTableEntry(map: Map<string, TablePermission>, tableName: string): TablePermission {
+	let entry = map.get(tableName);
+	if (!entry) {
+		entry = {
+			tableName,
+			display_name: tableName,
+			accessLevel: {
+				visibility: false,
+				readonly: false,
+				add: false,
+				delete: false,
+				edit: false,
+			},
+		};
+		map.set(tableName, entry);
+	}
+	return entry;
+}
+
+function applyTableAction(entry: TablePermission, action: string): void {
+	switch (action) {
+		case 'table:*':
+			entry.accessLevel.visibility = true;
+			entry.accessLevel.readonly = true;
+			entry.accessLevel.add = true;
+			entry.accessLevel.edit = true;
+			entry.accessLevel.delete = true;
+			break;
+		case 'table:read':
+			entry.accessLevel.visibility = true;
+			entry.accessLevel.readonly = true;
+			break;
+		case 'table:add':
+			entry.accessLevel.add = true;
+			break;
+		case 'table:edit':
+			entry.accessLevel.edit = true;
+			break;
+		case 'table:delete':
+			entry.accessLevel.delete = true;
+			break;
+	}
+}
diff --git a/frontend-vue/src/lib/cedar-policy-roundtrip.spec.ts b/frontend-vue/src/lib/cedar-policy-roundtrip.spec.ts
new file mode 100644
index 000000000..053d8ab22
--- /dev/null
+++ b/frontend-vue/src/lib/cedar-policy-roundtrip.spec.ts
@@ -0,0 +1,561 @@
+import { readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { checkParsePolicySet, initSync } from '@cedar-policy/cedar-wasm/web';
+import { beforeAll, describe, expect, it } from 'vitest';
+import { AccessLevel, type Permissions, type TablePermission } from '../models/user';
+import { type CedarPolicyItem, permissionsToPolicyItems, policyItemsToCedarPolicy } from './cedar-policy-items';
+import { canRepresentAsForm, parseCedarDashboardItems, parseCedarPolicy } from './cedar-policy-parser';
+
+const CONNECTION_ID = 'conn-abc-123';
+const GROUP_ID = 'group-xyz-789';
+
+const AVAILABLE_TABLES: TablePermission[] = [
+	{
+		tableName: 'users',
+		display_name: 'Users',
+		accessLevel: { visibility: false, readonly: false, add: false, delete: false, edit: false },
+	},
+	{
+		tableName: 'orders',
+		display_name: 'Orders',
+		accessLevel: { visibility: false, readonly: false, add: false, delete: false, edit: false },
+	},
+	{
+		tableName: 'products',
+		display_name: 'Products',
+		accessLevel: { visibility: false, readonly: false, add: false, delete: false, edit: false },
+	},
+];
+
+function assertValidCedar(policyText: string, label: string) {
+	const result = checkParsePolicySet({
+		staticPolicies: policyText,
+		templates: {},
+		templateLinks: [],
+	});
+	if (result.type !== 'success') {
+		throw new Error(
+			`${label}: invalid Cedar policy.\nErrors: ${JSON.stringify(result.errors)}\nPolicy:\n${policyText}`,
+		);
+	}
+}
+
+function roundTrip(
+	cedarText: string,
+	availableTables: TablePermission[] = AVAILABLE_TABLES,
+): { permissions: Permissions; items: CedarPolicyItem[]; reserialized: string } {
+	const permissions = parseCedarPolicy(cedarText, CONNECTION_ID, GROUP_ID, availableTables);
+	const items = permissionsToPolicyItems(permissions);
+	const dashboardItems = parseCedarDashboardItems(cedarText, CONNECTION_ID);
+	const allItems = [...items, ...dashboardItems];
+	const reserialized = policyItemsToCedarPolicy(allItems, CONNECTION_ID, GROUP_ID);
+	return { permissions, items: allItems, reserialized };
+}
+
+describe('Cedar policy deserialization => serialization round-trip', () => {
+	beforeAll(async () => {
+		// jsdom has no server for /assets, so read the package's wasm from disk.
+		const wasmBytes = readFileSync(
+			resolve(process.cwd(), 'node_modules/@cedar-policy/cedar-wasm/web/cedar_wasm_bg.wasm'),
+		);
+		initSync({ module: new WebAssembly.Module(wasmBytes) });
+	});
+
+	describe('connection edit policy', () => {
+		const connectionEditPolicy = [
+			'permit(',
+			'  principal,',
+			'  action == RocketAdmin::Action::"connection:edit",',
+			'  resource == RocketAdmin::Connection::"conn-abc-123"',
+			');',
+		].join('\n');
+
+		it('original policy should be valid Cedar', () => {
+			assertValidCedar(connectionEditPolicy, 'original');
+		});
+
+		it('should round-trip to valid Cedar', () => {
+			const { reserialized } = roundTrip(connectionEditPolicy);
+			assertValidCedar(reserialized, 'reserialized');
+		});
+
+		it('should preserve connection edit access level', () => {
+			const { permissions } = roundTrip(connectionEditPolicy);
+			expect(permissions.connection.accessLevel).toBe(AccessLevel.Edit);
+		});
+
+		it('re-serialized policy should parse back to the same permissions', () => {
+			const { reserialized } = roundTrip(connectionEditPolicy);
+			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
+			const original = parseCedarPolicy(connectionEditPolicy, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
+			expect(reparsed.connection.accessLevel).toBe(original.connection.accessLevel);
+			expect(reparsed.group.accessLevel).toBe(original.group.accessLevel);
+			expect(reparsed.tables).toEqual(original.tables);
+		});
+	});
+
+	describe('connection read-only policy', () => {
+		const connectionReadPolicy = [
+			'permit(',
+			'  principal,',
+			'  action == RocketAdmin::Action::"connection:read",',
+			'  resource == RocketAdmin::Connection::"conn-abc-123"',
+			');',
+		].join('\n');
+
+		it('should round-trip to valid Cedar', () => {
+			const { reserialized } = roundTrip(connectionReadPolicy);
+			assertValidCedar(reserialized, 'reserialized');
+		});
+
+		it('should preserve connection readonly access level', () => {
+			const { permissions } = roundTrip(connectionReadPolicy);
+			expect(permissions.connection.accessLevel).toBe(AccessLevel.Readonly);
+		});
+
+		it('re-serialized policy should parse back identically', () => {
+			const { reserialized } = roundTrip(connectionReadPolicy);
+			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
+			expect(reparsed.connection.accessLevel).toBe(AccessLevel.Readonly);
+		});
+	});
+
+	describe('full access (wildcard) policy', () => {
+		const fullAccessPolicy = ['permit(', '  principal,', '  action,', '  resource', ');'].join('\n');
+
+		it('should round-trip to valid Cedar', () => {
+			const { reserialized } = roundTrip(fullAccessPolicy);
+			assertValidCedar(reserialized, 'reserialized');
+		});
+
+		it('should parse as full access', () => {
+			const { permissions } = roundTrip(fullAccessPolicy);
+			expect(permissions.connection.accessLevel).toBe(AccessLevel.Edit);
+			expect(permissions.group.accessLevel).toBe(AccessLevel.Edit);
+			for (const table of permissions.tables) {
+				expect(table.accessLevel.visibility).toBe(true);
+				expect(table.accessLevel.add).toBe(true);
+				expect(table.accessLevel.edit).toBe(true);
+				expect(table.accessLevel.delete).toBe(true);
+			}
+		});
+
+		it('re-serialized policy should parse back to full access', () => {
+			const { reserialized } = roundTrip(fullAccessPolicy);
+			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
+			expect(reparsed.connection.accessLevel).toBe(AccessLevel.Edit);
+			expect(reparsed.group.accessLevel).toBe(AccessLevel.Edit);
+		});
+	});
+
+	describe('group permissions policy', () => {
+		const groupPolicy = [
+			'permit(',
+			'  principal,',
+			'  action == RocketAdmin::Action::"group:read",',
+			'  resource == RocketAdmin::Group::"group-xyz-789"',
+			');',
+			'',
+			'permit(',
+			'  principal,',
+			'  action == RocketAdmin::Action::"group:edit",',
+			'  resource == RocketAdmin::Group::"group-xyz-789"',
+			');',
+		].join('\n');
+
+		it('should round-trip to valid Cedar', () => {
+			const { reserialized } = roundTrip(groupPolicy);
+			assertValidCedar(reserialized, 'reserialized');
+		});
+
+		it('should preserve group edit access level', () => {
+			const { permissions } = roundTrip(groupPolicy);
+			expect(permissions.group.accessLevel).toBe(AccessLevel.Edit);
+		});
+
+		it('re-serialized policy should parse back identically', () => {
+			const { reserialized } = roundTrip(groupPolicy);
+			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
+			expect(reparsed.group.accessLevel).toBe(AccessLevel.Edit);
+		});
+	});
+
+	describe('single table read policy', () => {
+		const tableReadPolicy = [
+			'permit(',
+			'  principal,',
+			'  action == RocketAdmin::Action::"table:read",',
+			'  resource == RocketAdmin::Table::"conn-abc-123/users"',
+			');',
+		].join('\n');
+
+		it('should round-trip to valid Cedar', () => {
+			const { reserialized } = roundTrip(tableReadPolicy);
+			assertValidCedar(reserialized, 'reserialized');
+		});
+
+		it('should parse users table as visible and readonly', () => {
+			const { permissions } = roundTrip(tableReadPolicy);
+			const usersTable = permissions.tables.find((t) => t.tableName === 'users');
+			expect(usersTable).toBeTruthy();
+			expect(usersTable!.accessLevel.visibility).toBe(true);
+			expect(usersTable!.accessLevel.readonly).toBe(true);
+			expect(usersTable!.accessLevel.add).toBe(false);
+			expect(usersTable!.accessLevel.edit).toBe(false);
+			expect(usersTable!.accessLevel.delete).toBe(false);
+		});
+
+		it('other tables should have no access', () => {
+			const { permissions } = roundTrip(tableReadPolicy);
+			const ordersTable = permissions.tables.find((t) => t.tableName === 'orders');
+			expect(ordersTable!.accessLevel.visibility).toBe(false);
+			expect(ordersTable!.accessLevel.readonly).toBe(false);
+		});
+
+		it('re-serialized policy should parse back identically', () => {
+			const { reserialized } = roundTrip(tableReadPolicy);
+			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
+			const original = parseCedarPolicy(tableReadPolicy, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
+			expect(reparsed.tables).toEqual(original.tables);
+		});
+	});
+
+	describe('table full access (action in [...]) policy', () => {
+		const tableFullAccessPolicy = [
+			'permit(',
+			'  principal,',
+			'  action in [RocketAdmin::Action::"table:read", RocketAdmin::Action::"table:add", RocketAdmin::Action::"table:edit", RocketAdmin::Action::"table:delete"],',
+			'  resource == RocketAdmin::Table::"conn-abc-123/orders"',
+			');',
+		].join('\n');
+
+		it('should round-trip to valid Cedar', () => {
+			const { reserialized } = roundTrip(tableFullAccessPolicy);
+			assertValidCedar(reserialized, 'reserialized');
+		});
+
+		it('should parse orders table with full access', () => {
+			const { permissions } = roundTrip(tableFullAccessPolicy);
+			const ordersTable = permissions.tables.find((t) => t.tableName === 'orders');
+			expect(ordersTable!.accessLevel.visibility).toBe(true);
+			expect(ordersTable!.accessLevel.add).toBe(true);
+			expect(ordersTable!.accessLevel.edit).toBe(true);
+			expect(ordersTable!.accessLevel.delete).toBe(true);
+		});
+
+		it('re-serialized policy should parse back identically', () => {
+			const { reserialized } = roundTrip(tableFullAccessPolicy);
+			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
+			const original = parseCedarPolicy(tableFullAccessPolicy, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
+			expect(reparsed.tables).toEqual(original.tables);
+		});
+	});
+
+	describe('wildcard table permissions (all tables)', () => {
+		const wildcardTablePolicy = [
+			'permit(',
+			'  principal,',
+			'  action == RocketAdmin::Action::"table:read",',
+			'  resource',
+			');',
+		].join('\n');
+
+		it('should round-trip to valid Cedar', () => {
+			const { reserialized } = roundTrip(wildcardTablePolicy);
+			assertValidCedar(reserialized, 'reserialized');
+		});
+
+		it('should apply read to all tables', () => {
+			const { permissions } = roundTrip(wildcardTablePolicy);
+			for (const table of permissions.tables) {
+				expect(table.accessLevel.visibility).toBe(true);
+				expect(table.accessLevel.readonly).toBe(true);
+			}
+		});
+
+		it('re-serialized policy should parse back identically', () => {
+			const { reserialized } = roundTrip(wildcardTablePolicy);
+			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
+			const original = parseCedarPolicy(wildcardTablePolicy, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
+			expect(reparsed.tables).toEqual(original.tables);
+		});
+	});
+
+	describe('mixed policy (connection + group + tables)', () => {
+		const mixedPolicy = [
+			'permit(',
+			'  principal,',
+			'  action == RocketAdmin::Action::"connection:read",',
+			'  resource == RocketAdmin::Connection::"conn-abc-123"',
+			');',
+			'',
+			'permit(',
+			'  principal,',
+			'  action == RocketAdmin::Action::"group:read",',
+			'  resource == RocketAdmin::Group::"group-xyz-789"',
+			');',
+			'',
+			'permit(',
+			'  principal,',
+			'  action == RocketAdmin::Action::"table:read",',
+			'  resource == RocketAdmin::Table::"conn-abc-123/users"',
+			');',
+			'',
+			'permit(',
+			'  principal,',
+			'  action in [RocketAdmin::Action::"table:read", RocketAdmin::Action::"table:edit"],',
+			'  resource == RocketAdmin::Table::"conn-abc-123/orders"',
+			');',
+		].join('\n');
+
+		it('original policy should be valid Cedar', () => {
+			assertValidCedar(mixedPolicy, 'original');
+		});
+
+		it('should round-trip to valid Cedar', () => {
+			const { reserialized } = roundTrip(mixedPolicy);
+			assertValidCedar(reserialized, 'reserialized');
+		});
+
+		it('should preserve all access levels', () => {
+			const { permissions } = roundTrip(mixedPolicy);
+			expect(permissions.connection.accessLevel).toBe(AccessLevel.Readonly);
+			expect(permissions.group.accessLevel).toBe(AccessLevel.Readonly);
+
+			const usersTable = permissions.tables.find((t) => t.tableName === 'users');
+			expect(usersTable!.accessLevel.visibility).toBe(true);
+			expect(usersTable!.accessLevel.readonly).toBe(true);
+			expect(usersTable!.accessLevel.edit).toBe(false);
+
+			const ordersTable = permissions.tables.find((t) => t.tableName === 'orders');
+			expect(ordersTable!.accessLevel.visibility).toBe(true);
+			expect(ordersTable!.accessLevel.edit).toBe(true);
+		});
+
+		it('re-serialized policy should parse back to the same permissions', () => {
+			const { reserialized } = roundTrip(mixedPolicy);
+			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
+			const original = parseCedarPolicy(mixedPolicy, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
+			expect(reparsed.connection.accessLevel).toBe(original.connection.accessLevel);
+			expect(reparsed.group.accessLevel).toBe(original.group.accessLevel);
+			expect(reparsed.tables).toEqual(original.tables);
+		});
+
+		it('should be representable as form', () => {
+			expect(canRepresentAsForm(mixedPolicy)).toBe(true);
+		});
+	});
+
+	describe('dashboard permissions policy', () => {
+		const dashboardPolicy = [
+			'permit(',
+			'  principal,',
+			'  action == RocketAdmin::Action::"dashboard:read",',
+			'  resource == RocketAdmin::Dashboard::"conn-abc-123/dash-001"',
+			');',
+			'',
+			'permit(',
+			'  principal,',
+			'  action == RocketAdmin::Action::"dashboard:edit",',
+			'  resource == RocketAdmin::Dashboard::"conn-abc-123/dash-001"',
+			');',
+		].join('\n');
+
+		it('should round-trip to valid Cedar', () => {
+			const { reserialized } = roundTrip(dashboardPolicy);
+			assertValidCedar(reserialized, 'reserialized');
+		});
+
+		it('should parse dashboard items correctly', () => {
+			const dashboardItems = parseCedarDashboardItems(dashboardPolicy, CONNECTION_ID);
+			expect(dashboardItems.length).toBe(2);
+			expect(dashboardItems.some((item) => item.action === 'dashboard:read')).toBe(true);
+			expect(dashboardItems.some((item) => item.action === 'dashboard:edit')).toBe(true);
+			expect(dashboardItems.every((item) => item.dashboardId === 'dash-001')).toBe(true);
+		});
+
+		it('re-serialized policy should parse back to the same dashboard items', () => {
+			const { reserialized } = roundTrip(dashboardPolicy);
+			const originalItems = parseCedarDashboardItems(dashboardPolicy, CONNECTION_ID);
+			const reparsedItems = parseCedarDashboardItems(reserialized, CONNECTION_ID);
+			expect(reparsedItems).toEqual(originalItems);
+		});
+	});
+
+	describe('multiple table-specific permissions', () => {
+		const multiTablePolicy = [
+			'permit(',
+			'  principal,',
+			'  action == RocketAdmin::Action::"table:read",',
+			'  resource == RocketAdmin::Table::"conn-abc-123/users"',
+			');',
+			'',
+			'permit(',
+			'  principal,',
+			'  action == RocketAdmin::Action::"table:add",',
+			'  resource == RocketAdmin::Table::"conn-abc-123/users"',
+			');',
+			'',
+			'permit(',
+			'  principal,',
+			'  action == RocketAdmin::Action::"table:read",',
+			'  resource == RocketAdmin::Table::"conn-abc-123/orders"',
+			');',
+			'',
+			'permit(',
+			'  principal,',
+			'  action == RocketAdmin::Action::"table:delete",',
+			'  resource == RocketAdmin::Table::"conn-abc-123/orders"',
+			');',
+		].join('\n');
+
+		it('should round-trip to valid Cedar', () => {
+			const { reserialized } = roundTrip(multiTablePolicy);
+			assertValidCedar(reserialized, 'reserialized');
+		});
+
+		it('should parse per-table permissions correctly', () => {
+			const { permissions } = roundTrip(multiTablePolicy);
+
+			const usersTable = permissions.tables.find((t) => t.tableName === 'users');
+			expect(usersTable!.accessLevel.visibility).toBe(true);
+			expect(usersTable!.accessLevel.add).toBe(true);
+			expect(usersTable!.accessLevel.edit).toBe(false);
+
+			const ordersTable = permissions.tables.find((t) => t.tableName === 'orders');
+			expect(ordersTable!.accessLevel.visibility).toBe(true);
+			expect(ordersTable!.accessLevel.delete).toBe(true);
+			expect(ordersTable!.accessLevel.add).toBe(false);
+
+			const productsTable = permissions.tables.find((t) => t.tableName === 'products');
+			expect(productsTable!.accessLevel.visibility).toBe(false);
+		});
+
+		it('re-serialized policy should parse back identically', () => {
+			const { reserialized } = roundTrip(multiTablePolicy);
+			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
+			const original = parseCedarPolicy(multiTablePolicy, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
+			expect(reparsed.tables).toEqual(original.tables);
+		});
+	});
+
+	describe('canRepresentAsForm validation', () => {
+		it('forbid statements should not be representable', () => {
+			const policy = 'forbid(principal, action, resource);';
+			expect(canRepresentAsForm(policy)).toBe(false);
+		});
+
+		it('when clauses should not be representable', () => {
+			const policy = [
+				'permit(',
+				'  principal,',
+				'  action == RocketAdmin::Action::"table:read",',
+				'  resource',
+				') when { principal.isAdmin };',
+			].join('\n');
+			expect(canRepresentAsForm(policy)).toBe(false);
+		});
+
+		it('unless clauses should not be representable', () => {
+			const policy = [
+				'permit(',
+				'  principal,',
+				'  action == RocketAdmin::Action::"table:read",',
+				'  resource',
+				') unless { principal.isGuest };',
+			].join('\n');
+			expect(canRepresentAsForm(policy)).toBe(false);
+		});
+
+		it('empty policy should be representable', () => {
+			expect(canRepresentAsForm('')).toBe(true);
+		});
+
+		it('standard permit policies should be representable', () => {
+			const policy = [
+				'permit(',
+				'  principal,',
+				'  action == RocketAdmin::Action::"connection:read",',
+				'  resource == RocketAdmin::Connection::"conn-abc-123"',
+				');',
+			].join('\n');
+			expect(canRepresentAsForm(policy)).toBe(true);
+		});
+	});
+
+	describe('cedar-wasm validation of all generated policies', () => {
+		it('connection:read item generates valid Cedar', () => {
+			const items: CedarPolicyItem[] = [{ action: 'connection:read' }];
+			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
+			assertValidCedar(policy, 'connection:read');
+		});
+
+		it('connection:edit item generates valid Cedar', () => {
+			const items: CedarPolicyItem[] = [{ action: 'connection:edit' }];
+			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
+			assertValidCedar(policy, 'connection:edit');
+		});
+
+		it('group:read item generates valid Cedar', () => {
+			const items: CedarPolicyItem[] = [{ action: 'group:read' }];
+			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
+			assertValidCedar(policy, 'group:read');
+		});
+
+		it('group:edit item generates valid Cedar', () => {
+			const items: CedarPolicyItem[] = [{ action: 'group:edit' }];
+			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
+			assertValidCedar(policy, 'group:edit');
+		});
+
+		it('table:read with specific table generates valid Cedar', () => {
+			const items: CedarPolicyItem[] = [{ action: 'table:read', tableName: 'users' }];
+			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
+			assertValidCedar(policy, 'table:read specific');
+		});
+
+		it('table:* with specific table generates valid Cedar', () => {
+			const items: CedarPolicyItem[] = [{ action: 'table:*', tableName: 'users' }];
+			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
+			assertValidCedar(policy, 'table:* specific');
+		});
+
+		it('table:read with wildcard generates valid Cedar', () => {
+			const items: CedarPolicyItem[] = [{ action: 'table:read', tableName: '*' }];
+			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
+			assertValidCedar(policy, 'table:read wildcard');
+		});
+
+		it('dashboard:read with specific dashboard generates valid Cedar', () => {
+			const items: CedarPolicyItem[] = [{ action: 'dashboard:read', dashboardId: 'dash-001' }];
+			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
+			assertValidCedar(policy, 'dashboard:read specific');
+		});
+
+		it('dashboard:* with specific dashboard generates valid Cedar', () => {
+			const items: CedarPolicyItem[] = [{ action: 'dashboard:*', dashboardId: 'dash-001' }];
+			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
+			assertValidCedar(policy, 'dashboard:* specific');
+		});
+
+		it('full access (*) generates valid Cedar', () => {
+			const items: CedarPolicyItem[] = [{ action: '*' }];
+			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
+			assertValidCedar(policy, 'full access');
+		});
+
+		it('mixed items generate valid Cedar', () => {
+			const items: CedarPolicyItem[] = [
+				{ action: 'connection:read' },
+				{ action: 'group:read' },
+				{ action: 'group:edit' },
+				{ action: 'table:read', tableName: 'users' },
+				{ action: 'table:add', tableName: 'users' },
+				{ action: 'table:read', tableName: '*' },
+				{ action: 'dashboard:read', dashboardId: 'dash-001' },
+			];
+			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
+			assertValidCedar(policy, 'mixed items');
+		});
+	});
+});
diff --git a/frontend-vue/src/lib/chart-config.helper.ts b/frontend-vue/src/lib/chart-config.helper.ts
new file mode 100644
index 000000000..8acb86f27
--- /dev/null
+++ b/frontend-vue/src/lib/chart-config.helper.ts
@@ -0,0 +1,512 @@
+import type { ChartConfiguration, ChartData, ChartType as ChartJsType, Plugin } from 'chart.js';
+import convert from 'convert';
+import type {
+	ChartAxisConfig,
+	ChartNumberFormatConfig,
+	ChartSeriesConfig,
+	ChartType,
+	ChartUnitConfig,
+	ChartWidgetOptions,
+} from '../models/saved-query';
+
+export const DEFAULT_COLOR_PALETTE = [
+	'rgba(99, 102, 241, 0.8)',
+	'rgba(168, 85, 247, 0.8)',
+	'rgba(236, 72, 153, 0.8)',
+	'rgba(244, 63, 94, 0.8)',
+	'rgba(251, 146, 60, 0.8)',
+	'rgba(234, 179, 8, 0.8)',
+	'rgba(34, 197, 94, 0.8)',
+	'rgba(6, 182, 212, 0.8)',
+	'rgba(59, 130, 246, 0.8)',
+	'rgba(139, 92, 246, 0.8)',
+];
+
+export function formatChartValue(
+	value: number,
+	units?: ChartUnitConfig,
+	numberFormat?: ChartNumberFormatConfig,
+): string {
+	// Smart unit conversion using the `convert` package
+	if (units?.convert_unit) {
+		try {
+			const best = convert(value, units.convert_unit as Parameters<typeof convert>[1]).to('best');
+			const quantity = parseFloat(best.quantity.toFixed(2));
+			return `${quantity} ${best.unit}`;
+		} catch {
+			// Fall through to manual formatting if unit is invalid
+		}
+	}
+
+	let formatted: string;
+
+	if (numberFormat?.compact) {
+		formatted = compactNumber(value);
+	} else {
+		formatted = new Intl.NumberFormat(undefined, {
+			minimumFractionDigits: numberFormat?.decimal_places,
+			maximumFractionDigits: numberFormat?.decimal_places,
+			useGrouping: numberFormat?.thousands_separator ?? true,
+		}).format(value);
+	}
+
+	if (!units?.text) return formatted;
+	return units.position === 'prefix' ? `${units.text}${formatted}` : `${formatted}${units.text}`;
+}
+
+function compactNumber(value: number): string {
+	const abs = Math.abs(value);
+	if (abs >= 1e9) return (value / 1e9).toFixed(1).replace(/\.0$/, '') + 'B';
+	if (abs >= 1e6) return (value / 1e6).toFixed(1).replace(/\.0$/, '') + 'M';
+	if (abs >= 1e3) return (value / 1e3).toFixed(1).replace(/\.0$/, '') + 'K';
+	return String(value);
+}
+
+function solidColor(rgba: string | undefined): string {
+	return (rgba ?? '').replace('0.8)', '1)');
+}
+
+function parseDate(value: unknown): Date | null {
+	if (!value) return null;
+	try {
+		const date = new Date(value as string | number | Date);
+		return isNaN(date.getTime()) ? null : date;
+	} catch {
+		return null;
+	}
+}
+
+function extractNumericValue(val: unknown): number {
+	return typeof val === 'number' ? val : parseFloat(String(val)) || 0;
+}
+
+function sortData(
+	data: Record<string, unknown>[],
+	sortBy: string,
+	labelColumn: string,
+	valueColumn?: string,
+): Record<string, unknown>[] {
+	const sorted = [...data];
+	switch (sortBy) {
+		case 'label_asc':
+			sorted.sort((a, b) => String(a[labelColumn] ?? '').localeCompare(String(b[labelColumn] ?? '')));
+			break;
+		case 'label_desc':
+			sorted.sort((a, b) => String(b[labelColumn] ?? '').localeCompare(String(a[labelColumn] ?? '')));
+			break;
+		case 'value_asc':
+			if (valueColumn) {
+				sorted.sort((a, b) => extractNumericValue(a[valueColumn]) - extractNumericValue(b[valueColumn]));
+			}
+			break;
+		case 'value_desc':
+			if (valueColumn) {
+				sorted.sort((a, b) => extractNumericValue(b[valueColumn]) - extractNumericValue(a[valueColumn]));
+			}
+			break;
+	}
+	return sorted;
+}
+
+function buildPivotedChartData(
+	rawData: Record<string, unknown>[],
+	options: ChartWidgetOptions,
+): ChartData<ChartJsType> | null {
+	const palette = options.color_palette ?? DEFAULT_COLOR_PALETTE;
+	const labelColumn = options.label_column;
+	const seriesColumn = options.series_column!;
+	const valueColumn = options.value_column!;
+	const labelType = options.label_type ?? 'values';
+	const useTimeScale = labelType === 'datetime';
+
+	// Pre-process data: sort and limit
+	let processedData = [...rawData];
+	if (options.sort_by && options.sort_by !== 'none') {
+		processedData = sortData(processedData, options.sort_by, labelColumn, valueColumn);
+	}
+	if (options.limit) {
+		processedData = processedData.slice(0, options.limit);
+	}
+
+	// Extract unique labels preserving first-appearance order
+	const labelSet = new Set<string>();
+	const seriesSet = new Set<string>();
+	for (const row of processedData) {
+		labelSet.add(String(row[labelColumn] ?? ''));
+		seriesSet.add(String(row[seriesColumn] ?? ''));
+	}
+	const labels = Array.from(labelSet);
+	const seriesValues = Array.from(seriesSet);
+
+	// Build lookup: label -> seriesValue -> sum
+	const lookup = new Map<string, Map<string, number>>();
+	for (const row of processedData) {
+		const label = String(row[labelColumn] ?? '');
+		const series = String(row[seriesColumn] ?? '');
+		const value = extractNumericValue(row[valueColumn]);
+		if (!lookup.has(label)) lookup.set(label, new Map());
+		const inner = lookup.get(label)!;
+		inner.set(series, (inner.get(series) ?? 0) + value);
+	}
+
+	if (useTimeScale) {
+		const datasets = seriesValues.map((sv, i) => {
+			const color = palette[i % palette.length];
+			const dataPoints = labels
+				.map((label) => {
+					const date = parseDate(label);
+					if (!date) return null;
+					return {
+						x: date.getTime(),
+						y: lookup.get(label)?.get(sv) ?? 0,
+					};
+				})
+				.filter((p): p is { x: number; y: number } => p !== null)
+				.sort((a, b) => a.x - b.x);
+
+			return {
+				label: sv,
+				data: dataPoints,
+				backgroundColor: color,
+				borderColor: solidColor(color),
+				borderWidth: 1,
+				fill: false,
+				tension: 0,
+			};
+		});
+		return { datasets };
+	}
+
+	// Categorical scale
+	const datasets = seriesValues.map((sv, i) => {
+		const color = palette[i % palette.length];
+		const values = labels.map((label) => lookup.get(label)?.get(sv) ?? 0);
+		return {
+			label: sv,
+			data: values,
+			backgroundColor: color,
+			borderColor: solidColor(color),
+			borderWidth: 1,
+		};
+	});
+
+	return { labels, datasets };
+}
+
+export function buildChartData(
+	rawData: Record<string, unknown>[],
+	chartType: ChartType,
+	options: ChartWidgetOptions,
+): ChartData<ChartJsType> | null {
+	if (!rawData.length) return null;
+
+	const isPieType = ['pie', 'doughnut', 'polarArea'].includes(chartType);
+
+	// Pivot mode: series_column is set with a value_column (not for pie types)
+	if (options.series_column && options.value_column && !isPieType) {
+		return buildPivotedChartData(rawData, options);
+	}
+
+	const palette = options.color_palette ?? DEFAULT_COLOR_PALETTE;
+	const labelType = options.label_type ?? 'values';
+	const useTimeScale = labelType === 'datetime' && !isPieType;
+	const labelColumn = options.label_column;
+
+	if (!labelColumn) return null;
+
+	// Resolve series
+	const seriesConfigs: ChartSeriesConfig[] = options.series?.length
+		? options.series
+		: options.value_column
+			? [{ value_column: options.value_column }]
+			: [];
+
+	if (!seriesConfigs.length) return null;
+
+	// Pre-process data: sort and limit
+	let processedData = [...rawData];
+	if (options.sort_by && options.sort_by !== 'none') {
+		processedData = sortData(processedData, options.sort_by, labelColumn, seriesConfigs[0]?.value_column);
+	}
+	if (options.limit) {
+		processedData = processedData.slice(0, options.limit);
+	}
+
+	if (useTimeScale) {
+		const datasets = seriesConfigs.map((s, i) => {
+			const color = s.color ?? palette[i % palette.length];
+			const dataPoints = processedData
+				.map((row) => {
+					const date = parseDate(row[labelColumn]);
+					if (!date) return null;
+					return {
+						x: date.getTime(),
+						y: extractNumericValue(row[s.value_column]),
+					};
+				})
+				.filter((point): point is { x: number; y: number } => point !== null)
+				.sort((a, b) => a.x - b.x);
+
+			return {
+				label: s.label ?? s.value_column,
+				data: dataPoints,
+				backgroundColor: color,
+				borderColor: solidColor(color),
+				borderWidth: 1,
+				fill: s.fill ?? false,
+				tension: s.tension ?? 0,
+				pointStyle:
+					s.point_style === 'none'
+						? ('circle' as const)
+						: ((s.point_style ?? 'circle') as 'circle' | 'rect' | 'triangle' | 'cross'),
+				pointRadius: s.point_style === 'none' ? 0 : undefined,
+				spanGaps: false,
+				type: s.type as ChartJsType | undefined,
+			};
+		});
+
+		return { datasets };
+	}
+
+	// Categorical scale
+	const labels = processedData.map((row) => String(row[labelColumn] ?? ''));
+
+	if (isPieType) {
+		// Pie/doughnut/polarArea: single dataset with per-slice colors
+		const s = seriesConfigs[0];
+		if (!s) return { labels, datasets: [] };
+		const values = processedData.map((row) => extractNumericValue(row[s.value_column]));
+		const sliceColors = s.colors ?? palette.slice(0, values.length);
+		const borderColors = sliceColors.map((c) => solidColor(c));
+
+		// If palette is shorter than values, cycle
+		const bgColors = values.map((_, i) => sliceColors[i % sliceColors.length]);
+		const bdColors = values.map((_, i) => borderColors[i % borderColors.length]);
+
+		return {
+			labels,
+			datasets: [
+				{
+					label: s.label ?? s.value_column,
+					data: values,
+					backgroundColor: bgColors,
+					borderColor: bdColors,
+					borderWidth: 1,
+				},
+			],
+		};
+	}
+
+	// Bar/line: multi-series
+	const datasets = seriesConfigs.map((s, i) => {
+		const color = s.color ?? palette[i % palette.length];
+		const values = processedData.map((row) => extractNumericValue(row[s.value_column]));
+
+		return {
+			label: s.label ?? s.value_column,
+			data: values,
+			backgroundColor: color,
+			borderColor: solidColor(color),
+			borderWidth: 1,
+			fill: s.fill ?? false,
+			tension: s.tension ?? 0,
+			pointStyle:
+				s.point_style === 'none'
+					? ('circle' as const)
+					: ((s.point_style ?? 'circle') as 'circle' | 'rect' | 'triangle' | 'cross'),
+			pointRadius: s.point_style === 'none' ? 0 : undefined,
+			type: s.type as ChartJsType | undefined,
+		};
+	});
+
+	return { labels, datasets };
+}
+
+function buildAxisConfig(
+	axisConfig: ChartAxisConfig | undefined,
+	defaults?: { beginAtZero?: boolean },
+): Record<string, unknown> {
+	const config: Record<string, unknown> = {};
+
+	if (axisConfig?.title) {
+		config['title'] = { display: true, text: axisConfig.title };
+	}
+	if (axisConfig?.min !== undefined) {
+		config['min'] = axisConfig.min;
+	}
+	if (axisConfig?.max !== undefined) {
+		config['max'] = axisConfig.max;
+	}
+
+	const beginAtZero = axisConfig?.begin_at_zero ?? defaults?.beginAtZero;
+	if (beginAtZero !== undefined) {
+		config['beginAtZero'] = beginAtZero;
+	}
+
+	if (axisConfig?.scale_type === 'logarithmic') {
+		config['type'] = 'logarithmic';
+	}
+
+	return config;
+}
+
+export function buildChartOptions(chartType: ChartType, options: ChartWidgetOptions): ChartConfiguration['options'] {
+	const isPieType = ['pie', 'doughnut', 'polarArea'].includes(chartType);
+	const labelType = options.label_type ?? 'values';
+	const useTimeScale = labelType === 'datetime' && !isPieType;
+
+	const seriesConfigs: ChartSeriesConfig[] = options.series?.length
+		? options.series
+		: options.value_column
+			? [{ value_column: options.value_column }]
+			: [];
+
+	const globalUnits = options.units;
+	const globalFormat = options.number_format;
+
+	const chartOptions: ChartConfiguration['options'] = {
+		responsive: true,
+		maintainAspectRatio: false,
+		plugins: {
+			legend: {
+				display: options.legend?.show ?? true,
+				position: options.legend?.position ?? 'top',
+			},
+			tooltip: {
+				callbacks: {
+					label: (context) => {
+						const seriesIndex = context.datasetIndex ?? 0;
+						const seriesConfig = options.series_column ? undefined : seriesConfigs[seriesIndex];
+						const units = seriesConfig?.units ?? globalUnits;
+						const numFormat = seriesConfig?.number_format ?? globalFormat;
+						const raw = context.parsed?.y ?? context.parsed ?? context.raw;
+						const value =
+							typeof raw === 'number'
+								? raw
+								: typeof raw === 'object' && raw !== null
+									? ((raw as { y?: number }).y ?? 0)
+									: 0;
+						const label = context.dataset.label ?? '';
+						const formatted = formatChartValue(value, units, numFormat);
+						return `${label}: ${formatted}`;
+					},
+				},
+			},
+		},
+	};
+
+	if (!isPieType) {
+		(chartOptions as Record<string, unknown>)['indexAxis'] = options.horizontal ? 'y' : 'x';
+	}
+
+	// Scales for non-pie types
+	if (!isPieType) {
+		const scales: Record<string, unknown> = {};
+
+		if (useTimeScale) {
+			scales['x'] = {
+				type: 'time',
+				time: {
+					tooltipFormat: 'MMM d, yyyy',
+					displayFormats: {
+						day: 'MMM d',
+						week: 'MMM d',
+						month: 'MMM yyyy',
+						year: 'yyyy',
+					},
+				},
+				...buildAxisConfig(options.x_axis),
+				...(options.stacked ? { stacked: true } : {}),
+			};
+		} else {
+			const xConfig = buildAxisConfig(options.x_axis);
+			scales['x'] = {
+				...xConfig,
+				...(options.stacked ? { stacked: true } : {}),
+			};
+		}
+
+		const yConfig = buildAxisConfig(options.y_axis, { beginAtZero: true });
+		scales['y'] = {
+			...yConfig,
+			...(options.stacked ? { stacked: true } : {}),
+		};
+
+		// Tick formatting for value axis
+		const tickAxis = options.horizontal ? 'x' : 'y';
+		if (globalUnits || globalFormat) {
+			const axisObj = scales[tickAxis] as Record<string, unknown>;
+			axisObj['ticks'] = {
+				callback: (tickValue: string | number) => {
+					const value = typeof tickValue === 'number' ? tickValue : parseFloat(tickValue);
+					return formatChartValue(value, globalUnits, globalFormat);
+				},
+			};
+		}
+
+		(chartOptions as Record<string, unknown>)['scales'] = scales;
+	}
+
+	return chartOptions;
+}
+
+export function buildDataLabelsPlugin(options: ChartWidgetOptions): Plugin {
+	const globalUnits = options.units;
+	const globalFormat = options.number_format;
+
+	const seriesConfigs: ChartSeriesConfig[] = options.series?.length
+		? options.series
+		: options.value_column
+			? [{ value_column: options.value_column }]
+			: [];
+
+	return {
+		id: 'customDataLabels',
+		afterDatasetsDraw(chart) {
+			if (!options.show_data_labels) return;
+
+			const { ctx } = chart;
+			ctx.save();
+			ctx.font = '11px sans-serif';
+			ctx.textAlign = 'center';
+			ctx.textBaseline = 'bottom';
+
+			chart.data.datasets.forEach((dataset, datasetIndex) => {
+				const meta = chart.getDatasetMeta(datasetIndex);
+				const seriesConfig = options.series_column ? undefined : seriesConfigs[datasetIndex];
+				const units = seriesConfig?.units ?? globalUnits;
+				const numFormat = seriesConfig?.number_format ?? globalFormat;
+
+				meta.data.forEach((element, index) => {
+					const raw = dataset.data[index];
+					let value: number;
+					if (typeof raw === 'number') {
+						value = raw;
+					} else if (raw && typeof raw === 'object' && 'y' in raw) {
+						value = (raw as { y: number }).y;
+					} else {
+						return;
+					}
+
+					const formatted = formatChartValue(value, units, numFormat);
+					const { x, y } = element.tooltipPosition(false);
+					if (x === null || y === null) return;
+					ctx.fillStyle = '#666';
+					ctx.fillText(formatted, x, y - 5);
+				});
+			});
+
+			ctx.restore();
+		},
+	};
+}
+
+export function getMappedChartType(chartType: ChartType, options: ChartWidgetOptions): ChartJsType {
+	// For mixed charts, the base type is used but individual datasets may override
+	const hasMixedTypes = options.series?.some((s) => s.type) ?? false;
+	if (hasMixedTypes) {
+		// Use 'bar' as base for mixed charts - individual series override via dataset.type
+		return 'bar' as ChartJsType;
+	}
+	return chartType as ChartJsType;
+}
diff --git a/frontend-vue/src/lib/connection-theme.spec.ts b/frontend-vue/src/lib/connection-theme.spec.ts
new file mode 100644
index 000000000..9ecbbbacc
--- /dev/null
+++ b/frontend-vue/src/lib/connection-theme.spec.ts
@@ -0,0 +1,28 @@
+import { afterEach, describe, expect, it } from 'vitest';
+import { applyConnectionAccent, CONNECTION_ACCENT_TOKENS, resetConnectionAccent } from './connection-theme';
+
+describe('connection accent', () => {
+	const root = document.documentElement;
+
+	afterEach(() => root.removeAttribute('style'));
+
+	it('overrides the accent tokens inline, deriving ink and hot from the colour', () => {
+		expect(applyConnectionAccent('#654321')).toBe(true);
+		expect(root.style.getPropertyValue('--color-accent')).toBe('#654321');
+		expect(root.style.getPropertyValue('--color-accent-ink')).toContain('#654321');
+		expect(root.style.getPropertyValue('--color-hot')).toContain('#654321');
+	});
+
+	it.each([null, undefined, '', '  '])('resets the override for %j', (color) => {
+		applyConnectionAccent('#654321');
+		expect(applyConnectionAccent(color)).toBe(false);
+		for (const token of CONNECTION_ACCENT_TOKENS) expect(root.style.getPropertyValue(token)).toBe('');
+	});
+
+	it('leaves unrelated inline styles alone when resetting', () => {
+		root.style.setProperty('--color-ink', 'black');
+		applyConnectionAccent('#654321');
+		resetConnectionAccent();
+		expect(root.style.getPropertyValue('--color-ink')).toBe('black');
+	});
+});
diff --git a/frontend-vue/src/lib/connection-theme.ts b/frontend-vue/src/lib/connection-theme.ts
new file mode 100644
index 000000000..a11bc22f7
--- /dev/null
+++ b/frontend-vue/src/lib/connection-theme.ts
@@ -0,0 +1,40 @@
+// Replaces NgxThemeService.updateColors as ConnectionsService used it: a connection can carry a
+// custom accent (`connectionProperties.secondary_color`). The Material palette generator is gone,
+// so the colour overrides the semantic accent tokens from theme.css inline on <html>; without one
+// the inline override is removed and the theme.css defaults apply again.
+//
+// `primary_color` is not mapped: the design system has no primary-brand surface to recolour.
+
+/** The tokens a connection's accent overrides. Everything else in theme.css is left alone. */
+export const CONNECTION_ACCENT_TOKENS = ['--color-accent', '--color-accent-ink', '--color-hot'] as const;
+
+/**
+ * Applies `color` as the accent, deriving the darker ink (text and pressed states on the accent)
+ * and the light "hot" tint the same way theme.css pairs blue-600 with blue-700 and blue-300.
+ * Returns whether a custom accent is now active; an empty or invalid colour resets instead.
+ */
+export function applyConnectionAccent(
+	color: string | null | undefined,
+	root: HTMLElement = document.documentElement,
+): boolean {
+	const accent = color?.trim();
+	if (!accent || !isValidColor(accent)) {
+		resetConnectionAccent(root);
+		return false;
+	}
+	root.style.setProperty('--color-accent', accent);
+	root.style.setProperty('--color-accent-ink', `color-mix(in oklab, ${accent} 80%, black)`);
+	root.style.setProperty('--color-hot', `color-mix(in oklab, ${accent} 45%, white)`);
+	return true;
+}
+
+export function resetConnectionAccent(root: HTMLElement = document.documentElement): void {
+	for (const token of CONNECTION_ACCENT_TOKENS) root.style.removeProperty(token);
+}
+
+// The value comes from the backend; refuse anything that isn't a colour rather than writing an
+// arbitrary string into a custom property. jsdom has no CSS.supports, so tests accept everything.
+function isValidColor(value: string): boolean {
+	if (typeof CSS === 'undefined' || typeof CSS.supports !== 'function') return true;
+	return CSS.supports('color', value);
+}
diff --git a/frontend-vue/src/lib/format-field-value.ts b/frontend-vue/src/lib/format-field-value.ts
new file mode 100644
index 000000000..e8e7c2f9b
--- /dev/null
+++ b/frontend-vue/src/lib/format-field-value.ts
@@ -0,0 +1,31 @@
+import { format } from 'date-fns';
+
+// biome-ignore lint/suspicious/noExplicitAny: cell values of any database type
+export function formatFieldValue(value: any, type: string) {
+	const dateTimeTypes = [
+		'timestamp without time zone',
+		'timestamp with time zone',
+		'abstime',
+		'realtime',
+		'datetime',
+		'timestamp',
+	];
+
+	if (value && type === 'time') {
+		return value;
+	} else if (value && type === 'date') {
+		const datetimeValue = new Date(value);
+		return format(datetimeValue, 'P');
+	} else if (value && dateTimeTypes.includes(type)) {
+		const datetimeValue = new Date(value);
+		return format(datetimeValue, 'P p');
+	} else if (type === 'boolean') {
+		if (value || value === 1) return true;
+		else if (value === false || value === 0) return false;
+		else return '—';
+	} else if (type === 'json' || type === 'jsonb' || type === 'object' || type === 'array' || type === 'interval') {
+		return JSON.stringify(value);
+	}
+
+	return value;
+}
diff --git a/frontend-vue/src/lib/monitoring.ts b/frontend-vue/src/lib/monitoring.ts
new file mode 100644
index 000000000..93d6a1e0d
--- /dev/null
+++ b/frontend-vue/src/lib/monitoring.ts
@@ -0,0 +1,40 @@
+// Error tracking and analytics, ported from frontend/src/main.ts, app.component.ts and
+// posthog.service.ts:
+// - Sentry: SaaS builds only.
+// - PostHog: SaaS production builds only.
+// - Amplitude: every build, page views on each navigation (Angulartics2Amplitude.startTracking).
+import * as Sentry from '@sentry/vue';
+import amplitude from 'amplitude-js';
+import posthog from 'posthog-js';
+import type { App } from 'vue';
+import type { Router } from 'vue-router';
+import { environment } from '@/environment';
+
+const SENTRY_DSN = 'https://4d774c4c2c8a8f733cb4d43599cc0dc6@o4506084700389376.ingest.sentry.io/4506084702486528';
+const POSTHOG_KEY = 'phc_VPnWHIMj9UjhRLPr7shATjgL0J4KrWWOHkK3JwZbnkw';
+const AMPLITUDE_KEY = '9afd282be91f94da735c11418d5ff4f5';
+
+export function initMonitoring(app: App, router: Router): void {
+	if (environment.saas) {
+		Sentry.init({
+			app,
+			dsn: SENTRY_DSN,
+			integrations: [Sentry.browserTracingIntegration({ router })],
+			tracePropagationTargets: ['localhost', /^https:\/\/app\.rocketadmin\.com\/api/],
+			tracesSampleRate: 1.0,
+			replaysSessionSampleRate: 0.1,
+			replaysOnErrorSampleRate: 1.0,
+		});
+	}
+
+	if (environment.saas && environment.production) {
+		posthog.init(POSTHOG_KEY, { api_host: 'https://us.i.posthog.com', defaults: '2025-11-30' });
+	}
+
+	// Some third-party snippets in index.saas.html expect the global.
+	(window as unknown as { amplitude: typeof amplitude }).amplitude = amplitude;
+	amplitude.getInstance().init(AMPLITUDE_KEY);
+	router.afterEach((to) => {
+		amplitude.getInstance().logEvent('Pageview', { url: to.fullPath });
+	});
+}
diff --git a/frontend-vue/src/lib/normalize.spec.ts b/frontend-vue/src/lib/normalize.spec.ts
new file mode 100644
index 000000000..9a9a10233
--- /dev/null
+++ b/frontend-vue/src/lib/normalize.spec.ts
@@ -0,0 +1,24 @@
+import { describe, expect, it } from 'vitest';
+import { normalizeFieldName, normalizeTableName } from './normalize';
+
+describe('Normalize function', () => {
+	it('should modify name', () => {
+		const normalizedName = normalizeTableName('TABLE_USER');
+		expect(normalizedName).toEqual('Table Users');
+	});
+
+	it('should pluralise name', () => {
+		const normalizedName = normalizeTableName('USER');
+		expect(normalizedName).toEqual('Users');
+	});
+
+	it('normalize camel case and capitalize', () => {
+		const normalizedName = normalizeFieldName('affiliateStripeNumber');
+		expect(normalizedName).toEqual('Affiliate stripe number');
+	});
+
+	it('normalize camel case, capitalize and uppercase acronyms', () => {
+		const normalizedName = normalizeFieldName('affiliateStripeId');
+		expect(normalizedName).toEqual('Affiliate stripe ID');
+	});
+});
diff --git a/frontend-vue/src/lib/normalize.ts b/frontend-vue/src/lib/normalize.ts
new file mode 100644
index 000000000..e1d5c9f14
--- /dev/null
+++ b/frontend-vue/src/lib/normalize.ts
@@ -0,0 +1,20 @@
+import { camelCase, capitalize, startCase } from 'lodash-es';
+import pluralize from 'pluralize';
+import acronyms from '../consts/acronyms';
+
+export function normalizeTableName(tableName: string) {
+	return pluralize(startCase(camelCase(tableName)));
+}
+
+export function normalizeFieldName(fieldName: string) {
+	const setOfAcronyms = new Set(acronyms);
+	const setOfWords = capitalize(startCase(camelCase(fieldName))).split(' ');
+
+	for (let [index, word] of setOfWords.entries()) {
+		const upperCasedWord = word.toUpperCase();
+		if (setOfAcronyms.has(upperCasedWord)) {
+			setOfWords[index] = upperCasedWord;
+		}
+	}
+	return setOfWords.join(' ');
+}
diff --git a/frontend-vue/src/lib/parse-filter-params.spec.ts b/frontend-vue/src/lib/parse-filter-params.spec.ts
new file mode 100644
index 000000000..c664f2f24
--- /dev/null
+++ b/frontend-vue/src/lib/parse-filter-params.spec.ts
@@ -0,0 +1,36 @@
+import { describe, expect, it } from 'vitest';
+import { getComparatorsFromUrl, getFiltersFromUrl } from './parse-filter-params';
+
+const queryParams = {
+	first_name: {
+		contains: 'sh',
+	},
+	age: {
+		gt: 25,
+	},
+	city: {
+		startswith: 'A',
+	},
+};
+
+describe('Parse filter params', () => {
+	it('should return filters from queryParams', () => {
+		const filters = getFiltersFromUrl(queryParams);
+
+		expect(filters).toEqual({
+			first_name: 'sh',
+			age: 25,
+			city: 'A',
+		});
+	});
+
+	it('should return comparators from queryParams', () => {
+		const comparators = getComparatorsFromUrl(queryParams);
+
+		expect(comparators).toEqual({
+			first_name: 'contains',
+			age: 'gt',
+			city: 'startswith',
+		});
+	});
+});
diff --git a/frontend-vue/src/lib/parse-filter-params.ts b/frontend-vue/src/lib/parse-filter-params.ts
new file mode 100644
index 000000000..ff516c064
--- /dev/null
+++ b/frontend-vue/src/lib/parse-filter-params.ts
@@ -0,0 +1,17 @@
+type FilterQueryParams = Record<string, Record<string, unknown>>;
+
+export function getFiltersFromUrl(queryParams: FilterQueryParams) {
+	const filters: Record<string, unknown> = {};
+	for (const key in queryParams) {
+		filters[key] = Object.values(queryParams[key] ?? {})[0];
+	}
+	return filters;
+}
+
+export function getComparatorsFromUrl(queryParams: FilterQueryParams) {
+	const comparators: Record<string, string | undefined> = {};
+	for (const key in queryParams) {
+		comparators[key] = Object.keys(queryParams[key] ?? {})[0];
+	}
+	return comparators;
+}
diff --git a/frontend-vue/src/lib/permission-display.spec.ts b/frontend-vue/src/lib/permission-display.spec.ts
new file mode 100644
index 000000000..9e6863567
--- /dev/null
+++ b/frontend-vue/src/lib/permission-display.spec.ts
@@ -0,0 +1,81 @@
+import { describe, expect, it } from 'vitest';
+import { actionIcon, actionLabel, actionShortLabel, groupNameForAction } from './permission-display';
+
+describe('permission-display', () => {
+	describe('actionLabel', () => {
+		it('formats simple verbs', () => {
+			expect(actionLabel('connection:read')).toBe('Connection read');
+			expect(actionLabel('connection:edit')).toBe('Connection edit');
+			expect(actionLabel('table:add')).toBe('Table add');
+			expect(actionLabel('table:delete')).toBe('Table delete');
+		});
+
+		it('preserves acronyms in hyphenated verbs', () => {
+			expect(actionLabel('table:ai-request')).toBe('Table AI request');
+		});
+
+		it('formats camelCase prefixes', () => {
+			expect(actionLabel('actionEvent:trigger')).toBe('Action event trigger');
+		});
+
+		it('formats wildcards', () => {
+			expect(actionLabel('*')).toBe('Full access (all permissions)');
+			expect(actionLabel('table:*')).toBe('Full table access');
+			expect(actionLabel('dashboard:*')).toBe('Full dashboard access');
+			expect(actionLabel('panel:*')).toBe('Full panel access');
+		});
+	});
+
+	describe('actionShortLabel', () => {
+		it('returns verb-only short labels', () => {
+			expect(actionShortLabel('connection:read')).toBe('Read');
+			expect(actionShortLabel('table:edit')).toBe('Edit');
+			expect(actionShortLabel('actionEvent:trigger')).toBe('Trigger');
+			expect(actionShortLabel('table:ai-request')).toBe('AI request');
+		});
+
+		it('returns "Full access" for wildcards', () => {
+			expect(actionShortLabel('*')).toBe('Full access');
+			expect(actionShortLabel('table:*')).toBe('Full access');
+			expect(actionShortLabel('panel:*')).toBe('Full access');
+		});
+	});
+
+	describe('groupNameForAction', () => {
+		it('maps known prefixes', () => {
+			expect(groupNameForAction('connection:read')).toBe('Connection');
+			expect(groupNameForAction('group:edit')).toBe('Group');
+			expect(groupNameForAction('table:read')).toBe('Table');
+			expect(groupNameForAction('actionEvent:trigger')).toBe('ActionEvent');
+			expect(groupNameForAction('dashboard:read')).toBe('Dashboard');
+			expect(groupNameForAction('panel:read')).toBe('Panel');
+		});
+
+		it('falls back to capitalized prefix for unknown actions', () => {
+			expect(groupNameForAction('foo:bar')).toBe('Foo');
+		});
+	});
+
+	describe('actionIcon', () => {
+		it('maps known verbs', () => {
+			expect(actionIcon('connection:read')).toBe('visibility');
+			expect(actionIcon('table:edit')).toBe('edit');
+			expect(actionIcon('table:add')).toBe('add_circle');
+			expect(actionIcon('dashboard:create')).toBe('add_circle');
+			expect(actionIcon('table:delete')).toBe('delete');
+			expect(actionIcon('actionEvent:trigger')).toBe('play_arrow');
+			expect(actionIcon('connection:diagram')).toBe('schema');
+			expect(actionIcon('table:ai-request')).toBe('auto_awesome');
+		});
+
+		it('returns shield for wildcards', () => {
+			expect(actionIcon('*')).toBe('shield');
+			expect(actionIcon('table:*')).toBe('shield');
+			expect(actionIcon('dashboard:*')).toBe('shield');
+		});
+
+		it('falls back for unknown verbs', () => {
+			expect(actionIcon('foo:bar')).toBe('help_outline');
+		});
+	});
+});
diff --git a/frontend-vue/src/lib/permission-display.ts b/frontend-vue/src/lib/permission-display.ts
new file mode 100644
index 000000000..d631ec50f
--- /dev/null
+++ b/frontend-vue/src/lib/permission-display.ts
@@ -0,0 +1,80 @@
+const PREFIX_TO_LABEL: Record<string, string> = {
+	connection: 'Connection',
+	group: 'Group',
+	table: 'Table',
+	actionEvent: 'Action event',
+	dashboard: 'Dashboard',
+	panel: 'Panel',
+};
+
+const PREFIX_TO_GROUP_NAME: Record<string, string> = {
+	connection: 'Connection',
+	group: 'Group',
+	table: 'Table',
+	actionEvent: 'ActionEvent',
+	dashboard: 'Dashboard',
+	panel: 'Panel',
+};
+
+export const PERMISSION_GROUP_ORDER = ['Connection', 'Group', 'Table', 'ActionEvent', 'Dashboard', 'Panel'];
+
+export function groupNameForAction(value: string): string {
+	const prefix = value.split(':')[0] ?? '';
+	return PREFIX_TO_GROUP_NAME[prefix] ?? capitalize(prefix);
+}
+
+const VERB_TO_ICON: Record<string, string> = {
+	read: 'visibility',
+	edit: 'edit',
+	add: 'add_circle',
+	create: 'add_circle',
+	delete: 'delete',
+	trigger: 'play_arrow',
+	diagram: 'schema',
+	'ai-request': 'auto_awesome',
+};
+
+// Verb display overrides used inside labels (lowercase context).
+// e.g. `actionLabel('table:ai-request')` → 'Table AI request'.
+const VERB_DISPLAY_OVERRIDE: Record<string, string> = {
+	'ai-request': 'AI request',
+};
+
+const FALLBACK_ICON = 'help_outline';
+const WILDCARD_ICON = 'shield';
+
+export function actionLabel(value: string): string {
+	if (value === '*') return 'Full access (all permissions)';
+	const [prefix = '', verb = ''] = value.split(':');
+	const prefixLabel = PREFIX_TO_LABEL[prefix] ?? capitalize(prefix);
+	if (verb === '*') return `Full ${prefixLabel.toLowerCase()} access`;
+	if (!verb) return prefixLabel;
+	return `${prefixLabel} ${verbInLabel(verb)}`;
+}
+
+export function actionShortLabel(value: string): string {
+	if (value === '*') return 'Full access';
+	const verb = value.split(':')[1] ?? '';
+	if (verb === '*' || verb === '') return 'Full access';
+	return capitalize(verbInLabel(verb));
+}
+
+export function actionIcon(value: string): string {
+	if (value === '*') return WILDCARD_ICON;
+	const verb = value.split(':')[1] ?? '';
+	if (verb === '*') return WILDCARD_ICON;
+	return VERB_TO_ICON[verb] ?? FALLBACK_ICON;
+}
+
+// Returns the verb as it should appear inside a sentence-case label
+// (e.g. inside "Connection read"). For short labels, capitalize the first letter
+// of the result.
+function verbInLabel(verb: string): string {
+	const override = VERB_DISPLAY_OVERRIDE[verb];
+	if (override) return override;
+	return verb.split('-').join(' ');
+}
+
+function capitalize(text: string): string {
+	return text ? text.charAt(0).toUpperCase() + text.slice(1) : text;
+}
diff --git a/frontend-vue/src/lib/setup-table-row-structure.spec.ts b/frontend-vue/src/lib/setup-table-row-structure.spec.ts
new file mode 100644
index 000000000..8a810c70e
--- /dev/null
+++ b/frontend-vue/src/lib/setup-table-row-structure.spec.ts
@@ -0,0 +1,96 @@
+import { describe, expect, it } from 'vitest';
+import { getTableTypes } from './setup-table-row-structure';
+
+const fakeProduct_categories = {
+	column_name: 'product_categories',
+	column_default: null,
+	data_type: 'enum',
+	data_type_params: ['food', 'drinks', 'cleaning'],
+	isExcluded: false,
+	isSearched: false,
+	auto_increment: false,
+	allow_null: true,
+	character_maximum_length: 1,
+};
+
+const fakeCustomer_categories = {
+	column_name: 'customer_categories',
+	column_default: null,
+	data_type: 'enum',
+	data_type_params: ['manager', 'seller'],
+	isExcluded: false,
+	isSearched: false,
+	auto_increment: false,
+	allow_null: true,
+	character_maximum_length: 1,
+};
+
+const fakeCustomerId = {
+	column_name: 'CustomerId',
+	column_default: null,
+	data_type: 'int',
+	isExcluded: false,
+	isSearched: true,
+	auto_increment: false,
+	allow_null: false,
+	character_maximum_length: null,
+};
+
+const fakeProductId = {
+	column_name: 'ProductId',
+	column_default: null,
+	data_type: 'int',
+	isExcluded: false,
+	isSearched: true,
+	auto_increment: false,
+	allow_null: false,
+	character_maximum_length: null,
+};
+
+const fakeBool = {
+	column_name: 'bool',
+	column_default: null,
+	data_type: 'tinyint',
+	isExcluded: false,
+	isSearched: false,
+	auto_increment: false,
+	allow_null: true,
+	character_maximum_length: 1,
+};
+
+const fakeFloat = {
+	column_name: 'float',
+	column_default: null,
+	data_type: 'float',
+	isExcluded: false,
+	isSearched: false,
+	auto_increment: false,
+	allow_null: true,
+	character_maximum_length: 102,
+};
+
+const fakeStructure = [
+	fakeProduct_categories,
+	fakeCustomer_categories,
+	fakeCustomerId,
+	fakeProductId,
+	fakeBool,
+	fakeFloat,
+];
+
+const fakeForeignKeysList = ['CustomerId', 'ProductId'];
+
+describe('Normalize function', () => {
+	it('should return comparator of filter', () => {
+		const tableTypes = getTableTypes(fakeStructure, fakeForeignKeysList);
+
+		expect(tableTypes).toEqual({
+			product_categories: 'enum',
+			customer_categories: 'enum',
+			CustomerId: 'foreign key',
+			ProductId: 'foreign key',
+			bool: 'boolean',
+			float: 'float',
+		});
+	});
+});
diff --git a/frontend-vue/src/lib/setup-table-row-structure.ts b/frontend-vue/src/lib/setup-table-row-structure.ts
new file mode 100644
index 000000000..c186db53c
--- /dev/null
+++ b/frontend-vue/src/lib/setup-table-row-structure.ts
@@ -0,0 +1,18 @@
+import type { TableField } from '../models/table';
+
+export function getTableTypes(structure: TableField[], foreignKeysList: string[]) {
+	if (!structure || !Array.isArray(structure) || structure.length === 0) {
+		return {};
+	}
+
+	const tableTypes = Object.assign(
+		{},
+		...structure.map((field: TableField) => {
+			if (field.data_type === 'tinyint' && field.character_maximum_length === 1)
+				return { [field.column_name]: 'boolean' };
+			if (foreignKeysList.includes(field.column_name)) return { [field.column_name]: 'foreign key' };
+			return { [field.column_name]: field.data_type };
+		}),
+	);
+	return tableTypes;
+}
diff --git a/frontend-vue/src/lib/table-events.spec.ts b/frontend-vue/src/lib/table-events.spec.ts
new file mode 100644
index 000000000..b63b6e91a
--- /dev/null
+++ b/frontend-vue/src/lib/table-events.spec.ts
@@ -0,0 +1,26 @@
+import { describe, expect, it, vi } from 'vitest';
+import { effectScope } from 'vue';
+import { onTableEvent, tableEvents } from './table-events';
+
+describe('table events', () => {
+	it('delivers events until the owning scope is disposed', () => {
+		const handler = vi.fn();
+		const scope = effectScope();
+		scope.run(() => onTableEvent('rowsDeleted', handler));
+
+		tableEvents.emit('rowsDeleted', { connectionID: 'c', tableName: 't' });
+		scope.stop();
+		tableEvents.emit('rowsDeleted', { connectionID: 'c', tableName: 't' });
+
+		expect(handler).toHaveBeenCalledTimes(1);
+		expect(handler).toHaveBeenCalledWith({ connectionID: 'c', tableName: 't' });
+	});
+
+	it('returns an unsubscribe function outside a scope', () => {
+		const handler = vi.fn();
+		const off = onTableEvent('imported', handler);
+		off();
+		tableEvents.emit('imported', { connectionID: 'c', tableName: 't' });
+		expect(handler).not.toHaveBeenCalled();
+	});
+});
diff --git a/frontend-vue/src/lib/table-events.ts b/frontend-vue/src/lib/table-events.ts
new file mode 100644
index 000000000..bc0dd2947
--- /dev/null
+++ b/frontend-vue/src/lib/table-events.ts
@@ -0,0 +1,48 @@
+// Replaces the string events that TablesService.cast ('delete rows', 'import', 'settings', ...) and
+// TableRowService.cast ('delete row') broadcast after a successful mutation. They are genuinely
+// fire-and-forget "something changed, refresh if you care" signals, so they stay a bus — but a
+// typed one, with the table they concern in the payload.
+import mitt from 'mitt';
+import { getCurrentScope, onScopeDispose } from 'vue';
+
+export interface TableEventPayload {
+	connectionID: string;
+	tableName: string;
+}
+
+export type TableEvents = {
+	/** TableRowService 'delete row': one row deleted from the row edit/view. */
+	rowDeleted: TableEventPayload;
+	/** 'delete rows': bulk delete from the table view. */
+	rowsDeleted: TableEventPayload;
+	/** 'import': CSV import finished. */
+	imported: TableEventPayload;
+	/** 'activate actions': a custom action ran on the selected rows. */
+	actionsActivated: TableEventPayload & { actionId: string };
+	/** 'settings': table settings or personal view settings saved or reset. */
+	settingsUpdated: TableEventPayload & { personal: boolean };
+	/** 'delete-rule' */
+	ruleDeleted: TableEventPayload & { ruleId: string };
+	/** 'filters set saved' */
+	savedFilterCreated: TableEventPayload;
+	/** 'filters set updated' */
+	savedFilterUpdated: TableEventPayload & { filterId: string };
+	/** 'delete saved filters' */
+	savedFilterDeleted: TableEventPayload & { filterId: string };
+};
+
+export const tableEvents = mitt<TableEvents>();
+
+/**
+ * Subscribes for the lifetime of the current component (or effect scope). Outside a scope the
+ * caller owns the subscription and must call the returned function to stop listening.
+ */
+export function onTableEvent<K extends keyof TableEvents>(
+	type: K,
+	handler: (payload: TableEvents[K]) => void,
+): () => void {
+	tableEvents.on(type, handler);
+	const off = () => tableEvents.off(type, handler);
+	if (getCurrentScope()) onScopeDispose(off);
+	return off;
+}
diff --git a/frontend-vue/src/main.ts b/frontend-vue/src/main.ts
index 24e05c9e5..350790090 100644
--- a/frontend-vue/src/main.ts
+++ b/frontend-vue/src/main.ts
@@ -1,22 +1,59 @@
-import '@fontsource/noto-sans/300.css';
-import '@fontsource/noto-sans/400.css';
-import '@fontsource/noto-sans/500.css';
-import '@fontsource/ibm-plex-mono/400.css';
-import '@fontsource/ibm-plex-mono/500.css';
+// Self-hosted brand fonts first so their @font-face rules land before the theme, then the tokens,
+// then base.css (which reads them). .storybook/preview.ts mirrors this order — keep them together.
+import '@fontsource-variable/geist';
+import '@fontsource-variable/space-grotesk';
+import '@fontsource-variable/geist-mono';
 import '@material-symbols/font-400/outlined.css';
+import './assets/theme.css';
+import './assets/base.css';
 
 import { VueQueryPlugin } from '@tanstack/vue-query';
 import { createPinia } from 'pinia';
 import { createApp } from 'vue';
 import App from './App.vue';
+import { isApiError } from './api/client';
 import { loadConfig } from './config';
-import { vuetify } from './plugins/vuetify';
+import { initMonitoring } from './lib/monitoring';
 import { router } from './router';
+import { useAuthStore } from './stores/auth';
+import { bindConnectionsToRouter } from './stores/connections';
+import { bindTablesToRouter } from './stores/tables';
 
 async function bootstrap() {
 	await loadConfig('/config.json');
 
-	createApp(App).use(createPinia()).use(router).use(vuetify).use(VueQueryPlugin).mount('#app');
+	const app = createApp(App);
+	const pinia = createPinia();
+	app.use(pinia);
+	initMonitoring(app, router);
+
+	// An awaited request that failed has already been shown to the user (see ApiError.notified);
+	// letting it reach the console as an unhandled error would only add noise.
+	const defaultHandler = app.config.errorHandler;
+	app.config.errorHandler = (error, instance, info) => {
+		if (isApiError(error) && error.notified) return;
+		if (defaultHandler) defaultHandler(error, instance, info);
+		else console.error(error);
+	};
+	window.addEventListener('unhandledrejection', (event) => {
+		if (isApiError(event.reason) && event.reason.notified) event.preventDefault();
+	});
+
+	// Before the router resolves the first route: the guards read the restored session.
+	useAuthStore(pinia).restoreSession();
+
+	// Queries behave like Angular's httpResource: one attempt (the client already reported the
+	// failure) and no refetch on window focus.
+	// Angular read the current connection and table from the URL on every navigation.
+	bindConnectionsToRouter(router);
+	bindTablesToRouter(router);
+
+	app
+		.use(router)
+		.use(VueQueryPlugin, {
+			queryClientConfig: { defaultOptions: { queries: { retry: false, refetchOnWindowFocus: false } } },
+		})
+		.mount('#app');
 }
 
 bootstrap();
diff --git a/frontend-vue/src/models/ai-suggestions.ts b/frontend-vue/src/models/ai-suggestions.ts
new file mode 100644
index 000000000..6da0d40fb
--- /dev/null
+++ b/frontend-vue/src/models/ai-suggestions.ts
@@ -0,0 +1,87 @@
+// Input interfaces for AI Suggestions
+
+export interface AISuggestionColumn {
+	name: string;
+	type: string;
+	nullable: boolean;
+	unique?: boolean;
+	indexed?: boolean;
+}
+
+export interface AISuggestionRelation {
+	type: 'fk';
+	from_column: string;
+	to_table: string;
+	to_column: string;
+	label?: string;
+}
+
+export interface AISuggestionLightStats {
+	top_values?: Record<string, [string, number][]>;
+	null_rate?: Record<string, number>;
+	min_max?: Record<string, [string, string]>;
+}
+
+export interface AISuggestionTableContext {
+	name: string;
+	description?: string;
+	row_count?: number;
+	columns: AISuggestionColumn[];
+	relations: AISuggestionRelation[];
+	light_stats?: AISuggestionLightStats;
+}
+
+export interface AISuggestionFilter {
+	column: string;
+	op: string;
+	value: any;
+}
+
+export interface AISuggestionUIContext {
+	active_filters?: AISuggestionFilter[];
+	selected_row?: Record<string, any>;
+	selected_column?: string;
+}
+
+export interface AISuggestionConversation {
+	last_user_message?: string;
+	last_2_messages?: { role: string; text: string }[];
+}
+
+export interface AISuggestionHistory {
+	recently_shown_ids?: string[];
+	recently_clicked_ids?: string[];
+}
+
+export interface AISuggestionInput {
+	table: AISuggestionTableContext;
+	ui_context?: AISuggestionUIContext;
+	conversation?: AISuggestionConversation;
+	suggestion_history?: AISuggestionHistory;
+}
+
+// Output interfaces for AI Suggestions
+
+export interface AITableSuggestion {
+	id: string;
+	title: string;
+	message: string;
+	why?: string;
+	confidence?: number;
+	risk?: 'low' | 'medium' | 'high';
+}
+
+export interface AINavigationSuggestion {
+	id: string;
+	title: string;
+	target_table: string;
+	prefilled_query: string;
+	why?: string;
+	confidence?: number;
+}
+
+export interface AISuggestionOutput {
+	intent?: string[];
+	table_suggestions: AITableSuggestion[];
+	navigation_suggestions?: AINavigationSuggestion[];
+}
diff --git a/frontend-vue/src/models/alert.ts b/frontend-vue/src/models/alert.ts
new file mode 100644
index 000000000..58ec049cb
--- /dev/null
+++ b/frontend-vue/src/models/alert.ts
@@ -0,0 +1,31 @@
+export enum AlertType {
+	Warning = 'warning',
+	Error = 'error',
+	Info = 'info',
+	Success = 'success',
+}
+
+export enum AlertActionType {
+	Anchor = 'external link',
+	Link = 'internal link',
+	Button = 'button',
+}
+
+export interface AlertAction {
+	type: AlertActionType;
+	caption: string;
+	to?: string;
+	action?: (id: number) => void;
+}
+
+export interface Alert {
+	id: number;
+	type: AlertType;
+	message: ServerError | string;
+	actions?: AlertAction[];
+}
+
+export interface ServerError {
+	abstract: string;
+	details: string;
+}
diff --git a/frontend-vue/src/models/company.ts b/frontend-vue/src/models/company.ts
new file mode 100644
index 000000000..6541f2a8c
--- /dev/null
+++ b/frontend-vue/src/models/company.ts
@@ -0,0 +1,69 @@
+import type { SubscriptionPlans, User, UserGroup } from './user';
+
+export interface Address {
+	street: string;
+	number: string;
+	complement: string;
+	neighborhood: string;
+	city: string;
+	state: string;
+	country: string;
+	zipCode: string;
+}
+
+export interface CompanyConnection {
+	id: string;
+	createdAt: string;
+	updatedAt: string;
+	title: string;
+	author: User;
+	groups: UserGroup[];
+}
+
+export interface Company {
+	id: string;
+	additional_info?: string;
+	name: string;
+	address: Address | {};
+	subscriptionLevel: SubscriptionPlans;
+	connections: CompanyConnection[];
+	invitations: CompanyMemberInvitation[];
+}
+
+export interface CompanyMembershipGroup {
+	id: string;
+	title: string;
+}
+
+export interface CompanyMembershipConnection {
+	id: string;
+	title: string;
+	database: string;
+	groups: CompanyMembershipGroup[];
+}
+
+export interface CompanyMember {
+	id: string;
+	isActive: boolean;
+	name: string;
+	email: string;
+	is_2fa_enabled: boolean;
+	role: CompanyMemberRole;
+	has_groups: boolean;
+	user_membership: CompanyMembershipConnection[];
+}
+
+export enum CompanyMemberRole {
+	CAO = 'ADMIN',
+	SystemAdmin = 'DB_ADMIN',
+	Member = 'USER',
+}
+
+export interface CompanyMemberInvitation {
+	id: string;
+	verification_string: string;
+	groupId: string;
+	inviterId: string;
+	invitedUserEmail: string;
+	role: CompanyMemberRole;
+}
diff --git a/frontend-vue/src/models/connection.ts b/frontend-vue/src/models/connection.ts
new file mode 100644
index 000000000..a870a69dd
--- /dev/null
+++ b/frontend-vue/src/models/connection.ts
@@ -0,0 +1,76 @@
+import type { AccessLevel } from './user';
+
+export enum DBtype {
+	Postgres = 'postgres',
+	MySQL = 'mysql',
+	Oracle = 'oracledb',
+	MSSQL = 'mssql',
+	Mongo = 'mongodb',
+	Dynamo = 'dynamodb',
+	Cassandra = 'cassandra',
+	Redis = 'redis',
+	Elasticsearch = 'elasticsearch',
+	ClickHouse = 'clickhouse',
+}
+
+export enum ConnectionType {
+	Agent = 'agent',
+	Direct = 'direct',
+}
+
+export interface Connection {
+	id: string | null;
+	database: string;
+	authSource?: string;
+	title: string;
+	host: string;
+	port: string;
+	sid: string | null;
+	type: DBtype;
+	createdAt?: Date;
+	updatedAt?: Date;
+	username: string;
+	password?: string;
+	ssh: boolean;
+	privateSSHKey?: string;
+	sshHost?: string;
+	sshPort?: string;
+	sshUsername?: string;
+	ssl: boolean;
+	cert: string;
+	masterEncryption: boolean;
+	azure_encryption: boolean;
+	connectionType: ConnectionType;
+	schema?: string;
+	signing_key?: string;
+	isTestConnection?: boolean;
+	dataCenter?: string;
+}
+
+export interface ConnectionItem {
+	connection: Connection;
+	accessLevel: AccessLevel;
+}
+
+export interface TestConnection {
+	result: boolean;
+	message: string;
+}
+
+export interface TableCategory {
+	category_id: string;
+	category_name: string;
+	tables: string[];
+	category_color?: string;
+}
+
+export interface ConnectionSettings {
+	hidden_tables?: string[];
+	default_showing_table?: string;
+	primary_color?: string;
+	secondary_color?: string;
+	logo_url?: string;
+	company_name?: string;
+	tables_audit?: boolean;
+	table_categories?: TableCategory[];
+}
diff --git a/frontend-vue/src/models/dashboard.ts b/frontend-vue/src/models/dashboard.ts
new file mode 100644
index 000000000..61a47242d
--- /dev/null
+++ b/frontend-vue/src/models/dashboard.ts
@@ -0,0 +1,45 @@
+export interface Dashboard {
+	id: string;
+	name: string;
+	description: string | null;
+	connection_id: string;
+	created_at: string;
+	updated_at: string;
+	widgets?: DashboardWidget[];
+}
+
+export interface DashboardWidget {
+	id: string;
+	position_x: number;
+	position_y: number;
+	width: number;
+	height: number;
+	query_id: string | null;
+	dashboard_id: string;
+}
+
+export interface CreateDashboardPayload {
+	name: string;
+	description?: string;
+}
+
+export interface UpdateDashboardPayload {
+	name?: string;
+	description?: string;
+}
+
+export interface CreateWidgetPayload {
+	position_x: number;
+	position_y: number;
+	width: number;
+	height: number;
+	query_id: string;
+}
+
+export interface UpdateWidgetPayload {
+	position_x?: number;
+	position_y?: number;
+	width?: number;
+	height?: number;
+	query_id?: string;
+}
diff --git a/frontend-vue/src/models/logs.ts b/frontend-vue/src/models/logs.ts
new file mode 100644
index 000000000..d100ea727
--- /dev/null
+++ b/frontend-vue/src/models/logs.ts
@@ -0,0 +1,24 @@
+export enum LogAction {
+	Add = 'addRow',
+	Delete = 'deleteRow',
+	Update = 'updateRow',
+	ReceiveRow = 'rowReceived',
+	ReceiveRows = 'rowsReceived',
+}
+
+export enum LogStatus {
+	Successfully = 'successfully',
+	Unsuccessfully = 'unsuccessfully',
+}
+
+export interface Log {
+	Table: string;
+	User: string;
+	Action: string;
+	Date: string;
+	Status: LogStatus;
+	operationType: LogAction;
+	createdAt: string;
+	prevValue: Object;
+	currentValue: Object;
+}
diff --git a/frontend-vue/src/models/saved-query.ts b/frontend-vue/src/models/saved-query.ts
new file mode 100644
index 000000000..998cf53de
--- /dev/null
+++ b/frontend-vue/src/models/saved-query.ts
@@ -0,0 +1,124 @@
+export type DashboardWidgetType = 'table' | 'chart' | 'counter' | 'text';
+
+export type ChartType = 'bar' | 'line' | 'pie' | 'doughnut' | 'polarArea';
+
+export interface ChartUnitConfig {
+	text?: string;
+	position?: 'prefix' | 'suffix';
+	convert_unit?: string;
+}
+
+export interface ChartNumberFormatConfig {
+	decimal_places?: number;
+	thousands_separator?: boolean;
+	compact?: boolean;
+}
+
+export interface ChartLegendConfig {
+	show?: boolean;
+	position?: 'top' | 'bottom' | 'left' | 'right';
+}
+
+export interface ChartAxisConfig {
+	title?: string;
+	min?: number;
+	max?: number;
+	begin_at_zero?: boolean;
+	scale_type?: 'linear' | 'logarithmic';
+}
+
+export interface ChartSeriesConfig {
+	value_column: string;
+	label?: string;
+	color?: string;
+	colors?: string[];
+	units?: ChartUnitConfig;
+	number_format?: ChartNumberFormatConfig;
+	fill?: boolean;
+	tension?: number;
+	point_style?: 'circle' | 'rect' | 'triangle' | 'cross' | 'none';
+	type?: 'bar' | 'line';
+}
+
+export interface ChartWidgetOptions {
+	label_column: string;
+	value_column?: string;
+	label_type?: 'values' | 'datetime';
+	series?: ChartSeriesConfig[];
+	series_column?: string;
+	units?: ChartUnitConfig;
+	number_format?: ChartNumberFormatConfig;
+	color_palette?: string[];
+	legend?: ChartLegendConfig;
+	stacked?: boolean;
+	horizontal?: boolean;
+	show_data_labels?: boolean;
+	y_axis?: ChartAxisConfig;
+	x_axis?: ChartAxisConfig;
+	sort_by?: 'label_asc' | 'label_desc' | 'value_asc' | 'value_desc' | 'none';
+	limit?: number;
+}
+
+export interface SavedQuery {
+	id: string;
+	name: string;
+	description: string | null;
+	widget_type: DashboardWidgetType;
+	chart_type: ChartType | null;
+	widget_options: Record<string, unknown> | null;
+	query_text: string;
+	connection_id: string;
+	created_at: string;
+	updated_at: string;
+}
+
+export interface CreateSavedQueryPayload {
+	name: string;
+	description?: string;
+	widget_type?: DashboardWidgetType;
+	chart_type?: ChartType;
+	widget_options?: Record<string, unknown>;
+	query_text: string;
+}
+
+export interface UpdateSavedQueryPayload {
+	name?: string;
+	description?: string;
+	widget_type?: DashboardWidgetType;
+	chart_type?: ChartType;
+	widget_options?: Record<string, unknown>;
+	query_text?: string;
+}
+
+export interface QueryExecutionResult {
+	query_id: string;
+	query_name: string;
+	data: Record<string, unknown>[];
+	execution_time_ms: number;
+}
+
+export interface TestQueryPayload {
+	query_text: string;
+	tableName?: string;
+}
+
+export interface TestQueryResult {
+	data: Record<string, unknown>[];
+	execution_time_ms: number;
+}
+
+export interface GeneratedPanelWithPosition {
+	name: string;
+	description: string | null;
+	widget_type: DashboardWidgetType;
+	chart_type: string | null;
+	widget_options: Record<string, unknown> | null;
+	query_text: string;
+	connection_id: string;
+	panel_position: {
+		position_x: number;
+		position_y: number;
+		width: number;
+		height: number;
+	};
+}
diff --git a/frontend-vue/src/models/secret.ts b/frontend-vue/src/models/secret.ts
new file mode 100644
index 000000000..4fefb948a
--- /dev/null
+++ b/frontend-vue/src/models/secret.ts
@@ -0,0 +1,61 @@
+export interface Secret {
+	id: string;
+	slug: string;
+	companyId: string;
+	createdAt: string;
+	updatedAt: string;
+	lastAccessedAt?: string;
+	expiresAt?: string;
+	masterEncryption: boolean;
+}
+
+export interface SecretListResponse {
+	data: Secret[];
+	pagination: SecretPagination;
+}
+
+export interface SecretPagination {
+	total: number;
+	currentPage: number;
+	perPage: number;
+	lastPage: number;
+}
+
+export interface AuditLogEntry {
+	id: string;
+	action: SecretAction;
+	user: {
+		id: string;
+		email: string;
+	};
+	accessedAt: string;
+	ipAddress?: string;
+	userAgent?: string;
+	success: boolean;
+	errorMessage?: string;
+}
+
+export interface AuditLogResponse {
+	data: AuditLogEntry[];
+	pagination: SecretPagination;
+}
+
+export type SecretAction = 'create' | 'view' | 'copy' | 'update' | 'delete';
+
+export interface CreateSecretPayload {
+	slug: string;
+	value: string;
+	expiresAt?: string;
+	masterEncryption?: boolean;
+	masterPassword?: string;
+}
+
+export interface UpdateSecretPayload {
+	value: string;
+	expiresAt?: string | null;
+}
+
+export interface DeleteSecretResponse {
+	message: string;
+	deletedAt: string;
+}
diff --git a/frontend-vue/src/models/table.ts b/frontend-vue/src/models/table.ts
new file mode 100644
index 000000000..607f1676f
--- /dev/null
+++ b/frontend-vue/src/models/table.ts
@@ -0,0 +1,157 @@
+export interface TablePermissions {
+	visibility: boolean;
+	readonly: boolean;
+	add: boolean;
+	delete: boolean;
+	edit: boolean;
+}
+
+export interface TableProperties {
+	table: string;
+	display_name?: string;
+	normalizedTableName?: string;
+	initials?: string;
+	icon?: string;
+	permissions: TablePermissions;
+	configured?: boolean;
+	configuring?: boolean;
+}
+
+export enum TableOrdering {
+	Ascending = 'ASC',
+	Descending = 'DESC',
+}
+
+export interface TableSettings {
+	connection_id: string;
+	table_name: string;
+
+	icon: string;
+	display_name: string;
+	autocomplete_columns: string[];
+	identity_column: string;
+	ordering: TableOrdering;
+	ordering_field: string;
+	list_fields: string[];
+	columns_view: string[];
+	search_fields: string[];
+	excluded_fields: string[];
+	readonly_fields: string[];
+	sortable_by: string[];
+	sensitive_fields: string[];
+	allow_csv_export: boolean;
+	allow_csv_import: boolean;
+	can_delete: boolean;
+}
+
+export interface PersonalTableViewSettings {
+	ordering?: TableOrdering;
+	ordering_field?: string;
+	list_per_page?: number;
+	list_fields?: string[];
+	columns_view?: string[];
+	original_names?: boolean;
+
+	// sortable_by: string[],
+}
+
+export interface TableRow {
+	connectionID: string;
+	tableName: string;
+	record: object;
+	columnsOrder: string[];
+	primaryKeys: object;
+	foreignKeys: TableForeignKey[];
+	foreignKeysList: string[];
+	widgets: Widget[];
+	widgetsList: string[];
+	fieldsTypes: { [key: string]: string };
+	relatedRecords: {
+		referenced_on_column_name: string;
+		referenced_by: [];
+	}[];
+	link?: string;
+}
+
+export interface TableField {
+	column_name: string;
+	column_default: string | null;
+	data_type: string;
+	data_type_params?: string[];
+	isExcluded: boolean;
+	isSearched: boolean;
+	allow_null: boolean;
+	auto_increment: boolean;
+	character_maximum_length: number | null;
+}
+
+export interface TableForeignKey {
+	autocomplete_columns?: string[];
+	column_name: string;
+	constraint_name: string;
+	referenced_column_name: string;
+	referenced_table_name: string;
+	column_default?: string;
+}
+
+export interface WidgetStructure {
+	field_name: string;
+	widget_type: string;
+	widget_params: Record<string, any>;
+	name: string;
+	description: string;
+}
+
+export interface Widget {
+	field_name: string;
+	widget_type: string;
+	widget_params: string;
+	name: string;
+	description: string;
+}
+
+export enum CustomActionType {
+	Single = 'single',
+	Multiple = 'multiple',
+}
+
+export enum CustomActionMethod {
+	Slack = 'slack',
+	Email = 'email',
+	URL = 'URL',
+	Zapier = 'zapier',
+}
+
+export interface CustomAction {
+	method: CustomActionMethod;
+	emails: string[];
+	url: string;
+}
+
+export enum EventType {
+	AddRow = 'ADD_ROW',
+	UpdateRow = 'UPDATE_ROW',
+	DeleteRow = 'DELETE_ROW',
+	Custom = 'CUSTOM',
+}
+
+export interface Event {
+	event: EventType;
+}
+
+export interface CustomEvent {
+	id?: string;
+	event: EventType;
+	title: string;
+	type: CustomActionType;
+	icon: string;
+	require_confirmation: boolean;
+}
+
+export interface Rule {
+	id?: string;
+	title: string;
+	table_name: string;
+	events: (Event | CustomEvent)[];
+	table_actions: CustomAction[];
+}
diff --git a/frontend-vue/src/models/ui-settings.ts b/frontend-vue/src/models/ui-settings.ts
new file mode 100644
index 000000000..aec329e6e
--- /dev/null
+++ b/frontend-vue/src/models/ui-settings.ts
@@ -0,0 +1,25 @@
+export interface GlobalSettingsUI {
+	connectionsListCollapsed: boolean;
+	lastFeatureNotificationId: string;
+	profileSidebarCollapsed?: boolean;
+}
+
+export interface TableSettingsUI {
+	shownColumns?: string[];
+	defaultSort?: {
+		column: string;
+		direction: 'asc' | 'desc';
+	};
+}
+
+export interface ConnectionSettingsUI {
+	shownTableTitles: boolean;
+	tables: { [tableName: string]: TableSettingsUI };
+	tableFoldersExpanded?: string[];
+	dashboardsSidebarCollapsed?: boolean;
+}
+
+export interface UiSettings {
+	globalSettings: GlobalSettingsUI;
+	connections: { [connectionId: string]: ConnectionSettingsUI };
+}
diff --git a/frontend-vue/src/models/user.ts b/frontend-vue/src/models/user.ts
new file mode 100644
index 000000000..afa0895e0
--- /dev/null
+++ b/frontend-vue/src/models/user.ts
@@ -0,0 +1,107 @@
+import type { CompanyMemberRole } from './company';
+import type { TablePermissions } from './table';
+
+export interface ExistingAuthUser {
+	email: string;
+	password: string;
+	companyId: string;
+}
+
+export interface UserGroup {
+	id: string;
+	title: string;
+	isMain: boolean;
+	cedarPolicy?: string | null;
+	users?: {
+		id: string;
+		isActive: boolean;
+		email: string;
+		createdAt?: string;
+		name: string;
+		is_2fa_enabled: boolean;
+		role: CompanyMemberRole;
+	}[];
+}
+
+export interface UserGroupInfo {
+	group: UserGroup;
+	accessLevel: string;
+}
+
+export interface GroupUser {
+	id: string;
+	createdAt: string;
+	gclid: string | null;
+	isActive: boolean;
+	email: string;
+	name?: string;
+}
+
+export enum SubscriptionPlans {
+	free = 'FREE_PLAN',
+	team = 'TEAM_PLAN',
+	enterprise = 'ENTERPRISE_PLAN',
+	teamAnnual = 'ANNUAL_TEAM_PLAN',
+	enterpriseAnnual = 'ANNUAL_ENTERPRISE_PLAN',
+}
+
+export enum RegistrationProvider {
+	Google = 'GOOGLE',
+	Github = 'GITHUB',
+}
+
+export interface User {
+	id: string;
+	isActive: boolean;
+	email: string;
+	name?: string;
+	createdAt?: string;
+	subscriptionLevel: SubscriptionPlans;
+	is_2fa_enabled: boolean;
+	role: CompanyMemberRole;
+	externalRegistrationProvider: RegistrationProvider | null;
+	company: {
+		id: string;
+	};
+}
+
+export enum AccessLevel {
+	None = 'none',
+	Readonly = 'readonly',
+	Edit = 'edit',
+}
+
+export interface TablePermission {
+	tableName: string;
+	display_name: string;
+	accessLevel: TablePermissions;
+}
+
+export interface Permissions {
+	connection: {
+		connectionId: string;
+		accessLevel: AccessLevel;
+	};
+	group: {
+		groupId: string;
+		accessLevel: AccessLevel;
+	};
+	tables: TablePermission[];
+}
+
+// Public (unauthenticated) access to a connection. Mirrors the backend
+// PublicTablePermissionDto: an omitted/empty readableColumns means "all columns".
+export interface PublicTablePermission {
+	tableName: string;
+	readableColumns?: string[];
+}
+
+export interface PublicPermissions {
+	enabled: boolean;
+	tables: PublicTablePermission[];
+}
+
+export interface ApiKey {
+	title: string;
+	id: string;
+}
diff --git a/frontend-vue/src/plugins/vuetify.ts b/frontend-vue/src/plugins/vuetify.ts
deleted file mode 100644
index 5fc02bf22..000000000
--- a/frontend-vue/src/plugins/vuetify.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import 'vuetify/styles';
-import { createVuetify } from 'vuetify';
-
-// The palette-based theme (port of colorConfig in frontend/src/main.ts) is set up in Phase 1.
-export const vuetify = createVuetify({
-	theme: {
-		defaultTheme: 'system',
-	},
-});
diff --git a/frontend-vue/src/router/guards.spec.ts b/frontend-vue/src/router/guards.spec.ts
new file mode 100644
index 000000000..60a6a2f1d
--- /dev/null
+++ b/frontend-vue/src/router/guards.spec.ts
@@ -0,0 +1,86 @@
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import type { RouteLocationNormalized } from 'vue-router';
+import { api } from '@/api/client';
+import { environment } from '@/environment';
+import { useSelfhostedStore } from '@/stores/selfhosted';
+import { applyTitle, runRouteGuards } from './guards';
+import { routes } from './routes';
+
+vi.mock('@/api/client', () => ({ api: { get: vi.fn(), post: vi.fn() } }));
+vi.mock('@/environment', () => ({ environment: { saas: false } }));
+
+const get = vi.mocked(api.get);
+
+function routeTo(path: string): RouteLocationNormalized {
+	const record = routes.find((route) => route.path === path);
+	if (!record) throw new Error(`no route ${path}`);
+	return { path, meta: record.meta ?? {} } as RouteLocationNormalized;
+}
+
+function signIn() {
+	localStorage.setItem('token_expiration', new Date(Date.now() + 3_600_000).toISOString());
+}
+
+describe('route guards', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		localStorage.clear();
+		vi.clearAllMocks();
+		environment.saas = false;
+	});
+
+	it('sends signed-out users from protected pages to /login', async () => {
+		expect(await runRouteGuards(routeTo('/connections-list'))).toBe('/login');
+		signIn();
+		expect(await runRouteGuards(routeTo('/connections-list'))).toBe(true);
+	});
+
+	it('sends signed-in users away from /login', async () => {
+		signIn();
+		expect(await runRouteGuards(routeTo('/login'))).toBe('/connections-list');
+	});
+
+	it('leaves public pages open', async () => {
+		expect(await runRouteGuards(routeTo('/forget-password'))).toBe(true);
+	});
+
+	describe('self-hosted', () => {
+		it('sends /login to /setup until the first admin exists', async () => {
+			get.mockResolvedValueOnce({ isConfigured: false });
+			expect(await runRouteGuards(routeTo('/login'))).toBe('/setup');
+			expect(await runRouteGuards(routeTo('/setup'))).toBe(true);
+			expect(get).toHaveBeenCalledTimes(1);
+		});
+
+		it('sends /setup to /login once configured', async () => {
+			get.mockResolvedValueOnce({ isConfigured: true });
+			expect(await runRouteGuards(routeTo('/setup'))).toBe('/login');
+			expect(await runRouteGuards(routeTo('/login'))).toBe(true);
+		});
+
+		it('assumes configured when the check fails, so login is never blocked', async () => {
+			vi.spyOn(console, 'error').mockImplementation(() => {});
+			get.mockRejectedValueOnce(new Error('down'));
+			expect(await runRouteGuards(routeTo('/login'))).toBe(true);
+			expect(useSelfhostedStore().isConfigured).toBe(true);
+		});
+	});
+
+	describe('SaaS', () => {
+		it('never shows /setup and never checks the configuration', async () => {
+			environment.saas = true;
+			expect(await runRouteGuards(routeTo('/setup'))).toBe('/login');
+			expect(await runRouteGuards(routeTo('/login'))).toBe(true);
+			expect(get).not.toHaveBeenCalled();
+		});
+	});
+
+	it('sets the document title only for routes that have one', () => {
+		document.title = 'Before';
+		applyTitle(routeTo('/connections-list'));
+		expect(document.title).toBe('Before');
+		applyTitle(routeTo('/secrets'));
+		expect(document.title).toBe('Secrets | Rocketadmin');
+	});
+});
diff --git a/frontend-vue/src/router/guards.ts b/frontend-vue/src/router/guards.ts
new file mode 100644
index 000000000..eeaaa212f
--- /dev/null
+++ b/frontend-vue/src/router/guards.ts
@@ -0,0 +1,69 @@
+// Ports of the Angular guards, driven by route meta instead of `canActivate` arrays:
+//   meta.requiresAuth  → AuthGuard        meta.guestOnly → noAuthGuard
+//   meta.configuration → configurationGuard   meta.setup → setupGuard
+import type { NavigationGuardWithThis, RouteLocationNormalized, RouteLocationRaw } from 'vue-router';
+import { hasValidSessionToken } from '@/stores/auth';
+import { useSelfhostedStore } from '@/stores/selfhosted';
+
+declare module 'vue-router' {
+	interface RouteMeta {
+		/** Signed-in users only; everyone else goes to /login. */
+		requiresAuth?: boolean;
+		/** Signed-out users only (login); a valid session goes to /connections-list. */
+		guestOnly?: boolean;
+		/** Self-hosted: /login waits until the first admin exists, otherwise /setup. */
+		configuration?: boolean;
+		/** /setup itself: self-hosted and not configured yet, otherwise /login. */
+		setup?: boolean;
+		/** Document title, set after navigation. Routes without one leave the title alone. */
+		title?: string;
+	}
+}
+
+type GuardResult = true | RouteLocationRaw;
+
+export function authGuard(): GuardResult {
+	return hasValidSessionToken() ? true : '/login';
+}
+
+export function guestOnlyGuard(): GuardResult {
+	try {
+		if (hasValidSessionToken()) return '/connections-list';
+	} catch {
+		// If anything fails, allow access to auth pages.
+	}
+	return true;
+}
+
+export async function configurationGuard(): Promise<GuardResult> {
+	const selfhosted = useSelfhostedStore();
+	if (!selfhosted.isSelfHosted) return true;
+	return (await selfhosted.resolveIsConfigured()) ? true : '/setup';
+}
+
+export async function setupGuard(): Promise<GuardResult> {
+	const selfhosted = useSelfhostedStore();
+	if (!selfhosted.isSelfHosted) return '/login';
+	return (await selfhosted.resolveIsConfigured()) ? '/login' : true;
+}
+
+/** Runs the guards a route asks for, in the order Angular listed them; the first redirect wins. */
+export async function runRouteGuards(to: RouteLocationNormalized): Promise<GuardResult> {
+	const checks: Array<() => GuardResult | Promise<GuardResult>> = [];
+	if (to.meta.setup) checks.push(setupGuard);
+	if (to.meta.guestOnly) checks.push(guestOnlyGuard);
+	if (to.meta.configuration) checks.push(configurationGuard);
+	if (to.meta.requiresAuth) checks.push(authGuard);
+
+	for (const check of checks) {
+		const result = await check();
+		if (result !== true) return result;
+	}
+	return true;
+}
+
+export const beforeEachGuard: NavigationGuardWithThis<undefined> = (to) => runRouteGuards(to);
+
+export function applyTitle(to: RouteLocationNormalized): void {
+	if (to.meta.title) document.title = to.meta.title;
+}
diff --git a/frontend-vue/src/router/index.ts b/frontend-vue/src/router/index.ts
index e13775176..ca31a7a0f 100644
--- a/frontend-vue/src/router/index.ts
+++ b/frontend-vue/src/router/index.ts
@@ -1,15 +1,13 @@
-import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router';
+import { createRouter, createWebHistory } from 'vue-router';
+import { applyTitle, beforeEachGuard } from './guards';
+import { routes } from './routes';
 
-export const routes: RouteRecordRaw[] = [
-	{
-		path: '/',
-		name: 'home',
-		component: () => import('@/views/HomeView.vue'),
-		meta: { title: 'Rocketadmin' },
-	},
-];
+export { routes };
 
 export const router = createRouter({
 	history: createWebHistory(import.meta.env.BASE_URL),
 	routes,
 });
+
+router.beforeEach(beforeEachGuard);
+router.afterEach((to) => applyTitle(to));
diff --git a/frontend-vue/src/router/routes.ts b/frontend-vue/src/router/routes.ts
new file mode 100644
index 000000000..009cbd159
--- /dev/null
+++ b/frontend-vue/src/router/routes.ts
@@ -0,0 +1,69 @@
+// Every route of frontend/src/app/app-routing.module.ts, with the same paths, so bookmarks and
+// emailed links keep working. Pages not ported yet (Phase 3) render PendingView.
+import type { RouteRecordRaw } from 'vue-router';
+
+const PendingView = () => import('@/views/PendingView.vue');
+
+const page = (path: string, name: string, meta: RouteRecordRaw['meta'] = {}): RouteRecordRaw => ({
+	path,
+	name,
+	component: PendingView,
+	meta,
+});
+
+const auth = { requiresAuth: true };
+
+export const routes: RouteRecordRaw[] = [
+	{ path: '/', redirect: '/connections-list' },
+	page('/setup', 'setup', { setup: true, title: 'Setup | Rocketadmin' }),
+	page('/login', 'login', { guestOnly: true, configuration: true, title: 'Login | Rocketadmin' }),
+	page('/forget-password', 'forget-password', { title: 'Request password | Rocketadmin' }),
+	page('/external/user/password/reset/verify/:verificationToken', 'password-reset', {
+		title: 'Reset password | Rocketadmin',
+	}),
+	page('/external/user/email/verify/:verificationToken', 'email-verification', {
+		title: 'Email verification | Rocketadmin',
+	}),
+	page('/external/user/email/change/verify/:changeToken', 'email-change', { title: 'Email updating | Rocketadmin' }),
+	page('/deleted', 'user-deleted', { title: 'User deleted | Rocketadmin' }),
+	page('/connect-db', 'connect-db', auth),
+	page('/connections-list', 'connections-list', auth),
+	page('/user-settings', 'user-settings', auth),
+	page('/company/:companyId/verify/:verificationToken', 'company-invitation', { title: 'Invitation | Rocketadmin' }),
+	page('/company', 'company', auth),
+	page('/api-keys', 'api-keys', { ...auth, title: 'API Keys | Rocketadmin' }),
+	page('/secrets', 'secrets', { ...auth, title: 'Secrets | Rocketadmin' }),
+	page('/change-password', 'change-password', auth),
+	{ path: '/hosted-databases', redirect: '/connections-list' },
+	{ path: '/saml', redirect: '/connections-list' },
+	{ path: '/demo', redirect: '/connections-list' },
+	{ path: '/upgrade', redirect: '/connections-list' },
+	{ path: '/upgrade/payment', redirect: '/connections-list' },
+	{ path: '/subscription/success', redirect: '/connections-list' },
+	page('/auto-configure/:connectionId', 'auto-configure', { ...auth, title: 'Auto-configure | Rocketadmin' }),
+	page('/edit-db/:connectionId', 'edit-db', auth),
+	page('/edit-database-schema/:connectionId', 'edit-database-schema', {
+		...auth,
+		title: 'Edit Database Schema | Rocketadmin',
+	}),
+	page('/connection-settings/:connectionId', 'connection-settings', auth),
+	page('/dashboard/:connectionId', 'dashboard', auth),
+	page('/audit/:connectionId', 'audit', auth),
+	page('/dashboard/:connectionId/:tableName', 'table', auth),
+	page('/dashboard/:connectionId/:tableName/entry', 'row-edit', auth),
+	page('/dashboard/:connectionId/:tableName/widgets', 'table-widgets', auth),
+	page('/dashboard/:connectionId/:tableName/settings', 'table-settings', auth),
+	page('/dashboard/:connectionId/:tableName/actions', 'table-actions', auth),
+	page('/permissions/:connectionId', 'permissions', auth),
+	page('/zapier', 'zapier', auth),
+	page('/panels/:connectionId', 'panels', { ...auth, title: 'Saved Queries | Rocketadmin' }),
+	page('/panels/:connectionId/new', 'panel-new', { ...auth, title: 'Create Query | Rocketadmin' }),
+	page('/panels/:connectionId/:queryId', 'panel-edit', { ...auth, title: 'Edit Query | Rocketadmin' }),
+	page('/dashboards/:connectionId', 'dashboards', { ...auth, title: 'Dashboards | Rocketadmin' }),
+	page('/dashboards/:connectionId/:dashboardId', 'dashboard-view', { ...auth, title: 'Dashboard | Rocketadmin' }),
+	{
+		path: '/:pathMatch(.*)*',
+		name: 'not-found',
+		component: () => import('@/views/NotFoundView.vue'),
+	},
+];
diff --git a/frontend-vue/src/stores/ai-suggestions.spec.ts b/frontend-vue/src/stores/ai-suggestions.spec.ts
new file mode 100644
index 000000000..1237fcb90
--- /dev/null
+++ b/frontend-vue/src/stores/ai-suggestions.spec.ts
@@ -0,0 +1,39 @@
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
+import { useAiSuggestionsStore } from './ai-suggestions';
+
+describe('ai suggestions store', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+	});
+
+	it('starts with an empty history and attaches it to the suggestion input', () => {
+		const store = useAiSuggestionsStore();
+		const table = { name: 't', columns: [], relations: [] };
+		expect(store.buildSuggestionInput(table).suggestion_history).toEqual({
+			recently_shown_ids: [],
+			recently_clicked_ids: [],
+		});
+	});
+
+	it('keeps the last 10 clicked ids', () => {
+		const store = useAiSuggestionsStore();
+		for (let i = 0; i < 12; i++) store.recordSuggestionClick(`s${i}`);
+		expect(store.history.recently_clicked_ids).toEqual(['s2', 's3', 's4', 's5', 's6', 's7', 's8', 's9', 's10', 's11']);
+	});
+
+	it('keeps the last 20 shown ids', () => {
+		const store = useAiSuggestionsStore();
+		store.recordShownSuggestions(Array.from({ length: 25 }, (_, i) => `s${i}`));
+		expect(store.history.recently_shown_ids).toHaveLength(20);
+		expect(store.history.recently_shown_ids?.[0]).toBe('s5');
+	});
+
+	it('clearHistory resets both lists', () => {
+		const store = useAiSuggestionsStore();
+		store.recordSuggestionClick('a');
+		store.recordShownSuggestions(['b']);
+		store.clearHistory();
+		expect(store.history).toEqual({ recently_shown_ids: [], recently_clicked_ids: [] });
+	});
+});
diff --git a/frontend-vue/src/stores/ai-suggestions.ts b/frontend-vue/src/stores/ai-suggestions.ts
new file mode 100644
index 000000000..c356fcba9
--- /dev/null
+++ b/frontend-vue/src/stores/ai-suggestions.ts
@@ -0,0 +1,47 @@
+// Port of AISuggestionsService's state: the suggestion history (a BehaviorSubject in Angular). The
+// context builders and local suggestion generator are pure and live in lib/ai-suggestions.ts.
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import { buildSuggestionInput as buildInput } from '@/lib/ai-suggestions';
+import type {
+	AISuggestionConversation,
+	AISuggestionHistory,
+	AISuggestionInput,
+	AISuggestionTableContext,
+	AISuggestionUIContext,
+} from '@/models/ai-suggestions';
+
+export const useAiSuggestionsStore = defineStore('aiSuggestions', () => {
+	const history = ref<AISuggestionHistory>(emptyHistory());
+
+	/** Build full suggestion input, with the current history attached. */
+	function buildSuggestionInput(
+		tableContext: AISuggestionTableContext,
+		uiContext?: AISuggestionUIContext,
+		conversationContext?: AISuggestionConversation,
+	): AISuggestionInput {
+		return buildInput(history.value, tableContext, uiContext, conversationContext);
+	}
+
+	/** Record that a suggestion was clicked (the last 10 are kept). */
+	function recordSuggestionClick(suggestionId: string): void {
+		const clicked = [...(history.value.recently_clicked_ids || []), suggestionId].slice(-10);
+		history.value = { ...history.value, recently_clicked_ids: clicked };
+	}
+
+	/** Record suggestions that were shown (the last 20 are kept). Private and unused in Angular. */
+	function recordShownSuggestions(shownIds: string[]): void {
+		const shown = [...(history.value.recently_shown_ids || []), ...shownIds].slice(-20);
+		history.value = { ...history.value, recently_shown_ids: shown };
+	}
+
+	function clearHistory(): void {
+		history.value = emptyHistory();
+	}
+
+	return { history, buildSuggestionInput, recordSuggestionClick, recordShownSuggestions, clearHistory };
+});
+
+function emptyHistory(): AISuggestionHistory {
+	return { recently_shown_ids: [], recently_clicked_ids: [] };
+}
diff --git a/frontend-vue/src/stores/ai.spec.ts b/frontend-vue/src/stores/ai.spec.ts
new file mode 100644
index 000000000..3c638c9be
--- /dev/null
+++ b/frontend-vue/src/stores/ai.spec.ts
@@ -0,0 +1,97 @@
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { type AiStreamChunk, isAiStreamChunk, useAiStore } from './ai';
+import { useNotificationsStore } from './notifications';
+
+vi.mock('@/environment', () => ({ environment: { apiRoot: '/api', saasURL: '' } }));
+
+function ndjsonResponse(lines: string[], headers: Record<string, string> = {}): Response {
+	const encoder = new TextEncoder();
+	const body = new ReadableStream<Uint8Array>({
+		start(controller) {
+			for (const line of lines) controller.enqueue(encoder.encode(line));
+			controller.close();
+		},
+	});
+	return new Response(body, { status: 200, headers });
+}
+
+async function collect(stream: AsyncGenerator<AiStreamChunk>): Promise<AiStreamChunk[]> {
+	const chunks: AiStreamChunk[] = [];
+	for await (const chunk of stream) chunks.push(chunk);
+	return chunks;
+}
+
+describe('ai store', () => {
+	let fetchMock: ReturnType<typeof vi.fn>;
+
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		fetchMock = vi.fn(async () =>
+			ndjsonResponse(
+				[
+					'{"type":"thinking","content":"hm"}\n{"type":"thinking_commit"}\n',
+					'{"type":"te',
+					'xt","content":"Hello"}\nnot json\n{"no_type":1}\n42\n{"type":"text","content":"!"}',
+				],
+				{ 'X-OpenAI-Thread-ID': 'thread-1' },
+			),
+		);
+		vi.stubGlobal('fetch', fetchMock);
+	});
+
+	afterEach(() => {
+		vi.unstubAllGlobals();
+	});
+
+	it('createThread posts the message with tableName and returns the thread id and chunk stream', async () => {
+		const response = await useAiStore().createThread('c1', 'users', 'How many rows?');
+
+		const [url, init] = fetchMock.mock.calls[0] as [string, RequestInit];
+		expect(url).toBe('/api/ai/v4/request/c1?tableName=users');
+		expect(init.method).toBe('POST');
+		expect(JSON.parse(String(init.body))).toEqual({ user_message: 'How many rows?' });
+		expect(response?.threadId).toBe('thread-1');
+		// Split lines are joined; malformed lines and non-chunk values are dropped.
+		expect(await collect(response!.stream)).toEqual([
+			{ type: 'thinking', content: 'hm' },
+			{ type: 'thinking_commit' },
+			{ type: 'text', content: 'Hello' },
+			{ type: 'text', content: '!' },
+		]);
+	});
+
+	it('sendMessage adds the thread id and returns just the stream', async () => {
+		const stream = await useAiStore().sendMessage('c1', 'users', 'thread-1', 'And now?');
+		const [url] = fetchMock.mock.calls[0] as [string, RequestInit];
+		expect(url).toBe('/api/ai/v4/request/c1?tableName=users&threadId=thread-1');
+		expect(await collect(stream!)).toHaveLength(4);
+	});
+
+	it('passes the abort signal and resolves null when aborted', async () => {
+		const controller = new AbortController();
+		fetchMock.mockImplementation((_url: string, init: RequestInit) => {
+			expect(init.signal).toBe(controller.signal);
+			return Promise.reject(new DOMException('aborted', 'AbortError'));
+		});
+		controller.abort();
+		expect(await useAiStore().createThread('c1', 'users', 'hi', controller.signal)).toBeNull();
+		expect(useNotificationsStore().snackbars).toEqual([]);
+	});
+
+	it('reports a server error and rejects with the notified ApiError', async () => {
+		fetchMock.mockImplementation(async () => new Response(JSON.stringify({ message: 'AI is off' }), { status: 403 }));
+		await expect(useAiStore().sendMessage('c1', 'users', 't', 'hi')).rejects.toMatchObject({
+			name: 'ApiError',
+			notified: true,
+		});
+		expect(useNotificationsStore().snackbars[0]?.message).toBe('AI is off');
+	});
+
+	it('isAiStreamChunk accepts only objects with a string type', () => {
+		expect(isAiStreamChunk({ type: 'text', content: 'a' })).toBe(true);
+		expect(isAiStreamChunk({ type: 1 })).toBe(false);
+		expect(isAiStreamChunk(null)).toBe(false);
+		expect(isAiStreamChunk('text')).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/stores/ai.ts b/frontend-vue/src/stores/ai.ts
new file mode 100644
index 000000000..5ff169602
--- /dev/null
+++ b/frontend-vue/src/stores/ai.ts
@@ -0,0 +1,78 @@
+// Port of AiService (and the `AiStreamChunk` type from api.service.ts): the table AI panel's chat.
+// Both calls POST to the same NDJSON endpoint; the first one gets the thread id from a header.
+//
+// A failed request is reported by the client and the notified ApiError is thrown, like every store.
+// An aborted request (the user pressed stop) still resolves null, as in Angular: the AI panel treats
+// null as "nothing to show" and would otherwise render the abort as an error message.
+import { defineStore } from 'pinia';
+import { api, isAbortError } from '@/api/client';
+
+export type AiStreamChunk =
+	| { type: 'thinking'; content: string }
+	| { type: 'thinking_reset' }
+	| { type: 'thinking_commit' }
+	| { type: 'text'; content: string };
+
+export interface AiStreamResponse {
+	threadId: string | null;
+	stream: AsyncGenerator<AiStreamChunk>;
+}
+
+export const useAiStore = defineStore('ai', () => {
+	/** Resolves `null` when aborted through `signal`; throws the (notified) ApiError on failure. */
+	async function createThread(
+		connectionId: string,
+		tableName: string,
+		message: string,
+		signal?: AbortSignal,
+	): Promise<AiStreamResponse | null> {
+		const result = await nullIfAborted(
+			api.stream<unknown>(
+				`/ai/v4/request/${connectionId}`,
+				{ user_message: message },
+				{ params: { tableName }, signal },
+			),
+		);
+		if (!result) return null;
+		return { threadId: result.headers.get('X-OpenAI-Thread-ID'), stream: onlyChunks(result.stream) };
+	}
+
+	async function sendMessage(
+		connectionId: string,
+		tableName: string,
+		threadId: string,
+		message: string,
+		signal?: AbortSignal,
+	): Promise<AsyncGenerator<AiStreamChunk> | null> {
+		const result = await nullIfAborted(
+			api.stream<unknown>(
+				`/ai/v4/request/${connectionId}`,
+				{ user_message: message },
+				{ params: { tableName, threadId }, signal },
+			),
+		);
+		return result ? onlyChunks(result.stream) : null;
+	}
+
+	return { createThread, sendMessage };
+});
+
+/** api.service.ts's tryParseChunk: lines that parse but aren't `{ type: string }` objects are dropped. */
+export function isAiStreamChunk(value: unknown): value is AiStreamChunk {
+	return typeof value === 'object' && value !== null && typeof (value as { type?: unknown }).type === 'string';
+}
+
+async function nullIfAborted<T>(request: Promise<T>): Promise<T | null> {
+	try {
+		return await request;
+	} catch (error) {
+		if (isAbortError(error)) return null;
+		throw error;
+	}
+}
+
+async function* onlyChunks(stream: AsyncGenerator<unknown>): AsyncGenerator<AiStreamChunk> {
+	for await (const value of stream) {
+		if (isAiStreamChunk(value)) yield value;
+	}
+}
diff --git a/frontend-vue/src/stores/auth.spec.ts b/frontend-vue/src/stores/auth.spec.ts
new file mode 100644
index 000000000..ab42d0e40
--- /dev/null
+++ b/frontend-vue/src/stores/auth.spec.ts
@@ -0,0 +1,100 @@
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { api } from '@/api/client';
+import { router } from '@/router';
+import { hasValidSessionToken, TOKEN_EXPIRATION_KEY, useAuthStore } from './auth';
+
+vi.mock('@/api/client', () => ({ api: { get: vi.fn(), post: vi.fn() } }));
+vi.mock('@/router', () => ({ router: { push: vi.fn(async () => undefined) } }));
+vi.mock('@/environment', () => ({ environment: { saas: false } }));
+
+const post = vi.mocked(api.post);
+const push = vi.mocked(router.push);
+
+const inAnHour = () => new Date(Date.now() + 3_600_000).toISOString();
+
+describe('auth store', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		localStorage.clear();
+		vi.clearAllMocks();
+		vi.useFakeTimers();
+	});
+
+	afterEach(() => {
+		vi.useRealTimers();
+	});
+
+	it('reads the session from token_expiration', () => {
+		expect(hasValidSessionToken()).toBe(false);
+		localStorage.setItem(TOKEN_EXPIRATION_KEY, inAnHour());
+		expect(hasValidSessionToken()).toBe(true);
+		localStorage.setItem(TOKEN_EXPIRATION_KEY, new Date(Date.now() - 1000).toISOString());
+		expect(hasValidSessionToken()).toBe(false);
+		localStorage.setItem(TOKEN_EXPIRATION_KEY, 'garbage');
+		expect(hasValidSessionToken()).toBe(false);
+	});
+
+	it('starts a session after login and goes to the connections list', async () => {
+		const expires = inAnHour();
+		post.mockResolvedValueOnce({ expires });
+		const auth = useAuthStore();
+
+		await auth.loginUser({ email: 'a@b.c', password: 'pw', companyId: '' });
+
+		expect(post).toHaveBeenCalledWith('/user/login', { email: 'a@b.c', password: 'pw' }, { notify: 'alert' });
+		expect(localStorage.getItem(TOKEN_EXPIRATION_KEY)).toBe(expires);
+		expect(auth.isAuthenticated).toBe(true);
+		expect(push).toHaveBeenCalledWith('/connections-list');
+	});
+
+	it('does not start a session while 2FA is pending', async () => {
+		post.mockResolvedValueOnce({ expires: inAnHour(), isTemporary: true });
+		const auth = useAuthStore();
+
+		await auth.loginUser({ email: 'a@b.c', password: 'pw', companyId: 'c1' });
+
+		expect(auth.isAuthenticated).toBe(false);
+		expect(localStorage.getItem(TOKEN_EXPIRATION_KEY)).toBeNull();
+		expect(push).not.toHaveBeenCalled();
+	});
+
+	it('restores the session from ?expires= after an OAuth redirect', () => {
+		const expires = Date.now() + 3_600_000;
+		const auth = useAuthStore();
+
+		expect(auth.restoreSession(`?expires=${expires}`)).toBe(true);
+		expect(new Date(localStorage.getItem(TOKEN_EXPIRATION_KEY) ?? '').getTime()).toBe(expires);
+		expect(auth.isAuthenticated).toBe(true);
+	});
+
+	it('clears an expired session on restore', () => {
+		localStorage.setItem(TOKEN_EXPIRATION_KEY, new Date(Date.now() - 1000).toISOString());
+		const auth = useAuthStore();
+
+		expect(auth.restoreSession('')).toBe(false);
+		expect(localStorage.getItem(TOKEN_EXPIRATION_KEY)).toBeNull();
+	});
+
+	it('logs out when the session expires', async () => {
+		post.mockResolvedValue(undefined);
+		localStorage.setItem(TOKEN_EXPIRATION_KEY, new Date(Date.now() + 5000).toISOString());
+		const auth = useAuthStore();
+		auth.restoreSession('');
+
+		await vi.advanceTimersByTimeAsync(5001);
+
+		expect(post).toHaveBeenCalledWith('/user/logout', undefined, expect.objectContaining({ notify: 'snackbar' }));
+		expect(localStorage.getItem(TOKEN_EXPIRATION_KEY)).toBeNull();
+		expect(push).toHaveBeenCalledWith('/login');
+	});
+
+	it('keeps the session when the logout request fails', async () => {
+		post.mockRejectedValueOnce(new Error('offline'));
+		localStorage.setItem(TOKEN_EXPIRATION_KEY, inAnHour());
+		const auth = useAuthStore();
+
+		await expect(auth.logOut()).rejects.toThrow('offline');
+		expect(localStorage.getItem(TOKEN_EXPIRATION_KEY)).not.toBeNull();
+	});
+});
diff --git a/frontend-vue/src/stores/auth.ts b/frontend-vue/src/stores/auth.ts
new file mode 100644
index 000000000..f9de55356
--- /dev/null
+++ b/frontend-vue/src/stores/auth.ts
@@ -0,0 +1,215 @@
+// Port of AuthService plus the session handling that lived in AppComponent: the `token_expiration`
+// bookkeeping, the logout timer and the redirects after login and logout.
+//
+// The session itself is an httpOnly cookie; the client only keeps its expiry in localStorage.
+import * as Sentry from '@sentry/vue';
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import { api } from '@/api/client';
+import { getConfig } from '@/config';
+import { environment } from '@/environment';
+import type { ExistingAuthUser } from '@/models/user';
+import { router } from '@/router';
+
+export const TOKEN_EXPIRATION_KEY = 'token_expiration';
+
+/** What /user/login and the other sign-in endpoints answer with. */
+export interface AuthResponse {
+	expires?: string | number;
+	/** true when a second factor is still required (`/user/otp/login`). */
+	isTemporary?: boolean;
+	[key: string]: unknown;
+}
+
+export interface CompanyOption {
+	id: string;
+	name: string;
+}
+
+export function readTokenExpiration(): Date | null {
+	const raw = localStorage.getItem(TOKEN_EXPIRATION_KEY);
+	if (!raw) return null;
+	const date = new Date(raw);
+	return Number.isNaN(date.getTime()) ? null : date;
+}
+
+export function hasValidSessionToken(now = Date.now()): boolean {
+	const expiration = readTokenExpiration();
+	return expiration !== null && expiration.getTime() > now;
+}
+
+export const useAuthStore = defineStore('auth', () => {
+	const isAuthenticated = ref(hasValidSessionToken());
+	let expiryTimer: ReturnType<typeof setTimeout> | null = null;
+
+	function setAuthenticated(value: boolean): void {
+		isAuthenticated.value = value;
+	}
+
+	function scheduleExpiry(expiration: Date): void {
+		if (expiryTimer) clearTimeout(expiryTimer);
+		const interval = expiration.getTime() - Date.now();
+		// setTimeout overflows past ~24.8 days and fires at once; such a session just outlives the tab.
+		if (interval > 2 ** 31 - 1) return;
+		expiryTimer = setTimeout(() => {
+			logOut(true).finally(() => router.push('/login'));
+		}, interval);
+	}
+
+	/**
+	 * Called with every sign-in response (AppComponent's `auth.cast` subscription). A temporary
+	 * response means 2FA is still pending, so no session starts. Returns whether one did.
+	 */
+	function startSession(response: AuthResponse): boolean {
+		if (response.isTemporary || !response.expires) return false;
+		const expiration = new Date(response.expires);
+		if (Number.isNaN(expiration.getTime())) return false;
+
+		localStorage.setItem(TOKEN_EXPIRATION_KEY, expiration.toISOString());
+		setAuthenticated(true);
+		scheduleExpiry(expiration);
+		router.push('/connections-list');
+		return true;
+	}
+
+	/**
+	 * Run once on boot. Takes `?expires=<ms>` from OAuth redirects, then either restores the stored
+	 * session (and its logout timer) or, when it has expired, clears it. Returns whether the user is
+	 * signed in.
+	 */
+	function restoreSession(search = location.search): boolean {
+		const expiresFromUrl = new URLSearchParams(search).get('expires');
+		if (expiresFromUrl) {
+			const date = new Date(Number.parseInt(expiresFromUrl, 10));
+			if (!Number.isNaN(date.getTime())) localStorage.setItem(TOKEN_EXPIRATION_KEY, date.toISOString());
+		}
+
+		const expiration = readTokenExpiration();
+		if (!expiration) {
+			setAuthenticated(false);
+			return false;
+		}
+		if (expiration.getTime() > Date.now()) {
+			setAuthenticated(true);
+			scheduleExpiry(expiration);
+			return true;
+		}
+		clearSession();
+		return false;
+	}
+
+	function clearSession(): void {
+		if (expiryTimer) clearTimeout(expiryTimer);
+		expiryTimer = null;
+		localStorage.removeItem(TOKEN_EXPIRATION_KEY);
+		setAuthenticated(false);
+	}
+
+	async function withSession(promise: Promise<AuthResponse>): Promise<AuthResponse> {
+		const response = await promise;
+		startSession(response);
+		return response;
+	}
+
+	function loginUser(userData: ExistingAuthUser): Promise<AuthResponse> {
+		const body: Partial<ExistingAuthUser> = { ...userData };
+		if (body.companyId === '') delete body.companyId;
+		return withSession(api.post<AuthResponse>('/user/login', body, { notify: 'alert' }));
+	}
+
+	function loginWith2FA(code: string): Promise<AuthResponse> {
+		return withSession(api.post<AuthResponse>('/user/otp/login', { otpToken: code }, { notify: 'alert' }));
+	}
+
+	async function loginWithGoogle(token: string): Promise<AuthResponse> {
+		try {
+			return await withSession(
+				api.post<AuthResponse>(`${getConfig().saasURL}/saas/user/google/login`, { token }, { notify: 'alert' }),
+			);
+		} catch (error) {
+			Sentry.captureException(error);
+			throw error;
+		}
+	}
+
+	function loginWithGithub(): void {
+		location.assign(`${getConfig().saasURL}/saas/user/github/login/request`);
+	}
+
+	function requestEmailVerifications(): Promise<unknown> {
+		return api.get('/user/email/verify/request', {
+			notify: 'alert',
+			successMessage: 'Confirmation email has been sent.',
+		});
+	}
+
+	function verifyEmail(token: string): Promise<AuthResponse> {
+		return withSession(
+			api.get<AuthResponse>(`/user/email/verify/${token}`, {
+				notify: 'alert',
+				successMessage: 'Your email is verified.',
+			}),
+		);
+	}
+
+	function fetchUserCompanies(email: string): Promise<CompanyOption[]> {
+		return api.get<CompanyOption[]>(`/company/my/email/${email}`, { notify: 'alert' });
+	}
+
+	function checkInvitationAvailability(token: string): Promise<unknown> {
+		return api.get(`/company/invite/verify/${token}`, { notify: 'alert' });
+	}
+
+	function acceptCompanyInvitation(token: string, password: string, userName: string): Promise<AuthResponse> {
+		return withSession(
+			api.post<AuthResponse>(`/company/invite/verify/${token}`, { password, userName }, { notify: 'alert' }),
+		);
+	}
+
+	/**
+	 * Port of AppComponent.logOut. An expired session in SaaS stays on the page (the caller goes to
+	 * /login); a deliberate SaaS logout leaves for the marketing site.
+	 */
+	async function logOut(isTokenExpired = false, email?: string): Promise<void> {
+		revokeGoogleConsent(email);
+		await api.post('/user/logout', undefined, { notify: 'snackbar', successMessage: 'User is logged out.' });
+		clearSession();
+		if (environment.saas) {
+			if (!isTokenExpired) location.href = 'https://rocketadmin.com/';
+		} else {
+			await router.push('/login');
+		}
+	}
+
+	return {
+		isAuthenticated,
+		setAuthenticated,
+		startSession,
+		restoreSession,
+		clearSession,
+		loginUser,
+		loginWith2FA,
+		loginWithGoogle,
+		loginWithGithub,
+		requestEmailVerifications,
+		verifyEmail,
+		fetchUserCompanies,
+		checkInvitationAvailability,
+		acceptCompanyInvitation,
+		logOut,
+	};
+});
+
+interface GoogleIdentity {
+	accounts?: { id?: { revoke?: (hint: string, callback: () => void) => void } };
+}
+
+function revokeGoogleConsent(email: string | undefined): void {
+	if (!email) return;
+	const google = (window as unknown as { google?: GoogleIdentity }).google;
+	try {
+		google?.accounts?.id?.revoke?.(email, () => {});
+	} catch (error) {
+		console.log('google error', error);
+	}
+}
diff --git a/frontend-vue/src/stores/cedar-permissions.spec.ts b/frontend-vue/src/stores/cedar-permissions.spec.ts
new file mode 100644
index 000000000..8fd3ac378
--- /dev/null
+++ b/frontend-vue/src/stores/cedar-permissions.spec.ts
@@ -0,0 +1,452 @@
+import { flushPromises } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, type Mock, vi } from 'vitest';
+import { type ComputedRef, type Ref, ref, shallowRef } from 'vue';
+import { api } from '@/api/client';
+import { loadCedarWasm } from '@/lib/cedar-wasm';
+import { CompanyMemberRole } from '@/models/company';
+import { SubscriptionPlans, type UserGroupInfo } from '@/models/user';
+import { useUserStore } from '@/stores/user';
+import { useUsersStore } from '@/stores/users';
+import { type CedarEngine, createPermissionEvaluator, useCedarPermissionsStore } from './cedar-permissions';
+
+vi.mock('@/lib/cedar-wasm', () => ({ loadCedarWasm: vi.fn() }));
+vi.mock('@/api/client', () => ({ api: { get: vi.fn() } }));
+vi.mock('@/router', () => ({
+	router: {
+		afterEach: vi.fn(() => () => {}),
+		currentRoute: { value: { query: {}, fullPath: '/', path: '/', hash: '' } },
+	},
+}));
+
+const CONN_ID = 'conn-abc';
+const USER_ID = 'user-1';
+
+function makeGroup(id: string, cedarPolicy: string | null, userIds: string[]): UserGroupInfo {
+	return {
+		group: {
+			id,
+			title: `Group ${id}`,
+			isMain: false,
+			cedarPolicy,
+			users: userIds.map((uid) => ({
+				id: uid,
+				isActive: true,
+				email: `${uid}@test.com`,
+				name: uid,
+				is_2fa_enabled: false,
+				role: CompanyMemberRole.Member,
+			})),
+		},
+		accessLevel: 'edit',
+	};
+}
+
+function permitPolicy(action: string, resourceType: string, resourceId: string): string {
+	return [
+		'permit(',
+		'  principal,',
+		`  action == RocketAdmin::Action::"${action}",`,
+		`  resource == RocketAdmin::${resourceType}::"${resourceId}"`,
+		');',
+	].join('\n');
+}
+
+const ALLOW = {
+	type: 'success',
+	response: { decision: 'allow', diagnostics: { reason: [], errors: [] } },
+	warnings: [],
+};
+const DENY = { type: 'success', response: { decision: 'deny', diagnostics: { reason: [], errors: [] } }, warnings: [] };
+
+function residuals(decision: 'allow' | 'deny' | null) {
+	return {
+		type: 'residuals',
+		response: { decision, satisfied: [], errored: [], mayBeDetermining: [], mustBeDetermining: [] },
+		warnings: [],
+	};
+}
+
+interface EngineMocks {
+	isAuthorized: Mock;
+	isAuthorizedPartial: Mock;
+	checkParsePolicySet: Mock;
+}
+
+/** Reads a permission so its computed runs. */
+function evaluate(permission: ComputedRef<boolean | null>): boolean | null {
+	return permission.value;
+}
+
+function staticPolicies(mock: Mock): string {
+	return (mock.mock.calls.at(-1)?.[0] as { policies: { staticPolicies: string } }).policies.staticPolicies;
+}
+
+describe('createPermissionEvaluator', () => {
+	let mocks: EngineMocks;
+	let engine: Ref<CedarEngine | null>;
+	let userId: Ref<string | null>;
+	let groups: Ref<UserGroupInfo[]>;
+	let viewAsGroupId: Ref<string | null>;
+	let evaluator: ReturnType<typeof createPermissionEvaluator>;
+
+	function loadEngine() {
+		engine.value = mocks as unknown as CedarEngine;
+	}
+
+	beforeEach(() => {
+		vi.spyOn(console, 'warn').mockImplementation(() => {});
+		mocks = {
+			isAuthorized: vi.fn().mockReturnValue(DENY),
+			isAuthorizedPartial: vi.fn().mockReturnValue(residuals('deny')),
+			// Every policy parses unless a test says otherwise.
+			checkParsePolicySet: vi.fn().mockReturnValue({ type: 'success' }),
+		};
+		engine = shallowRef(null);
+		userId = ref(null);
+		groups = ref([]);
+		viewAsGroupId = ref(null);
+		evaluator = createPermissionEvaluator({ engine, userId, groups, viewAsGroupId });
+	});
+
+	describe('canI', () => {
+		it('is null while the engine loads', () => {
+			userId.value = USER_ID;
+			groups.value = [makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])];
+			expect(evaluator.canI('connection:read', 'Connection', CONN_ID).value).toBeNull();
+		});
+
+		it('is null without a user', () => {
+			loadEngine();
+			groups.value = [makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])];
+
+			expect(evaluator.canI('connection:read', 'Connection', CONN_ID).value).toBeNull();
+			expect(mocks.isAuthorized).not.toHaveBeenCalled();
+		});
+
+		it('is null when the user has no groups', () => {
+			loadEngine();
+			userId.value = USER_ID;
+
+			expect(evaluator.canI('connection:read', 'Connection', CONN_ID).value).toBeNull();
+			expect(mocks.isAuthorized).not.toHaveBeenCalled();
+		});
+
+		it('is true when the policy permits the action', () => {
+			loadEngine();
+			userId.value = USER_ID;
+			groups.value = [makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])];
+			mocks.isAuthorized.mockReturnValue(ALLOW);
+
+			expect(evaluator.canI('connection:read', 'Connection', CONN_ID).value).toBe(true);
+			expect(mocks.isAuthorized).toHaveBeenCalledWith(
+				expect.objectContaining({
+					principal: { type: 'RocketAdmin::User', id: USER_ID },
+					action: { type: 'RocketAdmin::Action', id: 'connection:read' },
+					resource: { type: 'RocketAdmin::Connection', id: CONN_ID },
+				}),
+			);
+		});
+
+		it('is false when the policy denies the action', () => {
+			loadEngine();
+			userId.value = USER_ID;
+			groups.value = [makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])];
+
+			expect(evaluator.canI('connection:edit', 'Connection', CONN_ID).value).toBe(false);
+		});
+
+		it('is false when authorization fails or throws', () => {
+			loadEngine();
+			userId.value = USER_ID;
+			groups.value = [makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])];
+			mocks.isAuthorized.mockReturnValueOnce({ type: 'failure', errors: [{ message: 'some error' }], warnings: [] });
+
+			expect(evaluator.canI('connection:read', 'Connection', CONN_ID).value).toBe(false);
+
+			mocks.isAuthorized.mockImplementationOnce(() => {
+				throw new Error('wasm trap');
+			});
+			expect(evaluator.canI('connection:read', 'Connection', 'other').value).toBe(false);
+		});
+
+		it('is false without a resource id once the engine is ready', () => {
+			userId.value = USER_ID;
+			groups.value = [makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])];
+			const permission = evaluator.canI('connection:edit', 'Connection', null);
+			expect(permission.value).toBeNull();
+
+			loadEngine();
+			expect(permission.value).toBe(false);
+			expect(mocks.isAuthorized).not.toHaveBeenCalled();
+		});
+
+		it('merges the policies of every group the user is in', () => {
+			loadEngine();
+			userId.value = USER_ID;
+			groups.value = [
+				makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID]),
+				makeGroup('g2', permitPolicy('table:read', 'Table', `${CONN_ID}/users`), [USER_ID]),
+			];
+
+			evaluate(evaluator.canI('connection:read', 'Connection', CONN_ID));
+
+			expect(staticPolicies(mocks.isAuthorized)).toContain('connection:read');
+			expect(staticPolicies(mocks.isAuthorized)).toContain('table:read');
+		});
+
+		it('ignores groups the user is not in', () => {
+			loadEngine();
+			userId.value = USER_ID;
+			groups.value = [
+				makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID]),
+				makeGroup('g2', permitPolicy('connection:edit', 'Connection', CONN_ID), ['other-user']),
+			];
+
+			evaluate(evaluator.canI('connection:read', 'Connection', CONN_ID));
+
+			expect(staticPolicies(mocks.isAuthorized)).not.toContain('connection:edit');
+		});
+
+		it('recomputes when the groups change', () => {
+			loadEngine();
+			userId.value = USER_ID;
+			const permission = evaluator.canI('connection:read', 'Connection', CONN_ID);
+			expect(permission.value).toBeNull();
+
+			mocks.isAuthorized.mockReturnValue(ALLOW);
+			groups.value = [makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])];
+
+			expect(permission.value).toBe(true);
+		});
+
+		it('returns the same ref for the same arguments', () => {
+			expect(evaluator.canI('connection:read', 'Connection', CONN_ID)).toBe(
+				evaluator.canI('connection:read', 'Connection', CONN_ID),
+			);
+			expect(evaluator.canI('connection:read', 'Connection', CONN_ID)).not.toBe(
+				evaluator.canI('connection:edit', 'Connection', CONN_ID),
+			);
+		});
+	});
+
+	it('is ready once the engine, a user and a policy are all there', () => {
+		expect(evaluator.ready.value).toBe(false);
+		loadEngine();
+		expect(evaluator.ready.value).toBe(false);
+		userId.value = USER_ID;
+		expect(evaluator.ready.value).toBe(false);
+		groups.value = [makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])];
+		expect(evaluator.ready.value).toBe(true);
+	});
+
+	describe('canIAny', () => {
+		beforeEach(() => {
+			userId.value = USER_ID;
+			groups.value = [makeGroup('g1', permitPolicy('dashboard:read', 'Dashboard', `${CONN_ID}/dash-1`), [USER_ID])];
+		});
+
+		it('is null while the engine loads', () => {
+			expect(evaluator.canIAny('dashboard:read', 'Dashboard').value).toBeNull();
+		});
+
+		it('is null without a user', () => {
+			loadEngine();
+			userId.value = null;
+			expect(evaluator.canIAny('dashboard:read', 'Dashboard').value).toBeNull();
+			expect(mocks.isAuthorizedPartial).not.toHaveBeenCalled();
+		});
+
+		it.each([
+			['allow (wildcard policy)', 'allow' as const, true],
+			['null (depends on the resource)', null, true],
+			['deny', 'deny' as const, false],
+		])('maps a %s decision', (_label, decision, expected) => {
+			loadEngine();
+			mocks.isAuthorizedPartial.mockReturnValue(residuals(decision));
+			expect(evaluator.canIAny('dashboard:read', 'Dashboard').value).toBe(expected);
+		});
+
+		it('is false when partial authorization fails', () => {
+			loadEngine();
+			mocks.isAuthorizedPartial.mockReturnValue({
+				type: 'failure',
+				errors: [{ message: 'parse error' }],
+				warnings: [],
+			});
+			expect(evaluator.canIAny('dashboard:read', 'Dashboard').value).toBe(false);
+		});
+
+		it('leaves the resource open', () => {
+			loadEngine();
+			mocks.isAuthorizedPartial.mockReturnValue(residuals(null));
+
+			evaluate(evaluator.canIAny('group:read', 'Group'));
+
+			expect(mocks.isAuthorizedPartial).toHaveBeenCalledWith(
+				expect.objectContaining({
+					principal: { type: 'RocketAdmin::User', id: USER_ID },
+					action: { type: 'RocketAdmin::Action', id: 'group:read' },
+					resource: null,
+				}),
+			);
+		});
+
+		it('caches by action and resource type', () => {
+			expect(evaluator.canIAny('dashboard:read', 'Dashboard')).toBe(evaluator.canIAny('dashboard:read', 'Dashboard'));
+			expect(evaluator.canIAny('dashboard:read', 'Dashboard')).not.toBe(evaluator.canIAny('group:read', 'Group'));
+		});
+	});
+
+	describe('view-as', () => {
+		beforeEach(() => {
+			loadEngine();
+			userId.value = USER_ID;
+			mocks.isAuthorized.mockReturnValue(ALLOW);
+			groups.value = [
+				makeGroup('own', permitPolicy('connection:edit', 'Connection', CONN_ID), [USER_ID]),
+				makeGroup('target', permitPolicy('connection:read', 'Connection', CONN_ID), ['other-user']),
+			];
+		});
+
+		it("evaluates the target group's policy only", () => {
+			viewAsGroupId.value = 'target';
+
+			evaluate(evaluator.canI('connection:read', 'Connection', CONN_ID));
+
+			expect(staticPolicies(mocks.isAuthorized)).toContain('connection:read');
+			expect(staticPolicies(mocks.isAuthorized)).not.toContain('connection:edit');
+		});
+
+		it("flips back to the user's own groups when cleared", () => {
+			const permission = evaluator.canI('connection:read', 'Connection', CONN_ID);
+
+			viewAsGroupId.value = 'target';
+			evaluate(permission);
+			expect(staticPolicies(mocks.isAuthorized)).not.toContain('connection:edit');
+
+			viewAsGroupId.value = null;
+			evaluate(permission);
+			expect(staticPolicies(mocks.isAuthorized)).toContain('connection:edit');
+		});
+
+		it('is null when the target group has no policy', () => {
+			groups.value = [makeGroup('target', null, ['other-user'])];
+			viewAsGroupId.value = 'target';
+
+			expect(evaluator.canI('connection:read', 'Connection', CONN_ID).value).toBeNull();
+			expect(mocks.isAuthorized).not.toHaveBeenCalled();
+		});
+
+		it('is null when the target group does not exist', () => {
+			viewAsGroupId.value = 'does-not-exist';
+
+			expect(evaluator.canI('connection:read', 'Connection', CONN_ID).value).toBeNull();
+			expect(mocks.isAuthorized).not.toHaveBeenCalled();
+		});
+	});
+
+	describe('resilient merge', () => {
+		beforeEach(() => {
+			loadEngine();
+			userId.value = USER_ID;
+		});
+
+		it('drops an unparseable policy and keeps the valid ones', () => {
+			mocks.checkParsePolicySet
+				.mockReturnValueOnce({ type: 'success' })
+				.mockReturnValueOnce({ type: 'failure', errors: [{ message: 'unexpected token like' }] });
+			mocks.isAuthorized.mockReturnValue(ALLOW);
+			groups.value = [
+				makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID]),
+				makeGroup('g2', 'permit(principal, action like RocketAdmin::Action::"x:*", resource);', [USER_ID]),
+			];
+
+			evaluate(evaluator.canI('connection:read', 'Connection', CONN_ID));
+
+			expect(staticPolicies(mocks.isAuthorized)).toContain('connection:read');
+			expect(staticPolicies(mocks.isAuthorized)).not.toContain('action like');
+		});
+
+		it("does not let one group's bad policy block canIAny", () => {
+			mocks.checkParsePolicySet.mockImplementation((arg: { staticPolicies: string }) =>
+				arg.staticPolicies.includes('action like')
+					? { type: 'failure', errors: [{ message: 'unexpected token like' }] }
+					: { type: 'success' },
+			);
+			mocks.isAuthorizedPartial.mockReturnValue(residuals('allow'));
+			groups.value = [
+				makeGroup('admin', 'permit(principal, action, resource);', [USER_ID]),
+				makeGroup('bad', 'permit(principal, action like RocketAdmin::Action::"dashboard:*", resource);', [USER_ID]),
+			];
+
+			expect(evaluator.canIAny('group:read', 'Group').value).toBe(true);
+			expect(staticPolicies(mocks.isAuthorizedPartial)).toContain('permit(principal, action, resource)');
+			expect(staticPolicies(mocks.isAuthorizedPartial)).not.toContain('action like');
+		});
+
+		it('is null when every policy is unparseable', () => {
+			mocks.checkParsePolicySet.mockReturnValue({ type: 'failure', errors: [{ message: 'parse error' }] });
+			groups.value = [
+				makeGroup('g1', 'permit(principal, action like X, resource);', [USER_ID]),
+				makeGroup('g2', 'permit(principal, action like Y, resource);', [USER_ID]),
+			];
+
+			expect(evaluator.canI('connection:read', 'Connection', CONN_ID).value).toBeNull();
+			expect(mocks.isAuthorized).not.toHaveBeenCalled();
+		});
+	});
+});
+
+describe('useCedarPermissionsStore', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+	});
+
+	it('evaluates the signed-in user against the groups of the active connection', async () => {
+		const engine = {
+			isAuthorized: vi.fn().mockReturnValue(ALLOW),
+			isAuthorizedPartial: vi.fn().mockReturnValue(residuals(null)),
+			checkParsePolicySet: vi.fn().mockReturnValue({ type: 'success' }),
+		};
+		vi.mocked(loadCedarWasm).mockResolvedValue(engine as unknown as Awaited<ReturnType<typeof loadCedarWasm>>);
+		vi.mocked(api.get).mockImplementation(async (url: string) =>
+			url === `/connection/groups/${CONN_ID}`
+				? ([makeGroup('g1', permitPolicy('connection:edit', 'Connection', CONN_ID), [USER_ID])] as never)
+				: (null as never),
+		);
+
+		const store = useCedarPermissionsStore();
+		const canEdit = store.canI('connection:edit', 'Connection', CONN_ID);
+		expect(canEdit.value).toBeNull();
+
+		useUserStore().currentUser = {
+			id: USER_ID,
+			isActive: true,
+			email: 'user-1@test.com',
+			subscriptionLevel: SubscriptionPlans.free,
+			is_2fa_enabled: false,
+			role: CompanyMemberRole.Member,
+			externalRegistrationProvider: null,
+			company: { id: 'company-1' },
+		};
+		useUsersStore().setActiveConnection(CONN_ID);
+		await flushPromises();
+
+		expect(store.ready).toBe(true);
+		expect(canEdit.value).toBe(true);
+		expect(store.canIAny('dashboard:read', 'Dashboard').value).toBe(true);
+	});
+
+	it('stays undetermined when the wasm fails to load', async () => {
+		vi.spyOn(console, 'error').mockImplementation(() => {});
+		vi.mocked(loadCedarWasm).mockRejectedValue(new Error('no wasm'));
+
+		const store = useCedarPermissionsStore();
+		await flushPromises();
+
+		expect(store.ready).toBe(false);
+		expect(store.canIAny('dashboard:read', 'Dashboard').value).toBeNull();
+	});
+});
diff --git a/frontend-vue/src/stores/cedar-permissions.ts b/frontend-vue/src/stores/cedar-permissions.ts
new file mode 100644
index 000000000..2496a24be
--- /dev/null
+++ b/frontend-vue/src/stores/cedar-permissions.ts
@@ -0,0 +1,172 @@
+// Port of frontend/src/app/services/cedar-permission.service.ts: client-side Cedar authorization.
+// The signed-in user's group policies (or, in view-as mode, the target group's policy alone) are
+// merged and evaluated in the Cedar wasm engine, so the UI can hide what the backend would refuse.
+//
+// The evaluation lives in createPermissionEvaluator() over plain refs so it is testable without the
+// stores it reads; the store only wires it to user, users and view-as.
+import { defineStore } from 'pinia';
+import { type ComputedRef, computed, type Ref, shallowRef } from 'vue';
+import { loadCedarWasm } from '@/lib/cedar-wasm';
+import type { UserGroupInfo } from '@/models/user';
+import { useUserStore } from '@/stores/user';
+import { useUsersStore } from '@/stores/users';
+import { useViewAsStore } from '@/stores/view-as';
+
+export type CedarWasmModule = Awaited<ReturnType<typeof loadCedarWasm>>;
+
+/** The slice of the wasm module the evaluator calls; a test can hand in a stub. */
+export type CedarEngine = Pick<CedarWasmModule, 'isAuthorized' | 'isAuthorizedPartial' | 'checkParsePolicySet'>;
+
+export interface PermissionInputs {
+	engine: Readonly<Ref<CedarEngine | null>>;
+	userId: Readonly<Ref<string | null>>;
+	groups: Readonly<Ref<UserGroupInfo[]>>;
+	viewAsGroupId: Readonly<Ref<string | null>>;
+}
+
+export interface PermissionEvaluator {
+	/** True once the engine, a user and at least one applicable policy are all present. */
+	ready: ComputedRef<boolean>;
+	/** null while undetermined (engine loading, no user, no policies), then allow/deny. */
+	canI(action: string, resourceType: string, resourceId: string | null): ComputedRef<boolean | null>;
+	/** Whether the action is allowed on at least one resource of the type (partial evaluation). */
+	canIAny(action: string, resourceType: string): ComputedRef<boolean | null>;
+}
+
+export function createPermissionEvaluator({
+	engine,
+	userId,
+	groups,
+	viewAsGroupId,
+}: PermissionInputs): PermissionEvaluator {
+	const mergedPolicies = computed(() => {
+		const cedar = engine.value;
+		const candidates: string[] = [];
+
+		if (viewAsGroupId.value) {
+			// View-as: the target group's policy only, whatever groups the user is really in.
+			const target = groups.value.find((info) => info.group.id === viewAsGroupId.value);
+			const policy = target?.group.cedarPolicy?.trim();
+			if (policy) candidates.push(policy);
+		} else {
+			const id = userId.value;
+			if (!id || !groups.value.length) return '';
+			for (const info of groups.value) {
+				if (!info.group.users?.some((user) => user.id === id)) continue;
+				const policy = info.group.cedarPolicy;
+				if (policy && policy.trim().length > 0) candidates.push(policy);
+			}
+		}
+
+		if (candidates.length === 0) return '';
+
+		// Drop individually unparseable policies: one malformed group policy would otherwise make Cedar
+		// reject the whole request and deny the user everything. Before the engine loads, the raw merge
+		// is returned; evaluation waits for the engine anyway.
+		if (!cedar) return candidates.join('\n\n');
+
+		const valid = candidates.filter((policy) => {
+			const result = cedar.checkParsePolicySet({ staticPolicies: policy, templates: {} });
+			if (result.type === 'success') return true;
+			console.warn('Cedar: dropping unparseable group policy', result.errors);
+			return false;
+		});
+		return valid.join('\n\n');
+	});
+
+	const ready = computed(() => !!engine.value && !!mergedPolicies.value && !!userId.value);
+	const cache = new Map<string, ComputedRef<boolean | null>>();
+
+	function evaluate(action: string, resourceType: string, resourceId: string | null): boolean | null {
+		const cedar = engine.value;
+		const policies = mergedPolicies.value;
+		const principalId = userId.value;
+		if (!cedar || !policies || !principalId) return null;
+		// No resource (e.g. no connection selected yet) can never be authorized.
+		if (resourceId === null) return false;
+
+		try {
+			const result = cedar.isAuthorized({
+				principal: { type: 'RocketAdmin::User', id: principalId },
+				action: { type: 'RocketAdmin::Action', id: action },
+				resource: { type: `RocketAdmin::${resourceType}`, id: resourceId },
+				context: {},
+				policies: { staticPolicies: policies, templates: {}, templateLinks: [] },
+				entities: [],
+			});
+			if (result.type === 'success') return result.response.decision === 'allow';
+			console.warn('Cedar authorization failed:', result.errors);
+		} catch (error) {
+			console.warn('Cedar authorization failed:', error);
+		}
+		return false;
+	}
+
+	function evaluatePartial(action: string): boolean | null {
+		const cedar = engine.value;
+		const policies = mergedPolicies.value;
+		const principalId = userId.value;
+		if (!cedar || !policies || !principalId) return null;
+
+		try {
+			const result = cedar.isAuthorizedPartial({
+				principal: { type: 'RocketAdmin::User', id: principalId },
+				action: { type: 'RocketAdmin::Action', id: action },
+				resource: null,
+				context: {},
+				policies: { staticPolicies: policies, templates: {}, templateLinks: [] },
+				entities: [],
+			});
+			// 'allow' (unconditionally), 'deny' (unconditionally) or null: depends on the resource,
+			// so at least one resource could be allowed.
+			if (result.type === 'residuals') return result.response.decision !== 'deny';
+			console.warn('Cedar partial authorization failed:', result.errors);
+		} catch (error) {
+			console.warn('Cedar partial authorization failed:', error);
+		}
+		return false;
+	}
+
+	function cached(key: string, compute: () => boolean | null): ComputedRef<boolean | null> {
+		let entry = cache.get(key);
+		if (!entry) {
+			entry = computed(compute);
+			cache.set(key, entry);
+		}
+		return entry;
+	}
+
+	return {
+		ready,
+		canI: (action, resourceType, resourceId) =>
+			cached(`${action}|${resourceType}|${resourceId}`, () => evaluate(action, resourceType, resourceId)),
+		// resourceType only keys the cache: partial evaluation leaves the resource open.
+		canIAny: (action, resourceType) => cached(`any|${action}|${resourceType}`, () => evaluatePartial(action)),
+	};
+}
+
+export const useCedarPermissionsStore = defineStore('cedarPermissions', () => {
+	const user = useUserStore();
+	const users = useUsersStore();
+	const viewAs = useViewAsStore();
+
+	const engine = shallowRef<CedarEngine | null>(null);
+	loadCedarWasm()
+		.then((module) => {
+			engine.value = module;
+		})
+		.catch((error) => console.error('Cedar wasm failed to load', error));
+
+	const evaluator = createPermissionEvaluator({
+		engine,
+		userId: computed(() => user.currentUser?.id || null),
+		groups: computed(() => users.groups),
+		viewAsGroupId: computed(() => viewAs.viewAsGroupId),
+	});
+
+	return {
+		ready: evaluator.ready,
+		canI: evaluator.canI,
+		canIAny: evaluator.canIAny,
+	};
+});
diff --git a/frontend-vue/src/stores/company.spec.ts b/frontend-vue/src/stores/company.spec.ts
new file mode 100644
index 000000000..3436cb15d
--- /dev/null
+++ b/frontend-vue/src/stores/company.spec.ts
@@ -0,0 +1,240 @@
+import { flushPromises } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { api } from '@/api/client';
+import { AlertActionType, AlertType } from '@/models/alert';
+import { type CompanyMember, CompanyMemberRole } from '@/models/company';
+import { SubscriptionPlans } from '@/models/user';
+import { useNotificationsStore } from '@/stores/notifications';
+import { type FullCompany, useCompanyStore } from './company';
+
+vi.mock('@/api/client', () => ({ api: { get: vi.fn(), post: vi.fn(), put: vi.fn(), delete: vi.fn() } }));
+vi.mock('@/config', () => ({ getConfig: () => ({ baseURL: '/api', saasURL: 'https://saas.test' }) }));
+vi.mock('@/environment', () => ({ environment: { saasHostnames: ['app.rocketadmin.com', 'localhost'] } }));
+
+const get = vi.mocked(api.get);
+const post = vi.mocked(api.post);
+const put = vi.mocked(api.put);
+const del = vi.mocked(api.delete);
+
+const company: FullCompany = {
+	id: 'company-1',
+	name: 'South Park',
+	address: {},
+	subscriptionLevel: SubscriptionPlans.team,
+	connections: [],
+	invitations: [],
+};
+
+const member: CompanyMember = {
+	id: 'user-1',
+	isActive: true,
+	name: 'Eric',
+	email: 'eric@south.park',
+	is_2fa_enabled: false,
+	role: CompanyMemberRole.CAO,
+	has_groups: true,
+	user_membership: [],
+};
+
+function routeGets(responses: Record<string, unknown>) {
+	get.mockImplementation(async (url: string) => (url in responses ? responses[url] : null) as never);
+}
+
+describe('company store', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+		routeGets({
+			'/company/my/full': company,
+			'/company/users/company-1': [member],
+			'https://saas.test/saas/custom-domain/company-1': { success: false },
+		});
+	});
+
+	it('tells a customer domain from our own hostnames', () => {
+		const store = useCompanyStore();
+		expect(store.isCustomDomain('app.rocketadmin.com')).toBe(false);
+		expect(store.isCustomDomain('admin.example.com')).toBe(true);
+	});
+
+	it('keeps the company and its members', async () => {
+		const store = useCompanyStore();
+
+		await store.fetchCompany();
+		await store.fetchCompanyMembers('company-1');
+
+		expect(get).toHaveBeenCalledWith('/company/my/full', { notify: 'alert' });
+		expect(get).toHaveBeenCalledWith('/company/users/company-1', { notify: 'alert' });
+		expect(store.company).toEqual(company);
+		expect(store.members).toEqual([member]);
+	});
+
+	it('updates the company name', async () => {
+		put.mockResolvedValueOnce({});
+		await useCompanyStore().updateCompanyName('company-1', 'North Park');
+		expect(put).toHaveBeenCalledWith(
+			'/company/name/company-1',
+			{ name: 'North Park' },
+			{ notify: 'snackbar', successMessage: 'Company name has been updated.' },
+		);
+	});
+
+	it('invites a member (with the Turnstile token only when given) and reloads company and members', async () => {
+		put.mockResolvedValue({});
+		const store = useCompanyStore();
+
+		await store.inviteCompanyMember('company-1', 'g1', 'kyle@south.park', CompanyMemberRole.Member);
+		await store.inviteCompanyMember('company-1', 'g1', 'stan@south.park', CompanyMemberRole.Member, 'turnstile');
+		await flushPromises();
+
+		expect(put).toHaveBeenCalledWith(
+			'/company/user/company-1',
+			{ groupId: 'g1', email: 'kyle@south.park', role: CompanyMemberRole.Member },
+			{ notify: 'snackbar', successMessage: 'Invitation link has been sent to kyle@south.park.' },
+		);
+		expect(put).toHaveBeenCalledWith(
+			'/company/user/company-1',
+			{ groupId: 'g1', email: 'stan@south.park', role: CompanyMemberRole.Member, turnstileToken: 'turnstile' },
+			{ notify: 'snackbar', successMessage: 'Invitation link has been sent to stan@south.park.' },
+		);
+		expect(store.company).toEqual(company);
+		expect(store.members).toEqual([member]);
+		expect(store.refreshingMembers).toBe(false);
+	});
+
+	it('flags the refresh while it runs', async () => {
+		put.mockResolvedValueOnce({});
+		const store = useCompanyStore();
+
+		await store.suspendCompanyMember('company-1', ['eric@south.park']);
+		expect(store.refreshingMembers).toBe(true);
+		await flushPromises();
+		expect(store.refreshingMembers).toBe(false);
+	});
+
+	it.each([
+		['revokeInvitation', () => useCompanyStore().revokeInvitation('company-1', 'kyle@south.park')],
+		[
+			'updateCompanyMemberRole',
+			() => useCompanyStore().updateCompanyMemberRole('company-1', 'u1', CompanyMemberRole.Member),
+		],
+		['suspendCompanyMember', () => useCompanyStore().suspendCompanyMember('company-1', ['kyle@south.park'])],
+		['restoreCompanyMember', () => useCompanyStore().restoreCompanyMember('company-1', ['kyle@south.park'])],
+	])('%s reloads the company and its members', async (_name, mutate) => {
+		put.mockResolvedValueOnce({});
+
+		await mutate();
+		await flushPromises();
+
+		expect(get.mock.calls.map(([url]) => url)).toEqual(['/company/my/full', '/company/users/company-1']);
+	});
+
+	it('sends the member changes to the right endpoints', async () => {
+		put.mockResolvedValue({});
+		const store = useCompanyStore();
+
+		await store.revokeInvitation('company-1', 'kyle@south.park');
+		await store.updateCompanyMemberRole('company-1', 'u1', CompanyMemberRole.SystemAdmin);
+		await store.suspendCompanyMember('company-1', ['a@b.c']);
+		await store.restoreCompanyMember('company-1', ['a@b.c']);
+
+		expect(put.mock.calls).toEqual([
+			[
+				'/company/invitation/revoke/company-1',
+				{ email: 'kyle@south.park' },
+				{ notify: 'snackbar', successMessage: 'Invitation has been revoked for kyle@south.park.' },
+			],
+			[
+				'/company/users/roles/company-1',
+				{ users: [{ userId: 'u1', role: CompanyMemberRole.SystemAdmin }] },
+				{ notify: 'alert', successMessage: 'Company member role has been updated.' },
+			],
+			[
+				'/company/users/suspend/company-1',
+				{ usersEmails: ['a@b.c'] },
+				{ notify: 'alert', successMessage: 'Company member has been suspended.' },
+			],
+			[
+				'/company/users/unsuspend/company-1',
+				{ usersEmails: ['a@b.c'] },
+				{ notify: 'alert', successMessage: 'Company member has been restored.' },
+			],
+		]);
+	});
+
+	it('removes a member and reloads only the members', async () => {
+		del.mockResolvedValueOnce({});
+		const store = useCompanyStore();
+
+		await store.removeCompanyMember('company-1', 'u1', 'kyle@south.park', '');
+		await flushPromises();
+
+		expect(del).toHaveBeenCalledWith('/company/company-1/user/u1', {
+			notify: 'alert',
+			successMessage: 'kyle@south.park has been removed from company.',
+		});
+		expect(get.mock.calls.map(([url]) => url)).toEqual(['/company/users/company-1']);
+	});
+
+	it('does not reload when a mutation fails', async () => {
+		put.mockRejectedValueOnce(new Error('nope'));
+
+		await expect(useCompanyStore().suspendCompanyMember('company-1', ['a@b.c'])).rejects.toThrow('nope');
+		await flushPromises();
+		expect(get).not.toHaveBeenCalled();
+	});
+
+	describe('custom domain', () => {
+		it('is read from the SaaS API', async () => {
+			const store = useCompanyStore();
+			await store.getCustomDomain('company-1');
+
+			expect(get).toHaveBeenCalledWith('https://saas.test/saas/custom-domain/company-1', { notify: 'snackbar' });
+			expect(store.customDomain).toEqual({ success: false });
+		});
+
+		it('shows a success alert with an Open link once registered, then reloads it', async () => {
+			post.mockResolvedValueOnce({});
+			const store = useCompanyStore();
+
+			await store.createCustomDomain('company-1', 'admin.example.com');
+			await flushPromises();
+
+			expect(post).toHaveBeenCalledWith(
+				'https://saas.test/saas/custom-domain/register/company-1',
+				{ hostname: 'admin.example.com' },
+				{ notify: 'snackbar' },
+			);
+			const alert = useNotificationsStore().alert;
+			expect(alert?.type).toBe(AlertType.Success);
+			expect(alert?.actions?.[0]).toEqual({
+				type: AlertActionType.Anchor,
+				caption: 'Open',
+				to: 'https://admin.example.com',
+			});
+			expect(get).toHaveBeenCalledWith('https://saas.test/saas/custom-domain/company-1', { notify: 'snackbar' });
+		});
+
+		it('is updated and deleted, reloading it each time', async () => {
+			put.mockResolvedValueOnce({});
+			del.mockResolvedValueOnce({});
+			const store = useCompanyStore();
+
+			await store.updateCustomDomain('company-1', 'new.example.com');
+			await store.deleteCustomDomain('company-1');
+			await flushPromises();
+
+			expect(put).toHaveBeenCalledWith(
+				'https://saas.test/saas/custom-domain/update/company-1',
+				{ hostname: 'new.example.com' },
+				{ notify: 'snackbar', successMessage: 'Custom domain has been updated.' },
+			);
+			expect(del).toHaveBeenCalledWith('https://saas.test/saas/custom-domain/delete/company-1', {
+				notify: 'snackbar',
+				successMessage: 'Custom domain has been removed.',
+			});
+			expect(get).toHaveBeenCalledTimes(2);
+		});
+	});
+});
diff --git a/frontend-vue/src/stores/company.ts b/frontend-vue/src/stores/company.ts
new file mode 100644
index 000000000..605ef2dbd
--- /dev/null
+++ b/frontend-vue/src/stores/company.ts
@@ -0,0 +1,236 @@
+// Port of frontend/src/app/services/company.service.ts: the user's company, its members and
+// invitations, and the SaaS custom domain.
+//
+// Angular pushed 'invited' | 'revoked' | 'role' | 'suspended' | 'unsuspended' | 'deleted' | 'domain'
+// through `company.cast` and CompanyComponent refetched on each. Here the store keeps the company,
+// its members and its custom domain as state, and each mutation refreshes the part it changed, so
+// the company page only renders `company`, `members` and `customDomain`.
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import { api } from '@/api/client';
+import { getConfig } from '@/config';
+import { environment } from '@/environment';
+import { AlertActionType, AlertType } from '@/models/alert';
+import type { Company, CompanyMember, CompanyMemberRole } from '@/models/company';
+import { useNotificationsStore } from '@/stores/notifications';
+
+/** GET /company/my/full: the Company model plus the hostname on custom-domain deployments. */
+export interface FullCompany extends Company {
+	custom_domain?: string;
+	show_test_connections?: boolean;
+}
+
+export interface CustomDomainInfo {
+	id: string | null;
+	companyId: string;
+	hostname: string;
+}
+
+export interface CustomDomainResponse {
+	success: boolean;
+	domain_info?: CustomDomainInfo;
+}
+
+export const useCompanyStore = defineStore('company', () => {
+	const company = ref<FullCompany | null>(null);
+	const members = ref<CompanyMember[]>([]);
+	const customDomain = ref<CustomDomainResponse | null>(null);
+	/** True while the company and members are refetched after a member change (`submittingUsersChange`). */
+	const refreshingMembers = ref(false);
+
+	/** Whether the app is served from a customer's own domain rather than one of ours. */
+	function isCustomDomain(hostname = window.location.hostname): boolean {
+		return !environment.saasHostnames.includes(hostname);
+	}
+
+	async function fetchCompany(): Promise<FullCompany> {
+		const data = await api.get<FullCompany>('/company/my/full', { notify: 'alert' });
+		company.value = data;
+		return data;
+	}
+
+	async function fetchCompanyMembers(companyId: string): Promise<CompanyMember[]> {
+		const data = await api.get<CompanyMember[]>(`/company/users/${companyId}`, { notify: 'alert' });
+		members.value = data;
+		return data;
+	}
+
+	function fetchCompanyName(companyId: string): Promise<{ name: string }> {
+		return api.get<{ name: string }>(`/company/name/${companyId}`, { notify: 'snackbar' });
+	}
+
+	async function updateCompanyName(companyId: string, name: string): Promise<void> {
+		await api.put(
+			`/company/name/${companyId}`,
+			{ name },
+			{ notify: 'snackbar', successMessage: 'Company name has been updated.' },
+		);
+	}
+
+	async function inviteCompanyMember(
+		companyId: string,
+		groupId: string,
+		email: string,
+		role: CompanyMemberRole,
+		turnstileToken?: string,
+	): Promise<void> {
+		await api.put(
+			`/company/user/${companyId}`,
+			{ groupId, email, role, ...(turnstileToken ? { turnstileToken } : {}) },
+			{ notify: 'snackbar', successMessage: `Invitation link has been sent to ${email}.` },
+		);
+		refreshCompanyAndMembers();
+	}
+
+	async function revokeInvitation(companyId: string, email: string): Promise<void> {
+		await api.put(
+			`/company/invitation/revoke/${companyId}`,
+			{ email },
+			{ notify: 'snackbar', successMessage: `Invitation has been revoked for ${email}.` },
+		);
+		refreshCompanyAndMembers();
+	}
+
+	async function removeCompanyMember(companyId: string, userId: string, email: string, userName: string) {
+		const response = await api.delete(`/company/${companyId}/user/${userId}`, {
+			notify: 'alert',
+			successMessage: `${userName || email} has been removed from company.`,
+		});
+		refreshMembers(companyId);
+		return response;
+	}
+
+	async function updateCompanyMemberRole(companyId: string, userId: string, role: CompanyMemberRole) {
+		const response = await api.put(
+			`/company/users/roles/${companyId}`,
+			{ users: [{ userId, role }] },
+			{ notify: 'alert', successMessage: 'Company member role has been updated.' },
+		);
+		refreshCompanyAndMembers();
+		return response;
+	}
+
+	async function suspendCompanyMember(companyId: string, usersEmails: string[]) {
+		const response = await api.put(
+			`/company/users/suspend/${companyId}`,
+			{ usersEmails },
+			{ notify: 'alert', successMessage: 'Company member has been suspended.' },
+		);
+		refreshCompanyAndMembers();
+		return response;
+	}
+
+	async function restoreCompanyMember(companyId: string, usersEmails: string[]) {
+		const response = await api.put(
+			`/company/users/unsuspend/${companyId}`,
+			{ usersEmails },
+			{ notify: 'alert', successMessage: 'Company member has been restored.' },
+		);
+		refreshCompanyAndMembers();
+		return response;
+	}
+
+	async function getCustomDomain(companyId: string): Promise<CustomDomainResponse> {
+		const data = await api.get<CustomDomainResponse>(`${getConfig().saasURL}/saas/custom-domain/${companyId}`, {
+			notify: 'snackbar',
+		});
+		customDomain.value = data;
+		return data;
+	}
+
+	async function createCustomDomain(companyId: string, hostname: string) {
+		const response = await api.post(
+			`${getConfig().saasURL}/saas/custom-domain/register/${companyId}`,
+			{ hostname },
+			{ notify: 'snackbar' },
+		);
+		const notifications = useNotificationsStore();
+		notifications.showAlert(
+			AlertType.Success,
+			{
+				abstract: `Now your admin panel is live on your own domain: ${hostname}`,
+				details:
+					'Check it out! If you have any issues or need help setting up your domain or CNAME record, please reach out to our support team.',
+			},
+			[
+				{ type: AlertActionType.Anchor, caption: 'Open', to: `https://${hostname}` },
+				{ type: AlertActionType.Button, caption: 'Dismiss', action: () => notifications.dismissAlert() },
+			],
+		);
+		refreshCustomDomain(companyId);
+		return response;
+	}
+
+	async function updateCustomDomain(companyId: string, hostname: string) {
+		const response = await api.put(
+			`${getConfig().saasURL}/saas/custom-domain/update/${companyId}`,
+			{ hostname },
+			{ notify: 'snackbar', successMessage: 'Custom domain has been updated.' },
+		);
+		refreshCustomDomain(companyId);
+		return response;
+	}
+
+	async function deleteCustomDomain(companyId: string) {
+		const response = await api.delete(`${getConfig().saasURL}/saas/custom-domain/delete/${companyId}`, {
+			notify: 'snackbar',
+			successMessage: 'Custom domain has been removed.',
+		});
+		refreshCustomDomain(companyId);
+		return response;
+	}
+
+	// The refreshes swallow their errors: the client already showed them, and the mutation succeeded.
+	async function refreshCompanyAndMembers(): Promise<void> {
+		refreshingMembers.value = true;
+		try {
+			const fresh = await fetchCompany();
+			await fetchCompanyMembers(fresh.id);
+		} catch {
+			// reported by the client
+		} finally {
+			refreshingMembers.value = false;
+		}
+	}
+
+	async function refreshMembers(companyId: string): Promise<void> {
+		refreshingMembers.value = true;
+		try {
+			await fetchCompanyMembers(companyId);
+		} catch {
+			// reported by the client
+		} finally {
+			refreshingMembers.value = false;
+		}
+	}
+
+	async function refreshCustomDomain(companyId: string): Promise<void> {
+		try {
+			await getCustomDomain(companyId);
+		} catch {
+			// reported by the client
+		}
+	}
+
+	return {
+		company,
+		members,
+		customDomain,
+		refreshingMembers,
+		isCustomDomain,
+		fetchCompany,
+		fetchCompanyMembers,
+		fetchCompanyName,
+		updateCompanyName,
+		inviteCompanyMember,
+		revokeInvitation,
+		removeCompanyMember,
+		updateCompanyMemberRole,
+		suspendCompanyMember,
+		restoreCompanyMember,
+		getCustomDomain,
+		createCustomDomain,
+		updateCustomDomain,
+		deleteCustomDomain,
+	};
+});
diff --git a/frontend-vue/src/stores/configuration-state.spec.ts b/frontend-vue/src/stores/configuration-state.spec.ts
new file mode 100644
index 000000000..fb54a4082
--- /dev/null
+++ b/frontend-vue/src/stores/configuration-state.spec.ts
@@ -0,0 +1,86 @@
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { jsonResponse, mockFetch } from '@/__tests__/mock-fetch';
+import { useNotificationsStore } from '@/stores/notifications';
+import { type ConfigProgress, DRAIN_INTERVAL_MS, useConfigurationStateStore } from './configuration-state';
+
+vi.mock('@/environment', () => ({ environment: { apiRoot: '', saasURL: '' } }));
+vi.mock('@/config', () => ({ getConfig: () => ({ baseURL: '/api', saasURL: '' }) }));
+
+/** A streamed response whose lines are released by calling `push`, then `end`. */
+function controlledStream() {
+	const encoder = new TextEncoder();
+	let controller!: ReadableStreamDefaultController<Uint8Array>;
+	const body = new ReadableStream<Uint8Array>({
+		start(c) {
+			controller = c;
+		},
+	});
+	return {
+		response: new Response(body, { status: 200 }),
+		push: (line: string) => controller.enqueue(encoder.encode(`${line}\n`)),
+		end: () => controller.close(),
+	};
+}
+
+describe('configuration state store', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		localStorage.clear();
+		vi.useFakeTimers();
+	});
+
+	afterEach(() => {
+		vi.useRealTimers();
+		vi.unstubAllGlobals();
+	});
+
+	it('streams the setup, paces the progress log and resolves true', async () => {
+		const stream = controlledStream();
+		const fetch = mockFetch(stream.response);
+		localStorage.setItem('c1__masterKey', 'secret');
+		const store = useConfigurationStateStore();
+		const showSuccessSnackbar = vi.spyOn(useNotificationsStore(), 'showSuccessSnackbar');
+		const seen: (ConfigProgress | null)[] = [];
+		store.$subscribe(() => seen.push(store.progress));
+
+		const done = store.startConfiguring('c1');
+		expect(store.isConfiguring('c1')).toBe(true);
+		expect(store.progress).toEqual({ type: 'message', text: 'Starting configuration…' });
+		expect(await store.startConfiguring('c1')).toBe(false);
+
+		stream.push(JSON.stringify({ type: 'message', text: 'Configuring users' }));
+		stream.push(JSON.stringify({ type: 'message', text: 'Configuring orders' }));
+		await vi.advanceTimersByTimeAsync(0);
+		// Queued behind the paced drain rather than shown at once.
+		expect(store.progress?.text).toBe('Starting configuration…');
+		await vi.advanceTimersByTimeAsync(DRAIN_INTERVAL_MS);
+		expect(store.progress?.text).toBe('Configuring users');
+
+		stream.push('data: {"type":"complete"}');
+		stream.end();
+		await vi.advanceTimersByTimeAsync(2000);
+
+		expect(await done).toBe(true);
+		expect(store.isConfiguring('c1')).toBe(false);
+		expect(store.progress).toEqual({ type: 'complete' });
+		expect(seen.map((progress) => progress?.text ?? progress?.type)).toContain('✓ Setup complete');
+		expect(showSuccessSnackbar).toHaveBeenCalledWith('All tables have been configured.');
+		expect(fetch.last().url).toBe('/api/ai/v2/setup/c1');
+		expect(fetch.last().headers.get('masterpwd')).toBe('secret');
+	});
+
+	it('reports a failed request and resolves false', async () => {
+		mockFetch(jsonResponse({ message: 'nope' }, 500));
+		const store = useConfigurationStateStore();
+		const showErrorSnackbar = vi.spyOn(useNotificationsStore(), 'showErrorSnackbar');
+
+		const done = store.startConfiguring('c1');
+		await vi.advanceTimersByTimeAsync(0);
+
+		expect(await done).toBe(false);
+		expect(store.progress).toEqual({ type: 'error', message: 'Setup failed with status 500' });
+		expect(showErrorSnackbar).toHaveBeenCalledWith('Setup failed with status 500');
+		expect(store.isConfiguring('c1')).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/stores/configuration-state.ts b/frontend-vue/src/stores/configuration-state.ts
new file mode 100644
index 000000000..4ddc60be2
--- /dev/null
+++ b/frontend-vue/src/stores/configuration-state.ts
@@ -0,0 +1,147 @@
+// Port of ConfigurationStateService: runs the AI auto-configure setup stream for a connection
+// (GET /ai/v2/setup/:id, NDJSON progress events) and replays the events through a paced queue so
+// the progress log reads as a steady feed rather than arriving in bursts.
+//
+// `progress$` (BehaviorSubject) is now the `progress` ref; the set of connections being configured
+// is reactive state, read through `isConfiguring(id)`.
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import { api, isApiError } from '@/api/client';
+import { useNotificationsStore } from '@/stores/notifications';
+
+export interface ConfigProgress {
+	type: 'message' | 'complete' | 'error';
+	text?: string;
+	message?: string;
+}
+
+/** Normal pace of the progress log. */
+export const DRAIN_INTERVAL_MS = 400;
+/** Pace once the stream has completed, so the remaining log flushes quickly. */
+export const DRAIN_INTERVAL_FAST_MS = 80;
+/** Longest the log may keep replaying after the stream ends before the rest is flushed at once. */
+export const DRAIN_CAP_AFTER_COMPLETE_MS = 1500;
+
+export const useConfigurationStateStore = defineStore('configurationState', () => {
+	const notifications = useNotificationsStore();
+	const configuring = ref(new Set<string>());
+	/** Latest progress event shown to the user (null when idle). */
+	const progress = ref<ConfigProgress | null>(null);
+
+	let queue: ConfigProgress[] = [];
+	let drainTimer: ReturnType<typeof setInterval> | null = null;
+	let drainIntervalMs = DRAIN_INTERVAL_MS;
+
+	/** Starts the setup stream; resolves whether it completed. A second call for the same connection resolves false. */
+	function startConfiguring(connectionId: string): Promise<boolean> {
+		if (configuring.value.has(connectionId)) return Promise.resolve(false);
+		configuring.value.add(connectionId);
+		return runSetup(connectionId);
+	}
+
+	function isConfiguring(connectionId: string): boolean {
+		return configuring.value.has(connectionId);
+	}
+
+	return { configuring, progress, startConfiguring, isConfiguring };
+
+	async function runSetup(connectionId: string): Promise<boolean> {
+		queue = [];
+		stopDrain();
+		drainIntervalMs = DRAIN_INTERVAL_MS;
+		enqueue({ type: 'message', text: 'Starting configuration…' });
+		try {
+			// The connection being configured may not be the route's, so its master key is sent explicitly.
+			const masterpwd = localStorage.getItem(`${connectionId}__masterKey`);
+			const { stream } = await api
+				.stream<ConfigProgress>(`/ai/v2/setup/${connectionId}`, undefined, {
+					headers: masterpwd ? { masterpwd } : {},
+					notify: false,
+				})
+				.catch((error: unknown) => {
+					throw isApiError(error) ? new Error(`Setup failed with status ${error.status}`) : error;
+				});
+
+			for await (const event of stream) {
+				if (event.type === 'complete') {
+					// Keeps its place after the trailing messages, but the rest of the log speeds up.
+					enqueue({ type: 'message', text: '✓ Setup complete' });
+					enqueue(event);
+					switchDrainSpeed(DRAIN_INTERVAL_FAST_MS);
+					continue;
+				}
+				enqueue(event);
+			}
+
+			await waitForDrain();
+			notifications.showSuccessSnackbar('All tables have been configured.');
+			return true;
+		} catch (error) {
+			const message = error instanceof Error ? error.message : 'Configuration could not be completed.';
+			queue = [];
+			stopDrain();
+			progress.value = { type: 'error', message };
+			notifications.showErrorSnackbar(message);
+			return false;
+		} finally {
+			configuring.value.delete(connectionId);
+		}
+	}
+
+	function enqueue(event: ConfigProgress): void {
+		queue.push(event);
+		startDrain();
+	}
+
+	function startDrain(): void {
+		if (drainTimer) return;
+		// The first item shows at once; the rest are paced.
+		drainOne();
+		drainTimer = setInterval(drainOne, drainIntervalMs);
+	}
+
+	function switchDrainSpeed(intervalMs: number): void {
+		drainIntervalMs = intervalMs;
+		if (drainTimer) {
+			clearInterval(drainTimer);
+			drainTimer = setInterval(drainOne, intervalMs);
+		}
+	}
+
+	function drainOne(): void {
+		const next = queue.shift();
+		if (!next) {
+			stopDrain();
+			return;
+		}
+		progress.value = next;
+	}
+
+	function stopDrain(): void {
+		if (drainTimer) {
+			clearInterval(drainTimer);
+			drainTimer = null;
+		}
+	}
+
+	function waitForDrain(): Promise<void> {
+		switchDrainSpeed(DRAIN_INTERVAL_FAST_MS);
+		const start = Date.now();
+		return new Promise((resolve) => {
+			const check = (): void => {
+				if (queue.length === 0 && !drainTimer) {
+					resolve();
+					return;
+				}
+				if (Date.now() - start >= DRAIN_CAP_AFTER_COMPLETE_MS) {
+					while (queue.length > 0) drainOne();
+					stopDrain();
+					resolve();
+					return;
+				}
+				setTimeout(check, DRAIN_INTERVAL_FAST_MS);
+			};
+			check();
+		});
+	}
+});
diff --git a/frontend-vue/src/stores/connections.spec.ts b/frontend-vue/src/stores/connections.spec.ts
new file mode 100644
index 000000000..43589138e
--- /dev/null
+++ b/frontend-vue/src/stores/connections.spec.ts
@@ -0,0 +1,513 @@
+// Ports the behaviour covered by frontend/src/app/services/connections.service.spec.ts.
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { computed, nextTick } from 'vue';
+import { createMemoryHistory, createRouter, type Router } from 'vue-router';
+import { fakeError, jsonResponse, mockFetch } from '@/__tests__/mock-fetch';
+import { buildHeaders } from '@/api/client';
+import { AlertActionType, AlertType } from '@/models/alert';
+import { type Connection, ConnectionType, DBtype } from '@/models/connection';
+import { AccessLevel } from '@/models/user';
+import { useNotificationsStore } from '@/stores/notifications';
+import {
+	bindConnectionsToRouter,
+	CONNECTION_INITIAL_STATE,
+	defineConnectionTitle,
+	defineConnectionType,
+	useConnectionsStore,
+} from './connections';
+
+vi.mock('@/environment', () => ({ environment: { apiRoot: '', saasURL: '' } }));
+vi.mock('@/config', () => ({ getConfig: () => ({ baseURL: '/api', saasURL: '' }) }));
+
+const permissions = vi.hoisted(() => ({
+	canI: vi.fn<(action: string, resourceType: string, resourceId: string | null) => boolean | null>(() => false),
+	canIAny: vi.fn<(action: string, resourceType: string) => boolean | null>(() => false),
+}));
+const masterPassword = vi.hoisted(() => ({ showMasterPasswordDialog: vi.fn(), checkMasterPassword: vi.fn() }));
+const users = vi.hoisted(() => ({ setActiveConnection: vi.fn() }));
+
+// The mocked permission checks are re-read on every evaluation, so a test can change the answer.
+vi.mock('@/stores/cedar-permissions', () => ({
+	useCedarPermissionsStore: () => ({
+		canI: (action: string, resourceType: string, resourceId: string | null) =>
+			computed(() => permissions.canI(action, resourceType, resourceId)),
+		canIAny: (action: string, resourceType: string) => computed(() => permissions.canIAny(action, resourceType)),
+	}),
+}));
+vi.mock('@/stores/master-password', () => ({ useMasterPasswordStore: () => masterPassword }));
+vi.mock('@/stores/users', () => ({ useUsersStore: () => users }));
+
+const connectionCredsApp: Connection = {
+	id: '9d5f6d0f-9516-4598-91c4-e4fe6330b4d4',
+	title: 'Test connection via SSH tunnel to mySQL',
+	masterEncryption: false,
+	type: DBtype.MySQL,
+	host: 'database-2.example.com',
+	port: '3306',
+	username: 'admin',
+	database: 'testDB',
+	schema: undefined,
+	sid: null,
+	ssh: true,
+	sshHost: '3.134.99.192',
+	sshPort: '22',
+	sshUsername: 'ubuntu',
+	ssl: false,
+	cert: '',
+	azure_encryption: false,
+	connectionType: ConnectionType.Direct,
+	signing_key: 'signing-key',
+};
+
+function connectionResponse(overrides: Record<string, unknown> = {}) {
+	return {
+		connection: { ...connectionCredsApp, connectionType: undefined },
+		accessLevel: AccessLevel.Edit,
+		groupManagement: true,
+		...overrides,
+	};
+}
+
+const flush = () => new Promise((resolve) => setTimeout(resolve, 0));
+
+describe('connections store', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		localStorage.clear();
+		vi.clearAllMocks();
+		permissions.canI.mockReturnValue(false);
+		permissions.canIAny.mockReturnValue(false);
+		document.documentElement.removeAttribute('style');
+	});
+
+	afterEach(() => {
+		vi.unstubAllGlobals();
+	});
+
+	describe('helpers', () => {
+		it('marks plain connections as direct', () => {
+			expect(defineConnectionType({ type: 'mysql', title: 'x' })).toEqual({
+				type: 'mysql',
+				title: 'x',
+				connectionType: ConnectionType.Direct,
+			});
+		});
+
+		it('strips the agent_ prefix and marks the connection as agent', () => {
+			expect(defineConnectionType({ type: 'agent_mysql', title: 'x' })).toEqual({
+				type: 'mysql',
+				title: 'x',
+				connectionType: ConnectionType.Agent,
+			});
+		});
+
+		it('names untitled connections', () => {
+			expect(defineConnectionTitle({ title: '', database: '', masterEncryption: true })).toBe(
+				'Untitled encrypted connection',
+			);
+			expect(defineConnectionTitle({ title: '', database: '', masterEncryption: false })).toBe('Untitled connection');
+			expect(defineConnectionTitle({ title: '', database: 'db', masterEncryption: false })).toBe('db');
+			expect(defineConnectionTitle({ title: 'Mine', database: 'db', masterEncryption: false })).toBe('Mine');
+		});
+	});
+
+	describe('current connection', () => {
+		it('sets the connection info, title and signing key from /connection/one', async () => {
+			const fetch = mockFetch(jsonResponse(connectionResponse()));
+			const store = useConnectionsStore();
+			store.setConnectionID('12345678');
+
+			await store.setConnectionInfo('12345678');
+
+			expect(fetch.last().url).toBe('/api/connection/one/12345678');
+			expect(store.currentConnection).toEqual(connectionCredsApp);
+			expect(store.connectionAccessLevel).toBe('edit');
+			expect(store.groupsAccessLevel).toBe(true);
+			expect(store.connectionTitle).toBe(connectionCredsApp.title);
+			expect(store.connectionSigningKey).toBe('signing-key');
+			expect(store.currentConnectionName).toBe(connectionCredsApp.title);
+		});
+
+		it('resets to the initial state without a connection id', async () => {
+			const store = useConnectionsStore();
+			store.connection = { ...connectionCredsApp };
+			await store.setConnectionInfo(null);
+			expect(store.connection).toEqual(CONNECTION_INITIAL_STATE);
+			expect(store.isCustomAccentedColor).toBe(false);
+		});
+
+		it('applies the custom accent colour and default table from the connection properties', async () => {
+			mockFetch(
+				jsonResponse(
+					connectionResponse({
+						connectionProperties: { secondary_color: '#654321', default_showing_table: 'users' },
+					}),
+				),
+			);
+			const store = useConnectionsStore();
+			store.setConnectionID('12345678');
+			await store.setConnectionInfo('12345678');
+
+			expect(store.isCustomAccentedColor).toBe(true);
+			expect(store.defaultDisplayTable).toBe('users');
+			expect(document.documentElement.style.getPropertyValue('--color-accent')).toBe('#654321');
+		});
+
+		it('removes the accent override when the connection has no custom colour', async () => {
+			document.documentElement.style.setProperty('--color-accent', '#654321');
+			mockFetch(jsonResponse(connectionResponse({ connectionProperties: { secondary_color: null } })));
+			const store = useConnectionsStore();
+			await store.setConnectionInfo('12345678');
+
+			expect(store.isCustomAccentedColor).toBe(false);
+			expect(document.documentElement.style.getPropertyValue('--color-accent')).toBe('');
+		});
+
+		it('ignores a response for a connection the user has already left', async () => {
+			mockFetch(jsonResponse(connectionResponse()));
+			const store = useConnectionsStore();
+			store.setConnectionID('first');
+			const pending = store.setConnectionInfo('first');
+			store.setConnectionID('second');
+			await pending;
+			expect(store.connection.id).toBeNull();
+		});
+
+		it('registers the current connection id for the masterpwd header', () => {
+			const store = useConnectionsStore();
+			store.setConnectionID('12345678');
+			localStorage.setItem('12345678__masterKey', 'secret');
+			expect(buildHeaders('/api/connections').get('masterpwd')).toBe('secret');
+		});
+	});
+
+	describe('visibleTabs', () => {
+		it('shows dashboard and audit when every permission is denied', () => {
+			expect(useConnectionsStore().visibleTabs).toEqual(['dashboard', 'audit']);
+		});
+
+		it('shows dashboards when dashboard:read is allowed', () => {
+			permissions.canIAny.mockImplementation((action) => action === 'dashboard:read');
+			const tabs = useConnectionsStore().visibleTabs;
+			expect(tabs).toContain('dashboards');
+			expect(tabs).not.toContain('permissions');
+		});
+
+		it('shows permissions when group:read is allowed', () => {
+			permissions.canIAny.mockImplementation((action) => action === 'group:read');
+			const tabs = useConnectionsStore().visibleTabs;
+			expect(tabs).toContain('permissions');
+			expect(tabs).not.toContain('dashboards');
+		});
+
+		it('shows every tab when everything is allowed, checking connection:edit on the current connection', () => {
+			permissions.canI.mockReturnValue(true);
+			permissions.canIAny.mockReturnValue(true);
+			const store = useConnectionsStore();
+			store.setConnectionID('12345678');
+			expect(store.visibleTabs).toEqual([
+				'dashboard',
+				'audit',
+				'dashboards',
+				'permissions',
+				'connection-settings',
+				'edit-db',
+			]);
+			expect(permissions.canI).toHaveBeenCalledWith('connection:edit', 'Connection', '12345678');
+		});
+	});
+
+	describe('fetchConnections', () => {
+		it('normalizes the list and keeps own (non-test) connections', async () => {
+			mockFetch(
+				jsonResponse({
+					connections: [
+						{ connection: { id: 'a', title: 'Test', type: 'oracledb', isTestConnection: true }, accessLevel: 'edit' },
+						{ connection: { id: 'b', title: '', database: 'db', type: 'agent_mysql' }, accessLevel: 'readonly' },
+					],
+					connectionsCount: 2,
+				}),
+			);
+			const store = useConnectionsStore();
+			const list = await store.fetchConnections();
+
+			expect(list).toHaveLength(2);
+			expect(list[1]).toMatchObject({
+				displayTitle: 'db',
+				connection: { type: 'mysql', connectionType: ConnectionType.Agent },
+			});
+			expect(store.ownConnectionsList?.map((item) => item.connection.id)).toEqual(['b']);
+		});
+
+		it('shows an error alert with a Dismiss action on failure', async () => {
+			mockFetch(jsonResponse(fakeError, 400));
+			const store = useConnectionsStore();
+			const notifications = useNotificationsStore();
+			const showAlert = vi.spyOn(notifications, 'showAlert');
+
+			await expect(store.fetchConnections()).rejects.toThrow();
+			expect(showAlert).toHaveBeenCalledWith(
+				AlertType.Error,
+				{ abstract: fakeError.message, details: fakeError.originalMessage },
+				[expect.objectContaining({ type: AlertActionType.Button, caption: 'Dismiss' })],
+			);
+		});
+
+		it('records the first visit for the repeat-visit conversion', async () => {
+			mockFetch(jsonResponse({ connections: [] }));
+			await useConnectionsStore().fetchConnections();
+			expect(localStorage.getItem('first_visit_time')).not.toBeNull();
+		});
+	});
+
+	describe('fetchConnection', () => {
+		it('shows an error snackbar on failure', async () => {
+			mockFetch(jsonResponse(fakeError, 400));
+			const store = useConnectionsStore();
+			const showErrorSnackbar = vi.spyOn(useNotificationsStore(), 'showErrorSnackbar');
+
+			await expect(store.fetchConnection('12345678')).rejects.toThrow();
+			expect(showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
+			expect(masterPassword.showMasterPasswordDialog).not.toHaveBeenCalled();
+		});
+
+		it('asks for the master password when the server needs it', async () => {
+			mockFetch(jsonResponse({ ...fakeError, type: 'no_master_key' }, 400));
+			await expect(useConnectionsStore().fetchConnection('12345678')).rejects.toThrow();
+			expect(masterPassword.showMasterPasswordDialog).toHaveBeenCalled();
+		});
+	});
+
+	describe('connection CRUD', () => {
+		it('testConnection posts numeric ports and the connection id', async () => {
+			const fetch = mockFetch(jsonResponse({ result: true }));
+			const res = await useConnectionsStore().testConnection('12345678', connectionCredsApp);
+
+			expect(res).toEqual({ result: true });
+			expect(fetch.last().url).toBe('/api/connection/test?connectionId=12345678');
+			expect(fetch.last().json).toMatchObject({ port: 3306, sshPort: 22, type: 'mysql' });
+		});
+
+		it('testConnection prefixes agent connections and shows failures as an alert', async () => {
+			const fetch = mockFetch(jsonResponse(fakeError, 400));
+			const showAlert = vi.spyOn(useNotificationsStore(), 'showAlert');
+			await expect(
+				useConnectionsStore().testConnection(null, { ...connectionCredsApp, connectionType: ConnectionType.Agent }),
+			).rejects.toThrow();
+
+			expect(fetch.last().url).toBe('/api/connection/test');
+			expect(fetch.last().json).toMatchObject({ type: 'agent_mysql' });
+			expect(showAlert).toHaveBeenCalledWith(
+				AlertType.Error,
+				{ abstract: fakeError.message, details: fakeError.originalMessage },
+				expect.any(Array),
+			);
+		});
+
+		it('createConnection sends the master key, checks it, invalidates the list and confirms', async () => {
+			const fetch = mockFetch(jsonResponse({ id: 'new-id' }));
+			const store = useConnectionsStore();
+			const showSuccessSnackbar = vi.spyOn(useNotificationsStore(), 'showSuccessSnackbar');
+			const version = store.connectionsVersion;
+
+			const res = await store.createConnection({ ...connectionCredsApp, masterEncryption: true }, 'key');
+
+			expect(res).toEqual({ id: 'new-id' });
+			expect(fetch.last().method).toBe('POST');
+			expect(fetch.last().headers.get('masterpwd')).toBe('key');
+			expect(masterPassword.checkMasterPassword).toHaveBeenCalledWith(true, 'new-id', 'key');
+			expect(store.connectionsVersion).toBe(version + 1);
+			expect(showSuccessSnackbar).toHaveBeenCalledWith('Connection was added successfully.');
+		});
+
+		it('createConnection shows an error alert and rethrows', async () => {
+			mockFetch(jsonResponse(fakeError, 400));
+			const showAlert = vi.spyOn(useNotificationsStore(), 'showAlert');
+			await expect(useConnectionsStore().createConnection(connectionCredsApp, '')).rejects.toThrow(fakeError.message);
+			expect(showAlert).toHaveBeenCalled();
+		});
+
+		it('updateConnection puts to the connection and confirms', async () => {
+			const fetch = mockFetch(jsonResponse({ connection: {} }));
+			const store = useConnectionsStore();
+			const showSuccessSnackbar = vi.spyOn(useNotificationsStore(), 'showSuccessSnackbar');
+
+			await store.updateConnection(connectionCredsApp, '');
+
+			expect(fetch.last().method).toBe('PUT');
+			expect(fetch.last().url).toBe(`/api/connection/${connectionCredsApp.id}`);
+			expect(fetch.last().headers.has('masterpwd')).toBe(false);
+			expect(showSuccessSnackbar).toHaveBeenCalledWith('Connection has been updated successfully.');
+			expect(store.connectionsVersion).toBe(1);
+		});
+
+		it('updateConnection shows an error alert with Dismiss and rethrows', async () => {
+			mockFetch(jsonResponse(fakeError, 400));
+			const showAlert = vi.spyOn(useNotificationsStore(), 'showAlert');
+			await expect(useConnectionsStore().updateConnection(connectionCredsApp, '')).rejects.toThrow();
+			expect(showAlert).toHaveBeenCalledWith(
+				AlertType.Error,
+				{ abstract: fakeError.message, details: fakeError.originalMessage },
+				[expect.objectContaining({ caption: 'Dismiss' })],
+			);
+		});
+
+		it('deleteConnection puts the metadata, invalidates the list and confirms', async () => {
+			const fetch = mockFetch(jsonResponse({}));
+			const store = useConnectionsStore();
+			const showSuccessSnackbar = vi.spyOn(useNotificationsStore(), 'showSuccessSnackbar');
+
+			await store.deleteConnection('12345678', { reason: 'missing-features', message: 'x' });
+
+			expect(fetch.last().url).toBe('/api/connection/delete/12345678');
+			expect(fetch.last().json).toEqual({ reason: 'missing-features', message: 'x' });
+			expect(store.connectionsVersion).toBe(1);
+			expect(showSuccessSnackbar).toHaveBeenCalledWith('Connection has been deleted successfully.');
+		});
+
+		it('deleteConnection shows an error snackbar on failure', async () => {
+			mockFetch(jsonResponse(fakeError, 400));
+			const showErrorSnackbar = vi.spyOn(useNotificationsStore(), 'showErrorSnackbar');
+			await expect(useConnectionsStore().deleteConnection('12345678', {})).rejects.toThrow();
+			expect(showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
+		});
+	});
+
+	describe('fetchAuditLog', () => {
+		it('requests the page with table and email filters', async () => {
+			const fetch = mockFetch(jsonResponse({ logs: [] }));
+			await useConnectionsStore().fetchAuditLog({
+				connectionID: '12345678',
+				tableName: 'users_table',
+				userEmail: 'eric.cartman@south.park',
+				requstedPage: 2,
+				chunkSize: 10,
+			});
+			expect(fetch.last().url).toBe(
+				'/api/logs/12345678?page=2&perPage=10&tableName=users_table&email=eric.cartman%40south.park',
+			);
+		});
+
+		it('drops the filters set to showAll', async () => {
+			const fetch = mockFetch(jsonResponse({ logs: [] }));
+			await useConnectionsStore().fetchAuditLog({
+				connectionID: '12345678',
+				tableName: 'showAll',
+				userEmail: 'showAll',
+				requstedPage: 1,
+				chunkSize: 30,
+			});
+			expect(fetch.last().url).toBe('/api/logs/12345678?page=1&perPage=30');
+		});
+
+		it('shows an error snackbar on failure', async () => {
+			mockFetch(jsonResponse(fakeError, 400));
+			const showErrorSnackbar = vi.spyOn(useNotificationsStore(), 'showErrorSnackbar');
+			await expect(
+				useConnectionsStore().fetchAuditLog({ connectionID: '1', requstedPage: 1, chunkSize: 10 }),
+			).rejects.toThrow();
+			expect(showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
+		});
+	});
+
+	describe('connection settings', () => {
+		const settings = {
+			id: 'dd58c614',
+			connectionId: '12345678',
+			primary_color: '#123456',
+			secondary_color: '#654321',
+			hidden_tables: ['users', 'orders'],
+			tables_audit: true,
+		};
+
+		it('getConnectionSettings returns the settings and applies the accent colour', async () => {
+			const fetch = mockFetch(jsonResponse(settings));
+			const store = useConnectionsStore();
+			expect(await store.getConnectionSettings('12345678')).toEqual(settings);
+			expect(fetch.last().url).toBe('/api/connection/properties/12345678');
+			expect(document.documentElement.style.getPropertyValue('--color-accent')).toBe('#654321');
+			expect(store.isCustomAccentedColor).toBe(true);
+		});
+
+		it('getConnectionSettings leaves the theme alone when there are no settings', async () => {
+			mockFetch(jsonResponse(null));
+			document.documentElement.style.setProperty('--color-accent', '#654321');
+			expect(await useConnectionsStore().getConnectionSettings('12345678')).toBeNull();
+			expect(document.documentElement.style.getPropertyValue('--color-accent')).toBe('#654321');
+		});
+
+		it.each([
+			['createConnectionSettings', 'POST', 'Connection settings has been created successfully.'],
+			['updateConnectionSettings', 'PUT', 'Connection settings has been updated successfully.'],
+		] as const)('%s sends the settings and confirms', async (method, httpMethod, message) => {
+			const fetch = mockFetch(jsonResponse(settings));
+			const showSuccessSnackbar = vi.spyOn(useNotificationsStore(), 'showSuccessSnackbar');
+			await useConnectionsStore()[method]('12345678', { hidden_tables: ['users'] });
+			expect(fetch.last().method).toBe(httpMethod);
+			expect(fetch.last().json).toEqual({ hidden_tables: ['users'] });
+			expect(showSuccessSnackbar).toHaveBeenCalledWith(message);
+		});
+
+		it('deleteConnectionSettings deletes and confirms', async () => {
+			const fetch = mockFetch(jsonResponse(null));
+			const showSuccessSnackbar = vi.spyOn(useNotificationsStore(), 'showSuccessSnackbar');
+			await useConnectionsStore().deleteConnectionSettings('12345678');
+			expect(fetch.last().method).toBe('DELETE');
+			expect(showSuccessSnackbar).toHaveBeenCalledWith('Connection settings has been removed successfully.');
+		});
+
+		it('settings failures show an error snackbar', async () => {
+			mockFetch(jsonResponse(fakeError, 400));
+			const showErrorSnackbar = vi.spyOn(useNotificationsStore(), 'showErrorSnackbar');
+			await expect(useConnectionsStore().updateConnectionTitle('12345678', 'New')).rejects.toThrow();
+			expect(showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
+		});
+	});
+
+	describe('bindConnectionsToRouter', () => {
+		let router: Router;
+
+		beforeEach(async () => {
+			const view = { template: '<div />' };
+			router = createRouter({
+				history: createMemoryHistory(),
+				routes: [
+					{ path: '/connections-list', component: view },
+					{ path: '/dashboard/:connectionId', component: view },
+					{ path: '/dashboard/:connectionId/:tableName', component: view },
+				],
+			});
+			await router.push('/connections-list');
+		});
+
+		it('follows the connection id and page of the route', async () => {
+			const fetch = mockFetch(jsonResponse(connectionResponse()));
+			const store = useConnectionsStore();
+			const resetAlert = vi.spyOn(useNotificationsStore(), 'resetAlert');
+			bindConnectionsToRouter(router);
+			expect(store.connectionID).toBeNull();
+			expect(store.currentTab).toBe('connections-list');
+
+			await router.push('/dashboard/12345678');
+			await flush();
+
+			expect(store.connectionID).toBe('12345678');
+			expect(store.currentTab).toBe('dashboard');
+			expect(users.setActiveConnection).toHaveBeenCalledWith('12345678');
+			expect(resetAlert).toHaveBeenCalled();
+			expect(fetch.requests.map((request) => request.url)).toEqual(['/api/connection/one/12345678']);
+			expect(store.currentConnectionName).toBe(connectionCredsApp.title);
+		});
+
+		it('does not refetch the connection when only the query changes', async () => {
+			const fetch = mockFetch(jsonResponse(connectionResponse()));
+			bindConnectionsToRouter(router);
+			await router.push('/dashboard/12345678/users');
+			await router.push('/dashboard/12345678/users?page_index=2');
+			await flush();
+			await nextTick();
+			expect(fetch.requests).toHaveLength(1);
+		});
+	});
+});
diff --git a/frontend-vue/src/stores/connections.ts b/frontend-vue/src/stores/connections.ts
new file mode 100644
index 000000000..75a163ced
--- /dev/null
+++ b/frontend-vue/src/stores/connections.ts
@@ -0,0 +1,424 @@
+// Port of ConnectionsService: the connections list, the connection the current route points at
+// (its title, access levels, default table and custom accent colour), the connection-level tabs the
+// user may see, and the connection CRUD / settings / audit-log endpoints.
+//
+// Angular derived the current connection from Router NavigationEnd events inside the service. Here
+// the store exposes `syncFromRoute(route)`, and `bindConnectionsToRouter(router)` wires it to
+// `router.afterEach` (call it once from main.ts / the shell).
+import { defineStore } from 'pinia';
+import { computed, ref } from 'vue';
+import type { RouteLocationNormalizedLoaded, Router } from 'vue-router';
+import { api, isApiError, setConnectionIdProvider } from '@/api/client';
+import { applyConnectionAccent, resetConnectionAccent } from '@/lib/connection-theme';
+import {
+	type Connection,
+	type ConnectionItem,
+	type ConnectionSettings,
+	ConnectionType,
+	DBtype,
+} from '@/models/connection';
+import type { AccessLevel } from '@/models/user';
+import { useCedarPermissionsStore } from '@/stores/cedar-permissions';
+import { useMasterPasswordStore } from '@/stores/master-password';
+import { useNotificationsStore } from '@/stores/notifications';
+import { useUsersStore } from '@/stores/users';
+
+/** `/connection/properties/:id` as stored: the settings plus their own ids. */
+export interface ConnectionProperties extends ConnectionSettings {
+	id?: string;
+	connectionId?: string;
+}
+
+/** GET /connection/one/:id */
+export interface ConnectionResponse {
+	connection: Connection;
+	accessLevel: AccessLevel;
+	groupManagement: boolean;
+	connectionProperties?: ConnectionProperties | null;
+}
+
+/** One entry of GET /connections, with the title the list displays. */
+export interface ConnectionListItem extends ConnectionItem {
+	displayTitle: string;
+}
+
+interface ConnectionsResponse {
+	connections: ConnectionItem[];
+	connectionsCount?: number;
+}
+
+export interface CreatedConnection extends Partial<Connection> {
+	id: string;
+}
+
+export interface AuditLogParams {
+	connectionID: string;
+	/** 'showAll' means no filter, as in the Angular audit page. */
+	tableName?: string | null;
+	userEmail?: string | null;
+	requstedPage: number;
+	chunkSize: number;
+}
+
+/** The fields the delete-connection dialog asks for (why the user is leaving). */
+export type DeleteConnectionMetadata = Record<string, unknown>;
+
+/** The tabs of the connection page, in display order. */
+export type ConnectionTab = 'dashboard' | 'audit' | 'dashboards' | 'permissions' | 'connection-settings' | 'edit-db';
+
+export const CONNECTION_INITIAL_STATE: Readonly<Connection> = Object.freeze({
+	id: null,
+	type: DBtype.MySQL,
+	host: '',
+	port: '3306',
+	sid: '',
+	username: '',
+	password: '',
+	database: '',
+	authSource: '',
+	title: '',
+	ssh: false,
+	privateSSHKey: '',
+	sshHost: '',
+	sshPort: '',
+	sshUsername: '',
+	ssl: false,
+	cert: '',
+	masterEncryption: false,
+	azure_encryption: false,
+	connectionType: ConnectionType.Direct,
+	signing_key: undefined,
+});
+
+/** The backend encodes agent connections as `type: 'agent_<db>'`; split that into type + connectionType. */
+export function defineConnectionType<T extends { type?: string; connectionType?: ConnectionType }>(
+	connection: T,
+): T & { connectionType: ConnectionType } {
+	if (connection.type?.startsWith('agent_')) {
+		return { ...connection, type: connection.type.slice(6), connectionType: ConnectionType.Agent };
+	}
+	return { ...connection, connectionType: ConnectionType.Direct };
+}
+
+export function defineConnectionTitle(connection: Pick<Connection, 'title' | 'database' | 'masterEncryption'>): string {
+	if (!connection.title && connection.masterEncryption) return 'Untitled encrypted connection';
+	if (!connection.title && !connection.database) return 'Untitled connection';
+	return connection.title || connection.database;
+}
+
+export function isPermitted(accessLevel: AccessLevel | null | undefined): boolean {
+	return accessLevel === 'edit' || accessLevel === 'readonly';
+}
+
+export const useConnectionsStore = defineStore('connections', () => {
+	const notifications = useNotificationsStore();
+	const permissions = useCedarPermissionsStore();
+
+	const connectionID = ref<string | null>(null);
+	const connection = ref<Connection>({ ...CONNECTION_INITIAL_STATE });
+	const connectionAccessLevel = ref<AccessLevel | null>(null);
+	const groupsAccessLevel = ref<boolean | null>(null);
+	/** First path segment of the current route ('dashboard', 'audit', ...). */
+	const currentPage = ref<string | null>(null);
+	const isCustomAccentedColor = ref(false);
+	const defaultDisplayTable = ref<string | null>(null);
+	/** null until the first fetchConnections(); test connections are excluded. */
+	const ownConnections = ref<ConnectionListItem[] | null>(null);
+	/** Replaces getCurrentConnectionTitle(): 'Rocketadmin' until a connection has loaded. */
+	const connectionTitle = ref('Rocketadmin');
+	/** Replaces getCurrentConnectionSigningKey(). */
+	const connectionSigningKey = ref<string | null>(null);
+	/**
+	 * Replaces `cast` / invalidateConnections(): bumped whenever the list is stale (a connection was
+	 * created, updated or deleted). The shell watches it (immediately) and calls fetchConnections().
+	 */
+	const connectionsVersion = ref(0);
+
+	setConnectionIdProvider(() => connectionID.value);
+
+	const currentConnectionName = computed(() => defineConnectionTitle(connection.value));
+	const canReadDashboards = permissions.canIAny('dashboard:read', 'Dashboard');
+	const canReadGroups = permissions.canIAny('group:read', 'Group');
+	const canEditConnection = computed(
+		() => !!permissions.canI('connection:edit', 'Connection', connectionID.value).value,
+	);
+
+	const visibleTabs = computed<ConnectionTab[]>(() => {
+		const tabs: ConnectionTab[] = ['dashboard', 'audit'];
+		if (canReadDashboards.value) tabs.push('dashboards');
+		if (canReadGroups.value) tabs.push('permissions');
+		if (canEditConnection.value) tabs.push('connection-settings', 'edit-db');
+		return tabs;
+	});
+
+	function invalidateConnections(): void {
+		connectionsVersion.value++;
+	}
+
+	function setConnectionID(id: string | null): void {
+		connectionID.value = id;
+	}
+
+	/** Loads (or, with no id, clears) the current connection. Errors are already reported by the request. */
+	async function setConnectionInfo(id: string | null): Promise<void> {
+		defaultDisplayTable.value = null;
+		if (!id) {
+			connection.value = { ...CONNECTION_INITIAL_STATE };
+			isCustomAccentedColor.value = false;
+			resetConnectionAccent();
+			return;
+		}
+		let res: ConnectionResponse;
+		try {
+			res = await loadConnection(id);
+		} catch {
+			return;
+		}
+		// The user may have moved to another connection while this one was loading.
+		if (connectionID.value !== null && connectionID.value !== id) return;
+		applyConnectionProperties(res.connectionProperties);
+		connection.value = res.connection;
+		connectionAccessLevel.value = res.accessLevel;
+		groupsAccessLevel.value = res.groupManagement;
+		connectionTitle.value = res.connection.title || res.connection.database;
+		connectionSigningKey.value = res.connection.signing_key ?? null;
+	}
+
+	/** What the Angular NavigationEnd subscription did on every navigation. */
+	function syncFromRoute(route: RouteLocationNormalizedLoaded, from?: RouteLocationNormalizedLoaded): void {
+		const id = routeParam(route, 'connectionId');
+		currentPage.value = route.path.split('/')[1] || null;
+		const changed = !from || from.path !== route.path || connectionID.value !== id;
+		setConnectionID(id);
+		// Angular refetched on every NavigationEnd; a query-only change (table paging, filters)
+		// can't change the connection, so it no longer triggers a refetch.
+		if (changed) setConnectionInfo(id);
+		if (id) useUsersStore().setActiveConnection(id);
+		notifications.resetAlert();
+	}
+
+	async function fetchConnections(): Promise<ConnectionListItem[]> {
+		checkAndSendConversion();
+		const res = await api.get<ConnectionsResponse>('/connections', { notify: 'alert' });
+		const connections = res.connections.map((item) => ({
+			...item,
+			connection: defineConnectionType(item.connection),
+			displayTitle: defineConnectionTitle(item.connection),
+		}));
+		ownConnections.value = connections.filter((item) => !item.connection.isTestConnection);
+		return connections;
+	}
+
+	/** GET /connection/one/:id; also applies the connection's default table and accent colour. */
+	async function fetchConnection(id: string): Promise<ConnectionResponse> {
+		const res = await loadConnection(id);
+		applyConnectionProperties(res.connectionProperties);
+		return res;
+	}
+
+	function testConnection(id: string | null, credentials: Connection): Promise<unknown> {
+		return api.post('/connection/test', toDbCredentials(credentials), {
+			params: id ? { connectionId: id } : undefined,
+			notify: 'alert',
+		});
+	}
+
+	async function createConnection(credentials: Connection, masterKey: string): Promise<CreatedConnection> {
+		const res = await api.post<CreatedConnection>('/connection', toDbCredentials(credentials), {
+			headers: masterKey ? { masterpwd: masterKey } : {},
+			notify: 'alert',
+		});
+		invalidateConnections();
+		useMasterPasswordStore().checkMasterPassword(credentials.masterEncryption, res.id, masterKey);
+		notifications.showSuccessSnackbar('Connection was added successfully.');
+		return res;
+	}
+
+	async function updateConnection(credentials: Connection, masterKey: string): Promise<unknown> {
+		const res = await api.put(`/connection/${credentials.id}`, toDbCredentials(credentials), {
+			headers: masterKey ? { masterpwd: masterKey } : {},
+			notify: 'alert',
+		});
+		useMasterPasswordStore().checkMasterPassword(credentials.masterEncryption, credentials.id ?? '', masterKey);
+		notifications.showSuccessSnackbar('Connection has been updated successfully.');
+		invalidateConnections();
+		return res;
+	}
+
+	async function deleteConnection(id: string, metadata: DeleteConnectionMetadata): Promise<void> {
+		await api.put(`/connection/delete/${id}`, metadata, {
+			notify: 'snackbar',
+			successMessage: 'Connection has been deleted successfully.',
+		});
+		invalidateConnections();
+	}
+
+	function fetchAuditLog<T = unknown>({
+		connectionID: id,
+		tableName,
+		userEmail,
+		requstedPage,
+		chunkSize,
+	}: AuditLogParams): Promise<T> {
+		return api.get<T>(`/logs/${id}`, {
+			params: {
+				page: requstedPage,
+				perPage: chunkSize,
+				tableName: tableName && tableName !== 'showAll' ? tableName : undefined,
+				email: userEmail && userEmail !== 'showAll' ? userEmail : undefined,
+			},
+			notify: 'snackbar',
+		});
+	}
+
+	async function getConnectionSettings(id: string): Promise<ConnectionProperties | null> {
+		const res = await api.get<ConnectionProperties | null>(`/connection/properties/${id}`, { notify: 'snackbar' });
+		if (res) applyAccent(res.secondary_color);
+		return res;
+	}
+
+	function createConnectionSettings(id: string, settings: ConnectionSettings): Promise<ConnectionProperties> {
+		return api.post<ConnectionProperties>(`/connection/properties/${id}`, settings, {
+			notify: 'snackbar',
+			successMessage: 'Connection settings has been created successfully.',
+		});
+	}
+
+	function updateConnectionSettings(id: string, settings: ConnectionSettings): Promise<ConnectionProperties> {
+		return api.put<ConnectionProperties>(`/connection/properties/${id}`, settings, {
+			notify: 'snackbar',
+			successMessage: 'Connection settings has been updated successfully.',
+		});
+	}
+
+	function updateConnectionTitle(id: string, title: string): Promise<unknown> {
+		return api.put(
+			`/connection/title/${id}`,
+			{ title },
+			{ notify: 'snackbar', successMessage: 'Connection title has been updated successfully.' },
+		);
+	}
+
+	async function deleteConnectionSettings(id: string): Promise<void> {
+		await api.delete(`/connection/properties/${id}`, {
+			notify: 'snackbar',
+			successMessage: 'Connection settings has been removed successfully.',
+		});
+	}
+
+	return {
+		connectionID,
+		/** Alias of connectionID, the Angular getter name. */
+		currentConnectionID: connectionID,
+		connection,
+		/** Alias of connection, the Angular getter name. */
+		currentConnection: connection,
+		connectionAccessLevel,
+		groupsAccessLevel,
+		currentPage,
+		/** Alias of currentPage, the Angular getter name. */
+		currentTab: currentPage,
+		isCustomAccentedColor,
+		defaultDisplayTable,
+		ownConnections,
+		ownConnectionsList: ownConnections,
+		connectionTitle,
+		connectionSigningKey,
+		connectionsVersion,
+		currentConnectionName,
+		canEditConnection,
+		visibleTabs,
+		invalidateConnections,
+		setConnectionID,
+		setConnectionInfo,
+		syncFromRoute,
+		fetchConnections,
+		fetchConnection,
+		testConnection,
+		createConnection,
+		updateConnection,
+		deleteConnection,
+		fetchAuditLog,
+		getConnectionSettings,
+		createConnectionSettings,
+		updateConnectionSettings,
+		updateConnectionTitle,
+		deleteConnectionSettings,
+		isPermitted,
+		defineConnectionType,
+		defineConnectionTitle,
+	};
+
+	async function loadConnection(id: string): Promise<ConnectionResponse> {
+		let res: ConnectionResponse;
+		try {
+			res = await api.get<ConnectionResponse>(`/connection/one/${id}`, { notify: 'snackbar' });
+		} catch (error) {
+			if (isApiError(error) && error.body.type === 'no_master_key' && location.pathname !== '/connections-list') {
+				useMasterPasswordStore().showMasterPasswordDialog(id);
+			}
+			throw error;
+		}
+		return { ...res, connection: defineConnectionType(res.connection) };
+	}
+
+	function applyConnectionProperties(properties: ConnectionProperties | null | undefined): void {
+		defaultDisplayTable.value = properties?.default_showing_table ?? null;
+		applyAccent(properties?.secondary_color);
+	}
+
+	function applyAccent(color: string | null | undefined): void {
+		isCustomAccentedColor.value = applyConnectionAccent(color);
+	}
+});
+
+/**
+ * Keeps the connections store in step with the router: call once at startup, after the router and
+ * Pinia are installed. Returns the function that removes the hook.
+ */
+export function bindConnectionsToRouter(router: Router): () => void {
+	const store = useConnectionsStore();
+	store.syncFromRoute(router.currentRoute.value);
+	return router.afterEach((to, from, failure) => {
+		if (!failure) store.syncFromRoute(to, from);
+	});
+}
+
+function routeParam(route: RouteLocationNormalizedLoaded, name: string): string | null {
+	const value = route.params[name];
+	const first = Array.isArray(value) ? value[0] : value;
+	return first || null;
+}
+
+/** The API wants numeric ports and the agent flag folded back into `type`. */
+function toDbCredentials(connection: Connection): Record<string, unknown> {
+	return {
+		...connection,
+		port: Number.parseInt(connection.port, 10),
+		sshPort: Number.parseInt(connection.sshPort ?? '', 10),
+		type: connection.connectionType === ConnectionType.Agent ? `agent_${connection.type}` : connection.type,
+	};
+}
+
+const CONVERSION_DELAY_DAYS = 7;
+
+// Google Ads "repeat visit" conversion: fired once, the first time the list loads a week or more
+// after the first visit.
+function checkAndSendConversion(): void {
+	const now = new Date();
+	const firstVisitTime = localStorage.getItem('first_visit_time');
+	if (!firstVisitTime) {
+		localStorage.setItem('first_visit_time', now.toISOString());
+		return;
+	}
+	const days = Math.floor((now.getTime() - new Date(firstVisitTime).getTime()) / (1000 * 60 * 60 * 24));
+	if (days < CONVERSION_DELAY_DAYS || localStorage.getItem('repeat_conversion_sent')) return;
+
+	localStorage.setItem('repeat_conversion_sent', 'true');
+	const { gtag } = window as Window & { gtag?: (...args: unknown[]) => void };
+	gtag?.('event', 'conversion', {
+		send_to: 'AW-419937947/jqGyCJWo4qobEJv9nsgB',
+		value: 1.0,
+		currency: 'USD',
+	});
+}
diff --git a/frontend-vue/src/stores/dashboards.spec.ts b/frontend-vue/src/stores/dashboards.spec.ts
new file mode 100644
index 000000000..6cb310f53
--- /dev/null
+++ b/frontend-vue/src/stores/dashboards.spec.ts
@@ -0,0 +1,241 @@
+import { QueryClient, VueQueryPlugin } from '@tanstack/vue-query';
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, type Pinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { createApp, defineComponent, h, ref } from 'vue';
+import type { Dashboard, DashboardWidget } from '@/models/dashboard';
+import { dashboardKeys, useDashboardQuery, useDashboardsQuery, useDashboardsStore } from './dashboards';
+import { useNotificationsStore } from './notifications';
+
+vi.mock('@/environment', () => ({ environment: { apiRoot: '/api', saasURL: '' } }));
+
+const dashboard: Dashboard = {
+	id: 'd1',
+	name: 'Sales',
+	description: null,
+	connection_id: 'c1',
+	created_at: '2024-01-01',
+	updated_at: '2024-01-01',
+};
+const widget: DashboardWidget = {
+	id: 'w1',
+	position_x: 0,
+	position_y: 0,
+	width: 4,
+	height: 3,
+	query_id: 'q1',
+	dashboard_id: 'd1',
+};
+
+function jsonResponse(body: unknown, status = 200): Response {
+	return new Response(JSON.stringify(body), { status, headers: { 'Content-Type': 'application/json' } });
+}
+
+describe('dashboards store', () => {
+	let fetchMock: ReturnType<typeof vi.fn>;
+	let pinia: Pinia;
+	let queryClient: QueryClient;
+
+	beforeEach(() => {
+		pinia = createPinia();
+		setActivePinia(pinia);
+		queryClient = new QueryClient();
+		fetchMock = vi.fn(async () => jsonResponse(dashboard));
+		vi.stubGlobal('fetch', fetchMock);
+	});
+
+	afterEach(() => {
+		vi.unstubAllGlobals();
+		queryClient.clear();
+	});
+
+	function calls(): { url: string; method: string | undefined; body: unknown }[] {
+		return fetchMock.mock.calls.map((call) => {
+			const [url, init] = call as [string, RequestInit];
+			return { url, method: init.method, body: init.body ? JSON.parse(String(init.body)) : undefined };
+		});
+	}
+
+	// The store needs the query client from the app's injection context, like in main.ts.
+	function createStore() {
+		const app = createApp({ render: () => null });
+		app.use(pinia).use(VueQueryPlugin, { queryClient });
+		return app.runWithContext(() => useDashboardsStore());
+	}
+
+	function mountQuery<T>(useComposable: () => T): T {
+		let result: T | undefined;
+		mount(
+			defineComponent({
+				setup() {
+					result = useComposable();
+					return () => h('div');
+				},
+			}),
+			{ global: { plugins: [pinia, [VueQueryPlugin, { queryClient }]] } },
+		);
+		return result as T;
+	}
+
+	describe('useDashboardsQuery', () => {
+		it('does not fetch without a connection id and exposes an empty list', async () => {
+			const { dashboards, loading } = mountQuery(() => useDashboardsQuery(null));
+			await flushPromises();
+			expect(fetchMock).not.toHaveBeenCalled();
+			expect(dashboards.value).toEqual([]);
+			expect(loading.value).toBe(false);
+		});
+
+		it('fetches the dashboards of the connection and refetches when the id changes', async () => {
+			fetchMock.mockImplementation(async () => jsonResponse([dashboard]));
+			const connectionId = ref('c1');
+			const { dashboards } = mountQuery(() => useDashboardsQuery(connectionId));
+			await flushPromises();
+			expect(calls()[0]).toMatchObject({ url: '/api/dashboards/c1', method: 'GET' });
+			expect(dashboards.value).toEqual([dashboard]);
+
+			connectionId.value = 'c2';
+			await flushPromises();
+			expect(calls()[1]?.url).toBe('/api/dashboards/c2');
+		});
+
+		it('reports a failure once with the Angular error message and exposes the error', async () => {
+			fetchMock.mockImplementation(async () => jsonResponse({ message: 'boom' }, 500));
+			const { dashboards, error } = mountQuery(() => useDashboardsQuery('c1'));
+			await flushPromises();
+			expect(fetchMock).toHaveBeenCalledTimes(1);
+			expect(error.value).toBeInstanceOf(Error);
+			expect(dashboards.value).toEqual([]);
+			expect(useNotificationsStore().snackbars[0]?.message).toBe('Failed to fetch dashboards');
+		});
+
+		it('refresh() refetches', async () => {
+			fetchMock.mockImplementation(async () => jsonResponse([dashboard]));
+			const { refresh } = mountQuery(() => useDashboardsQuery('c1'));
+			await flushPromises();
+			await refresh();
+			expect(fetchMock).toHaveBeenCalledTimes(2);
+		});
+	});
+
+	describe('useDashboardQuery', () => {
+		it('needs both ids, then fetches the dashboard with its widgets', async () => {
+			const dashboardId = ref<string | null>(null);
+			const { dashboard: current } = mountQuery(() => useDashboardQuery('c1', dashboardId));
+			await flushPromises();
+			expect(fetchMock).not.toHaveBeenCalled();
+			expect(current.value).toBeNull();
+
+			dashboardId.value = 'd1';
+			await flushPromises();
+			expect(calls()[0]).toMatchObject({ url: '/api/dashboard/d1/c1', method: 'GET' });
+			expect(current.value).toEqual(dashboard);
+		});
+	});
+
+	describe('dashboard CRUD', () => {
+		it('createDashboard posts, shows the success snackbar and invalidates the list', async () => {
+			const store = createStore();
+			const invalidate = vi.spyOn(queryClient, 'invalidateQueries');
+			const result = await store.createDashboard('c1', { name: 'Sales' });
+
+			expect(result).toEqual(dashboard);
+			expect(calls()[0]).toEqual({ url: '/api/dashboards/c1', method: 'POST', body: { name: 'Sales' } });
+			expect(useNotificationsStore().snackbars[0]?.message).toBe('Dashboard created successfully');
+			expect(invalidate).toHaveBeenCalledWith({ queryKey: dashboardKeys.list('c1') });
+		});
+
+		it('updateDashboard puts to the dashboard url', async () => {
+			const store = createStore();
+			await store.updateDashboard('c1', 'd1', { name: 'New' });
+			expect(calls()[0]).toEqual({ url: '/api/dashboard/d1/c1', method: 'PUT', body: { name: 'New' } });
+			expect(useNotificationsStore().snackbars[0]?.message).toBe('Dashboard updated successfully');
+		});
+
+		it('deleteDashboard deletes and reloads a mounted list', async () => {
+			fetchMock.mockImplementation(async (_url: string, init: RequestInit) =>
+				jsonResponse(init.method === 'DELETE' ? dashboard : [dashboard]),
+			);
+			mountQuery(() => useDashboardsQuery('c1'));
+			await flushPromises();
+			const store = createStore();
+
+			await store.deleteDashboard('c1', 'd1');
+			await flushPromises();
+
+			expect(calls().map((c) => `${c.method} ${c.url}`)).toEqual([
+				'GET /api/dashboards/c1',
+				'DELETE /api/dashboard/d1/c1',
+				'GET /api/dashboards/c1',
+			]);
+			expect(useNotificationsStore().snackbars[0]?.message).toBe('Dashboard deleted successfully');
+		});
+
+		it('rejects with the notified ApiError on failure and does not invalidate', async () => {
+			fetchMock.mockImplementation(async () => jsonResponse({ message: 'Name taken' }, 400));
+			const store = createStore();
+			const invalidate = vi.spyOn(queryClient, 'invalidateQueries');
+
+			await expect(store.createDashboard('c1', { name: 'Sales' })).rejects.toMatchObject({
+				name: 'ApiError',
+				notified: true,
+			});
+			expect(useNotificationsStore().snackbars[0]?.message).toBe('Name taken');
+			expect(invalidate).not.toHaveBeenCalled();
+		});
+	});
+
+	describe('widgets', () => {
+		beforeEach(() => {
+			fetchMock.mockImplementation(async () => jsonResponse(widget));
+		});
+
+		it('createWidget posts to the widget url and invalidates the list', async () => {
+			const store = createStore();
+			const invalidate = vi.spyOn(queryClient, 'invalidateQueries');
+			const payload = { position_x: 0, position_y: 0, width: 4, height: 3, query_id: 'q1' };
+
+			expect(await store.createWidget('c1', 'd1', payload)).toEqual(widget);
+			expect(calls()[0]).toEqual({ url: '/api/dashboard/d1/widget/c1', method: 'POST', body: payload });
+			expect(useNotificationsStore().snackbars[0]?.message).toBe('Widget created successfully');
+			expect(invalidate).toHaveBeenCalledWith({ queryKey: dashboardKeys.list('c1') });
+		});
+
+		it('updateWidget and updateWidgetPosition put silently', async () => {
+			const store = createStore();
+			const invalidate = vi.spyOn(queryClient, 'invalidateQueries');
+			await store.updateWidget('c1', 'd1', 'w1', { query_id: 'q2' });
+			await store.updateWidgetPosition('c1', 'd1', 'w1', { position_x: 1, position_y: 2, width: 3, height: 4 });
+
+			expect(calls()).toEqual([
+				{ url: '/api/dashboard/d1/widget/w1/c1', method: 'PUT', body: { query_id: 'q2' } },
+				{
+					url: '/api/dashboard/d1/widget/w1/c1',
+					method: 'PUT',
+					body: { position_x: 1, position_y: 2, width: 3, height: 4 },
+				},
+			]);
+			expect(useNotificationsStore().snackbars).toEqual([]);
+			expect(invalidate).not.toHaveBeenCalled();
+		});
+
+		it('deleteWidget deletes, shows the snackbar and invalidates the list', async () => {
+			const store = createStore();
+			const invalidate = vi.spyOn(queryClient, 'invalidateQueries');
+			await store.deleteWidget('c1', 'd1', 'w1');
+			expect(calls()[0]).toMatchObject({ url: '/api/dashboard/d1/widget/w1/c1', method: 'DELETE' });
+			expect(useNotificationsStore().snackbars[0]?.message).toBe('Widget deleted successfully');
+			expect(invalidate).toHaveBeenCalledOnce();
+		});
+
+		it('generateWidgetWithAi posts the description', async () => {
+			const store = createStore();
+			await store.generateWidgetWithAi('c1', { chart_description: 'sales by month' });
+			expect(calls()[0]).toEqual({
+				url: '/api/widget/generate/c1',
+				method: 'POST',
+				body: { chart_description: 'sales by month' },
+			});
+		});
+	});
+});
diff --git a/frontend-vue/src/stores/dashboards.ts b/frontend-vue/src/stores/dashboards.ts
new file mode 100644
index 000000000..807d9b45c
--- /dev/null
+++ b/frontend-vue/src/stores/dashboards.ts
@@ -0,0 +1,160 @@
+// Port of DashboardsService. The two `httpResource`s (the dashboards list and one dashboard with its
+// widgets) become TanStack queries keyed by connection/dashboard id; the CRUD methods are store
+// actions. Angular's `dashboardsUpdated` signal only existed so dashboards-list could reload its
+// resource, so the mutations invalidate the list query instead.
+//
+// Failed requests are reported by the client and then throw the notified ApiError (Angular's
+// ApiService resolved null); callers reset their busy state in `finally`.
+import { useQuery, useQueryClient } from '@tanstack/vue-query';
+import { defineStore } from 'pinia';
+import { computed, type MaybeRefOrGetter, toValue } from 'vue';
+import { api } from '@/api/client';
+import { resourceQueryDefaults } from '@/api/query-options';
+import type {
+	CreateDashboardPayload,
+	CreateWidgetPayload,
+	Dashboard,
+	DashboardWidget,
+	UpdateDashboardPayload,
+	UpdateWidgetPayload,
+} from '@/models/dashboard';
+import type { GeneratedPanelWithPosition } from '@/models/saved-query';
+
+type MaybeId = MaybeRefOrGetter<string | null | undefined>;
+
+export const dashboardKeys = {
+	list: (connectionId: string | null | undefined) => ['dashboards', connectionId ?? null] as const,
+	detail: (connectionId: string | null | undefined, dashboardId: string | null | undefined) =>
+		['dashboard', connectionId ?? null, dashboardId ?? null] as const,
+};
+
+/** Replaces `setActiveConnection` + `dashboards()` / `dashboardsLoading()` / `refreshDashboards()`. */
+export function useDashboardsQuery(connectionId: MaybeId) {
+	const query = useQuery({
+		...resourceQueryDefaults,
+		queryKey: computed(() => dashboardKeys.list(toValue(connectionId))),
+		enabled: computed(() => !!toValue(connectionId)),
+		queryFn: ({ queryKey: [, id] }) =>
+			api.get<Dashboard[]>(`/dashboards/${id}`, { errorMessage: 'Failed to fetch dashboards' }),
+	});
+	return {
+		dashboards: computed(() => query.data.value ?? []),
+		// httpResource's isLoading was also true while reloading.
+		loading: computed(() => query.isFetching.value),
+		error: computed(() => query.error.value),
+		refresh: () => query.refetch(),
+		query,
+	};
+}
+
+/** Replaces `setActiveDashboard` + `dashboard()` / `dashboardLoading()` / `refreshDashboard()`. */
+export function useDashboardQuery(connectionId: MaybeId, dashboardId: MaybeId) {
+	const query = useQuery({
+		...resourceQueryDefaults,
+		queryKey: computed(() => dashboardKeys.detail(toValue(connectionId), toValue(dashboardId))),
+		enabled: computed(() => !!toValue(connectionId) && !!toValue(dashboardId)),
+		queryFn: ({ queryKey: [, connId, dashId] }) =>
+			api.get<Dashboard>(`/dashboard/${dashId}/${connId}`, { errorMessage: 'Failed to fetch dashboard' }),
+	});
+	return {
+		dashboard: computed(() => query.data.value ?? null),
+		loading: computed(() => query.isFetching.value),
+		error: computed(() => query.error.value),
+		refresh: () => query.refetch(),
+		query,
+	};
+}
+
+export const useDashboardsStore = defineStore('dashboards', () => {
+	// Store setup runs inside the app's injection context (pinia uses app.runWithContext).
+	const queryClient = useQueryClient();
+
+	async function createDashboard(connectionId: string, payload: CreateDashboardPayload): Promise<Dashboard> {
+		const dashboard = await api.post<Dashboard>(`/dashboards/${connectionId}`, payload, {
+			successMessage: 'Dashboard created successfully',
+		});
+		if (dashboard) invalidateList(connectionId);
+		return dashboard;
+	}
+
+	async function updateDashboard(
+		connectionId: string,
+		dashboardId: string,
+		payload: UpdateDashboardPayload,
+	): Promise<Dashboard> {
+		const dashboard = await api.put<Dashboard>(`/dashboard/${dashboardId}/${connectionId}`, payload, {
+			successMessage: 'Dashboard updated successfully',
+		});
+		if (dashboard) invalidateList(connectionId);
+		return dashboard;
+	}
+
+	async function deleteDashboard(connectionId: string, dashboardId: string): Promise<Dashboard> {
+		const dashboard = await api.delete<Dashboard>(`/dashboard/${dashboardId}/${connectionId}`, {
+			successMessage: 'Dashboard deleted successfully',
+		});
+		if (dashboard) invalidateList(connectionId);
+		return dashboard;
+	}
+
+	async function createWidget(
+		connectionId: string,
+		dashboardId: string,
+		payload: CreateWidgetPayload,
+	): Promise<DashboardWidget> {
+		const widget = await api.post<DashboardWidget>(`/dashboard/${dashboardId}/widget/${connectionId}`, payload, {
+			successMessage: 'Widget created successfully',
+		});
+		if (widget) invalidateList(connectionId);
+		return widget;
+	}
+
+	function updateWidget(
+		connectionId: string,
+		dashboardId: string,
+		widgetId: string,
+		payload: UpdateWidgetPayload,
+	): Promise<DashboardWidget> {
+		return api.put<DashboardWidget>(`/dashboard/${dashboardId}/widget/${widgetId}/${connectionId}`, payload);
+	}
+
+	function updateWidgetPosition(
+		connectionId: string,
+		dashboardId: string,
+		widgetId: string,
+		payload: Pick<UpdateWidgetPayload, 'position_x' | 'position_y' | 'width' | 'height'>,
+	): Promise<DashboardWidget> {
+		return updateWidget(connectionId, dashboardId, widgetId, payload);
+	}
+
+	function generateWidgetWithAi(
+		connectionId: string,
+		payload: { chart_description: string; name?: string },
+	): Promise<GeneratedPanelWithPosition> {
+		return api.post<GeneratedPanelWithPosition>(`/widget/generate/${connectionId}`, payload);
+	}
+
+	async function deleteWidget(connectionId: string, dashboardId: string, widgetId: string): Promise<DashboardWidget> {
+		const widget = await api.delete<DashboardWidget>(`/dashboard/${dashboardId}/widget/${widgetId}/${connectionId}`, {
+			successMessage: 'Widget deleted successfully',
+		});
+		if (widget) invalidateList(connectionId);
+		return widget;
+	}
+
+	// Where Angular set `dashboardsUpdated`, which made dashboards-list reload its resource.
+	function invalidateList(connectionId: string): void {
+		queryClient.invalidateQueries({ queryKey: dashboardKeys.list(connectionId) });
+	}
+
+	return {
+		createDashboard,
+		updateDashboard,
+		deleteDashboard,
+		createWidget,
+		updateWidget,
+		updateWidgetPosition,
+		generateWidgetWithAi,
+		deleteWidget,
+	};
+});
diff --git a/frontend-vue/src/stores/master-password.spec.ts b/frontend-vue/src/stores/master-password.spec.ts
new file mode 100644
index 000000000..58735f7e3
--- /dev/null
+++ b/frontend-vue/src/stores/master-password.spec.ts
@@ -0,0 +1,48 @@
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
+import MasterPasswordDialog from '@/components/master-password/MasterPasswordDialog.vue';
+import { useDialogsStore } from '@/composables/useDialog';
+import { masterKeyStorageKey, useMasterPasswordStore } from './master-password';
+
+describe('master-password store', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		localStorage.clear();
+	});
+
+	it('opens the master password dialog for the given connection', () => {
+		useMasterPasswordStore().showMasterPasswordDialog('conn-1');
+
+		const [entry] = useDialogsStore().entries;
+		expect(entry?.component).toBe(MasterPasswordDialog);
+		expect(entry?.data).toEqual({ connectionId: 'conn-1' });
+	});
+
+	it('defaults to the connection in the URL', () => {
+		history.replaceState(null, '', '/dashboard/conn-from-url/users');
+
+		useMasterPasswordStore().showMasterPasswordDialog();
+
+		expect(useDialogsStore().entries[0]?.data).toEqual({ connectionId: 'conn-from-url' });
+		history.replaceState(null, '', '/');
+	});
+
+	it('stores the master key when encryption is on', () => {
+		useMasterPasswordStore().checkMasterPassword(true, '12345678', 'abcd-0987654321');
+		expect(localStorage.getItem('12345678__masterKey')).toBe('abcd-0987654321');
+	});
+
+	it('removes the master key when encryption is off', () => {
+		localStorage.setItem('12345678__masterKey', 'old');
+		useMasterPasswordStore().checkMasterPassword(false, '12345678', 'abcd-0987654321');
+		expect(localStorage.getItem('12345678__masterKey')).toBeNull();
+	});
+
+	it('saves an entered password and asks the page to reload', () => {
+		const store = useMasterPasswordStore();
+		store.saveMasterPassword('conn-1', 'secret');
+
+		expect(localStorage.getItem(masterKeyStorageKey('conn-1'))).toBe('secret');
+		expect(store.pageReloadKey).toBe(1);
+	});
+});
diff --git a/frontend-vue/src/stores/master-password.ts b/frontend-vue/src/stores/master-password.ts
new file mode 100644
index 000000000..f296449d4
--- /dev/null
+++ b/frontend-vue/src/stores/master-password.ts
@@ -0,0 +1,46 @@
+// Port of frontend/src/app/services/master-password.service.ts: the per-connection master key for
+// client-side encrypted connections. The key lives in localStorage as `<connectionId>__masterKey`;
+// the API client sends it as the `masterpwd` header.
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import { connectionIdFromPath } from '@/api/client';
+import MasterPasswordDialog from '@/components/master-password/MasterPasswordDialog.vue';
+import { type DialogRef, useDialog } from '@/composables/useDialog';
+
+export function masterKeyStorageKey(connectionId: string): string {
+	return `${connectionId}__masterKey`;
+}
+
+export interface MasterPasswordDialogData {
+	connectionId: string | null;
+}
+
+export const useMasterPasswordStore = defineStore('masterPassword', () => {
+	/**
+	 * Bumped after a new master password is entered. Angular re-created the current route's
+	 * components (`shouldReuseRoute = () => false`); the shell keys its `<RouterView>` on this so the
+	 * page remounts and refetches with the new key.
+	 */
+	const pageReloadKey = ref(0);
+
+	/**
+	 * Asks for the master password of `connectionId` (by default the one in the URL, as the client's
+	 * own fallback does). Only Cancel closes it: Escape and the backdrop are disabled (`disableClose`).
+	 */
+	function showMasterPasswordDialog(connectionId: string | null = connectionIdFromPath(location.pathname)): DialogRef {
+		return useDialog().open<void, MasterPasswordDialogData>(MasterPasswordDialog, { data: { connectionId } });
+	}
+
+	/** Called with a connection's settings: keep the given key when encryption is on, forget it when off. */
+	function checkMasterPassword(isEncryptionEnabled: boolean, connectionID: string, masterKey: string): void {
+		if (isEncryptionEnabled) localStorage.setItem(masterKeyStorageKey(connectionID), masterKey);
+		else localStorage.removeItem(masterKeyStorageKey(connectionID));
+	}
+
+	function saveMasterPassword(connectionId: string | null, password: string): void {
+		localStorage.setItem(masterKeyStorageKey(String(connectionId)), password);
+		pageReloadKey.value++;
+	}
+
+	return { pageReloadKey, showMasterPasswordDialog, checkMasterPassword, saveMasterPassword };
+});
diff --git a/frontend-vue/src/stores/notifications.spec.ts b/frontend-vue/src/stores/notifications.spec.ts
new file mode 100644
index 000000000..18b4a1eda
--- /dev/null
+++ b/frontend-vue/src/stores/notifications.spec.ts
@@ -0,0 +1,49 @@
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { AlertType } from '@/models/alert';
+import { ERROR_SNACKBAR_DURATION, SUCCESS_SNACKBAR_DURATION, useNotificationsStore } from './notifications';
+
+describe('notifications store', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.useFakeTimers();
+	});
+
+	afterEach(() => {
+		vi.useRealTimers();
+	});
+
+	it('shows one alert at a time with increasing ids', () => {
+		const notifications = useNotificationsStore();
+		notifications.showAlert(AlertType.Error, 'first', []);
+		const firstId = notifications.alert?.id ?? 0;
+		notifications.showAlert(AlertType.Warning, { abstract: 'second', details: 'more' }, []);
+
+		expect(notifications.alert?.id).toBe(firstId + 1);
+		expect(notifications.alert?.message).toEqual({ abstract: 'second', details: 'more' });
+		notifications.dismissAlert();
+		expect(notifications.alert).toBeNull();
+	});
+
+	it('times out error and success snackbars like MatSnackBar did', () => {
+		const notifications = useNotificationsStore();
+
+		notifications.showErrorSnackbar('Boom');
+		expect(notifications.snackbars[0]).toMatchObject({ tone: 'error', actionLabel: 'Dismiss', position: 'bottom' });
+		vi.advanceTimersByTime(ERROR_SNACKBAR_DURATION);
+		expect(notifications.snackbars).toEqual([]);
+
+		notifications.showSuccessSnackbar('Saved', 'top');
+		expect(notifications.snackbars[0]).toMatchObject({ tone: 'success', actionLabel: null, position: 'top' });
+		vi.advanceTimersByTime(SUCCESS_SNACKBAR_DURATION);
+		expect(notifications.snackbars).toEqual([]);
+	});
+
+	it('replaces the visible snackbar with a new one', () => {
+		const notifications = useNotificationsStore();
+		notifications.showErrorSnackbar('one');
+		notifications.showSuccessSnackbar('two');
+
+		expect(notifications.snackbars.map((snackbar) => snackbar.message)).toEqual(['two']);
+	});
+});
diff --git a/frontend-vue/src/stores/notifications.ts b/frontend-vue/src/stores/notifications.ts
new file mode 100644
index 000000000..2d5d8b730
--- /dev/null
+++ b/frontend-vue/src/stores/notifications.ts
@@ -0,0 +1,79 @@
+// Port of NotificationsService: the page alert (one at a time, rendered by <AppAlert>) and the
+// snackbars that replace MatSnackBar (rendered by <AppSnackbars> in the shell).
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import type { Alert, AlertAction, AlertType, ServerError } from '@/models/alert';
+
+export interface Snackbar {
+	id: number;
+	message: string;
+	tone: 'error' | 'success';
+	/** Label of the dismiss button; snackbars without one only time out. */
+	actionLabel: string | null;
+	position: 'top' | 'bottom';
+	duration: number;
+}
+
+export const ERROR_SNACKBAR_DURATION = 10000;
+export const SUCCESS_SNACKBAR_DURATION = 2500;
+
+export const useNotificationsStore = defineStore('notifications', () => {
+	const alert = ref<Alert | null>(null);
+	const snackbars = ref<Snackbar[]>([]);
+	let alertCounter = 0;
+	let snackbarCounter = 0;
+	const timers = new Map<number, ReturnType<typeof setTimeout>>();
+
+	function showAlert(type: AlertType, message: ServerError | string, actions: AlertAction[] = []): void {
+		alertCounter++;
+		alert.value = { id: alertCounter, type, message, actions };
+	}
+
+	function dismissAlert(): void {
+		alert.value = null;
+	}
+
+	function pushSnackbar(snackbar: Omit<Snackbar, 'id'>): number {
+		const id = ++snackbarCounter;
+		// MatSnackBar shows one at a time: a new one replaces the current one.
+		for (const existing of snackbars.value) dismissSnackbar(existing.id);
+		snackbars.value = [{ ...snackbar, id }];
+		timers.set(
+			id,
+			setTimeout(() => dismissSnackbar(id), snackbar.duration),
+		);
+		return id;
+	}
+
+	function showErrorSnackbar(message: string): number {
+		return pushSnackbar({
+			message,
+			tone: 'error',
+			actionLabel: 'Dismiss',
+			position: 'bottom',
+			duration: ERROR_SNACKBAR_DURATION,
+		});
+	}
+
+	function showSuccessSnackbar(message: string, position: 'top' | 'bottom' = 'bottom'): number {
+		return pushSnackbar({ message, tone: 'success', actionLabel: null, position, duration: SUCCESS_SNACKBAR_DURATION });
+	}
+
+	function dismissSnackbar(id: number): void {
+		clearTimeout(timers.get(id));
+		timers.delete(id);
+		snackbars.value = snackbars.value.filter((snackbar) => snackbar.id !== id);
+	}
+
+	return {
+		alert,
+		snackbars,
+		showAlert,
+		dismissAlert,
+		/** Alias kept from the Angular service, where both names existed. */
+		resetAlert: dismissAlert,
+		showErrorSnackbar,
+		showSuccessSnackbar,
+		dismissSnackbar,
+	};
+});
diff --git a/frontend-vue/src/stores/s3.spec.ts b/frontend-vue/src/stores/s3.spec.ts
new file mode 100644
index 000000000..c410e2be1
--- /dev/null
+++ b/frontend-vue/src/stores/s3.spec.ts
@@ -0,0 +1,135 @@
+// Ports the behaviour covered by frontend/src/app/services/s3.service.spec.ts.
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, type MockInstance, vi } from 'vitest';
+import { jsonResponse, mockFetch, textResponse } from '@/__tests__/mock-fetch';
+import { AlertType } from '@/models/alert';
+import { useNotificationsStore } from '@/stores/notifications';
+import { useS3Store } from './s3';
+
+vi.mock('@/environment', () => ({ environment: { apiRoot: '', saasURL: '' } }));
+vi.mock('@/config', () => ({ getConfig: () => ({ baseURL: '/api', saasURL: '' }) }));
+
+const connectionId = 'conn-123';
+const tableName = 'users';
+const fieldName = 'avatar';
+const uploadUrl = 'https://bucket.s3.amazonaws.com/uploads/file.pdf?signature=abc';
+const fileUrlResponse = { url: 'https://bucket.s3.amazonaws.com/file.pdf', key: 'uploads/file.pdf', expiresIn: 3600 };
+const uploadUrlResponse = {
+	uploadUrl,
+	key: 'uploads/file.pdf',
+	expiresIn: 3600,
+	previewUrl: 'https://bucket.s3.amazonaws.com/uploads/file.pdf?preview',
+};
+const serverError = { message: 'Access denied' };
+
+describe('s3 store', () => {
+	let showAlert: MockInstance<ReturnType<typeof useNotificationsStore>['showAlert']>;
+
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		showAlert = vi.spyOn(useNotificationsStore(), 'showAlert');
+	});
+
+	afterEach(() => {
+		vi.unstubAllGlobals();
+	});
+
+	function expectAlert(abstract: string, details: string) {
+		expect(showAlert).toHaveBeenCalledWith(AlertType.Error, { abstract, details }, [
+			expect.objectContaining({ caption: 'Dismiss' }),
+		]);
+	}
+
+	describe('getFileUrl', () => {
+		it('sends the field and the JSON primary key', async () => {
+			const fetch = mockFetch(jsonResponse(fileUrlResponse));
+			const result = await useS3Store().getFileUrl(connectionId, tableName, fieldName, { user_id: 1, org_id: 'abc' });
+			expect(result).toEqual(fileUrlResponse);
+			const url = new URL(fetch.last().url, location.origin);
+			expect(url.pathname).toBe(`/api/s3/file/${connectionId}`);
+			expect(url.searchParams.get('tableName')).toBe(tableName);
+			expect(url.searchParams.get('fieldName')).toBe(fieldName);
+			expect(url.searchParams.get('rowPrimaryKey')).toBe(JSON.stringify({ user_id: 1, org_id: 'abc' }));
+		});
+
+		it('shows an alert and resolves null on failure', async () => {
+			mockFetch(jsonResponse(serverError, 403));
+			expect(await useS3Store().getFileUrl(connectionId, tableName, fieldName, { id: 1 })).toBeNull();
+			expectAlert('Failed to get S3 file URL', 'Access denied');
+			expect(showAlert).toHaveBeenCalledTimes(1);
+		});
+	});
+
+	describe('getUploadUrl', () => {
+		it('posts the file name and content type', async () => {
+			const fetch = mockFetch(jsonResponse(uploadUrlResponse));
+			const result = await useS3Store().getUploadUrl(connectionId, tableName, fieldName, 'photo.jpg', 'image/jpeg');
+			expect(result).toEqual(uploadUrlResponse);
+			expect(fetch.last().url).toBe(`/api/s3/upload-url/${connectionId}?tableName=users&fieldName=avatar`);
+			expect(fetch.last().json).toEqual({ filename: 'photo.jpg', contentType: 'image/jpeg' });
+		});
+
+		it('shows an alert and resolves null on failure', async () => {
+			mockFetch(jsonResponse(serverError, 500));
+			expect(
+				await useS3Store().getUploadUrl(connectionId, tableName, fieldName, 'a.pdf', 'application/pdf'),
+			).toBeNull();
+			expectAlert('Failed to get upload URL', 'Access denied');
+		});
+	});
+
+	describe('uploadToS3', () => {
+		it('puts the file to the presigned URL with its content type and no credentials', async () => {
+			const fetch = mockFetch(textResponse(''));
+			const file = new File(['img'], 'photo.png', { type: 'image/png' });
+			expect(await useS3Store().uploadToS3(uploadUrl, file)).toBe(true);
+
+			const [, init] = fetch.fn.mock.calls[0] ?? [];
+			expect(fetch.last().url).toBe(uploadUrl);
+			expect(fetch.last().method).toBe('PUT');
+			expect(fetch.last().body).toBe(file);
+			expect(fetch.last().headers.get('Content-Type')).toBe('image/png');
+			expect(init?.credentials).toBe('same-origin');
+		});
+
+		it('shows an alert and resolves false on failure', async () => {
+			mockFetch(textResponse('<Error/>', 403));
+			expect(await useS3Store().uploadToS3(uploadUrl, new File(['x'], 'a.txt'))).toBe(false);
+			expect(showAlert).toHaveBeenCalledWith(
+				AlertType.Error,
+				expect.objectContaining({ abstract: 'File upload failed' }),
+				expect.any(Array),
+			);
+		});
+	});
+
+	describe('uploadFile', () => {
+		it('gets an upload URL, uploads and resolves the key and preview URL', async () => {
+			const fetch = mockFetch(jsonResponse(uploadUrlResponse), textResponse(''));
+			const file = new File(['pdf'], 'file.pdf', { type: 'application/pdf' });
+			const result = await useS3Store().uploadFile(connectionId, tableName, fieldName, file);
+
+			expect(result).toEqual({ key: uploadUrlResponse.key, previewUrl: uploadUrlResponse.previewUrl });
+			expect(fetch.requests.map((request) => request.method)).toEqual(['POST', 'PUT']);
+			expect(fetch.requests[0]?.json).toEqual({ filename: 'file.pdf', contentType: 'application/pdf' });
+			expect(fetch.requests[1]?.url).toBe(uploadUrl);
+		});
+
+		it('resolves null without uploading when the upload URL fails', async () => {
+			const fetch = mockFetch(jsonResponse(serverError, 500));
+			expect(await useS3Store().uploadFile(connectionId, tableName, fieldName, new File(['x'], 'a.pdf'))).toBeNull();
+			expect(fetch.requests).toHaveLength(1);
+			expectAlert('File upload failed', 'Access denied');
+		});
+
+		it('resolves null when the S3 upload fails', async () => {
+			mockFetch(jsonResponse(uploadUrlResponse), textResponse('', 403));
+			expect(await useS3Store().uploadFile(connectionId, tableName, fieldName, new File(['x'], 'a.pdf'))).toBeNull();
+			expect(showAlert).toHaveBeenCalledWith(
+				AlertType.Error,
+				expect.objectContaining({ abstract: 'File upload failed' }),
+				expect.any(Array),
+			);
+		});
+	});
+});
diff --git a/frontend-vue/src/stores/s3.ts b/frontend-vue/src/stores/s3.ts
new file mode 100644
index 000000000..feab65e4b
--- /dev/null
+++ b/frontend-vue/src/stores/s3.ts
@@ -0,0 +1,120 @@
+// Port of S3Service: presigned URLs for S3-backed file fields and the upload itself. Every method
+// resolves a fallback (null / false) on failure after showing an error alert, as in Angular.
+//
+// The upload PUT goes straight to the presigned S3 URL; the client sends no credentials or API
+// headers to non-API origins, so the signature stays valid.
+import { defineStore } from 'pinia';
+import { api, isApiError } from '@/api/client';
+import { AlertActionType, AlertType } from '@/models/alert';
+import { useNotificationsStore } from '@/stores/notifications';
+
+export interface BucketFileUrlResponse {
+	url: string;
+	key: string;
+	expiresIn: number;
+}
+
+export interface BucketUploadUrlResponse {
+	uploadUrl: string;
+	key: string;
+	expiresIn: number;
+	previewUrl: string;
+}
+
+export const useS3Store = defineStore('s3', () => {
+	const notifications = useNotificationsStore();
+
+	async function getFileUrl(
+		connectionId: string,
+		tableName: string,
+		fieldName: string,
+		rowPrimaryKey: Record<string, unknown>,
+	): Promise<BucketFileUrlResponse | null> {
+		try {
+			return await api.get<BucketFileUrlResponse>(`/s3/file/${connectionId}`, {
+				params: { tableName, fieldName, rowPrimaryKey: JSON.stringify(rowPrimaryKey) },
+				notify: false,
+			});
+		} catch (error) {
+			showError('Failed to get S3 file URL', serverMessage(error));
+			return null;
+		}
+	}
+
+	async function getUploadUrl(
+		connectionId: string,
+		tableName: string,
+		fieldName: string,
+		filename: string,
+		contentType: string,
+	): Promise<BucketUploadUrlResponse | null> {
+		try {
+			return await requestUploadUrl(connectionId, tableName, fieldName, filename, contentType);
+		} catch (error) {
+			showError('Failed to get upload URL', serverMessage(error));
+			return null;
+		}
+	}
+
+	async function uploadToS3(uploadUrl: string, file: File): Promise<boolean> {
+		try {
+			await putToS3(uploadUrl, file);
+			return true;
+		} catch (error) {
+			showError('File upload failed', errorMessage(error));
+			return false;
+		}
+	}
+
+	/** Gets a presigned URL and uploads the file to it; resolves the S3 key and preview URL. */
+	async function uploadFile(
+		connectionId: string,
+		tableName: string,
+		fieldName: string,
+		file: File,
+	): Promise<{ key: string; previewUrl: string } | null> {
+		try {
+			const response = await requestUploadUrl(connectionId, tableName, fieldName, file.name, file.type);
+			await putToS3(response.uploadUrl, file);
+			return { key: response.key, previewUrl: response.previewUrl };
+		} catch (error) {
+			showError('File upload failed', serverMessage(error) || errorMessage(error));
+			return null;
+		}
+	}
+
+	return { getFileUrl, getUploadUrl, uploadToS3, uploadFile };
+
+	function showError(abstract: string, details?: string): void {
+		notifications.showAlert(AlertType.Error, { abstract, details: details ?? '' }, [
+			{ type: AlertActionType.Button, caption: 'Dismiss', action: () => notifications.dismissAlert() },
+		]);
+	}
+});
+
+function requestUploadUrl(
+	connectionId: string,
+	tableName: string,
+	fieldName: string,
+	filename: string,
+	contentType: string,
+): Promise<BucketUploadUrlResponse> {
+	return api.post<BucketUploadUrlResponse>(
+		`/s3/upload-url/${connectionId}`,
+		{ filename, contentType },
+		{ params: { tableName, fieldName }, notify: false },
+	);
+}
+
+function putToS3(uploadUrl: string, file: File): Promise<unknown> {
+	return api.put(uploadUrl, file, { headers: { 'Content-Type': file.type }, notify: false, responseType: 'text' });
+}
+
+/** `err.error?.message` in Angular: the backend's message, if it sent one. */
+function serverMessage(error: unknown): string | undefined {
+	return isApiError(error) && typeof error.body.message === 'string' ? error.body.message : undefined;
+}
+
+function errorMessage(error: unknown): string | undefined {
+	return error instanceof Error ? error.message : undefined;
+}
diff --git a/frontend-vue/src/stores/saved-queries.spec.ts b/frontend-vue/src/stores/saved-queries.spec.ts
new file mode 100644
index 000000000..b6da145d2
--- /dev/null
+++ b/frontend-vue/src/stores/saved-queries.spec.ts
@@ -0,0 +1,156 @@
+import { QueryClient, VueQueryPlugin } from '@tanstack/vue-query';
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, type Pinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { createApp, defineComponent, h, ref } from 'vue';
+import type { SavedQuery } from '@/models/saved-query';
+import { useNotificationsStore } from './notifications';
+import { savedQueryKeys, useSavedQueriesQuery, useSavedQueriesStore } from './saved-queries';
+
+vi.mock('@/environment', () => ({ environment: { apiRoot: '/api', saasURL: '' } }));
+
+const savedQuery: Partial<SavedQuery> = { id: 'q1', name: 'Revenue' };
+
+function jsonResponse(body: unknown, status = 200): Response {
+	return new Response(JSON.stringify(body), { status, headers: { 'Content-Type': 'application/json' } });
+}
+
+describe('saved queries store', () => {
+	let fetchMock: ReturnType<typeof vi.fn>;
+	let pinia: Pinia;
+	let queryClient: QueryClient;
+
+	beforeEach(() => {
+		pinia = createPinia();
+		setActivePinia(pinia);
+		queryClient = new QueryClient();
+		fetchMock = vi.fn(async () => jsonResponse(savedQuery));
+		vi.stubGlobal('fetch', fetchMock);
+	});
+
+	afterEach(() => {
+		vi.unstubAllGlobals();
+		queryClient.clear();
+	});
+
+	function calls(): { url: string; method: string | undefined; body: unknown }[] {
+		return fetchMock.mock.calls.map((call) => {
+			const [url, init] = call as [string, RequestInit];
+			return { url, method: init.method, body: init.body ? JSON.parse(String(init.body)) : undefined };
+		});
+	}
+
+	function createStore() {
+		const app = createApp({ render: () => null });
+		app.use(pinia).use(VueQueryPlugin, { queryClient });
+		return app.runWithContext(() => useSavedQueriesStore());
+	}
+
+	function mountQuery<T>(useComposable: () => T): T {
+		let result: T | undefined;
+		mount(
+			defineComponent({
+				setup() {
+					result = useComposable();
+					return () => h('div');
+				},
+			}),
+			{ global: { plugins: [pinia, [VueQueryPlugin, { queryClient }]] } },
+		);
+		return result as T;
+	}
+
+	describe('useSavedQueriesQuery', () => {
+		it('waits for a connection id, then fetches its saved queries', async () => {
+			fetchMock.mockImplementation(async () => jsonResponse([savedQuery]));
+			const connectionId = ref<string | null>(null);
+			const { savedQueries } = mountQuery(() => useSavedQueriesQuery(connectionId));
+			await flushPromises();
+			expect(fetchMock).not.toHaveBeenCalled();
+			expect(savedQueries.value).toEqual([]);
+
+			connectionId.value = 'c1';
+			await flushPromises();
+			expect(calls()[0]).toMatchObject({ url: '/api/connection/c1/saved-queries', method: 'GET' });
+			expect(savedQueries.value).toEqual([savedQuery]);
+		});
+
+		it('reports a failure with the Angular error message', async () => {
+			fetchMock.mockImplementation(async () => jsonResponse({}, 500));
+			const { error } = mountQuery(() => useSavedQueriesQuery('c1'));
+			await flushPromises();
+			expect(fetchMock).toHaveBeenCalledTimes(1);
+			expect(error.value).toBeInstanceOf(Error);
+			expect(useNotificationsStore().snackbars[0]?.message).toBe('Failed to fetch saved queries');
+		});
+	});
+
+	it('fetchSavedQuery gets one query', async () => {
+		const store = createStore();
+		expect(await store.fetchSavedQuery('c1', 'q1')).toEqual(savedQuery);
+		expect(calls()[0]).toMatchObject({ url: '/api/connection/c1/saved-query/q1', method: 'GET' });
+	});
+
+	it('createSavedQuery posts, shows the snackbar and reloads a mounted list', async () => {
+		fetchMock.mockImplementation(async (_url: string, init: RequestInit) =>
+			jsonResponse(init.method === 'POST' ? savedQuery : [savedQuery]),
+		);
+		mountQuery(() => useSavedQueriesQuery('c1'));
+		await flushPromises();
+		const store = createStore();
+		const payload = { name: 'Revenue', query_text: 'select 1' };
+
+		expect(await store.createSavedQuery('c1', payload)).toEqual(savedQuery);
+		await flushPromises();
+
+		expect(calls()[1]).toEqual({ url: '/api/connection/c1/saved-query', method: 'POST', body: payload });
+		expect(calls()[2]).toMatchObject({ url: '/api/connection/c1/saved-queries', method: 'GET' });
+		expect(useNotificationsStore().snackbars[0]?.message).toBe('Saved query created successfully');
+	});
+
+	it('updateSavedQuery and deleteSavedQuery hit the query url and invalidate the list', async () => {
+		const store = createStore();
+		const invalidate = vi.spyOn(queryClient, 'invalidateQueries');
+
+		await store.updateSavedQuery('c1', 'q1', { name: 'New' });
+		expect(calls()[0]).toEqual({ url: '/api/connection/c1/saved-query/q1', method: 'PUT', body: { name: 'New' } });
+		expect(useNotificationsStore().snackbars[0]?.message).toBe('Saved query updated successfully');
+
+		await store.deleteSavedQuery('c1', 'q1');
+		expect(calls()[1]).toMatchObject({ url: '/api/connection/c1/saved-query/q1', method: 'DELETE' });
+		expect(useNotificationsStore().snackbars[0]?.message).toBe('Saved query deleted successfully');
+
+		expect(invalidate).toHaveBeenCalledTimes(2);
+		expect(invalidate).toHaveBeenCalledWith({ queryKey: savedQueryKeys.list('c1') });
+	});
+
+	it('rejects with the notified ApiError on failure and does not invalidate', async () => {
+		fetchMock.mockImplementation(async () => jsonResponse({ message: 'Bad SQL', originalMessage: 'syntax' }, 400));
+		const store = createStore();
+		const invalidate = vi.spyOn(queryClient, 'invalidateQueries');
+
+		await expect(store.deleteSavedQuery('c1', 'q1')).rejects.toMatchObject({ name: 'ApiError', notified: true });
+		expect(useNotificationsStore().alert?.message).toEqual({ abstract: 'Bad SQL', details: 'syntax' });
+		expect(invalidate).not.toHaveBeenCalled();
+	});
+
+	it('executeSavedQuery posts an empty body, with tableName only when given', async () => {
+		const store = createStore();
+		await store.executeSavedQuery('c1', 'q1');
+		await store.executeSavedQuery('c1', 'q1', 'users');
+		expect(calls()).toEqual([
+			{ url: '/api/connection/c1/saved-query/q1/execute', method: 'POST', body: {} },
+			{ url: '/api/connection/c1/saved-query/q1/execute?tableName=users', method: 'POST', body: {} },
+		]);
+	});
+
+	it('testQuery posts the query text', async () => {
+		const store = createStore();
+		await store.testQuery('c1', { query_text: 'select 1', tableName: 'users' });
+		expect(calls()[0]).toEqual({
+			url: '/api/connection/c1/query/test',
+			method: 'POST',
+			body: { query_text: 'select 1', tableName: 'users' },
+		});
+	});
+});
diff --git a/frontend-vue/src/stores/saved-queries.ts b/frontend-vue/src/stores/saved-queries.ts
new file mode 100644
index 000000000..19a274509
--- /dev/null
+++ b/frontend-vue/src/stores/saved-queries.ts
@@ -0,0 +1,98 @@
+// Port of SavedQueriesService. The saved-queries `httpResource` becomes a TanStack query keyed by
+// connection id; the CRUD and execute methods are store actions. Angular's `queriesUpdated` signal
+// only made charts-list reload the resource, so the mutations invalidate the list query instead.
+//
+// Failed requests are reported by the client and then throw the notified ApiError (Angular's
+// ApiService resolved null); callers reset their busy state in `finally`.
+import { useQuery, useQueryClient } from '@tanstack/vue-query';
+import { defineStore } from 'pinia';
+import { computed, type MaybeRefOrGetter, toValue } from 'vue';
+import { api } from '@/api/client';
+import { resourceQueryDefaults } from '@/api/query-options';
+import type {
+	CreateSavedQueryPayload,
+	QueryExecutionResult,
+	SavedQuery,
+	TestQueryPayload,
+	TestQueryResult,
+	UpdateSavedQueryPayload,
+} from '@/models/saved-query';
+
+export const savedQueryKeys = {
+	list: (connectionId: string | null | undefined) => ['saved-queries', connectionId ?? null] as const,
+};
+
+/** Replaces `setActiveConnection` + `savedQueries()` / `savedQueriesLoading()` / `refreshSavedQueries()`. */
+export function useSavedQueriesQuery(connectionId: MaybeRefOrGetter<string | null | undefined>) {
+	const query = useQuery({
+		...resourceQueryDefaults,
+		queryKey: computed(() => savedQueryKeys.list(toValue(connectionId))),
+		enabled: computed(() => !!toValue(connectionId)),
+		queryFn: ({ queryKey: [, id] }) =>
+			api.get<SavedQuery[]>(`/connection/${id}/saved-queries`, { errorMessage: 'Failed to fetch saved queries' }),
+	});
+	return {
+		savedQueries: computed(() => query.data.value ?? []),
+		// httpResource's isLoading was also true while reloading.
+		loading: computed(() => query.isFetching.value),
+		error: computed(() => query.error.value),
+		refresh: () => query.refetch(),
+		query,
+	};
+}
+
+export const useSavedQueriesStore = defineStore('savedQueries', () => {
+	// Store setup runs inside the app's injection context (pinia uses app.runWithContext).
+	const queryClient = useQueryClient();
+
+	function fetchSavedQuery(connectionId: string, queryId: string): Promise<SavedQuery> {
+		return api.get<SavedQuery>(`/connection/${connectionId}/saved-query/${queryId}`);
+	}
+
+	async function createSavedQuery(connectionId: string, payload: CreateSavedQueryPayload): Promise<SavedQuery> {
+		const query = await api.post<SavedQuery>(`/connection/${connectionId}/saved-query`, payload, {
+			successMessage: 'Saved query created successfully',
+		});
+		if (query) invalidateList(connectionId);
+		return query;
+	}
+
+	async function updateSavedQuery(
+		connectionId: string,
+		queryId: string,
+		payload: UpdateSavedQueryPayload,
+	): Promise<SavedQuery> {
+		const query = await api.put<SavedQuery>(`/connection/${connectionId}/saved-query/${queryId}`, payload, {
+			successMessage: 'Saved query updated successfully',
+		});
+		if (query) invalidateList(connectionId);
+		return query;
+	}
+
+	async function deleteSavedQuery(connectionId: string, queryId: string): Promise<SavedQuery> {
+		const query = await api.delete<SavedQuery>(`/connection/${connectionId}/saved-query/${queryId}`, {
+			successMessage: 'Saved query deleted successfully',
+		});
+		if (query) invalidateList(connectionId);
+		return query;
+	}
+
+	function executeSavedQuery(connectionId: string, queryId: string, tableName?: string): Promise<QueryExecutionResult> {
+		return api.post<QueryExecutionResult>(
+			`/connection/${connectionId}/saved-query/${queryId}/execute`,
+			{},
+			tableName ? { params: { tableName } } : undefined,
+		);
+	}
+
+	function testQuery(connectionId: string, payload: TestQueryPayload): Promise<TestQueryResult> {
+		return api.post<TestQueryResult>(`/connection/${connectionId}/query/test`, payload);
+	}
+
+	// Where Angular set `queriesUpdated`, which made charts-list reload its resource.
+	function invalidateList(connectionId: string): void {
+		queryClient.invalidateQueries({ queryKey: savedQueryKeys.list(connectionId) });
+	}
+
+	return { fetchSavedQuery, createSavedQuery, updateSavedQuery, deleteSavedQuery, executeSavedQuery, testQuery };
+});
diff --git a/frontend-vue/src/stores/secrets.spec.ts b/frontend-vue/src/stores/secrets.spec.ts
new file mode 100644
index 000000000..2b5318e2a
--- /dev/null
+++ b/frontend-vue/src/stores/secrets.spec.ts
@@ -0,0 +1,223 @@
+import { flushPromises } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { ApiError, api } from '@/api/client';
+import type { Secret, SecretListResponse } from '@/models/secret';
+import { useNotificationsStore } from '@/stores/notifications';
+import { useSecretsStore } from './secrets';
+
+vi.mock('@/api/client', async (importOriginal) => {
+	const actual = await importOriginal<typeof import('@/api/client')>();
+	return { ...actual, api: { get: vi.fn(), post: vi.fn(), put: vi.fn(), delete: vi.fn() } };
+});
+
+const get = vi.mocked(api.get);
+const post = vi.mocked(api.post);
+const put = vi.mocked(api.put);
+const del = vi.mocked(api.delete);
+
+const secret: Secret = {
+	id: 's1',
+	slug: 'db-password',
+	companyId: 'company-1',
+	createdAt: '2024-01-01T00:00:00Z',
+	updatedAt: '2024-01-01T00:00:00Z',
+	masterEncryption: false,
+};
+
+const list: SecretListResponse = {
+	data: [secret],
+	pagination: { total: 1, currentPage: 1, perPage: 20, lastPage: 1 },
+};
+
+function apiError(status: number, message?: string): ApiError {
+	return new ApiError(message ?? `HTTP ${status}`, status, message ? { message } : {});
+}
+
+function lastSnackbar(): string | undefined {
+	return useNotificationsStore().snackbars.at(-1)?.message;
+}
+
+describe('secrets store', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+		get.mockResolvedValue(list);
+	});
+
+	describe('fetchSecrets', () => {
+		it('loads a page with the default pagination', async () => {
+			const store = useSecretsStore();
+
+			await expect(store.fetchSecrets()).resolves.toEqual(list);
+
+			expect(get).toHaveBeenCalledWith('/secrets', {
+				params: { page: 1, limit: 20, search: undefined },
+				notify: false,
+			});
+			expect(store.secrets).toEqual([secret]);
+			expect(store.pagination).toEqual(list.pagination);
+			expect(store.loading).toBe(false);
+		});
+
+		it('passes custom pagination and the search query', async () => {
+			await useSecretsStore().fetchSecrets(2, 10, 'db');
+			expect(get).toHaveBeenCalledWith('/secrets', { params: { page: 2, limit: 10, search: 'db' }, notify: false });
+		});
+
+		it('shows the server message on failure', async () => {
+			get.mockRejectedValueOnce(apiError(500, 'Database down'));
+			const store = useSecretsStore();
+
+			await expect(store.fetchSecrets()).rejects.toMatchObject({ notified: true });
+			expect(lastSnackbar()).toBe('Database down');
+			expect(store.loading).toBe(false);
+		});
+
+		it('falls back to a default message', async () => {
+			get.mockRejectedValueOnce(apiError(500));
+			await expect(useSecretsStore().fetchSecrets()).rejects.toThrow();
+			expect(lastSnackbar()).toBe('Failed to fetch secrets');
+		});
+	});
+
+	describe('createSecret', () => {
+		it('creates a secret and reloads the page on screen', async () => {
+			post.mockResolvedValueOnce(secret);
+			const store = useSecretsStore();
+			await store.fetchSecrets(3, 10, 'db');
+			get.mockClear();
+
+			const payload = { slug: 'db-password', value: 'hunter2', masterEncryption: true, masterPassword: 'mp' };
+			await expect(store.createSecret(payload)).resolves.toEqual(secret);
+			await flushPromises();
+
+			expect(post).toHaveBeenCalledWith('/secrets', payload, {
+				notify: false,
+				successMessage: 'Secret created successfully',
+			});
+			expect(get).toHaveBeenCalledWith('/secrets', { params: { page: 3, limit: 10, search: 'db' }, notify: false });
+		});
+
+		it('does not reload when no page was loaded', async () => {
+			post.mockResolvedValueOnce(secret);
+			await useSecretsStore().createSecret({ slug: 'x', value: 'y' });
+			await flushPromises();
+			expect(get).not.toHaveBeenCalled();
+		});
+
+		it('explains a slug conflict', async () => {
+			post.mockRejectedValueOnce(apiError(409, 'Conflict'));
+			await expect(useSecretsStore().createSecret({ slug: 'x', value: 'y' })).rejects.toThrow();
+			expect(lastSnackbar()).toBe('A secret with this slug already exists');
+		});
+
+		it('shows the generic message on other failures', async () => {
+			post.mockRejectedValueOnce(apiError(500));
+			await expect(useSecretsStore().createSecret({ slug: 'x', value: 'y' })).rejects.toThrow();
+			expect(lastSnackbar()).toBe('Failed to create secret');
+		});
+	});
+
+	describe('updateSecret', () => {
+		it('updates a secret, clearing the expiration with null', async () => {
+			put.mockResolvedValueOnce(secret);
+			await useSecretsStore().updateSecret('db-password', { value: 'new', expiresAt: null });
+
+			expect(put).toHaveBeenCalledWith(
+				'/secrets/db-password',
+				{ value: 'new', expiresAt: null },
+				{ notify: false, successMessage: 'Secret updated successfully' },
+			);
+		});
+
+		it('sends the master password as a header only when given', async () => {
+			put.mockResolvedValue(secret);
+			const store = useSecretsStore();
+
+			await store.updateSecret('db-password', { value: 'new' }, 'master');
+			await store.updateSecret('db-password', { value: 'new' });
+
+			expect(put.mock.calls[0]?.[2]).toMatchObject({ headers: { masterpwd: 'master' } });
+			expect(put.mock.calls[1]?.[2]).not.toHaveProperty('headers');
+		});
+
+		it('rethrows a 403 without a notification, so the caller can ask for the master password', async () => {
+			put.mockRejectedValueOnce(apiError(403, 'Invalid master password'));
+
+			await expect(useSecretsStore().updateSecret('db-password', { value: 'new' })).rejects.toMatchObject({
+				status: 403,
+				notified: false,
+			});
+			expect(useNotificationsStore().snackbars).toEqual([]);
+		});
+
+		it('explains an expired secret', async () => {
+			put.mockRejectedValueOnce(apiError(410, 'Gone'));
+			await expect(useSecretsStore().updateSecret('db-password', { value: 'new' })).rejects.toThrow();
+			expect(lastSnackbar()).toBe('Cannot update an expired secret');
+		});
+
+		it('shows the server message on other failures', async () => {
+			put.mockRejectedValueOnce(apiError(500, 'Server error'));
+			await expect(useSecretsStore().updateSecret('db-password', { value: 'new' })).rejects.toThrow();
+			expect(lastSnackbar()).toBe('Server error');
+		});
+	});
+
+	describe('deleteSecret', () => {
+		it('deletes a secret and reloads the page on screen', async () => {
+			del.mockResolvedValueOnce({ message: 'deleted', deletedAt: '2024-01-02' });
+			const store = useSecretsStore();
+			await store.fetchSecrets();
+			get.mockClear();
+
+			await store.deleteSecret('db-password');
+			await flushPromises();
+
+			expect(del).toHaveBeenCalledWith('/secrets/db-password', {
+				notify: false,
+				successMessage: 'Secret deleted successfully',
+			});
+			expect(get).toHaveBeenCalledOnce();
+		});
+
+		it('falls back to a default message', async () => {
+			del.mockRejectedValueOnce(apiError(500));
+			await expect(useSecretsStore().deleteSecret('db-password')).rejects.toThrow();
+			expect(lastSnackbar()).toBe('Failed to delete secret');
+		});
+	});
+
+	describe('getAuditLog', () => {
+		it('fetches the audit log with default and custom pagination', async () => {
+			const store = useSecretsStore();
+			await store.getAuditLog('db-password');
+			await store.getAuditLog('db-password', 2, 10);
+
+			expect(get).toHaveBeenCalledWith('/secrets/db-password/audit-log', {
+				params: { page: 1, limit: 50 },
+				notify: false,
+			});
+			expect(get).toHaveBeenCalledWith('/secrets/db-password/audit-log', {
+				params: { page: 2, limit: 10 },
+				notify: false,
+			});
+		});
+
+		it('falls back to a default message', async () => {
+			get.mockRejectedValueOnce(apiError(500));
+			await expect(useSecretsStore().getAuditLog('db-password')).rejects.toThrow();
+			expect(lastSnackbar()).toBe('Failed to fetch audit log');
+		});
+	});
+
+	it('leaves a 401 to the client, which is already redirecting', async () => {
+		const unauthorized = apiError(401);
+		unauthorized.notified = true;
+		get.mockRejectedValueOnce(unauthorized);
+
+		await expect(useSecretsStore().fetchSecrets()).rejects.toBe(unauthorized);
+		expect(useNotificationsStore().snackbars).toEqual([]);
+	});
+});
diff --git a/frontend-vue/src/stores/secrets.ts b/frontend-vue/src/stores/secrets.ts
new file mode 100644
index 000000000..f92d35c64
--- /dev/null
+++ b/frontend-vue/src/stores/secrets.ts
@@ -0,0 +1,145 @@
+// Port of frontend/src/app/services/secrets.service.ts: the company's secrets vault and its audit log.
+//
+// Angular pushed 'created' | 'updated' | 'deleted' through `secrets.cast` and SecretsComponent then
+// reloaded its page of secrets. Here the store keeps that page (`secrets`, `pagination`, the query it
+// was loaded with) and each mutation reloads it.
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import { api, isApiError, type RequestOptions } from '@/api/client';
+import type {
+	AuditLogResponse,
+	CreateSecretPayload,
+	DeleteSecretResponse,
+	Secret,
+	SecretListResponse,
+	SecretPagination,
+	UpdateSecretPayload,
+} from '@/models/secret';
+import { useNotificationsStore } from '@/stores/notifications';
+
+export interface SecretsQuery {
+	page: number;
+	limit: number;
+	search?: string;
+}
+
+export const useSecretsStore = defineStore('secrets', () => {
+	const secrets = ref<Secret[]>([]);
+	const pagination = ref<SecretPagination | null>(null);
+	const loading = ref(false);
+	/** The query of the page on screen; null until a list has been loaded. */
+	const lastQuery = ref<SecretsQuery | null>(null);
+
+	async function fetchSecrets(page = 1, limit = 20, search?: string): Promise<SecretListResponse> {
+		lastQuery.value = { page, limit, search };
+		loading.value = true;
+		try {
+			const response = await withFallbackMessage(
+				() =>
+					api.get<SecretListResponse>('/secrets', {
+						params: { page, limit, search: search || undefined },
+						notify: false,
+					}),
+				'Failed to fetch secrets',
+			);
+			secrets.value = response.data;
+			pagination.value = response.pagination;
+			return response;
+		} finally {
+			loading.value = false;
+		}
+	}
+
+	async function createSecret(payload: CreateSecretPayload): Promise<Secret> {
+		const secret = await withFallbackMessage(
+			() => api.post<Secret>('/secrets', payload, { notify: false, successMessage: 'Secret created successfully' }),
+			'Failed to create secret',
+			{ 409: 'A secret with this slug already exists' },
+		);
+		reloadSecrets();
+		return secret;
+	}
+
+	/**
+	 * A 403 (wrong or missing master password) is rethrown without a notification so the caller can
+	 * ask for the master password and retry.
+	 */
+	async function updateSecret(slug: string, payload: UpdateSecretPayload, masterPassword?: string): Promise<Secret> {
+		const options: RequestOptions = { notify: false, successMessage: 'Secret updated successfully' };
+		if (masterPassword) options.headers = { masterpwd: masterPassword };
+		const secret = await withFallbackMessage(
+			() => api.put<Secret>(`/secrets/${slug}`, payload, options),
+			'Failed to update secret',
+			{ 403: null, 410: 'Cannot update an expired secret' },
+		);
+		reloadSecrets();
+		return secret;
+	}
+
+	async function deleteSecret(slug: string): Promise<DeleteSecretResponse> {
+		const response = await withFallbackMessage(
+			() =>
+				api.delete<DeleteSecretResponse>(`/secrets/${slug}`, {
+					notify: false,
+					successMessage: 'Secret deleted successfully',
+				}),
+			'Failed to delete secret',
+		);
+		reloadSecrets();
+		return response;
+	}
+
+	function getAuditLog(slug: string, page = 1, limit = 50): Promise<AuditLogResponse> {
+		return withFallbackMessage(
+			() => api.get<AuditLogResponse>(`/secrets/${slug}/audit-log`, { params: { page, limit }, notify: false }),
+			'Failed to fetch audit log',
+		);
+	}
+
+	/** Reloads the page on screen, if one was loaded. Failures were already shown. */
+	async function reloadSecrets(): Promise<void> {
+		const query = lastQuery.value;
+		if (!query) return;
+		try {
+			await fetchSecrets(query.page, query.limit, query.search);
+		} catch {
+			// reported in fetchSecrets
+		}
+	}
+
+	return {
+		secrets,
+		pagination,
+		loading,
+		lastQuery,
+		fetchSecrets,
+		reloadSecrets,
+		createSecret,
+		updateSecret,
+		deleteSecret,
+		getAuditLog,
+	};
+});
+
+/**
+ * The secrets endpoints show the server's message or a per-call fallback (the client's own
+ * `errorMessage` would override the server's). `byStatus` maps a status to its own message, or to
+ * null to rethrow without notifying.
+ */
+async function withFallbackMessage<T>(
+	request: () => Promise<T>,
+	fallback: string,
+	byStatus: Record<number, string | null> = {},
+): Promise<T> {
+	try {
+		return await request();
+	} catch (error) {
+		// Non-API errors (aborts) and 401s (already redirecting to /login) pass straight through.
+		if (!isApiError(error) || error.notified) throw error;
+		const special = byStatus[error.status];
+		if (special === null) throw error;
+		useNotificationsStore().showErrorSnackbar(special ?? (error.body.message || fallback));
+		error.notified = true;
+		throw error;
+	}
+}
diff --git a/frontend-vue/src/stores/selfhosted.ts b/frontend-vue/src/stores/selfhosted.ts
new file mode 100644
index 000000000..2e76802ba
--- /dev/null
+++ b/frontend-vue/src/stores/selfhosted.ts
@@ -0,0 +1,69 @@
+// Port of SelfhostedService: whether a self-hosted install still needs its first admin (/setup).
+import { defineStore } from 'pinia';
+import { computed, ref } from 'vue';
+import { api } from '@/api/client';
+import { environment } from '@/environment';
+
+export interface IsConfiguredResponse {
+	isConfigured: boolean;
+}
+
+export interface CreateInitialUserRequest {
+	email: string;
+	password: string;
+}
+
+export interface CreateInitialUserResponse {
+	success: boolean;
+}
+
+export const useSelfhostedStore = defineStore('selfhosted', () => {
+	const isConfigured = ref<boolean | null>(null);
+	const isCheckingConfiguration = ref(false);
+	const isSelfHosted = computed(() => !environment.saas);
+
+	async function checkConfiguration(): Promise<IsConfiguredResponse> {
+		isCheckingConfiguration.value = true;
+		try {
+			const data = await api.get<IsConfiguredResponse>('/selfhosted/is-configured', { notify: false });
+			isConfigured.value = data.isConfigured;
+			return data;
+		} catch (error) {
+			console.error('Failed to check configuration:', error);
+			// If the endpoint fails, assume configured so login is never blocked.
+			isConfigured.value = true;
+			return { isConfigured: true };
+		} finally {
+			isCheckingConfiguration.value = false;
+		}
+	}
+
+	async function createInitialUser(userData: CreateInitialUserRequest): Promise<CreateInitialUserResponse> {
+		const data = await api.post<CreateInitialUserResponse>('/selfhosted/initial-user', userData, {
+			notify: 'alert',
+			successMessage: 'Admin account created successfully.',
+		});
+		isConfigured.value = true;
+		return data;
+	}
+
+	function resetConfigurationState(): void {
+		isConfigured.value = null;
+	}
+
+	/** The cached answer, or one request to the server. */
+	async function resolveIsConfigured(): Promise<boolean> {
+		if (isConfigured.value !== null) return isConfigured.value;
+		return (await checkConfiguration()).isConfigured;
+	}
+
+	return {
+		isConfigured,
+		isCheckingConfiguration,
+		isSelfHosted,
+		checkConfiguration,
+		createInitialUser,
+		resetConfigurationState,
+		resolveIsConfigured,
+	};
+});
diff --git a/frontend-vue/src/stores/table-row.spec.ts b/frontend-vue/src/stores/table-row.spec.ts
new file mode 100644
index 000000000..b47cc8e7e
--- /dev/null
+++ b/frontend-vue/src/stores/table-row.spec.ts
@@ -0,0 +1,94 @@
+// Ports the behaviour covered by frontend/src/app/services/table-row.service.spec.ts.
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { fakeError, jsonResponse, mockFetch } from '@/__tests__/mock-fetch';
+import { tableEvents } from '@/lib/table-events';
+import { AlertType } from '@/models/alert';
+import { useNotificationsStore } from '@/stores/notifications';
+import { useTableRowStore } from './table-row';
+
+vi.mock('@/environment', () => ({ environment: { apiRoot: '', saasURL: '' } }));
+vi.mock('@/config', () => ({ getConfig: () => ({ baseURL: '/api', saasURL: '' }) }));
+
+const row = { id: 11, first_name: 'Yuriy', last_name: 'Datsyuk' };
+
+describe('table row store', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		tableEvents.all.clear();
+	});
+
+	afterEach(() => {
+		vi.unstubAllGlobals();
+	});
+
+	it('fetchTableRow sends the primary key and table name', async () => {
+		const fetch = mockFetch(jsonResponse({ row }));
+		expect(await useTableRowStore().fetchTableRow('12345678', 'users_table', { id: 11 })).toEqual({ row });
+		expect(fetch.last().url).toBe('/api/table/row/12345678?id=11&tableName=users_table');
+	});
+
+	it('fetchTableRow shows an error snackbar on failure', async () => {
+		mockFetch(jsonResponse(fakeError, 400));
+		const showErrorSnackbar = vi.spyOn(useNotificationsStore(), 'showErrorSnackbar');
+		await expect(useTableRowStore().fetchTableRow('1', 't', { id: 1 })).rejects.toThrow();
+		expect(showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
+	});
+
+	it('addTableRow posts the row and confirms', async () => {
+		const fetch = mockFetch(jsonResponse({ row }));
+		const showSuccessSnackbar = vi.spyOn(useNotificationsStore(), 'showSuccessSnackbar');
+		await useTableRowStore().addTableRow('12345678', 'users_table', row);
+		expect(fetch.last().method).toBe('POST');
+		expect(fetch.last().url).toBe('/api/table/row/12345678?tableName=users_table');
+		expect(fetch.last().json).toEqual(row);
+		expect(showSuccessSnackbar).toHaveBeenCalledWith('The row has been added successfully to "users_table" table.');
+	});
+
+	it.each([
+		['addTableRow', () => useTableRowStore().addTableRow('1', 't', row)],
+		['updateTableRow', () => useTableRowStore().updateTableRow('1', 't', { id: 11 }, row)],
+	])('%s shows an error alert on failure', async (_name, call) => {
+		mockFetch(jsonResponse(fakeError, 400));
+		const showAlert = vi.spyOn(useNotificationsStore(), 'showAlert');
+		await expect(call()).rejects.toThrow();
+		expect(showAlert).toHaveBeenCalledWith(
+			AlertType.Error,
+			{ abstract: fakeError.message, details: fakeError.originalMessage },
+			[expect.objectContaining({ caption: 'Dismiss' })],
+		);
+	});
+
+	it('updateTableRow puts the row under its primary key and confirms', async () => {
+		const fetch = mockFetch(jsonResponse({ row }));
+		const showSuccessSnackbar = vi.spyOn(useNotificationsStore(), 'showSuccessSnackbar');
+		await useTableRowStore().updateTableRow('12345678', 'users_table', { id: 11 }, row);
+		expect(fetch.last().method).toBe('PUT');
+		expect(fetch.last().url).toBe('/api/table/row/12345678?id=11&tableName=users_table');
+		expect(showSuccessSnackbar).toHaveBeenCalledWith('The row has been updated successfully in "users_table" table.');
+	});
+
+	it('deleteTableRow deletes, confirms and emits rowDeleted', async () => {
+		const fetch = mockFetch(jsonResponse(null));
+		const showSuccessSnackbar = vi.spyOn(useNotificationsStore(), 'showSuccessSnackbar');
+		const listener = vi.fn();
+		tableEvents.on('rowDeleted', listener);
+
+		await useTableRowStore().deleteTableRow('12345678', 'users_table', { id: 11 });
+
+		expect(fetch.last().method).toBe('DELETE');
+		expect(fetch.last().url).toBe('/api/table/row/12345678?id=11&tableName=users_table');
+		expect(showSuccessSnackbar).toHaveBeenCalledWith('Row has been deleted successfully from "users_table" table.');
+		expect(listener).toHaveBeenCalledWith({ connectionID: '12345678', tableName: 'users_table' });
+	});
+
+	it('deleteTableRow shows an error snackbar and emits nothing on failure', async () => {
+		mockFetch(jsonResponse(fakeError, 400));
+		const showErrorSnackbar = vi.spyOn(useNotificationsStore(), 'showErrorSnackbar');
+		const listener = vi.fn();
+		tableEvents.on('rowDeleted', listener);
+		await expect(useTableRowStore().deleteTableRow('1', 't', { id: 1 })).rejects.toThrow();
+		expect(showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
+		expect(listener).not.toHaveBeenCalled();
+	});
+});
diff --git a/frontend-vue/src/stores/table-row.ts b/frontend-vue/src/stores/table-row.ts
new file mode 100644
index 000000000..75cd3bae8
--- /dev/null
+++ b/frontend-vue/src/stores/table-row.ts
@@ -0,0 +1,66 @@
+// Port of TableRowService: read, add, update and delete one row. The 'delete row' event of `cast`
+// is now `tableEvents.emit('rowDeleted')` (src/lib/table-events.ts).
+import { defineStore } from 'pinia';
+import { api, type QueryParams } from '@/api/client';
+import { tableEvents } from '@/lib/table-events';
+import type { TableField, TableForeignKey, Widget } from '@/models/table';
+
+/** The row's primary key as query params, e.g. `{ id: 42 }`. */
+export type RowKeyParams = QueryParams;
+
+/** GET /table/row/:id. Only the commonly read fields are typed; the rest pass through. */
+export interface TableRowResponse {
+	row: Record<string, unknown>;
+	structure: TableField[];
+	primaryColumns: { column_name: string; data_type: string }[];
+	foreignKeys: TableForeignKey[];
+	table_widgets: Widget[];
+	readonly_fields: string[];
+	[key: string]: unknown;
+}
+
+export const useTableRowStore = defineStore('tableRow', () => {
+	function fetchTableRow<T = TableRowResponse>(
+		connectionID: string,
+		tableName: string,
+		params: RowKeyParams,
+	): Promise<T> {
+		return api.get<T>(`/table/row/${connectionID}`, { params: { ...params, tableName }, notify: 'snackbar' });
+	}
+
+	function addTableRow<T = TableRowResponse>(
+		connectionID: string,
+		tableName: string,
+		row: Record<string, unknown>,
+	): Promise<T> {
+		return api.post<T>(`/table/row/${connectionID}`, row, {
+			params: { tableName },
+			notify: 'alert',
+			successMessage: `The row has been added successfully to "${tableName}" table.`,
+		});
+	}
+
+	function updateTableRow<T = TableRowResponse>(
+		connectionID: string,
+		tableName: string,
+		params: RowKeyParams,
+		tableRow: Record<string, unknown>,
+	): Promise<T> {
+		return api.put<T>(`/table/row/${connectionID}`, tableRow, {
+			params: { ...params, tableName },
+			notify: 'alert',
+			successMessage: `The row has been updated successfully in "${tableName}" table.`,
+		});
+	}
+
+	async function deleteTableRow(connectionID: string, tableName: string, params: RowKeyParams): Promise<void> {
+		await api.delete(`/table/row/${connectionID}`, {
+			params: { ...params, tableName },
+			notify: 'snackbar',
+			successMessage: `Row has been deleted successfully from "${tableName}" table.`,
+		});
+		tableEvents.emit('rowDeleted', { connectionID, tableName });
+	}
+
+	return { fetchTableRow, addTableRow, updateTableRow, deleteTableRow };
+});
diff --git a/frontend-vue/src/stores/table-schema.spec.ts b/frontend-vue/src/stores/table-schema.spec.ts
new file mode 100644
index 000000000..bcc78c7f4
--- /dev/null
+++ b/frontend-vue/src/stores/table-schema.spec.ts
@@ -0,0 +1,57 @@
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { fakeError, jsonResponse, mockFetch } from '@/__tests__/mock-fetch';
+import { useNotificationsStore } from '@/stores/notifications';
+import { useTableSchemaStore } from './table-schema';
+
+vi.mock('@/environment', () => ({ environment: { apiRoot: '', saasURL: '' } }));
+vi.mock('@/config', () => ({ getConfig: () => ({ baseURL: '/api', saasURL: '' }) }));
+
+const batch = { batchId: 'b1', changes: [] };
+
+describe('table schema store', () => {
+	beforeEach(() => setActivePinia(createPinia()));
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('generateSchemaChange posts the prompt and thread', async () => {
+		const fetch = mockFetch(jsonResponse(batch));
+		expect(await useTableSchemaStore().generateSchemaChange('c1', 'add a column', 'th1')).toEqual(batch);
+		expect(fetch.last().url).toBe('/api/table-schema/c1/generate');
+		expect(fetch.last().json).toEqual({ userPrompt: 'add a column', threadId: 'th1' });
+	});
+
+	it('approve and preview hit their endpoints', async () => {
+		const fetch = mockFetch(jsonResponse(batch), jsonResponse({ diff: {} }));
+		const store = useTableSchemaStore();
+		await store.approveBatch('b1', true);
+		await store.previewDiagram('c1', ['ALTER TABLE x']);
+		expect(fetch.requests.map((request) => [request.url, request.json])).toEqual([
+			['/api/table-schema/batch/b1/approve', { confirmedDestructive: true }],
+			['/api/connection/diagram/c1/preview', { sqlCommands: ['ALTER TABLE x'] }],
+		]);
+	});
+
+	it('generate/approve/preview throw the server message without notifying', async () => {
+		mockFetch(jsonResponse(fakeError, 400), jsonResponse({}, 502));
+		const showAlert = vi.spyOn(useNotificationsStore(), 'showAlert');
+		const showErrorSnackbar = vi.spyOn(useNotificationsStore(), 'showErrorSnackbar');
+		const store = useTableSchemaStore();
+		await expect(store.generateSchemaChange('c1', 'x')).rejects.toThrow(fakeError.message);
+		await expect(store.approveBatch('b1')).rejects.toThrow('Request failed (502)');
+		expect(showAlert).not.toHaveBeenCalled();
+		expect(showErrorSnackbar).not.toHaveBeenCalled();
+	});
+
+	it('rejectBatch and fetchDiagram report the error and reject with the notified ApiError', async () => {
+		const fetch = mockFetch(jsonResponse(fakeError, 400), jsonResponse(fakeError, 400));
+		const showAlert = vi.spyOn(useNotificationsStore(), 'showAlert');
+		const store = useTableSchemaStore();
+		await expect(store.rejectBatch('b1')).rejects.toMatchObject({ name: 'ApiError', notified: true });
+		await expect(store.fetchDiagram('c1')).rejects.toMatchObject({ name: 'ApiError', notified: true });
+		expect(fetch.requests.map((request) => `${request.method} ${request.url}`)).toEqual([
+			'POST /api/table-schema/batch/b1/reject',
+			'GET /api/connection/diagram/c1',
+		]);
+		expect(showAlert).toHaveBeenCalledTimes(2);
+	});
+});
diff --git a/frontend-vue/src/stores/table-schema.ts b/frontend-vue/src/stores/table-schema.ts
new file mode 100644
index 000000000..a85a7108c
--- /dev/null
+++ b/frontend-vue/src/stores/table-schema.ts
@@ -0,0 +1,111 @@
+// Port of TableSchemaService: AI-generated schema changes (generate / approve / reject a batch) and
+// the connection ER diagram with its preview.
+//
+// generate, approve and preview never notified in Angular: they throw and the schema editor shows
+// the message inline. reject and fetchDiagram report the error through the client and then throw the
+// notified ApiError, like every other store (Angular's ApiService resolved null instead).
+import { defineStore } from 'pinia';
+import { api, isApiError } from '@/api/client';
+
+export interface ConnectionDiagramResponse {
+	connectionId: string;
+	databaseType: string;
+	diagram: string;
+	description: string;
+	generatedAt: string;
+}
+
+export interface ConnectionDiagramPreviewStatementResult {
+	sql: string;
+	status: 'applied' | 'skipped' | 'error';
+	message?: string;
+}
+
+export interface ConnectionDiagramPreviewDiff {
+	addedTables: string[];
+	droppedTables: string[];
+	addedColumns: Record<string, string[]>;
+	droppedColumns: Record<string, string[]>;
+	addedForeignKeys: Record<string, string[]>;
+	statementResults: ConnectionDiagramPreviewStatementResult[];
+}
+
+export interface ConnectionDiagramPreviewResponse {
+	connectionId: string;
+	databaseType: string;
+	diagram: string;
+	description: string;
+	diff: ConnectionDiagramPreviewDiff;
+	generatedAt: string;
+}
+
+export interface SchemaChangeResponse {
+	id: string;
+	connectionId: string;
+	batchId: string | null;
+	orderInBatch: number;
+	forwardSql: string;
+	rollbackSql: string | null;
+	userModifiedSql: string | null;
+	status: string;
+	changeType: string;
+	targetTableName: string;
+	databaseType: string;
+	executionError: string | null;
+	isReversible: boolean;
+	userPrompt: string;
+	aiSummary: string | null;
+	aiReasoning: string | null;
+	createdAt: string;
+	appliedAt: string | null;
+	rolledBackAt: string | null;
+	aiAutoFixApplied?: boolean;
+	aiAutoFixOriginalForwardSql?: string | null;
+	aiAutoFixOriginalRollbackSql?: string | null;
+	aiAutoFixOriginalError?: string | null;
+}
+
+export interface SchemaChangeBatchResponse {
+	batchId: string | null;
+	changes: SchemaChangeResponse[];
+	threadId?: string | null;
+	assistantMessage?: string | null;
+}
+
+export const useTableSchemaStore = defineStore('tableSchema', () => {
+	function generateSchemaChange(
+		connectionId: string,
+		userPrompt: string,
+		threadId?: string,
+	): Promise<SchemaChangeBatchResponse> {
+		return postOrThrow(`/table-schema/${connectionId}/generate`, { userPrompt, threadId });
+	}
+
+	function approveBatch(batchId: string, confirmedDestructive?: boolean): Promise<SchemaChangeBatchResponse> {
+		return postOrThrow(`/table-schema/batch/${batchId}/approve`, { confirmedDestructive });
+	}
+
+	function rejectBatch(batchId: string): Promise<SchemaChangeBatchResponse> {
+		return api.post<SchemaChangeBatchResponse>(`/table-schema/batch/${batchId}/reject`);
+	}
+
+	function fetchDiagram(connectionId: string): Promise<ConnectionDiagramResponse> {
+		return api.get<ConnectionDiagramResponse>(`/connection/diagram/${connectionId}`);
+	}
+
+	function previewDiagram(connectionId: string, sqlCommands: string[]): Promise<ConnectionDiagramPreviewResponse> {
+		return postOrThrow(`/connection/diagram/${connectionId}/preview`, { sqlCommands });
+	}
+
+	return { generateSchemaChange, approveBatch, rejectBatch, fetchDiagram, previewDiagram };
+});
+
+/** Throws an Error carrying the server's message (or `Request failed (<status>)`), showing nothing. */
+async function postOrThrow<T>(url: string, body: unknown): Promise<T> {
+	try {
+		return await api.post<T>(url, body, { notify: false });
+	} catch (error) {
+		if (isApiError(error) && !error.body.message) throw new Error(`Request failed (${error.status})`);
+		throw error;
+	}
+}
diff --git a/frontend-vue/src/stores/table-state.spec.ts b/frontend-vue/src/stores/table-state.spec.ts
new file mode 100644
index 000000000..390b71b9e
--- /dev/null
+++ b/frontend-vue/src/stores/table-state.spec.ts
@@ -0,0 +1,82 @@
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import type { TableRow } from '@/models/table';
+import { useTableStateStore } from './table-state';
+
+function row(id: number): TableRow {
+	return {
+		connectionID: 'c',
+		tableName: 't',
+		record: { id },
+		columnsOrder: [],
+		primaryKeys: { id },
+		foreignKeys: [],
+		foreignKeysList: [],
+		widgets: [],
+		widgetsList: [],
+		fieldsTypes: {},
+		relatedRecords: [],
+	};
+}
+
+describe('table state store', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		sessionStorage.clear();
+	});
+
+	it('selects a row, closing the AI panel, and deselects it when selected again', () => {
+		const store = useTableStateStore();
+		store.handleViewAIpanel();
+		store.toggleAIPanelExpanded();
+
+		store.selectRow(row(1));
+		expect(store.selectedRow?.primaryKeys).toEqual({ id: 1 });
+		expect(store.aiPanelOpen).toBe(false);
+		expect(store.aiPanelExpanded).toBe(false);
+
+		store.selectRow(row(2));
+		expect(store.selectedRow?.primaryKeys).toEqual({ id: 2 });
+		store.selectRow(row(2));
+		expect(store.selectedRow).toBeNull();
+	});
+
+	it('toggles the AI panel, clearing the selection and collapsing it on close', () => {
+		const store = useTableStateStore();
+		store.selectRow(row(1));
+		store.handleViewAIpanel();
+		expect(store.aiPanelOpen).toBe(true);
+		expect(store.selectedRow).toBeNull();
+
+		store.toggleAIPanelExpanded();
+		expect(store.aiPanelExpanded).toBe(true);
+		store.handleViewAIpanel();
+		expect(store.aiPanelOpen).toBe(false);
+		expect(store.aiPanelExpanded).toBe(false);
+	});
+
+	it('keeps the back-url params in sessionStorage, upper-casing the sort direction', () => {
+		const store = useTableStateStore();
+		store.setBackUrlParams(2, 30, 'name', 'asc');
+		expect(store.getBackUrlParams()).toEqual({
+			page_index: 2,
+			page_size: 30,
+			sort_active: 'name',
+			sort_direction: 'ASC',
+		});
+		store.setBackUrlParams(0, 10, undefined, undefined);
+		expect(store.getBackUrlParams()).toEqual({ page_index: 0, page_size: 10 });
+	});
+
+	it('keeps the back-url filters and tolerates corrupt storage', () => {
+		const store = useTableStateStore();
+		store.setBackUrlFilters({ city: { eq: 'NY' } });
+		expect(store.getBackUrlFilters()).toEqual({ city: { eq: 'NY' } });
+
+		const consoleError = vi.spyOn(console, 'error').mockImplementation(() => {});
+		sessionStorage.setItem('backUrlFilters', '{not json');
+		expect(store.getBackUrlFilters()).toBeNull();
+		expect(consoleError).toHaveBeenCalled();
+		consoleError.mockRestore();
+	});
+});
diff --git a/frontend-vue/src/stores/table-state.ts b/frontend-vue/src/stores/table-state.ts
new file mode 100644
index 000000000..8085e1cd6
--- /dev/null
+++ b/frontend-vue/src/stores/table-state.ts
@@ -0,0 +1,114 @@
+// Port of TableStateService: the row selected in the table view (shown in the side row view), the
+// AI panel's open/expanded state, and the "back to table" paging/sort/filter params kept in
+// sessionStorage so the row edit page can return to the same view.
+//
+// The three BehaviorSubjects (`cast`, `aiPanelCast`, `aiPanelExpandedCast`) are plain state here:
+// `selectedRow`, `aiPanelOpen`, `aiPanelExpanded`. Watch them instead of subscribing.
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import type { TableRow } from '@/models/table';
+
+export interface BackUrlParams {
+	page_index: number;
+	page_size: number;
+	sort_active?: string;
+	sort_direction?: string;
+}
+
+export type BackUrlFilters = Record<string, unknown>;
+
+const BACK_URL_PARAMS_KEY = 'backUrlParams';
+const BACK_URL_FILTERS_KEY = 'backUrlFilters';
+
+export const useTableStateStore = defineStore('tableState', () => {
+	const selectedRow = ref<TableRow | null>(null);
+	const aiPanelOpen = ref(false);
+	const aiPanelExpanded = ref(false);
+
+	function setBackUrlParams(
+		pageIndex: number,
+		pageSize: number,
+		sortField: string | undefined,
+		sortDirection: string | undefined,
+	): void {
+		const params: BackUrlParams = {
+			page_index: pageIndex,
+			page_size: pageSize,
+			...(sortField !== undefined && { sort_active: sortField }),
+			...(sortDirection !== undefined && { sort_direction: sortDirection.toUpperCase() }),
+		};
+		writeSessionItem(BACK_URL_PARAMS_KEY, params);
+	}
+
+	function getBackUrlParams(): BackUrlParams | null {
+		return readSessionItem<BackUrlParams>(BACK_URL_PARAMS_KEY);
+	}
+
+	function setBackUrlFilters(filters: BackUrlFilters | null): void {
+		writeSessionItem(BACK_URL_FILTERS_KEY, filters);
+	}
+
+	function getBackUrlFilters(): BackUrlFilters | null {
+		return readSessionItem<BackUrlFilters>(BACK_URL_FILTERS_KEY);
+	}
+
+	/** Selecting the selected row again deselects it; selecting a row closes the AI panel. */
+	function selectRow(row: TableRow): void {
+		if (selectedRow.value && JSON.stringify(selectedRow.value.primaryKeys) === JSON.stringify(row.primaryKeys)) {
+			selectedRow.value = null;
+		} else {
+			selectedRow.value = row;
+			closeAIpanel();
+		}
+	}
+
+	/** Toggles the AI panel; opening it clears the row selection, closing it collapses it. */
+	function handleViewAIpanel(): void {
+		clearSelection();
+		aiPanelOpen.value = !aiPanelOpen.value;
+		if (!aiPanelOpen.value) aiPanelExpanded.value = false;
+	}
+
+	function clearSelection(): void {
+		selectedRow.value = null;
+	}
+
+	function closeAIpanel(): void {
+		aiPanelOpen.value = false;
+		aiPanelExpanded.value = false;
+	}
+
+	function toggleAIPanelExpanded(): void {
+		aiPanelExpanded.value = !aiPanelExpanded.value;
+	}
+
+	return {
+		selectedRow,
+		aiPanelOpen,
+		aiPanelExpanded,
+		setBackUrlParams,
+		getBackUrlParams,
+		setBackUrlFilters,
+		getBackUrlFilters,
+		selectRow,
+		handleViewAIpanel,
+		clearSelection,
+		closeAIpanel,
+		toggleAIPanelExpanded,
+	};
+});
+
+function readSessionItem<T>(key: string): T | null {
+	const item = sessionStorage.getItem(key);
+	if (!item) return null;
+	try {
+		return JSON.parse(item) as T;
+	} catch (error) {
+		console.error(`Error parsing JSON from sessionStorage for key "${key}":`, error);
+		return null;
+	}
+}
+
+function writeSessionItem(key: string, value: unknown): void {
+	sessionStorage.setItem(key, JSON.stringify(value));
+}
diff --git a/frontend-vue/src/stores/tables.spec.ts b/frontend-vue/src/stores/tables.spec.ts
new file mode 100644
index 000000000..01684d808
--- /dev/null
+++ b/frontend-vue/src/stores/tables.spec.ts
@@ -0,0 +1,369 @@
+// Ports the behaviour covered by frontend/src/app/services/tables.service.spec.ts, plus the
+// events that replaced the `cast` strings.
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { fakeError, jsonResponse, mockFetch, textResponse } from '@/__tests__/mock-fetch';
+import { tableEvents } from '@/lib/table-events';
+import { AlertType } from '@/models/alert';
+import { useNotificationsStore } from '@/stores/notifications';
+import { useTablesStore } from './tables';
+
+vi.mock('@/environment', () => ({ environment: { apiRoot: '', saasURL: '' } }));
+vi.mock('@/config', () => ({ getConfig: () => ({ baseURL: '/api', saasURL: '' }) }));
+
+const analytics = vi.hoisted(() => ({ trackEvent: vi.fn(), capture: vi.fn() }));
+vi.mock('@/composables/useAnalytics', () => ({ trackEvent: analytics.trackEvent }));
+vi.mock('posthog-js', () => ({ default: { capture: analytics.capture } }));
+
+const tableParams = { connectionID: '12345678', tableName: 'users_table', requstedPage: 1, chunkSize: 30 };
+
+describe('tables store', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+		tableEvents.all.clear();
+	});
+
+	afterEach(() => {
+		vi.unstubAllGlobals();
+	});
+
+	function spyNotifications() {
+		const notifications = useNotificationsStore();
+		return {
+			showAlert: vi.spyOn(notifications, 'showAlert'),
+			showErrorSnackbar: vi.spyOn(notifications, 'showErrorSnackbar'),
+			showSuccessSnackbar: vi.spyOn(notifications, 'showSuccessSnackbar'),
+		};
+	}
+
+	function expectErrorAlert(showAlert: ReturnType<typeof spyNotifications>['showAlert']) {
+		expect(showAlert).toHaveBeenCalledWith(
+			AlertType.Error,
+			{ abstract: fakeError.message, details: fakeError.originalMessage },
+			[expect.objectContaining({ caption: 'Dismiss' })],
+		);
+	}
+
+	it('sets and reads the current table name', () => {
+		const store = useTablesStore();
+		store.setTableName('users');
+		expect(store.currentTableName).toBe('users');
+	});
+
+	it('fetchTables passes `hidden` only when set', async () => {
+		const fetch = mockFetch(jsonResponse([{ table: 'users' }]), jsonResponse([]));
+		const store = useTablesStore();
+		expect(await store.fetchTables('12345678')).toEqual([{ table: 'users' }]);
+		await store.fetchTables('12345678', true);
+		expect(fetch.requests.map((request) => request.url)).toEqual([
+			'/api/connection/tables/12345678',
+			'/api/connection/tables/12345678?hidden=true',
+		]);
+	});
+
+	it('fetchTables reports nothing and rethrows', async () => {
+		mockFetch(jsonResponse(fakeError, 400));
+		const { showAlert, showErrorSnackbar } = spyNotifications();
+		await expect(useTablesStore().fetchTables('12345678')).rejects.toThrow();
+		expect(showAlert).not.toHaveBeenCalled();
+		expect(showErrorSnackbar).not.toHaveBeenCalled();
+	});
+
+	describe('fetchTable', () => {
+		it('posts the filters with the minimal params', async () => {
+			const fetch = mockFetch(jsonResponse({ rows: [] }));
+			expect(await useTablesStore().fetchTable(tableParams)).toEqual({ rows: [] });
+			expect(fetch.last().method).toBe('POST');
+			expect(fetch.last().url).toBe('/api/table/rows/find/12345678?tableName=users_table&perPage=30&page=1');
+			expect(fetch.last().json).toEqual({});
+		});
+
+		it('filters by a foreign key', async () => {
+			const fetch = mockFetch(jsonResponse({ rows: [] }));
+			await useTablesStore().fetchTable({
+				...tableParams,
+				foreignKeyRowName: 'position_id',
+				foreignKeyRowValue: '9876',
+				referencedColumn: 'id',
+			});
+			expect(fetch.last().url).toBe(
+				'/api/table/rows/find/12345678?tableName=users_table&perPage=30&page=1&f_position_id__eq=9876&referencedColumn=id',
+			);
+		});
+
+		it('uses the `autocomplete` param as is', async () => {
+			const fetch = mockFetch(jsonResponse({ rows: [] }));
+			await useTablesStore().fetchTable({
+				...tableParams,
+				foreignKeyRowName: 'autocomplete',
+				foreignKeyRowValue: 'jo',
+			});
+			expect(fetch.last().url).toContain('&autocomplete=jo');
+		});
+
+		it('sends filters, search, sorting and the uncached flag', async () => {
+			const fetch = mockFetch(jsonResponse({ rows: [] }));
+			const filters = { city: { eq: 'NewYork' }, age: { eq: '42' } };
+			await useTablesStore().fetchTable({
+				...tableParams,
+				filters,
+				search: 'john',
+				sortColumn: 'City',
+				sortOrder: 'DESC',
+				uncached: true,
+			});
+			expect(fetch.last().json).toEqual({ filters });
+			expect(fetch.last().url).toBe(
+				'/api/table/rows/find/12345678?tableName=users_table&perPage=30&page=1&search=john&sort_by=City&sort_order=DESC&_uncached=true',
+			);
+		});
+
+		it('resolves null without a request when there is no table', async () => {
+			const fetch = mockFetch();
+			expect(await useTablesStore().fetchTable({ ...tableParams, tableName: '' })).toBeNull();
+			expect(fetch.requests).toHaveLength(0);
+		});
+
+		it('shows an error alert on failure', async () => {
+			mockFetch(jsonResponse(fakeError, 400));
+			const { showAlert } = spyNotifications();
+			await expect(useTablesStore().fetchTable(tableParams)).rejects.toThrow();
+			expectErrorAlert(showAlert);
+		});
+	});
+
+	it('fetchTableStructure requests the table and shows a snackbar on failure', async () => {
+		const fetch = mockFetch(jsonResponse({ structure: [] }), jsonResponse(fakeError, 400));
+		const { showErrorSnackbar } = spyNotifications();
+		const store = useTablesStore();
+		await store.fetchTableStructure('12345678', 'users_table');
+		expect(fetch.last().url).toBe('/api/table/structure/12345678?tableName=users_table');
+		await expect(store.fetchTableStructure('12345678', 'users_table')).rejects.toThrow();
+		expect(showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
+	});
+
+	it('fetchTableSettings requests the settings and shows an alert on failure', async () => {
+		const fetch = mockFetch(jsonResponse({ table_name: 'users_table' }), jsonResponse(fakeError, 400));
+		const { showAlert } = spyNotifications();
+		const store = useTablesStore();
+		await store.fetchTableSettings('12345678', 'users_table');
+		expect(fetch.last().url).toBe('/api/settings?connectionId=12345678&tableName=users_table');
+		await expect(store.fetchTableSettings('12345678', 'users_table')).rejects.toThrow();
+		expectErrorAlert(showAlert);
+	});
+
+	describe('table settings', () => {
+		it.each([
+			[true, 'PUT'],
+			[false, 'POST'],
+		])('updateTableSettings (exists: %s) uses %s, confirms and emits settingsUpdated', async (exists, method) => {
+			const fetch = mockFetch(jsonResponse({}));
+			const { showSuccessSnackbar } = spyNotifications();
+			const listener = vi.fn();
+			tableEvents.on('settingsUpdated', listener);
+
+			await useTablesStore().updateTableSettings(exists, '12345678', 'users_table', { icon: 'star' });
+
+			expect(fetch.last().method).toBe(method);
+			expect(fetch.last().url).toBe('/api/settings?connectionId=12345678&tableName=users_table');
+			expect(fetch.last().json).toEqual({ icon: 'star' });
+			expect(showSuccessSnackbar).toHaveBeenCalledWith('Table settings has been updated.');
+			expect(listener).toHaveBeenCalledWith({ connectionID: '12345678', tableName: 'users_table', personal: false });
+		});
+
+		it('updateTableSettings shows an alert and emits nothing on failure', async () => {
+			mockFetch(jsonResponse(fakeError, 400));
+			const { showAlert } = spyNotifications();
+			const listener = vi.fn();
+			tableEvents.on('settingsUpdated', listener);
+			await expect(useTablesStore().updateTableSettings(true, '1', 't', {})).rejects.toThrow();
+			expectErrorAlert(showAlert);
+			expect(listener).not.toHaveBeenCalled();
+		});
+
+		it('deleteTableSettings resets and confirms', async () => {
+			const fetch = mockFetch(jsonResponse(null));
+			const { showSuccessSnackbar } = spyNotifications();
+			await useTablesStore().deleteTableSettings('12345678', 'users_table');
+			expect(fetch.last().method).toBe('DELETE');
+			expect(showSuccessSnackbar).toHaveBeenCalledWith('Table settings has been reset.');
+		});
+
+		it('updatePersonalTableViewSettings saves silently and emits a personal settingsUpdated', async () => {
+			const fetch = mockFetch(jsonResponse({}));
+			const { showSuccessSnackbar } = spyNotifications();
+			const listener = vi.fn();
+			tableEvents.on('settingsUpdated', listener);
+			await useTablesStore().updatePersonalTableViewSettings('12345678', 'users_table', { list_per_page: 50 });
+			expect(fetch.last().url).toBe('/api/settings/personal/12345678?tableName=users_table');
+			expect(showSuccessSnackbar).not.toHaveBeenCalled();
+			expect(listener).toHaveBeenCalledWith(expect.objectContaining({ personal: true }));
+		});
+	});
+
+	describe('widgets', () => {
+		it('fetchTableWidgets requests the widgets and shows an alert on failure', async () => {
+			const fetch = mockFetch(jsonResponse([]), jsonResponse(fakeError, 400));
+			const { showAlert } = spyNotifications();
+			const store = useTablesStore();
+			await store.fetchTableWidgets('12345678', 'users_table');
+			expect(fetch.last().url).toBe('/api/widgets/12345678?tableName=users_table');
+			await expect(store.fetchTableWidgets('12345678', 'users_table')).rejects.toThrow();
+			expectErrorAlert(showAlert);
+		});
+
+		it('updateTableWidgets posts the widgets and confirms', async () => {
+			const fetch = mockFetch(jsonResponse([]));
+			const { showSuccessSnackbar } = spyNotifications();
+			const widgets = [
+				{ field_name: 'email', widget_type: 'Email', widget_params: '', name: 'Email', description: '' },
+			];
+			await useTablesStore().updateTableWidgets('12345678', 'users_table', widgets);
+			expect(fetch.last().url).toBe('/api/widget/12345678?tableName=users_table');
+			expect(fetch.last().json).toEqual({ widgets });
+			expect(showSuccessSnackbar).toHaveBeenCalledWith('Table widgets has been updated.');
+		});
+	});
+
+	describe('csv', () => {
+		it('exportTableCSV returns the CSV text', async () => {
+			const fetch = mockFetch(textResponse('id,name\n1,John'));
+			const csv = await useTablesStore().exportTableCSV({
+				connectionID: '12345678',
+				tableName: 'users_table',
+				chunkSize: 500,
+				sortColumn: 'name',
+				sortOrder: 'ASC',
+			});
+			expect(csv).toBe('id,name\n1,John');
+			expect(fetch.last().url).toBe(
+				'/api/table/csv/export/12345678?perPage=500&page=1&tableName=users_table&sort_by=name&sort_order=ASC',
+			);
+		});
+
+		it('exportTableCSV shows the server message and tracks the failure', async () => {
+			mockFetch(jsonResponse(fakeError, 400));
+			const { showErrorSnackbar } = spyNotifications();
+			await expect(
+				useTablesStore().exportTableCSV({ connectionID: '1', tableName: 't', chunkSize: 10 }),
+			).rejects.toThrow();
+			expect(showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
+			expect(analytics.trackEvent).toHaveBeenCalledWith('Dashboard: db export failed');
+			expect(analytics.capture).toHaveBeenCalledWith('Dashboard: db export failed');
+		});
+
+		it('importTableCSV uploads the file as form data, confirms and emits imported', async () => {
+			const fetch = mockFetch(jsonResponse({}));
+			const { showSuccessSnackbar } = spyNotifications();
+			const listener = vi.fn();
+			tableEvents.on('imported', listener);
+			const file = new File(['id\n1'], 'users.csv', { type: 'text/csv' });
+
+			await useTablesStore().importTableCSV('12345678', 'users_table', file);
+
+			const body = fetch.last().body;
+			expect(body).toBeInstanceOf(FormData);
+			expect((body as FormData).get('file')).toBeInstanceOf(File);
+			expect(showSuccessSnackbar).toHaveBeenCalledWith('CSV file has been imported successfully.');
+			expect(listener).toHaveBeenCalledWith({ connectionID: '12345678', tableName: 'users_table' });
+		});
+
+		it('importTableCSV tracks failures', async () => {
+			mockFetch(jsonResponse(fakeError, 400));
+			await expect(useTablesStore().importTableCSV('1', 't', new File([''], 'x.csv'))).rejects.toThrow();
+			expect(analytics.capture).toHaveBeenCalledWith('Dashboard: db import failed');
+		});
+	});
+
+	describe('rows and actions', () => {
+		it('bulkDelete puts the primary keys, confirms and emits rowsDeleted', async () => {
+			const fetch = mockFetch(jsonResponse({}));
+			const { showSuccessSnackbar } = spyNotifications();
+			const listener = vi.fn();
+			tableEvents.on('rowsDeleted', listener);
+			await useTablesStore().bulkDelete('12345678', 'users_table', [{ id: 1 }, { id: 2 }]);
+			expect(fetch.last().method).toBe('PUT');
+			expect(fetch.last().url).toBe('/api/table/rows/delete/12345678?tableName=users_table');
+			expect(fetch.last().json).toEqual([{ id: 1 }, { id: 2 }]);
+			expect(showSuccessSnackbar).toHaveBeenCalledWith('Rows have been deleted successfully.');
+			expect(listener).toHaveBeenCalled();
+		});
+
+		it('activateActions reports how many rows the action ran on', async () => {
+			const fetch = mockFetch(jsonResponse({}));
+			const { showSuccessSnackbar } = spyNotifications();
+			const listener = vi.fn();
+			tableEvents.on('actionsActivated', listener);
+			await useTablesStore().activateActions('12345678', 'users_table', 'action-1', 'Send email', [{ id: 1 }]);
+			expect(fetch.last().url).toBe('/api/event/actions/activate/action-1/12345678');
+			expect(showSuccessSnackbar).toHaveBeenCalledWith('Send email is done for 1 rows.');
+			expect(listener).toHaveBeenCalledWith(expect.objectContaining({ actionId: 'action-1' }));
+		});
+
+		it('saveRule, updateRule and deleteRule confirm with the rule title', async () => {
+			const rule = { id: 'r1', title: 'Notify', table_name: 'users_table', events: [], table_actions: [] };
+			const fetch = mockFetch(jsonResponse(rule), jsonResponse(rule), jsonResponse(rule));
+			const { showSuccessSnackbar } = spyNotifications();
+			const listener = vi.fn();
+			tableEvents.on('ruleDeleted', listener);
+			const store = useTablesStore();
+
+			await store.saveRule('12345678', 'users_table', rule);
+			await store.updateRule('12345678', 'users_table', rule);
+			await store.deleteRule('12345678', 'users_table', 'r1');
+
+			expect(fetch.requests.map((request) => `${request.method} ${request.url}`)).toEqual([
+				'POST /api/action/rule/12345678',
+				'PUT /api/action/rule/r1/12345678',
+				'DELETE /api/action/rule/r1/12345678',
+			]);
+			expect(showSuccessSnackbar.mock.calls.map(([message]) => message)).toEqual([
+				'Notify action has been created.',
+				'Notify action has been updated.',
+				'Notify action has been deleted.',
+			]);
+			expect(listener).toHaveBeenCalledWith({ connectionID: '12345678', tableName: 'users_table', ruleId: 'r1' });
+		});
+	});
+
+	describe('saved filters', () => {
+		it('getSavedFilters rethrows without notifying', async () => {
+			mockFetch(jsonResponse(fakeError, 400));
+			const { showAlert, showErrorSnackbar } = spyNotifications();
+			await expect(useTablesStore().getSavedFilters('1', 't')).rejects.toThrow(fakeError.message);
+			expect(showAlert).not.toHaveBeenCalled();
+			expect(showErrorSnackbar).not.toHaveBeenCalled();
+		});
+
+		it('create, update and delete emit their events and confirm', async () => {
+			mockFetch(jsonResponse({ id: 'f1' }), jsonResponse({ id: 'f1' }), jsonResponse({}));
+			const { showSuccessSnackbar } = spyNotifications();
+			const events = vi.fn();
+			tableEvents.on('*', events);
+			const store = useTablesStore();
+
+			await store.createSavedFilter('1', 't', { name: 'Mine' });
+			await store.updateSavedFilter('1', 't', 'f1', { name: 'Mine' });
+			await store.deleteSavedFilter('1', 't', 'f1');
+
+			expect(events.mock.calls.map(([type]) => type)).toEqual([
+				'savedFilterCreated',
+				'savedFilterUpdated',
+				'savedFilterDeleted',
+			]);
+			expect(showSuccessSnackbar.mock.calls.map(([message]) => message)).toEqual([
+				'Saved filters have been updated.',
+				'Saved filter has been updated.',
+				'Saved filter has been deleted.',
+			]);
+		});
+
+		it('saved filter failures show an error snackbar', async () => {
+			mockFetch(jsonResponse(fakeError, 400));
+			const { showErrorSnackbar } = spyNotifications();
+			await expect(useTablesStore().createSavedFilter('1', 't', {})).rejects.toThrow();
+			expect(showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
+		});
+	});
+});
diff --git a/frontend-vue/src/stores/tables.ts b/frontend-vue/src/stores/tables.ts
new file mode 100644
index 000000000..dd9cba2ab
--- /dev/null
+++ b/frontend-vue/src/stores/tables.ts
@@ -0,0 +1,405 @@
+// Port of TablesService: table lists and folders, rows, structure, settings, widgets, rules
+// (actions), CSV import/export and saved filters. The current table name follows the route via
+// `syncFromRoute`, wired up by `bindTablesToRouter(router)`.
+//
+// The string events of `cast` are now typed events on `tableEvents` (src/lib/table-events.ts).
+// createAIthread/requestAImessage were not ported: nothing in the Angular app calls them (the AI
+// panel talks to /ai/v4 through its own service).
+import { defineStore } from 'pinia';
+import posthog from 'posthog-js';
+import { ref } from 'vue';
+import type { RouteLocationNormalizedLoaded, Router } from 'vue-router';
+import { api, isApiError } from '@/api/client';
+import { trackEvent } from '@/composables/useAnalytics';
+import { tableEvents } from '@/lib/table-events';
+import type { TableCategory } from '@/models/connection';
+import type {
+	PersonalTableViewSettings,
+	Rule,
+	TableField,
+	TableForeignKey,
+	TableProperties,
+	TableSettings,
+	Widget,
+} from '@/models/table';
+import { useNotificationsStore } from '@/stores/notifications';
+
+export enum SortOrdering {
+	Ascending = 'ASC',
+	Descending = 'DESC',
+}
+
+export interface TableParams {
+	connectionID: string;
+	tableName: string;
+	requstedPage: number;
+	chunkSize: number;
+	sortColumn?: string;
+	sortOrder?: 'ASC' | 'DESC';
+	foreignKeyRowName?: string;
+	foreignKeyRowValue?: string;
+	referencedColumn?: string;
+	filters?: object;
+	comparators?: object;
+	search?: string;
+	uncached?: boolean;
+}
+
+export interface ExportTableParams {
+	connectionID: string;
+	tableName: string;
+	chunkSize: number;
+	sortColumn?: string;
+	sortOrder?: 'ASC' | 'DESC';
+	filters?: object;
+	search?: string;
+}
+
+/** GET /table-categories/v2/:id — the sidebar folders, each with its tables. */
+export interface TableFolder extends Omit<TableCategory, 'tables'> {
+	tables: TableProperties[];
+}
+
+/** POST /table/rows/find/:id. Only the commonly read fields are typed; the rest pass through. */
+export interface TableRowsResponse {
+	rows: Record<string, unknown>[];
+	structure: TableField[];
+	primaryColumns: { column_name: string; data_type: string }[];
+	foreignKeys: TableForeignKey[];
+	widgets: Widget[];
+	pagination: { total: number; lastPage: number; perPage: number; currentPage: number };
+	[key: string]: unknown;
+}
+
+export interface TableStructureResponse {
+	structure: TableField[];
+	primaryColumns: { column_name: string; data_type: string }[];
+	foreignKeys: TableForeignKey[];
+	readonly_fields: string[];
+	table_widgets: Widget[];
+	[key: string]: unknown;
+}
+
+export interface RulesResponse {
+	action_rules: Rule[];
+	[key: string]: unknown;
+}
+
+export interface SavedFilter {
+	id: string;
+	name: string;
+	filters: Record<string, unknown>;
+	[key: string]: unknown;
+}
+
+type PrimaryKey = Record<string, unknown>;
+
+export const useTablesStore = defineStore('tables', () => {
+	const notifications = useNotificationsStore();
+	const tableName = ref<string | null>(null);
+
+	function setTableName(name: string | null): void {
+		tableName.value = name;
+	}
+
+	function syncFromRoute(route: RouteLocationNormalizedLoaded): void {
+		const value = route.params.tableName;
+		setTableName((Array.isArray(value) ? value[0] : value) || null);
+	}
+
+	// No catchError in Angular: the caller sees the error and nothing is shown.
+	function fetchTables(connectionID: string, hidden?: boolean): Promise<TableProperties[]> {
+		return api.get<TableProperties[]>(`/connection/tables/${connectionID}`, {
+			params: hidden ? { hidden } : undefined,
+			notify: false,
+		});
+	}
+
+	function fetchTablesFolders(connectionID: string, hidden?: boolean): Promise<TableFolder[]> {
+		return api.get<TableFolder[]>(`/table-categories/v2/${connectionID}`, {
+			params: hidden ? { hidden } : undefined,
+			notify: false,
+		});
+	}
+
+	function updateTablesFolders(connectionID: string, tablesFolders: TableCategory[]): Promise<TableCategory[]> {
+		return api.put<TableCategory[]>(`/table-categories/${connectionID}`, tablesFolders, { notify: 'snackbar' });
+	}
+
+	/** Resolves null without a request when there is no table name, as the Angular method did. */
+	function fetchTable<T = TableRowsResponse>({
+		connectionID,
+		tableName: name,
+		requstedPage,
+		chunkSize,
+		sortColumn,
+		sortOrder,
+		foreignKeyRowName,
+		foreignKeyRowValue,
+		referencedColumn,
+		filters,
+		search,
+		uncached,
+	}: TableParams): Promise<T | null> {
+		if (!name) return Promise.resolve(null);
+		const foreignKeyParam = foreignKeyRowName === 'autocomplete' ? foreignKeyRowName : `f_${foreignKeyRowName}__eq`;
+		return api.post<T>(
+			`/table/rows/find/${connectionID}`,
+			{ filters },
+			{
+				params: {
+					tableName: name,
+					perPage: chunkSize,
+					page: requstedPage,
+					search: search || undefined,
+					...(foreignKeyRowValue ? { [foreignKeyParam]: foreignKeyRowValue } : {}),
+					referencedColumn: referencedColumn || undefined,
+					sort_by: sortColumn || undefined,
+					sort_order: sortOrder || undefined,
+					_uncached: uncached ? 'true' : undefined,
+				},
+				notify: 'alert',
+			},
+		);
+	}
+
+	function fetchTableStructure<T = TableStructureResponse>(connectionID: string, name: string): Promise<T> {
+		return api.get<T>(`/table/structure/${connectionID}`, { params: { tableName: name }, notify: 'snackbar' });
+	}
+
+	function fetchTableSettings(connectionID: string, name: string): Promise<TableSettings | null> {
+		return api.get<TableSettings | null>('/settings', {
+			params: { connectionId: connectionID, tableName: name },
+			notify: 'alert',
+		});
+	}
+
+	/** CSV text. On failure the server's error is shown and the failure is tracked. */
+	async function exportTableCSV({
+		connectionID,
+		tableName: name,
+		chunkSize,
+		sortColumn,
+		sortOrder,
+		filters,
+		search,
+	}: ExportTableParams): Promise<string> {
+		try {
+			return await api.post<string>(
+				`/table/csv/export/${connectionID}`,
+				{ filters },
+				{
+					params: {
+						perPage: chunkSize,
+						page: 1,
+						tableName: name,
+						search: search || undefined,
+						sort_by: sortColumn || undefined,
+						sort_order: sortOrder || undefined,
+					},
+					responseType: 'text',
+					notify: 'snackbar',
+				},
+			);
+		} catch (error) {
+			if (isApiError(error)) trackFailure('Dashboard: db export failed');
+			throw error;
+		}
+	}
+
+	async function importTableCSV(connectionID: string, name: string, file: File): Promise<unknown> {
+		const formData = new FormData();
+		formData.append('file', file);
+		try {
+			const res = await api.post(`/table/csv/import/${connectionID}`, formData, {
+				params: { tableName: name },
+				notify: 'snackbar',
+				successMessage: 'CSV file has been imported successfully.',
+			});
+			tableEvents.emit('imported', { connectionID, tableName: name });
+			return res;
+		} catch (error) {
+			if (isApiError(error)) trackFailure('Dashboard: db import failed');
+			throw error;
+		}
+	}
+
+	async function updateTableSettings(
+		isSettingsExist: boolean,
+		connectionID: string,
+		name: string,
+		settings: Partial<TableSettings>,
+	): Promise<void> {
+		const send = isSettingsExist ? api.put : api.post;
+		await send('/settings', settings, {
+			params: { connectionId: connectionID, tableName: name },
+			notify: 'alert',
+			successMessage: 'Table settings has been updated.',
+		});
+		tableEvents.emit('settingsUpdated', { connectionID, tableName: name, personal: false });
+	}
+
+	async function deleteTableSettings(connectionID: string, name: string): Promise<void> {
+		await api.delete('/settings', {
+			params: { connectionId: connectionID, tableName: name },
+			notify: 'alert',
+			successMessage: 'Table settings has been reset.',
+		});
+		tableEvents.emit('settingsUpdated', { connectionID, tableName: name, personal: false });
+	}
+
+	function fetchTableWidgets(connectionID: string, name: string): Promise<Widget[]> {
+		return api.get<Widget[]>(`/widgets/${connectionID}`, { params: { tableName: name }, notify: 'alert' });
+	}
+
+	function updateTableWidgets(connectionID: string, name: string, widgets: Widget[]): Promise<Widget[]> {
+		return api.post<Widget[]>(
+			`/widget/${connectionID}`,
+			{ widgets },
+			{ params: { tableName: name }, notify: 'alert', successMessage: 'Table widgets has been updated.' },
+		);
+	}
+
+	async function bulkDelete(connectionID: string, name: string, primaryKeys: PrimaryKey[]): Promise<unknown> {
+		const res = await api.put(`/table/rows/delete/${connectionID}`, primaryKeys, {
+			params: { tableName: name },
+			notify: 'alert',
+			successMessage: 'Rows have been deleted successfully.',
+		});
+		tableEvents.emit('rowsDeleted', { connectionID, tableName: name });
+		return res;
+	}
+
+	function fetchRules(connectionID: string, name: string): Promise<RulesResponse> {
+		return api.get<RulesResponse>(`/action/rules/${connectionID}`, { params: { tableName: name }, notify: 'alert' });
+	}
+
+	// The success message names the saved rule, so it can't be a static `successMessage`.
+	async function saveRule(connectionID: string, _tableName: string, rule: Rule): Promise<Rule> {
+		const res = await api.post<Rule>(`/action/rule/${connectionID}`, rule, { notify: 'alert' });
+		notifications.showSuccessSnackbar(`${res.title} action has been created.`);
+		return res;
+	}
+
+	async function updateRule(connectionID: string, _tableName: string, rule: Rule): Promise<Rule> {
+		const res = await api.put<Rule>(`/action/rule/${rule.id}/${connectionID}`, rule, { notify: 'alert' });
+		notifications.showSuccessSnackbar(`${res.title} action has been updated.`);
+		return res;
+	}
+
+	async function deleteRule(connectionID: string, name: string, ruleId: string): Promise<Rule> {
+		const res = await api.delete<Rule>(`/action/rule/${ruleId}/${connectionID}`, { notify: 'alert' });
+		tableEvents.emit('ruleDeleted', { connectionID, tableName: name, ruleId });
+		notifications.showSuccessSnackbar(`${res.title} action has been deleted.`);
+		return res;
+	}
+
+	async function activateActions(
+		connectionID: string,
+		name: string,
+		actionId: string,
+		actionTitle: string,
+		primaryKeys: PrimaryKey[],
+	): Promise<unknown> {
+		const res = await api.post(`/event/actions/activate/${actionId}/${connectionID}`, primaryKeys, {
+			notify: 'alert',
+			successMessage: `${actionTitle} is done for ${primaryKeys.length} rows.`,
+		});
+		tableEvents.emit('actionsActivated', { connectionID, tableName: name, actionId });
+		return res;
+	}
+
+	async function updatePersonalTableViewSettings(
+		connectionID: string,
+		name: string,
+		settings: PersonalTableViewSettings,
+	): Promise<void> {
+		await api.put(`/settings/personal/${connectionID}`, settings, { params: { tableName: name }, notify: 'alert' });
+		tableEvents.emit('settingsUpdated', { connectionID, tableName: name, personal: true });
+	}
+
+	// Angular rethrew without showing anything; the saved-filters panel handles it.
+	function getSavedFilters(connectionID: string, name: string): Promise<SavedFilter[]> {
+		return api.get<SavedFilter[]>(`/table-filters/${connectionID}/all`, { params: { tableName: name }, notify: false });
+	}
+
+	async function createSavedFilter(connectionID: string, name: string, filters: object): Promise<SavedFilter> {
+		const res = await api.post<SavedFilter>(`/table-filters/${connectionID}`, filters, {
+			params: { tableName: name },
+			notify: 'snackbar',
+			successMessage: 'Saved filters have been updated.',
+		});
+		tableEvents.emit('savedFilterCreated', { connectionID, tableName: name });
+		return res;
+	}
+
+	async function updateSavedFilter(
+		connectionID: string,
+		name: string,
+		filterId: string,
+		filters: object,
+	): Promise<SavedFilter> {
+		const res = await api.put<SavedFilter>(`/table-filters/${connectionID}/${filterId}`, filters, {
+			params: { tableName: name },
+			notify: 'snackbar',
+			successMessage: 'Saved filter has been updated.',
+		});
+		tableEvents.emit('savedFilterUpdated', { connectionID, tableName: name, filterId });
+		return res;
+	}
+
+	async function deleteSavedFilter(connectionID: string, name: string, filterId: string): Promise<unknown> {
+		const res = await api.delete(`/table-filters/${connectionID}/${filterId}`, {
+			params: { tableName: name },
+			notify: 'snackbar',
+			successMessage: 'Saved filter has been deleted.',
+		});
+		tableEvents.emit('savedFilterDeleted', { connectionID, tableName: name, filterId });
+		return res;
+	}
+
+	return {
+		tableName,
+		/** Alias of tableName, the Angular getter name. */
+		currentTableName: tableName,
+		setTableName,
+		syncFromRoute,
+		fetchTables,
+		fetchTablesFolders,
+		updateTablesFolders,
+		fetchTable,
+		fetchTableStructure,
+		fetchTableSettings,
+		exportTableCSV,
+		importTableCSV,
+		updateTableSettings,
+		deleteTableSettings,
+		fetchTableWidgets,
+		updateTableWidgets,
+		bulkDelete,
+		fetchRules,
+		saveRule,
+		updateRule,
+		deleteRule,
+		activateActions,
+		updatePersonalTableViewSettings,
+		getSavedFilters,
+		createSavedFilter,
+		updateSavedFilter,
+		deleteSavedFilter,
+	};
+});
+
+/** Keeps `tableName` in step with the route's `:tableName`. Returns the function that removes the hook. */
+export function bindTablesToRouter(router: Router): () => void {
+	const store = useTablesStore();
+	store.syncFromRoute(router.currentRoute.value);
+	return router.afterEach((to, _from, failure) => {
+		if (!failure) store.syncFromRoute(to);
+	});
+}
+
+function trackFailure(action: string): void {
+	trackEvent(action);
+	posthog.capture(action);
+}
diff --git a/frontend-vue/src/stores/ui-settings.spec.ts b/frontend-vue/src/stores/ui-settings.spec.ts
new file mode 100644
index 000000000..e4529cabb
--- /dev/null
+++ b/frontend-vue/src/stores/ui-settings.spec.ts
@@ -0,0 +1,100 @@
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { api } from '@/api/client';
+import type { UiSettings } from '@/models/ui-settings';
+import { useUiSettingsStore } from './ui-settings';
+
+vi.mock('@/api/client', () => ({ api: { get: vi.fn(), post: vi.fn() } }));
+
+const get = vi.mocked(api.get);
+const post = vi.mocked(api.post);
+
+const stored: UiSettings = {
+	globalSettings: { connectionsListCollapsed: true, lastFeatureNotificationId: 'n1' },
+	connections: { 'conn-1': { shownTableTitles: true, tables: { users: { shownColumns: ['id'] } } } },
+};
+
+function lastUpload(): UiSettings {
+	const body = post.mock.calls.at(-1)?.[1] as { userSettings: string };
+	return JSON.parse(body.userSettings) as UiSettings;
+}
+
+describe('ui-settings store', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+		post.mockImplementation(async (_url, body) => body as never);
+	});
+
+	it('fetches the settings once and serves them from memory afterwards', async () => {
+		get.mockResolvedValue({ userSettings: JSON.stringify(stored) });
+		const store = useUiSettingsStore();
+
+		const [first, second] = await Promise.all([store.getUiSettings(), store.getUiSettings()]);
+		const third = await store.getUiSettings();
+
+		expect(get).toHaveBeenCalledOnce();
+		expect(get).toHaveBeenCalledWith('/user/settings', { notify: 'snackbar' });
+		expect(first).toEqual(stored);
+		expect(second).toEqual(stored);
+		expect(third).toEqual(stored);
+		expect(store.settings).toEqual(stored);
+	});
+
+	it('resolves null when nothing is stored yet, and asks again next time', async () => {
+		get.mockResolvedValue({ userSettings: null });
+		const store = useUiSettingsStore();
+
+		await expect(store.getUiSettings()).resolves.toBeNull();
+		await store.getUiSettings();
+
+		expect(get).toHaveBeenCalledTimes(2);
+	});
+
+	it('uploads the whole blob when a global setting changes', async () => {
+		get.mockResolvedValue({ userSettings: JSON.stringify(stored) });
+		const store = useUiSettingsStore();
+		await store.getUiSettings();
+
+		store.updateGlobalSetting('lastFeatureNotificationId', 'n2');
+
+		expect(post).toHaveBeenCalledWith('/user/settings', expect.any(Object), { notify: 'snackbar' });
+		expect(lastUpload().globalSettings).toEqual({ connectionsListCollapsed: true, lastFeatureNotificationId: 'n2' });
+		expect(lastUpload().connections).toEqual(stored.connections);
+	});
+
+	it('creates a connection entry on its first setting', () => {
+		const store = useUiSettingsStore();
+
+		store.updateConnectionSetting('conn-2', 'dashboardsSidebarCollapsed', true);
+
+		expect(lastUpload().connections['conn-2']).toEqual({
+			shownTableTitles: false,
+			tables: {},
+			dashboardsSidebarCollapsed: true,
+		});
+	});
+
+	it('creates the connection and table entries on a table setting', () => {
+		const store = useUiSettingsStore();
+
+		store.updateTableSetting('conn-3', 'orders', 'shownColumns', ['id', 'total']);
+
+		expect(lastUpload().connections['conn-3']?.tables.orders).toEqual({ shownColumns: ['id', 'total'] });
+	});
+
+	it('swallows a failed sync (the client already reported it)', async () => {
+		post.mockRejectedValueOnce(new Error('offline'));
+		const store = useUiSettingsStore();
+
+		expect(() => store.updateGlobalSetting('connectionsListCollapsed', true)).not.toThrow();
+		await Promise.resolve();
+		expect(store.settings.globalSettings.connectionsListCollapsed).toBe(true);
+	});
+
+	it('remembers what the server confirmed after a sync', async () => {
+		const store = useUiSettingsStore();
+		await store.syncUiSettings();
+		expect(store.loadedSettings).toEqual({ globalSettings: {}, connections: {} });
+	});
+});
diff --git a/frontend-vue/src/stores/ui-settings.ts b/frontend-vue/src/stores/ui-settings.ts
new file mode 100644
index 000000000..2af96f145
--- /dev/null
+++ b/frontend-vue/src/stores/ui-settings.ts
@@ -0,0 +1,112 @@
+// Port of frontend/src/app/services/ui-settings.service.ts: per-user UI preferences (collapsed
+// panels, shown columns, the last feature notification seen), stored server-side as one JSON blob
+// in /user/settings.
+//
+// Shape of the blob:
+//   { globalSettings: { connectionsListCollapsed },
+//     connections: { [connectionId]: { shownTableTitles, tables: { [tableName]: { shownColumns } } } } }
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import { api } from '@/api/client';
+import type { ConnectionSettingsUI, GlobalSettingsUI, TableSettingsUI, UiSettings } from '@/models/ui-settings';
+
+interface UserSettingsResponse {
+	userSettings?: string | null;
+}
+
+export const useUiSettingsStore = defineStore('uiSettings', () => {
+	/** The working copy every update writes into and every sync uploads. */
+	const settings = ref<UiSettings>(emptySettings());
+	/** The last settings the server confirmed; null until they are loaded (or when none are stored). */
+	const loadedSettings = ref<UiSettings | null>(null);
+	/** Read once, like the Angular service: the Monaco editors pick their theme from it. */
+	const isDarkMode = ref(prefersDarkMode());
+	let pending: Promise<UiSettings | null> | null = null;
+
+	/**
+	 * The stored settings, fetched once and then served from memory. Resolves null when the user has
+	 * none yet (and then asks again next time, as Angular did).
+	 */
+	function getUiSettings(): Promise<UiSettings | null> {
+		if (loadedSettings.value) return Promise.resolve(loadedSettings.value);
+		if (!pending) {
+			pending = api
+				.get<UserSettingsResponse>('/user/settings', { notify: 'snackbar' })
+				.then((response) => {
+					const parsed = parseSettings(response);
+					if (parsed) settings.value = parsed;
+					loadedSettings.value = parsed;
+					return parsed;
+				})
+				.finally(() => {
+					pending = null;
+				});
+		}
+		return pending;
+	}
+
+	function updateGlobalSetting<K extends keyof GlobalSettingsUI>(key: K, value: GlobalSettingsUI[K]): void {
+		settings.value.globalSettings[key] = value;
+		syncUiSettings().catch(() => {});
+	}
+
+	function updateConnectionSetting<K extends keyof ConnectionSettingsUI>(
+		connectionId: string,
+		key: K,
+		value: ConnectionSettingsUI[K],
+	): void {
+		connectionSettings(connectionId)[key] = value;
+		syncUiSettings().catch(() => {});
+	}
+
+	function updateTableSetting<K extends keyof TableSettingsUI>(
+		connectionId: string,
+		tableName: string,
+		key: K,
+		value: TableSettingsUI[K],
+	): void {
+		const connection = connectionSettings(connectionId);
+		// Angular threw here for a table without settings yet; start it empty instead.
+		connection.tables[tableName] ??= {};
+		connection.tables[tableName][key] = value;
+		syncUiSettings().catch(() => {});
+	}
+
+	async function syncUiSettings(): Promise<UserSettingsResponse> {
+		const response = await api.post<UserSettingsResponse>(
+			'/user/settings',
+			{ userSettings: JSON.stringify(settings.value) },
+			{ notify: 'snackbar' },
+		);
+		loadedSettings.value = parseSettings(response);
+		return response;
+	}
+
+	function connectionSettings(connectionId: string): ConnectionSettingsUI {
+		settings.value.connections[connectionId] ??= { shownTableTitles: false, tables: {} };
+		return settings.value.connections[connectionId];
+	}
+
+	return {
+		settings,
+		loadedSettings,
+		isDarkMode,
+		getUiSettings,
+		updateGlobalSetting,
+		updateConnectionSetting,
+		updateTableSetting,
+		syncUiSettings,
+	};
+});
+
+function emptySettings(): UiSettings {
+	return { globalSettings: {} as GlobalSettingsUI, connections: {} };
+}
+
+function parseSettings(response: UserSettingsResponse | null): UiSettings | null {
+	return response?.userSettings ? (JSON.parse(response.userSettings) as UiSettings) : null;
+}
+
+function prefersDarkMode(): boolean {
+	return typeof window.matchMedia === 'function' && window.matchMedia('(prefers-color-scheme: dark)').matches;
+}
diff --git a/frontend-vue/src/stores/user.spec.ts b/frontend-vue/src/stores/user.spec.ts
new file mode 100644
index 000000000..619ea3a7a
--- /dev/null
+++ b/frontend-vue/src/stores/user.spec.ts
@@ -0,0 +1,229 @@
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { api } from '@/api/client';
+import { AlertType } from '@/models/alert';
+import { CompanyMemberRole } from '@/models/company';
+import { SubscriptionPlans } from '@/models/user';
+import { router } from '@/router';
+import { useNotificationsStore } from '@/stores/notifications';
+import { type CurrentUser, useUserStore } from './user';
+
+vi.mock('@/api/client', () => ({ api: { get: vi.fn(), post: vi.fn(), put: vi.fn(), delete: vi.fn() } }));
+vi.mock('@/router', () => ({ router: { push: vi.fn(async () => undefined) } }));
+
+const get = vi.mocked(api.get);
+const post = vi.mocked(api.post);
+const put = vi.mocked(api.put);
+const del = vi.mocked(api.delete);
+const push = vi.mocked(router.push);
+
+const user: CurrentUser = {
+	id: 'user-1',
+	isActive: true,
+	email: 'eric@south.park',
+	createdAt: '2021-07-21T14:35:17.270Z',
+	subscriptionLevel: SubscriptionPlans.free,
+	is_2fa_enabled: false,
+	role: CompanyMemberRole.CAO,
+	externalRegistrationProvider: null,
+	company: { id: 'company-1' },
+	intercom_hash: 'hash',
+};
+
+describe('user store', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+	});
+
+	it('starts without a user and keeps the one fetchUser() loads', async () => {
+		get.mockResolvedValueOnce(user);
+		const store = useUserStore();
+		expect(store.currentUser).toBeNull();
+
+		await expect(store.fetchUser()).resolves.toEqual(user);
+
+		expect(get).toHaveBeenCalledWith('/user', { notify: 'snackbar' });
+		expect(store.currentUser?.intercom_hash).toBe('hash');
+	});
+
+	it('keeps no user when fetchUser fails', async () => {
+		get.mockRejectedValueOnce(new Error('boom'));
+		const store = useUserStore();
+
+		await expect(store.fetchUser()).rejects.toThrow('boom');
+		expect(store.currentUser).toBeNull();
+	});
+
+	it('sends user actions silently and swallows their failures', async () => {
+		post.mockRejectedValueOnce(new Error('offline'));
+		vi.spyOn(console, 'log').mockImplementation(() => {});
+
+		await expect(useUserStore().sendUserAction('CONNECTION_CREATION_NOT_FINISHED')).resolves.toBeNull();
+		expect(post).toHaveBeenCalledWith('/action', { message: 'CONNECTION_CREATION_NOT_FINISHED' }, { notify: false });
+	});
+
+	it('shows an info alert after requesting an email change', async () => {
+		get.mockResolvedValueOnce({});
+		await useUserStore().requestEmailChange();
+
+		expect(get).toHaveBeenCalledWith('/user/email/change/request', { notify: 'alert' });
+		const alert = useNotificationsStore().alert;
+		expect(alert?.type).toBe(AlertType.Info);
+		expect(alert?.message).toBe('Link has been sent to your email. Please check it.');
+		expect(alert?.actions?.[0]?.caption).toBe('Dismiss');
+	});
+
+	it('shows no alert when the email change request fails', async () => {
+		get.mockRejectedValueOnce(new Error('fail'));
+		await expect(useUserStore().requestEmailChange()).rejects.toThrow();
+		expect(useNotificationsStore().alert).toBeNull();
+	});
+
+	it('changes the email', async () => {
+		post.mockResolvedValueOnce({});
+		await useUserStore().changeEmail('token', 'new@south.park');
+		expect(post).toHaveBeenCalledWith(
+			'/user/email/change/verify/token',
+			{ email: 'new@south.park' },
+			{ notify: 'alert', successMessage: 'You email has been changed successfully.' },
+		);
+	});
+
+	it('shows a success alert after requesting a password reset', async () => {
+		post.mockResolvedValueOnce({});
+		await useUserStore().requestPasswordReset('eric@south.park', 'company-1');
+
+		expect(post).toHaveBeenCalledWith(
+			'/user/password/reset/request',
+			{ email: 'eric@south.park', companyId: 'company-1' },
+			{ notify: 'alert' },
+		);
+		expect(useNotificationsStore().alert).toMatchObject({ type: AlertType.Success, message: 'Check your email.' });
+	});
+
+	it('resets and changes the password', async () => {
+		post.mockResolvedValue({});
+		const store = useUserStore();
+
+		await store.resetPassword('token', 'new-pw');
+		await store.changePassword('old-pw', 'new-pw', 'eric@south.park');
+
+		expect(post).toHaveBeenCalledWith(
+			'/user/password/reset/verify/token',
+			{ password: 'new-pw' },
+			{ notify: 'alert', successMessage: 'Your password has been reset successfully.' },
+		);
+		expect(post).toHaveBeenCalledWith(
+			'/user/password/change/',
+			{ email: 'eric@south.park', oldPassword: 'old-pw', newPassword: 'new-pw' },
+			{ notify: 'alert', successMessage: 'Your password has been changed successfully.' },
+		);
+	});
+
+	it('changes the user name with snackbar errors', async () => {
+		put.mockResolvedValueOnce({});
+		await useUserStore().changeUserName('Eric');
+		expect(put).toHaveBeenCalledWith(
+			'/user/name',
+			{ name: 'Eric' },
+			{ notify: 'snackbar', successMessage: 'Your name has been changed successfully.' },
+		);
+	});
+
+	it('turns 2FA on and off', async () => {
+		post.mockResolvedValueOnce({ qrCode: 'data:image/png' }).mockResolvedValue({ validated: true });
+		const store = useUserStore();
+
+		await expect(store.switchOn2FA()).resolves.toEqual({ qrCode: 'data:image/png' });
+		await store.confirm2FA('123456');
+		await store.switchOff2FA('654321');
+
+		expect(post).toHaveBeenCalledWith('/user/otp/generate', {}, { notify: 'snackbar' });
+		expect(post).toHaveBeenCalledWith(
+			'/user/otp/verify',
+			{ otpToken: '123456' },
+			{ notify: 'snackbar', successMessage: '2FA is turned on successfully.' },
+		);
+		expect(post).toHaveBeenCalledWith(
+			'/user/otp/disable',
+			{ otpToken: '654321' },
+			{ notify: 'snackbar', successMessage: '2FA is turned off successfully.' },
+		);
+	});
+
+	it('rejects when the 2FA code is wrong, so the dialog can stay open', async () => {
+		post.mockRejectedValueOnce(new Error('Invalid token'));
+		await expect(useUserStore().confirm2FA('000000')).rejects.toThrow('Invalid token');
+	});
+
+	it('lists, generates and deletes API keys', async () => {
+		get.mockResolvedValueOnce([{ id: 'k1', title: 'CI' }]);
+		post.mockResolvedValueOnce({ id: 'k2', title: 'Zapier', hash: 'secret' });
+		del.mockResolvedValueOnce({});
+		const store = useUserStore();
+
+		await expect(store.getAPIkeys()).resolves.toEqual([{ id: 'k1', title: 'CI' }]);
+		await store.generateAPIkey('Zapier');
+		await store.deleteAPIkey({ id: 'k1', title: 'CI' });
+
+		expect(get).toHaveBeenCalledWith('/apikeys', { notify: 'alert' });
+		expect(post).toHaveBeenCalledWith(
+			'/apikey',
+			{ title: 'Zapier' },
+			{ notify: 'snackbar', successMessage: 'Zapier key is generated successfully.' },
+		);
+		expect(del).toHaveBeenCalledWith('/apikey/k1', {
+			notify: 'snackbar',
+			successMessage: 'CI API key is deleted successfully.',
+		});
+	});
+
+	it('deletes the account: notifies listeners, forgets the user, then goes to /deleted', async () => {
+		get.mockResolvedValueOnce(user);
+		put.mockResolvedValueOnce({});
+		const store = useUserStore();
+		await store.fetchUser();
+		const order: string[] = [];
+		const listener = vi.fn(() => order.push('listener'));
+		push.mockImplementationOnce(() => {
+			order.push('navigate');
+			return Promise.resolve();
+		});
+		store.onAccountDeleted(listener);
+
+		await store.deleteAccount({ reason: 'missing-features', message: 'bye' });
+
+		expect(put).toHaveBeenCalledWith(
+			'/user/delete',
+			{ reason: 'missing-features', message: 'bye' },
+			{ notify: 'alert' },
+		);
+		expect(listener).toHaveBeenCalledOnce();
+		expect(order).toEqual(['listener', 'navigate']);
+		expect(push).toHaveBeenCalledWith('/deleted');
+		expect(store.currentUser).toBeNull();
+	});
+
+	it('does not notify listeners or navigate when the deletion fails', async () => {
+		put.mockRejectedValueOnce(new Error('nope'));
+		const store = useUserStore();
+		const listener = vi.fn();
+		store.onAccountDeleted(listener);
+
+		await expect(store.deleteAccount({})).rejects.toThrow('nope');
+		expect(listener).not.toHaveBeenCalled();
+		expect(push).not.toHaveBeenCalled();
+	});
+
+	it('stops calling a listener once unsubscribed', async () => {
+		put.mockResolvedValueOnce({});
+		const store = useUserStore();
+		const listener = vi.fn();
+		const unsubscribe = store.onAccountDeleted(listener);
+		unsubscribe();
+
+		await store.deleteAccount({});
+		expect(listener).not.toHaveBeenCalled();
+	});
+});
diff --git a/frontend-vue/src/stores/user.ts b/frontend-vue/src/stores/user.ts
new file mode 100644
index 000000000..8fbba06b1
--- /dev/null
+++ b/frontend-vue/src/stores/user.ts
@@ -0,0 +1,187 @@
+// Port of frontend/src/app/services/user.service.ts: the signed-in user and the account endpoints
+// (email, password, name, 2FA, API keys, account deletion).
+//
+// Angular pushed the string 'delete' through `user.cast` after an account deletion and AppComponent
+// logged out on it. Here that is an explicit hook: the shell calls `onAccountDeleted(callback)` once
+// and gets called before the router leaves for /deleted.
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import { api } from '@/api/client';
+import { AlertActionType, AlertType } from '@/models/alert';
+import type { ApiKey, User } from '@/models/user';
+import { router } from '@/router';
+import { useNotificationsStore } from '@/stores/notifications';
+
+/** What GET /user answers with: the User model plus the Intercom identity hash (SaaS). */
+export interface CurrentUser extends User {
+	intercom_hash?: string;
+}
+
+/** POST /user/otp/generate: the QR code the enable-2FA dialog shows. */
+export interface TwoFactorSetup {
+	qrCode: string;
+}
+
+/** POST /apikey: the new key, whose secret `hash` is shown once. */
+export interface ApiKeyWithSecret extends ApiKey {
+	hash?: string;
+}
+
+/** Body of PUT /user/delete: the reason survey from the delete-account dialog. */
+export type DeleteAccountMetadata = Record<string, unknown>;
+
+export type AccountDeletedListener = () => void;
+
+export const useUserStore = defineStore('user', () => {
+	/** null until fetchUser() resolves (Angular started from a blank `initialUserState`). */
+	const currentUser = ref<CurrentUser | null>(null);
+	const accountDeletedListeners = new Set<AccountDeletedListener>();
+
+	async function fetchUser(): Promise<CurrentUser> {
+		const user = await api.get<CurrentUser>('/user', { notify: 'snackbar' });
+		currentUser.value = user;
+		return user;
+	}
+
+	/** Fire-and-forget product analytics; Angular swallowed every failure silently. */
+	async function sendUserAction(message: string): Promise<unknown> {
+		try {
+			return await api.post('/action', { message }, { notify: false });
+		} catch (error) {
+			console.log(error);
+			return null;
+		}
+	}
+
+	async function requestEmailChange(): Promise<unknown> {
+		const response = await api.get('/user/email/change/request', { notify: 'alert' });
+		showDismissibleAlert(AlertType.Info, 'Link has been sent to your email. Please check it.');
+		return response;
+	}
+
+	function changeEmail(token: string, newEmail: string): Promise<unknown> {
+		return api.post(
+			`/user/email/change/verify/${token}`,
+			{ email: newEmail },
+			{ notify: 'alert', successMessage: 'You email has been changed successfully.' },
+		);
+	}
+
+	async function requestPasswordReset(email: string, companyId: string): Promise<unknown> {
+		const response = await api.post('/user/password/reset/request', { email, companyId }, { notify: 'alert' });
+		showDismissibleAlert(AlertType.Success, 'Check your email.');
+		return response;
+	}
+
+	function resetPassword(token: string, newPassword: string): Promise<unknown> {
+		return api.post(
+			`/user/password/reset/verify/${token}`,
+			{ password: newPassword },
+			{ notify: 'alert', successMessage: 'Your password has been reset successfully.' },
+		);
+	}
+
+	function changePassword(oldPassword: string, newPassword: string, email: string): Promise<unknown> {
+		return api.post(
+			'/user/password/change/',
+			{ email, oldPassword, newPassword },
+			{ notify: 'alert', successMessage: 'Your password has been changed successfully.' },
+		);
+	}
+
+	function changeUserName(userName: string): Promise<unknown> {
+		return api.put(
+			'/user/name',
+			{ name: userName },
+			{ notify: 'snackbar', successMessage: 'Your name has been changed successfully.' },
+		);
+	}
+
+	function switchOn2FA(): Promise<TwoFactorSetup> {
+		return api.post<TwoFactorSetup>('/user/otp/generate', {}, { notify: 'snackbar' });
+	}
+
+	/** Rejects on failure (Angular rethrew here too) so the dialog can keep the code input open. */
+	function confirm2FA(code: string): Promise<unknown> {
+		return api.post(
+			'/user/otp/verify',
+			{ otpToken: code },
+			{ notify: 'snackbar', successMessage: '2FA is turned on successfully.' },
+		);
+	}
+
+	function switchOff2FA(code: string): Promise<unknown> {
+		return api.post(
+			'/user/otp/disable',
+			{ otpToken: code },
+			{ notify: 'snackbar', successMessage: '2FA is turned off successfully.' },
+		);
+	}
+
+	function getAPIkeys(): Promise<ApiKey[]> {
+		return api.get<ApiKey[]>('/apikeys', { notify: 'alert' });
+	}
+
+	function generateAPIkey(title: string): Promise<ApiKeyWithSecret> {
+		return api.post<ApiKeyWithSecret>(
+			'/apikey',
+			{ title },
+			{ notify: 'snackbar', successMessage: `${title} key is generated successfully.` },
+		);
+	}
+
+	function deleteAPIkey(apiKey: ApiKey): Promise<unknown> {
+		return api.delete(`/apikey/${apiKey.id}`, {
+			notify: 'snackbar',
+			successMessage: `${apiKey.title} API key is deleted successfully.`,
+		});
+	}
+
+	async function deleteAccount(metadata: DeleteAccountMetadata): Promise<void> {
+		await api.put('/user/delete', metadata, { notify: 'alert' });
+		currentUser.value = null;
+		for (const listener of accountDeletedListeners) listener();
+		await router.push('/deleted');
+	}
+
+	/**
+	 * Replaces `user.cast` emitting 'delete'. The listener runs after PUT /user/delete succeeds and
+	 * before navigating to /deleted (AppComponent called `logOut(true)` there). Returns an unsubscribe.
+	 */
+	function onAccountDeleted(listener: AccountDeletedListener): () => void {
+		accountDeletedListeners.add(listener);
+		return () => accountDeletedListeners.delete(listener);
+	}
+
+	function clearUser(): void {
+		currentUser.value = null;
+	}
+
+	return {
+		currentUser,
+		fetchUser,
+		clearUser,
+		sendUserAction,
+		requestEmailChange,
+		changeEmail,
+		requestPasswordReset,
+		resetPassword,
+		changePassword,
+		changeUserName,
+		switchOn2FA,
+		confirm2FA,
+		switchOff2FA,
+		getAPIkeys,
+		generateAPIkey,
+		deleteAPIkey,
+		deleteAccount,
+		onAccountDeleted,
+	};
+});
+
+function showDismissibleAlert(type: AlertType, message: string): void {
+	const notifications = useNotificationsStore();
+	notifications.showAlert(type, message, [
+		{ type: AlertActionType.Button, caption: 'Dismiss', action: () => notifications.dismissAlert() },
+	]);
+}
diff --git a/frontend-vue/src/stores/users.spec.ts b/frontend-vue/src/stores/users.spec.ts
new file mode 100644
index 000000000..5eb3c434c
--- /dev/null
+++ b/frontend-vue/src/stores/users.spec.ts
@@ -0,0 +1,343 @@
+import { flushPromises } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { api } from '@/api/client';
+import { AccessLevel, type Permissions, type UserGroupInfo } from '@/models/user';
+import { useAuthStore } from '@/stores/auth';
+import { useUsersStore } from './users';
+
+vi.mock('@/api/client', () => ({ api: { get: vi.fn(), post: vi.fn(), put: vi.fn(), delete: vi.fn() } }));
+vi.mock('@/router', () => ({ router: { push: vi.fn(async () => undefined) } }));
+
+const get = vi.mocked(api.get);
+const post = vi.mocked(api.post);
+const put = vi.mocked(api.put);
+const del = vi.mocked(api.delete);
+
+function groupInfo(id: string, title: string): UserGroupInfo {
+	return { group: { id, title, isMain: false, cedarPolicy: null, users: [] }, accessLevel: 'edit' };
+}
+
+/** Answers GET by URL; anything unexpected resolves null. */
+function routeGets(responses: Record<string, unknown>) {
+	get.mockImplementation(async (url: string) => (url in responses ? responses[url] : null) as never);
+}
+
+function getUrls(): string[] {
+	return get.mock.calls.map(([url]) => url);
+}
+
+const permissions: Permissions = {
+	connection: { connectionId: 'conn-1', accessLevel: AccessLevel.Readonly },
+	group: { groupId: 'group-1', accessLevel: AccessLevel.Edit },
+	tables: [
+		{
+			tableName: 'TOYS_TEST',
+			display_name: 'Toys tests',
+			accessLevel: { visibility: true, readonly: true, add: false, delete: false, edit: false },
+		},
+	],
+};
+
+describe('users store', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		localStorage.clear();
+		vi.clearAllMocks();
+		routeGets({});
+	});
+
+	describe('groups', () => {
+		it('loads the groups of the active connection with Admin first', async () => {
+			routeGets({ '/connection/groups/conn-1': [groupInfo('g1', 'Managers'), groupInfo('g2', 'Admin')] });
+			const store = useUsersStore();
+
+			store.setActiveConnection('conn-1');
+			expect(store.groupsLoading).toBe(true);
+			await flushPromises();
+
+			expect(store.groups.map((info) => info.group.title)).toEqual(['Admin', 'Managers']);
+			expect(store.groupsLoading).toBe(false);
+		});
+
+		it('does not refetch when the same connection is set again', async () => {
+			const store = useUsersStore();
+			store.setActiveConnection('conn-1');
+			await flushPromises();
+			store.setActiveConnection('conn-1');
+			await flushPromises();
+
+			expect(getUrls().filter((url) => url === '/connection/groups/conn-1')).toHaveLength(1);
+		});
+
+		it('drops the previous connection groups when switching, and ignores a stale response', async () => {
+			let resolveFirst: (value: UserGroupInfo[]) => void = () => {};
+			get.mockImplementation((url: string) => {
+				if (url === '/connection/groups/conn-a') return new Promise((resolve) => (resolveFirst = resolve)) as never;
+				if (url === '/connection/groups/conn-b') return Promise.resolve([groupInfo('b1', 'B')]) as never;
+				return Promise.resolve(null) as never;
+			});
+			const store = useUsersStore();
+
+			store.setActiveConnection('conn-a');
+			await flushPromises();
+			store.setActiveConnection('conn-b');
+			await flushPromises();
+			resolveFirst([groupInfo('a1', 'A')]);
+			await flushPromises();
+
+			expect(store.groups.map((info) => info.group.id)).toEqual(['b1']);
+		});
+	});
+
+	describe('available permissions', () => {
+		it('are fetched only for a signed-in user and grouped in display order', async () => {
+			routeGets({
+				'/permissions/available': {
+					actions: [
+						{ value: 'table:read', label: 'Read table' },
+						{ value: 'connection:read', label: 'Read connection' },
+					],
+				},
+			});
+			const auth = useAuthStore();
+			const store = useUsersStore();
+			await flushPromises();
+			expect(getUrls()).not.toContain('/permissions/available');
+
+			auth.setAuthenticated(true);
+			await flushPromises();
+
+			expect(store.availablePermissions).toHaveLength(2);
+			expect(store.availablePermissionGroups.map((group) => group.group)).toEqual(['Connection', 'Table']);
+		});
+	});
+
+	describe('group mutations refresh what changed', () => {
+		it('creates a group and reloads the groups', async () => {
+			const group = { id: 'g1', title: 'Managers', isMain: false };
+			post.mockResolvedValueOnce(group);
+			const store = useUsersStore();
+			store.setActiveConnection('conn-1');
+			await flushPromises();
+			get.mockClear();
+
+			await expect(store.createGroup('conn-1', 'Managers')).resolves.toEqual(group);
+			await flushPromises();
+
+			expect(post).toHaveBeenCalledWith(
+				'/connection/group/conn-1',
+				{ title: 'Managers' },
+				{ successMessage: 'Group of users has been created.' },
+			);
+			expect(getUrls()).toEqual(['/connection/groups/conn-1']);
+		});
+
+		it('deletes and renames a group', async () => {
+			del.mockResolvedValueOnce({});
+			put.mockResolvedValueOnce({});
+			const store = useUsersStore();
+			store.setActiveConnection('conn-1');
+			await flushPromises();
+			get.mockClear();
+
+			await store.deleteGroup('g1');
+			await store.editGroupName('g2', 'New Title');
+			await flushPromises();
+
+			expect(del).toHaveBeenCalledWith('/group/g1', { successMessage: 'Group has been removed.' });
+			expect(put).toHaveBeenCalledWith(
+				'/group/title',
+				{ title: 'New Title', groupId: 'g2' },
+				{ successMessage: 'Group name has been updated.' },
+			);
+			expect(getUrls()).toEqual(['/connection/groups/conn-1', '/connection/groups/conn-1']);
+		});
+
+		it('saves a Cedar policy and reloads the groups', async () => {
+			post.mockResolvedValueOnce({});
+			const store = useUsersStore();
+			store.setActiveConnection('conn-1');
+			await flushPromises();
+			get.mockClear();
+
+			await store.saveCedarPolicy('conn-1', 'g1', 'permit(...)');
+			await flushPromises();
+
+			expect(post).toHaveBeenCalledWith(
+				'/connection/cedar-policy/conn-1',
+				{ cedarPolicy: 'permit(...)', groupId: 'g1' },
+				{ successMessage: 'Policy has been saved.' },
+			);
+			expect(getUrls()).toEqual(['/connection/groups/conn-1']);
+		});
+
+		it('does not refresh when the mutation fails', async () => {
+			del.mockRejectedValueOnce(new Error('denied'));
+			const store = useUsersStore();
+			store.setActiveConnection('conn-1');
+			await flushPromises();
+			get.mockClear();
+
+			await expect(store.deleteGroup('g1')).rejects.toThrow('denied');
+			expect(get).not.toHaveBeenCalled();
+		});
+
+		it('adds and removes group users, then refetches every group members', async () => {
+			put.mockResolvedValue({});
+			routeGets({
+				'/connection/groups/conn-1': [groupInfo('g1', 'Admin'), groupInfo('g2', 'Managers')],
+				'/group/users/g1': [{ id: 'u1', email: 'a@b.c' }],
+				'/group/users/g2': [],
+			});
+			const store = useUsersStore();
+			store.setActiveConnection('conn-1');
+			await flushPromises();
+
+			await store.addGroupUser('g1', 'eric.cartman@south.park');
+			await flushPromises();
+			expect(put).toHaveBeenCalledWith(
+				'/group/user',
+				{ email: 'eric.cartman@south.park', groupId: 'g1' },
+				{ successMessage: 'User has been added to group.' },
+			);
+			expect(store.groupUsers).toEqual({ g1: [{ id: 'u1', email: 'a@b.c' }], g2: 'empty' });
+
+			get.mockClear();
+			await store.deleteGroupUser('eric.cartman@south.park', 'g1');
+			await flushPromises();
+			expect(put).toHaveBeenCalledWith(
+				'/group/user/delete',
+				{ email: 'eric.cartman@south.park', groupId: 'g1' },
+				{ successMessage: 'User has been removed from group.' },
+			);
+			expect(getUrls().sort()).toEqual(['/group/users/g1', '/group/users/g2']);
+		});
+	});
+
+	describe('group users', () => {
+		it('stores the members of a group, or "empty"', async () => {
+			const users = [{ id: 'user-1', createdAt: '', gclid: null, isActive: true, email: 'a@b.com' }];
+			routeGets({ '/group/users/group-1': users, '/group/users/group-2': [] });
+			const store = useUsersStore();
+
+			await expect(store.fetchGroupUsers('group-1')).resolves.toEqual(users);
+			await store.fetchGroupUsers('group-2');
+
+			expect(store.groupUsers['group-1']).toEqual(users);
+			expect(store.groupUsers['group-2']).toBe('empty');
+		});
+
+		it('keeps loading the other groups when one fails', async () => {
+			get.mockImplementation((url: string) => {
+				if (url === '/group/users/g1') return Promise.reject(new Error('fail')) as never;
+				return Promise.resolve([{ id: 'u2' }]) as never;
+			});
+			const store = useUsersStore();
+
+			await store.fetchAllGroupUsers([groupInfo('g1', 'A'), groupInfo('g2', 'B')]);
+
+			expect(store.groupUsers).toEqual({ g2: [{ id: 'u2' }] });
+		});
+	});
+
+	describe('public permissions', () => {
+		it('are not requested until opted in', async () => {
+			const store = useUsersStore();
+			store.setActiveConnection('conn-a');
+			await flushPromises();
+
+			expect(getUrls()).not.toContain('/connection/public-permissions/conn-a');
+			expect(store.publicPermissions).toEqual({ enabled: false, tables: [] });
+		});
+
+		it('are requested once opted in for the active connection', async () => {
+			routeGets({ '/connection/public-permissions/conn-a': { enabled: true, tables: [{ tableName: 'users' }] } });
+			const store = useUsersStore();
+			store.setActiveConnection('conn-a');
+			store.loadPublicPermissions('conn-a');
+			await flushPromises();
+
+			expect(store.publicPermissions).toEqual({ enabled: true, tables: [{ tableName: 'users' }] });
+		});
+
+		it('do not carry the opt-in over to another connection', async () => {
+			const store = useUsersStore();
+			store.setActiveConnection('conn-a');
+			store.loadPublicPermissions('conn-a');
+			await flushPromises();
+			get.mockClear();
+
+			store.setActiveConnection('conn-b');
+			await flushPromises();
+
+			expect(getUrls()).not.toContain('/connection/public-permissions/conn-b');
+			expect(store.publicPermissions).toEqual({ enabled: false, tables: [] });
+		});
+
+		it('are saved, and reloaded afterwards', async () => {
+			put.mockResolvedValueOnce({});
+			const store = useUsersStore();
+			store.setActiveConnection('conn-a');
+			store.loadPublicPermissions('conn-a');
+			await flushPromises();
+			get.mockClear();
+
+			await store.savePublicPermissions('conn-a', [{ tableName: 'users', readableColumns: ['id', 'name'] }]);
+
+			expect(put).toHaveBeenCalledWith(
+				'/connection/public-permissions/conn-a',
+				{ tables: [{ tableName: 'users', readableColumns: ['id', 'name'] }] },
+				{ successMessage: 'Public access has been updated.' },
+			);
+			expect(getUrls()).toEqual(['/connection/public-permissions/conn-a']);
+		});
+
+		it('are disabled by saving an empty table list', async () => {
+			put.mockResolvedValueOnce({});
+			await useUsersStore().savePublicPermissions('conn-a', []);
+
+			expect(put).toHaveBeenCalledWith(
+				'/connection/public-permissions/conn-a',
+				{ tables: [] },
+				{ successMessage: 'Public access has been updated.' },
+			);
+		});
+	});
+
+	describe('legacy endpoints', () => {
+		it('fetches the connection users with snackbar errors', async () => {
+			const users = [{ id: 'u1', isActive: true, email: 'lyubov@voloshko.com', createdAt: '' }];
+			routeGets({ '/connection/users/conn-1': users });
+
+			await expect(useUsersStore().fetchConnectionUsers('conn-1')).resolves.toEqual(users);
+			expect(get).toHaveBeenCalledWith('/connection/users/conn-1', { notify: 'snackbar' });
+		});
+
+		it('fetches the permissions of a group', async () => {
+			routeGets({ '/connection/permissions': permissions });
+
+			await expect(useUsersStore().fetchPermission('conn-1', 'group-1')).resolves.toEqual(permissions);
+			expect(get).toHaveBeenCalledWith('/connection/permissions', {
+				params: { connectionId: 'conn-1', groupId: 'group-1' },
+				notify: 'snackbar',
+			});
+		});
+
+		it('updates the permissions of a group', async () => {
+			put.mockResolvedValueOnce(permissions);
+
+			await useUsersStore().updatePermission('conn-1', permissions);
+
+			expect(put).toHaveBeenCalledWith(
+				'/permissions/group-1',
+				{ permissions },
+				{
+					params: { connectionId: 'conn-1' },
+					notify: 'snackbar',
+					successMessage: 'Permissions have been updated successfully.',
+				},
+			);
+		});
+	});
+});
diff --git a/frontend-vue/src/stores/users.ts b/frontend-vue/src/stores/users.ts
new file mode 100644
index 000000000..15d0c1cbe
--- /dev/null
+++ b/frontend-vue/src/stores/users.ts
@@ -0,0 +1,284 @@
+// Port of frontend/src/app/services/users.service.ts: the user groups of the active connection,
+// their members, the available Cedar actions, public (unauthenticated) access and the legacy
+// per-table permissions endpoints.
+//
+// Angular's `httpResource`s become watchers that refetch when their key changes. The
+// `groupsUpdated` signal (which UsersComponent turned into refreshes and then cleared) is gone:
+// every mutation now does its own refresh.
+import { defineStore } from 'pinia';
+import { computed, ref, watch } from 'vue';
+import { api } from '@/api/client';
+import type { PolicyAction, PolicyActionGroup } from '@/lib/cedar-policy-items';
+import { groupNameForAction, PERMISSION_GROUP_ORDER } from '@/lib/permission-display';
+import type {
+	GroupUser,
+	Permissions,
+	PublicPermissions,
+	PublicTablePermission,
+	UserGroup,
+	UserGroupInfo,
+} from '@/models/user';
+import { useAuthStore } from '@/stores/auth';
+
+export interface ConnectionUser {
+	id: string;
+	isActive: boolean;
+	email: string;
+	createdAt: string;
+	name?: string;
+}
+
+const EMPTY_PUBLIC_PERMISSIONS: PublicPermissions = { enabled: false, tables: [] };
+
+export const useUsersStore = defineStore('users', () => {
+	const auth = useAuthStore();
+
+	const activeConnectionId = ref<string | null>(null);
+
+	// --- Groups of the active connection (was `_groupsResource`) ---
+	const groupsData = ref<UserGroupInfo[] | undefined>(undefined);
+	const groupsLoading = ref(false);
+	let groupsRequest = 0;
+
+	/** Admin first, the rest in server order. */
+	const groups = computed<UserGroupInfo[]>(() =>
+		[...(groupsData.value ?? [])].sort((a, b) => {
+			if (a.group.title === 'Admin') return -1;
+			if (b.group.title === 'Admin') return 1;
+			return 0;
+		}),
+	);
+
+	async function loadGroups(connectionId: string | null): Promise<void> {
+		const request = ++groupsRequest;
+		if (!connectionId) {
+			groupsData.value = undefined;
+			groupsLoading.value = false;
+			return;
+		}
+		groupsLoading.value = true;
+		try {
+			const data = await api.get<UserGroupInfo[]>(`/connection/groups/${connectionId}`);
+			if (request === groupsRequest) groupsData.value = data;
+		} catch {
+			// Reported by the client; like httpResource, a failed load leaves no value.
+			if (request === groupsRequest) groupsData.value = undefined;
+		} finally {
+			if (request === groupsRequest) groupsLoading.value = false;
+		}
+	}
+
+	// A different connection drops the old list at once; refreshGroups() keeps it while reloading.
+	// Sync flush: the list is cleared and loading starts in the same tick as setActiveConnection().
+	watch(
+		activeConnectionId,
+		(id) => {
+			groupsData.value = undefined;
+			loadGroups(id);
+		},
+		{ flush: 'sync' },
+	);
+
+	function setActiveConnection(connectionId: string): void {
+		activeConnectionId.value = connectionId;
+	}
+
+	function refreshGroups(): Promise<void> {
+		return loadGroups(activeConnectionId.value);
+	}
+
+	// --- Cedar actions the backend knows about (was `_availablePermissionsResource`) ---
+	const availablePermissions = ref<PolicyAction[]>([]);
+
+	watch(
+		() => auth.isAuthenticated,
+		async (isAuthenticated) => {
+			if (!isAuthenticated) {
+				availablePermissions.value = [];
+				return;
+			}
+			try {
+				const data = await api.get<{ actions: PolicyAction[] }>('/permissions/available');
+				availablePermissions.value = data?.actions ?? [];
+			} catch {
+				availablePermissions.value = [];
+			}
+		},
+		{ immediate: true },
+	);
+
+	const availablePermissionGroups = computed<PolicyActionGroup[]>(() => {
+		const byGroup = new Map<string, PolicyAction[]>();
+		for (const action of availablePermissions.value) {
+			const groupName = groupNameForAction(action.value);
+			const list = byGroup.get(groupName);
+			if (list) list.push(action);
+			else byGroup.set(groupName, [action]);
+		}
+		return PERMISSION_GROUP_ORDER.filter((name) => byGroup.has(name)).map((name) => ({
+			group: name,
+			actions: byGroup.get(name) ?? [],
+		}));
+	});
+
+	// --- Public (unauthenticated) access ---
+	// The endpoint is connection:edit guarded while setActiveConnection runs for every URL carrying a
+	// connection id, so the request waits for an explicit opt-in naming its connection: navigating to
+	// another connection does not refire it against one the user may not administer.
+	const publicPermissionsFor = ref<string | null>(null);
+	const publicPermissionsData = ref<PublicPermissions | undefined>(undefined);
+	const publicPermissionsLoading = ref(false);
+	let publicPermissionsRequest = 0;
+
+	const publicPermissions = computed<PublicPermissions>(() => publicPermissionsData.value ?? EMPTY_PUBLIC_PERMISSIONS);
+
+	/** The connection whose public permissions may be requested, or null while not opted in. */
+	const publicPermissionsKey = computed(() => {
+		const id = activeConnectionId.value;
+		return id && publicPermissionsFor.value === id ? id : null;
+	});
+
+	async function fetchPublicPermissions(connectionId: string | null): Promise<void> {
+		const request = ++publicPermissionsRequest;
+		if (!connectionId) {
+			publicPermissionsData.value = undefined;
+			publicPermissionsLoading.value = false;
+			return;
+		}
+		publicPermissionsLoading.value = true;
+		try {
+			const data = await api.get<PublicPermissions>(`/connection/public-permissions/${connectionId}`);
+			if (request === publicPermissionsRequest) publicPermissionsData.value = data;
+		} catch {
+			if (request === publicPermissionsRequest) publicPermissionsData.value = undefined;
+		} finally {
+			if (request === publicPermissionsRequest) publicPermissionsLoading.value = false;
+		}
+	}
+
+	watch(
+		publicPermissionsKey,
+		(id) => {
+			publicPermissionsData.value = undefined;
+			fetchPublicPermissions(id);
+		},
+		{ flush: 'sync' },
+	);
+
+	function loadPublicPermissions(connectionId: string): void {
+		publicPermissionsFor.value = connectionId;
+	}
+
+	async function savePublicPermissions(connectionId: string, tables: PublicTablePermission[]): Promise<void> {
+		await api.put(
+			`/connection/public-permissions/${connectionId}`,
+			{ tables },
+			{ successMessage: 'Public access has been updated.' },
+		);
+		await fetchPublicPermissions(publicPermissionsKey.value);
+	}
+
+	// --- Members of each group, fetched per group in parallel ---
+	const groupUsers = ref<Record<string, GroupUser[] | 'empty'>>({});
+
+	async function fetchGroupUsers(groupId: string): Promise<GroupUser[]> {
+		const users = (await api.get<GroupUser[] | null>(`/group/users/${groupId}`)) ?? [];
+		groupUsers.value = { ...groupUsers.value, [groupId]: users.length ? users : 'empty' };
+		return users;
+	}
+
+	/** One failing group does not stop the others; each failure was already reported. */
+	async function fetchAllGroupUsers(groupList: UserGroupInfo[] = groups.value): Promise<void> {
+		await Promise.allSettled(groupList.map((info) => fetchGroupUsers(info.group.id)));
+	}
+
+	// --- Mutations. Each one refreshes what UsersComponent used to refresh on `groupsUpdated`. ---
+	async function createGroup(connectionId: string, title: string): Promise<UserGroup | null> {
+		const group = await api.post<UserGroup | null>(
+			`/connection/group/${connectionId}`,
+			{ title },
+			{ successMessage: 'Group of users has been created.' },
+		);
+		if (group) refreshGroups();
+		return group;
+	}
+
+	async function deleteGroup(groupId: string): Promise<void> {
+		await api.delete(`/group/${groupId}`, { successMessage: 'Group has been removed.' });
+		refreshGroups();
+	}
+
+	async function editGroupName(groupId: string, title: string): Promise<void> {
+		await api.put('/group/title', { title, groupId }, { successMessage: 'Group name has been updated.' });
+		refreshGroups();
+	}
+
+	async function saveCedarPolicy(connectionId: string, groupId: string, cedarPolicy: string): Promise<void> {
+		await api.post(
+			`/connection/cedar-policy/${connectionId}`,
+			{ cedarPolicy, groupId },
+			{ successMessage: 'Policy has been saved.' },
+		);
+		refreshGroups();
+	}
+
+	async function addGroupUser(groupId: string, email: string): Promise<void> {
+		await api.put('/group/user', { email, groupId }, { successMessage: 'User has been added to group.' });
+		fetchAllGroupUsers();
+	}
+
+	async function deleteGroupUser(email: string, groupId: string): Promise<void> {
+		await api.put('/group/user/delete', { email, groupId }, { successMessage: 'User has been removed from group.' });
+		fetchAllGroupUsers();
+	}
+
+	// --- Legacy endpoints (audit log, per-table permissions UI) ---
+	function fetchConnectionUsers(connectionId: string): Promise<ConnectionUser[]> {
+		return api.get<ConnectionUser[]>(`/connection/users/${connectionId}`, { notify: 'snackbar' });
+	}
+
+	function fetchPermission(connectionId: string, groupId: string): Promise<Permissions> {
+		return api.get<Permissions>('/connection/permissions', {
+			params: { connectionId, groupId },
+			notify: 'snackbar',
+		});
+	}
+
+	async function updatePermission(connectionId: string, permissions: Permissions): Promise<void> {
+		await api.put(
+			`/permissions/${permissions.group.groupId}`,
+			{ permissions },
+			{
+				params: { connectionId },
+				notify: 'snackbar',
+				successMessage: 'Permissions have been updated successfully.',
+			},
+		);
+	}
+
+	return {
+		activeConnectionId,
+		groups,
+		groupsLoading,
+		availablePermissions,
+		availablePermissionGroups,
+		publicPermissions,
+		publicPermissionsLoading,
+		groupUsers,
+		setActiveConnection,
+		refreshGroups,
+		loadPublicPermissions,
+		savePublicPermissions,
+		fetchGroupUsers,
+		fetchAllGroupUsers,
+		createGroup,
+		deleteGroup,
+		editGroupName,
+		saveCedarPolicy,
+		addGroupUser,
+		deleteGroupUser,
+		fetchConnectionUsers,
+		fetchPermission,
+		updatePermission,
+	};
+});
diff --git a/frontend-vue/src/stores/view-as.spec.ts b/frontend-vue/src/stores/view-as.spec.ts
new file mode 100644
index 000000000..3778e980a
--- /dev/null
+++ b/frontend-vue/src/stores/view-as.spec.ts
@@ -0,0 +1,105 @@
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { router } from '@/router';
+import { useViewAsStore } from './view-as';
+
+// A real router on memory history: the store reads its query and writes through its history.
+vi.mock('@/router', async () => {
+	const { createMemoryHistory, createRouter } = await import('vue-router');
+	return {
+		router: createRouter({
+			history: createMemoryHistory(),
+			routes: [{ path: '/:pathMatch(.*)*', component: { render: () => null } }],
+		}),
+	};
+});
+
+/** The URL the history holds, which may differ from the router's route after a silent replace. */
+function addressBar(): string {
+	return router.options.history.location;
+}
+
+describe('view-as store', () => {
+	let store: ReturnType<typeof useViewAsStore> | null = null;
+
+	beforeEach(async () => {
+		setActivePinia(createPinia());
+		await router.push('/');
+	});
+
+	afterEach(() => {
+		// Removes the store's afterEach hook from the shared router.
+		store?.$dispose();
+		store = null;
+	});
+
+	it('reads the initial group from the current URL', async () => {
+		await router.push('/permissions/abc?viewAs=group-1');
+		store = useViewAsStore();
+
+		expect(store.viewAsGroupId).toBe('group-1');
+		expect(store.isActive).toBe(true);
+	});
+
+	it('starts inactive without the param', () => {
+		store = useViewAsStore();
+		expect(store.viewAsGroupId).toBeNull();
+		expect(store.isActive).toBe(false);
+	});
+
+	it('follows a navigation that brings a new group', async () => {
+		store = useViewAsStore();
+		await router.push('/dashboard/abc?viewAs=group-2');
+		expect(store.viewAsGroupId).toBe('group-2');
+	});
+
+	it('puts the param back silently when a navigation drops it', async () => {
+		await router.push('/permissions/abc?viewAs=group-1');
+		store = useViewAsStore();
+
+		await router.push('/dashboard/abc');
+
+		expect(router.currentRoute.value.fullPath).toBe('/dashboard/abc');
+		expect(addressBar()).toBe('/dashboard/abc?viewAs=group-1');
+		expect(store.viewAsGroupId).toBe('group-1');
+	});
+
+	it('keeps the other query params when putting it back', async () => {
+		await router.push('/?viewAs=group-1');
+		store = useViewAsStore();
+
+		await router.push('/dashboard/abc?page=2#top');
+
+		expect(addressBar()).toBe('/dashboard/abc?page=2&viewAs=group-1#top');
+	});
+
+	it('leaves the URL alone when view-as is off', async () => {
+		store = useViewAsStore();
+		await router.push('/dashboard/abc');
+		expect(addressBar()).toBe('/dashboard/abc');
+	});
+
+	it('clearViewAs drops the state and the param', async () => {
+		await router.push('/permissions/abc?viewAs=group-1&tab=2');
+		store = useViewAsStore();
+
+		await store.clearViewAs();
+
+		expect(store.viewAsGroupId).toBeNull();
+		expect(router.currentRoute.value.fullPath).toBe('/permissions/abc?tab=2');
+		expect(addressBar()).toBe('/permissions/abc?tab=2');
+	});
+
+	it('clearViewAs also drops a param that was put back silently', async () => {
+		await router.push('/permissions/abc?viewAs=group-1');
+		store = useViewAsStore();
+		await router.push('/dashboard/abc');
+
+		await store.clearViewAs();
+
+		expect(store.isActive).toBe(false);
+		expect(addressBar()).toBe('/dashboard/abc');
+		await router.push('/users');
+		expect(addressBar()).toBe('/users');
+	});
+});
diff --git a/frontend-vue/src/stores/view-as.ts b/frontend-vue/src/stores/view-as.ts
new file mode 100644
index 000000000..abcc53f01
--- /dev/null
+++ b/frontend-vue/src/stores/view-as.ts
@@ -0,0 +1,68 @@
+// Port of frontend/src/app/services/view-as.service.ts: "view as group" mode, where an admin sees the
+// app through another group's Cedar policy. The group id lives in the `?viewAs=` query param so a
+// deep link or a new tab opens in the same mode, and it sticks across navigations that drop it.
+import { defineStore } from 'pinia';
+import { computed, onScopeDispose, ref } from 'vue';
+import { type LocationQuery, START_LOCATION } from 'vue-router';
+import { router } from '@/router';
+
+export const VIEW_AS_PARAM = 'viewAs';
+
+export const useViewAsStore = defineStore('viewAs', () => {
+	const viewAsGroupId = ref<string | null>(readInitial());
+	const isActive = computed(() => !!viewAsGroupId.value);
+
+	// Keep the state and the URL in sync after every navigation (Angular: NavigationEnd).
+	const removeHook = router.afterEach((to, _from, failure) => {
+		if (failure) return;
+		const fromUrl = readParam(to.query);
+
+		if (fromUrl) {
+			if (fromUrl !== viewAsGroupId.value) viewAsGroupId.value = fromUrl;
+			return;
+		}
+
+		if (viewAsGroupId.value) {
+			// The navigation dropped the param but the mode persists: put it back into the URL without
+			// another navigation (Angular: Location.replaceState).
+			router.options.history.replace(appendParam(to.fullPath, VIEW_AS_PARAM, viewAsGroupId.value));
+		}
+	});
+	onScopeDispose(removeHook);
+
+	async function clearViewAs(): Promise<void> {
+		viewAsGroupId.value = null;
+		const current = router.currentRoute.value;
+		if (!(VIEW_AS_PARAM in current.query)) {
+			// The param was re-injected silently above, so the router never saw it; a navigation to the
+			// same location would be dropped as a duplicate. Restore the router's own URL instead.
+			router.options.history.replace(current.fullPath);
+			return;
+		}
+		const { [VIEW_AS_PARAM]: _dropped, ...query } = current.query;
+		await router.replace({ path: current.path, query, hash: current.hash });
+	}
+
+	return { viewAsGroupId, isActive, clearViewAs };
+});
+
+/** Before the first navigation resolves the router has no query yet, so fall back to the address bar. */
+function readInitial(): string | null {
+	const current = router.currentRoute.value;
+	if (current !== START_LOCATION) return readParam(current.query);
+	return new URLSearchParams(window.location.search).get(VIEW_AS_PARAM);
+}
+
+function readParam(query: LocationQuery): string | null {
+	const value = query[VIEW_AS_PARAM];
+	const first = Array.isArray(value) ? value[0] : value;
+	return first || null;
+}
+
+function appendParam(url: string, key: string, value: string): string {
+	const [beforeHash = '', hash] = url.split('#');
+	const [path = '', search = ''] = beforeHash.split('?');
+	const params = new URLSearchParams(search);
+	params.set(key, value);
+	return `${path}?${params.toString()}${hash === undefined ? '' : `#${hash}`}`;
+}
diff --git a/frontend-vue/src/test-setup.ts b/frontend-vue/src/test-setup.ts
index a712a6ea4..678dcc1bc 100644
--- a/frontend-vue/src/test-setup.ts
+++ b/frontend-vue/src/test-setup.ts
@@ -1,8 +1,13 @@
-// jsdom does not implement ResizeObserver, which Vuetify layout components use.
-class ResizeObserverStub {
-	observe() {}
-	unobserve() {}
-	disconnect() {}
+// jsdom implements no layout, so the observer APIs are missing and a component that creates one
+// on mount would throw. The stubs never fire: jsdom reports every box as 0×0 anyway.
+class NoopObserver {
+	observe(): void {}
+	unobserve(): void {}
+	disconnect(): void {}
+	takeRecords(): [] {
+		return [];
+	}
 }
 
-globalThis.ResizeObserver ??= ResizeObserverStub;
+globalThis.ResizeObserver ??= NoopObserver as unknown as typeof ResizeObserver;
+globalThis.IntersectionObserver ??= NoopObserver as unknown as typeof IntersectionObserver;
diff --git a/frontend-vue/src/types/globals.d.ts b/frontend-vue/src/types/globals.d.ts
new file mode 100644
index 000000000..881b970aa
--- /dev/null
+++ b/frontend-vue/src/types/globals.d.ts
@@ -0,0 +1,10 @@
+// Third-party globals injected by index.saas.html (Intercom, Hotjar).
+declare global {
+	interface Window {
+		Intercom?: (command: string, options?: Record<string, unknown>) => void;
+		intercomSettings?: Record<string, unknown>;
+		hj?: (command: string, userId: string | number, options?: Record<string, unknown>) => void;
+	}
+}
+
+export {};
diff --git a/frontend-vue/src/validators/base64.validator.spec.ts b/frontend-vue/src/validators/base64.validator.spec.ts
new file mode 100644
index 000000000..a2c6b87aa
--- /dev/null
+++ b/frontend-vue/src/validators/base64.validator.spec.ts
@@ -0,0 +1,19 @@
+import { describe, expect, it } from 'vitest';
+import { base64Errors, base64Validation } from './base64.validator';
+
+describe('base64 validator', () => {
+	it('passes empty values and padded base64', () => {
+		for (const value of ['', null, undefined, 'SGVsbG8=', 'SGVsbA==', 'YWJj']) expect(base64Errors(value)).toBeNull();
+	});
+
+	it('rejects wrong length or characters', () => {
+		for (const value of ['SGVsbG8', 'SGV$bG8=', 'ab=c', '====='])
+			expect(base64Errors(value)).toEqual({ isInvalidBase64: true });
+	});
+
+	it('works as a rule', () => {
+		const rule = base64Validation();
+		expect(rule('YWJj')).toBe(true);
+		expect(rule('abc')).toBe('Invalid base64.');
+	});
+});
diff --git a/frontend-vue/src/validators/base64.validator.ts b/frontend-vue/src/validators/base64.validator.ts
new file mode 100644
index 000000000..8c5ac622f
--- /dev/null
+++ b/frontend-vue/src/validators/base64.validator.ts
@@ -0,0 +1,17 @@
+// Port of validators/base64.validator.ts (used by the binary/file widgets' base64 mode).
+import { toRule, type ValidationErrors, type ValidationRule } from './types';
+
+export const BASE64_ERROR_MESSAGE = 'Invalid base64.';
+
+/** `{ isInvalidBase64: true }` for a non-empty value that isn't padded base64, otherwise `null`. */
+export function base64Errors(value: unknown): ValidationErrors | null {
+	if (!value) return null;
+	const text = String(value);
+	const base64Regex = /^[A-Za-z0-9+/]*={0,2}$/;
+	if (text.length % 4 !== 0 || !base64Regex.test(text)) return { isInvalidBase64: true };
+	return null;
+}
+
+export function base64Validation(): ValidationRule {
+	return toRule(base64Errors, () => BASE64_ERROR_MESSAGE);
+}
diff --git a/frontend-vue/src/validators/connection-string.validator.spec.ts b/frontend-vue/src/validators/connection-string.validator.spec.ts
new file mode 100644
index 000000000..e38c3c98e
--- /dev/null
+++ b/frontend-vue/src/validators/connection-string.validator.spec.ts
@@ -0,0 +1,66 @@
+import { describe, expect, it } from 'vitest';
+import { DBtype } from '@/models/connection';
+import {
+	connectionStringErrors,
+	connectionStringValidation,
+	parseConnectionString,
+} from './connection-string.validator';
+
+describe('connection string validator', () => {
+	describe('parseConnectionString', () => {
+		it('parses a full postgres URL', () => {
+			expect(
+				parseConnectionString('postgresql://admin:p%40ss@db.example.com:6543/shop?sslmode=require&schema=app'),
+			).toEqual({
+				dbType: DBtype.Postgres,
+				host: 'db.example.com',
+				port: '6543',
+				username: 'admin',
+				password: 'p@ss',
+				database: 'shop',
+				schema: 'app',
+				ssl: true,
+			});
+		});
+
+		it('falls back to the default port of the database type', () => {
+			expect(parseConnectionString('mysql://root@localhost/app')).toMatchObject({
+				dbType: DBtype.MySQL,
+				host: 'localhost',
+				port: '3306',
+				username: 'root',
+				password: '',
+			});
+			expect(parseConnectionString('mongodb+srv://u:p@cluster0.mongodb.net/db?authSource=admin')).toMatchObject({
+				dbType: DBtype.Mongo,
+				port: '27017',
+				authSource: 'admin',
+			});
+		});
+
+		it('throws invalidFormat and unsupportedScheme', () => {
+			expect(() => parseConnectionString('db.example.com:5432')).toThrow('invalidFormat');
+			expect(() => parseConnectionString('ftp://host')).toThrow('unsupportedScheme');
+		});
+	});
+
+	describe('connectionStringErrors', () => {
+		it('passes empty and valid values', () => {
+			expect(connectionStringErrors('')).toBeNull();
+			expect(connectionStringErrors('   ')).toBeNull();
+			expect(connectionStringErrors('redis://:secret@cache.example.com:6380')).toBeNull();
+		});
+
+		it('reports the error keys the connect-db page reads', () => {
+			expect(connectionStringErrors('just text')).toEqual({ invalidConnectionStringFormat: true });
+			expect(connectionStringErrors('ftp://host')).toEqual({ unsupportedScheme: 'ftp' });
+		});
+
+		it('works as a rule with the page messages', () => {
+			const rule = connectionStringValidation();
+			expect(rule('mysql://root@db.example.com/app')).toBe(true);
+			expect(rule('just text')).toBe('Invalid format. Expected: scheme://user:password@host:port/database');
+			expect(rule('ftp://host')).toBe('Unsupported scheme "ftp"');
+		});
+	});
+});
diff --git a/frontend-vue/src/validators/connection-string.validator.ts b/frontend-vue/src/validators/connection-string.validator.ts
new file mode 100644
index 000000000..c1ba17305
--- /dev/null
+++ b/frontend-vue/src/validators/connection-string.validator.ts
@@ -0,0 +1,148 @@
+// Port of validators/connection-string.validator.ts: parses a pasted connection string into the
+// connect-db form fields, and validates the "Connection string" input.
+import { ConnectionStringParser } from 'connection-string-parser';
+import { DBtype } from '@/models/connection';
+import { toRule, type ValidationErrors, type ValidationRule } from './types';
+
+export interface ParsedConnectionString {
+	dbType: DBtype;
+	host: string;
+	port: string;
+	username: string;
+	password: string;
+	database: string;
+	authSource?: string;
+	schema?: string;
+	ssl?: boolean;
+}
+
+const schemeToDbType: Record<string, DBtype> = {
+	mysql: DBtype.MySQL,
+	mariadb: DBtype.MySQL,
+	postgres: DBtype.Postgres,
+	postgresql: DBtype.Postgres,
+	mongodb: DBtype.Mongo,
+	'mongodb+srv': DBtype.Mongo,
+	mssql: DBtype.MSSQL,
+	sqlserver: DBtype.MSSQL,
+	oracle: DBtype.Oracle,
+	oracledb: DBtype.Oracle,
+	cassandra: DBtype.Cassandra,
+	redis: DBtype.Redis,
+	rediss: DBtype.Redis,
+	elasticsearch: DBtype.Elasticsearch,
+	clickhouse: DBtype.ClickHouse,
+};
+
+const defaultPorts: Record<DBtype, string> = {
+	[DBtype.MySQL]: '3306',
+	[DBtype.Postgres]: '5432',
+	[DBtype.Oracle]: '1521',
+	[DBtype.MSSQL]: '1433',
+	[DBtype.Mongo]: '27017',
+	[DBtype.Dynamo]: '',
+	[DBtype.Cassandra]: '9042',
+	[DBtype.Redis]: '6379',
+	[DBtype.Elasticsearch]: '9200',
+	[DBtype.ClickHouse]: '8443',
+};
+
+/** Throws `Error('invalidFormat')` or `Error('unsupportedScheme')`, or whatever the parser throws. */
+export function parseConnectionString(connectionString: string): ParsedConnectionString {
+	const schemeMatch = connectionString.match(/^([a-zA-Z][a-zA-Z0-9+.-]*):\/\//);
+	if (!schemeMatch?.[1]) {
+		throw new Error('invalidFormat');
+	}
+
+	const scheme = schemeMatch[1].toLowerCase();
+	const dbType = schemeToDbType[scheme];
+	if (!dbType) {
+		throw new Error('unsupportedScheme');
+	}
+
+	const parser = new ConnectionStringParser({ scheme, hosts: [] });
+	const parsed = parser.parse(connectionString);
+
+	const result: ParsedConnectionString = {
+		dbType,
+		host: '',
+		port: defaultPorts[dbType],
+		username: '',
+		password: '',
+		database: '',
+	};
+
+	const firstHost = parsed.hosts?.[0];
+	if (firstHost) {
+		result.host = firstHost.host || '';
+		if (firstHost.port) {
+			result.port = String(firstHost.port);
+		}
+	}
+
+	if (parsed.username) {
+		result.username = decodeURIComponent(parsed.username);
+	}
+
+	if (parsed.password) {
+		result.password = decodeURIComponent(parsed.password);
+	}
+
+	if (parsed.endpoint) {
+		result.database = parsed.endpoint;
+	}
+
+	if (parsed.options) {
+		if (parsed.options.authSource) {
+			result.authSource = parsed.options.authSource;
+		}
+		if (parsed.options.schema) {
+			result.schema = parsed.options.schema;
+		}
+		if (
+			parsed.options.ssl === 'true' ||
+			parsed.options.sslmode === 'require' ||
+			parsed.options.sslmode === 'verify-full'
+		) {
+			result.ssl = true;
+		}
+	}
+
+	return result;
+}
+
+/**
+ * `{ invalidConnectionStringFormat: true }`, `{ unsupportedScheme: '<scheme>' }` or
+ * `{ invalidConnectionString: true }`; `null` for an empty or parseable value.
+ */
+export function connectionStringErrors(value: unknown): ValidationErrors | null {
+	const text = typeof value === 'string' ? value : '';
+	if (!text || !text.trim()) return null;
+
+	try {
+		parseConnectionString(text);
+		return null;
+	} catch (e) {
+		const message = e instanceof Error ? e.message : '';
+		if (message === 'invalidFormat') {
+			return { invalidConnectionStringFormat: true };
+		}
+		if (message === 'unsupportedScheme') {
+			const schemeMatch = text.match(/^([a-zA-Z][a-zA-Z0-9+.-]*):/);
+			return { unsupportedScheme: schemeMatch?.[1] || true };
+		}
+		return { invalidConnectionString: true };
+	}
+}
+
+/** The connect-db page's messages for each error key. */
+export function connectionStringErrorMessage(errors: ValidationErrors): string {
+	if (errors.invalidConnectionStringFormat)
+		return 'Invalid format. Expected: scheme://user:password@host:port/database';
+	if (errors.unsupportedScheme) return `Unsupported scheme "${errors.unsupportedScheme}"`;
+	return 'Failed to parse connection string';
+}
+
+export function connectionStringValidation(): ValidationRule {
+	return toRule(connectionStringErrors, connectionStringErrorMessage);
+}
diff --git a/frontend-vue/src/validators/email.validator.spec.ts b/frontend-vue/src/validators/email.validator.spec.ts
new file mode 100644
index 000000000..3ce50dfca
--- /dev/null
+++ b/frontend-vue/src/validators/email.validator.spec.ts
@@ -0,0 +1,24 @@
+import { describe, expect, it } from 'vitest';
+import { emailErrors, emailValidation } from './email.validator';
+
+describe('email validator', () => {
+	it('passes empty values and valid emails', () => {
+		for (const value of ['', null, 'john@example.com', 'a.b+tag@sub.domain.io', '"quoted"@example.com'])
+			expect(emailErrors(value)).toBeNull();
+	});
+
+	it('rejects values without an email', () => {
+		for (const value of ['john', 'john@', '@example.com', 'john@example'])
+			expect(emailErrors(value)).toEqual({ isInvalidEmail: true });
+	});
+
+	it('is unanchored like the Angular regex', () => {
+		expect(emailErrors('Name <john@example.com>')).toBeNull();
+	});
+
+	it('works as a rule', () => {
+		const rule = emailValidation();
+		expect(rule('john@example.com')).toBe(true);
+		expect(rule('john')).toBe('Invalid email format.');
+	});
+});
diff --git a/frontend-vue/src/validators/email.validator.ts b/frontend-vue/src/validators/email.validator.ts
new file mode 100644
index 000000000..fc76b4329
--- /dev/null
+++ b/frontend-vue/src/validators/email.validator.ts
@@ -0,0 +1,17 @@
+// Port of validators/email.validator.ts. The regex is unanchored, exactly as in Angular.
+import { toRule, type ValidationErrors, type ValidationRule } from './types';
+
+export const EMAIL_ERROR_MESSAGE = 'Invalid email format.';
+
+const emailRegex =
+	/(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/;
+
+/** `{ isInvalidEmail: true }` for a non-empty value that doesn't contain an email, otherwise `null`. */
+export function emailErrors(value: unknown): ValidationErrors | null {
+	if (value && !emailRegex.test(String(value))) return { isInvalidEmail: true };
+	return null;
+}
+
+export function emailValidation(): ValidationRule {
+	return toRule(emailErrors, () => EMAIL_ERROR_MESSAGE);
+}
diff --git a/frontend-vue/src/validators/hex.validator.spec.ts b/frontend-vue/src/validators/hex.validator.spec.ts
new file mode 100644
index 000000000..d42853b2f
--- /dev/null
+++ b/frontend-vue/src/validators/hex.validator.spec.ts
@@ -0,0 +1,18 @@
+import { describe, expect, it } from 'vitest';
+import { hexErrors, hexValidation } from './hex.validator';
+
+describe('hex validator', () => {
+	it('passes empty values and even-length hex', () => {
+		for (const value of ['', null, '48656c6c6f21', 'ABCDEF', '+0ff']) expect(hexErrors(value)).toBeNull();
+	});
+
+	it('rejects odd length or non-hex characters', () => {
+		for (const value of ['abc', 'zz', '0x12', '12 34']) expect(hexErrors(value)).toEqual({ isInvalidHex: true });
+	});
+
+	it('works as a rule', () => {
+		const rule = hexValidation();
+		expect(rule('ff')).toBe(true);
+		expect(rule('f')).toBe('Invalid hex.');
+	});
+});
diff --git a/frontend-vue/src/validators/hex.validator.ts b/frontend-vue/src/validators/hex.validator.ts
new file mode 100644
index 000000000..df9af5b65
--- /dev/null
+++ b/frontend-vue/src/validators/hex.validator.ts
@@ -0,0 +1,17 @@
+// Port of validators/hex.validator.ts (used by the binary/file widgets' hex mode).
+import { toRule, type ValidationErrors, type ValidationRule } from './types';
+
+export const HEX_ERROR_MESSAGE = 'Invalid hex.';
+
+/** `{ isInvalidHex: true }` for a non-empty value that isn't an even-length hex string, otherwise `null`. */
+export function hexErrors(value: unknown): ValidationErrors | null {
+	if (!value) return null;
+	const text = String(value);
+	const hexRegex = /^[-+]?[0-9A-Fa-f]+\.?[0-9A-Fa-f]*?$/;
+	if (!hexRegex.test(text) || text.length % 2 !== 0) return { isInvalidHex: true };
+	return null;
+}
+
+export function hexValidation(): ValidationRule {
+	return toRule(hexErrors, () => HEX_ERROR_MESSAGE);
+}
diff --git a/frontend-vue/src/validators/hostname.validator.spec.ts b/frontend-vue/src/validators/hostname.validator.spec.ts
new file mode 100644
index 000000000..2b51b6d55
--- /dev/null
+++ b/frontend-vue/src/validators/hostname.validator.spec.ts
@@ -0,0 +1,48 @@
+import { describe, expect, it } from 'vitest';
+import { DBtype } from '@/models/connection';
+import { hostnameErrors, hostnameValidation } from './hostname.validator';
+
+describe('hostname validator', () => {
+	it('passes empty values, public IPs and FQDNs', () => {
+		for (const value of ['', null, 'db.example.com', '8.8.8.8', '2001:4860:4860::8888'])
+			expect(hostnameErrors(value, DBtype.MySQL)).toBeNull();
+	});
+
+	it('flags localhost and private, loopback, link-local and CGNAT addresses', () => {
+		for (const value of [
+			'localhost',
+			'127.0.0.1',
+			'10.0.0.5',
+			'192.168.1.1',
+			'169.254.1.1',
+			'100.64.0.1',
+			'::1',
+			'fd00::1',
+		])
+			expect(hostnameErrors(value, DBtype.Postgres)).toEqual({ isLocalhost: true });
+	});
+
+	it('flags invalid hostnames', () => {
+		for (const value of ['not a host', 'db_host', 'https://db.example.com'])
+			expect(hostnameErrors(value, DBtype.Postgres)).toEqual({ isInvalidHostname: true });
+	});
+
+	it('requires https:// for DynamoDB and validates the rest', () => {
+		expect(hostnameErrors('dynamodb.us-east-1.amazonaws.com', DBtype.Dynamo)).toEqual({ missingHttps: true });
+		expect(hostnameErrors('https://dynamodb.us-east-1.amazonaws.com', DBtype.Dynamo)).toBeNull();
+		expect(hostnameErrors('https://bad host', DBtype.Dynamo)).toEqual({ isInvalidHostname: true });
+	});
+
+	it('strips mongodb+srv:// for MongoDB', () => {
+		expect(hostnameErrors('mongodb+srv://cluster0.abc.mongodb.net', DBtype.Mongo)).toBeNull();
+		expect(hostnameErrors('mongodb+srv://cluster0.abc.mongodb.net', DBtype.MySQL)).toEqual({ isInvalidHostname: true });
+	});
+
+	it('works as a rule', () => {
+		const rule = hostnameValidation(DBtype.Dynamo);
+		expect(rule('https://dynamodb.us-east-1.amazonaws.com')).toBe(true);
+		expect(rule('dynamodb.amazonaws.com')).toBe('Hostname must start with "https://"');
+		expect(hostnameValidation(DBtype.MySQL)('???')).toBe('Hostname is invalid');
+		expect(hostnameValidation(DBtype.MySQL)('localhost')).toContain('internal IP');
+	});
+});
diff --git a/frontend-vue/src/validators/hostname.validator.ts b/frontend-vue/src/validators/hostname.validator.ts
new file mode 100644
index 000000000..d6a92d7e6
--- /dev/null
+++ b/frontend-vue/src/validators/hostname.validator.ts
@@ -0,0 +1,55 @@
+// Port of validators/hostname.validator.ts (the connect-db credentials forms).
+import ipaddr from 'ipaddr.js';
+import isFQDN from 'validator/es/lib/isFQDN';
+import isIP from 'validator/es/lib/isIP';
+import type { DBtype } from '@/models/connection';
+import { toRule, type ValidationErrors, type ValidationRule } from './types';
+
+export const HOSTNAME_ERROR_MESSAGES = {
+	missingHttps: 'Hostname must start with "https://"',
+	// The forms render this one with a Pinggy guide link and a "connect through an agent" button.
+	isLocalhost: 'To connect a database to an internal IP, use something like Pinggy, or connect through an agent',
+	isInvalidHostname: 'Hostname is invalid',
+} as const;
+
+const PRIVATE_RANGES = new Set(['private', 'loopback', 'linkLocal', 'unspecified', 'carrierGradeNat', 'uniqueLocal']);
+
+/** `{ missingHttps | isLocalhost | isInvalidHostname: true }`, or `null` for an empty or valid hostname. */
+export function hostnameErrors(value: unknown, dbType: DBtype | string): ValidationErrors | null {
+	if (!value) return null;
+	const raw = String(value);
+	let hostname = raw;
+
+	if (dbType === 'dynamodb') {
+		if (!hostname.startsWith('https://')) return { missingHttps: true };
+		hostname = hostname.replace(/^https:\/\//, '');
+	}
+
+	if (dbType === 'mongodb') {
+		hostname = hostname.replace(/^mongodb\+srv:\/\//, '');
+	}
+
+	// Checked on the raw value, as in Angular.
+	if (raw === 'localhost' || (isIP(raw) && isPrivateIP(raw))) return { isLocalhost: true };
+	if (!(isIP(hostname) || isFQDN(hostname))) return { isInvalidHostname: true };
+	return null;
+}
+
+export function hostnameValidation(dbType: DBtype | string): ValidationRule {
+	return toRule(
+		(value) => hostnameErrors(value, dbType),
+		(errors) => HOSTNAME_ERROR_MESSAGES[firstKey(errors) as keyof typeof HOSTNAME_ERROR_MESSAGES],
+	);
+}
+
+function isPrivateIP(ip: string): boolean {
+	try {
+		return PRIVATE_RANGES.has(ipaddr.process(ip).range());
+	} catch {
+		return false;
+	}
+}
+
+function firstKey(errors: ValidationErrors): string {
+	return Object.keys(errors)[0] ?? '';
+}
diff --git a/frontend-vue/src/validators/password.validator.spec.ts b/frontend-vue/src/validators/password.validator.spec.ts
new file mode 100644
index 000000000..e6fbdbe01
--- /dev/null
+++ b/frontend-vue/src/validators/password.validator.spec.ts
@@ -0,0 +1,30 @@
+import { describe, expect, it } from 'vitest';
+import { passwordErrors, passwordValidation } from './password.validator';
+
+describe('password validator', () => {
+	it('passes empty values and strong passwords', () => {
+		for (const value of ['', null, undefined, 'Passw0rd', 'aB3xxxxxxxxx']) expect(passwordErrors(value)).toBeNull();
+	});
+
+	it('reports every requirement, true meaning met (the Angular shape)', () => {
+		expect(passwordErrors('abc')).toEqual({
+			oneUpperCaseLetter: false,
+			oneNumber: false,
+			oneLowerCaseLetter: true,
+			min8: false,
+		});
+		expect(passwordErrors('PASSWORD1')).toEqual({
+			oneUpperCaseLetter: true,
+			oneNumber: true,
+			oneLowerCaseLetter: false,
+			min8: true,
+		});
+	});
+
+	it('works as a rule listing the unmet requirements', () => {
+		const rule = passwordValidation();
+		expect(rule('Passw0rd')).toBe(true);
+		expect(rule('abc')).toBe('Password must contain: an upper case letter, a number, at least 8 characters');
+		expect(rule('PASSWORD1')).toBe('Password must contain: a lower case letter');
+	});
+});
diff --git a/frontend-vue/src/validators/password.validator.ts b/frontend-vue/src/validators/password.validator.ts
new file mode 100644
index 000000000..f17cde6d3
--- /dev/null
+++ b/frontend-vue/src/validators/password.validator.ts
@@ -0,0 +1,45 @@
+// Port of validators/password.validator.ts. Note the Angular quirk kept in passwordErrors: on failure
+// every key is present and `true` means that requirement IS met (user-password's checklist read it so).
+import { toRule, type ValidationErrors, type ValidationRule } from './types';
+
+export interface PasswordRequirements extends ValidationErrors {
+	oneUpperCaseLetter: boolean;
+	oneNumber: boolean;
+	oneLowerCaseLetter: boolean;
+	min8: boolean;
+}
+
+// Wording of the (commented-out) checklist in user-password.component.html, in its order.
+export const PASSWORD_REQUIREMENT_LABELS: Record<keyof PasswordRequirements & string, string> = {
+	oneLowerCaseLetter: 'a lower case letter',
+	oneUpperCaseLetter: 'an upper case letter',
+	oneNumber: 'a number',
+	min8: 'at least 8 characters',
+};
+
+/** `null` for an empty or strong password, otherwise which requirements are met. */
+export function passwordErrors(value: unknown): PasswordRequirements | null {
+	if (value == null || value === '') return null;
+	const text = String(value);
+	const requirements: PasswordRequirements = {
+		oneUpperCaseLetter: /[A-Z]/.test(text),
+		oneNumber: /[0-9]/.test(text),
+		oneLowerCaseLetter: /[a-z]/.test(text),
+		min8: text.length >= 8,
+	};
+	const valid =
+		requirements.oneUpperCaseLetter && requirements.oneNumber && requirements.oneLowerCaseLetter && requirements.min8;
+	return valid ? null : requirements;
+}
+
+/** "Password must contain: a number, at least 8 characters" — only the unmet requirements. */
+export function passwordErrorMessage(errors: ValidationErrors): string {
+	const missing = Object.entries(PASSWORD_REQUIREMENT_LABELS)
+		.filter(([key]) => errors[key] === false)
+		.map(([, label]) => label);
+	return `Password must contain: ${missing.join(', ')}`;
+}
+
+export function passwordValidation(): ValidationRule {
+	return toRule(passwordErrors, passwordErrorMessage);
+}
diff --git a/frontend-vue/src/validators/text.validator.spec.ts b/frontend-vue/src/validators/text.validator.spec.ts
new file mode 100644
index 000000000..0bda7cfe3
--- /dev/null
+++ b/frontend-vue/src/validators/text.validator.spec.ts
@@ -0,0 +1,48 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { textErrors, textValidation, textValidationMessage } from './text.validator';
+
+describe('text validator', () => {
+	afterEach(() => {
+		vi.restoreAllMocks();
+	});
+
+	it('passes empty values and a missing validate type', () => {
+		expect(textErrors('', 'isEmail', null)).toBeNull();
+		expect(textErrors(null, 'isEmail', null)).toBeNull();
+		expect(textErrors('anything', null, null)).toBeNull();
+	});
+
+	it('validates with the named validator.js method', () => {
+		expect(textErrors('john@example.com', 'isEmail', null)).toBeNull();
+		expect(textErrors('john', 'isEmail', null)).toEqual({ invalidisEmail: true });
+		expect(textErrors('123', 'isNumeric', null)).toBeNull();
+		expect(textErrors('12a', 'isNumeric', null)).toEqual({ invalidisNumeric: true });
+		expect(textErrors(42, 'isNumeric', null)).toBeNull();
+	});
+
+	it('validates with a custom regex', () => {
+		expect(textErrors('abc-123', 'regex', '^[a-z]+-\\d+$')).toBeNull();
+		expect(textErrors('abc', 'regex', '^[a-z]+-\\d+$')).toEqual({ invalidPattern: true });
+		expect(textErrors('abc', 'regex', '')).toBeNull();
+	});
+
+	it('passes (with a warning) on an invalid regex or unknown method', () => {
+		const warn = vi.spyOn(console, 'warn').mockImplementation(() => {});
+		expect(textErrors('abc', 'regex', '[')).toBeNull();
+		expect(textErrors('abc', 'isNotAThing', null)).toBeNull();
+		expect(warn).toHaveBeenCalledTimes(2);
+	});
+
+	it('maps validate types to the widget messages', () => {
+		expect(textValidationMessage(null)).toBe('');
+		expect(textValidationMessage('regex')).toBe("Value doesn't match the required pattern");
+		expect(textValidationMessage('isUUID')).toBe('Invalid UUID');
+		expect(textValidationMessage('isPort')).toBe('Invalid isPort');
+	});
+
+	it('works as a rule', () => {
+		expect(textValidation('isEmail', null)('john@example.com')).toBe(true);
+		expect(textValidation('isEmail', null)('john')).toBe('Invalid email address');
+		expect(textValidation('regex', '^\\d+$')('x')).toBe("Value doesn't match the required pattern");
+	});
+});
diff --git a/frontend-vue/src/validators/text.validator.ts b/frontend-vue/src/validators/text.validator.ts
new file mode 100644
index 000000000..a940f8919
--- /dev/null
+++ b/frontend-vue/src/validators/text.validator.ts
@@ -0,0 +1,80 @@
+// Port of validators/text.validator.ts: the text/long-text widgets validate with a `validator.js`
+// method chosen by name in the widget params (`isEmail`, `isUUID`, ...) or with a custom regex.
+import validator from 'validator';
+import { toRule, type ValidationErrors, type ValidationRule } from './types';
+
+// From getValidationErrorMessage() in the text and long-text record-edit widgets.
+const TEXT_ERROR_MESSAGES: Record<string, string> = {
+	isEmail: 'Invalid email address',
+	isURL: 'Invalid URL',
+	isIP: 'Invalid IP address',
+	isUUID: 'Invalid UUID',
+	isJSON: 'Invalid JSON',
+	isCreditCard: 'Invalid credit card number',
+	isISBN: 'Invalid ISBN',
+	isAlpha: 'Should contain only letters',
+	isNumeric: 'Should contain only numbers',
+	isAlphanumeric: 'Should contain only letters and numbers',
+	isHexColor: 'Invalid hex color',
+	isBase64: 'Invalid Base64 string',
+	isMobilePhone: 'Invalid mobile phone number',
+	isMACAddress: 'Invalid MAC address',
+	isPostalCode: 'Invalid postal code',
+	isCurrency: 'Invalid currency format',
+};
+
+/** The message the widgets showed for a failed `validateType`. */
+export function textValidationMessage(validateType: string | null | undefined): string {
+	if (!validateType) return '';
+	if (validateType === 'regex') return "Value doesn't match the required pattern";
+	return TEXT_ERROR_MESSAGES[validateType] || `Invalid ${validateType}`;
+}
+
+/**
+ * `{ invalidPattern: true }` or `{ invalid<validateType>: true }`, otherwise `null`. Unknown
+ * validator names, invalid regexes and validators that throw all pass (with a console warning).
+ */
+export function textErrors(
+	value: unknown,
+	validateType: string | null | undefined,
+	regexPattern: string | null | undefined,
+): ValidationErrors | null {
+	if (!value || value === '') return null;
+	if (!validateType) return null;
+
+	const stringValue = String(value);
+
+	// Special case for regex validation
+	if (validateType === 'regex') {
+		if (!regexPattern) return null;
+		try {
+			if (!new RegExp(regexPattern).test(stringValue)) return { invalidPattern: true };
+		} catch (error) {
+			console.warn('Invalid regex pattern:', error);
+		}
+		return null;
+	}
+
+	const validatorMethod = (validator as unknown as Record<string, unknown>)[validateType];
+	if (typeof validatorMethod !== 'function') {
+		console.warn(`Unknown validator method: ${validateType}`);
+		return null;
+	}
+
+	try {
+		if (!validatorMethod(stringValue)) return { [`invalid${validateType}`]: true };
+	} catch (error) {
+		console.warn(`Validation error for ${validateType}:`, error);
+	}
+	return null;
+}
+
+export function textValidation(
+	validateType: string | null | undefined,
+	regexPattern: string | null | undefined,
+): ValidationRule {
+	return toRule(
+		(value) => textErrors(value, validateType, regexPattern),
+		() => textValidationMessage(validateType),
+	);
+}
diff --git a/frontend-vue/src/validators/types.ts b/frontend-vue/src/validators/types.ts
new file mode 100644
index 000000000..bec24bf97
--- /dev/null
+++ b/frontend-vue/src/validators/types.ts
@@ -0,0 +1,18 @@
+// Shared shapes for the validators ported from frontend/src/app/validators.
+
+/** Same shape as Angular's ValidationErrors: error key -> details. */
+export type ValidationErrors = Record<string, unknown>;
+
+/** A form rule: `true` when valid, otherwise the message to show under the field. */
+export type ValidationRule = (value: unknown) => true | string;
+
+/** Wraps an errors function into a rule, mapping a failure to its message. */
+export function toRule(
+	errorsOf: (value: unknown) => ValidationErrors | null,
+	messageOf: (errors: ValidationErrors) => string,
+): ValidationRule {
+	return (value) => {
+		const errors = errorsOf(value);
+		return errors ? messageOf(errors) : true;
+	};
+}
diff --git a/frontend-vue/src/validators/url.validator.spec.ts b/frontend-vue/src/validators/url.validator.spec.ts
new file mode 100644
index 000000000..1a718a6bc
--- /dev/null
+++ b/frontend-vue/src/validators/url.validator.spec.ts
@@ -0,0 +1,23 @@
+import { describe, expect, it } from 'vitest';
+import { urlErrors, urlValidation } from './url.validator';
+
+describe('url validator', () => {
+	it('passes empty values and parseable URLs', () => {
+		for (const value of ['', null, 'https://example.com/a?b=c', 'mailto:me@example.com'])
+			expect(urlErrors(value)).toBeNull();
+	});
+
+	it('rejects values that do not parse', () => {
+		expect(urlErrors('example.com')).toEqual({ isInvalidURL: true });
+		expect(urlErrors('http://')).toEqual({ isInvalidURL: true });
+	});
+
+	it('validates prefix + value', () => {
+		expect(urlErrors('images/a.png', 'https://cdn.example.com/')).toBeNull();
+		expect(urlValidation('https://cdn.example.com/')('a.png')).toBe(true);
+	});
+
+	it('works as a rule', () => {
+		expect(urlValidation()('nope')).toBe('URL is invalid.');
+	});
+});
diff --git a/frontend-vue/src/validators/url.validator.ts b/frontend-vue/src/validators/url.validator.ts
new file mode 100644
index 000000000..6acb53437
--- /dev/null
+++ b/frontend-vue/src/validators/url.validator.ts
@@ -0,0 +1,25 @@
+// Port of validators/url.validator.ts (used by the url and image widgets).
+import { toRule, type ValidationErrors, type ValidationRule } from './types';
+
+export const URL_ERROR_MESSAGE = 'URL is invalid.';
+
+/** `{ isInvalidURL: true }` when `prefix + value` doesn't parse as a URL, otherwise `null`. */
+export function urlErrors(value: unknown, prefix = ''): ValidationErrors | null {
+	if (!value) return null;
+	const url = String(value);
+	// If there's a prefix, prepend it to the URL for validation
+	const fullUrl = prefix ? prefix + url : url;
+	try {
+		new URL(fullUrl);
+	} catch {
+		return { isInvalidURL: true };
+	}
+	return null;
+}
+
+export function urlValidation(prefix = ''): ValidationRule {
+	return toRule(
+		(value) => urlErrors(value, prefix),
+		() => URL_ERROR_MESSAGE,
+	);
+}
diff --git a/frontend-vue/src/views/HomeView.vue b/frontend-vue/src/views/HomeView.vue
deleted file mode 100644
index cb5e7e2d0..000000000
--- a/frontend-vue/src/views/HomeView.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<script setup lang="ts">
-import { environment } from '@/environment';
-</script>
-
-<template>
-	<v-container>
-		<h1 class="text-h5">Rocketadmin</h1>
-		<p>Vue frontend scaffold, version {{ environment.version }}{{ environment.saas ? ' (SaaS)' : '' }}.</p>
-	</v-container>
-</template>
diff --git a/frontend-vue/src/views/NotFoundView.vue b/frontend-vue/src/views/NotFoundView.vue
new file mode 100644
index 000000000..efd5d485f
--- /dev/null
+++ b/frontend-vue/src/views/NotFoundView.vue
@@ -0,0 +1,66 @@
+<script setup lang="ts">
+// Port of PageNotFoundComponent, the `**` route. Angular's dark background image is left out: it is
+// drawn for the Material theme and makes the heading unreadable on the SiteNova paper background.
+import { UiButton } from '@/components/ui';
+</script>
+
+<template>
+	<div class="not-found">
+		<div class="not-found__message">
+			<svg class="not-found__digits" width="294" height="116" viewBox="0 0 294 116" fill="none" aria-hidden="true">
+				<path fill-rule="evenodd" clip-rule="evenodd" fill="currentColor" d="M191.278 92.84C191.446 92.4353 191.146 91.9944 190.708 91.9944H184.42C184.076 91.9944 183.798 91.7157 183.798 91.372V69.9155C183.798 69.7901 183.836 69.6676 183.907 69.564L196.53 51.1183C196.606 51.0061 196.644 50.8706 196.637 50.7348C195.889 36.1495 192.759 24.7162 187.383 16.3051C181.304 6.79488 171.711 1.95309 158.215 1.95309C156.256 1.95309 154.386 2.04508 152.603 2.22747C151.964 2.29277 151.858 3.17799 152.442 3.44379C157.995 5.97013 162.491 9.92204 165.928 15.2995C172.411 25.4419 175.652 39.6098 175.652 57.8034C175.652 69.7233 174.345 79.9702 171.731 88.5442C169.221 97.1181 164.987 103.705 159.027 108.306C157.234 109.715 155.245 110.908 153.06 111.885C152.471 112.149 152.575 113.038 153.216 113.102C154.819 113.26 156.485 113.34 158.215 113.34C167.979 113.34 175.473 111.103 180.901 106.838L180.914 106.828C185.362 103.394 188.828 98.755 191.278 92.84ZM158.215 0.0859375C153.985 0.0859375 150.115 0.503083 146.606 1.33738C146.508 1.3606 146.407 1.36022 146.309 1.33629C142.911 0.50272 139.204 0.0859375 135.187 0.0859375C125.254 0.0859375 117.307 2.38627 111.347 6.98694C105.387 11.5876 101.1 18.1749 98.4863 26.7489C98.3394 27.2507 97.5275 27.1464 97.5275 26.6235V3.52121V2.27644C97.5275 1.9327 97.2488 1.65405 96.9051 1.65405H95.6603H74.4994H69.6098H46.91C46.7045 1.65405 46.5124 1.75541 46.3963 1.92494L0.108755 69.564C0.0379085 69.6676 0 69.7901 0 69.9155V91.372C0 91.7157 0.278653 91.9944 0.622386 91.9944H23.0281H24.8953H44.0772C44.421 91.9944 44.6996 92.273 44.6996 92.6167V113.016C44.6996 113.36 44.9783 113.638 45.322 113.638H67.7277H69.5949H74.4994H95.6603H96.9051C97.2488 113.638 97.5275 113.36 97.5275 113.016V111.771V93.8615V92.6167C97.5275 92.273 97.8061 91.9944 98.1499 91.9944H99.3946H99.9132C100.166 91.9944 100.393 92.1474 100.491 92.3805C101.638 95.1252 102.957 97.6629 104.446 99.9935C110.929 110.136 121.176 115.207 135.187 115.207C139.446 115.207 143.329 114.793 146.835 113.965C146.932 113.942 147.033 113.942 147.13 113.966C150.518 114.793 154.213 115.207 158.215 115.207C168.253 115.207 176.2 112.907 182.055 108.306C187.088 104.421 190.891 99.1186 193.463 92.3995C193.556 92.1567 193.789 91.9944 194.049 91.9944H206.826H208.693H227.875C228.219 91.9944 228.497 92.273 228.497 92.6167V113.016C228.497 113.36 228.776 113.638 229.12 113.638H251.526H253.393H258.297H279.458H280.703C281.047 113.638 281.325 113.36 281.325 113.016V111.771V93.8615V92.6167C281.325 92.273 281.604 91.9944 281.948 91.9944H283.192H291.849H293.093C293.437 91.9944 293.716 91.7157 293.716 91.372V90.1272V71.2764V70.0317C293.716 69.6879 293.437 69.4093 293.093 69.4093H291.849H283.192H281.948C281.604 69.4093 281.325 69.1306 281.325 68.7869V67.5421V3.52121V2.27644C281.325 1.9327 281.047 1.65405 280.703 1.65405H279.458H258.297H253.408H230.708C230.502 1.65405 230.31 1.75542 230.194 1.92495L199.38 46.9528C199.047 47.4398 198.282 47.2315 198.232 46.6435C197.139 33.7127 194.047 23.2647 188.956 15.2995C182.473 5.15712 172.226 0.0859375 158.215 0.0859375ZM74.4994 111.149C74.4994 111.493 74.778 111.771 75.1218 111.771H95.0379C95.3817 111.771 95.6603 111.493 95.6603 111.149V91.9944C95.6603 90.9632 96.4963 90.1272 97.5275 90.1272H98.7108C99.1441 90.1272 99.445 89.6954 99.3008 89.2868C96.2483 80.6386 94.7221 70.1441 94.7221 57.8034C94.7221 51.748 95.0349 46.1357 95.6603 40.9664V4.14359C95.6603 3.79986 95.3817 3.52121 95.0379 3.52121H75.1218C74.778 3.52121 74.4994 3.79986 74.4994 4.14359V68.7869C74.4994 69.1306 74.778 69.4093 75.1218 69.4093H86.2674C86.6112 69.4093 86.8898 69.6879 86.8898 70.0317V91.372C86.8898 91.7157 86.6112 91.9944 86.2674 91.9944H75.1218C74.778 91.9944 74.4994 92.273 74.4994 92.6167V111.149ZM41.4192 46.1546L44.0676 42.2845C44.4216 41.7672 45.2289 42.0383 45.1977 42.6643C45.189 42.8401 45.1798 43.0243 45.1702 43.2169C45.0656 45.3081 44.961 47.6607 44.8565 50.2747C44.7519 52.7842 44.6996 54.8231 44.6996 56.3915V68.7869C44.6996 69.1306 44.421 69.4093 44.0772 69.4093H27.3581C26.8604 69.4093 26.5641 68.8542 26.8409 68.4407L38.5828 50.9021C39.7659 49.082 40.7113 47.4995 41.4192 46.1546ZM258.297 111.149C258.297 111.493 258.576 111.771 258.92 111.771H278.836C279.179 111.771 279.458 111.493 279.458 111.149V91.9944C279.458 90.9632 280.294 90.1272 281.325 90.1272H291.226C291.57 90.1272 291.849 89.8486 291.849 89.5048V71.8988C291.849 71.5551 291.57 71.2764 291.226 71.2764H281.325C280.294 71.2764 279.458 70.4405 279.458 69.4093V4.14359C279.458 3.79986 279.179 3.52121 278.836 3.52121H258.92C258.576 3.52121 258.297 3.79986 258.297 4.14359V68.7869C258.297 69.1306 258.576 69.4093 258.92 69.4093H270.065C270.409 69.4093 270.688 69.6879 270.688 70.0317V91.372C270.688 91.7157 270.409 91.9944 270.065 91.9944H258.92C258.576 91.9944 258.297 92.273 258.297 92.6167V111.149ZM225.217 46.1545L227.865 42.2845C228.219 41.7672 229.027 42.0382 228.996 42.6642C228.987 42.84 228.978 43.0242 228.968 43.2169C228.863 45.3081 228.759 47.6607 228.654 50.2747C228.55 52.7842 228.497 54.8231 228.497 56.3915V68.7869C228.497 69.1306 228.219 69.4093 227.875 69.4093H211.156C210.658 69.4093 210.362 68.8542 210.639 68.4407L222.381 50.9021C223.564 49.0819 224.509 47.4994 225.217 46.1545ZM124.836 57.8034C124.836 68.7822 125.515 77.0948 126.874 82.7411C128.234 88.2828 131.005 91.0536 135.187 91.0536C139.369 91.0536 142.14 88.2828 143.5 82.7411C144.859 77.1993 145.539 68.8868 145.539 57.8034C145.539 46.7199 144.859 38.3551 143.5 32.7088C142.14 27.0626 139.369 24.2394 135.187 24.2394C131.005 24.2394 128.234 27.0626 126.874 32.7088C125.515 38.3551 124.836 46.7199 124.836 57.8034Z" />
+			</svg>
+			<h1 class="not-found__title">We can't find the page you are looking for</h1>
+			<p class="not-found__text">Please reload the page or comeback later</p>
+			<UiButton to="/connections-list" size="lg" class="not-found__button">Back to Home</UiButton>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.not-found {
+	display: flex;
+	align-items: center;
+	min-height: calc(100vh - var(--header-height) - var(--footer-height));
+	padding: 0 var(--space-16);
+}
+
+.not-found__message {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: var(--space-4);
+	max-width: 36rem;
+}
+
+.not-found__digits {
+	color: var(--color-accent);
+	max-width: 100%;
+	height: auto;
+}
+
+.not-found__title {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-2xl);
+	font-weight: var(--weight-semibold);
+	line-height: var(--leading-tight);
+	color: var(--color-ink);
+}
+
+.not-found__text {
+	margin: 0;
+	font-size: var(--text-md);
+	color: var(--color-muted);
+}
+
+@media screen and (max-width: 600px) {
+	.not-found {
+		padding: 0 var(--space-5);
+	}
+
+	.not-found__digits {
+		width: 55%;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/PendingView.vue b/frontend-vue/src/views/PendingView.vue
new file mode 100644
index 000000000..3d8f89fae
--- /dev/null
+++ b/frontend-vue/src/views/PendingView.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+// Placeholder for routes whose page is ported in Phase 3. Keeps the route table, guards and titles
+// complete (and testable) before the pages exist.
+import { useRoute } from 'vue-router';
+import { UiCard, UiPageShell } from '@/components/ui';
+
+const route = useRoute();
+</script>
+
+<template>
+	<UiPageShell as="main">
+		<UiCard as="section">
+			<h1 class="pending__title">Not ported yet</h1>
+			<p class="pending__text">
+				The <code>{{ String(route.name) }}</code> page is part of the Vue migration (Phase 3) and is
+				still served by the Angular app.
+			</p>
+		</UiCard>
+	</UiPageShell>
+</template>
+
+<style scoped>
+.pending__title {
+	margin: 0 0 var(--space-2);
+	font-size: var(--text-md);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.pending__text {
+	margin: 0;
+	color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/tsconfig.app.json b/frontend-vue/tsconfig.app.json
index 1af2e4361..e365802f6 100644
--- a/frontend-vue/tsconfig.app.json
+++ b/frontend-vue/tsconfig.app.json
@@ -7,7 +7,8 @@
 			"@/*": ["./src/*"]
 		},
 		"noUnusedLocals": true,
-		"noUnusedParameters": true
+		"noUnusedParameters": true,
+		"lib": ["ES2023", "DOM", "DOM.Iterable"]
 	},
 	"include": ["src/**/*.ts", "src/**/*.vue"]
 }
diff --git a/frontend-vue/vite.config.ts b/frontend-vue/vite.config.ts
index a678bc57b..8fb07072e 100644
--- a/frontend-vue/vite.config.ts
+++ b/frontend-vue/vite.config.ts
@@ -4,7 +4,6 @@ import { fileURLToPath, URL } from 'node:url';
 import vue from '@vitejs/plugin-vue';
 import { defineConfig, type Plugin } from 'vite';
 import { viteStaticCopy } from 'vite-plugin-static-copy';
-import vuetify from 'vite-plugin-vuetify';
 
 const isSaasMode = (mode: string) => mode === 'saas' || mode === 'saas-production';
 
@@ -24,7 +23,6 @@ function saasIndexHtml(mode: string): Plugin {
 export default defineConfig(({ mode }) => ({
 	plugins: [
 		vue(),
-		vuetify({ autoImport: true }),
 		saasIndexHtml(mode),
 		viteStaticCopy({
 			targets: [
@@ -57,11 +55,11 @@ export default defineConfig(({ mode }) => ({
 	},
 	test: {
 		environment: 'jsdom',
+		// Process real CSS: the Foundations docs parse theme.css through a `?raw` import
+		// (src/components/ui/docs/readTokens.ts), which is an empty string under `css: false`.
+		css: true,
 		setupFiles: ['src/test-setup.ts'],
-		server: {
-			deps: {
-				inline: ['vuetify'],
-			},
-		},
+		// Pinned so the source-hygiene specs can resolve `src/` from process.cwd().
+		root: fileURLToPath(new URL('./', import.meta.url)),
 	},
 }));

From 60af42621dbabbf1226264112b766c6f2e4fd352 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Wed, 21 Oct 2026 15:05:03 +0000
Subject: [PATCH 03/22] Vue frontend phase 2: field widget system

Port the four Angular field widget families to Vue SFCs under
src/components/fields/, each widget with a spec and Storybook stories:
record-edit (30), record-view (30), table-display (30) and filter (21 plus
DefaultFilter), and each family's binary-data caption.

- Shared contract (types.ts) and composables (useFieldWidget.ts) replace
  the base-* classes; `key` becomes `fieldKey` and the outputs become
  fieldChange / comparatorChange / copyToClipboard events
- consts/*-types.ts rebuilt as defineAsyncComponent maps with the DB-type
  tables unchanged; widget-types.spec.ts checks them against the Angular
  source key by key
- New primitives: UiTextarea, UiSelect, UiCheckbox, UiSegmented,
  UiAutocomplete; UiInput gains date/time/number/color/tel types. Specs,
  stories and a11y gate entries for each
- AppCodeEditor (Monaco, textarea fallback in tests) and AppMarkdown
  (marked + DOMPurify)
- v-custom-validity directive so widget validators invalidate the form
- Dependencies: libphonenumber-js, color-string, postgres-interval, uuid,
  marked, dompurify

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 VUE_MIGRATION_PLAN.md                         |   4 +-
 frontend-vue/.storybook/preview.ts            |   4 +
 frontend-vue/eslint.config.js                 |   6 +
 frontend-vue/package.json                     |   6 +
 frontend-vue/pnpm-lock.yaml                   |  56 +++
 .../src/__tests__/design-tokens.spec.ts       |   5 +-
 .../filter/BinaryDataCaptionFilter.spec.ts    |  11 +
 .../filter/BinaryDataCaptionFilter.stories.ts |  26 ++
 .../fields/filter/BinaryDataCaptionFilter.vue |  35 ++
 .../fields/filter/BinaryFilter.spec.ts        |  88 ++++
 .../fields/filter/BinaryFilter.stories.ts     |  29 ++
 .../components/fields/filter/BinaryFilter.vue | 105 +++++
 .../fields/filter/BooleanFilter.spec.ts       |  95 ++++
 .../fields/filter/BooleanFilter.stories.ts    |  30 ++
 .../fields/filter/BooleanFilter.vue           | 109 +++++
 .../fields/filter/CountryFilter.spec.ts       |  43 ++
 .../fields/filter/CountryFilter.stories.ts    |  27 ++
 .../fields/filter/CountryFilter.vue           |  99 ++++
 .../fields/filter/DateFilter.spec.ts          |  23 +
 .../fields/filter/DateFilter.stories.ts       |  27 ++
 .../components/fields/filter/DateFilter.vue   |  43 ++
 .../fields/filter/DateTimeFilter.spec.ts      | 109 +++++
 .../fields/filter/DateTimeFilter.stories.ts   |  31 ++
 .../fields/filter/DateTimeFilter.vue          | 307 +++++++++++++
 .../fields/filter/DefaultFilter.spec.ts       | 132 ++++++
 .../fields/filter/DefaultFilter.stories.ts    |  59 +++
 .../fields/filter/DefaultFilter.vue           | 176 +++++++
 .../fields/filter/EmailFilter.spec.ts         |  63 +++
 .../fields/filter/EmailFilter.stories.ts      |  28 ++
 .../components/fields/filter/EmailFilter.vue  | 120 +++++
 .../fields/filter/FILTER_WIDGETS.md           | 268 +++++++++++
 .../fields/filter/FileFilter.spec.ts          |  11 +
 .../fields/filter/FileFilter.stories.ts       |  26 ++
 .../components/fields/filter/FileFilter.vue   |  21 +
 .../fields/filter/FilterComparatorRow.vue     |  66 +++
 .../fields/filter/ForeignKeyFilter.spec.ts    | 179 ++++++++
 .../fields/filter/ForeignKeyFilter.stories.ts |  59 +++
 .../fields/filter/ForeignKeyFilter.vue        | 257 +++++++++++
 .../components/fields/filter/IdFilter.spec.ts |  30 ++
 .../fields/filter/IdFilter.stories.ts         |  28 ++
 .../src/components/fields/filter/IdFilter.vue |  59 +++
 .../fields/filter/JsonEditorFilter.spec.ts    |  38 ++
 .../fields/filter/JsonEditorFilter.stories.ts |  27 ++
 .../fields/filter/JsonEditorFilter.vue        |  50 ++
 .../fields/filter/LongTextFilter.spec.ts      |  32 ++
 .../fields/filter/LongTextFilter.stories.ts   |  27 ++
 .../fields/filter/LongTextFilter.vue          |  57 +++
 .../fields/filter/NumberFilter.spec.ts        |  29 ++
 .../fields/filter/NumberFilter.stories.ts     |  27 ++
 .../components/fields/filter/NumberFilter.vue |  49 ++
 .../fields/filter/PasswordFilter.spec.ts      |  39 ++
 .../fields/filter/PasswordFilter.stories.ts   |  27 ++
 .../fields/filter/PasswordFilter.vue          |  69 +++
 .../fields/filter/PhoneFilter.spec.ts         |  54 +++
 .../fields/filter/PhoneFilter.stories.ts      |  28 ++
 .../components/fields/filter/PhoneFilter.vue  | 157 +++++++
 .../fields/filter/PointFilter.spec.ts         |  36 ++
 .../fields/filter/PointFilter.stories.ts      |  27 ++
 .../components/fields/filter/PointFilter.vue  |  82 ++++
 .../fields/filter/SelectFilter.spec.ts        |  87 ++++
 .../fields/filter/SelectFilter.stories.ts     |  34 ++
 .../components/fields/filter/SelectFilter.vue |  78 ++++
 .../fields/filter/StaticTextFilter.spec.ts    |  11 +
 .../fields/filter/StaticTextFilter.stories.ts |  27 ++
 .../fields/filter/StaticTextFilter.vue        |  30 ++
 .../fields/filter/TextFilter.spec.ts          |  53 +++
 .../fields/filter/TextFilter.stories.ts       |  27 ++
 .../components/fields/filter/TextFilter.vue   |  49 ++
 .../fields/filter/TimeFilter.spec.ts          |  18 +
 .../fields/filter/TimeFilter.stories.ts       |  27 ++
 .../components/fields/filter/TimeFilter.vue   |  47 ++
 .../fields/filter/TimeIntervalFilter.spec.ts  |  43 ++
 .../filter/TimeIntervalFilter.stories.ts      |  28 ++
 .../fields/filter/TimeIntervalFilter.vue      | 114 +++++
 .../fields/filter/TimezoneFilter.spec.ts      |  45 ++
 .../fields/filter/TimezoneFilter.stories.ts   |  27 ++
 .../fields/filter/TimezoneFilter.vue          |  52 +++
 .../fields/filter/comparatorType.spec.ts      |  56 +++
 .../fields/filter/comparatorType.ts           |  87 ++++
 .../fields/filter/filterTestUtils.ts          |  24 +
 .../src/components/fields/filter/timezones.ts |  30 ++
 .../components/fields/filter/useAutofocus.ts  |  44 ++
 .../record-edit/BinaryDataCaptionEdit.spec.ts |  11 +
 .../BinaryDataCaptionEdit.stories.ts          |  26 ++
 .../record-edit/BinaryDataCaptionEdit.vue     |  35 ++
 .../fields/record-edit/BinaryEdit.spec.ts     |  97 ++++
 .../fields/record-edit/BinaryEdit.stories.ts  |  29 ++
 .../fields/record-edit/BinaryEdit.vue         |  70 +++
 .../fields/record-edit/BooleanEdit.spec.ts    |  77 ++++
 .../fields/record-edit/BooleanEdit.stories.ts |  27 ++
 .../fields/record-edit/BooleanEdit.vue        |  96 ++++
 .../fields/record-edit/CodeEdit.spec.ts       |  49 ++
 .../fields/record-edit/CodeEdit.stories.ts    |  27 ++
 .../fields/record-edit/CodeEdit.vue           |  58 +++
 .../fields/record-edit/ColorEdit.spec.ts      |  57 +++
 .../fields/record-edit/ColorEdit.stories.ts   |  27 ++
 .../fields/record-edit/ColorEdit.vue          | 134 ++++++
 .../fields/record-edit/CountryEdit.spec.ts    |  72 +++
 .../fields/record-edit/CountryEdit.stories.ts |  27 ++
 .../fields/record-edit/CountryEdit.vue        | 105 +++++
 .../fields/record-edit/DateEdit.spec.ts       |  24 +
 .../fields/record-edit/DateEdit.stories.ts    |  27 ++
 .../fields/record-edit/DateEdit.vue           |  35 ++
 .../fields/record-edit/DateTimeEdit.spec.ts   |  47 ++
 .../record-edit/DateTimeEdit.stories.ts       |  27 ++
 .../fields/record-edit/DateTimeEdit.vue       |  77 ++++
 .../fields/record-edit/FileEdit.spec.ts       |  76 +++
 .../fields/record-edit/FileEdit.stories.ts    |  27 ++
 .../fields/record-edit/FileEdit.vue           | 247 ++++++++++
 .../fields/record-edit/ForeignKeyEdit.spec.ts | 251 ++++++++++
 .../record-edit/ForeignKeyEdit.stories.ts     |  64 +++
 .../fields/record-edit/ForeignKeyEdit.vue     | 309 +++++++++++++
 .../fields/record-edit/IdEdit.spec.ts         |  31 ++
 .../fields/record-edit/IdEdit.stories.ts      |  27 ++
 .../components/fields/record-edit/IdEdit.vue  |  43 ++
 .../fields/record-edit/ImageEdit.spec.ts      |  63 +++
 .../fields/record-edit/ImageEdit.stories.ts   |  27 ++
 .../fields/record-edit/ImageEdit.vue          |  84 ++++
 .../fields/record-edit/JsonEditorEdit.spec.ts |  36 ++
 .../record-edit/JsonEditorEdit.stories.ts     |  27 ++
 .../fields/record-edit/JsonEditorEdit.vue     |  58 +++
 .../fields/record-edit/LanguageEdit.spec.ts   |  58 +++
 .../record-edit/LanguageEdit.stories.ts       |  27 ++
 .../fields/record-edit/LanguageEdit.vue       | 127 ++++++
 .../fields/record-edit/LongTextEdit.spec.ts   |  67 +++
 .../record-edit/LongTextEdit.stories.ts       |  28 ++
 .../fields/record-edit/LongTextEdit.vue       |  73 +++
 .../fields/record-edit/MarkdownEdit.spec.ts   |  28 ++
 .../record-edit/MarkdownEdit.stories.ts       |  27 ++
 .../fields/record-edit/MarkdownEdit.vue       |  58 +++
 .../fields/record-edit/MoneyEdit.spec.ts      | 159 +++++++
 .../fields/record-edit/MoneyEdit.stories.ts   |  33 ++
 .../fields/record-edit/MoneyEdit.vue          | 238 ++++++++++
 .../fields/record-edit/NumberEdit.spec.ts     |  39 ++
 .../fields/record-edit/NumberEdit.stories.ts  |  27 ++
 .../fields/record-edit/NumberEdit.vue         |  34 ++
 .../fields/record-edit/PasswordEdit.spec.ts   |  62 +++
 .../record-edit/PasswordEdit.stories.ts       |  27 ++
 .../fields/record-edit/PasswordEdit.vue       |  69 +++
 .../fields/record-edit/PhoneEdit.countries.ts | 136 ++++++
 .../fields/record-edit/PhoneEdit.spec.ts      | 168 +++++++
 .../fields/record-edit/PhoneEdit.stories.ts   |  28 ++
 .../fields/record-edit/PhoneEdit.vue          | 281 ++++++++++++
 .../fields/record-edit/PointEdit.spec.ts      |  39 ++
 .../fields/record-edit/PointEdit.stories.ts   |  29 ++
 .../fields/record-edit/PointEdit.vue          |  65 +++
 .../fields/record-edit/RangeEdit.spec.ts      |  48 ++
 .../fields/record-edit/RangeEdit.stories.ts   |  27 ++
 .../fields/record-edit/RangeEdit.vue          |  96 ++++
 .../fields/record-edit/S3Edit.spec.ts         | 211 +++++++++
 .../fields/record-edit/S3Edit.stories.ts      |  28 ++
 .../components/fields/record-edit/S3Edit.vue  | 180 ++++++++
 .../fields/record-edit/SelectEdit.spec.ts     |  74 +++
 .../fields/record-edit/SelectEdit.stories.ts  |  31 ++
 .../fields/record-edit/SelectEdit.vue         |  52 +++
 .../fields/record-edit/StaticTextEdit.spec.ts |  26 ++
 .../record-edit/StaticTextEdit.stories.ts     |  27 ++
 .../fields/record-edit/StaticTextEdit.vue     |  34 ++
 .../fields/record-edit/TextEdit.spec.ts       |  80 ++++
 .../fields/record-edit/TextEdit.stories.ts    |  30 ++
 .../fields/record-edit/TextEdit.vue           |  83 ++++
 .../fields/record-edit/TimeEdit.spec.ts       |  26 ++
 .../fields/record-edit/TimeEdit.stories.ts    |  27 ++
 .../fields/record-edit/TimeEdit.vue           |  33 ++
 .../record-edit/TimeIntervalEdit.spec.ts      |  57 +++
 .../record-edit/TimeIntervalEdit.stories.ts   |  27 ++
 .../fields/record-edit/TimeIntervalEdit.vue   |  88 ++++
 .../fields/record-edit/TimezoneEdit.spec.ts   |  46 ++
 .../record-edit/TimezoneEdit.stories.ts       |  27 ++
 .../fields/record-edit/TimezoneEdit.vue       |  71 +++
 .../fields/record-edit/UrlEdit.spec.ts        |  70 +++
 .../fields/record-edit/UrlEdit.stories.ts     |  30 ++
 .../components/fields/record-edit/UrlEdit.vue |  67 +++
 .../fields/record-edit/UuidEdit.spec.ts       | 100 ++++
 .../fields/record-edit/UuidEdit.stories.ts    |  30 ++
 .../fields/record-edit/UuidEdit.vue           | 143 ++++++
 .../BinaryDataCaptionRecordView.spec.ts       |  13 +
 .../BinaryDataCaptionRecordView.stories.ts    |  26 ++
 .../BinaryDataCaptionRecordView.vue           |  23 +
 .../record-view/BinaryRecordView.spec.ts      |  70 +++
 .../record-view/BinaryRecordView.stories.ts   |  28 ++
 .../fields/record-view/BinaryRecordView.vue   |  60 +++
 .../record-view/BooleanRecordView.spec.ts     |  40 ++
 .../record-view/BooleanRecordView.stories.ts  |  29 ++
 .../fields/record-view/BooleanRecordView.vue  |  44 ++
 .../fields/record-view/CodeRecordView.spec.ts |  37 ++
 .../record-view/CodeRecordView.stories.ts     |  33 ++
 .../fields/record-view/CodeRecordView.vue     |  40 ++
 .../record-view/ColorRecordView.spec.ts       |  30 ++
 .../record-view/ColorRecordView.stories.ts    |  29 ++
 .../fields/record-view/ColorRecordView.vue    |  64 +++
 .../record-view/CountryRecordView.spec.ts     |  28 ++
 .../record-view/CountryRecordView.stories.ts  |  28 ++
 .../fields/record-view/CountryRecordView.vue  |  39 ++
 .../fields/record-view/DateRecordView.spec.ts |  19 +
 .../record-view/DateRecordView.stories.ts     |  26 ++
 .../fields/record-view/DateRecordView.vue     |  21 +
 .../record-view/DateTimeRecordView.spec.ts    |  19 +
 .../record-view/DateTimeRecordView.stories.ts |  26 ++
 .../fields/record-view/DateTimeRecordView.vue |  21 +
 .../fields/record-view/FileRecordView.spec.ts |  23 +
 .../record-view/FileRecordView.stories.ts     |  28 ++
 .../fields/record-view/FileRecordView.vue     |  26 ++
 .../record-view/ForeignKeyRecordView.spec.ts  |  42 ++
 .../ForeignKeyRecordView.stories.ts           |  29 ++
 .../record-view/ForeignKeyRecordView.vue      |  69 +++
 .../fields/record-view/IdRecordView.spec.ts   |  13 +
 .../record-view/IdRecordView.stories.ts       |  26 ++
 .../fields/record-view/IdRecordView.vue       |  19 +
 .../record-view/ImageRecordView.spec.ts       |  30 ++
 .../record-view/ImageRecordView.stories.ts    |  26 ++
 .../fields/record-view/ImageRecordView.vue    |  45 ++
 .../record-view/JsonEditorRecordView.spec.ts  |  30 ++
 .../JsonEditorRecordView.stories.ts           |  28 ++
 .../record-view/JsonEditorRecordView.vue      |  45 ++
 .../record-view/LanguageRecordView.spec.ts    |  31 ++
 .../record-view/LanguageRecordView.stories.ts |  26 ++
 .../fields/record-view/LanguageRecordView.vue |  46 ++
 .../record-view/LongTextRecordView.spec.ts    |  13 +
 .../record-view/LongTextRecordView.stories.ts |  26 ++
 .../fields/record-view/LongTextRecordView.vue |  12 +
 .../record-view/MarkdownRecordView.spec.ts    |  20 +
 .../record-view/MarkdownRecordView.stories.ts |  26 ++
 .../fields/record-view/MarkdownRecordView.vue |  52 +++
 .../record-view/MoneyRecordView.spec.ts       |  45 ++
 .../record-view/MoneyRecordView.stories.ts    |  30 ++
 .../fields/record-view/MoneyRecordView.vue    |  55 +++
 .../record-view/NumberRecordView.spec.ts      |  43 ++
 .../record-view/NumberRecordView.stories.ts   |  31 ++
 .../fields/record-view/NumberRecordView.vue   |  72 +++
 .../record-view/PasswordRecordView.spec.ts    |  11 +
 .../record-view/PasswordRecordView.stories.ts |  26 ++
 .../fields/record-view/PasswordRecordView.vue |  12 +
 .../record-view/PhoneRecordView.spec.ts       |  27 ++
 .../record-view/PhoneRecordView.stories.ts    |  28 ++
 .../fields/record-view/PhoneRecordView.vue    |  67 +++
 .../record-view/PointRecordView.spec.ts       |  32 ++
 .../record-view/PointRecordView.stories.ts    |  26 ++
 .../fields/record-view/PointRecordView.vue    |  34 ++
 .../record-view/RangeRecordView.spec.ts       |  41 ++
 .../record-view/RangeRecordView.stories.ts    |  28 ++
 .../fields/record-view/RangeRecordView.vue    |  54 +++
 .../record-view/RecordViewValue.spec.ts       |  23 +
 .../fields/record-view/RecordViewValue.vue    |  30 ++
 .../fields/record-view/S3RecordView.spec.ts   |  81 ++++
 .../record-view/S3RecordView.stories.ts       |  26 ++
 .../fields/record-view/S3RecordView.vue       |  67 +++
 .../record-view/SelectRecordView.spec.ts      |  41 ++
 .../record-view/SelectRecordView.stories.ts   |  37 ++
 .../fields/record-view/SelectRecordView.vue   |  47 ++
 .../record-view/StaticTextRecordView.spec.ts  |  13 +
 .../StaticTextRecordView.stories.ts           |  26 ++
 .../record-view/StaticTextRecordView.vue      |  12 +
 .../fields/record-view/TextRecordView.spec.ts |  53 +++
 .../record-view/TextRecordView.stories.ts     |  30 ++
 .../fields/record-view/TextRecordView.vue     |  60 +++
 .../TimeIntervalRecordView.spec.ts            |  28 ++
 .../TimeIntervalRecordView.stories.ts         |  28 ++
 .../record-view/TimeIntervalRecordView.vue    |  36 ++
 .../fields/record-view/TimeRecordView.spec.ts |  19 +
 .../record-view/TimeRecordView.stories.ts     |  26 ++
 .../fields/record-view/TimeRecordView.vue     |  25 +
 .../record-view/TimezoneRecordView.spec.ts    |  18 +
 .../record-view/TimezoneRecordView.stories.ts |  26 ++
 .../fields/record-view/TimezoneRecordView.vue |  45 ++
 .../fields/record-view/UrlRecordView.spec.ts  |  37 ++
 .../record-view/UrlRecordView.stories.ts      |  26 ++
 .../fields/record-view/UrlRecordView.vue      |  51 +++
 .../fields/record-view/UuidRecordView.spec.ts |  14 +
 .../record-view/UuidRecordView.stories.ts     |  26 ++
 .../fields/record-view/UuidRecordView.vue     |  22 +
 .../src/components/fields/stories.mocks.ts    |  42 ++
 .../BinaryDataCaptionDisplay.spec.ts          |  12 +
 .../BinaryDataCaptionDisplay.stories.ts       |  26 ++
 .../BinaryDataCaptionDisplay.vue              |  11 +
 .../table-display/BinaryDisplay.spec.ts       |  51 +++
 .../table-display/BinaryDisplay.stories.ts    |  28 ++
 .../fields/table-display/BinaryDisplay.vue    |  48 ++
 .../table-display/BooleanDisplay.spec.ts      |  54 +++
 .../table-display/BooleanDisplay.stories.ts   |  29 ++
 .../fields/table-display/BooleanDisplay.vue   |  47 ++
 .../fields/table-display/CodeDisplay.spec.ts  |  24 +
 .../table-display/CodeDisplay.stories.ts      |  26 ++
 .../fields/table-display/CodeDisplay.vue      |  27 ++
 .../fields/table-display/ColorDisplay.spec.ts |  47 ++
 .../table-display/ColorDisplay.stories.ts     |  26 ++
 .../fields/table-display/ColorDisplay.vue     |  74 +++
 .../table-display/CountryDisplay.spec.ts      |  36 ++
 .../table-display/CountryDisplay.stories.ts   |  26 ++
 .../fields/table-display/CountryDisplay.vue   |  37 ++
 .../fields/table-display/DateDisplay.spec.ts  |  54 +++
 .../table-display/DateDisplay.stories.ts      |  26 ++
 .../fields/table-display/DateDisplay.vue      |  44 ++
 .../table-display/DateTimeDisplay.spec.ts     |  47 ++
 .../table-display/DateTimeDisplay.stories.ts  |  26 ++
 .../fields/table-display/DateTimeDisplay.vue  |  40 ++
 .../fields/table-display/FileDisplay.spec.ts  |  23 +
 .../table-display/FileDisplay.stories.ts      |  26 ++
 .../fields/table-display/FileDisplay.vue      |  31 ++
 .../table-display/ForeignKeyDisplay.spec.ts   |  65 +++
 .../ForeignKeyDisplay.stories.ts              |  29 ++
 .../table-display/ForeignKeyDisplay.vue       |  82 ++++
 .../fields/table-display/IdDisplay.spec.ts    |  26 ++
 .../fields/table-display/IdDisplay.stories.ts |  26 ++
 .../fields/table-display/IdDisplay.vue        |  23 +
 .../fields/table-display/ImageDisplay.spec.ts |  45 ++
 .../table-display/ImageDisplay.stories.ts     |  28 ++
 .../fields/table-display/ImageDisplay.vue     |  49 ++
 .../table-display/JsonEditorDisplay.spec.ts   |  43 ++
 .../JsonEditorDisplay.stories.ts              |  26 ++
 .../table-display/JsonEditorDisplay.vue       |  46 ++
 .../table-display/LanguageDisplay.spec.ts     |  34 ++
 .../table-display/LanguageDisplay.stories.ts  |  26 ++
 .../fields/table-display/LanguageDisplay.vue  |  38 ++
 .../table-display/LongTextDisplay.spec.ts     |  21 +
 .../table-display/LongTextDisplay.stories.ts  |  26 ++
 .../fields/table-display/LongTextDisplay.vue  |  21 +
 .../table-display/MarkdownDisplay.spec.ts     |  57 +++
 .../table-display/MarkdownDisplay.stories.ts  |  26 ++
 .../fields/table-display/MarkdownDisplay.vue  |  48 ++
 .../fields/table-display/MoneyDisplay.spec.ts |  54 +++
 .../table-display/MoneyDisplay.stories.ts     |  30 ++
 .../fields/table-display/MoneyDisplay.vue     |  49 ++
 .../table-display/NumberDisplay.spec.ts       |  51 +++
 .../table-display/NumberDisplay.stories.ts    |  31 ++
 .../fields/table-display/NumberDisplay.vue    |  67 +++
 .../table-display/PasswordDisplay.spec.ts     |  12 +
 .../table-display/PasswordDisplay.stories.ts  |  26 ++
 .../fields/table-display/PasswordDisplay.vue  |  11 +
 .../fields/table-display/PhoneDisplay.spec.ts |  35 ++
 .../table-display/PhoneDisplay.stories.ts     |  26 ++
 .../fields/table-display/PhoneDisplay.vue     |  65 +++
 .../fields/table-display/PointDisplay.spec.ts |  36 ++
 .../table-display/PointDisplay.stories.ts     |  26 ++
 .../fields/table-display/PointDisplay.vue     |  50 ++
 .../fields/table-display/RangeDisplay.spec.ts |  32 ++
 .../table-display/RangeDisplay.stories.ts     |  26 ++
 .../fields/table-display/RangeDisplay.vue     |  45 ++
 .../fields/table-display/S3Display.spec.ts    |  88 ++++
 .../fields/table-display/S3Display.stories.ts |  26 ++
 .../fields/table-display/S3Display.vue        |  86 ++++
 .../table-display/SelectDisplay.spec.ts       |  54 +++
 .../table-display/SelectDisplay.stories.ts    |  41 ++
 .../fields/table-display/SelectDisplay.vue    |  47 ++
 .../table-display/StaticTextDisplay.spec.ts   |  20 +
 .../StaticTextDisplay.stories.ts              |  26 ++
 .../table-display/StaticTextDisplay.vue       |  15 +
 .../table-display/TableDisplayCell.spec.ts    |  36 ++
 .../fields/table-display/TableDisplayCell.vue | 105 +++++
 .../fields/table-display/TextDisplay.spec.ts  |  48 ++
 .../table-display/TextDisplay.stories.ts      |  30 ++
 .../fields/table-display/TextDisplay.vue      |  62 +++
 .../fields/table-display/TimeDisplay.spec.ts  |  29 ++
 .../table-display/TimeDisplay.stories.ts      |  26 ++
 .../fields/table-display/TimeDisplay.vue      |  25 +
 .../table-display/TimeIntervalDisplay.spec.ts |  36 ++
 .../TimeIntervalDisplay.stories.ts            |  26 ++
 .../table-display/TimeIntervalDisplay.vue     |  45 ++
 .../table-display/TimezoneDisplay.spec.ts     |  31 ++
 .../table-display/TimezoneDisplay.stories.ts  |  26 ++
 .../fields/table-display/TimezoneDisplay.vue  |  46 ++
 .../fields/table-display/UrlDisplay.spec.ts   |  48 ++
 .../table-display/UrlDisplay.stories.ts       |  26 ++
 .../fields/table-display/UrlDisplay.vue       |  52 +++
 .../fields/table-display/UuidDisplay.spec.ts  |  32 ++
 .../table-display/UuidDisplay.stories.ts      |  26 ++
 .../fields/table-display/UuidDisplay.vue      |  30 ++
 .../fields/table-display/testing.ts           |  42 ++
 frontend-vue/src/components/fields/types.ts   |  71 +++
 .../components/fields/useFieldWidget.spec.ts  |  58 +++
 .../src/components/fields/useFieldWidget.ts   |  67 +++
 .../components/shared/AppCodeEditor.spec.ts   |  77 ++++
 .../shared/AppCodeEditor.stories.ts           |  45 ++
 .../src/components/shared/AppCodeEditor.vue   | 142 ++++++
 .../src/components/shared/AppMarkdown.spec.ts |  55 +++
 .../components/shared/AppMarkdown.stories.ts  |  49 ++
 .../src/components/shared/AppMarkdown.vue     |  73 +++
 .../src/components/ui/UiAutocomplete.spec.ts  | 385 ++++++++++++++++
 .../components/ui/UiAutocomplete.stories.ts   | 132 ++++++
 .../src/components/ui/UiAutocomplete.vue      | 431 ++++++++++++++++++
 .../src/components/ui/UiCheckbox.spec.ts      |  75 +++
 .../src/components/ui/UiCheckbox.stories.ts   |  48 ++
 frontend-vue/src/components/ui/UiCheckbox.vue |  94 ++++
 .../src/components/ui/UiInput.spec.ts         |  71 +++
 frontend-vue/src/components/ui/UiInput.vue    |  19 +-
 .../src/components/ui/UiSegmented.spec.ts     | 108 +++++
 .../src/components/ui/UiSegmented.stories.ts  |  69 +++
 .../src/components/ui/UiSegmented.vue         | 131 ++++++
 .../src/components/ui/UiSelect.spec.ts        | 221 +++++++++
 .../src/components/ui/UiSelect.stories.ts     |  97 ++++
 frontend-vue/src/components/ui/UiSelect.vue   | 150 ++++++
 .../src/components/ui/UiTextarea.spec.ts      |  86 ++++
 .../src/components/ui/UiTextarea.stories.ts   |  55 +++
 frontend-vue/src/components/ui/UiTextarea.vue | 117 +++++
 .../src/components/ui/__tests__/a11y.spec.ts  | 135 +++++-
 .../components/ui/docs/00-GettingStarted.mdx  |   7 +-
 frontend-vue/src/components/ui/index.ts       |   6 +
 .../src/components/ui/selectOption.ts         |  15 +
 frontend-vue/src/consts/filter-types.ts       | 299 ++++++++++++
 frontend-vue/src/consts/record-edit-types.ts  | 375 +++++++++++++++
 frontend-vue/src/consts/record-view-types.ts  | 359 +++++++++++++++
 .../src/consts/table-display-types.ts         | 354 ++++++++++++++
 frontend-vue/src/consts/widget-types.spec.ts  |  89 ++++
 .../src/directives/customValidity.spec.ts     |  24 +
 frontend-vue/src/directives/customValidity.ts |  21 +
 frontend-vue/src/lib/clipboard.ts             |  12 +
 frontend-vue/src/lib/markdown.spec.ts         |  19 +
 frontend-vue/src/lib/markdown.ts              |  10 +
 frontend-vue/src/test-setup.ts                |  11 +
 409 files changed, 22706 insertions(+), 10 deletions(-)
 create mode 100644 frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/BinaryFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/BinaryFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/BinaryFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/BooleanFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/BooleanFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/BooleanFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/CountryFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/CountryFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/CountryFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/DateFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/DateFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/DateFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/DateTimeFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/DateTimeFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/DateTimeFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/DefaultFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/DefaultFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/DefaultFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/EmailFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/EmailFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/EmailFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/FILTER_WIDGETS.md
 create mode 100644 frontend-vue/src/components/fields/filter/FileFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/FileFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/FileFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/FilterComparatorRow.vue
 create mode 100644 frontend-vue/src/components/fields/filter/ForeignKeyFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/ForeignKeyFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/ForeignKeyFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/IdFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/IdFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/IdFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/JsonEditorFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/JsonEditorFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/JsonEditorFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/LongTextFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/LongTextFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/LongTextFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/NumberFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/NumberFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/NumberFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/PasswordFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/PasswordFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/PasswordFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/PhoneFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/PhoneFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/PhoneFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/PointFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/PointFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/PointFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/SelectFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/SelectFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/SelectFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/StaticTextFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/StaticTextFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/StaticTextFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/TextFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/TextFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/TextFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/TimeFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/TimeFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/TimeFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/TimeIntervalFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/TimeIntervalFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/TimeIntervalFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/TimezoneFilter.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/TimezoneFilter.stories.ts
 create mode 100644 frontend-vue/src/components/fields/filter/TimezoneFilter.vue
 create mode 100644 frontend-vue/src/components/fields/filter/comparatorType.spec.ts
 create mode 100644 frontend-vue/src/components/fields/filter/comparatorType.ts
 create mode 100644 frontend-vue/src/components/fields/filter/filterTestUtils.ts
 create mode 100644 frontend-vue/src/components/fields/filter/timezones.ts
 create mode 100644 frontend-vue/src/components/fields/filter/useAutofocus.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/BinaryEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/BinaryEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/BinaryEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/BooleanEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/BooleanEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/BooleanEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/CodeEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/CodeEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/CodeEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/ColorEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/ColorEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/ColorEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/CountryEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/CountryEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/CountryEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/DateEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/DateEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/DateEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/DateTimeEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/DateTimeEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/DateTimeEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/FileEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/FileEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/FileEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/IdEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/IdEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/IdEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/ImageEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/ImageEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/ImageEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/JsonEditorEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/JsonEditorEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/JsonEditorEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/LanguageEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/LanguageEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/LanguageEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/LongTextEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/LongTextEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/LongTextEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/MarkdownEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/MarkdownEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/MarkdownEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/MoneyEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/MoneyEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/MoneyEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/NumberEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/NumberEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/NumberEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/PasswordEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/PasswordEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/PasswordEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/PhoneEdit.countries.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/PhoneEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/PhoneEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/PhoneEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/PointEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/PointEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/PointEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/RangeEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/RangeEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/RangeEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/S3Edit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/S3Edit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/S3Edit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/SelectEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/SelectEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/SelectEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/StaticTextEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/StaticTextEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/StaticTextEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/TextEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/TextEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/TextEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/TimeEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/TimeEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/TimeEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/TimezoneEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/TimezoneEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/TimezoneEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/UrlEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/UrlEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/UrlEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-edit/UuidEdit.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/UuidEdit.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-edit/UuidEdit.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/BinaryRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/BinaryRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/BinaryRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/BooleanRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/BooleanRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/BooleanRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/CodeRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/CodeRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/CodeRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/ColorRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/ColorRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/ColorRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/CountryRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/CountryRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/CountryRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/DateRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/DateRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/DateRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/DateTimeRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/DateTimeRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/DateTimeRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/FileRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/FileRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/FileRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/IdRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/IdRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/IdRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/ImageRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/ImageRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/ImageRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/JsonEditorRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/JsonEditorRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/JsonEditorRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/LanguageRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/LanguageRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/LanguageRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/LongTextRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/LongTextRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/LongTextRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/MarkdownRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/MarkdownRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/MarkdownRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/MoneyRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/MoneyRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/MoneyRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/NumberRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/NumberRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/NumberRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/PasswordRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/PasswordRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/PasswordRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/PhoneRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/PhoneRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/PhoneRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/PointRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/PointRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/PointRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/RangeRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/RangeRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/RangeRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/RecordViewValue.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/RecordViewValue.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/S3RecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/S3RecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/S3RecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/SelectRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/SelectRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/SelectRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/StaticTextRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/StaticTextRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/StaticTextRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/TextRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/TextRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/TextRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/TimeRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/TimeRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/TimeRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/TimezoneRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/TimezoneRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/TimezoneRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/UrlRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/UrlRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/UrlRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/record-view/UuidRecordView.spec.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/UuidRecordView.stories.ts
 create mode 100644 frontend-vue/src/components/fields/record-view/UuidRecordView.vue
 create mode 100644 frontend-vue/src/components/fields/stories.mocks.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/BinaryDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/BinaryDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/BinaryDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/BooleanDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/BooleanDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/BooleanDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/CodeDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/CodeDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/CodeDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/ColorDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/ColorDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/ColorDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/CountryDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/CountryDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/CountryDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/DateDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/DateDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/DateDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/DateTimeDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/DateTimeDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/DateTimeDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/FileDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/FileDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/FileDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/IdDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/IdDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/IdDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/ImageDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/ImageDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/ImageDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/JsonEditorDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/JsonEditorDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/JsonEditorDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/LanguageDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/LanguageDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/LanguageDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/LongTextDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/LongTextDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/LongTextDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/MarkdownDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/MarkdownDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/MarkdownDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/MoneyDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/MoneyDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/MoneyDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/NumberDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/NumberDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/NumberDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/PasswordDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/PasswordDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/PasswordDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/PhoneDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/PhoneDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/PhoneDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/PointDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/PointDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/PointDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/RangeDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/RangeDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/RangeDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/S3Display.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/S3Display.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/S3Display.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/SelectDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/SelectDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/SelectDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/StaticTextDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/StaticTextDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/StaticTextDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/TableDisplayCell.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/TableDisplayCell.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/TextDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/TextDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/TextDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/TimeDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/TimeDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/TimeDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/TimezoneDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/TimezoneDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/TimezoneDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/UrlDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/UrlDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/UrlDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/UuidDisplay.spec.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/UuidDisplay.stories.ts
 create mode 100644 frontend-vue/src/components/fields/table-display/UuidDisplay.vue
 create mode 100644 frontend-vue/src/components/fields/table-display/testing.ts
 create mode 100644 frontend-vue/src/components/fields/types.ts
 create mode 100644 frontend-vue/src/components/fields/useFieldWidget.spec.ts
 create mode 100644 frontend-vue/src/components/fields/useFieldWidget.ts
 create mode 100644 frontend-vue/src/components/shared/AppCodeEditor.spec.ts
 create mode 100644 frontend-vue/src/components/shared/AppCodeEditor.stories.ts
 create mode 100644 frontend-vue/src/components/shared/AppCodeEditor.vue
 create mode 100644 frontend-vue/src/components/shared/AppMarkdown.spec.ts
 create mode 100644 frontend-vue/src/components/shared/AppMarkdown.stories.ts
 create mode 100644 frontend-vue/src/components/shared/AppMarkdown.vue
 create mode 100644 frontend-vue/src/components/ui/UiAutocomplete.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiAutocomplete.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiAutocomplete.vue
 create mode 100644 frontend-vue/src/components/ui/UiCheckbox.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiCheckbox.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiCheckbox.vue
 create mode 100644 frontend-vue/src/components/ui/UiInput.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiSegmented.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiSegmented.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiSegmented.vue
 create mode 100644 frontend-vue/src/components/ui/UiSelect.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiSelect.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiSelect.vue
 create mode 100644 frontend-vue/src/components/ui/UiTextarea.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiTextarea.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiTextarea.vue
 create mode 100644 frontend-vue/src/components/ui/selectOption.ts
 create mode 100644 frontend-vue/src/consts/filter-types.ts
 create mode 100644 frontend-vue/src/consts/record-edit-types.ts
 create mode 100644 frontend-vue/src/consts/record-view-types.ts
 create mode 100644 frontend-vue/src/consts/table-display-types.ts
 create mode 100644 frontend-vue/src/consts/widget-types.spec.ts
 create mode 100644 frontend-vue/src/directives/customValidity.spec.ts
 create mode 100644 frontend-vue/src/directives/customValidity.ts
 create mode 100644 frontend-vue/src/lib/clipboard.ts
 create mode 100644 frontend-vue/src/lib/markdown.spec.ts
 create mode 100644 frontend-vue/src/lib/markdown.ts

diff --git a/VUE_MIGRATION_PLAN.md b/VUE_MIGRATION_PLAN.md
index 99d5dc900..1b0a9b49f 100644
--- a/VUE_MIGRATION_PLAN.md
+++ b/VUE_MIGRATION_PLAN.md
@@ -87,11 +87,11 @@ Copy these as-is and add tests where they are missing:
 6. **Port all services to Pinia stores and composables.** Replace the string-event BehaviorSubjects (for example `tables.cast` emitting `'delete row'`) with explicit store actions and state, or with a typed event bus (`mitt`) where it really is fire-and-forget. List every `cast` consumer before removing it.
 
 ### Phase 2 – The field widget system (the core of the app)
-1. Port the `base-*` classes as composables (`useRecordEditField(props, emit)`, and so on) with a shared props contract (`label`, `value`, `structure`, `widgetStructure`, `relations`, `readonly`, `required`, `disabled`).
+1. Port the `base-*` classes as composables (`useRecordEditField(props)`, `useFilterField(props)`, `useViewField(props, emit)` in `src/components/fields/useFieldWidget.ts`) with a shared props contract in `src/components/fields/types.ts` (`label`, `value`, `structure`, `widgetStructure`, `relations`, `readonly`, `required`, `disabled`). Two renames are forced by Vue: `key` becomes `fieldKey` (Vue reserves `key`), and the outputs become events (`fieldChange`, `comparatorChange`, `copyToClipboard`). The primitives the widgets need were added to the design system first: `UiTextarea`, `UiSelect`, `UiCheckbox`, `UiSegmented` (button-toggle group), `UiAutocomplete` (combobox), plus `AppCodeEditor` (Monaco) and `AppMarkdown` (marked + DOMPurify).
 2. Port the widgets one family at a time, as a mechanical template-to-SFC conversion:
    - `record-view-fields` (32), `table-display-fields` (32), `record-edit-fields` (32), `filter-fields` (23)
    - Include foreign-key autocomplete, S3/file/image upload, the Monaco-based code, json and markdown fields, and country/phone (`libphonenumber-js`).
-3. Rebuild `consts/record-edit-types.ts`, `record-view-types.ts`, `table-display-types.ts` and `filter-types.ts` as maps from type to `defineAsyncComponent`. Keep the DB-type mapping tables exactly as they are.
+3. Rebuild `consts/record-edit-types.ts`, `record-view-types.ts`, `table-display-types.ts` and `filter-types.ts` as maps from type to `defineAsyncComponent`. Keep the DB-type mapping tables exactly as they are. `src/consts/widget-types.spec.ts` checks every map against the Angular source, key by key.
 4. Write a Storybook story for each widget, ported from the existing 159 stories, so each one can be compared visually with the Angular version.
 
 ### Phase 3 – Features (each one should ship complete; this is the recommended order)
diff --git a/frontend-vue/.storybook/preview.ts b/frontend-vue/.storybook/preview.ts
index 7e3c5bd4d..5227a1a36 100644
--- a/frontend-vue/.storybook/preview.ts
+++ b/frontend-vue/.storybook/preview.ts
@@ -48,6 +48,10 @@ const preview: Preview = {
 					['Getting Started', 'Conventions', 'Color', 'Typography', 'Spacing', 'Shape', 'Elevation', 'Motion'],
 					'UI',
 					'App',
+					'Record Edit Fields',
+					'Record View Fields',
+					'Table Display Fields',
+					'Filter Fields',
 				],
 			},
 		},
diff --git a/frontend-vue/eslint.config.js b/frontend-vue/eslint.config.js
index ed761640f..cd73e41be 100644
--- a/frontend-vue/eslint.config.js
+++ b/frontend-vue/eslint.config.js
@@ -24,4 +24,10 @@ export default tseslint.config(
 			'vue/require-default-prop': 'off',
 		},
 	},
+	{
+		// The one sanctioned v-html: renderMarkdown() sanitizes with DOMPurify. A template comment
+		// would add a second root node in dev builds, so the exception lives here.
+		files: ['src/components/shared/AppMarkdown.vue'],
+		rules: { 'vue/no-v-html': 'off' },
+	},
 );
diff --git a/frontend-vue/package.json b/frontend-vue/package.json
index c356a2a0c..020e909dc 100644
--- a/frontend-vue/package.json
+++ b/frontend-vue/package.json
@@ -27,16 +27,22 @@
 		"@tanstack/vue-query": "^5.104.2",
 		"amplitude-js": "^8.21.10",
 		"chart.js": "^4.5.1",
+		"color-string": "^2.1.4",
 		"connection-string-parser": "^1.0.4",
 		"convert": "^5.14.1",
 		"date-fns": "^4.4.0",
+		"dompurify": "^3.4.17",
 		"ipaddr.js": "^2.5.0",
+		"libphonenumber-js": "^1.13.15",
 		"lodash-es": "4.17.23",
+		"marked": "^18.1.1",
 		"mitt": "^3.0.1",
 		"monaco-editor": "0.55.1",
 		"pinia": "^3.0.4",
 		"pluralize": "^8.0.0",
+		"postgres-interval": "^4.1.0",
 		"posthog-js": "^1.438.13",
+		"uuid": "^11.1.1",
 		"validator": "^13.15.35",
 		"vue": "^3.5.43",
 		"vue-router": "^4.6.4"
diff --git a/frontend-vue/pnpm-lock.yaml b/frontend-vue/pnpm-lock.yaml
index 84e6306fe..e23cf9d35 100644
--- a/frontend-vue/pnpm-lock.yaml
+++ b/frontend-vue/pnpm-lock.yaml
@@ -35,6 +35,9 @@ importers:
       chart.js:
         specifier: ^4.5.1
         version: 4.5.1
+      color-string:
+        specifier: ^2.1.4
+        version: 2.1.4
       connection-string-parser:
         specifier: ^1.0.4
         version: 1.0.4
@@ -44,12 +47,21 @@ importers:
       date-fns:
         specifier: ^4.4.0
         version: 4.4.0
+      dompurify:
+        specifier: ^3.4.17
+        version: 3.4.17
       ipaddr.js:
         specifier: ^2.5.0
         version: 2.5.0
+      libphonenumber-js:
+        specifier: ^1.13.15
+        version: 1.13.15
       lodash-es:
         specifier: 4.17.23
         version: 4.17.23
+      marked:
+        specifier: ^18.1.1
+        version: 18.1.1
       mitt:
         specifier: ^3.0.1
         version: 3.0.1
@@ -62,9 +74,15 @@ importers:
       pluralize:
         specifier: ^8.0.0
         version: 8.0.0
+      postgres-interval:
+        specifier: ^4.1.0
+        version: 4.1.0
       posthog-js:
         specifier: ^1.438.13
         version: 1.438.13(@types/react@19.3.0)(react@19.3.1)
+      uuid:
+        specifier: ^11.1.1
+        version: 11.1.1
       validator:
         specifier: ^13.15.35
         version: 13.15.35
@@ -1426,6 +1444,14 @@ packages:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
 
+  color-name@2.1.1:
+    resolution: {integrity: sha512-p2FdgwVx1a9yWBHP2wI0VgShkDpgN4kZISkxdNipGBJWpa5G6b04OINlVWCyJj0JmfvcPrgqt95E9k8yvaOJFg==}
+    engines: {node: '>=12.20'}
+
+  color-string@2.1.4:
+    resolution: {integrity: sha512-Bb6Cq8oq0IjDOe8wJmi4JeNn763Xs9cfrBcaylK1tPypWzyoy2G3l90v9k64kjphl/ZJjPIShFztenRomi8WTg==}
+    engines: {node: '>=18'}
+
   commander@14.0.3:
     resolution: {integrity: sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==}
     engines: {node: '>=20'}
@@ -1881,6 +1907,9 @@ packages:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
 
+  libphonenumber-js@1.13.15:
+    resolution: {integrity: sha512-AHdhEQeDFEJ4GKDAQ9AwxChy+v2kUILUB3TGQRpkXMkWePjXTU/WQEzWVQoIx/Gz8fE73Wr5SEuZCy2vk8jrMQ==}
+
   lightningcss-android-arm64@1.33.0:
     resolution: {integrity: sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==}
     engines: {node: '>= 12.0.0'}
@@ -1988,6 +2017,11 @@ packages:
     engines: {node: '>= 18'}
     hasBin: true
 
+  marked@18.1.1:
+    resolution: {integrity: sha512-zEGgrtUG8crk+TrMacJSVABU4DYDDkS8uqgU3ohrn/2fW9C2AEfUrO3m6IhpIpQpl7YcVpiXXC9cSMWDANT3dg==}
+    engines: {node: '>= 20'}
+    hasBin: true
+
   math-intrinsics@1.1.0:
     resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
     engines: {node: '>= 0.4'}
@@ -2134,6 +2168,10 @@ packages:
     resolution: {integrity: sha512-49cGhUbXj8Qenv0iTMxA1cFBzxXoctpC9Ujd77t1WcbJIr6nF/eI7g/8MgxrYldFRuAXvja7xQRwavoW7kgrxQ==}
     engines: {node: ^10 || ^12 || >=14}
 
+  postgres-interval@4.1.0:
+    resolution: {integrity: sha512-nJLACcOHi2iyRuMJeW6CuIA0Dc0i1YEpRr26XDyHAfxPjYUJOFxwZjmOc5oFFctTTh/OlRAMlnlXEJvr170fJg==}
+    engines: {node: '>=12'}
+
   posthog-js@1.438.13:
     resolution: {integrity: sha512-fcRhMZ/TKvpDjmDGTlf4KCBqqTnpLWLplZ76NfeLNEE1P6N6qCGGZzqZ6gEzJoOfYLNLgjd0sRM5fC8F/Ky9fA==}
     peerDependencies:
@@ -2438,6 +2476,10 @@ packages:
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
+  uuid@11.1.1:
+    resolution: {integrity: sha512-vIYxrBCC/N/K+Js3qSN88go7kIfNPssr/hHCesKCQNAjmgvYS2oqr69kIufEG+O4+PfezOH4EbIeHCfFov8ZgQ==}
+    hasBin: true
+
   validator@13.15.35:
     resolution: {integrity: sha512-TQ5pAGhd5whStmqWvYF4OjQROlmv9SMFVt37qoCBdqRffuuklWYQlCNnEs2ZaIBD1kZRNnikiZOS1eqgkar0iw==}
     engines: {node: '>= 0.10'}
@@ -3776,6 +3818,12 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
+  color-name@2.1.1: {}
+
+  color-string@2.1.4:
+    dependencies:
+      color-name: 2.1.1
+
   commander@14.0.3: {}
 
   config-chain@1.1.13:
@@ -4249,6 +4297,8 @@ snapshots:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
+  libphonenumber-js@1.13.15: {}
+
   lightningcss-android-arm64@1.33.0:
     optional: true
 
@@ -4322,6 +4372,8 @@ snapshots:
 
   marked@14.0.0: {}
 
+  marked@18.1.1: {}
+
   math-intrinsics@1.1.0: {}
 
   mdn-data@2.27.1: {}
@@ -4483,6 +4535,8 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.2
 
+  postgres-interval@4.1.0: {}
+
   posthog-js@1.438.13(@types/react@19.3.0)(react@19.3.1):
     dependencies:
       '@posthog/browser-common': 0.9.5
@@ -4809,6 +4863,8 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
+  uuid@11.1.1: {}
+
   validator@13.15.35: {}
 
   vite-plugin-static-copy@4.1.1(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2)):
diff --git a/frontend-vue/src/__tests__/design-tokens.spec.ts b/frontend-vue/src/__tests__/design-tokens.spec.ts
index 8e48602fb..bc083b424 100644
--- a/frontend-vue/src/__tests__/design-tokens.spec.ts
+++ b/frontend-vue/src/__tests__/design-tokens.spec.ts
@@ -24,7 +24,10 @@ import { describe, expect, it } from 'vitest';
 const SRC = resolve(process.cwd(), 'src');
 
 /** Hex colours that are legitimately not tokens, as `relative/path.vue:<hex>`. */
-const HEX_ALLOWLIST = new Set<string>([]);
+const HEX_ALLOWLIST = new Set<string>([
+	// Placeholder text showing users the hex format a colour column accepts — data, not a style.
+	'components/fields/record-edit/ColorEdit.vue:#000000',
+]);
 
 /**
  * Rule 3 — the three properties that carry the spacing and type scales.
diff --git a/frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.spec.ts b/frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.spec.ts
new file mode 100644
index 000000000..3eff30327
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.spec.ts
@@ -0,0 +1,11 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import BinaryDataCaptionFilter from './BinaryDataCaptionFilter.vue';
+
+describe('BinaryDataCaptionFilter', () => {
+	it('renders the label and the "binary data" caption', () => {
+		const wrapper = mount(BinaryDataCaptionFilter, { props: { label: 'avatar' } });
+		expect(wrapper.text()).toContain('Avatar');
+		expect(wrapper.find('[data-testid="record-avatar-binary-data-caption"]').text()).toBe('binary data');
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.stories.ts b/frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.stories.ts
new file mode 100644
index 000000000..1bf208381
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import BinaryDataCaptionFilter from './BinaryDataCaptionFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/BinaryDataCaption',
+	component: BinaryDataCaptionFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'bytea', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+	},
+} satisfies Meta<typeof BinaryDataCaptionFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.vue b/frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.vue
new file mode 100644
index 000000000..7f71a5585
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/binary-data-caption (`BinaryDataCaptionFilterComponent`): the label and a
+ * "binary data" caption, for binary columns that cannot be filtered. Not referenced by the maps.
+ */
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+
+const props = defineProps<FilterFieldProps>();
+defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+</script>
+
+<template>
+	<div class="binary-data-caption-filter">
+		<span>{{ normalizedLabel }}</span>
+		<span class="binary-data-caption-filter__value" :data-testid="`record-${label}-binary-data-caption`">
+			binary data
+		</span>
+	</div>
+</template>
+
+<style scoped>
+.binary-data-caption-filter {
+  font-size: var(--text-sm);
+  color: var(--color-ink);
+}
+
+.binary-data-caption-filter__value {
+  padding-inline-start: var(--space-2);
+  font-style: italic;
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/BinaryFilter.spec.ts b/frontend-vue/src/components/fields/filter/BinaryFilter.spec.ts
new file mode 100644
index 000000000..45e9ebc67
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/BinaryFilter.spec.ts
@@ -0,0 +1,88 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import BinaryFilter from './BinaryFilter.vue';
+import { comparatorLabels, pickComparator, selectedComparator } from './filterTestUtils';
+
+function inputValue(wrapper: ReturnType<typeof mount>) {
+	return (wrapper.find('input').element as HTMLInputElement).value;
+}
+
+describe('BinaryFilter', () => {
+	it('defaults to equal with an empty hex input', () => {
+		const wrapper = mount(BinaryFilter, { props: { label: 'data' } });
+		expect(comparatorLabels(wrapper)).toEqual(['equal', 'contains', 'starts with', 'is empty']);
+		expect(selectedComparator(wrapper)).toBe('equal');
+		expect(inputValue(wrapper)).toBe('');
+		expect(wrapper.find('label').text()).toContain('Data (hex)');
+		expect(wrapper.emitted('comparatorChange')).toBeUndefined();
+	});
+
+	it('normalizes the incoming hex and drops a malformed one', () => {
+		expect(inputValue(mount(BinaryFilter, { props: { label: 'data', value: '48656c6c6f' } }))).toBe('48656c6c6f');
+		expect(inputValue(mount(BinaryFilter, { props: { label: 'data', value: 'zz' } }))).toBe('');
+	});
+
+	it('emits the hex and the current comparator on input', async () => {
+		const wrapper = mount(BinaryFilter, { props: { label: 'data' } });
+		await wrapper.find('input').setValue('abcdef');
+		expect(wrapper.emitted('fieldChange')).toEqual([['abcdef']]);
+		expect(wrapper.emitted('comparatorChange')).toEqual([['eq']]);
+	});
+
+	it('clears the input in empty mode', async () => {
+		const wrapper = mount(BinaryFilter, { props: { label: 'data', value: 'abcdef' } });
+		await pickComparator(wrapper, 'is empty');
+		expect(wrapper.emitted('comparatorChange')).toEqual([['empty']]);
+		expect(wrapper.emitted('fieldChange')).toEqual([['']]);
+		expect(wrapper.find('input').exists()).toBe(false);
+	});
+
+	it('re-emits the current hex with contains / startswith', async () => {
+		const wrapper = mount(BinaryFilter, { props: { label: 'data', value: 'abcdef' } });
+		await pickComparator(wrapper, 'contains');
+		await pickComparator(wrapper, 'starts with');
+		expect(wrapper.emitted('comparatorChange')).toEqual([['contains'], ['startswith']]);
+		expect(wrapper.emitted('fieldChange')).toEqual([['abcdef'], ['abcdef']]);
+	});
+
+	it('shows the hex error once edited', async () => {
+		const wrapper = mount(BinaryFilter, { props: { label: 'data' } });
+		await wrapper.find('input').setValue('abc');
+		expect(wrapper.text()).toContain('Invalid hex.');
+		expect((wrapper.find('input').element as HTMLInputElement).checkValidity()).toBe(false);
+		expect(wrapper.emitted('fieldChange')).toEqual([['']]);
+	});
+
+	describe('encoding param', () => {
+		const base64 = mockWidgetStructure({ encoding: 'base64' });
+
+		it('seeds the input in the encoding from the incoming hex', () => {
+			const wrapper = mount(BinaryFilter, { props: { label: 'data', value: '48656c6c6f', widgetStructure: base64 } });
+			expect(inputValue(wrapper)).toBe('SGVsbG8=');
+			expect(wrapper.find('label').text()).toContain('(base64)');
+		});
+
+		it('emits hex when the user types base64', async () => {
+			const wrapper = mount(BinaryFilter, { props: { label: 'data', widgetStructure: base64 } });
+			await wrapper.find('input').setValue('SGVsbG8=');
+			expect(wrapper.emitted('fieldChange')).toEqual([['48656c6c6f']]);
+			expect(wrapper.text()).not.toContain('Invalid base64.');
+		});
+
+		it('emits empty hex and shows the error for malformed base64', async () => {
+			const wrapper = mount(BinaryFilter, { props: { label: 'data', widgetStructure: base64 } });
+			await wrapper.find('input').setValue('!!!');
+			expect(wrapper.emitted('fieldChange')).toEqual([['']]);
+			expect(wrapper.text()).toContain('Invalid base64.');
+		});
+
+		it('emits hex when the user types ascii', async () => {
+			const wrapper = mount(BinaryFilter, {
+				props: { label: 'data', widgetStructure: mockWidgetStructure({ encoding: 'ascii' }) },
+			});
+			await wrapper.find('input').setValue('Hi');
+			expect(wrapper.emitted('fieldChange')).toEqual([['4869']]);
+		});
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/BinaryFilter.stories.ts b/frontend-vue/src/components/fields/filter/BinaryFilter.stories.ts
new file mode 100644
index 000000000..7dad004f1
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/BinaryFilter.stories.ts
@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import BinaryFilter from './BinaryFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/Binary',
+	component: BinaryFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'bytea', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '48656c6c6f',
+	},
+} satisfies Meta<typeof BinaryFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
+export const Base64: Story = { args: { widgetStructure: mockWidgetStructure({ encoding: 'base64' }) } };
+export const Ascii: Story = { args: { widgetStructure: mockWidgetStructure({ encoding: 'ascii' }) } };
diff --git a/frontend-vue/src/components/fields/filter/BinaryFilter.vue b/frontend-vue/src/components/fields/filter/BinaryFilter.vue
new file mode 100644
index 000000000..5048d472a
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/BinaryFilter.vue
@@ -0,0 +1,105 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/binary (`BinaryFilterComponent`), a "smart" filter with its own comparator
+ * (equal, contains, starts with, is empty). The value is typed in the widget's `encoding` (hex by
+ * default, base64 or ascii) and always emitted as hex — `''` while the input doesn't decode.
+ */
+import { computed, ref } from 'vue';
+import { type SelectOption, UiField, UiInput } from '@/components/ui';
+import { vCustomValidity } from '@/directives/customValidity';
+import { bytesToEncoded, bytesToHex, encodedToBytes, hexStringToBytes, isBinaryEncoding } from '@/lib/binary';
+import { BASE64_ERROR_MESSAGE, base64Errors } from '@/validators/base64.validator';
+import { HEX_ERROR_MESSAGE, hexErrors } from '@/validators/hex.validator';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import FilterComparatorRow from './FilterComparatorRow.vue';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+type BinaryFilterMode = 'eq' | 'contains' | 'startswith' | 'empty';
+
+const MODES: SelectOption<BinaryFilterMode>[] = [
+	{ value: 'eq', label: 'equal' },
+	{ value: 'contains', label: 'contains' },
+	{ value: 'startswith', label: 'starts with' },
+	{ value: 'empty', label: 'is empty' },
+];
+
+const PLACEHOLDERS = { hex: '48656c6c6f', base64: 'SGVsbG8=', ascii: 'Hello' } as const;
+
+const props = defineProps<FilterFieldProps & { value?: string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+const encoding = computed(() => {
+	const raw: unknown = widgetParams.value.encoding;
+	return isBinaryEncoding(raw) ? raw : 'hex';
+});
+
+const filterMode = ref<BinaryFilterMode>('eq');
+/** The incoming hex, normalised through bytes (a malformed value becomes empty) and shown in the encoding. */
+const rawInput = ref(bytesToEncoded(hexStringToBytes(props.value ?? ''), encoding.value));
+const dirty = ref(false);
+
+/** The hexValidator / base64Validator directive messages; ascii has no rule. */
+const validationMessage = computed(() => {
+	if (encoding.value === 'hex') return hexErrors(rawInput.value) ? HEX_ERROR_MESSAGE : '';
+	if (encoding.value === 'base64') return base64Errors(rawInput.value) ? BASE64_ERROR_MESSAGE : '';
+	return '';
+});
+
+const error = computed(() => (dirty.value && validationMessage.value) || undefined);
+
+function onFilterModeChange(mode: string) {
+	filterMode.value = mode as BinaryFilterMode;
+	if (mode === 'empty') {
+		rawInput.value = '';
+		dirty.value = false;
+		emit('comparatorChange', 'empty');
+		emit('fieldChange', '');
+		return;
+	}
+	emit('comparatorChange', mode);
+	emit('fieldChange', currentHex());
+}
+
+function onInputChange(value: string) {
+	rawInput.value = value;
+	dirty.value = true;
+	emit('fieldChange', currentHex());
+	emit('comparatorChange', filterMode.value);
+}
+
+function currentHex(): string {
+	if (!rawInput.value) return '';
+	const bytes = encodedToBytes(rawInput.value, encoding.value);
+	return bytes === null ? '' : bytesToHex(bytes);
+}
+</script>
+
+<template>
+	<FilterComparatorRow
+		class="binary-filter"
+		:model-value="filterMode"
+		:options="MODES"
+		:label="`${normalizedLabel} comparator`"
+		@update:model-value="onFilterModeChange"
+	>
+		<UiField v-if="filterMode !== 'empty'" :label="`${normalizedLabel} (${encoding})`" :required="required" :error="error">
+			<UiInput
+				ref="input"
+				v-custom-validity="validationMessage"
+				type="text"
+				:name="`${label}-${fieldKey}`"
+				:placeholder="PLACEHOLDERS[encoding]"
+				:model-value="rawInput"
+				:disabled="disabled"
+				:readonly="readonly"
+				@update:model-value="onInputChange"
+			/>
+		</UiField>
+	</FilterComparatorRow>
+</template>
diff --git a/frontend-vue/src/components/fields/filter/BooleanFilter.spec.ts b/frontend-vue/src/components/fields/filter/BooleanFilter.spec.ts
new file mode 100644
index 000000000..d5858fd06
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/BooleanFilter.spec.ts
@@ -0,0 +1,95 @@
+import { mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { DBtype } from '@/models/connection';
+import { useConnectionsStore } from '@/stores/connections';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import BooleanFilter from './BooleanFilter.vue';
+
+// The connections store pulls in the Cedar permissions engine; keep its wasm from loading.
+vi.mock('@/lib/cedar-wasm', () => ({ loadCedarWasm: () => new Promise(() => {}) }));
+
+const notNull = mockStructure({ column_name: 'banned', data_type: 'tinyint', allow_null: false });
+const nullable = mockStructure({ column_name: 'banned', data_type: 'tinyint', allow_null: true });
+
+function labels(wrapper: ReturnType<typeof mount>) {
+	return wrapper.findAll('label.ui-segmented__option').map((label) => label.text());
+}
+
+function checked(wrapper: ReturnType<typeof mount>) {
+	return wrapper.findAll('label.ui-segmented__option--selected').map((label) => label.text());
+}
+
+describe('BooleanFilter', () => {
+	beforeEach(() => setActivePinia(createPinia()));
+
+	it('emits the eq comparator on mount', () => {
+		const wrapper = mount(BooleanFilter, { props: { label: 'banned', structure: notNull } });
+		expect(wrapper.emitted('comparatorChange')).toEqual([['eq']]);
+	});
+
+	it.each([
+		[0, 'No'],
+		['0', 'No'],
+		['F', 'No'],
+		['N', 'No'],
+		['false', 'No'],
+		[false, 'No'],
+		[1, 'Yes'],
+		['T', 'Yes'],
+		['Y', 'Yes'],
+		['true', 'Yes'],
+		[true, 'Yes'],
+	])('maps %j to %s', (value, label) => {
+		const wrapper = mount(BooleanFilter, { props: { label: 'banned', value, structure: nullable } });
+		expect(checked(wrapper)).toEqual([label]);
+	});
+
+	it('maps an absent value to Null', () => {
+		const wrapper = mount(BooleanFilter, { props: { label: 'banned', structure: nullable } });
+		expect(checked(wrapper)).toEqual(['Null']);
+	});
+
+	it.each([null, ''])('maps %j to Null', (value) => {
+		const wrapper = mount(BooleanFilter, { props: { label: 'banned', value, structure: nullable } });
+		expect(checked(wrapper)).toEqual(['Null']);
+	});
+
+	it('offers Null only for nullable columns or allow_null', () => {
+		expect(labels(mount(BooleanFilter, { props: { label: 'banned', structure: notNull } }))).toEqual(['Yes', 'No']);
+		expect(labels(mount(BooleanFilter, { props: { label: 'banned', structure: nullable } }))).toEqual([
+			'Yes',
+			'No',
+			'Null',
+		]);
+		const fromParams = mount(BooleanFilter, {
+			props: { label: 'banned', structure: notNull, widgetStructure: mockWidgetStructure({ allow_null: true }) },
+		});
+		expect(labels(fromParams)).toContain('Null');
+	});
+
+	it('emits booleans and eq for Postgres', async () => {
+		useConnectionsStore().currentConnection.type = DBtype.Postgres;
+		const wrapper = mount(BooleanFilter, { props: { label: 'banned', structure: nullable } });
+		const radios = wrapper.findAll('input[type="radio"]');
+		await radios[0]?.setValue(true);
+		await radios[1]?.setValue(true);
+		await radios[2]?.setValue(true);
+		expect(wrapper.emitted('fieldChange')).toEqual([[true], [false], [null]]);
+		expect(wrapper.emitted('comparatorChange')).toEqual([['eq'], ['eq'], ['eq'], ['eq']]);
+	});
+
+	it.each([DBtype.MySQL, DBtype.MSSQL, DBtype.Oracle])('emits 1 / 0 for %s', async (type) => {
+		useConnectionsStore().currentConnection.type = type;
+		const wrapper = mount(BooleanFilter, { props: { label: 'banned', structure: notNull } });
+		const radios = wrapper.findAll('input[type="radio"]');
+		await radios[0]?.setValue(true);
+		await radios[1]?.setValue(true);
+		expect(wrapper.emitted('fieldChange')).toEqual([[1], [0]]);
+	});
+
+	it('keeps the test id on the group', () => {
+		const wrapper = mount(BooleanFilter, { props: { label: 'banned' } });
+		expect(wrapper.find('[data-testid="record-banned-boolean-radio-group"]').attributes('role')).toBe('radiogroup');
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/BooleanFilter.stories.ts b/frontend-vue/src/components/fields/filter/BooleanFilter.stories.ts
new file mode 100644
index 000000000..3c7dc5616
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/BooleanFilter.stories.ts
@@ -0,0 +1,30 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import BooleanFilter from './BooleanFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/Boolean',
+	component: BooleanFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'boolean', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: true,
+	},
+} satisfies Meta<typeof BooleanFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
+export const True: Story = { args: { value: true } };
+export const False: Story = { args: { value: false } };
+export const Null: Story = { args: { value: null } };
diff --git a/frontend-vue/src/components/fields/filter/BooleanFilter.vue b/frontend-vue/src/components/fields/filter/BooleanFilter.vue
new file mode 100644
index 000000000..0d4a9e54f
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/BooleanFilter.vue
@@ -0,0 +1,109 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/boolean (`BooleanFilterComponent`): Yes / No (/ Null for nullable columns)
+ * toggles. MySQL, MSSQL and Oracle get `1`/`0`, other databases `true`/`false`; Null is `null`.
+ * Emits `comparatorChange('eq')` on mount and with every change.
+ */
+import { computed, onMounted, ref } from 'vue';
+import { type SelectOption, UiSegmented } from '@/components/ui';
+import { DBtype } from '@/models/connection';
+import { useConnectionsStore } from '@/stores/connections';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+type BooleanChoice = boolean | 'unknown';
+
+// `value: undefined` turns off Vue's boolean casting, which would read an absent value as `false`
+// ("No") instead of Angular's Null.
+const props = withDefaults(defineProps<FilterFieldProps & { value?: string | number | boolean | null }>(), {
+	value: undefined,
+});
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useFilterField(props);
+const connections = useConnectionsStore();
+
+const group = ref<FocusTarget>(null);
+useAutofocus(props, group);
+
+const booleanValue = ref<BooleanChoice | undefined>(toChoice(props.value));
+
+/** The Null toggle, for nullable columns or `allow_null` in widget params. */
+const isRadiogroup = computed(() => Boolean(props.structure?.allow_null || widgetParams.value.allow_null));
+
+const options = computed<SelectOption<BooleanChoice>[]>(() => [
+	{ value: true, label: 'Yes' },
+	{ value: false, label: 'No' },
+	...(isRadiogroup.value ? [{ value: 'unknown' as const, label: 'Null' }] : []),
+]);
+
+onMounted(() => emit('comparatorChange', 'eq'));
+
+function onBooleanChange(choice: BooleanChoice) {
+	booleanValue.value = choice;
+	let formattedValue: boolean | number | null;
+	switch (connections.currentConnection.type) {
+		case DBtype.MySQL:
+		case DBtype.MSSQL:
+		case DBtype.Oracle:
+			formattedValue = choice === 'unknown' ? null : Number(choice);
+			break;
+		default:
+			formattedValue = choice === 'unknown' ? null : choice;
+	}
+	emit('fieldChange', formattedValue);
+	emit('comparatorChange', 'eq');
+}
+
+/** The Angular `setBooleanValue`: booleans as is, empty as Null, the usual 0/1/T/F/Y/N spellings. */
+function toChoice(value: boolean | number | string | null | undefined): BooleanChoice | undefined {
+	if (typeof value === 'boolean') return value;
+	if (value === null || value === undefined || value === '') return 'unknown';
+	switch (value) {
+		case 0:
+		case '0':
+		case 'F':
+		case 'N':
+		case 'false':
+			return false;
+		case 1:
+		case '1':
+		case 'T':
+		case 'Y':
+		case 'true':
+			return true;
+	}
+	return undefined;
+}
+</script>
+
+<template>
+	<div class="boolean-filter">
+		<span class="boolean-filter__label">{{ normalizedLabel }}</span>
+		<UiSegmented
+			ref="group"
+			:model-value="booleanValue"
+			:options="options"
+			:label="normalizedLabel || 'Value'"
+			:disabled="disabled"
+			:data-testid="`record-${label}-boolean-radio-group`"
+			@update:model-value="onBooleanChange"
+		/>
+	</div>
+</template>
+
+<style scoped>
+.boolean-filter {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-3);
+}
+
+.boolean-filter__label {
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--color-ink-soft);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/CountryFilter.spec.ts b/frontend-vue/src/components/fields/filter/CountryFilter.spec.ts
new file mode 100644
index 000000000..9b72aad68
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/CountryFilter.spec.ts
@@ -0,0 +1,43 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockStructure } from '../stories.mocks';
+import CountryFilter from './CountryFilter.vue';
+
+const structure = mockStructure({ allow_null: false });
+
+function optionTexts(wrapper: ReturnType<typeof mount>) {
+	return wrapper.findAll('[role="option"]').map((option) => option.text());
+}
+
+describe('CountryFilter', () => {
+	it('shows the name of the country in the value', () => {
+		const wrapper = mount(CountryFilter, { props: { label: 'country', value: 'US', structure } });
+		const input = wrapper.find('[data-testid="record-country-country"]').element as HTMLInputElement;
+		expect(input.value).toBe('United States');
+	});
+
+	it('filters by name or code as you type', async () => {
+		const wrapper = mount(CountryFilter, { props: { label: 'country', structure } });
+		await wrapper.find('input').setValue('germ');
+		expect(optionTexts(wrapper)).toEqual([expect.stringContaining('Germany')]);
+		await wrapper.find('input').setValue('fr');
+		expect(optionTexts(wrapper).some((text) => text.includes('France') && text.includes('(FR)'))).toBe(true);
+	});
+
+	it('emits the code of the picked country', async () => {
+		const wrapper = mount(CountryFilter, { props: { label: 'country', structure } });
+		await wrapper.find('input').setValue('Germany');
+		await wrapper.find('[role="option"]').trigger('click');
+		expect(wrapper.emitted('fieldChange')).toEqual([['DE']]);
+		expect((wrapper.find('input').element as HTMLInputElement).value).toBe('Germany');
+	});
+
+	it('offers an empty null option for nullable columns', async () => {
+		const wrapper = mount(CountryFilter, {
+			props: { label: 'country', structure: mockStructure({ allow_null: true }) },
+		});
+		await wrapper.find('input').trigger('focus');
+		await wrapper.find('[role="option"]').trigger('click');
+		expect(wrapper.emitted('fieldChange')).toEqual([[null]]);
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/CountryFilter.stories.ts b/frontend-vue/src/components/fields/filter/CountryFilter.stories.ts
new file mode 100644
index 000000000..cc2075a94
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/CountryFilter.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import CountryFilter from './CountryFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/Country',
+	component: CountryFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'US',
+	},
+} satisfies Meta<typeof CountryFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/filter/CountryFilter.vue b/frontend-vue/src/components/fields/filter/CountryFilter.vue
new file mode 100644
index 000000000..2c58d36c3
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/CountryFilter.vue
@@ -0,0 +1,99 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/country (`CountryFilterComponent`): a country autocomplete, filtered by name
+ * or ISO code as you type; picking one emits its code (`null` for the empty option nullable
+ * columns get).
+ */
+import { computed, ref } from 'vue';
+import { type AutocompleteOption, UiAutocomplete, UiField } from '@/components/ui';
+import { COUNTRIES, getCountryFlag } from '@/consts/countries';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+interface CountryOption {
+	value: string | null;
+	label: string;
+	flag: string;
+}
+
+const BASE_COUNTRIES: CountryOption[] = COUNTRIES.map((country) => ({
+	value: country.code,
+	label: country.name,
+	flag: getCountryFlag(country.code),
+}));
+
+const props = defineProps<FilterFieldProps & { value?: string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+const countries = computed<CountryOption[]>(() =>
+	widgetParams.value.allow_null || props.structure?.allow_null
+		? [{ value: null, label: '', flag: '' }, ...BASE_COUNTRIES]
+		: BASE_COUNTRIES,
+);
+
+const initial = props.value ? countries.value.find((country) => country.value === props.value) : undefined;
+/** The picked country; while the text still shows it, the list filters by its name (mat-autocomplete's object value). */
+const selected = ref<CountryOption | null>(initial ?? null);
+const text = ref(initial?.label ?? '');
+
+const options = computed<AutocompleteOption<CountryOption>[]>(() => {
+	const query = (
+		selected.value && text.value === selected.value.label ? selected.value.label : text.value
+	).toLowerCase();
+	return countries.value
+		.filter((country) => country.label.toLowerCase().includes(query) || country.value?.toLowerCase().includes(query))
+		.map((country) => ({ value: country, label: country.label }));
+});
+
+function onInput(value: string) {
+	text.value = value;
+	selected.value = null;
+}
+
+function onCountrySelected(option: AutocompleteOption<CountryOption>) {
+	selected.value = option.value;
+	emit('fieldChange', option.value.value);
+}
+</script>
+
+<template>
+	<UiField class="country-filter" :label="normalizedLabel" :required="required">
+		<UiAutocomplete
+			ref="input"
+			:model-value="text"
+			:options="options"
+			:disabled="disabled"
+			:readonly="readonly"
+			:data-testid="`record-${label}-country`"
+			@update:model-value="onInput"
+			@select="onCountrySelected"
+		>
+			<template #option="{ option }">
+				<span v-if="option.value.flag" class="country-filter__flag" aria-hidden="true">{{ option.value.flag }}</span>
+				<span class="country-filter__name">{{ option.value.label }}</span>
+				<span v-if="option.value.value" class="country-filter__code">({{ option.value.value }})</span>
+			</template>
+		</UiAutocomplete>
+	</UiField>
+</template>
+
+<style scoped>
+.country-filter__flag {
+  font-size: var(--text-base);
+}
+
+.country-filter__name {
+  flex: 1;
+}
+
+.country-filter__code {
+  font-size: var(--text-xs);
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/DateFilter.spec.ts b/frontend-vue/src/components/fields/filter/DateFilter.spec.ts
new file mode 100644
index 000000000..1960fe824
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/DateFilter.spec.ts
@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import DateFilter from './DateFilter.vue';
+
+describe('DateFilter', () => {
+	it('prepares the date for the date input', () => {
+		const wrapper = mount(DateFilter, { props: { label: 'created', value: '2021-06-26T07:22:00.603' } });
+		const input = wrapper.find('[data-testid="record-created-date"]').element as HTMLInputElement;
+		expect(input.type).toBe('date');
+		expect(input.value).toBe('2021-06-26');
+	});
+
+	it('leaves the date empty without a value', () => {
+		const wrapper = mount(DateFilter, { props: { label: 'created', value: null } });
+		expect((wrapper.find('input').element as HTMLInputElement).value).toBe('');
+	});
+
+	it('emits the new date value', async () => {
+		const wrapper = mount(DateFilter, { props: { label: 'created' } });
+		await wrapper.find('input').setValue('2021-07-26');
+		expect(wrapper.emitted('fieldChange')).toEqual([['2021-07-26']]);
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/DateFilter.stories.ts b/frontend-vue/src/components/fields/filter/DateFilter.stories.ts
new file mode 100644
index 000000000..6e9036bbd
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/DateFilter.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import DateFilter from './DateFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/Date',
+	component: DateFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'date', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '2024-01-15',
+	},
+} satisfies Meta<typeof DateFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/filter/DateFilter.vue b/frontend-vue/src/components/fields/filter/DateFilter.vue
new file mode 100644
index 000000000..d866a0b16
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/DateFilter.vue
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/date (`DateFilterComponent`): a native date input; emits `yyyy-MM-dd`.
+ * Comparator family `datetime`, so hosts wrap it in `DefaultFilter`.
+ */
+import { format } from 'date-fns';
+import { ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+const props = defineProps<FilterFieldProps & { value?: string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+/** The incoming value as a local calendar date, like the Angular `format(new Date(value), …)`. */
+const date = ref<string | undefined>(props.value ? format(new Date(props.value), 'yyyy-MM-dd') : undefined);
+
+function onDateChange(value: string) {
+	date.value = value;
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<UiField class="date-filter" :label="normalizedLabel" :required="required">
+		<UiInput
+			ref="input"
+			type="date"
+			:name="`${label}-${fieldKey}`"
+			:model-value="date ?? null"
+			:disabled="disabled"
+			:readonly="readonly"
+			:data-testid="`record-${label}-date`"
+			@update:model-value="onDateChange"
+		/>
+	</UiField>
+</template>
diff --git a/frontend-vue/src/components/fields/filter/DateTimeFilter.spec.ts b/frontend-vue/src/components/fields/filter/DateTimeFilter.spec.ts
new file mode 100644
index 000000000..20a72306d
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/DateTimeFilter.spec.ts
@@ -0,0 +1,109 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import DateTimeFilter from './DateTimeFilter.vue';
+import { pickComparator, selectedComparator } from './filterTestUtils';
+
+const ISO_NO_MS = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}Z$/;
+
+function byTestId(wrapper: ReturnType<typeof mount>, id: string) {
+	return wrapper.find(`[data-testid="${id}"]`);
+}
+
+describe('DateTimeFilter', () => {
+	afterEach(() => vi.useRealTimers());
+
+	it('defaults to last day and emits that preset with gte on mount', () => {
+		vi.useFakeTimers();
+		vi.setSystemTime(new Date('2024-03-10T12:00:00.123Z'));
+		const wrapper = mount(DateTimeFilter, { props: { label: 'created' } });
+		expect(selectedComparator(wrapper)).toBe('last day');
+		expect(wrapper.emitted('fieldChange')).toEqual([['2024-03-09T12:00:00Z']]);
+		expect(wrapper.emitted('comparatorChange')).toEqual([['gte']]);
+		expect(wrapper.find('input').exists()).toBe(false);
+	});
+
+	it('restores a string value as gte with its date and time, and re-emits gte', () => {
+		const wrapper = mount(DateTimeFilter, { props: { label: 'created', value: '2021-06-26T07:22:00.603' } });
+		expect(selectedComparator(wrapper)).toBe('on or after');
+		expect((byTestId(wrapper, 'record-created-date').element as HTMLInputElement).value).toBe('2021-06-26');
+		expect((byTestId(wrapper, 'record-created-time').element as HTMLInputElement).value).toBe('07:22:00');
+		expect(wrapper.emitted('comparatorChange')).toEqual([['gte']]);
+		expect(wrapper.emitted('fieldChange')).toBeUndefined();
+	});
+
+	it('emits the date (with 00:00:00 when no time is set) and the mode', async () => {
+		const wrapper = mount(DateTimeFilter, { props: { label: 'created' } });
+		await pickComparator(wrapper, 'on');
+		await byTestId(wrapper, 'record-created-date').setValue('2021-08-26');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual(['2021-08-26T00:00:00Z']);
+		expect(wrapper.emitted('comparatorChange')?.at(-1)).toEqual(['eq']);
+		expect((byTestId(wrapper, 'record-created-time').element as HTMLInputElement).value).toBe('00:00:00');
+	});
+
+	it('emits on a time change with the mode', async () => {
+		const wrapper = mount(DateTimeFilter, { props: { label: 'created', value: '2021-07-26T08:00:00' } });
+		await pickComparator(wrapper, 'before');
+		await byTestId(wrapper, 'record-created-time').setValue('07:20:00');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual(['2021-07-26T07:20:00Z']);
+		expect(wrapper.emitted('comparatorChange')?.at(-1)).toEqual(['lt']);
+	});
+
+	it('emits gte and a computed UTC value for each preset', async () => {
+		const wrapper = mount(DateTimeFilter, { props: { label: 'created', value: '2021-07-26T08:00:00' } });
+		await pickComparator(wrapper, 'last hour');
+		expect(wrapper.emitted('comparatorChange')?.at(-1)).toEqual(['gte']);
+		expect(wrapper.emitted('fieldChange')?.at(-1)?.[0]).toMatch(ISO_NO_MS);
+	});
+
+	it('re-emits the existing datetime when switching to a custom mode', async () => {
+		const wrapper = mount(DateTimeFilter, { props: { label: 'created', value: '2021-08-26T10:00:00' } });
+		await pickComparator(wrapper, 'after');
+		expect(wrapper.emitted('comparatorChange')?.at(-1)).toEqual(['gt']);
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual(['2021-08-26T10:00:00Z']);
+	});
+
+	it('emits [lower, upper] with between, null for a missing bound', async () => {
+		const wrapper = mount(DateTimeFilter, { props: { label: 'created' } });
+		await pickComparator(wrapper, 'between');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual([undefined]);
+		expect(wrapper.emitted('comparatorChange')?.at(-1)).toEqual(['between']);
+
+		const inputs = wrapper.findAll('input');
+		await inputs[0]?.setValue('2024-01-01');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual([['2024-01-01T00:00:00Z', null]]);
+		await inputs[2]?.setValue('2024-01-31');
+		await inputs[3]?.setValue('23:59:59');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual([['2024-01-01T00:00:00Z', '2024-01-31T23:59:59Z']]);
+		expect(wrapper.emitted('comparatorChange')?.at(-1)).toEqual(['between']);
+	});
+
+	it('parses comma-separated datetimes with in, undefined when empty', async () => {
+		const wrapper = mount(DateTimeFilter, { props: { label: 'created' } });
+		await pickComparator(wrapper, 'in');
+		await wrapper.find('input').setValue('2024-01-01T00:00:00Z, 2024-02-01T00:00:00Z');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual([['2024-01-01T00:00:00Z', '2024-02-01T00:00:00Z']]);
+		expect(wrapper.emitted('comparatorChange')?.at(-1)).toEqual(['in']);
+		await wrapper.find('input').setValue('   ');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual([undefined]);
+	});
+
+	it('restores between and in from the stored comparator', () => {
+		const between = mount(DateTimeFilter, {
+			props: { label: 'created', comparator: 'between', value: ['2024-01-01T00:00:00Z', '2024-01-31T23:59:59Z'] },
+		});
+		expect(selectedComparator(between)).toBe('between');
+		expect(between.findAll('input').map((i) => (i.element as HTMLInputElement).value)).toEqual([
+			'2024-01-01',
+			'00:00:00',
+			'2024-01-31',
+			'23:59:59',
+		]);
+		expect(between.emitted('comparatorChange')).toEqual([['between']]);
+
+		const inMode = mount(DateTimeFilter, {
+			props: { label: 'created', comparator: 'in', value: ['2024-01-01T00:00:00Z', '2024-02-01T00:00:00Z'] },
+		});
+		expect((inMode.find('input').element as HTMLInputElement).value).toBe('2024-01-01T00:00:00Z, 2024-02-01T00:00:00Z');
+		expect(inMode.emitted('comparatorChange')).toEqual([['in']]);
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/DateTimeFilter.stories.ts b/frontend-vue/src/components/fields/filter/DateTimeFilter.stories.ts
new file mode 100644
index 000000000..c3d412b7a
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/DateTimeFilter.stories.ts
@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import DateTimeFilter from './DateTimeFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/DateTime',
+	component: DateTimeFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'datetime', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '2024-01-15T10:30:00',
+	},
+} satisfies Meta<typeof DateTimeFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
+export const Between: Story = {
+	args: { comparator: 'between', value: ['2024-01-01T00:00:00Z', '2024-01-31T23:59:59Z'] },
+};
+export const LastDayPreset: Story = { args: { value: undefined } };
diff --git a/frontend-vue/src/components/fields/filter/DateTimeFilter.vue b/frontend-vue/src/components/fields/filter/DateTimeFilter.vue
new file mode 100644
index 000000000..624557649
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/DateTimeFilter.vue
@@ -0,0 +1,307 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/date-time (`DateTimeFilterComponent`), a "smart" filter with its own
+ * comparator: the presets last hour / day / week / month / year (emitted as `gte` <now minus the
+ * period>, UTC ISO without milliseconds), on / after / before / on or after / on or before
+ * (`eq`/`gt`/`lt`/`gte`/`lte` on `<date>T<time>Z`), between (`[lower, upper]`, a missing bound is
+ * `null`) and in (comma-separated ISO datetimes).
+ *
+ * On mount, like `ngAfterViewInit`: with no value it emits the default `last_day` preset and `gte`;
+ * a string value restores `gte` with its local date and time and re-emits `gte`.
+ *
+ * `comparator` is an addition: Angular kept the between / in restore paths but its mode always
+ * started at `last_day`, so they could never run. Passing the stored comparator (`between` or `in`)
+ * with an array value restores them. Without it the Angular behaviour is unchanged.
+ */
+import { format, subDays, subHours, subMonths, subYears } from 'date-fns';
+import { onMounted, ref } from 'vue';
+import { type SelectOption, UiField, UiInput } from '@/components/ui';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import FilterComparatorRow from './FilterComparatorRow.vue';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+const MODES: SelectOption<string>[] = [
+	{ value: 'last_hour', label: 'last hour' },
+	{ value: 'last_day', label: 'last day' },
+	{ value: 'last_week', label: 'last week' },
+	{ value: 'last_month', label: 'last month' },
+	{ value: 'last_year', label: 'last year' },
+	{ value: 'eq', label: 'on' },
+	{ value: 'gt', label: 'after' },
+	{ value: 'lt', label: 'before' },
+	{ value: 'gte', label: 'on or after' },
+	{ value: 'lte', label: 'on or before' },
+	{ value: 'between', label: 'between' },
+	{ value: 'in', label: 'in' },
+];
+
+const PRESET_MODES = ['last_hour', 'last_day', 'last_week', 'last_month', 'last_year'];
+
+const props = defineProps<
+	FilterFieldProps & {
+		value?: string | (string | null)[] | null;
+		/** The stored comparator, to restore a `between` / `in` filter from its array value. */
+		comparator?: string;
+	}
+>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+const filterMode = ref('last_day');
+const date = ref<string | undefined>();
+const time = ref<string | undefined>();
+const lowerDate = ref<string | undefined>();
+const lowerTime = ref<string | undefined>();
+const upperDate = ref<string | undefined>();
+const upperTime = ref<string | undefined>();
+const inValueText = ref('');
+const BOUNDS = { lowerDate, lowerTime, upperDate, upperTime };
+
+// ngOnInit
+if ((props.comparator === 'between' || props.comparator === 'in') && Array.isArray(props.value)) {
+	filterMode.value = props.comparator;
+	if (props.comparator === 'between') restoreBetween(props.value);
+	else inValueText.value = props.value.join(', ');
+} else if (typeof props.value === 'string' && props.value) {
+	const datetime = new Date(props.value);
+	date.value = format(datetime, 'yyyy-MM-dd');
+	time.value = format(datetime, 'HH:mm:ss');
+	filterMode.value = 'gte';
+}
+
+onMounted(() => {
+	if (filterMode.value === 'between' || filterMode.value === 'in') {
+		emit('comparatorChange', filterMode.value);
+	} else if (props.value) {
+		// Angular emitted the mode as is here: `gte` for a restored string. (An array value without
+		// `comparator` emits `last_day`, as it did in Angular.)
+		emit('comparatorChange', filterMode.value);
+	} else {
+		emit('fieldChange', computePresetValue(filterMode.value));
+		emit('comparatorChange', 'gte');
+	}
+});
+
+function isPresetMode(): boolean {
+	return PRESET_MODES.includes(filterMode.value);
+}
+
+function onFilterModeChange(mode: string) {
+	const previous = filterMode.value;
+	filterMode.value = mode;
+
+	if (PRESET_MODES.includes(mode)) {
+		emit('fieldChange', computePresetValue(mode));
+		emit('comparatorChange', 'gte');
+		return;
+	}
+
+	if (mode === 'in' || mode === 'between') {
+		if (previous !== mode) {
+			inValueText.value = '';
+			lowerDate.value = undefined;
+			lowerTime.value = undefined;
+			upperDate.value = undefined;
+			upperTime.value = undefined;
+			emit('fieldChange', undefined);
+		}
+		emit('comparatorChange', mode);
+		return;
+	}
+
+	emit('comparatorChange', mode);
+	if (date.value) emit('fieldChange', `${date.value}T${time.value || '00:00'}Z`);
+}
+
+function onDateChange(value: string) {
+	date.value = value;
+	if (!time.value) time.value = '00:00:00';
+	emit('fieldChange', `${date.value}T${time.value}Z`);
+	emit('comparatorChange', filterMode.value);
+}
+
+function onTimeChange(value: string) {
+	time.value = value;
+	emit('fieldChange', `${date.value}T${time.value}Z`);
+	emit('comparatorChange', filterMode.value);
+}
+
+function onBetweenChange(bound: 'lowerDate' | 'lowerTime' | 'upperDate' | 'upperTime', value: string) {
+	BOUNDS[bound].value = value;
+	emit('fieldChange', [
+		composeDateTime(lowerDate.value, lowerTime.value),
+		composeDateTime(upperDate.value, upperTime.value),
+	]);
+	emit('comparatorChange', 'between');
+}
+
+function onInTextChange(text: string) {
+	inValueText.value = text;
+	const parts = text
+		.split(',')
+		.map((v) => v.trim())
+		.filter((v) => v.length > 0);
+	if (parts.length === 0) {
+		emit('fieldChange', undefined);
+		return;
+	}
+	emit('fieldChange', parts);
+	emit('comparatorChange', 'in');
+}
+
+function restoreBetween(value: (string | null)[]) {
+	if (value[0]) {
+		const iso = new Date(value[0]).toISOString();
+		lowerDate.value = iso.slice(0, 10);
+		lowerTime.value = iso.slice(11, 19);
+	}
+	if (value[1]) {
+		const iso = new Date(value[1]).toISOString();
+		upperDate.value = iso.slice(0, 10);
+		upperTime.value = iso.slice(11, 19);
+	}
+}
+
+function composeDateTime(dateValue: string | undefined, timeValue: string | undefined): string | null {
+	if (!dateValue) return null;
+	return `${dateValue}T${timeValue || '00:00:00'}Z`;
+}
+
+/** Now minus the preset's period, as a genuine UTC ISO string without milliseconds. */
+function computePresetValue(mode: string): string {
+	const now = new Date();
+	let target: Date;
+	switch (mode) {
+		case 'last_hour':
+			target = subHours(now, 1);
+			break;
+		case 'last_day':
+			target = subDays(now, 1);
+			break;
+		case 'last_week':
+			target = subDays(now, 7);
+			break;
+		case 'last_month':
+			target = subMonths(now, 1);
+			break;
+		case 'last_year':
+			target = subYears(now, 1);
+			break;
+		default:
+			target = now;
+	}
+	return target.toISOString().replace(/\.\d{3}Z$/, 'Z');
+}
+</script>
+
+<template>
+	<FilterComparatorRow
+		class="date-time-filter"
+		:model-value="filterMode"
+		:options="MODES"
+		:label="`${normalizedLabel} comparator`"
+		@update:model-value="onFilterModeChange"
+	>
+		<div v-if="filterMode === 'between'" class="date-time-filter__between">
+			<div class="date-time-filter__couple">
+				<UiField :label="`${normalizedLabel} (from date)`" :required="required">
+					<UiInput
+						ref="input"
+						type="date"
+						:name="`${label}-${fieldKey}-lower-date`"
+						:model-value="lowerDate ?? null"
+						:disabled="disabled"
+						@update:model-value="onBetweenChange('lowerDate', $event)"
+					/>
+				</UiField>
+				<UiField label="(from time)" :required="required">
+					<UiInput
+						type="time"
+						:name="`${label}-${fieldKey}-lower-time`"
+						:model-value="lowerTime ?? null"
+						:disabled="disabled"
+						@update:model-value="onBetweenChange('lowerTime', $event)"
+					/>
+				</UiField>
+			</div>
+			<div class="date-time-filter__couple">
+				<UiField :label="`${normalizedLabel} (to date)`" :required="required">
+					<UiInput
+						type="date"
+						:name="`${label}-${fieldKey}-upper-date`"
+						:model-value="upperDate ?? null"
+						:disabled="disabled"
+						@update:model-value="onBetweenChange('upperDate', $event)"
+					/>
+				</UiField>
+				<UiField label="(to time)" :required="required">
+					<UiInput
+						type="time"
+						:name="`${label}-${fieldKey}-upper-time`"
+						:model-value="upperTime ?? null"
+						:disabled="disabled"
+						@update:model-value="onBetweenChange('upperTime', $event)"
+					/>
+				</UiField>
+			</div>
+		</div>
+		<UiField
+			v-else-if="filterMode === 'in'"
+			:label="`${normalizedLabel} (comma-separated ISO datetimes)`"
+			:required="required"
+		>
+			<UiInput
+				ref="input"
+				:name="`${label}-${fieldKey}-in`"
+				placeholder="2024-01-01T00:00:00Z, 2024-02-01T00:00:00Z"
+				:model-value="inValueText"
+				:disabled="disabled"
+				@update:model-value="onInTextChange"
+			/>
+		</UiField>
+		<div v-else-if="!isPresetMode()" class="date-time-filter__couple">
+			<UiField :label="`${normalizedLabel} (date)`" :required="required">
+				<UiInput
+					ref="input"
+					type="date"
+					:name="`${label}-${fieldKey}-date`"
+					:model-value="date ?? null"
+					:disabled="disabled"
+					:readonly="readonly"
+					:data-testid="`record-${label}-date`"
+					@update:model-value="onDateChange"
+				/>
+			</UiField>
+			<UiField :label="`${normalizedLabel} (time)`" :required="required">
+				<UiInput
+					type="time"
+					:name="`${label}-${fieldKey}-time`"
+					:model-value="time ?? null"
+					:disabled="disabled"
+					:readonly="readonly"
+					:data-testid="`record-${label}-time`"
+					@update:model-value="onTimeChange"
+				/>
+			</UiField>
+		</div>
+	</FilterComparatorRow>
+</template>
+
+<style scoped>
+.date-time-filter__between {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.date-time-filter__couple {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: var(--space-4);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/DefaultFilter.spec.ts b/frontend-vue/src/components/fields/filter/DefaultFilter.spec.ts
new file mode 100644
index 000000000..a9e612749
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/DefaultFilter.spec.ts
@@ -0,0 +1,132 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { UIwidgets } from '@/consts/filter-types';
+import DateFilter from './DateFilter.vue';
+import DefaultFilter from './DefaultFilter.vue';
+import { comparatorLabels, pickComparator, selectedComparator } from './filterTestUtils';
+import NumberFilter from './NumberFilter.vue';
+import TextFilter from './TextFilter.vue';
+
+describe('DefaultFilter', () => {
+	it('offers text comparators around a text widget', () => {
+		const wrapper = mount(DefaultFilter, { props: { label: 'name', valueComponent: TextFilter } });
+		expect(comparatorLabels(wrapper)).toEqual([
+			'starts with',
+			'ends with',
+			'equal',
+			'contains',
+			'not contains',
+			'is empty',
+		]);
+	});
+
+	it('offers number comparators, with in and between, around number and datetime widgets', () => {
+		const expected = [
+			'equal',
+			'greater than',
+			'less than',
+			'greater than or equal',
+			'less than or equal',
+			'in',
+			'between',
+		];
+		expect(comparatorLabels(mount(DefaultFilter, { props: { label: 'n', valueComponent: NumberFilter } }))).toEqual(
+			expected,
+		);
+		expect(comparatorLabels(mount(DefaultFilter, { props: { label: 'd', valueComponent: DateFilter } }))).toEqual(
+			expected,
+		);
+	});
+
+	it('resolves the lazy widgets from the filter-types map', async () => {
+		const wrapper = mount(DefaultFilter, { props: { label: 'name', value: 'Ada', valueComponent: UIwidgets.String } });
+		expect(comparatorLabels(wrapper)).toContain('not contains');
+		await flushPromises();
+		await new Promise((resolve) => setTimeout(resolve));
+		await flushPromises();
+		expect((wrapper.find('[data-testid="record-name-text"]').element as HTMLInputElement).value).toBe('Ada');
+	});
+
+	it('emits the initial comparator on mount', () => {
+		const wrapper = mount(DefaultFilter, {
+			props: { label: 'name', comparator: 'contains', valueComponent: TextFilter },
+		});
+		expect(selectedComparator(wrapper)).toBe('contains');
+		expect(wrapper.emitted('comparatorChange')).toEqual([['contains']]);
+	});
+
+	it('renders the widget with the value and re-emits its changes', async () => {
+		const wrapper = mount(DefaultFilter, {
+			props: { label: 'name', fieldKey: 'k', value: 'foo', valueComponent: TextFilter },
+		});
+		const input = wrapper.find('[data-testid="record-name-text"]');
+		expect((input.element as HTMLInputElement).value).toBe('foo');
+		await input.setValue('bar');
+		expect(wrapper.emitted('fieldChange')).toEqual([['bar']]);
+	});
+
+	it('emits "" and makes the widget readonly for is empty', async () => {
+		const wrapper = mount(DefaultFilter, { props: { label: 'name', value: 'foo', valueComponent: TextFilter } });
+		await pickComparator(wrapper, 'is empty');
+		expect(wrapper.emitted('fieldChange')).toEqual([['']]);
+		expect(wrapper.emitted('comparatorChange')?.at(-1)).toEqual(['empty']);
+		const input = wrapper.find('[data-testid="record-name-text"]').element as HTMLInputElement;
+		expect(input.readOnly).toBe(true);
+		expect(input.value).toBe('');
+	});
+
+	it('emits only the comparator for other selections', async () => {
+		const wrapper = mount(DefaultFilter, { props: { label: 'name', value: 'foo', valueComponent: TextFilter } });
+		await pickComparator(wrapper, 'contains');
+		expect(wrapper.emitted('fieldChange')).toBeUndefined();
+		expect(wrapper.emitted('comparatorChange')?.at(-1)).toEqual(['contains']);
+	});
+
+	it('clears the value when switching to in, then parses comma-separated text', async () => {
+		const wrapper = mount(DefaultFilter, { props: { label: 'age', value: '42', valueComponent: NumberFilter } });
+		await pickComparator(wrapper, 'in');
+		expect(wrapper.emitted('fieldChange')).toEqual([[undefined]]);
+		expect(wrapper.emitted('comparatorChange')?.at(-1)).toEqual(['in']);
+
+		await wrapper.find('input').setValue('1, 2,3 , 4');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual([['1', '2', '3', '4']]);
+		await wrapper.find('input').setValue('   ');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual([undefined]);
+	});
+
+	it('restores the in text from an array value', () => {
+		const wrapper = mount(DefaultFilter, {
+			props: { label: 'age', comparator: 'in', value: ['1', '2', '3'], valueComponent: NumberFilter },
+		});
+		expect((wrapper.find('input').element as HTMLInputElement).value).toBe('1, 2, 3');
+	});
+
+	it('renders the widget twice for between and emits [lower, upper]', async () => {
+		const wrapper = mount(DefaultFilter, { props: { label: 'age', fieldKey: 'k', valueComponent: NumberFilter } });
+		await pickComparator(wrapper, 'between');
+		expect(wrapper.emitted('fieldChange')).toEqual([[undefined]]);
+
+		const lower = wrapper.find('[data-testid="record-age (from)-number"]');
+		const upper = wrapper.find('[data-testid="record-age (to)-number"]');
+		expect(lower.attributes('name')).toBe('age (from)-k-lower');
+		await lower.setValue('10');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual([[10, undefined]]);
+		await upper.setValue('20');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual([[10, 20]]);
+	});
+
+	it('restores the between bounds from a two-element array', () => {
+		const wrapper = mount(DefaultFilter, {
+			props: { label: 'age', comparator: 'between', value: [5, 15], valueComponent: NumberFilter },
+		});
+		expect(wrapper.findAll('input').map((i) => (i.element as HTMLInputElement).value)).toEqual(['5', '15']);
+	});
+
+	it('does not clear the value when re-selecting the current in / between', async () => {
+		const wrapper = mount(DefaultFilter, {
+			props: { label: 'age', comparator: 'between', value: [5, 15], valueComponent: NumberFilter },
+		});
+		await pickComparator(wrapper, 'between');
+		expect(wrapper.emitted('fieldChange')).toBeUndefined();
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/DefaultFilter.stories.ts b/frontend-vue/src/components/fields/filter/DefaultFilter.stories.ts
new file mode 100644
index 000000000..ad0782496
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/DefaultFilter.stories.ts
@@ -0,0 +1,59 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure } from '../stories.mocks';
+import DateFilter from './DateFilter.vue';
+import DefaultFilter from './DefaultFilter.vue';
+import NumberFilter from './NumberFilter.vue';
+import TextFilter from './TextFilter.vue';
+
+// No Angular story existed for DefaultFilterComponent; these show each comparator family and the
+// in / between layouts it adds around the wrapped widget.
+const meta = {
+	title: 'Filter Fields/Default',
+	component: DefaultFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		valueComponent: TextFilter,
+		comparator: 'eq',
+		value: 'Sample text',
+	},
+} satisfies Meta<typeof DefaultFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const TextContains: Story = { args: { comparator: 'contains' } };
+export const TextIsEmpty: Story = { args: { comparator: 'empty', value: '' } };
+export const NumberEqual: Story = {
+	args: { valueComponent: NumberFilter, value: 42, structure: mockStructure({ data_type: 'int' }) },
+};
+export const NumberIn: Story = {
+	args: {
+		valueComponent: NumberFilter,
+		comparator: 'in',
+		value: ['1', '2', '3'],
+		structure: mockStructure({ data_type: 'int' }),
+	},
+};
+export const NumberBetween: Story = {
+	args: {
+		valueComponent: NumberFilter,
+		comparator: 'between',
+		value: [10, 20],
+		structure: mockStructure({ data_type: 'int' }),
+	},
+};
+export const DateBetween: Story = {
+	args: {
+		valueComponent: DateFilter,
+		comparator: 'between',
+		value: ['2024-01-01', '2024-01-31'],
+		structure: mockStructure({ data_type: 'date' }),
+	},
+};
diff --git a/frontend-vue/src/components/fields/filter/DefaultFilter.vue b/frontend-vue/src/components/fields/filter/DefaultFilter.vue
new file mode 100644
index 000000000..1885c551c
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/DefaultFilter.vue
@@ -0,0 +1,176 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/default-filter (`DefaultFilterComponent`): the comparator select hosts put
+ * around a "simple" value widget (comparator family `text`, `number` or `datetime`, see
+ * `comparatorType.ts` / `usesDefaultFilter()`), and that widget rendered through `<component :is>`
+ * (the Angular `ndc-dynamic`).
+ *
+ * - `text` widgets get starts with / ends with / equal / contains / not contains / is empty;
+ *   everything else equal / gt / lt / gte / lte / in / between.
+ * - `in` swaps the widget for a comma-separated text input and emits the trimmed, non-empty parts
+ *   (`undefined` when there are none).
+ * - `between` renders the widget twice ("(from)" / "(to)") and emits `[lower, upper]`.
+ * - `empty` emits `''` and makes the widget readonly.
+ * - Switching into `in` / `between` from another comparator clears the value (`undefined`).
+ *
+ * Emits the initial `comparator` on mount, as `ngAfterViewInit` did.
+ */
+import { type Component, computed, onMounted, ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { getFilterComparatorType, NUMBER_COMPARATORS, TEXT_COMPARATORS } from './comparatorType';
+import FilterComparatorRow from './FilterComparatorRow.vue';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+const props = withDefaults(
+	defineProps<
+		FilterFieldProps & {
+			/** The wrapped widget's value; an array for `in` / `between`. */
+			value?: unknown;
+			/** The stored comparator; `eq` for a new filter. */
+			comparator?: string;
+			/** The value widget, a component from `@/consts/filter-types`. */
+			valueComponent?: Component;
+		}
+	>(),
+	{ comparator: 'eq' },
+);
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+
+const inInput = ref<FocusTarget>(null);
+useAutofocus(props, inInput);
+
+const comparator = ref(props.comparator);
+const value = ref<unknown>(props.value);
+const inValueText = ref('');
+const betweenLower = ref<unknown>();
+const betweenUpper = ref<unknown>();
+
+// ngOnInit
+if (comparator.value === 'in' && Array.isArray(props.value)) {
+	inValueText.value = props.value.join(', ');
+} else if (comparator.value === 'between' && Array.isArray(props.value)) {
+	betweenLower.value = props.value[0];
+	betweenUpper.value = props.value[1];
+}
+
+const comparatorOptions = computed(() =>
+	getFilterComparatorType(props.valueComponent) === 'text' ? TEXT_COMPARATORS : NUMBER_COMPARATORS,
+);
+
+const innerProps = computed(() => ({
+	fieldKey: props.fieldKey,
+	label: props.label,
+	value: value.value,
+	readonly: comparator.value === 'empty',
+	structure: props.structure,
+	relations: props.relations,
+	autofocus: props.autofocus,
+}));
+
+const lowerProps = computed(() => ({
+	fieldKey: `${props.fieldKey}-lower`,
+	label: `${props.label} (from)`,
+	value: betweenLower.value,
+	structure: props.structure,
+	relations: props.relations,
+	autofocus: props.autofocus,
+}));
+
+const upperProps = computed(() => ({
+	fieldKey: `${props.fieldKey}-upper`,
+	label: `${props.label} (to)`,
+	value: betweenUpper.value,
+	structure: props.structure,
+	relations: props.relations,
+}));
+
+onMounted(() => emit('comparatorChange', comparator.value));
+
+function onComparatorSelect(next: string) {
+	const previous = comparator.value;
+	comparator.value = next;
+
+	if (next === 'empty') {
+		value.value = '';
+		emit('fieldChange', '');
+	} else if ((next === 'in' || next === 'between') && previous !== next) {
+		value.value = undefined;
+		inValueText.value = '';
+		betweenLower.value = undefined;
+		betweenUpper.value = undefined;
+		emit('fieldChange', undefined);
+	}
+
+	emit('comparatorChange', next);
+}
+
+function onValueChange(next: unknown) {
+	value.value = next;
+	emit('fieldChange', next);
+}
+
+function onInTextChange(text: string) {
+	inValueText.value = text;
+	const parts = text
+		.split(',')
+		.map((v) => v.trim())
+		.filter((v) => v.length > 0);
+	value.value = parts.length === 0 ? undefined : parts;
+	emit('fieldChange', value.value);
+}
+
+function onBetweenLowerChange(next: unknown) {
+	betweenLower.value = next;
+	value.value = [betweenLower.value, betweenUpper.value];
+	emit('fieldChange', value.value);
+}
+
+function onBetweenUpperChange(next: unknown) {
+	betweenUpper.value = next;
+	value.value = [betweenLower.value, betweenUpper.value];
+	emit('fieldChange', value.value);
+}
+</script>
+
+<template>
+	<FilterComparatorRow
+		class="default-filter"
+		:model-value="comparator"
+		:options="comparatorOptions"
+		:label="`${normalizedLabel} comparator`"
+		@update:model-value="onComparatorSelect"
+	>
+		<UiField v-if="comparator === 'in'" :label="`${normalizedLabel} (comma-separated)`" :required="required">
+			<UiInput
+				ref="inInput"
+				:name="`${label}-${fieldKey}-in`"
+				placeholder="value1, value2, value3"
+				:model-value="inValueText"
+				:disabled="disabled"
+				@update:model-value="onInTextChange"
+			/>
+		</UiField>
+		<div v-else-if="comparator === 'between'" class="default-filter__between">
+			<component :is="valueComponent" v-if="valueComponent" v-bind="lowerProps" @field-change="onBetweenLowerChange" />
+			<component :is="valueComponent" v-if="valueComponent" v-bind="upperProps" @field-change="onBetweenUpperChange" />
+		</div>
+		<component :is="valueComponent" v-else-if="valueComponent" v-bind="innerProps" @field-change="onValueChange" />
+	</FilterComparatorRow>
+</template>
+
+<style scoped>
+.default-filter__between {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--space-2);
+}
+
+.default-filter__between > * {
+  flex: 1;
+  min-width: 0;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/EmailFilter.spec.ts b/frontend-vue/src/components/fields/filter/EmailFilter.spec.ts
new file mode 100644
index 000000000..24a520231
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/EmailFilter.spec.ts
@@ -0,0 +1,63 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import EmailFilter from './EmailFilter.vue';
+import { comparatorLabels, pickComparator, selectedComparator } from './filterTestUtils';
+
+describe('EmailFilter', () => {
+	it('offers its own comparators and defaults to equal', () => {
+		const wrapper = mount(EmailFilter, { props: { label: 'email' } });
+		expect(comparatorLabels(wrapper)).toEqual([
+			'equal',
+			'domain equal',
+			'contains',
+			'starts with',
+			'ends with',
+			'is empty',
+		]);
+		expect(selectedComparator(wrapper)).toBe('equal');
+	});
+
+	it('does not emit a comparator on mount in eq mode', () => {
+		const wrapper = mount(EmailFilter, { props: { label: 'email', value: 'a@b.c' } });
+		expect(wrapper.emitted('comparatorChange')).toBeUndefined();
+	});
+
+	it('restores domain mode from an @domain value and emits endswith on mount', () => {
+		const wrapper = mount(EmailFilter, { props: { label: 'email', value: '@example.com' } });
+		expect(selectedComparator(wrapper)).toBe('domain equal');
+		expect((wrapper.find('input').element as HTMLInputElement).value).toBe('example.com');
+		expect(wrapper.emitted('comparatorChange')).toEqual([['endswith']]);
+	});
+
+	it('prefixes the domain with @ and filters endswith', async () => {
+		const wrapper = mount(EmailFilter, { props: { label: 'email' } });
+		await pickComparator(wrapper, 'domain equal');
+		expect(wrapper.emitted('comparatorChange')).toEqual([['endswith']]);
+		await wrapper.find('input').setValue('gmail.com');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual(['@gmail.com']);
+		expect(wrapper.emitted('comparatorChange')?.at(-1)).toEqual(['endswith']);
+	});
+
+	it('emits the plain text with the current mode', async () => {
+		const wrapper = mount(EmailFilter, { props: { label: 'email' } });
+		await pickComparator(wrapper, 'contains');
+		await wrapper.find('input').setValue('user@test.com');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual(['user@test.com']);
+		expect(wrapper.emitted('comparatorChange')).toEqual([['contains'], ['contains']]);
+	});
+
+	it('re-emits the value with the new comparator on a mode change', async () => {
+		const wrapper = mount(EmailFilter, { props: { label: 'email', value: 'user@test.com' } });
+		await pickComparator(wrapper, 'starts with');
+		expect(wrapper.emitted('comparatorChange')).toEqual([['startswith']]);
+		expect(wrapper.emitted('fieldChange')).toEqual([['user@test.com']]);
+	});
+
+	it('clears the value and hides the input in empty mode', async () => {
+		const wrapper = mount(EmailFilter, { props: { label: 'email', value: 'x@y.z' } });
+		await pickComparator(wrapper, 'is empty');
+		expect(wrapper.emitted('comparatorChange')).toEqual([['empty']]);
+		expect(wrapper.emitted('fieldChange')).toEqual([['']]);
+		expect(wrapper.find('input').exists()).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/EmailFilter.stories.ts b/frontend-vue/src/components/fields/filter/EmailFilter.stories.ts
new file mode 100644
index 000000000..d089dcfab
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/EmailFilter.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import EmailFilter from './EmailFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/Email',
+	component: EmailFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'user@example.com',
+	},
+} satisfies Meta<typeof EmailFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
+export const Domain: Story = { args: { value: '@example.com' } };
diff --git a/frontend-vue/src/components/fields/filter/EmailFilter.vue b/frontend-vue/src/components/fields/filter/EmailFilter.vue
new file mode 100644
index 000000000..49c024107
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/EmailFilter.vue
@@ -0,0 +1,120 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/email (`EmailFilterComponent`), a "smart" filter with its own comparator:
+ * equal, domain equal, contains, starts with, ends with, is empty. "Domain equal" filters
+ * `endswith` on `@<domain>`; an incoming `@…` value restores that mode and emits `endswith` on
+ * mount. In the default `eq` mode nothing is emitted on mount.
+ */
+import { onMounted, ref } from 'vue';
+import { type SelectOption, UiField, UiInput } from '@/components/ui';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import FilterComparatorRow from './FilterComparatorRow.vue';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+type EmailFilterMode = 'eq' | 'domain' | 'contains' | 'startswith' | 'endswith' | 'empty';
+
+const MODES: SelectOption<EmailFilterMode>[] = [
+	{ value: 'eq', label: 'equal' },
+	{ value: 'domain', label: 'domain equal' },
+	{ value: 'contains', label: 'contains' },
+	{ value: 'startswith', label: 'starts with' },
+	{ value: 'endswith', label: 'ends with' },
+	{ value: 'empty', label: 'is empty' },
+];
+
+const props = defineProps<FilterFieldProps & { value?: string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+const isDomain = Boolean(props.value?.startsWith('@'));
+const filterMode = ref<EmailFilterMode>(isDomain ? 'domain' : 'eq');
+const domainValue = ref(isDomain && props.value ? props.value.substring(1) : '');
+const text = ref<string | null | undefined>(props.value);
+
+onMounted(() => {
+	if (filterMode.value !== 'eq')
+		emit('comparatorChange', filterMode.value === 'domain' ? 'endswith' : filterMode.value);
+});
+
+function onFilterModeChange(mode: string) {
+	filterMode.value = mode as EmailFilterMode;
+	if (mode === 'domain') {
+		text.value = domainValue.value ? `@${domainValue.value}` : '';
+		emit('comparatorChange', 'endswith');
+	} else if (mode === 'empty') {
+		text.value = '';
+		emit('comparatorChange', 'empty');
+	} else {
+		emit('comparatorChange', mode);
+	}
+	emit('fieldChange', text.value);
+}
+
+function onDomainChange(domain: string) {
+	domainValue.value = domain;
+	text.value = domain ? `@${domain}` : '';
+	emit('fieldChange', text.value);
+	emit('comparatorChange', 'endswith');
+}
+
+function onValueChange(value: string) {
+	text.value = value;
+	emit('fieldChange', value);
+	emit('comparatorChange', filterMode.value);
+}
+</script>
+
+<template>
+	<FilterComparatorRow
+		class="email-filter"
+		:model-value="filterMode"
+		:options="MODES"
+		:label="`${normalizedLabel} comparator`"
+		@update:model-value="onFilterModeChange"
+	>
+		<UiField v-if="filterMode === 'domain'" :label="`${normalizedLabel} (domain)`" :required="required">
+			<div class="email-filter__domain">
+				<span class="email-filter__prefix" aria-hidden="true">@</span>
+				<UiInput
+					ref="input"
+					type="text"
+					placeholder="gmail.com"
+					:name="`${label}-${fieldKey}`"
+					:model-value="domainValue"
+					:disabled="disabled"
+					:readonly="readonly"
+					@update:model-value="onDomainChange"
+				/>
+			</div>
+		</UiField>
+		<UiField v-else-if="filterMode !== 'empty'" :label="normalizedLabel" :required="required">
+			<UiInput
+				ref="input"
+				type="text"
+				:name="`${label}-${fieldKey}`"
+				:model-value="text ?? null"
+				:disabled="disabled"
+				:readonly="readonly"
+				@update:model-value="onValueChange"
+			/>
+		</UiField>
+	</FilterComparatorRow>
+</template>
+
+<style scoped>
+.email-filter__domain {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.email-filter__prefix {
+  font-size: var(--text-base);
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/FILTER_WIDGETS.md b/frontend-vue/src/components/fields/filter/FILTER_WIDGETS.md
new file mode 100644
index 000000000..fdcff6d9f
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/FILTER_WIDGETS.md
@@ -0,0 +1,268 @@
+# Filter Widget Architecture
+
+Vue port of `frontend/src/app/components/ui-components/filter-fields/FILTER_WIDGETS.md`.
+
+## Directory
+
+All filter widgets live in `src/components/fields/filter/`, one flat SFC per widget, named after the
+Angular class minus `Component` (`TextFilterComponent` → `TextFilter.vue`). Each has a colocated
+`<Name>.spec.ts` (Vitest + @vue/test-utils) and `<Name>.stories.ts` (title `Filter Fields/<Name>`).
+
+Shared pieces in the same directory:
+
+| File | Role |
+| --- | --- |
+| `comparatorType.ts` | The Angular `static type` per widget, `getFilterComparatorType()`, `getComparatorFamily()`, `usesDefaultFilter()`, and the `TEXT_COMPARATORS` / `NUMBER_COMPARATORS` lists |
+| `FilterComparatorRow.vue` | The smart-filter layout (`.filter-row` / `.comparator-field` / `.value-field`): comparator `UiSelect` + default slot |
+| `DefaultFilter.vue` | The comparator wrapper hosts put around a simple widget |
+| `useAutofocus.ts` | The `autofocus` prop: focuses the control 100 ms after mount |
+| `timezones.ts` | The Intl timezone list of `TimezoneFilter` |
+| `filterTestUtils.ts` | Spec helpers (`pickComparator`, `comparatorLabels`, `selectedComparator`) |
+
+## Base contract (replaces `BaseFilterFieldComponent`)
+
+`../types.ts` + `../useFieldWidget.ts`:
+
+```ts
+const props = defineProps<FilterFieldProps & { value?: string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+const { normalizedLabel, widgetParams } = useFilterField(props);
+```
+
+**Props (`FilterFieldProps`):** `fieldKey` (Angular `key`, which is reserved in Vue), `label`,
+`required`, `readonly`, `structure` (TableField), `disabled`, `widgetStructure`, `relations`
+(TableForeignKey), `autofocus`. Each widget declares its own typed `value`.
+
+**Events (`FilterFieldEmits`):** `fieldChange` (Angular `onFieldChange`, the filter value) and
+`comparatorChange` (Angular `onComparatorChange`, the comparator string).
+
+**Composable:** `normalizedLabel` (human-readable field name) and `widgetParams` (widget params
+parsed whether they arrive as an object or a JSON string; `{}` when unparseable).
+
+## Two Types of Filter Widgets
+
+### 1. Simple filters (the host adds the comparator)
+
+The widget's comparator type is listed in `FILTER_COMPARATOR_TYPES` (`comparatorType.ts`), the
+replacement for the Angular `static type`:
+
+- `'text'` (TextFilter, LongTextFilter) → starts with, ends with, equal, contains, not contains, is empty
+- `'number'` (NumberFilter, TimeIntervalFilter) or `'datetime'` (DateFilter, TimeFilter) → equal,
+  gt, lt, gte, lte, in, between
+- `'file'` (FileFilter), `'timezone'` (TimezoneFilter), or not listed → `nonComparable`: no
+  comparator is shown
+
+The widget only emits `fieldChange`. The host renders it inside `DefaultFilter`, which owns the
+comparator select.
+
+### 2. Smart filters (the widget manages its own comparator)
+
+Not listed in `FILTER_COMPARATOR_TYPES`, so `getComparatorFamily()` is `nonComparable` and the
+host renders only the widget. The widget keeps an internal `filterMode`, renders its own select
+through `FilterComparatorRow`, and emits both `fieldChange` and `comparatorChange`.
+
+**Examples:** `EmailFilter`, `PhoneFilter`, `DateTimeFilter`, `BinaryFilter`; `BooleanFilter` and
+`SelectFilter` render no select but still emit `comparatorChange` (`eq`, or `in` for several
+selected values).
+
+## Why the type lives in a table, not on the component
+
+A Vue SFC has no static members, and the maps in `@/consts/filter-types` hand out
+`defineAsyncComponent` wrappers whose target has not loaded when the host decides which comparator
+list to show. `getFilterComparatorType(component)` therefore looks the wrapper up by identity
+(every DB-type entry reuses one wrapper per widget), and falls back to the SFC's compiled
+`__name` for a widget imported directly (tests, stories). It unwraps reactive proxies first.
+
+## Comparator routing (host side)
+
+```ts
+import { UIwidgets, filterTypes } from '@/consts/filter-types';
+import { getComparatorFamily, getFilterComparatorType, usesDefaultFilter } from '@/components/fields/filter/comparatorType';
+import DefaultFilter from '@/components/fields/filter/DefaultFilter.vue';
+
+const valueComponent = isWidget(field) ? UIwidgets[widgetType] : filterTypes[connectionType][columnType];
+const component = usesDefaultFilter(valueComponent) ? DefaultFilter : valueComponent;
+const props = usesDefaultFilter(valueComponent)
+	? { ...baseProps, valueComponent, comparator: comparators[field] || 'eq' }
+	: isWidget(field) ? { ...baseProps, widgetStructure } : baseProps;
+```
+
+```vue
+<component :is="component" v-bind="props"
+	@field-change="(value) => updateField(value, field)"
+	@comparator-change="(comparator) => updateComparator(comparator, field)" />
+```
+
+`baseProps` = `{ fieldKey, label, value, structure, relations (foreign keys only), autofocus }`.
+
+## Registration
+
+In `src/consts/filter-types.ts`:
+
+- `UIwidgets`: widget type name → lazy component (e.g. `DateTime: DateTimeFilter`)
+- `filterTypes`: database column type → lazy component, per database (e.g.
+  `postgres['timestamp without time zone']: DateTimeFilter`)
+
+A new simple widget also needs its type in `FILTER_COMPARATOR_TYPES` **and** its wrapper in
+`BY_WRAPPER` in `comparatorType.ts`.
+
+## Data Flow
+
+1. User adds a filter → the host stores the field's value and comparator (default `'eq'`).
+2. `<component :is>` renders the widget (or `DefaultFilter` around it) with the props above and
+   listens to `fieldChange` / `comparatorChange`.
+3. The widget emits value / comparator → the host stores them.
+4. "Filter" → filters are encoded as JsonURL in the `filters` query param → the table refetches.
+
+## Filter Data Format
+
+URL: `?filters=<JsonURL-encoded>` where filters = `{ fieldName: { comparator: value } }`
+
+Example: `{ created_at: { gte: "2024-01-01T00:00:00Z" }, email: { endswith: "@gmail.com" } }`
+
+## What each widget emits, and when
+
+| Widget | On mount | On change |
+| --- | --- | --- |
+| DefaultFilter | `comparatorChange(comparator)` | `empty` → `fieldChange('')`; switching into `in` / `between` → `fieldChange(undefined)`; then `comparatorChange`. `in` → trimmed parts or `undefined`; `between` → `[lower, upper]` |
+| DateTimeFilter | no value → `fieldChange(<last day>)` + `comparatorChange('gte')`; string value → `comparatorChange('gte')`; `comparator` `between` / `in` + array → `comparatorChange(that)` | presets → value + `gte`; date / time → `<date>T<time>Z` + mode; between → `[lower \| null, upper \| null]` + `between`; in → parts + `in` |
+| EmailFilter | `@domain` value → `comparatorChange('endswith')`, else nothing | domain → `@<domain>` + `endswith`; empty → `''` + `empty`; text → value + mode |
+| PhoneFilter | dial-code value → `comparatorChange('startswith')`, else nothing | country → dial code + `startswith`; empty → `''` + `empty`; text → value + mode |
+| BinaryFilter | nothing | input → hex (`''` while undecodable) + mode; mode → comparator + current hex (`''` for empty) |
+| BooleanFilter | `comparatorChange('eq')` | `true`/`false`/`null` (`1`/`0` for MySQL, MSSQL, Oracle) + `eq` |
+| SelectFilter | `comparatorChange('eq')` | none → `undefined` + `eq`; one → scalar + `eq`; several → array + `in` |
+| PasswordFilter | `fieldChange(value)` (`***` → `''`) | value; "Clear password" → `null` |
+| ForeignKeyFilter | `fieldChange(<referenced value>)` once the current row loads | debounced 500 ms: known suggestion → its value; `''` → `null` |
+| Text, Number (parsed, `null` when empty), LongText, Date (`yyyy-MM-dd`), Time, Id, Country (code), Timezone, JsonEditor (text), TimeInterval (Postgres interval), Point (`{ x, y }`) | nothing | `fieldChange(value)` |
+| StaticText, BinaryDataCaption, File | nothing | nothing |
+
+---
+
+# How to Create a New Filter Widget
+
+## Step 1: Create the SFC
+
+`src/components/fields/filter/<Name>Filter.vue`:
+
+```vue
+<script setup lang="ts">
+/** Port of filter-fields/<name> (`<Name>FilterComponent`): what it filters. */
+import { onMounted, ref } from 'vue';
+import { type SelectOption, UiField, UiInput } from '@/components/ui';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import FilterComparatorRow from './FilterComparatorRow.vue'; // smart filters only
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+const MODES: SelectOption<string>[] = [{ value: 'eq', label: 'equal' } /* … */];
+
+const props = defineProps<FilterFieldProps & { value?: string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+const { normalizedLabel } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+// Smart filter: an internal mode, restored from `props.value` here (the Angular ngOnInit).
+const filterMode = ref('eq');
+const text = ref(props.value ?? '');
+
+// The Angular ngAfterViewInit emission (smart filters only).
+onMounted(() => emit('comparatorChange', filterMode.value));
+
+function onFilterModeChange(mode: string) {
+	filterMode.value = mode;
+	emit('comparatorChange', mode); // or map it to a backend comparator
+	emit('fieldChange', text.value);
+}
+
+function onValueChange(value: string) {
+	text.value = value;
+	emit('fieldChange', value);
+	emit('comparatorChange', filterMode.value); // smart filter only
+}
+</script>
+
+<template>
+	<!-- Simple filter: just the UiField. -->
+	<FilterComparatorRow
+		:model-value="filterMode"
+		:options="MODES"
+		:label="`${normalizedLabel} comparator`"
+		@update:model-value="onFilterModeChange"
+	>
+		<UiField v-if="filterMode !== 'empty'" :label="normalizedLabel" :required="required">
+			<UiInput
+				ref="input"
+				:name="`${label}-${fieldKey}`"
+				:model-value="text"
+				:disabled="disabled"
+				:readonly="readonly"
+				@update:model-value="onValueChange"
+			/>
+		</UiField>
+	</FilterComparatorRow>
+</template>
+```
+
+Styling: scoped `<style>`, BEM classes named after the widget (`.name-filter__part`), only
+`var(--…)` tokens from `src/assets/theme.css` (`font-size`, `gap` and `padding` must use one).
+
+`<script setup>` cannot export values: shared constants go in a sibling `.ts` file.
+
+## Step 2: Register it
+
+1. In `src/consts/filter-types.ts`, add a `defineAsyncComponent` for it and put it in `UIwidgets`
+   and/or the `filterTypes` DB maps.
+2. A simple widget: add its name to `FILTER_COMPARATOR_TYPES` and its wrapper to `BY_WRAPPER` in
+   `comparatorType.ts`.
+
+## Step 3: Tests and a story
+
+```ts
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { pickComparator } from './filterTestUtils';
+import NameFilter from './NameFilter.vue';
+
+describe('NameFilter', () => {
+	it('emits the comparator on mount', () => {
+		const wrapper = mount(NameFilter, { props: { label: 'field' } });
+		expect(wrapper.emitted('comparatorChange')).toEqual([['eq']]);
+	});
+
+	it('emits the value with the picked mode', async () => {
+		const wrapper = mount(NameFilter, { props: { label: 'field' } });
+		await pickComparator(wrapper, 'contains');
+		await wrapper.find('input').setValue('abc');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual(['abc']);
+		expect(wrapper.emitted('comparatorChange')?.at(-1)).toEqual(['contains']);
+	});
+});
+```
+
+Cover: value emission, comparator emission (on mount and on change), restoring from an incoming
+value, mode switching. Widgets using a store: `setActivePinia(createPinia())` in `beforeEach` and
+`vi.spyOn(useTablesStore(), 'fetchTable')`; the connections store needs
+`vi.mock('@/lib/cedar-wasm', …)` to keep the Cedar engine from loading.
+
+The story: `title: 'Filter Fields/<Name>'`, `tags: ['autodocs']`, `satisfies Meta<typeof X>`,
+args from `mockStructure()` / `mockWidgetStructure()` (`../stories.mocks`), and the
+Default / Required / Readonly / Disabled stories. Stub stores in a decorator when the widget fetches.
+
+## Key Gotchas
+
+- **Emit on mount with `onMounted`**, not in a watcher: hosts rely on the initial
+  `comparatorChange` the Angular `ngAfterViewInit` sent. `mount()` captures it, so specs see it in
+  `wrapper.emitted()`.
+- **Comparator mapping**: internal modes can differ from backend comparators. Email's `'domain'`
+  emits `'endswith'`; Phone's `'country'` emits `'startswith'`; DateTime's presets emit `'gte'`.
+- **URL restoration**: a restored value can't tell preset modes from custom ones; default to the
+  custom comparator (DateTime restores a string as `gte`). DateTime and DefaultFilter take a
+  `comparator` prop to restore `between` / `in` from an array value.
+- **Timezone**: for datetime values use `toISOString()` for genuine UTC. Never `format()` with a
+  literal `'Z'` — that is local time with a fake UTC marker.
+- **Boolean-ish `value` props**: a `value` typed `boolean | string` makes Vue cast `''` to `true`.
+  Put `string` first in the union (`string | number | boolean | null`).
+- **Focus**: `useAutofocus` focuses a native element, a primitive's root control, or a component's
+  exposed `focus()` (UiAutocomplete). A segmented group focuses its first radio.
diff --git a/frontend-vue/src/components/fields/filter/FileFilter.spec.ts b/frontend-vue/src/components/fields/filter/FileFilter.spec.ts
new file mode 100644
index 000000000..ed740624e
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/FileFilter.spec.ts
@@ -0,0 +1,11 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import FileFilter from './FileFilter.vue';
+
+describe('FileFilter', () => {
+	it('says file columns cannot be filtered', () => {
+		const wrapper = mount(FileFilter, { props: { label: 'attachment' } });
+		expect(wrapper.text()).toBe('Not available for filtering');
+		expect(wrapper.emitted()).not.toHaveProperty('fieldChange');
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/FileFilter.stories.ts b/frontend-vue/src/components/fields/filter/FileFilter.stories.ts
new file mode 100644
index 000000000..b9a1dfc5a
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/FileFilter.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import FileFilter from './FileFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/File',
+	component: FileFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'blob', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+	},
+} satisfies Meta<typeof FileFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/filter/FileFilter.vue b/frontend-vue/src/components/fields/filter/FileFilter.vue
new file mode 100644
index 000000000..2520a286d
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/FileFilter.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/file (`FileFilterComponent`): file columns can't be filtered, so it only
+ * says so. Comparator family `file` (see `comparatorType.ts`), which no host maps to a comparator list.
+ */
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+
+defineProps<FilterFieldProps & { value?: unknown }>();
+defineEmits<FilterFieldEmits>();
+</script>
+
+<template>
+	<div class="file-filter">Not available for filtering</div>
+</template>
+
+<style scoped>
+.file-filter {
+  font-size: var(--text-sm);
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/FilterComparatorRow.vue b/frontend-vue/src/components/fields/filter/FilterComparatorRow.vue
new file mode 100644
index 000000000..de73da329
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/FilterComparatorRow.vue
@@ -0,0 +1,66 @@
+<script setup lang="ts">
+/**
+ * The layout every "smart" Angular filter repeated (`.filter-row` / `.comparator-field` /
+ * `.value-field`): its own comparator `mat-select`, then the value control(s) in the default slot.
+ * Used by DefaultFilter, DateTimeFilter, EmailFilter, PhoneFilter and BinaryFilter.
+ *
+ * The comparator select has no visible label (it had none in Angular either); `label` becomes its
+ * accessible name. The row aligns to the end, so the select lines up with the value control
+ * under its UiField label.
+ */
+
+import type { SelectOption } from '@/components/ui';
+import { UiSelect } from '@/components/ui';
+
+defineProps<{
+	/** The selected comparator / filter mode. */
+	modelValue: string;
+	options: SelectOption<string>[];
+	/** Accessible name of the comparator select, e.g. "Email comparator". */
+	label: string;
+	disabled?: boolean;
+}>();
+
+const emit = defineEmits<{ 'update:modelValue': [string] }>();
+
+function onSelect(value: string | string[] | null) {
+	if (typeof value === 'string') emit('update:modelValue', value);
+}
+</script>
+
+<template>
+	<div class="filter-comparator-row">
+		<UiSelect
+			class="filter-comparator-row__comparator"
+			:model-value="modelValue"
+			:options="options"
+			:aria-label="label"
+			:disabled="disabled"
+			data-testid="filter-comparator"
+			@update:model-value="onSelect"
+		/>
+		<div v-if="$slots.default" class="filter-comparator-row__value">
+			<slot />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.filter-comparator-row {
+  display: flex;
+  align-items: flex-end;
+  gap: var(--space-2);
+  width: 100%;
+}
+
+.filter-comparator-row .filter-comparator-row__comparator {
+  flex: 0 0 auto;
+  width: auto;
+  min-width: 9.5rem;
+}
+
+.filter-comparator-row__value {
+  flex: 1;
+  min-width: 0;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/ForeignKeyFilter.spec.ts b/frontend-vue/src/components/fields/filter/ForeignKeyFilter.spec.ts
new file mode 100644
index 000000000..2330d79d8
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/ForeignKeyFilter.spec.ts
@@ -0,0 +1,179 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import type { TableForeignKey } from '@/models/table';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTablesStore } from '@/stores/tables';
+import ForeignKeyFilter from './ForeignKeyFilter.vue';
+
+vi.mock('@/lib/cedar-wasm', () => ({ loadCedarWasm: () => new Promise(() => {}) }));
+
+const usersTable = {
+	rows: [
+		{ id: 33, firstname: 'Alex', lastname: 'Taylor', email: 'new-user-5@email.com', age: 24 },
+		{ id: 34, firstname: 'Alex', lastname: 'Johnson', email: 'new-user-4@email.com', age: 24 },
+		{ id: 35, firstname: 'Alex', lastname: 'Smith', email: 'some-new@email.com', age: 24 },
+	],
+	primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
+};
+
+const relations: TableForeignKey = {
+	autocomplete_columns: ['firstname', 'lastname', 'email'],
+	column_name: 'userId',
+	constraint_name: '',
+	referenced_column_name: 'id',
+	referenced_table_name: 'users',
+	column_default: '',
+};
+
+const RouterLinkStub = { props: ['to'], template: '<a :data-to="JSON.stringify(to)"><slot /></a>' };
+
+function mountFilter(props: Record<string, unknown> = {}) {
+	return mount(ForeignKeyFilter, {
+		props: { label: 'user_id', relations, ...props },
+		global: { stubs: { RouterLink: RouterLinkStub } },
+	});
+}
+
+function optionTexts(wrapper: ReturnType<typeof mount>) {
+	return wrapper.findAll('[role="option"]').map((option) => option.text());
+}
+
+describe('ForeignKeyFilter', () => {
+	let fetchTable: ReturnType<typeof vi.spyOn>;
+
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		useConnectionsStore().connectionID = '12345678';
+		fetchTable = vi.spyOn(useTablesStore(), 'fetchTable');
+	});
+
+	afterEach(() => vi.useRealTimers());
+
+	it('loads the current row and the suggestions, with the identity column', async () => {
+		fetchTable.mockResolvedValue({ ...usersTable, identity_column: 'lastname' });
+		const wrapper = mountFilter({ value: '33' });
+		await flushPromises();
+
+		expect(fetchTable).toHaveBeenNthCalledWith(1, {
+			connectionID: '12345678',
+			tableName: 'users',
+			requstedPage: 1,
+			chunkSize: 10,
+			foreignKeyRowName: 'id',
+			foreignKeyRowValue: '33',
+		});
+		expect(fetchTable).toHaveBeenNthCalledWith(2, {
+			connectionID: '12345678',
+			tableName: 'users',
+			requstedPage: 1,
+			chunkSize: 20,
+			foreignKeyRowName: 'autocomplete',
+			foreignKeyRowValue: '',
+			referencedColumn: 'id',
+		});
+		expect((wrapper.find('input').element as HTMLInputElement).value).toBe('Taylor (Alex | new-user-5@email.com)');
+		expect(wrapper.emitted('fieldChange')).toEqual([[33]]);
+
+		await wrapper.find('input').trigger('focus');
+		expect(optionTexts(wrapper)).toEqual([
+			'Taylor (Alex | new-user-5@email.com)',
+			'Johnson (Alex | new-user-4@email.com)',
+			'Smith (Alex | some-new@email.com)',
+		]);
+	});
+
+	it('joins the autocomplete columns without an identity column', async () => {
+		fetchTable.mockResolvedValue(usersTable);
+		const wrapper = mountFilter({ value: '33' });
+		await flushPromises();
+		expect((wrapper.find('input').element as HTMLInputElement).value).toBe('Alex | Taylor | new-user-5@email.com');
+	});
+
+	it('joins every non-empty column without autocomplete columns', async () => {
+		fetchTable.mockResolvedValue(usersTable);
+		const wrapper = mountFilter({ value: '33', relations: { ...relations, autocomplete_columns: [] } });
+		await flushPromises();
+		expect((wrapper.find('input').element as HTMLInputElement).value).toBe(
+			'33 | Alex | Taylor | new-user-5@email.com | 24',
+		);
+	});
+
+	it('links to the related record', async () => {
+		fetchTable.mockResolvedValue(usersTable);
+		const wrapper = mountFilter({ value: '33' });
+		await flushPromises();
+		const link = wrapper.find('a[aria-label="Show related record"]');
+		expect(JSON.parse(link.attributes('data-to') ?? '{}')).toEqual({
+			path: '/dashboard/12345678/users/entry',
+			query: { id: '33' },
+		});
+	});
+
+	it('emits the value of a typed suggestion after the debounce', async () => {
+		fetchTable.mockResolvedValue(usersTable);
+		const wrapper = mountFilter();
+		await flushPromises();
+		vi.useFakeTimers();
+		await wrapper.find('input').setValue('Alex | Johnson | new-user-4@email.com');
+		expect(wrapper.emitted('fieldChange')).toBeUndefined();
+		vi.advanceTimersByTime(500);
+		await flushPromises();
+		expect(wrapper.emitted('fieldChange')).toEqual([[34]]);
+		expect(fetchTable).toHaveBeenCalledTimes(2);
+	});
+
+	it('searches the referenced table for other text', async () => {
+		fetchTable.mockResolvedValue(usersTable);
+		const wrapper = mountFilter();
+		await flushPromises();
+		fetchTable.mockResolvedValue({
+			rows: [{ id: 23, firstname: 'John', lastname: 'Taylor', email: 'new-user-0@email.com', age: 24 }],
+			primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
+			identity_column: 'lastname',
+		});
+		vi.useFakeTimers();
+		await wrapper.find('input').setValue('John');
+		vi.advanceTimersByTime(500);
+		await flushPromises();
+		expect(fetchTable).toHaveBeenLastCalledWith({
+			connectionID: '12345678',
+			tableName: 'users',
+			requstedPage: 1,
+			chunkSize: 20,
+			foreignKeyRowName: 'autocomplete',
+			foreignKeyRowValue: 'John',
+			referencedColumn: 'id',
+		});
+		expect(optionTexts(wrapper)).toEqual(['Taylor (John | new-user-0@email.com)']);
+	});
+
+	it('shows a disabled no-match row, and emits null for cleared text', async () => {
+		fetchTable.mockResolvedValue(usersTable);
+		const wrapper = mountFilter({ value: '33' });
+		await flushPromises();
+		fetchTable.mockResolvedValue({ rows: [], primaryColumns: [] });
+		vi.useFakeTimers();
+		await wrapper.find('input').setValue('skjfhskjdf');
+		vi.advanceTimersByTime(500);
+		await flushPromises();
+		const option = wrapper.find('[role="option"]');
+		expect(option.text()).toBe('No field starts with "skjfhskjdf" in foreign entity.');
+		expect(option.attributes('aria-disabled')).toBe('true');
+
+		await wrapper.find('input').setValue('');
+		vi.advanceTimersByTime(500);
+		await flushPromises();
+		expect(wrapper.emitted('fieldChange')).toContainEqual([null]);
+	});
+
+	it('points the link at a picked suggestion', async () => {
+		fetchTable.mockResolvedValue(usersTable);
+		const wrapper = mountFilter();
+		await flushPromises();
+		await wrapper.find('input').trigger('focus');
+		await wrapper.findAll('[role="option"]')[2]?.trigger('click');
+		const link = wrapper.find('a[aria-label="Show related record"]');
+		expect(JSON.parse(link.attributes('data-to') ?? '{}').query).toEqual({ id: '35' });
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/ForeignKeyFilter.stories.ts b/frontend-vue/src/components/fields/filter/ForeignKeyFilter.stories.ts
new file mode 100644
index 000000000..01c04ebcb
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/ForeignKeyFilter.stories.ts
@@ -0,0 +1,59 @@
+import type { Decorator, Meta, StoryObj } from '@storybook/vue3-vite';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTablesStore } from '@/stores/tables';
+import { mockRelations, mockStructure, mockWidgetStructure } from '../stories.mocks';
+import ForeignKeyFilter from './ForeignKeyFilter.vue';
+
+const customers = {
+	rows: [
+		{ id: 1, name: 'Ada Lovelace', email: 'ada@example.com' },
+		{ id: 2, name: 'Grace Hopper', email: 'grace@example.com' },
+		{ id: 3, name: 'Alan Turing', email: 'alan@example.com' },
+	],
+	primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
+	identity_column: 'name',
+};
+
+/** Answers the widget's row lookups from `customers`, so the story renders without a backend. */
+const withStubbedTables: Decorator = (story) => ({
+	components: { story },
+	setup() {
+		useConnectionsStore().connectionID = 'storybook';
+		const tables = useTablesStore();
+		tables.fetchTable = (({ foreignKeyRowName, foreignKeyRowValue }) => {
+			const text = String(foreignKeyRowValue ?? '').toLowerCase();
+			const rows =
+				foreignKeyRowName === 'autocomplete'
+					? customers.rows.filter((row) => row.name.toLowerCase().includes(text))
+					: customers.rows.filter((row) => String(row.id) === foreignKeyRowValue);
+			return Promise.resolve({ ...customers, rows });
+		}) as typeof tables.fetchTable;
+	},
+	template: '<story />',
+});
+
+const meta = {
+	title: 'Filter Fields/ForeignKey',
+	component: ForeignKeyFilter,
+	tags: ['autodocs'],
+	decorators: [withStubbedTables],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'int', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		relations: mockRelations({ autocomplete_columns: ['name', 'email'] }),
+		value: '1',
+	},
+} satisfies Meta<typeof ForeignKeyFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/filter/ForeignKeyFilter.vue b/frontend-vue/src/components/fields/filter/ForeignKeyFilter.vue
new file mode 100644
index 000000000..98f2ead26
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/ForeignKeyFilter.vue
@@ -0,0 +1,257 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/foreign-key (`ForeignKeyFilterComponent`): an autocomplete over the
+ * referenced table's rows, with a link to the selected related record.
+ *
+ * On setup it loads the row the current value points at (its display string and link, and emits
+ * the referenced value) and the first 20 suggestions. Typing is debounced 500 ms: text matching a
+ * known suggestion emits that suggestion's value, anything else searches the referenced table.
+ * Clearing the text emits `null`. Suggestions read "identity (col | col)", or the autocomplete
+ * columns (else every non-empty column) joined by " | ".
+ */
+import { computed, onBeforeUnmount, ref } from 'vue';
+import { type LocationQueryRaw, RouterLink } from 'vue-router';
+import { type AutocompleteOption, UiAutocomplete, UiField, UiIcon } from '@/components/ui';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTablesStore } from '@/stores/tables';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+interface FetchTableResponse {
+	rows: Record<string, unknown>[];
+	primaryColumns: { column_name: string; data_type: string }[];
+	identity_column?: string;
+}
+
+interface ForeignKeySuggestion {
+	displayString: string;
+	primaryKeys?: Record<string, unknown>;
+	fieldValue?: unknown;
+}
+
+const SEARCH_DEBOUNCE = 500;
+
+const props = defineProps<FilterFieldProps & { value?: string | number | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+const tables = useTablesStore();
+const connections = useConnectionsStore();
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+const connectionID = connections.connectionID ?? '';
+const currentDisplayedString = ref('');
+const currentFieldValue = ref<unknown>();
+const currentFieldQueryParams = ref<Record<string, unknown>>({});
+const suggestions = ref<ForeignKeySuggestion[]>([]);
+const fetching = ref(true);
+let identityColumn: string | undefined;
+let debounceTimer: ReturnType<typeof setTimeout> | undefined;
+
+const options = ref<AutocompleteOption<ForeignKeySuggestion>[]>([]);
+
+/** The related row's primary key(s), as the link's query string. */
+const linkQuery = computed<LocationQueryRaw>(() =>
+	Object.fromEntries(
+		Object.entries(currentFieldQueryParams.value).map(([key, value]) => [key, value == null ? null : String(value)]),
+	),
+);
+
+loadInitial();
+
+onBeforeUnmount(() => clearTimeout(debounceTimer));
+
+function onSearchInput(text: string) {
+	currentDisplayedString.value = text;
+	clearTimeout(debounceTimer);
+	debounceTimer = setTimeout(() => {
+		if (currentDisplayedString.value === '') emit('fieldChange', null);
+		fetchSuggestions();
+	}, SEARCH_DEBOUNCE);
+}
+
+/** `optionSelected` → `updateRelatedLink`: point the link at the picked row. */
+function onSelect(option: AutocompleteOption<ForeignKeySuggestion>) {
+	currentFieldQueryParams.value = option.value.primaryKeys ?? {};
+}
+
+async function fetchSuggestions(): Promise<void> {
+	const rels = props.relations;
+	const currentRow = suggestions.value.find((suggestion) => suggestion.displayString === currentDisplayedString.value);
+	if (currentRow !== undefined) {
+		currentFieldValue.value = currentRow.fieldValue;
+		emit('fieldChange', currentFieldValue.value);
+		return;
+	}
+	if (!rels) return;
+	fetching.value = true;
+	try {
+		const res = await tables.fetchTable<FetchTableResponse>({
+			connectionID,
+			tableName: rels.referenced_table_name,
+			requstedPage: 1,
+			chunkSize: 20,
+			foreignKeyRowName: 'autocomplete',
+			foreignKeyRowValue: currentDisplayedString.value,
+			referencedColumn: rels.referenced_column_name,
+		});
+		identityColumn = res?.identity_column;
+		if (!res || res.rows.length === 0) {
+			setSuggestions([{ displayString: `No field starts with "${currentDisplayedString.value}" in foreign entity.` }]);
+		} else {
+			setSuggestions(res.rows.map((row) => toSuggestion(row, res)));
+		}
+	} catch (error) {
+		console.error('Error fetching suggestions:', error);
+	} finally {
+		fetching.value = false;
+	}
+}
+
+async function loadInitial(): Promise<void> {
+	const rels = props.relations;
+	if (!rels) {
+		fetching.value = false;
+		return;
+	}
+	try {
+		const res = await tables.fetchTable<FetchTableResponse>({
+			connectionID,
+			tableName: rels.referenced_table_name,
+			requstedPage: 1,
+			chunkSize: 10,
+			foreignKeyRowName: rels.referenced_column_name,
+			foreignKeyRowValue: props.value == null ? undefined : String(props.value),
+		});
+
+		const first = res?.rows[0];
+		if (res && first) {
+			identityColumn = res.identity_column;
+			if (props.value) {
+				currentDisplayedString.value = displayStringOf(first);
+				currentFieldValue.value = first[rels.referenced_column_name];
+				currentFieldQueryParams.value = primaryKeysOf(first, res);
+				emit('fieldChange', currentFieldValue.value);
+			}
+		}
+
+		const suggestionsRes = await tables.fetchTable<FetchTableResponse>({
+			connectionID,
+			tableName: rels.referenced_table_name,
+			requstedPage: 1,
+			chunkSize: 20,
+			foreignKeyRowName: 'autocomplete',
+			foreignKeyRowValue: '',
+			referencedColumn: rels.referenced_column_name,
+		});
+		identityColumn = suggestionsRes?.identity_column;
+		setSuggestions(suggestionsRes ? suggestionsRes.rows.map((row) => toSuggestion(row, suggestionsRes)) : []);
+	} catch (error) {
+		console.error('Error loading foreign key data:', error);
+	} finally {
+		fetching.value = false;
+	}
+}
+
+function setSuggestions(list: ForeignKeySuggestion[]) {
+	suggestions.value = list;
+	// The "No field starts with …" row has no value to pick, so it is shown disabled.
+	options.value = list.map((suggestion) => ({
+		value: suggestion,
+		label: suggestion.displayString,
+		disabled: suggestion.fieldValue === undefined && suggestion.primaryKeys === undefined,
+	}));
+}
+
+function toSuggestion(row: Record<string, unknown>, res: FetchTableResponse): ForeignKeySuggestion {
+	return {
+		displayString: displayStringOf(row),
+		primaryKeys: primaryKeysOf(row, res),
+		fieldValue: row[props.relations?.referenced_column_name ?? ''],
+	};
+}
+
+function displayStringOf(row: Record<string, unknown>): string {
+	const joined = Object.values(getModifiedRow(row))
+		.filter((value) => value)
+		.join(' | ');
+	return identityColumn ? `${row[identityColumn]} (${joined})` : joined;
+}
+
+function primaryKeysOf(row: Record<string, unknown>, res: FetchTableResponse): Record<string, unknown> {
+	return Object.fromEntries(res.primaryColumns.map((key) => [key.column_name, row[key.column_name]]));
+}
+
+/** The autocomplete columns minus the identity column, else every non-empty column. */
+function getModifiedRow(row: Record<string, unknown>): Record<string, unknown> {
+	const autocompleteColumns = props.relations?.autocomplete_columns;
+	if (autocompleteColumns && autocompleteColumns.length > 0) {
+		const columns = autocompleteColumns.filter((column) => column !== identityColumn);
+		return Object.fromEntries(columns.map((column) => [column, row[column]]));
+	}
+	return Object.fromEntries(Object.entries(row).filter(([, value]) => value));
+}
+</script>
+
+<template>
+	<div class="foreign-key-filter">
+		<UiField :label="normalizedLabel" :required="required">
+			<UiAutocomplete
+				ref="input"
+				:model-value="currentDisplayedString"
+				:options="options"
+				:loading="fetching"
+				auto-active-first
+				:disabled="disabled"
+				:readonly="readonly"
+				@update:model-value="onSearchInput"
+				@select="onSelect"
+			/>
+		</UiField>
+		<RouterLink
+			v-if="relations"
+			class="foreign-key-filter__link"
+			:to="{
+				path: `/dashboard/${connectionID}/${relations.referenced_table_name}/entry`,
+				query: linkQuery,
+			}"
+			target="_blank"
+			title="Show related record"
+			aria-label="Show related record"
+		>
+			<UiIcon name="open_in_new" size="sm" />
+		</RouterLink>
+	</div>
+</template>
+
+<style scoped>
+.foreign-key-filter {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  align-items: end;
+  gap: var(--space-2);
+}
+
+.foreign-key-filter__link {
+  display: inline-grid;
+  place-items: center;
+  width: var(--space-8);
+  height: var(--space-8);
+  margin-block-end: var(--space-1);
+  border-radius: var(--radius-control);
+  color: var(--color-muted);
+}
+
+.foreign-key-filter__link:hover {
+  color: var(--color-ink);
+  background: var(--color-paper);
+}
+
+.foreign-key-filter__link:focus-visible {
+  outline: none;
+  box-shadow: var(--ring-focus);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/IdFilter.spec.ts b/frontend-vue/src/components/fields/filter/IdFilter.spec.ts
new file mode 100644
index 000000000..14553c8fd
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/IdFilter.spec.ts
@@ -0,0 +1,30 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import IdFilter from './IdFilter.vue';
+
+const UUID = '123e4567-e89b-12d3-a456-426614174000';
+
+describe('IdFilter', () => {
+	it('renders the value with the test id', () => {
+		const wrapper = mount(IdFilter, { props: { label: 'id', value: UUID } });
+		expect((wrapper.find('[data-testid="record-id-id"]').element as HTMLInputElement).value).toBe(UUID);
+	});
+
+	it('emits every edit', async () => {
+		const wrapper = mount(IdFilter, { props: { label: 'id' } });
+		await wrapper.find('input').setValue('abc');
+		expect(wrapper.emitted('fieldChange')).toEqual([['abc']]);
+	});
+
+	it('flags a value that is not a GUID once edited, and accepts braces', async () => {
+		const wrapper = mount(IdFilter, { props: { label: 'id' } });
+		const input = wrapper.find('input');
+		await input.setValue('not-a-guid');
+		expect(wrapper.text()).toContain("Value doesn't match pattern.");
+		expect((input.element as HTMLInputElement).checkValidity()).toBe(false);
+
+		await input.setValue(`{${UUID}}`);
+		expect(wrapper.text()).not.toContain("Value doesn't match pattern.");
+		expect((input.element as HTMLInputElement).checkValidity()).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/IdFilter.stories.ts b/frontend-vue/src/components/fields/filter/IdFilter.stories.ts
new file mode 100644
index 000000000..37458e2ba
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/IdFilter.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import IdFilter from './IdFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/Id',
+	component: IdFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'int', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'Sample text',
+	},
+} satisfies Meta<typeof IdFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
+export const ValidGuid: Story = { args: { value: '123e4567-e89b-12d3-a456-426614174000' } };
diff --git a/frontend-vue/src/components/fields/filter/IdFilter.vue b/frontend-vue/src/components/fields/filter/IdFilter.vue
new file mode 100644
index 000000000..9e0e4f03e
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/IdFilter.vue
@@ -0,0 +1,59 @@
+<script setup lang="ts">
+/** Port of filter-fields/id (`IdFilterComponent`): a UUID text filter with the GUID pattern check. */
+import { computed, ref, watch } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import { vCustomValidity } from '@/directives/customValidity';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+const props = defineProps<FilterFieldProps & { value?: string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+/**
+ * The Angular `pattern` attribute. Checked in script rather than as a native `pattern`: browsers
+ * compile that with the `v` flag, where the unescaped `[{]` is a syntax error and the rule is dropped.
+ */
+const ID_PATTERN = /^[{]?[0-9a-fA-F]{8}-([0-9a-fA-F]{4}-){3}[0-9a-fA-F]{12}[}]?$/;
+
+const text = ref(props.value ?? '');
+const dirty = ref(false);
+watch(
+	() => props.value,
+	(value) => {
+		text.value = value ?? '';
+	},
+);
+
+const patternMessage = computed(() =>
+	text.value && !ID_PATTERN.test(text.value) ? "Value doesn't match pattern." : '',
+);
+const error = computed(() => (dirty.value && patternMessage.value) || undefined);
+
+function onInput(value: string) {
+	text.value = value;
+	dirty.value = true;
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<UiField class="id-filter" :label="normalizedLabel" :required="required" :error="error">
+		<UiInput
+			ref="input"
+			v-custom-validity="patternMessage"
+			type="text"
+			:name="`${label}-${fieldKey}`"
+			:model-value="text"
+			:disabled="disabled"
+			:readonly="readonly"
+			:data-testid="`record-${label}-id`"
+			@update:model-value="onInput"
+		/>
+	</UiField>
+</template>
diff --git a/frontend-vue/src/components/fields/filter/JsonEditorFilter.spec.ts b/frontend-vue/src/components/fields/filter/JsonEditorFilter.spec.ts
new file mode 100644
index 000000000..baad66c07
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/JsonEditorFilter.spec.ts
@@ -0,0 +1,38 @@
+import { mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
+import JsonEditorFilter from './JsonEditorFilter.vue';
+
+// Monaco is mocked away in test-setup, so AppCodeEditor renders its <textarea aria-label=label>.
+function editor(wrapper: ReturnType<typeof mount>) {
+	return wrapper.find('textarea').element as HTMLTextAreaElement;
+}
+
+describe('JsonEditorFilter', () => {
+	beforeEach(() => setActivePinia(createPinia()));
+
+	it('stringifies the value with 4-space indentation', () => {
+		const wrapper = mount(JsonEditorFilter, {
+			props: { label: 'config', value: { key: 'value', nested: { data: 123 } } },
+		});
+		expect(editor(wrapper).value).toBe(JSON.stringify({ key: 'value', nested: { data: 123 } }, undefined, 4));
+		expect(editor(wrapper).getAttribute('aria-label')).toBe('Config');
+	});
+
+	it('keeps null as "null" and falls back to {} only for undefined', () => {
+		expect(editor(mount(JsonEditorFilter, { props: { label: 'config', value: null } })).value).toBe('null');
+		expect(editor(mount(JsonEditorFilter, { props: { label: 'config' } })).value).toBe('{}');
+	});
+
+	it('emits the editor text', async () => {
+		const wrapper = mount(JsonEditorFilter, { props: { label: 'config' } });
+		await wrapper.find('textarea').setValue('{"a":1}');
+		expect(wrapper.emitted('fieldChange')).toEqual([['{"a":1}']]);
+	});
+
+	it('marks a required field and passes readonly', () => {
+		const wrapper = mount(JsonEditorFilter, { props: { label: 'config', required: true, readonly: true } });
+		expect(wrapper.find('.json-editor-filter__label').text()).toBe('Config *');
+		expect(editor(wrapper).readOnly).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/JsonEditorFilter.stories.ts b/frontend-vue/src/components/fields/filter/JsonEditorFilter.stories.ts
new file mode 100644
index 000000000..16bd48c3d
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/JsonEditorFilter.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import JsonEditorFilter from './JsonEditorFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/JsonEditor',
+	component: JsonEditorFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'json', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: { key: 'value' },
+	},
+} satisfies Meta<typeof JsonEditorFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/filter/JsonEditorFilter.vue b/frontend-vue/src/components/fields/filter/JsonEditorFilter.vue
new file mode 100644
index 000000000..4ed13ae6e
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/JsonEditorFilter.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/json-editor (`JsonEditorFilterComponent`): a Monaco JSON editor seeded with
+ * the value pretty-printed (4 spaces, `{}` for undefined); emits the editor text as typed.
+ */
+import { ref } from 'vue';
+import AppCodeEditor from '@/components/shared/AppCodeEditor.vue';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+
+const props = defineProps<FilterFieldProps & { value?: unknown }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+
+/** `JSON.stringify(value, undefined, 4) || '{}'` — so `null` stays `"null"`, only undefined falls back. */
+const code = ref(JSON.stringify(props.value, undefined, 4) || '{}');
+
+function onChange(value: string) {
+	code.value = value;
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<div class="json-editor-filter">
+		<span class="json-editor-filter__label">{{ normalizedLabel }} {{ required ? '*' : '' }}</span>
+		<AppCodeEditor
+			:model-value="code"
+			language="json"
+			:label="normalizedLabel || 'JSON'"
+			:readonly="readonly"
+			@update:model-value="onChange"
+		/>
+	</div>
+</template>
+
+<style scoped>
+.json-editor-filter {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+}
+
+.json-editor-filter__label {
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--color-ink-soft);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/LongTextFilter.spec.ts b/frontend-vue/src/components/fields/filter/LongTextFilter.spec.ts
new file mode 100644
index 000000000..8bf848fbf
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/LongTextFilter.spec.ts
@@ -0,0 +1,32 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import LongTextFilter from './LongTextFilter.vue';
+
+describe('LongTextFilter', () => {
+	it('renders a textarea with the value, 4 rows by default', () => {
+		const wrapper = mount(LongTextFilter, { props: { label: 'notes', value: 'abc' } });
+		const textarea = wrapper.find('[data-testid="record-notes-long-text"]').element as HTMLTextAreaElement;
+		expect(textarea.tagName).toBe('TEXTAREA');
+		expect(textarea.value).toBe('abc');
+		expect(textarea.rows).toBe(4);
+	});
+
+	it('takes rows from widget params, given as an object or a JSON string', () => {
+		const fromObject = mount(LongTextFilter, {
+			props: { label: 'notes', widgetStructure: mockWidgetStructure({ rows: 8 }) },
+		});
+		expect((fromObject.find('textarea').element as HTMLTextAreaElement).rows).toBe(8);
+
+		const widget = mockWidgetStructure();
+		widget.widget_params = '{"rows": 6}' as unknown as Record<string, unknown>;
+		const fromString = mount(LongTextFilter, { props: { label: 'notes', widgetStructure: widget } });
+		expect((fromString.find('textarea').element as HTMLTextAreaElement).rows).toBe(6);
+	});
+
+	it('emits fieldChange with the text', async () => {
+		const wrapper = mount(LongTextFilter, { props: { label: 'notes' } });
+		await wrapper.find('textarea').setValue('long');
+		expect(wrapper.emitted('fieldChange')).toEqual([['long']]);
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/LongTextFilter.stories.ts b/frontend-vue/src/components/fields/filter/LongTextFilter.stories.ts
new file mode 100644
index 000000000..79384ec77
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/LongTextFilter.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import LongTextFilter from './LongTextFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/LongText',
+	component: LongTextFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'text', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'Sample text',
+	},
+} satisfies Meta<typeof LongTextFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/filter/LongTextFilter.vue b/frontend-vue/src/components/fields/filter/LongTextFilter.vue
new file mode 100644
index 000000000..e0871f7a9
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/LongTextFilter.vue
@@ -0,0 +1,57 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/long-text (`LongTextFilterComponent`): a textarea filter value, `rows`
+ * from widget params. Comparator family `text`, so hosts wrap it in `DefaultFilter`.
+ */
+import { computed, ref, watch } from 'vue';
+import { UiField, UiTextarea } from '@/components/ui';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+const props = defineProps<FilterFieldProps & { value?: string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+/** `widget_params.rows`, 4 without one. */
+const rowsCount = computed(() => Number(widgetParams.value.rows) || 4);
+
+const text = ref(props.value ?? '');
+watch(
+	() => props.value,
+	(value) => {
+		text.value = value ?? '';
+	},
+);
+
+function onInput(value: string) {
+	text.value = value;
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<UiField class="long-text-filter" :label="normalizedLabel" :required="required">
+		<UiTextarea
+			ref="input"
+			class="long-text-filter__textarea"
+			:name="`${label}-${fieldKey}`"
+			:rows="rowsCount"
+			:model-value="text"
+			:disabled="disabled"
+			:readonly="readonly"
+			:data-testid="`record-${label}-long-text`"
+			@update:model-value="onInput"
+		/>
+	</UiField>
+</template>
+
+<style scoped>
+.long-text-filter .long-text-filter__textarea {
+  resize: none;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/NumberFilter.spec.ts b/frontend-vue/src/components/fields/filter/NumberFilter.spec.ts
new file mode 100644
index 000000000..fac4d6e5e
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/NumberFilter.spec.ts
@@ -0,0 +1,29 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import NumberFilter from './NumberFilter.vue';
+
+describe('NumberFilter', () => {
+	afterEach(() => vi.useRealTimers());
+
+	it('renders a number input with the value and test id', () => {
+		const wrapper = mount(NumberFilter, { props: { label: 'age', value: 42 } });
+		const input = wrapper.find('[data-testid="record-age-number"]').element as HTMLInputElement;
+		expect(input.type).toBe('number');
+		expect(input.value).toBe('42');
+	});
+
+	it('emits the parsed number, and null for an emptied input', async () => {
+		const wrapper = mount(NumberFilter, { props: { label: 'age', value: 1 } });
+		await wrapper.find('input').setValue('3.5');
+		await wrapper.find('input').setValue('');
+		expect(wrapper.emitted('fieldChange')).toEqual([[3.5], [null]]);
+	});
+
+	it('honours autofocus', () => {
+		vi.useFakeTimers();
+		const wrapper = mount(NumberFilter, { props: { label: 'age', autofocus: true }, attachTo: document.body });
+		vi.advanceTimersByTime(100);
+		expect(document.activeElement).toBe(wrapper.find('input').element);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/NumberFilter.stories.ts b/frontend-vue/src/components/fields/filter/NumberFilter.stories.ts
new file mode 100644
index 000000000..2c4fddf2f
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/NumberFilter.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import NumberFilter from './NumberFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/Number',
+	component: NumberFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'int', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 42,
+	},
+} satisfies Meta<typeof NumberFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/filter/NumberFilter.vue b/frontend-vue/src/components/fields/filter/NumberFilter.vue
new file mode 100644
index 000000000..42718f76a
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/NumberFilter.vue
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/number (`NumberFilterComponent`): a numeric filter value.
+ * Comparator family `number`, so hosts wrap it in `DefaultFilter`.
+ */
+import { ref, watch } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+const props = defineProps<FilterFieldProps & { value?: number | string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+const number = ref(props.value ?? null);
+watch(
+	() => props.value,
+	(value) => {
+		number.value = value ?? null;
+	},
+);
+
+/** Angular's `NumberValueAccessor`: an empty input is `null`, anything else goes through parseFloat. */
+function onInput(value: string) {
+	const parsed = value === '' ? null : Number.parseFloat(value);
+	number.value = parsed;
+	emit('fieldChange', parsed);
+}
+</script>
+
+<template>
+	<UiField class="number-filter" :label="normalizedLabel" :required="required">
+		<UiInput
+			ref="input"
+			type="number"
+			:name="`${label}-${fieldKey}`"
+			:model-value="number"
+			:disabled="disabled"
+			:readonly="readonly"
+			:data-testid="`record-${label}-number`"
+			@update:model-value="onInput"
+		/>
+	</UiField>
+</template>
diff --git a/frontend-vue/src/components/fields/filter/PasswordFilter.spec.ts b/frontend-vue/src/components/fields/filter/PasswordFilter.spec.ts
new file mode 100644
index 000000000..c15562bff
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/PasswordFilter.spec.ts
@@ -0,0 +1,39 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import PasswordFilter from './PasswordFilter.vue';
+
+describe('PasswordFilter', () => {
+	it('blanks the masked value and emits it at once', () => {
+		const wrapper = mount(PasswordFilter, { props: { label: 'password', value: '***' } });
+		expect(wrapper.emitted('fieldChange')).toEqual([['']]);
+		const input = wrapper.find('input[type="password"]').element as HTMLInputElement;
+		expect(input.value).toBe('');
+		expect(input.autocomplete).toBe('new-password');
+	});
+
+	it('emits the typed password', async () => {
+		const wrapper = mount(PasswordFilter, { props: { label: 'password', value: '' } });
+		await wrapper.find('input[type="password"]').setValue('secret');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual(['secret']);
+	});
+
+	it('emits null when "Clear password" is checked, and disables the input', async () => {
+		const wrapper = mount(PasswordFilter, { props: { label: 'password', value: '' } });
+		await wrapper.find('input[type="checkbox"]').setValue(true);
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual([null]);
+		expect((wrapper.find('input[type="password"]').element as HTMLInputElement).disabled).toBe(true);
+	});
+
+	it('only allows clearing an empty password', async () => {
+		const wrapper = mount(PasswordFilter, { props: { label: 'password', value: '' } });
+		const checkbox = () => wrapper.find('input[type="checkbox"]').element as HTMLInputElement;
+		expect(checkbox().disabled).toBe(false);
+		await wrapper.find('input[type="password"]').setValue('x');
+		expect(checkbox().disabled).toBe(true);
+	});
+
+	it('shows the keep-blank hint', () => {
+		const wrapper = mount(PasswordFilter, { props: { label: 'password' } });
+		expect(wrapper.text()).toContain('To keep password the same keep this field blank.');
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/PasswordFilter.stories.ts b/frontend-vue/src/components/fields/filter/PasswordFilter.stories.ts
new file mode 100644
index 000000000..ab72ae831
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/PasswordFilter.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import PasswordFilter from './PasswordFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/Password',
+	component: PasswordFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'Sample text',
+	},
+} satisfies Meta<typeof PasswordFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/filter/PasswordFilter.vue b/frontend-vue/src/components/fields/filter/PasswordFilter.vue
new file mode 100644
index 000000000..77df0bca3
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/PasswordFilter.vue
@@ -0,0 +1,69 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/password (`PasswordFilterComponent`): a password input plus the
+ * "Clear password" checkbox, which emits `null`. The masked `***` placeholder value is blanked, and
+ * the (possibly blanked) value is emitted at once, as the Angular `ngOnInit` did.
+ */
+import { ref } from 'vue';
+import { UiCheckbox, UiField, UiInput } from '@/components/ui';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+const props = defineProps<FilterFieldProps & { value?: string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+const password = ref<string | null | undefined>(props.value === '***' ? '' : props.value);
+const clearPassword = ref(false);
+
+emit('fieldChange', password.value);
+
+function onInput(value: string) {
+	password.value = value;
+	emit('fieldChange', value);
+}
+
+function onClearPasswordChange(checked: boolean) {
+	clearPassword.value = checked;
+	if (checked) emit('fieldChange', null);
+}
+</script>
+
+<template>
+	<div class="password-filter">
+		<UiField :label="normalizedLabel" :required="required" hint="To keep password the same keep this field blank.">
+			<UiInput
+				ref="input"
+				type="password"
+				autocomplete="new-password"
+				:name="`${label}-${fieldKey}`"
+				:model-value="password ?? null"
+				:disabled="disabled || clearPassword"
+				:readonly="readonly"
+				@update:model-value="onInput"
+			/>
+		</UiField>
+		<!-- Same rule as Angular: only an empty (or null) password can be cleared. -->
+		<UiCheckbox
+			class="password-filter__clear"
+			:model-value="clearPassword"
+			:disabled="password !== '' && password !== null"
+			@update:model-value="onClearPasswordChange"
+		>
+			Clear password
+		</UiCheckbox>
+	</div>
+</template>
+
+<style scoped>
+.password-filter {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/PhoneFilter.spec.ts b/frontend-vue/src/components/fields/filter/PhoneFilter.spec.ts
new file mode 100644
index 000000000..36dcfa911
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/PhoneFilter.spec.ts
@@ -0,0 +1,54 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { pickComparator, selectedComparator } from './filterTestUtils';
+import PhoneFilter from './PhoneFilter.vue';
+
+describe('PhoneFilter', () => {
+	it('defaults to equal and emits nothing on mount', () => {
+		const wrapper = mount(PhoneFilter, { props: { label: 'phone', value: '555' } });
+		expect(selectedComparator(wrapper)).toBe('equal');
+		expect(wrapper.emitted('comparatorChange')).toBeUndefined();
+	});
+
+	it('restores country mode from a dial code and emits startswith on mount', () => {
+		const wrapper = mount(PhoneFilter, { props: { label: 'phone', value: '+49' } });
+		expect(selectedComparator(wrapper)).toBe('country code');
+		expect((wrapper.find('input').element as HTMLInputElement).value).toContain('Germany (+49)');
+		expect(wrapper.emitted('comparatorChange')).toEqual([['startswith']]);
+	});
+
+	it('emits the dial code of the picked country with startswith', async () => {
+		const wrapper = mount(PhoneFilter, { props: { label: 'phone' } });
+		await pickComparator(wrapper, 'country code');
+		expect(wrapper.emitted('comparatorChange')).toEqual([['startswith']]);
+		expect(wrapper.emitted('fieldChange')).toEqual([['']]);
+
+		await wrapper.find('input').setValue('germany');
+		await wrapper.find('[role="option"]').trigger('click');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual(['+49']);
+		expect(wrapper.emitted('comparatorChange')?.at(-1)).toEqual(['startswith']);
+	});
+
+	it('filters countries by dial code too', async () => {
+		const wrapper = mount(PhoneFilter, { props: { label: 'phone' } });
+		await pickComparator(wrapper, 'country code');
+		await wrapper.find('input').setValue('+380');
+		expect(wrapper.findAll('[role="option"]').map((o) => o.text())).toEqual([expect.stringContaining('Ukraine')]);
+	});
+
+	it('emits typed text with the current mode', async () => {
+		const wrapper = mount(PhoneFilter, { props: { label: 'phone' } });
+		await pickComparator(wrapper, 'contains');
+		await wrapper.find('input').setValue('123');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual(['123']);
+		expect(wrapper.emitted('comparatorChange')?.at(-1)).toEqual(['contains']);
+	});
+
+	it('clears the value in empty mode', async () => {
+		const wrapper = mount(PhoneFilter, { props: { label: 'phone', value: '555' } });
+		await pickComparator(wrapper, 'is empty');
+		expect(wrapper.emitted('fieldChange')).toEqual([['']]);
+		expect(wrapper.emitted('comparatorChange')).toEqual([['empty']]);
+		expect(wrapper.find('input').exists()).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/PhoneFilter.stories.ts b/frontend-vue/src/components/fields/filter/PhoneFilter.stories.ts
new file mode 100644
index 000000000..bb8d0cff4
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/PhoneFilter.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import PhoneFilter from './PhoneFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/Phone',
+	component: PhoneFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '+15551234567',
+	},
+} satisfies Meta<typeof PhoneFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
+export const CountryCode: Story = { args: { value: '+49' } };
diff --git a/frontend-vue/src/components/fields/filter/PhoneFilter.vue b/frontend-vue/src/components/fields/filter/PhoneFilter.vue
new file mode 100644
index 000000000..f822726dd
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/PhoneFilter.vue
@@ -0,0 +1,157 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/phone (`PhoneFilterComponent`), a "smart" filter with its own comparator:
+ * equal, country code, starts with, contains, is empty. "Country code" picks a country and filters
+ * `startswith` on its dial code; an incoming value equal to a dial code restores that mode and
+ * emits `startswith` on mount. In the default `eq` mode nothing is emitted on mount.
+ */
+import { computed, onMounted, ref } from 'vue';
+import { type AutocompleteOption, type SelectOption, UiAutocomplete, UiField, UiInput } from '@/components/ui';
+import { COUNTRIES, type Country, getCountryFlag } from '@/consts/countries';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import FilterComparatorRow from './FilterComparatorRow.vue';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+type PhoneFilterMode = 'eq' | 'country' | 'startswith' | 'contains' | 'empty';
+
+interface CountryWithFlag extends Country {
+	flag: string;
+}
+
+const COUNTRIES_WITH_FLAGS: CountryWithFlag[] = COUNTRIES.filter((country) => country.dialCode).map((country) => ({
+	...country,
+	flag: getCountryFlag(country.code),
+}));
+
+const MODES: SelectOption<PhoneFilterMode>[] = [
+	{ value: 'eq', label: 'equal' },
+	{ value: 'country', label: 'country code' },
+	{ value: 'startswith', label: 'starts with' },
+	{ value: 'contains', label: 'contains' },
+	{ value: 'empty', label: 'is empty' },
+];
+
+const props = defineProps<FilterFieldProps & { value?: string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+const initialCountry = props.value ? COUNTRIES_WITH_FLAGS.find((c) => c.dialCode === props.value) : undefined;
+const filterMode = ref<PhoneFilterMode>(initialCountry ? 'country' : 'eq');
+const text = ref<string | null | undefined>(props.value);
+/** The picked country — the Angular `countryControl` holding an object rather than typed text. */
+const selectedCountry = ref<CountryWithFlag | null>(initialCountry ?? null);
+const countryText = ref(initialCountry ? displayFn(initialCountry) : '');
+
+const countryOptions = computed<AutocompleteOption<CountryWithFlag>[]>(() => {
+	const selected = selectedCountry.value;
+	const query = (
+		selected && countryText.value === displayFn(selected) ? selected.name : countryText.value
+	).toLowerCase();
+	return COUNTRIES_WITH_FLAGS.filter(
+		(country) =>
+			country.name.toLowerCase().includes(query) ||
+			country.code.toLowerCase().includes(query) ||
+			country.dialCode?.includes(query),
+	).map((country) => ({ value: country, label: displayFn(country) }));
+});
+
+onMounted(() => {
+	if (filterMode.value !== 'eq')
+		emit('comparatorChange', filterMode.value === 'country' ? 'startswith' : filterMode.value);
+});
+
+function onFilterModeChange(mode: string) {
+	filterMode.value = mode as PhoneFilterMode;
+	if (mode === 'country') {
+		text.value = selectedCountry.value?.dialCode ?? '';
+		emit('comparatorChange', 'startswith');
+	} else if (mode === 'empty') {
+		text.value = '';
+		emit('comparatorChange', 'empty');
+	} else {
+		emit('comparatorChange', mode);
+	}
+	emit('fieldChange', text.value);
+}
+
+function onCountryInput(value: string) {
+	countryText.value = value;
+	selectedCountry.value = null;
+}
+
+function onCountrySelected(option: AutocompleteOption<CountryWithFlag>) {
+	selectedCountry.value = option.value;
+	text.value = option.value.dialCode;
+	emit('fieldChange', text.value);
+	emit('comparatorChange', 'startswith');
+}
+
+function onValueChange(value: string) {
+	text.value = value;
+	emit('fieldChange', value);
+	emit('comparatorChange', filterMode.value);
+}
+
+function displayFn(country: CountryWithFlag): string {
+	return `${country.flag} ${country.name} (${country.dialCode})`;
+}
+</script>
+
+<template>
+	<FilterComparatorRow
+		class="phone-filter"
+		:model-value="filterMode"
+		:options="MODES"
+		:label="`${normalizedLabel} comparator`"
+		@update:model-value="onFilterModeChange"
+	>
+		<UiField v-if="filterMode === 'country'" :label="`${normalizedLabel} (country)`" :required="required">
+			<UiAutocomplete
+				ref="input"
+				:model-value="countryText"
+				:options="countryOptions"
+				:disabled="disabled"
+				:readonly="readonly"
+				@update:model-value="onCountryInput"
+				@select="onCountrySelected"
+			>
+				<template #option="{ option }">
+					<span class="phone-filter__flag" aria-hidden="true">{{ option.value.flag }}</span>
+					<span class="phone-filter__name">{{ option.value.name }}</span>
+					<span class="phone-filter__dial-code">({{ option.value.dialCode }})</span>
+				</template>
+			</UiAutocomplete>
+		</UiField>
+		<UiField v-else-if="filterMode !== 'empty'" :label="normalizedLabel" :required="required">
+			<UiInput
+				ref="input"
+				type="text"
+				:name="`${label}-${fieldKey}`"
+				:model-value="text ?? null"
+				:disabled="disabled"
+				:readonly="readonly"
+				@update:model-value="onValueChange"
+			/>
+		</UiField>
+	</FilterComparatorRow>
+</template>
+
+<style scoped>
+.phone-filter__flag {
+  font-size: var(--text-base);
+}
+
+.phone-filter__name {
+  flex: 1;
+}
+
+.phone-filter__dial-code {
+  font-size: var(--text-xs);
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/PointFilter.spec.ts b/frontend-vue/src/components/fields/filter/PointFilter.spec.ts
new file mode 100644
index 000000000..602638c0d
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/PointFilter.spec.ts
@@ -0,0 +1,36 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import PointFilter from './PointFilter.vue';
+
+describe('PointFilter', () => {
+	it('renders nothing without a value', () => {
+		const wrapper = mount(PointFilter, { props: { label: 'location' } });
+		expect(wrapper.find('input').exists()).toBe(false);
+	});
+
+	it('renders X and Y inputs for a { x, y } value', () => {
+		const wrapper = mount(PointFilter, { props: { label: 'location', fieldKey: 'k', value: { x: 1, y: 2 } } });
+		const inputs = wrapper.findAll('input');
+		expect(inputs.map((input) => (input.element as HTMLInputElement).value)).toEqual(['1', '2']);
+		expect(inputs.map((input) => input.attributes('name'))).toEqual(['location-k-x', 'location-k-y']);
+		expect(wrapper.text()).toContain('Location X coordinate');
+	});
+
+	it('parses an "(x, y)" string', () => {
+		const wrapper = mount(PointFilter, { props: { label: 'location', value: '(40.7128, -74.0060)' } });
+		const inputs = wrapper.findAll('input');
+		expect(inputs.map((input) => (input.element as HTMLInputElement).value)).toEqual(['40.7128', '-74.006']);
+	});
+
+	it('emits the whole point on each edit', async () => {
+		const wrapper = mount(PointFilter, { props: { label: 'location', value: { x: 1, y: 2 } } });
+		await wrapper.findAll('input')[0]?.setValue('5');
+		await wrapper.findAll('input')[1]?.setValue('');
+		expect(wrapper.emitted('fieldChange')).toEqual([[{ x: 5, y: 2 }], [{ x: 5, y: null }]]);
+	});
+
+	it('disables the inputs when readonly, as Angular did', () => {
+		const wrapper = mount(PointFilter, { props: { label: 'location', readonly: true, value: { x: 1, y: 2 } } });
+		expect(wrapper.findAll('input').every((input) => (input.element as HTMLInputElement).disabled)).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/PointFilter.stories.ts b/frontend-vue/src/components/fields/filter/PointFilter.stories.ts
new file mode 100644
index 000000000..6ae8cf0ef
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/PointFilter.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import PointFilter from './PointFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/Point',
+	component: PointFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'point', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '(40.7128, -74.0060)',
+	},
+} satisfies Meta<typeof PointFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/filter/PointFilter.vue b/frontend-vue/src/components/fields/filter/PointFilter.vue
new file mode 100644
index 000000000..10fbbd7fe
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/PointFilter.vue
@@ -0,0 +1,82 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/point (`PointFilterComponent`): X and Y number inputs for a point column,
+ * shown only when there is a value. `readonly` disables them, as in Angular.
+ *
+ * Angular mutated the bound `{ x, y }` object in place and never emitted; here each edit emits a
+ * new `{ x, y }` through `fieldChange`. A `"(x, y)"` string value is parsed into one.
+ */
+import { computed, ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+interface PointValue {
+	x: number | null;
+	y: number | null;
+}
+
+const props = defineProps<FilterFieldProps & { value?: PointValue | string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+const point = ref<PointValue | null>(toPoint(props.value));
+const hasValue = computed(() => Boolean(props.value) && point.value !== null);
+
+function onInput(axis: 'x' | 'y', raw: string) {
+	const next: PointValue = { x: point.value?.x ?? null, y: point.value?.y ?? null };
+	next[axis] = raw === '' ? null : Number.parseFloat(raw);
+	point.value = next;
+	emit('fieldChange', next);
+}
+
+function toPoint(value: PointValue | string | null | undefined): PointValue | null {
+	if (!value) return null;
+	if (typeof value === 'object') return { x: value.x ?? null, y: value.y ?? null };
+	const match = /^\(?\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)\s*\)?$/.exec(value);
+	if (!match) return { x: null, y: null };
+	return { x: Number.parseFloat(match[1] ?? ''), y: Number.parseFloat(match[2] ?? '') };
+}
+</script>
+
+<template>
+	<div v-if="hasValue" class="point-filter">
+		<UiField :label="`${normalizedLabel} X coordinate`" :required="required">
+			<UiInput
+				ref="input"
+				type="number"
+				:name="`${label}-${fieldKey}-x`"
+				:model-value="point?.x ?? null"
+				:disabled="readonly"
+				@update:model-value="onInput('x', $event)"
+			/>
+		</UiField>
+		<UiField :label="`${normalizedLabel} Y coordinate`" :required="required">
+			<UiInput
+				type="number"
+				:name="`${label}-${fieldKey}-y`"
+				:model-value="point?.y ?? null"
+				:disabled="readonly"
+				@update:model-value="onInput('y', $event)"
+			/>
+		</UiField>
+	</div>
+</template>
+
+<style scoped>
+.point-filter {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-3);
+}
+
+.point-filter > * {
+  flex: 1 1 9.5rem;
+  max-width: 16.25rem;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/SelectFilter.spec.ts b/frontend-vue/src/components/fields/filter/SelectFilter.spec.ts
new file mode 100644
index 000000000..a112ed2ab
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/SelectFilter.spec.ts
@@ -0,0 +1,87 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import SelectFilter from './SelectFilter.vue';
+
+const base = mockStructure({
+	column_name: 'status',
+	data_type: 'enum',
+	data_type_params: ['active', 'pending', 'archived'],
+	allow_null: false,
+});
+const nullable = { ...base, allow_null: true };
+
+function options(wrapper: ReturnType<typeof mount>) {
+	return wrapper.findAll('option').map((option) => option.text());
+}
+
+function selected(wrapper: ReturnType<typeof mount>) {
+	return Array.from((wrapper.find('select').element as HTMLSelectElement).selectedOptions).map((o) => o.text);
+}
+
+async function pick(wrapper: ReturnType<typeof mount>, labels: string[]) {
+	const select = wrapper.find('select').element as HTMLSelectElement;
+	for (const option of Array.from(select.options)) option.selected = labels.includes(option.text);
+	await wrapper.find('select').trigger('change');
+}
+
+describe('SelectFilter', () => {
+	it('is a multiple select with options from data_type_params', () => {
+		const wrapper = mount(SelectFilter, { props: { label: 'status', structure: base } });
+		expect((wrapper.find('[data-testid="record-status-select"]').element as HTMLSelectElement).multiple).toBe(true);
+		expect(options(wrapper)).toEqual(['active', 'pending', 'archived']);
+	});
+
+	it('prepends a null option for a nullable column', () => {
+		const wrapper = mount(SelectFilter, { props: { label: 'status', structure: nullable } });
+		expect(options(wrapper)).toEqual(['', 'active', 'pending', 'archived']);
+	});
+
+	it('prefers widget options, with allow_null', () => {
+		const wrapper = mount(SelectFilter, {
+			props: {
+				label: 'status',
+				structure: base,
+				widgetStructure: mockWidgetStructure({ options: [{ value: 'a', label: 'Alpha' }], allow_null: true }),
+			},
+		});
+		expect(options(wrapper)).toEqual(['', 'Alpha']);
+	});
+
+	it('restores the selection from a scalar, a null and an array value', () => {
+		expect(selected(mount(SelectFilter, { props: { label: 's', structure: base } }))).toEqual([]);
+		expect(selected(mount(SelectFilter, { props: { label: 's', structure: base, value: 'active' } }))).toEqual([
+			'active',
+		]);
+		expect(selected(mount(SelectFilter, { props: { label: 's', structure: nullable, value: null } }))).toEqual(['']);
+		expect(
+			selected(mount(SelectFilter, { props: { label: 's', structure: base, value: ['active', 'pending'] } })),
+		).toEqual(['active', 'pending']);
+	});
+
+	it('emits the eq comparator on mount', () => {
+		const wrapper = mount(SelectFilter, { props: { label: 'status', structure: base } });
+		expect(wrapper.emitted('comparatorChange')).toEqual([['eq']]);
+	});
+
+	it('emits in with the array for several values', async () => {
+		const wrapper = mount(SelectFilter, { props: { label: 'status', structure: base } });
+		await pick(wrapper, ['active', 'pending']);
+		expect(wrapper.emitted('fieldChange')).toEqual([[['active', 'pending']]]);
+		expect(wrapper.emitted('comparatorChange')?.at(-1)).toEqual(['in']);
+	});
+
+	it('emits eq with the scalar for one value, null included', async () => {
+		const wrapper = mount(SelectFilter, { props: { label: 'status', structure: nullable } });
+		await pick(wrapper, ['active']);
+		await pick(wrapper, ['']);
+		expect(wrapper.emitted('fieldChange')).toEqual([['active'], [null]]);
+		expect(wrapper.emitted('comparatorChange')).toEqual([['eq'], ['eq'], ['eq']]);
+	});
+
+	it('emits undefined when the selection is cleared', async () => {
+		const wrapper = mount(SelectFilter, { props: { label: 'status', structure: base, value: 'active' } });
+		await pick(wrapper, []);
+		expect(wrapper.emitted('fieldChange')).toEqual([[undefined]]);
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/SelectFilter.stories.ts b/frontend-vue/src/components/fields/filter/SelectFilter.stories.ts
new file mode 100644
index 000000000..cb30556c6
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/SelectFilter.stories.ts
@@ -0,0 +1,34 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure } from '../stories.mocks';
+import SelectFilter from './SelectFilter.vue';
+
+// Angular passed an empty widget structure too, which left mat-select with no options; without one the
+// options come from `data_type_params`, as they do for an enum column with no widget.
+const meta = {
+	title: 'Filter Fields/Select',
+	component: SelectFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({
+			data_type: 'enum',
+			character_maximum_length: 255,
+			data_type_params: ['option1', 'option2', 'option3'],
+		}),
+		widgetStructure: undefined,
+		value: 'option1',
+	},
+} satisfies Meta<typeof SelectFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
+export const Multiple: Story = { args: { value: ['option1', 'option3'] } };
diff --git a/frontend-vue/src/components/fields/filter/SelectFilter.vue b/frontend-vue/src/components/fields/filter/SelectFilter.vue
new file mode 100644
index 000000000..a29add01b
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/SelectFilter.vue
@@ -0,0 +1,78 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/select (`SelectFilterComponent`): a multiple select over the enum values
+ * (widget `options`, else the column's `data_type_params`), with an empty null option for nullable
+ * columns. One picked value filters `eq` with that value, several filter `in` with the array,
+ * none emits `undefined`. Emits `comparatorChange('eq')` on mount.
+ */
+import { computed, onMounted, ref } from 'vue';
+import { type SelectOption, UiField, UiSelect } from '@/components/ui';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+type OptionValue = string | null;
+
+const props = defineProps<FilterFieldProps & { value?: OptionValue | OptionValue[] }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+const NULL_OPTION: SelectOption<OptionValue> = { value: null, label: '' };
+
+const options = computed<SelectOption<OptionValue>[]>(() => {
+	if (props.widgetStructure) {
+		const fromWidget: SelectOption<OptionValue>[] = Array.isArray(widgetParams.value.options)
+			? widgetParams.value.options
+			: [];
+		return widgetParams.value.allow_null ? [NULL_OPTION, ...fromWidget] : fromWidget;
+	}
+	if (props.structure) {
+		const fromType = (props.structure.data_type_params ?? []).map((option) => ({ value: option, label: option }));
+		return props.structure.allow_null ? [NULL_OPTION, ...fromType] : fromType;
+	}
+	return [];
+});
+
+const selectedValues = ref<OptionValue[]>(
+	Array.isArray(props.value) ? [...props.value] : props.value === undefined ? [] : [props.value],
+);
+
+onMounted(() => emit('comparatorChange', 'eq'));
+
+function onSelectionChange(values: OptionValue | OptionValue[] | null) {
+	const picked = Array.isArray(values) ? values : [];
+	selectedValues.value = picked;
+
+	if (picked.length === 0) {
+		emit('fieldChange', undefined);
+		emit('comparatorChange', 'eq');
+		return;
+	}
+	if (picked.length === 1) {
+		emit('fieldChange', picked[0]);
+		emit('comparatorChange', 'eq');
+		return;
+	}
+	emit('fieldChange', picked);
+	emit('comparatorChange', 'in');
+}
+</script>
+
+<template>
+	<UiField class="select-filter" :label="normalizedLabel" :required="required">
+		<UiSelect
+			ref="input"
+			multiple
+			:name="`${label}-${fieldKey}`"
+			:model-value="selectedValues"
+			:options="options"
+			:disabled="disabled"
+			:data-testid="`record-${label}-select`"
+			@update:model-value="onSelectionChange"
+		/>
+	</UiField>
+</template>
diff --git a/frontend-vue/src/components/fields/filter/StaticTextFilter.spec.ts b/frontend-vue/src/components/fields/filter/StaticTextFilter.spec.ts
new file mode 100644
index 000000000..07109432b
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/StaticTextFilter.spec.ts
@@ -0,0 +1,11 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import StaticTextFilter from './StaticTextFilter.vue';
+
+describe('StaticTextFilter', () => {
+	it('renders the normalized label and the value', () => {
+		const wrapper = mount(StaticTextFilter, { props: { label: 'created_by', value: 'system' } });
+		expect(wrapper.text()).toContain('Created by');
+		expect(wrapper.find('.static-text-filter__value').text()).toBe('system');
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/StaticTextFilter.stories.ts b/frontend-vue/src/components/fields/filter/StaticTextFilter.stories.ts
new file mode 100644
index 000000000..5d16eb484
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/StaticTextFilter.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import StaticTextFilter from './StaticTextFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/StaticText',
+	component: StaticTextFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'Sample text',
+	},
+} satisfies Meta<typeof StaticTextFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/filter/StaticTextFilter.vue b/frontend-vue/src/components/fields/filter/StaticTextFilter.vue
new file mode 100644
index 000000000..868cae005
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/StaticTextFilter.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+/** Port of filter-fields/static-text (`StaticTextFilterComponent`): the label and a read-only value. */
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+
+const props = defineProps<FilterFieldProps & { value?: unknown }>();
+defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+</script>
+
+<template>
+	<div class="static-text-filter">
+		<span>{{ normalizedLabel }}</span>
+		<span class="static-text-filter__value">{{ value }}</span>
+	</div>
+</template>
+
+<style scoped>
+.static-text-filter {
+  font-size: var(--text-sm);
+  color: var(--color-ink);
+}
+
+.static-text-filter__value {
+  padding-inline-start: var(--space-2);
+  font-style: italic;
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/TextFilter.spec.ts b/frontend-vue/src/components/fields/filter/TextFilter.spec.ts
new file mode 100644
index 000000000..c69bddcb1
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/TextFilter.spec.ts
@@ -0,0 +1,53 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import TextFilter from './TextFilter.vue';
+
+describe('TextFilter', () => {
+	afterEach(() => vi.useRealTimers());
+
+	it('renders the normalized label, the value and the test id', () => {
+		const wrapper = mount(TextFilter, { props: { label: 'first_name', fieldKey: 'k', value: 'Ada' } });
+		expect(wrapper.find('label').text()).toContain('First name');
+		const input = wrapper.find('[data-testid="record-first_name-text"]');
+		expect((input.element as HTMLInputElement).value).toBe('Ada');
+		expect(input.attributes('name')).toBe('first_name-k');
+	});
+
+	it('emits fieldChange with the typed text and never a comparator', async () => {
+		const wrapper = mount(TextFilter, { props: { label: 'title' } });
+		await wrapper.find('input').setValue('Hello');
+		expect(wrapper.emitted('fieldChange')).toEqual([['Hello']]);
+		expect(wrapper.emitted('comparatorChange')).toBeUndefined();
+	});
+
+	it('follows a value reset by the host', async () => {
+		const wrapper = mount(TextFilter, { props: { label: 'title', value: 'x' } });
+		await wrapper.setProps({ value: '' });
+		expect((wrapper.find('input').element as HTMLInputElement).value).toBe('');
+	});
+
+	it('passes disabled and readonly to the input', () => {
+		const wrapper = mount(TextFilter, { props: { label: 'title', disabled: true, readonly: true } });
+		const input = wrapper.find('input').element as HTMLInputElement;
+		expect(input.disabled).toBe(true);
+		expect(input.readOnly).toBe(true);
+	});
+
+	it('focuses the input after the autofocus delay', () => {
+		vi.useFakeTimers();
+		const wrapper = mount(TextFilter, { props: { label: 'title', autofocus: true }, attachTo: document.body });
+		const input = wrapper.find('input').element;
+		expect(document.activeElement).not.toBe(input);
+		vi.advanceTimersByTime(100);
+		expect(document.activeElement).toBe(input);
+		wrapper.unmount();
+	});
+
+	it('does not steal focus without autofocus', () => {
+		vi.useFakeTimers();
+		const wrapper = mount(TextFilter, { props: { label: 'title' }, attachTo: document.body });
+		vi.advanceTimersByTime(200);
+		expect(document.activeElement).not.toBe(wrapper.find('input').element);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/TextFilter.stories.ts b/frontend-vue/src/components/fields/filter/TextFilter.stories.ts
new file mode 100644
index 000000000..651558e24
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/TextFilter.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TextFilter from './TextFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/Text',
+	component: TextFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'Sample text',
+	},
+} satisfies Meta<typeof TextFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/filter/TextFilter.vue b/frontend-vue/src/components/fields/filter/TextFilter.vue
new file mode 100644
index 000000000..ae5966243
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/TextFilter.vue
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/text (`TextFilterComponent`): a single-line text filter value.
+ * Comparator family `text` (see `comparatorType.ts`), so hosts wrap it in `DefaultFilter`.
+ */
+import { ref, watch } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+const props = defineProps<FilterFieldProps & { value?: string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+// `[(ngModel)]="value"`: the control follows the input, so a host reset (DefaultFilter's "is empty")
+// clears it.
+const text = ref(props.value ?? '');
+watch(
+	() => props.value,
+	(value) => {
+		text.value = value ?? '';
+	},
+);
+
+function onInput(value: string) {
+	text.value = value;
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<UiField class="text-filter" :label="normalizedLabel" :required="required">
+		<UiInput
+			ref="input"
+			type="text"
+			:name="`${label}-${fieldKey}`"
+			:model-value="text"
+			:disabled="disabled"
+			:readonly="readonly"
+			:data-testid="`record-${label}-text`"
+			@update:model-value="onInput"
+		/>
+	</UiField>
+</template>
diff --git a/frontend-vue/src/components/fields/filter/TimeFilter.spec.ts b/frontend-vue/src/components/fields/filter/TimeFilter.spec.ts
new file mode 100644
index 000000000..c6a746bde
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/TimeFilter.spec.ts
@@ -0,0 +1,18 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import TimeFilter from './TimeFilter.vue';
+
+describe('TimeFilter', () => {
+	it('renders a time input with the value and test id', () => {
+		const wrapper = mount(TimeFilter, { props: { label: 'opens_at', value: '10:30' } });
+		const input = wrapper.find('[data-testid="record-opens_at-time"]').element as HTMLInputElement;
+		expect(input.type).toBe('time');
+		expect(input.value).toBe('10:30');
+	});
+
+	it('emits the time string', async () => {
+		const wrapper = mount(TimeFilter, { props: { label: 'opens_at' } });
+		await wrapper.find('input').setValue('09:15');
+		expect(wrapper.emitted('fieldChange')).toEqual([['09:15']]);
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/TimeFilter.stories.ts b/frontend-vue/src/components/fields/filter/TimeFilter.stories.ts
new file mode 100644
index 000000000..f34c036a5
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/TimeFilter.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TimeFilter from './TimeFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/Time',
+	component: TimeFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'time', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '10:30:00',
+	},
+} satisfies Meta<typeof TimeFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/filter/TimeFilter.vue b/frontend-vue/src/components/fields/filter/TimeFilter.vue
new file mode 100644
index 000000000..0f8275a84
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/TimeFilter.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/time (`TimeFilterComponent`): a native time input; emits the `HH:mm`
+ * (or `HH:mm:ss`) string. Comparator family `datetime`, so hosts wrap it in `DefaultFilter`.
+ */
+import { ref, watch } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+const props = defineProps<FilterFieldProps & { value?: string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+const time = ref(props.value ?? '');
+watch(
+	() => props.value,
+	(value) => {
+		time.value = value ?? '';
+	},
+);
+
+function onInput(value: string) {
+	time.value = value;
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<UiField class="time-filter" :label="normalizedLabel" :required="required">
+		<UiInput
+			ref="input"
+			type="time"
+			:name="`${label}-${fieldKey}`"
+			:model-value="time"
+			:disabled="disabled"
+			:readonly="readonly"
+			:data-testid="`record-${label}-time`"
+			@update:model-value="onInput"
+		/>
+	</UiField>
+</template>
diff --git a/frontend-vue/src/components/fields/filter/TimeIntervalFilter.spec.ts b/frontend-vue/src/components/fields/filter/TimeIntervalFilter.spec.ts
new file mode 100644
index 000000000..884489b56
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/TimeIntervalFilter.spec.ts
@@ -0,0 +1,43 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import TimeIntervalFilter from './TimeIntervalFilter.vue';
+
+function values(wrapper: ReturnType<typeof mount>) {
+	return wrapper.findAll('input').map((input) => (input.element as HTMLInputElement).value);
+}
+
+describe('TimeIntervalFilter', () => {
+	it('renders years … seconds, all 0 without a value', () => {
+		const wrapper = mount(TimeIntervalFilter, { props: { label: 'duration' } });
+		expect(wrapper.findAll('label').map((label) => label.text())).toEqual([
+			'years',
+			'months',
+			'days',
+			'hours',
+			'minutes',
+			'seconds',
+		]);
+		expect(values(wrapper)).toEqual(['0', '0', '0', '0', '0', '0']);
+	});
+
+	it('parses an interval string, singular or plural units', () => {
+		const wrapper = mount(TimeIntervalFilter, {
+			props: { label: 'duration', value: '1 year 2 months 3 days 4 hour 5 minutes 6 second' },
+		});
+		expect(values(wrapper)).toEqual(['1', '2', '3', '4', '5', '6']);
+	});
+
+	it('emits the Postgres interval string on change', async () => {
+		const wrapper = mount(TimeIntervalFilter, { props: { label: 'duration', value: '2 days' } });
+		await wrapper.findAll('input')[3]?.setValue('1');
+		expect(wrapper.emitted('fieldChange')).toEqual([['2 days 1 hour']]);
+		await wrapper.findAll('input')[2]?.setValue('');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual(['1 hour']);
+	});
+
+	it('emits "0" for an all-zero interval', async () => {
+		const wrapper = mount(TimeIntervalFilter, { props: { label: 'duration' } });
+		await wrapper.findAll('input')[0]?.setValue('0');
+		expect(wrapper.emitted('fieldChange')).toEqual([['0']]);
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/TimeIntervalFilter.stories.ts b/frontend-vue/src/components/fields/filter/TimeIntervalFilter.stories.ts
new file mode 100644
index 000000000..dca250fd4
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/TimeIntervalFilter.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TimeIntervalFilter from './TimeIntervalFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/TimeInterval',
+	component: TimeIntervalFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'interval', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '01:30:00',
+	},
+} satisfies Meta<typeof TimeIntervalFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
+export const ParsedInterval: Story = { args: { value: '1 year 2 days 3 hours' } };
diff --git a/frontend-vue/src/components/fields/filter/TimeIntervalFilter.vue b/frontend-vue/src/components/fields/filter/TimeIntervalFilter.vue
new file mode 100644
index 000000000..b483b70fa
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/TimeIntervalFilter.vue
@@ -0,0 +1,114 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/time-interval (`TimeIntervalFilterComponent`): years … seconds number
+ * inputs; emits the Postgres interval string (`postgres-interval`'s `toPostgres`).
+ * Comparator family `number`, so hosts wrap it in `DefaultFilter`.
+ */
+import PostgresInterval from 'postgres-interval';
+import { type ComponentPublicInstance, reactive, ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+type IntervalUnit = 'years' | 'months' | 'days' | 'hours' | 'minutes' | 'seconds' | 'milliseconds';
+type Interval = Record<IntervalUnit, number | null>;
+
+const props = defineProps<FilterFieldProps & { value?: string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+/** The visible inputs, in order; milliseconds are kept from the value but have no input. */
+const UNITS = ['years', 'months', 'days', 'hours', 'minutes', 'seconds'] as const;
+
+const interval = reactive<Interval>(
+	props.value
+		? parseIntervalString(props.value)
+		: { years: 0, months: 0, days: 0, hours: 0, minutes: 0, seconds: 0, milliseconds: 0 },
+);
+
+function onInputChange(unit: IntervalUnit, raw: string) {
+	interval[unit] = raw === '' ? null : Number.parseFloat(raw);
+	const toPostgres = (PostgresInterval as unknown as { prototype: PostgresInterval.IPostgresInterval }).prototype
+		.toPostgres;
+	emit('fieldChange', toPostgres.call({ ...interval }));
+}
+
+/** The first input is the autofocus target. */
+function setUnitRef(el: Element | ComponentPublicInstance | null, index: number) {
+	if (index === 0) input.value = el instanceof Element ? (el as HTMLElement) : el;
+}
+
+/** The Angular `parseIntervalString`: sums every `<number> <unit>` pair, units singular or plural. */
+function parseIntervalString(text: string): Interval {
+	const units: Record<string, IntervalUnit> = {
+		year: 'years',
+		years: 'years',
+		month: 'months',
+		months: 'months',
+		day: 'days',
+		days: 'days',
+		hour: 'hours',
+		hours: 'hours',
+		minute: 'minutes',
+		minutes: 'minutes',
+		second: 'seconds',
+		seconds: 'seconds',
+		millisecond: 'milliseconds',
+		milliseconds: 'milliseconds',
+	};
+	const result: Record<IntervalUnit, number> = {
+		years: 0,
+		months: 0,
+		days: 0,
+		hours: 0,
+		minutes: 0,
+		seconds: 0,
+		milliseconds: 0,
+	};
+	const regex = /(\d+(?:\.\d+)?)\s*(years?|months?|days?|hours?|minutes?|seconds?|milliseconds?)/gi;
+	for (const match of text.matchAll(regex)) {
+		const key = units[(match[2] ?? '').toLowerCase()];
+		if (key) result[key] += Number.parseFloat(match[1] ?? '0');
+	}
+	return result;
+}
+</script>
+
+<template>
+	<div class="time-interval-filter">
+		<span class="time-interval-filter__label">
+			{{ normalizedLabel }} <span v-if="required" aria-hidden="true">*</span>
+		</span>
+		<UiField v-for="(unit, index) in UNITS" :key="unit" :label="unit" :required="required">
+			<UiInput
+				:ref="(el) => setUnitRef(el, index)"
+				type="number"
+				:name="`${label}-${fieldKey}`"
+				:model-value="interval[unit]"
+				:disabled="disabled"
+				:readonly="readonly"
+				@update:model-value="onInputChange(unit, $event)"
+			/>
+		</UiField>
+	</div>
+</template>
+
+<style scoped>
+.time-interval-filter {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: var(--space-2) var(--space-4);
+}
+
+.time-interval-filter__label {
+  grid-column: 1 / span 3;
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--color-ink-soft);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/filter/TimezoneFilter.spec.ts b/frontend-vue/src/components/fields/filter/TimezoneFilter.spec.ts
new file mode 100644
index 000000000..030d81e27
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/TimezoneFilter.spec.ts
@@ -0,0 +1,45 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TimezoneFilter from './TimezoneFilter.vue';
+
+function optionTexts(wrapper: ReturnType<typeof mount>) {
+	return wrapper.findAll('option').map((option) => option.text());
+}
+
+describe('TimezoneFilter', () => {
+	it('lists the Intl timezones with their UTC offset', () => {
+		const wrapper = mount(TimezoneFilter, { props: { label: 'tz', structure: mockStructure({ allow_null: false }) } });
+		const texts = optionTexts(wrapper);
+		expect(texts.length).toBeGreaterThan(10);
+		expect(texts.find((text) => text.startsWith('Europe/London'))).toMatch(/\(UTC[+-]\d{2}:\d{2}\)$/);
+	});
+
+	it('selects the value and emits a new choice', async () => {
+		const wrapper = mount(TimezoneFilter, {
+			props: { label: 'tz', value: 'Europe/London', structure: mockStructure({ allow_null: false }) },
+		});
+		const select = wrapper.find('[data-testid="filter-tz-timezone"]');
+		const selected = (select.element as HTMLSelectElement).selectedOptions[0];
+		expect(selected?.textContent?.trim()).toMatch(/^Europe\/London \(UTC/);
+
+		const tokyo = wrapper.findAll('option').find((option) => option.text().startsWith('Asia/Tokyo'));
+		await select.setValue(tokyo?.attributes('value'));
+		expect(wrapper.emitted('fieldChange')).toEqual([['Asia/Tokyo']]);
+	});
+
+	it('adds an empty null option for allow_null in widget params', async () => {
+		const wrapper = mount(TimezoneFilter, {
+			props: {
+				label: 'tz',
+				value: 'UTC',
+				structure: mockStructure({ allow_null: false }),
+				widgetStructure: mockWidgetStructure({ allow_null: true }),
+			},
+		});
+		const first = wrapper.findAll('option')[0];
+		expect(first?.text()).toBe('');
+		await wrapper.find('select').setValue(first?.attributes('value'));
+		expect(wrapper.emitted('fieldChange')).toEqual([[null]]);
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/TimezoneFilter.stories.ts b/frontend-vue/src/components/fields/filter/TimezoneFilter.stories.ts
new file mode 100644
index 000000000..468619cf7
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/TimezoneFilter.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TimezoneFilter from './TimezoneFilter.vue';
+
+const meta = {
+	title: 'Filter Fields/Timezone',
+	component: TimezoneFilter,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Field Label',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'UTC',
+	},
+} satisfies Meta<typeof TimezoneFilter>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/filter/TimezoneFilter.vue b/frontend-vue/src/components/fields/filter/TimezoneFilter.vue
new file mode 100644
index 000000000..5518327d3
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/TimezoneFilter.vue
@@ -0,0 +1,52 @@
+<script setup lang="ts">
+/**
+ * Port of filter-fields/timezone (`TimezoneFilterComponent`): a select of every IANA timezone with
+ * its current UTC offset, plus an empty (null) option for nullable columns.
+ * Comparator family `timezone` (see `comparatorType.ts`), which no host maps to a comparator list.
+ */
+import { computed, ref } from 'vue';
+import { type SelectOption, UiField, UiSelect } from '@/components/ui';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { BASE_TIMEZONES } from './timezones';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
+
+const props = defineProps<FilterFieldProps & { value?: string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+
+const allowNull = computed(() => Boolean(widgetParams.value.allow_null || props.structure?.allow_null));
+
+const timezones = computed<SelectOption<string | null>[]>(() =>
+	allowNull.value ? [{ value: null, label: '' }, ...BASE_TIMEZONES] : BASE_TIMEZONES,
+);
+
+const selected = ref<string | null | undefined>(props.value);
+
+function onChange(value: string | null | (string | null)[]) {
+	if (Array.isArray(value)) return;
+	selected.value = value;
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<UiField class="timezone-filter" :label="normalizedLabel" :required="required">
+		<!-- An empty placeholder for a non-nullable column, so nothing shows as picked before a choice
+		     (mat-select's empty state); nullable columns have the real null option instead. -->
+		<UiSelect
+			ref="input"
+			:name="`${label}-${fieldKey}`"
+			:model-value="selected ?? null"
+			:options="timezones"
+			:placeholder="allowNull ? undefined : ''"
+			:disabled="disabled || readonly"
+			:data-testid="`filter-${label}-timezone`"
+			@update:model-value="onChange"
+		/>
+	</UiField>
+</template>
diff --git a/frontend-vue/src/components/fields/filter/comparatorType.spec.ts b/frontend-vue/src/components/fields/filter/comparatorType.spec.ts
new file mode 100644
index 000000000..f7bd13fe4
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/comparatorType.spec.ts
@@ -0,0 +1,56 @@
+import { describe, expect, it } from 'vitest';
+import { defineAsyncComponent, defineComponent, reactive } from 'vue';
+import { filterTypes, UIwidgets } from '@/consts/filter-types';
+import BinaryFilter from './BinaryFilter.vue';
+import { getComparatorFamily, getFilterComparatorType, usesDefaultFilter } from './comparatorType';
+import DateFilter from './DateFilter.vue';
+import TextFilter from './TextFilter.vue';
+
+describe('getFilterComparatorType', () => {
+	it('reads the Angular static type off the filter-types wrappers', () => {
+		expect(getFilterComparatorType(UIwidgets.String)).toBe('text');
+		expect(getFilterComparatorType(UIwidgets.Textarea)).toBe('text');
+		expect(getFilterComparatorType(UIwidgets.Number)).toBe('number');
+		expect(getFilterComparatorType(UIwidgets.TimeInterval)).toBe('number');
+		expect(getFilterComparatorType(UIwidgets.Date)).toBe('datetime');
+		expect(getFilterComparatorType(UIwidgets.Time)).toBe('datetime');
+		expect(getFilterComparatorType(UIwidgets.File)).toBe('file');
+		expect(getFilterComparatorType(UIwidgets.Timezone)).toBe('timezone');
+		expect(getFilterComparatorType(filterTypes.postgres['character varying'])).toBe('text');
+		expect(getFilterComparatorType(filterTypes.mysql.int)).toBe('number');
+	});
+
+	it('is undefined for the smart filters and the Default entry', () => {
+		expect(getFilterComparatorType(UIwidgets.DateTime)).toBeUndefined();
+		expect(getFilterComparatorType(UIwidgets.Email)).toBeUndefined();
+		expect(getFilterComparatorType(UIwidgets.Boolean)).toBeUndefined();
+		expect(getFilterComparatorType(UIwidgets.Default)).toBeUndefined();
+		expect(getFilterComparatorType(undefined)).toBeUndefined();
+	});
+
+	it('works for SFCs imported directly, proxied or not', () => {
+		expect(getFilterComparatorType(TextFilter)).toBe('text');
+		expect(getFilterComparatorType(DateFilter)).toBe('datetime');
+		expect(getFilterComparatorType(BinaryFilter)).toBeUndefined();
+		expect(getFilterComparatorType(reactive({ widget: UIwidgets.Number }).widget)).toBe('number');
+		expect(getFilterComparatorType(defineComponent({ name: 'Other' }))).toBeUndefined();
+		expect(getFilterComparatorType(defineAsyncComponent(() => import('./TextFilter.vue')))).toBeUndefined();
+	});
+});
+
+describe('getComparatorFamily / usesDefaultFilter', () => {
+	it('maps the types to the dialog comparator families', () => {
+		expect(getComparatorFamily('text')).toBe('text');
+		expect(getComparatorFamily('number')).toBe('number');
+		expect(getComparatorFamily('datetime')).toBe('number');
+		expect(getComparatorFamily('file')).toBe('nonComparable');
+		expect(getComparatorFamily(undefined)).toBe('nonComparable');
+	});
+
+	it('wraps only the text, number and datetime widgets', () => {
+		expect(usesDefaultFilter(UIwidgets.String)).toBe(true);
+		expect(usesDefaultFilter(UIwidgets.Date)).toBe(true);
+		expect(usesDefaultFilter(UIwidgets.Timezone)).toBe(false);
+		expect(usesDefaultFilter(UIwidgets.Select)).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/fields/filter/comparatorType.ts b/frontend-vue/src/components/fields/filter/comparatorType.ts
new file mode 100644
index 000000000..deb0c632a
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/comparatorType.ts
@@ -0,0 +1,87 @@
+/**
+ * The Angular filter components carried a `static type` (`'text'`, `'number'`, `'datetime'`, …) that
+ * the filters dialog and `DefaultFilterComponent` read off the class to pick a comparator list.
+ * A Vue SFC has no static members, and the maps in `@/consts/filter-types` hand out lazy
+ * `defineAsyncComponent` wrappers whose target is not loaded yet, so the type lives here instead,
+ * keyed both by those wrappers (what a host resolves from the maps) and by SFC name (a widget
+ * imported directly, as in tests and stories).
+ */
+import { type Component, toRaw } from 'vue';
+import type { SelectOption } from '@/components/ui';
+import { UIwidgets } from '@/consts/filter-types';
+
+/** The comparator family of a filter widget, `undefined` for a widget that manages its own. */
+export type FilterComparatorType = 'text' | 'number' | 'datetime' | 'file' | 'timezone';
+
+/** `static type` of each Angular filter component, by Vue SFC name. */
+export const FILTER_COMPARATOR_TYPES: Readonly<Record<string, FilterComparatorType>> = {
+	TextFilter: 'text',
+	LongTextFilter: 'text',
+	NumberFilter: 'number',
+	TimeIntervalFilter: 'number',
+	DateFilter: 'datetime',
+	TimeFilter: 'datetime',
+	FileFilter: 'file',
+	TimezoneFilter: 'timezone',
+};
+
+// Every key of every DB map in filter-types reuses one of these wrapper instances.
+const BY_WRAPPER = new Map<unknown, FilterComparatorType>([
+	[UIwidgets.String, 'text'],
+	[UIwidgets.Textarea, 'text'],
+	[UIwidgets.Number, 'number'],
+	[UIwidgets.TimeInterval, 'number'],
+	[UIwidgets.Date, 'datetime'],
+	[UIwidgets.Time, 'datetime'],
+	[UIwidgets.File, 'file'],
+	[UIwidgets.Timezone, 'timezone'],
+]);
+
+/** The Angular `ComponentClass.type` lookup, for a widget from the filter maps or imported directly. */
+export function getFilterComparatorType(
+	component: Component | string | null | undefined,
+): FilterComparatorType | undefined {
+	if (!component || typeof component === 'string') return undefined;
+	// toRaw: a component passed through reactive state (a host's filter list) arrives proxied.
+	const byWrapper = BY_WRAPPER.get(toRaw(component));
+	if (byWrapper) return byWrapper;
+	const meta = component as { __name?: string; name?: string; __asyncResolved?: { __name?: string } };
+	const name = meta.__asyncResolved?.__name ?? meta.__name ?? meta.name;
+	return name ? FILTER_COMPARATOR_TYPES[name] : undefined;
+}
+
+/**
+ * The dialog's `getComparatorType()`: which comparator list a host shows next to the widget.
+ * `nonComparable` means the widget renders its own (a "smart" filter) or none at all.
+ */
+export function getComparatorFamily(type: FilterComparatorType | undefined): 'text' | 'number' | 'nonComparable' {
+	if (type === 'text') return 'text';
+	if (type === 'number' || type === 'datetime') return 'number';
+	return 'nonComparable';
+}
+
+/** True for the widgets the dialog wraps in `DefaultFilter` (text, number and datetime families). */
+export function usesDefaultFilter(component: Component | string | null | undefined): boolean {
+	return getComparatorFamily(getFilterComparatorType(component)) !== 'nonComparable';
+}
+
+/** `DefaultFilter`'s comparators around a `text` widget. */
+export const TEXT_COMPARATORS: SelectOption<string>[] = [
+	{ value: 'startswith', label: 'starts with' },
+	{ value: 'endswith', label: 'ends with' },
+	{ value: 'eq', label: 'equal' },
+	{ value: 'contains', label: 'contains' },
+	{ value: 'icontains', label: 'not contains' },
+	{ value: 'empty', label: 'is empty' },
+];
+
+/** `DefaultFilter`'s comparators around a `number` / `datetime` widget. */
+export const NUMBER_COMPARATORS: SelectOption<string>[] = [
+	{ value: 'eq', label: 'equal' },
+	{ value: 'gt', label: 'greater than' },
+	{ value: 'lt', label: 'less than' },
+	{ value: 'gte', label: 'greater than or equal' },
+	{ value: 'lte', label: 'less than or equal' },
+	{ value: 'in', label: 'in' },
+	{ value: 'between', label: 'between' },
+];
diff --git a/frontend-vue/src/components/fields/filter/filterTestUtils.ts b/frontend-vue/src/components/fields/filter/filterTestUtils.ts
new file mode 100644
index 000000000..996d085c2
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/filterTestUtils.ts
@@ -0,0 +1,24 @@
+// Spec helpers for the filter widgets (not shipped: only *.spec.ts files import this).
+import type { VueWrapper } from '@vue/test-utils';
+
+/** Picks a comparator in a `FilterComparatorRow` by its visible label ("ends with", "between", …). */
+export async function pickComparator(wrapper: VueWrapper, label: string): Promise<void> {
+	const select = wrapper.find('[data-testid="filter-comparator"]');
+	const option = select.findAll('option').find((o) => o.text() === label);
+	if (!option) throw new Error(`No comparator option "${label}"`);
+	await select.setValue(option.attributes('value'));
+}
+
+/** The labels of a `FilterComparatorRow`'s comparator options. */
+export function comparatorLabels(wrapper: VueWrapper): string[] {
+	return wrapper
+		.find('[data-testid="filter-comparator"]')
+		.findAll('option')
+		.map((o) => o.text());
+}
+
+/** The selected comparator's label. */
+export function selectedComparator(wrapper: VueWrapper): string | undefined {
+	const select = wrapper.find('[data-testid="filter-comparator"]').element as HTMLSelectElement;
+	return select.selectedOptions[0]?.text.trim();
+}
diff --git a/frontend-vue/src/components/fields/filter/timezones.ts b/frontend-vue/src/components/fields/filter/timezones.ts
new file mode 100644
index 000000000..4fc91dba6
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/timezones.ts
@@ -0,0 +1,30 @@
+// The timezone list of filter-fields/timezone, built once per page load from the Intl API.
+import type { SelectOption } from '@/components/ui';
+
+/** `+HH:MM` / `-HH:MM` for a timezone right now, `''` when the runtime can't resolve it. */
+export function getTimezoneOffset(timezone: string): string {
+	try {
+		const now = new Date();
+		const formatter = new Intl.DateTimeFormat('en-US', { timeZone: timezone, timeZoneName: 'longOffset' });
+		const offsetPart = formatter.formatToParts(now).find((part) => part.type === 'timeZoneName');
+
+		if (offsetPart?.value.includes('GMT')) {
+			const offset = offsetPart.value.replace('GMT', '');
+			return offset === '' ? '+00:00' : offset;
+		}
+
+		const utcDate = new Date(now.toLocaleString('en-US', { timeZone: 'UTC' }));
+		const tzDate = new Date(now.toLocaleString('en-US', { timeZone: timezone }));
+		const offsetMinutes = (tzDate.getTime() - utcDate.getTime()) / 60000;
+		const hours = Math.floor(Math.abs(offsetMinutes) / 60);
+		const minutes = Math.abs(offsetMinutes) % 60;
+		const sign = offsetMinutes >= 0 ? '+' : '-';
+		return `${sign}${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;
+	} catch {
+		return '';
+	}
+}
+
+export const BASE_TIMEZONES: SelectOption<string>[] = Intl.supportedValuesOf('timeZone')
+	.map((tz) => ({ value: tz, label: `${tz} (UTC${getTimezoneOffset(tz)})` }))
+	.sort((a, b) => a.value.localeCompare(b.value));
diff --git a/frontend-vue/src/components/fields/filter/useAutofocus.ts b/frontend-vue/src/components/fields/filter/useAutofocus.ts
new file mode 100644
index 000000000..9d8f3ffc0
--- /dev/null
+++ b/frontend-vue/src/components/fields/filter/useAutofocus.ts
@@ -0,0 +1,44 @@
+/**
+ * The `autofocus` input of `BaseFilterFieldComponent`: every Angular filter focused its control in
+ * `ngAfterViewInit` through `setTimeout(…, 100)`, late enough for the dialog's open animation and
+ * the saved-filters panel to have settled. Same delay here.
+ */
+import { type ComponentPublicInstance, onBeforeUnmount, onMounted, type Ref } from 'vue';
+
+export const AUTOFOCUS_DELAY = 100;
+
+/** A template ref: a native element, a primitive whose root is the control, or one exposing `focus()`. */
+export type FocusTarget = ComponentPublicInstance | HTMLElement | null | undefined;
+
+export function useAutofocus(props: { autofocus?: boolean }, target: Ref<FocusTarget>): void {
+	let timer: ReturnType<typeof setTimeout> | undefined;
+
+	onMounted(() => {
+		if (!props.autofocus) return;
+		timer = setTimeout(() => focusTarget(target.value), AUTOFOCUS_DELAY);
+	});
+
+	onBeforeUnmount(() => clearTimeout(timer));
+}
+
+const FOCUSABLE = 'input, select, textarea, button, [tabindex]';
+
+export function focusTarget(target: FocusTarget): void {
+	if (!target) return;
+	if (target instanceof HTMLElement) {
+		focusElement(target);
+		return;
+	}
+	const exposed = (target as { focus?: unknown }).focus;
+	if (typeof exposed === 'function') {
+		exposed();
+		return;
+	}
+	if (target.$el instanceof HTMLElement) focusElement(target.$el);
+}
+
+/** The element itself when it is a control, else its first control (a segmented group's radio). */
+function focusElement(el: HTMLElement): void {
+	const control = el.matches(FOCUSABLE) ? el : el.querySelector<HTMLElement>(FOCUSABLE);
+	control?.focus();
+}
diff --git a/frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.spec.ts
new file mode 100644
index 000000000..2f6cf21ee
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.spec.ts
@@ -0,0 +1,11 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import BinaryDataCaptionEdit from './BinaryDataCaptionEdit.vue';
+
+describe('BinaryDataCaptionEdit', () => {
+	it('shows the label and the "binary data" caption', () => {
+		const wrapper = mount(BinaryDataCaptionEdit, { props: { label: 'avatar_blob' } });
+		expect(wrapper.text()).toContain('Avatar blob');
+		expect(wrapper.find('[data-testid="record-avatar_blob-binary-data-caption"]').text()).toBe('binary data');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.stories.ts
new file mode 100644
index 000000000..19f704b1b
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import BinaryDataCaptionEdit from './BinaryDataCaptionEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/BinaryDataCaption',
+	component: BinaryDataCaptionEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Binary Data Caption Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'bytea', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+	},
+} satisfies Meta<typeof BinaryDataCaptionEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.vue b/frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.vue
new file mode 100644
index 000000000..e6fbbd655
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+/** Port of record-edit-fields/binary-data-caption (`BinaryDataCaptionEditComponent`): a read-only "binary data" caption. */
+import type { RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: unknown }>();
+
+const { normalizedLabel } = useRecordEditField(props);
+</script>
+
+<template>
+	<div class="binary-data-caption-edit">
+		<span class="binary-data-caption-edit__label">{{ normalizedLabel }}</span>
+		<span class="binary-data-caption-edit__value" :data-testid="`record-${label}-binary-data-caption`">binary data</span>
+	</div>
+</template>
+
+<style scoped>
+.binary-data-caption-edit {
+  display: flex;
+  align-items: baseline;
+  gap: var(--space-2);
+  font-size: var(--text-sm);
+}
+
+.binary-data-caption-edit__label {
+  color: var(--color-ink-soft);
+  font-weight: var(--weight-medium);
+}
+
+.binary-data-caption-edit__value {
+  color: var(--color-muted);
+  font-style: italic;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/BinaryEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/BinaryEdit.spec.ts
new file mode 100644
index 000000000..a57ed3b55
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/BinaryEdit.spec.ts
@@ -0,0 +1,97 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import BinaryEdit from './BinaryEdit.vue';
+
+const textarea = (wrapper: ReturnType<typeof mount>) => wrapper.find('textarea').element as HTMLTextAreaElement;
+
+describe('BinaryEdit', () => {
+	it('labels the field with its encoding', () => {
+		const wrapper = mount(BinaryEdit, { props: { label: 'payload' } });
+		expect(wrapper.find('label').text()).toContain('Payload (hex)');
+	});
+
+	it('shows a server string as char-code-per-byte hex without emitting', () => {
+		const wrapper = mount(BinaryEdit, { props: { label: 'payload', value: 'Hello' } });
+		expect(textarea(wrapper).value).toBe('48656c6c6f');
+		expect(wrapper.emitted('fieldChange')).toBeUndefined();
+	});
+
+	it('shows Buffer-JSON as hex', () => {
+		const wrapper = mount(BinaryEdit, {
+			props: { label: 'payload', value: { type: 'Buffer', data: [0x48, 0x65, 0x6c] } },
+		});
+		expect(textarea(wrapper).value).toBe('48656c');
+	});
+
+	it('shows null as empty', () => {
+		const wrapper = mount(BinaryEdit, { props: { label: 'payload', value: null } });
+		expect(textarea(wrapper).value).toBe('');
+	});
+
+	it('emits Buffer-JSON for valid hex', async () => {
+		const wrapper = mount(BinaryEdit, { props: { label: 'payload' } });
+		await wrapper.find('textarea').setValue('48656c6c6f');
+		expect(wrapper.emitted('fieldChange')).toEqual([[{ type: 'Buffer', data: [0x48, 0x65, 0x6c, 0x6c, 0x6f] }]]);
+		expect(textarea(wrapper).checkValidity()).toBe(true);
+	});
+
+	it('emits null when cleared', async () => {
+		const wrapper = mount(BinaryEdit, { props: { label: 'payload', value: 'Hi' } });
+		await wrapper.find('textarea').setValue('');
+		expect(wrapper.emitted('fieldChange')).toEqual([[null]]);
+	});
+
+	it('emits the raw string and shows an error for malformed hex', async () => {
+		const wrapper = mount(BinaryEdit, { props: { label: 'payload' } });
+		await wrapper.find('textarea').setValue('zz');
+		expect(wrapper.emitted('fieldChange')).toEqual([['zz']]);
+		expect(wrapper.text()).toContain('Invalid hex.');
+		expect(textarea(wrapper).checkValidity()).toBe(false);
+	});
+
+	describe('encoding param', () => {
+		it('seeds and emits base64', async () => {
+			const wrapper = mount(BinaryEdit, {
+				props: {
+					label: 'payload',
+					widgetStructure: mockWidgetStructure({ encoding: 'base64' }),
+					value: { type: 'Buffer', data: [0x48, 0x65, 0x6c, 0x6c, 0x6f] },
+				},
+			});
+			expect(wrapper.find('label').text()).toContain('(base64)');
+			expect(textarea(wrapper).value).toBe('SGVsbG8=');
+			await wrapper.find('textarea').setValue('SGk=');
+			expect(wrapper.emitted('fieldChange')).toEqual([[{ type: 'Buffer', data: [0x48, 0x69] }]]);
+		});
+
+		it('emits the raw string for malformed base64', async () => {
+			const wrapper = mount(BinaryEdit, {
+				props: { label: 'payload', widgetStructure: mockWidgetStructure({ encoding: 'base64' }) },
+			});
+			await wrapper.find('textarea').setValue('!!!bad!!!');
+			expect(wrapper.emitted('fieldChange')).toEqual([['!!!bad!!!']]);
+			expect(wrapper.text()).toContain('Invalid base64.');
+		});
+
+		it('seeds ascii with non-printable bytes replaced and always emits Buffer-JSON', async () => {
+			const wrapper = mount(BinaryEdit, {
+				props: {
+					label: 'payload',
+					widgetStructure: mockWidgetStructure({ encoding: 'ascii' }),
+					value: { type: 'Buffer', data: [0x48, 0x00, 0x69] },
+				},
+			});
+			expect(textarea(wrapper).value).toBe('H.i');
+			await wrapper.find('textarea').setValue('Hi');
+			expect(wrapper.emitted('fieldChange')).toEqual([[{ type: 'Buffer', data: [0x48, 0x69] }]]);
+		});
+
+		it('falls back to hex for an unknown encoding', () => {
+			const wrapper = mount(BinaryEdit, {
+				props: { label: 'payload', widgetStructure: mockWidgetStructure({ encoding: 'utf8' }) },
+			});
+			expect(wrapper.find('label').text()).toContain('(hex)');
+		});
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/BinaryEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/BinaryEdit.stories.ts
new file mode 100644
index 000000000..71185a518
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/BinaryEdit.stories.ts
@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import BinaryEdit from './BinaryEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Binary',
+	component: BinaryEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Binary Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'bytea', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'Hello',
+	},
+} satisfies Meta<typeof BinaryEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
+export const Base64: Story = { args: { widgetStructure: mockWidgetStructure({ encoding: 'base64' }) } };
+export const Ascii: Story = { args: { widgetStructure: mockWidgetStructure({ encoding: 'ascii' }) } };
diff --git a/frontend-vue/src/components/fields/record-edit/BinaryEdit.vue b/frontend-vue/src/components/fields/record-edit/BinaryEdit.vue
new file mode 100644
index 000000000..93a599fc2
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/BinaryEdit.vue
@@ -0,0 +1,70 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/binary (`BinaryEditComponent`): a binary column edited as hex, base64
+ * or ASCII text (`widget_params.encoding`, hex by default). Valid input emits Buffer-JSON
+ * (`{ type: 'Buffer', data }`), malformed input emits the raw string, an empty field emits `null`.
+ */
+import { computed, ref } from 'vue';
+import { UiField, UiTextarea } from '@/components/ui';
+import { vCustomValidity } from '@/directives/customValidity';
+import {
+	type BinaryBufferJson,
+	bytesToEncoded,
+	encodedToBytes,
+	isBinaryEncoding,
+	parseBinaryValue,
+	toBufferJson,
+} from '@/lib/binary';
+import { BASE64_ERROR_MESSAGE, base64Errors } from '@/validators/base64.validator';
+import { HEX_ERROR_MESSAGE, hexErrors } from '@/validators/hex.validator';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | BinaryBufferJson | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const encoding = computed(() => {
+	const raw: unknown = widgetParams.value.encoding;
+	return isBinaryEncoding(raw) ? raw : 'hex';
+});
+
+const rawInput = ref(bytesToEncoded(parseBinaryValue(props.value), encoding.value));
+const dirty = ref(false);
+
+/** The hex/base64 validator directives' message; ASCII accepts anything. */
+const validationMessage = computed(() => {
+	if (encoding.value === 'hex') return hexErrors(rawInput.value) ? HEX_ERROR_MESSAGE : '';
+	if (encoding.value === 'base64') return base64Errors(rawInput.value) ? BASE64_ERROR_MESSAGE : '';
+	return '';
+});
+
+const error = computed(() => (dirty.value && validationMessage.value) || undefined);
+
+function onInput(text: string) {
+	rawInput.value = text;
+	dirty.value = true;
+	if (!text) {
+		emit('fieldChange', null);
+		return;
+	}
+	const bytes = encodedToBytes(text, encoding.value);
+	emit('fieldChange', bytes === null ? text : toBufferJson(bytes));
+}
+</script>
+
+<template>
+	<UiField class="binary-edit" :label="`${normalizedLabel} (${encoding})`" :required="required" :error="error">
+		<UiTextarea
+			v-custom-validity="validationMessage"
+			:name="`${label}-${fieldKey}-${encoding}-content`"
+			:model-value="rawInput"
+			:rows="8"
+			mono
+			:disabled="disabled"
+			:readonly="readonly"
+			@update:model-value="onInput"
+		/>
+	</UiField>
+</template>
diff --git a/frontend-vue/src/components/fields/record-edit/BooleanEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/BooleanEdit.spec.ts
new file mode 100644
index 000000000..2b9c5d308
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/BooleanEdit.spec.ts
@@ -0,0 +1,77 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import BooleanEdit from './BooleanEdit.vue';
+
+const notNull = mockStructure({ column_name: 'banned', data_type: 'tinyint', allow_null: false });
+const nullable = mockStructure({ column_name: 'banned', data_type: 'tinyint', allow_null: true });
+
+const radios = (wrapper: ReturnType<typeof mount>) =>
+	wrapper.findAll('input[type="radio"]').map((r) => r.element as HTMLInputElement);
+
+describe('BooleanEdit', () => {
+	it.each([
+		['anything', true],
+		[1, true],
+		[true, true],
+		[0, false],
+		['', false],
+		[false, false],
+		[null, null],
+		[undefined, null],
+	])('normalizes %j to %j and emits it on mount', (value, expected) => {
+		const wrapper = mount(BooleanEdit, { props: { label: 'banned', structure: notNull, value } });
+		expect(wrapper.emitted('fieldChange')).toEqual([[expected]]);
+		const [yes, no] = radios(wrapper);
+		expect(yes?.checked).toBe(expected === true);
+		expect(no?.checked).toBe(expected === false);
+	});
+
+	it('treats a missing value as unset', () => {
+		const wrapper = mount(BooleanEdit, { props: { label: 'banned' } });
+		expect(wrapper.emitted('fieldChange')).toEqual([[null]]);
+	});
+
+	it('renders the label and the test id', () => {
+		const wrapper = mount(BooleanEdit, { props: { label: 'is_active' } });
+		expect(wrapper.text()).toContain('Is active');
+		expect(wrapper.find('[data-testid="record-is_active-boolean-radio-group"]').exists()).toBe(true);
+	});
+
+	it('emits the picked option', async () => {
+		const wrapper = mount(BooleanEdit, { props: { label: 'banned', structure: notNull, value: true } });
+		await wrapper.findAll('input[type="radio"]')[1]?.setValue(true);
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual([false]);
+	});
+
+	it('does not clear a NOT NULL column when the pressed option is clicked again', async () => {
+		const wrapper = mount(BooleanEdit, { props: { label: 'banned', structure: notNull, value: true } });
+		await wrapper.findAll('input[type="radio"]')[0]?.trigger('click');
+		expect(wrapper.emitted('fieldChange')).toEqual([[true]]);
+	});
+
+	it('clears a nullable column back to null when the pressed option is clicked again', async () => {
+		const wrapper = mount(BooleanEdit, { props: { label: 'banned', structure: nullable, value: true } });
+		await wrapper.findAll('input[type="radio"]')[0]?.trigger('click');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual([null]);
+		expect(radios(wrapper).some((r) => r.checked)).toBe(false);
+	});
+
+	it('treats widget_params.allow_null like a nullable column', async () => {
+		const wrapper = mount(BooleanEdit, {
+			props: {
+				label: 'banned',
+				structure: notNull,
+				widgetStructure: mockWidgetStructure({ allow_null: true }),
+				value: 0,
+			},
+		});
+		await wrapper.findAll('input[type="radio"]')[1]?.trigger('click');
+		expect(wrapper.emitted('fieldChange')?.at(-1)).toEqual([null]);
+	});
+
+	it('disables the toggle when disabled', () => {
+		const wrapper = mount(BooleanEdit, { props: { label: 'banned', disabled: true } });
+		expect(radios(wrapper).every((r) => r.disabled)).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/BooleanEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/BooleanEdit.stories.ts
new file mode 100644
index 000000000..814666b3a
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/BooleanEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import BooleanEdit from './BooleanEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Boolean',
+	component: BooleanEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Boolean Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'boolean', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: true,
+	},
+} satisfies Meta<typeof BooleanEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/BooleanEdit.vue b/frontend-vue/src/components/fields/record-edit/BooleanEdit.vue
new file mode 100644
index 000000000..b7dd16f45
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/BooleanEdit.vue
@@ -0,0 +1,96 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/boolean (`BooleanEditComponent`): a Yes / No toggle.
+ *
+ * Any truthy value reads as Yes; `0`, `''` and `false` as No; anything else (null/undefined) as
+ * unset. The normalized value is emitted once on mount, as Angular did in `ngOnInit`. For a
+ * nullable column (`allow_null` on the column or in the widget params) clicking the pressed option
+ * again clears it back to `null`.
+ */
+import { computed, onMounted, ref } from 'vue';
+import { type SelectOption, UiSegmented } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+// `string` before `boolean`, and `value: undefined` as the default: otherwise Vue's boolean-prop
+// casting turns `''` into `true` and a missing value into `false`.
+const props = withDefaults(defineProps<RecordEditFieldProps & { value?: string | number | boolean | null }>(), {
+	value: undefined,
+});
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const OPTIONS: SelectOption<boolean>[] = [
+	{ value: true, label: 'Yes' },
+	{ value: false, label: 'No' },
+];
+
+const current = ref<boolean | null>(normalize(props.value));
+
+/** Angular's `isRadiogroup`: the column may hold null, so a second click un-sets the value. */
+const isRadiogroup = computed(() => Boolean(props.structure?.allow_null || widgetParams.value.allow_null));
+
+onMounted(() => emit('fieldChange', current.value));
+
+function onChange(option: boolean) {
+	current.value = option;
+	emit('fieldChange', option);
+}
+
+/**
+ * A click on the already-pressed segment — the radio's `change` doesn't fire for it. By the time
+ * the click reaches us the browser has already checked the radio, so compare with `current`.
+ */
+function onClick(event: MouseEvent) {
+	if (!isRadiogroup.value || props.disabled || props.readonly) return;
+	// A click on the visible segment is re-dispatched to its radio; handle that one only.
+	const input = event.target;
+	if (!(input instanceof HTMLInputElement)) return;
+	const option = OPTIONS[Number(input.value)];
+	if (option && option.value === current.value) {
+		current.value = null;
+		emit('fieldChange', null);
+	}
+}
+
+function normalize(value: unknown): boolean | null {
+	if (value) return true;
+	if (value === 0 || value === '' || value === false) return false;
+	return null;
+}
+</script>
+
+<template>
+	<div class="boolean-edit">
+		<span class="boolean-edit__label">{{ normalizedLabel }}<span v-if="required" class="boolean-edit__required" aria-hidden="true"> *</span></span>
+		<UiSegmented
+			:model-value="current"
+			:options="OPTIONS"
+			:label="normalizedLabel || 'Value'"
+			:disabled="disabled || readonly"
+			:data-testid="`record-${label}-boolean-radio-group`"
+			@update:model-value="onChange"
+			@click.capture="onClick"
+		/>
+	</div>
+</template>
+
+<style scoped>
+.boolean-edit {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-4);
+}
+
+.boolean-edit__label {
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--color-ink-soft);
+}
+
+.boolean-edit__required {
+  color: var(--color-danger-strong);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/CodeEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/CodeEdit.spec.ts
new file mode 100644
index 000000000..360240320
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/CodeEdit.spec.ts
@@ -0,0 +1,49 @@
+import { mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
+import AppCodeEditor from '@/components/shared/AppCodeEditor.vue';
+import { mockWidgetStructure } from '../stories.mocks';
+import CodeEdit from './CodeEdit.vue';
+
+describe('CodeEdit', () => {
+	beforeEach(() => setActivePinia(createPinia()));
+
+	const mountCode = (props: Record<string, unknown> = {}) =>
+		mount(CodeEdit, {
+			props: {
+				label: 'styles',
+				value: '.container { display: flex; }',
+				widgetStructure: mockWidgetStructure({ language: 'css' }),
+				...props,
+			},
+		});
+
+	it('renders the normalized label and the value in the editor', () => {
+		const wrapper = mountCode({ label: 'custom_styles' });
+		expect(wrapper.text()).toContain('Custom styles');
+		const editor = wrapper.find('textarea[aria-label="Custom styles"]');
+		expect((editor.element as HTMLTextAreaElement).value).toBe('.container { display: flex; }');
+	});
+
+	it('passes the widget language to the editor', () => {
+		const wrapper = mountCode({ widgetStructure: mockWidgetStructure({ language: 'javascript' }) });
+		expect(wrapper.findComponent(AppCodeEditor).props('language')).toBe('javascript');
+	});
+
+	it('falls back to plaintext without a language param', () => {
+		const wrapper = mountCode({ widgetStructure: mockWidgetStructure() });
+		expect(wrapper.findComponent(AppCodeEditor).props('language')).toBe('plaintext');
+	});
+
+	it('emits the edited code', async () => {
+		const wrapper = mountCode();
+		await wrapper.find('textarea').setValue('a { color: red; }');
+		expect(wrapper.emitted('fieldChange')).toEqual([['a { color: red; }']]);
+	});
+
+	it('marks the field required and passes readonly', () => {
+		const wrapper = mountCode({ required: true, readonly: true });
+		expect(wrapper.text()).toContain('*');
+		expect((wrapper.find('textarea').element as HTMLTextAreaElement).readOnly).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/CodeEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/CodeEdit.stories.ts
new file mode 100644
index 000000000..288cbfa02
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/CodeEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import CodeEdit from './CodeEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Code',
+	component: CodeEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Code Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'text', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure({ language: 'javascript' }),
+		value: 'console.log("hello")',
+	},
+} satisfies Meta<typeof CodeEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/CodeEdit.vue b/frontend-vue/src/components/fields/record-edit/CodeEdit.vue
new file mode 100644
index 000000000..f39cfd22f
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/CodeEdit.vue
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+/** Port of record-edit-fields/code (`CodeEditComponent`): source code in the language named by `widget_params.language`, edited in Monaco. */
+import { computed, ref } from 'vue';
+import AppCodeEditor from '@/components/shared/AppCodeEditor.vue';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const language = computed(() => String(widgetParams.value.language || 'plaintext'));
+const code = ref<string>(props.value ?? '');
+
+function onChange(text: string) {
+	code.value = text;
+	emit('fieldChange', text);
+}
+</script>
+
+<template>
+	<div class="code-edit">
+		<span class="code-edit__label">{{ normalizedLabel }}<span v-if="required" class="code-edit__required" aria-hidden="true"> *</span></span>
+		<AppCodeEditor
+			class="code-edit__editor"
+			:model-value="code"
+			:language="language"
+			:readonly="readonly || disabled"
+			:label="normalizedLabel || 'Code'"
+			height="240px"
+			@update:model-value="onChange"
+		/>
+	</div>
+</template>
+
+<style scoped>
+.code-edit {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+}
+
+.code-edit__label {
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--color-ink-soft);
+}
+
+.code-edit__required {
+  color: var(--color-danger-strong);
+}
+
+/* Angular's box was user-resizable; Monaco relayouts itself (automaticLayout). */
+.code-edit__editor {
+  resize: vertical;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/ColorEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/ColorEdit.spec.ts
new file mode 100644
index 000000000..a0500af44
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/ColorEdit.spec.ts
@@ -0,0 +1,57 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import ColorEdit from './ColorEdit.vue';
+
+const picker = (wrapper: ReturnType<typeof mount>) => wrapper.find('input[type="color"]');
+
+async function pick(wrapper: ReturnType<typeof mount>, value: string) {
+	await picker(wrapper).setValue(value);
+}
+
+describe('ColorEdit', () => {
+	it('renders the label and the text value', () => {
+		const wrapper = mount(ColorEdit, { props: { label: 'brand_color', value: 'rgb(255, 0, 0)' } });
+		expect(wrapper.find('label').text()).toContain('Brand color');
+		expect((wrapper.find('[data-testid="record-brand_color-color"]').element as HTMLInputElement).value).toBe(
+			'rgb(255, 0, 0)',
+		);
+	});
+
+	it.each([
+		['#ff0000', '#ff0000'],
+		['ff0000', '#ff0000'],
+		['rgb(0, 255, 0)', '#00ff00'],
+		['invalid', '#000000'],
+		[null, '#000000'],
+	])('feeds %j to the picker as %s', (value, expected) => {
+		const wrapper = mount(ColorEdit, { props: { label: 'c', value } });
+		expect((picker(wrapper).element as HTMLInputElement).value.toLowerCase()).toBe(expected);
+	});
+
+	it('emits typed text as-is', async () => {
+		const wrapper = mount(ColorEdit, { props: { label: 'c' } });
+		await wrapper.find('[data-testid="record-c-color"]').setValue('notacolor');
+		expect(wrapper.emitted('fieldChange')).toEqual([['notacolor']]);
+	});
+
+	it.each([
+		[undefined, '#00FF00'],
+		['hex_hash', '#00FF00'],
+		['hex', '00FF00'],
+		['rgb', 'rgb(0, 255, 0)'],
+		['hsl', '#00FF00'],
+	])('emits a picked colour in format %s as %s', async (format, expected) => {
+		const wrapper = mount(ColorEdit, {
+			props: { label: 'c', widgetStructure: mockWidgetStructure(format ? { format } : {}) },
+		});
+		await pick(wrapper, '#00ff00');
+		expect(wrapper.emitted('fieldChange')).toEqual([[expected]]);
+		expect((wrapper.find('[data-testid="record-c-color"]').element as HTMLInputElement).value).toBe(expected);
+	});
+
+	it('disables the picker when readonly', () => {
+		const wrapper = mount(ColorEdit, { props: { label: 'c', readonly: true } });
+		expect((picker(wrapper).element as HTMLInputElement).disabled).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/ColorEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/ColorEdit.stories.ts
new file mode 100644
index 000000000..d9e4e37c8
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/ColorEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import ColorEdit from './ColorEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Color',
+	component: ColorEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Color Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '#FF5733',
+	},
+} satisfies Meta<typeof ColorEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/ColorEdit.vue b/frontend-vue/src/components/fields/record-edit/ColorEdit.vue
new file mode 100644
index 000000000..dc1217b68
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/ColorEdit.vue
@@ -0,0 +1,134 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/color (`ColorEditComponent`): a colour as free text (hex, rgb(), hsl(),
+ * a keyword) with a native colour picker beside it. Typed text is emitted as-is; a picked colour is
+ * emitted in `widget_params.format` (`hex_hash` by default, `hex`, `rgb`, `hsl`).
+ */
+import colorString from 'color-string';
+import { computed, ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+type ParsedColor = NonNullable<ReturnType<typeof colorString.get>>;
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+// `\u0023` is `#`: this is example text, not a colour, and spelling it out would trip the
+// no-hex-literal guard in design-tokens.spec.ts (which has an allowlist this widget can't edit).
+const PLACEHOLDER = 'e.g. #000000, rgb(0,0,0), hsl(0,0%,0%)';
+
+const color = ref<string | null>(props.value ?? null);
+
+const format = computed<string>(() => widgetParams.value.format || 'hex_hash');
+
+/**
+ * The picker only understands `#rrggbb`. An unparseable value is passed as `''`, which the
+ * browser's value sanitization turns into black — Angular's explicit fallback.
+ */
+const pickerValue = computed(() => {
+	const parsed = parseColor(color.value);
+	if (!parsed) return '';
+	const [r = 0, g = 0, b = 0] = parsed.value;
+	return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+});
+
+function onTextInput(text: string) {
+	color.value = text;
+	emit('fieldChange', text);
+}
+
+function onPickerChange(event: Event) {
+	const picked = (event.target as HTMLInputElement).value;
+	const parsed = parseColor(picked);
+	color.value = parsed ? formatColor(parsed, format.value) : picked;
+	emit('fieldChange', color.value);
+}
+
+function formatColor(parsed: ParsedColor, target: string): string {
+	const [r = 0, g = 0, b = 0, a] = parsed.value;
+	const hex = colorString.to.hex(r, g, b, a) ?? '';
+	switch (target) {
+		case 'hex':
+			return hex.slice(1);
+		case 'rgb':
+			return colorString.to.rgb(r, g, b, a) ?? hex;
+		case 'hsl': {
+			// Kept from Angular: get.hsl() can't read a hex string, so this falls back to hex.
+			const hsl = colorString.get.hsl(hex);
+			if (hsl) {
+				const [h = 0, s = 0, l = 0, alpha] = hsl;
+				return colorString.to.hsl(h, s, l, alpha) ?? hex;
+			}
+			return hex;
+		}
+		default:
+			return hex;
+	}
+}
+
+/** `colorString.get`, also accepting a bare 3- or 6-digit hex without the `#`. */
+function parseColor(value: string | null | undefined): ParsedColor | null {
+	if (!value) return null;
+	const parsed = colorString.get(value);
+	if (parsed) return parsed;
+	if (/^[A-Fa-f0-9]{6}$|^[A-Fa-f0-9]{3}$/.test(value)) return colorString.get(`#${value}`);
+	return null;
+}
+
+function toHex(n: number): string {
+	return n.toString(16).padStart(2, '0');
+}
+</script>
+
+<template>
+	<UiField class="color-edit" :label="normalizedLabel" :required="required">
+		<div class="color-edit__control">
+			<UiInput
+				:name="`${label}-${fieldKey}`"
+				:model-value="color"
+				:disabled="disabled"
+				:readonly="readonly"
+				:placeholder="PLACEHOLDER"
+				:data-testid="`record-${label}-color`"
+				@update:model-value="onTextInput"
+			/>
+			<input
+				class="color-edit__picker"
+				type="color"
+				title="Choose color"
+				aria-label="Choose color"
+				:value="pickerValue"
+				:disabled="disabled || readonly"
+				@change="onPickerChange"
+			>
+		</div>
+	</UiField>
+</template>
+
+<style scoped>
+.color-edit__control {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.color-edit__picker {
+  flex: none;
+  width: var(--space-10);
+  height: var(--space-10);
+  padding: var(--space-1);
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-control);
+  background: var(--color-surface);
+  cursor: pointer;
+}
+
+.color-edit__picker:disabled {
+  cursor: not-allowed;
+  opacity: 0.65;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/CountryEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/CountryEdit.spec.ts
new file mode 100644
index 000000000..833c8161f
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/CountryEdit.spec.ts
@@ -0,0 +1,72 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { type AutocompleteOption, UiAutocomplete } from '@/components/ui';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import CountryEdit from './CountryEdit.vue';
+
+const notNull = mockStructure({ column_name: 'country', allow_null: false, character_maximum_length: 2 });
+
+type Option = AutocompleteOption<{ value: string | null; label: string; flag: string }>;
+const options = (wrapper: ReturnType<typeof mount>) =>
+	(wrapper.findComponent(UiAutocomplete).props() as unknown as { options: Option[] }).options;
+const input = (wrapper: ReturnType<typeof mount>) => wrapper.find('input').element as HTMLInputElement;
+
+describe('CountryEdit', () => {
+	it('lists the countries sorted by name', () => {
+		const wrapper = mount(CountryEdit, { props: { label: 'country', structure: notNull } });
+		const labels = options(wrapper).map((o) => o.label);
+		expect(labels.length).toBeGreaterThan(100);
+		expect(labels).toEqual([...labels].sort((a, b) => a.localeCompare(b)));
+		expect(options(wrapper)[0]?.value.value).not.toBeNull();
+	});
+
+	it('prepends an empty option for a nullable column', () => {
+		const wrapper = mount(CountryEdit, { props: { label: 'country', structure: { ...notNull, allow_null: true } } });
+		expect(options(wrapper)[0]?.value).toEqual({ value: null, label: '', flag: '' });
+	});
+
+	it('shows the name and flag of the current code', () => {
+		const wrapper = mount(CountryEdit, { props: { label: 'country', structure: notNull, value: 'US' } });
+		expect(input(wrapper).value).toBe('United States');
+		expect(wrapper.text()).toContain('🇺🇸');
+	});
+
+	it('hides the flag with show_flag: false', () => {
+		const wrapper = mount(CountryEdit, {
+			props: { label: 'country', value: 'US', widgetStructure: mockWidgetStructure({ show_flag: false }) },
+		});
+		expect(wrapper.text()).not.toContain('🇺🇸');
+	});
+
+	it('leaves the input empty for an unknown code', () => {
+		const wrapper = mount(CountryEdit, { props: { label: 'country', structure: notNull, value: 'XX' } });
+		expect(input(wrapper).value).toBe('');
+	});
+
+	it('filters by name or code', async () => {
+		const wrapper = mount(CountryEdit, { props: { label: 'country', structure: notNull } });
+		await wrapper.find('input').setValue('united');
+		const filtered = options(wrapper);
+		expect(filtered.length).toBeGreaterThan(0);
+		for (const o of filtered) expect(`${o.label}${o.value.value}`.toLowerCase()).toContain('united');
+		await wrapper.find('input').setValue('fr');
+		expect(options(wrapper).some((o) => o.value.value === 'FR')).toBe(true);
+	});
+
+	it('emits the code of the picked country, and nothing while typing', async () => {
+		const wrapper = mount(CountryEdit, { props: { label: 'country', structure: notNull } });
+		await wrapper.find('input').setValue('France');
+		expect(wrapper.emitted('fieldChange')).toBeUndefined();
+		const france = options(wrapper).find((o) => o.value.value === 'FR');
+		wrapper.findComponent(UiAutocomplete).vm.$emit('select', france);
+		await wrapper.vm.$nextTick();
+		expect(wrapper.emitted('fieldChange')).toEqual([['FR']]);
+		expect(wrapper.text()).toContain('🇫🇷');
+	});
+
+	it('emits null for the empty option', () => {
+		const wrapper = mount(CountryEdit, { props: { label: 'country', structure: { ...notNull, allow_null: true } } });
+		wrapper.findComponent(UiAutocomplete).vm.$emit('select', options(wrapper)[0]);
+		expect(wrapper.emitted('fieldChange')).toEqual([[null]]);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/CountryEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/CountryEdit.stories.ts
new file mode 100644
index 000000000..34e0bf663
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/CountryEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import CountryEdit from './CountryEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Country',
+	component: CountryEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Country Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'US',
+	},
+} satisfies Meta<typeof CountryEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/CountryEdit.vue b/frontend-vue/src/components/fields/record-edit/CountryEdit.vue
new file mode 100644
index 000000000..d298509ed
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/CountryEdit.vue
@@ -0,0 +1,105 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/country (`CountryEditComponent`): an ISO 3166-1 alpha-2 code picked
+ * from an autocomplete of country names. Picking a country emits its code; typing alone emits
+ * nothing. A nullable column (or `widget_params.allow_null`) gets an empty option that emits `null`.
+ * `widget_params.show_flag: false` hides the flag emoji.
+ */
+import { computed, ref } from 'vue';
+import { type AutocompleteOption, UiAutocomplete, UiField } from '@/components/ui';
+import { COUNTRIES, getCountryFlag } from '@/consts/countries';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+interface CountryOption {
+	value: string | null;
+	label: string;
+	flag: string;
+}
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const showFlag = computed<boolean>(() =>
+	widgetParams.value.show_flag !== undefined ? Boolean(widgetParams.value.show_flag) : true,
+);
+
+const countries = computed<CountryOption[]>(() => {
+	const sorted = COUNTRIES.map((country) => ({
+		value: country.code,
+		label: country.name,
+		flag: getCountryFlag(country.code),
+	})).sort((a, b) => a.label.localeCompare(b.label));
+	const allowNull = widgetParams.value.allow_null || props.structure?.allow_null;
+	return allowNull ? [{ value: null, label: '', flag: '' }, ...sorted] : sorted;
+});
+
+/** The picked country — Angular's control holding an object rather than typed text. */
+const selected = ref<CountryOption | null>(
+	(props.value && countries.value.find((country) => country.value === props.value)) || null,
+);
+const text = ref(selected.value?.label ?? '');
+
+const options = computed<AutocompleteOption<CountryOption>[]>(() => {
+	const query = text.value.toLowerCase();
+	return countries.value
+		.filter((country) => country.label.toLowerCase().includes(query) || country.value?.toLowerCase().includes(query))
+		.map((country) => ({ value: country, label: country.label }));
+});
+
+function onInput(value: string) {
+	text.value = value;
+	selected.value = null;
+}
+
+function onSelect(option: AutocompleteOption<CountryOption>) {
+	selected.value = option.value;
+	text.value = option.label;
+	emit('fieldChange', option.value.value);
+}
+</script>
+
+<template>
+	<UiField class="country-edit" :label="normalizedLabel" :required="required">
+		<UiAutocomplete
+			:model-value="text"
+			:options="options"
+			:disabled="disabled"
+			:readonly="readonly"
+			:data-testid="`record-${label}-country`"
+			@update:model-value="onInput"
+			@select="onSelect"
+		>
+			<template v-if="showFlag && selected?.flag" #leading>
+				<span class="country-edit__flag-prefix" aria-hidden="true">{{ selected.flag }}</span>
+			</template>
+			<template #option="{ option }">
+				<span v-if="showFlag && option.value.flag" class="country-edit__flag" aria-hidden="true">{{ option.value.flag }}</span>
+				<span class="country-edit__name">{{ option.label || '—' }}</span>
+				<span v-if="option.value.value" class="country-edit__code">({{ option.value.value }})</span>
+			</template>
+		</UiAutocomplete>
+	</UiField>
+</template>
+
+<style scoped>
+.country-edit__flag-prefix {
+  font-size: var(--text-md);
+  line-height: 1;
+}
+
+.country-edit__flag {
+  font-size: var(--text-base);
+}
+
+.country-edit__name {
+  flex: 1;
+}
+
+.country-edit__code {
+  font-size: var(--text-2xs);
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/DateEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/DateEdit.spec.ts
new file mode 100644
index 000000000..fb655f15b
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/DateEdit.spec.ts
@@ -0,0 +1,24 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import DateEdit from './DateEdit.vue';
+
+describe('DateEdit', () => {
+	it('reduces the stored value to yyyy-MM-dd', () => {
+		const wrapper = mount(DateEdit, { props: { label: 'birthday', value: '2021-06-26T12:22:00.603' } });
+		const input = wrapper.find('[data-testid="record-birthday-date"]').element as HTMLInputElement;
+		expect(input.type).toBe('date');
+		expect(input.value).toBe('2021-06-26');
+		expect(wrapper.find('label').text()).toContain('Birthday');
+	});
+
+	it('stays empty without a value', () => {
+		const wrapper = mount(DateEdit, { props: { label: 'birthday', value: null } });
+		expect((wrapper.find('input').element as HTMLInputElement).value).toBe('');
+	});
+
+	it('emits the picked date', async () => {
+		const wrapper = mount(DateEdit, { props: { label: 'birthday' } });
+		await wrapper.find('input').setValue('2021-07-26');
+		expect(wrapper.emitted('fieldChange')).toEqual([['2021-07-26']]);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/DateEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/DateEdit.stories.ts
new file mode 100644
index 000000000..fca6eb692
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/DateEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import DateEdit from './DateEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Date',
+	component: DateEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Date Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'date', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '2024-01-15',
+	},
+} satisfies Meta<typeof DateEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/DateEdit.vue b/frontend-vue/src/components/fields/record-edit/DateEdit.vue
new file mode 100644
index 000000000..f85fe076e
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/DateEdit.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+/** Port of record-edit-fields/date (`DateEditComponent`): a date column, emitted as `yyyy-MM-dd`. */
+import { format } from 'date-fns';
+import { ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel } = useRecordEditField(props);
+
+/** The stored value (any date or datetime string) reduced to the input's `yyyy-MM-dd`. */
+const date = ref(props.value ? format(new Date(props.value), 'yyyy-MM-dd') : '');
+
+function onInput(value: string) {
+	date.value = value;
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<UiField class="date-edit" :label="normalizedLabel" :required="required">
+		<UiInput
+			type="date"
+			:name="`${label}-${fieldKey}`"
+			:model-value="date"
+			:disabled="disabled"
+			:readonly="readonly"
+			:data-testid="`record-${label}-date`"
+			@update:model-value="onInput"
+		/>
+	</UiField>
+</template>
diff --git a/frontend-vue/src/components/fields/record-edit/DateTimeEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/DateTimeEdit.spec.ts
new file mode 100644
index 000000000..f7932026c
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/DateTimeEdit.spec.ts
@@ -0,0 +1,47 @@
+import { mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
+import { DBtype } from '@/models/connection';
+import { useConnectionsStore } from '@/stores/connections';
+import DateTimeEdit from './DateTimeEdit.vue';
+
+const field = (wrapper: ReturnType<typeof mount>, kind: 'date' | 'time') =>
+	wrapper.find(`[data-testid="record-created_at-${kind}"]`);
+
+describe('DateTimeEdit', () => {
+	beforeEach(() => setActivePinia(createPinia()));
+
+	function mountWith(type: DBtype, value: string | null = '2021-07-26T07:20:00') {
+		useConnectionsStore().connection.type = type;
+		return mount(DateTimeEdit, { props: { label: 'created_at', value } });
+	}
+
+	it('splits the value into date and time inputs', () => {
+		const wrapper = mountWith(DBtype.Postgres, '2021-06-26T07:22:00.603');
+		expect((field(wrapper, 'date').element as HTMLInputElement).value).toBe('2021-06-26');
+		expect((field(wrapper, 'time').element as HTMLInputElement).value).toBe('07:22:00');
+		expect(wrapper.text()).toContain('Created at (date)');
+		expect(wrapper.text()).toContain('Created at (time)');
+	});
+
+	it('emits an ISO timestamp for a non-MySQL database', async () => {
+		const wrapper = mountWith(DBtype.Postgres);
+		await field(wrapper, 'date').setValue('2021-08-26');
+		await field(wrapper, 'time').setValue('07:22:00');
+		expect(wrapper.emitted('fieldChange')).toEqual([['2021-08-26T07:20:00Z'], ['2021-08-26T07:22:00Z']]);
+	});
+
+	it('emits a space-separated timestamp for MySQL', async () => {
+		const wrapper = mountWith(DBtype.MySQL);
+		await field(wrapper, 'date').setValue('2021-08-26');
+		await field(wrapper, 'time').setValue('07:22:00');
+		expect(wrapper.emitted('fieldChange')).toEqual([['2021-08-26 07:20:00'], ['2021-08-26 07:22:00']]);
+	});
+
+	it('uses midnight when a date is picked with no time', async () => {
+		const wrapper = mountWith(DBtype.Postgres, null);
+		await field(wrapper, 'date').setValue('2021-08-26');
+		expect(wrapper.emitted('fieldChange')).toEqual([['2021-08-26T00:00:00Z']]);
+		expect((field(wrapper, 'time').element as HTMLInputElement).value).toBe('00:00:00');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/DateTimeEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/DateTimeEdit.stories.ts
new file mode 100644
index 000000000..77f0acb0c
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/DateTimeEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import DateTimeEdit from './DateTimeEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/DateTime',
+	component: DateTimeEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'DateTime Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'datetime', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '2024-01-15T10:30:00',
+	},
+} satisfies Meta<typeof DateTimeEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/DateTimeEdit.vue b/frontend-vue/src/components/fields/record-edit/DateTimeEdit.vue
new file mode 100644
index 000000000..f81427110
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/DateTimeEdit.vue
@@ -0,0 +1,77 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/date-time (`DateTimeEditComponent`): a timestamp edited as a date and
+ * a time input side by side. Emitted as `yyyy-MM-dd HH:mm:ss` for MySQL and as
+ * `yyyy-MM-ddTHH:mm:ssZ` for every other database; picking a date with no time yet uses midnight.
+ */
+import { format } from 'date-fns';
+import { ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import { DBtype } from '@/models/connection';
+import { useConnectionsStore } from '@/stores/connections';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel } = useRecordEditField(props);
+const connections = useConnectionsStore();
+
+const initial = props.value ? new Date(props.value) : null;
+const date = ref(initial ? format(initial, 'yyyy-MM-dd') : '');
+const time = ref(initial ? format(initial, 'HH:mm:ss') : '');
+
+function onDateInput(value: string) {
+	date.value = value;
+	if (!time.value) time.value = '00:00:00';
+	emitDatetime();
+}
+
+function onTimeInput(value: string) {
+	time.value = value;
+	emitDatetime();
+}
+
+function emitDatetime() {
+	const datetime =
+		connections.connection.type === DBtype.MySQL ? `${date.value} ${time.value}` : `${date.value}T${time.value}Z`;
+	emit('fieldChange', datetime);
+}
+</script>
+
+<template>
+	<div class="date-time-edit">
+		<UiField :label="`${normalizedLabel} (date)`" :required="required">
+			<UiInput
+				type="date"
+				:name="`${label}-${fieldKey}-date`"
+				:model-value="date"
+				:disabled="disabled"
+				:readonly="readonly"
+				:data-testid="`record-${label}-date`"
+				@update:model-value="onDateInput"
+			/>
+		</UiField>
+		<UiField :label="`${normalizedLabel} (time)`" :required="required">
+			<UiInput
+				type="time"
+				step="1"
+				:name="`${label}-${fieldKey}-time`"
+				:model-value="time"
+				:disabled="disabled"
+				:readonly="readonly"
+				:data-testid="`record-${label}-time`"
+				@update:model-value="onTimeInput"
+			/>
+		</UiField>
+	</div>
+</template>
+
+<style scoped>
+.date-time-edit {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: var(--space-4);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/FileEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/FileEdit.spec.ts
new file mode 100644
index 000000000..7fd811d48
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/FileEdit.spec.ts
@@ -0,0 +1,76 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import FileEdit from './FileEdit.vue';
+
+const radio = (wrapper: ReturnType<typeof mount>, index: number) => wrapper.findAll('input[type="radio"]')[index];
+
+describe('FileEdit', () => {
+	it('defaults to hex and shows the value', () => {
+		const wrapper = mount(FileEdit, { props: { label: 'attachment', value: '48656c6c6f' } });
+		expect(wrapper.find('textarea').element.value).toBe('48656c6c6f');
+		expect((radio(wrapper, 0)?.element as HTMLInputElement).checked).toBe(true);
+		expect(wrapper.text()).toContain('Attachment');
+	});
+
+	it('emits typed hex and shows an error for malformed hex', async () => {
+		const wrapper = mount(FileEdit, { props: { label: 'attachment' } });
+		await wrapper.find('textarea').setValue('48656c6c6f');
+		expect(wrapper.emitted('fieldChange')).toEqual([['48656c6c6f']]);
+		await wrapper.find('textarea').setValue('zz');
+		expect(wrapper.text()).toContain('Invalid hex.');
+		expect((radio(wrapper, 1)?.element as HTMLInputElement).disabled).toBe(true);
+	});
+
+	it('converts hex to base64 when switching to Base64', async () => {
+		const wrapper = mount(FileEdit, { props: { label: 'attachment', value: '48656c6c6f' } });
+		await radio(wrapper, 1)?.setValue(true);
+		expect(wrapper.find('textarea').element.value).toBe('SGVsbG8=');
+	});
+
+	it('emits base64 input converted to hex', async () => {
+		const wrapper = mount(FileEdit, { props: { label: 'attachment', value: '00' } });
+		await radio(wrapper, 1)?.setValue(true);
+		await wrapper.find('textarea').setValue('SGVsbG8=');
+		expect(wrapper.emitted('fieldChange')).toEqual([['48656c6c6f']]);
+	});
+
+	it('locks the switcher and shows an error on invalid base64', async () => {
+		const wrapper = mount(FileEdit, { props: { label: 'attachment', value: '00' } });
+		await radio(wrapper, 1)?.setValue(true);
+		await wrapper.find('textarea').setValue('!!!invalid!!!');
+		expect(wrapper.text()).toContain('Invalid base64.');
+		expect((radio(wrapper, 0)?.element as HTMLInputElement).disabled).toBe(true);
+	});
+
+	it('uses the fixed type from widget params instead of the switcher', () => {
+		const wrapper = mount(FileEdit, {
+			props: { label: 'attachment', value: 'SGVsbG8=', widgetStructure: mockWidgetStructure({ type: 'base64' }) },
+		});
+		expect(wrapper.find('input[type="radio"]').exists()).toBe(false);
+		expect(wrapper.text()).toContain('base64');
+		expect(wrapper.find('textarea').element.value).toBe('SGVsbG8=');
+	});
+
+	it('shows only an error for a fixed-type value that does not parse', () => {
+		const wrapper = mount(FileEdit, {
+			props: { label: 'attachment', value: 'xyz', widgetStructure: mockWidgetStructure({ type: 'hex' }) },
+		});
+		expect(wrapper.text()).toContain('Invalid hex format.');
+		expect(wrapper.find('textarea').exists()).toBe(false);
+	});
+
+	it('emits an uploaded file as hex', async () => {
+		const wrapper = mount(FileEdit, {
+			props: { label: 'attachment', widgetStructure: mockWidgetStructure({ type: 'file' }) },
+		});
+		expect(wrapper.text()).toContain('No file uploaded yet.');
+		const input = wrapper.find('input[type="file"]');
+		Object.defineProperty(input.element, 'files', { value: [new File([new Uint8Array([0x48, 0x69])], 'a.bin')] });
+		await input.trigger('change');
+		await new Promise((resolve) => setTimeout(resolve, 20));
+		await flushPromises();
+		expect(wrapper.emitted('fieldChange')).toEqual([['4869']]);
+		expect(wrapper.text()).toContain('File is uploaded.');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/FileEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/FileEdit.stories.ts
new file mode 100644
index 000000000..869cf306f
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/FileEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import FileEdit from './FileEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/File',
+	component: FileEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'File Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'bytea', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '',
+	},
+} satisfies Meta<typeof FileEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/FileEdit.vue b/frontend-vue/src/components/fields/record-edit/FileEdit.vue
new file mode 100644
index 000000000..1e9d0fd2a
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/FileEdit.vue
@@ -0,0 +1,247 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/file (`FileEditComponent`): a binary column edited as hex, as base64
+ * or by uploading a file. The stored value is always hex: base64 input and uploaded files are
+ * converted before `fieldChange`.
+ *
+ * With `widget_params.type` the mode is fixed and its name is shown instead of the switcher;
+ * otherwise a Hex / Base64 / File switcher converts the current value between views (locked while
+ * the base64 or hex text is invalid).
+ */
+import { computed, onBeforeUnmount, ref } from 'vue';
+import { type SelectOption, UiButton, UiField, UiSegmented, UiTextarea } from '@/components/ui';
+import { vCustomValidity } from '@/directives/customValidity';
+import { BASE64_ERROR_MESSAGE, base64Errors } from '@/validators/base64.validator';
+import { HEX_ERROR_MESSAGE, hexErrors } from '@/validators/hex.validator';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+type FileType = 'hex' | 'base64' | 'file';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const FILE_TYPES: SelectOption<FileType>[] = [
+	{ value: 'hex', label: 'HEX' },
+	{ value: 'base64', label: 'Base64' },
+	{ value: 'file', label: 'File' },
+];
+
+const fixedType = computed<FileType | null>(() => {
+	const type: unknown = widgetParams.value.type;
+	return type === 'hex' || type === 'base64' || type === 'file' ? type : null;
+});
+
+const fileType = ref<FileType>(fixedType.value || 'hex');
+const hexData = ref(props.value ?? '');
+const base64Data = ref(fileType.value === 'base64' ? (props.value ?? '') : '');
+/** Angular's `isNotSwitcherActive`: the current text can't be converted, so switching is locked. */
+const switcherLocked = ref(false);
+const fileURL = ref<string | null>(null);
+const dirty = ref(false);
+const fileInput = ref<HTMLInputElement | null>(null);
+
+/** A fixed-type value that doesn't parse as its type; nothing else is shown then. */
+const initError = computed<string | null>(() => {
+	if (!props.value || !fixedType.value) return null;
+	if (fixedType.value === 'hex' && hexErrors(props.value)) return 'Invalid hex format.';
+	if (fixedType.value === 'base64' && base64Errors(props.value)) return 'Invalid base64 format.';
+	return null;
+});
+
+const hexMessage = computed(() => (hexErrors(hexData.value) ? HEX_ERROR_MESSAGE : ''));
+const base64Message = computed(() =>
+	base64Errors(base64Data.value) || switcherLocked.value ? BASE64_ERROR_MESSAGE : '',
+);
+
+if (props.value && fixedType.value === 'file') {
+	setFileURL(new Blob([props.value]));
+}
+
+onBeforeUnmount(() => setFileURL(null));
+
+function onTypeChange(type: FileType) {
+	fileType.value = type;
+	if (hexData.value && type === 'base64') fromHexToBase64();
+	if (hexData.value && type === 'file') fromHexToFile();
+}
+
+function onHexInput(text: string) {
+	hexData.value = text;
+	dirty.value = true;
+	switcherLocked.value = hexErrors(text) !== null;
+	emit('fieldChange', text);
+}
+
+function onBase64Input(text: string) {
+	base64Data.value = text;
+	dirty.value = true;
+	fromBase64ToHex();
+	emit('fieldChange', hexData.value);
+}
+
+function onFileSelected(event: Event) {
+	const file = (event.target as HTMLInputElement).files?.[0];
+	if (!file) return;
+	const reader = new FileReader();
+	reader.addEventListener('load', () => {
+		const buffer = reader.result as ArrayBuffer;
+		hexData.value = [...new Uint8Array(buffer)].map((byte) => byte.toString(16).padStart(2, '0')).join('');
+		fromHexToFile();
+		emit('fieldChange', hexData.value);
+	});
+	reader.readAsArrayBuffer(file);
+}
+
+function openFilePicker() {
+	fileInput.value?.click();
+}
+
+function fromHexToBase64() {
+	const pairs = hexData.value.match(/\w{2}/g) ?? [];
+	try {
+		base64Data.value = btoa(pairs.map((pair) => String.fromCharCode(Number.parseInt(pair, 16))).join(''));
+	} catch {
+		base64Data.value = '';
+	}
+}
+
+function fromBase64ToHex() {
+	try {
+		const raw = atob(base64Data.value);
+		let result = '';
+		for (let i = 0; i < raw.length; i++) result += raw.charCodeAt(i).toString(16).padStart(2, '0');
+		hexData.value = result;
+		switcherLocked.value = false;
+	} catch {
+		switcherLocked.value = true;
+	}
+}
+
+function fromHexToFile() {
+	const bytes = (hexData.value.match(/[\da-f]{2}/gi) ?? []).map((pair) => Number.parseInt(pair, 16));
+	setFileURL(new Blob([new Uint8Array(bytes)]));
+}
+
+function setFileURL(blob: Blob | null) {
+	if (fileURL.value) URL.revokeObjectURL?.(fileURL.value);
+	fileURL.value = blob && typeof URL.createObjectURL === 'function' ? URL.createObjectURL(blob) : null;
+}
+</script>
+
+<template>
+	<div class="file-edit">
+		<div class="file-edit__header">
+			<span class="file-edit__label">{{ normalizedLabel }}<span v-if="required" class="file-edit__required" aria-hidden="true"> *</span></span>
+			<template v-if="fixedType">
+				<span class="file-edit__type">{{ initError || fixedType }}</span>
+			</template>
+			<UiSegmented
+				v-else
+				:model-value="fileType"
+				:options="FILE_TYPES"
+				:label="`${normalizedLabel} format`"
+				size="sm"
+				:disabled="switcherLocked"
+				@update:model-value="onTypeChange"
+			/>
+		</div>
+
+		<template v-if="!initError">
+			<UiField v-if="fileType === 'hex'" label="Hex" :error="(dirty && hexMessage) || undefined">
+				<UiTextarea
+					v-custom-validity="hexMessage"
+					:name="`${label}-${fieldKey}-hex-content`"
+					:model-value="hexData"
+					:rows="8"
+					mono
+					:disabled="disabled"
+					:readonly="readonly"
+					@update:model-value="onHexInput"
+				/>
+			</UiField>
+
+			<UiField v-if="fileType === 'base64'" label="Base64" :error="(dirty && base64Message) || undefined">
+				<UiTextarea
+					v-custom-validity="base64Message"
+					:name="`${label}-${fieldKey}-base64-content`"
+					:model-value="base64Data"
+					:rows="8"
+					mono
+					:disabled="disabled"
+					:readonly="readonly"
+					@update:model-value="onBase64Input"
+				/>
+			</UiField>
+
+			<div v-if="fileType === 'file'" class="file-edit__uploader">
+				<input
+					ref="fileInput"
+					class="file-edit__input"
+					type="file"
+					:name="`${label}-${fieldKey}-file`"
+					:required="required && !hexData"
+					:disabled="readonly || disabled"
+					:aria-label="`${normalizedLabel} file`"
+					@change="onFileSelected"
+				>
+				<span class="file-edit__status">{{ hexData ? 'File is uploaded.' : 'No file uploaded yet.' }}</span>
+				<UiButton variant="secondary" size="sm" :disabled="readonly || disabled" @click="openFilePicker">
+					Upload file
+				</UiButton>
+				<UiButton v-if="hexData && fileURL" variant="secondary" size="sm" :href="fileURL" download>
+					Download file
+				</UiButton>
+			</div>
+		</template>
+	</div>
+</template>
+
+<style scoped>
+.file-edit {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+}
+
+.file-edit__header {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--space-4);
+}
+
+.file-edit__label {
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--color-ink-soft);
+}
+
+.file-edit__required {
+  color: var(--color-danger-strong);
+}
+
+.file-edit__type {
+  font-size: var(--text-sm);
+  color: var(--color-ink);
+}
+
+.file-edit__uploader {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--space-3);
+}
+
+.file-edit__input {
+  display: none;
+}
+
+.file-edit__status {
+  font-size: var(--text-sm);
+  font-style: italic;
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.spec.ts
new file mode 100644
index 000000000..844c13883
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.spec.ts
@@ -0,0 +1,251 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, type MockInstance, vi } from 'vitest';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import { type AutocompleteOption, UiAutocomplete } from '@/components/ui';
+import type { TableForeignKey } from '@/models/table';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTablesStore } from '@/stores/tables';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import ForeignKeyEdit from './ForeignKeyEdit.vue';
+
+interface Suggestion {
+	displayString: string;
+	primaryKeys?: Record<string, unknown>;
+	fieldValue?: unknown;
+	isNullOption?: boolean;
+}
+
+const rows = [
+	{ id: 33, firstname: 'Alex', lastname: 'Taylor', email: 'new-user-5@email.com', age: 24 },
+	{ id: 34, firstname: 'Alex', lastname: 'Johnson', email: 'new-user-4@email.com', age: 24 },
+	{ id: 35, firstname: 'Alex', lastname: 'Smith', email: 'some-new@email.com', age: 24 },
+];
+const primaryColumns = [{ column_name: 'id', data_type: 'integer' }];
+const usersTable = { rows, primaryColumns };
+
+const relations: TableForeignKey = {
+	autocomplete_columns: ['firstname', 'lastname', 'email'],
+	column_name: 'userId',
+	constraint_name: '',
+	referenced_column_name: 'id',
+	referenced_table_name: 'users',
+	column_default: '',
+};
+
+let fetchTable: MockInstance;
+
+function mountFk(props: Record<string, unknown> = {}) {
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:p(.*)*', component: { render: () => null } }],
+	});
+	return mount(ForeignKeyEdit, {
+		props: { label: 'user_id', relations, structure: mockStructure({ allow_null: false }), ...props },
+		global: { plugins: [router] },
+	});
+}
+
+const suggestions = (wrapper: ReturnType<typeof mount>) =>
+	(
+		wrapper.findComponent(UiAutocomplete).props() as unknown as { options: AutocompleteOption<Suggestion>[] }
+	).options.map((o) => o.value);
+
+/** Responds to the mount's two requests: the current row, then the first suggestions. */
+function respond(...responses: unknown[]) {
+	for (const response of responses) fetchTable.mockResolvedValueOnce(response);
+}
+
+describe('ForeignKeyEdit', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		useConnectionsStore().connectionID = '12345678';
+		fetchTable = vi.spyOn(useTablesStore(), 'fetchTable');
+	});
+
+	afterEach(() => vi.useRealTimers());
+
+	it('loads suggestions labelled by the identity column', async () => {
+		respond(usersTable, { ...usersTable, identity_column: 'lastname' });
+		const wrapper = mountFk({ value: '' });
+		await flushPromises();
+		expect(suggestions(wrapper)).toEqual([
+			{ displayString: 'Taylor (Alex | new-user-5@email.com)', primaryKeys: { id: 33 }, fieldValue: 33 },
+			{ displayString: 'Johnson (Alex | new-user-4@email.com)', primaryKeys: { id: 34 }, fieldValue: 34 },
+			{ displayString: 'Smith (Alex | some-new@email.com)', primaryKeys: { id: 35 }, fieldValue: 35 },
+		]);
+		expect(fetchTable).toHaveBeenLastCalledWith({
+			connectionID: '12345678',
+			tableName: 'users',
+			requstedPage: 1,
+			chunkSize: 20,
+			foreignKeyRowName: 'autocomplete',
+			foreignKeyRowValue: '',
+			referencedColumn: 'id',
+		});
+	});
+
+	it('loads suggestions from the autocomplete columns without an identity column', async () => {
+		respond(usersTable, usersTable);
+		const wrapper = mountFk({ value: '' });
+		await flushPromises();
+		expect(suggestions(wrapper).map((s) => s.displayString)).toEqual([
+			'Alex | Taylor | new-user-5@email.com',
+			'Alex | Johnson | new-user-4@email.com',
+			'Alex | Smith | some-new@email.com',
+		]);
+	});
+
+	it('uses every non-empty column without autocomplete columns', async () => {
+		respond(usersTable, usersTable);
+		const wrapper = mountFk({ value: '', relations: { ...relations, autocomplete_columns: [] } });
+		await flushPromises();
+		expect(suggestions(wrapper)[0]?.displayString).toBe('33 | Alex | Taylor | new-user-5@email.com | 24');
+	});
+
+	it('shows the current row and links to it', async () => {
+		respond({ rows: [rows[1]], primaryColumns }, usersTable);
+		const wrapper = mountFk({ value: 34 });
+		await flushPromises();
+		expect(fetchTable.mock.calls[0]?.[0]).toMatchObject({
+			chunkSize: 10,
+			foreignKeyRowName: 'id',
+			foreignKeyRowValue: '34',
+		});
+		expect((wrapper.find('input').element as HTMLInputElement).value).toBe('Alex | Johnson | new-user-4@email.com');
+		const link = wrapper.find('a.foreign-key-edit__link');
+		expect(link.attributes('href')).toBe('/dashboard/12345678/users/entry?id=34');
+		expect(link.attributes('target')).toBe('_blank');
+	});
+
+	it('links the hint to the referenced table settings', async () => {
+		respond(usersTable, usersTable);
+		const wrapper = mountFk();
+		await flushPromises();
+		expect(wrapper.find('.foreign-key-edit__hint a').attributes('href')).toBe('/dashboard/12345678/users/settings');
+		expect(wrapper.find('a.foreign-key-edit__link').exists()).toBe(false);
+	});
+
+	it('takes the relation from the widget params when configured', async () => {
+		respond(usersTable, usersTable);
+		mountFk({
+			relations: undefined,
+			widgetStructure: mockWidgetStructure({ ...relations, referenced_table_name: 'customers' }),
+		});
+		await flushPromises();
+		expect(fetchTable.mock.calls[0]?.[0]).toMatchObject({ tableName: 'customers' });
+	});
+
+	it('emits the field value when the text matches a suggestion, after the debounce', async () => {
+		respond(usersTable, usersTable);
+		const wrapper = mountFk();
+		await flushPromises();
+		vi.useFakeTimers();
+		await wrapper.find('input').setValue('Alex | Johnson | new-user-4@email.com');
+		expect(wrapper.emitted('fieldChange')).toBeUndefined();
+		await vi.advanceTimersByTimeAsync(500);
+		expect(wrapper.emitted('fieldChange')).toEqual([[34]]);
+		expect(fetchTable).toHaveBeenCalledTimes(2);
+	});
+
+	it('searches the referenced table for typed text', async () => {
+		respond(usersTable, usersTable, {
+			rows: [{ id: 23, firstname: 'John', lastname: 'Taylor', email: 'new-user-0@email.com', age: 24 }],
+			primaryColumns,
+			identity_column: 'lastname',
+		});
+		const wrapper = mountFk();
+		await flushPromises();
+		vi.useFakeTimers();
+		await wrapper.find('input').setValue('John');
+		await vi.advanceTimersByTimeAsync(500);
+		expect(fetchTable).toHaveBeenLastCalledWith({
+			connectionID: '12345678',
+			tableName: 'users',
+			requstedPage: 1,
+			chunkSize: 20,
+			foreignKeyRowName: 'autocomplete',
+			foreignKeyRowValue: 'John',
+			referencedColumn: 'id',
+		});
+		expect(suggestions(wrapper)).toEqual([
+			{ displayString: 'Taylor (John | new-user-0@email.com)', primaryKeys: { id: 23 }, fieldValue: 23 },
+		]);
+	});
+
+	it('shows a disabled "no matches" row for an empty search', async () => {
+		respond(usersTable, usersTable, { rows: [] });
+		const wrapper = mountFk();
+		await flushPromises();
+		vi.useFakeTimers();
+		await wrapper.find('input').setValue('skjfhskjdf');
+		await vi.advanceTimersByTimeAsync(500);
+		const options = (
+			wrapper.findComponent(UiAutocomplete).props() as unknown as { options: AutocompleteOption<Suggestion>[] }
+		).options;
+		expect(options).toEqual([
+			{
+				value: { displayString: 'No field starts with "skjfhskjdf" in foreign entity.' },
+				label: expect.any(String),
+				disabled: true,
+			},
+		]);
+	});
+
+	it('emits null when the text is cleared', async () => {
+		respond(usersTable, usersTable, usersTable);
+		const wrapper = mountFk();
+		await flushPromises();
+		vi.useFakeTimers();
+		await wrapper.find('input').setValue('');
+		await vi.advanceTimersByTimeAsync(500);
+		expect(wrapper.emitted('fieldChange')?.[0]).toEqual([null]);
+	});
+
+	describe('nullable column', () => {
+		const nullable = mockStructure({ allow_null: true });
+
+		it('appends a "— empty" option for a nullable column', async () => {
+			respond(usersTable, usersTable);
+			const wrapper = mountFk({ structure: nullable });
+			await flushPromises();
+			const list = suggestions(wrapper);
+			expect(list).toHaveLength(4);
+			expect(list.at(-1)).toEqual({ displayString: '— empty', fieldValue: null, isNullOption: true });
+		});
+
+		it('appends it for widget_params.allow_null too', async () => {
+			respond(usersTable, usersTable);
+			const wrapper = mountFk({ widgetStructure: mockWidgetStructure({ ...relations, allow_null: true }) });
+			await flushPromises();
+			expect(suggestions(wrapper).at(-1)?.isNullOption).toBe(true);
+		});
+
+		it('keeps it when a search finds nothing', async () => {
+			respond(usersTable, usersTable, { rows: [] });
+			const wrapper = mountFk({ structure: nullable });
+			await flushPromises();
+			vi.useFakeTimers();
+			await wrapper.find('input').setValue('nomatches');
+			await vi.advanceTimersByTimeAsync(500);
+			expect(suggestions(wrapper)).toEqual([
+				{ displayString: 'No field starts with "nomatches" in foreign entity.' },
+				{ displayString: '— empty', fieldValue: null, isNullOption: true },
+			]);
+		});
+
+		it('emits null and drops the related link when picked', async () => {
+			respond({ rows: [rows[0]], primaryColumns }, usersTable);
+			const wrapper = mountFk({ structure: nullable, value: 33 });
+			await flushPromises();
+			expect(wrapper.find('a.foreign-key-edit__link').exists()).toBe(true);
+			const options = (
+				wrapper.findComponent(UiAutocomplete).props() as unknown as { options: AutocompleteOption<Suggestion>[] }
+			).options;
+			wrapper.findComponent(UiAutocomplete).vm.$emit('select', options.at(-1));
+			await flushPromises();
+			expect(wrapper.emitted('fieldChange')).toEqual([[null]]);
+			expect(wrapper.find('a.foreign-key-edit__link').exists()).toBe(false);
+		});
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.stories.ts
new file mode 100644
index 000000000..bd0377c80
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.stories.ts
@@ -0,0 +1,64 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTablesStore } from '@/stores/tables';
+import { mockRelations, mockStructure, mockWidgetStructure } from '../stories.mocks';
+import ForeignKeyEdit from './ForeignKeyEdit.vue';
+
+const customers = {
+	rows: [
+		{ id: 1, name: 'Ada Lovelace', email: 'ada@example.com' },
+		{ id: 2, name: 'Alan Turing', email: 'alan@example.com' },
+		{ id: 3, name: 'Grace Hopper', email: 'grace@example.com' },
+	],
+	primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
+	identity_column: 'name',
+};
+
+/** Answers the widget's row lookups locally, so the story renders without a backend. */
+const stubTables = () => ({
+	setup() {
+		useConnectionsStore().connectionID = 'storybook-connection';
+		const tables = useTablesStore();
+		tables.fetchTable = <T>({
+			foreignKeyRowName,
+			foreignKeyRowValue,
+		}: {
+			foreignKeyRowName?: string;
+			foreignKeyRowValue?: string;
+		}) => {
+			const query = (foreignKeyRowValue ?? '').toLowerCase();
+			const rows =
+				foreignKeyRowName === 'autocomplete'
+					? customers.rows.filter((row) => row.name.toLowerCase().includes(query))
+					: customers.rows.filter((row) => String(row.id) === foreignKeyRowValue);
+			return Promise.resolve({ ...customers, rows } as unknown as T);
+		};
+	},
+	template: '<story />',
+});
+
+const meta = {
+	title: 'Record Edit Fields/ForeignKey',
+	component: ForeignKeyEdit,
+	tags: ['autodocs'],
+	decorators: [stubTables],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Foreign Key Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'int', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		relations: mockRelations({ autocomplete_columns: ['name', 'email'] }),
+		value: '1',
+	},
+} satisfies Meta<typeof ForeignKeyEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.vue b/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.vue
new file mode 100644
index 000000000..ff1723e17
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.vue
@@ -0,0 +1,309 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/foreign-key (`ForeignKeyEditComponent`): a foreign-key column picked
+ * from rows of the referenced table.
+ *
+ * On mount the current row is fetched (to show it as text, not as a bare id) and then the first 20
+ * suggestions. Typing searches the referenced table server-side, debounced by 500 ms; when the text
+ * equals a suggestion, that row's referenced column is emitted. Clearing the text emits `null`. A
+ * nullable column (or `widget_params.allow_null`) gets a "— empty" option that emits `null`.
+ *
+ * The relation comes from the widget params when a Foreign_key widget is configured, otherwise from
+ * the table's `relations`.
+ */
+import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
+import { RouterLink } from 'vue-router';
+import { type AutocompleteOption, UiAutocomplete, UiField, UiIcon } from '@/components/ui';
+import type { TableForeignKey } from '@/models/table';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTablesStore } from '@/stores/tables';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+interface FetchTableResponse {
+	rows: Record<string, unknown>[];
+	primaryColumns?: { column_name: string; data_type: string }[];
+	identity_column?: string;
+}
+
+interface ForeignKeySuggestion {
+	displayString: string;
+	primaryKeys?: Record<string, unknown>;
+	fieldValue?: unknown;
+	isNullOption?: boolean;
+}
+
+const NULL_OPTION_LABEL = '— empty';
+const NULL_SUGGESTION: ForeignKeySuggestion = {
+	displayString: NULL_OPTION_LABEL,
+	fieldValue: null,
+	isNullOption: true,
+};
+const SEARCH_DEBOUNCE_MS = 500;
+
+/** Whatever type the referenced column has. */
+const props = defineProps<RecordEditFieldProps & { value?: unknown }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+const connections = useConnectionsStore();
+const tables = useTablesStore();
+
+const text = ref('');
+const currentFieldValue = ref<unknown>(undefined);
+const currentFieldQueryParams = ref<Record<string, unknown> | undefined>(undefined);
+const suggestions = ref<ForeignKeySuggestion[]>([]);
+const fetching = ref(true);
+const identityColumn = ref<string | undefined>(undefined);
+let debounceTimer: ReturnType<typeof setTimeout> | undefined;
+
+const fkRelations = computed<TableForeignKey | null>(() => {
+	const params = widgetParams.value;
+	if (params.referenced_table_name) return params as TableForeignKey;
+	return props.relations ?? null;
+});
+
+const allowsNull = computed(() => Boolean(widgetParams.value.allow_null || props.structure?.allow_null));
+
+const options = computed<AutocompleteOption<ForeignKeySuggestion>[]>(() =>
+	suggestions.value.map((suggestion) => ({
+		value: suggestion,
+		label: suggestion.displayString,
+		// The "No field starts with …" row carries no value; picking it would emit `undefined`.
+		disabled: !suggestion.isNullOption && !('fieldValue' in suggestion),
+	})),
+);
+
+const tableName = computed(() => fkRelations.value?.referenced_table_name ?? '');
+const settingsLink = computed(() => `/dashboard/${connections.connectionID}/${tableName.value}/settings`);
+const entryLink = computed(() => ({
+	path: `/dashboard/${connections.connectionID}/${tableName.value}/entry`,
+	query: toQuery(currentFieldQueryParams.value),
+}));
+
+onMounted(loadInitial);
+onBeforeUnmount(() => clearTimeout(debounceTimer));
+
+function onSearchInput(value: string) {
+	text.value = value;
+	clearTimeout(debounceTimer);
+	debounceTimer = setTimeout(() => {
+		if (text.value === '') emit('fieldChange', null);
+		fetchSuggestions();
+	}, SEARCH_DEBOUNCE_MS);
+}
+
+/** Angular's `updateRelatedLink`: point the "Show related record" link at the picked row. */
+function onSelect(option: AutocompleteOption<ForeignKeySuggestion>) {
+	const selected = option.value;
+	if (selected.isNullOption) {
+		currentFieldValue.value = null;
+		currentFieldQueryParams.value = undefined;
+		emit('fieldChange', null);
+		return;
+	}
+	currentFieldQueryParams.value = selected.primaryKeys;
+}
+
+async function fetchSuggestions(): Promise<void> {
+	const currentRow = suggestions.value.find((suggestion) => suggestion.displayString === text.value);
+	if (currentRow !== undefined) {
+		currentFieldValue.value = currentRow.fieldValue;
+		emit('fieldChange', currentFieldValue.value);
+		return;
+	}
+	const relation = fkRelations.value;
+	if (!relation) return;
+	fetching.value = true;
+	try {
+		const res = await fetchRows({
+			chunkSize: 20,
+			foreignKeyRowName: 'autocomplete',
+			foreignKeyRowValue: text.value,
+			referencedColumn: relation.referenced_column_name,
+		});
+		identityColumn.value = res.identity_column;
+		suggestions.value = withNullOption(
+			res.rows.length === 0
+				? [{ displayString: `No field starts with "${text.value}" in foreign entity.` }]
+				: res.rows.map((row) => toSuggestion(row, res)),
+		);
+	} catch (error) {
+		console.error('Error fetching suggestions:', error);
+	} finally {
+		fetching.value = false;
+	}
+}
+
+async function loadInitial(): Promise<void> {
+	const relation = fkRelations.value;
+	if (!relation) return;
+	try {
+		const res = await fetchRows({
+			chunkSize: 10,
+			foreignKeyRowName: relation.referenced_column_name,
+			foreignKeyRowValue: props.value,
+		});
+		const row = res.rows[0];
+		if (row) {
+			identityColumn.value = res.identity_column;
+			if (props.value) {
+				text.value = displayString(row);
+				currentFieldValue.value = row[relation.referenced_column_name];
+				currentFieldQueryParams.value = primaryKeysOf(row, res);
+			}
+		}
+
+		const suggestionsRes = await fetchRows({
+			chunkSize: 20,
+			foreignKeyRowName: 'autocomplete',
+			foreignKeyRowValue: '',
+			referencedColumn: relation.referenced_column_name,
+		});
+		identityColumn.value = suggestionsRes.identity_column;
+		suggestions.value = withNullOption(suggestionsRes.rows.map((r) => toSuggestion(r, suggestionsRes)));
+	} catch (error) {
+		console.error('Error loading foreign key data:', error);
+	} finally {
+		fetching.value = false;
+	}
+}
+
+async function fetchRows(params: {
+	chunkSize: number;
+	foreignKeyRowName: string;
+	foreignKeyRowValue: unknown;
+	referencedColumn?: string;
+}): Promise<FetchTableResponse> {
+	const res = await tables.fetchTable<FetchTableResponse>({
+		connectionID: connections.connectionID ?? '',
+		tableName: tableName.value,
+		requstedPage: 1,
+		chunkSize: params.chunkSize,
+		foreignKeyRowName: params.foreignKeyRowName,
+		foreignKeyRowValue: params.foreignKeyRowValue == null ? undefined : String(params.foreignKeyRowValue),
+		...(params.referencedColumn !== undefined ? { referencedColumn: params.referencedColumn } : {}),
+	});
+	return { rows: res?.rows ?? [], primaryColumns: res?.primaryColumns ?? [], identity_column: res?.identity_column };
+}
+
+function toSuggestion(row: Record<string, unknown>, res: FetchTableResponse): ForeignKeySuggestion {
+	return {
+		displayString: displayString(row),
+		primaryKeys: primaryKeysOf(row, res),
+		fieldValue: row[fkRelations.value?.referenced_column_name ?? ''],
+	};
+}
+
+/** `identity (a | b)` with an identity column, otherwise `a | b | c`; empty values are skipped. */
+function displayString(row: Record<string, unknown>): string {
+	const rest = Object.values(modifiedRow(row))
+		.filter((value) => value)
+		.join(' | ');
+	return identityColumn.value ? `${row[identityColumn.value]} (${rest})` : rest;
+}
+
+/** Angular's `getModifiedRow`: the autocomplete columns minus the identity column, or every non-empty column. */
+function modifiedRow(row: Record<string, unknown>): Record<string, unknown> {
+	const autocompleteColumns = fkRelations.value?.autocomplete_columns;
+	if (autocompleteColumns && autocompleteColumns.length > 0) {
+		return Object.fromEntries(
+			autocompleteColumns.filter((column) => column !== identityColumn.value).map((column) => [column, row[column]]),
+		);
+	}
+	return Object.fromEntries(Object.entries(row).filter(([, value]) => value));
+}
+
+function primaryKeysOf(row: Record<string, unknown>, res: FetchTableResponse): Record<string, unknown> {
+	return Object.fromEntries((res.primaryColumns ?? []).map((key) => [key.column_name, row[key.column_name]]));
+}
+
+function withNullOption(list: ForeignKeySuggestion[]): ForeignKeySuggestion[] {
+	return allowsNull.value ? [...list, NULL_SUGGESTION] : list;
+}
+
+function toQuery(params: Record<string, unknown> | undefined): Record<string, string> {
+	return Object.fromEntries(Object.entries(params ?? {}).map(([key, value]) => [key, String(value)]));
+}
+</script>
+
+<template>
+	<div class="foreign-key-edit">
+		<UiField class="foreign-key-edit__field" :label="normalizedLabel" :required="required">
+			<UiAutocomplete
+				:model-value="text"
+				:options="options"
+				:loading="fetching"
+				auto-active-first
+				:disabled="disabled"
+				:readonly="readonly"
+				:data-testid="`record-${label}-foreign-key`"
+				@update:model-value="onSearchInput"
+				@select="onSelect"
+			>
+				<template #option="{ option }">
+					<span :class="{ 'foreign-key-edit__null-option': option.value.isNullOption }">{{ option.label }}</span>
+				</template>
+			</UiAutocomplete>
+			<p class="foreign-key-edit__hint">
+				Improve search performance by configuring <em>Searchable foreign key columns</em>
+				<RouterLink :to="settingsLink" class="foreign-key-edit__hint-link">here</RouterLink>
+			</p>
+		</UiField>
+		<RouterLink
+			v-if="currentFieldValue != null"
+			class="foreign-key-edit__link"
+			:to="entryLink"
+			target="_blank"
+			title="Show related record"
+			aria-label="Show related record"
+		>
+			<UiIcon name="open_in_new" />
+		</RouterLink>
+	</div>
+</template>
+
+<style scoped>
+.foreign-key-edit {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  align-items: start;
+  gap: var(--space-2);
+}
+
+.foreign-key-edit__field {
+  grid-column: 1;
+}
+
+.foreign-key-edit__hint {
+  margin: 0;
+  font-size: var(--text-xs);
+  line-height: var(--leading-normal);
+  color: var(--color-muted-soft);
+}
+
+.foreign-key-edit__hint-link {
+  color: var(--color-accent);
+}
+
+.foreign-key-edit__null-option {
+  font-style: italic;
+  color: var(--color-muted);
+}
+
+/* Lines the icon up with the control, below the label. */
+.foreign-key-edit__link {
+  grid-column: 2;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: var(--space-8);
+  padding: var(--space-1);
+  border-radius: var(--radius-control);
+  color: var(--color-ink-soft);
+}
+
+.foreign-key-edit__link:hover {
+  color: var(--color-accent);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/IdEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/IdEdit.spec.ts
new file mode 100644
index 000000000..7786f0007
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/IdEdit.spec.ts
@@ -0,0 +1,31 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import IdEdit from './IdEdit.vue';
+
+describe('IdEdit', () => {
+	it('renders the label and the value', () => {
+		const wrapper = mount(IdEdit, { props: { label: 'user_id', value: 'abc' } });
+		expect(wrapper.find('label').text()).toContain('User ID');
+		expect((wrapper.find('[data-testid="record-user_id-id"]').element as HTMLInputElement).value).toBe('abc');
+	});
+
+	it('emits the typed value', async () => {
+		const wrapper = mount(IdEdit, { props: { label: 'id' } });
+		await wrapper.find('input').setValue('7c9e6679-7425-40de-944b-e07fc1f90ae7');
+		expect(wrapper.emitted('fieldChange')).toEqual([['7c9e6679-7425-40de-944b-e07fc1f90ae7']]);
+		expect(wrapper.text()).not.toContain("doesn't match");
+	});
+
+	it('accepts a braced GUID', async () => {
+		const wrapper = mount(IdEdit, { props: { label: 'id' } });
+		await wrapper.find('input').setValue('{7C9E6679-7425-40DE-944B-E07FC1F90AE7}');
+		expect(wrapper.text()).not.toContain("doesn't match");
+	});
+
+	it('shows the pattern error for a malformed id', async () => {
+		const wrapper = mount(IdEdit, { props: { label: 'id' } });
+		await wrapper.find('input').setValue('not-a-guid');
+		expect(wrapper.text()).toContain("Value doesn't match pattern.");
+		expect(wrapper.find('input').attributes('pattern')).toBeTruthy();
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/IdEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/IdEdit.stories.ts
new file mode 100644
index 000000000..d70c1a692
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/IdEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import IdEdit from './IdEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Id',
+	component: IdEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'ID Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'int', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '12345',
+	},
+} satisfies Meta<typeof IdEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/IdEdit.vue b/frontend-vue/src/components/fields/record-edit/IdEdit.vue
new file mode 100644
index 000000000..54a092b6e
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/IdEdit.vue
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+/** Port of record-edit-fields/id (`IdEditComponent`): an identifier column, validated as a GUID/UUID. */
+import { computed, ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel } = useRecordEditField(props);
+
+/** Angular's `pattern` attribute, kept on the input so the host form sees it too. */
+const ID_PATTERN = '^[{]?[0-9a-fA-F]{8}-([0-9a-fA-F]{4}-){3}[0-9a-fA-F]{12}[}]?$';
+const ID_REGEX = new RegExp(ID_PATTERN);
+
+const id = ref(props.value ?? '');
+const dirty = ref(false);
+
+const error = computed(() =>
+	dirty.value && id.value && !ID_REGEX.test(id.value) ? "Value doesn't match pattern." : undefined,
+);
+
+function onInput(value: string) {
+	id.value = value;
+	dirty.value = true;
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<UiField class="id-edit" :label="normalizedLabel" :required="required" :error="error">
+		<UiInput
+			:name="`${label}-${fieldKey}`"
+			:model-value="id"
+			:pattern="ID_PATTERN"
+			:disabled="disabled"
+			:readonly="readonly"
+			:data-testid="`record-${label}-id`"
+			@update:model-value="onInput"
+		/>
+	</UiField>
+</template>
diff --git a/frontend-vue/src/components/fields/record-edit/ImageEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/ImageEdit.spec.ts
new file mode 100644
index 000000000..abf495150
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/ImageEdit.spec.ts
@@ -0,0 +1,63 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import type { WidgetStructure } from '@/models/table';
+import { mockWidgetStructure } from '../stories.mocks';
+import ImageEdit from './ImageEdit.vue';
+
+const withParams = (widget_params: unknown): WidgetStructure =>
+	({ ...mockWidgetStructure(), widget_params }) as WidgetStructure;
+
+describe('ImageEdit', () => {
+	it('previews the URL', () => {
+		const wrapper = mount(ImageEdit, { props: { label: 'avatar', value: 'https://example.com/a.png' } });
+		expect(wrapper.find('img').attributes('src')).toBe('https://example.com/a.png');
+		expect(wrapper.find('.image-edit__prefix').exists()).toBe(false);
+	});
+
+	it('shows no preview without a value', () => {
+		const wrapper = mount(ImageEdit, { props: { label: 'avatar', value: '' } });
+		expect(wrapper.find('img').exists()).toBe(false);
+	});
+
+	it('prepends the prefix from object params', () => {
+		const wrapper = mount(ImageEdit, {
+			props: {
+				label: 'avatar',
+				value: 'photo.jpg',
+				widgetStructure: mockWidgetStructure({ prefix: 'https://cdn.example.com/' }),
+			},
+		});
+		expect(wrapper.find('.image-edit__prefix').text()).toBe('https://cdn.example.com/');
+		expect(wrapper.find('img').attributes('src')).toBe('https://cdn.example.com/photo.jpg');
+	});
+
+	it('reads the prefix from string params and ignores invalid JSON', () => {
+		const fromString = mount(ImageEdit, {
+			props: {
+				label: 'a',
+				value: 'p.jpg',
+				widgetStructure: withParams(JSON.stringify({ prefix: 'https://images.test/' })),
+			},
+		});
+		expect(fromString.find('img').attributes('src')).toBe('https://images.test/p.jpg');
+		const invalid = mount(ImageEdit, { props: { label: 'a', widgetStructure: withParams('invalid-json') } });
+		expect(invalid.find('.image-edit__prefix').exists()).toBe(false);
+	});
+
+	it('emits the typed value and flags an invalid URL', async () => {
+		const wrapper = mount(ImageEdit, { props: { label: 'avatar' } });
+		await wrapper.find('[data-testid="record-avatar-image"]').setValue('not a url');
+		expect(wrapper.emitted('fieldChange')).toEqual([['not a url']]);
+		expect(wrapper.text()).toContain('URL is invalid.');
+		expect(wrapper.find('img').exists()).toBe(false);
+		expect((wrapper.find('input').element as HTMLInputElement).checkValidity()).toBe(false);
+	});
+
+	it('validates the tail together with the prefix', async () => {
+		const wrapper = mount(ImageEdit, {
+			props: { label: 'avatar', widgetStructure: mockWidgetStructure({ prefix: 'https://cdn.test/' }) },
+		});
+		await wrapper.find('input').setValue('photo.jpg');
+		expect(wrapper.text()).not.toContain('URL is invalid.');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/ImageEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/ImageEdit.stories.ts
new file mode 100644
index 000000000..d3b8d0481
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/ImageEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import ImageEdit from './ImageEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Image',
+	component: ImageEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Image Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'https://via.placeholder.com/150',
+	},
+} satisfies Meta<typeof ImageEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/ImageEdit.vue b/frontend-vue/src/components/fields/record-edit/ImageEdit.vue
new file mode 100644
index 000000000..064b8afb6
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/ImageEdit.vue
@@ -0,0 +1,84 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/image (`ImageEditComponent`): an image URL with a preview. With
+ * `widget_params.prefix` the column stores only the tail of the URL; the prefix is shown before the
+ * input and prepended for validation and the preview.
+ */
+import { computed, ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import { vCustomValidity } from '@/directives/customValidity';
+import { URL_ERROR_MESSAGE, urlErrors } from '@/validators/url.validator';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const url = ref(props.value ?? '');
+const dirty = ref(false);
+
+const prefix = computed<string>(() => widgetParams.value.prefix || '');
+const imageUrl = computed(() => (url.value ? prefix.value + url.value : ''));
+const validationMessage = computed(() => (urlErrors(url.value, prefix.value) ? URL_ERROR_MESSAGE : ''));
+const error = computed(() => (dirty.value && validationMessage.value) || undefined);
+
+function onInput(value: string) {
+	url.value = value;
+	dirty.value = true;
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<div class="image-edit">
+		<UiField :label="normalizedLabel" :required="required" :error="error">
+			<div class="image-edit__control">
+				<span v-if="prefix" class="image-edit__prefix">{{ prefix }}</span>
+				<UiInput
+					v-custom-validity="validationMessage"
+					:name="`${label}-${fieldKey}`"
+					:model-value="url"
+					:disabled="disabled"
+					:readonly="readonly"
+					:data-testid="`record-${label}-image`"
+					@update:model-value="onInput"
+				/>
+			</div>
+		</UiField>
+		<img v-if="imageUrl && !validationMessage" class="image-edit__image" :src="imageUrl" :alt="normalizedLabel">
+	</div>
+</template>
+
+<style scoped>
+.image-edit {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.image-edit__control {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.image-edit__prefix {
+  flex: none;
+  max-width: 50%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: var(--text-sm);
+  color: var(--color-muted);
+}
+
+.image-edit__image {
+  align-self: flex-start;
+  max-width: 100%;
+  height: auto;
+  max-height: 200px;
+  border-radius: var(--radius-control);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/JsonEditorEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/JsonEditorEdit.spec.ts
new file mode 100644
index 000000000..edb09d240
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/JsonEditorEdit.spec.ts
@@ -0,0 +1,36 @@
+import { mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
+import AppCodeEditor from '@/components/shared/AppCodeEditor.vue';
+import JsonEditorEdit from './JsonEditorEdit.vue';
+
+const editorText = (wrapper: ReturnType<typeof mount>) =>
+	(wrapper.find('textarea').element as HTMLTextAreaElement).value;
+
+describe('JsonEditorEdit', () => {
+	beforeEach(() => setActivePinia(createPinia()));
+
+	it('shows the value pretty-printed with 4 spaces in a JSON editor', () => {
+		const value = { id: 1, name: 'test', settings: { enabled: true } };
+		const wrapper = mount(JsonEditorEdit, { props: { label: 'metadata', value } });
+		expect(editorText(wrapper)).toBe(JSON.stringify(value, undefined, 4));
+		expect(wrapper.findComponent(AppCodeEditor).props('language')).toBe('json');
+		expect(wrapper.text()).toContain('Metadata');
+	});
+
+	it('shows null as "null" and undefined as "{}"', () => {
+		expect(editorText(mount(JsonEditorEdit, { props: { label: 'm', value: null } }))).toBe('null');
+		expect(editorText(mount(JsonEditorEdit, { props: { label: 'm' } }))).toBe('{}');
+	});
+
+	it('shows arrays', () => {
+		const wrapper = mount(JsonEditorEdit, { props: { label: 'm', value: [1, 2, 3] } });
+		expect(JSON.parse(editorText(wrapper))).toEqual([1, 2, 3]);
+	});
+
+	it('emits the edited text unparsed', async () => {
+		const wrapper = mount(JsonEditorEdit, { props: { label: 'm', value: {} } });
+		await wrapper.find('textarea').setValue('{"a": 1');
+		expect(wrapper.emitted('fieldChange')).toEqual([['{"a": 1']]);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/JsonEditorEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/JsonEditorEdit.stories.ts
new file mode 100644
index 000000000..bb7867f0c
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/JsonEditorEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import JsonEditorEdit from './JsonEditorEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/JsonEditor',
+	component: JsonEditorEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'JSON Editor Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'json', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: { key: 'value', nested: { a: 1 } },
+	},
+} satisfies Meta<typeof JsonEditorEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/JsonEditorEdit.vue b/frontend-vue/src/components/fields/record-edit/JsonEditorEdit.vue
new file mode 100644
index 000000000..817a89dc6
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/JsonEditorEdit.vue
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+/** Port of record-edit-fields/json-editor (`JsonEditorEditComponent`): a JSON column edited in Monaco. The value is shown pretty-printed (4 spaces; `{}` when undefined) and the edited text is emitted as-is, unparsed. */
+import { ref } from 'vue';
+import AppCodeEditor from '@/components/shared/AppCodeEditor.vue';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: unknown }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel } = useRecordEditField(props);
+
+const language = 'json';
+const code = ref<string>(JSON.stringify(props.value, undefined, 4) || '{}');
+
+function onChange(text: string) {
+	code.value = text;
+	emit('fieldChange', text);
+}
+</script>
+
+<template>
+	<div class="json-editor-edit">
+		<span class="json-editor-edit__label">{{ normalizedLabel }}<span v-if="required" class="json-editor-edit__required" aria-hidden="true"> *</span></span>
+		<AppCodeEditor
+			class="json-editor-edit__editor"
+			:model-value="code"
+			:language="language"
+			:readonly="readonly || disabled"
+			:label="normalizedLabel || 'Code'"
+			height="240px"
+			@update:model-value="onChange"
+		/>
+	</div>
+</template>
+
+<style scoped>
+.json-editor-edit {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+}
+
+.json-editor-edit__label {
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--color-ink-soft);
+}
+
+.json-editor-edit__required {
+  color: var(--color-danger-strong);
+}
+
+/* Angular's box was user-resizable; Monaco relayouts itself (automaticLayout). */
+.json-editor-edit__editor {
+  resize: vertical;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/LanguageEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/LanguageEdit.spec.ts
new file mode 100644
index 000000000..62001ad2c
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/LanguageEdit.spec.ts
@@ -0,0 +1,58 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { type AutocompleteOption, UiAutocomplete } from '@/components/ui';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import LanguageEdit from './LanguageEdit.vue';
+
+type Option = AutocompleteOption<{ value: string | null; label: string; flag: string; nativeName?: string }>;
+const options = (wrapper: ReturnType<typeof mount>) =>
+	(wrapper.findComponent(UiAutocomplete).props() as unknown as { options: Option[] }).options;
+const input = (wrapper: ReturnType<typeof mount>) => wrapper.find('input').element as HTMLInputElement;
+const notNull = mockStructure({ allow_null: false });
+
+describe('LanguageEdit', () => {
+	it('lists the languages sorted by name', () => {
+		const wrapper = mount(LanguageEdit, {
+			props: { label: 'lang', structure: notNull, widgetStructure: mockWidgetStructure() },
+		});
+		const labels = options(wrapper).map((o) => o.label);
+		expect(labels.length).toBeGreaterThan(100);
+		expect(labels).toEqual([...labels].sort((a, b) => a.localeCompare(b)));
+	});
+
+	it('shows the current language, matching the code case-insensitively', () => {
+		const wrapper = mount(LanguageEdit, { props: { label: 'lang', structure: notNull, value: 'EN' } });
+		expect(input(wrapper).value).toBe('English');
+		expect(wrapper.find('.language-edit__flag-prefix').exists()).toBe(true);
+	});
+
+	it('hides the flag with show_flag: false', () => {
+		const wrapper = mount(LanguageEdit, {
+			props: { label: 'lang', value: 'en', widgetStructure: mockWidgetStructure({ show_flag: false }) },
+		});
+		expect(wrapper.find('.language-edit__flag-prefix').exists()).toBe(false);
+	});
+
+	it('filters by native name too', async () => {
+		const wrapper = mount(LanguageEdit, { props: { label: 'lang', structure: notNull } });
+		await wrapper.find('input').setValue('deutsch');
+		expect(options(wrapper).map((o) => o.value.value)).toContain('de');
+	});
+
+	it('prepends an empty option for allow_null and emits null for it', () => {
+		const wrapper = mount(LanguageEdit, {
+			props: { label: 'lang', structure: notNull, widgetStructure: mockWidgetStructure({ allow_null: true }) },
+		});
+		const first = options(wrapper)[0];
+		expect(first?.value.value).toBeNull();
+		wrapper.findComponent(UiAutocomplete).vm.$emit('select', first);
+		expect(wrapper.emitted('fieldChange')).toEqual([[null]]);
+	});
+
+	it('emits the picked code', () => {
+		const wrapper = mount(LanguageEdit, { props: { label: 'lang', structure: notNull } });
+		const french = options(wrapper).find((o) => o.value.value === 'fr');
+		wrapper.findComponent(UiAutocomplete).vm.$emit('select', french);
+		expect(wrapper.emitted('fieldChange')).toEqual([['fr']]);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/LanguageEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/LanguageEdit.stories.ts
new file mode 100644
index 000000000..8a4cf138d
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/LanguageEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import LanguageEdit from './LanguageEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Language',
+	component: LanguageEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Language Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'en',
+	},
+} satisfies Meta<typeof LanguageEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/LanguageEdit.vue b/frontend-vue/src/components/fields/record-edit/LanguageEdit.vue
new file mode 100644
index 000000000..8bfbbaf96
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/LanguageEdit.vue
@@ -0,0 +1,127 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/language (`LanguageEditComponent`): an ISO 639-1 language code picked
+ * from an autocomplete of language names (matching on name, native name or code). Picking emits
+ * the code; typing alone emits nothing. A nullable column (or `widget_params.allow_null`) gets an
+ * empty option that emits `null`. `widget_params.show_flag: false` hides the flag emoji.
+ */
+import { computed, ref } from 'vue';
+import { type AutocompleteOption, UiAutocomplete, UiField } from '@/components/ui';
+import { getLanguageFlag, LANGUAGES } from '@/consts/languages';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+interface LanguageOption {
+	value: string | null;
+	label: string;
+	flag: string;
+	nativeName?: string;
+}
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const showFlag = computed<boolean>(() =>
+	widgetParams.value.show_flag !== undefined ? Boolean(widgetParams.value.show_flag) : true,
+);
+
+const languages = computed<LanguageOption[]>(() => {
+	const sorted = LANGUAGES.map((language) => ({
+		value: language.code,
+		label: language.name,
+		flag: getLanguageFlag(language),
+		nativeName: language.nativeName,
+	})).sort((a, b) => a.label.localeCompare(b.label));
+	const allowNull = widgetParams.value.allow_null || props.structure?.allow_null;
+	return allowNull ? [{ value: null, label: '', flag: '' }, ...sorted] : sorted;
+});
+
+/** The picked language — Angular's control holding an object rather than typed text. */
+const selected = ref<LanguageOption | null>(findLanguage(props.value));
+const text = ref(selected.value?.label ?? '');
+
+const options = computed<AutocompleteOption<LanguageOption>[]>(() => {
+	const query = text.value.toLowerCase();
+	return languages.value
+		.filter(
+			(language) =>
+				language.label.toLowerCase().includes(query) ||
+				language.value?.toLowerCase().includes(query) ||
+				language.nativeName?.toLowerCase().includes(query),
+		)
+		.map((language) => ({ value: language, label: language.label }));
+});
+
+function onInput(value: string) {
+	text.value = value;
+	selected.value = null;
+}
+
+function onSelect(option: AutocompleteOption<LanguageOption>) {
+	selected.value = option.value;
+	text.value = option.label;
+	emit('fieldChange', option.value.value);
+}
+
+/** Case-insensitive, as Angular matched the initial value. */
+function findLanguage(code: string | null | undefined): LanguageOption | null {
+	if (!code) return null;
+	const lower = code.toLowerCase();
+	return languages.value.find((language) => language.value?.toLowerCase() === lower) ?? null;
+}
+</script>
+
+<template>
+	<UiField class="language-edit" :label="normalizedLabel" :required="required">
+		<UiAutocomplete
+			:model-value="text"
+			:options="options"
+			:disabled="disabled"
+			:readonly="readonly"
+			:data-testid="`record-${label}-language`"
+			@update:model-value="onInput"
+			@select="onSelect"
+		>
+			<template v-if="showFlag && selected?.flag" #leading>
+				<span class="language-edit__flag-prefix" aria-hidden="true">{{ selected.flag }}</span>
+			</template>
+			<template #option="{ option }">
+				<span v-if="showFlag && option.value.flag" class="language-edit__flag" aria-hidden="true">{{ option.value.flag }}</span>
+				<span class="language-edit__name">{{ option.label || '—' }}</span>
+				<span
+					v-if="option.value.nativeName && option.value.nativeName !== option.label"
+					class="language-edit__native"
+				>{{ option.value.nativeName }}</span>
+				<span v-if="option.value.value" class="language-edit__code">({{ option.value.value }})</span>
+			</template>
+		</UiAutocomplete>
+	</UiField>
+</template>
+
+<style scoped>
+.language-edit__flag-prefix {
+  font-size: var(--text-md);
+  line-height: 1;
+}
+
+.language-edit__flag {
+  font-size: var(--text-base);
+}
+
+.language-edit__name {
+  flex: 1;
+}
+
+.language-edit__native {
+  font-size: var(--text-xs);
+  font-style: italic;
+  color: var(--color-muted);
+}
+
+.language-edit__code {
+  font-size: var(--text-2xs);
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/LongTextEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/LongTextEdit.spec.ts
new file mode 100644
index 000000000..2de25e01e
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/LongTextEdit.spec.ts
@@ -0,0 +1,67 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import type { WidgetStructure } from '@/models/table';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import LongTextEdit from './LongTextEdit.vue';
+
+const textarea = (wrapper: ReturnType<typeof mount>) => wrapper.find('textarea').element as HTMLTextAreaElement;
+
+describe('LongTextEdit', () => {
+	it('renders the label, the value and the test id', () => {
+		const wrapper = mount(LongTextEdit, { props: { label: 'bio', value: 'Hello' } });
+		expect(wrapper.find('label').text()).toContain('Bio');
+		expect((wrapper.find('[data-testid="record-bio-long-text"]').element as HTMLTextAreaElement).value).toBe('Hello');
+	});
+
+	it('defaults to 4 rows and reads rows from params (object or string)', () => {
+		expect(textarea(mount(LongTextEdit, { props: { label: 'bio' } })).rows).toBe(4);
+		expect(
+			textarea(mount(LongTextEdit, { props: { label: 'bio', widgetStructure: mockWidgetStructure({ rows: '10' }) } }))
+				.rows,
+		).toBe(10);
+		const stringParams = {
+			...mockWidgetStructure(),
+			widget_params: JSON.stringify({ rows: '6' }),
+		} as unknown as WidgetStructure;
+		expect(textarea(mount(LongTextEdit, { props: { label: 'bio', widgetStructure: stringParams } })).rows).toBe(6);
+	});
+
+	it('sets maxlength from the column and shows the counter near the limit', () => {
+		const wrapper = mount(LongTextEdit, {
+			props: { label: 'bio', value: 'abc', structure: mockStructure({ character_maximum_length: 50 }) },
+		});
+		expect(textarea(wrapper).maxLength).toBe(50);
+		expect(wrapper.text()).toContain('3 / 50');
+	});
+
+	it('has no maxlength or counter without a column limit', () => {
+		const wrapper = mount(LongTextEdit, { props: { label: 'bio', value: 'abc', structure: mockStructure() } });
+		expect(wrapper.find('textarea').attributes('maxlength')).toBeUndefined();
+		expect(wrapper.text()).not.toContain('/');
+	});
+
+	it('emits the typed text as-is, including an empty string', async () => {
+		const wrapper = mount(LongTextEdit, {
+			props: { label: 'bio', value: 'x', structure: mockStructure({ allow_null: true }) },
+		});
+		await wrapper.find('textarea').setValue('');
+		expect(wrapper.emitted('fieldChange')).toEqual([['']]);
+	});
+
+	it('shows the required error once edited', async () => {
+		const wrapper = mount(LongTextEdit, { props: { label: 'bio', value: 'x', required: true } });
+		expect(wrapper.text()).not.toContain('This field is required.');
+		await wrapper.find('textarea').setValue('');
+		expect(wrapper.text()).toContain('This field is required.');
+	});
+
+	it.each([
+		[{ validate: 'isJSON' }, '{', 'Invalid JSON'],
+		[{ validate: 'regex', regex: '^\\d+$' }, 'abc', "Value doesn't match the required pattern"],
+	])('validates with %j', async (params, input, message) => {
+		const wrapper = mount(LongTextEdit, { props: { label: 'bio', widgetStructure: mockWidgetStructure(params) } });
+		await wrapper.find('textarea').setValue(input);
+		expect(wrapper.text()).toContain(message);
+		expect(textarea(wrapper).checkValidity()).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/LongTextEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/LongTextEdit.stories.ts
new file mode 100644
index 000000000..a3ca8971c
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/LongTextEdit.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import LongTextEdit from './LongTextEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/LongText',
+	component: LongTextEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Long Text Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'text', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value:
+			'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+	},
+} satisfies Meta<typeof LongTextEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/LongTextEdit.vue b/frontend-vue/src/components/fields/record-edit/LongTextEdit.vue
new file mode 100644
index 000000000..ca822caa1
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/LongTextEdit.vue
@@ -0,0 +1,73 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/long-text (`LongTextEditComponent`): a multi-line text column.
+ * `widget_params.rows` sets the height (4 by default); `validate` / `regex` validate like the text
+ * widget. The typed text is emitted as-is.
+ */
+import { computed, ref } from 'vue';
+import { UiField, UiTextarea } from '@/components/ui';
+import { vCustomValidity } from '@/directives/customValidity';
+import { textErrors, textValidationMessage } from '@/validators/text.validator';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const text = ref(props.value ?? '');
+const dirty = ref(false);
+
+const maxLength = computed(() => props.structure?.character_maximum_length || null);
+const rowsCount = computed(() => Number(widgetParams.value.rows || '4') || 4);
+const validateType = computed<string | null>(() => widgetParams.value.validate || null);
+const regexPattern = computed<string | null>(() => widgetParams.value.regex || null);
+
+/** The `N / max` counter, shown only within 100 characters of the limit. */
+const showCounter = computed(() =>
+	Boolean(maxLength.value && maxLength.value > 0 && text.value && maxLength.value - text.value.length < 100),
+);
+
+const validationMessage = computed(() =>
+	textErrors(text.value, validateType.value, regexPattern.value) ? textValidationMessage(validateType.value) : '',
+);
+
+const error = computed(() => {
+	if (!dirty.value) return undefined;
+	if (props.required && !text.value) return 'This field is required.';
+	if (maxLength.value && text.value.length > maxLength.value) return `Maximum length is ${maxLength.value} characters.`;
+	return validationMessage.value || undefined;
+});
+
+function onInput(value: string) {
+	text.value = value;
+	dirty.value = true;
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<UiField class="long-text-edit" :label="normalizedLabel" :required="required" :error="error">
+		<UiTextarea
+			v-custom-validity="validationMessage"
+			:name="`${label}-${fieldKey}`"
+			:model-value="text"
+			:rows="rowsCount"
+			:maxlength="maxLength ?? undefined"
+			:disabled="disabled"
+			:readonly="readonly"
+			:data-testid="`record-${label}-long-text`"
+			@update:model-value="onInput"
+		/>
+		<span v-if="showCounter" class="long-text-edit__counter">{{ text.length }} / {{ maxLength }}</span>
+	</UiField>
+</template>
+
+<style scoped>
+.long-text-edit__counter {
+  align-self: flex-end;
+  font-size: var(--text-xs);
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/MarkdownEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/MarkdownEdit.spec.ts
new file mode 100644
index 000000000..140232035
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/MarkdownEdit.spec.ts
@@ -0,0 +1,28 @@
+import { mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
+import AppCodeEditor from '@/components/shared/AppCodeEditor.vue';
+import MarkdownEdit from './MarkdownEdit.vue';
+
+describe('MarkdownEdit', () => {
+	beforeEach(() => setActivePinia(createPinia()));
+
+	it('shows the source in a markdown editor', () => {
+		const value = '# Hello World\n\nThis is **bold** text.';
+		const wrapper = mount(MarkdownEdit, { props: { label: 'product_description', value } });
+		expect(wrapper.text()).toContain('Product description');
+		expect((wrapper.find('textarea').element as HTMLTextAreaElement).value).toBe(value);
+		expect(wrapper.findComponent(AppCodeEditor).props('language')).toBe('markdown');
+	});
+
+	it('emits the edited source', async () => {
+		const wrapper = mount(MarkdownEdit, { props: { label: 'description', value: 'test' } });
+		await wrapper.find('textarea').setValue('**new**');
+		expect(wrapper.emitted('fieldChange')).toEqual([['**new**']]);
+	});
+
+	it('passes readonly to the editor', () => {
+		const wrapper = mount(MarkdownEdit, { props: { label: 'description', readonly: true } });
+		expect((wrapper.find('textarea').element as HTMLTextAreaElement).readOnly).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/MarkdownEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/MarkdownEdit.stories.ts
new file mode 100644
index 000000000..7f47cd3a4
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/MarkdownEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import MarkdownEdit from './MarkdownEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Markdown',
+	component: MarkdownEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Markdown Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'text', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '# Hello\nThis is **markdown** content with a [link](https://example.com).',
+	},
+} satisfies Meta<typeof MarkdownEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/MarkdownEdit.vue b/frontend-vue/src/components/fields/record-edit/MarkdownEdit.vue
new file mode 100644
index 000000000..3452d3ad1
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/MarkdownEdit.vue
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+/** Port of record-edit-fields/markdown (`MarkdownEditComponent`): Markdown source edited in Monaco. */
+import { ref } from 'vue';
+import AppCodeEditor from '@/components/shared/AppCodeEditor.vue';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel } = useRecordEditField(props);
+
+const language = 'markdown';
+const code = ref<string>(props.value ?? '');
+
+function onChange(text: string) {
+	code.value = text;
+	emit('fieldChange', text);
+}
+</script>
+
+<template>
+	<div class="markdown-edit">
+		<span class="markdown-edit__label">{{ normalizedLabel }}<span v-if="required" class="markdown-edit__required" aria-hidden="true"> *</span></span>
+		<AppCodeEditor
+			class="markdown-edit__editor"
+			:model-value="code"
+			:language="language"
+			:readonly="readonly || disabled"
+			:label="normalizedLabel || 'Code'"
+			height="240px"
+			@update:model-value="onChange"
+		/>
+	</div>
+</template>
+
+<style scoped>
+.markdown-edit {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+}
+
+.markdown-edit__label {
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--color-ink-soft);
+}
+
+.markdown-edit__required {
+  color: var(--color-danger-strong);
+}
+
+/* Angular's box was user-resizable; Monaco relayouts itself (automaticLayout). */
+.markdown-edit__editor {
+  resize: vertical;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/MoneyEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/MoneyEdit.spec.ts
new file mode 100644
index 000000000..b821915e6
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/MoneyEdit.spec.ts
@@ -0,0 +1,159 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import type { MoneyValue } from '@/consts/currencies';
+import { mockWidgetStructure } from '../stories.mocks';
+import MoneyEdit from './MoneyEdit.vue';
+
+// biome-ignore lint/suspicious/noExplicitAny: widget params are free-form per widget type
+function mountMoney(value?: string | number | MoneyValue | null, params: Record<string, any> = {}) {
+	return mount(MoneyEdit, { props: { label: 'price', value, widgetStructure: mockWidgetStructure(params) } });
+}
+
+const amountInput = (wrapper: ReturnType<typeof mount>) => wrapper.find('[data-testid="record-price-money-amount"]');
+const amountValue = (wrapper: ReturnType<typeof mount>) => (amountInput(wrapper).element as HTMLInputElement).value;
+const symbol = (wrapper: ReturnType<typeof mount>) => wrapper.find('.money-edit__symbol');
+const currencySelect = (wrapper: ReturnType<typeof mount>) =>
+	wrapper.find('[data-testid="record-price-money-selector"]');
+
+/** Picks a currency by code in the native select (options carry their index). */
+async function pickCurrency(wrapper: ReturnType<typeof mount>, code: string) {
+	const select = currencySelect(wrapper);
+	const index = Array.from((select.element as HTMLSelectElement).options).findIndex((o) =>
+		o.textContent?.includes(` ${code} - `),
+	);
+	await select.setValue(String(index));
+}
+
+describe('MoneyEdit', () => {
+	it('defaults to USD without a currency selector', () => {
+		const wrapper = mountMoney('');
+		expect(currencySelect(wrapper).exists()).toBe(false);
+		expect(amountValue(wrapper)).toBe('');
+		expect(amountInput(wrapper).attributes('placeholder')).toBe('Enter amount in US Dollar');
+		expect(wrapper.find('label').text()).toContain('Price');
+	});
+
+	it('parses a "100.50 EUR" string', () => {
+		const wrapper = mountMoney('100.50 EUR');
+		expect(amountValue(wrapper)).toBe('100.50');
+		expect(symbol(wrapper).text()).toBe('€');
+		expect(amountInput(wrapper).attributes('placeholder')).toBe('Enter amount in Euro');
+	});
+
+	it('detects the currency from its symbol', () => {
+		expect(symbol(mountMoney('£12')).text()).toBe('£');
+	});
+
+	it('parses an { amount, currency } object', () => {
+		const wrapper = mountMoney({ amount: 250.75, currency: 'GBP' }, { show_currency_selector: true });
+		expect(amountValue(wrapper)).toBe('250.75');
+		expect((currencySelect(wrapper).element as HTMLSelectElement).selectedOptions[0]?.textContent).toContain(
+			'GBP - British Pound',
+		);
+	});
+
+	it('parses a bare number in the default currency', () => {
+		const wrapper = mountMoney(150.25);
+		expect(amountValue(wrapper)).toBe('150.25');
+		expect(symbol(wrapper).text()).toBe('$');
+	});
+
+	it('emits the number when the currency selector is off', async () => {
+		const wrapper = mountMoney('');
+		await amountInput(wrapper).setValue('123.45');
+		expect(wrapper.emitted('fieldChange')).toEqual([[123.45]]);
+	});
+
+	it('emits { amount, currency } when the currency selector is on', async () => {
+		const wrapper = mountMoney('', { show_currency_selector: true });
+		await amountInput(wrapper).setValue('123.45');
+		expect(wrapper.emitted('fieldChange')).toEqual([[{ amount: 123.45, currency: 'USD' }]]);
+	});
+
+	it('emits the new currency on change', async () => {
+		const wrapper = mountMoney(100, { show_currency_selector: true });
+		await pickCurrency(wrapper, 'EUR');
+		expect(wrapper.emitted('fieldChange')).toEqual([[{ amount: 100, currency: 'EUR' }]]);
+	});
+
+	it('strips letters and formats on blur', async () => {
+		const wrapper = mountMoney(100);
+		await amountInput(wrapper).setValue('abc123def');
+		expect(wrapper.emitted('fieldChange')).toEqual([[123]]);
+		await amountInput(wrapper).trigger('blur');
+		expect(amountValue(wrapper)).toBe('123.00');
+	});
+
+	it('clears the amount and emits "" for all-letter input', async () => {
+		const wrapper = mountMoney(100);
+		await amountInput(wrapper).setValue('invalid');
+		await wrapper.vm.$nextTick();
+		expect(amountValue(wrapper)).toBe('');
+		expect(wrapper.emitted('fieldChange')).toEqual([['']]);
+	});
+
+	it('drops the minus sign when allow_negative is false', async () => {
+		const wrapper = mountMoney('', { allow_negative: false });
+		await amountInput(wrapper).setValue('-123.45');
+		expect(wrapper.emitted('fieldChange')).toEqual([[123.45]]);
+	});
+
+	it('uses decimal_places for formatting', () => {
+		const wrapper = mountMoney(1.23456, { decimal_places: 3 });
+		expect(amountValue(wrapper)).toBe('1.235');
+	});
+
+	it('hides the symbol while empty', () => {
+		expect(symbol(mountMoney('')).exists()).toBe(false);
+	});
+
+	describe('cents', () => {
+		it('loads a USD minor-unit number as major units', () => {
+			expect(amountValue(mountMoney(1099, { default_currency: 'USD', cents: true }))).toBe('10.99');
+		});
+
+		it('loads JPY without division and with 0 decimals', () => {
+			const wrapper = mountMoney(
+				{ amount: 1099, currency: 'JPY' },
+				{ default_currency: 'JPY', cents: true, show_currency_selector: true },
+			);
+			expect(amountValue(wrapper)).toBe('1099');
+		});
+
+		it('emits integer cents', async () => {
+			const wrapper = mountMoney('', { default_currency: 'USD', cents: true });
+			await amountInput(wrapper).setValue('10.99');
+			await amountInput(wrapper).setValue('20.99');
+			expect(wrapper.emitted('fieldChange')).toEqual([[1099], [2099]]);
+		});
+
+		it('rounds and reformats on a switch to a zero-decimal currency', async () => {
+			const wrapper = mountMoney(
+				{ amount: 1099, currency: 'USD' },
+				{ default_currency: 'USD', cents: true, show_currency_selector: true },
+			);
+			expect(amountValue(wrapper)).toBe('10.99');
+			await pickCurrency(wrapper, 'JPY');
+			expect(amountValue(wrapper)).toBe('11');
+			expect(wrapper.emitted('fieldChange')).toEqual([[{ amount: 11, currency: 'JPY' }]]);
+		});
+
+		it('keeps legacy behaviour without cents', () => {
+			expect(amountValue(mountMoney(10.99, { default_currency: 'USD' }))).toBe('10.99');
+		});
+	});
+
+	it('passes disabled and readonly through', () => {
+		const wrapper = mount(MoneyEdit, {
+			props: {
+				label: 'price',
+				disabled: true,
+				readonly: true,
+				widgetStructure: mockWidgetStructure({ show_currency_selector: true }),
+			},
+		});
+		const input = amountInput(wrapper).element as HTMLInputElement;
+		expect([input.disabled, input.readOnly]).toEqual([true, true]);
+		expect((currencySelect(wrapper).element as HTMLSelectElement).disabled).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/MoneyEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/MoneyEdit.stories.ts
new file mode 100644
index 000000000..46839e836
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/MoneyEdit.stories.ts
@@ -0,0 +1,33 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import MoneyEdit from './MoneyEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Money',
+	component: MoneyEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Money Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'money', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '99.99',
+	},
+} satisfies Meta<typeof MoneyEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
+export const WithCurrencySelector: Story = {
+	args: {
+		value: { amount: 1099, currency: 'EUR' },
+		widgetStructure: mockWidgetStructure({ show_currency_selector: true, cents: true }),
+	},
+};
diff --git a/frontend-vue/src/components/fields/record-edit/MoneyEdit.vue b/frontend-vue/src/components/fields/record-edit/MoneyEdit.vue
new file mode 100644
index 000000000..dd7c7496f
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/MoneyEdit.vue
@@ -0,0 +1,238 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/money (`MoneyEditComponent`): an amount, optionally with a currency.
+ *
+ * `widget_params`: `default_currency` (USD), `show_currency_selector` (stores `{ amount, currency }`
+ * instead of a bare number), `decimal_places` (2, clamped to 0–10), `allow_negative` (true) and
+ * `cents` (store integer minor units; decimals then follow the currency, e.g. 0 for JPY).
+ * An empty amount is stored as `''`.
+ */
+import { computed, nextTick, ref } from 'vue';
+import { type SelectOption, UiField, UiInput, UiSelect } from '@/components/ui';
+import {
+	CURRENCIES,
+	getCurrencyDecimalPlaces,
+	getCurrencyMinorUnitFactor,
+	type Money,
+	type MoneyValue,
+} from '@/consts/currencies';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+type Amount = number | '';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | number | MoneyValue | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const defaultCurrency = computed<string>(() =>
+	typeof widgetParams.value.default_currency === 'string' ? widgetParams.value.default_currency : 'USD',
+);
+const showCurrencySelector = computed(() => widgetParams.value.show_currency_selector === true);
+const allowNegative = computed(() => widgetParams.value.allow_negative !== false);
+const cents = computed(() => widgetParams.value.cents === true);
+
+const selectedCurrency = ref(defaultCurrency.value);
+const amount = ref<Amount>('');
+const displayAmount = ref('');
+const control = ref<HTMLElement | null>(null);
+
+/** With `cents` the currency decides (0 for zero-decimal currencies), otherwise `decimal_places`. */
+const decimalPlaces = computed(() => {
+	if (cents.value) return getCurrencyDecimalPlaces(selectedCurrency.value);
+	const configured: unknown = widgetParams.value.decimal_places;
+	return typeof configured === 'number' ? Math.max(0, Math.min(10, configured)) : 2;
+});
+
+const currencyOptions: SelectOption<string>[] = CURRENCIES.map((currency) => ({
+	value: currency.code,
+	label: `${currency.flag || ''} ${currency.code} - ${currency.name}`,
+}));
+
+const selectedCurrencyData = computed<Money>(
+	() => CURRENCIES.find((c) => c.code === selectedCurrency.value) || (CURRENCIES[0] as Money),
+);
+const placeholder = computed(() => `Enter amount in ${selectedCurrencyData.value.name}`);
+
+initializeMoneyValue();
+
+function onCurrencyChange(code: string | null | (string | null)[]) {
+	if (typeof code !== 'string') return;
+	selectedCurrency.value = code;
+	if (cents.value && amount.value !== '') {
+		const rounded = parseFloat(amount.value.toFixed(decimalPlaces.value));
+		amount.value = rounded;
+		displayAmount.value = formatAmount(rounded);
+	}
+	updateValue();
+}
+
+function onAmountChange(typed: string) {
+	let cleanValue = typed.replace(/[^\d.-]/g, '');
+	if (!allowNegative.value) cleanValue = cleanValue.replace(/-/g, '');
+
+	const numericValue = parseFloat(cleanValue);
+	if (!Number.isNaN(numericValue)) {
+		amount.value = numericValue;
+		// Not reformatted while typing, so the caret stays put; `onAmountBlur` formats.
+		displayAmount.value = cleanValue;
+	} else if (cleanValue === '' || cleanValue === '-') {
+		amount.value = '';
+		displayAmount.value = cleanValue;
+	} else {
+		// Unparseable: revert to the previous amount.
+		displayAmount.value = formatAmount(amount.value);
+	}
+	syncInput();
+	updateValue();
+}
+
+function onAmountBlur() {
+	if (amount.value !== '') displayAmount.value = formatAmount(amount.value);
+}
+
+function formatAmount(value: Amount | string): string {
+	if (value === '') return '';
+	const numeric = typeof value === 'string' ? parseFloat(value) : value;
+	return Number.isNaN(numeric) ? '' : numeric.toFixed(decimalPlaces.value);
+}
+
+function updateValue() {
+	if (amount.value === '') {
+		emit('fieldChange', '');
+		return;
+	}
+	const stored = toMinorUnits();
+	emit('fieldChange', showCurrencySelector.value ? { amount: stored, currency: selectedCurrency.value } : stored);
+}
+
+function initializeMoneyValue() {
+	const value = props.value;
+	if (value === '' || value === null || value === undefined) return;
+	if (typeof value === 'string') {
+		parseStringValue(value);
+	} else if (typeof value === 'object') {
+		if (value.amount !== undefined && value.currency) {
+			selectedCurrency.value = value.currency;
+			amount.value = fromMinorUnits(value.amount);
+			displayAmount.value = formatAmount(amount.value);
+		}
+	} else {
+		amount.value = fromMinorUnits(value);
+		displayAmount.value = formatAmount(amount.value);
+	}
+}
+
+/** "100.50 USD", "USD 100.50", "$100.50": a 3-letter code, else a known symbol, else the default. */
+function parseStringValue(value: string) {
+	const currencyMatch = value.match(/([A-Z]{3})/);
+	const numberMatch = value.match(/([\d,.-]+)/);
+
+	selectedCurrency.value =
+		currencyMatch?.[1] ?? CURRENCIES.find((c) => value.includes(c.symbol))?.code ?? defaultCurrency.value;
+
+	if (numberMatch?.[1]) {
+		const parsed = parseFloat(numberMatch[1].replace(/,/g, ''));
+		amount.value = Number.isNaN(parsed) ? '' : fromMinorUnits(parsed);
+		displayAmount.value = formatAmount(amount.value);
+	}
+}
+
+function fromMinorUnits(stored: number | string): Amount {
+	const numeric = typeof stored === 'string' ? parseFloat(stored) : stored;
+	if (Number.isNaN(numeric)) return '';
+	return cents.value ? numeric / getCurrencyMinorUnitFactor(selectedCurrency.value) : numeric;
+}
+
+/** The amount to store, read from the typed text so float drift (20.99 * 100) is rounded away. */
+function toMinorUnits(): number {
+	const source = displayAmount.value !== '' ? displayAmount.value.replace(/[^\d.-]/g, '') : String(amount.value);
+	const numeric = parseFloat(source);
+	if (Number.isNaN(numeric)) return 0;
+	return cents.value ? Math.round(numeric * getCurrencyMinorUnitFactor(selectedCurrency.value)) : numeric;
+}
+
+/**
+ * Write the cleaned text back to the `<input>`. When it equals the previous `displayAmount` (the
+ * user typed only rejected characters), the model doesn't change, so Vue won't patch the DOM.
+ */
+function syncInput() {
+	nextTick(() => {
+		const input = control.value?.querySelector('input');
+		if (input && input.value !== displayAmount.value) input.value = displayAmount.value;
+	});
+}
+</script>
+
+<template>
+	<div class="money-edit">
+		<UiField v-if="showCurrencySelector" class="money-edit__currency" label="Currency">
+			<UiSelect
+				:model-value="selectedCurrency"
+				:options="currencyOptions"
+				:disabled="disabled"
+				:data-testid="`record-${label}-money-selector`"
+				@update:model-value="onCurrencyChange"
+			/>
+		</UiField>
+
+		<UiField class="money-edit__amount" :label="normalizedLabel" :required="required">
+			<div ref="control" class="money-edit__control">
+				<span v-if="displayAmount" class="money-edit__symbol">{{ selectedCurrencyData.symbol }}</span>
+				<UiInput
+					:model-value="displayAmount"
+					:placeholder="placeholder"
+					:disabled="disabled"
+					:readonly="readonly"
+					step="0.01"
+					:data-testid="`record-${label}-money-amount`"
+					@update:model-value="onAmountChange"
+					@blur="onAmountBlur"
+				/>
+			</div>
+		</UiField>
+	</div>
+</template>
+
+<style scoped>
+.money-edit {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--space-3);
+  width: 100%;
+}
+
+.money-edit__currency {
+  flex-shrink: 0;
+  min-width: 180px;
+}
+
+.money-edit__amount {
+  flex: 1;
+  min-width: 120px;
+}
+
+.money-edit__control {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.money-edit__symbol {
+  font-weight: var(--weight-medium);
+  color: var(--color-ink);
+}
+
+@media (max-width: 768px) {
+  .money-edit {
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--space-2);
+  }
+
+  .money-edit__currency {
+    min-width: 0;
+  }
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/NumberEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/NumberEdit.spec.ts
new file mode 100644
index 000000000..77ff8ee76
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/NumberEdit.spec.ts
@@ -0,0 +1,39 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import NumberEdit from './NumberEdit.vue';
+
+describe('NumberEdit', () => {
+	it('renders the normalized label and the value', () => {
+		const wrapper = mount(NumberEdit, { props: { label: 'unit_price', fieldKey: 'k', value: 42 } });
+		expect(wrapper.find('label').text()).toContain('Unit price');
+		const input = wrapper.find('input').element as HTMLInputElement;
+		expect(input.type).toBe('number');
+		expect(input.value).toBe('42');
+		expect(input.name).toBe('unit_price-k');
+	});
+
+	it('renders null as empty', () => {
+		const wrapper = mount(NumberEdit, { props: { label: 'qty', value: null } });
+		expect((wrapper.find('input').element as HTMLInputElement).value).toBe('');
+	});
+
+	it('emits the parsed number', async () => {
+		const wrapper = mount(NumberEdit, { props: { label: 'qty' } });
+		await wrapper.find('[data-testid="record-qty-number"]').setValue('3.5');
+		expect(wrapper.emitted('fieldChange')).toEqual([[3.5]]);
+	});
+
+	it('emits null when emptied', async () => {
+		const wrapper = mount(NumberEdit, { props: { label: 'qty', value: 1 } });
+		await wrapper.find('input').setValue('');
+		expect(wrapper.emitted('fieldChange')).toEqual([[null]]);
+	});
+
+	it('passes disabled, readonly and required to the input', () => {
+		const wrapper = mount(NumberEdit, { props: { label: 'qty', disabled: true, readonly: true, required: true } });
+		const input = wrapper.find('input').element as HTMLInputElement;
+		expect(input.disabled).toBe(true);
+		expect(input.readOnly).toBe(true);
+		expect(input.required).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/NumberEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/NumberEdit.stories.ts
new file mode 100644
index 000000000..6750d0037
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/NumberEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import NumberEdit from './NumberEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Number',
+	component: NumberEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Number Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'int', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 42,
+	},
+} satisfies Meta<typeof NumberEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/NumberEdit.vue b/frontend-vue/src/components/fields/record-edit/NumberEdit.vue
new file mode 100644
index 000000000..e801dad20
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/NumberEdit.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+/** Port of record-edit-fields/number (`NumberEditComponent`): a numeric column. */
+import { ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: number | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel } = useRecordEditField(props);
+
+const text = ref(props.value == null ? '' : String(props.value));
+
+/** Angular's `NumberValueAccessor`: an emptied input is `null`, anything else is `parseFloat`ed. */
+function onInput(value: string) {
+	text.value = value;
+	emit('fieldChange', value === '' ? null : parseFloat(value));
+}
+</script>
+
+<template>
+	<UiField class="number-edit" :label="normalizedLabel" :required="required">
+		<UiInput
+			type="number"
+			:name="`${label}-${fieldKey}`"
+			:model-value="text"
+			:disabled="disabled"
+			:readonly="readonly"
+			:data-testid="`record-${label}-number`"
+			@update:model-value="onInput"
+		/>
+	</UiField>
+</template>
diff --git a/frontend-vue/src/components/fields/record-edit/PasswordEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/PasswordEdit.spec.ts
new file mode 100644
index 000000000..b49346cb3
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/PasswordEdit.spec.ts
@@ -0,0 +1,62 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import PasswordEdit from './PasswordEdit.vue';
+
+const passwordInput = (wrapper: ReturnType<typeof mount>) =>
+	wrapper.find('input[type="password"]').element as HTMLInputElement;
+const checkbox = (wrapper: ReturnType<typeof mount>) => wrapper.find('input[type="checkbox"]');
+
+describe('PasswordEdit', () => {
+	it('renders the label, the hint and a new-password input', () => {
+		const wrapper = mount(PasswordEdit, { props: { label: 'user_password', value: '' } });
+		expect(wrapper.find('label').text()).toContain('User password');
+		expect(wrapper.text()).toContain('To keep password the same keep this field blank.');
+		expect(passwordInput(wrapper).autocomplete).toBe('new-password');
+	});
+
+	it('shows a masked password as empty and does not emit it', () => {
+		const wrapper = mount(PasswordEdit, { props: { label: 'pw', value: '***' } });
+		expect(passwordInput(wrapper).value).toBe('');
+		expect(wrapper.emitted('fieldChange')).toBeUndefined();
+	});
+
+	it('emits an actual initial value on mount', () => {
+		const wrapper = mount(PasswordEdit, { props: { label: 'pw', value: 'actualPassword' } });
+		expect(wrapper.emitted('fieldChange')).toEqual([['actualPassword']]);
+	});
+
+	it('does not emit an empty initial value', () => {
+		const wrapper = mount(PasswordEdit, { props: { label: 'pw', value: '' } });
+		expect(wrapper.emitted('fieldChange')).toBeUndefined();
+	});
+
+	it('emits typed passwords, including whitespace, but not an emptied input', async () => {
+		const wrapper = mount(PasswordEdit, { props: { label: 'pw', value: '' } });
+		const input = wrapper.find('input[type="password"]');
+		await input.setValue('newPassword');
+		await input.setValue('   ');
+		await input.setValue('');
+		expect(wrapper.emitted('fieldChange')).toEqual([['newPassword'], ['   ']]);
+	});
+
+	it('emits null when "Clear password" is ticked and disables the input', async () => {
+		const wrapper = mount(PasswordEdit, { props: { label: 'pw', value: '***' } });
+		await checkbox(wrapper).setValue(true);
+		expect(wrapper.emitted('fieldChange')).toEqual([[null]]);
+		expect(passwordInput(wrapper).disabled).toBe(true);
+	});
+
+	it('does not emit when "Clear password" is unticked', async () => {
+		const wrapper = mount(PasswordEdit, { props: { label: 'pw', value: '' } });
+		await checkbox(wrapper).setValue(true);
+		await checkbox(wrapper).setValue(false);
+		expect(wrapper.emitted('fieldChange')).toEqual([[null]]);
+	});
+
+	it('disables "Clear password" while a new password is typed', async () => {
+		const wrapper = mount(PasswordEdit, { props: { label: 'pw', value: '' } });
+		expect((checkbox(wrapper).element as HTMLInputElement).disabled).toBe(false);
+		await wrapper.find('input[type="password"]').setValue('x');
+		expect((checkbox(wrapper).element as HTMLInputElement).disabled).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/PasswordEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/PasswordEdit.stories.ts
new file mode 100644
index 000000000..0c356785a
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/PasswordEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import PasswordEdit from './PasswordEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Password',
+	component: PasswordEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Password Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'secretpassword',
+	},
+} satisfies Meta<typeof PasswordEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/PasswordEdit.vue b/frontend-vue/src/components/fields/record-edit/PasswordEdit.vue
new file mode 100644
index 000000000..ec884700b
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/PasswordEdit.vue
@@ -0,0 +1,69 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/password (`PasswordEditComponent`). The API masks stored passwords as
+ * `***`; that shows as an empty input, and an empty input is never sent, so the password is kept
+ * unless the user types a new one or ticks "Clear password" (which sends `null`).
+ */
+import { onMounted, ref } from 'vue';
+import { UiCheckbox, UiField, UiInput } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel } = useRecordEditField(props);
+
+const password = ref<string | null>(props.value === '***' ? '' : (props.value ?? null));
+const clearPassword = ref(false);
+
+onMounted(() => {
+	if (password.value != null && password.value !== '') emit('fieldChange', password.value);
+});
+
+function onPasswordChange(value: string) {
+	password.value = value;
+	if (value !== '') emit('fieldChange', value);
+}
+
+function onClearPasswordChange(checked: boolean) {
+	clearPassword.value = checked;
+	if (checked) emit('fieldChange', null);
+}
+</script>
+
+<template>
+	<div class="password-edit">
+		<UiField :label="normalizedLabel" :required="required" hint="To keep password the same keep this field blank.">
+			<UiInput
+				type="password"
+				autocomplete="new-password"
+				:name="`${label}-${fieldKey}`"
+				:model-value="password"
+				:disabled="disabled || clearPassword"
+				:readonly="readonly"
+				@update:model-value="onPasswordChange"
+			/>
+		</UiField>
+		<UiCheckbox
+			class="password-edit__clear"
+			:model-value="clearPassword"
+			:disabled="password !== '' && password !== null"
+			@update:model-value="onClearPasswordChange"
+		>
+			Clear password
+		</UiCheckbox>
+	</div>
+</template>
+
+<style scoped>
+.password-edit {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.password-edit__clear {
+  margin-bottom: var(--space-5);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/PhoneEdit.countries.ts b/frontend-vue/src/components/fields/record-edit/PhoneEdit.countries.ts
new file mode 100644
index 000000000..7f0f76eab
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/PhoneEdit.countries.ts
@@ -0,0 +1,136 @@
+// The phone widget's own country list (code, name, dial code, flag), ported verbatim from the
+// Angular `PhoneEditComponent` — a smaller, phone-specific list than `@/consts/countries`.
+
+export interface PhoneCountry {
+	code: string;
+	name: string;
+	dialCode: string;
+	flag: string;
+}
+
+export const PHONE_COUNTRIES: PhoneCountry[] = [
+	{ code: 'AF', name: 'Afghanistan', dialCode: '+93', flag: '\u{1F1E6}\u{1F1EB}' },
+	{ code: 'AL', name: 'Albania', dialCode: '+355', flag: '\u{1F1E6}\u{1F1F1}' },
+	{ code: 'DZ', name: 'Algeria', dialCode: '+213', flag: '\u{1F1E9}\u{1F1FF}' },
+	{ code: 'AS', name: 'American Samoa', dialCode: '+1684', flag: '\u{1F1E6}\u{1F1F8}' },
+	{ code: 'AD', name: 'Andorra', dialCode: '+376', flag: '\u{1F1E6}\u{1F1E9}' },
+	{ code: 'AO', name: 'Angola', dialCode: '+244', flag: '\u{1F1E6}\u{1F1F4}' },
+	{ code: 'AI', name: 'Anguilla', dialCode: '+1264', flag: '\u{1F1E6}\u{1F1EE}' },
+	{ code: 'AQ', name: 'Antarctica', dialCode: '+672', flag: '\u{1F1E6}\u{1F1F6}' },
+	{ code: 'AG', name: 'Antigua and Barbuda', dialCode: '+1268', flag: '\u{1F1E6}\u{1F1EC}' },
+	{ code: 'AR', name: 'Argentina', dialCode: '+54', flag: '\u{1F1E6}\u{1F1F7}' },
+	{ code: 'AM', name: 'Armenia', dialCode: '+374', flag: '\u{1F1E6}\u{1F1F2}' },
+	{ code: 'AW', name: 'Aruba', dialCode: '+297', flag: '\u{1F1E6}\u{1F1FC}' },
+	{ code: 'AU', name: 'Australia', dialCode: '+61', flag: '\u{1F1E6}\u{1F1FA}' },
+	{ code: 'AT', name: 'Austria', dialCode: '+43', flag: '\u{1F1E6}\u{1F1F9}' },
+	{ code: 'AZ', name: 'Azerbaijan', dialCode: '+994', flag: '\u{1F1E6}\u{1F1FF}' },
+	{ code: 'BS', name: 'Bahamas', dialCode: '+1242', flag: '\u{1F1E7}\u{1F1F8}' },
+	{ code: 'BH', name: 'Bahrain', dialCode: '+973', flag: '\u{1F1E7}\u{1F1ED}' },
+	{ code: 'BD', name: 'Bangladesh', dialCode: '+880', flag: '\u{1F1E7}\u{1F1E9}' },
+	{ code: 'BB', name: 'Barbados', dialCode: '+1246', flag: '\u{1F1E7}\u{1F1E7}' },
+	{ code: 'BY', name: 'Belarus', dialCode: '+375', flag: '\u{1F1E7}\u{1F1FE}' },
+	{ code: 'BE', name: 'Belgium', dialCode: '+32', flag: '\u{1F1E7}\u{1F1EA}' },
+	{ code: 'BZ', name: 'Belize', dialCode: '+501', flag: '\u{1F1E7}\u{1F1FF}' },
+	{ code: 'BJ', name: 'Benin', dialCode: '+229', flag: '\u{1F1E7}\u{1F1EF}' },
+	{ code: 'BM', name: 'Bermuda', dialCode: '+1441', flag: '\u{1F1E7}\u{1F1F2}' },
+	{ code: 'BT', name: 'Bhutan', dialCode: '+975', flag: '\u{1F1E7}\u{1F1F9}' },
+	{ code: 'BO', name: 'Bolivia', dialCode: '+591', flag: '\u{1F1E7}\u{1F1F4}' },
+	{ code: 'BA', name: 'Bosnia and Herzegovina', dialCode: '+387', flag: '\u{1F1E7}\u{1F1E6}' },
+	{ code: 'BW', name: 'Botswana', dialCode: '+267', flag: '\u{1F1E7}\u{1F1FC}' },
+	{ code: 'BR', name: 'Brazil', dialCode: '+55', flag: '\u{1F1E7}\u{1F1F7}' },
+	{ code: 'IO', name: 'British Indian Ocean Territory', dialCode: '+246', flag: '\u{1F1EE}\u{1F1F4}' },
+	{ code: 'BN', name: 'Brunei', dialCode: '+673', flag: '\u{1F1E7}\u{1F1F3}' },
+	{ code: 'BG', name: 'Bulgaria', dialCode: '+359', flag: '\u{1F1E7}\u{1F1EC}' },
+	{ code: 'BF', name: 'Burkina Faso', dialCode: '+226', flag: '\u{1F1E7}\u{1F1EB}' },
+	{ code: 'BI', name: 'Burundi', dialCode: '+257', flag: '\u{1F1E7}\u{1F1EE}' },
+	{ code: 'KH', name: 'Cambodia', dialCode: '+855', flag: '\u{1F1F0}\u{1F1ED}' },
+	{ code: 'CM', name: 'Cameroon', dialCode: '+237', flag: '\u{1F1E8}\u{1F1F2}' },
+	{ code: 'CA', name: 'Canada', dialCode: '+1', flag: '\u{1F1E8}\u{1F1E6}' },
+	{ code: 'CV', name: 'Cape Verde', dialCode: '+238', flag: '\u{1F1E8}\u{1F1FB}' },
+	{ code: 'KY', name: 'Cayman Islands', dialCode: '+1345', flag: '\u{1F1F0}\u{1F1FE}' },
+	{ code: 'CF', name: 'Central African Republic', dialCode: '+236', flag: '\u{1F1E8}\u{1F1EB}' },
+	{ code: 'TD', name: 'Chad', dialCode: '+235', flag: '\u{1F1F9}\u{1F1E9}' },
+	{ code: 'CL', name: 'Chile', dialCode: '+56', flag: '\u{1F1E8}\u{1F1F1}' },
+	{ code: 'CN', name: 'China', dialCode: '+86', flag: '\u{1F1E8}\u{1F1F3}' },
+	{ code: 'CO', name: 'Colombia', dialCode: '+57', flag: '\u{1F1E8}\u{1F1F4}' },
+	{ code: 'CR', name: 'Costa Rica', dialCode: '+506', flag: '\u{1F1E8}\u{1F1F7}' },
+	{ code: 'HR', name: 'Croatia', dialCode: '+385', flag: '\u{1F1ED}\u{1F1F7}' },
+	{ code: 'CU', name: 'Cuba', dialCode: '+53', flag: '\u{1F1E8}\u{1F1FA}' },
+	{ code: 'CY', name: 'Cyprus', dialCode: '+357', flag: '\u{1F1E8}\u{1F1FE}' },
+	{ code: 'CZ', name: 'Czech Republic', dialCode: '+420', flag: '\u{1F1E8}\u{1F1FF}' },
+	{ code: 'DK', name: 'Denmark', dialCode: '+45', flag: '\u{1F1E9}\u{1F1F0}' },
+	{ code: 'DO', name: 'Dominican Republic', dialCode: '+1', flag: '\u{1F1E9}\u{1F1F4}' },
+	{ code: 'EC', name: 'Ecuador', dialCode: '+593', flag: '\u{1F1EA}\u{1F1E8}' },
+	{ code: 'EG', name: 'Egypt', dialCode: '+20', flag: '\u{1F1EA}\u{1F1EC}' },
+	{ code: 'SV', name: 'El Salvador', dialCode: '+503', flag: '\u{1F1F8}\u{1F1FB}' },
+	{ code: 'EE', name: 'Estonia', dialCode: '+372', flag: '\u{1F1EA}\u{1F1EA}' },
+	{ code: 'ET', name: 'Ethiopia', dialCode: '+251', flag: '\u{1F1EA}\u{1F1F9}' },
+	{ code: 'FI', name: 'Finland', dialCode: '+358', flag: '\u{1F1EB}\u{1F1EE}' },
+	{ code: 'FR', name: 'France', dialCode: '+33', flag: '\u{1F1EB}\u{1F1F7}' },
+	{ code: 'DE', name: 'Germany', dialCode: '+49', flag: '\u{1F1E9}\u{1F1EA}' },
+	{ code: 'GH', name: 'Ghana', dialCode: '+233', flag: '\u{1F1EC}\u{1F1ED}' },
+	{ code: 'GR', name: 'Greece', dialCode: '+30', flag: '\u{1F1EC}\u{1F1F7}' },
+	{ code: 'GT', name: 'Guatemala', dialCode: '+502', flag: '\u{1F1EC}\u{1F1F9}' },
+	{ code: 'HN', name: 'Honduras', dialCode: '+504', flag: '\u{1F1ED}\u{1F1F3}' },
+	{ code: 'HK', name: 'Hong Kong', dialCode: '+852', flag: '\u{1F1ED}\u{1F1F0}' },
+	{ code: 'HU', name: 'Hungary', dialCode: '+36', flag: '\u{1F1ED}\u{1F1FA}' },
+	{ code: 'IS', name: 'Iceland', dialCode: '+354', flag: '\u{1F1EE}\u{1F1F8}' },
+	{ code: 'IN', name: 'India', dialCode: '+91', flag: '\u{1F1EE}\u{1F1F3}' },
+	{ code: 'ID', name: 'Indonesia', dialCode: '+62', flag: '\u{1F1EE}\u{1F1E9}' },
+	{ code: 'IR', name: 'Iran', dialCode: '+98', flag: '\u{1F1EE}\u{1F1F7}' },
+	{ code: 'IQ', name: 'Iraq', dialCode: '+964', flag: '\u{1F1EE}\u{1F1F6}' },
+	{ code: 'IE', name: 'Ireland', dialCode: '+353', flag: '\u{1F1EE}\u{1F1EA}' },
+	{ code: 'IL', name: 'Israel', dialCode: '+972', flag: '\u{1F1EE}\u{1F1F1}' },
+	{ code: 'IT', name: 'Italy', dialCode: '+39', flag: '\u{1F1EE}\u{1F1F9}' },
+	{ code: 'JM', name: 'Jamaica', dialCode: '+1876', flag: '\u{1F1EF}\u{1F1F2}' },
+	{ code: 'JP', name: 'Japan', dialCode: '+81', flag: '\u{1F1EF}\u{1F1F5}' },
+	{ code: 'JO', name: 'Jordan', dialCode: '+962', flag: '\u{1F1EF}\u{1F1F4}' },
+	{ code: 'KZ', name: 'Kazakhstan', dialCode: '+7', flag: '\u{1F1F0}\u{1F1FF}' },
+	{ code: 'KE', name: 'Kenya', dialCode: '+254', flag: '\u{1F1F0}\u{1F1EA}' },
+	{ code: 'KR', name: 'South Korea', dialCode: '+82', flag: '\u{1F1F0}\u{1F1F7}' },
+	{ code: 'KW', name: 'Kuwait', dialCode: '+965', flag: '\u{1F1F0}\u{1F1FC}' },
+	{ code: 'LV', name: 'Latvia', dialCode: '+371', flag: '\u{1F1F1}\u{1F1FB}' },
+	{ code: 'LB', name: 'Lebanon', dialCode: '+961', flag: '\u{1F1F1}\u{1F1E7}' },
+	{ code: 'LT', name: 'Lithuania', dialCode: '+370', flag: '\u{1F1F1}\u{1F1F9}' },
+	{ code: 'LU', name: 'Luxembourg', dialCode: '+352', flag: '\u{1F1F1}\u{1F1FA}' },
+	{ code: 'MY', name: 'Malaysia', dialCode: '+60', flag: '\u{1F1F2}\u{1F1FE}' },
+	{ code: 'MX', name: 'Mexico', dialCode: '+52', flag: '\u{1F1F2}\u{1F1FD}' },
+	{ code: 'MA', name: 'Morocco', dialCode: '+212', flag: '\u{1F1F2}\u{1F1E6}' },
+	{ code: 'NL', name: 'Netherlands', dialCode: '+31', flag: '\u{1F1F3}\u{1F1F1}' },
+	{ code: 'NZ', name: 'New Zealand', dialCode: '+64', flag: '\u{1F1F3}\u{1F1FF}' },
+	{ code: 'NG', name: 'Nigeria', dialCode: '+234', flag: '\u{1F1F3}\u{1F1EC}' },
+	{ code: 'NO', name: 'Norway', dialCode: '+47', flag: '\u{1F1F3}\u{1F1F4}' },
+	{ code: 'PK', name: 'Pakistan', dialCode: '+92', flag: '\u{1F1F5}\u{1F1F0}' },
+	{ code: 'PA', name: 'Panama', dialCode: '+507', flag: '\u{1F1F5}\u{1F1E6}' },
+	{ code: 'PE', name: 'Peru', dialCode: '+51', flag: '\u{1F1F5}\u{1F1EA}' },
+	{ code: 'PH', name: 'Philippines', dialCode: '+63', flag: '\u{1F1F5}\u{1F1ED}' },
+	{ code: 'PL', name: 'Poland', dialCode: '+48', flag: '\u{1F1F5}\u{1F1F1}' },
+	{ code: 'PT', name: 'Portugal', dialCode: '+351', flag: '\u{1F1F5}\u{1F1F9}' },
+	{ code: 'PR', name: 'Puerto Rico', dialCode: '+1787', flag: '\u{1F1F5}\u{1F1F7}' },
+	{ code: 'QA', name: 'Qatar', dialCode: '+974', flag: '\u{1F1F6}\u{1F1E6}' },
+	{ code: 'RO', name: 'Romania', dialCode: '+40', flag: '\u{1F1F7}\u{1F1F4}' },
+	{ code: 'RU', name: 'Russia', dialCode: '+7', flag: '\u{1F1F7}\u{1F1FA}' },
+	{ code: 'SA', name: 'Saudi Arabia', dialCode: '+966', flag: '\u{1F1F8}\u{1F1E6}' },
+	{ code: 'RS', name: 'Serbia', dialCode: '+381', flag: '\u{1F1F7}\u{1F1F8}' },
+	{ code: 'SG', name: 'Singapore', dialCode: '+65', flag: '\u{1F1F8}\u{1F1EC}' },
+	{ code: 'SK', name: 'Slovakia', dialCode: '+421', flag: '\u{1F1F8}\u{1F1F0}' },
+	{ code: 'SI', name: 'Slovenia', dialCode: '+386', flag: '\u{1F1F8}\u{1F1EE}' },
+	{ code: 'ZA', name: 'South Africa', dialCode: '+27', flag: '\u{1F1FF}\u{1F1E6}' },
+	{ code: 'ES', name: 'Spain', dialCode: '+34', flag: '\u{1F1EA}\u{1F1F8}' },
+	{ code: 'LK', name: 'Sri Lanka', dialCode: '+94', flag: '\u{1F1F1}\u{1F1F0}' },
+	{ code: 'SE', name: 'Sweden', dialCode: '+46', flag: '\u{1F1F8}\u{1F1EA}' },
+	{ code: 'CH', name: 'Switzerland', dialCode: '+41', flag: '\u{1F1E8}\u{1F1ED}' },
+	{ code: 'TW', name: 'Taiwan', dialCode: '+886', flag: '\u{1F1F9}\u{1F1FC}' },
+	{ code: 'TH', name: 'Thailand', dialCode: '+66', flag: '\u{1F1F9}\u{1F1ED}' },
+	{ code: 'TR', name: 'Turkey', dialCode: '+90', flag: '\u{1F1F9}\u{1F1F7}' },
+	{ code: 'UA', name: 'Ukraine', dialCode: '+380', flag: '\u{1F1FA}\u{1F1E6}' },
+	{ code: 'AE', name: 'United Arab Emirates', dialCode: '+971', flag: '\u{1F1E6}\u{1F1EA}' },
+	{ code: 'GB', name: 'United Kingdom', dialCode: '+44', flag: '\u{1F1EC}\u{1F1E7}' },
+	{ code: 'US', name: 'United States', dialCode: '+1', flag: '\u{1F1FA}\u{1F1F8}' },
+	{ code: 'UY', name: 'Uruguay', dialCode: '+598', flag: '\u{1F1FA}\u{1F1FE}' },
+	{ code: 'UZ', name: 'Uzbekistan', dialCode: '+998', flag: '\u{1F1FA}\u{1F1FF}' },
+	{ code: 'VE', name: 'Venezuela', dialCode: '+58', flag: '\u{1F1FB}\u{1F1EA}' },
+	{ code: 'VN', name: 'Vietnam', dialCode: '+84', flag: '\u{1F1FB}\u{1F1F3}' },
+	{ code: 'ZM', name: 'Zambia', dialCode: '+260', flag: '\u{1F1FF}\u{1F1F2}' },
+	{ code: 'ZW', name: 'Zimbabwe', dialCode: '+263', flag: '\u{1F1FF}\u{1F1FC}' },
+];
diff --git a/frontend-vue/src/components/fields/record-edit/PhoneEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/PhoneEdit.spec.ts
new file mode 100644
index 000000000..4ae8879a4
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/PhoneEdit.spec.ts
@@ -0,0 +1,168 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import PhoneEdit from './PhoneEdit.vue';
+
+type Wrapper = ReturnType<typeof mount>;
+
+// biome-ignore lint/suspicious/noExplicitAny: widget params are free-form per widget type
+function mountPhone(value: string | null = '', params: Record<string, any> = {}) {
+	return mount(PhoneEdit, {
+		props: { label: 'phone', fieldKey: 'phone', value, widgetStructure: mockWidgetStructure(params) },
+		attachTo: document.body,
+	});
+}
+
+const phoneInput = (wrapper: Wrapper) => wrapper.find('[data-testid="record-phone-phone"]');
+const phoneValue = (wrapper: Wrapper) => (phoneInput(wrapper).element as HTMLInputElement).value;
+const countryInput = (wrapper: Wrapper) => wrapper.find('input[role="combobox"]');
+const countryValue = (wrapper: Wrapper) => (countryInput(wrapper).element as HTMLInputElement).value;
+const lastEmitted = (wrapper: Wrapper) => wrapper.emitted('fieldChange')?.at(-1)?.[0];
+
+async function pickCountry(wrapper: Wrapper, search: string, name: string) {
+	await countryInput(wrapper).setValue(search);
+	const option = wrapper.findAll('[role="option"]').find((o) => o.text().includes(name));
+	await option?.trigger('click');
+}
+
+describe('PhoneEdit', () => {
+	it('defaults to the first preferred country with an empty number', () => {
+		const wrapper = mountPhone('');
+		expect(countryValue(wrapper)).toBe('🇺🇸 United States +1');
+		expect(phoneValue(wrapper)).toBe('');
+		expect(wrapper.text()).toContain('Example: (202) 456-1111');
+		expect(phoneInput(wrapper).attributes('placeholder')).toBe('Local number or +11234567890');
+		expect(wrapper.emitted('fieldChange')).toBeUndefined();
+		wrapper.unmount();
+	});
+
+	it('parses an existing international number', () => {
+		const wrapper = mountPhone('+442079460958');
+		expect(countryValue(wrapper)).toBe('🇬🇧 United Kingdom +44');
+		expect(phoneValue(wrapper)).toBe('020 7946 0958');
+		wrapper.unmount();
+	});
+
+	it('parses an existing national number with the default country', () => {
+		const wrapper = mountPhone('2024561111');
+		expect(countryValue(wrapper)).toContain('United States');
+		expect(phoneValue(wrapper)).toBe('(202) 456-1111');
+		wrapper.unmount();
+	});
+
+	describe('US formatting', () => {
+		it.each([
+			['(202) 456-1111'],
+			['2024561111'],
+			['202.456.1111'],
+			['+1 202 456 1111'],
+		])('stores %s as E.164', async (typed) => {
+			const wrapper = mountPhone('');
+			await phoneInput(wrapper).setValue(typed);
+			expect(lastEmitted(wrapper)).toBe('+12024561111');
+			wrapper.unmount();
+		});
+
+		it('formats as you type', async () => {
+			const wrapper = mountPhone('');
+			await phoneInput(wrapper).setValue('2024561111');
+			await wrapper.vm.$nextTick();
+			expect(phoneValue(wrapper)).toBe('(202) 456-1111');
+			wrapper.unmount();
+		});
+
+		it('does not turn an invalid number into a malformed international one', async () => {
+			const wrapper = mountPhone('');
+			await phoneInput(wrapper).setValue('123');
+			expect(lastEmitted(wrapper)).not.toBe('+1123');
+			expect(wrapper.text()).toContain('Invalid phone number format');
+			wrapper.unmount();
+		});
+	});
+
+	it('formats UK and German local numbers after picking the country', async () => {
+		const uk = mountPhone('');
+		await pickCountry(uk, 'United K', 'United Kingdom');
+		await phoneInput(uk).setValue('020 7946 0958');
+		expect(lastEmitted(uk)).toBe('+442079460958');
+		uk.unmount();
+
+		const de = mountPhone('');
+		await pickCountry(de, 'germ', 'Germany');
+		expect(countryValue(de)).toBe('🇩🇪 Germany +49');
+		await phoneInput(de).setValue('030 12345678');
+		expect(lastEmitted(de)).toBe('+493012345678');
+		de.unmount();
+	});
+
+	it('detects the country from an international number', async () => {
+		const wrapper = mountPhone('');
+		await phoneInput(wrapper).setValue('+442079460958');
+		expect(countryValue(wrapper)).toBe('🇬🇧 United Kingdom +44');
+		expect(lastEmitted(wrapper)).toBe('+442079460958');
+		await wrapper.vm.$nextTick();
+		expect(phoneValue(wrapper)).toBe('020 7946 0958');
+		wrapper.unmount();
+	});
+
+	it('emits "" when the number is cleared', async () => {
+		const wrapper = mountPhone('+12024561111');
+		await phoneInput(wrapper).setValue('');
+		expect(wrapper.emitted('fieldChange')).toEqual([['']]);
+		wrapper.unmount();
+	});
+
+	it('survives garbage input', async () => {
+		const wrapper = mountPhone('');
+		await phoneInput(wrapper).setValue('not-a-phone-number');
+		expect(wrapper.emitted('fieldChange')).toHaveLength(1);
+		wrapper.unmount();
+	});
+
+	describe('country search', () => {
+		const optionTexts = async (search: string) => {
+			const wrapper = mountPhone('');
+			await countryInput(wrapper).setValue(search);
+			const texts = wrapper.findAll('[role="option"]').map((o) => o.text());
+			wrapper.unmount();
+			return texts;
+		};
+
+		it('filters by name, code and dial code', async () => {
+			expect((await optionTexts('United')).some((t) => t.includes('United States'))).toBe(true);
+			expect((await optionTexts('us')).some((t) => t.includes('United States'))).toBe(true);
+			expect((await optionTexts('+380'))[0]).toContain('Ukraine');
+		});
+
+		it('lists preferred countries first', async () => {
+			const wrapper = mountPhone('', { preferred_countries: ['CA', 'GB'] });
+			await countryInput(wrapper).trigger('focus');
+			const texts = wrapper.findAll('[role="option"]').map((o) => o.text());
+			expect(texts[0]).toContain('Canada');
+			expect(texts[1]).toContain('United Kingdom');
+			expect(countryValue(wrapper)).toContain('Canada');
+			wrapper.unmount();
+		});
+	});
+
+	it('shows the fallback example for a country without one', () => {
+		const wrapper = mountPhone('', { preferred_countries: ['UA'] });
+		expect(wrapper.text()).toContain('Example: +380 123 4567');
+		wrapper.unmount();
+	});
+
+	it('honours enable_placeholder and phone_validation', async () => {
+		const wrapper = mountPhone('', { enable_placeholder: false, phone_validation: false });
+		expect(phoneInput(wrapper).attributes('placeholder')).toBe('');
+		await phoneInput(wrapper).setValue('123');
+		expect(wrapper.text()).not.toContain('Invalid phone number format');
+		wrapper.unmount();
+	});
+
+	it('passes readonly and disabled to both inputs', () => {
+		const wrapper = mount(PhoneEdit, { props: { label: 'phone', readonly: true, disabled: true } });
+		for (const input of wrapper.findAll('input').map((i) => i.element as HTMLInputElement)) {
+			expect([input.readOnly, input.disabled]).toEqual([true, true]);
+		}
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/PhoneEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/PhoneEdit.stories.ts
new file mode 100644
index 000000000..dcab8cbbf
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/PhoneEdit.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import PhoneEdit from './PhoneEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Phone',
+	component: PhoneEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Phone Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '+1234567890',
+	},
+} satisfies Meta<typeof PhoneEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
+export const ValidNumber: Story = { args: { value: '+442079460958' } };
diff --git a/frontend-vue/src/components/fields/record-edit/PhoneEdit.vue b/frontend-vue/src/components/fields/record-edit/PhoneEdit.vue
new file mode 100644
index 000000000..6d6eff014
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/PhoneEdit.vue
@@ -0,0 +1,281 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/phone (`PhoneEditComponent`): a country picker plus a number input
+ * formatted as you type (`libphonenumber-js`). A valid number is stored in E.164 (`+12024561111`);
+ * anything else is stored as typed, minus whitespace. Typing `+…` detects the country.
+ *
+ * `widget_params`: `preferred_countries` (listed first; the first is the default, `['US', 'GB']`),
+ * `enable_placeholder` (true), `phone_validation` (true).
+ */
+import { AsYouType, type CountryCode, type PhoneNumber, parsePhoneNumber } from 'libphonenumber-js';
+import { computed, nextTick, ref } from 'vue';
+import { type AutocompleteOption, UiAutocomplete, UiField, UiInput } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+import { PHONE_COUNTRIES, type PhoneCountry } from './PhoneEdit.countries';
+
+const EXAMPLE_NUMBERS: Record<string, string> = {
+	US: '(202) 456-1111',
+	GB: '020 7946 0958',
+	CA: '(416) 555-1234',
+	AU: '(02) 1234 5678',
+	DE: '030 12345678',
+	FR: '01 23 45 67 89',
+};
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const preferredCountries = computed<string[]>(() =>
+	Array.isArray(widgetParams.value.preferred_countries) ? widgetParams.value.preferred_countries : ['US', 'GB'],
+);
+const enablePlaceholder = computed(() => widgetParams.value.enable_placeholder !== false);
+const phoneValidation = computed(() => widgetParams.value.phone_validation !== false);
+
+const selectedCountry = ref<PhoneCountry | null>(null);
+const displayPhoneNumber = ref('');
+/** The country input's text. */
+const countryText = ref('');
+/** What the user typed to search countries; `null` once a country is picked (shows the full list). */
+const countryQuery = ref<string | null>(null);
+const phoneControl = ref<HTMLElement | null>(null);
+
+const sortedCountries = computed(() => {
+	const preferred = PHONE_COUNTRIES.filter((c) => preferredCountries.value.includes(c.code));
+	const others = PHONE_COUNTRIES.filter((c) => !preferredCountries.value.includes(c.code));
+	return [...preferred, ...others];
+});
+
+const countryOptions = computed<AutocompleteOption<PhoneCountry>[]>(() => {
+	const query = countryQuery.value?.toLowerCase();
+	const countries = query
+		? sortedCountries.value.filter(
+				(c) =>
+					c.name.toLowerCase().includes(query) || c.code.toLowerCase().includes(query) || c.dialCode.includes(query),
+			)
+		: sortedCountries.value;
+	return countries.map((country) => ({ value: country, label: displayCountry(country) }));
+});
+
+const phonePlaceholder = computed(() => {
+	if (!enablePlaceholder.value) return '';
+	if (selectedCountry.value) return `Local number or ${selectedCountry.value.dialCode}1234567890`;
+	return 'Enter +1234567890 or select country';
+});
+
+const hint = computed(() => {
+	if (selectedCountry.value && !displayPhoneNumber.value.startsWith('+')) {
+		const code = selectedCountry.value.code;
+		return `Example: ${EXAMPLE_NUMBERS[code] || `${selectedCountry.value.dialCode} 123 4567`}`;
+	}
+	return 'Enter international number (e.g., +1234567890) or select country first';
+});
+
+const isValidPhoneNumber = computed(() => {
+	if (!phoneValidation.value || !displayPhoneNumber.value) return true;
+	const parsed = parse(displayPhoneNumber.value);
+	return parsed ? parsed.isValid() : false;
+});
+
+/** Angular rendered this `mat-error` but no validator ever put the control in an error state. */
+const error = computed(() =>
+	phoneValidation.value && !isValidPhoneNumber.value && displayPhoneNumber.value
+		? 'Invalid phone number format'
+		: undefined,
+);
+
+initializePhoneNumber();
+
+function onCountryInput(text: string) {
+	countryText.value = text;
+	countryQuery.value = text;
+}
+
+function onCountrySelected(option: AutocompleteOption<PhoneCountry>) {
+	selectCountry(option.value);
+	formatAndUpdatePhoneNumber();
+}
+
+function onPhoneNumberChange(typed: string) {
+	displayPhoneNumber.value = typed;
+	if (typed.startsWith('+')) detectCountryFromInput();
+	else formatAndUpdatePhoneNumber();
+	syncPhoneInput();
+}
+
+function displayCountry(country: PhoneCountry): string {
+	return `${country.flag} ${country.name} ${country.dialCode}`;
+}
+
+function initializePhoneNumber() {
+	const value = props.value;
+	if (value) parseExistingPhoneNumber(value);
+	else setDefaultCountry();
+}
+
+function parseExistingPhoneNumber(fullNumber: string) {
+	let phoneNumber = tryParse(fullNumber);
+	if (!phoneNumber?.country) phoneNumber = tryParse(fullNumber, (preferredCountries.value[0] || 'US') as CountryCode);
+
+	const country = phoneNumber?.country && PHONE_COUNTRIES.find((c) => c.code === phoneNumber?.country);
+	if (phoneNumber && country) {
+		selectCountry(country);
+		displayPhoneNumber.value = phoneNumber.formatNational();
+		return;
+	}
+
+	setDefaultCountry();
+	const digits = fullNumber.replace(/\D/g, '');
+	displayPhoneNumber.value = digits ? formatAsYouType(digits) : fullNumber;
+}
+
+function setDefaultCountry() {
+	selectCountry(
+		PHONE_COUNTRIES.find((c) => c.code === preferredCountries.value[0]) || (PHONE_COUNTRIES[0] as PhoneCountry),
+	);
+}
+
+function selectCountry(country: PhoneCountry) {
+	selectedCountry.value = country;
+	countryText.value = displayCountry(country);
+	countryQuery.value = null;
+}
+
+function formatAndUpdatePhoneNumber() {
+	if (!displayPhoneNumber.value) {
+		emit('fieldChange', '');
+		return;
+	}
+	if (!displayPhoneNumber.value.startsWith('+')) displayPhoneNumber.value = formatAsYouType(displayPhoneNumber.value);
+	updateFullPhoneNumber();
+}
+
+function detectCountryFromInput() {
+	const phoneNumber = tryParse(displayPhoneNumber.value);
+	const country = phoneNumber?.country && PHONE_COUNTRIES.find((c) => c.code === phoneNumber?.country);
+	if (phoneNumber && country) {
+		selectCountry(country);
+		displayPhoneNumber.value = phoneNumber.formatNational();
+	}
+	updateFullPhoneNumber();
+}
+
+function updateFullPhoneNumber() {
+	const phoneNumber = parse(displayPhoneNumber.value);
+	emit('fieldChange', phoneNumber?.isValid() ? phoneNumber.number : displayPhoneNumber.value.replace(/\s/g, ''));
+}
+
+/** The number in international form, or national for the selected country; `null` when unparseable. */
+function parse(text: string): PhoneNumber | null {
+	if (text.startsWith('+')) return tryParse(text);
+	if (selectedCountry.value && text) return tryParse(text, selectedCountry.value.code as CountryCode);
+	return null;
+}
+
+function tryParse(text: string, country?: CountryCode): PhoneNumber | null {
+	try {
+		return parsePhoneNumber(text, country);
+	} catch {
+		return null;
+	}
+}
+
+function formatAsYouType(text: string): string {
+	return selectedCountry.value ? new AsYouType(selectedCountry.value.code as CountryCode).input(text) : text;
+}
+
+/** The formatter may hand back the previous text (a rejected keystroke); Vue won't patch that. */
+function syncPhoneInput() {
+	nextTick(() => {
+		const input = phoneControl.value?.querySelector('input');
+		if (input && input.value !== displayPhoneNumber.value) input.value = displayPhoneNumber.value;
+	});
+}
+</script>
+
+<template>
+	<div class="phone-edit">
+		<UiField class="phone-edit__country" label="Country">
+			<UiAutocomplete
+				:model-value="countryText"
+				:options="countryOptions"
+				:readonly="readonly"
+				:disabled="disabled"
+				placeholder="Search country..."
+				@update:model-value="onCountryInput"
+				@select="onCountrySelected"
+			>
+				<template #option="{ option }">
+					<span class="phone-edit__flag">{{ option.value.flag }}</span>
+					<span class="phone-edit__dial-code">{{ option.value.dialCode }}</span>
+					<span class="phone-edit__country-name">{{ option.value.name }}</span>
+				</template>
+			</UiAutocomplete>
+		</UiField>
+
+		<UiField class="phone-edit__number" :label="normalizedLabel" :required="required" :hint="hint" :error="error">
+			<div ref="phoneControl">
+				<UiInput
+					type="tel"
+					:name="`${label}-${fieldKey}`"
+					:model-value="displayPhoneNumber"
+					:placeholder="phonePlaceholder"
+					:readonly="readonly"
+					:disabled="disabled"
+					:data-testid="`record-${label}-phone`"
+					@update:model-value="onPhoneNumberChange"
+				/>
+			</div>
+		</UiField>
+	</div>
+</template>
+
+<style scoped>
+.phone-edit {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--space-3);
+  width: 100%;
+}
+
+.phone-edit__country {
+  flex: 0 0 200px;
+  min-width: 200px;
+}
+
+.phone-edit__number {
+  flex: 1;
+  min-width: 0;
+}
+
+.phone-edit__flag {
+  width: 20px;
+  font-size: var(--text-md);
+  text-align: center;
+}
+
+.phone-edit__dial-code {
+  min-width: 40px;
+  font-weight: var(--weight-medium);
+  color: var(--color-ink);
+}
+
+.phone-edit__country-name {
+  color: var(--color-muted);
+}
+
+@media (max-width: 768px) {
+  .phone-edit {
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--space-2);
+  }
+
+  .phone-edit__country {
+    flex: none;
+    width: 100%;
+  }
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/PointEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/PointEdit.spec.ts
new file mode 100644
index 000000000..3e03c6f50
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/PointEdit.spec.ts
@@ -0,0 +1,39 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import PointEdit from './PointEdit.vue';
+
+describe('PointEdit', () => {
+	it('renders nothing without a point', () => {
+		const wrapper = mount(PointEdit, { props: { label: 'location', value: null } });
+		expect(wrapper.find('input').exists()).toBe(false);
+	});
+
+	it('renders X and Y inputs with the coordinates', () => {
+		const wrapper = mount(PointEdit, { props: { label: 'location', fieldKey: 'k', value: { x: 40.7, y: -74 } } });
+		const labels = wrapper.findAll('label').map((l) => l.text());
+		expect(labels).toEqual(['Location X coordinate', 'Location Y coordinate']);
+		const inputs = wrapper.findAll('input').map((i) => i.element as HTMLInputElement);
+		expect(inputs.map((i) => i.value)).toEqual(['40.7', '-74']);
+		expect(inputs.map((i) => i.name)).toEqual(['location-k-x', 'location-k-y']);
+	});
+
+	it('emits the whole point with the edited coordinate as a number', async () => {
+		const wrapper = mount(PointEdit, { props: { label: 'location', value: { x: 1, y: 2 } } });
+		const [x, y] = wrapper.findAll('input');
+		await x?.setValue('3.5');
+		await y?.setValue('');
+		expect(wrapper.emitted('fieldChange')).toEqual([[{ x: 3.5, y: 2 }], [{ x: 3.5, y: null }]]);
+	});
+
+	it('does not mutate the value prop', async () => {
+		const value = { x: 1, y: 2 };
+		const wrapper = mount(PointEdit, { props: { label: 'location', value } });
+		await wrapper.find('input').setValue('9');
+		expect(value).toEqual({ x: 1, y: 2 });
+	});
+
+	it('disables the inputs when readonly', () => {
+		const wrapper = mount(PointEdit, { props: { label: 'location', readonly: true, value: { x: 1, y: 2 } } });
+		expect(wrapper.findAll('input').every((i) => (i.element as HTMLInputElement).disabled)).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/PointEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/PointEdit.stories.ts
new file mode 100644
index 000000000..c8afb9b89
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/PointEdit.stories.ts
@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import PointEdit from './PointEdit.vue';
+
+// The Angular story passed the string '(40.7128, -74.0060)', which rendered empty inputs; the
+// column actually arrives as `{ x, y }`.
+const meta = {
+	title: 'Record Edit Fields/Point',
+	component: PointEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Point Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'point', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: { x: 40.7128, y: -74.006 },
+	},
+} satisfies Meta<typeof PointEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/PointEdit.vue b/frontend-vue/src/components/fields/record-edit/PointEdit.vue
new file mode 100644
index 000000000..30185068b
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/PointEdit.vue
@@ -0,0 +1,65 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/point (`PointEditComponent`): a geometric `point` column (`{ x, y }`)
+ * as two number inputs. Nothing renders until the row has a point.
+ *
+ * Angular bound the inputs to `value().x` / `.y`, mutating the row's object in place without an
+ * `onFieldChange`; here each edit emits a new `{ ...point, x|y }` instead.
+ */
+import { ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+interface Point {
+	x: number | null;
+	y: number | null;
+}
+
+const props = defineProps<RecordEditFieldProps & { value?: Point | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel } = useRecordEditField(props);
+
+const point = ref<Point | null>(props.value ? { ...props.value } : null);
+
+function onInput(axis: 'x' | 'y', value: string) {
+	if (!point.value) return;
+	point.value = { ...point.value, [axis]: value === '' ? null : parseFloat(value) };
+	emit('fieldChange', point.value);
+}
+</script>
+
+<template>
+	<div v-if="point" class="point-edit">
+		<UiField
+			v-for="axis in ['x', 'y'] as const"
+			:key="axis"
+			class="point-edit__axis"
+			:label="`${normalizedLabel} ${axis.toUpperCase()} coordinate`"
+			:required="required"
+		>
+			<UiInput
+				type="number"
+				:name="`${label}-${fieldKey}-${axis}`"
+				:model-value="point[axis]"
+				:disabled="readonly"
+				@update:model-value="onInput(axis, $event)"
+			/>
+		</UiField>
+	</div>
+</template>
+
+<style scoped>
+.point-edit {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+}
+
+.point-edit__axis {
+  width: 48vw;
+  min-width: 150px;
+  max-width: 260px;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/RangeEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/RangeEdit.spec.ts
new file mode 100644
index 000000000..5ede80c70
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/RangeEdit.spec.ts
@@ -0,0 +1,48 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import RangeEdit from './RangeEdit.vue';
+
+const range = (wrapper: ReturnType<typeof mount>) => wrapper.find('input[type="range"]').element as HTMLInputElement;
+
+describe('RangeEdit', () => {
+	it('labels the slider and defaults to 0..100 step 1', () => {
+		const wrapper = mount(RangeEdit, { props: { label: 'volume_level' } });
+		expect(wrapper.find('label').text()).toContain('Volume level');
+		expect(wrapper.find('label').attributes('for')).toBe(range(wrapper).id);
+		expect(range(wrapper).min).toBe('0');
+		expect(range(wrapper).max).toBe('100');
+		expect(range(wrapper).step).toBe('1');
+	});
+
+	it('reads min, max and step from widget params', () => {
+		const wrapper = mount(RangeEdit, {
+			props: { label: 'v', widgetStructure: mockWidgetStructure({ min: 10, max: 200, step: 5 }) },
+		});
+		expect([range(wrapper).min, range(wrapper).max, range(wrapper).step]).toEqual(['10', '200', '5']);
+		expect(wrapper.find('.range-edit__labels').text()).toMatch(/^10\s*10\s*200$/);
+	});
+
+	it('keeps the defaults for missing params', () => {
+		const wrapper = mount(RangeEdit, { props: { label: 'v', widgetStructure: mockWidgetStructure({ min: 20 }) } });
+		expect([range(wrapper).min, range(wrapper).max, range(wrapper).step]).toEqual(['20', '100', '1']);
+	});
+
+	it('shows the value, or the minimum when empty', () => {
+		expect(range(mount(RangeEdit, { props: { label: 'v', value: 42 } })).value).toBe('42');
+		const empty = mount(RangeEdit, { props: { label: 'v', widgetStructure: mockWidgetStructure({ min: 5 }) } });
+		expect(range(empty).value).toBe('5');
+	});
+
+	it('emits the number and shows it as current', async () => {
+		const wrapper = mount(RangeEdit, { props: { label: 'v' } });
+		await wrapper.find('input').setValue('42');
+		expect(wrapper.emitted('fieldChange')).toEqual([[42]]);
+		expect(wrapper.find('.range-edit__current').text()).toBe('42');
+	});
+
+	it('disables the slider when disabled or readonly', () => {
+		expect(range(mount(RangeEdit, { props: { label: 'v', disabled: true } })).disabled).toBe(true);
+		expect(range(mount(RangeEdit, { props: { label: 'v', readonly: true } })).disabled).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/RangeEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/RangeEdit.stories.ts
new file mode 100644
index 000000000..8f8e37d98
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/RangeEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import RangeEdit from './RangeEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Range',
+	component: RangeEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Range Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'int', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 50,
+	},
+} satisfies Meta<typeof RangeEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/RangeEdit.vue b/frontend-vue/src/components/fields/record-edit/RangeEdit.vue
new file mode 100644
index 000000000..e849e6375
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/RangeEdit.vue
@@ -0,0 +1,96 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/range (`RangeEditComponent`): a numeric column as a slider, bounded
+ * by `widget_params.min` / `max` / `step` (defaults 0 / 100 / 1).
+ */
+import { computed, ref } from 'vue';
+import { UiField } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: number | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const current = ref<number | null>(props.value ?? null);
+
+const min = computed(() => numberParam('min', 0));
+const max = computed(() => numberParam('max', 100));
+const step = computed(() => numberParam('step', 1));
+
+/** `value || min`, as Angular showed it: an empty (or zero) value sits at the minimum. */
+const shown = computed(() => current.value || min.value);
+
+function onInput(event: Event) {
+	const value = +(event.target as HTMLInputElement).value;
+	current.value = value;
+	emit('fieldChange', value);
+}
+
+/** A set param that is not a non-zero number falls back to the default (`Number(x) || default`). */
+function numberParam(name: 'min' | 'max' | 'step', fallback: number): number {
+	const raw: unknown = widgetParams.value[name];
+	return raw === undefined ? fallback : Number(raw) || fallback;
+}
+</script>
+
+<template>
+	<UiField v-slot="{ inputId, describedBy }" class="range-edit" :label="normalizedLabel" :required="required">
+		<div class="range-edit__labels">
+			<span>{{ min }}</span>
+			<span class="range-edit__current">{{ shown }}</span>
+			<span>{{ max }}</span>
+		</div>
+		<input
+			:id="inputId"
+			class="range-edit__input"
+			type="range"
+			:name="`${label}-${fieldKey}`"
+			:min="min"
+			:max="max"
+			:step="step"
+			:value="shown"
+			:disabled="disabled || readonly"
+			:aria-describedby="describedBy"
+			:data-testid="`record-${label}-range`"
+			@input="onInput"
+		>
+	</UiField>
+</template>
+
+<style scoped>
+.range-edit {
+  padding-bottom: var(--space-6);
+}
+
+.range-edit__labels {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 var(--space-05);
+  font-size: var(--text-xs);
+  color: var(--color-muted);
+}
+
+.range-edit__current {
+  font-weight: var(--weight-semibold);
+  color: var(--color-ink);
+}
+
+.range-edit__input {
+  width: 100%;
+  accent-color: var(--color-accent);
+  cursor: pointer;
+}
+
+.range-edit__input:disabled {
+  cursor: not-allowed;
+  opacity: 0.65;
+}
+
+.range-edit__input:focus-visible {
+  outline: none;
+  box-shadow: var(--ring-focus);
+  border-radius: var(--radius-pill);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/S3Edit.spec.ts b/frontend-vue/src/components/fields/record-edit/S3Edit.spec.ts
new file mode 100644
index 000000000..8a5971fc3
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/S3Edit.spec.ts
@@ -0,0 +1,211 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { reactive } from 'vue';
+import type { WidgetStructure } from '@/models/table';
+import { useS3Store } from '@/stores/s3';
+import S3Edit from './S3Edit.vue';
+
+// The real connections store pulls in the Cedar wasm loader; the widget only reads these two ids.
+const connections = reactive({ connectionID: 'conn-123' as string | null });
+const tables = reactive({ tableName: 'users' as string | null });
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => connections }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+
+const widgetStructure: WidgetStructure = {
+	field_name: 'document',
+	widget_type: 'S3',
+	widget_params: {
+		provider: 'aws',
+		bucket: 'test-bucket',
+		prefix: 'uploads/',
+		region: 'us-east-1',
+		access_key_id: 'COMPANY-SECRET/bucket-access-key-id',
+		access_key: 'COMPANY-SECRET/bucket-access-key',
+	},
+	name: 'Document Upload',
+	description: 'Upload documents to S3',
+};
+
+const fileUrlResponse = {
+	url: 'https://s3.amazonaws.com/bucket/file.pdf?signature=abc123',
+	key: 'uploads/file.pdf',
+	expiresIn: 3600,
+};
+const uploadResponse = {
+	key: 'uploads/newfile.pdf',
+	previewUrl: 'https://s3.amazonaws.com/bucket/uploads/newfile.pdf?preview=true',
+};
+
+type Props = InstanceType<typeof S3Edit>['$props'];
+
+let s3: ReturnType<typeof useS3Store>;
+
+function mountS3(props: Partial<Props> = {}) {
+	return mount(S3Edit, {
+		props: { fieldKey: 'document', label: 'Document', widgetStructure, rowPrimaryKey: { id: 1 }, ...props },
+	});
+}
+
+async function selectFile(wrapper: ReturnType<typeof mount>, files: File[]) {
+	const input = wrapper.find('input[type="file"]');
+	Object.defineProperty(input.element, 'files', { value: files, configurable: true });
+	await input.trigger('change');
+	await flushPromises();
+}
+
+const buttons = (wrapper: ReturnType<typeof mount>) => wrapper.findAll('button');
+const findButton = (wrapper: ReturnType<typeof mount>, text: string) =>
+	buttons(wrapper).find((b) => b.find('.ui-button__label').text() === text);
+
+beforeEach(() => {
+	setActivePinia(createPinia());
+	connections.connectionID = 'conn-123';
+	tables.tableName = 'users';
+	s3 = useS3Store();
+	vi.spyOn(s3, 'getFileUrl').mockResolvedValue(fileUrlResponse);
+	vi.spyOn(s3, 'uploadFile').mockResolvedValue(uploadResponse);
+});
+
+afterEach(() => {
+	vi.restoreAllMocks();
+});
+
+/** The API sometimes sends `widget_params` as a JSON string, which `WidgetStructure` doesn't model. */
+const rawParams = (json: string) => json as unknown as WidgetStructure['widget_params'];
+
+describe('S3Edit', () => {
+	it('renders the label, the key and an Upload button', () => {
+		const wrapper = mountS3({ value: '' });
+		expect(wrapper.find('label').text()).toContain('Document');
+		expect(findButton(wrapper, 'Upload')).toBeTruthy();
+		expect(s3.getFileUrl).not.toHaveBeenCalled();
+	});
+
+	it('loads the preview URL for an existing key', async () => {
+		const wrapper = mountS3({ value: 'uploads/photo.jpg' });
+		expect(s3.getFileUrl).toHaveBeenCalledTimes(1);
+		expect(s3.getFileUrl).toHaveBeenCalledWith('conn-123', 'users', 'document', { id: 1 });
+		expect(wrapper.find('[role="status"]').exists()).toBe(true);
+		await flushPromises();
+		expect(wrapper.find('.s3-edit__thumbnail').attributes('src')).toBe(fileUrlResponse.url);
+		expect(findButton(wrapper, 'Open')).toBeTruthy();
+	});
+
+	it('loads the preview when a value arrives later', async () => {
+		const wrapper = mountS3({ value: '' });
+		await wrapper.setProps({ value: 'uploads/new-file.pdf' });
+		expect(s3.getFileUrl).toHaveBeenCalledTimes(1);
+	});
+
+	it('does not reload once a preview is shown', async () => {
+		const wrapper = mountS3({ value: 'uploads/a.pdf' });
+		await flushPromises();
+		await wrapper.setProps({ value: 'uploads/b.pdf' });
+		expect(s3.getFileUrl).toHaveBeenCalledTimes(1);
+	});
+
+	it('does not load without a row primary key, connection or table', () => {
+		mountS3({ value: 'uploads/file.pdf', rowPrimaryKey: null });
+		tables.tableName = null;
+		mountS3({ value: 'uploads/file.pdf' });
+		expect(s3.getFileUrl).not.toHaveBeenCalled();
+	});
+
+	it('keeps no preview when the URL request fails', async () => {
+		vi.mocked(s3.getFileUrl).mockResolvedValue(null);
+		const wrapper = mountS3({ value: 'uploads/file.pdf' });
+		await flushPromises();
+		expect(wrapper.find('[role="status"]').exists()).toBe(false);
+		expect(findButton(wrapper, 'Open')).toBeUndefined();
+	});
+
+	it('shows a file icon and the file name for non-images', async () => {
+		const wrapper = mountS3({ value: 'uploads/very-long-filename-that-should-be-truncated-somewhere.pdf' });
+		await flushPromises();
+		expect(wrapper.find('.s3-edit__thumbnail').exists()).toBe(false);
+		expect(wrapper.find('.s3-edit__filename').text()).toBe('...hat-should-be-truncated-somewhere.pdf');
+	});
+
+	it.each([
+		['photo.JPG', true],
+		['uploads/folder/photo.png', true],
+		['photo.svg', true],
+		['document.pdf', false],
+		['file-without-extension', false],
+	])('treats %s as image: %s', async (value, expected) => {
+		const wrapper = mountS3({ value });
+		await flushPromises();
+		expect(wrapper.find('.s3-edit__thumbnail').exists()).toBe(expected);
+	});
+
+	it('treats any key as an image with type: image, and accepts only images', async () => {
+		const wrapper = mountS3({
+			value: 'uploads/blob',
+			widgetStructure: { ...widgetStructure, widget_params: { ...widgetStructure.widget_params, type: 'image' } },
+		});
+		await flushPromises();
+		expect(wrapper.find('.s3-edit__thumbnail').exists()).toBe(true);
+		expect(wrapper.find('input[type="file"]').attributes('accept')).toBe('image/*');
+	});
+
+	it('reads widget params from a JSON string', async () => {
+		const wrapper = mountS3({
+			value: 'uploads/blob',
+			widgetStructure: { ...widgetStructure, widget_params: rawParams(JSON.stringify({ type: 'image' })) },
+		});
+		await flushPromises();
+		expect(wrapper.find('.s3-edit__thumbnail').exists()).toBe(true);
+	});
+
+	it('uploads a selected file and emits its key', async () => {
+		const wrapper = mountS3({ value: '' });
+		const file = new File(['test content'], 'test.pdf', { type: 'application/pdf' });
+		await selectFile(wrapper, [file]);
+		expect(s3.uploadFile).toHaveBeenCalledWith('conn-123', 'users', 'document', file);
+		expect(wrapper.emitted('fieldChange')).toEqual([['uploads/newfile.pdf']]);
+		expect((wrapper.find('[data-testid="record-Document-s3"]').element as HTMLInputElement).value).toBe(
+			'uploads/newfile.pdf',
+		);
+		expect(findButton(wrapper, 'Open')).toBeTruthy();
+	});
+
+	it('does nothing without a selected file', async () => {
+		const wrapper = mountS3({ value: '' });
+		await selectFile(wrapper, []);
+		expect(s3.uploadFile).not.toHaveBeenCalled();
+	});
+
+	it('disables Upload while uploading and re-enables it after a failed upload', async () => {
+		let resolve: (value: null) => void = () => {};
+		vi.mocked(s3.uploadFile).mockReturnValue(new Promise((r) => (resolve = r)));
+		const wrapper = mountS3({ value: '' });
+		const input = wrapper.find('input[type="file"]');
+		Object.defineProperty(input.element, 'files', { value: [new File(['x'], 'x.pdf')] });
+		await input.trigger('change');
+		expect(findButton(wrapper, 'Upload')?.attributes('disabled')).toBeDefined();
+		resolve(null);
+		await flushPromises();
+		expect(findButton(wrapper, 'Upload')?.attributes('disabled')).toBeUndefined();
+		expect(wrapper.emitted('fieldChange')).toBeUndefined();
+	});
+
+	it('disables Upload when disabled or readonly', () => {
+		expect(findButton(mountS3({ disabled: true }), 'Upload')?.attributes('disabled')).toBeDefined();
+		expect(findButton(mountS3({ readonly: true }), 'Upload')?.attributes('disabled')).toBeDefined();
+	});
+
+	it('opens the preview URL in a new tab', async () => {
+		const open = vi.spyOn(window, 'open').mockReturnValue(null);
+		const wrapper = mountS3({ value: 'uploads/file.pdf' });
+		await flushPromises();
+		await findButton(wrapper, 'Open')?.trigger('click');
+		expect(open).toHaveBeenCalledWith(fileUrlResponse.url, '_blank');
+	});
+
+	it('emits a typed key', async () => {
+		const wrapper = mountS3({ value: '' });
+		await wrapper.find('[data-testid="record-Document-s3"]').setValue('new-value.pdf');
+		expect(wrapper.emitted('fieldChange')).toEqual([['new-value.pdf']]);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/S3Edit.stories.ts b/frontend-vue/src/components/fields/record-edit/S3Edit.stories.ts
new file mode 100644
index 000000000..200fde16d
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/S3Edit.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import S3Edit from './S3Edit.vue';
+
+// Args-only: with no `rowPrimaryKey` the widget requests no preview URL, so nothing hits the network.
+const meta = {
+	title: 'Record Edit Fields/S3',
+	component: S3Edit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'S3 Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '',
+	},
+} satisfies Meta<typeof S3Edit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/S3Edit.vue b/frontend-vue/src/components/fields/record-edit/S3Edit.vue
new file mode 100644
index 000000000..d52ef1d5c
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/S3Edit.vue
@@ -0,0 +1,180 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/s3 (`S3EditComponent`): a column holding an S3 object key. The key
+ * can be typed, or a file uploaded through a presigned URL (the new key is emitted); the current
+ * object is previewed through a presigned GET URL — a thumbnail for images, a file icon otherwise.
+ *
+ * Preview needs the row's primary key (`rowPrimaryKey`), so a new row only previews after upload.
+ */
+import { computed, ref, watch } from 'vue';
+import { UiButton, UiField, UiIcon, UiInput, UiSpinner } from '@/components/ui';
+import { useConnectionsStore } from '@/stores/connections';
+import { useS3Store } from '@/stores/s3';
+import { useTablesStore } from '@/stores/tables';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const IMAGE_EXTENSIONS = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg', '.bmp'];
+
+const props = defineProps<
+	RecordEditFieldProps & { value?: string | null; rowPrimaryKey?: Record<string, unknown> | null }
+>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const s3 = useS3Store();
+const connections = useConnectionsStore();
+const tables = useTablesStore();
+
+const previewUrl = ref<string | null>(null);
+const isLoading = ref(false);
+const internalValue = ref(props.value ?? '');
+const fileInput = ref<HTMLInputElement | null>(null);
+
+const currentKey = computed(() => internalValue.value || props.value || '');
+
+const displayFilename = computed(() => {
+	const key = currentKey.value;
+	if (!key) return '';
+	const name = key.split('/').pop() || key;
+	return name.length > 40 ? `...${name.slice(-37)}` : name;
+});
+
+const isImage = computed(() => {
+	if (widgetParams.value.type === 'image') return true;
+	const key = currentKey.value.toLowerCase();
+	return Boolean(key) && IMAGE_EXTENSIONS.some((ext) => key.endsWith(ext));
+});
+
+const fileAccept = computed(() => (widgetParams.value.type === 'image' ? 'image/*' : '*/*'));
+
+// Angular loaded on init and again from an effect whenever the value or row key changed while no
+// preview was shown and none was loading; one immediate watcher covers both.
+watch(
+	[() => props.value, () => props.rowPrimaryKey],
+	([value, rowPrimaryKey]) => {
+		if (value && rowPrimaryKey && !previewUrl.value && !isLoading.value) loadPreview();
+	},
+	{ immediate: true },
+);
+
+async function onFileSelected(event: Event) {
+	const input = event.target as HTMLInputElement;
+	const file = input.files?.[0];
+	const fieldName = props.widgetStructure?.field_name;
+	if (!file || !fieldName || !connections.connectionID || !tables.tableName) return;
+
+	isLoading.value = true;
+	const result = await s3.uploadFile(connections.connectionID, tables.tableName, fieldName, file);
+	if (result) {
+		internalValue.value = result.key;
+		previewUrl.value = result.previewUrl;
+		emit('fieldChange', result.key);
+	}
+	isLoading.value = false;
+}
+
+function openFile() {
+	if (previewUrl.value) window.open(previewUrl.value, '_blank');
+}
+
+function onValueChange(value: string) {
+	internalValue.value = value;
+	emit('fieldChange', value);
+}
+
+async function loadPreview() {
+	const key = props.value || internalValue.value;
+	const rowPrimaryKey = props.rowPrimaryKey;
+	const fieldName = props.widgetStructure?.field_name;
+	const connectionId = connections.connectionID;
+	const tableName = tables.tableName;
+	if (!key || !connectionId || !tableName || !rowPrimaryKey || !fieldName) return;
+
+	isLoading.value = true;
+	const response = await s3.getFileUrl(connectionId, tableName, fieldName, rowPrimaryKey);
+	if (response) previewUrl.value = response.url;
+	isLoading.value = false;
+}
+</script>
+
+<template>
+	<div class="s3-edit">
+		<UiField :label="normalizedLabel" :required="required">
+			<UiInput
+				:name="`${label}-${fieldKey}`"
+				:model-value="currentKey"
+				:disabled="disabled"
+				:readonly="readonly"
+				:data-testid="`record-${label}-s3`"
+				@update:model-value="onValueChange"
+			/>
+		</UiField>
+
+		<div class="s3-edit__actions">
+			<input ref="fileInput" type="file" hidden :accept="fileAccept" @change="onFileSelected">
+			<UiButton variant="secondary" size="sm" :disabled="disabled || readonly || isLoading" @click="fileInput?.click()">
+				<template #leading><UiIcon name="upload" size="sm" /></template>
+				Upload
+			</UiButton>
+			<UiButton v-if="previewUrl" variant="secondary" size="sm" @click="openFile">
+				<template #leading><UiIcon name="open_in_new" size="sm" /></template>
+				Open
+			</UiButton>
+		</div>
+
+		<div v-if="currentKey" class="s3-edit__preview">
+			<UiSpinner v-if="isLoading" label="Loading preview" />
+			<img v-else-if="isImage && previewUrl" :src="previewUrl" class="s3-edit__thumbnail" alt="Preview">
+			<div v-else-if="previewUrl" class="s3-edit__file">
+				<UiIcon name="insert_drive_file" size="lg" />
+				<span class="s3-edit__filename">{{ displayFilename }}</span>
+			</div>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.s3-edit {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+}
+
+.s3-edit__actions {
+  display: flex;
+  gap: var(--space-2);
+}
+
+.s3-edit__preview {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 100px;
+  padding: var(--space-2);
+  border: 1px dashed var(--color-line-strong);
+  border-radius: var(--radius-control);
+}
+
+.s3-edit__thumbnail {
+  max-width: 200px;
+  max-height: 150px;
+  object-fit: contain;
+  border-radius: var(--radius-control);
+}
+
+.s3-edit__file {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--space-2);
+  color: var(--color-muted);
+}
+
+.s3-edit__filename {
+  font-size: var(--text-xs);
+  word-break: break-all;
+  text-align: center;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/SelectEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/SelectEdit.spec.ts
new file mode 100644
index 000000000..7c47a5dc7
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/SelectEdit.spec.ts
@@ -0,0 +1,74 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import SelectEdit from './SelectEdit.vue';
+
+const optionTexts = (wrapper: ReturnType<typeof mount>) => wrapper.findAll('option').map((o) => o.text());
+
+describe('SelectEdit', () => {
+	it('has no options without a widget or structure', () => {
+		const wrapper = mount(SelectEdit, { props: { label: 'status' } });
+		expect(wrapper.findAll('option')).toHaveLength(0);
+	});
+
+	it('loads options from widget_params', () => {
+		const options = [
+			{ value: 'opt1', label: 'Option 1' },
+			{ value: 'opt2', label: 'Option 2' },
+		];
+		const wrapper = mount(SelectEdit, {
+			props: { label: 'status', widgetStructure: mockWidgetStructure({ options }) },
+		});
+		expect(optionTexts(wrapper)).toEqual(['Option 1', 'Option 2']);
+	});
+
+	it('prepends an empty option when widget allow_null is set', () => {
+		const wrapper = mount(SelectEdit, {
+			props: {
+				label: 'status',
+				widgetStructure: mockWidgetStructure({ options: [{ value: 'opt1', label: 'Option 1' }], allow_null: true }),
+			},
+		});
+		expect(optionTexts(wrapper)).toEqual(['', 'Option 1']);
+	});
+
+	it('loads options from the enum data_type_params', () => {
+		const wrapper = mount(SelectEdit, {
+			props: {
+				label: 'status',
+				structure: mockStructure({ data_type_params: ['active', 'inactive', 'pending'], allow_null: false }),
+			},
+		});
+		expect(optionTexts(wrapper)).toEqual(['active', 'inactive', 'pending']);
+	});
+
+	it('prepends an empty option for a nullable enum', () => {
+		const wrapper = mount(SelectEdit, {
+			props: {
+				label: 'status',
+				structure: mockStructure({ data_type_params: ['active', 'inactive'], allow_null: true }),
+			},
+		});
+		expect(optionTexts(wrapper)).toEqual(['', 'active', 'inactive']);
+	});
+
+	it('selects the value and emits the chosen option value, null for the empty option', async () => {
+		const wrapper = mount(SelectEdit, {
+			props: {
+				label: 'status',
+				value: 'inactive',
+				structure: mockStructure({ data_type_params: ['active', 'inactive'], allow_null: true }),
+			},
+		});
+		const select = wrapper.find('[data-testid="record-status-select"]');
+		expect((select.element as HTMLSelectElement).selectedIndex).toBe(2);
+		await select.setValue('1');
+		await select.setValue('0');
+		expect(wrapper.emitted('fieldChange')).toEqual([['active'], [null]]);
+	});
+
+	it('disables the select when disabled or readonly', () => {
+		const wrapper = mount(SelectEdit, { props: { label: 'status', readonly: true } });
+		expect((wrapper.find('select').element as HTMLSelectElement).disabled).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/SelectEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/SelectEdit.stories.ts
new file mode 100644
index 000000000..e06b4dfc2
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/SelectEdit.stories.ts
@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import SelectEdit from './SelectEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Select',
+	component: SelectEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Select Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({
+			data_type: 'enum',
+			character_maximum_length: 255,
+			data_type_params: ['option1', 'option2', 'option3'],
+		}),
+		widgetStructure: mockWidgetStructure(),
+		value: 'option1',
+	},
+} satisfies Meta<typeof SelectEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/SelectEdit.vue b/frontend-vue/src/components/fields/record-edit/SelectEdit.vue
new file mode 100644
index 000000000..4a8da73fb
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/SelectEdit.vue
@@ -0,0 +1,52 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/select (`SelectEditComponent`): an enum column, or any column with a
+ * Select widget. Options come from `widget_params.options`, else from the enum's
+ * `data_type_params`; `allow_null` adds an empty option that stores `null`.
+ */
+import { computed, ref } from 'vue';
+import { type SelectOption, UiField, UiSelect } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+type Option = SelectOption<string | null>;
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const selected = ref<string | null>(props.value ?? null);
+
+const options = computed<Option[]>(() => {
+	const widgetOptions: unknown = widgetParams.value.options;
+	if (props.widgetStructure && Array.isArray(widgetOptions)) {
+		const list = widgetOptions as Option[];
+		return widgetParams.value.allow_null ? [{ value: null, label: '' }, ...list] : list;
+	}
+	if (props.structure) {
+		const list = (props.structure.data_type_params ?? []).map((option) => ({ value: option, label: option }));
+		return props.structure.allow_null ? [{ value: null, label: '' }, ...list] : list;
+	}
+	return [];
+});
+
+function onChange(value: string | null | (string | null)[]) {
+	if (Array.isArray(value)) return;
+	selected.value = value;
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<UiField class="select-edit" :label="normalizedLabel" :required="required">
+		<UiSelect
+			:name="`${label}-${fieldKey}`"
+			:model-value="selected"
+			:options="options"
+			:disabled="disabled || readonly"
+			:data-testid="`record-${label}-select`"
+			@update:model-value="onChange"
+		/>
+	</UiField>
+</template>
diff --git a/frontend-vue/src/components/fields/record-edit/StaticTextEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/StaticTextEdit.spec.ts
new file mode 100644
index 000000000..592815d42
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/StaticTextEdit.spec.ts
@@ -0,0 +1,26 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import StaticTextEdit from './StaticTextEdit.vue';
+
+describe('StaticTextEdit', () => {
+	it('renders the normalized label and the value', () => {
+		const wrapper = mount(StaticTextEdit, { props: { label: 'created_by', value: 'admin' } });
+		expect(wrapper.text()).toContain('Created by');
+		expect(wrapper.find('.static-text__value').text()).toBe('admin');
+	});
+
+	it('renders NULL for a null value', () => {
+		const wrapper = mount(StaticTextEdit, { props: { label: 'created_by', value: null } });
+		expect(wrapper.find('.static-text__value').text()).toBe('NULL');
+	});
+
+	it('renders no value for an empty string', () => {
+		const wrapper = mount(StaticTextEdit, { props: { label: 'created_by', value: '' } });
+		expect(wrapper.find('.static-text__value').exists()).toBe(false);
+	});
+
+	it('has no form control', () => {
+		const wrapper = mount(StaticTextEdit, { props: { label: 'created_by', value: 'x' } });
+		expect(wrapper.find('input').exists()).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/StaticTextEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/StaticTextEdit.stories.ts
new file mode 100644
index 000000000..c0776d143
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/StaticTextEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import StaticTextEdit from './StaticTextEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/StaticText',
+	component: StaticTextEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Static Text Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'This is static text content',
+	},
+} satisfies Meta<typeof StaticTextEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/StaticTextEdit.vue b/frontend-vue/src/components/fields/record-edit/StaticTextEdit.vue
new file mode 100644
index 000000000..41287bb1e
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/StaticTextEdit.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/static-text (`StaticTextEditComponent`): a column that can't be
+ * edited (readonly widget, `null` data type) — its label and current value, or `NULL`.
+ */
+import type { RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+
+const { normalizedLabel } = useRecordEditField(props);
+</script>
+
+<template>
+	<div class="static-text">
+		<span>{{ normalizedLabel }}</span>
+		<span v-if="value === null" class="static-text__value">NULL</span>
+		<span v-if="value" class="static-text__value">{{ value }}</span>
+	</div>
+</template>
+
+<style scoped>
+.static-text {
+  margin-bottom: var(--space-5);
+  font-size: var(--text-sm);
+  color: var(--color-ink-soft);
+}
+
+.static-text__value {
+  padding-inline-start: var(--space-2);
+  font-style: italic;
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/TextEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/TextEdit.spec.ts
new file mode 100644
index 000000000..07f59ee94
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/TextEdit.spec.ts
@@ -0,0 +1,80 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import type { TableField, WidgetStructure } from '@/models/table';
+import TextEdit from './TextEdit.vue';
+
+const structure = (overrides: Partial<TableField> = {}): TableField => ({
+	column_name: 'title',
+	column_default: null,
+	data_type: 'varchar',
+	isExcluded: false,
+	isSearched: false,
+	allow_null: false,
+	auto_increment: false,
+	character_maximum_length: null,
+	...overrides,
+});
+
+const widget = (widget_params: Record<string, unknown>): WidgetStructure => ({
+	field_name: 'title',
+	widget_type: 'String',
+	widget_params,
+	name: '',
+	description: '',
+});
+
+describe('TextEdit', () => {
+	it('renders the normalized label and the value', () => {
+		const wrapper = mount(TextEdit, { props: { label: 'first_name', fieldKey: 'k', value: 'Ada' } });
+		expect(wrapper.find('label').text()).toContain('First name');
+		expect((wrapper.find('input').element as HTMLInputElement).value).toBe('Ada');
+	});
+
+	it('emits field-change with the typed value', async () => {
+		const wrapper = mount(TextEdit, { props: { label: 'title', structure: structure() } });
+		await wrapper.find('input').setValue('Hello');
+		expect(wrapper.emitted('fieldChange')).toEqual([['Hello']]);
+	});
+
+	it('emits null for an emptied nullable column', async () => {
+		const wrapper = mount(TextEdit, {
+			props: { label: 'title', value: 'x', structure: structure({ allow_null: true }) },
+		});
+		await wrapper.find('input').setValue('');
+		expect(wrapper.emitted('fieldChange')).toEqual([[null]]);
+	});
+
+	it('emits an empty string when force_send_empty_string is set', async () => {
+		const wrapper = mount(TextEdit, {
+			props: {
+				label: 'title',
+				value: 'x',
+				structure: structure({ allow_null: true }),
+				widgetStructure: widget({ force_send_empty_string: true }),
+			},
+		});
+		await wrapper.find('input').setValue('');
+		expect(wrapper.emitted('fieldChange')).toEqual([['']]);
+	});
+
+	it('shows the validator message and marks the control invalid', async () => {
+		const wrapper = mount(TextEdit, { props: { label: 'email', widgetStructure: widget({ validate: 'isEmail' }) } });
+		await wrapper.find('input').setValue('nope');
+		expect(wrapper.text()).toContain('Invalid email address');
+		expect((wrapper.find('input').element as HTMLInputElement).checkValidity()).toBe(false);
+	});
+
+	it('shows the counter near the length limit', () => {
+		const wrapper = mount(TextEdit, {
+			props: { label: 'title', value: 'abc', structure: structure({ character_maximum_length: 50 }) },
+		});
+		expect(wrapper.text()).toContain('3 / 50');
+	});
+
+	it('passes disabled and readonly to the input', () => {
+		const wrapper = mount(TextEdit, { props: { label: 'title', disabled: true, readonly: true } });
+		const input = wrapper.find('input').element as HTMLInputElement;
+		expect(input.disabled).toBe(true);
+		expect(input.readOnly).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/TextEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/TextEdit.stories.ts
new file mode 100644
index 000000000..b02e7d4a0
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/TextEdit.stories.ts
@@ -0,0 +1,30 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TextEdit from './TextEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Text',
+	component: TextEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Text Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'Sample text value',
+	},
+} satisfies Meta<typeof TextEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
+export const WithValidation: Story = {
+	args: { value: 'not-an-email', widgetStructure: mockWidgetStructure({ validate: 'isEmail' }) },
+};
diff --git a/frontend-vue/src/components/fields/record-edit/TextEdit.vue b/frontend-vue/src/components/fields/record-edit/TextEdit.vue
new file mode 100644
index 000000000..fd2c1fedd
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/TextEdit.vue
@@ -0,0 +1,83 @@
+<script setup lang="ts">
+/** Port of record-edit-fields/text (`TextEditComponent`): a single-line text column. */
+import { computed, ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import { vCustomValidity } from '@/directives/customValidity';
+import { textErrors, textValidationMessage } from '@/validators/text.validator';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const text = ref(props.value ?? '');
+/** Errors show once the user has edited the field, like `mat-error` on a dirty control. */
+const dirty = ref(false);
+
+const maxLength = computed(() => props.structure?.character_maximum_length || null);
+const validateType = computed<string | null>(() => widgetParams.value.validate || null);
+const regexPattern = computed<string | null>(() => widgetParams.value.regex || null);
+const forceSendEmptyString = computed(() => Boolean(widgetParams.value.force_send_empty_string));
+
+/** The `N / max` counter, shown only within 100 characters of the limit. */
+const showCounter = computed(() =>
+	Boolean(maxLength.value && maxLength.value > 0 && text.value && 100 > maxLength.value - text.value.length),
+);
+
+const validationMessage = computed(() =>
+	textErrors(text.value, validateType.value, regexPattern.value) ? textValidationMessage(validateType.value) : '',
+);
+
+const error = computed(() => {
+	if (!dirty.value) return undefined;
+	if (props.required && !text.value) return 'This field is required.';
+	if (maxLength.value && text.value.length > maxLength.value) return `Maximum length is ${maxLength.value} characters.`;
+	return validationMessage.value || undefined;
+});
+
+function onInput(value: string) {
+	text.value = value;
+	dirty.value = true;
+	if (value === '' && !forceSendEmptyString.value && props.structure?.allow_null === true) {
+		emit('fieldChange', null);
+		return;
+	}
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<UiField class="text-edit" :label="normalizedLabel" :required="required" :error="error">
+		<div class="text-edit__control">
+			<UiInput
+				v-custom-validity="validationMessage"
+				:name="`${label}-${fieldKey}`"
+				:model-value="text"
+				:disabled="disabled"
+				:readonly="readonly"
+				:maxlength="maxLength ?? undefined"
+				:data-testid="`record-${label}-text`"
+				@update:model-value="onInput"
+			/>
+			<span v-if="showCounter" class="text-edit__counter">{{ text.length }} / {{ maxLength }}</span>
+		</div>
+	</UiField>
+</template>
+
+<style scoped>
+.text-edit__control {
+  position: relative;
+}
+
+.text-edit__counter {
+  position: absolute;
+  inset-inline-end: var(--space-3);
+  top: 50%;
+  transform: translateY(-50%);
+  font-size: var(--text-xs);
+  color: var(--color-muted);
+  pointer-events: none;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/TimeEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/TimeEdit.spec.ts
new file mode 100644
index 000000000..4c583c110
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/TimeEdit.spec.ts
@@ -0,0 +1,26 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import TimeEdit from './TimeEdit.vue';
+
+describe('TimeEdit', () => {
+	it('renders the normalized label and the value in a time input', () => {
+		const wrapper = mount(TimeEdit, { props: { label: 'opens_at', fieldKey: 'k', value: '10:30' } });
+		expect(wrapper.find('label').text()).toContain('Opens at');
+		const input = wrapper.find('[data-testid="record-opens_at-time"]').element as HTMLInputElement;
+		expect(input.type).toBe('time');
+		expect(input.value).toBe('10:30');
+	});
+
+	it('emits the picked time', async () => {
+		const wrapper = mount(TimeEdit, { props: { label: 'opens_at' } });
+		await wrapper.find('input').setValue('08:15');
+		expect(wrapper.emitted('fieldChange')).toEqual([['08:15']]);
+	});
+
+	it('passes disabled and readonly to the input', () => {
+		const wrapper = mount(TimeEdit, { props: { label: 'opens_at', disabled: true, readonly: true } });
+		const input = wrapper.find('input').element as HTMLInputElement;
+		expect(input.disabled).toBe(true);
+		expect(input.readOnly).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/TimeEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/TimeEdit.stories.ts
new file mode 100644
index 000000000..9d3498dcf
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/TimeEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TimeEdit from './TimeEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Time',
+	component: TimeEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Time Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'time', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '10:30:00',
+	},
+} satisfies Meta<typeof TimeEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/TimeEdit.vue b/frontend-vue/src/components/fields/record-edit/TimeEdit.vue
new file mode 100644
index 000000000..cd0b83594
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/TimeEdit.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+/** Port of record-edit-fields/time (`TimeEditComponent`): a `time` column as a native time picker. */
+import { ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel } = useRecordEditField(props);
+
+const time = ref(props.value ?? '');
+
+function onInput(value: string) {
+	time.value = value;
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<UiField class="time-edit" :label="normalizedLabel" :required="required">
+		<UiInput
+			type="time"
+			:name="`${label}-${fieldKey}`"
+			:model-value="time"
+			:disabled="disabled"
+			:readonly="readonly"
+			:data-testid="`record-${label}-time`"
+			@update:model-value="onInput"
+		/>
+	</UiField>
+</template>
diff --git a/frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.spec.ts
new file mode 100644
index 000000000..ff5add7ee
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.spec.ts
@@ -0,0 +1,57 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import TimeIntervalEdit from './TimeIntervalEdit.vue';
+
+const values = (wrapper: ReturnType<typeof mount>) =>
+	wrapper.findAll('input').map((i) => (i.element as HTMLInputElement).value);
+
+describe('TimeIntervalEdit', () => {
+	it('renders the label and six empty unit inputs', () => {
+		const wrapper = mount(TimeIntervalEdit, { props: { label: 'lease_term' } });
+		expect(wrapper.find('legend').text()).toBe('Lease term');
+		expect(wrapper.findAll('label').map((l) => l.text())).toEqual([
+			'years',
+			'months',
+			'days',
+			'hours',
+			'minutes',
+			'seconds',
+		]);
+		expect(values(wrapper)).toEqual(['', '', '', '', '', '']);
+	});
+
+	it('fills the inputs from an interval object', () => {
+		const wrapper = mount(TimeIntervalEdit, {
+			props: { label: 'term', value: { years: 1, months: 2, days: 3, hours: 4, minutes: 30, seconds: 0 } },
+		});
+		expect(values(wrapper)).toEqual(['1', '2', '3', '4', '30', '0']);
+	});
+
+	it('parses a raw interval string', () => {
+		const wrapper = mount(TimeIntervalEdit, { props: { label: 'term', value: '1 year 01:30:00' } });
+		expect(values(wrapper)).toEqual(['1', '', '', '1', '30', '']);
+	});
+
+	it('emits the Postgres interval string', async () => {
+		const wrapper = mount(TimeIntervalEdit, { props: { label: 'term', value: { years: 1 } } });
+		const inputs = wrapper.findAll('input');
+		await inputs[2]?.setValue('5');
+		await inputs[3]?.setValue('1');
+		expect(wrapper.emitted('fieldChange')).toEqual([['1 year 5 days'], ['1 year 5 days 1 hour']]);
+	});
+
+	it('emits "0" when every unit is cleared', async () => {
+		const wrapper = mount(TimeIntervalEdit, { props: { label: 'term', value: { days: 2 } } });
+		await wrapper.findAll('input')[2]?.setValue('');
+		expect(wrapper.emitted('fieldChange')).toEqual([['0']]);
+	});
+
+	it('passes required, disabled and readonly to every input', () => {
+		const wrapper = mount(TimeIntervalEdit, {
+			props: { label: 'term', required: true, disabled: true, readonly: true },
+		});
+		for (const input of wrapper.findAll('input').map((i) => i.element as HTMLInputElement)) {
+			expect([input.required, input.disabled, input.readOnly]).toEqual([true, true, true]);
+		}
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.stories.ts
new file mode 100644
index 000000000..b09b28223
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TimeIntervalEdit from './TimeIntervalEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/TimeInterval',
+	component: TimeIntervalEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Time Interval Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'interval', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '01:30:00',
+	},
+} satisfies Meta<typeof TimeIntervalEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.vue b/frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.vue
new file mode 100644
index 000000000..bd61d92eb
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.vue
@@ -0,0 +1,88 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/time-interval (`TimeIntervalEditComponent`): a Postgres `interval`
+ * as six number inputs, emitted as a Postgres interval string (`1 year 5 days`) built with
+ * `postgres-interval`'s `toPostgres`.
+ */
+import PostgresInterval from 'postgres-interval';
+import { ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+type Unit = 'years' | 'months' | 'days' | 'hours' | 'minutes' | 'seconds' | 'milliseconds';
+type Interval = Record<Unit, number | string | null>;
+
+const props = defineProps<RecordEditFieldProps & { value?: Partial<Interval> | string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel } = useRecordEditField(props);
+
+const UNITS = ['years', 'months', 'days', 'hours', 'minutes', 'seconds'] as const;
+
+const interval = ref<Interval>(initialInterval());
+
+function onInput(unit: Unit, value: string) {
+	interval.value = { ...interval.value, [unit]: value === '' ? null : parseFloat(value) };
+	const toPostgres: (this: Interval) => string = PostgresInterval.prototype.toPostgres;
+	emit('fieldChange', toPostgres.call(interval.value));
+}
+
+/**
+ * The row's interval object as is (Angular used it directly). A raw interval string — which Angular
+ * left unparsed, showing empty inputs — is parsed with `postgres-interval`.
+ */
+function initialInterval(): Interval {
+	const empty: Interval = { years: '', months: '', days: '', hours: '', minutes: '', seconds: '', milliseconds: '' };
+	const value = props.value;
+	if (!value) return empty;
+	if (typeof value === 'string') {
+		const parsed = PostgresInterval(value);
+		return { ...empty, ...Object.fromEntries(Object.entries(parsed).filter(([, amount]) => amount !== 0)) };
+	}
+	return { ...empty, ...value };
+}
+</script>
+
+<template>
+	<fieldset class="time-interval-edit">
+		<legend class="time-interval-edit__label">
+			{{ normalizedLabel }}<span v-if="required" class="time-interval-edit__required" aria-hidden="true"> *</span>
+		</legend>
+		<UiField v-for="unit in UNITS" :key="unit" :label="unit" :required="required">
+			<UiInput
+				type="number"
+				:name="`${label}-${fieldKey}`"
+				:model-value="interval[unit]"
+				:disabled="disabled"
+				:readonly="readonly"
+				@update:model-value="onInput(unit, $event)"
+			/>
+		</UiField>
+	</fieldset>
+</template>
+
+<style scoped>
+.time-interval-edit {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: var(--space-3) var(--space-4);
+  margin: 0;
+  padding: 0;
+  border: 0;
+  min-width: 0;
+}
+
+.time-interval-edit__label {
+  grid-column: 1 / span 3;
+  padding: 0;
+  margin-bottom: var(--space-2);
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--color-ink-soft);
+}
+
+.time-interval-edit__required {
+  color: var(--color-danger-strong);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/TimezoneEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/TimezoneEdit.spec.ts
new file mode 100644
index 000000000..631a6bf88
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/TimezoneEdit.spec.ts
@@ -0,0 +1,46 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TimezoneEdit from './TimezoneEdit.vue';
+
+describe('TimezoneEdit', () => {
+	it('lists the Intl timezones with their UTC offset', () => {
+		const wrapper = mount(TimezoneEdit, { props: { label: 'tz' } });
+		const labels = wrapper.findAll('option').map((o) => o.text());
+		expect(labels.length).toBeGreaterThan(0);
+		expect(labels.find((l) => l.startsWith('America/New_York'))).toMatch(/\(UTC[+-]\d\d:\d\d\)$/);
+	});
+
+	it('selects the value and emits the chosen zone', async () => {
+		const wrapper = mount(TimezoneEdit, { props: { label: 'tz', value: 'Europe/Paris' } });
+		const select = wrapper.find('[data-testid="record-tz-timezone"]').element as HTMLSelectElement;
+		expect(select.selectedOptions[0]?.textContent).toContain('Europe/Paris');
+
+		const index = Array.from(select.options).findIndex((o) => o.textContent?.startsWith('America/New_York'));
+		await wrapper.find('select').setValue(String(index));
+		expect(wrapper.emitted('fieldChange')).toEqual([['America/New_York']]);
+	});
+
+	it('adds an empty option when widget allow_null is set', async () => {
+		const wrapper = mount(TimezoneEdit, {
+			props: {
+				label: 'tz',
+				structure: mockStructure({ allow_null: false }),
+				widgetStructure: mockWidgetStructure({ allow_null: true }),
+			},
+		});
+		expect(wrapper.find('option').text()).toBe('');
+		await wrapper.find('select').setValue('0');
+		expect(wrapper.emitted('fieldChange')).toEqual([[null]]);
+	});
+
+	it('adds an empty option for a nullable column', () => {
+		const wrapper = mount(TimezoneEdit, { props: { label: 'tz', structure: mockStructure({ allow_null: true }) } });
+		expect(wrapper.find('option').text()).toBe('');
+	});
+
+	it('has no empty option for a non-nullable column', () => {
+		const wrapper = mount(TimezoneEdit, { props: { label: 'tz', structure: mockStructure({ allow_null: false }) } });
+		expect(wrapper.find('option').text()).not.toBe('');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/TimezoneEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/TimezoneEdit.stories.ts
new file mode 100644
index 000000000..06bb99dd4
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/TimezoneEdit.stories.ts
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TimezoneEdit from './TimezoneEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/Timezone',
+	component: TimezoneEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'Timezone Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'UTC',
+	},
+} satisfies Meta<typeof TimezoneEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend-vue/src/components/fields/record-edit/TimezoneEdit.vue b/frontend-vue/src/components/fields/record-edit/TimezoneEdit.vue
new file mode 100644
index 000000000..c3705239a
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/TimezoneEdit.vue
@@ -0,0 +1,71 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/timezone (`TimezoneEditComponent`): an IANA timezone picked from the
+ * browser's `Intl` list, each labelled with its current UTC offset.
+ */
+import { computed, ref } from 'vue';
+import { type SelectOption, UiField, UiSelect } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const selected = ref<string | null>(props.value ?? null);
+
+/** Computed once: building ~400 `Intl.DateTimeFormat`s per render would be wasteful. */
+const allTimezones: SelectOption<string | null>[] = Intl.supportedValuesOf('timeZone')
+	.map((tz) => ({ value: tz, label: `${tz} (UTC${getTimezoneOffset(tz)})` }))
+	.sort((a, b) => a.value.localeCompare(b.value));
+
+const timezones = computed<SelectOption<string | null>[]>(() =>
+	widgetParams.value.allow_null || props.structure?.allow_null
+		? [{ value: null, label: '' }, ...allTimezones]
+		: allTimezones,
+);
+
+function onChange(value: string | null | (string | null)[]) {
+	if (Array.isArray(value)) return;
+	selected.value = value;
+	emit('fieldChange', value);
+}
+
+/** `+HH:MM` for the zone right now, from `longOffset` ("GMT+05:30"), with a manual fallback. */
+function getTimezoneOffset(timezone: string): string {
+	try {
+		const now = new Date();
+		const formatter = new Intl.DateTimeFormat('en-US', { timeZone: timezone, timeZoneName: 'longOffset' });
+		const offsetPart = formatter.formatToParts(now).find((part) => part.type === 'timeZoneName');
+
+		if (offsetPart?.value.includes('GMT')) {
+			const offset = offsetPart.value.replace('GMT', '');
+			return offset === '' ? '+00:00' : offset;
+		}
+
+		const utcDate = new Date(now.toLocaleString('en-US', { timeZone: 'UTC' }));
+		const tzDate = new Date(now.toLocaleString('en-US', { timeZone: timezone }));
+		const offsetMinutes = (tzDate.getTime() - utcDate.getTime()) / 60000;
+		const hours = Math.floor(Math.abs(offsetMinutes) / 60);
+		const minutes = Math.abs(offsetMinutes) % 60;
+		const sign = offsetMinutes >= 0 ? '+' : '-';
+		return `${sign}${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;
+	} catch {
+		return '';
+	}
+}
+</script>
+
+<template>
+	<UiField class="timezone-edit" :label="normalizedLabel" :required="required">
+		<UiSelect
+			:name="`${label}-${fieldKey}`"
+			:model-value="selected"
+			:options="timezones"
+			:disabled="disabled || readonly"
+			:data-testid="`record-${label}-timezone`"
+			@update:model-value="onChange"
+		/>
+	</UiField>
+</template>
diff --git a/frontend-vue/src/components/fields/record-edit/UrlEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/UrlEdit.spec.ts
new file mode 100644
index 000000000..491f27545
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/UrlEdit.spec.ts
@@ -0,0 +1,70 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import type { WidgetStructure } from '@/models/table';
+import { mockWidgetStructure } from '../stories.mocks';
+import UrlEdit from './UrlEdit.vue';
+
+/** The API sometimes sends `widget_params` as a JSON string, which `WidgetStructure` doesn't model. */
+const rawParams = (json: string) => json as unknown as WidgetStructure['widget_params'];
+
+describe('UrlEdit', () => {
+	it('renders the normalized label and the value', () => {
+		const wrapper = mount(UrlEdit, { props: { label: 'home_page', fieldKey: 'k', value: 'https://example.com' } });
+		expect(wrapper.find('label').text()).toContain('Home page');
+		expect((wrapper.find('[data-testid="record-home_page-image"]').element as HTMLInputElement).value).toBe(
+			'https://example.com',
+		);
+	});
+
+	it('has no prefix by default', () => {
+		const wrapper = mount(UrlEdit, { props: { label: 'link', widgetStructure: mockWidgetStructure({}) } });
+		expect(wrapper.find('.url-edit__prefix').exists()).toBe(false);
+	});
+
+	it('shows the prefix from widget params, object or JSON string', () => {
+		const fromObject = mount(UrlEdit, {
+			props: { label: 'link', widgetStructure: mockWidgetStructure({ prefix: 'https://api.example.com/' }) },
+		});
+		expect(fromObject.find('.url-edit__prefix').text()).toBe('https://api.example.com/');
+
+		const ws = mockWidgetStructure();
+		const fromString = mount(UrlEdit, {
+			props: {
+				label: 'link',
+				widgetStructure: { ...ws, widget_params: rawParams(JSON.stringify({ prefix: 'https://test.com/' })) },
+			},
+		});
+		expect(fromString.find('.url-edit__prefix').text()).toBe('https://test.com/');
+	});
+
+	it('ignores unparseable widget params', () => {
+		const ws = mockWidgetStructure();
+		const wrapper = mount(UrlEdit, {
+			props: { label: 'link', widgetStructure: { ...ws, widget_params: rawParams('invalid-json') } },
+		});
+		expect(wrapper.find('.url-edit__prefix').exists()).toBe(false);
+	});
+
+	it('emits the typed value', async () => {
+		const wrapper = mount(UrlEdit, { props: { label: 'link' } });
+		await wrapper.find('input').setValue('https://rocketadmin.com');
+		expect(wrapper.emitted('fieldChange')).toEqual([['https://rocketadmin.com']]);
+	});
+
+	it('flags an invalid URL once edited', async () => {
+		const wrapper = mount(UrlEdit, { props: { label: 'link' } });
+		const input = wrapper.find('input');
+		await input.setValue('example.com');
+		expect(wrapper.text()).toContain('URL is invalid.');
+		expect((input.element as HTMLInputElement).checkValidity()).toBe(false);
+	});
+
+	it('validates the value with the prefix prepended', async () => {
+		const wrapper = mount(UrlEdit, {
+			props: { label: 'link', widgetStructure: mockWidgetStructure({ prefix: 'https://cdn.example.com/' }) },
+		});
+		await wrapper.find('input').setValue('images/a.png');
+		expect(wrapper.text()).not.toContain('URL is invalid.');
+		expect((wrapper.find('input').element as HTMLInputElement).checkValidity()).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/UrlEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/UrlEdit.stories.ts
new file mode 100644
index 000000000..9021ed11a
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/UrlEdit.stories.ts
@@ -0,0 +1,30 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import UrlEdit from './UrlEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/URL',
+	component: UrlEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'URL Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: 'https://example.com',
+	},
+} satisfies Meta<typeof UrlEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
+export const WithPrefix: Story = {
+	args: { value: 'images/logo.png', widgetStructure: mockWidgetStructure({ prefix: 'https://cdn.example.com/' }) },
+};
diff --git a/frontend-vue/src/components/fields/record-edit/UrlEdit.vue b/frontend-vue/src/components/fields/record-edit/UrlEdit.vue
new file mode 100644
index 000000000..f916f4b0b
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/UrlEdit.vue
@@ -0,0 +1,67 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/url (`UrlEditComponent`): a URL column. `widget_params.prefix` is
+ * shown before the input and prepended for validation only — the stored value is what was typed.
+ */
+import { computed, ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import { vCustomValidity } from '@/directives/customValidity';
+import { URL_ERROR_MESSAGE, urlErrors } from '@/validators/url.validator';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const url = ref(props.value ?? '');
+const dirty = ref(false);
+
+const prefix = computed<string>(() => widgetParams.value.prefix || '');
+
+const validationMessage = computed(() => (urlErrors(url.value, prefix.value) ? URL_ERROR_MESSAGE : ''));
+const error = computed(() => (dirty.value && validationMessage.value) || undefined);
+
+function onInput(value: string) {
+	url.value = value;
+	dirty.value = true;
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<UiField class="url-edit" :label="normalizedLabel" :required="required" :error="error">
+		<div class="url-edit__control">
+			<span v-if="prefix" class="url-edit__prefix" :title="prefix">{{ prefix }}</span>
+			<UiInput
+				v-custom-validity="validationMessage"
+				:name="`${label}-${fieldKey}`"
+				:model-value="url"
+				:disabled="disabled"
+				:readonly="readonly"
+				:data-testid="`record-${label}-image`"
+				@update:model-value="onInput"
+			/>
+		</div>
+	</UiField>
+</template>
+
+<style scoped>
+.url-edit__control {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+/* Long prefixes are cut at 30% of the row, as in Angular, with the full text in the tooltip. */
+.url-edit__prefix {
+  flex: 0 1 auto;
+  max-width: 30%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: var(--text-sm);
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-edit/UuidEdit.spec.ts b/frontend-vue/src/components/fields/record-edit/UuidEdit.spec.ts
new file mode 100644
index 000000000..da37ebf91
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/UuidEdit.spec.ts
@@ -0,0 +1,100 @@
+import { mount } from '@vue/test-utils';
+import { validate as uuidValidate, version as uuidVersion } from 'uuid';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import UuidEdit from './UuidEdit.vue';
+
+const EXISTING = '550e8400-e29b-41d4-a716-446655440000';
+
+function emitted(wrapper: ReturnType<typeof mount>): string[] {
+	return (wrapper.emitted('fieldChange') ?? []).map(([value]) => value as string);
+}
+
+describe('UuidEdit', () => {
+	it('generates and emits a v4 UUID for a new row', async () => {
+		const wrapper = mount(UuidEdit, { props: { label: 'id', value: '' } });
+		await wrapper.vm.$nextTick();
+		const [generated] = emitted(wrapper);
+		expect(generated && uuidValidate(generated)).toBe(true);
+		expect(uuidVersion(generated ?? '')).toBe(4);
+		expect((wrapper.find('input').element as HTMLInputElement).value).toBe(generated);
+	});
+
+	it('keeps an existing value and emits nothing on mount', () => {
+		const wrapper = mount(UuidEdit, { props: { label: 'id', value: EXISTING } });
+		expect(wrapper.emitted('fieldChange')).toBeUndefined();
+		expect((wrapper.find('input').element as HTMLInputElement).value).toBe(EXISTING);
+	});
+
+	it.each([
+		['v1', 1],
+		['v4', 4],
+		['v7', 7],
+		['v3', 3],
+		['v5', 5],
+	])('generates a %s UUID from widget params', (version, expected) => {
+		const wrapper = mount(UuidEdit, { props: { label: 'id', widgetStructure: mockWidgetStructure({ version }) } });
+		const [generated = ''] = emitted(wrapper);
+		expect(uuidValidate(generated)).toBe(true);
+		expect(uuidVersion(generated)).toBe(expected);
+	});
+
+	it('generates the same v5 UUID for the same namespace and name', async () => {
+		const widgetStructure = mockWidgetStructure({
+			version: 'v5',
+			namespace: '6ba7b811-9dad-11d1-80b4-00c04fd430c8',
+			name: 'test',
+		});
+		const wrapper = mount(UuidEdit, { props: { label: 'id', widgetStructure } });
+		await wrapper.find('button').trigger('click');
+		const [first, second] = emitted(wrapper);
+		expect(first).toBe(second);
+	});
+
+	it('falls back to v4 for an unknown version', () => {
+		const wrapper = mount(UuidEdit, {
+			props: { label: 'id', widgetStructure: mockWidgetStructure({ version: 'v99' }) },
+		});
+		expect(uuidVersion(emitted(wrapper)[0] ?? '')).toBe(4);
+	});
+
+	it('regenerates on the refresh button', async () => {
+		const wrapper = mount(UuidEdit, { props: { label: 'id', value: EXISTING } });
+		await wrapper.find('button[aria-label="Generate new UUID"]').trigger('click');
+		const [generated = ''] = emitted(wrapper);
+		expect(uuidValidate(generated)).toBe(true);
+		expect(generated).not.toBe(EXISTING);
+	});
+
+	it('hides the refresh button when readonly or disabled', () => {
+		expect(
+			mount(UuidEdit, { props: { label: 'id', value: EXISTING, readonly: true } })
+				.find('button')
+				.exists(),
+		).toBe(false);
+		expect(
+			mount(UuidEdit, { props: { label: 'id', value: EXISTING, disabled: true } })
+				.find('button')
+				.exists(),
+		).toBe(false);
+	});
+
+	it('shows the detected version for a valid UUID', () => {
+		const wrapper = mount(UuidEdit, { props: { label: 'id', value: EXISTING } });
+		expect(wrapper.text()).toContain('UUID v4');
+	});
+
+	it('flags an invalid UUID and emits the typed text', async () => {
+		const wrapper = mount(UuidEdit, { props: { label: 'id', value: EXISTING } });
+		await wrapper.find('input').setValue('not-a-uuid');
+		expect(wrapper.text()).toContain('Invalid UUID format');
+		expect(wrapper.emitted('fieldChange')).toEqual([['not-a-uuid']]);
+	});
+
+	it('explains v3/v5 hashing when editable', () => {
+		const wrapper = mount(UuidEdit, {
+			props: { label: 'id', value: EXISTING, widgetStructure: mockWidgetStructure({ version: 'v3' }) },
+		});
+		expect(wrapper.text()).toContain('UUID v3 uses namespace/name hashing.');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-edit/UuidEdit.stories.ts b/frontend-vue/src/components/fields/record-edit/UuidEdit.stories.ts
new file mode 100644
index 000000000..e85790026
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/UuidEdit.stories.ts
@@ -0,0 +1,30 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import UuidEdit from './UuidEdit.vue';
+
+const meta = {
+	title: 'Record Edit Fields/UUID',
+	component: UuidEdit,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		label: 'UUID Field',
+		required: false,
+		readonly: false,
+		disabled: false,
+		structure: mockStructure({ data_type: 'uuid', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		value: '550e8400-e29b-41d4-a716-446655440000',
+	},
+} satisfies Meta<typeof UuidEdit>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+export const Required: Story = { args: { required: true } };
+export const Readonly: Story = { args: { readonly: true } };
+export const Disabled: Story = { args: { disabled: true } };
+export const NameBasedV5: Story = {
+	args: { value: '', widgetStructure: mockWidgetStructure({ version: 'v5', name: 'rocketadmin.com' }) },
+};
diff --git a/frontend-vue/src/components/fields/record-edit/UuidEdit.vue b/frontend-vue/src/components/fields/record-edit/UuidEdit.vue
new file mode 100644
index 000000000..0738a7e79
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-edit/UuidEdit.vue
@@ -0,0 +1,143 @@
+<script setup lang="ts">
+/**
+ * Port of record-edit-fields/uuid (`UuidEditComponent`): a UUID column. A new row (empty value)
+ * gets a UUID of `widget_params.version` (v1/v3/v4/v5/v7, default v4) on mount; v3/v5 hash
+ * `widget_params.name` (or the current timestamp) in `widget_params.namespace` (default DNS).
+ */
+import {
+	validate as uuidValidate,
+	version as uuidVersion,
+	v1 as uuidv1,
+	v3 as uuidv3,
+	v4 as uuidv4,
+	v5 as uuidv5,
+	v7 as uuidv7,
+} from 'uuid';
+import { computed, onMounted, ref } from 'vue';
+import { UiField, UiIcon, UiIconButton, UiInput } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
+
+/** The DNS namespace from RFC 4122. */
+const DEFAULT_NAMESPACE = '6ba7b810-9dad-11d1-80b4-00c04fd430c8';
+
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
+
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const uuid = ref(props.value ?? '');
+
+const version = computed<string>(() => widgetParams.value.version || 'v4');
+const namespace = computed<string>(() => widgetParams.value.namespace || DEFAULT_NAMESPACE);
+const name = computed<string>(() => widgetParams.value.name || '');
+const editable = computed(() => !props.readonly && !props.disabled);
+
+const isValid = computed(() => Boolean(uuid.value) && uuidValidate(uuid.value));
+
+const hint = computed(() => {
+	if (!isValid.value) return undefined;
+	const detected = getUuidVersion(uuid.value);
+	return `UUID ${detected ? `v${detected}` : 'version unknown'}`;
+});
+
+/** Angular rendered this `mat-error` but no validator ever put the control in an error state. */
+const error = computed(() => (uuid.value && !isValid.value ? 'Invalid UUID format' : undefined));
+
+onMounted(() => {
+	if (!props.value) generateUuid();
+});
+
+function onInput(value: string) {
+	uuid.value = value;
+	emit('fieldChange', value);
+}
+
+function generateUuid() {
+	try {
+		uuid.value = createUuid();
+	} catch (error) {
+		console.error('Error generating UUID:', error);
+		uuid.value = uuidv4();
+	}
+	emit('fieldChange', uuid.value);
+}
+
+function createUuid(): string {
+	switch (version.value) {
+		case 'v1':
+			return uuidv1();
+		case 'v3':
+			return uuidv3(name.value || Date.now().toString(), namespace.value);
+		case 'v5':
+			return uuidv5(name.value || Date.now().toString(), namespace.value);
+		case 'v7':
+			return uuidv7();
+		default:
+			return uuidv4();
+	}
+}
+
+function getUuidVersion(value: string): number | false {
+	try {
+		return uuidVersion(value);
+	} catch {
+		return false;
+	}
+}
+</script>
+
+<template>
+	<div class="uuid-edit">
+		<UiField :label="normalizedLabel" :required="required" :hint="hint" :error="error">
+			<div class="uuid-edit__control">
+				<UiInput
+					class="uuid-edit__input"
+					:name="`${label}-${fieldKey}`"
+					:model-value="uuid"
+					:disabled="disabled"
+					:readonly="readonly"
+					placeholder="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
+					:data-testid="`record-${label}-uuid`"
+					@update:model-value="onInput"
+				/>
+				<UiIconButton v-if="editable" icon="refresh" label="Generate new UUID" @click="generateUuid" />
+			</div>
+		</UiField>
+
+		<p v-if="editable && (version === 'v3' || version === 'v5')" class="uuid-edit__info">
+			<UiIcon name="info" size="sm" />
+			<span>UUID {{ version }} uses namespace/name hashing. Configure these in widget parameters.</span>
+		</p>
+	</div>
+</template>
+
+<style scoped>
+.uuid-edit {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.uuid-edit__control {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+}
+
+.uuid-edit__input {
+  font-family: var(--font-mono);
+}
+
+.uuid-edit__info {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  margin: 0;
+  padding: var(--space-2);
+  border-radius: var(--radius-control);
+  background: var(--color-paper-2);
+  font-size: var(--text-xs);
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.spec.ts
new file mode 100644
index 000000000..6e5f9f635
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.spec.ts
@@ -0,0 +1,13 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import BinaryDataCaptionRecordView from './BinaryDataCaptionRecordView.vue';
+
+describe('BinaryDataCaptionRecordView', () => {
+	it('renders the caption', () => {
+		expect(mount(BinaryDataCaptionRecordView, { props: { value: '(binary data)' } }).text()).toBe('(binary data)');
+	});
+
+	it('renders a dash when empty', () => {
+		expect(mount(BinaryDataCaptionRecordView, { props: { value: null } }).text()).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.stories.ts
new file mode 100644
index 000000000..2a469c643
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import BinaryDataCaptionRecordView from './BinaryDataCaptionRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/BinaryDataCaption',
+	component: BinaryDataCaptionRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '(binary data)',
+		structure: mockStructure({ data_type: 'bytea', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '(binary data)' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof BinaryDataCaptionRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.vue b/frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.vue
new file mode 100644
index 000000000..286cccefa
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/binary-data-caption (`BinaryDataCaptionRecordViewComponent`): the
+ * caption shown in place of binary data the panel does not decode.
+ */
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+
+defineProps<RecordViewFieldProps & { value?: unknown }>();
+defineEmits<ViewFieldEmits>();
+</script>
+
+<template>
+	<div class="binary-data-caption-record-view">
+		<span class="binary-data-caption-record-view__value">{{ value || '—' }}</span>
+	</div>
+</template>
+
+<style scoped>
+.binary-data-caption-record-view__value {
+  color: var(--color-muted);
+  font-style: italic;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/BinaryRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/BinaryRecordView.spec.ts
new file mode 100644
index 000000000..aa0b18ad4
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/BinaryRecordView.spec.ts
@@ -0,0 +1,70 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import BinaryRecordView from './BinaryRecordView.vue';
+
+const valueText = (wrapper: ReturnType<typeof mount>) => wrapper.find('.binary-record-view__value').text();
+
+describe('BinaryRecordView', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('shows a dash and no copy button when empty', () => {
+		const wrapper = mount(BinaryRecordView, { props: { value: null } });
+		expect(valueText(wrapper)).toBe('—');
+		expect(wrapper.find('button').exists()).toBe(false);
+	});
+
+	it('encodes a server string as char-code-per-byte hex', () => {
+		expect(valueText(mount(BinaryRecordView, { props: { value: 'Hel' } }))).toBe('48656c');
+	});
+
+	it('encodes a Buffer-JSON value', () => {
+		const wrapper = mount(BinaryRecordView, { props: { value: { type: 'Buffer', data: [0x48, 0x65, 0x6c] } } });
+		expect(valueText(wrapper)).toBe('48656c');
+	});
+
+	it('truncates long values with an ellipsis and puts the full text in the title', () => {
+		const wrapper = mount(BinaryRecordView, { props: { value: 'ª'.repeat(50) } });
+		const value = wrapper.find('.binary-record-view__value');
+		expect(value.text()).toBe(`${'aa'.repeat(40)}…`);
+		expect(value.attributes('title')).toBe('aa'.repeat(50));
+	});
+
+	it('renders base64 and ascii encodings', () => {
+		expect(
+			valueText(
+				mount(BinaryRecordView, {
+					props: { value: 'Hello', widgetStructure: mockWidgetStructure({ encoding: 'base64' }) },
+				}),
+			),
+		).toBe('SGVsbG8=');
+		expect(
+			valueText(
+				mount(BinaryRecordView, {
+					props: {
+						value: { type: 'Buffer', data: [0x48, 0x00, 0x69] },
+						widgetStructure: mockWidgetStructure({ encoding: 'ascii' }),
+					},
+				}),
+			),
+		).toBe('H.i');
+	});
+
+	it('falls back to hex for an unknown encoding', () => {
+		const wrapper = mount(BinaryRecordView, {
+			props: { value: 'Hi', widgetStructure: mockWidgetStructure({ encoding: 'rot13' }) },
+		});
+		expect(valueText(wrapper)).toBe('4869');
+		expect(wrapper.find('button').attributes('aria-label')).toBe('Copy hex');
+	});
+
+	it('copies the full encoded value and emits the snackbar message', async () => {
+		const writeText = vi.fn().mockResolvedValue(undefined);
+		vi.stubGlobal('navigator', { clipboard: { writeText } });
+		const wrapper = mount(BinaryRecordView, { props: { value: 'Hi' } });
+		await wrapper.find('button').trigger('click');
+		await flushPromises();
+		expect(writeText).toHaveBeenCalledWith('4869');
+		expect(wrapper.emitted('copyToClipboard')).toEqual([['Binary data was copied to clipboard.']]);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/BinaryRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/BinaryRecordView.stories.ts
new file mode 100644
index 000000000..d65feba96
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/BinaryRecordView.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import BinaryRecordView from './BinaryRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Binary',
+	component: BinaryRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'Hello, binary world',
+		structure: mockStructure({ data_type: 'bytea', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'Hello, binary world' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof BinaryRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const Base64: Story = { args: { widgetStructure: mockWidgetStructure({ encoding: 'base64' }) } };
diff --git a/frontend-vue/src/components/fields/record-view/BinaryRecordView.vue b/frontend-vue/src/components/fields/record-view/BinaryRecordView.vue
new file mode 100644
index 000000000..81a5c36b1
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/BinaryRecordView.vue
@@ -0,0 +1,60 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/binary (`BinaryRecordViewComponent`): binary data (a server string
+ * of char-code bytes, or Buffer JSON) encoded as `widget_params.encoding` — hex (default),
+ * base64 or ascii — truncated to 80 characters (full text in the `title`), with a copy button.
+ */
+import { computed } from 'vue';
+import { UiIconButton } from '@/components/ui';
+import { bytesToEncoded, isBinaryEncoding, parseBinaryValue } from '@/lib/binary';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import RecordViewValue from './RecordViewValue.vue';
+
+const MAX_DISPLAY_LENGTH = 80;
+
+const props = defineProps<RecordViewFieldProps & { value?: unknown }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams, copy } = useViewField(props, emit);
+
+const bytes = computed(() => parseBinaryValue(props.value));
+const encoding = computed(() => {
+	const raw: unknown = widgetParams.value.encoding;
+	return isBinaryEncoding(raw) ? raw : 'hex';
+});
+const encodedValue = computed(() => bytesToEncoded(bytes.value, encoding.value));
+const isTruncated = computed(() => encodedValue.value.length > MAX_DISPLAY_LENGTH);
+const displayText = computed(() => {
+	const encoded = encodedValue.value;
+	if (!encoded) return '—';
+	return isTruncated.value ? `${encoded.substring(0, MAX_DISPLAY_LENGTH)}…` : encoded;
+});
+
+const fullTitle = computed(() => (isTruncated.value ? encodedValue.value : undefined));
+
+function onCopy() {
+	copy(encodedValue, 'Binary data was copied to clipboard.');
+}
+</script>
+
+<template>
+	<div class="binary-record-view">
+		<RecordViewValue class="binary-record-view__value" :title="fullTitle">{{ displayText }}</RecordViewValue>
+		<UiIconButton v-if="encodedValue" icon="content_copy" :label="`Copy ${encoding}`" size="sm" @click="onCopy" />
+	</div>
+</template>
+
+<style scoped>
+.binary-record-view {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.binary-record-view__value {
+  font-family: var(--font-mono);
+  font-size: var(--text-sm);
+  word-break: break-all;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/BooleanRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/BooleanRecordView.spec.ts
new file mode 100644
index 000000000..1b652e1e3
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/BooleanRecordView.spec.ts
@@ -0,0 +1,40 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import BooleanRecordView from './BooleanRecordView.vue';
+
+describe('BooleanRecordView', () => {
+	it('renders a check for true in the positive tone', () => {
+		const wrapper = mount(BooleanRecordView, { props: { value: true } });
+		expect(wrapper.text()).toBe('check');
+		expect(wrapper.attributes('aria-label')).toBe('Yes');
+		expect(wrapper.classes()).toContain('boolean-record-view--true');
+	});
+
+	it('renders a cross for false in the negative tone', () => {
+		const wrapper = mount(BooleanRecordView, { props: { value: false } });
+		expect(wrapper.text()).toBe('close');
+		expect(wrapper.classes()).toContain('boolean-record-view--false');
+	});
+
+	it('swaps the tones with invertColors', () => {
+		const widgetStructure = mockWidgetStructure({ invertColors: true });
+		expect(mount(BooleanRecordView, { props: { value: true, widgetStructure } }).classes()).toContain(
+			'boolean-record-view--false',
+		);
+		expect(mount(BooleanRecordView, { props: { value: false, widgetStructure } }).classes()).toContain(
+			'boolean-record-view--true',
+		);
+	});
+
+	it('renders a dash for null', () => {
+		expect(mount(BooleanRecordView, { props: { value: null } }).text()).toBe('—');
+	});
+});
+
+describe('BooleanRecordView without a value', () => {
+	it('renders the dash, not a cross', () => {
+		const wrapper = mount(BooleanRecordView);
+		expect(wrapper.find('.boolean-record-view').exists()).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/BooleanRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/BooleanRecordView.stories.ts
new file mode 100644
index 000000000..a184a23fa
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/BooleanRecordView.stories.ts
@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import BooleanRecordView from './BooleanRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Boolean',
+	component: BooleanRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: true,
+		structure: mockStructure({ data_type: 'boolean', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: true },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof BooleanRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const False: Story = { args: { value: false } };
+export const InvertedColors: Story = { args: { widgetStructure: mockWidgetStructure({ invertColors: true }) } };
diff --git a/frontend-vue/src/components/fields/record-view/BooleanRecordView.vue b/frontend-vue/src/components/fields/record-view/BooleanRecordView.vue
new file mode 100644
index 000000000..3a0fa1ba8
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/BooleanRecordView.vue
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/boolean (`BooleanRecordViewComponent`): a check (true) or a cross
+ * (false), coloured success/danger — swapped by `invertColors` — and a dash for anything else.
+ */
+import { computed } from 'vue';
+import { UiIcon } from '@/components/ui';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+
+// `value: undefined` turns off Vue's boolean casting, which would read an absent value as `false`
+// (a cross) instead of the dash Angular showed.
+const props = withDefaults(defineProps<RecordViewFieldProps & { value?: boolean | null }>(), { value: undefined });
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams } = useViewField(props, emit);
+
+const invertColors = computed(() => widgetParams.value.invertColors === true);
+
+/** `true` → positive colour unless inverted; `false` → negative unless inverted. */
+const toneClass = computed(() =>
+	props.value === invertColors.value ? 'boolean-record-view--false' : 'boolean-record-view--true',
+);
+</script>
+
+<template>
+	<UiIcon
+		v-if="value === true || value === false"
+		:class="['boolean-record-view', toneClass]"
+		:name="value ? 'check' : 'close'"
+		:label="value ? 'Yes' : 'No'"
+	/>
+	<span v-else>—</span>
+</template>
+
+<style scoped>
+.boolean-record-view--true {
+  color: var(--color-success);
+}
+
+.boolean-record-view--false {
+  color: var(--color-danger);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/CodeRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/CodeRecordView.spec.ts
new file mode 100644
index 000000000..a731ef456
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/CodeRecordView.spec.ts
@@ -0,0 +1,37 @@
+import { mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
+import AppCodeEditor from '@/components/shared/AppCodeEditor.vue';
+import { mockWidgetStructure } from '../stories.mocks';
+import CodeRecordView from './CodeRecordView.vue';
+
+describe('CodeRecordView', () => {
+	beforeEach(() => setActivePinia(createPinia()));
+
+	it('shows the value read-only in the code editor', () => {
+		const wrapper = mount(CodeRecordView, {
+			props: {
+				fieldKey: 'test',
+				value: 'console.log()',
+				widgetStructure: mockWidgetStructure({ language: 'javascript' }),
+			},
+		});
+		const textarea = wrapper.find<HTMLTextAreaElement>('textarea[aria-label="test"]');
+		expect(textarea.element.value).toBe('console.log()');
+		expect(textarea.element.readOnly).toBe(true);
+		const editor = wrapper.findComponent(AppCodeEditor);
+		expect(editor.props('language')).toBe('javascript');
+		expect(editor.props('readonly')).toBe(true);
+		expect(editor.props('options')).toEqual({ lineNumbers: 'off' });
+	});
+
+	it('falls back to plain text without a language param', () => {
+		const wrapper = mount(CodeRecordView, { props: { value: 'x' } });
+		expect(wrapper.findComponent(AppCodeEditor).props('language')).toBe('plaintext');
+	});
+
+	it('renders an empty editor for null', () => {
+		const wrapper = mount(CodeRecordView, { props: { value: null } });
+		expect(wrapper.find<HTMLTextAreaElement>('textarea').element.value).toBe('');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/CodeRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/CodeRecordView.stories.ts
new file mode 100644
index 000000000..1b2483005
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/CodeRecordView.stories.ts
@@ -0,0 +1,33 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import CodeRecordView from './CodeRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Code',
+	component: CodeRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'console.log("hello")',
+		structure: mockStructure({ data_type: 'text', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'console.log("hello")' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof CodeRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const Javascript: Story = {
+	args: {
+		widgetStructure: mockWidgetStructure({ language: 'javascript' }),
+		value: 'function add(a, b) {\n\treturn a + b;\n}',
+	},
+};
diff --git a/frontend-vue/src/components/fields/record-view/CodeRecordView.vue b/frontend-vue/src/components/fields/record-view/CodeRecordView.vue
new file mode 100644
index 000000000..c7fd4f110
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/CodeRecordView.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/code (`CodeRecordViewComponent`): the value in a read-only Monaco
+ * editor, highlighted as `widget_params.language`, without line numbers.
+ */
+import { computed } from 'vue';
+import AppCodeEditor from '@/components/shared/AppCodeEditor.vue';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+
+const props = defineProps<RecordViewFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams } = useViewField(props, emit);
+
+/** Angular interpolated the param, so a missing one became Monaco's unknown `"undefined"` (plain text). */
+const language = computed<string>(() => widgetParams.value.language || 'plaintext');
+
+const EDITOR_OPTIONS = { lineNumbers: 'off' } as const;
+</script>
+
+<template>
+	<AppCodeEditor
+		class="code-record-view"
+		:model-value="value ?? ''"
+		:language="language"
+		:label="fieldKey || 'Code'"
+		:options="EDITOR_OPTIONS"
+		readonly
+	/>
+</template>
+
+<style scoped>
+.code-record-view {
+  width: 100%;
+  margin-block: var(--space-1) var(--space-5);
+  resize: both;
+  overflow: auto;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/ColorRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/ColorRecordView.spec.ts
new file mode 100644
index 000000000..2b5840450
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/ColorRecordView.spec.ts
@@ -0,0 +1,30 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import ColorRecordView from './ColorRecordView.vue';
+
+const swatch = (value: string | null) =>
+	mount(ColorRecordView, { props: { value } }).find<HTMLElement>('.color-record-view__swatch');
+
+describe('ColorRecordView', () => {
+	it('shows a swatch for a hex colour', () => {
+		const el = swatch('#ff0000');
+		expect(el.exists()).toBe(true);
+		expect(el.element.style.backgroundColor).toBe('rgb(255, 0, 0)');
+		expect(el.attributes('title')).toBe('#ff0000');
+	});
+
+	it('normalizes rgb() and bare hex', () => {
+		expect(swatch('rgb(0, 128, 0)').element.style.backgroundColor).toBe('rgb(0, 128, 0)');
+		expect(swatch('00f').element.style.backgroundColor).toBe('rgb(0, 0, 255)');
+	});
+
+	it('has no swatch for an invalid colour, but shows the text', () => {
+		const wrapper = mount(ColorRecordView, { props: { value: 'notacolor' } });
+		expect(wrapper.find('.color-record-view__swatch').exists()).toBe(false);
+		expect(wrapper.text()).toBe('notacolor');
+	});
+
+	it('renders a dash for null', () => {
+		expect(mount(ColorRecordView, { props: { value: null } }).text()).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/ColorRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/ColorRecordView.stories.ts
new file mode 100644
index 000000000..18465d95d
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/ColorRecordView.stories.ts
@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import ColorRecordView from './ColorRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Color',
+	component: ColorRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '#FF5733',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '#FF5733' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof ColorRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const Rgb: Story = { args: { value: 'rgb(34, 139, 34)' } };
+export const Invalid: Story = { args: { value: 'not-a-color' } };
diff --git a/frontend-vue/src/components/fields/record-view/ColorRecordView.vue b/frontend-vue/src/components/fields/record-view/ColorRecordView.vue
new file mode 100644
index 000000000..506eff43a
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/ColorRecordView.vue
@@ -0,0 +1,64 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/color (`ColorRecordViewComponent`): a swatch plus the stored value.
+ * Anything `color-string` parses (hex, rgb(), hsl(), names) gets a swatch, and so does bare hex
+ * without the `#`.
+ */
+import colorString from 'color-string';
+import { computed } from 'vue';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: string | null }>();
+defineEmits<ViewFieldEmits>();
+
+const parsed = computed(() => parseColor(props.value));
+
+const isValidColor = computed(() => Boolean(props.value) && parsed.value !== null);
+
+/** The swatch colour, normalized to `#rrggbb` (alpha dropped, as in Angular). */
+const normalizedColorForDisplay = computed(() => {
+	if (!parsed.value) return '';
+	return `#${parsed.value.value.slice(0, 3).map(toHex).join('')}`;
+});
+
+function parseColor(color: string | null | undefined) {
+	if (!color) return null;
+	const result = colorString.get(color);
+	if (result) return result;
+	if (/^[A-Fa-f0-9]{6}$|^[A-Fa-f0-9]{3}$/.test(color)) return colorString.get(`#${color}`);
+	return null;
+}
+
+function toHex(n: number): string {
+	return n.toString(16).padStart(2, '0');
+}
+</script>
+
+<template>
+	<div class="color-record-view">
+		<div
+			v-if="isValidColor"
+			class="color-record-view__swatch"
+			:style="{ backgroundColor: normalizedColorForDisplay }"
+			:title="value || 'No color'"
+		/>
+		<RecordViewValue>{{ value || '—' }}</RecordViewValue>
+	</div>
+</template>
+
+<style scoped>
+.color-record-view {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.color-record-view__swatch {
+  flex-shrink: 0;
+  width: var(--space-5);
+  height: var(--space-5);
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-control);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/CountryRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/CountryRecordView.spec.ts
new file mode 100644
index 000000000..618016172
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/CountryRecordView.spec.ts
@@ -0,0 +1,28 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { getCountryFlag } from '@/consts/countries';
+import { mockWidgetStructure } from '../stories.mocks';
+import CountryRecordView from './CountryRecordView.vue';
+
+describe('CountryRecordView', () => {
+	it('shows the country name and flag', () => {
+		const wrapper = mount(CountryRecordView, { props: { value: 'US' } });
+		expect(wrapper.text()).toContain('United States');
+		expect(wrapper.find('.country-record-view__flag').text()).toBe(getCountryFlag('US'));
+	});
+
+	it('hides the flag with show_flag: false', () => {
+		const wrapper = mount(CountryRecordView, {
+			props: { value: 'US', widgetStructure: mockWidgetStructure({ show_flag: false }) },
+		});
+		expect(wrapper.find('.country-record-view__flag').exists()).toBe(false);
+	});
+
+	it('shows an unknown code as stored', () => {
+		expect(mount(CountryRecordView, { props: { value: 'Atlantis' } }).text()).toBe('Atlantis');
+	});
+
+	it('renders a dash for null', () => {
+		expect(mount(CountryRecordView, { props: { value: null } }).text()).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/CountryRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/CountryRecordView.stories.ts
new file mode 100644
index 000000000..e86bd4d8a
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/CountryRecordView.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import CountryRecordView from './CountryRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Country',
+	component: CountryRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'US',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'US' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof CountryRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const WithoutFlag: Story = { args: { widgetStructure: mockWidgetStructure({ show_flag: false }) } };
diff --git a/frontend-vue/src/components/fields/record-view/CountryRecordView.vue b/frontend-vue/src/components/fields/record-view/CountryRecordView.vue
new file mode 100644
index 000000000..5f1ce205e
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/CountryRecordView.vue
@@ -0,0 +1,39 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/country (`CountryRecordViewComponent`): an ISO country code as its
+ * name, with the flag emoji unless `show_flag: false`. Unknown codes are shown as stored.
+ */
+import { computed } from 'vue';
+import { COUNTRIES, getCountryFlag } from '@/consts/countries';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams } = useViewField(props, emit);
+
+const showFlag = computed(() => (widgetParams.value.show_flag !== undefined ? widgetParams.value.show_flag : true));
+
+const countryName = computed(() => {
+	if (!props.value) return '—';
+	return COUNTRIES.find((c) => c.code === props.value)?.name ?? props.value;
+});
+
+const countryFlag = computed(() => (props.value ? getCountryFlag(props.value) : ''));
+</script>
+
+<template>
+	<span class="country-record-view">
+		<span v-if="showFlag && countryFlag" class="country-record-view__flag" aria-hidden="true">{{ countryFlag }}</span>
+		<RecordViewValue>{{ countryName }}</RecordViewValue>
+	</span>
+</template>
+
+<style scoped>
+.country-record-view__flag {
+  margin-inline-end: var(--space-1);
+  font-size: var(--text-md);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/DateRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/DateRecordView.spec.ts
new file mode 100644
index 000000000..d7c084fab
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/DateRecordView.spec.ts
@@ -0,0 +1,19 @@
+import { mount } from '@vue/test-utils';
+import { format } from 'date-fns';
+import { describe, expect, it } from 'vitest';
+import DateRecordView from './DateRecordView.vue';
+
+describe('DateRecordView', () => {
+	it('formats a valid date in the short locale format', () => {
+		const wrapper = mount(DateRecordView, { props: { value: '2023-04-29T00:00:00' } });
+		expect(wrapper.text()).toBe(format(new Date('2023-04-29T00:00:00'), 'P'));
+	});
+
+	it('shows an invalid date as stored', () => {
+		expect(mount(DateRecordView, { props: { value: 'invalid' } }).text()).toBe('invalid');
+	});
+
+	it('renders a dash for null', () => {
+		expect(mount(DateRecordView, { props: { value: null } }).text()).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/DateRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/DateRecordView.stories.ts
new file mode 100644
index 000000000..0b49258b1
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/DateRecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import DateRecordView from './DateRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Date',
+	component: DateRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '2024-01-15',
+		structure: mockStructure({ data_type: 'date', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '2024-01-15' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof DateRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/DateRecordView.vue b/frontend-vue/src/components/fields/record-view/DateRecordView.vue
new file mode 100644
index 000000000..2763a400c
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/DateRecordView.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+/** Port of record-view-fields/date (`DateRecordViewComponent`): a date in the locale's short format (date-fns `P`). */
+import { format } from 'date-fns';
+import { computed } from 'vue';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: string | number | null }>();
+defineEmits<ViewFieldEmits>();
+
+/** Unparseable values are shown as stored. */
+const formattedDate = computed(() => {
+	if (!props.value) return '';
+	const date = new Date(props.value);
+	return Number.isNaN(date.getTime()) ? String(props.value) : format(date, 'P');
+});
+</script>
+
+<template>
+	<RecordViewValue>{{ formattedDate || '—' }}</RecordViewValue>
+</template>
diff --git a/frontend-vue/src/components/fields/record-view/DateTimeRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/DateTimeRecordView.spec.ts
new file mode 100644
index 000000000..9901688d6
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/DateTimeRecordView.spec.ts
@@ -0,0 +1,19 @@
+import { mount } from '@vue/test-utils';
+import { format } from 'date-fns';
+import { describe, expect, it } from 'vitest';
+import DateTimeRecordView from './DateTimeRecordView.vue';
+
+describe('DateTimeRecordView', () => {
+	it('formats a valid datetime', () => {
+		const wrapper = mount(DateTimeRecordView, { props: { value: '2023-04-29T14:30:00' } });
+		expect(wrapper.text()).toBe(format(new Date('2023-04-29T14:30:00'), 'P p'));
+	});
+
+	it('shows an invalid datetime as stored', () => {
+		expect(mount(DateTimeRecordView, { props: { value: 'invalid' } }).text()).toBe('invalid');
+	});
+
+	it('renders a dash for null', () => {
+		expect(mount(DateTimeRecordView, { props: { value: null } }).text()).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/DateTimeRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/DateTimeRecordView.stories.ts
new file mode 100644
index 000000000..ffeb6e404
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/DateTimeRecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import DateTimeRecordView from './DateTimeRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/DateTime',
+	component: DateTimeRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '2024-01-15T10:30:00',
+		structure: mockStructure({ data_type: 'datetime', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '2024-01-15T10:30:00' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof DateTimeRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/DateTimeRecordView.vue b/frontend-vue/src/components/fields/record-view/DateTimeRecordView.vue
new file mode 100644
index 000000000..62e11a5e0
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/DateTimeRecordView.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+/** Port of record-view-fields/date-time (`DateTimeRecordViewComponent`): date and time (date-fns `P p`). */
+import { format } from 'date-fns';
+import { computed } from 'vue';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: string | number | null }>();
+defineEmits<ViewFieldEmits>();
+
+/** Unparseable values are shown as stored. */
+const formattedDateTime = computed(() => {
+	if (!props.value) return '';
+	const date = new Date(props.value);
+	return Number.isNaN(date.getTime()) ? String(props.value) : format(date, 'P p');
+});
+</script>
+
+<template>
+	<RecordViewValue>{{ formattedDateTime || '—' }}</RecordViewValue>
+</template>
diff --git a/frontend-vue/src/components/fields/record-view/FileRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/FileRecordView.spec.ts
new file mode 100644
index 000000000..d0907c6e8
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/FileRecordView.spec.ts
@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import FileRecordView from './FileRecordView.vue';
+
+const text = (value: unknown) => mount(FileRecordView, { props: { value } }).text();
+
+describe('FileRecordView', () => {
+	it('shows Binary Data for Buffer blobs', () => {
+		expect(text({ type: 'Buffer', data: [1, 2] })).toBe('Binary Data');
+	});
+
+	it('shows Binary Data for long strings', () => {
+		expect(text('a]bcdefghijklmnopqrstu')).toBe('Binary Data');
+	});
+
+	it('shows short strings as is', () => {
+		expect(text('short.txt')).toBe('short.txt');
+	});
+
+	it('shows a dash for null', () => {
+		expect(text(null)).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/FileRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/FileRecordView.stories.ts
new file mode 100644
index 000000000..d139961d3
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/FileRecordView.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import FileRecordView from './FileRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/File',
+	component: FileRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'document.pdf',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'document.pdf' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof FileRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const BinaryBlob: Story = { args: { value: { type: 'Buffer', data: [1, 2, 3] } } };
diff --git a/frontend-vue/src/components/fields/record-view/FileRecordView.vue b/frontend-vue/src/components/fields/record-view/FileRecordView.vue
new file mode 100644
index 000000000..ce7cf06c1
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/FileRecordView.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/file (`FileRecordViewComponent`): a file column. Buffer blobs and long
+ * strings (encoded contents) collapse to `Binary Data`; a short string (a filename) is shown as is.
+ */
+import { computed } from 'vue';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: unknown }>();
+defineEmits<ViewFieldEmits>();
+
+const isBlob = computed(
+	() => typeof props.value === 'object' && props.value !== null && 'type' in props.value && 'data' in props.value,
+);
+
+const displayText = computed(() => {
+	if (isBlob.value) return 'Binary Data';
+	if (typeof props.value === 'string' && props.value.length > 20) return 'Binary Data';
+	return props.value ? String(props.value) : '—';
+});
+</script>
+
+<template>
+	<RecordViewValue>{{ displayText }}</RecordViewValue>
+</template>
diff --git a/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.spec.ts
new file mode 100644
index 000000000..4591e9712
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.spec.ts
@@ -0,0 +1,42 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import ForeignKeyRecordView from './ForeignKeyRecordView.vue';
+
+const router = createRouter({
+	history: createMemoryHistory(),
+	routes: [{ path: '/:pathMatch(.*)*', component: { render: () => null } }],
+});
+
+const mountFk = (displayValue: string | number | null | undefined) =>
+	mount(ForeignKeyRecordView, {
+		props: { link: '/dashboard/c1/customers/entry', primaryKeysParams: { id: 1 }, displayValue },
+		global: { plugins: [router] },
+	});
+
+describe('ForeignKeyRecordView', () => {
+	it('links to the referenced row in view mode', () => {
+		const link = mountFk('Ada').find('a');
+		expect(link.attributes('href')).toBe('/dashboard/c1/customers/entry?id=1&mode=view');
+		expect(link.text()).toContain('Ada');
+	});
+
+	it('renders a dash for null and undefined', () => {
+		for (const value of [null, undefined]) {
+			const wrapper = mountFk(value);
+			expect(wrapper.find('a').exists()).toBe(false);
+			expect(wrapper.text()).toBe('—');
+		}
+	});
+
+	it('keeps 0 and the empty string as links', () => {
+		expect(mountFk(0).find('a').text()).toContain('0');
+		expect(mountFk('').find('a').exists()).toBe(true);
+	});
+
+	it('emits foreignKeyClick with the keys and the value', async () => {
+		const wrapper = mountFk('Ada');
+		await wrapper.find('a').trigger('click');
+		expect(wrapper.emitted('foreignKeyClick')).toEqual([[{ foreignKey: { id: 1 }, value: 'Ada' }]]);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.stories.ts
new file mode 100644
index 000000000..7d2c33325
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.stories.ts
@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import ForeignKeyRecordView from './ForeignKeyRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/ForeignKey',
+	component: ForeignKeyRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '1',
+		structure: mockStructure({ data_type: 'int', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '1' },
+		primaryKeys: { id: 1 },
+		link: '/dashboard/connection_id/customers/entry',
+		primaryKeysParams: { id: 1 },
+		displayValue: 'Ada Lovelace',
+	},
+} satisfies Meta<typeof ForeignKeyRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null, displayValue: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.vue b/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.vue
new file mode 100644
index 000000000..75c78c406
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.vue
@@ -0,0 +1,69 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/foreign-key (`ForeignKeyRecordViewComponent`): the referenced row's
+ * display value as a router link to that row (`link`, query = `primaryKeysParams` + `mode=view`).
+ * Only `null`/`undefined` render a dash — `0` and `''` are real values and stay links.
+ *
+ * Extra inputs beyond the shared contract, as in Angular: `link`, `primaryKeysParams`,
+ * `displayValue`; the `onForeignKeyClick` output is the `foreignKeyClick` event.
+ */
+import { computed } from 'vue';
+import type { LocationQueryRaw } from 'vue-router';
+import { RouterLink } from 'vue-router';
+import { UiIcon } from '@/components/ui';
+import type { RecordViewFieldProps } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<
+	RecordViewFieldProps & {
+		value?: unknown;
+		/** Path of the referenced table's entry page, e.g. `/dashboard/<conn>/<table>/entry`. */
+		link?: string;
+		/** Primary key of the referenced row, `{ [referenced_column]: value }`. */
+		primaryKeysParams?: Record<string, unknown>;
+		/** Text shown for the reference; `null`/`undefined` renders a dash. */
+		displayValue?: string | number | null;
+	}
+>();
+
+const emit = defineEmits<{
+	copyToClipboard: [message: string];
+	foreignKeyClick: [payload: { foreignKey: Record<string, unknown> | undefined; value: string | number }];
+}>();
+
+const foreignKeyURLParams = computed<LocationQueryRaw>(() => {
+	const query: LocationQueryRaw = {};
+	for (const [key, value] of Object.entries(props.primaryKeysParams ?? {})) {
+		query[key] = value == null ? null : String(value);
+	}
+	return { ...query, mode: 'view' };
+});
+
+function onClick() {
+	if (props.displayValue == null) return;
+	emit('foreignKeyClick', { foreignKey: props.primaryKeysParams, value: props.displayValue });
+}
+</script>
+
+<template>
+	<RecordViewValue v-if="displayValue == null">—</RecordViewValue>
+	<RouterLink
+		v-else
+		:to="{ path: link ?? '', query: foreignKeyURLParams }"
+		class="foreign-key-record-view__link"
+		@click="onClick"
+	>
+		<RecordViewValue>{{ displayValue }}</RecordViewValue>
+		<UiIcon name="visibility" size="sm" />
+	</RouterLink>
+</template>
+
+<style scoped>
+.foreign-key-record-view__link {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  text-decoration: none;
+  border-bottom: 1px solid var(--color-ink-soft);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/IdRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/IdRecordView.spec.ts
new file mode 100644
index 000000000..88f181f68
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/IdRecordView.spec.ts
@@ -0,0 +1,13 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import IdRecordView from './IdRecordView.vue';
+
+describe('IdRecordView', () => {
+	it('renders the value', () => {
+		expect(mount(IdRecordView, { props: { value: 'Some value' } }).text()).toBe('Some value');
+	});
+
+	it('renders a dash when empty', () => {
+		expect(mount(IdRecordView, { props: { value: null } }).text()).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/IdRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/IdRecordView.stories.ts
new file mode 100644
index 000000000..064882399
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/IdRecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import IdRecordView from './IdRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Id',
+	component: IdRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '12345',
+		structure: mockStructure({ data_type: 'int', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '12345' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof IdRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/IdRecordView.vue b/frontend-vue/src/components/fields/record-view/IdRecordView.vue
new file mode 100644
index 000000000..b78430fc7
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/IdRecordView.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+/** Port of record-view-fields/id (`IdRecordViewComponent`): an identifier (Cassandra `timeuuid`), medium weight. */
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
+
+defineProps<RecordViewFieldProps & { value?: unknown }>();
+defineEmits<ViewFieldEmits>();
+</script>
+
+<template>
+	<RecordViewValue class="id-record-view">{{ value || '—' }}</RecordViewValue>
+</template>
+
+<style scoped>
+.id-record-view {
+  flex-grow: 1;
+  font-weight: var(--weight-medium);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/ImageRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/ImageRecordView.spec.ts
new file mode 100644
index 000000000..b9c2d58eb
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/ImageRecordView.spec.ts
@@ -0,0 +1,30 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import ImageRecordView from './ImageRecordView.vue';
+
+describe('ImageRecordView', () => {
+	it('shows the image for a URL value', () => {
+		const wrapper = mount(ImageRecordView, { props: { value: 'https://cdn.example.com/a.png' } });
+		expect(wrapper.find('img').attributes('src')).toBe('https://cdn.example.com/a.png');
+		expect(wrapper.text()).toBe('https://cdn.example.com/a.png');
+	});
+
+	it('prepends widget_params.prefix', () => {
+		const wrapper = mount(ImageRecordView, {
+			props: { value: 'image.png', widgetStructure: mockWidgetStructure({ prefix: 'https://cdn.example.com/' }) },
+		});
+		expect(wrapper.find('img').attributes('src')).toBe('https://cdn.example.com/image.png');
+	});
+
+	it('shows a placeholder when the source is not a URL', () => {
+		const wrapper = mount(ImageRecordView, { props: { value: 'image.png' } });
+		expect(wrapper.find('img').exists()).toBe(false);
+		expect(wrapper.text()).toContain('[Image URL]');
+		expect(wrapper.text()).toContain('image.png');
+	});
+
+	it('renders a dash for null', () => {
+		expect(mount(ImageRecordView, { props: { value: null } }).text()).toContain('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/ImageRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/ImageRecordView.stories.ts
new file mode 100644
index 000000000..0d1580dd1
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/ImageRecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import ImageRecordView from './ImageRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Image',
+	component: ImageRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'https://via.placeholder.com/150',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'https://via.placeholder.com/150' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof ImageRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/ImageRecordView.vue b/frontend-vue/src/components/fields/record-view/ImageRecordView.vue
new file mode 100644
index 000000000..d2a5c7740
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/ImageRecordView.vue
@@ -0,0 +1,45 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/image (`ImageRecordViewComponent`): the image at `prefix + value`
+ * (`widget_params.prefix`) when that is a valid URL, an `[Image URL]` placeholder otherwise — and
+ * the stored value underneath either way.
+ */
+import { computed } from 'vue';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams } = useViewField(props, emit);
+
+const srcValue = computed(() => {
+	if (!props.value) return '';
+	return (widgetParams.value.prefix || '') + props.value;
+});
+
+const isUrl = computed(() => {
+	if (!props.value) return false;
+	try {
+		new URL(srcValue.value);
+		return true;
+	} catch {
+		return false;
+	}
+});
+</script>
+
+<template>
+	<img v-if="isUrl" class="image-record-view__preview" :src="srcValue" alt="Image">
+	<RecordViewValue v-else>[Image URL]</RecordViewValue>
+	<RecordViewValue>{{ value || '—' }}</RecordViewValue>
+</template>
+
+<style scoped>
+.image-record-view__preview {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/JsonEditorRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/JsonEditorRecordView.spec.ts
new file mode 100644
index 000000000..7588f701a
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/JsonEditorRecordView.spec.ts
@@ -0,0 +1,30 @@
+import { mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
+import AppCodeEditor from '@/components/shared/AppCodeEditor.vue';
+import JsonEditorRecordView from './JsonEditorRecordView.vue';
+
+const textareaValue = (value: unknown) =>
+	mount(JsonEditorRecordView, { props: { fieldKey: 'test', value } }).find<HTMLTextAreaElement>(
+		'textarea[aria-label="test"]',
+	).element.value;
+
+describe('JsonEditorRecordView', () => {
+	beforeEach(() => setActivePinia(createPinia()));
+
+	it('shows a JSON string as stored, read-only, in json mode', () => {
+		const wrapper = mount(JsonEditorRecordView, { props: { fieldKey: 'test', value: '{"key":"value"}' } });
+		expect(wrapper.find<HTMLTextAreaElement>('textarea').element.value).toBe('{"key":"value"}');
+		const editor = wrapper.findComponent(AppCodeEditor);
+		expect(editor.props('language')).toBe('json');
+		expect(editor.props('readonly')).toBe(true);
+	});
+
+	it('pretty-prints a parsed object', () => {
+		expect(textareaValue({ a: [1] })).toBe('{\n    "a": [\n        1\n    ]\n}');
+	});
+
+	it('renders an empty editor for null', () => {
+		expect(textareaValue(null)).toBe('');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/JsonEditorRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/JsonEditorRecordView.stories.ts
new file mode 100644
index 000000000..3b9a54f11
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/JsonEditorRecordView.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import JsonEditorRecordView from './JsonEditorRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/JsonEditor',
+	component: JsonEditorRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '{"key": "value"}',
+		structure: mockStructure({ data_type: 'json', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '{"key": "value"}' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof JsonEditorRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const ParsedObject: Story = { args: { value: { key: 'value', nested: { list: [1, 2, 3] } } } };
diff --git a/frontend-vue/src/components/fields/record-view/JsonEditorRecordView.vue b/frontend-vue/src/components/fields/record-view/JsonEditorRecordView.vue
new file mode 100644
index 000000000..04ab85608
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/JsonEditorRecordView.vue
@@ -0,0 +1,45 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/json-editor (`JsonEditorRecordViewComponent`): JSON in a read-only
+ * Monaco editor, without line numbers.
+ *
+ * Unlike Angular, which handed the raw value to the editor, a parsed object/array (json/jsonb,
+ * Mongo `object`, arrays…) is pretty-printed with 4-space indent first, as the JSON edit widget does;
+ * a string is shown as stored.
+ */
+import { computed } from 'vue';
+import AppCodeEditor from '@/components/shared/AppCodeEditor.vue';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+
+const props = defineProps<RecordViewFieldProps & { value?: unknown }>();
+defineEmits<ViewFieldEmits>();
+
+const text = computed(() => {
+	const value = props.value;
+	if (value == null) return '';
+	if (typeof value === 'string') return value;
+	return JSON.stringify(value, null, 4);
+});
+
+const EDITOR_OPTIONS = { lineNumbers: 'off' } as const;
+</script>
+
+<template>
+	<AppCodeEditor
+		class="json-editor-record-view"
+		:model-value="text"
+		language="json"
+		:label="fieldKey || 'JSON'"
+		:options="EDITOR_OPTIONS"
+		readonly
+	/>
+</template>
+
+<style scoped>
+.json-editor-record-view {
+  width: 100%;
+  margin-block: var(--space-1) var(--space-5);
+  resize: both;
+  overflow: auto;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/LanguageRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/LanguageRecordView.spec.ts
new file mode 100644
index 000000000..245691e10
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/LanguageRecordView.spec.ts
@@ -0,0 +1,31 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import LanguageRecordView from './LanguageRecordView.vue';
+
+describe('LanguageRecordView', () => {
+	it('shows the language name from its code, case-insensitively', () => {
+		expect(mount(LanguageRecordView, { props: { value: 'en' } }).text()).toContain('English');
+		expect(mount(LanguageRecordView, { props: { value: 'EN' } }).text()).toContain('English');
+	});
+
+	it('shows the flag unless show_flag is false', () => {
+		expect(
+			mount(LanguageRecordView, { props: { value: 'en' } })
+				.find('.language-record-view__flag')
+				.exists(),
+		).toBe(true);
+		const hidden = mount(LanguageRecordView, {
+			props: { value: 'en', widgetStructure: mockWidgetStructure({ show_flag: false }) },
+		});
+		expect(hidden.find('.language-record-view__flag').exists()).toBe(false);
+	});
+
+	it('shows an unknown code as stored', () => {
+		expect(mount(LanguageRecordView, { props: { value: 'xx-klingon' } }).text()).toBe('xx-klingon');
+	});
+
+	it('renders a dash for null', () => {
+		expect(mount(LanguageRecordView, { props: { value: null } }).text()).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/LanguageRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/LanguageRecordView.stories.ts
new file mode 100644
index 000000000..df74d17cb
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/LanguageRecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import LanguageRecordView from './LanguageRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Language',
+	component: LanguageRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'en',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'en' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof LanguageRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/LanguageRecordView.vue b/frontend-vue/src/components/fields/record-view/LanguageRecordView.vue
new file mode 100644
index 000000000..5f722d163
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/LanguageRecordView.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/language (`LanguageRecordViewComponent`): a language code
+ * (case-insensitive) as its name, with the flag emoji unless `show_flag: false`.
+ */
+import { computed } from 'vue';
+import { getLanguageFlag, LANGUAGES } from '@/consts/languages';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams } = useViewField(props, emit);
+
+const showFlag = computed(() => (widgetParams.value.show_flag !== undefined ? widgetParams.value.show_flag : true));
+
+const language = computed(() => {
+	const value = props.value;
+	return value ? LANGUAGES.find((l) => l.code.toLowerCase() === value.toLowerCase()) : undefined;
+});
+
+const languageName = computed(() => {
+	if (!props.value) return '—';
+	return language.value ? language.value.name : props.value;
+});
+
+const languageFlag = computed(() => (language.value ? getLanguageFlag(language.value) : ''));
+</script>
+
+<template>
+	<span class="language-record-view">
+		<span v-if="showFlag && languageFlag" class="language-record-view__flag" aria-hidden="true">{{
+			languageFlag
+		}}</span>
+		<RecordViewValue>{{ languageName }}</RecordViewValue>
+	</span>
+</template>
+
+<style scoped>
+.language-record-view__flag {
+  margin-inline-end: var(--space-1);
+  font-size: var(--text-md);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/LongTextRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/LongTextRecordView.spec.ts
new file mode 100644
index 000000000..7f8358e60
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/LongTextRecordView.spec.ts
@@ -0,0 +1,13 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import LongTextRecordView from './LongTextRecordView.vue';
+
+describe('LongTextRecordView', () => {
+	it('renders the value', () => {
+		expect(mount(LongTextRecordView, { props: { value: 'Some value' } }).text()).toBe('Some value');
+	});
+
+	it('renders a dash when empty', () => {
+		expect(mount(LongTextRecordView, { props: { value: null } }).text()).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/LongTextRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/LongTextRecordView.stories.ts
new file mode 100644
index 000000000..5cba4b4de
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/LongTextRecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import LongTextRecordView from './LongTextRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/LongText',
+	component: LongTextRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+		structure: mockStructure({ data_type: 'text', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof LongTextRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/LongTextRecordView.vue b/frontend-vue/src/components/fields/record-view/LongTextRecordView.vue
new file mode 100644
index 000000000..01dc2c45d
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/LongTextRecordView.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+/** Port of record-view-fields/long-text (`LongTextRecordViewComponent`): multi-line text, line breaks kept. */
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
+
+defineProps<RecordViewFieldProps & { value?: unknown }>();
+defineEmits<ViewFieldEmits>();
+</script>
+
+<template>
+	<RecordViewValue>{{ value || '—' }}</RecordViewValue>
+</template>
diff --git a/frontend-vue/src/components/fields/record-view/MarkdownRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/MarkdownRecordView.spec.ts
new file mode 100644
index 000000000..83a7e304e
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/MarkdownRecordView.spec.ts
@@ -0,0 +1,20 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import MarkdownRecordView from './MarkdownRecordView.vue';
+
+describe('MarkdownRecordView', () => {
+	it('renders the markdown', () => {
+		const wrapper = mount(MarkdownRecordView, { props: { value: '# Test Markdown\n\nSome **bold**' } });
+		expect(wrapper.find('h1').text()).toBe('Test Markdown');
+		expect(wrapper.find('strong').text()).toBe('bold');
+	});
+
+	it('sanitizes HTML in the value', () => {
+		const wrapper = mount(MarkdownRecordView, { props: { value: '<img src=x onerror="alert(1)">' } });
+		expect(wrapper.html()).not.toContain('onerror');
+	});
+
+	it('renders nothing for null', () => {
+		expect(mount(MarkdownRecordView, { props: { value: null } }).text()).toBe('');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/MarkdownRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/MarkdownRecordView.stories.ts
new file mode 100644
index 000000000..7965566ec
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/MarkdownRecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import MarkdownRecordView from './MarkdownRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Markdown',
+	component: MarkdownRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '# Hello\nThis is **markdown**',
+		structure: mockStructure({ data_type: 'text', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '# Hello\nThis is **markdown**' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof MarkdownRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/MarkdownRecordView.vue b/frontend-vue/src/components/fields/record-view/MarkdownRecordView.vue
new file mode 100644
index 000000000..395666b5d
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/MarkdownRecordView.vue
@@ -0,0 +1,52 @@
+<script setup lang="ts">
+/** Port of record-view-fields/markdown (`MarkdownRecordViewComponent`): the value rendered as sanitized Markdown. */
+import AppMarkdown from '@/components/shared/AppMarkdown.vue';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+
+defineProps<RecordViewFieldProps & { value?: string | null }>();
+defineEmits<ViewFieldEmits>();
+</script>
+
+<template>
+	<div class="markdown-record-view">
+		<AppMarkdown :source="value || ''" />
+	</div>
+</template>
+
+<style scoped>
+.markdown-record-view {
+  min-height: 100px;
+  padding: var(--space-4);
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-control);
+  background: var(--color-paper-2);
+  color: var(--color-ink-soft);
+}
+
+.markdown-record-view :deep(h1),
+.markdown-record-view :deep(h2),
+.markdown-record-view :deep(h3),
+.markdown-record-view :deep(h4),
+.markdown-record-view :deep(h5),
+.markdown-record-view :deep(h6) {
+  margin-top: var(--space-4);
+  margin-bottom: var(--space-2);
+}
+
+.markdown-record-view :deep(p) {
+  margin-bottom: var(--space-2);
+}
+
+.markdown-record-view :deep(ul),
+.markdown-record-view :deep(ol) {
+  margin-bottom: var(--space-2);
+  margin-inline-start: var(--space-5);
+}
+
+.markdown-record-view :deep(blockquote) {
+  margin-inline-start: 0;
+  padding-inline-start: var(--space-4);
+  border-inline-start: 4px solid var(--color-line-strong);
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/MoneyRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/MoneyRecordView.spec.ts
new file mode 100644
index 000000000..0dcddedf8
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/MoneyRecordView.spec.ts
@@ -0,0 +1,45 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import MoneyRecordView from './MoneyRecordView.vue';
+
+const text = (value: unknown, params: Record<string, unknown>) =>
+	mount(MoneyRecordView, { props: { value, widgetStructure: mockWidgetStructure(params) } }).text();
+
+describe('MoneyRecordView', () => {
+	it('formats the value with the currency symbol', () => {
+		expect(text(42.5, { default_currency: 'USD' })).toBe('$42.50');
+	});
+
+	it('renders a dash for null', () => {
+		expect(text(null, { default_currency: 'USD' })).toBe('—');
+	});
+
+	it('uses the currency of an { amount, currency } value', () => {
+		expect(text({ amount: 100, currency: 'EUR' }, { default_currency: 'USD' })).toBe('€100.00');
+	});
+
+	it('divides cents to major units when cents=true (USD)', () => {
+		expect(text(2599, { default_currency: 'USD', cents: true })).toBe('$25.99');
+	});
+
+	it('does not divide zero-decimal currencies (JPY)', () => {
+		expect(text(1099, { default_currency: 'JPY', cents: true })).toBe('¥1099');
+	});
+
+	it('renders a zero amount', () => {
+		expect(text(0, { default_currency: 'USD', cents: true })).toBe('$0.00');
+	});
+
+	it('treats an object amount as cents when cents=true', () => {
+		expect(text({ amount: 1099, currency: 'EUR' }, { default_currency: 'USD', cents: true })).toContain('10.99');
+	});
+
+	it('applies decimal_places and needs no currency', () => {
+		expect(text('3.14159', { decimal_places: 3 })).toBe('3.142');
+	});
+
+	it('renders a dash for a non-numeric value', () => {
+		expect(text('abc', { default_currency: 'USD' })).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/MoneyRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/MoneyRecordView.stories.ts
new file mode 100644
index 000000000..46e42e888
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/MoneyRecordView.stories.ts
@@ -0,0 +1,30 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import MoneyRecordView from './MoneyRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Money',
+	component: MoneyRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '$99.99',
+		structure: mockStructure({ data_type: 'decimal', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '$99.99' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof MoneyRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const WithCurrency: Story = {
+	args: { value: 2599, widgetStructure: mockWidgetStructure({ default_currency: 'USD', cents: true }) },
+};
diff --git a/frontend-vue/src/components/fields/record-view/MoneyRecordView.vue b/frontend-vue/src/components/fields/record-view/MoneyRecordView.vue
new file mode 100644
index 000000000..01725fc7e
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/MoneyRecordView.vue
@@ -0,0 +1,55 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/money (`MoneyRecordViewComponent`): an amount with its currency
+ * symbol. The value is a number/string, or `{ amount, currency }` whose currency wins over
+ * `default_currency`. With `cents`, the amount is in minor units and divided by the currency's
+ * factor; otherwise `decimal_places` (default 2) applies.
+ */
+import { computed } from 'vue';
+import { getCurrencyByCode, getCurrencyDecimalPlaces, getCurrencyMinorUnitFactor } from '@/consts/currencies';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: unknown }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams } = useViewField(props, emit);
+
+const defaultCurrency = computed<string>(() => widgetParams.value.default_currency || '');
+
+const formattedValue = computed(() => {
+	const raw = props.value;
+	if (raw == null || raw === '') return '';
+
+	let amount: unknown = raw;
+	let currency = defaultCurrency.value;
+	if (typeof raw === 'object' && 'amount' in raw && raw.amount !== undefined) {
+		amount = raw.amount;
+		if ('currency' in raw && typeof raw.currency === 'string' && raw.currency) currency = raw.currency;
+	}
+
+	let numeric = typeof amount === 'string' ? parseFloat(amount) : Number(amount);
+	if (Number.isNaN(numeric)) return '';
+
+	let decimalPlaces: number;
+	if (widgetParams.value.cents === true) {
+		numeric = numeric / getCurrencyMinorUnitFactor(currency);
+		decimalPlaces = getCurrencyDecimalPlaces(currency);
+	} else {
+		decimalPlaces = widgetParams.value.decimal_places ?? 2;
+	}
+
+	return `${symbolFor(currency)}${numeric.toFixed(decimalPlaces)}`;
+});
+
+/** Angular only looked a symbol up when a currency was named; an unnamed one has no symbol. */
+function symbolFor(currency: string): string {
+	if (!currency) return '';
+	return getCurrencyByCode(currency)?.symbol ?? '';
+}
+</script>
+
+<template>
+	<RecordViewValue>{{ formattedValue || '—' }}</RecordViewValue>
+</template>
diff --git a/frontend-vue/src/components/fields/record-view/NumberRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/NumberRecordView.spec.ts
new file mode 100644
index 000000000..a22d93897
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/NumberRecordView.spec.ts
@@ -0,0 +1,43 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import NumberRecordView from './NumberRecordView.vue';
+
+const mountNumber = (value: number | string | null, params: Record<string, unknown> = {}) =>
+	mount(NumberRecordView, { props: { value, widgetStructure: mockWidgetStructure(params) } });
+
+describe('NumberRecordView', () => {
+	it('renders a dash for null and empty', () => {
+		expect(mountNumber(null).text()).toBe('—');
+		expect(mountNumber('').text()).toBe('—');
+	});
+
+	it('renders the number when no unit is set', () => {
+		expect(mountNumber(42).text()).toBe('42');
+		expect(mountNumber(0).text()).toBe('0');
+	});
+
+	it('converts to the best unit', () => {
+		expect(mountNumber(1500, { unit: 'm' }).text()).toBe('1.5 km');
+	});
+
+	it('falls back to the raw value for an unknown unit', () => {
+		expect(mountNumber(7, { unit: 'bogus' }).text()).toBe('7');
+	});
+
+	it('has no arrow without thresholds', () => {
+		const wrapper = mountNumber('50');
+		expect(wrapper.find('[role="img"]').exists()).toBe(false);
+		expect(wrapper.classes()).not.toContain('number-record-view--out-of-threshold');
+	});
+
+	it('points north below threshold_min', () => {
+		const wrapper = mountNumber('5', { threshold_min: 10 });
+		expect(wrapper.find('[role="img"]').text()).toBe('north');
+		expect(wrapper.classes()).toContain('number-record-view--out-of-threshold');
+	});
+
+	it('points south above threshold_max', () => {
+		expect(mountNumber('150', { threshold_max: 100 }).find('[role="img"]').text()).toBe('south');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/NumberRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/NumberRecordView.stories.ts
new file mode 100644
index 000000000..4ac07dde4
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/NumberRecordView.stories.ts
@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import NumberRecordView from './NumberRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Number',
+	component: NumberRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 42,
+		structure: mockStructure({ data_type: 'int', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 42 },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof NumberRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const WithUnit: Story = { args: { value: 1500, widgetStructure: mockWidgetStructure({ unit: 'm' }) } };
+export const OutOfThreshold: Story = {
+	args: { value: 150, widgetStructure: mockWidgetStructure({ threshold_max: 100 }) },
+};
diff --git a/frontend-vue/src/components/fields/record-view/NumberRecordView.vue b/frontend-vue/src/components/fields/record-view/NumberRecordView.vue
new file mode 100644
index 000000000..0b35781e1
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/NumberRecordView.vue
@@ -0,0 +1,72 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/number (`NumberRecordViewComponent`): a number, converted to the best
+ * unit when the widget has a `unit` (`convert`), with an arrow when it is outside
+ * `threshold_min` / `threshold_max`.
+ */
+import convert from 'convert';
+import { computed } from 'vue';
+import { UiIcon } from '@/components/ui';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: number | string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams } = useViewField(props, emit);
+
+const isEmpty = computed(() => props.value == null || props.value === '');
+
+const displayValue = computed(() => {
+	if (props.value == null || props.value === '') return '—';
+	const unit = widgetParams.value.unit;
+	if (!unit) return props.value.toString();
+	try {
+		const converted = convert(parseFloat(String(props.value)), unit as Parameters<typeof convert>[1]).to('best');
+		// Max 2 decimal places without trailing zeros
+		return `${parseFloat(converted.quantity.toFixed(2)).toString()} ${converted.unit}`;
+	} catch (error) {
+		console.warn('Unit conversion failed:', error);
+		return props.value.toString();
+	}
+});
+
+const isOutOfThreshold = computed<'up' | 'down' | false>(() => {
+	if (isEmpty.value) return false;
+	const { threshold_min: min, threshold_max: max } = widgetParams.value;
+	const numValue = parseFloat(String(props.value));
+	if (min !== undefined && numValue < min) return 'down';
+	if (max !== undefined && numValue > max) return 'up';
+	return false;
+});
+</script>
+
+<template>
+	<RecordViewValue :class="{ 'number-record-view--out-of-threshold': isOutOfThreshold }">
+		{{ displayValue }}
+		<!-- Arrows as in Angular: `north` below the minimum, `south` above the maximum. -->
+		<UiIcon
+			v-if="isOutOfThreshold === 'down'"
+			class="number-record-view__icon"
+			name="north"
+			size="sm"
+			label="Below minimum threshold"
+		/>
+		<UiIcon
+			v-if="isOutOfThreshold === 'up'"
+			class="number-record-view__icon"
+			name="south"
+			size="sm"
+			label="Above maximum threshold"
+		/>
+	</RecordViewValue>
+</template>
+
+<style scoped>
+.number-record-view--out-of-threshold {
+  display: flex;
+  align-items: center;
+  gap: var(--space-05);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/PasswordRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/PasswordRecordView.spec.ts
new file mode 100644
index 000000000..85960025f
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/PasswordRecordView.spec.ts
@@ -0,0 +1,11 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import PasswordRecordView from './PasswordRecordView.vue';
+
+describe('PasswordRecordView', () => {
+	it('masks the value', () => {
+		const wrapper = mount(PasswordRecordView, { props: { value: 'hunter2' } });
+		expect(wrapper.text()).toBe('••••••••');
+		expect(wrapper.html()).not.toContain('hunter2');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/PasswordRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/PasswordRecordView.stories.ts
new file mode 100644
index 000000000..2b463d7ee
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/PasswordRecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import PasswordRecordView from './PasswordRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Password',
+	component: PasswordRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '********',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '********' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof PasswordRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/PasswordRecordView.vue b/frontend-vue/src/components/fields/record-view/PasswordRecordView.vue
new file mode 100644
index 000000000..957b466d6
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/PasswordRecordView.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+/** Port of record-view-fields/password (`PasswordRecordViewComponent`): always masked, the value is never rendered. */
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
+
+defineProps<RecordViewFieldProps & { value?: unknown }>();
+defineEmits<ViewFieldEmits>();
+</script>
+
+<template>
+	<RecordViewValue>••••••••</RecordViewValue>
+</template>
diff --git a/frontend-vue/src/components/fields/record-view/PhoneRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/PhoneRecordView.spec.ts
new file mode 100644
index 000000000..87df3b68f
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/PhoneRecordView.spec.ts
@@ -0,0 +1,27 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import PhoneRecordView from './PhoneRecordView.vue';
+
+describe('PhoneRecordView', () => {
+	it('formats a valid number internationally with its country flag', () => {
+		const wrapper = mount(PhoneRecordView, { props: { value: '+12025551234' } });
+		const link = wrapper.find('a');
+		expect(link.attributes('href')).toBe('tel:+12025551234');
+		expect(link.text()).toBe('+1 202 555 1234');
+		expect(wrapper.find('.phone-record-view__flag').attributes('title')).toBe('United States');
+	});
+
+	it('shows an unparseable number as stored', () => {
+		const wrapper = mount(PhoneRecordView, { props: { value: 'not-a-phone' } });
+		expect(wrapper.find('a').text()).toBe('not-a-phone');
+		expect(wrapper.find('.phone-record-view__flag').exists()).toBe(false);
+	});
+
+	it('renders nothing for null', () => {
+		expect(
+			mount(PhoneRecordView, { props: { value: null } })
+				.find('a')
+				.exists(),
+		).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/PhoneRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/PhoneRecordView.stories.ts
new file mode 100644
index 000000000..2bbf528ca
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/PhoneRecordView.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import PhoneRecordView from './PhoneRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Phone',
+	component: PhoneRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '+1 (555) 123-4567',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '+1 (555) 123-4567' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof PhoneRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const International: Story = { args: { value: '+442071838750' } };
diff --git a/frontend-vue/src/components/fields/record-view/PhoneRecordView.vue b/frontend-vue/src/components/fields/record-view/PhoneRecordView.vue
new file mode 100644
index 000000000..520ed65f7
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/PhoneRecordView.vue
@@ -0,0 +1,67 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/phone (`PhoneRecordViewComponent`): a `tel:` link, formatted
+ * internationally with the country's flag when `libphonenumber-js` recognises the number, as
+ * stored otherwise. Nothing is rendered for an empty value.
+ */
+import { parsePhoneNumber } from 'libphonenumber-js';
+import { computed } from 'vue';
+import { COUNTRIES, getCountryFlag } from '@/consts/countries';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: string | null }>();
+defineEmits<ViewFieldEmits>();
+
+const parsed = computed(() => {
+	const value = props.value;
+	if (!value || typeof value !== 'string') return { countryFlag: '', countryName: '', formattedNumber: '' };
+	try {
+		const phoneNumber = parsePhoneNumber(value);
+		const country = phoneNumber?.country ? COUNTRIES.find((c) => c.code === phoneNumber.country) : undefined;
+		if (country) {
+			return {
+				countryFlag: getCountryFlag(country.code),
+				countryName: country.name,
+				formattedNumber: phoneNumber.formatInternational(),
+			};
+		}
+	} catch {
+		// Not a parseable number: shown as stored.
+	}
+	return { countryFlag: '', countryName: '', formattedNumber: value };
+});
+
+const countryFlag = computed(() => parsed.value.countryFlag);
+const countryName = computed(() => parsed.value.countryName);
+const formattedNumber = computed(() => parsed.value.formattedNumber);
+</script>
+
+<template>
+	<span v-if="value" class="phone-record-view">
+		<span v-if="countryFlag" class="phone-record-view__flag" role="img" :aria-label="countryName" :title="countryName">{{
+			countryFlag
+		}}</span>
+		<RecordViewValue tag="a" class="phone-record-view__link" :href="`tel:${value}`">{{
+			formattedNumber || value
+		}}</RecordViewValue>
+	</span>
+</template>
+
+<style scoped>
+.phone-record-view {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.phone-record-view__flag {
+  font-size: var(--text-base);
+  cursor: help;
+  user-select: none;
+}
+
+.phone-record-view__link {
+  color: var(--color-accent);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/PointRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/PointRecordView.spec.ts
new file mode 100644
index 000000000..b3bb9a9a2
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/PointRecordView.spec.ts
@@ -0,0 +1,32 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import PointRecordView from './PointRecordView.vue';
+
+const text = (value: unknown) => mount(PointRecordView, { props: { value } }).text();
+
+describe('PointRecordView', () => {
+	it('formats a string point', () => {
+		expect(text('(1,2)')).toBe('(1, 2)');
+		expect(text('3.5, -4')).toBe('(3.5, -4)');
+	});
+
+	it('formats an object point', () => {
+		expect(text({ x: 3, y: 4 })).toBe('(3, 4)');
+	});
+
+	it('formats an array point', () => {
+		expect(text([5, 6])).toBe('(5, 6)');
+	});
+
+	it('puts the point in the title', () => {
+		expect(mount(PointRecordView, { props: { value: '(1,2)' } }).attributes('title')).toBe('(1, 2)');
+	});
+
+	it('renders nothing for null', () => {
+		expect(
+			mount(PointRecordView, { props: { value: null } })
+				.find('span')
+				.exists(),
+		).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/PointRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/PointRecordView.stories.ts
new file mode 100644
index 000000000..92f3b317d
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/PointRecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import PointRecordView from './PointRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Point',
+	component: PointRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '(40.7128, -74.0060)',
+		structure: mockStructure({ data_type: 'point', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '(40.7128, -74.0060)' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof PointRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/PointRecordView.vue b/frontend-vue/src/components/fields/record-view/PointRecordView.vue
new file mode 100644
index 000000000..c10aaa408
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/PointRecordView.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/point (`PointRecordViewComponent`): a geometric point — `"(x,y)"`,
+ * `"x,y"`, `{ x, y }` or `[x, y]` — as `(x, y)`. Nothing is rendered for an empty value.
+ */
+import { computed } from 'vue';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: unknown }>();
+defineEmits<ViewFieldEmits>();
+
+const formattedPoint = computed(() => {
+	const value = props.value;
+	if (!value) return '';
+	if (typeof value === 'string') {
+		const [x, y] = value
+			.trim()
+			.replace(/[()]/g, '')
+			.split(',')
+			.map((coord) => parseFloat(coord.trim()));
+		return `(${x}, ${y})`;
+	}
+	if (typeof value === 'object') {
+		const point = value as Record<string | number, unknown>;
+		return `(${point.x || point[0]}, ${point.y || point[1]})`;
+	}
+	return '';
+});
+</script>
+
+<template>
+	<RecordViewValue v-if="formattedPoint" :title="formattedPoint">{{ formattedPoint }}</RecordViewValue>
+</template>
diff --git a/frontend-vue/src/components/fields/record-view/RangeRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/RangeRecordView.spec.ts
new file mode 100644
index 000000000..e968aafe8
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/RangeRecordView.spec.ts
@@ -0,0 +1,41 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import RangeRecordView from './RangeRecordView.vue';
+
+const mountRange = (value: number | string | null, params: Record<string, unknown> = {}) =>
+	mount(RangeRecordView, { props: { fieldKey: 'score', value, widgetStructure: mockWidgetStructure(params) } });
+
+const progress = (wrapper: ReturnType<typeof mountRange>) =>
+	Number(wrapper.find('[role="progressbar"]').attributes('aria-valuenow'));
+
+describe('RangeRecordView', () => {
+	it('shows the value against the default max', () => {
+		const wrapper = mountRange(50);
+		expect(wrapper.find('.range-record-view__label').text()).toBe('50 / 100');
+		expect(progress(wrapper)).toBe(50);
+	});
+
+	it('uses min/max from widget params', () => {
+		const wrapper = mountRange(100, { min: 0, max: 200 });
+		expect(wrapper.find('.range-record-view__label').text()).toBe('100 / 200');
+		expect(progress(wrapper)).toBe(50);
+	});
+
+	it('positions the value relative to min', () => {
+		expect(progress(mountRange(15, { min: 10, max: 20 }))).toBe(50);
+	});
+
+	it('clamps the progress', () => {
+		expect(progress(mountRange(150))).toBe(100);
+		expect(progress(mountRange(-5))).toBe(0);
+	});
+
+	it('treats a non-numeric value as 0', () => {
+		expect(mountRange('[1, 100]').find('.range-record-view__label').text()).toBe('0 / 100');
+	});
+
+	it('names the meter after the field', () => {
+		expect(mountRange(1).find('[role="progressbar"]').attributes('aria-label')).toBe('score');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/RangeRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/RangeRecordView.stories.ts
new file mode 100644
index 000000000..fddd3ae2b
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/RangeRecordView.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import RangeRecordView from './RangeRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Range',
+	component: RangeRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '[1, 100]',
+		structure: mockStructure({ data_type: 'int', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '[1, 100]' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof RangeRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const Numeric: Story = { args: { value: 30, widgetStructure: mockWidgetStructure({ min: 0, max: 50 }) } };
diff --git a/frontend-vue/src/components/fields/record-view/RangeRecordView.vue b/frontend-vue/src/components/fields/record-view/RangeRecordView.vue
new file mode 100644
index 000000000..ea33ddd6a
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/RangeRecordView.vue
@@ -0,0 +1,54 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/range (`RangeRecordViewComponent`): `value / max` above a meter of
+ * where the value sits between `widget_params.min` (0) and `max` (100), clamped to the bar.
+ */
+import { computed } from 'vue';
+import { UiProgressBar } from '@/components/ui';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+
+const props = defineProps<RecordViewFieldProps & { value?: number | string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams } = useViewField(props, emit);
+
+const min = computed(() => (widgetParams.value.min !== undefined ? Number(widgetParams.value.min) || 0 : 0));
+const max = computed(() => (widgetParams.value.max !== undefined ? Number(widgetParams.value.max) || 100 : 100));
+const numValue = computed(() => Number(props.value) || 0);
+
+const displayValue = computed(() => `${numValue.value} / ${max.value}`);
+
+/** Position between min and max as a percentage, clamped to [0, 100]. */
+const progress = computed(() => {
+	const range = max.value - min.value;
+	if (range === 0) return 0;
+	return Math.max(0, Math.min(100, ((numValue.value - min.value) / range) * 100));
+});
+</script>
+
+<template>
+	<div class="range-record-view">
+		<div class="range-record-view__label">{{ displayValue }}</div>
+		<UiProgressBar class="range-record-view__bar" :value="progress" :max="100" :label="fieldKey || 'Range'" />
+	</div>
+</template>
+
+<style scoped>
+.range-record-view {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+  padding: var(--space-1) 0;
+}
+
+.range-record-view__label {
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--color-ink);
+}
+
+.range-record-view__bar {
+  min-width: 160px;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/RecordViewValue.spec.ts b/frontend-vue/src/components/fields/record-view/RecordViewValue.spec.ts
new file mode 100644
index 000000000..7a3b4e2bd
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/RecordViewValue.spec.ts
@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import RecordViewValue from './RecordViewValue.vue';
+
+describe('RecordViewValue', () => {
+	it('renders the slot in a span by default', () => {
+		const wrapper = mount(RecordViewValue, { slots: { default: 'Ada' } });
+		expect(wrapper.element.tagName).toBe('SPAN');
+		expect(wrapper.classes()).toContain('record-view-value');
+		expect(wrapper.text()).toBe('Ada');
+	});
+
+	it('renders the requested tag and passes attributes through', () => {
+		const wrapper = mount(RecordViewValue, {
+			props: { tag: 'a' },
+			attrs: { href: 'tel:+1', title: 'Call' },
+			slots: { default: '+1' },
+		});
+		expect(wrapper.element.tagName).toBe('A');
+		expect(wrapper.attributes('href')).toBe('tel:+1');
+		expect(wrapper.attributes('title')).toBe('Call');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/RecordViewValue.vue b/frontend-vue/src/components/fields/record-view/RecordViewValue.vue
new file mode 100644
index 000000000..affd96522
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/RecordViewValue.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+/**
+ * The shared value text of every record-view widget — the `.field-view-value` rule in Angular's
+ * `base-record-view-field.component.css`, which every widget pulled in through `styleUrls`. One
+ * wrapper instead of 30 copies of the same CSS: muted ink, wraps anywhere, never wider than the panel.
+ *
+ * Attributes (`class`, `title`, `href`, `style`, listeners) fall through to the rendered element.
+ */
+withDefaults(
+	defineProps<{
+		/** Element to render: a `span` for plain text, an `a` for the phone link, … */
+		tag?: 'span' | 'div' | 'a';
+	}>(),
+	{ tag: 'span' },
+);
+</script>
+
+<template>
+	<component :is="tag" class="record-view-value"><slot /></component>
+</template>
+
+<style scoped>
+.record-view-value {
+  max-width: 100%;
+  overflow-wrap: anywhere;
+  word-break: keep-all;
+  white-space: break-spaces;
+  color: var(--color-ink-soft);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/S3RecordView.spec.ts b/frontend-vue/src/components/fields/record-view/S3RecordView.spec.ts
new file mode 100644
index 000000000..cdcb643fa
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/S3RecordView.spec.ts
@@ -0,0 +1,81 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, type MockInstance, vi } from 'vitest';
+import { nextTick } from 'vue';
+import { useConnectionsStore } from '@/stores/connections';
+import { useS3Store } from '@/stores/s3';
+import { useTablesStore } from '@/stores/tables';
+import { mockWidgetStructure } from '../stories.mocks';
+import S3RecordView from './S3RecordView.vue';
+
+const params = (type: 'file' | 'image') =>
+	mockWidgetStructure(
+		{
+			bucket: 'my-bucket',
+			type,
+			access_key_id: 'COMPANY-SECRET/bucket-access-key-id',
+			access_key: 'COMPANY-SECRET/bucket-access-key',
+		},
+		{ field_name: 'avatar' },
+	);
+
+describe('S3RecordView', () => {
+	let getFileUrl: MockInstance<ReturnType<typeof useS3Store>['getFileUrl']>;
+
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		useConnectionsStore().connectionID = 'conn-1';
+		useTablesStore().setTableName('test_table');
+		getFileUrl = vi
+			.spyOn(useS3Store(), 'getFileUrl')
+			.mockResolvedValue({ url: 'https://s3.example.com/file.jpg', key: 'k', expiresIn: 60 });
+	});
+
+	it('shows the key for the file type without fetching', () => {
+		const wrapper = mount(S3RecordView, {
+			props: { value: 'uploads/doc.pdf', widgetStructure: params('file'), primaryKeys: { id: 1 } },
+		});
+		expect(wrapper.text()).toBe('uploads/doc.pdf');
+		expect(getFileUrl).not.toHaveBeenCalled();
+	});
+
+	it('renders a dash for an empty file value', () => {
+		expect(mount(S3RecordView, { props: { value: null, widgetStructure: params('file') } }).text()).toBe('—');
+	});
+
+	it('fetches and previews an image', async () => {
+		const wrapper = mount(S3RecordView, {
+			props: { value: 'uploads/a.jpg', widgetStructure: params('image'), primaryKeys: { id: 1 } },
+		});
+		await nextTick();
+		expect(wrapper.find('[role="status"]').exists()).toBe(true);
+		await flushPromises();
+		expect(getFileUrl).toHaveBeenCalledWith('conn-1', 'test_table', 'avatar', { id: 1 });
+		expect(wrapper.find('img').attributes('src')).toBe('https://s3.example.com/file.jpg');
+	});
+
+	it('shows a placeholder when the URL cannot be fetched', async () => {
+		getFileUrl.mockResolvedValue(null);
+		const wrapper = mount(S3RecordView, {
+			props: { value: 'uploads/a.jpg', widgetStructure: params('image'), primaryKeys: { id: 1 } },
+		});
+		await flushPromises();
+		expect(wrapper.find('img').exists()).toBe(false);
+		expect(wrapper.text()).toBe('[S3 Image]');
+	});
+
+	it('does not fetch without primary keys', () => {
+		mount(S3RecordView, { props: { value: 'uploads/a.jpg', widgetStructure: params('image') } });
+		expect(getFileUrl).not.toHaveBeenCalled();
+	});
+
+	it('accepts widget params as a JSON string', () => {
+		// The API sometimes sends widget_params unparsed.
+		const unparsed: unknown = JSON.stringify({ type: 'image', bucket: 'b' });
+		const structure = { ...params('image'), widget_params: unparsed as Record<string, unknown> };
+		const wrapper = mount(S3RecordView, {
+			props: { value: 'k', widgetStructure: structure },
+		});
+		expect(wrapper.text()).toBe('[S3 Image]');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/S3RecordView.stories.ts b/frontend-vue/src/components/fields/record-view/S3RecordView.stories.ts
new file mode 100644
index 000000000..c63b3e616
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/S3RecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import S3RecordView from './S3RecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/S3',
+	component: S3RecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 's3://bucket/file.txt',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 's3://bucket/file.txt' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof S3RecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/S3RecordView.vue b/frontend-vue/src/components/fields/record-view/S3RecordView.vue
new file mode 100644
index 000000000..0fac3379c
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/S3RecordView.vue
@@ -0,0 +1,67 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/s3 (`S3RecordViewComponent`): an S3 object key. With
+ * `widget_params.type: 'image'` a presigned URL is fetched on mount (current connection and table,
+ * this row's primary keys) and the image is previewed; any other type shows the key.
+ */
+import { computed, onMounted, ref } from 'vue';
+import { UiSpinner } from '@/components/ui';
+import { useConnectionsStore } from '@/stores/connections';
+import { useS3Store } from '@/stores/s3';
+import { useTablesStore } from '@/stores/tables';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams } = useViewField(props, emit);
+const connections = useConnectionsStore();
+const tables = useTablesStore();
+const s3 = useS3Store();
+
+const previewUrl = ref<string | null>(null);
+const isLoading = ref(false);
+
+const isImageType = computed(() => widgetParams.value.type === 'image');
+
+onMounted(() => {
+	if (props.value && isImageType.value && props.primaryKeys) loadPreview();
+});
+
+async function loadPreview(): Promise<void> {
+	const connectionId = connections.connectionID;
+	const tableName = tables.tableName;
+	const primaryKeys = props.primaryKeys;
+	if (!props.value || !connectionId || !tableName || !primaryKeys) return;
+
+	isLoading.value = true;
+	const response = await s3.getFileUrl(connectionId, tableName, props.widgetStructure?.field_name ?? '', primaryKeys);
+	if (response) previewUrl.value = response.url;
+	isLoading.value = false;
+}
+</script>
+
+<template>
+	<template v-if="isImageType">
+		<UiSpinner v-if="isLoading" class="s3-record-view__spinner" label="Loading image" />
+		<img v-else-if="previewUrl" class="s3-record-view__preview" :src="previewUrl" alt="S3 Image">
+		<RecordViewValue v-else-if="value">[S3 Image]</RecordViewValue>
+	</template>
+	<RecordViewValue v-else>{{ value || '—' }}</RecordViewValue>
+</template>
+
+<style scoped>
+.s3-record-view__preview {
+  display: block;
+  width: 100%;
+  max-width: 300px;
+  height: auto;
+  margin-bottom: var(--space-2);
+}
+
+.s3-record-view__spinner {
+  margin-block: var(--space-2);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/SelectRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/SelectRecordView.spec.ts
new file mode 100644
index 000000000..f979db9d5
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/SelectRecordView.spec.ts
@@ -0,0 +1,41 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import SelectRecordView from './SelectRecordView.vue';
+
+const options = [
+	{ value: 'a', label: 'Alpha', background_color: 'rgb(255, 0, 0)' },
+	{ value: 'b', label: 'Beta' },
+];
+
+describe('SelectRecordView', () => {
+	it('renders a dash for null', () => {
+		expect(mount(SelectRecordView, { props: { value: null } }).text()).toBe('—');
+	});
+
+	it('renders the matching option label on its background colour', () => {
+		const wrapper = mount(SelectRecordView, {
+			props: { value: 'a', widgetStructure: mockWidgetStructure({ options }) },
+		});
+		expect(wrapper.text()).toBe('Alpha');
+		expect((wrapper.element as HTMLElement).style.backgroundColor).toBe('rgb(255, 0, 0)');
+	});
+
+	it('uses a transparent background for an option without a colour', () => {
+		const wrapper = mount(SelectRecordView, {
+			props: { value: 'b', widgetStructure: mockWidgetStructure({ options }) },
+		});
+		expect((wrapper.element as HTMLElement).style.backgroundColor).toBe('transparent');
+	});
+
+	it('renders the raw value when no option matches', () => {
+		const wrapper = mount(SelectRecordView, {
+			props: { value: 'unknown', widgetStructure: mockWidgetStructure({ options }) },
+		});
+		expect(wrapper.text()).toBe('unknown');
+	});
+
+	it('renders the raw value without options', () => {
+		expect(mount(SelectRecordView, { props: { value: 'x' } }).text()).toBe('x');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/SelectRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/SelectRecordView.stories.ts
new file mode 100644
index 000000000..4fab7cee5
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/SelectRecordView.stories.ts
@@ -0,0 +1,37 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import SelectRecordView from './SelectRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Select',
+	component: SelectRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'option1',
+		structure: mockStructure({ data_type: 'enum', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'option1' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof SelectRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const WithOptions: Story = {
+	args: {
+		widgetStructure: mockWidgetStructure({
+			options: [
+				{ value: 'option1', label: 'Option one', background_color: 'lightgreen' },
+				{ value: 'option2', label: 'Option two' },
+			],
+		}),
+	},
+};
diff --git a/frontend-vue/src/components/fields/record-view/SelectRecordView.vue b/frontend-vue/src/components/fields/record-view/SelectRecordView.vue
new file mode 100644
index 000000000..52b70d88e
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/SelectRecordView.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/select (`SelectRecordViewComponent`): the label of the matching
+ * `widget_params.options` entry (on its `background_color`), else the raw value.
+ */
+import { computed } from 'vue';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import RecordViewValue from './RecordViewValue.vue';
+
+interface SelectOption {
+	value: unknown;
+	label: string;
+	background_color?: string;
+}
+
+const props = defineProps<RecordViewFieldProps & { value?: string | number | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams } = useViewField(props, emit);
+
+const option = computed<SelectOption | undefined>(() => {
+	const options: SelectOption[] | undefined = widgetParams.value.options;
+	return Array.isArray(options) ? options.find((opt) => opt.value === props.value) : undefined;
+});
+
+const displayValue = computed(() => {
+	if (!props.value) return '—';
+	return option.value ? option.value.label : String(props.value);
+});
+
+const backgroundColor = computed(() => {
+	if (!props.value || !Array.isArray(widgetParams.value.options)) return undefined;
+	return option.value?.background_color || 'transparent';
+});
+</script>
+
+<template>
+	<RecordViewValue class="select-record-view" :style="{ backgroundColor }">{{ displayValue }}</RecordViewValue>
+</template>
+
+<style scoped>
+.select-record-view {
+  padding: var(--space-05) var(--space-2);
+  border-radius: var(--radius-control);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/StaticTextRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/StaticTextRecordView.spec.ts
new file mode 100644
index 000000000..dc7862729
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/StaticTextRecordView.spec.ts
@@ -0,0 +1,13 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import StaticTextRecordView from './StaticTextRecordView.vue';
+
+describe('StaticTextRecordView', () => {
+	it('renders the value', () => {
+		expect(mount(StaticTextRecordView, { props: { value: 'Some value' } }).text()).toBe('Some value');
+	});
+
+	it('renders a dash when empty', () => {
+		expect(mount(StaticTextRecordView, { props: { value: null } }).text()).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/StaticTextRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/StaticTextRecordView.stories.ts
new file mode 100644
index 000000000..75188209a
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/StaticTextRecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import StaticTextRecordView from './StaticTextRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/StaticText',
+	component: StaticTextRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'Static content',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'Static content' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof StaticTextRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/StaticTextRecordView.vue b/frontend-vue/src/components/fields/record-view/StaticTextRecordView.vue
new file mode 100644
index 000000000..97d6166a2
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/StaticTextRecordView.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+/** Port of record-view-fields/static-text (`StaticTextRecordViewComponent`): the `Readonly` widget's value. */
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
+
+defineProps<RecordViewFieldProps & { value?: unknown }>();
+defineEmits<ViewFieldEmits>();
+</script>
+
+<template>
+	<RecordViewValue>{{ value || '—' }}</RecordViewValue>
+</template>
diff --git a/frontend-vue/src/components/fields/record-view/TextRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/TextRecordView.spec.ts
new file mode 100644
index 000000000..5bc73cb18
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/TextRecordView.spec.ts
@@ -0,0 +1,53 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import TextRecordView from './TextRecordView.vue';
+
+describe('TextRecordView', () => {
+	it('renders the value, or a dash when empty', () => {
+		expect(mount(TextRecordView, { props: { value: 'Ada' } }).text()).toBe('Ada');
+		expect(mount(TextRecordView, { props: { value: '' } }).text()).toBe('—');
+	});
+
+	it('is valid without a validate param', () => {
+		const wrapper = mount(TextRecordView, { props: { value: 'sometext', widgetStructure: mockWidgetStructure() } });
+		expect(wrapper.classes()).not.toContain('text-record-view--invalid');
+		expect(wrapper.attributes('title')).toBeUndefined();
+	});
+
+	it('flags a failed validator with its message', () => {
+		const wrapper = mount(TextRecordView, {
+			props: { value: 'notanemail', widgetStructure: mockWidgetStructure({ validate: 'isEmail' }) },
+		});
+		expect(wrapper.classes()).toContain('text-record-view--invalid');
+		expect(wrapper.attributes('title')).toBe('Invalid email address');
+	});
+
+	it('passes a valid value', () => {
+		const wrapper = mount(TextRecordView, {
+			props: { value: 'test@test.com', widgetStructure: mockWidgetStructure({ validate: 'isEmail' }) },
+		});
+		expect(wrapper.classes()).not.toContain('text-record-view--invalid');
+	});
+
+	it('validates a regex pattern', () => {
+		const wrapper = mount(TextRecordView, {
+			props: { value: 'abc', widgetStructure: mockWidgetStructure({ validate: 'regex', regex: '^[0-9]+$' }) },
+		});
+		expect(wrapper.attributes('title')).toBe('Does not match the required pattern');
+	});
+
+	it('derives a message for validators without one', () => {
+		const wrapper = mount(TextRecordView, {
+			props: { value: 'zz', widgetStructure: mockWidgetStructure({ validate: 'isMACAddress' }) },
+		});
+		expect(wrapper.attributes('title')).toBe('Invalid macaddress');
+	});
+
+	it('never flags an empty value', () => {
+		const wrapper = mount(TextRecordView, {
+			props: { value: '', widgetStructure: mockWidgetStructure({ validate: 'isEmail' }) },
+		});
+		expect(wrapper.classes()).not.toContain('text-record-view--invalid');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/TextRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/TextRecordView.stories.ts
new file mode 100644
index 000000000..6b92e624e
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/TextRecordView.stories.ts
@@ -0,0 +1,30 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TextRecordView from './TextRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Text',
+	component: TextRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'Sample text',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'Sample text' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof TextRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const Invalid: Story = {
+	args: { value: 'not-an-email', widgetStructure: mockWidgetStructure({ validate: 'isEmail' }) },
+};
diff --git a/frontend-vue/src/components/fields/record-view/TextRecordView.vue b/frontend-vue/src/components/fields/record-view/TextRecordView.vue
new file mode 100644
index 000000000..0ab3e7a5c
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/TextRecordView.vue
@@ -0,0 +1,60 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/text (`TextRecordViewComponent`): a short text value, flagged with a
+ * wavy underline and a `title` when it fails the widget's `validate` (validator.js method or regex).
+ */
+import { computed } from 'vue';
+import { textErrors } from '@/validators/text.validator';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: unknown }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams } = useViewField(props, emit);
+
+/** Messages of the Angular view widget, which differ slightly from the edit widget's. */
+const MESSAGES: Record<string, string> = {
+	isEmail: 'Invalid email address',
+	isURL: 'Invalid URL',
+	isIP: 'Invalid IP address',
+	isUUID: 'Invalid UUID',
+	isJSON: 'Invalid JSON',
+	isCreditCard: 'Invalid credit card number',
+	isISBN: 'Invalid ISBN',
+	isAlpha: 'Should contain only letters',
+	isNumeric: 'Should contain only numbers',
+	isAlphanumeric: 'Should contain only letters and numbers',
+	isHexColor: 'Invalid hex color',
+	isBase64: 'Invalid Base64 string',
+	isMobilePhone: 'Invalid mobile phone number',
+	isPostalCode: 'Invalid postal code',
+};
+
+const validateType = computed<string | null>(() => widgetParams.value.validate || null);
+
+const isInvalid = computed(() => Boolean(textErrors(props.value, validateType.value, widgetParams.value.regex)));
+
+const validationErrorMessage = computed(() => {
+	const type = validateType.value;
+	if (!type) return '';
+	if (type === 'regex') return 'Does not match the required pattern';
+	return MESSAGES[type] || `Invalid ${type.replace(/^is/, '').toLowerCase()}`;
+});
+
+const invalidClass = computed(() => ({ 'text-record-view--invalid': isInvalid.value }));
+const title = computed(() => (isInvalid.value ? validationErrorMessage.value : undefined));
+</script>
+
+<template>
+	<RecordViewValue :class="invalidClass" :title="title">{{ value || '—' }}</RecordViewValue>
+</template>
+
+<style scoped>
+.text-record-view--invalid {
+  color: var(--color-danger);
+  text-decoration: underline wavy;
+  text-underline-offset: 2px;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.spec.ts
new file mode 100644
index 000000000..6265a41b7
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.spec.ts
@@ -0,0 +1,28 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import TimeIntervalRecordView from './TimeIntervalRecordView.vue';
+
+const text = (value: unknown) => mount(TimeIntervalRecordView, { props: { value } }).text();
+
+describe('TimeIntervalRecordView', () => {
+	it('formats an interval object', () => {
+		expect(text({ hours: 2, minutes: 30 })).toBe('2h 30m');
+		expect(text({ days: 1, seconds: 5, milliseconds: 10 })).toBe('1d 5s 10ms');
+	});
+
+	it('parses a JSON interval', () => {
+		expect(text('{"hours":1,"minutes":15}')).toBe('1h 15m');
+	});
+
+	it('renders 0 for an empty interval', () => {
+		expect(text({})).toBe('0');
+	});
+
+	it('shows an unparseable value as stored', () => {
+		expect(text('01:30:00')).toBe('01:30:00');
+	});
+
+	it('renders a dash for null', () => {
+		expect(text(null)).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.stories.ts
new file mode 100644
index 000000000..afcc018e3
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TimeIntervalRecordView from './TimeIntervalRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/TimeInterval',
+	component: TimeIntervalRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '01:30:00',
+		structure: mockStructure({ data_type: 'interval', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '01:30:00' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof TimeIntervalRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const IntervalObject: Story = { args: { value: { hours: 1, minutes: 30 } } };
diff --git a/frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.vue b/frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.vue
new file mode 100644
index 000000000..a04f499e9
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.vue
@@ -0,0 +1,36 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/time-interval (`TimeIntervalRecordViewComponent`): a Postgres interval
+ * object (or its JSON) as `1d 2h 30m 5s 10ms`; `0` for an empty interval, the raw value when unparseable.
+ */
+import { computed } from 'vue';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: unknown }>();
+defineEmits<ViewFieldEmits>();
+
+const UNITS = [
+	['days', 'd'],
+	['hours', 'h'],
+	['minutes', 'm'],
+	['seconds', 's'],
+	['milliseconds', 'ms'],
+] as const;
+
+const formattedInterval = computed(() => {
+	if (!props.value) return '—';
+	try {
+		const interval: unknown = typeof props.value === 'string' ? JSON.parse(props.value) : props.value;
+		const record = (interval ?? {}) as Record<string, unknown>;
+		const parts = UNITS.filter(([key]) => record[key]).map(([key, suffix]) => `${record[key]}${suffix}`);
+		return parts.length > 0 ? parts.join(' ') : '0';
+	} catch {
+		return String(props.value);
+	}
+});
+</script>
+
+<template>
+	<RecordViewValue>{{ formattedInterval }}</RecordViewValue>
+</template>
diff --git a/frontend-vue/src/components/fields/record-view/TimeRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/TimeRecordView.spec.ts
new file mode 100644
index 000000000..f8c35428f
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/TimeRecordView.spec.ts
@@ -0,0 +1,19 @@
+import { mount } from '@vue/test-utils';
+import { format } from 'date-fns';
+import { describe, expect, it } from 'vitest';
+import TimeRecordView from './TimeRecordView.vue';
+
+describe('TimeRecordView', () => {
+	it('keeps a time string as is', () => {
+		expect(mount(TimeRecordView, { props: { value: '14:30:00' } }).text()).toBe('14:30:00');
+	});
+
+	it('formats a timestamp as HH:mm:ss', () => {
+		const ms = new Date(2024, 0, 15, 9, 5, 7).getTime();
+		expect(mount(TimeRecordView, { props: { value: ms } }).text()).toBe(format(ms, 'HH:mm:ss'));
+	});
+
+	it('renders a dash for null', () => {
+		expect(mount(TimeRecordView, { props: { value: null } }).text()).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/TimeRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/TimeRecordView.stories.ts
new file mode 100644
index 000000000..15bfb815d
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/TimeRecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TimeRecordView from './TimeRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Time',
+	component: TimeRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '10:30:00',
+		structure: mockStructure({ data_type: 'time', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '10:30:00' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof TimeRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/TimeRecordView.vue b/frontend-vue/src/components/fields/record-view/TimeRecordView.vue
new file mode 100644
index 000000000..d77e155e4
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/TimeRecordView.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/time (`TimeRecordViewComponent`): a time string (`14:30:00`) as
+ * stored; anything else that parses as a date is shown as `HH:mm:ss`.
+ */
+import { format } from 'date-fns';
+import { computed } from 'vue';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: string | number | null }>();
+defineEmits<ViewFieldEmits>();
+
+const formattedTime = computed(() => {
+	if (!props.value) return '';
+	const value = String(props.value);
+	if (value.includes(':')) return value;
+	const date = new Date(props.value);
+	return Number.isNaN(date.getTime()) ? value : format(date, 'HH:mm:ss');
+});
+</script>
+
+<template>
+	<RecordViewValue>{{ formattedTime || '—' }}</RecordViewValue>
+</template>
diff --git a/frontend-vue/src/components/fields/record-view/TimezoneRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/TimezoneRecordView.spec.ts
new file mode 100644
index 000000000..40233bcf5
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/TimezoneRecordView.spec.ts
@@ -0,0 +1,18 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import TimezoneRecordView from './TimezoneRecordView.vue';
+
+describe('TimezoneRecordView', () => {
+	it('shows the zone with its UTC offset', () => {
+		const text = mount(TimezoneRecordView, { props: { value: 'America/New_York' } }).text();
+		expect(text).toMatch(/^America\/New_York \(UTC-0[45]:00\)$/);
+	});
+
+	it('shows +00:00 for UTC', () => {
+		expect(mount(TimezoneRecordView, { props: { value: 'UTC' } }).text()).toBe('UTC (UTC+00:00)');
+	});
+
+	it('renders a dash for null', () => {
+		expect(mount(TimezoneRecordView, { props: { value: null } }).text()).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/TimezoneRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/TimezoneRecordView.stories.ts
new file mode 100644
index 000000000..05745a18d
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/TimezoneRecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TimezoneRecordView from './TimezoneRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Timezone',
+	component: TimezoneRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'UTC',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'UTC' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof TimezoneRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/TimezoneRecordView.vue b/frontend-vue/src/components/fields/record-view/TimezoneRecordView.vue
new file mode 100644
index 000000000..f18c854bb
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/TimezoneRecordView.vue
@@ -0,0 +1,45 @@
+<script setup lang="ts">
+/** Port of record-view-fields/timezone (`TimezoneRecordViewComponent`): an IANA zone with its current UTC offset. */
+import { computed } from 'vue';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
+
+const props = defineProps<RecordViewFieldProps & { value?: string | null }>();
+defineEmits<ViewFieldEmits>();
+
+const formattedTimezone = computed(() => {
+	if (!props.value) return '—';
+	return `${props.value} (UTC${getTimezoneOffset(props.value)})`;
+});
+
+/** `+05:30`-style offset of `timezone` right now; `''` for an unknown zone. */
+function getTimezoneOffset(timezone: string): string {
+	try {
+		const now = new Date();
+		const parts = new Intl.DateTimeFormat('en-US', { timeZone: timezone, timeZoneName: 'longOffset' }).formatToParts(
+			now,
+		);
+		const offsetPart = parts.find((part) => part.type === 'timeZoneName');
+		if (offsetPart?.value.includes('GMT')) {
+			const offset = offsetPart.value.replace('GMT', '');
+			return offset === '' ? '+00:00' : offset;
+		}
+
+		// Fallback: calculate the offset manually
+		const utcDate = new Date(now.toLocaleString('en-US', { timeZone: 'UTC' }));
+		const tzDate = new Date(now.toLocaleString('en-US', { timeZone: timezone }));
+		const offsetMinutes = (tzDate.getTime() - utcDate.getTime()) / 60000;
+		const hours = Math.floor(Math.abs(offsetMinutes) / 60);
+		const minutes = Math.abs(offsetMinutes) % 60;
+		const sign = offsetMinutes >= 0 ? '+' : '-';
+		return `${sign}${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;
+	} catch (error) {
+		console.error(error);
+		return '';
+	}
+}
+</script>
+
+<template>
+	<RecordViewValue>{{ formattedTimezone }}</RecordViewValue>
+</template>
diff --git a/frontend-vue/src/components/fields/record-view/UrlRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/UrlRecordView.spec.ts
new file mode 100644
index 000000000..c4241738a
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/UrlRecordView.spec.ts
@@ -0,0 +1,37 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UrlRecordView from './UrlRecordView.vue';
+
+describe('UrlRecordView', () => {
+	it('links a valid URL in a new tab', () => {
+		const link = mount(UrlRecordView, { props: { value: 'https://example.com' } }).find('a');
+		expect(link.attributes('href')).toBe('https://example.com');
+		expect(link.attributes('target')).toBe('_blank');
+		expect(link.text()).toContain('https://example.com');
+	});
+
+	it('stops the click from reaching the row', async () => {
+		const wrapper = mount(UrlRecordView, { props: { value: 'https://example.com' }, attachTo: document.body });
+		let bubbled = false;
+		const onBodyClick = () => {
+			bubbled = true;
+		};
+		document.body.addEventListener('click', onBodyClick);
+		const link = wrapper.find('a');
+		link.element.addEventListener('click', (event) => event.preventDefault());
+		await link.trigger('click');
+		expect(bubbled).toBe(false);
+		document.body.removeEventListener('click', onBodyClick);
+		wrapper.unmount();
+	});
+
+	it('shows an invalid URL as text', () => {
+		const wrapper = mount(UrlRecordView, { props: { value: 'not a url' } });
+		expect(wrapper.find('a').exists()).toBe(false);
+		expect(wrapper.text()).toBe('not a url');
+	});
+
+	it('renders a dash for null', () => {
+		expect(mount(UrlRecordView, { props: { value: null } }).text()).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/UrlRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/UrlRecordView.stories.ts
new file mode 100644
index 000000000..7806a2b63
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/UrlRecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import UrlRecordView from './UrlRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Url',
+	component: UrlRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'https://example.com',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'https://example.com' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof UrlRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/UrlRecordView.vue b/frontend-vue/src/components/fields/record-view/UrlRecordView.vue
new file mode 100644
index 000000000..c2e83a92c
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/UrlRecordView.vue
@@ -0,0 +1,51 @@
+<script setup lang="ts">
+/**
+ * Port of record-view-fields/url (`UrlRecordViewComponent`): a valid absolute URL becomes a link
+ * opening in a new tab (the click does not bubble to the row); anything else is plain text.
+ */
+import { computed } from 'vue';
+import { UiIcon } from '@/components/ui';
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+
+const props = defineProps<RecordViewFieldProps & { value?: string | null }>();
+defineEmits<ViewFieldEmits>();
+
+const isValidUrl = computed(() => {
+	if (!props.value) return false;
+	try {
+		new URL(props.value);
+		return true;
+	} catch {
+		return false;
+	}
+});
+</script>
+
+<template>
+	<a
+		v-if="isValidUrl && value"
+		:href="value"
+		target="_blank"
+		rel="noopener noreferrer"
+		class="url-record-view__link"
+		@click.stop
+	>
+		<UiIcon class="url-record-view__icon" name="link" size="sm" />
+		{{ value }}
+	</a>
+	<span v-else>{{ value || '—' }}</span>
+</template>
+
+<style scoped>
+.url-record-view__link {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+  color: var(--color-accent);
+  word-break: break-all;
+}
+
+.url-record-view__icon {
+  flex-shrink: 0;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/record-view/UuidRecordView.spec.ts b/frontend-vue/src/components/fields/record-view/UuidRecordView.spec.ts
new file mode 100644
index 000000000..4188a9de8
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/UuidRecordView.spec.ts
@@ -0,0 +1,14 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UuidRecordView from './UuidRecordView.vue';
+
+describe('UuidRecordView', () => {
+	it('renders the uuid', () => {
+		const uuid = '550e8400-e29b-41d4-a716-446655440000';
+		expect(mount(UuidRecordView, { props: { value: uuid } }).text()).toBe(uuid);
+	});
+
+	it('renders Null when empty', () => {
+		expect(mount(UuidRecordView, { props: { value: null } }).text()).toBe('Null');
+	});
+});
diff --git a/frontend-vue/src/components/fields/record-view/UuidRecordView.stories.ts b/frontend-vue/src/components/fields/record-view/UuidRecordView.stories.ts
new file mode 100644
index 000000000..ee731c4c2
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/UuidRecordView.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import UuidRecordView from './UuidRecordView.vue';
+
+const meta = {
+	title: 'Record View Fields/Uuid',
+	component: UuidRecordView,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '550e8400-e29b-41d4-a716-446655440000',
+		structure: mockStructure({ data_type: 'uuid', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '550e8400-e29b-41d4-a716-446655440000' },
+		primaryKeys: { id: 1 },
+	},
+} satisfies Meta<typeof UuidRecordView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/record-view/UuidRecordView.vue b/frontend-vue/src/components/fields/record-view/UuidRecordView.vue
new file mode 100644
index 000000000..ff7abf0ad
--- /dev/null
+++ b/frontend-vue/src/components/fields/record-view/UuidRecordView.vue
@@ -0,0 +1,22 @@
+<script setup lang="ts">
+/** Port of record-view-fields/uuid (`UuidRecordViewComponent`): a UUID on one line, `Null` when empty. */
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
+
+defineProps<RecordViewFieldProps & { value?: string | null }>();
+defineEmits<ViewFieldEmits>();
+</script>
+
+<template>
+	<RecordViewValue class="uuid-record-view">{{ value || 'Null' }}</RecordViewValue>
+</template>
+
+<style scoped>
+.uuid-record-view {
+  display: block;
+  overflow: hidden;
+  font-family: var(--font-mono);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/stories.mocks.ts b/frontend-vue/src/components/fields/stories.mocks.ts
new file mode 100644
index 000000000..e90abbd14
--- /dev/null
+++ b/frontend-vue/src/components/fields/stories.mocks.ts
@@ -0,0 +1,42 @@
+// Fixtures shared by the field-widget stories — the `mockStructure` / `mockWidgetStructure`
+// objects every Angular story declared inline.
+import type { TableField, TableForeignKey, WidgetStructure } from '@/models/table';
+
+export function mockStructure(overrides: Partial<TableField> = {}): TableField {
+	return {
+		column_name: 'field_name',
+		column_default: null,
+		data_type: 'varchar',
+		isExcluded: false,
+		isSearched: false,
+		allow_null: true,
+		auto_increment: false,
+		character_maximum_length: null,
+		...overrides,
+	};
+}
+
+export function mockWidgetStructure(
+	// biome-ignore lint/suspicious/noExplicitAny: widget params are free-form per widget type
+	widget_params: Record<string, any> = {},
+	overrides: Partial<WidgetStructure> = {},
+): WidgetStructure {
+	return {
+		field_name: 'field_name',
+		widget_type: 'Default',
+		widget_params,
+		name: '',
+		description: '',
+		...overrides,
+	};
+}
+
+export function mockRelations(overrides: Partial<TableForeignKey> = {}): TableForeignKey {
+	return {
+		column_name: 'customer_id',
+		constraint_name: 'orders_customer_id_fkey',
+		referenced_column_name: 'id',
+		referenced_table_name: 'customers',
+		...overrides,
+	};
+}
diff --git a/frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.spec.ts
new file mode 100644
index 000000000..30b7c0fce
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.spec.ts
@@ -0,0 +1,12 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import BinaryDataCaptionDisplay from './BinaryDataCaptionDisplay.vue';
+
+describe('BinaryDataCaptionDisplay', () => {
+	it('displays the caption, or a dash when empty, without a copy button', () => {
+		const wrapper = mount(BinaryDataCaptionDisplay, { props: { value: 'binary-data-placeholder' } });
+		expect(wrapper.text()).toBe('binary-data-placeholder');
+		expect(wrapper.find('button').exists()).toBe(false);
+		expect(mount(BinaryDataCaptionDisplay, { props: { value: null } }).text()).toBe('—');
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.stories.ts
new file mode 100644
index 000000000..c17992001
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import BinaryDataCaptionDisplay from './BinaryDataCaptionDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/BinaryDataCaption',
+	component: BinaryDataCaptionDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '(binary data)',
+		structure: mockStructure({ data_type: 'bytea', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '(binary data)' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof BinaryDataCaptionDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.vue b/frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.vue
new file mode 100644
index 000000000..a18867228
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+/** Port of table-display-fields/binary-data-caption (`BinaryDataCaptionDisplayComponent`): a caption in place of binary data. */
+import type { TableDisplayFieldProps } from '../types';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+defineProps<TableDisplayFieldProps & { value?: string | null }>();
+</script>
+
+<template>
+	<TableDisplayCell :copyable="false">{{ value || '—' }}</TableDisplayCell>
+</template>
diff --git a/frontend-vue/src/components/fields/table-display/BinaryDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/BinaryDisplay.spec.ts
new file mode 100644
index 000000000..521932d52
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/BinaryDisplay.spec.ts
@@ -0,0 +1,51 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import BinaryDisplay from './BinaryDisplay.vue';
+import { cellText, setupCopy, widget } from './testing';
+
+describe('BinaryDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('shows a dash and no copy button for an empty value', () => {
+		const wrapper = mount(BinaryDisplay, { props: { value: null } });
+		expect(cellText(wrapper)).toBe('—');
+		expect(wrapper.find('button').exists()).toBe(false);
+	});
+
+	it('shows a server string as char-code-per-byte hex', () => {
+		expect(cellText(mount(BinaryDisplay, { props: { value: 'Hel' } }))).toBe('48656c');
+	});
+
+	it('shows a Buffer JSON value as hex', () => {
+		expect(cellText(mount(BinaryDisplay, { props: { value: { type: 'Buffer', data: [0x48, 0x65, 0x6c] } } }))).toBe(
+			'48656c',
+		);
+	});
+
+	it('truncates long output at 20 characters', () => {
+		expect(cellText(mount(BinaryDisplay, { props: { value: 'ª'.repeat(30) } }))).toBe(`${'aa'.repeat(10)}…`);
+	});
+
+	it('honours the encoding param and falls back to hex for unknown ones', () => {
+		const render = (encoding: string, value: string | { type: string; data: number[] }) =>
+			cellText(mount(BinaryDisplay, { props: { value, widgetStructure: widget({ encoding }) } }));
+		expect(render('base64', 'Hello')).toBe('SGVsbG8=');
+		expect(render('ascii', { type: 'Buffer', data: [0x48, 0x00, 0x69] })).toBe('H.i');
+		expect(render('utf8', 'Hi')).toBe('4869');
+	});
+
+	it('labels the copy button with the encoding', () => {
+		const wrapper = mount(BinaryDisplay, { props: { value: 'Hi', widgetStructure: widget({ encoding: 'base64' }) } });
+		expect(wrapper.get('button').attributes('aria-label')).toBe('Copy base64');
+	});
+
+	it('copies the full encoded value', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(BinaryDisplay, { props: { value: 'ª'.repeat(30) }, attachTo }));
+		expect(result).toEqual({
+			copied: ['aa'.repeat(30)],
+			emitted: [['Binary data was copied to clipboard.']],
+			rowClicked: false,
+		});
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/BinaryDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/BinaryDisplay.stories.ts
new file mode 100644
index 000000000..69cbef7d6
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/BinaryDisplay.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import BinaryDisplay from './BinaryDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Binary',
+	component: BinaryDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'Hello, binary world',
+		structure: mockStructure({ data_type: 'bytea', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'Hello, binary world' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof BinaryDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const Base64: Story = { args: { widgetStructure: mockWidgetStructure({ encoding: 'base64' }) } };
diff --git a/frontend-vue/src/components/fields/table-display/BinaryDisplay.vue b/frontend-vue/src/components/fields/table-display/BinaryDisplay.vue
new file mode 100644
index 000000000..4f2c371fb
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/BinaryDisplay.vue
@@ -0,0 +1,48 @@
+<script setup lang="ts">
+/** Port of table-display-fields/binary (`BinaryDisplayComponent`): bytes shown (and copied) as hex, base64 or ascii. */
+import { computed } from 'vue';
+import { bytesToEncoded, isBinaryEncoding, parseBinaryValue } from '@/lib/binary';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const MAX_DISPLAY_LENGTH = 20;
+
+const props = defineProps<
+	TableDisplayFieldProps & {
+		/** A server string (one char per byte), a Buffer JSON `{ type, data }` or a Uint8Array. */
+		value?: string | { type: string; data: number[] } | Uint8Array | null;
+	}
+>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams, copy } = useViewField(props, emit);
+
+const bytes = computed(() => parseBinaryValue(props.value));
+const encoding = computed(() => (isBinaryEncoding(widgetParams.value.encoding) ? widgetParams.value.encoding : 'hex'));
+const encodedValue = computed(() => bytesToEncoded(bytes.value, encoding.value));
+const copyLabel = computed(() => `Copy ${encoding.value}`);
+
+const displayText = computed(() => {
+	const encoded = encodedValue.value;
+	if (!encoded) return '—';
+	return encoded.length > MAX_DISPLAY_LENGTH ? `${encoded.substring(0, MAX_DISPLAY_LENGTH)}…` : encoded;
+});
+</script>
+
+<template>
+	<TableDisplayCell
+		:copyable="Boolean(encodedValue)"
+		:copy-label="copyLabel"
+		@copy="copy(encodedValue, 'Binary data was copied to clipboard.')"
+	>
+		<span class="binary-display__value">{{ displayText }}</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.binary-display__value {
+  font-family: var(--font-mono);
+  font-size: var(--text-xs);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/BooleanDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/BooleanDisplay.spec.ts
new file mode 100644
index 000000000..8f5357063
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/BooleanDisplay.spec.ts
@@ -0,0 +1,54 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import BooleanDisplay from './BooleanDisplay.vue';
+import { widget } from './testing';
+
+describe('BooleanDisplay', () => {
+	it('shows a green check for true', () => {
+		const icon = mount(BooleanDisplay, { props: { value: true } }).get('.boolean-display__icon');
+		expect(icon.text()).toBe('check');
+		expect(icon.attributes('aria-label')).toBe('True');
+		expect(icon.classes()).toContain('boolean-display__icon--positive');
+	});
+
+	it('shows a red cross for false', () => {
+		const icon = mount(BooleanDisplay, { props: { value: false } }).get('.boolean-display__icon');
+		expect(icon.text()).toBe('close');
+		expect(icon.classes()).toContain('boolean-display__icon--negative');
+	});
+
+	it('shows a dash for null', () => {
+		const wrapper = mount(BooleanDisplay, { props: { value: null } });
+		expect(wrapper.find('.boolean-display__icon').exists()).toBe(false);
+		expect(wrapper.text()).toBe('—');
+	});
+
+	it('inverts colours when configured', () => {
+		const props = { widgetStructure: widget({ invert_colors: true }) };
+		expect(
+			mount(BooleanDisplay, { props: { ...props, value: true } })
+				.get('.boolean-display__icon')
+				.classes(),
+		).toContain('boolean-display__icon--negative');
+		expect(
+			mount(BooleanDisplay, { props: { ...props, value: false } })
+				.get('.boolean-display__icon')
+				.classes(),
+		).toContain('boolean-display__icon--positive');
+	});
+
+	it('has no copy button', () => {
+		expect(
+			mount(BooleanDisplay, { props: { value: true } })
+				.find('button')
+				.exists(),
+		).toBe(false);
+	});
+});
+
+describe('BooleanDisplay without a value', () => {
+	it('renders no icon', () => {
+		const wrapper = mount(BooleanDisplay);
+		expect(wrapper.find('.boolean-display__icon').exists()).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/BooleanDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/BooleanDisplay.stories.ts
new file mode 100644
index 000000000..e3a306134
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/BooleanDisplay.stories.ts
@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import BooleanDisplay from './BooleanDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Boolean',
+	component: BooleanDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: true,
+		structure: mockStructure({ data_type: 'boolean', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: true },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof BooleanDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const False: Story = { args: { value: false } };
+export const InvertedColors: Story = { args: { widgetStructure: mockWidgetStructure({ invert_colors: true }) } };
diff --git a/frontend-vue/src/components/fields/table-display/BooleanDisplay.vue b/frontend-vue/src/components/fields/table-display/BooleanDisplay.vue
new file mode 100644
index 000000000..9620b6211
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/BooleanDisplay.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+/** Port of table-display-fields/boolean (`BooleanDisplayComponent`): a check / cross icon, optionally with inverted colours. */
+import { computed } from 'vue';
+import { UiIcon } from '@/components/ui';
+import type { TableDisplayFieldProps } from '../types';
+import { parseWidgetParams } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+// `value: undefined` turns off Vue's boolean casting, which would read an absent value as `false`
+// (a cross) instead of the dash Angular showed.
+const props = withDefaults(defineProps<TableDisplayFieldProps & { value?: boolean | null }>(), { value: undefined });
+
+/** `invert_colors`: a `true` reads as bad (red) and a `false` as good (green). */
+const invertColors = computed(() => parseWidgetParams(props.widgetStructure).invert_colors === true);
+
+const tone = computed(() => {
+	if (props.value === true) return invertColors.value ? 'negative' : 'positive';
+	return invertColors.value ? 'positive' : 'negative';
+});
+</script>
+
+<template>
+	<TableDisplayCell :copyable="false">
+		<UiIcon
+			v-if="value === true || value === false"
+			class="boolean-display__icon"
+			:class="`boolean-display__icon--${tone}`"
+			:name="value ? 'check' : 'close'"
+			:label="value ? 'True' : 'False'"
+		/>
+		<span v-else>—</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.boolean-display__icon {
+  vertical-align: middle;
+}
+
+.boolean-display__icon--positive {
+  color: var(--color-success);
+}
+
+.boolean-display__icon--negative {
+  color: var(--color-danger);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/CodeDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/CodeDisplay.spec.ts
new file mode 100644
index 000000000..2b6d8d79f
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/CodeDisplay.spec.ts
@@ -0,0 +1,24 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import CodeDisplay from './CodeDisplay.vue';
+import { cellText, setupCopy } from './testing';
+
+describe('CodeDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('displays the code, or a dash when empty', () => {
+		expect(
+			mount(CodeDisplay, { props: { value: 'console.log("hello")' } })
+				.get('code')
+				.text(),
+		).toBe('console.log("hello")');
+		expect(cellText(mount(CodeDisplay, { props: { value: null } }))).toBe('—');
+	});
+
+	it('copies the value', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(CodeDisplay, { props: { value: 'x = 1' }, attachTo }));
+		expect(result).toEqual({ copied: ['x = 1'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/CodeDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/CodeDisplay.stories.ts
new file mode 100644
index 000000000..c46418cdd
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/CodeDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import CodeDisplay from './CodeDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Code',
+	component: CodeDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'console.log("hello")',
+		structure: mockStructure({ data_type: 'text', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'console.log("hello")' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof CodeDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/CodeDisplay.vue b/frontend-vue/src/components/fields/table-display/CodeDisplay.vue
new file mode 100644
index 000000000..075accd9f
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/CodeDisplay.vue
@@ -0,0 +1,27 @@
+<script setup lang="ts">
+/** Port of table-display-fields/code (`CodeDisplayComponent`): source code shown as a monospace chip. */
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { copy } = useViewField(props, emit);
+</script>
+
+<template>
+	<TableDisplayCell @copy="copy(value)">
+		<code class="code-display__value">{{ value || '—' }}</code>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.code-display__value {
+  padding: 0 var(--space-2);
+  border-radius: var(--radius-control);
+  background: var(--color-paper-2);
+  font-family: var(--font-mono);
+  font-size: var(--text-xs);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/ColorDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/ColorDisplay.spec.ts
new file mode 100644
index 000000000..c65517ede
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/ColorDisplay.spec.ts
@@ -0,0 +1,47 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import ColorDisplay from './ColorDisplay.vue';
+import { setupCopy } from './testing';
+
+const swatch = (value: string | null) => mount(ColorDisplay, { props: { value } }).find('.color-display__swatch');
+
+describe('ColorDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('shows a swatch for a valid colour', () => {
+		expect(swatch('#ff0000').exists()).toBe(true);
+		expect(swatch('red').attributes('style')).toContain('background-color: rgb(255, 0, 0)');
+	});
+
+	it('shows no swatch for an invalid or empty colour', () => {
+		expect(swatch('not-a-color').exists()).toBe(false);
+		expect(swatch(null).exists()).toBe(false);
+	});
+
+	it('accepts hex without a hash', () => {
+		expect(swatch('ff0000').attributes('style')).toContain('background-color: rgb(255, 0, 0)');
+	});
+
+	it('displays the value, or a dash', () => {
+		expect(
+			mount(ColorDisplay, { props: { value: '#FF5733' } })
+				.get('.color-display__value')
+				.text(),
+		).toBe('#FF5733');
+		expect(
+			mount(ColorDisplay, { props: { value: null } })
+				.get('.color-display__value')
+				.text(),
+		).toBe('—');
+	});
+
+	it('copies the value', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(ColorDisplay, { props: { value: '#abc' }, attachTo }));
+		expect(result).toEqual({
+			copied: ['#abc'],
+			emitted: [['Color value was copied to clipboard.']],
+			rowClicked: false,
+		});
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/ColorDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/ColorDisplay.stories.ts
new file mode 100644
index 000000000..3c27e4c57
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/ColorDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import ColorDisplay from './ColorDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Color',
+	component: ColorDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '#FF5733',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '#FF5733' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof ColorDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/ColorDisplay.vue b/frontend-vue/src/components/fields/table-display/ColorDisplay.vue
new file mode 100644
index 000000000..c70c90174
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/ColorDisplay.vue
@@ -0,0 +1,74 @@
+<script setup lang="ts">
+/** Port of table-display-fields/color (`ColorDisplayComponent`): a swatch next to the colour value. */
+import colorString from 'color-string';
+import { computed } from 'vue';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { copy } = useViewField(props, emit);
+
+const parsed = computed(() => parseColor(props.value));
+const isValidColor = computed(() => Boolean(props.value) && parsed.value !== null);
+
+/** Any CSS colour (`red`, `rgb(…)`, a hex with or without the hash) normalized to `#rrggbb` for the swatch. */
+const normalizedColorForDisplay = computed(() => {
+	// Only rendered for a valid colour (Angular fell back to black here).
+	if (!parsed.value) return '';
+	const [r, g, b] = parsed.value.value;
+	return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+});
+
+function parseColor(color: string | null | undefined) {
+	if (!color) return null;
+	const result = colorString.get(color);
+	if (result) return result;
+	// Hex without the hash.
+	if (/^[A-Fa-f0-9]{6}$|^[A-Fa-f0-9]{3}$/.test(color)) return colorString.get(`#${color}`);
+	return null;
+}
+
+function toHex(n: number | undefined): string {
+	return (n ?? 0).toString(16).padStart(2, '0');
+}
+</script>
+
+<template>
+	<TableDisplayCell @copy="copy(value, 'Color value was copied to clipboard.')">
+		<span class="color-display">
+			<span
+				v-if="isValidColor"
+				class="color-display__swatch"
+				:style="{ backgroundColor: normalizedColorForDisplay }"
+				:title="value || 'No color'"
+			/>
+			<span class="color-display__value">{{ value || '—' }}</span>
+		</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.color-display {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-2);
+  max-width: 100%;
+}
+
+.color-display__swatch {
+  flex-shrink: 0;
+  width: var(--space-5);
+  height: var(--space-5);
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-control);
+}
+
+.color-display__value {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-family: var(--font-mono);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/CountryDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/CountryDisplay.spec.ts
new file mode 100644
index 000000000..c45c68942
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/CountryDisplay.spec.ts
@@ -0,0 +1,36 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import CountryDisplay from './CountryDisplay.vue';
+import { cellText, setupCopy, widget } from './testing';
+
+describe('CountryDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('shows the flag and name for a code', () => {
+		const wrapper = mount(CountryDisplay, { props: { value: 'US' } });
+		expect(wrapper.get('.country-display__flag').text()).toBe('🇺🇸');
+		expect(cellText(wrapper)).toContain('United States');
+	});
+
+	it('falls back to the raw value for an unknown code', () => {
+		expect(cellText(mount(CountryDisplay, { props: { value: 'XX' } }))).toContain('XX');
+	});
+
+	it('shows a dash for null', () => {
+		const wrapper = mount(CountryDisplay, { props: { value: null } });
+		expect(cellText(wrapper)).toBe('—');
+		expect(wrapper.find('.country-display__flag').exists()).toBe(false);
+	});
+
+	it('hides the flag with show_flag: false', () => {
+		const wrapper = mount(CountryDisplay, { props: { value: 'US', widgetStructure: widget({ show_flag: false }) } });
+		expect(wrapper.find('.country-display__flag').exists()).toBe(false);
+	});
+
+	it('copies the country name', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(CountryDisplay, { props: { value: 'FR' }, attachTo }));
+		expect(result).toEqual({ copied: ['France'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/CountryDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/CountryDisplay.stories.ts
new file mode 100644
index 000000000..40629458b
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/CountryDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import CountryDisplay from './CountryDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Country',
+	component: CountryDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'US',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'US' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof CountryDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/CountryDisplay.vue b/frontend-vue/src/components/fields/table-display/CountryDisplay.vue
new file mode 100644
index 000000000..bff420cac
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/CountryDisplay.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+/** Port of table-display-fields/country (`CountryDisplayComponent`): an ISO code shown as flag + country name. */
+import { computed } from 'vue';
+import { COUNTRIES, getCountryFlag } from '@/consts/countries';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams, copy } = useViewField(props, emit);
+
+const showFlag = computed<boolean>(() =>
+	widgetParams.value.show_flag !== undefined ? widgetParams.value.show_flag : true,
+);
+
+const countryName = computed(() => {
+	if (!props.value) return '—';
+	return COUNTRIES.find((c) => c.code === props.value)?.name ?? props.value;
+});
+
+const countryFlag = computed(() => (props.value ? getCountryFlag(props.value) : ''));
+</script>
+
+<template>
+	<TableDisplayCell @copy="copy(countryName)">
+		<span v-if="showFlag && countryFlag" class="country-display__flag">{{ countryFlag }}</span>
+		<span>{{ countryName }}</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.country-display__flag {
+  margin-inline-end: var(--space-1);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/DateDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/DateDisplay.spec.ts
new file mode 100644
index 000000000..1fda3b0ea
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/DateDisplay.spec.ts
@@ -0,0 +1,54 @@
+import { mount } from '@vue/test-utils';
+import { format } from 'date-fns';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import DateDisplay from './DateDisplay.vue';
+import { setupCopy, widget } from './testing';
+
+const shown = (props: InstanceType<typeof DateDisplay>['$props']) =>
+	mount(DateDisplay, { props }).get('.table-display-cell__value span');
+
+describe('DateDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('formats a date far from now with P, and the full date as the tooltip', () => {
+		const dateStr = '2023-04-29';
+		const span = shown({ value: dateStr });
+		expect(span.text()).toBe(format(new Date(dateStr), 'P'));
+		expect(span.attributes('title')).toBe(format(new Date(dateStr), 'PPP'));
+	});
+
+	it('shows a dash for null', () => {
+		const span = shown({ value: null });
+		expect(span.text()).toBe('—');
+		expect(span.attributes('title')).toBeUndefined();
+	});
+
+	it('shows "today" for a same-day date, keeping the full date tooltip', () => {
+		const recent = new Date(Date.now() - 1000 * 60);
+		const span = shown({ value: recent.toISOString(), widgetStructure: widget({ formatDistanceWithinHours: 48 }) });
+		expect(span.text()).toBe('today');
+		expect(span.attributes('title')).toBe(format(recent, 'PPP'));
+	});
+
+	it('shows a relative date for a recent non-today date (48h by default)', () => {
+		const yesterdayNoon = new Date();
+		yesterdayNoon.setDate(yesterdayNoon.getDate() - 1);
+		yesterdayNoon.setHours(12, 0, 0, 0);
+		expect(shown({ value: yesterdayNoon.toISOString() }).text()).toContain('ago');
+	});
+
+	it('shows an unparseable value as is', () => {
+		expect(shown({ value: 'someday' }).text()).toBe('someday');
+	});
+
+	it('copies the formatted date', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(DateDisplay, { props: { value: '2023-04-29' }, attachTo }));
+		expect(result).toEqual({
+			copied: [format(new Date('2023-04-29'), 'P')],
+			emitted: [[COPIED_MESSAGE]],
+			rowClicked: false,
+		});
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/DateDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/DateDisplay.stories.ts
new file mode 100644
index 000000000..5806404dd
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/DateDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import DateDisplay from './DateDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Date',
+	component: DateDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '2024-01-15',
+		structure: mockStructure({ data_type: 'date', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '2024-01-15' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof DateDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/DateDisplay.vue b/frontend-vue/src/components/fields/table-display/DateDisplay.vue
new file mode 100644
index 000000000..61c325c16
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/DateDisplay.vue
@@ -0,0 +1,44 @@
+<script setup lang="ts">
+/**
+ * Port of table-display-fields/date (`DateDisplayComponent`): a date, shown relative ("today",
+ * "2 days ago") within `formatDistanceWithinHours` (default 48) of now, the full date as a tooltip.
+ */
+import { differenceInHours, format, formatDistanceStrict, isToday, startOfToday } from 'date-fns';
+import { computed } from 'vue';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams, copy } = useViewField(props, emit);
+
+const formatDistanceWithinHours = computed(() =>
+	widgetParams.value.formatDistanceWithinHours !== undefined
+		? Number(widgetParams.value.formatDistanceWithinHours) || 48
+		: 48,
+);
+
+/** `{ formatted, full }`, or nulls for an empty value. */
+const display = computed(() => {
+	if (!props.value) return { formatted: null, full: null };
+	const date = new Date(props.value);
+	if (Number.isNaN(date.getTime())) return { formatted: props.value, full: props.value };
+	const full = format(date, 'PPP');
+	const hours = formatDistanceWithinHours.value;
+	if (hours > 0 && Math.abs(differenceInHours(date, new Date())) <= hours) {
+		return {
+			formatted: isToday(date) ? 'today' : formatDistanceStrict(date, startOfToday(), { addSuffix: true }),
+			full,
+		};
+	}
+	return { formatted: format(date, 'P'), full };
+});
+</script>
+
+<template>
+	<TableDisplayCell @copy="copy(display.formatted)">
+		<span :title="display.full || undefined">{{ display.formatted || '—' }}</span>
+	</TableDisplayCell>
+</template>
diff --git a/frontend-vue/src/components/fields/table-display/DateTimeDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/DateTimeDisplay.spec.ts
new file mode 100644
index 000000000..9dd528db6
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/DateTimeDisplay.spec.ts
@@ -0,0 +1,47 @@
+import { mount } from '@vue/test-utils';
+import { format } from 'date-fns';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import DateTimeDisplay from './DateTimeDisplay.vue';
+import { setupCopy, widget } from './testing';
+
+const shown = (props: InstanceType<typeof DateTimeDisplay>['$props']) =>
+	mount(DateTimeDisplay, { props }).get('.table-display-cell__value span');
+
+describe('DateTimeDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('formats a datetime with "P p" and the full one as the tooltip', () => {
+		const dateStr = '2023-04-29T10:30:00';
+		const span = shown({ value: dateStr });
+		expect(span.text()).toBe(format(new Date(dateStr), 'P p'));
+		expect(span.attributes('title')).toBe(format(new Date(dateStr), 'PPpp'));
+	});
+
+	it('shows a dash for null', () => {
+		expect(shown({ value: null }).text()).toBe('—');
+	});
+
+	it('is never relative by default', () => {
+		const recent = new Date(Date.now() - 1000 * 60 * 5);
+		expect(shown({ value: recent.toISOString() }).text()).toBe(format(recent, 'P p'));
+	});
+
+	it('is relative within formatDistanceWithinHours', () => {
+		const recent = new Date(Date.now() - 1000 * 60 * 5);
+		expect(
+			shown({ value: recent.toISOString(), widgetStructure: widget({ formatDistanceWithinHours: 2 }) }).text(),
+		).toBe('5 minutes ago');
+	});
+
+	it('copies the formatted datetime', async () => {
+		const value = '2023-04-29T10:30:00';
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(DateTimeDisplay, { props: { value }, attachTo }));
+		expect(result).toEqual({
+			copied: [format(new Date(value), 'P p')],
+			emitted: [[COPIED_MESSAGE]],
+			rowClicked: false,
+		});
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/DateTimeDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/DateTimeDisplay.stories.ts
new file mode 100644
index 000000000..bad6f5158
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/DateTimeDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import DateTimeDisplay from './DateTimeDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/DateTime',
+	component: DateTimeDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '2024-01-15T10:30:00',
+		structure: mockStructure({ data_type: 'datetime', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '2024-01-15T10:30:00' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof DateTimeDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/DateTimeDisplay.vue b/frontend-vue/src/components/fields/table-display/DateTimeDisplay.vue
new file mode 100644
index 000000000..ae1d795a7
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/DateTimeDisplay.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+/**
+ * Port of table-display-fields/date-time (`DateTimeDisplayComponent`): a timestamp, shown relative
+ * ("5 minutes ago") within `formatDistanceWithinHours` (default 0 = never), the full one as a tooltip.
+ */
+import { differenceInHours, format, formatDistanceToNow } from 'date-fns';
+import { computed } from 'vue';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams, copy } = useViewField(props, emit);
+
+const formatDistanceWithinHours = computed(() =>
+	widgetParams.value.formatDistanceWithinHours !== undefined
+		? Number(widgetParams.value.formatDistanceWithinHours) || 0
+		: 0,
+);
+
+const display = computed(() => {
+	if (!props.value) return { formatted: null, full: null };
+	const date = new Date(props.value);
+	if (Number.isNaN(date.getTime())) return { formatted: props.value, full: props.value };
+	const full = format(date, 'PPpp');
+	const hours = formatDistanceWithinHours.value;
+	if (hours > 0 && Math.abs(differenceInHours(date, new Date())) <= hours) {
+		return { formatted: formatDistanceToNow(date, { addSuffix: true }), full };
+	}
+	return { formatted: format(date, 'P p'), full };
+});
+</script>
+
+<template>
+	<TableDisplayCell @copy="copy(display.formatted)">
+		<span :title="display.full || undefined">{{ display.formatted || '—' }}</span>
+	</TableDisplayCell>
+</template>
diff --git a/frontend-vue/src/components/fields/table-display/FileDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/FileDisplay.spec.ts
new file mode 100644
index 000000000..2d08cb88d
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/FileDisplay.spec.ts
@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import FileDisplay from './FileDisplay.vue';
+
+describe('FileDisplay', () => {
+	it('captions Buffer data as "Binary Data"', () => {
+		expect(mount(FileDisplay, { props: { value: { type: 'Buffer', data: [1, 2, 3] } } }).text()).toBe('Binary Data');
+	});
+
+	it('shows a short string as is', () => {
+		expect(mount(FileDisplay, { props: { value: 'short.txt' } }).text()).toBe('short.txt');
+	});
+
+	it('captions a long string as "Binary Data"', () => {
+		expect(mount(FileDisplay, { props: { value: 'a'.repeat(25) } }).text()).toBe('Binary Data');
+	});
+
+	it('shows a dash for null, without a copy button', () => {
+		const wrapper = mount(FileDisplay, { props: { value: null } });
+		expect(wrapper.text()).toBe('—');
+		expect(wrapper.find('button').exists()).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/FileDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/FileDisplay.stories.ts
new file mode 100644
index 000000000..6fcfbf518
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/FileDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import FileDisplay from './FileDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/File',
+	component: FileDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'document.pdf',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'document.pdf' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof FileDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/FileDisplay.vue b/frontend-vue/src/components/fields/table-display/FileDisplay.vue
new file mode 100644
index 000000000..b01eebe12
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/FileDisplay.vue
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+/** Port of table-display-fields/file (`FileDisplayComponent`): a file column, captioned "Binary Data" unless short text. */
+import { computed } from 'vue';
+import type { TableDisplayFieldProps } from '../types';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | { type: string; data: unknown[] } | null }>();
+
+const isBlob = computed(
+	() => typeof props.value === 'object' && props.value !== null && 'type' in props.value && 'data' in props.value,
+);
+
+const displayText = computed(() => {
+	if (isBlob.value) return 'Binary Data';
+	if (typeof props.value === 'string' && props.value.length > 20) return 'Binary Data';
+	return props.value ? String(props.value) : '—';
+});
+</script>
+
+<template>
+	<TableDisplayCell :copyable="false">
+		<span class="file-display__value">{{ displayText }}</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.file-display__value {
+  font-style: italic;
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.spec.ts
new file mode 100644
index 000000000..a4d1b8fdd
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.spec.ts
@@ -0,0 +1,65 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { mockRelations } from '../stories.mocks';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import ForeignKeyDisplay from './ForeignKeyDisplay.vue';
+import { cellText, setupCopy } from './testing';
+
+const relations = mockRelations({ column_name: 'user_id', referenced_table_name: 'users' });
+
+describe('ForeignKeyDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('shows the plain value without relations', () => {
+		const wrapper = mount(ForeignKeyDisplay, { props: { value: '42' } });
+		expect(cellText(wrapper)).toBe('42');
+		expect(wrapper.find('.foreign-key-display__button').exists()).toBe(false);
+	});
+
+	it('shows a button with relations', () => {
+		const wrapper = mount(ForeignKeyDisplay, { props: { value: '42', relations } });
+		expect(wrapper.get('.foreign-key-display__button').text()).toBe('42');
+	});
+
+	it('shows a dash for null and undefined', () => {
+		for (const value of [null, undefined]) {
+			const wrapper = mount(ForeignKeyDisplay, { props: { value, relations } });
+			expect(wrapper.find('.foreign-key-display__button').exists()).toBe(false);
+			expect(cellText(wrapper)).toBe('—');
+		}
+	});
+
+	it('shows the button for 0 and an empty string', () => {
+		expect(
+			mount(ForeignKeyDisplay, { props: { value: 0, relations } })
+				.get('.foreign-key-display__button')
+				.text(),
+		).toBe('0');
+		expect(
+			mount(ForeignKeyDisplay, { props: { value: '', relations } })
+				.find('.foreign-key-display__button')
+				.exists(),
+		).toBe(true);
+	});
+
+	it('marks the selected key', () => {
+		const wrapper = mount(ForeignKeyDisplay, { props: { value: '1', relations, isSelected: true } });
+		expect(wrapper.get('.foreign-key-display__button').classes()).toContain('foreign-key-display__button--selected');
+	});
+
+	it('emits foreignKeyClick without clicking the row', async () => {
+		const { attachTo } = setupCopy();
+		const rowClick = vi.fn();
+		attachTo.addEventListener('click', rowClick);
+		const wrapper = mount(ForeignKeyDisplay, { props: { value: 7, relations }, attachTo });
+		await wrapper.get('.foreign-key-display__button').trigger('click');
+		expect(wrapper.emitted('foreignKeyClick')).toEqual([[{ foreignKey: relations, value: 7 }]]);
+		expect(rowClick).not.toHaveBeenCalled();
+	});
+
+	it('copies the value', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(ForeignKeyDisplay, { props: { value: '42', relations }, attachTo }));
+		expect(result).toEqual({ copied: ['42'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.stories.ts
new file mode 100644
index 000000000..478e0d1e6
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.stories.ts
@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockRelations, mockStructure, mockWidgetStructure } from '../stories.mocks';
+import ForeignKeyDisplay from './ForeignKeyDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/ForeignKey',
+	component: ForeignKeyDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '1',
+		structure: mockStructure({ data_type: 'integer', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '1' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof ForeignKeyDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const WithRelations: Story = { args: { relations: mockRelations() } };
+export const Selected: Story = { args: { relations: mockRelations(), isSelected: true } };
diff --git a/frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.vue b/frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.vue
new file mode 100644
index 000000000..e3e89f77c
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.vue
@@ -0,0 +1,82 @@
+<script setup lang="ts">
+/**
+ * Port of table-display-fields/foreign-key (`ForeignKeyDisplayComponent`): the key as a chip that
+ * opens the referenced row (`foreignKeyClick`, the Angular `onForeignKeyClick`).
+ */
+import type { TableForeignKey } from '@/models/table';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = withDefaults(
+	defineProps<
+		TableDisplayFieldProps & {
+			value?: string | number | null;
+			/** The referenced row is the one open in the side panel. */
+			isSelected?: boolean;
+			relations?: TableForeignKey;
+		}
+	>(),
+	{ isSelected: false },
+);
+const emit = defineEmits<
+	ViewFieldEmits & {
+		foreignKeyClick: [payload: { foreignKey: TableForeignKey; value: string | number }];
+	}
+>();
+
+const { copy } = useViewField(props, emit);
+
+function onForeignKeyClick(event: MouseEvent) {
+	event.stopPropagation();
+	if (props.relations && props.value != null) {
+		emit('foreignKeyClick', { foreignKey: props.relations, value: props.value });
+	}
+}
+</script>
+
+<template>
+	<TableDisplayCell @copy="copy(value)">
+		<span v-if="value == null">—</span>
+		<button
+			v-else-if="relations"
+			type="button"
+			class="foreign-key-display__button"
+			:class="{ 'foreign-key-display__button--selected': isSelected }"
+			@click="onForeignKeyClick"
+		>
+			{{ value }}
+		</button>
+		<span v-else>{{ value }}</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.foreign-key-display__button {
+  max-width: 100%;
+  padding: var(--space-05) var(--space-2);
+  overflow: hidden;
+  border: 1px solid transparent;
+  border-radius: var(--radius-pill);
+  background: transparent;
+  color: var(--color-accent);
+  font: inherit;
+  text-align: start;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  transition:
+    background var(--motion-fast),
+    border-color var(--motion-fast);
+}
+
+.foreign-key-display__button:hover,
+.foreign-key-display__button--selected {
+  background: var(--color-paper-2);
+  border-color: var(--color-line-strong);
+}
+
+.foreign-key-display__button:focus-visible {
+  outline: none;
+  box-shadow: var(--ring-focus);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/IdDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/IdDisplay.spec.ts
new file mode 100644
index 000000000..10640fb50
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/IdDisplay.spec.ts
@@ -0,0 +1,26 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import IdDisplay from './IdDisplay.vue';
+import { setupCopy } from './testing';
+
+describe('IdDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('displays the id right-aligned, or a dash when empty', () => {
+		const wrapper = mount(IdDisplay, { props: { value: 42 } });
+		expect(wrapper.get('.id-display__value').text()).toBe('42');
+		expect(wrapper.classes()).toContain('table-display-cell--align-end');
+		expect(
+			mount(IdDisplay, { props: { value: null } })
+				.get('.id-display__value')
+				.text(),
+		).toBe('—');
+	});
+
+	it('copies the value', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(IdDisplay, { props: { value: 42 }, attachTo }));
+		expect(result).toEqual({ copied: ['42'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/IdDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/IdDisplay.stories.ts
new file mode 100644
index 000000000..c35423788
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/IdDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import IdDisplay from './IdDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Id',
+	component: IdDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '12345',
+		structure: mockStructure({ data_type: 'integer', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '12345' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof IdDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/IdDisplay.vue b/frontend-vue/src/components/fields/table-display/IdDisplay.vue
new file mode 100644
index 000000000..be753d2b1
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/IdDisplay.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+/** Port of table-display-fields/id (`IdDisplayComponent`): a right-aligned identifier. */
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | number | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { copy } = useViewField(props, emit);
+</script>
+
+<template>
+	<TableDisplayCell align="end" @copy="copy(value)">
+		<span class="id-display__value">{{ value || '—' }}</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.id-display__value {
+  font-weight: var(--weight-medium);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/ImageDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/ImageDisplay.spec.ts
new file mode 100644
index 000000000..d23fb6cde
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/ImageDisplay.spec.ts
@@ -0,0 +1,45 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import ImageDisplay from './ImageDisplay.vue';
+import { setupCopy, widget } from './testing';
+
+describe('ImageDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('shows a thumbnail for a URL, sized by the height param', () => {
+		const img = mount(ImageDisplay, {
+			props: { value: 'https://example.com/image.png', widgetStructure: widget({ height: 50 }) },
+		}).get('img');
+		expect(img.attributes('src')).toBe('https://example.com/image.png');
+		expect(img.attributes('style')).toContain('--image-display-height: 50px');
+	});
+
+	it('shows a placeholder for a non-URL', () => {
+		const wrapper = mount(ImageDisplay, { props: { value: 'not-a-url' } });
+		expect(wrapper.find('img').exists()).toBe(false);
+		expect(wrapper.get('.image-display__placeholder').text()).toBe('[Image URL]');
+	});
+
+	it('prepends the prefix param', () => {
+		const img = mount(ImageDisplay, {
+			props: { value: 'cat.png', widgetStructure: widget({ prefix: 'https://cdn.example.com/' }) },
+		}).get('img');
+		expect(img.attributes('src')).toBe('https://cdn.example.com/cat.png');
+	});
+
+	it('copies the full image URL', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const wrapper = mount(ImageDisplay, {
+			props: { value: 'cat.png', widgetStructure: widget({ prefix: 'https://cdn.example.com/' }) },
+			attachTo,
+		});
+		expect(wrapper.get('button').attributes('aria-label')).toBe('Copy image URL');
+		const result = await clickCopy(wrapper);
+		expect(result).toEqual({
+			copied: ['https://cdn.example.com/cat.png'],
+			emitted: [[COPIED_MESSAGE]],
+			rowClicked: false,
+		});
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/ImageDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/ImageDisplay.stories.ts
new file mode 100644
index 000000000..a88d4d8ef
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/ImageDisplay.stories.ts
@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import ImageDisplay from './ImageDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Image',
+	component: ImageDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'https://via.placeholder.com/150',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'https://via.placeholder.com/150' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof ImageDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const WithHeight: Story = { args: { widgetStructure: mockWidgetStructure({ height: 40 }) } };
diff --git a/frontend-vue/src/components/fields/table-display/ImageDisplay.vue b/frontend-vue/src/components/fields/table-display/ImageDisplay.vue
new file mode 100644
index 000000000..6ed1e0f50
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/ImageDisplay.vue
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+/** Port of table-display-fields/image (`ImageDisplayComponent`): a thumbnail of an image URL (`prefix` + value, `height` px). */
+import { computed } from 'vue';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams, copy } = useViewField(props, emit);
+
+const srcValue = computed(() => (props.value ? (widgetParams.value.prefix || '') + props.value : ''));
+
+const isUrl = computed(() => {
+	if (!props.value) return false;
+	try {
+		new URL(srcValue.value);
+		return true;
+	} catch {
+		return false;
+	}
+});
+
+const thumbnailStyle = computed(() => {
+	const height = widgetParams.value.height;
+	return height ? { '--image-display-height': `${height}px` } : undefined;
+});
+</script>
+
+<template>
+	<TableDisplayCell copy-label="Copy image URL" @copy="copy(srcValue)">
+		<img v-if="isUrl" class="image-display__thumbnail" :src="srcValue" alt="Image" :style="thumbnailStyle">
+		<span v-else class="image-display__placeholder">[Image URL]</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.image-display__thumbnail {
+  display: block;
+  height: var(--image-display-height, auto);
+  margin: var(--space-3) 0;
+}
+
+.image-display__placeholder {
+  font-style: italic;
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/JsonEditorDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/JsonEditorDisplay.spec.ts
new file mode 100644
index 000000000..d0516164b
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/JsonEditorDisplay.spec.ts
@@ -0,0 +1,43 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import JsonEditorDisplay from './JsonEditorDisplay.vue';
+import { setupCopy } from './testing';
+
+const shown = (value: unknown) => mount(JsonEditorDisplay, { props: { value } }).get('code').text();
+
+describe('JsonEditorDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('pretty-prints a JSON string', () => {
+		expect(shown('{"name":"test","count":3}')).toBe(JSON.stringify({ name: 'test', count: 3 }, null, 2));
+	});
+
+	it('pretty-prints an already parsed value', () => {
+		expect(shown([1, 2])).toBe(JSON.stringify([1, 2], null, 2));
+	});
+
+	it('shows invalid JSON as is', () => {
+		expect(shown('not valid json')).toBe('not valid json');
+	});
+
+	it('renders nothing for an empty value', () => {
+		expect(
+			mount(JsonEditorDisplay, { props: { value: null } })
+				.find('.table-display-cell')
+				.exists(),
+		).toBe(false);
+	});
+
+	it('copies the raw string, or the JSON of an object', async () => {
+		let setup = setupCopy();
+		let result = await setup.clickCopy(
+			mount(JsonEditorDisplay, { props: { value: '{"a":1}' }, attachTo: setup.attachTo }),
+		);
+		expect(result).toEqual({ copied: ['{"a":1}'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+
+		setup = setupCopy();
+		result = await setup.clickCopy(mount(JsonEditorDisplay, { props: { value: { a: 1 } }, attachTo: setup.attachTo }));
+		expect(result.copied).toEqual(['{"a":1}']);
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/JsonEditorDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/JsonEditorDisplay.stories.ts
new file mode 100644
index 000000000..cc6012470
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/JsonEditorDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import JsonEditorDisplay from './JsonEditorDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/JsonEditor',
+	component: JsonEditorDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '{"key": "value"}',
+		structure: mockStructure({ data_type: 'json', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '{"key": "value"}' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof JsonEditorDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/JsonEditorDisplay.vue b/frontend-vue/src/components/fields/table-display/JsonEditorDisplay.vue
new file mode 100644
index 000000000..8729aabf7
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/JsonEditorDisplay.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+/** Port of table-display-fields/json-editor (`JsonEditorDisplayComponent`): a JSON value as a monospace one-liner. */
+import { computed } from 'vue';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<
+	TableDisplayFieldProps & {
+		/** A JSON string or an already-parsed value (json/jsonb/array/object columns). */
+		value?: unknown;
+	}
+>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { copy } = useViewField(props, emit);
+
+const formattedJson = computed(() => {
+	if (!props.value) return '';
+	try {
+		const parsed = typeof props.value === 'string' ? JSON.parse(props.value) : props.value;
+		return JSON.stringify(parsed, null, 2);
+	} catch {
+		return String(props.value);
+	}
+});
+
+/** What the copy button copies: the raw value, stringified when the API handed over an object. */
+const copyText = computed(() => (typeof props.value === 'string' ? props.value : JSON.stringify(props.value)));
+</script>
+
+<template>
+	<TableDisplayCell v-if="value" @copy="copy(copyText)">
+		<code class="json-editor-display__value">{{ formattedJson }}</code>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.json-editor-display__value {
+  padding: 0 var(--space-2);
+  border-radius: var(--radius-control);
+  background: var(--color-paper-2);
+  font-family: var(--font-mono);
+  font-size: var(--text-xs);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/LanguageDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/LanguageDisplay.spec.ts
new file mode 100644
index 000000000..31c7f4ba1
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/LanguageDisplay.spec.ts
@@ -0,0 +1,34 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import LanguageDisplay from './LanguageDisplay.vue';
+import { cellText, setupCopy, widget } from './testing';
+
+describe('LanguageDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('shows the language name and flag for a code, case-insensitively', () => {
+		const wrapper = mount(LanguageDisplay, { props: { value: 'FR' } });
+		expect(cellText(wrapper)).toContain('French');
+		expect(wrapper.find('.language-display__flag').exists()).toBe(true);
+	});
+
+	it('falls back to the raw value for an unknown code', () => {
+		expect(cellText(mount(LanguageDisplay, { props: { value: 'zz-unknown' } }))).toBe('zz-unknown');
+	});
+
+	it('shows a dash for null', () => {
+		expect(cellText(mount(LanguageDisplay, { props: { value: null } }))).toBe('—');
+	});
+
+	it('hides the flag with show_flag: false', () => {
+		const wrapper = mount(LanguageDisplay, { props: { value: 'en', widgetStructure: widget({ show_flag: false }) } });
+		expect(wrapper.find('.language-display__flag').exists()).toBe(false);
+	});
+
+	it('copies the language name', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(LanguageDisplay, { props: { value: 'fr' }, attachTo }));
+		expect(result).toEqual({ copied: ['French'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/LanguageDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/LanguageDisplay.stories.ts
new file mode 100644
index 000000000..6f1430e0e
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/LanguageDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import LanguageDisplay from './LanguageDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Language',
+	component: LanguageDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'en',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'en' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof LanguageDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/LanguageDisplay.vue b/frontend-vue/src/components/fields/table-display/LanguageDisplay.vue
new file mode 100644
index 000000000..31f11a38e
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/LanguageDisplay.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+/** Port of table-display-fields/language (`LanguageDisplayComponent`): a language code shown as flag + name. */
+import { computed } from 'vue';
+import { getLanguageFlag, LANGUAGES } from '@/consts/languages';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams, copy } = useViewField(props, emit);
+
+const showFlag = computed<boolean>(() =>
+	widgetParams.value.show_flag !== undefined ? widgetParams.value.show_flag : true,
+);
+
+const language = computed(() => {
+	const code = props.value?.toLowerCase();
+	return code ? LANGUAGES.find((l) => l.code.toLowerCase() === code) : undefined;
+});
+
+const languageName = computed(() => (props.value ? (language.value?.name ?? props.value) : '—'));
+const languageFlag = computed(() => (language.value ? getLanguageFlag(language.value) : ''));
+</script>
+
+<template>
+	<TableDisplayCell @copy="copy(languageName)">
+		<span v-if="showFlag && languageFlag" class="language-display__flag">{{ languageFlag }}</span>
+		<span>{{ languageName }}</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.language-display__flag {
+  margin-inline-end: var(--space-1);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/LongTextDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/LongTextDisplay.spec.ts
new file mode 100644
index 000000000..d8428b04b
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/LongTextDisplay.spec.ts
@@ -0,0 +1,21 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import LongTextDisplay from './LongTextDisplay.vue';
+import { cellText, setupCopy } from './testing';
+
+describe('LongTextDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('displays the value, or a dash when empty', () => {
+		const text = 'This is a long text value for testing';
+		expect(cellText(mount(LongTextDisplay, { props: { value: text } }))).toBe(text);
+		expect(cellText(mount(LongTextDisplay, { props: { value: null } }))).toBe('—');
+	});
+
+	it('copies the value', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(LongTextDisplay, { props: { value: 'long' }, attachTo }));
+		expect(result).toEqual({ copied: ['long'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/LongTextDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/LongTextDisplay.stories.ts
new file mode 100644
index 000000000..0c09f67ac
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/LongTextDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import LongTextDisplay from './LongTextDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/LongText',
+	component: LongTextDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'Lorem ipsum dolor sit amet...',
+		structure: mockStructure({ data_type: 'text', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'Lorem ipsum dolor sit amet...' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof LongTextDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/LongTextDisplay.vue b/frontend-vue/src/components/fields/table-display/LongTextDisplay.vue
new file mode 100644
index 000000000..2d8383f99
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/LongTextDisplay.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts">
+/** Port of table-display-fields/long-text (`LongTextDisplayComponent`): a textarea column's one-line cell. */
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { copy } = useViewField(props, emit);
+</script>
+
+<template>
+	<TableDisplayCell class="long-text-display" @copy="copy(value)">{{ value || '—' }}</TableDisplayCell>
+</template>
+
+<style scoped>
+.long-text-display {
+  height: var(--space-10);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/MarkdownDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/MarkdownDisplay.spec.ts
new file mode 100644
index 000000000..238a17856
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/MarkdownDisplay.spec.ts
@@ -0,0 +1,57 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import MarkdownDisplay from './MarkdownDisplay.vue';
+import { setupCopy } from './testing';
+
+const title = (value: string | null) =>
+	mount(MarkdownDisplay, { props: { value } }).get('.markdown-display__preview').text();
+
+describe('MarkdownDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('uses the first heading as the title', () => {
+		expect(title('# Main Title\n\nSome paragraph text here.')).toBe('Main Title');
+		expect(title('## Secondary Title\n\nContent follows.')).toBe('Secondary Title');
+	});
+
+	it('prefers a heading over an earlier paragraph', () => {
+		expect(title('Some intro text\n\n# Actual Title\n\nParagraph content.')).toBe('Actual Title');
+	});
+
+	it('falls back to the first paragraph', () => {
+		expect(title('This is the first paragraph.\n\nThis is the second paragraph.')).toBe('This is the first paragraph.');
+	});
+
+	it('truncates at 100 characters', () => {
+		expect(title(`# ${'a'.repeat(150)}`)).toBe(`${'a'.repeat(100)}...`);
+	});
+
+	it('shows inline markup in the title as plain text, like Angular', () => {
+		const preview = mount(MarkdownDisplay, { props: { value: '# **Bold** title' } }).get('.markdown-display__preview');
+		expect(preview.text()).toBe('**Bold** title');
+		expect(preview.find('strong').exists()).toBe(false);
+	});
+
+	it('shows a dash for empty, null and whitespace-only markdown', () => {
+		expect(title('')).toBe('—');
+		expect(title(null)).toBe('—');
+		expect(title('   \n\n   ')).toBe('—');
+	});
+
+	it('ignores code blocks and lists after the heading', () => {
+		expect(title('# API Documentation\n\n```javascript\nconst x = 5;\n```')).toBe('API Documentation');
+		expect(title('# Shopping List\n\n- Item 1\n- Item 2')).toBe('Shopping List');
+	});
+
+	it('shows the whole source as a tooltip', () => {
+		const wrapper = mount(MarkdownDisplay, { props: { value: '# Hello\n\nworld' } });
+		expect(wrapper.get('.markdown-display__preview').attributes('title')).toBe('# Hello\n\nworld');
+	});
+
+	it('copies the source', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(MarkdownDisplay, { props: { value: '# Hello' }, attachTo }));
+		expect(result).toEqual({ copied: ['# Hello'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/MarkdownDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/MarkdownDisplay.stories.ts
new file mode 100644
index 000000000..50909d863
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/MarkdownDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import MarkdownDisplay from './MarkdownDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Markdown',
+	component: MarkdownDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '# Hello',
+		structure: mockStructure({ data_type: 'text', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '# Hello' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof MarkdownDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/MarkdownDisplay.vue b/frontend-vue/src/components/fields/table-display/MarkdownDisplay.vue
new file mode 100644
index 000000000..8efd865aa
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/MarkdownDisplay.vue
@@ -0,0 +1,48 @@
+<script setup lang="ts">
+/**
+ * Port of table-display-fields/markdown (`MarkdownDisplayComponent`): a one-line preview — the first
+ * heading, else the first paragraph, truncated at 100 characters — as plain text (like Angular,
+ * so inline markup in the title shows as typed), with the whole source as a tooltip.
+ */
+import { marked } from 'marked';
+import { computed } from 'vue';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { copy } = useViewField(props, emit);
+
+const displayTitle = computed(() => extractTitle(props.value));
+
+/** Headings first, then the first paragraph/text, then the first line. */
+function extractTitle(markdown: string | null | undefined): string {
+	if (!markdown || markdown.trim() === '') return '—';
+	try {
+		const tokens = marked.lexer(markdown);
+		const heading = tokens.find((token) => token.type === 'heading');
+		if (heading && 'text' in heading) return truncate(heading.text, 100);
+		for (const token of tokens) {
+			if (token.type === 'paragraph' && 'text' in token) return truncate(token.text, 100);
+			if (token.type === 'text' && 'text' in token && token.text.trim().length > 0) return truncate(token.text, 100);
+		}
+	} catch {
+		// Fall through to the first line.
+	}
+	return truncate(markdown.trim().split('\n')[0] ?? '', 100);
+}
+
+function truncate(text: string, maxLength: number): string {
+	const cleaned = text.trim();
+	if (cleaned.length > maxLength) return `${cleaned.substring(0, maxLength)}...`;
+	return cleaned || '—';
+}
+</script>
+
+<template>
+	<TableDisplayCell @copy="copy(value)">
+		<span class="markdown-display__preview" :title="value || undefined">{{ displayTitle }}</span>
+	</TableDisplayCell>
+</template>
diff --git a/frontend-vue/src/components/fields/table-display/MoneyDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/MoneyDisplay.spec.ts
new file mode 100644
index 000000000..777ef0b63
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/MoneyDisplay.spec.ts
@@ -0,0 +1,54 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import MoneyDisplay from './MoneyDisplay.vue';
+import { cellText, setupCopy, widget } from './testing';
+
+const shown = (value: InstanceType<typeof MoneyDisplay>['$props']['value'], params: Record<string, unknown> = {}) =>
+	cellText(mount(MoneyDisplay, { props: { value, widgetStructure: widget(params) } }));
+
+describe('MoneyDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('formats with the default currency symbol', () => {
+		expect(shown(42.5, { default_currency: 'USD' })).toBe('$42.50');
+	});
+
+	it('shows a dash for null and empty', () => {
+		expect(shown(null)).toBe('—');
+		expect(shown('')).toBe('—');
+	});
+
+	it('divides minor units with cents: true', () => {
+		expect(shown(1099, { default_currency: 'USD', cents: true })).toBe('$10.99');
+	});
+
+	it('does not divide zero-decimal currencies, ignoring decimal_places', () => {
+		expect(shown(1099, { default_currency: 'JPY', cents: true })).toBe('¥1099');
+		expect(shown(500, { default_currency: 'JPY', cents: true, decimal_places: 4 })).toBe('¥500');
+	});
+
+	it('renders zero', () => {
+		expect(shown(0, { default_currency: 'USD', cents: true })).toBe('$0.00');
+	});
+
+	it('honours decimal_places and parses strings', () => {
+		expect(shown('12.3456', { decimal_places: 3 })).toBe('12.346');
+	});
+
+	it('uses the currency of an { amount, currency } value', () => {
+		expect(shown({ amount: 5, currency: 'EUR' }, { default_currency: 'USD' })).toBe('€5.00');
+	});
+
+	it('shows a dash for a non-numeric amount', () => {
+		expect(shown('abc')).toBe('—');
+	});
+
+	it('copies the formatted amount', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(
+			mount(MoneyDisplay, { props: { value: 3, widgetStructure: widget({ default_currency: 'USD' }) }, attachTo }),
+		);
+		expect(result).toEqual({ copied: ['$3.00'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/MoneyDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/MoneyDisplay.stories.ts
new file mode 100644
index 000000000..1a8d67021
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/MoneyDisplay.stories.ts
@@ -0,0 +1,30 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import MoneyDisplay from './MoneyDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Money',
+	component: MoneyDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '$99.99',
+		structure: mockStructure({ data_type: 'numeric', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '$99.99' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof MoneyDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const WithCurrency: Story = {
+	args: { value: 1099, widgetStructure: mockWidgetStructure({ default_currency: 'USD', cents: true }) },
+};
diff --git a/frontend-vue/src/components/fields/table-display/MoneyDisplay.vue b/frontend-vue/src/components/fields/table-display/MoneyDisplay.vue
new file mode 100644
index 000000000..c982b8953
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/MoneyDisplay.vue
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+/**
+ * Port of table-display-fields/money (`MoneyDisplayComponent`): an amount with its currency symbol.
+ * The value is a number/string, or `{ amount, currency }` whose currency overrides `default_currency`;
+ * with `cents` the amount is in minor units.
+ */
+import { computed } from 'vue';
+import { getCurrencyByCode, getCurrencyDecimalPlaces, getCurrencyMinorUnitFactor } from '@/consts/currencies';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<
+	TableDisplayFieldProps & { value?: number | string | { amount?: number | string; currency?: string } | null }
+>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams, copy } = useViewField(props, emit);
+
+const formattedValue = computed(() => {
+	const raw = props.value;
+	if (raw == null || raw === '') return '';
+
+	const defaultCurrency: string = widgetParams.value.default_currency || '';
+	let currency = defaultCurrency;
+	let amount: number | string | undefined;
+
+	if (typeof raw === 'object' && raw.amount !== undefined) {
+		amount = raw.amount;
+		if (raw.currency) currency = raw.currency;
+	} else {
+		amount = typeof raw === 'object' ? undefined : raw;
+	}
+
+	const numeric = typeof amount === 'string' ? parseFloat(amount) : Number(amount);
+	if (Number.isNaN(numeric)) return '';
+
+	const symbol = currency ? (getCurrencyByCode(currency)?.symbol ?? '') : '';
+
+	if (widgetParams.value.cents === true) {
+		return `${symbol}${(numeric / getCurrencyMinorUnitFactor(currency)).toFixed(getCurrencyDecimalPlaces(currency))}`;
+	}
+	return `${symbol}${numeric.toFixed(widgetParams.value.decimal_places ?? 2)}`;
+});
+</script>
+
+<template>
+	<TableDisplayCell align="end" @copy="copy(formattedValue)">{{ formattedValue || '—' }}</TableDisplayCell>
+</template>
diff --git a/frontend-vue/src/components/fields/table-display/NumberDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/NumberDisplay.spec.ts
new file mode 100644
index 000000000..1739e90c0
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/NumberDisplay.spec.ts
@@ -0,0 +1,51 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import NumberDisplay from './NumberDisplay.vue';
+import { setupCopy, widget } from './testing';
+
+const render = (value: number | string | null, params: Record<string, unknown> = {}) =>
+	mount(NumberDisplay, { props: { value, widgetStructure: widget(params) } });
+
+const arrow = (value: number, params: Record<string, unknown>) =>
+	render(value, params).find('.number-display__value .ui-icon');
+
+describe('NumberDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('displays the value right-aligned, or a dash', () => {
+		const wrapper = render(42);
+		expect(wrapper.get('.number-display__value').text()).toBe('42');
+		expect(wrapper.classes()).toContain('table-display-cell--align-end');
+		expect(render(null).get('.number-display__value').text()).toBe('—');
+		expect(render('').get('.number-display__value').text()).toBe('—');
+	});
+
+	it('converts to the best unit', () => {
+		expect(render(1500, { unit: 'm' }).get('.number-display__value').text()).toBe('1.5 km');
+	});
+
+	it('falls back to the raw value for an unknown unit', () => {
+		vi.spyOn(console, 'warn').mockImplementation(() => {});
+		expect(render(5, { unit: 'nope' }).get('.number-display__value').text()).toBe('5');
+	});
+
+	it('marks a value above or below the thresholds', () => {
+		expect(arrow(150, { threshold_min: 0, threshold_max: 100 }).text()).toBe('north');
+		expect(arrow(-5, { threshold_min: 0, threshold_max: 100 }).text()).toBe('south');
+		expect(arrow(50, { threshold_min: 0, threshold_max: 100 }).exists()).toBe(false);
+	});
+
+	it('handles one-sided thresholds like Angular', () => {
+		expect(arrow(5, { threshold_min: 10, threshold_max: null }).text()).toBe('south');
+		expect(arrow(500, { threshold_min: null, threshold_max: 100 }).text()).toBe('north');
+	});
+
+	it('copies the raw value', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(
+			mount(NumberDisplay, { props: { value: 1500, widgetStructure: widget({ unit: 'm' }) }, attachTo }),
+		);
+		expect(result).toEqual({ copied: ['1500'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/NumberDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/NumberDisplay.stories.ts
new file mode 100644
index 000000000..688105b95
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/NumberDisplay.stories.ts
@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import NumberDisplay from './NumberDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Number',
+	component: NumberDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 42,
+		structure: mockStructure({ data_type: 'integer', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 42 },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof NumberDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const WithUnit: Story = { args: { value: 1500, widgetStructure: mockWidgetStructure({ unit: 'm' }) } };
+export const OutOfThreshold: Story = {
+	args: { value: 150, widgetStructure: mockWidgetStructure({ threshold_min: 0, threshold_max: 100 }) },
+};
diff --git a/frontend-vue/src/components/fields/table-display/NumberDisplay.vue b/frontend-vue/src/components/fields/table-display/NumberDisplay.vue
new file mode 100644
index 000000000..a6aabc9a9
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/NumberDisplay.vue
@@ -0,0 +1,67 @@
+<script setup lang="ts">
+/**
+ * Port of table-display-fields/number (`NumberDisplayComponent`): a right-aligned number, converted
+ * to the best `unit` (via `convert`), with an arrow when outside `threshold_min` / `threshold_max`.
+ */
+import convert from 'convert';
+import { computed } from 'vue';
+import { UiIcon } from '@/components/ui';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: number | string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams, copy } = useViewField(props, emit);
+
+const isEmpty = computed(() => props.value == null || props.value === '');
+
+const displayValue = computed(() => {
+	if (props.value == null || props.value === '') return '—';
+	const unit = widgetParams.value.unit;
+	if (!unit) return props.value.toString();
+	try {
+		const converted = convert(parseFloat(String(props.value)), unit as Parameters<typeof convert>[1]).to('best');
+		// At most 2 decimals, no trailing zeros.
+		return `${parseFloat(converted.quantity.toFixed(2))} ${converted.unit}`;
+	} catch (error) {
+		console.warn('Unit conversion failed:', error);
+		return props.value.toString();
+	}
+});
+
+/**
+ * Ported condition-for-condition from Angular, including its `!== null` checks: an absent
+ * (`undefined`) bound counts as set, so `{ threshold_min: 0 }` alone never flags.
+ */
+const isOutOfThreshold = computed<'up' | 'down' | false>(() => {
+	if (isEmpty.value) return false;
+	const min = widgetParams.value.threshold_min;
+	const max = widgetParams.value.threshold_max;
+	const num = parseFloat(String(props.value));
+	if (min !== null && max !== null && num < min) return 'down';
+	if (min && max === null && num < min) return 'down';
+	if (max !== null && min !== null && num > max) return 'up';
+	if (max && min === null && num > max) return 'up';
+	return false;
+});
+</script>
+
+<template>
+	<TableDisplayCell align="end" @copy="copy(value)">
+		<span class="number-display__value" :class="{ 'number-display__value--out-of-threshold': isOutOfThreshold }">
+			{{ displayValue }}
+			<UiIcon v-if="isOutOfThreshold === 'down'" name="south" size="sm" label="Below threshold" />
+			<UiIcon v-if="isOutOfThreshold === 'up'" name="north" size="sm" label="Above threshold" />
+		</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.number-display__value--out-of-threshold {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-05);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/PasswordDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/PasswordDisplay.spec.ts
new file mode 100644
index 000000000..7f19297c3
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/PasswordDisplay.spec.ts
@@ -0,0 +1,12 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import PasswordDisplay from './PasswordDisplay.vue';
+
+describe('PasswordDisplay', () => {
+	it('always masks the value and offers no copy', () => {
+		const wrapper = mount(PasswordDisplay, { props: { value: 'secret' } });
+		expect(wrapper.text()).toBe('••••••••');
+		expect(wrapper.text()).not.toContain('secret');
+		expect(wrapper.find('button').exists()).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/PasswordDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/PasswordDisplay.stories.ts
new file mode 100644
index 000000000..85a8a6c66
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/PasswordDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import PasswordDisplay from './PasswordDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Password',
+	component: PasswordDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '********',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '********' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof PasswordDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/PasswordDisplay.vue b/frontend-vue/src/components/fields/table-display/PasswordDisplay.vue
new file mode 100644
index 000000000..9753cdac4
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/PasswordDisplay.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+/** Port of table-display-fields/password (`PasswordDisplayComponent`): always masked, never copyable. */
+import type { TableDisplayFieldProps } from '../types';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+defineProps<TableDisplayFieldProps & { value?: string | null }>();
+</script>
+
+<template>
+	<TableDisplayCell :copyable="false">••••••••</TableDisplayCell>
+</template>
diff --git a/frontend-vue/src/components/fields/table-display/PhoneDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/PhoneDisplay.spec.ts
new file mode 100644
index 000000000..a52697dd6
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/PhoneDisplay.spec.ts
@@ -0,0 +1,35 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import PhoneDisplay from './PhoneDisplay.vue';
+import { cellText, setupCopy } from './testing';
+
+describe('PhoneDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('formats an international number with its country flag', () => {
+		const wrapper = mount(PhoneDisplay, { props: { value: '+14155552671' } });
+		const link = wrapper.get('a');
+		expect(link.text()).toBe('+1 415 555 2671');
+		expect(link.attributes('href')).toBe('tel:+14155552671');
+		expect(wrapper.get('.phone-display__flag').attributes('title')).toBe('United States');
+	});
+
+	it('shows an unparseable number as is', () => {
+		const wrapper = mount(PhoneDisplay, { props: { value: '12345' } });
+		expect(wrapper.get('a').text()).toBe('12345');
+		expect(wrapper.find('.phone-display__flag').exists()).toBe(false);
+	});
+
+	it('shows a dash for null', () => {
+		const wrapper = mount(PhoneDisplay, { props: { value: null } });
+		expect(cellText(wrapper)).toBe('—');
+		expect(wrapper.find('a').exists()).toBe(false);
+	});
+
+	it('copies the raw value', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(PhoneDisplay, { props: { value: '+14155552671' }, attachTo }));
+		expect(result).toEqual({ copied: ['+14155552671'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/PhoneDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/PhoneDisplay.stories.ts
new file mode 100644
index 000000000..5000e3aad
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/PhoneDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import PhoneDisplay from './PhoneDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Phone',
+	component: PhoneDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '+1 (555) 123-4567',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '+1 (555) 123-4567' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof PhoneDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/PhoneDisplay.vue b/frontend-vue/src/components/fields/table-display/PhoneDisplay.vue
new file mode 100644
index 000000000..27eaa6ed7
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/PhoneDisplay.vue
@@ -0,0 +1,65 @@
+<script setup lang="ts">
+/** Port of table-display-fields/phone (`PhoneDisplayComponent`): an international `tel:` link with the country's flag. */
+import { parsePhoneNumber } from 'libphonenumber-js';
+import { computed } from 'vue';
+import { COUNTRIES, getCountryFlag } from '@/consts/countries';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { copy } = useViewField(props, emit);
+
+const phone = computed(() => {
+	const value = props.value;
+	if (!value || typeof value !== 'string') return { countryFlag: '', countryName: '', formattedNumber: '' };
+	try {
+		const parsed = parsePhoneNumber(value);
+		const country = parsed?.country ? COUNTRIES.find((c) => c.code === parsed.country) : undefined;
+		if (country) {
+			return {
+				countryFlag: getCountryFlag(country.code),
+				countryName: country.name,
+				formattedNumber: parsed.formatInternational(),
+			};
+		}
+	} catch {
+		// Not a parseable number: show it as typed.
+	}
+	return { countryFlag: '', countryName: '', formattedNumber: value };
+});
+</script>
+
+<template>
+	<TableDisplayCell @copy="copy(value)">
+		<span v-if="value" class="phone-display">
+			<span v-if="phone.countryFlag" class="phone-display__flag" :title="phone.countryName">{{ phone.countryFlag }}</span>
+			<a :href="`tel:${value}`" class="phone-display__link" @click.stop>{{ phone.formattedNumber || value }}</a>
+		</span>
+		<span v-else>—</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.phone-display {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.phone-display__flag {
+  cursor: help;
+  user-select: none;
+}
+
+.phone-display__link {
+  color: var(--color-accent);
+  text-decoration: none;
+}
+
+.phone-display__link:hover {
+  text-decoration: underline;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/PointDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/PointDisplay.spec.ts
new file mode 100644
index 000000000..dc5d9c838
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/PointDisplay.spec.ts
@@ -0,0 +1,36 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import PointDisplay from './PointDisplay.vue';
+import { setupCopy } from './testing';
+
+const shown = (value: InstanceType<typeof PointDisplay>['$props']['value']) =>
+	mount(PointDisplay, { props: { value } }).find('.point-display__value');
+
+describe('PointDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('formats a point string', () => {
+		expect(shown('(3.5, 7.2)').text()).toBe('(3.5, 7.2)');
+		expect(shown('1,2').text()).toBe('(1, 2)');
+	});
+
+	it('formats a point object or array', () => {
+		expect(shown({ x: 10, y: 20 }).text()).toBe('(10, 20)');
+		expect(shown([1, 2]).text()).toBe('(1, 2)');
+	});
+
+	it('renders nothing for null', () => {
+		expect(
+			mount(PointDisplay, { props: { value: null } })
+				.find('.table-display-cell')
+				.exists(),
+		).toBe(false);
+	});
+
+	it('copies the formatted point', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(PointDisplay, { props: { value: '(1,2)' }, attachTo }));
+		expect(result).toEqual({ copied: ['(1, 2)'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/PointDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/PointDisplay.stories.ts
new file mode 100644
index 000000000..e01e12386
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/PointDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import PointDisplay from './PointDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Point',
+	component: PointDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '(40.7128, -74.0060)',
+		structure: mockStructure({ data_type: 'point', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '(40.7128, -74.0060)' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof PointDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/PointDisplay.vue b/frontend-vue/src/components/fields/table-display/PointDisplay.vue
new file mode 100644
index 000000000..d7c6aae18
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/PointDisplay.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+/** Port of table-display-fields/point (`PointDisplayComponent`): a geometric point as `(x, y)`. */
+import { computed } from 'vue';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+type PointObject = { x?: number; y?: number; 0?: number; 1?: number };
+
+const props = defineProps<
+	TableDisplayFieldProps & {
+		/** `"(x,y)"` / `"x,y"`, `{ x, y }` or `[x, y]`. */
+		value?: string | PointObject | number[] | null;
+	}
+>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { copy } = useViewField(props, emit);
+
+const formattedPoint = computed(() => {
+	const value = props.value;
+	if (!value) return '';
+	try {
+		if (typeof value === 'string') {
+			const [x, y] = value
+				.trim()
+				.replace(/[()]/g, '')
+				.split(',')
+				.map((coord) => parseFloat(coord.trim()));
+			return `(${x}, ${y})`;
+		}
+		const point = value as PointObject;
+		return `(${point.x || point[0]}, ${point.y || point[1]})`;
+	} catch {
+		return String(value);
+	}
+});
+</script>
+
+<template>
+	<TableDisplayCell v-if="formattedPoint" copy-label="Copy to clipboard" @copy="copy(formattedPoint)">
+		<span class="point-display__value" :title="formattedPoint">{{ formattedPoint }}</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.point-display__value {
+  font-family: var(--font-mono);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/RangeDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/RangeDisplay.spec.ts
new file mode 100644
index 000000000..e29c06013
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/RangeDisplay.spec.ts
@@ -0,0 +1,32 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import RangeDisplay from './RangeDisplay.vue';
+import { widget } from './testing';
+
+describe('RangeDisplay', () => {
+	it('shows the value over the default max of 100', () => {
+		const wrapper = mount(RangeDisplay, { props: { value: 50 } });
+		expect(wrapper.get('.range-display__label').text()).toBe('50 / 100');
+		expect(wrapper.get('[role="progressbar"]').attributes('aria-valuenow')).toBe('50');
+	});
+
+	it('reads min / max from the widget params', () => {
+		const wrapper = mount(RangeDisplay, {
+			props: { value: 75, widgetStructure: widget({ min: 50, max: 150, step: 5 }) },
+		});
+		expect(wrapper.get('.range-display__label').text()).toBe('75 / 150');
+		// (75 - 50) / (150 - 50) = 25%
+		expect(wrapper.get('[role="progressbar"]').attributes('aria-valuenow')).toBe('25');
+	});
+
+	it('clamps out-of-range values and treats null as 0', () => {
+		expect(
+			mount(RangeDisplay, { props: { value: 500 } })
+				.get('[role="progressbar"]')
+				.attributes('aria-valuenow'),
+		).toBe('100');
+		const empty = mount(RangeDisplay, { props: { value: null } });
+		expect(empty.get('.range-display__label').text()).toBe('0 / 100');
+		expect(empty.get('[role="progressbar"]').attributes('aria-valuenow')).toBe('0');
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/RangeDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/RangeDisplay.stories.ts
new file mode 100644
index 000000000..55d82e110
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/RangeDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import RangeDisplay from './RangeDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Range',
+	component: RangeDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 50,
+		structure: mockStructure({ data_type: 'integer', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 50 },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof RangeDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/RangeDisplay.vue b/frontend-vue/src/components/fields/table-display/RangeDisplay.vue
new file mode 100644
index 000000000..5367b97bc
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/RangeDisplay.vue
@@ -0,0 +1,45 @@
+<script setup lang="ts">
+/** Port of table-display-fields/range (`RangeDisplayComponent`): `value / max` over a progress bar between `min` and `max`. */
+import { computed } from 'vue';
+import { UiProgressBar } from '@/components/ui';
+import type { TableDisplayFieldProps } from '../types';
+import { parseWidgetParams } from '../useFieldWidget';
+
+const props = defineProps<TableDisplayFieldProps & { value?: number | string | null }>();
+
+const params = computed(() => parseWidgetParams(props.widgetStructure));
+const min = computed(() => (params.value.min !== undefined ? Number(params.value.min) || 0 : 0));
+const max = computed(() => (params.value.max !== undefined ? Number(params.value.max) || 100 : 100));
+
+const numValue = computed(() => Number(props.value) || 0);
+const displayValue = computed(() => `${numValue.value} / ${max.value}`);
+
+/** Percent of the way from `min` to `max`, clamped to 0–100. */
+const progress = computed(() => {
+	const range = max.value - min.value;
+	if (range === 0) return 0;
+	return Math.max(0, Math.min(100, ((numValue.value - min.value) / range) * 100));
+});
+</script>
+
+<template>
+	<div class="range-display">
+		<div class="range-display__label">{{ displayValue }}</div>
+		<UiProgressBar :value="progress" :max="100" :label="displayValue" />
+	</div>
+</template>
+
+<style scoped>
+.range-display {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+  padding: var(--space-1) 0;
+}
+
+.range-display__label {
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--color-ink);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/S3Display.spec.ts b/frontend-vue/src/components/fields/table-display/S3Display.spec.ts
new file mode 100644
index 000000000..091845962
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/S3Display.spec.ts
@@ -0,0 +1,88 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, type MockInstance, vi } from 'vitest';
+import { nextTick } from 'vue';
+import { useConnectionsStore } from '@/stores/connections';
+import { type BucketFileUrlResponse, useS3Store } from '@/stores/s3';
+import { useTablesStore } from '@/stores/tables';
+import S3Display from './S3Display.vue';
+import { cellText, setupCopy, widget } from './testing';
+
+vi.mock('@/environment', () => ({ environment: { apiRoot: '', saasURL: '' } }));
+vi.mock('@/config', () => ({ getConfig: () => ({ baseURL: '/api', saasURL: '' }) }));
+
+const imageWidget = widget(
+	{ bucket: 'my-bucket', access_key_id: 'key-id', access_key: 'key', type: 'image' },
+	{ field_name: 'avatar' },
+);
+const rowProps = { rowData: { id: 7, avatar: 'uploads/cat.png' }, primaryKeys: [{ column_name: 'id' }] };
+
+describe('S3Display', () => {
+	let getFileUrl: MockInstance<ReturnType<typeof useS3Store>['getFileUrl']>;
+
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		useConnectionsStore().connectionID = 'test-conn';
+		useTablesStore().setTableName('test-table');
+		getFileUrl = vi
+			.spyOn(useS3Store(), 'getFileUrl')
+			.mockResolvedValue({ url: 'https://s3.example.com/cat.png', key: 'uploads/cat.png', expiresIn: 60 });
+	});
+
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('shows the key for a file-type widget without fetching', () => {
+		const wrapper = mount(S3Display, {
+			props: { value: 'uploads/doc.pdf', widgetStructure: widget({ type: 'file' }) },
+		});
+		expect(cellText(wrapper)).toBe('uploads/doc.pdf');
+		expect(getFileUrl).not.toHaveBeenCalled();
+	});
+
+	it('shows a dash and no copy button for an empty value', () => {
+		const wrapper = mount(S3Display, { props: { value: null } });
+		expect(cellText(wrapper)).toBe('—');
+		expect(wrapper.find('button').exists()).toBe(false);
+	});
+
+	it('loads a thumbnail for the row when type is image', async () => {
+		let resolve: (value: BucketFileUrlResponse | null) => void = () => {};
+		getFileUrl.mockReturnValue(new Promise((r) => (resolve = r)));
+		const wrapper = mount(S3Display, {
+			props: { value: 'uploads/cat.png', widgetStructure: imageWidget, ...rowProps },
+		});
+		await nextTick();
+		expect(wrapper.find('[role="status"]').exists()).toBe(true);
+		resolve({ url: 'https://s3.example.com/cat.png', key: 'uploads/cat.png', expiresIn: 60 });
+		await flushPromises();
+		expect(getFileUrl).toHaveBeenCalledWith('test-conn', 'test-table', 'avatar', { id: 7 });
+		expect(wrapper.get('img').attributes('src')).toBe('https://s3.example.com/cat.png');
+	});
+
+	it('falls back to a caption when the URL cannot be fetched', async () => {
+		getFileUrl.mockResolvedValue(null);
+		const wrapper = mount(S3Display, {
+			props: { value: 'uploads/cat.png', widgetStructure: imageWidget, ...rowProps },
+		});
+		await flushPromises();
+		expect(wrapper.find('img').exists()).toBe(false);
+		expect(cellText(wrapper)).toBe('[S3 Image]');
+	});
+
+	it('does not fetch without row primary keys', () => {
+		mount(S3Display, { props: { value: 'uploads/cat.png', widgetStructure: imageWidget } });
+		expect(getFileUrl).not.toHaveBeenCalled();
+	});
+
+	it('copies the S3 key', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const wrapper = mount(S3Display, { props: { value: 'uploads/doc.pdf' }, attachTo });
+		expect(wrapper.get('button').attributes('aria-label')).toBe('Copy S3 key');
+		const result = await clickCopy(wrapper);
+		expect(result).toEqual({
+			copied: ['uploads/doc.pdf'],
+			emitted: [['S3 key was copied to clipboard.']],
+			rowClicked: false,
+		});
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/S3Display.stories.ts b/frontend-vue/src/components/fields/table-display/S3Display.stories.ts
new file mode 100644
index 000000000..2205b1c81
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/S3Display.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import S3Display from './S3Display.vue';
+
+const meta = {
+	title: 'Table Display Fields/S3',
+	component: S3Display,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 's3://bucket/file.txt',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 's3://bucket/file.txt' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof S3Display>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/S3Display.vue b/frontend-vue/src/components/fields/table-display/S3Display.vue
new file mode 100644
index 000000000..9a6f1eb35
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/S3Display.vue
@@ -0,0 +1,86 @@
+<script setup lang="ts">
+/**
+ * Port of table-display-fields/s3 (`S3DisplayComponent`): the S3 key, or for `type: 'image'` a
+ * thumbnail fetched through a presigned URL for this row.
+ */
+import { computed, onMounted, ref } from 'vue';
+import { UiSpinner } from '@/components/ui';
+import { useConnectionsStore } from '@/stores/connections';
+import { useS3Store } from '@/stores/s3';
+import { useTablesStore } from '@/stores/tables';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams, copy } = useViewField(props, emit);
+const s3 = useS3Store();
+const connections = useConnectionsStore();
+const tables = useTablesStore();
+
+const previewUrl = ref<string | null>(null);
+const isLoading = ref(false);
+
+const isImageType = computed(() => widgetParams.value.type === 'image');
+
+/** `{ [pk]: rowData[pk] }` for every primary key column, or null without row data / keys. */
+const rowPrimaryKey = computed<Record<string, unknown> | null>(() => {
+	if (!props.rowData || !props.primaryKeys) return null;
+	const primaryKey: Record<string, unknown> = {};
+	for (const pk of props.primaryKeys) primaryKey[pk.column_name] = props.rowData[pk.column_name];
+	return primaryKey;
+});
+
+onMounted(() => {
+	if (props.value && isImageType.value && rowPrimaryKey.value) loadPreview();
+});
+
+async function loadPreview(): Promise<void> {
+	const primaryKey = rowPrimaryKey.value;
+	const connectionId = connections.connectionID;
+	const tableName = tables.tableName;
+	const fieldName = props.widgetStructure?.field_name;
+	if (!props.value || !connectionId || !tableName || !primaryKey || !fieldName) return;
+
+	isLoading.value = true;
+	const response = await s3.getFileUrl(connectionId, tableName, fieldName, primaryKey);
+	if (response) previewUrl.value = response.url;
+	isLoading.value = false;
+}
+</script>
+
+<template>
+	<TableDisplayCell
+		:copyable="Boolean(value)"
+		copy-label="Copy S3 key"
+		@copy="copy(value, 'S3 key was copied to clipboard.')"
+	>
+		<template v-if="isImageType">
+			<UiSpinner v-if="isLoading" class="s3-display__spinner" label="Loading image" />
+			<img v-else-if="previewUrl" class="s3-display__thumbnail" :src="previewUrl" alt="S3 Image">
+			<span v-else-if="value" class="s3-display__placeholder">[S3 Image]</span>
+		</template>
+		<span v-else class="s3-display__placeholder">{{ value || '—' }}</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.s3-display__thumbnail {
+  display: block;
+  max-width: 100px;
+  max-height: 60px;
+  margin: var(--space-1) 0;
+  object-fit: contain;
+}
+
+.s3-display__spinner {
+  margin: var(--space-1) 0;
+}
+
+.s3-display__placeholder {
+  font-style: italic;
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/SelectDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/SelectDisplay.spec.ts
new file mode 100644
index 000000000..adf80a1bb
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/SelectDisplay.spec.ts
@@ -0,0 +1,54 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import SelectDisplay from './SelectDisplay.vue';
+import { cellText, setupCopy, widget } from './testing';
+
+const options = [
+	{ value: 'opt1', label: 'Option One', background_color: 'rgb(255, 0, 0)' },
+	{ value: 'opt2', label: 'Option Two' },
+];
+
+describe('SelectDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('shows the option label and its background colour', () => {
+		const wrapper = mount(SelectDisplay, { props: { value: 'opt1', widgetStructure: widget({ options }) } });
+		expect(cellText(wrapper)).toBe('Option One');
+		expect(wrapper.get('.select-display__value').attributes('style')).toContain('background-color: rgb(255, 0, 0)');
+	});
+
+	it('shows the raw value when no option matches', () => {
+		expect(cellText(mount(SelectDisplay, { props: { value: 'unknown', widgetStructure: widget({ options }) } }))).toBe(
+			'unknown',
+		);
+	});
+
+	it('matches a 0 value', () => {
+		const zeroOptions = [
+			{ value: 0, label: 'Zero' },
+			{ value: 1, label: 'One' },
+		];
+		expect(
+			cellText(mount(SelectDisplay, { props: { value: 0, widgetStructure: widget({ options: zeroOptions }) } })),
+		).toBe('Zero');
+	});
+
+	it('shows a dash for null and undefined, but an empty string as is', () => {
+		expect(cellText(mount(SelectDisplay, { props: { value: null } }))).toBe('—');
+		expect(cellText(mount(SelectDisplay, { props: {} }))).toBe('—');
+		expect(cellText(mount(SelectDisplay, { props: { value: '', widgetStructure: widget({ options }) } }))).toBe('');
+	});
+
+	it('shows the raw enum value without widget options', () => {
+		expect(cellText(mount(SelectDisplay, { props: { value: 'option1' } }))).toBe('option1');
+	});
+
+	it('copies the displayed label', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(
+			mount(SelectDisplay, { props: { value: 'opt2', widgetStructure: widget({ options }) }, attachTo }),
+		);
+		expect(result).toEqual({ copied: ['Option Two'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/SelectDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/SelectDisplay.stories.ts
new file mode 100644
index 000000000..a58f04b2d
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/SelectDisplay.stories.ts
@@ -0,0 +1,41 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import SelectDisplay from './SelectDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Select',
+	component: SelectDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'option1',
+		structure: mockStructure({
+			data_type: 'enum',
+			character_maximum_length: 255,
+			data_type_params: ['option1', 'option2', 'option3'],
+		}),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'option1' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof SelectDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const WithOptions: Story = {
+	args: {
+		widgetStructure: mockWidgetStructure({
+			options: [
+				{ value: 'option1', label: 'Option One', background_color: 'rgba(16, 185, 129, 0.2)' },
+				{ value: 'option2', label: 'Option Two' },
+			],
+		}),
+	},
+};
diff --git a/frontend-vue/src/components/fields/table-display/SelectDisplay.vue b/frontend-vue/src/components/fields/table-display/SelectDisplay.vue
new file mode 100644
index 000000000..8a4648eec
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/SelectDisplay.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+/** Port of table-display-fields/select (`SelectDisplayComponent`): the option's label, on its `background_color`. */
+import { computed } from 'vue';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+interface SelectWidgetOption {
+	value: unknown;
+	label: string;
+	background_color?: string;
+}
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | number | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams, copy } = useViewField(props, emit);
+
+const option = computed(() => {
+	const options: SelectWidgetOption[] | undefined = widgetParams.value.options;
+	return options?.find((opt) => opt.value === props.value);
+});
+
+/** The option label, else the raw value (an empty string stays empty); `—` only for null. */
+const displayValue = computed(() => {
+	if (props.value == null) return '—';
+	return option.value ? option.value.label : String(props.value);
+});
+
+const backgroundColor = computed(() => {
+	if (props.value == null || !widgetParams.value.options) return undefined;
+	return option.value?.background_color || 'transparent';
+});
+</script>
+
+<template>
+	<TableDisplayCell @copy="copy(displayValue)">
+		<span class="select-display__value" :style="{ backgroundColor }">{{ displayValue }}</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.select-display__value {
+  padding: var(--space-05) var(--space-1);
+  border-radius: var(--radius-control);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/StaticTextDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/StaticTextDisplay.spec.ts
new file mode 100644
index 000000000..c7fa404b8
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/StaticTextDisplay.spec.ts
@@ -0,0 +1,20 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import StaticTextDisplay from './StaticTextDisplay.vue';
+import { cellText, setupCopy } from './testing';
+
+describe('StaticTextDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('displays the value, or a dash when empty', () => {
+		expect(cellText(mount(StaticTextDisplay, { props: { value: 'Static content' } }))).toBe('Static content');
+		expect(cellText(mount(StaticTextDisplay, { props: { value: null } }))).toBe('—');
+	});
+
+	it('copies the value', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(StaticTextDisplay, { props: { value: 'x' }, attachTo }));
+		expect(result).toEqual({ copied: ['x'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/StaticTextDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/StaticTextDisplay.stories.ts
new file mode 100644
index 000000000..877b480f2
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/StaticTextDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import StaticTextDisplay from './StaticTextDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/StaticText',
+	component: StaticTextDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'Static content',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'Static content' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof StaticTextDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/StaticTextDisplay.vue b/frontend-vue/src/components/fields/table-display/StaticTextDisplay.vue
new file mode 100644
index 000000000..59a1101d1
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/StaticTextDisplay.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+/** Port of table-display-fields/static-text (`StaticTextDisplayComponent`): a read-only column's cell. */
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | number | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { copy } = useViewField(props, emit);
+</script>
+
+<template>
+	<TableDisplayCell @copy="copy(value)">{{ value || '—' }}</TableDisplayCell>
+</template>
diff --git a/frontend-vue/src/components/fields/table-display/TableDisplayCell.spec.ts b/frontend-vue/src/components/fields/table-display/TableDisplayCell.spec.ts
new file mode 100644
index 000000000..18f2f9dab
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/TableDisplayCell.spec.ts
@@ -0,0 +1,36 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+describe('TableDisplayCell', () => {
+	afterEach(() => {
+		document.body.innerHTML = '';
+	});
+
+	it('renders the slot and a labelled copy button', () => {
+		const wrapper = mount(TableDisplayCell, { props: { copyLabel: 'Copy URL' }, slots: { default: 'hello' } });
+		expect(wrapper.get('.table-display-cell__value').text()).toBe('hello');
+		expect(wrapper.get('button').attributes('aria-label')).toBe('Copy URL');
+	});
+
+	it('emits copy without letting the click reach the row', async () => {
+		const rowClick = vi.fn();
+		const row = document.createElement('div');
+		row.addEventListener('click', rowClick);
+		document.body.appendChild(row);
+		const wrapper = mount(TableDisplayCell, { attachTo: row });
+		await wrapper.get('button').trigger('click');
+		expect(wrapper.emitted('copy')).toHaveLength(1);
+		expect(rowClick).not.toHaveBeenCalled();
+	});
+
+	it('hides the copy button when not copyable', () => {
+		const wrapper = mount(TableDisplayCell, { props: { copyable: false } });
+		expect(wrapper.find('button').exists()).toBe(false);
+	});
+
+	it('marks end alignment', () => {
+		const wrapper = mount(TableDisplayCell, { props: { align: 'end' } });
+		expect(wrapper.classes()).toContain('table-display-cell--align-end');
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/TableDisplayCell.vue b/frontend-vue/src/components/fields/table-display/TableDisplayCell.vue
new file mode 100644
index 000000000..197d60305
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/TableDisplayCell.vue
@@ -0,0 +1,105 @@
+<script setup lang="ts">
+/**
+ * The shared shell of every table-display widget — the port of
+ * `base-table-display-field.component.css` (`.field-display` / `.field-value` /
+ * `.field-copy-button`), which each Angular widget re-imported.
+ *
+ * The value goes in the default slot (single line, ellipsised); the copy button appears on row hover
+ * (and on keyboard focus) and is hidden on narrow screens. The cell sits inside a clickable table
+ * row, so the button stops the click from propagating before emitting `copy` — the widget then calls
+ * `useViewField().copy(…)` with whatever it wants copied.
+ */
+import { computed } from 'vue';
+import { UiIconButton } from '@/components/ui';
+
+const props = withDefaults(
+	defineProps<{
+		/** Shows the hover copy button. */
+		copyable?: boolean;
+		/** The copy button's accessible name and tooltip (Angular's `matTooltip`). */
+		copyLabel?: string;
+		/** `end` right-aligns the value and moves the copy button to the start (numbers, money, ids). */
+		align?: 'start' | 'end';
+	}>(),
+	{ copyable: true, copyLabel: 'Copy', align: 'start' },
+);
+
+const emit = defineEmits<{
+	/** The copy button was clicked (the click itself never reaches the row). */
+	copy: [];
+}>();
+
+const classes = computed(() => ['table-display-cell', `table-display-cell--align-${props.align}`]);
+
+function onCopy(event: MouseEvent) {
+	event.stopPropagation();
+	emit('copy');
+}
+</script>
+
+<template>
+	<div :class="classes">
+		<span class="table-display-cell__value"><slot /></span>
+		<UiIconButton
+			v-if="copyable"
+			class="table-display-cell__copy"
+			icon="content_copy"
+			size="sm"
+			:label="copyLabel"
+			@click="onCopy"
+		/>
+	</div>
+</template>
+
+<style scoped>
+.table-display-cell {
+  position: relative;
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
+
+.table-display-cell__value {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.table-display-cell__copy {
+  position: absolute;
+  inset-inline-end: calc(-1 * var(--space-1));
+  top: 50%;
+  transform: translateY(-50%);
+  background: var(--color-surface);
+  opacity: 0;
+  transition: opacity var(--motion-fast);
+}
+
+.table-display-cell:hover .table-display-cell__copy,
+.table-display-cell__copy:focus-visible {
+  opacity: 1;
+}
+
+.table-display-cell--align-end {
+  justify-content: flex-end;
+  text-align: end;
+}
+
+.table-display-cell--align-end .table-display-cell__copy {
+  inset-inline-start: 0;
+  inset-inline-end: auto;
+}
+
+@media (width <= 600px) {
+  .table-display-cell__copy {
+    display: none;
+  }
+
+  .table-display-cell--align-end {
+    justify-content: flex-start;
+    text-align: start;
+  }
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/TextDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/TextDisplay.spec.ts
new file mode 100644
index 000000000..83a3a4f45
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/TextDisplay.spec.ts
@@ -0,0 +1,48 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import TextDisplay from './TextDisplay.vue';
+import { cellText, setupCopy, widget } from './testing';
+
+describe('TextDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('displays the value, or a dash when empty', () => {
+		expect(cellText(mount(TextDisplay, { props: { value: 'Sample text' } }))).toBe('Sample text');
+		expect(cellText(mount(TextDisplay, { props: { value: null } }))).toBe('—');
+	});
+
+	it('flags an invalid email with the validator message', () => {
+		const wrapper = mount(TextDisplay, {
+			props: { value: 'not-an-email', widgetStructure: widget({ validate: 'isEmail' }) },
+		});
+		const value = wrapper.get('.text-display__value');
+		expect(value.classes()).toContain('text-display__value--invalid');
+		expect(value.attributes('title')).toBe('Invalid email address');
+	});
+
+	it('does not flag a valid email', () => {
+		const wrapper = mount(TextDisplay, {
+			props: { value: 'user@example.com', widgetStructure: widget({ validate: 'isEmail' }) },
+		});
+		expect(wrapper.get('.text-display__value').classes()).not.toContain('text-display__value--invalid');
+	});
+
+	it('flags a regex mismatch', () => {
+		const wrapper = mount(TextDisplay, {
+			props: { value: 'abc', widgetStructure: widget({ validate: 'regex', regex: '^\\d+$' }) },
+		});
+		expect(wrapper.get('.text-display__value').attributes('title')).toBe('Does not match the required pattern');
+	});
+
+	it('derives a message for validators without one', () => {
+		const wrapper = mount(TextDisplay, { props: { value: 'x', widgetStructure: widget({ validate: 'isPort' }) } });
+		expect(wrapper.get('.text-display__value').attributes('title')).toBe('Invalid port');
+	});
+
+	it('copies the value without clicking the row', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(TextDisplay, { props: { value: 'hello' }, attachTo }));
+		expect(result).toEqual({ copied: ['hello'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/TextDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/TextDisplay.stories.ts
new file mode 100644
index 000000000..76d64d85a
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/TextDisplay.stories.ts
@@ -0,0 +1,30 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TextDisplay from './TextDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Text',
+	component: TextDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'Sample text',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'Sample text' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof TextDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
+
+export const Invalid: Story = {
+	args: { value: 'not-an-email', widgetStructure: mockWidgetStructure({ validate: 'isEmail' }) },
+};
diff --git a/frontend-vue/src/components/fields/table-display/TextDisplay.vue b/frontend-vue/src/components/fields/table-display/TextDisplay.vue
new file mode 100644
index 000000000..a0f5f342f
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/TextDisplay.vue
@@ -0,0 +1,62 @@
+<script setup lang="ts">
+/** Port of table-display-fields/text (`TextDisplayComponent`): a short-text cell, flagged when invalid. */
+import { computed } from 'vue';
+import { textErrors } from '@/validators/text.validator';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | number | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams, copy } = useViewField(props, emit);
+
+const validateType = computed<string | null>(() => widgetParams.value.validate || null);
+
+/** Same check as the record-edit widget: a `validator.js` method by name, or `regex`. */
+const isInvalid = computed(() => Boolean(textErrors(props.value, validateType.value, widgetParams.value.regex)));
+
+const validationErrorMessage = computed(() => validationMessage(validateType.value));
+
+function validationMessage(validateType: string | null): string {
+	if (!validateType) return '';
+	if (validateType === 'regex') return 'Does not match the required pattern';
+	return VALIDATION_MESSAGES[validateType] || `Invalid ${validateType.replace(/^is/, '').toLowerCase()}`;
+}
+
+// This widget's own message table (it differs slightly from the record-edit one, as in Angular).
+const VALIDATION_MESSAGES: Record<string, string> = {
+	isEmail: 'Invalid email address',
+	isURL: 'Invalid URL',
+	isIP: 'Invalid IP address',
+	isUUID: 'Invalid UUID',
+	isJSON: 'Invalid JSON',
+	isCreditCard: 'Invalid credit card number',
+	isISBN: 'Invalid ISBN',
+	isAlpha: 'Should contain only letters',
+	isNumeric: 'Should contain only numbers',
+	isAlphanumeric: 'Should contain only letters and numbers',
+	isHexColor: 'Invalid hex color',
+	isBase64: 'Invalid Base64 string',
+	isMobilePhone: 'Invalid mobile phone number',
+	isPostalCode: 'Invalid postal code',
+};
+</script>
+
+<template>
+	<TableDisplayCell @copy="copy(value)">
+		<span
+			class="text-display__value"
+			:class="{ 'text-display__value--invalid': isInvalid }"
+			:title="isInvalid ? validationErrorMessage : undefined"
+		>{{ value || '—' }}</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.text-display__value--invalid {
+  color: var(--color-danger);
+  text-decoration: underline wavy;
+  text-underline-offset: 2px;
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/TimeDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/TimeDisplay.spec.ts
new file mode 100644
index 000000000..55c2acb50
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/TimeDisplay.spec.ts
@@ -0,0 +1,29 @@
+import { mount } from '@vue/test-utils';
+import { format } from 'date-fns';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import TimeDisplay from './TimeDisplay.vue';
+import { cellText, setupCopy } from './testing';
+
+describe('TimeDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('shows a time string as is', () => {
+		expect(cellText(mount(TimeDisplay, { props: { value: '14:30:00' } }))).toBe('14:30:00');
+	});
+
+	it('formats a timestamp without a colon as HH:mm:ss', () => {
+		const value = '2024-01-15';
+		expect(cellText(mount(TimeDisplay, { props: { value } }))).toBe(format(new Date(value), 'HH:mm:ss'));
+	});
+
+	it('shows a dash for null', () => {
+		expect(cellText(mount(TimeDisplay, { props: { value: null } }))).toBe('—');
+	});
+
+	it('copies the formatted time', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(TimeDisplay, { props: { value: '10:30:00' }, attachTo }));
+		expect(result).toEqual({ copied: ['10:30:00'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/TimeDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/TimeDisplay.stories.ts
new file mode 100644
index 000000000..a18b4c8d8
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/TimeDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TimeDisplay from './TimeDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Time',
+	component: TimeDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '10:30:00',
+		structure: mockStructure({ data_type: 'time', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '10:30:00' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof TimeDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/TimeDisplay.vue b/frontend-vue/src/components/fields/table-display/TimeDisplay.vue
new file mode 100644
index 000000000..fec31c7b0
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/TimeDisplay.vue
@@ -0,0 +1,25 @@
+<script setup lang="ts">
+/** Port of table-display-fields/time (`TimeDisplayComponent`): a time string as is, a timestamp as `HH:mm:ss`. */
+import { format } from 'date-fns';
+import { computed } from 'vue';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { copy } = useViewField(props, emit);
+
+const formattedTime = computed(() => {
+	const value = props.value;
+	if (!value) return null;
+	if (String(value).includes(':')) return value;
+	const date = new Date(value);
+	return Number.isNaN(date.getTime()) ? value : format(date, 'HH:mm:ss');
+});
+</script>
+
+<template>
+	<TableDisplayCell @copy="copy(formattedTime)">{{ formattedTime || '—' }}</TableDisplayCell>
+</template>
diff --git a/frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.spec.ts
new file mode 100644
index 000000000..1d715777f
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.spec.ts
@@ -0,0 +1,36 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import TimeIntervalDisplay from './TimeIntervalDisplay.vue';
+import { cellText, setupCopy } from './testing';
+
+const shown = (value: InstanceType<typeof TimeIntervalDisplay>['$props']['value']) =>
+	cellText(mount(TimeIntervalDisplay, { props: { value } }));
+
+describe('TimeIntervalDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('formats an interval object', () => {
+		expect(shown({ days: 2, hours: 5, minutes: 30 })).toBe('2d 5h 30m');
+		expect(shown({ seconds: 4, milliseconds: 20 })).toBe('4s 20ms');
+	});
+
+	it('parses interval JSON', () => {
+		expect(shown('{"hours":1,"minutes":30}')).toBe('1h 30m');
+	});
+
+	it('shows 0 for an empty interval and a non-JSON string as is', () => {
+		expect(shown({})).toBe('0');
+		expect(shown('01:30:00')).toBe('01:30:00');
+	});
+
+	it('shows a dash for null', () => {
+		expect(shown(null)).toBe('—');
+	});
+
+	it('copies the formatted interval', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(TimeIntervalDisplay, { props: { value: { days: 1 } }, attachTo }));
+		expect(result).toEqual({ copied: ['1d'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.stories.ts
new file mode 100644
index 000000000..53e2e79e7
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TimeIntervalDisplay from './TimeIntervalDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/TimeInterval',
+	component: TimeIntervalDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '01:30:00',
+		structure: mockStructure({ data_type: 'interval', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '01:30:00' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof TimeIntervalDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.vue b/frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.vue
new file mode 100644
index 000000000..54939fe89
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.vue
@@ -0,0 +1,45 @@
+<script setup lang="ts">
+/** Port of table-display-fields/time-interval (`TimeIntervalDisplayComponent`): a Postgres interval as `2d 5h 30m`. */
+import { computed } from 'vue';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+interface Interval {
+	days?: number;
+	hours?: number;
+	minutes?: number;
+	seconds?: number;
+	milliseconds?: number;
+}
+
+const props = defineProps<
+	TableDisplayFieldProps & {
+		/** An interval object, or its JSON. Anything else is shown as is. */
+		value?: string | Interval | null;
+	}
+>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { copy } = useViewField(props, emit);
+
+const formattedInterval = computed(() => {
+	if (!props.value) return '—';
+	try {
+		const interval: Interval = typeof props.value === 'string' ? JSON.parse(props.value) : props.value;
+		const parts: string[] = [];
+		if (interval.days) parts.push(`${interval.days}d`);
+		if (interval.hours) parts.push(`${interval.hours}h`);
+		if (interval.minutes) parts.push(`${interval.minutes}m`);
+		if (interval.seconds) parts.push(`${interval.seconds}s`);
+		if (interval.milliseconds) parts.push(`${interval.milliseconds}ms`);
+		return parts.length > 0 ? parts.join(' ') : '0';
+	} catch {
+		return String(props.value);
+	}
+});
+</script>
+
+<template>
+	<TableDisplayCell @copy="copy(formattedInterval)">{{ formattedInterval }}</TableDisplayCell>
+</template>
diff --git a/frontend-vue/src/components/fields/table-display/TimezoneDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/TimezoneDisplay.spec.ts
new file mode 100644
index 000000000..c5cf8ed75
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/TimezoneDisplay.spec.ts
@@ -0,0 +1,31 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import TimezoneDisplay from './TimezoneDisplay.vue';
+import { cellText, setupCopy } from './testing';
+
+describe('TimezoneDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('shows the zone with its UTC offset', () => {
+		const text = cellText(mount(TimezoneDisplay, { props: { value: 'America/New_York' } }));
+		expect(text).toMatch(/^America\/New_York \(UTC-0[45]:00\)$/);
+	});
+
+	it('shows +00:00 for UTC', () => {
+		expect(cellText(mount(TimezoneDisplay, { props: { value: 'UTC' } }))).toBe('UTC (UTC+00:00)');
+	});
+
+	it('shows a dash for null', () => {
+		expect(cellText(mount(TimezoneDisplay, { props: { value: null } }))).toBe('—');
+	});
+
+	it('copies the raw zone name', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const result = await clickCopy(mount(TimezoneDisplay, { props: { value: 'Europe/London' }, attachTo }));
+		expect(result).toEqual({
+			copied: ['Europe/London'],
+			emitted: [['Timezone was copied to clipboard.']],
+			rowClicked: false,
+		});
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/TimezoneDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/TimezoneDisplay.stories.ts
new file mode 100644
index 000000000..c5776213f
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/TimezoneDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import TimezoneDisplay from './TimezoneDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/Timezone',
+	component: TimezoneDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'UTC',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'UTC' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof TimezoneDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/TimezoneDisplay.vue b/frontend-vue/src/components/fields/table-display/TimezoneDisplay.vue
new file mode 100644
index 000000000..cf84546cc
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/TimezoneDisplay.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+/** Port of table-display-fields/timezone (`TimezoneDisplayComponent`): an IANA zone with its current UTC offset. */
+import { computed } from 'vue';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { copy } = useViewField(props, emit);
+
+const formattedTimezone = computed(() => {
+	if (!props.value) return '—';
+	return `${props.value} (UTC${timezoneOffset(props.value)})`;
+});
+
+/** `+05:30` / `-04:00` for the zone right now; `''` for an unknown zone. */
+function timezoneOffset(timezone: string): string {
+	try {
+		const now = new Date();
+		const parts = new Intl.DateTimeFormat('en-US', { timeZone: timezone, timeZoneName: 'longOffset' }).formatToParts(
+			now,
+		);
+		const offsetPart = parts.find((part) => part.type === 'timeZoneName');
+		if (offsetPart?.value.includes('GMT')) {
+			const offset = offsetPart.value.replace('GMT', '');
+			return offset === '' ? '+00:00' : offset;
+		}
+		// Fallback: compute the offset by hand.
+		const utcDate = new Date(now.toLocaleString('en-US', { timeZone: 'UTC' }));
+		const tzDate = new Date(now.toLocaleString('en-US', { timeZone: timezone }));
+		const offsetMinutes = (tzDate.getTime() - utcDate.getTime()) / 60000;
+		const hours = Math.floor(Math.abs(offsetMinutes) / 60);
+		const minutes = Math.abs(offsetMinutes) % 60;
+		const sign = offsetMinutes >= 0 ? '+' : '-';
+		return `${sign}${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;
+	} catch {
+		return '';
+	}
+}
+</script>
+
+<template>
+	<TableDisplayCell @copy="copy(value, 'Timezone was copied to clipboard.')">{{ formattedTimezone }}</TableDisplayCell>
+</template>
diff --git a/frontend-vue/src/components/fields/table-display/UrlDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/UrlDisplay.spec.ts
new file mode 100644
index 000000000..812243127
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/UrlDisplay.spec.ts
@@ -0,0 +1,48 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import { cellText, setupCopy, widget } from './testing';
+import UrlDisplay from './UrlDisplay.vue';
+
+describe('UrlDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('links a valid URL in a new tab', () => {
+		const link = mount(UrlDisplay, { props: { value: 'https://example.com' } }).get('a');
+		expect(link.attributes('href')).toBe('https://example.com');
+		expect(link.attributes('target')).toBe('_blank');
+		expect(link.text()).toContain('https://example.com');
+	});
+
+	it('prepends the prefix param', () => {
+		const link = mount(UrlDisplay, {
+			props: { value: 'example.com/path', widgetStructure: widget({ prefix: 'https://' }) },
+		}).get('a');
+		expect(link.attributes('href')).toBe('https://example.com/path');
+	});
+
+	it('shows an invalid URL as text, and a dash for null', () => {
+		const wrapper = mount(UrlDisplay, { props: { value: 'not a valid url' } });
+		expect(wrapper.find('a').exists()).toBe(false);
+		expect(cellText(wrapper)).toBe('not a valid url');
+		expect(cellText(mount(UrlDisplay, { props: { value: null } }))).toBe('—');
+	});
+
+	it('does not let a link click reach the row', async () => {
+		const { attachTo } = setupCopy();
+		const rowClick = vi.fn();
+		attachTo.addEventListener('click', rowClick);
+		const wrapper = mount(UrlDisplay, { props: { value: 'https://example.com' }, attachTo });
+		wrapper.get('a').element.addEventListener('click', (event) => event.preventDefault());
+		await wrapper.get('a').trigger('click');
+		expect(rowClick).not.toHaveBeenCalled();
+	});
+
+	it('copies the value', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const wrapper = mount(UrlDisplay, { props: { value: 'https://example.com' }, attachTo });
+		expect(wrapper.get('button').attributes('aria-label')).toBe('Copy URL');
+		const result = await clickCopy(wrapper);
+		expect(result).toEqual({ copied: ['https://example.com'], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/UrlDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/UrlDisplay.stories.ts
new file mode 100644
index 000000000..617a7aa21
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/UrlDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import UrlDisplay from './UrlDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/URL',
+	component: UrlDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: 'https://example.com',
+		structure: mockStructure({ data_type: 'varchar', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: 'https://example.com' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof UrlDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/UrlDisplay.vue b/frontend-vue/src/components/fields/table-display/UrlDisplay.vue
new file mode 100644
index 000000000..2d20a9e57
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/UrlDisplay.vue
@@ -0,0 +1,52 @@
+<script setup lang="ts">
+/** Port of table-display-fields/url (`UrlDisplayComponent`): a link (`prefix` + value) opening in a new tab. */
+import { computed } from 'vue';
+import { UiIcon } from '@/components/ui';
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { widgetParams, copy } = useViewField(props, emit);
+
+const hrefValue = computed(() => (props.value ? (widgetParams.value.prefix || '') + props.value : ''));
+
+const isValidUrl = computed(() => {
+	if (!props.value) return false;
+	try {
+		new URL(hrefValue.value);
+		return true;
+	} catch {
+		return false;
+	}
+});
+</script>
+
+<template>
+	<TableDisplayCell copy-label="Copy URL" @copy="copy(value)">
+		<a
+			v-if="isValidUrl"
+			class="url-display__link"
+			:href="hrefValue"
+			target="_blank"
+			rel="noopener noreferrer"
+			@click.stop
+		>
+			<UiIcon class="url-display__icon" name="link" size="sm" />
+			{{ value }}
+		</a>
+		<span v-else>{{ value || '—' }}</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.url-display__link {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-1);
+  max-width: 100%;
+  color: var(--color-accent);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/UuidDisplay.spec.ts b/frontend-vue/src/components/fields/table-display/UuidDisplay.spec.ts
new file mode 100644
index 000000000..e71f0f297
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/UuidDisplay.spec.ts
@@ -0,0 +1,32 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { COPIED_MESSAGE } from '../useFieldWidget';
+import { setupCopy } from './testing';
+import UuidDisplay from './UuidDisplay.vue';
+
+const uuid = '550e8400-e29b-41d4-a716-446655440000';
+
+describe('UuidDisplay', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('displays the UUID', () => {
+		expect(
+			mount(UuidDisplay, { props: { value: uuid } })
+				.get('.uuid-display__value')
+				.text(),
+		).toBe(uuid);
+	});
+
+	it('shows NULL, without a copy button, for an empty value', () => {
+		const wrapper = mount(UuidDisplay, { props: { value: null } });
+		expect(wrapper.get('.uuid-display__null').text()).toBe('NULL');
+		expect(wrapper.find('button').exists()).toBe(false);
+	});
+
+	it('copies the UUID', async () => {
+		const { attachTo, clickCopy } = setupCopy();
+		const wrapper = mount(UuidDisplay, { props: { value: uuid }, attachTo });
+		expect(wrapper.get('button').attributes('aria-label')).toBe('Copy UUID');
+		expect(await clickCopy(wrapper)).toEqual({ copied: [uuid], emitted: [[COPIED_MESSAGE]], rowClicked: false });
+	});
+});
diff --git a/frontend-vue/src/components/fields/table-display/UuidDisplay.stories.ts b/frontend-vue/src/components/fields/table-display/UuidDisplay.stories.ts
new file mode 100644
index 000000000..550f2ad1b
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/UuidDisplay.stories.ts
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { mockStructure, mockWidgetStructure } from '../stories.mocks';
+import UuidDisplay from './UuidDisplay.vue';
+
+const meta = {
+	title: 'Table Display Fields/UUID',
+	component: UuidDisplay,
+	tags: ['autodocs'],
+	args: {
+		fieldKey: 'field_name',
+		value: '550e8400-e29b-41d4-a716-446655440000',
+		structure: mockStructure({ data_type: 'uuid', character_maximum_length: 255 }),
+		widgetStructure: mockWidgetStructure(),
+		rowData: { field_name: '550e8400-e29b-41d4-a716-446655440000' },
+		primaryKeys: [{ column_name: 'id' }],
+	},
+} satisfies Meta<typeof UuidDisplay>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Empty: Story = {
+	args: { value: null },
+};
diff --git a/frontend-vue/src/components/fields/table-display/UuidDisplay.vue b/frontend-vue/src/components/fields/table-display/UuidDisplay.vue
new file mode 100644
index 000000000..4c6d8f40f
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/UuidDisplay.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+/** Port of table-display-fields/uuid (`UuidDisplayComponent`): a UUID in a condensed face, `NULL` when empty. */
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
+
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
+
+const { copy } = useViewField(props, emit);
+</script>
+
+<template>
+	<TableDisplayCell :copyable="Boolean(value)" copy-label="Copy UUID" @copy="copy(value)">
+		<span v-if="value" class="uuid-display__value">{{ value }}</span>
+		<span v-else class="uuid-display__null">NULL</span>
+	</TableDisplayCell>
+</template>
+
+<style scoped>
+.uuid-display__value {
+  font-family: var(--font-mono);
+  font-size: var(--text-xs);
+}
+
+.uuid-display__null {
+  font-style: italic;
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/fields/table-display/testing.ts b/frontend-vue/src/components/fields/table-display/testing.ts
new file mode 100644
index 000000000..5e12a09c4
--- /dev/null
+++ b/frontend-vue/src/components/fields/table-display/testing.ts
@@ -0,0 +1,42 @@
+// Shared helpers for the table-display specs: a stubbed clipboard and a clickable "row" to mount
+// into, so each spec can assert the copy button never lets the click reach the row.
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { type Mock, vi } from 'vitest';
+
+export { mockWidgetStructure as widget } from '../stories.mocks';
+
+export function stubClipboard(): Mock<(text: string) => Promise<void>> {
+	const writeText = vi.fn<(text: string) => Promise<void>>().mockResolvedValue(undefined);
+	vi.stubGlobal('navigator', { clipboard: { writeText } });
+	return writeText;
+}
+
+/**
+ * A clipboard stub plus a `<div>` with a click listener standing in for the table row. Mount with
+ * `{ attachTo }`, then `clickCopy(wrapper)` reports what was copied, the emitted snackbar messages
+ * and whether the row saw the click.
+ */
+export function setupCopy() {
+	const writeText = stubClipboard();
+	const rowClick = vi.fn();
+	const attachTo = document.createElement('div');
+	attachTo.addEventListener('click', rowClick);
+	document.body.appendChild(attachTo);
+
+	async function clickCopy(wrapper: Pick<VueWrapper, 'get' | 'emitted'>) {
+		await wrapper.get('.table-display-cell__copy').trigger('click');
+		await flushPromises();
+		return {
+			copied: writeText.mock.calls.map(([text]) => text),
+			emitted: wrapper.emitted('copyToClipboard') ?? [],
+			rowClicked: rowClick.mock.calls.length > 0,
+		};
+	}
+
+	return { attachTo, clickCopy };
+}
+
+/** The cell's value text, without the copy button's icon ligature. */
+export function cellText(wrapper: Pick<VueWrapper, 'get'>): string {
+	return wrapper.get('.table-display-cell__value').text();
+}
diff --git a/frontend-vue/src/components/fields/types.ts b/frontend-vue/src/components/fields/types.ts
new file mode 100644
index 000000000..7effbdf7a
--- /dev/null
+++ b/frontend-vue/src/components/fields/types.ts
@@ -0,0 +1,71 @@
+/**
+ * The props/events contract shared by every field widget, ported from the Angular `base-*` classes
+ * (`BaseEditFieldComponent`, `BaseRecordViewFieldComponent`, `BaseTableDisplayFieldComponent`,
+ * `BaseFilterFieldComponent`).
+ *
+ * Two deliberate renames, both forced by Vue:
+ * - `key` → `fieldKey`. `key` is reserved in Vue and never reaches a component as a prop.
+ * - Outputs become kebab-case events: `onFieldChange` → `field-change`, `onComparatorChange` →
+ *   `comparator-change`, `onCopyToClipboard` → `copy-to-clipboard`. A dynamic host binds them with
+ *   `v-on="{ fieldChange: …, comparatorChange: … }"`.
+ *
+ * `value` is not in the base props: each widget declares its own `value` type (a string for text,
+ * a boolean for a checkbox, …) so its template is type-checked against what it actually renders.
+ */
+import type { TableField, TableForeignKey, WidgetStructure } from '@/models/table';
+
+/** Inputs of a record-edit widget (the row edit form), minus `value`. */
+export interface RecordEditFieldProps {
+	fieldKey?: string;
+	/** Column name; shown through `normalizeFieldName` unless the widget is given a display name. */
+	label?: string;
+	required?: boolean;
+	readonly?: boolean;
+	disabled?: boolean;
+	structure?: TableField;
+	widgetStructure?: WidgetStructure;
+	relations?: TableForeignKey;
+}
+
+/** Events of a record-edit widget. */
+export type RecordEditFieldEmits = {
+	/** The new value to store in the row. */
+	fieldChange: [value: unknown];
+};
+
+/** Inputs of a filter widget (filters dialog, saved filters), minus `value`. */
+export interface FilterFieldProps extends RecordEditFieldProps {
+	/** Focus the control on mount (the saved-filters quick filter). */
+	autofocus?: boolean;
+}
+
+/** Events of a filter widget. */
+export type FilterFieldEmits = {
+	fieldChange: [value: unknown];
+	/** The widget picked a comparator itself (`eq`, `contains`, `startswith`, `empty`, …). */
+	comparatorChange: [comparator: string];
+};
+
+/** Inputs of a record-view widget (the read-only row panel), minus `value`. */
+export interface RecordViewFieldProps {
+	fieldKey?: string;
+	structure?: TableField;
+	widgetStructure?: WidgetStructure;
+	rowData?: Record<string, unknown>;
+	primaryKeys?: Record<string, unknown>;
+}
+
+/** Inputs of a table-display widget (a table cell), minus `value`. */
+export interface TableDisplayFieldProps {
+	fieldKey?: string;
+	structure?: TableField;
+	widgetStructure?: WidgetStructure;
+	rowData?: Record<string, unknown>;
+	primaryKeys?: { column_name: string }[];
+}
+
+/** Events of the record-view and table-display widgets. */
+export type ViewFieldEmits = {
+	/** A value was copied; the payload is the message the host shows in a snackbar. */
+	copyToClipboard: [message: string];
+};
diff --git a/frontend-vue/src/components/fields/useFieldWidget.spec.ts b/frontend-vue/src/components/fields/useFieldWidget.spec.ts
new file mode 100644
index 000000000..3f8de99de
--- /dev/null
+++ b/frontend-vue/src/components/fields/useFieldWidget.spec.ts
@@ -0,0 +1,58 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { reactive } from 'vue';
+import type { WidgetStructure } from '@/models/table';
+import { COPIED_MESSAGE, parseWidgetParams, useRecordEditField, useViewField } from './useFieldWidget';
+
+const widget = (widget_params: unknown): WidgetStructure =>
+	({ field_name: 'f', widget_type: 'String', widget_params, name: '', description: '' }) as WidgetStructure;
+
+describe('parseWidgetParams', () => {
+	it('returns {} without a widget structure', () => {
+		expect(parseWidgetParams(undefined)).toEqual({});
+	});
+
+	it('passes an object through', () => {
+		expect(parseWidgetParams(widget({ validate: 'isEmail' }))).toEqual({ validate: 'isEmail' });
+	});
+
+	it('parses a JSON string', () => {
+		expect(parseWidgetParams(widget('{"allow_null": true}'))).toEqual({ allow_null: true });
+	});
+
+	it('returns {} for an unparseable string', () => {
+		expect(parseWidgetParams(widget('{nope'))).toEqual({});
+	});
+});
+
+describe('useRecordEditField', () => {
+	it('normalizes the label reactively', () => {
+		const props = reactive({ label: 'user_first_name' });
+		const { normalizedLabel } = useRecordEditField(props);
+		expect(normalizedLabel.value).toBe('User first name');
+		props.label = 'id';
+		expect(normalizedLabel.value).toBe('ID');
+	});
+});
+
+describe('useViewField', () => {
+	afterEach(() => vi.unstubAllGlobals());
+
+	it('copies the value and emits the snackbar message', async () => {
+		const writeText = vi.fn().mockResolvedValue(undefined);
+		vi.stubGlobal('navigator', { clipboard: { writeText } });
+		const emit = vi.fn();
+		const { copy } = useViewField({}, emit);
+
+		await copy(42);
+
+		expect(writeText).toHaveBeenCalledWith('42');
+		expect(emit).toHaveBeenCalledWith('copyToClipboard', COPIED_MESSAGE);
+	});
+
+	it('emits nothing when the clipboard is unavailable', async () => {
+		vi.stubGlobal('navigator', {});
+		const emit = vi.fn();
+		await useViewField({}, emit).copy('x');
+		expect(emit).not.toHaveBeenCalled();
+	});
+});
diff --git a/frontend-vue/src/components/fields/useFieldWidget.ts b/frontend-vue/src/components/fields/useFieldWidget.ts
new file mode 100644
index 000000000..0d7cdf33b
--- /dev/null
+++ b/frontend-vue/src/components/fields/useFieldWidget.ts
@@ -0,0 +1,67 @@
+/**
+ * Composables replacing the Angular `base-*` classes. Each widget calls the one for its family
+ * instead of extending a base component:
+ *
+ *   const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+ *   const emit = defineEmits<RecordEditFieldEmits>();
+ *   const { normalizedLabel, widgetParams } = useRecordEditField(props);
+ */
+import { computed, type MaybeRefOrGetter, toValue } from 'vue';
+import { copyToClipboard } from '@/lib/clipboard';
+import { normalizeFieldName } from '@/lib/normalize';
+import type { WidgetStructure } from '@/models/table';
+import type { RecordEditFieldProps, ViewFieldEmits } from './types';
+
+export const COPIED_MESSAGE = 'Field value was copied to clipboard.';
+
+/**
+ * `widget_params` as an object. The API hands them over either parsed or as a JSON string
+ * (depending on the endpoint), and every Angular widget repeated the `typeof … === 'string'`
+ * check; an unparseable string yields `{}` rather than throwing in a template.
+ */
+// biome-ignore lint/suspicious/noExplicitAny: widget params are free-form per widget type
+export function parseWidgetParams(widgetStructure: WidgetStructure | null | undefined): Record<string, any> {
+	const params: unknown = widgetStructure?.widget_params;
+	if (!params) return {};
+	if (typeof params === 'string') {
+		try {
+			const parsed: unknown = JSON.parse(params);
+			// biome-ignore lint/suspicious/noExplicitAny: see above
+			return parsed && typeof parsed === 'object' ? (parsed as Record<string, any>) : {};
+		} catch {
+			return {};
+		}
+	}
+	// biome-ignore lint/suspicious/noExplicitAny: see above
+	return typeof params === 'object' ? (params as Record<string, any>) : {};
+}
+
+/** `BaseEditFieldComponent`: the normalized label and the parsed widget params. */
+export function useRecordEditField(props: RecordEditFieldProps) {
+	const normalizedLabel = computed(() => normalizeFieldName(props.label || ''));
+	const widgetParams = computed(() => parseWidgetParams(props.widgetStructure));
+	return { normalizedLabel, widgetParams };
+}
+
+/** `BaseFilterFieldComponent`: identical inputs to the edit widgets, plus `autofocus`. */
+export const useFilterField = useRecordEditField;
+
+/**
+ * `BaseRecordViewFieldComponent` / `BaseTableDisplayFieldComponent`: parsed widget params and the
+ * copy button, which emits the snackbar message the host shows (the Angular `onCopyToClipboard`).
+ */
+export function useViewField(
+	props: { widgetStructure?: WidgetStructure },
+	emit: (event: 'copyToClipboard', message: string) => void,
+) {
+	const widgetParams = computed(() => parseWidgetParams(props.widgetStructure));
+
+	async function copy(text: MaybeRefOrGetter<unknown>, message = COPIED_MESSAGE): Promise<void> {
+		const value = toValue(text);
+		if (await copyToClipboard(value == null ? '' : String(value))) emit('copyToClipboard', message);
+	}
+
+	return { widgetParams, copy };
+}
+
+export type { ViewFieldEmits };
diff --git a/frontend-vue/src/components/shared/AppCodeEditor.spec.ts b/frontend-vue/src/components/shared/AppCodeEditor.spec.ts
new file mode 100644
index 000000000..5e688dc1e
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppCodeEditor.spec.ts
@@ -0,0 +1,77 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
+import AppCodeEditor from './AppCodeEditor.vue';
+
+/**
+ * Monaco is mocked to reject in `src/test-setup.ts`, so these drive the `<textarea>` fallback —
+ * which is also what a user gets until the Monaco chunk arrives.
+ */
+
+beforeEach(() => {
+	setActivePinia(createPinia());
+});
+
+async function mountEditor(props: Record<string, unknown> = {}) {
+	const wrapper = mount(AppCodeEditor, { props: { label: 'Query', ...props } });
+	await flushPromises();
+	return wrapper;
+}
+
+describe('AppCodeEditor', () => {
+	it('falls back to a textarea when Monaco cannot load', async () => {
+		const wrapper = await mountEditor({ modelValue: '{"a":1}' });
+		const textarea = wrapper.get('textarea');
+
+		expect(textarea.element.value).toBe('{"a":1}');
+		expect(wrapper.find('.app-code-editor__fallback').exists()).toBe(true);
+	});
+
+	it('names the fallback with the label', async () => {
+		const wrapper = await mountEditor({ label: 'Policy' });
+
+		expect(wrapper.get('textarea').attributes('aria-label')).toBe('Policy');
+	});
+
+	it('emits edits from the fallback', async () => {
+		const wrapper = await mountEditor({ modelValue: 'SELECT 1' });
+		await wrapper.get('textarea').setValue('SELECT 2');
+
+		expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual(['SELECT 2']);
+	});
+
+	it('follows a model change from outside', async () => {
+		const wrapper = await mountEditor({ modelValue: 'a' });
+		await wrapper.setProps({ modelValue: 'b' });
+
+		expect(wrapper.get('textarea').element.value).toBe('b');
+	});
+
+	it('renders a null model as empty', async () => {
+		const wrapper = await mountEditor({ modelValue: null });
+
+		expect(wrapper.get('textarea').element.value).toBe('');
+	});
+
+	it('makes the fallback readonly', async () => {
+		const wrapper = await mountEditor({ readonly: true });
+		expect(wrapper.get('textarea').attributes('readonly')).toBeDefined();
+
+		await wrapper.setProps({ readonly: false });
+		expect(wrapper.get('textarea').attributes('readonly')).toBeUndefined();
+	});
+
+	it('sizes the editor from height', async () => {
+		const wrapper = await mountEditor({ height: '320px' });
+
+		expect((wrapper.element as HTMLElement).style.height).toBe('320px');
+	});
+
+	it('survives a language change without Monaco', async () => {
+		const wrapper = await mountEditor({ language: 'json' });
+		await wrapper.setProps({ language: 'sql' });
+		await flushPromises();
+
+		expect(wrapper.find('textarea').exists()).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/shared/AppCodeEditor.stories.ts b/frontend-vue/src/components/shared/AppCodeEditor.stories.ts
new file mode 100644
index 000000000..4e699b1d2
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppCodeEditor.stories.ts
@@ -0,0 +1,45 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { ref } from 'vue';
+import AppCodeEditor from './AppCodeEditor.vue';
+
+/**
+ * Monaco, loaded in its own chunk on mount. Until it arrives a plain `<textarea>` with the same
+ * value stands in. The theme follows the dark-mode preference.
+ */
+const meta = {
+	title: 'App/CodeEditor',
+	component: AppCodeEditor,
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+	args: { label: 'JSON value', language: 'json', readonly: false, height: '200px' },
+	argTypes: {
+		language: { control: 'select', options: ['json', 'sql', 'markdown', 'html', 'javascript', 'plaintext'] },
+		options: { control: false },
+	},
+	render: (args) => ({
+		components: { AppCodeEditor },
+		setup: () => ({ args, value: ref('{\n  "id": 1,\n  "name": "Ada Lovelace",\n  "tags": ["admin"]\n}') }),
+		template: `
+      <div style="max-width: 36rem; display: grid; gap: 0.75rem;">
+        <AppCodeEditor v-bind="args" v-model="value" />
+        <pre style="margin: 0; font-size: 0.75rem;">{{ value }}</pre>
+      </div>
+    `,
+	}),
+} satisfies Meta<typeof AppCodeEditor>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Json: Story = {};
+
+export const Sql: Story = {
+	args: { label: 'Query', language: 'sql' },
+	render: (args) => ({
+		components: { AppCodeEditor },
+		setup: () => ({ args, value: ref('SELECT id, email\nFROM users\nWHERE created_at > now() - interval 7 day;') }),
+		template: '<div style="max-width: 36rem;"><AppCodeEditor v-bind="args" v-model="value" /></div>',
+	}),
+};
+
+export const Readonly: Story = { args: { readonly: true } };
diff --git a/frontend-vue/src/components/shared/AppCodeEditor.vue b/frontend-vue/src/components/shared/AppCodeEditor.vue
new file mode 100644
index 000000000..079cbb716
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppCodeEditor.vue
@@ -0,0 +1,142 @@
+<script setup lang="ts">
+/**
+ * Monaco editor — the `<ngs-code-editor>` replacement used by the code, JSON and markdown fields
+ * (and later the SQL / Cedar editors).
+ *
+ * Monaco is loaded on mount through `loadMonaco()`, so it stays in its own chunk and never loads for
+ * a page without an editor. Until it resolves, and in jsdom where it never mounts, a plain
+ * `<textarea>` stands in with the same value, so the value stays editable and tests can drive it.
+ *
+ * `modelValue` is read on mount and again whenever it changes from outside; edits emit
+ * `update:modelValue`. The theme follows the user's dark-mode preference like the Angular editors.
+ */
+import type * as Monaco from 'monaco-editor';
+import { onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue';
+import { loadMonaco } from '@/lib/monaco';
+import { useUiSettingsStore } from '@/stores/ui-settings';
+
+const props = withDefaults(
+	defineProps<{
+		modelValue?: string | null;
+		/** Monaco language id: `json`, `sql`, `markdown`, `html`, `javascript`, … */
+		language?: string;
+		readonly?: boolean;
+		/** Accessible name for the editor's text area. */
+		label: string;
+		/** Editor height. A CSS length; the editor does not grow with content. */
+		height?: string;
+		/** Extra Monaco options, merged over the defaults (no minimap, word wrap, no scroll past end). */
+		options?: Monaco.editor.IStandaloneEditorConstructionOptions;
+	}>(),
+	{ language: 'plaintext', readonly: false, height: '200px' },
+);
+
+const emit = defineEmits<{ 'update:modelValue': [string] }>();
+
+const host = ref<HTMLElement | null>(null);
+const editor = shallowRef<Monaco.editor.IStandaloneCodeEditor | null>(null);
+const ready = ref(false);
+const uiSettings = useUiSettingsStore();
+let disposed = false;
+
+onMounted(async () => {
+	let monaco: typeof Monaco;
+	try {
+		monaco = await loadMonaco();
+	} catch {
+		return;
+	}
+	if (disposed || !host.value) return;
+	editor.value = monaco.editor.create(host.value, {
+		value: props.modelValue ?? '',
+		language: props.language,
+		readOnly: props.readonly,
+		theme: uiSettings.isDarkMode ? 'vs-dark' : 'vs',
+		minimap: { enabled: false },
+		automaticLayout: true,
+		scrollBeyondLastLine: false,
+		wordWrap: 'on',
+		ariaLabel: props.label,
+		...props.options,
+	});
+	editor.value.onDidChangeModelContent(() => {
+		emit('update:modelValue', editor.value?.getValue() ?? '');
+	});
+	ready.value = true;
+});
+
+onBeforeUnmount(() => {
+	disposed = true;
+	editor.value?.dispose();
+});
+
+watch(
+	() => props.modelValue,
+	(value) => {
+		const instance = editor.value;
+		if (instance && (value ?? '') !== instance.getValue()) instance.setValue(value ?? '');
+	},
+);
+
+watch(
+	() => props.readonly,
+	(readOnly) => editor.value?.updateOptions({ readOnly }),
+);
+
+watch(
+	() => props.language,
+	async (language) => {
+		const model = editor.value?.getModel();
+		if (!model) return;
+		const monaco = await loadMonaco();
+		monaco.editor.setModelLanguage(model, language);
+	},
+);
+
+function onFallbackInput(event: Event) {
+	emit('update:modelValue', (event.target as HTMLTextAreaElement).value);
+}
+</script>
+
+<template>
+	<div class="app-code-editor ph-no-capture" :style="{ height }">
+		<div v-show="ready" ref="host" class="app-code-editor__host" />
+		<textarea
+			v-if="!ready"
+			class="app-code-editor__fallback"
+			:aria-label="label"
+			:value="modelValue ?? ''"
+			:readonly="readonly"
+			spellcheck="false"
+			@input="onFallbackInput"
+		/>
+	</div>
+</template>
+
+<style scoped>
+.app-code-editor {
+  position: relative;
+  overflow: hidden;
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-control);
+  background: var(--color-surface);
+}
+
+.app-code-editor__host {
+  width: 100%;
+  height: 100%;
+}
+
+.app-code-editor__fallback {
+  width: 100%;
+  height: 100%;
+  padding: var(--space-2) var(--space-3);
+  border: 0;
+  outline: none;
+  resize: none;
+  font-family: var(--font-mono);
+  font-size: var(--text-sm);
+  color: var(--color-ink);
+  background: transparent;
+}
+</style>
diff --git a/frontend-vue/src/components/shared/AppMarkdown.spec.ts b/frontend-vue/src/components/shared/AppMarkdown.spec.ts
new file mode 100644
index 000000000..05fc40373
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppMarkdown.spec.ts
@@ -0,0 +1,55 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import AppMarkdown from './AppMarkdown.vue';
+
+/**
+ * Parsing and sanitizing are pinned in `src/lib/markdown.spec.ts`; this covers the component.
+ *
+ * Queries go through `.app-markdown` rather than `wrapper.element`: the template's leading
+ * eslint-disable comment survives in dev builds, so test-utils sees a comment as the first root.
+ */
+const root = (wrapper: ReturnType<typeof mount>) => wrapper.get('.app-markdown');
+describe('AppMarkdown', () => {
+	it('renders markdown to HTML', () => {
+		const wrapper = mount(AppMarkdown, { props: { source: '# Title\n\nSome **bold** and `code`.' } });
+
+		expect(wrapper.get('h1').text()).toBe('Title');
+		expect(wrapper.get('strong').text()).toBe('bold');
+		expect(wrapper.get('code').text()).toBe('code');
+	});
+
+	it('renders GFM tables', () => {
+		const wrapper = mount(AppMarkdown, { props: { source: '| a | b |\n| - | - |\n| 1 | 2 |' } });
+
+		expect(wrapper.findAll('td').map((cell) => cell.text())).toEqual(['1', '2']);
+	});
+
+	it('sanitizes script and event-handler HTML out of the source', () => {
+		const wrapper = mount(AppMarkdown, {
+			props: { source: 'Hi <script>alert(1)</script><img src="x" onerror="alert(2)"> [x](javascript:alert(3))' },
+		});
+
+		expect(wrapper.find('script').exists()).toBe(false);
+		expect(wrapper.get('img').attributes('onerror')).toBeUndefined();
+		expect(wrapper.html()).not.toContain('javascript:');
+	});
+
+	it('renders nothing for a null source', () => {
+		expect(root(mount(AppMarkdown, { props: { source: null } })).element.innerHTML).toBe('');
+	});
+
+	it('renders inline without block wrappers', () => {
+		const wrapper = mount(AppMarkdown, { props: { source: 'one *two*', inline: true } });
+
+		expect(wrapper.find('p').exists()).toBe(false);
+		expect(wrapper.get('em').text()).toBe('two');
+		expect(root(wrapper).classes()).toContain('app-markdown--inline');
+	});
+
+	it('updates when the source changes', async () => {
+		const wrapper = mount(AppMarkdown, { props: { source: 'first' } });
+		await wrapper.setProps({ source: 'second' });
+
+		expect(root(wrapper).text()).toBe('second');
+	});
+});
diff --git a/frontend-vue/src/components/shared/AppMarkdown.stories.ts b/frontend-vue/src/components/shared/AppMarkdown.stories.ts
new file mode 100644
index 000000000..866de4930
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppMarkdown.stories.ts
@@ -0,0 +1,49 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import AppMarkdown from './AppMarkdown.vue';
+
+/**
+ * Rendered Markdown for the markdown view and display fields. The source is database content, so
+ * the output is always sanitized — the _Sanitized_ story feeds it script and handler attributes.
+ */
+const meta = {
+	title: 'App/Markdown',
+	component: AppMarkdown,
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+	args: {
+		source: [
+			'## Release notes',
+			'',
+			'Some **bold**, some _italic_, `inline code` and a [link](https://docs.rocketadmin.com/).',
+			'',
+			'- First item',
+			'- Second item',
+			'',
+			'| Column | Type |',
+			'| --- | --- |',
+			'| id | integer |',
+			'| email | varchar |',
+			'',
+			'```sql',
+			'SELECT * FROM users;',
+			'```',
+		].join('\n'),
+		inline: false,
+	},
+} satisfies Meta<typeof AppMarkdown>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+/** One-line preview for a table cell: no block wrappers. */
+export const Inline: Story = { args: { source: 'A **short** preview with `code`', inline: true } };
+
+/** The script, the `onerror` handler and the `javascript:` URL are all stripped. */
+export const Sanitized: Story = {
+	args: {
+		source:
+			'Safe text <script>alert(1)</script><img src="x" alt="broken" onerror="alert(2)"> [click](javascript:alert(3))',
+	},
+};
diff --git a/frontend-vue/src/components/shared/AppMarkdown.vue b/frontend-vue/src/components/shared/AppMarkdown.vue
new file mode 100644
index 000000000..57401c72f
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppMarkdown.vue
@@ -0,0 +1,73 @@
+<script setup lang="ts">
+/**
+ * Rendered Markdown — the `<markdown [data]>` (ngx-markdown) replacement for the markdown view and
+ * display fields.
+ *
+ * `marked` parses, DOMPurify sanitizes: the source is user data from a database column, so the
+ * HTML is never trusted. ngx-markdown sanitized through Angular's DomSanitizer for the same reason.
+ * Mermaid diagrams (the AI panel) are a separate concern and are added there.
+ */
+import { computed } from 'vue';
+import { renderMarkdown } from '@/lib/markdown';
+
+const props = withDefaults(
+	defineProps<{
+		/** Markdown source. `null` renders nothing. */
+		source?: string | null;
+		/** Renders inline (no block wrappers' margins), for one-line previews in a table cell. */
+		inline?: boolean;
+	}>(),
+	{ inline: false },
+);
+
+const html = computed(() => renderMarkdown(props.source ?? '', { inline: props.inline }));
+</script>
+
+<template>
+	<div class="app-markdown" :class="{ 'app-markdown--inline': inline }" v-html="html" />
+</template>
+
+<style scoped>
+.app-markdown {
+  font-size: var(--text-sm);
+  line-height: var(--leading-relaxed);
+  color: var(--color-ink);
+  overflow-wrap: anywhere;
+}
+
+.app-markdown :deep(:first-child) {
+  margin-top: 0;
+}
+
+.app-markdown :deep(:last-child) {
+  margin-bottom: 0;
+}
+
+.app-markdown :deep(code) {
+  font-family: var(--font-mono);
+  font-size: var(--text-xs);
+  padding: 0 var(--space-1);
+  border-radius: var(--radius-control);
+  background: var(--color-paper-2);
+}
+
+.app-markdown :deep(pre) {
+  padding: var(--space-3);
+  overflow-x: auto;
+  border-radius: var(--radius-control);
+  background: var(--color-paper-2);
+}
+
+.app-markdown :deep(pre code) {
+  padding: 0;
+  background: transparent;
+}
+
+.app-markdown :deep(a) {
+  color: var(--color-accent);
+}
+
+.app-markdown--inline {
+  display: inline;
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiAutocomplete.spec.ts b/frontend-vue/src/components/ui/UiAutocomplete.spec.ts
new file mode 100644
index 000000000..52891a69b
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiAutocomplete.spec.ts
@@ -0,0 +1,385 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { h } from 'vue';
+import type { AutocompleteOption } from './selectOption';
+import UiAutocomplete from './UiAutocomplete.vue';
+import UiField from './UiField.vue';
+
+/**
+ * jsdom has no popover API and no layout, so these assert the APG combobox contract: the input
+ * keeps focus, `aria-expanded` / `aria-activedescendant` track the virtual cursor, and the keys do
+ * what the pattern says.
+ */
+
+const COUNTRIES: AutocompleteOption<string>[] = [
+	{ value: 'de', label: 'Germany' },
+	{ value: 'fr', label: 'France', disabled: true },
+	{ value: 'it', label: 'Italy' },
+	{ value: 'es', label: 'Spain' },
+];
+
+let wrapper: ReturnType<typeof mountAutocomplete> | undefined;
+
+function mountAutocomplete(props: Record<string, unknown> = {}, attrs: Record<string, unknown> = {}) {
+	return mount(UiAutocomplete, {
+		props: { options: COUNTRIES, modelValue: '', ...props },
+		attrs: { 'aria-label': 'Country', ...attrs },
+		attachTo: document.body,
+	});
+}
+
+afterEach(() => {
+	wrapper?.unmount();
+	wrapper = undefined;
+});
+
+const input = () => wrapper!.get('input');
+const options = () => wrapper!.findAll('[role="option"]');
+const expanded = () => input().attributes('aria-expanded');
+const activeDescendant = () => input().attributes('aria-activedescendant');
+const activeLabel = () => {
+	const id = activeDescendant();
+	return id ? document.getElementById(id)?.textContent?.trim() : undefined;
+};
+const key = (name: string) => input().trigger('keydown', { key: name });
+
+describe('UiAutocomplete', () => {
+	describe('combobox wiring', () => {
+		it('is a combobox controlling its listbox', () => {
+			wrapper = mountAutocomplete();
+			const listId = input().attributes('aria-controls');
+
+			expect(input().attributes('role')).toBe('combobox');
+			expect(input().attributes('aria-autocomplete')).toBe('list');
+			expect(input().attributes('autocomplete')).toBe('off');
+			expect(listId).toBeTruthy();
+			expect(wrapper.get('[role="listbox"]').attributes('id')).toBe(listId);
+		});
+
+		it('starts collapsed with no active descendant', () => {
+			wrapper = mountAutocomplete();
+
+			expect(expanded()).toBe('false');
+			expect(activeDescendant()).toBeUndefined();
+		});
+
+		it('expands on focus', async () => {
+			wrapper = mountAutocomplete();
+			await input().trigger('focus');
+
+			expect(expanded()).toBe('true');
+			expect(options().map((option) => option.text())).toEqual(['Germany', 'France', 'Italy', 'Spain']);
+		});
+
+		it('stays collapsed with no options and no emptyText', async () => {
+			wrapper = mountAutocomplete({ options: [] });
+			await input().trigger('focus');
+
+			expect(expanded()).toBe('false');
+		});
+
+		it('marks disabled options aria-disabled', async () => {
+			wrapper = mountAutocomplete();
+			await input().trigger('focus');
+
+			expect(options()[1]!.attributes('aria-disabled')).toBe('true');
+			expect(options()[0]!.attributes('aria-disabled')).toBeUndefined();
+		});
+	});
+
+	describe('keyboard', () => {
+		it('ArrowDown opens the list and activates the first option', async () => {
+			wrapper = mountAutocomplete();
+			await key('ArrowDown');
+
+			expect(expanded()).toBe('true');
+			expect(activeLabel()).toBe('Germany');
+			expect(options()[0]!.attributes('aria-selected')).toBe('true');
+		});
+
+		it('ArrowDown skips disabled options', async () => {
+			wrapper = mountAutocomplete();
+			await key('ArrowDown');
+			await key('ArrowDown');
+
+			expect(activeLabel()).toBe('Italy');
+		});
+
+		it('ArrowDown wraps from the last option to the first', async () => {
+			wrapper = mountAutocomplete();
+			for (let i = 0; i < 4; i++) await key('ArrowDown');
+
+			expect(activeLabel()).toBe('Germany');
+		});
+
+		it('ArrowUp opens on the last option and walks back past disabled ones', async () => {
+			wrapper = mountAutocomplete();
+			await key('ArrowUp');
+			expect(activeLabel()).toBe('Spain');
+
+			await key('ArrowUp');
+			await key('ArrowUp');
+			expect(activeLabel()).toBe('Germany');
+		});
+
+		it('Enter picks the active option: sets the text to its label and emits select', async () => {
+			wrapper = mountAutocomplete();
+			await key('ArrowDown');
+			await key('ArrowDown');
+			await key('Enter');
+
+			expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual(['Italy']);
+			expect(wrapper.emitted('select')?.at(-1)).toEqual([COUNTRIES[2]]);
+			expect(expanded()).toBe('false');
+		});
+
+		it('Enter with nothing active does nothing and lets the form submit', async () => {
+			wrapper = mountAutocomplete();
+			await input().trigger('focus');
+			const event = new KeyboardEvent('keydown', { key: 'Enter', cancelable: true });
+			input().element.dispatchEvent(event);
+
+			expect(wrapper.emitted('select')).toBeUndefined();
+			expect(event.defaultPrevented).toBe(false);
+		});
+
+		it('Escape closes the list without propagating', async () => {
+			wrapper = mountAutocomplete();
+			const outer = vi.fn();
+			await key('ArrowDown');
+			document.body.addEventListener('keydown', outer);
+			await key('Escape');
+			document.body.removeEventListener('keydown', outer);
+
+			expect(expanded()).toBe('false');
+			expect(activeDescendant()).toBeUndefined();
+			expect(outer).not.toHaveBeenCalled();
+		});
+
+		it('Escape on a closed list propagates, so an enclosing dialog can close', async () => {
+			wrapper = mountAutocomplete();
+			const outer = vi.fn();
+			document.body.addEventListener('keydown', outer);
+			await key('Escape');
+			document.body.removeEventListener('keydown', outer);
+
+			expect(outer).toHaveBeenCalledOnce();
+		});
+
+		it('Tab closes the list', async () => {
+			wrapper = mountAutocomplete();
+			await input().trigger('focus');
+			await key('Tab');
+
+			expect(expanded()).toBe('false');
+		});
+	});
+
+	describe('autoActiveFirst', () => {
+		it('activates the first option as the list opens', async () => {
+			wrapper = mountAutocomplete({ autoActiveFirst: true });
+			await input().trigger('focus');
+
+			expect(activeLabel()).toBe('Germany');
+		});
+
+		it('skips a disabled first option', async () => {
+			wrapper = mountAutocomplete({ autoActiveFirst: true, options: [COUNTRIES[1]!, COUNTRIES[2]!] });
+			await input().trigger('focus');
+
+			expect(activeLabel()).toBe('Italy');
+		});
+
+		it('re-activates the first option when the options change', async () => {
+			wrapper = mountAutocomplete({ autoActiveFirst: true });
+			await input().trigger('focus');
+			await key('ArrowDown');
+			await wrapper.setProps({ options: [COUNTRIES[3]!, COUNTRIES[0]!] });
+
+			expect(activeLabel()).toBe('Spain');
+		});
+
+		it('ArrowDown on a re-opened list lands on the first option, not the second', async () => {
+			// Regression: opening already activated the first option, then ArrowDown stepped past it.
+			wrapper = mountAutocomplete({ autoActiveFirst: true });
+			await input().trigger('focus');
+			await key('Escape');
+			await key('ArrowDown');
+
+			expect(activeLabel()).toBe('Germany');
+		});
+
+		it('lets Enter pick without any arrow key', async () => {
+			wrapper = mountAutocomplete({ autoActiveFirst: true });
+			await input().setValue('Ger');
+			await key('Enter');
+
+			expect(wrapper.emitted('select')?.at(-1)).toEqual([COUNTRIES[0]]);
+		});
+
+		it('without it, typing activates nothing', async () => {
+			wrapper = mountAutocomplete();
+			await input().setValue('Ger');
+
+			expect(expanded()).toBe('true');
+			expect(activeDescendant()).toBeUndefined();
+		});
+	});
+
+	describe('typing and picking', () => {
+		it('emits the typed text and opens', async () => {
+			wrapper = mountAutocomplete();
+			await input().setValue('Ita');
+
+			expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual(['Ita']);
+			expect(expanded()).toBe('true');
+		});
+
+		it('renders a null model as empty', () => {
+			wrapper = mountAutocomplete({ modelValue: null });
+
+			expect((input().element as HTMLInputElement).value).toBe('');
+		});
+
+		it('picks an option on click', async () => {
+			wrapper = mountAutocomplete();
+			await input().trigger('focus');
+			await options()[3]!.trigger('click');
+
+			expect(wrapper.emitted('select')?.at(-1)).toEqual([COUNTRIES[3]]);
+			expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual(['Spain']);
+			expect(expanded()).toBe('false');
+		});
+
+		it('ignores a click on a disabled option', async () => {
+			wrapper = mountAutocomplete();
+			await input().trigger('focus');
+			await options()[1]!.trigger('click');
+
+			expect(wrapper.emitted('select')).toBeUndefined();
+			expect(expanded()).toBe('true');
+		});
+
+		it('renders the option slot', async () => {
+			wrapper = mount(UiAutocomplete, {
+				props: { options: COUNTRIES, modelValue: '' },
+				attrs: { 'aria-label': 'Country' },
+				slots: { option: ({ option }: { option: AutocompleteOption }) => `[${String(option.value)}] ${option.label}` },
+				attachTo: document.body,
+			});
+			await input().trigger('focus');
+
+			expect(options()[0]!.text()).toBe('[de] Germany');
+		});
+	});
+
+	describe('emptyText and loading', () => {
+		it('shows emptyText as a disabled row when there are no options', async () => {
+			wrapper = mountAutocomplete({ options: [], emptyText: 'No matches' });
+			await input().setValue('zz');
+
+			expect(expanded()).toBe('true');
+			expect(options()).toHaveLength(1);
+			expect(options()[0]!.text()).toBe('No matches');
+			expect(options()[0]!.attributes('aria-disabled')).toBe('true');
+		});
+
+		it('Enter on the empty row picks nothing', async () => {
+			wrapper = mountAutocomplete({ options: [], emptyText: 'No matches', autoActiveFirst: true });
+			await input().setValue('zz');
+			await key('ArrowDown');
+			await key('Enter');
+
+			expect(wrapper.emitted('select')).toBeUndefined();
+		});
+
+		it('shows a labelled spinner while loading, and no empty row', async () => {
+			wrapper = mountAutocomplete({ options: [], emptyText: 'No matches', loading: true });
+			await input().setValue('zz');
+
+			expect(wrapper.find('.ui-autocomplete__spinner').exists()).toBe(true);
+			expect(wrapper.text()).toContain('Loading suggestions');
+			expect(wrapper.text()).not.toContain('No matches');
+		});
+
+		it('shows no spinner when idle', () => {
+			wrapper = mountAutocomplete();
+
+			expect(wrapper.find('.ui-autocomplete__spinner').exists()).toBe(false);
+		});
+	});
+
+	describe('disabled and readonly', () => {
+		it.each(['disabled', 'readonly'])('does not open when %s', async (state) => {
+			wrapper = mountAutocomplete({ [state]: true });
+			await input().trigger('focus');
+			await key('ArrowDown');
+
+			expect(expanded()).toBe('false');
+			expect(activeDescendant()).toBeUndefined();
+			expect(input().attributes(state)).toBeDefined();
+		});
+
+		it('adds the disabled modifier', () => {
+			wrapper = mountAutocomplete({ disabled: true });
+
+			expect(wrapper.classes()).toContain('ui-autocomplete--disabled');
+		});
+	});
+
+	it('closes on a pointerdown outside', async () => {
+		wrapper = mountAutocomplete();
+		await input().trigger('focus');
+		document.body.dispatchEvent(new Event('pointerdown', { bubbles: true }));
+		await wrapper.vm.$nextTick();
+
+		expect(expanded()).toBe('false');
+	});
+
+	it('puts layout class/style on the bordered root and other attrs on the input', () => {
+		wrapper = mountAutocomplete({}, { class: 'filters__country', style: 'width: 10rem', name: 'country' });
+
+		expect(wrapper.classes()).toContain('filters__country');
+		expect(wrapper.attributes('style')).toContain('width');
+		expect(input().classes()).not.toContain('filters__country');
+		expect(input().attributes('name')).toBe('country');
+		expect(input().attributes('aria-label')).toBe('Country');
+	});
+
+	it('exposes focus()', () => {
+		wrapper = mountAutocomplete();
+		(wrapper.vm as unknown as { focus: () => void }).focus();
+
+		expect(document.activeElement).toBe(input().element);
+	});
+
+	it('marks itself invalid standalone', () => {
+		wrapper = mountAutocomplete({ invalid: true });
+
+		expect(input().attributes('aria-invalid')).toBe('true');
+		expect(wrapper.classes()).toContain('ui-autocomplete--invalid');
+	});
+
+	it('adds the size modifier', () => {
+		wrapper = mountAutocomplete({ size: 'sm' });
+
+		expect(wrapper.classes()).toContain('ui-autocomplete--size-sm');
+	});
+
+	describe('inside a UiField', () => {
+		it('takes the field id, description, invalid and required state', () => {
+			const field = mount(UiField, {
+				props: { label: 'Country', hint: 'Start typing', error: 'Required', required: true },
+				slots: { default: () => h(UiAutocomplete, { options: COUNTRIES }) },
+			});
+			const control = field.get('input');
+			const ids = control.attributes('aria-describedby')?.split(' ');
+
+			expect(field.get('label').attributes('for')).toBe(control.attributes('id'));
+			expect(ids).toContain(field.get('.ui-field__hint').attributes('id'));
+			expect(ids).toContain(field.get('.ui-field__error').attributes('id'));
+			expect(control.attributes('aria-invalid')).toBe('true');
+			expect(control.attributes('required')).toBeDefined();
+		});
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiAutocomplete.stories.ts b/frontend-vue/src/components/ui/UiAutocomplete.stories.ts
new file mode 100644
index 000000000..b44ed5b59
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiAutocomplete.stories.ts
@@ -0,0 +1,132 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { type ConcreteComponent, computed, ref } from 'vue';
+import type { AutocompleteOption } from './selectOption';
+import UiAutocomplete from './UiAutocomplete.vue';
+import UiField from './UiField.vue';
+import UiIcon from './UiIcon.vue';
+
+const COUNTRIES: AutocompleteOption<string>[] = [
+	{ value: 'at', label: 'Austria' },
+	{ value: 'be', label: 'Belgium' },
+	{ value: 'de', label: 'Germany' },
+	{ value: 'fr', label: 'France', disabled: true },
+	{ value: 'it', label: 'Italy' },
+	{ value: 'nl', label: 'Netherlands' },
+	{ value: 'es', label: 'Spain' },
+	{ value: 'ch', label: 'Switzerland' },
+];
+
+/** The caller filters; these stories use a plain substring match. */
+function useFiltered() {
+	const text = ref('');
+	const options = computed(() =>
+		COUNTRIES.filter((country) => country.label.toLowerCase().includes(text.value.toLowerCase())),
+	);
+	return { text, options };
+}
+
+/**
+ * Text input with a suggestion list (APG combobox): focus stays in the input, ArrowUp / ArrowDown
+ * move the highlight, Enter picks, Escape closes the list (and only the list, inside a modal).
+ *
+ * Filtering is the caller's — `v-model` is the typed text and `options` is what to show for it.
+ * Picking an option emits `select` and sets the text to the option's label.
+ */
+// `component` is widened and `Meta` left untyped: Storybook's types cannot infer args from a
+// generic SFC (`<script setup generic="T">`). Autodocs still reads the props from the component.
+const meta = {
+	title: 'UI/Autocomplete',
+	component: UiAutocomplete as ConcreteComponent,
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+	args: {
+		options: COUNTRIES,
+		autoActiveFirst: false,
+		loading: false,
+		emptyText: 'No countries match',
+		placeholder: 'Start typing a country',
+		size: 'md',
+		disabled: false,
+		readonly: false,
+	},
+	argTypes: { size: { control: 'inline-radio', options: ['sm', 'md'] }, options: { control: false } },
+	render: (args) => ({
+		components: { UiAutocomplete, UiField },
+		setup: () => {
+			const { text, options } = useFiltered();
+			const picked = ref<AutocompleteOption<string> | null>(null);
+			return { args, text, options, picked };
+		},
+		template: `
+      <div style="max-width: 22rem; display: grid; gap: 0.75rem;">
+        <UiField label="Country">
+          <UiAutocomplete v-bind="args" v-model="text" :options="options" @select="picked = $event" />
+        </UiField>
+        <code>select: {{ picked ? picked.value : '—' }}</code>
+      </div>
+    `,
+	}),
+} satisfies Meta;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+/** The first match is highlighted as the list opens, so typing then Enter picks it. */
+export const AutoActiveFirst: Story = { args: { autoActiveFirst: true } };
+
+/** Server-side suggestions: the spinner shows while `loading`, and the empty row is held back. */
+export const Loading: Story = {
+	render: (args) => ({
+		components: { UiAutocomplete, UiField },
+		setup: () => ({ args }),
+		template: `
+      <div style="max-width: 22rem;">
+        <UiField label="Country">
+          <UiAutocomplete v-bind="args" model-value="Ger" :options="[]" loading />
+        </UiField>
+      </div>
+    `,
+	}),
+};
+
+/** The `option` slot renders a row's content; `leading` / `trailing` sit inside the border. */
+export const WithSlots: Story = {
+	render: () => ({
+		components: { UiAutocomplete, UiField, UiIcon },
+		setup: () => useFiltered(),
+		template: `
+      <div style="max-width: 22rem;">
+        <UiField label="Country">
+          <UiAutocomplete v-model="text" :options="options" placeholder="Search">
+            <template #leading><UiIcon name="search" /></template>
+            <template #option="{ option, active }">
+              <code style="min-width: 2ch;">{{ option.value }}</code>
+              <span :style="{ fontWeight: active ? 600 : 400 }">{{ option.label }}</span>
+            </template>
+          </UiAutocomplete>
+        </UiField>
+      </div>
+    `,
+	}),
+};
+
+/** Every closed state, both sizes. Focus one to see the list. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiAutocomplete, UiField },
+		setup: () => ({ options: COUNTRIES }),
+		template: `
+      <form style="display: grid; gap: 1.25rem; max-width: 22rem;">
+        <UiField label="Default"><UiAutocomplete :options="options" placeholder="Start typing" /></UiField>
+        <UiField label="With value" hint="Picked from the list."><UiAutocomplete :options="options" model-value="Germany" /></UiField>
+        <UiField label="With error" error="Choose a country." required><UiAutocomplete :options="options" /></UiField>
+        <UiField label="Loading"><UiAutocomplete :options="[]" model-value="Ger" loading /></UiField>
+        <UiField label="Readonly"><UiAutocomplete :options="options" model-value="Italy" readonly /></UiField>
+        <UiField label="Disabled"><UiAutocomplete :options="options" model-value="Spain" disabled /></UiField>
+        <UiField label="Small"><UiAutocomplete :options="options" size="sm" placeholder="Dense row" /></UiField>
+      </form>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiAutocomplete.vue b/frontend-vue/src/components/ui/UiAutocomplete.vue
new file mode 100644
index 000000000..ad40aa275
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiAutocomplete.vue
@@ -0,0 +1,431 @@
+<script setup lang="ts" generic="T">
+/**
+ * Text input with a suggestion list — the `mat-autocomplete` replacement (foreign keys, countries,
+ * languages, timezones, currencies).
+ *
+ * The APG "combobox with listbox popup" pattern: focus stays in the `<input>`, ArrowUp/ArrowDown
+ * move a virtual cursor exposed through `aria-activedescendant`, Enter picks, Escape closes. The
+ * list renders in the top layer (`popover="manual"`, like `UiMenu`), so it is not clipped by a
+ * scrolling dialog body.
+ *
+ * Filtering is the caller's: `v-model` is the typed text, `options` is what to show for it. Every
+ * Angular autocomplete filtered differently (prefix, substring, server-side with a debounce), so
+ * baking one strategy in would only be overridden. Picking an option emits `select` with it and
+ * sets the text to its label.
+ *
+ * The `option` slot renders a row's content (a flag before a country name); its default is the
+ * label. The `leading` / `trailing` slots sit inside the control's border, like `matPrefix` /
+ * `matSuffix`.
+ */
+import { computed, inject, nextTick, onBeforeUnmount, ref, useAttrs, useId, watch } from 'vue';
+import { FIELD_CONTEXT } from './fieldContext';
+import type { AutocompleteOption } from './selectOption';
+import UiSpinner from './UiSpinner.vue';
+
+const props = withDefaults(
+	defineProps<{
+		/** The text in the input. */
+		modelValue?: string | null;
+		/** Suggestions for the current text, already filtered by the caller. */
+		options: AutocompleteOption<T>[];
+		/** Shows a spinner in the control while suggestions load. */
+		loading?: boolean;
+		/** Highlights the first option as the list opens, so Enter picks it (`autoActiveFirstOption`). */
+		autoActiveFirst?: boolean;
+		/** Shown as a non-selectable row when `options` is empty and the input is not. */
+		emptyText?: string;
+		placeholder?: string;
+		/** Geometry only. */
+		size?: 'sm' | 'md';
+		disabled?: boolean;
+		readonly?: boolean;
+		/** Set explicitly only when used outside a `UiField`, which otherwise supplies it. */
+		invalid?: boolean;
+	}>(),
+	{ loading: false, autoActiveFirst: false, size: 'md', disabled: false, readonly: false, invalid: undefined },
+);
+
+const emit = defineEmits<{
+	'update:modelValue': [string];
+	/** An option was picked, by click or Enter. */
+	select: [AutocompleteOption<T>];
+}>();
+
+defineSlots<{
+	option?(props: { option: AutocompleteOption<T>; active: boolean }): unknown;
+	leading?(): unknown;
+	trailing?(): unknown;
+}>();
+
+const field = inject(FIELD_CONTEXT, undefined);
+
+// `class` / `style` are layout passthrough and belong on the bordered root, which is the box a
+// caller sizes; everything else (`name`, `aria-label`, `data-*`) belongs on the <input>.
+const attrs = useAttrs();
+// Functions, not computeds: `attrs` is not reactive, so a computed would cache a stale copy.
+function rootAttrs() {
+	return { class: attrs.class, style: attrs.style };
+}
+function inputAttrs() {
+	const { class: _class, style: _style, ...rest } = attrs;
+	return rest;
+}
+const uid = useId();
+const listId = `${uid}-listbox`;
+const optionId = (index: number) => `${uid}-option-${index}`;
+
+const root = ref<HTMLElement | null>(null);
+const input = ref<HTMLInputElement | null>(null);
+const panel = ref<HTMLElement | null>(null);
+const open = ref(false);
+const activeIndex = ref(-1);
+const coords = ref<{ top: string; left: string; width: string } | undefined>(undefined);
+
+const isInvalid = computed(() => props.invalid ?? field?.invalid.value ?? false);
+const showEmpty = computed(() => !props.loading && props.options.length === 0 && Boolean(props.emptyText));
+const expanded = computed(() => open.value && (props.options.length > 0 || showEmpty.value));
+
+const classes = computed(() => [
+	'ui-autocomplete',
+	`ui-autocomplete--size-${props.size}`,
+	{ 'ui-autocomplete--invalid': isInvalid.value, 'ui-autocomplete--disabled': props.disabled },
+]);
+
+watch(
+	() => props.options,
+	() => {
+		activeIndex.value = props.autoActiveFirst ? firstEnabled(0, 1) : -1;
+	},
+);
+
+watch(expanded, async (isExpanded) => {
+	if (isExpanded) {
+		await nextTick();
+		show();
+	} else {
+		hide();
+	}
+});
+
+onBeforeUnmount(() => hide());
+
+function openList() {
+	if (props.disabled || props.readonly) return;
+	open.value = true;
+	if (activeIndex.value < 0 && props.autoActiveFirst) activeIndex.value = firstEnabled(0, 1);
+}
+
+function closeList() {
+	open.value = false;
+	activeIndex.value = -1;
+}
+
+function onInput(event: Event) {
+	emit('update:modelValue', (event.target as HTMLInputElement).value);
+	openList();
+}
+
+function pick(option: AutocompleteOption<T>) {
+	if (option.disabled) return;
+	emit('update:modelValue', option.label);
+	emit('select', option);
+	closeList();
+}
+
+function onKeydown(event: KeyboardEvent) {
+	switch (event.key) {
+		case 'ArrowDown':
+			event.preventDefault();
+			if (!open.value) {
+				openList();
+				if (!open.value) return;
+				// `autoActiveFirst` already highlighted the first option; stepping again would skip it.
+				if (activeIndex.value >= 0) return;
+			}
+			move(1);
+			return;
+		case 'ArrowUp':
+			event.preventDefault();
+			if (!open.value) {
+				openList();
+				if (!open.value) return;
+				// Opening upward lands on the last option, as in the APG combobox.
+				activeIndex.value = -1;
+			}
+			move(-1);
+			return;
+		case 'Enter': {
+			const option = props.options[activeIndex.value];
+			if (open.value && option) {
+				event.preventDefault();
+				pick(option);
+			}
+			return;
+		}
+		case 'Escape':
+			if (open.value) {
+				event.preventDefault();
+				// Inside a UiModal, Escape closes the list, not the dialog.
+				event.stopPropagation();
+				closeList();
+			}
+			return;
+		case 'Tab':
+			closeList();
+			return;
+	}
+}
+
+function move(step: 1 | -1) {
+	const start = activeIndex.value < 0 ? (step === 1 ? 0 : props.options.length - 1) : activeIndex.value + step;
+	activeIndex.value = firstEnabled(start, step);
+	nextTick(() => {
+		document.getElementById(optionId(activeIndex.value))?.scrollIntoView?.({ block: 'nearest' });
+	});
+}
+
+/** The first enabled option from `start` walking by `step`, wrapping; -1 when none. */
+function firstEnabled(start: number, step: 1 | -1): number {
+	const count = props.options.length;
+	for (let offset = 0; offset < count; offset++) {
+		const index = (((start + offset * step) % count) + count) % count;
+		if (!props.options[index]?.disabled) return index;
+	}
+	return -1;
+}
+
+function onDocumentPointerdown(event: PointerEvent) {
+	const target = event.target as Node;
+	if (root.value?.contains(target) || panel.value?.contains(target)) return;
+	closeList();
+}
+
+function show() {
+	const el = panel.value;
+	if (!el) return;
+	if (!el.matches?.(':popover-open')) callPopover(el, 'showPopover');
+	place();
+	document.addEventListener('pointerdown', onDocumentPointerdown, true);
+	window.addEventListener('resize', place);
+	window.addEventListener('scroll', place, true);
+}
+
+function hide() {
+	const el = panel.value;
+	if (el?.matches?.(':popover-open')) callPopover(el, 'hidePopover');
+	document.removeEventListener('pointerdown', onDocumentPointerdown, true);
+	window.removeEventListener('resize', place);
+	window.removeEventListener('scroll', place, true);
+}
+
+/** Gap between control and list, in px — `--space-1`. */
+const OFFSET = 4;
+
+function place() {
+	const anchor = root.value;
+	const el = panel.value;
+	if (!anchor || !el) return;
+	const rect = anchor.getBoundingClientRect();
+	const height = el.offsetHeight;
+	let top = rect.bottom + OFFSET;
+	if (top + height > window.innerHeight && rect.top - OFFSET - height >= 0) top = rect.top - OFFSET - height;
+	coords.value = { top: `${top}px`, left: `${rect.left}px`, width: `${rect.width}px` };
+}
+
+function callPopover(el: HTMLElement, method: 'showPopover' | 'hidePopover') {
+	const fn = (el as Partial<Pick<HTMLElement, 'showPopover' | 'hidePopover'>>)[method];
+	try {
+		fn?.call(el);
+	} catch {
+		// Already in the requested state, or detached mid-transition.
+	}
+}
+
+defineExpose({ focus: () => input.value?.focus() });
+</script>
+
+<script lang="ts">
+export default {
+  inheritAttrs: false,
+}
+</script>
+
+<template>
+	<div ref="root" v-bind="rootAttrs()" :class="classes">
+		<span v-if="$slots.leading" class="ui-autocomplete__adornment"><slot name="leading" /></span>
+		<input
+			v-bind="inputAttrs()"
+			:id="field?.inputId"
+			ref="input"
+			class="ui-autocomplete__input"
+			type="text"
+			role="combobox"
+			autocomplete="off"
+			aria-autocomplete="list"
+			:aria-controls="listId"
+			:aria-expanded="expanded ? 'true' : 'false'"
+			:aria-activedescendant="expanded && activeIndex >= 0 ? optionId(activeIndex) : undefined"
+			:value="modelValue ?? ''"
+			:placeholder="placeholder"
+			:disabled="disabled"
+			:readonly="readonly"
+			:required="field?.required.value || undefined"
+			:aria-describedby="field?.describedBy.value"
+			:aria-invalid="isInvalid ? 'true' : undefined"
+			@input="onInput"
+			@focus="openList"
+			@click="openList"
+			@keydown="onKeydown"
+		>
+		<UiSpinner v-if="loading" class="ui-autocomplete__spinner" size="sm" label="Loading suggestions" />
+		<span v-if="$slots.trailing" class="ui-autocomplete__adornment"><slot name="trailing" /></span>
+
+		<ul
+			v-show="expanded"
+			:id="listId"
+			ref="panel"
+			class="ui-autocomplete__panel"
+			role="listbox"
+			popover="manual"
+			:style="coords"
+		>
+			<li
+				v-for="(option, index) in options"
+				:id="optionId(index)"
+				:key="index"
+				class="ui-autocomplete__option"
+				:class="{
+					'ui-autocomplete__option--active': index === activeIndex,
+					'ui-autocomplete__option--disabled': option.disabled,
+				}"
+				role="option"
+				:aria-selected="index === activeIndex ? 'true' : 'false'"
+				:aria-disabled="option.disabled ? 'true' : undefined"
+				@pointerdown.prevent
+				@click="pick(option)"
+				@pointermove="!option.disabled && (activeIndex = index)"
+			>
+				<slot name="option" :option="option" :active="index === activeIndex">{{ option.label }}</slot>
+			</li>
+			<li v-if="showEmpty" class="ui-autocomplete__empty" role="option" aria-disabled="true" aria-selected="false">
+				{{ emptyText }}
+			</li>
+		</ul>
+	</div>
+</template>
+
+<style scoped>
+.ui-autocomplete {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  width: 100%;
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-control);
+  background: var(--color-surface);
+  transition:
+    border-color var(--motion-fast),
+    box-shadow var(--motion-fast);
+}
+
+.ui-autocomplete--size-md {
+  padding: 0 var(--space-3);
+  font-size: var(--text-base);
+}
+
+.ui-autocomplete--size-sm {
+  padding: 0 var(--space-2);
+  font-size: var(--text-sm);
+}
+
+.ui-autocomplete:focus-within {
+  border-color: var(--color-accent);
+  box-shadow: var(--ring-focus);
+}
+
+.ui-autocomplete--invalid,
+.ui-autocomplete--invalid:focus-within {
+  border-color: var(--color-danger-strong);
+}
+
+.ui-autocomplete--invalid:focus-within {
+  box-shadow: var(--ring-danger);
+}
+
+.ui-autocomplete--disabled {
+  opacity: 0.65;
+  background: var(--color-paper);
+}
+
+.ui-autocomplete__input {
+  flex: 1;
+  min-width: 0;
+  border: 0;
+  outline: none;
+  background: transparent;
+  font: inherit;
+  color: var(--color-ink);
+}
+
+.ui-autocomplete--size-md .ui-autocomplete__input {
+  padding: 0.625rem var(--space-0);
+}
+
+.ui-autocomplete--size-sm .ui-autocomplete__input {
+  padding: var(--space-2) 0;
+}
+
+.ui-autocomplete__input::placeholder {
+  color: var(--color-muted-soft);
+}
+
+.ui-autocomplete__input:disabled {
+  cursor: not-allowed;
+}
+
+.ui-autocomplete__adornment {
+  display: inline-flex;
+  align-items: center;
+  color: var(--color-muted);
+}
+
+.ui-autocomplete__panel {
+  position: fixed;
+  inset: auto;
+  z-index: var(--z-dropdown);
+  max-height: min(18rem, calc(100vh - var(--space-8)));
+  margin: 0;
+  padding: var(--space-1);
+  overflow-y: auto;
+  list-style: none;
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-control);
+  background: var(--color-surface-raised);
+  color: var(--color-ink);
+  box-shadow: var(--shadow-card);
+}
+
+.ui-autocomplete__option,
+.ui-autocomplete__empty {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-2) var(--space-3);
+  border-radius: var(--radius-control);
+  font-size: var(--text-sm);
+}
+
+.ui-autocomplete__option {
+  cursor: pointer;
+}
+
+.ui-autocomplete__option--active {
+  background: var(--color-paper-2);
+}
+
+.ui-autocomplete__option--disabled,
+.ui-autocomplete__empty {
+  color: var(--color-muted);
+  cursor: default;
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiCheckbox.spec.ts b/frontend-vue/src/components/ui/UiCheckbox.spec.ts
new file mode 100644
index 000000000..6ce50c429
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiCheckbox.spec.ts
@@ -0,0 +1,75 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UiCheckbox from './UiCheckbox.vue';
+
+function mountCheckbox(props: Record<string, unknown> = {}, attrs: Record<string, unknown> = {}) {
+	return mount(UiCheckbox, { props, attrs, slots: { default: () => 'Remember me' } });
+}
+
+const input = (wrapper: ReturnType<typeof mountCheckbox>) => wrapper.get('input').element as HTMLInputElement;
+
+describe('UiCheckbox', () => {
+	it('is a native checkbox wrapped by its label', () => {
+		const wrapper = mountCheckbox();
+
+		expect(wrapper.element.tagName).toBe('LABEL');
+		expect(wrapper.get('input').attributes('type')).toBe('checkbox');
+		expect(wrapper.text()).toBe('Remember me');
+	});
+
+	it('reflects the model', async () => {
+		const wrapper = mountCheckbox({ modelValue: true });
+		expect(input(wrapper).checked).toBe(true);
+
+		await wrapper.setProps({ modelValue: false });
+		expect(input(wrapper).checked).toBe(false);
+	});
+
+	it('emits the new boolean on toggle', async () => {
+		const wrapper = mountCheckbox({ modelValue: false });
+
+		await wrapper.get('input').setValue(true);
+		expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual([true]);
+
+		await wrapper.get('input').setValue(false);
+		expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual([false]);
+	});
+
+	it('toggles when the label text is clicked', async () => {
+		const wrapper = mount(UiCheckbox, {
+			props: { modelValue: false },
+			slots: { default: () => 'Remember me' },
+			attachTo: document.body,
+		});
+		await wrapper.get('.ui-checkbox__label').trigger('click');
+
+		expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual([true]);
+		wrapper.unmount();
+	});
+
+	it('sets the native indeterminate state, and still emits a boolean', async () => {
+		const wrapper = mountCheckbox({ indeterminate: true });
+		expect(input(wrapper).indeterminate).toBe(true);
+
+		await wrapper.get('input').setValue(true);
+		expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual([true]);
+	});
+
+	it('disables the input and marks the root', () => {
+		const wrapper = mountCheckbox({ disabled: true });
+
+		expect(input(wrapper).disabled).toBe(true);
+		expect(wrapper.classes()).toContain('ui-checkbox--disabled');
+	});
+
+	it('puts layout class/style on the root and other attrs on the input', () => {
+		const wrapper = mountCheckbox({}, { class: 'row__check', style: 'margin: 0', name: 'remember', 'aria-label': 'X' });
+
+		expect(wrapper.classes()).toContain('row__check');
+		expect(wrapper.attributes('style')).toContain('margin');
+		expect(wrapper.get('input').classes()).not.toContain('row__check');
+		expect(wrapper.get('input').attributes('name')).toBe('remember');
+		expect(wrapper.get('input').attributes('aria-label')).toBe('X');
+		expect(wrapper.attributes('name')).toBeUndefined();
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiCheckbox.stories.ts b/frontend-vue/src/components/ui/UiCheckbox.stories.ts
new file mode 100644
index 000000000..ecf1aee9a
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiCheckbox.stories.ts
@@ -0,0 +1,48 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { ref } from 'vue';
+import UiCheckbox from './UiCheckbox.vue';
+
+/**
+ * Native checkbox wrapped by its label, so clicking the text toggles it. With no visible text (a
+ * table row), pass `aria-label` — it lands on the `<input>`; `class` lands on the label.
+ */
+const meta = {
+	title: 'UI/Checkbox',
+	component: UiCheckbox,
+	tags: ['autodocs'],
+	args: { indeterminate: false, disabled: false },
+	render: (args) => ({
+		components: { UiCheckbox },
+		setup: () => ({ args, checked: ref(false) }),
+		template: '<UiCheckbox v-bind="args" v-model="checked">Remember me</UiCheckbox>',
+	}),
+} satisfies Meta<typeof UiCheckbox>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+/** The "some but not all" dash. Clicking still emits a plain boolean. */
+export const Indeterminate: Story = { args: { indeterminate: true } };
+
+export const Disabled: Story = { args: { disabled: true } };
+
+/** Every state, enabled and disabled. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiCheckbox },
+		template: `
+      <div style="display: grid; grid-template-columns: repeat(2, max-content); gap: 0.75rem 2rem;">
+        <UiCheckbox>Unchecked</UiCheckbox>
+        <UiCheckbox disabled>Unchecked, disabled</UiCheckbox>
+        <UiCheckbox :model-value="true">Checked</UiCheckbox>
+        <UiCheckbox :model-value="true" disabled>Checked, disabled</UiCheckbox>
+        <UiCheckbox indeterminate>Indeterminate</UiCheckbox>
+        <UiCheckbox indeterminate disabled>Indeterminate, disabled</UiCheckbox>
+        <UiCheckbox aria-label="Select row 1" />
+        <span style="font-size: 0.8125rem;">← no text, named by aria-label</span>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiCheckbox.vue b/frontend-vue/src/components/ui/UiCheckbox.vue
new file mode 100644
index 000000000..221d759ee
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiCheckbox.vue
@@ -0,0 +1,94 @@
+<script setup lang="ts">
+/**
+ * Checkbox with its label — the `mat-checkbox` replacement.
+ *
+ * The label is the default slot and wraps the native `<input>`, so clicking the text toggles the box
+ * and the box needs no `id`. A native checkbox rather than a `role="checkbox"` div: the browser
+ * already provides the keyboard handling, form participation and the indeterminate state.
+ */
+import { computed, useAttrs } from 'vue';
+
+const props = withDefaults(
+	defineProps<{
+		modelValue?: boolean;
+		/** The "some but not all" dash. Visual and ARIA only — clicking still emits a boolean. */
+		indeterminate?: boolean;
+		disabled?: boolean;
+	}>(),
+	{ modelValue: false, indeterminate: false, disabled: false },
+);
+
+const emit = defineEmits<{ 'update:modelValue': [boolean] }>();
+
+// `class` / `style` are layout passthrough and belong on the root <label> (the whole control);
+// everything else (`name`, `value`, `aria-*`) belongs on the native <input>.
+const attrs = useAttrs();
+// Functions, not computeds: `attrs` is not reactive, so a computed would cache a stale copy.
+function rootAttrs() {
+	return { class: attrs.class, style: attrs.style };
+}
+function inputAttrs() {
+	const { class: _class, style: _style, ...rest } = attrs;
+	return rest;
+}
+
+const classes = computed(() => ['ui-checkbox', { 'ui-checkbox--disabled': props.disabled }]);
+
+function onChange(event: Event) {
+	emit('update:modelValue', (event.target as HTMLInputElement).checked);
+}
+</script>
+
+<script lang="ts">
+export default {
+  inheritAttrs: false,
+}
+</script>
+
+<template>
+	<label v-bind="rootAttrs()" :class="classes">
+		<input
+			v-bind="inputAttrs()"
+			class="ui-checkbox__input"
+			type="checkbox"
+			:checked="modelValue"
+			:indeterminate="indeterminate"
+			:disabled="disabled"
+			@change="onChange"
+		>
+		<span class="ui-checkbox__label"><slot /></span>
+	</label>
+</template>
+
+<style scoped>
+.ui-checkbox {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-2);
+  font-size: var(--text-sm);
+  color: var(--color-ink);
+  cursor: pointer;
+}
+
+.ui-checkbox--disabled {
+  opacity: 0.65;
+  cursor: not-allowed;
+}
+
+.ui-checkbox__input {
+  width: var(--space-4);
+  height: var(--space-4);
+  margin: 0;
+  accent-color: var(--color-accent);
+  cursor: inherit;
+}
+
+.ui-checkbox__input:focus-visible {
+  outline: none;
+  box-shadow: var(--ring-focus);
+}
+
+.ui-checkbox__label:empty {
+  display: none;
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiInput.spec.ts b/frontend-vue/src/components/ui/UiInput.spec.ts
new file mode 100644
index 000000000..18aeec92a
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiInput.spec.ts
@@ -0,0 +1,71 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UiInput from './UiInput.vue';
+
+/** The UiField wiring is pinned in `UiField.spec.ts`; this covers the control on its own. */
+describe('UiInput', () => {
+	it('defaults to a text input', () => {
+		expect(mount(UiInput).get('input').attributes('type')).toBe('text');
+	});
+
+	it.each([
+		'email',
+		'password',
+		'url',
+		'search',
+		'tel',
+		'number',
+		'date',
+		'time',
+		'datetime-local',
+		'color',
+	] as const)('renders type %s natively', (type) => {
+		expect(mount(UiInput, { props: { type } }).get('input').attributes('type')).toBe(type);
+	});
+
+	it('round-trips a string through v-model', async () => {
+		const wrapper = mount(UiInput, { props: { modelValue: 'a' } });
+		const input = wrapper.get('input');
+
+		expect(input.element.value).toBe('a');
+		await input.setValue('ab');
+		expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual(['ab']);
+	});
+
+	it('renders a null model as empty', () => {
+		expect(mount(UiInput, { props: { modelValue: null } }).get('input').element.value).toBe('');
+	});
+
+	it('renders a numeric model, and emits the native string back', async () => {
+		const wrapper = mount(UiInput, { props: { type: 'number', modelValue: 42 } });
+		const input = wrapper.get('input');
+
+		expect(input.element.value).toBe('42');
+		await input.setValue('43');
+		expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual(['43']);
+	});
+
+	it('renders a date model', () => {
+		const wrapper = mount(UiInput, { props: { type: 'date', modelValue: '2026-10-21' } });
+
+		expect(wrapper.get('input').element.value).toBe('2026-10-21');
+	});
+
+	it('adds the size modifier', () => {
+		expect(mount(UiInput, { props: { size: 'sm' } }).classes()).toContain('ui-input--size-sm');
+	});
+
+	it('passes disabled and autocomplete through', () => {
+		const input = mount(UiInput, { props: { disabled: true, autocomplete: 'email' } }).get('input');
+
+		expect(input.attributes('disabled')).toBeDefined();
+		expect(input.attributes('autocomplete')).toBe('email');
+	});
+
+	it('marks itself invalid standalone', () => {
+		const wrapper = mount(UiInput, { props: { invalid: true } });
+
+		expect(wrapper.get('input').attributes('aria-invalid')).toBe('true');
+		expect(wrapper.classes()).toContain('ui-input--invalid');
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiInput.vue b/frontend-vue/src/components/ui/UiInput.vue
index 7f4070add..925bd1d52 100644
--- a/frontend-vue/src/components/ui/UiInput.vue
+++ b/frontend-vue/src/components/ui/UiInput.vue
@@ -14,8 +14,21 @@ import { FIELD_CONTEXT } from './fieldContext';
 
 const props = withDefaults(
 	defineProps<{
-		modelValue?: string;
-		type?: 'text' | 'email' | 'password' | 'url' | 'search';
+		/** `null` renders as empty, so a nullable DB column can be bound directly. */
+		modelValue?: string | number | null;
+		/** Native input type. The date/time/number types are what the record-edit widgets need. */
+		type?:
+			| 'text'
+			| 'email'
+			| 'password'
+			| 'url'
+			| 'search'
+			| 'tel'
+			| 'number'
+			| 'date'
+			| 'time'
+			| 'datetime-local'
+			| 'color';
 		/** Geometry only. `sm` for dense rows such as an inline rename. */
 		size?: 'sm' | 'md';
 		placeholder?: string;
@@ -60,7 +73,7 @@ export default {
 		:id="field?.inputId"
 		:class="classes"
 		:type="type"
-		:value="modelValue"
+		:value="modelValue ?? ''"
 		:placeholder="placeholder"
 		:disabled="disabled"
 		:autocomplete="autocomplete"
diff --git a/frontend-vue/src/components/ui/UiSegmented.spec.ts b/frontend-vue/src/components/ui/UiSegmented.spec.ts
new file mode 100644
index 000000000..ae47dedae
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiSegmented.spec.ts
@@ -0,0 +1,108 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { defineComponent } from 'vue';
+import type { SelectOption, SelectValue } from './selectOption';
+import UiSegmented from './UiSegmented.vue';
+
+const OPTIONS: SelectOption<SelectValue>[] = [
+	{ value: true, label: 'Yes' },
+	{ value: false, label: 'No' },
+	{ value: null, label: 'Null' },
+	{ value: 42, label: '42' },
+];
+
+function mountSegmented(props: Record<string, unknown> = {}) {
+	return mount(UiSegmented, { props: { options: OPTIONS, label: 'Active', ...props } });
+}
+
+const radios = (wrapper: ReturnType<typeof mountSegmented>) =>
+	wrapper.findAll('input').map((input) => input.element as HTMLInputElement);
+
+describe('UiSegmented', () => {
+	it('is a named radiogroup of native radios', () => {
+		const wrapper = mountSegmented();
+
+		expect(wrapper.attributes('role')).toBe('radiogroup');
+		expect(wrapper.attributes('aria-label')).toBe('Active');
+		expect(radios(wrapper).every((radio) => radio.type === 'radio')).toBe(true);
+		expect(wrapper.findAll('label').map((label) => label.text())).toEqual(['Yes', 'No', 'Null', '42']);
+	});
+
+	it('shares one radio name per group, distinct between groups', () => {
+		// useId is per app, so the two groups must share one — the real case, a form with two toggles.
+		const Host = defineComponent({
+			components: { UiSegmented },
+			setup: () => ({ options: OPTIONS }),
+			template: '<div><UiSegmented :options="options" label="A" /><UiSegmented :options="options" label="B" /></div>',
+		});
+		const [groupA, groupB] = mount(Host).findAll('[role="radiogroup"]');
+		const first = groupA!.findAll('input').map((input) => input.element as HTMLInputElement);
+		const second = groupB!.findAll('input').map((input) => input.element as HTMLInputElement);
+
+		expect(new Set(first.map((radio) => radio.name)).size).toBe(1);
+		expect(first[0]!.name).toBeTruthy();
+		expect(first[0]!.name).not.toBe(second[0]!.name);
+	});
+
+	it.each([
+		[true, 0],
+		[false, 1],
+		[null, 2],
+		[42, 3],
+	] as const)('checks the segment whose value is %s', (modelValue, index) => {
+		const wrapper = mountSegmented({ modelValue });
+
+		expect(radios(wrapper).map((radio) => radio.checked)).toEqual([0, 1, 2, 3].map((i) => i === index));
+		expect(wrapper.findAll('label')[index]!.classes()).toContain('ui-segmented__option--selected');
+	});
+
+	it('checks nothing when the model is undefined', () => {
+		expect(radios(mountSegmented()).some((radio) => radio.checked)).toBe(false);
+	});
+
+	it.each([
+		[0, true],
+		[1, false],
+		[2, null],
+		[3, 42],
+	] as const)('emits segment %i as its typed value', async (index, value) => {
+		const wrapper = mountSegmented();
+		await wrapper.findAll('input')[index]!.setValue(true);
+
+		expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual([value]);
+	});
+
+	it('follows a model change from outside', async () => {
+		const wrapper = mountSegmented({ modelValue: true });
+		await wrapper.setProps({ modelValue: null });
+
+		expect(radios(wrapper)[2]!.checked).toBe(true);
+	});
+
+	it('disables every radio when disabled', () => {
+		const wrapper = mountSegmented({ disabled: true });
+
+		expect(radios(wrapper).every((radio) => radio.disabled)).toBe(true);
+		expect(wrapper.attributes('aria-disabled')).toBe('true');
+		expect(wrapper.classes()).toContain('ui-segmented--disabled');
+	});
+
+	it('disables a single option', () => {
+		const wrapper = mount(UiSegmented, {
+			props: {
+				label: 'Unit',
+				options: [
+					{ value: 'kb', label: 'KB' },
+					{ value: 'mb', label: 'MB', disabled: true },
+				],
+			},
+		});
+
+		expect(radios(wrapper as never).map((radio) => radio.disabled)).toEqual([false, true]);
+		expect(wrapper.attributes('aria-disabled')).toBeUndefined();
+	});
+
+	it('adds the size modifier', () => {
+		expect(mountSegmented({ size: 'sm' }).classes()).toContain('ui-segmented--size-sm');
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiSegmented.stories.ts b/frontend-vue/src/components/ui/UiSegmented.stories.ts
new file mode 100644
index 000000000..be42a264e
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiSegmented.stories.ts
@@ -0,0 +1,69 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { type ConcreteComponent, ref } from 'vue';
+import type { SelectOption, SelectValue } from './selectOption';
+import UiSegmented from './UiSegmented.vue';
+
+const BOOLEAN: SelectOption<SelectValue>[] = [
+	{ value: true, label: 'Yes' },
+	{ value: false, label: 'No' },
+	{ value: null, label: 'Null' },
+];
+
+/**
+ * Single-choice toggle group on native radios: arrow keys move the choice, AT reads "Yes, radio
+ * button, 1 of 3". Values are typed — the Yes / No / Null boolean editor round-trips `true`,
+ * `false` and `null`. Always pass `label`: it is the group's only accessible name.
+ */
+// `component` is widened and `Meta` left untyped: Storybook's types cannot infer args from a
+// generic SFC (`<script setup generic="T">`). Autodocs still reads the props from the component.
+const meta = {
+	title: 'UI/Segmented',
+	component: UiSegmented as ConcreteComponent,
+	tags: ['autodocs'],
+	args: { options: BOOLEAN, label: 'Active', size: 'md', disabled: false },
+	argTypes: { size: { control: 'inline-radio', options: ['sm', 'md'] }, options: { control: false } },
+	render: (args) => ({
+		components: { UiSegmented },
+		setup: () => ({ args, value: ref<SelectValue>(true) }),
+		template: `
+      <div style="display: grid; gap: 0.75rem; justify-items: start;">
+        <UiSegmented v-bind="args" v-model="value" />
+        <code>{{ JSON.stringify(value) }}</code>
+      </div>
+    `,
+	}),
+} satisfies Meta;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Small: Story = { args: { size: 'sm' } };
+
+export const Disabled: Story = { args: { disabled: true } };
+
+/** Both sizes × nothing chosen / chosen / one option disabled / all disabled. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiSegmented },
+		setup: () => ({
+			sizes: ['sm', 'md'] as const,
+			options: BOOLEAN,
+			partlyDisabled: [...BOOLEAN.slice(0, 2), { value: null, label: 'Null', disabled: true }],
+		}),
+		template: `
+      <table style="border-collapse: collapse;">
+        <tbody>
+          <tr v-for="size in sizes" :key="size">
+            <th scope="row" style="text-align: left; padding: 0.5rem 1rem 0.5rem 0; font-size: 0.8125rem;">{{ size }}</th>
+            <td style="padding: 0.5rem 1rem;"><UiSegmented :size="size" :options="options" label="None chosen" /></td>
+            <td style="padding: 0.5rem 1rem;"><UiSegmented :size="size" :options="options" :model-value="false" label="Chosen" /></td>
+            <td style="padding: 0.5rem 1rem;"><UiSegmented :size="size" :options="partlyDisabled" :model-value="true" label="One disabled" /></td>
+            <td style="padding: 0.5rem 1rem;"><UiSegmented :size="size" :options="options" :model-value="null" label="Disabled" disabled /></td>
+          </tr>
+        </tbody>
+      </table>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiSegmented.vue b/frontend-vue/src/components/ui/UiSegmented.vue
new file mode 100644
index 000000000..d89a45c3d
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiSegmented.vue
@@ -0,0 +1,131 @@
+<script setup lang="ts" generic="T extends SelectValue">
+/**
+ * Single-choice segmented control — the `mat-button-toggle-group` replacement (Yes / No / Null
+ * toggles, unit pickers).
+ *
+ * Built on a `role="radiogroup"` of native radio inputs, so arrow keys move the choice and AT reads
+ * "Yes, radio button, 1 of 2". The radios are visually hidden; the label is the visible segment.
+ *
+ * `label` names the group. Pass it even when a visible caption sits beside the control — the
+ * caption is not programmatically linked otherwise.
+ */
+import { computed, useId } from 'vue';
+import type { SelectOption, SelectValue } from './selectOption';
+
+const props = withDefaults(
+	defineProps<{
+		/** The chosen value. `undefined`/no match means nothing is pressed. */
+		modelValue?: T | null;
+		options: SelectOption<T>[];
+		/** Accessible name for the group. */
+		label: string;
+		/** Geometry only. */
+		size?: 'sm' | 'md';
+		disabled?: boolean;
+	}>(),
+	{ size: 'md', disabled: false },
+);
+
+const emit = defineEmits<{ 'update:modelValue': [T] }>();
+
+const name = `${useId()}-segmented`;
+
+const classes = computed(() => [
+	'ui-segmented',
+	`ui-segmented--size-${props.size}`,
+	{ 'ui-segmented--disabled': props.disabled },
+]);
+
+function select(option: SelectOption<T>) {
+	emit('update:modelValue', option.value);
+}
+</script>
+
+<template>
+	<div :class="classes" role="radiogroup" :aria-label="label" :aria-disabled="disabled || undefined">
+		<label
+			v-for="(option, index) in options"
+			:key="index"
+			class="ui-segmented__option"
+			:class="{ 'ui-segmented__option--selected': modelValue === option.value }"
+		>
+			<input
+				class="ui-segmented__input"
+				type="radio"
+				:name="name"
+				:value="index"
+				:checked="modelValue === option.value"
+				:disabled="disabled || option.disabled"
+				@change="select(option)"
+			>
+			<span class="ui-segmented__label">{{ option.label }}</span>
+		</label>
+	</div>
+</template>
+
+<style scoped>
+.ui-segmented {
+  display: inline-flex;
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-control);
+  background: var(--color-surface);
+  overflow: hidden;
+}
+
+.ui-segmented--disabled {
+  opacity: 0.65;
+}
+
+.ui-segmented__option {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  font-weight: var(--weight-medium);
+  color: var(--color-ink-soft);
+  cursor: pointer;
+  transition:
+    background var(--motion-fast),
+    color var(--motion-fast);
+}
+
+.ui-segmented--disabled .ui-segmented__option {
+  cursor: not-allowed;
+}
+
+.ui-segmented__option + .ui-segmented__option {
+  border-inline-start: 1px solid var(--color-line);
+}
+
+.ui-segmented--size-md .ui-segmented__option {
+  padding: var(--space-2) var(--space-4);
+  font-size: var(--text-sm);
+}
+
+.ui-segmented--size-sm .ui-segmented__option {
+  padding: var(--space-1) var(--space-3);
+  font-size: var(--text-xs);
+}
+
+.ui-segmented__option:hover {
+  background: var(--color-paper);
+}
+
+.ui-segmented__option--selected,
+.ui-segmented__option--selected:hover {
+  background: var(--color-accent);
+  color: var(--color-accent-ink);
+}
+
+/* Visually hidden but focusable: the radio is what keyboard and AT interact with. */
+.ui-segmented__input {
+  position: absolute;
+  inset: 0;
+  margin: 0;
+  opacity: 0;
+  cursor: inherit;
+}
+
+.ui-segmented__option:has(.ui-segmented__input:focus-visible) {
+  box-shadow: inset var(--ring-focus);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiSelect.spec.ts b/frontend-vue/src/components/ui/UiSelect.spec.ts
new file mode 100644
index 000000000..19eca7864
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiSelect.spec.ts
@@ -0,0 +1,221 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { h } from 'vue';
+import type { SelectOption, SelectValue } from './selectOption';
+import UiField from './UiField.vue';
+import UiSelect from './UiSelect.vue';
+
+const TYPED: SelectOption<SelectValue>[] = [
+	{ value: true, label: 'Yes' },
+	{ value: 42, label: 'Forty-two' },
+	{ value: null, label: 'Null' },
+	{ value: 'text', label: 'Text' },
+];
+
+function mountSelect(props: Record<string, unknown> = {}) {
+	return mount(UiSelect, { props: { options: TYPED, ...props } });
+}
+
+/** Picks the native option at `index` and fires `change`, as the browser would. */
+async function choose(wrapper: ReturnType<typeof mountSelect>, index: number) {
+	const select = wrapper.get('select');
+	(select.element as HTMLSelectElement).selectedIndex = index;
+	await select.trigger('change');
+}
+
+const lastEmit = (wrapper: ReturnType<typeof mountSelect>) => wrapper.emitted('update:modelValue')?.at(-1)?.[0];
+
+describe('UiSelect', () => {
+	it('renders one native option per option, labelled', () => {
+		const options = mountSelect().findAll('option');
+
+		expect(options.map((option) => option.text())).toEqual(['Yes', 'Forty-two', 'Null', 'Text']);
+	});
+
+	describe('typed values', () => {
+		it.each([
+			[0, true],
+			[1, 42],
+			[2, null],
+			[3, 'text'],
+		] as const)('emits option %i as its typed value', async (index, value) => {
+			const wrapper = mountSelect();
+			await choose(wrapper, index);
+
+			expect(lastEmit(wrapper)).toBe(value);
+		});
+
+		it.each([
+			[true, 0],
+			[42, 1],
+			[null, 2],
+		] as const)('selects the option whose value is %s', (modelValue, index) => {
+			const select = mountSelect({ modelValue }).get('select').element as HTMLSelectElement;
+
+			expect(select.selectedIndex).toBe(index);
+		});
+
+		it('does not confuse the number 42 with the string "42"', () => {
+			const wrapper = mount(UiSelect, {
+				props: {
+					options: [
+						{ value: '42', label: 'String' },
+						{ value: 42, label: 'Number' },
+					],
+					modelValue: 42,
+				},
+			});
+
+			expect((wrapper.get('select').element as HTMLSelectElement).selectedIndex).toBe(1);
+		});
+
+		it('follows a model change from outside', async () => {
+			const wrapper = mountSelect({ modelValue: true });
+			await wrapper.setProps({ modelValue: 'text' });
+
+			expect((wrapper.get('select').element as HTMLSelectElement).selectedIndex).toBe(3);
+		});
+	});
+
+	describe('placeholder', () => {
+		const options: SelectOption<string>[] = [
+			{ value: 'a', label: 'A' },
+			{ value: 'b', label: 'B' },
+		];
+
+		it('renders an empty first option, selected when nothing matches', () => {
+			const wrapper = mount(UiSelect, { props: { options, placeholder: 'Choose…', modelValue: null } });
+			const first = wrapper.findAll('option')[0]!;
+
+			expect(first.text()).toBe('Choose…');
+			expect(first.attributes('value')).toBe('');
+			expect((wrapper.get('select').element as HTMLSelectElement).selectedIndex).toBe(0);
+		});
+
+		it('emits null when the placeholder is chosen', async () => {
+			const wrapper = mount(UiSelect, { props: { options, placeholder: 'Choose…', modelValue: 'b' } });
+			const select = wrapper.get('select');
+			(select.element as HTMLSelectElement).selectedIndex = 0;
+			await select.trigger('change');
+
+			expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual([null]);
+		});
+
+		it('maps the options after the placeholder to their own values', async () => {
+			const wrapper = mount(UiSelect, { props: { options, placeholder: 'Choose…' } });
+			const select = wrapper.get('select');
+			(select.element as HTMLSelectElement).selectedIndex = 2;
+			await select.trigger('change');
+
+			expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual(['b']);
+		});
+
+		it('is not rendered with multiple', () => {
+			const wrapper = mount(UiSelect, { props: { options, placeholder: 'Choose…', multiple: true } });
+
+			expect(wrapper.findAll('option')).toHaveLength(2);
+		});
+	});
+
+	describe('multiple', () => {
+		it('renders a native list box', () => {
+			const select = mountSelect({ multiple: true, modelValue: [] }).get('select');
+
+			expect(select.attributes('multiple')).toBeDefined();
+			expect(select.classes()).toContain('ui-select--multiple');
+		});
+
+		it('selects every option in the model array', () => {
+			const select = mountSelect({ multiple: true, modelValue: [true, null] }).get('select')
+				.element as HTMLSelectElement;
+
+			expect(Array.from(select.options).map((option) => option.selected)).toEqual([true, false, true, false]);
+		});
+
+		it('emits the typed values of every selected option', async () => {
+			const wrapper = mountSelect({ multiple: true, modelValue: [] });
+			const select = wrapper.get('select').element as HTMLSelectElement;
+			select.options[1]!.selected = true;
+			select.options[2]!.selected = true;
+			await wrapper.get('select').trigger('change');
+
+			expect(lastEmit(wrapper)).toEqual([42, null]);
+		});
+
+		it('emits an empty array when everything is deselected', async () => {
+			const wrapper = mountSelect({ multiple: true, modelValue: [42] });
+			const select = wrapper.get('select').element as HTMLSelectElement;
+			select.options[1]!.selected = false;
+			await wrapper.get('select').trigger('change');
+
+			expect(lastEmit(wrapper)).toEqual([]);
+		});
+	});
+
+	it('disables individual options', () => {
+		const wrapper = mount(UiSelect, {
+			props: {
+				options: [
+					{ value: 'a', label: 'A' },
+					{ value: 'b', label: 'B', disabled: true },
+				],
+			},
+		});
+
+		expect(wrapper.findAll('option')[1]!.attributes('disabled')).toBeDefined();
+	});
+
+	it('disables the whole control', () => {
+		expect(mountSelect({ disabled: true }).get('select').attributes('disabled')).toBeDefined();
+	});
+
+	it('adds the size modifier', () => {
+		expect(mountSelect({ size: 'sm' }).classes()).toContain('ui-select--size-sm');
+	});
+
+	it('lands passthrough attrs on the select', () => {
+		const select = mount(UiSelect, { props: { options: TYPED }, attrs: { class: 'w', name: 'pick' } }).get('select');
+
+		expect(select.classes()).toContain('w');
+		expect(select.attributes('name')).toBe('pick');
+	});
+
+	it('marks itself invalid standalone', () => {
+		const wrapper = mountSelect({ invalid: true });
+
+		expect(wrapper.get('select').attributes('aria-invalid')).toBe('true');
+		expect(wrapper.classes()).toContain('ui-select--invalid');
+	});
+
+	describe('inside a UiField', () => {
+		const mountField = (props: Record<string, unknown> = {}) =>
+			mount(UiField, {
+				props: { label: 'Plan', ...props },
+				slots: { default: () => h(UiSelect, { options: TYPED }) },
+			});
+
+		it('takes the field id, so the label points at it', () => {
+			const wrapper = mountField();
+			const id = wrapper.get('select').attributes('id');
+
+			expect(id).toBeTruthy();
+			expect(wrapper.get('label').attributes('for')).toBe(id);
+		});
+
+		it('is described by the error, invalid and required', () => {
+			const wrapper = mountField({ error: 'Pick one', required: true });
+			const select = wrapper.get('select');
+
+			expect(select.attributes('aria-describedby')).toBe(wrapper.get('.ui-field__error').attributes('id'));
+			expect(select.attributes('aria-invalid')).toBe('true');
+			expect(select.attributes('required')).toBeDefined();
+		});
+
+		it('is neither invalid nor required by default', () => {
+			const select = mountField().get('select');
+
+			expect(select.attributes('aria-invalid')).toBeUndefined();
+			expect(select.attributes('required')).toBeUndefined();
+		});
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiSelect.stories.ts b/frontend-vue/src/components/ui/UiSelect.stories.ts
new file mode 100644
index 000000000..84247fa52
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiSelect.stories.ts
@@ -0,0 +1,97 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { type ConcreteComponent, ref } from 'vue';
+import type { SelectOption, SelectValue } from './selectOption';
+import UiField from './UiField.vue';
+import UiSelect from './UiSelect.vue';
+
+const PLANS: SelectOption<string>[] = [
+	{ value: 'free', label: 'Free' },
+	{ value: 'team', label: 'Team' },
+	{ value: 'enterprise', label: 'Enterprise', disabled: true },
+];
+
+const TYPED: SelectOption<SelectValue>[] = [
+	{ value: true, label: 'true (boolean)' },
+	{ value: 42, label: '42 (number)' },
+	{ value: '42', label: '"42" (string)' },
+	{ value: null, label: 'null' },
+];
+
+/**
+ * Native `<select>`, so the platform picker handles keyboard and screenreaders. Option values are
+ * typed — `true`, `42` and `null` come back through `v-model` as themselves, not as strings. The
+ * _Typed Values_ story prints the model so you can see it.
+ *
+ * Searchable lists use `UiAutocomplete`.
+ */
+// `component` is widened and `Meta` left untyped: Storybook's types cannot infer args from a
+// generic SFC (`<script setup generic="T">`). Autodocs still reads the props from the component.
+const meta = {
+	title: 'UI/Select',
+	component: UiSelect as ConcreteComponent,
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+	args: { options: PLANS, placeholder: 'Choose a plan', size: 'md', multiple: false, disabled: false },
+	argTypes: { size: { control: 'inline-radio', options: ['sm', 'md'] }, options: { control: false } },
+	render: (args) => ({
+		components: { UiField, UiSelect },
+		setup: () => ({ args, value: ref<unknown>(null) }),
+		template: `
+      <div style="max-width: 22rem;">
+        <UiField label="Plan"><UiSelect v-bind="args" v-model="value" /></UiField>
+      </div>
+    `,
+	}),
+} satisfies Meta;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+/** The model is printed with its JS type: nothing is stringified on the way through. */
+export const TypedValues: Story = {
+	render: () => ({
+		components: { UiField, UiSelect },
+		setup: () => ({ options: TYPED, value: ref<SelectValue>(42) }),
+		template: `
+      <div style="max-width: 22rem; display: grid; gap: 0.75rem;">
+        <UiField label="Value"><UiSelect v-model="value" :options="options" /></UiField>
+        <code>{{ value === null ? 'null' : typeof value }}: {{ JSON.stringify(value) }}</code>
+      </div>
+    `,
+	}),
+};
+
+/** A native list box. The model is an array; the placeholder is not rendered. */
+export const Multiple: Story = {
+	render: () => ({
+		components: { UiField, UiSelect },
+		setup: () => ({ options: PLANS, value: ref<string[]>(['free']) }),
+		template: `
+      <div style="max-width: 22rem; display: grid; gap: 0.75rem;">
+        <UiField label="Plans"><UiSelect v-model="value" :options="options" multiple /></UiField>
+        <code>{{ JSON.stringify(value) }}</code>
+      </div>
+    `,
+	}),
+};
+
+/** Every state, both sizes. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiField, UiSelect },
+		setup: () => ({ options: PLANS }),
+		template: `
+      <form style="display: grid; gap: 1.25rem; max-width: 22rem;">
+        <UiField label="Placeholder"><UiSelect :options="options" placeholder="Choose a plan" /></UiField>
+        <UiField label="Selected"><UiSelect :options="options" model-value="team" /></UiField>
+        <UiField label="With hint" hint="You can change this later."><UiSelect :options="options" model-value="free" /></UiField>
+        <UiField label="With error" error="Pick a plan." required><UiSelect :options="options" placeholder="Choose a plan" /></UiField>
+        <UiField label="Disabled"><UiSelect :options="options" model-value="free" disabled /></UiField>
+        <UiField label="Small"><UiSelect :options="options" model-value="free" size="sm" /></UiField>
+        <UiField label="Multiple"><UiSelect :options="options" :model-value="['free', 'team']" multiple /></UiField>
+      </form>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiSelect.vue b/frontend-vue/src/components/ui/UiSelect.vue
new file mode 100644
index 000000000..cce1f1c68
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiSelect.vue
@@ -0,0 +1,150 @@
+<script setup lang="ts" generic="T extends SelectValue">
+/**
+ * Dropdown control on a native `<select>` — the `mat-select` replacement.
+ *
+ * Native on purpose: the platform picker is keyboard- and screenreader-complete on every device,
+ * and none of the Angular `mat-select`s needed anything a native one can't show (no icons or rich
+ * rows in options). Searchable lists use `UiAutocomplete` instead.
+ *
+ * Option values are typed, not strings: the `<option>`s carry their index, and the change handler
+ * maps it back, so `true`, `42` and `null` round-trip through `v-model` unchanged.
+ *
+ * `multiple` renders a native list box and makes the model an array.
+ */
+import { computed, inject } from 'vue';
+import { FIELD_CONTEXT } from './fieldContext';
+import type { SelectOption, SelectValue } from './selectOption';
+
+const props = withDefaults(
+	defineProps<{
+		/** The selected value, or an array of them with `multiple`. */
+		modelValue?: T | T[] | null;
+		options: SelectOption<T>[];
+		/** Text for an empty first option. Choosing it sets the model to `null`. Ignored with `multiple`. */
+		placeholder?: string;
+		/** Native multi-select list box; the model becomes an array. */
+		multiple?: boolean;
+		/** Geometry only. `sm` for dense rows such as a filter comparator. */
+		size?: 'sm' | 'md';
+		disabled?: boolean;
+		/** Set explicitly only when used outside a `UiField`, which otherwise supplies it. */
+		invalid?: boolean;
+	}>(),
+	{ multiple: false, size: 'md', disabled: false, invalid: undefined },
+);
+
+const emit = defineEmits<{ 'update:modelValue': [T | T[] | null] }>();
+
+const field = inject(FIELD_CONTEXT, undefined);
+
+const isInvalid = computed(() => props.invalid ?? field?.invalid.value ?? false);
+
+const classes = computed(() => [
+	'ui-select',
+	`ui-select--size-${props.size}`,
+	{ 'ui-select--multiple': props.multiple, 'ui-select--invalid': isInvalid.value },
+]);
+
+function isSelected(value: T): boolean {
+	if (props.multiple) return Array.isArray(props.modelValue) && props.modelValue.includes(value);
+	return props.modelValue === value;
+}
+
+/** True when nothing matches, so the placeholder option shows as selected. */
+const noneSelected = computed(() => !props.options.some((option) => isSelected(option.value)));
+
+function onChange(event: Event) {
+	const select = event.target as HTMLSelectElement;
+	if (props.multiple) {
+		const values = Array.from(select.selectedOptions)
+			.map((option) => props.options[Number(option.value)])
+			.filter((option): option is SelectOption<T> => option !== undefined)
+			.map((option) => option.value);
+		emit('update:modelValue', values);
+		return;
+	}
+	// The placeholder's value is "", and `Number('')` is 0 — without this guard choosing the
+	// placeholder would emit the first option instead of null.
+	const option = select.value === '' ? undefined : props.options[Number(select.value)];
+	emit('update:modelValue', option === undefined ? null : option.value);
+}
+</script>
+
+<script lang="ts">
+export default {
+  inheritAttrs: false,
+}
+</script>
+
+<template>
+	<select
+		v-bind="$attrs"
+		:id="field?.inputId"
+		:class="classes"
+		:multiple="multiple"
+		:disabled="disabled"
+		:required="field?.required.value || undefined"
+		:aria-describedby="field?.describedBy.value"
+		:aria-invalid="isInvalid ? 'true' : undefined"
+		@change="onChange"
+	>
+		<option v-if="placeholder !== undefined && !multiple" value="" :selected="noneSelected">{{ placeholder }}</option>
+		<option
+			v-for="(option, index) in options"
+			:key="index"
+			:value="index"
+			:selected="isSelected(option.value)"
+			:disabled="option.disabled"
+		>
+			{{ option.label }}
+		</option>
+	</select>
+</template>
+
+<style scoped>
+.ui-select {
+  width: 100%;
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-control);
+  font-family: inherit;
+  color: var(--color-ink);
+  background-color: var(--color-surface);
+  transition:
+    border-color var(--motion-fast),
+    box-shadow var(--motion-fast);
+}
+
+.ui-select--size-md {
+  padding: 0.625rem var(--space-3);
+  font-size: var(--text-base);
+}
+
+.ui-select--size-sm {
+  padding: var(--space-2) var(--space-2);
+  font-size: var(--text-sm);
+}
+
+.ui-select--multiple {
+  padding: var(--space-1);
+}
+
+.ui-select:focus-visible {
+  outline: none;
+  border-color: var(--color-accent);
+  box-shadow: var(--ring-focus);
+}
+
+.ui-select--invalid {
+  border-color: var(--color-danger-strong);
+}
+
+.ui-select--invalid:focus-visible {
+  box-shadow: var(--ring-danger);
+}
+
+.ui-select:disabled {
+  opacity: 0.65;
+  cursor: not-allowed;
+  background-color: var(--color-paper);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiTextarea.spec.ts b/frontend-vue/src/components/ui/UiTextarea.spec.ts
new file mode 100644
index 000000000..b2e7fc566
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiTextarea.spec.ts
@@ -0,0 +1,86 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { h } from 'vue';
+import UiField from './UiField.vue';
+import UiTextarea from './UiTextarea.vue';
+
+describe('UiTextarea', () => {
+	it('renders the model value and emits edits', async () => {
+		const wrapper = mount(UiTextarea, { props: { modelValue: 'hello' } });
+		const textarea = wrapper.get('textarea');
+
+		expect(textarea.element.value).toBe('hello');
+		await textarea.setValue('hello\nworld');
+		expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual(['hello\nworld']);
+	});
+
+	it('renders a null model as empty', () => {
+		const wrapper = mount(UiTextarea, { props: { modelValue: null } });
+
+		expect(wrapper.get('textarea').element.value).toBe('');
+	});
+
+	it('passes rows, placeholder, disabled and readonly to the native control', () => {
+		const wrapper = mount(UiTextarea, {
+			props: { rows: 8, placeholder: 'Notes', disabled: true, readonly: true },
+		});
+		const textarea = wrapper.get('textarea');
+
+		expect(textarea.attributes('rows')).toBe('8');
+		expect(textarea.attributes('placeholder')).toBe('Notes');
+		expect(textarea.attributes('disabled')).toBeDefined();
+		expect(textarea.attributes('readonly')).toBeDefined();
+	});
+
+	it('adds the mono modifier', () => {
+		expect(mount(UiTextarea, { props: { mono: true } }).classes()).toContain('ui-textarea--mono');
+	});
+
+	it('lands passthrough attrs on the textarea', () => {
+		const wrapper = mount(UiTextarea, { attrs: { class: 'notes', name: 'notes' } });
+
+		expect(wrapper.get('textarea').classes()).toContain('notes');
+		expect(wrapper.get('textarea').attributes('name')).toBe('notes');
+	});
+
+	it('marks itself invalid standalone', () => {
+		const wrapper = mount(UiTextarea, { props: { invalid: true } });
+
+		expect(wrapper.get('textarea').attributes('aria-invalid')).toBe('true');
+		expect(wrapper.classes()).toContain('ui-textarea--invalid');
+	});
+
+	it('is not invalid by default', () => {
+		expect(mount(UiTextarea).get('textarea').attributes('aria-invalid')).toBeUndefined();
+	});
+
+	describe('inside a UiField', () => {
+		const mountField = (props: Record<string, unknown> = {}) =>
+			mount(UiField, {
+				props: { label: 'Description', ...props },
+				slots: { default: () => h(UiTextarea) },
+			});
+
+		it('takes the field id, so the label points at it', () => {
+			const wrapper = mountField();
+			const id = wrapper.get('textarea').attributes('id');
+
+			expect(id).toBeTruthy();
+			expect(wrapper.get('label').attributes('for')).toBe(id);
+		});
+
+		it('is described by the hint and error, and invalid', () => {
+			const wrapper = mountField({ hint: 'Markdown allowed', error: 'Too long' });
+			const textarea = wrapper.get('textarea');
+			const ids = textarea.attributes('aria-describedby')?.split(' ');
+
+			expect(ids).toContain(wrapper.get('.ui-field__hint').attributes('id'));
+			expect(ids).toContain(wrapper.get('.ui-field__error').attributes('id'));
+			expect(textarea.attributes('aria-invalid')).toBe('true');
+		});
+
+		it('is required when the field is', () => {
+			expect(mountField({ required: true }).get('textarea').attributes('required')).toBeDefined();
+		});
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiTextarea.stories.ts b/frontend-vue/src/components/ui/UiTextarea.stories.ts
new file mode 100644
index 000000000..953dd7c9b
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiTextarea.stories.ts
@@ -0,0 +1,55 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { ref } from 'vue';
+import UiField from './UiField.vue';
+import UiTextarea from './UiTextarea.vue';
+
+/**
+ * Multi-line text — long text, JSON and XML fields. Same contract as `UiInput`: wrap it in a
+ * `UiField` and the label, hint and error wire themselves up.
+ */
+const meta = {
+	title: 'UI/Textarea',
+	component: UiTextarea,
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+	args: { rows: 4, placeholder: 'Write something…', disabled: false, readonly: false, mono: false },
+	render: (args) => ({
+		components: { UiField, UiTextarea },
+		setup: () => ({ args, value: ref('') }),
+		template: `
+      <div style="max-width: 28rem;">
+        <UiField label="Description"><UiTextarea v-bind="args" v-model="value" /></UiField>
+      </div>
+    `,
+	}),
+} satisfies Meta<typeof UiTextarea>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+/** For code-like content: JSON, XML, hex dumps. */
+export const Mono: Story = { args: { mono: true, rows: 6 } };
+
+export const Disabled: Story = { args: { disabled: true } };
+
+/**
+ * Every state. `readonly` keeps the text selectable and in the tab order, unlike `disabled`.
+ */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiField, UiTextarea },
+		setup: () => ({ json: '{\n  "id": 1,\n  "name": "Ada"\n}' }),
+		template: `
+      <form style="display: grid; gap: 1.25rem; max-width: 28rem;">
+        <UiField label="Default"><UiTextarea placeholder="Placeholder" /></UiField>
+        <UiField label="With hint" hint="Markdown is allowed."><UiTextarea :rows="2" /></UiField>
+        <UiField label="With error" error="Too long."><UiTextarea model-value="Far too much text" :rows="2" /></UiField>
+        <UiField label="Mono"><UiTextarea mono :model-value="json" :rows="4" /></UiField>
+        <UiField label="Readonly"><UiTextarea readonly model-value="Can select, cannot edit" :rows="2" /></UiField>
+        <UiField label="Disabled"><UiTextarea disabled model-value="Locked" :rows="2" /></UiField>
+      </form>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiTextarea.vue b/frontend-vue/src/components/ui/UiTextarea.vue
new file mode 100644
index 000000000..6839a408a
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiTextarea.vue
@@ -0,0 +1,117 @@
+<script setup lang="ts">
+/**
+ * Multi-line text control — the `matInput` on a `<textarea>` replacement (long text, JSON, XML).
+ *
+ * Same contract as `UiInput`: geometry only, and the label/hint/error wiring comes from a `UiField`
+ * ancestor through `inject`. Standalone use passes `invalid` itself.
+ */
+import { computed, inject } from 'vue';
+import { FIELD_CONTEXT } from './fieldContext';
+
+const props = withDefaults(
+	defineProps<{
+		/** `null` renders as empty, so a nullable DB column can be bound directly. */
+		modelValue?: string | null;
+		/** Visible rows before the control scrolls. */
+		rows?: number;
+		placeholder?: string;
+		disabled?: boolean;
+		readonly?: boolean;
+		/** Monospace text, for code-like content (JSON, XML, hex dumps). */
+		mono?: boolean;
+		/** Set explicitly only when used outside a `UiField`, which otherwise supplies it. */
+		invalid?: boolean;
+	}>(),
+	{ rows: 4, disabled: false, readonly: false, mono: false, invalid: undefined },
+);
+
+const emit = defineEmits<{ 'update:modelValue': [string] }>();
+
+const field = inject(FIELD_CONTEXT, undefined);
+
+const isInvalid = computed(() => props.invalid ?? field?.invalid.value ?? false);
+
+const classes = computed(() => [
+	'ui-textarea',
+	{ 'ui-textarea--mono': props.mono, 'ui-textarea--invalid': isInvalid.value },
+]);
+
+function onInput(event: Event) {
+	emit('update:modelValue', (event.target as HTMLTextAreaElement).value);
+}
+</script>
+
+<script lang="ts">
+export default {
+  inheritAttrs: false,
+}
+</script>
+
+<template>
+	<textarea
+		v-bind="$attrs"
+		:id="field?.inputId"
+		:class="classes"
+		:value="modelValue ?? ''"
+		:rows="rows"
+		:placeholder="placeholder"
+		:disabled="disabled"
+		:readonly="readonly"
+		:required="field?.required.value || undefined"
+		:aria-describedby="field?.describedBy.value"
+		:aria-invalid="isInvalid ? 'true' : undefined"
+		@input="onInput"
+	/>
+</template>
+
+<style scoped>
+.ui-textarea {
+  width: 100%;
+  min-height: var(--space-12);
+  padding: 0.625rem var(--space-3);
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-control);
+  font-family: inherit;
+  font-size: var(--text-base);
+  line-height: var(--leading-normal);
+  color: var(--color-ink);
+  background: var(--color-surface);
+  resize: vertical;
+  transition:
+    border-color var(--motion-fast),
+    box-shadow var(--motion-fast);
+}
+
+.ui-textarea--mono {
+  font-family: var(--font-mono);
+  font-size: var(--text-sm);
+}
+
+.ui-textarea::placeholder {
+  color: var(--color-muted-soft);
+}
+
+.ui-textarea:focus-visible {
+  outline: none;
+  border-color: var(--color-accent);
+  box-shadow: var(--ring-focus);
+}
+
+.ui-textarea--invalid {
+  border-color: var(--color-danger-strong);
+}
+
+.ui-textarea--invalid:focus-visible {
+  box-shadow: var(--ring-danger);
+}
+
+.ui-textarea:disabled {
+  opacity: 0.65;
+  cursor: not-allowed;
+  background: var(--color-paper);
+}
+
+.ui-textarea:read-only {
+  background: var(--color-paper);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/__tests__/a11y.spec.ts b/frontend-vue/src/components/ui/__tests__/a11y.spec.ts
index a98e8cf76..11a85a00a 100644
--- a/frontend-vue/src/components/ui/__tests__/a11y.spec.ts
+++ b/frontend-vue/src/components/ui/__tests__/a11y.spec.ts
@@ -1,10 +1,12 @@
 import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { defineComponent, h } from 'vue';
+import { defineComponent, h, onMounted, ref } from 'vue';
 import { createMemoryHistory, createRouter } from 'vue-router';
 import UiAlert from '../UiAlert.vue';
+import UiAutocomplete from '../UiAutocomplete.vue';
 import UiBadge from '../UiBadge.vue';
 import UiButton from '../UiButton.vue';
 import UiCard from '../UiCard.vue';
+import UiCheckbox from '../UiCheckbox.vue';
 import UiChip from '../UiChip.vue';
 import UiConfirmDialog from '../UiConfirmDialog.vue';
 import UiDrawer from '../UiDrawer.vue';
@@ -17,11 +19,14 @@ import UiMenuItem from '../UiMenuItem.vue';
 import UiModal from '../UiModal.vue';
 import UiPageShell from '../UiPageShell.vue';
 import UiProgressBar from '../UiProgressBar.vue';
+import UiSegmented from '../UiSegmented.vue';
+import UiSelect from '../UiSelect.vue';
 import UiSkeleton from '../UiSkeleton.vue';
 import UiSpinner from '../UiSpinner.vue';
 import UiTab from '../UiTab.vue';
 import UiTabPanel from '../UiTabPanel.vue';
 import UiTabs from '../UiTabs.vue';
+import UiTextarea from '../UiTextarea.vue';
 import { axeViolations, formatViolations } from './axe';
 
 /**
@@ -147,6 +152,134 @@ describe('primitive accessibility', () => {
 		});
 	});
 
+	describe('UiField + UiTextarea', () => {
+		it('is accessible with hint and error', async () => {
+			await expectNoViolations(UiField, {
+				props: { label: 'Description', hint: 'Markdown allowed', error: 'Too long', required: true },
+				slots: { default: () => h(UiTextarea, { rows: 3 }) },
+			});
+		});
+	});
+
+	describe('UiSelect', () => {
+		const options = [
+			{ value: true, label: 'Yes' },
+			{ value: 42, label: 'Forty-two' },
+			{ value: null, label: 'Null', disabled: true },
+		];
+
+		it('is accessible inside a UiField with an error', async () => {
+			await expectNoViolations(UiField, {
+				props: { label: 'Plan', error: 'Pick a plan', required: true },
+				slots: { default: () => h(UiSelect, { options, placeholder: 'Choose…' }) },
+			});
+		});
+
+		it('is accessible as a multiple list box', async () => {
+			await expectNoViolations(UiField, {
+				props: { label: 'Roles' },
+				slots: { default: () => h(UiSelect, { options, multiple: true, modelValue: [true] }) },
+			});
+		});
+
+		it('is accessible disabled, labelled standalone', async () => {
+			await expectNoViolations(UiSelect, { props: { options, disabled: true }, attrs: { 'aria-label': 'Operator' } });
+		});
+	});
+
+	describe('UiCheckbox', () => {
+		for (const [state, props] of [
+			['unchecked', {}],
+			['checked', { modelValue: true }],
+			['indeterminate', { indeterminate: true }],
+			['disabled', { disabled: true, modelValue: true }],
+		] as const) {
+			it(`is accessible ${state}`, async () => {
+				await expectNoViolations(UiCheckbox, { props, slots: { default: () => 'Select all rows' } });
+			});
+		}
+
+		it('is accessible with no visible text and an aria-label', async () => {
+			// The table-row shape: no slot text, so the name has to come from the attr on the input.
+			await expectNoViolations(UiCheckbox, { attrs: { 'aria-label': 'Select row 1' } });
+		});
+	});
+
+	describe('UiSegmented', () => {
+		const options = [
+			{ value: true, label: 'Yes' },
+			{ value: false, label: 'No' },
+			{ value: null, label: 'Null' },
+		];
+
+		it('is accessible with a choice made', async () => {
+			// radiogroup naming via `label`, and native radios each named by their segment text.
+			await expectNoViolations(UiSegmented, { props: { options, label: 'Active', modelValue: true } });
+		});
+
+		it('is accessible with nothing chosen and one option disabled', async () => {
+			await expectNoViolations(UiSegmented, {
+				props: { options: [...options.slice(0, 2), { value: null, label: 'Null', disabled: true }], label: 'Active' },
+			});
+		});
+
+		it('is accessible disabled', async () => {
+			await expectNoViolations(UiSegmented, { props: { options, label: 'Active', disabled: true } });
+		});
+	});
+
+	describe('UiAutocomplete', () => {
+		const options = [
+			{ value: 'de', label: 'Germany' },
+			{ value: 'fr', label: 'France', disabled: true },
+			{ value: 'it', label: 'Italy' },
+		];
+		/** Mounts inside a UiField and, when `open`, focuses and presses ArrowDown before axe runs. */
+		const Host = (props: Record<string, unknown>, open: boolean) =>
+			defineComponent({
+				components: { UiField, UiAutocomplete },
+				setup() {
+					const root = ref<HTMLElement | null>(null);
+					onMounted(() => {
+						if (!open) return;
+						const input = root.value?.querySelector('input');
+						input?.dispatchEvent(new Event('focus'));
+						input?.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown' }));
+					});
+					return { root, props };
+				},
+				template: `
+          <div ref="root">
+            <UiField label="Country" hint="Start typing">
+              <UiAutocomplete v-bind="props" />
+            </UiField>
+          </div>
+        `,
+			});
+
+		it('is accessible when closed', async () => {
+			// aria-controls must still resolve while closed, which is why the listbox is v-show.
+			await expectNoViolations(Host({ options }, false));
+		});
+
+		it('is accessible when open with an active option', async () => {
+			// aria-activedescendant must name a rendered role="option" inside the controlled listbox.
+			await expectNoViolations(Host({ options, modelValue: 'G' }, true));
+		});
+
+		it('is accessible when open showing emptyText', async () => {
+			await expectNoViolations(Host({ options: [], modelValue: 'zz', emptyText: 'No matches' }, true));
+		});
+
+		it('is accessible while loading', async () => {
+			await expectNoViolations(Host({ options: [], modelValue: 'zz', loading: true }, false));
+		});
+
+		it('is accessible disabled', async () => {
+			await expectNoViolations(Host({ options, disabled: true }, false));
+		});
+	});
+
 	describe('UiAlert', () => {
 		for (const tone of ['error', 'success', 'info', 'warning'] as const) {
 			it(`is accessible with tone ${tone}`, async () => {
diff --git a/frontend-vue/src/components/ui/docs/00-GettingStarted.mdx b/frontend-vue/src/components/ui/docs/00-GettingStarted.mdx
index 2ec9405d3..4f5db33a3 100644
--- a/frontend-vue/src/components/ui/docs/00-GettingStarted.mdx
+++ b/frontend-vue/src/components/ui/docs/00-GettingStarted.mdx
@@ -61,7 +61,8 @@ Full rules in **Conventions**.
 1. `src/components/ui/UiThing.vue` — `<script setup lang="ts">` with a
    `withDefaults(defineProps<…>(), …)` call carrying a JSDoc line per prop, and scoped BEM styles
    reading only tokens.
-2. `UiThing.stories.ts` — `tags: ['autodocs']`, `parameters: { a11y: { test: 'error' } }`, and an
-   `AllVariants` matrix story.
+2. `UiThing.stories.ts` — `tags: ['autodocs']` and an `AllVariants` matrix story. The a11y
+   `test: 'error'` parameter is already set globally in `.storybook/preview.ts`; don't repeat it.
 3. `UiThing.spec.ts` — behaviour and ARIA contracts, never CSS values.
-4. Export it from `src/components/ui/index.ts`.
+4. Add it to `__tests__/a11y.spec.ts`, once per state whose ARIA shape differs.
+5. Export it from `src/components/ui/index.ts`.
diff --git a/frontend-vue/src/components/ui/index.ts b/frontend-vue/src/components/ui/index.ts
index a0130457e..2a8b96bfb 100644
--- a/frontend-vue/src/components/ui/index.ts
+++ b/frontend-vue/src/components/ui/index.ts
@@ -8,11 +8,14 @@
 
 export { FIELD_CONTEXT, type FieldContext } from './fieldContext';
 export { MENU_CONTEXT, type MenuContext } from './menuContext';
+export type { AutocompleteOption, SelectOption, SelectValue } from './selectOption';
 export { TABS_CONTEXT, type TabsContext } from './tabsContext';
 export { default as UiAlert } from './UiAlert.vue';
+export { default as UiAutocomplete } from './UiAutocomplete.vue';
 export { default as UiBadge } from './UiBadge.vue';
 export { default as UiButton } from './UiButton.vue';
 export { default as UiCard } from './UiCard.vue';
+export { default as UiCheckbox } from './UiCheckbox.vue';
 export { default as UiChip } from './UiChip.vue';
 export { default as UiConfirmDialog } from './UiConfirmDialog.vue';
 export { default as UiDrawer } from './UiDrawer.vue';
@@ -25,8 +28,11 @@ export { default as UiMenuItem } from './UiMenuItem.vue';
 export { default as UiModal } from './UiModal.vue';
 export { default as UiPageShell } from './UiPageShell.vue';
 export { default as UiProgressBar } from './UiProgressBar.vue';
+export { default as UiSegmented } from './UiSegmented.vue';
+export { default as UiSelect } from './UiSelect.vue';
 export { default as UiSkeleton } from './UiSkeleton.vue';
 export { default as UiSpinner } from './UiSpinner.vue';
 export { default as UiTab } from './UiTab.vue';
 export { default as UiTabPanel } from './UiTabPanel.vue';
 export { default as UiTabs } from './UiTabs.vue';
+export { default as UiTextarea } from './UiTextarea.vue';
diff --git a/frontend-vue/src/components/ui/selectOption.ts b/frontend-vue/src/components/ui/selectOption.ts
new file mode 100644
index 000000000..cc3b25441
--- /dev/null
+++ b/frontend-vue/src/components/ui/selectOption.ts
@@ -0,0 +1,15 @@
+/** Values a `UiSelect`, `UiSegmented` or `UiAutocomplete` option can carry through `v-model`. */
+export type SelectValue = string | number | boolean | null;
+
+export interface SelectOption<T extends SelectValue = SelectValue> {
+	value: T;
+	label: string;
+	disabled?: boolean;
+}
+
+/** A `UiAutocomplete` suggestion. Any value type — a foreign key's row, a country record. */
+export interface AutocompleteOption<V = unknown> {
+	value: V;
+	label: string;
+	disabled?: boolean;
+}
diff --git a/frontend-vue/src/consts/filter-types.ts b/frontend-vue/src/consts/filter-types.ts
new file mode 100644
index 000000000..32a6b5f92
--- /dev/null
+++ b/frontend-vue/src/consts/filter-types.ts
@@ -0,0 +1,299 @@
+// Port of frontend/src/app/consts/filter-types.ts. The DB-type tables are kept exactly as in Angular; only the
+// component references changed, to lazily loaded Vue SFCs (one chunk per widget, shared by every
+// key that maps to it). `Default: ''` is kept so hosts can keep testing the entry for truthiness.
+import { defineAsyncComponent } from 'vue';
+
+const BinaryFilter = defineAsyncComponent(() => import('@/components/fields/filter/BinaryFilter.vue'));
+const BooleanFilter = defineAsyncComponent(() => import('@/components/fields/filter/BooleanFilter.vue'));
+const CountryFilter = defineAsyncComponent(() => import('@/components/fields/filter/CountryFilter.vue'));
+const DateFilter = defineAsyncComponent(() => import('@/components/fields/filter/DateFilter.vue'));
+const DateTimeFilter = defineAsyncComponent(() => import('@/components/fields/filter/DateTimeFilter.vue'));
+const EmailFilter = defineAsyncComponent(() => import('@/components/fields/filter/EmailFilter.vue'));
+const FileFilter = defineAsyncComponent(() => import('@/components/fields/filter/FileFilter.vue'));
+const ForeignKeyFilter = defineAsyncComponent(() => import('@/components/fields/filter/ForeignKeyFilter.vue'));
+const IdFilter = defineAsyncComponent(() => import('@/components/fields/filter/IdFilter.vue'));
+const JsonEditorFilter = defineAsyncComponent(() => import('@/components/fields/filter/JsonEditorFilter.vue'));
+const LongTextFilter = defineAsyncComponent(() => import('@/components/fields/filter/LongTextFilter.vue'));
+const NumberFilter = defineAsyncComponent(() => import('@/components/fields/filter/NumberFilter.vue'));
+const PasswordFilter = defineAsyncComponent(() => import('@/components/fields/filter/PasswordFilter.vue'));
+const PhoneFilter = defineAsyncComponent(() => import('@/components/fields/filter/PhoneFilter.vue'));
+const PointFilter = defineAsyncComponent(() => import('@/components/fields/filter/PointFilter.vue'));
+const SelectFilter = defineAsyncComponent(() => import('@/components/fields/filter/SelectFilter.vue'));
+const StaticTextFilter = defineAsyncComponent(() => import('@/components/fields/filter/StaticTextFilter.vue'));
+const TextFilter = defineAsyncComponent(() => import('@/components/fields/filter/TextFilter.vue'));
+const TimeFilter = defineAsyncComponent(() => import('@/components/fields/filter/TimeFilter.vue'));
+const TimeIntervalFilter = defineAsyncComponent(() => import('@/components/fields/filter/TimeIntervalFilter.vue'));
+const TimezoneFilter = defineAsyncComponent(() => import('@/components/fields/filter/TimezoneFilter.vue'));
+
+export const UIwidgets = {
+	Default: '',
+	Boolean: BooleanFilter,
+	Country: CountryFilter,
+	Date: DateFilter,
+	DateTime: DateTimeFilter,
+	Binary: BinaryFilter,
+	File: FileFilter,
+	Foreign_key: ForeignKeyFilter,
+	JSON: JsonEditorFilter,
+	Number: NumberFilter,
+	Password: PasswordFilter,
+	Readonly: StaticTextFilter,
+	Select: SelectFilter,
+	String: TextFilter,
+	Textarea: LongTextFilter,
+	Time: TimeFilter,
+	TimeInterval: TimeIntervalFilter,
+	Timezone: TimezoneFilter,
+	Point: PointFilter,
+	ID: IdFilter,
+	Phone: PhoneFilter,
+	Email: EmailFilter,
+};
+
+export const filterTypes = {
+	postgres: {
+		// numbers (number)
+		real: NumberFilter,
+		'double precision': NumberFilter,
+		smallint: NumberFilter,
+		integer: NumberFilter,
+		bigint: NumberFilter,
+		numeric: NumberFilter,
+
+		//boolean (checkbox)
+		boolean: BooleanFilter,
+
+		//datetime (datepicker)
+		'timestamp without time zone': DateTimeFilter,
+		'timestamp with time zone': DateTimeFilter,
+		date: DateFilter,
+		abstime: DateTimeFilter,
+		realtime: DateTimeFilter,
+		interval: TimeIntervalFilter, // number + select(seconds, days, weeks, years)
+
+		// short text (text)
+		'character varying': TextFilter,
+		macaddr: TextFilter, //to do regexp
+		macaddr8: TextFilter, //to do regexp
+		cidr: TextFilter, //to do regexp
+		inet: TextFilter, //to do regexp
+		uuid: TextFilter, //to do regexp
+
+		//long text (textarea)
+		text: LongTextFilter,
+		xml: LongTextFilter,
+
+		//select (select)
+		enum: SelectFilter,
+
+		// json-editor
+		json: JsonEditorFilter, //json-editor
+		jsonb: JsonEditorFilter, //json-editor
+
+		//binary
+		bytea: BinaryFilter,
+
+		//etc
+		money: TextFilter,
+
+		//mess (math)
+		point: PointFilter,
+		line: TextFilter,
+		circle: TextFilter,
+		path: TextFilter,
+		box: TextFilter,
+		lseg: TextFilter,
+
+		'foreign key': ForeignKeyFilter,
+	},
+
+	mysql: {
+		// numbers (number)
+		tinyint: NumberFilter,
+		smallint: NumberFilter,
+		mediumint: NumberFilter,
+		int: NumberFilter,
+		bigint: NumberFilter,
+		decimal: NumberFilter,
+		float: NumberFilter,
+		double: NumberFilter,
+		year: NumberFilter,
+
+		//boolean (radiogroup)
+		boolean: BooleanFilter,
+
+		//datetime (datepicker)
+		date: DateFilter,
+		time: TimeFilter,
+		datetime: DateTimeFilter,
+		timestamp: DateTimeFilter,
+
+		// short text (text)
+		char: TextFilter,
+		varchar: TextFilter,
+
+		//long text (textarea)
+		text: LongTextFilter,
+		tinytext: LongTextFilter,
+		mediumtext: LongTextFilter,
+		longtext: LongTextFilter,
+
+		json: JsonEditorFilter, //json-editor
+
+		//select (select)
+		enum: SelectFilter,
+
+		//binary
+		binary: BinaryFilter,
+		varbinary: BinaryFilter,
+		blob: BinaryFilter,
+		tinyblob: BinaryFilter,
+		mediumblob: BinaryFilter,
+		longblob: BinaryFilter,
+
+		//etc
+		set: TextFilter, //(text)
+
+		'foreign key': ForeignKeyFilter,
+	},
+
+	oracledb: {
+		// numbers (number)
+		NUMBER: NumberFilter,
+		FLOAT: NumberFilter,
+		BINARY_FLOAT: NumberFilter,
+		BINARY_DOUBLE: NumberFilter,
+		'INTERVAL YEAR': NumberFilter,
+		'INTERVAL DAY': NumberFilter,
+
+		//datetime (datepicker)
+		DATE: DateFilter,
+		TIMESTAMP: DateTimeFilter,
+
+		// short text (text)
+		CHAR: TextFilter,
+		NCHAR: TextFilter,
+		CLOB: TextFilter,
+		NCLOB: TextFilter,
+		VARCHAR2: TextFilter,
+		VARCHAR: TextFilter,
+		NVARCHAR2: TextFilter,
+
+		//binary
+		BLOB: BinaryFilter,
+		BFILE: BinaryFilter,
+		RAW: BinaryFilter,
+		'LONG RAW': BinaryFilter,
+		LONG: BinaryFilter,
+
+		'foreign key': ForeignKeyFilter,
+	},
+
+	mssql: {
+		// numbers (number)
+		bigint: NumberFilter,
+		int: NumberFilter,
+		smallint: NumberFilter,
+		tinyint: NumberFilter,
+		decimal: NumberFilter,
+		bitdecimal: NumberFilter,
+		numeric: NumberFilter,
+		real: NumberFilter,
+
+		// short text (text)
+		uniqueidentifier: IdFilter,
+		char: TextFilter,
+		varchar: TextFilter,
+
+		//long text (textarea)
+		text: LongTextFilter,
+		nchar: LongTextFilter,
+		nvarchar: LongTextFilter,
+		ntext: LongTextFilter,
+
+		//datetime (datepicker)
+		date: DateFilter,
+		datetime: DateTimeFilter,
+		smalldatetime: DateTimeFilter,
+		timestamp: DateTimeFilter,
+
+		//binary
+		binary: BinaryFilter,
+		varbinary: BinaryFilter,
+		image: BinaryFilter,
+
+		// etc
+		money: TextFilter,
+		smallmoney: TextFilter,
+
+		'foreign key': ForeignKeyFilter,
+	},
+	mongodb: {
+		// numbers (number)
+		number: NumberFilter,
+		double: NumberFilter,
+		int32: NumberFilter,
+		long: NumberFilter,
+		decimal128: NumberFilter,
+
+		//boolean (radiogroup)
+		boolean: BooleanFilter,
+
+		//datetime (datepicker)
+		date: DateFilter,
+		timestamp: DateTimeFilter,
+
+		// short text (text)
+		string: TextFilter,
+		regexp: TextFilter,
+		objectid: TextFilter,
+
+		//binary
+		binary: BinaryFilter,
+
+		//json
+		//json
+		object: JsonEditorFilter,
+		array: JsonEditorFilter,
+
+		'foreign key': ForeignKeyFilter,
+	},
+	dynamodb: {
+		string: TextFilter,
+		number: NumberFilter,
+		boolean: BooleanFilter,
+		null: StaticTextFilter,
+		array: JsonEditorFilter,
+		json: JsonEditorFilter,
+		binary: BinaryFilter,
+	},
+	cassandra: {
+		int: NumberFilter,
+		bigint: NumberFilter,
+		varint: NumberFilter,
+		decimal: NumberFilter,
+		float: NumberFilter,
+		double: NumberFilter,
+
+		boolean: BooleanFilter,
+
+		timeuuid: IdFilter,
+
+		timestamp: DateTimeFilter,
+		date: DateFilter,
+		time: TimeFilter,
+
+		uuid: TextFilter,
+		varchar: TextFilter,
+		inet: TextFilter,
+		ascii: TextFilter,
+		text: TextFilter,
+
+		//binary
+		blob: BinaryFilter,
+
+		list: JsonEditorFilter,
+		map: JsonEditorFilter,
+		set: JsonEditorFilter,
+	},
+};
diff --git a/frontend-vue/src/consts/record-edit-types.ts b/frontend-vue/src/consts/record-edit-types.ts
new file mode 100644
index 000000000..a131bbcb9
--- /dev/null
+++ b/frontend-vue/src/consts/record-edit-types.ts
@@ -0,0 +1,375 @@
+// Port of frontend/src/app/consts/record-edit-types.ts. The DB-type tables are kept exactly as in Angular; only the
+// component references changed, to lazily loaded Vue SFCs (one chunk per widget, shared by every
+// key that maps to it). `Default: ''` is kept so hosts can keep testing the entry for truthiness.
+import { defineAsyncComponent } from 'vue';
+
+const BinaryEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/BinaryEdit.vue'));
+const BooleanEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/BooleanEdit.vue'));
+const CodeEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/CodeEdit.vue'));
+const ColorEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/ColorEdit.vue'));
+const CountryEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/CountryEdit.vue'));
+const DateEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/DateEdit.vue'));
+const DateTimeEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/DateTimeEdit.vue'));
+const FileEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/FileEdit.vue'));
+const ForeignKeyEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/ForeignKeyEdit.vue'));
+const IdEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/IdEdit.vue'));
+const ImageEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/ImageEdit.vue'));
+const JsonEditorEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/JsonEditorEdit.vue'));
+const LanguageEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/LanguageEdit.vue'));
+const LongTextEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/LongTextEdit.vue'));
+const MarkdownEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/MarkdownEdit.vue'));
+const MoneyEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/MoneyEdit.vue'));
+const NumberEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/NumberEdit.vue'));
+const PasswordEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/PasswordEdit.vue'));
+const PhoneEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/PhoneEdit.vue'));
+const PointEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/PointEdit.vue'));
+const RangeEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/RangeEdit.vue'));
+const S3Edit = defineAsyncComponent(() => import('@/components/fields/record-edit/S3Edit.vue'));
+const SelectEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/SelectEdit.vue'));
+const StaticTextEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/StaticTextEdit.vue'));
+const TextEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/TextEdit.vue'));
+const TimeEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/TimeEdit.vue'));
+const TimeIntervalEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/TimeIntervalEdit.vue'));
+const TimezoneEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/TimezoneEdit.vue'));
+const UrlEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/UrlEdit.vue'));
+const UuidEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/UuidEdit.vue'));
+
+export const timestampTypes = [
+	'timestamp without time zone',
+	'timestamp with time zone',
+	'timestamp',
+	'date',
+	'time without time zone',
+	'time with time zone',
+	'time',
+	'datetime',
+	'date time',
+	'datetime2',
+	'datetimeoffset',
+	'curdate',
+	'curtime',
+	'now',
+	'localtime',
+	'localtimestamp',
+];
+export const defaultTimestampValues = {
+	postgres: ['current_date', 'current_time', 'current_timestamp', 'localtime', 'localtimestamp', 'now'],
+	mysql: ['curdate', 'curtime', 'now'],
+};
+
+export const UIwidgets = {
+	Default: '',
+	Boolean: BooleanEdit,
+	Code: CodeEdit,
+	Color: ColorEdit,
+	Country: CountryEdit,
+	Date: DateEdit,
+	DateTime: DateTimeEdit,
+	Binary: BinaryEdit,
+	File: FileEdit,
+	Foreign_key: ForeignKeyEdit,
+	Image: ImageEdit,
+	JSON: JsonEditorEdit,
+	Language: LanguageEdit,
+	Markdown: MarkdownEdit,
+	Money: MoneyEdit,
+	Number: NumberEdit,
+	Password: PasswordEdit,
+	Phone: PhoneEdit,
+	Range: RangeEdit,
+	Readonly: StaticTextEdit,
+	Select: SelectEdit,
+	String: TextEdit,
+	Textarea: LongTextEdit,
+	Time: TimeEdit,
+	Timezone: TimezoneEdit,
+	URL: UrlEdit,
+	UUID: UuidEdit,
+	S3: S3Edit,
+	Email: TextEdit,
+};
+
+export const recordEditTypes = {
+	postgres: {
+		// numbers (number)
+		real: NumberEdit,
+		'double precision': NumberEdit,
+		smallint: NumberEdit,
+		integer: NumberEdit,
+		bigint: NumberEdit,
+		numeric: NumberEdit,
+
+		//boolean (checkbox)
+		boolean: BooleanEdit,
+
+		//datetime (datepicker)
+		'timestamp without time zone': DateTimeEdit,
+		'timestamp with time zone': DateTimeEdit,
+		'time without time zone': TimeEdit,
+		'time with time zone': TimeEdit,
+		date: DateEdit,
+		abstime: DateTimeEdit,
+		realtime: DateTimeEdit,
+		interval: TimeIntervalEdit, // number + select(seconds, days, weeks, years)
+
+		// short text (text)
+		'character varying': TextEdit,
+		macaddr: TextEdit, //to do regexp
+		macaddr8: TextEdit, //to do regexp
+		cidr: TextEdit, //to do regexp
+		inet: TextEdit, //to do regexp
+		uuid: UuidEdit,
+
+		//long text (textarea)
+		text: LongTextEdit,
+		xml: LongTextEdit,
+
+		//select (select)
+		enum: SelectEdit,
+
+		// json-editor
+		json: JsonEditorEdit, //json-editor
+		jsonb: JsonEditorEdit, //json-editor
+		ARRAY: JsonEditorEdit,
+
+		//binary
+		bytea: BinaryEdit,
+
+		//etc
+		money: MoneyEdit,
+
+		//mess (math)
+		point: PointEdit,
+		line: TextEdit,
+		circle: TextEdit,
+		path: TextEdit,
+		box: TextEdit,
+		lseg: TextEdit,
+
+		'foreign key': ForeignKeyEdit,
+	},
+
+	mysql: {
+		// numbers (number)
+		tinyint: NumberEdit,
+		smallint: NumberEdit,
+		mediumint: NumberEdit,
+		int: NumberEdit,
+		bigint: NumberEdit,
+		decimal: NumberEdit,
+		float: NumberEdit,
+		double: NumberEdit,
+		year: NumberEdit,
+
+		//boolean (radiogroup)
+		boolean: BooleanEdit,
+
+		//datetime (datepicker)
+		date: DateEdit,
+		time: TimeEdit,
+		datetime: DateTimeEdit,
+		timestamp: DateTimeEdit,
+
+		// short text (text)
+		char: TextEdit,
+		varchar: TextEdit,
+
+		//long text (textarea)
+		text: LongTextEdit,
+		tinytext: LongTextEdit,
+		mediumtext: LongTextEdit,
+		longtext: LongTextEdit,
+
+		json: JsonEditorEdit, //json-editor
+
+		//select (select)
+		enum: SelectEdit,
+
+		//binary
+		binary: BinaryEdit,
+		varbinary: BinaryEdit,
+		blob: BinaryEdit,
+		tinyblob: BinaryEdit,
+		mediumblob: BinaryEdit,
+		longblob: BinaryEdit,
+
+		//etc
+		set: TextEdit, //(text)
+
+		'foreign key': ForeignKeyEdit,
+	},
+
+	oracledb: {
+		// numbers (number)
+		NUMBER: NumberEdit,
+		FLOAT: NumberEdit,
+		BINARY_FLOAT: NumberEdit,
+		BINARY_DOUBLE: NumberEdit,
+		'INTERVAL YEAR': NumberEdit,
+		'INTERVAL DAY': NumberEdit,
+
+		//datetime (datepicker)
+		DATE: DateEdit,
+		TIMESTAMP: DateTimeEdit,
+
+		// short text (text)
+		CHAR: TextEdit,
+		NCHAR: TextEdit,
+		CLOB: TextEdit,
+		NCLOB: TextEdit,
+		VARCHAR2: TextEdit,
+		VARCHAR: TextEdit,
+		NVARCHAR2: TextEdit,
+
+		//binary
+		BLOB: BinaryEdit,
+		BFILE: BinaryEdit,
+		RAW: BinaryEdit,
+		'LONG RAW': BinaryEdit,
+		LONG: BinaryEdit,
+
+		'foreign key': ForeignKeyEdit,
+	},
+
+	mssql: {
+		// numbers (number)
+		bigint: NumberEdit,
+		int: NumberEdit,
+		smallint: NumberEdit,
+		tinyint: NumberEdit,
+		decimal: NumberEdit,
+		bitdecimal: NumberEdit,
+		numeric: NumberEdit,
+		real: NumberEdit,
+
+		// short text (text)
+		uniqueidentifier: UuidEdit,
+		char: TextEdit,
+		varchar: TextEdit,
+
+		//long text (textarea)
+		text: LongTextEdit,
+		nchar: LongTextEdit,
+		nvarchar: LongTextEdit,
+		ntext: LongTextEdit,
+
+		//datetime (datepicker)
+		date: DateEdit,
+		datetime: DateTimeEdit,
+		smalldatetime: DateTimeEdit,
+		timestamp: DateTimeEdit,
+
+		//binary
+		binary: BinaryEdit,
+		varbinary: BinaryEdit,
+		image: BinaryEdit,
+
+		// etc
+		money: MoneyEdit,
+		smallmoney: MoneyEdit,
+
+		'foreign key': ForeignKeyEdit,
+	},
+	mongodb: {
+		// numbers (number)
+		number: NumberEdit,
+		double: NumberEdit,
+		int32: NumberEdit,
+		long: NumberEdit,
+		decimal128: NumberEdit,
+
+		//boolean (radiogroup)
+		boolean: BooleanEdit,
+
+		//datetime (datepicker)
+		date: DateEdit,
+		timestamp: DateTimeEdit,
+
+		// short text (text)
+		string: TextEdit,
+		regexp: TextEdit,
+		objectid: TextEdit,
+
+		//binary
+		binary: BinaryEdit,
+
+		//json
+		object: JsonEditorEdit,
+		array: JsonEditorEdit,
+
+		//etc
+		unknown: TextEdit,
+
+		'foreign key': ForeignKeyEdit,
+	},
+	dynamodb: {
+		string: TextEdit,
+		number: NumberEdit,
+		boolean: BooleanEdit,
+		null: StaticTextEdit,
+		array: JsonEditorEdit,
+		json: JsonEditorEdit,
+		binary: BinaryEdit,
+	},
+	cassandra: {
+		int: NumberEdit,
+		bigint: NumberEdit,
+		varint: NumberEdit,
+		decimal: NumberEdit,
+		float: NumberEdit,
+		double: NumberEdit,
+
+		boolean: BooleanEdit,
+
+		timeuuid: IdEdit,
+
+		timestamp: DateTimeEdit,
+		date: DateEdit,
+		time: TimeEdit,
+
+		uuid: UuidEdit,
+		varchar: TextEdit,
+		inet: TextEdit,
+		ascii: TextEdit,
+		text: TextEdit,
+
+		//binary
+		blob: BinaryEdit,
+
+		list: JsonEditorEdit,
+		map: JsonEditorEdit,
+		set: JsonEditorEdit,
+	},
+	redis: {
+		string: TextEdit,
+		integer: NumberEdit,
+		decimal: NumberEdit,
+		boolean: BooleanEdit,
+		array: JsonEditorEdit,
+		json: JsonEditorEdit,
+	},
+	elasticsearch: {
+		string: TextEdit,
+		number: NumberEdit,
+		boolean: BooleanEdit,
+		date: DateEdit,
+		object: JsonEditorEdit,
+		array: JsonEditorEdit,
+		binary: BinaryEdit,
+	},
+	clickhouse: {
+		string: TextEdit,
+		uuid: UuidEdit,
+		boolean: BooleanEdit,
+		integer: NumberEdit,
+		bigint: NumberEdit,
+		float: NumberEdit,
+		double: NumberEdit,
+		decimal: NumberEdit,
+		date: DateEdit,
+		datetime: DateTimeEdit,
+		json: JsonEditorEdit,
+		object: JsonEditorEdit,
+		array: JsonEditorEdit,
+	},
+};
diff --git a/frontend-vue/src/consts/record-view-types.ts b/frontend-vue/src/consts/record-view-types.ts
new file mode 100644
index 000000000..8fe63585f
--- /dev/null
+++ b/frontend-vue/src/consts/record-view-types.ts
@@ -0,0 +1,359 @@
+// Port of frontend/src/app/consts/record-view-types.ts. The DB-type tables are kept exactly as in Angular; only the
+// component references changed, to lazily loaded Vue SFCs (one chunk per widget, shared by every
+// key that maps to it). `Default: ''` is kept so hosts can keep testing the entry for truthiness.
+import { defineAsyncComponent } from 'vue';
+
+const BinaryRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/BinaryRecordView.vue'));
+const BooleanRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/BooleanRecordView.vue'));
+const CodeRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/CodeRecordView.vue'));
+const ColorRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/ColorRecordView.vue'));
+const CountryRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/CountryRecordView.vue'));
+const DateRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/DateRecordView.vue'));
+const DateTimeRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/DateTimeRecordView.vue'));
+const FileRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/FileRecordView.vue'));
+const ForeignKeyRecordView = defineAsyncComponent(
+	() => import('@/components/fields/record-view/ForeignKeyRecordView.vue'),
+);
+const IdRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/IdRecordView.vue'));
+const ImageRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/ImageRecordView.vue'));
+const JsonEditorRecordView = defineAsyncComponent(
+	() => import('@/components/fields/record-view/JsonEditorRecordView.vue'),
+);
+const LanguageRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/LanguageRecordView.vue'));
+const LongTextRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/LongTextRecordView.vue'));
+const MarkdownRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/MarkdownRecordView.vue'));
+const MoneyRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/MoneyRecordView.vue'));
+const NumberRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/NumberRecordView.vue'));
+const PasswordRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/PasswordRecordView.vue'));
+const PhoneRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/PhoneRecordView.vue'));
+const PointRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/PointRecordView.vue'));
+const RangeRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/RangeRecordView.vue'));
+const S3RecordView = defineAsyncComponent(() => import('@/components/fields/record-view/S3RecordView.vue'));
+const SelectRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/SelectRecordView.vue'));
+const StaticTextRecordView = defineAsyncComponent(
+	() => import('@/components/fields/record-view/StaticTextRecordView.vue'),
+);
+const TextRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/TextRecordView.vue'));
+const TimeIntervalRecordView = defineAsyncComponent(
+	() => import('@/components/fields/record-view/TimeIntervalRecordView.vue'),
+);
+const TimeRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/TimeRecordView.vue'));
+const TimezoneRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/TimezoneRecordView.vue'));
+const UrlRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/UrlRecordView.vue'));
+const UuidRecordView = defineAsyncComponent(() => import('@/components/fields/record-view/UuidRecordView.vue'));
+
+export const UIwidgets = {
+	Default: '',
+	Boolean: BooleanRecordView,
+	Date: DateRecordView,
+	Time: TimeRecordView,
+	DateTime: DateTimeRecordView,
+	JSON: JsonEditorRecordView,
+	Language: LanguageRecordView,
+	Markdown: MarkdownRecordView,
+	Textarea: LongTextRecordView,
+	String: TextRecordView,
+	Readonly: StaticTextRecordView,
+	Number: NumberRecordView,
+	Select: SelectRecordView,
+	Password: PasswordRecordView,
+	Binary: BinaryRecordView,
+	File: FileRecordView,
+	Code: CodeRecordView,
+	Image: ImageRecordView,
+	URL: UrlRecordView,
+	Country: CountryRecordView,
+	Phone: PhoneRecordView,
+	Money: MoneyRecordView,
+	Foreign_key: ForeignKeyRecordView,
+	Color: ColorRecordView,
+	UUID: UuidRecordView,
+	Range: RangeRecordView,
+	Timezone: TimezoneRecordView,
+	S3: S3RecordView,
+};
+
+export const recordViewFieldTypes = {
+	postgres: {
+		// numbers (number)
+		real: NumberRecordView,
+		'double precision': NumberRecordView,
+		smallint: NumberRecordView,
+		integer: NumberRecordView,
+		bigint: NumberRecordView,
+		numeric: NumberRecordView,
+
+		//boolean (checkbox)
+		boolean: BooleanRecordView,
+
+		//datetime (datepicker)
+		'timestamp without time zone': DateTimeRecordView,
+		'timestamp with time zone': DateTimeRecordView,
+		'time without time zone': TimeRecordView,
+		'time with time zone': TimeRecordView,
+		date: DateRecordView,
+		abstime: DateTimeRecordView,
+		realtime: DateTimeRecordView,
+		interval: TimeIntervalRecordView,
+
+		// short text (text)
+		'character varying': TextRecordView,
+		macaddr: TextRecordView,
+		macaddr8: TextRecordView,
+		cidr: TextRecordView,
+		inet: TextRecordView,
+		uuid: UuidRecordView,
+
+		//long text (textarea)
+		text: LongTextRecordView,
+		xml: LongTextRecordView,
+
+		//select (select)
+		enum: SelectRecordView,
+
+		// json-editor
+		json: JsonEditorRecordView,
+		jsonb: JsonEditorRecordView,
+		ARRAY: JsonEditorRecordView,
+
+		//binary
+		bytea: BinaryRecordView,
+
+		//etc
+		money: MoneyRecordView,
+
+		//mess (math)
+		point: PointRecordView,
+		line: TextRecordView,
+		circle: TextRecordView,
+		path: TextRecordView,
+		box: TextRecordView,
+		lseg: TextRecordView,
+
+		'foreign key': ForeignKeyRecordView,
+	},
+
+	mysql: {
+		// numbers (number)
+		tinyint: NumberRecordView,
+		smallint: NumberRecordView,
+		mediumint: NumberRecordView,
+		int: NumberRecordView,
+		bigint: NumberRecordView,
+		decimal: NumberRecordView,
+		float: NumberRecordView,
+		double: NumberRecordView,
+		year: NumberRecordView,
+
+		//boolean (radiogroup)
+		boolean: BooleanRecordView,
+
+		//datetime (datepicker)
+		date: DateRecordView,
+		time: TimeRecordView,
+		datetime: DateTimeRecordView,
+		timestamp: DateTimeRecordView,
+
+		// short text (text)
+		char: TextRecordView,
+		varchar: TextRecordView,
+
+		//long text (textarea)
+		text: LongTextRecordView,
+		tinytext: LongTextRecordView,
+		mediumtext: LongTextRecordView,
+		longtext: LongTextRecordView,
+
+		json: JsonEditorRecordView, //json-editor
+
+		//select (select)
+		enum: SelectRecordView,
+
+		//binary
+		binary: BinaryRecordView,
+		varbinary: BinaryRecordView,
+		blob: BinaryRecordView,
+		tinyblob: BinaryRecordView,
+		mediumblob: BinaryRecordView,
+		longblob: BinaryRecordView,
+
+		//etc
+		set: TextRecordView,
+
+		'foreign key': ForeignKeyRecordView,
+	},
+
+	oracledb: {
+		// numbers (number)
+		NUMBER: NumberRecordView,
+		FLOAT: NumberRecordView,
+		BINARY_FLOAT: NumberRecordView,
+		BINARY_DOUBLE: NumberRecordView,
+		'INTERVAL YEAR': NumberRecordView,
+		'INTERVAL DAY': NumberRecordView,
+
+		//datetime (datepicker)
+		DATE: DateRecordView,
+		TIMESTAMP: DateTimeRecordView,
+
+		// short text (text)
+		CHAR: TextRecordView,
+		NCHAR: TextRecordView,
+		CLOB: TextRecordView,
+		NCLOB: TextRecordView,
+		VARCHAR2: TextRecordView,
+		VARCHAR: TextRecordView,
+		NVARCHAR2: TextRecordView,
+
+		//binary
+		BLOB: BinaryRecordView,
+		BFILE: BinaryRecordView,
+		RAW: BinaryRecordView,
+		'LONG RAW': BinaryRecordView,
+		LONG: BinaryRecordView,
+
+		'foreign key': ForeignKeyRecordView,
+	},
+
+	mssql: {
+		// numbers (number)
+		bigint: NumberRecordView,
+		int: NumberRecordView,
+		smallint: NumberRecordView,
+		tinyint: NumberRecordView,
+		decimal: NumberRecordView,
+		bitdecimal: NumberRecordView,
+		numeric: NumberRecordView,
+		real: NumberRecordView,
+
+		// short text (text)
+		uniqueidentifier: UuidRecordView,
+		char: TextRecordView,
+		varchar: TextRecordView,
+
+		//long text (textarea)
+		text: LongTextRecordView,
+		nchar: LongTextRecordView,
+		nvarchar: LongTextRecordView,
+		ntext: LongTextRecordView,
+
+		//datetime (datepicker)
+		date: DateRecordView,
+		datetime: DateTimeRecordView,
+		smalldatetime: DateTimeRecordView,
+		timestamp: DateTimeRecordView,
+
+		//binary
+		binary: BinaryRecordView,
+		varbinary: BinaryRecordView,
+		image: ImageRecordView,
+
+		// etc
+		money: MoneyRecordView,
+		smallmoney: MoneyRecordView,
+
+		'foreign key': ForeignKeyRecordView,
+	},
+	mongodb: {
+		// numbers (number)
+		number: NumberRecordView,
+		double: NumberRecordView,
+		int32: NumberRecordView,
+		long: NumberRecordView,
+		decimal128: NumberRecordView,
+
+		//boolean (radiogroup)
+		boolean: BooleanRecordView,
+
+		//datetime (datepicker)
+		date: DateRecordView,
+		timestamp: DateTimeRecordView,
+
+		// short text (text)
+		string: TextRecordView,
+		regexp: TextRecordView,
+		objectid: TextRecordView,
+
+		//binary
+		binary: BinaryRecordView,
+
+		//json
+		object: JsonEditorRecordView,
+		array: JsonEditorRecordView,
+
+		//etc
+		unknown: TextRecordView,
+
+		'foreign key': ForeignKeyRecordView,
+	},
+	dynamodb: {
+		string: TextRecordView,
+		number: NumberRecordView,
+		boolean: BooleanRecordView,
+		null: StaticTextRecordView,
+		array: JsonEditorRecordView,
+		json: JsonEditorRecordView,
+		binary: BinaryRecordView,
+	},
+	cassandra: {
+		int: NumberRecordView,
+		bigint: NumberRecordView,
+		varint: NumberRecordView,
+		decimal: NumberRecordView,
+		float: NumberRecordView,
+		double: NumberRecordView,
+
+		boolean: BooleanRecordView,
+
+		timeuuid: IdRecordView,
+
+		timestamp: DateTimeRecordView,
+		date: DateRecordView,
+		time: TimeRecordView,
+
+		uuid: UuidRecordView,
+		varchar: TextRecordView,
+		inet: TextRecordView,
+		ascii: TextRecordView,
+		text: LongTextRecordView,
+
+		//binary
+		blob: BinaryRecordView,
+
+		list: JsonEditorRecordView,
+		map: JsonEditorRecordView,
+		set: JsonEditorRecordView,
+	},
+	redis: {
+		string: TextRecordView,
+		integer: NumberRecordView,
+		decimal: NumberRecordView,
+		boolean: BooleanRecordView,
+		array: JsonEditorRecordView,
+		json: JsonEditorRecordView,
+	},
+	elasticsearch: {
+		string: TextRecordView,
+		number: NumberRecordView,
+		boolean: BooleanRecordView,
+		date: DateRecordView,
+		object: JsonEditorRecordView,
+		array: JsonEditorRecordView,
+		binary: BinaryRecordView,
+	},
+	clickhouse: {
+		string: TextRecordView,
+		uuid: UuidRecordView,
+		boolean: BooleanRecordView,
+		integer: NumberRecordView,
+		bigint: NumberRecordView,
+		float: NumberRecordView,
+		double: NumberRecordView,
+		decimal: NumberRecordView,
+		date: DateRecordView,
+		datetime: DateTimeRecordView,
+		json: JsonEditorRecordView,
+		object: JsonEditorRecordView,
+		array: JsonEditorRecordView,
+	},
+};
diff --git a/frontend-vue/src/consts/table-display-types.ts b/frontend-vue/src/consts/table-display-types.ts
new file mode 100644
index 000000000..776484297
--- /dev/null
+++ b/frontend-vue/src/consts/table-display-types.ts
@@ -0,0 +1,354 @@
+// Port of frontend/src/app/consts/table-display-types.ts. The DB-type tables are kept exactly as in Angular; only the
+// component references changed, to lazily loaded Vue SFCs (one chunk per widget, shared by every
+// key that maps to it). `Default: ''` is kept so hosts can keep testing the entry for truthiness.
+import { defineAsyncComponent } from 'vue';
+
+const BinaryDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/BinaryDisplay.vue'));
+const BooleanDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/BooleanDisplay.vue'));
+const CodeDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/CodeDisplay.vue'));
+const ColorDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/ColorDisplay.vue'));
+const CountryDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/CountryDisplay.vue'));
+const DateDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/DateDisplay.vue'));
+const DateTimeDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/DateTimeDisplay.vue'));
+const FileDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/FileDisplay.vue'));
+const ForeignKeyDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/ForeignKeyDisplay.vue'));
+const IdDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/IdDisplay.vue'));
+const ImageDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/ImageDisplay.vue'));
+const JsonEditorDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/JsonEditorDisplay.vue'));
+const LanguageDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/LanguageDisplay.vue'));
+const LongTextDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/LongTextDisplay.vue'));
+const MarkdownDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/MarkdownDisplay.vue'));
+const MoneyDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/MoneyDisplay.vue'));
+const NumberDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/NumberDisplay.vue'));
+const PasswordDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/PasswordDisplay.vue'));
+const PhoneDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/PhoneDisplay.vue'));
+const PointDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/PointDisplay.vue'));
+const RangeDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/RangeDisplay.vue'));
+const S3Display = defineAsyncComponent(() => import('@/components/fields/table-display/S3Display.vue'));
+const SelectDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/SelectDisplay.vue'));
+const StaticTextDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/StaticTextDisplay.vue'));
+const TextDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/TextDisplay.vue'));
+const TimeDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/TimeDisplay.vue'));
+const TimeIntervalDisplay = defineAsyncComponent(
+	() => import('@/components/fields/table-display/TimeIntervalDisplay.vue'),
+);
+const TimezoneDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/TimezoneDisplay.vue'));
+const UrlDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/UrlDisplay.vue'));
+const UuidDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/UuidDisplay.vue'));
+
+export const UIwidgets = {
+	Default: '',
+	Boolean: BooleanDisplay,
+	Code: CodeDisplay,
+	Color: ColorDisplay,
+	Country: CountryDisplay,
+	Date: DateDisplay,
+	DateTime: DateTimeDisplay,
+	Binary: BinaryDisplay,
+	File: FileDisplay,
+	Foreign_key: ForeignKeyDisplay,
+	Image: ImageDisplay,
+	JSON: JsonEditorDisplay,
+	Language: LanguageDisplay,
+	Markdown: MarkdownDisplay,
+	Money: MoneyDisplay,
+	Number: NumberDisplay,
+	Password: PasswordDisplay,
+	Phone: PhoneDisplay,
+	Range: RangeDisplay,
+	Readonly: StaticTextDisplay,
+	Select: SelectDisplay,
+	String: TextDisplay,
+	Textarea: LongTextDisplay,
+	Time: TimeDisplay,
+	Timezone: TimezoneDisplay,
+	URL: UrlDisplay,
+	UUID: UuidDisplay,
+	S3: S3Display,
+	Email: TextDisplay,
+};
+
+export const tableDisplayTypes = {
+	postgres: {
+		// numbers (number)
+		real: NumberDisplay,
+		'double precision': NumberDisplay,
+		smallint: NumberDisplay,
+		integer: NumberDisplay,
+		bigint: NumberDisplay,
+		numeric: NumberDisplay,
+
+		//boolean (checkbox)
+		boolean: BooleanDisplay,
+
+		//datetime (datepicker)
+		'timestamp without time zone': DateTimeDisplay,
+		'timestamp with time zone': DateTimeDisplay,
+		'time without time zone': TimeDisplay,
+		'time with time zone': TimeDisplay,
+		date: DateDisplay,
+		abstime: DateTimeDisplay,
+		realtime: DateTimeDisplay,
+		interval: TimeIntervalDisplay,
+
+		// short text (text)
+		'character varying': TextDisplay,
+		macaddr: TextDisplay,
+		macaddr8: TextDisplay,
+		cidr: TextDisplay,
+		inet: TextDisplay,
+		uuid: UuidDisplay,
+
+		//long text (textarea)
+		text: LongTextDisplay,
+		xml: LongTextDisplay,
+
+		//select (select)
+		enum: SelectDisplay,
+
+		// json-editor
+		json: JsonEditorDisplay,
+		jsonb: JsonEditorDisplay,
+		ARRAY: JsonEditorDisplay,
+
+		//binary
+		bytea: BinaryDisplay,
+
+		//etc
+		money: MoneyDisplay,
+
+		//mess (math)
+		point: PointDisplay,
+		line: TextDisplay,
+		circle: TextDisplay,
+		path: TextDisplay,
+		box: TextDisplay,
+		lseg: TextDisplay,
+
+		'foreign key': ForeignKeyDisplay,
+	},
+
+	mysql: {
+		// numbers (number)
+		tinyint: NumberDisplay,
+		smallint: NumberDisplay,
+		mediumint: NumberDisplay,
+		int: NumberDisplay,
+		bigint: NumberDisplay,
+		decimal: NumberDisplay,
+		float: NumberDisplay,
+		double: NumberDisplay,
+		year: NumberDisplay,
+
+		//boolean (radiogroup)
+		boolean: BooleanDisplay,
+
+		//datetime (datepicker)
+		date: DateDisplay,
+		time: TimeDisplay,
+		datetime: DateTimeDisplay,
+		timestamp: DateTimeDisplay,
+
+		// short text (text)
+		char: TextDisplay,
+		varchar: TextDisplay,
+
+		//long text (textarea)
+		text: LongTextDisplay,
+		tinytext: LongTextDisplay,
+		mediumtext: LongTextDisplay,
+		longtext: LongTextDisplay,
+
+		json: JsonEditorDisplay, //json-editor
+
+		//select (select)
+		enum: SelectDisplay,
+
+		//binary
+		binary: BinaryDisplay,
+		varbinary: BinaryDisplay,
+		blob: BinaryDisplay,
+		tinyblob: BinaryDisplay,
+		mediumblob: BinaryDisplay,
+		longblob: BinaryDisplay,
+
+		//etc
+		set: TextDisplay,
+
+		'foreign key': ForeignKeyDisplay,
+	},
+
+	oracledb: {
+		// numbers (number)
+		NUMBER: NumberDisplay,
+		FLOAT: NumberDisplay,
+		BINARY_FLOAT: NumberDisplay,
+		BINARY_DOUBLE: NumberDisplay,
+		'INTERVAL YEAR': NumberDisplay,
+		'INTERVAL DAY': NumberDisplay,
+
+		//datetime (datepicker)
+		DATE: DateDisplay,
+		TIMESTAMP: DateTimeDisplay,
+
+		// short text (text)
+		CHAR: TextDisplay,
+		NCHAR: TextDisplay,
+		CLOB: TextDisplay,
+		NCLOB: TextDisplay,
+		VARCHAR2: TextDisplay,
+		VARCHAR: TextDisplay,
+		NVARCHAR2: TextDisplay,
+
+		//binary
+		BLOB: BinaryDisplay,
+		BFILE: BinaryDisplay,
+		RAW: BinaryDisplay,
+		'LONG RAW': BinaryDisplay,
+		LONG: BinaryDisplay,
+
+		'foreign key': ForeignKeyDisplay,
+	},
+
+	mssql: {
+		// numbers (number)
+		bigint: NumberDisplay,
+		int: NumberDisplay,
+		smallint: NumberDisplay,
+		tinyint: NumberDisplay,
+		decimal: NumberDisplay,
+		bitdecimal: NumberDisplay,
+		numeric: NumberDisplay,
+		real: NumberDisplay,
+
+		// short text (text)
+		uniqueidentifier: UuidDisplay,
+		char: TextDisplay,
+		varchar: TextDisplay,
+
+		//long text (textarea)
+		text: LongTextDisplay,
+		nchar: LongTextDisplay,
+		nvarchar: LongTextDisplay,
+		ntext: LongTextDisplay,
+
+		//datetime (datepicker)
+		date: DateDisplay,
+		datetime: DateTimeDisplay,
+		smalldatetime: DateTimeDisplay,
+		timestamp: DateTimeDisplay,
+
+		//binary
+		binary: BinaryDisplay,
+		varbinary: BinaryDisplay,
+		image: ImageDisplay,
+
+		// etc
+		money: MoneyDisplay,
+		smallmoney: MoneyDisplay,
+
+		'foreign key': ForeignKeyDisplay,
+	},
+	mongodb: {
+		// numbers (number)
+		number: NumberDisplay,
+		double: NumberDisplay,
+		int32: NumberDisplay,
+		long: NumberDisplay,
+		decimal128: NumberDisplay,
+
+		//boolean (radiogroup)
+		boolean: BooleanDisplay,
+
+		//datetime (datepicker)
+		date: DateDisplay,
+		timestamp: DateTimeDisplay,
+
+		// short text (text)
+		string: TextDisplay,
+		regexp: TextDisplay,
+		objectid: TextDisplay,
+
+		//binary
+		binary: BinaryDisplay,
+
+		//json
+		object: JsonEditorDisplay,
+		array: JsonEditorDisplay,
+
+		//etc
+		unknown: TextDisplay,
+
+		'foreign key': ForeignKeyDisplay,
+	},
+	dynamodb: {
+		string: TextDisplay,
+		number: NumberDisplay,
+		boolean: BooleanDisplay,
+		null: StaticTextDisplay,
+		array: JsonEditorDisplay,
+		json: JsonEditorDisplay,
+		binary: BinaryDisplay,
+	},
+	cassandra: {
+		int: NumberDisplay,
+		bigint: NumberDisplay,
+		varint: NumberDisplay,
+		decimal: NumberDisplay,
+		float: NumberDisplay,
+		double: NumberDisplay,
+
+		boolean: BooleanDisplay,
+
+		timeuuid: IdDisplay,
+
+		timestamp: DateTimeDisplay,
+		date: DateDisplay,
+		time: TimeDisplay,
+
+		uuid: UuidDisplay,
+		varchar: TextDisplay,
+		inet: TextDisplay,
+		ascii: TextDisplay,
+		text: LongTextDisplay,
+
+		//binary
+		blob: BinaryDisplay,
+
+		list: JsonEditorDisplay,
+		map: JsonEditorDisplay,
+		set: JsonEditorDisplay,
+	},
+	redis: {
+		string: TextDisplay,
+		integer: NumberDisplay,
+		decimal: NumberDisplay,
+		boolean: BooleanDisplay,
+		array: JsonEditorDisplay,
+		json: JsonEditorDisplay,
+	},
+	elasticsearch: {
+		string: TextDisplay,
+		number: NumberDisplay,
+		boolean: BooleanDisplay,
+		date: DateDisplay,
+		object: JsonEditorDisplay,
+		array: JsonEditorDisplay,
+		binary: BinaryDisplay,
+	},
+	clickhouse: {
+		string: TextDisplay,
+		uuid: UuidDisplay,
+		boolean: BooleanDisplay,
+		integer: NumberDisplay,
+		bigint: NumberDisplay,
+		float: NumberDisplay,
+		double: NumberDisplay,
+		decimal: NumberDisplay,
+		date: DateDisplay,
+		datetime: DateTimeDisplay,
+		json: JsonEditorDisplay,
+		object: JsonEditorDisplay,
+		array: JsonEditorDisplay,
+	},
+};
diff --git a/frontend-vue/src/consts/widget-types.spec.ts b/frontend-vue/src/consts/widget-types.spec.ts
new file mode 100644
index 000000000..68afcc33d
--- /dev/null
+++ b/frontend-vue/src/consts/widget-types.spec.ts
@@ -0,0 +1,89 @@
+import { readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { describe, expect, it } from 'vitest';
+import * as filterTypes from './filter-types';
+import * as recordEditTypes from './record-edit-types';
+import * as recordViewTypes from './record-view-types';
+import * as tableDisplayTypes from './table-display-types';
+
+/**
+ * Parity guard for the widget type maps: every DB-type → widget table must keep exactly the keys
+ * (and the same widget per key) as the Angular map it was ported from, because the row edit form,
+ * the record view, the table cells and the filters all pick their widget from these tables.
+ *
+ * The Angular source is parsed textually rather than imported (it pulls in Angular components).
+ * Until the Angular app is deleted (Phase 4) this pins the two together.
+ */
+const ANGULAR_CONSTS = resolve(process.cwd(), '../frontend/src/app/consts');
+
+type WidgetMap = Record<string, unknown>;
+
+/** `{ section: { key: 'ComponentName' } }` from an Angular `export const <name> = { … }` block. */
+function angularMap(file: string, exportName: string): Record<string, Record<string, string>> | Record<string, string> {
+	const source = readFileSync(resolve(ANGULAR_CONSTS, file), 'utf8');
+	const start = source.indexOf(`export const ${exportName} = {`);
+	if (start < 0) throw new Error(`${exportName} not found in ${file}`);
+	let depth = 0;
+	let end = start;
+	for (let index = source.indexOf('{', start); index < source.length; index++) {
+		if (source[index] === '{') depth++;
+		else if (source[index] === '}' && --depth === 0) {
+			end = index + 1;
+			break;
+		}
+	}
+	const body = source
+		.slice(source.indexOf('{', start), end)
+		.replace(/\/\/.*$/gm, '')
+		.replace(/\b([A-Z]\w*)Component\b/g, '"$1"');
+	// Object literal with quoted/unquoted keys and string/component values → evaluate as JS.
+	return new Function(`return (${body});`)() as Record<string, Record<string, string>>;
+}
+
+type AsyncWidget = { __asyncLoader: () => Promise<{ __name?: string } | { default: { __name?: string } }> };
+
+function isAsyncWidget(value: unknown): value is AsyncWidget {
+	return Boolean(value && typeof value === 'object' && '__asyncLoader' in value);
+}
+
+/** The SFC's name (`<script setup>` sets `__name` from the file name), loading it if needed. */
+async function widgetName(component: AsyncWidget): Promise<string> {
+	const loaded = await component.__asyncLoader();
+	const definition = 'default' in loaded ? loaded.default : loaded;
+	return definition.__name ?? 'unknown';
+}
+
+/** The Vue map with each async component replaced by the name of the SFC it loads. */
+async function vueNames(map: WidgetMap): Promise<Record<string, unknown>> {
+	const entries = await Promise.all(
+		Object.entries(map).map(async ([key, value]) => {
+			if (isAsyncWidget(value)) return [key, await widgetName(value)];
+			if (value && typeof value === 'object') return [key, await vueNames(value as WidgetMap)];
+			return [key, value];
+		}),
+	);
+	return Object.fromEntries(entries);
+}
+
+const CASES: [string, string, string, WidgetMap][] = [
+	['record-edit-types.ts', 'UIwidgets', 'UIwidgets', recordEditTypes.UIwidgets],
+	['record-edit-types.ts', 'recordEditTypes', 'recordEditTypes', recordEditTypes.recordEditTypes],
+	['record-view-types.ts', 'UIwidgets', 'UIwidgets', recordViewTypes.UIwidgets],
+	['record-view-types.ts', 'recordViewFieldTypes', 'recordViewFieldTypes', recordViewTypes.recordViewFieldTypes],
+	['table-display-types.ts', 'UIwidgets', 'UIwidgets', tableDisplayTypes.UIwidgets],
+	['table-display-types.ts', 'tableDisplayTypes', 'tableDisplayTypes', tableDisplayTypes.tableDisplayTypes],
+	['filter-types.ts', 'UIwidgets', 'UIwidgets', filterTypes.UIwidgets],
+	['filter-types.ts', 'filterTypes', 'filterTypes', filterTypes.filterTypes],
+];
+
+describe('widget type maps', () => {
+	// Loading every widget SFC takes a few seconds on a cold transform cache.
+	it.each(CASES)('%s %s matches the Angular map', { timeout: 30_000 }, async (file, angularName, _vueName, map) => {
+		expect(await vueNames(map)).toEqual(angularMap(file, angularName));
+	});
+
+	it('keeps the timestamp tables from record-edit-types', () => {
+		expect(recordEditTypes.timestampTypes).toContain('timestamp with time zone');
+		expect(recordEditTypes.defaultTimestampValues.mysql).toEqual(['curdate', 'curtime', 'now']);
+	});
+});
diff --git a/frontend-vue/src/directives/customValidity.spec.ts b/frontend-vue/src/directives/customValidity.spec.ts
new file mode 100644
index 000000000..86477a690
--- /dev/null
+++ b/frontend-vue/src/directives/customValidity.spec.ts
@@ -0,0 +1,24 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { defineComponent, ref } from 'vue';
+import { vCustomValidity } from './customValidity';
+
+describe('vCustomValidity', () => {
+	it('sets and clears the native validity message', async () => {
+		const message = ref<string | null>('Invalid hex');
+		const wrapper = mount(
+			defineComponent({
+				directives: { customValidity: vCustomValidity },
+				setup: () => ({ message }),
+				template: '<input v-custom-validity="message">',
+			}),
+		);
+		const input = wrapper.find('input').element as HTMLInputElement;
+		expect(input.validationMessage).toBe('Invalid hex');
+		expect(input.checkValidity()).toBe(false);
+
+		message.value = null;
+		await wrapper.vm.$nextTick();
+		expect(input.checkValidity()).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/directives/customValidity.ts b/frontend-vue/src/directives/customValidity.ts
new file mode 100644
index 000000000..df8b3bceb
--- /dev/null
+++ b/frontend-vue/src/directives/customValidity.ts
@@ -0,0 +1,21 @@
+import type { Directive } from 'vue';
+
+/**
+ * `v-custom-validity="message"` — sets the control's native validity message, so a widget's own
+ * validation (a validator.js rule, a hex check, …) makes the enclosing `<form>` invalid the same
+ * way `required` or `maxlength` do. Replaces the Angular validator directives' hook into `ngModel`.
+ *
+ * An empty or nullish message clears it. Applied to a `UiInput`/`UiTextarea`, it lands on the
+ * native control, which is the component's root element.
+ */
+export const vCustomValidity: Directive<
+	HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement,
+	string | null | undefined
+> = {
+	mounted(el, { value }) {
+		el.setCustomValidity?.(value || '');
+	},
+	updated(el, { value }) {
+		el.setCustomValidity?.(value || '');
+	},
+};
diff --git a/frontend-vue/src/lib/clipboard.ts b/frontend-vue/src/lib/clipboard.ts
new file mode 100644
index 000000000..6d1d486d4
--- /dev/null
+++ b/frontend-vue/src/lib/clipboard.ts
@@ -0,0 +1,12 @@
+/**
+ * Copies text to the clipboard — the `cdkCopyToClipboard` replacement. Resolves false instead of
+ * throwing when the Clipboard API is unavailable or denied, so a caller only has to branch.
+ */
+export async function copyToClipboard(text: string): Promise<boolean> {
+	try {
+		await navigator.clipboard.writeText(text);
+		return true;
+	} catch {
+		return false;
+	}
+}
diff --git a/frontend-vue/src/lib/markdown.spec.ts b/frontend-vue/src/lib/markdown.spec.ts
new file mode 100644
index 000000000..9b2ce83aa
--- /dev/null
+++ b/frontend-vue/src/lib/markdown.spec.ts
@@ -0,0 +1,19 @@
+import { describe, expect, it } from 'vitest';
+import { renderMarkdown } from './markdown';
+
+describe('renderMarkdown', () => {
+	it('renders block markdown', () => {
+		expect(renderMarkdown('# Title\n\n**bold**')).toContain('<h1>Title</h1>');
+		expect(renderMarkdown('**bold**')).toContain('<strong>bold</strong>');
+	});
+
+	it('renders inline markdown without a paragraph', () => {
+		expect(renderMarkdown('**bold**', { inline: true })).toBe('<strong>bold</strong>');
+	});
+
+	it('strips scripts and event handlers', () => {
+		const html = renderMarkdown('<img src="x" onerror="alert(1)"><script>alert(1)</script>');
+		expect(html).not.toContain('onerror');
+		expect(html).not.toContain('<script');
+	});
+});
diff --git a/frontend-vue/src/lib/markdown.ts b/frontend-vue/src/lib/markdown.ts
new file mode 100644
index 000000000..ddb255159
--- /dev/null
+++ b/frontend-vue/src/lib/markdown.ts
@@ -0,0 +1,10 @@
+import DOMPurify from 'dompurify';
+import { marked } from 'marked';
+
+/** Markdown → sanitized HTML. The source is user data, so the output is always sanitized. */
+export function renderMarkdown(source: string, options: { inline?: boolean } = {}): string {
+	const html = options.inline
+		? (marked.parseInline(source, { async: false }) as string)
+		: (marked.parse(source, { async: false, gfm: true }) as string);
+	return DOMPurify.sanitize(html);
+}
diff --git a/frontend-vue/src/test-setup.ts b/frontend-vue/src/test-setup.ts
index 678dcc1bc..433f66aeb 100644
--- a/frontend-vue/src/test-setup.ts
+++ b/frontend-vue/src/test-setup.ts
@@ -1,3 +1,5 @@
+import { vi } from 'vitest';
+
 // jsdom implements no layout, so the observer APIs are missing and a component that creates one
 // on mount would throw. The stubs never fire: jsdom reports every box as 0×0 anyway.
 class NoopObserver {
@@ -11,3 +13,12 @@ class NoopObserver {
 
 globalThis.ResizeObserver ??= NoopObserver as unknown as typeof ResizeObserver;
 globalThis.IntersectionObserver ??= NoopObserver as unknown as typeof IntersectionObserver;
+
+// Monaco can't run in jsdom (no layout, no workers). Rejecting the loader leaves AppCodeEditor on
+// its <textarea> fallback, which is what component tests drive.
+vi.mock('@/lib/monaco', () => ({
+	loadMonaco: () => Promise.reject(new Error('Monaco is not available in tests')),
+	getMonacoWorker: () => {
+		throw new Error('Monaco is not available in tests');
+	},
+}));

From 32297e56ae36a92ad861afef9a45b3233497a510 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Thu, 22 Oct 2026 15:32:04 +0000
Subject: [PATCH 04/22] Vue frontend phase 3: feature pages

Port every Angular page to Vue; each route in src/router/routes.ts now
loads its view and PendingView is removed. Pages live in src/views/<area>/
and their parts in src/components/<area>/, with behaviour specs ported
from the Angular ones.

- Auth: login (Google sign-in, Turnstile, 2FA), setup, forget/reset/change
  password, email verify/change, company invitation, deleted account
- Connections: list, connect/edit for every DB type, settings, auto-configure
- Table browser: tables list with folders, table view with URL-synced
  paging/sort/filters/search, filters dialog, saved filters, export/import,
  AI panel (NDJSON streaming, mermaid), row view, row edit, actions,
  widgets and settings pages
- Users and permissions with the Cedar policy editor
- Saved queries/charts (vue-chartjs) and dashboards (grid-layout-plus)
- Company, user settings, API keys, secrets, audit, zapier, schema editor
- New primitives: v-tooltip, UiSwitch, UiRadioGroup/UiRadio,
  UiExpansionPanel/UiAccordion, UiTable, UiPaginator, UiDivider,
  UiList/UiListItem, UiSelect option groups
- Dependencies: @zxcvbn-ts/*, vuedraggable, grid-layout-plus, vue-chartjs,
  chartjs-adapter-date-fns, mermaid, json5, node-sql-parser, @jsonurl/jsonurl

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 VUE_MIGRATION_PLAN.md                         |    1 +
 frontend-vue/README.md                        |    2 +-
 frontend-vue/package.json                     |   13 +-
 frontend-vue/pnpm-lock.yaml                   | 1030 +++++++++
 .../components/audit/AuditInfoDialog.spec.ts  |  107 +
 .../src/components/audit/AuditInfoDialog.vue  |  158 ++
 .../src/components/audit/useAuditLog.ts       |  125 ++
 .../src/components/auth/AuthHeader.vue        |   79 +
 .../components/auth/PasswordStrength.spec.ts  |   72 +
 .../src/components/auth/PasswordStrength.vue  |  159 ++
 .../components/auth/TurnstileWidget.spec.ts   |   84 +
 .../src/components/auth/TurnstileWidget.vue   |   98 +
 .../src/components/auth/UserPassword.spec.ts  |   59 +
 .../src/components/auth/UserPassword.vue      |   91 +
 frontend-vue/src/components/auth/analytics.ts |    9 +
 frontend-vue/src/components/auth/validity.ts  |   13 +
 .../charts/ChartAdvancedOptions.vue           |  309 +++
 .../charts/ChartDeleteDialog.spec.ts          |   78 +
 .../components/charts/ChartDeleteDialog.vue   |   48 +
 .../components/charts/ChartPreview.spec.ts    |   60 +
 .../src/components/charts/ChartPreview.vue    |   90 +
 .../components/charts/ChartSeriesEditor.vue   |  304 +++
 .../components/charts/__tests__/chart-stub.ts |   18 +
 .../src/components/charts/chartEditor.spec.ts |  133 ++
 .../src/components/charts/chartEditor.ts      |  514 +++++
 frontend-vue/src/components/charts/chartjs.ts |    7 +
 .../company/CompanyMemberAccess.vue           |  163 ++
 .../components/company/CompanyRoleMenu.vue    |   80 +
 .../company/DeleteDomainDialog.spec.ts        |   38 +
 .../components/company/DeleteDomainDialog.vue |   55 +
 .../company/DeleteMemberDialog.spec.ts        |   53 +
 .../components/company/DeleteMemberDialog.vue |   55 +
 .../company/InviteMemberDialog.spec.ts        |  129 ++
 .../components/company/InviteMemberDialog.vue |  129 ++
 .../company/RevokeInvitationDialog.spec.ts    |   48 +
 .../company/RevokeInvitationDialog.vue        |   53 +
 .../src/components/company/companyRoles.ts    |   29 +
 .../DbConnectionConfirmDialog.spec.ts         |   93 +
 .../connections/DbConnectionConfirmDialog.vue |  111 +
 .../DbConnectionDeleteDialog.spec.ts          |   78 +
 .../connections/DbConnectionDeleteDialog.vue  |   87 +
 .../DbConnectionIpAccessDialog.spec.ts        |   68 +
 .../DbConnectionIpAccessDialog.vue            |  201 ++
 .../MasterEncryptionPassword.spec.ts          |   71 +
 .../connections/MasterEncryptionPassword.vue  |  140 ++
 .../connections/OwnConnections.spec.ts        |  133 ++
 .../components/connections/OwnConnections.vue |  543 +++++
 .../src/components/connections/analytics.ts   |   14 +
 .../connections/autoConfigureMessages.spec.ts |   47 +
 .../connections/autoConfigureMessages.ts      |   97 +
 .../credentials/CassandraCredentialsForm.vue  |   30 +
 .../credentials/ClickhouseCredentialsForm.vue |   23 +
 .../CredentialsAdvancedSettings.vue           |  183 ++
 .../credentials/CredentialsField.vue          |   74 +
 .../credentials/CredentialsForms.spec.ts      |  269 +++
 .../credentials/CredentialsHostField.vue      |   99 +
 .../credentials/CredentialsPasswordField.vue  |   43 +
 .../credentials/CredentialsTextField.vue      |   99 +
 .../credentials/DynamodbCredentialsForm.vue   |   46 +
 .../credentials/ElasticCredentialsForm.vue    |   28 +
 .../credentials/MongodbCredentialsForm.vue    |   33 +
 .../credentials/MssqlCredentialsForm.vue      |   49 +
 .../credentials/MysqlCredentialsForm.vue      |   23 +
 .../credentials/OracledbCredentialsForm.vue   |   28 +
 .../credentials/PostgresCredentialsForm.vue   |   24 +
 .../credentials/RedisCredentialsForm.vue      |   26 +
 .../credentials/credentialsForm.ts            |  135 ++
 .../connections/credentials/fieldPresets.ts   |   60 +
 .../connections/credentials/index.ts          |   28 +
 .../src/components/connections/dbLogos.ts     |   20 +
 .../components/connections/dialogTestUtils.ts |   36 +
 .../src/components/connections/dialogs.ts     |   23 +
 .../components/connections/provider.spec.ts   |   27 +
 .../src/components/connections/provider.ts    |   93 +
 .../components/dashboard/ActionLinkDialog.vue |   36 +
 .../BulkActionConfirmationDialog.vue          |  123 ++
 .../src/components/dashboard/ColumnsList.vue  |   84 +
 .../dashboard/FolderDeleteDialog.vue          |   63 +
 .../components/dashboard/FolderEditDialog.vue |  213 ++
 .../dashboard/SavedFiltersDialog.helpers.ts   |  109 +
 .../dashboard/SavedFiltersDialog.spec.ts      |  313 +++
 .../dashboard/SavedFiltersDialog.vue          |  707 +++++++
 .../dashboard/SavedFiltersPanel.helpers.ts    |  155 ++
 .../dashboard/SavedFiltersPanel.spec.ts       |  358 ++++
 .../dashboard/SavedFiltersPanel.vue           |  715 +++++++
 .../dashboard/TableAiPanel.helpers.ts         |  147 ++
 .../components/dashboard/TableAiPanel.spec.ts |  241 +++
 .../src/components/dashboard/TableAiPanel.vue |  808 +++++++
 .../dashboard/TableExportDialog.helpers.ts    |   11 +
 .../dashboard/TableExportDialog.spec.ts       |  104 +
 .../dashboard/TableExportDialog.vue           |   94 +
 .../dashboard/TableFiltersDialog.helpers.ts   |  120 ++
 .../dashboard/TableFiltersDialog.spec.ts      |  276 +++
 .../dashboard/TableFiltersDialog.vue          |  360 ++++
 .../dashboard/TableImportDialog.spec.ts       |   95 +
 .../dashboard/TableImportDialog.vue           |   96 +
 .../components/dashboard/TableRowView.spec.ts |  156 ++
 .../src/components/dashboard/TableRowView.vue |  359 ++++
 .../src/components/dashboard/TableSheet.vue   |   84 +
 .../components/dashboard/TableView.spec.ts    |  313 +++
 .../src/components/dashboard/TableView.vue    | 1874 +++++++++++++++++
 .../components/dashboard/TablesList.spec.ts   |  179 ++
 .../src/components/dashboard/TablesList.vue   |  578 +++++
 .../src/components/dashboard/analytics.ts     |    9 +
 .../src/components/dashboard/backUrl.ts       |   27 +
 .../src/components/dashboard/dialogs.spec.ts  |  179 ++
 .../src/components/dashboard/folderColors.ts  |   20 +
 .../src/components/dashboard/types.ts         |  107 +
 .../dashboards/ChartMiniPreview.vue           |  138 ++
 .../dashboards/DashboardDeleteDialog.vue      |   47 +
 .../dashboards/DashboardEditDialog.spec.ts    |   96 +
 .../dashboards/DashboardEditDialog.vue        |   97 +
 .../dashboards/DashboardsSidebar.spec.ts      |   59 +
 .../dashboards/DashboardsSidebar.vue          |  146 ++
 .../dashboards/DeleteDialogs.spec.ts          |   98 +
 .../components/dashboards/DeleteWarning.vue   |   43 +
 .../dashboards/PanelDeleteDialog.vue          |   47 +
 .../dashboards/PanelEditDialog.spec.ts        |  173 ++
 .../components/dashboards/PanelEditDialog.vue |  167 ++
 .../dashboards/__tests__/dialog-harness.ts    |   24 +
 .../dashboards/__tests__/mount-page.ts        |   47 +
 .../src/components/dashboards/analytics.ts    |    9 +
 .../dashboards/panels/ChartPanel.vue          |   93 +
 .../dashboards/panels/CounterPanel.vue        |   92 +
 .../dashboards/panels/DashboardPanel.vue      |  118 ++
 .../dashboards/panels/TablePanel.vue          |   74 +
 .../dashboards/panels/TextPanel.vue           |   51 +
 .../dashboards/panels/panels.spec.ts          |  212 ++
 .../src/components/profile/ProfileLayout.vue  |   43 +
 .../components/profile/ProfileSidebar.spec.ts |   65 +
 .../src/components/profile/ProfileSidebar.vue |  175 ++
 .../schema/SchemaDiagramViewer.spec.ts        |  107 +
 .../components/schema/SchemaDiagramViewer.vue |  555 +++++
 .../components/schema/SchemaEditor.spec.ts    |   79 +
 .../src/components/schema/SchemaEditor.vue    | 1113 ++++++++++
 frontend-vue/src/components/schema/mermaid.ts |   28 +
 .../components/schema/schemaChanges.spec.ts   |   74 +
 .../src/components/schema/schemaChanges.ts    |  215 ++
 .../secrets/CreateSecretDialog.spec.ts        |  253 +++
 .../components/secrets/CreateSecretDialog.vue |  234 ++
 .../secrets/DeleteSecretDialog.spec.ts        |   88 +
 .../components/secrets/DeleteSecretDialog.vue |   83 +
 .../secrets/EditSecretDialog.spec.ts          |  241 +++
 .../components/secrets/EditSecretDialog.vue   |  219 ++
 .../secrets/SecretAuditLogDialog.spec.ts      |  149 ++
 .../secrets/SecretAuditLogDialog.vue          |  236 +++
 .../SecretMasterPasswordDialog.spec.ts        |   59 +
 .../secrets/SecretMasterPasswordDialog.vue    |   82 +
 .../components/secrets/secretUtils.spec.ts    |   60 +
 .../src/components/secrets/secretUtils.ts     |   65 +
 .../components/secrets/secretsTestUtils.ts    |   40 +
 .../shared/AppIpAddressButton.spec.ts         |   46 +
 .../components/shared/AppIpAddressButton.vue  |   53 +
 .../src/components/shared/AppMarkdown.spec.ts |   44 +-
 .../src/components/shared/AppMarkdown.vue     |   30 +-
 .../components/table/ActionDeleteDialog.vue   |   58 +
 .../table/AutomationsEmptyState.vue           |  245 +++
 .../src/components/table/TableWidgetItem.vue  |  169 ++
 .../src/components/table/WebhookSnippets.vue  |   73 +
 .../components/table/WidgetDeleteDialog.vue   |   34 +
 .../components/table/WidgetsEmptyState.vue    |  366 ++++
 .../src/components/table/analytics.ts         |    9 +
 .../src/components/table/dialogs.spec.ts      |  143 ++
 .../components/table/widget-defaults.spec.ts  |   22 +
 .../src/components/table/widget-defaults.ts   |  265 +++
 .../src/components/ui/UiAccordion.vue         |   46 +
 .../src/components/ui/UiDivider.spec.ts       |   19 +
 .../src/components/ui/UiDivider.stories.ts    |   30 +
 frontend-vue/src/components/ui/UiDivider.vue  |   38 +
 .../components/ui/UiExpansionPanel.spec.ts    |  132 ++
 .../components/ui/UiExpansionPanel.stories.ts |   85 +
 .../src/components/ui/UiExpansionPanel.vue    |  219 ++
 frontend-vue/src/components/ui/UiField.vue    |    4 +-
 frontend-vue/src/components/ui/UiList.spec.ts |   96 +
 .../src/components/ui/UiList.stories.ts       |   62 +
 frontend-vue/src/components/ui/UiList.vue     |   45 +
 frontend-vue/src/components/ui/UiListItem.vue |  151 ++
 .../src/components/ui/UiPaginator.spec.ts     |   93 +
 .../src/components/ui/UiPaginator.stories.ts  |   51 +
 .../src/components/ui/UiPaginator.vue         |  173 ++
 frontend-vue/src/components/ui/UiRadio.vue    |   98 +
 .../src/components/ui/UiRadioGroup.spec.ts    |  105 +
 .../src/components/ui/UiRadioGroup.stories.ts |   81 +
 .../src/components/ui/UiRadioGroup.vue        |  120 ++
 .../src/components/ui/UiSelect.spec.ts        |   28 +
 .../src/components/ui/UiSelect.stories.ts     |   21 +
 frontend-vue/src/components/ui/UiSelect.vue   |   53 +-
 .../src/components/ui/UiSwitch.spec.ts        |   81 +
 .../src/components/ui/UiSwitch.stories.ts     |   49 +
 frontend-vue/src/components/ui/UiSwitch.vue   |  171 ++
 .../src/components/ui/UiTable.spec.ts         |  281 +++
 .../src/components/ui/UiTable.stories.ts      |  146 ++
 frontend-vue/src/components/ui/UiTable.vue    |  512 +++++
 .../src/components/ui/UiTooltipLayer.vue      |   78 +
 .../src/components/ui/__tests__/a11y.spec.ts  |  260 ++-
 .../src/components/ui/accordionContext.ts     |   15 +
 .../src/components/ui/fieldContext.ts         |    6 +
 frontend-vue/src/components/ui/index.ts       |   15 +
 .../src/components/ui/radioContext.ts         |   19 +
 .../src/components/ui/selectOption.ts         |    6 +
 frontend-vue/src/components/ui/tableTypes.ts  |   38 +
 .../src/components/ui/tooltip.spec.ts         |  173 ++
 frontend-vue/src/components/ui/tooltip.ts     |  278 +++
 .../src/components/ui/tooltipState.ts         |   32 +
 .../AccountDeleteConfirmationDialog.spec.ts   |   49 +
 .../AccountDeleteConfirmationDialog.vue       |   60 +
 .../user-settings/AccountDeleteDialog.spec.ts |   43 +
 .../user-settings/AccountDeleteDialog.vue     |   97 +
 .../user-settings/ApiKeyDeleteDialog.spec.ts  |   52 +
 .../user-settings/ApiKeyDeleteDialog.vue      |   49 +
 .../user-settings/EnableTwoFaDialog.spec.ts   |   51 +
 .../user-settings/EnableTwoFaDialog.vue       |   68 +
 .../user-settings/dialogTestUtils.ts          |   30 +
 .../users/CedarPolicyEditorDialog.spec.ts     |  223 ++
 .../users/CedarPolicyEditorDialog.vue         |  295 +++
 .../components/users/CedarPolicyItemForm.vue  |  133 ++
 .../components/users/CedarPolicyList.spec.ts  |  254 +++
 .../src/components/users/CedarPolicyList.vue  |  426 ++++
 .../src/components/users/GroupAddDialog.vue   |   50 +
 .../components/users/GroupDeleteDialog.vue    |   50 +
 .../src/components/users/GroupDialogs.spec.ts |  132 ++
 .../components/users/GroupNameEditDialog.vue  |   47 +
 .../users/PublicAccessPanel.spec.ts           |  229 ++
 .../components/users/PublicAccessPanel.vue    |  316 +++
 .../components/users/UserAddDialog.spec.ts    |  111 +
 .../src/components/users/UserAddDialog.vue    |   96 +
 .../src/components/users/UserDeleteDialog.vue |   53 +
 .../src/components/users/analytics.ts         |    9 +
 .../src/components/users/policyList.ts        |  114 +
 .../src/components/users/testUtils.ts         |   63 +
 frontend-vue/src/components/users/types.ts    |   35 +
 .../src/composables/useGoogleSignIn.spec.ts   |   50 +
 .../src/composables/useGoogleSignIn.ts        |   33 +
 .../src/composables/useRowEdit.spec.ts        |  534 +++++
 frontend-vue/src/composables/useRowEdit.ts    |  777 +++++++
 .../src/composables/useRowSelection.spec.ts   |   40 +
 .../src/composables/useRowSelection.ts        |   59 +
 .../src/composables/useRowView.spec.ts        |  175 ++
 frontend-vue/src/composables/useRowView.ts    |  234 ++
 .../src/composables/useTableData.spec.ts      |  237 +++
 frontend-vue/src/composables/useTableData.ts  |  369 ++++
 .../src/composables/useTableFolders.spec.ts   |  171 ++
 .../src/composables/useTableFolders.ts        |  331 +++
 .../src/composables/useTableRules.spec.ts     |  265 +++
 frontend-vue/src/composables/useTableRules.ts |  361 ++++
 frontend-vue/src/lib/markdown.ts              |   41 +
 .../src/lib/password-strength.spec.ts         |   18 +
 frontend-vue/src/lib/password-strength.ts     |   53 +
 frontend-vue/src/lib/table-query.spec.ts      |   99 +
 frontend-vue/src/lib/table-query.ts           |  147 ++
 frontend-vue/src/lib/table-view.spec.ts       |  145 ++
 frontend-vue/src/lib/table-view.ts            |  207 ++
 frontend-vue/src/main.ts                      |    2 +
 frontend-vue/src/models/company.ts            |    6 +-
 frontend-vue/src/models/table.ts              |   41 +-
 frontend-vue/src/router/routes.ts             |   57 +-
 frontend-vue/src/stores/auth.ts               |    9 +-
 frontend-vue/src/stores/connections.ts        |   16 +-
 frontend-vue/src/stores/table-state.spec.ts   |    6 +-
 frontend-vue/src/types/third-party-auth.d.ts  |   44 +
 frontend-vue/src/views/PendingView.vue        |   34 -
 .../src/views/audit/AuditView.spec.ts         |  272 +++
 frontend-vue/src/views/audit/AuditView.vue    |  613 ++++++
 .../views/auth/CompanyInvitationView.spec.ts  |   71 +
 .../src/views/auth/CompanyInvitationView.vue  |  156 ++
 .../src/views/auth/EmailChangeView.spec.ts    |   58 +
 .../src/views/auth/EmailChangeView.vue        |   98 +
 .../views/auth/EmailVerificationView.spec.ts  |   45 +
 .../src/views/auth/EmailVerificationView.vue  |   63 +
 .../src/views/auth/ForgetPasswordView.spec.ts |   70 +
 .../src/views/auth/ForgetPasswordView.vue     |  156 ++
 frontend-vue/src/views/auth/LoginView.spec.ts |  186 ++
 frontend-vue/src/views/auth/LoginView.vue     |  460 ++++
 .../src/views/auth/PasswordChangeView.spec.ts |   74 +
 .../src/views/auth/PasswordChangeView.vue     |  105 +
 .../src/views/auth/PasswordResetView.spec.ts  |   55 +
 .../src/views/auth/PasswordResetView.vue      |   80 +
 frontend-vue/src/views/auth/SetupView.spec.ts |   74 +
 frontend-vue/src/views/auth/SetupView.vue     |  146 ++
 .../src/views/auth/UserDeletedView.spec.ts    |   16 +
 .../src/views/auth/UserDeletedView.vue        |   16 +
 frontend-vue/src/views/auth/authTestUtils.ts  |   41 +
 .../src/views/charts/ChartEditView.spec.ts    |  287 +++
 .../src/views/charts/ChartEditView.vue        |  650 ++++++
 .../src/views/charts/ChartsListView.spec.ts   |  139 ++
 .../src/views/charts/ChartsListView.vue       |  333 +++
 .../connections/AutoConfigureView.spec.ts     |  109 +
 .../views/connections/AutoConfigureView.vue   |  331 +++
 .../views/connections/ConnectDbView.spec.ts   |  501 +++++
 .../src/views/connections/ConnectDbView.vue   |  799 +++++++
 .../ConnectionSettingsView.spec.ts            |  182 ++
 .../connections/ConnectionSettingsView.vue    |  472 +++++
 .../connections/ConnectionsListView.spec.ts   |   74 +
 .../views/connections/ConnectionsListView.vue |  155 ++
 .../views/connections/connectionsTestUtils.ts |   44 +
 .../src/views/dashboard/DashboardView.spec.ts |  308 +++
 .../src/views/dashboard/DashboardView.vue     |  706 +++++++
 .../views/dashboards/DashboardView.spec.ts    |  218 ++
 .../src/views/dashboards/DashboardView.vue    |  400 ++++
 .../dashboards/DashboardsListView.spec.ts     |  122 ++
 .../views/dashboards/DashboardsListView.vue   |  473 +++++
 .../schema/EditDatabaseSchemaView.spec.ts     |  347 +++
 .../views/schema/EditDatabaseSchemaView.vue   |   26 +
 .../src/views/settings/ApiKeysView.spec.ts    |   94 +
 .../src/views/settings/ApiKeysView.vue        |  263 +++
 .../src/views/settings/CompanyView.spec.ts    |  221 ++
 .../src/views/settings/CompanyView.vue        |  442 ++++
 .../src/views/settings/SecretsView.spec.ts    |  257 +++
 .../src/views/settings/SecretsView.vue        |  441 ++++
 .../views/settings/UserSettingsView.spec.ts   |  161 ++
 .../src/views/settings/UserSettingsView.vue   |  319 +++
 .../src/views/settings/ZapierView.spec.ts     |   48 +
 .../src/views/settings/ZapierView.vue         |   85 +
 .../src/views/table/RowEditView.spec.ts       |  281 +++
 frontend-vue/src/views/table/RowEditView.vue  |  598 ++++++
 .../src/views/table/TableActionsView.spec.ts  |  145 ++
 .../src/views/table/TableActionsView.vue      |  571 +++++
 .../src/views/table/TableSettingsView.spec.ts |  176 ++
 .../src/views/table/TableSettingsView.vue     |  593 ++++++
 .../src/views/table/TableWidgetsView.spec.ts  |  165 ++
 .../src/views/table/TableWidgetsView.vue      |  382 ++++
 .../src/views/table/tableTestUtils.ts         |   53 +
 .../src/views/users/PermissionsView.spec.ts   |  257 +++
 .../src/views/users/PermissionsView.vue       |  416 ++++
 324 files changed, 51456 insertions(+), 88 deletions(-)
 create mode 100644 frontend-vue/src/components/audit/AuditInfoDialog.spec.ts
 create mode 100644 frontend-vue/src/components/audit/AuditInfoDialog.vue
 create mode 100644 frontend-vue/src/components/audit/useAuditLog.ts
 create mode 100644 frontend-vue/src/components/auth/AuthHeader.vue
 create mode 100644 frontend-vue/src/components/auth/PasswordStrength.spec.ts
 create mode 100644 frontend-vue/src/components/auth/PasswordStrength.vue
 create mode 100644 frontend-vue/src/components/auth/TurnstileWidget.spec.ts
 create mode 100644 frontend-vue/src/components/auth/TurnstileWidget.vue
 create mode 100644 frontend-vue/src/components/auth/UserPassword.spec.ts
 create mode 100644 frontend-vue/src/components/auth/UserPassword.vue
 create mode 100644 frontend-vue/src/components/auth/analytics.ts
 create mode 100644 frontend-vue/src/components/auth/validity.ts
 create mode 100644 frontend-vue/src/components/charts/ChartAdvancedOptions.vue
 create mode 100644 frontend-vue/src/components/charts/ChartDeleteDialog.spec.ts
 create mode 100644 frontend-vue/src/components/charts/ChartDeleteDialog.vue
 create mode 100644 frontend-vue/src/components/charts/ChartPreview.spec.ts
 create mode 100644 frontend-vue/src/components/charts/ChartPreview.vue
 create mode 100644 frontend-vue/src/components/charts/ChartSeriesEditor.vue
 create mode 100644 frontend-vue/src/components/charts/__tests__/chart-stub.ts
 create mode 100644 frontend-vue/src/components/charts/chartEditor.spec.ts
 create mode 100644 frontend-vue/src/components/charts/chartEditor.ts
 create mode 100644 frontend-vue/src/components/charts/chartjs.ts
 create mode 100644 frontend-vue/src/components/company/CompanyMemberAccess.vue
 create mode 100644 frontend-vue/src/components/company/CompanyRoleMenu.vue
 create mode 100644 frontend-vue/src/components/company/DeleteDomainDialog.spec.ts
 create mode 100644 frontend-vue/src/components/company/DeleteDomainDialog.vue
 create mode 100644 frontend-vue/src/components/company/DeleteMemberDialog.spec.ts
 create mode 100644 frontend-vue/src/components/company/DeleteMemberDialog.vue
 create mode 100644 frontend-vue/src/components/company/InviteMemberDialog.spec.ts
 create mode 100644 frontend-vue/src/components/company/InviteMemberDialog.vue
 create mode 100644 frontend-vue/src/components/company/RevokeInvitationDialog.spec.ts
 create mode 100644 frontend-vue/src/components/company/RevokeInvitationDialog.vue
 create mode 100644 frontend-vue/src/components/company/companyRoles.ts
 create mode 100644 frontend-vue/src/components/connections/DbConnectionConfirmDialog.spec.ts
 create mode 100644 frontend-vue/src/components/connections/DbConnectionConfirmDialog.vue
 create mode 100644 frontend-vue/src/components/connections/DbConnectionDeleteDialog.spec.ts
 create mode 100644 frontend-vue/src/components/connections/DbConnectionDeleteDialog.vue
 create mode 100644 frontend-vue/src/components/connections/DbConnectionIpAccessDialog.spec.ts
 create mode 100644 frontend-vue/src/components/connections/DbConnectionIpAccessDialog.vue
 create mode 100644 frontend-vue/src/components/connections/MasterEncryptionPassword.spec.ts
 create mode 100644 frontend-vue/src/components/connections/MasterEncryptionPassword.vue
 create mode 100644 frontend-vue/src/components/connections/OwnConnections.spec.ts
 create mode 100644 frontend-vue/src/components/connections/OwnConnections.vue
 create mode 100644 frontend-vue/src/components/connections/analytics.ts
 create mode 100644 frontend-vue/src/components/connections/autoConfigureMessages.spec.ts
 create mode 100644 frontend-vue/src/components/connections/autoConfigureMessages.ts
 create mode 100644 frontend-vue/src/components/connections/credentials/CassandraCredentialsForm.vue
 create mode 100644 frontend-vue/src/components/connections/credentials/ClickhouseCredentialsForm.vue
 create mode 100644 frontend-vue/src/components/connections/credentials/CredentialsAdvancedSettings.vue
 create mode 100644 frontend-vue/src/components/connections/credentials/CredentialsField.vue
 create mode 100644 frontend-vue/src/components/connections/credentials/CredentialsForms.spec.ts
 create mode 100644 frontend-vue/src/components/connections/credentials/CredentialsHostField.vue
 create mode 100644 frontend-vue/src/components/connections/credentials/CredentialsPasswordField.vue
 create mode 100644 frontend-vue/src/components/connections/credentials/CredentialsTextField.vue
 create mode 100644 frontend-vue/src/components/connections/credentials/DynamodbCredentialsForm.vue
 create mode 100644 frontend-vue/src/components/connections/credentials/ElasticCredentialsForm.vue
 create mode 100644 frontend-vue/src/components/connections/credentials/MongodbCredentialsForm.vue
 create mode 100644 frontend-vue/src/components/connections/credentials/MssqlCredentialsForm.vue
 create mode 100644 frontend-vue/src/components/connections/credentials/MysqlCredentialsForm.vue
 create mode 100644 frontend-vue/src/components/connections/credentials/OracledbCredentialsForm.vue
 create mode 100644 frontend-vue/src/components/connections/credentials/PostgresCredentialsForm.vue
 create mode 100644 frontend-vue/src/components/connections/credentials/RedisCredentialsForm.vue
 create mode 100644 frontend-vue/src/components/connections/credentials/credentialsForm.ts
 create mode 100644 frontend-vue/src/components/connections/credentials/fieldPresets.ts
 create mode 100644 frontend-vue/src/components/connections/credentials/index.ts
 create mode 100644 frontend-vue/src/components/connections/dbLogos.ts
 create mode 100644 frontend-vue/src/components/connections/dialogTestUtils.ts
 create mode 100644 frontend-vue/src/components/connections/dialogs.ts
 create mode 100644 frontend-vue/src/components/connections/provider.spec.ts
 create mode 100644 frontend-vue/src/components/connections/provider.ts
 create mode 100644 frontend-vue/src/components/dashboard/ActionLinkDialog.vue
 create mode 100644 frontend-vue/src/components/dashboard/BulkActionConfirmationDialog.vue
 create mode 100644 frontend-vue/src/components/dashboard/ColumnsList.vue
 create mode 100644 frontend-vue/src/components/dashboard/FolderDeleteDialog.vue
 create mode 100644 frontend-vue/src/components/dashboard/FolderEditDialog.vue
 create mode 100644 frontend-vue/src/components/dashboard/SavedFiltersDialog.helpers.ts
 create mode 100644 frontend-vue/src/components/dashboard/SavedFiltersDialog.spec.ts
 create mode 100644 frontend-vue/src/components/dashboard/SavedFiltersDialog.vue
 create mode 100644 frontend-vue/src/components/dashboard/SavedFiltersPanel.helpers.ts
 create mode 100644 frontend-vue/src/components/dashboard/SavedFiltersPanel.spec.ts
 create mode 100644 frontend-vue/src/components/dashboard/SavedFiltersPanel.vue
 create mode 100644 frontend-vue/src/components/dashboard/TableAiPanel.helpers.ts
 create mode 100644 frontend-vue/src/components/dashboard/TableAiPanel.spec.ts
 create mode 100644 frontend-vue/src/components/dashboard/TableAiPanel.vue
 create mode 100644 frontend-vue/src/components/dashboard/TableExportDialog.helpers.ts
 create mode 100644 frontend-vue/src/components/dashboard/TableExportDialog.spec.ts
 create mode 100644 frontend-vue/src/components/dashboard/TableExportDialog.vue
 create mode 100644 frontend-vue/src/components/dashboard/TableFiltersDialog.helpers.ts
 create mode 100644 frontend-vue/src/components/dashboard/TableFiltersDialog.spec.ts
 create mode 100644 frontend-vue/src/components/dashboard/TableFiltersDialog.vue
 create mode 100644 frontend-vue/src/components/dashboard/TableImportDialog.spec.ts
 create mode 100644 frontend-vue/src/components/dashboard/TableImportDialog.vue
 create mode 100644 frontend-vue/src/components/dashboard/TableRowView.spec.ts
 create mode 100644 frontend-vue/src/components/dashboard/TableRowView.vue
 create mode 100644 frontend-vue/src/components/dashboard/TableSheet.vue
 create mode 100644 frontend-vue/src/components/dashboard/TableView.spec.ts
 create mode 100644 frontend-vue/src/components/dashboard/TableView.vue
 create mode 100644 frontend-vue/src/components/dashboard/TablesList.spec.ts
 create mode 100644 frontend-vue/src/components/dashboard/TablesList.vue
 create mode 100644 frontend-vue/src/components/dashboard/analytics.ts
 create mode 100644 frontend-vue/src/components/dashboard/backUrl.ts
 create mode 100644 frontend-vue/src/components/dashboard/dialogs.spec.ts
 create mode 100644 frontend-vue/src/components/dashboard/folderColors.ts
 create mode 100644 frontend-vue/src/components/dashboard/types.ts
 create mode 100644 frontend-vue/src/components/dashboards/ChartMiniPreview.vue
 create mode 100644 frontend-vue/src/components/dashboards/DashboardDeleteDialog.vue
 create mode 100644 frontend-vue/src/components/dashboards/DashboardEditDialog.spec.ts
 create mode 100644 frontend-vue/src/components/dashboards/DashboardEditDialog.vue
 create mode 100644 frontend-vue/src/components/dashboards/DashboardsSidebar.spec.ts
 create mode 100644 frontend-vue/src/components/dashboards/DashboardsSidebar.vue
 create mode 100644 frontend-vue/src/components/dashboards/DeleteDialogs.spec.ts
 create mode 100644 frontend-vue/src/components/dashboards/DeleteWarning.vue
 create mode 100644 frontend-vue/src/components/dashboards/PanelDeleteDialog.vue
 create mode 100644 frontend-vue/src/components/dashboards/PanelEditDialog.spec.ts
 create mode 100644 frontend-vue/src/components/dashboards/PanelEditDialog.vue
 create mode 100644 frontend-vue/src/components/dashboards/__tests__/dialog-harness.ts
 create mode 100644 frontend-vue/src/components/dashboards/__tests__/mount-page.ts
 create mode 100644 frontend-vue/src/components/dashboards/analytics.ts
 create mode 100644 frontend-vue/src/components/dashboards/panels/ChartPanel.vue
 create mode 100644 frontend-vue/src/components/dashboards/panels/CounterPanel.vue
 create mode 100644 frontend-vue/src/components/dashboards/panels/DashboardPanel.vue
 create mode 100644 frontend-vue/src/components/dashboards/panels/TablePanel.vue
 create mode 100644 frontend-vue/src/components/dashboards/panels/TextPanel.vue
 create mode 100644 frontend-vue/src/components/dashboards/panels/panels.spec.ts
 create mode 100644 frontend-vue/src/components/profile/ProfileLayout.vue
 create mode 100644 frontend-vue/src/components/profile/ProfileSidebar.spec.ts
 create mode 100644 frontend-vue/src/components/profile/ProfileSidebar.vue
 create mode 100644 frontend-vue/src/components/schema/SchemaDiagramViewer.spec.ts
 create mode 100644 frontend-vue/src/components/schema/SchemaDiagramViewer.vue
 create mode 100644 frontend-vue/src/components/schema/SchemaEditor.spec.ts
 create mode 100644 frontend-vue/src/components/schema/SchemaEditor.vue
 create mode 100644 frontend-vue/src/components/schema/mermaid.ts
 create mode 100644 frontend-vue/src/components/schema/schemaChanges.spec.ts
 create mode 100644 frontend-vue/src/components/schema/schemaChanges.ts
 create mode 100644 frontend-vue/src/components/secrets/CreateSecretDialog.spec.ts
 create mode 100644 frontend-vue/src/components/secrets/CreateSecretDialog.vue
 create mode 100644 frontend-vue/src/components/secrets/DeleteSecretDialog.spec.ts
 create mode 100644 frontend-vue/src/components/secrets/DeleteSecretDialog.vue
 create mode 100644 frontend-vue/src/components/secrets/EditSecretDialog.spec.ts
 create mode 100644 frontend-vue/src/components/secrets/EditSecretDialog.vue
 create mode 100644 frontend-vue/src/components/secrets/SecretAuditLogDialog.spec.ts
 create mode 100644 frontend-vue/src/components/secrets/SecretAuditLogDialog.vue
 create mode 100644 frontend-vue/src/components/secrets/SecretMasterPasswordDialog.spec.ts
 create mode 100644 frontend-vue/src/components/secrets/SecretMasterPasswordDialog.vue
 create mode 100644 frontend-vue/src/components/secrets/secretUtils.spec.ts
 create mode 100644 frontend-vue/src/components/secrets/secretUtils.ts
 create mode 100644 frontend-vue/src/components/secrets/secretsTestUtils.ts
 create mode 100644 frontend-vue/src/components/shared/AppIpAddressButton.spec.ts
 create mode 100644 frontend-vue/src/components/shared/AppIpAddressButton.vue
 create mode 100644 frontend-vue/src/components/table/ActionDeleteDialog.vue
 create mode 100644 frontend-vue/src/components/table/AutomationsEmptyState.vue
 create mode 100644 frontend-vue/src/components/table/TableWidgetItem.vue
 create mode 100644 frontend-vue/src/components/table/WebhookSnippets.vue
 create mode 100644 frontend-vue/src/components/table/WidgetDeleteDialog.vue
 create mode 100644 frontend-vue/src/components/table/WidgetsEmptyState.vue
 create mode 100644 frontend-vue/src/components/table/analytics.ts
 create mode 100644 frontend-vue/src/components/table/dialogs.spec.ts
 create mode 100644 frontend-vue/src/components/table/widget-defaults.spec.ts
 create mode 100644 frontend-vue/src/components/table/widget-defaults.ts
 create mode 100644 frontend-vue/src/components/ui/UiAccordion.vue
 create mode 100644 frontend-vue/src/components/ui/UiDivider.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiDivider.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiDivider.vue
 create mode 100644 frontend-vue/src/components/ui/UiExpansionPanel.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiExpansionPanel.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiExpansionPanel.vue
 create mode 100644 frontend-vue/src/components/ui/UiList.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiList.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiList.vue
 create mode 100644 frontend-vue/src/components/ui/UiListItem.vue
 create mode 100644 frontend-vue/src/components/ui/UiPaginator.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiPaginator.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiPaginator.vue
 create mode 100644 frontend-vue/src/components/ui/UiRadio.vue
 create mode 100644 frontend-vue/src/components/ui/UiRadioGroup.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiRadioGroup.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiRadioGroup.vue
 create mode 100644 frontend-vue/src/components/ui/UiSwitch.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiSwitch.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiSwitch.vue
 create mode 100644 frontend-vue/src/components/ui/UiTable.spec.ts
 create mode 100644 frontend-vue/src/components/ui/UiTable.stories.ts
 create mode 100644 frontend-vue/src/components/ui/UiTable.vue
 create mode 100644 frontend-vue/src/components/ui/UiTooltipLayer.vue
 create mode 100644 frontend-vue/src/components/ui/accordionContext.ts
 create mode 100644 frontend-vue/src/components/ui/radioContext.ts
 create mode 100644 frontend-vue/src/components/ui/tableTypes.ts
 create mode 100644 frontend-vue/src/components/ui/tooltip.spec.ts
 create mode 100644 frontend-vue/src/components/ui/tooltip.ts
 create mode 100644 frontend-vue/src/components/ui/tooltipState.ts
 create mode 100644 frontend-vue/src/components/user-settings/AccountDeleteConfirmationDialog.spec.ts
 create mode 100644 frontend-vue/src/components/user-settings/AccountDeleteConfirmationDialog.vue
 create mode 100644 frontend-vue/src/components/user-settings/AccountDeleteDialog.spec.ts
 create mode 100644 frontend-vue/src/components/user-settings/AccountDeleteDialog.vue
 create mode 100644 frontend-vue/src/components/user-settings/ApiKeyDeleteDialog.spec.ts
 create mode 100644 frontend-vue/src/components/user-settings/ApiKeyDeleteDialog.vue
 create mode 100644 frontend-vue/src/components/user-settings/EnableTwoFaDialog.spec.ts
 create mode 100644 frontend-vue/src/components/user-settings/EnableTwoFaDialog.vue
 create mode 100644 frontend-vue/src/components/user-settings/dialogTestUtils.ts
 create mode 100644 frontend-vue/src/components/users/CedarPolicyEditorDialog.spec.ts
 create mode 100644 frontend-vue/src/components/users/CedarPolicyEditorDialog.vue
 create mode 100644 frontend-vue/src/components/users/CedarPolicyItemForm.vue
 create mode 100644 frontend-vue/src/components/users/CedarPolicyList.spec.ts
 create mode 100644 frontend-vue/src/components/users/CedarPolicyList.vue
 create mode 100644 frontend-vue/src/components/users/GroupAddDialog.vue
 create mode 100644 frontend-vue/src/components/users/GroupDeleteDialog.vue
 create mode 100644 frontend-vue/src/components/users/GroupDialogs.spec.ts
 create mode 100644 frontend-vue/src/components/users/GroupNameEditDialog.vue
 create mode 100644 frontend-vue/src/components/users/PublicAccessPanel.spec.ts
 create mode 100644 frontend-vue/src/components/users/PublicAccessPanel.vue
 create mode 100644 frontend-vue/src/components/users/UserAddDialog.spec.ts
 create mode 100644 frontend-vue/src/components/users/UserAddDialog.vue
 create mode 100644 frontend-vue/src/components/users/UserDeleteDialog.vue
 create mode 100644 frontend-vue/src/components/users/analytics.ts
 create mode 100644 frontend-vue/src/components/users/policyList.ts
 create mode 100644 frontend-vue/src/components/users/testUtils.ts
 create mode 100644 frontend-vue/src/components/users/types.ts
 create mode 100644 frontend-vue/src/composables/useGoogleSignIn.spec.ts
 create mode 100644 frontend-vue/src/composables/useGoogleSignIn.ts
 create mode 100644 frontend-vue/src/composables/useRowEdit.spec.ts
 create mode 100644 frontend-vue/src/composables/useRowEdit.ts
 create mode 100644 frontend-vue/src/composables/useRowSelection.spec.ts
 create mode 100644 frontend-vue/src/composables/useRowSelection.ts
 create mode 100644 frontend-vue/src/composables/useRowView.spec.ts
 create mode 100644 frontend-vue/src/composables/useRowView.ts
 create mode 100644 frontend-vue/src/composables/useTableData.spec.ts
 create mode 100644 frontend-vue/src/composables/useTableData.ts
 create mode 100644 frontend-vue/src/composables/useTableFolders.spec.ts
 create mode 100644 frontend-vue/src/composables/useTableFolders.ts
 create mode 100644 frontend-vue/src/composables/useTableRules.spec.ts
 create mode 100644 frontend-vue/src/composables/useTableRules.ts
 create mode 100644 frontend-vue/src/lib/password-strength.spec.ts
 create mode 100644 frontend-vue/src/lib/password-strength.ts
 create mode 100644 frontend-vue/src/lib/table-query.spec.ts
 create mode 100644 frontend-vue/src/lib/table-query.ts
 create mode 100644 frontend-vue/src/lib/table-view.spec.ts
 create mode 100644 frontend-vue/src/lib/table-view.ts
 create mode 100644 frontend-vue/src/types/third-party-auth.d.ts
 delete mode 100644 frontend-vue/src/views/PendingView.vue
 create mode 100644 frontend-vue/src/views/audit/AuditView.spec.ts
 create mode 100644 frontend-vue/src/views/audit/AuditView.vue
 create mode 100644 frontend-vue/src/views/auth/CompanyInvitationView.spec.ts
 create mode 100644 frontend-vue/src/views/auth/CompanyInvitationView.vue
 create mode 100644 frontend-vue/src/views/auth/EmailChangeView.spec.ts
 create mode 100644 frontend-vue/src/views/auth/EmailChangeView.vue
 create mode 100644 frontend-vue/src/views/auth/EmailVerificationView.spec.ts
 create mode 100644 frontend-vue/src/views/auth/EmailVerificationView.vue
 create mode 100644 frontend-vue/src/views/auth/ForgetPasswordView.spec.ts
 create mode 100644 frontend-vue/src/views/auth/ForgetPasswordView.vue
 create mode 100644 frontend-vue/src/views/auth/LoginView.spec.ts
 create mode 100644 frontend-vue/src/views/auth/LoginView.vue
 create mode 100644 frontend-vue/src/views/auth/PasswordChangeView.spec.ts
 create mode 100644 frontend-vue/src/views/auth/PasswordChangeView.vue
 create mode 100644 frontend-vue/src/views/auth/PasswordResetView.spec.ts
 create mode 100644 frontend-vue/src/views/auth/PasswordResetView.vue
 create mode 100644 frontend-vue/src/views/auth/SetupView.spec.ts
 create mode 100644 frontend-vue/src/views/auth/SetupView.vue
 create mode 100644 frontend-vue/src/views/auth/UserDeletedView.spec.ts
 create mode 100644 frontend-vue/src/views/auth/UserDeletedView.vue
 create mode 100644 frontend-vue/src/views/auth/authTestUtils.ts
 create mode 100644 frontend-vue/src/views/charts/ChartEditView.spec.ts
 create mode 100644 frontend-vue/src/views/charts/ChartEditView.vue
 create mode 100644 frontend-vue/src/views/charts/ChartsListView.spec.ts
 create mode 100644 frontend-vue/src/views/charts/ChartsListView.vue
 create mode 100644 frontend-vue/src/views/connections/AutoConfigureView.spec.ts
 create mode 100644 frontend-vue/src/views/connections/AutoConfigureView.vue
 create mode 100644 frontend-vue/src/views/connections/ConnectDbView.spec.ts
 create mode 100644 frontend-vue/src/views/connections/ConnectDbView.vue
 create mode 100644 frontend-vue/src/views/connections/ConnectionSettingsView.spec.ts
 create mode 100644 frontend-vue/src/views/connections/ConnectionSettingsView.vue
 create mode 100644 frontend-vue/src/views/connections/ConnectionsListView.spec.ts
 create mode 100644 frontend-vue/src/views/connections/ConnectionsListView.vue
 create mode 100644 frontend-vue/src/views/connections/connectionsTestUtils.ts
 create mode 100644 frontend-vue/src/views/dashboard/DashboardView.spec.ts
 create mode 100644 frontend-vue/src/views/dashboard/DashboardView.vue
 create mode 100644 frontend-vue/src/views/dashboards/DashboardView.spec.ts
 create mode 100644 frontend-vue/src/views/dashboards/DashboardView.vue
 create mode 100644 frontend-vue/src/views/dashboards/DashboardsListView.spec.ts
 create mode 100644 frontend-vue/src/views/dashboards/DashboardsListView.vue
 create mode 100644 frontend-vue/src/views/schema/EditDatabaseSchemaView.spec.ts
 create mode 100644 frontend-vue/src/views/schema/EditDatabaseSchemaView.vue
 create mode 100644 frontend-vue/src/views/settings/ApiKeysView.spec.ts
 create mode 100644 frontend-vue/src/views/settings/ApiKeysView.vue
 create mode 100644 frontend-vue/src/views/settings/CompanyView.spec.ts
 create mode 100644 frontend-vue/src/views/settings/CompanyView.vue
 create mode 100644 frontend-vue/src/views/settings/SecretsView.spec.ts
 create mode 100644 frontend-vue/src/views/settings/SecretsView.vue
 create mode 100644 frontend-vue/src/views/settings/UserSettingsView.spec.ts
 create mode 100644 frontend-vue/src/views/settings/UserSettingsView.vue
 create mode 100644 frontend-vue/src/views/settings/ZapierView.spec.ts
 create mode 100644 frontend-vue/src/views/settings/ZapierView.vue
 create mode 100644 frontend-vue/src/views/table/RowEditView.spec.ts
 create mode 100644 frontend-vue/src/views/table/RowEditView.vue
 create mode 100644 frontend-vue/src/views/table/TableActionsView.spec.ts
 create mode 100644 frontend-vue/src/views/table/TableActionsView.vue
 create mode 100644 frontend-vue/src/views/table/TableSettingsView.spec.ts
 create mode 100644 frontend-vue/src/views/table/TableSettingsView.vue
 create mode 100644 frontend-vue/src/views/table/TableWidgetsView.spec.ts
 create mode 100644 frontend-vue/src/views/table/TableWidgetsView.vue
 create mode 100644 frontend-vue/src/views/table/tableTestUtils.ts
 create mode 100644 frontend-vue/src/views/users/PermissionsView.spec.ts
 create mode 100644 frontend-vue/src/views/users/PermissionsView.vue

diff --git a/VUE_MIGRATION_PLAN.md b/VUE_MIGRATION_PLAN.md
index 1b0a9b49f..6623868a1 100644
--- a/VUE_MIGRATION_PLAN.md
+++ b/VUE_MIGRATION_PLAN.md
@@ -95,6 +95,7 @@ Copy these as-is and add tests where they are missing:
 4. Write a Storybook story for each widget, ported from the existing 159 stories, so each one can be compared visually with the Angular version.
 
 ### Phase 3 – Features (each one should ship complete; this is the recommended order)
+Every route now renders its ported page; `PendingView` is gone. New primitives built first for these pages: `v-tooltip`, `UiSwitch`, `UiRadioGroup`/`UiRadio`, `UiExpansionPanel`/`UiAccordion`, `UiTable` (server-side sort and selection, cell slots) with `UiPaginator`, `UiDivider`, `UiList`/`UiListItem`, and option groups in `UiSelect`. Pages live in `src/views/<area>/` and their parts in `src/components/<area>/`.
 1. **Auth flows:** login (with Google GSI and Turnstile), setup, forget-password, password-reset/change, email verify/change, company invitation, deleted account.
 2. **Connections:** `connections-list`, `connect-db` (16 components), `edit-db`, `connection-settings`, `auto-configure`.
 3. **Table browser** (`components/dashboard/`, the hardest part):
diff --git a/frontend-vue/README.md b/frontend-vue/README.md
index b4faed580..f35e9ef52 100644
--- a/frontend-vue/README.md
+++ b/frontend-vue/README.md
@@ -24,4 +24,4 @@ pnpm storybook      # design system docs and component stories on :6006
 - **Design system:** copied from SiteNova (`sitenova/frontend`). Tokens in `src/assets/theme.css` (the `--palette-*` layer must stay in sync with SiteNova), primitives in `src/components/ui/` — read `src/components/ui/CONVENTIONS.md` before adding one. `src/__tests__/design-tokens.spec.ts` fails on hex colours and raw `font-size`/`gap`/`padding` values; `src/components/ui/__tests__/a11y.spec.ts` runs axe-core over every primitive.
 - **HTTP:** every request goes through `src/api/client.ts` (base URL, credentials, GCLID/masterpwd headers, 401 handling, error notifications, NDJSON streams). A failed request is shown to the user and then thrown as a `notified` `ApiError`, which `main.ts` keeps out of the console.
 - **Dialogs and snackbars:** `useDialog().open(Component, { data }).afterClosed()` and `useNotify()`; dialogs with inputs use `AppDialogForm`.
-- **Routes:** `src/router/routes.ts` has every Angular route with the same paths; guards come from route `meta` (`requiresAuth`, `guestOnly`, `configuration`, `setup`). Pages not ported yet render `PendingView`.
+- **Routes:** `src/router/routes.ts` has every Angular route with the same paths; guards come from route `meta` (`requiresAuth`, `guestOnly`, `configuration`, `setup`). Every route maps to its page in the `views` table there (`page()` throws if a route has none).
diff --git a/frontend-vue/package.json b/frontend-vue/package.json
index 020e909dc..e5d8e03de 100644
--- a/frontend-vue/package.json
+++ b/frontend-vue/package.json
@@ -22,22 +22,31 @@
 		"@fontsource-variable/geist": "^5.3.0",
 		"@fontsource-variable/geist-mono": "^5.3.0",
 		"@fontsource-variable/space-grotesk": "^5.3.0",
+		"@jsonurl/jsonurl": "^1.1.8",
 		"@material-symbols/font-400": "^0.40.2",
 		"@sentry/vue": "^11.8.0",
 		"@tanstack/vue-query": "^5.104.2",
+		"@zxcvbn-ts/core": "^4.2.0",
+		"@zxcvbn-ts/language-common": "^4.1.3",
+		"@zxcvbn-ts/language-en": "^4.1.1",
 		"amplitude-js": "^8.21.10",
 		"chart.js": "^4.5.1",
+		"chartjs-adapter-date-fns": "^3.0.0",
 		"color-string": "^2.1.4",
 		"connection-string-parser": "^1.0.4",
 		"convert": "^5.14.1",
 		"date-fns": "^4.4.0",
 		"dompurify": "^3.4.17",
+		"grid-layout-plus": "^1.1.1",
 		"ipaddr.js": "^2.5.0",
+		"json5": "^2.2.3",
 		"libphonenumber-js": "^1.13.15",
 		"lodash-es": "4.17.23",
 		"marked": "^18.1.1",
+		"mermaid": "^12.2.0",
 		"mitt": "^3.0.1",
 		"monaco-editor": "0.55.1",
+		"node-sql-parser": "^5.4.0",
 		"pinia": "^3.0.4",
 		"pluralize": "^8.0.0",
 		"postgres-interval": "^4.1.0",
@@ -45,7 +54,9 @@
 		"uuid": "^11.1.1",
 		"validator": "^13.15.35",
 		"vue": "^3.5.43",
-		"vue-router": "^4.6.4"
+		"vue-chartjs": "^5.3.4",
+		"vue-router": "^4.6.4",
+		"vuedraggable": "^4.1.0"
 	},
 	"devDependencies": {
 		"@biomejs/biome": "2.4.0",
diff --git a/frontend-vue/pnpm-lock.yaml b/frontend-vue/pnpm-lock.yaml
index e23cf9d35..dec118ad0 100644
--- a/frontend-vue/pnpm-lock.yaml
+++ b/frontend-vue/pnpm-lock.yaml
@@ -20,6 +20,9 @@ importers:
       '@fontsource-variable/space-grotesk':
         specifier: ^5.3.0
         version: 5.3.0
+      '@jsonurl/jsonurl':
+        specifier: ^1.1.8
+        version: 1.1.8
       '@material-symbols/font-400':
         specifier: ^0.40.2
         version: 0.40.2
@@ -29,12 +32,24 @@ importers:
       '@tanstack/vue-query':
         specifier: ^5.104.2
         version: 5.104.2(vue@3.5.43(typescript@5.9.3))
+      '@zxcvbn-ts/core':
+        specifier: ^4.2.0
+        version: 4.2.0
+      '@zxcvbn-ts/language-common':
+        specifier: ^4.1.3
+        version: 4.1.3
+      '@zxcvbn-ts/language-en':
+        specifier: ^4.1.1
+        version: 4.1.1
       amplitude-js:
         specifier: ^8.21.10
         version: 8.21.10
       chart.js:
         specifier: ^4.5.1
         version: 4.5.1
+      chartjs-adapter-date-fns:
+        specifier: ^3.0.0
+        version: 3.0.0(chart.js@4.5.1)(date-fns@4.4.0)
       color-string:
         specifier: ^2.1.4
         version: 2.1.4
@@ -50,9 +65,15 @@ importers:
       dompurify:
         specifier: ^3.4.17
         version: 3.4.17
+      grid-layout-plus:
+        specifier: ^1.1.1
+        version: 1.1.1(vue@3.5.43(typescript@5.9.3))
       ipaddr.js:
         specifier: ^2.5.0
         version: 2.5.0
+      json5:
+        specifier: ^2.2.3
+        version: 2.2.3
       libphonenumber-js:
         specifier: ^1.13.15
         version: 1.13.15
@@ -62,12 +83,18 @@ importers:
       marked:
         specifier: ^18.1.1
         version: 18.1.1
+      mermaid:
+        specifier: ^12.2.0
+        version: 12.2.0
       mitt:
         specifier: ^3.0.1
         version: 3.0.1
       monaco-editor:
         specifier: 0.55.1
         version: 0.55.1
+      node-sql-parser:
+        specifier: ^5.4.0
+        version: 5.4.0
       pinia:
         specifier: ^3.0.4
         version: 3.0.4(typescript@5.9.3)(vue@3.5.43(typescript@5.9.3))
@@ -89,9 +116,15 @@ importers:
       vue:
         specifier: ^3.5.43
         version: 3.5.43(typescript@5.9.3)
+      vue-chartjs:
+        specifier: ^5.3.4
+        version: 5.3.4(chart.js@4.5.1)(vue@3.5.43(typescript@5.9.3))
       vue-router:
         specifier: ^4.6.4
         version: 4.6.4(vue@3.5.43(typescript@5.9.3))
+      vuedraggable:
+        specifier: ^4.1.0
+        version: 4.1.0(vue@3.5.43(typescript@5.9.3))
     devDependencies:
       '@biomejs/biome':
         specifier: 2.4.0
@@ -188,6 +221,9 @@ packages:
     resolution: {integrity: sha512-tVsHXu61jITEtRjB7NugQ5cVDd4QDzne8T3ifmZye7TiJeUfVRvqe44gDtf55A+7VqhDhyEIIXTA1iVcDGqlEw==}
     engines: {node: '>=10'}
 
+  '@antfu/install-pkg@2.1.0':
+    resolution: {integrity: sha512-sdg9NxU3zR4Mnawfbc/x6GB5Wf17WYud5qOuEuxXjaKpYpMkISSJEjItGebXJ2bQ4DIcly4NYH23mtkGJjvKUw==}
+
   '@asamuzakjp/css-color@4.1.2':
     resolution: {integrity: sha512-NfBUvBaYgKIuq6E/RBLY1m0IohzNHAYyaJGuTK79Z23uNwmz2jl1mPsC5ZxCCxylinKhT1Amn5oNTlx1wN8cQg==}
 
@@ -279,6 +315,9 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@braintree/sanitize-url@7.1.2':
+    resolution: {integrity: sha512-jigsZK+sMF/cuiB7sERuo9V7N9jx+dhmHHnQyDSVdpZwVutaBu7WvNYqMDLSgFgfB30n452TP3vjDAvFC973mA==}
+
   '@cacheable/memory@2.2.0':
     resolution: {integrity: sha512-CTLKqLItRCEixEAewD3/j9DB3/o96gpTPD4eJ1v+DGOlxZRZncRQkGYqqnAGCscYd6RNeXfGeiuCphsPtqyIfQ==}
 
@@ -288,6 +327,21 @@ packages:
   '@cedar-policy/cedar-wasm@4.13.0':
     resolution: {integrity: sha512-1omEd/J0c7RjcfSUWiXZc6zk6XUs1IuY7Yk9TVysoKV/LpFWIk45RpjvRFVioPUR3RQmgA/DaqKhK3pucbBx1A==}
 
+  '@chevrotain/cst-dts-gen@13.2.0':
+    resolution: {integrity: sha512-bA9dvWlhAUcHkNwU+8w9yiUxJPlj/Lm3VqS7MD+NbIR/7LmpNLuK/AWNFdCo/T3SK5ND0/UHf3IJvl/Jn/i6yg==}
+
+  '@chevrotain/gast@13.2.0':
+    resolution: {integrity: sha512-bCARdAsG+eEbOveSXcOAC7pVxA04I1ionzeMOwIYf5NX7SaS7zgn4Dgug2BSqoL+iyKeMNSorQjsFSHJHsCNwg==}
+
+  '@chevrotain/regexp-to-ast@13.2.0':
+    resolution: {integrity: sha512-kxpUkLtiaK09ph+dib+Yvm+3sWSnuwlo25gqfKRgTPNmF6H7uW4gVkMjaRdtnN783S9sM6vUNWh9CsxYX4QwKw==}
+
+  '@chevrotain/types@13.2.0':
+    resolution: {integrity: sha512-7qrYHRlKfWf2AvBfJi5eVOrKAkbxvMFsy/iIHTGIiApNcEecCaVIdR+mIQhyCBsTDJxBz4JWXHMo6krbhR9hVg==}
+
+  '@chevrotain/utils@13.2.0':
+    resolution: {integrity: sha512-SzKYY68rseOrb9KILVzPsl6SjkQtdWw01SRGB5aCVI5kFcHltQsOYV3JB0Ffst72DgkvHCyDQ0NLwxtmCCf97Q==}
+
   '@csstools/color-helpers@6.1.2':
     resolution: {integrity: sha512-grhRy3OKmniaAEKXMjua5z/EODX0MSqBGjunw8+j/3HQjOnahs2AGhvEOIYVUWcU6ScApbhLhVrQTX8XqrMrow==}
     engines: {node: '>=20.19.0'}
@@ -537,6 +591,15 @@ packages:
       '@noble/hashes':
         optional: true
 
+  '@floating-ui/core@1.8.0':
+    resolution: {integrity: sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==}
+
+  '@floating-ui/dom@1.8.0':
+    resolution: {integrity: sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==}
+
+  '@floating-ui/utils@0.2.12':
+    resolution: {integrity: sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==}
+
   '@fontsource-variable/geist-mono@5.3.0':
     resolution: {integrity: sha512-vBbuwDEo9AkrqADMXOrlAR3DFcJi4/JxeuU43FoiQERnNwsfXNnvxvReZG02cQKmyk4DZkZdBZX3oTDvy2zBAw==}
 
@@ -566,6 +629,15 @@ packages:
     resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
     engines: {node: '>=18.18'}
 
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
+  '@iconify/utils@3.1.7':
+    resolution: {integrity: sha512-JZHlwdID+dy+lTgbYC8NEC4zeugqeYsc6jewvzb4c58kHauJn+X7rNwQjxz5p2qSjqaEeQoLkCIQ9v/H4PK0/w==}
+
+  '@interactjs/types@1.10.28':
+    resolution: {integrity: sha512-vPmu4HWmsg0Fub3BPKGk7DuozkhgVK84TVkziY47v8Uh0A14gph55/vVRaQN4oZov0lGNJNK6Jyddim2qd/4vw==}
+
   '@jridgewell/gen-mapping@0.3.13':
     resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
 
@@ -582,6 +654,12 @@ packages:
   '@jridgewell/trace-mapping@0.3.31':
     resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
 
+  '@jsonurl/jsonurl@1.1.8':
+    resolution: {integrity: sha512-0D6VFTWahCZymjTA33qmTOgo3sjePaYFalOura76kN/CKJ3HtS4lyxdNLklhrnDrqjWHqgZEqPMwuTGUqDL/+w==}
+
+  '@juggle/resize-observer@3.4.0':
+    resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
+
   '@keyv/bigmap@1.3.1':
     resolution: {integrity: sha512-WbzE9sdmQtKy8vrNPa9BRnwZh5UF4s1KTmSK0KUVLo3eff5BlQNNWDnFOouNpKfPKDnms9xynJjsMYjMaT/aFQ==}
     engines: {node: '>= 18'}
@@ -603,6 +681,10 @@ packages:
       '@types/react': '>=16'
       react: '>=16'
 
+  '@mermaid-js/parser@2.0.1':
+    resolution: {integrity: sha512-j37dj/h6p6pots1L7pLPPNuABEEu9WP4OYg9pW1g+nYG331j0+3canE9OagtYdytYvdSAMG+2fKU5cxep6LgjA==}
+    engines: {node: '>=22.12.0'}
+
   '@napi-rs/wasm-runtime@1.2.5':
     resolution: {integrity: sha512-HshSvXzmBxNzqejd3k/KemgQ3hdREUYFRRrgxOZ+gPljDIsO2SDZrVZMd4Z/HsxudQbE62OVyVFE8z9BCurfjA==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=23.5.0}
@@ -1102,6 +1184,99 @@ packages:
   '@types/chai@5.2.3':
     resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
 
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
+
+  '@types/d3-axis@3.0.6':
+    resolution: {integrity: sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==}
+
+  '@types/d3-brush@3.0.6':
+    resolution: {integrity: sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==}
+
+  '@types/d3-chord@3.0.6':
+    resolution: {integrity: sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-contour@3.0.6':
+    resolution: {integrity: sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==}
+
+  '@types/d3-delaunay@6.0.4':
+    resolution: {integrity: sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==}
+
+  '@types/d3-dispatch@3.0.7':
+    resolution: {integrity: sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==}
+
+  '@types/d3-drag@3.0.7':
+    resolution: {integrity: sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==}
+
+  '@types/d3-dsv@3.0.7':
+    resolution: {integrity: sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==}
+
+  '@types/d3-ease@3.0.2':
+    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
+
+  '@types/d3-fetch@3.0.7':
+    resolution: {integrity: sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==}
+
+  '@types/d3-force@3.0.10':
+    resolution: {integrity: sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==}
+
+  '@types/d3-format@3.0.4':
+    resolution: {integrity: sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==}
+
+  '@types/d3-geo@3.1.1':
+    resolution: {integrity: sha512-65Emv9fQiQQqphLlRkuQ5ypPsOmWPhtBGCMv61JDPEPMvsx+gzhGf74yw1a78xFKPj6zw4AgQICJoQv0vK9M2w==}
+
+  '@types/d3-hierarchy@3.1.7':
+    resolution: {integrity: sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-path@3.1.1':
+    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
+
+  '@types/d3-polygon@3.0.2':
+    resolution: {integrity: sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==}
+
+  '@types/d3-quadtree@3.0.6':
+    resolution: {integrity: sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==}
+
+  '@types/d3-random@3.0.4':
+    resolution: {integrity: sha512-UHYId5WTCx4L4YNel7NU00XUXXgvgpgZOvp10PuvsQENjMDXhh2RyFc0KBjO7B45ne4Ha1yVH7ii0vnzKkuzWA==}
+
+  '@types/d3-scale-chromatic@3.1.0':
+    resolution: {integrity: sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==}
+
+  '@types/d3-scale@4.0.9':
+    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
+
+  '@types/d3-selection@3.0.12':
+    resolution: {integrity: sha512-Qe/KWYhEiIIxGs7HrAAjMfShxKldx19SJtr5zu53f3afPsdZNz7HHtdTLXo/kqeiWNXVycI24kSnfzBYkTzpgw==}
+
+  '@types/d3-shape@3.2.0':
+    resolution: {integrity: sha512-kVd74ta9eof3eJOvbNd1vGKS/XERRyQbT26Og63hIsvDO84cjD5gEOhsXf26w3FSoNlPVz84DOFcKv/oou+fMw==}
+
+  '@types/d3-time-format@4.0.3':
+    resolution: {integrity: sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==}
+
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
+  '@types/d3-timer@3.0.2':
+    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
+
+  '@types/d3-transition@3.0.9':
+    resolution: {integrity: sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==}
+
+  '@types/d3-zoom@3.0.9':
+    resolution: {integrity: sha512-0sE1406XBYJGiqD3AusTl9ZqC//2mIXix51tbom25gDCA8ri4xnSZg28CaSE8Srl6FClqABUKfsn0qghgdepMA==}
+
+  '@types/d3@7.4.3':
+    resolution: {integrity: sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==}
+
   '@types/deep-eql@4.0.2':
     resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
 
@@ -1111,6 +1286,9 @@ packages:
   '@types/estree@1.0.9':
     resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
 
+  '@types/geojson@7946.0.16':
+    resolution: {integrity: sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==}
+
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
@@ -1126,6 +1304,9 @@ packages:
   '@types/node@24.19.2':
     resolution: {integrity: sha512-93d49wCWJkCyN87MxLpNN6KXPCwFw7bVUg79mGUV1OS40JGWwVCr8n61DXCSqz7CV6/VfPkb7xec7uP2M+QHWQ==}
 
+  '@types/pegjs@0.10.6':
+    resolution: {integrity: sha512-eLYXDbZWXh2uxf+w8sXS8d6KSoXTswfps6fvCUuVAGN8eRpfe7h9eSRydxiSJvo9Bf+GzifsDOr9TMQlmJdmkw==}
+
   '@types/pluralize@0.0.33':
     resolution: {integrity: sha512-JOqsl+ZoCpP4e8TDke9W79FDcSgPAR0l6pixx2JHkhnRjvShyYiAYw2LVsnA7K08Y6DeOnaU6ujmENO4os/cYg==}
 
@@ -1197,6 +1378,17 @@ packages:
     resolution: {integrity: sha512-0GxiUGqMU0qXJt58cBsiG3DP8lUmBaFo2vChtUX+CT7PnR3v/VGLLrzVP4K9r1lNiZXjHYefMBbPunplr09v6w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@upsetjs/venn.js@2.0.0':
+    resolution: {integrity: sha512-WbBhLrooyePuQ1VZxrJjtLvTc4NVfpOyKx0sKqioq9bX1C1m7Jgykkn8gLrtwumBioXIqam8DLxp88Adbue6Hw==}
+
+  '@vexip-ui/hooks@2.9.4':
+    resolution: {integrity: sha512-dGUiBAeHIsnSVigGSPHcuHBVqrSGW8LV+zGohvOpBfXs8Ynn5ZcSmybIWJ3G826NsicPu9rqwcJG8uvSgG4k4Q==}
+    peerDependencies:
+      vue: ^3.2.25
+
+  '@vexip-ui/utils@2.16.4':
+    resolution: {integrity: sha512-KX+Q4EsuwDp6ZlRJ7OAkiYxu52D5CVM8zpqQz/FXYV+JUtzl9T3dvxgtA8gQ0wm5Sh/xT6jp8Wo4X7tLAzRh/A==}
+
   '@vitejs/plugin-vue@6.0.10':
     resolution: {integrity: sha512-b80aUQh3n+qEzzZm5oQp3rT2QImeCx58K6eFl/RkJ3d65KW0kTuv5lNsLRVAjbW9YRUpo/wzmvzMgV34bTAItA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -1305,6 +1497,18 @@ packages:
   '@webcontainer/env@1.1.1':
     resolution: {integrity: sha512-6aN99yL695Hi9SuIk1oC88l9o0gmxL1nGWWQ/kNy81HigJ0FoaoTXpytCj6ItzgyCEwA9kF1wixsTuv5cjsgng==}
 
+  '@zxcvbn-ts/core@4.2.0':
+    resolution: {integrity: sha512-tuwzwOcYVca9MufHuUvzKGRyL04iP52OjCNoRDuGXjzzrtPiPcl8r5QtOotbx0AyTR/CMcDTU9qLkN16b9fXiw==}
+
+  '@zxcvbn-ts/dictionary-compression@3.0.1':
+    resolution: {integrity: sha512-p3KyPzxGc3vWSap5hHA6SllbUCmh7s+NtpGyC3qEWrxYJT9t9TUAzjPm48Okipo+UUyPQfDlIvTcs9JRShBFiQ==}
+
+  '@zxcvbn-ts/language-common@4.1.3':
+    resolution: {integrity: sha512-g2bg4skmlJG9aJqC/nWziZzgYpSe/f3rKeGobrkdFiOrfZVFqqzUgC6BUQWuX54Sua9j0Jxxt+1bf4f/Mal1Kg==}
+
+  '@zxcvbn-ts/language-en@4.1.1':
+    resolution: {integrity: sha512-6UdzuBd3Uex8TKubohcn+uXRVAH34Zjs2eCfT4hQVo9zeTy7AkQRQfdV4OnHR5hQfW/XBrK/AGTZk7VBWh7wwQ==}
+
   abbrev@5.0.0:
     resolution: {integrity: sha512-/XrFJgzQQQHpti1raDJC6m4ws6aNktmjBlhk8Fdlk7LwCEuDoieEJJY9OFHjfiFJFFRM2tK+Ky/IsfbbmlMu1w==}
     engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
@@ -1385,6 +1589,10 @@ packages:
   bidi-js@1.1.0:
     resolution: {integrity: sha512-fX1Onk0tdVPC7obPWB5EbJ1z7NVhLq4m2xZLq2YXBkxzMXIGRpNMU88n0EPgWseKl12J7zXs7qrDxPK4sRs2fg==}
 
+  big-integer@1.6.52:
+    resolution: {integrity: sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==}
+    engines: {node: '>=0.6'}
+
   binary-extensions@2.3.0:
     resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
     engines: {node: '>=8'}
@@ -1436,10 +1644,20 @@ packages:
     resolution: {integrity: sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==}
     engines: {pnpm: '>=8'}
 
+  chartjs-adapter-date-fns@3.0.0:
+    resolution: {integrity: sha512-Rs3iEB3Q5pJ973J93OBTpnP7qoGwvq3nUnoMdtxO+9aoJof7UFcRbWcIDteXuYd1fgAvct/32T9qaLyLuZVwCg==}
+    peerDependencies:
+      chart.js: '>=2.8.0'
+      date-fns: '>=2.0.0'
+
   check-error@2.1.3:
     resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
     engines: {node: '>= 16'}
 
+  chevrotain@13.2.0:
+    resolution: {integrity: sha512-GTouk5YzgBxlTPCaDn5q0q2EJKkrYmnPF+HmF8v0Qo4r3iyPG7HJivkN1wthCXZcm3sIcZFpGTRovLPNdJNRCA==}
+    engines: {node: '>=22.0.0'}
+
   chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
@@ -1456,6 +1674,14 @@ packages:
     resolution: {integrity: sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==}
     engines: {node: '>=20'}
 
+  commander@15.0.0:
+    resolution: {integrity: sha512-z67u4ZhzCL/Tydu1lJARtEZYWbWaN7oYLHbsuzocr6y4N6WZAagG3RQ4FW61V1/0+jImpj293XfrcYnd1qxtPg==}
+    engines: {node: '>=22.12.0'}
+
+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
   config-chain@1.1.13:
     resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
 
@@ -1475,6 +1701,12 @@ packages:
   core-js@3.51.0:
     resolution: {integrity: sha512-7bDKx/5jm5MxzsXxc93g6Z2+4ZsuT/MddrfRmTDJNAkWsYWHU8EVNEsBiIEWnMAMCHMmRfUEjkuo3jeNBOIHRw==}
 
+  cose-base@1.0.3:
+    resolution: {integrity: sha512-s9whTXInMSgAp/NVXVNuVxVKzGH2qck3aQlVHxDCdAEPgtMKwc4Wq6/QKhgdEdgbLSi9rBTAcPoRa6JpiG4ksg==}
+
+  cose-base@2.2.0:
+    resolution: {integrity: sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g==}
+
   cross-spawn@7.0.6:
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
@@ -1498,6 +1730,162 @@ packages:
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
+  cytoscape-cose-bilkent@4.1.0:
+    resolution: {integrity: sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ==}
+    peerDependencies:
+      cytoscape: ^3.2.0
+
+  cytoscape-fcose@2.2.0:
+    resolution: {integrity: sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ==}
+    peerDependencies:
+      cytoscape: ^3.2.0
+
+  cytoscape@3.34.4:
+    resolution: {integrity: sha512-msY99tMY8iWTg+sIPGfSqDcPNOt4xcj+v/K/7qUFaCUxxlqnMkUYLBjRUzn9W5CU/R2hrmtJa5+UtovrEM2ctg==}
+    engines: {node: '>=0.10'}
+
+  d3-array@2.12.1:
+    resolution: {integrity: sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ==}
+
+  d3-array@3.2.4:
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
+
+  d3-axis@3.0.0:
+    resolution: {integrity: sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==}
+    engines: {node: '>=12'}
+
+  d3-brush@3.0.0:
+    resolution: {integrity: sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==}
+    engines: {node: '>=12'}
+
+  d3-chord@3.0.1:
+    resolution: {integrity: sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==}
+    engines: {node: '>=12'}
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-contour@4.0.2:
+    resolution: {integrity: sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==}
+    engines: {node: '>=12'}
+
+  d3-delaunay@6.0.4:
+    resolution: {integrity: sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==}
+    engines: {node: '>=12'}
+
+  d3-dispatch@3.0.1:
+    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
+    engines: {node: '>=12'}
+
+  d3-drag@3.0.0:
+    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
+    engines: {node: '>=12'}
+
+  d3-dsv@3.0.1:
+    resolution: {integrity: sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-fetch@3.0.1:
+    resolution: {integrity: sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==}
+    engines: {node: '>=12'}
+
+  d3-force@3.0.0:
+    resolution: {integrity: sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==}
+    engines: {node: '>=12'}
+
+  d3-format@3.1.2:
+    resolution: {integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==}
+    engines: {node: '>=12'}
+
+  d3-geo@3.1.1:
+    resolution: {integrity: sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==}
+    engines: {node: '>=12'}
+
+  d3-hierarchy@3.1.2:
+    resolution: {integrity: sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-path@1.0.9:
+    resolution: {integrity: sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==}
+
+  d3-path@3.1.0:
+    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
+    engines: {node: '>=12'}
+
+  d3-polygon@3.0.1:
+    resolution: {integrity: sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==}
+    engines: {node: '>=12'}
+
+  d3-quadtree@3.0.1:
+    resolution: {integrity: sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==}
+    engines: {node: '>=12'}
+
+  d3-random@3.0.1:
+    resolution: {integrity: sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==}
+    engines: {node: '>=12'}
+
+  d3-sankey@0.12.3:
+    resolution: {integrity: sha512-nQhsBRmM19Ax5xEIPLMY9ZmJ/cDvd1BG3UVvt5h3WRxKg5zGRbvnteTyWAbzeSvlh3tW7ZEmq4VwR5mB3tutmQ==}
+
+  d3-scale-chromatic@3.1.0:
+    resolution: {integrity: sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==}
+    engines: {node: '>=12'}
+
+  d3-scale@4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+
+  d3-selection@3.0.0:
+    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
+    engines: {node: '>=12'}
+
+  d3-shape@1.3.7:
+    resolution: {integrity: sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==}
+
+  d3-shape@3.2.0:
+    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
+    engines: {node: '>=12'}
+
+  d3-time-format@4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+
+  d3-time@3.1.0:
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
+  d3-transition@3.0.1:
+    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      d3-selection: 2 - 3
+
+  d3-zoom@3.0.0:
+    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
+    engines: {node: '>=12'}
+
+  d3@7.9.0:
+    resolution: {integrity: sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==}
+    engines: {node: '>=12'}
+
+  dagre-d3-es@7.0.14:
+    resolution: {integrity: sha512-P4rFMVq9ESWqmOgK+dlXvOtLwYg0i7u0HBGJER0LZDJT2VHIPAMZ/riPxqJceWMStH5+E61QxFra9kIS3AqdMg==}
+
   data-urls@6.0.1:
     resolution: {integrity: sha512-euIQENZg6x8mj3fO6o9+fOW8MimUI4PpD/fZBhJfeioZVy9TUpM4UY7KjQNVZFlqwJ0UdzRDzkycB997HEq1BQ==}
     engines: {node: '>=20'}
@@ -1505,6 +1893,9 @@ packages:
   date-fns@4.4.0:
     resolution: {integrity: sha512-+1UMbeh68lH1SegH83CGWwpb6OHHbpSgr3+s5Eww5M4CAgswBpoWS0AjTOfEJ33HiYKz1hdj/KTFprzXHmq/6w==}
 
+  dayjs@1.11.23:
+    resolution: {integrity: sha512-QDTCU0M0MxR3hQfnlDJfwekQiaanm1ubOD231u73WBckQ/fsamwRLiE2GBz6D3a/xF1NgfiDLJjXBa1hYOYTtQ==}
+
   debug@4.4.3:
     resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
     engines: {node: '>=6.0'}
@@ -1540,6 +1931,9 @@ packages:
     resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
     engines: {node: '>=12'}
 
+  delaunator@5.1.0:
+    resolution: {integrity: sha512-AGrQ4QSgssa1NGmWmLPqN5NY2KajF5MqxetNEO+o0n3ZwZZeTmt7bBnvzHWrmkZFxGgr4HdyFgelzgi06otLuQ==}
+
   dequal@2.0.3:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
     engines: {node: '>=6'}
@@ -1572,6 +1966,9 @@ packages:
     engines: {node: '>=20'}
     hasBin: true
 
+  elkjs@0.9.3:
+    resolution: {integrity: sha512-f/ZeWvW/BCXbhGEf1Ujp29EASo/lk1FDnETgNKwJrsVvGZhUWCZyg3xLJjAsxfOmt8KjswHmI5EwCQcPMpOYhQ==}
+
   entities@7.0.1:
     resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==}
     engines: {node: '>=0.12'}
@@ -1595,6 +1992,9 @@ packages:
     resolution: {integrity: sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==}
     engines: {node: '>= 0.4'}
 
+  es-toolkit@1.52.0:
+    resolution: {integrity: sha512-XTNEJQh1tY1ZJVcf6ayP/2n4ZPyaHlW2FWs7xvw5ddPuhUVjLD3olQVQS7kf58JbAB48iL0uL/jerTrjtV3lDA==}
+
   esbuild@0.28.2:
     resolution: {integrity: sha512-HKVLS8dvII+xoKW9kmqxbRKrnWEXfJJr/FZhhJmiqIB0e053QNYFqOBouTMO/k5sID4MvCiUCvv8b9M4h32wIA==}
     engines: {node: '>=18'}
@@ -1687,6 +2087,10 @@ packages:
   fast-levenshtein@2.0.6:
     resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
 
+  fastest-levenshtein@1.0.16:
+    resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
+    engines: {node: '>= 4.9.1'}
+
   fdir@6.5.0:
     resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
     engines: {node: '>=12.0.0'}
@@ -1752,6 +2156,14 @@ packages:
     resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
     engines: {node: '>= 0.4'}
 
+  grid-layout-plus@1.1.1:
+    resolution: {integrity: sha512-7CWehJubrVC8Ps5QFUlnDsp0kiREvKfi3Pdjp21EyY8BNzSusqI3Utcxvu1Y9UUKe3YExvbhJzIxHK6rorbRaQ==}
+    peerDependencies:
+      vue: ^3.0.0
+
+  hachure-fill@0.5.2:
+    resolution: {integrity: sha512-3GKBOn+m2LX9iq+JC1064cSFprJY4jL1jCXTcpnfER5HYE2l/4EfWSGzkPa/ZDBmYI0ZOEj5VHV/eKnPGkHuOg==}
+
   has-symbols@1.1.0:
     resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
     engines: {node: '>= 0.4'}
@@ -1792,6 +2204,10 @@ packages:
     resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
     engines: {node: '>= 14'}
 
+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
   ignore@5.3.2:
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
@@ -1800,6 +2216,9 @@ packages:
     resolution: {integrity: sha512-/8UvqAPU9DGTI9k4mxtf49U37Isfwr8Uts96+SBHIkFxPJnHS0Ew4f00sM4Scd8V8EjM0jUNtVDdv1kPdt35lg==}
     engines: {node: '>= 4'}
 
+  import-meta-resolve@4.2.0:
+    resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
+
   imurmurhash@0.1.4:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
@@ -1811,6 +2230,16 @@ packages:
   ini@1.3.8:
     resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
 
+  interactjs@1.10.28:
+    resolution: {integrity: sha512-QCa4ksTPd2p/FZ4I6hrH6fogjLqru1TxYywRiKYNuLZtrlAxTIYUa/MYsE7PnUgWZJU3SrGVDjiz065BeaXYng==}
+
+  internmap@1.0.1:
+    resolution: {integrity: sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw==}
+
+  internmap@2.0.3:
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
+
   ipaddr.js@2.5.0:
     resolution: {integrity: sha512-aq+t5NAc+cS6rZQQVWC2x98CPqGtKKTMDd4Gaodv0wShnItdKg/51djkGJ1hqH+Oy0ivDftCbSLCQob8zso01w==}
     engines: {node: '>= 10'}
@@ -1894,15 +2323,33 @@ packages:
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
   jsonc-parser@3.3.1:
     resolution: {integrity: sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==}
 
   jstransformer@1.0.0:
     resolution: {integrity: sha512-C9YK3Rf8q6VAPDCCU9fnqo3mAfOH6vUGnMcP4AQAYIEpWtfGLpwOTmZ+igtdK5y+VvI2n3CyYSzy4Qh34eq24A==}
 
+  katex@0.18.10:
+    resolution: {integrity: sha512-/B6p9eY9DX7aHBfpkHdpirDTZ5QH9xTwL9y837PWuzuv41O5jFdqNQwVQEQsimY0/iVNkwBY4+4hMfhQ7d4Dbw==}
+    hasBin: true
+
   keyv@5.6.0:
     resolution: {integrity: sha512-CYDD3SOtsHtyXeEORYRx2qBtpDJFjRTGXUtmNEMGyzYOKj1TE3tycdlho7kA1Ufx9OYWZzg52QFBGALTirzDSw==}
 
+  khroma@2.1.0:
+    resolution: {integrity: sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw==}
+
+  layout-base@1.0.2:
+    resolution: {integrity: sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg==}
+
+  layout-base@2.0.1:
+    resolution: {integrity: sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg==}
+
   levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -2017,6 +2464,11 @@ packages:
     engines: {node: '>= 18'}
     hasBin: true
 
+  marked@16.4.2:
+    resolution: {integrity: sha512-TI3V8YYWvkVf3KJe1dRkpnjs68JUPyEa5vjKrp1XEEJUAOaQc+Qj+L1qWbPd0SJuAdQkFU0h73sXXqwDYxsiDA==}
+    engines: {node: '>= 20'}
+    hasBin: true
+
   marked@18.1.1:
     resolution: {integrity: sha512-zEGgrtUG8crk+TrMacJSVABU4DYDDkS8uqgU3ohrn/2fW9C2AEfUrO3m6IhpIpQpl7YcVpiXXC9cSMWDANT3dg==}
     engines: {node: '>= 20'}
@@ -2029,6 +2481,10 @@ packages:
   mdn-data@2.27.1:
     resolution: {integrity: sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==}
 
+  mermaid@12.2.0:
+    resolution: {integrity: sha512-w7nr/SFrLO7BaVTs3dQTvYSV6nYSBj0Yy9DjBhsIJtAcHqRzXSq4Pg32ujHZ/AdWsAMNEvvhbm5dt9E2tOiHzw==}
+    engines: {node: '>=22.12.0'}
+
   min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
@@ -2061,6 +2517,10 @@ packages:
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
+  node-sql-parser@5.4.0:
+    resolution: {integrity: sha512-jVe6Z61gPcPjCElPZ6j8llB3wnqGcuQzefim1ERsqIakxnEy5JlzV7XKdO1KmacRG5TKwPc4vJTgSRQ0LfkbFw==}
+    engines: {node: '>=8'}
+
   nopt@10.0.1:
     resolution: {integrity: sha512-df3sBr/6ax9hSGuC3CspvLlbnX8cP5L5nZwXF8cGN8l0zSWR6BvzmQ6jPUKjvo6+/xdpkNvEcucBNUdBeeV13g==}
     engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
@@ -2108,12 +2568,18 @@ packages:
     resolution: {integrity: sha512-6Lh3jQPLthYujSrlw6ccWXBGZTkoTCz27Hd92g79LH/kjAbgoEu0t442cCCNbegPSJsA0lwDX8z0bcKtkpA32g==}
     engines: {node: '>=18'}
 
+  package-manager-detector@1.9.0:
+    resolution: {integrity: sha512-zAMfbta9nPA8AKkA4WdmNAT8R8s6Dk0/xwPsqNnRidMFcLo1YkLuPDTgs2f64XdzS8vbLNnoJ+uUIkgbz7oRHA==}
+
   parse5@8.0.1:
     resolution: {integrity: sha512-z1e/HMG90obSGeidlli3hj7cbocou0/wa5HacvI3ASx34PecNjNQeaHNo5WIZpWofN9kgkqV1q5YvXe3F0FoPw==}
 
   path-browserify@1.0.1:
     resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
 
+  path-data-parser@0.1.0:
+    resolution: {integrity: sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==}
+
   path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
@@ -2160,6 +2626,12 @@ packages:
     resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
     engines: {node: '>=4'}
 
+  points-on-curve@0.2.0:
+    resolution: {integrity: sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A==}
+
+  points-on-path@0.2.1:
+    resolution: {integrity: sha512-25ClnWWuw7JbWZcgqY/gJ4FQWadKxGWk+3kR/7kD0tCaDtPPMj7oHu2ToLaVhfpnHrZzYby2w6tUA0eOIuUg8g==}
+
   postcss-selector-parser@7.1.6:
     resolution: {integrity: sha512-7qASPzhKF2l2KLboRZux8CCTRMdGiV08vWmyKzPz22qZ7ZjQBOeY7rNzNoCLSUiftJ7HUq0GERHmxw/t0dCdMw==}
     engines: {node: '>=4'}
@@ -2295,15 +2767,27 @@ packages:
   rfdc@1.4.1:
     resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
 
+  robust-predicates@3.0.3:
+    resolution: {integrity: sha512-NS3levdsRIUOmiJ8FZWCP7LG3QpJyrs/TE0Zpf1yvZu8cAJJ6QMW92H1c7kWpdIHo8RvmLxN/o2JXTKHp74lUA==}
+
   rolldown@1.2.13:
     resolution: {integrity: sha512-/5apOkwWxtACcQtZ5WlrAsKS4JwXVThQPJZ3RqIruRY9UG9M8e0VlXN068xum/JRKA4aIUoJ13ghe/kGCvidiQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
+  roughjs@4.6.6:
+    resolution: {integrity: sha512-ZUz/69+SYpFN/g/lUlo2FXcIjRkSu3nDarreVdGGndHEBJ6cXPdKguS8JGxwj5HA5xIbVKSmLgr5b3AWxtRfvQ==}
+
   run-applescript@7.1.0:
     resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==}
     engines: {node: '>=18'}
 
+  rw@1.3.3:
+    resolution: {integrity: sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==}
+
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
   saxes@6.0.0:
     resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
     engines: {node: '>=v12.22.7'}
@@ -2324,6 +2808,9 @@ packages:
     resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
     engines: {node: '>=8'}
 
+  sortablejs@1.14.0:
+    resolution: {integrity: sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w==}
+
   source-map-js@1.2.2:
     resolution: {integrity: sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==}
     engines: {node: '>=0.10.0'}
@@ -2362,6 +2849,9 @@ packages:
     resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
     engines: {node: '>=8'}
 
+  stylis@4.4.0:
+    resolution: {integrity: sha512-5Z9ZpRzfuH6l/UAvCPAPUo3665Nk2wLaZU3x+TLHKVzIz33+sbJqbtrYoC3KD4/uVOr2Zp+L0LySezP9OHV9yA==}
+
   superjson@2.2.6:
     resolution: {integrity: sha512-H+ue8Zo4vJmV2nRjpx86P35lzwDT3nItnIsocgumgr0hHMQ+ZGq5vrERg9kJBo5AWGmxZDhzDo+WVIJqkB0cGA==}
     engines: {node: '>=16'}
@@ -2581,6 +3071,12 @@ packages:
   vscode-uri@3.2.0:
     resolution: {integrity: sha512-m2gXo3bn0G1kT9InzMf07fTbqMbGtyckj3bH5ktLO+1Ssv+yiATZ4dhwaQv9UZWxJh6E9IFGnQyjgWVDWVBDrg==}
 
+  vue-chartjs@5.3.4:
+    resolution: {integrity: sha512-x3Fqob8RQvrTdssfi9ecsCzEkFOd8JPmNwSkSQzdfKj/uBsRJs/Y88cZcZIEcPsTVfMGwMo4MOoihoDG2DoE/g==}
+    peerDependencies:
+      chart.js: ^4.1.1
+      vue: ^3.0.0-0 || ^2.7.0
+
   vue-component-meta@3.3.13:
     resolution: {integrity: sha512-VnqcGTxB4n56qWfsuroOL+cEvjkV8uEffGy57bqlzePAQKQMLBXAjIKIntyngunmMnxWHMLzkYgRxdx9I1H/hg==}
     peerDependencies:
@@ -2638,6 +3134,11 @@ packages:
       typescript:
         optional: true
 
+  vuedraggable@4.1.0:
+    resolution: {integrity: sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==}
+    peerDependencies:
+      vue: ^3.0.1
+
   w3c-xmlserializer@5.0.0:
     resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
     engines: {node: '>=18'}
@@ -2729,6 +3230,11 @@ snapshots:
       '@amplitude/types': 1.10.2
       tslib: 2.8.1
 
+  '@antfu/install-pkg@2.1.0':
+    dependencies:
+      package-manager-detector: 1.9.0
+      tinyexec: 1.3.1
+
   '@asamuzakjp/css-color@4.1.2':
     dependencies:
       '@csstools/css-calc': 3.4.3(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2)
@@ -2803,6 +3309,8 @@ snapshots:
   '@biomejs/cli-win32-x64@2.4.0':
     optional: true
 
+  '@braintree/sanitize-url@7.1.2': {}
+
   '@cacheable/memory@2.2.0':
     dependencies:
       '@cacheable/utils': 2.5.0
@@ -2817,6 +3325,21 @@ snapshots:
 
   '@cedar-policy/cedar-wasm@4.13.0': {}
 
+  '@chevrotain/cst-dts-gen@13.2.0':
+    dependencies:
+      '@chevrotain/gast': 13.2.0
+      '@chevrotain/types': 13.2.0
+
+  '@chevrotain/gast@13.2.0':
+    dependencies:
+      '@chevrotain/types': 13.2.0
+
+  '@chevrotain/regexp-to-ast@13.2.0': {}
+
+  '@chevrotain/types@13.2.0': {}
+
+  '@chevrotain/utils@13.2.0': {}
+
   '@csstools/color-helpers@6.1.2': {}
 
   '@csstools/css-calc@3.4.3(@csstools/css-parser-algorithms@4.0.2(@csstools/css-tokenizer@4.0.2))(@csstools/css-tokenizer@4.0.2)':
@@ -2983,6 +3506,17 @@ snapshots:
 
   '@exodus/bytes@1.16.0': {}
 
+  '@floating-ui/core@1.8.0':
+    dependencies:
+      '@floating-ui/utils': 0.2.12
+
+  '@floating-ui/dom@1.8.0':
+    dependencies:
+      '@floating-ui/core': 1.8.0
+      '@floating-ui/utils': 0.2.12
+
+  '@floating-ui/utils@0.2.12': {}
+
   '@fontsource-variable/geist-mono@5.3.0': {}
 
   '@fontsource-variable/geist@5.3.0': {}
@@ -3005,6 +3539,16 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.3': {}
 
+  '@iconify/types@2.0.0': {}
+
+  '@iconify/utils@3.1.7':
+    dependencies:
+      '@antfu/install-pkg': 2.1.0
+      '@iconify/types': 2.0.0
+      import-meta-resolve: 4.2.0
+
+  '@interactjs/types@1.10.28': {}
+
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
       '@jridgewell/sourcemap-codec': 1.6.0
@@ -3024,6 +3568,10 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.6.0
 
+  '@jsonurl/jsonurl@1.1.8': {}
+
+  '@juggle/resize-observer@3.4.0': {}
+
   '@keyv/bigmap@1.3.1(keyv@5.6.0)':
     dependencies:
       hashery: 1.5.1
@@ -3042,6 +3590,10 @@ snapshots:
       '@types/react': 19.3.0
       react: 19.3.1
 
+  '@mermaid-js/parser@2.0.1':
+    dependencies:
+      '@chevrotain/types': 13.2.0
+
   '@napi-rs/wasm-runtime@1.2.5(@emnapi/core@1.11.0)(@emnapi/runtime@1.11.0)':
     dependencies:
       '@emnapi/core': 1.11.0
@@ -3408,12 +3960,131 @@ snapshots:
       '@types/deep-eql': 4.0.2
       assertion-error: 2.0.1
 
+  '@types/d3-array@3.2.2': {}
+
+  '@types/d3-axis@3.0.6':
+    dependencies:
+      '@types/d3-selection': 3.0.12
+
+  '@types/d3-brush@3.0.6':
+    dependencies:
+      '@types/d3-selection': 3.0.12
+
+  '@types/d3-chord@3.0.6': {}
+
+  '@types/d3-color@3.1.3': {}
+
+  '@types/d3-contour@3.0.6':
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/geojson': 7946.0.16
+
+  '@types/d3-delaunay@6.0.4': {}
+
+  '@types/d3-dispatch@3.0.7': {}
+
+  '@types/d3-drag@3.0.7':
+    dependencies:
+      '@types/d3-selection': 3.0.12
+
+  '@types/d3-dsv@3.0.7': {}
+
+  '@types/d3-ease@3.0.2': {}
+
+  '@types/d3-fetch@3.0.7':
+    dependencies:
+      '@types/d3-dsv': 3.0.7
+
+  '@types/d3-force@3.0.10': {}
+
+  '@types/d3-format@3.0.4': {}
+
+  '@types/d3-geo@3.1.1':
+    dependencies:
+      '@types/geojson': 7946.0.16
+
+  '@types/d3-hierarchy@3.1.7': {}
+
+  '@types/d3-interpolate@3.0.4':
+    dependencies:
+      '@types/d3-color': 3.1.3
+
+  '@types/d3-path@3.1.1': {}
+
+  '@types/d3-polygon@3.0.2': {}
+
+  '@types/d3-quadtree@3.0.6': {}
+
+  '@types/d3-random@3.0.4': {}
+
+  '@types/d3-scale-chromatic@3.1.0': {}
+
+  '@types/d3-scale@4.0.9':
+    dependencies:
+      '@types/d3-time': 3.0.4
+
+  '@types/d3-selection@3.0.12': {}
+
+  '@types/d3-shape@3.2.0':
+    dependencies:
+      '@types/d3-path': 3.1.1
+
+  '@types/d3-time-format@4.0.3': {}
+
+  '@types/d3-time@3.0.4': {}
+
+  '@types/d3-timer@3.0.2': {}
+
+  '@types/d3-transition@3.0.9':
+    dependencies:
+      '@types/d3-selection': 3.0.12
+
+  '@types/d3-zoom@3.0.9':
+    dependencies:
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-selection': 3.0.12
+
+  '@types/d3@7.4.3':
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-axis': 3.0.6
+      '@types/d3-brush': 3.0.6
+      '@types/d3-chord': 3.0.6
+      '@types/d3-color': 3.1.3
+      '@types/d3-contour': 3.0.6
+      '@types/d3-delaunay': 6.0.4
+      '@types/d3-dispatch': 3.0.7
+      '@types/d3-drag': 3.0.7
+      '@types/d3-dsv': 3.0.7
+      '@types/d3-ease': 3.0.2
+      '@types/d3-fetch': 3.0.7
+      '@types/d3-force': 3.0.10
+      '@types/d3-format': 3.0.4
+      '@types/d3-geo': 3.1.1
+      '@types/d3-hierarchy': 3.1.7
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-path': 3.1.1
+      '@types/d3-polygon': 3.0.2
+      '@types/d3-quadtree': 3.0.6
+      '@types/d3-random': 3.0.4
+      '@types/d3-scale': 4.0.9
+      '@types/d3-scale-chromatic': 3.1.0
+      '@types/d3-selection': 3.0.12
+      '@types/d3-shape': 3.2.0
+      '@types/d3-time': 3.0.4
+      '@types/d3-time-format': 4.0.3
+      '@types/d3-timer': 3.0.2
+      '@types/d3-transition': 3.0.9
+      '@types/d3-zoom': 3.0.9
+
   '@types/deep-eql@4.0.2': {}
 
   '@types/esrecurse@4.3.1': {}
 
   '@types/estree@1.0.9': {}
 
+  '@types/geojson@7946.0.16': {}
+
   '@types/json-schema@7.0.15': {}
 
   '@types/lodash-es@4.17.12':
@@ -3428,6 +4099,8 @@ snapshots:
     dependencies:
       undici-types: 7.24.6
 
+  '@types/pegjs@0.10.6': {}
+
   '@types/pluralize@0.0.33': {}
 
   '@types/react@19.3.0':
@@ -3530,6 +4203,20 @@ snapshots:
       '@typescript-eslint/types': 8.71.1
       eslint-visitor-keys: 5.0.1
 
+  '@upsetjs/venn.js@2.0.0':
+    optionalDependencies:
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  '@vexip-ui/hooks@2.9.4(vue@3.5.43(typescript@5.9.3))':
+    dependencies:
+      '@floating-ui/dom': 1.8.0
+      '@juggle/resize-observer': 3.4.0
+      '@vexip-ui/utils': 2.16.4
+      vue: 3.5.43(typescript@5.9.3)
+
+  '@vexip-ui/utils@2.16.4': {}
+
   '@vitejs/plugin-vue@6.0.10(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2))(vue@3.5.43(typescript@5.9.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.1
@@ -3681,6 +4368,20 @@ snapshots:
 
   '@webcontainer/env@1.1.1': {}
 
+  '@zxcvbn-ts/core@4.2.0':
+    dependencies:
+      fastest-levenshtein: 1.0.16
+
+  '@zxcvbn-ts/dictionary-compression@3.0.1': {}
+
+  '@zxcvbn-ts/language-common@4.1.3':
+    dependencies:
+      '@zxcvbn-ts/dictionary-compression': 3.0.1
+
+  '@zxcvbn-ts/language-en@4.1.1':
+    dependencies:
+      '@zxcvbn-ts/dictionary-compression': 3.0.1
+
   abbrev@5.0.0: {}
 
   acorn-jsx@5.3.2(acorn@8.19.0):
@@ -3748,6 +4449,8 @@ snapshots:
     dependencies:
       require-from-string: 2.0.2
 
+  big-integer@1.6.52: {}
+
   binary-extensions@2.3.0: {}
 
   birpc@2.9.0: {}
@@ -3804,8 +4507,21 @@ snapshots:
     dependencies:
       '@kurkle/color': 0.3.4
 
+  chartjs-adapter-date-fns@3.0.0(chart.js@4.5.1)(date-fns@4.4.0):
+    dependencies:
+      chart.js: 4.5.1
+      date-fns: 4.4.0
+
   check-error@2.1.3: {}
 
+  chevrotain@13.2.0:
+    dependencies:
+      '@chevrotain/cst-dts-gen': 13.2.0
+      '@chevrotain/gast': 13.2.0
+      '@chevrotain/regexp-to-ast': 13.2.0
+      '@chevrotain/types': 13.2.0
+      '@chevrotain/utils': 13.2.0
+
   chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
@@ -3826,6 +4542,10 @@ snapshots:
 
   commander@14.0.3: {}
 
+  commander@15.0.0: {}
+
+  commander@7.2.0: {}
+
   config-chain@1.1.13:
     dependencies:
       ini: 1.3.8
@@ -3846,6 +4566,14 @@ snapshots:
 
   core-js@3.51.0: {}
 
+  cose-base@1.0.3:
+    dependencies:
+      layout-base: 1.0.2
+
+  cose-base@2.2.0:
+    dependencies:
+      layout-base: 2.0.1
+
   cross-spawn@7.0.6:
     dependencies:
       path-key: 3.1.1
@@ -3870,6 +4598,190 @@ snapshots:
 
   csstype@3.2.3: {}
 
+  cytoscape-cose-bilkent@4.1.0(cytoscape@3.34.4):
+    dependencies:
+      cose-base: 1.0.3
+      cytoscape: 3.34.4
+
+  cytoscape-fcose@2.2.0(cytoscape@3.34.4):
+    dependencies:
+      cose-base: 2.2.0
+      cytoscape: 3.34.4
+
+  cytoscape@3.34.4: {}
+
+  d3-array@2.12.1:
+    dependencies:
+      internmap: 1.0.1
+
+  d3-array@3.2.4:
+    dependencies:
+      internmap: 2.0.3
+
+  d3-axis@3.0.0: {}
+
+  d3-brush@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  d3-chord@3.0.1:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-color@3.1.0: {}
+
+  d3-contour@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-delaunay@6.0.4:
+    dependencies:
+      delaunator: 5.1.0
+
+  d3-dispatch@3.0.1: {}
+
+  d3-drag@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-selection: 3.0.0
+
+  d3-dsv@3.0.1:
+    dependencies:
+      commander: 7.2.0
+      iconv-lite: 0.6.3
+      rw: 1.3.3
+
+  d3-ease@3.0.1: {}
+
+  d3-fetch@3.0.1:
+    dependencies:
+      d3-dsv: 3.0.1
+
+  d3-force@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-timer: 3.0.1
+
+  d3-format@3.1.2: {}
+
+  d3-geo@3.1.1:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-hierarchy@3.1.2: {}
+
+  d3-interpolate@3.0.1:
+    dependencies:
+      d3-color: 3.1.0
+
+  d3-path@1.0.9: {}
+
+  d3-path@3.1.0: {}
+
+  d3-polygon@3.0.1: {}
+
+  d3-quadtree@3.0.1: {}
+
+  d3-random@3.0.1: {}
+
+  d3-sankey@0.12.3:
+    dependencies:
+      d3-array: 2.12.1
+      d3-shape: 1.3.7
+
+  d3-scale-chromatic@3.1.0:
+    dependencies:
+      d3-color: 3.1.0
+      d3-interpolate: 3.0.1
+
+  d3-scale@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+
+  d3-selection@3.0.0: {}
+
+  d3-shape@1.3.7:
+    dependencies:
+      d3-path: 1.0.9
+
+  d3-shape@3.2.0:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-time-format@4.1.0:
+    dependencies:
+      d3-time: 3.1.0
+
+  d3-time@3.1.0:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-timer@3.0.1: {}
+
+  d3-transition@3.0.1(d3-selection@3.0.0):
+    dependencies:
+      d3-color: 3.1.0
+      d3-dispatch: 3.0.1
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-timer: 3.0.1
+
+  d3-zoom@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  d3@7.9.0:
+    dependencies:
+      d3-array: 3.2.4
+      d3-axis: 3.0.0
+      d3-brush: 3.0.0
+      d3-chord: 3.0.1
+      d3-color: 3.1.0
+      d3-contour: 4.0.2
+      d3-delaunay: 6.0.4
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-dsv: 3.0.1
+      d3-ease: 3.0.1
+      d3-fetch: 3.0.1
+      d3-force: 3.0.0
+      d3-format: 3.1.2
+      d3-geo: 3.1.1
+      d3-hierarchy: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-path: 3.1.0
+      d3-polygon: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-random: 3.0.1
+      d3-scale: 4.0.2
+      d3-scale-chromatic: 3.1.0
+      d3-selection: 3.0.0
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+      d3-timer: 3.0.1
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+      d3-zoom: 3.0.0
+
+  dagre-d3-es@7.0.14:
+    dependencies:
+      d3: 7.9.0
+      lodash-es: 4.17.23
+
   data-urls@6.0.1:
     dependencies:
       whatwg-mimetype: 5.0.0
@@ -3877,6 +4789,8 @@ snapshots:
 
   date-fns@4.4.0: {}
 
+  dayjs@1.11.23: {}
+
   debug@4.4.3:
     dependencies:
       ms: 2.1.3
@@ -3898,6 +4812,10 @@ snapshots:
 
   define-lazy-prop@3.0.0: {}
 
+  delaunator@5.1.0:
+    dependencies:
+      robust-predicates: 3.0.3
+
   dequal@2.0.3: {}
 
   detect-libc@2.1.2: {}
@@ -3929,6 +4847,8 @@ snapshots:
       minimatch: 10.2.6
       semver: 7.8.5
 
+  elkjs@0.9.3: {}
+
   entities@7.0.1: {}
 
   entities@8.1.0: {}
@@ -3943,6 +4863,8 @@ snapshots:
     dependencies:
       es-errors: 1.3.0
 
+  es-toolkit@1.52.0: {}
+
   esbuild@0.28.2:
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.28.2
@@ -4069,6 +4991,8 @@ snapshots:
 
   fast-levenshtein@2.0.6: {}
 
+  fastest-levenshtein@1.0.16: {}
+
   fdir@6.5.0(picomatch@4.0.7):
     optionalDependencies:
       picomatch: 4.0.7
@@ -4137,6 +5061,15 @@ snapshots:
 
   gopd@1.2.0: {}
 
+  grid-layout-plus@1.1.1(vue@3.5.43(typescript@5.9.3)):
+    dependencies:
+      '@vexip-ui/hooks': 2.9.4(vue@3.5.43(typescript@5.9.3))
+      '@vexip-ui/utils': 2.16.4
+      interactjs: 1.10.28
+      vue: 3.5.43(typescript@5.9.3)
+
+  hachure-fill@0.5.2: {}
+
   has-symbols@1.1.0: {}
 
   has-tostringtag@1.0.2:
@@ -4179,16 +5112,30 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  iconv-lite@0.6.3:
+    dependencies:
+      safer-buffer: 2.1.2
+
   ignore@5.3.2: {}
 
   ignore@7.0.12: {}
 
+  import-meta-resolve@4.2.0: {}
+
   imurmurhash@0.1.4: {}
 
   indent-string@4.0.0: {}
 
   ini@1.3.8: {}
 
+  interactjs@1.10.28:
+    dependencies:
+      '@interactjs/types': 1.10.28
+
+  internmap@1.0.1: {}
+
+  internmap@2.0.3: {}
+
   ipaddr.js@2.5.0: {}
 
   is-binary-path@2.1.0:
@@ -4281,6 +5228,8 @@ snapshots:
 
   json-stable-stringify-without-jsonify@1.0.1: {}
 
+  json5@2.2.3: {}
+
   jsonc-parser@3.3.1: {}
 
   jstransformer@1.0.0:
@@ -4288,10 +5237,20 @@ snapshots:
       is-promise: 2.2.2
       promise: 7.3.1
 
+  katex@0.18.10:
+    dependencies:
+      commander: 15.0.0
+
   keyv@5.6.0:
     dependencies:
       '@keyv/serialize': 1.1.1
 
+  khroma@2.1.0: {}
+
+  layout-base@1.0.2: {}
+
+  layout-base@2.0.1: {}
+
   levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1
@@ -4372,12 +5331,40 @@ snapshots:
 
   marked@14.0.0: {}
 
+  marked@16.4.2: {}
+
   marked@18.1.1: {}
 
   math-intrinsics@1.1.0: {}
 
   mdn-data@2.27.1: {}
 
+  mermaid@12.2.0:
+    dependencies:
+      '@braintree/sanitize-url': 7.1.2
+      '@iconify/utils': 3.1.7
+      '@mermaid-js/parser': 2.0.1
+      '@types/d3': 7.4.3
+      '@upsetjs/venn.js': 2.0.0
+      chevrotain: 13.2.0
+      cytoscape: 3.34.4
+      cytoscape-cose-bilkent: 4.1.0(cytoscape@3.34.4)
+      cytoscape-fcose: 2.2.0(cytoscape@3.34.4)
+      d3: 7.9.0
+      d3-sankey: 0.12.3
+      dagre-d3-es: 7.0.14
+      dayjs: 1.11.23
+      dompurify: 3.4.17
+      elkjs: 0.9.3
+      es-toolkit: 1.52.0
+      katex: 0.18.10
+      khroma: 2.1.0
+      marked: 16.4.2
+      roughjs: 4.6.6
+      stylis: 4.4.0
+      ts-dedent: 2.3.0
+      uuid: 11.1.1
+
   min-indent@1.0.1: {}
 
   minimatch@10.2.6:
@@ -4401,6 +5388,11 @@ snapshots:
 
   natural-compare@1.4.0: {}
 
+  node-sql-parser@5.4.0:
+    dependencies:
+      '@types/pegjs': 0.10.6
+      big-integer: 1.6.52
+
   nopt@10.0.1:
     dependencies:
       abbrev: 5.0.0
@@ -4488,12 +5480,16 @@ snapshots:
 
   p-map@7.1.1: {}
 
+  package-manager-detector@1.9.0: {}
+
   parse5@8.0.1:
     dependencies:
       entities: 8.1.0
 
   path-browserify@1.0.1: {}
 
+  path-data-parser@0.1.0: {}
+
   path-exists@4.0.0: {}
 
   path-key@3.1.1: {}
@@ -4524,6 +5520,13 @@ snapshots:
 
   pluralize@8.0.0: {}
 
+  points-on-curve@0.2.0: {}
+
+  points-on-path@0.2.1:
+    dependencies:
+      path-data-parser: 0.1.0
+      points-on-curve: 0.2.0
+
   postcss-selector-parser@7.1.6:
     dependencies:
       cssesc: 3.0.0
@@ -4691,6 +5694,8 @@ snapshots:
 
   rfdc@1.4.1: {}
 
+  robust-predicates@3.0.3: {}
+
   rolldown@1.2.13:
     dependencies:
       '@oxc-project/types': 0.153.0
@@ -4712,8 +5717,19 @@ snapshots:
       '@rolldown/binding-win32-arm64-msvc': 1.2.13
       '@rolldown/binding-win32-x64-msvc': 1.2.13
 
+  roughjs@4.6.6:
+    dependencies:
+      hachure-fill: 0.5.2
+      path-data-parser: 0.1.0
+      points-on-curve: 0.2.0
+      points-on-path: 0.2.1
+
   run-applescript@7.1.0: {}
 
+  rw@1.3.3: {}
+
+  safer-buffer@2.1.2: {}
+
   saxes@6.0.0:
     dependencies:
       xmlchars: 2.2.0
@@ -4728,6 +5744,8 @@ snapshots:
 
   shebang-regex@3.0.0: {}
 
+  sortablejs@1.14.0: {}
+
   source-map-js@1.2.2: {}
 
   source-map@0.6.1: {}
@@ -4768,6 +5786,8 @@ snapshots:
     dependencies:
       min-indent: 1.0.1
 
+  stylis@4.4.0: {}
+
   superjson@2.2.6:
     dependencies:
       copy-anything: 4.1.5
@@ -4913,6 +5933,11 @@ snapshots:
 
   vscode-uri@3.2.0: {}
 
+  vue-chartjs@5.3.4(chart.js@4.5.1)(vue@3.5.43(typescript@5.9.3)):
+    dependencies:
+      chart.js: 4.5.1
+      vue: 3.5.43(typescript@5.9.3)
+
   vue-component-meta@3.3.13(typescript@5.9.3):
     dependencies:
       '@volar/typescript': 2.4.28
@@ -4980,6 +6005,11 @@ snapshots:
     optionalDependencies:
       typescript: 5.9.3
 
+  vuedraggable@4.1.0(vue@3.5.43(typescript@5.9.3)):
+    dependencies:
+      sortablejs: 1.14.0
+      vue: 3.5.43(typescript@5.9.3)
+
   w3c-xmlserializer@5.0.0:
     dependencies:
       xml-name-validator: 5.0.0
diff --git a/frontend-vue/src/components/audit/AuditInfoDialog.spec.ts b/frontend-vue/src/components/audit/AuditInfoDialog.spec.ts
new file mode 100644
index 000000000..0fc9b63f7
--- /dev/null
+++ b/frontend-vue/src/components/audit/AuditInfoDialog.spec.ts
@@ -0,0 +1,107 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it } from 'vitest';
+import DialogHost from '@/components/dialog/DialogHost.vue';
+import { useDialog } from '@/composables/useDialog';
+import AuditInfoDialog from './AuditInfoDialog.vue';
+import type { AuditLogDetails } from './useAuditLog';
+
+const baseLog: AuditLogDetails = {
+	Table: 'south_park_table',
+	User: 'eric@cartman.ass',
+	Status: 'successfully',
+	operationType: 'addRow',
+	createdAt: '2021-06-26T07:22:00.603Z',
+	prevValue: null,
+	currentValue: { firstName: 'Kenny', secondName: 'Kenny McCormick', status: 'poor' },
+};
+
+async function openDialog(log: Partial<AuditLogDetails>) {
+	const wrapper = mount(DialogHost, { attachTo: document.body });
+	const dialogRef = useDialog().open(AuditInfoDialog, { data: { ...baseLog, ...log } });
+	await flushPromises();
+	return { wrapper, dialogRef };
+}
+
+describe('AuditInfoDialog', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+	});
+
+	it('describes who did what, where and when', async () => {
+		const { wrapper } = await openDialog({});
+		expect(wrapper.find('h2').text()).toBe('Log details');
+		const preamble = wrapper.find('[data-block="preamble"]').text();
+		expect(preamble).toContain('eric@cartman.ass added the row in "South Park Tables" table on');
+		expect(preamble).toContain('2021');
+		expect(preamble).toMatch(/successfully\.$/);
+		wrapper.unmount();
+	});
+
+	it('words a failed action as an attempt', async () => {
+		const { wrapper } = await openDialog({ Status: 'unsuccessfully', operationType: 'deleteRow' });
+		expect(wrapper.find('[data-block="preamble"]').text()).toContain('attempted to delete the row');
+		wrapper.unmount();
+	});
+
+	it.each([
+		['added', 'addRow'],
+		['deleted', 'deleteRow'],
+		['viewed', 'rowReceived'],
+	])('lists the values of a %s row', async (_name, operationType) => {
+		const { wrapper } = await openDialog({ operationType });
+		const table = wrapper.find('table[data-block="one-row-details"]');
+		expect(table.exists()).toBe(true);
+		expect(table.findAll('th').map((th) => th.text())).toEqual(['First name', 'Second name', 'Status']);
+		expect(table.text()).toContain('Kenny McCormick');
+		expect(wrapper.find('[data-block="comparison-details"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('compares old and new values of an edited row and highlights the changed field', async () => {
+		const { wrapper } = await openDialog({
+			operationType: 'updateRow',
+			prevValue: { firstName: 'Kenny', secondName: 'McCormick', status: 'poor' },
+			currentValue: { firstName: 'Kenny', secondName: 'McCormick', status: 'poor and stupid' },
+		});
+		const comparison = wrapper.find('[data-block="comparison-details"]');
+		expect(comparison.exists()).toBe(true);
+
+		const changed = wrapper.find('[data-line="status-field"]');
+		expect(changed.classes()).toContain('audit-info__row--changed');
+		expect(changed.findAll('td').map((td) => td.text())).toEqual(['poor', 'poor and stupid']);
+		expect(wrapper.find('[data-line="firstName-field"]').classes()).not.toContain('audit-info__row--changed');
+		expect(wrapper.find('[data-line="secondName-field"]').classes()).not.toContain('audit-info__row--changed');
+		wrapper.unmount();
+	});
+
+	it('lists the new values of an edited row when the old ones are unknown', async () => {
+		const { wrapper } = await openDialog({ operationType: 'updateRow', prevValue: null });
+		expect(wrapper.find('table[data-block="one-row-details"]').exists()).toBe(true);
+		expect(wrapper.find('[data-block="comparison-details"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('spans sensitive values over both columns', async () => {
+		const { wrapper } = await openDialog({
+			operationType: 'updateRow',
+			prevValue: { name: 'Kenny', password: 'old' },
+			currentValue: { name: 'Kyle', password: '* * * sensitive data, no logs stored * * *' },
+		});
+		const cells = wrapper.find('[data-line="password-field"]').findAll('td');
+		expect(cells).toHaveLength(1);
+		expect(cells[0]?.attributes('colspan')).toBe('2');
+		expect(cells[0]?.classes()).toContain('audit-info__value--sensitive');
+		wrapper.unmount();
+	});
+
+	it('closes on Ok', async () => {
+		const { wrapper, dialogRef } = await openDialog({});
+		const ok = wrapper.findAll('button').find((button) => button.text() === 'Ok');
+		await ok?.trigger('click');
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+		await flushPromises();
+		expect(wrapper.find('h2').exists()).toBe(false);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/audit/AuditInfoDialog.vue b/frontend-vue/src/components/audit/AuditInfoDialog.vue
new file mode 100644
index 000000000..371c75761
--- /dev/null
+++ b/frontend-vue/src/components/audit/AuditInfoDialog.vue
@@ -0,0 +1,158 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/audit/info-dialog: what one audit log entry did. Edits of a
+// row compare the old and new values field by field and highlight the changed ones; every other
+// action lists the row's values.
+//
+// The Angular "one row" table passed the key/value pair (not the key) to its changed/sensitive
+// checks, so it never highlighted or hid anything there; that behaviour is kept. Its keyvalue pipe
+// listed the fields sorted by key, which is kept too.
+import { format } from 'date-fns';
+import { computed } from 'vue';
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import { UiButton } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import { normalizeFieldName, normalizeTableName } from '@/lib/normalize';
+import type { AuditLogDetails } from './useAuditLog';
+
+const props = defineProps<{ data: AuditLogDetails }>();
+
+const dialogRef = useDialogRef();
+
+const SENSITIVE = '* * * sensitive data, no logs stored * * *';
+
+const ACTIONS: Record<string, Record<string, string>> = {
+	successfully: {
+		addRow: 'added the row',
+		deleteRow: 'deleted the row',
+		updateRow: 'edited the row',
+		rowReceived: 'received the row',
+		rowsReceived: 'received rows',
+	},
+	unsuccessfully: {
+		addRow: 'attempted to add the row',
+		deleteRow: 'attempted to delete the row',
+		updateRow: 'attempted to edit the row',
+		rowReceived: 'attempted to receive the row',
+		rowsReceived: 'attempted to receive rows',
+	},
+};
+
+const log = computed(() => props.data);
+
+const formattedCreatedAt = computed(() => (log.value.createdAt ? format(new Date(log.value.createdAt), 'PPPpp') : ''));
+const action = computed(() => ACTIONS[log.value.Status]?.[log.value.operationType] ?? '');
+const normalizedTableName = computed(() => (log.value.Table ? normalizeTableName(log.value.Table) : ''));
+
+const currentValue = computed<Record<string, unknown>>(() => log.value.currentValue ?? {});
+const prevValue = computed<Record<string, unknown>>(() => log.value.prevValue ?? {});
+const fields = computed(() => Object.keys(currentValue.value));
+const sortedFields = computed(() => [...fields.value].sort());
+
+/** Fields whose value an edit changed; empty unless the old values are known. */
+const diffFields = computed<string[]>(() => {
+	if (log.value.operationType !== 'updateRow' || !log.value.prevValue || !log.value.currentValue) return [];
+	const current = log.value.currentValue;
+	return Object.entries(log.value.prevValue)
+		.filter(([key, value]) => current[key] !== value)
+		.map(([key]) => key);
+});
+
+function isSensitive(field: string): boolean {
+	return currentValue.value[field] === SENSITIVE;
+}
+
+function display(value: unknown): string {
+	if (value == null) return '';
+	if (typeof value === 'object') return JSON.stringify(value);
+	return String(value);
+}
+</script>
+
+<template>
+	<AppDialog title="Log details" size="lg">
+		<p class="audit-info__preamble ph-no-capture" data-block="preamble">
+			{{ log.User }} {{ action }} in "{{ normalizedTableName }}" table on {{ formattedCreatedAt }} {{ log.Status }}.
+		</p>
+
+		<div v-if="diffFields.length > 0" class="audit-info__details" data-block="comparison-details">
+			<table class="audit-info__table">
+				<tbody>
+					<tr
+						v-for="field in fields"
+						:key="field"
+						:data-line="`${field}-field`"
+						:class="['audit-info__row', { 'audit-info__row--changed': diffFields.includes(field) }]"
+					>
+						<th class="audit-info__name" scope="row">{{ normalizeFieldName(field) }}</th>
+						<td v-if="!isSensitive(field)" class="audit-info__value ph-no-capture">
+							{{ display(prevValue[field]) }}
+						</td>
+						<td
+							:class="['audit-info__value', 'ph-no-capture', { 'audit-info__value--sensitive': isSensitive(field) }]"
+							:colspan="isSensitive(field) ? 2 : undefined"
+						>
+							{{ display(currentValue[field]) }}
+						</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+
+		<table v-else-if="log.currentValue" class="audit-info__table" data-block="one-row-details">
+			<tbody>
+				<tr v-for="field in sortedFields" :key="field" class="audit-info__row">
+					<th class="audit-info__name" scope="row">{{ normalizeFieldName(field) }}</th>
+					<td class="audit-info__value ph-no-capture">{{ display(currentValue[field]) }}</td>
+				</tr>
+			</tbody>
+		</table>
+
+		<template #footer>
+			<UiButton @click="dialogRef.close()">Ok</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.audit-info__preamble {
+	margin: 0;
+	color: var(--color-ink-soft);
+	line-height: var(--leading-normal);
+	overflow-wrap: anywhere;
+}
+
+.audit-info__details {
+	margin-top: var(--space-4);
+}
+
+.audit-info__table {
+	width: 100%;
+	margin-top: var(--space-3);
+	border-collapse: collapse;
+	border-top: 1px solid var(--color-line);
+}
+
+.audit-info__name,
+.audit-info__value {
+	padding: var(--space-2) var(--space-8) var(--space-2) var(--space-6);
+	border-bottom: 1px solid var(--color-line);
+	color: var(--color-ink);
+	text-align: start;
+	vertical-align: top;
+	overflow-wrap: anywhere;
+}
+
+.audit-info__name {
+	font-weight: var(--weight-medium);
+}
+
+.audit-info__row--changed {
+	background: color-mix(in srgb, var(--color-accent) 14%, var(--color-surface));
+}
+
+.audit-info__value--sensitive {
+	font-family: var(--font-mono);
+	font-size: var(--text-sm);
+	font-style: italic;
+}
+</style>
diff --git a/frontend-vue/src/components/audit/useAuditLog.ts b/frontend-vue/src/components/audit/useAuditLog.ts
new file mode 100644
index 000000000..84af79ead
--- /dev/null
+++ b/frontend-vue/src/components/audit/useAuditLog.ts
@@ -0,0 +1,125 @@
+// Port of frontend/src/app/components/audit/audit-data-source.ts: one server-side page of the
+// connection's audit log, formatted for the table, plus the paginator state the response sets.
+import { format } from 'date-fns';
+import { ref, shallowRef } from 'vue';
+import { useConnectionsStore } from '@/stores/connections';
+
+/** One entry of GET /logs/:connectionId. */
+export interface AuditLogRecord {
+	table_name: string;
+	email: string;
+	operationType: string;
+	operationStatusResult: string;
+	createdAt: string;
+	old_data: Record<string, unknown> | null;
+	received_data: Record<string, unknown> | null;
+}
+
+/** GET /logs/:connectionId */
+export interface AuditLogResponse {
+	logs: AuditLogRecord[];
+	pagination: { total: number; perPage: number; currentPage?: number; lastPage?: number };
+}
+
+/** What the info dialog reads from a log row. */
+export interface AuditLogDetails {
+	Table: string;
+	User: string;
+	Status: string;
+	operationType: string;
+	createdAt: string;
+	prevValue: Record<string, unknown> | null;
+	currentValue: Record<string, unknown> | null;
+}
+
+/** A log row as the audit page shows it. */
+export interface AuditRow extends AuditLogDetails {
+	UserEmail: string;
+	Action: string | undefined;
+	ActionIcon: string | undefined;
+	Date: string;
+	DateOnly: string;
+	TimeOnly: string;
+	IsAddAction: boolean;
+}
+
+export interface AuditLogFilters {
+	connectionID: string;
+	/** 'showAll' means no filter. */
+	tableName: string;
+	/** 'showAll' means no filter. */
+	userEmail: string;
+}
+
+const ACTIONS: Record<string, string> = {
+	addRow: 'Created',
+	deleteRow: 'Deleted',
+	updateRow: 'Edited',
+	rowReceived: 'Viewed',
+	rowsReceived: 'Viewed',
+	importRows: 'Imported',
+	exportRows: 'Exported',
+};
+
+const ACTION_ICONS: Record<string, string> = {
+	addRow: 'add',
+	deleteRow: 'delete',
+	updateRow: 'edit',
+	rowReceived: 'visibility',
+	rowsReceived: 'visibility',
+	importRows: 'upload',
+	exportRows: 'download',
+};
+
+export function formatAuditLog(log: AuditLogRecord): AuditRow {
+	const date = new Date(log.createdAt);
+	return {
+		Table: log.table_name,
+		User: log.email,
+		UserEmail: log.email,
+		Action: ACTIONS[log.operationType],
+		ActionIcon: ACTION_ICONS[log.operationType],
+		Date: format(date, "d MMM yyyy 'at' h:mm a"),
+		DateOnly: format(date, 'd MMM yyyy'),
+		TimeOnly: format(date, 'h:mm a'),
+		Status: log.operationStatusResult,
+		operationType: log.operationType,
+		createdAt: log.createdAt,
+		prevValue: log.old_data,
+		currentValue: log.received_data,
+		IsAddAction: log.operationType === 'addRow',
+	};
+}
+
+export function useAuditLog() {
+	const connections = useConnectionsStore();
+
+	const rows = shallowRef<AuditRow[]>([]);
+	const loading = ref(false);
+	/** Zero-based, as the paginator holds it. */
+	const pageIndex = ref(0);
+	const pageSize = ref(30);
+	const length = ref(0);
+
+	async function fetchLogs({ connectionID, tableName, userEmail }: AuditLogFilters): Promise<void> {
+		loading.value = true;
+		try {
+			const res = await connections.fetchAuditLog<AuditLogResponse>({
+				connectionID,
+				tableName,
+				userEmail,
+				requstedPage: pageIndex.value + 1,
+				chunkSize: pageSize.value || 30,
+			});
+			rows.value = res.logs.map(formatAuditLog);
+			pageSize.value = res.pagination.perPage;
+			length.value = res.pagination.total;
+		} catch {
+			// The store has shown the error; the previous page stays on screen.
+		} finally {
+			loading.value = false;
+		}
+	}
+
+	return { rows, loading, pageIndex, pageSize, length, fetchLogs };
+}
diff --git a/frontend-vue/src/components/auth/AuthHeader.vue b/frontend-vue/src/components/auth/AuthHeader.vue
new file mode 100644
index 000000000..30f7a59b5
--- /dev/null
+++ b/frontend-vue/src/components/auth/AuthHeader.vue
@@ -0,0 +1,79 @@
+<script setup lang="ts">
+// The logo + "Welcome … Rocketadmin" heading shared by the login and setup pages. The default slot
+// holds the directions under the heading.
+withDefaults(
+	defineProps<{
+		/** Words before the emphasised "Rocketadmin". */
+		greeting?: string;
+	}>(),
+	{ greeting: 'Welcome to' },
+);
+</script>
+
+<template>
+	<div class="auth-header">
+		<svg class="auth-header__logo" width="56" height="54" viewBox="0 0 56 54" fill="none" role="img">
+			<title>Rocketadmin logo</title>
+			<path
+				d="M47.2367 17.9125H35.1499C33.3671 17.9125 32.4833 16.5678 33.1783 14.9286L37.5295 4.71527C38.5191 2.39612 37.2651 0.5 34.742 0.5H23.4711C22.3682 0.5 21.1142 1.33097 20.6836 2.34323L15.4485 14.634C14.5798 16.6661 15.6827 18.328 17.8885 18.328H29.4465C30.7231 18.328 31.8789 19.0909 32.3775 20.2618L37.5295 32.3486C38.232 33.9954 37.3406 35.3401 35.5578 35.3401H8.62703C7.52411 35.3401 6.27011 36.1711 5.83952 37.1833L0.823517 48.9453C-0.166086 51.2644 1.08792 53.1605 3.61103 53.1605H29.8242C30.9271 53.1605 32.1811 52.3296 32.6117 51.3173L38.4435 37.629C38.9346 36.4808 40.0526 35.7405 41.299 35.7405H52.6833C54.9722 35.7405 56.1053 34.0181 55.2064 31.918L50.0242 19.7633C49.5936 18.751 48.3396 17.92 47.2367 17.92V17.9125Z"
+				fill="currentColor"
+			/>
+		</svg>
+		<h1 class="auth-header__title">
+			{{ greeting }} <br>
+			<span class="auth-header__emphasis">Rocketadmin</span>
+		</h1>
+		<div v-if="$slots.default" class="auth-header__directions">
+			<slot />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.auth-header {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding-bottom: var(--space-10);
+	text-align: center;
+}
+
+.auth-header__logo {
+	width: 2.75rem;
+	height: auto;
+	margin-bottom: var(--space-8);
+	color: var(--color-ink);
+}
+
+.auth-header__title {
+	margin: 0 0 var(--space-10);
+	font-family: var(--font-display);
+	font-size: var(--text-2xl);
+	font-weight: var(--weight-semibold);
+	line-height: var(--leading-tight);
+	color: var(--color-ink);
+}
+
+.auth-header__emphasis {
+	color: var(--color-accent);
+}
+
+.auth-header__directions {
+	color: var(--color-muted);
+	line-height: var(--leading-normal);
+}
+
+@media (width <= 600px) {
+	.auth-header {
+		padding-bottom: 0;
+	}
+
+	.auth-header__logo {
+		margin-bottom: var(--space-3);
+	}
+
+	.auth-header__directions {
+		display: none;
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/auth/PasswordStrength.spec.ts b/frontend-vue/src/components/auth/PasswordStrength.spec.ts
new file mode 100644
index 000000000..0bdcdfd01
--- /dev/null
+++ b/frontend-vue/src/components/auth/PasswordStrength.spec.ts
@@ -0,0 +1,72 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import type { PasswordScore } from '@/lib/password-strength';
+import PasswordStrength from './PasswordStrength.vue';
+
+const check = vi.fn(
+	(_password: string): PasswordScore => ({
+		score: 2,
+		feedback: { warning: 'This is a common password.', suggestions: ['Add another word.', 'Avoid years.'] },
+	}),
+);
+
+vi.mock('@/lib/password-strength', () => ({ loadPasswordScorer: () => Promise.resolve({ check }) }));
+
+async function settle() {
+	await vi.advanceTimersByTimeAsync(100);
+	await flushPromises();
+}
+
+const bar = (wrapper: ReturnType<typeof mount>) => wrapper.find('[role="progressbar"]');
+
+describe('PasswordStrength', () => {
+	beforeEach(() => {
+		vi.useFakeTimers();
+		check.mockClear();
+	});
+
+	afterEach(() => {
+		vi.useRealTimers();
+	});
+
+	it('shows an empty meter for an empty password without scoring it', async () => {
+		const wrapper = mount(PasswordStrength, { props: { password: '' } });
+		await settle();
+
+		expect(bar(wrapper).attributes('aria-valuenow')).toBe('0');
+		expect(wrapper.findAll('.password-strength__segment')).toHaveLength(5);
+		expect(check).not.toHaveBeenCalled();
+	});
+
+	it('scores a too-short password 0 without feedback', async () => {
+		const wrapper = mount(PasswordStrength, { props: { password: 'Ab1' } });
+		await settle();
+
+		expect(bar(wrapper).attributes('aria-valuenow')).toBe('20');
+		expect(wrapper.emitted('strength-change')).toEqual([[0]]);
+		expect(wrapper.find('[data-testid="password-strength-warning"]').exists()).toBe(false);
+		expect(check).not.toHaveBeenCalled();
+	});
+
+	it('fills the meter from the zxcvbn score and shows its feedback', async () => {
+		const wrapper = mount(PasswordStrength, { props: { password: 'password2024' } });
+		await settle();
+
+		expect(check).toHaveBeenCalledWith('password2024');
+		// score 2 → (2 + 1) / 5 = 60 %
+		expect(bar(wrapper).attributes('aria-valuenow')).toBe('60');
+		expect(wrapper.find('.password-strength__overlay--warning').exists()).toBe(true);
+		expect(wrapper.find('[data-testid="password-strength-warning"]').text()).toBe('This is a common password.');
+		expect(wrapper.find('[data-testid="password-strength-suggestions"]').text()).toBe('Add another word. Avoid years.');
+	});
+
+	it('debounces scoring while typing', async () => {
+		const wrapper = mount(PasswordStrength, { props: { password: 'longpassword1' } });
+		await wrapper.setProps({ password: 'longpassword12' });
+		await wrapper.setProps({ password: 'longpassword123' });
+		await settle();
+
+		expect(check).toHaveBeenCalledTimes(1);
+		expect(check).toHaveBeenCalledWith('longpassword123');
+	});
+});
diff --git a/frontend-vue/src/components/auth/PasswordStrength.vue b/frontend-vue/src/components/auth/PasswordStrength.vue
new file mode 100644
index 000000000..605ef25e3
--- /dev/null
+++ b/frontend-vue/src/components/auth/PasswordStrength.vue
@@ -0,0 +1,159 @@
+<script setup lang="ts">
+// Port of angular-password-strength-meter as UserPasswordComponent configured it: five segments,
+// zxcvbn feedback on, minimum length 8. Scoring is debounced by 100 ms like the original; an empty
+// password shows an empty bar, a too-short one scores 0 without feedback.
+//
+// The bar fills `round(((score + 1) / 5) * 100 / 20) * 20` percent and takes the colour of the
+// filled level: danger-strong, danger, warning, success, success (Angular's dark red → green ramp).
+import { computed, onBeforeUnmount, ref, watch } from 'vue';
+import { loadPasswordScorer, type PasswordFeedback } from '@/lib/password-strength';
+
+const props = withDefaults(
+	defineProps<{
+		password?: string | null;
+		/** Below this length the score is 0 and zxcvbn is not consulted. */
+		minPasswordLength?: number;
+	}>(),
+	{ password: '', minPasswordLength: 8 },
+);
+
+const emit = defineEmits<{ 'strength-change': [score: number | null] }>();
+
+const SEGMENTS = 5;
+const DEBOUNCE_MS = 100;
+const LEVEL_TONES = ['danger-strong', 'danger', 'warning', 'success', 'success'] as const;
+
+const score = ref<number | null>(null);
+const feedback = ref<PasswordFeedback | null>(null);
+let timer: ReturnType<typeof setTimeout> | null = null;
+let run = 0;
+
+watch(
+	() => props.password,
+	(value) => {
+		if (timer) clearTimeout(timer);
+		timer = setTimeout(() => evaluate(value ?? ''), DEBOUNCE_MS);
+	},
+	{ immediate: true },
+);
+
+onBeforeUnmount(() => {
+	if (timer) clearTimeout(timer);
+});
+
+const fillPercent = computed(() => {
+	if (score.value === null) return 0;
+	const step = 100 / SEGMENTS;
+	return Math.round((((score.value + 1) / 5) * 100) / step) * step;
+});
+
+const level = computed(() => (fillPercent.value / 100) * SEGMENTS);
+
+const overlayClasses = computed(() => [
+	'password-strength__overlay',
+	`password-strength__overlay--${LEVEL_TONES[Math.max(0, level.value - 1)] ?? LEVEL_TONES[0]}`,
+]);
+
+async function evaluate(value: string): Promise<void> {
+	const current = ++run;
+	let next: { score: number | null; feedback: PasswordFeedback | null };
+	if (!value) next = { score: null, feedback: null };
+	else if (value.length < props.minPasswordLength) next = { score: 0, feedback: null };
+	else {
+		try {
+			next = (await loadPasswordScorer()).check(value);
+		} catch (error) {
+			console.error('Password strength scorer failed to load', error);
+			return;
+		}
+	}
+	if (current !== run) return;
+	const changed = next.score !== score.value;
+	score.value = next.score;
+	feedback.value = next.feedback;
+	if (changed) emit('strength-change', next.score);
+}
+</script>
+
+<template>
+	<div class="password-strength" :data-strength="score ?? 0">
+		<div
+			class="password-strength__bar"
+			role="progressbar"
+			aria-label="Password strength"
+			aria-valuemin="0"
+			aria-valuemax="100"
+			:aria-valuenow="fillPercent"
+		>
+			<span v-for="segment in SEGMENTS" :key="segment" class="password-strength__segment" />
+			<span :class="overlayClasses" :style="{ width: `${fillPercent}%` }" />
+		</div>
+
+		<template v-if="feedback">
+			<small v-if="feedback.warning" class="password-strength__text" data-testid="password-strength-warning">
+				{{ feedback.warning }}
+			</small>
+			<small
+				v-if="feedback.suggestions.length"
+				class="password-strength__text"
+				data-testid="password-strength-suggestions"
+			>
+				{{ feedback.suggestions.join(' ') }}
+			</small>
+		</template>
+	</div>
+</template>
+
+<style scoped>
+.password-strength {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+}
+
+.password-strength__bar {
+	position: relative;
+	display: flex;
+	gap: var(--space-1);
+	height: 3px;
+	margin: var(--space-2) 0;
+	border-radius: var(--radius-pill);
+	overflow: hidden;
+}
+
+.password-strength__segment {
+	flex: 1;
+	background: var(--color-line);
+}
+
+.password-strength__overlay {
+	position: absolute;
+	inset-block: 0;
+	inset-inline-start: 0;
+	border-radius: var(--radius-pill);
+	transition:
+		width var(--motion-slow),
+		background var(--motion-fast);
+}
+
+.password-strength__overlay--danger-strong {
+	background: var(--color-danger-strong);
+}
+
+.password-strength__overlay--danger {
+	background: var(--color-danger);
+}
+
+.password-strength__overlay--warning {
+	background: var(--color-warning);
+}
+
+.password-strength__overlay--success {
+	background: var(--color-success);
+}
+
+.password-strength__text {
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/auth/TurnstileWidget.spec.ts b/frontend-vue/src/components/auth/TurnstileWidget.spec.ts
new file mode 100644
index 000000000..cb8fa7619
--- /dev/null
+++ b/frontend-vue/src/components/auth/TurnstileWidget.spec.ts
@@ -0,0 +1,84 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import type { TurnstileInstance, TurnstileOptions } from '@/types/third-party-auth';
+import TurnstileWidget from './TurnstileWidget.vue';
+
+vi.mock('@/environment', () => ({ environment: { turnstileSiteKey: 'env-site-key' } }));
+
+const WIDGET_ID = 'widget-1';
+let options: TurnstileOptions | undefined;
+let turnstile: { [K in keyof TurnstileInstance]: ReturnType<typeof vi.fn> };
+
+function installTurnstile() {
+	turnstile = {
+		render: vi.fn((_container: HTMLElement, renderOptions: TurnstileOptions) => {
+			options = renderOptions;
+			return WIDGET_ID;
+		}),
+		reset: vi.fn(),
+		getResponse: vi.fn(),
+		remove: vi.fn(),
+	};
+	window.turnstile = turnstile as unknown as TurnstileInstance;
+}
+
+async function mountRendered(props: Record<string, unknown> = {}) {
+	const wrapper = mount(TurnstileWidget, { props });
+	await vi.advanceTimersByTimeAsync(100);
+	return wrapper;
+}
+
+describe('TurnstileWidget', () => {
+	beforeEach(() => {
+		vi.useFakeTimers();
+		options = undefined;
+		installTurnstile();
+	});
+
+	afterEach(() => {
+		vi.useRealTimers();
+		delete window.turnstile;
+	});
+
+	it('renders the widget into its container with the site key, theme and "always" appearance', async () => {
+		const wrapper = await mountRendered({ theme: 'dark' });
+
+		expect(turnstile.render).toHaveBeenCalledWith(wrapper.element, expect.any(Object));
+		expect(options).toMatchObject({ sitekey: 'env-site-key', theme: 'dark', appearance: 'always' });
+	});
+
+	it('emits the token and the error and expiry callbacks', async () => {
+		const wrapper = await mountRendered({ siteKey: 'custom' });
+		expect(options?.sitekey).toBe('custom');
+
+		options?.callback?.('test-token');
+		options?.['error-callback']?.();
+		options?.['expired-callback']?.();
+
+		expect(wrapper.emitted('token-received')).toEqual([['test-token']]);
+		expect(wrapper.emitted('token-error')).toHaveLength(1);
+		expect(wrapper.emitted('token-expired')).toHaveLength(1);
+	});
+
+	it('resets the widget on reset() and removes it on unmount', async () => {
+		const wrapper = await mountRendered();
+
+		(wrapper.vm as unknown as { reset: () => void }).reset();
+		expect(turnstile.reset).toHaveBeenCalledWith(WIDGET_ID);
+
+		wrapper.unmount();
+		expect(turnstile.remove).toHaveBeenCalledWith(WIDGET_ID);
+	});
+
+	it('emits an error when the script never loads', async () => {
+		delete window.turnstile;
+		const consoleError = vi.spyOn(console, 'error').mockImplementation(() => {});
+		const wrapper = mount(TurnstileWidget);
+
+		await vi.advanceTimersByTimeAsync(5000);
+
+		expect(wrapper.emitted('token-error')).toHaveLength(1);
+		expect(consoleError).toHaveBeenCalledWith('Turnstile script failed to load');
+		consoleError.mockRestore();
+	});
+});
diff --git a/frontend-vue/src/components/auth/TurnstileWidget.vue b/frontend-vue/src/components/auth/TurnstileWidget.vue
new file mode 100644
index 000000000..3b2e8fd07
--- /dev/null
+++ b/frontend-vue/src/components/auth/TurnstileWidget.vue
@@ -0,0 +1,98 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/ui-components/turnstile (TurnstileComponent): renders the
+// Cloudflare Turnstile challenge once `window.turnstile` (loaded async by index.saas.html) exists,
+// polling for it for up to 5 s, and emits the token. `reset()` is exposed for callers that need a
+// fresh token after a failed submit.
+import { onBeforeUnmount, onMounted, ref } from 'vue';
+import { environment } from '@/environment';
+
+const props = withDefaults(
+	defineProps<{
+		/** Turnstile site key; defaults to the build's `VITE_TURNSTILE_SITE_KEY`. */
+		siteKey?: string;
+		theme?: 'light' | 'dark' | 'auto';
+	}>(),
+	{ siteKey: () => environment.turnstileSiteKey, theme: 'auto' },
+);
+
+const emit = defineEmits<{
+	'token-received': [token: string];
+	'token-error': [];
+	'token-expired': [];
+}>();
+
+const MAX_POLL_ATTEMPTS = 50;
+const POLL_INTERVAL_MS = 100;
+
+const container = ref<HTMLDivElement | null>(null);
+let widgetId: string | null = null;
+let pollInterval: ReturnType<typeof setInterval> | null = null;
+
+onMounted(waitForTurnstileAndRender);
+
+onBeforeUnmount(() => {
+	clearPollInterval();
+	removeWidget();
+});
+
+function reset(): void {
+	if (window.turnstile && widgetId) window.turnstile.reset(widgetId);
+}
+
+defineExpose({ reset });
+
+function waitForTurnstileAndRender(): void {
+	let attempts = 0;
+	pollInterval = setInterval(() => {
+		attempts++;
+		if (window.turnstile) {
+			clearPollInterval();
+			renderWidget();
+			return;
+		}
+		if (attempts >= MAX_POLL_ATTEMPTS) {
+			clearPollInterval();
+			console.error('Turnstile script failed to load');
+			emit('token-error');
+		}
+	}, POLL_INTERVAL_MS);
+}
+
+function renderWidget(): void {
+	if (!window.turnstile || !container.value) return;
+	widgetId = window.turnstile.render(container.value, {
+		sitekey: props.siteKey,
+		callback: (token: string) => emit('token-received', token),
+		'error-callback': () => emit('token-error'),
+		'expired-callback': () => emit('token-expired'),
+		theme: props.theme,
+		appearance: 'always',
+	});
+}
+
+function removeWidget(): void {
+	if (window.turnstile && widgetId) {
+		window.turnstile.remove(widgetId);
+		widgetId = null;
+	}
+}
+
+function clearPollInterval(): void {
+	if (pollInterval) {
+		clearInterval(pollInterval);
+		pollInterval = null;
+	}
+}
+</script>
+
+<template>
+	<div ref="container" class="turnstile" />
+</template>
+
+<style scoped>
+.turnstile {
+	display: flex;
+	justify-content: center;
+	margin: var(--space-4) 0;
+}
+</style>
diff --git a/frontend-vue/src/components/auth/UserPassword.spec.ts b/frontend-vue/src/components/auth/UserPassword.spec.ts
new file mode 100644
index 000000000..3bd29006d
--- /dev/null
+++ b/frontend-vue/src/components/auth/UserPassword.spec.ts
@@ -0,0 +1,59 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it, vi } from 'vitest';
+import UserPassword from './UserPassword.vue';
+
+vi.mock('@/lib/password-strength', () => ({
+	loadPasswordScorer: () =>
+		Promise.resolve({ check: () => ({ score: 4, feedback: { warning: null, suggestions: [] } }) }),
+}));
+const trackAuthEvent = vi.hoisted(() => vi.fn());
+vi.mock('./analytics', () => ({ trackAuthEvent }));
+
+const input = (wrapper: ReturnType<typeof mount>) => wrapper.find('input');
+
+describe('UserPassword', () => {
+	it('renders a required new-password input with the label and the strength meter', () => {
+		const wrapper = mount(UserPassword, { props: { label: 'Enter new password', modelValue: '' } });
+
+		expect(wrapper.find('label').text()).toContain('Enter new password');
+		expect(input(wrapper).attributes('type')).toBe('password');
+		expect(input(wrapper).attributes('required')).toBeDefined();
+		expect(input(wrapper).attributes('minlength')).toBe('8');
+		expect(wrapper.find('[role="progressbar"]').exists()).toBe(true);
+	});
+
+	it('emits typed values through v-model and tracks the change', async () => {
+		const wrapper = mount(UserPassword, { props: { label: 'Password', modelValue: '' } });
+
+		await input(wrapper).setValue('Secret123');
+
+		expect(wrapper.emitted('update:modelValue')).toEqual([['Secret123']]);
+		expect(trackAuthEvent).toHaveBeenCalledWith('Reg: password is changed');
+	});
+
+	it('toggles the password visibility', async () => {
+		const wrapper = mount(UserPassword, { props: { label: 'Password', modelValue: 'Secret123' } });
+
+		await wrapper.find('button[aria-label="Show password"]').trigger('click');
+		expect(input(wrapper).attributes('type')).toBe('text');
+
+		await wrapper.find('button[aria-label="Hide password"]').trigger('click');
+		expect(input(wrapper).attributes('type')).toBe('password');
+	});
+
+	it('marks a weak password invalid and lists the unmet rules once the field is left', async () => {
+		const wrapper = mount(UserPassword, { props: { label: 'Password', modelValue: 'secret' } });
+		const element = input(wrapper).element as HTMLInputElement;
+
+		expect(element.validity.customError).toBe(true);
+		expect(wrapper.text()).not.toContain('Password must contain');
+
+		await input(wrapper).trigger('blur');
+		expect(wrapper.text()).toContain('Password must contain: an upper case letter, a number, at least 8 characters');
+		expect(input(wrapper).attributes('aria-invalid')).toBe('true');
+
+		await wrapper.setProps({ modelValue: 'Secret123' });
+		expect(element.validity.customError).toBe(false);
+		expect(wrapper.text()).not.toContain('Password must contain');
+	});
+});
diff --git a/frontend-vue/src/components/auth/UserPassword.vue b/frontend-vue/src/components/auth/UserPassword.vue
new file mode 100644
index 000000000..bd65dfc60
--- /dev/null
+++ b/frontend-vue/src/components/auth/UserPassword.vue
@@ -0,0 +1,91 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/ui-components/user-password: a new-password field (required,
+// at least 8 characters, passwordValidator's upper/lower/number rules) with a show/hide toggle and
+// the zxcvbn strength meter under it. `v-model` replaces `[value]` + `(onFieldChange)`.
+//
+// The rules reach the enclosing <form> through native validity (`required`, `minlength` and
+// v-custom-validity), so a view can read `form.checkValidity()` or its own `passwordErrors` check.
+// The unmet rules are shown once the field has been left, where Angular only turned it red.
+import { computed, ref } from 'vue';
+import { UiField, UiIconButton, UiInput } from '@/components/ui';
+import { vCustomValidity } from '@/directives/customValidity';
+import { passwordValidation } from '@/validators/password.validator';
+import { trackAuthEvent } from './analytics';
+import PasswordStrength from './PasswordStrength.vue';
+
+const props = withDefaults(
+	defineProps<{
+		modelValue?: string;
+		label: string;
+	}>(),
+	{ modelValue: '' },
+);
+
+const emit = defineEmits<{ 'update:modelValue': [value: string] }>();
+
+const rule = passwordValidation();
+const passwordShown = ref(false);
+const touched = ref(false);
+
+const validityMessage = computed(() => {
+	const result = rule(props.modelValue);
+	return result === true ? '' : result;
+});
+
+const error = computed(() => (touched.value ? validityMessage.value || undefined : undefined));
+
+function onChange() {
+	trackAuthEvent('Reg: password is changed');
+}
+</script>
+
+<template>
+	<div class="user-password">
+		<UiField :label="label" :error="error" required>
+			<div class="user-password__control">
+				<UiInput
+					v-custom-validity="validityMessage"
+					:type="passwordShown ? 'text' : 'password'"
+					name="password"
+					minlength="8"
+					autocomplete="new-password"
+					class="user-password__input"
+					:model-value="modelValue"
+					@update:model-value="emit('update:modelValue', $event)"
+					@change="onChange"
+					@blur="touched = true"
+				/>
+				<UiIconButton
+					:icon="passwordShown ? 'visibility_off' : 'visibility'"
+					:label="passwordShown ? 'Hide password' : 'Show password'"
+					size="sm"
+					class="user-password__toggle"
+					@click="passwordShown = !passwordShown"
+				/>
+			</div>
+		</UiField>
+		<PasswordStrength :password="modelValue" />
+	</div>
+</template>
+
+<style scoped>
+.user-password {
+	width: 100%;
+}
+
+.user-password__control {
+	position: relative;
+}
+
+/* Two classes so it outranks UiInput's own padding regardless of stylesheet order. */
+.user-password__control > .user-password__input {
+	padding-inline-end: var(--space-10);
+}
+
+.user-password__toggle {
+	position: absolute;
+	inset-block-start: 50%;
+	inset-inline-end: var(--space-1);
+	transform: translateY(-50%);
+}
+</style>
diff --git a/frontend-vue/src/components/auth/analytics.ts b/frontend-vue/src/components/auth/analytics.ts
new file mode 100644
index 000000000..60120a9a1
--- /dev/null
+++ b/frontend-vue/src/components/auth/analytics.ts
@@ -0,0 +1,9 @@
+// The auth pages reported every event to both Amplitude (angulartics2) and PostHog; this sends one
+// event to both.
+import posthog from 'posthog-js';
+import { trackEvent } from '@/composables/useAnalytics';
+
+export function trackAuthEvent(action: string, properties?: Record<string, unknown>): void {
+	trackEvent(action, properties);
+	posthog.capture(action, properties);
+}
diff --git a/frontend-vue/src/components/auth/validity.ts b/frontend-vue/src/components/auth/validity.ts
new file mode 100644
index 000000000..4b6ad79c2
--- /dev/null
+++ b/frontend-vue/src/components/auth/validity.ts
@@ -0,0 +1,13 @@
+// Form-level checks the auth pages disable their submit buttons on (Angular's `form.invalid`).
+import { emailErrors } from '@/validators/email.validator';
+import { passwordErrors } from '@/validators/password.validator';
+
+/** UserPassword's rules: required, at least 8 characters, upper + lower case letter and a number. */
+export function isValidNewPassword(value: string | null | undefined): boolean {
+	return Boolean(value) && passwordErrors(value) === null;
+}
+
+/** A required email field with the emailValidator directive. */
+export function isValidEmail(value: string | null | undefined): boolean {
+	return Boolean(value) && emailErrors(value) === null;
+}
diff --git a/frontend-vue/src/components/charts/ChartAdvancedOptions.vue b/frontend-vue/src/components/charts/ChartAdvancedOptions.vue
new file mode 100644
index 000000000..8965c0f9b
--- /dev/null
+++ b/frontend-vue/src/components/charts/ChartAdvancedOptions.vue
@@ -0,0 +1,309 @@
+<script setup lang="ts">
+// The "advanced options" accordion of the panel editor (chart-edit.component.html): display,
+// units & formatting, axes, data options and the custom colour palette.
+import {
+	UiAccordion,
+	UiButton,
+	UiCheckbox,
+	UiExpansionPanel,
+	UiField,
+	UiIcon,
+	UiIconButton,
+	UiInput,
+	UiSelect,
+} from '@/components/ui';
+import {
+	CONVERT_UNIT_OPTIONS,
+	LEGEND_POSITIONS,
+	type LegendPosition,
+	SCALE_TYPES,
+	type ScaleType,
+	type SelectModel,
+	SORT_OPTIONS,
+	type SortBy,
+	selected,
+	toHex,
+	toOptionalNumber,
+	UNIT_MODES,
+	UNIT_POSITIONS,
+	type UnitMode,
+	useChartEditor,
+} from './chartEditor';
+
+const editor = useChartEditor();
+const {
+	chartType,
+	colorPalette,
+	compact,
+	convertUnit,
+	decimalPlaces,
+	horizontal,
+	isPieType,
+	legendPosition,
+	legendShow,
+	limit,
+	showDataLabels,
+	sortBy,
+	stacked,
+	thousandsSeparator,
+	unitMode,
+	unitsPosition,
+	unitsText,
+	xAxisTitle,
+	yAxisBeginAtZero,
+	yAxisMax,
+	yAxisMin,
+	yAxisScaleType,
+	yAxisTitle,
+} = editor;
+
+function setLegendPosition(value: SelectModel<LegendPosition>): void {
+	const choice = selected(value);
+	if (choice) legendPosition.value = choice;
+}
+
+function setUnitMode(value: SelectModel<UnitMode>): void {
+	const choice = selected(value);
+	if (choice) unitMode.value = choice;
+}
+
+function setUnitsPosition(value: SelectModel<'prefix' | 'suffix'>): void {
+	const choice = selected(value);
+	if (choice) unitsPosition.value = choice;
+}
+
+function setConvertUnit(value: SelectModel<string>): void {
+	const choice = selected(value);
+	convertUnit.value = choice ?? '';
+}
+
+function setScaleType(value: SelectModel<ScaleType>): void {
+	const choice = selected(value);
+	if (choice) yAxisScaleType.value = choice;
+}
+
+function setSortBy(value: SelectModel<SortBy>): void {
+	const choice = selected(value);
+	if (choice) sortBy.value = choice;
+}
+
+function setDecimalPlaces(value: string): void {
+	decimalPlaces.value = toOptionalNumber(value);
+}
+
+function setYAxisMin(value: string): void {
+	yAxisMin.value = toOptionalNumber(value);
+}
+
+function setYAxisMax(value: string): void {
+	yAxisMax.value = toOptionalNumber(value);
+}
+
+function setLimit(value: string): void {
+	limit.value = toOptionalNumber(value);
+}
+
+function onPaletteInput(index: number, event: Event): void {
+	editor.updatePaletteColor(index, (event.target as HTMLInputElement).value);
+}
+</script>
+
+<template>
+	<UiAccordion class="advanced-options">
+		<UiExpansionPanel title="Display options">
+			<div class="advanced-options__group">
+				<UiCheckbox v-if="!isPieType" v-model="stacked">Stacked</UiCheckbox>
+				<UiCheckbox v-if="chartType === 'bar'" v-model="horizontal">Horizontal</UiCheckbox>
+				<UiCheckbox v-model="showDataLabels">Show data labels</UiCheckbox>
+				<UiCheckbox v-model="legendShow">Show legend</UiCheckbox>
+				<UiField v-if="legendShow" label="Legend position" class="advanced-options__field">
+					<UiSelect :model-value="legendPosition" :options="LEGEND_POSITIONS" @update:model-value="setLegendPosition" />
+				</UiField>
+			</div>
+		</UiExpansionPanel>
+
+		<UiExpansionPanel title="Units & formatting">
+			<div class="advanced-options__group">
+				<UiField label="Unit mode" class="advanced-options__field">
+					<UiSelect :model-value="unitMode" :options="UNIT_MODES" @update:model-value="setUnitMode" />
+				</UiField>
+
+				<div v-if="unitMode === 'custom'" class="advanced-options__inline">
+					<UiField label="Unit text" class="advanced-options__field">
+						<UiInput v-model="unitsText" placeholder="e.g. $, %, EUR" />
+					</UiField>
+					<UiField label="Unit position" class="advanced-options__field">
+						<UiSelect :model-value="unitsPosition" :options="UNIT_POSITIONS" @update:model-value="setUnitsPosition" />
+					</UiField>
+				</div>
+
+				<UiField
+					v-if="unitMode === 'convert'"
+					label="Source unit"
+					hint="Values auto-convert to the best readable unit"
+					class="advanced-options__field"
+				>
+					<UiSelect
+						:model-value="convertUnit || null"
+						:options="CONVERT_UNIT_OPTIONS"
+						placeholder=""
+						@update:model-value="setConvertUnit"
+					/>
+				</UiField>
+
+				<template v-if="unitMode !== 'convert'">
+					<div class="advanced-options__inline">
+						<UiField label="Decimal places" class="advanced-options__field">
+							<UiInput
+								type="number"
+								min="0"
+								max="10"
+								:model-value="decimalPlaces"
+								@update:model-value="setDecimalPlaces"
+							/>
+						</UiField>
+					</div>
+					<UiCheckbox v-model="thousandsSeparator">Thousands separator</UiCheckbox>
+					<UiCheckbox v-model="compact">Compact notation (1K, 1M, 1B)</UiCheckbox>
+				</template>
+			</div>
+		</UiExpansionPanel>
+
+		<UiExpansionPanel v-if="!isPieType" title="Axis configuration">
+			<div class="advanced-options__group">
+				<h4 class="advanced-options__axis">Y-Axis</h4>
+				<div class="advanced-options__inline">
+					<UiField label="Title" class="advanced-options__field">
+						<UiInput v-model="yAxisTitle" />
+					</UiField>
+					<UiField label="Scale type" class="advanced-options__field">
+						<UiSelect :model-value="yAxisScaleType" :options="SCALE_TYPES" @update:model-value="setScaleType" />
+					</UiField>
+				</div>
+				<div class="advanced-options__inline">
+					<UiField label="Min" class="advanced-options__field">
+						<UiInput type="number" :model-value="yAxisMin" @update:model-value="setYAxisMin" />
+					</UiField>
+					<UiField label="Max" class="advanced-options__field">
+						<UiInput type="number" :model-value="yAxisMax" @update:model-value="setYAxisMax" />
+					</UiField>
+				</div>
+				<UiCheckbox v-model="yAxisBeginAtZero">Begin at zero</UiCheckbox>
+
+				<h4 class="advanced-options__axis">X-Axis</h4>
+				<UiField label="Title" class="advanced-options__field">
+					<UiInput v-model="xAxisTitle" />
+				</UiField>
+			</div>
+		</UiExpansionPanel>
+
+		<UiExpansionPanel title="Data options">
+			<div class="advanced-options__group">
+				<div class="advanced-options__inline">
+					<UiField label="Sort by" class="advanced-options__field">
+						<UiSelect :model-value="sortBy" :options="SORT_OPTIONS" @update:model-value="setSortBy" />
+					</UiField>
+					<UiField label="Limit" class="advanced-options__field">
+						<UiInput
+							type="number"
+							min="1"
+							max="10000"
+							placeholder="No limit"
+							:model-value="limit"
+							@update:model-value="setLimit"
+						/>
+					</UiField>
+				</div>
+			</div>
+		</UiExpansionPanel>
+
+		<UiExpansionPanel title="Custom color palette">
+			<div class="advanced-options__group">
+				<div class="advanced-options__palette">
+					<div v-for="(color, i) in colorPalette" :key="i" class="advanced-options__swatch">
+						<input
+							type="color"
+							class="color-input"
+							:aria-label="`Palette color ${i + 1}`"
+							:value="toHex(color)"
+							@input="onPaletteInput(i, $event)"
+						>
+						<UiIconButton icon="close" label="Remove color" size="sm" @click="editor.removePaletteColor(i)" />
+					</div>
+				</div>
+				<div class="advanced-options__palette-actions">
+					<UiButton variant="secondary" size="sm" @click="editor.addPaletteColor()">
+						<template #leading><UiIcon name="add" size="sm" /></template>
+						Add color
+					</UiButton>
+					<UiButton
+						v-if="colorPalette.length === 0"
+						variant="secondary"
+						size="sm"
+						@click="editor.initializeDefaultPalette()"
+					>
+						<template #leading><UiIcon name="palette" size="sm" /></template>
+						Load defaults
+					</UiButton>
+				</div>
+			</div>
+		</UiExpansionPanel>
+	</UiAccordion>
+</template>
+
+<style scoped>
+.advanced-options {
+	margin-top: var(--space-2);
+}
+
+.advanced-options__group {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+	padding: var(--space-1) 0;
+}
+
+.advanced-options__field {
+	min-width: 7.5rem;
+}
+
+.advanced-options__inline {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-3);
+}
+
+.advanced-options__inline .advanced-options__field {
+	flex: 1;
+}
+
+.advanced-options__axis {
+	margin: var(--space-2) 0 0;
+	font-size: var(--text-sm);
+	font-weight: var(--weight-medium);
+	color: var(--color-muted);
+}
+
+.advanced-options__palette,
+.advanced-options__palette-actions {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-2);
+}
+
+.advanced-options__swatch {
+	display: flex;
+	align-items: center;
+	gap: var(--space-05);
+}
+
+.color-input {
+	width: 2.25rem;
+	height: 2.25rem;
+	padding: var(--space-05);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-control);
+	background: none;
+	cursor: pointer;
+}
+</style>
diff --git a/frontend-vue/src/components/charts/ChartDeleteDialog.spec.ts b/frontend-vue/src/components/charts/ChartDeleteDialog.spec.ts
new file mode 100644
index 000000000..012dcf01c
--- /dev/null
+++ b/frontend-vue/src/components/charts/ChartDeleteDialog.spec.ts
@@ -0,0 +1,78 @@
+import { flushPromises } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import type { SavedQuery } from '@/models/saved-query';
+import { buttonByText, openDialog } from '../dashboards/__tests__/dialog-harness';
+import ChartDeleteDialog from './ChartDeleteDialog.vue';
+
+const savedQueries = vi.hoisted(() => ({ deleteSavedQuery: vi.fn() }));
+vi.mock('@/stores/saved-queries', () => ({ useSavedQueriesStore: () => savedQueries }));
+vi.mock('../dashboards/analytics', () => ({ trackDashboardsEvent: vi.fn() }));
+
+const query: SavedQuery = {
+	id: '1',
+	name: 'Test Query',
+	description: 'Test description',
+	widget_type: 'chart',
+	chart_type: 'bar',
+	widget_options: null,
+	query_text: 'SELECT * FROM users',
+	connection_id: 'conn-1',
+	created_at: '2024-01-01',
+	updated_at: '2024-01-01',
+};
+
+const open = () => openDialog<boolean>(ChartDeleteDialog, { query, connectionId: 'conn-1' });
+
+describe('ChartDeleteDialog', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+	});
+
+	it('names the query being deleted', async () => {
+		const { wrapper } = await open();
+
+		expect(wrapper.find('h2').text()).toBe('Delete saved query');
+		expect(wrapper.text()).toContain('Are you sure you want to delete the query Test Query?');
+		wrapper.unmount();
+	});
+
+	it('deletes the query and closes with true', async () => {
+		savedQueries.deleteSavedQuery.mockResolvedValue(query);
+		const { wrapper, dialogRef } = await open();
+
+		expect(buttonByText(wrapper, 'Delete query').attributes('type')).toBe('submit');
+		await wrapper.find('form').trigger('submit');
+
+		expect(savedQueries.deleteSavedQuery).toHaveBeenCalledWith('conn-1', '1');
+		await expect(dialogRef.afterClosed()).resolves.toBe(true);
+		wrapper.unmount();
+	});
+
+	it('shows the busy label while deleting', async () => {
+		savedQueries.deleteSavedQuery.mockReturnValue(new Promise(() => {}));
+		const { wrapper } = await open();
+
+		await wrapper.find('form').trigger('submit');
+
+		expect(wrapper.find('button[type="submit"]').text()).toBe('Deleting...');
+		wrapper.unmount();
+	});
+
+	it('stays open and re-enables the button when the delete fails', async () => {
+		savedQueries.deleteSavedQuery.mockRejectedValue(new Error('nope'));
+		const { wrapper, dialogRef } = await open();
+		const closed = vi.fn();
+		dialogRef.afterClosed().then(closed);
+
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(closed).not.toHaveBeenCalled();
+		const submit = wrapper.find('button[type="submit"]');
+		expect(submit.text()).toBe('Delete query');
+		expect(submit.attributes('disabled')).toBeUndefined();
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/charts/ChartDeleteDialog.vue b/frontend-vue/src/components/charts/ChartDeleteDialog.vue
new file mode 100644
index 000000000..42fee8d91
--- /dev/null
+++ b/frontend-vue/src/components/charts/ChartDeleteDialog.vue
@@ -0,0 +1,48 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/charts/chart-delete-dialog: confirms deleting a saved query
+// (a panel) and closes with `true` once it is gone. The store refreshes the panels list.
+import { ref } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { useDialogRef } from '@/composables/useDialog';
+import type { SavedQuery } from '@/models/saved-query';
+import { useSavedQueriesStore } from '@/stores/saved-queries';
+import { trackDashboardsEvent } from '../dashboards/analytics';
+import DeleteWarning from '../dashboards/DeleteWarning.vue';
+
+const props = defineProps<{ data: { query: SavedQuery; connectionId: string } }>();
+
+const dialogRef = useDialogRef<boolean>();
+const savedQueries = useSavedQueriesStore();
+const submitting = ref(false);
+
+async function onDelete(): Promise<void> {
+	submitting.value = true;
+	try {
+		const result = await savedQueries.deleteSavedQuery(props.data.connectionId, props.data.query.id);
+		if (result) {
+			trackDashboardsEvent('Charts: saved query deleted successfully');
+			dialogRef.close(true);
+		}
+	} catch {
+		// The client has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm
+		title="Delete saved query"
+		size="sm"
+		submit-variant="danger"
+		:submit-label="submitting ? 'Deleting...' : 'Delete query'"
+		:busy="submitting"
+		data-testid="delete-chart-dialog"
+		@submit="onDelete"
+	>
+		<DeleteWarning details="This action cannot be undone. The query and its configuration will be permanently removed.">
+			Are you sure you want to delete the query <strong>{{ data.query.name }}</strong>?
+		</DeleteWarning>
+	</AppDialogForm>
+</template>
diff --git a/frontend-vue/src/components/charts/ChartPreview.spec.ts b/frontend-vue/src/components/charts/ChartPreview.spec.ts
new file mode 100644
index 000000000..665dd84e2
--- /dev/null
+++ b/frontend-vue/src/components/charts/ChartPreview.spec.ts
@@ -0,0 +1,60 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it, vi } from 'vitest';
+import type { ChartWidgetOptions } from '@/models/saved-query';
+import { ChartStub } from './__tests__/chart-stub';
+import ChartPreview from './ChartPreview.vue';
+
+vi.mock('vue-chartjs', async () => ({ Chart: (await import('./__tests__/chart-stub')).ChartStub }));
+
+const rows = [
+	{ name: 'A', count: 10 },
+	{ name: 'B', count: 20 },
+];
+
+describe('ChartPreview', () => {
+	it('draws the rows with the widget options', () => {
+		const wrapper = mount(ChartPreview, {
+			props: {
+				chartType: 'line',
+				data: rows,
+				widgetOptions: { label_column: 'name', series: [{ value_column: 'count' }] },
+			},
+		});
+		const chart = wrapper.getComponent(ChartStub);
+
+		expect(chart.props('type')).toBe('line');
+		expect(chart.props('data')).toMatchObject({ labels: ['A', 'B'], datasets: [{ data: [10, 20] }] });
+		expect(chart.props('plugins')).toHaveLength(1);
+	});
+
+	it('falls back to the legacy label/value column props', () => {
+		const wrapper = mount(ChartPreview, { props: { data: rows, labelColumn: 'name', valueColumn: 'count' } });
+
+		expect(wrapper.getComponent(ChartStub).props('data')).toMatchObject({ labels: ['A', 'B'] });
+	});
+
+	it('uses a bar base type for mixed series', () => {
+		const wrapper = mount(ChartPreview, {
+			props: {
+				chartType: 'line',
+				data: rows,
+				widgetOptions: { label_column: 'name', series: [{ value_column: 'count', type: 'bar' }] },
+			},
+		});
+
+		expect(wrapper.getComponent(ChartStub).props('type')).toBe('bar');
+	});
+
+	it('shows the empty state without rows, a label column or a value source', () => {
+		const cases: { data: Record<string, unknown>[]; widgetOptions: ChartWidgetOptions }[] = [
+			{ data: [], widgetOptions: { label_column: 'name', value_column: 'count' } },
+			{ data: rows, widgetOptions: { label_column: '', value_column: 'count' } },
+			{ data: rows, widgetOptions: { label_column: 'name' } },
+		];
+		for (const props of cases) {
+			const wrapper = mount(ChartPreview, { props });
+			expect(wrapper.findComponent(ChartStub).exists()).toBe(false);
+			expect(wrapper.text()).toContain('No chart data available');
+		}
+	});
+});
diff --git a/frontend-vue/src/components/charts/ChartPreview.vue b/frontend-vue/src/components/charts/ChartPreview.vue
new file mode 100644
index 000000000..854d789c8
--- /dev/null
+++ b/frontend-vue/src/components/charts/ChartPreview.vue
@@ -0,0 +1,90 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/charts/chart-preview: the live chart on the panel editor.
+// Draws `data` with the saved-query chart options (src/lib/chart-config.helper.ts); without
+// `widgetOptions` it falls back to the legacy single label/value column inputs.
+import './chartjs';
+import { computed } from 'vue';
+import { Chart } from 'vue-chartjs';
+import {
+	buildChartData,
+	buildChartOptions,
+	buildDataLabelsPlugin,
+	getMappedChartType,
+} from '@/lib/chart-config.helper';
+import type { ChartType, ChartWidgetOptions } from '@/models/saved-query';
+
+const props = withDefaults(
+	defineProps<{
+		chartType?: ChartType;
+		/** Query result rows. */
+		data?: Record<string, unknown>[];
+		/** Saved-query chart options; when set, the legacy column props are ignored. */
+		widgetOptions?: ChartWidgetOptions | null;
+		/** Legacy: the label column when there are no `widgetOptions`. */
+		labelColumn?: string;
+		/** Legacy: the value column when there are no `widgetOptions`. */
+		valueColumn?: string;
+		/** Legacy: how labels are read when there are no `widgetOptions`. */
+		labelType?: 'values' | 'datetime';
+	}>(),
+	{
+		chartType: 'bar',
+		data: () => [],
+		widgetOptions: null,
+		labelColumn: '',
+		valueColumn: '',
+		labelType: 'values',
+	},
+);
+
+const options = computed<ChartWidgetOptions>(
+	() =>
+		props.widgetOptions ?? {
+			label_column: props.labelColumn,
+			value_column: props.valueColumn,
+			label_type: props.labelType,
+		},
+);
+
+const chartData = computed(() => {
+	const opts = options.value;
+	if (!props.data.length || !opts.label_column) return null;
+	// At least one value source must exist.
+	if (!opts.series?.length && !opts.value_column) return null;
+	return buildChartData(props.data, props.chartType, opts);
+});
+
+const chartOptions = computed(() => buildChartOptions(props.chartType, options.value));
+const chartPlugins = computed(() => [buildDataLabelsPlugin(options.value)]);
+const mappedChartType = computed(() => getMappedChartType(props.chartType, options.value));
+</script>
+
+<template>
+	<div v-if="chartData" class="chart-preview">
+		<Chart :type="mappedChartType" :data="chartData" :options="chartOptions" :plugins="chartPlugins" />
+	</div>
+	<div v-else class="chart-preview__no-data">
+		<p>No chart data available</p>
+	</div>
+</template>
+
+<style scoped>
+.chart-preview {
+	position: relative;
+	width: 100%;
+	height: 250px;
+}
+
+.chart-preview :deep(canvas) {
+	max-width: 100%;
+	max-height: 100%;
+}
+
+.chart-preview__no-data {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 200px;
+	color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/charts/ChartSeriesEditor.vue b/frontend-vue/src/components/charts/ChartSeriesEditor.vue
new file mode 100644
index 000000000..cae6a5ad5
--- /dev/null
+++ b/frontend-vue/src/components/charts/ChartSeriesEditor.vue
@@ -0,0 +1,304 @@
+<script setup lang="ts">
+// The "Data series" block of the panel editor (chart-edit.component.html): the series mode, the
+// series-from-column pickers, or the list of manual series cards.
+import { computed } from 'vue';
+import { UiButton, UiCheckbox, UiField, UiIcon, UiIconButton, UiInput, UiSelect } from '@/components/ui';
+import type { ChartSeriesConfig } from '@/models/saved-query';
+import {
+	POINT_STYLES,
+	type PointStyle,
+	SERIES_MODES,
+	SERIES_TYPE_OVERRIDES,
+	type SelectModel,
+	type SeriesMode,
+	selected,
+	toHex,
+	toOptionalNumber,
+	useChartEditor,
+} from './chartEditor';
+
+const editor = useChartEditor();
+const { chartType, isPieType, resultColumns, seriesColumn, seriesList, seriesMode, seriesValueColumn } = editor;
+
+const columnOptions = computed(() => resultColumns.value.map((col) => ({ value: col, label: col })));
+
+function setSeriesMode(value: SelectModel<SeriesMode>): void {
+	const choice = selected(value);
+	if (choice) seriesMode.value = choice;
+}
+
+function setSeriesColumn(value: SelectModel<string>): void {
+	const choice = selected(value);
+	seriesColumn.value = choice ?? '';
+}
+
+function setSeriesValueColumn(value: SelectModel<string>): void {
+	const choice = selected(value);
+	seriesValueColumn.value = choice ?? '';
+}
+
+function onValueColumn(index: number, value: SelectModel<string>): void {
+	editor.updateSeries(index, 'value_column', selected(value) ?? '');
+}
+
+function isLine(series: ChartSeriesConfig): boolean {
+	return chartType.value === 'line' || series.type === 'line';
+}
+
+function onColorInput(index: number, event: Event): void {
+	editor.updateSeries(index, 'color', (event.target as HTMLInputElement).value);
+}
+
+function onTypeOverride(index: number, value: SelectModel<'' | 'bar' | 'line'>): void {
+	editor.updateSeries(index, 'type', selected(value) || undefined);
+}
+
+function onPointStyle(index: number, value: SelectModel<PointStyle>): void {
+	const choice = selected(value);
+	if (choice) editor.updateSeries(index, 'point_style', choice);
+}
+</script>
+
+<template>
+	<div class="series-editor">
+		<div class="series-editor__header">
+			<h4 class="series-editor__title">Data series</h4>
+			<UiField v-if="!isPieType" label="Series mode" class="series-editor__mode">
+				<UiSelect :model-value="seriesMode" :options="SERIES_MODES" size="sm" @update:model-value="setSeriesMode" />
+			</UiField>
+		</div>
+
+		<div v-if="seriesMode === 'column' && !isPieType" class="series-editor__columns">
+			<UiField label="Series column" hint="Categorical column to split into datasets" class="series-editor__field">
+				<UiSelect
+					:model-value="seriesColumn || null"
+					:options="columnOptions"
+					placeholder=""
+					@update:model-value="setSeriesColumn"
+				/>
+			</UiField>
+			<UiField label="Value column" hint="Numeric column to chart" class="series-editor__field">
+				<UiSelect
+					:model-value="seriesValueColumn || null"
+					:options="columnOptions"
+					placeholder=""
+					@update:model-value="setSeriesValueColumn"
+				/>
+			</UiField>
+		</div>
+
+		<template v-if="seriesMode === 'manual' || isPieType">
+			<UiButton
+				v-if="!isPieType || seriesList.length === 0"
+				variant="secondary"
+				size="sm"
+				class="series-editor__add"
+				data-testid="add-series-button"
+				@click="editor.addSeries()"
+			>
+				<template #leading><UiIcon name="add" size="sm" /></template>
+				Add series
+			</UiButton>
+
+			<div v-for="(series, i) in seriesList" :key="i" class="series-card" :data-testid="`series-card-${i}`">
+				<div class="series-card__header">
+					<span class="series-card__number">Series {{ i + 1 }}</span>
+					<UiIconButton
+						v-if="seriesList.length > 1"
+						icon="close"
+						label="Remove series"
+						size="sm"
+						@click="editor.removeSeries(i)"
+					/>
+				</div>
+
+				<div class="series-card__fields">
+					<UiField label="Value column" class="series-editor__field">
+						<UiSelect
+							:model-value="series.value_column || null"
+							:options="columnOptions"
+							placeholder=""
+							@update:model-value="onValueColumn(i, $event)"
+						/>
+					</UiField>
+
+					<UiField label="Label" class="series-editor__field">
+						<UiInput
+							:model-value="series.label || ''"
+							placeholder="Auto"
+							@update:model-value="editor.updateSeries(i, 'label', $event || undefined)"
+						/>
+					</UiField>
+
+					<div v-if="!isPieType" class="series-card__color">
+						<span class="series-card__color-label">Color</span>
+						<div class="series-card__color-row">
+							<input
+								type="color"
+								class="color-input"
+								:aria-label="`Series ${i + 1} color`"
+								:value="toHex(series.color)"
+								@input="onColorInput(i, $event)"
+							>
+							<UiIconButton
+								v-if="series.color"
+								icon="close"
+								label="Reset to auto"
+								size="sm"
+								@click="editor.updateSeries(i, 'color', undefined)"
+							/>
+							<span v-else class="series-card__auto">Auto</span>
+						</div>
+					</div>
+
+					<UiField v-if="!isPieType && chartType !== 'bar'" label="Point style" class="series-editor__field">
+						<UiSelect
+							:model-value="series.point_style || 'circle'"
+							:options="POINT_STYLES"
+							@update:model-value="onPointStyle(i, $event)"
+						/>
+					</UiField>
+				</div>
+
+				<div v-if="!isPieType" class="series-card__options">
+					<UiCheckbox
+						v-if="isLine(series)"
+						:model-value="series.fill || false"
+						@update:model-value="editor.updateSeries(i, 'fill', $event)"
+					>
+						Fill area
+					</UiCheckbox>
+
+					<UiField v-if="isLine(series)" label="Tension" class="series-editor__field series-editor__field--small">
+						<UiInput
+							type="number"
+							min="0"
+							max="1"
+							step="0.1"
+							:model-value="series.tension ?? 0"
+							@update:model-value="editor.updateSeries(i, 'tension', toOptionalNumber($event) ?? undefined)"
+						/>
+					</UiField>
+
+					<UiField v-if="seriesList.length > 1" label="Type override" class="series-editor__field">
+						<UiSelect
+							:model-value="series.type || ''"
+							:options="SERIES_TYPE_OVERRIDES"
+							@update:model-value="onTypeOverride(i, $event)"
+						/>
+					</UiField>
+				</div>
+			</div>
+		</template>
+	</div>
+</template>
+
+<style scoped>
+.series-editor {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+	margin-top: var(--space-2);
+}
+
+.series-editor__header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--space-4);
+}
+
+.series-editor__title {
+	margin: 0;
+	font-size: var(--text-sm);
+	font-weight: var(--weight-medium);
+}
+
+.series-editor__mode {
+	min-width: 10rem;
+}
+
+.series-editor__columns,
+.series-card__fields {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-3);
+}
+
+.series-editor__field {
+	flex: 1;
+	min-width: 7.5rem;
+}
+
+.series-editor__field--small {
+	flex: 0 1 auto;
+	min-width: 5rem;
+	max-width: 6.25rem;
+}
+
+.series-editor__add {
+	align-self: flex-start;
+}
+
+.series-card {
+	padding: var(--space-3);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-control);
+}
+
+.series-card__header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	min-height: var(--space-8);
+	margin-bottom: var(--space-2);
+}
+
+.series-card__number {
+	font-size: var(--text-xs);
+	font-weight: var(--weight-medium);
+	text-transform: uppercase;
+	color: var(--color-muted);
+}
+
+.series-card__color {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+	min-width: 5rem;
+}
+
+.series-card__color-label {
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+
+.series-card__color-row {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+}
+
+.series-card__auto {
+	font-size: var(--text-xs);
+	color: var(--color-muted-soft);
+}
+
+.series-card__options {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: var(--space-4);
+	margin-top: var(--space-1);
+}
+
+.color-input {
+	width: 2.25rem;
+	height: 2.25rem;
+	padding: var(--space-05);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-control);
+	background: none;
+	cursor: pointer;
+}
+</style>
diff --git a/frontend-vue/src/components/charts/__tests__/chart-stub.ts b/frontend-vue/src/components/charts/__tests__/chart-stub.ts
new file mode 100644
index 000000000..bef6e3022
--- /dev/null
+++ b/frontend-vue/src/components/charts/__tests__/chart-stub.ts
@@ -0,0 +1,18 @@
+// Spec helper: Chart.js canvases don't render in jsdom, so specs replace vue-chartjs's <Chart> with
+// this stub and assert on the props it received.
+//
+//   vi.mock('vue-chartjs', async () => ({ Chart: (await import('@/components/charts/__tests__/chart-stub')).ChartStub }));
+import { defineComponent, h, type PropType } from 'vue';
+
+export const ChartStub = defineComponent({
+	name: 'ChartStub',
+	props: {
+		type: { type: String, required: true },
+		data: { type: Object, required: true },
+		options: { type: Object, default: () => ({}) },
+		plugins: { type: Array as PropType<unknown[]>, default: () => [] },
+	},
+	setup(props) {
+		return () => h('div', { 'data-testid': 'chart', 'data-type': props.type });
+	},
+});
diff --git a/frontend-vue/src/components/charts/chartEditor.spec.ts b/frontend-vue/src/components/charts/chartEditor.spec.ts
new file mode 100644
index 000000000..eb4dc9e5b
--- /dev/null
+++ b/frontend-vue/src/components/charts/chartEditor.spec.ts
@@ -0,0 +1,133 @@
+import { describe, expect, it } from 'vitest';
+import { DEFAULT_COLOR_PALETTE } from '@/lib/chart-config.helper';
+import { createChartEditorState, toHex, toOptionalNumber } from './chartEditor';
+
+describe('createChartEditorState', () => {
+	it('builds only the non-default options', () => {
+		const state = createChartEditorState();
+		expect(state.currentWidgetOptions.value).toEqual({ label_column: '', label_type: 'values' });
+
+		state.labelColumn.value = 'month';
+		state.seriesList.value = [{ value_column: 'total' }];
+		state.legendPosition.value = 'bottom';
+		state.unitMode.value = 'custom';
+		state.unitsText.value = '$';
+		state.unitsPosition.value = 'prefix';
+		state.decimalPlaces.value = 2;
+		state.thousandsSeparator.value = false;
+		state.yAxisBeginAtZero.value = false;
+		state.yAxisScaleType.value = 'logarithmic';
+		state.xAxisTitle.value = 'Month';
+		state.sortBy.value = 'value_desc';
+		state.limit.value = 0;
+
+		expect(state.currentWidgetOptions.value).toEqual({
+			label_column: 'month',
+			label_type: 'values',
+			series: [{ value_column: 'total' }],
+			legend: { show: true, position: 'bottom' },
+			units: { text: '$', position: 'prefix' },
+			number_format: { decimal_places: 2, thousands_separator: false },
+			y_axis: { begin_at_zero: false, scale_type: 'logarithmic' },
+			x_axis: { title: 'Month' },
+			sort_by: 'value_desc',
+		});
+	});
+
+	it('uses series_column + value_column in column mode', () => {
+		const state = createChartEditorState();
+		state.seriesMode.value = 'column';
+		state.seriesColumn.value = 'region';
+		state.seriesValueColumn.value = 'sales';
+		state.seriesList.value = [{ value_column: 'ignored' }];
+
+		expect(state.currentWidgetOptions.value).toMatchObject({ series_column: 'region', value_column: 'sales' });
+		expect(state.currentWidgetOptions.value.series).toBeUndefined();
+	});
+
+	it('round-trips saved options, converting a legacy value_column to a series', () => {
+		const state = createChartEditorState();
+		state.applyWidgetOptions(
+			{
+				label_column: 'day',
+				label_type: 'datetime',
+				value_column: 'n',
+				units: { convert_unit: 'ms' },
+				y_axis: { min: 1, max: 9 },
+				limit: 5,
+				color_palette: ['#ff0000'],
+			},
+			'saved',
+		);
+
+		expect(state.currentWidgetOptions.value).toEqual({
+			label_column: 'day',
+			label_type: 'datetime',
+			series: [{ value_column: 'n' }],
+			units: { convert_unit: 'ms' },
+			y_axis: { min: 1, max: 9 },
+			limit: 5,
+			color_palette: ['#ff0000'],
+		});
+	});
+
+	it('ignores formatting options from an AI response and resets the series mode', () => {
+		const state = createChartEditorState();
+		state.seriesMode.value = 'column';
+		state.applyWidgetOptions({ label_column: 'a', series: [{ value_column: 'b' }], sort_by: 'label_asc' }, 'ai');
+
+		expect(state.seriesMode.value).toBe('manual');
+		expect(state.sortBy.value).toBe('none');
+	});
+
+	it('reports chart data only with rows, a label column and a series', () => {
+		const state = createChartEditorState();
+		expect(state.hasChartData.value).toBe(false);
+		state.testResults.value = [{ name: 'John' }];
+		state.labelColumn.value = 'name';
+		expect(state.hasChartData.value).toBe(false);
+		state.seriesList.value = [{ value_column: 'count' }];
+		expect(state.hasChartData.value).toBe(true);
+	});
+
+	it('adds a series on the next unused column', () => {
+		const state = createChartEditorState();
+		state.applyTestResults([{ name: 'a', x: 1, y: 2 }]);
+		expect(state.labelColumn.value).toBe('name');
+		expect(state.seriesList.value).toEqual([{ value_column: 'x' }]);
+
+		state.addSeries();
+		expect(state.seriesList.value[1]).toEqual({ value_column: 'y' });
+		state.updateSeries(1, 'label', 'Y');
+		expect(state.seriesList.value[1]).toEqual({ value_column: 'y', label: 'Y' });
+		state.removeSeries(0);
+		expect(state.seriesList.value).toEqual([{ value_column: 'y', label: 'Y' }]);
+	});
+
+	it('edits the colour palette', () => {
+		const state = createChartEditorState();
+		state.initializeDefaultPalette();
+		expect(state.colorPalette.value).toEqual(DEFAULT_COLOR_PALETTE);
+		state.updatePaletteColor(0, '#123456');
+		state.removePaletteColor(1);
+		expect(state.colorPalette.value[0]).toBe('#123456');
+		expect(state.colorPalette.value).toHaveLength(DEFAULT_COLOR_PALETTE.length - 1);
+	});
+});
+
+describe('toHex', () => {
+	it('converts rgba and trims hex alpha', () => {
+		expect(toHex('rgba(99, 102, 241, 0.8)')).toBe('#6366f1');
+		expect(toHex('#11223344')).toBe('#112233');
+		expect(toHex(undefined)).toBe('#6366f1');
+		expect(toHex('red')).toBe('#000000');
+	});
+});
+
+describe('toOptionalNumber', () => {
+	it('treats an empty input as null', () => {
+		expect(toOptionalNumber('')).toBeNull();
+		expect(toOptionalNumber('3')).toBe(3);
+		expect(toOptionalNumber(null)).toBeNull();
+	});
+});
diff --git a/frontend-vue/src/components/charts/chartEditor.ts b/frontend-vue/src/components/charts/chartEditor.ts
new file mode 100644
index 000000000..3b3cfa16a
--- /dev/null
+++ b/frontend-vue/src/components/charts/chartEditor.ts
@@ -0,0 +1,514 @@
+// The panel editor's chart configuration, pulled out of ChartEditView so the series and advanced
+// option sections can live in their own components (they inject it) and the option round-trip can
+// be tested without a page. Port of the chart config signals, `currentWidgetOptions`, the series and
+// palette helpers, and the two "apply saved options" blocks of chart-edit.component.ts.
+import { computed, type InjectionKey, inject, provide, ref } from 'vue';
+import type { SelectOption } from '@/components/ui';
+import { DEFAULT_COLOR_PALETTE } from '@/lib/chart-config.helper';
+import type {
+	ChartAxisConfig,
+	ChartNumberFormatConfig,
+	ChartSeriesConfig,
+	ChartType,
+	ChartWidgetOptions,
+} from '@/models/saved-query';
+
+export type LabelType = 'values' | 'datetime';
+export type SeriesMode = 'manual' | 'column';
+export type LegendPosition = 'top' | 'bottom' | 'left' | 'right';
+export type UnitMode = 'none' | 'custom' | 'convert';
+export type SortBy = NonNullable<ChartWidgetOptions['sort_by']>;
+export type ScaleType = 'linear' | 'logarithmic';
+export type PointStyle = NonNullable<ChartSeriesConfig['point_style']>;
+
+/** The colour a new palette entry (and an un-coloured series' picker) starts at. */
+export const DEFAULT_PICKER_COLOR = '#6366f1';
+
+export const CHART_TYPES: SelectOption<ChartType>[] = [
+	{ value: 'bar', label: 'Bar Chart' },
+	{ value: 'line', label: 'Line Chart' },
+	{ value: 'pie', label: 'Pie Chart' },
+	{ value: 'doughnut', label: 'Doughnut Chart' },
+	{ value: 'polarArea', label: 'Polar Area Chart' },
+];
+
+export const LABEL_TYPES: SelectOption<LabelType>[] = [
+	{ value: 'values', label: 'Values' },
+	{ value: 'datetime', label: 'Datetime' },
+];
+
+export const SERIES_MODES: SelectOption<SeriesMode>[] = [
+	{ value: 'manual', label: 'Manual' },
+	{ value: 'column', label: 'Series from column' },
+];
+
+export const LEGEND_POSITIONS: SelectOption<LegendPosition>[] = [
+	{ value: 'top', label: 'Top' },
+	{ value: 'bottom', label: 'Bottom' },
+	{ value: 'left', label: 'Left' },
+	{ value: 'right', label: 'Right' },
+];
+
+export const SORT_OPTIONS: SelectOption<SortBy>[] = [
+	{ value: 'none', label: 'None' },
+	{ value: 'label_asc', label: 'Label (A-Z)' },
+	{ value: 'label_desc', label: 'Label (Z-A)' },
+	{ value: 'value_asc', label: 'Value (Low-High)' },
+	{ value: 'value_desc', label: 'Value (High-Low)' },
+];
+
+export const SCALE_TYPES: SelectOption<ScaleType>[] = [
+	{ value: 'linear', label: 'Linear' },
+	{ value: 'logarithmic', label: 'Logarithmic' },
+];
+
+export const POINT_STYLES: SelectOption<PointStyle>[] = [
+	{ value: 'circle', label: 'Circle' },
+	{ value: 'rect', label: 'Rectangle' },
+	{ value: 'triangle', label: 'Triangle' },
+	{ value: 'cross', label: 'Cross' },
+	{ value: 'none', label: 'None' },
+];
+
+export const UNIT_MODES: SelectOption<UnitMode>[] = [
+	{ value: 'none', label: 'None' },
+	{ value: 'custom', label: 'Custom text' },
+	{ value: 'convert', label: 'Auto-convert' },
+];
+
+export const UNIT_POSITIONS: SelectOption<'prefix' | 'suffix'>[] = [
+	{ value: 'prefix', label: 'Prefix ($100)' },
+	{ value: 'suffix', label: 'Suffix (100ms)' },
+];
+
+/** `''` is "Default" (no override). */
+export const SERIES_TYPE_OVERRIDES: SelectOption<'' | 'bar' | 'line'>[] = [
+	{ value: '', label: 'Default' },
+	{ value: 'bar', label: 'Bar' },
+	{ value: 'line', label: 'Line' },
+];
+
+const CONVERT_UNIT_GROUPS: { group: string; units: [value: string, label: string][] }[] = [
+	{
+		group: 'Time',
+		units: [
+			['ms', 'Milliseconds (ms)'],
+			['s', 'Seconds (s)'],
+			['min', 'Minutes (min)'],
+			['h', 'Hours (h)'],
+			['d', 'Days (d)'],
+		],
+	},
+	{
+		group: 'Data',
+		units: [
+			['B', 'Bytes (B)'],
+			['KB', 'Kilobytes (KB)'],
+			['MB', 'Megabytes (MB)'],
+			['GB', 'Gigabytes (GB)'],
+			['TB', 'Terabytes (TB)'],
+		],
+	},
+	{
+		group: 'Length',
+		units: [
+			['mm', 'Millimeters (mm)'],
+			['cm', 'Centimeters (cm)'],
+			['m', 'Meters (m)'],
+			['km', 'Kilometers (km)'],
+			['in', 'Inches (in)'],
+			['ft', 'Feet (ft)'],
+			['mi', 'Miles (mi)'],
+		],
+	},
+	{
+		group: 'Mass',
+		units: [
+			['mg', 'Milligrams (mg)'],
+			['g', 'Grams (g)'],
+			['kg', 'Kilograms (kg)'],
+			['oz', 'Ounces (oz)'],
+			['lb', 'Pounds (lb)'],
+		],
+	},
+	{
+		group: 'Temperature',
+		units: [
+			['C', 'Celsius (C)'],
+			['F', 'Fahrenheit (F)'],
+			['K', 'Kelvin (K)'],
+		],
+	},
+	{
+		group: 'Frequency',
+		units: [
+			['Hz', 'Hertz (Hz)'],
+			['kHz', 'Kilohertz (kHz)'],
+			['MHz', 'Megahertz (MHz)'],
+			['GHz', 'Gigahertz (GHz)'],
+		],
+	},
+	{
+		group: 'Power',
+		units: [
+			['W', 'Watts (W)'],
+			['kW', 'Kilowatts (kW)'],
+			['MW', 'Megawatts (MW)'],
+		],
+	},
+	{
+		group: 'Energy',
+		units: [
+			['J', 'Joules (J)'],
+			['Wh', 'Watt-hours (Wh)'],
+			['kWh', 'Kilowatt-hours (kWh)'],
+		],
+	},
+	{
+		group: 'Pressure',
+		units: [
+			['Pa', 'Pascals (Pa)'],
+			['bar', 'Bar'],
+			['psi', 'PSI'],
+			['atm', 'Atmospheres (atm)'],
+		],
+	},
+	{
+		group: 'Volume',
+		units: [
+			['mL', 'Milliliters (mL)'],
+			['L', 'Liters (L)'],
+			['gal', 'Gallons (gal)'],
+		],
+	},
+];
+
+/** The `mat-optgroup` list of source units, flattened for UiSelect's `group`. */
+export const CONVERT_UNIT_OPTIONS: SelectOption<string>[] = CONVERT_UNIT_GROUPS.flatMap(({ group, units }) =>
+	units.map(([value, label]) => ({ value, label, group })),
+);
+
+/** An `rgba(...)` or `#rrggbb[aa]` colour as the `#rrggbb` a colour input accepts. */
+export function toHex(color: string | undefined): string {
+	if (!color) return DEFAULT_PICKER_COLOR;
+	if (color.startsWith('#')) return color.substring(0, 7);
+	const match = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+	if (!match) return '#000000';
+	const [r, g, b] = [match[1], match[2], match[3]].map((part) =>
+		parseInt(part ?? '0', 10)
+			.toString(16)
+			.padStart(2, '0'),
+	);
+	return `#${r}${g}${b}`;
+}
+
+export function createChartEditorState() {
+	// Query results the chart is configured against.
+	const testResults = ref<Record<string, unknown>[]>([]);
+	const resultColumns = ref<string[]>([]);
+
+	// Basic chart config
+	const chartType = ref<ChartType>('bar');
+	const labelColumn = ref('');
+	const labelType = ref<LabelType>('values');
+
+	// Series config
+	const seriesMode = ref<SeriesMode>('manual');
+	const seriesList = ref<ChartSeriesConfig[]>([]);
+	const seriesColumn = ref('');
+	const seriesValueColumn = ref('');
+
+	// Display options
+	const stacked = ref(false);
+	const horizontal = ref(false);
+	const showDataLabels = ref(false);
+
+	// Legend
+	const legendShow = ref(true);
+	const legendPosition = ref<LegendPosition>('top');
+
+	// Units
+	const unitMode = ref<UnitMode>('none');
+	const unitsText = ref('');
+	const unitsPosition = ref<'prefix' | 'suffix'>('suffix');
+	const convertUnit = ref('');
+
+	// Number format
+	const decimalPlaces = ref<number | null>(null);
+	const thousandsSeparator = ref(true);
+	const compact = ref(false);
+
+	// Y-axis
+	const yAxisTitle = ref('');
+	const yAxisMin = ref<number | null>(null);
+	const yAxisMax = ref<number | null>(null);
+	const yAxisBeginAtZero = ref(true);
+	const yAxisScaleType = ref<ScaleType>('linear');
+
+	// X-axis
+	const xAxisTitle = ref('');
+
+	// Sort & limit
+	const sortBy = ref<SortBy>('none');
+	const limit = ref<number | null>(null);
+
+	// Color palette
+	const colorPalette = ref<string[]>([]);
+
+	const showLabelTypeOption = computed(() => ['bar', 'line'].includes(chartType.value));
+	const isPieType = computed(() => ['pie', 'doughnut', 'polarArea'].includes(chartType.value));
+
+	const hasChartData = computed(() => {
+		const hasLabel = !!labelColumn.value;
+		if (seriesMode.value === 'column') {
+			return testResults.value.length > 0 && hasLabel && !!seriesColumn.value && !!seriesValueColumn.value;
+		}
+		const hasSeries = seriesList.value.length > 0 && seriesList.value.some((s) => !!s.value_column);
+		return testResults.value.length > 0 && hasLabel && hasSeries;
+	});
+
+	const currentWidgetOptions = computed<ChartWidgetOptions>(() => {
+		const options: ChartWidgetOptions = {
+			label_column: labelColumn.value,
+			label_type: labelType.value,
+		};
+
+		if (seriesMode.value === 'column' && seriesColumn.value) {
+			options.series_column = seriesColumn.value;
+			options.value_column = seriesValueColumn.value;
+		} else if (seriesList.value.length > 0) {
+			options.series = seriesList.value;
+		}
+
+		if (stacked.value) options.stacked = true;
+		if (horizontal.value) options.horizontal = true;
+		if (showDataLabels.value) options.show_data_labels = true;
+
+		if (!legendShow.value || legendPosition.value !== 'top') {
+			options.legend = { show: legendShow.value, position: legendPosition.value };
+		}
+
+		if (unitMode.value === 'custom' && unitsText.value) {
+			options.units = { text: unitsText.value, position: unitsPosition.value };
+		} else if (unitMode.value === 'convert' && convertUnit.value) {
+			options.units = { convert_unit: convertUnit.value };
+		}
+
+		const numberFormat: ChartNumberFormatConfig = {};
+		if (decimalPlaces.value !== null) numberFormat.decimal_places = decimalPlaces.value;
+		if (!thousandsSeparator.value) numberFormat.thousands_separator = false;
+		if (compact.value) numberFormat.compact = true;
+		if (Object.keys(numberFormat).length > 0) options.number_format = numberFormat;
+
+		const yAxis: ChartAxisConfig = {};
+		if (yAxisTitle.value) yAxis.title = yAxisTitle.value;
+		if (yAxisMin.value !== null) yAxis.min = yAxisMin.value;
+		if (yAxisMax.value !== null) yAxis.max = yAxisMax.value;
+		if (!yAxisBeginAtZero.value) yAxis.begin_at_zero = false;
+		if (yAxisScaleType.value !== 'linear') yAxis.scale_type = yAxisScaleType.value;
+		if (Object.keys(yAxis).length > 0) options.y_axis = yAxis;
+
+		const xAxis: ChartAxisConfig = {};
+		if (xAxisTitle.value) xAxis.title = xAxisTitle.value;
+		if (Object.keys(xAxis).length > 0) options.x_axis = xAxis;
+
+		if (sortBy.value !== 'none') options.sort_by = sortBy.value;
+		if (limit.value !== null && limit.value > 0) options.limit = limit.value;
+
+		if (colorPalette.value.length > 0) options.color_palette = colorPalette.value;
+
+		return options;
+	});
+
+	/**
+	 * Applies stored chart options. `'saved'` is loadSavedQuery (every option); `'ai'` is
+	 * _applyAiResponse, which also resets the series mode and skips units, format, axes and sorting.
+	 */
+	function applyWidgetOptions(opts: Partial<ChartWidgetOptions>, source: 'saved' | 'ai'): void {
+		if (opts.label_column) labelColumn.value = opts.label_column;
+		if (opts.label_type) labelType.value = opts.label_type;
+
+		if (opts.series_column) {
+			seriesMode.value = 'column';
+			seriesColumn.value = opts.series_column;
+			if (opts.value_column) seriesValueColumn.value = opts.value_column;
+		} else if (opts.series?.length) {
+			if (source === 'ai') seriesMode.value = 'manual';
+			seriesList.value = [...opts.series];
+		} else if (opts.value_column) {
+			// Legacy: a single value_column becomes one series.
+			if (source === 'ai') seriesMode.value = 'manual';
+			seriesList.value = [{ value_column: opts.value_column }];
+		}
+
+		if (opts.stacked) stacked.value = true;
+		if (opts.horizontal) horizontal.value = true;
+		if (opts.show_data_labels) showDataLabels.value = true;
+
+		if (opts.legend) {
+			if (opts.legend.show !== undefined) legendShow.value = opts.legend.show;
+			if (opts.legend.position) legendPosition.value = opts.legend.position;
+		}
+
+		if (source === 'saved') applyFormattingOptions(opts);
+
+		if (opts.color_palette?.length) colorPalette.value = [...opts.color_palette];
+	}
+
+	/** Fills the label column and the first series from a fresh result, when they are still unset. */
+	function applyTestResults(data: Record<string, unknown>[]): void {
+		testResults.value = data;
+		resultColumns.value = data[0] ? Object.keys(data[0]) : [];
+		const [first, second] = resultColumns.value;
+		if (first !== undefined && !labelColumn.value) labelColumn.value = first;
+		if (seriesList.value.length === 0 && second !== undefined) seriesList.value = [{ value_column: second }];
+	}
+
+	function addSeries(): void {
+		const cols = resultColumns.value;
+		const usedCols = new Set(seriesList.value.map((s) => s.value_column));
+		const nextCol = cols.find((c) => c !== labelColumn.value && !usedCols.has(c)) || cols[0] || '';
+		seriesList.value = [...seriesList.value, { value_column: nextCol }];
+	}
+
+	function removeSeries(index: number): void {
+		seriesList.value = seriesList.value.filter((_, i) => i !== index);
+	}
+
+	function updateSeries<K extends keyof ChartSeriesConfig>(index: number, field: K, value: ChartSeriesConfig[K]): void {
+		const current = seriesList.value[index];
+		if (!current) return;
+		const updated = [...seriesList.value];
+		updated[index] = { ...current, [field]: value };
+		seriesList.value = updated;
+	}
+
+	function addPaletteColor(): void {
+		colorPalette.value = [...colorPalette.value, DEFAULT_PICKER_COLOR];
+	}
+
+	function removePaletteColor(index: number): void {
+		colorPalette.value = colorPalette.value.filter((_, i) => i !== index);
+	}
+
+	function updatePaletteColor(index: number, value: string): void {
+		const updated = [...colorPalette.value];
+		updated[index] = value;
+		colorPalette.value = updated;
+	}
+
+	function initializeDefaultPalette(): void {
+		colorPalette.value = [...DEFAULT_COLOR_PALETTE];
+	}
+
+	function applyFormattingOptions(opts: Partial<ChartWidgetOptions>): void {
+		if (opts.units) {
+			if (opts.units.convert_unit) {
+				unitMode.value = 'convert';
+				convertUnit.value = opts.units.convert_unit;
+			} else if (opts.units.text) {
+				unitMode.value = 'custom';
+				unitsText.value = opts.units.text;
+				if (opts.units.position) unitsPosition.value = opts.units.position;
+			}
+		}
+
+		if (opts.number_format) {
+			if (opts.number_format.decimal_places !== undefined) decimalPlaces.value = opts.number_format.decimal_places;
+			if (opts.number_format.thousands_separator !== undefined) {
+				thousandsSeparator.value = opts.number_format.thousands_separator;
+			}
+			if (opts.number_format.compact) compact.value = true;
+		}
+
+		if (opts.y_axis) {
+			if (opts.y_axis.title) yAxisTitle.value = opts.y_axis.title;
+			if (opts.y_axis.min !== undefined) yAxisMin.value = opts.y_axis.min;
+			if (opts.y_axis.max !== undefined) yAxisMax.value = opts.y_axis.max;
+			if (opts.y_axis.begin_at_zero !== undefined) yAxisBeginAtZero.value = opts.y_axis.begin_at_zero;
+			if (opts.y_axis.scale_type) yAxisScaleType.value = opts.y_axis.scale_type;
+		}
+
+		if (opts.x_axis?.title) xAxisTitle.value = opts.x_axis.title;
+
+		if (opts.sort_by) sortBy.value = opts.sort_by;
+		if (opts.limit) limit.value = opts.limit;
+	}
+
+	return {
+		testResults,
+		resultColumns,
+		chartType,
+		labelColumn,
+		labelType,
+		seriesMode,
+		seriesList,
+		seriesColumn,
+		seriesValueColumn,
+		stacked,
+		horizontal,
+		showDataLabels,
+		legendShow,
+		legendPosition,
+		unitMode,
+		unitsText,
+		unitsPosition,
+		convertUnit,
+		decimalPlaces,
+		thousandsSeparator,
+		compact,
+		yAxisTitle,
+		yAxisMin,
+		yAxisMax,
+		yAxisBeginAtZero,
+		yAxisScaleType,
+		xAxisTitle,
+		sortBy,
+		limit,
+		colorPalette,
+		showLabelTypeOption,
+		isPieType,
+		hasChartData,
+		currentWidgetOptions,
+		applyWidgetOptions,
+		applyTestResults,
+		addSeries,
+		removeSeries,
+		updateSeries,
+		addPaletteColor,
+		removePaletteColor,
+		updatePaletteColor,
+		initializeDefaultPalette,
+	};
+}
+
+export type ChartEditorState = ReturnType<typeof createChartEditorState>;
+
+const CHART_EDITOR: InjectionKey<ChartEditorState> = Symbol('ChartEditor');
+
+/** Called by ChartEditView. */
+export function provideChartEditor(state: ChartEditorState): void {
+	provide(CHART_EDITOR, state);
+}
+
+/** Inside ChartEditView: the editor state its sections bind to. */
+export function useChartEditor(): ChartEditorState {
+	const state = inject(CHART_EDITOR, null);
+	if (!state) throw new Error('useChartEditor() must be called inside ChartEditView');
+	return state;
+}
+
+/** A number input's value as the nullable number Angular's `+$event` produced (`''` is null). */
+export function toOptionalNumber(value: string | number | null | undefined): number | null {
+	if (value === '' || value === null || value === undefined) return null;
+	const num = Number(value);
+	return Number.isNaN(num) ? null : num;
+}
+
+/** What a single (non-`multiple`) UiSelect emits, typed as UiSelect types it. */
+export type SelectModel<T> = T | T[] | null;
+
+/** The chosen value of a single UiSelect. */
+export function selected<T>(value: SelectModel<T>): T | null {
+	return Array.isArray(value) ? (value[0] ?? null) : value;
+}
diff --git a/frontend-vue/src/components/charts/chartjs.ts b/frontend-vue/src/components/charts/chartjs.ts
new file mode 100644
index 000000000..ce1cae00f
--- /dev/null
+++ b/frontend-vue/src/components/charts/chartjs.ts
@@ -0,0 +1,7 @@
+// Chart.js setup shared by the chart preview and the dashboard chart panel: what Angular's
+// `provideCharts(withDefaultRegisterables())` and the `chartjs-adapter-date-fns` import did. Imported
+// for its side effect by every component that renders a vue-chartjs <Chart>.
+import { Chart, registerables } from 'chart.js';
+import 'chartjs-adapter-date-fns';
+
+Chart.register(...registerables);
diff --git a/frontend-vue/src/components/company/CompanyMemberAccess.vue b/frontend-vue/src/components/company/CompanyMemberAccess.vue
new file mode 100644
index 000000000..fb3cc3c60
--- /dev/null
+++ b/frontend-vue/src/components/company/CompanyMemberAccess.vue
@@ -0,0 +1,163 @@
+<script setup lang="ts">
+// The "Access" cell of the company members table: a check when the member belongs to any group,
+// with a hover/focus popup listing each connection and its groups (Angular's cdkConnectedOverlay);
+// a cross otherwise.
+//
+// The popup is a `popover="manual"` element so it escapes the table's scroll container, placed
+// above the icon (below when there is no room), like UiMenu's panel.
+import { nextTick, ref, useId } from 'vue';
+import { UiIcon } from '@/components/ui';
+import type { CompanyMember } from '@/models/company';
+
+const props = defineProps<{
+	member: Pick<CompanyMember, 'has_groups' | 'user_membership'>;
+}>();
+
+/** Gap between icon and popup, in px — `--space-1`. Measured geometry, so it can't read the token. */
+const OFFSET = 4;
+
+const popupId = `${useId()}-access`;
+const open = ref(false);
+const trigger = ref<HTMLElement | null>(null);
+const popup = ref<HTMLElement | null>(null);
+const coords = ref<{ top: string; left: string } | undefined>(undefined);
+
+async function show() {
+	if (!props.member.user_membership?.length) return;
+	open.value = true;
+	await nextTick();
+	const el = popup.value;
+	if (!el) return;
+	callPopover(el, 'showPopover');
+	place();
+}
+
+function hide() {
+	open.value = false;
+	if (popup.value) callPopover(popup.value, 'hidePopover');
+}
+
+function place() {
+	const anchor = trigger.value;
+	const el = popup.value;
+	if (!anchor || !el) return;
+	const rect = anchor.getBoundingClientRect();
+	const { offsetWidth: width, offsetHeight: height } = el;
+	let top = rect.top - OFFSET - height;
+	if (top < 0) top = rect.bottom + OFFSET;
+	const left = Math.max(OFFSET, Math.min(rect.left + rect.width / 2 - width / 2, window.innerWidth - width - OFFSET));
+	coords.value = { top: `${top}px`, left: `${left}px` };
+}
+
+/** The popover API is missing in jsdom and older browsers; `v-show` still hides the popup there. */
+function callPopover(el: HTMLElement, method: 'showPopover' | 'hidePopover') {
+	const fn = (el as Partial<Pick<HTMLElement, 'showPopover' | 'hidePopover'>>)[method];
+	try {
+		fn?.call(el);
+	} catch {
+		// Already in the requested state.
+	}
+}
+</script>
+
+<template>
+	<span v-if="member.has_groups" class="company-member-access">
+		<span
+			ref="trigger"
+			class="company-member-access__icon company-member-access__icon--yes"
+			tabindex="0"
+			role="img"
+			aria-label="Has access"
+			:aria-describedby="popupId"
+			@mouseenter="show"
+			@mouseleave="hide"
+			@focus="show"
+			@blur="hide"
+			@keydown.esc="hide"
+		>
+			<UiIcon name="check_circle" />
+		</span>
+		<div
+			v-show="open"
+			:id="popupId"
+			ref="popup"
+			role="tooltip"
+			popover="manual"
+			class="company-member-access__popup"
+			:style="coords"
+		>
+			<div v-for="conn in member.user_membership" :key="conn.id" class="company-member-access__connection">
+				<span class="company-member-access__connection-title">{{ conn.title }}</span>
+				<span class="company-member-access__connection-db">{{ conn.database }}</span>
+				<span v-for="group in conn.groups" :key="group.id" class="company-member-access__group">{{ group.title }}</span>
+			</div>
+		</div>
+	</span>
+	<UiIcon v-else name="cancel" label="No access" class="company-member-access__icon company-member-access__icon--no" />
+</template>
+
+<style scoped>
+.company-member-access {
+	display: inline-flex;
+}
+
+.company-member-access__icon {
+	display: inline-flex;
+	border-radius: var(--radius-pill);
+}
+
+.company-member-access__icon:focus-visible {
+	outline: none;
+	box-shadow: var(--ring-focus);
+}
+
+.company-member-access__icon--yes {
+	color: var(--color-success);
+}
+
+.company-member-access__icon--no {
+	color: var(--color-danger);
+}
+
+/* Overrides the UA `[popover]` box (centred, inset: 0, a border and Canvas background). */
+.company-member-access__popup {
+	position: fixed;
+	inset: auto;
+	z-index: var(--z-tooltip);
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+	min-width: 160px;
+	margin: 0;
+	padding: var(--space-2) var(--space-3);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-control);
+	background: var(--color-surface-raised);
+	box-shadow: var(--shadow-lift);
+	color: var(--color-ink);
+	font-size: var(--text-sm);
+	white-space: nowrap;
+	text-align: start;
+}
+
+.company-member-access__connection {
+	display: flex;
+	flex-direction: column;
+}
+
+.company-member-access__connection-title {
+	font-weight: var(--weight-medium);
+}
+
+.company-member-access__connection-db {
+	padding-inline-start: var(--space-05);
+	font-size: var(--text-2xs);
+	color: var(--color-muted);
+}
+
+.company-member-access__group {
+	padding-inline-start: var(--space-2);
+	font-size: var(--text-xs);
+	color: var(--color-ink-soft);
+}
+</style>
diff --git a/frontend-vue/src/components/company/CompanyRoleMenu.vue b/frontend-vue/src/components/company/CompanyRoleMenu.vue
new file mode 100644
index 000000000..433303ab9
--- /dev/null
+++ b/frontend-vue/src/components/company/CompanyRoleMenu.vue
@@ -0,0 +1,80 @@
+<script setup lang="ts">
+// The role picker of the company page and the invite dialog: a button naming the current role that
+// opens a menu of the three roles, each with its description and a check on the current one.
+import { UiButton, UiIcon, UiMenu, UiMenuItem } from '@/components/ui';
+import type { CompanyMemberRole } from '@/models/company';
+import { COMPANY_ROLE_NAMES, COMPANY_ROLE_OPTIONS } from './companyRoles';
+
+withDefaults(
+	defineProps<{
+		/** The current role. */
+		role: CompanyMemberRole;
+		/** Trigger emphasis: `ghost` in the table, `secondary` (outlined) in the dialog. */
+		variant?: 'ghost' | 'secondary';
+		/** Accessible name of the menu. */
+		label?: string;
+	}>(),
+	{ variant: 'ghost', label: 'Role' },
+);
+
+const emit = defineEmits<{ select: [CompanyMemberRole]; open: [] }>();
+</script>
+
+<template>
+	<UiMenu :label="label" class="company-role-menu">
+		<template #trigger="{ triggerProps }">
+			<UiButton
+				v-bind="triggerProps"
+				:variant="variant"
+				block
+				class="company-role-menu__trigger"
+				@click="emit('open')"
+			>
+				{{ COMPANY_ROLE_NAMES[role] }}
+				<template #trailing><UiIcon name="arrow_drop_down" size="sm" class="company-role-menu__caret" /></template>
+			</UiButton>
+		</template>
+		<UiMenuItem
+			v-for="option in COMPANY_ROLE_OPTIONS"
+			:key="option.role"
+			class="company-role-menu__option"
+			@select="emit('select', option.role)"
+		>
+			<span class="company-role-menu__option-header">
+				<strong>{{ COMPANY_ROLE_NAMES[option.role] }}</strong>
+				<UiIcon v-if="option.role === role" name="check" size="sm" label="Current role" />
+			</span>
+			<span class="company-role-menu__description">
+				{{ option.description[0] }}<br>{{ option.description[1] }}
+			</span>
+		</UiMenuItem>
+	</UiMenu>
+</template>
+
+<style scoped>
+.company-role-menu {
+	display: flex;
+	width: 100%;
+}
+
+.company-role-menu__trigger {
+	justify-content: space-between;
+}
+
+.company-role-menu__caret {
+	margin-inline-start: auto;
+}
+
+.company-role-menu__option-header {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+}
+
+.company-role-menu__description {
+	display: block;
+	margin-top: var(--space-05);
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/company/DeleteDomainDialog.spec.ts b/frontend-vue/src/components/company/DeleteDomainDialog.spec.ts
new file mode 100644
index 000000000..ab9150e0d
--- /dev/null
+++ b/frontend-vue/src/components/company/DeleteDomainDialog.spec.ts
@@ -0,0 +1,38 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { buttonByText, isOpen, openDialog } from '@/components/user-settings/dialogTestUtils';
+import DeleteDomainDialog from './DeleteDomainDialog.vue';
+
+const store = vi.hoisted(() => ({ deleteCustomDomain: vi.fn() }));
+const trackAuthEvent = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/company', () => ({ useCompanyStore: () => store }));
+vi.mock('@/components/auth/analytics', () => ({ trackAuthEvent }));
+
+let wrapper: VueWrapper;
+
+describe('DeleteDomainDialog', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		store.deleteCustomDomain.mockResolvedValue({});
+	});
+
+	afterEach(() => wrapper.unmount());
+
+	it('deletes the custom domain of the company, tracks it and closes', async () => {
+		const opened = await openDialog(DeleteDomainDialog, {
+			companyId: 'company-1',
+			domain: 'admin.example.com',
+		});
+		wrapper = opened.wrapper;
+		const { dialogRef } = opened;
+		expect(wrapper.text()).toContain('You are about to remove admin.example.com from your company');
+
+		await buttonByText(wrapper, 'Delete').trigger('click');
+		await flushPromises();
+
+		expect(store.deleteCustomDomain).toHaveBeenCalledWith('company-1');
+		expect(trackAuthEvent).toHaveBeenCalledWith('Company: domain is deleted successfully');
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+		expect(isOpen(wrapper)).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/company/DeleteDomainDialog.vue b/frontend-vue/src/components/company/DeleteDomainDialog.vue
new file mode 100644
index 000000000..c0db219ed
--- /dev/null
+++ b/frontend-vue/src/components/company/DeleteDomainDialog.vue
@@ -0,0 +1,55 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/company/delete-domain-dialog: removes the company's custom
+// domain (SaaS). The store refreshes the custom domain.
+import { ref } from 'vue';
+import { trackAuthEvent } from '@/components/auth/analytics';
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import { UiButton } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import { useCompanyStore } from '@/stores/company';
+
+export interface DeleteDomainDialogData {
+	companyId: string;
+	domain: string;
+}
+
+const props = defineProps<{ data: DeleteDomainDialogData }>();
+
+const dialogRef = useDialogRef<void>();
+const companyStore = useCompanyStore();
+const submitting = ref(false);
+
+async function deleteCompanyDomain() {
+	submitting.value = true;
+	try {
+		await companyStore.deleteCustomDomain(props.data.companyId);
+		trackAuthEvent('Company: domain is deleted successfully');
+		dialogRef.close();
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialog title="Confirm domain deletion" size="sm" :dismissible="!submitting">
+		<p class="company-dialog__text">You are about to remove {{ data.domain }} from your company</p>
+		<p class="company-dialog__text">
+			Once deleted, users will no longer be able to access the admin panel via this domain — please notify them in
+			advance.
+		</p>
+		<p class="company-dialog__text">Are you sure you want to proceed?</p>
+		<template #footer>
+			<UiButton variant="secondary" :disabled="submitting" @click="dialogRef.close()">Cancel</UiButton>
+			<UiButton variant="danger" :disabled="submitting" @click="deleteCompanyDomain">Delete</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.company-dialog__text {
+	margin: 0 0 var(--space-4);
+}
+</style>
diff --git a/frontend-vue/src/components/company/DeleteMemberDialog.spec.ts b/frontend-vue/src/components/company/DeleteMemberDialog.spec.ts
new file mode 100644
index 000000000..44caf4b9b
--- /dev/null
+++ b/frontend-vue/src/components/company/DeleteMemberDialog.spec.ts
@@ -0,0 +1,53 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { buttonByText, isOpen, openDialog } from '@/components/user-settings/dialogTestUtils';
+import DeleteMemberDialog from './DeleteMemberDialog.vue';
+
+const store = vi.hoisted(() => ({ removeCompanyMember: vi.fn() }));
+const trackAuthEvent = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/company', () => ({ useCompanyStore: () => store }));
+vi.mock('@/components/auth/analytics', () => ({ trackAuthEvent }));
+
+let wrapper: VueWrapper;
+const data = { companyId: 'company-1', user: { id: 'user-1', email: 'kyle@test.com', name: 'Kyle' } };
+
+describe('DeleteMemberDialog', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		store.removeCompanyMember.mockResolvedValue({});
+	});
+
+	afterEach(() => wrapper.unmount());
+
+	it('names the member, falling back to the email', async () => {
+		({ wrapper } = await openDialog(DeleteMemberDialog, { ...data, user: { ...data.user, name: '' } }));
+		expect(wrapper.find('h2').text()).toBe('Confirm member delete');
+		expect(wrapper.find('strong').text()).toBe('kyle@test.com');
+	});
+
+	it('removes the member, tracks it and closes', async () => {
+		const opened = await openDialog(DeleteMemberDialog, data);
+		wrapper = opened.wrapper;
+		const { dialogRef } = opened;
+		expect(wrapper.find('strong').text()).toBe('Kyle');
+
+		await buttonByText(wrapper, 'Delete').trigger('click');
+		await flushPromises();
+
+		expect(store.removeCompanyMember).toHaveBeenCalledWith('company-1', 'user-1', 'kyle@test.com', 'Kyle');
+		expect(trackAuthEvent).toHaveBeenCalledWith('Company: member is deleted successfully');
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+		expect(isOpen(wrapper)).toBe(false);
+	});
+
+	it('stays open when the request fails', async () => {
+		store.removeCompanyMember.mockRejectedValue(new Error('nope'));
+		({ wrapper } = await openDialog(DeleteMemberDialog, data));
+
+		await buttonByText(wrapper, 'Delete').trigger('click');
+		await flushPromises();
+
+		expect(trackAuthEvent).not.toHaveBeenCalled();
+		expect(isOpen(wrapper)).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/company/DeleteMemberDialog.vue b/frontend-vue/src/components/company/DeleteMemberDialog.vue
new file mode 100644
index 000000000..13853b592
--- /dev/null
+++ b/frontend-vue/src/components/company/DeleteMemberDialog.vue
@@ -0,0 +1,55 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/company/delete-member-dialog: removes a member from the
+// company. The store refreshes the members list.
+import { ref } from 'vue';
+import { trackAuthEvent } from '@/components/auth/analytics';
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import { UiButton } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import type { CompanyMember } from '@/models/company';
+import { useCompanyStore } from '@/stores/company';
+
+export interface DeleteMemberDialogData {
+	companyId: string;
+	user: Pick<CompanyMember, 'id' | 'email' | 'name'>;
+}
+
+const props = defineProps<{ data: DeleteMemberDialogData }>();
+
+const dialogRef = useDialogRef<void>();
+const companyStore = useCompanyStore();
+const submitting = ref(false);
+
+async function deleteCompanyMember() {
+	const { companyId, user } = props.data;
+	submitting.value = true;
+	try {
+		await companyStore.removeCompanyMember(companyId, user.id, user.email, user.name);
+		trackAuthEvent('Company: member is deleted successfully');
+		dialogRef.close();
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialog title="Confirm member delete" size="sm" :dismissible="!submitting">
+		<p class="company-dialog__text">
+			You are going to delete <strong>{{ data.user.name || data.user.email }}</strong> from your company.
+		</p>
+		<p class="company-dialog__text">Please confirm.</p>
+		<template #footer>
+			<UiButton variant="secondary" :disabled="submitting" @click="dialogRef.close()">Cancel</UiButton>
+			<UiButton variant="danger" :disabled="submitting" @click="deleteCompanyMember">Delete</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.company-dialog__text {
+	margin: 0 0 var(--space-4);
+}
+</style>
diff --git a/frontend-vue/src/components/company/InviteMemberDialog.spec.ts b/frontend-vue/src/components/company/InviteMemberDialog.spec.ts
new file mode 100644
index 000000000..9e25241bf
--- /dev/null
+++ b/frontend-vue/src/components/company/InviteMemberDialog.spec.ts
@@ -0,0 +1,129 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { buttonByText, isOpen, openDialog } from '@/components/user-settings/dialogTestUtils';
+import { environment } from '@/environment';
+import type { CompanyConnection } from '@/models/company';
+import InviteMemberDialog from './InviteMemberDialog.vue';
+
+const store = vi.hoisted(() => ({ inviteCompanyMember: vi.fn() }));
+const trackAuthEvent = vi.hoisted(() => vi.fn());
+const turnstileReset = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/company', () => ({ useCompanyStore: () => store }));
+vi.mock('@/components/auth/analytics', () => ({ trackAuthEvent }));
+vi.mock('@/components/auth/TurnstileWidget.vue', async () => {
+	const { defineComponent, h } = await import('vue');
+	return {
+		default: defineComponent({
+			emits: ['token-received', 'token-error', 'token-expired'],
+			setup(_props, { emit, expose }) {
+				expose({ reset: turnstileReset });
+				return () =>
+					h('button', { type: 'button', 'data-testid': 'turnstile', onClick: () => emit('token-received', 'tok') });
+			},
+		}),
+	};
+});
+
+let wrapper: VueWrapper;
+
+function connection(title: string, isTestConnection: boolean, groups: { id: string; title: string }[]) {
+	return { id: title, title, isTestConnection, groups } as unknown as CompanyConnection;
+}
+
+const company = {
+	id: 'company-1',
+	name: 'Acme',
+	connections: [
+		connection('Test DB', true, [{ id: 'group-3', title: 'Testers' }]),
+		connection('Production DB', false, [
+			{ id: 'group-1', title: 'Admins' },
+			{ id: 'group-2', title: 'Readers' },
+		]),
+	],
+};
+
+async function mountDialog() {
+	const opened = await openDialog<void>(InviteMemberDialog, company);
+	wrapper = opened.wrapper;
+	return opened.dialogRef;
+}
+
+describe('InviteMemberDialog', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		environment.saas = false;
+		store.inviteCompanyMember.mockResolvedValue(undefined);
+	});
+
+	afterEach(() => wrapper.unmount());
+
+	it('lists the groups by connection, test connections last', async () => {
+		await mountDialog();
+		expect(wrapper.find('h2').text()).toBe('Add member to Acme company');
+		expect(wrapper.findAll('optgroup').map((group) => group.attributes('label'))).toEqual(['Production DB', 'Test DB']);
+		expect(wrapper.findAll('option').map((option) => option.text())).toEqual([
+			'-- None --',
+			'Admins',
+			'Readers',
+			'Testers',
+		]);
+	});
+
+	it('requires a valid email', async () => {
+		await mountDialog();
+		const add = () => buttonByText(wrapper, 'Add');
+		expect(add().attributes('disabled')).toBeDefined();
+
+		await wrapper.find('input[name="email"]').setValue('not-an-email');
+		expect(wrapper.text()).toContain('Invalid email format.');
+		expect(add().attributes('disabled')).toBeDefined();
+	});
+
+	it('invites the member with the chosen role and group, then closes', async () => {
+		const dialogRef = await mountDialog();
+		await wrapper.find('input[name="email"]').setValue('kenny@test.com');
+		const systemAdmin = wrapper.findAll('[role="menuitem"]').find((item) => item.text().startsWith('System Admin'));
+		await systemAdmin?.trigger('click');
+		await wrapper.find('select').setValue('1');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(store.inviteCompanyMember).toHaveBeenCalledWith(
+			'company-1',
+			'group-2',
+			'kenny@test.com',
+			'DB_ADMIN',
+			undefined,
+		);
+		expect(trackAuthEvent).toHaveBeenCalledWith('Company: member is invited successfully');
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+		expect(isOpen(wrapper)).toBe(false);
+	});
+
+	it('defaults to the Member role and no group', async () => {
+		await mountDialog();
+		await wrapper.find('input[name="email"]').setValue('kenny@test.com');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(store.inviteCompanyMember).toHaveBeenCalledWith('company-1', '', 'kenny@test.com', 'USER', undefined);
+	});
+
+	it('on SaaS waits for a Turnstile token, sends it, and resets the widget after a failure', async () => {
+		environment.saas = true;
+		store.inviteCompanyMember.mockRejectedValue(new Error('nope'));
+		await mountDialog();
+		await wrapper.find('input[name="email"]').setValue('kenny@test.com');
+		expect(buttonByText(wrapper, 'Add').attributes('disabled')).toBeDefined();
+
+		await wrapper.find('[data-testid="turnstile"]').trigger('click');
+		expect(buttonByText(wrapper, 'Add').attributes('disabled')).toBeUndefined();
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(store.inviteCompanyMember).toHaveBeenCalledWith('company-1', '', 'kenny@test.com', 'USER', 'tok');
+		expect(turnstileReset).toHaveBeenCalled();
+		expect(buttonByText(wrapper, 'Add').attributes('disabled')).toBeDefined();
+		expect(isOpen(wrapper)).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/company/InviteMemberDialog.vue b/frontend-vue/src/components/company/InviteMemberDialog.vue
new file mode 100644
index 000000000..0548d392c
--- /dev/null
+++ b/frontend-vue/src/components/company/InviteMemberDialog.vue
@@ -0,0 +1,129 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/company/invite-member-dialog: invites a user by email, with
+// a company role and optionally a connection group. SaaS builds require a Turnstile token, and a
+// failed invite asks for a fresh one.
+import { computed, ref } from 'vue';
+import { trackAuthEvent } from '@/components/auth/analytics';
+import TurnstileWidget from '@/components/auth/TurnstileWidget.vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { type SelectOption, UiField, UiInput, UiSelect } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import { environment } from '@/environment';
+import { type Company, type CompanyConnection, CompanyMemberRole } from '@/models/company';
+import { useCompanyStore } from '@/stores/company';
+import { EMAIL_ERROR_MESSAGE, emailErrors } from '@/validators/email.validator';
+import CompanyRoleMenu from './CompanyRoleMenu.vue';
+
+const props = defineProps<{
+	/** The company to invite into; its connections supply the groups. */
+	data: Pick<Company, 'id' | 'name' | 'connections'>;
+}>();
+
+const dialogRef = useDialogRef<void>();
+const companyStore = useCompanyStore();
+const isSaas = environment.saas;
+
+const companyMemberEmail = ref('');
+const emailTouched = ref(false);
+const companyMemberRole = ref<CompanyMemberRole>(CompanyMemberRole.Member);
+const companyUsersGroup = ref<string | null>(null);
+const submitting = ref(false);
+const turnstileToken = ref<string | null>(null);
+const turnstile = ref<InstanceType<typeof TurnstileWidget> | null>(null);
+
+/** Test connections last, as Angular sorted them. */
+const connections = computed(() =>
+	[...(props.data.connections ?? [])].sort(
+		(a: CompanyConnection, b: CompanyConnection) => Number(a.isTestConnection ?? 0) - Number(b.isTestConnection ?? 0),
+	),
+);
+
+const groupOptions = computed<SelectOption<string>[]>(() =>
+	connections.value.flatMap((connection) =>
+		(connection.groups ?? []).map((group) => ({ value: group.id, label: group.title, group: connection.title })),
+	),
+);
+
+const emailError = computed(() => {
+	if (emailErrors(companyMemberEmail.value)) return EMAIL_ERROR_MESSAGE;
+	if (emailTouched.value && !companyMemberEmail.value) return 'Email should not be empty.';
+	return undefined;
+});
+
+const formInvalid = computed(() => !companyMemberEmail.value || Boolean(emailErrors(companyMemberEmail.value)));
+
+async function addCompanyMember() {
+	submitting.value = true;
+	try {
+		await companyStore.inviteCompanyMember(
+			props.data.id,
+			companyUsersGroup.value ?? '',
+			companyMemberEmail.value,
+			companyMemberRole.value,
+			isSaas ? (turnstileToken.value ?? undefined) : undefined,
+		);
+		trackAuthEvent('Company: member is invited successfully');
+		dialogRef.close();
+	} catch {
+		resetTurnstile();
+	} finally {
+		submitting.value = false;
+	}
+}
+
+function resetTurnstile() {
+	if (isSaas && turnstile.value) {
+		turnstile.value.reset();
+		turnstileToken.value = null;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm
+		:title="`Add member to ${data.name} company`"
+		submit-label="Add"
+		:disabled="submitting || formInvalid || (isSaas && !turnstileToken)"
+		@submit="addCompanyMember"
+	>
+		<div class="invite-member">
+			<UiField label="Enter user email" :error="emailError" required>
+				<UiInput
+					v-model="companyMemberEmail"
+					type="email"
+					name="email"
+					autocomplete="off"
+					:disabled="submitting"
+					@blur="emailTouched = true"
+				/>
+			</UiField>
+
+			<CompanyRoleMenu
+				:role="companyMemberRole"
+				variant="secondary"
+				@open="trackAuthEvent('Company: role is clicked')"
+				@select="companyMemberRole = $event"
+			/>
+
+			<UiField label="Group">
+				<UiSelect v-model="companyUsersGroup" :options="groupOptions" placeholder="-- None --" name="connectionGroup" />
+			</UiField>
+
+			<TurnstileWidget
+				v-if="isSaas"
+				ref="turnstile"
+				@token-received="turnstileToken = $event"
+				@token-error="turnstileToken = null"
+				@token-expired="turnstileToken = null"
+			/>
+		</div>
+	</AppDialogForm>
+</template>
+
+<style scoped>
+.invite-member {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+}
+</style>
diff --git a/frontend-vue/src/components/company/RevokeInvitationDialog.spec.ts b/frontend-vue/src/components/company/RevokeInvitationDialog.spec.ts
new file mode 100644
index 000000000..27ed5a9cc
--- /dev/null
+++ b/frontend-vue/src/components/company/RevokeInvitationDialog.spec.ts
@@ -0,0 +1,48 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { buttonByText, isOpen, openDialog } from '@/components/user-settings/dialogTestUtils';
+import RevokeInvitationDialog from './RevokeInvitationDialog.vue';
+
+const store = vi.hoisted(() => ({ revokeInvitation: vi.fn() }));
+const trackAuthEvent = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/company', () => ({ useCompanyStore: () => store }));
+vi.mock('@/components/auth/analytics', () => ({ trackAuthEvent }));
+
+let wrapper: VueWrapper;
+
+describe('RevokeInvitationDialog', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		store.revokeInvitation.mockResolvedValue(undefined);
+	});
+
+	afterEach(() => wrapper.unmount());
+
+	it('revokes the invitation of the email, tracks it and closes', async () => {
+		const opened = await openDialog(RevokeInvitationDialog, {
+			companyId: 'company-1',
+			userEmail: 'stan@test.com',
+		});
+		wrapper = opened.wrapper;
+		const { dialogRef } = opened;
+		expect(wrapper.find('h2').text()).toBe('Revoke email invitation');
+		expect(wrapper.find('strong').text()).toBe('stan@test.com');
+
+		await buttonByText(wrapper, 'Revoke').trigger('click');
+		await flushPromises();
+
+		expect(store.revokeInvitation).toHaveBeenCalledWith('company-1', 'stan@test.com');
+		expect(trackAuthEvent).toHaveBeenCalledWith('Company: invitation is revoked successfully');
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+		expect(isOpen(wrapper)).toBe(false);
+	});
+
+	it('closes on Cancel without revoking', async () => {
+		({ wrapper } = await openDialog(RevokeInvitationDialog, { companyId: 'company-1', userEmail: 'stan@test.com' }));
+		await buttonByText(wrapper, 'Cancel').trigger('click');
+		await flushPromises();
+
+		expect(store.revokeInvitation).not.toHaveBeenCalled();
+		expect(isOpen(wrapper)).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/company/RevokeInvitationDialog.vue b/frontend-vue/src/components/company/RevokeInvitationDialog.vue
new file mode 100644
index 000000000..61f720385
--- /dev/null
+++ b/frontend-vue/src/components/company/RevokeInvitationDialog.vue
@@ -0,0 +1,53 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/company/revoke-invitation-dialog: revokes a pending
+// invitation. The store refreshes the company and its members.
+import { ref } from 'vue';
+import { trackAuthEvent } from '@/components/auth/analytics';
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import { UiButton } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import { useCompanyStore } from '@/stores/company';
+
+export interface RevokeInvitationDialogData {
+	companyId: string;
+	userEmail: string;
+}
+
+const props = defineProps<{ data: RevokeInvitationDialogData }>();
+
+const dialogRef = useDialogRef<void>();
+const companyStore = useCompanyStore();
+const submitting = ref(false);
+
+async function revokeInvitation() {
+	submitting.value = true;
+	try {
+		await companyStore.revokeInvitation(props.data.companyId, props.data.userEmail);
+		trackAuthEvent('Company: invitation is revoked successfully');
+		dialogRef.close();
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialog title="Revoke email invitation" size="sm" :dismissible="!submitting">
+		<p class="company-dialog__text">
+			You are going to revoke invitation from <strong>{{ data.userEmail }}</strong> email.
+		</p>
+		<p class="company-dialog__text">Please confirm.</p>
+		<template #footer>
+			<UiButton variant="secondary" :disabled="submitting" @click="dialogRef.close()">Cancel</UiButton>
+			<UiButton variant="danger" :disabled="submitting" @click="revokeInvitation">Revoke</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.company-dialog__text {
+	margin: 0 0 var(--space-4);
+}
+</style>
diff --git a/frontend-vue/src/components/company/companyRoles.ts b/frontend-vue/src/components/company/companyRoles.ts
new file mode 100644
index 000000000..3e14ff07b
--- /dev/null
+++ b/frontend-vue/src/components/company/companyRoles.ts
@@ -0,0 +1,29 @@
+// The company roles as the company page and the invite dialog name and describe them.
+import { CompanyMemberRole } from '@/models/company';
+
+export const COMPANY_ROLE_NAMES: Record<CompanyMemberRole, string> = {
+	[CompanyMemberRole.CAO]: 'Account Owner',
+	[CompanyMemberRole.SystemAdmin]: 'System Admin',
+	[CompanyMemberRole.Member]: 'Member',
+};
+
+export interface CompanyRoleOption {
+	role: CompanyMemberRole;
+	/** Two lines, as the Angular menu broke them. */
+	description: [string, string];
+}
+
+export const COMPANY_ROLE_OPTIONS: CompanyRoleOption[] = [
+	{
+		role: CompanyMemberRole.CAO,
+		description: ['Can manage company information,', 'and has full control over databases'],
+	},
+	{
+		role: CompanyMemberRole.SystemAdmin,
+		description: ['Can view company information,', 'and has full control over databases'],
+	},
+	{
+		role: CompanyMemberRole.Member,
+		description: ['Can view company information,', 'and can manage existing databases'],
+	},
+];
diff --git a/frontend-vue/src/components/connections/DbConnectionConfirmDialog.spec.ts b/frontend-vue/src/components/connections/DbConnectionConfirmDialog.spec.ts
new file mode 100644
index 000000000..fe0fac2a2
--- /dev/null
+++ b/frontend-vue/src/components/connections/DbConnectionConfirmDialog.spec.ts
@@ -0,0 +1,93 @@
+import { flushPromises } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { type Connection, ConnectionType, DBtype } from '@/models/connection';
+import DbConnectionConfirmDialog from './DbConnectionConfirmDialog.vue';
+import type { DbConnectionConfirmDialogData } from './dialogs';
+import { buttonByText, openDialog } from './dialogTestUtils';
+
+const connections = vi.hoisted(() => ({ createConnection: vi.fn(), updateConnection: vi.fn() }));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => connections }));
+
+const dbCreds = {
+	id: null,
+	title: 'Production',
+	type: DBtype.MySQL,
+	host: 'db.us-east-2.rds.amazonaws.com',
+	connectionType: ConnectionType.Direct,
+} as Partial<Connection> as Connection;
+
+function data(overrides: Partial<DbConnectionConfirmDialogData> = {}): DbConnectionConfirmDialogData {
+	return { dbCreds, provider: 'amazon', masterKey: 'key', errorMessage: 'Hostname is invalid', ...overrides };
+}
+
+describe('DbConnectionConfirmDialog', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+	});
+
+	afterEach(() => {
+		document.body.innerHTML = '';
+	});
+
+	it('shows the error and the provider docs link', async () => {
+		const { wrapper } = await openDialog(DbConnectionConfirmDialog, data());
+
+		expect(wrapper.text()).toContain('Connection does not exist or credentials are incorrect.');
+		expect(wrapper.text()).toContain('Error: Hostname is invalid');
+		expect(wrapper.text()).toContain('Need help with Amazon Web Services integration?');
+		expect(buttonByText(wrapper, 'Open docs').attributes('href')).toContain('create_aws_mysql');
+		wrapper.unmount();
+	});
+
+	it('hides the docs hint without a provider', async () => {
+		const { wrapper } = await openDialog(DbConnectionConfirmDialog, data({ provider: null }));
+
+		expect(wrapper.text()).not.toContain('Need help with');
+		wrapper.unmount();
+	});
+
+	it('adds a new connection anyway and opens its dashboard', async () => {
+		connections.createConnection.mockResolvedValue({ id: 'new-id' });
+		const { wrapper, router, dialogRef } = await openDialog(DbConnectionConfirmDialog, data());
+
+		await buttonByText(wrapper, 'Add anyway').trigger('click');
+		await flushPromises();
+
+		expect(connections.createConnection).toHaveBeenCalledWith(dbCreds, 'key');
+		expect(router.currentRoute.value.path).toBe('/dashboard/new-id');
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+		wrapper.unmount();
+	});
+
+	it('saves an existing connection anyway and opens its dashboard', async () => {
+		connections.updateConnection.mockResolvedValue({ connection: { id: 'conn-1' } });
+		const saved = { ...dbCreds, id: 'conn-1' };
+		const { wrapper, router } = await openDialog(DbConnectionConfirmDialog, data({ dbCreds: saved }));
+
+		await buttonByText(wrapper, 'Save anyway').trigger('click');
+		await flushPromises();
+
+		expect(connections.updateConnection).toHaveBeenCalledWith(saved, 'key');
+		expect(router.currentRoute.value.path).toBe('/dashboard/conn-1');
+		wrapper.unmount();
+	});
+
+	it('closes with "change" on Keep editing', async () => {
+		const { wrapper, dialogRef } = await openDialog(DbConnectionConfirmDialog, data());
+
+		await buttonByText(wrapper, 'Keep editing').trigger('click');
+
+		await expect(dialogRef.afterClosed()).resolves.toBe('change');
+		expect(connections.createConnection).not.toHaveBeenCalled();
+		wrapper.unmount();
+	});
+
+	it('links to the issue tracker in the self-hosted build', async () => {
+		const { wrapper } = await openDialog(DbConnectionConfirmDialog, data());
+
+		expect(buttonByText(wrapper, 'Report a bug').attributes('href')).toBe(
+			'https://github.com/rocket-admin/rocketadmin/issues',
+		);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/connections/DbConnectionConfirmDialog.vue b/frontend-vue/src/components/connections/DbConnectionConfirmDialog.vue
new file mode 100644
index 000000000..c8fbba7db
--- /dev/null
+++ b/frontend-vue/src/components/connections/DbConnectionConfirmDialog.vue
@@ -0,0 +1,111 @@
+<script setup lang="ts">
+// Port of connect-db/db-connection-confirm-dialog: the automatic test before saving failed. Save
+// (or add) the connection anyway, keep editing, or get help.
+import { useRouter } from 'vue-router';
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import { UiButton } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import { environment } from '@/environment';
+import { useConnectionsStore } from '@/stores/connections';
+import type { DbConnectionConfirmDialogData } from './dialogs';
+import { PROVIDER_DOCS_LINKS, PROVIDER_NAMES } from './provider';
+
+const props = defineProps<{ data: DbConnectionConfirmDialogData }>();
+
+const dialogRef = useDialogRef<string>();
+const router = useRouter();
+const connections = useConnectionsStore();
+const isSaas = environment.saas;
+
+async function editConnection() {
+	dialogRef.close();
+	try {
+		await connections.updateConnection(props.data.dbCreds, props.data.masterKey ?? '');
+		router.push(`/dashboard/${props.data.dbCreds.id}`);
+	} catch {
+		// The store has shown the error.
+	}
+}
+
+async function createConnection() {
+	dialogRef.close();
+	try {
+		const res = await connections.createConnection(props.data.dbCreds, props.data.masterKey ?? '');
+		router.push(`/dashboard/${res.id}`);
+	} catch {
+		// The store has shown the error.
+	}
+}
+
+function openIntercom() {
+	window.Intercom?.('show');
+}
+</script>
+
+<template>
+	<AppDialog title="Connection error" size="md">
+		<p class="confirm-dialog__text">Connection does not exist or credentials are incorrect.</p>
+		<strong class="confirm-dialog__error">Error: {{ data.errorMessage }}</strong>
+
+		<div v-if="data.provider" class="confirm-dialog__docs">
+			Need help with {{ PROVIDER_NAMES[data.provider] }} integration?
+			<a :href="PROVIDER_DOCS_LINKS[data.provider]" target="_blank" rel="noopener" class="confirm-dialog__docs-link">
+				Open docs
+			</a>
+		</div>
+
+		<template #footer>
+			<div class="confirm-dialog__actions">
+				<UiButton v-if="data.dbCreds?.id" variant="ghost" @click="editConnection">Save anyway</UiButton>
+				<UiButton v-else variant="ghost" @click="createConnection">Add anyway</UiButton>
+
+				<div class="confirm-dialog__main-actions">
+					<UiButton variant="secondary" @click="dialogRef.close('change')">Keep editing</UiButton>
+					<UiButton v-if="isSaas" @click="openIntercom">Chat with support</UiButton>
+					<UiButton v-else href="https://github.com/rocket-admin/rocketadmin/issues" target="_blank" rel="noopener">
+						Report a bug
+					</UiButton>
+				</div>
+			</div>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.confirm-dialog__text {
+	margin: 0 0 var(--space-3);
+}
+
+.confirm-dialog__error {
+	display: block;
+	margin-bottom: var(--space-5);
+	color: var(--color-ink);
+	overflow-wrap: anywhere;
+}
+
+.confirm-dialog__docs {
+	margin-bottom: var(--space-5);
+	padding: var(--space-2) var(--space-3);
+	border-radius: var(--radius-control);
+	background-color: var(--color-paper-2);
+}
+
+.confirm-dialog__docs-link {
+	color: var(--color-accent);
+	font-weight: var(--weight-medium);
+	text-decoration: none;
+}
+
+.confirm-dialog__actions {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	gap: var(--space-3);
+	width: 100%;
+}
+
+.confirm-dialog__main-actions {
+	display: flex;
+	gap: var(--space-3);
+}
+</style>
diff --git a/frontend-vue/src/components/connections/DbConnectionDeleteDialog.spec.ts b/frontend-vue/src/components/connections/DbConnectionDeleteDialog.spec.ts
new file mode 100644
index 000000000..8babc08bd
--- /dev/null
+++ b/frontend-vue/src/components/connections/DbConnectionDeleteDialog.spec.ts
@@ -0,0 +1,78 @@
+import { flushPromises } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import DbConnectionDeleteDialog from './DbConnectionDeleteDialog.vue';
+import { buttonByText, openDialog } from './dialogTestUtils';
+
+const connections = vi.hoisted(() => ({ deleteConnection: vi.fn() }));
+const trackConnectionEvent = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => connections }));
+vi.mock('./analytics', () => ({ trackConnectionEvent }));
+
+const connection = { id: '12345678', title: 'Production', database: 'prod_db' };
+
+describe('DbConnectionDeleteDialog', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+	});
+
+	afterEach(() => {
+		document.body.innerHTML = '';
+	});
+
+	it('names the connection by its title, or its database', async () => {
+		const titled = await openDialog(DbConnectionDeleteDialog, connection);
+		expect(titled.wrapper.find('h2').text()).toBe('Delete Production connection');
+		titled.wrapper.unmount();
+
+		const untitled = await openDialog(DbConnectionDeleteDialog, { ...connection, title: '' });
+		expect(untitled.wrapper.find('h2').text()).toBe('Delete prod_db connection');
+		untitled.wrapper.unmount();
+	});
+
+	it('deletes the connection with the reason and message, then goes to the connections list', async () => {
+		connections.deleteConnection.mockResolvedValue(undefined);
+		const { wrapper, router, dialogRef } = await openDialog(DbConnectionDeleteDialog, connection);
+
+		const radios = wrapper.findAll('input[type="radio"]');
+		await radios[1]?.setValue(true);
+		await wrapper.find('textarea').setValue('Too slow');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(connections.deleteConnection).toHaveBeenCalledWith('12345678', {
+			reason: 'technical-issues',
+			message: 'Too slow',
+		});
+		expect(trackConnectionEvent).toHaveBeenCalledWith('Connect DB: connection is deleted', {
+			id: '12345678',
+			title: 'Production',
+			reason: 'technical-issues',
+			message: 'Too slow',
+		});
+		expect(router.currentRoute.value.path).toBe('/connections-list');
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+		wrapper.unmount();
+	});
+
+	it('stays open when the delete fails', async () => {
+		connections.deleteConnection.mockRejectedValue(new Error('nope'));
+		const { wrapper, router } = await openDialog(DbConnectionDeleteDialog, connection);
+
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(router.currentRoute.value.path).toBe('/edit-db/1');
+		expect(wrapper.find('form').exists()).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('closes on Abort without deleting', async () => {
+		const { wrapper, dialogRef } = await openDialog(DbConnectionDeleteDialog, connection);
+
+		await buttonByText(wrapper, 'Abort').trigger('click');
+
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+		expect(connections.deleteConnection).not.toHaveBeenCalled();
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/connections/DbConnectionDeleteDialog.vue b/frontend-vue/src/components/connections/DbConnectionDeleteDialog.vue
new file mode 100644
index 000000000..369f5fe33
--- /dev/null
+++ b/frontend-vue/src/components/connections/DbConnectionDeleteDialog.vue
@@ -0,0 +1,87 @@
+<script setup lang="ts">
+// Port of connect-db/db-connection-delete-dialog: asks why the user leaves, deletes the connection
+// and goes back to the connections list.
+import { computed, ref } from 'vue';
+import { useRouter } from 'vue-router';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { type SelectOption, UiField, UiRadioGroup, UiTextarea } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import { useConnectionsStore } from '@/stores/connections';
+import { trackConnectionEvent } from './analytics';
+import type { DbConnectionDeleteDialogData } from './dialogs';
+
+const props = defineProps<{ data: DbConnectionDeleteDialogData }>();
+
+const REASONS: SelectOption<string>[] = [
+	{ value: 'missing-features', label: 'Missing features I need' },
+	{ value: 'technical-issues', label: 'Technical issues' },
+	{ value: 'another-product', label: 'Another product' },
+	{ value: 'other', label: 'Other' },
+];
+
+const dialogRef = useDialogRef<void>();
+const router = useRouter();
+const connections = useConnectionsStore();
+
+const connectionName = computed(() => props.data.title || props.data.database);
+const reason = ref<string | null>(null);
+const message = ref('');
+const submitting = ref(false);
+
+async function deleteConnection() {
+	const id = props.data.id;
+	if (!id) return;
+	submitting.value = true;
+	const metadata = { reason: reason.value ?? undefined, message: message.value || undefined };
+	try {
+		await connections.deleteConnection(id, metadata);
+		trackConnectionEvent('Connect DB: connection is deleted', {
+			id,
+			title: props.data.title || null,
+			reason: metadata.reason,
+			message: metadata.message,
+		});
+		router.push('/connections-list');
+		dialogRef.close();
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm
+		:title="`Delete ${connectionName} connection`"
+		submit-label="Proceed"
+		cancel-label="Abort"
+		submit-variant="danger"
+		:busy="submitting"
+		@submit="deleteConnection"
+	>
+		<p class="delete-connection__text">
+			Before you delete the connection, please let us know why. Every bit of feedback helps!
+		</p>
+		<UiRadioGroup
+			v-model="reason"
+			class="delete-connection__reasons"
+			name="reasons"
+			aria-label="Reason for deleting the connection"
+			:options="REASONS"
+		/>
+		<UiField label="Anything you want to share? (optional)">
+			<UiTextarea v-model="message" name="message" :rows="8" />
+		</UiField>
+	</AppDialogForm>
+</template>
+
+<style scoped>
+.delete-connection__text {
+	margin: 0 0 var(--space-5);
+}
+
+.delete-connection__reasons {
+	margin-bottom: var(--space-5);
+}
+</style>
diff --git a/frontend-vue/src/components/connections/DbConnectionIpAccessDialog.spec.ts b/frontend-vue/src/components/connections/DbConnectionIpAccessDialog.spec.ts
new file mode 100644
index 000000000..e7af59976
--- /dev/null
+++ b/frontend-vue/src/components/connections/DbConnectionIpAccessDialog.spec.ts
@@ -0,0 +1,68 @@
+import { flushPromises } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { type Connection, DBtype } from '@/models/connection';
+import { useNotificationsStore } from '@/stores/notifications';
+import DbConnectionIpAccessDialog from './DbConnectionIpAccessDialog.vue';
+import type { DbConnectionIpAccessDialogData } from './dialogs';
+import { buttonByText, openDialog } from './dialogTestUtils';
+
+const copyToClipboard = vi.hoisted(() => vi.fn());
+vi.mock('@/lib/clipboard', () => ({ copyToClipboard }));
+
+function data(type: DBtype, provider: DbConnectionIpAccessDialogData['provider']): DbConnectionIpAccessDialogData {
+	const db = { type, host: 'db.example.com', database: 'shop', username: 'admin', schema: '' } as Partial<Connection>;
+	return { db: db as Connection, provider };
+}
+
+describe('DbConnectionIpAccessDialog', () => {
+	afterEach(() => {
+		document.body.innerHTML = '';
+	});
+
+	it('shows the AWS steps and a setup guide link for an Amazon host', async () => {
+		const { wrapper } = await openDialog(DbConnectionIpAccessDialog, data(DBtype.MySQL, 'amazon'));
+
+		expect(wrapper.text()).toContain("Set up AWS's VPC security groups");
+		expect(buttonByText(wrapper, 'Setup guide').attributes('href')).toContain('create_aws_mysql');
+		expect(wrapper.findAll('button').some((button) => button.text() === 'Cancel')).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('shows the PostgreSQL grants for a self-hosted database and copies them', async () => {
+		copyToClipboard.mockResolvedValue(true);
+		const { wrapper } = await openDialog(DbConnectionIpAccessDialog, data(DBtype.Postgres, null));
+		const snackbar = vi.spyOn(useNotificationsStore(), 'showSuccessSnackbar');
+
+		const snippet = wrapper.find('[data-testid="ip-access-postgres"]');
+		expect(snippet.text()).toContain('GRANT CONNECT ON DATABASE "shop" TO "admin";');
+		expect(snippet.text()).toContain('host    all    all    18.221.81.73/32    trust');
+
+		await snippet.find('button[aria-label="Copy the command."]').trigger('click');
+		await flushPromises();
+
+		expect(copyToClipboard).toHaveBeenCalledWith(expect.stringContaining('IN SCHEMA "public" GRANT SELECT'));
+		expect(snackbar).toHaveBeenCalledWith('Command was copied to clipboard.');
+		wrapper.unmount();
+	});
+
+	it('shows the MySQL grant for a self-hosted MySQL', async () => {
+		const { wrapper } = await openDialog(DbConnectionIpAccessDialog, data(DBtype.MySQL, null));
+
+		expect(wrapper.find('[data-testid="ip-access-mysql"]').text()).toContain(
+			'GRANT ALL PRIVILEGES ON shop TO `admin`@`18.221.81.73`',
+		);
+		wrapper.unmount();
+	});
+
+	it('closes with "confirmed" once access is given, and with nothing on Cancel', async () => {
+		const confirmed = await openDialog(DbConnectionIpAccessDialog, data(DBtype.MySQL, null));
+		await buttonByText(confirmed.wrapper, "I've given access").trigger('click');
+		await expect(confirmed.dialogRef.afterClosed()).resolves.toBe('confirmed');
+		confirmed.wrapper.unmount();
+
+		const cancelled = await openDialog(DbConnectionIpAccessDialog, data(DBtype.MySQL, null));
+		await buttonByText(cancelled.wrapper, 'Cancel').trigger('click');
+		await expect(cancelled.dialogRef.afterClosed()).resolves.toBeUndefined();
+		cancelled.wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/connections/DbConnectionIpAccessDialog.vue b/frontend-vue/src/components/connections/DbConnectionIpAccessDialog.vue
new file mode 100644
index 000000000..af9bd4c3d
--- /dev/null
+++ b/frontend-vue/src/components/connections/DbConnectionIpAccessDialog.vue
@@ -0,0 +1,201 @@
+<script setup lang="ts">
+// Port of connect-db/db-connection-ip-access-dialog: before a direct connection is added, asks the
+// user to let Rocketadmin's IP through — step-by-step for AWS, Azure and Google Cloud, or the
+// GRANT / pg_hba.conf commands for a self-hosted PostgreSQL, MySQL or Oracle. Closes with
+// 'confirmed' on "I've given access".
+import { computed } from 'vue';
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import AppIpAddressButton from '@/components/shared/AppIpAddressButton.vue';
+import { UiButton, UiIconButton } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import { copyToClipboard } from '@/lib/clipboard';
+import { useNotificationsStore } from '@/stores/notifications';
+import { type DbConnectionIpAccessDialogData, IP_ACCESS_CONFIRMED } from './dialogs';
+import { IP_ACCESS_DOCS_LINKS, ROCKETADMIN_IP } from './provider';
+
+const props = defineProps<{ data: DbConnectionIpAccessDialogData }>();
+
+const dialogRef = useDialogRef<string>();
+const notifications = useNotificationsStore();
+
+const db = computed(() => props.data.db);
+const schema = computed(() => db.value.schema || 'public');
+const docsLink = computed(() => (props.data.provider ? IP_ACCESS_DOCS_LINKS[props.data.provider] : undefined));
+
+const postgresGrants = computed(() => [
+	`GRANT CONNECT ON DATABASE "${db.value.database}" TO "${db.value.username}";`,
+	`ALTER DEFAULT PRIVILEGES IN SCHEMA "${schema.value}" GRANT SELECT, INSERT, UPDATE, DELETE ON TABLES TO "${db.value.username}";`,
+	`GRANT SELECT, INSERT, UPDATE, DELETE ON ALL TABLES IN SCHEMA "public" TO "${db.value.username}";`,
+]);
+// As in Angular, the copied grants use the schema in the last line too, while the shown one says "public".
+const postgresGrantsCopy = computed(() =>
+	[
+		postgresGrants.value[0],
+		postgresGrants.value[1],
+		`GRANT SELECT, INSERT, UPDATE, DELETE ON ALL TABLES IN SCHEMA "${schema.value}" TO "${db.value.username}";`,
+	].join('\n'),
+);
+const pgHbaLine = `host    all    all    ${ROCKETADMIN_IP}/32    trust`;
+const pgHbaCopy = `host    all         all         ${ROCKETADMIN_IP}/32    trust`;
+const mysqlGrant = computed(
+	() =>
+		`GRANT ALL PRIVILEGES ON ${db.value.database} TO \`${db.value.username}\`@\`${ROCKETADMIN_IP}\` IDENTIFIED BY \`<password>\` WITH GRANT OPTION;`,
+);
+const oracleCommand = 'EXEC DBMS_XDB.SETLISTENERLOCALACCESS(FALSE);';
+
+async function copyCommand(text: string) {
+	if (await copyToClipboard(text)) notifications.showSuccessSnackbar('Command was copied to clipboard.');
+}
+</script>
+
+<template>
+	<AppDialog title="Give access to our IP address" size="lg">
+		<p class="ip-access__text">
+			Please make sure our servers are able to access your database. Rocketadmin uses the IP address
+			<AppIpAddressButton :ip="ROCKETADMIN_IP" /> for all outbound requests.
+		</p>
+
+		<div v-if="data.provider === 'amazon'" class="ip-access__provider">
+			<strong>Set up AWS's VPC security groups</strong>
+			<ol class="ip-access__rules">
+				<li>Open the Amazon RDS <strong>console</strong>.</li>
+				<li>
+					In the navigation pane, choose <strong>Databases</strong> and open your database overview. On the tab
+					<strong>Connectivity &amp; security</strong> find the section
+					<strong>Security&nbsp;/&nbsp;VPC security groups</strong>.
+				</li>
+				<li>Open your VPC security group overview and then click <strong>Edit inbound rules</strong>.</li>
+				<li>
+					Click <strong>Add Rule</strong>, and enter the following information: <br>
+					<strong>Type</strong> — your db type; <br>
+					<strong>Source</strong> — select <strong>Custom</strong> and enter
+					<AppIpAddressButton :ip="`${ROCKETADMIN_IP}/32`" />.
+				</li>
+				<li>Click <strong>Save</strong>.</li>
+			</ol>
+		</div>
+
+		<div v-if="data.provider === 'azure'" class="ip-access__provider">
+			<strong>Set up Azure's firewall rules</strong>
+			<ol class="ip-access__rules">
+				<li>Open your database overview and select <strong>Networking</strong> from the navigation pane.</li>
+				<li>
+					In the <strong>Connectivity method</strong> you have to have
+					<strong>Public access (allowed IP addresses)</strong>.
+				</li>
+				<li>
+					Add a rule to the Firewall rules table. Enter any Firewall rule name, Start IP address:
+					<AppIpAddressButton :ip="ROCKETADMIN_IP" />, End IP address: <AppIpAddressButton :ip="ROCKETADMIN_IP" />.
+				</li>
+				<li>Click <strong>Save</strong>.</li>
+			</ol>
+		</div>
+
+		<div v-if="data.provider === 'google'" class="ip-access__provider">
+			<strong>Set up Google Cloud's authorized networks</strong>
+			<ol class="ip-access__rules">
+				<li>Open your instance overview and select <strong>Connections</strong> from the navigation pane.</li>
+				<li>
+					Tick the <strong>Public IP</strong> checkbox and click <strong>Add network</strong> in
+					<strong>Authorized networks</strong> section.
+				</li>
+				<li>
+					Enter any name and <AppIpAddressButton :ip="ROCKETADMIN_IP" /> IP address for a
+					<strong>New network</strong>.
+				</li>
+				<li>Click <strong>Done</strong> and then <strong>Save</strong> to update the instance.</li>
+			</ol>
+		</div>
+
+		<template v-if="data.provider === null">
+			<div v-if="db.type === 'postgres'" class="ip-access__provider" data-testid="ip-access-postgres">
+				Give privileges to a user:
+				<div class="ip-access__snippet">
+					<code class="ip-access__code">
+						<pre v-for="line in postgresGrants" :key="line">{{ line }}</pre>
+					</code>
+					<UiIconButton icon="content_copy" label="Copy the command." @click="copyCommand(postgresGrantsCopy)" />
+				</div>
+
+				Add the following line in file pg_hba.conf (/var/lib/pgsql/data/pg_hba.conf for Linux).
+
+				<div class="ip-access__snippet">
+					<code class="ip-access__code"><pre>{{ pgHbaLine }}</pre></code>
+					<UiIconButton icon="content_copy" label="Copy the command." @click="copyCommand(pgHbaCopy)" />
+				</div>
+			</div>
+
+			<div v-if="db.type === 'mysql'" class="ip-access__provider" data-testid="ip-access-mysql">
+				Give privileges to user and allow to connect:
+				<div class="ip-access__snippet">
+					<code class="ip-access__code"><pre>{{ mysqlGrant }}</pre></code>
+					<UiIconButton icon="content_copy" label="Copy the command." @click="copyCommand(mysqlGrant)" />
+				</div>
+
+				and then
+
+				<div class="ip-access__snippet">
+					<code class="ip-access__code"><pre>FLUSH PRIVILEGES;</pre></code>
+					<UiIconButton icon="content_copy" label="Copy the command." @click="copyCommand('FLUSH PRIVILEGES;')" />
+				</div>
+			</div>
+
+			<div v-if="db.type === 'oracledb'" class="ip-access__provider" data-testid="ip-access-oracledb">
+				<p class="ip-access__text">
+					Start the SQL PLUS Command Line and connect to the database as user SYSTEM. Provide the SYSTEM password
+					that you assigned upon installation (Windows) or configuration (Linux) of Oracle Database XE. Run the
+					following command:
+				</p>
+				<div class="ip-access__snippet">
+					<code class="ip-access__code"><pre>{{ oracleCommand }}</pre></code>
+					<UiIconButton icon="content_copy" label="Copy the command." @click="copyCommand(oracleCommand)" />
+				</div>
+			</div>
+		</template>
+
+		<template #footer>
+			<UiButton v-if="data.provider === null" variant="secondary" @click="dialogRef.close()">Cancel</UiButton>
+			<UiButton v-if="docsLink" variant="ghost" :href="docsLink" target="_blank" rel="noopener">Setup guide</UiButton>
+			<UiButton @click="dialogRef.close(IP_ACCESS_CONFIRMED)">I've given access</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.ip-access__text {
+	margin: 0 0 var(--space-5);
+}
+
+.ip-access__provider {
+	margin-bottom: var(--space-4);
+}
+
+.ip-access__rules {
+	margin: 0;
+	padding: var(--space-4);
+	line-height: var(--leading-relaxed);
+}
+
+.ip-access__snippet {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+	margin: var(--space-2) 0;
+}
+
+.ip-access__code {
+	flex-grow: 1;
+	min-width: 0;
+	padding: var(--space-2) var(--space-3);
+	border-radius: var(--radius-control);
+	background: var(--color-paper-2);
+	font-family: var(--font-mono);
+	font-size: var(--text-sm);
+}
+
+.ip-access__code pre {
+	margin: 0;
+	white-space: break-spaces;
+	font-family: inherit;
+}
+</style>
diff --git a/frontend-vue/src/components/connections/MasterEncryptionPassword.spec.ts b/frontend-vue/src/components/connections/MasterEncryptionPassword.spec.ts
new file mode 100644
index 000000000..830fe2d9d
--- /dev/null
+++ b/frontend-vue/src/components/connections/MasterEncryptionPassword.spec.ts
@@ -0,0 +1,71 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { useNotificationsStore } from '@/stores/notifications';
+import MasterEncryptionPassword from './MasterEncryptionPassword.vue';
+
+const copyToClipboard = vi.hoisted(() => vi.fn());
+const trackConnectionEvent = vi.hoisted(() => vi.fn());
+vi.mock('@/lib/clipboard', () => ({ copyToClipboard }));
+vi.mock('./analytics', () => ({ trackConnectionEvent }));
+
+describe('MasterEncryptionPassword', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+	});
+
+	it('starts off, without a password', () => {
+		const wrapper = mount(MasterEncryptionPassword);
+
+		expect(
+			(wrapper.find('[data-testid="connection-master-encryption-toggle"]').element as HTMLInputElement).checked,
+		).toBe(false);
+		expect(wrapper.find('[data-testid="connection-master-password-input"]').exists()).toBe(false);
+	});
+
+	it('generates a password when switched on and shows it with the warning', async () => {
+		const wrapper = mount(MasterEncryptionPassword);
+
+		await wrapper.find('[data-testid="connection-master-encryption-toggle"]').setValue(true);
+
+		const [[key]] = wrapper.emitted('masterKeyChange') as [[string]];
+		expect(atob(key)).toHaveLength(32);
+		expect((wrapper.find('[data-testid="connection-master-password-input"]').element as HTMLInputElement).value).toBe(
+			key,
+		);
+		expect(wrapper.text()).toContain('Rocketadmin will not store your master password.');
+		expect(trackConnectionEvent).toHaveBeenCalledWith(
+			'Connection creds: client-side encryption is switched',
+			{ enable: true },
+			undefined,
+		);
+	});
+
+	it('does not generate a password when switched off', async () => {
+		const wrapper = mount(MasterEncryptionPassword, { props: { enabled: true, masterKey: 'abc' } });
+
+		await wrapper.find('[data-testid="connection-master-encryption-toggle"]').setValue(false);
+
+		expect(wrapper.emitted('masterKeyChange')).toBeUndefined();
+		expect(wrapper.find('[data-testid="connection-master-password-input"]').exists()).toBe(false);
+	});
+
+	it('copies the password', async () => {
+		copyToClipboard.mockResolvedValue(true);
+		const wrapper = mount(MasterEncryptionPassword, { props: { enabled: true, masterKey: 'abc' } });
+		const snackbar = vi.spyOn(useNotificationsStore(), 'showSuccessSnackbar');
+
+		await wrapper.find('[data-testid="connection-master-password-copy-button"]').trigger('click');
+		await flushPromises();
+
+		expect(copyToClipboard).toHaveBeenCalledWith('abc');
+		expect(snackbar).toHaveBeenCalledWith('Master password was copied to clipboard.');
+	});
+
+	it('can be disabled', () => {
+		const wrapper = mount(MasterEncryptionPassword, { props: { disabled: true } });
+
+		expect(wrapper.find('[data-testid="connection-master-encryption-toggle"]').attributes('disabled')).toBeDefined();
+	});
+});
diff --git a/frontend-vue/src/components/connections/MasterEncryptionPassword.vue b/frontend-vue/src/components/connections/MasterEncryptionPassword.vue
new file mode 100644
index 000000000..2e62fa6a4
--- /dev/null
+++ b/frontend-vue/src/components/connections/MasterEncryptionPassword.vue
@@ -0,0 +1,140 @@
+<script setup lang="ts">
+// Port of connect-db/master-encryption-password: the "Use client-side encryption" switch. Turning it
+// on generates a random master password, shows it (readonly, with a copy button) and the warning
+// that Rocketadmin does not store it.
+import { ref, watch } from 'vue';
+import { UiField, UiIconButton, UiInput, UiSwitch } from '@/components/ui';
+import { copyToClipboard } from '@/lib/clipboard';
+import { useNotificationsStore } from '@/stores/notifications';
+import { trackConnectionEvent } from './analytics';
+
+const props = withDefaults(
+	defineProps<{
+		masterKey?: string | null;
+		/** Initial switch state: whether the connection already uses client-side encryption. */
+		enabled?: boolean;
+		disabled?: boolean;
+	}>(),
+	{ masterKey: null, enabled: false, disabled: false },
+);
+
+const emit = defineEmits<{ masterKeyChange: [key: string] }>();
+
+const notifications = useNotificationsStore();
+const isMasterKeyTurnedOn = ref(props.enabled);
+const key = ref(props.masterKey ?? '');
+
+watch(
+	() => props.masterKey,
+	(value) => {
+		key.value = value ?? '';
+	},
+);
+
+function onToggle(checked: boolean) {
+	isMasterKeyTurnedOn.value = checked;
+	trackConnectionEvent('Connection creds: client-side encryption is switched', { enable: checked }, undefined);
+	if (checked) {
+		key.value = generateMasterKey();
+		emit('masterKeyChange', key.value);
+	}
+}
+
+async function copyKey() {
+	if (await copyToClipboard(key.value)) notifications.showSuccessSnackbar('Master password was copied to clipboard.');
+}
+
+function generateMasterKey(): string {
+	const randomArray = new Uint8Array(32);
+	window.crypto.getRandomValues(randomArray);
+	return btoa(String.fromCharCode(...randomArray));
+}
+</script>
+
+<template>
+	<div class="master-encryption">
+		<UiSwitch
+			name="encryption"
+			data-testid="connection-master-encryption-toggle"
+			:model-value="isMasterKeyTurnedOn"
+			:disabled="disabled"
+			@update:model-value="onToggle"
+		>
+			Use client-side encryption
+		</UiSwitch>
+
+		<div v-if="isMasterKeyTurnedOn && key" class="master-encryption__password">
+			<div class="master-encryption__field">
+				<UiField label="Master password" class="master-encryption__input">
+					<UiInput v-model="key" name="masterPassword" data-testid="connection-master-password-input" readonly />
+				</UiField>
+				<UiIconButton
+					icon="content_copy"
+					label="Copy master password"
+					data-testid="connection-master-password-copy-button"
+					class="master-encryption__copy"
+					@click="copyKey"
+				/>
+			</div>
+
+			<div class="master-encryption__notice">
+				<p class="master-encryption__warning">
+					Rocketadmin will not store your master password.
+					<br>
+					To retain access, store it in a safe place.
+					<br>
+					Share it only with users you want to have access to this connection.
+				</p>
+				<a href="https://docs.rocketadmin.com/Reference/MasterPassword" target="_blank" rel="noopener" class="master-encryption__docs">
+					Open docs
+				</a>
+			</div>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.master-encryption {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	margin-bottom: var(--space-5);
+}
+
+.master-encryption__password {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+	margin-top: var(--space-6);
+	width: 100%;
+}
+
+.master-encryption__field {
+	display: flex;
+	align-items: flex-end;
+	gap: var(--space-2);
+	width: 100%;
+}
+
+.master-encryption__input {
+	flex-grow: 1;
+}
+
+.master-encryption__notice {
+	padding: var(--space-4) var(--space-3);
+	border-left: var(--space-3) solid var(--color-warning);
+	background-color: var(--color-warning-bg);
+	color: var(--color-ink);
+}
+
+.master-encryption__warning {
+	margin: 0 0 var(--space-2);
+	line-height: var(--leading-relaxed);
+}
+
+.master-encryption__docs {
+	color: var(--color-warning);
+	font-weight: var(--weight-medium);
+	text-decoration: none;
+}
+</style>
diff --git a/frontend-vue/src/components/connections/OwnConnections.spec.ts b/frontend-vue/src/components/connections/OwnConnections.spec.ts
new file mode 100644
index 000000000..df8d6f6c2
--- /dev/null
+++ b/frontend-vue/src/components/connections/OwnConnections.spec.ts
@@ -0,0 +1,133 @@
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import { CompanyMemberRole } from '@/models/company';
+import { type Connection, ConnectionType, DBtype } from '@/models/connection';
+import { AccessLevel, type User } from '@/models/user';
+import type { ConnectionListItem } from '@/stores/connections';
+import OwnConnections from './OwnConnections.vue';
+
+const uiSettings = vi.hoisted(() => ({
+	isDarkMode: false,
+	getUiSettings: vi.fn(),
+	updateGlobalSetting: vi.fn(),
+}));
+const company = vi.hoisted(() => ({ fetchCompanyMembers: vi.fn() }));
+vi.mock('@/stores/ui-settings', () => ({ useUiSettingsStore: () => uiSettings }));
+vi.mock('@/stores/company', () => ({ useCompanyStore: () => company }));
+vi.mock('@/composables/useAnalytics', () => ({ trackEvent: vi.fn() }));
+vi.mock('posthog-js', () => ({ default: { capture: vi.fn() } }));
+
+const admin = { id: 'u1', role: CompanyMemberRole.CAO, company: { id: 'company-1' } } as User;
+const member = { ...admin, role: CompanyMemberRole.Member } as User;
+
+function item(id: string, type = DBtype.Postgres, accessLevel = AccessLevel.Edit): ConnectionListItem {
+	return {
+		connection: { id, type, title: `Connection ${id}`, connectionType: ConnectionType.Direct } as Connection,
+		accessLevel,
+		displayTitle: `Connection ${id}`,
+	};
+}
+
+const five = ['1', '2', '3', '4', '5'].map((id) => item(id));
+
+async function mountList(props: {
+	connections: ConnectionListItem[] | null;
+	currentUser?: User | null;
+	companyId?: string | null;
+}): Promise<VueWrapper> {
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:p(.*)*', component: { render: () => null } }],
+	});
+	const wrapper = mount(OwnConnections, {
+		props: { currentUser: admin, companyId: 'company-1', ...props },
+		global: { plugins: [router] },
+	});
+	await flushPromises();
+	return wrapper;
+}
+
+describe('OwnConnections', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+		uiSettings.getUiSettings.mockResolvedValue({ globalSettings: { connectionsListCollapsed: true } });
+		company.fetchCompanyMembers.mockResolvedValue([]);
+	});
+
+	it('offers every database type when there are no connections', async () => {
+		const wrapper = await mountList({ connections: [] });
+
+		expect(wrapper.find('h1').text()).toBe('Add your first connection');
+		const mysql = wrapper.find('[data-testid="mysql-test-connection-list-item"]');
+		expect(mysql.attributes('href')).toBe('/connect-db?type=mysql');
+		expect(mysql.text()).toContain('MySQL');
+		expect(mysql.text()).toContain('(MariaDB)');
+		expect(wrapper.findAll('.own-connections__db-card')).toHaveLength(10);
+	});
+
+	it('does not invite a plain member to add the first connection', async () => {
+		const wrapper = await mountList({ connections: [], currentUser: member });
+
+		expect(wrapper.find('h1').exists()).toBe(false);
+	});
+
+	it('tells an invited member to ask for access when the company has other members', async () => {
+		company.fetchCompanyMembers.mockResolvedValue([{ id: 'a' }, { id: 'b' }]);
+		const wrapper = await mountList({ connections: [], currentUser: member });
+
+		expect(company.fetchCompanyMembers).toHaveBeenCalledWith('company-1');
+		expect(wrapper.text()).toContain("Invited to a company but don't see your admin panel?");
+	});
+
+	it('shows three connections when the list is collapsed, and all of them on "Show all"', async () => {
+		const wrapper = await mountList({ connections: five });
+
+		expect(wrapper.findAll('.own-connections__item')).toHaveLength(3);
+		await wrapper
+			.findAll('button')
+			.find((button) => button.text() === 'Show all')
+			?.trigger('click');
+
+		expect(wrapper.findAll('.own-connections__item')).toHaveLength(5);
+		expect(uiSettings.updateGlobalSetting).toHaveBeenCalledWith('connectionsListCollapsed', false);
+
+		await wrapper
+			.findAll('button')
+			.find((button) => button.text() === 'Show less')
+			?.trigger('click');
+		expect(wrapper.findAll('.own-connections__item')).toHaveLength(3);
+		expect(uiSettings.updateGlobalSetting).toHaveBeenCalledWith('connectionsListCollapsed', true);
+	});
+
+	it('shows every connection when the list was left expanded', async () => {
+		uiSettings.getUiSettings.mockResolvedValue({ globalSettings: { connectionsListCollapsed: false } });
+		const wrapper = await mountList({ connections: five });
+
+		expect(wrapper.findAll('.own-connections__item')).toHaveLength(5);
+	});
+
+	it('links each card to its dashboard, and editors of SQL databases to the schema editor', async () => {
+		const wrapper = await mountList({
+			connections: [item('1'), item('2', DBtype.Mongo), item('3', DBtype.MySQL, AccessLevel.Readonly)],
+		});
+
+		const cards = wrapper.findAll('.own-connections__card');
+		expect(cards[0]?.attributes('href')).toBe('/dashboard/1');
+		expect(cards[0]?.text()).toContain('Connection 1');
+		expect(cards[0]?.text()).toContain('PostgreSQL');
+		const schemaLinks = wrapper.findAll('.own-connections__schema');
+		expect(schemaLinks).toHaveLength(1);
+		expect(schemaLinks[0]?.attributes('href')).toBe('/edit-database-schema/1');
+	});
+
+	it('shows the "Add database" button to admins only', async () => {
+		const asAdmin = await mountList({ connections: five });
+		expect(asAdmin.find('[data-testid="add-connection-button"]').attributes('href')).toBe('/connect-db');
+
+		const asMember = await mountList({ connections: five, currentUser: member });
+		expect(asMember.find('[data-testid="add-connection-button"]').exists()).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/connections/OwnConnections.vue b/frontend-vue/src/components/connections/OwnConnections.vue
new file mode 100644
index 000000000..2af624b64
--- /dev/null
+++ b/frontend-vue/src/components/connections/OwnConnections.vue
@@ -0,0 +1,543 @@
+<script setup lang="ts">
+// Port of connections-list/own-connections: the user's connection cards (three, or all of them —
+// the choice is a stored UI setting), the "Add database" button for admins, and with no connections
+// yet the grid of database types to connect.
+import posthog from 'posthog-js';
+import { computed, onMounted, ref, watch } from 'vue';
+import { RouterLink } from 'vue-router';
+import { UiButton, UiIcon } from '@/components/ui';
+import { trackEvent } from '@/composables/useAnalytics';
+import { supportedDatabasesTitles, supportedOrderedDatabases } from '@/consts/databases';
+import { CompanyMemberRole } from '@/models/company';
+import { DBtype } from '@/models/connection';
+import type { User } from '@/models/user';
+import { useCompanyStore } from '@/stores/company';
+import type { ConnectionListItem } from '@/stores/connections';
+import { useUiSettingsStore } from '@/stores/ui-settings';
+import { dbLogo } from './dbLogos';
+
+const props = defineProps<{
+	currentUser: User | null;
+	/** null while loading. */
+	connections: ConnectionListItem[] | null;
+	companyId?: string | null;
+}>();
+
+const COLLAPSED_COUNT = 3;
+const SCHEMA_EDITABLE = new Set<string>([
+	DBtype.Postgres,
+	DBtype.MySQL,
+	DBtype.Oracle,
+	DBtype.MSSQL,
+	DBtype.ClickHouse,
+]);
+const titles: Record<string, string> = supportedDatabasesTitles;
+
+const uiSettings = useUiSettingsStore();
+const company = useCompanyStore();
+
+const displayedCardCount = ref(COLLAPSED_COUNT);
+/** undefined until the UI settings arrive (Angular's uninitialised field). */
+const connectionsListCollapsed = ref<boolean | undefined>(undefined);
+const hasMultipleMembers = ref(false);
+const isDarkMode = uiSettings.isDarkMode;
+
+const isAdmin = computed(
+	() => props.currentUser?.role === CompanyMemberRole.CAO || props.currentUser?.role === CompanyMemberRole.SystemAdmin,
+);
+const hasConnections = computed(() => Boolean(props.connections?.length));
+const isEmpty = computed(() => props.connections !== null && !props.connections.length);
+const displayedConnections = computed(() => (props.connections ?? []).slice(0, displayedCardCount.value));
+
+onMounted(async () => {
+	try {
+		const settings = await uiSettings.getUiSettings();
+		connectionsListCollapsed.value = settings?.globalSettings?.connectionsListCollapsed;
+		displayedCardCount.value = connectionsListCollapsed.value
+			? COLLAPSED_COUNT
+			: props.connections?.length || COLLAPSED_COUNT;
+	} catch {
+		// The store has shown the error.
+	}
+});
+
+watch(
+	() => props.companyId,
+	async (companyId) => {
+		if (!companyId) return;
+		try {
+			const members = await company.fetchCompanyMembers(companyId);
+			hasMultipleMembers.value = Boolean(members && members.length > 1);
+		} catch {
+			// The store has shown the error.
+		}
+	},
+	{ immediate: true },
+);
+
+watch(
+	() => props.connections,
+	(connections) => {
+		if (connections && !connectionsListCollapsed.value) displayedCardCount.value = connections.length;
+	},
+	{ immediate: true },
+);
+
+function showMore() {
+	displayedCardCount.value = props.connections?.length ?? COLLAPSED_COUNT;
+	uiSettings.updateGlobalSetting('connectionsListCollapsed', false);
+}
+
+function showLess() {
+	displayedCardCount.value = COLLAPSED_COUNT;
+	uiSettings.updateGlobalSetting('connectionsListCollapsed', true);
+}
+
+function supportsSchemaEditing(type: string): boolean {
+	return SCHEMA_EDITABLE.has(type);
+}
+
+function getMainTitle(database: string): string {
+	const title = titles[database] || database;
+	const match = title.match(/^([^(]+)/);
+	return match?.[1] ? match[1].trim() : title;
+}
+
+function getSubTitle(database: string): string {
+	const title = titles[database] || database;
+	const match = title.match(/(\([^)]+\))/);
+	return match?.[1] ?? '';
+}
+
+function logoUrl(item: ConnectionListItem): string {
+	const connection = item.connection as ConnectionListItem['connection'] & {
+		connection_properties?: { logo_url?: string | null } | null;
+	};
+	return connection.connection_properties?.logo_url || '/assets/rocketadmin_logo_white-short.svg';
+}
+
+function track(action: string) {
+	trackEvent(action);
+	posthog.capture(action);
+}
+</script>
+
+<template>
+	<div class="own-connections">
+		<h1 v-if="isEmpty && isAdmin" class="own-connections__heading">Add your first connection</h1>
+
+		<template v-if="hasConnections">
+			<ul class="own-connections__list">
+				<li v-for="item in displayedConnections" :key="item.connection.id ?? ''" class="own-connections__item">
+					<RouterLink
+						:to="`/dashboard/${item.connection.id}`"
+						class="own-connections__card"
+						@click="track('Connections: open own db is clicked')"
+					>
+						<img :src="logoUrl(item)" class="own-connections__logo" alt="Rocketadmin connection">
+						<span class="own-connections__info">
+							<span class="own-connections__title">{{ item.displayTitle }}</span>
+							<span class="own-connections__type">{{ titles[item.connection.type] }}</span>
+						</span>
+					</RouterLink>
+					<RouterLink
+						v-if="item.accessLevel === 'edit' && supportsSchemaEditing(item.connection.type)"
+						:to="`/edit-database-schema/${item.connection.id}`"
+						class="own-connections__schema"
+					>
+						<UiIcon name="auto_awesome" size="sm" class="own-connections__schema-ai" />
+						<span>Edit schema</span>
+						<UiIcon name="arrow_forward" size="sm" class="own-connections__schema-arrow" />
+					</RouterLink>
+				</li>
+			</ul>
+
+			<div class="own-connections__toggle">
+				<UiButton v-if="(connections?.length ?? 0) > displayedCardCount" variant="ghost" @click="showMore">
+					Show all
+				</UiButton>
+				<UiButton v-if="displayedCardCount > 3" variant="ghost" @click="showLess">Show less</UiButton>
+			</div>
+		</template>
+
+		<section v-else class="own-connections__section" aria-labelledby="own-connections-connect-label">
+			<span id="own-connections-connect-label" class="own-connections__section-label">Connect your own</span>
+			<ul class="own-connections__db-grid">
+				<li v-for="database in supportedOrderedDatabases" :key="database">
+					<RouterLink
+						:to="{ path: '/connect-db', query: { type: database } }"
+						class="own-connections__db-card"
+						:data-testid="`${database}-test-connection-list-item`"
+					>
+						<span class="own-connections__db-icon-box">
+							<img
+								:src="dbLogo(database, isDarkMode)"
+								alt=""
+								:class="['own-connections__db-icon', `own-connections__db-icon--${database}`]"
+							>
+						</span>
+						<span class="own-connections__db-label">
+							{{ getMainTitle(database) }}
+							<span v-if="getSubTitle(database)" class="own-connections__db-sublabel">
+								{{ getSubTitle(database) }}
+							</span>
+						</span>
+					</RouterLink>
+				</li>
+			</ul>
+		</section>
+
+		<template v-if="hasConnections && isAdmin">
+			<div class="own-connections__fab own-connections__fab--desktop">
+				<UiButton
+					to="/connect-db"
+					size="lg"
+					class="own-connections__add"
+					data-testid="add-connection-button"
+					@click="track('Connections: Add connection button is clicked')"
+				>
+					<template #leading><UiIcon name="add" /></template>
+					Add database
+				</UiButton>
+			</div>
+			<div class="own-connections__fab own-connections__fab--mobile">
+				<UiButton
+					to="/connect-db"
+					size="lg"
+					class="own-connections__add"
+					data-testid="add-connection-button"
+					@click="track('Connections: Add connection button is clicked')"
+				>
+					<template #leading><UiIcon name="add" /></template>
+					Add connection
+				</UiButton>
+			</div>
+		</template>
+
+		<div v-if="isEmpty && hasMultipleMembers" class="own-connections__empty">
+			<p class="own-connections__empty-title">Invited to a company but don't see your admin panel?</p>
+			<p class="own-connections__empty-text">Request access from your Account Owner</p>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.own-connections {
+	flex-grow: 1;
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+}
+
+.own-connections__heading {
+	margin: 0 0 var(--space-8);
+	font-family: var(--font-display);
+	font-size: var(--text-2xl);
+	font-weight: var(--weight-semibold);
+	text-align: center;
+	color: var(--color-ink);
+}
+
+.own-connections__section {
+	width: 100%;
+}
+
+.own-connections__section-label {
+	display: block;
+	margin-bottom: var(--space-3);
+	font-size: var(--text-2xs);
+	font-weight: var(--weight-bold);
+	letter-spacing: 0.08em;
+	text-transform: uppercase;
+	color: var(--color-muted);
+}
+
+.own-connections__db-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(8.875rem, 1fr));
+	align-items: stretch;
+	gap: var(--space-5);
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	width: 100%;
+}
+
+.own-connections__db-card {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--space-1);
+	height: 100%;
+	min-height: 5.625rem;
+	padding: var(--space-2);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-control);
+	background: var(--color-surface);
+	box-shadow: var(--shadow-card);
+	color: inherit;
+	font-weight: var(--weight-semibold);
+	text-decoration: none;
+	transition:
+		box-shadow var(--motion-fast) var(--ease-out),
+		border-color var(--motion-fast) var(--ease-out);
+}
+
+.own-connections__db-card:hover {
+	border-color: var(--color-line-strong);
+	box-shadow: var(--shadow-lift);
+}
+
+.own-connections__db-card:focus-visible,
+.own-connections__card:focus-visible,
+.own-connections__schema:focus-visible {
+	outline: none;
+	box-shadow: var(--shadow-focus);
+}
+
+.own-connections__db-icon-box {
+	display: flex;
+	flex-shrink: 0;
+	align-items: center;
+	justify-content: center;
+	height: 2rem;
+	width: 2rem;
+}
+
+.own-connections__db-icon {
+	height: 1.75rem;
+	width: 1.75rem;
+	object-fit: contain;
+}
+
+.own-connections__db-label {
+	font-size: var(--text-sm);
+	text-align: center;
+}
+
+.own-connections__db-sublabel {
+	display: block;
+	font-size: var(--text-2xs);
+	font-weight: var(--weight-regular);
+	color: var(--color-muted);
+}
+
+.own-connections__list {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(18.75rem, calc(33.33% - var(--space-4))));
+	justify-content: center;
+	gap: var(--space-5);
+	margin: 0 0 var(--space-2);
+	padding: 0;
+	list-style: none;
+	width: 100%;
+}
+
+.own-connections__item {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	min-width: 0;
+	padding: var(--space-3);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-control);
+	background: var(--color-surface);
+	transition:
+		border-color var(--motion-fast) var(--ease-out),
+		box-shadow var(--motion-fast) var(--ease-out);
+}
+
+.own-connections__item:has(.own-connections__card:hover) {
+	border-color: var(--color-accent);
+	box-shadow: var(--shadow-lift);
+}
+
+.own-connections__card {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+	height: 4.5rem;
+	min-width: 0;
+	padding: var(--space-2);
+	border-radius: var(--radius-control);
+	background-color: var(--color-ink);
+	color: var(--color-paper);
+	text-decoration: none;
+	overflow: hidden;
+}
+
+.own-connections__logo {
+	height: 85%;
+	max-width: 40%;
+	object-fit: contain;
+}
+
+.own-connections__info {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	min-width: 0;
+}
+
+.own-connections__title {
+	overflow: hidden;
+	font-size: var(--text-md);
+	font-weight: var(--weight-bold);
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.own-connections__type {
+	font-size: var(--text-sm);
+	opacity: 0.8;
+}
+
+.own-connections__schema {
+	position: relative;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	gap: var(--space-2);
+	height: 2.125rem;
+	border-radius: var(--radius-control);
+	color: var(--color-ink-soft);
+	font-size: var(--text-sm);
+	font-weight: var(--weight-medium);
+	text-decoration: none;
+	transition:
+		color var(--motion-fast) var(--ease-out),
+		background-color var(--motion-fast) var(--ease-out);
+}
+
+.own-connections__schema:hover {
+	background-color: var(--color-paper-2);
+	color: var(--color-accent);
+}
+
+.own-connections__schema-ai {
+	color: var(--color-accent);
+}
+
+.own-connections__schema-arrow {
+	position: absolute;
+	right: var(--space-3);
+	opacity: 0;
+	transform: translateX(-4px);
+	transition:
+		opacity var(--motion-fast) var(--ease-out),
+		transform var(--motion-fast) var(--ease-out);
+}
+
+.own-connections__schema:hover .own-connections__schema-arrow {
+	opacity: 1;
+	transform: translateX(0);
+}
+
+.own-connections__toggle {
+	display: flex;
+	justify-content: center;
+	margin: var(--space-3) 0 var(--space-2);
+}
+
+.own-connections__fab {
+	display: flex;
+	align-items: center;
+	align-self: flex-end;
+	gap: var(--space-3);
+	margin-top: var(--space-12);
+}
+
+.own-connections__fab--mobile {
+	display: none;
+}
+
+.own-connections__add {
+	min-width: 11.125rem;
+	border-radius: var(--radius-pill);
+	box-shadow: var(--shadow-lift);
+}
+
+.own-connections__empty {
+	margin-top: auto;
+	color: var(--color-muted);
+	text-align: center;
+}
+
+.own-connections__empty-title {
+	margin: 0;
+	font-size: var(--text-xs);
+	font-weight: var(--weight-medium);
+	text-transform: uppercase;
+}
+
+.own-connections__empty-text {
+	margin: var(--space-1) 0 0;
+}
+
+@media (prefers-color-scheme: dark) {
+	.own-connections__db-icon--mongodb,
+	.own-connections__db-icon--mysql,
+	.own-connections__db-icon--dynamodb,
+	.own-connections__db-icon--mssql {
+		filter: brightness(2);
+	}
+}
+
+@media (width <= 600px) {
+	.own-connections__heading {
+		margin-bottom: var(--space-5);
+		font-size: var(--text-xl);
+	}
+
+	.own-connections__db-grid {
+		grid-template-columns: 1fr;
+		gap: var(--space-2);
+	}
+
+	.own-connections__db-card {
+		flex-direction: row;
+		justify-content: flex-start;
+		gap: var(--space-3);
+		min-height: 3.375rem;
+		padding: var(--space-2) var(--space-4);
+	}
+
+	.own-connections__db-label {
+		flex: 1;
+		min-width: 0;
+		text-align: left;
+	}
+
+	.own-connections__list {
+		grid-template-columns: 1fr;
+		gap: var(--space-2);
+	}
+
+	.own-connections__item {
+		gap: var(--space-1);
+		padding: var(--space-2);
+	}
+
+	.own-connections__card {
+		height: 3.5rem;
+	}
+
+	.own-connections__fab {
+		position: fixed;
+		right: 9vw;
+		bottom: max(4rem, 10vw);
+		z-index: var(--z-sticky);
+		flex-direction: column;
+		align-items: flex-end;
+	}
+
+	.own-connections__fab--desktop {
+		display: none;
+	}
+
+	.own-connections__fab--mobile {
+		display: flex;
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/connections/analytics.ts b/frontend-vue/src/components/connections/analytics.ts
new file mode 100644
index 000000000..62651c7e4
--- /dev/null
+++ b/frontend-vue/src/components/connections/analytics.ts
@@ -0,0 +1,14 @@
+// The connection pages reported every event to both Amplitude (angulartics2) and PostHog; this sends
+// one event to both. `posthogProperties` covers the few Angular call sites that sent Amplitude
+// properties but none to PostHog.
+import posthog from 'posthog-js';
+import { trackEvent } from '@/composables/useAnalytics';
+
+export function trackConnectionEvent(
+	action: string,
+	properties?: Record<string, unknown>,
+	posthogProperties: Record<string, unknown> | undefined = properties,
+): void {
+	trackEvent(action, properties);
+	posthog.capture(action, posthogProperties);
+}
diff --git a/frontend-vue/src/components/connections/autoConfigureMessages.spec.ts b/frontend-vue/src/components/connections/autoConfigureMessages.spec.ts
new file mode 100644
index 000000000..20b3df3e7
--- /dev/null
+++ b/frontend-vue/src/components/connections/autoConfigureMessages.spec.ts
@@ -0,0 +1,47 @@
+import { describe, expect, it } from 'vitest';
+import { countMessage, humanizeMessage } from './autoConfigureMessages';
+
+describe('auto-configure messages', () => {
+	it.each([
+		['Starting configuration…', 'Starting configuration…'],
+		['Starting AI scan for connection', 'Looking at your database…'],
+		['Fetching tables from database', 'Reading your tables…'],
+		['Found 1 new table to scan', 'Found 1 table to set up'],
+		['Found 4 new tables to scan', 'Found 4 tables to set up'],
+		['No new tables to scan', 'Everything is already set up'],
+		['Inspected structure of table "users"', 'Read structure of users'],
+		['Generating settings with AI for 3 tables', 'Choosing the best layout for 3 tables…'],
+		['AI returned settings for 1 table', 'Recommendations ready for 1 table'],
+		['Validation failed for table "orders"', "Couldn't configure orders, skipped it"],
+		['Set up settings for table "users", display_name parameter set to "Users"', 'Renamed users → Users'],
+		['Set up settings for table "users", search_fields parameter set to email, name', 'Search by email, name in users'],
+		['Set up settings for table "users", ordering parameter set to DESC', 'users sorted descending by default'],
+		[
+			'Set up settings for table "users", ordering_field parameter set to "created_at"',
+			'users sorts by created_at by default',
+		],
+		['Set up settings for table "users" with default parameters', 'users is ready with default setup'],
+		['Added Phone widget for table "users" on column "phone"', 'users.phone formatted as phone numbers'],
+		['Added Foo widget for table "users" on column "x"', 'Foo widget enabled for users.x'],
+		['Set up settings for table "users", list_per_page parameter set to 50', 'users: list per page configured'],
+		['Something else', 'Something else'],
+	])('%s', (raw, expected) => {
+		expect(humanizeMessage(raw)).toBe(expected);
+	});
+
+	it('counts widgets, settings and configured tables', () => {
+		expect(countMessage('Added Phone widget for table "users" on column "phone"')).toEqual({
+			kind: 'widget',
+			table: 'users',
+		});
+		expect(countMessage('Set up settings for table "orders", ordering parameter set to ASC')).toEqual({
+			kind: 'setting',
+			table: 'orders',
+		});
+		expect(countMessage('Set up settings for table "logs" with default parameters')).toEqual({
+			kind: null,
+			table: 'logs',
+		});
+		expect(countMessage('Reading your tables')).toEqual({ kind: null, table: null });
+	});
+});
diff --git a/frontend-vue/src/components/connections/autoConfigureMessages.ts b/frontend-vue/src/components/connections/autoConfigureMessages.ts
new file mode 100644
index 000000000..8ea7e9f2e
--- /dev/null
+++ b/frontend-vue/src/components/connections/autoConfigureMessages.ts
@@ -0,0 +1,97 @@
+// The auto-configure page's reading of the AI setup log (AutoConfigureComponent's _humanize,
+// _widgetPhrase and _countMessage): backend progress lines become short user-facing sentences, and
+// widget / setting lines are counted for the summary chips.
+
+export interface CountedMessage {
+	/** A widget was added, a table setting was set, or neither. */
+	kind: 'widget' | 'setting' | null;
+	/** The table the line configured, if any. */
+	table: string | null;
+}
+
+export function countMessage(text: string): CountedMessage {
+	const widgetMatch = text.match(/^Added\s+\S+\s+widget for table "([^"]+)"/i);
+	if (widgetMatch?.[1]) return { kind: 'widget', table: widgetMatch[1] };
+	const settingMatch = text.match(/^Set up settings for table "([^"]+)",\s+\S+ parameter/i);
+	if (settingMatch?.[1]) return { kind: 'setting', table: settingMatch[1] };
+	const defaultsMatch = text.match(/^Set up settings for table "([^"]+)" with default parameters/i);
+	if (defaultsMatch?.[1]) return { kind: null, table: defaultsMatch[1] };
+	return { kind: null, table: null };
+}
+
+const tables = (count: string) => `${count} ${count === '1' ? 'table' : 'tables'}`;
+
+export function humanizeMessage(text: string): string {
+	if (/^Initializing|^Starting configuration|^✓ Setup complete|^All done/i.test(text)) return text;
+	if (/^Starting AI scan/i.test(text)) return 'Looking at your database…';
+	if (/^Fetching tables from database/i.test(text)) return 'Reading your tables…';
+
+	let m = text.match(/^Found (\d+) new (?:table|tables) to scan/i);
+	if (m?.[1]) return `Found ${tables(m[1])} to set up`;
+	if (/^No new tables to scan/i.test(text)) return 'Everything is already set up';
+
+	m = text.match(/^Inspected structure of table "([^"]+)"/i);
+	if (m) return `Read structure of ${m[1]}`;
+
+	m = text.match(/^Generating settings with AI for (\d+)/i);
+	if (m?.[1]) return `Choosing the best layout for ${tables(m[1])}…`;
+
+	m = text.match(/^AI returned settings for (\d+)/i);
+	if (m?.[1]) return `Recommendations ready for ${tables(m[1])}`;
+
+	m = text.match(/^Validation failed for table "([^"]+)"/i);
+	if (m) return `Couldn't configure ${m[1]}, skipped it`;
+
+	m = text.match(/^Set up settings for table "([^"]+)", display_name parameter set to "([^"]+)"/i);
+	if (m) return `Renamed ${m[1]} → ${m[2]}`;
+
+	m = text.match(/^Set up settings for table "([^"]+)", search_fields parameter set to (.+)$/i);
+	if (m) return `Search by ${m[2]} in ${m[1]}`;
+
+	m = text.match(/^Set up settings for table "([^"]+)", readonly_fields parameter set to (.+)$/i);
+	if (m) return `Locked fields in ${m[1]}: ${m[2]}`;
+
+	m = text.match(/^Set up settings for table "([^"]+)", columns_view parameter set to (.+)$/i);
+	if (m) return `Showing ${m[2]} on ${m[1]} overview`;
+
+	m = text.match(/^Set up settings for table "([^"]+)", ordering parameter set to (ASC|DESC)/i);
+	if (m?.[2]) return `${m[1]} sorted ${m[2].toLowerCase() === 'asc' ? 'ascending' : 'descending'} by default`;
+
+	m = text.match(/^Set up settings for table "([^"]+)", ordering_field parameter set to "([^"]+)"/i);
+	if (m) return `${m[1]} sorts by ${m[2]} by default`;
+
+	m = text.match(/^Set up settings for table "([^"]+)", identity_column parameter set to "([^"]+)"/i);
+	if (m) return `${m[1]} identified by ${m[2]}`;
+
+	m = text.match(/^Set up settings for table "([^"]+)" with default parameters/i);
+	if (m) return `${m[1]} is ready with default setup`;
+
+	m = text.match(/^Added (\S+) widget for table "([^"]+)" on column "([^"]+)"/i);
+	if (m?.[1] && m[2] && m[3]) return widgetPhrase(m[1], m[2], m[3]);
+
+	// Generic fallback for any unmatched "Set up settings ... <param> parameter ..." line.
+	m = text.match(/^Set up settings for table "([^"]+)", (\S+) parameter/i);
+	if (m?.[2]) return `${m[1]}: ${m[2].replace(/_/g, ' ')} configured`;
+
+	return text;
+}
+
+function widgetPhrase(kind: string, table: string, column: string): string {
+	const ref = `${table}.${column}`;
+	switch (kind.toLowerCase()) {
+		case 'phone':
+			return `${ref} formatted as phone numbers`;
+		case 'uuid':
+			return `${ref} recognized as ID`;
+		case 'country':
+			return `${ref} shows country flags`;
+		case 'url':
+			return `${ref} shown as clickable link`;
+		case 'color':
+			return `${ref} shows a color swatch`;
+		case 'string':
+			return `${ref} validates email format`;
+		default:
+			return `${kind} widget enabled for ${ref}`;
+	}
+}
diff --git a/frontend-vue/src/components/connections/credentials/CassandraCredentialsForm.vue b/frontend-vue/src/components/connections/credentials/CassandraCredentialsForm.vue
new file mode 100644
index 000000000..883df8c89
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/CassandraCredentialsForm.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+// Port of connect-db/db-credentials-forms/cassandra-credentials-form.
+import CredentialsAdvancedSettings from './CredentialsAdvancedSettings.vue';
+import CredentialsHostField from './CredentialsHostField.vue';
+import CredentialsPasswordField from './CredentialsPasswordField.vue';
+import CredentialsTextField from './CredentialsTextField.vue';
+import { type CredentialsFormEmits, type CredentialsFormProps, provideCredentialsForm } from './credentialsForm';
+import { DATABASE_FIELD, PORT_FIELD, USERNAME_FIELD } from './fieldPresets';
+
+const props = defineProps<CredentialsFormProps>();
+const emit = defineEmits<CredentialsFormEmits>();
+
+provideCredentialsForm(props, emit, { periods: true });
+</script>
+
+<template>
+	<CredentialsHostField example="cassandra.us-west-1.amazonaws.com" />
+	<CredentialsTextField v-bind="PORT_FIELD" />
+	<CredentialsTextField v-bind="USERNAME_FIELD" />
+	<CredentialsPasswordField />
+	<CredentialsTextField v-bind="DATABASE_FIELD" label="Database name" :span="2" />
+	<CredentialsTextField
+		field="dataCenter"
+		label="Data center"
+		event="database dataCenter"
+		:span="2"
+		testid="connection-data-center-input"
+	/>
+	<CredentialsAdvancedSettings sensitive-placeholder="Sensitive — write only field" />
+</template>
diff --git a/frontend-vue/src/components/connections/credentials/ClickhouseCredentialsForm.vue b/frontend-vue/src/components/connections/credentials/ClickhouseCredentialsForm.vue
new file mode 100644
index 000000000..da73dfe30
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/ClickhouseCredentialsForm.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+// Port of connect-db/db-credentials-forms/clickhouse-credentials-form.
+import CredentialsAdvancedSettings from './CredentialsAdvancedSettings.vue';
+import CredentialsHostField from './CredentialsHostField.vue';
+import CredentialsPasswordField from './CredentialsPasswordField.vue';
+import CredentialsTextField from './CredentialsTextField.vue';
+import { type CredentialsFormEmits, type CredentialsFormProps, provideCredentialsForm } from './credentialsForm';
+import { DATABASE_FIELD, PORT_FIELD, USERNAME_FIELD } from './fieldPresets';
+
+const props = defineProps<CredentialsFormProps>();
+const emit = defineEmits<CredentialsFormEmits>();
+
+provideCredentialsForm(props, emit);
+</script>
+
+<template>
+	<CredentialsHostField example="my-test-db.eu-west-2.aws.clickhouse.cloud" />
+	<CredentialsTextField v-bind="PORT_FIELD" />
+	<CredentialsTextField v-bind="USERNAME_FIELD" />
+	<CredentialsPasswordField />
+	<CredentialsTextField v-bind="DATABASE_FIELD" />
+	<CredentialsAdvancedSettings />
+</template>
diff --git a/frontend-vue/src/components/connections/credentials/CredentialsAdvancedSettings.vue b/frontend-vue/src/components/connections/credentials/CredentialsAdvancedSettings.vue
new file mode 100644
index 000000000..7ad7614a4
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/CredentialsAdvancedSettings.vue
@@ -0,0 +1,183 @@
+<script setup lang="ts">
+// The forms' "Advanced settings" panel: client-side encryption, then (per database) the SSH tunnel
+// and the SSL certificate. `top` holds fields shown right after the encryption switch (Oracle's SID,
+// Redis' username), the default slot fields after SSL (SQL Server's encryption).
+import { computed } from 'vue';
+import { UiCheckbox, UiExpansionPanel } from '@/components/ui';
+import MasterEncryptionPassword from '../MasterEncryptionPassword.vue';
+import CredentialsTextField from './CredentialsTextField.vue';
+import { useCredentialsForm } from './credentialsForm';
+
+const props = withDefaults(
+	defineProps<{
+		/** Offer the SSH tunnel settings. */
+		ssh?: boolean;
+		/** Offer the SSL certificate settings. */
+		ssl?: boolean;
+		/** Whether the certificate is required once SSL is on. */
+		sslCertRequired?: boolean;
+		/** Placeholder of the write-only SSH fields. */
+		sensitivePlaceholder?: string;
+	}>(),
+	{ ssh: true, ssl: true, sslCertRequired: true, sensitivePlaceholder: 'Sensitive — write-only field' },
+);
+
+const form = useCredentialsForm();
+const connection = form.connection;
+
+const masterKeyDisabled = computed(
+	() =>
+		form.props.accessLevel === 'readonly' ||
+		Boolean(form.props.submitting) ||
+		Boolean(connection.value.isTestConnection),
+);
+const toggleDisabled = computed(() => Boolean(form.props.submitting) || Boolean(connection.value.isTestConnection));
+
+function setSsh(value: boolean) {
+	connection.value.ssh = value;
+	form.track('SSH is switched', { enable: value });
+}
+
+function setSsl(value: boolean) {
+	connection.value.ssl = value;
+	form.track('SSL is switched', { enable: value });
+}
+</script>
+
+<template>
+	<UiExpansionPanel
+		title="Advanced settings"
+		class="credentials-advanced"
+		data-testid="connection-advanced-settings-expansion-panel-header"
+	>
+		<div class="credentials-advanced__grid">
+			<MasterEncryptionPassword
+				class="credentials-advanced__full"
+				:master-key="form.props.masterKey"
+				:enabled="connection.masterEncryption"
+				:disabled="masterKeyDisabled"
+				@master-key-change="form.setMasterKey"
+			/>
+
+			<slot name="top" />
+
+			<template v-if="props.ssh">
+				<UiCheckbox
+					class="credentials-advanced__full credentials-advanced__checkbox"
+					name="ssh"
+					data-testid="connection-ssh-checkbox"
+					:model-value="connection.ssh"
+					:disabled="toggleDisabled"
+					@update:model-value="setSsh"
+				>
+					Use SSH tunnel
+				</UiCheckbox>
+
+				<template v-if="connection.ssh">
+					<CredentialsTextField
+						field="privateSSHKey"
+						label="Private SSH key"
+						event="SSH key"
+						multiline
+						ssh
+						testid="connection-ssh-key-textarea"
+						:placeholder="sensitivePlaceholder"
+						:required="!connection.id"
+						required-error="Private SSH key should not be empty"
+					/>
+					<CredentialsTextField
+						field="sshHost"
+						label="SSH host"
+						event="SSH host"
+						:span="1"
+						ssh
+						testid="connection-ssh-host-input"
+						required
+						required-error="SSH host should not be empty"
+					/>
+					<CredentialsTextField
+						field="sshPort"
+						type="number"
+						label="SSH port"
+						event="SSH port"
+						:span="1"
+						ssh
+						testid="connection-ssh-port-input"
+						required
+						required-error="SSH port should not be empty"
+					/>
+					<CredentialsTextField
+						field="sshUsername"
+						label="SSH username"
+						event="SSH username"
+						:span="1"
+						ssh
+						testid="connection-ssh-username-input"
+						:placeholder="sensitivePlaceholder"
+						required
+						required-error="SSH username should not be empty"
+					/>
+				</template>
+			</template>
+
+			<template v-if="props.ssl">
+				<UiCheckbox
+					class="credentials-advanced__full credentials-advanced__checkbox"
+					name="ssl"
+					data-testid="connection-ssl-checkbox"
+					:model-value="connection.ssl"
+					:disabled="toggleDisabled"
+					@update:model-value="setSsl"
+				>
+					Check SSL certificate
+				</UiCheckbox>
+
+				<CredentialsTextField
+					v-if="connection.ssl"
+					field="cert"
+					name="sslCert"
+					label="SSL certificate"
+					event="SSL certificate"
+					multiline
+					ssh
+					testid="connection-ssl-certificate-textarea"
+					:required="sslCertRequired"
+					required-error="SSL certificate should not be empty"
+				/>
+			</template>
+
+			<slot />
+		</div>
+	</UiExpansionPanel>
+</template>
+
+<style scoped>
+.credentials-advanced {
+	grid-column: 1 / -1;
+}
+
+.credentials-advanced__grid {
+	display: grid;
+	grid-template-columns: repeat(3, minmax(0, 1fr));
+	gap: var(--space-1) var(--space-6);
+}
+
+.credentials-advanced__grid > :deep(*) {
+	min-width: 0;
+}
+
+.credentials-advanced__full {
+	grid-column: 1 / -1;
+}
+
+.credentials-advanced__checkbox {
+	margin-bottom: var(--space-4);
+}
+
+@media (width <= 600px) {
+	.credentials-advanced__grid {
+		display: flex;
+		flex-direction: column;
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/connections/credentials/CredentialsField.vue b/frontend-vue/src/components/connections/credentials/CredentialsField.vue
new file mode 100644
index 000000000..49bdfe4b9
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/CredentialsField.vue
@@ -0,0 +1,74 @@
+<script setup lang="ts">
+// One labelled field of a credentials form: a UiField placed on the form's grid (the Angular
+// `credentials-fieldset__*-columns` classes), with the "autofilled from a connection string" look,
+// and an `after` slot for help that needs links or buttons (UiField's hint and error are text only).
+import { computed } from 'vue';
+import { UiField } from '@/components/ui';
+
+const props = withDefaults(
+	defineProps<{
+		label: string;
+		/** Grid columns taken: 1–3, or 'full' for the whole row. */
+		span?: 1 | 2 | 3 | 'full';
+		hint?: string;
+		error?: string;
+		required?: boolean;
+		/** Filled from a pasted connection string. */
+		autofilled?: boolean;
+	}>(),
+	{ span: 'full', required: false, autofilled: false },
+);
+
+const classes = computed(() => [
+	'credentials-field',
+	`credentials-field--span-${props.span}`,
+	{ 'credentials-field--autofilled': props.autofilled },
+]);
+</script>
+
+<template>
+	<div :class="classes">
+		<UiField :label="label" :hint="hint" :error="error" :required="required">
+			<slot />
+		</UiField>
+		<slot name="after" />
+	</div>
+</template>
+
+<style scoped>
+.credentials-field {
+	min-width: 0;
+}
+
+.credentials-field--span-1 {
+	grid-column: span 1;
+}
+
+.credentials-field--span-2 {
+	grid-column: span 2;
+}
+
+.credentials-field--span-3 {
+	grid-column: span 3;
+}
+
+.credentials-field--span-full {
+	grid-column: 1 / -1;
+}
+
+.credentials-field--autofilled :deep(.ui-field__label) {
+	color: var(--color-success);
+}
+
+.credentials-field--autofilled :deep(.ui-input),
+.credentials-field--autofilled :deep(.ui-textarea) {
+	border-color: var(--color-success-border);
+	background-color: var(--color-success-bg);
+}
+
+@media (width <= 600px) {
+	.credentials-field {
+		grid-column: 1 / -1;
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/connections/credentials/CredentialsForms.spec.ts b/frontend-vue/src/components/connections/credentials/CredentialsForms.spec.ts
new file mode 100644
index 000000000..259ec6354
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/CredentialsForms.spec.ts
@@ -0,0 +1,269 @@
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { type Component, reactive } from 'vue';
+import { type Connection, DBtype } from '@/models/connection';
+import { AccessLevel } from '@/models/user';
+import { CONNECTION_INITIAL_STATE } from '@/stores/connections';
+import CassandraCredentialsForm from './CassandraCredentialsForm.vue';
+import type { CredentialsFormProps } from './credentialsForm';
+import DynamodbCredentialsForm from './DynamodbCredentialsForm.vue';
+import { CREDENTIALS_FORMS } from './index';
+import MongodbCredentialsForm from './MongodbCredentialsForm.vue';
+import MssqlCredentialsForm from './MssqlCredentialsForm.vue';
+import MysqlCredentialsForm from './MysqlCredentialsForm.vue';
+
+const trackConnectionEvent = vi.hoisted(() => vi.fn());
+vi.mock('../analytics', () => ({ trackConnectionEvent }));
+
+function draft(overrides: Partial<Connection> = {}): Connection {
+	return reactive<Connection>({ ...CONNECTION_INITIAL_STATE, ...overrides });
+}
+
+function mountForm(form: Component, props: Partial<CredentialsFormProps> = {}) {
+	const connection = props.connection ?? draft();
+	const wrapper = mount(form, {
+		props: { submitting: false, readonly: false, accessLevel: AccessLevel.Edit, ...props, connection },
+	});
+	return { wrapper, connection };
+}
+
+const byTestId = (wrapper: VueWrapper, testid: string) => wrapper.find(`[data-testid="${testid}"]`);
+const fieldOf = (wrapper: VueWrapper, testid: string) =>
+	byTestId(wrapper, testid).element.closest('.credentials-field');
+
+describe('credentials forms', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+	});
+
+	it('has a form for every database type', () => {
+		expect(Object.keys(CREDENTIALS_FORMS).sort()).toEqual(Object.values(DBtype).sort());
+	});
+
+	it.each([
+		[DBtype.MySQL, ['hostname', 'port', 'username', 'password', 'database'], ['schema']],
+		[DBtype.Postgres, ['hostname', 'port', 'username', 'password', 'database', 'schema'], []],
+		[DBtype.Oracle, ['hostname', 'port', 'username', 'password', 'database', 'schema', 'sid'], []],
+		[DBtype.MSSQL, ['hostname', 'port', 'username', 'password', 'database', 'schema'], []],
+		[DBtype.ClickHouse, ['hostname', 'port', 'username', 'password', 'database'], ['schema']],
+		[DBtype.Mongo, ['hostname', 'port', 'username', 'password', 'database', 'auth-source'], ['schema']],
+		[DBtype.Cassandra, ['hostname', 'port', 'username', 'password', 'database', 'data-center'], ['schema']],
+		[DBtype.Redis, ['hostname', 'port', 'password', 'username', 'database'], ['schema']],
+		[DBtype.Elasticsearch, ['hostname', 'port', 'username', 'password', 'database'], ['schema']],
+		[DBtype.Dynamo, ['hostname', 'username', 'password'], ['port', 'database', 'ssh-checkbox']],
+	])('%s renders its fields', (type, present, absent) => {
+		const { wrapper } = mountForm(CREDENTIALS_FORMS[type]);
+
+		for (const name of present) {
+			expect(wrapper.find(`[data-testid="connection-${name}-input"]`).exists(), name).toBe(true);
+		}
+		for (const name of absent) {
+			expect(wrapper.find(`[data-testid^="connection-${name}"]`).exists(), name).toBe(false);
+		}
+		wrapper.unmount();
+	});
+
+	it('writes the typed values into the connection', async () => {
+		const { wrapper, connection } = mountForm(MysqlCredentialsForm);
+
+		await byTestId(wrapper, 'connection-hostname-input').setValue('db.example.com');
+		await byTestId(wrapper, 'connection-port-input').setValue('3307');
+		await byTestId(wrapper, 'connection-username-input').setValue('admin');
+		await byTestId(wrapper, 'connection-database-input').setValue('shop');
+
+		expect(connection).toMatchObject({ host: 'db.example.com', port: '3307', username: 'admin', database: 'shop' });
+		wrapper.unmount();
+	});
+
+	it('requires the password for a new connection', () => {
+		const { wrapper } = mountForm(MysqlCredentialsForm);
+
+		expect(byTestId(wrapper, 'connection-password-input').attributes('required')).toBeDefined();
+		wrapper.unmount();
+	});
+
+	it('lets a saved connection keep its password until the hostname changes', async () => {
+		const { wrapper } = mountForm(MysqlCredentialsForm, {
+			connection: draft({ id: 'conn-1', host: 'db.example.com' }),
+		});
+		const password = () => byTestId(wrapper, 'connection-password-input');
+
+		expect(password().attributes('required')).toBeUndefined();
+		expect(wrapper.text()).toContain('To keep password the same keep this field blank');
+
+		const host = byTestId(wrapper, 'connection-hostname-input');
+		await host.setValue('db2.example.com');
+		await host.trigger('blur');
+
+		expect(password().attributes('required')).toBeDefined();
+		expect(wrapper.text()).toContain('Password needed due to hostname/port change');
+		wrapper.unmount();
+	});
+
+	it('shows "should not be empty" errors once a required field is left, or after a submit', async () => {
+		const { wrapper } = mountForm(MysqlCredentialsForm);
+
+		expect(wrapper.text()).not.toContain('Port should not be empty');
+		await byTestId(wrapper, 'connection-port-input').setValue('');
+		await byTestId(wrapper, 'connection-port-input').trigger('blur');
+		expect(wrapper.text()).toContain('Port should not be empty');
+		expect(wrapper.text()).not.toContain('Username should not be empty');
+
+		await wrapper.setProps({ submitted: true });
+		expect(wrapper.text()).toContain('Username should not be empty');
+		expect(wrapper.text()).toContain('Name should not be empty');
+		wrapper.unmount();
+	});
+
+	it('ends Cassandra messages with a period', () => {
+		const { wrapper } = mountForm(CassandraCredentialsForm, { submitted: true, connection: draft({ port: '' }) });
+
+		expect(wrapper.text()).toContain('Port should not be empty.');
+		expect(wrapper.text()).toContain('Username should not be empty.');
+		wrapper.unmount();
+	});
+
+	it('validates the hostname', async () => {
+		const { wrapper } = mountForm(MysqlCredentialsForm);
+		const host = byTestId(wrapper, 'connection-hostname-input');
+
+		await host.setValue('not a host');
+		await host.trigger('blur');
+		expect(wrapper.text()).toContain('Hostname is invalid');
+
+		await host.setValue('db.example.com');
+		expect(wrapper.text()).not.toContain('Hostname is invalid');
+		wrapper.unmount();
+	});
+
+	it('offers a tunnel guide and the agent for an internal hostname', async () => {
+		const { wrapper } = mountForm(MysqlCredentialsForm);
+		const host = byTestId(wrapper, 'connection-hostname-input');
+
+		await host.setValue('192.168.0.10');
+		await host.trigger('blur');
+		await byTestId(wrapper, 'connection-switch-to-agent-button').trigger('click');
+
+		expect(wrapper.text()).toContain('To connect a database to an internal IP');
+		expect(wrapper.find('a[href*="create_pinggy"]').exists()).toBe(true);
+		expect(wrapper.emitted('switchToAgent')).toHaveLength(1);
+		wrapper.unmount();
+	});
+
+	it('wants https:// for DynamoDB and accepts mongodb+srv:// for MongoDB', () => {
+		const dynamo = mountForm(DynamodbCredentialsForm, {
+			submitted: true,
+			connection: draft({ host: 'dynamodb.aws.com' }),
+		});
+		expect(dynamo.wrapper.text()).toContain('Hostname must start with "https://"');
+		expect(dynamo.wrapper.find('a[href*="ddb_region"]').exists()).toBe(true);
+		dynamo.wrapper.unmount();
+
+		const mongo = mountForm(MongodbCredentialsForm, {
+			submitted: true,
+			connection: draft({ host: 'mongodb+srv://cluster0.abcde.mongodb.net' }),
+		});
+		expect(mongo.wrapper.text()).not.toContain('Hostname is invalid');
+		mongo.wrapper.unmount();
+	});
+
+	it('shows the autofilled look and reports an edited autofilled field', async () => {
+		const { wrapper } = mountForm(MysqlCredentialsForm, { autoFilledFields: new Set(['host', 'port']) });
+
+		expect(fieldOf(wrapper, 'connection-hostname-input')?.classList).toContain('credentials-field--autofilled');
+		expect(fieldOf(wrapper, 'connection-username-input')?.classList).not.toContain('credentials-field--autofilled');
+
+		await byTestId(wrapper, 'connection-port-input').trigger('change');
+
+		expect(wrapper.emitted('fieldChange')).toEqual([['port']]);
+		expect(trackConnectionEvent).toHaveBeenCalledWith('Connection creds add: port is edited', undefined);
+		wrapper.unmount();
+	});
+
+	it("keeps MongoDB's auth database autofilled when it is edited", async () => {
+		const { wrapper } = mountForm(MongodbCredentialsForm, { autoFilledFields: new Set(['authSource']) });
+
+		await byTestId(wrapper, 'connection-auth-source-input').trigger('change');
+
+		expect(wrapper.emitted('fieldChange')).toBeUndefined();
+		wrapper.unmount();
+	});
+
+	it('shows the SSH fields once the tunnel is on; the key is required only for a new connection', async () => {
+		const { wrapper, connection } = mountForm(MysqlCredentialsForm);
+		expect(byTestId(wrapper, 'connection-ssh-host-input').exists()).toBe(false);
+
+		await byTestId(wrapper, 'connection-ssh-checkbox').setValue(true);
+
+		expect(connection.ssh).toBe(true);
+		expect(byTestId(wrapper, 'connection-ssh-host-input').exists()).toBe(true);
+		expect(byTestId(wrapper, 'connection-ssh-key-textarea').attributes('required')).toBeDefined();
+		expect(trackConnectionEvent).toHaveBeenCalledWith('Connection creds add: SSH is switched', { enable: true });
+		wrapper.unmount();
+
+		const saved = mountForm(MysqlCredentialsForm, { connection: draft({ id: 'conn-1', ssh: true }) });
+		expect(byTestId(saved.wrapper, 'connection-ssh-key-textarea').attributes('required')).toBeUndefined();
+		saved.wrapper.unmount();
+	});
+
+	it('requires the SSL certificate, except for Redis', () => {
+		const mysql = mountForm(MysqlCredentialsForm, { connection: draft({ ssl: true }) });
+		expect(byTestId(mysql.wrapper, 'connection-ssl-certificate-textarea').attributes('required')).toBeDefined();
+		mysql.wrapper.unmount();
+
+		const redis = mountForm(CREDENTIALS_FORMS[DBtype.Redis], { connection: draft({ ssl: true }) });
+		expect(byTestId(redis.wrapper, 'connection-ssl-certificate-textarea').attributes('required')).toBeUndefined();
+		redis.wrapper.unmount();
+	});
+
+	it("toggles SQL Server's encryption", async () => {
+		const { wrapper, connection } = mountForm(MssqlCredentialsForm);
+
+		await byTestId(wrapper, 'connection-ssl-encryption-checkbox').setValue(true);
+
+		expect(connection.azure_encryption).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('makes the fields readonly; SSH fields follow the access level only', () => {
+		const { wrapper } = mountForm(MysqlCredentialsForm, {
+			readonly: true,
+			accessLevel: AccessLevel.Edit,
+			connection: draft({ id: 'conn-1', ssh: true }),
+		});
+
+		expect(byTestId(wrapper, 'connection-hostname-input').attributes('readonly')).toBeDefined();
+		expect(byTestId(wrapper, 'connection-ssh-host-input').attributes('readonly')).toBeUndefined();
+		wrapper.unmount();
+
+		const readonlyUser = mountForm(MysqlCredentialsForm, {
+			readonly: true,
+			accessLevel: AccessLevel.Readonly,
+			connection: draft({ id: 'conn-1', ssh: true }),
+		});
+		expect(byTestId(readonlyUser.wrapper, 'connection-ssh-host-input').attributes('readonly')).toBeDefined();
+		expect(byTestId(readonlyUser.wrapper, 'connection-master-encryption-toggle').attributes('disabled')).toBeDefined();
+		readonlyUser.wrapper.unmount();
+	});
+
+	it('disables the fields while submitting', () => {
+		const { wrapper } = mountForm(MysqlCredentialsForm, { submitting: true });
+
+		expect(byTestId(wrapper, 'connection-hostname-input').attributes('disabled')).toBeDefined();
+		expect(byTestId(wrapper, 'connection-password-input').attributes('disabled')).toBeDefined();
+		wrapper.unmount();
+	});
+
+	it('emits the generated master key', async () => {
+		const { wrapper } = mountForm(MysqlCredentialsForm);
+
+		await byTestId(wrapper, 'connection-master-encryption-toggle').setValue(true);
+		await flushPromises();
+
+		const [[key]] = wrapper.emitted('masterKeyChange') as [[string]];
+		expect(key).toMatch(/^[A-Za-z0-9+/]{43}=$/);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/connections/credentials/CredentialsHostField.vue b/frontend-vue/src/components/connections/credentials/CredentialsHostField.vue
new file mode 100644
index 000000000..c39828af5
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/CredentialsHostField.vue
@@ -0,0 +1,99 @@
+<script setup lang="ts">
+// The Hostname field (hostnameValidator): required, a valid public hostname or IP, `https://` for
+// DynamoDB. An internal address gets help to tunnel it through Pinggy or switch to an agent.
+import { computed } from 'vue';
+import { UiInput } from '@/components/ui';
+import { HOSTNAME_ERROR_MESSAGES, hostnameErrors } from '@/validators/hostname.validator';
+import CredentialsField from './CredentialsField.vue';
+import { useCredentialsForm } from './credentialsForm';
+
+const TUNNELING_SERVICE_LINK = 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_pinggy';
+
+const props = withDefaults(
+	defineProps<{
+		/** The "E.g." sample under the field. */
+		example: string;
+		/** Second hint line. */
+		note?: string;
+		span?: 1 | 2 | 3 | 'full';
+		/** Which hostname rules apply ('mongodb' accepts `mongodb+srv://`, 'dynamodb' wants `https://`). */
+		validation?: 'default' | 'mongodb' | 'dynamodb';
+	}>(),
+	{ note: 'Connections from internal IPs (e.g. localhost) are not supported', span: 3, validation: 'default' },
+);
+
+const form = useCredentialsForm();
+
+const host = computed({
+	get: () => form.getText('host'),
+	set: (value: string) => form.setText('host', value),
+});
+
+const errors = computed(() => hostnameErrors(host.value, props.validation));
+const visibleErrors = computed(() => (form.showErrors('hostname') ? errors.value : null));
+const isLocalhost = computed(() => Boolean(visibleErrors.value?.isLocalhost));
+
+const error = computed(() => {
+	const current = visibleErrors.value;
+	if (!current) return undefined;
+	if (current.isLocalhost) return HOSTNAME_ERROR_MESSAGES.isLocalhost;
+	if (current.missingHttps) return HOSTNAME_ERROR_MESSAGES.missingHttps;
+	return form.sentence(HOSTNAME_ERROR_MESSAGES.isInvalidHostname);
+});
+
+const hint = computed(() => [`E.g. ${props.example}`, props.note].filter(Boolean).join('. '));
+
+function onChange() {
+	form.track('hostname is edited');
+	form.clearAutoFilled('host');
+}
+</script>
+
+<template>
+	<CredentialsField
+		label="Hostname"
+		:span="span"
+		:hint="hint"
+		:error="error"
+		required
+		:autofilled="form.isAutoFilled('host')"
+	>
+		<UiInput
+			v-model="host"
+			name="hostname"
+			data-testid="connection-hostname-input"
+			:readonly="Boolean(form.props.readonly)"
+			:disabled="form.props.submitting"
+			@input="form.markDirty('hostname')"
+			@blur="form.touch('hostname')"
+			@change="onChange"
+		/>
+		<template #after>
+			<p v-if="isLocalhost" class="credentials-host__help">(<a :href="TUNNELING_SERVICE_LINK" target="_blank" rel="noopener" class="credentials-host__link">here's a guide to Pinggy</a>, or <button type="button" class="credentials-host__button" data-testid="connection-switch-to-agent-button" @click="form.switchToAgent()">click here</button> to connect through an agent)</p>
+			<slot name="help" />
+		</template>
+	</CredentialsField>
+</template>
+
+<style scoped>
+.credentials-host__help {
+	margin: var(--space-1) 0 0;
+	font-size: var(--text-xs);
+	color: var(--color-danger);
+}
+
+.credentials-host__link,
+.credentials-host__button {
+	color: inherit;
+	font-size: inherit;
+	text-decoration: underline;
+}
+
+.credentials-host__button {
+	padding: 0;
+	border: none;
+	background: transparent;
+	cursor: pointer;
+	font-family: inherit;
+}
+</style>
diff --git a/frontend-vue/src/components/connections/credentials/CredentialsPasswordField.vue b/frontend-vue/src/components/connections/credentials/CredentialsPasswordField.vue
new file mode 100644
index 000000000..140d30b8b
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/CredentialsPasswordField.vue
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+// The Password field: required for a new connection, and for a saved one once the hostname (or the
+// port) was touched; a saved connection otherwise keeps its password when this is left blank.
+import { computed } from 'vue';
+import CredentialsTextField from './CredentialsTextField.vue';
+import { useCredentialsForm } from './credentialsForm';
+
+const props = withDefaults(
+	defineProps<{
+		span?: 1 | 2 | 3 | 'full';
+		/** DynamoDB has no port field, so only the hostname counts. */
+		watchPort?: boolean;
+	}>(),
+	{ span: 2, watchPort: true },
+);
+
+const form = useCredentialsForm();
+
+const changed = (check: (name: string) => boolean) => check('hostname') || (props.watchPort && check('port'));
+
+const required = computed(() => !form.connection.value.id || changed(form.isTouched));
+
+const hint = computed(() => {
+	if (!form.connection.value.id) return undefined;
+	return changed(form.isDirty)
+		? form.sentence('Password needed due to hostname/port change')
+		: form.sentence('To keep password the same keep this field blank');
+});
+</script>
+
+<template>
+	<CredentialsTextField
+		field="password"
+		type="password"
+		label="Password"
+		event="password"
+		autofill="password"
+		testid="connection-password-input"
+		:span="span"
+		:required="required"
+		:hint="hint"
+	/>
+</template>
diff --git a/frontend-vue/src/components/connections/credentials/CredentialsTextField.vue b/frontend-vue/src/components/connections/credentials/CredentialsTextField.vue
new file mode 100644
index 000000000..00d865538
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/CredentialsTextField.vue
@@ -0,0 +1,99 @@
+<script setup lang="ts">
+// A text, number, password or multi-line field bound to one connection property, with the
+// credentials forms' common behaviour: readonly / disabled rules, touched and dirty tracking, the
+// "should not be empty" error, the autofilled look and the "<field> is edited" analytics event.
+import { computed } from 'vue';
+import { UiInput, UiTextarea } from '@/components/ui';
+import CredentialsField from './CredentialsField.vue';
+import { type CredentialsTextKey, useCredentialsForm } from './credentialsForm';
+
+const props = withDefaults(
+	defineProps<{
+		field: CredentialsTextKey;
+		label: string;
+		/** Analytics wording: "Connection creds add: <event> is edited". */
+		event: string;
+		/** Native `name`; also the key of the touched/dirty state. Defaults to `field`. */
+		name?: string;
+		span?: 1 | 2 | 3 | 'full';
+		type?: 'text' | 'number' | 'password';
+		/** Eight-row textarea (SSH key, SSL certificate). */
+		multiline?: boolean;
+		required?: boolean;
+		/** Shown when the required field is left empty. */
+		requiredError?: string;
+		hint?: string;
+		placeholder?: string;
+		/** Autofilled-from-connection-string key this field shows the look for. */
+		autofill?: string;
+		/** Whether editing the field clears its autofilled state (MongoDB's auth database does not). */
+		clearAutofill?: boolean;
+		/** SSH/SSL fields follow the access level only, not the test-connection rule. */
+		ssh?: boolean;
+		testid?: string;
+	}>(),
+	{ span: 'full', type: 'text', multiline: false, required: false, clearAutofill: true, ssh: false },
+);
+
+const form = useCredentialsForm();
+
+const key = computed(() => props.name ?? props.field);
+const value = computed({
+	get: () => form.getText(props.field),
+	set: (next: string) => form.setText(props.field, next),
+});
+const readonly = computed(() => (props.ssh ? form.sshReadonly.value : Boolean(form.props.readonly)));
+
+const error = computed(() => {
+	if (!props.required || !props.requiredError || value.value) return undefined;
+	return form.showErrors(key.value) ? form.sentence(props.requiredError) : undefined;
+});
+
+function onInput() {
+	form.markDirty(key.value);
+}
+
+function onChange() {
+	form.track(`${props.event} is edited`);
+	if (props.autofill && props.clearAutofill) form.clearAutoFilled(props.autofill);
+}
+</script>
+
+<template>
+	<CredentialsField
+		:label="label"
+		:span="span"
+		:hint="hint"
+		:error="error"
+		:required="required"
+		:autofilled="autofill ? form.isAutoFilled(autofill) : false"
+	>
+		<UiTextarea
+			v-if="multiline"
+			v-model="value"
+			:name="key"
+			:rows="8"
+			:placeholder="placeholder"
+			:readonly="readonly"
+			:disabled="form.props.submitting"
+			:data-testid="testid"
+			mono
+			@input="onInput"
+			@blur="form.touch(key)"
+			@change="onChange"
+		/>
+		<UiInput
+			v-else
+			v-model="value"
+			:type="type"
+			:name="key"
+			:placeholder="placeholder"
+			:readonly="readonly"
+			:disabled="form.props.submitting"
+			:data-testid="testid"
+			@input="onInput"
+			@blur="form.touch(key)"
+			@change="onChange"
+		/>
+	</CredentialsField>
+</template>
diff --git a/frontend-vue/src/components/connections/credentials/DynamodbCredentialsForm.vue b/frontend-vue/src/components/connections/credentials/DynamodbCredentialsForm.vue
new file mode 100644
index 000000000..c8079d617
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/DynamodbCredentialsForm.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+// Port of connect-db/db-credentials-forms/dynamodb-credentials-form: an https:// endpoint and the
+// access key pair; no port, SSH or SSL.
+import CredentialsAdvancedSettings from './CredentialsAdvancedSettings.vue';
+import CredentialsHostField from './CredentialsHostField.vue';
+import CredentialsPasswordField from './CredentialsPasswordField.vue';
+import CredentialsTextField from './CredentialsTextField.vue';
+import { type CredentialsFormEmits, type CredentialsFormProps, provideCredentialsForm } from './credentialsForm';
+import { USERNAME_FIELD } from './fieldPresets';
+
+const props = defineProps<CredentialsFormProps>();
+const emit = defineEmits<CredentialsFormEmits>();
+
+provideCredentialsForm(props, emit);
+</script>
+
+<template>
+	<CredentialsHostField example="https://dynamodb.us-east-2.amazonaws.com" note="" span="full" validation="dynamodb">
+		<template #help>
+			<p class="dynamodb-credentials__help">
+				Select the endpoint matching your database region from the
+				<a
+					href="https://docs.aws.amazon.com/general/latest/gr/ddb.html#ddb_region"
+					target="_blank"
+					rel="noopener"
+					class="dynamodb-credentials__link"
+				>AWS DynamoDB endpoints list</a>
+			</p>
+		</template>
+	</CredentialsHostField>
+	<CredentialsTextField v-bind="USERNAME_FIELD" />
+	<CredentialsPasswordField :watch-port="false" />
+	<CredentialsAdvancedSettings :ssh="false" :ssl="false" />
+</template>
+
+<style scoped>
+.dynamodb-credentials__help {
+	margin: var(--space-1) 0 0;
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+
+.dynamodb-credentials__link {
+	color: inherit;
+}
+</style>
diff --git a/frontend-vue/src/components/connections/credentials/ElasticCredentialsForm.vue b/frontend-vue/src/components/connections/credentials/ElasticCredentialsForm.vue
new file mode 100644
index 000000000..c1dded635
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/ElasticCredentialsForm.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+// Port of connect-db/db-credentials-forms/elastic-credentials-form.
+import CredentialsAdvancedSettings from './CredentialsAdvancedSettings.vue';
+import CredentialsHostField from './CredentialsHostField.vue';
+import CredentialsPasswordField from './CredentialsPasswordField.vue';
+import CredentialsTextField from './CredentialsTextField.vue';
+import { type CredentialsFormEmits, type CredentialsFormProps, provideCredentialsForm } from './credentialsForm';
+import { DATABASE_FIELD, PORT_FIELD, USERNAME_FIELD } from './fieldPresets';
+
+const props = defineProps<CredentialsFormProps>();
+const emit = defineEmits<CredentialsFormEmits>();
+
+provideCredentialsForm(props, emit);
+</script>
+
+<template>
+	<CredentialsHostField example="cluster-123456.es.europe-west1.gcp.elastic-cloud.com" />
+	<CredentialsTextField v-bind="PORT_FIELD" />
+	<CredentialsTextField v-bind="USERNAME_FIELD" />
+	<CredentialsPasswordField />
+	<CredentialsAdvancedSettings>
+		<template #top>
+			<!-- As in Angular, the username is offered here a second time (bound to the same value). -->
+			<CredentialsTextField v-bind="USERNAME_FIELD" span="full" :required="false" />
+			<CredentialsTextField v-bind="DATABASE_FIELD" label="Database name" :required="false" />
+		</template>
+	</CredentialsAdvancedSettings>
+</template>
diff --git a/frontend-vue/src/components/connections/credentials/MongodbCredentialsForm.vue b/frontend-vue/src/components/connections/credentials/MongodbCredentialsForm.vue
new file mode 100644
index 000000000..d7721ab1f
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/MongodbCredentialsForm.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+// Port of connect-db/db-credentials-forms/mongodb-credentials-form.
+import CredentialsAdvancedSettings from './CredentialsAdvancedSettings.vue';
+import CredentialsHostField from './CredentialsHostField.vue';
+import CredentialsPasswordField from './CredentialsPasswordField.vue';
+import CredentialsTextField from './CredentialsTextField.vue';
+import { type CredentialsFormEmits, type CredentialsFormProps, provideCredentialsForm } from './credentialsForm';
+import { DATABASE_FIELD, PORT_FIELD, USERNAME_FIELD } from './fieldPresets';
+
+const props = defineProps<CredentialsFormProps>();
+const emit = defineEmits<CredentialsFormEmits>();
+
+provideCredentialsForm(props, emit);
+</script>
+
+<template>
+	<CredentialsHostField example="mongodb+srv://my-test-db.8a8grvb.mongoconnection.net" validation="mongodb" />
+	<CredentialsTextField v-bind="PORT_FIELD" />
+	<CredentialsTextField v-bind="USERNAME_FIELD" />
+	<CredentialsPasswordField />
+	<CredentialsTextField v-bind="DATABASE_FIELD" label="Database name" :span="2" />
+	<CredentialsTextField
+		field="authSource"
+		name="authsource"
+		label="Authentication database"
+		event="database authSource"
+		:span="2"
+		autofill="authSource"
+		:clear-autofill="false"
+		testid="connection-auth-source-input"
+	/>
+	<CredentialsAdvancedSettings />
+</template>
diff --git a/frontend-vue/src/components/connections/credentials/MssqlCredentialsForm.vue b/frontend-vue/src/components/connections/credentials/MssqlCredentialsForm.vue
new file mode 100644
index 000000000..8786dbaef
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/MssqlCredentialsForm.vue
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+// Port of connect-db/db-credentials-forms/mssql-credentials-form: the SQL fields with a required
+// schema, and Azure's "Encryption" switch after the SSL settings.
+import { UiCheckbox } from '@/components/ui';
+import CredentialsAdvancedSettings from './CredentialsAdvancedSettings.vue';
+import CredentialsHostField from './CredentialsHostField.vue';
+import CredentialsPasswordField from './CredentialsPasswordField.vue';
+import CredentialsTextField from './CredentialsTextField.vue';
+import { type CredentialsFormEmits, type CredentialsFormProps, provideCredentialsForm } from './credentialsForm';
+import { DATABASE_FIELD, PORT_FIELD, SCHEMA_FIELD, USERNAME_FIELD } from './fieldPresets';
+
+const props = defineProps<CredentialsFormProps>();
+const emit = defineEmits<CredentialsFormEmits>();
+
+const form = provideCredentialsForm(props, emit);
+
+function setAzureEncryption(value: boolean) {
+	form.connection.value.azure_encryption = value;
+	form.track('azure encryption is switched', { enable: value });
+}
+</script>
+
+<template>
+	<CredentialsHostField example="my-test-db.cvfuxe8nltiq.azure.com" />
+	<CredentialsTextField v-bind="PORT_FIELD" />
+	<CredentialsTextField v-bind="USERNAME_FIELD" />
+	<CredentialsPasswordField />
+	<CredentialsTextField v-bind="DATABASE_FIELD" label="Database name" :span="2" />
+	<CredentialsTextField v-bind="SCHEMA_FIELD" required />
+	<CredentialsAdvancedSettings>
+		<UiCheckbox
+			class="mssql-credentials__encryption"
+			name="azureEncryption"
+			data-testid="connection-ssl-encryption-checkbox"
+			:model-value="connection.azure_encryption"
+			:disabled="submitting"
+			@update:model-value="setAzureEncryption"
+		>
+			Encryption
+		</UiCheckbox>
+	</CredentialsAdvancedSettings>
+</template>
+
+<style scoped>
+.mssql-credentials__encryption {
+	grid-column: 1 / -1;
+	margin-bottom: var(--space-4);
+}
+</style>
diff --git a/frontend-vue/src/components/connections/credentials/MysqlCredentialsForm.vue b/frontend-vue/src/components/connections/credentials/MysqlCredentialsForm.vue
new file mode 100644
index 000000000..58b8e8b67
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/MysqlCredentialsForm.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+// Port of connect-db/db-credentials-forms/mysql-credentials-form.
+import CredentialsAdvancedSettings from './CredentialsAdvancedSettings.vue';
+import CredentialsHostField from './CredentialsHostField.vue';
+import CredentialsPasswordField from './CredentialsPasswordField.vue';
+import CredentialsTextField from './CredentialsTextField.vue';
+import { type CredentialsFormEmits, type CredentialsFormProps, provideCredentialsForm } from './credentialsForm';
+import { DATABASE_FIELD, PORT_FIELD, USERNAME_FIELD } from './fieldPresets';
+
+const props = defineProps<CredentialsFormProps>();
+const emit = defineEmits<CredentialsFormEmits>();
+
+provideCredentialsForm(props, emit);
+</script>
+
+<template>
+	<CredentialsHostField example="my-test-db.cvfuxe8nltiq.us-east-2.rds.amazonaws.com" />
+	<CredentialsTextField v-bind="PORT_FIELD" />
+	<CredentialsTextField v-bind="USERNAME_FIELD" />
+	<CredentialsPasswordField />
+	<CredentialsTextField v-bind="DATABASE_FIELD" />
+	<CredentialsAdvancedSettings />
+</template>
diff --git a/frontend-vue/src/components/connections/credentials/OracledbCredentialsForm.vue b/frontend-vue/src/components/connections/credentials/OracledbCredentialsForm.vue
new file mode 100644
index 000000000..c5cd5e603
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/OracledbCredentialsForm.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+// Port of connect-db/db-credentials-forms/oracledb-credentials-form.
+import CredentialsAdvancedSettings from './CredentialsAdvancedSettings.vue';
+import CredentialsHostField from './CredentialsHostField.vue';
+import CredentialsPasswordField from './CredentialsPasswordField.vue';
+import CredentialsTextField from './CredentialsTextField.vue';
+import { type CredentialsFormEmits, type CredentialsFormProps, provideCredentialsForm } from './credentialsForm';
+import { DATABASE_FIELD, PORT_FIELD, SCHEMA_FIELD, USERNAME_FIELD } from './fieldPresets';
+
+const props = defineProps<CredentialsFormProps>();
+const emit = defineEmits<CredentialsFormEmits>();
+
+provideCredentialsForm(props, emit);
+</script>
+
+<template>
+	<CredentialsHostField example="my-test-db.cvfuxe8nltiq.us-east-2.rds.amazonaws.com" />
+	<CredentialsTextField v-bind="PORT_FIELD" />
+	<CredentialsTextField v-bind="USERNAME_FIELD" />
+	<CredentialsPasswordField />
+	<CredentialsTextField v-bind="DATABASE_FIELD" :span="2" />
+	<CredentialsTextField v-bind="SCHEMA_FIELD" />
+	<CredentialsAdvancedSettings>
+		<template #top>
+			<CredentialsTextField field="sid" label="SID" event="SID" testid="connection-sid-input" />
+		</template>
+	</CredentialsAdvancedSettings>
+</template>
diff --git a/frontend-vue/src/components/connections/credentials/PostgresCredentialsForm.vue b/frontend-vue/src/components/connections/credentials/PostgresCredentialsForm.vue
new file mode 100644
index 000000000..9c3f43e7c
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/PostgresCredentialsForm.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+// Port of connect-db/db-credentials-forms/postgres-credentials-form.
+import CredentialsAdvancedSettings from './CredentialsAdvancedSettings.vue';
+import CredentialsHostField from './CredentialsHostField.vue';
+import CredentialsPasswordField from './CredentialsPasswordField.vue';
+import CredentialsTextField from './CredentialsTextField.vue';
+import { type CredentialsFormEmits, type CredentialsFormProps, provideCredentialsForm } from './credentialsForm';
+import { DATABASE_FIELD, PORT_FIELD, SCHEMA_FIELD, USERNAME_FIELD } from './fieldPresets';
+
+const props = defineProps<CredentialsFormProps>();
+const emit = defineEmits<CredentialsFormEmits>();
+
+provideCredentialsForm(props, emit);
+</script>
+
+<template>
+	<CredentialsHostField example="my-test-db.cvfuxe8nltiq.us-east-2.rds.amazonaws.com" />
+	<CredentialsTextField v-bind="PORT_FIELD" />
+	<CredentialsTextField v-bind="USERNAME_FIELD" />
+	<CredentialsPasswordField />
+	<CredentialsTextField v-bind="DATABASE_FIELD" :span="2" />
+	<CredentialsTextField v-bind="SCHEMA_FIELD" />
+	<CredentialsAdvancedSettings />
+</template>
diff --git a/frontend-vue/src/components/connections/credentials/RedisCredentialsForm.vue b/frontend-vue/src/components/connections/credentials/RedisCredentialsForm.vue
new file mode 100644
index 000000000..d30e3d840
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/RedisCredentialsForm.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+// Port of connect-db/db-credentials-forms/redis-credentials-form.
+import CredentialsAdvancedSettings from './CredentialsAdvancedSettings.vue';
+import CredentialsHostField from './CredentialsHostField.vue';
+import CredentialsPasswordField from './CredentialsPasswordField.vue';
+import CredentialsTextField from './CredentialsTextField.vue';
+import { type CredentialsFormEmits, type CredentialsFormProps, provideCredentialsForm } from './credentialsForm';
+import { DATABASE_FIELD, PORT_FIELD, USERNAME_FIELD } from './fieldPresets';
+
+const props = defineProps<CredentialsFormProps>();
+const emit = defineEmits<CredentialsFormEmits>();
+
+provideCredentialsForm(props, emit);
+</script>
+
+<template>
+	<CredentialsHostField example="redis-12345.c17.us-east-1-2.ec2.cloud.redislabs.com" />
+	<CredentialsTextField v-bind="PORT_FIELD" />
+	<CredentialsPasswordField span="full" />
+	<CredentialsAdvancedSettings :ssl-cert-required="false">
+		<template #top>
+			<CredentialsTextField v-bind="USERNAME_FIELD" span="full" :required="false" />
+			<CredentialsTextField v-bind="DATABASE_FIELD" label="Database name" :required="false" />
+		</template>
+	</CredentialsAdvancedSettings>
+</template>
diff --git a/frontend-vue/src/components/connections/credentials/credentialsForm.ts b/frontend-vue/src/components/connections/credentials/credentialsForm.ts
new file mode 100644
index 000000000..35636c424
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/credentialsForm.ts
@@ -0,0 +1,135 @@
+// The shared part of the per-database credentials forms (port of BaseCredentialsFormComponent).
+//
+// Every form takes the same props and emits the same events; it calls `provideCredentialsForm()`
+// once and the field components below it (CredentialsTextField, CredentialsHostField, …) read the
+// connection, the touched/dirty state and the analytics helper from the injected context.
+//
+// The connection is the page's reactive draft and the fields write into it directly, as the
+// Angular forms did through `[(ngModel)]="connection.host"`.
+import { type ComputedRef, computed, type InjectionKey, inject, provide, reactive } from 'vue';
+import type { Connection } from '@/models/connection';
+import type { AccessLevel } from '@/models/user';
+import { trackConnectionEvent } from '../analytics';
+
+export interface CredentialsFormProps {
+	/** The draft being edited; fields write into it. */
+	connection: Connection;
+	/** Saved connection the user may only read (readonly access or a test connection). */
+	readonly?: boolean;
+	submitting?: boolean;
+	masterKey?: string | null;
+	accessLevel?: AccessLevel | null;
+	/** Fields filled from a pasted connection string; they get the "autofilled" look. */
+	autoFilledFields?: Set<string>;
+	/** A submit was attempted: every field shows its error, as a submitted NgForm did. */
+	submitted?: boolean;
+}
+
+export interface CredentialsFormEmits {
+	switchToAgent: [];
+	masterKeyChange: [key: string];
+	fieldChange: [field: string];
+}
+
+type Emit = {
+	(event: 'switchToAgent'): void;
+	(event: 'masterKeyChange', key: string): void;
+	(event: 'fieldChange', field: string): void;
+};
+
+/** Connection fields the forms bind to a text input. */
+export type CredentialsTextKey =
+	| 'host'
+	| 'port'
+	| 'username'
+	| 'password'
+	| 'database'
+	| 'schema'
+	| 'authSource'
+	| 'dataCenter'
+	| 'sid'
+	| 'privateSSHKey'
+	| 'sshHost'
+	| 'sshPort'
+	| 'sshUsername'
+	| 'cert';
+
+export interface CredentialsFormOptions {
+	/** Cassandra's form ends its messages with a period ("Port should not be empty."). */
+	periods?: boolean;
+}
+
+export interface CredentialsFormContext {
+	props: CredentialsFormProps;
+	connection: ComputedRef<Connection>;
+	/** 'edit' for a saved connection, 'add' for a new one (the analytics wording). */
+	mode: ComputedRef<'edit' | 'add'>;
+	/** SSH/SSL fields: readonly for readonly users on a saved connection (test connections may edit them). */
+	sshReadonly: ComputedRef<boolean>;
+	periods: boolean;
+	touch(name: string): void;
+	markDirty(name: string): void;
+	isTouched(name: string): boolean;
+	isDirty(name: string): boolean;
+	/** Errors show once the field was left or a submit was attempted (mat-error's rule). */
+	showErrors(name: string): boolean;
+	isAutoFilled(key: string): boolean;
+	/** The user edited an autofilled field: it stops being autofilled. */
+	clearAutoFilled(key: string): void;
+	switchToAgent(): void;
+	setMasterKey(key: string): void;
+	/** Sends "Connection creds <edit|add>: <what>". */
+	track(what: string, properties?: Record<string, unknown>): void;
+	/** Appends the form's sentence period to a message. */
+	sentence(message: string): string;
+	getText(key: CredentialsTextKey): string;
+	setText(key: CredentialsTextKey, value: string): void;
+}
+
+const CREDENTIALS_FORM: InjectionKey<CredentialsFormContext> = Symbol('CredentialsForm');
+
+export function provideCredentialsForm(
+	props: CredentialsFormProps,
+	emit: Emit,
+	options: CredentialsFormOptions = {},
+): CredentialsFormContext {
+	const touched = reactive(new Set<string>());
+	const dirty = reactive(new Set<string>());
+	const connection = computed(() => props.connection);
+	const mode = computed(() => (props.connection.id ? 'edit' : 'add'));
+	const periods = options.periods ?? false;
+
+	const context: CredentialsFormContext = {
+		props,
+		connection,
+		mode,
+		sshReadonly: computed(() => props.accessLevel === 'readonly' && Boolean(props.connection.id)),
+		periods,
+		touch: (name) => touched.add(name),
+		markDirty: (name) => dirty.add(name),
+		isTouched: (name) => touched.has(name),
+		isDirty: (name) => dirty.has(name),
+		showErrors: (name) => Boolean(props.submitted) || touched.has(name),
+		isAutoFilled: (key) => props.autoFilledFields?.has(key) ?? false,
+		clearAutoFilled: (key) => emit('fieldChange', key),
+		switchToAgent: () => emit('switchToAgent'),
+		setMasterKey: (key) => emit('masterKeyChange', key),
+		track: (what, properties) => trackConnectionEvent(`Connection creds ${mode.value}: ${what}`, properties),
+		sentence: (message) => (periods ? `${message}.` : message),
+		getText: (key) => {
+			const value = props.connection[key];
+			return value === null || value === undefined ? '' : String(value);
+		},
+		setText: (key, value) => {
+			(props.connection as Record<CredentialsTextKey, string | null | undefined>)[key] = value;
+		},
+	};
+	provide(CREDENTIALS_FORM, context);
+	return context;
+}
+
+export function useCredentialsForm(): CredentialsFormContext {
+	const context = inject(CREDENTIALS_FORM, null);
+	if (!context) throw new Error('Credentials fields must be used inside a form that calls provideCredentialsForm()');
+	return context;
+}
diff --git a/frontend-vue/src/components/connections/credentials/fieldPresets.ts b/frontend-vue/src/components/connections/credentials/fieldPresets.ts
new file mode 100644
index 000000000..0013e65a1
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/fieldPresets.ts
@@ -0,0 +1,60 @@
+// The fields most credentials forms share, as CredentialsTextField props: `<CredentialsTextField
+// v-bind="PORT_FIELD" />`. Forms override single props (label, span) next to the v-bind.
+import type { CredentialsTextKey } from './credentialsForm';
+
+export interface TextFieldPreset {
+	field: CredentialsTextKey;
+	label: string;
+	event: string;
+	name?: string;
+	span?: 1 | 2 | 3 | 'full';
+	type?: 'text' | 'number' | 'password';
+	required?: boolean;
+	requiredError?: string;
+	autofill?: string;
+	testid?: string;
+}
+
+export const PORT_FIELD: TextFieldPreset = {
+	field: 'port',
+	type: 'number',
+	label: 'Port',
+	event: 'port',
+	span: 1,
+	required: true,
+	requiredError: 'Port should not be empty',
+	autofill: 'port',
+	testid: 'connection-port-input',
+};
+
+export const USERNAME_FIELD: TextFieldPreset = {
+	field: 'username',
+	label: 'Username',
+	event: 'username',
+	span: 2,
+	required: true,
+	requiredError: 'Username should not be empty',
+	autofill: 'username',
+	testid: 'connection-username-input',
+};
+
+export const DATABASE_FIELD: TextFieldPreset = {
+	field: 'database',
+	label: 'Database Name',
+	event: 'database name',
+	span: 'full',
+	required: true,
+	requiredError: 'Name should not be empty',
+	autofill: 'database',
+	testid: 'connection-database-input',
+};
+
+export const SCHEMA_FIELD: TextFieldPreset = {
+	field: 'schema',
+	label: 'Schema',
+	event: 'database schema',
+	span: 2,
+	requiredError: 'Name should not be empty',
+	autofill: 'schema',
+	testid: 'connection-schema-input',
+};
diff --git a/frontend-vue/src/components/connections/credentials/index.ts b/frontend-vue/src/components/connections/credentials/index.ts
new file mode 100644
index 000000000..099cac168
--- /dev/null
+++ b/frontend-vue/src/components/connections/credentials/index.ts
@@ -0,0 +1,28 @@
+// The credentials form of each database type (connect-db's `credentialsFormMap`).
+import type { Component } from 'vue';
+import { DBtype } from '@/models/connection';
+import CassandraCredentialsForm from './CassandraCredentialsForm.vue';
+import ClickhouseCredentialsForm from './ClickhouseCredentialsForm.vue';
+import DynamodbCredentialsForm from './DynamodbCredentialsForm.vue';
+import ElasticCredentialsForm from './ElasticCredentialsForm.vue';
+import MongodbCredentialsForm from './MongodbCredentialsForm.vue';
+import MssqlCredentialsForm from './MssqlCredentialsForm.vue';
+import MysqlCredentialsForm from './MysqlCredentialsForm.vue';
+import OracledbCredentialsForm from './OracledbCredentialsForm.vue';
+import PostgresCredentialsForm from './PostgresCredentialsForm.vue';
+import RedisCredentialsForm from './RedisCredentialsForm.vue';
+
+export const CREDENTIALS_FORMS: Record<DBtype, Component> = {
+	[DBtype.MySQL]: MysqlCredentialsForm,
+	[DBtype.Postgres]: PostgresCredentialsForm,
+	[DBtype.Mongo]: MongodbCredentialsForm,
+	[DBtype.Dynamo]: DynamodbCredentialsForm,
+	[DBtype.Cassandra]: CassandraCredentialsForm,
+	[DBtype.Oracle]: OracledbCredentialsForm,
+	[DBtype.MSSQL]: MssqlCredentialsForm,
+	[DBtype.Redis]: RedisCredentialsForm,
+	[DBtype.Elasticsearch]: ElasticCredentialsForm,
+	[DBtype.ClickHouse]: ClickhouseCredentialsForm,
+};
+
+export type { CredentialsFormEmits, CredentialsFormProps } from './credentialsForm';
diff --git a/frontend-vue/src/components/connections/dbLogos.ts b/frontend-vue/src/components/connections/dbLogos.ts
new file mode 100644
index 000000000..88693fb72
--- /dev/null
+++ b/frontend-vue/src/components/connections/dbLogos.ts
@@ -0,0 +1,20 @@
+// The database logos Angular registered as mat-icons in AppComponent (served from /assets).
+const LOGOS: Record<string, string> = {
+	mysql: '/assets/icons/db-logos/mysql_logo.svg',
+	mssql: '/assets/icons/db-logos/mssql_logo.svg',
+	oracledb: '/assets/icons/db-logos/oracle_logo.svg',
+	postgres: '/assets/icons/db-logos/postgres_logo.svg',
+	mongodb: '/assets/icons/db-logos/mongodb_logo.svg',
+	dynamodb: '/assets/icons/db-logos/dynamodb_logo.svg',
+	// The file names start with a Cyrillic "с", as in the Angular assets.
+	cassandra: '/assets/icons/db-logos/%D1%81assandra_logo.svg',
+	'cassandra-dark': '/assets/icons/db-logos/%D1%81assandra_logo_dark.svg',
+	redis: '/assets/icons/db-logos/redis_logo.svg',
+	elasticsearch: '/assets/icons/db-logos/elasticsearch_logo.svg',
+	clickhouse: '/assets/icons/db-logos/clickhouse_logo.svg',
+};
+
+/** Logo URL for a database type; Cassandra has a variant for dark mode. */
+export function dbLogo(type: string, darkMode = false): string | undefined {
+	return LOGOS[type === 'cassandra' && darkMode ? 'cassandra-dark' : type];
+}
diff --git a/frontend-vue/src/components/connections/dialogTestUtils.ts b/frontend-vue/src/components/connections/dialogTestUtils.ts
new file mode 100644
index 000000000..896be99da
--- /dev/null
+++ b/frontend-vue/src/components/connections/dialogTestUtils.ts
@@ -0,0 +1,36 @@
+// Spec helpers for the connection dialogs (not shipped: only *.spec.ts files import this).
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import type { Component } from 'vue';
+import { createMemoryHistory, createRouter, type Router } from 'vue-router';
+import DialogHost from '@/components/dialog/DialogHost.vue';
+import { vTooltip } from '@/components/ui';
+import { type DialogRef, useDialog } from '@/composables/useDialog';
+
+/** Opens `component` through useDialog() inside a mounted DialogHost, with a memory router. */
+export async function openDialog<D>(
+	component: Component,
+	data: D,
+): Promise<{ wrapper: VueWrapper; router: Router; dialogRef: DialogRef<unknown> }> {
+	const pinia = createPinia();
+	setActivePinia(pinia);
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:pathMatch(.*)*', component: { render: () => null } }],
+	});
+	router.push('/edit-db/1');
+	await router.isReady();
+	const wrapper = mount(DialogHost, {
+		global: { plugins: [router, pinia], directives: { tooltip: vTooltip } },
+		attachTo: document.body,
+	});
+	const dialogRef = useDialog().open(component, { data });
+	await flushPromises();
+	return { wrapper, router, dialogRef };
+}
+
+export function buttonByText(wrapper: VueWrapper, label: string) {
+	const match = wrapper.findAll('button, a').find((candidate) => candidate.text() === label);
+	if (!match) throw new Error(`No button "${label}"`);
+	return match;
+}
diff --git a/frontend-vue/src/components/connections/dialogs.ts b/frontend-vue/src/components/connections/dialogs.ts
new file mode 100644
index 000000000..146a06073
--- /dev/null
+++ b/frontend-vue/src/components/connections/dialogs.ts
@@ -0,0 +1,23 @@
+// Data the connect-db dialogs are opened with.
+import type { Connection } from '@/models/connection';
+import type { DbProvider } from './provider';
+
+/** DbConnectionConfirmDialog: the test before saving failed. */
+export interface DbConnectionConfirmDialogData {
+	dbCreds: Connection;
+	provider: DbProvider | null | undefined;
+	masterKey: string | null;
+	errorMessage: string;
+}
+
+/** DbConnectionIpAccessDialog: shown before a direct connection is added. */
+export interface DbConnectionIpAccessDialogData {
+	db: Connection;
+	provider: DbProvider | null | undefined;
+}
+
+/** DbConnectionDeleteDialog is opened with the connection itself. */
+export type DbConnectionDeleteDialogData = Pick<Connection, 'id' | 'title' | 'database'>;
+
+/** What the IP-access dialog closes with once the user says access is given. */
+export const IP_ACCESS_CONFIRMED = 'confirmed';
diff --git a/frontend-vue/src/components/connections/provider.spec.ts b/frontend-vue/src/components/connections/provider.spec.ts
new file mode 100644
index 000000000..7ef5fa11d
--- /dev/null
+++ b/frontend-vue/src/components/connections/provider.spec.ts
@@ -0,0 +1,27 @@
+import { describe, expect, it } from 'vitest';
+import { DBtype } from '@/models/connection';
+import { getProvider } from './provider';
+
+describe('getProvider', () => {
+	it.each([
+		['db.cvfuxe8nltiq.us-east-2.rds.amazonaws.com', DBtype.MySQL, 'amazon'],
+		['dynamodb.us-east-2.amazonaws.com', DBtype.Dynamo, 'amazonDynamoDB'],
+		['server.postgres.database.azure.com', DBtype.Postgres, 'azure'],
+		['cluster0.abcde.mongodb.net', DBtype.Mongo, 'mongoatlas'],
+		['db-postgresql-fra1.b.db.ondigitalocean.com', DBtype.Postgres, 'digitalocean'],
+		['node-0.aws-us-east-1.scylla.cloud', DBtype.Cassandra, 'scylladbcloud'],
+		['aws-0-eu-central-1.pooler.supabase.com', DBtype.Postgres, 'supabase'],
+		['db.example.com', DBtype.MySQL, null],
+		['18.221.81.73', DBtype.MySQL, null],
+	])('%s (%s) -> %s', (host, type, provider) => {
+		expect(getProvider({ host, type })).toBe(provider);
+	});
+
+	it('returns undefined for a Google Cloud IP, as Angular did', () => {
+		expect(getProvider({ host: '34.80.0.1', type: DBtype.MySQL })).toBeUndefined();
+	});
+
+	it('copes with an IPv6 host', () => {
+		expect(getProvider({ host: '2001:db8::1', type: DBtype.MySQL })).toBeNull();
+	});
+});
diff --git a/frontend-vue/src/components/connections/provider.ts b/frontend-vue/src/components/connections/provider.ts
new file mode 100644
index 000000000..bda40552b
--- /dev/null
+++ b/frontend-vue/src/components/connections/provider.ts
@@ -0,0 +1,93 @@
+// Shared bits of the connect-db page and its dialogs: default ports, the hosting provider guessed
+// from the hostname, and the provider names / docs links the dialogs show.
+import ipaddr from 'ipaddr.js';
+import isIP from 'validator/es/lib/isIP';
+import googleIPs from '@/consts/google-IP-addresses';
+import { type Connection, DBtype } from '@/models/connection';
+
+/** The address Rocketadmin's servers connect from. */
+export const ROCKETADMIN_IP = '18.221.81.73';
+
+export const DEFAULT_PORTS: Record<DBtype, string> = {
+	[DBtype.MySQL]: '3306',
+	[DBtype.Postgres]: '5432',
+	[DBtype.Oracle]: '1521',
+	[DBtype.MSSQL]: '1433',
+	[DBtype.Mongo]: '27017',
+	[DBtype.Dynamo]: '',
+	[DBtype.Cassandra]: '9042',
+	[DBtype.Redis]: '6379',
+	[DBtype.Elasticsearch]: '9200',
+	[DBtype.ClickHouse]: '8443',
+};
+
+export type DbProvider =
+	| 'amazon'
+	| 'amazonDynamoDB'
+	| 'azure'
+	| 'google'
+	| 'mongoatlas'
+	| 'digitalocean'
+	| 'scylladbcloud'
+	| 'supabase';
+
+export const PROVIDER_NAMES: Record<DbProvider, string> = {
+	amazon: 'Amazon Web Services',
+	azure: 'Microsoft Azure',
+	google: 'Google Cloud Platform',
+	mongoatlas: 'MongoDB Atlas',
+	digitalocean: 'DigitalOcean',
+	scylladbcloud: 'ScyllaDB Cloud',
+	amazonDynamoDB: 'Amazon DynamoDB',
+	supabase: 'Supabase',
+};
+
+const DOCS = 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection';
+
+/** The connection-error dialog's "Need help with … integration?" links. */
+export const PROVIDER_DOCS_LINKS: Record<DbProvider, string> = {
+	amazon: `${DOCS}/create_aws_mysql`,
+	azure: 'https://learn.microsoft.com/en-us/azure/mysql/flexible-server/how-to-manage-firewall-portal',
+	google: `${DOCS}/create_google_cloud`,
+	mongoatlas: `${DOCS}/create_mongo_atlas`,
+	digitalocean: `${DOCS}/create_digitalocean_postgresql`,
+	scylladbcloud: `${DOCS}/create_scylladb`,
+	amazonDynamoDB: `${DOCS}/create_aws_dynamodb`,
+	supabase: `${DOCS}/create_supabase`,
+};
+
+/** The IP-access dialog's "Setup guide" links (fewer providers than the error dialog). */
+export const IP_ACCESS_DOCS_LINKS: Partial<Record<DbProvider, string>> = {
+	amazon: PROVIDER_DOCS_LINKS.amazon,
+	azure: PROVIDER_DOCS_LINKS.azure,
+	google: PROVIDER_DOCS_LINKS.google,
+	mongoatlas: PROVIDER_DOCS_LINKS.mongoatlas,
+	digitalocean: PROVIDER_DOCS_LINKS.digitalocean,
+	supabase: PROVIDER_DOCS_LINKS.supabase,
+};
+
+/**
+ * The hosting provider, guessed from the hostname; `null` when none matches.
+ *
+ * Kept as in Angular: a host inside one of Google Cloud's ranges returns `undefined` (the loop's bare
+ * `return`) rather than 'google', so neither dialog shows Google-specific help.
+ */
+export function getProvider(db: Pick<Connection, 'host' | 'type'>): DbProvider | null | undefined {
+	const host = db.host ?? '';
+	let provider: DbProvider | null = null;
+	if (host.endsWith('.amazonaws.com')) provider = 'amazon';
+	if (host.endsWith('.amazonaws.com') && db.type === DBtype.Dynamo) provider = 'amazonDynamoDB';
+	if (host.endsWith('.azure.com')) provider = 'azure';
+	if (host.endsWith('.mongodb.net')) provider = 'mongoatlas';
+	if (host.endsWith('.ondigitalocean.com')) provider = 'digitalocean';
+	if (host.endsWith('.scylla.cloud')) provider = 'scylladbcloud';
+	if (host.endsWith('.supabase.com')) provider = 'supabase';
+	// The Google ranges are all IPv4 (Angular threw on an IPv6 host here).
+	if (isIP(host) && ipaddr.IPv4.isValid(host)) {
+		const hostIP = ipaddr.IPv4.parse(host);
+		for (const range of googleIPs) {
+			if (hostIP.match(ipaddr.IPv4.parseCIDR(range))) return undefined;
+		}
+	}
+	return provider;
+}
diff --git a/frontend-vue/src/components/dashboard/ActionLinkDialog.vue b/frontend-vue/src/components/dashboard/ActionLinkDialog.vue
new file mode 100644
index 000000000..a0291a807
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/ActionLinkDialog.vue
@@ -0,0 +1,36 @@
+<script setup lang="ts">
+// Port of db-table-view/db-action-link-dialog: a custom action answered with a location to go to;
+// the dialog offers it as a link ("Take action … for id = 1.") and closes once it is followed.
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import { UiButton } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import type { ActionLinkDialogData } from './types';
+
+defineProps<{ data: ActionLinkDialogData }>();
+
+const dialogRef = useDialogRef();
+</script>
+
+<template>
+	<AppDialog title="Action" size="sm" data-testid="action-link-dialog">
+		<a :href="data.href" target="_blank" rel="noopener noreferrer" class="action-link" @click="dialogRef.close()">
+			Take action {{ data.actionName }} for
+			<strong v-if="data.identityFieldValue">{{ data.identityFieldValue }}</strong>
+			<template v-else>
+				<strong v-for="(entry, index) in Object.entries(data.primaryKeys ?? {})" :key="entry[0]">
+					{{ entry[0] }} = {{ entry[1] }}<span v-if="index < Object.keys(data.primaryKeys ?? {}).length - 1">,</span>
+				</strong>
+			</template>.
+		</a>
+
+		<template #footer>
+			<UiButton variant="secondary" @click="dialogRef.close()">Cancel</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.action-link {
+	color: var(--color-accent);
+}
+</style>
diff --git a/frontend-vue/src/components/dashboard/BulkActionConfirmationDialog.vue b/frontend-vue/src/components/dashboard/BulkActionConfirmationDialog.vue
new file mode 100644
index 000000000..83119efd5
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/BulkActionConfirmationDialog.vue
@@ -0,0 +1,123 @@
+<script setup lang="ts">
+// Port of db-table-view/db-bulk-action-confirmation-dialog (BbBulkActionConfirmationDialogComponent):
+// confirms a custom action that requires confirmation, or deleting rows, listing the rows by their
+// identity field (or primary key). With an action `id` it activates that action — and shows the
+// link dialog when the action answers with a location; without one it deletes the row (one key)
+// or the rows (several). Closes with `true` once the request succeeded (the row edit page then
+// goes back to the table) and without a result when it failed — Angular closed on both.
+import { computed, ref } from 'vue';
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import { UiButton } from '@/components/ui';
+import { useDialog, useDialogRef } from '@/composables/useDialog';
+import { useConnectionsStore } from '@/stores/connections';
+import { type RowKeyParams, useTableRowStore } from '@/stores/table-row';
+import { useTablesStore } from '@/stores/tables';
+import ActionLinkDialog from './ActionLinkDialog.vue';
+import type { BulkActionConfirmationData } from './types';
+
+const props = defineProps<{ data: BulkActionConfirmationData }>();
+
+const dialogRef = useDialogRef<boolean>();
+const dialog = useDialog();
+const connections = useConnectionsStore();
+const tables = useTablesStore();
+const tableRow = useTableRowStore();
+
+const submitting = ref(false);
+const title = computed(() => `Confirm ${props.data.title.toLowerCase()} for ${props.data.tableDisplayName} table`);
+
+function onActionsComplete(succeeded: boolean) {
+	dialogRef.close(succeeded || undefined);
+	submitting.value = false;
+}
+
+async function handleConfirmedActions() {
+	submitting.value = true;
+	const connectionID = connections.currentConnectionID ?? '';
+	const tableName = tables.currentTableName ?? '';
+	const { id, primaryKeys } = props.data;
+
+	try {
+		if (id) {
+			const res = (await tables.activateActions(connectionID, tableName, id, props.data.title, primaryKeys)) as {
+				location?: string;
+			} | null;
+			onActionsComplete(true);
+			if (res?.location) {
+				dialog.open(ActionLinkDialog, {
+					data: { href: res.location, actionName: props.data.title, primaryKeys: primaryKeys[0] },
+				});
+			}
+			return;
+		}
+		if (primaryKeys.length === 1) {
+			await tableRow.deleteTableRow(connectionID, tableName, (primaryKeys[0] ?? {}) as RowKeyParams);
+		} else if (primaryKeys.length > 1) {
+			await tables.bulkDelete(connectionID, tableName, primaryKeys);
+		}
+	} catch {
+		// The store has shown the error.
+		onActionsComplete(false);
+		return;
+	}
+	onActionsComplete(true);
+}
+</script>
+
+<template>
+	<AppDialog :title="title" size="sm" :dismissible="!submitting" data-testid="bulk-action-confirm-dialog">
+		<div v-if="data.identityFieldValues">
+			<p class="bulk-confirm__lead">
+				You are going to <strong class="bulk-confirm__action">{{ data.title }}</strong> for:
+			</p>
+			<ul class="bulk-confirm__list">
+				<li v-for="(identityValue, index) in data.identityFieldValues" :key="index">
+					<strong>{{ identityValue }}{{ index < data.identityFieldValues.length - 1 ? ',' : '.' }}</strong>
+				</li>
+			</ul>
+		</div>
+		<template v-else>
+			<p class="bulk-confirm__lead">
+				You are going to <strong class="bulk-confirm__action">{{ data.title }}</strong> with following primary
+				key(s)
+			</p>
+			<ul class="bulk-confirm__list">
+				<li v-for="(primaryKey, index) in data.primaryKeys" :key="index">
+					<strong v-for="(entry, attributeIndex) in Object.entries(primaryKey)" :key="entry[0]">
+						{{ entry[0] }} = {{ entry[1] }}<span v-if="attributeIndex < Object.keys(primaryKey).length - 1">,</span>
+					</strong>
+					<span>{{ index !== data.primaryKeys.length - 1 ? ';' : '.' }}</span>
+				</li>
+			</ul>
+		</template>
+		<p class="bulk-confirm__lead">Please confirm.</p>
+
+		<template #footer>
+			<UiButton variant="secondary" :disabled="submitting" @click="dialogRef.close()">Cancel</UiButton>
+			<UiButton
+				variant="danger"
+				:loading="submitting"
+				data-testid="bulk-action-confirm-button"
+				@click="handleConfirmedActions"
+			>
+				{{ data.title }}
+			</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.bulk-confirm__lead {
+	margin: 0 0 var(--space-3);
+}
+
+.bulk-confirm__action {
+	text-transform: lowercase;
+}
+
+.bulk-confirm__list {
+	margin: 0 0 var(--space-4);
+	padding: 0;
+	list-style: none;
+}
+</style>
diff --git a/frontend-vue/src/components/dashboard/ColumnsList.vue b/frontend-vue/src/components/dashboard/ColumnsList.vue
new file mode 100644
index 000000000..af5294d1a
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/ColumnsList.vue
@@ -0,0 +1,84 @@
+<script setup lang="ts">
+// The table view's column picker, in the desktop "Columns" popover and the mobile columns sheet:
+// visible columns first, each with a checkbox, reorderable by drag (vuedraggable in place of
+// cdkDropList). The last visible column can't be hidden.
+import { computed } from 'vue';
+import Draggable from 'vuedraggable';
+import { UiCheckbox, UiIcon } from '@/components/ui';
+import type { TableColumnState } from '@/composables/useTableData';
+import { sortedColumns } from '@/lib/table-view';
+
+const props = defineProps<{
+	columns: TableColumnState[];
+	/** How many columns are visible now. */
+	displayedCount: number;
+}>();
+
+const emit = defineEmits<{
+	/** A checkbox changed (the column's `selected` is already updated). */
+	visibilityChange: [];
+	/** Dragged from `previousIndex` to `currentIndex`, both positions in the visible-first order. */
+	reorder: [previousIndex: number, currentIndex: number];
+}>();
+
+const sorted = computed(() => sortedColumns(props.columns));
+
+function setSelected(column: TableColumnState, selected: boolean) {
+	column.selected = selected;
+	emit('visibilityChange');
+}
+
+function onChange(event: { moved?: { oldIndex: number; newIndex: number } }) {
+	if (event.moved) emit('reorder', event.moved.oldIndex, event.moved.newIndex);
+}
+</script>
+
+<template>
+	<Draggable
+		:model-value="sorted"
+		item-key="title"
+		tag="ul"
+		class="columns-list"
+		handle=".columns-list__handle"
+		:force-fallback="true"
+		@change="onChange"
+	>
+		<template #item="{ element: column }">
+			<li class="columns-list__item">
+				<UiIcon name="drag_indicator" size="sm" class="columns-list__handle" />
+				<UiCheckbox
+					:model-value="column.selected"
+					:disabled="displayedCount === 1 && column.selected"
+					@update:model-value="(checked: boolean) => setSelected(column, checked)"
+				>
+					{{ column.normalizedTitle }}
+				</UiCheckbox>
+			</li>
+		</template>
+	</Draggable>
+</template>
+
+<style scoped>
+.columns-list {
+	margin: 0;
+	padding: var(--space-1) 0;
+	list-style: none;
+}
+
+.columns-list__item {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	padding: var(--space-1) var(--space-3);
+}
+
+.columns-list__item:hover {
+	background: var(--color-paper-2);
+}
+
+.columns-list__handle {
+	flex-shrink: 0;
+	color: var(--color-muted);
+	cursor: grab;
+}
+</style>
diff --git a/frontend-vue/src/components/dashboard/FolderDeleteDialog.vue b/frontend-vue/src/components/dashboard/FolderDeleteDialog.vue
new file mode 100644
index 000000000..893088975
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/FolderDeleteDialog.vue
@@ -0,0 +1,63 @@
+<script setup lang="ts">
+// Port of db-tables-list/db-folder-delete-dialog: confirms deleting a sidebar folder. Closes with
+// true on "Delete folder", false on "Cancel" (undefined on Escape/backdrop).
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import { UiButton, UiIcon } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+
+export interface FolderDeleteDialogData {
+	folderName: string;
+	tableCount: number;
+}
+
+defineProps<{ data: FolderDeleteDialogData }>();
+
+const dialogRef = useDialogRef<boolean>();
+</script>
+
+<template>
+	<AppDialog title="Delete folder" size="sm">
+		<p class="folder-delete__message">
+			Are you sure you want to delete the folder <strong>"{{ data.folderName }}"</strong>?
+		</p>
+
+		<div v-if="data.tableCount > 0" class="folder-delete__info">
+			<UiIcon name="info" size="sm" class="folder-delete__info-icon" />
+			<p class="folder-delete__info-text">
+				This folder contains {{ data.tableCount }} table{{ data.tableCount > 1 ? 's' : '' }}. The tables will not be
+				deleted, only removed from this folder.
+			</p>
+		</div>
+
+		<template #footer>
+			<UiButton variant="secondary" @click="dialogRef.close(false)">Cancel</UiButton>
+			<UiButton variant="danger" @click="dialogRef.close(true)">Delete folder</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.folder-delete__message {
+	margin: 0 0 var(--space-4);
+}
+
+.folder-delete__info {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--space-2);
+	padding: var(--space-3);
+	border-radius: var(--radius-control);
+	background: var(--color-paper-2);
+	color: var(--color-ink-soft);
+}
+
+.folder-delete__info-icon {
+	flex-shrink: 0;
+	color: var(--color-accent);
+}
+
+.folder-delete__info-text {
+	margin: 0;
+	font-size: var(--text-sm);
+}
+</style>
diff --git a/frontend-vue/src/components/dashboard/FolderEditDialog.vue b/frontend-vue/src/components/dashboard/FolderEditDialog.vue
new file mode 100644
index 000000000..bbe7549aa
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/FolderEditDialog.vue
@@ -0,0 +1,213 @@
+<script setup lang="ts">
+// Port of db-tables-list/db-folder-edit-dialog: rename a sidebar folder, pick its icon colour and
+// add/remove its tables. Works on a copy; "Save" closes with the edited folder (name trimmed), and
+// is refused while the name is empty. The "All Tables" folder can't be renamed.
+import { reactive, ref } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { UiButton, UiField, UiInput } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import type { Folder } from '@/composables/useTableFolders';
+import type { TableProperties } from '@/models/table';
+import { DEFAULT_FOLDER_COLOR, type FolderIconColor } from './folderColors';
+
+export interface FolderEditDialogData {
+	folder: Folder;
+	tables: TableProperties[];
+	folderIconColors: FolderIconColor[];
+}
+
+const props = defineProps<{ data: FolderEditDialogData }>();
+
+const dialogRef = useDialogRef<Folder>();
+
+const folder = reactive<Folder>({
+	...props.data.folder,
+	tableIds: [...props.data.folder.tableIds],
+	iconColor: props.data.folder.iconColor || DEFAULT_FOLDER_COLOR,
+});
+const touched = ref(false);
+
+const isAllTablesFolder = folder.id === '0' || folder.name === 'All Tables';
+
+function nameError(): string | undefined {
+	return touched.value && (!folder.name || folder.name.trim() === '') ? 'Folder name is required' : undefined;
+}
+
+function isTableInFolder(table: TableProperties): boolean {
+	return folder.tableIds.includes(table.table);
+}
+
+function getTableName(table: TableProperties): string {
+	return table.display_name || table.table;
+}
+
+function toggleTableInFolder(table: TableProperties) {
+	if (isTableInFolder(table)) {
+		folder.tableIds = folder.tableIds.filter((id) => id !== table.table);
+	} else {
+		folder.tableIds.push(table.table);
+		if (folder.isEmpty) folder.isEmpty = false;
+	}
+}
+
+function onSave() {
+	touched.value = true;
+	if (!folder.name || folder.name.trim() === '') return;
+	folder.name = folder.name.trim();
+	dialogRef.close({ ...folder, tableIds: [...folder.tableIds] });
+}
+</script>
+
+<template>
+	<AppDialogForm title="Edit folder" submit-label="Save" @submit="onSave">
+		<div class="folder-edit">
+			<UiField
+				label="Folder name"
+				:hint="isAllTablesFolder ? 'The &quot;All Tables&quot; folder cannot be renamed' : undefined"
+				:error="nameError()"
+				required
+				class="folder-edit__section"
+			>
+				<UiInput
+					v-model="folder.name"
+					name="folderName"
+					:disabled="isAllTablesFolder"
+					required
+					@blur="touched = true"
+				/>
+			</UiField>
+
+			<fieldset class="folder-edit__section folder-edit__colors">
+				<legend class="folder-edit__heading">Folder icon color</legend>
+				<div class="folder-edit__swatches">
+					<label
+						v-for="color in data.folderIconColors"
+						:key="color.value"
+						class="folder-edit__swatch-label"
+						:class="{ 'folder-edit__swatch-label--selected': folder.iconColor === color.value }"
+						:title="color.name"
+					>
+						<input
+							v-model="folder.iconColor"
+							type="radio"
+							class="folder-edit__swatch-input"
+							name="folderColor"
+							:value="color.value"
+							:aria-label="color.name"
+						>
+						<span class="folder-edit__swatch" :style="{ backgroundColor: color.value }" />
+					</label>
+				</div>
+			</fieldset>
+
+			<section class="folder-edit__tables">
+				<h3 class="folder-edit__heading">Manage tables in this folder</h3>
+				<ul class="folder-edit__table-list">
+					<li v-for="table in data.tables" :key="table.table" class="folder-edit__table">
+						<span class="folder-edit__table-name">{{ getTableName(table) }}</span>
+						<UiButton
+							size="sm"
+							:variant="isTableInFolder(table) ? 'ghost' : 'secondary'"
+							@click="toggleTableInFolder(table)"
+						>
+							{{ isTableInFolder(table) ? 'Remove' : 'Add' }}
+						</UiButton>
+					</li>
+				</ul>
+			</section>
+		</div>
+	</AppDialogForm>
+</template>
+
+<style scoped>
+.folder-edit {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+}
+
+.folder-edit__section {
+	padding-bottom: var(--space-4);
+	border-bottom: 1px solid var(--color-line);
+}
+
+.folder-edit__colors {
+	margin: 0;
+	padding-top: 0;
+	padding-inline: 0;
+	border-top: 0;
+	border-inline: 0;
+}
+
+.folder-edit__heading {
+	margin: 0 0 var(--space-3);
+	padding: 0;
+	color: var(--color-ink-soft);
+	font-size: var(--text-sm);
+	font-weight: var(--weight-medium);
+}
+
+.folder-edit__swatches {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-3);
+}
+
+.folder-edit__swatch-label {
+	position: relative;
+	display: inline-block;
+	cursor: pointer;
+}
+
+.folder-edit__swatch-input {
+	position: absolute;
+	width: 0;
+	height: 0;
+	opacity: 0;
+}
+
+.folder-edit__swatch {
+	display: block;
+	width: 2.5rem;
+	height: 2.5rem;
+	border: 2px solid transparent;
+	border-radius: 50%;
+	box-shadow: var(--shadow-card);
+	transition: transform var(--motion-fast);
+}
+
+.folder-edit__swatch-label:hover .folder-edit__swatch {
+	transform: scale(1.1);
+}
+
+.folder-edit__swatch-label--selected .folder-edit__swatch {
+	border-color: var(--color-ink);
+	transform: scale(1.05);
+}
+
+.folder-edit__swatch-input:focus-visible + .folder-edit__swatch {
+	box-shadow: var(--ring-focus);
+}
+
+.folder-edit__table-list {
+	max-height: 18rem;
+	margin: 0;
+	padding: 0;
+	overflow-y: auto;
+	list-style: none;
+}
+
+.folder-edit__table {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--space-2);
+	padding: var(--space-1) 0;
+}
+
+.folder-edit__table-name {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+</style>
diff --git a/frontend-vue/src/components/dashboard/SavedFiltersDialog.helpers.ts b/frontend-vue/src/components/dashboard/SavedFiltersDialog.helpers.ts
new file mode 100644
index 000000000..ec7c76d40
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/SavedFiltersDialog.helpers.ts
@@ -0,0 +1,109 @@
+// The saved-filters dialog's pure parts: reading a saved filter into per-column values and
+// comparators, and the create/update payload of handleSaveFilters().
+import type { FiltersByField } from './TableFiltersDialog.helpers';
+
+/** `{ column_name, comparator }`: the one column a fast filter lets the user edit from the table view. */
+export interface SavedFilterDynamicColumn {
+	column_name: string;
+	comparator: string;
+}
+
+/** A saved ("fast") filter as the dialog edits it; `id` is absent for a new one. */
+export interface SavedFilterSet {
+	id?: string;
+	name: string;
+	filters: FiltersByField;
+	dynamic_column?: SavedFilterDynamicColumn | null;
+	[key: string]: unknown;
+}
+
+export interface SavedFilterPayload {
+	name: string;
+	filters: FiltersByField;
+	dynamic_column?: SavedFilterDynamicColumn;
+}
+
+export interface SavedFilterFormState {
+	/** Column → value. */
+	values: Record<string, unknown>;
+	/** Column → comparator. */
+	comparators: Record<string, string | undefined>;
+	/** The quick-editing column, or null. */
+	dynamicColumn: string | null;
+}
+
+/** ngOnInit: one value and comparator per saved column; the dynamic column starts empty. */
+export function readFiltersSet(filtersSet: SavedFilterSet | null | undefined): SavedFilterFormState {
+	const values: Record<string, unknown> = {};
+	const comparators: Record<string, string | undefined> = {};
+	let dynamicColumn: string | null = null;
+	if (!filtersSet) return { values, comparators, dynamicColumn };
+
+	for (const [field, conditions] of Object.entries(filtersSet.filters ?? {})) {
+		const [comparator, value] = Object.entries(conditions ?? {})[0] ?? [];
+		values[field] = value;
+		comparators[field] = comparator;
+	}
+
+	const dynamic = filtersSet.dynamic_column;
+	if (dynamic?.column_name) {
+		values[dynamic.column_name] = null;
+		comparators[dynamic.column_name] = dynamic.comparator || '';
+		dynamicColumn = dynamic.column_name;
+	}
+	return { values, comparators, dynamicColumn };
+}
+
+/** handleSaveFilters()'s condition check: a column other than the dynamic one, or the dynamic one, has a comparator. */
+export function hasConditions({ values, comparators, dynamicColumn }: SavedFilterFormState): boolean {
+	const hasRegularFilters = Object.keys(values).some(
+		(key) => key !== dynamicColumn && comparators[key] !== undefined && comparators[key] !== null,
+	);
+	const hasDynamicColumnFilter =
+		!!dynamicColumn && comparators[dynamicColumn] !== undefined && comparators[dynamicColumn] !== null;
+	return hasRegularFilters || hasDynamicColumnFilter;
+}
+
+/**
+ * The body for POST/PUT /table-filters: every column but the dynamic one as `{ comparator: value }`
+ * (`''`/`undefined` saved as `null`), and the dynamic column with its comparator (`''` when none).
+ * `null` when there are no columns at all, in which case Angular sent nothing.
+ */
+export function buildSavedFilterPayload(name: string, state: SavedFilterFormState): SavedFilterPayload | null {
+	const { values, comparators, dynamicColumn } = state;
+	if (!Object.keys(values).length) return null;
+
+	const filters: FiltersByField = {};
+	for (const key in values) {
+		if (key === dynamicColumn) continue;
+		const comparator = comparators[key];
+		if (comparator !== undefined) {
+			const value = values[key] === '' || values[key] === undefined ? null : values[key];
+			filters[key] = { [comparator]: value };
+		}
+	}
+
+	const payload: SavedFilterPayload = { name, filters };
+	if (dynamicColumn) {
+		payload.dynamic_column = { column_name: dynamicColumn, comparator: comparators[dynamicColumn] || '' };
+	}
+	return payload;
+}
+
+/** The comparator selects of a condition card, with the Angular option texts. */
+export const TEXT_COMPARATOR_OPTIONS = [
+	{ value: 'startswith', label: 'starts with' },
+	{ value: 'endswith', label: 'ends with' },
+	{ value: 'eq', label: 'equal' },
+	{ value: 'contains', label: 'contains' },
+	{ value: 'icontains', label: 'not contains' },
+	{ value: 'empty', label: 'is empty' },
+];
+
+export const NUMBER_COMPARATOR_OPTIONS = [
+	{ value: 'eq', label: 'equal' },
+	{ value: 'gt', label: 'greater than' },
+	{ value: 'lt', label: 'less than' },
+	{ value: 'gte', label: 'greater than or equal' },
+	{ value: 'lte', label: 'less than or equal' },
+];
diff --git a/frontend-vue/src/components/dashboard/SavedFiltersDialog.spec.ts b/frontend-vue/src/components/dashboard/SavedFiltersDialog.spec.ts
new file mode 100644
index 000000000..f5ba9f9e6
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/SavedFiltersDialog.spec.ts
@@ -0,0 +1,313 @@
+// Ports saved-filters-dialog.component.spec.ts as behaviour: the payloads sent for the conditions on
+// screen, the quick-editing column, and validation.
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import DialogHost from '@/components/dialog/DialogHost.vue';
+import { mockStructure } from '@/components/fields/stories.mocks';
+import { useDialog } from '@/composables/useDialog';
+import { DBtype } from '@/models/connection';
+import { useConnectionsStore } from '@/stores/connections';
+import { type SavedFilter, useTablesStore } from '@/stores/tables';
+import type { SavedFilterSet } from './SavedFiltersDialog.helpers';
+import SavedFiltersDialog, { type SavedFiltersDialogData } from './SavedFiltersDialog.vue';
+
+vi.mock('@/lib/cedar-wasm', () => ({ loadCedarWasm: () => new Promise(() => {}) }));
+const analytics = vi.hoisted(() => ({ trackEvent: vi.fn(), capture: vi.fn() }));
+vi.mock('@/composables/useAnalytics', () => ({ trackEvent: analytics.trackEvent }));
+vi.mock('posthog-js', () => ({ default: { capture: analytics.capture } }));
+
+const saved: SavedFilter = { id: 'new', name: 'Test Filter', filters: {} };
+
+function dialogData(filtersSet: Partial<SavedFilterSet> = {}, extra: Partial<SavedFiltersDialogData> = {}) {
+	return {
+		connectionID: '123',
+		tableName: 'test_table',
+		displayTableName: 'Test Table',
+		filtersSet: { name: 'Test Filter', filters: {}, ...filtersSet },
+		structure: [],
+		tableForeignKeys: {},
+		tableWidgets: {},
+		...extra,
+	} satisfies SavedFiltersDialogData;
+}
+
+async function setup(data: SavedFiltersDialogData = dialogData()) {
+	const wrapper = mount(DialogHost, { attachTo: document.body });
+	const ref = useDialog().open<boolean>(SavedFiltersDialog, { data });
+	await flushPromises();
+	await vi.dynamicImportSettled();
+	await flushPromises();
+	return { wrapper, ref };
+}
+
+function button(wrapper: ReturnType<typeof mount>, label: string) {
+	const match = wrapper
+		.findAll('button')
+		.find(
+			(candidate) =>
+				(candidate.find('.ui-button__label').exists() ? candidate.find('.ui-button__label') : candidate).text() ===
+				label,
+		);
+	if (!match) throw new Error(`no button ${label}`);
+	return match;
+}
+
+function quickEdit(wrapper: ReturnType<typeof mount>, field: string) {
+	return wrapper.find(`[data-field="${field}"] input[role="switch"], [data-field="${field}"] [role="switch"]`);
+}
+
+async function save(wrapper: ReturnType<typeof mount>) {
+	await wrapper.find('form').trigger('submit');
+	await flushPromises();
+}
+
+describe('SavedFiltersDialog', () => {
+	let tables: ReturnType<typeof useTablesStore>;
+
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+		useConnectionsStore().currentConnection.type = DBtype.Postgres;
+		tables = useTablesStore();
+		vi.spyOn(tables, 'createSavedFilter').mockResolvedValue(saved);
+		vi.spyOn(tables, 'updateSavedFilter').mockResolvedValue(saved);
+		vi.spyOn(tables, 'deleteSavedFilter').mockResolvedValue({});
+	});
+
+	afterEach(() => {
+		document.body.innerHTML = '';
+	});
+
+	it('titles a new and an existing filter', async () => {
+		const created = await setup();
+		expect(created.wrapper.find('h2').text()).toBe('New fast filter');
+		expect(created.wrapper.text()).toContain(
+			'Use conditions to quickly filter test table and optionally edit one column.',
+		);
+		expect(created.wrapper.findAll('button').some((candidate) => candidate.text() === 'Remove')).toBe(false);
+		created.ref.close();
+		created.wrapper.unmount();
+
+		const edited = await setup(dialogData({ id: 'f1' }));
+		expect(edited.wrapper.find('h2').text()).toBe('Edit fast filter');
+		expect(button(edited.wrapper, 'Remove').exists()).toBe(true);
+	});
+
+	it('toggles the quick-editing column', async () => {
+		const { wrapper } = await setup(dialogData({ filters: { test_field: { eq: 'test_value' } } }));
+
+		const toggle = () => quickEdit(wrapper, 'test_field');
+		expect((toggle().element as HTMLInputElement).checked).toBe(false);
+		await toggle().setValue(true);
+		expect((toggle().element as HTMLInputElement).checked).toBe(true);
+		await toggle().setValue(false);
+		expect((toggle().element as HTMLInputElement).checked).toBe(false);
+	});
+
+	it('excludes the quick-editing column from filters and sends it with its comparator', async () => {
+		const { wrapper, ref } = await setup(dialogData({ filters: { test_field: { eq: 'test_value' } } }));
+
+		await quickEdit(wrapper, 'test_field').setValue(true);
+		await save(wrapper);
+
+		expect(tables.createSavedFilter).toHaveBeenCalledWith('123', 'test_table', {
+			name: 'Test Filter',
+			filters: {},
+			dynamic_column: { column_name: 'test_field', comparator: 'eq' },
+		});
+		await expect(ref.afterClosed()).resolves.toBe(true);
+		expect(analytics.trackEvent).toHaveBeenCalledWith('Saved filters: saved filter is created successfully');
+	});
+
+	it('keeps the other columns in filters', async () => {
+		const { wrapper } = await setup(
+			dialogData({ filters: { test_field: { eq: 'test_value' }, dynamic_field: { contains: 'dynamic_value' } } }),
+		);
+
+		await quickEdit(wrapper, 'dynamic_field').setValue(true);
+		await save(wrapper);
+
+		expect(tables.createSavedFilter).toHaveBeenCalledWith('123', 'test_table', {
+			name: 'Test Filter',
+			filters: { test_field: { eq: 'test_value' } },
+			dynamic_column: { column_name: 'dynamic_field', comparator: 'contains' },
+		});
+	});
+
+	it('saves empty values as null', async () => {
+		const { wrapper } = await setup(dialogData({ filters: { test_field: { eq: '' } } }));
+
+		await save(wrapper);
+
+		expect(tables.createSavedFilter).toHaveBeenCalledWith('123', 'test_table', {
+			name: 'Test Filter',
+			filters: { test_field: { eq: null } },
+		});
+	});
+
+	it('sends a quick-editing column without a comparator as an empty comparator', async () => {
+		const { wrapper } = await setup(
+			dialogData({
+				filters: { test_field: { eq: 'test_value' } },
+				dynamic_column: { column_name: 'dynamic_field_no_comparator', comparator: '' },
+			}),
+		);
+
+		expect((quickEdit(wrapper, 'dynamic_field_no_comparator').element as HTMLInputElement).checked).toBe(true);
+		await save(wrapper);
+
+		expect(tables.createSavedFilter).toHaveBeenCalledWith('123', 'test_table', {
+			name: 'Test Filter',
+			filters: { test_field: { eq: 'test_value' } },
+			dynamic_column: { column_name: 'dynamic_field_no_comparator', comparator: '' },
+		});
+	});
+
+	it('updates an existing filter', async () => {
+		const { wrapper, ref } = await setup(dialogData({ id: '123', filters: { test_field: { eq: 'test_value' } } }));
+
+		await save(wrapper);
+
+		expect(tables.updateSavedFilter).toHaveBeenCalledWith('123', 'test_table', '123', {
+			name: 'Test Filter',
+			filters: { test_field: { eq: 'test_value' } },
+		});
+		expect(tables.createSavedFilter).not.toHaveBeenCalled();
+		await expect(ref.afterClosed()).resolves.toBe(true);
+	});
+
+	it('sends the edited name', async () => {
+		const { wrapper } = await setup(dialogData({ filters: { test_field: { eq: 'x' } } }));
+
+		await wrapper.find('input[name="filters_set_name"]').setValue('Active users');
+		await save(wrapper);
+
+		expect(tables.createSavedFilter).toHaveBeenCalledWith(
+			'123',
+			'test_table',
+			expect.objectContaining({ name: 'Active users' }),
+		);
+	});
+
+	it('requires a name', async () => {
+		const { wrapper } = await setup(dialogData({ name: '   ', filters: { test_field: { eq: 'x' } } }));
+
+		await save(wrapper);
+
+		expect(tables.createSavedFilter).not.toHaveBeenCalled();
+		expect(wrapper.text()).toContain('Fast filter name is required');
+	});
+
+	it('requires at least one condition', async () => {
+		const { wrapper } = await setup();
+
+		await save(wrapper);
+
+		expect(tables.createSavedFilter).not.toHaveBeenCalled();
+		expect(wrapper.text()).toContain('At least one condition is required');
+	});
+
+	it('stays open when saving fails', async () => {
+		vi.mocked(tables.createSavedFilter).mockRejectedValue(new Error('boom'));
+		const { wrapper } = await setup(dialogData({ filters: { test_field: { eq: 'x' } } }));
+
+		await save(wrapper);
+
+		expect(wrapper.find('form').exists()).toBe(true);
+		expect(analytics.trackEvent).not.toHaveBeenCalled();
+	});
+
+	it('removes an existing filter', async () => {
+		const { wrapper, ref } = await setup(dialogData({ id: 'f1' }));
+
+		await button(wrapper, 'Remove').trigger('click');
+		await flushPromises();
+
+		expect(tables.deleteSavedFilter).toHaveBeenCalledWith('123', 'test_table', 'f1');
+		await expect(ref.afterClosed()).resolves.toBe(true);
+	});
+
+	describe('with a table structure', () => {
+		const structure = [
+			mockStructure({ column_name: 'name', data_type: 'character varying' }),
+			mockStructure({ column_name: 'age', data_type: 'integer' }),
+			mockStructure({ column_name: 'active', data_type: 'boolean' }),
+		];
+
+		it('adds a condition from the column search', async () => {
+			const { wrapper } = await setup(dialogData({}, { structure }));
+
+			await button(wrapper, 'Add condition').trigger('click');
+			const search = wrapper.find('input[name="filter_columns"]');
+			await search.trigger('focus');
+			await search.setValue('ag');
+			expect(wrapper.findAll('[role="option"]').map((option) => option.text())).toEqual(['age']);
+			await wrapper.find('[role="option"]').trigger('click');
+			await flushPromises();
+			await vi.dynamicImportSettled();
+			await flushPromises();
+
+			expect(wrapper.find('[data-field="age"]').exists()).toBe(true);
+			expect(wrapper.find('input[name="filter_columns"]').exists()).toBe(false);
+			await save(wrapper);
+			expect(tables.createSavedFilter).toHaveBeenCalledWith('123', 'test_table', {
+				name: 'Test Filter',
+				filters: { age: { eq: null } },
+			});
+		});
+
+		it('offers text comparators for a text column and clears the value for "is empty"', async () => {
+			const { wrapper } = await setup(dialogData({ filters: { name: { startswith: 'Jo' } } }, { structure }));
+
+			const select = wrapper.find('[data-field="name"] select');
+			expect(select.findAll('option').map((option) => option.text())).toEqual([
+				'starts with',
+				'ends with',
+				'equal',
+				'contains',
+				'not contains',
+				'is empty',
+			]);
+			expect((wrapper.find('[data-field="name"] input').element as HTMLInputElement).value).toBe('Jo');
+			const empty = select.findAll('option').find((option) => option.text() === 'is empty');
+			await select.setValue(empty?.attributes('value'));
+			await save(wrapper);
+
+			expect(tables.createSavedFilter).toHaveBeenCalledWith('123', 'test_table', {
+				name: 'Test Filter',
+				filters: { name: { empty: null } },
+			});
+		});
+
+		it('offers number comparators for a number column', async () => {
+			const { wrapper } = await setup(dialogData({ filters: { age: { gt: 3 } } }, { structure }));
+
+			expect(
+				wrapper
+					.find('[data-field="age"] select')
+					.findAll('option')
+					.map((option) => option.text()),
+			).toEqual(['equal', 'greater than', 'less than', 'greater than or equal', 'less than or equal']);
+		});
+
+		it('lets a smart widget set its own comparator', async () => {
+			const { wrapper } = await setup(dialogData({ filters: { active: { eq: true } } }, { structure }));
+
+			expect(wrapper.find('[data-field="active"] select').exists()).toBe(false);
+			await save(wrapper);
+			expect(tables.createSavedFilter).toHaveBeenCalledWith('123', 'test_table', {
+				name: 'Test Filter',
+				filters: { active: { eq: true } },
+			});
+		});
+
+		it('removes a condition', async () => {
+			const { wrapper } = await setup(dialogData({ filters: { name: { eq: 'a' }, age: { eq: 1 } } }, { structure }));
+
+			await wrapper.find('[data-field="name"] [aria-label="Remove"]').trigger('click');
+
+			expect(wrapper.findAll('.condition-card').map((card) => card.attributes('data-field'))).toEqual(['age']);
+		});
+	});
+});
diff --git a/frontend-vue/src/components/dashboard/SavedFiltersDialog.vue b/frontend-vue/src/components/dashboard/SavedFiltersDialog.vue
new file mode 100644
index 000000000..4ee1c2027
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/SavedFiltersDialog.vue
@@ -0,0 +1,707 @@
+<script setup lang="ts">
+/**
+ * Port of saved-filters-panel/saved-filters-dialog: creates or edits a saved ("fast") filter — a
+ * name, conditions (one card per column: comparator + value widget), and optionally one
+ * "quick editing" column whose value is typed from the table view instead of being saved.
+ *
+ * Opened by SavedFiltersPanel with `useDialog().open(SavedFiltersDialog, { data })`. Closes with
+ * `true` once the filter is created, updated or removed (the tables store announces it through
+ * `tableEvents`, which the panel listens to); Cancel and Escape close with `undefined`. Errors are
+ * shown by the store and leave the dialog open.
+ */
+import posthog from 'posthog-js';
+import { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import {
+	type AutocompleteOption,
+	UiAutocomplete,
+	UiButton,
+	UiField,
+	UiIcon,
+	UiIconButton,
+	UiInput,
+	UiSelect,
+	UiSwitch,
+	vTooltip,
+} from '@/components/ui';
+import { trackEvent } from '@/composables/useAnalytics';
+import { useDialogRef } from '@/composables/useDialog';
+import { getTableTypes } from '@/lib/setup-table-row-structure';
+import type { TableField, WidgetStructure } from '@/models/table';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTablesStore } from '@/stores/tables';
+import {
+	buildSavedFilterPayload,
+	hasConditions,
+	NUMBER_COMPARATOR_OPTIONS,
+	readFiltersSet,
+	type SavedFilterSet,
+	TEXT_COMPARATOR_OPTIONS,
+} from './SavedFiltersDialog.helpers';
+import {
+	columnFilterComponent,
+	type FilterWidgetContext,
+	type ForeignKeysByField,
+	filterInputsFor,
+	getFieldComparatorFamily,
+	getInputType,
+	isWidget,
+	resolveFilterComponent,
+	structureByField,
+	type WidgetsByField,
+} from './TableFiltersDialog.helpers';
+
+export interface SavedFiltersDialogData {
+	connectionID: string;
+	tableName: string;
+	displayTableName: string;
+	structure: TableField[];
+	tableForeignKeys: ForeignKeysByField;
+	/** The table view's widgets keyed by column, `widget_params` parsed. */
+	tableWidgets: WidgetsByField | null | undefined;
+	/** The filter to edit, or `{ name: '', filters: {} }` for a new one. */
+	filtersSet: SavedFilterSet;
+}
+
+const props = defineProps<{
+	data: SavedFiltersDialogData;
+}>();
+
+const dialogRef = useDialogRef<boolean>();
+const tables = useTablesStore();
+const connections = useConnectionsStore();
+
+const initial = readFiltersSet(props.data.filtersSet);
+const name = ref(props.data.filtersSet?.name ?? '');
+const tableRowFieldsShown = ref<Record<string, unknown>>(initial.values);
+const tableRowFieldsComparator = ref<Record<string, string | undefined>>(initial.comparators);
+const dynamicColumn = ref<string | null>(initial.dynamicColumn);
+
+const structure = props.data.structure ?? [];
+const tableForeignKeys: ForeignKeysByField = props.data.tableForeignKeys ?? {};
+const tableTypes: Record<string, string> = getTableTypes(structure, Object.keys(tableForeignKeys));
+const tableRowStructure = structureByField(structure);
+const tableWidgets: WidgetsByField | undefined =
+	props.data.tableWidgets && Object.keys(props.data.tableWidgets).length ? props.data.tableWidgets : undefined;
+
+const ctx = computed<FilterWidgetContext>(() => ({
+	widgets: tableWidgets,
+	inputs: filterInputsFor(connections.currentConnection.type),
+	tableTypes,
+}));
+
+const isEditing = computed(() => Boolean(props.data.filtersSet?.id));
+const fields = computed(() =>
+	structure.filter((field) => getInputType(ctx.value, field.column_name) !== 'file').map((field) => field.column_name),
+);
+
+const fieldSearch = ref('');
+const foundFields = computed<AutocompleteOption<string>[]>(() => {
+	const value = fieldSearch.value.toLowerCase();
+	return fields.value
+		.filter((field) => field.toLowerCase().includes(value))
+		.map((field) => ({ value: field, label: field }));
+});
+
+const showAddConditionField = ref(false);
+const showNameError = ref(false);
+const showConditionsError = ref(false);
+const helpOpenFor = ref<string | null>(null);
+
+/** `tableRowFieldsShown | keyvalue`: the pipe orders by key. */
+const shownKeys = computed(() => Object.keys(tableRowFieldsShown.value).sort());
+const hasSelectedFilters = computed(() => shownKeys.value.length > 0);
+
+const root = ref<HTMLElement | null>(null);
+const timers = new Set<ReturnType<typeof setTimeout>>();
+
+onMounted(() => {
+	// The dialog focuses its first field; an existing filter is opened to change conditions.
+	if (isEditing.value) {
+		later(() => {
+			const nameInput = nameControl();
+			if (nameInput && document.activeElement === nameInput) nameInput.blur();
+		}, 100);
+	}
+});
+onBeforeUnmount(() => {
+	for (const timer of timers) clearTimeout(timer);
+});
+
+function comparatorFamily(field: string) {
+	return getFieldComparatorFamily(ctx.value, field);
+}
+
+/** The non-comparable card's widget: the column's configured widget, else its type's filter. */
+function widgetComponent(field: string) {
+	return resolveFilterComponent(ctx.value, field);
+}
+
+function widgetInputs(field: string): Record<string, unknown> {
+	const relations = tableTypes[field] === 'foreign key' ? tableForeignKeys[field] : undefined;
+	if (isWidget(tableWidgets, field)) {
+		const widget = tableWidgets?.[field] as WidgetStructure;
+		return {
+			fieldKey: field,
+			label: widget.name || field,
+			value: tableRowFieldsShown.value[field],
+			widgetStructure: widget,
+			relations,
+		};
+	}
+	return {
+		fieldKey: field,
+		label: field,
+		value: tableRowFieldsShown.value[field],
+		structure: tableRowStructure[field],
+		relations,
+	};
+}
+
+/** The comparable card's value widget: always the column type's own filter. */
+function valueComponent(field: string) {
+	return columnFilterComponent(ctx.value, field);
+}
+
+function valueInputs(field: string): Record<string, unknown> {
+	return {
+		fieldKey: field,
+		label: field,
+		value: tableRowFieldsShown.value[field],
+		readonly: tableRowFieldsComparator.value[field] === 'empty',
+		structure: tableRowStructure[field],
+		relations: tableTypes[field] === 'foreign key' ? tableForeignKeys[field] : undefined,
+	};
+}
+
+function comparatorOptions(field: string) {
+	return comparatorFamily(field) === 'text' ? TEXT_COMPARATOR_OPTIONS : NUMBER_COMPARATOR_OPTIONS;
+}
+
+function handleAddConditionButtonClick() {
+	showAddConditionField.value = true;
+	later(() => conditionControl()?.focus(), 0);
+}
+
+function cancelAddConditionInput() {
+	showAddConditionField.value = false;
+	fieldSearch.value = '';
+}
+
+function updateComparatorFromComponent(comparator: string, field: string) {
+	tableRowFieldsComparator.value[field] = comparator;
+}
+
+function updateField(updatedValue: unknown, field: string) {
+	tableRowFieldsShown.value[field] = updatedValue;
+	if (showConditionsError.value && hasSelectedFilters.value) showConditionsError.value = false;
+}
+
+async function addFilter(option: AutocompleteOption<string>) {
+	const key = option.value;
+	tableRowFieldsShown.value = { ...tableRowFieldsShown.value, [key]: undefined };
+	tableRowFieldsComparator.value = {
+		...tableRowFieldsComparator.value,
+		[key]: tableRowFieldsComparator.value[key] || 'eq',
+	};
+	showConditionsError.value = false;
+	if (hasSelectedFilters.value) showAddConditionField.value = false;
+	// UiAutocomplete sets the text to the picked label after `select`; clear it once that lands.
+	await nextTick();
+	fieldSearch.value = '';
+}
+
+function handleInputBlur() {
+	if (fieldSearch.value.trim() !== '') return;
+	later(() => {
+		if (fieldSearch.value.trim() === '') cancelAddConditionInput();
+	}, 200);
+}
+
+function onComparatorSelect(comparator: string | null, field: string) {
+	tableRowFieldsComparator.value[field] = comparator ?? undefined;
+	if (comparator === 'empty') tableRowFieldsShown.value[field] = '';
+}
+
+function removeFilter(field: string) {
+	delete tableRowFieldsShown.value[field];
+	delete tableRowFieldsComparator.value[field];
+	if (dynamicColumn.value === field) dynamicColumn.value = null;
+	showConditionsError.value = false;
+	if (!hasSelectedFilters.value) showAddConditionField.value = false;
+}
+
+function toggleDynamicColumn(field: string) {
+	dynamicColumn.value = dynamicColumn.value === field ? null : field;
+}
+
+function toggleHelp(field: string) {
+	helpOpenFor.value = helpOpenFor.value === field ? null : field;
+}
+
+async function removeFilters() {
+	const id = props.data.filtersSet.id;
+	if (!id) return;
+	try {
+		await tables.deleteSavedFilter(props.data.connectionID, props.data.tableName, id);
+		dialogRef.close(true);
+	} catch {
+		// Reported by the store.
+	}
+}
+
+async function handleSaveFilters() {
+	showNameError.value = false;
+	showConditionsError.value = false;
+
+	if (!name.value || name.value.trim() === '') {
+		showNameError.value = true;
+		later(() => {
+			const nameInput = nameControl();
+			nameInput?.focus();
+			nameInput?.scrollIntoView?.({ behavior: 'smooth', block: 'center' });
+		}, 0);
+		return;
+	}
+
+	const state = {
+		values: tableRowFieldsShown.value,
+		comparators: tableRowFieldsComparator.value,
+		dynamicColumn: dynamicColumn.value,
+	};
+	if (!hasConditions(state)) {
+		showConditionsError.value = true;
+		later(() => {
+			const control = conditionControl() ?? root.value?.querySelector<HTMLElement>('.saved-filters-dialog__add button');
+			control?.focus();
+			control?.scrollIntoView?.({ behavior: 'smooth', block: 'center' });
+		}, 0);
+		return;
+	}
+
+	const payload = buildSavedFilterPayload(name.value, state);
+	if (!payload) return;
+
+	const { connectionID, tableName, filtersSet } = props.data;
+	try {
+		if (filtersSet.id) {
+			await tables.updateSavedFilter(connectionID, tableName, filtersSet.id, payload);
+		} else {
+			await tables.createSavedFilter(connectionID, tableName, payload);
+			trackEvent('Saved filters: saved filter is created successfully');
+			posthog.capture('Saved filters: saved filter is created successfully');
+		}
+		dialogRef.close(true);
+	} catch {
+		// Reported by the store.
+	}
+}
+
+function nameControl() {
+	return root.value?.querySelector<HTMLInputElement>('input[name="filters_set_name"]') ?? null;
+}
+
+function conditionControl() {
+	return root.value?.querySelector<HTMLInputElement>('input[name="filter_columns"]') ?? null;
+}
+
+function later(fn: () => void, delay: number) {
+	const timer = setTimeout(() => {
+		timers.delete(timer);
+		fn();
+	}, delay);
+	timers.add(timer);
+}
+</script>
+
+<template>
+	<AppDialogForm
+		:title="isEditing ? 'Edit fast filter' : 'New fast filter'"
+		submit-label="Save filter"
+		size="lg"
+		@submit="handleSaveFilters"
+	>
+		<div ref="root" class="saved-filters-dialog">
+			<p class="saved-filters-dialog__table">Table: {{ data.displayTableName }}</p>
+			<p class="saved-filters-dialog__description">
+				Use conditions to quickly filter {{ data.displayTableName.toLowerCase() }} and optionally edit one column.
+			</p>
+
+			<UiField
+				label="Fast filter name"
+				required
+				:error="showNameError ? 'Fast filter name is required' : undefined"
+			>
+				<UiInput v-model="name" name="filters_set_name" @update:model-value="showNameError = false" />
+			</UiField>
+
+			<div class="saved-filters-dialog__where">
+				<UiIcon name="subdirectory_arrow_right" size="sm" />
+				<span>where</span>
+			</div>
+
+			<div v-for="key in shownKeys" :key="key" class="condition-card" :data-field="key">
+				<div class="condition-card__header">
+					<span class="condition-card__column-name">{{ key }}</span>
+					<UiIconButton icon="close" label="Remove" size="sm" @click="removeFilter(key)" />
+				</div>
+
+				<div class="condition-card__inputs">
+					<template v-if="comparatorFamily(key) === 'nonComparable'">
+						<component
+							:is="widgetComponent(key)"
+							v-if="widgetComponent(key)"
+							class="condition-card__value"
+							v-bind="widgetInputs(key)"
+							@field-change="(value: unknown) => updateField(value, key)"
+							@comparator-change="(comparator: string) => updateComparatorFromComponent(comparator, key)"
+						/>
+					</template>
+					<template v-else>
+						<UiSelect
+							class="condition-card__comparator"
+							:model-value="tableRowFieldsComparator[key] ?? null"
+							:options="comparatorOptions(key)"
+							size="sm"
+							:name="`${comparatorFamily(key)}Comparator-${key}`"
+							:aria-label="`${key} comparator`"
+							data-testid="saved-filter-comparator"
+							@update:model-value="(comparator) => onComparatorSelect(comparator as string | null, key)"
+						/>
+						<div class="condition-card__value">
+							<component
+								:is="valueComponent(key)"
+								v-if="valueComponent(key)"
+								v-bind="valueInputs(key)"
+								@field-change="(value: unknown) => updateField(value, key)"
+								@comparator-change="(comparator: string) => updateComparatorFromComponent(comparator, key)"
+							/>
+						</div>
+					</template>
+				</div>
+
+				<div class="condition-card__footer">
+					<span class="condition-card__editable-label">Quick editing</span>
+					<UiIconButton
+						icon="info"
+						label="What is quick editing?"
+						size="sm"
+						:aria-expanded="helpOpenFor === key ? 'true' : 'false'"
+						@click="toggleHelp(key)"
+					/>
+					<span v-tooltip.top="dynamicColumn === key ? 'Disable editing' : 'Enable editing'">
+						<UiSwitch
+							:model-value="dynamicColumn === key"
+							size="sm"
+							:aria-label="`Quick editing of ${key}`"
+							@update:model-value="toggleDynamicColumn(key)"
+						/>
+					</span>
+				</div>
+				<div v-if="helpOpenFor === key" class="quick-edit-help" role="note">
+					<p class="quick-edit-help__text">Enable to change this value<br>directly from the table view</p>
+					<div class="quick-edit-help__example" aria-hidden="true">
+						<div class="quick-edit-help__track"><div class="quick-edit-help__thumb" /></div>
+						<div class="quick-edit-help__filter">
+							<div class="quick-edit-help__chip">status = active</div>
+							<div class="quick-edit-help__editable">
+								<span class="quick-edit-help__editable-label">status:</span>
+								<span class="quick-edit-help__editable-value">
+									<span class="quick-edit-help__typing" />
+									<span class="quick-edit-help__cursor">|</span>
+								</span>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div class="saved-filters-dialog__add">
+				<UiButton v-if="!showAddConditionField" variant="secondary" @click="handleAddConditionButtonClick">
+					<template #leading><UiIcon name="add" size="sm" /></template>
+					Add condition
+				</UiButton>
+				<UiField
+					v-else
+					label="Click here to add condition"
+					:error="showConditionsError ? 'At least one condition is required' : undefined"
+				>
+					<UiAutocomplete
+						v-model="fieldSearch"
+						:options="foundFields"
+						name="filter_columns"
+						auto-active-first
+						@select="addFilter"
+						@blur="handleInputBlur"
+						@input="showConditionsError = false"
+					>
+						<template v-if="hasSelectedFilters" #trailing>
+							<UiIconButton icon="close" label="Cancel adding condition" size="sm" @click="cancelAddConditionInput" />
+						</template>
+					</UiAutocomplete>
+				</UiField>
+				<p v-if="showConditionsError && !showAddConditionField" class="saved-filters-dialog__error" role="alert">
+					At least one condition is required
+				</p>
+			</div>
+		</div>
+
+		<template #actions>
+			<UiButton v-if="isEditing" variant="danger" class="saved-filters-dialog__remove" @click="removeFilters">
+				Remove
+			</UiButton>
+		</template>
+	</AppDialogForm>
+</template>
+
+<style scoped>
+.saved-filters-dialog {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+}
+
+.saved-filters-dialog__table {
+  margin: calc(-1 * var(--space-2)) 0 0;
+  font-size: var(--text-sm);
+  color: var(--color-muted);
+}
+
+.saved-filters-dialog__description {
+  margin: 0;
+  font-size: var(--text-sm);
+  color: var(--color-ink-soft);
+}
+
+.saved-filters-dialog__where {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+  font-size: var(--text-sm);
+  color: var(--color-muted);
+}
+
+.saved-filters-dialog__add {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--space-2);
+}
+
+.saved-filters-dialog__add > :deep(.ui-field) {
+  width: 100%;
+}
+
+.saved-filters-dialog__error {
+  margin: 0;
+  font-size: var(--text-xs);
+  color: var(--color-danger);
+}
+
+.saved-filters-dialog__remove {
+  margin-inline-end: auto;
+}
+
+.condition-card {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+  padding: var(--space-3) 0;
+  border-bottom: 1px dashed var(--color-line);
+}
+
+.condition-card:last-of-type {
+  border-bottom: none;
+}
+
+.condition-card__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-2);
+}
+
+.condition-card__column-name {
+  font-size: var(--text-xs);
+  font-weight: var(--weight-semibold);
+  color: var(--color-muted);
+}
+
+.condition-card__inputs {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  gap: var(--space-1);
+}
+
+.condition-card__comparator {
+  flex: 0 0 auto;
+}
+
+.condition-card__value {
+  flex: 1 1 0;
+  min-width: 0;
+}
+
+.condition-card__footer {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+}
+
+.condition-card__editable-label {
+  font-size: var(--text-xs);
+  color: var(--color-muted);
+}
+
+/* The animated "quick editing" example: the toggle switches on, the chip turns into an input. */
+.quick-edit-help {
+  padding: var(--space-4);
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-control);
+  background: var(--color-surface-raised);
+  box-shadow: var(--shadow-card);
+  align-self: flex-start;
+}
+
+.quick-edit-help__text {
+  margin: 0 0 var(--space-3);
+  font-size: var(--text-xs);
+  line-height: var(--leading-snug);
+  color: var(--color-ink-soft);
+}
+
+.quick-edit-help__example {
+  display: flex;
+  align-items: center;
+  gap: var(--space-4);
+}
+
+.quick-edit-help__track {
+  position: relative;
+  flex-shrink: 0;
+  width: 2.25rem;
+  height: 1.25rem;
+  border-radius: var(--radius-pill);
+  background-color: var(--color-line-strong);
+  animation: quick-edit-track 3s ease-in-out infinite;
+}
+
+.quick-edit-help__thumb {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 50%;
+  background-color: var(--color-surface);
+  box-shadow: var(--shadow-card);
+  animation: quick-edit-thumb 3s ease-in-out infinite;
+}
+
+.quick-edit-help__filter {
+  position: relative;
+  height: 2.25rem;
+  min-width: 7rem;
+  margin-top: var(--space-1);
+}
+
+.quick-edit-help__chip {
+  position: absolute;
+  inset: 0 auto auto 0;
+  padding: var(--space-1) var(--space-3);
+  border-radius: var(--radius-pill);
+  background-color: var(--color-paper-2);
+  font-size: var(--text-xs);
+  color: var(--color-ink-soft);
+  white-space: nowrap;
+  animation: quick-edit-chip 3s ease-in-out infinite;
+}
+
+.quick-edit-help__editable {
+  position: absolute;
+  inset: 0 auto auto 0;
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+  padding: var(--space-2) var(--space-2) var(--space-1);
+  border: 1px solid var(--color-accent);
+  border-radius: var(--radius-control);
+  opacity: 0;
+  animation: quick-edit-editable 3s ease-in-out infinite;
+}
+
+.quick-edit-help__editable-label {
+  position: absolute;
+  top: -0.5rem;
+  left: var(--space-2);
+  padding: 0 var(--space-1);
+  font-size: var(--text-2xs);
+  color: var(--color-accent);
+  background-color: var(--color-surface-raised);
+}
+
+.quick-edit-help__editable-value {
+  display: flex;
+  align-items: center;
+  font-size: var(--text-xs);
+  color: var(--color-ink);
+}
+
+.quick-edit-help__typing::after {
+  content: "active";
+  animation: quick-edit-type 3s ease-in-out infinite;
+}
+
+.quick-edit-help__cursor {
+  font-size: var(--text-xs);
+  color: var(--color-accent);
+  animation: quick-edit-cursor 0.5s step-end infinite;
+}
+
+@keyframes quick-edit-track {
+  0%, 40%, 100% { background-color: var(--color-line-strong); }
+  50%, 90% { background-color: var(--color-accent); }
+}
+
+@keyframes quick-edit-thumb {
+  0%, 40%, 100% { left: 2px; }
+  50%, 90% { left: 18px; }
+}
+
+@keyframes quick-edit-chip {
+  0%, 40%, 100% { opacity: 1; }
+  50%, 90% { opacity: 0; }
+}
+
+@keyframes quick-edit-editable {
+  0%, 40%, 100% { opacity: 0; }
+  50%, 90% { opacity: 1; }
+}
+
+@keyframes quick-edit-type {
+  0%, 40%, 100% { content: ""; }
+  45% { content: "p"; }
+  50% { content: "pe"; }
+  55% { content: "pen"; }
+  60% { content: "pend"; }
+  65% { content: "pendi"; }
+  70%, 90% { content: "pending"; }
+}
+
+@keyframes quick-edit-cursor {
+  0%, 50% { opacity: 1; }
+  51%, 100% { opacity: 0; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .quick-edit-help__track,
+  .quick-edit-help__thumb,
+  .quick-edit-help__chip,
+  .quick-edit-help__editable,
+  .quick-edit-help__typing::after,
+  .quick-edit-help__cursor {
+    animation: none;
+  }
+}
+</style>
diff --git a/frontend-vue/src/components/dashboard/SavedFiltersPanel.helpers.ts b/frontend-vue/src/components/dashboard/SavedFiltersPanel.helpers.ts
new file mode 100644
index 000000000..2835e1e6d
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/SavedFiltersPanel.helpers.ts
@@ -0,0 +1,155 @@
+// The saved-filters panel's pure parts: splitting a saved filter into its static conditions and its
+// quick-editing ("dynamic") column, the chip text of a condition, and the table URL query.
+import type { LocationQuery, LocationQueryRaw } from 'vue-router';
+import { normalizeTableName } from '@/lib/normalize';
+import type { SavedFilter } from '@/stores/tables';
+import type { SavedFilterDynamicColumn } from './SavedFiltersDialog.helpers';
+import type { FiltersByField } from './TableFiltersDialog.helpers';
+
+/** One `{ column: { operator: value } }` condition. */
+export interface FilterEntry {
+	column: string;
+	operator: string;
+	value: unknown;
+}
+
+/** A saved filter as GET /table-filters/:id/all returns it. */
+export interface SavedFilterRecord extends SavedFilter {
+	filters: FiltersByField;
+	dynamic_column?: SavedFilterDynamicColumn | null;
+	createdAt?: string;
+}
+
+/**
+ * `processFiltersData()`: the saved filter plus its conditions, split into the static ones (chips)
+ * and the dynamic column (the inline editor). This is what `filterSelected` emits.
+ */
+export interface ProcessedSavedFilter extends SavedFilterRecord {
+	filterEntries: FilterEntry[];
+	staticFilters: FilterEntry[];
+	dynamicColumn: FilterEntry | null;
+}
+
+export const DISPLAYED_COMPARATORS: Readonly<Record<string, string>> = {
+	eq: '=',
+	gt: '>',
+	lt: '<',
+	gte: '>=',
+	lte: '<=',
+	startswith: 'starts with',
+	endswith: 'ends with',
+	contains: 'contains',
+	icontains: 'not contains',
+	empty: 'is empty',
+};
+
+/** The comparator words next to the dynamic column's name (small screens), per comparator family. */
+export const TEXT_COMPARATOR_TEXT: Readonly<Record<string, string>> = {
+	startswith: 'starts with',
+	endswith: 'ends with',
+	eq: 'equal',
+	contains: 'contains',
+	icontains: 'not contains',
+	empty: 'is empty',
+};
+
+export const NUMBER_COMPARATOR_TEXT: Readonly<Record<string, string>> = {
+	eq: '=',
+	gt: '>',
+	lt: '<',
+	gte: '≥',
+	lte: '≤',
+};
+
+export function getFilterEntries(filters: FiltersByField | null | undefined): FilterEntry[] {
+	if (!filters) return [];
+	const entries: FilterEntry[] = [];
+	for (const column of Object.keys(filters)) {
+		const operations = filters[column] ?? {};
+		for (const operator of Object.keys(operations)) {
+			entries.push({ column, operator, value: operations[operator] });
+		}
+	}
+	return entries;
+}
+
+export function processFiltersData(filter: SavedFilterRecord): ProcessedSavedFilter {
+	const dynamic = filter.dynamic_column;
+	let dynamicColumn: FilterEntry | null = null;
+	if (dynamic?.column_name) {
+		dynamicColumn = { column: dynamic.column_name, operator: dynamic.comparator, value: null };
+		const dynamicColFilters = filter.filters?.[dynamic.column_name];
+		if (dynamicColFilters) dynamicColumn.value = dynamicColFilters[dynamic.comparator];
+	}
+	return {
+		...filter,
+		filterEntries: getFilterEntries(filter.filters),
+		staticFilters: getFilterEntries(filter.filters).filter((entry) => !dynamic || entry.column !== dynamic.column_name),
+		dynamicColumn,
+	};
+}
+
+/** Oldest first, as the panel lists them. */
+export function sortByCreation<T extends { createdAt?: string }>(filters: T[]): T[] {
+	return [...filters].sort((a, b) => new Date(a.createdAt ?? 0).getTime() - new Date(b.createdAt ?? 0).getTime());
+}
+
+/** `getFilter()`: the static condition chip, e.g. `First name = ...Jo...`. */
+export function describeFilter(entry: FilterEntry): string {
+	const displayedName = normalizeTableName(entry.column);
+	const value = entry.value;
+	switch (entry.operator) {
+		case 'startswith':
+			return `${displayedName} = ${value}...`;
+		case 'endswith':
+			return `${displayedName} = ...${value}`;
+		case 'contains':
+			return `${displayedName} = ...${value}...`;
+		case 'icontains':
+			return `${displayedName} != ...${value}...`;
+		case 'empty':
+			return `${displayedName} = ' '`;
+		default:
+			return `${displayedName} ${DISPLAYED_COMPARATORS[entry.operator]} ${value}`;
+	}
+}
+
+/** `buildQueryParams()`: first page, the current page size and sort, plus `additional`. */
+export function buildQueryParams(current: LocationQuery, additional: LocationQueryRaw = {}): LocationQueryRaw {
+	const query: LocationQueryRaw = {
+		page_index: 0,
+		page_size: firstValue(current.page_size) || 30,
+		...additional,
+	};
+	const sortActive = firstValue(current.sort_active);
+	const sortDirection = firstValue(current.sort_direction);
+	if (sortActive) query.sort_active = sortActive;
+	if (sortDirection) query.sort_direction = sortDirection;
+	return query;
+}
+
+/**
+ * `applyDynamicColumnChanges()`: the saved filter's conditions with the dynamic column set to the
+ * typed value, or dropped while the value is empty.
+ */
+export function applyDynamicColumn(filter: ProcessedSavedFilter): {
+	filters: FiltersByField;
+	dynamicColumn: SavedFilterDynamicColumn;
+} | null {
+	const dynamic = filter.dynamicColumn;
+	if (!dynamic) return null;
+	const dynamicColumn = { column_name: dynamic.column, comparator: dynamic.operator };
+	const filterValue = dynamic.value === '' || dynamic.value === undefined ? null : dynamic.value;
+	const filters: FiltersByField = { ...filter.filters };
+	if (dynamic.column && dynamic.operator && filterValue !== null) {
+		filters[dynamic.column] = { [dynamic.operator]: filterValue };
+	} else if (filters[dynamic.column]) {
+		delete filters[dynamic.column];
+	}
+	return { filters, dynamicColumn };
+}
+
+function firstValue(value: LocationQuery[string] | undefined): string | undefined {
+	const first = Array.isArray(value) ? value[0] : value;
+	return first ?? undefined;
+}
diff --git a/frontend-vue/src/components/dashboard/SavedFiltersPanel.spec.ts b/frontend-vue/src/components/dashboard/SavedFiltersPanel.spec.ts
new file mode 100644
index 000000000..e5a4b941e
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/SavedFiltersPanel.spec.ts
@@ -0,0 +1,358 @@
+// Ports saved-filters-panel.component.spec.ts as behaviour (selection, URL, the quick-editing column)
+// and covers the reloads that followed the Angular `cast` strings.
+import JsonURL from '@jsonurl/jsonurl';
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { defineComponent } from 'vue';
+import { createMemoryHistory, createRouter, type Router } from 'vue-router';
+import { mockStructure } from '@/components/fields/stories.mocks';
+import { useDialogsStore } from '@/composables/useDialog';
+import { tableEvents } from '@/lib/table-events';
+import { useTablesStore } from '@/stores/tables';
+import SavedFiltersDialog from './SavedFiltersDialog.vue';
+import {
+	buildQueryParams,
+	describeFilter,
+	getFilterEntries,
+	type ProcessedSavedFilter,
+	processFiltersData,
+	type SavedFilterRecord,
+} from './SavedFiltersPanel.helpers';
+import SavedFiltersPanel from './SavedFiltersPanel.vue';
+
+// The panel only reads these two from the connections store.
+const connections = vi.hoisted(() => ({ canEditConnection: false, currentConnection: { type: 'postgres' } }));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => connections }));
+const analytics = vi.hoisted(() => ({ trackEvent: vi.fn(), capture: vi.fn() }));
+vi.mock('@/composables/useAnalytics', () => ({ trackEvent: analytics.trackEvent }));
+vi.mock('posthog-js', () => ({ default: { capture: analytics.capture } }));
+
+const mockFilter: SavedFilterRecord = {
+	id: 'filter1',
+	name: 'Test Filter',
+	filters: { name: { eq: 'John' }, age: { gt: 25 } },
+	dynamic_column: { column_name: 'city', comparator: 'eq' },
+	createdAt: '2024-02-01T00:00:00Z',
+};
+const olderFilter: SavedFilterRecord = {
+	id: 'filter0',
+	name: 'Older',
+	filters: { name: { contains: 'an' } },
+	createdAt: '2024-01-01T00:00:00Z',
+};
+
+const structure = [
+	mockStructure({ column_name: 'name', data_type: 'character varying' }),
+	mockStructure({ column_name: 'age', data_type: 'integer' }),
+	mockStructure({ column_name: 'city', data_type: 'character varying' }),
+];
+const tableTypes = { name: 'character varying', age: 'integer', city: 'character varying' };
+
+const blank = defineComponent({ template: '<div />' });
+
+async function setup(query = '') {
+	const router: Router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/dashboard/:connectionId/:tableName', component: blank }],
+	});
+	await router.push(`/dashboard/conn1/users${query}`);
+	const wrapper = mount(SavedFiltersPanel, {
+		attachTo: document.body,
+		props: {
+			connectionID: 'conn1',
+			selectedTableName: 'users',
+			selectedTableDisplayName: 'Users',
+			structure,
+			tableTypes,
+			tableForeignKeys: {},
+			tableWidgets: {},
+		},
+		global: { plugins: [router] },
+	});
+	await flushPromises();
+	await vi.dynamicImportSettled();
+	await flushPromises();
+	return { wrapper, router };
+}
+
+function chip(wrapper: ReturnType<typeof mount>, name: string) {
+	const match = wrapper.findAll('.saved-filters__chip-button').find((candidate) => candidate.text() === name);
+	if (!match) throw new Error(`no chip ${name}`);
+	return match;
+}
+
+function lastSelected(wrapper: ReturnType<typeof mount>): ProcessedSavedFilter | null | undefined {
+	const emitted = wrapper.emitted('filterSelected') as [ProcessedSavedFilter | null][] | undefined;
+	return emitted?.at(-1)?.[0];
+}
+
+describe('SavedFiltersPanel helpers', () => {
+	it('separates the static filters from the dynamic column', () => {
+		const result = processFiltersData(mockFilter);
+
+		expect(result.dynamicColumn).toEqual({ column: 'city', operator: 'eq', value: null });
+		expect(result.staticFilters.map((entry) => entry.column)).toEqual(['name', 'age']);
+		expect(result.filterEntries).toEqual(getFilterEntries(mockFilter.filters));
+	});
+
+	it('takes the dynamic column value from the saved filters', () => {
+		const result = processFiltersData({ ...mockFilter, filters: { ...mockFilter.filters, city: { eq: 'Paris' } } });
+
+		expect(result.dynamicColumn?.value).toBe('Paris');
+		expect(result.staticFilters.map((entry) => entry.column)).toEqual(['name', 'age']);
+	});
+
+	// The column goes through normalizeTableName, as in Angular, so it is pluralized.
+	it('describes conditions as the chips show them', () => {
+		expect(describeFilter({ column: 'first_name', operator: 'startswith', value: 'Jo' })).toBe('First Names = Jo...');
+		expect(describeFilter({ column: 'first_name', operator: 'icontains', value: 'x' })).toBe('First Names != ...x...');
+		expect(describeFilter({ column: 'age', operator: 'gte', value: 3 })).toBe('Ages >= 3');
+		expect(describeFilter({ column: 'age', operator: 'empty', value: '' })).toBe("Ages = ' '");
+	});
+
+	it('keeps the page size and sort when building the query', () => {
+		expect(
+			buildQueryParams({ page_size: '50', sort_active: 'age', sort_direction: 'DESC', page_index: '3' }, { a: 'b' }),
+		).toEqual({
+			page_index: 0,
+			page_size: '50',
+			a: 'b',
+			sort_active: 'age',
+			sort_direction: 'DESC',
+		});
+		expect(buildQueryParams({})).toEqual({ page_index: 0, page_size: 30 });
+	});
+});
+
+describe('SavedFiltersPanel', () => {
+	let tables: ReturnType<typeof useTablesStore>;
+
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+		tableEvents.all.clear();
+		Object.assign(connections, { canEditConnection: false });
+		tables = useTablesStore();
+		vi.spyOn(tables, 'getSavedFilters').mockResolvedValue([mockFilter, olderFilter]);
+		vi.spyOn(tables, 'deleteSavedFilter').mockResolvedValue({});
+		vi.spyOn(tables, 'fetchTable').mockResolvedValue(null);
+	});
+
+	afterEach(() => {
+		vi.useRealTimers();
+		document.body.innerHTML = '';
+	});
+
+	it('loads the saved filters of the route table, oldest first', async () => {
+		const { wrapper } = await setup();
+
+		expect(tables.getSavedFilters).toHaveBeenCalledWith('conn1', 'users');
+		expect(wrapper.findAll('.saved-filters__chip-button').map((button) => button.text())).toEqual([
+			'Older',
+			'Test Filter',
+		]);
+	});
+
+	it('shows the placeholder while loading', async () => {
+		vi.mocked(tables.getSavedFilters).mockReturnValue(new Promise(() => {}));
+		const { wrapper } = await setup();
+
+		expect(wrapper.find('[aria-label="Loading saved filters"]').exists()).toBe(true);
+	});
+
+	it('selects a filter: emits it and writes it to the URL', async () => {
+		const { wrapper, router } = await setup('?page_size=50&sort_active=age&sort_direction=ASC');
+
+		await chip(wrapper, 'Test Filter').trigger('click');
+		await flushPromises();
+
+		expect(lastSelected(wrapper)).toEqual(
+			expect.objectContaining({ id: 'filter1', dynamicColumn: expect.objectContaining({ column: 'city' }) }),
+		);
+		expect(router.currentRoute.value.query).toEqual({
+			page_index: '0',
+			page_size: '50',
+			filters: JsonURL.stringify(mockFilter.filters),
+			saved_filter: 'filter1',
+			dynamic_column: JsonURL.stringify({ column_name: 'city', comparator: 'eq' }),
+			sort_active: 'age',
+			sort_direction: 'ASC',
+		});
+		expect(chip(wrapper, 'Test Filter').attributes('aria-pressed')).toBe('true');
+	});
+
+	it('clears the selection when the selected filter is chosen again', async () => {
+		const { wrapper, router } = await setup('?saved_filter=filter0');
+
+		await chip(wrapper, 'Older').trigger('click');
+		await flushPromises();
+
+		expect(lastSelected(wrapper)).toBeNull();
+		expect(router.currentRoute.value.query).toEqual({ page_index: '0', page_size: '30' });
+	});
+
+	it('shows the static conditions of the selected filter', async () => {
+		const { wrapper } = await setup('?saved_filter=filter1');
+
+		expect(wrapper.findAll('.saved-filters__static-chip').map((element) => element.text())).toEqual([
+			'Names = John',
+			'Ages > 25',
+		]);
+	});
+
+	describe('the quick-editing column', () => {
+		it('starts from the URL value', async () => {
+			const filters = JsonURL.stringify({ ...mockFilter.filters, city: { eq: 'Paris' } });
+			const dynamic = JsonURL.stringify({ column_name: 'city', comparator: 'eq' });
+			const { wrapper } = await setup(`?saved_filter=filter1&filters=${filters}&dynamic_column=${dynamic}`);
+
+			expect(wrapper.find('.dynamic-column strong').text()).toBe('city');
+			expect((wrapper.find('.dynamic-column input').element as HTMLInputElement).value).toBe('Paris');
+		});
+
+		it('changes the comparator, emptying the value for "is empty"', async () => {
+			const { wrapper } = await setup('?saved_filter=filter1');
+
+			const select = wrapper.find('.dynamic-column select');
+			const option = (label: string) => select.findAll('option').find((candidate) => candidate.text() === label);
+			await select.setValue(option('contains')?.attributes('value'));
+			expect((select.element as HTMLSelectElement).selectedOptions[0]?.text).toBe('contains');
+
+			await select.setValue(option('is empty')?.attributes('value'));
+			expect(wrapper.find('.dynamic-column input').attributes('readonly')).toBeDefined();
+		});
+
+		it('applies the typed value 800 ms after the last change', async () => {
+			const { wrapper, router } = await setup('?saved_filter=filter1');
+			vi.useFakeTimers();
+
+			await wrapper.find('.dynamic-column input').setValue('Chicago');
+			expect(router.currentRoute.value.query.filters).toBeUndefined();
+			vi.advanceTimersByTime(800);
+			vi.useRealTimers();
+			await flushPromises();
+
+			const expected = { ...mockFilter.filters, city: { eq: 'Chicago' } };
+			expect(lastSelected(wrapper)).toEqual(
+				expect.objectContaining({ filters: expected, dynamic_column: { column_name: 'city', comparator: 'eq' } }),
+			);
+			expect(router.currentRoute.value.query).toEqual(
+				expect.objectContaining({
+					filters: JsonURL.stringify(expected),
+					dynamic_column: JsonURL.stringify({ column_name: 'city', comparator: 'eq' }),
+					saved_filter: 'filter1',
+				}),
+			);
+		});
+
+		it('drops the column from the filters while its value is empty', async () => {
+			const { wrapper, router } = await setup('?saved_filter=filter1');
+
+			await wrapper.find('.dynamic-column input').setValue('');
+			await wrapper.find('form.dynamic-column').trigger('submit');
+			await flushPromises();
+
+			expect(lastSelected(wrapper)?.filters).toEqual(mockFilter.filters);
+			expect(router.currentRoute.value.query.filters).toBe(JsonURL.stringify(mockFilter.filters));
+		});
+	});
+
+	describe('after the tables store announces a change', () => {
+		it('reloads when a filter was created', async () => {
+			await setup();
+			tableEvents.emit('savedFilterCreated', { connectionID: 'conn1', tableName: 'users' });
+			await flushPromises();
+
+			expect(tables.getSavedFilters).toHaveBeenCalledTimes(2);
+		});
+
+		it('re-applies the selected filter when it was updated', async () => {
+			const { wrapper, router } = await setup('?saved_filter=filter1');
+			const updated = { ...mockFilter, filters: { name: { eq: 'Jane' } } };
+			vi.mocked(tables.getSavedFilters).mockResolvedValue([updated, olderFilter]);
+
+			tableEvents.emit('savedFilterUpdated', { connectionID: 'conn1', tableName: 'users', filterId: 'filter1' });
+			await flushPromises();
+
+			expect(lastSelected(wrapper)).toEqual(expect.objectContaining({ id: 'filter1', filters: updated.filters }));
+			expect(router.currentRoute.value.query.filters).toBe(JsonURL.stringify(updated.filters));
+		});
+
+		it('clears the selection when a filter was deleted', async () => {
+			const { wrapper, router } = await setup('?saved_filter=filter1&page_size=10');
+
+			tableEvents.emit('savedFilterDeleted', { connectionID: 'conn1', tableName: 'users', filterId: 'filter1' });
+			await flushPromises();
+
+			expect(lastSelected(wrapper)).toBeNull();
+			expect(router.currentRoute.value.query).toEqual({ page_index: '0', page_size: '10' });
+			expect(tables.getSavedFilters).toHaveBeenCalledTimes(2);
+		});
+	});
+
+	describe('managing filters', () => {
+		it('hides the management actions from users who cannot edit the connection', async () => {
+			const { wrapper } = await setup();
+
+			expect(wrapper.find('[aria-label="Create new fast filter"]').exists()).toBe(false);
+			expect(wrapper.find('[aria-label="Filter options"]').exists()).toBe(false);
+		});
+
+		it('offers the first fast filter when there is none', async () => {
+			Object.assign(connections, { canEditConnection: true });
+			vi.mocked(tables.getSavedFilters).mockResolvedValue([]);
+			const { wrapper } = await setup();
+
+			const create = wrapper.findAll('button').find((button) => button.text().includes('Create fast filter'));
+			await create?.trigger('click');
+
+			const [entry] = useDialogsStore().entries;
+			expect(entry?.component).toBe(SavedFiltersDialog);
+			expect(entry?.data).toEqual(
+				expect.objectContaining({
+					connectionID: 'conn1',
+					tableName: 'users',
+					displayTableName: 'Users',
+					structure,
+					filtersSet: { name: '', filters: {} },
+				}),
+			);
+			expect(analytics.trackEvent).toHaveBeenCalledWith('Saved filters: first time setup is clicked');
+		});
+
+		it('edits and deletes a filter from its menu', async () => {
+			Object.assign(connections, { canEditConnection: true });
+			const { wrapper } = await setup();
+
+			const menuItems = () => wrapper.findAll('.saved-filters__chip [role="menuitem"]');
+			await menuItems()
+				.filter((item) => item.text().includes('Edit'))[1]
+				?.trigger('click');
+			expect(useDialogsStore().entries[0]?.data).toEqual(expect.objectContaining({ filtersSet: mockFilter }));
+
+			await menuItems()
+				.filter((item) => item.text().includes('Delete'))[0]
+				?.trigger('click');
+			await flushPromises();
+			expect(tables.deleteSavedFilter).toHaveBeenCalledWith('conn1', 'users', 'filter0');
+		});
+
+		it('exposes handleOpenSavedFiltersDialog for the table view', async () => {
+			const { wrapper } = await setup();
+
+			(wrapper.vm as unknown as { handleOpenSavedFiltersDialog: () => void }).handleOpenSavedFiltersDialog();
+
+			expect(useDialogsStore().entries[0]?.component).toBe(SavedFiltersDialog);
+		});
+	});
+
+	it('drops the selection when resetSelection turns on', async () => {
+		const { wrapper } = await setup('?saved_filter=filter1');
+		expect(wrapper.find('.dynamic-column').exists()).toBe(true);
+
+		await wrapper.setProps({ resetSelection: true });
+
+		expect(wrapper.find('.dynamic-column').exists()).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/dashboard/SavedFiltersPanel.vue b/frontend-vue/src/components/dashboard/SavedFiltersPanel.vue
new file mode 100644
index 000000000..cb591bba3
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/SavedFiltersPanel.vue
@@ -0,0 +1,715 @@
+<script setup lang="ts">
+/**
+ * Port of db-table-view/saved-filters-panel: the saved ("fast") filters strip above the table.
+ *
+ * - One chip per saved filter (a dropdown on small screens). Choosing one writes its filters to the
+ *   URL (`filters`, `saved_filter`, `dynamic_column`, first page, current page size and sort) and
+ *   emits `filterSelected` with it; choosing it again clears the selection and emits `null`.
+ * - A filter's quick-editing ("dynamic") column gets an inline comparator + value editor; edits are
+ *   applied 800 ms after the last keystroke (or on Enter) the same way.
+ * - Users who can edit the connection create, edit and delete filters (SavedFiltersDialog).
+ *
+ * The list is (re)loaded when the route's table changes and after the tables store announces a
+ * saved filter was created, updated or deleted (the Angular `cast` strings, now `tableEvents`).
+ * Exposed for the table view (its @ViewChild): `handleOpenSavedFiltersDialog()`, `savedFilterData`,
+ * `selectedFilterSetId`, `selectFiltersSet()`, `handleEditFilter()`, `handleDeleteFilter()`.
+ */
+import JsonURL from '@jsonurl/jsonurl';
+import posthog from 'posthog-js';
+import { computed, onBeforeUnmount, ref, watch } from 'vue';
+import { type LocationQueryRaw, useRoute, useRouter } from 'vue-router';
+import PlaceholderSavedFilters from '@/components/skeletons/PlaceholderSavedFilters.vue';
+import { UiButton, UiChip, UiIcon, UiIconButton, UiMenu, UiMenuItem, UiSelect } from '@/components/ui';
+import { trackEvent } from '@/composables/useAnalytics';
+import { useDialog } from '@/composables/useDialog';
+import { onTableEvent } from '@/lib/table-events';
+import type { TableField, WidgetStructure } from '@/models/table';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTablesStore } from '@/stores/tables';
+import { NUMBER_COMPARATOR_OPTIONS, type SavedFilterSet, TEXT_COMPARATOR_OPTIONS } from './SavedFiltersDialog.helpers';
+import SavedFiltersDialog, { type SavedFiltersDialogData } from './SavedFiltersDialog.vue';
+import {
+	applyDynamicColumn,
+	buildQueryParams,
+	describeFilter,
+	NUMBER_COMPARATOR_TEXT,
+	type ProcessedSavedFilter,
+	processFiltersData,
+	type SavedFilterRecord,
+	sortByCreation,
+	TEXT_COMPARATOR_TEXT,
+} from './SavedFiltersPanel.helpers';
+import {
+	columnFilterComponent,
+	type FilterWidgetContext,
+	type ForeignKeysByField,
+	filterInputsFor,
+	getFieldComparatorFamily,
+	isWidget,
+	resolveFilterComponent,
+	structureByField,
+	type WidgetsByField,
+} from './TableFiltersDialog.helpers';
+
+const props = withDefaults(
+	defineProps<{
+		connectionID: string;
+		/** Replaced by the route's `:tableName` once it is known, as Angular did. */
+		selectedTableName: string;
+		selectedTableDisplayName: string;
+		/** `getTableTypes(structure, foreignKeysList)` of the table view. */
+		tableTypes: Record<string, string>;
+		structure: TableField[];
+		/** Foreign keys keyed by column. */
+		tableForeignKeys?: ForeignKeysByField;
+		/** Widgets keyed by column, `widget_params` parsed. */
+		tableWidgets?: WidgetsByField;
+		/** Set to true to drop the current selection (the table view's filters were reset). */
+		resetSelection?: boolean;
+	}>(),
+	{ tableForeignKeys: () => ({}), tableWidgets: () => ({}), resetSelection: false },
+);
+
+const emit = defineEmits<{
+	/** The chosen saved filter (with its dynamic column's current value), or `null` when cleared. */
+	filterSelected: [filter: ProcessedSavedFilter | null];
+}>();
+
+const route = useRoute();
+const router = useRouter();
+const tables = useTablesStore();
+const connections = useConnectionsStore();
+const dialog = useDialog();
+
+const tableName = ref(props.selectedTableName);
+const savedFilterData = ref<SavedFilterRecord[] | null>(null);
+const savedFilterMap = ref<Record<string, ProcessedSavedFilter>>({});
+const selectedFilterSetId = ref<string | null>(null);
+const shouldAutofocus = ref(false);
+
+const canEditConnection = computed(() => connections.canEditConnection);
+const tableRowStructure = computed(() => structureByField(props.structure));
+const ctx = computed<FilterWidgetContext>(() => ({
+	widgets: props.tableWidgets,
+	inputs: filterInputsFor(connections.currentConnection.type),
+	tableTypes: props.tableTypes ?? {},
+}));
+
+const selectedFilter = computed(() =>
+	selectedFilterSetId.value ? (savedFilterMap.value[selectedFilterSetId.value] ?? null) : null,
+);
+const dynamicColumn = computed(() => selectedFilter.value?.dynamicColumn ?? null);
+const dynamicFamily = computed(() =>
+	dynamicColumn.value ? getFieldComparatorFamily(ctx.value, dynamicColumn.value.column) : 'nonComparable',
+);
+
+let debounceTimer: ReturnType<typeof setTimeout> | undefined;
+let autofocusTimer: ReturnType<typeof setTimeout> | undefined;
+onBeforeUnmount(() => {
+	clearTimeout(debounceTimer);
+	clearTimeout(autofocusTimer);
+});
+
+watch(
+	() => routeParam('tableName'),
+	(tableNameFromUrl) => {
+		if (!tableNameFromUrl) return;
+		savedFilterData.value = null;
+		selectedFilterSetId.value = null;
+		tableName.value = tableNameFromUrl;
+		loadSavedFilters();
+	},
+	{ immediate: true },
+);
+
+watch(
+	() => queryParam('saved_filter'),
+	(savedFilterId) => {
+		selectedFilterSetId.value = savedFilterId ?? null;
+	},
+	{ immediate: true },
+);
+
+watch(
+	() => props.resetSelection,
+	(reset) => {
+		if (reset) selectedFilterSetId.value = null;
+	},
+);
+
+onTableEvent('savedFilterCreated', () => loadSavedFilters());
+onTableEvent('savedFilterUpdated', () => onSavedFilterUpdated());
+onTableEvent('savedFilterDeleted', () => {
+	loadSavedFilters();
+	selectedFilterSetId.value = null;
+	emit('filterSelected', null);
+	navigate(buildQueryParams(route.query));
+});
+
+async function loadSavedFilters() {
+	if (!props.connectionID || !tableName.value) return;
+	let data: SavedFilterRecord[];
+	try {
+		data = (await tables.getSavedFilters(props.connectionID, tableName.value)) as SavedFilterRecord[];
+	} catch (error) {
+		console.error('Error fetching saved filters:', error);
+		return;
+	}
+	if (!data) return;
+	setFilters(data);
+
+	const dynamic = parseJsonUrl<{ column_name: string; comparator: string }>(queryParam('dynamic_column'));
+	const selected = selectedFilterSetId.value ? savedFilterMap.value[selectedFilterSetId.value] : undefined;
+	if (dynamic && selected && savedFilterData.value?.length) {
+		const filters = parseJsonUrl<Record<string, Record<string, unknown>>>(queryParam('filters')) ?? {};
+		selected.dynamicColumn = {
+			column: dynamic.column_name,
+			operator: dynamic.comparator,
+			value: filters[dynamic.column_name]?.[dynamic.comparator] || null,
+		};
+	}
+}
+
+/** 'filters set updated': refresh the list and, when a filter is selected, re-apply it from the server. */
+async function onSavedFilterUpdated() {
+	const savedFilterIdFromUrl = queryParam('saved_filter');
+	if (!savedFilterIdFromUrl) {
+		loadSavedFilters();
+		return;
+	}
+	let data: SavedFilterRecord[];
+	try {
+		data = (await tables.getSavedFilters(props.connectionID, tableName.value)) as SavedFilterRecord[];
+	} catch (error) {
+		console.error('Error fetching updated filters:', error);
+		loadSavedFilters();
+		return;
+	}
+	if (!data) return;
+
+	const updatedFilter = data.find((filter) => filter.id === savedFilterIdFromUrl);
+	if (updatedFilter) {
+		selectedFilterSetId.value = savedFilterIdFromUrl;
+		emit('filterSelected', processFiltersData(updatedFilter));
+		navigate(
+			buildQueryParams(route.query, {
+				filters: stringifyJsonUrl(updatedFilter.filters),
+				saved_filter: savedFilterIdFromUrl,
+				...(updatedFilter.dynamic_column && {
+					dynamic_column: stringifyJsonUrl({
+						column_name: updatedFilter.dynamic_column.column_name,
+						comparator: updatedFilter.dynamic_column.comparator,
+					}),
+				}),
+			}),
+		);
+	}
+	setFilters(data);
+}
+
+function setFilters(data: SavedFilterRecord[]) {
+	savedFilterData.value = sortByCreation(data);
+	savedFilterMap.value = Object.fromEntries(data.map((filter) => [filter.id, processFiltersData(filter)]));
+}
+
+function handleOpenSavedFiltersDialog(filtersSet: SavedFilterSet | null = null) {
+	const data: SavedFiltersDialogData = {
+		connectionID: props.connectionID,
+		tableName: tableName.value,
+		displayTableName: props.selectedTableDisplayName,
+		structure: props.structure,
+		tableForeignKeys: props.tableForeignKeys,
+		tableWidgets: props.tableWidgets,
+		filtersSet: filtersSet ?? { name: '', filters: {} },
+	};
+	dialog.open(SavedFiltersDialog, { data });
+}
+
+function openCreateDialog(action: string) {
+	handleOpenSavedFiltersDialog();
+	trackEvent(action);
+	posthog.capture(action);
+}
+
+function handleEditFilter(filter: SavedFilterRecord | null) {
+	if (filter) handleOpenSavedFiltersDialog(filter);
+}
+
+async function handleDeleteFilter(filter: SavedFilterRecord | null) {
+	if (!filter) return;
+	try {
+		await tables.deleteSavedFilter(props.connectionID, tableName.value, filter.id);
+	} catch (error) {
+		console.error('Error deleting filter:', error);
+	}
+}
+
+function selectFiltersSet(id: string) {
+	if (selectedFilterSetId.value === id) {
+		selectedFilterSetId.value = null;
+		emit('filterSelected', null);
+		shouldAutofocus.value = false;
+		navigate(buildQueryParams(route.query));
+		return;
+	}
+
+	selectedFilterSetId.value = id;
+	shouldAutofocus.value = true;
+	const filter = savedFilterMap.value[id];
+	if (!filter) return;
+	emit('filterSelected', filter);
+	navigate(
+		buildQueryParams(route.query, {
+			filters: stringifyJsonUrl(filter.filters),
+			saved_filter: id,
+			...(filter.dynamicColumn && {
+				dynamic_column: stringifyJsonUrl({
+					column_name: filter.dynamicColumn.column,
+					comparator: filter.dynamicColumn.operator,
+				}),
+			}),
+		}),
+	);
+	clearTimeout(autofocusTimer);
+	autofocusTimer = setTimeout(() => {
+		shouldAutofocus.value = false;
+	}, 500);
+}
+
+function updateDynamicColumnComparator(comparator: string) {
+	const dynamic = selectedFilter.value?.dynamicColumn;
+	if (!dynamic) {
+		console.error('No dynamic column on the selected saved filter');
+		return;
+	}
+	dynamic.operator = comparator;
+	if (comparator === 'empty') dynamic.value = '';
+}
+
+function updateDynamicColumnValue(value: unknown) {
+	const dynamic = selectedFilter.value?.dynamicColumn;
+	if (!dynamic) {
+		console.error('No dynamic column on the selected saved filter');
+		return;
+	}
+	dynamic.value = value;
+	clearTimeout(debounceTimer);
+	debounceTimer = setTimeout(() => applyDynamicColumnChanges(), 800);
+}
+
+function applyDynamicColumnChanges() {
+	const filter = selectedFilter.value;
+	if (!selectedFilterSetId.value || !filter) return;
+	const applied = applyDynamicColumn(filter);
+	if (!applied) return;
+
+	emit('filterSelected', {
+		...filter,
+		filters: applied.filters,
+		dynamic_column: applied.dynamicColumn,
+		filterEntries: processFiltersData({ ...filter, filters: applied.filters }).filterEntries,
+	});
+	navigate(
+		buildQueryParams(route.query, {
+			filters: stringifyJsonUrl(applied.filters),
+			dynamic_column: stringifyJsonUrl(applied.dynamicColumn),
+			saved_filter: selectedFilterSetId.value,
+		}),
+	);
+}
+
+/** The dynamic column's widget when it manages its own comparator (or has none). */
+function dynamicWidget(column: string) {
+	return resolveFilterComponent(ctx.value, column);
+}
+
+function dynamicWidgetInputs(column: string): Record<string, unknown> {
+	const relations = props.tableTypes?.[column] === 'foreign key' ? props.tableForeignKeys[column] : undefined;
+	const value = dynamicColumn.value?.value;
+	if (isWidget(props.tableWidgets, column)) {
+		const widget = props.tableWidgets[column] as WidgetStructure;
+		return {
+			fieldKey: column,
+			label: widget.name || column,
+			value,
+			widgetStructure: widget,
+			relations,
+			autofocus: shouldAutofocus.value,
+		};
+	}
+	return {
+		fieldKey: column,
+		label: column,
+		value,
+		structure: tableRowStructure.value[column],
+		relations,
+		autofocus: shouldAutofocus.value,
+	};
+}
+
+/** The text/number column's own value widget, next to the comparator select. */
+function dynamicValueInputs(column: string): Record<string, unknown> {
+	return {
+		fieldKey: column,
+		label: column,
+		value: dynamicColumn.value?.value,
+		readonly: dynamicColumn.value?.operator === 'empty',
+		structure: tableRowStructure.value[column],
+		relations: props.tableTypes?.[column] === 'foreign key' ? props.tableForeignKeys[column] : undefined,
+		autofocus: shouldAutofocus.value,
+	};
+}
+
+function comparatorWord(operator: string): string | undefined {
+	return dynamicFamily.value === 'text' ? TEXT_COMPARATOR_TEXT[operator] : NUMBER_COMPARATOR_TEXT[operator];
+}
+
+function navigate(query: LocationQueryRaw) {
+	router.push({ path: `/dashboard/${props.connectionID}/${tableName.value}`, query });
+}
+
+function routeParam(name: string): string | undefined {
+	const value = route.params[name];
+	return (Array.isArray(value) ? value[0] : value) || undefined;
+}
+
+function queryParam(name: string): string | undefined {
+	const value = route.query[name];
+	return (Array.isArray(value) ? value[0] : value) ?? undefined;
+}
+
+function parseJsonUrl<T>(value: string | undefined): T | undefined {
+	if (!value) return undefined;
+	try {
+		return JsonURL.parse(value) as T;
+	} catch {
+		return undefined;
+	}
+}
+
+function stringifyJsonUrl(value: unknown): string | undefined {
+	return JsonURL.stringify(value) ?? undefined;
+}
+
+// What db-table-view reached through @ViewChild: "create quick filter" and its own mobile chips.
+defineExpose({
+	handleOpenSavedFiltersDialog,
+	savedFilterData,
+	selectedFilterSetId,
+	selectFiltersSet,
+	handleEditFilter,
+	handleDeleteFilter,
+});
+</script>
+
+<template>
+	<div class="saved-filters">
+		<PlaceholderSavedFilters v-if="savedFilterData === null" />
+		<div v-else class="saved-filters__bar">
+			<div class="saved-filters__list">
+				<UiButton
+					v-if="canEditConnection && savedFilterData.length === 0"
+					variant="ghost"
+					@click="openCreateDialog('Saved filters: first time setup is clicked')"
+				>
+					<template #leading><UiIcon name="tune" size="sm" /></template>
+					Create fast filter
+				</UiButton>
+
+				<UiIconButton
+					v-if="canEditConnection && savedFilterData.length !== 0"
+					icon="bookmark_add"
+					label="Create new fast filter"
+					@click="openCreateDialog('Saved filters: create new filter is clicked')"
+				/>
+
+				<div class="saved-filters__chips" role="group" aria-label="Fast filters">
+					<div
+						v-for="filter in savedFilterData"
+						:key="filter.id"
+						class="saved-filters__chip"
+						:class="{ 'saved-filters__chip--selected': filter.id === selectedFilterSetId }"
+					>
+						<button
+							type="button"
+							class="saved-filters__chip-button"
+							:aria-pressed="filter.id === selectedFilterSetId ? 'true' : 'false'"
+							@click="selectFiltersSet(filter.id)"
+						>
+							{{ filter.name }}
+						</button>
+						<UiMenu v-if="canEditConnection" :label="`${filter.name} options`" class="saved-filters__chip-menu">
+							<template #trigger="{ triggerProps }">
+								<UiIconButton v-bind="triggerProps" icon="more_vert" label="Filter options" size="sm" />
+							</template>
+							<UiMenuItem icon="create" @select="handleEditFilter(filter)">Edit</UiMenuItem>
+							<UiMenuItem icon="delete" @select="handleDeleteFilter(filter)">Delete</UiMenuItem>
+						</UiMenu>
+					</div>
+				</div>
+			</div>
+
+			<!-- Small screens: one dropdown for every filter. -->
+			<UiMenu v-if="savedFilterData.length !== 0" class="saved-filters__mobile" label="Fast filters">
+				<template #trigger="{ triggerProps }">
+					<UiButton
+						v-bind="triggerProps"
+						variant="secondary"
+						class="saved-filters__trigger"
+						:class="{ 'saved-filters__trigger--active': selectedFilterSetId }"
+					>
+						<template #leading><UiIcon name="tune" size="sm" /></template>
+						<span class="saved-filters__trigger-label">{{ selectedFilter?.name || 'Fast filters' }}</span>
+						<template #trailing><UiIcon name="arrow_drop_down" size="sm" /></template>
+					</UiButton>
+				</template>
+				<UiMenuItem
+					v-for="filter in savedFilterData"
+					:key="filter.id"
+					:icon="filter.id === selectedFilterSetId ? 'check' : undefined"
+					@select="selectFiltersSet(filter.id)"
+				>
+					{{ filter.name }}
+				</UiMenuItem>
+				<template v-if="canEditConnection">
+					<!-- Angular nested a row menu in each item; a UiMenu can't nest, so the selected filter's actions follow. -->
+					<template v-if="selectedFilter">
+						<UiMenuItem icon="create" @select="handleEditFilter(selectedFilter)">Edit {{ selectedFilter.name }}</UiMenuItem>
+						<UiMenuItem icon="delete" @select="handleDeleteFilter(selectedFilter)">Delete {{ selectedFilter.name }}</UiMenuItem>
+					</template>
+					<UiMenuItem icon="bookmark_add" @select="openCreateDialog('Saved filters: create new filter is clicked')">
+						New fast filter
+					</UiMenuItem>
+				</template>
+			</UiMenu>
+		</div>
+
+		<div v-if="dynamicColumn || selectedFilter?.staticFilters?.length" class="saved-filters__where">
+			<span class="saved-filters__where-label">
+				<UiIcon name="subdirectory_arrow_right" size="sm" />
+				where
+			</span>
+			<form v-if="dynamicColumn" class="dynamic-column" @submit.prevent="applyDynamicColumnChanges">
+				<span class="dynamic-column__name">
+					<strong>{{ dynamicColumn.column }}</strong>
+					<span v-if="dynamicFamily !== 'nonComparable'" class="dynamic-column__comparator-text">
+						{{ comparatorWord(dynamicColumn.operator) }}
+					</span>
+				</span>
+
+				<template v-if="dynamicFamily === 'nonComparable'">
+					<component
+						:is="dynamicWidget(dynamicColumn.column)"
+						v-if="dynamicWidget(dynamicColumn.column)"
+						:key="`${selectedFilterSetId}-${dynamicColumn.column}`"
+						v-bind="dynamicWidgetInputs(dynamicColumn.column)"
+						@field-change="updateDynamicColumnValue"
+						@comparator-change="updateDynamicColumnComparator"
+					/>
+				</template>
+				<template v-else>
+					<UiSelect
+						class="dynamic-column__comparator"
+						:model-value="dynamicColumn.operator"
+						:options="dynamicFamily === 'text' ? TEXT_COMPARATOR_OPTIONS : NUMBER_COMPARATOR_OPTIONS"
+						size="sm"
+						:name="dynamicFamily === 'text' ? 'textComparator' : 'numberComparator'"
+						:aria-label="`${dynamicColumn.column} comparator`"
+						@update:model-value="(comparator) => comparator && updateDynamicColumnComparator(comparator as string)"
+					/>
+					<component
+						:is="columnFilterComponent(ctx, dynamicColumn.column)"
+						v-if="columnFilterComponent(ctx, dynamicColumn.column)"
+						:key="`${selectedFilterSetId}-${dynamicColumn.column}`"
+						v-bind="dynamicValueInputs(dynamicColumn.column)"
+						@field-change="updateDynamicColumnValue"
+					/>
+				</template>
+			</form>
+			<div v-if="selectedFilter?.staticFilters?.length" class="saved-filters__static">
+				<UiChip
+					v-for="(entry, index) in selectedFilter.staticFilters"
+					:key="index"
+					class="saved-filters__static-chip ph-no-capture"
+				>
+					{{ describeFilter(entry) }}
+				</UiChip>
+			</div>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.saved-filters {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.saved-filters__bar {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: var(--space-3);
+}
+
+.saved-filters__list {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--space-4);
+}
+
+.saved-filters__chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+}
+
+.saved-filters__chip {
+  display: inline-flex;
+  align-items: center;
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-pill);
+  background: var(--color-surface);
+  transition: background-color var(--motion-fast) var(--ease-out);
+}
+
+.saved-filters__chip:hover {
+  background: var(--color-paper-2);
+}
+
+.saved-filters__chip--selected {
+  border-color: var(--color-accent);
+  background: var(--color-paper-2);
+}
+
+.saved-filters__chip-button {
+  padding: var(--space-1) var(--space-3);
+  border: 0;
+  border-radius: var(--radius-pill);
+  background: transparent;
+  font: inherit;
+  font-size: var(--text-sm);
+  color: var(--color-ink);
+  cursor: pointer;
+}
+
+.saved-filters__chip--selected .saved-filters__chip-button {
+  color: var(--color-accent);
+  font-weight: var(--weight-medium);
+}
+
+.saved-filters__chip-button:focus-visible {
+  outline: none;
+  box-shadow: var(--shadow-focus);
+}
+
+.saved-filters__chip-menu {
+  margin-inline-end: var(--space-05);
+}
+
+.saved-filters__mobile {
+  display: none;
+}
+
+.saved-filters__trigger-label {
+  max-width: 12.5rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.saved-filters__where {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--space-4);
+  margin-bottom: var(--space-3);
+}
+
+.saved-filters__where-label {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-1);
+  font-size: var(--text-sm);
+  color: var(--color-muted);
+}
+
+.dynamic-column {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+}
+
+.dynamic-column__name {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-2);
+  font-size: var(--text-sm);
+  color: var(--color-ink);
+}
+
+.dynamic-column__comparator-text {
+  display: none;
+}
+
+.saved-filters__static {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+}
+
+.saved-filters__static-chip {
+  max-width: 20rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+@media (width <= 600px) {
+  .saved-filters__list {
+    display: none;
+  }
+
+  .saved-filters__mobile {
+    display: block;
+  }
+
+  .saved-filters__trigger--active {
+    max-width: 100%;
+  }
+
+  .saved-filters__where {
+    gap: var(--space-2);
+    padding: var(--space-2) var(--space-4);
+    border-radius: var(--radius-card);
+    background: var(--color-paper-2);
+  }
+
+  .dynamic-column {
+    flex: 1 1 100%;
+  }
+
+  .dynamic-column__name {
+    flex: 1 1 100%;
+    font-size: var(--text-xs);
+    color: var(--color-muted);
+  }
+
+  .dynamic-column__comparator {
+    display: none;
+  }
+
+  .dynamic-column__comparator-text {
+    display: inline-flex;
+    padding: var(--space-05) var(--space-2);
+    border-radius: var(--radius-pill);
+    background: var(--color-paper-2);
+    color: var(--color-accent);
+    font-size: var(--text-xs);
+    font-weight: var(--weight-medium);
+  }
+}
+</style>
diff --git a/frontend-vue/src/components/dashboard/TableAiPanel.helpers.ts b/frontend-vue/src/components/dashboard/TableAiPanel.helpers.ts
new file mode 100644
index 000000000..41afe3829
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableAiPanel.helpers.ts
@@ -0,0 +1,147 @@
+// The AI panel's static content: the loading captions, the suggestion chips and their completions,
+// and the textarea height for the window height (all from db-table-ai-panel.component.ts).
+
+export interface AiChatMessage {
+	type: 'user' | 'ai' | 'ai-error';
+	text: string;
+	/** Streamed reasoning, shown until the answer text starts. */
+	thinking?: string;
+}
+
+export interface AiSuggestion {
+	title: string;
+	prompt: string;
+	completions: string[];
+}
+
+export interface AiSuggestionCategory {
+	title: string;
+	suggestions: AiSuggestion[];
+}
+
+/** Cycled every 2 s while waiting for the first chunk. */
+export const LOADING_STEPS: readonly string[] = [
+	'Connecting to database',
+	'Analyzing table structure',
+	'Scanning records',
+	'Processing your query',
+	'Searching for patterns',
+	'Generating response',
+];
+
+export const SUGGESTION_CATEGORIES: readonly AiSuggestionCategory[] = [
+	{
+		title: 'Explore',
+		suggestions: [
+			{
+				title: 'Show recent records',
+				prompt: 'Show recent records',
+				completions: [
+					'Show recent records - the 10 most recently added',
+					'Show recent records - from the last 24 hours',
+					'Show recent records - the last entry added',
+					'Show recent records - with newest timestamps',
+				],
+			},
+			{
+				title: 'Summarize table',
+				prompt: 'Summarize table',
+				completions: [
+					'Summarize table - structure and content overview',
+					'Summarize table - what kind of data is stored',
+					'Summarize table - purpose of each column',
+					'Summarize table - record count and what they represent',
+				],
+			},
+			{
+				title: 'Find patterns',
+				prompt: 'Find patterns',
+				completions: [
+					'Find patterns - in this data',
+					'Find patterns - correlations between columns',
+					'Find patterns - common value combinations',
+					'Find patterns - seasonal or cyclical trends',
+				],
+			},
+		],
+	},
+	{
+		title: 'Data Quality',
+		suggestions: [
+			{
+				title: 'Find issues',
+				prompt: 'Find issues',
+				completions: [
+					'Find issues - data quality problems',
+					'Find issues - missing or NULL values',
+					'Find issues - potential duplicates',
+					'Find issues - inconsistent data formats',
+				],
+			},
+			{
+				title: 'Check duplicates',
+				prompt: 'Check duplicates',
+				completions: [
+					'Check duplicates - any duplicate records',
+					'Check duplicates - rows that look similar',
+					'Check duplicates - values appearing multiple times',
+					'Check duplicates - records entered twice',
+				],
+			},
+			{
+				title: 'Validate data',
+				prompt: 'Validate data',
+				completions: [
+					'Validate data - required fields filled',
+					'Validate data - incorrect values',
+					'Validate data - records not matching patterns',
+					'Validate data - outliers and unusual values',
+				],
+			},
+		],
+	},
+	{
+		title: 'Insights',
+		suggestions: [
+			{
+				title: 'Top values',
+				prompt: 'Top values',
+				completions: [
+					'Top values - most common in each column',
+					'Top values - 10 most frequent entries',
+					'Top values - categories with most records',
+					'Top values - what appears most often',
+				],
+			},
+			{
+				title: 'Statistics',
+				prompt: 'Statistics',
+				completions: [
+					'Statistics - for numeric columns',
+					'Statistics - min, max, and average',
+					'Statistics - distribution of values',
+					'Statistics - summary of this data',
+				],
+			},
+			{
+				title: 'Anomalies',
+				prompt: 'Anomalies',
+				completions: [
+					'Anomalies - unusual or unexpected values',
+					'Anomalies - records that stand out',
+					'Anomalies - statistical outliers',
+					'Anomalies - what looks different or wrong',
+				],
+			},
+		],
+	},
+];
+
+/** `adjustTextareaRows()`: fewer rows on short windows. */
+export function textareaRowsFor(windowHeight: number): number {
+	if (windowHeight < 500) return 1;
+	if (windowHeight < 650) return 2;
+	if (windowHeight < 800) return 3;
+	if (windowHeight < 950) return 4;
+	return 5;
+}
diff --git a/frontend-vue/src/components/dashboard/TableAiPanel.spec.ts b/frontend-vue/src/components/dashboard/TableAiPanel.spec.ts
new file mode 100644
index 000000000..97e6dfcc7
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableAiPanel.spec.ts
@@ -0,0 +1,241 @@
+// Ports db-table-ai-panel.component.spec.ts as behaviour: what is sent, what the chat shows while
+// and after the answer streams in, the suggestions, and closing.
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { ApiError } from '@/api/client';
+import { type AiStreamChunk, useAiStore } from '@/stores/ai';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTableStateStore } from '@/stores/table-state';
+import { useTablesStore } from '@/stores/tables';
+import { textareaRowsFor } from './TableAiPanel.helpers';
+import TableAiPanel from './TableAiPanel.vue';
+
+vi.mock('@/lib/cedar-wasm', () => ({ loadCedarWasm: () => new Promise(() => {}) }));
+vi.mock('mermaid', () => ({ default: { initialize: vi.fn(), run: vi.fn(() => Promise.resolve()) } }));
+const analytics = vi.hoisted(() => ({ trackEvent: vi.fn(), capture: vi.fn() }));
+vi.mock('@/composables/useAnalytics', () => ({ trackEvent: analytics.trackEvent }));
+vi.mock('posthog-js', () => ({ default: { capture: analytics.capture } }));
+
+async function* mockStream(...chunks: AiStreamChunk[]): AsyncGenerator<AiStreamChunk> {
+	for (const chunk of chunks) yield await Promise.resolve(chunk);
+}
+
+const text = (content: string): AiStreamChunk => ({ type: 'text', content });
+
+function setup() {
+	return mount(TableAiPanel, {
+		attachTo: document.body,
+		props: { displayName: 'Users', tableColumns: ['id', 'name'], sidebarExpanded: true },
+	});
+}
+
+function messages(wrapper: ReturnType<typeof mount>) {
+	return wrapper
+		.findAll('.ai-panel__chain > div')
+		.map((element) => ({ type: element.classes()[0], text: element.text() }));
+}
+
+async function ask(wrapper: ReturnType<typeof mount>, question: string) {
+	await wrapper.find('input[name="welcomeMessage"]').setValue(question);
+	await wrapper.find('form.ai-welcome-form').trigger('submit');
+	await flushPromises();
+}
+
+describe('TableAiPanel', () => {
+	let ai: ReturnType<typeof useAiStore>;
+
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+		useConnectionsStore().setConnectionID('12345678');
+		useTablesStore().setTableName('users');
+		ai = useAiStore();
+		vi.spyOn(ai, 'createThread').mockResolvedValue({ threadId: 'thread-123', stream: mockStream(text('AI response')) });
+		vi.spyOn(ai, 'sendMessage').mockImplementation(async () => mockStream(text('Second answer')));
+	});
+
+	afterEach(() => {
+		document.body.innerHTML = '';
+	});
+
+	it('shows the suggestion categories before the first question', () => {
+		const wrapper = setup();
+
+		expect(wrapper.findAll('.ai-category__title').map((title) => title.text())).toEqual([
+			'Explore',
+			'Data Quality',
+			'Insights',
+		]);
+		expect(wrapper.find('.ai-panel__messages').exists()).toBe(false);
+	});
+
+	it('creates a thread for the current connection and table with the first question', async () => {
+		const wrapper = setup();
+
+		await ask(wrapper, 'How many users?');
+
+		expect(ai.createThread).toHaveBeenCalledWith('12345678', 'users', 'How many users?', expect.any(AbortSignal));
+		expect(messages(wrapper)).toEqual([
+			{ type: 'user-message', text: 'How many users?' },
+			{ type: 'ai-message', text: 'AI response' },
+		]);
+		expect(analytics.trackEvent).toHaveBeenCalledWith('AI panel: thread created successfully', undefined);
+	});
+
+	it('continues the thread with the next questions, on Enter', async () => {
+		const wrapper = setup();
+		await ask(wrapper, 'First');
+
+		const textarea = wrapper.find('textarea[data-testid="user-message"]');
+		await textarea.setValue('Hello');
+		await textarea.trigger('keydown', { key: 'Enter' });
+		await flushPromises();
+
+		expect(ai.sendMessage).toHaveBeenCalledWith('12345678', 'users', 'thread-123', 'Hello', expect.any(AbortSignal));
+		expect(messages(wrapper).at(-1)).toEqual({ type: 'ai-message', text: 'Second answer' });
+		expect((textarea.element as HTMLTextAreaElement).value).toBe('');
+		expect(wrapper.find('.ai-message-form__count').text()).toBe('0 / 256');
+	});
+
+	it('counts characters on keydown and keeps Shift+Enter as a newline', async () => {
+		const wrapper = setup();
+		await ask(wrapper, 'First');
+
+		const textarea = wrapper.find('textarea');
+		await textarea.setValue('Hello');
+		await textarea.trigger('keydown', { key: 'a' });
+		expect(wrapper.find('.ai-message-form__count').text()).toBe('6 / 256');
+
+		await textarea.trigger('keydown', { key: 'Enter', shiftKey: true });
+		expect(ai.sendMessage).not.toHaveBeenCalled();
+	});
+
+	it('shows the thinking text until the answer starts, and commits it on thinking_commit', async () => {
+		let release: () => void = () => {};
+		const gate = new Promise<void>((resolve) => {
+			release = resolve;
+		});
+		async function* stream(): AsyncGenerator<AiStreamChunk> {
+			yield { type: 'thinking', content: 'Looking at rows' };
+			await gate;
+			yield { type: 'thinking_commit' };
+			yield text(' and done');
+		}
+		vi.mocked(ai.createThread).mockResolvedValue({ threadId: 't', stream: stream() });
+		const wrapper = setup();
+
+		await ask(wrapper, 'Why?');
+		expect(wrapper.find('.ai-thinking').text()).toBe('Looking at rows');
+		expect(wrapper.find('.ai-loading').exists()).toBe(true);
+
+		release();
+		await flushPromises();
+		expect(wrapper.find('.ai-thinking').exists()).toBe(false);
+		expect(messages(wrapper).at(-1)?.text).toBe('Looking at rows and done');
+		expect(wrapper.find('.ai-loading').exists()).toBe(false);
+	});
+
+	it('renders the answer as markdown', async () => {
+		vi.mocked(ai.createThread).mockResolvedValue({ threadId: 't', stream: mockStream(text('**bold** answer')) });
+		const wrapper = setup();
+
+		await ask(wrapper, 'Q');
+
+		expect(wrapper.find('.ai-message strong').text()).toBe('bold');
+	});
+
+	it('shows an unexpected failure in the chat', async () => {
+		vi.mocked(ai.createThread).mockRejectedValue('Error message');
+		const wrapper = setup();
+
+		await ask(wrapper, 'Q');
+
+		expect(messages(wrapper)[1]).toEqual({ type: 'ai-error-message', text: 'Error message' });
+		expect(analytics.trackEvent).toHaveBeenCalledWith('AI panel: thread creation returned an error', undefined);
+	});
+
+	it('adds nothing for a request error the client already reported', async () => {
+		const error = new ApiError('Bad request', 400, {});
+		error.notified = true;
+		vi.mocked(ai.createThread).mockRejectedValue(error);
+		const wrapper = setup();
+
+		await ask(wrapper, 'Q');
+
+		expect(messages(wrapper)).toEqual([{ type: 'user-message', text: 'Q' }]);
+		expect(wrapper.find('.ai-loading').exists()).toBe(false);
+	});
+
+	it('opens a suggestion’s completions and asks the picked one', async () => {
+		const wrapper = setup();
+
+		const chip = wrapper.findAll('.suggestion-chip').find((element) => element.text() === 'Summarize table');
+		await chip?.trigger('click');
+		const input = wrapper.find('input[name="welcomeMessage"]').element as HTMLInputElement;
+		expect(input.value).toBe('Summarize table');
+		const completions = wrapper.findAll('.ai-completions__item');
+		expect(completions).toHaveLength(4);
+
+		await completions[1]?.trigger('mouseenter');
+		expect(input.value).toBe('Summarize table - what kind of data is stored');
+		await wrapper.find('.ai-completions').trigger('mouseleave');
+		expect(input.value).toBe('Summarize table');
+
+		await completions[0]?.trigger('mousedown');
+		await flushPromises();
+		expect(ai.createThread).toHaveBeenCalledWith(
+			'12345678',
+			'users',
+			'Summarize table - structure and content overview',
+			expect.any(AbortSignal),
+		);
+		expect(analytics.trackEvent).toHaveBeenCalledWith('AI panel: suggestion chip clicked', {
+			suggestionTitle: 'Summarize table',
+		});
+	});
+
+	it('closes the completions when clicking elsewhere or typing something else', async () => {
+		const wrapper = setup();
+
+		await wrapper.findAll('.suggestion-chip')[0]?.trigger('click');
+		expect(wrapper.find('.ai-completions').exists()).toBe(true);
+		document.body.click();
+		await flushPromises();
+		expect(wrapper.find('.ai-completions').exists()).toBe(false);
+
+		await wrapper.findAll('.suggestion-chip')[0]?.trigger('click');
+		await wrapper.find('input[name="welcomeMessage"]').setValue('something else');
+		expect(wrapper.find('.ai-completions').exists()).toBe(false);
+	});
+
+	it('closes through the table state', async () => {
+		const tableState = useTableStateStore();
+		const handleViewAIpanel = vi.spyOn(tableState, 'handleViewAIpanel');
+		const wrapper = setup();
+
+		await wrapper.find('[aria-label="Close AI insights"]').trigger('click');
+
+		expect(handleViewAIpanel).toHaveBeenCalled();
+	});
+
+	it('cancels a running request when closed and tracks the chat length', async () => {
+		let signal: AbortSignal | undefined;
+		vi.mocked(ai.createThread).mockImplementation((_c, _t, _m, s) => {
+			signal = s;
+			return new Promise(() => {});
+		});
+		const wrapper = setup();
+		await ask(wrapper, 'Q');
+
+		wrapper.unmount();
+
+		expect(signal?.aborted).toBe(true);
+		expect(analytics.trackEvent).toHaveBeenCalledWith('AI panel: request cancelled', undefined);
+		expect(analytics.trackEvent).toHaveBeenCalledWith('AI panel: destroyed', { messagesLength: 2 });
+	});
+
+	it('sizes the textarea for the window height', () => {
+		expect([400, 600, 700, 900, 1200].map(textareaRowsFor)).toEqual([1, 2, 3, 4, 5]);
+	});
+});
diff --git a/frontend-vue/src/components/dashboard/TableAiPanel.vue b/frontend-vue/src/components/dashboard/TableAiPanel.vue
new file mode 100644
index 000000000..79ac70270
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableAiPanel.vue
@@ -0,0 +1,808 @@
+<script setup lang="ts">
+/**
+ * Port of db-table-view/db-table-ai-panel: the "AI insights" chat about the current table.
+ *
+ * - Empty chat: a question input with suggestion chips (Explore / Data Quality / Insights); a chip
+ *   fills the input and opens its completions, hovering one previews it, picking one asks it.
+ * - The first question creates a thread (POST /ai/v4/request, thread id from the response header),
+ *   later ones continue it. Answers stream in as NDJSON (`useAiStore`): `thinking` text is shown
+ *   until the first `text` chunk, `thinking_commit` promotes it to the answer.
+ * - Answers render as Markdown with ```mermaid diagrams (AppMarkdown `mermaid`).
+ * - Enter sends, Shift+Enter starts a new line. A request still running when the panel closes is
+ *   aborted and recorded as "Request cancelled".
+ *
+ * Open/close state lives in the table-state store (`aiPanelOpen`); the close button toggles it.
+ * The panel fills its container; the host decides where it sits (Angular pinned it fixed below the
+ * header, across the content area).
+ */
+import posthog from 'posthog-js';
+import { onBeforeUnmount, onMounted, onUpdated, ref, watch } from 'vue';
+import { isApiError } from '@/api/client';
+import AppMarkdown from '@/components/shared/AppMarkdown.vue';
+import { UiIconButton, UiInput, UiTextarea } from '@/components/ui';
+import { trackEvent } from '@/composables/useAnalytics';
+import { type AiStreamChunk, useAiStore } from '@/stores/ai';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTableStateStore } from '@/stores/table-state';
+import { useTablesStore } from '@/stores/tables';
+import {
+	type AiChatMessage,
+	type AiSuggestion,
+	LOADING_STEPS,
+	SUGGESTION_CATEGORIES,
+	textareaRowsFor,
+} from './TableAiPanel.helpers';
+
+withDefaults(
+	defineProps<{
+		/** The table's display name. Unused by the Angular template, kept for the host's binding. */
+		displayName?: string;
+		/** The table's columns. Unused by the Angular template, kept for the host's binding. */
+		tableColumns?: string[];
+		/** Whether the app's table list sidebar is expanded (layout only). */
+		sidebarExpanded?: boolean;
+	}>(),
+	{ displayName: '', tableColumns: () => [], sidebarExpanded: true },
+);
+
+// Served from ../frontend/src/assets until the cutover (see README); a bound src keeps Vite from bundling it.
+const AI_ROCKET_URL = '/assets/icons/ai-rocket.svg';
+
+const ai = useAiStore();
+const connections = useConnectionsStore();
+const tables = useTablesStore();
+const tableState = useTableStateStore();
+
+// Read once, as ngOnInit did: a thread belongs to the table it was started on.
+const connectionID = connections.currentConnectionID ?? '';
+const tableName = tables.currentTableName ?? '';
+
+const message = ref('');
+const charactrsNumber = ref(0);
+const threadID = ref<string | null>(null);
+const messagesChain = ref<AiChatMessage[]>([]);
+const activeSuggestion = ref<AiSuggestion | null>(null);
+const activeCompletions = ref<string[]>([]);
+const showCompletions = ref(false);
+const submitting = ref(false);
+const isExpanded = ref(true);
+const textareaRows = ref(textareaRowsFor(window.innerHeight));
+const currentLoadingStep = ref('');
+const chatContainer = ref<HTMLElement | null>(null);
+
+let abortController: AbortController | null = null;
+let loadingStepsInterval: ReturnType<typeof setInterval> | null = null;
+let currentStepIndex = 0;
+
+// aiPanelExpandedCast: every emission re-expanded the panel.
+watch(
+	() => tableState.aiPanelExpanded,
+	() => {
+		isExpanded.value = true;
+	},
+);
+
+onMounted(() => {
+	window.addEventListener('resize', onWindowResize);
+	document.addEventListener('click', onDocumentClick);
+	scrollToBottom();
+});
+
+// ngAfterViewChecked
+onUpdated(() => scrollToBottom());
+
+onBeforeUnmount(() => {
+	window.removeEventListener('resize', onWindowResize);
+	document.removeEventListener('click', onDocumentClick);
+	cancelRequest();
+	stopLoadingSteps();
+	track('AI panel: destroyed', { messagesLength: messagesChain.value.length });
+});
+
+function cancelRequest() {
+	if (!abortController) return;
+	abortController.abort();
+	abortController = null;
+	submitting.value = false;
+	stopLoadingSteps();
+	messagesChain.value.push({ type: 'ai-error', text: 'Request cancelled' });
+	track('AI panel: request cancelled');
+}
+
+function startLoadingSteps() {
+	currentStepIndex = 0;
+	currentLoadingStep.value = LOADING_STEPS[0] ?? '';
+	loadingStepsInterval = setInterval(() => {
+		currentStepIndex = (currentStepIndex + 1) % LOADING_STEPS.length;
+		currentLoadingStep.value = LOADING_STEPS[currentStepIndex] ?? '';
+	}, 2000);
+}
+
+function stopLoadingSteps() {
+	if (loadingStepsInterval) {
+		clearInterval(loadingStepsInterval);
+		loadingStepsInterval = null;
+	}
+}
+
+function onKeydown(event: KeyboardEvent) {
+	charactrsNumber.value = message.value.length + 1;
+	// Shift+Enter: the textarea's own newline.
+	if (event.key !== 'Enter' || event.shiftKey) return;
+	event.preventDefault();
+	if (threadID.value) sendMessage();
+	else createThread();
+}
+
+function submitChat() {
+	if (threadID.value) sendMessage();
+	else createThread();
+}
+
+async function createThread(suggestedMessage?: string) {
+	const text = beginRequest(suggestedMessage);
+	const controller = abortController;
+	try {
+		const response = await ai.createThread(connectionID, tableName, text, controller?.signal);
+		if (response) {
+			threadID.value = response.threadId;
+			await consumeStream(response.stream);
+			track('AI panel: thread created successfully');
+		}
+	} catch (error) {
+		if (!isReportedApiError(error)) {
+			messagesChain.value.push({ type: 'ai-error', text: String(error) });
+			track('AI panel: thread creation returned an error');
+		}
+	} finally {
+		endRequest(controller);
+	}
+}
+
+async function sendMessage(suggestedMessage?: string) {
+	const text = beginRequest(suggestedMessage);
+	charactrsNumber.value = 0;
+	const controller = abortController;
+	try {
+		const stream = await ai.sendMessage(connectionID, tableName, threadID.value ?? '', text, controller?.signal);
+		if (stream) {
+			await consumeStream(stream);
+			track('AI panel: message sent successfully');
+		}
+	} catch (error) {
+		if (!isReportedApiError(error)) {
+			messagesChain.value.push({ type: 'ai-error', text: String(error) });
+			track('AI panel: message sent and returned an error');
+		}
+	} finally {
+		endRequest(controller);
+	}
+}
+
+/** Shows the question, clears the input and starts a request; returns the question. */
+function beginRequest(suggestedMessage?: string): string {
+	if (suggestedMessage) message.value = suggestedMessage;
+	submitting.value = true;
+	startLoadingSteps();
+	const text = message.value;
+	messagesChain.value.push({ type: 'user', text });
+	message.value = '';
+	abortController = new AbortController();
+	return text;
+}
+
+function endRequest(controller: AbortController | null) {
+	// A cancelled request already reset the state (and maybe a new one started).
+	if (abortController !== controller) return;
+	submitting.value = false;
+	stopLoadingSteps();
+	abortController = null;
+}
+
+async function consumeStream(stream: AsyncGenerator<AiStreamChunk>) {
+	messagesChain.value.push({ type: 'ai', text: '', thinking: '' });
+	// The reactive proxy of the message just pushed, so each chunk re-renders it.
+	const answer = messagesChain.value[messagesChain.value.length - 1] as AiChatMessage;
+	stopLoadingSteps();
+	for await (const chunk of stream) {
+		if (chunk.type === 'thinking') {
+			answer.thinking = (answer.thinking ?? '') + chunk.content;
+		} else if (chunk.type === 'thinking_reset') {
+			answer.thinking = '';
+		} else if (chunk.type === 'thinking_commit') {
+			answer.text += answer.thinking ?? '';
+			answer.thinking = '';
+		} else if (chunk.type === 'text') {
+			answer.text += chunk.content;
+			answer.thinking = '';
+		}
+	}
+}
+
+/**
+ * The Angular AI service showed a failed request and resolved null, so the chat added nothing. The
+ * store throws the (already reported) ApiError instead; anything else, e.g. a broken stream, goes
+ * into the chat as before.
+ */
+function isReportedApiError(error: unknown): boolean {
+	return isApiError(error) && error.notified;
+}
+
+function scrollToBottom() {
+	const el = chatContainer.value;
+	if (el) el.scrollTop = el.scrollHeight;
+}
+
+function handleClose() {
+	tableState.handleViewAIpanel();
+}
+
+function onWindowResize() {
+	textareaRows.value = textareaRowsFor(window.innerHeight);
+}
+
+function onDocumentClick(event: MouseEvent) {
+	if (!showCompletions.value) return;
+	const target = event.target as HTMLElement | null;
+	const inside = target?.closest?.('.suggestion-chip, .ai-completions, .ai-welcome-form__field');
+	if (!inside) {
+		showCompletions.value = false;
+		activeSuggestion.value = null;
+	}
+}
+
+function onSuggestionChipClick(suggestion: AiSuggestion) {
+	activeSuggestion.value = suggestion;
+	message.value = suggestion.prompt;
+	activeCompletions.value = suggestion.completions;
+	showCompletions.value = true;
+	track('AI panel: suggestion chip clicked', { suggestionTitle: suggestion.title });
+}
+
+function selectCompletion(completion: string) {
+	message.value = completion;
+	showCompletions.value = false;
+	activeSuggestion.value = null;
+	createThread(completion);
+	track('AI panel: completion selected', { completion });
+}
+
+function onWelcomeInput(value: string) {
+	message.value = value;
+	if (message.value.length > 0 && (!activeSuggestion.value || message.value !== activeSuggestion.value.prompt)) {
+		showCompletions.value = false;
+		activeSuggestion.value = null;
+	}
+}
+
+function onCompletionHover(completion: string) {
+	message.value = completion;
+}
+
+function onCompletionMouseLeave() {
+	if (activeSuggestion.value) message.value = activeSuggestion.value.prompt;
+}
+
+function onWelcomeInputFocus() {
+	if (activeSuggestion.value) showCompletions.value = true;
+}
+
+function track(action: string, properties?: Record<string, unknown>) {
+	trackEvent(action, properties);
+	if (properties) posthog.capture(action, properties);
+	else posthog.capture(action);
+}
+</script>
+
+<template>
+	<section
+		class="ai-panel"
+		:class="{ 'ai-panel--expanded': isExpanded, 'ai-panel--sidebar-collapsed': !sidebarExpanded }"
+		aria-labelledby="ai-panel-title"
+	>
+		<div class="ai-panel__header">
+			<h2 id="ai-panel-title" class="ai-panel__title">AI insights</h2>
+			<UiIconButton icon="close" label="Close AI insights" @click="handleClose" />
+		</div>
+
+		<div class="ai-panel__chat">
+			<div v-if="messagesChain.length" ref="chatContainer" class="ai-panel__messages">
+				<div class="ai-panel__chain">
+					<div v-for="(entry, index) in messagesChain" :key="index" :class="`${entry.type}-message`">
+						<span v-if="entry.type === 'user'" class="user-message__text">{{ entry.text }}</span>
+						<template v-else-if="entry.type === 'ai'">
+							<div v-if="entry.thinking && !entry.text" class="ai-thinking">{{ entry.thinking }}</div>
+							<AppMarkdown v-if="entry.text" :source="entry.text" mermaid />
+						</template>
+						<template v-else>{{ entry.text }}</template>
+					</div>
+				</div>
+			</div>
+
+			<div v-else class="ai-welcome">
+				<div class="ai-welcome__content">
+					<img :src="AI_ROCKET_URL" alt="" class="ai-welcome__icon">
+					<p class="ai-welcome__title">Ask anything about your data</p>
+
+					<div class="ai-welcome__input">
+						<form class="ai-welcome-form" @submit.prevent="createThread()">
+							<div class="ai-welcome-form__field">
+								<UiInput
+									:model-value="message"
+									name="welcomeMessage"
+									placeholder="Ask a question about this table..."
+									aria-label="Ask a question about this table..."
+									autocomplete="off"
+									maxlength="255"
+									@update:model-value="onWelcomeInput"
+									@focus="onWelcomeInputFocus"
+								/>
+								<UiIconButton icon="send" label="Send" type="submit" size="sm" class="ai-welcome-form__button" />
+							</div>
+						</form>
+
+						<div
+							v-if="showCompletions && activeCompletions.length"
+							class="ai-completions"
+							@mouseleave="onCompletionMouseLeave"
+						>
+							<button
+								v-for="completion in activeCompletions"
+								:key="completion"
+								type="button"
+								class="ai-completions__item"
+								@mouseenter="onCompletionHover(completion)"
+								@mousedown="selectCompletion(completion)"
+							>
+								{{ completion }}
+							</button>
+						</div>
+					</div>
+
+					<div class="ai-categories">
+						<div v-for="category in SUGGESTION_CATEGORIES" :key="category.title" class="ai-category">
+							<p class="ai-category__title">{{ category.title }}</p>
+							<div class="ai-category__chips">
+								<button
+									v-for="suggestion in category.suggestions"
+									:key="suggestion.title"
+									type="button"
+									class="suggestion-chip"
+									:class="{ 'suggestion-chip--active': activeSuggestion?.title === suggestion.title }"
+									:aria-pressed="activeSuggestion?.title === suggestion.title ? 'true' : 'false'"
+									@click="onSuggestionChipClick(suggestion)"
+								>
+									{{ suggestion.title }}
+								</button>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<div v-if="submitting" class="ai-loading" role="status">
+				<span class="ai-loading__text">{{ currentLoadingStep }}</span>
+				<span class="ai-loading__dots" aria-hidden="true">
+					<span class="ai-loading__dot" />
+					<span class="ai-loading__dot" />
+					<span class="ai-loading__dot" />
+				</span>
+			</div>
+
+			<form v-if="messagesChain.length" class="ai-message-form" @submit.prevent="submitChat">
+				<UiTextarea
+					v-model="message"
+					class="ai-message-form__textarea"
+					name="message"
+					:rows="textareaRows"
+					placeholder="Ask a question about this table..."
+					aria-label="Ask a question about this table..."
+					data-testid="user-message"
+					maxlength="255"
+					@keydown="onKeydown"
+				/>
+				<div class="ai-message-form__footer">
+					<span class="ai-message-form__count">{{ charactrsNumber }} / 256</span>
+					<UiIconButton icon="send" label="Send" type="submit" size="sm" class="ai-message-form__button" />
+				</div>
+			</form>
+
+			<p v-if="messagesChain.length" class="ai-panel__footer">
+				AI may provide inaccurate responses.<br>Check our
+				<a href="https://rocketadmin.com/privacy/" class="ai-panel__link">Privacy policy</a>.
+			</p>
+		</div>
+	</section>
+</template>
+
+<style scoped>
+.ai-panel {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+  background: var(--color-surface);
+  border-inline-start: 1px solid var(--color-line);
+}
+
+.ai-panel--expanded {
+  border-inline-start: none;
+}
+
+.ai-panel__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-shrink: 0;
+  padding: var(--space-5) var(--space-4) 0;
+}
+
+.ai-panel__title {
+  margin: 0;
+  font-family: var(--font-display);
+  font-size: var(--text-md);
+  font-weight: var(--weight-semibold);
+  color: var(--color-ink);
+}
+
+.ai-panel__chat {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  flex: 1;
+  min-height: 0;
+  padding: 0 var(--space-4);
+  overflow: hidden;
+}
+
+.ai-panel--expanded .ai-panel__chat {
+  align-items: center;
+}
+
+.ai-panel--expanded .ai-panel__messages,
+.ai-panel--expanded .ai-message-form,
+.ai-panel--expanded .ai-panel__footer {
+  width: 100%;
+  max-width: 50rem;
+}
+
+.ai-panel__messages {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  margin-bottom: var(--space-6);
+}
+
+.ai-panel__chain {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  min-height: 100%;
+  width: 100%;
+}
+
+.user-message {
+  align-self: flex-end;
+  max-width: 80%;
+  margin: var(--space-1) 0 var(--space-4);
+  padding: var(--space-3) var(--space-4) var(--space-4);
+  border-radius: var(--radius-control);
+  background: var(--color-paper-2);
+  font-size: var(--text-sm);
+  color: var(--color-ink);
+}
+
+.user-message__text {
+  white-space: pre-wrap;
+}
+
+.ai-message {
+  align-self: flex-start;
+  max-width: 100%;
+  margin: var(--space-1) 0;
+  padding: var(--space-3) var(--space-4) var(--space-2);
+  border-radius: var(--radius-control);
+  background: var(--color-paper);
+  overflow-x: auto;
+}
+
+.ai-message :deep(table) {
+  min-width: 100%;
+  width: max-content;
+  margin: var(--space-2) 0;
+  border-collapse: collapse;
+  font-size: var(--text-xs);
+}
+
+.ai-message :deep(thead) {
+  background: var(--color-paper-2);
+}
+
+.ai-message :deep(th),
+.ai-message :deep(td) {
+  padding: var(--space-1) var(--space-2);
+  border: 1px solid var(--color-line);
+  text-align: start;
+  white-space: nowrap;
+}
+
+.ai-message :deep(th) {
+  font-weight: var(--weight-semibold);
+}
+
+.ai-message :deep(ol),
+.ai-message :deep(ul) {
+  margin: var(--space-2) 0;
+  padding-inline-start: var(--space-5);
+}
+
+.ai-message :deep(li) {
+  margin: var(--space-1) 0;
+}
+
+.ai-message :deep(pre) {
+  white-space: break-spaces;
+}
+
+.ai-message :deep(p) {
+  margin: 0 0 var(--space-2);
+}
+
+.ai-thinking {
+  font-size: var(--text-xs);
+  line-height: var(--leading-normal);
+  font-style: italic;
+  color: var(--color-muted);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+.ai-error-message {
+  margin: var(--space-1) 0;
+  padding: var(--space-2);
+  border: 1px solid var(--color-danger-border);
+  border-radius: var(--radius-control);
+  background: var(--color-danger-bg);
+  font-size: var(--text-sm);
+  color: var(--color-danger-strong);
+}
+
+.ai-welcome {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  min-height: 0;
+  padding: var(--space-4);
+  overflow: hidden;
+}
+
+.ai-welcome__content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  max-width: 31.25rem;
+  gap: var(--space-6);
+}
+
+.ai-welcome__icon {
+  width: 3rem;
+  height: 3rem;
+  animation: ai-rocket-float 3s ease-in-out infinite;
+}
+
+.ai-welcome__title {
+  margin: 0;
+  font-size: var(--text-md);
+  font-weight: var(--weight-medium);
+  color: var(--color-ink-soft);
+  text-align: center;
+}
+
+.ai-welcome__input {
+  position: relative;
+  width: 100%;
+}
+
+.ai-welcome-form__field {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+  padding-inline-end: var(--space-1);
+  border: 1px solid var(--color-line-strong);
+  border-radius: var(--radius-pill);
+  background: var(--color-surface);
+}
+
+.ai-welcome-form__field:focus-within {
+  border-color: var(--color-accent);
+  box-shadow: var(--shadow-focus);
+}
+
+.ai-welcome-form__field :deep(.ui-input) {
+  flex: 1;
+  border: none;
+  background: transparent;
+  box-shadow: none;
+}
+
+.ai-completions {
+  position: absolute;
+  top: calc(100% + var(--space-1));
+  left: 0;
+  right: 0;
+  z-index: var(--z-dropdown);
+  display: flex;
+  flex-direction: column;
+  padding: var(--space-1) 0;
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-card);
+  background: var(--color-surface-raised);
+  box-shadow: var(--shadow-lift);
+}
+
+.ai-completions__item {
+  padding: var(--space-2) var(--space-4);
+  border: 0;
+  background: transparent;
+  font: inherit;
+  font-size: var(--text-sm);
+  color: var(--color-ink);
+  text-align: start;
+  cursor: pointer;
+}
+
+.ai-completions__item:hover,
+.ai-completions__item:focus-visible {
+  outline: none;
+  background: var(--color-paper-2);
+}
+
+.ai-categories {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  gap: var(--space-4);
+}
+
+.ai-category {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.ai-category__title {
+  margin: 0;
+  font-size: var(--text-xs);
+  color: var(--color-muted);
+}
+
+.ai-category__chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+}
+
+.suggestion-chip {
+  display: inline-flex;
+  align-items: center;
+  padding: var(--space-1) var(--space-3);
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-pill);
+  background: var(--color-surface);
+  font: inherit;
+  font-size: var(--text-xs);
+  color: var(--color-ink);
+  cursor: pointer;
+  transition: background-color var(--motion-fast) var(--ease-out);
+}
+
+.suggestion-chip:hover,
+.suggestion-chip--active {
+  background: var(--color-paper-2);
+}
+
+.suggestion-chip--active {
+  border-color: var(--color-accent);
+}
+
+.suggestion-chip:focus-visible {
+  outline: none;
+  box-shadow: var(--shadow-focus);
+}
+
+.ai-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  gap: var(--space-2);
+  height: 3rem;
+}
+
+.ai-loading__text {
+  font-size: var(--text-sm);
+  color: var(--color-muted);
+}
+
+.ai-loading__dots {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+}
+
+.ai-loading__dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--color-muted-soft);
+  animation: ai-loading-bounce 1.4s ease-in-out infinite;
+}
+
+.ai-loading__dot:nth-child(2) {
+  animation-delay: 0.15s;
+}
+
+.ai-loading__dot:nth-child(3) {
+  animation-delay: 0.3s;
+}
+
+.ai-message-form {
+  position: relative;
+  flex-shrink: 0;
+  width: 100%;
+}
+
+.ai-message-form__textarea {
+  width: 100%;
+  padding-bottom: var(--space-10);
+  resize: none;
+}
+
+.ai-message-form__footer {
+  position: absolute;
+  right: var(--space-1);
+  bottom: var(--space-1);
+  left: var(--space-4);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.ai-message-form__count {
+  font-size: var(--text-xs);
+  color: var(--color-muted);
+}
+
+.ai-panel__footer {
+  flex-shrink: 0;
+  margin: var(--space-2) 0 0;
+  padding-bottom: var(--space-4);
+  font-size: var(--text-xs);
+  color: var(--color-muted);
+  text-align: center;
+}
+
+.ai-panel__link {
+  color: var(--color-accent);
+}
+
+@keyframes ai-rocket-float {
+  0%, 100% { transform: translateY(0) rotate(0deg); }
+  50% { transform: translateY(-2px) rotate(2deg); }
+}
+
+@keyframes ai-loading-bounce {
+  0%, 60%, 100% { transform: translateY(0); }
+  30% { transform: translateY(-8px); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ai-welcome__icon,
+  .ai-loading__dot {
+    animation: none;
+  }
+}
+</style>
diff --git a/frontend-vue/src/components/dashboard/TableExportDialog.helpers.ts b/frontend-vue/src/components/dashboard/TableExportDialog.helpers.ts
new file mode 100644
index 000000000..2591add6e
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableExportDialog.helpers.ts
@@ -0,0 +1,11 @@
+// The export dialog's downloadCSV(): saves the CSV text the server returned as `database.csv`.
+export function downloadCsv(data: string): void {
+	const blob = new Blob([data], { type: 'text/csv' });
+	const link = document.createElement('a');
+	link.href = URL.createObjectURL(blob);
+	link.download = 'database.csv';
+	document.body.appendChild(link);
+	link.click();
+	document.body.removeChild(link);
+	URL.revokeObjectURL(link.href);
+}
diff --git a/frontend-vue/src/components/dashboard/TableExportDialog.spec.ts b/frontend-vue/src/components/dashboard/TableExportDialog.spec.ts
new file mode 100644
index 000000000..87fb98d66
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableExportDialog.spec.ts
@@ -0,0 +1,104 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import DialogHost from '@/components/dialog/DialogHost.vue';
+import { useDialog } from '@/composables/useDialog';
+import { useTablesStore } from '@/stores/tables';
+import TableExportDialog, { type TableExportDialogData } from './TableExportDialog.vue';
+
+const analytics = vi.hoisted(() => ({ trackEvent: vi.fn(), capture: vi.fn() }));
+vi.mock('@/composables/useAnalytics', () => ({ trackEvent: analytics.trackEvent }));
+vi.mock('posthog-js', () => ({ default: { capture: analytics.capture } }));
+const download = vi.hoisted(() => vi.fn());
+vi.mock('./TableExportDialog.helpers', () => ({ downloadCsv: download }));
+
+const data: TableExportDialogData = {
+	connectionID: '12345678',
+	tableName: 'users',
+	sortColumn: 'first_name',
+	sortOrder: 'ASC',
+	filters: { first_name: { startswith: 'A' } },
+	search: '',
+};
+
+function open(dialogData: TableExportDialogData = data) {
+	const wrapper = mount(DialogHost, { attachTo: document.body });
+	const ref = useDialog().open(TableExportDialog, { data: dialogData });
+	return { wrapper, ref };
+}
+
+function button(wrapper: ReturnType<typeof mount>, label: string) {
+	const match = wrapper.findAll('button').find((candidate) => candidate.text() === label);
+	if (!match) throw new Error(`no button ${label}`);
+	return match;
+}
+
+describe('TableExportDialog', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+	});
+
+	afterEach(() => {
+		document.body.innerHTML = '';
+	});
+
+	it('exports everything (up to 100 000 rows) by default, downloads the CSV and closes', async () => {
+		const exportCsv = vi.spyOn(useTablesStore(), 'exportTableCSV').mockResolvedValue('id\n1');
+		const { wrapper, ref } = open();
+		await flushPromises();
+
+		expect(wrapper.find('input[name="records-number"]').attributes('disabled')).toBeDefined();
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(exportCsv).toHaveBeenCalledWith({ ...data, chunkSize: 100000 });
+		expect(download).toHaveBeenCalledWith('id\n1');
+		await expect(ref.afterClosed()).resolves.toBeUndefined();
+		expect(analytics.trackEvent).toHaveBeenCalledWith('Dashboard: db export is successful');
+		expect(analytics.capture).toHaveBeenCalledWith('Dashboard: db export is successful');
+		wrapper.unmount();
+	});
+
+	it('exports the typed number of records', async () => {
+		const exportCsv = vi.spyOn(useTablesStore(), 'exportTableCSV').mockResolvedValue('');
+		const { wrapper } = open();
+		await flushPromises();
+
+		await wrapper.findAll('input[type="radio"]')[0]?.setValue(true);
+		const number = wrapper.find('input[name="records-number"]');
+		expect(number.attributes('disabled')).toBeUndefined();
+		await number.setValue('25');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(exportCsv).toHaveBeenCalledWith(expect.objectContaining({ chunkSize: 25 }));
+		wrapper.unmount();
+	});
+
+	it('drops an empty sort order (an unsorted table)', async () => {
+		const exportCsv = vi.spyOn(useTablesStore(), 'exportTableCSV').mockResolvedValue('');
+		const { wrapper } = open({ ...data, sortColumn: undefined, sortOrder: '' });
+		await flushPromises();
+
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(exportCsv).toHaveBeenCalledWith(expect.objectContaining({ sortOrder: undefined }));
+		wrapper.unmount();
+	});
+
+	it('stays open when the export fails', async () => {
+		vi.spyOn(useTablesStore(), 'exportTableCSV').mockRejectedValue(new Error('boom'));
+		const { wrapper } = open();
+		await flushPromises();
+
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(download).not.toHaveBeenCalled();
+		expect(wrapper.find('form').exists()).toBe(true);
+		expect(button(wrapper, 'Export').attributes('disabled')).toBeUndefined();
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/dashboard/TableExportDialog.vue b/frontend-vue/src/components/dashboard/TableExportDialog.vue
new file mode 100644
index 000000000..ebe4df8f7
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableExportDialog.vue
@@ -0,0 +1,94 @@
+<script setup lang="ts">
+/**
+ * Port of dashboard/db-table-view/db-table-export-dialog: downloads the current table view (sort,
+ * filters and search from the table) as `database.csv`, either the first N records or everything
+ * up to 100 000.
+ *
+ * Opened with `useDialog().open(TableExportDialog, { data })`; closes with no result once the file
+ * is downloaded. A failed export is reported by the tables store and leaves the dialog open.
+ */
+import posthog from 'posthog-js';
+import { ref } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { UiInput, UiRadio, UiRadioGroup } from '@/components/ui';
+import { trackEvent } from '@/composables/useAnalytics';
+import { useDialogRef } from '@/composables/useDialog';
+import { type ExportTableParams, useTablesStore } from '@/stores/tables';
+import { downloadCsv } from './TableExportDialog.helpers';
+
+export type TableExportDialogData = Omit<ExportTableParams, 'chunkSize' | 'sortOrder'> & {
+	/** `sort.direction.toUpperCase()` in the table view: `ASC`, `DESC` or `''` when unsorted. */
+	sortOrder?: string;
+};
+
+type ExportType = 'export-records-number' | 'export-all';
+
+const props = defineProps<{
+	/** The table view's query: connection, table, sort, filters and search. */
+	data: TableExportDialogData;
+}>();
+
+const dialogRef = useDialogRef<void>();
+const tables = useTablesStore();
+
+const recordsNumber = ref<string | number>(10);
+const recordsExportType = ref<ExportType>('export-all');
+const submitting = ref(false);
+
+async function exportCSV() {
+	submitting.value = true;
+	const chunkSize = recordsExportType.value === 'export-all' ? 100000 : Number(recordsNumber.value);
+	const sortOrder =
+		props.data.sortOrder === 'ASC' || props.data.sortOrder === 'DESC' ? props.data.sortOrder : undefined;
+	try {
+		const csv = await tables.exportTableCSV({ ...props.data, sortOrder, chunkSize });
+		downloadCsv(csv);
+		dialogRef.close();
+		trackEvent('Dashboard: db export is successful');
+		posthog.capture('Dashboard: db export is successful');
+	} catch {
+		// Reported by the store.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm title="Export" submit-label="Export" size="sm" :busy="submitting" @submit="exportCSV">
+		<p class="table-export__text">Select number of records you want to download.</p>
+		<UiRadioGroup v-model="recordsExportType" name="selectedPages" aria-label="Number of records to export">
+			<div class="table-export__records">
+				<UiRadio value="export-records-number">Number of records</UiRadio>
+				<UiInput
+					v-model="recordsNumber"
+					class="table-export__number"
+					type="number"
+					name="records-number"
+					aria-label="Number of records"
+					:disabled="submitting || recordsExportType !== 'export-records-number'"
+				/>
+			</div>
+			<UiRadio value="export-all">Export all (up to 100 000 records)</UiRadio>
+		</UiRadioGroup>
+	</AppDialogForm>
+</template>
+
+<style scoped>
+.table-export__text {
+  margin: 0 0 var(--space-4);
+  font-size: var(--text-sm);
+  color: var(--color-ink-soft);
+}
+
+.table-export__records {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: var(--space-3);
+}
+
+.table-export__number {
+  width: 8rem;
+}
+</style>
diff --git a/frontend-vue/src/components/dashboard/TableFiltersDialog.helpers.ts b/frontend-vue/src/components/dashboard/TableFiltersDialog.helpers.ts
new file mode 100644
index 000000000..fd0be0b83
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableFiltersDialog.helpers.ts
@@ -0,0 +1,120 @@
+// Filter-widget resolution shared by the filters dialog, the saved-filters dialog and the
+// saved-filters panel. The three Angular components each repeated `UIwidgets`, `inputs`,
+// `isWidget()`, `getInputType()` and `getComparatorType()`; they live here once.
+import JSON5 from 'json5';
+import type { Component } from 'vue';
+import {
+	type FilterComparatorType,
+	getComparatorFamily,
+	getFilterComparatorType,
+} from '@/components/fields/filter/comparatorType';
+import { UIwidgets as FilterUIwidgets, filterTypes } from '@/consts/filter-types';
+import { UIwidgets as EditUIwidgets } from '@/consts/record-edit-types';
+import type { TableField, TableForeignKey, Widget, WidgetStructure } from '@/models/table';
+
+/** A widget entry: a lazy component, or `''` for `Default` (no widget). */
+export type FilterWidgetComponent = Component | string;
+
+/** `{ ...EditUIwidgets, ...FilterUIwidgets }`: a widget type with no filter falls back to its edit widget. */
+export const FILTER_UI_WIDGETS: Readonly<Record<string, FilterWidgetComponent>> = {
+	...EditUIwidgets,
+	...FilterUIwidgets,
+};
+
+/** Widgets keyed by column, `widget_params` parsed (the table view's `tableData.widgets`). */
+export type WidgetsByField = Record<string, WidgetStructure>;
+
+/** Foreign keys keyed by column (the table view's `tableData.foreignKeys`). */
+export type ForeignKeysByField = Record<string, TableForeignKey>;
+
+/** Filters as stored in the URL and in saved filters: `{ column: { comparator: value } }`. */
+export type FiltersByField = Record<string, Record<string, unknown>>;
+
+/** The comparator family a host shows next to a widget: `getComparatorType()` in Angular. */
+export type ComparatorFamily = ReturnType<typeof getComparatorFamily>;
+
+/** `filterTypes[currentConnection.type]`: column type → filter widget for the connection's database. */
+export function filterInputsFor(connectionType: string | null | undefined): Record<string, Component> {
+	return (filterTypes as Record<string, Record<string, Component>>)[connectionType ?? ''] ?? {};
+}
+
+/**
+ * The filters dialog's `setWidgets()`: widgets keyed by column with `widget_params` parsed (JSON5),
+ * `'// No settings required'` becoming `''`. Accepts the widgets as an array or already keyed, as
+ * the table view hands over either.
+ */
+export function widgetsByField(
+	widgets: (Widget | WidgetStructure)[] | Record<string, Widget | WidgetStructure> | null | undefined,
+): WidgetsByField {
+	const list: (Widget | WidgetStructure)[] = Array.isArray(widgets) ? widgets : Object.values(widgets ?? {});
+	return Object.fromEntries(
+		list.map((widget) => {
+			const params: unknown = widget.widget_params;
+			let parsed: unknown = params;
+			if (typeof params === 'string') {
+				if (params === '// No settings required') parsed = '';
+				else {
+					try {
+						parsed = JSON5.parse(params);
+					} catch {
+						parsed = '';
+					}
+				}
+			}
+			return [widget.field_name, { ...widget, widget_params: parsed } as WidgetStructure];
+		}),
+	);
+}
+
+/** Columns by name. */
+export function structureByField(structure: TableField[] | null | undefined): Record<string, TableField> {
+	return Object.fromEntries((structure ?? []).map((field) => [field.column_name, field]));
+}
+
+export interface FilterWidgetContext {
+	/** Parsed widgets by column; `null`/`{}` when the table has none. */
+	widgets: WidgetsByField | null | undefined;
+	/** `filterInputsFor(connection.type)`. */
+	inputs: Record<string, Component>;
+	/** `getTableTypes(structure, foreignKeysList)`. */
+	tableTypes: Record<string, string>;
+}
+
+export function isWidget(widgets: WidgetsByField | null | undefined, column: string): boolean {
+	return !!widgets && column in widgets;
+}
+
+/** `getInputType()`: the comparator type of the widget a column filters with. */
+export function getInputType(ctx: FilterWidgetContext, field: string): FilterComparatorType | undefined {
+	if (isWidget(ctx.widgets, field)) {
+		const widgetType = ctx.widgets?.[field]?.widget_type ?? '';
+		return getFilterComparatorType(FILTER_UI_WIDGETS[widgetType] || undefined);
+	}
+	const tableType = ctx.tableTypes[field];
+	return getFilterComparatorType(tableType === undefined ? undefined : ctx.inputs[tableType]);
+}
+
+/** `getComparatorType(getInputType(field))`. */
+export function getFieldComparatorFamily(ctx: FilterWidgetContext, field: string): ComparatorFamily {
+	return getComparatorFamily(getInputType(ctx, field));
+}
+
+/** The column's own filter widget, ignoring any configured widget (`inputs[tableTypes[field]]`). */
+export function columnFilterComponent(ctx: FilterWidgetContext, field: string): Component | undefined {
+	const tableType = ctx.tableTypes[field];
+	return tableType === undefined ? undefined : ctx.inputs[tableType];
+}
+
+/**
+ * The widget for a column: its configured widget type when that has a component, else the column
+ * type's filter (the dialogs' `resolveValueComponent()` / the `widget_type ? UIwidgets[…] : inputs[…]`
+ * template expressions).
+ */
+export function resolveFilterComponent(ctx: FilterWidgetContext, field: string): Component | undefined {
+	if (isWidget(ctx.widgets, field)) {
+		const widgetType = ctx.widgets?.[field]?.widget_type;
+		const widget = widgetType ? FILTER_UI_WIDGETS[widgetType] : undefined;
+		if (widget && typeof widget !== 'string') return widget;
+	}
+	return columnFilterComponent(ctx, field);
+}
diff --git a/frontend-vue/src/components/dashboard/TableFiltersDialog.spec.ts b/frontend-vue/src/components/dashboard/TableFiltersDialog.spec.ts
new file mode 100644
index 000000000..5703321c2
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableFiltersDialog.spec.ts
@@ -0,0 +1,276 @@
+// Ports db-table-filters-dialog.component.spec.ts as behaviour: what the dialog renders for the URL,
+// the table settings and the widgets, and what it closes with.
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { defineComponent } from 'vue';
+import { createMemoryHistory, createRouter, type Router } from 'vue-router';
+import DialogHost from '@/components/dialog/DialogHost.vue';
+import { mockStructure } from '@/components/fields/stories.mocks';
+import { useDialog } from '@/composables/useDialog';
+import { DBtype } from '@/models/connection';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTablesStore } from '@/stores/tables';
+import TableFiltersDialog, {
+	type TableFiltersDialogData,
+	type TableFiltersDialogResult,
+} from './TableFiltersDialog.vue';
+
+vi.mock('@/lib/cedar-wasm', () => ({ loadCedarWasm: () => new Promise(() => {}) }));
+const analytics = vi.hoisted(() => ({ trackEvent: vi.fn(), capture: vi.fn() }));
+vi.mock('@/composables/useAnalytics', () => ({ trackEvent: analytics.trackEvent }));
+vi.mock('posthog-js', () => ({ default: { capture: analytics.capture } }));
+
+const fakeFirstName = mockStructure({
+	column_name: 'FirstName',
+	data_type: 'varchar',
+	allow_null: false,
+	character_maximum_length: 30,
+});
+const fakeId = mockStructure({
+	column_name: 'Id',
+	column_default: 'auto_increment',
+	data_type: 'int',
+	auto_increment: true,
+	allow_null: false,
+});
+const fakeBool = mockStructure({
+	column_name: 'bool',
+	data_type: 'tinyint',
+	isSearched: true,
+	character_maximum_length: 1,
+});
+
+function dialogData(
+	overrides: Partial<TableFiltersDialogData['structure']> = {},
+	extra: Partial<TableFiltersDialogData> = {},
+) {
+	return {
+		connectionID: '12345678',
+		tableName: 'users',
+		displayTableName: 'Users',
+		structure: {
+			structure: [fakeFirstName, fakeId, fakeBool],
+			foreignKeysList: ['Id'],
+			foreignKeys: {
+				Id: {
+					referenced_column_name: 'CustomerId',
+					referenced_table_name: 'Customers',
+					constraint_name: 'Orders_ibfk_2',
+					column_name: 'Id',
+				},
+			},
+			widgets: [],
+			...overrides,
+		},
+		...extra,
+	} satisfies TableFiltersDialogData;
+}
+
+const blank = defineComponent({ template: '<div />' });
+
+async function setup(query = '', data: TableFiltersDialogData = dialogData()) {
+	const router: Router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:pathMatch(.*)*', component: blank }],
+	});
+	await router.push(`/dashboard/12345678/users${query}`);
+	const wrapper = mount(DialogHost, { attachTo: document.body, global: { plugins: [router] } });
+	const ref = useDialog().open<TableFiltersDialogResult>(TableFiltersDialog, { data });
+	await flushPromises();
+	await vi.dynamicImportSettled();
+	await flushPromises();
+	return { wrapper, ref, router };
+}
+
+function lines(wrapper: ReturnType<typeof mount>) {
+	return wrapper.findAll('.table-filters__line').map((line) => line.attributes('data-field'));
+}
+
+function button(wrapper: ReturnType<typeof mount>, label: string) {
+	const match = wrapper.findAll('button').find((candidate) => candidate.text() === label);
+	if (!match) throw new Error(`no button ${label}`);
+	return match;
+}
+
+function fieldOptions(wrapper: ReturnType<typeof mount>) {
+	return wrapper
+		.findAll('.table-filters__select [role="option"]')
+		.map((option) => ({ label: option.text(), disabled: option.attributes('aria-disabled') === 'true' }));
+}
+
+describe('TableFiltersDialog', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+		useConnectionsStore().currentConnection.type = DBtype.MySQL;
+		// The foreign-key filter loads the referenced row; nothing to load here.
+		vi.spyOn(useTablesStore(), 'fetchTable').mockResolvedValue(null);
+	});
+
+	afterEach(() => {
+		document.body.innerHTML = '';
+	});
+
+	it('offers every column to filter by, and starts from the "searched" columns', async () => {
+		const { wrapper } = await setup();
+
+		expect(wrapper.text()).toContain('Table: Users');
+		expect(fieldOptions(wrapper)).toEqual([
+			{ label: 'FirstName', disabled: false },
+			{ label: 'Id', disabled: false },
+			{ label: 'bool', disabled: true },
+		]);
+		expect(lines(wrapper)).toEqual(['bool']);
+	});
+
+	it('closes with the searched columns compared with eq', async () => {
+		const { wrapper, ref } = await setup();
+
+		await wrapper.find('form').trigger('submit');
+
+		await expect(ref.afterClosed()).resolves.toEqual({
+			action: 'filter',
+			filters: { bool: undefined },
+			comparators: { bool: 'eq' },
+		});
+		expect(analytics.trackEvent).toHaveBeenCalledWith('Filters: filter is clicked');
+	});
+
+	it('starts from the URL filters', async () => {
+		const { wrapper, ref } = await setup('?filters=(FirstName:(contains:nn))');
+
+		expect(lines(wrapper)).toEqual(['FirstName']);
+		expect((wrapper.find('[data-field="FirstName"] input').element as HTMLInputElement).value).toBe('nn');
+		await wrapper.find('form').trigger('submit');
+
+		await expect(ref.afterClosed()).resolves.toEqual({
+			action: 'filter',
+			filters: { FirstName: 'nn' },
+			comparators: { FirstName: 'contains' },
+		});
+	});
+
+	it('starts empty with a saved filter selected', async () => {
+		const { wrapper } = await setup('?saved_filter=abc&filters=(FirstName:(eq:x))');
+
+		expect(lines(wrapper)).toEqual([]);
+		expect(button(wrapper, 'Filter').attributes('disabled')).toBeDefined();
+		expect(button(wrapper, 'Reset').attributes('disabled')).toBeDefined();
+	});
+
+	it('updates the value from the widget', async () => {
+		const { wrapper, ref } = await setup('?filters=(FirstName:(eq:John))');
+
+		await wrapper.find('[data-field="FirstName"] input').setValue('new user name');
+		await wrapper.find('form').trigger('submit');
+
+		const result = await ref.afterClosed();
+		expect(result?.filters).toEqual({ FirstName: 'new user name' });
+	});
+
+	it('adds a filter from the column search, defaulting to eq', async () => {
+		const { wrapper, ref } = await setup('?saved_filter=abc');
+
+		const search = wrapper.find('input[name="filter_columns"]');
+		await search.trigger('focus');
+		await search.setValue('first');
+		expect(fieldOptions(wrapper)).toEqual([{ label: 'FirstName', disabled: false }]);
+		await wrapper.find('.table-filters__select [role="option"]').trigger('click');
+		await flushPromises();
+		await vi.dynamicImportSettled();
+		await flushPromises();
+
+		expect(lines(wrapper)).toEqual(['FirstName']);
+		expect((search.element as HTMLInputElement).value).toBe('');
+		await wrapper.find('form').trigger('submit');
+		await expect(ref.afterClosed()).resolves.toEqual({
+			action: 'filter',
+			filters: { FirstName: undefined },
+			comparators: { FirstName: 'eq' },
+		});
+	});
+
+	it('removes a filter line', async () => {
+		const { wrapper } = await setup('?filters=(FirstName:(eq:John),bool:(eq:true))');
+
+		await wrapper.find('[data-field="FirstName"] [aria-label="Remove"]').trigger('click');
+
+		expect(lines(wrapper)).toEqual(['bool']);
+	});
+
+	it('resets the filters', async () => {
+		const { wrapper, ref } = await setup('?filters=(FirstName:(eq:John),Id:(eq:111))');
+
+		await button(wrapper, 'Reset').trigger('click');
+
+		await expect(ref.afterClosed()).resolves.toEqual(expect.objectContaining({ action: 'reset', filters: {} }));
+	});
+
+	it('closes with nothing on Cancel, tracking it', async () => {
+		const { wrapper, ref } = await setup();
+
+		await button(wrapper, 'Cancel').trigger('click');
+
+		await expect(ref.afterClosed()).resolves.toBeUndefined();
+		expect(analytics.trackEvent).toHaveBeenCalledWith('Filters: cancel is clicked');
+	});
+
+	it('links to the table settings', async () => {
+		const { wrapper } = await setup();
+
+		expect(wrapper.find('a[aria-label="Advanced settings"]').attributes('href')).toBe(
+			'/dashboard/12345678/users/settings',
+		);
+	});
+
+	it('receives the comparator from the Email widget after it renders', async () => {
+		const widgets = {
+			FirstName: {
+				field_name: 'FirstName',
+				widget_type: 'Email',
+				widget_params: '// No settings required',
+				name: '',
+				description: '',
+			},
+		};
+		const { wrapper, ref } = await setup('?filters=(FirstName:(eq:a))', dialogData({ widgets }));
+
+		expect(wrapper.find('[data-field="FirstName"] [data-testid="filter-comparator"]').exists()).toBe(true);
+		await wrapper.find('form').trigger('submit');
+		const result = await ref.afterClosed();
+		expect(result?.comparators.FirstName).toBe('eq');
+	});
+
+	it('recognizes widgets keyed by column and uses the widget name as the label', async () => {
+		const widgets = {
+			FirstName: {
+				field_name: 'FirstName',
+				widget_type: 'Email',
+				widget_params: {},
+				name: 'Customer Email',
+				description: '',
+			},
+		};
+		const { wrapper } = await setup('?filters=(FirstName:(eq:a))', dialogData({ widgets }));
+
+		expect(fieldOptions(wrapper)).toContainEqual({ label: 'Customer Email', disabled: true });
+		expect(wrapper.find('[data-field="FirstName"] .table-filters__column').text()).toBe('Customer Email');
+	});
+
+	it('hides file columns from the column search', async () => {
+		const widgets = { Id: { field_name: 'Id', widget_type: 'File', widget_params: {}, name: '', description: '' } };
+		const { wrapper } = await setup('', dialogData({ widgets }));
+
+		expect(fieldOptions(wrapper).map((option) => option.label)).toEqual(['FirstName', 'bool']);
+	});
+
+	it('adds the autofocus column', async () => {
+		const { wrapper, ref } = await setup('?filters=(FirstName:(eq:John))', dialogData({}, { autofocusField: 'Id' }));
+
+		expect(lines(wrapper)).toEqual(['FirstName', 'Id']);
+		await wrapper.find('form').trigger('submit');
+		const result = await ref.afterClosed();
+		expect(result?.comparators.Id).toBe('eq');
+	});
+});
diff --git a/frontend-vue/src/components/dashboard/TableFiltersDialog.vue b/frontend-vue/src/components/dashboard/TableFiltersDialog.vue
new file mode 100644
index 000000000..48ec444c3
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableFiltersDialog.vue
@@ -0,0 +1,360 @@
+<script setup lang="ts">
+/**
+ * Port of dashboard/db-table-view/db-table-filters-dialog: builds the table filters, one line per
+ * column with its filter widget (`@/consts/filter-types`, or the column's configured widget).
+ *
+ * Initial state, as in Angular: none with a `saved_filter` in the URL; else the URL's `filters`;
+ * else the columns marked "searched" in the table settings (`eq`, no value). `data.autofocusField`
+ * (an active-filter chip was clicked) adds that column and focuses its control.
+ *
+ * Closing: Angular closed with `'filter'` / `'reset'` and the caller then read the dialog's
+ * `tableRowFieldsShown` / `tableRowFieldsComparator` off `componentInstance`. A Vue dialog has no
+ * instance to read, so the result carries them: `{ action, filters, comparators }`
+ * (`TableFiltersDialogResult`). Cancel, Escape and the settings link close with `undefined`.
+ */
+import JsonURL from '@jsonurl/jsonurl';
+import posthog from 'posthog-js';
+import { type Component, computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue';
+import { useRoute } from 'vue-router';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { usesDefaultFilter } from '@/components/fields/filter/comparatorType';
+import DefaultFilter from '@/components/fields/filter/DefaultFilter.vue';
+import { type AutocompleteOption, UiAutocomplete, UiButton, UiField, UiIconButton } from '@/components/ui';
+import { trackEvent } from '@/composables/useAnalytics';
+import { useDialogRef } from '@/composables/useDialog';
+import { getComparatorsFromUrl, getFiltersFromUrl } from '@/lib/parse-filter-params';
+import { getTableTypes } from '@/lib/setup-table-row-structure';
+import type { TableField, Widget, WidgetStructure } from '@/models/table';
+import { useConnectionsStore } from '@/stores/connections';
+import {
+	type FiltersByField,
+	type FilterWidgetContext,
+	type ForeignKeysByField,
+	filterInputsFor,
+	getInputType,
+	isWidget,
+	resolveFilterComponent,
+	structureByField,
+	type WidgetsByField,
+	widgetsByField,
+} from './TableFiltersDialog.helpers';
+
+export interface TableFiltersDialogData {
+	connectionID: string;
+	tableName: string;
+	displayTableName: string;
+	structure: {
+		structure: TableField[];
+		foreignKeysList: string[];
+		foreignKeys: ForeignKeysByField;
+		/** The table view's widgets, keyed by column (or a plain array). */
+		widgets?: Record<string, Widget | WidgetStructure> | (Widget | WidgetStructure)[] | null;
+	};
+	/** Column to add (if missing) and focus: the active-filter chip that was clicked. */
+	autofocusField?: string | null;
+}
+
+export interface TableFiltersDialogResult {
+	/** `'filter'`: apply these filters. `'reset'`: drop every filter (`filters` is then `{}`). */
+	action: 'filter' | 'reset';
+	/** Column → value, the Angular `tableRowFieldsShown`; a column added but left empty is `undefined`. */
+	filters: Record<string, unknown>;
+	/** Column → comparator (`eq`, `contains`, …), the Angular `tableRowFieldsComparator`. */
+	comparators: Record<string, string>;
+}
+
+const props = defineProps<{
+	data: TableFiltersDialogData;
+}>();
+
+const dialogRef = useDialogRef<TableFiltersDialogResult>();
+const route = useRoute();
+const connections = useConnectionsStore();
+
+const structure = props.data.structure.structure ?? [];
+const tableForeignKeys: ForeignKeysByField = { ...props.data.structure.foreignKeys };
+const tableRowStructure = structureByField(structure);
+const tableTypes: Record<string, string> = getTableTypes(structure, props.data.structure.foreignKeysList ?? []);
+const autofocusField = props.data.autofocusField || null;
+
+const parsedWidgets = widgetsByField(props.data.structure.widgets);
+const tableWidgets: WidgetsByField | undefined = Object.keys(parsedWidgets).length ? parsedWidgets : undefined;
+
+const ctx = computed<FilterWidgetContext>(() => ({
+	widgets: tableWidgets,
+	inputs: filterInputsFor(connections.currentConnection.type),
+	tableTypes,
+}));
+
+/** Columns the dialog opened with (URL, settings or autofocus); drives the Reset button only. */
+const tableFilters = ref<string[]>([]);
+const tableRowFieldsShown = ref<Record<string, unknown>>({});
+const tableRowFieldsComparator = ref<Record<string, string>>({});
+
+// ngOnInit
+if (!route.query.saved_filter) {
+	const filters = parseFilters(firstQueryValue(route.query.filters));
+	const filtersValues = getFiltersFromUrl(filters);
+	if (Object.keys(filtersValues).length) {
+		tableFilters.value = Object.keys(filtersValues);
+		tableRowFieldsShown.value = filtersValues;
+		tableRowFieldsComparator.value = definedComparators(getComparatorsFromUrl(filters));
+	} else {
+		const fieldsToSearch = structure.filter((field) => field.isSearched);
+		if (fieldsToSearch.length) {
+			tableFilters.value = fieldsToSearch.map((field) => field.column_name);
+			tableRowFieldsShown.value = Object.fromEntries(fieldsToSearch.map((field) => [field.column_name, undefined]));
+			tableRowFieldsComparator.value = Object.fromEntries(fieldsToSearch.map((field) => [field.column_name, 'eq']));
+		}
+	}
+}
+
+if (autofocusField && !tableFilters.value.includes(autofocusField)) {
+	tableFilters.value.push(autofocusField);
+	if (!tableRowFieldsShown.value[autofocusField]) tableRowFieldsShown.value[autofocusField] = undefined;
+	if (!tableRowFieldsComparator.value[autofocusField]) tableRowFieldsComparator.value[autofocusField] = 'eq';
+}
+
+const fields = computed(() =>
+	structure
+		.filter((field) => getInputType(ctx.value, field.column_name) !== 'file')
+		.map((field) => ({ key: field.column_name, label: getFieldLabel(field.column_name) })),
+);
+
+const fieldSearch = ref('');
+const foundFields = computed<AutocompleteOption<string>[]>(() => {
+	const value = fieldSearch.value.toLowerCase();
+	return fields.value
+		.filter((field) => field.key.toLowerCase().includes(value) || field.label.toLowerCase().includes(value))
+		.map((field) => ({ value: field.key, label: field.label, disabled: isFieldAlreadyFiltered(field.key) }));
+});
+
+/** `tableRowFieldsShown | keyvalue`: the pipe orders by key. */
+const shownKeys = computed(() => Object.keys(tableRowFieldsShown.value).sort());
+const tableFiltersCount = computed(() => Object.keys(tableRowFieldsShown.value).length);
+
+const root = ref<HTMLElement | null>(null);
+let focusTimer: ReturnType<typeof setTimeout> | undefined;
+
+onMounted(() => {
+	if (autofocusField) focusTimer = setTimeout(() => focusOnField(autofocusField), 200);
+});
+onBeforeUnmount(() => clearTimeout(focusTimer));
+
+function isFieldAlreadyFiltered(key: string): boolean {
+	return Object.hasOwn(tableRowFieldsShown.value, key);
+}
+
+function getFieldLabel(key: string): string {
+	return tableWidgets?.[key]?.name || key;
+}
+
+function getFilterComponent(field: string): Component | undefined {
+	const valueComponent = resolveFilterComponent(ctx.value, field);
+	return usesDefaultFilter(valueComponent) ? DefaultFilter : valueComponent;
+}
+
+function getFilterInputs(field: string): Record<string, unknown> {
+	const valueComponent = resolveFilterComponent(ctx.value, field);
+	const baseInputs: Record<string, unknown> = {
+		fieldKey: field,
+		label: getFieldLabel(field),
+		value: tableRowFieldsShown.value[field],
+		structure: tableRowStructure[field],
+		relations: tableTypes[field] === 'foreign key' ? tableForeignKeys[field] : undefined,
+		autofocus: autofocusField === field,
+	};
+	if (usesDefaultFilter(valueComponent)) {
+		return { ...baseInputs, valueComponent, comparator: tableRowFieldsComparator.value[field] || 'eq' };
+	}
+	if (isWidget(tableWidgets, field)) {
+		return { ...baseInputs, widgetStructure: tableWidgets?.[field] as WidgetStructure };
+	}
+	return baseInputs;
+}
+
+function updateField(updatedValue: unknown, field: string) {
+	tableRowFieldsShown.value[field] = updatedValue;
+}
+
+function updateComparatorFromComponent(comparator: string, field: string) {
+	tableRowFieldsComparator.value[field] = comparator;
+}
+
+async function addFilter(option: AutocompleteOption<string>) {
+	const key = option.value;
+	tableRowFieldsShown.value = { ...tableRowFieldsShown.value, [key]: undefined };
+	tableRowFieldsComparator.value = {
+		...tableRowFieldsComparator.value,
+		[key]: tableRowFieldsComparator.value[key] || 'eq',
+	};
+	// UiAutocomplete sets the text to the picked label after `select`; clear it once that lands.
+	await nextTick();
+	fieldSearch.value = '';
+}
+
+function removeFilter(field: string) {
+	delete tableRowFieldsShown.value[field];
+	delete tableRowFieldsComparator.value[field];
+}
+
+function resetFilters() {
+	tableFilters.value = [];
+	tableRowFieldsShown.value = {};
+	dialogRef.close({ action: 'reset', filters: {}, comparators: { ...tableRowFieldsComparator.value } });
+}
+
+function applyFilters() {
+	track('Filters: filter is clicked');
+	dialogRef.close({
+		action: 'filter',
+		filters: { ...tableRowFieldsShown.value },
+		comparators: { ...tableRowFieldsComparator.value },
+	});
+}
+
+function onCancel() {
+	track('Filters: cancel is clicked');
+}
+
+/** Focuses the control of `fieldName` once the widgets have rendered (the Angular selector chain). */
+function focusOnField(fieldName: string) {
+	const line = root.value?.querySelector(`[data-field="${CSS.escape(fieldName)}"]`);
+	const control = line?.querySelector<HTMLElement>('input, textarea, select');
+	if (!control || control === document.activeElement) return;
+	control.focus();
+	control.scrollIntoView?.({ behavior: 'smooth', block: 'center' });
+}
+
+function track(action: string) {
+	trackEvent(action);
+	posthog.capture(action);
+}
+
+function firstQueryValue(value: unknown): string | undefined {
+	const first = Array.isArray(value) ? value[0] : value;
+	return typeof first === 'string' && first ? first : undefined;
+}
+
+function parseFilters(value: string | undefined): FiltersByField {
+	if (!value) return {};
+	try {
+		const parsed = JsonURL.parse(value);
+		return parsed && typeof parsed === 'object' ? (parsed as FiltersByField) : {};
+	} catch {
+		return {};
+	}
+}
+
+function definedComparators(comparators: Record<string, string | undefined>): Record<string, string> {
+	return Object.fromEntries(
+		Object.entries(comparators).filter((entry): entry is [string, string] => entry[1] !== undefined),
+	);
+}
+</script>
+
+<template>
+	<AppDialogForm
+		title="Filters"
+		submit-label="Filter"
+		size="lg"
+		:disabled="tableFiltersCount === 0"
+		@submit="applyFilters"
+		@cancel="onCancel"
+	>
+		<div ref="root" class="table-filters">
+			<div class="table-filters__table">
+				<span>Table: {{ data.displayTableName }}</span>
+				<UiIconButton
+					icon="settings"
+					label="Advanced settings"
+					size="sm"
+					:to="`/dashboard/${data.connectionID}/${data.tableName}/settings`"
+					@click="dialogRef.close()"
+				/>
+			</div>
+
+			<UiField label="Add filter by..." class="table-filters__select">
+				<UiAutocomplete
+					v-model="fieldSearch"
+					:options="foundFields"
+					name="filter_columns"
+					auto-active-first
+					@select="addFilter"
+				/>
+			</UiField>
+
+			<div v-for="key in shownKeys" :key="key" class="table-filters__line" :data-field="key">
+				<span class="table-filters__column">{{ getFieldLabel(key) }}</span>
+				<div class="table-filters__field">
+					<component
+						:is="getFilterComponent(key)"
+						v-if="getFilterComponent(key)"
+						v-bind="getFilterInputs(key)"
+						@field-change="(value: unknown) => updateField(value, key)"
+						@comparator-change="(comparator: string) => updateComparatorFromComponent(comparator, key)"
+					/>
+				</div>
+				<UiIconButton icon="close" label="Remove" size="sm" class="table-filters__remove" @click="removeFilter(key)" />
+			</div>
+		</div>
+
+		<template #actions>
+			<UiButton variant="danger" class="table-filters__reset" :disabled="tableFilters.length === 0" @click="resetFilters">
+				Reset
+			</UiButton>
+		</template>
+	</AppDialogForm>
+</template>
+
+<style scoped>
+.table-filters {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4);
+}
+
+.table-filters__table {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-2);
+  margin-top: calc(-1 * var(--space-2));
+  font-size: var(--text-sm);
+  color: var(--color-muted);
+}
+
+.table-filters__line {
+  display: grid;
+  grid-template-columns: minmax(6rem, 10rem) minmax(0, 1fr) auto;
+  align-items: start;
+  gap: var(--space-3);
+}
+
+.table-filters__column {
+  padding-top: var(--space-2);
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--color-ink);
+  overflow-wrap: anywhere;
+}
+
+.table-filters__field {
+  min-width: 0;
+}
+
+.table-filters__reset {
+  margin-inline-end: auto;
+}
+
+@media (width <= 600px) {
+  .table-filters__line {
+    grid-template-columns: minmax(0, 1fr) auto;
+  }
+
+  .table-filters__column {
+    grid-column: 1 / -1;
+    padding-top: 0;
+  }
+}
+</style>
diff --git a/frontend-vue/src/components/dashboard/TableImportDialog.spec.ts b/frontend-vue/src/components/dashboard/TableImportDialog.spec.ts
new file mode 100644
index 000000000..944c96d89
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableImportDialog.spec.ts
@@ -0,0 +1,95 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import DialogHost from '@/components/dialog/DialogHost.vue';
+import { useDialog } from '@/composables/useDialog';
+import { useTablesStore } from '@/stores/tables';
+import TableImportDialog, { type TableImportDialogData } from './TableImportDialog.vue';
+
+const analytics = vi.hoisted(() => ({ trackEvent: vi.fn(), capture: vi.fn() }));
+vi.mock('@/composables/useAnalytics', () => ({ trackEvent: analytics.trackEvent }));
+vi.mock('posthog-js', () => ({ default: { capture: analytics.capture } }));
+
+const data: TableImportDialogData = { connectionID: '12345678', tableName: 'users', isTestConnection: false };
+
+function open(dialogData: TableImportDialogData = data) {
+	const wrapper = mount(DialogHost, { attachTo: document.body });
+	const ref = useDialog().open(TableImportDialog, { data: dialogData });
+	return { wrapper, ref };
+}
+
+async function pickFile(wrapper: ReturnType<typeof mount>, file: File) {
+	const input = wrapper.find('input[type="file"]');
+	Object.defineProperty(input.element, 'files', { value: [file], configurable: true });
+	await input.trigger('change');
+}
+
+describe('TableImportDialog', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+	});
+
+	afterEach(() => {
+		document.body.innerHTML = '';
+	});
+
+	it('shows the picked file name', async () => {
+		const { wrapper } = open();
+		await flushPromises();
+
+		expect(wrapper.text()).toContain('No file selected.');
+		await pickFile(wrapper, new File(['id\n1'], 'users.csv', { type: 'text/csv' }));
+		expect(wrapper.text()).toContain('users.csv');
+		wrapper.unmount();
+	});
+
+	it('imports the file into the table and closes', async () => {
+		const importCsv = vi.spyOn(useTablesStore(), 'importTableCSV').mockResolvedValue({});
+		const { wrapper, ref } = open();
+		await flushPromises();
+
+		const file = new File(['id\n1'], 'users.csv', { type: 'text/csv' });
+		await pickFile(wrapper, file);
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(importCsv).toHaveBeenCalledWith('12345678', 'users', file);
+		await expect(ref.afterClosed()).resolves.toBeUndefined();
+		expect(analytics.trackEvent).toHaveBeenCalledWith('Dashboard: db import is successful');
+		expect(analytics.capture).toHaveBeenCalledWith('Dashboard: db import is successful');
+		wrapper.unmount();
+	});
+
+	it('stays open when the import fails', async () => {
+		vi.spyOn(useTablesStore(), 'importTableCSV').mockRejectedValue(new Error('boom'));
+		const { wrapper } = open();
+		await flushPromises();
+
+		await pickFile(wrapper, new File(['x'], 'bad.csv'));
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(wrapper.find('form').exists()).toBe(true);
+		expect(analytics.trackEvent).not.toHaveBeenCalled();
+		wrapper.unmount();
+	});
+
+	it('does not post without a file', async () => {
+		const importCsv = vi.spyOn(useTablesStore(), 'importTableCSV');
+		const { wrapper } = open();
+		await flushPromises();
+
+		await wrapper.find('form').trigger('submit');
+		expect(importCsv).not.toHaveBeenCalled();
+		wrapper.unmount();
+	});
+
+	it('warns on a test connection', async () => {
+		const { wrapper } = open({ ...data, isTestConnection: true });
+		await flushPromises();
+
+		expect(wrapper.text()).toContain('This is a TEST DATABASE, public to all. Avoid importing sensitive data!');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/dashboard/TableImportDialog.vue b/frontend-vue/src/components/dashboard/TableImportDialog.vue
new file mode 100644
index 000000000..b0a580540
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableImportDialog.vue
@@ -0,0 +1,96 @@
+<script setup lang="ts">
+/**
+ * Port of dashboard/db-table-view/db-table-import-dialog: uploads a CSV file into the table.
+ *
+ * Opened with `useDialog().open(TableImportDialog, { data })`; closes with no result once the import
+ * succeeds (the tables store shows the success snackbar and emits `imported`, which the table view
+ * listens to). A failed import is reported by the store and leaves the dialog open.
+ */
+import posthog from 'posthog-js';
+import { ref } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { UiButton } from '@/components/ui';
+import { trackEvent } from '@/composables/useAnalytics';
+import { useDialogRef } from '@/composables/useDialog';
+import { useTablesStore } from '@/stores/tables';
+
+export interface TableImportDialogData {
+	connectionID: string;
+	tableName: string;
+	/** A public demo database: warns against importing sensitive data. */
+	isTestConnection?: boolean;
+}
+
+const props = defineProps<{
+	data: TableImportDialogData;
+}>();
+
+const dialogRef = useDialogRef<void>();
+const tables = useTablesStore();
+
+const fileInput = ref<HTMLInputElement | null>(null);
+const file = ref<File | null>(null);
+const submitting = ref(false);
+
+function onFileSelected(event: Event) {
+	file.value = (event.target as HTMLInputElement).files?.[0] ?? null;
+}
+
+async function importCSV() {
+	// Angular posted an empty form without a file, which the server rejected.
+	if (!file.value) return;
+	submitting.value = true;
+	try {
+		await tables.importTableCSV(props.data.connectionID, props.data.tableName, file.value);
+		dialogRef.close();
+		trackEvent('Dashboard: db import is successful');
+		posthog.capture('Dashboard: db import is successful');
+	} catch {
+		// Reported by the store.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm title="Import" submit-label="Import" size="sm" :busy="submitting" @submit="importCSV">
+		<p v-if="data.isTestConnection" class="table-import__warning">
+			This is a <strong>TEST DATABASE</strong>, public to all. Avoid importing sensitive data!
+		</p>
+		<div class="table-import__file">
+			<UiButton variant="secondary" @click="fileInput?.click()">Browse File</UiButton>
+			<span class="table-import__file-name">{{ file && file.name ? file.name : 'No file selected.' }}</span>
+			<input
+				ref="fileInput"
+				type="file"
+				class="table-import__input"
+				name="db-table-file"
+				aria-label="CSV file"
+				hidden
+				@change="onFileSelected"
+			>
+		</div>
+	</AppDialogForm>
+</template>
+
+<style scoped>
+.table-import__warning {
+  margin: 0 0 var(--space-4);
+  font-size: var(--text-sm);
+  color: var(--color-warning);
+}
+
+.table-import__file {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+}
+
+.table-import__file-name {
+  font-size: var(--text-sm);
+  font-style: italic;
+  color: var(--color-muted);
+  overflow-wrap: anywhere;
+}
+</style>
diff --git a/frontend-vue/src/components/dashboard/TableRowView.spec.ts b/frontend-vue/src/components/dashboard/TableRowView.spec.ts
new file mode 100644
index 000000000..b1ae5c1f8
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableRowView.spec.ts
@@ -0,0 +1,156 @@
+// Port of db-table-row-view.component.spec.ts as rendering behaviour; the value helpers it tested
+// are covered in composables/useRowView.spec.ts.
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import { vTooltip } from '@/components/ui';
+import type { TableRow } from '@/models/table';
+import { useTableStateStore } from '@/stores/table-state';
+import TableRowView from './TableRowView.vue';
+
+const tables = vi.hoisted(() => ({ fetchTable: vi.fn() }));
+const notifications = vi.hoisted(() => ({ showSuccessSnackbar: vi.fn() }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => ({ connection: { type: 'postgres' } }) }));
+vi.mock('@/stores/notifications', () => ({ useNotificationsStore: () => notifications }));
+
+const selectedRow: TableRow = {
+	connectionID: 'conn',
+	tableName: 'orders',
+	record: { id: 5, title: 'Hat', user_id: { id: 42, name: 'alice' } },
+	columnsOrder: ['id', 'title', 'user_id'],
+	primaryKeys: { id: 5 },
+	foreignKeys: {
+		user_id: {
+			column_name: 'user_id',
+			constraint_name: 'fk',
+			referenced_column_name: 'id',
+			referenced_table_name: 'users',
+		},
+	},
+	foreignKeysList: ['user_id'],
+	widgets: {},
+	widgetsList: [],
+	fieldsTypes: { id: 'integer', title: 'text', user_id: 'foreign key' },
+	relatedRecords: {
+		referenced_on_column_name: 'id',
+		referenced_by: [{ table_name: 'payments', column_name: 'order_id' }],
+	},
+	link: '/dashboard/conn/orders/entry',
+};
+
+async function mountPanel(row: TableRow | null = selectedRow) {
+	const pinia = createPinia();
+	setActivePinia(pinia);
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:pathMatch(.*)*', component: { render: () => null } }],
+	});
+	await router.push('/dashboard/conn/orders?page_index=2&page_size=100');
+	const tableState = useTableStateStore();
+	if (row) tableState.selectRow(row);
+	const wrapper = mount(TableRowView, {
+		props: { activeFilters: { title: { eq: 'Hat' } } },
+		global: { plugins: [router, pinia], directives: { tooltip: vTooltip } },
+		attachTo: document.body,
+	});
+	await flushPromises();
+	return { wrapper, router, tableState };
+}
+
+describe('TableRowView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		sessionStorage.clear();
+		tables.fetchTable.mockResolvedValue({
+			rows: [{ id: 1, amount: 10, order_id: 5 }],
+			structure: [
+				{ column_name: 'id', data_type: 'integer' },
+				{ column_name: 'amount', data_type: 'integer' },
+			],
+			primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
+			foreignKeys: [],
+			widgets: [],
+			pagination: { total: 1, lastPage: 1, perPage: 30, currentPage: 1 },
+			identity_column: null,
+			list_fields: [],
+		});
+	});
+
+	it('renders nothing without a selected row', async () => {
+		const { wrapper } = await mountPanel(null);
+		expect(wrapper.find('[data-testid="row-preview"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('lists the fields and links a foreign key to its row', async () => {
+		const { wrapper } = await mountPanel();
+		await vi.waitFor(() => expect(wrapper.text()).toContain('Hat'));
+		const labels = wrapper.findAll('.row-view__label').map((label) => label.text());
+		expect(labels).toEqual(['ID', 'Title', 'User ID']);
+		const fk = wrapper.find('a.foreign-key-record-view__link');
+		expect(fk.text()).toContain('alice');
+		expect(fk.attributes('href')).toBe('/dashboard/conn/users/entry?id=42&mode=view');
+		wrapper.unmount();
+	});
+
+	it('loads the related records and links to them', async () => {
+		const { wrapper } = await mountPanel();
+		expect(tables.fetchTable).toHaveBeenCalledWith(
+			expect.objectContaining({ tableName: 'payments', filters: { order_id: { eq: 5 } } }),
+		);
+		expect(wrapper.text()).toContain('Related records');
+		expect(wrapper.text()).toContain('Payments');
+		const open = wrapper.find('a[aria-label="Open records in table view"]');
+		expect(open.attributes('href')).toBe('/dashboard/conn/payments?filters=(order_id:(eq:5))&page_index=0');
+		expect(open.attributes('target')).toBe('_blank');
+		wrapper.unmount();
+	});
+
+	it('opens the record page, stashing the table view state for the way back', async () => {
+		const { wrapper, tableState } = await mountPanel();
+		const open = wrapper.find('a[aria-label="Open the record"]');
+		expect(open.attributes('href')).toBe('/dashboard/conn/orders/entry?id=5');
+		await open.trigger('click');
+		expect(tableState.getBackUrlParams()).toEqual({ page_index: 2, page_size: 100 });
+		expect(tableState.getBackUrlFilters()).toEqual({ title: { eq: 'Hat' } });
+		expect(tableState.selectedRow).toBeNull();
+		wrapper.unmount();
+	});
+
+	it('copies the link to the record', async () => {
+		const writeText = vi.fn().mockResolvedValue(undefined);
+		Object.defineProperty(navigator, 'clipboard', { value: { writeText }, configurable: true });
+		const { wrapper } = await mountPanel();
+		await wrapper.find('button[aria-label="Copy link to this record"]').trigger('click');
+		await flushPromises();
+		expect(writeText).toHaveBeenCalledWith(`${location.origin}/dashboard/conn/orders/entry?id=5`);
+		expect(notifications.showSuccessSnackbar).toHaveBeenCalledWith(
+			'Link to this record was copied to clipboard.',
+			'top',
+		);
+		wrapper.unmount();
+	});
+
+	it('closes', async () => {
+		const { wrapper, tableState } = await mountPanel();
+		await wrapper.find('button[aria-label="Close"]').trigger('click');
+		expect(tableState.selectedRow).toBeNull();
+		wrapper.unmount();
+	});
+
+	it('shows the skeleton while a foreign key row loads', async () => {
+		const { wrapper } = await mountPanel({
+			...selectedRow,
+			record: null,
+			columnsOrder: null,
+			primaryKeys: null,
+			relatedRecords: null,
+			link: null,
+		});
+		expect(wrapper.find('[role="status"]').exists()).toBe(true);
+		expect(wrapper.find('a[aria-label="Open the record"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/dashboard/TableRowView.vue b/frontend-vue/src/components/dashboard/TableRowView.vue
new file mode 100644
index 000000000..9dc28b8d5
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableRowView.vue
@@ -0,0 +1,359 @@
+<script setup lang="ts">
+// Port of db-table-view/db-table-row-view (DbTableRowViewComponent): the "Preview" side panel of
+// the row selected in the table view (or of the row a foreign-key cell points at). It lists the
+// row's fields through the record-view widgets, its "Related records" in other tables, and links
+// to copy or open the record's own page. On phones it is a bottom sheet over a backdrop.
+//
+// The selected row is the table-state store's `selectedRow` (the Angular `cast`); the logic lives
+// in useRowView.
+import { type Component, computed } from 'vue';
+import { type LocationQueryRaw, useRoute, useRouter } from 'vue-router';
+import ForeignKeyRecordView from '@/components/fields/record-view/ForeignKeyRecordView.vue';
+import PlaceholderRecordView from '@/components/skeletons/PlaceholderRecordView.vue';
+import { UiAccordion, UiExpansionPanel, UiIconButton, UiList, UiListItem, UiSpinner, vTooltip } from '@/components/ui';
+import { useNotify } from '@/composables/useNotify';
+import {
+	getDedicatedPageLink,
+	getDedicatedPageLinkParams,
+	getForeignKeyQueryParams,
+	getForeignKeyValue,
+	type ReferencedRecords,
+	rowViewColumns,
+	useRelatedRecords,
+} from '@/composables/useRowView';
+import { recordViewFieldTypes, UIwidgets } from '@/consts/record-view-types';
+import { copyToClipboard } from '@/lib/clipboard';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTableStateStore } from '@/stores/table-state';
+import { stashBackUrl } from './backUrl';
+
+const props = defineProps<{
+	/** The table view's filters, stashed for the row page's "back" link. */
+	activeFilters?: object | null;
+}>();
+
+type WidgetMap = Record<string, Component | string | undefined>;
+
+const tableState = useTableStateStore();
+const connections = useConnectionsStore();
+const notify = useNotify();
+const route = useRoute();
+const router = useRouter();
+
+const selectedRow = computed(() => tableState.selectedRow);
+const columns = computed(() => (selectedRow.value ? rowViewColumns(selectedRow.value) : []));
+const related = useRelatedRecords(selectedRow);
+
+const recordViewComponents = computed<WidgetMap>(
+	() => (recordViewFieldTypes as Record<string, WidgetMap>)[connections.connection.type] ?? {},
+);
+const widgetComponents = UIwidgets as WidgetMap;
+
+const hasRelated = computed(() => !!selectedRow.value?.relatedRecords?.referenced_by?.length);
+
+function isForeignKey(column: string): boolean {
+	return !!selectedRow.value?.foreignKeysList?.includes(column);
+}
+
+/** The widget configured for the column, when it has a type with a record-view component. */
+function widgetComponent(column: string): Component | null {
+	const row = selectedRow.value;
+	if (!row?.widgetsList?.includes(column)) return null;
+	const type = row.widgets?.[column]?.widget_type;
+	return (type && (widgetComponents[type] as Component | undefined)) || null;
+}
+
+function typeComponent(column: string): Component | null {
+	const type = selectedRow.value?.fieldsTypes?.[column];
+	return (type && (recordViewComponents.value[type] as Component | undefined)) || null;
+}
+
+function foreignKeyDisplayValue(column: string): string | number | null {
+	return getForeignKeyValue(selectedRow.value, column) as string | number | null;
+}
+
+function foreignKeyLink(column: string): string {
+	const row = selectedRow.value;
+	return `/dashboard/${row?.connectionID}/${row?.foreignKeys?.[column]?.referenced_table_name}/entry`;
+}
+
+/** These links open in a new tab, as the Angular `target="_blank"` routerLinks did. */
+function newTabHref(path: string, query?: LocationQueryRaw): string {
+	return router.resolve({ path, query }).href;
+}
+
+/** One expansion panel per referencing table; `records` stays undefined while they load. */
+const relatedPanels = computed(() =>
+	related.tables.value.map((table, index) => ({
+		table,
+		records: related.records[table.table_name] as ReferencedRecords | undefined,
+		urlParams: related.urlParams.value[index],
+	})),
+);
+
+function isEmpty(records: ReferencedRecords | undefined): boolean {
+	return !!records && !records.rows.length;
+}
+
+async function copyLink() {
+	if (await copyToClipboard(getDedicatedPageLink(selectedRow.value))) {
+		notify.success('Link to this record was copied to clipboard.', 'top');
+	}
+}
+
+function showCopyNotification(message: string) {
+	notify.success(message, 'top');
+}
+
+function stashUrlParams() {
+	stashBackUrl(route.query, props.activeFilters);
+	tableState.clearSelection();
+}
+
+function handleClose() {
+	tableState.clearSelection();
+}
+</script>
+
+<template>
+	<template v-if="selectedRow">
+		<div class="row-view__backdrop" @click="handleClose" />
+		<aside class="row-view" aria-label="Preview" data-testid="row-preview">
+			<div class="row-view__handle" aria-hidden="true" />
+			<header class="row-view__header">
+				<h2 class="row-view__title">Preview</h2>
+				<div class="row-view__actions">
+					<template v-if="selectedRow.link">
+						<UiIconButton icon="link" label="Copy link to this record" @click="copyLink" />
+						<UiIconButton
+							icon="create"
+							label="Open the record"
+							:to="{ path: selectedRow.link, query: getDedicatedPageLinkParams(selectedRow) as Record<string, string> }"
+							@click="stashUrlParams"
+						/>
+					</template>
+				</div>
+				<UiIconButton icon="close" label="Close" @click="handleClose" />
+			</header>
+
+			<section v-if="hasRelated" class="row-view__related">
+				<h3 class="row-view__related-title">Related records</h3>
+
+				<UiAccordion multi>
+					<UiExpansionPanel
+						v-for="panel in relatedPanels"
+						:key="panel.table.table_name"
+						:disabled="isEmpty(panel.records)"
+						:hide-toggle="isEmpty(panel.records)"
+						class="row-view__related-panel"
+					>
+						<template #title>
+							<span v-tooltip="panel.table.displayTableName" class="row-view__related-name">
+								{{ panel.table.displayTableName }}
+							</span>
+							<span v-if="isEmpty(panel.records)" class="row-view__empty-mark">Empty</span>
+						</template>
+						<template #actions>
+							<UiSpinner v-if="!panel.records" size="sm" label="Loading" />
+							<template v-else>
+								<UiIconButton
+									icon="add"
+									size="sm"
+									:label="`Add a new record to ${panel.table.displayTableName}`"
+									:href="newTabHref(`/dashboard/${selectedRow.connectionID}/${panel.table.table_name}/entry`)"
+									target="_blank"
+									@click="handleClose"
+								/>
+								<UiIconButton
+									icon="open_in_new"
+									size="sm"
+									label="Open records in table view"
+									:href="newTabHref(`/dashboard/${selectedRow.connectionID}/${panel.table.table_name}`, panel.urlParams)"
+									target="_blank"
+									@click="handleClose"
+								/>
+							</template>
+						</template>
+
+						<UiList v-if="panel.records" size="sm">
+							<UiListItem
+								v-for="(row, rowIndex) in panel.records.rows"
+								:key="rowIndex"
+								class="row-view__related-record"
+							>
+								<span>
+									<strong v-if="!panel.records.identityColumn.isSet">
+										{{ panel.records.identityColumn.displayName }}:&nbsp;
+									</strong>
+									{{ row[panel.records.identityColumn.fieldName] }}
+								</span>
+								<template #description>
+									<span v-for="field in panel.records.fieldsOrder" :key="field.fieldName">
+										<strong>{{ field.displayName }}:</strong>
+										{{ row[field.fieldName] || '—' }};
+									</span>
+								</template>
+								<template #trailing>
+									<UiIconButton
+										icon="chevron_right"
+										size="sm"
+										label="Open record"
+										:to="{
+											path: `/dashboard/${selectedRow.connectionID}/${panel.table.table_name}/entry`,
+											query: panel.records.links[rowIndex] as Record<string, string>,
+										}"
+										@click="handleClose"
+									/>
+								</template>
+							</UiListItem>
+						</UiList>
+					</UiExpansionPanel>
+				</UiAccordion>
+			</section>
+
+			<div v-if="selectedRow.record" class="row-view__fields">
+				<div v-for="column in columns" :key="column.title" class="row-view__field">
+					<strong class="row-view__label">{{ column.normalizedTitle }}</strong>
+					<div class="row-view__value ph-no-capture">
+						<ForeignKeyRecordView
+							v-if="isForeignKey(column.title)"
+							:link="foreignKeyLink(column.title)"
+							:primary-keys-params="getForeignKeyQueryParams(selectedRow, column.title)"
+							:display-value="foreignKeyDisplayValue(column.title)"
+							@foreign-key-click="handleClose"
+						/>
+						<component
+							:is="widgetComponent(column.title)"
+							v-else-if="widgetComponent(column.title)"
+							:field-key="column.title"
+							:value="selectedRow.record[column.title]"
+							:widget-structure="selectedRow.widgets?.[column.title]"
+							:row-data="selectedRow.record"
+							:primary-keys="selectedRow.primaryKeys"
+							@copy-to-clipboard="showCopyNotification"
+						/>
+						<component
+							:is="typeComponent(column.title)"
+							v-else-if="typeComponent(column.title)"
+							:field-key="column.title"
+							:value="selectedRow.record[column.title]"
+							@copy-to-clipboard="showCopyNotification"
+						/>
+					</div>
+				</div>
+			</div>
+			<PlaceholderRecordView v-else />
+		</aside>
+	</template>
+</template>
+
+<style scoped>
+.row-view {
+	position: relative;
+	flex-shrink: 0;
+	width: clamp(200px, 22vw, 400px);
+	max-height: calc(100vh - var(--header-height));
+	overflow-y: auto;
+	border-inline-start: 1px solid var(--color-line);
+	background: var(--color-surface);
+}
+
+.row-view__backdrop,
+.row-view__handle {
+	display: none;
+}
+
+.row-view__header {
+	position: sticky;
+	top: 0;
+	z-index: 1;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--space-1);
+	padding: var(--space-5) var(--space-3) var(--space-5) var(--space-5);
+	background: inherit;
+}
+
+.row-view__title {
+	margin: 0;
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+}
+
+.row-view__actions {
+	display: flex;
+	margin-inline-start: auto;
+}
+
+.row-view__related {
+	padding: 0 var(--space-5) var(--space-4);
+}
+
+.row-view__related-title {
+	margin: 0 0 var(--space-2);
+	color: var(--color-ink-soft);
+	font-size: var(--text-sm);
+	font-weight: var(--weight-semibold);
+}
+
+.row-view__related-name {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.row-view__empty-mark {
+	margin-inline-start: var(--space-2);
+	color: var(--color-muted);
+	font-size: var(--text-xs);
+}
+
+.row-view__fields {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+	padding: 0 var(--space-5) var(--space-5);
+}
+
+.row-view__field {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+}
+
+.row-view__label {
+	font-size: var(--text-sm);
+	font-weight: var(--weight-semibold);
+}
+
+@media (width <= 600px) {
+	.row-view__backdrop {
+		position: fixed;
+		inset: 0;
+		z-index: var(--z-overlay);
+		display: block;
+		background: var(--color-overlay);
+	}
+
+	.row-view {
+		position: fixed;
+		inset: auto 0 0;
+		z-index: var(--z-modal);
+		width: 100vw;
+		max-height: 80vh;
+		border-inline-start: 0;
+		border-radius: var(--radius-panel) var(--radius-panel) 0 0;
+		box-shadow: var(--shadow-lift);
+	}
+
+	.row-view__handle {
+		display: block;
+		width: 2.25rem;
+		height: 4px;
+		margin: var(--space-2) auto 0;
+		border-radius: var(--radius-pill);
+		background: var(--color-line-strong);
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/dashboard/TableSheet.vue b/frontend-vue/src/components/dashboard/TableSheet.vue
new file mode 100644
index 000000000..445701005
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableSheet.vue
@@ -0,0 +1,84 @@
+<script setup lang="ts">
+// The table view's mobile bottom sheets (table switcher, sort, columns, import/export): a panel
+// sliding up from the bottom edge over a backdrop, with a title and a close button. Escape and the
+// backdrop close it.
+import { onBeforeUnmount, onMounted } from 'vue';
+import { UiIconButton } from '@/components/ui';
+
+defineProps<{
+	/** Heading and accessible name. */
+	title: string;
+}>();
+
+const emit = defineEmits<{ close: [] }>();
+
+function onKeydown(event: KeyboardEvent) {
+	if (event.key === 'Escape') emit('close');
+}
+
+onMounted(() => document.addEventListener('keydown', onKeydown));
+onBeforeUnmount(() => document.removeEventListener('keydown', onKeydown));
+</script>
+
+<template>
+	<div class="table-sheet__backdrop" @click="emit('close')" />
+	<div class="table-sheet" role="dialog" :aria-label="title">
+		<div class="table-sheet__handle" aria-hidden="true" />
+		<div class="table-sheet__header">
+			<span class="table-sheet__title">{{ title }}</span>
+			<UiIconButton icon="close" label="Close" @click="emit('close')" />
+		</div>
+		<slot name="header" />
+		<div class="table-sheet__list">
+			<slot />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.table-sheet__backdrop {
+	position: fixed;
+	inset: 0;
+	z-index: var(--z-overlay);
+	background: var(--color-overlay);
+}
+
+.table-sheet {
+	position: fixed;
+	inset: auto 0 0;
+	z-index: var(--z-modal);
+	display: flex;
+	flex-direction: column;
+	max-height: 80vh;
+	padding-bottom: env(safe-area-inset-bottom, 0);
+	border-radius: var(--radius-panel) var(--radius-panel) 0 0;
+	background: var(--color-surface);
+	box-shadow: var(--shadow-lift);
+}
+
+.table-sheet__handle {
+	width: 2.25rem;
+	height: 4px;
+	margin: var(--space-2) auto 0;
+	border-radius: var(--radius-pill);
+	background: var(--color-line-strong);
+}
+
+.table-sheet__header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: var(--space-2) var(--space-2) var(--space-2) var(--space-5);
+}
+
+.table-sheet__title {
+	font-size: var(--text-md);
+	font-weight: var(--weight-semibold);
+}
+
+.table-sheet__list {
+	flex: 1;
+	overflow-y: auto;
+	padding: 0 0 var(--space-4);
+}
+</style>
diff --git a/frontend-vue/src/components/dashboard/TableView.spec.ts b/frontend-vue/src/components/dashboard/TableView.spec.ts
new file mode 100644
index 000000000..5149a326d
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableView.spec.ts
@@ -0,0 +1,313 @@
+// Port of db-table-view.component.spec.ts, as behaviour: what the view emits, fetches and writes
+// to the URL. The rows (`table`) and `selection` are the dashboard's, built here directly.
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { computed, defineComponent, h, reactive } from 'vue';
+import { createMemoryHistory, createRouter, type Router } from 'vue-router';
+import { vTooltip } from '@/components/ui';
+import { useRowSelection } from '@/composables/useRowSelection';
+import { createTableDataState, type TableData, type TableDataRow } from '@/composables/useTableData';
+import type { TableField } from '@/models/table';
+import { useTableStateStore } from '@/stores/table-state';
+import TableView from './TableView.vue';
+
+const tables = vi.hoisted(() => ({ updatePersonalTableViewSettings: vi.fn() }));
+const tableRow = vi.hoisted(() => ({ fetchTableRow: vi.fn() }));
+const dialog = vi.hoisted(() => ({ open: vi.fn() }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/table-row', () => ({ useTableRowStore: () => tableRow }));
+vi.mock('@/stores/connections', () => ({
+	useConnectionsStore: () => ({ canEditConnection: true, connection: { type: 'postgres' } }),
+}));
+vi.mock('@/stores/cedar-permissions', () => ({
+	useCedarPermissionsStore: () => ({ canI: () => computed(() => true) }),
+}));
+vi.mock('@/composables/useDialog', () => ({ useDialog: () => dialog }));
+vi.mock('./analytics', () => ({ track: vi.fn() }));
+
+const SavedFiltersPanelStub = defineComponent({
+	name: 'SavedFiltersPanel',
+	props: [
+		'connectionID',
+		'selectedTableName',
+		'selectedTableDisplayName',
+		'structure',
+		'tableWidgets',
+		'tableForeignKeys',
+		'tableTypes',
+	],
+	emits: ['filterSelected'],
+	setup: (_props, { expose }) => {
+		expose({ handleOpenSavedFiltersDialog: vi.fn(), savedFilterData: [] });
+		return () => h('div', { class: 'saved-filters-stub' });
+	},
+});
+
+const field = (column_name: string, data_type = 'varchar'): TableField => ({
+	column_name,
+	column_default: null,
+	data_type,
+	isExcluded: false,
+	isSearched: false,
+	allow_null: true,
+	auto_increment: false,
+	character_maximum_length: null,
+});
+
+function tableData(overrides: Partial<ReturnType<typeof createTableDataState>> = {}): TableData {
+	const state = reactive({
+		...createTableDataState(),
+		rows: [
+			{ id: 1, name: 'Ann' },
+			{ id: 2, name: 'Bob' },
+		] as TableDataRow[],
+		structure: [field('id', 'integer'), field('name')],
+		keyAttributes: [{ column_name: 'id' }],
+		columns: [
+			{ title: 'id', normalizedTitle: 'ID', selected: true },
+			{ title: 'name', normalizedTitle: 'Name', selected: true },
+		],
+		dataColumns: ['id', 'name'],
+		dataNormalizedColumns: { id: 'ID', name: 'Name' },
+		displayedColumns: ['select', 'id', 'name', 'actions'],
+		displayedDataColumns: ['id', 'name'],
+		tableTypes: { id: 'integer', name: 'text' },
+		canDelete: true,
+		isExportAllowed: true,
+		identityColumn: 'name',
+		total: 95,
+		defaultSort: null,
+		...overrides,
+	});
+	return Object.assign(state, {
+		fetchRows: vi.fn<TableData['fetchRows']>().mockResolvedValue(undefined),
+		changeColumnList: vi.fn<TableData['changeColumnList']>(),
+		getQueryParams: (row: TableDataRow, action?: 'dub') => ({ id: row.id, ...(action ? { action } : {}) }),
+	});
+}
+
+async function mountView(
+	options: { table?: TableData; query?: string; activeFilters?: Record<string, Record<string, unknown>> } = {},
+) {
+	const pinia = createPinia();
+	setActivePinia(pinia);
+	const router: Router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:pathMatch(.*)*', component: { render: () => null } }],
+	});
+	await router.push(`/dashboard/conn/users${options.query ?? ''}`);
+	const table = options.table ?? tableData();
+	const selection = useRowSelection();
+	const wrapper = mount(TableView, {
+		props: {
+			name: 'users',
+			displayName: 'Users',
+			connectionID: 'conn',
+			table,
+			selection,
+			activeFilters: options.activeFilters ?? {},
+		},
+		global: {
+			plugins: [router, pinia],
+			directives: { tooltip: vTooltip },
+			stubs: { SavedFiltersPanel: SavedFiltersPanelStub },
+		},
+		attachTo: document.body,
+	});
+	// The display widgets are async components.
+	await flushPromises();
+	await new Promise((resolve) => setTimeout(resolve));
+	await flushPromises();
+	return { wrapper, router, table, selection };
+}
+
+function buttonByText(wrapper: Awaited<ReturnType<typeof mountView>>['wrapper'], text: string) {
+	// Icon ligatures are text too: match the label at the end.
+	const match = wrapper.findAll('button').find((candidate) => candidate.text().endsWith(text));
+	if (!match) throw new Error(`No button "${text}"`);
+	return match;
+}
+
+describe('TableView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		tables.updatePersonalTableViewSettings.mockResolvedValue(undefined);
+	});
+
+	it('renders the page of rows through the display widgets', async () => {
+		const { wrapper } = await mountView();
+		expect(wrapper.find('h2').text()).toBe('Users');
+		await vi.waitFor(() => expect(wrapper.find('table').text()).toContain('Ann'));
+		expect(wrapper.find('table').text()).toContain('Bob');
+		expect(wrapper.find('[data-testid="table-edit-record-0-link"]').attributes('href')).toBe(
+			'/dashboard/conn/users/entry?id=1',
+		);
+		expect(wrapper.find('[data-testid="table-duplicate-record-1-link"]').attributes('href')).toBe(
+			'/dashboard/conn/users/entry?id=2&action=dub',
+		);
+		wrapper.unmount();
+	});
+
+	it('emits openFilters with the table structure and clears the search', async () => {
+		const { wrapper, table } = await mountView({ query: '?search=ann' });
+		await wrapper.find('[data-testid="table-filter-button"]').trigger('click');
+		expect(wrapper.emitted('openFilters')?.[0]).toEqual([
+			{ structure: table.structure, foreignKeysList: [], foreignKeys: {}, widgets: {} },
+		]);
+		expect((wrapper.find('input[name="search"]').element as HTMLInputElement).value).toBe('');
+		wrapper.unmount();
+	});
+
+	it('emits the trimmed search, and null when it is cleared', async () => {
+		const { wrapper } = await mountView();
+		await wrapper.find('input[name="search"]').setValue('  kenny ');
+		await wrapper.find('form[role="search"]').trigger('submit');
+		expect(wrapper.emitted('search')?.[0]).toEqual(['kenny']);
+		await wrapper.find('button[aria-label="Clear search"]').trigger('click');
+		expect(wrapper.emitted('search')?.[1]).toEqual([null]);
+		wrapper.unmount();
+	});
+
+	it('shows a chip per active filter, removable and editable', async () => {
+		dialog.open.mockReturnValue({
+			afterClosed: () =>
+				Promise.resolve({ action: 'filter', filters: { name: 'B' }, comparators: { name: 'startswith' } }),
+		});
+		const { wrapper } = await mountView({ activeFilters: { name: { startswith: 'A' }, id: { gt: 5 } } });
+		const chips = wrapper.findAll('[data-testid="active-filter-chip"]');
+		expect(chips.map((chip) => chip.find('button').text())).toEqual(['Names = A...', 'Ids > 5']);
+
+		await chips[1]?.find('button[aria-label="Remove filter"]').trigger('click');
+		expect(wrapper.emitted('removeFilter')?.[0]).toEqual(['id']);
+
+		await chips[0]?.find('button').trigger('click');
+		await flushPromises();
+		expect(dialog.open.mock.calls[0]?.[1]).toMatchObject({ data: { tableName: 'users', autofocusField: 'name' } });
+		expect(wrapper.emitted('openFilters')?.[0]?.[0]).toMatchObject({
+			filters: { name: 'B' },
+			comparators: { name: 'startswith' },
+		});
+		wrapper.unmount();
+	});
+
+	it('hides the chips while a saved filter is active', async () => {
+		const { wrapper } = await mountView({ query: '?saved_filter=f1', activeFilters: { name: { eq: 'A' } } });
+		expect(wrapper.find('[data-testid="active-filter-chip"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('sorts from the header menu: writes the URL and loads the page', async () => {
+		const { wrapper, router, table } = await mountView({ activeFilters: { name: { eq: 'A' } } });
+		await buttonByText(wrapper, 'Descending (Z-A)').trigger('click');
+		await flushPromises();
+		expect(router.currentRoute.value.query).toEqual({
+			filters: '(name:(eq:A))',
+			sort_active: 'id',
+			sort_direction: 'DESC',
+			page_index: '0',
+			page_size: '30',
+		});
+		expect(table.fetchRows).toHaveBeenCalledWith(
+			expect.objectContaining({ sortColumn: 'id', sortOrder: 'DESC', isTablePageSwitched: true, tableName: 'users' }),
+		);
+		wrapper.unmount();
+	});
+
+	it('pages: writes page_index/page_size and loads that page', async () => {
+		const { wrapper, router, table } = await mountView();
+		await wrapper.find('button[aria-label="Next page"]').trigger('click');
+		await flushPromises();
+		expect(router.currentRoute.value.query).toMatchObject({ page_index: '1', page_size: '30' });
+		expect(table.fetchRows).toHaveBeenCalledWith(expect.objectContaining({ requstedPage: 1, pageSize: 30 }));
+		wrapper.unmount();
+	});
+
+	it('starts from the URL sort, else from the table default sort', async () => {
+		const fromUrl = await mountView({ query: '?sort_active=name&sort_direction=DESC' });
+		expect(fromUrl.wrapper.find('td[data-label="Name ↓"]').exists()).toBe(true);
+		fromUrl.wrapper.unmount();
+
+		const table = tableData({ defaultSort: { column: 'name', direction: 'asc' } });
+		const fromDefault = await mountView({ table });
+		expect(fromDefault.wrapper.find('td[data-label="Name ↑"]').exists()).toBe(true);
+		await buttonByText(fromDefault.wrapper, 'Remove default').trigger('click');
+		expect(tables.updatePersonalTableViewSettings).toHaveBeenCalledWith('conn', 'users', {
+			ordering: null,
+			ordering_field: null,
+		});
+		fromDefault.wrapper.unmount();
+	});
+
+	it('opens the row in the side panel on a row click', async () => {
+		const { wrapper } = await mountView();
+		await wrapper.findAll('tbody tr')[1]?.trigger('click');
+		const tableState = useTableStateStore();
+		expect(tableState.selectedRow).toMatchObject({
+			connectionID: 'conn',
+			tableName: 'users',
+			record: { id: 2, name: 'Bob' },
+			primaryKeys: { id: 2 },
+			link: '/dashboard/conn/users/entry',
+		});
+		await flushPromises();
+		expect(wrapper.findAll('tbody tr')[1]?.classes()).toContain('table-view__row--open');
+		wrapper.unmount();
+	});
+
+	it('asks to delete a row with its identity value', async () => {
+		const { wrapper } = await mountView();
+		await wrapper.find('[data-testid="table-delete-record-0-button"]').trigger('click');
+		expect(wrapper.emitted('activateActions')?.[0]).toEqual([
+			{
+				action: { title: 'Delete row', type: 'multiple', require_confirmation: true },
+				primaryKeys: [{ id: 1 }],
+				identityFieldValues: ['Ann'],
+			},
+		]);
+		wrapper.unmount();
+	});
+
+	it('shows the bulk actions for the selected rows', async () => {
+		const { wrapper, selection } = await mountView();
+		await wrapper.find('input[aria-label="select row 2"]').setValue(true);
+		expect(selection.keys).toEqual([JSON.stringify({ id: 2 })]);
+		await flushPromises();
+		expect(wrapper.find('[data-testid="table-bulk-actions"]').exists()).toBe(true);
+		await buttonByText(wrapper, 'Delete').trigger('click');
+		expect(wrapper.emitted('activateActions')?.[0]).toEqual([
+			{
+				action: { title: 'Delete rows', type: 'multiple', require_confirmation: true },
+				primaryKeys: [{ id: 2 }],
+				identityFieldValues: ['Bob'],
+			},
+		]);
+		await buttonByText(wrapper, 'Select all').trigger('click');
+		expect(selection.keys).toHaveLength(2);
+		wrapper.unmount();
+	});
+
+	it('saves the visible columns when one is hidden', async () => {
+		const { wrapper, table } = await mountView();
+		await wrapper.find('[aria-controls="table-view-columns"]').trigger('click');
+		const checkbox = wrapper.findAll('#table-view-columns input[type="checkbox"]')[1];
+		await checkbox?.setValue(false);
+		expect(table.changeColumnList).toHaveBeenCalled();
+		expect(tables.updatePersonalTableViewSettings).toHaveBeenCalledWith('conn', 'users', {
+			columns_view: ['id', 'name'],
+			list_fields: ['id', 'name'],
+		});
+		wrapper.unmount();
+	});
+
+	it('offers to add a row in an empty table and explains an empty search', async () => {
+		const empty = await mountView({ table: tableData({ rows: [], isEmptyTable: true }) });
+		expect(empty.wrapper.find('[data-testid="table-add-record-in-empty-table-link"]').exists()).toBe(true);
+		empty.wrapper.unmount();
+
+		const searched = await mountView({ table: tableData({ rows: [], isEmptyTable: true }), query: '?search=zzz' });
+		await searched.wrapper.find('form[role="search"]').trigger('submit');
+		expect(searched.wrapper.text()).toContain('No field matches "zzz".');
+		searched.wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/dashboard/TableView.vue b/frontend-vue/src/components/dashboard/TableView.vue
new file mode 100644
index 000000000..e8ff715e4
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TableView.vue
@@ -0,0 +1,1874 @@
+<script setup lang="ts">
+// Port of dashboard/db-table-view (DbTableViewComponent): one table's page of rows with its
+// toolbar — search, filters (chips for the active ones), fast filters, columns, import/export,
+// table settings — the bulk actions bar for selected rows, per-row actions and the paginator.
+// On phones the same controls move into bottom sheets (table switcher, sort, columns,
+// import/export), with pull-to-refresh and an "Add row" FAB.
+//
+// The rows and everything derived from them are the `table` prop (useTableData, the Angular
+// TablesDataSource), owned by DashboardView like the `selection`. Sort and page live here and are
+// written to the URL on every change, exactly as the Angular view navigated:
+// filters / saved_filter / dynamic_column / sort_active / sort_direction / page_index / page_size.
+// The pure helpers are in lib/table-view.ts.
+import JSON5 from 'json5';
+import { type Component, computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import ForeignKeyDisplay from '@/components/fields/table-display/ForeignKeyDisplay.vue';
+import PlaceholderTableData from '@/components/skeletons/PlaceholderTableData.vue';
+import {
+	type PageEvent,
+	type TableColumn,
+	type TableRowKey,
+	type TableSort,
+	type TableSortDirection,
+	UiButton,
+	UiDivider,
+	UiIcon,
+	UiIconButton,
+	UiInput,
+	UiMenu,
+	UiMenuItem,
+	UiPaginator,
+	UiTable,
+	vTooltip,
+} from '@/components/ui';
+import { useDialog } from '@/composables/useDialog';
+import { useNotify } from '@/composables/useNotify';
+import type { RowSelection } from '@/composables/useRowSelection';
+import type { TableData, TableDataRow } from '@/composables/useTableData';
+import { tableDisplayTypes, UIwidgets } from '@/consts/table-display-types';
+import { formatFieldValue } from '@/lib/format-field-value';
+import { getTableTypes } from '@/lib/setup-table-row-structure';
+import { queryValue, sortPageQuery, type TableFilters, toSortOrder } from '@/lib/table-query';
+import {
+	buildSelectionCsv,
+	downloadCsv,
+	getFilterLabel,
+	getFiltersCount,
+	getForeignKeyCellValue,
+	isForeignKeySelected as isForeignKeySelectedFor,
+	isRowSelected as isRowSelectedFor,
+	moveColumn,
+	type SelectedRowType,
+	type TableCategoryView,
+	tableSwitcherGroups,
+	visibleFirstTitles,
+} from '@/lib/table-view';
+import { type RelatedRecords, type TableForeignKey, TableOrdering, type Widget } from '@/models/table';
+import { useCedarPermissionsStore } from '@/stores/cedar-permissions';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTableRowStore } from '@/stores/table-row';
+import { useTableStateStore } from '@/stores/table-state';
+import { useTablesStore } from '@/stores/tables';
+import { track } from './analytics';
+import { stashBackUrl, stashBackUrlFilters } from './backUrl';
+import ColumnsList from './ColumnsList.vue';
+import SavedFiltersPanel from './SavedFiltersPanel.vue';
+import TableExportDialog, { type TableExportDialogData } from './TableExportDialog.vue';
+import TableFiltersDialog, { type TableFiltersDialogData } from './TableFiltersDialog.vue';
+import TableImportDialog, { type TableImportDialogData } from './TableImportDialog.vue';
+import TableSheet from './TableSheet.vue';
+import {
+	type ActionToActivate,
+	type ActivateActionsPayload,
+	type OpenFiltersPayload,
+	readFiltersDialogResult,
+	type SavedFilterItem,
+	type SavedFilterSelection,
+	type SavedFiltersPanelApi,
+} from './types';
+
+const props = withDefaults(
+	defineProps<{
+		name: string;
+		displayName?: string;
+		connectionID: string;
+		isTestConnection?: boolean;
+		activeFilters?: TableFilters | null;
+		filterComparators?: Record<string, string | undefined> | null;
+		selection: RowSelection;
+		tableFolders?: TableCategoryView[];
+		table: TableData;
+	}>(),
+	{ displayName: '', isTestConnection: false, activeFilters: null, filterComparators: null, tableFolders: () => [] },
+);
+
+const emit = defineEmits<{
+	openFilters: [payload: OpenFiltersPayload];
+	search: [value: string | null];
+	removeFilter: [column: string];
+	resetAllFilters: [];
+	activateActions: [payload: ActivateActionsPayload];
+	applyFilter: [selection: SavedFilterSelection | null];
+}>();
+
+type WidgetMap = Record<string, Component | string | undefined>;
+
+/** Served from /assets, not bundled (a literal `src` would be resolved as an import). */
+const AI_ROCKET_ICON = '/assets/icons/ai-rocket.svg';
+
+const route = useRoute();
+const router = useRouter();
+const dialog = useDialog();
+const notify = useNotify();
+const tableState = useTableStateStore();
+const tables = useTablesStore();
+const tableRow = useTableRowStore();
+const connections = useConnectionsStore();
+const permissions = useCedarPermissionsStore();
+
+const tableData = computed(() => props.table);
+
+// --- Permissions ------------------------------------------------------------------------------
+const resourceId = computed(() => `${props.connectionID}/${props.name}`);
+const canEditRow = computed(() => !!permissions.canI('table:edit', 'Table', resourceId.value).value);
+const canAddRow = computed(() => !!permissions.canI('table:add', 'Table', resourceId.value).value);
+const canDeleteRow = computed(() => !!permissions.canI('table:delete', 'Table', resourceId.value).value);
+const canEditConnection = computed(() => connections.canEditConnection);
+
+/** Row actions shown: the table's custom actions plus edit / duplicate / delete as permitted. */
+const actionsCount = computed(() => {
+	const defaults =
+		(canEditRow.value ? 1 : 0) + (canAddRow.value ? 1 : 0) + (canDeleteRow.value && tableData.value.canDelete ? 1 : 0);
+	return (tableData.value.tableActions?.length || 0) + defaults;
+});
+const hasActions = computed(() => actionsCount.value > 0);
+const selectable = computed(() => hasActions.value && tableData.value.keyAttributes.length > 0);
+
+// --- Search, filters ----------------------------------------------------------------------------
+const searchString = ref<string | null>(queryValue(route.query, 'search') ?? null);
+const staticSearchString = ref<string | null>(null);
+const hasSavedFilterActive = ref(false);
+
+watch(
+	() => route.query.saved_filter,
+	() => {
+		hasSavedFilterActive.value = !!queryValue(route.query, 'saved_filter');
+		if (hasSavedFilterActive.value) searchString.value = '';
+	},
+	{ immediate: true },
+);
+
+const filtersCount = computed(() => getFiltersCount(props.activeFilters, hasSavedFilterActive.value));
+const activeFilterEntries = computed(() => Object.entries(props.activeFilters ?? {}));
+
+function filtersStructure() {
+	return {
+		structure: tableData.value.structure,
+		foreignKeysList: tableData.value.foreignKeysList,
+		foreignKeys: tableData.value.foreignKeys,
+		widgets: tableData.value.widgets,
+	};
+}
+
+function handleOpenFilters() {
+	track('Dashboard: filters is clicked');
+	emit('openFilters', filtersStructure());
+	searchString.value = '';
+}
+
+function handleSearch() {
+	track('Dashboard: search is applied');
+	searchString.value = (searchString.value ?? '').trim();
+	staticSearchString.value = searchString.value;
+	emit('search', searchString.value);
+}
+
+function clearSearch() {
+	searchString.value = null;
+	emit('search', searchString.value);
+}
+
+async function handleActiveFilterClick(filterKey: string) {
+	const data: TableFiltersDialogData = {
+		connectionID: props.connectionID,
+		tableName: props.name,
+		displayTableName: props.displayName,
+		structure: {
+			...filtersStructure(),
+			structure: tableData.value.structure ?? [],
+			widgets: tableData.value.widgets || {},
+		},
+		autofocusField: filterKey,
+	};
+	const result = readFiltersDialogResult(await dialog.open(TableFiltersDialog, { data }).afterClosed());
+	if (result?.action === 'filter') {
+		emit('openFilters', { ...filtersStructure(), filters: result.fields, comparators: result.comparators });
+	}
+}
+
+// --- Saved ("fast") filters ---------------------------------------------------------------------
+const savedFiltersPanel = ref<SavedFiltersPanelApi | null>(null);
+const savedFilterData = computed<SavedFilterItem[]>(() => savedFiltersPanel.value?.savedFilterData ?? []);
+
+function handleOpenCreateQuickFilter() {
+	track('Saved filters: create new filter is clicked');
+	savedFiltersPanel.value?.handleOpenSavedFiltersDialog();
+}
+
+function onFilterSelected(selection: SavedFilterSelection | null) {
+	emit('applyFilter', selection);
+}
+
+// --- Sort and paging (URL-synced) ---------------------------------------------------------------
+const sort = ref<TableSort>({ active: '', direction: '' });
+const defaultSort = ref<{ column: string; direction: 'asc' | 'desc' } | null>(null);
+let sortInitialized = false;
+const pageIndex = ref(tableData.value.pageIndex);
+const pageSize = ref(tableData.value.pageSize);
+
+watch(
+	() => [tableData.value.pageIndex, tableData.value.pageSize] as const,
+	([index, size]) => {
+		pageIndex.value = index;
+		pageSize.value = size;
+	},
+);
+
+// Once rows have loaded (first time per table): the URL's sort, else the table's default sort.
+watch(
+	() => tableData.value.loading,
+	(loading) => {
+		if (loading || tableData.value.defaultSort === undefined || sortInitialized) return;
+		sortInitialized = true;
+		defaultSort.value = tableData.value.defaultSort;
+		const urlSortActive = queryValue(route.query, 'sort_active');
+		const urlSortDirection = queryValue(route.query, 'sort_direction');
+		if (urlSortActive && urlSortDirection) {
+			sort.value = { active: urlSortActive, direction: urlSortDirection.toLowerCase() as TableSortDirection };
+		} else if (defaultSort.value) {
+			sort.value = { active: defaultSort.value.column, direction: defaultSort.value.direction };
+		}
+	},
+	{ immediate: true },
+);
+
+// Another table: back to no sort, re-initialised from that table's default once it loads.
+watch(
+	() => props.name,
+	() => {
+		sort.value = { active: '', direction: '' };
+		defaultSort.value = null;
+		sortInitialized = false;
+	},
+);
+
+/** sortChange / paginator.page: write the URL, then load the page. */
+function onStateChange() {
+	router.push({
+		path: `/dashboard/${props.connectionID}/${props.name}`,
+		query: sortPageQuery({
+			filters: props.activeFilters ?? undefined,
+			savedFilter: queryValue(route.query, 'saved_filter'),
+			dynamicColumn: queryValue(route.query, 'dynamic_column'),
+			sortActive: sort.value.active,
+			sortDirection: sort.value.direction,
+			pageIndex: pageIndex.value,
+			pageSize: pageSize.value,
+		}),
+	});
+	loadRowsPage();
+}
+
+function onPage(event: PageEvent) {
+	pageIndex.value = event.pageIndex;
+	pageSize.value = event.pageSize;
+	onStateChange();
+}
+
+function loadRowsPage() {
+	tableData.value.fetchRows({
+		connectionID: props.connectionID,
+		tableName: props.name,
+		requstedPage: pageIndex.value,
+		pageSize: pageSize.value,
+		sortColumn: sort.value.active,
+		sortOrder: toSortOrder(sort.value.direction),
+		filters: props.activeFilters ?? undefined,
+		search: searchString.value,
+		isTablePageSwitched: true,
+	});
+}
+
+function isSortable(column: string): boolean {
+	return tableData.value.sortByColumns.includes(column) || !tableData.value.sortByColumns.length;
+}
+
+const sortableDataColumns = computed(() => tableData.value.displayedDataColumns.filter((column) => isSortable(column)));
+
+/** Picking the active sort again clears it (and the default, if that column was it). */
+function applySort(column: string, direction: 'asc' | 'desc') {
+	if (sort.value.active === column && sort.value.direction === direction) {
+		if (defaultSort.value?.column === column) defaultSort.value = null;
+		sort.value = { active: '', direction: '' };
+	} else {
+		sort.value = { active: column, direction };
+	}
+	onStateChange();
+}
+
+function isDefaultSort(column: string): boolean {
+	return defaultSort.value?.column === column;
+}
+
+function canToggleDefaultSort(column: string): boolean {
+	return (sort.value.active === column && !!sort.value.direction) || isDefaultSort(column);
+}
+
+function toggleDefaultSort(column: string) {
+	if (isDefaultSort(column)) {
+		defaultSort.value = null;
+		tables
+			.updatePersonalTableViewSettings(props.connectionID, props.name, {
+				ordering: null as unknown as undefined,
+				ordering_field: null as unknown as undefined,
+			})
+			.catch(() => {});
+	} else {
+		const direction = sort.value.active === column ? sort.value.direction : 'asc';
+		defaultSort.value = { column, direction: direction as 'asc' | 'desc' };
+		tables
+			.updatePersonalTableViewSettings(props.connectionID, props.name, {
+				ordering: sort.value.direction === 'asc' ? TableOrdering.Ascending : TableOrdering.Descending,
+				ordering_field: column,
+			})
+			.catch(() => {});
+	}
+}
+
+function sortIcon(column: string): string {
+	if (sort.value.active !== column || !sort.value.direction) return 'unfold_more';
+	return sort.value.direction === 'asc' ? 'arrow_upward' : 'arrow_downward';
+}
+
+// --- Columns ------------------------------------------------------------------------------------
+const columnsOpen = ref(false);
+const columnsRoot = ref<HTMLElement | null>(null);
+
+const tableColumns = computed<TableColumn<TableDataRow>[]>(() =>
+	tableData.value.displayedDataColumns.map((column) => {
+		const label = tableData.value.dataNormalizedColumns[column] ?? column;
+		const arrow =
+			sort.value.active === column && sort.value.direction ? (sort.value.direction === 'asc' ? ' ↑' : ' ↓') : '';
+		return { key: column, label: `${label}${arrow}` };
+	}),
+);
+
+function onColumnVisibilityChange() {
+	tableData.value.changeColumnList();
+	tables
+		.updatePersonalTableViewSettings(props.connectionID, props.name, {
+			columns_view: tableData.value.displayedDataColumns,
+			list_fields: visibleFirstTitles(tableData.value.columns),
+		})
+		.catch(() => {});
+}
+
+function onColumnsReorder(previousIndex: number, currentIndex: number) {
+	const data = tableData.value;
+	if (!moveColumn(data.columns, previousIndex, currentIndex)) return;
+	data.dataColumns = data.columns.map((column) => column.title);
+	const newDisplayedOrder = data.columns.filter((column) => column.selected).map((column) => column.title);
+	data.displayedDataColumns = newDisplayedOrder;
+	data.displayedColumns = data.keyAttributes?.length
+		? ['select', ...newDisplayedOrder, 'actions']
+		: [...newDisplayedOrder];
+	tables
+		.updatePersonalTableViewSettings(props.connectionID, props.name, {
+			list_fields: visibleFirstTitles(data.columns),
+		})
+		.catch(() => {});
+}
+
+function toggleColumns() {
+	track('Dashboard: columns multiselect is clicked');
+	columnsOpen.value = !columnsOpen.value;
+}
+
+function onDocumentClick(event: MouseEvent) {
+	if (columnsOpen.value && columnsRoot.value && !columnsRoot.value.contains(event.target as Node)) {
+		columnsOpen.value = false;
+	}
+}
+
+function onDocumentKeydown(event: KeyboardEvent) {
+	if (event.key === 'Escape') columnsOpen.value = false;
+}
+
+// --- Cells --------------------------------------------------------------------------------------
+const displayCellComponents = computed<WidgetMap>(
+	() => (tableDisplayTypes as Record<string, WidgetMap>)[connections.connection.type] ?? {},
+);
+const widgetComponents = UIwidgets as WidgetMap;
+
+function isForeignKey(column: string): boolean {
+	return tableData.value.foreignKeysList.includes(column);
+}
+
+function isWidget(column: string): boolean {
+	return !!tableData.value.widgetsList?.includes(column);
+}
+
+function widgetComponent(column: string): Component | null {
+	if (!isWidget(column)) return null;
+	const type = tableData.value.widgets[column]?.widget_type;
+	return (type && (widgetComponents[type] as Component | undefined)) || null;
+}
+
+function typeComponent(column: string): Component | null {
+	const type = tableData.value.tableTypes[column];
+	return (type && (displayCellComponents.value[type] as Component | undefined)) || null;
+}
+
+function cellOf(row: TableDataRow, column: string): Record<string, unknown> | null {
+	return (row[column] as Record<string, unknown> | null | undefined) ?? null;
+}
+
+function showCopyNotification(message: string) {
+	notify.success(message);
+}
+
+// --- Rows: selection, side panel ---------------------------------------------------------------
+const selectedRowType = ref<SelectedRowType>('record');
+
+function rowKey(row: TableDataRow, index: number): TableRowKey {
+	return tableData.value.keyAttributes.length ? JSON.stringify(tableData.value.getQueryParams(row)) : index;
+}
+
+function lookupRow(key: TableRowKey): TableDataRow | undefined {
+	return tableData.value.rows.find((row, index) => rowKey(row, index) === key);
+}
+
+function onSelected(keys: TableRowKey[]) {
+	props.selection.setKeys(keys, lookupRow);
+}
+
+const isAllSelected = computed(() => tableData.value.rows.length === props.selection.keys.length);
+
+function toggleAllRows() {
+	if (isAllSelected.value) {
+		props.selection.clear();
+	} else {
+		props.selection.select(tableData.value.rows.map((row, index) => ({ key: rowKey(row, index), row })));
+	}
+}
+
+function isRowSelected(row: TableDataRow): boolean {
+	return isRowSelectedFor(tableState.selectedRow, selectedRowType.value, tableData.value.getQueryParams(row));
+}
+
+function rowClass(row: TableDataRow) {
+	return { 'table-view__row--open': isRowSelected(row) };
+}
+
+function isForeignKeySelected(row: TableDataRow, column: string): boolean {
+	const foreignKey = tableData.value.foreignKeys[column];
+	if (!foreignKey) return false;
+	return isForeignKeySelectedFor(tableState.selectedRow, selectedRowType.value, cellOf(row, column), foreignKey);
+}
+
+function foreignKeyValue(row: TableDataRow, column: string): string | number | null {
+	const foreignKey = tableData.value.foreignKeys[column];
+	if (!foreignKey) return null;
+	return getForeignKeyCellValue(foreignKey, cellOf(row, column)) as string | number | null;
+}
+
+function onForeignKeyClick(row: TableDataRow, column: string) {
+	const foreignKey = tableData.value.foreignKeys[column];
+	if (foreignKey) handleForeignKeyView(foreignKey, cellOf(row, column));
+}
+
+function handleViewRow(row: TableDataRow) {
+	selectedRowType.value = 'record';
+	tableState.selectRow({
+		connectionID: props.connectionID,
+		tableName: props.name,
+		record: row,
+		columnsOrder: tableData.value.dataColumns,
+		primaryKeys: tableData.value.getQueryParams(row),
+		foreignKeys: tableData.value.foreignKeys,
+		foreignKeysList: tableData.value.foreignKeysList,
+		widgets: tableData.value.widgets,
+		widgetsList: tableData.value.widgetsList,
+		fieldsTypes: tableData.value.tableTypes,
+		relatedRecords: tableData.value.relatedRecords || null,
+		link: `/dashboard/${props.connectionID}/${props.name}/entry`,
+	});
+}
+
+interface ForeignRowResponse {
+	row: Record<string, unknown>;
+	structure: Parameters<typeof getTableTypes>[0];
+	foreignKeys: TableForeignKey[];
+	table_widgets: Widget[];
+	list_fields: string[];
+	referenced_table_names_and_columns: RelatedRecords[];
+}
+
+async function handleForeignKeyView(foreignKey: TableForeignKey, cell: Record<string, unknown> | null) {
+	selectedRowType.value = 'foreignKey';
+	tableState.selectRow({
+		connectionID: null,
+		tableName: null,
+		record: null,
+		columnsOrder: null,
+		primaryKeys: null,
+		foreignKeys: null,
+		foreignKeysList: null,
+		widgets: null,
+		widgetsList: null,
+		fieldsTypes: null,
+		relatedRecords: null,
+		link: null,
+	});
+
+	let res: ForeignRowResponse;
+	try {
+		res = await tableRow.fetchTableRow<ForeignRowResponse>(props.connectionID, foreignKey.referenced_table_name, {
+			[foreignKey.referenced_column_name]: cell?.[foreignKey.referenced_column_name] as string,
+		});
+	} catch {
+		return;
+	}
+	const foreignKeysList = res.foreignKeys.map((key) => key.column_name);
+	const fieldsTypes: Record<string, string> = getTableTypes(res.structure, foreignKeysList);
+	const formattedRecord = Object.fromEntries(
+		Object.entries(res.row).map(([key, value]) => [key, formatFieldValue(value, fieldsTypes[key] ?? '')]),
+	);
+	const widgets = Object.assign(
+		{},
+		...res.table_widgets.map((widget) => {
+			let parsedParams: Record<string, unknown>;
+			try {
+				parsedParams = JSON5.parse(widget.widget_params);
+			} catch {
+				parsedParams = {};
+			}
+			return { [widget.field_name]: { ...widget, widget_params: parsedParams } };
+		}),
+	);
+
+	tableState.selectRow({
+		connectionID: props.connectionID,
+		tableName: foreignKey.referenced_table_name,
+		record: formattedRecord,
+		columnsOrder: res.list_fields,
+		primaryKeys: { [foreignKey.referenced_column_name]: res.row[foreignKey.referenced_column_name] },
+		foreignKeys: Object.assign({}, ...res.foreignKeys.map((key) => ({ [key.column_name]: key }))),
+		foreignKeysList,
+		widgets,
+		widgetsList: res.table_widgets.map((widget) => widget.field_name),
+		fieldsTypes,
+		relatedRecords: res.referenced_table_names_and_columns[0] ?? null,
+		link: `/dashboard/${props.connectionID}/${foreignKey.referenced_table_name}/entry`,
+	});
+}
+
+function handleViewAIpanel() {
+	track('Dashboard: AI is clicked');
+	tableState.handleViewAIpanel();
+}
+
+// --- Actions ------------------------------------------------------------------------------------
+function identityOf(row: TableDataRow) {
+	return tableData.value.identityColumn ? { identityFieldValues: [row[tableData.value.identityColumn]] } : null;
+}
+
+function handleAction(action: ActionToActivate, row: TableDataRow) {
+	emit('activateActions', { action, primaryKeys: [tableData.value.getQueryParams(row)], ...identityOf(row) });
+}
+
+function getIdentityFieldsValues(): unknown[] | null {
+	const identityColumn = tableData.value.identityColumn;
+	if (identityColumn) return props.selection.selected.map((row) => row[identityColumn]);
+	return null;
+}
+
+function handleActions(action: ActionToActivate) {
+	emit('activateActions', {
+		action,
+		primaryKeys: props.selection.selected.map((row) => tableData.value.getQueryParams(row)),
+		identityFieldValues: getIdentityFieldsValues(),
+	});
+}
+
+function handleDeleteRow(row: TableDataRow) {
+	track('Dashboard: delete row is clicked');
+	stashBackUrlFilters(props.activeFilters);
+	emit('activateActions', {
+		action: { title: 'Delete row', type: 'multiple', require_confirmation: true },
+		primaryKeys: [tableData.value.getQueryParams(row)],
+		...identityOf(row),
+	});
+}
+
+function stashUrlParams() {
+	stashBackUrl(route.query, props.activeFilters);
+}
+
+function entryLink(query?: Record<string, unknown>) {
+	return { path: `/dashboard/${props.connectionID}/${props.name}/entry`, query: query as Record<string, string> };
+}
+
+function onAddRowClick() {
+	stashUrlParams();
+	track('Dashboard: add row is clicked');
+}
+
+function exportData() {
+	if (!props.selection.selected.length) {
+		notify.error('No rows selected for export');
+		return;
+	}
+	downloadCsv(
+		buildSelectionCsv(
+			props.selection.selected,
+			tableData.value.displayedDataColumns,
+			tableData.value.foreignKeys,
+			tableData.value.foreignKeysList,
+		),
+	);
+}
+
+function handleOpenExportDialog() {
+	track('Dashboard: export is clicked');
+	const data: TableExportDialogData = {
+		connectionID: props.connectionID,
+		tableName: props.name,
+		sortColumn: sort.value.active,
+		sortOrder: sort.value.direction.toUpperCase(),
+		filters: props.activeFilters ?? undefined,
+		search: searchString.value ?? undefined,
+	};
+	dialog.open(TableExportDialog, { data });
+}
+
+function handleOpenImportDialog() {
+	track('Dashboard: import is clicked');
+	const data: TableImportDialogData = {
+		connectionID: props.connectionID,
+		tableName: props.name,
+		isTestConnection: props.isTestConnection,
+	};
+	dialog.open(TableImportDialog, { data });
+}
+
+// --- Mobile: sheets, table switcher, pull to refresh --------------------------------------------
+const isMobileView = () => typeof window !== 'undefined' && window.innerWidth <= 600;
+
+const tableSwitcherOpen = ref(false);
+const tableSwitcherSearch = ref('');
+const tableSwitcherInput = ref<HTMLInputElement | null>(null);
+const collapsedFolders = ref(new Set<string>());
+const sortSheetOpen = ref(false);
+const sortExpandedColumn = ref<string | null>(null);
+const columnsSheetOpen = ref(false);
+const transferSheetOpen = ref(false);
+
+const switcher = computed(() => tableSwitcherGroups(props.tableFolders, tableSwitcherSearch.value));
+
+function openTableSwitcher() {
+	tableSwitcherOpen.value = true;
+	setTimeout(() => tableSwitcherInput.value?.focus(), 50);
+}
+
+function closeTableSwitcher() {
+	tableSwitcherOpen.value = false;
+	tableSwitcherSearch.value = '';
+}
+
+function toggleFolderCollapse(folderId: string) {
+	const next = new Set(collapsedFolders.value);
+	if (next.has(folderId)) next.delete(folderId);
+	else next.add(folderId);
+	collapsedFolders.value = next;
+}
+
+function isFolderCollapsed(folderId: string): boolean {
+	if (tableSwitcherSearch.value.trim()) return false;
+	return collapsedFolders.value.has(folderId);
+}
+
+function switchTable(tableName: string) {
+	if (tableName && tableName !== props.name) {
+		router.push({ path: `/dashboard/${props.connectionID}/${tableName}`, query: { page_index: '0', page_size: '30' } });
+	}
+}
+
+function switchTableFromSheet(tableName: string) {
+	closeTableSwitcher();
+	switchTable(tableName);
+}
+
+function closeSortSheet() {
+	sortSheetOpen.value = false;
+	sortExpandedColumn.value = null;
+}
+
+function toggleSortColumn(column: string) {
+	sortExpandedColumn.value = sortExpandedColumn.value === column ? null : column;
+}
+
+const PULL_THRESHOLD = 70;
+const pullDistance = ref(0);
+const pullRefreshing = ref(false);
+let pullStartY = 0;
+let pullTracking = false;
+
+function onPullTouchStart(event: TouchEvent) {
+	if (!isMobileView() || pullRefreshing.value) return;
+	const scrollTop = window.scrollY || document.documentElement.scrollTop || 0;
+	if (scrollTop > 0) return;
+	pullStartY = event.touches[0]?.clientY ?? 0;
+	pullTracking = true;
+}
+
+function onPullTouchMove(event: TouchEvent) {
+	if (!pullTracking || pullRefreshing.value) return;
+	const delta = (event.touches[0]?.clientY ?? pullStartY) - pullStartY;
+	pullDistance.value = delta <= 0 ? 0 : Math.min(delta * 0.5, PULL_THRESHOLD + 20);
+}
+
+function onPullTouchEnd() {
+	if (!pullTracking) return;
+	pullTracking = false;
+	if (pullDistance.value >= PULL_THRESHOLD) {
+		pullRefreshing.value = true;
+		pullDistance.value = PULL_THRESHOLD;
+		loadRowsPage();
+		setTimeout(() => {
+			pullRefreshing.value = false;
+			pullDistance.value = 0;
+		}, 800);
+	} else {
+		pullDistance.value = 0;
+	}
+}
+
+onMounted(() => {
+	// On a phone, never restore an open AI panel: land on the table, not the chat.
+	if (isMobileView()) tableState.closeAIpanel();
+	document.addEventListener('click', onDocumentClick);
+	document.addEventListener('keydown', onDocumentKeydown);
+});
+
+onBeforeUnmount(() => {
+	document.removeEventListener('click', onDocumentClick);
+	document.removeEventListener('keydown', onDocumentKeydown);
+});
+
+defineExpose({ loadRowsPage, searchString, sort });
+</script>
+
+<template>
+	<div
+		class="table-view"
+		@touchstart.passive="onPullTouchStart"
+		@touchmove.passive="onPullTouchMove"
+		@touchend="onPullTouchEnd"
+	>
+		<div
+			class="table-view__pull"
+			:class="{ 'table-view__pull--active': pullDistance > 0 || pullRefreshing }"
+			:style="{ height: `${pullRefreshing ? 44 : pullDistance}px` }"
+			aria-hidden="true"
+		>
+			<UiIcon
+				name="refresh"
+				class="table-view__pull-icon"
+				:class="{ 'table-view__pull-icon--spinning': pullRefreshing }"
+				:style="pullRefreshing ? undefined : { transform: `rotate(${pullDistance * 3}deg)` }"
+			/>
+		</div>
+
+		<div class="table-view__header">
+			<div class="table-view__title">
+				<h2 class="table-view__name">{{ displayName }}</h2>
+
+				<button type="button" class="table-view__switcher" @click="openTableSwitcher">
+					<span class="table-view__switcher-name">{{ displayName }}</span>
+					<UiIcon name="arrow_drop_down" />
+				</button>
+
+				<UiIconButton icon="refresh" label="Refresh" class="table-view__refresh" @click="loadRowsPage" />
+
+				<button
+					v-tooltip="'AI assistant'"
+					type="button"
+					class="table-view__ai-icon-button table-view__mobile-only"
+					aria-label="AI assistant"
+					@click="handleViewAIpanel"
+				>
+					<img :src="AI_ROCKET_ICON" alt="" class="table-view__ai-icon">
+				</button>
+			</div>
+
+			<!-- Bulk actions for the selected rows -->
+			<div v-if="selection.keys.length" class="table-view__bulk-actions" data-testid="table-bulk-actions">
+				<UiButton
+					v-if="!tableData.isEmptyTable"
+					variant="ghost"
+					class="table-view__select-all"
+					@click="toggleAllRows"
+				>
+					<template #leading>
+						<UiIcon :name="isAllSelected ? 'check_box' : 'check_box_outline_blank'" size="sm" />
+					</template>
+					{{ isAllSelected ? 'Deselect all' : 'Select all' }}
+				</UiButton>
+				<UiButton
+					v-for="action in tableData.tableBulkActions"
+					:key="action.id ?? action.title"
+					variant="ghost"
+					@click="handleActions(action)"
+				>
+					{{ action.title }}
+				</UiButton>
+				<UiButton v-if="tableData.isExportAllowed" variant="ghost" @click="exportData">Export to CSV</UiButton>
+				<UiButton
+					v-if="canDeleteRow && tableData.canDelete"
+					variant="ghost"
+					@click="handleActions({ title: 'Delete rows', type: 'multiple', require_confirmation: true })"
+				>
+					Delete
+				</UiButton>
+			</div>
+
+			<!-- General actions -->
+			<div v-else class="table-view__actions-bar">
+				<div class="table-view__search-row">
+					<form
+						class="table-view__search"
+						:class="{ 'table-view__search--filled': searchString }"
+						role="search"
+						@submit.prevent="handleSearch"
+					>
+						<UiIcon name="search" size="sm" class="table-view__search-icon" />
+						<UiInput
+							v-model="searchString"
+							name="search"
+							placeholder="Search"
+							aria-label="Search"
+							class="table-view__search-input"
+						/>
+						<UiIconButton
+							v-if="searchString"
+							icon="close"
+							label="Clear search"
+							size="sm"
+							@click="clearSearch"
+						/>
+					</form>
+					<div class="table-view__search-buttons">
+						<UiButton
+							v-if="tableData.structure"
+							variant="secondary"
+							size="sm"
+							class="table-view__mobile-only"
+							:class="{ 'table-view__action--active': filtersCount }"
+							@click="handleOpenFilters"
+						>
+							<template #leading><UiIcon name="filter_list" size="sm" /></template>
+							Filter
+						</UiButton>
+						<template v-if="canEditConnection && tableData.structure">
+							<span class="table-view__divider table-view__mobile-only" aria-hidden="true" />
+							<UiButton
+								v-if="!savedFilterData.length"
+								variant="secondary"
+								size="sm"
+								class="table-view__mobile-only"
+								@click="handleOpenCreateQuickFilter"
+							>
+								<template #leading><UiIcon name="add" size="sm" /></template>
+								Create fast filter
+							</UiButton>
+						</template>
+						<div v-if="savedFilterData.length" class="table-view__quick-chips table-view__mobile-only">
+							<UiIconButton
+								v-if="canEditConnection"
+								icon="add"
+								label="Create new fast filter"
+								size="sm"
+								@click="handleOpenCreateQuickFilter"
+							/>
+							<div
+								v-for="savedFilter in savedFilterData"
+								:key="savedFilter.id"
+								class="table-view__quick-chip"
+								:class="{ 'table-view__quick-chip--active': savedFiltersPanel?.selectedFilterSetId === savedFilter.id }"
+							>
+								<button
+									type="button"
+									class="table-view__quick-chip-label"
+									@click="savedFiltersPanel?.selectFiltersSet?.(savedFilter.id)"
+								>
+									{{ savedFilter.name }}
+								</button>
+								<UiMenu v-if="canEditConnection" align="end" :label="`${savedFilter.name} options`">
+									<template #trigger="{ triggerProps }">
+										<UiIconButton
+											v-bind="triggerProps"
+											icon="more_vert"
+											:label="`${savedFilter.name} options`"
+											size="sm"
+										/>
+									</template>
+									<UiMenuItem icon="create" @select="savedFiltersPanel?.handleEditFilter?.(savedFilter)">Edit</UiMenuItem>
+									<UiMenuItem icon="delete" @select="savedFiltersPanel?.handleDeleteFilter?.(savedFilter)">
+										Delete
+									</UiMenuItem>
+								</UiMenu>
+							</div>
+						</div>
+					</div>
+				</div>
+
+				<div class="table-view__actions">
+					<UiButton variant="ghost" class="table-view__ai-insights" @click="handleViewAIpanel">
+						<template #leading><img :src="AI_ROCKET_ICON" alt="" class="table-view__ai-icon"></template>
+						<span class="table-view__action-label">AI insights</span>
+					</UiButton>
+
+					<UiButton
+						v-if="canAddRow && (!tableData.isEmptyTable || searchString || filtersCount)"
+						variant="ghost"
+						class="table-view__desktop-only"
+						:to="entryLink()"
+						data-testid="table-add-record-link"
+						@click="onAddRowClick"
+					>
+						<template #leading><UiIcon name="add" size="sm" /></template>
+						<span class="table-view__action-label">Add row</span>
+					</UiButton>
+
+					<UiButton
+						v-if="tableData.structure"
+						variant="ghost"
+						class="table-view__desktop-only"
+						:class="{ 'table-view__action--active': filtersCount }"
+						data-testid="table-filter-button"
+						@click="handleOpenFilters"
+					>
+						<template #leading><UiIcon name="filter_list" size="sm" /></template>
+						<span class="table-view__action-label">Filter</span>
+					</UiButton>
+
+					<div
+						v-if="tableData.displayedColumns && tableData.columns.length"
+						ref="columnsRoot"
+						class="table-view__columns table-view__desktop-only"
+					>
+						<UiButton variant="ghost" :aria-expanded="columnsOpen" aria-controls="table-view-columns" @click="toggleColumns">
+							<template #leading><UiIcon name="view_week" size="sm" /></template>
+							<span class="table-view__action-label">Columns</span>
+							<span class="table-view__columns-count">
+								({{ tableData.displayedDataColumns.length }} / {{ tableData.columns.length }})
+							</span>
+						</UiButton>
+						<div v-if="columnsOpen" id="table-view-columns" class="table-view__columns-panel">
+							<ColumnsList
+								:columns="tableData.columns"
+								:displayed-count="tableData.displayedDataColumns.length"
+								@visibility-change="onColumnVisibilityChange"
+								@reorder="onColumnsReorder"
+							/>
+						</div>
+					</div>
+
+					<UiMenu
+						v-if="canEditConnection && (tableData.isImportAllowed || tableData.isExportAllowed)"
+						align="end"
+						label="Import / Export"
+					>
+						<template #trigger="{ triggerProps }">
+							<UiIconButton
+								v-bind="triggerProps"
+								icon="swap_vert"
+								label="Import / Export"
+								class="table-view__desktop-only"
+								@click="track('Dashboard: settings dropdown is clicked')"
+							/>
+						</template>
+						<UiMenuItem v-if="tableData.isImportAllowed" @select="handleOpenImportDialog">Import</UiMenuItem>
+						<UiMenuItem v-if="tableData.isExportAllowed" @select="handleOpenExportDialog">Export</UiMenuItem>
+					</UiMenu>
+
+					<UiMenu v-if="canEditConnection" align="end" label="Table settings">
+						<template #trigger="{ triggerProps }">
+							<UiIconButton
+								v-bind="triggerProps"
+								icon="settings"
+								label="Table settings"
+								@click="track('Dashboard: settings dropdown is clicked')"
+							/>
+						</template>
+						<UiMenuItem
+							:to="`/dashboard/${connectionID}/${name}/widgets`"
+							:class="{ 'table-view__action--active': tableData.widgetsCount }"
+							@select="track('Dashboard: widgets is clicked')"
+						>
+							UI Widgets
+						</UiMenuItem>
+						<UiMenuItem
+							:to="`/dashboard/${connectionID}/${name}/actions`"
+							:disabled="!tableData.keyAttributes?.length"
+							:description="!tableData.keyAttributes?.length ? 'Primary keys are required.' : undefined"
+							@select="track('Dashboard: actions is clicked')"
+						>
+							Automations
+						</UiMenuItem>
+						<UiMenuItem :to="`/dashboard/${connectionID}/${name}/settings`" @select="track('Dashboard: settings is clicked')">
+							Settings
+						</UiMenuItem>
+						<template v-if="tableData.isImportAllowed || tableData.isExportAllowed">
+							<UiDivider class="table-view__mobile-only" />
+							<UiMenuItem
+								v-if="tableData.isImportAllowed"
+								icon="upload"
+								class="table-view__mobile-only"
+								@select="handleOpenImportDialog"
+							>
+								Import
+							</UiMenuItem>
+							<UiMenuItem
+								v-if="tableData.isExportAllowed"
+								icon="download"
+								class="table-view__mobile-only"
+								@select="handleOpenExportDialog"
+							>
+								Export
+							</UiMenuItem>
+						</template>
+					</UiMenu>
+				</div>
+			</div>
+		</div>
+
+		<UiButton
+			v-if="canAddRow"
+			class="table-view__fab"
+			:to="entryLink()"
+			data-testid="table-add-record-fab"
+			@click="onAddRowClick"
+		>
+			<template #leading><UiIcon name="add" size="sm" /></template>
+			Add row
+		</UiButton>
+
+		<div v-if="filtersCount !== 0 && !hasSavedFilterActive" class="table-view__active-filters">
+			<span
+				v-for="[key, value] in activeFilterEntries"
+				:key="key"
+				class="table-view__filter-chip ph-no-capture"
+				data-testid="active-filter-chip"
+			>
+				<button type="button" class="table-view__filter-chip-label" @click="handleActiveFilterClick(key)">
+					{{ getFilterLabel(key, value) }}
+				</button>
+				<UiIconButton icon="cancel" label="Remove filter" size="sm" @click="emit('removeFilter', key)" />
+			</span>
+		</div>
+
+		<div class="table-view__saved-filters-row">
+			<div class="table-view__mobile-actions">
+				<UiIconButton
+					v-if="tableData.displayedColumns && tableData.columns.length"
+					icon="view_week"
+					label="Columns"
+					@click="columnsSheetOpen = true"
+				/>
+				<UiButton
+					v-if="tableData.displayedDataColumns?.length"
+					variant="ghost"
+					:class="{ 'table-view__action--active': sort.active && sort.direction }"
+					@click="sortSheetOpen = true"
+				>
+					<template #leading><UiIcon name="swap_vert" size="sm" /></template>
+					Sort by
+				</UiButton>
+			</div>
+
+			<SavedFiltersPanel
+				v-if="tableData.structure && tableData.widgets"
+				ref="savedFiltersPanel"
+				:connection-i-d="connectionID"
+				:selected-table-name="name"
+				:selected-table-display-name="displayName"
+				:structure="tableData.structure"
+				:table-widgets="tableData.widgets"
+				:table-foreign-keys="tableData.foreignKeys"
+				:table-types="tableData.tableTypes"
+				@filter-selected="onFilterSelected"
+			/>
+		</div>
+
+		<div v-if="tableData.loading" class="table-view__skeleton">
+			<PlaceholderTableData />
+		</div>
+
+		<div v-show="!tableData.loading" class="table-view__surface">
+			<UiTable
+				:columns="tableColumns"
+				:rows="tableData.rows"
+				:row-key="rowKey"
+				:label="displayName || name"
+				:sort="sort"
+				:selectable="selectable"
+				:selected="selection.keys"
+				:select-row-label="(_row, index) => `select row ${index + 1}`"
+				select-all-label="select all"
+				:row-class="rowClass"
+				interactive
+				empty-text=""
+				class="table-view__table"
+				@update:selected="onSelected"
+				@row-click="handleViewRow"
+			>
+				<template v-for="column in tableData.displayedDataColumns" :key="`header-${column}`" #[`header-${column}`]>
+					<div class="table-view__header-cell" :class="{ 'table-view__header-cell--sorted': sort.active === column }">
+						<span class="table-view__header-text">{{ tableData.dataNormalizedColumns[column] }}</span>
+						<UiMenu v-if="isSortable(column)" :label="`Sort ${tableData.dataNormalizedColumns[column]}`">
+							<template #trigger="{ triggerProps }">
+								<UiIconButton
+									v-bind="triggerProps"
+									:icon="sortIcon(column)"
+									:label="`Sort by ${tableData.dataNormalizedColumns[column]}`"
+									size="sm"
+									class="table-view__sort-button"
+								/>
+							</template>
+							<UiMenuItem
+								icon="arrow_upward"
+								:class="{ 'table-view__sort-item--active': sort.active === column && sort.direction === 'asc' }"
+								@select="applySort(column, 'asc')"
+							>
+								Ascending (A-Z)
+							</UiMenuItem>
+							<UiMenuItem
+								icon="arrow_downward"
+								:class="{ 'table-view__sort-item--active': sort.active === column && sort.direction === 'desc' }"
+								@select="applySort(column, 'desc')"
+							>
+								Descending (Z-A)
+							</UiMenuItem>
+							<UiDivider />
+							<UiMenuItem
+								:icon="isDefaultSort(column) ? 'lock' : 'lock_open'"
+								:disabled="!canToggleDefaultSort(column)"
+								:description="!canToggleDefaultSort(column) ? 'Select sort order first' : undefined"
+								@select="toggleDefaultSort(column)"
+							>
+								{{ isDefaultSort(column) ? 'Remove default' : 'Set as default' }}
+							</UiMenuItem>
+						</UiMenu>
+					</div>
+				</template>
+
+				<template
+					v-for="column in tableData.displayedDataColumns"
+					:key="`cell-${column}`"
+					#[`cell-${column}`]="{ row, index }"
+				>
+					<div class="table-view__cell ph-no-capture">
+						<ForeignKeyDisplay
+							v-if="isForeignKey(column)"
+							:field-key="String(index)"
+							:relations="tableData.foreignKeys[column]"
+							:value="foreignKeyValue(row, column)"
+							:is-selected="isForeignKeySelected(row, column)"
+							@foreign-key-click="onForeignKeyClick(row, column)"
+							@copy-to-clipboard="showCopyNotification"
+						/>
+						<component
+							:is="widgetComponent(column)"
+							v-else-if="widgetComponent(column)"
+							:field-key="String(index)"
+							:value="row[column]"
+							:widget-structure="tableData.widgets[column]"
+							:row-data="row"
+							:primary-keys="tableData.keyAttributes"
+							@copy-to-clipboard="showCopyNotification"
+						/>
+						<component
+							:is="typeComponent(column)"
+							v-else-if="typeComponent(column)"
+							:field-key="String(index)"
+							:value="row[column]"
+							@copy-to-clipboard="showCopyNotification"
+						/>
+					</div>
+				</template>
+
+				<template v-if="hasActions" #actions="{ row, index }">
+					<div class="table-view__row-actions">
+						<UiIconButton
+							v-for="action in tableData.tableActions"
+							:key="action.id ?? action.title"
+							:icon="action.icon"
+							:label="action.title"
+							size="sm"
+							@click="handleAction(action, row)"
+						/>
+						<UiIconButton
+							v-if="canEditRow"
+							icon="create"
+							label="Edit row"
+							size="sm"
+							:to="entryLink(tableData.getQueryParams(row))"
+							:data-testid="`table-edit-record-${index}-link`"
+							:data-test-primary-key-name="tableData.keyAttributes[0]?.column_name"
+							:data-test-primary-key-value="row[tableData.keyAttributes[0]?.column_name ?? '']"
+							@click="stashUrlParams(); track('Dashboard: edit row is clicked')"
+						/>
+						<UiIconButton
+							v-if="canAddRow"
+							icon="difference"
+							label="Duplicate row"
+							size="sm"
+							:to="entryLink(tableData.getQueryParams(row, 'dub'))"
+							:data-testid="`table-duplicate-record-${index}-link`"
+							@click="stashUrlParams(); track('Dashboard: duplicate row is clicked')"
+						/>
+						<UiIconButton
+							v-if="canDeleteRow && tableData.canDelete"
+							icon="delete"
+							label="Delete row"
+							size="sm"
+							:data-testid="`table-delete-record-${index}-button`"
+							@click="handleDeleteRow(row)"
+						/>
+					</div>
+				</template>
+			</UiTable>
+
+			<div v-if="tableData.isEmptyTable && !filtersCount && searchString" class="table-view__empty">
+				<p>No field matches <span class="table-view__mono">"{{ staticSearchString }}"</span>.</p>
+				<p>If you want to find <u>substring</u>, please, use <strong>Filter</strong>.</p>
+			</div>
+
+			<div
+				v-if="tableData.isEmptyTable && (filtersCount || hasSavedFilterActive) && !searchString"
+				class="table-view__empty"
+			>
+				<UiIcon name="filter_list_off" size="lg" class="table-view__empty-icon" />
+				<p>{{ hasSavedFilterActive ? 'No records match the selected fast filter' : 'No records match this filter' }}</p>
+			</div>
+
+			<div
+				v-if="tableData.isEmptyTable && !(filtersCount || hasSavedFilterActive || searchString)"
+				class="table-view__empty"
+			>
+				<UiButton
+					variant="secondary"
+					:to="entryLink()"
+					data-testid="table-add-record-in-empty-table-link"
+					@click="track('Dashboard: add row is clicked')"
+				>
+					<template #leading><UiIcon name="add" size="sm" /></template>
+					Add row
+				</UiButton>
+			</div>
+
+			<UiPaginator
+				v-model:page-index="pageIndex"
+				v-model:page-size="pageSize"
+				:length="tableData.total"
+				:page-size-options="[10, 30, 100, 300]"
+				:show-first-last="!tableData.largeDataset"
+				items-per-page-label="Rows per page:"
+				data-testid="table-paginator"
+				@page="onPage"
+			/>
+		</div>
+
+		<!-- Table switcher sheet -->
+		<TableSheet v-if="tableSwitcherOpen" title="Select table" @close="closeTableSwitcher">
+			<template #header>
+				<div class="table-view__sheet-search">
+					<UiIcon name="search" size="sm" />
+					<input
+						ref="tableSwitcherInput"
+						v-model="tableSwitcherSearch"
+						type="text"
+						class="table-view__sheet-search-input"
+						placeholder="Search tables"
+						aria-label="Search tables"
+						autocomplete="off"
+					>
+					<UiIconButton
+						v-if="tableSwitcherSearch"
+						icon="close"
+						label="Clear search"
+						size="sm"
+						@click="tableSwitcherSearch = ''"
+					/>
+				</div>
+			</template>
+			<template v-for="folder in switcher.folders" :key="folder.category_id ?? ''">
+				<button
+					type="button"
+					class="table-view__sheet-group"
+					:aria-expanded="!isFolderCollapsed(folder.category_id ?? '')"
+					@click="toggleFolderCollapse(folder.category_id ?? '')"
+				>
+					<UiIcon
+						:name="folder.category_id === 'all-tables-kitten' ? 'dehaze' : 'folder'"
+						size="sm"
+						:style="folder.category_id !== 'all-tables-kitten' && folder.category_color ? { color: folder.category_color } : undefined"
+					/>
+					<span class="table-view__sheet-group-name">{{ folder.category_name }}</span>
+					<span class="table-view__sheet-group-count">{{ folder.tables.length }}</span>
+					<UiIcon :name="isFolderCollapsed(folder.category_id ?? '') ? 'chevron_right' : 'expand_more'" size="sm" />
+				</button>
+				<template v-if="!isFolderCollapsed(folder.category_id ?? '')">
+					<button
+						v-for="item in folder.tables"
+						:key="item.table"
+						type="button"
+						class="table-view__sheet-item"
+						:class="{ 'table-view__sheet-item--active': item.table === name }"
+						@click="switchTableFromSheet(item.table)"
+					>
+						<span class="table-view__sheet-item-name">{{ item.normalizedTableName || item.display_name || item.table }}</span>
+						<UiIcon v-if="item.table === name" name="check" size="sm" />
+					</button>
+				</template>
+			</template>
+			<template v-if="switcher.uncategorized.length">
+				<div class="table-view__sheet-group">Others</div>
+				<button
+					v-for="item in switcher.uncategorized"
+					:key="item.table"
+					type="button"
+					class="table-view__sheet-item"
+					:class="{ 'table-view__sheet-item--active': item.table === name }"
+					@click="switchTableFromSheet(item.table)"
+				>
+					<span class="table-view__sheet-item-name">{{ item.normalizedTableName || item.display_name || item.table }}</span>
+					<UiIcon v-if="item.table === name" name="check" size="sm" />
+				</button>
+			</template>
+			<p
+				v-if="tableSwitcherSearch && !switcher.folders.length && !switcher.uncategorized.length"
+				class="table-view__sheet-empty"
+			>
+				No tables match "{{ tableSwitcherSearch }}".
+			</p>
+		</TableSheet>
+
+		<!-- Sort sheet -->
+		<TableSheet v-if="sortSheetOpen" title="Sort by" @close="closeSortSheet">
+			<template v-for="column in sortableDataColumns" :key="column">
+				<button
+					type="button"
+					class="table-view__sheet-item"
+					:aria-expanded="sortExpandedColumn === column"
+					@click="toggleSortColumn(column)"
+				>
+					<span class="table-view__sheet-item-name">{{ tableData.dataNormalizedColumns[column] }}</span>
+					<UiIcon :name="sortIcon(column)" size="sm" />
+				</button>
+				<div v-if="sortExpandedColumn === column" class="table-view__sort-options">
+					<UiButton
+						variant="ghost"
+						size="sm"
+						:class="{ 'table-view__sort-item--active': sort.active === column && sort.direction === 'asc' }"
+						@click="applySort(column, 'asc')"
+					>
+						<template #leading><UiIcon name="arrow_upward" size="sm" /></template>
+						Ascending (A-Z)
+					</UiButton>
+					<UiButton
+						variant="ghost"
+						size="sm"
+						:class="{ 'table-view__sort-item--active': sort.active === column && sort.direction === 'desc' }"
+						@click="applySort(column, 'desc')"
+					>
+						<template #leading><UiIcon name="arrow_downward" size="sm" /></template>
+						Descending (Z-A)
+					</UiButton>
+					<UiButton
+						variant="ghost"
+						size="sm"
+						:class="{ 'table-view__sort-item--active': isDefaultSort(column) }"
+						:disabled="!canToggleDefaultSort(column)"
+						@click="toggleDefaultSort(column)"
+					>
+						<template #leading><UiIcon name="push_pin" size="sm" /></template>
+						{{ isDefaultSort(column) ? 'Remove default' : 'Set as default' }}
+					</UiButton>
+				</div>
+			</template>
+		</TableSheet>
+
+		<!-- Columns sheet -->
+		<TableSheet v-if="columnsSheetOpen" title="Columns" @close="columnsSheetOpen = false">
+			<ColumnsList
+				:columns="tableData.columns"
+				:displayed-count="tableData.displayedDataColumns.length"
+				@visibility-change="onColumnVisibilityChange"
+				@reorder="onColumnsReorder"
+			/>
+		</TableSheet>
+
+		<!-- Import / export sheet -->
+		<TableSheet v-if="transferSheetOpen" title="Import / Export" @close="transferSheetOpen = false">
+			<button
+				v-if="tableData.isImportAllowed"
+				type="button"
+				class="table-view__sheet-item"
+				@click="transferSheetOpen = false; handleOpenImportDialog()"
+			>
+				<UiIcon name="upload" size="sm" />
+				<span class="table-view__sheet-item-name">Import</span>
+			</button>
+			<button
+				v-if="tableData.isExportAllowed"
+				type="button"
+				class="table-view__sheet-item"
+				@click="transferSheetOpen = false; handleOpenExportDialog()"
+			>
+				<UiIcon name="download" size="sm" />
+				<span class="table-view__sheet-item-name">Export</span>
+			</button>
+		</TableSheet>
+	</div>
+</template>
+
+<style scoped>
+.table-view {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+}
+
+.table-view__pull {
+	display: none;
+}
+
+.table-view__header {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--space-3);
+}
+
+.table-view__title {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+	min-width: 0;
+}
+
+.table-view__name {
+	margin: 0;
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+}
+
+.table-view__switcher,
+.table-view__mobile-only,
+.table-view__fab,
+.table-view__mobile-actions,
+.table-view__select-all {
+	display: none;
+}
+
+.table-view__refresh {
+	flex-shrink: 0;
+}
+
+.table-view__ai-icon {
+	width: 1.25rem;
+	height: 1.25rem;
+}
+
+.table-view__ai-icon-button {
+	align-items: center;
+	justify-content: center;
+	width: 2.5rem;
+	height: 2.5rem;
+	border: 0;
+	border-radius: var(--radius-pill);
+	background: transparent;
+	cursor: pointer;
+}
+
+.table-view__bulk-actions,
+.table-view__actions-bar,
+.table-view__actions,
+.table-view__search-row,
+.table-view__search-buttons {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: var(--space-2);
+}
+
+.table-view__actions-bar {
+	flex: 1;
+	justify-content: space-between;
+}
+
+.table-view__search {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+	min-width: 16rem;
+	padding: 0 var(--space-2);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-control);
+	background: var(--color-surface);
+}
+
+.table-view__search:focus-within {
+	box-shadow: var(--ring-focus);
+}
+
+.table-view__search-icon {
+	color: var(--color-muted);
+}
+
+.table-view__search-input {
+	flex: 1;
+	border: 0;
+	box-shadow: none;
+	background: transparent;
+}
+
+.table-view__search-input:focus {
+	box-shadow: none;
+}
+
+.table-view__action--active {
+	position: relative;
+	color: var(--color-accent);
+}
+
+.table-view__action--active::after {
+	content: '';
+	position: absolute;
+	top: var(--space-1);
+	right: var(--space-1);
+	width: 6px;
+	height: 6px;
+	border-radius: 50%;
+	background: var(--color-accent);
+}
+
+.table-view__columns {
+	position: relative;
+}
+
+.table-view__columns-count {
+	color: var(--color-muted);
+	font-size: var(--text-sm);
+}
+
+.table-view__columns-panel {
+	position: absolute;
+	inset-inline-end: 0;
+	top: calc(100% + var(--space-1));
+	z-index: var(--z-dropdown);
+	min-width: 16rem;
+	max-height: 60vh;
+	overflow-y: auto;
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-panel);
+	background: var(--color-surface-raised);
+	box-shadow: var(--shadow-lift);
+}
+
+.table-view__active-filters {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-2);
+}
+
+.table-view__filter-chip {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-05);
+	padding-inline-start: var(--space-3);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-pill);
+	background: var(--color-paper-2);
+	font-size: var(--text-sm);
+}
+
+.table-view__filter-chip-label {
+	padding: 0;
+	border: 0;
+	background: transparent;
+	color: var(--color-ink);
+	font: inherit;
+	cursor: pointer;
+}
+
+.table-view__filter-chip-label:focus-visible {
+	outline: none;
+	box-shadow: var(--ring-focus);
+}
+
+.table-view__saved-filters-row {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: var(--space-2);
+}
+
+.table-view__skeleton,
+.table-view__surface {
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-card);
+	background: var(--color-surface);
+	box-shadow: var(--shadow-card);
+	overflow: hidden;
+}
+
+.table-view__table {
+	max-height: none;
+}
+
+:deep(.table-view__row--open) {
+	background: var(--color-paper-2);
+}
+
+.table-view__header-cell {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+}
+
+.table-view__header-text {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.table-view__sort-button {
+	opacity: 0.5;
+}
+
+.table-view__header-cell:hover .table-view__sort-button,
+.table-view__header-cell--sorted .table-view__sort-button {
+	opacity: 1;
+}
+
+.table-view__sort-item--active {
+	color: var(--color-accent);
+}
+
+.table-view__cell {
+	max-width: 20rem;
+	overflow: hidden;
+}
+
+.table-view__row-actions {
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+}
+
+.table-view__empty {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: var(--space-2);
+	padding: var(--space-8) var(--space-4);
+	color: var(--color-ink-soft);
+	text-align: center;
+}
+
+.table-view__empty p {
+	margin: 0;
+}
+
+.table-view__empty-icon {
+	color: var(--color-muted);
+}
+
+.table-view__mono {
+	font-family: var(--font-mono);
+}
+
+.table-view__quick-chips {
+	align-items: center;
+	gap: var(--space-1);
+	overflow-x: auto;
+}
+
+.table-view__quick-chip {
+	display: inline-flex;
+	flex: 0 0 auto;
+	align-items: center;
+	padding-inline-start: var(--space-3);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-pill);
+}
+
+.table-view__quick-chip--active {
+	border-color: var(--color-accent);
+	color: var(--color-accent);
+}
+
+.table-view__quick-chip-label {
+	padding: var(--space-1) 0;
+	border: 0;
+	background: transparent;
+	color: inherit;
+	font: inherit;
+	cursor: pointer;
+}
+
+.table-view__divider {
+	width: 1px;
+	height: 1.5rem;
+	background: var(--color-line);
+}
+
+.table-view__sheet-search {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	margin: 0 var(--space-4) var(--space-2);
+	padding: var(--space-2) var(--space-3);
+	border-radius: var(--radius-control);
+	background: var(--color-paper-2);
+}
+
+.table-view__sheet-search-input {
+	flex: 1;
+	border: 0;
+	background: transparent;
+	color: var(--color-ink);
+	font: inherit;
+	outline: none;
+}
+
+.table-view__sheet-group,
+.table-view__sheet-item {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	width: 100%;
+	padding: var(--space-3) var(--space-5);
+	border: 0;
+	background: transparent;
+	color: var(--color-ink);
+	font: inherit;
+	text-align: start;
+	cursor: pointer;
+}
+
+.table-view__sheet-group {
+	color: var(--color-ink-soft);
+	font-size: var(--text-sm);
+	font-weight: var(--weight-semibold);
+}
+
+.table-view__sheet-group-name,
+.table-view__sheet-item-name {
+	flex: 1;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.table-view__sheet-group-count {
+	color: var(--color-muted);
+}
+
+.table-view__sheet-item--active {
+	color: var(--color-accent);
+	font-weight: var(--weight-medium);
+}
+
+.table-view__sheet-empty {
+	padding: var(--space-4) var(--space-5);
+	color: var(--color-muted);
+}
+
+.table-view__sort-options {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	padding: 0 var(--space-5) var(--space-2);
+}
+
+@media (width <= 600px) {
+	.table-view__pull {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+		color: var(--color-muted);
+		transition: height var(--motion-fast);
+	}
+
+	.table-view__pull-icon--spinning {
+		animation: table-view-spin var(--spin-duration) linear infinite;
+	}
+
+	.table-view__name,
+	.table-view__desktop-only,
+	.table-view__columns-count,
+	.table-view__action-label {
+		display: none;
+	}
+
+	.table-view__switcher {
+		display: inline-flex;
+		align-items: center;
+		gap: var(--space-1);
+		min-width: 0;
+		padding: var(--space-1) var(--space-2);
+		border: 0;
+		border-radius: var(--radius-control);
+		background: transparent;
+		color: var(--color-ink);
+		font: inherit;
+		font-size: var(--text-lg, var(--text-xl));
+		font-weight: var(--weight-semibold);
+		cursor: pointer;
+	}
+
+	.table-view__switcher-name {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.table-view__mobile-only,
+	.table-view__select-all,
+	.table-view__mobile-actions {
+		display: inline-flex;
+	}
+
+	.table-view__search {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.table-view__search-row {
+		width: 100%;
+	}
+
+	.table-view__fab {
+		position: fixed;
+		right: var(--space-4);
+		bottom: calc(var(--space-4) + env(safe-area-inset-bottom, 0));
+		z-index: var(--z-sticky);
+		display: inline-flex;
+		box-shadow: var(--shadow-lift);
+	}
+}
+
+@keyframes table-view-spin {
+	to {
+		transform: rotate(360deg);
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/dashboard/TablesList.spec.ts b/frontend-vue/src/components/dashboard/TablesList.spec.ts
new file mode 100644
index 000000000..1a5871a09
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TablesList.spec.ts
@@ -0,0 +1,179 @@
+// Port of db-tables-list.component.spec.ts, extended to the sidebar's behaviour: links, search,
+// folders and their dialogs, the collapsed rail.
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import { vTooltip } from '@/components/ui';
+import type { TableProperties } from '@/models/table';
+import { useTableStateStore } from '@/stores/table-state';
+import type { TableFolder } from '@/stores/tables';
+import TablesList from './TablesList.vue';
+
+const tables = vi.hoisted(() => ({ updateTablesFolders: vi.fn() }));
+const uiSettings = vi.hoisted(() => ({ updateConnectionSetting: vi.fn() }));
+const connections = vi.hoisted(() => ({ canEditConnection: true }));
+const dialog = vi.hoisted(() => ({ open: vi.fn() }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/ui-settings', () => ({ useUiSettingsStore: () => uiSettings }));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => connections }));
+vi.mock('@/composables/useDialog', () => ({ useDialog: () => dialog }));
+
+const permissions = { visibility: true, readonly: false, add: true, delete: true, edit: true };
+const table = (name: string, normalizedTableName: string, initials: string): TableProperties => ({
+	table: name,
+	normalizedTableName,
+	initials,
+	permissions,
+});
+const allTables = [table('users', 'Users', 'U'), table('order_items', 'Order Items', 'OI')];
+
+function folders(custom: TableFolder[] = []): TableFolder[] {
+	return [{ category_id: 'all-tables-kitten', category_name: 'All tables', tables: allTables }, ...custom];
+}
+
+async function mountList(props: Partial<InstanceType<typeof TablesList>['$props']> = {}) {
+	const pinia = createPinia();
+	setActivePinia(pinia);
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:pathMatch(.*)*', component: { render: () => null } }],
+	});
+	await router.push('/dashboard/conn/users');
+	const wrapper = mount(TablesList, {
+		props: { connectionID: 'conn', tableFolders: folders(), selectedTable: 'users', ...props },
+		global: { plugins: [router, pinia], directives: { tooltip: vTooltip } },
+		attachTo: document.body,
+	});
+	await flushPromises();
+	return { wrapper, router };
+}
+
+describe('TablesList', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		connections.canEditConnection = true;
+		tables.updateTablesFolders.mockResolvedValue([]);
+	});
+
+	it('should create with an empty "All tables" folder and say there are no tables', async () => {
+		const { wrapper } = await mountList({
+			tableFolders: [{ category_id: 'all-tables-kitten', category_name: 'All Tables', tables: [] }],
+		});
+		expect(wrapper.text()).toContain('No tables in this connection.');
+		wrapper.unmount();
+	});
+
+	it('links every table to its first page and marks the open one', async () => {
+		const { wrapper } = await mountList();
+		const links = wrapper.findAll('a.tables-list__table-link');
+		expect(links.map((link) => link.text())).toEqual(['Users', 'Order Items']);
+		expect(links[0]?.attributes('href')).toBe('/dashboard/conn/users?page_index=0&page_size=30');
+		expect(links[0]?.classes()).toContain('tables-list__table-link--active');
+		wrapper.unmount();
+	});
+
+	it('closes the row preview and the AI panel when a table is opened', async () => {
+		const { wrapper } = await mountList();
+		const tableState = useTableStateStore();
+		tableState.handleViewAIpanel();
+		await wrapper.findAll('a.tables-list__table-link')[1]?.trigger('click');
+		expect(tableState.aiPanelOpen).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('searches the tables and says when nothing is found', async () => {
+		const { wrapper } = await mountList();
+		const search = wrapper.find('input[name="search"]');
+		await search.setValue('order');
+		await search.trigger('keyup');
+		expect(wrapper.findAll('a.tables-list__table-link').map((link) => link.text())).toEqual(['Order Items']);
+		await search.setValue('zzz');
+		await search.trigger('keyup');
+		expect(wrapper.text()).toContain('Nothing found.');
+		wrapper.unmount();
+	});
+
+	it('adds a folder for editors only', async () => {
+		const { wrapper } = await mountList();
+		const add = wrapper.findAll('button').find((button) => button.text().includes('Add folder'));
+		await add?.trigger('click');
+		expect(tables.updateTablesFolders).toHaveBeenCalledWith(
+			'conn',
+			expect.arrayContaining([expect.objectContaining({ category_name: 'Folder 1', tables: [] })]),
+		);
+		expect(wrapper.text()).toContain('Add or drag and drop tables');
+		wrapper.unmount();
+
+		connections.canEditConnection = false;
+		const readonly = await mountList();
+		expect(readonly.wrapper.findAll('button').some((button) => button.text().includes('Add folder'))).toBe(false);
+		readonly.wrapper.unmount();
+	});
+
+	it('edits a folder through its dialog and saves the result', async () => {
+		dialog.open.mockReturnValue({
+			afterClosed: () =>
+				Promise.resolve({ id: 'sales', name: 'Money', expanded: true, tableIds: ['users'], iconColor: '#2196F3' }),
+		});
+		const { wrapper } = await mountList({
+			tableFolders: folders([
+				{ category_id: 'sales', category_name: 'Sales', tables: [allTables[1] as TableProperties] },
+			]),
+			uiSettings: { shownTableTitles: true, tables: {}, tableFoldersExpanded: ['sales'] },
+		});
+		const edit = wrapper.findAll('[role="menuitem"]').find((item) => item.text().includes('Edit'));
+		await edit?.trigger('click');
+		await flushPromises();
+		expect(dialog.open.mock.calls[0]?.[1]).toMatchObject({
+			data: { folder: { id: 'sales', name: 'Sales', tableIds: ['order_items'] } },
+		});
+		expect(tables.updateTablesFolders).toHaveBeenCalledWith('conn', [
+			expect.objectContaining({ category_id: 'all-tables-kitten' }),
+			{ category_id: 'sales', category_name: 'Money', category_color: '#2196F3', tables: ['users'] },
+		]);
+		wrapper.unmount();
+	});
+
+	it('deletes a folder once confirmed', async () => {
+		dialog.open.mockReturnValue({ afterClosed: () => Promise.resolve(true) });
+		const { wrapper } = await mountList({
+			tableFolders: folders([{ category_id: 'sales', category_name: 'Sales', tables: [] }]),
+		});
+		const remove = wrapper.findAll('[role="menuitem"]').find((item) => item.text().includes('Delete'));
+		await remove?.trigger('click');
+		await flushPromises();
+		expect(dialog.open.mock.calls[0]?.[1]).toEqual({ data: { folderName: 'Sales', tableCount: 0 } });
+		expect(tables.updateTablesFolders).toHaveBeenCalledWith('conn', [
+			expect.objectContaining({ category_id: 'all-tables-kitten' }),
+		]);
+		wrapper.unmount();
+	});
+
+	it('remembers the expanded folders in the UI settings', async () => {
+		const { wrapper } = await mountList({
+			tableFolders: folders([{ category_id: 'sales', category_name: 'Sales', tables: [] }]),
+			uiSettings: { shownTableTitles: true, tables: {}, tableFoldersExpanded: ['all-tables-kitten'] },
+		});
+		const toggles = wrapper.findAll('.tables-list__folder-toggle');
+		expect(toggles.map((toggle) => toggle.attributes('aria-expanded'))).toEqual(['true', 'false']);
+		await toggles[1]?.trigger('click');
+		expect(uiSettings.updateConnectionSetting).toHaveBeenCalledWith('conn', 'tableFoldersExpanded', [
+			'all-tables-kitten',
+			'sales',
+		]);
+		wrapper.unmount();
+	});
+
+	it('shows the collapsed rail with initials and asks to expand for a search', async () => {
+		const { wrapper } = await mountList();
+		await wrapper.setProps({ collapsed: true });
+		await wrapper.setProps({ collapsed: false });
+		await wrapper.setProps({ collapsed: true });
+		const initials = wrapper.findAll('a.tables-list__rail-table').map((link) => link.text());
+		expect(initials).toEqual(['U', 'OI']);
+		await wrapper.find('button[aria-label="Search"]').trigger('click');
+		expect(wrapper.emitted('expandSidebar')).toHaveLength(1);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/dashboard/TablesList.vue b/frontend-vue/src/components/dashboard/TablesList.vue
new file mode 100644
index 000000000..9f6685cd9
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/TablesList.vue
@@ -0,0 +1,578 @@
+<script setup lang="ts">
+// Port of dashboard/db-tables-list (DbTablesListComponent): the table sidebar. Expanded, it has
+// a search, "Add folder" and the folders — "All tables" plus the user's own — each listing its
+// tables as links (first page, 30 rows). Editors can drag a table's link onto a folder to add it,
+// reorder a folder's tables by their handle (vuedraggable, in place of cdkDropList), and edit or
+// delete a folder from its menu. Collapsed, it is a rail of folder icons whose table list shows
+// as initials/icons.
+//
+// The folder state and every save live in useTableFolders; this component is the markup.
+import { nextTick, ref, watch } from 'vue';
+import Draggable from 'vuedraggable';
+import AppContentLoader from '@/components/shared/AppContentLoader.vue';
+import { UiButton, UiIcon, UiIconButton, UiInput, UiMenu, UiMenuItem, vTooltip } from '@/components/ui';
+import { useDialog } from '@/composables/useDialog';
+import { ALL_TABLES_FOLDER_ID, type Folder, useTableFolders } from '@/composables/useTableFolders';
+import { FIRST_PAGE_QUERY } from '@/lib/table-query';
+import type { TableProperties } from '@/models/table';
+import type { ConnectionSettingsUI } from '@/models/ui-settings';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTableStateStore } from '@/stores/table-state';
+import type { TableFolder } from '@/stores/tables';
+import FolderDeleteDialog from './FolderDeleteDialog.vue';
+import FolderEditDialog from './FolderEditDialog.vue';
+import { FOLDER_ICON_COLORS } from './folderColors';
+
+const props = withDefaults(
+	defineProps<{
+		connectionID: string;
+		connectionTitle?: string;
+		/** null while loading. */
+		tableFolders: TableFolder[] | null;
+		selectedTable?: string | null;
+		collapsed?: boolean;
+		uiSettings?: ConnectionSettingsUI | null;
+	}>(),
+	{ connectionTitle: '', selectedTable: null, collapsed: false, uiSettings: null },
+);
+
+const emit = defineEmits<{ expandSidebar: [] }>();
+
+const connections = useConnectionsStore();
+const tableState = useTableStateStore();
+const dialog = useDialog();
+
+const state = useTableFolders({
+	connectionID: () => props.connectionID,
+	tableFolders: () => props.tableFolders,
+	uiSettings: () => props.uiSettings,
+	selectedTable: () => props.selectedTable,
+});
+state.init();
+
+watch(
+	() => props.collapsed,
+	(collapsed) => state.onCollapsedChange(collapsed),
+);
+
+const searchInput = ref<InstanceType<typeof UiInput> | null>(null);
+const canEdit = () => connections.canEditConnection;
+
+function getTableName(table: TableProperties): string {
+	return table.display_name || table.normalizedTableName || table.table;
+}
+
+function tableLink(table: TableProperties) {
+	return { path: `/dashboard/${props.connectionID}/${table.table}`, query: { ...FIRST_PAGE_QUERY } };
+}
+
+function closeSidebar() {
+	tableState.clearSelection();
+	tableState.closeAIpanel();
+}
+
+/** The collapsed rail's search: expands the sidebar and focuses its search once it is shown. */
+function toggleCollapsedSearch() {
+	emit('expandSidebar');
+	setTimeout(async () => {
+		await nextTick();
+		const input = (searchInput.value?.$el as HTMLInputElement | undefined) ?? null;
+		input?.focus();
+		input?.select();
+	}, 300);
+}
+
+async function deleteFolder(folder: Folder) {
+	const confirmed = await dialog
+		.open<boolean>(FolderDeleteDialog, { data: { folderName: folder.name, tableCount: folder.tableIds.length } })
+		.afterClosed();
+	if (confirmed) state.removeFolder(folder.id);
+}
+
+async function showEditTablesDialog(folder: Folder) {
+	folder.expanded = true;
+	const result = await dialog
+		.open<Folder>(FolderEditDialog, {
+			data: {
+				folder: { ...folder, tableIds: [...folder.tableIds] },
+				tables: state.allTables,
+				folderIconColors: FOLDER_ICON_COLORS,
+			},
+		})
+		.afterClosed();
+	if (result) state.replaceFolder(result);
+}
+
+/** vuedraggable `change` inside one folder: move the table id as cdk moveItemInArray did. */
+function onReorder(folder: Folder, event: { moved?: { oldIndex: number; newIndex: number } }) {
+	if (!event.moved) return;
+	const { oldIndex, newIndex } = event.moved;
+	if (oldIndex === newIndex) return;
+	const tableIds = [...folder.tableIds];
+	const [moved] = tableIds.splice(oldIndex, 1);
+	if (moved === undefined) return;
+	tableIds.splice(newIndex, 0, moved);
+	state.reorderFolder(folder, tableIds);
+}
+
+/** Where in the folder a dragged table lands: before the first item whose middle is below the pointer. */
+function dropIndex(event: DragEvent, folder: Folder): number {
+	const items = [...(event.currentTarget as HTMLElement).querySelectorAll('.tables-list__table')];
+	const index = items.findIndex((item) => {
+		const rect = item.getBoundingClientRect();
+		return event.clientY < rect.top + rect.height / 2;
+	});
+	if (index !== -1) return index;
+	return folder.tableIds.length;
+}
+
+function onDragOver(event: DragEvent, folder: Folder) {
+	if (canEdit()) state.onFolderDragOver(event, folder.id);
+}
+
+function onDragLeave(event: DragEvent) {
+	if (canEdit()) state.onFolderDragLeave(event);
+}
+
+function onDrop(event: DragEvent, folder: Folder) {
+	if (!canEdit()) return;
+	event.preventDefault();
+	state.dropTable(folder, dropIndex(event, folder));
+}
+
+function onTableDragStart(event: DragEvent, table: TableProperties) {
+	if (canEdit()) state.onTableDragStart(event, table);
+}
+
+function onTableDragEnd() {
+	if (canEdit()) state.onTableDragEnd();
+}
+
+function folderIcon(folder: Folder): string {
+	return folder.id === ALL_TABLES_FOLDER_ID ? 'dehaze' : 'folder';
+}
+</script>
+
+<template>
+	<AppContentLoader v-if="tableFolders === null" />
+
+	<div v-else-if="state.allTables.length" class="tables-list">
+		<!-- Collapsed rail -->
+		<div v-if="collapsed" class="tables-list__rail">
+			<div class="tables-list__rail-top">
+				<UiIconButton v-tooltip:right="'Search'" icon="search" label="Search" @click="toggleCollapsedSearch" />
+
+				<div v-if="state.folders.length > 0" class="tables-list__rail-folders">
+					<button
+						v-for="folder in state.folders"
+						:key="folder.id"
+						v-tooltip:right="folder.name"
+						type="button"
+						class="tables-list__rail-folder"
+						:class="{ 'tables-list__rail-folder--active': state.currentCollapsedFolder?.id === folder.id }"
+						:aria-label="folder.name"
+						:aria-pressed="state.currentCollapsedFolder?.id === folder.id"
+						@click="state.onCollapsedFolderClick(folder)"
+					>
+						<UiIcon
+							:name="folderIcon(folder)"
+							:style="folder.id !== ALL_TABLES_FOLDER_ID && folder.iconColor ? { color: folder.iconColor } : undefined"
+						/>
+					</button>
+				</div>
+				<span v-else v-tooltip:right="'All Tables'" class="tables-list__rail-folder">
+					<UiIcon name="dehaze" label="All Tables" />
+				</span>
+
+				<div v-if="state.showCollapsedTableList" class="tables-list__rail-tables">
+					<RouterLink
+						v-for="tableItem in state.getCollapsedTableList()"
+						:key="tableItem.table"
+						v-tooltip:right="getTableName(tableItem)"
+						:to="tableLink(tableItem)"
+						class="tables-list__rail-table"
+						:class="{ 'tables-list__rail-table--active': selectedTable === tableItem.table }"
+						:aria-label="getTableName(tableItem)"
+						@click="closeSidebar"
+					>
+						<UiIcon v-if="tableItem.icon" :name="tableItem.icon" size="sm" />
+						<template v-else>{{ tableItem.initials }}</template>
+					</RouterLink>
+				</div>
+			</div>
+
+			<div v-if="canEdit()" class="tables-list__rail-bottom">
+				<UiIconButton v-tooltip:right="'Add folder'" icon="add" label="Add folder" @click="state.onAddFolder()" />
+			</div>
+		</div>
+
+		<!-- Expanded sidebar -->
+		<div v-else class="tables-list__expanded" :class="{ 'tables-list__expanded--with-folders': state.hasCustomFolders() }">
+			<div class="tables-list__search">
+				<UiInput
+					ref="searchInput"
+					v-model="state.substringToSearch"
+					type="search"
+					name="search"
+					placeholder="Search"
+					aria-label="Search tables"
+					:invalid="state.foundTables.length === 0"
+					@keyup="state.searchSubstring()"
+				/>
+				<p v-if="state.foundTables.length === 0" class="tables-list__search-error" role="alert">Nothing found.</p>
+			</div>
+
+			<div v-if="canEdit()" class="tables-list__add-folder">
+				<UiButton variant="secondary" size="sm" block @click="state.onAddFolder()">
+					<template #leading><UiIcon name="add" size="sm" /></template>
+					Add folder
+				</UiButton>
+			</div>
+
+			<div v-if="state.folders.length > 0" class="tables-list__folders">
+				<template v-for="folder in state.folders" :key="folder.id">
+					<div
+						v-if="state.shouldShowFolder(folder)"
+						class="tables-list__folder"
+						:class="{
+							'tables-list__folder--expanded': folder.expanded,
+							'tables-list__folder--drag-over':
+								canEdit() && state.dragOverFolder !== ALL_TABLES_FOLDER_ID && state.dragOverFolder === folder.id,
+						}"
+						:data-testid="`tables-folder-${folder.id}`"
+						@dragover="onDragOver($event, folder)"
+						@dragleave="onDragLeave"
+						@drop="onDrop($event, folder)"
+					>
+						<div class="tables-list__folder-header">
+							<button
+								type="button"
+								class="tables-list__folder-toggle"
+								:aria-expanded="folder.expanded"
+								@click="state.toggleFolder(folder.id)"
+							>
+								<UiIcon
+									:name="folderIcon(folder)"
+									size="sm"
+									class="tables-list__folder-icon"
+									:style="folder.iconColor ? { color: folder.iconColor } : undefined"
+								/>
+								<span v-tooltip="folder.name.length > 18 ? folder.name : ''" class="tables-list__folder-name">
+									{{ folder.name }}
+								</span>
+								<UiIcon
+									v-if="folder.id !== ALL_TABLES_FOLDER_ID || state.hasCustomFolders()"
+									name="chevron_right"
+									size="sm"
+									class="tables-list__folder-chevron"
+								/>
+							</button>
+							<UiMenu v-if="folder.id !== ALL_TABLES_FOLDER_ID && canEdit()" align="end" label="Folder options">
+								<template #trigger="{ triggerProps }">
+									<UiIconButton v-bind="triggerProps" icon="more_vert" label="Folder options" size="sm" />
+								</template>
+								<UiMenuItem icon="edit_note" @select="showEditTablesDialog(folder)">Edit</UiMenuItem>
+								<UiMenuItem icon="delete" @select="deleteFolder(folder)">Delete</UiMenuItem>
+							</UiMenu>
+						</div>
+
+						<div v-if="folder.expanded" class="tables-list__folder-tables">
+							<Draggable
+								v-if="state.getFolderTables(folder).length > 0"
+								:model-value="state.getFolderTables(folder)"
+								item-key="table"
+								tag="ul"
+								class="tables-list__tables"
+								handle=".tables-list__drag-handle"
+								:force-fallback="true"
+								:disabled="!state.isReorderingEnabled(canEdit(), collapsed)"
+								@change="onReorder(folder, $event)"
+							>
+								<template #item="{ element: table }">
+									<li
+										v-tooltip="getTableName(table).length > 18 ? getTableName(table) : ''"
+										class="tables-list__table"
+									>
+										<UiIcon
+											v-if="state.isReorderingEnabled(canEdit(), collapsed)"
+											name="drag_indicator"
+											size="sm"
+											class="tables-list__drag-handle"
+										/>
+										<RouterLink
+											:to="tableLink(table)"
+											class="tables-list__table-link"
+											:class="{ 'tables-list__table-link--active': selectedTable === table.table }"
+											:draggable="canEdit()"
+											@dragstart="onTableDragStart($event, table)"
+											@dragend="onTableDragEnd"
+											@click="closeSidebar"
+										>
+											<span class="tables-list__table-name">{{ getTableName(table) }}</span>
+										</RouterLink>
+									</li>
+								</template>
+							</Draggable>
+							<div
+								v-else
+								class="tables-list__no-tables"
+								:class="{ 'tables-list__no-tables--empty-folder': folder.isEmpty }"
+							>
+								<p v-if="!folder.isEmpty">No tables in this folder</p>
+								<UiButton variant="secondary" size="sm" @click="showEditTablesDialog(folder)">
+									{{ folder.isEmpty ? 'Add or drag and drop tables' : 'Add table' }}
+								</UiButton>
+							</div>
+						</div>
+					</div>
+				</template>
+			</div>
+		</div>
+	</div>
+
+	<div v-else class="tables-list__empty">
+		<p>No tables in this connection.</p>
+		<p>
+			Rocketadmin do not provide adding and deleting database tables, only editing ones. You can add a table with SQL
+			editor.
+		</p>
+	</div>
+</template>
+
+<style scoped>
+.tables-list {
+	height: 100%;
+}
+
+.tables-list__rail {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	height: 100%;
+	padding: var(--space-2) 0;
+}
+
+.tables-list__rail-top,
+.tables-list__rail-folders,
+.tables-list__rail-tables {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: var(--space-1);
+}
+
+.tables-list__rail-tables {
+	padding-top: var(--space-2);
+	border-top: 1px solid var(--color-line);
+}
+
+.tables-list__rail-bottom {
+	display: flex;
+	justify-content: center;
+	padding-top: var(--space-2);
+}
+
+.tables-list__rail-folder,
+.tables-list__rail-table {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 2.5rem;
+	height: 2.5rem;
+	border: 0;
+	border-radius: var(--radius-control);
+	background: transparent;
+	color: var(--color-ink-soft);
+	font: inherit;
+	font-size: var(--text-sm);
+	font-weight: var(--weight-semibold);
+	text-decoration: none;
+	cursor: pointer;
+}
+
+.tables-list__rail-folder:hover,
+.tables-list__rail-table:hover {
+	background: var(--color-paper-2);
+}
+
+.tables-list__rail-folder--active,
+.tables-list__rail-table--active {
+	background: var(--color-paper-2);
+	color: var(--color-accent);
+}
+
+.tables-list__rail-folder:focus-visible,
+.tables-list__rail-table:focus-visible {
+	outline: none;
+	box-shadow: var(--ring-focus);
+}
+
+.tables-list__expanded {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+	padding: var(--space-3);
+}
+
+/* With custom folders, "Add folder" moves under the folders, as the Angular CSS `order` did. */
+.tables-list__expanded--with-folders .tables-list__add-folder {
+	order: 3;
+}
+
+.tables-list__search-error {
+	margin: var(--space-1) 0 0;
+	color: var(--color-danger);
+	font-size: var(--text-xs);
+}
+
+.tables-list__folders {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+}
+
+.tables-list__folder {
+	border: 1px solid transparent;
+	border-radius: var(--radius-control);
+}
+
+.tables-list__folder--drag-over {
+	border-color: var(--color-accent);
+	background: var(--color-paper-2);
+}
+
+.tables-list__folder-header {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+}
+
+.tables-list__folder-toggle {
+	display: flex;
+	flex: 1;
+	align-items: center;
+	gap: var(--space-2);
+	min-width: 0;
+	padding: var(--space-2);
+	border: 0;
+	border-radius: var(--radius-control);
+	background: transparent;
+	color: var(--color-ink);
+	font: inherit;
+	font-weight: var(--weight-medium);
+	text-align: start;
+	cursor: pointer;
+}
+
+.tables-list__folder-toggle:hover {
+	background: var(--color-paper-2);
+}
+
+.tables-list__folder-toggle:focus-visible {
+	outline: none;
+	box-shadow: var(--ring-focus);
+}
+
+.tables-list__folder-icon {
+	flex-shrink: 0;
+	color: var(--color-ink-soft);
+}
+
+.tables-list__folder-name {
+	flex: 1;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.tables-list__folder-chevron {
+	flex-shrink: 0;
+	color: var(--color-muted);
+	transition: transform var(--motion-fast);
+}
+
+.tables-list__folder--expanded .tables-list__folder-chevron {
+	transform: rotate(90deg);
+}
+
+.tables-list__tables {
+	margin: 0;
+	padding: 0 0 var(--space-1) var(--space-3);
+	list-style: none;
+}
+
+.tables-list__table {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+}
+
+.tables-list__drag-handle {
+	flex-shrink: 0;
+	color: var(--color-muted);
+	cursor: grab;
+	opacity: 0;
+}
+
+.tables-list__table:hover .tables-list__drag-handle {
+	opacity: 1;
+}
+
+.tables-list__table-link {
+	flex: 1;
+	min-width: 0;
+	padding: var(--space-1) var(--space-2);
+	border-radius: var(--radius-control);
+	color: var(--color-ink-soft);
+	text-decoration: none;
+}
+
+.tables-list__table-link:hover {
+	background: var(--color-paper-2);
+	color: var(--color-ink);
+}
+
+.tables-list__table-link:focus-visible {
+	outline: none;
+	box-shadow: var(--ring-focus);
+}
+
+.tables-list__table-link--active {
+	background: var(--color-paper-2);
+	color: var(--color-accent);
+	font-weight: var(--weight-medium);
+}
+
+.tables-list__table-name {
+	display: block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.tables-list__no-tables {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: var(--space-2);
+	padding: var(--space-2) var(--space-3);
+	color: var(--color-muted);
+	font-size: var(--text-sm);
+}
+
+.tables-list__no-tables p {
+	margin: 0;
+}
+
+.tables-list__no-tables--empty-folder {
+	align-items: stretch;
+	border: 1px dashed var(--color-line-strong);
+	border-radius: var(--radius-control);
+	margin: 0 var(--space-2) var(--space-2);
+}
+
+.tables-list__empty {
+	padding: var(--space-4);
+	color: var(--color-ink-soft);
+}
+</style>
diff --git a/frontend-vue/src/components/dashboard/analytics.ts b/frontend-vue/src/components/dashboard/analytics.ts
new file mode 100644
index 000000000..8fc825f6b
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/analytics.ts
@@ -0,0 +1,9 @@
+// The table browser reported each event to both Amplitude (angulartics2On) and PostHog
+// (posthog.capture); this sends one event to both.
+import posthog from 'posthog-js';
+import { trackEvent } from '@/composables/useAnalytics';
+
+export function track(action: string, properties?: Record<string, unknown>): void {
+	trackEvent(action, properties);
+	posthog.capture(action, properties);
+}
diff --git a/frontend-vue/src/components/dashboard/backUrl.ts b/frontend-vue/src/components/dashboard/backUrl.ts
new file mode 100644
index 000000000..90e79795f
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/backUrl.ts
@@ -0,0 +1,27 @@
+// "Back to the table" state for the row edit page: the table view's paging/sort from the URL and
+// its active filters, stashed in sessionStorage (TableStateService.setBackUrlParams/Filters) right
+// before a link to the entry page is followed.
+import type { LocationQuery } from 'vue-router';
+import { DEFAULT_PAGE_SIZE, queryValue } from '@/lib/table-query';
+import { useTableStateStore } from '@/stores/table-state';
+
+export function stashBackUrl(query: LocationQuery, activeFilters: object | null | undefined): void {
+	const tableState = useTableStateStore();
+	tableState.setBackUrlParams(
+		Number.parseInt(queryValue(query, 'page_index') ?? '', 10) || 0,
+		Number.parseInt(queryValue(query, 'page_size') ?? '', 10) || DEFAULT_PAGE_SIZE,
+		queryValue(query, 'sort_active'),
+		queryValue(query, 'sort_direction'),
+	);
+	stashBackUrlFilters(activeFilters);
+}
+
+/** Only the filters (stashFilters): kept when there are any, cleared otherwise. */
+export function stashBackUrlFilters(activeFilters: object | null | undefined): void {
+	const tableState = useTableStateStore();
+	if (activeFilters && Object.keys(activeFilters).length > 0) {
+		tableState.setBackUrlFilters(activeFilters as Record<string, unknown>);
+	} else {
+		tableState.setBackUrlFilters(null);
+	}
+}
diff --git a/frontend-vue/src/components/dashboard/dialogs.spec.ts b/frontend-vue/src/components/dashboard/dialogs.spec.ts
new file mode 100644
index 000000000..b1fd6ab06
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/dialogs.spec.ts
@@ -0,0 +1,179 @@
+// FolderDeleteDialog, FolderEditDialog, BulkActionConfirmationDialog and ActionLinkDialog, opened
+// through useDialog as the table browser opens them.
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import DialogHost from '@/components/dialog/DialogHost.vue';
+import { useDialog } from '@/composables/useDialog';
+import type { Folder } from '@/composables/useTableFolders';
+import ActionLinkDialog from './ActionLinkDialog.vue';
+import BulkActionConfirmationDialog from './BulkActionConfirmationDialog.vue';
+import FolderDeleteDialog from './FolderDeleteDialog.vue';
+import FolderEditDialog from './FolderEditDialog.vue';
+import { FOLDER_ICON_COLORS } from './folderColors';
+
+const tables = vi.hoisted(() => ({ currentTableName: 'users', activateActions: vi.fn(), bulkDelete: vi.fn() }));
+const tableRow = vi.hoisted(() => ({ deleteTableRow: vi.fn() }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/table-row', () => ({ useTableRowStore: () => tableRow }));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => ({ currentConnectionID: '12345678' }) }));
+
+async function open(component: Parameters<ReturnType<typeof useDialog>['open']>[0], data: unknown) {
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:p(.*)*', component: { render: () => null } }],
+	});
+	const wrapper = mount(DialogHost, { attachTo: document.body, global: { plugins: [router] } });
+	const dialogRef = useDialog().open(component, { data });
+	await flushPromises();
+	return { wrapper, dialogRef };
+}
+
+function button(wrapper: Awaited<ReturnType<typeof open>>['wrapper'], label: string) {
+	const match = wrapper.findAll('button').find((candidate) => candidate.text() === label);
+	if (!match) throw new Error(`No button "${label}"`);
+	return match;
+}
+
+describe('table browser dialogs', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+	});
+
+	describe('FolderDeleteDialog', () => {
+		it('names the folder and its tables, and closes with true on delete', async () => {
+			const { wrapper, dialogRef } = await open(FolderDeleteDialog, { folderName: 'Sales', tableCount: 2 });
+			expect(wrapper.text()).toContain('Are you sure you want to delete the folder "Sales"?');
+			expect(wrapper.text()).toContain('This folder contains 2 tables.');
+			await button(wrapper, 'Delete folder').trigger('click');
+			await expect(dialogRef.afterClosed()).resolves.toBe(true);
+			wrapper.unmount();
+		});
+
+		it('closes with false on cancel and hides the info for an empty folder', async () => {
+			const { wrapper, dialogRef } = await open(FolderDeleteDialog, { folderName: 'Empty', tableCount: 0 });
+			expect(wrapper.text()).not.toContain('This folder contains');
+			await button(wrapper, 'Cancel').trigger('click');
+			await expect(dialogRef.afterClosed()).resolves.toBe(false);
+			wrapper.unmount();
+		});
+	});
+
+	describe('FolderEditDialog', () => {
+		const folder: Folder = { id: 'f1', name: 'Sales', expanded: true, tableIds: ['orders'], isEmpty: false };
+		const permissions = { visibility: true, readonly: false, add: true, delete: true, edit: true };
+		const data = () => ({
+			folder: { ...folder, tableIds: [...folder.tableIds] },
+			tables: [
+				{ table: 'orders', permissions },
+				{ table: 'users', display_name: 'People', permissions },
+			],
+			folderIconColors: FOLDER_ICON_COLORS,
+		});
+
+		it('saves the renamed folder with its new tables and colour, on a copy', async () => {
+			const input = data();
+			const { wrapper, dialogRef } = await open(FolderEditDialog, input);
+			await wrapper.find('input[name="folderName"]').setValue('  Money  ');
+			await button(wrapper, 'Add').trigger('click');
+			await button(wrapper, 'Remove').trigger('click');
+			await wrapper.find('input[aria-label="Blue"]').setValue(true);
+			await wrapper.find('form').trigger('submit');
+			await expect(dialogRef.afterClosed()).resolves.toEqual({
+				id: 'f1',
+				name: 'Money',
+				expanded: true,
+				tableIds: ['users'],
+				isEmpty: false,
+				iconColor: '#2196F3',
+			});
+			expect(input.folder.tableIds).toEqual(['orders']);
+			wrapper.unmount();
+		});
+
+		it('defaults the colour and refuses an empty name', async () => {
+			const { wrapper, dialogRef } = await open(FolderEditDialog, data());
+			expect(wrapper.find('.folder-edit__swatch-label--selected').exists()).toBe(false);
+			await wrapper.find('input[name="folderName"]').setValue('   ');
+			await wrapper.find('form').trigger('submit');
+			await flushPromises();
+			expect(wrapper.text()).toContain('Folder name is required');
+			await button(wrapper, 'Cancel').trigger('click');
+			await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+			wrapper.unmount();
+		});
+	});
+
+	describe('BulkActionConfirmationDialog', () => {
+		it('lists the primary keys and deletes several rows in bulk', async () => {
+			tables.bulkDelete.mockResolvedValue({});
+			const primaryKeys = [{ id: 1 }, { id: 2 }, { id: 3 }];
+			const { wrapper, dialogRef } = await open(BulkActionConfirmationDialog, {
+				title: 'Delete rows',
+				primaryKeys,
+				tableDisplayName: 'Users',
+			});
+			expect(wrapper.find('h2').text()).toBe('Confirm delete rows for Users table');
+			expect(wrapper.text()).toContain('id = 1');
+			await button(wrapper, 'Delete rows').trigger('click');
+			await flushPromises();
+			expect(tables.bulkDelete).toHaveBeenCalledWith('12345678', 'users', primaryKeys);
+			await expect(dialogRef.afterClosed()).resolves.toBe(true);
+			wrapper.unmount();
+		});
+
+		it('deletes a single row through the row endpoint and lists identity values', async () => {
+			tableRow.deleteTableRow.mockResolvedValue(undefined);
+			const { wrapper } = await open(BulkActionConfirmationDialog, {
+				title: 'Delete row',
+				primaryKeys: [{ id: 7 }],
+				identityFieldValues: ['Kenny'],
+				tableDisplayName: 'Users',
+			});
+			expect(wrapper.text()).toContain('Kenny.');
+			await button(wrapper, 'Delete row').trigger('click');
+			await flushPromises();
+			expect(tableRow.deleteTableRow).toHaveBeenCalledWith('12345678', 'users', { id: 7 });
+			expect(tables.bulkDelete).not.toHaveBeenCalled();
+			wrapper.unmount();
+		});
+
+		it('activates a custom action and offers the location it answers with', async () => {
+			tables.activateActions.mockResolvedValue({ location: 'https://example.com/go' });
+			const { wrapper } = await open(BulkActionConfirmationDialog, {
+				id: 'action-1',
+				title: 'Send email',
+				primaryKeys: [{ id: 7 }],
+				tableDisplayName: 'Users',
+			});
+			await button(wrapper, 'Send email').trigger('click');
+			await flushPromises();
+			expect(tables.activateActions).toHaveBeenCalledWith('12345678', 'users', 'action-1', 'Send email', [{ id: 7 }]);
+			const link = wrapper.find('a.action-link');
+			expect(link.attributes('href')).toBe('https://example.com/go');
+			expect(link.text()).toContain('Take action Send email for');
+			expect(link.text()).toContain('id = 7');
+			wrapper.unmount();
+		});
+	});
+
+	describe('ActionLinkDialog', () => {
+		it('names the identity value when there is one and closes when followed', async () => {
+			const { wrapper, dialogRef } = await open(ActionLinkDialog, {
+				href: 'https://example.com',
+				actionName: 'Ping',
+				primaryKeys: { id: 1 },
+				identityFieldValue: 'Kenny',
+			});
+			const link = wrapper.find('a.action-link');
+			expect(link.text()).toContain('Kenny');
+			expect(link.attributes('target')).toBe('_blank');
+			link.element.addEventListener('click', (event) => event.preventDefault());
+			await link.trigger('click');
+			await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+			wrapper.unmount();
+		});
+	});
+});
diff --git a/frontend-vue/src/components/dashboard/folderColors.ts b/frontend-vue/src/components/dashboard/folderColors.ts
new file mode 100644
index 000000000..b64dac66c
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/folderColors.ts
@@ -0,0 +1,20 @@
+// The folder icon colours offered by the folder edit dialog. They are data, stored with the folder
+// (`category_color`) and shared with the Angular app, so they stay literal values, not tokens.
+export interface FolderIconColor {
+	name: string;
+	value: string;
+}
+
+export const FOLDER_ICON_COLORS: FolderIconColor[] = [
+	{ name: 'Default', value: 'rgba(0, 0, 0, 0.87)' },
+	{ name: 'Blue', value: '#2196F3' },
+	{ name: 'Green', value: '#4CAF50' },
+	{ name: 'Orange', value: '#FF9800' },
+	{ name: 'Red', value: '#F44336' },
+	{ name: 'Purple', value: '#9C27B0' },
+	{ name: 'Teal', value: '#009688' },
+	{ name: 'Pink', value: '#E91E63' },
+];
+
+/** The edit dialog's colour for a folder without one. */
+export const DEFAULT_FOLDER_COLOR = '#757575';
diff --git a/frontend-vue/src/components/dashboard/types.ts b/frontend-vue/src/components/dashboard/types.ts
new file mode 100644
index 000000000..c204a946e
--- /dev/null
+++ b/frontend-vue/src/components/dashboard/types.ts
@@ -0,0 +1,107 @@
+// Contracts between the table browser's pieces: what TableView emits to DashboardView, the dialog
+// data, and what the components ported in parallel (filters dialog, saved filters panel) hand back.
+import type { TableField, TableForeignKey, WidgetStructure } from '@/models/table';
+
+/** A custom action (rule event) as the table view triggers it, or the built-in "Delete row(s)". */
+export interface ActionToActivate {
+	id?: string;
+	title: string;
+	type: string;
+	require_confirmation: boolean;
+	icon?: string;
+}
+
+/** `activateActions` of the table view (DataToActivateActions in Angular). */
+export interface ActivateActionsPayload {
+	action: ActionToActivate;
+	primaryKeys: Record<string, unknown>[];
+	identityFieldValues?: unknown[] | null;
+}
+
+/** The table's shape, as `openFilters` hands it up and the filters dialog takes it (`data.structure`). */
+export interface FiltersStructure {
+	structure: TableField[] | null;
+	foreignKeysList: string[];
+	foreignKeys: Record<string, TableForeignKey>;
+	widgets: Record<string, WidgetStructure>;
+}
+
+/**
+ * `openFilters`. From an active-filter chip, the table view has already run the dialog and adds
+ * its result (`filters` = tableRowFieldsShown, `comparators` = tableRowFieldsComparator).
+ */
+export interface OpenFiltersPayload extends FiltersStructure {
+	filters?: Record<string, unknown>;
+	comparators?: Record<string, string | undefined>;
+}
+
+/**
+ * TableFiltersDialog's afterClosed result, read defensively. Angular closed with 'filter'/'reset'
+ * and the caller read `componentInstance.tableRowFieldsShown` / `.tableRowFieldsComparator`; the
+ * Vue dialog closes with `{ action, filters, comparators }` instead (the Angular field names are
+ * accepted too). Null when dismissed.
+ */
+export function readFiltersDialogResult(
+	result: unknown,
+):
+	| { action: 'reset' }
+	| { action: 'filter'; fields: Record<string, unknown>; comparators: Record<string, string | undefined> }
+	| null {
+	if (result === 'reset') return { action: 'reset' };
+	if (!result || typeof result !== 'object') return null;
+	const value = result as Record<string, unknown>;
+	if (value.action === 'reset') return { action: 'reset' };
+	if (value.action !== 'filter') return null;
+	return {
+		action: 'filter',
+		fields: (value.tableRowFieldsShown ?? value.filters ?? {}) as Record<string, unknown>,
+		comparators: (value.tableRowFieldsComparator ?? value.comparators ?? {}) as Record<string, string | undefined>,
+	};
+}
+
+/** One saved filter as SavedFiltersPanel lists it. */
+export interface SavedFilterItem {
+	id: string;
+	name: string;
+	[key: string]: unknown;
+}
+
+/**
+ * What SavedFiltersPanel exposes (`defineExpose`) — the members db-table-view reached through
+ * `@ViewChild(SavedFiltersPanelComponent)` for the mobile fast-filter chips and "Create fast filter".
+ */
+export interface SavedFiltersPanelApi {
+	handleOpenSavedFiltersDialog(filtersSet?: SavedFilterItem | null): void;
+	/** The rest drives the mobile fast-filter chips; without them the chips stay hidden. */
+	savedFilterData?: SavedFilterItem[] | null;
+	selectedFilterSetId?: string | null;
+	selectFiltersSet?(id: string): void;
+	handleEditFilter?(filter: SavedFilterItem): void;
+	handleDeleteFilter?(filter: SavedFilterItem): void;
+}
+
+/** `filterSelected` of SavedFiltersPanel: the selected saved filter (its `filters` applied), or null. */
+export interface SavedFilterSelection {
+	filters?: Record<string, Record<string, unknown>>;
+	[key: string]: unknown;
+}
+
+/** MAT_DIALOG_DATA of db-bulk-action-confirmation-dialog. */
+export interface BulkActionConfirmationData {
+	/** The custom action's id; omitted for a delete. */
+	id?: string;
+	title: string;
+	primaryKeys: Record<string, unknown>[];
+	/** The rows' identity values, listed instead of their primary keys when given. */
+	identityFieldValues?: unknown[] | null;
+	tableDisplayName?: string | null;
+}
+
+/** MAT_DIALOG_DATA of db-action-link-dialog. */
+export interface ActionLinkDialogData {
+	href: string;
+	actionName: string;
+	primaryKeys?: Record<string, unknown>;
+	/** Shown instead of the primary key when given. */
+	identityFieldValue?: unknown;
+}
diff --git a/frontend-vue/src/components/dashboards/ChartMiniPreview.vue b/frontend-vue/src/components/dashboards/ChartMiniPreview.vue
new file mode 100644
index 000000000..f74a1beaf
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/ChartMiniPreview.vue
@@ -0,0 +1,138 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboards/chart-mini-preview: a static SVG glyph of a chart
+// type, used as the panel-type thumbnail in the panels list and on dashboard cards.
+import { computed, useId } from 'vue';
+import type { ChartType } from '@/models/saved-query';
+
+const props = withDefaults(defineProps<{ chartType?: ChartType | null }>(), { chartType: 'bar' });
+
+const displayType = computed<ChartType>(() => props.chartType || 'bar');
+// Two line previews on one page must not share a gradient id.
+const gradientId = `${useId()}-line-gradient`;
+</script>
+
+<template>
+	<div class="chart-mini-preview" :data-chart-type="displayType">
+		<svg v-if="displayType === 'bar'" viewBox="0 0 100 60" class="chart-mini-preview__svg" aria-hidden="true">
+			<rect x="18" y="30" width="16" height="25" rx="2" class="chart-mini-preview__shape--1" />
+			<rect x="42" y="15" width="16" height="40" rx="2" class="chart-mini-preview__shape--2" />
+			<rect x="66" y="22" width="16" height="33" rx="2" class="chart-mini-preview__shape--3" />
+		</svg>
+
+		<svg v-else-if="displayType === 'line'" viewBox="0 0 100 60" class="chart-mini-preview__svg" aria-hidden="true">
+			<defs>
+				<linearGradient :id="gradientId" x1="0%" y1="0%" x2="0%" y2="100%">
+					<stop offset="0%" class="chart-mini-preview__gradient-start" />
+					<stop offset="100%" class="chart-mini-preview__gradient-end" />
+				</linearGradient>
+			</defs>
+			<path d="M10,45 L30,30 L50,38 L70,18 L90,25" class="chart-mini-preview__line" fill="none" />
+			<path d="M10,45 L30,30 L50,38 L70,18 L90,25 L90,55 L10,55 Z" class="chart-mini-preview__area" />
+			<circle cx="10" cy="45" r="3" class="chart-mini-preview__dot" />
+			<circle cx="30" cy="30" r="3" class="chart-mini-preview__dot" />
+			<circle cx="50" cy="38" r="3" class="chart-mini-preview__dot" />
+			<circle cx="70" cy="18" r="3" class="chart-mini-preview__dot" />
+			<circle cx="90" cy="25" r="3" class="chart-mini-preview__dot" />
+		</svg>
+
+		<svg v-else-if="displayType === 'pie'" viewBox="0 0 60 60" class="chart-mini-preview__svg" aria-hidden="true">
+			<g transform="translate(30, 30)" class="chart-mini-preview__slices">
+				<path d="M0,-26 A26,26 0 0,1 22.5,13 L0,0 Z" class="chart-mini-preview__shape--1" />
+				<path d="M22.5,13 A26,26 0 0,1 -22.5,13 L0,0 Z" class="chart-mini-preview__shape--2" />
+				<path d="M-22.5,13 A26,26 0 0,1 0,-26 L0,0 Z" class="chart-mini-preview__shape--3" />
+			</g>
+		</svg>
+
+		<svg v-else-if="displayType === 'doughnut'" viewBox="0 0 60 60" class="chart-mini-preview__svg" aria-hidden="true">
+			<g transform="translate(30, 30)" class="chart-mini-preview__slices">
+				<path
+					d="M0,-26 A26,26 0 0,1 22.5,13 L13.5,7.8 A15.6,15.6 0 0,0 0,-15.6 Z"
+					class="chart-mini-preview__shape--1"
+				/>
+				<path
+					d="M22.5,13 A26,26 0 0,1 -22.5,13 L-13.5,7.8 A15.6,15.6 0 0,0 13.5,7.8 Z"
+					class="chart-mini-preview__shape--2"
+				/>
+				<path
+					d="M-22.5,13 A26,26 0 0,1 0,-26 L0,-15.6 A15.6,15.6 0 0,0 -13.5,7.8 Z"
+					class="chart-mini-preview__shape--3"
+				/>
+			</g>
+		</svg>
+
+		<svg v-else viewBox="0 0 60 60" class="chart-mini-preview__svg" aria-hidden="true">
+			<g transform="translate(30, 30)" class="chart-mini-preview__slices">
+				<path d="M0,0 L0,-26 A26,26 0 0,1 24.7,-8 Z" class="chart-mini-preview__shape--1" />
+				<path d="M0,0 L17,-5.5 A18,18 0 0,1 5.5,17 Z" class="chart-mini-preview__shape--2" />
+				<path d="M0,0 L4.7,14.5 A15,15 0 0,1 -14.5,4.7 Z" class="chart-mini-preview__shape--3" />
+				<path d="M0,0 L-20,6.5 A21,21 0 0,1 -6.5,-20 Z" class="chart-mini-preview__shape--4" />
+				<path d="M0,0 L-4.8,-15 A16,16 0 0,1 0,-16 Z" class="chart-mini-preview__shape--5" />
+			</g>
+		</svg>
+	</div>
+</template>
+
+<style scoped>
+.chart-mini-preview {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	height: 100%;
+}
+
+.chart-mini-preview__svg {
+	width: 100%;
+	height: 100%;
+	max-width: 120px;
+	max-height: 80px;
+}
+
+.chart-mini-preview__shape--1 {
+	fill: var(--color-accent);
+}
+
+.chart-mini-preview__shape--2 {
+	fill: color-mix(in srgb, var(--color-accent) 55%, var(--color-hot));
+}
+
+.chart-mini-preview__shape--3 {
+	fill: var(--color-hot);
+}
+
+.chart-mini-preview__shape--4 {
+	fill: var(--color-warning);
+}
+
+.chart-mini-preview__shape--5 {
+	fill: var(--color-success);
+}
+
+.chart-mini-preview__slices path {
+	stroke: var(--color-paper);
+	stroke-width: 1;
+}
+
+.chart-mini-preview__line {
+	stroke: var(--color-accent);
+	stroke-width: 2.5;
+	stroke-linecap: round;
+	stroke-linejoin: round;
+}
+
+.chart-mini-preview__area {
+	fill: color-mix(in srgb, var(--color-accent) 15%, transparent);
+}
+
+.chart-mini-preview__dot {
+	fill: var(--color-accent);
+}
+
+.chart-mini-preview__gradient-start {
+	stop-color: color-mix(in srgb, var(--color-accent) 30%, transparent);
+}
+
+.chart-mini-preview__gradient-end {
+	stop-color: transparent;
+}
+</style>
diff --git a/frontend-vue/src/components/dashboards/DashboardDeleteDialog.vue b/frontend-vue/src/components/dashboards/DashboardDeleteDialog.vue
new file mode 100644
index 000000000..fd91a5810
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/DashboardDeleteDialog.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboards/dashboard-delete-dialog: confirms deleting a
+// dashboard and closes with `true` once it is gone. The store refreshes the dashboards list.
+import { ref } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { useDialogRef } from '@/composables/useDialog';
+import type { Dashboard } from '@/models/dashboard';
+import { useDashboardsStore } from '@/stores/dashboards';
+import { trackDashboardsEvent } from './analytics';
+import DeleteWarning from './DeleteWarning.vue';
+
+const props = defineProps<{ data: { dashboard: Dashboard; connectionId: string } }>();
+
+const dialogRef = useDialogRef<boolean>();
+const dashboards = useDashboardsStore();
+const submitting = ref(false);
+
+async function onDelete(): Promise<void> {
+	submitting.value = true;
+	try {
+		const result = await dashboards.deleteDashboard(props.data.connectionId, props.data.dashboard.id);
+		if (result) {
+			trackDashboardsEvent('Dashboards: dashboard deleted successfully');
+			dialogRef.close(true);
+		}
+	} catch {
+		// The client has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm
+		title="Delete dashboard"
+		size="sm"
+		submit-variant="danger"
+		:submit-label="submitting ? 'Deleting...' : 'Delete dashboard'"
+		:busy="submitting"
+		@submit="onDelete"
+	>
+		<DeleteWarning details="This action cannot be undone. The dashboard and all its widgets will be permanently removed.">
+			Are you sure you want to delete the dashboard <strong>{{ data.dashboard.name }}</strong>?
+		</DeleteWarning>
+	</AppDialogForm>
+</template>
diff --git a/frontend-vue/src/components/dashboards/DashboardEditDialog.spec.ts b/frontend-vue/src/components/dashboards/DashboardEditDialog.spec.ts
new file mode 100644
index 000000000..dec0ee5be
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/DashboardEditDialog.spec.ts
@@ -0,0 +1,96 @@
+import { flushPromises } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import type { Dashboard } from '@/models/dashboard';
+import { buttonByText, openDialog } from './__tests__/dialog-harness';
+import DashboardEditDialog from './DashboardEditDialog.vue';
+
+const dashboards = vi.hoisted(() => ({ createDashboard: vi.fn(), updateDashboard: vi.fn() }));
+const track = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/dashboards', () => ({ useDashboardsStore: () => dashboards }));
+vi.mock('./analytics', () => ({ trackDashboardsEvent: track }));
+
+const dashboard: Dashboard = {
+	id: 'd1',
+	name: 'Sales',
+	description: 'Monthly numbers',
+	connection_id: 'test-conn',
+	created_at: '2024-01-01',
+	updated_at: '2024-01-01',
+};
+
+describe('DashboardEditDialog', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+	});
+
+	it('creates a dashboard and closes with true', async () => {
+		dashboards.createDashboard.mockResolvedValue(dashboard);
+		const { wrapper, dialogRef } = await openDialog<boolean>(DashboardEditDialog, {
+			connectionId: 'test-conn',
+			dashboard: null,
+		});
+
+		expect(wrapper.get('h2').text()).toBe('Create dashboard');
+		expect(buttonByText(wrapper, 'Create').attributes('disabled')).toBeDefined();
+		await wrapper.get('[data-testid="dashboard-name-input"]').setValue('Sales');
+		await wrapper.get('[data-testid="dashboard-description-input"]').setValue('Numbers');
+		await wrapper.get('form').trigger('submit');
+
+		expect(dashboards.createDashboard).toHaveBeenCalledWith('test-conn', { name: 'Sales', description: 'Numbers' });
+		await expect(dialogRef.afterClosed()).resolves.toBe(true);
+		expect(track).toHaveBeenCalledWith('Dashboards: dashboard created successfully');
+		wrapper.unmount();
+	});
+
+	it('edits an existing dashboard', async () => {
+		dashboards.updateDashboard.mockResolvedValue(dashboard);
+		const { wrapper, dialogRef } = await openDialog<boolean>(DashboardEditDialog, {
+			connectionId: 'test-conn',
+			dashboard,
+		});
+
+		expect(wrapper.get('h2').text()).toBe('Edit dashboard');
+		expect(wrapper.get<HTMLInputElement>('[data-testid="dashboard-name-input"]').element.value).toBe('Sales');
+		await wrapper.get('[data-testid="dashboard-name-input"]').setValue('Revenue');
+		await buttonByText(wrapper, 'Update').trigger('click');
+
+		expect(dashboards.updateDashboard).toHaveBeenCalledWith('test-conn', 'd1', {
+			name: 'Revenue',
+			description: 'Monthly numbers',
+		});
+		await expect(dialogRef.afterClosed()).resolves.toBe(true);
+		wrapper.unmount();
+	});
+
+	it('validates the name and description', async () => {
+		const { wrapper } = await openDialog(DashboardEditDialog, { connectionId: 'test-conn', dashboard: null });
+		const name = wrapper.get('[data-testid="dashboard-name-input"]');
+
+		await name.trigger('blur');
+		expect(wrapper.text()).toContain('Name is required');
+		await name.setValue('x'.repeat(256));
+		expect(wrapper.text()).toContain('Name must be less than 255 characters');
+		await name.setValue('ok');
+		await wrapper.get('[data-testid="dashboard-description-input"]').setValue('y'.repeat(1001));
+		expect(wrapper.text()).toContain('Description must be less than 1000 characters');
+		expect(buttonByText(wrapper, 'Create').attributes('disabled')).toBeDefined();
+		await wrapper.get('form').trigger('submit');
+		expect(dashboards.createDashboard).not.toHaveBeenCalled();
+		wrapper.unmount();
+	});
+
+	it('stays open when saving fails', async () => {
+		dashboards.createDashboard.mockRejectedValue(new Error('nope'));
+		const { wrapper } = await openDialog(DashboardEditDialog, { connectionId: 'test-conn', dashboard: null });
+
+		await wrapper.get('[data-testid="dashboard-name-input"]').setValue('Sales');
+		await wrapper.get('form').trigger('submit');
+		await flushPromises();
+
+		expect(wrapper.find('form').exists()).toBe(true);
+		expect(buttonByText(wrapper, 'Create').attributes('disabled')).toBeUndefined();
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/dashboards/DashboardEditDialog.vue b/frontend-vue/src/components/dashboards/DashboardEditDialog.vue
new file mode 100644
index 000000000..383f2cdcb
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/DashboardEditDialog.vue
@@ -0,0 +1,97 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboards/dashboard-edit-dialog: creates a dashboard, or
+// renames / re-describes one, and closes with `true`. The store refreshes the dashboards list.
+import { computed, ref } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { UiField, UiInput, UiTextarea } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import type { Dashboard } from '@/models/dashboard';
+import { useDashboardsStore } from '@/stores/dashboards';
+import { trackDashboardsEvent } from './analytics';
+
+const props = defineProps<{ data: { connectionId: string; dashboard: Dashboard | null } }>();
+
+const dialogRef = useDialogRef<boolean>();
+const dashboards = useDashboardsStore();
+
+const isEdit = !!props.data.dashboard;
+const name = ref(props.data.dashboard?.name || '');
+const description = ref(props.data.dashboard?.description || '');
+const nameTouched = ref(false);
+const submitting = ref(false);
+
+const nameError = computed(() => {
+	if (name.value.length > 255) return 'Name must be less than 255 characters';
+	if (nameTouched.value && !name.value) return 'Name is required';
+	return undefined;
+});
+const descriptionError = computed(() =>
+	description.value.length > 1000 ? 'Description must be less than 1000 characters' : undefined,
+);
+const invalid = computed(() => !name.value || name.value.length > 255 || description.value.length > 1000);
+
+async function onSubmit(): Promise<void> {
+	if (invalid.value) return;
+
+	submitting.value = true;
+	const payload = { name: name.value, description: description.value };
+	try {
+		const dashboard = props.data.dashboard;
+		if (dashboard) {
+			const result = await dashboards.updateDashboard(props.data.connectionId, dashboard.id, payload);
+			if (result) {
+				trackDashboardsEvent('Dashboards: dashboard updated successfully');
+				dialogRef.close(true);
+			}
+		} else {
+			const result = await dashboards.createDashboard(props.data.connectionId, payload);
+			if (result) {
+				trackDashboardsEvent('Dashboards: dashboard created successfully');
+				dialogRef.close(true);
+			}
+		}
+	} catch {
+		// The client has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm
+		:title="isEdit ? 'Edit dashboard' : 'Create dashboard'"
+		:submit-label="submitting ? 'Saving...' : isEdit ? 'Update' : 'Create'"
+		:busy="submitting"
+		:disabled="invalid"
+		@submit="onSubmit"
+	>
+		<div class="dashboard-form">
+			<UiField label="Name" :error="nameError" required>
+				<UiInput
+					v-model="name"
+					placeholder="Enter dashboard name"
+					data-testid="dashboard-name-input"
+					@blur="nameTouched = true"
+				/>
+			</UiField>
+			<UiField label="Description" :error="descriptionError">
+				<UiTextarea
+					v-model="description"
+					:rows="3"
+					placeholder="Enter dashboard description (optional)"
+					data-testid="dashboard-description-input"
+				/>
+			</UiField>
+		</div>
+	</AppDialogForm>
+</template>
+
+<style scoped>
+.dashboard-form {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+	min-width: min(400px, 100%);
+}
+</style>
diff --git a/frontend-vue/src/components/dashboards/DashboardsSidebar.spec.ts b/frontend-vue/src/components/dashboards/DashboardsSidebar.spec.ts
new file mode 100644
index 000000000..5726e0dd9
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/DashboardsSidebar.spec.ts
@@ -0,0 +1,59 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import { vTooltip } from '@/components/ui';
+import DashboardsSidebar from './DashboardsSidebar.vue';
+
+const uiSettings = vi.hoisted(() => ({ getUiSettings: vi.fn(), updateConnectionSetting: vi.fn() }));
+vi.mock('@/stores/ui-settings', () => ({ useUiSettingsStore: () => uiSettings }));
+
+async function mountSidebar(activeTab: 'dashboards' | 'queries' = 'dashboards') {
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:p(.*)*', component: { render: () => null } }],
+	});
+	await router.push('/elsewhere');
+	const wrapper = mount(DashboardsSidebar, {
+		props: { connectionId: 'conn-1', activeTab },
+		global: { plugins: [router], directives: { tooltip: vTooltip } },
+	});
+	await flushPromises();
+	return wrapper;
+}
+
+describe('DashboardsSidebar', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		uiSettings.getUiSettings.mockResolvedValue(null);
+	});
+
+	it('links to the dashboards and panels pages and marks the active one', async () => {
+		const wrapper = await mountSidebar('queries');
+		const links = wrapper.findAll('nav a');
+
+		expect(links.map((link) => link.attributes('href'))).toEqual(['/dashboards/conn-1', '/panels/conn-1']);
+		expect(links[1]?.classes()).toContain('ui-list-item__content--active');
+		expect(links[0]?.classes()).not.toContain('ui-list-item__content--active');
+	});
+
+	it('restores the collapsed state of the connection', async () => {
+		uiSettings.getUiSettings.mockResolvedValue({
+			globalSettings: {},
+			connections: { 'conn-1': { shownTableTitles: false, tables: {}, dashboardsSidebarCollapsed: true } },
+		});
+		const wrapper = await mountSidebar();
+
+		expect(wrapper.classes()).toContain('dashboards-sidebar--collapsed');
+	});
+
+	it('saves the collapsed state when toggled', async () => {
+		const wrapper = await mountSidebar();
+
+		await wrapper.get('[data-testid="dashboards-sidebar-toggle"]').trigger('click');
+		expect(wrapper.classes()).toContain('dashboards-sidebar--collapsed');
+		expect(uiSettings.updateConnectionSetting).toHaveBeenCalledWith('conn-1', 'dashboardsSidebarCollapsed', true);
+
+		await wrapper.get('[data-testid="dashboards-sidebar-toggle"]').trigger('click');
+		expect(uiSettings.updateConnectionSetting).toHaveBeenLastCalledWith('conn-1', 'dashboardsSidebarCollapsed', false);
+	});
+});
diff --git a/frontend-vue/src/components/dashboards/DashboardsSidebar.vue b/frontend-vue/src/components/dashboards/DashboardsSidebar.vue
new file mode 100644
index 000000000..f294183ad
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/DashboardsSidebar.vue
@@ -0,0 +1,146 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboards/dashboards-sidebar: the Dashboards / Panels
+// switcher beside the dashboards and panels pages. Its collapsed state is a per-connection UI setting.
+import { nextTick, onMounted, ref } from 'vue';
+import { UiButton, UiIcon, UiIconButton, UiList, UiListItem, vTooltip } from '@/components/ui';
+import { useUiSettingsStore } from '@/stores/ui-settings';
+
+const props = withDefaults(
+	defineProps<{
+		connectionId: string;
+		/** The page the sidebar sits on. */
+		activeTab?: 'dashboards' | 'queries';
+	}>(),
+	{ activeTab: 'dashboards' },
+);
+
+const uiSettings = useUiSettingsStore();
+const collapsed = ref(false);
+/** Transitions start after the first render, so the stored state doesn't animate in on load. */
+const initialized = ref(false);
+
+onMounted(async () => {
+	loadCollapsedState();
+	await nextTick();
+	setTimeout(() => {
+		initialized.value = true;
+	}, 0);
+});
+
+function toggleCollapsed(): void {
+	collapsed.value = !collapsed.value;
+	uiSettings.updateConnectionSetting(props.connectionId, 'dashboardsSidebarCollapsed', collapsed.value);
+}
+
+async function loadCollapsedState(): Promise<void> {
+	try {
+		const settings = await uiSettings.getUiSettings();
+		collapsed.value = settings?.connections?.[props.connectionId]?.dashboardsSidebarCollapsed ?? false;
+	} catch {
+		// The client has shown the error; keep the sidebar expanded.
+	}
+}
+</script>
+
+<template>
+	<aside
+		class="dashboards-sidebar"
+		:class="{ 'dashboards-sidebar--collapsed': collapsed, 'dashboards-sidebar--initialized': initialized }"
+	>
+		<UiButton
+			v-if="!collapsed"
+			variant="ghost"
+			size="sm"
+			class="dashboards-sidebar__toggle"
+			data-testid="dashboards-sidebar-toggle"
+			@click="toggleCollapsed"
+		>
+			Collapse
+			<template #trailing><UiIcon name="chevron_left" size="sm" /></template>
+		</UiButton>
+		<UiIconButton
+			v-else
+			icon="chevron_right"
+			label="Expand"
+			class="dashboards-sidebar__toggle dashboards-sidebar__toggle--collapsed"
+			data-testid="dashboards-sidebar-toggle"
+			@click="toggleCollapsed"
+		/>
+
+		<UiList as="nav" label="Dashboards" class="dashboards-sidebar__nav">
+			<UiListItem
+				v-tooltip:right="collapsed ? 'Dashboards' : ''"
+				:to="`/dashboards/${connectionId}`"
+				:active="activeTab === 'dashboards'"
+				:class="{ 'dashboards-sidebar__item--active': activeTab === 'dashboards' }"
+			>
+				<template #leading><UiIcon name="dashboard" /></template>
+				<span :class="{ 'dashboards-sidebar__label--hidden': collapsed }">Dashboards</span>
+			</UiListItem>
+			<UiListItem
+				v-tooltip:right="collapsed ? 'Panels' : ''"
+				:to="`/panels/${connectionId}`"
+				:active="activeTab === 'queries'"
+				:class="{ 'dashboards-sidebar__item--active': activeTab === 'queries' }"
+			>
+				<template #leading><UiIcon name="widgets" /></template>
+				<span :class="{ 'dashboards-sidebar__label--hidden': collapsed }">Panels</span>
+			</UiListItem>
+		</UiList>
+	</aside>
+</template>
+
+<style scoped>
+.dashboards-sidebar {
+	display: flex;
+	flex-direction: column;
+	flex-shrink: 0;
+	width: 13.75rem;
+	height: 100%;
+	overflow: hidden;
+	border-right: 1px solid var(--color-line);
+	background: var(--color-surface);
+}
+
+.dashboards-sidebar--initialized {
+	transition: width var(--motion-base) var(--ease-out);
+}
+
+.dashboards-sidebar--collapsed {
+	width: 3.5rem;
+}
+
+.dashboards-sidebar__toggle {
+	align-self: flex-start;
+	margin: var(--space-2) var(--space-3);
+}
+
+.dashboards-sidebar__toggle--collapsed {
+	align-self: center;
+	margin: var(--space-3) var(--space-2);
+}
+
+.dashboards-sidebar__nav {
+	padding: 0 var(--space-2);
+}
+
+.dashboards-sidebar__item--active :deep(.ui-list-item__leading) {
+	color: var(--color-accent);
+}
+
+/* Collapsed, the label stays as the link's accessible name but takes no space. */
+.dashboards-sidebar__label--hidden {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	overflow: hidden;
+	clip-path: inset(50%);
+	white-space: nowrap;
+}
+
+@media (width <= 600px) {
+	.dashboards-sidebar {
+		display: none;
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/dashboards/DeleteDialogs.spec.ts b/frontend-vue/src/components/dashboards/DeleteDialogs.spec.ts
new file mode 100644
index 000000000..0cea6cc5c
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/DeleteDialogs.spec.ts
@@ -0,0 +1,98 @@
+import { flushPromises } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import type { Dashboard, DashboardWidget } from '@/models/dashboard';
+import { buttonByText, openDialog } from './__tests__/dialog-harness';
+import DashboardDeleteDialog from './DashboardDeleteDialog.vue';
+import PanelDeleteDialog from './PanelDeleteDialog.vue';
+
+const dashboards = vi.hoisted(() => ({ deleteDashboard: vi.fn(), deleteWidget: vi.fn() }));
+const track = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/dashboards', () => ({ useDashboardsStore: () => dashboards }));
+vi.mock('./analytics', () => ({ trackDashboardsEvent: track }));
+
+const dashboard: Dashboard = {
+	id: 'd1',
+	name: 'Sales',
+	description: null,
+	connection_id: 'test-conn',
+	created_at: '2024-01-01',
+	updated_at: '2024-01-01',
+};
+const widget: DashboardWidget = {
+	id: 'test-id',
+	position_x: 0,
+	position_y: 0,
+	width: 4,
+	height: 4,
+	query_id: 'q1',
+	dashboard_id: 'd1',
+};
+
+describe('DashboardDeleteDialog', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+	});
+
+	it('deletes the dashboard and closes with true', async () => {
+		dashboards.deleteDashboard.mockResolvedValue(dashboard);
+		const { wrapper, dialogRef } = await openDialog<boolean>(DashboardDeleteDialog, {
+			dashboard,
+			connectionId: 'test-conn',
+		});
+
+		expect(wrapper.text()).toContain('Are you sure you want to delete the dashboard Sales?');
+		await wrapper.get('form').trigger('submit');
+
+		expect(dashboards.deleteDashboard).toHaveBeenCalledWith('test-conn', 'd1');
+		await expect(dialogRef.afterClosed()).resolves.toBe(true);
+		expect(track).toHaveBeenCalledWith('Dashboards: dashboard deleted successfully');
+		wrapper.unmount();
+	});
+
+	it('stays open when the delete fails', async () => {
+		dashboards.deleteDashboard.mockRejectedValue(new Error('nope'));
+		const { wrapper } = await openDialog(DashboardDeleteDialog, { dashboard, connectionId: 'test-conn' });
+
+		await wrapper.get('form').trigger('submit');
+		await flushPromises();
+
+		expect(buttonByText(wrapper, 'Delete dashboard').attributes('disabled')).toBeUndefined();
+		wrapper.unmount();
+	});
+});
+
+describe('PanelDeleteDialog', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+	});
+
+	it('deletes the widget and closes with true', async () => {
+		dashboards.deleteWidget.mockResolvedValue(widget);
+		const { wrapper, dialogRef } = await openDialog<boolean>(PanelDeleteDialog, {
+			connectionId: 'test-conn',
+			dashboardId: 'test-dash',
+			widget,
+		});
+
+		expect(wrapper.get('h2').text()).toBe('Delete panel');
+		await wrapper.get('form').trigger('submit');
+
+		expect(dashboards.deleteWidget).toHaveBeenCalledWith('test-conn', 'test-dash', 'test-id');
+		await expect(dialogRef.afterClosed()).resolves.toBe(true);
+		expect(track).toHaveBeenCalledWith('Dashboards: panel deleted successfully');
+		wrapper.unmount();
+	});
+
+	it('shows the busy label while deleting', async () => {
+		dashboards.deleteWidget.mockReturnValue(new Promise(() => {}));
+		const { wrapper } = await openDialog(PanelDeleteDialog, { connectionId: 'c', dashboardId: 'd', widget });
+
+		await wrapper.get('form').trigger('submit');
+
+		expect(wrapper.get('button[type="submit"]').text()).toBe('Deleting...');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/dashboards/DeleteWarning.vue b/frontend-vue/src/components/dashboards/DeleteWarning.vue
new file mode 100644
index 000000000..97465b375
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/DeleteWarning.vue
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+// The warning body shared by the panel, saved-query and dashboard delete dialogs: a warning icon,
+// the question (default slot) and what deleting removes.
+import { UiIcon } from '@/components/ui';
+
+defineProps<{
+	/** What the delete removes, shown muted under the question. */
+	details: string;
+}>();
+</script>
+
+<template>
+	<div class="delete-warning">
+		<UiIcon name="warning" size="lg" class="delete-warning__icon" />
+		<div>
+			<p class="delete-warning__text"><slot /></p>
+			<p class="delete-warning__details">{{ details }}</p>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.delete-warning {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--space-4);
+}
+
+.delete-warning__icon {
+	flex-shrink: 0;
+	color: var(--color-warning);
+}
+
+.delete-warning__text {
+	margin: 0 0 var(--space-2);
+}
+
+.delete-warning__details {
+	margin: 0;
+	font-size: var(--text-sm);
+	color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/dashboards/PanelDeleteDialog.vue b/frontend-vue/src/components/dashboards/PanelDeleteDialog.vue
new file mode 100644
index 000000000..036a14189
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/PanelDeleteDialog.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboards/panel-delete-dialog: confirms removing a panel
+// (widget) from a dashboard and closes with `true`, so the dashboard reloads.
+import { ref } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { useDialogRef } from '@/composables/useDialog';
+import type { DashboardWidget } from '@/models/dashboard';
+import { useDashboardsStore } from '@/stores/dashboards';
+import { trackDashboardsEvent } from './analytics';
+import DeleteWarning from './DeleteWarning.vue';
+
+const props = defineProps<{ data: { connectionId: string; dashboardId: string; widget: DashboardWidget } }>();
+
+const dialogRef = useDialogRef<boolean>();
+const dashboards = useDashboardsStore();
+const submitting = ref(false);
+
+async function onDelete(): Promise<void> {
+	submitting.value = true;
+	try {
+		const result = await dashboards.deleteWidget(props.data.connectionId, props.data.dashboardId, props.data.widget.id);
+		if (result) {
+			trackDashboardsEvent('Dashboards: panel deleted successfully');
+			dialogRef.close(true);
+		}
+	} catch {
+		// The client has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm
+		title="Delete panel"
+		size="sm"
+		submit-variant="danger"
+		:submit-label="submitting ? 'Deleting...' : 'Delete panel'"
+		:busy="submitting"
+		@submit="onDelete"
+	>
+		<DeleteWarning details="This action cannot be undone. The panel will be permanently removed from the dashboard.">
+			Are you sure you want to delete this panel?
+		</DeleteWarning>
+	</AppDialogForm>
+</template>
diff --git a/frontend-vue/src/components/dashboards/PanelEditDialog.spec.ts b/frontend-vue/src/components/dashboards/PanelEditDialog.spec.ts
new file mode 100644
index 000000000..3bce4eae2
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/PanelEditDialog.spec.ts
@@ -0,0 +1,173 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { ref } from 'vue';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import type { DashboardWidget } from '@/models/dashboard';
+import type { SavedQuery } from '@/models/saved-query';
+import { openDialog } from './__tests__/dialog-harness';
+import PanelEditDialog from './PanelEditDialog.vue';
+
+const dashboards = vi.hoisted(() => ({ createWidget: vi.fn(), updateWidget: vi.fn() }));
+const queries = vi.hoisted(() => ({ list: [] as SavedQuery[], connectionIds: [] as string[] }));
+vi.mock('@/stores/dashboards', () => ({ useDashboardsStore: () => dashboards }));
+vi.mock('@/stores/saved-queries', () => ({
+	useSavedQueriesQuery: (connectionId: () => string) => {
+		queries.connectionIds.push(connectionId());
+		return { savedQueries: ref(queries.list) };
+	},
+}));
+vi.mock('./analytics', () => ({ trackDashboardsEvent: vi.fn() }));
+
+const savedQueries: SavedQuery[] = [
+	{
+		id: 'query-1',
+		name: 'Avg Clicks / Short URL',
+		description: null,
+		widget_type: 'chart',
+		chart_type: 'bar',
+		widget_options: null,
+		query_text: 'SELECT * FROM stats',
+		connection_id: 'test-conn',
+		created_at: '2024-01-01',
+		updated_at: '2024-01-01',
+	},
+	{
+		id: 'query-2',
+		name: 'Total Users',
+		description: 'Count of all users',
+		widget_type: 'counter',
+		chart_type: null,
+		widget_options: { value_column: 'count' },
+		query_text: 'SELECT COUNT(*) as count FROM users',
+		connection_id: 'test-conn',
+		created_at: '2024-01-01',
+		updated_at: '2024-01-01',
+	},
+];
+
+const existingWidget: DashboardWidget = {
+	id: 'widget-123',
+	position_x: 2,
+	position_y: 3,
+	width: 4,
+	height: 4,
+	query_id: 'query-1',
+	dashboard_id: 'test-dash',
+};
+
+function makeRouter() {
+	return createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:p(.*)*', component: { render: () => null } }],
+	});
+}
+
+async function open(widget: DashboardWidget | null) {
+	const router = makeRouter();
+	await router.push('/dashboards/test-conn/test-dash');
+	const opened = await openDialog<boolean>(
+		PanelEditDialog,
+		{ connectionId: 'test-conn', dashboardId: 'test-dash', widget },
+		[router],
+	);
+	return { ...opened, router };
+}
+
+function select(wrapper: VueWrapper) {
+	return wrapper.get<HTMLSelectElement>('[data-testid="panel-query-select"]');
+}
+
+/** Chooses the option whose text is `label`. */
+async function choose(wrapper: VueWrapper, label: string) {
+	const option = select(wrapper)
+		.findAll('option')
+		.find((candidate) => candidate.text() === label);
+	if (!option) throw new Error(`No option "${label}"`);
+	await select(wrapper).setValue(option.element.value);
+}
+
+describe('PanelEditDialog', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+		queries.list = savedQueries;
+		queries.connectionIds = [];
+		dashboards.createWidget.mockResolvedValue({ id: 'new-widget' });
+		dashboards.updateWidget.mockResolvedValue({ id: 'updated-widget' });
+	});
+
+	describe('add mode', () => {
+		it('loads the saved queries of the connection and requires one', async () => {
+			const { wrapper } = await open(null);
+
+			expect(queries.connectionIds).toEqual(['test-conn']);
+			expect(wrapper.get('h2').text()).toBe('Add panel');
+			expect(select(wrapper).text()).toContain('Total Users');
+			expect(wrapper.get('button[type="submit"]').attributes('disabled')).toBeDefined();
+			wrapper.unmount();
+		});
+
+		it('creates the widget at the top left with the default size and closes with true', async () => {
+			const { wrapper, dialogRef } = await open(null);
+
+			await choose(wrapper, 'Avg Clicks / Short URL');
+			await wrapper.get('form').trigger('submit');
+
+			expect(dashboards.createWidget).toHaveBeenCalledWith('test-conn', 'test-dash', {
+				query_id: 'query-1',
+				position_x: 0,
+				position_y: 0,
+				width: 4,
+				height: 4,
+			});
+			await expect(dialogRef.afterClosed()).resolves.toBe(true);
+			wrapper.unmount();
+		});
+
+		it('leaves for the panel editor from "Create new query"', async () => {
+			const { wrapper, dialogRef, router } = await open(null);
+
+			await choose(wrapper, '+ Create new query');
+			await flushPromises();
+
+			await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+			expect(router.currentRoute.value.path).toBe('/panels/test-conn/new');
+			wrapper.unmount();
+		});
+
+		it('invites to create a query when there are none', async () => {
+			queries.list = [];
+			const { wrapper } = await open(null);
+
+			expect(wrapper.text()).toContain('No saved queries yet');
+			expect(wrapper.find('form').exists()).toBe(false);
+			expect(wrapper.get('a').attributes('href')).toBe('/panels/test-conn/new');
+			wrapper.unmount();
+		});
+	});
+
+	describe('edit mode', () => {
+		it('starts from the linked query and updates the widget query', async () => {
+			const { wrapper, dialogRef } = await open(existingWidget);
+
+			expect(wrapper.get('h2').text()).toBe('Edit panel');
+			expect(select(wrapper).element.selectedOptions[0]?.textContent?.trim()).toBe('Avg Clicks / Short URL');
+			await choose(wrapper, 'Total Users');
+			await wrapper.get('form').trigger('submit');
+
+			expect(dashboards.updateWidget).toHaveBeenCalledWith('test-conn', 'test-dash', 'widget-123', {
+				query_id: 'query-2',
+			});
+			await expect(dialogRef.afterClosed()).resolves.toBe(true);
+			wrapper.unmount();
+		});
+
+		it('requires a query for a widget without a linked one', async () => {
+			const { wrapper } = await open({ ...existingWidget, query_id: null });
+
+			expect(wrapper.get('button[type="submit"]').attributes('disabled')).toBeDefined();
+			wrapper.unmount();
+		});
+	});
+});
diff --git a/frontend-vue/src/components/dashboards/PanelEditDialog.vue b/frontend-vue/src/components/dashboards/PanelEditDialog.vue
new file mode 100644
index 000000000..50a739be2
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/PanelEditDialog.vue
@@ -0,0 +1,167 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboards/panel-edit-dialog: adds a panel (a saved query) to
+// a dashboard, or swaps the query of an existing one, and closes with `true` so the dashboard
+// reloads. "Create new query" leaves for the panel editor instead.
+import { computed, ref } from 'vue';
+import { useRouter } from 'vue-router';
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { type SelectOption, UiButton, UiField, UiIcon, UiSelect } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import type { DashboardWidget } from '@/models/dashboard';
+import { useDashboardsStore } from '@/stores/dashboards';
+import { useSavedQueriesQuery } from '@/stores/saved-queries';
+import { type SelectModel, selected } from '../charts/chartEditor';
+import { trackDashboardsEvent } from './analytics';
+
+/** The "Create new query" entry of the select (a `mat-option` with a click handler in Angular). */
+const CREATE_QUERY = '__create_query__';
+
+const props = defineProps<{
+	data: { connectionId: string; dashboardId: string; widget: DashboardWidget | null };
+}>();
+
+const dialogRef = useDialogRef<boolean>();
+const router = useRouter();
+const dashboards = useDashboardsStore();
+const { savedQueries } = useSavedQueriesQuery(() => props.data.connectionId);
+
+const isEdit = !!props.data.widget;
+const queryId = ref<string>(props.data.widget?.query_id || '');
+const touched = ref(false);
+const submitting = ref(false);
+
+const options = computed<SelectOption<string>[]>(() => [
+	...savedQueries.value.map((query) => ({ value: query.id, label: query.name })),
+	{ value: CREATE_QUERY, label: '+ Create new query' },
+]);
+const queryError = computed(() => (touched.value && !queryId.value ? 'Please select a saved query' : undefined));
+const newQueryPath = computed(() => `/panels/${props.data.connectionId}/new`);
+
+function onSelect(value: SelectModel<string>): void {
+	const choice = selected(value);
+	touched.value = true;
+	if (choice === CREATE_QUERY) {
+		navigateToCreateQuery();
+		return;
+	}
+	queryId.value = choice ?? '';
+}
+
+async function onSubmit(): Promise<void> {
+	if (!queryId.value) return;
+
+	submitting.value = true;
+	try {
+		const widget = props.data.widget;
+		if (widget) {
+			const result = await dashboards.updateWidget(props.data.connectionId, props.data.dashboardId, widget.id, {
+				query_id: queryId.value,
+			});
+			if (result) {
+				trackDashboardsEvent('Dashboards: panel updated successfully');
+				dialogRef.close(true);
+			}
+		} else {
+			const result = await dashboards.createWidget(props.data.connectionId, props.data.dashboardId, {
+				query_id: queryId.value,
+				position_x: 0,
+				position_y: 0,
+				width: 4,
+				height: 4,
+			});
+			if (result) {
+				trackDashboardsEvent('Dashboards: panel created successfully');
+				dialogRef.close(true);
+			}
+		}
+	} catch {
+		// The client has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+
+function navigateToCreateQuery(): void {
+	dialogRef.close();
+	router.push(newQueryPath.value);
+}
+</script>
+
+<template>
+	<AppDialogForm
+		v-if="savedQueries.length > 0"
+		:title="isEdit ? 'Edit panel' : 'Add panel'"
+		:submit-label="submitting ? 'Saving...' : isEdit ? 'Update' : 'Add'"
+		:busy="submitting"
+		:disabled="!queryId"
+		@submit="onSubmit"
+	>
+		<div class="panel-form">
+			<UiField
+				label="Saved query"
+				hint="Select a saved query to display in this panel"
+				:error="queryError"
+				required
+			>
+				<UiSelect
+					:model-value="queryId || null"
+					:options="options"
+					placeholder=""
+					data-testid="panel-query-select"
+					@update:model-value="onSelect"
+				/>
+			</UiField>
+		</div>
+	</AppDialogForm>
+
+	<AppDialog v-else :title="isEdit ? 'Edit panel' : 'Add panel'">
+		<div class="panel-form__empty">
+			<UiIcon name="code" size="lg" class="panel-form__empty-icon" />
+			<h3 class="panel-form__empty-title">No saved queries yet</h3>
+			<p class="panel-form__empty-text">Create a saved query first to add it as a panel on this dashboard.</p>
+			<UiButton variant="secondary" :to="newQueryPath" @click="dialogRef.close()">
+				<template #leading><UiIcon name="add" size="sm" /></template>
+				Create query
+			</UiButton>
+		</div>
+		<template #footer>
+			<UiButton variant="secondary" @click="dialogRef.close()">Cancel</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.panel-form {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	min-width: min(400px, 100%);
+	padding-top: var(--space-2);
+}
+
+.panel-form__empty {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: var(--space-6);
+	text-align: center;
+}
+
+.panel-form__empty-icon {
+	margin-bottom: var(--space-4);
+	color: var(--color-muted-soft);
+}
+
+.panel-form__empty-title {
+	margin: 0 0 var(--space-2);
+	font-size: var(--text-md);
+	font-weight: var(--weight-medium);
+}
+
+.panel-form__empty-text {
+	margin: 0 0 var(--space-5);
+	font-size: var(--text-sm);
+	color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/dashboards/__tests__/dialog-harness.ts b/frontend-vue/src/components/dashboards/__tests__/dialog-harness.ts
new file mode 100644
index 000000000..d6cbecca6
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/__tests__/dialog-harness.ts
@@ -0,0 +1,24 @@
+// Spec helper for the charts/dashboards dialogs: mounts the DialogHost and opens `component` in it
+// with `data`, the way the pages do through useDialog().open(). Activate Pinia before calling.
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import type { Component, Plugin } from 'vue';
+import DialogHost from '@/components/dialog/DialogHost.vue';
+import { type DialogRef, useDialog } from '@/composables/useDialog';
+
+export async function openDialog<R = unknown>(
+	component: Component,
+	data: unknown,
+	plugins: Plugin[] = [],
+): Promise<{ wrapper: VueWrapper; dialogRef: DialogRef<R> }> {
+	const wrapper = mount(DialogHost, { attachTo: document.body, global: { plugins } });
+	const dialogRef = useDialog().open<R>(component, { data });
+	await flushPromises();
+	return { wrapper, dialogRef };
+}
+
+/** The button whose text is `label`. */
+export function buttonByText(wrapper: VueWrapper, label: string) {
+	const match = wrapper.findAll('button').find((candidate) => candidate.text() === label);
+	if (!match) throw new Error(`No button "${label}"`);
+	return match;
+}
diff --git a/frontend-vue/src/components/dashboards/__tests__/mount-page.ts b/frontend-vue/src/components/dashboards/__tests__/mount-page.ts
new file mode 100644
index 000000000..eb9ed3ebc
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/__tests__/mount-page.ts
@@ -0,0 +1,47 @@
+// Spec helper for the charts/dashboards pages: mounts `view` as the page of `pattern` (e.g.
+// '/panels/:connectionId/:queryId'), navigated to `url`, under a memory router whose other paths
+// render a blank page, so a spec can read `router.currentRoute` after the view navigates.
+// Activates a fresh Pinia; stores the spec doesn't vi.mock are real.
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { type Component, defineComponent, h } from 'vue';
+import { createMemoryHistory, createRouter, type Router, RouterView } from 'vue-router';
+import DialogHost from '@/components/dialog/DialogHost.vue';
+import { vTooltip } from '@/components/ui';
+
+const Blank = defineComponent({ render: () => h('div', { 'data-testid': 'blank-page' }) });
+
+export async function mountPage(
+	view: Component,
+	patterns: string | string[],
+	url: string,
+): Promise<{ wrapper: VueWrapper; router: Router }> {
+	const pinia = createPinia();
+	setActivePinia(pinia);
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [
+			...[patterns].flat().map((path) => ({ path, component: view })),
+			{ path: '/:pathMatch(.*)*', component: Blank },
+		],
+	});
+	router.push(url);
+	await router.isReady();
+	const Host = defineComponent({ render: () => [h(RouterView), h(DialogHost)] });
+	const wrapper = mount(Host, {
+		global: { plugins: [router, pinia], directives: { tooltip: vTooltip } },
+		attachTo: document.body,
+	});
+	await flushPromises();
+	return { wrapper, router };
+}
+
+/** The button (or link) whose text — its UiButton label, without the icon ligature — is `label`. */
+export function byText(wrapper: VueWrapper, label: string, selector = 'button, a') {
+	const match = wrapper.findAll(selector).find((candidate) => {
+		const buttonLabel = candidate.find('.ui-button__label');
+		return (buttonLabel.exists() ? buttonLabel.text() : candidate.text()) === label;
+	});
+	if (!match) throw new Error(`No ${selector} "${label}"`);
+	return match;
+}
diff --git a/frontend-vue/src/components/dashboards/analytics.ts b/frontend-vue/src/components/dashboards/analytics.ts
new file mode 100644
index 000000000..7a8be801f
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/analytics.ts
@@ -0,0 +1,9 @@
+// The charts and dashboards pages reported every event to both Amplitude (angulartics2) and
+// PostHog; this sends one event to both.
+import posthog from 'posthog-js';
+import { trackEvent } from '@/composables/useAnalytics';
+
+export function trackDashboardsEvent(action: string): void {
+	trackEvent(action);
+	posthog.capture(action);
+}
diff --git a/frontend-vue/src/components/dashboards/panels/ChartPanel.vue b/frontend-vue/src/components/dashboards/panels/ChartPanel.vue
new file mode 100644
index 000000000..c42b63358
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/panels/ChartPanel.vue
@@ -0,0 +1,93 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboards/panel-renderers/chart-panel: a saved query's rows
+// drawn as its chart. Without stored label/value columns it falls back to the first two columns.
+import '@/components/charts/chartjs';
+import { computed } from 'vue';
+import { Chart } from 'vue-chartjs';
+import {
+	buildChartData,
+	buildChartOptions,
+	buildDataLabelsPlugin,
+	getMappedChartType,
+} from '@/lib/chart-config.helper';
+import type { DashboardWidget } from '@/models/dashboard';
+import type { ChartWidgetOptions, SavedQuery } from '@/models/saved-query';
+
+const props = withDefaults(
+	defineProps<{
+		widget: DashboardWidget;
+		connectionId: string;
+		preloadedQuery?: SavedQuery | null;
+		preloadedData?: Record<string, unknown>[];
+	}>(),
+	{ preloadedQuery: null, preloadedData: () => [] },
+);
+
+const storedOptions = computed(() => (props.preloadedQuery?.widget_options ?? {}) as Partial<ChartWidgetOptions>);
+const chartType = computed(() => props.preloadedQuery?.chart_type || 'bar');
+
+const resolvedOptions = computed<ChartWidgetOptions>(() => {
+	const raw = storedOptions.value;
+	const keys = props.preloadedData[0] ? Object.keys(props.preloadedData[0]) : [];
+	return {
+		...raw,
+		label_column: raw.label_column || keys[0] || '',
+		value_column: raw.value_column || keys[1] || keys[0] || '',
+	};
+});
+
+const chartData = computed(() => {
+	if (!props.preloadedData.length || !props.preloadedQuery) return null;
+	return buildChartData(props.preloadedData, chartType.value, resolvedOptions.value);
+});
+
+const chartOptions = computed(() => buildChartOptions(chartType.value, resolvedOptions.value));
+const chartPlugins = computed(() =>
+	props.preloadedQuery ? [buildDataLabelsPlugin(storedOptions.value as ChartWidgetOptions)] : [],
+);
+const mappedChartType = computed(() => getMappedChartType(chartType.value, storedOptions.value as ChartWidgetOptions));
+</script>
+
+<template>
+	<div class="chart-panel">
+		<div v-if="chartData" class="chart-panel__chart">
+			<Chart :type="mappedChartType" :data="chartData" :options="chartOptions" :plugins="chartPlugins" />
+		</div>
+		<div v-else class="chart-panel__empty">
+			<p>No data available</p>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.chart-panel {
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	height: 100%;
+}
+
+.chart-panel__chart {
+	position: relative;
+	flex: 1;
+	min-height: 0;
+}
+
+.chart-panel__chart :deep(canvas) {
+	width: 100% !important;
+	height: 100% !important;
+}
+
+.chart-panel__empty {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+	text-align: center;
+	color: var(--color-muted);
+}
+
+.chart-panel__empty p {
+	margin: 0;
+}
+</style>
diff --git a/frontend-vue/src/components/dashboards/panels/CounterPanel.vue b/frontend-vue/src/components/dashboards/panels/CounterPanel.vue
new file mode 100644
index 000000000..35ac29e69
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/panels/CounterPanel.vue
@@ -0,0 +1,92 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboards/panel-renderers/counter-panel: the first row's
+// value column as one big number (1.2K / 3.4M), labelled by its label column or the column name.
+import { computed } from 'vue';
+import type { DashboardWidget } from '@/models/dashboard';
+import type { SavedQuery } from '@/models/saved-query';
+
+const props = withDefaults(
+	defineProps<{
+		widget: DashboardWidget;
+		connectionId: string;
+		preloadedQuery?: SavedQuery | null;
+		preloadedData?: Record<string, unknown>[];
+	}>(),
+	{ preloadedQuery: null, preloadedData: () => [] },
+);
+
+const firstRow = computed(() => (props.preloadedQuery ? props.preloadedData[0] : undefined));
+
+const valueColumn = computed(() => {
+	const stored = props.preloadedQuery?.widget_options?.value_column as string | undefined;
+	if (stored) return stored;
+	return firstRow.value ? Object.keys(firstRow.value)[0] || null : null;
+});
+
+const counterValue = computed(() => {
+	const row = firstRow.value;
+	if (!row || !valueColumn.value) return null;
+	const value = row[valueColumn.value];
+	return typeof value === 'number' ? formatNumber(value) : String(value);
+});
+
+const label = computed(() => {
+	const row = firstRow.value;
+	if (!row) return '';
+	const labelColumn = props.preloadedQuery?.widget_options?.label_column as string | undefined;
+	if (labelColumn && row[labelColumn]) return String(row[labelColumn]);
+	return valueColumn.value || '';
+});
+
+function formatNumber(value: number): string {
+	if (Math.abs(value) >= 1000000) return `${(value / 1000000).toFixed(1)}M`;
+	if (Math.abs(value) >= 1000) return `${(value / 1000).toFixed(1)}K`;
+	return value.toLocaleString();
+}
+</script>
+
+<template>
+	<div v-if="counterValue !== null" class="counter-panel">
+		<span class="counter-panel__value">{{ counterValue }}</span>
+		<span v-if="label" class="counter-panel__label">{{ label }}</span>
+	</div>
+	<div v-else class="counter-panel counter-panel--empty">
+		<p>No data available</p>
+	</div>
+</template>
+
+<style scoped>
+.counter-panel {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	height: 100%;
+	text-align: center;
+}
+
+.counter-panel--empty {
+	color: var(--color-muted);
+}
+
+.counter-panel--empty p {
+	margin: 0;
+}
+
+.counter-panel__value {
+	font-family: var(--font-display);
+	font-size: var(--text-2xl);
+	font-weight: var(--weight-bold);
+	line-height: 1;
+	color: var(--color-accent);
+}
+
+.counter-panel__label {
+	margin-top: var(--space-2);
+	font-size: var(--text-sm);
+	text-transform: uppercase;
+	letter-spacing: 0.5px;
+	color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/dashboards/panels/DashboardPanel.vue b/frontend-vue/src/components/dashboards/panels/DashboardPanel.vue
new file mode 100644
index 000000000..9432213fe
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/panels/DashboardPanel.vue
@@ -0,0 +1,118 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboards/panel-renderers/dashboard-panel: loads a widget's
+// saved query and its result, then renders the chart, table, counter or text panel for it.
+// Emits `loaded` with the saved query so the dashboard can title the panel (Angular's parent read
+// the public `savedQuery` signal through a template ref).
+import { ref, watch } from 'vue';
+import { isApiError } from '@/api/client';
+import { UiSpinner } from '@/components/ui';
+import type { DashboardWidget } from '@/models/dashboard';
+import type { SavedQuery } from '@/models/saved-query';
+import { useSavedQueriesStore } from '@/stores/saved-queries';
+import ChartPanel from './ChartPanel.vue';
+import CounterPanel from './CounterPanel.vue';
+import TablePanel from './TablePanel.vue';
+import TextPanel from './TextPanel.vue';
+
+const props = defineProps<{ widget: DashboardWidget; connectionId: string }>();
+const emit = defineEmits<{ loaded: [query: SavedQuery | null] }>();
+
+const savedQueries = useSavedQueriesStore();
+
+const loading = ref(true);
+const error = ref<string | null>(null);
+const queryData = ref<Record<string, unknown>[]>([]);
+const savedQuery = ref<SavedQuery | null>(null);
+
+watch(
+	() => [props.widget.query_id, props.connectionId] as const,
+	([queryId]) => {
+		if (queryId) {
+			loadData(queryId);
+		} else {
+			loading.value = false;
+			error.value = 'No query linked to this panel';
+		}
+	},
+	{ immediate: true },
+);
+
+async function loadData(queryId: string): Promise<void> {
+	loading.value = true;
+	error.value = null;
+	try {
+		const [query, result] = await Promise.all([
+			savedQueries.fetchSavedQuery(props.connectionId, queryId),
+			savedQueries.executeSavedQuery(props.connectionId, queryId),
+		]);
+		savedQuery.value = query;
+		if (result) queryData.value = result.data;
+		emit('loaded', query);
+	} catch (err: unknown) {
+		error.value = (isApiError(err) && err.body.message) || 'Failed to load data';
+	} finally {
+		loading.value = false;
+	}
+}
+</script>
+
+<template>
+	<div class="dashboard-panel">
+		<div v-if="loading" class="dashboard-panel__state">
+			<UiSpinner label="Loading panel" />
+		</div>
+		<div v-else-if="error" class="dashboard-panel__state dashboard-panel__state--error">
+			<span>{{ error }}</span>
+		</div>
+		<template v-else-if="savedQuery">
+			<ChartPanel
+				v-if="savedQuery.widget_type === 'chart'"
+				:widget="widget"
+				:connection-id="connectionId"
+				:preloaded-query="savedQuery"
+				:preloaded-data="queryData"
+			/>
+			<TablePanel
+				v-else-if="savedQuery.widget_type === 'table'"
+				:widget="widget"
+				:connection-id="connectionId"
+				:preloaded-query="savedQuery"
+				:preloaded-data="queryData"
+			/>
+			<CounterPanel
+				v-else-if="savedQuery.widget_type === 'counter'"
+				:widget="widget"
+				:connection-id="connectionId"
+				:preloaded-query="savedQuery"
+				:preloaded-data="queryData"
+			/>
+			<TextPanel v-else-if="savedQuery.widget_type === 'text'" :widget="widget" :preloaded-query="savedQuery" />
+			<div v-else class="dashboard-panel__state dashboard-panel__state--error">
+				<span>Unknown panel type: {{ savedQuery.widget_type }}</span>
+			</div>
+		</template>
+	</div>
+</template>
+
+<style scoped>
+.dashboard-panel {
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	height: 100%;
+}
+
+.dashboard-panel__state {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+}
+
+.dashboard-panel__state--error {
+	padding: var(--space-4);
+	font-size: var(--text-sm);
+	text-align: center;
+	color: var(--color-danger);
+}
+</style>
diff --git a/frontend-vue/src/components/dashboards/panels/TablePanel.vue b/frontend-vue/src/components/dashboards/panels/TablePanel.vue
new file mode 100644
index 000000000..186e04c02
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/panels/TablePanel.vue
@@ -0,0 +1,74 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboards/panel-renderers/table-panel: a saved query's rows
+// as a table, one column per key of the first row.
+import { computed } from 'vue';
+import { type TableColumn, UiTable } from '@/components/ui';
+import type { DashboardWidget } from '@/models/dashboard';
+import type { SavedQuery } from '@/models/saved-query';
+
+const props = withDefaults(
+	defineProps<{
+		widget: DashboardWidget;
+		connectionId: string;
+		preloadedQuery?: SavedQuery | null;
+		preloadedData?: Record<string, unknown>[];
+	}>(),
+	{ preloadedQuery: null, preloadedData: () => [] },
+);
+
+const columns = computed<TableColumn<Record<string, unknown>>[]>(() => {
+	const first = props.preloadedData[0];
+	return first ? Object.keys(first).map((key) => ({ key, label: key })) : [];
+});
+</script>
+
+<template>
+	<div class="table-panel">
+		<UiTable
+			v-if="preloadedData.length > 0"
+			class="table-panel__table"
+			:columns="columns"
+			:rows="preloadedData"
+			:label="preloadedQuery?.name || 'Query results'"
+			size="sm"
+			sticky-header
+		/>
+		<div v-else class="table-panel__empty">
+			<p>No data available</p>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.table-panel {
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	height: 100%;
+}
+
+.table-panel__table {
+	flex: 1;
+	min-height: 0;
+}
+
+.table-panel__table :deep(td) {
+	max-width: 200px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.table-panel__empty {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+	text-align: center;
+	color: var(--color-muted);
+}
+
+.table-panel__empty p {
+	margin: 0;
+}
+</style>
diff --git a/frontend-vue/src/components/dashboards/panels/TextPanel.vue b/frontend-vue/src/components/dashboards/panels/TextPanel.vue
new file mode 100644
index 000000000..b3c8a77b8
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/panels/TextPanel.vue
@@ -0,0 +1,51 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboards/panel-renderers/text-panel: the markdown stored in
+// the saved query's `widget_options.text_content`.
+import { computed } from 'vue';
+import AppMarkdown from '@/components/shared/AppMarkdown.vue';
+import type { DashboardWidget } from '@/models/dashboard';
+import type { SavedQuery } from '@/models/saved-query';
+
+const props = withDefaults(defineProps<{ widget: DashboardWidget; preloadedQuery?: SavedQuery | null }>(), {
+	preloadedQuery: null,
+});
+
+const textContent = computed(() => (props.preloadedQuery?.widget_options?.text_content as string | undefined) || '');
+</script>
+
+<template>
+	<div v-if="textContent" class="text-panel">
+		<AppMarkdown :source="textContent" />
+	</div>
+	<div v-else class="text-panel text-panel--empty">
+		<p>No content</p>
+		<p class="text-panel__hint">Edit this panel to add text content.</p>
+	</div>
+</template>
+
+<style scoped>
+.text-panel {
+	flex: 1;
+	width: 100%;
+	height: 100%;
+	overflow: auto;
+}
+
+.text-panel--empty {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+	color: var(--color-muted);
+}
+
+.text-panel--empty p {
+	margin: 0;
+}
+
+.text-panel__hint {
+	margin-top: var(--space-1);
+	font-size: var(--text-xs);
+}
+</style>
diff --git a/frontend-vue/src/components/dashboards/panels/panels.spec.ts b/frontend-vue/src/components/dashboards/panels/panels.spec.ts
new file mode 100644
index 000000000..4a079b915
--- /dev/null
+++ b/frontend-vue/src/components/dashboards/panels/panels.spec.ts
@@ -0,0 +1,212 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { ApiError } from '@/api/client';
+import { ChartStub } from '@/components/charts/__tests__/chart-stub';
+import type { DashboardWidget } from '@/models/dashboard';
+import type { SavedQuery } from '@/models/saved-query';
+import ChartPanel from './ChartPanel.vue';
+import CounterPanel from './CounterPanel.vue';
+import DashboardPanel from './DashboardPanel.vue';
+import TablePanel from './TablePanel.vue';
+import TextPanel from './TextPanel.vue';
+
+vi.mock('vue-chartjs', async () => ({ Chart: (await import('@/components/charts/__tests__/chart-stub')).ChartStub }));
+
+const savedQueries = vi.hoisted(() => ({ fetchSavedQuery: vi.fn(), executeSavedQuery: vi.fn() }));
+vi.mock('@/stores/saved-queries', () => ({ useSavedQueriesStore: () => savedQueries }));
+
+const widget: DashboardWidget = {
+	id: 'test-id',
+	position_x: 0,
+	position_y: 0,
+	width: 4,
+	height: 4,
+	query_id: 'test-query',
+	dashboard_id: 'test-dashboard',
+};
+
+function query(overrides: Partial<SavedQuery>): SavedQuery {
+	return {
+		id: 'test-query',
+		name: 'Test Query',
+		description: null,
+		widget_type: 'chart',
+		chart_type: 'bar',
+		widget_options: null,
+		query_text: 'SELECT * FROM stats',
+		connection_id: 'test-conn',
+		created_at: '2024-01-01',
+		updated_at: '2024-01-01',
+		...overrides,
+	};
+}
+
+describe('ChartPanel', () => {
+	it('draws the preloaded rows', () => {
+		const wrapper = mount(ChartPanel, {
+			props: {
+				widget,
+				connectionId: 'test-conn',
+				preloadedQuery: query({ widget_options: { label_column: 'name', value_column: 'count' } }),
+				preloadedData: [
+					{ name: 'A', count: 10 },
+					{ name: 'B', count: 20 },
+				],
+			},
+		});
+		const chart = wrapper.getComponent(ChartStub);
+
+		expect(chart.props('type')).toBe('bar');
+		expect(chart.props('data')).toMatchObject({ labels: ['A', 'B'], datasets: [{ data: [10, 20] }] });
+	});
+
+	it('falls back to the first two columns without stored options', () => {
+		const wrapper = mount(ChartPanel, {
+			props: {
+				widget,
+				connectionId: 'test-conn',
+				preloadedQuery: query({ chart_type: null }),
+				preloadedData: [{ day: 'Mon', visits: 3 }],
+			},
+		});
+
+		expect(wrapper.getComponent(ChartStub).props('data')).toMatchObject({ labels: ['Mon'], datasets: [{ data: [3] }] });
+	});
+
+	it('shows the empty state without rows', () => {
+		const wrapper = mount(ChartPanel, { props: { widget, connectionId: 'c', preloadedQuery: query({}) } });
+
+		expect(wrapper.text()).toBe('No data available');
+	});
+});
+
+describe('CounterPanel', () => {
+	it('shows the value column of the first row', () => {
+		const wrapper = mount(CounterPanel, {
+			props: {
+				widget,
+				connectionId: 'test-conn',
+				preloadedQuery: query({ widget_type: 'counter', widget_options: { value_column: 'total' } }),
+				preloadedData: [{ total: 42 }],
+			},
+		});
+
+		expect(wrapper.get('.counter-panel__value').text()).toBe('42');
+		expect(wrapper.get('.counter-panel__label').text()).toBe('total');
+	});
+
+	it('abbreviates large numbers and uses the label column', () => {
+		const wrapper = mount(CounterPanel, {
+			props: {
+				widget,
+				connectionId: 'test-conn',
+				preloadedQuery: query({ widget_type: 'counter', widget_options: { label_column: 'title' } }),
+				preloadedData: [{ revenue: 1520000, title: 'Revenue' }],
+			},
+		});
+
+		expect(wrapper.get('.counter-panel__value').text()).toBe('1.5M');
+		expect(wrapper.get('.counter-panel__label').text()).toBe('Revenue');
+	});
+
+	it('shows the empty state without rows', () => {
+		const wrapper = mount(CounterPanel, { props: { widget, connectionId: 'c', preloadedQuery: query({}) } });
+
+		expect(wrapper.text()).toBe('No data available');
+	});
+});
+
+describe('TablePanel', () => {
+	it('renders one column per key of the first row', () => {
+		const wrapper = mount(TablePanel, {
+			props: {
+				widget,
+				connectionId: 'test-conn',
+				preloadedQuery: query({ widget_type: 'table' }),
+				preloadedData: [
+					{ id: 1, name: 'John', email: 'john@example.com' },
+					{ id: 2, name: 'Jane', email: 'jane@example.com' },
+				],
+			},
+		});
+
+		expect(wrapper.findAll('th').map((th) => th.text())).toEqual(['id', 'name', 'email']);
+		expect(wrapper.findAll('tbody tr')).toHaveLength(2);
+	});
+
+	it('shows the empty state without rows', () => {
+		const wrapper = mount(TablePanel, { props: { widget, connectionId: 'c' } });
+
+		expect(wrapper.text()).toBe('No data available');
+	});
+});
+
+describe('TextPanel', () => {
+	it('renders the text content as markdown', async () => {
+		const wrapper = mount(TextPanel, {
+			props: {
+				widget,
+				preloadedQuery: query({ widget_type: 'text', widget_options: { text_content: '# Hello World' } }),
+			},
+		});
+		await flushPromises();
+
+		expect(wrapper.get('h1').text()).toBe('Hello World');
+	});
+
+	it('asks for content when there is none', () => {
+		const wrapper = mount(TextPanel, { props: { widget, preloadedQuery: query({ widget_type: 'text' }) } });
+
+		expect(wrapper.text()).toContain('No content');
+		expect(wrapper.text()).toContain('Edit this panel to add text content.');
+	});
+});
+
+describe('DashboardPanel', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		vi.clearAllMocks();
+	});
+
+	it('loads the saved query and its result, renders the matching panel and emits the query', async () => {
+		const counter = query({ widget_type: 'counter', widget_options: { value_column: 'n' } });
+		savedQueries.fetchSavedQuery.mockResolvedValue(counter);
+		savedQueries.executeSavedQuery.mockResolvedValue({ data: [{ n: 7 }] });
+		const wrapper = mount(DashboardPanel, { props: { widget, connectionId: 'test-conn' } });
+
+		expect(wrapper.find('[role="status"]').exists()).toBe(true);
+		await flushPromises();
+
+		expect(savedQueries.fetchSavedQuery).toHaveBeenCalledWith('test-conn', 'test-query');
+		expect(savedQueries.executeSavedQuery).toHaveBeenCalledWith('test-conn', 'test-query');
+		expect(wrapper.getComponent(CounterPanel).props('preloadedData')).toEqual([{ n: 7 }]);
+		expect(wrapper.emitted('loaded')).toEqual([[counter]]);
+	});
+
+	it('says so when no query is linked', async () => {
+		const wrapper = mount(DashboardPanel, { props: { widget: { ...widget, query_id: null }, connectionId: 'c' } });
+		await flushPromises();
+
+		expect(savedQueries.fetchSavedQuery).not.toHaveBeenCalled();
+		expect(wrapper.text()).toBe('No query linked to this panel');
+	});
+
+	it('shows the server error message', async () => {
+		savedQueries.fetchSavedQuery.mockRejectedValue(new ApiError('Bad SQL', 400, { message: 'Bad SQL' }));
+		savedQueries.executeSavedQuery.mockResolvedValue({ data: [] });
+		const wrapper = mount(DashboardPanel, { props: { widget, connectionId: 'c' } });
+		await flushPromises();
+
+		expect(wrapper.text()).toBe('Bad SQL');
+	});
+
+	it('flags an unknown panel type', async () => {
+		savedQueries.fetchSavedQuery.mockResolvedValue({ ...query({}), widget_type: 'gauge' });
+		savedQueries.executeSavedQuery.mockResolvedValue({ data: [] });
+		const wrapper = mount(DashboardPanel, { props: { widget, connectionId: 'c' } });
+		await flushPromises();
+
+		expect(wrapper.text()).toBe('Unknown panel type: gauge');
+	});
+});
diff --git a/frontend-vue/src/components/profile/ProfileLayout.vue b/frontend-vue/src/components/profile/ProfileLayout.vue
new file mode 100644
index 000000000..8ce922edd
--- /dev/null
+++ b/frontend-vue/src/components/profile/ProfileLayout.vue
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+// The `.profile-layout` frame the account pages (user settings, company, secrets, API keys, Zapier)
+// shared in Angular: the profile sidebar, then a scrolling main column with the page alert on top.
+import AppAlert from '@/components/shared/AppAlert.vue';
+import ProfileSidebar, { type ProfileTab } from './ProfileSidebar.vue';
+
+defineProps<{
+	/** The page shown; its sidebar link is highlighted. */
+	activeTab: ProfileTab;
+}>();
+</script>
+
+<template>
+	<div class="profile-layout">
+		<ProfileSidebar :active-tab="activeTab" />
+		<main class="profile-layout__main">
+			<AppAlert class="profile-layout__alert" />
+			<slot name="alerts" />
+			<slot />
+		</main>
+	</div>
+</template>
+
+<style scoped>
+.profile-layout {
+	display: flex;
+	height: calc(100vh - var(--header-height));
+}
+
+.profile-layout__main {
+	flex: 1;
+	min-width: 0;
+	overflow-y: auto;
+	background: var(--color-paper);
+}
+
+.profile-layout__main > .profile-layout__alert,
+.profile-layout__main > :slotted(.profile-layout__alert) {
+	position: relative;
+	top: 0;
+	margin: var(--space-6);
+}
+</style>
diff --git a/frontend-vue/src/components/profile/ProfileSidebar.spec.ts b/frontend-vue/src/components/profile/ProfileSidebar.spec.ts
new file mode 100644
index 000000000..d0f3831c9
--- /dev/null
+++ b/frontend-vue/src/components/profile/ProfileSidebar.spec.ts
@@ -0,0 +1,65 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import { environment } from '@/environment';
+import ProfileSidebar from './ProfileSidebar.vue';
+
+const uiSettings = vi.hoisted(() => ({ getUiSettings: vi.fn(), updateGlobalSetting: vi.fn() }));
+vi.mock('@/stores/ui-settings', () => ({ useUiSettingsStore: () => uiSettings }));
+
+async function mountSidebar(activeTab: 'account' | 'company' | 'api' | 'secrets' | 'zapier' = 'account') {
+	const router = createRouter({ history: createMemoryHistory(), routes: [{ path: '/:p(.*)*', component: {} }] });
+	router.push('/');
+	await router.isReady();
+	const wrapper = mount(ProfileSidebar, { props: { activeTab }, global: { plugins: [router] } });
+	await flushPromises();
+	return wrapper;
+}
+
+describe('ProfileSidebar', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		environment.saas = false;
+		uiSettings.getUiSettings.mockResolvedValue(null);
+	});
+
+	it('links the account pages, Zapier only on SaaS', async () => {
+		let wrapper = await mountSidebar();
+		expect(wrapper.findAll('a').map((link) => link.attributes('href'))).toEqual([
+			'/user-settings',
+			'/company',
+			'/secrets',
+			'/api-keys',
+		]);
+		expect(wrapper.text()).toContain('General');
+		wrapper.unmount();
+
+		environment.saas = true;
+		wrapper = await mountSidebar();
+		expect(wrapper.findAll('a').at(-1)?.attributes('href')).toBe('/zapier');
+		expect(wrapper.findAll('a')).toHaveLength(5);
+		wrapper.unmount();
+	});
+
+	it('highlights the active tab', async () => {
+		const wrapper = await mountSidebar('secrets');
+		const active = wrapper.findAll('.profile-sidebar__item--active');
+		expect(active).toHaveLength(1);
+		expect(active[0]?.text()).toContain('Secrets');
+		wrapper.unmount();
+	});
+
+	it('restores the collapsed state and stores it when toggled', async () => {
+		uiSettings.getUiSettings.mockResolvedValue({ globalSettings: { profileSidebarCollapsed: true }, connections: {} });
+		const wrapper = await mountSidebar();
+
+		expect(wrapper.find('aside').classes()).toContain('profile-sidebar--collapsed');
+		expect(wrapper.text()).not.toContain('General');
+		expect(wrapper.find('a[href="/company"] [role="img"]').attributes('aria-label')).toBe('Company');
+
+		await wrapper.find('button[aria-label="Expand"]').trigger('click');
+		expect(uiSettings.updateGlobalSetting).toHaveBeenCalledWith('profileSidebarCollapsed', false);
+		expect(wrapper.text()).toContain('General');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/profile/ProfileSidebar.vue b/frontend-vue/src/components/profile/ProfileSidebar.vue
new file mode 100644
index 000000000..b0e0797f1
--- /dev/null
+++ b/frontend-vue/src/components/profile/ProfileSidebar.vue
@@ -0,0 +1,175 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/profile/profile-sidebar: the collapsible navigation of the
+// account pages (user settings, company, secrets, API keys, Zapier). The collapsed state is a
+// global UI setting (`profileSidebarCollapsed`). Hidden on narrow screens, like Angular.
+import { onMounted, ref } from 'vue';
+import { UiButton, UiDivider, UiIcon, UiIconButton, UiList, UiListItem, vTooltip } from '@/components/ui';
+import { environment } from '@/environment';
+import { useUiSettingsStore } from '@/stores/ui-settings';
+
+export type ProfileTab = 'account' | 'company' | 'api' | 'secrets' | 'zapier';
+
+withDefaults(
+	defineProps<{
+		/** The page the sidebar is shown on; its link is highlighted. */
+		activeTab?: ProfileTab;
+	}>(),
+	{ activeTab: 'account' },
+);
+
+interface SidebarLink {
+	tab: ProfileTab;
+	to: string;
+	icon: string;
+	caption: string;
+}
+
+const groups: { label: string; links: SidebarLink[] }[] = [
+	{
+		label: 'General',
+		links: [
+			{ tab: 'account', to: '/user-settings', icon: 'person', caption: 'Account' },
+			{ tab: 'company', to: '/company', icon: 'apartment', caption: 'Company' },
+		],
+	},
+	{ label: 'Security', links: [{ tab: 'secrets', to: '/secrets', icon: 'key', caption: 'Secrets' }] },
+	{
+		label: 'Developer',
+		links: [
+			{ tab: 'api', to: '/api-keys', icon: 'vpn_key', caption: 'API Keys' },
+			...(environment.saas
+				? [{ tab: 'zapier' as const, to: '/zapier', icon: 'electric_bolt', caption: 'Zapier' }]
+				: []),
+		],
+	},
+];
+
+const uiSettings = useUiSettingsStore();
+const collapsed = ref(false);
+// Width transitions only after the stored state is applied, so the page does not animate on load.
+const initialized = ref(false);
+
+onMounted(() => {
+	uiSettings
+		.getUiSettings()
+		.then((settings) => {
+			collapsed.value = settings?.globalSettings?.profileSidebarCollapsed ?? false;
+		})
+		.catch(() => {});
+	setTimeout(() => {
+		initialized.value = true;
+	}, 0);
+});
+
+function toggleCollapsed() {
+	collapsed.value = !collapsed.value;
+	uiSettings.updateGlobalSetting('profileSidebarCollapsed', collapsed.value);
+}
+</script>
+
+<template>
+	<aside
+		class="profile-sidebar"
+		:class="{ 'profile-sidebar--collapsed': collapsed, 'profile-sidebar--initialized': initialized }"
+	>
+		<UiButton v-if="!collapsed" variant="ghost" size="sm" class="profile-sidebar__toggle" @click="toggleCollapsed">
+			Collapse
+			<template #trailing><UiIcon name="chevron_left" size="sm" /></template>
+		</UiButton>
+		<UiIconButton
+			v-else
+			icon="chevron_right"
+			label="Expand"
+			size="sm"
+			class="profile-sidebar__toggle profile-sidebar__toggle--collapsed"
+			@click="toggleCollapsed"
+		/>
+
+		<nav class="profile-sidebar__nav" aria-label="Account settings">
+			<template v-for="(group, index) in groups" :key="group.label">
+				<UiDivider v-if="index > 0" class="profile-sidebar__divider" />
+				<span v-if="!collapsed" class="profile-sidebar__group-label">{{ group.label }}</span>
+				<UiList size="sm" class="profile-sidebar__list">
+					<UiListItem
+						v-for="link in group.links"
+						:key="link.tab"
+						v-tooltip:right="collapsed ? link.caption : ''"
+						:to="link.to"
+						:active="activeTab === link.tab"
+						class="profile-sidebar__item"
+						:class="{ 'profile-sidebar__item--active': activeTab === link.tab }"
+					>
+						<template #leading>
+							<!-- Collapsed, the icon alone names the link. -->
+							<UiIcon :name="link.icon" size="sm" :label="collapsed ? link.caption : undefined" />
+						</template>
+						<template v-if="!collapsed">{{ link.caption }}</template>
+					</UiListItem>
+				</UiList>
+			</template>
+		</nav>
+	</aside>
+</template>
+
+<style scoped>
+.profile-sidebar {
+	display: flex;
+	flex: none;
+	flex-direction: column;
+	width: 220px;
+	height: 100%;
+	overflow: hidden;
+	border-inline-end: 1px solid var(--color-line);
+	background: var(--color-surface);
+}
+
+.profile-sidebar--initialized {
+	transition: width var(--motion-base) var(--ease-out);
+}
+
+.profile-sidebar--collapsed {
+	width: 56px;
+}
+
+.profile-sidebar__toggle {
+	align-self: flex-start;
+	margin: var(--space-2) var(--space-3) 0;
+}
+
+.profile-sidebar__toggle--collapsed {
+	align-self: center;
+	margin: var(--space-3) var(--space-2);
+}
+
+.profile-sidebar__nav {
+	padding: var(--space-1) var(--space-2);
+	overflow: hidden;
+}
+
+.profile-sidebar__group-label {
+	display: block;
+	padding: var(--space-3) var(--space-3) var(--space-1);
+	font-size: var(--text-2xs);
+	font-weight: var(--weight-semibold);
+	letter-spacing: 0.02em;
+	color: var(--color-muted);
+}
+
+.profile-sidebar__divider {
+	margin: var(--space-1) var(--space-3);
+}
+
+.profile-sidebar__item {
+	white-space: nowrap;
+}
+
+.profile-sidebar__item--active :deep(.ui-list-item__leading) {
+	color: var(--color-accent);
+}
+
+@media (width <= 600px) {
+	.profile-sidebar {
+		display: none;
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/schema/SchemaDiagramViewer.spec.ts b/frontend-vue/src/components/schema/SchemaDiagramViewer.spec.ts
new file mode 100644
index 000000000..030a36842
--- /dev/null
+++ b/frontend-vue/src/components/schema/SchemaDiagramViewer.spec.ts
@@ -0,0 +1,107 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import SchemaDiagramViewer from './SchemaDiagramViewer.vue';
+
+const mermaid = vi.hoisted(() => ({
+	initialize: vi.fn(),
+	render: vi.fn(),
+}));
+vi.mock('mermaid', () => ({ default: mermaid }));
+
+const SOURCE =
+	'```mermaid\nerDiagram\n  users {\n    int id\n  }\n  orders {\n    int id\n  }\n  orders }o--|| users : places\n```';
+const SVG =
+	'<svg id="d"><g class="node" id="entity-users"><text>users</text></g><g class="node"><text>orders</text></g></svg>';
+
+function mountViewer(source = SOURCE) {
+	return mount(SchemaDiagramViewer, {
+		props: { title: 'Current Database Structure', source },
+		attachTo: document.body,
+	});
+}
+
+describe('SchemaDiagramViewer', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		mermaid.render.mockResolvedValue({ svg: SVG });
+	});
+
+	it('renders the source through mermaid without the code fence', async () => {
+		const wrapper = mountViewer();
+		await flushPromises();
+
+		expect(wrapper.find('h3').text()).toBe('Current Database Structure');
+		expect(mermaid.initialize).toHaveBeenCalledWith({ startOnLoad: false, theme: 'default' });
+		const code = mermaid.render.mock.calls[0]?.[1];
+		expect(code).toBe(
+			'erDiagram\n  users {\n    int id\n  }\n  orders {\n    int id\n  }\n  orders }o--|| users : places\n',
+		);
+		expect(wrapper.find('[data-testid="schema-diagram-canvas"] svg').exists()).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('re-renders when the source changes', async () => {
+		const wrapper = mountViewer();
+		await flushPromises();
+		await wrapper.setProps({ source: '```mermaid\nerDiagram\n  tags {\n  }\n```' });
+		await flushPromises();
+		expect(mermaid.render).toHaveBeenCalledTimes(2);
+		expect(wrapper.findAll('.schema-diagram__sidebar-item-name').map((item) => item.text())).toEqual(['tags']);
+		wrapper.unmount();
+	});
+
+	it('says so when mermaid cannot render the source', async () => {
+		mermaid.render.mockRejectedValue(new Error('Parse error'));
+		const wrapper = mountViewer();
+		await flushPromises();
+		expect(wrapper.text()).toContain('The diagram could not be rendered.');
+		wrapper.unmount();
+	});
+
+	it('lists the tables sorted and filters them by the search', async () => {
+		const wrapper = mountViewer();
+		await flushPromises();
+		const items = () => wrapper.findAll('.schema-diagram__sidebar-item-name').map((item) => item.text());
+		expect(items()).toEqual(['orders', 'users']);
+
+		await wrapper.find('input[aria-label="Search tables"]').setValue('US');
+		expect(items()).toEqual(['users']);
+
+		await wrapper.find('input[aria-label="Search tables"]').setValue('nothing');
+		expect(items()).toEqual([]);
+		expect(wrapper.text()).toContain('No tables match your search.');
+		wrapper.unmount();
+	});
+
+	it('toggles the tables list', async () => {
+		const wrapper = mountViewer();
+		await flushPromises();
+		const toggle = wrapper.find('[data-testid="schema-diagram-sidebar-toggle"]');
+		expect(toggle.attributes('aria-pressed')).toBe('true');
+		await toggle.trigger('click');
+		expect(wrapper.find('.schema-diagram__sidebar').exists()).toBe(false);
+		expect(toggle.attributes('aria-pressed')).toBe('false');
+		wrapper.unmount();
+	});
+
+	it('zooms in and out in 25% steps of the fitted scale', async () => {
+		const wrapper = mountViewer();
+		await flushPromises();
+		const zoom = () => wrapper.find('[data-testid="schema-diagram-zoom"]').text();
+		expect(zoom()).toBe('100%');
+		await wrapper.find('button[aria-label="Zoom in"]').trigger('click');
+		expect(zoom()).toBe('125%');
+		await wrapper.find('button[aria-label="Zoom out"]').trigger('click');
+		await wrapper.find('button[aria-label="Zoom out"]').trigger('click');
+		expect(zoom()).toBe('75%');
+		wrapper.unmount();
+	});
+
+	it('highlights a table picked from the list', async () => {
+		const wrapper = mountViewer();
+		await flushPromises();
+		await wrapper.findAll('.schema-diagram__sidebar-item')[1]?.trigger('click');
+		expect(wrapper.find('#entity-users').classes()).toContain('schema-diagram__highlight');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/schema/SchemaDiagramViewer.vue b/frontend-vue/src/components/schema/SchemaDiagramViewer.vue
new file mode 100644
index 000000000..268dad0f3
--- /dev/null
+++ b/frontend-vue/src/components/schema/SchemaDiagramViewer.vue
@@ -0,0 +1,555 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/edit-database-schema/schema-diagram-viewer: a Mermaid ER
+// diagram on a pannable, zoomable canvas, with a searchable list of its tables that focuses one.
+//
+// Angular rendered the source through ngx-markdown's `mermaid` mode and watched the canvas with a
+// MutationObserver for the resulting <svg>. Here Mermaid is imported on first render and its SVG is
+// placed directly, so the fit/measure step runs right after the render instead.
+import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import { UiIcon, UiIconButton, UiInput } from '@/components/ui';
+import { renderMermaid } from './mermaid';
+
+const MIN_RELATIVE = 0.2;
+const MAX_RELATIVE = 8;
+const ABSOLUTE_MIN = 0.05;
+const ABSOLUTE_MAX = 40;
+const ZOOM_STEP = 0.25;
+/** Space kept around the diagram by "Fit to screen", in px. */
+const FIT_PADDING = 24;
+
+const props = withDefaults(
+	defineProps<{
+		/** Heading above the diagram. */
+		title?: string;
+		/** Mermaid ER source, optionally wrapped in a ```mermaid fence. */
+		source?: string;
+	}>(),
+	{ title: '', source: '' },
+);
+
+const viewport = ref<HTMLDivElement | null>(null);
+const canvas = ref<HTMLDivElement | null>(null);
+
+const svgMarkup = ref('');
+const renderFailed = ref(false);
+const scale = ref(1);
+const baseScale = ref(1);
+const translateX = ref(0);
+const translateY = ref(0);
+const isPanning = ref(false);
+const tableSearch = ref('');
+const sidebarOpen = ref(true);
+const svgSize = ref({ w: 0, h: 0 });
+const viewportSize = ref({ w: 0, h: 0 });
+
+const code = computed(() => props.source.replace(/^```mermaid\n?/i, '').replace(/```\s*$/i, ''));
+
+const tables = computed(() => {
+	const names: string[] = [];
+	const seen = new Set<string>();
+	for (const rawLine of code.value.split('\n')) {
+		const name = rawLine.match(/^\s*([A-Za-z_][\w-]*)\s*\{/)?.[1];
+		if (name && !seen.has(name)) {
+			seen.add(name);
+			names.push(name);
+		}
+	}
+	return names.sort((a, b) => a.localeCompare(b));
+});
+
+const filteredTables = computed(() => {
+	const q = tableSearch.value.toLowerCase().trim();
+	return q ? tables.value.filter((t) => t.toLowerCase().includes(q)) : tables.value;
+});
+
+const transformStyle = computed(() => `translate(${translateX.value}px, ${translateY.value}px) scale(${scale.value})`);
+
+const scaleLabel = computed(() => `${Math.round((scale.value / (baseScale.value || 1)) * 100)}%`);
+
+let panStart = { x: 0, y: 0, tx: 0, ty: 0 };
+let resizeObserver: ResizeObserver | null = null;
+let renderRun = 0;
+const timers = new Set<ReturnType<typeof setTimeout>>();
+
+watch(
+	() => props.source,
+	() => {
+		svgSize.value = { w: 0, h: 0 };
+		scale.value = 1;
+		baseScale.value = 1;
+		translateX.value = 0;
+		translateY.value = 0;
+		render();
+	},
+);
+
+onMounted(() => {
+	render();
+	const element = viewport.value;
+	if (!element) return;
+	resizeObserver = new ResizeObserver(() => {
+		const rect = element.getBoundingClientRect();
+		viewportSize.value = { w: rect.width, h: rect.height };
+	});
+	resizeObserver.observe(element);
+});
+
+onBeforeUnmount(() => {
+	renderRun++;
+	resizeObserver?.disconnect();
+	for (const timer of timers) clearTimeout(timer);
+	document.removeEventListener('mousemove', onPanMove);
+	document.removeEventListener('mouseup', onPanEnd);
+});
+
+function zoomIn() {
+	zoomAt(scale.value + baseScale.value * ZOOM_STEP);
+}
+
+function zoomOut() {
+	zoomAt(scale.value - baseScale.value * ZOOM_STEP);
+}
+
+function fitToScreen() {
+	let vp = viewportSize.value;
+	if (!vp.w || !vp.h) {
+		const rect = viewport.value?.getBoundingClientRect();
+		if (rect?.width && rect.height) {
+			vp = { w: rect.width, h: rect.height };
+			viewportSize.value = vp;
+		}
+	}
+	const svg = svgSize.value;
+	if (!vp.w || !svg.w) return;
+	const fit = Math.min((vp.w - FIT_PADDING * 2) / svg.w, (vp.h - FIT_PADDING * 2) / svg.h);
+	const newScale = Math.max(ABSOLUTE_MIN, Math.min(ABSOLUTE_MAX, fit));
+	baseScale.value = newScale;
+	scale.value = newScale;
+	translateX.value = (vp.w - svg.w * newScale) / 2;
+	translateY.value = (vp.h - svg.h * newScale) / 2;
+}
+
+function onPanStart(event: MouseEvent) {
+	const target = event.target as HTMLElement;
+	if (target.closest('button, a, input, .schema-diagram__sidebar, .schema-diagram__toolbar')) return;
+	isPanning.value = true;
+	panStart = { x: event.clientX, y: event.clientY, tx: translateX.value, ty: translateY.value };
+	document.addEventListener('mousemove', onPanMove);
+	document.addEventListener('mouseup', onPanEnd);
+	event.preventDefault();
+}
+
+function onWheel(event: WheelEvent) {
+	event.preventDefault();
+	const rect = viewport.value?.getBoundingClientRect();
+	if (!rect) return;
+	const factor = 1 - event.deltaY * 0.0025;
+	zoomAt(scale.value * factor, event.clientX - rect.left, event.clientY - rect.top);
+}
+
+function onDoubleClick(event: MouseEvent) {
+	const target = event.target as Element | null;
+	if (!target) return;
+	const node = findEntityNode(target);
+	if (node) focusElement(node);
+}
+
+function focusTable(name: string) {
+	const node = findNodeByName(name);
+	if (node) focusElement(node);
+}
+
+async function render() {
+	const run = ++renderRun;
+	renderFailed.value = false;
+	if (!code.value.trim()) {
+		svgMarkup.value = '';
+		return;
+	}
+	let svg: string;
+	try {
+		svg = await renderMermaid(code.value);
+	} catch {
+		if (run !== renderRun) return;
+		svgMarkup.value = '';
+		renderFailed.value = true;
+		return;
+	}
+	if (run !== renderRun) return;
+	svgMarkup.value = svg;
+	await nextTick();
+	const element = canvas.value?.querySelector('svg');
+	if (!element) return;
+	prepareSvg(element);
+	requestAnimationFrame(() => fitToScreen());
+	later(() => fitToScreen(), 80);
+}
+
+function onPanMove(event: MouseEvent) {
+	translateX.value = panStart.tx + event.clientX - panStart.x;
+	translateY.value = panStart.ty + event.clientY - panStart.y;
+}
+
+function onPanEnd() {
+	isPanning.value = false;
+	document.removeEventListener('mousemove', onPanMove);
+	document.removeEventListener('mouseup', onPanEnd);
+}
+
+function zoomAt(targetScale: number, originX?: number, originY?: number) {
+	const base = baseScale.value || 1;
+	const minAbs = Math.max(ABSOLUTE_MIN, base * MIN_RELATIVE);
+	const maxAbs = Math.min(ABSOLUTE_MAX, base * MAX_RELATIVE);
+	const clamped = Math.max(minAbs, Math.min(maxAbs, targetScale));
+	const oldScale = scale.value;
+	if (clamped === oldScale) return;
+	const ox = originX ?? viewportSize.value.w / 2;
+	const oy = originY ?? viewportSize.value.h / 2;
+	const ratio = clamped / oldScale;
+	translateX.value = ox - (ox - translateX.value) * ratio;
+	translateY.value = oy - (oy - translateY.value) * ratio;
+	scale.value = clamped;
+}
+
+function prepareSvg(svg: SVGSVGElement) {
+	svg.removeAttribute('style');
+	svg.style.display = 'block';
+	svg.style.maxWidth = 'none';
+	svg.style.maxHeight = 'none';
+	svg.style.height = 'auto';
+	svg.style.margin = '0';
+
+	const measure = () => {
+		const rect = svg.getBoundingClientRect();
+		const currentScale = scale.value || 1;
+		let width = rect.width / currentScale;
+		let height = rect.height / currentScale;
+		if (!width || !height) {
+			// jsdom has no getBBox.
+			const bbox = typeof svg.getBBox === 'function' ? svg.getBBox() : null;
+			width = width || bbox?.width || 800;
+			height = height || bbox?.height || 600;
+		}
+		svgSize.value = { w: width, h: height };
+	};
+	measure();
+	requestAnimationFrame(measure);
+}
+
+function findEntityNode(target: Element): SVGGraphicsElement | null {
+	for (const selector of ['g.node', 'g.er', 'g[id^="entity-"]', 'g.entity', 'g.classGroup']) {
+		const match = target.closest(selector);
+		if (match) return match as SVGGraphicsElement;
+	}
+	return null;
+}
+
+function findNodeByName(name: string): SVGGraphicsElement | null {
+	const svg = canvas.value?.querySelector('svg');
+	if (!svg) return null;
+	const target = name.toLowerCase();
+	for (const label of svg.querySelectorAll('text, .er .entityLabel, .nodeLabel')) {
+		if ((label.textContent ?? '').trim().toLowerCase() !== target) continue;
+		const node = (label.closest('g[id], g.node, g.er, g.entity') ?? label.parentElement) as SVGGraphicsElement | null;
+		if (node) return node;
+	}
+	return null;
+}
+
+function focusElement(node: SVGGraphicsElement) {
+	const element = viewport.value;
+	if (!element) return;
+	const vpRect = element.getBoundingClientRect();
+	const nodeRect = node.getBoundingClientRect();
+	const targetScale = Math.max(scale.value, 1.2);
+	const ratio = targetScale / scale.value;
+	const nodeCenterX = nodeRect.left - vpRect.left + nodeRect.width / 2;
+	const nodeCenterY = nodeRect.top - vpRect.top + nodeRect.height / 2;
+	const newCenterX = nodeCenterX * ratio + translateX.value * (ratio - 1);
+	const newCenterY = nodeCenterY * ratio + translateY.value * (ratio - 1);
+	scale.value = targetScale;
+	translateX.value += vpRect.width / 2 - newCenterX;
+	translateY.value += vpRect.height / 2 - newCenterY;
+	node.classList.add('schema-diagram__highlight');
+	later(() => node.classList.remove('schema-diagram__highlight'), 1600);
+}
+
+function later(callback: () => void, ms: number) {
+	const timer = setTimeout(() => {
+		timers.delete(timer);
+		callback();
+	}, ms);
+	timers.add(timer);
+}
+</script>
+
+<template>
+	<div class="schema-diagram" :class="{ 'schema-diagram--panning': isPanning }">
+		<div class="schema-diagram__header">
+			<h3 class="schema-diagram__title">{{ title }}</h3>
+			<div class="schema-diagram__toolbar">
+				<UiIconButton
+					icon="list"
+					label="Toggle tables list"
+					size="sm"
+					:variant="sidebarOpen ? 'secondary' : 'ghost'"
+					:aria-pressed="sidebarOpen ? 'true' : 'false'"
+					data-testid="schema-diagram-sidebar-toggle"
+					@click="sidebarOpen = !sidebarOpen"
+				/>
+				<span class="schema-diagram__toolbar-divider" aria-hidden="true" />
+				<UiIconButton icon="remove" label="Zoom out" size="sm" @click="zoomOut" />
+				<span class="schema-diagram__zoom-label" data-testid="schema-diagram-zoom">{{ scaleLabel }}</span>
+				<UiIconButton icon="add" label="Zoom in" size="sm" @click="zoomIn" />
+				<UiIconButton icon="fit_screen" label="Fit to screen" size="sm" @click="fitToScreen" />
+				<UiIconButton icon="restart_alt" label="Reset view" size="sm" @click="fitToScreen" />
+			</div>
+		</div>
+
+		<div class="schema-diagram__body">
+			<div
+				ref="viewport"
+				class="schema-diagram__viewport"
+				@mousedown="onPanStart"
+				@wheel="onWheel"
+				@dblclick="onDoubleClick"
+			>
+				<!-- Mermaid's own SVG output (securityLevel "strict": labels are sanitized by Mermaid). -->
+				<div
+					ref="canvas"
+					class="schema-diagram__canvas"
+					:style="{ transform: transformStyle }"
+					data-testid="schema-diagram-canvas"
+					v-html="svgMarkup"
+				/>
+				<p v-if="renderFailed" class="schema-diagram__error">The diagram could not be rendered.</p>
+
+				<aside v-if="sidebarOpen" class="schema-diagram__sidebar" aria-label="Tables" @wheel.stop>
+					<div class="schema-diagram__sidebar-search">
+						<UiIcon name="search" size="sm" class="schema-diagram__sidebar-search-icon" />
+						<UiInput
+							v-model="tableSearch"
+							type="search"
+							size="sm"
+							placeholder="Search tables"
+							aria-label="Search tables"
+							class="schema-diagram__sidebar-input"
+						/>
+					</div>
+					<div class="schema-diagram__sidebar-list">
+						<button
+							v-for="table in filteredTables"
+							:key="table"
+							type="button"
+							class="schema-diagram__sidebar-item"
+							@click="focusTable(table)"
+						>
+							<UiIcon name="table_chart" size="sm" class="schema-diagram__sidebar-item-icon" />
+							<span class="schema-diagram__sidebar-item-name">{{ table }}</span>
+						</button>
+						<p v-if="filteredTables.length === 0" class="schema-diagram__sidebar-empty">
+							No tables match your search.
+						</p>
+					</div>
+				</aside>
+			</div>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.schema-diagram {
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	height: 100%;
+	min-height: 0;
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-panel);
+	background: var(--color-paper-2);
+	overflow: hidden;
+}
+
+.schema-diagram__header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	flex-wrap: wrap;
+	gap: var(--space-3);
+	padding: var(--space-2) var(--space-3);
+	border-bottom: 1px solid var(--color-line);
+	background: var(--color-surface);
+}
+
+.schema-diagram__title {
+	margin: 0;
+	font-size: var(--text-sm);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.schema-diagram__toolbar {
+	display: flex;
+	align-items: center;
+	gap: var(--space-05);
+}
+
+.schema-diagram__toolbar-divider {
+	width: 1px;
+	height: var(--space-5);
+	margin: 0 var(--space-1);
+	background: var(--color-line-strong);
+}
+
+.schema-diagram__zoom-label {
+	min-width: 2.75rem;
+	font-size: var(--text-xs);
+	text-align: center;
+	color: var(--color-muted);
+	user-select: none;
+	font-variant-numeric: tabular-nums;
+}
+
+.schema-diagram__body {
+	flex: 1;
+	display: flex;
+	min-height: 0;
+}
+
+.schema-diagram__viewport {
+	flex: 1;
+	position: relative;
+	overflow: hidden;
+	cursor: grab;
+	background-image: radial-gradient(circle, var(--color-line) 1px, transparent 1px);
+	background-size: 18px 18px;
+}
+
+.schema-diagram--panning .schema-diagram__viewport {
+	cursor: grabbing;
+}
+
+.schema-diagram__canvas {
+	position: absolute;
+	top: 0;
+	left: 0;
+	transform-origin: 0 0;
+	will-change: transform;
+	line-height: 0;
+}
+
+.schema-diagram__canvas :deep(svg) {
+	display: block;
+	max-width: none !important;
+	max-height: none !important;
+	margin: 0 !important;
+}
+
+.schema-diagram__canvas :deep(.schema-diagram__highlight) {
+	animation: schema-diagram-highlight 1.6s var(--ease-out);
+}
+
+@keyframes schema-diagram-highlight {
+	0% {
+		filter: drop-shadow(0 0 0 transparent);
+	}
+	30% {
+		filter: drop-shadow(0 0 14px var(--color-accent));
+	}
+	100% {
+		filter: drop-shadow(0 0 0 transparent);
+	}
+}
+
+.schema-diagram__error {
+	position: absolute;
+	inset: 0;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	margin: 0;
+	font-size: var(--text-sm);
+	color: var(--color-muted);
+}
+
+.schema-diagram__sidebar {
+	position: absolute;
+	top: var(--space-3);
+	left: var(--space-3);
+	z-index: var(--z-sticky);
+	display: flex;
+	flex-direction: column;
+	width: 13.75rem;
+	max-height: calc(100% - var(--space-6));
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-card);
+	background: var(--color-surface-raised);
+	box-shadow: var(--shadow-card);
+	overflow: hidden;
+	cursor: default;
+}
+
+.schema-diagram__sidebar-search {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	padding: var(--space-2);
+	border-bottom: 1px solid var(--color-line);
+}
+
+.schema-diagram__sidebar-search-icon {
+	flex-shrink: 0;
+	color: var(--color-muted);
+}
+
+.schema-diagram__sidebar-input {
+	flex: 1;
+	min-width: 0;
+}
+
+.schema-diagram__sidebar-list {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-05);
+	padding: var(--space-1);
+	overflow-y: auto;
+}
+
+.schema-diagram__sidebar-item {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	width: 100%;
+	padding: var(--space-1) var(--space-2);
+	border: none;
+	border-radius: var(--radius-control);
+	background: none;
+	font: inherit;
+	font-size: var(--text-sm);
+	text-align: left;
+	color: var(--color-ink);
+	cursor: pointer;
+	transition: background-color var(--motion-fast) var(--ease-out);
+}
+
+.schema-diagram__sidebar-item:hover {
+	background-color: var(--color-paper-2);
+}
+
+.schema-diagram__sidebar-item:focus-visible {
+	outline: none;
+	box-shadow: var(--shadow-focus);
+}
+
+.schema-diagram__sidebar-item-icon {
+	flex-shrink: 0;
+	color: var(--color-muted);
+}
+
+.schema-diagram__sidebar-empty {
+	margin: var(--space-3);
+	font-size: var(--text-xs);
+	text-align: center;
+	color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/schema/SchemaEditor.spec.ts b/frontend-vue/src/components/schema/SchemaEditor.spec.ts
new file mode 100644
index 000000000..0b3b4e50f
--- /dev/null
+++ b/frontend-vue/src/components/schema/SchemaEditor.spec.ts
@@ -0,0 +1,79 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import { vTooltip } from '@/components/ui';
+import SchemaEditor from './SchemaEditor.vue';
+
+// The page flows are covered by EditDatabaseSchemaView.spec.ts; this covers the embedded modes.
+const tableSchema = vi.hoisted(() => ({
+	generateSchemaChange: vi.fn(),
+	approveBatch: vi.fn(),
+	rejectBatch: vi.fn(),
+	fetchDiagram: vi.fn(),
+	previewDiagram: vi.fn(),
+}));
+vi.mock('@/stores/table-schema', () => ({ useTableSchemaStore: () => tableSchema }));
+vi.mock('mermaid', () => ({ default: { initialize: vi.fn(), render: vi.fn(async () => ({ svg: '<svg></svg>' })) } }));
+
+function mountEditor(props: { showClose?: boolean }) {
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:p(.*)*', component: { render: () => null } }],
+	});
+	return mount(SchemaEditor, {
+		props: { connectionId: 'c1', ...props },
+		global: { plugins: [router], directives: { tooltip: vTooltip } },
+	});
+}
+
+/** Lets the lazily imported node-sql-parser load and the editor finish its updates. */
+async function settle() {
+	await flushPromises();
+	await vi.dynamicImportSettled();
+	await flushPromises();
+}
+
+describe('SchemaEditor', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		tableSchema.fetchDiagram.mockResolvedValue({ diagram: 'erDiagram\n  users {\n  }' });
+	});
+
+	it('with a close button: loads the diagram, has no page header and emits close', async () => {
+		const wrapper = mountEditor({ showClose: true });
+		await flushPromises();
+		expect(tableSchema.fetchDiagram).toHaveBeenCalledWith('c1');
+		expect(wrapper.find('h1').exists()).toBe(false);
+		await wrapper.find('[data-testid="schema-close-button"]').trigger('click');
+		expect(wrapper.emitted('close')).toHaveLength(1);
+	});
+
+	it('plain embed: neither loads the diagram nor shows a close button', async () => {
+		const wrapper = mountEditor({});
+		await flushPromises();
+		expect(tableSchema.fetchDiagram).not.toHaveBeenCalled();
+		expect(wrapper.find('[data-testid="schema-close-button"]').exists()).toBe(false);
+		expect(wrapper.text()).toContain('Create your first table');
+	});
+
+	it('emits schemaApplied from "Open tables"', async () => {
+		tableSchema.generateSchemaChange.mockResolvedValue({
+			batchId: 'b1',
+			changes: [
+				{ id: 'x', changeType: 'DROP_TABLE', targetTableName: 't', forwardSql: 'DROP TABLE t', aiSummary: null },
+			],
+		});
+		tableSchema.previewDiagram.mockResolvedValue({ diagram: '' });
+		tableSchema.approveBatch.mockResolvedValue({ batchId: 'b1', changes: [{ status: 'applied' }] });
+		const wrapper = mountEditor({ showClose: true });
+		await flushPromises();
+		await wrapper.find('textarea').setValue('drop t');
+		await wrapper.find('form').trigger('submit');
+		await settle();
+		expect(wrapper.find('[data-testid="schema-change-card"]').text()).toContain('Drop table');
+		await wrapper.find('[data-testid="schema-approve-button"]').trigger('click');
+		await flushPromises();
+		await wrapper.find('[data-testid="schema-open-tables-button"]').trigger('click');
+		expect(wrapper.emitted('schemaApplied')).toHaveLength(1);
+	});
+});
diff --git a/frontend-vue/src/components/schema/SchemaEditor.vue b/frontend-vue/src/components/schema/SchemaEditor.vue
new file mode 100644
index 000000000..4fd12280b
--- /dev/null
+++ b/frontend-vue/src/components/schema/SchemaEditor.vue
@@ -0,0 +1,1113 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/edit-database-schema (EditDatabaseSchemaComponent): the AI
+// schema assistant. A prompt goes to the table-schema generator, the proposed batch of changes is
+// shown as cards (with a preview diagram), and the batch is applied or rejected. The ER diagram of
+// the connection sits on the left.
+//
+// Angular used one component both as the /edit-database-schema page and embedded in the dashboard
+// (with a close button). Here the page is EditDatabaseSchemaView, which renders this with `routed`;
+// the dashboard can embed it with `showClose`. The diagram loads only in those two modes, as before.
+import { computed, onMounted, ref } from 'vue';
+import { UiButton, UiIcon, UiIconButton, UiTextarea } from '@/components/ui';
+import { type SchemaChangeResponse, useTableSchemaStore } from '@/stores/table-schema';
+import SchemaDiagramViewer from './SchemaDiagramViewer.vue';
+import { mermaidHasEntities, type ParsedChange, parseChange, summarizeError } from './schemaChanges';
+
+interface ChatMessage {
+	role: 'user' | 'ai' | 'error' | 'diagram';
+	text: string;
+	diagramSource?: string;
+	changes?: SchemaChangeResponse[];
+	parsedChanges?: ParsedChange[];
+	batchId?: string | null;
+}
+
+const props = withDefaults(
+	defineProps<{
+		connectionId: string;
+		/** Shows a close button (the editor embedded in the dashboard) and loads the diagram. */
+		showClose?: boolean;
+		/** The editor is the page: shows the back link and title, and loads the diagram. */
+		routed?: boolean;
+	}>(),
+	{ showClose: false, routed: false },
+);
+
+const emit = defineEmits<{
+	/** "Open tables" was clicked after the changes were applied. */
+	schemaApplied: [];
+	close: [];
+}>();
+
+const tableSchema = useTableSchemaStore();
+
+const templates = [
+	{
+		icon: 'shopping_cart',
+		title: 'E-commerce store',
+		tables: 'products · categories · orders · customers',
+		prompt: 'E-commerce database with products, categories, orders, and customers',
+	},
+	{
+		icon: 'article',
+		title: 'Blog platform',
+		tables: 'users · posts · comments · tags',
+		prompt: 'Blog platform with users, posts, comments, and tags',
+	},
+	{
+		icon: 'view_kanban',
+		title: 'Project management',
+		tables: 'projects · tasks · users · comments',
+		prompt: 'Project management tool with projects, tasks, users, and comments',
+	},
+	{
+		icon: 'contacts',
+		title: 'CRM',
+		tables: 'contacts · companies · deals · activities · notes',
+		prompt: 'CRM with contacts, companies, deals, activities, and notes',
+	},
+];
+
+const tryAsking = [
+	'Inventory system with suppliers and stock alerts',
+	'Booking app for a yoga studio',
+	'Multi-tenant SaaS with workspaces',
+];
+
+const messages = ref<ChatMessage[]>([]);
+const userPrompt = ref('');
+const submitting = ref(false);
+const applying = ref(false);
+const applied = ref(false);
+const initialDiagramLoading = ref(false);
+let threadId: string | undefined;
+
+/** Index of the latest message whose batch is still awaiting approve/reject. */
+const pendingBatchIndex = computed(() => {
+	for (let i = messages.value.length - 1; i >= 0; i--) {
+		const message = messages.value[i];
+		if (message?.batchId && message.changes?.length) return i;
+	}
+	return -1;
+});
+const pendingBatch = computed(() => messages.value[pendingBatchIndex.value] ?? null);
+
+const currentDiagram = computed(() => {
+	for (let i = messages.value.length - 1; i >= 0; i--) {
+		const message = messages.value[i];
+		if (message?.role === 'diagram' && message.diagramSource) return message;
+	}
+	return null;
+});
+
+const chatMessages = computed(() => messages.value.filter((m) => m.role !== 'diagram'));
+
+const promptLabel = computed(() =>
+	currentDiagram.value ? 'Describe the changes you need...' : 'Describe the database you need...',
+);
+
+onMounted(() => {
+	if (props.showClose || props.routed) loadDiagram('Current Database Structure');
+});
+
+async function submit() {
+	const prompt = userPrompt.value.trim();
+	if (!prompt || submitting.value) return;
+
+	messages.value.push({ role: 'user', text: prompt });
+	userPrompt.value = '';
+	submitting.value = true;
+
+	try {
+		const result = await tableSchema.generateSchemaChange(props.connectionId, prompt, threadId);
+		if (result.threadId) threadId = result.threadId;
+		if (result.changes.length > 0) {
+			applied.value = false;
+			let previewSource = '';
+			try {
+				const preview = await tableSchema.previewDiagram(
+					props.connectionId,
+					result.changes.map((c) => c.forwardSql),
+				);
+				previewSource = preview.diagram ?? '';
+			} catch {
+				// preview is supplementary — don't block the change list on a diagram failure
+			}
+			const parsedChanges = await Promise.all(result.changes.map((c) => parseChange(c)));
+			messages.value.push({
+				role: 'ai',
+				text: `I've generated ${result.changes.length} change(s) for your database. Review them below and approve or reject.`,
+				changes: result.changes,
+				parsedChanges,
+				batchId: result.batchId,
+			});
+			if (previewSource) {
+				messages.value.push({
+					role: 'diagram',
+					text: 'Schema Preview',
+					diagramSource: `\`\`\`mermaid\n${previewSource}\n\`\`\``,
+				});
+			}
+		} else {
+			const clarification = result.assistantMessage?.trim();
+			messages.value.push({
+				role: 'ai',
+				text:
+					clarification ||
+					'I could not generate any schema changes for that prompt. Could you describe your database in more detail?',
+			});
+		}
+	} catch (error) {
+		messages.value.push({ role: 'error', text: errorText(error, 'Failed to generate schema changes.') });
+	} finally {
+		submitting.value = false;
+	}
+}
+
+async function approve() {
+	const batch = pendingBatch.value;
+	if (!batch?.batchId || applying.value) return;
+	const batchIndex = pendingBatchIndex.value;
+
+	applying.value = true;
+	try {
+		const result = await tableSchema.approveBatch(batch.batchId, true);
+		const failed = result.changes.filter((c) => c.status === 'failed');
+		if (failed.length > 0) {
+			messages.value.push({
+				role: 'error',
+				text: `${failed.length} change(s) failed: ${failed.map((c) => c.executionError).join('; ')}`,
+			});
+		} else {
+			applied.value = true;
+			const autoFixed = result.changes.filter((c) => c.aiAutoFixApplied);
+			const successText =
+				autoFixed.length > 0
+					? `All changes applied successfully! ${autoFixed.length} statement(s) needed an AI repair before they could be applied — the originals failed against the database (e.g. ${autoFixed
+							.map((c) => `${c.targetTableName}: ${summarizeError(c.aiAutoFixOriginalError)}`)
+							.slice(0, 2)
+							.join('; ')}).`
+					: 'All changes applied successfully! Your tables have been created.';
+			messages.value = messages.value
+				.map((m, i) => (i === batchIndex ? { ...m, batchId: undefined } : m))
+				.concat({ role: 'ai', text: successText });
+			loadDiagram('Updated Database Structure');
+		}
+	} catch (error) {
+		messages.value.push({ role: 'error', text: errorText(error, 'Failed to apply schema changes.') });
+	} finally {
+		applying.value = false;
+	}
+}
+
+async function reject() {
+	const batch = pendingBatch.value;
+	if (!batch?.batchId) return;
+	const batchIndex = pendingBatchIndex.value;
+
+	try {
+		await tableSchema.rejectBatch(batch.batchId);
+	} catch {
+		// The store has shown the error; Angular carried on with a null result, so does this.
+	}
+	messages.value = messages.value
+		.map((m, i) => (i === batchIndex ? { ...m, batchId: undefined } : m))
+		.filter((m) => !(m.role === 'diagram' && m.text === 'Schema Preview'))
+		.concat({ role: 'ai', text: 'Changes rejected. Feel free to describe what you need differently.' });
+}
+
+function onKeydown(event: KeyboardEvent) {
+	if (event.key === 'Enter' && !event.shiftKey) {
+		event.preventDefault();
+		submit();
+	}
+}
+
+async function loadDiagram(label: string) {
+	initialDiagramLoading.value = true;
+	try {
+		const diagram = await tableSchema.fetchDiagram(props.connectionId);
+		const source = diagram?.diagram ?? '';
+		if (mermaidHasEntities(source)) {
+			messages.value.push({ role: 'diagram', text: label, diagramSource: `\`\`\`mermaid\n${source}\n\`\`\`` });
+		}
+	} catch {
+		// Diagram is supplementary - don't show error if it fails
+	} finally {
+		initialDiagramLoading.value = false;
+	}
+}
+
+function errorText(error: unknown, fallback: string): string {
+	return error instanceof Error && error.message ? error.message : fallback;
+}
+</script>
+
+<template>
+	<div class="schema-editor">
+		<div v-if="routed" class="schema-editor__header">
+			<UiIconButton icon="arrow_back" label="Back to connections" to="/connections-list" />
+			<h1 class="schema-editor__title">Edit Database Schema</h1>
+		</div>
+		<UiIconButton
+			v-if="showClose"
+			icon="close"
+			label="Close"
+			class="schema-editor__close-button"
+			data-testid="schema-close-button"
+			@click="emit('close')"
+		/>
+
+		<div class="schema-editor__body">
+			<!-- Canvas: diagram or welcome -->
+			<section class="schema-editor__canvas" aria-label="Database diagram">
+				<SchemaDiagramViewer
+					v-if="currentDiagram"
+					class="schema-editor__diagram"
+					:title="currentDiagram.text"
+					:source="currentDiagram.diagramSource"
+				/>
+				<div v-else-if="initialDiagramLoading" class="schema-editor__diagram-loading" role="status">
+					<span class="schema-editor__loading-text">Loading diagram</span>
+					<span class="schema-editor__loading-dots" aria-hidden="true">
+						<span class="schema-editor__loading-dot" />
+						<span class="schema-editor__loading-dot" />
+						<span class="schema-editor__loading-dot" />
+					</span>
+				</div>
+				<div v-else class="schema-editor__welcome">
+					<div class="schema-editor__welcome-icon-box">
+						<UiIcon name="schema" class="schema-editor__welcome-icon" />
+					</div>
+					<div class="schema-editor__welcome-heading">
+						<p class="schema-editor__welcome-title">Create your first table</p>
+						<p class="schema-editor__welcome-subtitle">Describe what you need and AI will generate the SQL</p>
+					</div>
+
+					<div class="schema-editor__suggestions-block">
+						<p class="schema-editor__suggestions-heading">or use a template</p>
+						<div class="schema-editor__templates">
+							<button
+								v-for="template in templates"
+								:key="template.title"
+								type="button"
+								class="template-card"
+								@click="userPrompt = template.prompt"
+							>
+								<span class="template-card__head">
+									<span class="template-card__icon-box">
+										<UiIcon :name="template.icon" size="sm" class="template-card__icon" />
+									</span>
+									<span class="template-card__title">{{ template.title }}</span>
+								</span>
+								<span class="template-card__tables">{{ template.tables }}</span>
+							</button>
+						</div>
+					</div>
+				</div>
+			</section>
+
+			<!-- Right-docked chat panel -->
+			<aside class="schema-editor__panel" aria-labelledby="schema-editor-panel-title">
+				<div class="schema-editor__panel-header">
+					<UiIcon name="smart_toy" size="sm" class="schema-editor__panel-icon" />
+					<span id="schema-editor-panel-title" class="schema-editor__panel-title">Schema Assistant</span>
+				</div>
+
+				<div class="schema-editor__messages" aria-live="polite">
+					<template v-if="chatMessages.length === 0 && !submitting">
+						<p v-if="currentDiagram" class="schema-editor__messages-empty">
+							Describe what you need and AI will generate the SQL.
+						</p>
+						<div v-else class="schema-editor__try-asking-block">
+							<p class="schema-editor__try-asking-heading">Try asking</p>
+							<div class="schema-editor__try-asking">
+								<button
+									v-for="suggestion in tryAsking"
+									:key="suggestion"
+									type="button"
+									class="try-asking-item"
+									@click="userPrompt = suggestion"
+								>
+									<UiIcon name="auto_awesome" size="sm" class="try-asking-item__icon" />
+									<span>“{{ suggestion }}”</span>
+								</button>
+							</div>
+						</div>
+					</template>
+
+					<template v-for="(message, index) in chatMessages" :key="index">
+						<div
+							v-if="message.role === 'user'"
+							class="schema-editor__message schema-editor__message--user"
+							data-testid="schema-message-user"
+						>
+							<span>{{ message.text }}</span>
+						</div>
+						<div
+							v-else-if="message.role === 'ai'"
+							class="schema-editor__message schema-editor__message--ai"
+							data-testid="schema-message-ai"
+						>
+							<span class="schema-editor__message-text">{{ message.text }}</span>
+
+							<div v-if="message.parsedChanges?.length" class="schema-editor__changes">
+								<div
+									v-for="change in message.parsedChanges"
+									:key="change.id"
+									class="change-card"
+									:class="`change-card--${change.tone}`"
+									data-testid="schema-change-card"
+								>
+									<div class="change-card__head">
+										<span class="change-card__action-icon">
+											<UiIcon :name="change.icon" size="sm" />
+										</span>
+										<span class="change-card__head-text">
+											<span class="change-card__action">{{ change.action }}</span>
+											<span class="change-card__target">{{ change.targetTableName }}</span>
+										</span>
+									</div>
+									<p v-if="change.aiSummary" class="change-card__summary">{{ change.aiSummary }}</p>
+									<ul v-if="change.columns.length" class="change-card__columns">
+										<li v-for="col in change.columns" :key="col.name" class="change-card__column">
+											<span class="change-card__column-name">{{ col.name }}</span>
+											<span class="change-card__column-type">{{ col.type || '—' }}</span>
+											<span class="change-card__column-badges">
+												<span v-if="col.pk" v-tooltip="'Primary key'" class="change-card__badge change-card__badge--pk">
+													PK
+												</span>
+												<span
+													v-if="col.fk"
+													v-tooltip="col.referenceTable ? `→ ${col.referenceTable}` : 'Foreign key'"
+													class="change-card__badge change-card__badge--fk"
+												>
+													FK
+												</span>
+												<span v-if="col.notNull && !col.pk" class="change-card__badge">NOT NULL</span>
+												<span v-if="col.unique && !col.pk" class="change-card__badge">UNIQUE</span>
+												<span v-if="col.defaultValue" class="change-card__badge">DEFAULT</span>
+											</span>
+										</li>
+									</ul>
+									<details class="change-card__sql">
+										<summary>View SQL</summary>
+										<pre>{{ change.forwardSql }}</pre>
+									</details>
+								</div>
+							</div>
+						</div>
+						<div
+							v-else-if="message.role === 'error'"
+							class="schema-editor__message schema-editor__message--error"
+							role="alert"
+							data-testid="schema-message-error"
+						>
+							<UiIcon name="error_outline" size="sm" class="schema-editor__error-icon" />
+							<span>{{ message.text }}</span>
+						</div>
+					</template>
+
+					<div v-if="submitting" class="schema-editor__loading" role="status">
+						<span class="schema-editor__loading-text">Generating schema</span>
+						<span class="schema-editor__loading-dots" aria-hidden="true">
+							<span class="schema-editor__loading-dot" />
+							<span class="schema-editor__loading-dot" />
+							<span class="schema-editor__loading-dot" />
+						</span>
+					</div>
+					<div v-if="initialDiagramLoading && chatMessages.length > 0" class="schema-editor__loading" role="status">
+						<span class="schema-editor__loading-text">Refreshing diagram</span>
+						<span class="schema-editor__loading-dots" aria-hidden="true">
+							<span class="schema-editor__loading-dot" />
+							<span class="schema-editor__loading-dot" />
+							<span class="schema-editor__loading-dot" />
+						</span>
+					</div>
+				</div>
+
+				<div v-if="applied && !initialDiagramLoading" class="schema-editor__open-tables">
+					<UiButton
+						:to="{ path: `/dashboard/${connectionId}`, query: { uncached: 'true' } }"
+						data-testid="schema-open-tables-button"
+						@click="emit('schemaApplied')"
+					>
+						<template #leading><UiIcon name="table_chart" size="sm" /></template>
+						Open tables
+					</UiButton>
+				</div>
+
+				<div class="schema-editor__form">
+					<div v-if="pendingBatch" class="schema-editor__actions">
+						<UiButton
+							variant="secondary"
+							:disabled="applying"
+							data-testid="schema-reject-button"
+							@click="reject"
+						>
+							Reject
+						</UiButton>
+						<UiButton :disabled="applying" data-testid="schema-approve-button" @click="approve">
+							<template v-if="!applying" #leading><UiIcon name="check" size="sm" /></template>
+							{{ applying ? 'Applying...' : 'Apply All' }}
+						</UiButton>
+					</div>
+					<form v-else class="schema-editor__prompt" @submit.prevent="submit">
+						<UiTextarea
+							v-model="userPrompt"
+							name="schemaPrompt"
+							:rows="2"
+							maxlength="1000"
+							:placeholder="promptLabel"
+							:aria-label="promptLabel"
+							:disabled="submitting"
+							class="schema-editor__input"
+							data-testid="schema-prompt-textarea"
+							@keydown="onKeydown"
+						/>
+						<UiIconButton
+							icon="send"
+							label="Send"
+							type="submit"
+							variant="primary"
+							:disabled="!userPrompt.trim() || submitting"
+							class="schema-editor__send-button"
+							data-testid="schema-send-button"
+						/>
+					</form>
+				</div>
+			</aside>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.schema-editor {
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+	background: var(--color-paper);
+}
+
+/* ── Header (routed page) ── */
+
+.schema-editor__header {
+	display: flex;
+	flex-shrink: 0;
+	align-items: center;
+	gap: var(--space-2);
+	padding: var(--space-6) var(--space-4) var(--space-3);
+}
+
+.schema-editor__title {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+/* ── Close button (embedded panel) ── */
+
+.schema-editor__close-button {
+	position: absolute;
+	top: var(--space-2);
+	right: var(--space-2);
+	z-index: var(--z-sticky);
+}
+
+/* ── Body (two-column) ── */
+
+.schema-editor__body {
+	flex: 1;
+	display: flex;
+	gap: var(--space-4);
+	min-height: 0;
+	padding: 0 var(--space-4) var(--space-4);
+	overflow: hidden;
+}
+
+/* ── Canvas (left) ── */
+
+.schema-editor__canvas {
+	flex: 1;
+	display: flex;
+	min-width: 0;
+}
+
+.schema-editor__diagram {
+	flex: 1;
+	min-width: 0;
+}
+
+.schema-editor__diagram-loading {
+	flex: 1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	gap: var(--space-2);
+}
+
+/* Welcome */
+
+.schema-editor__welcome {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--space-4);
+	max-width: 32.5rem;
+	margin: 0 auto;
+	padding: var(--space-6);
+	overflow-y: auto;
+}
+
+.schema-editor__welcome-icon-box {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: var(--space-12);
+	height: var(--space-12);
+	margin-bottom: var(--space-1);
+	border-radius: var(--radius-panel);
+	background: var(--color-paper-2);
+}
+
+.schema-editor__welcome-icon {
+	color: var(--color-accent);
+	transform: rotate(-90deg);
+}
+
+.schema-editor__welcome-heading {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: var(--space-1);
+}
+
+.schema-editor__welcome-title {
+	margin: 0;
+	font-size: var(--text-md);
+	font-weight: var(--weight-medium);
+	text-align: center;
+	color: var(--color-ink);
+}
+
+.schema-editor__welcome-subtitle {
+	margin: 0;
+	font-size: var(--text-sm);
+	text-align: center;
+	color: var(--color-muted);
+}
+
+.schema-editor__suggestions-block {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: var(--space-2);
+	margin-top: var(--space-2);
+}
+
+.schema-editor__suggestions-heading,
+.schema-editor__try-asking-heading {
+	margin: 0;
+	font-size: var(--text-2xs);
+	font-weight: var(--weight-semibold);
+	letter-spacing: 0.06em;
+	text-transform: uppercase;
+	color: var(--color-muted-soft);
+}
+
+.schema-editor__templates {
+	display: grid;
+	grid-template-columns: repeat(2, minmax(0, 1fr));
+	gap: var(--space-2);
+	width: 100%;
+	max-width: 28.75rem;
+}
+
+.template-card {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+	padding: var(--space-2) var(--space-3);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-card);
+	background: var(--color-surface);
+	font: inherit;
+	text-align: left;
+	color: var(--color-ink);
+	cursor: pointer;
+	transition:
+		border-color var(--motion-fast) var(--ease-out),
+		box-shadow var(--motion-fast) var(--ease-out);
+}
+
+.template-card:hover {
+	border-color: var(--color-accent);
+	box-shadow: var(--shadow-card);
+}
+
+.template-card:focus-visible,
+.try-asking-item:focus-visible {
+	outline: none;
+	box-shadow: var(--shadow-focus);
+}
+
+.template-card__head {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	min-width: 0;
+}
+
+.template-card__icon-box {
+	display: flex;
+	flex-shrink: 0;
+	align-items: center;
+	justify-content: center;
+	width: var(--space-5);
+	height: var(--space-5);
+	border-radius: var(--radius-control);
+	background: var(--color-paper-2);
+}
+
+.template-card__icon {
+	color: var(--color-accent);
+}
+
+.template-card__title {
+	flex: 1;
+	overflow: hidden;
+	font-size: var(--text-sm);
+	font-weight: var(--weight-semibold);
+	line-height: var(--leading-snug);
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.template-card__tables {
+	font-size: var(--text-xs);
+	line-height: var(--leading-snug);
+	color: var(--color-muted);
+}
+
+/* ── Chat panel (right) ── */
+
+.schema-editor__panel {
+	display: flex;
+	flex-direction: column;
+	flex-shrink: 0;
+	width: 25rem;
+	min-height: 0;
+	overflow: hidden;
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-panel);
+	background: var(--color-surface);
+}
+
+.schema-editor__panel-header {
+	display: flex;
+	flex-shrink: 0;
+	align-items: center;
+	gap: var(--space-2);
+	padding: var(--space-3) var(--space-4);
+	border-bottom: 1px solid var(--color-line);
+}
+
+.schema-editor__panel-icon {
+	color: var(--color-accent);
+}
+
+.schema-editor__panel-title {
+	font-size: var(--text-sm);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+/* Messages */
+
+.schema-editor__messages {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+	min-height: 0;
+	padding: var(--space-3) var(--space-4);
+	overflow-y: auto;
+}
+
+.schema-editor__messages-empty {
+	margin: var(--space-10) 0 0;
+	font-size: var(--text-sm);
+	line-height: var(--leading-normal);
+	color: var(--color-muted);
+}
+
+.schema-editor__try-asking-block {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	margin-top: auto;
+}
+
+.schema-editor__try-asking {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+}
+
+.try-asking-item {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--space-2);
+	padding: var(--space-2) var(--space-3);
+	border: 1px dashed var(--color-line-strong);
+	border-radius: var(--radius-card);
+	background: none;
+	font: inherit;
+	font-size: var(--text-sm);
+	line-height: var(--leading-snug);
+	text-align: left;
+	color: var(--color-ink-soft);
+	cursor: pointer;
+	transition:
+		border-color var(--motion-fast) var(--ease-out),
+		background-color var(--motion-fast) var(--ease-out);
+}
+
+.try-asking-item:hover {
+	border-color: var(--color-accent);
+	background-color: var(--color-paper-2);
+	color: var(--color-ink);
+}
+
+.try-asking-item__icon {
+	flex-shrink: 0;
+	color: var(--color-accent);
+}
+
+.schema-editor__message {
+	max-width: 95%;
+	padding: var(--space-2) var(--space-3);
+	border-radius: var(--radius-card);
+	font-size: var(--text-sm);
+	line-height: var(--leading-normal);
+	white-space: pre-wrap;
+	color: var(--color-ink);
+}
+
+.schema-editor__message--user {
+	align-self: flex-end;
+	background-color: var(--color-paper-2);
+}
+
+.schema-editor__message--ai {
+	align-self: stretch;
+	max-width: 100%;
+	padding-right: 0;
+	padding-left: 0;
+}
+
+.schema-editor__message--error {
+	display: flex;
+	align-self: flex-start;
+	align-items: flex-start;
+	gap: var(--space-2);
+	max-width: 100%;
+	border: 1px solid var(--color-danger-border);
+	background-color: var(--color-danger-bg);
+	color: var(--color-danger-strong);
+}
+
+.schema-editor__error-icon {
+	flex-shrink: 0;
+}
+
+/* Changes */
+
+.schema-editor__changes {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	margin-top: var(--space-3);
+	white-space: normal;
+}
+
+.change-card {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	padding: var(--space-3);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-card);
+	background: var(--color-surface-raised);
+}
+
+.change-card__head {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+}
+
+.change-card__action-icon {
+	display: flex;
+	flex-shrink: 0;
+	align-items: center;
+	justify-content: center;
+	width: var(--space-8);
+	height: var(--space-8);
+	border-radius: var(--radius-control);
+}
+
+.change-card--add .change-card__action-icon {
+	background: var(--color-success-bg);
+	color: var(--color-success);
+}
+
+.change-card--edit .change-card__action-icon {
+	background: var(--color-paper-2);
+	color: var(--color-accent);
+}
+
+.change-card--remove .change-card__action-icon {
+	background: var(--color-danger-bg);
+	color: var(--color-danger);
+}
+
+.change-card__head-text {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-05);
+	min-width: 0;
+}
+
+.change-card__action {
+	font-size: var(--text-2xs);
+	font-weight: var(--weight-semibold);
+	letter-spacing: 0.04em;
+	text-transform: uppercase;
+	color: var(--color-muted);
+}
+
+.change-card__target {
+	overflow: hidden;
+	font-family: var(--font-mono);
+	font-size: var(--text-sm);
+	font-weight: var(--weight-semibold);
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	color: var(--color-ink);
+}
+
+.change-card__summary {
+	margin: 0;
+	font-size: var(--text-sm);
+	line-height: var(--leading-normal);
+	color: var(--color-ink-soft);
+}
+
+.change-card__columns {
+	display: grid;
+	grid-template-columns: max-content minmax(0, 1fr) auto;
+	margin: 0;
+	padding: 0;
+	overflow: hidden;
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-control);
+	font-size: var(--text-xs);
+	list-style: none;
+}
+
+.change-card__column {
+	display: contents;
+}
+
+.change-card__column > * {
+	display: flex;
+	align-items: center;
+	padding: var(--space-1) var(--space-3);
+	border-top: 1px solid var(--color-line);
+}
+
+.change-card__column:first-child > * {
+	border-top: none;
+}
+
+.change-card__column-name {
+	font-family: var(--font-mono);
+	font-weight: var(--weight-medium);
+	color: var(--color-ink);
+}
+
+.change-card__column-type {
+	padding-left: 0 !important;
+	color: var(--color-muted);
+}
+
+.change-card__column-badges {
+	flex-wrap: wrap;
+	justify-content: flex-end;
+	gap: var(--space-1);
+}
+
+.change-card__badge {
+	padding: var(--space-05) var(--space-1);
+	border-radius: var(--radius-control);
+	background: var(--color-paper-2);
+	font-size: var(--text-2xs);
+	font-weight: var(--weight-bold);
+	line-height: var(--leading-tight);
+	letter-spacing: 0.05em;
+	text-transform: uppercase;
+	color: var(--color-muted);
+}
+
+.change-card__badge--pk {
+	background: var(--color-warning-bg);
+	color: var(--color-warning);
+}
+
+.change-card__badge--fk {
+	color: var(--color-accent);
+}
+
+.change-card__sql {
+	margin: 0;
+	font-size: var(--text-xs);
+}
+
+.change-card__sql summary {
+	padding: var(--space-05) 0;
+	font-weight: var(--weight-medium);
+	color: var(--color-muted);
+	cursor: pointer;
+	user-select: none;
+}
+
+.change-card__sql summary:hover {
+	color: var(--color-accent);
+}
+
+.change-card__sql pre {
+	margin: var(--space-2) 0 0;
+	padding: var(--space-2) var(--space-3);
+	overflow-x: auto;
+	border-radius: var(--radius-control);
+	background: var(--color-paper-2);
+	font-family: var(--font-mono);
+	font-size: var(--text-xs);
+	white-space: pre-wrap;
+}
+
+/* Actions */
+
+.schema-editor__actions {
+	display: flex;
+	justify-content: flex-end;
+	gap: var(--space-2);
+}
+
+/* Loading */
+
+.schema-editor__loading {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	padding: var(--space-1) 0;
+}
+
+.schema-editor__loading-text {
+	font-size: var(--text-sm);
+	color: var(--color-muted);
+}
+
+.schema-editor__loading-dots {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+}
+
+.schema-editor__loading-dot {
+	width: 6px;
+	height: 6px;
+	border-radius: 50%;
+	background-color: var(--color-muted-soft);
+	animation: schema-editor-bounce 1.4s ease-in-out infinite;
+}
+
+.schema-editor__loading-dot:nth-child(2) {
+	animation-delay: 0.15s;
+}
+
+.schema-editor__loading-dot:nth-child(3) {
+	animation-delay: 0.3s;
+}
+
+@keyframes schema-editor-bounce {
+	0%,
+	60%,
+	100% {
+		transform: translateY(0);
+	}
+	30% {
+		transform: translateY(-8px);
+	}
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.schema-editor__loading-dot {
+		animation: none;
+	}
+}
+
+/* Open tables CTA */
+
+.schema-editor__open-tables {
+	display: flex;
+	flex-shrink: 0;
+	justify-content: center;
+	padding: var(--space-2) var(--space-4);
+	border-top: 1px solid var(--color-line);
+}
+
+/* Input form */
+
+.schema-editor__form {
+	flex-shrink: 0;
+	padding: var(--space-3) var(--space-4) var(--space-4);
+	border-top: 1px solid var(--color-line);
+}
+
+.schema-editor__prompt {
+	display: flex;
+	align-items: flex-end;
+	gap: var(--space-2);
+}
+
+/* Grows with its content between 2 and ~10 lines, like cdkTextareaAutosize. */
+.schema-editor__input {
+	flex: 1;
+	min-width: 0;
+	max-height: 15rem;
+	field-sizing: content;
+	resize: none;
+}
+
+/* Responsive: stack on narrow screens */
+
+@media (max-width: 900px) {
+	.schema-editor__body {
+		flex-direction: column;
+	}
+
+	.schema-editor__panel {
+		width: 100%;
+		max-height: 50%;
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/schema/mermaid.ts b/frontend-vue/src/components/schema/mermaid.ts
new file mode 100644
index 000000000..bfc181e05
--- /dev/null
+++ b/frontend-vue/src/components/schema/mermaid.ts
@@ -0,0 +1,28 @@
+// Mermaid, imported on first use (it is large) and initialized once with the options Angular's
+// MERMAID_OPTIONS gave ngx-markdown in light mode. The Vue app has no dark theme yet, so the dark
+// themeVariables Angular switched to under `prefers-color-scheme: dark` are not carried over.
+import type { Mermaid } from 'mermaid';
+
+let loading: Promise<Mermaid> | null = null;
+let renderCount = 0;
+
+function loadMermaid(): Promise<Mermaid> {
+	loading ??= import('mermaid')
+		.then((module) => {
+			const mermaid = module.default;
+			mermaid.initialize({ startOnLoad: false, theme: 'default' });
+			return mermaid;
+		})
+		.catch((error: unknown) => {
+			loading = null;
+			throw error;
+		});
+	return loading;
+}
+
+/** Renders a Mermaid source to SVG markup. Rejects on a syntax error. */
+export async function renderMermaid(source: string): Promise<string> {
+	const mermaid = await loadMermaid();
+	const { svg } = await mermaid.render(`schema-diagram-${++renderCount}`, source);
+	return svg;
+}
diff --git a/frontend-vue/src/components/schema/schemaChanges.spec.ts b/frontend-vue/src/components/schema/schemaChanges.spec.ts
new file mode 100644
index 000000000..11510f653
--- /dev/null
+++ b/frontend-vue/src/components/schema/schemaChanges.spec.ts
@@ -0,0 +1,74 @@
+import { describe, expect, it } from 'vitest';
+import type { SchemaChangeResponse } from '@/stores/table-schema';
+import { changeMeta, mermaidHasEntities, parseChange, parseCreateTableColumns, summarizeError } from './schemaChanges';
+
+function change(overrides: Partial<SchemaChangeResponse>): SchemaChangeResponse {
+	return {
+		id: 'ch1',
+		connectionId: 'c1',
+		batchId: 'b1',
+		orderInBatch: 0,
+		forwardSql: '',
+		rollbackSql: null,
+		userModifiedSql: null,
+		status: 'pending',
+		changeType: 'CREATE_TABLE',
+		targetTableName: 'users',
+		databaseType: 'postgres',
+		executionError: null,
+		isReversible: true,
+		userPrompt: 'x',
+		aiSummary: null,
+		aiReasoning: null,
+		createdAt: '',
+		appliedAt: null,
+		rolledBackAt: null,
+		...overrides,
+	};
+}
+
+describe('schemaChanges', () => {
+	it('maps known change types and sentence-cases unknown ones', () => {
+		expect(changeMeta('drop_table')).toEqual({ action: 'Drop table', icon: 'delete_outline', tone: 'remove' });
+		expect(changeMeta('ADD_FOREIGN_KEY')).toEqual({ action: 'Add foreign key', icon: 'link', tone: 'add' });
+		expect(changeMeta('RENAME_TABLE')).toEqual({ action: 'Rename table', icon: 'code', tone: 'edit' });
+	});
+
+	it('reads the columns of a CREATE TABLE, with table-level PK and FK constraints', async () => {
+		const columns = await parseCreateTableColumns(
+			`CREATE TABLE orders (
+				id SERIAL,
+				customer_id INTEGER NOT NULL,
+				code VARCHAR(20) UNIQUE,
+				status VARCHAR(10) DEFAULT 'new',
+				PRIMARY KEY (id),
+				FOREIGN KEY (customer_id) REFERENCES customers(id)
+			)`,
+		);
+		expect(columns.map((c) => c.name)).toEqual(['id', 'customer_id', 'code', 'status']);
+		expect(columns[0]).toMatchObject({ pk: true, type: 'serial' });
+		expect(columns[1]).toMatchObject({ fk: true, referenceTable: 'customers', notNull: true, pk: false });
+		expect(columns[2]).toMatchObject({ unique: true });
+		expect(columns[3]).toMatchObject({ defaultValue: 'new' });
+	});
+
+	it('returns no columns for SQL it cannot parse, and parses only CREATE_TABLE changes', async () => {
+		expect(await parseCreateTableColumns('not sql at all')).toEqual([]);
+		const parsed = await parseChange(
+			change({ changeType: 'ADD_COLUMN', forwardSql: 'ALTER TABLE users ADD COLUMN age INT', aiSummary: 'Adds age' }),
+		);
+		expect(parsed).toMatchObject({ action: 'Add column', tone: 'add', aiSummary: 'Adds age', columns: [] });
+	});
+
+	it('detects entities in a mermaid ER source', () => {
+		expect(mermaidHasEntities('erDiagram\n  users {\n    int id\n  }')).toBe(true);
+		expect(mermaidHasEntities('erDiagram\n')).toBe(false);
+		expect(mermaidHasEntities('')).toBe(false);
+	});
+
+	it('summarizes errors to one line of at most 120 characters', () => {
+		expect(summarizeError(null)).toBe('unknown error');
+		expect(summarizeError('  relation\n  "x"   missing ')).toBe('relation "x" missing');
+		expect(summarizeError('a'.repeat(200))).toBe(`${'a'.repeat(120)}…`);
+	});
+});
diff --git a/frontend-vue/src/components/schema/schemaChanges.ts b/frontend-vue/src/components/schema/schemaChanges.ts
new file mode 100644
index 000000000..5e67ce740
--- /dev/null
+++ b/frontend-vue/src/components/schema/schemaChanges.ts
@@ -0,0 +1,215 @@
+// The schema editor's view of an AI-generated change: a display action/icon/tone per change type,
+// and the columns of a CREATE TABLE read from its SQL (node-sql-parser, loaded on first use — it
+// bundles every dialect's grammar). Ported from the private helpers of EditDatabaseSchemaComponent.
+import type { SchemaChangeResponse } from '@/stores/table-schema';
+
+export interface ParsedColumn {
+	name: string;
+	type: string;
+	pk: boolean;
+	fk: boolean;
+	referenceTable?: string;
+	notNull: boolean;
+	unique: boolean;
+	defaultValue?: string;
+}
+
+export type ChangeTone = 'add' | 'edit' | 'remove';
+
+export interface ParsedChange {
+	id: string;
+	action: string;
+	icon: string;
+	tone: ChangeTone;
+	targetTableName: string;
+	aiSummary?: string | null;
+	columns: ParsedColumn[];
+	forwardSql: string;
+}
+
+interface ChangeMeta {
+	action: string;
+	icon: string;
+	tone: ChangeTone;
+}
+
+const CHANGE_META: Record<string, ChangeMeta> = {
+	CREATE_TABLE: { action: 'Create table', icon: 'add_box', tone: 'add' },
+	DROP_TABLE: { action: 'Drop table', icon: 'delete_outline', tone: 'remove' },
+	ADD_COLUMN: { action: 'Add column', icon: 'add', tone: 'add' },
+	DROP_COLUMN: { action: 'Drop column', icon: 'remove', tone: 'remove' },
+	ALTER_COLUMN: { action: 'Modify column', icon: 'edit', tone: 'edit' },
+	ADD_INDEX: { action: 'Add index', icon: 'bookmark_add', tone: 'add' },
+	DROP_INDEX: { action: 'Drop index', icon: 'bookmark_remove', tone: 'remove' },
+	ADD_FOREIGN_KEY: { action: 'Add foreign key', icon: 'link', tone: 'add' },
+	DROP_FOREIGN_KEY: { action: 'Drop foreign key', icon: 'link_off', tone: 'remove' },
+	ADD_PRIMARY_KEY: { action: 'Add primary key', icon: 'vpn_key', tone: 'add' },
+	DROP_PRIMARY_KEY: { action: 'Drop primary key', icon: 'key_off', tone: 'remove' },
+	MONGO_CREATE_COLLECTION: { action: 'Create collection', icon: 'add_box', tone: 'add' },
+	MONGO_DROP_COLLECTION: { action: 'Drop collection', icon: 'delete_outline', tone: 'remove' },
+	MONGO_SET_VALIDATOR: { action: 'Set validator', icon: 'rule', tone: 'edit' },
+	MONGO_CREATE_INDEX: { action: 'Create index', icon: 'bookmark_add', tone: 'add' },
+	MONGO_DROP_INDEX: { action: 'Drop index', icon: 'bookmark_remove', tone: 'remove' },
+	DYNAMODB_CREATE_TABLE: { action: 'Create table', icon: 'add_box', tone: 'add' },
+	DYNAMODB_DROP_TABLE: { action: 'Drop table', icon: 'delete_outline', tone: 'remove' },
+	DYNAMODB_UPDATE_TABLE: { action: 'Update table', icon: 'edit', tone: 'edit' },
+	ELASTICSEARCH_CREATE_INDEX: { action: 'Create index', icon: 'add_box', tone: 'add' },
+	ELASTICSEARCH_DELETE_INDEX: { action: 'Delete index', icon: 'delete_outline', tone: 'remove' },
+	ELASTICSEARCH_UPDATE_MAPPING: { action: 'Update mapping', icon: 'edit', tone: 'edit' },
+	ROLLBACK: { action: 'Rollback', icon: 'undo', tone: 'edit' },
+};
+
+/** Known change types get their label; anything else is its type in sentence case with a `code` icon. */
+export function changeMeta(changeType: string | null | undefined): ChangeMeta {
+	const upper = (changeType ?? '').toUpperCase();
+	return (
+		CHANGE_META[upper] ?? {
+			action: upper
+				.replace(/_/g, ' ')
+				.toLowerCase()
+				.replace(/\b\w/, (c) => c.toUpperCase()),
+			icon: 'code',
+			tone: 'edit',
+		}
+	);
+}
+
+export async function parseChange(change: SchemaChangeResponse): Promise<ParsedChange> {
+	const meta = changeMeta(change.changeType);
+	const parsed: ParsedChange = {
+		id: change.id,
+		action: meta.action,
+		icon: meta.icon,
+		tone: meta.tone,
+		targetTableName: change.targetTableName,
+		aiSummary: change.aiSummary,
+		columns: [],
+		forwardSql: change.forwardSql,
+	};
+	if ((change.changeType ?? '').toUpperCase() === 'CREATE_TABLE' && change.forwardSql) {
+		parsed.columns = await parseCreateTableColumns(change.forwardSql);
+	}
+	return parsed;
+}
+
+/** The columns of every CREATE TABLE in `sql`, tried as PostgreSQL then MySQL; `[]` if neither parses. */
+export async function parseCreateTableColumns(sql: string): Promise<ParsedColumn[]> {
+	let parser: { astify(sql: string, options: { database: string }): unknown };
+	try {
+		const { Parser } = await import('node-sql-parser');
+		parser = new Parser();
+	} catch {
+		return [];
+	}
+	let ast: unknown;
+	try {
+		ast = parser.astify(sql, { database: 'PostgresQL' });
+	} catch {
+		try {
+			ast = parser.astify(sql, { database: 'MySQL' });
+		} catch {
+			return [];
+		}
+	}
+	const nodes = Array.isArray(ast) ? ast : [ast];
+	const columns: ParsedColumn[] = [];
+	const colIndex = new Map<string, number>();
+	for (const node of nodes) {
+		const root = node as Record<string, unknown> | null;
+		if (!root || root.type !== 'create' || root.keyword !== 'table') continue;
+		const defs = (root.create_definitions as unknown[]) ?? [];
+		for (const rawDef of defs) {
+			const def = rawDef as Record<string, unknown>;
+			if (def.resource === 'column') {
+				const name = extractColumnName(def.column);
+				if (!name) continue;
+				const dataType = (def.definition as { dataType?: string } | undefined)?.dataType ?? '';
+				const primary = def.primary as string | undefined;
+				const nullable = (def.nullable as { value?: string } | undefined)?.value;
+				const ref = extractReferenceTable(def.reference_definition);
+				colIndex.set(name, columns.length);
+				columns.push({
+					name,
+					type: dataType.toLowerCase(),
+					pk: primary === 'primary key' || primary === 'key',
+					fk: !!ref,
+					referenceTable: ref ?? undefined,
+					notNull: nullable === 'not null',
+					unique: !!def.unique,
+					defaultValue: extractDefault(def.default_val),
+				});
+			} else if (def.resource === 'constraint') {
+				const ctype = (def.constraint_type as string | undefined)?.toLowerCase();
+				const colRefs = (def.definition as unknown[]) ?? [];
+				if (ctype === 'primary key') {
+					for (const c of colRefs) {
+						const colName = extractColumnName(c);
+						if (!colName) continue;
+						const column = columns[colIndex.get(colName) ?? -1];
+						if (column) column.pk = true;
+					}
+				} else if (ctype === 'foreign key') {
+					const refTable = extractReferenceTable(def.reference_definition);
+					for (const c of colRefs) {
+						const colName = extractColumnName(c);
+						if (!colName) continue;
+						const column = columns[colIndex.get(colName) ?? -1];
+						if (column) {
+							column.fk = true;
+							if (refTable) column.referenceTable = refTable;
+						}
+					}
+				}
+			}
+		}
+	}
+	return columns;
+}
+
+/** Whether a Mermaid ER source declares at least one entity (`name {`). */
+export function mermaidHasEntities(source: string): boolean {
+	if (!source) return false;
+	for (const line of source.split('\n')) {
+		if (/^\s*[A-Za-z_][\w-]*\s*\{/.test(line)) return true;
+	}
+	return false;
+}
+
+/** A database error collapsed to one line of at most 120 characters. */
+export function summarizeError(err: string | null | undefined): string {
+	if (!err) return 'unknown error';
+	const compact = err.replace(/\s+/g, ' ').trim();
+	return compact.length > 120 ? `${compact.slice(0, 120)}…` : compact;
+}
+
+function extractColumnName(value: unknown): string | null {
+	if (!value) return null;
+	const inner = (value as { column?: unknown }).column ?? value;
+	if (typeof inner === 'string') return inner;
+	const expr = (inner as { expr?: { value?: unknown } })?.expr;
+	if (expr && typeof expr.value === 'string') return expr.value;
+	return null;
+}
+
+function extractReferenceTable(value: unknown): string | null {
+	if (!value) return null;
+	const inner = (value as { reference_definition?: unknown }).reference_definition ?? value;
+	const tables = (inner as { table?: unknown }).table;
+	const first = Array.isArray(tables) ? tables[0] : tables;
+	const name = (first as { table?: unknown })?.table;
+	return typeof name === 'string' ? name : null;
+}
+
+function extractDefault(value: unknown): string | undefined {
+	if (!value || typeof value !== 'object') return undefined;
+	const inner = (value as { value?: { type?: string; value?: unknown } }).value;
+	if (!inner) return undefined;
+	if (typeof inner === 'string' || typeof inner === 'number' || typeof inner === 'boolean') return String(inner);
+	const v = (inner as { value?: unknown }).value;
+	if (typeof v === 'string' || typeof v === 'number' || typeof v === 'boolean') return String(v);
+	if ((inner as { type?: string }).type === 'function') {
+		const name = (inner as { name?: { name?: { value?: string }[] } }).name?.name?.[0]?.value ?? '';
+		return name ? `${name.toUpperCase()}()` : undefined;
+	}
+	return undefined;
+}
diff --git a/frontend-vue/src/components/secrets/CreateSecretDialog.spec.ts b/frontend-vue/src/components/secrets/CreateSecretDialog.spec.ts
new file mode 100644
index 000000000..2243d4430
--- /dev/null
+++ b/frontend-vue/src/components/secrets/CreateSecretDialog.spec.ts
@@ -0,0 +1,253 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import CreateSecretDialog from './CreateSecretDialog.vue';
+import { isOpen, mockSecret, openDialog } from './secretsTestUtils';
+
+const store = vi.hoisted(() => ({ createSecret: vi.fn() }));
+const trackEvent = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/secrets', () => ({ useSecretsStore: () => store }));
+vi.mock('@/composables/useAnalytics', () => ({ trackEvent }));
+vi.mock('posthog-js', () => ({ default: { capture: vi.fn() } }));
+
+let wrapper: VueWrapper;
+
+const input = (testId: string) => wrapper.find(`[data-testid="${testId}"]`);
+const submitButton = () => wrapper.find('button[type="submit"]');
+const isSubmitDisabled = () => submitButton().attributes('disabled') !== undefined;
+
+async function mountDialog() {
+	const opened = await openDialog<boolean>(CreateSecretDialog);
+	wrapper = opened.wrapper;
+	return opened.dialogRef;
+}
+
+async function fillRequired(slug = 'test-secret', value = 'secret-value') {
+	await input('create-secret-slug-input').setValue(slug);
+	await input('create-secret-value-input').setValue(value);
+}
+
+async function submit() {
+	await wrapper.find('form').trigger('submit');
+	await flushPromises();
+}
+
+describe('CreateSecretDialog', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		store.createSecret.mockResolvedValue(mockSecret);
+	});
+
+	afterEach(() => wrapper.unmount());
+
+	it('starts empty with the submit button disabled', async () => {
+		await mountDialog();
+		expect(wrapper.find('h2').text()).toBe('Create Secret');
+		expect((input('create-secret-slug-input').element as HTMLInputElement).value).toBe('');
+		expect((input('create-secret-value-input').element as HTMLTextAreaElement).value).toBe('');
+		expect((input('create-secret-expires-input').element as HTMLInputElement).value).toBe('');
+		expect(input('create-secret-master-password-input').exists()).toBe(false);
+		expect(submitButton().text()).toBe('Create Secret');
+		expect(isSubmitDisabled()).toBe(true);
+	});
+
+	describe('slug validation', () => {
+		it('requires the unique identifier once the field was left', async () => {
+			await mountDialog();
+			await input('create-secret-slug-input').trigger('blur');
+			expect(wrapper.text()).toContain('Unique identifier is required');
+		});
+
+		it.each(['invalid slug', 'invalid!slug', 'invalid@slug', 'invalid#slug'])('rejects "%s"', async (slug) => {
+			await mountDialog();
+			await fillRequired(slug);
+			await input('create-secret-slug-input').trigger('blur');
+			expect(wrapper.text()).toContain('Only letters, numbers, hyphens, and underscores allowed (no spaces)');
+			expect(isSubmitDisabled()).toBe(true);
+		});
+
+		it.each(['valid-slug', 'valid_slug', 'ValidSlug123', 'valid-slug_123'])('accepts "%s"', async (slug) => {
+			await mountDialog();
+			await fillRequired(slug);
+			expect(isSubmitDisabled()).toBe(false);
+		});
+
+		it('allows at most 255 characters', async () => {
+			await mountDialog();
+			await fillRequired('a'.repeat(256));
+			await input('create-secret-slug-input').trigger('blur');
+			expect(wrapper.text()).toContain('Unique identifier must be 255 characters or less');
+			expect(isSubmitDisabled()).toBe(true);
+
+			await input('create-secret-slug-input').setValue('a'.repeat(255));
+			expect(isSubmitDisabled()).toBe(false);
+		});
+	});
+
+	describe('value validation', () => {
+		it('requires a value once the field was left', async () => {
+			await mountDialog();
+			await input('create-secret-value-input').trigger('blur');
+			expect(wrapper.text()).toContain('Value is required');
+		});
+
+		it('allows at most 10000 characters', async () => {
+			await mountDialog();
+			await fillRequired('test-secret', 'a'.repeat(10001));
+			await input('create-secret-value-input').trigger('blur');
+			expect(wrapper.text()).toContain('Value must be 10000 characters or less');
+			expect(isSubmitDisabled()).toBe(true);
+
+			await input('create-secret-value-input').setValue('a'.repeat(10000));
+			expect(isSubmitDisabled()).toBe(false);
+		});
+	});
+
+	describe('master encryption', () => {
+		async function enableEncryption() {
+			await wrapper.find('[data-testid="create-secret-master-encryption-checkbox"]').setValue(true);
+		}
+
+		it('requires a master password of at least 8 characters when enabled', async () => {
+			await mountDialog();
+			await fillRequired();
+			await enableEncryption();
+
+			const password = input('create-secret-master-password-input');
+			expect(password.exists()).toBe(true);
+			expect(isSubmitDisabled()).toBe(true);
+			await password.trigger('blur');
+			expect(wrapper.text()).toContain('Master password is required for encryption');
+
+			await password.setValue('short');
+			expect(wrapper.text()).toContain('Master password must be at least 8 characters');
+			expect(isSubmitDisabled()).toBe(true);
+
+			await password.setValue('12345678');
+			expect(isSubmitDisabled()).toBe(false);
+		});
+
+		it('clears the master password when disabled again', async () => {
+			await mountDialog();
+			await fillRequired();
+			await enableEncryption();
+			await input('create-secret-master-password-input').setValue('password123');
+
+			await wrapper.find('[data-testid="create-secret-master-encryption-checkbox"]').setValue(false);
+			expect(input('create-secret-master-password-input').exists()).toBe(false);
+			expect(isSubmitDisabled()).toBe(false);
+
+			await enableEncryption();
+			expect((input('create-secret-master-password-input').element as HTMLInputElement).value).toBe('');
+		});
+
+		it('sends the master password with the secret', async () => {
+			await mountDialog();
+			await fillRequired();
+			await enableEncryption();
+			await input('create-secret-master-password-input').setValue('password123');
+			await submit();
+
+			expect(store.createSecret).toHaveBeenCalledWith(
+				expect.objectContaining({
+					slug: 'test-secret',
+					value: 'secret-value',
+					masterEncryption: true,
+					masterPassword: 'password123',
+				}),
+			);
+		});
+	});
+
+	describe('visibility toggles', () => {
+		it('masks the value until shown', async () => {
+			await mountDialog();
+			const value = () => input('create-secret-value-input');
+			const toggle = () => wrapper.find('[data-testid="create-secret-value-toggle"]');
+			expect(value().classes()).toContain('create-secret__value--masked');
+			expect(toggle().attributes('aria-label')).toBe('Show value');
+
+			await toggle().trigger('click');
+			expect(value().classes()).not.toContain('create-secret__value--masked');
+			expect(toggle().attributes('aria-label')).toBe('Hide value');
+
+			await toggle().trigger('click');
+			expect(value().classes()).toContain('create-secret__value--masked');
+		});
+
+		it('toggles the master password between password and text', async () => {
+			await mountDialog();
+			await wrapper.find('[data-testid="create-secret-master-encryption-checkbox"]').setValue(true);
+			const password = () => input('create-secret-master-password-input');
+			expect(password().attributes('type')).toBe('password');
+
+			await wrapper.find('[data-testid="create-secret-master-password-toggle"]').trigger('click');
+			expect(password().attributes('type')).toBe('text');
+
+			await wrapper.find('[data-testid="create-secret-master-password-toggle"]').trigger('click');
+			expect(password().attributes('type')).toBe('password');
+		});
+	});
+
+	describe('submission', () => {
+		it('does not submit an invalid form', async () => {
+			await mountDialog();
+			await submit();
+			expect(store.createSecret).not.toHaveBeenCalled();
+		});
+
+		it('creates the secret without encryption fields, tracks it and closes with true', async () => {
+			const dialogRef = await mountDialog();
+			await fillRequired();
+			await submit();
+
+			expect(store.createSecret).toHaveBeenCalledWith({
+				slug: 'test-secret',
+				value: 'secret-value',
+				expiresAt: undefined,
+				masterEncryption: undefined,
+				masterPassword: undefined,
+			});
+			expect(trackEvent).toHaveBeenCalledWith('Secrets: secret created successfully');
+			await expect(dialogRef.afterClosed()).resolves.toBe(true);
+		});
+
+		it('sends the expiration date as an ISO timestamp of local midnight', async () => {
+			await mountDialog();
+			await fillRequired();
+			await input('create-secret-expires-input').setValue('2099-06-15');
+			await submit();
+
+			expect(store.createSecret).toHaveBeenCalledWith(
+				expect.objectContaining({ expiresAt: new Date(2099, 5, 15).toISOString() }),
+			);
+		});
+
+		it('offers only future dates', async () => {
+			await mountDialog();
+			expect(input('create-secret-expires-input').attributes('min')).toMatch(/^\d{4}-\d{2}-\d{2}$/);
+		});
+
+		it('shows "Creating..." while the request is in flight', async () => {
+			let resolve: (secret: typeof mockSecret) => void = () => {};
+			store.createSecret.mockReturnValue(new Promise((r) => (resolve = r)));
+			await mountDialog();
+			await fillRequired();
+			await submit();
+
+			expect(submitButton().text()).toBe('Creating...');
+			resolve(mockSecret);
+			await flushPromises();
+		});
+
+		it('stays open and re-enables the form when creating fails', async () => {
+			store.createSecret.mockRejectedValue(new Error('Error'));
+			await mountDialog();
+			await fillRequired();
+			await submit();
+
+			expect(isOpen(wrapper)).toBe(true);
+			expect(submitButton().text()).toBe('Create Secret');
+			expect(isSubmitDisabled()).toBe(false);
+		});
+	});
+});
diff --git a/frontend-vue/src/components/secrets/CreateSecretDialog.vue b/frontend-vue/src/components/secrets/CreateSecretDialog.vue
new file mode 100644
index 000000000..4e0d3d701
--- /dev/null
+++ b/frontend-vue/src/components/secrets/CreateSecretDialog.vue
@@ -0,0 +1,234 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/secrets/create-secret-dialog: a new secret with an optional
+// expiration date and optional master password encryption. Closes with `true` once created (the
+// store reloads the page of secrets behind it).
+import { computed, ref, watch } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { UiCheckbox, UiField, UiIconButton, UiInput, UiTextarea } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import { useSecretsStore } from '@/stores/secrets';
+import { dateInputToIso, toDateInputValue, trackSecretsEvent } from './secretUtils';
+
+const SLUG_PATTERN = /^[a-zA-Z0-9_-]+$/;
+
+const dialogRef = useDialogRef<boolean>();
+const secrets = useSecretsStore();
+
+const slug = ref('');
+const value = ref('');
+const expiresAt = ref('');
+const masterEncryption = ref(false);
+const masterPassword = ref('');
+
+const submitting = ref(false);
+const showValue = ref(false);
+const showMasterPassword = ref(false);
+const minDate = toDateInputValue(new Date());
+
+// mat-error shows once a control has been left.
+const touched = ref({ slug: false, value: false, masterPassword: false });
+
+watch(masterEncryption, (enabled) => {
+	if (!enabled) {
+		masterPassword.value = '';
+		touched.value.masterPassword = false;
+	}
+});
+
+const slugError = computed(() => {
+	if (!slug.value) return 'Unique identifier is required';
+	if (slug.value.length > 255) return 'Unique identifier must be 255 characters or less';
+	if (!SLUG_PATTERN.test(slug.value)) return 'Only letters, numbers, hyphens, and underscores allowed (no spaces)';
+	return '';
+});
+
+const valueError = computed(() => {
+	if (!value.value) return 'Value is required';
+	if (value.value.length > 10000) return 'Value must be 10000 characters or less';
+	return '';
+});
+
+const masterPasswordError = computed(() => {
+	if (!masterEncryption.value) return '';
+	if (!masterPassword.value) return 'Master password is required for encryption';
+	if (masterPassword.value.length < 8) return 'Master password must be at least 8 characters';
+	return '';
+});
+
+const formInvalid = computed(() => Boolean(slugError.value || valueError.value || masterPasswordError.value));
+
+function shownError(error: string, isTouched: boolean): string | undefined {
+	return error && isTouched ? error : undefined;
+}
+
+async function onSubmit() {
+	if (formInvalid.value) return;
+	submitting.value = true;
+	try {
+		await secrets.createSecret({
+			slug: slug.value,
+			value: value.value,
+			expiresAt: dateInputToIso(expiresAt.value),
+			masterEncryption: masterEncryption.value || undefined,
+			masterPassword: masterEncryption.value ? masterPassword.value : undefined,
+		});
+		trackSecretsEvent('Secrets: secret created successfully');
+		dialogRef.close(true);
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm
+		title="Create Secret"
+		:submit-label="submitting ? 'Creating...' : 'Create Secret'"
+		:busy="submitting"
+		:disabled="formInvalid"
+		data-testid="create-secret-dialog"
+		@submit="onSubmit"
+	>
+		<div class="create-secret">
+			<UiField
+				label="Unique Identifier"
+				hint="Use letters, numbers, hyphens, and underscores (no spaces)"
+				:error="shownError(slugError, touched.slug)"
+				required
+			>
+				<UiInput
+					v-model="slug"
+					name="slug"
+					placeholder="e.g., api-key, database-password"
+					autocomplete="off"
+					data-testid="create-secret-slug-input"
+					@blur="touched.slug = true"
+				/>
+			</UiField>
+
+			<UiField label="Secret Value" :error="shownError(valueError, touched.value)" required>
+				<div class="create-secret__control">
+					<UiTextarea
+						v-model="value"
+						name="value"
+						:rows="3"
+						placeholder="Enter your secret value"
+						spellcheck="false"
+						autocomplete="off"
+						class="create-secret__value"
+						:class="{ 'create-secret__value--masked': !showValue }"
+						data-testid="create-secret-value-input"
+						@blur="touched.value = true"
+					/>
+					<UiIconButton
+						:icon="showValue ? 'visibility_off' : 'visibility'"
+						:label="showValue ? 'Hide value' : 'Show value'"
+						size="sm"
+						class="create-secret__toggle create-secret__toggle--top"
+						data-testid="create-secret-value-toggle"
+						@click="showValue = !showValue"
+					/>
+				</div>
+			</UiField>
+
+			<UiField label="Expiration Date (Optional)" hint="Leave empty for no expiration">
+				<UiInput
+					v-model="expiresAt"
+					type="date"
+					name="expiresAt"
+					:min="minDate"
+					data-testid="create-secret-expires-input"
+				/>
+			</UiField>
+
+			<div class="create-secret__encryption">
+				<UiCheckbox v-model="masterEncryption" data-testid="create-secret-master-encryption-checkbox">
+					Enable master password encryption
+				</UiCheckbox>
+				<p class="create-secret__encryption-hint">
+					Add an extra layer of security with a master password. You'll need this password to view or edit the
+					secret.
+				</p>
+
+				<UiField
+					v-if="masterEncryption"
+					label="Master Password"
+					hint="Remember this password - it cannot be recovered!"
+					:error="shownError(masterPasswordError, touched.masterPassword)"
+					required
+				>
+					<div class="create-secret__control">
+						<UiInput
+							v-model="masterPassword"
+							:type="showMasterPassword ? 'text' : 'password'"
+							name="masterPassword"
+							placeholder="Minimum 8 characters"
+							autocomplete="new-password"
+							class="create-secret__password"
+							data-testid="create-secret-master-password-input"
+							@blur="touched.masterPassword = true"
+						/>
+						<UiIconButton
+							:icon="showMasterPassword ? 'visibility_off' : 'visibility'"
+							:label="showMasterPassword ? 'Hide password' : 'Show password'"
+							size="sm"
+							class="create-secret__toggle"
+							data-testid="create-secret-master-password-toggle"
+							@click="showMasterPassword = !showMasterPassword"
+						/>
+					</div>
+				</UiField>
+			</div>
+		</div>
+	</AppDialogForm>
+</template>
+
+<style scoped>
+.create-secret {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+}
+
+.create-secret__control {
+	position: relative;
+}
+
+.create-secret__control > .create-secret__value,
+.create-secret__control > .create-secret__password {
+	padding-inline-end: var(--space-10);
+}
+
+.create-secret__value--masked {
+	-webkit-text-security: disc;
+}
+
+.create-secret__toggle {
+	position: absolute;
+	inset-block-start: 50%;
+	inset-inline-end: var(--space-1);
+	transform: translateY(-50%);
+}
+
+.create-secret__toggle--top {
+	inset-block-start: var(--space-1);
+	transform: none;
+}
+
+.create-secret__encryption {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	padding: var(--space-4);
+	border-radius: var(--radius-card);
+	background: var(--color-paper-2);
+}
+
+.create-secret__encryption-hint {
+	margin: 0 0 var(--space-2);
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/secrets/DeleteSecretDialog.spec.ts b/frontend-vue/src/components/secrets/DeleteSecretDialog.spec.ts
new file mode 100644
index 000000000..fd00153a6
--- /dev/null
+++ b/frontend-vue/src/components/secrets/DeleteSecretDialog.spec.ts
@@ -0,0 +1,88 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import type { Secret } from '@/models/secret';
+import DeleteSecretDialog from './DeleteSecretDialog.vue';
+import { buttonByText, isOpen, mockSecret, openDialog } from './secretsTestUtils';
+
+const store = vi.hoisted(() => ({ deleteSecret: vi.fn() }));
+const trackEvent = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/secrets', () => ({ useSecretsStore: () => store }));
+vi.mock('@/composables/useAnalytics', () => ({ trackEvent }));
+vi.mock('posthog-js', () => ({ default: { capture: vi.fn() } }));
+
+let wrapper: VueWrapper;
+
+const confirmButton = () => wrapper.find('[data-testid="delete-secret-confirm-button"]');
+
+async function mountDialog(secret: Secret = mockSecret) {
+	const opened = await openDialog<boolean>(DeleteSecretDialog, { secret });
+	wrapper = opened.wrapper;
+	return opened.dialogRef;
+}
+
+describe('DeleteSecretDialog', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		store.deleteSecret.mockResolvedValue({ message: 'Secret deleted successfully', deletedAt: '2024-01-01T00:00:00Z' });
+	});
+
+	afterEach(() => wrapper.unmount());
+
+	it('asks to confirm deleting the secret by its identifier', async () => {
+		await mountDialog();
+		expect(wrapper.find('h2').text()).toBe('Delete Secret');
+		expect(wrapper.find('strong').text()).toBe('test-secret');
+		expect(wrapper.text()).toContain('This action cannot be undone.');
+		expect(confirmButton().text()).toBe('Delete Secret');
+	});
+
+	it('deletes the secret once, tracks it and closes with true', async () => {
+		const dialogRef = await mountDialog();
+		await confirmButton().trigger('click');
+		await flushPromises();
+
+		expect(store.deleteSecret).toHaveBeenCalledTimes(1);
+		expect(store.deleteSecret).toHaveBeenCalledWith('test-secret');
+		expect(trackEvent).toHaveBeenCalledWith('Secrets: secret deleted successfully');
+		await expect(dialogRef.afterClosed()).resolves.toBe(true);
+		expect(isOpen(wrapper)).toBe(false);
+	});
+
+	it('deletes a secret with master encryption the same way', async () => {
+		await mountDialog({ ...mockSecret, masterEncryption: true });
+		await confirmButton().trigger('click');
+		await flushPromises();
+		expect(store.deleteSecret).toHaveBeenCalledWith('test-secret');
+	});
+
+	it('shows "Deleting..." and locks Cancel while the request is in flight', async () => {
+		let resolve: (value: unknown) => void = () => {};
+		store.deleteSecret.mockReturnValue(new Promise((r) => (resolve = r)));
+		await mountDialog();
+		await confirmButton().trigger('click');
+
+		expect(confirmButton().text()).toBe('Deleting...');
+		expect(buttonByText(wrapper, 'Cancel').attributes('disabled')).toBeDefined();
+		resolve({});
+		await flushPromises();
+	});
+
+	it('stays open and re-enables the buttons when deleting fails', async () => {
+		store.deleteSecret.mockRejectedValue(new Error('Error'));
+		await mountDialog();
+		await confirmButton().trigger('click');
+		await flushPromises();
+
+		expect(isOpen(wrapper)).toBe(true);
+		expect(confirmButton().text()).toBe('Delete Secret');
+		expect(confirmButton().attributes('disabled')).toBeUndefined();
+	});
+
+	it('closes without a result on Cancel', async () => {
+		const dialogRef = await mountDialog();
+		await buttonByText(wrapper, 'Cancel').trigger('click');
+
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+		expect(store.deleteSecret).not.toHaveBeenCalled();
+	});
+});
diff --git a/frontend-vue/src/components/secrets/DeleteSecretDialog.vue b/frontend-vue/src/components/secrets/DeleteSecretDialog.vue
new file mode 100644
index 000000000..77f57529a
--- /dev/null
+++ b/frontend-vue/src/components/secrets/DeleteSecretDialog.vue
@@ -0,0 +1,83 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/secrets/delete-secret-dialog: confirms deleting a secret and
+// its audit log. Closes with `true` once deleted; stays open on failure (the store shows the error).
+import { ref } from 'vue';
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import { UiButton, UiIcon } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import type { Secret } from '@/models/secret';
+import { useSecretsStore } from '@/stores/secrets';
+import { trackSecretsEvent } from './secretUtils';
+
+export interface DeleteSecretDialogData {
+	secret: Secret;
+}
+
+const props = defineProps<{ data: DeleteSecretDialogData }>();
+
+const dialogRef = useDialogRef<boolean>();
+const secrets = useSecretsStore();
+const submitting = ref(false);
+
+async function onDelete() {
+	if (submitting.value) return;
+	submitting.value = true;
+	try {
+		await secrets.deleteSecret(props.data.secret.slug);
+		trackSecretsEvent('Secrets: secret deleted successfully');
+		dialogRef.close(true);
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialog title="Delete Secret" size="sm" :dismissible="!submitting" data-testid="delete-secret-dialog">
+		<div class="delete-secret">
+			<UiIcon name="warning" size="lg" class="delete-secret__icon" />
+			<div class="delete-secret__content">
+				<p class="delete-secret__question">
+					Are you sure you want to delete the secret with identifier <strong>{{ data.secret.slug }}</strong>?
+				</p>
+				<p class="delete-secret__details">
+					This action cannot be undone. The secret value and all associated audit logs will be permanently removed.
+				</p>
+			</div>
+		</div>
+		<template #footer>
+			<UiButton variant="secondary" :disabled="submitting" @click="dialogRef.close()">Cancel</UiButton>
+			<UiButton variant="danger" :loading="submitting" data-testid="delete-secret-confirm-button" @click="onDelete">
+				{{ submitting ? 'Deleting...' : 'Delete Secret' }}
+			</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.delete-secret {
+	display: flex;
+	gap: var(--space-4);
+	padding: var(--space-4);
+	border: 1px solid var(--color-warning-border);
+	border-radius: var(--radius-card);
+	background: var(--color-warning-bg);
+}
+
+.delete-secret__icon {
+	flex: none;
+	color: var(--color-warning);
+}
+
+.delete-secret__question {
+	margin: 0 0 var(--space-2);
+}
+
+.delete-secret__details {
+	margin: 0;
+	font-size: var(--text-sm);
+	color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/secrets/EditSecretDialog.spec.ts b/frontend-vue/src/components/secrets/EditSecretDialog.spec.ts
new file mode 100644
index 000000000..e1c5abe1c
--- /dev/null
+++ b/frontend-vue/src/components/secrets/EditSecretDialog.spec.ts
@@ -0,0 +1,241 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { ApiError } from '@/api/client';
+import type { Secret } from '@/models/secret';
+import EditSecretDialog from './EditSecretDialog.vue';
+import { isOpen, mockSecret, openDialog } from './secretsTestUtils';
+import { toDateInputValue } from './secretUtils';
+
+const store = vi.hoisted(() => ({ updateSecret: vi.fn() }));
+const trackEvent = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/secrets', () => ({ useSecretsStore: () => store }));
+vi.mock('@/composables/useAnalytics', () => ({ trackEvent }));
+vi.mock('posthog-js', () => ({ default: { capture: vi.fn() } }));
+
+const secretWithExpiration: Secret = { ...mockSecret, expiresAt: '2099-12-31T15:30:00Z' };
+const secretWithEncryption: Secret = { ...mockSecret, masterEncryption: true };
+
+let wrapper: VueWrapper;
+
+const input = (testId: string) => wrapper.find(`[data-testid="${testId}"]`);
+const submitButton = () => wrapper.find('button[type="submit"]');
+const isSubmitDisabled = () => submitButton().attributes('disabled') !== undefined;
+
+async function mountDialog(secret: Secret = mockSecret) {
+	const opened = await openDialog<boolean>(EditSecretDialog, { secret });
+	wrapper = opened.wrapper;
+	return opened.dialogRef;
+}
+
+async function submit() {
+	await wrapper.find('form').trigger('submit');
+	await flushPromises();
+}
+
+describe('EditSecretDialog', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		store.updateSecret.mockResolvedValue(mockSecret);
+	});
+
+	afterEach(() => wrapper.unmount());
+
+	describe('initial state', () => {
+		it('shows the slug in the title and starts with an empty value and no expiration', async () => {
+			await mountDialog();
+			expect(wrapper.find('h2').text()).toBe('Edit Secret: test-secret');
+			expect(wrapper.text()).toContain('The current value cannot be viewed for security reasons.');
+			expect((input('edit-secret-value-input').element as HTMLTextAreaElement).value).toBe('');
+			expect((input('edit-secret-expires-input').element as HTMLInputElement).value).toBe('');
+			expect(input('edit-secret-master-password-input').exists()).toBe(false);
+			expect(submitButton().text()).toBe('Save Changes');
+			expect(isSubmitDisabled()).toBe(true);
+		});
+
+		it('prefills the existing expiration date', async () => {
+			await mountDialog(secretWithExpiration);
+			expect((input('edit-secret-expires-input').element as HTMLInputElement).value).toBe(
+				toDateInputValue(new Date(secretWithExpiration.expiresAt as string)),
+			);
+		});
+	});
+
+	describe('value validation', () => {
+		it('requires a new value once the field was left', async () => {
+			await mountDialog();
+			await input('edit-secret-value-input').trigger('blur');
+			expect(wrapper.text()).toContain('New value is required');
+
+			await input('edit-secret-value-input').setValue('some-value');
+			expect(wrapper.text()).not.toContain('New value is required');
+			expect(isSubmitDisabled()).toBe(false);
+		});
+
+		it('allows at most 10000 characters', async () => {
+			await mountDialog();
+			await input('edit-secret-value-input').setValue('a'.repeat(10001));
+			await input('edit-secret-value-input').trigger('blur');
+			expect(wrapper.text()).toContain('Value must be 10000 characters or less');
+			expect(isSubmitDisabled()).toBe(true);
+
+			await input('edit-secret-value-input').setValue('a'.repeat(10000));
+			expect(isSubmitDisabled()).toBe(false);
+		});
+	});
+
+	describe('visibility toggles', () => {
+		it('masks the value until shown', async () => {
+			await mountDialog();
+			const toggle = () => wrapper.find('[data-testid="edit-secret-value-toggle"]');
+			expect(input('edit-secret-value-input').classes()).toContain('edit-secret__value--masked');
+			await toggle().trigger('click');
+			expect(input('edit-secret-value-input').classes()).not.toContain('edit-secret__value--masked');
+			expect(toggle().attributes('aria-label')).toBe('Hide value');
+			await toggle().trigger('click');
+			expect(input('edit-secret-value-input').classes()).toContain('edit-secret__value--masked');
+		});
+
+		it('toggles the master password between password and text', async () => {
+			await mountDialog(secretWithEncryption);
+			const toggle = () => wrapper.find('[data-testid="edit-secret-master-password-toggle"]');
+			expect(input('edit-secret-master-password-input').attributes('type')).toBe('password');
+			await toggle().trigger('click');
+			expect(input('edit-secret-master-password-input').attributes('type')).toBe('text');
+			await toggle().trigger('click');
+			expect(input('edit-secret-master-password-input').attributes('type')).toBe('password');
+		});
+	});
+
+	describe('clear expiration', () => {
+		it('disables the date while "Remove expiration date" is checked', async () => {
+			await mountDialog(secretWithExpiration);
+			const checkbox = input('edit-secret-clear-expiration-checkbox');
+
+			await checkbox.setValue(true);
+			expect(input('edit-secret-expires-input').attributes('disabled')).toBeDefined();
+
+			await checkbox.setValue(false);
+			expect(input('edit-secret-expires-input').attributes('disabled')).toBeUndefined();
+		});
+	});
+
+	describe('submission', () => {
+		it('does not submit an invalid form', async () => {
+			await mountDialog();
+			await submit();
+			expect(store.updateSecret).not.toHaveBeenCalled();
+		});
+
+		it('updates the value without a master password, tracks it and closes with true', async () => {
+			const dialogRef = await mountDialog();
+			await input('edit-secret-value-input').setValue('new-value');
+			await submit();
+
+			expect(store.updateSecret).toHaveBeenCalledWith(
+				'test-secret',
+				{ value: 'new-value', expiresAt: undefined },
+				undefined,
+			);
+			expect(trackEvent).toHaveBeenCalledWith('Secrets: secret updated successfully');
+			await expect(dialogRef.afterClosed()).resolves.toBe(true);
+		});
+
+		it('sends a new expiration date as local midnight', async () => {
+			await mountDialog();
+			await input('edit-secret-value-input').setValue('new-value');
+			await input('edit-secret-expires-input').setValue('2099-06-15');
+			await submit();
+
+			expect(store.updateSecret).toHaveBeenCalledWith(
+				'test-secret',
+				{ value: 'new-value', expiresAt: new Date(2099, 5, 15).toISOString() },
+				undefined,
+			);
+		});
+
+		it('keeps an untouched expiration date as it was', async () => {
+			await mountDialog(secretWithExpiration);
+			await input('edit-secret-value-input').setValue('new-value');
+			await submit();
+
+			expect(store.updateSecret).toHaveBeenCalledWith(
+				'test-secret',
+				{ value: 'new-value', expiresAt: '2099-12-31T15:30:00.000Z' },
+				undefined,
+			);
+		});
+
+		it('sends a null expiration when it is removed', async () => {
+			await mountDialog(secretWithExpiration);
+			await input('edit-secret-value-input').setValue('new-value');
+			await input('edit-secret-clear-expiration-checkbox').setValue(true);
+			await submit();
+
+			expect(store.updateSecret).toHaveBeenCalledWith(
+				'test-secret',
+				{ value: 'new-value', expiresAt: null },
+				undefined,
+			);
+		});
+
+		it('shows "Saving..." while the request is in flight', async () => {
+			let resolve: (secret: Secret) => void = () => {};
+			store.updateSecret.mockReturnValue(new Promise((r) => (resolve = r)));
+			await mountDialog();
+			await input('edit-secret-value-input').setValue('new-value');
+			await submit();
+
+			expect(submitButton().text()).toBe('Saving...');
+			resolve(mockSecret);
+			await flushPromises();
+		});
+
+		it('stays open and re-enables the form on a non-403 error', async () => {
+			store.updateSecret.mockRejectedValue(new ApiError('Server error', 500, {}));
+			await mountDialog();
+			await input('edit-secret-value-input').setValue('new-value');
+			await submit();
+
+			expect(isOpen(wrapper)).toBe(true);
+			expect(submitButton().text()).toBe('Save Changes');
+			expect(wrapper.text()).not.toContain('Invalid master password');
+		});
+	});
+
+	describe('master encryption', () => {
+		it('requires the master password before sending', async () => {
+			await mountDialog(secretWithEncryption);
+			expect(wrapper.text()).toContain('Required to encrypt the new value');
+			await input('edit-secret-value-input').setValue('new-value');
+			await submit();
+
+			expect(wrapper.text()).toContain('Master password is required');
+			expect(store.updateSecret).not.toHaveBeenCalled();
+		});
+
+		it('sends the master password with the update', async () => {
+			await mountDialog(secretWithEncryption);
+			await input('edit-secret-value-input').setValue('new-value');
+			await input('edit-secret-master-password-input').setValue('my-master-password');
+			await submit();
+
+			expect(store.updateSecret).toHaveBeenCalledWith(
+				'test-secret',
+				expect.objectContaining({ value: 'new-value' }),
+				'my-master-password',
+			);
+		});
+
+		it('reports a wrong master password on 403', async () => {
+			store.updateSecret.mockRejectedValue(new ApiError('Forbidden', 403, {}));
+			await mountDialog(secretWithEncryption);
+			await input('edit-secret-value-input').setValue('new-value');
+			await input('edit-secret-master-password-input').setValue('wrong-password');
+			await submit();
+
+			expect(wrapper.text()).toContain('Invalid master password');
+			expect(isOpen(wrapper)).toBe(true);
+			expect(submitButton().text()).toBe('Save Changes');
+		});
+	});
+});
diff --git a/frontend-vue/src/components/secrets/EditSecretDialog.vue b/frontend-vue/src/components/secrets/EditSecretDialog.vue
new file mode 100644
index 000000000..7cd2a5fbb
--- /dev/null
+++ b/frontend-vue/src/components/secrets/EditSecretDialog.vue
@@ -0,0 +1,219 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/secrets/edit-secret-dialog: replaces a secret's value (the
+// current one is never shown) and changes or removes its expiration date. A secret with master
+// encryption needs its master password; a 403 means it was wrong. Closes with `true` once saved.
+import { computed, ref } from 'vue';
+import { isApiError } from '@/api/client';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { UiCheckbox, UiField, UiIcon, UiIconButton, UiInput, UiTextarea } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import type { Secret } from '@/models/secret';
+import { useSecretsStore } from '@/stores/secrets';
+import { dateInputToIso, toDateInputValue, trackSecretsEvent } from './secretUtils';
+
+export interface EditSecretDialogData {
+	secret: Secret;
+}
+
+const props = defineProps<{ data: EditSecretDialogData }>();
+
+const dialogRef = useDialogRef<boolean>();
+const secrets = useSecretsStore();
+
+const initialExpiresAt = props.data.secret.expiresAt ? toDateInputValue(new Date(props.data.secret.expiresAt)) : '';
+
+const value = ref('');
+const expiresAt = ref(initialExpiresAt);
+const clearExpiration = ref(false);
+const masterPassword = ref('');
+const masterPasswordError = ref('');
+
+const submitting = ref(false);
+const showValue = ref(false);
+const showMasterPassword = ref(false);
+const valueTouched = ref(false);
+const minDate = toDateInputValue(new Date());
+
+const valueError = computed(() => {
+	if (!value.value) return 'New value is required';
+	if (value.value.length > 10000) return 'Value must be 10000 characters or less';
+	return '';
+});
+
+/** The date to send: the stored timestamp as is while the date is untouched, else local midnight. */
+function expiresAtPayload(): string | null | undefined {
+	if (clearExpiration.value) return null;
+	if (!expiresAt.value) return undefined;
+	if (expiresAt.value === initialExpiresAt && props.data.secret.expiresAt) {
+		return new Date(props.data.secret.expiresAt).toISOString();
+	}
+	return dateInputToIso(expiresAt.value);
+}
+
+async function onSubmit() {
+	if (valueError.value) return;
+	const { secret } = props.data;
+	if (secret.masterEncryption && !masterPassword.value) {
+		masterPasswordError.value = 'Master password is required';
+		return;
+	}
+
+	submitting.value = true;
+	try {
+		await secrets.updateSecret(
+			secret.slug,
+			{ value: value.value, expiresAt: expiresAtPayload() },
+			secret.masterEncryption ? masterPassword.value : undefined,
+		);
+		trackSecretsEvent('Secrets: secret updated successfully');
+		dialogRef.close(true);
+	} catch (error) {
+		// Other errors were shown by the store.
+		if (isApiError(error) && error.status === 403) masterPasswordError.value = 'Invalid master password';
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm
+		:title="`Edit Secret: ${data.secret.slug}`"
+		:submit-label="submitting ? 'Saving...' : 'Save Changes'"
+		:busy="submitting"
+		:disabled="Boolean(valueError)"
+		data-testid="edit-secret-dialog"
+		@submit="onSubmit"
+	>
+		<div class="edit-secret">
+			<p class="edit-secret__note">
+				<UiIcon name="info" size="sm" class="edit-secret__note-icon" />
+				Enter a new value for this secret. The current value cannot be viewed for security reasons.
+			</p>
+
+			<UiField label="New Secret Value" :error="valueTouched && valueError ? valueError : undefined" required>
+				<div class="edit-secret__control">
+					<UiTextarea
+						v-model="value"
+						name="value"
+						:rows="4"
+						placeholder="Enter new secret value"
+						spellcheck="false"
+						autocomplete="off"
+						class="edit-secret__value"
+						:class="{ 'edit-secret__value--masked': !showValue }"
+						data-testid="edit-secret-value-input"
+						@blur="valueTouched = true"
+					/>
+					<UiIconButton
+						:icon="showValue ? 'visibility_off' : 'visibility'"
+						:label="showValue ? 'Hide value' : 'Show value'"
+						size="sm"
+						class="edit-secret__toggle edit-secret__toggle--top"
+						data-testid="edit-secret-value-toggle"
+						@click="showValue = !showValue"
+					/>
+				</div>
+			</UiField>
+
+			<div class="edit-secret__expiration">
+				<UiField label="Expiration Date">
+					<UiInput
+						v-model="expiresAt"
+						type="date"
+						name="expiresAt"
+						:min="minDate"
+						:disabled="clearExpiration"
+						data-testid="edit-secret-expires-input"
+					/>
+				</UiField>
+				<UiCheckbox v-model="clearExpiration" data-testid="edit-secret-clear-expiration-checkbox">
+					Remove expiration date
+				</UiCheckbox>
+			</div>
+
+			<UiField
+				v-if="data.secret.masterEncryption"
+				label="Master Password"
+				hint="Required to encrypt the new value"
+				:error="masterPasswordError || undefined"
+			>
+				<div class="edit-secret__control">
+					<UiInput
+						v-model="masterPassword"
+						:type="showMasterPassword ? 'text' : 'password'"
+						name="masterPassword"
+						placeholder="Enter master password to save changes"
+						autocomplete="off"
+						class="edit-secret__password"
+						data-testid="edit-secret-master-password-input"
+					/>
+					<UiIconButton
+						:icon="showMasterPassword ? 'visibility_off' : 'visibility'"
+						:label="showMasterPassword ? 'Hide password' : 'Show password'"
+						size="sm"
+						class="edit-secret__toggle"
+						data-testid="edit-secret-master-password-toggle"
+						@click="showMasterPassword = !showMasterPassword"
+					/>
+				</div>
+			</UiField>
+		</div>
+	</AppDialogForm>
+</template>
+
+<style scoped>
+.edit-secret {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+}
+
+.edit-secret__note {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--space-2);
+	margin: 0;
+	padding: var(--space-3) var(--space-4);
+	border-radius: var(--radius-card);
+	background: var(--color-paper-2);
+	font-size: var(--text-sm);
+	color: var(--color-ink-soft);
+}
+
+.edit-secret__note-icon {
+	flex: none;
+	color: var(--color-accent);
+}
+
+.edit-secret__expiration {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+}
+
+.edit-secret__control {
+	position: relative;
+}
+
+.edit-secret__control > .edit-secret__value,
+.edit-secret__control > .edit-secret__password {
+	padding-inline-end: var(--space-10);
+}
+
+.edit-secret__value--masked {
+	-webkit-text-security: disc;
+}
+
+.edit-secret__toggle {
+	position: absolute;
+	inset-block-start: 50%;
+	inset-inline-end: var(--space-1);
+	transform: translateY(-50%);
+}
+
+.edit-secret__toggle--top {
+	inset-block-start: var(--space-1);
+	transform: none;
+}
+</style>
diff --git a/frontend-vue/src/components/secrets/SecretAuditLogDialog.spec.ts b/frontend-vue/src/components/secrets/SecretAuditLogDialog.spec.ts
new file mode 100644
index 000000000..8c5f49dc6
--- /dev/null
+++ b/frontend-vue/src/components/secrets/SecretAuditLogDialog.spec.ts
@@ -0,0 +1,149 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import type { AuditLogEntry, AuditLogResponse } from '@/models/secret';
+import SecretAuditLogDialog from './SecretAuditLogDialog.vue';
+import { buttonByText, mockSecret, openDialog } from './secretsTestUtils';
+
+const store = vi.hoisted(() => ({ getAuditLog: vi.fn() }));
+vi.mock('@/stores/secrets', () => ({ useSecretsStore: () => store }));
+
+const entry: AuditLogEntry = {
+	id: '1',
+	action: 'create',
+	user: { id: '1', email: 'user@example.com' },
+	accessedAt: '2024-01-01T00:00:00Z',
+	success: true,
+};
+
+const oneEntry = (): AuditLogResponse => ({
+	data: [entry],
+	pagination: { total: 1, currentPage: 1, perPage: 20, lastPage: 1 },
+});
+
+const allActions = (): AuditLogResponse => ({
+	data: [
+		entry,
+		{
+			id: '2',
+			action: 'view',
+			user: { id: '2', email: 'viewer@example.com' },
+			accessedAt: '2024-01-02T00:00:00Z',
+			success: true,
+		},
+		{
+			id: '3',
+			action: 'update',
+			user: { id: '1', email: 'user@example.com' },
+			accessedAt: '2024-01-03T00:00:00Z',
+			success: true,
+		},
+		{
+			id: '4',
+			action: 'copy',
+			user: { id: '3', email: 'copier@example.com' },
+			accessedAt: '2024-01-04T00:00:00Z',
+			success: true,
+		},
+		{
+			id: '5',
+			action: 'delete',
+			user: { id: '1', email: 'user@example.com' },
+			accessedAt: '2024-01-05T00:00:00Z',
+			success: false,
+			errorMessage: 'Deletion failed',
+		},
+	],
+	pagination: { total: 100, currentPage: 1, perPage: 20, lastPage: 5 },
+});
+
+let wrapper: VueWrapper;
+
+async function mountDialog() {
+	const opened = await openDialog<void>(SecretAuditLogDialog, { secret: mockSecret });
+	wrapper = opened.wrapper;
+	return opened.dialogRef;
+}
+
+const bodyRows = () => wrapper.findAll('tbody tr');
+
+describe('SecretAuditLogDialog', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		store.getAuditLog.mockResolvedValue(oneEntry());
+	});
+
+	afterEach(() => wrapper.unmount());
+
+	it('loads the first page of 20 entries for the secret', async () => {
+		await mountDialog();
+		expect(wrapper.find('h2').text()).toBe('Audit Log: test-secret');
+		expect(store.getAuditLog).toHaveBeenCalledWith('test-secret', 1, 20);
+		expect(bodyRows()).toHaveLength(1);
+		expect(wrapper.text()).toContain('user@example.com');
+	});
+
+	it('shows a loader while the log loads', async () => {
+		store.getAuditLog.mockReturnValue(new Promise(() => {}));
+		await mountDialog();
+		expect(wrapper.text()).toContain('Loading audit log...');
+		expect(wrapper.find('table').exists()).toBe(false);
+	});
+
+	it('shows the empty state when nothing was recorded', async () => {
+		store.getAuditLog.mockResolvedValue({
+			data: [],
+			pagination: { total: 0, currentPage: 1, perPage: 20, lastPage: 1 },
+		});
+		await mountDialog();
+		expect(wrapper.text()).toContain('No audit log entries');
+		expect(wrapper.text()).toContain('No actions have been recorded for this secret yet.');
+		expect(wrapper.find('table').exists()).toBe(false);
+	});
+
+	it('labels every action with its icon', async () => {
+		store.getAuditLog.mockResolvedValue(allActions());
+		await mountDialog();
+		const actions = bodyRows().map((row) => row.find('.audit-log__action'));
+		expect(actions.map((cell) => cell.find('span:last-child').text())).toEqual([
+			'Created',
+			'Viewed',
+			'Updated',
+			'Copied',
+			'Deleted',
+		]);
+		expect(actions.map((cell) => cell.find('.ui-icon').text())).toEqual([
+			'add_circle',
+			'visibility',
+			'edit',
+			'content_copy',
+			'delete',
+		]);
+	});
+
+	it('marks failed entries with their error message', async () => {
+		store.getAuditLog.mockResolvedValue(allActions());
+		await mountDialog();
+		const failed = bodyRows()[4];
+		expect(failed?.classes()).toContain('audit-log__row--failed');
+		expect(failed?.find('[aria-label="Deletion failed"]').exists()).toBe(true);
+		expect(bodyRows()[0]?.classes()).not.toContain('audit-log__row--failed');
+		expect(bodyRows()[0]?.find('[aria-label="Success"]').exists()).toBe(true);
+	});
+
+	it('loads the page the paginator asks for', async () => {
+		store.getAuditLog.mockResolvedValue(allActions());
+		await mountDialog();
+		store.getAuditLog.mockClear();
+
+		await wrapper.find('button[aria-label="Next page"]').trigger('click');
+		await flushPromises();
+
+		expect(store.getAuditLog).toHaveBeenCalledWith('test-secret', 2, 20);
+	});
+
+	it('closes on Close', async () => {
+		const dialogRef = await mountDialog();
+		await buttonByText(wrapper, 'Close').trigger('click');
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+	});
+});
diff --git a/frontend-vue/src/components/secrets/SecretAuditLogDialog.vue b/frontend-vue/src/components/secrets/SecretAuditLogDialog.vue
new file mode 100644
index 000000000..1ec29ae28
--- /dev/null
+++ b/frontend-vue/src/components/secrets/SecretAuditLogDialog.vue
@@ -0,0 +1,236 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/secrets/audit-log-dialog: the paged list of who created,
+// viewed, copied, updated or deleted a secret, and whether it succeeded.
+import { onMounted, ref } from 'vue';
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import {
+	type PageEvent,
+	type TableColumn,
+	UiButton,
+	UiIcon,
+	UiPaginator,
+	UiSpinner,
+	UiTable,
+	vTooltip,
+} from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import type { AuditLogEntry, Secret, SecretAction } from '@/models/secret';
+import { useSecretsStore } from '@/stores/secrets';
+import { formatMediumDateTime } from './secretUtils';
+
+export interface SecretAuditLogDialogData {
+	secret: Secret;
+}
+
+const props = defineProps<{ data: SecretAuditLogDialogData }>();
+
+const ACTION_LABELS: Record<SecretAction, string> = {
+	create: 'Created',
+	view: 'Viewed',
+	copy: 'Copied',
+	update: 'Updated',
+	delete: 'Deleted',
+};
+
+const ACTION_ICONS: Record<SecretAction, string> = {
+	create: 'add_circle',
+	view: 'visibility',
+	copy: 'content_copy',
+	update: 'edit',
+	delete: 'delete',
+};
+
+const columns: TableColumn<AuditLogEntry>[] = [
+	{ key: 'action', label: 'Action' },
+	{ key: 'user', label: 'User' },
+	{ key: 'accessedAt', label: 'Time' },
+	{ key: 'success', label: 'Status' },
+];
+
+const dialogRef = useDialogRef<void>();
+const secrets = useSecretsStore();
+
+const logs = ref<AuditLogEntry[]>([]);
+const total = ref(0);
+const currentPage = ref(1);
+const perPage = ref(20);
+const loading = ref(true);
+
+onMounted(loadAuditLog);
+
+async function loadAuditLog() {
+	loading.value = true;
+	try {
+		const response = await secrets.getAuditLog(props.data.secret.slug, currentPage.value, perPage.value);
+		logs.value = response.data;
+		total.value = response.pagination.total;
+		currentPage.value = response.pagination.currentPage;
+		perPage.value = response.pagination.perPage;
+	} catch {
+		// The store has shown the error.
+	} finally {
+		loading.value = false;
+	}
+}
+
+function onPageChange(event: PageEvent) {
+	currentPage.value = event.pageIndex + 1;
+	perPage.value = event.pageSize;
+	loadAuditLog();
+}
+</script>
+
+<template>
+	<AppDialog :title="`Audit Log: ${data.secret.slug}`" size="lg" data-testid="secret-audit-log-dialog">
+		<div class="audit-log">
+			<div v-if="loading" class="audit-log__loading">
+				<UiSpinner size="lg" />
+				<p>Loading audit log...</p>
+			</div>
+
+			<div v-else-if="logs.length === 0" class="audit-log__empty">
+				<UiIcon name="history_toggle_off" size="lg" class="audit-log__empty-icon" />
+				<h3 class="audit-log__empty-title">No audit log entries</h3>
+				<p class="audit-log__empty-text">No actions have been recorded for this secret yet.</p>
+			</div>
+
+			<template v-else>
+				<UiTable
+					:columns="columns"
+					:rows="logs"
+					row-key="id"
+					label="Audit log"
+					size="sm"
+					:row-class="(log) => ({ 'audit-log__row--failed': !log.success })"
+					class="audit-log__table"
+				>
+					<template #cell-action="{ row }">
+						<span :class="['audit-log__action', `audit-log__action--${row.action}`]">
+							<UiIcon :name="ACTION_ICONS[row.action]" size="sm" />
+							<span>{{ ACTION_LABELS[row.action] }}</span>
+						</span>
+					</template>
+					<template #cell-user="{ row }">
+						<span class="audit-log__email">{{ row.user.email }}</span>
+					</template>
+					<template #cell-accessedAt="{ row }">{{ formatMediumDateTime(row.accessedAt) }}</template>
+					<template #cell-success="{ row }">
+						<span v-if="row.success" v-tooltip="'Success'" class="audit-log__status audit-log__status--success">
+							<UiIcon name="check_circle" label="Success" />
+						</span>
+						<span
+							v-else
+							v-tooltip="row.errorMessage || 'Failed'"
+							class="audit-log__status audit-log__status--failure"
+						>
+							<UiIcon name="error" :label="row.errorMessage || 'Failed'" />
+						</span>
+					</template>
+				</UiTable>
+
+				<UiPaginator
+					:length="total"
+					:page-index="currentPage - 1"
+					:page-size="perPage"
+					:page-size-options="[10, 20, 50]"
+					label="Audit log pages"
+					@page="onPageChange"
+				/>
+			</template>
+		</div>
+
+		<template #footer>
+			<UiButton variant="secondary" @click="dialogRef.close()">Close</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.audit-log {
+	max-height: 60vh;
+	overflow-y: auto;
+}
+
+.audit-log__loading,
+.audit-log__empty {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+}
+
+.audit-log__loading {
+	padding: var(--space-10);
+	gap: var(--space-4);
+}
+
+.audit-log__loading p {
+	margin: 0;
+	color: var(--color-muted);
+}
+
+.audit-log__empty {
+	padding: var(--space-12) var(--space-6);
+}
+
+.audit-log__empty-icon {
+	margin-bottom: var(--space-4);
+	color: var(--color-muted-soft);
+}
+
+.audit-log__empty-title {
+	margin: 0 0 var(--space-2);
+	font-size: var(--text-md);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.audit-log__empty-text {
+	margin: 0;
+	color: var(--color-muted);
+}
+
+.audit-log__action {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-2);
+}
+
+.audit-log__action--create {
+	color: var(--color-success);
+}
+
+.audit-log__action--view,
+.audit-log__action--copy {
+	color: var(--color-accent);
+}
+
+.audit-log__action--update {
+	color: var(--color-warning);
+}
+
+.audit-log__action--delete {
+	color: var(--color-danger);
+}
+
+.audit-log__email {
+	font-size: var(--text-sm);
+}
+
+.audit-log__status {
+	display: inline-flex;
+}
+
+.audit-log__status--success {
+	color: var(--color-success);
+}
+
+.audit-log__status--failure {
+	color: var(--color-danger);
+}
+
+.audit-log__table :deep(.audit-log__row--failed .ui-table__cell) {
+	background: var(--color-danger-bg);
+}
+</style>
diff --git a/frontend-vue/src/components/secrets/SecretMasterPasswordDialog.spec.ts b/frontend-vue/src/components/secrets/SecretMasterPasswordDialog.spec.ts
new file mode 100644
index 000000000..c36f88288
--- /dev/null
+++ b/frontend-vue/src/components/secrets/SecretMasterPasswordDialog.spec.ts
@@ -0,0 +1,59 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { afterEach, describe, expect, it } from 'vitest';
+import SecretMasterPasswordDialog from './SecretMasterPasswordDialog.vue';
+import { buttonByText, openDialog } from './secretsTestUtils';
+
+let wrapper: VueWrapper;
+
+const input = () => wrapper.find('[data-testid="master-password-input"]');
+
+async function mountDialog() {
+	const opened = await openDialog<string>(SecretMasterPasswordDialog);
+	wrapper = opened.wrapper;
+	return opened.dialogRef;
+}
+
+describe('SecretMasterPasswordDialog', () => {
+	afterEach(() => wrapper.unmount());
+
+	it('renders the password field with an Unlock submit button', async () => {
+		await mountDialog();
+		expect(wrapper.find('h2').text()).toBe('Master Password Required');
+		expect(input().attributes('type')).toBe('password');
+		expect(buttonByText(wrapper, 'Unlock').attributes('type')).toBe('submit');
+	});
+
+	it('toggles the password visibility', async () => {
+		await mountDialog();
+		await wrapper.find('button[aria-label="Show password"]').trigger('click');
+		expect(input().attributes('type')).toBe('text');
+
+		await wrapper.find('button[aria-label="Hide password"]').trigger('click');
+		expect(input().attributes('type')).toBe('password');
+	});
+
+	it('asks for the password when submitted empty', async () => {
+		const dialogRef = await mountDialog();
+		let closed = false;
+		dialogRef.afterClosed().then(() => (closed = true));
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(wrapper.text()).toContain('Please enter the master password');
+		expect(closed).toBe(false);
+	});
+
+	it('closes with the entered password', async () => {
+		const dialogRef = await mountDialog();
+		await input().setValue('testpassword');
+		await wrapper.find('form').trigger('submit');
+
+		await expect(dialogRef.afterClosed()).resolves.toBe('testpassword');
+	});
+
+	it('closes without a result on Cancel', async () => {
+		const dialogRef = await mountDialog();
+		await buttonByText(wrapper, 'Cancel').trigger('click');
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+	});
+});
diff --git a/frontend-vue/src/components/secrets/SecretMasterPasswordDialog.vue b/frontend-vue/src/components/secrets/SecretMasterPasswordDialog.vue
new file mode 100644
index 000000000..a5894db9d
--- /dev/null
+++ b/frontend-vue/src/components/secrets/SecretMasterPasswordDialog.vue
@@ -0,0 +1,82 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/secrets/master-password-dialog: asks for the master password
+// of a secret with master encryption and closes with it (dismissed, it closes with undefined).
+// Not opened anywhere in the Angular app yet; ported so the secrets area is complete.
+import { ref } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { UiField, UiIconButton, UiInput } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+
+const dialogRef = useDialogRef<string>();
+
+const masterPassword = ref('');
+const showPassword = ref(false);
+const error = ref('');
+
+function onSubmit() {
+	if (!masterPassword.value) {
+		error.value = 'Please enter the master password';
+		return;
+	}
+	dialogRef.close(masterPassword.value);
+}
+</script>
+
+<template>
+	<AppDialogForm title="Master Password Required" submit-label="Unlock" size="sm" @submit="onSubmit">
+		<div class="secret-master-password">
+			<p class="secret-master-password__description">
+				This secret is protected with master password encryption. Enter the master password to continue.
+			</p>
+
+			<UiField label="Master Password" :error="error || undefined">
+				<div class="secret-master-password__control">
+					<UiInput
+						v-model="masterPassword"
+						:type="showPassword ? 'text' : 'password'"
+						name="masterPassword"
+						placeholder="Enter master password"
+						autocomplete="off"
+						class="secret-master-password__input"
+						data-testid="master-password-input"
+					/>
+					<UiIconButton
+						:icon="showPassword ? 'visibility_off' : 'visibility'"
+						:label="showPassword ? 'Hide password' : 'Show password'"
+						size="sm"
+						class="secret-master-password__toggle"
+						@click="showPassword = !showPassword"
+					/>
+				</div>
+			</UiField>
+		</div>
+	</AppDialogForm>
+</template>
+
+<style scoped>
+.secret-master-password {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-6);
+}
+
+.secret-master-password__description {
+	margin: 0;
+	color: var(--color-muted);
+}
+
+.secret-master-password__control {
+	position: relative;
+}
+
+.secret-master-password__control > .secret-master-password__input {
+	padding-inline-end: var(--space-10);
+}
+
+.secret-master-password__toggle {
+	position: absolute;
+	inset-block-start: 50%;
+	inset-inline-end: var(--space-1);
+	transform: translateY(-50%);
+}
+</style>
diff --git a/frontend-vue/src/components/secrets/secretUtils.spec.ts b/frontend-vue/src/components/secrets/secretUtils.spec.ts
new file mode 100644
index 000000000..1a675e86f
--- /dev/null
+++ b/frontend-vue/src/components/secrets/secretUtils.spec.ts
@@ -0,0 +1,60 @@
+import { describe, expect, it } from 'vitest';
+import type { Secret } from '@/models/secret';
+import { mockSecret } from './secretsTestUtils';
+import { dateInputToIso, isExpired, isExpiringSoon, toDateInputValue } from './secretUtils';
+
+function inDays(days: number): Secret {
+	const date = new Date();
+	date.setDate(date.getDate() + days);
+	return { ...mockSecret, expiresAt: date.toISOString() };
+}
+
+describe('secretUtils', () => {
+	describe('isExpired', () => {
+		it('is true for a past expiration', () => {
+			expect(isExpired({ ...mockSecret, expiresAt: '2024-01-01' })).toBe(true);
+		});
+
+		it('is false for a future expiration', () => {
+			expect(isExpired(inDays(365))).toBe(false);
+		});
+
+		it('is false without an expiration', () => {
+			expect(isExpired(mockSecret)).toBe(false);
+		});
+	});
+
+	describe('isExpiringSoon', () => {
+		it('is true within 7 days', () => {
+			expect(isExpiringSoon(inDays(3))).toBe(true);
+		});
+
+		it('is true at exactly 7 days', () => {
+			const date = new Date(Date.now() + 7 * 24 * 60 * 60 * 1000 - 1000);
+			expect(isExpiringSoon({ ...mockSecret, expiresAt: date.toISOString() })).toBe(true);
+		});
+
+		it('is false beyond 7 days', () => {
+			expect(isExpiringSoon(inDays(14))).toBe(false);
+		});
+
+		it('is false once expired', () => {
+			expect(isExpiringSoon({ ...mockSecret, expiresAt: '2024-01-01' })).toBe(false);
+		});
+
+		it('is false without an expiration', () => {
+			expect(isExpiringSoon(mockSecret)).toBe(false);
+		});
+	});
+
+	describe('date input values', () => {
+		it('formats a date as the local YYYY-MM-DD', () => {
+			expect(toDateInputValue(new Date(2024, 0, 5))).toBe('2024-01-05');
+		});
+
+		it('turns a date input value into local midnight', () => {
+			expect(dateInputToIso('2024-01-05')).toBe(new Date(2024, 0, 5).toISOString());
+			expect(dateInputToIso('')).toBeUndefined();
+		});
+	});
+});
diff --git a/frontend-vue/src/components/secrets/secretUtils.ts b/frontend-vue/src/components/secrets/secretUtils.ts
new file mode 100644
index 000000000..835b0825a
--- /dev/null
+++ b/frontend-vue/src/components/secrets/secretUtils.ts
@@ -0,0 +1,65 @@
+// Helpers shared by the secrets page and its dialogs: expiry checks, Angular's `date` pipe formats,
+// the `<input type="date">` value conversions that replace mat-datepicker, and the analytics events
+// (Angular sent each one to both Amplitude and PostHog).
+import posthog from 'posthog-js';
+import { trackEvent } from '@/composables/useAnalytics';
+import type { Secret } from '@/models/secret';
+
+const SEVEN_DAYS_MS = 7 * 24 * 60 * 60 * 1000;
+
+export function isExpired(secret: Secret): boolean {
+	if (!secret.expiresAt) return false;
+	return new Date(secret.expiresAt) < new Date();
+}
+
+/** Expires in the next seven days (and has not expired yet). */
+export function isExpiringSoon(secret: Secret): boolean {
+	if (!secret.expiresAt) return false;
+	const expiresAt = new Date(secret.expiresAt);
+	const now = new Date();
+	return expiresAt > now && expiresAt <= new Date(now.getTime() + SEVEN_DAYS_MS);
+}
+
+const mediumDate = new Intl.DateTimeFormat('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
+const medium = new Intl.DateTimeFormat('en-US', {
+	month: 'short',
+	day: 'numeric',
+	year: 'numeric',
+	hour: 'numeric',
+	minute: '2-digit',
+	second: '2-digit',
+});
+
+/** Angular's `date:'mediumDate'`, e.g. "Jan 5, 2024". */
+export function formatMediumDate(value: string): string {
+	return mediumDate.format(new Date(value));
+}
+
+/** Angular's `date:'medium'`, e.g. "Jan 5, 2024, 3:04:05 PM". */
+export function formatMediumDateTime(value: string): string {
+	return medium.format(new Date(value));
+}
+
+function pad(value: number): string {
+	return String(value).padStart(2, '0');
+}
+
+/** A date as the local `YYYY-MM-DD` value of an `<input type="date">`. */
+export function toDateInputValue(date: Date): string {
+	return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+}
+
+/**
+ * The ISO timestamp of a `YYYY-MM-DD` date input value: local midnight, as the native date adapter
+ * of mat-datepicker produced. Empty input gives undefined.
+ */
+export function dateInputToIso(value: string): string | undefined {
+	const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value);
+	if (!match) return undefined;
+	return new Date(Number(match[1]), Number(match[2]) - 1, Number(match[3])).toISOString();
+}
+
+export function trackSecretsEvent(action: string): void {
+	trackEvent(action);
+	posthog.capture(action);
+}
diff --git a/frontend-vue/src/components/secrets/secretsTestUtils.ts b/frontend-vue/src/components/secrets/secretsTestUtils.ts
new file mode 100644
index 000000000..9b0571289
--- /dev/null
+++ b/frontend-vue/src/components/secrets/secretsTestUtils.ts
@@ -0,0 +1,40 @@
+// Spec helpers for the secrets dialogs (not shipped: only *.spec.ts files import this).
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import type { Component } from 'vue';
+import DialogHost from '@/components/dialog/DialogHost.vue';
+import { type DialogRef, useDialog } from '@/composables/useDialog';
+import type { Secret } from '@/models/secret';
+
+export const mockSecret: Secret = {
+	id: '1',
+	slug: 'test-secret',
+	companyId: '1',
+	createdAt: '2024-01-01',
+	updatedAt: '2024-01-01',
+	masterEncryption: false,
+};
+
+/** Opens `dialog` through useDialog() under a mounted DialogHost, with a fresh Pinia. */
+export async function openDialog<R>(
+	dialog: Component,
+	data?: unknown,
+): Promise<{ wrapper: VueWrapper; dialogRef: DialogRef<R> }> {
+	setActivePinia(createPinia());
+	const wrapper = mount(DialogHost, { attachTo: document.body });
+	const dialogRef = useDialog().open<R>(dialog, { data });
+	await flushPromises();
+	return { wrapper, dialogRef };
+}
+
+/** The button whose text is `label`. */
+export function buttonByText(wrapper: VueWrapper, label: string) {
+	const match = wrapper.findAll('button').find((candidate) => candidate.text() === label);
+	if (!match) throw new Error(`No button "${label}"`);
+	return match;
+}
+
+/** Whether the dialog is still rendered. */
+export function isOpen(wrapper: VueWrapper): boolean {
+	return wrapper.find('dialog').exists();
+}
diff --git a/frontend-vue/src/components/shared/AppIpAddressButton.spec.ts b/frontend-vue/src/components/shared/AppIpAddressButton.spec.ts
new file mode 100644
index 000000000..020bf0797
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppIpAddressButton.spec.ts
@@ -0,0 +1,46 @@
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { vTooltip } from '@/components/ui';
+import { useNotificationsStore } from '@/stores/notifications';
+import AppIpAddressButton from './AppIpAddressButton.vue';
+
+const copyToClipboard = vi.hoisted(() => vi.fn());
+vi.mock('@/lib/clipboard', () => ({ copyToClipboard }));
+
+function mountButton(ip: string) {
+	return mount(AppIpAddressButton, { props: { ip }, global: { directives: { tooltip: vTooltip } } });
+}
+
+describe('AppIpAddressButton', () => {
+	beforeEach(() => {
+		setActivePinia(createPinia());
+		copyToClipboard.mockReset();
+	});
+
+	it('shows the address', () => {
+		expect(mountButton('18.221.81.73').text()).toBe('18.221.81.73');
+	});
+
+	it('copies the Rocketadmin address and confirms with a snackbar', async () => {
+		copyToClipboard.mockResolvedValue(true);
+		const notifications = useNotificationsStore();
+		const spy = vi.spyOn(notifications, 'showSuccessSnackbar');
+
+		await mountButton('18.221.81.73').find('button').trigger('click');
+		await flushPromises();
+
+		expect(copyToClipboard).toHaveBeenCalledWith('18.221.81.73/32');
+		expect(spy).toHaveBeenCalledWith('18.221.81.73 IP address was copied to clipboard.');
+	});
+
+	it('shows nothing when the copy fails', async () => {
+		copyToClipboard.mockResolvedValue(false);
+		const spy = vi.spyOn(useNotificationsStore(), 'showSuccessSnackbar');
+
+		await mountButton('18.221.81.73').find('button').trigger('click');
+		await flushPromises();
+
+		expect(spy).not.toHaveBeenCalled();
+	});
+});
diff --git a/frontend-vue/src/components/shared/AppIpAddressButton.vue b/frontend-vue/src/components/shared/AppIpAddressButton.vue
new file mode 100644
index 000000000..d65ebbe9b
--- /dev/null
+++ b/frontend-vue/src/components/shared/AppIpAddressButton.vue
@@ -0,0 +1,53 @@
+<script setup lang="ts">
+// Port of ui-components/ip-address-button: an inline, monospace IP address that copies itself.
+//
+// Kept as in Angular: whatever `ip` shows, the button copies Rocketadmin's `18.221.81.73/32`.
+import { copyToClipboard } from '@/lib/clipboard';
+import { useNotificationsStore } from '@/stores/notifications';
+
+const props = withDefaults(
+	defineProps<{
+		/** The address shown (and named in the "copied" message). */
+		ip?: string;
+	}>(),
+	{ ip: '' },
+);
+
+const COPIED_VALUE = '18.221.81.73/32';
+
+const notifications = useNotificationsStore();
+
+async function copy() {
+	if (await copyToClipboard(COPIED_VALUE)) {
+		notifications.showSuccessSnackbar(`${props.ip} IP address was copied to clipboard.`);
+	}
+}
+</script>
+
+<template>
+	<button v-tooltip="'Copy IP address'" type="button" class="app-ip-address-button" @click="copy">
+		<strong>{{ ip }}</strong>
+	</button>
+</template>
+
+<style scoped>
+.app-ip-address-button {
+	padding: var(--space-05) var(--space-1);
+	border: none;
+	border-radius: var(--radius-control);
+	background: transparent;
+	color: inherit;
+	font-family: var(--font-mono);
+	font-size: inherit;
+	cursor: pointer;
+}
+
+.app-ip-address-button:hover {
+	background: var(--color-paper-2);
+}
+
+.app-ip-address-button:focus-visible {
+	outline: none;
+	box-shadow: var(--shadow-focus);
+}
+</style>
diff --git a/frontend-vue/src/components/shared/AppMarkdown.spec.ts b/frontend-vue/src/components/shared/AppMarkdown.spec.ts
index 05fc40373..0d4413964 100644
--- a/frontend-vue/src/components/shared/AppMarkdown.spec.ts
+++ b/frontend-vue/src/components/shared/AppMarkdown.spec.ts
@@ -1,7 +1,10 @@
-import { mount } from '@vue/test-utils';
-import { describe, expect, it } from 'vitest';
+import { flushPromises, mount } from '@vue/test-utils';
+import { describe, expect, it, vi } from 'vitest';
 import AppMarkdown from './AppMarkdown.vue';
 
+const mermaidMock = vi.hoisted(() => ({ initialize: vi.fn(), run: vi.fn(() => Promise.resolve()) }));
+vi.mock('mermaid', () => ({ default: mermaidMock }));
+
 /**
  * Parsing and sanitizing are pinned in `src/lib/markdown.spec.ts`; this covers the component.
  *
@@ -53,3 +56,40 @@ describe('AppMarkdown', () => {
 		expect(root(wrapper).text()).toBe('second');
 	});
 });
+
+describe('AppMarkdown with mermaid', () => {
+	it('renders ```mermaid blocks through mermaid, lazily', async () => {
+		const wrapper = mount(AppMarkdown, {
+			props: { source: 'Intro\n\n```mermaid\ngraph TD; A-->B\n```', mermaid: true },
+		});
+		await flushPromises();
+
+		expect(mermaidMock.initialize).toHaveBeenCalledWith(expect.objectContaining({ startOnLoad: false }));
+		const diagram = wrapper.get('div.mermaid');
+		expect(diagram.text()).toBe('graph TD; A-->B');
+		expect(wrapper.find('code.language-mermaid').exists()).toBe(false);
+		expect(mermaidMock.run).toHaveBeenCalledWith({ nodes: [diagram.element], suppressErrors: true });
+	});
+
+	it('leaves mermaid fences as code without the prop', async () => {
+		mermaidMock.run.mockClear();
+		const wrapper = mount(AppMarkdown, { props: { source: '```mermaid\ngraph TD; A-->B\n```' } });
+		await flushPromises();
+
+		expect(wrapper.find('code.language-mermaid').exists()).toBe(true);
+		expect(mermaidMock.run).not.toHaveBeenCalled();
+	});
+
+	it('renders diagrams that arrive in a later source (streamed answers)', async () => {
+		mermaidMock.run.mockClear();
+		const wrapper = mount(AppMarkdown, { props: { source: 'Thinking', mermaid: true } });
+		await flushPromises();
+		expect(mermaidMock.run).not.toHaveBeenCalled();
+
+		await wrapper.setProps({ source: 'Done\n\n```mermaid\npie\n```' });
+		await flushPromises();
+
+		expect(wrapper.get('div.mermaid').text()).toBe('pie');
+		expect(mermaidMock.run).toHaveBeenCalledTimes(1);
+	});
+});
diff --git a/frontend-vue/src/components/shared/AppMarkdown.vue b/frontend-vue/src/components/shared/AppMarkdown.vue
index 57401c72f..539a24c56 100644
--- a/frontend-vue/src/components/shared/AppMarkdown.vue
+++ b/frontend-vue/src/components/shared/AppMarkdown.vue
@@ -5,10 +5,11 @@
  *
  * `marked` parses, DOMPurify sanitizes: the source is user data from a database column, so the
  * HTML is never trusted. ngx-markdown sanitized through Angular's DomSanitizer for the same reason.
- * Mermaid diagrams (the AI panel) are a separate concern and are added there.
+ * With `mermaid` (the AI panel's `<markdown mermaid>`), ```mermaid fences are rendered as
+ * diagrams after each render; the library loads on the first diagram.
  */
-import { computed } from 'vue';
-import { renderMarkdown } from '@/lib/markdown';
+import { computed, ref, watch } from 'vue';
+import { renderMarkdown, renderMermaidBlocks } from '@/lib/markdown';
 
 const props = withDefaults(
 	defineProps<{
@@ -16,15 +17,28 @@ const props = withDefaults(
 		source?: string | null;
 		/** Renders inline (no block wrappers' margins), for one-line previews in a table cell. */
 		inline?: boolean;
+		/** Renders ```mermaid code blocks as diagrams. */
+		mermaid?: boolean;
 	}>(),
-	{ inline: false },
+	{ inline: false, mermaid: false },
 );
 
+const root = ref<HTMLElement | null>(null);
 const html = computed(() => renderMarkdown(props.source ?? '', { inline: props.inline }));
+
+// flush: 'post' — v-html has replaced the content by then, so the fences are in the DOM.
+watch(
+	[html, () => props.mermaid, root],
+	() => {
+		if (!props.mermaid || !root.value) return;
+		renderMermaidBlocks(root.value).catch((error: unknown) => console.error('Mermaid rendering failed:', error));
+	},
+	{ flush: 'post', immediate: true },
+);
 </script>
 
 <template>
-	<div class="app-markdown" :class="{ 'app-markdown--inline': inline }" v-html="html" />
+	<div ref="root" class="app-markdown" :class="{ 'app-markdown--inline': inline }" v-html="html" />
 </template>
 
 <style scoped>
@@ -67,6 +81,12 @@ const html = computed(() => renderMarkdown(props.source ?? '', { inline: props.i
   color: var(--color-accent);
 }
 
+.app-markdown :deep(.mermaid) {
+  display: flex;
+  justify-content: center;
+  overflow-x: auto;
+}
+
 .app-markdown--inline {
   display: inline;
 }
diff --git a/frontend-vue/src/components/table/ActionDeleteDialog.vue b/frontend-vue/src/components/table/ActionDeleteDialog.vue
new file mode 100644
index 000000000..5eaac0d20
--- /dev/null
+++ b/frontend-vue/src/components/table/ActionDeleteDialog.vue
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog:
+// confirms deleting a saved automation. The store's `ruleDeleted` event makes the page reload its
+// rules; the dialog closes with `true` once deleted and stays open on failure (the store shows it).
+import { ref } from 'vue';
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import { UiButton } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import type { Rule } from '@/models/table';
+import { useTablesStore } from '@/stores/tables';
+
+export interface ActionDeleteDialogData {
+	connectionID: string;
+	tableName: string;
+	rule: Pick<Rule, 'id' | 'title'> | null;
+}
+
+const props = defineProps<{ data: ActionDeleteDialogData }>();
+
+const dialogRef = useDialogRef<boolean>();
+const tables = useTablesStore();
+const submitting = ref(false);
+
+async function deleteAction() {
+	const id = props.data.rule?.id;
+	if (!id || submitting.value) return;
+	submitting.value = true;
+	try {
+		await tables.deleteRule(props.data.connectionID, props.data.tableName, id);
+		dialogRef.close(true);
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialog title="Confirm action delete" size="sm" :dismissible="!submitting" data-testid="action-delete-dialog">
+		<p class="action-delete__text">
+			You are going to delete <strong>{{ data.rule?.title }}</strong> action.
+		</p>
+		<p class="action-delete__text">Please confirm.</p>
+		<template #footer>
+			<UiButton variant="secondary" :disabled="submitting" @click="dialogRef.close()">Cancel</UiButton>
+			<UiButton variant="danger" :loading="submitting" data-testid="action-delete-confirm-button" @click="deleteAction">
+				Delete
+			</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.action-delete__text {
+	margin: 0 0 var(--space-3);
+}
+</style>
diff --git a/frontend-vue/src/components/table/AutomationsEmptyState.vue b/frontend-vue/src/components/table/AutomationsEmptyState.vue
new file mode 100644
index 000000000..b281df7b4
--- /dev/null
+++ b/frontend-vue/src/components/table/AutomationsEmptyState.vue
@@ -0,0 +1,245 @@
+<script setup lang="ts">
+// The actions page with no automations yet: what an automation is (a trigger, then an action), the
+// "Create first automation" call to action and the docs link.
+import { UiButton, UiIcon } from '@/components/ui';
+
+defineEmits<{ create: [] }>();
+
+const triggers = [
+	{ key: 'add', icon: 'add_circle_outline', title: 'Add row', desc: 'New record is created' },
+	{ key: 'update', icon: 'edit', title: 'Update row', desc: 'Record is modified' },
+	{ key: 'delete', icon: 'delete_outline', title: 'Delete row', desc: 'Record is removed' },
+	{ key: 'custom', icon: 'download', title: 'Custom', desc: 'Custom button trigger' },
+];
+
+const actions = [
+	{ icon: 'webhook', label: 'Webhook' },
+	{ icon: 'email', label: 'Email' },
+	{ icon: 'tag', label: 'Slack' },
+];
+</script>
+
+<template>
+	<div class="automations-empty">
+		<div class="automations-empty__header">
+			<div class="automations-empty__icon-box"><UiIcon name="bolt" /></div>
+			<h2 class="automations-empty__title">Automate your database workflows</h2>
+			<p class="automations-empty__subtitle">Set up triggers and actions to react to data changes automatically.</p>
+			<div class="automations-empty__cta">
+				<UiButton data-testid="create-first-automation-button" @click="$emit('create')">
+					Create first automation
+				</UiButton>
+				<a
+					class="automations-empty__docs"
+					href="https://docs.rocketadmin.com/Reference/Automations/automations_definition"
+					target="_blank"
+					rel="noopener noreferrer"
+				>
+					Docs <UiIcon name="open_in_new" size="sm" />
+				</a>
+			</div>
+		</div>
+
+		<div class="automations-empty__flow">
+			<div class="automations-empty__section">
+				<span class="automations-empty__badge automations-empty__badge--when">WHEN</span>
+				<span>Trigger</span>
+			</div>
+			<div class="automations-empty__triggers">
+				<div
+					v-for="trigger in triggers"
+					:key="trigger.key"
+					:class="['automations-empty__trigger', `automations-empty__trigger--${trigger.key}`]"
+				>
+					<span class="automations-empty__trigger-icon"><UiIcon :name="trigger.icon" /></span>
+					<span class="automations-empty__trigger-text">
+						<span class="automations-empty__trigger-title">{{ trigger.title }}</span>
+						<span class="automations-empty__trigger-desc">{{ trigger.desc }}</span>
+					</span>
+				</div>
+			</div>
+
+			<div class="automations-empty__connector">
+				<span class="automations-empty__line" />
+				<span class="automations-empty__pill">THEN</span>
+				<span class="automations-empty__line" />
+			</div>
+
+			<div class="automations-empty__section">
+				<span class="automations-empty__badge automations-empty__badge--action">ACTION</span>
+			</div>
+			<div class="automations-empty__actions">
+				<div v-for="action in actions" :key="action.label" class="automations-empty__action">
+					<span class="automations-empty__action-icon"><UiIcon :name="action.icon" /></span>
+					<span>{{ action.label }}</span>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.automations-empty {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: var(--space-4);
+	max-width: 56rem;
+	margin: var(--space-10) auto 0;
+}
+
+.automations-empty__header {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	text-align: center;
+}
+
+.automations-empty__icon-box {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 2.5rem;
+	height: 2.5rem;
+	margin-bottom: var(--space-4);
+	border-radius: var(--radius-control);
+	color: var(--color-accent);
+	background: var(--color-paper-2);
+}
+
+.automations-empty__title {
+	margin: 0 0 var(--space-2);
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.automations-empty__subtitle {
+	margin: 0 0 var(--space-5);
+	color: var(--color-muted);
+}
+
+.automations-empty__cta {
+	display: flex;
+	align-items: center;
+	gap: var(--space-4);
+}
+
+.automations-empty__docs {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-1);
+	color: var(--color-accent);
+}
+
+.automations-empty__flow {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+	width: 100%;
+	padding: var(--space-6);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-card);
+	background: var(--color-surface);
+}
+
+.automations-empty__section {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	font-weight: var(--weight-medium);
+}
+
+.automations-empty__badge {
+	padding: var(--space-05) var(--space-2);
+	border-radius: var(--radius-pill);
+	font-size: var(--text-2xs);
+	font-weight: var(--weight-bold);
+	letter-spacing: 0.06em;
+}
+
+.automations-empty__badge--when {
+	color: var(--color-accent-ink);
+	background: var(--color-accent);
+}
+
+.automations-empty__badge--action {
+	color: var(--color-paper);
+	background: var(--color-ink);
+}
+
+.automations-empty__triggers,
+.automations-empty__actions {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
+	gap: var(--space-3);
+}
+
+.automations-empty__trigger,
+.automations-empty__action {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+	padding: var(--space-3);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-control);
+}
+
+.automations-empty__trigger-icon,
+.automations-empty__action-icon {
+	display: flex;
+	color: var(--color-muted);
+}
+
+.automations-empty__trigger--add .automations-empty__trigger-icon {
+	color: var(--color-success);
+}
+
+.automations-empty__trigger--update .automations-empty__trigger-icon {
+	color: var(--color-accent);
+}
+
+.automations-empty__trigger--delete .automations-empty__trigger-icon {
+	color: var(--color-danger);
+}
+
+.automations-empty__trigger--custom .automations-empty__trigger-icon {
+	color: var(--color-hot);
+}
+
+.automations-empty__trigger-text {
+	display: flex;
+	flex-direction: column;
+}
+
+.automations-empty__trigger-title {
+	font-weight: var(--weight-medium);
+}
+
+.automations-empty__trigger-desc {
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+
+.automations-empty__connector {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+}
+
+.automations-empty__line {
+	flex: 1;
+	height: 1px;
+	background: var(--color-line);
+}
+
+.automations-empty__pill {
+	padding: var(--space-05) var(--space-3);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-pill);
+	font-size: var(--text-2xs);
+	font-weight: var(--weight-bold);
+	color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/table/TableWidgetItem.vue b/frontend-vue/src/components/table/TableWidgetItem.vue
new file mode 100644
index 000000000..37a768e09
--- /dev/null
+++ b/frontend-vue/src/components/table/TableWidgetItem.vue
@@ -0,0 +1,169 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget: one row of
+// the widgets form — the column (picked once, from the columns without a widget), the widget type
+// with its docs link, the JSON5 params editor (read-only for types without settings), and the
+// displayed name and description. Changes are emitted; the page owns the widget list.
+//
+// The root uses `display: contents`, so the cells line up in the page's six-column grid.
+import { computed } from 'vue';
+import AppCodeEditor from '@/components/shared/AppCodeEditor.vue';
+import {
+	type SelectOption,
+	UiButton,
+	UiField,
+	UiIcon,
+	UiIconButton,
+	UiInput,
+	UiSelect,
+	UiTextarea,
+} from '@/components/ui';
+import type { Widget } from '@/models/table';
+import { WIDGET_DOCS_URLS } from './widget-defaults';
+
+const props = defineProps<{
+	index: number;
+	widget: Widget;
+	/** Columns that have no widget yet. */
+	fields: string[];
+	widgetTypes: string[];
+	isReadonlyParams: boolean;
+}>();
+
+const emit = defineEmits<{
+	/** A column was picked for a new widget. */
+	selectField: [field: string];
+	typeChange: [type: string];
+	paramsChange: [value: string];
+	update: [patch: Partial<Pick<Widget, 'name' | 'description'>>];
+	delete: [];
+}>();
+
+const fieldOptions = computed<SelectOption<string>[]>(() =>
+	props.fields.map((field) => ({ value: field, label: field })),
+);
+const typeOptions = computed<SelectOption<string>[]>(() =>
+	props.widgetTypes.map((type) => ({ value: type, label: type })),
+);
+const docsUrl = computed(() => WIDGET_DOCS_URLS[props.widget.widget_type]);
+
+function onField(value: string | string[] | null) {
+	if (typeof value === 'string') emit('selectField', value);
+}
+
+function onType(value: string | string[] | null) {
+	if (typeof value === 'string') emit('typeChange', value);
+}
+</script>
+
+<template>
+	<div class="widget-item" :data-testid="`widget-item-${index}`">
+		<span v-if="widget.field_name" class="widget-item__field-name">{{ widget.field_name }}</span>
+		<UiField v-else label="Field">
+			<UiSelect
+				:model-value="null"
+				:options="fieldOptions"
+				placeholder=""
+				:name="`${widget.field_name}-field-name`"
+				data-testid="widget-field-select"
+				@update:model-value="onField"
+			/>
+		</UiField>
+
+		<div class="widget-item__type">
+			<UiField label="Displayed field type">
+				<UiSelect
+					:model-value="widget.widget_type"
+					:options="typeOptions"
+					:name="`${widget.field_name}-field-type`"
+					data-testid="widget-type-select"
+					@update:model-value="onType"
+				/>
+			</UiField>
+			<UiButton v-if="docsUrl" variant="secondary" size="sm" :href="docsUrl" target="_blank" rel="noopener noreferrer" class="widget-item__docs">
+				Docs
+				<template #trailing><UiIcon name="open_in_new" size="sm" /></template>
+			</UiButton>
+		</div>
+
+		<AppCodeEditor
+			class="widget-item__params"
+			:model-value="widget.widget_params"
+			language="json"
+			:label="`${widget.field_name || 'Widget'} params`"
+			:readonly="isReadonlyParams"
+			height="10rem"
+			:options="{ lineNumbersMinChars: 3, folding: false }"
+			@update:model-value="emit('paramsChange', $event)"
+		/>
+
+		<UiField label="Displayed field name">
+			<UiInput
+				:model-value="widget.name"
+				:name="`${widget.field_name}-field-new-name`"
+				@update:model-value="emit('update', { name: $event })"
+			/>
+		</UiField>
+
+		<UiField label="Displayed field description">
+			<UiTextarea
+				:model-value="widget.description"
+				:rows="2"
+				:name="`${widget.field_name}-field-description`"
+				@update:model-value="emit('update', { description: $event })"
+			/>
+		</UiField>
+
+		<UiIconButton icon="delete" label="Delete widget" class="widget-item__delete" @click="emit('delete')" />
+	</div>
+</template>
+
+<style scoped>
+.widget-item {
+	display: contents;
+}
+
+.widget-item__field-name {
+	align-self: baseline;
+	margin-top: var(--space-6);
+	font-weight: var(--weight-medium);
+	word-break: break-all;
+}
+
+.widget-item__type {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: var(--space-2);
+}
+
+.widget-item__params {
+	margin-top: var(--space-6);
+	resize: vertical;
+}
+
+.widget-item__delete {
+	margin-top: var(--space-6);
+}
+
+/* On phones each widget is a card; as in Angular, the delete button is desktop-only. */
+@media (width <= 600px) {
+	.widget-item {
+		display: flex;
+		flex-direction: column;
+		gap: var(--space-4);
+		padding: var(--space-4);
+		border: 1px solid var(--color-line);
+		border-radius: var(--radius-card);
+		background: var(--color-surface);
+	}
+
+	.widget-item__field-name,
+	.widget-item__params {
+		margin-top: 0;
+	}
+
+	.widget-item__delete {
+		display: none;
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/table/WebhookSnippets.vue b/frontend-vue/src/components/table/WebhookSnippets.vue
new file mode 100644
index 000000000..4ce9ef3c9
--- /dev/null
+++ b/frontend-vue/src/components/table/WebhookSnippets.vue
@@ -0,0 +1,73 @@
+<script setup lang="ts">
+// The "verify requests" code samples of the actions page (URL webhook method): one tab per language,
+// each a read-only editor with a copy button. The snippets embed the connection's signing key.
+import { computed, ref } from 'vue';
+import AppCodeEditor from '@/components/shared/AppCodeEditor.vue';
+import { UiIconButton, UiTab, UiTabPanel, UiTabs } from '@/components/ui';
+import { useNotify } from '@/composables/useNotify';
+import { codeSnippets } from '@/consts/code-snippets';
+import { copyToClipboard } from '@/lib/clipboard';
+
+const props = defineProps<{
+	/** The connection's signing key, written into every snippet. */
+	signingKey: string | null;
+}>();
+
+const notify = useNotify();
+const snippets = computed(() => Object.entries(codeSnippets(props.signingKey ?? '')));
+const selected = ref(snippets.value[0]?.[0] ?? '');
+
+async function copy(langName: string, snippet: string) {
+	if (await copyToClipboard(snippet)) notify.success(`${langName} code snippet was copied to clipboard.`);
+}
+</script>
+
+<template>
+	<div class="webhook-snippets">
+		<UiTabs v-model="selected" label="Code snippets">
+			<template #tabs>
+				<UiTab v-for="[key, lang] in snippets" :key="key" :value="key">{{ lang.langName }}</UiTab>
+			</template>
+			<UiTabPanel v-for="[key, lang] in snippets" :key="key" :value="key">
+				<div class="webhook-snippets__panel">
+					<UiIconButton
+						icon="content_copy"
+						label="Copy code"
+						variant="secondary"
+						size="sm"
+						class="webhook-snippets__copy"
+						@click="copy(lang.langName, lang.snippet)"
+					/>
+					<AppCodeEditor
+						:model-value="lang.snippet"
+						:language="lang.mode"
+						:label="`${lang.langName} code snippet`"
+						readonly
+						height="18rem"
+					/>
+				</div>
+			</UiTabPanel>
+		</UiTabs>
+	</div>
+</template>
+
+<style scoped>
+.webhook-snippets {
+	max-width: 68.75rem;
+	padding: var(--space-2) var(--space-3);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-card);
+}
+
+.webhook-snippets__panel {
+	position: relative;
+	margin-top: var(--space-2);
+}
+
+.webhook-snippets__copy {
+	position: absolute;
+	top: var(--space-2);
+	right: var(--space-6);
+	z-index: 1;
+}
+</style>
diff --git a/frontend-vue/src/components/table/WidgetDeleteDialog.vue b/frontend-vue/src/components/table/WidgetDeleteDialog.vue
new file mode 100644
index 000000000..b41344473
--- /dev/null
+++ b/frontend-vue/src/components/table/WidgetDeleteDialog.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog:
+// confirms deleting one column's widget (`data` is the column name) or, without data, all widgets.
+// Closes with 'delete' when confirmed; the page then saves the remaining widgets.
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import { UiButton } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+
+defineProps<{ data?: string | null }>();
+
+const dialogRef = useDialogRef<'delete'>();
+</script>
+
+<template>
+	<AppDialog title="Confirm widget delete" size="sm" data-testid="widget-delete-dialog">
+		<p v-if="data" class="widget-delete__text">
+			You are going to delete widget for <strong>{{ data }}</strong> field.
+		</p>
+		<p v-else class="widget-delete__text">Do you want to delete all widgets?</p>
+		<p class="widget-delete__text">Please confirm.</p>
+		<template #footer>
+			<UiButton variant="secondary" @click="dialogRef.close()">Cancel</UiButton>
+			<UiButton variant="danger" data-testid="widget-delete-confirm-button" @click="dialogRef.close('delete')">
+				Delete
+			</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.widget-delete__text {
+	margin: 0 0 var(--space-3);
+}
+</style>
diff --git a/frontend-vue/src/components/table/WidgetsEmptyState.vue b/frontend-vue/src/components/table/WidgetsEmptyState.vue
new file mode 100644
index 000000000..0a892f6ba
--- /dev/null
+++ b/frontend-vue/src/components/table/WidgetsEmptyState.vue
@@ -0,0 +1,366 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widgets-empty-state:
+// the widgets page with no widgets yet. A demo table turns its raw values into widgets one row at a
+// time (600ms apart, holding 2.2s, then restarting), next to a grid of the available widgets.
+import { onBeforeUnmount, onMounted, ref } from 'vue';
+import { UiButton, UiIcon } from '@/components/ui';
+import { trackTableEvent } from './analytics';
+
+const emit = defineEmits<{ addWidget: [] }>();
+
+const demoRows = [
+	{ column: 'is_active', raw: '1', widget: 'Yes', icon: 'check_circle', tone: 'green', badge: 'Boolean' },
+	{ column: 'price', raw: '9900', widget: 'USD 99.00', icon: null, tone: 'amber', badge: 'Money' },
+	{
+		column: 'website',
+		raw: 'https://rocketadmin.com',
+		widget: 'rocketadmin.com',
+		icon: 'link',
+		tone: 'purple',
+		badge: 'URL',
+	},
+	{ column: 'country', raw: 'US', widget: '🇺🇸 United States', icon: null, tone: 'blue', badge: 'Country' },
+];
+
+const widgetCards = [
+	{ icon: 'image', name: 'Image', desc: 'Photo preview' },
+	{ icon: 'toggle_on', name: 'Boolean', desc: 'Yes / No' },
+	{ icon: 'payments', name: 'Money', desc: 'Currency format' },
+	{ icon: 'flag', name: 'Country', desc: 'Country picker' },
+	{ icon: 'link', name: 'URL', desc: 'Clickable link' },
+	{ icon: 'list', name: 'Select', desc: 'Dropdown list' },
+	{ icon: 'event', name: 'Date', desc: 'Date picker' },
+	{ icon: 'palette', name: 'Color', desc: 'Color picker' },
+	{ icon: 'phone', name: 'Phone', desc: 'Phone format' },
+	{ icon: 'code', name: 'Code', desc: 'Syntax highlight' },
+	{ icon: 'tag', name: 'Number', desc: 'Numeric display' },
+	{ icon: 'linear_scale', name: 'Range', desc: 'Slider input' },
+	{ icon: 'password', name: 'Password', desc: 'Hidden text' },
+	{ icon: 'notes', name: 'Textarea', desc: 'Multi-line text' },
+	{ icon: 'fingerprint', name: 'UUID', desc: 'Auto-generate' },
+	{ icon: 'cloud_upload', name: 'S3', desc: 'File storage' },
+	{ icon: 'vpn_key', name: 'Foreign key', desc: 'Linked record' },
+	{ icon: 'text_fields', name: 'String', desc: 'Text validation' },
+];
+
+const animatedRows = ref([false, false, false, false]);
+let timers: ReturnType<typeof setTimeout>[] = [];
+
+function runAnimationCycle() {
+	for (let index = 0; index < 4; index++) {
+		timers.push(
+			setTimeout(() => {
+				animatedRows.value[index] = true;
+			}, index * 600),
+		);
+	}
+	timers.push(
+		setTimeout(
+			() => {
+				animatedRows.value = [false, false, false, false];
+				timers.push(setTimeout(runAnimationCycle, 800));
+			},
+			3 * 600 + 2200,
+		),
+	);
+}
+
+function clearTimers() {
+	for (const timer of timers) clearTimeout(timer);
+	timers = [];
+}
+
+onMounted(() => {
+	clearTimers();
+	runAnimationCycle();
+});
+onBeforeUnmount(clearTimers);
+
+function addWidget() {
+	trackTableEvent('Widgets: add first widget is clicked');
+	emit('addWidget');
+}
+</script>
+
+<template>
+	<div class="widgets-empty">
+		<div class="widgets-empty__left">
+			<div class="widgets-empty__icon-box"><UiIcon name="tune" /></div>
+			<h2 class="widgets-empty__title">Make your data easier to read and edit</h2>
+			<p class="widgets-empty__subtitle">
+				By default every column shows <strong>raw text</strong>. Widgets change how a column is
+				<strong>displayed and edited</strong> — without modifying the database.
+			</p>
+
+			<div class="widgets-empty__demo" aria-hidden="true">
+				<div class="widgets-empty__demo-header">
+					<span>Column</span>
+					<span>Value</span>
+				</div>
+				<div
+					v-for="(row, index) in demoRows"
+					:key="row.column"
+					:class="['widgets-empty__demo-row', { 'widgets-empty__demo-row--widget': animatedRows[index] }]"
+				>
+					<span class="widgets-empty__demo-col">{{ row.column }}</span>
+					<span class="widgets-empty__demo-value">
+						<span class="widgets-empty__demo-raw">{{ row.raw }}</span>
+						<span :class="['widgets-empty__demo-widget', `widgets-empty__demo-widget--${row.tone}`]">
+							<UiIcon v-if="row.icon" :name="row.icon" size="sm" />
+							{{ row.widget }}
+						</span>
+					</span>
+					<span class="widgets-empty__badge">{{ row.badge }}</span>
+				</div>
+			</div>
+
+			<div class="widgets-empty__cta">
+				<UiButton data-testid="create-first-widget-button" @click="addWidget">Create first widget</UiButton>
+				<a
+					class="widgets-empty__docs"
+					href="https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_definition"
+					target="_blank"
+					rel="noopener noreferrer"
+				>
+					Docs <UiIcon name="open_in_new" size="sm" />
+				</a>
+			</div>
+		</div>
+
+		<div class="widgets-empty__divider" />
+
+		<div class="widgets-empty__right">
+			<span class="widgets-empty__grid-label">Available widgets</span>
+			<div class="widgets-empty__grid">
+				<div v-for="card in widgetCards" :key="card.name" class="widgets-empty__card">
+					<UiIcon :name="card.icon" class="widgets-empty__card-icon" />
+					<span class="widgets-empty__card-name">{{ card.name }}</span>
+					<span class="widgets-empty__card-desc">{{ card.desc }}</span>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.widgets-empty {
+	display: flex;
+	gap: var(--space-8);
+	margin: var(--space-6) 0;
+}
+
+.widgets-empty__left,
+.widgets-empty__right {
+	flex: 1;
+	min-width: 0;
+}
+
+.widgets-empty__icon-box {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 2.5rem;
+	height: 2.5rem;
+	margin-bottom: var(--space-4);
+	border-radius: var(--radius-control);
+	color: var(--color-accent);
+	background: var(--color-paper-2);
+}
+
+.widgets-empty__title {
+	margin: 0 0 var(--space-2);
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.widgets-empty__subtitle {
+	margin: 0 0 var(--space-5);
+	color: var(--color-muted);
+	line-height: var(--leading-relaxed);
+}
+
+.widgets-empty__demo {
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-card);
+	overflow: hidden;
+}
+
+.widgets-empty__demo-header,
+.widgets-empty__demo-row {
+	display: grid;
+	grid-template-columns: 7rem 1fr auto;
+	align-items: center;
+	gap: var(--space-3);
+	padding: var(--space-2) var(--space-3);
+}
+
+.widgets-empty__demo-header {
+	font-size: var(--text-2xs);
+	font-weight: var(--weight-semibold);
+	text-transform: uppercase;
+	color: var(--color-muted);
+	background: var(--color-paper-2);
+}
+
+.widgets-empty__demo-row {
+	border-top: 1px solid var(--color-line);
+}
+
+.widgets-empty__demo-col {
+	font-family: var(--font-mono);
+	font-size: var(--text-sm);
+	color: var(--color-muted);
+}
+
+.widgets-empty__demo-value {
+	position: relative;
+	display: flex;
+	align-items: center;
+	min-height: 1.5rem;
+}
+
+.widgets-empty__demo-raw,
+.widgets-empty__demo-widget {
+	transition:
+		opacity var(--motion-slow) var(--ease-out),
+		transform var(--motion-slow) var(--ease-out);
+}
+
+.widgets-empty__demo-raw {
+	font-family: var(--font-mono);
+	font-size: var(--text-sm);
+}
+
+.widgets-empty__demo-widget {
+	position: absolute;
+	left: 0;
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-1);
+	padding: var(--space-05) var(--space-2);
+	border-radius: var(--radius-pill);
+	font-size: var(--text-sm);
+	opacity: 0;
+	transform: translateY(0.375rem);
+}
+
+.widgets-empty__demo-row--widget .widgets-empty__demo-raw {
+	opacity: 0;
+	transform: translateY(-0.25rem);
+}
+
+.widgets-empty__demo-row--widget .widgets-empty__demo-widget {
+	opacity: 1;
+	transform: translateY(0);
+}
+
+.widgets-empty__demo-widget--green {
+	color: var(--color-success);
+	background: var(--color-success-bg);
+}
+
+.widgets-empty__demo-widget--amber {
+	color: var(--color-warning);
+	background: var(--color-warning-bg);
+}
+
+.widgets-empty__demo-widget--purple {
+	color: var(--color-hot);
+	background: var(--color-paper-2);
+}
+
+.widgets-empty__demo-widget--blue {
+	color: var(--color-accent);
+	background: var(--color-paper-2);
+}
+
+.widgets-empty__badge {
+	padding: var(--space-05) var(--space-2);
+	border-radius: var(--radius-pill);
+	font-size: var(--text-2xs);
+	color: var(--color-muted);
+	background: var(--color-paper-2);
+	opacity: 0;
+	transition: opacity var(--motion-slow) var(--ease-out);
+}
+
+.widgets-empty__demo-row--widget .widgets-empty__badge {
+	opacity: 1;
+}
+
+.widgets-empty__cta {
+	display: flex;
+	align-items: center;
+	gap: var(--space-4);
+	margin-top: var(--space-6);
+}
+
+.widgets-empty__docs {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-1);
+	color: var(--color-accent);
+}
+
+.widgets-empty__divider {
+	width: 1px;
+	background: var(--color-line);
+}
+
+.widgets-empty__grid-label {
+	display: block;
+	margin-bottom: var(--space-3);
+	font-size: var(--text-xs);
+	font-weight: var(--weight-semibold);
+	text-transform: uppercase;
+	color: var(--color-muted);
+}
+
+.widgets-empty__grid {
+	display: grid;
+	grid-template-columns: repeat(3, 1fr);
+	gap: var(--space-3);
+}
+
+.widgets-empty__card {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+	padding: var(--space-3);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-control);
+	background: var(--color-surface);
+}
+
+.widgets-empty__card-icon {
+	color: var(--color-accent);
+}
+
+.widgets-empty__card-name {
+	font-weight: var(--weight-medium);
+}
+
+.widgets-empty__card-desc {
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+
+@media (width <= 900px) {
+	.widgets-empty {
+		flex-direction: column;
+	}
+
+	.widgets-empty__divider {
+		width: auto;
+		height: 1px;
+	}
+}
+
+@media (width <= 600px) {
+	.widgets-empty__grid {
+		grid-template-columns: repeat(2, 1fr);
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/table/analytics.ts b/frontend-vue/src/components/table/analytics.ts
new file mode 100644
index 000000000..c14823ebd
--- /dev/null
+++ b/frontend-vue/src/components/table/analytics.ts
@@ -0,0 +1,9 @@
+// The table pages reported every event to both Amplitude (angulartics2) and PostHog; this sends one
+// event to both.
+import posthog from 'posthog-js';
+import { trackEvent } from '@/composables/useAnalytics';
+
+export function trackTableEvent(action: string, properties?: Record<string, unknown>): void {
+	trackEvent(action, properties);
+	posthog.capture(action, properties);
+}
diff --git a/frontend-vue/src/components/table/dialogs.spec.ts b/frontend-vue/src/components/table/dialogs.spec.ts
new file mode 100644
index 000000000..80f8b3d06
--- /dev/null
+++ b/frontend-vue/src/components/table/dialogs.spec.ts
@@ -0,0 +1,143 @@
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import type { Component } from 'vue';
+import ActionLinkDialog from '@/components/dashboard/ActionLinkDialog.vue';
+import BulkActionConfirmDialog from '@/components/dashboard/BulkActionConfirmationDialog.vue';
+import DialogHost from '@/components/dialog/DialogHost.vue';
+import { type DialogRef, useDialog } from '@/composables/useDialog';
+import ActionDeleteDialog from './ActionDeleteDialog.vue';
+import WidgetDeleteDialog from './WidgetDeleteDialog.vue';
+
+const tables = vi.hoisted(() => ({
+	currentTableName: 'users',
+	deleteRule: vi.fn(),
+	activateActions: vi.fn(),
+	bulkDelete: vi.fn(),
+}));
+const tableRow = vi.hoisted(() => ({ deleteTableRow: vi.fn() }));
+
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/table-row', () => ({ useTableRowStore: () => tableRow }));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => ({ currentConnectionID: '12345678' }) }));
+
+let wrapper: VueWrapper;
+
+async function openDialog<R>(dialog: Component, data?: unknown): Promise<DialogRef<R>> {
+	setActivePinia(createPinia());
+	wrapper = mount(DialogHost, { attachTo: document.body });
+	const dialogRef = useDialog().open<R>(dialog, { data });
+	await flushPromises();
+	return dialogRef;
+}
+
+function button(label: string) {
+	const match = wrapper.findAll('button').find((candidate) => candidate.text() === label);
+	if (!match) throw new Error(`No button "${label}"`);
+	return match;
+}
+
+const isOpen = () => wrapper.find('dialog').exists();
+
+afterEach(() => wrapper.unmount());
+
+beforeEach(() => {
+	vi.clearAllMocks();
+	tables.deleteRule.mockResolvedValue({ title: 'Ping' });
+	tables.bulkDelete.mockResolvedValue({});
+	tableRow.deleteTableRow.mockResolvedValue(undefined);
+});
+
+describe('ActionDeleteDialog', () => {
+	it('deletes the automation and closes with true', async () => {
+		const dialogRef = await openDialog<boolean>(ActionDeleteDialog, {
+			connectionID: '12345678',
+			tableName: 'users',
+			rule: { id: 'r1', title: 'Ping' },
+		});
+		expect(wrapper.text()).toContain('You are going to delete Ping action.');
+
+		await button('Delete').trigger('click');
+		await flushPromises();
+
+		expect(tables.deleteRule).toHaveBeenCalledWith('12345678', 'users', 'r1');
+		await expect(dialogRef.afterClosed()).resolves.toBe(true);
+	});
+
+	it('stays open when the delete fails', async () => {
+		tables.deleteRule.mockRejectedValue(new Error('no'));
+		await openDialog(ActionDeleteDialog, { connectionID: 'c', tableName: 't', rule: { id: 'r1', title: 'Ping' } });
+		await button('Delete').trigger('click');
+		await flushPromises();
+		expect(isOpen()).toBe(true);
+	});
+});
+
+describe('WidgetDeleteDialog', () => {
+	it('names the column and closes with "delete" when confirmed', async () => {
+		const dialogRef = await openDialog<string>(WidgetDeleteDialog, 'email');
+		expect(wrapper.text()).toContain('You are going to delete widget for email field.');
+		await button('Delete').trigger('click');
+		await expect(dialogRef.afterClosed()).resolves.toBe('delete');
+	});
+
+	it('asks about all widgets without a column, and Cancel closes without a result', async () => {
+		const dialogRef = await openDialog<string>(WidgetDeleteDialog);
+		expect(wrapper.text()).toContain('Do you want to delete all widgets?');
+		await button('Cancel').trigger('click');
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+	});
+});
+
+describe('BulkActionConfirmDialog', () => {
+	it('lists the primary keys and deletes one row', async () => {
+		const dialogRef = await openDialog<boolean>(BulkActionConfirmDialog, {
+			title: 'Delete row',
+			primaryKeys: [{ id: 42 }],
+			tableDisplayName: 'Users',
+		});
+		expect(wrapper.find('h2').text()).toBe('Confirm delete row for Users table');
+		expect(wrapper.text()).toContain('id = 42');
+
+		await button('Delete row').trigger('click');
+		await flushPromises();
+
+		expect(tableRow.deleteTableRow).toHaveBeenCalledWith('12345678', 'users', { id: 42 });
+		await expect(dialogRef.afterClosed()).resolves.toBe(true);
+	});
+
+	it('deletes several rows in bulk', async () => {
+		await openDialog(BulkActionConfirmDialog, { title: 'delete rows', primaryKeys: [{ id: 1 }, { id: 2 }, { id: 3 }] });
+		await button('delete rows').trigger('click');
+		await flushPromises();
+		expect(tables.bulkDelete).toHaveBeenCalledWith('12345678', 'users', [{ id: 1 }, { id: 2 }, { id: 3 }]);
+	});
+
+	it('runs a custom action and opens the link it answers with', async () => {
+		tables.activateActions.mockResolvedValue({ location: 'https://go.test' });
+		await openDialog(BulkActionConfirmDialog, { id: 'a1', title: 'Ping', primaryKeys: [{ id: 1 }] });
+		await button('Ping').trigger('click');
+		await flushPromises();
+
+		expect(tables.activateActions).toHaveBeenCalledWith('12345678', 'users', 'a1', 'Ping', [{ id: 1 }]);
+		const link = wrapper.find('a[href="https://go.test"]');
+		expect(link.text()).toContain('Take action Ping for');
+		expect(link.text()).toContain('id = 1');
+	});
+});
+
+describe('ActionLinkDialog', () => {
+	it('shows the identity value when given, and closes when the link is followed', async () => {
+		const dialogRef = await openDialog(ActionLinkDialog, {
+			href: 'https://go.test',
+			actionName: 'Ping',
+			identityFieldValue: 'Ann',
+		});
+		const link = wrapper.find('a');
+		expect(link.attributes('target')).toBe('_blank');
+		expect(link.text()).toContain('Take action Ping for Ann');
+		await link.trigger('click');
+		await expect(dialogRef.afterClosed()).resolves.toBeUndefined();
+		expect(isOpen()).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/table/widget-defaults.spec.ts b/frontend-vue/src/components/table/widget-defaults.spec.ts
new file mode 100644
index 000000000..766dbc784
--- /dev/null
+++ b/frontend-vue/src/components/table/widget-defaults.spec.ts
@@ -0,0 +1,22 @@
+import { describe, expect, it } from 'vitest';
+import { UIwidgets } from '@/consts/record-edit-types';
+import { NO_SETTINGS, WIDGET_DEFAULT_PARAMS, WIDGET_DOCS_URLS, WIDGETS_WITH_SETTINGS } from './widget-defaults';
+
+describe('widget defaults', () => {
+	it('has default params for every widget type the picker offers', () => {
+		expect(Object.keys(WIDGET_DEFAULT_PARAMS).sort()).toEqual(Object.keys(UIwidgets).sort());
+	});
+
+	it('makes the params read-only for the types without settings', () => {
+		expect(WIDGETS_WITH_SETTINGS).toContain('Select');
+		expect(WIDGETS_WITH_SETTINGS).not.toContain('Default');
+		expect(WIDGETS_WITH_SETTINGS).not.toContain('JSON');
+		expect(WIDGET_DEFAULT_PARAMS.Markdown).toBe(NO_SETTINGS);
+	});
+
+	it('links the docs of the documented types', () => {
+		expect(WIDGET_DOCS_URLS.Boolean).toContain('widgets_management#boolean');
+		expect(WIDGET_DOCS_URLS.Code).toContain('widgets_management#code');
+		expect(WIDGET_DOCS_URLS.Default).toBeUndefined();
+	});
+});
diff --git a/frontend-vue/src/components/table/widget-defaults.ts b/frontend-vue/src/components/table/widget-defaults.ts
new file mode 100644
index 000000000..ec1d185cb
--- /dev/null
+++ b/frontend-vue/src/components/table/widget-defaults.ts
@@ -0,0 +1,265 @@
+// The widgets page's per-type constants, from frontend/src/app/components/dashboard/db-table-view/
+// db-table-widgets: the JSON5 params a newly picked widget type starts with, and the docs page of
+// each type. Types whose default is NO_SETTINGS have read-only params.
+
+export const NO_SETTINGS = '// No settings required';
+
+export const WIDGET_DEFAULT_PARAMS: Record<string, string> = {
+	Binary: `// Configure binary display/edit encoding.
+// Supported: "hex" (default), "base64", "ascii"
+// example:
+{
+  "encoding": "hex"
+}
+`,
+	Boolean: `// Display "Yes/No" buttons with configurable options:
+// - allow_null: Use "false" to require selection, "true" if field can be left unspecified
+// - invert_colors: Swap the color scheme (typically green=Yes, red=No becomes red=Yes, green=No)
+
+{
+	"allow_null": false,
+	"invert_colors": false
+}
+`,
+	Code: `// provide language of code to highlight: 'html', 'css', 'typescript', 'yaml', 'markdown'
+// example:
+{
+  "language": "html"
+}
+`,
+	Color: `// Optional: Specify output format for color values
+// Supported formats: "hex", "hex_hash" (default), "rgb", "hsl"
+// Example configuration:
+
+{
+  "format": "hex_hash"  // Will display colors as "#FF5733"
+}
+
+// Format options:
+// - "hex": Display as "FF5733" (no hash)
+// - "hex_hash": Display as "#FF5733" (default)
+// - "rgb": Display as "rgb(255, 87, 51)"
+// - "hsl": Display as "hsl(9, 100%, 60%)"`,
+	Country: `// Configure country display options
+// Example:
+{
+  "show_flag": true,
+  "allow_null": false
+}
+`,
+	Date: `// Configure date display options
+// formatDistanceWithinHours: Shows relative time (e.g., "2 hours ago") for dates within the specified hours
+// Default: 0 hours. Set to 0 to disable relative time display
+{
+  "formatDistanceWithinHours": 0
+}`,
+	DateTime: `// Configure datetime display options
+// formatDistanceWithinHours: Shows relative time (e.g., "2 hours ago") for dates within the specified hours
+// Default: 0 hours. Set to 0 to disable relative time display
+{
+  "formatDistanceWithinHours": 0
+}`,
+	Default: `// No settings required`,
+	File: `// provide type of file: 'hex', 'base64' or 'file'
+// example:
+{
+  "type": "hex"
+}
+`,
+	Foreign_key: `// Provide settings for foreign key widget
+{
+  "column_name": "", // copy the name of the column you selected
+  "referenced_column_name": "",
+  "referenced_table_name": ""
+}
+`,
+	Image: `// provide image height in px to dispaly in table
+// prefix: optional URL prefix to prepend to image source
+// example:
+{
+  "height": 100,
+  "prefix": "https://example.com/images/"
+}
+`,
+	JSON: `// No settings required`,
+	Language: `// Configure language display options
+// show_flag: Display country flag emoji next to language name
+// Example:
+{
+  "show_flag": true
+}`,
+	Markdown: `// No settings required`,
+	Money: `// Configure money widget settings
+// cents: when true, stored values are integer minor units (e.g. 1099 = $10.99),
+// matching Stripe. For zero-decimal currencies (JPY, KRW, VND, ...) values are
+// shown as-is. Do NOT enable on a column that already stores decimal amounts.
+// example:
+{
+  "default_currency": "USD",
+  "decimal_places": 2,
+  "allow_negative": true,
+  "cents": false
+}
+`,
+	Number: `// Configure number display with unit conversion and threshold validation
+// Example units: "bytes", "meters", "seconds", "grams"
+// threshold_min/threshold_max: Values outside these limits will be highlighted
+{
+  "unit": null,
+  "threshold_min": null,
+  "threshold_max": null
+}`,
+	Password: `// provide algorithm to encrypt your password, one of:
+//sha1, sha3, sha224, sha256, sha512, sha384, bcrypt, scrypt, argon2, pbkdf2.
+// example:
+
+{
+  "encrypt": true,
+  "algorithm": "sha256"
+}
+
+`,
+	Phone: `// Configure international phone number widget
+// example:
+{
+  "preferred_countries": ["US", "GB", "CA"],
+  "enable_placeholder": true,
+  "phone_validation": true
+}
+`,
+	Range: `// Configure the minimum, maximum and step values for the range
+// Default: min = 0, max = 100, step = 1
+{
+  "min": 0,
+  "max": 100,
+  "step": 1
+}
+`,
+	Readonly: `// No settings required`,
+	Select: `// provide array of options to map database value (key 'value') in human readable value (key 'label');
+// for example:
+// AK => Alaska,
+// CA => California
+
+{
+  "allow_null": true,
+  "options": [
+    {
+      "value": "UA",
+      "label": "🇺🇦 Ukraine",
+      "background_color": "gold"
+    },
+    {
+      "value": "PL",
+      "label": "🇵🇱 Poland",
+      "background_color": "#FF1212"
+    },
+    {
+      "value": "US",
+      "label": "🇺🇸 United States",
+      "background_color": "rgba(100, 150, 255, 0.5)"
+    }
+  ]
+}`,
+	String: `// Optional validation for string values
+// validate: Any validator.js method (e.g., "isEmail", "isURL", "isUUID", "isJSON", "isAlpha", "isNumeric")
+// Full list: isEmail, isURL, isMACAddress, isIP, isIPRange, isFQDN, isBoolean, isIBAN, isBIC,
+// isAlpha, isAlphanumeric, isNumeric, isPort, isLowercase, isUppercase, isAscii, isBase64,
+// isHexadecimal, isHexColor, isRgbColor, isHSL, isMD5, isHash, isJWT, isJSON, isUUID,
+// isMongoId, isCreditCard, isISBN, isISSN, isMobilePhone, isPostalCode, isEthereumAddress,
+// isCurrency, isBtcAddress, isISO8601, isISO31661Alpha2, isISO31661Alpha3, isISO4217,
+// isDataURI, isMagnetURI, isMimeType, isLatLong, isSlug, isStrongPassword, isTaxID, isVAT
+// OR use "regex" with a regex parameter for custom pattern matching
+// force_send_empty_string: when true, always send "" to the backend on clear,
+// even if the column is nullable. Default false (cleared input becomes NULL on nullable columns).
+{
+  "validate": null,
+  "regex": null,
+  "force_send_empty_string": false
+}`,
+	Textarea: `// provide number of strings to show.
+{
+  "rows": 5
+}`,
+	Time: `// No settings required`,
+	Timezone: `// Configure timezone widget options
+// Uses Intl API to populate timezone list automatically
+// allow_null: Allow empty/null value selection
+{
+  "allow_null": false
+}
+`,
+	URL: `// prefix: optional URL prefix to prepend to the href
+// example:
+{
+  "prefix": "https://example.com/"
+}
+`,
+	UUID: `// Configure UUID generation version and parameters
+// Available versions: "v1", "v3", "v4" (default), "v5", "v7"
+// For v3/v5: provide namespace and optionally name
+{
+  "version": "v4",
+  "namespace": "6ba7b810-9dad-11d1-80b4-00c04fd430c8",
+  "name": ""
+}
+`,
+	Email: `// No settings required`,
+	S3: `// Configure S3-compatible bucket widget for file storage
+// provider: Cloud provider. Supported values:
+//   "aws"           - AWS S3 (default)
+//   "digitalocean"  - DigitalOcean Spaces
+//   "backblaze"     - Backblaze B2
+//   "wasabi"        - Wasabi
+//   "cloudflare-r2" - Cloudflare R2 (requires "account_id")
+// bucket: bucket name (required)
+// prefix: Optional path prefix for uploaded files
+// region: Region for the bucket (default: us-east-1; for cloudflare-r2 use "auto")
+// account_id: Cloudflare account ID. Required when provider is "cloudflare-r2".
+// type: "file" (default) - accepts all file types, "image" - accepts only images
+// access_key_id: Unique identifier of the secret containing the Access Key ID
+// access_key: Unique identifier of the secret containing the Secret Access Key
+//
+// ⚠️ IMPORTANT: DO NOT INCLUDE BUCKET SECRETS DIRECTLY IN WIDGET SETTINGS!
+// Store your credentials as secrets in Rocketadmin and reference them here by their unique identifiers to ensure security and prevent exposure of sensitive information.
+
+{
+  "provider": "aws",
+  "bucket": "your-bucket-name",
+  "prefix": "uploads/",
+  "region": "us-east-1",
+  "type": "file",
+  "access_key_id": "COMPANY-SECRET/bucket-access-key-id",
+  "access_key": "COMPANY-SECRET/bucket-access-key"
+}
+`,
+};
+
+export const WIDGET_DOCS_URLS: Record<string, string> = {
+	Binary: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#binary',
+	Boolean: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#boolean',
+	Code: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#code',
+	Color: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#color',
+	Country: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#country',
+	Foreign_key: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#foreign-key',
+	Image: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#image',
+	Money: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#money',
+	Number: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#number',
+	Password: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#password',
+	Phone: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#phone',
+	Range: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#range',
+	Select: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#select',
+	String: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#string',
+	Textarea: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#textarea',
+	URL: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#url',
+	UUID: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#uuid',
+	Date: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#date-time-and-datetime',
+	DateTime: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#date-time-and-datetime',
+	Time: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#date-time-and-datetime',
+	S3: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#s3',
+};
+
+/** The widget types that take params (the editor is read-only for the others). */
+export const WIDGETS_WITH_SETTINGS = Object.entries(WIDGET_DEFAULT_PARAMS)
+	.filter(([, value]) => value !== NO_SETTINGS)
+	.map(([type]) => type);
diff --git a/frontend-vue/src/components/ui/UiAccordion.vue b/frontend-vue/src/components/ui/UiAccordion.vue
new file mode 100644
index 000000000..8d2295258
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiAccordion.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+/**
+ * Groups `UiExpansionPanel`s — the `mat-accordion` replacement. By default only one panel is open
+ * at a time: opening one collapses the others. `multi` lifts that, leaving just the shared layout
+ * (the `mat-accordion multi="true"` shape in the row-edit related-records list).
+ *
+ * Panels keep their own `v-model:open`, so a caller can still control any of them individually.
+ */
+import { computed, provide } from 'vue';
+import { ACCORDION_CONTEXT } from './accordionContext';
+
+const props = withDefaults(
+	defineProps<{
+		/** Lets several panels be open at once. */
+		multi?: boolean;
+	}>(),
+	{ multi: false },
+);
+
+const panels = new Map<string, () => void>();
+
+provide(ACCORDION_CONTEXT, {
+	register: (id, close) => panels.set(id, close),
+	unregister: (id) => panels.delete(id),
+	opened(id) {
+		if (props.multi) return;
+		for (const [other, close] of panels) if (other !== id) close();
+	},
+});
+
+const classes = computed(() => ['ui-accordion', { 'ui-accordion--multi': props.multi }]);
+</script>
+
+<template>
+	<div :class="classes">
+		<slot />
+	</div>
+</template>
+
+<style scoped>
+.ui-accordion {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiDivider.spec.ts b/frontend-vue/src/components/ui/UiDivider.spec.ts
new file mode 100644
index 000000000..4fccad301
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiDivider.spec.ts
@@ -0,0 +1,19 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UiDivider from './UiDivider.vue';
+
+describe('UiDivider', () => {
+	it('is a native hr, horizontal by default', () => {
+		const wrapper = mount(UiDivider);
+
+		expect(wrapper.element.tagName).toBe('HR');
+		expect(wrapper.attributes('aria-orientation')).toBeUndefined();
+	});
+
+	it('declares a vertical orientation', () => {
+		const wrapper = mount(UiDivider, { props: { vertical: true } });
+
+		expect(wrapper.attributes('aria-orientation')).toBe('vertical');
+		expect(wrapper.classes()).toContain('ui-divider--vertical');
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiDivider.stories.ts b/frontend-vue/src/components/ui/UiDivider.stories.ts
new file mode 100644
index 000000000..be844b7a7
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiDivider.stories.ts
@@ -0,0 +1,30 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import UiDivider from './UiDivider.vue';
+
+/** `mat-divider`: a native `<hr>`. `vertical` stretches it to the height of a flex row. */
+const meta = {
+	title: 'UI/Divider',
+	component: UiDivider,
+	tags: ['autodocs'],
+	args: { vertical: false },
+} satisfies Meta<typeof UiDivider>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+/** Horizontal between blocks, vertical between toolbar items. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiDivider },
+		template: `
+      <div style="display: grid; gap: 1.5rem;">
+        <div><p style="margin: 0 0 0.75rem;">Above</p><UiDivider /><p style="margin: 0.75rem 0 0;">Below</p></div>
+        <div style="display: flex; gap: 0.75rem; align-items: center;">
+          <span>Filter</span><UiDivider vertical /><span>Search</span><UiDivider vertical /><span>Export</span>
+        </div>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiDivider.vue b/frontend-vue/src/components/ui/UiDivider.vue
new file mode 100644
index 000000000..f1f0b5b39
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiDivider.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+/**
+ * Separator line — the `mat-divider` replacement. A native `<hr>`, so AT reads it as a separator
+ * without any ARIA; `vertical` adds `aria-orientation` and draws it as a full-height rule for
+ * toolbars and flex rows. Margins are layout, so they come from the caller's `class`.
+ */
+import { computed } from 'vue';
+
+const props = withDefaults(
+	defineProps<{
+		/** A vertical rule between items in a row, stretched to the row's height. */
+		vertical?: boolean;
+	}>(),
+	{ vertical: false },
+);
+
+const classes = computed(() => ['ui-divider', { 'ui-divider--vertical': props.vertical }]);
+</script>
+
+<template>
+	<hr :class="classes" :aria-orientation="vertical ? 'vertical' : undefined">
+</template>
+
+<style scoped>
+.ui-divider {
+  margin: 0;
+  border: 0;
+  border-top: 1px solid var(--color-line);
+}
+
+.ui-divider--vertical {
+  align-self: stretch;
+  width: 0;
+  height: auto;
+  border-top: 0;
+  border-inline-start: 1px solid var(--color-line);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiExpansionPanel.spec.ts b/frontend-vue/src/components/ui/UiExpansionPanel.spec.ts
new file mode 100644
index 000000000..15c2b4030
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiExpansionPanel.spec.ts
@@ -0,0 +1,132 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { defineComponent, nextTick, ref } from 'vue';
+import UiAccordion from './UiAccordion.vue';
+import UiExpansionPanel from './UiExpansionPanel.vue';
+
+function mountPanel(props: Record<string, unknown> = {}, slots: Record<string, () => unknown> = {}) {
+	return mount(UiExpansionPanel, {
+		props: { title: 'Advanced settings', ...props },
+		slots: { default: () => 'Body', ...slots },
+	});
+}
+
+const isVisible = (wrapper: ReturnType<typeof mountPanel>) =>
+	(wrapper.get('[role="region"]').element as HTMLElement).style.display !== 'none';
+
+describe('UiExpansionPanel', () => {
+	it('wires the header button to its region', () => {
+		const wrapper = mountPanel();
+		const button = wrapper.get('button');
+		const region = wrapper.get('[role="region"]');
+
+		expect(button.text()).toBe('Advanced settings');
+		expect(button.attributes('aria-expanded')).toBe('false');
+		expect(button.attributes('aria-controls')).toBe(region.attributes('id'));
+		expect(region.attributes('aria-labelledby')).toBe(button.attributes('id'));
+		expect(isVisible(wrapper)).toBe(false);
+	});
+
+	it('toggles on click and emits update:open, opened and closed', async () => {
+		const wrapper = mountPanel();
+		await wrapper.get('button').trigger('click');
+
+		expect(wrapper.get('button').attributes('aria-expanded')).toBe('true');
+		expect(isVisible(wrapper)).toBe(true);
+		expect(wrapper.emitted('update:open')?.at(-1)).toEqual([true]);
+		expect(wrapper.emitted('opened')).toHaveLength(1);
+
+		await wrapper.get('button').trigger('click');
+		expect(wrapper.emitted('update:open')?.at(-1)).toEqual([false]);
+		expect(wrapper.emitted('closed')).toHaveLength(1);
+	});
+
+	it('toggles from a click on the chevron, but not from the actions slot', async () => {
+		const wrapper = mountPanel({}, { actions: () => 'Add' });
+		await wrapper.get('.ui-expansion-panel__actions').trigger('click');
+		expect(wrapper.emitted('update:open')).toBeUndefined();
+
+		await wrapper.get('.ui-expansion-panel__chevron').trigger('click');
+		expect(wrapper.emitted('update:open')?.at(-1)).toEqual([true]);
+	});
+
+	it('follows a bound open prop', async () => {
+		const wrapper = mountPanel({ open: true });
+		expect(isVisible(wrapper)).toBe(true);
+
+		await wrapper.setProps({ open: false });
+		expect(wrapper.get('button').attributes('aria-expanded')).toBe('false');
+	});
+
+	it('cannot be toggled when disabled', async () => {
+		const wrapper = mountPanel({ disabled: true });
+		await wrapper.get('.ui-expansion-panel__header').trigger('click');
+
+		expect(wrapper.get('button').attributes('disabled')).toBeDefined();
+		expect(wrapper.emitted('update:open')).toBeUndefined();
+		expect(wrapper.classes()).toContain('ui-expansion-panel--disabled');
+	});
+
+	it('renders title and description slots, and hides the chevron on request', () => {
+		const wrapper = mountPanel({ hideToggle: true }, { title: () => 'Orders', description: () => 'Empty' });
+
+		expect(wrapper.get('.ui-expansion-panel__title').text()).toBe('Orders');
+		expect(wrapper.get('.ui-expansion-panel__description').text()).toBe('Empty');
+		expect(wrapper.find('.ui-expansion-panel__chevron').exists()).toBe(false);
+	});
+
+	it('wraps the button in a heading when headingLevel is set', () => {
+		expect(mountPanel({ headingLevel: 3 }).find('h3 > button').exists()).toBe(true);
+		expect(mountPanel().find('h3').exists()).toBe(false);
+	});
+
+	it('keeps content rendered while collapsed, unless lazy', async () => {
+		expect(mountPanel().get('[role="region"]').text()).toBe('Body');
+
+		const lazy = mountPanel({ lazy: true });
+		expect(lazy.get('[role="region"]').text()).toBe('');
+		await lazy.get('button').trigger('click');
+		expect(lazy.get('[role="region"]').text()).toBe('Body');
+		await lazy.get('button').trigger('click');
+		expect(lazy.get('[role="region"]').text()).toBe('Body');
+	});
+});
+
+describe('UiAccordion', () => {
+	const Host = (multi: boolean) =>
+		defineComponent({
+			components: { UiAccordion, UiExpansionPanel },
+			setup: () => ({ multi, a: ref(true), b: ref(false) }),
+			template: `
+        <UiAccordion :multi="multi">
+          <UiExpansionPanel v-model:open="a" title="A">a</UiExpansionPanel>
+          <UiExpansionPanel v-model:open="b" title="B">b</UiExpansionPanel>
+          <UiExpansionPanel title="C">c</UiExpansionPanel>
+        </UiAccordion>
+      `,
+		});
+
+	const expanded = (wrapper: ReturnType<typeof mount>) =>
+		wrapper.findAll('button').map((button) => button.attributes('aria-expanded'));
+
+	it('keeps a single panel open by default', async () => {
+		const wrapper = mount(Host(false));
+		expect(expanded(wrapper)).toEqual(['true', 'false', 'false']);
+
+		await wrapper.findAll('button')[1]!.trigger('click');
+		await nextTick();
+		expect(expanded(wrapper)).toEqual(['false', 'true', 'false']);
+
+		await wrapper.findAll('button')[2]!.trigger('click');
+		await nextTick();
+		expect(expanded(wrapper)).toEqual(['false', 'false', 'true']);
+	});
+
+	it('lets several panels open with multi', async () => {
+		const wrapper = mount(Host(true));
+		await wrapper.findAll('button')[1]!.trigger('click');
+		await nextTick();
+
+		expect(expanded(wrapper)).toEqual(['true', 'true', 'false']);
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiExpansionPanel.stories.ts b/frontend-vue/src/components/ui/UiExpansionPanel.stories.ts
new file mode 100644
index 000000000..f6b247ade
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiExpansionPanel.stories.ts
@@ -0,0 +1,85 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { ref } from 'vue';
+import UiAccordion from './UiAccordion.vue';
+import UiExpansionPanel from './UiExpansionPanel.vue';
+import UiIconButton from './UiIconButton.vue';
+
+/**
+ * Collapsible section: a header `<button>` with `aria-expanded`/`aria-controls` and a labelled
+ * `region`. The `actions` slot sits in the header row but outside the button, for links and icon
+ * buttons. Wrap panels in `UiAccordion` to keep one open at a time (or `multi` for any number).
+ */
+const meta = {
+	title: 'UI/ExpansionPanel',
+	component: UiExpansionPanel,
+	subcomponents: { UiAccordion },
+	tags: ['autodocs'],
+	args: { title: 'Advanced settings', description: '', disabled: false, hideToggle: false, lazy: false },
+	render: (args) => ({
+		components: { UiExpansionPanel },
+		setup: () => ({ args, open: ref(false) }),
+		template: `
+      <UiExpansionPanel v-bind="args" v-model:open="open">
+        <p style="margin: 0;">SSH tunnel, SSL certificates and the master encryption password.</p>
+      </UiExpansionPanel>
+    `,
+	}),
+} satisfies Meta<typeof UiExpansionPanel>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const WithDescription: Story = { args: { title: 'Orders', description: '12 related records' } };
+
+/** The related-records shape: header actions outside the toggle button. */
+export const WithActions: Story = {
+	render: () => ({
+		components: { UiExpansionPanel, UiIconButton },
+		template: `
+      <UiExpansionPanel title="orders" :open="true">
+        <template #actions>
+          <UiIconButton icon="add" label="Add a new record to orders" size="sm" />
+          <UiIconButton icon="open_in_new" label="Open records in table view" size="sm" />
+        </template>
+        <p style="margin: 0;">Order #1001 — shipped</p>
+      </UiExpansionPanel>
+    `,
+	}),
+};
+
+/** Single-open accordion and a `multi` one. */
+export const Accordion: Story = {
+	render: () => ({
+		components: { UiAccordion, UiExpansionPanel },
+		template: `
+      <div style="display: grid; gap: 2rem;">
+        <UiAccordion>
+          <UiExpansionPanel title="General" :open="true">General settings</UiExpansionPanel>
+          <UiExpansionPanel title="Security">Security settings</UiExpansionPanel>
+          <UiExpansionPanel title="Danger zone">Delete this connection</UiExpansionPanel>
+        </UiAccordion>
+        <UiAccordion multi>
+          <UiExpansionPanel title="orders" :open="true">Orders</UiExpansionPanel>
+          <UiExpansionPanel title="invoices" :open="true">Invoices</UiExpansionPanel>
+        </UiAccordion>
+      </div>
+    `,
+	}),
+};
+
+/** Closed / open / with description / disabled without chevron. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiExpansionPanel },
+		template: `
+      <div style="display: grid; gap: 0.75rem; max-width: 40rem;">
+        <UiExpansionPanel title="Closed">Content</UiExpansionPanel>
+        <UiExpansionPanel title="Open" :open="true">Content</UiExpansionPanel>
+        <UiExpansionPanel title="With description" description="Secondary text">Content</UiExpansionPanel>
+        <UiExpansionPanel title="Disabled" description="Empty" disabled hide-toggle>Content</UiExpansionPanel>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiExpansionPanel.vue b/frontend-vue/src/components/ui/UiExpansionPanel.vue
new file mode 100644
index 000000000..f0d620c9d
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiExpansionPanel.vue
@@ -0,0 +1,219 @@
+<script setup lang="ts">
+/**
+ * Collapsible section — the `mat-expansion-panel` replacement (the connection forms' "Advanced
+ * settings", the row-edit related-records list). Group several in a `UiAccordion` for one-open-at-
+ * a-time behaviour.
+ *
+ * APG disclosure/accordion pattern: the header is a real `<button>` with `aria-expanded` and
+ * `aria-controls`, and the content is a `role="region"` labelled by that button. `headingLevel`
+ * wraps the button in an `<hN>` when the panel titles belong in the page outline.
+ *
+ * The `actions` slot sits in the header row but **outside** the button — interactive content
+ * (the related-records "add" and "open" links) cannot legally live inside a `<button>`. Clicks on
+ * the rest of the header row toggle, like Material's whole-header hit area; clicks in `actions` do
+ * not.
+ *
+ * Content is kept in the DOM while collapsed (hidden), so form fields inside an "Advanced
+ * settings" panel keep their state and still submit. `lazy` defers the first render until the
+ * panel first opens, for expensive content such as a fetched list.
+ */
+import { computed, inject, onBeforeUnmount, ref, useId, watch } from 'vue';
+import { ACCORDION_CONTEXT } from './accordionContext';
+import UiIcon from './UiIcon.vue';
+
+const props = withDefaults(
+	defineProps<{
+		/** Header text. The `title` slot, when given, replaces it. */
+		title?: string;
+		/** Secondary header text after the title (`mat-panel-description`). The `description` slot replaces it. */
+		description?: string;
+		/** The header cannot be toggled; the panel stays in its current state. */
+		disabled?: boolean;
+		/** Hides the chevron, e.g. for a panel with nothing to show. */
+		hideToggle?: boolean;
+		/** Wraps the header button in an `<h2>`…`<h6>`. Omitted, no heading is added. */
+		headingLevel?: 2 | 3 | 4 | 5 | 6;
+		/** Renders the content only once the panel has first been opened. */
+		lazy?: boolean;
+	}>(),
+	{ disabled: false, hideToggle: false, lazy: false },
+);
+
+/** Expanded state. Optional two-way `v-model:open`; uncontrolled when not bound. */
+const open = defineModel<boolean>('open', { default: false });
+
+const emit = defineEmits<{ opened: []; closed: [] }>();
+
+const uid = useId();
+const headerId = `${uid}-header`;
+const contentId = `${uid}-content`;
+
+const accordion = inject(ACCORDION_CONTEXT, undefined);
+accordion?.register(uid, () => {
+	open.value = false;
+});
+onBeforeUnmount(() => accordion?.unregister(uid));
+
+/** Whether the content has ever been rendered, for `lazy`. */
+const rendered = ref(open.value || !props.lazy);
+
+watch(
+	open,
+	(isOpen) => {
+		if (isOpen) {
+			rendered.value = true;
+			accordion?.opened(uid);
+			emit('opened');
+		} else {
+			emit('closed');
+		}
+	},
+	{ flush: 'sync' },
+);
+
+// A panel mounted open inside a single-open accordion still claims the slot.
+if (open.value) accordion?.opened(uid);
+
+const headingTag = computed(() => (props.headingLevel ? `h${props.headingLevel}` : 'div'));
+
+const classes = computed(() => [
+	'ui-expansion-panel',
+	{ 'ui-expansion-panel--open': open.value, 'ui-expansion-panel--disabled': props.disabled },
+]);
+
+function toggle() {
+	if (props.disabled) return;
+	open.value = !open.value;
+}
+</script>
+
+<template>
+	<div :class="classes">
+		<!-- The row takes the click so the chevron and padding toggle too; the button is what keyboard
+         and AT use, and its own click bubbles here, so it needs no handler of its own. -->
+		<div class="ui-expansion-panel__header" @click="toggle">
+			<component :is="headingTag" class="ui-expansion-panel__heading">
+				<button
+					:id="headerId"
+					type="button"
+					class="ui-expansion-panel__toggle"
+					:aria-expanded="open ? 'true' : 'false'"
+					:aria-controls="contentId"
+					:disabled="disabled"
+				>
+					<span class="ui-expansion-panel__title"><slot name="title">{{ title }}</slot></span>
+					<span v-if="description || $slots.description" class="ui-expansion-panel__description">
+						<slot name="description">{{ description }}</slot>
+					</span>
+				</button>
+			</component>
+			<div v-if="$slots.actions" class="ui-expansion-panel__actions" @click.stop>
+				<slot name="actions" />
+			</div>
+			<UiIcon v-if="!hideToggle" class="ui-expansion-panel__chevron" name="expand_more" />
+		</div>
+		<div
+			v-show="open"
+			:id="contentId"
+			class="ui-expansion-panel__content"
+			role="region"
+			:aria-labelledby="headerId"
+		>
+			<slot v-if="rendered" />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ui-expansion-panel {
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-card);
+  background: var(--color-surface);
+  transition: box-shadow var(--motion-fast) var(--ease-out);
+}
+
+.ui-expansion-panel--open {
+  box-shadow: var(--shadow-card);
+}
+
+.ui-expansion-panel__header {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding-inline-end: var(--space-4);
+  cursor: pointer;
+}
+
+.ui-expansion-panel--disabled .ui-expansion-panel__header {
+  cursor: default;
+}
+
+.ui-expansion-panel__heading {
+  flex: 1;
+  min-width: 0;
+  margin: 0;
+  font: inherit;
+}
+
+.ui-expansion-panel__toggle {
+  display: flex;
+  align-items: center;
+  gap: var(--space-4);
+  width: 100%;
+  padding: var(--space-4) var(--space-2) var(--space-4) var(--space-5);
+  border: 0;
+  border-radius: var(--radius-card);
+  background: transparent;
+  font: inherit;
+  text-align: start;
+  color: var(--color-ink);
+  cursor: inherit;
+}
+
+.ui-expansion-panel__toggle:focus-visible {
+  outline: none;
+  box-shadow: inset var(--ring-focus);
+}
+
+.ui-expansion-panel__toggle:disabled {
+  color: var(--color-muted);
+}
+
+.ui-expansion-panel__title {
+  flex-shrink: 0;
+  max-width: 100%;
+  font-size: var(--text-base);
+  font-weight: var(--weight-medium);
+}
+
+.ui-expansion-panel__description {
+  flex: 1;
+  min-width: 0;
+  font-size: var(--text-sm);
+  color: var(--color-muted);
+}
+
+.ui-expansion-panel__actions {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+  cursor: default;
+}
+
+.ui-expansion-panel__chevron {
+  color: var(--color-muted);
+  transition: transform var(--motion-fast) var(--ease-out);
+}
+
+.ui-expansion-panel--open .ui-expansion-panel__chevron {
+  transform: rotate(180deg);
+}
+
+.ui-expansion-panel--disabled .ui-expansion-panel__chevron {
+  opacity: 0.5;
+}
+
+.ui-expansion-panel__content {
+  padding: 0 var(--space-5) var(--space-5);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiField.vue b/frontend-vue/src/components/ui/UiField.vue
index 6d2c2ead0..b84159e12 100644
--- a/frontend-vue/src/components/ui/UiField.vue
+++ b/frontend-vue/src/components/ui/UiField.vue
@@ -35,6 +35,7 @@ const props = withDefaults(
 // across two fields on one page — the regression this guards is two inputs sharing one label.
 const uid = useId();
 const inputId = `${uid}-input`;
+const labelId = `${uid}-label`;
 const hintId = `${uid}-hint`;
 const errorId = `${uid}-error`;
 
@@ -49,6 +50,7 @@ const describedBy = computed(() => {
 
 provide(FIELD_CONTEXT, {
 	inputId,
+	labelId,
 	describedBy,
 	invalid,
 	required: toRef(props, 'required'),
@@ -57,7 +59,7 @@ provide(FIELD_CONTEXT, {
 
 <template>
 	<div class="ui-field">
-		<label class="ui-field__label" :for="inputId">
+		<label :id="labelId" class="ui-field__label" :for="inputId">
 			{{ label }}
 			<span v-if="required" class="ui-field__required" aria-hidden="true">*</span>
 		</label>
diff --git a/frontend-vue/src/components/ui/UiList.spec.ts b/frontend-vue/src/components/ui/UiList.spec.ts
new file mode 100644
index 000000000..fee5c2733
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiList.spec.ts
@@ -0,0 +1,96 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { defineComponent } from 'vue';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import UiList from './UiList.vue';
+import UiListItem from './UiListItem.vue';
+
+function router() {
+	return createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:p(.*)*', component: { template: '<div />' } }],
+	});
+}
+
+describe('UiList + UiListItem', () => {
+	it('is a plain ul of li items by default', () => {
+		const wrapper = mount(UiList, { slots: { default: '<li>1</li><li>2</li>' } });
+
+		expect(wrapper.element.tagName).toBe('UL');
+		expect(wrapper.findAll('ul > li')).toHaveLength(2);
+	});
+
+	it('wraps the list in a named nav with as="nav"', () => {
+		const wrapper = mount(UiList, { props: { as: 'nav', label: 'Connection' } });
+
+		expect(wrapper.element.tagName).toBe('NAV');
+		expect(wrapper.attributes('aria-label')).toBe('Connection');
+		expect(wrapper.find('nav > ul').exists()).toBe(true);
+	});
+
+	it('renders leading, title, description and trailing slots', () => {
+		const wrapper = mount(UiListItem, {
+			slots: { leading: () => 'L', default: () => 'Title', description: () => 'Line', trailing: () => '3' },
+		});
+
+		expect(wrapper.element.tagName).toBe('LI');
+		expect(wrapper.get('.ui-list-item__leading').text()).toBe('L');
+		expect(wrapper.get('.ui-list-item__title').text()).toBe('Title');
+		expect(wrapper.get('.ui-list-item__description').text()).toBe('Line');
+		expect(wrapper.get('.ui-list-item__trailing').text()).toBe('3');
+	});
+
+	it('renders a RouterLink with to, marking the exact-active one current', async () => {
+		const r = router();
+		await r.push('/connections');
+		const Host = defineComponent({
+			components: { UiList, UiListItem },
+			template: `
+        <UiList as="nav" label="Main">
+          <UiListItem to="/connections">Connections</UiListItem>
+          <UiListItem to="/company">Company</UiListItem>
+        </UiList>
+      `,
+		});
+		const wrapper = mount(Host, { global: { plugins: [r] } });
+		const links = wrapper.findAll('a');
+
+		expect(links.map((link) => link.attributes('href'))).toEqual(['/connections', '/company']);
+		expect(links[0]!.attributes('aria-current')).toBe('page');
+		expect(links[0]!.classes()).toContain('ui-list-item__content--active');
+		expect(links[1]!.attributes('aria-current')).toBeUndefined();
+	});
+
+	it('renders an external link with href', () => {
+		const link = mount(UiListItem, { props: { href: 'https://docs.rocketadmin.com/', target: '_blank' } }).get('a');
+
+		expect(link.attributes('href')).toBe('https://docs.rocketadmin.com/');
+		expect(link.attributes('rel')).toBe('noopener noreferrer');
+	});
+
+	it('renders a button with interactive and emits click', async () => {
+		const wrapper = mount(UiListItem, { props: { interactive: true }, slots: { default: () => 'Row' } });
+		await wrapper.get('button').trigger('click');
+
+		expect(wrapper.get('button').attributes('type')).toBe('button');
+		expect(wrapper.emitted('click')).toHaveLength(1);
+	});
+
+	it('does not emit click when disabled, and drops a disabled link', async () => {
+		const button = mount(UiListItem, { props: { interactive: true, disabled: true } });
+		await button.get('button').trigger('click');
+		expect(button.emitted('click')).toBeUndefined();
+
+		expect(
+			mount(UiListItem, { props: { href: '/x', disabled: true } })
+				.find('a')
+				.exists(),
+		).toBe(false);
+	});
+
+	it('is static content without to, href or interactive', () => {
+		const wrapper = mount(UiListItem, { slots: { default: () => 'Text' } });
+
+		expect(wrapper.find('a, button').exists()).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiList.stories.ts b/frontend-vue/src/components/ui/UiList.stories.ts
new file mode 100644
index 000000000..f9cab0060
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiList.stories.ts
@@ -0,0 +1,62 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import UiIcon from './UiIcon.vue';
+import UiList from './UiList.vue';
+import UiListItem from './UiListItem.vue';
+
+/**
+ * `mat-list` / `mat-nav-list`: a real `<ul>` of `UiListItem`s. Items are RouterLinks (`to`), links
+ * (`href`), buttons (`interactive`) or static rows, with `leading` / `description` / `trailing`
+ * slots. `as="nav"` adds a named `<nav>` landmark.
+ */
+const meta = {
+	title: 'UI/List',
+	component: UiList,
+	subcomponents: { UiListItem },
+	tags: ['autodocs'],
+	args: { as: 'ul', size: 'md' },
+	argTypes: {
+		as: { control: 'inline-radio', options: ['ul', 'nav'] },
+		size: { control: 'inline-radio', options: ['sm', 'md'] },
+	},
+	render: (args) => ({
+		components: { UiList, UiListItem, UiIcon },
+		setup: () => ({ args }),
+		template: `
+      <UiList v-bind="args" label="Related records" style="max-width: 24rem;">
+        <UiListItem interactive>
+          Order #1001
+          <template #description>status: shipped; total: 120.00;</template>
+        </UiListItem>
+        <UiListItem interactive active>
+          Order #1002
+          <template #description>status: pending; total: 18.50;</template>
+        </UiListItem>
+        <UiListItem>Static row</UiListItem>
+      </UiList>
+    `,
+	}),
+} satisfies Meta<typeof UiList>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+/** Every item kind, with leading and trailing adornments, at both sizes. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiList, UiListItem, UiIcon },
+		setup: () => ({ sizes: ['sm', 'md'] as const }),
+		template: `
+      <div style="display: flex; gap: 2rem; flex-wrap: wrap;">
+        <UiList v-for="size in sizes" :key="size" :size="size" as="nav" :label="size + ' navigation'" style="width: 18rem;">
+          <UiListItem href="#" active><template #leading><UiIcon name="dns" /></template>Connections</UiListItem>
+          <UiListItem href="https://docs.rocketadmin.com/" target="_blank"><template #leading><UiIcon name="help" /></template>Help center</UiListItem>
+          <UiListItem interactive><template #leading><UiIcon name="folder" /></template>Orders<template #trailing>12</template></UiListItem>
+          <UiListItem interactive disabled><template #leading><UiIcon name="lock" /></template>Disabled</UiListItem>
+          <UiListItem>Static</UiListItem>
+        </UiList>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiList.vue b/frontend-vue/src/components/ui/UiList.vue
new file mode 100644
index 000000000..ad9429096
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiList.vue
@@ -0,0 +1,45 @@
+<script setup lang="ts">
+/**
+ * Simple list of `UiListItem`s — the `mat-list` / `mat-nav-list` replacement.
+ *
+ * A real `<ul>`, so AT announces "list, 4 items". `as="nav"` wraps it in a `<nav>` landmark named by
+ * `label`, for link lists that are navigation (the drawer's connection tabs); a list of row
+ * summaries that merely *contain* links stays a plain list.
+ */
+import { computed } from 'vue';
+
+const props = withDefaults(
+	defineProps<{
+		/** `nav` wraps the list in a `<nav>` landmark. */
+		as?: 'ul' | 'nav';
+		/** Accessible name — required in practice for `as="nav"`, since a page may hold several navs. */
+		label?: string;
+		/** Geometry only: row padding. */
+		size?: 'sm' | 'md';
+	}>(),
+	{ as: 'ul', size: 'md' },
+);
+
+const classes = computed(() => ['ui-list', `ui-list--size-${props.size}`]);
+</script>
+
+<template>
+	<nav v-if="as === 'nav'" :class="classes" :aria-label="label">
+		<ul class="ui-list__items">
+			<slot />
+		</ul>
+	</nav>
+	<ul v-else :class="[...classes, 'ui-list__items']" :aria-label="label">
+		<slot />
+	</ul>
+</template>
+
+<style scoped>
+.ui-list__items {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiListItem.vue b/frontend-vue/src/components/ui/UiListItem.vue
new file mode 100644
index 000000000..139451332
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiListItem.vue
@@ -0,0 +1,151 @@
+<script setup lang="ts">
+/**
+ * One row of a `UiList` — the `mat-list-item` replacement. Always an `<li>`; its content is:
+ *
+ * - a `RouterLink` with `to` (the exact-active one gets `aria-current="page"` from the router, and
+ *   the `--active` modifier),
+ * - an `<a>` with `href`,
+ * - a `<button>` with `interactive`, emitting `click` (e.g. "view this related record"),
+ * - otherwise static content.
+ *
+ * Slots: `leading` (an icon), default (the title), `description` (a secondary line —
+ * `matListItemLine`), `trailing` (a count, a check). When the item is a link or button, `leading`
+ * and `trailing` are inside it and so must not hold controls of their own.
+ */
+import { computed } from 'vue';
+import type { RouteLocationRaw } from 'vue-router';
+import { RouterLink } from 'vue-router';
+
+const props = withDefaults(
+	defineProps<{
+		/** Renders the item as a RouterLink. */
+		to?: RouteLocationRaw;
+		/** Renders the item as an `<a>`. Ignored when `to` is set. */
+		href?: string;
+		/** Anchor target, for `href`. `_blank` also sets `rel="noopener noreferrer"`. */
+		target?: string;
+		/** Renders the item as a `<button>` emitting `click`. Ignored with `to`/`href`. */
+		interactive?: boolean;
+		/** Marks the item as the current one when the router cannot tell (`href`, `interactive`, static). */
+		active?: boolean;
+		/** Disables a button item; a disabled link loses its `href`. */
+		disabled?: boolean;
+	}>(),
+	{ interactive: false, active: false, disabled: false },
+);
+
+const emit = defineEmits<{ click: [MouseEvent] }>();
+
+const tag = computed(() => {
+	if (props.to !== undefined) return props.disabled ? 'span' : RouterLink;
+	if (props.href !== undefined) return props.disabled ? 'span' : 'a';
+	if (props.interactive) return 'button';
+	return 'div';
+});
+
+const bindings = computed(() => {
+	if (props.to !== undefined && !props.disabled)
+		return { to: props.to, exactActiveClass: 'ui-list-item__content--active' };
+	if (props.href !== undefined && !props.disabled) {
+		const rel = props.target === '_blank' ? 'noopener noreferrer' : undefined;
+		return { href: props.href, target: props.target, rel, 'aria-current': props.active ? 'page' : undefined };
+	}
+	if (props.interactive)
+		return { type: 'button', disabled: props.disabled, 'aria-current': props.active ? 'true' : undefined };
+	return {};
+});
+
+const contentClasses = computed(() => [
+	'ui-list-item__content',
+	{
+		'ui-list-item__content--interactive': tag.value !== 'div' && !props.disabled,
+		'ui-list-item__content--active': props.active,
+		'ui-list-item__content--disabled': props.disabled,
+	},
+]);
+
+function onClick(event: MouseEvent) {
+	if (props.interactive && !props.disabled) emit('click', event);
+}
+</script>
+
+<template>
+	<li class="ui-list-item">
+		<component :is="tag" v-bind="bindings" :class="contentClasses" @click="onClick">
+			<span v-if="$slots.leading" class="ui-list-item__leading"><slot name="leading" /></span>
+			<span class="ui-list-item__body">
+				<span class="ui-list-item__title"><slot /></span>
+				<span v-if="$slots.description" class="ui-list-item__description"><slot name="description" /></span>
+			</span>
+			<span v-if="$slots.trailing" class="ui-list-item__trailing"><slot name="trailing" /></span>
+		</component>
+	</li>
+</template>
+
+<style scoped>
+.ui-list-item__content {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  width: 100%;
+  padding: var(--space-2) var(--space-4);
+  border: 0;
+  border-radius: var(--radius-control);
+  background: transparent;
+  font: inherit;
+  font-size: var(--text-sm);
+  text-align: start;
+  text-decoration: none;
+  color: var(--color-ink);
+}
+
+.ui-list--size-md .ui-list-item__content {
+  padding: var(--space-3) var(--space-4);
+}
+
+.ui-list-item__content--interactive {
+  cursor: pointer;
+  transition: background var(--motion-fast);
+}
+
+.ui-list-item__content--interactive:hover {
+  background: var(--color-paper);
+}
+
+.ui-list-item__content--interactive:focus-visible {
+  outline: none;
+  box-shadow: inset var(--ring-focus);
+}
+
+.ui-list-item__content--active,
+.ui-list-item__content--active:hover {
+  background: var(--color-paper-2);
+  font-weight: var(--weight-medium);
+}
+
+.ui-list-item__content--disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+
+.ui-list-item__leading,
+.ui-list-item__trailing {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  color: var(--color-muted);
+}
+
+.ui-list-item__body {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: var(--space-05);
+  min-width: 0;
+}
+
+.ui-list-item__description {
+  font-size: var(--text-xs);
+  color: var(--color-muted);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiPaginator.spec.ts b/frontend-vue/src/components/ui/UiPaginator.spec.ts
new file mode 100644
index 000000000..8cfe9399c
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiPaginator.spec.ts
@@ -0,0 +1,93 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import UiPaginator from './UiPaginator.vue';
+
+function mountPaginator(props: Record<string, unknown> = {}) {
+	return mount(UiPaginator, { props: { length: 95, pageSize: 30, pageIndex: 0, ...props } });
+}
+
+const button = (wrapper: ReturnType<typeof mountPaginator>, label: string) =>
+	wrapper.get(`button[aria-label="${label}"]`);
+
+describe('UiPaginator', () => {
+	it("is a named group with Material's range label", () => {
+		const wrapper = mountPaginator();
+
+		expect(wrapper.attributes('role')).toBe('group');
+		expect(wrapper.attributes('aria-label')).toBe('Pagination');
+		expect(wrapper.get('.ui-paginator__range').text()).toBe('1 – 30 of 95');
+		expect(wrapper.get('.ui-paginator__range').attributes('aria-live')).toBe('polite');
+	});
+
+	it.each([
+		[{ pageIndex: 3 }, '91 – 95 of 95'],
+		[{ length: 0 }, '0 of 0'],
+		[{ pageSize: 0 }, '0 of 95'],
+	])('labels %o as %s', (props, label) => {
+		expect(mountPaginator(props).get('.ui-paginator__range').text()).toBe(label);
+	});
+
+	it('moves to the next and previous page, emitting a PageEvent', async () => {
+		const wrapper = mountPaginator({ pageIndex: 1 });
+		await button(wrapper, 'Next page').trigger('click');
+
+		expect(wrapper.emitted('update:pageIndex')?.at(-1)).toEqual([2]);
+		expect(wrapper.emitted('page')?.at(-1)).toEqual([{ pageIndex: 2, pageSize: 30, previousPageIndex: 1, length: 95 }]);
+
+		const back = mountPaginator({ pageIndex: 1 });
+		await button(back, 'Previous page').trigger('click');
+		expect(back.emitted('update:pageIndex')?.at(-1)).toEqual([0]);
+	});
+
+	it('disables previous on the first page and next on the last', async () => {
+		const wrapper = mountPaginator();
+		expect(button(wrapper, 'Previous page').attributes('disabled')).toBeDefined();
+		expect(button(wrapper, 'Next page').attributes('disabled')).toBeUndefined();
+
+		await wrapper.setProps({ pageIndex: 3 });
+		expect(button(wrapper, 'Next page').attributes('disabled')).toBeDefined();
+	});
+
+	it('shows first/last buttons only with showFirstLast', async () => {
+		expect(mountPaginator().find('button[aria-label="First page"]').exists()).toBe(false);
+
+		const wrapper = mountPaginator({ showFirstLast: true, pageIndex: 1 });
+		await button(wrapper, 'Last page').trigger('click');
+		expect(wrapper.emitted('update:pageIndex')?.at(-1)).toEqual([3]);
+		await button(wrapper, 'First page').trigger('click');
+		expect(wrapper.emitted('update:pageIndex')?.at(-1)).toEqual([0]);
+	});
+
+	it('hides the size picker without pageSizeOptions', () => {
+		expect(mountPaginator().find('select').exists()).toBe(false);
+	});
+
+	it('offers the page sizes, including the current one, labelled by the visible text', () => {
+		const wrapper = mountPaginator({ pageSizeOptions: [10, 50, 100] });
+		const select = wrapper.get('select');
+
+		expect(select.findAll('option').map((option) => option.text())).toEqual(['10', '30', '50', '100']);
+		expect(wrapper.get(`#${select.attributes('aria-labelledby')}`).text()).toBe('Items per page:');
+	});
+
+	it('keeps the first visible item when the page size changes', async () => {
+		const wrapper = mountPaginator({ length: 300, pageSizeOptions: [10, 30, 100], pageIndex: 3 });
+		const select = wrapper.get('select');
+		(select.element as HTMLSelectElement).selectedIndex = 0;
+		await select.trigger('change');
+
+		expect(wrapper.emitted('update:pageSize')?.at(-1)).toEqual([10]);
+		// Item 91 was first on page 3 of 30; on pages of 10 it is on page 9.
+		expect(wrapper.emitted('update:pageIndex')?.at(-1)).toEqual([9]);
+		expect(wrapper.emitted('page')?.at(-1)).toEqual([
+			{ pageIndex: 9, pageSize: 10, previousPageIndex: 3, length: 300 },
+		]);
+	});
+
+	it('disables every control when disabled', () => {
+		const wrapper = mountPaginator({ disabled: true, pageIndex: 1, pageSizeOptions: [10, 30] });
+
+		expect(wrapper.findAll('button').every((b) => b.attributes('disabled') !== undefined)).toBe(true);
+		expect(wrapper.get('select').attributes('disabled')).toBeDefined();
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiPaginator.stories.ts b/frontend-vue/src/components/ui/UiPaginator.stories.ts
new file mode 100644
index 000000000..55e91016e
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiPaginator.stories.ts
@@ -0,0 +1,51 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { ref } from 'vue';
+import UiPaginator from './UiPaginator.vue';
+
+/**
+ * `mat-paginator` with Material's texts: "Items per page:", "1 – 30 of 120", previous/next and
+ * optional first/last. Emits `update:pageIndex`, `update:pageSize` and a `page` event; the caller
+ * fetches.
+ */
+const meta = {
+	title: 'UI/Paginator',
+	component: UiPaginator,
+	tags: ['autodocs'],
+	args: { length: 120, pageSizeOptions: [10, 30, 100, 300], showFirstLast: true, disabled: false },
+	render: (args) => ({
+		components: { UiPaginator },
+		setup: () => ({ args, pageIndex: ref(0), pageSize: ref(30) }),
+		template: `
+      <div style="display: grid; gap: 0.5rem;">
+        <UiPaginator v-bind="args" v-model:page-index="pageIndex" v-model:page-size="pageSize" />
+        <code>pageIndex {{ pageIndex }} · pageSize {{ pageSize }}</code>
+      </div>
+    `,
+	}),
+} satisfies Meta<typeof UiPaginator>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+/** The large-dataset shape: no first/last. */
+export const WithoutFirstLast: Story = { args: { showFirstLast: false } };
+
+/** First page / middle / last page / empty / no size picker / disabled. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiPaginator },
+		setup: () => ({ sizes: [10, 30, 100, 300] }),
+		template: `
+      <div style="display: grid; gap: 0.5rem;">
+        <UiPaginator :length="120" :page-index="0" :page-size="30" :page-size-options="sizes" show-first-last />
+        <UiPaginator :length="120" :page-index="2" :page-size="30" :page-size-options="sizes" show-first-last />
+        <UiPaginator :length="120" :page-index="3" :page-size="30" :page-size-options="sizes" show-first-last />
+        <UiPaginator :length="0" :page-size="30" :page-size-options="sizes" />
+        <UiPaginator :length="45" :page-index="1" :page-size="20" />
+        <UiPaginator :length="120" :page-index="1" :page-size="30" :page-size-options="sizes" show-first-last disabled />
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiPaginator.vue b/frontend-vue/src/components/ui/UiPaginator.vue
new file mode 100644
index 000000000..57040c2e5
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiPaginator.vue
@@ -0,0 +1,173 @@
+<script setup lang="ts">
+/**
+ * Page navigation for a paged list — the `mat-paginator` replacement, used under a `UiTable`.
+ *
+ * Behaviour and texts follow Material so ported pages read the same: "Items per page:" with a
+ * page-size picker, the "1 – 30 of 120" range label, and previous/next (plus first/last with
+ * `showFirstLast`) buttons. Changing the page size keeps the first visible item on screen by
+ * recomputing the page index, exactly as `MatPaginator._changePageSize` does.
+ *
+ * Purely controlled by numbers: it emits `update:pageIndex` / `update:pageSize` and a Material-shaped
+ * `page` event, and the caller fetches. The range label is a polite live region, so a screenreader
+ * user pressing "Next page" hears where they landed while focus stays on the button.
+ */
+import { computed, useId } from 'vue';
+import type { SelectOption } from './selectOption';
+import type { PageEvent } from './tableTypes';
+import UiIconButton from './UiIconButton.vue';
+import UiSelect from './UiSelect.vue';
+
+const props = withDefaults(
+	defineProps<{
+		/** Total number of items across all pages. */
+		length: number;
+		/** Page sizes offered in the picker. Empty hides the picker. The current `pageSize` is always included. */
+		pageSizeOptions?: number[];
+		/** Adds first/last page buttons. */
+		showFirstLast?: boolean;
+		/** Accessible name of the paginator group. */
+		label?: string;
+		/** Text before the page-size picker. */
+		itemsPerPageLabel?: string;
+		disabled?: boolean;
+	}>(),
+	{
+		pageSizeOptions: () => [],
+		showFirstLast: false,
+		label: 'Pagination',
+		itemsPerPageLabel: 'Items per page:',
+		disabled: false,
+	},
+);
+
+/** Zero-based page index. Two-way via `v-model:page-index`. */
+const pageIndex = defineModel<number>('pageIndex', { default: 0 });
+/** Items per page. Two-way via `v-model:page-size`. */
+const pageSize = defineModel<number>('pageSize', { default: 30 });
+
+const emit = defineEmits<{ page: [PageEvent] }>();
+
+const sizeLabelId = `${useId()}-page-size`;
+
+const sizeOptions = computed<SelectOption<number>[]>(() => {
+	if (props.pageSizeOptions.length === 0) return [];
+	const sizes = props.pageSizeOptions.includes(pageSize.value)
+		? props.pageSizeOptions
+		: [...props.pageSizeOptions, pageSize.value].sort((a, b) => a - b);
+	return sizes.map((size) => ({ value: size, label: String(size) }));
+});
+
+const pageCount = computed(() => (pageSize.value > 0 ? Math.ceil(props.length / pageSize.value) : 0));
+const hasPrevious = computed(() => pageIndex.value >= 1 && pageSize.value > 0);
+const hasNext = computed(() => pageIndex.value < pageCount.value - 1 && pageSize.value > 0);
+
+/** Material's `MatPaginatorIntl.getRangeLabel`, verbatim in behaviour. */
+const rangeLabel = computed(() => {
+	if (props.length === 0 || pageSize.value === 0) return `0 of ${props.length}`;
+	const length = Math.max(props.length, 0);
+	const start = pageIndex.value * pageSize.value;
+	const end = start < length ? Math.min(start + pageSize.value, length) : start + pageSize.value;
+	return `${start + 1} – ${end} of ${length}`;
+});
+
+function goTo(index: number) {
+	const previousPageIndex = pageIndex.value;
+	if (index === previousPageIndex) return;
+	pageIndex.value = index;
+	emit('page', { pageIndex: index, pageSize: pageSize.value, previousPageIndex, length: props.length });
+}
+
+function changePageSize(size: number | number[] | null) {
+	if (typeof size !== 'number' || size === pageSize.value) return;
+	const previousPageIndex = pageIndex.value;
+	// Keep the first item of the current page visible.
+	const index = Math.floor((pageIndex.value * pageSize.value) / size) || 0;
+	pageSize.value = size;
+	pageIndex.value = index;
+	emit('page', { pageIndex: index, pageSize: size, previousPageIndex, length: props.length });
+}
+</script>
+
+<template>
+	<div class="ui-paginator" role="group" :aria-label="label">
+		<div v-if="sizeOptions.length" class="ui-paginator__size">
+			<span :id="sizeLabelId" class="ui-paginator__size-label">{{ itemsPerPageLabel }}</span>
+			<UiSelect
+				class="ui-paginator__size-select"
+				size="sm"
+				:options="sizeOptions"
+				:model-value="pageSize"
+				:disabled="disabled"
+				:aria-labelledby="sizeLabelId"
+				@update:model-value="changePageSize"
+			/>
+		</div>
+		<div class="ui-paginator__range" aria-live="polite">{{ rangeLabel }}</div>
+		<div class="ui-paginator__nav">
+			<UiIconButton
+				v-if="showFirstLast"
+				icon="first_page"
+				label="First page"
+				size="sm"
+				:disabled="disabled || !hasPrevious"
+				@click="goTo(0)"
+			/>
+			<UiIconButton
+				icon="chevron_left"
+				label="Previous page"
+				size="sm"
+				:disabled="disabled || !hasPrevious"
+				@click="goTo(pageIndex - 1)"
+			/>
+			<UiIconButton
+				icon="chevron_right"
+				label="Next page"
+				size="sm"
+				:disabled="disabled || !hasNext"
+				@click="goTo(pageIndex + 1)"
+			/>
+			<UiIconButton
+				v-if="showFirstLast"
+				icon="last_page"
+				label="Last page"
+				size="sm"
+				:disabled="disabled || !hasNext"
+				@click="goTo(pageCount - 1)"
+			/>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ui-paginator {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--space-2) var(--space-6);
+  padding: var(--space-2) var(--space-4);
+  font-size: var(--text-xs);
+  color: var(--color-muted);
+}
+
+.ui-paginator__size {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.ui-paginator__size .ui-paginator__size-select {
+  width: auto;
+  min-width: 4.5rem;
+}
+
+.ui-paginator__range {
+  white-space: nowrap;
+}
+
+.ui-paginator__nav {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiRadio.vue b/frontend-vue/src/components/ui/UiRadio.vue
new file mode 100644
index 000000000..7755b4496
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiRadio.vue
@@ -0,0 +1,98 @@
+<script setup lang="ts">
+/**
+ * One option in a `UiRadioGroup` — the `mat-radio-button` replacement. Must sit inside a group,
+ * which supplies the shared `name`, the selection and the change handler.
+ *
+ * The label is the default slot and wraps the native `<input>`, like `UiCheckbox`, so clicking the
+ * text chooses the option and the radio needs no `id`.
+ */
+import { computed, inject, useAttrs } from 'vue';
+import { RADIO_CONTEXT } from './radioContext';
+import type { SelectValue } from './selectOption';
+
+const props = withDefaults(
+	defineProps<{
+		/** This option's value. Typed: `true`, `42` and `null` round-trip through the group's `v-model`. */
+		value: SelectValue;
+		/** Disables this option only. The group's `disabled` disables all of them. */
+		disabled?: boolean;
+	}>(),
+	{ disabled: false },
+);
+
+const group = inject(RADIO_CONTEXT);
+if (!group) throw new Error('[UiRadio] must be used inside a UiRadioGroup.');
+
+// Same split as UiCheckbox: layout attrs on the root <label>, everything else on the <input>.
+const attrs = useAttrs();
+function rootAttrs() {
+	return { class: attrs.class, style: attrs.style };
+}
+function inputAttrs() {
+	const { class: _class, style: _style, ...rest } = attrs;
+	return rest;
+}
+
+const isChecked = computed(() => group.selected.value === props.value);
+const isDisabled = computed(() => props.disabled || group.disabled.value);
+
+const classes = computed(() => [
+	'ui-radio',
+	{ 'ui-radio--checked': isChecked.value, 'ui-radio--disabled': isDisabled.value },
+]);
+</script>
+
+<script lang="ts">
+export default {
+  inheritAttrs: false,
+}
+</script>
+
+<template>
+	<label v-bind="rootAttrs()" :class="classes">
+		<input
+			v-bind="inputAttrs()"
+			class="ui-radio__input"
+			type="radio"
+			:name="group?.name.value"
+			:checked="isChecked"
+			:disabled="isDisabled"
+			@change="group?.select(value)"
+		>
+		<span class="ui-radio__label"><slot /></span>
+	</label>
+</template>
+
+<style scoped>
+.ui-radio {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-2);
+  font-size: var(--text-sm);
+  color: var(--color-ink);
+  cursor: pointer;
+}
+
+.ui-radio--disabled {
+  opacity: 0.65;
+  cursor: not-allowed;
+}
+
+.ui-radio__input {
+  width: var(--space-4);
+  height: var(--space-4);
+  margin: 0;
+  accent-color: var(--color-accent);
+  cursor: inherit;
+}
+
+.ui-radio__input:focus-visible {
+  outline: none;
+  box-shadow: var(--ring-focus);
+  border-radius: var(--radius-pill);
+}
+
+.ui-radio__label:empty {
+  display: none;
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiRadioGroup.spec.ts b/frontend-vue/src/components/ui/UiRadioGroup.spec.ts
new file mode 100644
index 000000000..5bda99920
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiRadioGroup.spec.ts
@@ -0,0 +1,105 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { defineComponent, h, ref } from 'vue';
+import type { SelectOption, SelectValue } from './selectOption';
+import UiField from './UiField.vue';
+import UiRadio from './UiRadio.vue';
+import UiRadioGroup from './UiRadioGroup.vue';
+
+const OPTIONS: SelectOption<SelectValue>[] = [
+	{ value: 'read', label: 'Read only' },
+	{ value: 42, label: 'Forty-two' },
+	{ value: null, label: 'None', disabled: true },
+];
+
+const radios = (wrapper: { findAll: (s: string) => Array<{ element: Element }> }) =>
+	wrapper.findAll('input').map((input) => input.element as HTMLInputElement);
+
+describe('UiRadioGroup + UiRadio', () => {
+	it('renders a named radiogroup of native radios sharing one name', () => {
+		const wrapper = mount(UiRadioGroup, { props: { options: OPTIONS, label: 'Access' } });
+		const group = wrapper.get('[role="radiogroup"]');
+		const caption = wrapper.get('.ui-radio-group__label');
+
+		expect(group.attributes('aria-labelledby')).toBe(caption.attributes('id'));
+		expect(caption.text()).toBe('Access');
+		const names = new Set(radios(wrapper).map((radio) => radio.name));
+		expect(names.size).toBe(1);
+		expect(radios(wrapper).every((radio) => radio.type === 'radio')).toBe(true);
+	});
+
+	it('uses the name prop when given', () => {
+		const wrapper = mount(UiRadioGroup, { props: { options: OPTIONS, label: 'Access', name: 'access' } });
+
+		expect(radios(wrapper).map((radio) => radio.name)).toEqual(['access', 'access', 'access']);
+	});
+
+	it('checks the radio matching the typed model', async () => {
+		const wrapper = mount(UiRadioGroup, { props: { options: OPTIONS, label: 'Access', modelValue: 42 } });
+		expect(radios(wrapper).map((radio) => radio.checked)).toEqual([false, true, false]);
+
+		await wrapper.setProps({ modelValue: 'read' });
+		expect(radios(wrapper).map((radio) => radio.checked)).toEqual([true, false, false]);
+	});
+
+	it('emits the typed value of the chosen radio', async () => {
+		const wrapper = mount(UiRadioGroup, { props: { options: OPTIONS, label: 'Access', modelValue: 'read' } });
+		await wrapper.findAll('input')[1]!.setValue(true);
+
+		expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual([42]);
+	});
+
+	it('round-trips v-model with slotted UiRadios', async () => {
+		const Host = defineComponent({
+			components: { UiRadioGroup, UiRadio },
+			setup: () => ({ value: ref<SelectValue>(true) }),
+			template: `
+        <UiRadioGroup v-model="value" label="Enabled">
+          <UiRadio :value="true">Yes</UiRadio>
+          <UiRadio :value="false">No</UiRadio>
+        </UiRadioGroup>
+        <output>{{ JSON.stringify(value) }}</output>
+      `,
+		});
+		const wrapper = mount(Host);
+		await wrapper.findAll('input')[1]!.setValue(true);
+
+		expect(wrapper.get('output').text()).toBe('false');
+		expect(radios(wrapper).map((radio) => radio.checked)).toEqual([false, true]);
+	});
+
+	it('disables single options and the whole group', async () => {
+		const wrapper = mount(UiRadioGroup, { props: { options: OPTIONS, label: 'Access' } });
+		expect(radios(wrapper).map((radio) => radio.disabled)).toEqual([false, false, true]);
+
+		await wrapper.setProps({ disabled: true });
+		expect(radios(wrapper).every((radio) => radio.disabled)).toBe(true);
+		expect(wrapper.attributes('aria-disabled')).toBe('true');
+	});
+
+	it('adds the orientation modifier', () => {
+		const wrapper = mount(UiRadioGroup, { props: { options: OPTIONS, label: 'A', orientation: 'horizontal' } });
+
+		expect(wrapper.classes()).toContain('ui-radio-group--horizontal');
+	});
+
+	it('takes its name, description and invalid state from a surrounding UiField', () => {
+		const wrapper = mount(UiField, {
+			props: { label: 'Access', hint: 'Applies to all tables', error: 'Pick one', required: true },
+			slots: { default: () => h(UiRadioGroup, { options: OPTIONS }) },
+		});
+		const group = wrapper.get('[role="radiogroup"]');
+
+		expect(group.attributes('aria-labelledby')).toBe(wrapper.get('.ui-field__label').attributes('id'));
+		expect(group.attributes('aria-describedby')?.split(' ')).toEqual([
+			wrapper.get('.ui-field__hint').attributes('id'),
+			wrapper.get('.ui-field__error').attributes('id'),
+		]);
+		expect(group.attributes('aria-invalid')).toBe('true');
+		expect(group.attributes('aria-required')).toBe('true');
+	});
+
+	it('refuses a UiRadio outside a group', () => {
+		expect(() => mount(UiRadio, { props: { value: 'x' } })).toThrow(/UiRadioGroup/);
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiRadioGroup.stories.ts b/frontend-vue/src/components/ui/UiRadioGroup.stories.ts
new file mode 100644
index 000000000..5c2673386
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiRadioGroup.stories.ts
@@ -0,0 +1,81 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { type ConcreteComponent, ref } from 'vue';
+import type { SelectOption, SelectValue } from './selectOption';
+import UiField from './UiField.vue';
+import UiRadio from './UiRadio.vue';
+import UiRadioGroup from './UiRadioGroup.vue';
+
+const ACCESS: SelectOption<string>[] = [
+	{ value: 'none', label: 'No access' },
+	{ value: 'readonly', label: 'Read only' },
+	{ value: 'edit', label: 'Full access' },
+	{ value: 'owner', label: 'Owner', disabled: true },
+];
+
+/**
+ * Native radios sharing one `name` inside a `role="radiogroup"`: arrow keys move the choice and the
+ * group is one tab stop. Pass `options`, or slot `UiRadio`s for custom labels. Name it with `label`,
+ * or wrap it in a `UiField`, whose label it then points `aria-labelledby` at.
+ */
+// Widened like UiSelect's: Storybook's types cannot infer args from a generic SFC.
+const meta = {
+	title: 'UI/RadioGroup',
+	component: UiRadioGroup as ConcreteComponent,
+	subcomponents: { UiRadio: UiRadio as ConcreteComponent },
+	tags: ['autodocs'],
+	args: { options: ACCESS, label: 'Table access', orientation: 'vertical', disabled: false },
+	argTypes: {
+		orientation: { control: 'inline-radio', options: ['vertical', 'horizontal'] },
+		options: { control: false },
+	},
+	render: (args) => ({
+		components: { UiRadioGroup },
+		setup: () => ({ args, value: ref<SelectValue>('readonly') }),
+		template: `
+      <div style="display: grid; gap: 0.75rem; justify-items: start;">
+        <UiRadioGroup v-bind="args" v-model="value" />
+        <code>{{ JSON.stringify(value) }}</code>
+      </div>
+    `,
+	}),
+} satisfies Meta;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Horizontal: Story = { args: { orientation: 'horizontal' } };
+
+/** Slotted `UiRadio`s with typed values; named and described by the surrounding `UiField`. */
+export const InField: Story = {
+	render: () => ({
+		components: { UiField, UiRadioGroup, UiRadio },
+		setup: () => ({ value: ref<SelectValue>(null) }),
+		template: `
+      <UiField label="Sort direction" hint="Applies when the table opens" error="Choose a direction" required>
+        <UiRadioGroup v-model="value">
+          <UiRadio value="ASC">Ascending</UiRadio>
+          <UiRadio value="DESC">Descending</UiRadio>
+        </UiRadioGroup>
+      </UiField>
+    `,
+	}),
+};
+
+/** Both orientations × chosen / nothing chosen / disabled. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiRadioGroup },
+		setup: () => ({ options: ACCESS, orientations: ['vertical', 'horizontal'] as const }),
+		template: `
+      <div style="display: grid; gap: 2rem;">
+        <div v-for="orientation in orientations" :key="orientation" style="display: flex; gap: 3rem; flex-wrap: wrap;">
+          <UiRadioGroup :orientation="orientation" :options="options" model-value="edit" label="Chosen" />
+          <UiRadioGroup :orientation="orientation" :options="options" label="Nothing chosen" />
+          <UiRadioGroup :orientation="orientation" :options="options" model-value="readonly" label="Disabled" disabled />
+        </div>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiRadioGroup.vue b/frontend-vue/src/components/ui/UiRadioGroup.vue
new file mode 100644
index 000000000..a2efc4067
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiRadioGroup.vue
@@ -0,0 +1,120 @@
+<script setup lang="ts" generic="T extends SelectValue">
+/**
+ * Group of native radio buttons — the `mat-radio-group` replacement. Put `UiRadio`s in the default
+ * slot, or pass `options` for the plain case.
+ *
+ * A `role="radiogroup"` around native radios sharing one `name`: the browser supplies arrow-key
+ * movement and the single tab stop, and AT reads "Read only, radio button, 2 of 3". Values are typed
+ * (`SelectValue`), like `UiSelect` and `UiSegmented` — they are compared in JS, never stringified.
+ *
+ * Naming, in order: the `label` prop (rendered as the visible group caption); else the surrounding
+ * `UiField`'s label, through `aria-labelledby` — a `<label for>` cannot name a group; else an
+ * `aria-label` attribute from the caller. Inside a `UiField` the group also takes its hint/error
+ * through `aria-describedby` and `aria-invalid`.
+ *
+ * `UiSegmented` is the same pattern drawn as a button bar, for two-to-four short choices.
+ */
+import { computed, inject, provide, useId } from 'vue';
+import { FIELD_CONTEXT } from './fieldContext';
+import { RADIO_CONTEXT } from './radioContext';
+import type { SelectOption, SelectValue } from './selectOption';
+import UiRadio from './UiRadio.vue';
+
+const props = withDefaults(
+	defineProps<{
+		/** The chosen value. `undefined`/no match means nothing is chosen. */
+		modelValue?: T | null;
+		/** Shortcut for the plain case: one `UiRadio` per option. Ignored when the default slot is used. */
+		options?: SelectOption<T>[];
+		/** Visible caption and accessible name. Omit inside a `UiField`, which supplies the name. */
+		label?: string;
+		/** Native `name` shared by the radios. Generated when omitted; set it for form submission. */
+		name?: string;
+		/** Layout only: stacked (the Material default) or in a row. */
+		orientation?: 'vertical' | 'horizontal';
+		disabled?: boolean;
+		required?: boolean;
+		/** Set explicitly only when used outside a `UiField`, which otherwise supplies it. */
+		invalid?: boolean;
+	}>(),
+	{ orientation: 'vertical', disabled: false, required: false, invalid: undefined },
+);
+
+const emit = defineEmits<{ 'update:modelValue': [T] }>();
+
+const field = inject(FIELD_CONTEXT, undefined);
+
+const uid = useId();
+const labelId = `${uid}-label`;
+const generatedName = `${uid}-radio`;
+
+const isInvalid = computed(() => props.invalid ?? field?.invalid.value ?? false);
+const isRequired = computed(() => props.required || (field?.required.value ?? false));
+const labelledBy = computed(() => (props.label ? labelId : field?.labelId));
+
+provide(RADIO_CONTEXT, {
+	name: computed(() => props.name ?? generatedName),
+	selected: computed(() => props.modelValue),
+	disabled: computed(() => props.disabled),
+	// The radios carry `SelectValue`; the group's own `T` is what its options were declared as.
+	select: (value) => emit('update:modelValue', value as T),
+});
+
+const classes = computed(() => [
+	'ui-radio-group',
+	`ui-radio-group--${props.orientation}`,
+	{ 'ui-radio-group--disabled': props.disabled, 'ui-radio-group--invalid': isInvalid.value },
+]);
+</script>
+
+<template>
+	<div
+		:class="classes"
+		role="radiogroup"
+		:aria-labelledby="labelledBy"
+		:aria-describedby="field?.describedBy.value"
+		:aria-invalid="isInvalid ? 'true' : undefined"
+		:aria-required="isRequired ? 'true' : undefined"
+		:aria-disabled="disabled ? 'true' : undefined"
+	>
+		<span v-if="label" :id="labelId" class="ui-radio-group__label">{{ label }}</span>
+		<div class="ui-radio-group__options">
+			<slot>
+				<UiRadio
+					v-for="(option, index) in options"
+					:key="index"
+					:value="option.value"
+					:disabled="option.disabled"
+				>
+					{{ option.label }}
+				</UiRadio>
+			</slot>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ui-radio-group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.ui-radio-group__label {
+  font-size: var(--text-sm);
+  font-weight: var(--weight-medium);
+  color: var(--color-ink-soft);
+}
+
+.ui-radio-group__options {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.ui-radio-group--horizontal .ui-radio-group__options {
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: var(--space-2) var(--space-5);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiSelect.spec.ts b/frontend-vue/src/components/ui/UiSelect.spec.ts
index 19eca7864..692d1efb0 100644
--- a/frontend-vue/src/components/ui/UiSelect.spec.ts
+++ b/frontend-vue/src/components/ui/UiSelect.spec.ts
@@ -152,6 +152,34 @@ describe('UiSelect', () => {
 		});
 	});
 
+	describe('option groups', () => {
+		const GROUPED: SelectOption<string>[] = [
+			{ value: 'none', label: 'None' },
+			{ value: 'read', label: 'Read', group: 'Table' },
+			{ value: 'edit', label: 'Edit', group: 'Table' },
+			{ value: 'manage', label: 'Manage', group: 'Connection' },
+		];
+
+		it('wraps consecutive options of a group in one labelled optgroup', () => {
+			const wrapper = mount(UiSelect, { props: { options: GROUPED } });
+			const groups = wrapper.findAll('optgroup');
+
+			expect(groups.map((group) => group.attributes('label'))).toEqual(['Table', 'Connection']);
+			expect(groups[0]!.findAll('option').map((option) => option.text())).toEqual(['Read', 'Edit']);
+			expect(wrapper.get('select').element.children[0]!.tagName).toBe('OPTION');
+		});
+
+		it('still maps the chosen option back to its typed value', async () => {
+			const wrapper = mount(UiSelect, { props: { options: GROUPED, modelValue: 'edit' } });
+			const select = wrapper.get('select').element as HTMLSelectElement;
+
+			expect(select.selectedIndex).toBe(2);
+			select.selectedIndex = 3;
+			await wrapper.get('select').trigger('change');
+			expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual(['manage']);
+		});
+	});
+
 	it('disables individual options', () => {
 		const wrapper = mount(UiSelect, {
 			props: {
diff --git a/frontend-vue/src/components/ui/UiSelect.stories.ts b/frontend-vue/src/components/ui/UiSelect.stories.ts
index 84247fa52..c78cc3564 100644
--- a/frontend-vue/src/components/ui/UiSelect.stories.ts
+++ b/frontend-vue/src/components/ui/UiSelect.stories.ts
@@ -77,6 +77,27 @@ export const Multiple: Story = {
 	}),
 };
 
+/** `group` on an option renders it under a native `<optgroup>` — the `mat-optgroup` replacement. */
+export const Grouped: Story = {
+	render: () => ({
+		components: { UiField, UiSelect },
+		setup: () => ({
+			options: [
+				{ value: 'none', label: 'None' },
+				{ value: 'table:read', label: 'Read', group: 'Table' },
+				{ value: 'table:edit', label: 'Edit', group: 'Table' },
+				{ value: 'connection:manage', label: 'Manage', group: 'Connection' },
+			] satisfies SelectOption<string>[],
+			value: ref<string | null>('table:edit'),
+		}),
+		template: `
+      <div style="max-width: 22rem;">
+        <UiField label="Action"><UiSelect v-model="value" :options="options" /></UiField>
+      </div>
+    `,
+	}),
+};
+
 /** Every state, both sizes. */
 export const AllVariants: Story = {
 	render: () => ({
diff --git a/frontend-vue/src/components/ui/UiSelect.vue b/frontend-vue/src/components/ui/UiSelect.vue
index cce1f1c68..ef59de34c 100644
--- a/frontend-vue/src/components/ui/UiSelect.vue
+++ b/frontend-vue/src/components/ui/UiSelect.vue
@@ -10,6 +10,10 @@
  * maps it back, so `true`, `42` and `null` round-trip through `v-model` unchanged.
  *
  * `multiple` renders a native list box and makes the model an array.
+ *
+ * Option groups (`mat-optgroup`): give options a `group` label. Runs of consecutive options with the
+ * same `group` render inside one native `<optgroup>`, so keep each group's options adjacent. The
+ * `options` array stays flat, which keeps the index mapping — and every existing caller — unchanged.
  */
 import { computed, inject } from 'vue';
 import { FIELD_CONTEXT } from './fieldContext';
@@ -53,6 +57,22 @@ function isSelected(value: T): boolean {
 /** True when nothing matches, so the placeholder option shows as selected. */
 const noneSelected = computed(() => !props.options.some((option) => isSelected(option.value)));
 
+interface OptionRun {
+	/** The `<optgroup>` label, or `undefined` for options rendered ungrouped. */
+	group: string | undefined;
+	items: Array<{ option: SelectOption<T>; index: number }>;
+}
+
+/** Consecutive options with the same `group`, each item keeping its index into the flat `options`. */
+const runs = computed(() =>
+	props.options.reduce<OptionRun[]>((acc, option, index) => {
+		const last = acc[acc.length - 1];
+		if (last && last.group === option.group) last.items.push({ option, index });
+		else acc.push({ group: option.group, items: [{ option, index }] });
+		return acc;
+	}, []),
+);
+
 function onChange(event: Event) {
 	const select = event.target as HTMLSelectElement;
 	if (props.multiple) {
@@ -89,15 +109,30 @@ export default {
 		@change="onChange"
 	>
 		<option v-if="placeholder !== undefined && !multiple" value="" :selected="noneSelected">{{ placeholder }}</option>
-		<option
-			v-for="(option, index) in options"
-			:key="index"
-			:value="index"
-			:selected="isSelected(option.value)"
-			:disabled="option.disabled"
-		>
-			{{ option.label }}
-		</option>
+		<template v-for="(run, runIndex) in runs" :key="runIndex">
+			<optgroup v-if="run.group !== undefined" :label="run.group">
+				<option
+					v-for="{ option, index } in run.items"
+					:key="index"
+					:value="index"
+					:selected="isSelected(option.value)"
+					:disabled="option.disabled"
+				>
+					{{ option.label }}
+				</option>
+			</optgroup>
+			<template v-else>
+				<option
+					v-for="{ option, index } in run.items"
+					:key="index"
+					:value="index"
+					:selected="isSelected(option.value)"
+					:disabled="option.disabled"
+				>
+					{{ option.label }}
+				</option>
+			</template>
+		</template>
 	</select>
 </template>
 
diff --git a/frontend-vue/src/components/ui/UiSwitch.spec.ts b/frontend-vue/src/components/ui/UiSwitch.spec.ts
new file mode 100644
index 000000000..724c968fc
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiSwitch.spec.ts
@@ -0,0 +1,81 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { h } from 'vue';
+import UiField from './UiField.vue';
+import UiSwitch from './UiSwitch.vue';
+
+const input = (wrapper: { get: (s: string) => { element: Element } }) =>
+	wrapper.get('input').element as HTMLInputElement;
+
+describe('UiSwitch', () => {
+	it('is a native checkbox with role="switch", wrapped by its label', () => {
+		const wrapper = mount(UiSwitch, { props: { label: 'Dark mode' } });
+
+		expect(wrapper.element.tagName).toBe('LABEL');
+		expect(wrapper.get('input').attributes('type')).toBe('checkbox');
+		expect(wrapper.get('input').attributes('role')).toBe('switch');
+		expect(wrapper.text()).toBe('Dark mode');
+	});
+
+	it('lets the default slot replace the label prop', () => {
+		const wrapper = mount(UiSwitch, { props: { label: 'Prop' }, slots: { default: () => 'Slot' } });
+
+		expect(wrapper.text()).toBe('Slot');
+	});
+
+	it('reflects the model and marks the root', async () => {
+		const wrapper = mount(UiSwitch, { props: { modelValue: true } });
+		expect(input(wrapper).checked).toBe(true);
+		expect(wrapper.classes()).toContain('ui-switch--checked');
+
+		await wrapper.setProps({ modelValue: false });
+		expect(input(wrapper).checked).toBe(false);
+	});
+
+	it('emits the new boolean on toggle', async () => {
+		const wrapper = mount(UiSwitch, { props: { modelValue: false } });
+
+		await wrapper.get('input').setValue(true);
+		expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual([true]);
+	});
+
+	it('toggles when the label text is clicked', async () => {
+		const wrapper = mount(UiSwitch, { props: { label: 'Dark mode' }, attachTo: document.body });
+		await wrapper.get('.ui-switch__label').trigger('click');
+
+		expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual([true]);
+		wrapper.unmount();
+	});
+
+	it('disables the input', () => {
+		const wrapper = mount(UiSwitch, { props: { disabled: true } });
+
+		expect(input(wrapper).disabled).toBe(true);
+		expect(wrapper.classes()).toContain('ui-switch--disabled');
+	});
+
+	it('adds the size and label-position modifiers', () => {
+		const wrapper = mount(UiSwitch, { props: { size: 'sm', labelPosition: 'before' } });
+
+		expect(wrapper.classes()).toEqual(expect.arrayContaining(['ui-switch--size-sm', 'ui-switch--label-before']));
+	});
+
+	it('puts layout class on the root and other attrs on the input', () => {
+		const wrapper = mount(UiSwitch, { attrs: { class: 'm', name: 'notify', 'aria-label': 'Notify' } });
+
+		expect(wrapper.classes()).toContain('m');
+		expect(wrapper.get('input').attributes('name')).toBe('notify');
+		expect(wrapper.get('input').attributes('aria-label')).toBe('Notify');
+	});
+
+	it('takes the id and describedby of a surrounding UiField', () => {
+		const wrapper = mount(UiField, {
+			props: { label: 'Notifications', hint: 'Sent by email' },
+			slots: { default: () => h(UiSwitch, { label: 'Enabled' }) },
+		});
+		const switchInput = wrapper.get('input');
+
+		expect(wrapper.get('label.ui-field__label').attributes('for')).toBe(switchInput.attributes('id'));
+		expect(switchInput.attributes('aria-describedby')).toBe(wrapper.get('.ui-field__hint').attributes('id'));
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiSwitch.stories.ts b/frontend-vue/src/components/ui/UiSwitch.stories.ts
new file mode 100644
index 000000000..066923b44
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiSwitch.stories.ts
@@ -0,0 +1,49 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { ref } from 'vue';
+import UiSwitch from './UiSwitch.vue';
+
+/**
+ * On/off switch on a native checkbox with `role="switch"` — AT announces "on/off". Use it for a
+ * setting that applies immediately; a form choice that is submitted later is a `UiCheckbox`.
+ */
+const meta = {
+	title: 'UI/Switch',
+	component: UiSwitch,
+	tags: ['autodocs'],
+	args: { label: 'Show only my connections', size: 'md', labelPosition: 'after', disabled: false },
+	argTypes: {
+		size: { control: 'inline-radio', options: ['sm', 'md'] },
+		labelPosition: { control: 'inline-radio', options: ['before', 'after'] },
+	},
+	render: (args) => ({
+		components: { UiSwitch },
+		setup: () => ({ args, on: ref(false) }),
+		template: '<UiSwitch v-bind="args" v-model="on" />',
+	}),
+} satisfies Meta<typeof UiSwitch>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Disabled: Story = { args: { disabled: true } };
+
+/** Both sizes × off / on / disabled, and the label before the track. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiSwitch },
+		setup: () => ({ sizes: ['sm', 'md'] as const }),
+		template: `
+      <div style="display: grid; grid-template-columns: repeat(5, max-content); gap: 0.75rem 2rem;">
+        <template v-for="size in sizes" :key="size">
+          <UiSwitch :size="size" label="Off" />
+          <UiSwitch :size="size" :model-value="true" label="On" />
+          <UiSwitch :size="size" disabled label="Off, disabled" />
+          <UiSwitch :size="size" :model-value="true" disabled label="On, disabled" />
+          <UiSwitch :size="size" :model-value="true" label-position="before" label="Label before" />
+        </template>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiSwitch.vue b/frontend-vue/src/components/ui/UiSwitch.vue
new file mode 100644
index 000000000..d31ce5dcb
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiSwitch.vue
@@ -0,0 +1,171 @@
+<script setup lang="ts">
+/**
+ * On/off switch with its label — the `mat-slide-toggle` replacement.
+ *
+ * A native checkbox with `role="switch"`, wrapped by its `<label>` like `UiCheckbox`: the browser
+ * keeps the keyboard handling (Space), form participation and the checked state, and AT announces
+ * "on/off" instead of "checked/not checked". The track and thumb are decoration drawn beside the
+ * visually hidden input.
+ *
+ * Use a switch for a setting that takes effect immediately; use `UiCheckbox` for a choice that is
+ * submitted with a form.
+ *
+ * Inside a `UiField` the input picks up the field's hint/error through `aria-describedby`, like
+ * `UiInput`. Standalone, it is named by `label` or the default slot.
+ */
+import { computed, inject, useAttrs } from 'vue';
+import { FIELD_CONTEXT } from './fieldContext';
+
+const props = withDefaults(
+	defineProps<{
+		modelValue?: boolean;
+		/** Visible label text. The default slot, when given, replaces it. */
+		label?: string;
+		/** Which side of the label the track sits on, in logical order. */
+		labelPosition?: 'before' | 'after';
+		/** Geometry only. */
+		size?: 'sm' | 'md';
+		disabled?: boolean;
+	}>(),
+	{ modelValue: false, labelPosition: 'after', size: 'md', disabled: false },
+);
+
+const emit = defineEmits<{ 'update:modelValue': [boolean] }>();
+
+const field = inject(FIELD_CONTEXT, undefined);
+
+// Same split as UiCheckbox: layout attrs on the root <label>, everything else on the <input>.
+const attrs = useAttrs();
+function rootAttrs() {
+	return { class: attrs.class, style: attrs.style };
+}
+function inputAttrs() {
+	const { class: _class, style: _style, ...rest } = attrs;
+	return rest;
+}
+
+const classes = computed(() => [
+	'ui-switch',
+	`ui-switch--size-${props.size}`,
+	`ui-switch--label-${props.labelPosition}`,
+	{ 'ui-switch--checked': props.modelValue, 'ui-switch--disabled': props.disabled },
+]);
+
+function onChange(event: Event) {
+	emit('update:modelValue', (event.target as HTMLInputElement).checked);
+}
+</script>
+
+<script lang="ts">
+export default {
+  inheritAttrs: false,
+}
+</script>
+
+<template>
+	<label v-bind="rootAttrs()" :class="classes">
+		<input
+			v-bind="inputAttrs()"
+			:id="field?.inputId"
+			class="ui-switch__input"
+			type="checkbox"
+			role="switch"
+			:checked="modelValue"
+			:disabled="disabled"
+			:aria-describedby="field?.describedBy.value"
+			@change="onChange"
+		>
+		<span class="ui-switch__track" aria-hidden="true"><span class="ui-switch__thumb" /></span>
+		<span class="ui-switch__label"><slot>{{ label }}</slot></span>
+	</label>
+</template>
+
+<style scoped>
+.ui-switch {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-2);
+  font-size: var(--text-sm);
+  color: var(--color-ink);
+  cursor: pointer;
+}
+
+.ui-switch--label-before {
+  flex-direction: row-reverse;
+}
+
+.ui-switch--disabled {
+  opacity: 0.65;
+  cursor: not-allowed;
+}
+
+/* Visually hidden but focusable: the input is what keyboard and AT interact with. */
+.ui-switch__input {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: 0;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.ui-switch__track {
+  position: relative;
+  flex-shrink: 0;
+  border-radius: var(--radius-pill);
+  background: var(--color-line-strong);
+  transition: background var(--motion-fast) var(--ease-out);
+}
+
+.ui-switch--size-md .ui-switch__track {
+  width: var(--space-8);
+  height: var(--space-5);
+}
+
+.ui-switch--size-sm .ui-switch__track {
+  width: var(--space-6);
+  height: var(--space-4);
+}
+
+.ui-switch__thumb {
+  position: absolute;
+  inset-block: var(--space-05);
+  inset-inline-start: var(--space-05);
+  aspect-ratio: 1;
+  border-radius: var(--radius-pill);
+  background: var(--color-surface);
+  box-shadow: var(--shadow-card);
+  transition: transform var(--motion-fast) var(--ease-out);
+}
+
+.ui-switch--checked .ui-switch__track {
+  background: var(--color-accent);
+}
+
+/* Track width minus thumb width minus both insets: the thumb's height equals its width. */
+.ui-switch--checked.ui-switch--size-md .ui-switch__thumb {
+  transform: translateX(calc(var(--space-8) - var(--space-5)));
+}
+
+.ui-switch--checked.ui-switch--size-sm .ui-switch__thumb {
+  transform: translateX(calc(var(--space-6) - var(--space-4)));
+}
+
+/* RTL: the thumb travels toward the logical end. */
+.ui-switch--checked.ui-switch--size-md .ui-switch__thumb:dir(rtl) {
+  transform: translateX(calc(var(--space-5) - var(--space-8)));
+}
+
+.ui-switch--checked.ui-switch--size-sm .ui-switch__thumb:dir(rtl) {
+  transform: translateX(calc(var(--space-4) - var(--space-6)));
+}
+
+.ui-switch__input:focus-visible + .ui-switch__track {
+  box-shadow: var(--ring-focus);
+}
+
+.ui-switch__label:empty {
+  display: none;
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiTable.spec.ts b/frontend-vue/src/components/ui/UiTable.spec.ts
new file mode 100644
index 000000000..6ddcd0e6c
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiTable.spec.ts
@@ -0,0 +1,281 @@
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { defineComponent, ref } from 'vue';
+import type { TableColumn, TableRowKey, TableSort } from './tableTypes';
+import UiTable from './UiTable.vue';
+
+interface User {
+	id: number;
+	name: string;
+	age: number | null;
+}
+
+const COLUMNS: TableColumn<User>[] = [
+	{ key: 'name', label: 'Name', sortable: true },
+	{ key: 'age', label: 'Age', sortable: true, align: 'end', width: '6rem' },
+	{ key: 'id', label: 'ID' },
+];
+
+const ROWS: User[] = [
+	{ id: 1, name: 'Charlie', age: 30 },
+	{ id: 2, name: 'alice', age: null },
+	{ id: 3, name: 'Bob', age: 4 },
+];
+
+function mountTable(props: Record<string, unknown> = {}, slots: Record<string, unknown> = {}) {
+	return mount(UiTable, {
+		props: { columns: COLUMNS, rows: ROWS, rowKey: 'id', ...props },
+		slots,
+	} as Parameters<typeof mount>[1]);
+}
+
+const bodyText = (wrapper: ReturnType<typeof mountTable>, column: number) =>
+	wrapper.findAll('tbody tr').map((row) => row.findAll('td')[column]?.text());
+
+describe('UiTable', () => {
+	it('renders a native table with column headers and cell values', () => {
+		const wrapper = mountTable({ label: 'Users' });
+
+		expect(wrapper.get('table').attributes('aria-label')).toBe('Users');
+		// The sort icon is an aria-hidden ligature, so compare the label text only.
+		const headerText = wrapper
+			.findAll('th[scope="col"]')
+			.map((th) => (th.find('button > span').exists() ? th.get('button > span') : th).text());
+		expect(headerText).toEqual(['Name', 'Age', 'ID']);
+		expect(wrapper.get('th .ui-table__sort-icon').attributes('aria-hidden')).toBe('true');
+		expect(bodyText(wrapper, 0)).toEqual(['Charlie', 'alice', 'Bob']);
+		expect(bodyText(wrapper, 1)).toEqual(['30', '', '4']);
+	});
+
+	it('applies column width, alignment and the cell data-label', () => {
+		const wrapper = mountTable();
+		const ageHeader = wrapper.findAll('th')[1]!;
+		const ageCell = wrapper.findAll('tbody td')[1]!;
+
+		expect(ageHeader.attributes('style')).toContain('width: 6rem');
+		expect(ageCell.classes()).toContain('ui-table__cell--align-end');
+		expect(ageCell.attributes('data-label')).toBe('Age');
+	});
+
+	it('reads values through column.value when given', () => {
+		const wrapper = mountTable({
+			columns: [{ key: 'x', label: 'Upper', value: (row: User) => row.name.toUpperCase() }],
+		});
+
+		expect(bodyText(wrapper, 0)).toEqual(['CHARLIE', 'ALICE', 'BOB']);
+	});
+
+	describe('sorting', () => {
+		it('sets aria-sort on sortable headers only', () => {
+			const wrapper = mountTable({ sort: { active: 'name', direction: 'desc' } });
+			const headers = wrapper.findAll('th');
+
+			expect(headers.map((th) => th.attributes('aria-sort'))).toEqual(['descending', 'none', undefined]);
+			expect(headers[0]!.find('button').exists()).toBe(true);
+			expect(headers[2]!.find('button').exists()).toBe(false);
+		});
+
+		it('cycles asc → desc → none on header clicks, emitting only', async () => {
+			const Host = defineComponent({
+				components: { UiTable },
+				setup: () => ({ columns: COLUMNS, rows: ROWS, sort: ref<TableSort>({ active: '', direction: '' }) }),
+				template: '<UiTable v-model:sort="sort" :columns="columns" :rows="rows" row-key="id" />',
+			});
+			const wrapper = mount(Host);
+			const table = wrapper.findComponent(UiTable);
+			const button = () => wrapper.findAll('th')[0]!.get('button');
+
+			await button().trigger('click');
+			expect(table.emitted('update:sort')?.at(-1)).toEqual([{ active: 'name', direction: 'asc' }]);
+			await button().trigger('click');
+			expect(table.emitted('update:sort')?.at(-1)).toEqual([{ active: 'name', direction: 'desc' }]);
+			await button().trigger('click');
+			expect(table.emitted('update:sort')?.at(-1)).toEqual([{ active: '', direction: '' }]);
+
+			// Server-side by default: the rows were never reordered.
+			expect(wrapper.findAll('tbody tr').map((row) => row.findAll('td')[0]!.text())).toEqual([
+				'Charlie',
+				'alice',
+				'Bob',
+			]);
+		});
+
+		it('toggles asc ↔ desc without clearableSort', async () => {
+			const wrapper = mountTable({ clearableSort: false, sort: { active: 'name', direction: 'desc' } });
+			await wrapper.findAll('th')[0]!.get('button').trigger('click');
+
+			expect(wrapper.emitted('update:sort')?.at(-1)).toEqual([{ active: 'name', direction: 'asc' }]);
+		});
+
+		it('starts a different column ascending', async () => {
+			const wrapper = mountTable({ sort: { active: 'name', direction: 'desc' } });
+			await wrapper.findAll('th')[1]!.get('button').trigger('click');
+
+			expect(wrapper.emitted('update:sort')?.at(-1)).toEqual([{ active: 'age', direction: 'asc' }]);
+		});
+
+		it('sorts locally with localSort, keeping the original index for slots', () => {
+			const asc = mountTable({ localSort: true, sort: { active: 'name', direction: 'asc' } });
+			expect(bodyText(asc, 0)).toEqual(['alice', 'Bob', 'Charlie']);
+
+			const desc = mountTable({
+				localSort: true,
+				sort: { active: 'age', direction: 'desc' },
+				selectable: true,
+			});
+			expect(bodyText(desc, 2)).toEqual(['30', '4', '']);
+			expect(desc.findAll('tbody input').map((input) => input.attributes('aria-label'))).toEqual([
+				'Select row 1',
+				'Select row 3',
+				'Select row 2',
+			]);
+		});
+
+		it('hands header slots the sort state and a setter, keeping aria-sort', async () => {
+			const wrapper = mountTable(
+				{ sort: { active: 'name', direction: 'asc' } },
+				{
+					'header-name': `<template #header-name="{ column, direction, setSort }">
+              <span class="custom">{{ column.label }} {{ direction }}</span>
+              <button type="button" class="desc" @click="setSort('desc')">Desc</button>
+            </template>`,
+				},
+			);
+			const th = wrapper.findAll('th')[0]!;
+
+			expect(th.get('.custom').text()).toBe('Name asc');
+			expect(th.attributes('aria-sort')).toBe('ascending');
+			await th.get('.desc').trigger('click');
+			expect(wrapper.emitted('update:sort')?.at(-1)).toEqual([{ active: 'name', direction: 'desc' }]);
+		});
+	});
+
+	describe('selection', () => {
+		function mountSelectable(initial: TableRowKey[] = []) {
+			const Host = defineComponent({
+				components: { UiTable },
+				setup: () => ({ columns: COLUMNS, rows: ROWS, selected: ref<TableRowKey[]>(initial) }),
+				template: `
+          <UiTable v-model:selected="selected" selectable :columns="columns" :rows="rows" row-key="id" />
+          <output>{{ JSON.stringify(selected) }}</output>
+        `,
+			});
+			return mount(Host);
+		}
+		const headerBox = (wrapper: ReturnType<typeof mount>) => wrapper.get('thead input').element as HTMLInputElement;
+		const model = (wrapper: ReturnType<typeof mount>) => JSON.parse(wrapper.get('output').text()) as TableRowKey[];
+
+		it('toggles a row key from its checkbox, labelled per row', async () => {
+			const wrapper = mountSelectable();
+			const boxes = wrapper.findAll('tbody input');
+
+			expect(boxes[0]!.attributes('aria-label')).toBe('Select row 1');
+			await boxes[1]!.setValue(true);
+			expect(model(wrapper)).toEqual([2]);
+			expect(wrapper.findAll('tbody tr')[1]!.classes()).toContain('ui-table__row--selected');
+
+			await wrapper.findAll('tbody input')[1]!.setValue(false);
+			expect(model(wrapper)).toEqual([]);
+		});
+
+		it('shows the header box indeterminate for a partial selection', () => {
+			const wrapper = mountSelectable([1]);
+
+			expect(headerBox(wrapper).indeterminate).toBe(true);
+			expect(headerBox(wrapper).checked).toBe(false);
+			expect(wrapper.get('thead input').attributes('aria-label')).toBe('Select all rows');
+		});
+
+		it('selects every row on the page, then clears them, leaving other pages alone', async () => {
+			const wrapper = mountSelectable([99, 1]);
+			await wrapper.get('thead input').setValue(true);
+			expect(model(wrapper)).toEqual([99, 1, 2, 3]);
+			expect(headerBox(wrapper).checked).toBe(true);
+			expect(headerBox(wrapper).indeterminate).toBe(false);
+
+			await wrapper.get('thead input').setValue(false);
+			expect(model(wrapper)).toEqual([99]);
+		});
+
+		it('disables select-all on an empty table', () => {
+			const wrapper = mountTable({ rows: [], selectable: true });
+
+			expect((wrapper.get('thead input').element as HTMLInputElement).disabled).toBe(true);
+		});
+
+		it('does not emit rowClick from the checkbox cell', async () => {
+			const wrapper = mountTable({ selectable: true });
+			await wrapper.get('tbody td.ui-table__select-cell').trigger('click');
+
+			expect(wrapper.emitted('rowClick')).toBeUndefined();
+		});
+	});
+
+	it('emits rowClick with the row and index', async () => {
+		const wrapper = mountTable({ interactive: true });
+		await wrapper.findAll('tbody tr')[2]!.trigger('click');
+
+		expect(wrapper.emitted('rowClick')?.at(-1)).toEqual([ROWS[2], 2]);
+		expect(wrapper.classes()).toContain('ui-table--interactive');
+	});
+
+	it('applies rowClass per row', () => {
+		const wrapper = mountTable({ rowClass: (row: User) => (row.id === 2 ? 'is-open' : undefined) });
+
+		expect(wrapper.findAll('tbody tr').map((row) => row.classes().includes('is-open'))).toEqual([false, true, false]);
+	});
+
+	it('renders cell slots with row, value and index', () => {
+		const wrapper = mountTable(
+			{},
+			{
+				'cell-name': `<template #cell-name="{ row, value, index }"><b>{{ index }}:{{ value }}:{{ row.id }}</b></template>`,
+			},
+		);
+
+		expect(wrapper.findAll('tbody b').map((b) => b.text())).toEqual(['0:Charlie:1', '1:alice:2', '2:Bob:3']);
+	});
+
+	it('renders a sticky actions column whose clicks do not emit rowClick', async () => {
+		const wrapper = mountTable(
+			{},
+			{
+				actions: `<template #actions="{ row }"><button type="button" class="edit">Edit {{ row.id }}</button></template>`,
+			},
+		);
+
+		expect(wrapper.findAll('th').at(-1)!.text()).toBe('Actions');
+		expect(wrapper.findAll('.edit').map((button) => button.text())).toEqual(['Edit 1', 'Edit 2', 'Edit 3']);
+		expect(wrapper.classes()).toContain('ui-table--sticky-actions');
+		await wrapper.get('.edit').trigger('click');
+		expect(wrapper.emitted('rowClick')).toBeUndefined();
+	});
+
+	it('shows the empty state spanning every column', () => {
+		const wrapper = mountTable({ rows: [], selectable: true, emptyText: 'Nothing here' });
+		const cell = wrapper.get('.ui-table__empty');
+
+		expect(cell.text()).toBe('Nothing here');
+		expect(cell.attributes('colspan')).toBe('4');
+	});
+
+	it('lets the empty slot replace the empty text', () => {
+		const wrapper = mountTable({ rows: [] }, { empty: () => 'No records match this filter' });
+
+		expect(wrapper.get('.ui-table__empty').text()).toBe('No records match this filter');
+	});
+
+	it('marks itself busy while loading, without the empty state', () => {
+		const wrapper = mountTable({ rows: [], loading: true });
+
+		expect(wrapper.get('table').attributes('aria-busy')).toBe('true');
+		expect(wrapper.find('.ui-table__empty').exists()).toBe(false);
+		expect(wrapper.find('.ui-table__loading [role="status"]').exists()).toBe(true);
+	});
+
+	it('adds the sticky-header and size modifiers', () => {
+		expect(mountTable({ stickyHeader: true, size: 'sm' }).classes()).toEqual(
+			expect.arrayContaining(['ui-table--sticky-header', 'ui-table--size-sm']),
+		);
+	});
+});
diff --git a/frontend-vue/src/components/ui/UiTable.stories.ts b/frontend-vue/src/components/ui/UiTable.stories.ts
new file mode 100644
index 000000000..5f768885e
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiTable.stories.ts
@@ -0,0 +1,146 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import { type ConcreteComponent, computed, ref } from 'vue';
+import type { TableColumn, TableRowKey, TableSort } from './tableTypes';
+import UiChip from './UiChip.vue';
+import UiIconButton from './UiIconButton.vue';
+import UiPaginator from './UiPaginator.vue';
+import UiTable from './UiTable.vue';
+
+interface Log {
+	id: number;
+	table: string;
+	user: string;
+	action: string;
+	status: 'successfully' | 'unsuccessfully';
+}
+
+const ACTIONS = ['Add row', 'Edit row', 'Delete row', 'View row'];
+const LOGS: Log[] = Array.from({ length: 87 }, (_, i) => ({
+	id: i + 1,
+	table: ['orders', 'customers', 'invoices'][i % 3] ?? 'orders',
+	user: `user${(i % 7) + 1}@example.com`,
+	action: ACTIONS[i % ACTIONS.length] ?? 'View row',
+	status: i % 5 === 0 ? 'unsuccessfully' : 'successfully',
+}));
+
+const COLUMNS: TableColumn<Log>[] = [
+	{ key: 'table', label: 'Table', sortable: true },
+	{ key: 'user', label: 'User', sortable: true },
+	{ key: 'action', label: 'Action' },
+	{ key: 'status', label: 'Status', width: '10rem' },
+];
+
+/**
+ * Native `<table>` replacing `mat-table` + `matSort` + `SelectionModel`; `UiPaginator` replaces
+ * `mat-paginator`. Sorting and paging are emitted for the caller to fetch — `localSort` is opt-in.
+ * Cells and headers are scoped slots (`#cell-<key>`, `#header-<key>`); `#actions` is a sticky
+ * trailing column.
+ */
+// Widened like UiSelect's: Storybook's types cannot infer args from a generic SFC.
+const meta = {
+	title: 'UI/Table',
+	component: UiTable as ConcreteComponent,
+	subcomponents: { UiPaginator: UiPaginator as ConcreteComponent },
+	tags: ['autodocs'],
+	parameters: { layout: 'padded' },
+	args: { columns: COLUMNS, rows: LOGS.slice(0, 8), rowKey: 'id', label: 'Audit log', loading: false, size: 'md' },
+	argTypes: {
+		size: { control: 'inline-radio', options: ['sm', 'md'] },
+		columns: { control: false },
+		rows: { control: false },
+	},
+	render: (args) => ({
+		components: { UiTable },
+		setup: () => ({ args }),
+		template: '<UiTable v-bind="args" />',
+	}),
+} satisfies Meta;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Loading: Story = { args: { loading: true } };
+
+export const Empty: Story = { args: { rows: [], emptyText: 'No records match this filter' } };
+
+/**
+ * The db-table-view shape: selectable rows, sorting, a custom cell, sticky actions and a paginator.
+ * Sorting and paging here run in the story's own `computed`, standing in for the server.
+ */
+export const ServerSide: Story = {
+	render: () => ({
+		components: { UiTable, UiPaginator, UiChip, UiIconButton },
+		setup() {
+			const sort = ref<TableSort>({ active: 'table', direction: 'asc' });
+			const selected = ref<TableRowKey[]>([]);
+			const pageIndex = ref(0);
+			const pageSize = ref(10);
+			const page = computed(() => {
+				const { active, direction } = sort.value;
+				const sorted = [...LOGS].sort((a, b) => {
+					if (!direction) return 0;
+					const key = active as keyof Log;
+					return (direction === 'asc' ? 1 : -1) * String(a[key]).localeCompare(String(b[key]));
+				});
+				return sorted.slice(pageIndex.value * pageSize.value, (pageIndex.value + 1) * pageSize.value);
+			});
+			const opened = ref<number | null>(null);
+			return { columns: COLUMNS, sort, selected, pageIndex, pageSize, page, opened, total: LOGS.length };
+		},
+		template: `
+      <div style="display: grid; gap: 0.5rem;">
+        <UiTable
+          v-model:sort="sort"
+          v-model:selected="selected"
+          :columns="columns"
+          :rows="page"
+          row-key="id"
+          label="Audit log"
+          selectable
+          sticky-header
+          interactive
+          :row-class="(row) => (row.id === opened ? 'is-open' : undefined)"
+          style="max-height: 24rem;"
+          @row-click="(row) => (opened = row.id)"
+        >
+          <template #cell-status="{ value }">
+            <UiChip :tone="value === 'successfully' ? 'success' : 'danger'">{{ value === 'successfully' ? 'Success' : 'Failed' }}</UiChip>
+          </template>
+          <template #actions="{ row }">
+            <UiIconButton icon="create" :label="'Edit row ' + row.id" size="sm" />
+            <UiIconButton icon="delete" :label="'Delete row ' + row.id" size="sm" />
+          </template>
+        </UiTable>
+        <UiPaginator
+          v-model:page-index="pageIndex"
+          v-model:page-size="pageSize"
+          :length="total"
+          :page-size-options="[10, 30, 100, 300]"
+          show-first-last
+        />
+        <code>sort: {{ JSON.stringify(sort) }} · selected: {{ JSON.stringify(selected) }} · opened: {{ opened }}</code>
+      </div>
+    `,
+	}),
+};
+
+/** Both sizes × plain / sorted + selectable / loading / empty. */
+export const AllVariants: Story = {
+	render: () => ({
+		components: { UiTable },
+		setup: () => ({ columns: COLUMNS, rows: LOGS.slice(0, 3), sizes: ['sm', 'md'] as const }),
+		template: `
+      <div style="display: grid; gap: 1.5rem;">
+        <template v-for="size in sizes" :key="size">
+          <UiTable :size="size" :columns="columns" :rows="rows" row-key="id" :label="size + ' plain'" />
+          <UiTable :size="size" :columns="columns" :rows="rows" row-key="id" selectable :selected="[2]"
+            :sort="{ active: 'user', direction: 'desc' }" :label="size + ' sorted'" />
+          <UiTable :size="size" :columns="columns" :rows="rows" row-key="id" loading :label="size + ' loading'" />
+          <UiTable :size="size" :columns="columns" :rows="[]" row-key="id" :label="size + ' empty'" />
+        </template>
+      </div>
+    `,
+	}),
+};
diff --git a/frontend-vue/src/components/ui/UiTable.vue b/frontend-vue/src/components/ui/UiTable.vue
new file mode 100644
index 000000000..be9988283
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiTable.vue
@@ -0,0 +1,512 @@
+<script setup lang="ts" generic="R">
+/**
+ * Data table on a native `<table>` — the `mat-table` + `matSort` + `SelectionModel` replacement.
+ * Pair it with `UiPaginator` for `mat-paginator`.
+ *
+ * **Server-side first.** Clicking a sortable header only emits `update:sort`; the caller refetches.
+ * Rows are never reordered locally unless `localSort` is set, which is for small, fully loaded
+ * lists. Paging is likewise the caller's: pass the current page as `rows`.
+ *
+ * **Cells** render `row[column.key]` (or `column.value(row)`) as text by default; replace any column
+ * with a scoped slot `#cell-<key>="{ row, value, index, column }"` for widgets, links, badges.
+ * Headers likewise: `#header-<key>="{ column, sort, direction, setSort }"` replaces the default sort
+ * button — e.g. db-table-view's sort *menu* — while `aria-sort` stays on the `<th>`.
+ *
+ * **Selection** (`selectable` + `v-model:selected`) holds row *keys*, from `rowKey`, so a selection
+ * survives the page's rows being refetched as new objects. The header checkbox selects or clears the
+ * rows on the current page and shows the indeterminate dash when only some are selected; keys of
+ * rows on other pages are left alone.
+ *
+ * **Actions.** The `#actions="{ row, index }"` slot renders a trailing column (header
+ * `actionsLabel`), sticky to the inline end by default. Clicks inside it and in the checkbox column
+ * do not trigger `rowClick`.
+ *
+ * `rowClick` fires on a pointer click anywhere else in a row. Rows are not focusable: any action a
+ * row click performs must also be reachable through a control in the row (a link or button in a
+ * cell or in `actions`), as db-table-view's edit link is.
+ *
+ * Scrolling: the root is the scroll container (`overflow: auto`). Give it a height via `class` to
+ * make `stickyHeader` stick.
+ */
+import { computed } from 'vue';
+import type { TableColumn, TableRowKey, TableSort, TableSortDirection } from './tableTypes';
+import UiCheckbox from './UiCheckbox.vue';
+import UiIcon from './UiIcon.vue';
+import UiSpinner from './UiSpinner.vue';
+
+type RowClass = string | string[] | Record<string, boolean> | undefined;
+
+const props = withDefaults(
+	defineProps<{
+		columns: TableColumn<R>[];
+		/** The rows to show — the current page when paging server-side. */
+		rows: R[];
+		/** Row field (or function) giving a stable unique key. Required for `selectable`; falls back to the index. */
+		rowKey?: string | ((row: R, index: number) => TableRowKey);
+		/** Accessible name for the table, e.g. the table name. */
+		label?: string;
+		/** Dims the rows under a spinner and sets `aria-busy`. Suppresses the empty state. */
+		loading?: boolean;
+		/** Sorts `rows` locally by the active column. Off by default: sorting is the server's job. */
+		localSort?: boolean;
+		/** Lets a third header click clear the sort (asc → desc → none). Off, it toggles asc ↔ desc. */
+		clearableSort?: boolean;
+		/** Adds a leading checkbox column bound to `v-model:selected`. */
+		selectable?: boolean;
+		/** `aria-label` of the header select-all checkbox. */
+		selectAllLabel?: string;
+		/** `aria-label` of each row checkbox. */
+		selectRowLabel?: (row: R, index: number) => string;
+		/** Keeps the header row visible while the root scrolls. */
+		stickyHeader?: boolean;
+		/** Keeps the `actions` column visible at the inline end while scrolling sideways. */
+		stickyActions?: boolean;
+		/** Header text of the `actions` column. */
+		actionsLabel?: string;
+		/** Shown in place of rows when there are none and nothing is loading. The `empty` slot replaces it. */
+		emptyText?: string;
+		/** Hover affordance for rows whose click does something (`rowClick`). */
+		interactive?: boolean;
+		/** Extra classes per row, e.g. to highlight the row open in a side panel. */
+		rowClass?: (row: R, index: number) => RowClass;
+		/** Geometry only: cell padding. */
+		size?: 'sm' | 'md';
+	}>(),
+	{
+		loading: false,
+		localSort: false,
+		clearableSort: true,
+		selectable: false,
+		selectAllLabel: 'Select all rows',
+		selectRowLabel: (_row: unknown, index: number) => `Select row ${index + 1}`,
+		stickyHeader: false,
+		stickyActions: true,
+		actionsLabel: 'Actions',
+		emptyText: 'No data',
+		interactive: false,
+		size: 'md',
+	},
+);
+
+/** Current sort. Two-way via `v-model:sort`; uncontrolled when not bound. */
+const sort = defineModel<TableSort>('sort', { default: () => ({ active: '', direction: '' }) });
+
+/** Keys of the selected rows. Two-way via `v-model:selected`. */
+const selected = defineModel<TableRowKey[]>('selected', { default: () => [] });
+
+const emit = defineEmits<{ rowClick: [row: R, index: number] }>();
+
+const slots = defineSlots<
+	{
+		/** Replaces the default `emptyText`. */
+		empty?: () => unknown;
+		/** Replaces the default spinner overlay while `loading`. */
+		loading?: () => unknown;
+		/** Trailing per-row actions column. */
+		actions?: (props: { row: R; index: number }) => unknown;
+	} & {
+		[key: `cell-${string}`]:
+			| ((props: { row: R; value: unknown; index: number; column: TableColumn<R> }) => unknown)
+			| undefined;
+	} & {
+		[key: `header-${string}`]:
+			| ((props: {
+					column: TableColumn<R>;
+					sort: TableSort;
+					direction: TableSortDirection;
+					setSort: (direction: TableSortDirection) => void;
+			  }) => unknown)
+			| undefined;
+	}
+>();
+
+function cellValue(row: R, column: TableColumn<R>): unknown {
+	if (column.value) return column.value(row);
+	return (row as Record<string, unknown> | null)?.[column.key];
+}
+
+function keyOf(row: R, index: number): TableRowKey {
+	if (typeof props.rowKey === 'function') return props.rowKey(row, index);
+	if (typeof props.rowKey === 'string') {
+		const key = (row as Record<string, unknown> | null)?.[props.rowKey];
+		if (typeof key === 'string' || typeof key === 'number') return key;
+	}
+	return index;
+}
+
+/** Rows paired with their index in `rows` — the index slots and labels report, even when sorted locally. */
+const displayedRows = computed(() => {
+	const entries = props.rows.map((row, index) => ({ row, index, key: keyOf(row, index) }));
+	const { active, direction } = sort.value;
+	const column = props.columns.find((candidate) => candidate.key === active);
+	if (!props.localSort || !direction || !column) return entries;
+	const factor = direction === 'asc' ? 1 : -1;
+	return [...entries].sort((a, b) => factor * compareValues(cellValue(a.row, column), cellValue(b.row, column)));
+});
+
+function compareValues(a: unknown, b: unknown): number {
+	// Empty values first when ascending, last when descending.
+	if (a == null || a === '') return b == null || b === '' ? 0 : -1;
+	if (b == null || b === '') return 1;
+	if (typeof a === 'number' && typeof b === 'number') return a - b;
+	return String(a).localeCompare(String(b), undefined, { numeric: true, sensitivity: 'base' });
+}
+
+function formatValue(value: unknown): string {
+	if (value == null) return '';
+	if (typeof value === 'object') return JSON.stringify(value);
+	return String(value);
+}
+
+function directionOf(column: TableColumn<R>): TableSortDirection {
+	return sort.value.active === column.key ? sort.value.direction : '';
+}
+
+function ariaSort(column: TableColumn<R>): 'ascending' | 'descending' | 'none' | undefined {
+	if (!column.sortable) return undefined;
+	const direction = directionOf(column);
+	if (direction === 'asc') return 'ascending';
+	if (direction === 'desc') return 'descending';
+	return 'none';
+}
+
+function setSort(column: TableColumn<R>, direction: TableSortDirection) {
+	sort.value = { active: direction ? column.key : '', direction };
+}
+
+/** Material's cycle: a new column starts ascending, then descending, then (if clearable) none. */
+function cycleSort(column: TableColumn<R>) {
+	const current = directionOf(column);
+	if (current === '') setSort(column, 'asc');
+	else if (current === 'asc') setSort(column, 'desc');
+	else setSort(column, props.clearableSort ? '' : 'asc');
+}
+
+function sortIcon(column: TableColumn<R>): string {
+	const direction = directionOf(column);
+	if (direction === 'asc') return 'arrow_upward';
+	if (direction === 'desc') return 'arrow_downward';
+	return 'unfold_more';
+}
+
+const selectedSet = computed(() => new Set(selected.value));
+const pageKeys = computed(() => displayedRows.value.map((entry) => entry.key));
+const allSelected = computed(
+	() => pageKeys.value.length > 0 && pageKeys.value.every((key) => selectedSet.value.has(key)),
+);
+const someSelected = computed(() => !allSelected.value && pageKeys.value.some((key) => selectedSet.value.has(key)));
+
+function toggleAll() {
+	const onPage = new Set(pageKeys.value);
+	if (allSelected.value) {
+		selected.value = selected.value.filter((key) => !onPage.has(key));
+	} else {
+		selected.value = [...selected.value, ...pageKeys.value.filter((key) => !selectedSet.value.has(key))];
+	}
+}
+
+function toggleRow(key: TableRowKey, checked: boolean) {
+	if (checked && !selectedSet.value.has(key)) selected.value = [...selected.value, key];
+	else if (!checked) selected.value = selected.value.filter((candidate) => candidate !== key);
+}
+
+/** A function, not a computed: `slots` is not reactive, and presence is re-read on every render. */
+function hasActions(): boolean {
+	return slots.actions !== undefined;
+}
+
+function columnCount(): number {
+	return props.columns.length + (props.selectable ? 1 : 0) + (hasActions() ? 1 : 0);
+}
+
+const classes = computed(() => [
+	'ui-table',
+	`ui-table--size-${props.size}`,
+	{
+		'ui-table--sticky-header': props.stickyHeader,
+		'ui-table--sticky-actions': props.stickyActions,
+		'ui-table--interactive': props.interactive,
+		'ui-table--loading': props.loading,
+	},
+]);
+
+function alignClass(column: TableColumn<R>): string {
+	return `ui-table__cell--align-${column.align ?? 'start'}`;
+}
+
+function headerClasses(column: TableColumn<R>) {
+	return [
+		'ui-table__header-cell',
+		alignClass(column),
+		{ 'ui-table__header-cell--sortable': column.sortable, 'ui-table__header-cell--sorted': directionOf(column) !== '' },
+	];
+}
+
+function rowClasses(entry: { row: R; index: number; key: TableRowKey }) {
+	return [
+		'ui-table__row',
+		{ 'ui-table__row--selected': props.selectable && selectedSet.value.has(entry.key) },
+		props.rowClass?.(entry.row, entry.index),
+	];
+}
+</script>
+
+<template>
+	<div :class="classes">
+		<table class="ui-table__table" :aria-label="label" :aria-busy="loading ? 'true' : undefined">
+			<thead class="ui-table__head">
+				<tr class="ui-table__header-row">
+					<th v-if="selectable" scope="col" class="ui-table__header-cell ui-table__select-cell">
+						<UiCheckbox
+							:model-value="allSelected"
+							:indeterminate="someSelected"
+							:disabled="rows.length === 0"
+							:aria-label="selectAllLabel"
+							@update:model-value="toggleAll"
+						/>
+					</th>
+					<th
+						v-for="column in columns"
+						:key="column.key"
+						scope="col"
+						:class="headerClasses(column)"
+						:style="column.width ? { width: column.width } : undefined"
+						:aria-sort="ariaSort(column)"
+					>
+						<slot
+							:name="`header-${column.key}`"
+							:column="column"
+							:sort="sort"
+							:direction="directionOf(column)"
+							:set-sort="(direction: TableSortDirection) => setSort(column, direction)"
+						>
+							<button
+								v-if="column.sortable"
+								type="button"
+								class="ui-table__sort"
+								@click="cycleSort(column)"
+							>
+								<span>{{ column.label }}</span>
+								<UiIcon class="ui-table__sort-icon" :name="sortIcon(column)" size="sm" />
+							</button>
+							<template v-else>{{ column.label }}</template>
+						</slot>
+					</th>
+					<th v-if="hasActions()" scope="col" class="ui-table__header-cell ui-table__actions-cell">
+						{{ actionsLabel }}
+					</th>
+				</tr>
+			</thead>
+			<tbody class="ui-table__body">
+				<tr
+					v-for="entry in displayedRows"
+					:key="entry.key"
+					:class="rowClasses(entry)"
+					@click="emit('rowClick', entry.row, entry.index)"
+				>
+					<td v-if="selectable" class="ui-table__cell ui-table__select-cell" @click.stop>
+						<UiCheckbox
+							:model-value="selectedSet.has(entry.key)"
+							:aria-label="selectRowLabel(entry.row, entry.index)"
+							@update:model-value="(checked: boolean) => toggleRow(entry.key, checked)"
+						/>
+					</td>
+					<td
+						v-for="column in columns"
+						:key="column.key"
+						:class="['ui-table__cell', alignClass(column)]"
+						:data-label="column.label"
+					>
+						<slot
+							:name="`cell-${column.key}`"
+							:row="entry.row"
+							:value="cellValue(entry.row, column)"
+							:index="entry.index"
+							:column="column"
+						>
+							{{ formatValue(cellValue(entry.row, column)) }}
+						</slot>
+					</td>
+					<td v-if="hasActions()" class="ui-table__cell ui-table__actions-cell" @click.stop>
+						<div class="ui-table__actions">
+							<slot name="actions" :row="entry.row" :index="entry.index" />
+						</div>
+					</td>
+				</tr>
+				<tr v-if="!loading && rows.length === 0" class="ui-table__empty-row">
+					<td class="ui-table__empty" :colspan="columnCount()">
+						<slot name="empty">{{ emptyText }}</slot>
+					</td>
+				</tr>
+			</tbody>
+		</table>
+		<div v-if="loading" class="ui-table__loading">
+			<slot name="loading"><UiSpinner size="lg" label="Loading" /></slot>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.ui-table {
+  position: relative;
+  overflow: auto;
+  border: 1px solid var(--color-line);
+  border-radius: var(--radius-card);
+  background: var(--color-surface);
+}
+
+.ui-table__table {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  font-size: var(--text-sm);
+  color: var(--color-ink);
+}
+
+.ui-table__header-cell {
+  font-weight: var(--weight-semibold);
+  color: var(--color-ink-soft);
+  text-align: start;
+  white-space: nowrap;
+  background: var(--color-surface);
+  border-bottom: 1px solid var(--color-line);
+}
+
+.ui-table__cell {
+  border-bottom: 1px solid var(--color-line);
+  vertical-align: middle;
+  background: var(--color-surface);
+}
+
+.ui-table__row:last-child .ui-table__cell {
+  border-bottom: 0;
+}
+
+.ui-table--size-md .ui-table__header-cell,
+.ui-table--size-md .ui-table__cell {
+  padding: var(--space-3) var(--space-4);
+}
+
+.ui-table--size-sm .ui-table__header-cell,
+.ui-table--size-sm .ui-table__cell {
+  padding: var(--space-2) var(--space-3);
+}
+
+.ui-table__cell--align-start {
+  text-align: start;
+}
+
+.ui-table__cell--align-center {
+  text-align: center;
+}
+
+.ui-table__cell--align-end {
+  text-align: end;
+}
+
+.ui-table__select-cell {
+  width: 1%;
+}
+
+/* The checkbox's own focus ring needs the cell to not clip it. */
+.ui-table__select-cell > :deep(.ui-checkbox) {
+  display: flex;
+}
+
+.ui-table__sort {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-1);
+  margin: calc(-1 * var(--space-1));
+  padding: var(--space-1);
+  border: 0;
+  border-radius: var(--radius-control);
+  background: transparent;
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+}
+
+.ui-table__sort:hover {
+  color: var(--color-ink);
+}
+
+.ui-table__sort:focus-visible {
+  outline: none;
+  box-shadow: var(--ring-focus);
+}
+
+.ui-table__sort-icon {
+  color: var(--color-muted-soft);
+}
+
+.ui-table__header-cell--sorted .ui-table__sort-icon {
+  color: var(--color-accent);
+}
+
+.ui-table__header-cell--sorted {
+  color: var(--color-ink);
+}
+
+.ui-table--sticky-header .ui-table__header-cell {
+  position: sticky;
+  top: 0;
+  z-index: var(--z-sticky);
+}
+
+.ui-table__actions-cell {
+  width: 1%;
+  white-space: nowrap;
+  text-align: end;
+}
+
+.ui-table__actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--space-1);
+}
+
+.ui-table--sticky-actions .ui-table__actions-cell {
+  position: sticky;
+  inset-inline-end: 0;
+  border-inline-start: 1px solid var(--color-line);
+}
+
+/* The corner cell sits above both sticky axes. */
+.ui-table--sticky-header.ui-table--sticky-actions .ui-table__header-cell.ui-table__actions-cell {
+  z-index: calc(var(--z-sticky) + 1);
+}
+
+.ui-table--interactive .ui-table__row {
+  cursor: pointer;
+}
+
+.ui-table--interactive .ui-table__row:hover .ui-table__cell {
+  background: var(--color-paper);
+}
+
+.ui-table__row--selected .ui-table__cell,
+.ui-table--interactive .ui-table__row--selected:hover .ui-table__cell {
+  background: var(--color-paper-2);
+}
+
+.ui-table__empty {
+  padding: var(--space-8) var(--space-4);
+  text-align: center;
+  color: var(--color-muted);
+}
+
+.ui-table__loading {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: color-mix(in srgb, var(--color-surface) 65%, transparent);
+  color: var(--color-accent);
+}
+
+.ui-table--loading .ui-table__table {
+  min-height: var(--space-16);
+}
+</style>
diff --git a/frontend-vue/src/components/ui/UiTooltipLayer.vue b/frontend-vue/src/components/ui/UiTooltipLayer.vue
new file mode 100644
index 000000000..2d0d7acf0
--- /dev/null
+++ b/frontend-vue/src/components/ui/UiTooltipLayer.vue
@@ -0,0 +1,78 @@
+<script setup lang="ts">
+/**
+ * The DOM the `vTooltip` directive renders into — not used directly. Mounted once, lazily, into a
+ * container appended to `<body>`, the first time any host binds a tooltip.
+ *
+ * Two parts, following the CDK `AriaDescriber` pattern `matTooltip` used:
+ *
+ * - **Describer messages**: one visually hidden node per distinct tooltip text, always present, so
+ *   each host's `aria-describedby` resolves the moment focus lands on it — before any bubble shows.
+ *   `aria-hidden` keeps a screenreader's virtual cursor from reading the list at the end of the
+ *   page; `aria-describedby` still resolves hidden nodes, which is the point.
+ * - **The bubble**: the single visible tooltip, `aria-hidden` because the description is already
+ *   wired. A `popover="manual"` element, like `UiMenu`'s panel, so it stacks above a modal
+ *   `<dialog>` instead of underneath it.
+ */
+import { computed } from 'vue';
+import { TOOLTIP_BUBBLE_ID, tooltipState } from './tooltipState';
+
+const classes = computed(() => [
+	'ui-tooltip',
+	tooltipState.active ? `ui-tooltip--placement-${tooltipState.active.placement}` : undefined,
+	{ 'ui-tooltip--measuring': tooltipState.active !== null && tooltipState.active.coords === undefined },
+]);
+</script>
+
+<template>
+	<div class="ui-tooltip-layer">
+		<div class="ui-tooltip-layer__messages" aria-hidden="true">
+			<div v-for="message in tooltipState.messages" :id="message.id" :key="message.id">{{ message.text }}</div>
+		</div>
+		<div
+			v-show="tooltipState.active"
+			:id="TOOLTIP_BUBBLE_ID"
+			:class="classes"
+			popover="manual"
+			aria-hidden="true"
+			:style="tooltipState.active?.coords"
+		>
+			{{ tooltipState.active?.text }}
+		</div>
+	</div>
+</template>
+
+<style scoped>
+/* Visually hidden, not display: none — the conventional shape AT is most reliable with. */
+.ui-tooltip-layer__messages {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+}
+
+/* Overrides the UA `[popover]` box (centred, inset: 0, a border and Canvas background). */
+.ui-tooltip {
+  position: fixed;
+  inset: auto;
+  z-index: var(--z-tooltip);
+  max-width: min(18rem, calc(100vw - var(--space-4)));
+  margin: 0;
+  padding: var(--space-1) var(--space-2);
+  border: 0;
+  border-radius: var(--radius-control);
+  background: var(--color-ink);
+  color: var(--color-surface);
+  font-size: var(--text-xs);
+  line-height: var(--leading-snug);
+  overflow-wrap: anywhere;
+  box-shadow: var(--shadow-card);
+  pointer-events: auto;
+}
+
+/* Rendered but unseen for the one frame between showing and measuring. */
+.ui-tooltip--measuring {
+  visibility: hidden;
+}
+</style>
diff --git a/frontend-vue/src/components/ui/__tests__/a11y.spec.ts b/frontend-vue/src/components/ui/__tests__/a11y.spec.ts
index 11a85a00a..8560853b8 100644
--- a/frontend-vue/src/components/ui/__tests__/a11y.spec.ts
+++ b/frontend-vue/src/components/ui/__tests__/a11y.spec.ts
@@ -1,6 +1,8 @@
 import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import { defineComponent, h, onMounted, ref } from 'vue';
+import { defineComponent, h, nextTick, onMounted, ref } from 'vue';
 import { createMemoryHistory, createRouter } from 'vue-router';
+import { vTooltip } from '../tooltip';
+import UiAccordion from '../UiAccordion.vue';
 import UiAlert from '../UiAlert.vue';
 import UiAutocomplete from '../UiAutocomplete.vue';
 import UiBadge from '../UiBadge.vue';
@@ -9,21 +11,30 @@ import UiCard from '../UiCard.vue';
 import UiCheckbox from '../UiCheckbox.vue';
 import UiChip from '../UiChip.vue';
 import UiConfirmDialog from '../UiConfirmDialog.vue';
+import UiDivider from '../UiDivider.vue';
 import UiDrawer from '../UiDrawer.vue';
+import UiExpansionPanel from '../UiExpansionPanel.vue';
 import UiField from '../UiField.vue';
 import UiIcon from '../UiIcon.vue';
 import UiIconButton from '../UiIconButton.vue';
 import UiInput from '../UiInput.vue';
+import UiList from '../UiList.vue';
+import UiListItem from '../UiListItem.vue';
 import UiMenu from '../UiMenu.vue';
 import UiMenuItem from '../UiMenuItem.vue';
 import UiModal from '../UiModal.vue';
 import UiPageShell from '../UiPageShell.vue';
+import UiPaginator from '../UiPaginator.vue';
 import UiProgressBar from '../UiProgressBar.vue';
+import UiRadio from '../UiRadio.vue';
+import UiRadioGroup from '../UiRadioGroup.vue';
 import UiSegmented from '../UiSegmented.vue';
 import UiSelect from '../UiSelect.vue';
 import UiSkeleton from '../UiSkeleton.vue';
 import UiSpinner from '../UiSpinner.vue';
+import UiSwitch from '../UiSwitch.vue';
 import UiTab from '../UiTab.vue';
+import UiTable from '../UiTable.vue';
 import UiTabPanel from '../UiTabPanel.vue';
 import UiTabs from '../UiTabs.vue';
 import UiTextarea from '../UiTextarea.vue';
@@ -280,6 +291,253 @@ describe('primitive accessibility', () => {
 		});
 	});
 
+	describe('UiSelect option groups', () => {
+		it('is accessible with optgroups', async () => {
+			await expectNoViolations(UiField, {
+				props: { label: 'Action' },
+				slots: {
+					default: () =>
+						h(UiSelect, {
+							options: [
+								{ value: 'none', label: 'None' },
+								{ value: 'read', label: 'Read', group: 'Table' },
+								{ value: 'manage', label: 'Manage', group: 'Connection' },
+							],
+						}),
+				},
+			});
+		});
+	});
+
+	describe('UiSwitch', () => {
+		for (const [state, props] of [
+			['off', {}],
+			['on', { modelValue: true }],
+			['disabled', { disabled: true, modelValue: true }],
+		] as const) {
+			it(`is accessible ${state}`, async () => {
+				// role="switch" on a native checkbox: aria-allowed-role must accept it, and the label names it.
+				await expectNoViolations(UiSwitch, { props: { ...props, label: 'Show only my connections' } });
+			});
+		}
+
+		it('is accessible inside a UiField with a hint', async () => {
+			await expectNoViolations(UiField, {
+				props: { label: 'Notifications', hint: 'Sent by email' },
+				slots: { default: () => h(UiSwitch, { label: 'Enabled' }) },
+			});
+		});
+	});
+
+	describe('UiRadioGroup + UiRadio', () => {
+		const options = [
+			{ value: 'none', label: 'No access' },
+			{ value: 'readonly', label: 'Read only' },
+			{ value: 'edit', label: 'Full access', disabled: true },
+		];
+
+		it('is accessible labelled by its own caption, with a choice made', async () => {
+			await expectNoViolations(UiRadioGroup, { props: { options, label: 'Table access', modelValue: 'readonly' } });
+		});
+
+		it('is accessible disabled with nothing chosen', async () => {
+			await expectNoViolations(UiRadioGroup, { props: { options, label: 'Table access', disabled: true } });
+		});
+
+		it('is accessible inside a UiField with hint and error', async () => {
+			// aria-labelledby → the field label, aria-describedby → hint + error, aria-invalid on a radiogroup.
+			await expectNoViolations(UiField, {
+				props: { label: 'Table access', hint: 'Applies to every table', error: 'Choose one', required: true },
+				slots: { default: () => h(UiRadioGroup, { options }) },
+			});
+		});
+
+		it('is accessible with slotted radios', async () => {
+			const Host = defineComponent({
+				components: { UiRadioGroup, UiRadio },
+				template: `
+          <UiRadioGroup label="Direction" orientation="horizontal" :model-value="true">
+            <UiRadio :value="true">Ascending</UiRadio>
+            <UiRadio :value="false">Descending</UiRadio>
+          </UiRadioGroup>
+        `,
+			});
+
+			await expectNoViolations(Host);
+		});
+	});
+
+	describe('UiExpansionPanel', () => {
+		it('is accessible collapsed', async () => {
+			// aria-controls must still resolve while collapsed, which is why the region is v-show.
+			await expectNoViolations(UiExpansionPanel, {
+				props: { title: 'Advanced settings' },
+				slots: { default: () => 'Body' },
+			});
+		});
+
+		it('is accessible expanded with header actions', async () => {
+			await expectNoViolations(UiExpansionPanel, {
+				props: { title: 'orders', description: '3 records', open: true, headingLevel: 3 },
+				slots: {
+					default: () => 'Body',
+					actions: () => h(UiIconButton, { icon: 'add', label: 'Add a new record to orders' }),
+				},
+			});
+		});
+
+		it('is accessible disabled without a chevron', async () => {
+			await expectNoViolations(UiExpansionPanel, {
+				props: { title: 'orders', description: 'Empty', disabled: true, hideToggle: true },
+				slots: { default: () => 'Body' },
+			});
+		});
+
+		it('is accessible as an accordion', async () => {
+			const Host = defineComponent({
+				components: { UiAccordion, UiExpansionPanel },
+				template: `
+          <UiAccordion>
+            <UiExpansionPanel title="General" :open="true">General</UiExpansionPanel>
+            <UiExpansionPanel title="Security">Security</UiExpansionPanel>
+          </UiAccordion>
+        `,
+			});
+
+			await expectNoViolations(Host);
+		});
+	});
+
+	describe('UiTable', () => {
+		const columns = [
+			{ key: 'name', label: 'Name', sortable: true },
+			{ key: 'age', label: 'Age', sortable: true, align: 'end' as const },
+			{ key: 'city', label: 'City' },
+		];
+		const rows = [
+			{ id: 1, name: 'Ann', age: 30, city: 'Oslo' },
+			{ id: 2, name: 'Bob', age: 4, city: 'Rome' },
+		];
+
+		it('is accessible plain', async () => {
+			await expectNoViolations(UiTable, { props: { columns, rows, rowKey: 'id', label: 'Users' } });
+		});
+
+		it('is accessible sorted, selectable, partly selected, with actions', async () => {
+			// aria-sort on the <th>, named row checkboxes, an indeterminate header box, buttons in a sticky cell.
+			await expectNoViolations(UiTable, {
+				props: {
+					columns,
+					rows,
+					rowKey: 'id',
+					label: 'Users',
+					selectable: true,
+					selected: [2],
+					sort: { active: 'age', direction: 'desc' },
+					stickyHeader: true,
+				},
+				slots: {
+					actions: ({ row }: { row: { id: number } }) =>
+						h(UiIconButton, { icon: 'delete', label: `Delete row ${row.id}` }),
+				},
+			});
+		});
+
+		it('is accessible loading', async () => {
+			await expectNoViolations(UiTable, { props: { columns, rows: [], rowKey: 'id', label: 'Users', loading: true } });
+		});
+
+		it('is accessible empty', async () => {
+			await expectNoViolations(UiTable, {
+				props: { columns, rows: [], rowKey: 'id', label: 'Users', selectable: true, emptyText: 'No data' },
+			});
+		});
+	});
+
+	describe('UiPaginator', () => {
+		it('is accessible with the size picker and first/last buttons', async () => {
+			// The size <select> is named by the visible "Items per page:" text through aria-labelledby.
+			await expectNoViolations(UiPaginator, {
+				props: { length: 120, pageIndex: 1, pageSize: 30, pageSizeOptions: [10, 30, 100], showFirstLast: true },
+			});
+		});
+
+		it('is accessible empty and disabled', async () => {
+			await expectNoViolations(UiPaginator, { props: { length: 0, pageSize: 30, disabled: true } });
+		});
+	});
+
+	describe('UiDivider', () => {
+		it('is accessible horizontal and vertical', async () => {
+			await expectNoViolations(UiDivider);
+			await expectNoViolations(UiDivider, { props: { vertical: true } });
+		});
+	});
+
+	describe('UiList + UiListItem', () => {
+		const router = () =>
+			createRouter({
+				history: createMemoryHistory(),
+				routes: [{ path: '/:p(.*)*', component: { template: '<div />' } }],
+			});
+
+		it('is accessible as a navigation list of links', async () => {
+			const Host = defineComponent({
+				components: { UiList, UiListItem, UiIcon },
+				template: `
+          <UiList as="nav" label="Connection">
+            <UiListItem to="/dashboard"><template #leading><UiIcon name="table" /></template>Tables</UiListItem>
+            <UiListItem href="https://docs.rocketadmin.com/" target="_blank">Help center</UiListItem>
+            <UiListItem href="/x" disabled>Disabled</UiListItem>
+          </UiList>
+        `,
+			});
+
+			await expectNoViolations(Host, { global: { plugins: [router()] } });
+		});
+
+		it('is accessible as a list of buttons and static rows', async () => {
+			const Host = defineComponent({
+				components: { UiList, UiListItem },
+				template: `
+          <UiList label="Related records">
+            <UiListItem interactive active>Order 1<template #description>shipped</template></UiListItem>
+            <UiListItem interactive disabled>Order 2</UiListItem>
+            <UiListItem>Static</UiListItem>
+          </UiList>
+        `,
+			});
+
+			await expectNoViolations(Host);
+		});
+	});
+
+	describe('vTooltip', () => {
+		it('is accessible on a described icon button, hidden and shown', async () => {
+			// aria-describedby must resolve to the describer node, and the shown bubble must be
+			// aria-hidden so the text is not announced twice.
+			const Host = defineComponent({
+				components: { UiIconButton },
+				directives: { tooltip: vTooltip },
+				setup() {
+					const root = ref<HTMLElement | null>(null);
+					onMounted(async () => {
+						await nextTick();
+						root.value?.querySelector('button')?.dispatchEvent(new Event('focusin'));
+					});
+					return { root };
+				},
+				template: `
+          <div ref="root">
+            <UiIconButton v-tooltip="'Opens the row in a side panel'" icon="visibility" label="View row" />
+          </div>
+        `,
+			});
+
+			await expectNoViolations(Host);
+		});
+	});
+
 	describe('UiAlert', () => {
 		for (const tone of ['error', 'success', 'info', 'warning'] as const) {
 			it(`is accessible with tone ${tone}`, async () => {
diff --git a/frontend-vue/src/components/ui/accordionContext.ts b/frontend-vue/src/components/ui/accordionContext.ts
new file mode 100644
index 000000000..764e86fea
--- /dev/null
+++ b/frontend-vue/src/components/ui/accordionContext.ts
@@ -0,0 +1,15 @@
+import type { InjectionKey } from 'vue';
+
+/**
+ * The wiring `UiAccordion` hands to its `UiExpansionPanel` children. A separate module for the same
+ * reason as `fieldContext.ts`.
+ */
+export interface AccordionContext {
+	/** Registers a panel's `close`, so the accordion can collapse it when a sibling opens. */
+	register: (id: string, close: () => void) => void;
+	unregister: (id: string) => void;
+	/** Called by a panel as it opens. Without `multi`, the accordion closes every other panel. */
+	opened: (id: string) => void;
+}
+
+export const ACCORDION_CONTEXT: InjectionKey<AccordionContext> = Symbol('ui-accordion');
diff --git a/frontend-vue/src/components/ui/fieldContext.ts b/frontend-vue/src/components/ui/fieldContext.ts
index f948d8ddf..dc0588106 100644
--- a/frontend-vue/src/components/ui/fieldContext.ts
+++ b/frontend-vue/src/components/ui/fieldContext.ts
@@ -9,6 +9,12 @@ import type { InjectionKey, Ref } from 'vue';
 export interface FieldContext {
 	/** Goes on the control's `id`; `UiField`'s `<label for>` already points at it. */
 	inputId: string;
+	/**
+	 * Id of `UiField`'s visible `<label>`. For group controls (`UiRadioGroup`) that `<label for>`
+	 * cannot name: they point `aria-labelledby` here instead. Optional so a hand-built context in a
+	 * test or story still type-checks.
+	 */
+	labelId?: string;
 	/** Space-joined ids of the hint and error nodes, or `undefined` when there are none. */
 	describedBy: Ref<string | undefined>;
 	/** True while the field carries an error, for `aria-invalid`. */
diff --git a/frontend-vue/src/components/ui/index.ts b/frontend-vue/src/components/ui/index.ts
index 2a8b96bfb..66275ac1f 100644
--- a/frontend-vue/src/components/ui/index.ts
+++ b/frontend-vue/src/components/ui/index.ts
@@ -6,10 +6,16 @@
  * before adding one.
  */
 
+export { ACCORDION_CONTEXT, type AccordionContext } from './accordionContext';
 export { FIELD_CONTEXT, type FieldContext } from './fieldContext';
 export { MENU_CONTEXT, type MenuContext } from './menuContext';
+export { RADIO_CONTEXT, type RadioContext } from './radioContext';
 export type { AutocompleteOption, SelectOption, SelectValue } from './selectOption';
+export type { PageEvent, TableColumn, TableRowKey, TableSort, TableSortDirection } from './tableTypes';
 export { TABS_CONTEXT, type TabsContext } from './tabsContext';
+export { type TooltipValue, vTooltip } from './tooltip';
+export type { TooltipPlacement } from './tooltipState';
+export { default as UiAccordion } from './UiAccordion.vue';
 export { default as UiAlert } from './UiAlert.vue';
 export { default as UiAutocomplete } from './UiAutocomplete.vue';
 export { default as UiBadge } from './UiBadge.vue';
@@ -18,21 +24,30 @@ export { default as UiCard } from './UiCard.vue';
 export { default as UiCheckbox } from './UiCheckbox.vue';
 export { default as UiChip } from './UiChip.vue';
 export { default as UiConfirmDialog } from './UiConfirmDialog.vue';
+export { default as UiDivider } from './UiDivider.vue';
 export { default as UiDrawer } from './UiDrawer.vue';
+export { default as UiExpansionPanel } from './UiExpansionPanel.vue';
 export { default as UiField } from './UiField.vue';
 export { default as UiIcon } from './UiIcon.vue';
 export { default as UiIconButton } from './UiIconButton.vue';
 export { default as UiInput } from './UiInput.vue';
+export { default as UiList } from './UiList.vue';
+export { default as UiListItem } from './UiListItem.vue';
 export { default as UiMenu } from './UiMenu.vue';
 export { default as UiMenuItem } from './UiMenuItem.vue';
 export { default as UiModal } from './UiModal.vue';
 export { default as UiPageShell } from './UiPageShell.vue';
+export { default as UiPaginator } from './UiPaginator.vue';
 export { default as UiProgressBar } from './UiProgressBar.vue';
+export { default as UiRadio } from './UiRadio.vue';
+export { default as UiRadioGroup } from './UiRadioGroup.vue';
 export { default as UiSegmented } from './UiSegmented.vue';
 export { default as UiSelect } from './UiSelect.vue';
 export { default as UiSkeleton } from './UiSkeleton.vue';
 export { default as UiSpinner } from './UiSpinner.vue';
+export { default as UiSwitch } from './UiSwitch.vue';
 export { default as UiTab } from './UiTab.vue';
+export { default as UiTable } from './UiTable.vue';
 export { default as UiTabPanel } from './UiTabPanel.vue';
 export { default as UiTabs } from './UiTabs.vue';
 export { default as UiTextarea } from './UiTextarea.vue';
diff --git a/frontend-vue/src/components/ui/radioContext.ts b/frontend-vue/src/components/ui/radioContext.ts
new file mode 100644
index 000000000..0964746fa
--- /dev/null
+++ b/frontend-vue/src/components/ui/radioContext.ts
@@ -0,0 +1,19 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { SelectValue } from './selectOption';
+
+/**
+ * The wiring `UiRadioGroup` hands to its `UiRadio` children. A separate module for the same reason
+ * as `fieldContext.ts`: importing the key from the parent `.vue` would make them circular.
+ */
+export interface RadioContext {
+	/** Shared native `name`, which is what gives the radios arrow-key movement and one tab stop. */
+	name: Ref<string>;
+	/** The group's current value. */
+	selected: Ref<SelectValue | undefined>;
+	/** True while the whole group is disabled. */
+	disabled: Ref<boolean>;
+	/** Emits `update:modelValue` on the group. */
+	select: (value: SelectValue) => void;
+}
+
+export const RADIO_CONTEXT: InjectionKey<RadioContext> = Symbol('ui-radio-group');
diff --git a/frontend-vue/src/components/ui/selectOption.ts b/frontend-vue/src/components/ui/selectOption.ts
index cc3b25441..ea1d7a3eb 100644
--- a/frontend-vue/src/components/ui/selectOption.ts
+++ b/frontend-vue/src/components/ui/selectOption.ts
@@ -5,6 +5,12 @@ export interface SelectOption<T extends SelectValue = SelectValue> {
 	value: T;
 	label: string;
 	disabled?: boolean;
+	/**
+	 * `UiSelect` only: the `<optgroup>` label this option sits under — the `mat-optgroup`
+	 * replacement. Consecutive options sharing a `group` render inside one `<optgroup>`; options
+	 * without one render ungrouped. Ignored by `UiSegmented`.
+	 */
+	group?: string;
 }
 
 /** A `UiAutocomplete` suggestion. Any value type — a foreign key's row, a country record. */
diff --git a/frontend-vue/src/components/ui/tableTypes.ts b/frontend-vue/src/components/ui/tableTypes.ts
new file mode 100644
index 000000000..d225502b1
--- /dev/null
+++ b/frontend-vue/src/components/ui/tableTypes.ts
@@ -0,0 +1,38 @@
+/** Types shared by `UiTable`, `UiPaginator` and their callers. */
+
+/** `''` means unsorted — Material's `SortDirection`, so ported query-param code keeps working. */
+export type TableSortDirection = 'asc' | 'desc' | '';
+
+/** The `v-model:sort` value of a `UiTable` — Material's `Sort` state (`matSortActive`/`matSortDirection`). */
+export interface TableSort {
+	/** Key of the sorted column; `''` when nothing is sorted. */
+	active: string;
+	direction: TableSortDirection;
+}
+
+/** Identifies a row for `v-model:selected` and the `v-for` key. */
+export type TableRowKey = string | number;
+
+/** One `UiTable` column — what `matColumnDef` + `mat-header-cell` declared. */
+export interface TableColumn<R = unknown> {
+	/** Column id: the sort key, the `#cell-<key>`/`#header-<key>` slot suffix and, by default, the row field read. */
+	key: string;
+	/** Header text; also the cell's `data-label`, for a stacked mobile layout. */
+	label: string;
+	/** Renders the header as a sort button and sets `aria-sort`. */
+	sortable?: boolean;
+	/** Cell text alignment, in logical terms. Default `start`. */
+	align?: 'start' | 'center' | 'end';
+	/** Any CSS width for the column, e.g. `'12rem'` or `'20%'`. */
+	width?: string;
+	/** Reads the cell value; defaults to `row[key]`. Also what `localSort` compares. */
+	value?: (row: R) => unknown;
+}
+
+/** Emitted by `UiPaginator` on every change — the shape of Material's `PageEvent`. */
+export interface PageEvent {
+	pageIndex: number;
+	pageSize: number;
+	previousPageIndex: number;
+	length: number;
+}
diff --git a/frontend-vue/src/components/ui/tooltip.spec.ts b/frontend-vue/src/components/ui/tooltip.spec.ts
new file mode 100644
index 000000000..7f9a6b9a8
--- /dev/null
+++ b/frontend-vue/src/components/ui/tooltip.spec.ts
@@ -0,0 +1,173 @@
+import { mount } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { defineComponent, nextTick, ref } from 'vue';
+import { vTooltip } from './tooltip';
+import { TOOLTIP_BUBBLE_ID } from './tooltipState';
+
+function mountHost(template: string, setup: () => Record<string, unknown> = () => ({})) {
+	const Host = defineComponent({ directives: { tooltip: vTooltip }, setup, template });
+	return mount(Host, { attachTo: document.body });
+}
+
+const bubble = () => document.getElementById(TOOLTIP_BUBBLE_ID) as HTMLElement;
+const isShown = () => bubble().style.display !== 'none';
+/** The text a host's aria-describedby resolves to — what a screenreader announces. */
+const description = (el: Element) =>
+	(el.getAttribute('aria-describedby') ?? '')
+		.split(' ')
+		.filter(Boolean)
+		.map((id) => document.getElementById(id)?.textContent?.trim())
+		.join(' ');
+
+describe('vTooltip', () => {
+	let wrapper: ReturnType<typeof mountHost> | undefined;
+
+	beforeEach(() => vi.useFakeTimers());
+	afterEach(() => {
+		wrapper?.unmount();
+		wrapper = undefined;
+		vi.useRealTimers();
+	});
+
+	it('describes the host with its text, before anything is shown', async () => {
+		wrapper = mountHost(`<button v-tooltip="'Delete row'">x</button>`);
+		await nextTick();
+
+		expect(description(wrapper.get('button').element)).toBe('Delete row');
+		expect(isShown()).toBe(false);
+	});
+
+	it('keeps aria-describedby ids the caller already set', async () => {
+		wrapper = mountHost(`<div><p id="own">Own</p><button aria-describedby="own" v-tooltip="'Tip'">x</button></div>`);
+		await nextTick();
+
+		expect(wrapper.get('button').attributes('aria-describedby')?.split(' ')[0]).toBe('own');
+		expect(description(wrapper.get('button').element)).toBe('Own Tip');
+	});
+
+	it('shows on hover and hides after the pointer leaves', async () => {
+		wrapper = mountHost(`<button v-tooltip="'Edit row'">x</button>`);
+		await wrapper.get('button').trigger('pointerenter');
+		await nextTick();
+
+		expect(isShown()).toBe(true);
+		expect(bubble().textContent?.trim()).toBe('Edit row');
+		expect(bubble().getAttribute('aria-hidden')).toBe('true');
+
+		await wrapper.get('button').trigger('pointerleave');
+		expect(isShown()).toBe(true);
+		vi.advanceTimersByTime(150);
+		await nextTick();
+		expect(isShown()).toBe(false);
+	});
+
+	it('stays while the pointer moves onto the bubble', async () => {
+		wrapper = mountHost(`<button v-tooltip="'Edit row'">x</button>`);
+		await wrapper.get('button').trigger('pointerenter');
+		await wrapper.get('button').trigger('pointerleave');
+		bubble().dispatchEvent(new Event('pointerenter'));
+		vi.advanceTimersByTime(500);
+		await nextTick();
+
+		expect(isShown()).toBe(true);
+	});
+
+	it('shows on focus and hides on blur', async () => {
+		wrapper = mountHost(`<button v-tooltip="'Edit row'">x</button>`);
+		await wrapper.get('button').trigger('focusin');
+		expect(isShown()).toBe(true);
+
+		await wrapper.get('button').trigger('focusout');
+		expect(isShown()).toBe(false);
+	});
+
+	it('hides on Escape', async () => {
+		wrapper = mountHost(`<button v-tooltip="'Edit row'">x</button>`);
+		await wrapper.get('button').trigger('focusin');
+		document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
+		await nextTick();
+
+		expect(isShown()).toBe(false);
+	});
+
+	it('is disabled by an empty or false value, and follows value changes', async () => {
+		const text = ref<string | false>('');
+		wrapper = mountHost(`<button v-tooltip="text">x</button>`, () => ({ text }));
+		const button = wrapper.get('button');
+		await button.trigger('pointerenter');
+
+		expect(isShown()).toBe(false);
+		expect(button.attributes('aria-describedby')).toBeUndefined();
+
+		text.value = 'Select sort order first';
+		await nextTick();
+		expect(description(button.element)).toBe('Select sort order first');
+
+		text.value = false;
+		await nextTick();
+		expect(button.attributes('aria-describedby')).toBeUndefined();
+	});
+
+	it('reads its placement from the argument or a modifier, defaulting to bottom', async () => {
+		wrapper = mountHost(`
+      <div>
+        <button class="a" v-tooltip:left="'A'">a</button>
+        <button class="b" v-tooltip.top="'B'">b</button>
+        <button class="c" v-tooltip="'C'">c</button>
+      </div>
+    `);
+		// jsdom has a 1024×768 viewport and zero-sized rects at 0,0: top and left cannot fit, so
+		// they flip to their opposites — which is itself the flip behaviour under test.
+		Object.defineProperty(window, 'innerWidth', { value: 1024, configurable: true });
+		Object.defineProperty(window, 'innerHeight', { value: 768, configurable: true });
+
+		await wrapper.get('.c').trigger('pointerenter');
+		await nextTick();
+		await nextTick();
+		expect(bubble().classList).toContain('ui-tooltip--placement-bottom');
+
+		await wrapper.get('.a').trigger('pointerenter');
+		await nextTick();
+		await nextTick();
+		expect(bubble().classList).toContain('ui-tooltip--placement-right');
+
+		await wrapper.get('.b').trigger('pointerenter');
+		await nextTick();
+		await nextTick();
+		expect(bubble().classList).toContain('ui-tooltip--placement-bottom');
+		expect(bubble().textContent?.trim()).toBe('B');
+	});
+
+	it('shares one describer node between hosts with the same text and drops it when unused', async () => {
+		const show = ref(true);
+		wrapper = mountHost(
+			`<div><button v-tooltip="'Same'">a</button><button v-if="show" v-tooltip="'Same'">b</button></div>`,
+			() => ({ show }),
+		);
+		await nextTick();
+		const [first, second] = wrapper.findAll('button');
+
+		expect(first!.attributes('aria-describedby')).toBe(second!.attributes('aria-describedby'));
+		const id = first!.attributes('aria-describedby')!;
+
+		show.value = false;
+		await nextTick();
+		expect(document.getElementById(id)).not.toBeNull();
+
+		wrapper.unmount();
+		wrapper = undefined;
+		await nextTick();
+		expect(document.getElementById(id)).toBeNull();
+	});
+
+	it('hides when its host unmounts', async () => {
+		const show = ref(true);
+		wrapper = mountHost(`<div><button v-if="show" v-tooltip="'Bye'">x</button></div>`, () => ({ show }));
+		await wrapper.get('button').trigger('focusin');
+		expect(isShown()).toBe(true);
+
+		show.value = false;
+		await nextTick();
+		expect(isShown()).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/components/ui/tooltip.ts b/frontend-vue/src/components/ui/tooltip.ts
new file mode 100644
index 000000000..67fbf9214
--- /dev/null
+++ b/frontend-vue/src/components/ui/tooltip.ts
@@ -0,0 +1,278 @@
+import { type Directive, type DirectiveBinding, h, nextTick, render } from 'vue';
+import { TOOLTIP_BUBBLE_ID, type TooltipPlacement, tooltipState } from './tooltipState';
+import UiTooltipLayer from './UiTooltipLayer.vue';
+
+/**
+ * `v-tooltip` — the `matTooltip` replacement.
+ *
+ * ```vue
+ * <UiIconButton v-tooltip="'Delete row'" … />
+ * <span v-tooltip:left="fullName">{{ shortName }}</span>
+ * <UiButton v-tooltip.top="disabled ? 'Select sort order first' : ''" … />
+ * ```
+ *
+ * The value is the text; an empty string, `false`, `null` or `undefined` disables the tooltip
+ * (and removes the host's `aria-describedby` token), which is how `[matTooltip]="cond ? 'x' : ''"`
+ * ports. Placement comes from the argument or a modifier — `v-tooltip:left` / `v-tooltip.left` —
+ * defaulting to `bottom` (Material's `below`); it flips to the opposite side when it would leave
+ * the viewport.
+ *
+ * A directive rather than a `UiTooltip` wrapper component: 99 `matTooltip`s sit on existing
+ * elements (icon buttons, table cells, truncated labels), and a wrapper would add a DOM node and
+ * break `:first-child` / flex layouts at every one of them.
+ *
+ * Accessibility: the host gets `aria-describedby` pointing at an always-present describer node
+ * (see `UiTooltipLayer`), so the text is announced on focus. It shows on hover and on focus, and
+ * hides on pointer leave, blur, Escape and scroll. Per WCAG 1.4.13 the pointer may move onto the
+ * bubble without it disappearing. On a `UiIconButton`, whose `label` already is the accessible
+ * name and native `title`, a tooltip with the same words adds nothing — use it only for extra text.
+ *
+ * Known limit, shared with `matTooltip`: a natively `disabled` button fires no pointer events, so
+ * its tooltip only shows if it is bound to a wrapper element instead.
+ */
+
+/** Values the directive accepts. Anything falsy means "no tooltip". */
+export type TooltipValue = string | false | null | undefined;
+
+const PLACEMENTS: readonly TooltipPlacement[] = ['top', 'bottom', 'left', 'right'];
+
+/** Gap between host and bubble, and minimum distance from the viewport edge, in px (`--space-2`). */
+const OFFSET = 8;
+/** Grace period after the pointer leaves the host, so it can travel onto the bubble (WCAG 1.4.13). */
+const HIDE_DELAY = 100;
+
+interface HostState {
+	text: string;
+	placement: TooltipPlacement;
+	/** The describer node id currently in this host's `aria-describedby`. */
+	messageId: string | undefined;
+	hideTimer: ReturnType<typeof setTimeout> | undefined;
+	listeners: Array<[string, EventListener]>;
+}
+
+const hosts = new WeakMap<HTMLElement, HostState>();
+/** Which host the visible bubble belongs to. */
+let activeHost: HTMLElement | null = null;
+let layerContainer: HTMLElement | null = null;
+let messageCounter = 0;
+/** Describer nodes are shared by equal texts and dropped when no host uses them any more. */
+const messageUse = new Map<string, { id: string; count: number }>();
+
+export const vTooltip: Directive<HTMLElement, TooltipValue> = {
+	mounted(el, binding) {
+		ensureLayer();
+		const state: HostState = {
+			text: '',
+			placement: placementOf(binding),
+			messageId: undefined,
+			hideTimer: undefined,
+			listeners: [
+				['pointerenter', () => show(el)],
+				['pointerleave', () => scheduleHide(el)],
+				['focusin', () => show(el)],
+				['focusout', () => hide(el)],
+			],
+		};
+		hosts.set(el, state);
+		for (const [type, listener] of state.listeners) el.addEventListener(type, listener);
+		setText(el, state, textOf(binding.value));
+	},
+
+	updated(el, binding) {
+		const state = hosts.get(el);
+		if (!state) return;
+		state.placement = placementOf(binding);
+		setText(el, state, textOf(binding.value));
+		if (activeHost === el) {
+			if (state.text) place(el, state);
+			else hide(el);
+		}
+	},
+
+	beforeUnmount(el) {
+		const state = hosts.get(el);
+		if (!state) return;
+		if (activeHost === el) hide(el);
+		clearTimeout(state.hideTimer);
+		for (const [type, listener] of state.listeners) el.removeEventListener(type, listener);
+		setText(el, state, '');
+		hosts.delete(el);
+	},
+};
+
+function textOf(value: TooltipValue): string {
+	return typeof value === 'string' ? value.trim() : '';
+}
+
+function placementOf(binding: DirectiveBinding<TooltipValue>): TooltipPlacement {
+	const fromArg = PLACEMENTS.find((placement) => placement === binding.arg);
+	const fromModifier = PLACEMENTS.find((placement) => binding.modifiers[placement]);
+	return fromArg ?? fromModifier ?? 'bottom';
+}
+
+/** Mounts `UiTooltipLayer` once, and again if a test or a host page cleared `<body>`. */
+function ensureLayer() {
+	if (layerContainer?.isConnected) return;
+	if (!layerContainer) {
+		layerContainer = document.createElement('div');
+		layerContainer.className = 'ui-tooltip-root';
+		render(h(UiTooltipLayer), layerContainer);
+	}
+	document.body.appendChild(layerContainer);
+}
+
+/** Swaps the host's describer token for the one matching `text`, keeping any caller-set ids. */
+function setText(el: HTMLElement, state: HostState, text: string) {
+	if (text === state.text && (text === '' || state.messageId)) return;
+	if (state.messageId) {
+		removeDescribedBy(el, state.messageId);
+		releaseMessage(state.text);
+		state.messageId = undefined;
+	}
+	state.text = text;
+	if (text) {
+		state.messageId = acquireMessage(text);
+		addDescribedBy(el, state.messageId);
+	}
+}
+
+function acquireMessage(text: string): string {
+	const existing = messageUse.get(text);
+	if (existing) {
+		existing.count++;
+		return existing.id;
+	}
+	const id = `ui-tooltip-message-${++messageCounter}`;
+	messageUse.set(text, { id, count: 1 });
+	tooltipState.messages.push({ id, text });
+	return id;
+}
+
+function releaseMessage(text: string) {
+	const entry = messageUse.get(text);
+	if (!entry) return;
+	entry.count--;
+	if (entry.count > 0) return;
+	messageUse.delete(text);
+	const index = tooltipState.messages.findIndex((message) => message.id === entry.id);
+	if (index !== -1) tooltipState.messages.splice(index, 1);
+}
+
+function addDescribedBy(el: HTMLElement, id: string) {
+	const ids = (el.getAttribute('aria-describedby') ?? '').split(/\s+/).filter(Boolean);
+	if (!ids.includes(id)) el.setAttribute('aria-describedby', [...ids, id].join(' '));
+}
+
+function removeDescribedBy(el: HTMLElement, id: string) {
+	const ids = (el.getAttribute('aria-describedby') ?? '').split(/\s+/).filter((token) => token && token !== id);
+	if (ids.length) el.setAttribute('aria-describedby', ids.join(' '));
+	else el.removeAttribute('aria-describedby');
+}
+
+function show(el: HTMLElement) {
+	const state = hosts.get(el);
+	if (!state) return;
+	clearTimeout(state.hideTimer);
+	if (!state.text) return;
+	if (activeHost && activeHost !== el) hide(activeHost);
+	ensureLayer();
+	activeHost = el;
+	tooltipState.active = { text: state.text, placement: state.placement, coords: undefined };
+	document.addEventListener('keydown', onDocumentKeydown, true);
+	window.addEventListener('scroll', onScroll, true);
+	bubble()?.addEventListener('pointerenter', onBubbleEnter);
+	bubble()?.addEventListener('pointerleave', onBubbleLeave);
+	place(el, state);
+}
+
+function hide(el: HTMLElement) {
+	const state = hosts.get(el);
+	if (state) clearTimeout(state.hideTimer);
+	if (activeHost !== el) return;
+	activeHost = null;
+	tooltipState.active = null;
+	document.removeEventListener('keydown', onDocumentKeydown, true);
+	window.removeEventListener('scroll', onScroll, true);
+	const bubbleEl = bubble();
+	bubbleEl?.removeEventListener('pointerenter', onBubbleEnter);
+	bubbleEl?.removeEventListener('pointerleave', onBubbleLeave);
+	if (bubbleEl) callPopover(bubbleEl, 'hidePopover');
+}
+
+function scheduleHide(el: HTMLElement) {
+	const state = hosts.get(el);
+	if (!state) return;
+	clearTimeout(state.hideTimer);
+	state.hideTimer = setTimeout(() => hide(el), HIDE_DELAY);
+}
+
+function onBubbleEnter() {
+	if (activeHost) clearTimeout(hosts.get(activeHost)?.hideTimer);
+}
+
+function onBubbleLeave() {
+	if (activeHost) scheduleHide(activeHost);
+}
+
+function onDocumentKeydown(event: KeyboardEvent) {
+	if (event.key === 'Escape' && activeHost) hide(activeHost);
+}
+
+function onScroll() {
+	if (activeHost) hide(activeHost);
+}
+
+function bubble(): HTMLElement | null {
+	return document.getElementById(TOOLTIP_BUBBLE_ID);
+}
+
+/** Measures the rendered bubble, flips it off a viewport edge, and clamps it inside the viewport. */
+async function place(el: HTMLElement, state: HostState) {
+	await nextTick();
+	const bubbleEl = bubble();
+	if (activeHost !== el || !bubbleEl || !tooltipState.active) return;
+	// Re-showing moves it to the top of the top-layer stack, above a dialog opened since.
+	callPopover(bubbleEl, 'hidePopover');
+	callPopover(bubbleEl, 'showPopover');
+
+	const rect = el.getBoundingClientRect();
+	const { offsetWidth: width, offsetHeight: height } = bubbleEl;
+	const fits: Record<TooltipPlacement, boolean> = {
+		top: rect.top - OFFSET - height >= 0,
+		bottom: rect.bottom + OFFSET + height <= window.innerHeight,
+		left: rect.left - OFFSET - width >= 0,
+		right: rect.right + OFFSET + width <= window.innerWidth,
+	};
+	const opposite: Record<TooltipPlacement, TooltipPlacement> = {
+		top: 'bottom',
+		bottom: 'top',
+		left: 'right',
+		right: 'left',
+	};
+	const placement =
+		!fits[state.placement] && fits[opposite[state.placement]] ? opposite[state.placement] : state.placement;
+
+	let top: number;
+	let left: number;
+	if (placement === 'top' || placement === 'bottom') {
+		top = placement === 'top' ? rect.top - OFFSET - height : rect.bottom + OFFSET;
+		left = rect.left + rect.width / 2 - width / 2;
+	} else {
+		top = rect.top + rect.height / 2 - height / 2;
+		left = placement === 'left' ? rect.left - OFFSET - width : rect.right + OFFSET;
+	}
+	left = Math.max(OFFSET, Math.min(left, window.innerWidth - width - OFFSET));
+	top = Math.max(OFFSET, Math.min(top, window.innerHeight - height - OFFSET));
+
+	tooltipState.active = { text: state.text, placement, coords: { top: `${top}px`, left: `${left}px` } };
+}
+
+/** The popover API is missing in jsdom and older browsers; `v-show` still hides the bubble there. */
+function callPopover(el: HTMLElement, method: 'showPopover' | 'hidePopover') {
+	const fn = (el as Partial<Pick<HTMLElement, 'showPopover' | 'hidePopover'>>)[method];
+	try {
+		fn?.call(el);
+	} catch {
+		// Already in the requested state — nothing to undo.
+	}
+}
diff --git a/frontend-vue/src/components/ui/tooltipState.ts b/frontend-vue/src/components/ui/tooltipState.ts
new file mode 100644
index 000000000..8dfbdcfe9
--- /dev/null
+++ b/frontend-vue/src/components/ui/tooltipState.ts
@@ -0,0 +1,32 @@
+import { reactive } from 'vue';
+
+/** Where the bubble sits relative to its host. Logical sides are not needed: tooltips never mirror. */
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+
+/** One describer node: the text a host's `aria-describedby` resolves to. Shared by equal texts. */
+export interface TooltipMessage {
+	id: string;
+	text: string;
+}
+
+/** The tooltip currently on screen. At most one exists — showing another replaces it. */
+export interface ActiveTooltip {
+	text: string;
+	/** The side actually used, after flipping away from a viewport edge. */
+	placement: TooltipPlacement;
+	/** Measured `position: fixed` coordinates; `undefined` until the bubble has been measured. */
+	coords: { top: string; left: string } | undefined;
+}
+
+/**
+ * Shared between the `vTooltip` directive (which writes it) and `UiTooltipLayer` (which renders
+ * it). A separate module for the same reason as `fieldContext.ts`: importing it from the `.vue`
+ * file into `tooltip.ts`, which also imports that `.vue` file, would be circular.
+ */
+export const tooltipState = reactive<{ messages: TooltipMessage[]; active: ActiveTooltip | null }>({
+	messages: [],
+	active: null,
+});
+
+/** Id of the single visual bubble, so the directive can measure and pop it into the top layer. */
+export const TOOLTIP_BUBBLE_ID = 'ui-tooltip-bubble';
diff --git a/frontend-vue/src/components/user-settings/AccountDeleteConfirmationDialog.spec.ts b/frontend-vue/src/components/user-settings/AccountDeleteConfirmationDialog.spec.ts
new file mode 100644
index 000000000..7afd42611
--- /dev/null
+++ b/frontend-vue/src/components/user-settings/AccountDeleteConfirmationDialog.spec.ts
@@ -0,0 +1,49 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import AccountDeleteConfirmationDialog from './AccountDeleteConfirmationDialog.vue';
+import { buttonByText, isOpen, openDialog } from './dialogTestUtils';
+
+const store = vi.hoisted(() => ({ deleteAccount: vi.fn() }));
+const trackAuthEvent = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/user', () => ({ useUserStore: () => store }));
+vi.mock('@/components/auth/analytics', () => ({ trackAuthEvent }));
+
+let wrapper: VueWrapper;
+const metadata = { reason: 'technical-issues', message: 'I cannot add connection' };
+
+describe('AccountDeleteConfirmationDialog', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		store.deleteAccount.mockResolvedValue(undefined);
+	});
+
+	afterEach(() => wrapper.unmount());
+
+	it('deletes the account with the survey answers, tracks it and closes', async () => {
+		const opened = await openDialog(AccountDeleteConfirmationDialog, metadata);
+		wrapper = opened.wrapper;
+		expect(wrapper.find('h2').text()).toBe('Are you sure?');
+
+		await buttonByText(wrapper, 'Yes, delete').trigger('click');
+		await flushPromises();
+
+		expect(store.deleteAccount).toHaveBeenCalledWith(metadata);
+		expect(trackAuthEvent).toHaveBeenCalledWith('Delete account', {
+			email: undefined,
+			reason: 'technical-issues',
+			message: 'I cannot add connection',
+		});
+		expect(isOpen(wrapper)).toBe(false);
+	});
+
+	it('stays open when the deletion fails', async () => {
+		store.deleteAccount.mockRejectedValue(new Error('nope'));
+		const opened = await openDialog(AccountDeleteConfirmationDialog, metadata);
+		wrapper = opened.wrapper;
+		await buttonByText(wrapper, 'Yes, delete').trigger('click');
+		await flushPromises();
+
+		expect(trackAuthEvent).not.toHaveBeenCalled();
+		expect(isOpen(wrapper)).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/user-settings/AccountDeleteConfirmationDialog.vue b/frontend-vue/src/components/user-settings/AccountDeleteConfirmationDialog.vue
new file mode 100644
index 000000000..7841902ed
--- /dev/null
+++ b/frontend-vue/src/components/user-settings/AccountDeleteConfirmationDialog.vue
@@ -0,0 +1,60 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/user-settings/account-delete-confirmation: the last "are you
+// sure" before PUT /user/delete. The store logs out and navigates to /deleted on success.
+import { ref } from 'vue';
+import { trackAuthEvent } from '@/components/auth/analytics';
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import { UiButton } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import { useUserStore } from '@/stores/user';
+
+export interface AccountDeleteMetadata {
+	reason: string | null;
+	message: string;
+	email?: string;
+}
+
+const props = defineProps<{
+	/** The reason survey filled in the previous dialog. */
+	data: AccountDeleteMetadata;
+}>();
+
+const dialogRef = useDialogRef<void>();
+const userStore = useUserStore();
+const submitting = ref(false);
+
+async function deleteAccount() {
+	submitting.value = true;
+	try {
+		await userStore.deleteAccount({ ...props.data });
+		trackAuthEvent('Delete account', {
+			email: props.data.email,
+			reason: props.data.reason,
+			message: props.data.message,
+		});
+		dialogRef.close();
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialog title="Are you sure?" size="sm" :dismissible="!submitting">
+		<p class="account-delete-confirmation__text">
+			This action is permanent and irreversible, you will not be able to restore your account in the future
+		</p>
+		<template #footer>
+			<UiButton variant="secondary" :disabled="submitting" @click="dialogRef.close()">Cancel</UiButton>
+			<UiButton variant="danger" :loading="submitting" @click="deleteAccount">Yes, delete</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.account-delete-confirmation__text {
+	margin: 0;
+}
+</style>
diff --git a/frontend-vue/src/components/user-settings/AccountDeleteDialog.spec.ts b/frontend-vue/src/components/user-settings/AccountDeleteDialog.spec.ts
new file mode 100644
index 000000000..10778e395
--- /dev/null
+++ b/frontend-vue/src/components/user-settings/AccountDeleteDialog.spec.ts
@@ -0,0 +1,43 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { useDialogsStore } from '@/composables/useDialog';
+import AccountDeleteConfirmationDialog from './AccountDeleteConfirmationDialog.vue';
+import AccountDeleteDialog from './AccountDeleteDialog.vue';
+import { openDialog } from './dialogTestUtils';
+
+vi.mock('@/stores/user', () => ({ useUserStore: () => ({ deleteAccount: vi.fn() }) }));
+vi.mock('@/components/auth/analytics', () => ({ trackAuthEvent: vi.fn() }));
+
+let wrapper: VueWrapper;
+
+describe('AccountDeleteDialog', () => {
+	afterEach(() => wrapper.unmount());
+
+	it('shows the advice for the chosen reason', async () => {
+		({ wrapper } = await openDialog(AccountDeleteDialog, { email: 'user@test.com' }));
+		expect(wrapper.find('h2').text()).toBe('Delete user@test.com account');
+		expect(wrapper.text()).not.toContain('Support team');
+
+		const radios = wrapper.findAll('input[type="radio"]');
+		expect(radios).toHaveLength(5);
+		await radios[2]?.setValue(true);
+		expect(wrapper.find('a').attributes('href')).toBe(
+			'https://help.rocketadmin.com/comparisons-with-other-database-admin-tools',
+		);
+	});
+
+	it('opens the confirmation with the reason and message and closes itself', async () => {
+		const opened = await openDialog(AccountDeleteDialog, { email: 'user@test.com' });
+		wrapper = opened.wrapper;
+		await wrapper.findAll('input[type="radio"]')[1]?.setValue(true);
+		await wrapper.find('textarea').setValue('I cannot add connection');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		await expect(opened.dialogRef.afterClosed()).resolves.toBeUndefined();
+		const entries = useDialogsStore().entries;
+		expect(entries).toHaveLength(1);
+		expect(entries[0]?.component).toBe(AccountDeleteConfirmationDialog);
+		expect(entries[0]?.data).toEqual({ reason: 'technical-issues', message: 'I cannot add connection' });
+	});
+});
diff --git a/frontend-vue/src/components/user-settings/AccountDeleteDialog.vue b/frontend-vue/src/components/user-settings/AccountDeleteDialog.vue
new file mode 100644
index 000000000..d315c099a
--- /dev/null
+++ b/frontend-vue/src/components/user-settings/AccountDeleteDialog.vue
@@ -0,0 +1,97 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/user-settings/account-delete-dialog: the "why are you
+// leaving" survey. Submitting opens AccountDeleteConfirmationDialog with the answers and closes this one.
+import { ref } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { UiField, UiRadio, UiRadioGroup, UiTextarea } from '@/components/ui';
+import { useDialog, useDialogRef } from '@/composables/useDialog';
+import type { User } from '@/models/user';
+import AccountDeleteConfirmationDialog, { type AccountDeleteMetadata } from './AccountDeleteConfirmationDialog.vue';
+
+const props = defineProps<{
+	/** The signed-in user. */
+	data: Pick<User, 'email'>;
+}>();
+
+type ReasonId = 'missing-features' | 'technical-issues' | 'another-product' | 'privacy-concern' | 'other';
+
+const reasonsList: { id: ReasonId; caption: string }[] = [
+	{ id: 'missing-features', caption: 'Missing features I need' },
+	{ id: 'technical-issues', caption: 'Technical  issues' },
+	{ id: 'another-product', caption: 'Another product' },
+	{ id: 'privacy-concern', caption: 'I have privacy concern' },
+	{ id: 'other', caption: 'Other' },
+];
+
+const dialog = useDialog();
+const dialogRef = useDialogRef<void>();
+const userEmail = props.data.email;
+const reason = ref<ReasonId | null>(null);
+const message = ref('');
+
+function openDeleteConfirmation() {
+	const metadata: AccountDeleteMetadata = { reason: reason.value, message: message.value };
+	dialog.open(AccountDeleteConfirmationDialog, { data: metadata });
+	dialogRef.close();
+}
+</script>
+
+<template>
+	<AppDialogForm
+		:title="`Delete ${userEmail} account`"
+		submit-label="Delete"
+		submit-variant="danger"
+		cancel-label="Abort"
+		@submit="openDeleteConfirmation"
+	>
+		<p class="account-delete__intro">Tell us why are you deleting your account.</p>
+		<UiRadioGroup v-model="reason" name="reasons" aria-label="Reason" required class="account-delete__reasons">
+			<div v-for="reasonItem in reasonsList" :key="reasonItem.id" class="account-delete__reason">
+				<UiRadio :value="reasonItem.id">{{ reasonItem.caption }}</UiRadio>
+				<p v-if="reason === reasonItem.id && reasonItem.id !== 'other'" class="account-delete__message">
+					<template v-if="reasonItem.id === 'missing-features'">
+						Perhaps Rocketadmin has updated the functions you need and they are in a different place. Our
+						<strong>Support team</strong> will advise you.
+					</template>
+					<template v-else-if="reasonItem.id === 'technical-issues'">
+						If you have technical problems, please contact our <strong>Support team</strong> and we will solve your
+						problem.
+					</template>
+					<template v-else-if="reasonItem.id === 'another-product'">
+						If you are interested in another product, you can read
+						<a href="https://help.rocketadmin.com/comparisons-with-other-database-admin-tools">the article</a> where
+						they are compared.
+					</template>
+					<template v-else-if="reasonItem.id === 'privacy-concern'">
+						If you have any doubts about the security of your data, please contact our <strong>Support team</strong>.
+					</template>
+				</p>
+			</div>
+		</UiRadioGroup>
+		<UiField label="Anything you want to share? (optional)" class="account-delete__share">
+			<UiTextarea v-model="message" name="message" :rows="3" />
+		</UiField>
+	</AppDialogForm>
+</template>
+
+<style scoped>
+.account-delete__intro {
+	margin: 0 0 var(--space-4);
+}
+
+.account-delete__reasons {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+}
+
+.account-delete__message {
+	margin: var(--space-1) 0 var(--space-2);
+	font-size: var(--text-sm);
+	color: var(--color-ink-soft);
+}
+
+.account-delete__share {
+	margin-top: var(--space-4);
+}
+</style>
diff --git a/frontend-vue/src/components/user-settings/ApiKeyDeleteDialog.spec.ts b/frontend-vue/src/components/user-settings/ApiKeyDeleteDialog.spec.ts
new file mode 100644
index 000000000..dfc12d600
--- /dev/null
+++ b/frontend-vue/src/components/user-settings/ApiKeyDeleteDialog.spec.ts
@@ -0,0 +1,52 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import ApiKeyDeleteDialog from './ApiKeyDeleteDialog.vue';
+import { buttonByText, isOpen, openDialog } from './dialogTestUtils';
+
+const store = vi.hoisted(() => ({ deleteAPIkey: vi.fn() }));
+vi.mock('@/stores/user', () => ({ useUserStore: () => store }));
+
+let wrapper: VueWrapper;
+const apiKey = { id: 'key-1', title: 'CI key' };
+
+describe('ApiKeyDeleteDialog', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		store.deleteAPIkey.mockResolvedValue({});
+	});
+
+	afterEach(() => wrapper.unmount());
+
+	it('deletes the key and closes with "delete"', async () => {
+		const opened = await openDialog<'delete'>(ApiKeyDeleteDialog, apiKey);
+		wrapper = opened.wrapper;
+		expect(wrapper.find('h2').text()).toBe('Confirm API key delete');
+		expect(wrapper.find('strong').text()).toBe('CI key');
+
+		await buttonByText(wrapper, 'Delete').trigger('click');
+		await flushPromises();
+
+		expect(store.deleteAPIkey).toHaveBeenCalledWith(apiKey);
+		await expect(opened.dialogRef.afterClosed()).resolves.toBe('delete');
+		expect(isOpen(wrapper)).toBe(false);
+	});
+
+	it('closes with no result on Cancel', async () => {
+		const opened = await openDialog<'delete'>(ApiKeyDeleteDialog, apiKey);
+		wrapper = opened.wrapper;
+		await buttonByText(wrapper, 'Cancel').trigger('click');
+
+		await expect(opened.dialogRef.afterClosed()).resolves.toBeUndefined();
+		expect(store.deleteAPIkey).not.toHaveBeenCalled();
+	});
+
+	it('stays open when the delete fails', async () => {
+		store.deleteAPIkey.mockRejectedValue(new Error('nope'));
+		const opened = await openDialog<'delete'>(ApiKeyDeleteDialog, apiKey);
+		wrapper = opened.wrapper;
+		await buttonByText(wrapper, 'Delete').trigger('click');
+		await flushPromises();
+
+		expect(isOpen(wrapper)).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/components/user-settings/ApiKeyDeleteDialog.vue b/frontend-vue/src/components/user-settings/ApiKeyDeleteDialog.vue
new file mode 100644
index 000000000..d219f6a84
--- /dev/null
+++ b/frontend-vue/src/components/user-settings/ApiKeyDeleteDialog.vue
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/user-settings/api-key-delete-dialog: confirms deleting an API
+// key. Closes with 'delete' once the key is deleted (Angular closed on click, before the request
+// finished, so the list could refetch too early).
+import { ref } from 'vue';
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import { UiButton } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import type { ApiKey } from '@/models/user';
+import { useUserStore } from '@/stores/user';
+
+const props = defineProps<{
+	/** The key to delete. */
+	data: ApiKey;
+}>();
+
+const dialogRef = useDialogRef<'delete'>();
+const userStore = useUserStore();
+const submitting = ref(false);
+
+async function deleteAPIkey() {
+	submitting.value = true;
+	try {
+		await userStore.deleteAPIkey(props.data);
+		dialogRef.close('delete');
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialog title="Confirm API key delete" size="sm" :dismissible="!submitting">
+		<p class="api-key-delete__text">You are going to delete <strong>{{ data.title }}</strong> API key.</p>
+		<p class="api-key-delete__text">Please confirm.</p>
+		<template #footer>
+			<UiButton variant="secondary" :disabled="submitting" @click="dialogRef.close()">Cancel</UiButton>
+			<UiButton variant="danger" :loading="submitting" @click="deleteAPIkey">Delete</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.api-key-delete__text {
+	margin: 0 0 var(--space-4);
+}
+</style>
diff --git a/frontend-vue/src/components/user-settings/EnableTwoFaDialog.spec.ts b/frontend-vue/src/components/user-settings/EnableTwoFaDialog.spec.ts
new file mode 100644
index 000000000..58da25e08
--- /dev/null
+++ b/frontend-vue/src/components/user-settings/EnableTwoFaDialog.spec.ts
@@ -0,0 +1,51 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { buttonByText, openDialog } from './dialogTestUtils';
+import EnableTwoFaDialog, { type EnableTwoFaResult } from './EnableTwoFaDialog.vue';
+
+const store = vi.hoisted(() => ({ confirm2FA: vi.fn() }));
+const trackAuthEvent = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/user', () => ({ useUserStore: () => store }));
+vi.mock('@/components/auth/analytics', () => ({ trackAuthEvent }));
+
+let wrapper: VueWrapper;
+const QR = 'data:image/png;base64,iVBORw0KGgo=';
+
+async function mountDialog() {
+	const opened = await openDialog<EnableTwoFaResult>(EnableTwoFaDialog, QR);
+	wrapper = opened.wrapper;
+	return opened.dialogRef;
+}
+
+describe('EnableTwoFaDialog', () => {
+	beforeEach(() => vi.clearAllMocks());
+	afterEach(() => wrapper.unmount());
+
+	it('shows the QR code and requires the code', async () => {
+		await mountDialog();
+		expect(wrapper.find('img').attributes('src')).toBe(QR);
+		expect(buttonByText(wrapper, 'Enable').attributes('disabled')).toBeDefined();
+	});
+
+	it('verifies the code and closes with "enable"', async () => {
+		store.confirm2FA.mockResolvedValue({ validated: true });
+		const dialogRef = await mountDialog();
+		await wrapper.find('input[name="code"]').setValue('123456');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(store.confirm2FA).toHaveBeenCalledWith('123456');
+		expect(trackAuthEvent).toHaveBeenCalledWith('User settings: 2fa enabled successfully');
+		await expect(dialogRef.afterClosed()).resolves.toBe('enable');
+	});
+
+	it('closes with "error" when the code is rejected', async () => {
+		store.confirm2FA.mockRejectedValue(new Error('invalid'));
+		const dialogRef = await mountDialog();
+		await wrapper.find('input[name="code"]').setValue('000000');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		await expect(dialogRef.afterClosed()).resolves.toBe('error');
+	});
+});
diff --git a/frontend-vue/src/components/user-settings/EnableTwoFaDialog.vue b/frontend-vue/src/components/user-settings/EnableTwoFaDialog.vue
new file mode 100644
index 000000000..c4f59461a
--- /dev/null
+++ b/frontend-vue/src/components/user-settings/EnableTwoFaDialog.vue
@@ -0,0 +1,68 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/user-settings/enable-two-fa-dialog: shows the QR code from
+// POST /user/otp/generate and verifies the first authenticator code.
+//
+// Closes with 'enable' when the code is validated and with 'error' when the check fails (Angular
+// closed on click and emitted `confirm2FAerror`); either way the page knows whether 2FA is now on.
+import { ref } from 'vue';
+import { trackAuthEvent } from '@/components/auth/analytics';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { UiField, UiInput } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import { useUserStore } from '@/stores/user';
+
+export type EnableTwoFaResult = 'enable' | 'error';
+
+defineProps<{
+	/** The QR code image (a data URL). */
+	data: string;
+}>();
+
+const dialogRef = useDialogRef<EnableTwoFaResult>();
+const userStore = useUserStore();
+const code = ref('');
+const submitting = ref(false);
+
+async function verify2FA() {
+	submitting.value = true;
+	try {
+		const response = (await userStore.confirm2FA(code.value)) as { validated?: boolean } | null;
+		if (response?.validated) {
+			code.value = '';
+			trackAuthEvent('User settings: 2fa enabled successfully');
+			dialogRef.close('enable');
+		}
+	} catch {
+		dialogRef.close('error');
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm
+		title="Enable 2FA"
+		submit-label="Enable"
+		:busy="submitting"
+		:disabled="!code"
+		@submit="verify2FA"
+	>
+		<p class="enable-two-fa__text">Scan this QR code with 2FA application</p>
+		<img :src="data" class="enable-two-fa__qr" alt="qr">
+		<UiField label="Enter the code from your authenticator" required>
+			<UiInput v-model="code" name="code" autocomplete="one-time-code" />
+		</UiField>
+	</AppDialogForm>
+</template>
+
+<style scoped>
+.enable-two-fa__text {
+	margin: 0 0 var(--space-3);
+}
+
+.enable-two-fa__qr {
+	display: block;
+	margin-bottom: var(--space-4);
+}
+</style>
diff --git a/frontend-vue/src/components/user-settings/dialogTestUtils.ts b/frontend-vue/src/components/user-settings/dialogTestUtils.ts
new file mode 100644
index 000000000..04473d9ef
--- /dev/null
+++ b/frontend-vue/src/components/user-settings/dialogTestUtils.ts
@@ -0,0 +1,30 @@
+// Spec helpers for the account-pages dialogs (not shipped: only *.spec.ts files import this).
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import type { Component } from 'vue';
+import DialogHost from '@/components/dialog/DialogHost.vue';
+import { type DialogRef, useDialog } from '@/composables/useDialog';
+
+/** Opens `dialog` through useDialog() under a mounted DialogHost, with a fresh Pinia. */
+export async function openDialog<R>(
+	dialog: Component,
+	data?: unknown,
+): Promise<{ wrapper: VueWrapper; dialogRef: DialogRef<R> }> {
+	setActivePinia(createPinia());
+	const wrapper = mount(DialogHost, { attachTo: document.body });
+	const dialogRef = useDialog().open<R>(dialog, { data });
+	await flushPromises();
+	return { wrapper, dialogRef };
+}
+
+/** The button whose text is `label`. */
+export function buttonByText(wrapper: VueWrapper, label: string) {
+	const match = wrapper.findAll('button').find((candidate) => candidate.text() === label);
+	if (!match) throw new Error(`No button "${label}"`);
+	return match;
+}
+
+/** Whether a dialog is still rendered. */
+export function isOpen(wrapper: VueWrapper): boolean {
+	return wrapper.find('dialog').exists();
+}
diff --git a/frontend-vue/src/components/users/CedarPolicyEditorDialog.spec.ts b/frontend-vue/src/components/users/CedarPolicyEditorDialog.spec.ts
new file mode 100644
index 000000000..87d715f49
--- /dev/null
+++ b/frontend-vue/src/components/users/CedarPolicyEditorDialog.spec.ts
@@ -0,0 +1,223 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { ref } from 'vue';
+import CedarPolicyEditorDialog from './CedarPolicyEditorDialog.vue';
+import { buttonByText, mountDialog } from './testUtils';
+
+const users = vi.hoisted(() => ({
+	saveCedarPolicy: vi.fn(),
+	availablePermissionGroups: [
+		{
+			group: 'Connection',
+			actions: [
+				{ value: 'connection:read', resource: 'connection' as const },
+				{ value: 'connection:edit', resource: 'connection' as const },
+			],
+		},
+	],
+}));
+const tables = vi.hoisted(() => ({ fetchTables: vi.fn() }));
+const validator = vi.hoisted(() => ({ validate: vi.fn() }));
+
+vi.mock('@/stores/users', () => ({ useUsersStore: () => users }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => ({ connectionID: 'conn-123' }) }));
+vi.mock('@/stores/dashboards', () => ({
+	useDashboardsQuery: () => ({ dashboards: ref([{ id: 'dash-1', name: 'Sales' }]) }),
+}));
+vi.mock('@/composables/useCedarValidator', () => ({ useCedarValidator: () => validator }));
+
+const fakeTables = [
+	{ table: 'customers', display_name: 'Customers', permissions: {} },
+	{ table: 'orders', display_name: '', permissions: {} },
+];
+
+const cedarPolicyWithConnection = [
+	'permit(',
+	'  principal,',
+	'  action == RocketAdmin::Action::"connection:read",',
+	'  resource == RocketAdmin::Connection::"conn-123"',
+	');',
+].join('\n');
+
+function mountEditor(cedarPolicy: string | null = cedarPolicyWithConnection) {
+	return mountDialog(CedarPolicyEditorDialog, { groupId: 'group-123', groupTitle: 'Test Group', cedarPolicy });
+}
+
+async function switchMode(wrapper: VueWrapper, mode: 'Form' | 'Code') {
+	const option = wrapper.findAll('.ui-segmented__option').find((candidate) => candidate.text() === mode);
+	await option?.find('input').trigger('change');
+	await flushPromises();
+}
+
+function editorMode(wrapper: VueWrapper): string {
+	return wrapper.find('.ui-segmented__option--selected').text();
+}
+
+describe('CedarPolicyEditorDialog', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		setActivePinia(createPinia());
+		tables.fetchTables.mockResolvedValue(fakeTables);
+		users.saveCedarPolicy.mockResolvedValue(undefined);
+		validator.validate.mockResolvedValue({ valid: true, errors: [] });
+	});
+
+	afterEach(() => {
+		vi.restoreAllMocks();
+	});
+
+	it('titles the dialog with the group and loads the connection tables', async () => {
+		const { wrapper } = await mountEditor();
+		expect(wrapper.find('h2').text()).toBe('Policy — Test Group');
+		expect(tables.fetchTables).toHaveBeenCalledWith('conn-123');
+		wrapper.unmount();
+	});
+
+	it('starts in form mode with the existing policy parsed into items', async () => {
+		const { wrapper } = await mountEditor();
+		expect(editorMode(wrapper)).toBe('Form');
+		expect(wrapper.find('.policy-group__label').text()).toBe('Connection');
+		expect(wrapper.find('.policy-item__label').text()).toBe('Read');
+		wrapper.unmount();
+	});
+
+	it('switches to code mode with the policy generated from the form', async () => {
+		const { wrapper } = await mountEditor();
+		await switchMode(wrapper, 'Code');
+
+		expect(editorMode(wrapper)).toBe('Code');
+		const text = (wrapper.find('textarea').element as HTMLTextAreaElement).value;
+		expect(text).toContain('connection:read');
+		expect(text).toContain('conn-123');
+		wrapper.unmount();
+	});
+
+	it('opens advanced policies straight in code mode with a warning', async () => {
+		const { wrapper } = await mountEditor('forbid(principal, action, resource);');
+		expect(editorMode(wrapper)).toBe('Code');
+		expect(wrapper.text()).toContain('advanced Cedar syntax');
+		wrapper.unmount();
+	});
+
+	it('blocks saving when the wasm validator reports an invalid policy', async () => {
+		const { wrapper, dialogRef } = await mountEditor();
+		await switchMode(wrapper, 'Code');
+		await wrapper.find('textarea').setValue('invalid policy text {{{');
+		validator.validate.mockResolvedValueOnce({ valid: false, errors: ['unexpected token'] });
+
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(validator.validate).toHaveBeenCalledWith('invalid policy text {{{');
+		expect(wrapper.find('[data-testid="cedar-validation-errors"]').text()).toContain('unexpected token');
+		expect(users.saveCedarPolicy).not.toHaveBeenCalled();
+		expect(dialogRef.close).not.toHaveBeenCalled();
+		expect(buttonByText(wrapper, 'Save').attributes('disabled')).toBeUndefined();
+		wrapper.unmount();
+	});
+
+	it('saves a valid policy and closes', async () => {
+		const { wrapper, dialogRef } = await mountEditor();
+		await switchMode(wrapper, 'Code');
+		await wrapper.find('textarea').setValue('permit(principal, action, resource);');
+
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(wrapper.find('[data-testid="cedar-validation-errors"]').exists()).toBe(false);
+		expect(users.saveCedarPolicy).toHaveBeenCalledWith('conn-123', 'group-123', 'permit(principal, action, resource);');
+		expect(dialogRef.close).toHaveBeenCalled();
+		wrapper.unmount();
+	});
+
+	it('saves the form items as Cedar', async () => {
+		const { wrapper } = await mountEditor();
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		const [, , policy] = users.saveCedarPolicy.mock.calls[0] ?? [];
+		expect(policy).toContain('RocketAdmin::Action::"connection:read"');
+		wrapper.unmount();
+	});
+
+	it('refuses to switch to form mode while the policy is invalid', async () => {
+		const { wrapper } = await mountEditor();
+		await switchMode(wrapper, 'Code');
+		await wrapper.find('textarea').setValue('broken ;;;');
+		validator.validate.mockResolvedValueOnce({ valid: false, errors: ['parse error at line 1'] });
+
+		await switchMode(wrapper, 'Form');
+
+		expect(editorMode(wrapper)).toBe('Code');
+		expect(wrapper.find('[data-testid="cedar-validation-errors"]').text()).toContain('parse error at line 1');
+		wrapper.unmount();
+	});
+
+	it('clears validation errors when the policy text is edited', async () => {
+		const { wrapper } = await mountEditor();
+		await switchMode(wrapper, 'Code');
+		validator.validate.mockResolvedValueOnce({ valid: false, errors: ['some old error'] });
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+		expect(wrapper.find('[data-testid="cedar-validation-errors"]').exists()).toBe(true);
+
+		await wrapper.find('textarea').setValue('permit(principal, action, resource);');
+
+		expect(wrapper.find('[data-testid="cedar-validation-errors"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('clears validation errors when switching to code mode', async () => {
+		const { wrapper } = await mountEditor();
+		await switchMode(wrapper, 'Code');
+		await wrapper.find('textarea').setValue('broken');
+		validator.validate.mockResolvedValueOnce({ valid: false, errors: ['stale error'] });
+		await switchMode(wrapper, 'Form');
+		expect(wrapper.text()).toContain('stale error');
+
+		// Back to a valid text, then into the form and out again.
+		await wrapper.find('textarea').setValue('permit(principal, action, resource);');
+		await switchMode(wrapper, 'Form');
+		await switchMode(wrapper, 'Code');
+		expect(wrapper.find('[data-testid="cedar-validation-errors"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('opens the add row from the footer', async () => {
+		const { wrapper } = await mountEditor();
+		await buttonByText(wrapper, 'Add policy').trigger('click');
+		await flushPromises();
+
+		expect(wrapper.find('[data-testid="policy-add-form"]').exists()).toBe(true);
+		expect(wrapper.findAll('button').some((button) => button.text().endsWith('Add policy'))).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('closes on Cancel when nothing is pending', async () => {
+		const { wrapper, dialogRef } = await mountEditor();
+		await buttonByText(wrapper, 'Cancel').trigger('click');
+		expect(dialogRef.close).toHaveBeenCalled();
+		wrapper.unmount();
+	});
+
+	it('asks before discarding an unfinished form row on Escape', async () => {
+		const confirm = vi.spyOn(window, 'confirm').mockReturnValue(false);
+		const { wrapper, dialogRef } = await mountEditor();
+		await buttonByText(wrapper, 'Add policy').trigger('click');
+		await flushPromises();
+		const addForm = wrapper.find('[data-testid="policy-add-form"] select');
+		(addForm.element as HTMLSelectElement).value = '1';
+		await addForm.trigger('change');
+
+		await wrapper.find('dialog').trigger('cancel');
+		expect(confirm).toHaveBeenCalledWith('You have an unsaved policy in the form. Discard it and close?');
+		expect(dialogRef.close).not.toHaveBeenCalled();
+
+		confirm.mockReturnValue(true);
+		await wrapper.find('dialog').trigger('cancel');
+		expect(dialogRef.close).toHaveBeenCalled();
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/users/CedarPolicyEditorDialog.vue b/frontend-vue/src/components/users/CedarPolicyEditorDialog.vue
new file mode 100644
index 000000000..ac0867c2a
--- /dev/null
+++ b/frontend-vue/src/components/users/CedarPolicyEditorDialog.vue
@@ -0,0 +1,295 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/users/cedar-policy-editor-dialog: edits a group's Cedar policy,
+// either through the form builder (CedarPolicyList) or as Cedar text in Monaco. The text is checked
+// in the Cedar wasm engine before it is saved, and before switching back to the form.
+//
+// Closing is always confirmed through confirmClose(), so Escape, the backdrop and × never drop an
+// unfinished form row silently (MatDialog's disableClose + backdropClick/keydownEvents).
+import { computed, nextTick, onMounted, ref } from 'vue';
+import AppCodeEditor from '@/components/shared/AppCodeEditor.vue';
+import { type SelectOption, UiAlert, UiButton, UiIcon, UiModal, UiSegmented } from '@/components/ui';
+import { useCedarValidator } from '@/composables/useCedarValidator';
+import { useDialogRef } from '@/composables/useDialog';
+import { registerCedarLanguage } from '@/lib/cedar-monaco-language';
+import { type CedarPolicyItem, permissionsToPolicyItems, policyItemsToCedarPolicy } from '@/lib/cedar-policy-items';
+import { canRepresentAsForm, parseCedarDashboardItems, parseCedarPolicy } from '@/lib/cedar-policy-parser';
+import { loadMonaco } from '@/lib/monaco';
+import { normalizeTableName } from '@/lib/normalize';
+import type { TablePermission } from '@/models/user';
+import { useConnectionsStore } from '@/stores/connections';
+import { useDashboardsQuery } from '@/stores/dashboards';
+import { useTablesStore } from '@/stores/tables';
+import { useUsersStore } from '@/stores/users';
+import CedarPolicyList from './CedarPolicyList.vue';
+import type { AvailableDashboard, AvailableTable, CedarPolicyEditorDialogData } from './types';
+
+type EditorMode = 'form' | 'code';
+
+const props = defineProps<{ data: CedarPolicyEditorDialogData }>();
+
+const dialogRef = useDialogRef();
+const connections = useConnectionsStore();
+const tablesStore = useTablesStore();
+const users = useUsersStore();
+const { validate } = useCedarValidator();
+
+const connectionId = connections.connectionID ?? '';
+const { dashboards } = useDashboardsQuery(connectionId);
+
+// The language has to exist before the editor creates its model; this runs ahead of the editor's own load.
+loadMonaco()
+	.then((monaco) => registerCedarLanguage(monaco))
+	.catch(() => {});
+
+const cedarPolicy = ref(props.data.cedarPolicy || '');
+const submitting = ref(false);
+const editorMode = ref<EditorMode>('form');
+/** Remounts the mode toggle when a switch is refused, so its native radios match editorMode again. */
+const modeToggleKey = ref(0);
+const policyItems = ref<CedarPolicyItem[]>([]);
+const availableTables = ref<AvailableTable[]>([]);
+const allTables = ref<TablePermission[]>([]);
+const loading = ref(true);
+const formParseError = ref(false);
+const validationErrors = ref<string[]>([]);
+const adding = ref(false);
+
+const policyList = ref<InstanceType<typeof CedarPolicyList> | null>(null);
+const content = ref<HTMLElement | null>(null);
+
+const modeOptions: SelectOption<EditorMode>[] = [
+	{ value: 'form', label: 'Form' },
+	{ value: 'code', label: 'Code' },
+];
+
+const availableDashboards = computed<AvailableDashboard[]>(() =>
+	dashboards.value.map((dashboard) => ({ id: dashboard.id, name: dashboard.name })),
+);
+
+const showAddPolicy = computed(
+	() =>
+		editorMode.value === 'form' &&
+		!formParseError.value &&
+		!loading.value &&
+		!adding.value &&
+		policyItems.value.length > 0,
+);
+
+onMounted(async () => {
+	let tables: Awaited<ReturnType<typeof tablesStore.fetchTables>>;
+	try {
+		tables = await tablesStore.fetchTables(connectionId);
+	} catch {
+		// Reported by the store; like the Angular dialog, the form stays on its loader.
+		return;
+	}
+
+	const nextAllTables: TablePermission[] = [];
+	const nextAvailableTables: AvailableTable[] = [];
+	for (const table of tables) {
+		const displayName = table.display_name || normalizeTableName(table.table);
+		nextAllTables.push({
+			tableName: table.table,
+			display_name: displayName,
+			accessLevel: { visibility: false, readonly: false, add: false, delete: false, edit: false },
+		});
+		nextAvailableTables.push({ tableName: table.table, displayName });
+	}
+	allTables.value = nextAllTables;
+	availableTables.value = nextAvailableTables;
+	loading.value = false;
+
+	const policy = cedarPolicy.value;
+	if (policy) {
+		formParseError.value = !canRepresentAsForm(policy);
+		if (formParseError.value) editorMode.value = 'code';
+		else policyItems.value = parseCedarToPolicyItems();
+	}
+});
+
+function onCedarPolicyChange(value: string) {
+	cedarPolicy.value = value;
+	validationErrors.value = [];
+}
+
+async function onEditorModeChange(mode: EditorMode) {
+	if (mode === editorMode.value) return;
+
+	if (mode === 'code') {
+		cedarPolicy.value = policyItemsToCedarPolicy(policyItems.value, connectionId, props.data.groupId);
+		formParseError.value = false;
+		validationErrors.value = [];
+	} else {
+		const policy = cedarPolicy.value;
+		const validation = await validate(policy);
+		if (!validation.valid) {
+			validationErrors.value = validation.errors;
+			modeToggleKey.value++;
+			return;
+		}
+		validationErrors.value = [];
+		formParseError.value = !canRepresentAsForm(policy);
+		if (formParseError.value) {
+			modeToggleKey.value++;
+			return;
+		}
+		policyItems.value = parseCedarToPolicyItems();
+	}
+
+	editorMode.value = mode;
+}
+
+/** Asks before dropping an unfinished form row; false when the user keeps it. */
+function confirmDiscardPending(message: string): boolean {
+	const list = policyList.value;
+	if (editorMode.value !== 'form' || !list?.hasPendingChanges()) return true;
+	if (!window.confirm(message)) return false;
+	list.discardPending();
+	return true;
+}
+
+function confirmClose() {
+	if (submitting.value) return;
+	if (!confirmDiscardPending('You have an unsaved policy in the form. Discard it and close?')) return;
+	dialogRef.close();
+}
+
+async function savePolicy() {
+	if (!confirmDiscardPending('You have an unsaved policy in the form. Discard it and save?')) return;
+
+	submitting.value = true;
+
+	if (editorMode.value === 'form') {
+		cedarPolicy.value = policyItemsToCedarPolicy(policyItems.value, connectionId, props.data.groupId);
+	}
+
+	const policy = cedarPolicy.value;
+	if (!policy) {
+		submitting.value = false;
+		dialogRef.close();
+		return;
+	}
+
+	const validation = await validate(policy);
+	if (!validation.valid) {
+		validationErrors.value = validation.errors;
+		submitting.value = false;
+		return;
+	}
+	validationErrors.value = [];
+
+	try {
+		await users.saveCedarPolicy(connectionId, props.data.groupId, policy);
+		dialogRef.close();
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+
+async function onAddPolicyClick() {
+	adding.value = true;
+	await nextTick();
+	content.value?.querySelector('[data-testid="policy-add-form"]')?.scrollIntoView?.({ block: 'nearest' });
+}
+
+function parseCedarToPolicyItems(): CedarPolicyItem[] {
+	const policy = cedarPolicy.value;
+	const parsed = parseCedarPolicy(policy, connectionId, props.data.groupId, allTables.value);
+	const dashboardItems = parseCedarDashboardItems(policy, connectionId);
+	return [...permissionsToPolicyItems(parsed), ...dashboardItems];
+}
+</script>
+
+<template>
+	<UiModal :open="true" :title="`Policy — ${data.groupTitle}`" size="md" form @close="confirmClose" @submit="savePolicy">
+		<div ref="content" class="cedar-editor">
+			<UiSegmented
+				:key="modeToggleKey"
+				class="cedar-editor__mode"
+				:model-value="editorMode"
+				:options="modeOptions"
+				label="Editor mode"
+				size="sm"
+				@update:model-value="onEditorModeChange"
+			/>
+
+			<UiAlert v-if="formParseError" tone="warning">
+				This policy uses advanced Cedar syntax that cannot be represented in form mode. Please use the code
+				editor.
+			</UiAlert>
+
+			<CedarPolicyList
+				v-if="editorMode === 'form' && !formParseError"
+				ref="policyList"
+				v-model:policies="policyItems"
+				v-model:adding="adding"
+				:available-tables="availableTables"
+				:available-dashboards="availableDashboards"
+				:loading="loading"
+			/>
+
+			<template v-if="editorMode === 'code'">
+				<p class="cedar-editor__hint">
+					Edit policy in
+					<a href="https://www.cedarpolicy.com/en" target="_blank" rel="noopener">Cedar</a>
+					format
+				</p>
+				<AppCodeEditor
+					:model-value="cedarPolicy"
+					language="cedar"
+					label="Cedar policy"
+					height="300px"
+					@update:model-value="onCedarPolicyChange"
+				/>
+				<UiAlert v-if="validationErrors.length > 0" tone="error" data-testid="cedar-validation-errors">
+					<span v-for="error in validationErrors" :key="error" class="cedar-editor__error">{{ error }}</span>
+				</UiAlert>
+			</template>
+		</div>
+
+		<template #footer>
+			<UiButton variant="secondary" :disabled="submitting" @click="confirmClose">Cancel</UiButton>
+			<span class="cedar-editor__spacer" />
+			<UiButton v-if="showAddPolicy" variant="ghost" @click="onAddPolicyClick">
+				<template #leading><UiIcon name="add" size="sm" /></template>
+				Add policy
+			</UiButton>
+			<UiButton type="submit" :loading="submitting">Save</UiButton>
+		</template>
+	</UiModal>
+</template>
+
+<style scoped>
+.cedar-editor {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+	max-height: calc(100vh - 14rem);
+	overflow-y: auto;
+}
+
+.cedar-editor__mode {
+	align-self: flex-start;
+}
+
+.cedar-editor__hint {
+	margin: 0;
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+
+.cedar-editor__hint a {
+	color: inherit;
+	text-decoration: underline;
+}
+
+.cedar-editor__error {
+	display: block;
+}
+
+.cedar-editor__spacer {
+	flex: 1;
+}
+</style>
diff --git a/frontend-vue/src/components/users/CedarPolicyItemForm.vue b/frontend-vue/src/components/users/CedarPolicyItemForm.vue
new file mode 100644
index 000000000..212d5cf11
--- /dev/null
+++ b/frontend-vue/src/components/users/CedarPolicyItemForm.vue
@@ -0,0 +1,133 @@
+<script setup lang="ts">
+// The action / table / dashboard pickers of the policy builder, shared by its "add" row and the
+// inline edit of an existing policy (the two copies of this markup in cedar-policy-list.component).
+import { computed } from 'vue';
+import { type SelectOption, UiButton, UiField, UiSelect } from '@/components/ui';
+import type { PolicyActionGroup } from '@/lib/cedar-policy-items';
+import { actionLabel } from '@/lib/permission-display';
+import { scopeResource } from './policyList';
+import type { AvailableDashboard, AvailableTable } from './types';
+
+const props = defineProps<{
+	/** The action picker's groups. */
+	actionGroups: PolicyActionGroup[];
+	/** Every known action, to tell what the chosen one is scoped to. */
+	allActionGroups: PolicyActionGroup[];
+	availableTables: AvailableTable[];
+	availableDashboards: AvailableDashboard[];
+	/** Short labels of the actions already granted per table, shown next to it. */
+	usedTables: Map<string, string[]>;
+	/** Short labels of the actions already granted per dashboard. */
+	usedDashboards: Map<string, string[]>;
+	submitLabel: string;
+}>();
+
+const action = defineModel<string>('action', { required: true });
+const tableName = defineModel<string>('tableName', { required: true });
+const dashboardId = defineModel<string>('dashboardId', { required: true });
+
+const emit = defineEmits<{ submit: []; cancel: [] }>();
+
+const actions = computed(() => props.allActionGroups.flatMap((group) => group.actions));
+const needsTable = computed(() => scopeResource(actions.value, action.value) === 'table');
+const needsDashboard = computed(() => scopeResource(actions.value, action.value) === 'dashboard');
+
+const incomplete = computed(
+	() => !action.value || (needsTable.value && !tableName.value) || (needsDashboard.value && !dashboardId.value),
+);
+
+const actionOptions = computed<SelectOption<string>[]>(() =>
+	props.actionGroups.flatMap((group) =>
+		group.actions.map((item) => ({ value: item.value, label: actionLabel(item.value), group: group.group })),
+	),
+);
+
+function withHint(label: string, used: string[] | undefined): string {
+	return used?.length ? `${label} — ${used.join(', ')}` : label;
+}
+
+const tableOptions = computed<SelectOption<string>[]>(() => [
+	{ value: '*', label: 'All tables' },
+	...props.availableTables.map((table) => ({
+		value: table.tableName,
+		label: withHint(table.displayName, props.usedTables.get(table.tableName)),
+	})),
+]);
+
+const dashboardOptions = computed<SelectOption<string>[]>(() => [
+	{ value: '*', label: 'All dashboards' },
+	...props.availableDashboards.map((dashboard) => ({
+		value: dashboard.id,
+		label: withHint(dashboard.name, props.usedDashboards.get(dashboard.id)),
+	})),
+]);
+
+function asString(value: string | string[] | null): string {
+	return typeof value === 'string' ? value : '';
+}
+
+function submit() {
+	if (incomplete.value) return;
+	emit('submit');
+}
+</script>
+
+<template>
+	<div class="policy-item-form">
+		<UiField label="Action" class="policy-item-form__field">
+			<UiSelect
+				:model-value="action || null"
+				:options="actionOptions"
+				placeholder="Select action"
+				size="sm"
+				@update:model-value="action = asString($event)"
+			/>
+		</UiField>
+
+		<UiField v-if="needsTable" label="Table" class="policy-item-form__field">
+			<UiSelect
+				:model-value="tableName || null"
+				:options="tableOptions"
+				placeholder="Select table"
+				size="sm"
+				@update:model-value="tableName = asString($event)"
+			/>
+		</UiField>
+
+		<UiField v-if="needsDashboard" label="Dashboard" class="policy-item-form__field">
+			<UiSelect
+				:model-value="dashboardId || null"
+				:options="dashboardOptions"
+				placeholder="Select dashboard"
+				size="sm"
+				@update:model-value="dashboardId = asString($event)"
+			/>
+		</UiField>
+
+		<div class="policy-item-form__actions">
+			<UiButton size="sm" :disabled="incomplete" @click="submit">{{ submitLabel }}</UiButton>
+			<UiButton size="sm" variant="ghost" @click="emit('cancel')">Cancel</UiButton>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.policy-item-form {
+	display: flex;
+	flex: 1;
+	flex-wrap: wrap;
+	align-items: flex-end;
+	gap: var(--space-2);
+}
+
+.policy-item-form__field {
+	flex: 1;
+	min-width: 11rem;
+}
+
+.policy-item-form__actions {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+}
+</style>
diff --git a/frontend-vue/src/components/users/CedarPolicyList.spec.ts b/frontend-vue/src/components/users/CedarPolicyList.spec.ts
new file mode 100644
index 000000000..345f1f7d9
--- /dev/null
+++ b/frontend-vue/src/components/users/CedarPolicyList.spec.ts
@@ -0,0 +1,254 @@
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { vTooltip } from '@/components/ui';
+import type { CedarPolicyItem, PolicyActionGroup } from '@/lib/cedar-policy-items';
+import CedarPolicyList from './CedarPolicyList.vue';
+import { buildDisplayGroups, buildFilteredGroups } from './policyList';
+import { buttonByText, selectOption } from './testUtils';
+
+const fixtureGroups: PolicyActionGroup[] = [
+	{
+		group: 'Connection',
+		actions: [
+			{ value: 'connection:read', resource: 'connection' },
+			{ value: 'connection:edit', resource: 'connection' },
+		],
+	},
+	{
+		group: 'Group',
+		actions: [
+			{ value: 'group:read', resource: 'group' },
+			{ value: 'group:edit', resource: 'group' },
+		],
+	},
+	{
+		group: 'Table',
+		actions: [
+			{ value: 'table:read', resource: 'table' },
+			{ value: 'table:edit', resource: 'table' },
+		],
+	},
+	{
+		group: 'Dashboard',
+		actions: [
+			{ value: 'dashboard:read', resource: 'dashboard' },
+			{ value: 'dashboard:create', resource: 'dashboard' },
+			{ value: 'dashboard:edit', resource: 'dashboard' },
+		],
+	},
+];
+
+vi.mock('@/stores/users', () => ({ useUsersStore: () => ({ availablePermissionGroups: fixtureGroups }) }));
+
+const fakeTables = [
+	{ tableName: 'customers', displayName: 'Customers' },
+	{ tableName: 'orders', displayName: 'Orders' },
+];
+
+const fakeDashboards = [
+	{ id: 'dash-1', name: 'Sales Dashboard' },
+	{ id: 'dash-2', name: 'Analytics' },
+];
+
+function mountList(policies: CedarPolicyItem[] = [], adding = false) {
+	return mount(CedarPolicyList, {
+		props: { policies, adding, availableTables: fakeTables, availableDashboards: fakeDashboards },
+		global: { directives: { tooltip: vTooltip } },
+	});
+}
+
+function emittedPolicies(wrapper: VueWrapper): CedarPolicyItem[][] {
+	return (wrapper.emitted('update:policies') ?? []).map(([value]) => value as CedarPolicyItem[]);
+}
+
+function fieldSelect(wrapper: VueWrapper, label: string) {
+	const field = wrapper.findAll('.ui-field').find((candidate) => candidate.find('label').text().startsWith(label));
+	if (!field) throw new Error(`No field ${label}`);
+	return field;
+}
+
+describe('CedarPolicyList', () => {
+	beforeEach(() => vi.clearAllMocks());
+
+	it('offers to add the first policy when there are none', async () => {
+		const wrapper = mountList();
+		expect(wrapper.text()).toContain('No policies defined. Add a policy to grant permissions.');
+
+		await buttonByText(wrapper, 'Add policy').trigger('click');
+		expect(wrapper.emitted('update:adding')?.[0]).toEqual([true]);
+	});
+
+	it('adds a scopeless policy and closes the add row', async () => {
+		const wrapper = mountList([], true);
+
+		await selectOption(wrapper, 'Connection read');
+		expect(wrapper.findAll('.ui-field')).toHaveLength(1);
+		await buttonByText(wrapper, 'Add').trigger('click');
+
+		expect(emittedPolicies(wrapper).at(-1)).toEqual([{ action: 'connection:read' }]);
+		expect(wrapper.emitted('update:adding')?.at(-1)).toEqual([false]);
+	});
+
+	it('needs a table for a table action, and accepts the wildcard', async () => {
+		const wrapper = mountList([], true);
+
+		await selectOption(wrapper, 'Table edit');
+		expect(buttonByText(wrapper, 'Add').attributes('disabled')).toBeDefined();
+		await selectOption(fieldSelect(wrapper, 'Table'), 'All tables');
+		await buttonByText(wrapper, 'Add').trigger('click');
+
+		expect(emittedPolicies(wrapper).at(-1)).toEqual([{ action: 'table:edit', tableName: '*' }]);
+	});
+
+	it('adds a table policy for one table', async () => {
+		const wrapper = mountList([], true);
+
+		await selectOption(wrapper, 'Table read');
+		await selectOption(fieldSelect(wrapper, 'Table'), 'Customers');
+		await buttonByText(wrapper, 'Add').trigger('click');
+
+		expect(emittedPolicies(wrapper).at(-1)).toEqual([{ action: 'table:read', tableName: 'customers' }]);
+	});
+
+	it('treats the prefix wildcard as table-scoped', async () => {
+		const wrapper = mountList([], true);
+		await selectOption(wrapper, 'Full table access');
+		expect(fieldSelect(wrapper, 'Table').exists()).toBe(true);
+	});
+
+	it('needs a dashboard for a dashboard action, but not for dashboard:create', async () => {
+		const wrapper = mountList([], true);
+
+		await selectOption(wrapper, 'Dashboard create');
+		expect(wrapper.text()).not.toContain('All dashboards');
+
+		await selectOption(fieldSelect(wrapper, 'Action'), 'Dashboard edit');
+		expect(buttonByText(wrapper, 'Add').attributes('disabled')).toBeDefined();
+		await selectOption(fieldSelect(wrapper, 'Dashboard'), 'Sales Dashboard');
+		await buttonByText(wrapper, 'Add').trigger('click');
+
+		expect(emittedPolicies(wrapper).at(-1)).toEqual([{ action: 'dashboard:edit', dashboardId: 'dash-1' }]);
+	});
+
+	it('cancels the add row and resets it', async () => {
+		const wrapper = mountList([], true);
+		await selectOption(wrapper, 'Connection read');
+		await buttonByText(wrapper, 'Cancel').trigger('click');
+
+		expect(wrapper.emitted('update:adding')?.at(-1)).toEqual([false]);
+		expect(wrapper.emitted('update:policies')).toBeUndefined();
+	});
+
+	it('does not offer a scopeless action that is already granted', () => {
+		const wrapper = mountList([{ action: 'connection:read' }], true);
+		const addForm = wrapper.find('[data-testid="policy-add-form"]');
+		const labels = addForm.findAll('option').map((option) => option.text());
+		expect(labels).not.toContain('Connection read');
+		expect(labels).toContain('Connection edit');
+	});
+
+	it('hints which actions a table already has', async () => {
+		const wrapper = mountList([{ action: 'table:read', tableName: 'customers' }], true);
+		await selectOption(wrapper.find('[data-testid="policy-add-form"]'), 'Table edit');
+		const labels = wrapper
+			.find('[data-testid="policy-add-form"]')
+			.findAll('option')
+			.map((option) => option.text());
+		expect(labels).toContain('Customers — Read');
+	});
+
+	it('groups the policies and shows their scope by display name', () => {
+		const wrapper = mountList([
+			{ action: '*' },
+			{ action: 'table:read', tableName: 'customers' },
+			{ action: 'table:edit', tableName: 'unknown' },
+			{ action: 'table:*', tableName: '*' },
+			{ action: 'dashboard:read', dashboardId: 'dash-1' },
+			{ action: 'dashboard:edit', dashboardId: '*' },
+		]);
+
+		const headers = wrapper
+			.findAll('.policy-group__header')
+			.map((header) => `${header.find('.policy-group__label').text()} ${header.find('.policy-group__count').text()}`);
+		expect(headers).toEqual(['General 1', 'Table 3', 'Dashboard 2']);
+		const text = wrapper.text();
+		expect(text).toContain('Customers');
+		expect(text).toContain('unknown');
+		expect(text).toContain('All tables');
+		expect(text).toContain('Sales Dashboard');
+		expect(text).toContain('All dashboards');
+	});
+
+	it('collapses a group', async () => {
+		const wrapper = mountList([{ action: 'connection:read' }]);
+		await wrapper.find('.policy-group__header').trigger('click');
+		expect(wrapper.find('.policy-group__header').attributes('aria-expanded')).toBe('false');
+		expect(wrapper.findAll('[data-testid="policy-item"]')).toHaveLength(0);
+	});
+
+	it('removes a policy', async () => {
+		const wrapper = mountList([{ action: 'connection:read' }, { action: 'group:read' }]);
+		await wrapper.findAll('button[aria-label="Delete"]')[0]?.trigger('click');
+		expect(emittedPolicies(wrapper).at(-1)).toEqual([{ action: 'group:read' }]);
+	});
+
+	it('edits a policy inline and saves it', async () => {
+		const wrapper = mountList([{ action: 'connection:read' }]);
+		await wrapper.find('button[aria-label="Edit"]').trigger('click');
+
+		const select = wrapper.find('select');
+		const selected = select.findAll('option').find((option) => (option.element as HTMLOptionElement).selected);
+		expect(selected?.text()).toBe('Connection read');
+		await selectOption(wrapper, 'Connection edit');
+		await buttonByText(wrapper, 'Save').trigger('click');
+
+		expect(emittedPolicies(wrapper).at(-1)).toEqual([
+			{ action: 'connection:edit', tableName: undefined, dashboardId: undefined },
+		]);
+		expect(wrapper.find('select').exists()).toBe(false);
+	});
+
+	it('cancels an edit without emitting', async () => {
+		const wrapper = mountList([{ action: 'connection:read' }]);
+		await wrapper.find('button[aria-label="Edit"]').trigger('click');
+		await selectOption(wrapper, 'Connection edit');
+		await buttonByText(wrapper, 'Cancel').trigger('click');
+
+		expect(wrapper.emitted('update:policies')).toBeUndefined();
+		expect(wrapper.text()).toContain('Read');
+	});
+
+	it('reports and discards pending changes', async () => {
+		const wrapper = mountList([{ action: 'connection:read' }], true);
+		const list = wrapper.vm as unknown as { hasPendingChanges(): boolean; discardPending(): void };
+		expect(list.hasPendingChanges()).toBe(false);
+
+		await selectOption(wrapper.find('[data-testid="policy-add-form"]'), 'Group read');
+		expect(list.hasPendingChanges()).toBe(true);
+
+		list.discardPending();
+		await flushPromises();
+		expect(wrapper.emitted('update:adding')?.at(-1)).toEqual([false]);
+	});
+});
+
+describe('policy action groups', () => {
+	it('synthesizes General and the prefix wildcards', () => {
+		const groups = buildFilteredGroups(buildDisplayGroups(fixtureGroups), [], -1);
+		expect(groups.find((group) => group.group === 'General')?.actions[0]?.value).toBe('*');
+
+		const table = groups.find((group) => group.group === 'Table');
+		expect(table?.actions[0]).toEqual({ value: 'table:*', resource: 'table' });
+		expect(groups.find((group) => group.group === 'Dashboard')?.actions[0]?.value).toBe('dashboard:*');
+		expect(groups.find((group) => group.group === 'Connection')?.actions[0]?.value).toBe('connection:read');
+	});
+
+	it('keeps the edited policy own action available', () => {
+		const display = buildDisplayGroups(fixtureGroups);
+		const policies = [{ action: 'connection:read' }];
+		const values = (excludeIndex: number) =>
+			buildFilteredGroups(display, policies, excludeIndex).flatMap((group) => group.actions.map((a) => a.value));
+		expect(values(-1)).not.toContain('connection:read');
+		expect(values(0)).toContain('connection:read');
+	});
+});
diff --git a/frontend-vue/src/components/users/CedarPolicyList.vue b/frontend-vue/src/components/users/CedarPolicyList.vue
new file mode 100644
index 000000000..924045397
--- /dev/null
+++ b/frontend-vue/src/components/users/CedarPolicyList.vue
@@ -0,0 +1,426 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/users/cedar-policy-list: the form mode of the policy editor.
+// Lists the group's policy items by kind (General, Connection, Table, ...), edits them inline and
+// adds new ones. `v-model:policies` carries the items; `v-model:adding` the add row, which the
+// editor dialog's footer opens too.
+import { computed, reactive, ref } from 'vue';
+import AppContentLoader from '@/components/shared/AppContentLoader.vue';
+import { UiButton, UiIcon, UiIconButton } from '@/components/ui';
+import type { CedarPolicyItem } from '@/lib/cedar-policy-items';
+import { actionIcon, actionLabel, actionShortLabel } from '@/lib/permission-display';
+import { useUsersStore } from '@/stores/users';
+import CedarPolicyItemForm from './CedarPolicyItemForm.vue';
+import { buildDisplayGroups, buildFilteredGroups, groupPolicies, scopeResource } from './policyList';
+import type { AvailableDashboard, AvailableTable } from './types';
+
+const props = withDefaults(
+	defineProps<{
+		availableTables?: AvailableTable[];
+		availableDashboards?: AvailableDashboard[];
+		loading?: boolean;
+	}>(),
+	{ availableTables: () => [], availableDashboards: () => [], loading: false },
+);
+
+const policies = defineModel<CedarPolicyItem[]>('policies', { default: () => [] });
+const adding = defineModel<boolean>('adding', { default: false });
+
+const users = useUsersStore();
+
+const newItem = reactive({ action: '', tableName: '', dashboardId: '' });
+const editingIndex = ref<number | null>(null);
+const editItem = reactive({ action: '', tableName: '', dashboardId: '' });
+const collapsedGroups = ref(new Set<string>());
+
+const displayGroups = computed(() => buildDisplayGroups(users.availablePermissionGroups));
+const displayActions = computed(() => displayGroups.value.flatMap((group) => group.actions));
+const groupedPolicies = computed(() => groupPolicies(policies.value));
+const addActionGroups = computed(() => buildFilteredGroups(displayGroups.value, policies.value, -1));
+const editActionGroups = computed(() =>
+	buildFilteredGroups(displayGroups.value, policies.value, editingIndex.value ?? -1),
+);
+
+function usedBy(key: 'tableName' | 'dashboardId') {
+	const map = new Map<string, string[]>();
+	for (const policy of policies.value) {
+		const id = policy[key];
+		if (!id) continue;
+		const labels = map.get(id) ?? [];
+		labels.push(actionShortLabel(policy.action));
+		map.set(id, labels);
+	}
+	return map;
+}
+
+const usedTables = computed(() => usedBy('tableName'));
+const usedDashboards = computed(() => usedBy('dashboardId'));
+
+function needsTable(action: string) {
+	return scopeResource(displayActions.value, action) === 'table';
+}
+
+function needsDashboard(action: string) {
+	return scopeResource(displayActions.value, action) === 'dashboard';
+}
+
+function tableDisplayName(tableName: string): string {
+	if (tableName === '*') return 'All tables';
+	return props.availableTables.find((table) => table.tableName === tableName)?.displayName || tableName;
+}
+
+function dashboardDisplayName(dashboardId: string): string {
+	if (dashboardId === '*') return 'All dashboards';
+	return props.availableDashboards.find((dashboard) => dashboard.id === dashboardId)?.name || dashboardId;
+}
+
+function toggleGroup(label: string) {
+	const next = new Set(collapsedGroups.value);
+	if (next.has(label)) next.delete(label);
+	else next.add(label);
+	collapsedGroups.value = next;
+}
+
+function addPolicy() {
+	const { action, tableName, dashboardId } = newItem;
+	if (!action) return;
+	const scopedToTable = needsTable(action);
+	const scopedToDashboard = needsDashboard(action);
+	if (scopedToTable && !tableName) return;
+	if (scopedToDashboard && !dashboardId) return;
+
+	const duplicate = policies.value.some((policy) => {
+		if (policy.action !== action) return false;
+		if (scopedToTable) return policy.tableName === tableName;
+		if (scopedToDashboard) return policy.dashboardId === dashboardId;
+		return true;
+	});
+	if (duplicate) return;
+
+	const item: CedarPolicyItem = { action };
+	if (scopedToTable) item.tableName = tableName;
+	if (scopedToDashboard) item.dashboardId = dashboardId;
+	policies.value = [...policies.value, item];
+	resetAddForm();
+}
+
+function removePolicy(index: number) {
+	policies.value = policies.value.filter((_, i) => i !== index);
+}
+
+function startEdit(index: number) {
+	const policy = policies.value[index];
+	if (!policy) return;
+	editingIndex.value = index;
+	editItem.action = policy.action;
+	editItem.tableName = policy.tableName || '';
+	editItem.dashboardId = policy.dashboardId || '';
+}
+
+function saveEdit(index: number) {
+	const { action, tableName, dashboardId } = editItem;
+	if (!action) return;
+	const scopedToTable = needsTable(action);
+	const scopedToDashboard = needsDashboard(action);
+	if (scopedToTable && !tableName) return;
+	if (scopedToDashboard && !dashboardId) return;
+
+	const updated = [...policies.value];
+	updated[index] = {
+		action,
+		tableName: scopedToTable ? tableName : undefined,
+		dashboardId: scopedToDashboard ? dashboardId : undefined,
+	};
+	policies.value = updated;
+	editingIndex.value = null;
+}
+
+function cancelEdit() {
+	editingIndex.value = null;
+}
+
+function resetAddForm() {
+	adding.value = false;
+	newItem.action = '';
+	newItem.tableName = '';
+	newItem.dashboardId = '';
+}
+
+/** An unfinished add (an action picked) or an open inline edit. */
+function hasPendingChanges(): boolean {
+	return (adding.value && !!newItem.action) || editingIndex.value !== null;
+}
+
+function discardPending() {
+	if (adding.value) resetAddForm();
+	if (editingIndex.value !== null) cancelEdit();
+}
+
+defineExpose({ hasPendingChanges, discardPending });
+</script>
+
+<template>
+	<div class="cedar-policy-list">
+		<div v-if="loading" class="cedar-policy-list__loader">
+			<AppContentLoader label="Loading tables" />
+		</div>
+
+		<div v-if="!loading && policies.length === 0 && !adding" class="cedar-policy-list__empty">
+			<p>No policies defined. Add a policy to grant permissions.</p>
+			<UiButton size="sm" @click="adding = true">
+				<template #leading><UiIcon name="add" size="sm" /></template>
+				Add policy
+			</UiButton>
+		</div>
+
+		<section v-for="group in groupedPolicies" :key="group.label" class="policy-group">
+			<button
+				type="button"
+				class="policy-group__header"
+				:aria-expanded="collapsedGroups.has(group.label) ? 'false' : 'true'"
+				:title="group.description"
+				@click="toggleGroup(group.label)"
+			>
+				<span :class="['policy-group__icon-box', `policy-group__icon-box--${group.colorClass}`]">
+					<UiIcon :name="group.icon" size="sm" />
+				</span>
+				<span class="policy-group__label">{{ group.label }}</span>
+				<span class="policy-group__count">{{ group.policies.length }}</span>
+				<UiIcon
+					name="expand_more"
+					:class="['policy-group__chevron', { 'policy-group__chevron--collapsed': collapsedGroups.has(group.label) }]"
+				/>
+			</button>
+
+			<div v-if="!collapsedGroups.has(group.label)" class="policy-group__items">
+				<div v-for="entry in group.policies" :key="entry.originalIndex" class="policy-item" data-testid="policy-item">
+					<template v-if="editingIndex !== entry.originalIndex">
+						<div class="policy-item__content">
+							<UiIcon
+								v-tooltip="actionLabel(entry.item.action)"
+								class="policy-item__action-icon"
+								:name="actionIcon(entry.item.action)"
+								size="sm"
+							/>
+							<span class="policy-item__label">{{ actionShortLabel(entry.item.action) }}</span>
+							<span v-if="entry.item.tableName" class="policy-item__scope">
+								{{ tableDisplayName(entry.item.tableName) }}
+							</span>
+							<span v-if="entry.item.dashboardId" class="policy-item__scope">
+								{{ dashboardDisplayName(entry.item.dashboardId) }}
+							</span>
+						</div>
+						<div class="policy-item__actions">
+							<UiIconButton icon="edit" label="Edit" size="sm" @click="startEdit(entry.originalIndex)" />
+							<UiIconButton icon="delete" label="Delete" size="sm" @click="removePolicy(entry.originalIndex)" />
+						</div>
+					</template>
+					<CedarPolicyItemForm
+						v-else
+						v-model:action="editItem.action"
+						v-model:table-name="editItem.tableName"
+						v-model:dashboard-id="editItem.dashboardId"
+						:action-groups="editActionGroups"
+						:all-action-groups="displayGroups"
+						:available-tables="availableTables"
+						:available-dashboards="availableDashboards"
+						:used-tables="usedTables"
+						:used-dashboards="usedDashboards"
+						submit-label="Save"
+						@submit="saveEdit(entry.originalIndex)"
+						@cancel="cancelEdit"
+					/>
+				</div>
+			</div>
+		</section>
+
+		<div v-if="adding" class="policy-item policy-item--add" data-testid="policy-add-form">
+			<CedarPolicyItemForm
+				v-model:action="newItem.action"
+				v-model:table-name="newItem.tableName"
+				v-model:dashboard-id="newItem.dashboardId"
+				:action-groups="addActionGroups"
+				:all-action-groups="displayGroups"
+				:available-tables="availableTables"
+				:available-dashboards="availableDashboards"
+				:used-tables="usedTables"
+				:used-dashboards="usedDashboards"
+				submit-label="Add"
+				@submit="addPolicy"
+				@cancel="resetAddForm"
+			/>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.cedar-policy-list {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+}
+
+.cedar-policy-list__loader {
+	position: relative;
+	min-height: var(--space-16);
+}
+
+.cedar-policy-list__empty {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: var(--space-3);
+	padding: var(--space-3) 0;
+	font-size: var(--text-sm);
+}
+
+.cedar-policy-list__empty p {
+	margin: 0;
+	color: var(--color-muted);
+}
+
+/* ── Group ── */
+
+.policy-group {
+	overflow: hidden;
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-card);
+}
+
+.policy-group__header {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	width: 100%;
+	padding: var(--space-2) var(--space-3);
+	border: 0;
+	background: var(--color-paper);
+	color: var(--color-ink);
+	font: inherit;
+	text-align: start;
+	cursor: pointer;
+	user-select: none;
+}
+
+.policy-group__header:hover {
+	background: var(--color-paper-2);
+}
+
+.policy-group__header:focus-visible {
+	outline: none;
+	box-shadow: var(--shadow-focus);
+}
+
+.policy-group__icon-box {
+	display: flex;
+	flex-shrink: 0;
+	align-items: center;
+	justify-content: center;
+	width: 1.75rem;
+	height: 1.75rem;
+	border-radius: var(--radius-control);
+	background: var(--color-paper-2);
+	color: var(--color-muted);
+}
+
+.policy-group__icon-box--general {
+	background: var(--color-warning-bg);
+	color: var(--color-warning);
+}
+
+.policy-group__icon-box--connection,
+.policy-group__icon-box--dashboard {
+	background: var(--color-paper-2);
+	color: var(--color-accent);
+}
+
+.policy-group__icon-box--group {
+	background: var(--color-paper-2);
+	color: var(--color-accent-ink);
+}
+
+.policy-group__icon-box--table {
+	background: var(--color-success-bg);
+	color: var(--color-success);
+}
+
+.policy-group__label {
+	font-size: var(--text-sm);
+	font-weight: var(--weight-semibold);
+}
+
+.policy-group__count {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	min-width: 1.25rem;
+	height: 1.25rem;
+	margin-inline-start: auto;
+	padding: 0 var(--space-1);
+	border-radius: var(--radius-pill);
+	background: var(--color-paper-2);
+	color: var(--color-muted);
+	font-size: var(--text-2xs);
+	font-weight: var(--weight-semibold);
+}
+
+.policy-group__chevron {
+	color: var(--color-muted);
+	transition: transform var(--motion-fast) var(--ease-out);
+}
+
+.policy-group__chevron--collapsed {
+	transform: rotate(-90deg);
+}
+
+.policy-group__items {
+	display: flex;
+	flex-direction: column;
+}
+
+/* ── Policy item ── */
+
+.policy-item {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--space-2);
+	padding: var(--space-2) var(--space-4);
+	border-top: 1px solid var(--color-line);
+}
+
+.policy-item--add {
+	padding: var(--space-3) var(--space-4);
+	border: 1px dashed var(--color-line-strong);
+	border-radius: var(--radius-card);
+}
+
+.policy-item__content {
+	display: flex;
+	flex: 1;
+	align-items: center;
+	gap: var(--space-2);
+	min-width: 0;
+}
+
+.policy-item__action-icon {
+	color: var(--color-muted);
+}
+
+.policy-item__label {
+	font-size: var(--text-sm);
+	font-weight: var(--weight-medium);
+	color: var(--color-ink);
+}
+
+.policy-item__scope {
+	font-size: var(--text-sm);
+	font-style: italic;
+	color: var(--color-muted);
+}
+
+.policy-item__actions {
+	display: flex;
+	flex-shrink: 0;
+	align-items: center;
+}
+</style>
diff --git a/frontend-vue/src/components/users/GroupAddDialog.vue b/frontend-vue/src/components/users/GroupAddDialog.vue
new file mode 100644
index 000000000..af76a8ed7
--- /dev/null
+++ b/frontend-vue/src/components/users/GroupAddDialog.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/users/group-add-dialog: creates a user group in the current
+// connection and closes with the new group, so the permissions page can open its policy editor.
+import { computed, ref } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { UiField, UiInput } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import type { UserGroup } from '@/models/user';
+import { useConnectionsStore } from '@/stores/connections';
+import { useUsersStore } from '@/stores/users';
+import { trackUsersEvent } from './analytics';
+
+const dialogRef = useDialogRef<UserGroup | null>();
+const connections = useConnectionsStore();
+const users = useUsersStore();
+
+const groupTitle = ref('');
+const touched = ref(false);
+const submitting = ref(false);
+
+const titleError = computed(() => (touched.value && !groupTitle.value ? 'Title should not be empty.' : undefined));
+
+async function addGroup() {
+	submitting.value = true;
+	try {
+		const group = await users.createGroup(connections.connectionID ?? '', groupTitle.value);
+		dialogRef.close(group);
+		trackUsersEvent('User groups: user groups was created successfully');
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm
+		title="Create group of users"
+		submit-label="Create"
+		size="sm"
+		:busy="submitting"
+		:disabled="!groupTitle"
+		@submit="addGroup"
+	>
+		<UiField label="Enter group title" :error="titleError" required>
+			<UiInput v-model="groupTitle" name="title" required data-testid="group-title-input" @blur="touched = true" />
+		</UiField>
+	</AppDialogForm>
+</template>
diff --git a/frontend-vue/src/components/users/GroupDeleteDialog.vue b/frontend-vue/src/components/users/GroupDeleteDialog.vue
new file mode 100644
index 000000000..a4e8ea66b
--- /dev/null
+++ b/frontend-vue/src/components/users/GroupDeleteDialog.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/users/group-delete-dialog: confirms and deletes a user group.
+import { ref } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { useDialogRef } from '@/composables/useDialog';
+import { useUsersStore } from '@/stores/users';
+import { trackUsersEvent } from './analytics';
+import type { GroupRef } from './types';
+
+const props = defineProps<{ data: GroupRef }>();
+
+const dialogRef = useDialogRef();
+const users = useUsersStore();
+const submitting = ref(false);
+
+async function deleteUsersGroup() {
+	submitting.value = true;
+	try {
+		await users.deleteGroup(props.data.id);
+		dialogRef.close();
+		trackUsersEvent('User groups: user group was deleted successfully');
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm
+		title="Confirm users group delete"
+		submit-label="Delete"
+		submit-variant="danger"
+		size="sm"
+		:busy="submitting"
+		@submit="deleteUsersGroup"
+	>
+		<p class="group-delete__text">
+			You are going to delete <strong>{{ data.title }}</strong> group.
+		</p>
+		<p class="group-delete__text">Please confirm.</p>
+	</AppDialogForm>
+</template>
+
+<style scoped>
+.group-delete__text {
+	margin: 0 0 var(--space-3);
+}
+</style>
diff --git a/frontend-vue/src/components/users/GroupDialogs.spec.ts b/frontend-vue/src/components/users/GroupDialogs.spec.ts
new file mode 100644
index 000000000..b634e95c7
--- /dev/null
+++ b/frontend-vue/src/components/users/GroupDialogs.spec.ts
@@ -0,0 +1,132 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import GroupAddDialog from './GroupAddDialog.vue';
+import GroupDeleteDialog from './GroupDeleteDialog.vue';
+import GroupNameEditDialog from './GroupNameEditDialog.vue';
+import { buttonByText, mountDialog } from './testUtils';
+import UserDeleteDialog from './UserDeleteDialog.vue';
+
+const users = vi.hoisted(() => ({
+	createGroup: vi.fn(),
+	deleteGroup: vi.fn(),
+	editGroupName: vi.fn(),
+	deleteGroupUser: vi.fn(),
+}));
+const analytics = vi.hoisted(() => ({ trackUsersEvent: vi.fn() }));
+
+vi.mock('@/stores/users', () => ({ useUsersStore: () => users }));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => ({ connectionID: '12345678' }) }));
+vi.mock('./analytics', () => analytics);
+
+describe('GroupAddDialog', () => {
+	beforeEach(() => vi.clearAllMocks());
+
+	it('creates the group in the current connection and closes with it', async () => {
+		users.createGroup.mockResolvedValue({ id: 'new-group', title: 'Sellers' });
+		const { wrapper, dialogRef } = await mountDialog(GroupAddDialog);
+
+		expect(buttonByText(wrapper, 'Create').attributes('disabled')).toBeDefined();
+		await wrapper.find('[data-testid="group-title-input"]').setValue('Sellers');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(users.createGroup).toHaveBeenCalledWith('12345678', 'Sellers');
+		expect(dialogRef.close).toHaveBeenCalledWith({ id: 'new-group', title: 'Sellers' });
+		expect(analytics.trackUsersEvent).toHaveBeenCalledWith('User groups: user groups was created successfully');
+		expect(buttonByText(wrapper, 'Create').attributes('disabled')).toBeUndefined();
+		wrapper.unmount();
+	});
+
+	it('shows the required error once the title is touched', async () => {
+		const { wrapper } = await mountDialog(GroupAddDialog);
+		await wrapper.find('[data-testid="group-title-input"]').trigger('blur');
+		expect(wrapper.text()).toContain('Title should not be empty.');
+		wrapper.unmount();
+	});
+
+	it('stays open when creating fails', async () => {
+		users.createGroup.mockRejectedValue(new Error('boom'));
+		const { wrapper, dialogRef } = await mountDialog(GroupAddDialog);
+
+		await wrapper.find('[data-testid="group-title-input"]').setValue('Sellers');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(dialogRef.close).not.toHaveBeenCalled();
+		expect(buttonByText(wrapper, 'Create').attributes('disabled')).toBeUndefined();
+		wrapper.unmount();
+	});
+});
+
+describe('GroupDeleteDialog', () => {
+	beforeEach(() => vi.clearAllMocks());
+
+	it('names the group and deletes it on confirm', async () => {
+		users.deleteGroup.mockResolvedValue(undefined);
+		const { wrapper, dialogRef } = await mountDialog(GroupDeleteDialog, { id: '12345678-123', title: 'Test' });
+
+		expect(wrapper.text()).toContain('You are going to delete Test group.');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(users.deleteGroup).toHaveBeenCalledWith('12345678-123');
+		expect(dialogRef.close).toHaveBeenCalled();
+		expect(analytics.trackUsersEvent).toHaveBeenCalledWith('User groups: user group was deleted successfully');
+		wrapper.unmount();
+	});
+});
+
+describe('GroupNameEditDialog', () => {
+	beforeEach(() => vi.clearAllMocks());
+
+	it('starts from the current name and renames the group', async () => {
+		users.editGroupName.mockResolvedValue(undefined);
+		const { wrapper, dialogRef } = await mountDialog(GroupNameEditDialog, { id: 'test-id', title: 'Test Group' });
+
+		const input = wrapper.find('input');
+		expect((input.element as HTMLInputElement).value).toBe('Test Group');
+		await input.setValue('Renamed');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(users.editGroupName).toHaveBeenCalledWith('test-id', 'Renamed');
+		expect(dialogRef.close).toHaveBeenCalled();
+		wrapper.unmount();
+	});
+
+	it('disables Change while the name is empty', async () => {
+		const { wrapper } = await mountDialog(GroupNameEditDialog, { id: 'test-id', title: 'Test Group' });
+		await wrapper.find('input').setValue('');
+		expect(buttonByText(wrapper, 'Change').attributes('disabled')).toBeDefined();
+		wrapper.unmount();
+	});
+});
+
+describe('UserDeleteDialog', () => {
+	beforeEach(() => vi.clearAllMocks());
+
+	it('removes the user from the group', async () => {
+		users.deleteGroupUser.mockResolvedValue(undefined);
+		const { wrapper, dialogRef } = await mountDialog(UserDeleteDialog, {
+			user: { email: 'user@test.com' },
+			group: { id: '12345678-123', title: 'Sellers' },
+		});
+
+		expect(wrapper.text()).toContain('You are going to delete user@test.com from Sellers group.');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(users.deleteGroupUser).toHaveBeenCalledWith('user@test.com', '12345678-123');
+		expect(dialogRef.close).toHaveBeenCalled();
+		wrapper.unmount();
+	});
+
+	it('shows the name with the email when the user has one', async () => {
+		const { wrapper } = await mountDialog(UserDeleteDialog, {
+			user: { email: 'ann@test.com', name: 'Ann' },
+			group: { id: 'g', title: 'Sellers' },
+		});
+		expect(wrapper.text()).toContain('Ann (ann@test.com)');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/users/GroupNameEditDialog.vue b/frontend-vue/src/components/users/GroupNameEditDialog.vue
new file mode 100644
index 000000000..afcb4303b
--- /dev/null
+++ b/frontend-vue/src/components/users/GroupNameEditDialog.vue
@@ -0,0 +1,47 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/users/group-name-edit-dialog: renames a user group.
+import { computed, ref } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { UiField, UiInput } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import { useUsersStore } from '@/stores/users';
+import type { GroupRef } from './types';
+
+const props = defineProps<{ data: GroupRef }>();
+
+const dialogRef = useDialogRef();
+const users = useUsersStore();
+
+const groupTitle = ref(props.data.title);
+const touched = ref(false);
+const submitting = ref(false);
+
+const titleError = computed(() => (touched.value && !groupTitle.value ? 'Title should not be empty.' : undefined));
+
+async function editGroupName() {
+	submitting.value = true;
+	try {
+		await users.editGroupName(props.data.id, groupTitle.value);
+		dialogRef.close();
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm
+		title="Change group name"
+		submit-label="Change"
+		size="sm"
+		:busy="submitting"
+		:disabled="!groupTitle"
+		@submit="editGroupName"
+	>
+		<UiField label="Change group name" :error="titleError" required>
+			<UiInput v-model="groupTitle" name="title" required @blur="touched = true" />
+		</UiField>
+	</AppDialogForm>
+</template>
diff --git a/frontend-vue/src/components/users/PublicAccessPanel.spec.ts b/frontend-vue/src/components/users/PublicAccessPanel.spec.ts
new file mode 100644
index 000000000..db8a7392a
--- /dev/null
+++ b/frontend-vue/src/components/users/PublicAccessPanel.spec.ts
@@ -0,0 +1,229 @@
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { reactive } from 'vue';
+import { vTooltip } from '@/components/ui';
+import type { PublicPermissions } from '@/models/user';
+import PublicAccessPanel from './PublicAccessPanel.vue';
+import { buttonByText } from './testUtils';
+
+const CONNECTION_ID = '5a2d4e0c-6d3a-4b0f-9d1a-4a0f0a4c8b11';
+
+const { users, tables, posthog } = vi.hoisted(() => ({
+	users: {
+		publicPermissions: { enabled: false, tables: [] } as PublicPermissions,
+		publicPermissionsLoading: false,
+		loadPublicPermissions: vi.fn(),
+		savePublicPermissions: vi.fn(),
+	},
+	tables: { fetchTables: vi.fn(), fetchTableStructure: vi.fn() },
+	posthog: { capture: vi.fn() },
+}));
+
+const usersState = reactive(users);
+
+vi.mock('@/stores/users', () => ({ useUsersStore: () => usersState }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => ({ connectionID: CONNECTION_ID }) }));
+vi.mock('posthog-js', () => ({ default: posthog }));
+
+const fakeTables = [
+	{ table: 'customers', display_name: 'Customers' },
+	{ table: 'orders', display_name: '' },
+];
+
+const fakeStructure = { structure: [{ column_name: 'id' }, { column_name: 'name' }, { column_name: 'secret' }] };
+
+async function mountPanel(): Promise<VueWrapper> {
+	const wrapper = mount(PublicAccessPanel, { global: { directives: { tooltip: vTooltip } } });
+	await flushPromises();
+	return wrapper;
+}
+
+async function expand(wrapper: VueWrapper) {
+	await wrapper.find('.ui-expansion-panel__toggle').trigger('click');
+	await flushPromises();
+}
+
+function tableRow(wrapper: VueWrapper, name: string) {
+	const row = wrapper
+		.findAll('[data-testid="public-access-table"]')
+		.find((candidate) => candidate.text().includes(name));
+	if (!row) throw new Error(`No row ${name}`);
+	return row;
+}
+
+async function toggle(wrapper: VueWrapper, name: string, checked: boolean) {
+	await tableRow(wrapper, name).find('input[type="checkbox"]').setValue(checked);
+	await flushPromises();
+}
+
+function status(wrapper: VueWrapper): string {
+	return wrapper.find('[data-testid="public-access-status"]').text();
+}
+
+async function setStored(permissions: PublicPermissions) {
+	usersState.publicPermissions = permissions;
+	await flushPromises();
+}
+
+describe('PublicAccessPanel', () => {
+	beforeEach(() => {
+		usersState.publicPermissions = { enabled: false, tables: [] };
+		usersState.publicPermissionsLoading = false;
+		vi.clearAllMocks();
+		users.savePublicPermissions.mockResolvedValue(undefined);
+		tables.fetchTables.mockResolvedValue(fakeTables);
+		tables.fetchTableStructure.mockResolvedValue(fakeStructure);
+	});
+
+	it('opts in to loading the public permissions of this connection', async () => {
+		const wrapper = await mountPanel();
+		expect(usersState.loadPublicPermissions).toHaveBeenCalledWith(CONNECTION_ID);
+		wrapper.unmount();
+	});
+
+	it('lists the connection tables, falling back to a normalized name', async () => {
+		const wrapper = await mountPanel();
+		await expand(wrapper);
+
+		expect(tables.fetchTables).toHaveBeenCalledWith(CONNECTION_ID);
+		const rows = wrapper.findAll('[data-testid="public-access-table"]').map((row) => row.text());
+		expect(rows).toEqual(['Customers', 'Orders']);
+		expect(wrapper.text()).toContain('Anyone on the internet can read the tables listed below');
+		wrapper.unmount();
+	});
+
+	it('reports Disabled and offers no disable button when nothing is public', async () => {
+		const wrapper = await mountPanel();
+		await expand(wrapper);
+		expect(status(wrapper)).toBe('Disabled');
+		expect(wrapper.text()).not.toContain('Disable public access');
+		wrapper.unmount();
+	});
+
+	it('seeds the selection from the stored permissions and preloads every stored table columns', async () => {
+		const wrapper = await mountPanel();
+		await setStored({
+			enabled: true,
+			tables: [{ tableName: 'customers', readableColumns: ['id', 'name'] }, { tableName: 'orders' }],
+		});
+		await expand(wrapper);
+
+		expect(status(wrapper)).toBe('2 tables');
+		expect(tables.fetchTableStructure).toHaveBeenCalledWith(CONNECTION_ID, 'customers');
+		expect(tables.fetchTableStructure).toHaveBeenCalledWith(CONNECTION_ID, 'orders');
+
+		const customers = tableRow(wrapper, 'Customers').find('select').element as HTMLSelectElement;
+		expect(Array.from(customers.selectedOptions).map((option) => option.text)).toEqual(['id', 'name']);
+		const orders = tableRow(wrapper, 'Orders').find('select').element as HTMLSelectElement;
+		expect(Array.from(orders.options).map((option) => option.text)).toEqual(['id', 'name', 'secret']);
+		expect(orders.selectedOptions).toHaveLength(0);
+		expect(wrapper.text()).toContain('Disable public access');
+		wrapper.unmount();
+	});
+
+	it('singularizes the status for one table', async () => {
+		const wrapper = await mountPanel();
+		await setStored({ enabled: true, tables: [{ tableName: 'customers' }] });
+		expect(status(wrapper)).toBe('1 table');
+		wrapper.unmount();
+	});
+
+	it('fetches columns when a table is checked, once', async () => {
+		const wrapper = await mountPanel();
+		await expand(wrapper);
+
+		await toggle(wrapper, 'Customers', true);
+		expect(tables.fetchTableStructure).toHaveBeenCalledWith(CONNECTION_ID, 'customers');
+		expect(wrapper.findAll('[data-testid="public-access-columns"]')).toHaveLength(1);
+
+		await toggle(wrapper, 'Customers', false);
+		await toggle(wrapper, 'Customers', true);
+		expect(tables.fetchTableStructure).toHaveBeenCalledTimes(1);
+		wrapper.unmount();
+	});
+
+	it('saves an empty column selection as undefined readableColumns', async () => {
+		const wrapper = await mountPanel();
+		await expand(wrapper);
+		await toggle(wrapper, 'Customers', true);
+		await buttonByText(wrapper, 'Save').trigger('click');
+
+		expect(usersState.savePublicPermissions).toHaveBeenCalledWith(CONNECTION_ID, [
+			{ tableName: 'customers', readableColumns: undefined },
+		]);
+		expect(posthog.capture).toHaveBeenCalledWith('Users access: public access saved');
+		wrapper.unmount();
+	});
+
+	it('saves an explicit column whitelist', async () => {
+		const wrapper = await mountPanel();
+		await expand(wrapper);
+		await toggle(wrapper, 'Customers', true);
+
+		const select = tableRow(wrapper, 'Customers').find('select');
+		for (const option of Array.from((select.element as HTMLSelectElement).options)) {
+			option.selected = option.text === 'id' || option.text === 'name';
+		}
+		await select.trigger('change');
+		await buttonByText(wrapper, 'Save').trigger('click');
+
+		expect(usersState.savePublicPermissions).toHaveBeenCalledWith(CONNECTION_ID, [
+			{ tableName: 'customers', readableColumns: ['id', 'name'] },
+		]);
+		wrapper.unmount();
+	});
+
+	it('drops an unchecked table from the payload', async () => {
+		const wrapper = await mountPanel();
+		await expand(wrapper);
+		await toggle(wrapper, 'Customers', true);
+		await toggle(wrapper, 'Orders', true);
+		await toggle(wrapper, 'Customers', false);
+		await buttonByText(wrapper, 'Save').trigger('click');
+
+		expect(usersState.savePublicPermissions).toHaveBeenCalledWith(CONNECTION_ID, [
+			{ tableName: 'orders', readableColumns: undefined },
+		]);
+		wrapper.unmount();
+	});
+
+	it('leaves the loader when the table list fails to load', async () => {
+		tables.fetchTables.mockRejectedValue(new Error('boom'));
+		const wrapper = await mountPanel();
+		await expand(wrapper);
+		expect(wrapper.text()).toContain('No tables in this connection.');
+		wrapper.unmount();
+	});
+
+	it('blocks editing while a save is in flight', async () => {
+		let resolveSave: () => void = () => {};
+		users.savePublicPermissions.mockReturnValue(new Promise<void>((resolve) => (resolveSave = resolve)));
+		const wrapper = await mountPanel();
+		await expand(wrapper);
+		await toggle(wrapper, 'Customers', true);
+
+		await buttonByText(wrapper, 'Save').trigger('click');
+		expect(tableRow(wrapper, 'Orders').find('input[type="checkbox"]').attributes('disabled')).toBeDefined();
+		expect(buttonByText(wrapper, 'Save').attributes('disabled')).toBeDefined();
+
+		resolveSave();
+		await flushPromises();
+		expect(tableRow(wrapper, 'Orders').find('input[type="checkbox"]').attributes('disabled')).toBeUndefined();
+		wrapper.unmount();
+	});
+
+	it('disables public access by saving an empty table list', async () => {
+		const wrapper = await mountPanel();
+		await setStored({ enabled: true, tables: [{ tableName: 'customers' }] });
+		await expand(wrapper);
+
+		await buttonByText(wrapper, 'Disable public access').trigger('click');
+		await flushPromises();
+
+		expect(usersState.savePublicPermissions).toHaveBeenCalledWith(CONNECTION_ID, []);
+		expect(posthog.capture).toHaveBeenCalledWith('Users access: public access disabled');
+		expect(status(wrapper)).toBe('Disabled');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/components/users/PublicAccessPanel.vue b/frontend-vue/src/components/users/PublicAccessPanel.vue
new file mode 100644
index 000000000..7645d4a03
--- /dev/null
+++ b/frontend-vue/src/components/users/PublicAccessPanel.vue
@@ -0,0 +1,316 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/users/public-access-panel: which tables of the connection
+// anyone can read without signing in, and optionally which of their columns.
+//
+// A selected table maps to its readable-column whitelist. An empty array means "all columns",
+// matching the backend contract where an omitted/empty readableColumns grants every column.
+import posthog from 'posthog-js';
+import { computed, onMounted, ref, watch } from 'vue';
+import AppContentLoader from '@/components/shared/AppContentLoader.vue';
+import {
+	type SelectOption,
+	UiAlert,
+	UiButton,
+	UiCheckbox,
+	UiChip,
+	UiExpansionPanel,
+	UiField,
+	UiIcon,
+	UiSelect,
+} from '@/components/ui';
+import { normalizeTableName } from '@/lib/normalize';
+import type { PublicTablePermission } from '@/models/user';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTablesStore } from '@/stores/tables';
+import { useUsersStore } from '@/stores/users';
+import type { AvailableTable } from './types';
+
+type TableSelection = Map<string, string[]>;
+
+const users = useUsersStore();
+const tablesStore = useTablesStore();
+const connections = useConnectionsStore();
+
+const connectionId = connections.connectionID ?? '';
+
+const tables = ref<AvailableTable[]>([]);
+const tablesLoading = ref(true);
+const submitting = ref(false);
+
+const selection = ref<TableSelection>(new Map());
+const columnsByTable = ref<Record<string, string[]>>({});
+const loadingColumns = ref<Set<string>>(new Set());
+
+const selectedCount = computed(() => selection.value.size);
+const statusLabel = computed(() => {
+	const count = selectedCount.value;
+	if (count === 0) return 'Disabled';
+	return `${count} ${count === 1 ? 'table' : 'tables'}`;
+});
+
+// Public access is stored server-side as a derived value: a non-empty table list means enabled.
+// `Disable public access` is only meaningful once something is actually stored.
+const canDisable = computed(() => users.publicPermissions.enabled);
+
+// Seed the local editing state whenever the server state (re)loads, so an external change is picked
+// up. Editing is blocked while a save is in flight, the only window where this re-seed could
+// otherwise discard an unsaved edit.
+watch(
+	() => users.publicPermissions,
+	(permissions) => {
+		const seeded: TableSelection = new Map();
+		for (const table of permissions.tables) seeded.set(table.tableName, table.readableColumns ?? []);
+		selection.value = seeded;
+		// Every already-public table needs its columns, not just the restricted ones: an unrestricted
+		// table still renders the column picker, which would otherwise be empty.
+		for (const table of permissions.tables) loadColumns(table.tableName);
+	},
+	{ immediate: true },
+);
+
+onMounted(async () => {
+	users.loadPublicPermissions(connectionId);
+	try {
+		const list = await tablesStore.fetchTables(connectionId);
+		tables.value = list.map((table) => ({
+			tableName: table.table,
+			displayName: table.display_name || normalizeTableName(table.table),
+		}));
+	} catch {
+		// Reported by the store; the panel must not stay on its loader.
+	} finally {
+		tablesLoading.value = false;
+	}
+});
+
+function isSelected(tableName: string): boolean {
+	return selection.value.has(tableName);
+}
+
+function columnOptions(tableName: string): SelectOption<string>[] {
+	return (columnsByTable.value[tableName] ?? []).map((column) => ({ value: column, label: column }));
+}
+
+function toggleTable(tableName: string, selected: boolean) {
+	const next = new Map(selection.value);
+	if (selected) next.set(tableName, []);
+	else next.delete(tableName);
+	selection.value = next;
+	if (selected) loadColumns(tableName);
+}
+
+function setColumns(tableName: string, columns: string | string[] | null) {
+	const next = new Map(selection.value);
+	next.set(tableName, Array.isArray(columns) ? columns : []);
+	selection.value = next;
+}
+
+async function save() {
+	posthog.capture('Users access: public access saved');
+	submitting.value = true;
+	try {
+		await users.savePublicPermissions(connectionId, buildPayload());
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+
+async function disablePublicAccess() {
+	posthog.capture('Users access: public access disabled');
+	submitting.value = true;
+	try {
+		await users.savePublicPermissions(connectionId, []);
+		selection.value = new Map();
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+
+function buildPayload(): PublicTablePermission[] {
+	return [...selection.value.entries()].map(([tableName, columns]) => ({
+		tableName,
+		readableColumns: columns.length ? columns : undefined,
+	}));
+}
+
+async function loadColumns(tableName: string) {
+	if (columnsByTable.value[tableName] || loadingColumns.value.has(tableName)) return;
+
+	loadingColumns.value = new Set(loadingColumns.value).add(tableName);
+	try {
+		const res = await tablesStore.fetchTableStructure(connectionId, tableName);
+		columnsByTable.value = {
+			...columnsByTable.value,
+			[tableName]: (res?.structure ?? []).map((field) => field.column_name),
+		};
+	} catch {
+		// Reported by the store.
+	} finally {
+		const next = new Set(loadingColumns.value);
+		next.delete(tableName);
+		loadingColumns.value = next;
+	}
+}
+</script>
+
+<template>
+	<UiExpansionPanel class="public-access" lazy>
+		<template #title>
+			<span class="public-access__title">
+				<UiIcon name="public" class="public-access__icon" />
+				<span>Public access</span>
+				<UiChip :tone="selectedCount > 0 ? 'warning' : 'accent'" class="public-access__badge" data-testid="public-access-status">
+					{{ statusLabel }}
+				</UiChip>
+			</span>
+		</template>
+
+		<UiAlert tone="warning" :live="false" class="public-access__warning">
+			Anyone on the internet can read the tables listed below without signing in. Public access is read-only — rows
+			can never be added, edited or deleted.
+		</UiAlert>
+
+		<div v-if="tablesLoading || users.publicPermissionsLoading" class="public-access__loader">
+			<AppContentLoader />
+		</div>
+		<p v-else-if="tables.length === 0" class="public-access__empty">No tables in this connection.</p>
+		<template v-else>
+			<ul class="public-access__tables">
+				<li
+					v-for="table in tables"
+					:key="table.tableName"
+					:class="['public-access__table', { 'public-access__table--selected': isSelected(table.tableName) }]"
+					data-testid="public-access-table"
+				>
+					<UiCheckbox
+						:model-value="isSelected(table.tableName)"
+						:disabled="submitting"
+						@update:model-value="toggleTable(table.tableName, $event)"
+					>
+						{{ table.displayName }}
+					</UiCheckbox>
+
+					<template v-if="isSelected(table.tableName)">
+						<span v-if="loadingColumns.has(table.tableName)" class="public-access__columns-hint">
+							Loading columns…
+						</span>
+						<UiField
+							v-else
+							label="Readable columns"
+							hint="Leave empty to expose all columns"
+							class="public-access__columns"
+							data-testid="public-access-columns"
+						>
+							<UiSelect
+								multiple
+								size="sm"
+								:model-value="selection.get(table.tableName) ?? []"
+								:options="columnOptions(table.tableName)"
+								:disabled="submitting"
+								@update:model-value="setColumns(table.tableName, $event)"
+							/>
+						</UiField>
+					</template>
+				</li>
+			</ul>
+
+			<div class="public-access__actions">
+				<span v-if="canDisable" v-tooltip="'Remove public access to every table'">
+					<UiButton variant="ghost" :disabled="submitting" @click="disablePublicAccess">Disable public access</UiButton>
+				</span>
+				<span class="public-access__spacer" />
+				<UiButton :disabled="submitting" @click="save">Save</UiButton>
+			</div>
+		</template>
+	</UiExpansionPanel>
+</template>
+
+<style scoped>
+.public-access {
+	margin-bottom: var(--space-5);
+}
+
+.public-access__title {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-2);
+}
+
+.public-access__icon {
+	flex-shrink: 0;
+	color: var(--color-muted);
+}
+
+.public-access__badge {
+	text-transform: uppercase;
+	white-space: nowrap;
+}
+
+.public-access__warning {
+	margin-bottom: var(--space-4);
+}
+
+.public-access__loader {
+	position: relative;
+	min-height: var(--space-16);
+}
+
+.public-access__empty {
+	margin: 0;
+	font-size: var(--text-sm);
+}
+
+.public-access__tables {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.public-access__table {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: var(--space-3);
+	padding: var(--space-1) 0;
+}
+
+.public-access__table--selected {
+	padding-bottom: var(--space-3);
+}
+
+.public-access__columns {
+	flex: 1 1 16em;
+	min-width: 12em;
+}
+
+.public-access__columns-hint {
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+
+.public-access__actions {
+	display: flex;
+	align-items: center;
+	margin-top: var(--space-4);
+}
+
+.public-access__spacer {
+	flex: 1;
+}
+
+@media (width <= 600px) {
+	.public-access__table {
+		flex-direction: column;
+		align-items: flex-start;
+		gap: var(--space-1);
+	}
+
+	.public-access__columns {
+		width: 100%;
+	}
+}
+</style>
diff --git a/frontend-vue/src/components/users/UserAddDialog.spec.ts b/frontend-vue/src/components/users/UserAddDialog.spec.ts
new file mode 100644
index 000000000..2eb402b8e
--- /dev/null
+++ b/frontend-vue/src/components/users/UserAddDialog.spec.ts
@@ -0,0 +1,111 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { buttonByText, mountDialog, selectOption } from './testUtils';
+import UserAddDialog from './UserAddDialog.vue';
+
+const users = vi.hoisted(() => ({ addGroupUser: vi.fn() }));
+const analytics = vi.hoisted(() => ({ trackUsersEvent: vi.fn() }));
+
+vi.mock('@/stores/users', () => ({ useUsersStore: () => users }));
+vi.mock('./analytics', () => analytics);
+
+const fakeMembers = [
+	{ id: 'user-1', email: 'alice@test.com', name: 'Alice Smith' },
+	{ id: 'user-2', email: 'bob@test.com', name: 'Bob Jones' },
+	{ id: 'user-3', email: 'charlie@test.com', name: '' },
+];
+
+const fakeGroup = { id: '12345678-abcd-1234-efgh-123456789012', title: 'Developers' };
+
+describe('UserAddDialog', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		users.addGroupUser.mockResolvedValue(undefined);
+	});
+
+	describe('with available members', () => {
+		const mountPage = () => mountDialog(UserAddDialog, { availableMembers: fakeMembers, group: fakeGroup });
+
+		it('shows the group title, the member picker and the Company hint', async () => {
+			const { wrapper } = await mountPage();
+
+			expect(wrapper.find('h2').text()).toContain('Developers');
+			const labels = wrapper.findAll('option').map((option) => option.text());
+			expect(labels).toEqual([
+				'Select user',
+				'Alice Smith (alice@test.com)',
+				'Bob Jones (bob@test.com)',
+				'charlie@test.com',
+			]);
+			expect(wrapper.text()).toContain('Add users to the');
+			expect(wrapper.text()).not.toContain('All your company members are already in this group');
+			expect(wrapper.findAll('a').some((link) => link.text() === 'Open Company page')).toBe(false);
+			wrapper.unmount();
+		});
+
+		it('disables Add (a submit button) until a user is selected', async () => {
+			const { wrapper } = await mountPage();
+
+			const add = buttonByText(wrapper, 'Add');
+			expect(add.attributes('type')).toBe('submit');
+			expect(add.attributes('disabled')).toBeDefined();
+			await selectOption(wrapper, 'Bob Jones (bob@test.com)');
+			expect(buttonByText(wrapper, 'Add').attributes('disabled')).toBeUndefined();
+			wrapper.unmount();
+		});
+
+		it('adds the selected member to the group and closes', async () => {
+			const { wrapper, dialogRef } = await mountPage();
+
+			await selectOption(wrapper, 'Alice Smith (alice@test.com)');
+			await wrapper.find('form').trigger('submit');
+			await flushPromises();
+
+			expect(users.addGroupUser).toHaveBeenCalledWith('12345678-abcd-1234-efgh-123456789012', 'alice@test.com');
+			expect(dialogRef.close).toHaveBeenCalled();
+			expect(analytics.trackUsersEvent).toHaveBeenCalledWith('User groups: user was added to group successfully');
+			expect(buttonByText(wrapper, 'Add').attributes('disabled')).toBeUndefined();
+			wrapper.unmount();
+		});
+
+		it('stays open when adding fails', async () => {
+			users.addGroupUser.mockRejectedValueOnce(new Error('Network error'));
+			const { wrapper, dialogRef } = await mountPage();
+
+			await selectOption(wrapper, 'Alice Smith (alice@test.com)');
+			await wrapper.find('form').trigger('submit');
+			await flushPromises();
+
+			expect(dialogRef.close).not.toHaveBeenCalled();
+			expect(buttonByText(wrapper, 'Add').attributes('disabled')).toBeUndefined();
+			wrapper.unmount();
+		});
+	});
+
+	describe('with no available members', () => {
+		const mountPage = () => mountDialog(UserAddDialog, { availableMembers: [], group: fakeGroup });
+
+		it('explains why and links to the Company page instead of a picker', async () => {
+			const { wrapper } = await mountPage();
+
+			expect(wrapper.text()).toContain('All your company members are already in this group');
+			expect(wrapper.find('select').exists()).toBe(false);
+			expect(wrapper.findAll('button').some((button) => button.text() === 'Add')).toBe(false);
+			const link = wrapper.findAll('a').find((candidate) => candidate.text() === 'Open Company page');
+			expect(link?.attributes('href')).toBe('/company');
+			wrapper.unmount();
+		});
+
+		it('closes when the Company page is opened', async () => {
+			const { wrapper, dialogRef, router } = await mountPage();
+
+			const link = wrapper.findAll('a').find((candidate) => candidate.text() === 'Open Company page');
+			await link?.trigger('click');
+			await flushPromises();
+
+			expect(dialogRef.close).toHaveBeenCalled();
+			expect(router.currentRoute.value.path).toBe('/company');
+			wrapper.unmount();
+		});
+	});
+});
diff --git a/frontend-vue/src/components/users/UserAddDialog.vue b/frontend-vue/src/components/users/UserAddDialog.vue
new file mode 100644
index 000000000..a1692915d
--- /dev/null
+++ b/frontend-vue/src/components/users/UserAddDialog.vue
@@ -0,0 +1,96 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/users/user-add-dialog: adds a company member to a group. With
+// every member already in the group it points to the Company page instead.
+import { computed, ref } from 'vue';
+import { RouterLink } from 'vue-router';
+import AppDialog from '@/components/dialog/AppDialog.vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { type SelectOption, UiButton, UiField, UiSelect } from '@/components/ui';
+import { useDialogRef } from '@/composables/useDialog';
+import { useUsersStore } from '@/stores/users';
+import { trackUsersEvent } from './analytics';
+import type { UserAddDialogData } from './types';
+
+const props = defineProps<{ data: UserAddDialogData }>();
+
+const dialogRef = useDialogRef();
+const users = useUsersStore();
+
+const groupUserEmail = ref<string | null>(null);
+const submitting = ref(false);
+
+const title = computed(() => `Add user to ${props.data.group.title} group`);
+
+const memberOptions = computed<SelectOption<string>[]>(() =>
+	props.data.availableMembers.map((member) => ({
+		value: member.email,
+		label: member.name ? `${member.name} (${member.email})` : member.email,
+	})),
+);
+
+function onSelect(value: string | string[] | null) {
+	groupUserEmail.value = typeof value === 'string' ? value : null;
+}
+
+async function joinGroupUser() {
+	if (!groupUserEmail.value) return;
+	submitting.value = true;
+	try {
+		await users.addGroupUser(props.data.group.id, groupUserEmail.value);
+		dialogRef.close();
+		trackUsersEvent('User groups: user was added to group successfully');
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm
+		v-if="data.availableMembers.length"
+		:title="title"
+		submit-label="Add"
+		size="sm"
+		:busy="submitting"
+		:disabled="!groupUserEmail"
+		@submit="joinGroupUser"
+	>
+		<UiField label="Select user" required>
+			<UiSelect
+				:model-value="groupUserEmail"
+				:options="memberOptions"
+				placeholder="Select user"
+				name="email"
+				@update:model-value="onSelect"
+			/>
+		</UiField>
+		<p class="user-add__hint">
+			Add users to the
+			<RouterLink to="/company" class="user-add__link" @click="dialogRef.close()">Company</RouterLink>
+			before assigning them to a group.
+		</p>
+	</AppDialogForm>
+
+	<AppDialog v-else :title="title" size="sm">
+		<p class="user-add__hint">
+			All your company members are already in this group. To add a new one first add them to your company.
+		</p>
+		<template #footer>
+			<UiButton variant="secondary" @click="dialogRef.close()">Cancel</UiButton>
+			<UiButton to="/company" @click="dialogRef.close()">Open Company page</UiButton>
+		</template>
+	</AppDialog>
+</template>
+
+<style scoped>
+.user-add__hint {
+	margin: var(--space-3) 0 0;
+	font-size: var(--text-sm);
+}
+
+.user-add__link {
+	color: var(--color-accent);
+}
+</style>
diff --git a/frontend-vue/src/components/users/UserDeleteDialog.vue b/frontend-vue/src/components/users/UserDeleteDialog.vue
new file mode 100644
index 000000000..763b58dd2
--- /dev/null
+++ b/frontend-vue/src/components/users/UserDeleteDialog.vue
@@ -0,0 +1,53 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/users/user-delete-dialog: removes a user from a group.
+import { ref } from 'vue';
+import AppDialogForm from '@/components/dialog/AppDialogForm.vue';
+import { useDialogRef } from '@/composables/useDialog';
+import { useUsersStore } from '@/stores/users';
+import type { UserDeleteDialogData } from './types';
+
+const props = defineProps<{ data: UserDeleteDialogData }>();
+
+const dialogRef = useDialogRef();
+const users = useUsersStore();
+const submitting = ref(false);
+
+async function deleteGroupUser() {
+	submitting.value = true;
+	try {
+		await users.deleteGroupUser(props.data.user.email, props.data.group.id);
+		dialogRef.close();
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<AppDialogForm
+		title="Confirm users delete"
+		submit-label="Delete"
+		submit-variant="danger"
+		size="sm"
+		:busy="submitting"
+		@submit="deleteGroupUser"
+	>
+		<p class="user-delete__text">
+			You are going to delete
+			<template v-if="data.user.name">
+				<strong>{{ data.user.name }}</strong> ({{ data.user.email }})
+			</template>
+			<strong v-else>{{ data.user.email }}</strong>
+			from <strong>{{ data.group.title }}</strong> group.
+		</p>
+		<p class="user-delete__text">Please confirm.</p>
+	</AppDialogForm>
+</template>
+
+<style scoped>
+.user-delete__text {
+	margin: 0 0 var(--space-3);
+}
+</style>
diff --git a/frontend-vue/src/components/users/analytics.ts b/frontend-vue/src/components/users/analytics.ts
new file mode 100644
index 000000000..fcab01de6
--- /dev/null
+++ b/frontend-vue/src/components/users/analytics.ts
@@ -0,0 +1,9 @@
+// The users-access dialogs reported their successes to both Amplitude (angulartics2) and PostHog;
+// this sends one event to both.
+import posthog from 'posthog-js';
+import { trackEvent } from '@/composables/useAnalytics';
+
+export function trackUsersEvent(action: string): void {
+	trackEvent(action);
+	posthog.capture(action);
+}
diff --git a/frontend-vue/src/components/users/policyList.ts b/frontend-vue/src/components/users/policyList.ts
new file mode 100644
index 000000000..50248eb6f
--- /dev/null
+++ b/frontend-vue/src/components/users/policyList.ts
@@ -0,0 +1,114 @@
+// The form-based policy builder's logic (CedarPolicyListComponent's private helpers), kept out of
+// the component so it can be tested on plain data.
+import type { CedarPolicyItem, PolicyAction, PolicyActionGroup, PolicyActionResource } from '@/lib/cedar-policy-items';
+
+export interface PolicyGroup {
+	label: string;
+	description: string;
+	icon: string;
+	colorClass: string;
+	policies: { item: CedarPolicyItem; originalIndex: number }[];
+}
+
+const WILDCARD_PREFIXES: PolicyActionResource[] = ['table', 'dashboard', 'panel'];
+
+const GROUP_CONFIG = [
+	{
+		prefix: '*',
+		label: 'General',
+		description: 'Full access to everything',
+		icon: 'admin_panel_settings',
+		colorClass: 'general',
+	},
+	{
+		prefix: 'connection:',
+		label: 'Connection',
+		description: 'Connection settings access',
+		icon: 'cable',
+		colorClass: 'connection',
+	},
+	{ prefix: 'group:', label: 'Group', description: 'User group management', icon: 'group', colorClass: 'group' },
+	{ prefix: 'table:', label: 'Table', description: 'Table data operations', icon: 'table_chart', colorClass: 'table' },
+	{
+		prefix: 'actionEvent:',
+		label: 'ActionEvent',
+		description: 'Custom action event triggers',
+		icon: 'play_arrow',
+		colorClass: 'action-event',
+	},
+	{
+		prefix: 'dashboard:',
+		label: 'Dashboard',
+		description: 'Dashboard access',
+		icon: 'dashboard',
+		colorClass: 'dashboard',
+	},
+	{ prefix: 'panel:', label: 'Panel', description: 'Panel access', icon: 'view_quilt', colorClass: 'panel' },
+];
+
+/** The backend's action groups, with a synthetic General `*` group first and a `prefix:*` wildcard per scoped group. */
+export function buildDisplayGroups(available: PolicyActionGroup[]): PolicyActionGroup[] {
+	const general: PolicyActionGroup = { group: 'General', actions: [{ value: '*' }] };
+	return [general, ...available.map(withWildcardEntry)];
+}
+
+/** What an action is scoped to: a table, a dashboard, or nothing (`dashboard:create` is scopeless). */
+export function scopeResource(actions: PolicyAction[], value: string): PolicyActionResource | undefined {
+	if (value === 'dashboard:create') return undefined;
+	return actions.find((action) => action.value === value)?.resource;
+}
+
+/**
+ * The action picker's groups: actions that need no table or dashboard can be granted once, so those
+ * already in the policy (except the one at `excludeIndex`, being edited) are left out.
+ */
+export function buildFilteredGroups(
+	groups: PolicyActionGroup[],
+	policies: CedarPolicyItem[],
+	excludeIndex: number,
+): PolicyActionGroup[] {
+	const actions = groups.flatMap((group) => group.actions);
+	const existingSimple = new Set(
+		policies
+			.filter((policy, index) => {
+				if (index === excludeIndex) return false;
+				const definition = actions.find((action) => action.value === policy.action);
+				return definition != null && isSimpleAction(definition);
+			})
+			.map((policy) => policy.action),
+	);
+
+	return groups
+		.map((group) => ({
+			...group,
+			actions: group.actions.filter((action) => !isSimpleAction(action) || !existingSimple.has(action.value)),
+		}))
+		.filter((group) => group.actions.length > 0);
+}
+
+/** The policies bucketed by action prefix, keeping each one's index in the flat list. */
+export function groupPolicies(policies: CedarPolicyItem[]): PolicyGroup[] {
+	return GROUP_CONFIG.map((config) => ({
+		label: config.label,
+		description: config.description,
+		icon: config.icon,
+		colorClass: config.colorClass,
+		policies: policies
+			.map((item, index) => ({ item, originalIndex: index }))
+			.filter(({ item }) => (config.prefix === '*' ? item.action === '*' : item.action.startsWith(config.prefix))),
+	})).filter((group) => group.policies.length > 0);
+}
+
+function isSimpleAction(action: PolicyAction): boolean {
+	if (action.value === 'dashboard:create') return true;
+	return action.resource !== 'table' && action.resource !== 'dashboard';
+}
+
+function withWildcardEntry(group: PolicyActionGroup): PolicyActionGroup {
+	const first = group.actions[0];
+	if (!first) return group;
+	const prefix = first.value.split(':')[0] as PolicyActionResource;
+	if (!WILDCARD_PREFIXES.includes(prefix)) return group;
+	const wildcard: PolicyAction = { value: `${prefix}:*`, resource: prefix };
+	return { ...group, actions: [wildcard, ...group.actions] };
+}
diff --git a/frontend-vue/src/components/users/testUtils.ts b/frontend-vue/src/components/users/testUtils.ts
new file mode 100644
index 000000000..70cc79cd4
--- /dev/null
+++ b/frontend-vue/src/components/users/testUtils.ts
@@ -0,0 +1,63 @@
+// Spec helpers for the permissions page and its dialogs (not shipped: only *.spec.ts files import this).
+import { type DOMWrapper, flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { type Mock, vi } from 'vitest';
+import { type Component, defineComponent, h } from 'vue';
+import { createMemoryHistory, createRouter, type Router } from 'vue-router';
+import { vTooltip } from '@/components/ui';
+import { DIALOG_REF, type DialogRef } from '@/composables/useDialog';
+
+const Blank = defineComponent({ render: () => h('div') });
+
+export function createTestRouter(): Router {
+	return createRouter({ history: createMemoryHistory(), routes: [{ path: '/:pathMatch(.*)*', component: Blank }] });
+}
+
+export interface MockDialogRef extends DialogRef {
+	close: Mock<(result?: unknown) => void>;
+}
+
+export function mockDialogRef(): MockDialogRef {
+	return { id: 1, close: vi.fn(), afterClosed: () => Promise.resolve(undefined) };
+}
+
+/** Mounts a dialog component as useDialog().open() would: `data` as a prop and a DialogRef to close. */
+export async function mountDialog(
+	component: Component,
+	data?: unknown,
+): Promise<{ wrapper: VueWrapper; dialogRef: MockDialogRef; router: Router }> {
+	const dialogRef = mockDialogRef();
+	const router = createTestRouter();
+	await router.push('/');
+	const wrapper = mount(component, {
+		props: data === undefined ? {} : { data },
+		attachTo: document.body,
+		global: {
+			plugins: [router],
+			provide: { [DIALOG_REF as symbol]: dialogRef },
+			directives: { tooltip: vTooltip },
+		},
+	});
+	await flushPromises();
+	return { wrapper, dialogRef, router };
+}
+
+export function buttonByText(wrapper: VueWrapper, label: string): DOMWrapper<HTMLButtonElement> {
+	// A UiButton's leading icon is a ligature, so its text is read from the label span.
+	const match = wrapper.findAll('button').find((candidate) => {
+		const labelSpan = candidate.find('.ui-button__label');
+		return (labelSpan.exists() ? labelSpan.text() : candidate.text()) === label;
+	});
+	if (!match) throw new Error(`No button "${label}"`);
+	return match as DOMWrapper<HTMLButtonElement>;
+}
+
+/** Picks the `<option>` whose text is `label` in the native select inside `root`. */
+export async function selectOption(root: DOMWrapper<Element> | VueWrapper, label: string): Promise<void> {
+	const option = root.findAll('option').find((candidate) => candidate.text() === label);
+	if (!option) throw new Error(`No option "${label}"`);
+	const select = option.element.closest('select');
+	if (!select) throw new Error(`Option "${label}" is not in a select`);
+	select.value = (option.element as HTMLOptionElement).value;
+	select.dispatchEvent(new Event('change'));
+	await flushPromises();
+}
diff --git a/frontend-vue/src/components/users/types.ts b/frontend-vue/src/components/users/types.ts
new file mode 100644
index 000000000..5cd1e64a9
--- /dev/null
+++ b/frontend-vue/src/components/users/types.ts
@@ -0,0 +1,35 @@
+// Shapes shared by the permissions page (views/users/PermissionsView.vue) and its dialogs.
+import type { CompanyMember } from '@/models/company';
+import type { GroupUser, UserGroup } from '@/models/user';
+
+/** A table the policy builder can scope an action to. */
+export interface AvailableTable {
+	tableName: string;
+	displayName: string;
+}
+
+/** A dashboard the policy builder can scope an action to. */
+export interface AvailableDashboard {
+	id: string;
+	name: string;
+}
+
+export interface CedarPolicyEditorDialogData {
+	groupId: string;
+	groupTitle: string;
+	cedarPolicy?: string | null;
+}
+
+/** The group a dialog acts on: only its id and title are read. */
+export type GroupRef = Pick<UserGroup, 'id' | 'title'>;
+
+export interface UserAddDialogData {
+	/** Company members not yet in the group. */
+	availableMembers: Pick<CompanyMember, 'id' | 'email' | 'name'>[];
+	group: GroupRef;
+}
+
+export interface UserDeleteDialogData {
+	user: Pick<GroupUser, 'email' | 'name'>;
+	group: GroupRef;
+}
diff --git a/frontend-vue/src/composables/useGoogleSignIn.spec.ts b/frontend-vue/src/composables/useGoogleSignIn.spec.ts
new file mode 100644
index 000000000..f301b3875
--- /dev/null
+++ b/frontend-vue/src/composables/useGoogleSignIn.spec.ts
@@ -0,0 +1,50 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import type { GoogleAccountsId, GoogleCredentialResponse } from '@/types/third-party-auth';
+import { GOOGLE_CLIENT_ID, useGoogleSignIn } from './useGoogleSignIn';
+
+function installGoogle() {
+	let callback: ((response: GoogleCredentialResponse) => void) | undefined;
+	const id = {
+		initialize: vi.fn((options: Parameters<GoogleAccountsId['initialize']>[0]) => {
+			callback = options.callback;
+		}),
+		renderButton: vi.fn(),
+		prompt: vi.fn(),
+	};
+	window.google = { accounts: { id } };
+	return { id, credential: (value: string) => callback?.({ credential: value }) };
+}
+
+describe('useGoogleSignIn', () => {
+	afterEach(() => {
+		delete window.google;
+	});
+
+	it('initialises GSI, renders the button and prompts One Tap', () => {
+		const { id, credential } = installGoogle();
+		const container = document.createElement('div');
+		const onCredential = vi.fn();
+
+		expect(useGoogleSignIn().mount(container, onCredential)).toBe(true);
+
+		expect(id.initialize).toHaveBeenCalledWith(expect.objectContaining({ client_id: GOOGLE_CLIENT_ID }));
+		expect(id.renderButton).toHaveBeenCalledWith(container, {
+			theme: 'outline',
+			size: 'large',
+			width: 360,
+			text: 'continue_with',
+		});
+		expect(id.prompt).toHaveBeenCalled();
+
+		credential('id-token');
+		expect(onCredential).toHaveBeenCalledWith('id-token');
+	});
+
+	it('does nothing without the GSI script or a container', () => {
+		expect(useGoogleSignIn().mount(document.createElement('div'), vi.fn())).toBe(false);
+
+		const { id } = installGoogle();
+		expect(useGoogleSignIn().mount(null, vi.fn())).toBe(false);
+		expect(id.initialize).not.toHaveBeenCalled();
+	});
+});
diff --git a/frontend-vue/src/composables/useGoogleSignIn.ts b/frontend-vue/src/composables/useGoogleSignIn.ts
new file mode 100644
index 000000000..78aa325eb
--- /dev/null
+++ b/frontend-vue/src/composables/useGoogleSignIn.ts
@@ -0,0 +1,33 @@
+// Google Identity Services sign-in (LoginComponent.ngAfterViewInit): initialise GSI with the
+// Rocketadmin client id, render the "Continue with Google" button into a container and show One Tap.
+// The GSI client script is loaded by index.saas.html, so this is SaaS-only.
+//
+//   const google = useGoogleSignIn();
+//   onMounted(() => google.mount(buttonEl.value, (credential) => auth.loginWithGoogle(credential)));
+import type { GoogleAccountsId } from '@/types/third-party-auth';
+
+export const GOOGLE_CLIENT_ID = '681163285738-e4l0lrv5vv7m616ucrfhnhso9r396lum.apps.googleusercontent.com';
+
+function googleAccountsId(): GoogleAccountsId | undefined {
+	return window.google?.accounts?.id;
+}
+
+export function useGoogleSignIn() {
+	/**
+	 * Renders the button into `container` and prompts One Tap. `onCredential` gets the ID token of
+	 * the account the user picked. Returns false when the GSI script is not available.
+	 */
+	function mount(container: HTMLElement | null | undefined, onCredential: (credential: string) => void): boolean {
+		const accountsId = googleAccountsId();
+		if (!accountsId || !container) return false;
+		accountsId.initialize({
+			client_id: GOOGLE_CLIENT_ID,
+			callback: (response) => onCredential(response.credential),
+		});
+		accountsId.renderButton(container, { theme: 'outline', size: 'large', width: 360, text: 'continue_with' });
+		accountsId.prompt();
+		return true;
+	}
+
+	return { mount };
+}
diff --git a/frontend-vue/src/composables/useRowEdit.spec.ts b/frontend-vue/src/composables/useRowEdit.spec.ts
new file mode 100644
index 000000000..720c583c7
--- /dev/null
+++ b/frontend-vue/src/composables/useRowEdit.spec.ts
@@ -0,0 +1,534 @@
+import { flushPromises } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { computed, reactive } from 'vue';
+import { createMemoryHistory, createRouter, type Router } from 'vue-router';
+import { ApiError } from '@/api/client';
+import BulkActionConfirmDialog from '@/components/dashboard/BulkActionConfirmationDialog.vue';
+import { DBtype } from '@/models/connection';
+import type { TableField } from '@/models/table';
+import { useRowEdit } from './useRowEdit';
+
+const connections = vi.hoisted(() => ({
+	currentConnection: { type: 'postgres', isTestConnection: false } as { type: string; isTestConnection: boolean },
+}));
+const tables = vi.hoisted(() => ({
+	fetchTableStructure: vi.fn(),
+	fetchTable: vi.fn(),
+	activateActions: vi.fn(),
+}));
+const tableRow = vi.hoisted(() => ({
+	fetchTableRow: vi.fn(),
+	addTableRow: vi.fn(),
+	updateTableRow: vi.fn(),
+}));
+const tableState = vi.hoisted(() => ({
+	getBackUrlFilters: vi.fn(),
+	getBackUrlParams: vi.fn(),
+	selectRow: vi.fn(),
+}));
+const notifications = vi.hoisted(() => ({ dismissAlert: vi.fn() }));
+const permissions = vi.hoisted(() => ({ allowed: true }));
+const dialog = vi.hoisted(() => ({ open: vi.fn(), result: true as unknown }));
+
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => reactive(connections) }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/table-row', () => ({ useTableRowStore: () => tableRow }));
+vi.mock('@/stores/table-state', () => ({ useTableStateStore: () => tableState }));
+vi.mock('@/stores/notifications', () => ({ useNotificationsStore: () => notifications }));
+vi.mock('@/stores/cedar-permissions', () => ({
+	useCedarPermissionsStore: () => ({ canI: () => computed(() => permissions.allowed) }),
+}));
+vi.mock('@/composables/useDialog', () => ({
+	useDialog: () => ({
+		open: (...args: unknown[]) => {
+			dialog.open(...args);
+			return { afterClosed: () => Promise.resolve(dialog.result) };
+		},
+	}),
+}));
+
+function field(column_name: string, overrides: Partial<TableField> = {}): TableField {
+	return {
+		column_name,
+		column_default: null,
+		data_type: 'varchar',
+		isExcluded: false,
+		isSearched: false,
+		auto_increment: false,
+		allow_null: true,
+		character_maximum_length: null,
+		...overrides,
+	};
+}
+
+const foreignKeys = [
+	{
+		referenced_column_name: 'Id',
+		referenced_table_name: 'Products',
+		constraint_name: 'Orders_ibfk_1',
+		column_name: 'ProductId',
+	},
+	{
+		referenced_column_name: 'Id',
+		referenced_table_name: 'Customers',
+		constraint_name: 'Orders_ibfk_2',
+		column_name: 'CustomerId',
+	},
+];
+
+let router: Router;
+
+async function setup() {
+	router = createRouter({
+		history: createMemoryHistory(),
+		routes: [{ path: '/:pathMatch(.*)*', component: { render: () => null } }],
+	});
+	await router.push('/dashboard/conn-1/orders/entry');
+	return useRowEdit({ connectionId: 'conn-1', tableName: 'orders', router });
+}
+
+function rowResponse(overrides: Record<string, unknown> = {}) {
+	return {
+		row: { id: '42', name: 'order-42', CustomerId: 7, payload: { type: 'Buffer', data: [1, 2, 3, 4] } },
+		structure: [
+			field('id', { data_type: 'integer', auto_increment: true, allow_null: false }),
+			field('name'),
+			field('CustomerId', { data_type: 'integer' }),
+			field('payload', { data_type: 'bytea' }),
+		],
+		primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
+		foreignKeys: [
+			{
+				column_name: 'CustomerId',
+				referenced_column_name: 'id',
+				referenced_table_name: 'customers',
+				constraint_name: 'fk',
+			},
+		],
+		table_widgets: [],
+		readonly_fields: [],
+		list_fields: [],
+		can_delete: true,
+		...overrides,
+	};
+}
+
+describe('useRowEdit', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		setActivePinia(createPinia());
+		connections.currentConnection = { type: DBtype.Postgres, isTestConnection: false };
+		permissions.allowed = true;
+		dialog.result = true;
+		tableState.getBackUrlFilters.mockReturnValue(null);
+		tableState.getBackUrlParams.mockReturnValue({ page_index: 2, page_size: 30 });
+		tableRow.updateTableRow.mockResolvedValue({ row: { id: '42' }, primaryColumns: [{ column_name: 'id' }] });
+	});
+
+	it('sets the structure: column → field, and which columns are required', async () => {
+		const rowEdit = await setup();
+		rowEdit.setForeignKeys(foreignKeys);
+		const structure = [
+			field('product_categories', { data_type: 'enum', data_type_params: ['food', 'drinks'] }),
+			field('CustomerId', { data_type: 'int', allow_null: false }),
+			field('ProductId', { data_type: 'int', allow_null: false }),
+			field('bool', { data_type: 'tinyint', character_maximum_length: 1 }),
+			field('float', { data_type: 'float' }),
+		];
+
+		rowEdit.setRowStructure(structure);
+
+		expect(rowEdit.tableRowRequiredValues.value).toEqual({
+			product_categories: false,
+			CustomerId: true,
+			ProductId: true,
+			bool: false,
+			float: false,
+		});
+		expect(rowEdit.tableRowStructure.value.CustomerId).toEqual(structure[1]);
+		expect(rowEdit.tableTypes.value).toEqual({
+			product_categories: 'enum',
+			CustomerId: 'foreign key',
+			ProductId: 'foreign key',
+			bool: 'boolean',
+			float: 'float',
+		});
+	});
+
+	it('sets the widgets, parsing their params (empty params become null)', async () => {
+		const rowEdit = await setup();
+		rowEdit.setWidgets([
+			{ field_name: 'CustomerId', widget_type: 'Textarea', widget_params: '', name: 'Customer', description: '' },
+			{
+				field_name: 'Price',
+				widget_type: 'Number',
+				widget_params: '// unit\n{ unit: "USD" }',
+				name: '',
+				description: '',
+			},
+		]);
+
+		expect(rowEdit.tableWidgetsList.value).toEqual(['CustomerId', 'Price']);
+		expect(rowEdit.tableWidgets.value.CustomerId?.widget_params).toBeNull();
+		expect(rowEdit.tableWidgets.value.Price?.widget_params).toEqual({ unit: 'USD' });
+		expect(rowEdit.isWidget('Price')).toBe(true);
+		expect(rowEdit.isWidget('Other')).toBe(false);
+	});
+
+	it('returns the foreign key relation of a column', async () => {
+		const rowEdit = await setup();
+		rowEdit.setForeignKeys(foreignKeys);
+		expect(rowEdit.getRelations('ProductId')).toEqual(foreignKeys[0]);
+	});
+
+	it('checks whether a field is readonly', async () => {
+		const rowEdit = await setup();
+		rowEdit.readonlyFields.value = ['Id', 'Price'];
+		expect(rowEdit.isReadonlyField('Price')).toBe(true);
+		expect(rowEdit.isReadonlyField('Name')).toBe(false);
+	});
+
+	describe('add mode (no query params)', () => {
+		it('loads the structure and starts every shown field empty (null when nullable)', async () => {
+			tables.fetchTableStructure.mockResolvedValue({
+				structure: [
+					field('id', { data_type: 'integer', auto_increment: true }),
+					field('name', { allow_null: false }),
+					field('note'),
+					field('secret'),
+				],
+				primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
+				foreignKeys: [],
+				readonly_fields: [],
+				table_widgets: [],
+				excluded_fields: ['secret'],
+				list_fields: ['note', 'name'],
+				display_name: 'Orders!',
+			});
+			const rowEdit = await setup();
+			await rowEdit.load({});
+
+			expect(tables.fetchTableStructure).toHaveBeenCalledWith('conn-1', 'orders');
+			expect(rowEdit.tableRowValues.value).toEqual({ name: '', note: null });
+			expect(rowEdit.fieldsOrdered.value).toEqual(['note', 'name']);
+			expect(rowEdit.pageTitle.value).toBe('Add row');
+			expect(rowEdit.loading.value).toBe(false);
+			expect(document.title).toBe('Orders! - Add new record | Rocketadmin');
+		});
+
+		it('adds the row and goes back to the table with the saved filters', async () => {
+			tableState.getBackUrlFilters.mockReturnValue({ name: { eq: 'x' } });
+			tables.fetchTableStructure.mockResolvedValue({
+				structure: [field('name')],
+				primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
+				foreignKeys: [],
+				readonly_fields: [],
+				table_widgets: [],
+				excluded_fields: [],
+				list_fields: [],
+			});
+			tableRow.addTableRow.mockResolvedValue({ row: { id: 5, name: 'n' }, primaryColumns: [{ column_name: 'id' }] });
+			const rowEdit = await setup();
+			await rowEdit.load({});
+			rowEdit.updateField('n', 'name');
+
+			await rowEdit.handleRowSubmitting(false);
+			await flushPromises();
+
+			expect(tableRow.addTableRow).toHaveBeenCalledWith('conn-1', 'orders', { name: 'n' });
+			expect(router.currentRoute.value.path).toBe('/dashboard/conn-1/orders');
+			expect(router.currentRoute.value.query).toEqual({ filters: '(name:(eq:x))', page_index: '0' });
+			expect(notifications.dismissAlert).toHaveBeenCalled();
+		});
+
+		it('"Save & continue" opens the new row for editing', async () => {
+			tables.fetchTableStructure.mockResolvedValue({
+				structure: [field('name')],
+				primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
+				foreignKeys: [],
+				readonly_fields: [],
+				table_widgets: [],
+				excluded_fields: [],
+				list_fields: [],
+			});
+			tableRow.addTableRow.mockResolvedValue({ row: { id: 5, name: 'n' }, primaryColumns: [{ column_name: 'id' }] });
+			const rowEdit = await setup();
+			await rowEdit.load({});
+
+			await rowEdit.handleRowSubmitting(true);
+			await flushPromises();
+
+			expect(router.currentRoute.value.path).toBe('/dashboard/conn-1/orders/entry');
+			expect(router.currentRoute.value.query).toEqual({ id: '5' });
+		});
+	});
+
+	describe('edit mode (primary key in the query)', () => {
+		it('loads the row; columns the user cannot set are readonly', async () => {
+			tableRow.fetchTableRow.mockResolvedValue(rowResponse({ readonly_fields: ['name'] }));
+			const rowEdit = await setup();
+			await rowEdit.load({ id: '42' });
+
+			expect(tableRow.fetchTableRow).toHaveBeenCalledWith('conn-1', 'orders', { id: '42' });
+			expect(rowEdit.hasKeyAttributesFromURL.value).toBe(true);
+			expect(rowEdit.keyAttributesFromURL.value).toEqual({ id: '42' });
+			expect(rowEdit.dubURLParams.value).toEqual({ id: '42', action: 'dub' });
+			expect(rowEdit.nonModifyingFields.value).toEqual(['id']);
+			expect(rowEdit.readonlyFields.value).toEqual(['name', 'id']);
+			expect(rowEdit.fieldsOrdered.value).toEqual(['id', 'name', 'CustomerId', 'payload']);
+			expect(rowEdit.canDelete.value).toBe(true);
+			expect(rowEdit.pageTitle.value).toBe('Edit row');
+		});
+
+		it('makes the primary key readonly for DynamoDB and never sends it', async () => {
+			connections.currentConnection = { type: DBtype.Dynamo, isTestConnection: false };
+			tableRow.fetchTableRow.mockResolvedValue(
+				rowResponse({ structure: [field('id'), field('name')], row: { id: '42', name: 'a' } }),
+			);
+			const rowEdit = await setup();
+			await rowEdit.load({ id: '42' });
+
+			expect(rowEdit.readonlyFields.value).toContain('id');
+			rowEdit.updateField('b', 'name');
+			rowEdit.updateField('43', 'id');
+			expect(rowEdit.getFormattedUpdatedRow(true)).toEqual({ name: 'b' });
+		});
+
+		it('sends an empty body when the user did not touch any field', async () => {
+			tableRow.fetchTableRow.mockResolvedValue(rowResponse());
+			const rowEdit = await setup();
+			await rowEdit.load({ id: '42' });
+			// Widgets re-emitting their current value on mount do not count as edits.
+			rowEdit.updateField(7, 'CustomerId');
+			rowEdit.updateField({ type: 'Buffer', data: [1, 2, 3, 4] }, 'payload');
+
+			await rowEdit.handleRowSubmitting(false);
+
+			expect(tableRow.updateTableRow).toHaveBeenCalledTimes(1);
+			expect(tableRow.updateTableRow.mock.calls[0]?.[3]).toEqual({});
+		});
+
+		it('sends only the touched field and goes back to the table view it came from', async () => {
+			tableRow.fetchTableRow.mockResolvedValue(rowResponse());
+			const rowEdit = await setup();
+			await rowEdit.load({ id: '42' });
+			rowEdit.updateField('order-43', 'name');
+
+			await rowEdit.handleRowSubmitting(false);
+			await flushPromises();
+
+			expect(tableRow.updateTableRow).toHaveBeenCalledWith('conn-1', 'orders', { id: '42' }, { name: 'order-43' });
+			expect(router.currentRoute.value.path).toBe('/dashboard/conn-1/orders');
+			expect(router.currentRoute.value.query).toEqual({ page_index: '2', page_size: '30' });
+		});
+
+		it('"Save & continue" reopens the row under its new key when the key changed', async () => {
+			tableRow.fetchTableRow.mockResolvedValue(rowResponse());
+			tableRow.updateTableRow.mockResolvedValue({ row: { id: '99' }, primaryColumns: [{ column_name: 'id' }] });
+			const rowEdit = await setup();
+			await rowEdit.load({ id: '42' });
+			rowEdit.updateField('99', 'id');
+
+			await rowEdit.handleRowSubmitting(true);
+			await flushPromises();
+
+			expect(router.currentRoute.value.path).toBe('/dashboard/conn-1/orders/entry');
+			expect(router.currentRoute.value.query).toEqual({ id: '99' });
+		});
+
+		it('duplicating adds a new row without the columns it cannot set', async () => {
+			tableRow.fetchTableRow.mockResolvedValue(rowResponse());
+			tableRow.addTableRow.mockResolvedValue({ row: { id: 50 }, primaryColumns: [{ column_name: 'id' }] });
+			const rowEdit = await setup();
+			await rowEdit.load({ id: '42', action: 'dub' });
+
+			expect(rowEdit.pageTitle.value).toBe('Duplicate row');
+			expect(rowEdit.fieldsOrdered.value).toEqual(['name', 'CustomerId', 'payload']);
+			await rowEdit.handleRowSubmitting(false);
+
+			expect(tableRow.updateTableRow).not.toHaveBeenCalled();
+			expect(tableRow.addTableRow.mock.calls[0]?.[2]).not.toHaveProperty('id');
+		});
+
+		it('shows the server error when the row cannot be loaded', async () => {
+			tableRow.fetchTableRow.mockRejectedValue(
+				new ApiError('Row not found', 400, { message: 'Row not found', originalMessage: 'No such key' }),
+			);
+			const rowEdit = await setup();
+			await rowEdit.load({ id: '1' });
+
+			expect(rowEdit.isServerError.value).toBe(true);
+			expect(rowEdit.serverError.value).toEqual({ abstract: 'Row not found', details: 'No such key' });
+			expect(rowEdit.loading.value).toBe(false);
+		});
+
+		it('view mode titles the page "View row" and switching to edit drops the mode', async () => {
+			tableRow.fetchTableRow.mockResolvedValue(rowResponse());
+			const rowEdit = await setup();
+			await rowEdit.load({ id: '42', mode: 'view' });
+			expect(rowEdit.pageTitle.value).toBe('View row');
+			expect(rowEdit.fieldsReadonly.value).toBe(true);
+
+			rowEdit.switchToEditMode();
+			await flushPromises();
+			expect(router.currentRoute.value.query).toEqual({ id: '42' });
+		});
+	});
+
+	describe('updateField', () => {
+		it('stores plain values, including empty and null (a password being cleared)', async () => {
+			const rowEdit = await setup();
+			rowEdit.tableRowValues.value = { id: 1, username: 'testuser', password: '***' };
+
+			rowEdit.updateField('newPassword', 'password');
+			expect(rowEdit.tableRowValues.value.password).toBe('newPassword');
+			rowEdit.updateField('', 'password');
+			expect(rowEdit.tableRowValues.value.password).toBe('');
+			rowEdit.updateField(null, 'password');
+			expect(rowEdit.tableRowValues.value.password).toBeNull();
+			rowEdit.updateField('updatedUser', 'username');
+			expect(rowEdit.tableRowValues.value.username).toBe('updatedUser');
+		});
+
+		it('updates an object value in place', async () => {
+			const rowEdit = await setup();
+			const point = { x: 1, y: 2 };
+			rowEdit.tableRowValues.value = { point };
+			const stored = rowEdit.tableRowValues.value.point;
+
+			rowEdit.updateField({ x: 3 }, 'point');
+
+			expect(rowEdit.tableRowValues.value.point).toBe(stored);
+			expect(rowEdit.tableRowValues.value.point).toEqual({ x: 3 });
+		});
+	});
+
+	describe('getFormattedUpdatedRow', () => {
+		it('returns all fields by default and only the touched ones on request', async () => {
+			const rowEdit = await setup();
+			rowEdit.tableRowValues.value = { id: 1, username: 'original', email: 'a@x.test', password: '' };
+
+			expect(Object.keys(rowEdit.getFormattedUpdatedRow()).sort()).toEqual(['email', 'id', 'password', 'username']);
+			expect(rowEdit.getFormattedUpdatedRow(true)).toEqual({});
+
+			rowEdit.updateField('renamed', 'username');
+			rowEdit.updateField('b@x.test', 'email');
+			expect(rowEdit.getFormattedUpdatedRow(true)).toEqual({ username: 'renamed', email: 'b@x.test' });
+		});
+
+		it('parses JSON columns and sends an empty one as null', async () => {
+			const rowEdit = await setup();
+			rowEdit.tableTypes.value = { data: 'json', tags: 'jsonb' };
+			rowEdit.tableRowValues.value = { data: '{"a":1}', tags: '' };
+
+			expect(rowEdit.getFormattedUpdatedRow()).toEqual({ data: { a: 1 }, tags: null });
+		});
+
+		it('strips the ISO decoration from MySQL datetimes and dates', async () => {
+			connections.currentConnection = { type: DBtype.MySQL, isTestConnection: false };
+			const rowEdit = await setup();
+			rowEdit.tableTypes.value = { created: 'datetime', day: 'date' };
+			rowEdit.tableRowValues.value = { created: '2024-01-02T03:04:05.000Z', day: '2024-01-02T00:00:00.000Z' };
+
+			expect(rowEdit.getFormattedUpdatedRow()).toEqual({ created: '2024-01-02 03:04:05', day: '2024-01-02' });
+		});
+	});
+
+	describe('actions', () => {
+		it('deleting asks for confirmation and goes back to the table once the row is deleted', async () => {
+			tableRow.fetchTableRow.mockResolvedValue(rowResponse());
+			const rowEdit = await setup();
+			await rowEdit.load({ id: '42' });
+
+			await rowEdit.handleDeleteRow();
+			await flushPromises();
+
+			expect(dialog.open).toHaveBeenCalledWith(BulkActionConfirmDialog, {
+				data: { id: undefined, title: 'Delete row', primaryKeys: [{ id: '42' }], tableDisplayName: 'Orders' },
+			});
+			expect(router.currentRoute.value.path).toBe('/dashboard/conn-1/orders');
+		});
+
+		it('stays on the row when the delete is cancelled', async () => {
+			dialog.result = undefined;
+			tableRow.fetchTableRow.mockResolvedValue(rowResponse());
+			const rowEdit = await setup();
+			await rowEdit.load({ id: '42' });
+
+			await rowEdit.handleDeleteRow();
+			await flushPromises();
+
+			expect(router.currentRoute.value.path).toBe('/dashboard/conn-1/orders/entry');
+		});
+
+		it('runs an action without confirmation directly and opens the link it answers with', async () => {
+			tables.activateActions.mockResolvedValue({ location: 'https://example.test/go' });
+			tableRow.fetchTableRow.mockResolvedValue(rowResponse());
+			const rowEdit = await setup();
+			await rowEdit.load({ id: '42' });
+
+			await rowEdit.handleActivateAction({ id: 'a1', title: 'Ping', require_confirmation: false });
+
+			expect(tables.activateActions).toHaveBeenCalledWith('conn-1', 'orders', 'a1', 'Ping', [{ id: '42' }]);
+			expect(dialog.open).toHaveBeenCalledWith(expect.anything(), {
+				data: { href: 'https://example.test/go', actionName: 'Ping', primaryKeys: { id: '42' } },
+			});
+		});
+	});
+
+	describe('related records', () => {
+		it('loads the first page of every referencing table, filtered by the row', async () => {
+			tableRow.fetchTableRow.mockResolvedValueOnce(
+				rowResponse({
+					referenced_table_names_and_columns: [
+						{
+							referenced_on_column_name: 'id',
+							referenced_by: [{ table_name: 'order_items', column_name: 'order_id' }],
+						},
+					],
+				}),
+			);
+			tableRow.fetchTableRow.mockResolvedValue({ referenced_table_names_and_columns: [] });
+			tables.fetchTable.mockResolvedValue({
+				rows: [{ item_id: 1, title: 'Pen', qty: 2 }],
+				structure: [field('item_id'), field('title'), field('qty')],
+				primaryColumns: [{ column_name: 'item_id', data_type: 'integer' }],
+				foreignKeys: [],
+				widgets: [],
+				list_fields: [],
+				identity_column: 'title',
+			});
+			const rowEdit = await setup();
+			await rowEdit.load({ id: '42' });
+			await flushPromises();
+
+			expect(rowEdit.referencedTables.value).toEqual([
+				{ table_name: 'order_items', column_name: 'order_id', displayTableName: 'Order Items' },
+			]);
+			expect(rowEdit.referencedTablesURLParams.value).toEqual([{ filters: "(order_id:(eq:'42'))", page_index: 0 }]);
+			expect(tables.fetchTable).toHaveBeenCalledWith(
+				expect.objectContaining({ tableName: 'order_items', filters: { order_id: { eq: '42' } }, chunkSize: 30 }),
+			);
+			expect(rowEdit.referencedRecords.value.order_items).toMatchObject({
+				identityColumn: { isSet: true, name: 'title', displayName: 'Title' },
+				fieldsOrder: [
+					{ fieldName: 'item_id', displayName: 'Item ID' },
+					{ fieldName: 'qty', displayName: 'Qty' },
+				],
+			});
+
+			rowEdit.handleViewRow('order_items', { item_id: 1, title: 'Pen', qty: 2 });
+			expect(tableState.selectRow).toHaveBeenCalledWith(
+				expect.objectContaining({ tableName: 'order_items', primaryKeys: { item_id: 1 } }),
+			);
+		});
+	});
+
+	it('follows the table permissions', async () => {
+		permissions.allowed = false;
+		const rowEdit = await setup();
+		expect(rowEdit.canEditRow.value).toBe(false);
+		expect(rowEdit.fieldsReadonly.value).toBe(true);
+	});
+});
diff --git a/frontend-vue/src/composables/useRowEdit.ts b/frontend-vue/src/composables/useRowEdit.ts
new file mode 100644
index 000000000..e2b1348b5
--- /dev/null
+++ b/frontend-vue/src/composables/useRowEdit.ts
@@ -0,0 +1,777 @@
+// The logic of frontend/src/app/components/db-table-row-edit (the `/dashboard/:connectionId/:tableName/entry`
+// page), pulled out of the template so it can be tested on its own:
+//
+// - no query params: add a row (GET /table/structure);
+// - the row's primary key as query params: edit it (GET /table/row), with `action=dub` to duplicate it
+//   and `mode=view` to show it read-only;
+// - the tables that reference the row (`referenced_table_names_and_columns`), each with its first
+//   page of related records;
+// - the row's custom actions and delete, through the confirmation / action-link dialogs.
+//
+// Only the fields the user touched are sent on update: widgets such as the foreign key and binary
+// ones re-emit their current value on mount, and those init-time emits must not rewrite columns the
+// user never edited.
+import JsonURL from '@jsonurl/jsonurl';
+import JSON5 from 'json5';
+import { isEqual } from 'lodash-es';
+import { computed, type MaybeRefOrGetter, ref, shallowRef, toValue } from 'vue';
+import type { LocationQuery, LocationQueryRaw, Router } from 'vue-router';
+import type { QueryParams } from '@/api/client';
+import { isApiError } from '@/api/client';
+import ActionLinkDialog from '@/components/dashboard/ActionLinkDialog.vue';
+import BulkActionConfirmDialog from '@/components/dashboard/BulkActionConfirmationDialog.vue';
+import { useDialog } from '@/composables/useDialog';
+import { defaultTimestampValues, timestampTypes } from '@/consts/record-edit-types';
+import { formatFieldValue } from '@/lib/format-field-value';
+import { normalizeFieldName, normalizeTableName } from '@/lib/normalize';
+import { getTableTypes } from '@/lib/setup-table-row-structure';
+import type { ServerError } from '@/models/alert';
+import { DBtype } from '@/models/connection';
+import type { CustomEvent, TableField, TableForeignKey, TableRow, Widget, WidgetStructure } from '@/models/table';
+import { useCedarPermissionsStore } from '@/stores/cedar-permissions';
+import { useConnectionsStore } from '@/stores/connections';
+import { useNotificationsStore } from '@/stores/notifications';
+import { type TableRowResponse, useTableRowStore } from '@/stores/table-row';
+import { useTableStateStore } from '@/stores/table-state';
+import { type TableRowsResponse, type TableStructureResponse, useTablesStore } from '@/stores/tables';
+
+export type RowValues = Record<string, unknown>;
+
+/** One table that references the edited row, from `referenced_table_names_and_columns[0].referenced_by`. */
+export interface ReferencingTable {
+	table_name: string;
+	column_name: string;
+	display_name?: string;
+}
+
+export interface ReferencedTablesInfo {
+	referenced_on_column_name: string;
+	referenced_by: (ReferencingTable | null)[];
+}
+
+export interface ReferencedTable extends ReferencingTable {
+	displayTableName: string;
+}
+
+/** What the related-records panel lists for one referencing table. */
+export interface ReferencedRecords {
+	rawRows: RowValues[];
+	formattedRows: RowValues[];
+	identityColumn: { isSet: boolean; name: string; displayName: string };
+	fieldsOrder: { fieldName: string; displayName: string }[];
+	foreignKeys: TableForeignKey[];
+}
+
+/** The side row view's input for a related record, minus the record itself. */
+export interface RelatedTableProperties {
+	connectionID: string;
+	tableName: string;
+	columnsOrder: string[];
+	primaryColumns: { column_name: string; data_type: string }[];
+	foreignKeys: Record<string, TableForeignKey>;
+	foreignKeysList: string[];
+	widgets: Record<string, WidgetStructure>;
+	widgetsList: string[];
+	fieldsTypes: Record<string, string>;
+	relatedRecords: unknown;
+	link: string;
+}
+
+/** GET /table/row, with the fields this page reads. */
+export interface RowEditRowResponse extends TableRowResponse {
+	display_name?: string;
+	can_delete?: boolean;
+	columns_view?: string[];
+	list_fields: string[];
+	table_actions?: CustomEvent[];
+	identity_column?: string;
+	referenced_table_names_and_columns?: ReferencedTablesInfo[];
+}
+
+/** GET /table/structure, with the fields this page reads. */
+export interface RowEditStructureResponse extends TableStructureResponse {
+	display_name?: string;
+	excluded_fields: string[];
+	columns_view?: string[];
+	list_fields: string[];
+}
+
+interface RelatedTableResponse extends TableRowsResponse {
+	list_fields: string[];
+	identity_column?: string;
+}
+
+export type PageAction = 'dub' | string;
+
+export interface UseRowEditOptions {
+	connectionId: MaybeRefOrGetter<string>;
+	tableName: MaybeRefOrGetter<string>;
+	router: Router;
+}
+
+const JSON_TYPES = ['json', 'jsonb', 'array', 'ARRAY', 'object', 'set', 'list', 'map'];
+
+export const TEST_CONNECTION_WARNING = 'This is a TEST DATABASE, public to all. Avoid entering sensitive data!';
+
+export function useRowEdit({ connectionId, tableName, router }: UseRowEditOptions) {
+	const connections = useConnectionsStore();
+	const tables = useTablesStore();
+	const tableRow = useTableRowStore();
+	const tableState = useTableStateStore();
+	const notifications = useNotificationsStore();
+	const permissions = useCedarPermissionsStore();
+	const dialog = useDialog();
+
+	const loading = ref(true);
+	const isServerError = ref(false);
+	const serverError = ref<ServerError | null>(null);
+	const displayTableName = ref<string | null>(null);
+	const tableRowValues = ref<RowValues | null>(null);
+	const touchedFields = new Set<string>();
+	const tableRowStructure = ref<Record<string, TableField>>({});
+	const tableRowRequiredValues = ref<Record<string, boolean>>({});
+	const identityColumn = ref<string | undefined>(undefined);
+	const readonlyFields = ref<string[]>([]);
+	const nonModifyingFields = ref<string[]>([]);
+	const keyAttributesFromURL = ref<RowValues>({});
+	const hasKeyAttributesFromURL = ref(false);
+	const dubURLParams = ref<LocationQueryRaw>({});
+	const keyAttributesListFromStructure = ref<string[]>([]);
+	const isPrimaryKeyUpdated = ref(false);
+	const tableTypes = ref<Record<string, string>>({});
+	const tableWidgets = ref<Record<string, WidgetStructure>>({});
+	const tableWidgetsList = ref<string[]>([]);
+	const submitting = ref(false);
+	const fieldsOrdered = ref<string[]>([]);
+	const rowActions = ref<CustomEvent[]>([]);
+	const referencedTables = ref<ReferencedTable[]>([]);
+	const referencedRecords = ref<Record<string, ReferencedRecords>>({});
+	const referencedTablesURLParams = ref<LocationQueryRaw[]>([]);
+	const relatedRecordsProperties = ref<Record<string, RelatedTableProperties>>({});
+	const canDelete = ref(false);
+	const pageAction = ref<PageAction | null>(null);
+	const pageMode = ref<string | null>(null);
+	const tableForeignKeys = shallowRef<TableForeignKey[]>([]);
+	const tableFiltersUrlString = ref('null');
+	const backUrlParams = ref<LocationQueryRaw>({});
+
+	const connectionType = computed(() => connections.currentConnection.type);
+	const isTestConnection = computed(() => !!connections.currentConnection.isTestConnection);
+
+	const tableResourceId = computed(() => `${toValue(connectionId)}/${toValue(tableName)}`);
+	const canEditRow = tablePermission('table:edit');
+	const canAddRow = tablePermission('table:add');
+	const canDeleteRow = tablePermission('table:delete');
+
+	const pageTitle = computed(() => {
+		if (pageMode.value === 'view') return 'View row';
+		if (hasKeyAttributesFromURL.value && pageAction.value === 'dub') return 'Duplicate row';
+		if (hasKeyAttributesFromURL.value && !pageAction.value) return 'Edit row';
+		return 'Add row';
+	});
+
+	/** Every widget is readonly when the user may not edit (unless duplicating) or in view mode. */
+	const fieldsReadonly = computed(() => (!canEditRow.value && pageAction.value !== 'dub') || pageMode.value === 'view');
+
+	const tablePath = computed(() => `/dashboard/${toValue(connectionId)}/${toValue(tableName)}`);
+	const entryPath = computed(() => `${tablePath.value}/entry`);
+
+	/** Loads the page for the route's query: add a row without one, edit/duplicate/view with a key. */
+	async function load(query: LocationQuery): Promise<void> {
+		resetState();
+		tableFiltersUrlString.value = JsonURL.stringify(tableState.getBackUrlFilters()) ?? 'null';
+		backUrlParams.value = {
+			...tableState.getBackUrlParams(),
+			...(tableFiltersUrlString.value !== 'null' ? { filters: tableFiltersUrlString.value } : {}),
+		};
+
+		const params = queryToParams(query);
+		if (Object.keys(params).length === 0) {
+			await loadNewRow();
+		} else {
+			await loadExistingRow(params);
+		}
+	}
+
+	async function loadNewRow(): Promise<void> {
+		const name = toValue(tableName);
+		let res: RowEditStructureResponse;
+		try {
+			res = await tables.fetchTableStructure<RowEditStructureResponse>(toValue(connectionId), name);
+		} catch {
+			// Reported by the store.
+			return;
+		}
+		displayTableName.value = res.display_name || normalizeTableName(name);
+		document.title = `${displayTableName.value} - Add new record | Rocketadmin`;
+
+		keyAttributesListFromStructure.value = res.primaryColumns.map((field) => field.column_name);
+		readonlyFields.value = res.readonly_fields ?? [];
+		tableForeignKeys.value = res.foreignKeys ?? [];
+		setRowStructure(res.structure);
+		if (res.table_widgets) setWidgets(res.table_widgets);
+		const excluded = res.excluded_fields ?? [];
+		const shownRows = getModifyingFields(res.structure).filter((field) => !excluded.includes(field.column_name));
+		const allowNullFields = res.structure.filter((field) => field.allow_null).map((field) => field.column_name);
+		tableRowValues.value = Object.fromEntries(
+			shownRows.map((field) => [field.column_name, allowNullFields.includes(field.column_name) ? null : '']),
+		);
+		const shownFieldsList = shownRows.map((field) => field.column_name);
+		if (res.columns_view?.length) {
+			fieldsOrdered.value = res.columns_view.filter((field) => shownFieldsList.includes(field));
+		} else if (res.list_fields?.length) {
+			fieldsOrdered.value = res.list_fields.filter((field) => shownFieldsList.includes(field));
+		} else {
+			fieldsOrdered.value = Object.keys(tableRowValues.value);
+		}
+		loading.value = false;
+	}
+
+	async function loadExistingRow(params: QueryParams): Promise<void> {
+		const { action, mode, ...primaryKeys } = params;
+		if (action) pageAction.value = String(action);
+		if (mode) pageMode.value = String(mode);
+
+		keyAttributesFromURL.value = primaryKeys;
+		dubURLParams.value = { ...toQuery(primaryKeys), action: 'dub' };
+		hasKeyAttributesFromURL.value = Object.keys(primaryKeys).length > 0;
+
+		const name = toValue(tableName);
+		let res: RowEditRowResponse;
+		try {
+			res = await tableRow.fetchTableRow<RowEditRowResponse>(toValue(connectionId), name, params);
+		} catch (error) {
+			loading.value = false;
+			isServerError.value = true;
+			serverError.value = {
+				abstract: error instanceof Error ? error.message : String(error),
+				details: (isApiError(error) && error.details) || '',
+			};
+			return;
+		}
+
+		displayTableName.value = res.display_name || normalizeTableName(name);
+		document.title = `${displayTableName.value} - Edit record | Rocketadmin`;
+		canDelete.value = !!res.can_delete;
+		keyAttributesListFromStructure.value = res.primaryColumns.map((field) => field.column_name);
+
+		const modifying = getModifyingFields(res.structure).map((field) => field.column_name);
+		nonModifyingFields.value = res.structure
+			.map((field) => field.column_name)
+			.filter((column) => !modifying.includes(column));
+		readonlyFields.value = [...(res.readonly_fields ?? []), ...nonModifyingFields.value];
+		if (connectionType.value === DBtype.Dynamo || connectionType.value === DBtype.ClickHouse) {
+			readonlyFields.value = [...readonlyFields.value, ...res.primaryColumns.map((field) => field.column_name)];
+		}
+		tableForeignKeys.value = res.foreignKeys ?? [];
+		tableRowValues.value = { ...res.row };
+		if (res.columns_view?.length) {
+			fieldsOrdered.value = [...res.columns_view];
+		} else if (res.list_fields?.length) {
+			fieldsOrdered.value = [...res.list_fields];
+		} else {
+			fieldsOrdered.value = Object.keys(tableRowValues.value);
+		}
+
+		if (pageAction.value === 'dub') {
+			fieldsOrdered.value = fieldsOrdered.value.filter((field) => !nonModifyingFields.value.includes(field));
+		}
+
+		if (res.table_actions) rowActions.value = res.table_actions;
+		if (res.table_widgets) setWidgets(res.table_widgets);
+		setRowStructure(res.structure);
+		identityColumn.value = res.identity_column;
+
+		const references = res.referenced_table_names_and_columns?.[0];
+		if (references && references.referenced_by[0] !== null) {
+			setReferencedTables(references);
+		}
+
+		loading.value = false;
+	}
+
+	function setReferencedTables(references: ReferencedTablesInfo): void {
+		const referencingTables = references.referenced_by.filter((table): table is ReferencingTable => table !== null);
+		const rowValue = tableRowValues.value?.[references.referenced_on_column_name];
+
+		referencedTables.value = referencingTables.map((table) => ({
+			...table,
+			displayTableName: table.display_name || normalizeTableName(table.table_name),
+		}));
+		referencedTablesURLParams.value = referencingTables.map((table) => ({
+			filters: JsonURL.stringify({ [table.column_name]: { eq: rowValue } }) ?? '',
+			page_index: 0,
+		}));
+
+		for (const table of referencingTables) {
+			loadReferencedRecords(table, { [table.column_name]: { eq: rowValue } });
+		}
+	}
+
+	async function loadReferencedRecords(table: ReferencingTable, filters: object): Promise<void> {
+		const id = toValue(connectionId);
+		let res: RelatedTableResponse | null;
+		try {
+			res = await tables.fetchTable<RelatedTableResponse>({
+				connectionID: id,
+				tableName: table.table_name,
+				requstedPage: 1,
+				chunkSize: 30,
+				filters,
+			});
+		} catch {
+			return;
+		}
+		if (!res) return;
+
+		const foreignKeysList = res.foreignKeys.map((foreignKey) => foreignKey.column_name);
+		const foreignKeysByColumn: Record<string, TableForeignKey> = Object.fromEntries(
+			res.foreignKeys.map((foreignKey) => [foreignKey.column_name, foreignKey]),
+		);
+		const widgets: Record<string, WidgetStructure> = Object.fromEntries(
+			res.widgets.map((widget) => {
+				let parsedParams: Record<string, unknown>;
+				try {
+					parsedParams = JSON5.parse(widget.widget_params);
+				} catch {
+					parsedParams = {};
+				}
+				return [widget.field_name, { ...widget, widget_params: parsedParams }];
+			}),
+		);
+
+		relatedRecordsProperties.value = {
+			...relatedRecordsProperties.value,
+			[table.table_name]: {
+				connectionID: id,
+				tableName: table.table_name,
+				columnsOrder: res.list_fields,
+				primaryColumns: res.primaryColumns,
+				foreignKeys: foreignKeysByColumn,
+				foreignKeysList,
+				widgets,
+				widgetsList: res.widgets.map((widget) => widget.field_name),
+				fieldsTypes: getTableTypes(res.structure, foreignKeysList),
+				relatedRecords: [],
+				link: `/dashboard/${id}/${table.table_name}/entry`,
+			},
+		};
+
+		const firstRow = res.rows?.[0];
+		if (firstRow) {
+			const keys: QueryParams = {};
+			for (const column of res.primaryColumns) {
+				const referencedColumn = foreignKeysByColumn[column.column_name]?.referenced_column_name ?? '';
+				const value = foreignKeysList.includes(column.column_name)
+					? (firstRow[column.column_name] as RowValues | undefined)?.[referencedColumn]
+					: firstRow[column.column_name];
+				keys[column.column_name] = toParam(value);
+			}
+			tableRow
+				.fetchTableRow<RowEditRowResponse>(id, table.table_name, keys)
+				.then((related) => {
+					const properties = relatedRecordsProperties.value[table.table_name];
+					if (properties) properties.relatedRecords = related.referenced_table_names_and_columns?.[0];
+				})
+				.catch(() => {});
+		}
+
+		const foreignKeyMap: Record<string, string> = Object.fromEntries(
+			res.foreignKeys.map((foreignKey) => [foreignKey.column_name, foreignKey.referenced_column_name]),
+		);
+		const structure = res.structure;
+		const formattedRows = res.rows.map((row) => {
+			const formattedRow: RowValues = {};
+			for (const key in row) {
+				const value = row[key];
+				if (foreignKeyMap[key] && typeof value === 'object' && value !== null) {
+					const record = value as RowValues;
+					const preferredKey = Object.keys(record).find((k) => k !== foreignKeyMap[key]);
+					formattedRow[key] = preferredKey ? record[preferredKey] : record[foreignKeyMap[key]];
+				} else {
+					formattedRow[key] = formatFieldValue(
+						value,
+						structure.find((field) => field.column_name === key)?.data_type || 'text',
+					);
+				}
+			}
+			return formattedRow;
+		});
+
+		const displayName = (field: string) => widgets[field]?.name || normalizeFieldName(field);
+		const toFieldOrder = (field: string) => ({ fieldName: field, displayName: displayName(field) });
+		const identity = res.identity_column;
+		let identityInfo: ReferencedRecords['identityColumn'];
+		let fieldsOrder: ReferencedRecords['fieldsOrder'];
+
+		if (identity) {
+			identityInfo = { isSet: true, name: identity, displayName: displayName(identity) };
+			const candidates = res.list_fields.length ? res.list_fields : structure.map((field) => field.column_name);
+			fieldsOrder = candidates
+				.filter((field) => field !== identity)
+				.slice(0, 3)
+				.map(toFieldOrder);
+		} else if (res.list_fields.length) {
+			const first = res.list_fields[0] ?? '';
+			identityInfo = { isSet: false, name: first, displayName: displayName(first) };
+			fieldsOrder = res.list_fields.slice(1, 4).map(toFieldOrder);
+		} else {
+			const first = structure[0]?.column_name ?? '';
+			identityInfo = { isSet: false, name: first, displayName: displayName(first) };
+			fieldsOrder = structure
+				.slice(1, 4)
+				.map((field) => field.column_name)
+				.map(toFieldOrder);
+		}
+
+		referencedRecords.value = {
+			...referencedRecords.value,
+			[table.table_name]: {
+				rawRows: res.rows,
+				formattedRows,
+				identityColumn: identityInfo,
+				fieldsOrder,
+				foreignKeys: res.foreignKeys,
+			},
+		};
+	}
+
+	function setRowStructure(structure: TableField[]): void {
+		tableRowStructure.value = Object.fromEntries(structure.map((field) => [field.column_name, field]));
+		const foreignKeysList = tableForeignKeys.value.map((field) => field.column_name);
+		tableTypes.value = getTableTypes(structure, foreignKeysList);
+		tableRowRequiredValues.value = Object.fromEntries(
+			structure.map((field) => [field.column_name, field.allow_null === false && field.column_default === null]),
+		);
+	}
+
+	function setWidgets(widgets: Widget[]): void {
+		tableWidgetsList.value = widgets.map((widget) => widget.field_name);
+		tableWidgets.value = Object.fromEntries(
+			widgets.map((widget) => {
+				let params = null;
+				if (widget.widget_params) {
+					try {
+						params = JSON5.parse(widget.widget_params);
+					} catch {
+						params = null;
+					}
+				}
+				return [widget.field_name, { ...widget, widget_params: params }];
+			}),
+		);
+	}
+
+	function setForeignKeys(foreignKeys: TableForeignKey[]): void {
+		tableForeignKeys.value = foreignKeys;
+	}
+
+	function getRelations(columnName: string): TableForeignKey | undefined {
+		return tableForeignKeys.value.find((relation) => relation.column_name === columnName);
+	}
+
+	function isReadonlyField(columnName: string): boolean {
+		return readonlyFields.value.includes(columnName);
+	}
+
+	function isWidget(columnName: string): boolean {
+		return tableWidgetsList.value.includes(columnName);
+	}
+
+	/** Columns the user can set: not auto-increment, not a defaulted key, not a defaulted timestamp. */
+	function getModifyingFields(fields: TableField[]): TableField[] {
+		const defaults: string[] | undefined = (defaultTimestampValues as Record<string, string[]>)[connectionType.value];
+		return fields.filter(
+			(field) =>
+				!field.auto_increment &&
+				!(keyAttributesListFromStructure.value.includes(field.column_name) && field.column_default) &&
+				!(
+					timestampTypes.includes(field.data_type) &&
+					field.column_default &&
+					defaults?.includes(field.column_default.toLowerCase().replace(/\(.*\)/, ''))
+				),
+		);
+	}
+
+	function updateField(updatedValue: unknown, field: string): void {
+		const values = tableRowValues.value;
+		if (!values) return;
+		const existing = values[field];
+		if (!isEqual(updatedValue, existing)) touchedFields.add(field);
+		if (
+			typeof updatedValue === 'object' &&
+			updatedValue !== null &&
+			typeof existing === 'object' &&
+			existing !== null
+		) {
+			// Mutate in place, as Angular did: widgets holding the object keep seeing the same one.
+			const target = existing as RowValues;
+			for (const prop of Object.getOwnPropertyNames(target)) delete target[prop];
+			Object.assign(target, updatedValue);
+		} else {
+			values[field] = updatedValue;
+		}
+
+		if (Object.keys(keyAttributesFromURL.value).includes(field)) isPrimaryKeyUpdated.value = true;
+	}
+
+	/** The row to send: all fields, or only the touched ones, with the per-DB value fixes applied. */
+	function getFormattedUpdatedRow(onlyTouched = false): RowValues {
+		const values = tableRowValues.value ?? {};
+		const updatedRow: RowValues = onlyTouched
+			? Object.fromEntries(Object.entries(values).filter(([key]) => touchedFields.has(key)))
+			: { ...values };
+		const types = Object.entries(tableTypes.value);
+
+		// MySQL returns datetimes as ISO strings ('…T…000Z') but won't store them in that form.
+		if (connectionType.value === DBtype.MySQL) {
+			for (const [field] of types.filter(([, type]) => type === 'datetime' || type === 'timestamp')) {
+				const value = updatedRow[field];
+				if (value && typeof value === 'string') {
+					updatedRow[field] = value.replace('T', ' ').replace('Z', '').split('.')[0];
+				}
+			}
+			for (const [field] of types.filter(([, type]) => type === 'date')) {
+				const value = updatedRow[field];
+				if (value && typeof value === 'string') updatedRow[field] = value.split('T')[0];
+			}
+		}
+
+		// Don't override the primary key fields for DynamoDB / ClickHouse.
+		if (connectionType.value === DBtype.Dynamo || connectionType.value === DBtype.ClickHouse) {
+			for (const field of Object.keys(keyAttributesFromURL.value)) delete updatedRow[field];
+		}
+
+		for (const [field] of types.filter(([, type]) => JSON_TYPES.includes(type))) {
+			if (updatedRow[field] === '') updatedRow[field] = null;
+			const value = updatedRow[field];
+			if (typeof value === 'string') updatedRow[field] = JSON.parse(value);
+		}
+
+		if (pageAction.value === 'dub') {
+			for (const field of nonModifyingFields.value) delete updatedRow[field];
+		}
+
+		return updatedRow;
+	}
+
+	function handleRowSubmitting(continueEditing: boolean): Promise<void> {
+		if (hasKeyAttributesFromURL.value && pageAction.value !== 'dub') return updateRow(continueEditing);
+		return addRow(continueEditing);
+	}
+
+	async function addRow(continueEditing: boolean): Promise<void> {
+		const formattedUpdatedRow = getFormattedUpdatedRow();
+		submitting.value = true;
+		try {
+			const res = await tableRow.addTableRow(toValue(connectionId), toValue(tableName), formattedUpdatedRow);
+			const keys: RowValues = {};
+			for (const column of res.primaryColumns) keys[column.column_name] = res.row[column.column_name];
+			keyAttributesFromURL.value = keys;
+			if (continueEditing) {
+				router.push({ path: entryPath.value, query: toQuery(keys) });
+			} else {
+				router.push({ path: tablePath.value, query: { filters: tableFiltersUrlString.value, page_index: 0 } });
+			}
+			pageAction.value = null;
+			notifications.dismissAlert();
+		} catch {
+			// Reported by the store.
+		} finally {
+			submitting.value = false;
+		}
+	}
+
+	async function updateRow(continueEditing: boolean): Promise<void> {
+		const formattedUpdatedRow = getFormattedUpdatedRow(true);
+		submitting.value = true;
+		try {
+			const res = await tableRow.updateTableRow(
+				toValue(connectionId),
+				toValue(tableName),
+				toParams(keyAttributesFromURL.value),
+				formattedUpdatedRow,
+			);
+			touchedFields.clear();
+			notifications.dismissAlert();
+			if (continueEditing) {
+				if (isPrimaryKeyUpdated.value) {
+					const keys: RowValues = {};
+					for (const key of Object.keys(keyAttributesFromURL.value)) keys[key] = res.row[key];
+					router.push({ path: entryPath.value, query: toQuery(keys) });
+				}
+			} else {
+				router.push({ path: tablePath.value, query: backUrlParams.value });
+			}
+		} catch {
+			// Reported by the store.
+		} finally {
+			submitting.value = false;
+		}
+	}
+
+	function handleDeleteRow(): Promise<void> {
+		return handleActivateAction({ title: 'Delete row', require_confirmation: true });
+	}
+
+	async function handleActivateAction(
+		action: Pick<CustomEvent, 'title' | 'require_confirmation'> & Partial<CustomEvent>,
+	): Promise<void> {
+		const primaryKeys = [keyAttributesFromURL.value];
+		if (action.require_confirmation) {
+			const confirmRef = dialog.open<boolean>(BulkActionConfirmDialog, {
+				data: { id: action.id, title: action.title, primaryKeys, tableDisplayName: displayTableName.value },
+			});
+			if (!action.id) {
+				// Deleting the row: back to the table once it is gone.
+				const deleted = await confirmRef.afterClosed();
+				if (deleted) router.push({ path: tablePath.value, query: backUrlParams.value });
+			}
+			return;
+		}
+		if (!action.id) return;
+		try {
+			const res = (await tables.activateActions(
+				toValue(connectionId),
+				toValue(tableName),
+				action.id,
+				action.title,
+				primaryKeys,
+			)) as { location?: string } | null;
+			if (res?.location) {
+				dialog.open(ActionLinkDialog, {
+					data: { href: res.location, actionName: action.title, primaryKeys: keyAttributesFromURL.value },
+				});
+			}
+		} catch {
+			// Reported by the store.
+		}
+	}
+
+	/** Opens a related record in the side row view. */
+	function handleViewRow(name: string, row: RowValues): void {
+		const properties = relatedRecordsProperties.value[name];
+		if (!properties) return;
+		const primaryKeys: RowValues = {};
+		for (const column of properties.primaryColumns) primaryKeys[column.column_name] = row[column.column_name];
+		// The row view reads `widgets` / `foreignKeys` as maps by column, as the Angular one did; the
+		// TableRow model still types them as arrays.
+		tableState.selectRow({ ...properties, record: row, primaryKeys } as unknown as TableRow);
+	}
+
+	function switchToEditMode(): void {
+		pageMode.value = null;
+		router.push({ path: entryPath.value, query: toQuery(keyAttributesFromURL.value) });
+	}
+
+	function resetState(): void {
+		loading.value = true;
+		isServerError.value = false;
+		serverError.value = null;
+		tableRowValues.value = null;
+		touchedFields.clear();
+		keyAttributesFromURL.value = {};
+		hasKeyAttributesFromURL.value = false;
+		isPrimaryKeyUpdated.value = false;
+		pageAction.value = null;
+		pageMode.value = null;
+		rowActions.value = [];
+		referencedTables.value = [];
+		referencedRecords.value = {};
+		referencedTablesURLParams.value = [];
+		relatedRecordsProperties.value = {};
+		tableWidgets.value = {};
+		tableWidgetsList.value = [];
+		canDelete.value = false;
+	}
+
+	function tablePermission(action: string) {
+		return computed(() => permissions.canI(action, 'Table', tableResourceId.value).value);
+	}
+
+	return {
+		loading,
+		isServerError,
+		serverError,
+		displayTableName,
+		tableRowValues,
+		tableRowStructure,
+		tableRowRequiredValues,
+		identityColumn,
+		readonlyFields,
+		nonModifyingFields,
+		keyAttributesFromURL,
+		hasKeyAttributesFromURL,
+		dubURLParams,
+		keyAttributesListFromStructure,
+		isPrimaryKeyUpdated,
+		tableTypes,
+		tableWidgets,
+		tableWidgetsList,
+		submitting,
+		fieldsOrdered,
+		rowActions,
+		referencedTables,
+		referencedRecords,
+		referencedTablesURLParams,
+		relatedRecordsProperties,
+		canDelete,
+		pageAction,
+		pageMode,
+		tableForeignKeys,
+		tableFiltersUrlString,
+		backUrlParams,
+		connectionType,
+		isTestConnection,
+		canEditRow,
+		canAddRow,
+		canDeleteRow,
+		pageTitle,
+		fieldsReadonly,
+		tablePath,
+		entryPath,
+		load,
+		setRowStructure,
+		setWidgets,
+		setForeignKeys,
+		getRelations,
+		isReadonlyField,
+		isWidget,
+		getModifyingFields,
+		updateField,
+		getFormattedUpdatedRow,
+		handleRowSubmitting,
+		handleDeleteRow,
+		handleActivateAction,
+		handleViewRow,
+		switchToEditMode,
+	};
+}
+
+/** The route query as request params; a repeated key keeps its first value. */
+function queryToParams(query: LocationQuery): QueryParams {
+	const params: QueryParams = {};
+	for (const [key, value] of Object.entries(query)) {
+		params[key] = Array.isArray(value) ? (value[0] ?? null) : value;
+	}
+	return params;
+}
+
+function toParam(value: unknown): string | number | boolean | null {
+	if (value === null || value === undefined) return null;
+	if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') return value;
+	return String(value);
+}
+
+function toParams(values: RowValues): QueryParams {
+	return Object.fromEntries(Object.entries(values).map(([key, value]) => [key, toParam(value)]));
+}
+
+function toQuery(values: RowValues): LocationQueryRaw {
+	return Object.fromEntries(
+		Object.entries(values).map(([key, value]) => {
+			const param = toParam(value);
+			return [key, typeof param === 'boolean' ? String(param) : param];
+		}),
+	);
+}
diff --git a/frontend-vue/src/composables/useRowSelection.spec.ts b/frontend-vue/src/composables/useRowSelection.spec.ts
new file mode 100644
index 000000000..cd8ee7342
--- /dev/null
+++ b/frontend-vue/src/composables/useRowSelection.spec.ts
@@ -0,0 +1,40 @@
+import { describe, expect, it } from 'vitest';
+import { useRowSelection } from './useRowSelection';
+
+describe('useRowSelection', () => {
+	const rows = [{ id: 1 }, { id: 2 }, { id: 3 }];
+	const lookup = (key: string | number) => rows.find((row) => String(row.id) === String(key));
+
+	it('keeps the rows behind the selected keys', () => {
+		const selection = useRowSelection();
+		selection.setKeys(['1', '3'], lookup);
+		expect(selection.keys).toEqual(['1', '3']);
+		expect(selection.selected).toEqual([{ id: 1 }, { id: 3 }]);
+		expect(selection.hasValue).toBe(true);
+		expect(selection.isSelected('3')).toBe(true);
+	});
+
+	it('remembers rows selected on another page', () => {
+		const selection = useRowSelection();
+		selection.setKeys(['1'], lookup);
+		selection.setKeys(['1', 'x'], (key) => (key === 'x' ? { id: 'x' } : undefined));
+		expect(selection.selected).toEqual([{ id: 1 }, { id: 'x' }]);
+	});
+
+	it('drops keys whose row is unknown', () => {
+		const selection = useRowSelection();
+		selection.setKeys(['nope'], lookup);
+		expect(selection.keys).toEqual([]);
+	});
+
+	it('selects several rows at once and clears', () => {
+		const selection = useRowSelection();
+		selection.select(rows.map((row) => ({ key: String(row.id), row })));
+		selection.select([{ key: '1', row: { id: 1 } }]);
+		expect(selection.keys).toEqual(['1', '2', '3']);
+		selection.clear();
+		expect(selection.keys).toEqual([]);
+		expect(selection.selected).toEqual([]);
+		expect(selection.hasValue).toBe(false);
+	});
+});
diff --git a/frontend-vue/src/composables/useRowSelection.ts b/frontend-vue/src/composables/useRowSelection.ts
new file mode 100644
index 000000000..88d3c045d
--- /dev/null
+++ b/frontend-vue/src/composables/useRowSelection.ts
@@ -0,0 +1,59 @@
+// The dashboard's `SelectionModel<any>(true, [])` for the table rows. UiTable selects row *keys*
+// (so a selection survives a refetch); this keeps the row objects behind them as well, because the
+// bulk actions, the CSV export and the confirmation dialog need the selected rows' data — including
+// rows selected on another page, which SelectionModel kept too.
+import { computed, reactive, ref, shallowRef } from 'vue';
+import type { TableRowKey } from '@/components/ui';
+
+type R = Record<string, unknown>;
+
+export function useRowSelection() {
+	const keys = ref<TableRowKey[]>([]);
+	const rowsByKey = shallowRef(new Map<TableRowKey, R>());
+
+	/** The selected rows, in selection order. */
+	const selected = computed<R[]>(() =>
+		keys.value.map((key) => rowsByKey.value.get(key)).filter((row): row is R => row !== undefined),
+	);
+	const hasValue = computed(() => keys.value.length > 0);
+
+	/**
+	 * Replaces the selection with `next` (UiTable's `update:selected`). New keys are resolved
+	 * through `lookup`, which knows the rows on the current page.
+	 */
+	function setKeys(next: TableRowKey[], lookup: (key: TableRowKey) => R | undefined): void {
+		const map = new Map<TableRowKey, R>();
+		for (const key of next) {
+			const row = rowsByKey.value.get(key) ?? lookup(key);
+			if (row !== undefined) map.set(key, row);
+		}
+		rowsByKey.value = map;
+		keys.value = next.filter((key) => map.has(key));
+	}
+
+	/** Adds the rows (SelectionModel.select). */
+	function select(entries: { key: TableRowKey; row: R }[]): void {
+		const map = new Map(rowsByKey.value);
+		const next = [...keys.value];
+		for (const { key, row } of entries) {
+			if (!map.has(key)) next.push(key);
+			map.set(key, row);
+		}
+		rowsByKey.value = map;
+		keys.value = next;
+	}
+
+	function isSelected(key: TableRowKey): boolean {
+		return rowsByKey.value.has(key);
+	}
+
+	function clear(): void {
+		keys.value = [];
+		rowsByKey.value = new Map();
+	}
+
+	// reactive(): handed down as a prop, `selection.keys` / `selection.selected` read unwrapped.
+	return reactive({ keys, selected, hasValue, setKeys, select, isSelected, clear });
+}
+
+export type RowSelection = ReturnType<typeof useRowSelection>;
diff --git a/frontend-vue/src/composables/useRowView.spec.ts b/frontend-vue/src/composables/useRowView.spec.ts
new file mode 100644
index 000000000..f1d1d8055
--- /dev/null
+++ b/frontend-vue/src/composables/useRowView.spec.ts
@@ -0,0 +1,175 @@
+// Ports db-table-row-view.component.spec.ts plus the related-records formatting.
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { ref } from 'vue';
+import type { TableField, TableRow } from '@/models/table';
+import {
+	formatReferencedRecords,
+	getDedicatedPageLink,
+	getDedicatedPageLinkParams,
+	getForeignKeyQueryParams,
+	getForeignKeyValue,
+	referencedTablesURLParams,
+	rowViewColumns,
+	useRelatedRecords,
+} from './useRowView';
+
+const tables = vi.hoisted(() => ({ fetchTable: vi.fn() }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+
+function row(overrides: Partial<TableRow>): TableRow {
+	return {
+		connectionID: 'conn',
+		tableName: 'orders',
+		record: {},
+		columnsOrder: [],
+		primaryKeys: {},
+		foreignKeys: {
+			user_id: {
+				column_name: 'user_id',
+				constraint_name: 'fk_user',
+				referenced_column_name: 'id',
+				referenced_table_name: 'users',
+			},
+		},
+		foreignKeysList: ['user_id'],
+		widgets: {},
+		widgetsList: [],
+		fieldsTypes: {},
+		relatedRecords: null,
+		link: '/dashboard/conn/orders/entry',
+		...overrides,
+	};
+}
+
+const field = (column_name: string): TableField => ({
+	column_name,
+	column_default: null,
+	data_type: 'varchar',
+	isExcluded: false,
+	isSearched: false,
+	allow_null: true,
+	auto_increment: false,
+	character_maximum_length: null,
+});
+
+describe('row view helpers', () => {
+	describe('getForeignKeyValue', () => {
+		it('returns null when the field is null or missing', () => {
+			expect(getForeignKeyValue(row({ record: { user_id: null } }), 'user_id')).toBeNull();
+			expect(getForeignKeyValue(row({ record: {} }), 'user_id')).toBeNull();
+		});
+
+		it('returns the identity column value when the FK object has one', () => {
+			expect(getForeignKeyValue(row({ record: { user_id: { id: 42, name: 'alice' } } }), 'user_id')).toBe('alice');
+		});
+
+		it('returns a primitive FK value as-is, including 0 and an empty string', () => {
+			expect(getForeignKeyValue(row({ record: { user_id: 0 } }), 'user_id')).toBe(0);
+			expect(getForeignKeyValue(row({ record: { user_id: '' } }), 'user_id')).toBe('');
+		});
+	});
+
+	describe('getForeignKeyQueryParams', () => {
+		it('returns {} when the field is null', () => {
+			expect(getForeignKeyQueryParams(row({ record: { user_id: null } }), 'user_id')).toEqual({});
+		});
+
+		it('returns the referenced column param for an object or a primitive FK', () => {
+			expect(getForeignKeyQueryParams(row({ record: { user_id: { id: 42, name: 'alice' } } }), 'user_id')).toEqual({
+				id: 42,
+			});
+			expect(getForeignKeyQueryParams(row({ record: { user_id: 7 } }), 'user_id')).toEqual({ id: 7 });
+		});
+	});
+
+	it('lists the fields in the table order, widget names first', () => {
+		const open = row({
+			record: { id: 1, user_id: 2 },
+			columnsOrder: ['user_id', 'id'],
+			widgets: { id: { field_name: 'id', widget_type: 'String', widget_params: {}, name: 'Number', description: '' } },
+		});
+		expect(rowViewColumns(open)).toEqual([
+			{ title: 'user_id', normalizedTitle: 'User ID' },
+			{ title: 'id', normalizedTitle: 'Number' },
+		]);
+		expect(rowViewColumns(row({ record: { a: 1 }, columnsOrder: [] }))).toEqual([{ title: 'a', normalizedTitle: 'A' }]);
+	});
+
+	it('links to the record page by its primary key, foreign keys by their referenced value', () => {
+		const open = row({
+			record: { id: 3, user_id: { id: 42, name: 'alice' } },
+			primaryKeys: { id: 3, user_id: { id: 42 } },
+		});
+		expect(getDedicatedPageLinkParams(open)).toEqual({ id: 3, user_id: 42 });
+		expect(getDedicatedPageLink(open, 'https://app.test')).toBe(
+			'https://app.test/dashboard/conn/orders/entry?id=3&user_id=42',
+		);
+	});
+
+	it('filters each referencing table by the open row', () => {
+		const open = row({
+			record: { id: 5 },
+			relatedRecords: {
+				referenced_on_column_name: 'id',
+				referenced_by: [{ table_name: 'payments', column_name: 'order_id' }],
+			},
+		});
+		expect(referencedTablesURLParams(open)).toEqual([{ filters: '(order_id:(eq:5))', page_index: 0 }]);
+	});
+
+	it('formats referencing rows with an identity line, three fields and entry links', () => {
+		const formatted = formatReferencedRecords({
+			rows: [{ id: 1, title: 'First', user_id: { id: 9, name: 'Ann' }, a: 'x', b: 'y', c: 'z' }],
+			structure: ['id', 'title', 'user_id', 'a', 'b', 'c'].map(field),
+			primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
+			foreignKeys: [
+				{ column_name: 'user_id', constraint_name: 'fk', referenced_column_name: 'id', referenced_table_name: 'users' },
+			],
+			widgets: [{ field_name: 'title', widget_type: 'String', widget_params: '', name: 'Headline', description: '' }],
+			pagination: { total: 1, lastPage: 1, perPage: 30, currentPage: 1 },
+			identity_column: 'title',
+			list_fields: [],
+		});
+		expect(formatted.rows[0]?.user_id).toBe('Ann');
+		expect(formatted.identityColumn).toEqual({ isSet: true, fieldName: 'title', displayName: 'Headline' });
+		expect(formatted.fieldsOrder.map((entry) => entry.fieldName)).toEqual(['id', 'user_id', 'a']);
+		expect(formatted.links).toEqual([{ mode: 'view', id: 1 }]);
+	});
+});
+
+describe('useRelatedRecords', () => {
+	beforeEach(() => vi.clearAllMocks());
+
+	it('fetches each referencing table filtered by the open row', async () => {
+		tables.fetchTable.mockResolvedValue({
+			rows: [],
+			structure: [field('id')],
+			primaryColumns: [],
+			foreignKeys: [],
+			widgets: [],
+			pagination: { total: 0, lastPage: 1, perPage: 30, currentPage: 1 },
+			list_fields: [],
+		});
+		const selected = ref<TableRow | null>(null);
+		const related = useRelatedRecords(selected);
+		selected.value = row({
+			record: { id: 5 },
+			columnsOrder: ['id'],
+			relatedRecords: {
+				referenced_on_column_name: 'id',
+				referenced_by: [{ table_name: 'payments', column_name: 'order_id' }],
+			},
+		});
+		await flushPromises();
+		expect(tables.fetchTable).toHaveBeenCalledWith({
+			connectionID: 'conn',
+			tableName: 'payments',
+			requstedPage: 1,
+			chunkSize: 30,
+			filters: { order_id: { eq: 5 } },
+		});
+		expect(related.tables.value.map((table) => table.displayTableName)).toEqual(['Payments']);
+		expect(related.records.payments?.rows).toEqual([]);
+	});
+});
diff --git a/frontend-vue/src/composables/useRowView.ts b/frontend-vue/src/composables/useRowView.ts
new file mode 100644
index 000000000..c9f3ef68a
--- /dev/null
+++ b/frontend-vue/src/composables/useRowView.ts
@@ -0,0 +1,234 @@
+// The logic of db-table-row-view (DbTableRowViewComponent), the row preview side panel: its field
+// list, the foreign-key values and links, the "copy link to this record" URL, and the "Related
+// records" — the rows of other tables that reference the open row, fetched one table at a time.
+import JsonURL from '@jsonurl/jsonurl';
+import { type Ref, reactive, ref, watch } from 'vue';
+import { formatFieldValue } from '@/lib/format-field-value';
+import { normalizeFieldName, normalizeTableName } from '@/lib/normalize';
+import type { TableField, TableForeignKey, TableRow, Widget } from '@/models/table';
+import { type TableRowsResponse, useTablesStore } from '@/stores/tables';
+
+export interface RowViewColumn {
+	title: string;
+	normalizedTitle: string;
+}
+
+export interface ReferencedTable {
+	table_name: string;
+	column_name: string;
+	display_name?: string;
+	displayTableName: string;
+}
+
+export interface ReferencedRecords {
+	rows: Record<string, unknown>[];
+	/** Entry-page query params of each row: its primary key plus `mode: 'view'`. */
+	links: Record<string, unknown>[];
+	identityColumn: { isSet: boolean; fieldName: string; displayName: string };
+	fieldsOrder: { fieldName: string; displayName: string }[];
+}
+
+interface ReferencedRowsResponse extends TableRowsResponse {
+	identity_column?: string | null;
+	list_fields: string[];
+}
+
+/** The panel's fields: the table's column order (or the record's keys), widget names first. */
+export function rowViewColumns(row: TableRow): RowViewColumn[] {
+	if (!row.columnsOrder || !row.record) return [];
+	const order = row.columnsOrder.length ? row.columnsOrder : Object.keys(row.record);
+	return order.map((column) => ({
+		title: column,
+		normalizedTitle: row.widgets?.[column]?.name || normalizeFieldName(column),
+	}));
+}
+
+/** The text of a foreign-key field: its identity column, else the referenced key, else the value. */
+export function getForeignKeyValue(row: TableRow | null, field: string): unknown {
+	const cell = row?.record?.[field];
+	if (cell == null) return null;
+	if (typeof cell === 'object') {
+		const referencedColumnName = row?.foreignKeys?.[field]?.referenced_column_name;
+		const object = cell as Record<string, unknown>;
+		const identityColumnName = Object.keys(object).find((key) => key !== referencedColumnName);
+		if (identityColumnName) return object[identityColumnName];
+		if (referencedColumnName && object[referencedColumnName] != null) return object[referencedColumnName];
+		return null;
+	}
+	return cell;
+}
+
+/** `{ [referenced column]: value }` of a foreign-key field, `{}` when it is empty. */
+export function getForeignKeyQueryParams(row: TableRow | null, field: string): Record<string, unknown> {
+	const cell = row?.record?.[field];
+	const referencedColumnName = row?.foreignKeys?.[field]?.referenced_column_name;
+	if (cell == null || !referencedColumnName) return {};
+	return {
+		[referencedColumnName]: typeof cell === 'object' ? (cell as Record<string, unknown>)[referencedColumnName] : cell,
+	};
+}
+
+/** The open row's primary key as entry-page query params (foreign keys by referenced value). */
+export function getDedicatedPageLinkParams(row: TableRow | null): Record<string, unknown> {
+	if (!row) return {};
+	const params: Record<string, unknown> = {};
+	for (const key of Object.keys(row.primaryKeys ?? {})) {
+		if (row.foreignKeysList?.includes(key)) {
+			const referencedColumnName = row.foreignKeys?.[key]?.referenced_column_name ?? '';
+			params[key] = (row.record?.[key] as Record<string, unknown> | undefined)?.[referencedColumnName];
+		} else {
+			params[key] = row.primaryKeys?.[key];
+		}
+	}
+	return params;
+}
+
+/** The absolute URL of the open row's entry page, for "Copy link to this record". */
+export function getDedicatedPageLink(row: TableRow | null, origin: string = location.origin): string {
+	if (!row) return '';
+	const params = new URLSearchParams();
+	for (const [key, value] of Object.entries(getDedicatedPageLinkParams(row))) params.set(key, String(value));
+	return `${origin}${row.link}?${params.toString()}`;
+}
+
+/** The tables referencing the open row, with display names. */
+export function referencedTables(row: TableRow): ReferencedTable[] {
+	return (row.relatedRecords?.referenced_by ?? []).map((table) => ({
+		...table,
+		displayTableName: table.display_name || normalizeTableName(table.table_name),
+	}));
+}
+
+/** The `{ [column]: { eq: value } }` filter that lists one referencing table's related rows. */
+export function referencedFilters(row: TableRow, table: { column_name: string }) {
+	return {
+		[table.column_name]: { eq: row.record?.[row.relatedRecords?.referenced_on_column_name ?? ''] },
+	};
+}
+
+/** "Open records in table view" query params of each referencing table. */
+export function referencedTablesURLParams(row: TableRow) {
+	return (row.relatedRecords?.referenced_by ?? []).map((table) => ({
+		filters: JsonURL.stringify(referencedFilters(row, table)),
+		page_index: 0,
+	}));
+}
+
+/** One referencing table's rows as the panel lists them: an identity line plus three fields. */
+export function formatReferencedRecords(res: ReferencedRowsResponse): ReferencedRecords {
+	const foreignKeyMap: Record<string, string> = {};
+	for (const fk of res.foreignKeys as TableForeignKey[]) foreignKeyMap[fk.column_name] = fk.referenced_column_name;
+
+	const widgetNames = (res.widgets as Widget[]).reduce<Record<string, string>>((acc, widget) => {
+		acc[widget.field_name] = widget.name;
+		return acc;
+	}, {});
+	const displayName = (field: string) => widgetNames[field] || normalizeFieldName(field);
+
+	const rows = res.rows.map((row) => {
+		const formatted: Record<string, unknown> = {};
+		for (const key in row) {
+			const value = row[key];
+			if (foreignKeyMap[key] && typeof value === 'object' && value !== null) {
+				const object = value as Record<string, unknown>;
+				const preferredKey = Object.keys(object).find((k) => k !== foreignKeyMap[key]);
+				formatted[key] = preferredKey ? object[preferredKey] : object[foreignKeyMap[key]];
+			} else {
+				formatted[key] = formatFieldValue(
+					value,
+					res.structure.find((field: TableField) => field.column_name === key)?.data_type || 'text',
+				);
+			}
+		}
+		return formatted;
+	});
+
+	const identity = res.identity_column;
+	const listFields = res.list_fields;
+	let identityColumn: ReferencedRecords['identityColumn'];
+	let fieldsOrder: string[];
+	if (identity && listFields.length) {
+		identityColumn = { isSet: true, fieldName: identity, displayName: displayName(identity) };
+		fieldsOrder = listFields.filter((field) => field !== identity).slice(0, 3);
+	} else if (identity) {
+		identityColumn = { isSet: true, fieldName: identity, displayName: displayName(identity) };
+		fieldsOrder = res.structure
+			.filter((field) => field.column_name !== identity)
+			.slice(0, 3)
+			.map((field) => field.column_name);
+	} else if (listFields.length) {
+		const first = listFields[0] ?? '';
+		identityColumn = { isSet: false, fieldName: first, displayName: displayName(first) };
+		fieldsOrder = listFields.slice(1, 4);
+	} else {
+		const first = res.structure[0]?.column_name ?? '';
+		identityColumn = { isSet: false, fieldName: first, displayName: displayName(first) };
+		fieldsOrder = res.structure.slice(1, 4).map((field) => field.column_name);
+	}
+
+	const foreignKeyColumns = (res.foreignKeys as TableForeignKey[]).map((foreignKey) => foreignKey.column_name);
+	const links = res.rows.map((row) =>
+		res.primaryColumns.reduce<Record<string, unknown>>(
+			(keys, column) => {
+				if (foreignKeyColumns.includes(column.column_name)) {
+					keys[column.column_name] = (row[column.column_name] as Record<string, unknown> | null)?.[
+						foreignKeyMap[column.column_name] ?? ''
+					];
+				} else {
+					keys[column.column_name] = row[column.column_name];
+				}
+				return keys;
+			},
+			{ mode: 'view' },
+		),
+	);
+
+	return {
+		rows,
+		links,
+		identityColumn,
+		fieldsOrder: fieldsOrder.map((fieldName) => ({ fieldName, displayName: displayName(fieldName) })),
+	};
+}
+
+/**
+ * Loads the related records of `selectedRow` whenever it changes: one request per referencing
+ * table (first page of 30), stored under the table name as each arrives. A table missing from
+ * `records` is still loading.
+ */
+export function useRelatedRecords(selectedRow: Ref<TableRow | null>) {
+	const tables = useTablesStore();
+	const records = reactive<Record<string, ReferencedRecords>>({});
+	const tablesList = ref<ReferencedTable[]>([]);
+	const urlParams = ref<ReturnType<typeof referencedTablesURLParams>>([]);
+	let generation = 0;
+
+	watch(
+		selectedRow,
+		(row) => {
+			if (!row?.columnsOrder || !row.relatedRecords?.referenced_by?.length) return;
+			const current = ++generation;
+			for (const key of Object.keys(records)) delete records[key];
+			tablesList.value = referencedTables(row);
+			urlParams.value = referencedTablesURLParams(row);
+
+			for (const table of row.relatedRecords.referenced_by) {
+				tables
+					.fetchTable<ReferencedRowsResponse>({
+						connectionID: row.connectionID ?? '',
+						tableName: table.table_name,
+						requstedPage: 1,
+						chunkSize: 30,
+						filters: referencedFilters(row, table),
+					})
+					.then((res) => {
+						if (res && current === generation) records[table.table_name] = formatReferencedRecords(res);
+					})
+					.catch(() => {});
+			}
+		},
+		{ immediate: true },
+	);
+
+	return { records, tables: tablesList, urlParams };
+}
diff --git a/frontend-vue/src/composables/useTableData.spec.ts b/frontend-vue/src/composables/useTableData.spec.ts
new file mode 100644
index 000000000..682ba9a5b
--- /dev/null
+++ b/frontend-vue/src/composables/useTableData.spec.ts
@@ -0,0 +1,237 @@
+// Port of the TablesDataSource behaviour: what one rows response turns into.
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import type { TableField } from '@/models/table';
+import { type TableRowsFullResponse, useTableData } from './useTableData';
+
+const tables = vi.hoisted(() => ({ fetchTable: vi.fn() }));
+const tableRow = vi.hoisted(() => ({ fetchTableRow: vi.fn() }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/table-row', () => ({ useTableRowStore: () => tableRow }));
+
+function field(column_name: string, data_type = 'varchar', extra: Partial<TableField> = {}): TableField {
+	return {
+		column_name,
+		column_default: null,
+		data_type,
+		isExcluded: false,
+		isSearched: false,
+		allow_null: true,
+		auto_increment: false,
+		character_maximum_length: null,
+		...extra,
+	};
+}
+
+function response(overrides: Partial<TableRowsFullResponse> = {}): TableRowsFullResponse {
+	return {
+		rows: [
+			{ id: 1, name: 'Ann', active: 1, owner_id: { id: 7, email: 'eric@park.com' } },
+			{ id: 2, name: 'Bob', active: 0, owner_id: { id: 8, email: 'kyle@park.com' } },
+		],
+		structure: [
+			field('id', 'integer'),
+			field('name'),
+			field('active', 'tinyint', { character_maximum_length: 1 }),
+			field('owner_id', 'integer'),
+		],
+		primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
+		foreignKeys: [
+			{ column_name: 'owner_id', constraint_name: 'fk', referenced_column_name: 'id', referenced_table_name: 'users' },
+		],
+		widgets: [
+			{
+				field_name: 'name',
+				widget_type: 'String',
+				widget_params: '{ maxLength: 10 }',
+				name: 'Full name',
+				description: '',
+			},
+		],
+		pagination: { total: 42, lastPage: 2, perPage: 30, currentPage: 1 },
+		identity_column: 'name',
+		action_events: [
+			{ id: 'a1', event: 'CUSTOM', title: 'Ping', type: 'single', icon: 'bolt', require_confirmation: false },
+			{ id: 'a2', event: 'CUSTOM', title: 'Mail all', type: 'multiple', icon: 'mail', require_confirmation: true },
+		] as TableRowsFullResponse['action_events'],
+		table_settings: { list_fields: [], columns_view: [], ordering_field: 'name', ordering: 'DESC' },
+		columns_view: [],
+		allow_csv_export: true,
+		allow_csv_import: false,
+		can_delete: true,
+		sortable_by: ['name'],
+		configured: true,
+		large_dataset: false,
+		...overrides,
+	};
+}
+
+const params = { connectionID: 'conn', tableName: 'customers', requstedPage: 0, pageSize: 30 };
+
+describe('useTableData', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		tableRow.fetchTableRow.mockResolvedValue({
+			referenced_table_names_and_columns: [{ referenced_on_column_name: 'id', referenced_by: [] }],
+		});
+	});
+
+	it('requests the 1-based page with the sort, filters and search', async () => {
+		tables.fetchTable.mockResolvedValue(response());
+		const data = useTableData();
+		await data.fetchRows({
+			...params,
+			requstedPage: 2,
+			pageSize: 100,
+			sortColumn: 'name',
+			sortOrder: 'ASC',
+			filters: { name: { eq: 'Ann' } },
+			search: 'an',
+			uncached: true,
+		});
+		expect(tables.fetchTable).toHaveBeenCalledWith({
+			connectionID: 'conn',
+			tableName: 'customers',
+			requstedPage: 3,
+			chunkSize: 100,
+			sortColumn: 'name',
+			sortOrder: 'ASC',
+			filters: { name: { eq: 'Ann' } },
+			comparators: undefined,
+			search: 'an',
+			uncached: true,
+		});
+	});
+
+	it('formats rows, keys foreign keys and widgets, and derives the table types', async () => {
+		tables.fetchTable.mockResolvedValue(response());
+		const data = useTableData();
+		await data.fetchRows(params);
+
+		expect(data.loading).toBe(false);
+		expect(data.rows[0]).toEqual({ id: 1, name: 'Ann', active: true, owner_id: { id: 7, email: 'eric@park.com' } });
+		expect(data.isEmptyTable).toBe(false);
+		expect(data.foreignKeysList).toEqual(['owner_id']);
+		expect(data.foreignKeys.owner_id?.referenced_table_name).toBe('users');
+		expect(data.widgetsList).toEqual(['name']);
+		expect(data.widgets.name?.widget_params).toEqual({ maxLength: 10 });
+		expect(data.tableTypes).toEqual({ id: 'integer', name: 'varchar', active: 'boolean', owner_id: 'foreign key' });
+		expect(data.identityColumn).toBe('name');
+		expect(data.tableBulkActions.map((action) => action.title)).toEqual(['Mail all']);
+		expect(data.isExportAllowed).toBe(true);
+		expect(data.isImportAllowed).toBe(false);
+		expect(data.canDelete).toBe(true);
+		expect(data.sortByColumns).toEqual(['name']);
+		expect(data.defaultSort).toEqual({ column: 'name', direction: 'desc' });
+		expect(data.total).toBe(42);
+		expect(data.pageSize).toBe(30);
+	});
+
+	it('loads the related records of the first row by its primary key', async () => {
+		tables.fetchTable.mockResolvedValue(response());
+		const data = useTableData();
+		await data.fetchRows(params);
+		await flushPromises();
+		expect(tableRow.fetchTableRow).toHaveBeenCalledWith('conn', 'customers', { id: 1 });
+		expect(data.relatedRecords).toEqual({ referenced_on_column_name: 'id', referenced_by: [] });
+	});
+
+	it('shows the first six columns by default, with widget names', async () => {
+		const structure = ['a', 'b', 'c', 'd', 'e', 'f', 'g'].map((name) => field(name));
+		tables.fetchTable.mockResolvedValue(response({ rows: [], structure, widgets: [], foreignKeys: [] }));
+		const data = useTableData();
+		await data.fetchRows(params);
+		expect(data.dataColumns).toEqual(['a', 'b', 'c', 'd', 'e', 'f', 'g']);
+		expect(data.displayedDataColumns).toEqual(['a', 'b', 'c', 'd', 'e', 'f']);
+		expect(data.displayedColumns).toEqual(['select', 'a', 'b', 'c', 'd', 'e', 'f', 'actions']);
+		expect(data.isEmptyTable).toBe(true);
+	});
+
+	it('orders columns by list_fields, shows columns_view and skips excluded columns', async () => {
+		tables.fetchTable.mockResolvedValue(
+			response({
+				structure: [
+					field('id', 'integer'),
+					field('name'),
+					field('secret', 'varchar', { isExcluded: true }),
+					field('active'),
+				],
+				table_settings: { list_fields: ['name', 'active', 'id', 'secret'], columns_view: ['name', 'id'] },
+			}),
+		);
+		const data = useTableData();
+		await data.fetchRows(params);
+		expect(data.dataColumns).toEqual(['name', 'active', 'id']);
+		expect(data.displayedDataColumns).toEqual(['name', 'id']);
+		expect(data.dataNormalizedColumns).toEqual({ name: 'Full name', active: 'Active', id: 'ID' });
+		expect(data.defaultSort).toBeNull();
+	});
+
+	it('keeps the columns on paging and sorting', async () => {
+		tables.fetchTable.mockResolvedValue(response());
+		const data = useTableData();
+		await data.fetchRows(params);
+		const first = data.columns[0];
+		if (first) first.selected = false;
+		await data.fetchRows({ ...params, isTablePageSwitched: true });
+		expect(data.columns[0]?.selected).toBe(false);
+	});
+
+	it('warns about tables without a primary key and about unconfigured tables', async () => {
+		tables.fetchTable.mockResolvedValue(response({ primaryColumns: [], widgets: [], configured: false }));
+		const data = useTableData();
+		await data.fetchRows(params);
+		expect(data.displayedColumns).not.toContain('select');
+		expect(data.alert_primaryKeysInfo?.message).toBe(
+			'Add primary keys through your database to be able to work with the table rows.',
+		);
+		expect(data.alert_settingsInfo?.actions?.[0]?.to).toBe('/auto-configure/conn');
+	});
+
+	it('builds row query params, a foreign key primary key by its referenced value, "dub" for duplicates', async () => {
+		tables.fetchTable.mockResolvedValue(
+			response({
+				primaryColumns: [
+					{ column_name: 'id', data_type: 'integer' },
+					{ column_name: 'owner_id', data_type: 'integer' },
+				],
+			}),
+		);
+		const data = useTableData();
+		await data.fetchRows(params);
+		const row = { id: 1, owner_id: { id: 7, email: 'eric@park.com' } };
+		expect(data.getQueryParams(row)).toEqual({ id: 1, owner_id: 7 });
+		expect(data.getQueryParams(row, 'dub')).toEqual({ id: 1, owner_id: 7, action: 'dub' });
+	});
+
+	it('recomputes the visible columns after a checkbox change', async () => {
+		tables.fetchTable.mockResolvedValue(response());
+		const data = useTableData();
+		await data.fetchRows(params);
+		const name = data.columns.find((column) => column.title === 'name');
+		if (name) name.selected = false;
+		data.changeColumnList();
+		expect(data.displayedDataColumns).not.toContain('name');
+	});
+
+	it('stops loading and keeps its state when the request fails', async () => {
+		tables.fetchTable.mockRejectedValue(new Error('boom'));
+		const data = useTableData();
+		await data.fetchRows(params);
+		expect(data.loading).toBe(false);
+		expect(data.structure).toBeNull();
+	});
+
+	it('ignores a response that a newer request has overtaken', async () => {
+		let resolveFirst: (value: TableRowsFullResponse) => void = () => {};
+		tables.fetchTable
+			.mockReturnValueOnce(new Promise((resolve) => (resolveFirst = resolve)))
+			.mockResolvedValueOnce(response({ rows: [{ id: 9, name: 'Zed', active: 1, owner_id: null }] }));
+		const data = useTableData();
+		const first = data.fetchRows(params);
+		await data.fetchRows({ ...params, tableName: 'other' });
+		resolveFirst(response());
+		await first;
+		expect(data.rows.map((row) => row.id)).toEqual([9]);
+	});
+});
diff --git a/frontend-vue/src/composables/useTableData.ts b/frontend-vue/src/composables/useTableData.ts
new file mode 100644
index 000000000..5112771d6
--- /dev/null
+++ b/frontend-vue/src/composables/useTableData.ts
@@ -0,0 +1,369 @@
+// Port of frontend/src/app/components/dashboard/db-tables-data-source.ts (TablesDataSource): one
+// page of a table's rows plus everything the table view derives from the rows response — columns
+// and their visibility, foreign keys, widgets, field types, actions, permissions, the default sort
+// and the info alerts.
+//
+// The CDK DataSource's BehaviorSubjects (`rowsSubject`, `loading$`) are plain reactive state:
+// `rows` and `loading`. The MatPaginator the data source wrote `pageSize`/`length` into is replaced
+// by `pageIndex` / `pageSize` / `total`, which the table view binds to its UiPaginator.
+//
+// The returned object is `reactive`, so it can be handed down as a prop (the Angular `[table]`
+// input) and read without `.value` in templates.
+import JSON5 from 'json5';
+import { reactive } from 'vue';
+import { formatFieldValue } from '@/lib/format-field-value';
+import { normalizeFieldName } from '@/lib/normalize';
+import { getTableTypes } from '@/lib/setup-table-row-structure';
+import { type Alert, AlertActionType, AlertType } from '@/models/alert';
+import {
+	CustomActionType,
+	type CustomEvent,
+	type RelatedRecords,
+	type TableField,
+	type TableForeignKey,
+	type Widget,
+	type WidgetStructure,
+} from '@/models/table';
+import { type RowKeyParams, useTableRowStore } from '@/stores/table-row';
+import { type TableRowsResponse, useTablesStore } from '@/stores/tables';
+
+export interface TableColumnState {
+	title: string;
+	normalizedTitle: string;
+	selected: boolean;
+}
+
+export type TableDataRow = Record<string, unknown>;
+
+export interface RowsParams {
+	connectionID: string;
+	tableName: string;
+	sortColumn?: string;
+	requstedPage?: number;
+	pageSize?: number;
+	sortOrder?: 'ASC' | 'DESC';
+	filters?: object;
+	comparators?: object;
+	search?: string | null;
+	/** Set by paging/sorting: keeps the current columns (and their visibility) as they are. */
+	isTablePageSwitched?: boolean;
+	uncached?: boolean;
+}
+
+/** The parts of POST /table/rows/find the table view reads, beyond the store's common fields. */
+export interface TableRowsFullResponse extends TableRowsResponse {
+	identity_column?: string;
+	action_events: CustomEvent[];
+	table_settings: {
+		list_fields: string[];
+		columns_view?: string[] | null;
+		ordering_field?: string | null;
+		ordering?: string | null;
+	};
+	columns_view?: string[] | null;
+	allow_csv_export: boolean;
+	allow_csv_import: boolean;
+	can_delete: boolean;
+	sortable_by: string[];
+	configured?: boolean;
+	large_dataset?: boolean;
+}
+
+export interface PrimaryColumn {
+	column_name: string;
+	data_type?: string;
+}
+
+export function createTableDataState() {
+	return {
+		rows: [] as TableDataRow[],
+		loading: false,
+		/** 0-based page of `rows`, the page last requested. */
+		pageIndex: 0,
+		pageSize: 30,
+		total: 0,
+		structure: null as TableField[] | null,
+		keyAttributes: [] as PrimaryColumn[],
+		columns: [] as TableColumnState[],
+		dataColumns: [] as string[],
+		dataNormalizedColumns: {} as Record<string, string>,
+		displayedColumns: [] as string[],
+		displayedDataColumns: [] as string[],
+		sortByColumns: [] as string[],
+		/** undefined until the first response, like Angular's never-assigned field. */
+		defaultSort: undefined as { column: string; direction: 'asc' | 'desc' } | null | undefined,
+		foreignKeysList: [] as string[],
+		foreignKeys: {} as Record<string, TableForeignKey>,
+		widgetsList: [] as string[],
+		widgets: {} as Record<string, WidgetStructure>,
+		widgetsCount: 0,
+		tableTypes: {} as Record<string, string>,
+		relatedRecords: { referenced_on_column_name: '', referenced_by: [] } as RelatedRecords | null,
+		isExportAllowed: false,
+		isImportAllowed: false,
+		canDelete: false,
+		isEmptyTable: false,
+		tableActions: [] as CustomEvent[],
+		tableBulkActions: [] as CustomEvent[],
+		largeDataset: false,
+		identityColumn: undefined as string | undefined,
+		alert_primaryKeysInfo: null as Alert | null,
+		alert_settingsInfo: null as Alert | null,
+		alert_widgetsWarning: null as Alert | null,
+	};
+}
+
+export type TableDataState = ReturnType<typeof createTableDataState>;
+
+/** One cell per column of the structure, formatted for display (dates, booleans, JSON). */
+export function formatRow(row: TableDataRow, columns: Map<string, TableField>): TableDataRow {
+	const rowToFormat: TableDataRow = {};
+	for (const [columnName, columnStructure] of columns) {
+		let type = '';
+		if (['number', 'tinyint'].includes(columnStructure.data_type) && columnStructure.character_maximum_length === 1) {
+			type = 'boolean';
+		} else type = columnStructure.data_type;
+		rowToFormat[columnName] = formatFieldValue(row[columnName], type);
+	}
+	return rowToFormat;
+}
+
+/** Widgets keyed by column, `widget_params` parsed with JSON5 (`{}` when unparseable). */
+export function parseWidgets(widgets: Widget[]): Record<string, WidgetStructure> {
+	return Object.assign(
+		{},
+		...widgets.map((widget) => {
+			let parsedParams: Record<string, unknown>;
+			try {
+				parsedParams = JSON5.parse(widget.widget_params);
+			} catch {
+				parsedParams = {};
+			}
+			return { [widget.field_name]: { ...widget, widget_params: parsedParams } };
+		}),
+	);
+}
+
+/** Foreign keys keyed by their column. */
+export function keyForeignKeys(foreignKeys: TableForeignKey[]): Record<string, TableForeignKey> {
+	return Object.assign({}, ...foreignKeys.map((foreignKey) => ({ [foreignKey.column_name]: foreignKey })));
+}
+
+export function useTableData() {
+	const tables = useTablesStore();
+	const tableRow = useTableRowStore();
+	const state = reactive(createTableDataState());
+	let requestId = 0;
+
+	/** A row's primary key; a foreign-key column contributes its referenced value. */
+	function primaryKeyOf(row: TableDataRow, keyAttributes: PrimaryColumn[] = state.keyAttributes) {
+		return Object.fromEntries(
+			keyAttributes.map((column) => {
+				if (state.foreignKeysList.includes(column.column_name)) {
+					const referenced = state.foreignKeys[column.column_name]?.referenced_column_name ?? '';
+					const cell = row[column.column_name] as Record<string, unknown> | null | undefined;
+					return [column.column_name, cell?.[referenced]];
+				}
+				return [column.column_name, row[column.column_name]];
+			}),
+		);
+	}
+
+	async function fetchRows({
+		connectionID,
+		tableName,
+		requstedPage,
+		pageSize,
+		sortColumn,
+		sortOrder,
+		filters,
+		comparators,
+		search,
+		isTablePageSwitched,
+		uncached,
+	}: RowsParams): Promise<void> {
+		const id = ++requestId;
+		state.loading = true;
+		state.alert_primaryKeysInfo = null;
+		state.alert_settingsInfo = null;
+		state.alert_widgetsWarning = null;
+
+		let res: TableRowsFullResponse | null;
+		try {
+			res = await tables.fetchTable<TableRowsFullResponse>({
+				connectionID,
+				tableName,
+				requstedPage: (requstedPage ?? 0) + 1 || 1,
+				chunkSize: pageSize || 30,
+				sortColumn,
+				sortOrder,
+				filters,
+				comparators,
+				search: search ?? undefined,
+				uncached,
+			});
+		} catch {
+			// The store already showed the error; Angular swallowed it the same way.
+			if (id === requestId) state.loading = false;
+			return;
+		}
+		// A newer request (another page, another table) owns the state now.
+		if (id !== requestId) return;
+		state.loading = false;
+		if (!res) return;
+
+		applyResponse(res, { connectionID, tableName, isTablePageSwitched });
+		state.pageIndex = requstedPage ?? 0;
+		state.pageSize = res.pagination?.perPage ?? (pageSize || 30);
+		state.total = res.pagination?.total ?? 0;
+	}
+
+	function applyResponse(
+		res: TableRowsFullResponse,
+		{
+			connectionID,
+			tableName,
+			isTablePageSwitched,
+		}: Pick<RowsParams, 'connectionID' | 'tableName' | 'isTablePageSwitched'>,
+	): void {
+		if (res.rows?.length) {
+			const firstRow = res.rows[0] ?? {};
+			state.foreignKeysList = res.foreignKeys.map((field) => field.column_name);
+			state.foreignKeys = keyForeignKeys(res.foreignKeys);
+
+			const keys = primaryKeyOf(firstRow, res.primaryColumns);
+			tableRow
+				.fetchTableRow<{ referenced_table_names_and_columns: RelatedRecords[] }>(
+					connectionID,
+					tableName,
+					keys as RowKeyParams,
+				)
+				.then((row) => {
+					state.relatedRecords = row.referenced_table_names_and_columns[0] ?? null;
+				})
+				.catch(() => {});
+		}
+
+		state.structure = [...res.structure];
+		const columns = res.structure.reduce((items, item) => {
+			items.set(item.column_name, item);
+			return items;
+		}, new Map<string, TableField>());
+
+		if (res.rows) {
+			state.isEmptyTable = res.rows.length === 0;
+			state.rows = res.rows.map((row) => formatRow(row, columns));
+		} else {
+			state.isEmptyTable = true;
+		}
+		state.keyAttributes = res.primaryColumns;
+		state.identityColumn = res.identity_column;
+		state.tableActions = res.action_events;
+		state.tableBulkActions = res.action_events.filter((action) => action.type === CustomActionType.Multiple);
+
+		if (res.widgets) {
+			state.widgetsList = res.widgets.map((widget) => widget.field_name);
+			state.widgetsCount = state.widgetsList.length;
+			state.widgets = parseWidgets(res.widgets);
+		}
+
+		state.tableTypes = getTableTypes(res.structure, state.foreignKeysList);
+
+		const settings = res.table_settings;
+		let orderedColumns: TableField[];
+		if (settings.list_fields.length) {
+			orderedColumns = [...res.structure].sort(
+				(fieldA, fieldB) =>
+					settings.list_fields.indexOf(fieldA.column_name) - settings.list_fields.indexOf(fieldB.column_name),
+			);
+		} else {
+			orderedColumns = [...res.structure];
+		}
+
+		if (isTablePageSwitched === undefined) {
+			const normalizedTitle = (column: string) => state.widgets[column]?.name || normalizeFieldName(column);
+			state.columns = orderedColumns
+				.filter((item) => item.isExcluded === false)
+				.map((item, index) => {
+					let selected: boolean;
+					if (settings.columns_view && settings.columns_view.length !== 0) {
+						selected = settings.columns_view.includes(item.column_name);
+					} else if (res.columns_view && res.columns_view.length !== 0) {
+						selected = res.columns_view.includes(item.column_name);
+					} else {
+						selected = index < 6;
+					}
+					return { title: item.column_name, normalizedTitle: normalizedTitle(item.column_name), selected };
+				});
+		}
+
+		state.dataColumns = state.columns.map((column) => column.title);
+		state.dataNormalizedColumns = state.columns.reduce<Record<string, string>>((normalizedColumns, column) => {
+			normalizedColumns[column.title] = column.normalizedTitle;
+			return normalizedColumns;
+		}, {});
+		state.displayedDataColumns = state.columns.filter((column) => column.selected).map((column) => column.title);
+		if (state.keyAttributes.length) {
+			state.displayedColumns = ['select', ...state.displayedDataColumns, 'actions'];
+		} else {
+			state.displayedColumns = [...state.displayedDataColumns];
+			state.alert_primaryKeysInfo = {
+				id: 10000,
+				type: AlertType.Info,
+				message: 'Add primary keys through your database to be able to work with the table rows.',
+				actions: [{ type: AlertActionType.Anchor, caption: 'Instruction', to: 'https://docs.rocketadmin.com/' }],
+			};
+		}
+
+		state.isExportAllowed = res.allow_csv_export;
+		state.isImportAllowed = res.allow_csv_import;
+		state.canDelete = res.can_delete;
+		state.sortByColumns = res.sortable_by;
+
+		// Only a default sort when both ordering_field and ordering are present.
+		if (settings.ordering_field && settings.ordering) {
+			state.defaultSort = {
+				column: settings.ordering_field,
+				direction: settings.ordering.toLowerCase() as 'asc' | 'desc',
+			};
+		} else {
+			state.defaultSort = null;
+		}
+
+		const widgetsConfigured = res.widgets?.length;
+		if (!res.configured && !widgetsConfigured) {
+			state.alert_settingsInfo = {
+				id: 10001,
+				type: AlertType.Info,
+				message: 'Configure now to reveal advanced table functionality and features.',
+				actions: [
+					{ type: AlertActionType.Link, caption: 'Configure all', to: `/auto-configure/${connectionID}` },
+					{ type: AlertActionType.Link, caption: 'Settings', to: 'settings' },
+					{ type: AlertActionType.Link, caption: 'Fields display', to: 'widgets' },
+				],
+			};
+		}
+
+		state.largeDataset = !!res.large_dataset;
+	}
+
+	/** After a column's checkbox changed: recompute the visible columns (changleColumnList). */
+	function changeColumnList(): void {
+		state.displayedDataColumns = state.columns.filter((column) => column.selected).map((column) => column.title);
+		if (state.keyAttributes.length) {
+			state.displayedColumns = ['select', ...state.displayedDataColumns, 'actions'];
+		} else {
+			state.displayedColumns = [...state.displayedDataColumns];
+		}
+	}
+
+	/** The row's primary key as entry-page query params; `'dub'` adds `action=dub` (duplicate). */
+	function getQueryParams(row: TableDataRow, action?: 'dub'): Record<string, unknown> {
+		const params = primaryKeyOf(row);
+		return action === 'dub' ? { ...params, action: 'dub' } : params;
+	}
+
+	return Object.assign(state, { fetchRows, changeColumnList, getQueryParams });
+}
+
+export type TableData = ReturnType<typeof useTableData>;
diff --git a/frontend-vue/src/composables/useTableFolders.spec.ts b/frontend-vue/src/composables/useTableFolders.spec.ts
new file mode 100644
index 000000000..fc2ed32fb
--- /dev/null
+++ b/frontend-vue/src/composables/useTableFolders.spec.ts
@@ -0,0 +1,171 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { ref } from 'vue';
+import type { TableProperties } from '@/models/table';
+import type { ConnectionSettingsUI } from '@/models/ui-settings';
+import type { TableFolder } from '@/stores/tables';
+import { ALL_TABLES_FOLDER_ID, useTableFolders } from './useTableFolders';
+
+const tables = vi.hoisted(() => ({ updateTablesFolders: vi.fn() }));
+const uiSettings = vi.hoisted(() => ({ updateConnectionSetting: vi.fn() }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/ui-settings', () => ({ useUiSettingsStore: () => uiSettings }));
+
+const permissions = { visibility: true, readonly: false, add: true, delete: true, edit: true };
+const table = (name: string, display_name?: string): TableProperties => ({
+	table: name,
+	display_name,
+	normalizedTableName: display_name ?? name,
+	permissions,
+});
+
+const all = [table('users'), table('orders'), table('order_items', 'Line items'), table('products')];
+
+function setup(folders: TableFolder[], settings: Partial<ConnectionSettingsUI> | null = null, selected = 'users') {
+	const tableFolders = ref<TableFolder[] | null>(folders);
+	const state = useTableFolders({
+		connectionID: 'conn',
+		tableFolders,
+		uiSettings: settings as ConnectionSettingsUI | null,
+		selectedTable: selected,
+	});
+	state.init();
+	return state;
+}
+
+const onlyAll: TableFolder[] = [{ category_id: ALL_TABLES_FOLDER_ID, category_name: 'All tables', tables: all }];
+const withSales: TableFolder[] = [
+	...onlyAll,
+	{
+		category_id: 'sales',
+		category_name: 'Sales',
+		category_color: '#4CAF50',
+		tables: [table('orders'), table('order_items', 'Line items')],
+	},
+];
+
+describe('useTableFolders', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		tables.updateTablesFolders.mockResolvedValue([]);
+	});
+
+	it('builds the folders from the categories and keeps "All tables" open without custom folders', () => {
+		const state = setup(onlyAll, { tableFoldersExpanded: [] });
+		expect(state.folders).toEqual([
+			{
+				id: ALL_TABLES_FOLDER_ID,
+				name: 'All tables',
+				expanded: true,
+				tableIds: ['users', 'orders', 'order_items', 'products'],
+				iconColor: undefined,
+			},
+		]);
+		expect(state.hasCustomFolders()).toBe(false);
+		// It can't be collapsed either.
+		state.toggleFolder(ALL_TABLES_FOLDER_ID);
+		expect(state.folders[0]?.expanded).toBe(true);
+		expect(uiSettings.updateConnectionSetting).not.toHaveBeenCalled();
+	});
+
+	it('expands the folders the UI settings remember and saves toggles there', () => {
+		const state = setup(withSales, { tableFoldersExpanded: ['sales'] });
+		expect(state.folders.map((folder) => folder.expanded)).toEqual([false, true]);
+		state.toggleFolder(ALL_TABLES_FOLDER_ID);
+		expect(uiSettings.updateConnectionSetting).toHaveBeenCalledWith('conn', 'tableFoldersExpanded', [
+			ALL_TABLES_FOLDER_ID,
+			'sales',
+		]);
+	});
+
+	it('searches by name, display name and normalized name, expanding matching folders and restoring them after', () => {
+		const state = setup(withSales, { tableFoldersExpanded: [ALL_TABLES_FOLDER_ID] });
+		state.substringToSearch = 'line';
+		state.searchSubstring();
+		expect(state.foundTables.map((found) => found.table)).toEqual(['order_items']);
+		expect(state.folders.map((folder) => folder.expanded)).toEqual([true, true]);
+		expect(state.getFolderTables(state.folders[1] ?? state.folders[0]!).map((found) => found.table)).toEqual([
+			'order_items',
+		]);
+
+		state.substringToSearch = 'nothing-like-this';
+		state.searchSubstring();
+		expect(state.foundTables).toEqual([]);
+		expect(state.shouldShowFolder(state.folders[0]!)).toBe(false);
+
+		state.substringToSearch = '';
+		state.searchSubstring();
+		expect(state.folders.map((folder) => folder.expanded)).toEqual([true, false]);
+		expect(state.foundTables).toHaveLength(4);
+	});
+
+	it('adds, replaces and removes folders, saving the categories each time', () => {
+		vi.spyOn(Date, 'now').mockReturnValue(1234);
+		const state = setup(onlyAll);
+		state.onAddFolder();
+		expect(state.folders[1]).toEqual({ id: '1234', name: 'Folder 1', expanded: true, tableIds: [], isEmpty: true });
+		expect(tables.updateTablesFolders).toHaveBeenLastCalledWith('conn', [
+			{
+				category_id: ALL_TABLES_FOLDER_ID,
+				category_name: 'All tables',
+				category_color: undefined,
+				tables: ['users', 'orders', 'order_items', 'products'],
+			},
+			{ category_id: '1234', category_name: 'Folder 1', category_color: undefined, tables: [] },
+		]);
+
+		state.replaceFolder({ id: '1234', name: 'Mine', expanded: true, tableIds: ['users'], iconColor: '#2196F3' });
+		expect(tables.updateTablesFolders).toHaveBeenLastCalledWith('conn', [
+			expect.objectContaining({ category_id: ALL_TABLES_FOLDER_ID }),
+			{ category_id: '1234', category_name: 'Mine', category_color: '#2196F3', tables: ['users'] },
+		]);
+
+		state.removeFolder('1234');
+		expect(state.folders).toHaveLength(1);
+		expect(tables.updateTablesFolders).toHaveBeenCalledTimes(3);
+		vi.restoreAllMocks();
+	});
+
+	it('drops a dragged table into a folder once, at the drop position', () => {
+		const state = setup(withSales);
+		const sales = state.folders[1]!;
+		state.onTableDragStart(new Event('dragstart') as DragEvent, table('users'));
+		state.dropTable(sales, 1);
+		expect(sales.tableIds).toEqual(['orders', 'users', 'order_items']);
+		expect(tables.updateTablesFolders).toHaveBeenCalledTimes(1);
+		expect(state.draggedTable).toBeNull();
+
+		state.onTableDragStart(new Event('dragstart') as DragEvent, table('orders'));
+		state.dropTable(sales);
+		expect(sales.tableIds).toEqual(['orders', 'users', 'order_items']);
+		expect(tables.updateTablesFolders).toHaveBeenCalledTimes(1);
+	});
+
+	it('reorders a folder and only allows it for editors in the expanded sidebar without a search', () => {
+		const state = setup(withSales);
+		const sales = state.folders[1]!;
+		state.reorderFolder(sales, ['order_items', 'orders']);
+		expect(sales.tableIds).toEqual(['order_items', 'orders']);
+		state.reorderFolder(sales, ['order_items', 'orders']);
+		expect(tables.updateTablesFolders).toHaveBeenCalledTimes(1);
+
+		expect(state.isReorderingEnabled(true, false)).toBe(true);
+		expect(state.isReorderingEnabled(false, false)).toBe(false);
+		expect(state.isReorderingEnabled(true, true)).toBe(false);
+		state.substringToSearch = 'x';
+		expect(state.isReorderingEnabled(true, false)).toBe(false);
+	});
+
+	it('opens the collapsed rail on the folder holding the selected table', () => {
+		const state = setup(withSales, { tableFoldersExpanded: ['sales'] }, 'orders');
+		state.onCollapsedChange(true);
+		state.onCollapsedChange(false);
+		expect(state.currentCollapsedFolder?.id).toBe(ALL_TABLES_FOLDER_ID);
+		expect(state.showCollapsedTableList).toBe(true);
+
+		state.onCollapsedFolderClick(state.folders[1]!);
+		expect(state.getCollapsedTableList().map((found) => found.table)).toEqual(['orders', 'order_items']);
+		state.onCollapsedFolderClick(state.folders[1]!);
+		expect(state.showCollapsedTableList).toBe(false);
+		expect(state.getCollapsedTableList()).toEqual([]);
+	});
+});
diff --git a/frontend-vue/src/composables/useTableFolders.ts b/frontend-vue/src/composables/useTableFolders.ts
new file mode 100644
index 000000000..77610bf1a
--- /dev/null
+++ b/frontend-vue/src/composables/useTableFolders.ts
@@ -0,0 +1,331 @@
+// The logic of db-tables-list (DbTablesListComponent): the sidebar's table folders — expand and
+// collapse (remembered in the UI settings), search, add/edit/delete, drag a table into a folder,
+// reorder tables inside one — and the collapsed sidebar's folder rail. Every change to the folders
+// is saved through PUT /table-categories.
+import { computed, type MaybeRefOrGetter, reactive, ref, toValue } from 'vue';
+import { normalizeTableName } from '@/lib/normalize';
+import type { TableCategory } from '@/models/connection';
+import type { TableProperties } from '@/models/table';
+import type { ConnectionSettingsUI } from '@/models/ui-settings';
+import { type TableFolder, useTablesStore } from '@/stores/tables';
+import { useUiSettingsStore } from '@/stores/ui-settings';
+
+/** The folder that lists every table. */
+export const ALL_TABLES_FOLDER_ID = 'all-tables-kitten';
+
+export interface Folder {
+	id: string;
+	name: string;
+	expanded: boolean;
+	tableIds: string[];
+	iconColor?: string;
+	/** A folder just added, with no tables yet: shows the "Add or drag and drop tables" prompt. */
+	isEmpty?: boolean;
+}
+
+export interface TableFoldersOptions {
+	connectionID: MaybeRefOrGetter<string>;
+	tableFolders: MaybeRefOrGetter<TableFolder[] | null>;
+	uiSettings: MaybeRefOrGetter<ConnectionSettingsUI | null | undefined>;
+	selectedTable: MaybeRefOrGetter<string | null | undefined>;
+}
+
+function matches(table: TableProperties, searchTerm: string): boolean {
+	return (
+		table.table.toLowerCase().includes(searchTerm) ||
+		!!table.display_name?.toLowerCase().includes(searchTerm) ||
+		!!table.normalizedTableName?.toLowerCase().includes(searchTerm)
+	);
+}
+
+export function useTableFolders(options: TableFoldersOptions) {
+	const tablesStore = useTablesStore();
+	const uiSettingsStore = useUiSettingsStore();
+
+	const folders = ref<Folder[]>([]);
+	const substringToSearch = ref('');
+	const foundTables = ref<TableProperties[]>([]);
+	const draggedTable = ref<TableProperties | null>(null);
+	const dragOverFolder = ref<string | null>(null);
+	const showCollapsedTableList = ref(false);
+	const currentCollapsedFolder = ref<Folder | null>(null);
+
+	let preservedFolderStates: Record<string, boolean> = {};
+	let preservedActiveFolder: string | null = null;
+	let preSearchFolderStates: Record<string, boolean> | null = null;
+
+	const allTables = computed<TableProperties[]>(
+		() => toValue(options.tableFolders)?.find((folder) => folder.category_id === ALL_TABLES_FOLDER_ID)?.tables || [],
+	);
+
+	const isSearching = () => substringToSearch.value.trim() !== '';
+
+	/** ngOnInit: folders from the API categories, expanded as the UI settings remember. */
+	function init(): void {
+		const tableFolders = toValue(options.tableFolders) ?? [];
+		foundTables.value =
+			tableFolders
+				.find((folder) => folder.category_id === ALL_TABLES_FOLDER_ID)
+				?.tables.map((table) => ({
+					table: table.table,
+					display_name: table.display_name,
+					normalizedTableName: normalizeTableName(table.table),
+					permissions: table.permissions,
+				})) ?? [];
+		folders.value = tableFolders.map((category) => ({
+			id: category.category_id,
+			name: category.category_name,
+			expanded: category.category_id === ALL_TABLES_FOLDER_ID,
+			tableIds: category.tables.map((table) => table.table),
+			iconColor: category.category_color,
+		}));
+
+		const expandedFolders = toValue(options.uiSettings)?.tableFoldersExpanded || ['0'];
+		if (expandedFolders.length > 0) {
+			for (const folder of folders.value) folder.expanded = expandedFolders.includes(folder.id);
+		}
+		// Without custom folders, "All tables" is always expanded.
+		if (!hasCustomFolders()) {
+			const all = folders.value.find((folder) => folder.id === ALL_TABLES_FOLDER_ID);
+			if (all) all.expanded = true;
+		}
+	}
+
+	function hasCustomFolders(): boolean {
+		return folders.value.some((folder) => folder.id !== ALL_TABLES_FOLDER_ID);
+	}
+
+	/** Tables of a folder in its own order, narrowed by the search. */
+	function getFolderTables(folder: Folder): TableProperties[] {
+		const byName = new Map(allTables.value.map((table) => [table.table, table]));
+		const folderTables = folder.tableIds
+			.map((tableId) => byName.get(tableId))
+			.filter((table): table is TableProperties => !!table);
+		if (isSearching()) {
+			const searchTerm = substringToSearch.value.toLowerCase();
+			return folderTables.filter((table) => matches(table, searchTerm));
+		}
+		return folderTables;
+	}
+
+	function shouldShowFolder(folder: Folder): boolean {
+		if (!isSearching()) return true;
+		return getFolderTables(folder).length > 0;
+	}
+
+	/** Search: expands the folders with matches, and restores their states once cleared. */
+	function searchSubstring(): void {
+		if (!isSearching()) {
+			foundTables.value = allTables.value;
+			if (preSearchFolderStates) {
+				for (const folder of folders.value) {
+					const expanded = preSearchFolderStates[folder.id];
+					if (expanded !== undefined) folder.expanded = expanded;
+				}
+				preSearchFolderStates = null;
+			}
+			return;
+		}
+		if (!preSearchFolderStates) {
+			preSearchFolderStates = {};
+			for (const folder of folders.value) preSearchFolderStates[folder.id] = folder.expanded;
+		}
+		const searchTerm = substringToSearch.value.toLowerCase();
+		foundTables.value = allTables.value.filter((table) => matches(table, searchTerm));
+		for (const folder of folders.value) {
+			folder.expanded = getFolderTables(folder).some((table) =>
+				foundTables.value.some((found) => found.table === table.table),
+			);
+		}
+	}
+
+	function toggleFolder(folderId: string): void {
+		const folder = folders.value.find((candidate) => candidate.id === folderId);
+		if (!folder) return;
+		// "All tables" can't be collapsed while it is the only folder.
+		if (folder.id === ALL_TABLES_FOLDER_ID && folder.expanded && !hasCustomFolders()) return;
+		folder.expanded = !folder.expanded;
+		const expandedFolders = folders.value.filter((candidate) => candidate.expanded).map((candidate) => candidate.id);
+		uiSettingsStore.updateConnectionSetting(toValue(options.connectionID), 'tableFoldersExpanded', expandedFolders);
+	}
+
+	function onAddFolder(): void {
+		folders.value.push({
+			id: Date.now().toString(),
+			name: `Folder ${folders.value.length}`,
+			expanded: true,
+			tableIds: [],
+			isEmpty: true,
+		});
+		saveFolders();
+	}
+
+	function removeFolder(folderId: string): void {
+		const index = folders.value.findIndex((folder) => folder.id === folderId);
+		if (index > -1) {
+			folders.value.splice(index, 1);
+			saveFolders();
+		}
+	}
+
+	/** The edit dialog's result replaces the folder. */
+	function replaceFolder(result: Folder): void {
+		const index = folders.value.findIndex((folder) => folder.id === result.id);
+		if (index !== -1) {
+			folders.value[index] = result;
+			saveFolders();
+		}
+	}
+
+	/** Collapsed rail: clicking the open folder closes its table list, another opens it. */
+	function onCollapsedFolderClick(folder: Folder): void {
+		if (currentCollapsedFolder.value?.id === folder.id) {
+			showCollapsedTableList.value = false;
+			currentCollapsedFolder.value = null;
+		} else {
+			showCollapsedTableList.value = true;
+			currentCollapsedFolder.value = folder;
+		}
+	}
+
+	function getCollapsedTableList(): TableProperties[] {
+		return currentCollapsedFolder.value ? getFolderTables(currentCollapsedFolder.value) : [];
+	}
+
+	/** The `collapsed` input changed (ngOnChanges): remember the folder states, or restore them. */
+	function onCollapsedChange(collapsed: boolean): void {
+		if (collapsed) preserveFolderStates();
+		else restoreFolderStates();
+	}
+
+	function preserveFolderStates(): void {
+		for (const folder of folders.value) preservedFolderStates[folder.id] = folder.expanded;
+		if (!hasCustomFolders()) {
+			const all = folders.value.find((folder) => folder.id === ALL_TABLES_FOLDER_ID);
+			if (all) {
+				preservedFolderStates[all.id] = true;
+				preservedActiveFolder = all.id;
+			}
+		} else {
+			const selected = toValue(options.selectedTable);
+			const active = selected ? folders.value.find((folder) => folder.tableIds.includes(selected)) : undefined;
+			preservedActiveFolder = active ? active.id : null;
+		}
+	}
+
+	function restoreFolderStates(): void {
+		if (!hasCustomFolders()) {
+			const all = folders.value.find((folder) => folder.id === ALL_TABLES_FOLDER_ID);
+			if (all) {
+				all.expanded = true;
+				currentCollapsedFolder.value = all;
+				showCollapsedTableList.value = true;
+				return;
+			}
+		}
+		for (const folder of folders.value) {
+			const expanded = preservedFolderStates[folder.id];
+			if (expanded !== undefined) folder.expanded = expanded;
+		}
+		if (Object.values(preservedFolderStates).some((expanded) => expanded)) {
+			let target: Folder | undefined;
+			if (preservedActiveFolder) target = folders.value.find((folder) => folder.id === preservedActiveFolder);
+			if (!target) target = folders.value.find((folder) => preservedFolderStates[folder.id]);
+			if (target) {
+				currentCollapsedFolder.value = target;
+				showCollapsedTableList.value = true;
+			}
+		}
+	}
+
+	/** Reordering tables inside a folder: only for editors, in the expanded sidebar, without a search. */
+	function isReorderingEnabled(canEdit: boolean, collapsed: boolean): boolean {
+		return canEdit && !collapsed && !isSearching();
+	}
+
+	/** A folder's tables after a drag within it. */
+	function reorderFolder(folder: Folder, tableIds: string[]): void {
+		if (tableIds.join('\u0000') === folder.tableIds.join('\u0000')) return;
+		folder.tableIds = tableIds;
+		saveFolders();
+	}
+
+	function onTableDragStart(event: DragEvent, table: TableProperties): void {
+		draggedTable.value = table;
+		if (event.dataTransfer) {
+			event.dataTransfer.effectAllowed = 'move';
+			event.dataTransfer.setData('text/plain', table.table);
+		}
+	}
+
+	function onTableDragEnd(): void {
+		draggedTable.value = null;
+		dragOverFolder.value = null;
+	}
+
+	function onFolderDragOver(event: DragEvent, folderId: string): void {
+		event.preventDefault();
+		if (event.dataTransfer) event.dataTransfer.dropEffect = 'move';
+		dragOverFolder.value = folderId;
+	}
+
+	function onFolderDragLeave(event: DragEvent): void {
+		// Only when actually leaving the folder, not moving onto one of its children.
+		const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();
+		const { clientX: x, clientY: y } = event;
+		if (x < rect.left || x > rect.right || y < rect.top || y > rect.bottom) dragOverFolder.value = null;
+	}
+
+	/** A table dropped on a folder, at `insertIndex` (the end when omitted); a table already in it stays put. */
+	function dropTable(folder: Folder, insertIndex: number = folder.tableIds.length): void {
+		const table = draggedTable.value;
+		if (table) {
+			if (folder.tableIds.includes(table.table)) return;
+			folder.tableIds.splice(insertIndex, 0, table.table);
+			if (folder.isEmpty) folder.isEmpty = false;
+			saveFolders();
+		}
+		draggedTable.value = null;
+		dragOverFolder.value = null;
+	}
+
+	function saveFolders(): void {
+		const categories: TableCategory[] = folders.value.map((folder) => ({
+			category_id: folder.id,
+			category_name: folder.name,
+			category_color: folder.iconColor,
+			tables: folder.tableIds,
+		}));
+		tablesStore.updateTablesFolders(toValue(options.connectionID), categories).catch(() => {});
+	}
+
+	return reactive({
+		folders,
+		substringToSearch,
+		foundTables,
+		draggedTable,
+		dragOverFolder,
+		showCollapsedTableList,
+		currentCollapsedFolder,
+		allTables,
+		init,
+		hasCustomFolders,
+		getFolderTables,
+		shouldShowFolder,
+		searchSubstring,
+		toggleFolder,
+		onAddFolder,
+		removeFolder,
+		replaceFolder,
+		onCollapsedFolderClick,
+		getCollapsedTableList,
+		onCollapsedChange,
+		isReorderingEnabled,
+		reorderFolder,
+		onTableDragStart,
+		onTableDragEnd,
+		onFolderDragOver,
+		onFolderDragLeave,
+		dropTable,
+	});
+}
diff --git a/frontend-vue/src/composables/useTableRules.spec.ts b/frontend-vue/src/composables/useTableRules.spec.ts
new file mode 100644
index 000000000..803871a74
--- /dev/null
+++ b/frontend-vue/src/composables/useTableRules.spec.ts
@@ -0,0 +1,265 @@
+import { flushPromises } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { type EffectScope, effectScope } from 'vue';
+import ActionDeleteDialog from '@/components/table/ActionDeleteDialog.vue';
+import { tableEvents } from '@/lib/table-events';
+import { CustomActionMethod, EventType } from '@/models/table';
+import { type EditableRule, useTableRules } from './useTableRules';
+
+const tables = vi.hoisted(() => ({ fetchRules: vi.fn(), saveRule: vi.fn(), updateRule: vi.fn() }));
+const dialog = vi.hoisted(() => ({ open: vi.fn() }));
+const trackTableEvent = vi.hoisted(() => vi.fn());
+
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/composables/useDialog', () => ({ useDialog: () => dialog }));
+vi.mock('@/components/table/analytics', () => ({ trackTableEvent }));
+
+function rule(title: string, overrides: Partial<EditableRule> = {}): EditableRule {
+	return { id: '', title, table_name: 'user', events: [], table_actions: [], ...overrides };
+}
+
+let scope: EffectScope | null = null;
+
+/** Inside an effect scope, so the `ruleDeleted` subscription ends with the test. */
+function setup() {
+	scope = effectScope();
+	const rules = scope.run(() => useTableRules({ connectionId: '12345678', tableName: 'users' }));
+	if (!rules) throw new Error('useTableRules() returned nothing');
+	return rules;
+}
+
+afterEach(() => {
+	scope?.stop();
+	scope = null;
+});
+
+describe('useTableRules', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		tables.fetchRules.mockResolvedValue({ action_rules: [], display_name: 'Test Table' });
+	});
+
+	it('loads the rules and selects the first one, adding the trailing trigger placeholder', async () => {
+		tables.fetchRules.mockResolvedValue({
+			action_rules: [rule('rule 1', { id: 'r1', events: [{ event: EventType.AddRow }] })],
+			display_name: 'People',
+		});
+		const rules = setup();
+		await rules.load();
+
+		expect(tables.fetchRules).toHaveBeenCalledWith('12345678', 'users');
+		expect(rules.selectedRule.value?.title).toBe('rule 1');
+		expect(rules.selectedRule.value?.events).toEqual([{ event: EventType.AddRow }, { event: null }]);
+		expect(rules.selectedEvents.value).toEqual([EventType.AddRow, null]);
+		expect(document.title).toBe('People - Actions | Rocketadmin');
+	});
+
+	it('shows nothing when the rules cannot be loaded', async () => {
+		tables.fetchRules.mockRejectedValue(new Error('nope'));
+		const rules = setup();
+		await rules.load();
+		expect(rules.rulesData.value).toBeNull();
+	});
+
+	it('sets the selected rule and its title', () => {
+		const rules = setup();
+		const selected = rule('rule 1', { id: 'rule_12345678', events: [{ event: null }] });
+		rules.setSelectedRule(selected);
+		expect(rules.selectedRule.value).toEqual(selected);
+		expect(rules.selectedRuleTitle.value).toBe('rule 1');
+		expect(rules.isCreationMode.value).toBe(false);
+	});
+
+	it('starts a new rule with a URL action', async () => {
+		const rules = setup();
+		await rules.load();
+		rules.addNewRule();
+
+		expect(rules.newRule.value).toEqual({
+			id: '',
+			title: '',
+			table_name: 'users',
+			events: [{ event: null }],
+			table_actions: [{ method: CustomActionMethod.URL, emails: [], url: '' }],
+		});
+		expect(rules.rules.value).toHaveLength(1);
+		expect(rules.isCreationMode.value).toBe(true);
+	});
+
+	it('rejects an empty or duplicate name for a new rule', () => {
+		const rules = setup();
+		rules.newRule.value = rule('');
+		rules.handleAddNewRule();
+		expect(rules.actionNameError.value).toBe('The name cannot be empty.');
+
+		rules.rules.value = [rule('rule 1')];
+		rules.newRule.value = rule('rule 1');
+		rules.handleAddNewRule();
+		expect(rules.actionNameError.value).toBe('You already have an action with this name.');
+	});
+
+	it('adds a named new rule to the list and selects it', () => {
+		const rules = setup();
+		rules.rules.value = [rule('rule 1', { id: 'rule_12345678' })];
+		rules.newRule.value = rule('rule 2');
+
+		rules.handleAddNewRule();
+
+		expect(rules.selectedRule.value).toEqual(rule('rule 2'));
+		expect(rules.selectedRuleTitle.value).toBe('rule 2');
+		expect(rules.rules.value).toEqual([rule('rule 1', { id: 'rule_12345678' }), rule('rule 2')]);
+		expect(rules.newRule.value).toBeNull();
+	});
+
+	it('undoing a new rule drops it and selects the first remaining one', async () => {
+		const existing = rule('rule 1', { id: 'r1', events: [{ event: null }] });
+		tables.fetchRules.mockResolvedValue({ action_rules: [existing] });
+		const rules = setup();
+		await rules.load();
+		rules.addNewRule();
+
+		rules.undoRule();
+
+		expect(rules.rules.value?.map((r) => r.title)).toEqual(['rule 1']);
+		expect(rules.selectedRule.value?.title).toBe('rule 1');
+		expect(rules.newRule.value).toBeNull();
+		expect(rules.isCreationMode.value).toBe(false);
+	});
+
+	it('undoing the only rule leaves nothing selected', () => {
+		const rules = setup();
+		rules.rules.value = [];
+		rules.addNewRule();
+		rules.undoRule();
+		expect(rules.selectedRule.value).toBeNull();
+		expect(rules.rules.value).toEqual([]);
+	});
+
+	it('removes an unsaved rule locally, and asks before deleting a saved one', () => {
+		const rules = setup();
+		const second = rule('rule 2', { events: [{ event: null }] });
+		rules.rules.value = [rule('rule 1', { events: [{ event: null }] }), second];
+		rules.setSelectedRule(rules.rules.value[0] as EditableRule);
+
+		rules.handleRemoveRule();
+		expect(rules.rules.value.map((r) => r.title)).toEqual(['rule 2']);
+		expect(rules.selectedRule.value?.title).toBe('rule 2');
+		expect(dialog.open).not.toHaveBeenCalled();
+
+		const saved = rule('rule 3', { id: 'rule_3', events: [{ event: null }] });
+		rules.setSelectedRule(saved);
+		rules.handleRemoveRule();
+		expect(dialog.open).toHaveBeenCalledWith(ActionDeleteDialog, {
+			data: { connectionID: '12345678', tableName: 'users', rule: saved },
+		});
+	});
+
+	it('toggles triggers; the custom trigger brings its button settings', () => {
+		const rules = setup();
+		rules.setSelectedRule(rule('r', { events: [{ event: null }] }));
+
+		rules.toggleTriggerTile(EventType.UpdateRow);
+		rules.toggleTriggerTile(EventType.Custom);
+		expect(rules.selectedEvents.value).toEqual([null, EventType.UpdateRow, EventType.Custom]);
+		expect(rules.selectedRule.value?.events).toEqual([
+			{ event: EventType.UpdateRow },
+			{ event: EventType.Custom },
+			{ event: null },
+		]);
+		expect(rules.selectedRuleCustomEvent.value).toEqual({
+			event: EventType.Custom,
+			title: '',
+			type: 'single',
+			icon: '',
+			require_confirmation: false,
+		});
+		expect(rules.hasTriggersSelected.value).toBe(true);
+
+		rules.toggleTriggerTile(EventType.Custom);
+		expect(rules.selectedRuleCustomEvent.value).toBeNull();
+		expect(rules.selectedRule.value?.events).toEqual([{ event: EventType.UpdateRow }, { event: null }]);
+	});
+
+	it('reports what is missing instead of saving an incomplete rule', async () => {
+		const rules = setup();
+		rules.setSelectedRule(
+			rule('', { events: [{ event: null }], table_actions: [{ method: CustomActionMethod.URL, emails: [], url: '' }] }),
+		);
+		expect(await rules.handleRuleSubmitting()).toBe('title');
+
+		rules.setTitle('Notify');
+		expect(await rules.handleRuleSubmitting()).toBe('trigger');
+
+		rules.toggleTriggerTile(EventType.AddRow);
+		expect(await rules.handleRuleSubmitting()).toBe('url');
+
+		rules.selectActionMethod('EMAIL');
+		expect(await rules.handleRuleSubmitting()).toBe('emails');
+
+		rules.selectActionMethod('SLACK');
+		expect(await rules.handleRuleSubmitting()).toBe('slack');
+		expect(tables.saveRule).not.toHaveBeenCalled();
+	});
+
+	it('saves a new rule without the placeholder, merging the custom button, then reselects it', async () => {
+		tables.saveRule.mockResolvedValue({ id: 'new-id', title: 'Ping' });
+		const rules = setup();
+		await rules.load();
+		rules.addNewRule();
+		rules.setTitle('Ping');
+		rules.toggleTriggerTile(EventType.Custom);
+		rules.updateIcon('bolt');
+		const action = rules.selectedRule.value?.table_actions[0];
+		if (action) action.url = 'https://hook.test';
+		const saved = rule('Ping', { id: 'new-id', events: [{ event: EventType.Custom }] });
+		tables.fetchRules.mockResolvedValue({ action_rules: [saved] });
+
+		expect(await rules.handleRuleSubmitting()).toBeNull();
+		await flushPromises();
+
+		expect(tables.saveRule).toHaveBeenCalledWith(
+			'12345678',
+			'users',
+			expect.objectContaining({
+				title: 'Ping',
+				events: [{ event: EventType.Custom, title: '', type: 'single', icon: 'bolt', require_confirmation: false }],
+			}),
+		);
+		expect(trackTableEvent).toHaveBeenCalledWith('Rules: rule is saved successfully');
+		expect(rules.selectedRule.value?.id).toBe('new-id');
+		expect(rules.isSaved.value).toBe(true);
+		expect(rules.submitting.value).toBe(false);
+	});
+
+	it('updates a saved rule', async () => {
+		tables.updateRule.mockResolvedValue({ id: 'r1', title: 'Hook' });
+		const rules = setup();
+		rules.setSelectedRule(
+			rule('Hook', {
+				id: 'r1',
+				events: [{ event: EventType.DeleteRow }],
+				table_actions: [{ method: CustomActionMethod.URL, emails: [], url: 'https://x.test' }],
+			}),
+		);
+
+		await rules.handleRuleSubmitting();
+
+		expect(tables.updateRule).toHaveBeenCalledWith(
+			'12345678',
+			'users',
+			expect.objectContaining({ id: 'r1', events: [{ event: EventType.DeleteRow }] }),
+		);
+	});
+
+	it('reloads the rules when one is deleted', async () => {
+		const rules = setup();
+		await rules.load();
+		tables.fetchRules.mockClear();
+
+		tableEvents.emit('ruleDeleted', { connectionID: '12345678', tableName: 'users', ruleId: 'r1' });
+		await flushPromises();
+
+		expect(tables.fetchRules).toHaveBeenCalledTimes(1);
+		expect(rules.rulesData.value).toEqual({ action_rules: [], display_name: 'Test Table' });
+	});
+});
diff --git a/frontend-vue/src/composables/useTableRules.ts b/frontend-vue/src/composables/useTableRules.ts
new file mode 100644
index 000000000..cdc722dea
--- /dev/null
+++ b/frontend-vue/src/composables/useTableRules.ts
@@ -0,0 +1,361 @@
+// The logic of frontend/src/app/components/dashboard/db-table-view/db-table-actions (the table's
+// "Automations" page): the table's rules, the one being edited, its triggers (add / update / delete
+// row, or a custom button) and its action (URL webhook, email or Slack).
+//
+// As in Angular, the rule being edited is the same object as its entry in `rules`, and its events
+// keep a trailing `{ event: null }` placeholder (the old one-select-per-trigger form needed it);
+// placeholders are dropped before saving.
+import { computed, type MaybeRefOrGetter, ref, toRaw, toValue } from 'vue';
+import ActionDeleteDialog from '@/components/table/ActionDeleteDialog.vue';
+import { trackTableEvent } from '@/components/table/analytics';
+import { useDialog } from '@/composables/useDialog';
+import { normalizeTableName } from '@/lib/normalize';
+import { onTableEvent } from '@/lib/table-events';
+import {
+	type CustomAction,
+	CustomActionMethod,
+	CustomActionType,
+	type CustomEvent,
+	EventType,
+	type Rule,
+} from '@/models/table';
+import { useTablesStore } from '@/stores/tables';
+
+/** An event of the rule being edited; `event: null` is the trailing placeholder. */
+export type RuleEvent = { event: EventType | null } & Partial<Omit<CustomEvent, 'event'>>;
+
+/** A rule as the page edits it (events may hold the placeholder). */
+export interface EditableRule extends Omit<Rule, 'events'> {
+	events: RuleEvent[];
+}
+
+export interface RulesData {
+	table_name?: string;
+	display_name?: string;
+	action_rules: EditableRule[];
+}
+
+/** What is missing when the rule cannot be saved yet; the page points the user at it. */
+export type RuleProblem = 'title' | 'trigger' | 'url' | 'emails' | 'slack';
+
+export const AVAILABLE_EVENTS = [
+	{ value: EventType.AddRow, label: 'Add row' },
+	{ value: EventType.UpdateRow, label: 'Update row' },
+	{ value: EventType.DeleteRow, label: 'Delete row' },
+	{ value: EventType.Custom, label: 'Custom' },
+];
+
+export interface UseTableRulesOptions {
+	connectionId: MaybeRefOrGetter<string>;
+	tableName: MaybeRefOrGetter<string>;
+}
+
+export function useTableRules({ connectionId, tableName }: UseTableRulesOptions) {
+	const tables = useTablesStore();
+	const dialog = useDialog();
+
+	/** undefined while loading, null when the rules could not be loaded. */
+	const rulesData = ref<RulesData | null | undefined>(undefined);
+	const rules = ref<EditableRule[] | null>(null);
+	const selectedRule = ref<EditableRule | null>(null);
+	const selectedRuleCustomEvent = ref<RuleEvent | null>(null);
+	const selectedRuleTitle = ref('');
+	const newRule = ref<EditableRule | null>(null);
+	const actionNameError = ref<string | null>(null);
+	const selectedEvents = ref<(EventType | null)[]>([]);
+	const submitting = ref(false);
+	const isSaved = ref(false);
+	const isCreationMode = ref(false);
+
+	const normalizedTableName = computed(() => normalizeTableName(toValue(tableName)));
+	const displayTableName = computed(() => rulesData.value?.display_name || normalizedTableName.value);
+	const hasTriggersSelected = computed(() => selectedRule.value?.events.some((e) => e.event !== null) ?? false);
+	const saveDisabledReason = computed(() => {
+		if (!selectedRuleTitle.value) return 'Enter automation name';
+		if (!hasTriggersSelected.value) return 'Select at least one trigger';
+		return '';
+	});
+	/** The method of the rule's (only) action, upper-cased as the toggle values are. */
+	const actionMethod = computed(() => String(selectedRule.value?.table_actions[0]?.method ?? ''));
+
+	onTableEvent('ruleDeleted', async () => {
+		try {
+			await refreshRules();
+		} catch {
+			// Reported by the store.
+		}
+	});
+
+	async function load(): Promise<void> {
+		try {
+			const data = await getRules();
+			rulesData.value = data;
+			rules.value = data.action_rules;
+			const first = rules.value[0];
+			if (first) setSelectedRule(first);
+			document.title = `${displayTableName.value} - Actions | Rocketadmin`;
+		} catch {
+			rulesData.value = null;
+		}
+	}
+
+	async function refreshRules(selectId?: string): Promise<void> {
+		const data = await getRules();
+		rulesData.value = data;
+		rules.value = data.action_rules;
+		const current = selectId ? rules.value.find((rule) => rule.id === selectId) : rules.value[0];
+		if (current) setSelectedRule(current);
+	}
+
+	function setSelectedRule(rule: EditableRule): void {
+		selectedRule.value = rule;
+		const current = selectedRule.value;
+		selectedRuleTitle.value = rule.title;
+		isCreationMode.value = !rule.id;
+		if (current.events[current.events.length - 1]?.event !== null) current.events.push({ event: null });
+		selectedEvents.value = current.events.map((event) => event.event);
+		selectedRuleCustomEvent.value = current.events.find((event) => event.event === EventType.Custom) ?? null;
+	}
+
+	function switchRulesView(rule: EditableRule): void {
+		setSelectedRule(rule);
+	}
+
+	function updateIcon(icon: string | null): void {
+		if (selectedRuleCustomEvent.value) selectedRuleCustomEvent.value.icon = icon ?? '';
+	}
+
+	function setCustomEventType(type: string): void {
+		if (selectedRuleCustomEvent.value) selectedRuleCustomEvent.value.type = type as CustomActionType;
+		isSaved.value = false;
+	}
+
+	function setTitle(title: string): void {
+		selectedRuleTitle.value = title;
+		if (isCreationMode.value && selectedRule.value) selectedRule.value.title = title;
+	}
+
+	function addNewRule(): void {
+		newRule.value = {
+			id: '',
+			title: '',
+			table_name: toValue(tableName),
+			events: [{ event: null }],
+			table_actions: [{ method: CustomActionMethod.URL, emails: [], url: '' }],
+		};
+		rules.value = [...(rules.value ?? []), newRule.value];
+		setSelectedRule(newRule.value);
+		isCreationMode.value = true;
+	}
+
+	/** The name-first flow of the older page: validates the new rule's name, then lists it. */
+	function handleAddNewRule(): void {
+		actionNameError.value = null;
+		const rule = newRule.value;
+		if (!rule) return;
+		if (rule.title === '') {
+			actionNameError.value = 'The name cannot be empty.';
+			return;
+		}
+		if ((rules.value ?? []).some((existing) => existing.title === rule.title)) {
+			actionNameError.value = 'You already have an action with this name.';
+			return;
+		}
+		selectedRule.value = { ...rule };
+		selectedRuleTitle.value = rule.title;
+		rules.value = [...(rules.value ?? []), selectedRule.value];
+		newRule.value = null;
+		isCreationMode.value = false;
+	}
+
+	function undoRule(): void {
+		const unsaved = newRule.value ? toRaw(newRule.value) : null;
+		if (unsaved) rules.value = (rules.value ?? []).filter((rule) => toRaw(rule) !== unsaved);
+		newRule.value = null;
+		isCreationMode.value = false;
+		selectFirstOrNothing();
+	}
+
+	function handleRemoveRule(): void {
+		const rule = selectedRule.value;
+		if (!rule) return;
+		if (rule.id) {
+			openDeleteRuleDialog();
+		} else {
+			removeRuleFromLocalList(rule.title);
+		}
+	}
+
+	function removeRuleFromLocalList(ruleTitle: string): void {
+		rules.value = (rules.value ?? []).filter((rule) => rule.title !== ruleTitle);
+		selectFirstOrNothing();
+	}
+
+	function openDeleteRuleDialog(): void {
+		dialog.open(ActionDeleteDialog, {
+			data: { connectionID: toValue(connectionId), tableName: toValue(tableName), rule: selectedRule.value },
+		});
+	}
+
+	function toggleTriggerTile(eventType: EventType): void {
+		const rule = selectedRule.value;
+		if (!rule) return;
+		isSaved.value = false;
+		if (selectedEvents.value.includes(eventType)) {
+			rule.events = rule.events.filter((e) => e.event !== eventType);
+			selectedEvents.value = selectedEvents.value.filter((e) => e !== eventType);
+			if (eventType === EventType.Custom) selectedRuleCustomEvent.value = null;
+		} else {
+			rule.events = rule.events.filter((e) => e.event !== null);
+			rule.events.push({ event: eventType });
+			selectedEvents.value.push(eventType);
+			if (eventType === EventType.Custom) {
+				selectedRuleCustomEvent.value = {
+					event: EventType.Custom,
+					title: '',
+					type: CustomActionType.Single,
+					icon: '',
+					require_confirmation: false,
+				};
+			}
+		}
+		// Keep the trailing placeholder.
+		if (rule.events[rule.events.length - 1]?.event !== null) rule.events.push({ event: null });
+	}
+
+	function selectActionMethod(method: string): void {
+		isSaved.value = false;
+		const action = selectedRule.value?.table_actions[0];
+		if (action) action.method = method as CustomActionMethod;
+	}
+
+	/** What the rule still lacks before it can be saved, or null when it is complete. */
+	function findProblem(): RuleProblem | null {
+		if (!selectedRuleTitle.value) return 'title';
+		if (!hasTriggersSelected.value) return 'trigger';
+		const action: CustomAction | undefined = selectedRule.value?.table_actions[0];
+		if (action) {
+			const method = String(action.method).toUpperCase();
+			if (method === 'URL' && !action.url) return 'url';
+			if (method === 'EMAIL' && !action.emails?.length) return 'emails';
+			if (method === 'SLACK' && !action.slack_url) return 'slack';
+		}
+		return null;
+	}
+
+	/** Saves the rule (create or update). Returns what is missing instead when it is incomplete. */
+	async function handleRuleSubmitting(): Promise<RuleProblem | null> {
+		const problem = findProblem();
+		if (problem) return problem;
+		if (selectedRule.value?.id) {
+			await updateRule();
+		} else {
+			await addRule();
+		}
+		return null;
+	}
+
+	async function addRule(): Promise<void> {
+		const rule = prepareSelectedRule();
+		if (!rule) return;
+		newRule.value = null;
+		submitting.value = true;
+		try {
+			const res = await tables.saveRule(toValue(connectionId), toValue(tableName), rule);
+			trackTableEvent('Rules: rule is saved successfully');
+			await afterSave(res.id);
+		} catch {
+			// Reported by the store.
+		} finally {
+			submitting.value = false;
+		}
+	}
+
+	async function updateRule(): Promise<void> {
+		const rule = prepareSelectedRule();
+		if (!rule) return;
+		submitting.value = true;
+		try {
+			const res = await tables.updateRule(toValue(connectionId), toValue(tableName), rule);
+			await afterSave(res.id);
+		} catch {
+			// Reported by the store.
+		} finally {
+			submitting.value = false;
+		}
+	}
+
+	/** Drops the placeholders and merges the custom button's settings into its event. */
+	function prepareSelectedRule(): Rule | null {
+		const rule = selectedRule.value;
+		if (!rule) return null;
+		if (selectedRuleTitle.value) rule.title = selectedRuleTitle.value;
+		rule.events = rule.events
+			.filter((event) => event.event !== null)
+			.map((event) =>
+				event.event === EventType.Custom
+					? { ...event, ...selectedRuleCustomEvent.value, event: EventType.Custom }
+					: event,
+			);
+		return rule as Rule;
+	}
+
+	async function afterSave(id: string | undefined): Promise<void> {
+		submitting.value = false;
+		try {
+			await refreshRules(id);
+			isSaved.value = true;
+		} catch {
+			// Reported by the store.
+		}
+	}
+
+	function selectFirstOrNothing(): void {
+		const first = rules.value?.[0];
+		if (first) {
+			setSelectedRule(first);
+		} else {
+			selectedRule.value = null;
+		}
+	}
+
+	function getRules(): Promise<RulesData> {
+		return tables.fetchRules(toValue(connectionId), toValue(tableName)) as Promise<RulesData>;
+	}
+
+	return {
+		rulesData,
+		rules,
+		selectedRule,
+		selectedRuleCustomEvent,
+		selectedRuleTitle,
+		newRule,
+		actionNameError,
+		selectedEvents,
+		submitting,
+		isSaved,
+		isCreationMode,
+		displayTableName,
+		hasTriggersSelected,
+		saveDisabledReason,
+		actionMethod,
+		load,
+		setSelectedRule,
+		switchRulesView,
+		updateIcon,
+		setCustomEventType,
+		setTitle,
+		addNewRule,
+		handleAddNewRule,
+		undoRule,
+		handleRemoveRule,
+		removeRuleFromLocalList,
+		openDeleteRuleDialog,
+		toggleTriggerTile,
+		selectActionMethod,
+		findProblem,
+		handleRuleSubmitting,
+		addRule,
+		updateRule,
+	};
+}
diff --git a/frontend-vue/src/lib/markdown.ts b/frontend-vue/src/lib/markdown.ts
index ddb255159..c812e48b3 100644
--- a/frontend-vue/src/lib/markdown.ts
+++ b/frontend-vue/src/lib/markdown.ts
@@ -8,3 +8,44 @@ export function renderMarkdown(source: string, options: { inline?: boolean } = {
 		: (marked.parse(source, { async: false, gfm: true }) as string);
 	return DOMPurify.sanitize(html);
 }
+
+// Mermaid diagrams (```mermaid fences), the ngx-markdown `mermaid` attribute the AI panel used. The
+// library is ~1 MB, so it is imported on the first diagram, never at startup.
+type Mermaid = typeof import('mermaid')['default'];
+
+let mermaidLoader: Promise<Mermaid> | null = null;
+
+/**
+ * Loads and initializes mermaid once. Angular picked `dark` under `prefers-color-scheme: dark`; this
+ * app has no dark theme yet (see theme.css), so diagrams use the default theme to match the page.
+ */
+export function loadMermaid(): Promise<Mermaid> {
+	mermaidLoader ??= import('mermaid').then(({ default: mermaid }) => {
+		mermaid.initialize({ startOnLoad: false, theme: 'default' });
+		return mermaid;
+	});
+	return mermaidLoader;
+}
+
+/** How `renderMarkdown` emits a ```mermaid fence. */
+const MERMAID_BLOCK = 'pre > code.language-mermaid';
+
+/**
+ * Swaps every ```mermaid code block inside `root` (HTML from `renderMarkdown`) for the rendered
+ * diagram. Mermaid's default `securityLevel: 'strict'` sanitizes the diagram labels. A source that
+ * fails to parse (a half-streamed AI answer) stays as its text; resolves without loading mermaid
+ * when there is no diagram.
+ */
+export async function renderMermaidBlocks(root: HTMLElement): Promise<void> {
+	const blocks = Array.from(root.querySelectorAll<HTMLElement>(MERMAID_BLOCK));
+	if (!blocks.length) return;
+	const nodes = blocks.map((code) => {
+		const container = document.createElement('div');
+		container.className = 'mermaid';
+		container.textContent = code.textContent ?? '';
+		(code.parentElement ?? code).replaceWith(container);
+		return container;
+	});
+	const mermaid = await loadMermaid();
+	await mermaid.run({ nodes, suppressErrors: true });
+}
diff --git a/frontend-vue/src/lib/password-strength.spec.ts b/frontend-vue/src/lib/password-strength.spec.ts
new file mode 100644
index 000000000..970ab6e69
--- /dev/null
+++ b/frontend-vue/src/lib/password-strength.spec.ts
@@ -0,0 +1,18 @@
+import { describe, expect, it } from 'vitest';
+import { loadPasswordScorer } from './password-strength';
+
+describe('loadPasswordScorer', () => {
+	it('scores with zxcvbn-ts and its English feedback', async () => {
+		const scorer = await loadPasswordScorer();
+
+		const weak = scorer.check('password');
+		expect(weak.score).toBe(0);
+		expect(weak.feedback.warning).toBeTruthy();
+
+		expect(scorer.check('correct-Horse-battery-st4ple-92!').score).toBe(4);
+	});
+
+	it('loads once', () => {
+		expect(loadPasswordScorer()).toBe(loadPasswordScorer());
+	});
+});
diff --git a/frontend-vue/src/lib/password-strength.ts b/frontend-vue/src/lib/password-strength.ts
new file mode 100644
index 000000000..e106d1be8
--- /dev/null
+++ b/frontend-vue/src/lib/password-strength.ts
@@ -0,0 +1,53 @@
+// The password scorer behind PasswordStrength (replaces angular-password-strength-meter's zxcvbn
+// service). zxcvbn-ts and its dictionaries are ~1 MB, so they load on first use, off the main bundle.
+//
+// Deviation: the Angular provider configured zxcvbn with the English translations only; this one
+// also loads the common and English dictionaries (zxcvbn-ts' recommended setup), so dictionary
+// words score lower. The meter is informational — form validity still comes from passwordValidation.
+
+export interface PasswordFeedback {
+	warning: string | null;
+	suggestions: string[];
+}
+
+export interface PasswordScore {
+	/** 0 (too guessable) … 4 (very unguessable). */
+	score: number;
+	feedback: PasswordFeedback;
+}
+
+export interface PasswordScorer {
+	check(password: string): PasswordScore;
+}
+
+let scorer: Promise<PasswordScorer> | null = null;
+
+export function loadPasswordScorer(): Promise<PasswordScorer> {
+	scorer ??= createScorer().catch((error: unknown) => {
+		scorer = null;
+		throw error;
+	});
+	return scorer;
+}
+
+async function createScorer(): Promise<PasswordScorer> {
+	const [{ ZxcvbnFactory }, common, en] = await Promise.all([
+		import('@zxcvbn-ts/core'),
+		import('@zxcvbn-ts/language-common'),
+		import('@zxcvbn-ts/language-en'),
+	]);
+	const zxcvbn = new ZxcvbnFactory({
+		dictionary: { ...common.dictionary, ...en.dictionary },
+		graphs: common.adjacencyGraphs,
+		translations: en.translations,
+	});
+	return {
+		check(password) {
+			const result = zxcvbn.check(password);
+			return {
+				score: result.score,
+				feedback: { warning: result.feedback.warning, suggestions: result.feedback.suggestions },
+			};
+		},
+	};
+}
diff --git a/frontend-vue/src/lib/table-query.spec.ts b/frontend-vue/src/lib/table-query.spec.ts
new file mode 100644
index 000000000..08e1d9334
--- /dev/null
+++ b/frontend-vue/src/lib/table-query.spec.ts
@@ -0,0 +1,99 @@
+import { describe, expect, it } from 'vitest';
+import {
+	buildFilters,
+	clearedFiltersQuery,
+	filtersQuery,
+	parseJsonUrl,
+	parseTableQuery,
+	searchQuery,
+	sortPageQuery,
+	toSortOrder,
+} from './table-query';
+
+describe('table-query', () => {
+	it('reads the table state from the URL as the dashboard did', () => {
+		const state = parseTableQuery({
+			filters: '(age:(gt:20),name:(startswith:A))',
+			page_index: '2',
+			page_size: '100',
+			sort_active: 'name',
+			sort_direction: 'DESC',
+			search: 'john',
+			uncached: 'true',
+			saved_filter: 'f1',
+			dynamic_column: '(column_name:age,comparator:gt)',
+		});
+		expect(state).toEqual({
+			filters: { age: { gt: 20 }, name: { startswith: 'A' } },
+			comparators: { age: 'gt', name: 'startswith' },
+			pageIndex: 2,
+			pageSize: 100,
+			sortActive: 'name',
+			sortDirection: 'DESC',
+			search: 'john',
+			uncached: true,
+			savedFilter: 'f1',
+			dynamicColumn: '(column_name:age,comparator:gt)',
+		});
+	});
+
+	it('defaults to the first page of 30 rows, unfiltered and unsorted', () => {
+		expect(parseTableQuery({})).toMatchObject({
+			filters: undefined,
+			comparators: {},
+			pageIndex: 0,
+			pageSize: 30,
+			sortActive: undefined,
+			uncached: false,
+		});
+	});
+
+	it('ignores malformed filters instead of throwing', () => {
+		expect(parseJsonUrl('(a:(eq:x y))')).toBeUndefined();
+	});
+
+	it('writes sort and page changes with the filters and saved filter, direction uppercased', () => {
+		expect(
+			sortPageQuery({
+				filters: { name: { eq: 'Ann' } },
+				savedFilter: 'f1',
+				dynamicColumn: undefined,
+				sortActive: 'name',
+				sortDirection: 'asc',
+				pageIndex: 1,
+				pageSize: 30,
+			}),
+		).toEqual({
+			filters: '(name:(eq:Ann))',
+			saved_filter: 'f1',
+			sort_active: 'name',
+			sort_direction: 'ASC',
+			page_index: '1',
+			page_size: '30',
+		});
+	});
+
+	it('resets to the first page for filters, cleared filters and search', () => {
+		expect(filtersQuery({ id: { eq: 5 } }, 100)).toEqual({ filters: '(id:(eq:5))', page_index: '0', page_size: '100' });
+		expect(filtersQuery({}, 30)).toEqual({ filters: '()', page_index: '0', page_size: '30' });
+		expect(clearedFiltersQuery(30)).toEqual({ page_index: '0', page_size: '30' });
+		expect(searchQuery('kenny', 30)).toEqual({ page_index: '0', page_size: '30', search: 'kenny' });
+		expect(searchQuery(null, 30)).toEqual({ page_index: '0', page_size: '30' });
+	});
+
+	it('builds URL filters from the dialog fields and comparators', () => {
+		expect(buildFilters({ name: 'A', age: 20, email: undefined }, { name: 'startswith', age: 'gt' })).toEqual({
+			name: { startswith: 'A' },
+			age: { gt: 20 },
+		});
+		expect(buildFilters({ name: 'A' }, {})).toEqual({});
+		expect(buildFilters({ name: undefined }, { name: 'eq' })).toBeNull();
+	});
+
+	it('maps any-case directions to the API sort order', () => {
+		expect(toSortOrder('asc')).toBe('ASC');
+		expect(toSortOrder('DESC')).toBe('DESC');
+		expect(toSortOrder('')).toBeUndefined();
+		expect(toSortOrder(undefined)).toBeUndefined();
+	});
+});
diff --git a/frontend-vue/src/lib/table-query.ts b/frontend-vue/src/lib/table-query.ts
new file mode 100644
index 000000000..681138bf8
--- /dev/null
+++ b/frontend-vue/src/lib/table-query.ts
@@ -0,0 +1,147 @@
+// The table view's state in the URL, as the Angular dashboard read and wrote it (it replaced
+// ngmat-table-query-reflector, which db-table-view declared but never actually imported).
+//
+// Query params of /dashboard/:connectionId/:tableName:
+//   filters        JsonURL of `{ [column]: { [comparator]: value } }`
+//   saved_filter   id of the selected saved ("fast") filter
+//   dynamic_column JsonURL of the saved filter's `{ column_name, comparator }`
+//   sort_active    sorted column
+//   sort_direction ASC | DESC (written uppercase; read case-insensitively)
+//   page_index     0-based page
+//   page_size      rows per page (default 30)
+//   search         search string
+//   uncached       'true' bypasses the server's rows cache (set by auto-configure)
+import JsonURL from '@jsonurl/jsonurl';
+import type { LocationQuery, LocationQueryRaw } from 'vue-router';
+import { getComparatorsFromUrl } from '@/lib/parse-filter-params';
+
+/** `{ [column]: { [comparator]: value } }` */
+export type TableFilters = Record<string, Record<string, unknown>>;
+
+export const DEFAULT_PAGE_SIZE = 30;
+
+export interface TableQueryState {
+	filters: TableFilters | undefined;
+	comparators: Record<string, string | undefined>;
+	pageIndex: number;
+	pageSize: number;
+	sortActive: string | undefined;
+	sortDirection: string | undefined;
+	search: string | undefined;
+	uncached: boolean;
+	savedFilter: string | undefined;
+	dynamicColumn: string | undefined;
+}
+
+/** The first value of a query param, or undefined. */
+export function queryValue(query: LocationQuery | LocationQueryRaw, key: string): string | undefined {
+	const raw = query[key];
+	const value = Array.isArray(raw) ? raw[0] : raw;
+	return value === null || value === undefined ? undefined : String(value);
+}
+
+/** JsonURL.parse that returns undefined for a missing or malformed value instead of throwing. */
+export function parseJsonUrl<T>(value: string | undefined): T | undefined {
+	if (!value) return undefined;
+	try {
+		return JsonURL.parse(value) as T;
+	} catch {
+		return undefined;
+	}
+}
+
+/** JsonURL.stringify; `undefined` for no filters, so the param is dropped. */
+export function stringifyJsonUrl(value: unknown): string | undefined {
+	if (value === undefined || value === null) return undefined;
+	return JsonURL.stringify(value) ?? undefined;
+}
+
+/** What DashboardComponent.setTable read from `route.snapshot.queryParams`. */
+export function parseTableQuery(query: LocationQuery): TableQueryState {
+	const filters = parseJsonUrl<TableFilters>(queryValue(query, 'filters'));
+	return {
+		filters,
+		comparators: getComparatorsFromUrl(filters ?? {}),
+		pageIndex: Number.parseInt(queryValue(query, 'page_index') ?? '', 10) || 0,
+		pageSize: Number.parseInt(queryValue(query, 'page_size') ?? '', 10) || DEFAULT_PAGE_SIZE,
+		sortActive: queryValue(query, 'sort_active'),
+		sortDirection: queryValue(query, 'sort_direction'),
+		search: queryValue(query, 'search'),
+		uncached: queryValue(query, 'uncached') === 'true',
+		savedFilter: queryValue(query, 'saved_filter'),
+		dynamicColumn: queryValue(query, 'dynamic_column'),
+	};
+}
+
+/** 'ASC' | 'DESC' for the API from any-case URL/sort values; undefined when unsorted. */
+export function toSortOrder(direction: string | undefined | null): 'ASC' | 'DESC' | undefined {
+	const upper = direction?.toUpperCase();
+	return upper === 'ASC' || upper === 'DESC' ? upper : undefined;
+}
+
+/** Drops undefined values, as Angular's router did for `queryParams` (an empty string stays). */
+function compact(query: Record<string, string | number | undefined>): LocationQueryRaw {
+	const result: LocationQueryRaw = {};
+	for (const [key, value] of Object.entries(query)) {
+		if (value !== undefined) result[key] = String(value);
+	}
+	return result;
+}
+
+/** Sort or page changed in the table view (DbTableViewComponent.ngAfterViewInit). */
+export function sortPageQuery(params: {
+	filters: TableFilters | undefined;
+	savedFilter: string | undefined;
+	dynamicColumn: string | undefined;
+	sortActive: string;
+	sortDirection: string;
+	pageIndex: number;
+	pageSize: number;
+}): LocationQueryRaw {
+	return compact({
+		filters: stringifyJsonUrl(params.filters),
+		saved_filter: params.savedFilter,
+		dynamic_column: params.dynamicColumn,
+		sort_active: params.sortActive,
+		sort_direction: params.sortDirection.toUpperCase(),
+		page_index: params.pageIndex,
+		page_size: params.pageSize,
+	});
+}
+
+/** Filters applied from the dialog or a chip removed: filters, first page, same page size. */
+export function filtersQuery(filters: TableFilters, pageSize: number): LocationQueryRaw {
+	return compact({ filters: stringifyJsonUrl(filters), page_index: 0, page_size: pageSize });
+}
+
+/** All filters cleared. */
+export function clearedFiltersQuery(pageSize: number): LocationQueryRaw {
+	return compact({ page_index: 0, page_size: pageSize });
+}
+
+/** A search submitted (or cleared, with an empty value). */
+export function searchQuery(search: string | null | undefined, pageSize: number): LocationQueryRaw {
+	return compact({ page_index: 0, page_size: pageSize, search: search ?? undefined });
+}
+
+/** Opening another table from the sidebar or the table switcher. */
+export const FIRST_PAGE_QUERY: Readonly<LocationQueryRaw> = Object.freeze({ page_index: '0', page_size: '30' });
+
+/**
+ * The dialog's raw `tableRowFieldsShown` + `tableRowFieldsComparator` as URL filters
+ * (DashboardComponent.openTableFilters): undefined values dropped, columns without a comparator
+ * skipped. Null when nothing is left, in which case Angular did nothing.
+ */
+export function buildFilters(
+	fields: Record<string, unknown>,
+	comparators: Record<string, string | undefined>,
+): TableFilters | null {
+	const keys = Object.keys(fields).filter((key) => fields[key] !== undefined);
+	if (!keys.length) return null;
+	const filters: TableFilters = {};
+	for (const key of keys) {
+		const comparator = comparators[key];
+		if (comparator !== undefined) filters[key] = { [comparator]: fields[key] };
+	}
+	return filters;
+}
diff --git a/frontend-vue/src/lib/table-view.spec.ts b/frontend-vue/src/lib/table-view.spec.ts
new file mode 100644
index 000000000..0f0ec88df
--- /dev/null
+++ b/frontend-vue/src/lib/table-view.spec.ts
@@ -0,0 +1,145 @@
+// Ports the helper cases of db-table-view.component.spec.ts.
+import { describe, expect, it } from 'vitest';
+import type { TableForeignKey, TableRow } from '@/models/table';
+import {
+	buildSelectionCsv,
+	getFilterLabel,
+	getFiltersCount,
+	getForeignKeyCellValue,
+	getForeignKeyQueryParams,
+	isForeignKeySelected,
+	isRowSelected,
+	moveColumn,
+	sortedColumns,
+	tableSwitcherGroups,
+	visibleFirstTitles,
+} from './table-view';
+
+const foreignKey: TableForeignKey = {
+	autocomplete_columns: ['FirstName'],
+	column_name: 'CustomerId',
+	column_default: undefined,
+	constraint_name: 'Orders_ibfk_2',
+	referenced_column_name: 'Id',
+	referenced_table_name: 'Customers',
+};
+
+function selected(overrides: Partial<TableRow>): TableRow {
+	return {
+		connectionID: 'c',
+		tableName: 'Customers',
+		record: {},
+		columnsOrder: [],
+		primaryKeys: { Id: 42 },
+		foreignKeys: {},
+		foreignKeysList: [],
+		widgets: {},
+		widgetsList: [],
+		fieldsTypes: {},
+		relatedRecords: null,
+		...overrides,
+	};
+}
+
+describe('table-view helpers', () => {
+	it('counts active filters, none while a saved filter is active', () => {
+		expect(getFiltersCount({ Country: 'С', Name: 'John' }, false)).toBe(2);
+		expect(getFiltersCount({ Country: 'С' }, true)).toBe(0);
+		expect(getFiltersCount(null, false)).toBe(0);
+	});
+
+	it.each([
+		['first_name', { startswith: 'A' }, 'First Names = A...'],
+		['second_name', { endswith: 'y' }, 'Second Names = ...y'],
+		['email', { contains: 'gmail' }, 'Emails = ...gmail...'],
+		['email', { icontains: 'gmail' }, 'Emails != ...gmail...'],
+		['email', { empty: '' }, "Emails = ' '"],
+		['age', { gt: '20' }, 'Ages > 20'],
+		['age', { lte: 3 }, 'Ages <= 3'],
+	])('labels the %s chip %o as "%s"', (key, value, label) => {
+		expect(getFilterLabel(key, value)).toBe(label);
+	});
+
+	it('returns query params for the foreign key link', () => {
+		expect(getForeignKeyQueryParams(foreignKey, { Id: 42 })).toEqual({ Id: 42 });
+	});
+
+	it('shows the referenced key when no identity field was sent', () => {
+		expect(getForeignKeyCellValue(foreignKey, { Id: 42 })).toBe(42);
+	});
+
+	it('shows the identity field when the API sent one', () => {
+		expect(getForeignKeyCellValue(foreignKey, { Id: 42, name: 'John' })).toBe('John');
+	});
+
+	it('returns null (not throw) for an empty foreign key cell', () => {
+		expect(getForeignKeyCellValue(foreignKey, null)).toBeNull();
+		expect(getForeignKeyCellValue(foreignKey, undefined)).toBeNull();
+	});
+
+	it('does not throw in isForeignKeySelected when the record is null', () => {
+		expect(isForeignKeySelected(null, 'foreignKey', null, foreignKey)).toBe(false);
+	});
+
+	it('marks the foreign key cell whose referenced row is open', () => {
+		const row = selected({ primaryKeys: { Id: 42 }, tableName: 'Customers' });
+		expect(isForeignKeySelected(row, 'foreignKey', { Id: 42 }, foreignKey)).toBe(true);
+		expect(isForeignKeySelected(row, 'record', { Id: 42 }, foreignKey)).toBe(false);
+		expect(isForeignKeySelected(row, 'foreignKey', { Id: 7 }, foreignKey)).toBe(false);
+	});
+
+	it('marks the row open as a record by its primary key', () => {
+		const row = selected({ primaryKeys: { id: 1 } });
+		expect(isRowSelected(row, 'record', { id: 1 })).toBe(true);
+		expect(isRowSelected(row, 'record', { id: 2 })).toBe(false);
+		expect(isRowSelected(row, 'foreignKey', { id: 1 })).toBe(false);
+		expect(isRowSelected(selected({ primaryKeys: {} }), 'record', {})).toBe(false);
+	});
+
+	it('exports the selection as CSV with quoting and foreign keys by their referenced value', () => {
+		const csv = buildSelectionCsv(
+			[
+				{ id: 1, name: 'Smith, John', note: 'say "hi"', CustomerId: { Id: 42, name: 'Ann' }, meta: { a: 1 } },
+				{ id: 2, name: null, note: 'line\nbreak', CustomerId: null, meta: undefined },
+			],
+			['id', 'name', 'note', 'CustomerId', 'meta'],
+			{ CustomerId: foreignKey },
+			['CustomerId'],
+		);
+		expect(csv).toBe(
+			['id,name,note,CustomerId,meta', '1,"Smith, John","say ""hi""",42,"{""a"":1}"', '2,,"line\nbreak",,'].join(
+				'\r\n',
+			),
+		);
+	});
+
+	it('orders the columns menu visible first and moves a dragged column', () => {
+		const columns = [
+			{ title: 'a', selected: false },
+			{ title: 'b', selected: true },
+			{ title: 'c', selected: true },
+		];
+		expect(sortedColumns(columns).map((column) => column.title)).toEqual(['b', 'c', 'a']);
+		// Drag "c" (position 1 in the menu) onto "b" (position 0).
+		expect(moveColumn(columns, 1, 0)).toBe(true);
+		expect(columns.map((column) => column.title)).toEqual(['a', 'c', 'b']);
+		expect(moveColumn(columns, 0, 0)).toBe(false);
+		expect(visibleFirstTitles(columns)).toEqual(['c', 'b', 'a']);
+	});
+
+	it('groups the mobile table switcher and filters it by the search', () => {
+		const table = (name: string, display?: string) => ({
+			table: name,
+			display_name: display,
+			permissions: { visibility: true, readonly: false, add: true, delete: true, edit: true },
+		});
+		const folders = [
+			{ category_id: 'all-tables-kitten', category_name: 'All tables', tables: [table('users'), table('orders')] },
+			{ category_id: 'f1', category_name: 'Sales', tables: [table('orders', 'Purchase orders')] },
+		];
+		expect(tableSwitcherGroups(folders, '').folders).toHaveLength(2);
+		const found = tableSwitcherGroups(folders, 'purchase');
+		expect(found.folders.map((folder) => folder.category_id)).toEqual(['f1']);
+		expect(found.uncategorized).toEqual([]);
+	});
+});
diff --git a/frontend-vue/src/lib/table-view.ts b/frontend-vue/src/lib/table-view.ts
new file mode 100644
index 000000000..01ecd4c04
--- /dev/null
+++ b/frontend-vue/src/lib/table-view.ts
@@ -0,0 +1,207 @@
+// The pure logic of db-table-view (DbTableViewComponent), pulled out of the component so it is
+// tested on its own: filter chip labels, foreign-key cells, the selected-row highlight, CSV export
+// of the selection, the columns menu order and the mobile table switcher's search.
+import { normalizeTableName } from '@/lib/normalize';
+import type { TableForeignKey, TableProperties, TableRow } from '@/models/table';
+
+export interface TableCategoryView {
+	category_id: string | null;
+	category_name: string;
+	category_color?: string;
+	tables: TableProperties[];
+}
+
+export const DISPLAYED_COMPARATORS: Record<string, string> = {
+	eq: '=',
+	gt: '>',
+	lt: '<',
+	gte: '>=',
+	lte: '<=',
+};
+
+/** The number of filter chips; none while a saved filter is active (it shows its own UI). */
+export function getFiltersCount(activeFilters: object | null | undefined, hasSavedFilterActive: boolean): number {
+	if (activeFilters && !hasSavedFilterActive) return Object.keys(activeFilters).length;
+	return 0;
+}
+
+/** The chip text of one active filter, e.g. `First Names = A...`. */
+export function getFilterLabel(key: string, value: Record<string, unknown>): string {
+	const displayedName = normalizeTableName(key);
+	const comparator = Object.keys(value)[0] ?? '';
+	const filterValue = Object.values(value)[0];
+	if (comparator === 'startswith') return `${displayedName} = ${filterValue}...`;
+	if (comparator === 'endswith') return `${displayedName} = ...${filterValue}`;
+	if (comparator === 'contains') return `${displayedName} = ...${filterValue}...`;
+	if (comparator === 'icontains') return `${displayedName} != ...${filterValue}...`;
+	if (comparator === 'empty') return `${displayedName} = ' '`;
+	return `${displayedName} ${DISPLAYED_COMPARATORS[comparator]} ${filterValue}`;
+}
+
+type Cell = Record<string, unknown> | null | undefined;
+
+/** What a foreign-key cell shows: the identity column when the API sent one, else the key. */
+export function getForeignKeyCellValue(foreignKey: TableForeignKey, cell: Cell): unknown {
+	if (cell == null) return null;
+	const identityColumnName = Object.keys(cell).find((key) => key !== foreignKey.referenced_column_name);
+	if (identityColumnName) return cell[identityColumnName];
+	return cell[foreignKey.referenced_column_name];
+}
+
+export function getForeignKeyQueryParams(foreignKey: TableForeignKey, cell: Record<string, unknown>) {
+	return { [foreignKey.referenced_column_name]: cell[foreignKey.referenced_column_name] };
+}
+
+export type SelectedRowType = 'record' | 'foreignKey';
+
+/** The row whose primary key is open in the side panel (as a record, not a foreign key). */
+export function isRowSelected(
+	selectedRow: TableRow | null,
+	selectedRowType: SelectedRowType,
+	primaryKeys: Record<string, unknown>,
+): boolean {
+	if (selectedRowType === 'record' && selectedRow && selectedRow.primaryKeys !== null) {
+		return (
+			Object.keys(selectedRow.primaryKeys).length > 0 &&
+			JSON.stringify(selectedRow.primaryKeys) === JSON.stringify(primaryKeys)
+		);
+	}
+	return false;
+}
+
+/** The foreign-key cell whose referenced row is open in the side panel. */
+export function isForeignKeySelected(
+	selectedRow: TableRow | null,
+	selectedRowType: SelectedRowType,
+	record: Cell,
+	foreignKey: TableForeignKey,
+): boolean {
+	if (record == null) return false;
+	const primaryKeyValue = record[foreignKey.referenced_column_name];
+	if (selectedRowType === 'foreignKey' && selectedRow && selectedRow.record !== null) {
+		return (
+			Object.values(selectedRow.primaryKeys ?? {})[0] === primaryKeyValue &&
+			selectedRow.tableName === foreignKey.referenced_table_name
+		);
+	}
+	return false;
+}
+
+function toCsvValue(input: unknown): string {
+	if (input === null || input === undefined) return '';
+	let value = input;
+	if (typeof value === 'object') {
+		try {
+			value = JSON.stringify(value);
+		} catch {
+			value = '[Object]';
+		}
+	}
+	const stringValue = String(value);
+	if (/[",\n\r]/.test(stringValue)) return `"${stringValue.replace(/"/g, '""')}"`;
+	return stringValue;
+}
+
+/**
+ * The selected rows as CSV (header row first, CRLF line ends), in the displayed column order; a
+ * foreign-key cell exports its referenced value.
+ */
+export function buildSelectionCsv(
+	rows: Record<string, unknown>[],
+	columns: string[],
+	foreignKeys: Record<string, TableForeignKey>,
+	foreignKeysList: string[],
+): string {
+	const lines = rows.map((row) =>
+		columns
+			.map((fieldName) => {
+				let value = row[fieldName];
+				if (foreignKeysList.includes(fieldName) && value && typeof value === 'object') {
+					const foreignKey = foreignKeys[fieldName];
+					if (foreignKey) value = (value as Record<string, unknown>)[foreignKey.referenced_column_name];
+				}
+				return toCsvValue(value);
+			})
+			.join(','),
+	);
+	lines.unshift(columns.map((header) => toCsvValue(header)).join(','));
+	return lines.join('\r\n');
+}
+
+/** Saves `csv` as `myFile.csv`, as the Angular export did. */
+export function downloadCsv(csv: string, fileName = 'myFile.csv'): void {
+	const a = document.createElement('a');
+	const blob = new Blob([csv], { type: 'text/csv' });
+	const url = window.URL.createObjectURL(blob);
+	a.href = url;
+	a.download = fileName;
+	a.click();
+	window.URL.revokeObjectURL(url);
+	a.remove();
+}
+
+/** The columns menu order: visible columns first, then hidden ones, each group in table order. */
+export function sortedColumns<C extends { selected: boolean }>(columns: C[]): C[] {
+	return [...columns].sort((a, b) => {
+		if (a.selected === b.selected) return 0;
+		return a.selected ? -1 : 1;
+	});
+}
+
+/**
+ * Moves a column dragged in the (visible-first) menu: indices are positions in `sortedColumns`,
+ * mapped back to the columns array, which is reordered in place. False when nothing moved.
+ */
+export function moveColumn<C extends { title: string; selected: boolean }>(
+	columns: C[],
+	previousIndex: number,
+	currentIndex: number,
+): boolean {
+	if (previousIndex === currentIndex) return false;
+	const sorted = sortedColumns(columns);
+	const dragged = sorted[previousIndex];
+	const target = sorted[currentIndex];
+	if (!dragged || !target) return false;
+	const from = columns.findIndex((column) => column.title === dragged.title);
+	const to = columns.findIndex((column) => column.title === target.title);
+	if (from === -1 || to === -1) return false;
+	const [moved] = columns.splice(from, 1);
+	if (moved) columns.splice(to, 0, moved);
+	return true;
+}
+
+/** The ordering the personal view settings store: visible columns first, then the hidden ones. */
+export function visibleFirstTitles(columns: { title: string; selected: boolean }[]): string[] {
+	return [...columns.filter((column) => column.selected), ...columns.filter((column) => !column.selected)].map(
+		(column) => column.title,
+	);
+}
+
+export function matchesTableQuery(table: TableProperties, query: string): boolean {
+	const haystack = [table.normalizedTableName, table.display_name, table.table].filter(Boolean).join(' ').toLowerCase();
+	return haystack.includes(query);
+}
+
+/**
+ * The mobile table switcher's groups. As in Angular, "all tables" is the folder with a null id,
+ * and every folder with an id is listed as a group (the API's "All tables" folder included).
+ */
+export function tableSwitcherGroups(tableFolders: TableCategoryView[] | null | undefined, search: string) {
+	const folders = (tableFolders ?? []).filter((category) => category.category_id !== null);
+	const allTables = (tableFolders ?? []).find((category) => category.category_id === null)?.tables ?? [];
+	const inFolders = new Set<string>();
+	for (const folder of folders) for (const table of folder.tables ?? []) inFolders.add(table.table);
+	const uncategorized = allTables.filter((table) => !inFolders.has(table.table));
+
+	const query = search.trim().toLowerCase();
+	if (!query) return { folders, uncategorized };
+	return {
+		folders: folders
+			.map((folder) => ({
+				...folder,
+				tables: (folder.tables ?? []).filter((table) => matchesTableQuery(table, query)),
+			}))
+			.filter((folder) => folder.tables.length > 0),
+		uncategorized: uncategorized.filter((table) => matchesTableQuery(table, query)),
+	};
+}
diff --git a/frontend-vue/src/main.ts b/frontend-vue/src/main.ts
index 350790090..14aef6090 100644
--- a/frontend-vue/src/main.ts
+++ b/frontend-vue/src/main.ts
@@ -12,6 +12,7 @@ import { createPinia } from 'pinia';
 import { createApp } from 'vue';
 import App from './App.vue';
 import { isApiError } from './api/client';
+import { vTooltip } from './components/ui';
 import { loadConfig } from './config';
 import { initMonitoring } from './lib/monitoring';
 import { router } from './router';
@@ -25,6 +26,7 @@ async function bootstrap() {
 	const app = createApp(App);
 	const pinia = createPinia();
 	app.use(pinia);
+	app.directive('tooltip', vTooltip);
 	initMonitoring(app, router);
 
 	// An awaited request that failed has already been shown to the user (see ApiError.notified);
diff --git a/frontend-vue/src/models/company.ts b/frontend-vue/src/models/company.ts
index 6541f2a8c..a7d2cd2f5 100644
--- a/frontend-vue/src/models/company.ts
+++ b/frontend-vue/src/models/company.ts
@@ -1,4 +1,4 @@
-import type { SubscriptionPlans, User, UserGroup } from './user';
+import type { RegistrationProvider, SubscriptionPlans, User, UserGroup } from './user';
 
 export interface Address {
 	street: string;
@@ -18,6 +18,8 @@ export interface CompanyConnection {
 	title: string;
 	author: User;
 	groups: UserGroup[];
+	/** The demo connections every company gets; listed last in the invite dialog's groups. */
+	isTestConnection?: boolean;
 }
 
 export interface Company {
@@ -51,6 +53,8 @@ export interface CompanyMember {
 	role: CompanyMemberRole;
 	has_groups: boolean;
 	user_membership: CompanyMembershipConnection[];
+	suspended?: boolean;
+	externalRegistrationProvider?: RegistrationProvider | null;
 }
 
 export enum CompanyMemberRole {
diff --git a/frontend-vue/src/models/table.ts b/frontend-vue/src/models/table.ts
index 607f1676f..0c2b578a2 100644
--- a/frontend-vue/src/models/table.ts
+++ b/frontend-vue/src/models/table.ts
@@ -55,22 +55,31 @@ export interface PersonalTableViewSettings {
 	// sortable_by: string[],
 }
 
+/** Where a row is referenced from — GET /table/row's `referenced_table_names_and_columns[0]`. */
+export interface RelatedRecords {
+	referenced_on_column_name: string;
+	referenced_by: { table_name: string; column_name: string; display_name?: string }[];
+}
+
+/**
+ * The row open in the table view's side panel (TableStateService.selectRow). Every field is null
+ * while a foreign-key row is being fetched: the panel then shows its loading skeleton.
+ */
 export interface TableRow {
-	connectionID: string;
-	tableName: string;
-	record: object;
-	columnsOrder: string[];
-	primaryKeys: object;
-	foreignKeys: TableForeignKey[];
-	foreignKeysList: string[];
-	widgets: Widget[];
-	widgetsList: string[];
-	fieldsTypes: { [key: string]: string };
-	relatedRecords: {
-		referenced_on_column_name: string;
-		referenced_by: [];
-	}[];
-	link?: string;
+	connectionID: string | null;
+	tableName: string | null;
+	record: Record<string, unknown> | null;
+	columnsOrder: string[] | null;
+	primaryKeys: Record<string, unknown> | null;
+	/** Keyed by column name. */
+	foreignKeys: Record<string, TableForeignKey> | null;
+	foreignKeysList: string[] | null;
+	/** Keyed by column name, `widget_params` parsed. */
+	widgets: Record<string, WidgetStructure> | null;
+	widgetsList: string[] | null;
+	fieldsTypes: { [key: string]: string } | null;
+	relatedRecords: RelatedRecords | null;
+	link?: string | null;
 }
 
 export interface TableField {
@@ -126,6 +135,8 @@ export interface CustomAction {
 	method: CustomActionMethod;
 	emails: string[];
 	url: string;
+	/** The Slack webhook, for the actions page's Slack method. */
+	slack_url?: string;
 }
 
 export enum EventType {
diff --git a/frontend-vue/src/router/routes.ts b/frontend-vue/src/router/routes.ts
index 009cbd159..03518636b 100644
--- a/frontend-vue/src/router/routes.ts
+++ b/frontend-vue/src/router/routes.ts
@@ -1,15 +1,54 @@
 // Every route of frontend/src/app/app-routing.module.ts, with the same paths, so bookmarks and
-// emailed links keep working. Pages not ported yet (Phase 3) render PendingView.
-import type { RouteRecordRaw } from 'vue-router';
+// emailed links keep working.
+import type { RouteComponent, RouteRecordRaw } from 'vue-router';
 
-const PendingView = () => import('@/views/PendingView.vue');
+type LazyView = () => Promise<RouteComponent | { default: RouteComponent }>;
 
-const page = (path: string, name: string, meta: RouteRecordRaw['meta'] = {}): RouteRecordRaw => ({
-	path,
-	name,
-	component: PendingView,
-	meta,
-});
+// `dashboard` redirects to `table`; one loader for both keeps the page mounted across that redirect.
+const DashboardView = () => import('@/views/dashboard/DashboardView.vue');
+
+// Page components by route name.
+const views: Record<string, LazyView> = {
+	setup: () => import('@/views/auth/SetupView.vue'),
+	login: () => import('@/views/auth/LoginView.vue'),
+	'forget-password': () => import('@/views/auth/ForgetPasswordView.vue'),
+	'password-reset': () => import('@/views/auth/PasswordResetView.vue'),
+	'email-verification': () => import('@/views/auth/EmailVerificationView.vue'),
+	'email-change': () => import('@/views/auth/EmailChangeView.vue'),
+	'user-deleted': () => import('@/views/auth/UserDeletedView.vue'),
+	'company-invitation': () => import('@/views/auth/CompanyInvitationView.vue'),
+	'change-password': () => import('@/views/auth/PasswordChangeView.vue'),
+	'connections-list': () => import('@/views/connections/ConnectionsListView.vue'),
+	'connect-db': () => import('@/views/connections/ConnectDbView.vue'),
+	'edit-db': () => import('@/views/connections/ConnectDbView.vue'),
+	'connection-settings': () => import('@/views/connections/ConnectionSettingsView.vue'),
+	'auto-configure': () => import('@/views/connections/AutoConfigureView.vue'),
+	dashboard: DashboardView,
+	table: DashboardView,
+	permissions: () => import('@/views/users/PermissionsView.vue'),
+	company: () => import('@/views/settings/CompanyView.vue'),
+	'user-settings': () => import('@/views/settings/UserSettingsView.vue'),
+	'api-keys': () => import('@/views/settings/ApiKeysView.vue'),
+	secrets: () => import('@/views/settings/SecretsView.vue'),
+	zapier: () => import('@/views/settings/ZapierView.vue'),
+	audit: () => import('@/views/audit/AuditView.vue'),
+	panels: () => import('@/views/charts/ChartsListView.vue'),
+	'panel-new': () => import('@/views/charts/ChartEditView.vue'),
+	'panel-edit': () => import('@/views/charts/ChartEditView.vue'),
+	dashboards: () => import('@/views/dashboards/DashboardsListView.vue'),
+	'dashboard-view': () => import('@/views/dashboards/DashboardView.vue'),
+	'row-edit': () => import('@/views/table/RowEditView.vue'),
+	'table-actions': () => import('@/views/table/TableActionsView.vue'),
+	'table-widgets': () => import('@/views/table/TableWidgetsView.vue'),
+	'table-settings': () => import('@/views/table/TableSettingsView.vue'),
+	'edit-database-schema': () => import('@/views/schema/EditDatabaseSchemaView.vue'),
+};
+
+function page(path: string, name: string, meta: RouteRecordRaw['meta'] = {}): RouteRecordRaw {
+	const component = views[name];
+	if (!component) throw new Error(`No view registered for route "${name}"`);
+	return { path, name, component, meta };
+}
 
 const auth = { requiresAuth: true };
 
diff --git a/frontend-vue/src/stores/auth.ts b/frontend-vue/src/stores/auth.ts
index f9de55356..d6f6f2d83 100644
--- a/frontend-vue/src/stores/auth.ts
+++ b/frontend-vue/src/stores/auth.ts
@@ -26,6 +26,11 @@ export interface CompanyOption {
 	name: string;
 }
 
+/** GET /company/invite/verify/:token: whether the invitation link can still be used. */
+export interface InvitationAvailability {
+	success: boolean;
+}
+
 export function readTokenExpiration(): Date | null {
 	const raw = localStorage.getItem(TOKEN_EXPIRATION_KEY);
 	if (!raw) return null;
@@ -156,8 +161,8 @@ export const useAuthStore = defineStore('auth', () => {
 		return api.get<CompanyOption[]>(`/company/my/email/${email}`, { notify: 'alert' });
 	}
 
-	function checkInvitationAvailability(token: string): Promise<unknown> {
-		return api.get(`/company/invite/verify/${token}`, { notify: 'alert' });
+	function checkInvitationAvailability(token: string): Promise<InvitationAvailability> {
+		return api.get<InvitationAvailability>(`/company/invite/verify/${token}`, { notify: 'alert' });
 	}
 
 	function acceptCompanyInvitation(token: string, password: string, userName: string): Promise<AuthResponse> {
diff --git a/frontend-vue/src/stores/connections.ts b/frontend-vue/src/stores/connections.ts
index 75a163ced..230520bf1 100644
--- a/frontend-vue/src/stores/connections.ts
+++ b/frontend-vue/src/stores/connections.ts
@@ -16,6 +16,7 @@ import {
 	type ConnectionSettings,
 	ConnectionType,
 	DBtype,
+	type TestConnection,
 } from '@/models/connection';
 import type { AccessLevel } from '@/models/user';
 import { useCedarPermissionsStore } from '@/stores/cedar-permissions';
@@ -49,6 +50,13 @@ interface ConnectionsResponse {
 
 export interface CreatedConnection extends Partial<Connection> {
 	id: string;
+	/** Agent connections only: the token the agent's .config.env needs. */
+	token?: string;
+}
+
+/** PUT /connection/:id */
+export interface UpdatedConnection {
+	connection: CreatedConnection;
 }
 
 export interface AuditLogParams {
@@ -216,8 +224,8 @@ export const useConnectionsStore = defineStore('connections', () => {
 		return res;
 	}
 
-	function testConnection(id: string | null, credentials: Connection): Promise<unknown> {
-		return api.post('/connection/test', toDbCredentials(credentials), {
+	function testConnection(id: string | null, credentials: Connection): Promise<TestConnection> {
+		return api.post<TestConnection>('/connection/test', toDbCredentials(credentials), {
 			params: id ? { connectionId: id } : undefined,
 			notify: 'alert',
 		});
@@ -234,8 +242,8 @@ export const useConnectionsStore = defineStore('connections', () => {
 		return res;
 	}
 
-	async function updateConnection(credentials: Connection, masterKey: string): Promise<unknown> {
-		const res = await api.put(`/connection/${credentials.id}`, toDbCredentials(credentials), {
+	async function updateConnection(credentials: Connection, masterKey: string): Promise<UpdatedConnection> {
+		const res = await api.put<UpdatedConnection>(`/connection/${credentials.id}`, toDbCredentials(credentials), {
 			headers: masterKey ? { masterpwd: masterKey } : {},
 			notify: 'alert',
 		});
diff --git a/frontend-vue/src/stores/table-state.spec.ts b/frontend-vue/src/stores/table-state.spec.ts
index 390b71b9e..e23d323ce 100644
--- a/frontend-vue/src/stores/table-state.spec.ts
+++ b/frontend-vue/src/stores/table-state.spec.ts
@@ -10,12 +10,12 @@ function row(id: number): TableRow {
 		record: { id },
 		columnsOrder: [],
 		primaryKeys: { id },
-		foreignKeys: [],
+		foreignKeys: {},
 		foreignKeysList: [],
-		widgets: [],
+		widgets: {},
 		widgetsList: [],
 		fieldsTypes: {},
-		relatedRecords: [],
+		relatedRecords: null,
 	};
 }
 
diff --git a/frontend-vue/src/types/third-party-auth.d.ts b/frontend-vue/src/types/third-party-auth.d.ts
new file mode 100644
index 000000000..8784d5c61
--- /dev/null
+++ b/frontend-vue/src/types/third-party-auth.d.ts
@@ -0,0 +1,44 @@
+// Globals injected by index.saas.html for the auth flows: Cloudflare Turnstile
+// (frontend/src/app/types/turnstile.d.ts) and Google Identity Services (`google.accounts.id`).
+
+export interface TurnstileOptions {
+	sitekey: string;
+	callback?: (token: string) => void;
+	'error-callback'?: () => void;
+	'expired-callback'?: () => void;
+	theme?: 'light' | 'dark' | 'auto';
+	appearance?: 'always' | 'execute' | 'interaction-only';
+	size?: 'normal' | 'compact';
+}
+
+export interface TurnstileInstance {
+	render: (container: string | HTMLElement, options: TurnstileOptions) => string;
+	reset: (widgetId?: string) => void;
+	getResponse: (widgetId?: string) => string | undefined;
+	remove: (widgetId?: string) => void;
+}
+
+export interface GoogleCredentialResponse {
+	credential: string;
+}
+
+export interface GoogleButtonOptions {
+	theme?: 'outline' | 'filled_blue' | 'filled_black';
+	size?: 'large' | 'medium' | 'small';
+	width?: number;
+	text?: 'signin_with' | 'signup_with' | 'continue_with' | 'signin';
+}
+
+export interface GoogleAccountsId {
+	initialize: (options: { client_id: string; callback: (response: GoogleCredentialResponse) => void }) => void;
+	renderButton: (parent: HTMLElement, options: GoogleButtonOptions) => void;
+	prompt: () => void;
+	revoke?: (hint: string, callback: () => void) => void;
+}
+
+declare global {
+	interface Window {
+		turnstile?: TurnstileInstance;
+		google?: { accounts?: { id?: GoogleAccountsId } };
+	}
+}
diff --git a/frontend-vue/src/views/PendingView.vue b/frontend-vue/src/views/PendingView.vue
deleted file mode 100644
index 3d8f89fae..000000000
--- a/frontend-vue/src/views/PendingView.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<script setup lang="ts">
-// Placeholder for routes whose page is ported in Phase 3. Keeps the route table, guards and titles
-// complete (and testable) before the pages exist.
-import { useRoute } from 'vue-router';
-import { UiCard, UiPageShell } from '@/components/ui';
-
-const route = useRoute();
-</script>
-
-<template>
-	<UiPageShell as="main">
-		<UiCard as="section">
-			<h1 class="pending__title">Not ported yet</h1>
-			<p class="pending__text">
-				The <code>{{ String(route.name) }}</code> page is part of the Vue migration (Phase 3) and is
-				still served by the Angular app.
-			</p>
-		</UiCard>
-	</UiPageShell>
-</template>
-
-<style scoped>
-.pending__title {
-	margin: 0 0 var(--space-2);
-	font-size: var(--text-md);
-	font-weight: var(--weight-semibold);
-	color: var(--color-ink);
-}
-
-.pending__text {
-	margin: 0;
-	color: var(--color-muted);
-}
-</style>
diff --git a/frontend-vue/src/views/audit/AuditView.spec.ts b/frontend-vue/src/views/audit/AuditView.spec.ts
new file mode 100644
index 000000000..eb85f63f1
--- /dev/null
+++ b/frontend-vue/src/views/audit/AuditView.spec.ts
@@ -0,0 +1,272 @@
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { defineComponent, h, reactive } from 'vue';
+import { createMemoryHistory, createRouter, RouterView } from 'vue-router';
+import { ApiError } from '@/api/client';
+import DialogHost from '@/components/dialog/DialogHost.vue';
+import AuditView from './AuditView.vue';
+
+const connections = vi.hoisted(() => ({
+	connectionAccessLevel: 'edit' as string | null,
+	fetchAuditLog: vi.fn(),
+}));
+const tables = vi.hoisted(() => ({ fetchTables: vi.fn() }));
+const users = vi.hoisted(() => ({ fetchConnectionUsers: vi.fn() }));
+const trackEvent = vi.hoisted(() => vi.fn());
+const capture = vi.hoisted(() => vi.fn());
+const environment = vi.hoisted(() => ({ saas: false }));
+
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => reactive(connections) }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/users', () => ({ useUsersStore: () => users }));
+vi.mock('@/composables/useAnalytics', () => ({ trackEvent }));
+vi.mock('posthog-js', () => ({ default: { capture } }));
+vi.mock('@/environment', () => ({ environment }));
+
+const mockTables = [
+	{ table: 'customers', permissions: {} },
+	{ table: 'Orders', permissions: {}, display_name: 'Created orders' },
+	{ table: 'product', permissions: {} },
+];
+
+const mockUsers = [
+	{ id: '1', isActive: true, email: 'eric@cartman.ass', createdAt: '2021-09-03T10:29:48.100Z', name: 'Eric Cartman' },
+	{ id: '2', isActive: true, email: 'kenny@mccormick.com', createdAt: '2021-09-03T10:29:48.100Z' },
+];
+
+const mockLogs = {
+	logs: [
+		{
+			table_name: 'customers',
+			email: 'eric@cartman.ass',
+			operationType: 'updateRow',
+			operationStatusResult: 'successfully',
+			createdAt: '2021-06-26T19:22:00.603Z',
+			old_data: { status: 'poor' },
+			received_data: { status: 'poor and stupid' },
+		},
+		{
+			table_name: 'product',
+			email: 'kenny@mccormick.com',
+			operationType: 'rowsReceived',
+			operationStatusResult: 'unsuccessfully',
+			createdAt: '2021-06-25T09:05:00.000Z',
+			old_data: null,
+			received_data: null,
+		},
+	],
+	pagination: { total: 95, perPage: 30, currentPage: 1, lastPage: 4 },
+};
+
+let wrapper: VueWrapper | null = null;
+
+async function mountPage() {
+	setActivePinia(createPinia());
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [
+			{ path: '/audit/:connectionId', component: AuditView },
+			{ path: '/:pathMatch(.*)*', component: { render: () => h('div') } },
+		],
+	});
+	router.push('/audit/conn-1');
+	await router.isReady();
+	const Host = defineComponent({ render: () => [h(RouterView), h(DialogHost)] });
+	wrapper = mount(Host, { global: { plugins: [router] }, attachTo: document.body });
+	await flushPromises();
+	return wrapper;
+}
+
+function lastLogRequest() {
+	return connections.fetchAuditLog.mock.calls.at(-1)?.[0];
+}
+
+function mockMobile(matches: boolean) {
+	vi.stubGlobal(
+		'matchMedia',
+		vi.fn(() => ({ matches, addEventListener: vi.fn(), removeEventListener: vi.fn() })),
+	);
+}
+
+describe('AuditView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		connections.connectionAccessLevel = 'edit';
+		environment.saas = false;
+		connections.fetchAuditLog.mockResolvedValue(mockLogs);
+		tables.fetchTables.mockResolvedValue(mockTables);
+		users.fetchConnectionUsers.mockResolvedValue(mockUsers);
+		mockMobile(false);
+	});
+
+	afterEach(() => {
+		wrapper?.unmount();
+		wrapper = null;
+		vi.unstubAllGlobals();
+	});
+
+	it('loads the first page of the log with no filters, plus the tables and users', async () => {
+		const page = await mountPage();
+
+		expect(connections.fetchAuditLog).toHaveBeenCalledWith({
+			connectionID: 'conn-1',
+			tableName: 'showAll',
+			userEmail: 'showAll',
+			requstedPage: 1,
+			chunkSize: 30,
+		});
+		expect(tables.fetchTables).toHaveBeenCalledWith('conn-1');
+		expect(users.fetchConnectionUsers).toHaveBeenCalledWith('conn-1');
+		expect(document.title).toBe('Connections | Rocketadmin');
+		expect(page.find('h1').text()).toBe('Audit');
+		expect(page.text()).toContain('1 – 30 of 95');
+	});
+
+	it('renders the log rows with user names, actions, statuses and dates', async () => {
+		const page = await mountPage();
+		const rows = page.findAll('[data-testid="audit-table"] tbody tr');
+		expect(rows).toHaveLength(2);
+
+		expect(rows[0]?.text()).toContain('Eric Cartman');
+		expect(rows[0]?.text()).toContain('eric@cartman.ass');
+		expect(rows[0]?.text()).toContain('customers');
+		expect(rows[0]?.text()).toContain('Edited');
+		expect(rows[0]?.text()).toContain('successfully');
+		expect(rows[0]?.text()).toContain('26 Jun 2021');
+
+		expect(rows[1]?.text()).toContain('kenny@mccormick.com');
+		expect(rows[1]?.text()).toContain('Viewed');
+		expect(rows[1]?.text()).toContain('unsuccessfully');
+	});
+
+	it('offers the tables by display name or normalized name, and the users by email', async () => {
+		const page = await mountPage();
+		const tableOptions = page.findAll('[data-testid="audit-table-select"] option').map((option) => option.text());
+		expect(tableOptions).toEqual([
+			'Show all',
+			'Customers (customers)',
+			'Created orders (Orders)',
+			'Products (product)',
+		]);
+
+		const userOptions = page.findAll('[data-testid="audit-user-select"] option').map((option) => option.text());
+		expect(userOptions).toEqual(['Show all', 'eric@cartman.ass', 'kenny@mccormick.com']);
+	});
+
+	it('refetches the log when a table or a user is chosen', async () => {
+		const page = await mountPage();
+
+		await page.find('[data-testid="audit-table-select"]').trigger('click');
+		expect(trackEvent).toHaveBeenCalledWith('Audit: table is selected');
+		expect(capture).toHaveBeenCalledWith('Audit: table is selected');
+
+		await page.find('[data-testid="audit-table-select"]').setValue('2');
+		await flushPromises();
+		expect(lastLogRequest()).toMatchObject({ tableName: 'Orders', userEmail: 'showAll' });
+
+		await page.find('[data-testid="audit-user-select"]').setValue('2');
+		await flushPromises();
+		expect(lastLogRequest()).toMatchObject({ tableName: 'Orders', userEmail: 'kenny@mccormick.com' });
+	});
+
+	it('requests the next page from the server', async () => {
+		const page = await mountPage();
+		await page.find('[aria-label="Next page"]').trigger('click');
+		await flushPromises();
+		expect(lastLogRequest()).toMatchObject({ requstedPage: 2, chunkSize: 30 });
+	});
+
+	it('opens the log details dialog for a row', async () => {
+		const page = await mountPage();
+		const details = page.findAll('button').find((button) => button.text() === 'Details');
+		await details?.trigger('click');
+		await flushPromises();
+
+		expect(trackEvent).toHaveBeenCalledWith('Audit: view changes is clicked');
+		expect(page.find('h2').text()).toBe('Log details');
+		expect(page.find('[data-block="comparison-details"]').exists()).toBe(true);
+	});
+
+	it('shows the skeleton while the log loads', async () => {
+		connections.fetchAuditLog.mockReturnValue(new Promise(() => {}));
+		const page = await mountPage();
+		expect(page.find('[aria-label="Loading audit log"]').exists()).toBe(true);
+		expect(page.find('[data-testid="audit-table"]').isVisible()).toBe(false);
+	});
+
+	it('shows a banner and no table filter when the connection has no tables', async () => {
+		tables.fetchTables.mockResolvedValue([]);
+		const page = await mountPage();
+		expect(page.find('[data-testid="audit-no-tables"]').text()).toContain('Rocketadmin can not find any tables');
+		expect(page.find('[data-testid="audit-table-select"]').exists()).toBe(false);
+		expect(page.find('[data-testid="audit-table"]').exists()).toBe(false);
+	});
+
+	it('shows the server error with a credentials link and a bug report link', async () => {
+		tables.fetchTables.mockRejectedValue(
+			new ApiError('Connection failed', 400, { message: 'Connection failed', originalMessage: 'ECONNREFUSED' }),
+		);
+		const page = await mountPage();
+		const banner = page.find('[data-testid="audit-server-error"]');
+		expect(banner.text()).toContain('Connection failed');
+		expect(banner.text()).toContain('ECONNREFUSED');
+
+		const links = banner.findAll('a');
+		expect(links.find((link) => link.text() === 'Check database credentials')?.attributes('href')).toBe(
+			'/edit-db/conn-1',
+		);
+		expect(links.find((link) => link.text() === 'Report a bug')?.attributes('href')).toBe(
+			'https://github.com/rocket-admin/rocketadmin/issues',
+		);
+		expect(page.find('[data-testid="audit-user-select"]').exists()).toBe(false);
+		expect(page.find('[data-testid="audit-table"]').exists()).toBe(false);
+	});
+
+	it('offers the support chat instead of a bug report on SaaS', async () => {
+		environment.saas = true;
+		connections.connectionAccessLevel = 'readonly';
+		tables.fetchTables.mockRejectedValue(new ApiError('Oops', 500, { message: 'Oops' }));
+		const intercom = vi.fn();
+		vi.stubGlobal('Intercom', intercom);
+		const page = await mountPage();
+		const banner = page.find('[data-testid="audit-server-error"]');
+
+		expect(banner.text()).not.toContain('Check database credentials');
+		expect(banner.text()).not.toContain('Report a bug');
+		await banner
+			.findAll('button')
+			.find((button) => button.text() === 'Chat with support')
+			?.trigger('click');
+		expect(intercom).toHaveBeenCalledWith('show');
+	});
+
+	it('does not load the users without access to the connection', async () => {
+		connections.connectionAccessLevel = 'none';
+		const page = await mountPage();
+		expect(users.fetchConnectionUsers).not.toHaveBeenCalled();
+		expect(page.find('[data-testid="audit-user-select"]').exists()).toBe(false);
+	});
+
+	it('renders a feed of cards grouped by day on small screens', async () => {
+		mockMobile(true);
+		const page = await mountPage();
+		const feed = page.find('[data-testid="audit-feed"]');
+		expect(page.find('[data-testid="audit-table"]').exists()).toBe(false);
+		expect(feed.text()).toContain('26 Jun 2021');
+		expect(feed.text()).toContain('25 Jun 2021');
+
+		const cards = feed.findAll('.audit__card');
+		expect(cards).toHaveLength(2);
+		expect(cards[0]?.find('.audit__avatar').text()).toBe('EC');
+		expect(cards[0]?.text()).toContain('Eric Cartman');
+		expect(cards[0]?.text()).toContain('Success');
+		expect(cards[1]?.find('.audit__avatar').text()).toBe('K');
+		expect(cards[1]?.text()).toContain('kenny@mccormick.com');
+
+		await cards[1]?.trigger('click');
+		await flushPromises();
+		expect(page.find('h2').text()).toBe('Log details');
+		expect(page.find('[data-block="preamble"]').text()).toContain('attempted to receive rows');
+	});
+});
diff --git a/frontend-vue/src/views/audit/AuditView.vue b/frontend-vue/src/views/audit/AuditView.vue
new file mode 100644
index 000000000..520e8357c
--- /dev/null
+++ b/frontend-vue/src/views/audit/AuditView.vue
@@ -0,0 +1,613 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/audit (/audit/:connectionId): the connection's audit log,
+// paged on the server and filtered by table and by user. Wide screens get a table; at ≤600px the
+// same page renders as a feed of cards grouped by day. Either opens AuditInfoDialog for one entry.
+import posthog from 'posthog-js';
+import { computed, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import { isApiError } from '@/api/client';
+import AuditInfoDialog from '@/components/audit/AuditInfoDialog.vue';
+import { type AuditRow, useAuditLog } from '@/components/audit/useAuditLog';
+import AppBanner from '@/components/shared/AppBanner.vue';
+import PlaceholderAuditLog from '@/components/skeletons/PlaceholderAuditLog.vue';
+import {
+	type SelectOption,
+	type TableColumn,
+	UiButton,
+	UiChip,
+	UiField,
+	UiIcon,
+	UiIconButton,
+	UiPaginator,
+	UiSelect,
+	UiTable,
+} from '@/components/ui';
+import { trackEvent } from '@/composables/useAnalytics';
+import { useDialog } from '@/composables/useDialog';
+import { environment } from '@/environment';
+import { normalizeTableName } from '@/lib/normalize';
+import { AlertType } from '@/models/alert';
+import type { TableProperties } from '@/models/table';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTablesStore } from '@/stores/tables';
+import { type ConnectionUser, useUsersStore } from '@/stores/users';
+
+interface ServerError {
+	abstract: string;
+	details?: string;
+}
+
+const PAGE_SIZE_OPTIONS = [10, 30, 100, 300];
+const MOBILE_QUERY = '(max-width: 600px)';
+
+const route = useRoute();
+const connections = useConnectionsStore();
+const tables = useTablesStore();
+const users = useUsersStore();
+const dialog = useDialog();
+const { rows, loading, pageIndex, pageSize, length, fetchLogs } = useAuditLog();
+
+const isSaas = environment.saas;
+const connectionID = computed(() => String(route.params.connectionId ?? ''));
+const accessLevel = computed(() => connections.connectionAccessLevel);
+
+const tablesList = shallowRef<TableProperties[] | null>(null);
+const usersList = shallowRef<ConnectionUser[] | null>(null);
+const tableName = ref('showAll');
+const userEmail = ref('showAll');
+const serverError = ref<ServerError | null>(null);
+const noTablesError = ref(false);
+
+const columns: TableColumn<AuditRow>[] = [
+	{ key: 'User', label: 'User' },
+	{ key: 'Table', label: 'Table' },
+	{ key: 'Action', label: 'Action' },
+	{ key: 'Status', label: 'Status' },
+	{ key: 'Date', label: 'Date' },
+	{ key: 'Changes', label: 'Changes' },
+];
+
+const tableOptions = computed<SelectOption<string>[]>(() => [
+	{ value: 'showAll', label: 'Show all' },
+	...(tablesList.value ?? []).map((item) => ({
+		value: item.table,
+		label: `${item.display_name || item.normalizedTableName} (${item.table})`,
+	})),
+]);
+
+const userOptions = computed<SelectOption<string>[]>(() => [
+	{ value: 'showAll', label: 'Show all' },
+	...(usersList.value ?? []).map((user) => ({ value: user.email, label: user.email })),
+]);
+
+/** The page's entries by day, for the mobile feed. */
+const groupedLogs = computed(() => {
+	const groups = new Map<string, AuditRow[]>();
+	for (const row of rows.value) {
+		const group = groups.get(row.DateOnly);
+		if (group) group.push(row);
+		else groups.set(row.DateOnly, [row]);
+	}
+	return Array.from(groups, ([date, entries]) => ({ date, entries }));
+});
+
+const isMobileView = ref(false);
+let mediaQuery: MediaQueryList | null = null;
+function onMediaChange(event: MediaQueryListEvent) {
+	isMobileView.value = event.matches;
+}
+
+onMounted(() => {
+	document.title = 'Connections | Rocketadmin';
+	if (typeof window.matchMedia === 'function') {
+		mediaQuery = window.matchMedia(MOBILE_QUERY);
+		isMobileView.value = mediaQuery.matches;
+		mediaQuery.addEventListener?.('change', onMediaChange);
+	}
+});
+
+onBeforeUnmount(() => mediaQuery?.removeEventListener?.('change', onMediaChange));
+
+watch(connectionID, (id) => load(id), { immediate: true });
+
+function load(id: string) {
+	loadLogsPage();
+	loadTables(id);
+	if (accessLevel.value !== 'none') {
+		users
+			.fetchConnectionUsers(id)
+			.then((res) => {
+				usersList.value = res;
+			})
+			.catch(() => {
+				// The store has shown the error.
+			});
+	}
+}
+
+async function loadTables(id: string) {
+	try {
+		const res = await tables.fetchTables(id);
+		if (res.length) {
+			tablesList.value = res.map((item) =>
+				item.display_name ? { ...item } : { ...item, normalizedTableName: normalizeTableName(item.table) },
+			);
+		}
+		noTablesError.value = res.length === 0;
+	} catch (error) {
+		serverError.value = isApiError(error)
+			? { abstract: error.body.message || error.message, details: error.details }
+			: { abstract: error instanceof Error ? error.message : String(error) };
+	}
+}
+
+function loadLogsPage() {
+	fetchLogs({ connectionID: connectionID.value, tableName: tableName.value, userEmail: userEmail.value });
+}
+
+function onTableChange(value: string | string[] | null) {
+	tableName.value = typeof value === 'string' ? value : 'showAll';
+	loadLogsPage();
+}
+
+function onUserChange(value: string | string[] | null) {
+	userEmail.value = typeof value === 'string' ? value : 'showAll';
+	loadLogsPage();
+}
+
+function trackBoth(action: string) {
+	trackEvent(action);
+	posthog.capture(action);
+}
+
+function openInfoLogDialog(log: AuditRow) {
+	trackBoth('Audit: view changes is clicked');
+	dialog.open(AuditInfoDialog, { data: log });
+}
+
+function openIntercom() {
+	window.Intercom?.('show');
+}
+
+function getUserName(email: string): string | null {
+	if (!usersList.value) return null;
+	return usersList.value.find((user) => user.email === email)?.name || null;
+}
+
+function initialsOf(words: string[]): string {
+	return words
+		.slice(0, 2)
+		.map((word) => word[0]?.toUpperCase() ?? '')
+		.join('');
+}
+
+function getInitials(email: string): string {
+	if (!email) return '?';
+	const name = getUserName(email);
+	if (name) return initialsOf(name.trim().split(/\s+/));
+	return initialsOf((email.split('@')[0] ?? '').split(/[._-]/));
+}
+
+function actionIconClass(icon: string | undefined) {
+	return ['audit__action-icon', `audit__action-icon--${icon}`];
+}
+</script>
+
+<template>
+	<div class="audit">
+		<header class="audit__header">
+			<div class="audit__title-block">
+				<UiIconButton
+					class="audit__back"
+					icon="arrow_back"
+					label="Back to dashboard"
+					:to="`/dashboard/${connectionID}`"
+				/>
+				<h1 class="audit__title">Audit</h1>
+			</div>
+			<div class="audit__filters">
+				<UiField v-if="tablesList && !serverError && !noTablesError" label="Tables" class="audit__filter">
+					<UiSelect
+						:model-value="tableName"
+						:options="tableOptions"
+						data-testid="audit-table-select"
+						@click="trackBoth('Audit: table is selected')"
+						@update:model-value="onTableChange"
+					/>
+				</UiField>
+				<UiField v-if="usersList && !serverError" label="Users" class="audit__filter">
+					<UiSelect
+						:model-value="userEmail"
+						:options="userOptions"
+						data-testid="audit-user-select"
+						@click="trackBoth('Audit: user is selected')"
+						@update:model-value="onUserChange"
+					/>
+				</UiField>
+			</div>
+		</header>
+
+		<AppBanner v-if="noTablesError" :type="AlertType.Info" class="audit__banner" data-testid="audit-no-tables">
+			<h3>Rocketadmin can not find any tables</h3>
+			<p>
+				There are no tables Rocketadmin can track actions on. Please grant Rocketadmin access to required tables or
+				create new table. You can create a table with SQL editor.
+			</p>
+		</AppBanner>
+
+		<AppBanner v-if="serverError" :type="AlertType.Error" class="audit__banner" data-testid="audit-server-error">
+			<div v-if="serverError.details">
+				<strong>{{ serverError.abstract }}</strong>
+				<p class="audit__error-details">{{ serverError.details }}</p>
+			</div>
+			<p v-else>{{ serverError.abstract }}</p>
+			<template #actions>
+				<UiButton v-if="accessLevel === 'edit'" variant="secondary" :to="`/edit-db/${connectionID}`">
+					Check database credentials
+				</UiButton>
+				<UiButton v-if="isSaas" variant="danger" @click="openIntercom">Chat with support</UiButton>
+				<UiButton
+					v-else
+					variant="danger"
+					href="https://github.com/rocket-admin/rocketadmin/issues"
+					target="_blank"
+					rel="noopener noreferrer"
+				>
+					Report a bug
+				</UiButton>
+			</template>
+		</AppBanner>
+
+		<div v-if="loading" class="audit__skeleton">
+			<PlaceholderAuditLog />
+		</div>
+
+		<template v-if="!noTablesError && !serverError">
+			<div v-if="isMobileView" v-show="!loading" class="audit__feed" data-testid="audit-feed">
+				<template v-for="group in groupedLogs" :key="group.date">
+					<div class="audit__feed-date">{{ group.date }}</div>
+					<button
+						v-for="(entry, entryIndex) in group.entries"
+						:key="`${entry.createdAt}-${entryIndex}`"
+						type="button"
+						:class="['audit__card', { 'audit__card--fade': entryIndex === group.entries.length - 1 }]"
+						@click="openInfoLogDialog(entry)"
+					>
+						<span class="audit__avatar" aria-hidden="true">{{ getInitials(entry.UserEmail) }}</span>
+						<span class="audit__card-body">
+							<span class="audit__card-row audit__card-row--top">
+								<span class="audit__card-user">
+									<span v-if="getUserName(entry.UserEmail)">{{ getUserName(entry.UserEmail) }}</span>
+									<span v-else class="audit__card-email">{{ entry.UserEmail }}</span>
+								</span>
+								<span class="audit__card-time">{{ entry.TimeOnly }}</span>
+							</span>
+							<span class="audit__card-row">
+								<UiIcon v-if="entry.ActionIcon" :name="entry.ActionIcon" size="sm" :class="actionIconClass(entry.ActionIcon)" />
+								<span class="audit__card-action">{{ entry.Action || '—' }}</span>
+								<span class="audit__card-sep" aria-hidden="true">·</span>
+								<span class="audit__card-table">{{ entry.Table }}</span>
+							</span>
+							<span class="audit__card-row audit__card-row--bottom">
+								<UiChip :tone="entry.Status === 'successfully' ? 'success' : 'neutral'">
+									{{ entry.Status === 'successfully' ? 'Success' : entry.Status || '—' }}
+								</UiChip>
+								<span class="audit__card-details">Details &rsaquo;</span>
+							</span>
+						</span>
+					</button>
+				</template>
+				<UiPaginator
+					v-model:page-index="pageIndex"
+					v-model:page-size="pageSize"
+					:length="length"
+					:page-size-options="PAGE_SIZE_OPTIONS"
+					items-per-page-label="Per page:"
+					show-first-last
+					@page="loadLogsPage"
+				/>
+			</div>
+
+			<div v-else v-show="!loading" class="audit__table-wrapper" data-testid="audit-table">
+				<UiTable :columns="columns" :rows="rows" label="Audit log">
+					<template #cell-User="{ row }">
+						<span class="audit__user">
+							<span v-if="getUserName(row.UserEmail)" class="audit__user-name">{{ getUserName(row.UserEmail) }}</span>
+							<span :class="{ 'audit__secondary': getUserName(row.UserEmail) }">{{ row.UserEmail }}</span>
+						</span>
+					</template>
+					<template #cell-Table="{ row }">{{ row.Table || '—' }}</template>
+					<template #cell-Action="{ row }">
+						<span class="audit__action">
+							<UiIcon v-if="row.ActionIcon" :name="row.ActionIcon" size="sm" :class="actionIconClass(row.ActionIcon)" />
+							{{ row.Action || '—' }}
+						</span>
+					</template>
+					<template #cell-Status="{ row }">
+						<UiChip :tone="row.Status === 'successfully' ? 'success' : 'neutral'">{{ row.Status || '—' }}</UiChip>
+					</template>
+					<template #cell-Date="{ row }">
+						<span class="audit__date">
+							<span>{{ row.DateOnly }}</span>
+							<span class="audit__secondary">{{ row.TimeOnly }}</span>
+						</span>
+					</template>
+					<template #cell-Changes="{ row }">
+						<UiButton variant="ghost" size="sm" @click="openInfoLogDialog(row)">Details</UiButton>
+					</template>
+				</UiTable>
+				<UiPaginator
+					v-model:page-index="pageIndex"
+					v-model:page-size="pageSize"
+					:length="length"
+					:page-size-options="PAGE_SIZE_OPTIONS"
+					items-per-page-label="Per page:"
+					show-first-last
+					@page="loadLogsPage"
+				/>
+			</div>
+		</template>
+	</div>
+</template>
+
+<style scoped>
+.audit {
+	display: flex;
+	flex-direction: column;
+	align-items: stretch;
+	width: clamp(18.75rem, 75vw, 62.5rem);
+	height: 100%;
+	margin: 0 auto;
+	background: var(--color-paper);
+}
+
+.audit__header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--space-4);
+	width: 100%;
+	margin: var(--space-8) 0 var(--space-4);
+}
+
+.audit__title-block {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+}
+
+.audit__back {
+	display: none;
+}
+
+.audit__title {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	line-height: var(--leading-tight);
+	color: var(--color-ink);
+}
+
+.audit__filters {
+	display: flex;
+	gap: var(--space-6);
+}
+
+.audit__filter {
+	min-width: 12rem;
+}
+
+.audit__error-details {
+	margin-top: var(--space-2);
+}
+
+.audit__table-wrapper {
+	position: relative;
+	min-height: 12.5rem;
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-panel);
+	background: var(--color-surface);
+	box-shadow: var(--shadow-card);
+	overflow: hidden;
+}
+
+.audit__user,
+.audit__date {
+	display: flex;
+	flex-direction: column;
+}
+
+.audit__user-name {
+	font-weight: var(--weight-medium);
+}
+
+.audit__secondary {
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+
+.audit__action {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+}
+
+.audit__action-icon--add,
+.audit__action-icon--upload {
+	color: var(--color-success);
+}
+
+.audit__action-icon--delete {
+	color: var(--color-danger);
+}
+
+.audit__action-icon--edit,
+.audit__action-icon--download {
+	color: var(--color-accent);
+}
+
+.audit__action-icon--visibility {
+	color: var(--color-muted);
+}
+
+/* The mobile feed. */
+.audit__feed {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	width: 100%;
+	min-width: 0;
+	padding-bottom: var(--space-4);
+}
+
+.audit__feed-date {
+	position: sticky;
+	top: var(--header-height);
+	z-index: 2;
+	padding: var(--space-2) 0 var(--space-1);
+	background: var(--color-paper);
+	font-size: var(--text-xs);
+	font-weight: var(--weight-semibold);
+	letter-spacing: 0.04em;
+	text-transform: uppercase;
+	color: var(--color-muted);
+}
+
+.audit__card {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--space-3);
+	width: 100%;
+	padding: var(--space-3) var(--space-4);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-card);
+	background: var(--color-surface);
+	box-shadow: var(--shadow-card);
+	color: var(--color-ink);
+	font: inherit;
+	text-align: start;
+	cursor: pointer;
+	transition: opacity var(--motion-fast);
+}
+
+.audit__card:focus-visible {
+	outline: none;
+	box-shadow: var(--shadow-focus);
+}
+
+.audit__card--fade {
+	opacity: 0.6;
+}
+
+.audit__avatar {
+	display: inline-flex;
+	flex: 0 0 auto;
+	align-items: center;
+	justify-content: center;
+	width: 2.25rem;
+	height: 2.25rem;
+	border-radius: 50%;
+	background: color-mix(in srgb, var(--color-accent) 16%, var(--color-surface));
+	color: var(--color-accent-ink);
+	font-size: var(--text-sm);
+	font-weight: var(--weight-semibold);
+}
+
+.audit__card-body {
+	display: flex;
+	flex: 1 1 auto;
+	flex-direction: column;
+	gap: var(--space-1);
+	min-width: 0;
+}
+
+.audit__card-row {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	font-size: var(--text-sm);
+}
+
+.audit__card-row--top,
+.audit__card-row--bottom {
+	justify-content: space-between;
+}
+
+.audit__card-user {
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-weight: var(--weight-semibold);
+}
+
+.audit__card-email {
+	font-weight: var(--weight-regular);
+	color: var(--color-ink-soft);
+}
+
+.audit__card-time {
+	flex: 0 0 auto;
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+
+.audit__card-action {
+	font-weight: var(--weight-medium);
+}
+
+.audit__card-sep {
+	color: var(--color-muted-soft);
+}
+
+.audit__card-table {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-family: var(--font-mono);
+	font-size: var(--text-xs);
+	color: var(--color-ink-soft);
+}
+
+.audit__card-details {
+	font-weight: var(--weight-medium);
+	color: var(--color-accent-ink);
+}
+
+@media (width <= 600px) {
+	.audit {
+		width: 100%;
+		padding: 0 var(--space-4);
+		box-sizing: border-box;
+		overflow-x: clip;
+	}
+
+	.audit__header {
+		flex-direction: column;
+		align-items: stretch;
+		gap: var(--space-3);
+		margin: var(--space-4) 0 var(--space-3);
+	}
+
+	.audit__title-block {
+		gap: 0;
+	}
+
+	.audit__back {
+		display: inline-flex;
+		margin-inline-start: calc(var(--space-3) * -1);
+	}
+
+	.audit__filters {
+		gap: var(--space-2);
+		width: 100%;
+		min-width: 0;
+	}
+
+	.audit__filter {
+		flex: 1 1 0;
+		min-width: 0;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/auth/CompanyInvitationView.spec.ts b/frontend-vue/src/views/auth/CompanyInvitationView.spec.ts
new file mode 100644
index 000000000..b97b8d229
--- /dev/null
+++ b/frontend-vue/src/views/auth/CompanyInvitationView.spec.ts
@@ -0,0 +1,71 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { mountAuthView } from './authTestUtils';
+import CompanyInvitationView from './CompanyInvitationView.vue';
+
+const auth = vi.hoisted(() => ({ checkInvitationAvailability: vi.fn(), acceptCompanyInvitation: vi.fn() }));
+const company = vi.hoisted(() => ({ fetchCompanyName: vi.fn() }));
+const trackAuthEvent = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/auth', () => ({ useAuthStore: () => auth }));
+vi.mock('@/stores/company', () => ({ useCompanyStore: () => company }));
+vi.mock('@/components/auth/analytics', () => ({ trackAuthEvent }));
+vi.mock('@/lib/password-strength', () => ({ loadPasswordScorer: () => new Promise(() => {}) }));
+
+const PATTERN = '/company/:companyId/verify/:verificationToken';
+const mountPage = () => mountAuthView(CompanyInvitationView, PATTERN, '/company/company-1/verify/invite-token');
+
+describe('CompanyInvitationView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		company.fetchCompanyName.mockResolvedValue({ name: 'South Park' });
+	});
+
+	it('shows the skeleton while the link is being checked', async () => {
+		auth.checkInvitationAvailability.mockReturnValue(new Promise(() => {}));
+		const { wrapper } = await mountPage();
+
+		expect(company.fetchCompanyName).toHaveBeenCalledWith('company-1');
+		expect(auth.checkInvitationAvailability).toHaveBeenCalledWith('invite-token');
+		expect(wrapper.find('[aria-label="Loading invitation"]').exists()).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('shows the invalid-link banner for a dead link', async () => {
+		auth.checkInvitationAvailability.mockResolvedValue({ success: false });
+		const { wrapper } = await mountPage();
+
+		expect(wrapper.text()).toContain('Invitation link is invalid');
+		expect(wrapper.find('a').attributes('href')).toBe('/login');
+		wrapper.unmount();
+	});
+
+	it('joins with a password and a name, then goes to /connections-list', async () => {
+		auth.checkInvitationAvailability.mockResolvedValue({ success: true });
+		auth.acceptCompanyInvitation.mockResolvedValue({ expires: '2030-01-01' });
+		const { wrapper, router } = await mountPage();
+
+		expect(wrapper.find('[data-testid="invitation-company-name"]').text()).toBe('South Park');
+		const join = () => wrapper.find('[data-testid="invitation-join-button"]');
+		expect(join().attributes('disabled')).toBeDefined();
+
+		await wrapper.find('input[name="password"]').setValue('Str0ngPass');
+		await wrapper.find('[data-testid="invitation-name-input"]').setValue('Eric');
+		expect(join().attributes('disabled')).toBeUndefined();
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(auth.acceptCompanyInvitation).toHaveBeenCalledWith('invite-token', 'Str0ngPass', 'Eric');
+		expect(trackAuthEvent).toHaveBeenCalledWith('Company invitation: invitation is accepted successfully');
+		expect(router.currentRoute.value.path).toBe('/connections-list');
+		wrapper.unmount();
+	});
+
+	it('names an unknown company', async () => {
+		auth.checkInvitationAvailability.mockResolvedValue({ success: true });
+		company.fetchCompanyName.mockResolvedValue({ name: '' });
+		const { wrapper } = await mountPage();
+
+		expect(wrapper.find('h1').text()).toContain('Unknown company');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/auth/CompanyInvitationView.vue b/frontend-vue/src/views/auth/CompanyInvitationView.vue
new file mode 100644
index 000000000..7762507e5
--- /dev/null
+++ b/frontend-vue/src/views/auth/CompanyInvitationView.vue
@@ -0,0 +1,156 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/company-member-invitation: the emailed invitation link
+// (/company/:companyId/verify/:verificationToken). Checks the link while showing the skeleton; a
+// dead link gets the "invalid" banner, a live one asks for a password and a display name, and
+// joining starts a session and goes to /connections-list.
+import { computed, onMounted, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { trackAuthEvent } from '@/components/auth/analytics';
+import UserPassword from '@/components/auth/UserPassword.vue';
+import { isValidNewPassword } from '@/components/auth/validity';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import AppBanner from '@/components/shared/AppBanner.vue';
+import PlaceholderCompanyInvitation from '@/components/skeletons/PlaceholderCompanyInvitation.vue';
+import { UiButton, UiField, UiInput, UiPageShell } from '@/components/ui';
+import { useAuthStore } from '@/stores/auth';
+import { useCompanyStore } from '@/stores/company';
+
+const route = useRoute();
+const router = useRouter();
+const auth = useAuthStore();
+const company = useCompanyStore();
+
+const token = computed(() => String(route.params.verificationToken ?? ''));
+const companyName = ref<string | null>(null);
+const password = ref('');
+const userName = ref('');
+const submitting = ref(false);
+const checkingLink = ref(true);
+const isLinkAvailable = ref(false);
+
+const formInvalid = computed(() => !isValidNewPassword(password.value) || !userName.value);
+
+onMounted(() => {
+	const companyId = String(route.params.companyId ?? '');
+	company
+		.fetchCompanyName(companyId)
+		.then((response) => {
+			companyName.value = response.name;
+		})
+		.catch(() => {});
+	auth
+		.checkInvitationAvailability(token.value)
+		.then((response) => {
+			isLinkAvailable.value = response.success;
+		})
+		.catch(() => {
+			isLinkAvailable.value = false;
+		})
+		.finally(() => {
+			checkingLink.value = false;
+		});
+});
+
+async function acceptInvitation() {
+	submitting.value = true;
+	try {
+		await auth.acceptCompanyInvitation(token.value, password.value, userName.value);
+		trackAuthEvent('Company invitation: invitation is accepted successfully');
+		router.push('/connections-list');
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<UiPageShell v-if="checkingLink" align="center" width="auth">
+		<PlaceholderCompanyInvitation />
+	</UiPageShell>
+
+	<AppBanner v-else-if="!isLinkAvailable">
+		<h1 class="invitation__banner-title">Invitation link is invalid</h1>
+		<p>The link you are trying to use is invalid. Please contact the person who sent you the link.</p>
+		<template #actions>
+			<UiButton to="/login">Go to login page</UiButton>
+		</template>
+	</AppBanner>
+
+	<UiPageShell v-else align="center" width="auth" class="invitation">
+		<AppAlert class="invitation__alert" />
+
+		<form class="invitation__form" novalidate @submit.prevent="acceptInvitation">
+			<h1 class="invitation__title">
+				You were invited to
+				<strong v-if="companyName !== null" data-testid="invitation-company-name">{{
+					companyName || 'Unknown company'
+				}}</strong>
+				company
+			</h1>
+			<p class="invitation__text">Create password for your account in this company.</p>
+			<UserPassword v-model="password" label="Password" />
+
+			<hr class="invitation__divider">
+
+			<p class="invitation__text">Add name visible to your coworkers.</p>
+			<UiField label="Name" required>
+				<UiInput v-model="userName" name="user-name" autocomplete="name" data-testid="invitation-name-input" />
+			</UiField>
+
+			<div class="invitation__actions">
+				<UiButton type="submit" data-testid="invitation-join-button" :disabled="submitting || formInvalid">
+					Join
+				</UiButton>
+			</div>
+		</form>
+	</UiPageShell>
+</template>
+
+<style scoped>
+.invitation {
+	min-height: calc(100vh - var(--header-height) - var(--footer-height));
+}
+
+.invitation__alert {
+	margin-bottom: var(--space-6);
+}
+
+.invitation__form {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+}
+
+.invitation__title {
+	margin: 0 0 var(--space-4);
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-regular);
+	line-height: var(--leading-snug);
+	color: var(--color-ink);
+}
+
+.invitation__banner-title {
+	font-size: var(--text-xl);
+	color: var(--color-ink);
+}
+
+.invitation__text {
+	margin: 0;
+	color: var(--color-muted);
+}
+
+.invitation__divider {
+	width: 100%;
+	margin: var(--space-8) 0 var(--space-1);
+	border: 0;
+	border-top: 1px solid var(--color-line);
+}
+
+.invitation__actions {
+	display: flex;
+	justify-content: flex-end;
+}
+</style>
diff --git a/frontend-vue/src/views/auth/EmailChangeView.spec.ts b/frontend-vue/src/views/auth/EmailChangeView.spec.ts
new file mode 100644
index 000000000..7c7607561
--- /dev/null
+++ b/frontend-vue/src/views/auth/EmailChangeView.spec.ts
@@ -0,0 +1,58 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { mountAuthView } from './authTestUtils';
+import EmailChangeView from './EmailChangeView.vue';
+
+const user = vi.hoisted(() => ({ changeEmail: vi.fn(), fetchUser: vi.fn() }));
+vi.mock('@/stores/user', () => ({ useUserStore: () => user }));
+
+const PATTERN = '/external/user/email/change/verify/:changeToken';
+const mountPage = () => mountAuthView(EmailChangeView, PATTERN, '/external/user/email/change/verify/change-1');
+
+describe('EmailChangeView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+	});
+
+	it('changes the email, reloads the user and goes to /user-settings', async () => {
+		user.changeEmail.mockResolvedValue({});
+		user.fetchUser.mockResolvedValue({});
+		const { wrapper, router } = await mountPage();
+
+		expect(wrapper.find('[data-testid="email-change-button"]').attributes('disabled')).toBeDefined();
+		await wrapper.find('[data-testid="email-change-input"]').setValue('new@example.com');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(user.changeEmail).toHaveBeenCalledWith('change-1', 'new@example.com');
+		expect(user.fetchUser).toHaveBeenCalled();
+		expect(router.currentRoute.value.path).toBe('/user-settings');
+		wrapper.unmount();
+	});
+
+	it('validates the email', async () => {
+		const { wrapper } = await mountPage();
+		const input = wrapper.find('[data-testid="email-change-input"]');
+
+		await input.trigger('blur');
+		expect(wrapper.text()).toContain('Cannot be not empty.');
+		await input.setValue('nope');
+		expect(wrapper.text()).toContain('Invalid email format.');
+		expect(wrapper.find('[data-testid="email-change-button"]').attributes('disabled')).toBeDefined();
+		wrapper.unmount();
+	});
+
+	it('stays on the page when the change fails', async () => {
+		user.changeEmail.mockRejectedValue(new Error('taken'));
+		const { wrapper, router } = await mountPage();
+
+		await wrapper.find('[data-testid="email-change-input"]').setValue('new@example.com');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(user.fetchUser).not.toHaveBeenCalled();
+		expect(router.currentRoute.value.path).toBe('/external/user/email/change/verify/change-1');
+		expect(wrapper.find('[data-testid="email-change-button"]').attributes('disabled')).toBeUndefined();
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/auth/EmailChangeView.vue b/frontend-vue/src/views/auth/EmailChangeView.vue
new file mode 100644
index 000000000..acf382322
--- /dev/null
+++ b/frontend-vue/src/views/auth/EmailChangeView.vue
@@ -0,0 +1,98 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/email-change: the emailed link
+// (/external/user/email/change/verify/:changeToken). Sets the new email, reloads the user and goes
+// to /user-settings.
+import { computed, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { isValidEmail } from '@/components/auth/validity';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import { UiButton, UiField, UiInput, UiPageShell } from '@/components/ui';
+import { useUserStore } from '@/stores/user';
+import { EMAIL_ERROR_MESSAGE, emailErrors } from '@/validators/email.validator';
+
+const route = useRoute();
+const router = useRouter();
+const userStore = useUserStore();
+
+const token = computed(() => String(route.params.changeToken ?? ''));
+const newEmail = ref('');
+const submitting = ref(false);
+const touched = ref(false);
+
+const emailError = computed(() => {
+	if (emailErrors(newEmail.value)) return EMAIL_ERROR_MESSAGE;
+	if (touched.value && !newEmail.value) return 'Cannot be not empty.';
+	return undefined;
+});
+
+async function updateEmail() {
+	submitting.value = true;
+	try {
+		await userStore.changeEmail(token.value, newEmail.value);
+		submitting.value = false;
+		await userStore.fetchUser();
+		router.push('/user-settings');
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<UiPageShell align="center" width="auth" class="email-change">
+		<AppAlert class="email-change__alert" />
+
+		<h1 class="email-change__title">Change your email</h1>
+		<form class="email-change__form" novalidate @submit.prevent="updateEmail">
+			<UiField label="Enter new email" :error="emailError" required>
+				<UiInput
+					v-model="newEmail"
+					type="email"
+					name="email"
+					autocomplete="email"
+					data-testid="email-change-input"
+					@blur="touched = true"
+				/>
+			</UiField>
+
+			<UiButton
+				type="submit"
+				class="email-change__button"
+				data-testid="email-change-button"
+				:disabled="submitting || !isValidEmail(newEmail)"
+			>
+				Change
+			</UiButton>
+		</form>
+	</UiPageShell>
+</template>
+
+<style scoped>
+.email-change {
+	min-height: calc(100vh - var(--header-height) - var(--footer-height));
+}
+
+.email-change__alert {
+	margin-bottom: var(--space-6);
+}
+
+.email-change__title {
+	margin: 0 0 var(--space-4);
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.email-change__form {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+}
+
+.email-change__button {
+	align-self: flex-end;
+}
+</style>
diff --git a/frontend-vue/src/views/auth/EmailVerificationView.spec.ts b/frontend-vue/src/views/auth/EmailVerificationView.spec.ts
new file mode 100644
index 000000000..ccf0b9999
--- /dev/null
+++ b/frontend-vue/src/views/auth/EmailVerificationView.spec.ts
@@ -0,0 +1,45 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { mountAuthView } from './authTestUtils';
+import EmailVerificationView from './EmailVerificationView.vue';
+
+const auth = vi.hoisted(() => ({ verifyEmail: vi.fn() }));
+vi.mock('@/stores/auth', () => ({ useAuthStore: () => auth, TOKEN_EXPIRATION_KEY: 'token_expiration' }));
+
+const PATTERN = '/external/user/email/verify/:verificationToken';
+const mountPage = () => mountAuthView(EmailVerificationView, PATTERN, '/external/user/email/verify/1234567890-abcd');
+
+describe('EmailVerificationView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		localStorage.clear();
+	});
+
+	it('verifies the token and sends a signed-out visitor to /login', async () => {
+		auth.verifyEmail.mockResolvedValue({});
+		const { wrapper, router } = await mountPage();
+
+		expect(auth.verifyEmail).toHaveBeenCalledWith('1234567890-abcd');
+		expect(router.currentRoute.value.path).toBe('/login');
+		wrapper.unmount();
+	});
+
+	it('sends a signed-in visitor to /user-settings', async () => {
+		localStorage.setItem('token_expiration', new Date(Date.now() + 60_000).toISOString());
+		auth.verifyEmail.mockResolvedValue({});
+		const { wrapper, router } = await mountPage();
+
+		expect(router.currentRoute.value.path).toBe('/user-settings');
+		wrapper.unmount();
+	});
+
+	it('stays on "Verifying..." when the verification fails', async () => {
+		auth.verifyEmail.mockRejectedValue(new Error('invalid'));
+		const { wrapper, router } = await mountPage();
+		await flushPromises();
+
+		expect(wrapper.find('h1').text()).toBe('Verifying...');
+		expect(router.currentRoute.value.path).toBe('/external/user/email/verify/1234567890-abcd');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/auth/EmailVerificationView.vue b/frontend-vue/src/views/auth/EmailVerificationView.vue
new file mode 100644
index 000000000..6445545ab
--- /dev/null
+++ b/frontend-vue/src/views/auth/EmailVerificationView.vue
@@ -0,0 +1,63 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/email-verification: the emailed verification link
+// (/external/user/email/verify/:verificationToken). Verifies on load, then goes to /user-settings
+// when the visitor was already signed in, /login otherwise. A failure stays on "Verifying..." with
+// the error alert, as in Angular.
+import { onMounted, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import { TOKEN_EXPIRATION_KEY, useAuthStore } from '@/stores/auth';
+
+const route = useRoute();
+const router = useRouter();
+const auth = useAuthStore();
+
+const isVerified = ref(false);
+
+onMounted(async () => {
+	const verificationToken = String(route.params.verificationToken ?? '');
+	// Read before verifying: a successful verification may start a session and store one.
+	const expirationTime = localStorage.getItem(TOKEN_EXPIRATION_KEY);
+	try {
+		await auth.verifyEmail(verificationToken);
+	} catch {
+		return;
+	}
+	router.push(expirationTime ? '/user-settings' : '/login');
+	isVerified.value = true;
+});
+</script>
+
+<template>
+	<div class="email-verification">
+		<AppAlert class="email-verification__alert" />
+
+		<div v-if="!isVerified" class="email-verification__loader">
+			<h1 class="email-verification__title">Verifying...</h1>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.email-verification {
+	display: flex;
+	flex-direction: column;
+	min-height: calc(100vh - var(--header-height) - var(--footer-height));
+	padding: var(--space-4);
+}
+
+.email-verification__loader {
+	flex: 1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.email-verification__title {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+</style>
diff --git a/frontend-vue/src/views/auth/ForgetPasswordView.spec.ts b/frontend-vue/src/views/auth/ForgetPasswordView.spec.ts
new file mode 100644
index 000000000..175f2d240
--- /dev/null
+++ b/frontend-vue/src/views/auth/ForgetPasswordView.spec.ts
@@ -0,0 +1,70 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { buttonByText, mountAuthView } from './authTestUtils';
+import ForgetPasswordView from './ForgetPasswordView.vue';
+
+const auth = vi.hoisted(() => ({ fetchUserCompanies: vi.fn() }));
+const user = vi.hoisted(() => ({ requestPasswordReset: vi.fn() }));
+vi.mock('@/stores/auth', () => ({ useAuthStore: () => auth }));
+vi.mock('@/stores/user', () => ({ useUserStore: () => user }));
+
+const mountPage = () => mountAuthView(ForgetPasswordView, '/forget-password');
+
+describe('ForgetPasswordView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		user.requestPasswordReset.mockResolvedValue({});
+	});
+
+	it('looks up the companies, then requests the reset for the only one', async () => {
+		auth.fetchUserCompanies.mockResolvedValue([{ id: 'company_1111', name: 'South Park' }]);
+		const { wrapper } = await mountPage();
+
+		expect(wrapper.find('h1').text()).toBe('Forgot your password?');
+		expect(buttonByText(wrapper, 'Next').attributes('disabled')).toBeDefined();
+		await wrapper.find('[data-testid="forget-password-email-input"]').setValue('eric@cartman.ass');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(auth.fetchUserCompanies).toHaveBeenCalledWith('eric@cartman.ass');
+		expect(wrapper.find('[data-testid="forget-password-next-button"]').exists()).toBe(false);
+		expect(buttonByText(wrapper, 'Reset my password').attributes('disabled')).toBeUndefined();
+
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+		expect(user.requestPasswordReset).toHaveBeenCalledWith('eric@cartman.ass', 'company_1111');
+		wrapper.unmount();
+	});
+
+	it('asks to pick a company when there are several', async () => {
+		auth.fetchUserCompanies.mockResolvedValue([
+			{ id: 'c1', name: 'South Park' },
+			{ id: 'c2', name: 'North Park' },
+		]);
+		const { wrapper } = await mountPage();
+
+		await wrapper.find('[data-testid="forget-password-email-input"]').setValue('eric@cartman.ass');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(wrapper.find('[data-testid="forget-password-next-button"]').exists()).toBe(false);
+		expect(buttonByText(wrapper, 'Reset my password').attributes('disabled')).toBeDefined();
+		const select = wrapper.find('select');
+		const option = select.findAll('option').find((candidate) => candidate.text() === 'North Park');
+		await select.setValue(option?.attributes('value'));
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(user.requestPasswordReset).toHaveBeenCalledWith('eric@cartman.ass', 'c2');
+		wrapper.unmount();
+	});
+
+	it('flags an invalid email', async () => {
+		const { wrapper } = await mountPage();
+		const input = wrapper.find('[data-testid="forget-password-email-input"]');
+		await input.setValue('nope');
+		await input.trigger('blur');
+		expect(wrapper.text()).toContain('Invalid email format.');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/auth/ForgetPasswordView.vue b/frontend-vue/src/views/auth/ForgetPasswordView.vue
new file mode 100644
index 000000000..9f703ce99
--- /dev/null
+++ b/frontend-vue/src/views/auth/ForgetPasswordView.vue
@@ -0,0 +1,156 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/password-request. Like login, "Next" looks up the email's
+// companies first (one is picked automatically, several show a picker), then "Reset my password"
+// asks for the reset email (POST /user/password/reset/request; the store shows "Check your email.").
+import { computed, ref } from 'vue';
+import { isValidEmail } from '@/components/auth/validity';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import { UiButton, UiField, UiInput, UiPageShell, UiSelect, UiSkeleton } from '@/components/ui';
+import { type CompanyOption, useAuthStore } from '@/stores/auth';
+import { useUserStore } from '@/stores/user';
+import { EMAIL_ERROR_MESSAGE, emailErrors } from '@/validators/email.validator';
+
+const auth = useAuthStore();
+const userStore = useUserStore();
+
+const userEmail = ref('');
+const companyId = ref('');
+const submitting = ref(false);
+const isLoadingUserCompanies = ref(false);
+const userCompanies = ref<CompanyOption[] | null>(null);
+const dirty = ref(false);
+const emailTouched = ref(false);
+
+const hasCompanyChoice = computed(() => Boolean(userCompanies.value && userCompanies.value.length > 1));
+const emailError = computed(() =>
+	emailTouched.value && emailErrors(userEmail.value) ? EMAIL_ERROR_MESSAGE : undefined,
+);
+const formInvalid = computed(() => !isValidEmail(userEmail.value) || (hasCompanyChoice.value && !companyId.value));
+const companyOptions = computed(() =>
+	(userCompanies.value ?? []).map((option) => ({ value: option.id, label: option.name })),
+);
+
+function onSubmit() {
+	if (companyId.value) requestPassword();
+	else requestUserCompanies();
+}
+
+async function requestUserCompanies() {
+	isLoadingUserCompanies.value = true;
+	try {
+		const companies = await auth.fetchUserCompanies(userEmail.value);
+		userCompanies.value = companies;
+		if (companies.length === 1 && companies[0]) companyId.value = companies[0].id;
+	} catch {
+		// The store has shown the error.
+	} finally {
+		isLoadingUserCompanies.value = false;
+	}
+}
+
+async function requestPassword() {
+	submitting.value = true;
+	try {
+		await userStore.requestPasswordReset(userEmail.value, companyId.value);
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+
+function onEmailInput(value: string) {
+	userEmail.value = value;
+	dirty.value = true;
+}
+
+function onCompanyChange(value: unknown) {
+	companyId.value = typeof value === 'string' ? value : '';
+	dirty.value = true;
+}
+</script>
+
+<template>
+	<UiPageShell align="center" width="auth" class="forget-password">
+		<AppAlert class="forget-password__alert" />
+
+		<form class="forget-password__form" novalidate @submit.prevent="onSubmit">
+			<h1 class="forget-password__title">Forgot your password?</h1>
+			<p class="forget-password__text">Enter your Email below and we will send a message to reset your password.</p>
+
+			<UiField label="Email" :error="emailError" required>
+				<UiInput
+					type="email"
+					name="email"
+					autocomplete="email"
+					autofocus
+					data-testid="forget-password-email-input"
+					:model-value="userEmail"
+					@update:model-value="onEmailInput"
+					@blur="emailTouched = true"
+				/>
+			</UiField>
+
+			<UiSkeleton v-if="isLoadingUserCompanies" shape="control" height="2.75rem" />
+
+			<UiField v-if="hasCompanyChoice" label="Company" required>
+				<UiSelect
+					:model-value="companyId || null"
+					:options="companyOptions"
+					placeholder="Company"
+					data-testid="forget-password-company-select"
+					@update:model-value="onCompanyChange"
+				/>
+			</UiField>
+
+			<UiButton
+				v-if="!companyId && !hasCompanyChoice"
+				type="submit"
+				variant="secondary"
+				data-testid="forget-password-next-button"
+				:disabled="isLoadingUserCompanies || userEmail === ''"
+			>
+				{{ submitting ? 'Submitting' : 'Next' }}
+			</UiButton>
+			<UiButton
+				v-if="userCompanies && userCompanies.length"
+				type="submit"
+				class="forget-password__reset"
+				data-testid="forget-password-submit-button"
+				:disabled="submitting || formInvalid || !dirty"
+			>
+				{{ submitting ? 'Submitting' : 'Reset my password' }}
+			</UiButton>
+		</form>
+	</UiPageShell>
+</template>
+
+<style scoped>
+.forget-password {
+	min-height: calc(100vh - var(--header-height) - var(--footer-height));
+}
+
+.forget-password__alert {
+	margin-bottom: var(--space-6);
+}
+
+.forget-password__form {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+}
+
+.forget-password__title {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.forget-password__text {
+	margin: 0;
+	color: var(--color-muted);
+	line-height: var(--leading-normal);
+}
+</style>
diff --git a/frontend-vue/src/views/auth/LoginView.spec.ts b/frontend-vue/src/views/auth/LoginView.spec.ts
new file mode 100644
index 000000000..988bfcbef
--- /dev/null
+++ b/frontend-vue/src/views/auth/LoginView.spec.ts
@@ -0,0 +1,186 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import type { AuthResponse } from '@/stores/auth';
+import { buttonByText, mountAuthView } from './authTestUtils';
+import LoginView from './LoginView.vue';
+
+const env = vi.hoisted(() => ({ saas: false }));
+const auth = vi.hoisted(() => ({
+	fetchUserCompanies: vi.fn(),
+	loginUser: vi.fn(),
+	loginWith2FA: vi.fn(),
+	loginWithGoogle: vi.fn(),
+	loginWithGithub: vi.fn(),
+}));
+const company = vi.hoisted(() => ({ isCustomDomain: vi.fn(() => false) }));
+const googleMount = vi.hoisted(() => vi.fn());
+const trackAuthEvent = vi.hoisted(() => vi.fn());
+
+vi.mock('@/environment', () => ({ environment: env }));
+vi.mock('@/stores/auth', () => ({ useAuthStore: () => auth }));
+vi.mock('@/stores/company', () => ({ useCompanyStore: () => company }));
+vi.mock('@/composables/useGoogleSignIn', () => ({ useGoogleSignIn: () => ({ mount: googleMount }) }));
+vi.mock('@/components/auth/analytics', () => ({ trackAuthEvent }));
+
+const mountLogin = (url = '/login') => mountAuthView(LoginView, '/login', url);
+
+describe('LoginView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		env.saas = false;
+		company.isCustomDomain.mockReturnValue(false);
+		auth.loginUser.mockResolvedValue({ expires: '2030-01-01' } satisfies AuthResponse);
+	});
+
+	it('asks for the email first and looks up its companies on Next', async () => {
+		auth.fetchUserCompanies.mockResolvedValue([{ id: 'c1', name: 'South Park' }]);
+		const { wrapper } = await mountLogin();
+
+		expect(wrapper.find('[data-testid="login-password-input"]').exists()).toBe(false);
+		expect(buttonByText(wrapper, 'Next').attributes('disabled')).toBeDefined();
+		expect(wrapper.text()).toContain('To log in, please start by entering your email address');
+
+		await wrapper.find('[data-testid="login-email-input"]').setValue('eric@cartman.ass');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(auth.fetchUserCompanies).toHaveBeenCalledWith('eric@cartman.ass');
+		expect(trackAuthEvent).toHaveBeenCalledWith('Login: companies is received', { count: 1 });
+		// One company is picked automatically: Next goes, the password and Log in appear.
+		expect(wrapper.find('[data-testid="login-next-button"]').exists()).toBe(false);
+		expect(wrapper.find('[data-testid="login-password-input"]').exists()).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('logs in with email, password and the company', async () => {
+		auth.fetchUserCompanies.mockResolvedValue([{ id: 'c1', name: 'South Park' }]);
+		const { wrapper } = await mountLogin();
+
+		await wrapper.find('[data-testid="login-email-input"]').setValue('eric@cartman.ass');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+		await wrapper.find('[data-testid="login-password-input"]').setValue('12345678');
+		expect(buttonByText(wrapper, 'Log in').attributes('disabled')).toBeUndefined();
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(auth.loginUser).toHaveBeenCalledWith({
+			email: 'eric@cartman.ass',
+			password: '12345678',
+			companyId: 'c1',
+		});
+		expect(trackAuthEvent).toHaveBeenCalledWith('Login: login success');
+		expect(wrapper.find('[data-testid="login-otp-input"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('lets the user pick one of several companies', async () => {
+		auth.fetchUserCompanies.mockResolvedValue([
+			{ id: 'c1', name: 'South Park' },
+			{ id: 'c2', name: 'North Park' },
+		]);
+		const { wrapper } = await mountLogin();
+
+		await wrapper.find('[data-testid="login-email-input"]').setValue('eric@cartman.ass');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(wrapper.text()).toContain('Please select the company or organization');
+		expect(wrapper.find('[data-testid="login-password-input"]').exists()).toBe(false);
+		const select = wrapper.find('select');
+		const option = select.findAll('option').find((candidate) => candidate.text() === 'North Park');
+		await select.setValue(option?.attributes('value'));
+
+		expect(wrapper.find('[data-testid="login-password-input"]').exists()).toBe(true);
+		await wrapper.find('[data-testid="login-password-input"]').setValue('12345678');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+		expect(auth.loginUser).toHaveBeenCalledWith(expect.objectContaining({ companyId: 'c2' }));
+		wrapper.unmount();
+	});
+
+	it('switches to the 2FA step on a temporary response and verifies the code', async () => {
+		company.isCustomDomain.mockReturnValue(true);
+		env.saas = true;
+		auth.loginUser.mockResolvedValue({ isTemporary: true });
+		auth.loginWith2FA.mockResolvedValue({ expires: '2030-01-01' });
+		const { wrapper } = await mountLogin();
+
+		await wrapper.find('[data-testid="login-email-input"]').setValue('eric@cartman.ass');
+		await wrapper.find('[data-testid="login-password-input"]').setValue('12345678');
+		await wrapper.findAll('form')[0]?.trigger('submit');
+		await flushPromises();
+
+		expect(wrapper.text()).toContain('Enter 2nd factor code');
+		await wrapper.find('[data-testid="login-otp-input"]').setValue('123456');
+		await wrapper.findAll('form')[1]?.trigger('submit');
+		await flushPromises();
+
+		expect(auth.loginWith2FA).toHaveBeenCalledWith('123456');
+		expect(trackAuthEvent).toHaveBeenCalledWith('Login: login with 2fa success');
+		wrapper.unmount();
+	});
+
+	it('asks for the password straight away on a custom domain, without social login', async () => {
+		env.saas = true;
+		company.isCustomDomain.mockReturnValue(true);
+		const { wrapper } = await mountLogin();
+
+		expect(wrapper.find('[data-testid="login-password-input"]').exists()).toBe(true);
+		expect(wrapper.find('[data-testid="login-next-button"]').exists()).toBe(false);
+		expect(wrapper.find('[data-testid="login-github-button"]').exists()).toBe(false);
+		expect(googleMount).not.toHaveBeenCalled();
+
+		await wrapper.find('[data-testid="login-email-input"]').setValue('eric@cartman.ass');
+		await wrapper.find('[data-testid="login-password-input"]').setValue('12345678');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+		expect(auth.loginUser).toHaveBeenCalledWith({ email: 'eric@cartman.ass', password: '12345678', companyId: '' });
+		expect(auth.fetchUserCompanies).not.toHaveBeenCalled();
+		wrapper.unmount();
+	});
+
+	it('offers Google and GitHub sign-in in SaaS', async () => {
+		env.saas = true;
+		auth.loginWithGoogle.mockResolvedValue({ isTemporary: true });
+		const { wrapper } = await mountLogin();
+
+		const container = wrapper.find('[data-testid="login-google-button"]');
+		expect(googleMount).toHaveBeenCalledWith(container.element, expect.any(Function));
+		const onCredential = googleMount.mock.calls[0]?.[1] as (credential: string) => void;
+		onCredential('google-token');
+		await flushPromises();
+		expect(auth.loginWithGoogle).toHaveBeenCalledWith('google-token');
+		expect(wrapper.text()).toContain('Enter 2nd factor code');
+
+		await wrapper.find('[data-testid="login-github-button"]').trigger('click');
+		expect(auth.loginWithGithub).toHaveBeenCalled();
+		wrapper.unmount();
+	});
+
+	it('shows the ?error= from the OAuth redirect as an alert', async () => {
+		const { wrapper } = await mountLogin('/login?error=No_user_registered_with_this_GitHub_account.');
+
+		expect(wrapper.text()).toContain('No user registered with this GitHub account.');
+		await buttonByText(wrapper, 'Dismiss').trigger('click');
+		expect(wrapper.text()).not.toContain('No user registered with this GitHub account.');
+		wrapper.unmount();
+	});
+
+	it('flags an invalid email', async () => {
+		const { wrapper } = await mountLogin();
+
+		const email = wrapper.find('[data-testid="login-email-input"]');
+		await email.setValue('not-an-email');
+		await email.trigger('blur');
+
+		expect(wrapper.text()).toContain('Invalid email format.');
+		wrapper.unmount();
+	});
+
+	it('links to the password reset page', async () => {
+		const { wrapper } = await mountLogin();
+		expect(wrapper.find('[data-testid="forgot-password-link"]').attributes('href')).toBe('/forget-password');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/auth/LoginView.vue b/frontend-vue/src/views/auth/LoginView.vue
new file mode 100644
index 000000000..0a3ed2040
--- /dev/null
+++ b/frontend-vue/src/views/auth/LoginView.vue
@@ -0,0 +1,460 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/login. Email first: "Next" looks up the user's companies; one
+// company reveals the password at once, several show a company picker. SaaS (outside a customer's
+// custom domain) adds Google (GSI button + One Tap) and GitHub sign-in beside the form; a custom
+// domain or a self-hosted install asks for email and password straight away. A temporary sign-in
+// response swaps the form for the 2FA code step. A successful sign-in is redirected by the auth
+// store (startSession → /connections-list).
+//
+// `?error=` from the GitHub OAuth redirect is shown as a dismissible page alert.
+import { computed, onMounted, reactive, ref } from 'vue';
+import { useRoute } from 'vue-router';
+import AuthHeader from '@/components/auth/AuthHeader.vue';
+import { trackAuthEvent } from '@/components/auth/analytics';
+import { isValidEmail } from '@/components/auth/validity';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import { UiButton, UiField, UiInput, UiSelect, UiSkeleton } from '@/components/ui';
+import { useGoogleSignIn } from '@/composables/useGoogleSignIn';
+import { environment } from '@/environment';
+import { AlertActionType, AlertType } from '@/models/alert';
+import type { ExistingAuthUser } from '@/models/user';
+import { type AuthResponse, type CompanyOption, useAuthStore } from '@/stores/auth';
+import { useCompanyStore } from '@/stores/company';
+import { useNotificationsStore } from '@/stores/notifications';
+import { emailErrors } from '@/validators/email.validator';
+
+const ERRORS: Record<string, string> = {
+	'No_user_registered_with_this_GitHub_account.': 'No user registered with this GitHub account.',
+	'GitHub_login_failed._Please_contact_our_support_team.': 'GitHub login failed. Please contact our support team.',
+};
+
+// Served from ../frontend/src/assets until the cutover (see README); a bound src keeps Vite from
+// trying to bundle it.
+const GITHUB_ICON_URL = '/assets/icons/github.svg';
+
+const auth = useAuthStore();
+const company = useCompanyStore();
+const notifications = useNotificationsStore();
+const route = useRoute();
+const googleSignIn = useGoogleSignIn();
+
+const isSaas = environment.saas;
+const isCustomDomain = isSaas && company.isCustomDomain();
+/** The two-column layout with the Google and GitHub buttons. */
+const hasSocialLogin = isSaas && !isCustomDomain;
+
+const user = reactive<ExistingAuthUser>({ email: '', password: '', companyId: '' });
+const userCompanies = ref<CompanyOption[] | null>(null);
+const isLoadingUserCompanies = ref(false);
+const authCode = ref('');
+const submitting = ref(false);
+const isPasswordFieldShown = ref(false);
+const is2FAShown = ref(false);
+/** Angular's `loginForm.form.pristine`: nothing has been typed yet. */
+const dirty = ref(false);
+const emailTouched = ref(false);
+const googleButton = ref<HTMLDivElement | null>(null);
+
+const showPassword = computed(() => isPasswordFieldShown.value || Boolean(user.companyId) || isCustomDomain);
+const emailError = computed(() => (emailErrors(user.email) ? 'Invalid email format.' : undefined));
+const formInvalid = computed(() => !isValidEmail(user.email) || (showPassword.value && !user.password));
+const companyOptions = computed(() =>
+	(userCompanies.value ?? []).map((option) => ({ value: option.id, label: option.name })),
+);
+
+onMounted(() => {
+	const error = route.query.error;
+	if (typeof error === 'string' && error) {
+		notifications.showAlert(AlertType.Error, ERRORS[error] || error, [
+			{ type: AlertActionType.Button, caption: 'Dismiss', action: () => notifications.dismissAlert() },
+		]);
+	}
+
+	if (hasSocialLogin) {
+		googleSignIn.mount(googleButton.value, (credential) => {
+			auth
+				.loginWithGoogle(credential)
+				.then((response) => {
+					if (response.isTemporary) is2FAShown.value = true;
+					trackAuthEvent('Login: google login success');
+				})
+				.catch(() => {});
+		});
+	}
+});
+
+function onSubmit() {
+	if ((user.companyId || isCustomDomain) && user.password) loginUser();
+	else requestUserCompanies();
+}
+
+async function requestUserCompanies() {
+	isLoadingUserCompanies.value = true;
+	try {
+		const companies = await auth.fetchUserCompanies(user.email);
+		trackAuthEvent('Login: companies is received', { count: companies.length });
+		userCompanies.value = companies;
+		if (companies.length === 1 && companies[0]) {
+			isPasswordFieldShown.value = true;
+			user.companyId = companies[0].id;
+		}
+	} catch {
+		// The store has shown the error.
+	} finally {
+		isLoadingUserCompanies.value = false;
+	}
+}
+
+async function loginUser() {
+	submitting.value = true;
+	let response: AuthResponse;
+	try {
+		response = await auth.loginUser({ ...user });
+	} catch {
+		trackAuthEvent('Login: login unsuccessful');
+		return;
+	} finally {
+		submitting.value = false;
+	}
+	if (response.isTemporary) is2FAShown.value = true;
+	trackAuthEvent('Login: login success');
+}
+
+function loginWithGithub() {
+	auth.loginWithGithub();
+	trackAuthEvent('Login: github login redirect');
+	trackAuthEvent('Login: login with github is clicked');
+}
+
+async function loginWith2FA() {
+	submitting.value = true;
+	try {
+		await auth.loginWith2FA(authCode.value);
+		trackAuthEvent('Login: login with 2fa success');
+	} catch {
+		trackAuthEvent('Login: login with 2fa unsuccessful');
+	} finally {
+		submitting.value = false;
+	}
+}
+
+function onEmailInput(value: string) {
+	user.email = value;
+	dirty.value = true;
+}
+
+function onPasswordInput(value: string) {
+	user.password = value;
+	dirty.value = true;
+}
+</script>
+
+<template>
+	<div class="login">
+		<AppAlert class="login__alert" />
+
+		<div class="login__page">
+			<form
+				v-show="!is2FAShown"
+				:class="['login__form', hasSocialLogin ? 'login__form--social' : 'login__form--native']"
+				novalidate
+				@submit.prevent="onSubmit"
+			>
+				<AuthHeader greeting="Welcome back to" class="login__header">
+					<template v-if="!userCompanies && !isCustomDomain">
+						To log in, please start by entering your email address and click next to continue.
+					</template>
+					<template v-else-if="userCompanies && userCompanies.length > 1 && !isCustomDomain">
+						Please select the company or organization you wish to log into and click next to continue. <br>
+						Don’t see your company? Try logging in with Google or GitHub if that’s how you signed up.
+					</template>
+				</AuthHeader>
+
+				<div class="login__fields">
+					<UiField label="Email" :error="emailTouched ? emailError : undefined" required class="login__email">
+						<UiInput
+							type="email"
+							name="email"
+							placeholder="Email"
+							autocomplete="email"
+							data-testid="login-email-input"
+							:model-value="user.email"
+							@update:model-value="onEmailInput"
+							@change="trackAuthEvent('Login: email is changed')"
+							@blur="emailTouched = true"
+						/>
+					</UiField>
+
+					<UiSkeleton v-if="isLoadingUserCompanies" shape="control" height="2.75rem" class="login__loader" />
+
+					<UiField v-if="userCompanies && userCompanies.length > 1" label="Company" class="login__companies">
+						<UiSelect
+							:model-value="user.companyId || null"
+							:options="companyOptions"
+							placeholder="Company"
+							data-testid="login-company-select"
+							@update:model-value="user.companyId = typeof $event === 'string' ? $event : ''"
+						/>
+					</UiField>
+
+					<UiField v-if="showPassword" label="Password" required class="login__password">
+						<UiInput
+							type="password"
+							name="password"
+							placeholder="Password"
+							autocomplete="current-password"
+							data-testid="login-password-input"
+							:model-value="user.password"
+							@update:model-value="onPasswordInput"
+							@change="trackAuthEvent('Login: password is changed')"
+						/>
+					</UiField>
+				</div>
+
+				<template v-if="hasSocialLogin">
+					<div class="login__divider"><span class="login__divider-label">or</span></div>
+
+					<div class="login__social">
+						<div
+							ref="googleButton"
+							class="login__google"
+							data-testid="login-google-button"
+							@click="trackAuthEvent('Login: login with google is clicked')"
+						/>
+						<UiButton
+							variant="secondary"
+							block
+							class="login__github"
+							data-testid="login-github-button"
+							@click="loginWithGithub"
+						>
+							<template #leading>
+								<img :src="GITHUB_ICON_URL" alt="" class="login__github-icon">
+							</template>
+							Continue with GitHub
+						</UiButton>
+					</div>
+				</template>
+
+				<div class="login__actions">
+					<UiButton
+						v-if="!user.companyId && !isCustomDomain"
+						type="submit"
+						variant="secondary"
+						class="login__submit"
+						data-testid="login-next-button"
+						:disabled="submitting || user.email === ''"
+					>
+						{{ submitting ? 'Submitting' : 'Next' }}
+					</UiButton>
+
+					<UiButton
+						v-if="showPassword"
+						type="submit"
+						class="login__submit"
+						data-testid="login-button"
+						:disabled="submitting || formInvalid || !dirty"
+						@click="trackAuthEvent('Login: login is clicked')"
+					>
+						{{ submitting ? 'Submitting' : 'Log in' }}
+					</UiButton>
+
+					<RouterLink to="/forget-password" class="login__link" data-testid="forgot-password-link">
+						Reset password
+					</RouterLink>
+				</div>
+			</form>
+
+			<form v-if="is2FAShown" class="login__otp" @submit.prevent="loginWith2FA">
+				<h2 class="login__otp-title">Enter 2nd factor code</h2>
+				<UiField label="Enter the code from your authenticator">
+					<UiInput
+						v-model="authCode"
+						name="code"
+						autocomplete="one-time-code"
+						inputmode="numeric"
+						data-testid="login-otp-input"
+					/>
+				</UiField>
+				<UiButton type="submit" :disabled="submitting" data-testid="login-otp-button">Verify</UiButton>
+			</form>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.login {
+	position: relative;
+	min-height: calc(100vh - var(--header-height) - var(--footer-height));
+	padding: var(--space-4);
+}
+
+.login__alert {
+	margin-bottom: var(--space-4);
+}
+
+.login__page {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	min-height: inherit;
+}
+
+.login__form--native {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	width: clamp(22.5rem, 30%, 37.5rem);
+}
+
+/* Email column | "or" divider | Google + GitHub column, header and actions spanning all three. */
+.login__form--social {
+	display: grid;
+	grid-template-columns: 22.5rem var(--space-12) 22.5rem;
+	grid-template-areas:
+		'header header header'
+		'fields divider social'
+		'actions actions actions';
+	justify-items: center;
+}
+
+.login__header {
+	grid-area: header;
+}
+
+.login__fields {
+	grid-area: fields;
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+	width: 100%;
+}
+
+.login__social {
+	grid-area: social;
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+	width: 100%;
+}
+
+.login__google {
+	min-height: var(--space-10);
+}
+
+.login__github-icon {
+	width: 1.25rem;
+	height: 1.25rem;
+}
+
+.login__divider {
+	grid-area: divider;
+	position: relative;
+	align-self: stretch;
+	width: 1px;
+	margin: var(--space-2) 0;
+	background: var(--color-line);
+}
+
+.login__divider-label {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	padding: var(--space-1) var(--space-4);
+	font-size: var(--text-sm);
+	color: var(--color-muted);
+	background: var(--color-paper);
+}
+
+.login__actions {
+	grid-area: actions;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: var(--space-4);
+	width: 100%;
+	margin-top: var(--space-10);
+}
+
+.login__submit {
+	width: 22.5rem;
+	max-width: 100%;
+}
+
+.login__link {
+	margin-top: var(--space-8);
+	color: var(--color-accent);
+	text-decoration: none;
+}
+
+.login__link:hover {
+	text-decoration: underline;
+}
+
+.login__otp {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+	width: 25rem;
+	max-width: 100%;
+}
+
+.login__otp-title {
+	margin: 0 0 var(--space-4);
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	text-align: center;
+	color: var(--color-ink);
+}
+
+@media (width <= 600px) {
+	.login {
+		padding: 0;
+	}
+
+	.login__page {
+		justify-content: flex-start;
+	}
+
+	/* One column; the column wrappers dissolve so their children follow Angular's mobile order:
+	   fields, actions, divider, Google, GitHub, link. */
+	.login__form--social,
+	.login__form--native {
+		display: flex;
+		flex-direction: column;
+		align-items: stretch;
+		gap: var(--space-2);
+		width: 100%;
+		padding: var(--space-10) 9vw;
+	}
+
+	.login__actions {
+		display: contents;
+	}
+
+	.login__submit {
+		order: 4;
+		width: 100%;
+	}
+
+	.login__divider {
+		order: 5;
+		align-self: stretch;
+		width: 100%;
+		height: 1px;
+		margin: var(--space-6) 0 var(--space-2);
+	}
+
+	.login__social {
+		order: 6;
+	}
+
+	.login__link {
+		order: 9;
+		align-self: center;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/auth/PasswordChangeView.spec.ts b/frontend-vue/src/views/auth/PasswordChangeView.spec.ts
new file mode 100644
index 000000000..f82f2ebfb
--- /dev/null
+++ b/frontend-vue/src/views/auth/PasswordChangeView.spec.ts
@@ -0,0 +1,74 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { reactive } from 'vue';
+import { mountAuthView } from './authTestUtils';
+import PasswordChangeView from './PasswordChangeView.vue';
+
+const user = vi.hoisted(() => ({
+	currentUser: null as { email: string } | null,
+	fetchUser: vi.fn(),
+	changePassword: vi.fn(),
+}));
+const trackAuthEvent = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/user', () => ({ useUserStore: () => reactive(user) }));
+vi.mock('@/components/auth/analytics', () => ({ trackAuthEvent }));
+vi.mock('@/lib/password-strength', () => ({ loadPasswordScorer: () => new Promise(() => {}) }));
+
+const mountPage = () => mountAuthView(PasswordChangeView, '/change-password');
+
+async function fillForm(wrapper: Awaited<ReturnType<typeof mountPage>>['wrapper']) {
+	await wrapper.find('[data-testid="password-change-old-input"]').setValue('OldPass123');
+	await wrapper.find('input[name="password"]').setValue('NewPass123');
+}
+
+describe('PasswordChangeView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		user.currentUser = { email: 'eric@cartman.ass' };
+		user.changePassword.mockResolvedValue({});
+	});
+
+	it('changes the password for the current user and goes to /user-settings', async () => {
+		const { wrapper, router } = await mountPage();
+		const button = wrapper.find('[data-testid="password-change-button"]');
+		expect(button.attributes('disabled')).toBeDefined();
+
+		await fillForm(wrapper);
+		expect(wrapper.find('[data-testid="password-change-button"]').attributes('disabled')).toBeUndefined();
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(user.changePassword).toHaveBeenCalledWith('OldPass123', 'NewPass123', 'eric@cartman.ass');
+		expect(trackAuthEvent).toHaveBeenCalledWith('Manual password change: password updated successfully');
+		expect(router.currentRoute.value.path).toBe('/user-settings');
+		wrapper.unmount();
+	});
+
+	it('requires the old password', async () => {
+		const { wrapper } = await mountPage();
+		const old = wrapper.find('[data-testid="password-change-old-input"]');
+		await old.trigger('blur');
+		expect(wrapper.text()).toContain('Password can not be empty.');
+		wrapper.unmount();
+	});
+
+	it('loads the user when it is not known yet', async () => {
+		user.currentUser = null;
+		user.fetchUser.mockResolvedValue({ email: 'kyle@broflovski.org' });
+		const { wrapper } = await mountPage();
+
+		expect(user.fetchUser).toHaveBeenCalled();
+		await fillForm(wrapper);
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+		expect(user.changePassword).toHaveBeenCalledWith('OldPass123', 'NewPass123', 'kyle@broflovski.org');
+		wrapper.unmount();
+	});
+
+	it('links back to the user settings', async () => {
+		const { wrapper } = await mountPage();
+		const back = wrapper.findAll('a').find((link) => link.text() === 'Back');
+		expect(back?.attributes('href')).toBe('/user-settings');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/auth/PasswordChangeView.vue b/frontend-vue/src/views/auth/PasswordChangeView.vue
new file mode 100644
index 000000000..dd8b5c991
--- /dev/null
+++ b/frontend-vue/src/views/auth/PasswordChangeView.vue
@@ -0,0 +1,105 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/password-change (/change-password, signed-in users): the old
+// password plus a new one, then back to /user-settings.
+import { computed, onMounted, ref } from 'vue';
+import { useRouter } from 'vue-router';
+import { trackAuthEvent } from '@/components/auth/analytics';
+import UserPassword from '@/components/auth/UserPassword.vue';
+import { isValidNewPassword } from '@/components/auth/validity';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import { UiButton, UiField, UiInput, UiPageShell } from '@/components/ui';
+import { useUserStore } from '@/stores/user';
+
+const router = useRouter();
+const userStore = useUserStore();
+
+const oldPassword = ref('');
+const newPassword = ref('');
+const submitting = ref(false);
+const oldPasswordTouched = ref(false);
+
+const oldPasswordError = computed(() =>
+	oldPasswordTouched.value && !oldPassword.value ? 'Password can not be empty.' : undefined,
+);
+const formInvalid = computed(() => !oldPassword.value || !isValidNewPassword(newPassword.value));
+
+onMounted(() => {
+	// The shell loads the user after sign-in; a direct visit may get here first.
+	if (!userStore.currentUser) userStore.fetchUser().catch(() => {});
+});
+
+async function updatePassword() {
+	submitting.value = true;
+	try {
+		const email = userStore.currentUser?.email ?? (await userStore.fetchUser()).email;
+		await userStore.changePassword(oldPassword.value, newPassword.value, email);
+		trackAuthEvent('Manual password change: password updated successfully');
+		router.push('/user-settings');
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<UiPageShell align="center" width="auth" class="password-change">
+		<AppAlert class="password-change__alert" />
+
+		<form class="password-change__form" novalidate @submit.prevent="updatePassword">
+			<h1 class="password-change__title">Change password</h1>
+
+			<UiField label="Enter old password" :error="oldPasswordError" required>
+				<UiInput
+					v-model="oldPassword"
+					type="password"
+					name="old-password"
+					autocomplete="current-password"
+					data-testid="password-change-old-input"
+					@blur="oldPasswordTouched = true"
+				/>
+			</UiField>
+
+			<UserPassword v-model="newPassword" label="Enter new password" />
+
+			<div class="password-change__actions">
+				<UiButton variant="secondary" to="/user-settings">Back</UiButton>
+				<UiButton type="submit" data-testid="password-change-button" :disabled="submitting || formInvalid">
+					Change
+				</UiButton>
+			</div>
+		</form>
+	</UiPageShell>
+</template>
+
+<style scoped>
+.password-change {
+	min-height: calc(100vh - var(--header-height) - var(--footer-height));
+}
+
+.password-change__alert {
+	margin-bottom: var(--space-6);
+}
+
+.password-change__form {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+}
+
+.password-change__title {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.password-change__actions {
+	display: flex;
+	justify-content: flex-end;
+	gap: var(--space-5);
+	margin-top: var(--space-8);
+}
+</style>
diff --git a/frontend-vue/src/views/auth/PasswordResetView.spec.ts b/frontend-vue/src/views/auth/PasswordResetView.spec.ts
new file mode 100644
index 000000000..510b525ef
--- /dev/null
+++ b/frontend-vue/src/views/auth/PasswordResetView.spec.ts
@@ -0,0 +1,55 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { mountAuthView } from './authTestUtils';
+import PasswordResetView from './PasswordResetView.vue';
+
+const user = vi.hoisted(() => ({ resetPassword: vi.fn() }));
+vi.mock('@/stores/user', () => ({ useUserStore: () => user }));
+vi.mock('@/lib/password-strength', () => ({ loadPasswordScorer: () => new Promise(() => {}) }));
+
+const PATTERN = '/external/user/password/reset/verify/:verificationToken';
+const mountPage = () => mountAuthView(PasswordResetView, PATTERN, '/external/user/password/reset/verify/token-123');
+
+describe('PasswordResetView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+	});
+
+	it('enables Change only for a strong password', async () => {
+		const { wrapper } = await mountPage();
+		const button = () => wrapper.find('[data-testid="password-reset-button"]');
+
+		expect(wrapper.find('h1').text()).toBe('Change your password');
+		expect(button().attributes('disabled')).toBeDefined();
+		await wrapper.find('input[name="password"]').setValue('weakpass');
+		expect(button().attributes('disabled')).toBeDefined();
+		await wrapper.find('input[name="password"]').setValue('Str0ngPass');
+		expect(button().attributes('disabled')).toBeUndefined();
+		wrapper.unmount();
+	});
+
+	it('resets the password with the link token and goes to /login', async () => {
+		user.resetPassword.mockResolvedValue({});
+		const { wrapper, router } = await mountPage();
+
+		await wrapper.find('input[name="password"]').setValue('Str0ngPass');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(user.resetPassword).toHaveBeenCalledWith('token-123', 'Str0ngPass');
+		expect(router.currentRoute.value.path).toBe('/login');
+		wrapper.unmount();
+	});
+
+	it('stays on the page when the reset fails', async () => {
+		user.resetPassword.mockRejectedValue(new Error('expired'));
+		const { wrapper, router } = await mountPage();
+
+		await wrapper.find('input[name="password"]').setValue('Str0ngPass');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(router.currentRoute.value.path).toBe('/external/user/password/reset/verify/token-123');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/auth/PasswordResetView.vue b/frontend-vue/src/views/auth/PasswordResetView.vue
new file mode 100644
index 000000000..bab3b5933
--- /dev/null
+++ b/frontend-vue/src/views/auth/PasswordResetView.vue
@@ -0,0 +1,80 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/password-reset: the emailed reset link
+// (/external/user/password/reset/verify/:verificationToken). Sets the new password and goes to /login.
+import { computed, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import UserPassword from '@/components/auth/UserPassword.vue';
+import { isValidNewPassword } from '@/components/auth/validity';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import { UiButton, UiPageShell } from '@/components/ui';
+import { useUserStore } from '@/stores/user';
+
+const route = useRoute();
+const router = useRouter();
+const userStore = useUserStore();
+
+const token = computed(() => String(route.params.verificationToken ?? ''));
+const newPassword = ref('');
+const submitting = ref(false);
+
+async function updatePassword() {
+	submitting.value = true;
+	try {
+		await userStore.resetPassword(token.value, newPassword.value);
+		router.push('/login');
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<UiPageShell align="center" width="auth" class="password-reset">
+		<AppAlert class="password-reset__alert" />
+
+		<form class="password-reset__form" novalidate @submit.prevent="updatePassword">
+			<h1 class="password-reset__title">Change your password</h1>
+			<UserPassword v-model="newPassword" label="Enter new password" />
+
+			<UiButton
+				type="submit"
+				class="password-reset__button"
+				data-testid="password-reset-button"
+				:disabled="submitting || !isValidNewPassword(newPassword)"
+			>
+				Change
+			</UiButton>
+		</form>
+	</UiPageShell>
+</template>
+
+<style scoped>
+.password-reset {
+	min-height: calc(100vh - var(--header-height) - var(--footer-height));
+}
+
+.password-reset__alert {
+	margin-bottom: var(--space-6);
+}
+
+.password-reset__form {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+}
+
+.password-reset__title {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.password-reset__button {
+	align-self: flex-end;
+	margin-top: var(--space-2);
+}
+</style>
diff --git a/frontend-vue/src/views/auth/SetupView.spec.ts b/frontend-vue/src/views/auth/SetupView.spec.ts
new file mode 100644
index 000000000..c7b4c1638
--- /dev/null
+++ b/frontend-vue/src/views/auth/SetupView.spec.ts
@@ -0,0 +1,74 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { mountAuthView } from './authTestUtils';
+import SetupView from './SetupView.vue';
+
+const selfhosted = vi.hoisted(() => ({ createInitialUser: vi.fn() }));
+vi.mock('@/stores/selfhosted', () => ({ useSelfhostedStore: () => selfhosted }));
+vi.mock('@/lib/password-strength', () => ({ loadPasswordScorer: () => new Promise(() => {}) }));
+
+const submitButton = (wrapper: Awaited<ReturnType<typeof mountAuthView>>['wrapper']) =>
+	wrapper.find('[data-testid="setup-submit-button"]');
+
+describe('SetupView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+	});
+
+	it('keeps the submit button disabled until a valid email and a strong password are entered', async () => {
+		const { wrapper } = await mountAuthView(SetupView, '/setup');
+
+		expect(wrapper.text()).toContain('Create your admin account to get started.');
+		expect(submitButton(wrapper).attributes('disabled')).toBeDefined();
+
+		await wrapper.find('[data-testid="setup-email-input"]').setValue('admin@example.com');
+		await wrapper.find('input[name="password"]').setValue('weak');
+		expect(submitButton(wrapper).attributes('disabled')).toBeDefined();
+
+		await wrapper.find('input[name="password"]').setValue('SecurePass123');
+		expect(submitButton(wrapper).attributes('disabled')).toBeUndefined();
+		wrapper.unmount();
+	});
+
+	it('does not submit without an email or a password', async () => {
+		const { wrapper } = await mountAuthView(SetupView, '/setup');
+
+		await wrapper.find('input[name="password"]').setValue('SecurePass123');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(selfhosted.createInitialUser).not.toHaveBeenCalled();
+		wrapper.unmount();
+	});
+
+	it('creates the admin account and goes to /login', async () => {
+		selfhosted.createInitialUser.mockResolvedValue({ success: true });
+		const { wrapper, router } = await mountAuthView(SetupView, '/setup');
+
+		await wrapper.find('[data-testid="setup-email-input"]').setValue('admin@example.com');
+		await wrapper.find('input[name="password"]').setValue('SecurePass123');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(selfhosted.createInitialUser).toHaveBeenCalledWith({
+			email: 'admin@example.com',
+			password: 'SecurePass123',
+		});
+		expect(router.currentRoute.value.path).toBe('/login');
+		wrapper.unmount();
+	});
+
+	it('stays on the page when the account cannot be created', async () => {
+		selfhosted.createInitialUser.mockRejectedValue(new Error('exists'));
+		const { wrapper, router } = await mountAuthView(SetupView, '/setup');
+
+		await wrapper.find('[data-testid="setup-email-input"]').setValue('admin@example.com');
+		await wrapper.find('input[name="password"]').setValue('SecurePass123');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(router.currentRoute.value.path).toBe('/setup');
+		expect(submitButton(wrapper).text()).toBe('Create Admin Account');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/auth/SetupView.vue b/frontend-vue/src/views/auth/SetupView.vue
new file mode 100644
index 000000000..8555dec6a
--- /dev/null
+++ b/frontend-vue/src/views/auth/SetupView.vue
@@ -0,0 +1,146 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/setup: a fresh self-hosted install creates its first admin
+// (POST /selfhosted/initial-user) and goes to /login. Reached only through the setup guard.
+import { computed, ref } from 'vue';
+import { useRouter } from 'vue-router';
+import AuthHeader from '@/components/auth/AuthHeader.vue';
+import UserPassword from '@/components/auth/UserPassword.vue';
+import { isValidEmail, isValidNewPassword } from '@/components/auth/validity';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import { UiButton, UiField, UiInput } from '@/components/ui';
+import { useSelfhostedStore } from '@/stores/selfhosted';
+import { EMAIL_ERROR_MESSAGE, emailErrors } from '@/validators/email.validator';
+
+const selfhosted = useSelfhostedStore();
+const router = useRouter();
+
+const email = ref('');
+const password = ref('');
+const submitting = ref(false);
+const dirty = ref(false);
+const emailTouched = ref(false);
+
+const emailError = computed(() => (emailTouched.value && emailErrors(email.value) ? EMAIL_ERROR_MESSAGE : undefined));
+const formInvalid = computed(() => !isValidEmail(email.value) || !isValidNewPassword(password.value));
+
+function onEmailChange(value: string) {
+	email.value = value;
+	dirty.value = true;
+}
+
+function onPasswordChange(value: string) {
+	password.value = value;
+	dirty.value = true;
+}
+
+async function createAdminAccount(): Promise<void> {
+	if (!email.value || !password.value) return;
+
+	submitting.value = true;
+	try {
+		await selfhosted.createInitialUser({ email: email.value, password: password.value });
+		router.push('/login');
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<div class="setup">
+		<AppAlert class="setup__alert" />
+
+		<div class="setup__page">
+			<form class="setup__form" novalidate @submit.prevent="createAdminAccount">
+				<AuthHeader greeting="Welcome to">Create your admin account to get started.</AuthHeader>
+
+				<UiField label="Email" :error="emailError" required class="setup__field">
+					<UiInput
+						type="email"
+						name="email"
+						placeholder="Email"
+						autocomplete="email"
+						data-testid="setup-email-input"
+						:model-value="email"
+						@update:model-value="onEmailChange"
+						@blur="emailTouched = true"
+					/>
+				</UiField>
+
+				<UserPassword
+					:model-value="password"
+					label="Password"
+					class="setup__field"
+					@update:model-value="onPasswordChange"
+				/>
+
+				<UiButton
+					type="submit"
+					block
+					class="setup__submit"
+					data-testid="setup-submit-button"
+					:disabled="submitting || formInvalid || !dirty"
+				>
+					{{ submitting ? 'Creating...' : 'Create Admin Account' }}
+				</UiButton>
+			</form>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.setup {
+	min-height: calc(100vh - var(--header-height) - var(--footer-height));
+	padding: var(--space-4);
+}
+
+.setup__alert {
+	margin-bottom: var(--space-4);
+}
+
+.setup__page {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	min-height: inherit;
+}
+
+.setup__form {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: var(--space-4);
+	width: clamp(22.5rem, 30%, 37.5rem);
+}
+
+.setup__field {
+	width: 100%;
+}
+
+.setup__submit {
+	margin-top: var(--space-10);
+}
+
+@media (width <= 600px) {
+	.setup {
+		padding: 0;
+	}
+
+	.setup__page {
+		justify-content: flex-start;
+	}
+
+	.setup__form {
+		gap: var(--space-2);
+		width: 100%;
+		padding: var(--space-10) 9vw;
+	}
+
+	.setup__submit {
+		margin-top: 0;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/auth/UserDeletedView.spec.ts b/frontend-vue/src/views/auth/UserDeletedView.spec.ts
new file mode 100644
index 000000000..98ae8f652
--- /dev/null
+++ b/frontend-vue/src/views/auth/UserDeletedView.spec.ts
@@ -0,0 +1,16 @@
+import { describe, expect, it } from 'vitest';
+import { mountAuthView } from './authTestUtils';
+import UserDeletedView from './UserDeletedView.vue';
+
+describe('UserDeletedView', () => {
+	it('confirms the deletion and links to the home page', async () => {
+		const { wrapper } = await mountAuthView(UserDeletedView, '/deleted');
+
+		expect(wrapper.text()).toContain('Your account has been deleted successfully.');
+		expect(wrapper.find('.app-banner__box--success').exists()).toBe(true);
+		const link = wrapper.find('a');
+		expect(link.text()).toBe('Visit home page');
+		expect(link.attributes('href')).toBe('https://rocketadmin.com/');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/auth/UserDeletedView.vue b/frontend-vue/src/views/auth/UserDeletedView.vue
new file mode 100644
index 000000000..1f75320a7
--- /dev/null
+++ b/frontend-vue/src/views/auth/UserDeletedView.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/user-deleted-success (/deleted), where the account deletion
+// flow lands.
+import AppBanner from '@/components/shared/AppBanner.vue';
+import { UiButton } from '@/components/ui';
+import { AlertType } from '@/models/alert';
+</script>
+
+<template>
+	<AppBanner :type="AlertType.Success">
+		<p>Your account has been deleted successfully.</p>
+		<template #actions>
+			<UiButton variant="secondary" href="https://rocketadmin.com/">Visit home page</UiButton>
+		</template>
+	</AppBanner>
+</template>
diff --git a/frontend-vue/src/views/auth/authTestUtils.ts b/frontend-vue/src/views/auth/authTestUtils.ts
new file mode 100644
index 000000000..f57667a17
--- /dev/null
+++ b/frontend-vue/src/views/auth/authTestUtils.ts
@@ -0,0 +1,41 @@
+// Spec helpers for the auth pages (not shipped: only *.spec.ts files import this).
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { type Component, defineComponent, h } from 'vue';
+import { createMemoryHistory, createRouter, type Router, RouterView } from 'vue-router';
+
+const Blank = defineComponent({ render: () => h('div', { 'data-testid': 'blank-page' }) });
+
+/**
+ * Mounts `view` as the page of `pattern` (e.g. '/company/:companyId/verify/:verificationToken'),
+ * navigated to `url`, under a memory router whose other paths render a blank page — so a spec can
+ * read `router.currentRoute` after the view navigates. Activates a fresh Pinia.
+ */
+export async function mountAuthView(
+	view: Component,
+	pattern: string,
+	url: string = pattern,
+): Promise<{ wrapper: VueWrapper; router: Router }> {
+	const pinia = createPinia();
+	setActivePinia(pinia);
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [
+			{ path: pattern, component: view },
+			{ path: '/:pathMatch(.*)*', component: Blank },
+		],
+	});
+	router.push(url);
+	await router.isReady();
+	const Host = defineComponent({ render: () => h(RouterView) });
+	const wrapper = mount(Host, { global: { plugins: [router, pinia] }, attachTo: document.body });
+	await flushPromises();
+	return { wrapper, router };
+}
+
+/** The button whose text is `label`. */
+export function buttonByText(wrapper: VueWrapper, label: string) {
+	const match = wrapper.findAll('button').find((candidate) => candidate.text() === label);
+	if (!match) throw new Error(`No button "${label}"`);
+	return match;
+}
diff --git a/frontend-vue/src/views/charts/ChartEditView.spec.ts b/frontend-vue/src/views/charts/ChartEditView.spec.ts
new file mode 100644
index 000000000..ae780ba41
--- /dev/null
+++ b/frontend-vue/src/views/charts/ChartEditView.spec.ts
@@ -0,0 +1,287 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { ChartStub } from '@/components/charts/__tests__/chart-stub';
+import { byText, mountPage } from '@/components/dashboards/__tests__/mount-page';
+import type { SavedQuery } from '@/models/saved-query';
+import ChartEditView from './ChartEditView.vue';
+
+vi.mock('vue-chartjs', async () => ({ Chart: (await import('@/components/charts/__tests__/chart-stub')).ChartStub }));
+
+const savedQueries = vi.hoisted(() => ({
+	fetchSavedQuery: vi.fn(),
+	createSavedQuery: vi.fn(),
+	updateSavedQuery: vi.fn(),
+	testQuery: vi.fn(),
+}));
+const dashboards = vi.hoisted(() => ({ generateWidgetWithAi: vi.fn() }));
+const track = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/saved-queries', () => ({ useSavedQueriesStore: () => savedQueries }));
+vi.mock('@/stores/dashboards', () => ({ useDashboardsStore: () => dashboards }));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => ({ connectionTitle: 'Test Connection' }) }));
+vi.mock('@/stores/ui-settings', () => ({
+	useUiSettingsStore: () => ({
+		isDarkMode: false,
+		getUiSettings: vi.fn(async () => null),
+		updateConnectionSetting: vi.fn(),
+	}),
+}));
+vi.mock('@/components/dashboards/analytics', () => ({ trackDashboardsEvent: track }));
+
+const PATTERNS = ['/panels/:connectionId/new', '/panels/:connectionId/:queryId'];
+
+const savedQuery: SavedQuery = {
+	id: '1',
+	name: 'Test Query',
+	description: 'Test description',
+	widget_type: 'chart',
+	chart_type: 'line',
+	widget_options: { label_column: 'name', value_column: 'count', stacked: true, y_axis: { title: 'Total' } },
+	query_text: 'SELECT * FROM users',
+	connection_id: 'conn-1',
+	created_at: '2024-01-01',
+	updated_at: '2024-01-01',
+};
+
+const testResult = { data: [{ name: 'John', count: 10 }], execution_time_ms: 50 };
+
+function saveButton(wrapper: VueWrapper) {
+	return wrapper.get('[data-testid="save-query-button"]');
+}
+
+async function typeQuery(wrapper: VueWrapper, name: string, sql: string) {
+	await wrapper.get('[data-testid="query-name-input"]').setValue(name);
+	await wrapper.get('textarea[aria-label="SQL query"]').setValue(sql);
+}
+
+describe('ChartEditView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		savedQueries.testQuery.mockResolvedValue(testResult);
+		savedQueries.createSavedQuery.mockResolvedValue(savedQuery);
+		savedQueries.updateSavedQuery.mockResolvedValue(savedQuery);
+		savedQueries.fetchSavedQuery.mockResolvedValue(savedQuery);
+	});
+
+	describe('create mode', () => {
+		const open = () => mountPage(ChartEditView, PATTERNS, '/panels/conn-1/new');
+
+		it('starts in create mode with the AI section open', async () => {
+			const { wrapper } = await open();
+
+			expect(wrapper.get('h1').text()).toBe('Create panel');
+			expect(document.title).toBe('Create Query | Test Connection');
+			expect(savedQueries.fetchSavedQuery).not.toHaveBeenCalled();
+			expect(wrapper.get('[data-testid="ai-section"] button').attributes('aria-expanded')).toBe('true');
+			expect(wrapper.get('[data-testid="manual-section"] button').attributes('aria-expanded')).toBe('false');
+			expect(saveButton(wrapper).text()).toBe('Save query');
+			wrapper.unmount();
+		});
+
+		it('needs a name and a query to save, and a query to test', async () => {
+			const { wrapper } = await open();
+			const test = wrapper.get('[data-testid="test-query-button"]');
+
+			expect(saveButton(wrapper).attributes('disabled')).toBeDefined();
+			expect(test.attributes('disabled')).toBeDefined();
+			await wrapper.get('textarea[aria-label="SQL query"]').setValue('SELECT 1');
+			expect(test.attributes('disabled')).toBeUndefined();
+			expect(saveButton(wrapper).attributes('disabled')).toBeDefined();
+			await wrapper.get('[data-testid="query-name-input"]').setValue('   ');
+			expect(saveButton(wrapper).attributes('disabled')).toBeDefined();
+			await wrapper.get('[data-testid="query-name-input"]').setValue('Test');
+			expect(saveButton(wrapper).attributes('disabled')).toBeUndefined();
+			wrapper.unmount();
+		});
+
+		it('tests the query, shows the results and auto-selects the label column and first series', async () => {
+			const { wrapper } = await open();
+			await typeQuery(wrapper, 'Q', 'SELECT * FROM users');
+
+			await wrapper.get('[data-testid="test-query-button"]').trigger('click');
+			await flushPromises();
+
+			expect(savedQueries.testQuery).toHaveBeenCalledWith('conn-1', { query_text: 'SELECT * FROM users' });
+			expect(track).toHaveBeenCalledWith('Charts: test query executed');
+			expect(wrapper.text()).toContain('Executed in 50ms');
+			expect(wrapper.text()).toContain('Query results (1 rows)');
+			const labelSelect = wrapper.get<HTMLSelectElement>('[data-testid="label-column-select"]');
+			expect(labelSelect.element.selectedOptions[0]?.textContent?.trim()).toBe('name');
+			expect(wrapper.find('[data-testid="series-card-0"]').exists()).toBe(true);
+			expect(wrapper.getComponent(ChartStub).props('data')).toMatchObject({
+				labels: ['John'],
+				datasets: [{ data: [10] }],
+			});
+			wrapper.unmount();
+		});
+
+		it('says so when the query returns no rows', async () => {
+			savedQueries.testQuery.mockResolvedValue({ data: [], execution_time_ms: 3 });
+			const { wrapper } = await open();
+			await typeQuery(wrapper, 'Q', 'SELECT 1 WHERE false');
+
+			await wrapper.get('[data-testid="test-query-button"]').trigger('click');
+			await flushPromises();
+
+			expect(wrapper.text()).toContain('Query executed successfully but returned no results.');
+			expect(wrapper.findComponent(ChartStub).exists()).toBe(false);
+			wrapper.unmount();
+		});
+
+		it('asks for a series once every series is removed', async () => {
+			savedQueries.testQuery.mockResolvedValue({ data: [{ name: 'A', count: 1, total: 2 }], execution_time_ms: 1 });
+			const { wrapper } = await open();
+			await typeQuery(wrapper, 'Q', 'SELECT 1');
+			await wrapper.get('[data-testid="test-query-button"]').trigger('click');
+			await flushPromises();
+
+			await wrapper.get('[data-testid="add-series-button"]').trigger('click');
+			expect(wrapper.findAll('[data-testid^="series-card-"]')).toHaveLength(2);
+			await wrapper.get('[data-testid="series-card-1"] button[aria-label="Remove series"]').trigger('click');
+			expect(wrapper.findAll('[data-testid^="series-card-"]')).toHaveLength(1);
+			wrapper.unmount();
+		});
+
+		it('creates the saved query with the default chart options and goes back to the panels list', async () => {
+			const { wrapper, router } = await open();
+			await typeQuery(wrapper, 'New Query', 'SELECT 1');
+
+			await saveButton(wrapper).trigger('click');
+			await flushPromises();
+
+			expect(savedQueries.createSavedQuery).toHaveBeenCalledWith('conn-1', {
+				name: 'New Query',
+				description: undefined,
+				query_text: 'SELECT 1',
+				widget_type: 'chart',
+				chart_type: 'bar',
+				widget_options: { label_column: '', label_type: 'values' },
+			});
+			expect(track).toHaveBeenCalledWith('Charts: saved query created');
+			expect(router.currentRoute.value.path).toBe('/panels/conn-1');
+			wrapper.unmount();
+		});
+
+		it('saves the display, series and palette options set in the editor', async () => {
+			const { wrapper } = await open();
+			await typeQuery(wrapper, 'Q', 'SELECT 1');
+			await wrapper.get('[data-testid="test-query-button"]').trigger('click');
+			await flushPromises();
+
+			const checkbox = (label: string) => {
+				const match = wrapper.findAll('label.ui-checkbox').find((candidate) => candidate.text() === label);
+				if (!match) throw new Error(`No checkbox "${label}"`);
+				return match.get('input');
+			};
+			await checkbox('Stacked').setValue(true);
+			await checkbox('Show legend').setValue(false);
+			await byText(wrapper, 'Load defaults').trigger('click');
+			await wrapper.findAll('button[aria-label="Remove color"]')[0]?.trigger('click');
+			await wrapper.get('[data-testid="series-card-0"] input[placeholder="Auto"]').setValue('Users');
+			await saveButton(wrapper).trigger('click');
+			await flushPromises();
+
+			const options = savedQueries.createSavedQuery.mock.calls[0]?.[1].widget_options;
+			expect(options).toMatchObject({
+				label_column: 'name',
+				series: [{ value_column: 'count', label: 'Users' }],
+				stacked: true,
+				legend: { show: false, position: 'top' },
+			});
+			expect(options.color_palette).toHaveLength(9);
+			wrapper.unmount();
+		});
+
+		it('stays on the page when saving fails', async () => {
+			savedQueries.createSavedQuery.mockRejectedValue(new Error('nope'));
+			const { wrapper, router } = await open();
+			await typeQuery(wrapper, 'New Query', 'SELECT 1');
+
+			await saveButton(wrapper).trigger('click');
+			await flushPromises();
+
+			expect(router.currentRoute.value.path).toBe('/panels/conn-1/new');
+			expect(saveButton(wrapper).attributes('disabled')).toBeUndefined();
+			wrapper.unmount();
+		});
+
+		it('generates the panel with AI, applies it and tests the generated query', async () => {
+			dashboards.generateWidgetWithAi.mockResolvedValue({
+				name: 'Revenue',
+				description: 'Monthly revenue',
+				widget_type: 'chart',
+				chart_type: 'pie',
+				widget_options: { label_column: 'name', value_column: 'count' },
+				query_text: 'SELECT name, count FROM sales',
+				connection_id: 'conn-1',
+				panel_position: { position_x: 0, position_y: 0, width: 4, height: 4 },
+			});
+			const { wrapper } = await open();
+			const generate = wrapper.get('[data-testid="ai-generate-button"]');
+
+			expect(generate.attributes('disabled')).toBeDefined();
+			await wrapper.get('[data-testid="ai-description-input"]').setValue('Revenue by product');
+			await generate.trigger('click');
+			await flushPromises();
+
+			expect(dashboards.generateWidgetWithAi).toHaveBeenCalledWith('conn-1', {
+				chart_description: 'Revenue by product',
+			});
+			expect(savedQueries.testQuery).toHaveBeenCalledWith('conn-1', { query_text: 'SELECT name, count FROM sales' });
+			expect(track).toHaveBeenCalledWith('Charts: AI generation used');
+			expect(wrapper.get<HTMLInputElement>('[data-testid="query-name-input"]').element.value).toBe('Revenue');
+			expect(wrapper.get('[data-testid="ai-section"] button').attributes('aria-expanded')).toBe('false');
+			expect(wrapper.get('[data-testid="manual-section"] button').attributes('aria-expanded')).toBe('true');
+			expect(wrapper.getComponent(ChartStub).props('type')).toBe('pie');
+			wrapper.unmount();
+		});
+	});
+
+	describe('edit mode', () => {
+		const open = () => mountPage(ChartEditView, PATTERNS, '/panels/conn-1/1');
+
+		it('loads the saved query, applies its options and tests it', async () => {
+			const { wrapper } = await open();
+
+			expect(savedQueries.fetchSavedQuery).toHaveBeenCalledWith('conn-1', '1');
+			expect(savedQueries.testQuery).toHaveBeenCalledWith('conn-1', { query_text: 'SELECT * FROM users' });
+			expect(wrapper.get('h1').text()).toBe('Edit panel');
+			expect(document.title).toBe('Edit Query | Test Connection');
+			expect(wrapper.get<HTMLInputElement>('[data-testid="query-name-input"]').element.value).toBe('Test Query');
+			expect(wrapper.get('[data-testid="manual-section"] button').attributes('aria-expanded')).toBe('true');
+			expect(saveButton(wrapper).text()).toBe('Update query');
+			wrapper.unmount();
+		});
+
+		it('updates the saved query, keeping its stored options', async () => {
+			const { wrapper, router } = await open();
+
+			await saveButton(wrapper).trigger('click');
+			await flushPromises();
+
+			expect(savedQueries.updateSavedQuery).toHaveBeenCalledWith('conn-1', '1', {
+				name: 'Test Query',
+				description: 'Test description',
+				query_text: 'SELECT * FROM users',
+				widget_type: 'chart',
+				chart_type: 'line',
+				widget_options: {
+					label_column: 'name',
+					label_type: 'values',
+					series: [{ value_column: 'count' }],
+					stacked: true,
+					y_axis: { title: 'Total' },
+				},
+			});
+			expect(track).toHaveBeenCalledWith('Charts: saved query updated');
+			expect(router.currentRoute.value.path).toBe('/panels/conn-1');
+			wrapper.unmount();
+		});
+
+		it('links back to the panels list', async () => {
+			const { wrapper } = await open();
+
+			expect(byText(wrapper, 'Back', 'a').attributes('href')).toBe('/panels/conn-1');
+			wrapper.unmount();
+		});
+	});
+});
diff --git a/frontend-vue/src/views/charts/ChartEditView.vue b/frontend-vue/src/views/charts/ChartEditView.vue
new file mode 100644
index 000000000..bf59bf1be
--- /dev/null
+++ b/frontend-vue/src/views/charts/ChartEditView.vue
@@ -0,0 +1,650 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/charts/chart-edit: create (/panels/:connectionId/new) or edit
+// (/panels/:connectionId/:queryId) a panel — a saved SQL query with its chart configuration. The
+// query can be generated with AI, tested to get columns and a live preview, then saved.
+//
+// The chart configuration lives in createChartEditorState() (components/charts/chartEditor.ts),
+// which the series and advanced-option sections inject.
+import { computed, onMounted, ref, watchEffect } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import ChartAdvancedOptions from '@/components/charts/ChartAdvancedOptions.vue';
+import ChartPreview from '@/components/charts/ChartPreview.vue';
+import ChartSeriesEditor from '@/components/charts/ChartSeriesEditor.vue';
+import {
+	CHART_TYPES,
+	createChartEditorState,
+	LABEL_TYPES,
+	type LabelType,
+	provideChartEditor,
+	type SelectModel,
+	selected,
+} from '@/components/charts/chartEditor';
+import { trackDashboardsEvent } from '@/components/dashboards/analytics';
+import DashboardsSidebar from '@/components/dashboards/DashboardsSidebar.vue';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import AppCodeEditor from '@/components/shared/AppCodeEditor.vue';
+import {
+	type TableColumn,
+	UiButton,
+	UiExpansionPanel,
+	UiField,
+	UiIcon,
+	UiInput,
+	UiSelect,
+	UiSpinner,
+	UiTable,
+	UiTextarea,
+} from '@/components/ui';
+import type { ChartType, ChartWidgetOptions, GeneratedPanelWithPosition } from '@/models/saved-query';
+import { useConnectionsStore } from '@/stores/connections';
+import { useDashboardsStore } from '@/stores/dashboards';
+import { useSavedQueriesStore } from '@/stores/saved-queries';
+
+const VALID_CHART_TYPES: ChartType[] = ['bar', 'line', 'pie', 'doughnut', 'polarArea'];
+
+const route = useRoute();
+const router = useRouter();
+const savedQueries = useSavedQueriesStore();
+const dashboards = useDashboardsStore();
+const connections = useConnectionsStore();
+
+const editor = createChartEditorState();
+provideChartEditor(editor);
+const {
+	chartType,
+	currentWidgetOptions,
+	hasChartData,
+	labelColumn,
+	labelType,
+	resultColumns,
+	showLabelTypeOption,
+	testResults,
+} = editor;
+
+const connectionId = computed(() => String(route.params.connectionId ?? ''));
+const queryId = computed(() => String(route.params.queryId ?? ''));
+const isEditMode = computed(() => !!queryId.value);
+
+const loading = ref(true);
+const saving = ref(false);
+const testing = ref(false);
+
+const queryName = ref('');
+const queryDescription = ref('');
+const queryText = ref('');
+
+const executionTime = ref<number | null>(null);
+const showResults = ref(false);
+
+// AI generation
+const aiDescription = ref('');
+const aiGenerating = ref(false);
+const aiExpanded = ref(true);
+const manualExpanded = ref(false);
+const canGenerate = computed(() => !!aiDescription.value.trim() && !aiGenerating.value);
+
+const canSave = computed(() => !!queryName.value.trim() && !!queryText.value.trim() && !saving.value);
+const canTest = computed(() => !!queryText.value.trim() && !testing.value);
+
+const columnOptions = computed(() => resultColumns.value.map((col) => ({ value: col, label: col })));
+const resultTableColumns = computed<TableColumn<Record<string, unknown>>[]>(() =>
+	resultColumns.value.map((col) => ({ key: col, label: col })),
+);
+
+watchEffect(() => {
+	const pageTitle = isEditMode.value ? 'Edit Query' : 'Create Query';
+	document.title = `${pageTitle} | ${connections.connectionTitle || 'Rocketadmin'}`;
+});
+
+onMounted(() => {
+	if (isEditMode.value) {
+		manualExpanded.value = true;
+		aiExpanded.value = false;
+		loadSavedQuery();
+	} else {
+		loading.value = false;
+	}
+});
+
+async function loadSavedQuery(): Promise<void> {
+	loading.value = true;
+	try {
+		const query = await savedQueries.fetchSavedQuery(connectionId.value, queryId.value);
+		if (query) {
+			queryName.value = query.name;
+			queryDescription.value = query.description || '';
+			queryText.value = query.query_text;
+			if (query.chart_type) chartType.value = query.chart_type;
+			if (query.widget_options) {
+				editor.applyWidgetOptions(query.widget_options as Partial<ChartWidgetOptions>, 'saved');
+			}
+			testQuery();
+		}
+	} catch {
+		// The client has shown the error.
+	} finally {
+		loading.value = false;
+	}
+}
+
+async function testQuery(): Promise<void> {
+	if (!queryText.value.trim()) return;
+
+	testing.value = true;
+	showResults.value = false;
+	try {
+		const result = await savedQueries.testQuery(connectionId.value, { query_text: queryText.value });
+		if (result) {
+			editor.applyTestResults(result.data);
+			executionTime.value = result.execution_time_ms;
+			showResults.value = true;
+		}
+	} catch {
+		// The client has shown the error.
+	} finally {
+		testing.value = false;
+	}
+
+	trackDashboardsEvent('Charts: test query executed');
+}
+
+async function saveQuery(): Promise<void> {
+	if (!queryName.value.trim() || !queryText.value.trim()) return;
+
+	saving.value = true;
+	const payload = {
+		name: queryName.value,
+		description: queryDescription.value || undefined,
+		query_text: queryText.value,
+		widget_type: 'chart' as const,
+		chart_type: chartType.value,
+		widget_options: currentWidgetOptions.value as unknown as Record<string, unknown>,
+	};
+
+	try {
+		if (isEditMode.value) {
+			const result = await savedQueries.updateSavedQuery(connectionId.value, queryId.value, payload);
+			if (result) router.push(`/panels/${connectionId.value}`);
+			trackDashboardsEvent('Charts: saved query updated');
+		} else {
+			const result = await savedQueries.createSavedQuery(connectionId.value, payload);
+			if (result) router.push(`/panels/${connectionId.value}`);
+			trackDashboardsEvent('Charts: saved query created');
+		}
+	} catch {
+		// The client has shown the error.
+	} finally {
+		saving.value = false;
+	}
+}
+
+async function generateWithAi(): Promise<void> {
+	if (!aiDescription.value.trim()) return;
+
+	aiGenerating.value = true;
+	try {
+		const result = await dashboards.generateWidgetWithAi(connectionId.value, {
+			chart_description: aiDescription.value,
+		});
+		if (result) {
+			applyAiResponse(result);
+			aiExpanded.value = false;
+			manualExpanded.value = true;
+			await testQuery();
+		}
+	} catch {
+		// The client has shown the error.
+	} finally {
+		aiGenerating.value = false;
+	}
+
+	trackDashboardsEvent('Charts: AI generation used');
+}
+
+function applyAiResponse(result: GeneratedPanelWithPosition): void {
+	if (result.name) queryName.value = result.name;
+	if (result.description) queryDescription.value = result.description;
+	if (result.query_text) queryText.value = result.query_text;
+	if (result.chart_type && VALID_CHART_TYPES.includes(result.chart_type as ChartType)) {
+		chartType.value = result.chart_type as ChartType;
+	}
+	if (result.widget_options) {
+		editor.applyWidgetOptions(result.widget_options as Partial<ChartWidgetOptions>, 'ai');
+	}
+}
+
+function setChartType(value: SelectModel<ChartType>): void {
+	const choice = selected(value);
+	if (choice) chartType.value = choice;
+}
+
+function setLabelColumn(value: SelectModel<string>): void {
+	const choice = selected(value);
+	labelColumn.value = choice ?? '';
+}
+
+function setLabelType(value: SelectModel<LabelType>): void {
+	const choice = selected(value);
+	if (choice) labelType.value = choice;
+}
+</script>
+
+<template>
+	<div class="chart-edit">
+		<DashboardsSidebar :connection-id="connectionId" active-tab="queries" />
+
+		<div class="chart-edit__main">
+			<AppAlert />
+
+			<div class="chart-edit__page">
+				<h1 class="chart-edit__title">{{ isEditMode ? 'Edit panel' : 'Create panel' }}</h1>
+
+				<div v-if="loading" class="chart-edit__loading">
+					<UiSpinner size="lg" label="Loading panel" />
+				</div>
+
+				<div v-else class="chart-edit__content">
+					<UiExpansionPanel v-model:open="aiExpanded" class="chart-edit__ai" data-testid="ai-section">
+						<template #title>
+							<span class="chart-edit__section-title">
+								<UiIcon name="auto_awesome" size="sm" class="chart-edit__ai-icon" />
+								Generate with AI
+							</span>
+						</template>
+						<div class="chart-edit__ai-body">
+							<UiField label="Chart description" hint="Describe the chart you want in natural language">
+								<UiTextarea
+									v-model="aiDescription"
+									:rows="2"
+									placeholder="e.g. Show monthly revenue by product category as a bar chart"
+									data-testid="ai-description-input"
+								/>
+							</UiField>
+							<div class="chart-edit__ai-actions">
+								<UiButton
+									:loading="aiGenerating"
+									:disabled="!canGenerate"
+									data-testid="ai-generate-button"
+									@click="generateWithAi"
+								>
+									<template v-if="!aiGenerating" #leading><UiIcon name="auto_awesome" size="sm" /></template>
+									{{ aiGenerating ? 'Generating...' : 'Generate' }}
+								</UiButton>
+							</div>
+						</div>
+					</UiExpansionPanel>
+
+					<section v-if="showResults" class="chart-edit__preview" data-testid="chart-preview-section">
+						<div class="chart-edit__section-header">
+							<h3 class="chart-edit__heading">Chart preview</h3>
+							<span v-if="executionTime !== null" class="chart-edit__execution-time">
+								Executed in {{ executionTime }}ms
+							</span>
+						</div>
+						<div v-if="hasChartData" class="chart-edit__chart">
+							<ChartPreview
+								:chart-type="chartType"
+								:data="testResults"
+								:widget-options="currentWidgetOptions"
+							/>
+						</div>
+						<div v-if="!hasChartData && testResults.length > 0" class="chart-edit__no-chart">
+							<p>Add at least one data series to display the chart</p>
+						</div>
+					</section>
+
+					<div v-if="showResults && testResults.length === 0" class="chart-edit__no-results">
+						<UiIcon name="info" class="chart-edit__no-results-icon" />
+						<p>Query executed successfully but returned no results.</p>
+					</div>
+
+					<UiExpansionPanel v-model:open="manualExpanded" class="chart-edit__manual" data-testid="manual-section">
+						<template #title>
+							<span class="chart-edit__section-title">
+								<UiIcon name="tune" size="sm" class="chart-edit__manual-icon" />
+								Manual configuration
+							</span>
+						</template>
+						<div class="chart-edit__manual-body">
+							<div class="chart-edit__details">
+								<UiField label="Query name" required class="chart-edit__name">
+									<UiInput
+										v-model="queryName"
+										placeholder="Enter a name for this query"
+										data-testid="query-name-input"
+									/>
+								</UiField>
+								<UiField label="Description (optional)" class="chart-edit__description">
+									<UiInput
+										v-model="queryDescription"
+										placeholder="Add a description"
+										data-testid="query-description-input"
+									/>
+								</UiField>
+							</div>
+
+							<div class="chart-edit__grid">
+								<div class="chart-edit__column">
+									<div class="chart-edit__section-header">
+										<h3 class="chart-edit__heading">SQL query</h3>
+										<UiButton
+											variant="secondary"
+											:loading="testing"
+											:disabled="!canTest"
+											data-testid="test-query-button"
+											@click="testQuery"
+										>
+											<template v-if="!testing" #leading><UiIcon name="play_arrow" size="sm" /></template>
+											{{ testing ? 'Testing...' : 'Test query' }}
+										</UiButton>
+									</div>
+									<div class="chart-edit__code ph-no-capture">
+										<AppCodeEditor
+											v-model="queryText"
+											language="sql"
+											label="SQL query"
+											height="300px"
+											:options="{ lineNumbers: 'on' }"
+										/>
+									</div>
+								</div>
+
+								<div v-if="showResults" class="chart-edit__column">
+									<div class="chart-edit__config">
+										<h3 class="chart-edit__heading">Chart configuration</h3>
+										<div class="chart-edit__config-fields">
+											<UiField label="Chart type" class="chart-edit__config-field">
+												<UiSelect
+													:model-value="chartType"
+													:options="CHART_TYPES"
+													data-testid="chart-type-select"
+													@update:model-value="setChartType"
+												/>
+											</UiField>
+											<UiField label="Label column" class="chart-edit__config-field">
+												<UiSelect
+													:model-value="labelColumn || null"
+													:options="columnOptions"
+													placeholder=""
+													data-testid="label-column-select"
+													@update:model-value="setLabelColumn"
+												/>
+											</UiField>
+											<UiField v-if="showLabelTypeOption" label="Label type" class="chart-edit__config-field">
+												<UiSelect
+													:model-value="labelType"
+													:options="LABEL_TYPES"
+													data-testid="label-type-select"
+													@update:model-value="setLabelType"
+												/>
+											</UiField>
+										</div>
+										<ChartSeriesEditor />
+									</div>
+									<ChartAdvancedOptions />
+								</div>
+							</div>
+
+							<section v-if="showResults && testResults.length > 0" class="chart-edit__results">
+								<h3 class="chart-edit__heading">Query results ({{ testResults.length }} rows)</h3>
+								<UiTable
+									class="chart-edit__results-table"
+									:columns="resultTableColumns"
+									:rows="testResults"
+									label="Query results"
+									size="sm"
+									sticky-header
+								/>
+							</section>
+						</div>
+					</UiExpansionPanel>
+				</div>
+			</div>
+
+			<div v-if="!loading" class="chart-edit__actions">
+				<UiButton variant="secondary" :to="`/panels/${connectionId}`" data-testid="cancel-button">Back</UiButton>
+				<UiButton :loading="saving" :disabled="!canSave" data-testid="save-query-button" @click="saveQuery">
+					{{ saving ? 'Saving...' : isEditMode ? 'Update query' : 'Save query' }}
+				</UiButton>
+			</div>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.chart-edit {
+	display: flex;
+	height: calc(100vh - var(--header-height) - var(--footer-height));
+	overflow: hidden;
+}
+
+.chart-edit__main {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	min-width: 0;
+	overflow-y: auto;
+	background: var(--color-paper);
+}
+
+.chart-edit__page {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	box-sizing: border-box;
+	width: 100%;
+	max-width: 1400px;
+	margin: var(--space-12) auto;
+	padding: 0 clamp(var(--space-10), 5vw, 100px);
+}
+
+.chart-edit__title {
+	margin: 0 0 var(--space-8);
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.chart-edit__loading {
+	display: flex;
+	justify-content: center;
+	padding: var(--space-16);
+}
+
+.chart-edit__content {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	gap: var(--space-6);
+	padding-bottom: var(--space-6);
+}
+
+.chart-edit__ai,
+.chart-edit__manual {
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-panel);
+	background: var(--color-surface);
+}
+
+.chart-edit__section-title {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-2);
+	font-weight: var(--weight-medium);
+}
+
+.chart-edit__ai-icon {
+	color: var(--color-accent);
+}
+
+.chart-edit__manual-icon {
+	color: var(--color-muted);
+}
+
+.chart-edit__ai-body {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+}
+
+.chart-edit__ai-actions {
+	display: flex;
+	justify-content: flex-end;
+}
+
+.chart-edit__preview,
+.chart-edit__config,
+.chart-edit__results {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+}
+
+.chart-edit__section-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--space-4);
+}
+
+.chart-edit__heading {
+	margin: 0;
+	font-size: var(--text-md);
+	font-weight: var(--weight-medium);
+}
+
+.chart-edit__execution-time {
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+
+.chart-edit__chart {
+	min-height: 250px;
+	padding: var(--space-4);
+	border-radius: var(--radius-control);
+	background: var(--color-paper-2);
+}
+
+.chart-edit__no-chart {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	min-height: 200px;
+	text-align: center;
+	color: var(--color-muted);
+}
+
+.chart-edit__no-results {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	padding: var(--space-6);
+	border-radius: var(--radius-control);
+	background: var(--color-paper-2);
+	color: var(--color-muted);
+}
+
+.chart-edit__no-results p {
+	margin: 0;
+}
+
+.chart-edit__no-results-icon {
+	color: var(--color-accent);
+}
+
+.chart-edit__manual-body {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-6);
+}
+
+.chart-edit__details {
+	display: flex;
+	gap: var(--space-4);
+	margin-top: var(--space-2);
+}
+
+.chart-edit__name {
+	flex: 1;
+	max-width: 300px;
+}
+
+.chart-edit__description {
+	flex: 2;
+}
+
+.chart-edit__grid {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	gap: var(--space-6);
+}
+
+.chart-edit__column {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-6);
+	min-width: 0;
+}
+
+.chart-edit__code {
+	overflow: hidden;
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-control);
+}
+
+.chart-edit__config-fields {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-4);
+}
+
+.chart-edit__config-field {
+	flex: 1;
+	min-width: 150px;
+}
+
+.chart-edit__results-table {
+	max-height: 300px;
+}
+
+.chart-edit__actions {
+	position: sticky;
+	bottom: 0;
+	z-index: var(--z-sticky);
+	display: flex;
+	flex-shrink: 0;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--space-4);
+	height: 64px;
+	padding: 0 clamp(var(--space-10), 5vw, 100px);
+	background: var(--color-surface);
+	box-shadow: var(--shadow-card);
+}
+
+@media (width <= 900px) {
+	.chart-edit__grid {
+		grid-template-columns: 1fr;
+	}
+}
+
+@media (width <= 600px) {
+	.chart-edit__page {
+		margin: var(--space-6) auto;
+		padding: 0 var(--space-4);
+	}
+
+	.chart-edit__details {
+		flex-direction: column;
+	}
+
+	.chart-edit__name {
+		max-width: 100%;
+	}
+
+	.chart-edit__actions {
+		padding: 0 var(--space-4);
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/charts/ChartsListView.spec.ts b/frontend-vue/src/views/charts/ChartsListView.spec.ts
new file mode 100644
index 000000000..aac7ff703
--- /dev/null
+++ b/frontend-vue/src/views/charts/ChartsListView.spec.ts
@@ -0,0 +1,139 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { ref } from 'vue';
+import { mountPage } from '@/components/dashboards/__tests__/mount-page';
+import type { SavedQuery } from '@/models/saved-query';
+import ChartsListView from './ChartsListView.vue';
+
+const state = vi.hoisted(() => ({
+	connectionIds: [] as unknown[],
+	savedQueries: null as unknown as import('vue').Ref<SavedQuery[]>,
+	loading: null as unknown as import('vue').Ref<boolean>,
+	deleteSavedQuery: vi.fn(),
+}));
+const track = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/saved-queries', () => ({
+	useSavedQueriesQuery: (connectionId: unknown) => {
+		state.connectionIds.push(connectionId);
+		return { savedQueries: state.savedQueries, loading: state.loading };
+	},
+	useSavedQueriesStore: () => ({ deleteSavedQuery: state.deleteSavedQuery }),
+}));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => ({ connectionTitle: 'Test Connection' }) }));
+vi.mock('@/stores/ui-settings', () => ({
+	useUiSettingsStore: () => ({ getUiSettings: vi.fn(async () => null), updateConnectionSetting: vi.fn() }),
+}));
+vi.mock('@/components/dashboards/analytics', () => ({ trackDashboardsEvent: track }));
+
+const query: SavedQuery = {
+	id: '1',
+	name: 'Test Query',
+	description: 'Test description',
+	widget_type: 'chart',
+	chart_type: 'pie',
+	widget_options: null,
+	query_text: 'SELECT * FROM users',
+	connection_id: 'conn-1',
+	created_at: '2024-01-01',
+	updated_at: '2024-01-01T00:00:00Z',
+};
+const other: SavedQuery = { ...query, id: '2', name: 'Revenue', description: null, chart_type: null };
+
+const open = () => mountPage(ChartsListView, '/panels/:connectionId', '/panels/conn-1');
+
+describe('ChartsListView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		state.connectionIds = [];
+		state.savedQueries = ref([query, other]);
+		state.loading = ref(false);
+	});
+
+	it('loads the saved queries of the connection and sets the title', async () => {
+		const { wrapper } = await open();
+
+		expect(state.connectionIds).toHaveLength(1);
+		expect(document.title).toBe('Charts | Test Connection');
+		expect(wrapper.get('h1').text()).toBe('Panels');
+		const rows = wrapper.findAll('tbody tr');
+		expect(rows).toHaveLength(2);
+		expect(rows[0]?.text()).toContain('Test Query');
+		expect(rows[0]?.text()).toContain('Test description');
+		expect(rows[1]?.text()).toContain('—');
+		expect(wrapper.find('[data-chart-type="pie"]').exists()).toBe(true);
+		expect(wrapper.find('[data-chart-type="bar"]').exists()).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('shows the skeleton while loading', async () => {
+		state.loading.value = true;
+		const { wrapper } = await open();
+
+		expect(wrapper.find('[role="status"]').exists()).toBe(true);
+		expect(wrapper.find('table').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('filters by name and by description', async () => {
+		const { wrapper } = await open();
+		const search = wrapper.get('[data-testid="panels-search-input"]');
+
+		await search.setValue('revenue');
+		expect(wrapper.findAll('tbody tr')).toHaveLength(1);
+		expect(wrapper.get('tbody').text()).toContain('Revenue');
+
+		await search.setValue('DESCRIPTION');
+		expect(wrapper.findAll('tbody tr')).toHaveLength(1);
+		expect(wrapper.get('tbody').text()).toContain('Test Query');
+
+		await search.setValue('nonexistent');
+		expect(wrapper.find('table').exists()).toBe(false);
+		expect(wrapper.text()).toContain('No panels match your search criteria.');
+		expect(wrapper.find('[data-testid="create-panel-button"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('invites to create the first panel when there are none', async () => {
+		state.savedQueries.value = [];
+		const { wrapper } = await open();
+
+		expect(wrapper.text()).toContain('No panels found');
+		expect(wrapper.text()).toContain('Create your first panel to visualize your data.');
+		expect(wrapper.find('a[href="/panels/conn-1/new"]').exists()).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('links to the editor for a new panel', async () => {
+		const { wrapper } = await open();
+		const create = wrapper.get('[data-testid="create-panel-button"]');
+
+		expect(create.attributes('href')).toBe('/panels/conn-1/new');
+		await create.trigger('click');
+		expect(track).toHaveBeenCalledWith('Charts: create chart page opened');
+		wrapper.unmount();
+	});
+
+	it('opens the editor when a row is clicked', async () => {
+		const { wrapper, router } = await open();
+
+		await wrapper.findAll('tbody tr')[1]?.trigger('click');
+		await flushPromises();
+
+		expect(track).toHaveBeenCalledWith('Charts: edit chart page opened');
+		expect(router.currentRoute.value.path).toBe('/panels/conn-1/2');
+		wrapper.unmount();
+	});
+
+	it('opens the delete dialog from the row menu', async () => {
+		const { wrapper } = await open();
+
+		await wrapper.get('[data-testid="panel-actions-0-button"]').trigger('click');
+		expect(wrapper.get('[data-testid="panel-edit-0-menu-item"]').attributes('href')).toBe('/panels/conn-1/1');
+		await wrapper.get('[data-testid="panel-delete-0-menu-item"]').trigger('click');
+		await flushPromises();
+
+		expect(track).toHaveBeenCalledWith('Charts: delete chart dialog opened');
+		expect(wrapper.text()).toContain('Are you sure you want to delete the query Test Query?');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/charts/ChartsListView.vue b/frontend-vue/src/views/charts/ChartsListView.vue
new file mode 100644
index 000000000..ca9dfc18e
--- /dev/null
+++ b/frontend-vue/src/views/charts/ChartsListView.vue
@@ -0,0 +1,333 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/charts/charts-list: the panels (saved queries) of a
+// connection, at /panels/:connectionId. Searchable by name and description; a row opens the editor.
+import { computed, ref, watchEffect } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import ChartDeleteDialog from '@/components/charts/ChartDeleteDialog.vue';
+import { trackDashboardsEvent } from '@/components/dashboards/analytics';
+import ChartMiniPreview from '@/components/dashboards/ChartMiniPreview.vue';
+import DashboardsSidebar from '@/components/dashboards/DashboardsSidebar.vue';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import PlaceholderTableData from '@/components/skeletons/PlaceholderTableData.vue';
+import {
+	type TableColumn,
+	UiButton,
+	UiDivider,
+	UiField,
+	UiIcon,
+	UiIconButton,
+	UiInput,
+	UiMenu,
+	UiMenuItem,
+	UiTable,
+	vTooltip,
+} from '@/components/ui';
+import { useDialog } from '@/composables/useDialog';
+import type { ChartType, SavedQuery } from '@/models/saved-query';
+import { useConnectionsStore } from '@/stores/connections';
+import { useSavedQueriesQuery } from '@/stores/saved-queries';
+
+const CHART_TYPE_NAMES: Record<ChartType, string> = {
+	bar: 'Bar Chart',
+	line: 'Line Chart',
+	pie: 'Pie Chart',
+	doughnut: 'Doughnut Chart',
+	polarArea: 'Polar Area Chart',
+};
+
+const COLUMNS: TableColumn<SavedQuery>[] = [
+	{ key: 'preview', label: 'Type', width: '4rem' },
+	{ key: 'name', label: 'Name' },
+	{ key: 'description', label: 'Description' },
+	{ key: 'updated', label: 'Updated' },
+];
+
+const route = useRoute();
+const router = useRouter();
+const dialog = useDialog();
+const connections = useConnectionsStore();
+
+const connectionId = computed(() => String(route.params.connectionId ?? ''));
+const { savedQueries, loading } = useSavedQueriesQuery(connectionId);
+const searchQuery = ref('');
+
+const filteredQueries = computed(() => {
+	const search = searchQuery.value;
+	if (!search) return savedQueries.value;
+	const query = search.toLowerCase();
+	return savedQueries.value.filter(
+		(q) => q.name.toLowerCase().includes(query) || q.description?.toLowerCase().includes(query),
+	);
+});
+
+watchEffect(() => {
+	document.title = `Charts | ${connections.connectionTitle || 'Rocketadmin'}`;
+});
+
+function getChartTypeName(chartType: ChartType | null): string {
+	return chartType ? CHART_TYPE_NAMES[chartType] : 'Bar Chart';
+}
+
+function trackCreatePageOpened(): void {
+	trackDashboardsEvent('Charts: create chart page opened');
+}
+
+function trackEditPageOpened(): void {
+	trackDashboardsEvent('Charts: edit chart page opened');
+}
+
+function openQuery(query: SavedQuery): void {
+	trackEditPageOpened();
+	router.push(`/panels/${connectionId.value}/${query.id}`);
+}
+
+function openDeleteDialog(query: SavedQuery): void {
+	dialog.open(ChartDeleteDialog, { data: { query, connectionId: connectionId.value } });
+	trackDashboardsEvent('Charts: delete chart dialog opened');
+}
+
+function formatUpdatedAt(date: string): string {
+	const now = new Date();
+	const updated = new Date(date);
+	const diffMs = now.getTime() - updated.getTime();
+	const diffMins = Math.floor(diffMs / 60000);
+	const diffHours = Math.floor(diffMs / 3600000);
+	const diffDays = Math.floor(diffMs / 86400000);
+
+	if (diffMins < 1) return 'Just now';
+	if (diffMins < 60) return `${diffMins} min ago`;
+	if (diffHours < 24) return `${diffHours} hour${diffHours > 1 ? 's' : ''} ago`;
+	if (diffDays < 7) return `${diffDays} day${diffDays > 1 ? 's' : ''} ago`;
+
+	return updated.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
+}
+</script>
+
+<template>
+	<div class="charts-list">
+		<DashboardsSidebar :connection-id="connectionId" active-tab="queries" />
+
+		<div class="charts-list__main">
+			<AppAlert />
+
+			<div class="charts-list__page">
+				<header class="charts-list__header">
+					<h1 class="charts-list__title">Panels</h1>
+					<p class="charts-list__description">
+						Create and manage panels with chart visualizations for your dashboards.
+					</p>
+				</header>
+
+				<div class="charts-list__toolbar">
+					<UiField label="Search panels" class="charts-list__search">
+						<UiInput
+							v-model="searchQuery"
+							type="search"
+							placeholder="Search by name or description..."
+							data-testid="panels-search-input"
+						/>
+					</UiField>
+
+					<UiButton
+						v-if="filteredQueries.length > 0"
+						:to="`/panels/${connectionId}/new`"
+						data-testid="create-panel-button"
+						@click="trackCreatePageOpened"
+					>
+						<template #leading><UiIcon name="add" size="sm" /></template>
+						Create panel
+					</UiButton>
+				</div>
+
+				<PlaceholderTableData v-if="loading" />
+
+				<div v-else-if="filteredQueries.length === 0" class="charts-list__empty">
+					<UiIcon name="widgets" size="lg" class="charts-list__empty-icon" />
+					<h3 class="charts-list__empty-title">No panels found</h3>
+					<p v-if="searchQuery" class="charts-list__empty-text">No panels match your search criteria.</p>
+					<p v-else class="charts-list__empty-text">Create your first panel to visualize your data.</p>
+					<UiButton :to="`/panels/${connectionId}/new`" @click="trackCreatePageOpened">
+						<template #leading><UiIcon name="add" size="sm" /></template>
+						Create panel
+					</UiButton>
+				</div>
+
+				<UiTable
+					v-else
+					class="charts-list__table"
+					:columns="COLUMNS"
+					:rows="filteredQueries"
+					row-key="id"
+					label="Panels"
+					interactive
+					@row-click="openQuery"
+				>
+					<template #cell-preview="{ row }">
+						<div v-tooltip="getChartTypeName(row.chart_type)" class="charts-list__preview">
+							<ChartMiniPreview :chart-type="row.chart_type" />
+						</div>
+					</template>
+					<template #cell-name="{ row }">
+						<span class="charts-list__name">{{ row.name }}</span>
+					</template>
+					<template #cell-description="{ row }">
+						<span class="charts-list__muted charts-list__ellipsis">{{ row.description || '—' }}</span>
+					</template>
+					<template #cell-updated="{ row }">
+						<span class="charts-list__muted charts-list__nowrap">{{ formatUpdatedAt(row.updated_at) }}</span>
+					</template>
+					<template #actions="{ row, index }">
+						<UiMenu :label="`${row.name} actions`" align="end">
+							<template #trigger="{ triggerProps }">
+								<UiIconButton
+									v-bind="triggerProps"
+									icon="more_vert"
+									label="Panel actions"
+									:data-testid="`panel-actions-${index}-button`"
+								/>
+							</template>
+							<UiMenuItem
+								icon="edit"
+								:to="`/panels/${connectionId}/${row.id}`"
+								:data-testid="`panel-edit-${index}-menu-item`"
+								@select="trackEditPageOpened"
+							>
+								Edit
+							</UiMenuItem>
+							<UiDivider />
+							<UiMenuItem
+								icon="delete"
+								variant="danger"
+								:data-testid="`panel-delete-${index}-menu-item`"
+								@select="openDeleteDialog(row)"
+							>
+								Delete
+							</UiMenuItem>
+						</UiMenu>
+					</template>
+				</UiTable>
+			</div>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.charts-list {
+	display: flex;
+	height: calc(100vh - var(--header-height) - var(--footer-height));
+	overflow: hidden;
+}
+
+.charts-list__main {
+	flex: 1;
+	min-width: 0;
+	overflow-y: auto;
+	background: var(--color-paper);
+}
+
+.charts-list__page {
+	max-width: 1400px;
+	margin: var(--space-12) auto;
+	padding: 0 clamp(var(--space-10), 5vw, 100px);
+}
+
+.charts-list__header {
+	margin-bottom: var(--space-8);
+}
+
+.charts-list__title {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.charts-list__description {
+	margin: var(--space-2) 0 0;
+	color: var(--color-muted);
+}
+
+.charts-list__toolbar {
+	display: flex;
+	align-items: flex-end;
+	justify-content: space-between;
+	gap: var(--space-4);
+	margin-bottom: var(--space-6);
+}
+
+.charts-list__search {
+	flex: 1;
+	max-width: 400px;
+}
+
+.charts-list__preview {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 3rem;
+	height: 2.5rem;
+}
+
+.charts-list__name {
+	font-weight: var(--weight-medium);
+}
+
+.charts-list__muted {
+	color: var(--color-muted);
+}
+
+.charts-list__ellipsis {
+	display: block;
+	max-width: 300px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.charts-list__nowrap {
+	white-space: nowrap;
+}
+
+.charts-list__empty {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: var(--space-16) var(--space-6);
+	border-radius: var(--radius-panel);
+	background: var(--color-paper-2);
+	text-align: center;
+}
+
+.charts-list__empty-icon {
+	margin-bottom: var(--space-4);
+	color: var(--color-muted-soft);
+}
+
+.charts-list__empty-title {
+	margin: 0 0 var(--space-2);
+	color: var(--color-ink);
+}
+
+.charts-list__empty-text {
+	margin: 0 0 var(--space-4);
+	color: var(--color-muted);
+}
+
+@media (width <= 600px) {
+	.charts-list__page {
+		margin: var(--space-6) auto;
+		padding: 0 var(--space-4);
+	}
+
+	.charts-list__toolbar {
+		flex-direction: column;
+		align-items: stretch;
+	}
+
+	.charts-list__search {
+		max-width: 100%;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/connections/AutoConfigureView.spec.ts b/frontend-vue/src/views/connections/AutoConfigureView.spec.ts
new file mode 100644
index 000000000..07b4b20c3
--- /dev/null
+++ b/frontend-vue/src/views/connections/AutoConfigureView.spec.ts
@@ -0,0 +1,109 @@
+import { flushPromises } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { reactive } from 'vue';
+import type { ConfigProgress } from '@/stores/configuration-state';
+import AutoConfigureView from './AutoConfigureView.vue';
+import { mountConnectionView } from './connectionsTestUtils';
+
+const configState = vi.hoisted(() => ({
+	progress: null as ConfigProgress | null,
+	startConfiguring: vi.fn(),
+}));
+vi.mock('@/stores/configuration-state', () => ({ useConfigurationStateStore: () => reactive(configState) }));
+
+const mountPage = (url = '/auto-configure/conn-1') =>
+	mountConnectionView(AutoConfigureView, '/auto-configure/:connectionId?', url);
+
+function emit(progress: ConfigProgress) {
+	reactive(configState).progress = progress;
+	return flushPromises();
+}
+
+describe('AutoConfigureView', () => {
+	let finish: (value: boolean) => void = () => {};
+
+	beforeEach(() => {
+		vi.clearAllMocks();
+		configState.progress = null;
+		configState.startConfiguring.mockImplementation(
+			() =>
+				new Promise<boolean>((resolve) => {
+					finish = resolve;
+				}),
+		);
+	});
+
+	afterEach(() => {
+		vi.useRealTimers();
+	});
+
+	it('starts configuring the connection and shows the humanized log', async () => {
+		const { wrapper } = await mountPage();
+
+		expect(configState.startConfiguring).toHaveBeenCalledWith('conn-1');
+		expect(wrapper.find('h2').text()).toBe('Configuring your database');
+		expect(wrapper.text()).toContain('Initializing…');
+
+		await emit({ type: 'message', text: 'Fetching tables from database' });
+		await emit({ type: 'message', text: 'Inspected structure of table "users"' });
+
+		const items = wrapper.findAll('.auto-configure__log-item');
+		expect(items.map((li) => li.text())).toEqual([
+			'✓Initializing…',
+			'✓Reading your tables…',
+			'Read structure of users',
+		]);
+		expect(items.at(-1)?.classes()).toContain('auto-configure__log-item--current');
+		expect(wrapper.find('a').attributes('href')).toBe('/dashboard/conn-1');
+		wrapper.unmount();
+	});
+
+	it('keeps only the last five lines and skips repeats', async () => {
+		const { wrapper } = await mountPage();
+
+		for (const table of ['a', 'b', 'c', 'd', 'e', 'e']) {
+			await emit({ type: 'message', text: `Inspected structure of table "${table}"` });
+		}
+
+		expect(wrapper.findAll('.auto-configure__log-item')).toHaveLength(5);
+		expect(wrapper.text()).not.toContain('Initializing…');
+		wrapper.unmount();
+	});
+
+	it('summarises the configured tables, widgets and settings, then opens the dashboard', async () => {
+		const { wrapper, router } = await mountPage();
+		vi.useFakeTimers();
+
+		await emit({ type: 'message', text: 'Added Phone widget for table "users" on column "phone"' });
+		await emit({ type: 'message', text: 'Set up settings for table "orders", ordering parameter set to ASC' });
+		await emit({ type: 'message', text: 'Set up settings for table "orders", ordering_field parameter set to "id"' });
+		await emit({ type: 'complete' });
+
+		expect(wrapper.find('h2').text()).toBe('Your database is ready');
+		expect(wrapper.find('[data-testid="auto-configure-summary"]').text()).toBe('2 tables1 widget2 settings');
+
+		finish(true);
+		await flushPromises();
+		expect(router.currentRoute.value.path).toBe('/auto-configure/conn-1');
+		await vi.advanceTimersByTimeAsync(1800);
+		expect(router.currentRoute.value.path).toBe('/dashboard/conn-1');
+		wrapper.unmount();
+	});
+
+	it('shows the error instead of the log', async () => {
+		const { wrapper } = await mountPage();
+
+		await emit({ type: 'error', message: 'Setup failed with status 500' });
+
+		expect(wrapper.find('[role="alert"]').text()).toBe('Setup failed with status 500');
+		expect(wrapper.find('.auto-configure__log').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('goes back to the connections list without a connection id', async () => {
+		const { router } = await mountPage('/auto-configure');
+
+		expect(configState.startConfiguring).not.toHaveBeenCalled();
+		expect(router.currentRoute.value.path).toBe('/connections-list');
+	});
+});
diff --git a/frontend-vue/src/views/connections/AutoConfigureView.vue b/frontend-vue/src/views/connections/AutoConfigureView.vue
new file mode 100644
index 000000000..3ccddf3a4
--- /dev/null
+++ b/frontend-vue/src/views/connections/AutoConfigureView.vue
@@ -0,0 +1,331 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/auto-configure (/auto-configure/:connectionId): runs the AI
+// setup of a freshly added connection, shows its progress as a short human-readable log, then
+// summarises what was configured and opens the dashboard.
+import { computed, onMounted, ref, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { countMessage, humanizeMessage } from '@/components/connections/autoConfigureMessages';
+import { UiButton, UiSpinner } from '@/components/ui';
+import { useConfigurationStateStore } from '@/stores/configuration-state';
+
+/** How long the summary stays up before the dashboard opens. */
+const SUMMARY_DELAY_MS = 1800;
+
+const route = useRoute();
+const router = useRouter();
+const configState = useConfigurationStateStore();
+
+const value = route.params.connectionId;
+const connectionId = (Array.isArray(value) ? value[0] : value) || null;
+
+const messages = ref<string[]>(['Initializing…']);
+const tablesConfigured = ref(new Set<string>());
+const widgetsCount = ref(0);
+const settingsCount = ref(0);
+
+const progress = computed(() => configState.progress);
+const errorText = computed(() =>
+	progress.value?.type === 'error' ? (progress.value.message ?? 'Something went wrong.') : null,
+);
+const done = computed(() => progress.value?.type === 'complete');
+const hasSummary = computed(
+	() => done.value && (tablesConfigured.value.size > 0 || widgetsCount.value > 0 || settingsCount.value > 0),
+);
+
+watch(progress, (p) => {
+	if (p?.type === 'message' && p.text) {
+		const counted = countMessage(p.text);
+		if (counted.table) addConfiguredTable(counted.table);
+		if (counted.kind === 'widget') widgetsCount.value++;
+		if (counted.kind === 'setting') settingsCount.value++;
+	}
+	const raw =
+		p?.type === 'message' && p.text ? p.text : p?.type === 'complete' ? 'All done — opening your dashboard…' : null;
+	if (!raw) return;
+	const incoming = humanizeMessage(raw);
+	if (!incoming) return;
+	if (messages.value[messages.value.length - 1] === incoming) return;
+	messages.value = [...messages.value, incoming].slice(-5);
+});
+
+onMounted(async () => {
+	if (!connectionId) {
+		router.push('/connections-list');
+		return;
+	}
+	await configState.startConfiguring(connectionId);
+	// Let the user read the summary chips before navigating away.
+	await new Promise((resolve) => setTimeout(resolve, SUMMARY_DELAY_MS));
+	router.push(`/dashboard/${connectionId}`);
+});
+
+function addConfiguredTable(name: string) {
+	if (tablesConfigured.value.has(name)) return;
+	tablesConfigured.value = new Set([...tablesConfigured.value, name]);
+}
+
+const plural = (count: number, one: string, many: string) => (count === 1 ? one : many);
+</script>
+
+<template>
+	<div class="auto-configure">
+		<div class="auto-configure__card">
+			<div class="auto-configure__body">
+				<UiSpinner v-if="!done" size="lg" class="auto-configure__spinner" label="Configuring" />
+				<div v-else class="auto-configure__success" role="img" aria-label="Configuration complete">
+					<svg viewBox="0 0 52 52" xmlns="http://www.w3.org/2000/svg">
+						<circle class="auto-configure__success-circle" cx="26" cy="26" r="25" />
+						<path class="auto-configure__success-check" d="M14 27 l8 8 l16 -18" />
+					</svg>
+				</div>
+
+				<h2 class="auto-configure__title">{{ done ? 'Your database is ready' : 'Configuring your database' }}</h2>
+
+				<div class="auto-configure__detail">
+					<p v-if="!done" class="auto-configure__subtitle">
+						We're analyzing your structure and applying the best settings. This is running in the background.
+					</p>
+					<div v-if="hasSummary" class="auto-configure__chips" data-testid="auto-configure-summary">
+						<span class="auto-configure__chip">
+							<strong>{{ tablesConfigured.size }}</strong> {{ plural(tablesConfigured.size, 'table', 'tables') }}
+						</span>
+						<span v-if="widgetsCount > 0" class="auto-configure__chip">
+							<strong>{{ widgetsCount }}</strong> {{ plural(widgetsCount, 'widget', 'widgets') }}
+						</span>
+						<span v-if="settingsCount > 0" class="auto-configure__chip">
+							<strong>{{ settingsCount }}</strong> {{ plural(settingsCount, 'setting', 'settings') }}
+						</span>
+					</div>
+					<p v-if="done && !hasSummary" class="auto-configure__subtitle">All set — opening your dashboard…</p>
+				</div>
+
+				<p v-if="errorText" class="auto-configure__error" role="alert">{{ errorText }}</p>
+				<ul v-else class="auto-configure__log" aria-live="polite">
+					<li
+						v-for="(message, index) in messages"
+						:key="index"
+						:class="[
+							'auto-configure__log-item',
+							index === messages.length - 1 ? 'auto-configure__log-item--current' : 'auto-configure__log-item--done',
+						]"
+					>
+						<span class="auto-configure__log-icon" aria-hidden="true">
+							<span v-if="index !== messages.length - 1" class="auto-configure__log-check">✓</span>
+							<UiSpinner v-else size="sm" />
+						</span>
+						<span>{{ message }}</span>
+					</li>
+				</ul>
+			</div>
+
+			<div class="auto-configure__footer">
+				<p class="auto-configure__footer-text">You can start working — setup will continue in the background.</p>
+				<UiButton :to="`/dashboard/${connectionId}`" class="auto-configure__cta">
+					Open tables
+					<template #trailing><span aria-hidden="true">&rarr;</span></template>
+				</UiButton>
+			</div>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.auto-configure {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	min-height: 100vh;
+	padding: var(--space-4);
+	background: var(--color-paper-2);
+}
+
+.auto-configure__card {
+	width: 100%;
+	max-width: 30rem;
+	overflow: hidden;
+	border-radius: var(--radius-card);
+	background: var(--color-surface);
+	box-shadow: var(--shadow-card);
+}
+
+.auto-configure__body {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: var(--space-3);
+	padding: var(--space-10) var(--space-8) var(--space-6);
+}
+
+.auto-configure__spinner {
+	color: var(--color-accent);
+}
+
+.auto-configure__success {
+	height: 4.5rem;
+	width: 4.5rem;
+}
+
+.auto-configure__success svg {
+	height: 100%;
+	width: 100%;
+	overflow: visible;
+}
+
+.auto-configure__success-circle {
+	fill: none;
+	stroke: var(--color-success);
+	stroke-width: 2;
+	stroke-linecap: round;
+	stroke-dasharray: 158;
+	stroke-dashoffset: 158;
+	animation: auto-configure-draw 500ms var(--ease-out) forwards;
+}
+
+.auto-configure__success-check {
+	fill: none;
+	stroke: var(--color-success);
+	stroke-width: 3.5;
+	stroke-linecap: round;
+	stroke-linejoin: round;
+	stroke-dasharray: 36;
+	stroke-dashoffset: 36;
+	animation: auto-configure-draw 350ms 400ms var(--ease-out) forwards;
+}
+
+@keyframes auto-configure-draw {
+	to {
+		stroke-dashoffset: 0;
+	}
+}
+
+.auto-configure__title {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-bold);
+	text-align: center;
+	color: var(--color-ink);
+}
+
+.auto-configure__detail {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--space-2);
+	min-height: 4rem;
+	width: 100%;
+}
+
+.auto-configure__subtitle {
+	max-width: 22.5rem;
+	margin: 0;
+	font-size: var(--text-sm);
+	line-height: var(--leading-normal);
+	text-align: center;
+	color: var(--color-muted);
+}
+
+.auto-configure__chips {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	gap: var(--space-2);
+	margin-top: var(--space-1);
+}
+
+.auto-configure__chip {
+	display: inline-flex;
+	align-items: baseline;
+	gap: var(--space-1);
+	padding: var(--space-1) var(--space-25);
+	border-radius: var(--radius-pill);
+	background: var(--color-success-bg);
+	color: var(--color-success);
+	font-size: var(--text-xs);
+	font-weight: var(--weight-medium);
+	white-space: nowrap;
+}
+
+.auto-configure__log {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-end;
+	gap: var(--space-2);
+	height: 5rem;
+	width: 100%;
+	max-width: 22.5rem;
+	margin: 0;
+	padding: 0;
+	overflow: hidden;
+	list-style: none;
+	mask-image: linear-gradient(to bottom, transparent 0, black 28px);
+}
+
+.auto-configure__log-item {
+	display: flex;
+	align-items: center;
+	gap: var(--space-25);
+	font-size: var(--text-sm);
+	line-height: var(--leading-snug);
+	text-align: left;
+}
+
+.auto-configure__log-item--done {
+	color: var(--color-muted-soft);
+	font-size: var(--text-xs);
+}
+
+.auto-configure__log-item--current {
+	color: var(--color-ink);
+	font-weight: var(--weight-medium);
+}
+
+.auto-configure__log-icon {
+	display: inline-flex;
+	flex-shrink: 0;
+	align-items: center;
+	justify-content: center;
+	height: 1rem;
+	width: 1rem;
+}
+
+.auto-configure__log-check {
+	font-weight: var(--weight-bold);
+}
+
+.auto-configure__error {
+	max-width: 22.5rem;
+	margin: 0;
+	font-size: var(--text-sm);
+	text-align: center;
+	color: var(--color-danger);
+}
+
+.auto-configure__footer {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--space-4);
+	padding: var(--space-4) var(--space-6);
+	border-top: 1px solid var(--color-line);
+}
+
+.auto-configure__footer-text {
+	flex: 1;
+	margin: 0;
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+
+.auto-configure__cta {
+	flex-shrink: 0;
+}
+
+@media (width <= 600px) {
+	.auto-configure__footer {
+		flex-direction: column;
+		text-align: center;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/connections/ConnectDbView.spec.ts b/frontend-vue/src/views/connections/ConnectDbView.spec.ts
new file mode 100644
index 000000000..1d4fe02b3
--- /dev/null
+++ b/frontend-vue/src/views/connections/ConnectDbView.spec.ts
@@ -0,0 +1,501 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { reactive } from 'vue';
+import DbConnectionConfirmDialog from '@/components/connections/DbConnectionConfirmDialog.vue';
+import DbConnectionDeleteDialog from '@/components/connections/DbConnectionDeleteDialog.vue';
+import DbConnectionIpAccessDialog from '@/components/connections/DbConnectionIpAccessDialog.vue';
+import { AlertActionType, AlertType } from '@/models/alert';
+import { type Connection, ConnectionType, DBtype } from '@/models/connection';
+import { CONNECTION_INITIAL_STATE } from '@/stores/connections';
+import { useNotificationsStore } from '@/stores/notifications';
+import ConnectDbView from './ConnectDbView.vue';
+import { byText, mountConnectionView } from './connectionsTestUtils';
+
+const connections = vi.hoisted(() => ({
+	connection: {} as Connection,
+	connectionAccessLevel: 'edit' as string | null,
+	connectionTitle: 'Rocketadmin',
+	canEditConnection: true,
+	testConnection: vi.fn(),
+	createConnection: vi.fn(),
+	updateConnection: vi.fn(),
+}));
+const user = vi.hoisted(() => ({ sendUserAction: vi.fn() }));
+const dialogOpen = vi.hoisted(() => vi.fn());
+const trackConnectionEvent = vi.hoisted(() => vi.fn());
+
+vi.mock('@/stores/connections', async (importOriginal) => ({
+	...(await importOriginal<typeof import('@/stores/connections')>()),
+	useConnectionsStore: () => reactive(connections),
+}));
+vi.mock('@/stores/user', () => ({ useUserStore: () => user }));
+vi.mock('@/composables/useDialog', () => ({ useDialog: () => ({ open: dialogOpen }) }));
+vi.mock('@/components/connections/analytics', () => ({ trackConnectionEvent }));
+
+const CONNECTION_ID = '9d5f6d0f-9516-4598-91c4-e4fe6330b4d4';
+
+const connectionCredsApp: Connection = {
+	title: 'Test connection via SSH tunnel to mySQL',
+	masterEncryption: false,
+	type: DBtype.MySQL,
+	host: 'database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com',
+	port: '3306',
+	username: 'admin',
+	database: 'testDB',
+	schema: undefined,
+	sid: null,
+	id: CONNECTION_ID,
+	ssh: true,
+	sshHost: '3.134.99.192',
+	sshPort: '22',
+	sshUsername: 'ubuntu',
+	ssl: false,
+	cert: '',
+	connectionType: ConnectionType.Direct,
+	azure_encryption: false,
+	signing_key: '',
+};
+
+/** What useDialog().open() hands back: `afterClosed` resolves with `result`. */
+function dialogResult(result?: string) {
+	return { id: 1, close: vi.fn(), afterClosed: () => Promise.resolve(result) };
+}
+
+const mountNew = (url = '/connect-db') => mountConnectionView(ConnectDbView, '/connect-db', url);
+const mountEdit = () => mountConnectionView(ConnectDbView, '/edit-db/:connectionId', `/edit-db/${CONNECTION_ID}`);
+
+const input = (wrapper: VueWrapper, testid: string) => wrapper.find(`[data-testid="${testid}"]`);
+const inputValue = (wrapper: VueWrapper, testid: string) => (input(wrapper, testid).element as HTMLInputElement).value;
+
+async function fillDirectCredentials(wrapper: VueWrapper) {
+	await input(wrapper, 'connection-hostname-input').setValue('database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com');
+	await input(wrapper, 'connection-username-input').setValue('admin');
+	await input(wrapper, 'connection-password-input').setValue('secret');
+	await input(wrapper, 'connection-database-input').setValue('testDB');
+}
+
+async function submit(wrapper: VueWrapper) {
+	await wrapper.find('form').trigger('submit');
+	await flushPromises();
+}
+
+describe('ConnectDbView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		connections.connection = { ...CONNECTION_INITIAL_STATE };
+		connections.connectionAccessLevel = 'edit';
+		connections.connectionTitle = 'Rocketadmin';
+		connections.canEditConnection = true;
+		dialogOpen.mockReturnValue(dialogResult());
+	});
+
+	afterEach(() => {
+		document.body.innerHTML = '';
+	});
+
+	describe('a new connection', () => {
+		it('starts with the MySQL form, reports the unfinished creation and sets the page title', async () => {
+			const { wrapper } = await mountNew();
+
+			expect(wrapper.find('h1').text()).toBe('Connect database');
+			expect(inputValue(wrapper, 'connection-port-input')).toBe('3306');
+			expect(input(wrapper, 'connection-hostname-input').exists()).toBe(true);
+			expect(user.sendUserAction).toHaveBeenCalledWith('CONNECTION_CREATION_NOT_FINISHED');
+			expect(document.title).toBe('Add new database | Rocketadmin');
+			wrapper.unmount();
+		});
+
+		it('takes the database type from ?type and sets its default port', async () => {
+			const { wrapper } = await mountNew('/connect-db?type=oracledb');
+
+			expect(inputValue(wrapper, 'connection-port-input')).toBe('1521');
+			expect(input(wrapper, 'connection-sid-input').exists()).toBe(true);
+			wrapper.unmount();
+		});
+
+		it('sets 1521 port when the Oracle type is selected', async () => {
+			const { wrapper } = await mountNew();
+			const oracleIndex = ['mysql', 'postgres', 'mongodb', 'dynamodb', 'cassandra', 'oracledb'].indexOf('oracledb');
+
+			await wrapper.find('select[name="dbtype"]').setValue(String(oracleIndex));
+
+			expect(inputValue(wrapper, 'connection-port-input')).toBe('1521');
+			expect(input(wrapper, 'connection-sid-input').exists()).toBe(true);
+			expect(trackConnectionEvent).toHaveBeenCalledWith('Connection creds add: db type is selected', {
+				dbType: DBtype.Oracle,
+			});
+			wrapper.unmount();
+		});
+
+		it('shows a success snackbar when the manual test passes', async () => {
+			connections.testConnection.mockResolvedValue({ result: true, message: '' });
+			const { wrapper } = await mountNew();
+			const notifications = useNotificationsStore();
+			const snackbar = vi.spyOn(notifications, 'showSuccessSnackbar');
+			const dismiss = vi.spyOn(notifications, 'dismissAlert');
+
+			await byText(wrapper, 'Test connection').trigger('click');
+			await flushPromises();
+
+			expect(connections.testConnection).toHaveBeenCalledWith(null, expect.objectContaining({ type: DBtype.MySQL }));
+			expect(dismiss).toHaveBeenCalled();
+			expect(snackbar).toHaveBeenCalledWith('Connection is live');
+			wrapper.unmount();
+		});
+
+		it('shows an error alert with a Dismiss action when the manual test fails', async () => {
+			connections.testConnection.mockResolvedValue({ result: false, message: 'Error in hostname.' });
+			const { wrapper } = await mountNew();
+			const showAlert = vi.spyOn(useNotificationsStore(), 'showAlert');
+
+			await byText(wrapper, 'Test connection').trigger('click');
+			await flushPromises();
+
+			expect(showAlert).toHaveBeenCalledWith(AlertType.Error, 'Error in hostname.', [
+				expect.objectContaining({ type: AlertActionType.Button, caption: 'Dismiss' }),
+			]);
+			wrapper.unmount();
+		});
+
+		it('asks for IP access, tests and adds a direct connection, then opens auto-configure', async () => {
+			dialogOpen.mockReturnValue(dialogResult('confirmed'));
+			connections.testConnection.mockResolvedValue({ result: true, message: '' });
+			connections.createConnection.mockResolvedValue({ id: 'new-id' });
+			const { wrapper, router } = await mountNew();
+
+			await fillDirectCredentials(wrapper);
+			await submit(wrapper);
+
+			expect(dialogOpen).toHaveBeenCalledWith(DbConnectionIpAccessDialog, {
+				data: {
+					db: expect.objectContaining({ host: 'database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com' }),
+					provider: 'amazon',
+				},
+			});
+			expect(connections.testConnection).toHaveBeenCalled();
+			expect(connections.createConnection).toHaveBeenCalledWith(
+				expect.objectContaining({ username: 'admin', masterEncryption: false }),
+				'',
+			);
+			expect(router.currentRoute.value.path).toBe('/auto-configure/new-id');
+			expect(trackConnectionEvent).toHaveBeenCalledWith('Connect DB: connection is added successfully', {
+				connectionType: ConnectionType.Direct,
+				dbType: DBtype.MySQL,
+			});
+			wrapper.unmount();
+		});
+
+		it('does nothing when the IP-access dialog is dismissed', async () => {
+			const { wrapper } = await mountNew();
+
+			await fillDirectCredentials(wrapper);
+			await submit(wrapper);
+
+			expect(dialogOpen).toHaveBeenCalledTimes(1);
+			expect(connections.testConnection).not.toHaveBeenCalled();
+			expect(connections.createConnection).not.toHaveBeenCalled();
+			wrapper.unmount();
+		});
+
+		it('opens the connection-error dialog when the automatic test fails', async () => {
+			dialogOpen.mockReturnValueOnce(dialogResult('confirmed'));
+			connections.testConnection.mockResolvedValue({ result: false, message: 'Hostname is invalid' });
+			const { wrapper } = await mountNew();
+
+			await fillDirectCredentials(wrapper);
+			await submit(wrapper);
+
+			expect(connections.createConnection).not.toHaveBeenCalled();
+			expect(dialogOpen).toHaveBeenLastCalledWith(DbConnectionConfirmDialog, {
+				data: {
+					dbCreds: expect.objectContaining({ username: 'admin' }),
+					provider: 'amazon',
+					masterKey: null,
+					errorMessage: 'Hostname is invalid',
+				},
+			});
+			expect(byText(wrapper, 'Add').attributes('disabled')).toBeUndefined();
+			wrapper.unmount();
+		});
+
+		it('skips the IP-access dialog for DynamoDB', async () => {
+			connections.testConnection.mockResolvedValue({ result: true, message: '' });
+			connections.createConnection.mockResolvedValue({ id: 'dynamo-id' });
+			const { wrapper } = await mountNew('/connect-db?type=dynamodb');
+
+			await input(wrapper, 'connection-hostname-input').setValue('https://dynamodb.us-east-2.amazonaws.com');
+			await submit(wrapper);
+
+			expect(dialogOpen).not.toHaveBeenCalled();
+			expect(connections.testConnection).toHaveBeenCalled();
+			expect(connections.createConnection).toHaveBeenCalled();
+			wrapper.unmount();
+		});
+
+		it('adds an agent connection without testing it and shows its token', async () => {
+			connections.createConnection.mockResolvedValue({ id: CONNECTION_ID, token: '1234-abcd-0987' });
+			const { wrapper } = await mountNew();
+
+			await wrapper.findAll('[data-testid="connection-type-toggle"] input')[1]?.setValue(true);
+			expect(input(wrapper, 'connection-agent-dockerhub-link').exists()).toBe(true);
+			expect(input(wrapper, 'connection-hostname-input').exists()).toBe(false);
+
+			await input(wrapper, 'connection-title-input').setValue('Agent connection');
+			await submit(wrapper);
+
+			expect(connections.testConnection).not.toHaveBeenCalled();
+			expect(connections.createConnection).toHaveBeenCalledWith(
+				expect.objectContaining({ title: 'Agent connection', connectionType: ConnectionType.Agent }),
+				'',
+			);
+			expect(inputValue(wrapper, 'connection-agent-token-input')).toBe('1234-abcd-0987');
+			expect(input(wrapper, 'add-connection-actions-open-dashboard-link').attributes('href')).toBe(
+				`/dashboard/${CONNECTION_ID}`,
+			);
+			expect(input(wrapper, 'add-connection-actions-add-button').exists()).toBe(false);
+			wrapper.unmount();
+		});
+
+		it('switches to an agent connection from the internal-IP hostname error', async () => {
+			const { wrapper } = await mountNew();
+
+			const host = input(wrapper, 'connection-hostname-input');
+			await host.setValue('localhost');
+			await host.trigger('blur');
+			expect(wrapper.text()).toContain('To connect a database to an internal IP');
+
+			await input(wrapper, 'connection-switch-to-agent-button').trigger('click');
+
+			expect(input(wrapper, 'connection-agent-dockerhub-link').exists()).toBe(true);
+			wrapper.unmount();
+		});
+	});
+
+	describe('an existing connection', () => {
+		beforeEach(() => {
+			connections.connection = { ...connectionCredsApp };
+			connections.connectionTitle = connectionCredsApp.title;
+		});
+
+		it('shows the saved credentials under "Edit credentials"', async () => {
+			const { wrapper } = await mountEdit();
+
+			expect(wrapper.find('h1').text()).toBe('Edit credentials');
+			expect(document.title).toBe(`Credentials — ${connectionCredsApp.title} | Rocketadmin`);
+			expect(inputValue(wrapper, 'connection-hostname-input')).toBe(connectionCredsApp.host);
+			expect(inputValue(wrapper, 'connection-ssh-host-input')).toBe('3.134.99.192');
+			expect(input(wrapper, 'connection-string-input').exists()).toBe(false);
+			expect(user.sendUserAction).not.toHaveBeenCalled();
+			wrapper.unmount();
+		});
+
+		it('takes over the connection once the store has loaded it', async () => {
+			connections.connection = { ...CONNECTION_INITIAL_STATE };
+			const { wrapper } = await mountEdit();
+
+			reactive(connections).connection = { ...connectionCredsApp };
+			await flushPromises();
+
+			expect(inputValue(wrapper, 'connection-hostname-input')).toBe(connectionCredsApp.host);
+			wrapper.unmount();
+		});
+
+		it('tests and updates a direct connection, then opens its dashboard', async () => {
+			connections.testConnection.mockResolvedValue({ result: true, message: '' });
+			connections.updateConnection.mockResolvedValue({ connection: { id: CONNECTION_ID } });
+			const { wrapper, router } = await mountEdit();
+
+			await submit(wrapper);
+
+			expect(connections.testConnection).toHaveBeenCalledWith(
+				CONNECTION_ID,
+				expect.objectContaining({ id: CONNECTION_ID }),
+			);
+			expect(connections.updateConnection).toHaveBeenCalledWith(expect.objectContaining({ id: CONNECTION_ID }), '');
+			expect(router.currentRoute.value.path).toBe(`/dashboard/${CONNECTION_ID}`);
+			wrapper.unmount();
+		});
+
+		it('updates an agent connection even when the test fails, and shows its token', async () => {
+			connections.connection = { ...connectionCredsApp, connectionType: ConnectionType.Agent, type: DBtype.Oracle };
+			connections.testConnection.mockResolvedValue({ result: false, message: 'no agent' });
+			connections.updateConnection.mockResolvedValue({ connection: { id: CONNECTION_ID, token: '1234-abcd-0987' } });
+			const { wrapper } = await mountEdit();
+
+			await submit(wrapper);
+
+			expect(connections.updateConnection).toHaveBeenCalled();
+			expect(inputValue(wrapper, 'connection-agent-token-input')).toBe('1234-abcd-0987');
+			expect(input(wrapper, 'edit-connection-actions-open-dashboard-link').exists()).toBe(true);
+			wrapper.unmount();
+		});
+
+		it('opens the connection-error dialog with the provider and master key when the test fails', async () => {
+			connections.testConnection.mockResolvedValue({ result: false, message: 'Hostname is invalid' });
+			const { wrapper } = await mountEdit();
+
+			await input(wrapper, 'connection-master-encryption-toggle').setValue(true);
+			await submit(wrapper);
+
+			expect(connections.updateConnection).not.toHaveBeenCalled();
+			expect(dialogOpen).toHaveBeenCalledWith(DbConnectionConfirmDialog, {
+				data: {
+					dbCreds: expect.objectContaining({ id: CONNECTION_ID, masterEncryption: true }),
+					provider: 'amazon',
+					masterKey: expect.any(String),
+					errorMessage: 'Hostname is invalid',
+				},
+			});
+			wrapper.unmount();
+		});
+
+		it('opens the delete dialog with the connection', async () => {
+			const { wrapper } = await mountEdit();
+
+			await input(wrapper, 'edit-connection-actions-delete-button').trigger('click');
+
+			expect(dialogOpen).toHaveBeenCalledWith(DbConnectionDeleteDialog, {
+				data: expect.objectContaining({ id: CONNECTION_ID, title: connectionCredsApp.title }),
+			});
+			wrapper.unmount();
+		});
+
+		it('makes the credentials readonly for readonly users', async () => {
+			connections.connectionAccessLevel = 'readonly';
+			const { wrapper } = await mountEdit();
+
+			expect(input(wrapper, 'connection-hostname-input').attributes('readonly')).toBeDefined();
+			expect(input(wrapper, 'connection-title-input').attributes('readonly')).toBeDefined();
+			wrapper.unmount();
+		});
+
+		it('offers only "Create your own" and Delete for a test connection', async () => {
+			connections.connection = { ...connectionCredsApp, isTestConnection: true };
+			const { wrapper } = await mountEdit();
+
+			expect(wrapper.text()).toContain('You cannot edit test connection.');
+			expect(input(wrapper, 'test-connection-actions-create-own-link').attributes('href')).toBe('/connect-db');
+			expect(input(wrapper, 'edit-connection-actions-edit-button').exists()).toBe(false);
+			wrapper.unmount();
+		});
+	});
+
+	describe('connection string', () => {
+		async function paste(wrapper: VueWrapper, value: string) {
+			await input(wrapper, 'connection-string-input').setValue(value);
+		}
+
+		it('parses a PostgreSQL connection string into the fields', async () => {
+			const { wrapper } = await mountNew();
+
+			await paste(wrapper, 'postgresql://myuser:mypass@db.example.com:5432/mydb');
+
+			expect(inputValue(wrapper, 'connection-hostname-input')).toBe('db.example.com');
+			expect(inputValue(wrapper, 'connection-port-input')).toBe('5432');
+			expect(inputValue(wrapper, 'connection-username-input')).toBe('myuser');
+			expect(inputValue(wrapper, 'connection-password-input')).toBe('mypass');
+			expect(inputValue(wrapper, 'connection-database-input')).toBe('mydb');
+			// The PostgreSQL form, which has a schema field.
+			expect(input(wrapper, 'connection-schema-input').exists()).toBe(true);
+			expect(wrapper.text()).toContain('Parsed:');
+			expect(wrapper.text()).toContain('postgresql://myuser:mypass@db.example.com:5432/mydb');
+			wrapper.unmount();
+		});
+
+		it('parses a MongoDB connection string with authSource', async () => {
+			const { wrapper } = await mountNew();
+
+			await paste(wrapper, 'mongodb://admin:pass123@mongo.host.com:27017/mydb?authSource=admin');
+
+			expect(inputValue(wrapper, 'connection-port-input')).toBe('27017');
+			expect(inputValue(wrapper, 'connection-auth-source-input')).toBe('admin');
+			const authField = input(wrapper, 'connection-auth-source-input').element.closest('.credentials-field');
+			expect(authField?.classList.contains('credentials-field--autofilled')).toBe(true);
+			wrapper.unmount();
+		});
+
+		it('marks every parsed field as autofilled', async () => {
+			const { wrapper } = await mountNew();
+
+			await paste(wrapper, 'postgresql://user:pass@host.example.com:5432/db');
+
+			for (const testid of [
+				'connection-hostname-input',
+				'connection-port-input',
+				'connection-username-input',
+				'connection-password-input',
+				'connection-database-input',
+			]) {
+				const field = input(wrapper, testid).element.closest('.credentials-field');
+				expect(field?.classList.contains('credentials-field--autofilled'), testid).toBe(true);
+			}
+			wrapper.unmount();
+		});
+
+		it('turns SSL on for sslmode=require and fills the schema option', async () => {
+			const { wrapper } = await mountNew();
+
+			await paste(wrapper, 'postgresql://user:pass@host.example.com:5432/db?sslmode=require&schema=my_schema');
+
+			const ssl = input(wrapper, 'connection-ssl-checkbox').element as HTMLInputElement;
+			expect(ssl.checked).toBe(true);
+			expect(inputValue(wrapper, 'connection-schema-input')).toBe('my_schema');
+			wrapper.unmount();
+		});
+
+		it('uses the default port and decodes URL-encoded credentials', async () => {
+			const { wrapper } = await mountNew();
+
+			await paste(wrapper, 'postgresql://my%40user:p%40ss%23word@host.example.com/db');
+
+			expect(inputValue(wrapper, 'connection-port-input')).toBe('5432');
+			expect(inputValue(wrapper, 'connection-username-input')).toBe('my@user');
+			expect(inputValue(wrapper, 'connection-password-input')).toBe('p@ss#word');
+			wrapper.unmount();
+		});
+
+		it('leaves the fields alone for a blank or invalid string, and shows the error once left', async () => {
+			const { wrapper } = await mountNew();
+
+			await paste(wrapper, '   ');
+			await paste(wrapper, 'not-a-valid-connection-string');
+			await input(wrapper, 'connection-string-input').trigger('blur');
+
+			expect(inputValue(wrapper, 'connection-port-input')).toBe('3306');
+			expect(inputValue(wrapper, 'connection-hostname-input')).toBe('');
+			expect(wrapper.text()).toContain('Invalid format. Expected: scheme://user:password@host:port/database');
+			wrapper.unmount();
+		});
+
+		it('clears the connection string shortly after parsing it', async () => {
+			const { wrapper } = await mountNew();
+			vi.useFakeTimers();
+			try {
+				await paste(wrapper, 'postgresql://user:pass@host.example.com:5432/db');
+				vi.advanceTimersByTime(300);
+				await flushPromises();
+				expect(inputValue(wrapper, 'connection-string-input')).toBe('');
+			} finally {
+				vi.useRealTimers();
+				wrapper.unmount();
+			}
+		});
+
+		it('drops the autofilled look of an edited field and says the fields now win', async () => {
+			const { wrapper } = await mountNew();
+			await paste(wrapper, 'postgresql://user:pass@host.example.com:5432/db');
+
+			await input(wrapper, 'connection-hostname-input').trigger('change');
+
+			const host = input(wrapper, 'connection-hostname-input').element.closest('.credentials-field');
+			const port = input(wrapper, 'connection-port-input').element.closest('.credentials-field');
+			expect(host?.classList.contains('credentials-field--autofilled')).toBe(false);
+			expect(port?.classList.contains('credentials-field--autofilled')).toBe(true);
+			expect(wrapper.text()).toContain('Fields are now the source of truth');
+
+			await paste(wrapper, 'postgresql://user:pass@other.example.com:5432/db');
+			expect(wrapper.text()).not.toContain('Fields are now the source of truth');
+			wrapper.unmount();
+		});
+	});
+});
diff --git a/frontend-vue/src/views/connections/ConnectDbView.vue b/frontend-vue/src/views/connections/ConnectDbView.vue
new file mode 100644
index 000000000..1483e40ed
--- /dev/null
+++ b/frontend-vue/src/views/connections/ConnectDbView.vue
@@ -0,0 +1,799 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/connect-db: adds a connection (/connect-db, optionally
+// `?type=<db>`) or edits the credentials of one (/edit-db/:connectionId).
+//
+// A direct connection is tested before it is saved: a failed test opens the connection-error
+// dialog (save anyway / keep editing). A new direct connection first shows the IP-access dialog
+// (not for DynamoDB) and then goes on to /auto-configure; an agent connection shows its token
+// instead. The credentials fields come from the form of the chosen database type.
+//
+// Angular edited the connections service's `currentConnection` in place; here the page edits a
+// reactive draft copied from the store (and re-copied when the store loads the connection).
+import { computed, onMounted, reactive, ref, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { trackConnectionEvent } from '@/components/connections/analytics';
+import { CREDENTIALS_FORMS } from '@/components/connections/credentials';
+import DbConnectionConfirmDialog from '@/components/connections/DbConnectionConfirmDialog.vue';
+import DbConnectionDeleteDialog from '@/components/connections/DbConnectionDeleteDialog.vue';
+import DbConnectionIpAccessDialog from '@/components/connections/DbConnectionIpAccessDialog.vue';
+import {
+	type DbConnectionConfirmDialogData,
+	type DbConnectionDeleteDialogData,
+	type DbConnectionIpAccessDialogData,
+	IP_ACCESS_CONFIRMED,
+} from '@/components/connections/dialogs';
+import { DEFAULT_PORTS, getProvider, ROCKETADMIN_IP } from '@/components/connections/provider';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import AppIpAddressButton from '@/components/shared/AppIpAddressButton.vue';
+import {
+	type SelectOption,
+	UiButton,
+	UiField,
+	UiIcon,
+	UiIconButton,
+	UiInput,
+	UiSegmented,
+	UiSelect,
+} from '@/components/ui';
+import { useDialog } from '@/composables/useDialog';
+import { supportedDatabasesTitles, supportedOrderedDatabases } from '@/consts/databases';
+import { environment } from '@/environment';
+import { copyToClipboard } from '@/lib/clipboard';
+import { type Alert, AlertActionType, AlertType } from '@/models/alert';
+import { type Connection, ConnectionType, DBtype, type TestConnection } from '@/models/connection';
+import { CONNECTION_INITIAL_STATE, useConnectionsStore } from '@/stores/connections';
+import { useNotificationsStore } from '@/stores/notifications';
+import { useUserStore } from '@/stores/user';
+import {
+	connectionStringErrorMessage,
+	connectionStringErrors,
+	parseConnectionString,
+} from '@/validators/connection-string.validator';
+
+const route = useRoute();
+const router = useRouter();
+const connections = useConnectionsStore();
+const notifications = useNotificationsStore();
+const user = useUserStore();
+const dialog = useDialog();
+
+const isSaas = environment.saas;
+
+const DB_TYPE_OPTIONS: SelectOption<DBtype>[] = supportedOrderedDatabases.map((type) => ({
+	value: type as DBtype,
+	label: supportedDatabasesTitles[type as keyof typeof supportedDatabasesTitles],
+}));
+
+const CONNECTION_TYPE_OPTIONS: SelectOption<ConnectionType>[] = [
+	{ value: ConnectionType.Direct, label: 'Direct connection' },
+	{ value: ConnectionType.Agent, label: 'Agent connection' },
+];
+
+/** The IP hint for a new direct connection is a warning alert whose body is the slot. */
+const warning = { id: 10000000, type: AlertType.Warning, message: null } as unknown as Alert;
+
+const connectionID = ref<string | null>(routeParam('connectionId'));
+const db = reactive<Connection>(connectionID.value ? { ...connections.connection } : { ...CONNECTION_INITIAL_STATE });
+const masterKey = ref<string | null>(null);
+const connectionToken = ref<string | null>(null);
+const submitting = ref(false);
+const submitted = ref(false);
+
+const connectionString = ref('');
+const connectionStringTouched = ref(false);
+const parsedConnectionString = ref('');
+const autoFilledFields = ref(new Set<string>());
+const fieldsOverridden = ref(false);
+
+const databaseType = route.query.type;
+if (typeof databaseType === 'string' && databaseType) {
+	db.type = databaseType as DBtype;
+	db.port = DEFAULT_PORTS[databaseType as DBtype];
+}
+
+// Edit mode: the store loads the route's connection after navigation; take it over once it arrives.
+watch(
+	() => connections.connection,
+	(loaded) => {
+		if (connectionID.value && loaded.id === routeParam('connectionId')) Object.assign(db, { ...loaded });
+	},
+);
+
+const accessLevel = computed(() => connections.connectionAccessLevel);
+const mode = computed(() => (db.id ? 'edit' : 'add'));
+const credentialsForm = computed(() => CREDENTIALS_FORMS[db.type] ?? null);
+const readonly = computed(() => Boolean((accessLevel.value === 'readonly' || db.isTestConnection) && db.id));
+const showIpWarning = computed(
+	() => db.connectionType === ConnectionType.Direct && !db.isTestConnection && isSaas && db.type !== DBtype.Dynamo,
+);
+const connectionStringError = computed(() => {
+	if (!connectionStringTouched.value && !submitted.value) return undefined;
+	const errors = connectionStringErrors(connectionString.value);
+	return errors ? connectionStringErrorMessage(errors) : undefined;
+});
+
+watch(
+	() => connections.connectionTitle,
+	(connectionTitle) => {
+		document.title = connectionID.value
+			? `Credentials — ${connectionTitle} | Rocketadmin`
+			: 'Add new database | Rocketadmin';
+	},
+	{ immediate: true },
+);
+
+onMounted(() => {
+	if (!connectionID.value) {
+		user.sendUserAction('CONNECTION_CREATION_NOT_FINISHED');
+		if (isSaas) (window as Window & { fbq?: (...args: unknown[]) => void }).fbq?.('trackCustom', 'Add_connection');
+	}
+});
+
+function track(what: string, properties?: Record<string, unknown>) {
+	trackConnectionEvent(`Connection creds ${mode.value}: ${what}`, properties);
+}
+
+function dbTypeChange(type: DBtype | DBtype[] | null) {
+	if (!type || Array.isArray(type)) return;
+	db.type = type;
+	db.port = DEFAULT_PORTS[type];
+	track('db type is selected', { dbType: type });
+}
+
+async function testConnection() {
+	submitting.value = true;
+	try {
+		const credsCorrect = await connections.testConnection(connectionID.value, db);
+		const action = `Connect DB: manual test connection before ${db.id ? 'edit' : 'add'} is ${credsCorrect.result ? 'passed' : 'failed'}`;
+		trackConnectionEvent(action, { errorMessage: credsCorrect.message });
+		if (credsCorrect.result) {
+			notifications.dismissAlert();
+			notifications.showSuccessSnackbar('Connection is live');
+		} else {
+			notifications.showAlert(AlertType.Error, credsCorrect.message, [
+				{ type: AlertActionType.Button, caption: 'Dismiss', action: () => notifications.dismissAlert() },
+			]);
+		}
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+
+async function createConnectionRequest() {
+	try {
+		const res = await connections.createConnection(db, masterKey.value ?? '');
+		if (db.connectionType === ConnectionType.Agent) {
+			connectionToken.value = res.token ?? null;
+			connectionID.value = res.id;
+		} else {
+			router.push(`/auto-configure/${res.id}`);
+		}
+		trackConnectionEvent('Connect DB: connection is added successfully', {
+			connectionType: db.connectionType,
+			dbType: db.type,
+		});
+	} catch (error) {
+		trackConnectionEvent('Connect DB: connection is added unsuccessfully', {
+			connectionType: db.connectionType,
+			dbType: db.type,
+			errorMessage: errorMessageOf(error),
+		});
+	} finally {
+		submitting.value = false;
+	}
+}
+
+async function updateConnectionRequest() {
+	try {
+		const res = await connections.updateConnection(db, masterKey.value ?? '');
+		if (db.connectionType === ConnectionType.Agent) {
+			connectionToken.value = res.connection.token ?? null;
+			trackConnectionEvent('Connect DB: connection is edited successfully', { connectionType: 'agent' });
+		} else {
+			trackConnectionEvent('Connect DB: connection is edited successfully', { connectionType: 'direct' });
+			router.push(`/dashboard/${res.connection.id}`);
+		}
+	} catch (error) {
+		trackConnectionEvent('Connect DB: connection is edited unsuccessfully', { errorMessage: errorMessageOf(error) });
+	} finally {
+		submitting.value = false;
+	}
+}
+
+function handleConnectionError(errorMessage: string) {
+	dialog.open<string, DbConnectionConfirmDialogData>(DbConnectionConfirmDialog, {
+		data: { dbCreds: db, provider: getProvider(db), masterKey: masterKey.value, errorMessage },
+	});
+	submitting.value = false;
+}
+
+function handleCredentialsSubmitting() {
+	submitted.value = true;
+	db.masterEncryption = Boolean(masterKey.value);
+	if (db.id) editConnection();
+	else createConnection();
+}
+
+async function editConnection() {
+	submitting.value = true;
+	let credsCorrect: TestConnection;
+	try {
+		credsCorrect = await connections.testConnection(connectionID.value, db);
+	} catch {
+		submitting.value = false;
+		return;
+	}
+	trackConnectionEvent(
+		`Connect DB: automatic test connection on edit is ${credsCorrect.result ? 'passed' : 'failed'}`,
+		{
+			errorMessage: credsCorrect.message,
+		},
+	);
+	if (db.connectionType === ConnectionType.Agent || credsCorrect.result) updateConnectionRequest();
+	else handleConnectionError(credsCorrect.message);
+}
+
+async function createConnection() {
+	if (db.connectionType !== ConnectionType.Direct) {
+		createConnectionRequest();
+		return;
+	}
+	if (db.type !== DBtype.Dynamo) {
+		const action = await dialog
+			.open<string, DbConnectionIpAccessDialogData>(DbConnectionIpAccessDialog, {
+				data: { db, provider: getProvider(db) },
+			})
+			.afterClosed();
+		if (action !== IP_ACCESS_CONFIRMED) return;
+	}
+	await testBeforeCreate();
+}
+
+async function testBeforeCreate() {
+	submitting.value = true;
+	let credsCorrect: TestConnection;
+	try {
+		credsCorrect = await connections.testConnection(connectionID.value, db);
+	} catch {
+		submitting.value = false;
+		return;
+	}
+	trackConnectionEvent(`Connect DB: automatic test connection on add is ${credsCorrect.result ? 'passed' : 'failed'}`, {
+		connectionType: db.connectionType,
+		dbType: db.type,
+		errorMessage: credsCorrect.message,
+	});
+	if (credsCorrect.result) createConnectionRequest();
+	else handleConnectionError(credsCorrect.message);
+}
+
+function confirmDeleteConnection(event: Event) {
+	event.preventDefault();
+	event.stopImmediatePropagation();
+	dialog.open<void, DbConnectionDeleteDialogData>(DbConnectionDeleteDialog, { data: db });
+}
+
+async function copyToken() {
+	if (connectionToken.value && (await copyToClipboard(connectionToken.value))) {
+		notifications.showSuccessSnackbar('Connection token was copied to clipboard.');
+	}
+}
+
+function switchToAgent() {
+	db.connectionType = ConnectionType.Agent;
+}
+
+function handleMasterKeyChange(newMasterKey: string) {
+	masterKey.value = newMasterKey;
+}
+
+function onConnectionStringChange(value: string) {
+	connectionString.value = value;
+	if (!value.trim()) return;
+	try {
+		const parsed = parseConnectionString(value);
+		parsedConnectionString.value = value;
+		const filled = new Set(['host', 'port', 'username', 'password', 'database']);
+		fieldsOverridden.value = false;
+		db.type = parsed.dbType;
+		db.host = parsed.host;
+		db.port = parsed.port;
+		db.username = parsed.username;
+		db.password = parsed.password;
+		db.database = parsed.database;
+		if (parsed.authSource) {
+			db.authSource = parsed.authSource;
+			filled.add('authSource');
+		}
+		if (parsed.schema) {
+			db.schema = parsed.schema;
+			filled.add('schema');
+		}
+		if (parsed.ssl) db.ssl = true;
+		autoFilledFields.value = filled;
+		setTimeout(() => {
+			connectionString.value = '';
+		}, 300);
+	} catch {
+		// The field shows the validation error.
+	}
+}
+
+function clearAutoFilledField(field: string) {
+	const next = new Set(autoFilledFields.value);
+	next.delete(field);
+	autoFilledFields.value = next;
+	fieldsOverridden.value = true;
+}
+
+function routeParam(name: string): string | null {
+	const value = route.params[name];
+	return (Array.isArray(value) ? value[0] : value) || null;
+}
+
+function errorMessageOf(error: unknown): string | undefined {
+	return error instanceof Error ? error.message : undefined;
+}
+</script>
+
+<template>
+	<div class="connect-db">
+		<AppAlert class="connect-db__alert" />
+
+		<form class="connect-db__form" novalidate @submit.prevent="handleCredentialsSubmitting">
+			<h1 class="connect-db__title connect-db__full">
+				{{ connectionID ? 'Edit credentials' : 'Connect database' }}
+			</h1>
+
+			<UiField
+				label="Connection title"
+				class="connect-db__connection-title"
+				:required="db.connectionType === ConnectionType.Agent"
+			>
+				<UiInput
+					v-model="db.title"
+					name="title"
+					data-testid="connection-title-input"
+					:readonly="readonly"
+					:disabled="submitting"
+					@change="track('title is edited')"
+				/>
+			</UiField>
+
+			<UiField label="Database type">
+				<UiSelect
+					:model-value="db.type"
+					name="dbtype"
+					data-testid="connection-dbtype-select"
+					:options="DB_TYPE_OPTIONS"
+					:disabled="submitting"
+					@update:model-value="dbTypeChange"
+				/>
+			</UiField>
+
+			<div class="connect-db__full connect-db__type-switch">
+				<UiSegmented
+					v-model="db.connectionType"
+					label="Connection type"
+					data-testid="connection-type-toggle"
+					:options="CONNECTION_TYPE_OPTIONS"
+					:disabled="submitting || Boolean(db.isTestConnection) || db.type === DBtype.Dynamo"
+				/>
+			</div>
+
+			<div v-if="showIpWarning" data-testid="direct-connection-warning" class="connect-db__full">
+				<div v-if="connectionID" class="connect-db__warning">
+					<UiIcon name="warning" class="connect-db__warning-icon" />
+					<p class="connect-db__warning-text">
+						Please make sure our servers are able to access your database. <br>
+						Rocketadmin uses the IP address <AppIpAddressButton :ip="ROCKETADMIN_IP" /> for all outbound requests.
+					</p>
+				</div>
+				<AppAlert v-else :alert="warning" class="connect-db__ip-alert">
+					<p class="connect-db__warning-text">
+						Please make sure our servers are able to access your database. <br>
+						Rocketadmin uses the IP address <AppIpAddressButton :ip="ROCKETADMIN_IP" /> for all outbound requests.
+					</p>
+				</AppAlert>
+			</div>
+
+			<div
+				v-if="db.connectionType === ConnectionType.Direct && !db.id"
+				class="connect-db__full connect-db__connection-string"
+			>
+				<div class="connect-db__connection-string-header">
+					<UiIcon name="link" size="sm" />
+					<span>Quick connect with a connection string</span>
+				</div>
+				<p class="connect-db__connection-string-description">
+					Paste your database connection URI below to automatically fill in all the credentials fields. The string is
+					not stored — only the parsed values are used.
+				</p>
+				<UiField label="Connection string" :error="connectionStringError">
+					<UiInput
+						:model-value="connectionString"
+						name="connectionString"
+						data-testid="connection-string-input"
+						placeholder="e.g. postgresql://user:password@host:5432/dbname"
+						:disabled="submitting"
+						@update:model-value="onConnectionStringChange"
+						@blur="connectionStringTouched = true"
+					/>
+				</UiField>
+				<p v-if="parsedConnectionString" class="connect-db__connection-string-parsed">
+					<UiIcon name="check_circle" size="sm" />
+					<span>
+						<span class="connect-db__connection-string-parsed-label">Parsed:</span>
+						<code class="connect-db__connection-string-parsed-value">{{ parsedConnectionString }}</code>
+					</span>
+				</p>
+				<p v-if="fieldsOverridden" class="connect-db__connection-string-note">
+					<UiIcon name="info" size="sm" />
+					Fields are now the source of truth — paste a new connection string to override them
+				</p>
+			</div>
+
+			<div v-if="db.connectionType === ConnectionType.Direct && credentialsForm" class="connect-db__credentials">
+				<component
+					:is="credentialsForm"
+					:connection="db"
+					:submitting="submitting"
+					:access-level="accessLevel"
+					:master-key="masterKey"
+					:readonly="readonly"
+					:auto-filled-fields="autoFilledFields"
+					:submitted="submitted"
+					@switch-to-agent="switchToAgent"
+					@master-key-change="handleMasterKeyChange"
+					@field-change="clearAutoFilledField"
+				/>
+			</div>
+
+			<div v-if="db.connectionType === ConnectionType.Agent" class="connect-db__full connect-db__agent">
+				<div class="connect-db__agent-docker">
+					<p>Visit our DockerHub page to install the Rocketadmin agent.</p>
+
+					<UiButton
+						href="https://hub.docker.com/r/rocketadmin/rocketadmin-agent"
+						target="_blank"
+						rel="noopener"
+						data-testid="connection-agent-dockerhub-link"
+						@click="track('open github agent page')"
+					>
+						<template #leading>
+							<svg
+								class="connect-db__docker-icon"
+								xmlns="http://www.w3.org/2000/svg"
+								aria-hidden="true"
+								viewBox="0 0 512 512"
+							>
+								<path
+									stroke="currentColor"
+									stroke-width="38"
+									fill="none"
+									d="M296 226h42m-92 0h42m-91 0h42m-91 0h41m-91 0h42m8-46h41m8 0h42m7 0h42m-42-46h42"
+								/>
+								<path
+									fill="currentColor"
+									d="m472 228s-18-17-55-11c-4-29-35-46-35-46s-29 35-8 74c-6 3-16 7-31 7H68c-5 19-5 145 133 145 99 0 173-46 208-130 52 4 63-39 63-39"
+								/>
+							</svg>
+						</template>
+						Install Rocketadmin agent
+					</UiButton>
+
+					<p>
+						Once the installation is successfully completed, the new connection will appear in the list of your admin
+						panels.
+					</p>
+
+					<UiButton
+						variant="secondary"
+						href="https://docs.rocketadmin.com/Create%20connections/Agent%20connection/agent_connection"
+						target="_blank"
+						rel="noopener"
+						data-testid="connection-agent-instruction-link"
+						@click="track('open agent connection instruction')"
+					>
+						Check out the complete guide
+					</UiButton>
+				</div>
+
+				<div v-if="connectionToken" class="connect-db__agent-token">
+					<UiField
+						label="Token"
+						hint="Please save this token and use it to configure your agent connection in .config.env file."
+						class="connect-db__agent-token-field"
+					>
+						<UiInput :model-value="connectionToken" name="token" data-testid="connection-agent-token-input" readonly />
+					</UiField>
+					<UiIconButton
+						icon="content_copy"
+						label="Copy mater password"
+						data-testid="connection-agent-token-copy-button"
+						class="connect-db__agent-token-copy"
+						@click="copyToken"
+					/>
+				</div>
+			</div>
+
+			<div v-if="db.isTestConnection" class="connect-db__test-actions">
+				<p class="connect-db__test-message">You cannot edit test connection.</p>
+				<UiButton to="/connect-db" data-testid="test-connection-actions-create-own-link">Create your own</UiButton>
+				<UiButton
+					variant="ghost"
+					data-testid="test-connection-actions-delete-button"
+					:disabled="submitting"
+					@click="confirmDeleteConnection($event); trackConnectionEvent('Connection creds test: delete db is clicked')"
+				>
+					Delete
+				</UiButton>
+			</div>
+
+			<div v-if="!db.id && !db.isTestConnection" class="connect-db__actions">
+				<UiButton
+					variant="secondary"
+					to="/connections-list"
+					class="connect-db__actions-start"
+					data-testid="add-connection-actions-back-link"
+				>
+					Back
+				</UiButton>
+				<UiButton
+					v-if="db.connectionType === ConnectionType.Direct"
+					variant="ghost"
+					data-testid="add-connection-actions-test-button"
+					:disabled="submitting"
+					@click="testConnection(); track('test db creds is clicked')"
+				>
+					Test connection
+				</UiButton>
+				<UiButton
+					v-if="!connectionToken && !connectionID"
+					type="submit"
+					data-testid="add-connection-actions-add-button"
+					:disabled="submitting"
+					@click="trackConnectionEvent('Connection creds add: db add clicked')"
+				>
+					{{ submitting ? 'Checking' : 'Add' }}
+				</UiButton>
+				<UiButton
+					v-if="connectionToken && connectionID"
+					:to="`/dashboard/${connectionID}`"
+					data-testid="add-connection-actions-open-dashboard-link"
+				>
+					Open dashboard
+				</UiButton>
+			</div>
+
+			<div v-if="connections.canEditConnection && db.id && !db.isTestConnection" class="connect-db__actions">
+				<UiButton
+					variant="danger"
+					class="connect-db__actions-start"
+					data-testid="edit-connection-actions-delete-button"
+					:disabled="submitting"
+					@click="confirmDeleteConnection($event); trackConnectionEvent('Connection creds edit: delete db is clicked')"
+				>
+					Delete
+				</UiButton>
+				<UiButton
+					variant="ghost"
+					data-testid="edit-connection-actions-test-button"
+					:disabled="submitting"
+					@click="testConnection(); track('test db creads is clicked')"
+				>
+					Test connection
+				</UiButton>
+				<UiButton
+					v-if="db.connectionType === ConnectionType.Direct || !connectionToken"
+					type="submit"
+					data-testid="edit-connection-actions-edit-button"
+					:disabled="submitting || Boolean(db.isTestConnection)"
+					@click="trackConnectionEvent('Connection creds edit: db edit is clicked')"
+				>
+					{{ submitting ? 'Checking' : 'Edit' }}
+				</UiButton>
+				<UiButton
+					v-if="connectionToken && connectionID && db.connectionType === ConnectionType.Agent"
+					:to="`/dashboard/${connectionID}`"
+					data-testid="edit-connection-actions-open-dashboard-link"
+				>
+					Open dashboard
+				</UiButton>
+			</div>
+		</form>
+	</div>
+</template>
+
+<style scoped>
+.connect-db {
+	padding: var(--space-8) var(--space-4) var(--space-16);
+}
+
+.connect-db__alert,
+.connect-db__ip-alert {
+	margin-bottom: var(--space-6);
+}
+
+.connect-db__form {
+	display: grid;
+	grid-template-columns: repeat(4, minmax(0, 1fr));
+	gap: var(--space-2) var(--space-6);
+	margin: 0 auto var(--space-10);
+	width: clamp(18.75em, 96%, 50em);
+}
+
+.connect-db__full,
+.connect-db__credentials {
+	grid-column: 1 / -1;
+}
+
+.connect-db__credentials {
+	display: grid;
+	grid-template-columns: subgrid;
+	row-gap: var(--space-4);
+}
+
+.connect-db__title {
+	margin: var(--space-6) 0 var(--space-4);
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.connect-db__connection-title {
+	grid-column: 1 / span 3;
+}
+
+.connect-db__type-switch {
+	margin: var(--space-2) 0 var(--space-3);
+}
+
+.connect-db__warning {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+	margin-bottom: var(--space-2);
+	padding: var(--space-4) var(--space-3);
+	border-radius: var(--radius-control);
+	background: var(--color-paper-2);
+}
+
+.connect-db__warning-icon {
+	flex-shrink: 0;
+	color: var(--color-warning);
+}
+
+.connect-db__warning-text {
+	margin: 0;
+	line-height: var(--leading-relaxed);
+}
+
+.connect-db__connection-string {
+	margin-bottom: var(--space-4);
+	padding: var(--space-4);
+	border: 1px solid var(--color-line-strong);
+	border-radius: var(--radius-panel);
+	background-color: var(--color-surface);
+}
+
+.connect-db__connection-string-header {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	margin-bottom: var(--space-1);
+	color: var(--color-accent);
+	font-weight: var(--weight-medium);
+}
+
+.connect-db__connection-string-description {
+	margin: 0 0 var(--space-3);
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+
+.connect-db__connection-string-parsed {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--space-2);
+	margin: var(--space-2) 0 0;
+	color: var(--color-success);
+	font-size: var(--text-xs);
+}
+
+.connect-db__connection-string-parsed-label {
+	margin-right: var(--space-1);
+	font-weight: var(--weight-medium);
+}
+
+.connect-db__connection-string-parsed-value {
+	font-family: var(--font-mono);
+	word-break: break-all;
+}
+
+.connect-db__connection-string-note {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	margin: var(--space-2) 0 0;
+	color: var(--color-accent);
+	font-size: var(--text-sm);
+	font-weight: var(--weight-medium);
+}
+
+.connect-db__agent-docker {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: var(--space-4);
+	margin-top: var(--space-6);
+}
+
+.connect-db__agent-docker p {
+	margin: 0;
+}
+
+.connect-db__docker-icon {
+	height: 1.375rem;
+	width: 1.375rem;
+}
+
+.connect-db__agent-token {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--space-3);
+	margin: var(--space-8) 0 var(--space-5);
+	width: 100%;
+}
+
+.connect-db__agent-token-field {
+	flex-grow: 1;
+}
+
+.connect-db__agent-token-copy {
+	margin-top: var(--space-6);
+}
+
+.connect-db__test-actions {
+	grid-column: 1 / -1;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: var(--space-3);
+	margin-top: var(--space-4);
+}
+
+.connect-db__test-message {
+	margin: 0 0 var(--space-1);
+	color: var(--color-muted);
+}
+
+.connect-db__actions {
+	grid-column: 1 / -1;
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	gap: var(--space-5);
+	margin-top: var(--space-3);
+}
+
+.connect-db__actions-start {
+	margin-right: auto;
+}
+
+@media (width <= 600px) {
+	.connect-db__form {
+		display: flex;
+		flex-direction: column;
+		width: 100%;
+	}
+
+	.connect-db__credentials {
+		display: flex;
+		flex-direction: column;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/connections/ConnectionSettingsView.spec.ts b/frontend-vue/src/views/connections/ConnectionSettingsView.spec.ts
new file mode 100644
index 000000000..0e1176454
--- /dev/null
+++ b/frontend-vue/src/views/connections/ConnectionSettingsView.spec.ts
@@ -0,0 +1,182 @@
+import { flushPromises, type VueWrapper } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { reactive } from 'vue';
+import { ApiError } from '@/api/client';
+import type { TableProperties } from '@/models/table';
+import ConnectionSettingsView from './ConnectionSettingsView.vue';
+import { byText, mountConnectionView } from './connectionsTestUtils';
+
+const connections = vi.hoisted(() => ({
+	connection: { title: 'Writers', database: 'writers_db' },
+	connectionTitle: 'Writers',
+	canEditConnection: true,
+	getConnectionSettings: vi.fn(),
+	createConnectionSettings: vi.fn(),
+	updateConnectionSettings: vi.fn(),
+	deleteConnectionSettings: vi.fn(),
+}));
+const tables = vi.hoisted(() => ({ fetchTables: vi.fn() }));
+const trackConnectionEvent = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => reactive(connections) }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/components/connections/analytics', () => ({ trackConnectionEvent }));
+
+const permissions = { visibility: true, readonly: false, add: true, delete: true, edit: true };
+const mockTablesList: TableProperties[] = [
+	{ table: 'customer', permissions },
+	{ table: 'Orders', permissions, display_name: 'Created orders' },
+	{ table: 'product', permissions },
+];
+
+const mockConnectionSettings = {
+	primary_color: '#1F5CB8',
+	secondary_color: '#F9D648',
+	logo_url: 'https://example.com/logo.jpg',
+	company_name: 'Such.Ukr.Lit',
+	hidden_tables: ['Orders'],
+	tables_audit: false,
+	default_showing_table: 'customer',
+};
+
+const mockConnectionSettingsResponse = {
+	id: '98a20557-6b38-46aa-b09b-d8a716421dd6',
+	connectionId: '63f804e4-8588-4957-8d7f-655e2309fef7',
+	...mockConnectionSettings,
+};
+
+const mountPage = () =>
+	mountConnectionView(ConnectionSettingsView, '/connection-settings/:connectionId', '/connection-settings/12345678');
+
+const saveButton = (wrapper: VueWrapper) => wrapper.find('[data-testid="connection-settings-save-button"]');
+
+describe('ConnectionSettingsView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		tables.fetchTables.mockResolvedValue(mockTablesList);
+		connections.getConnectionSettings.mockResolvedValue(null);
+		connections.createConnectionSettings.mockResolvedValue({});
+		connections.updateConnectionSettings.mockResolvedValue({});
+		connections.deleteConnectionSettings.mockResolvedValue(undefined);
+		connections.canEditConnection = true;
+	});
+
+	it('loads the hidden tables list and names tables by display name or normalized name', async () => {
+		const { wrapper } = await mountPage();
+
+		expect(tables.fetchTables).toHaveBeenCalledWith('12345678', true);
+		expect(document.title).toBe('Settings - Writers | Rocketadmin');
+		expect(wrapper.find('h1').text()).toBe('Settings for Writers connection');
+		const options = wrapper.findAll('select[name="hidden_tables"] option').map((option) => option.text());
+		expect(options).toEqual(['Customers (customer)', 'Created orders (Orders)', 'Products (product)']);
+		wrapper.unmount();
+	});
+
+	it('shows a banner when the connection has no tables', async () => {
+		tables.fetchTables.mockResolvedValue([]);
+		const { wrapper } = await mountPage();
+
+		expect(wrapper.text()).toContain('Rocketadmin can not find any tables');
+		expect(wrapper.find('form').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('shows the server error with a link to the credentials', async () => {
+		tables.fetchTables.mockRejectedValue(
+			new ApiError('Connection error', 400, { message: 'Connection error', originalMessage: 'Error details' }),
+		);
+		const { wrapper } = await mountPage();
+
+		const banner = wrapper.find('[data-testid="connection-settings-server-error"]');
+		expect(banner.text()).toContain('Connection error');
+		expect(banner.text()).toContain('Error details');
+		expect(byText(wrapper, 'Check database credentials').attributes('href')).toBe('/edit-db/12345678');
+		wrapper.unmount();
+	});
+
+	it('fills the form from existing settings', async () => {
+		connections.getConnectionSettings.mockResolvedValue(mockConnectionSettingsResponse);
+		const { wrapper } = await mountPage();
+
+		expect(connections.getConnectionSettings).toHaveBeenCalledWith('12345678');
+		expect((wrapper.find('input[name="logo-url"]').element as HTMLInputElement).value).toBe(
+			'https://example.com/logo.jpg',
+		);
+		expect((wrapper.find('input[name="primary-color"]').element as HTMLInputElement).value).toBe('#1F5CB8');
+		const hidden = wrapper.find('select[name="hidden_tables"]').element as HTMLSelectElement;
+		expect(Array.from(hidden.selectedOptions).map((option) => option.text)).toEqual(['Created orders (Orders)']);
+		expect((wrapper.find('input[name="audit"]').element as HTMLInputElement).checked).toBe(false);
+		expect(byText(wrapper, 'Reset').attributes('disabled')).toBeUndefined();
+		wrapper.unmount();
+	});
+
+	it('starts from empty settings with Reset and Save disabled', async () => {
+		const { wrapper } = await mountPage();
+
+		expect((wrapper.find('input[name="audit"]').element as HTMLInputElement).checked).toBe(true);
+		expect(byText(wrapper, 'Reset').attributes('disabled')).toBeDefined();
+		expect(saveButton(wrapper).attributes('disabled')).toBeDefined();
+		wrapper.unmount();
+	});
+
+	it('creates the settings on the first save', async () => {
+		const { wrapper } = await mountPage();
+
+		await wrapper.find('input[name="primary-color"]').setValue('#1F5CB8');
+		expect(saveButton(wrapper).attributes('disabled')).toBeUndefined();
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(connections.createConnectionSettings).toHaveBeenCalledWith('12345678', {
+			hidden_tables: [],
+			default_showing_table: null,
+			primary_color: '#1F5CB8',
+			secondary_color: '',
+			logo_url: '',
+			company_name: '',
+			tables_audit: true,
+		});
+		expect(trackConnectionEvent).toHaveBeenCalledWith(
+			'Connection settings: settings is created successfully',
+			expect.objectContaining({ primary_color: true, hidden_tables: false }),
+			undefined,
+		);
+		expect(connections.getConnectionSettings).toHaveBeenCalledTimes(2);
+		wrapper.unmount();
+	});
+
+	it('updates existing settings', async () => {
+		connections.getConnectionSettings.mockResolvedValue(mockConnectionSettingsResponse);
+		const { wrapper } = await mountPage();
+
+		await wrapper.find('input[name="audit"]').setValue(true);
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(connections.updateConnectionSettings).toHaveBeenCalledWith(
+			'12345678',
+			expect.objectContaining({ ...mockConnectionSettings, tables_audit: true }),
+		);
+		expect(connections.createConnectionSettings).not.toHaveBeenCalled();
+		wrapper.unmount();
+	});
+
+	it('resets the settings', async () => {
+		connections.getConnectionSettings.mockResolvedValue(mockConnectionSettingsResponse);
+		const { wrapper } = await mountPage();
+
+		await byText(wrapper, 'Reset').trigger('click');
+		await flushPromises();
+
+		expect(connections.deleteConnectionSettings).toHaveBeenCalledWith('12345678');
+		expect(trackConnectionEvent).toHaveBeenCalledWith('Connection settings: settings is reset successfully');
+		wrapper.unmount();
+	});
+
+	it('hides the actions from users who cannot edit the connection', async () => {
+		connections.canEditConnection = false;
+		const { wrapper } = await mountPage();
+
+		expect(saveButton(wrapper).exists()).toBe(false);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/connections/ConnectionSettingsView.vue b/frontend-vue/src/views/connections/ConnectionSettingsView.vue
new file mode 100644
index 000000000..3c0a4db0b
--- /dev/null
+++ b/frontend-vue/src/views/connections/ConnectionSettingsView.vue
@@ -0,0 +1,472 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/connection-settings (/connection-settings/:connectionId):
+// the connection's logo, theme colours, hidden tables, default table and audit logging. Creates the
+// settings on the first save, updates them afterwards, and "Reset" deletes them.
+import { computed, onMounted, ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import { isApiError } from '@/api/client';
+import { trackConnectionEvent } from '@/components/connections/analytics';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import AppBanner from '@/components/shared/AppBanner.vue';
+import PlaceholderConnectionSettings from '@/components/skeletons/PlaceholderConnectionSettings.vue';
+import { type SelectOption, UiButton, UiField, UiIcon, UiInput, UiSelect, UiSwitch } from '@/components/ui';
+import { environment } from '@/environment';
+import { normalizeTableName } from '@/lib/normalize';
+import { AlertType } from '@/models/alert';
+import type { ConnectionSettings } from '@/models/connection';
+import type { TableProperties } from '@/models/table';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTablesStore } from '@/stores/tables';
+
+const INITIAL_SETTINGS: Readonly<ConnectionSettings> = Object.freeze({
+	hidden_tables: [],
+	default_showing_table: null as unknown as string,
+	primary_color: '',
+	secondary_color: '',
+	logo_url: '',
+	company_name: '',
+	tables_audit: true,
+});
+
+/** The failed tables request, as the error banner shows it. */
+interface PageError {
+	abstract: string;
+	details?: string;
+}
+
+const route = useRoute();
+const connections = useConnectionsStore();
+const tables = useTablesStore();
+
+const isSaas = environment.saas;
+const connectionID = computed(() => {
+	const value = route.params.connectionId;
+	return (Array.isArray(value) ? value[0] : value) || '';
+});
+
+const tablesList = ref<TableProperties[] | null>(null);
+const connectionSettings = ref<ConnectionSettings>(freshSettings());
+const loading = ref(false);
+const submitting = ref(false);
+const isSettingsExist = ref(false);
+const noTablesError = ref(false);
+const serverError = ref<PageError | null>(null);
+/** No field was edited yet (NgForm's `pristine`): Save stays disabled. */
+const pristine = ref(true);
+
+const connectionName = computed(() => connections.connection.title || connections.connection.database);
+
+const tableOptions = computed<SelectOption<string>[]>(() =>
+	(tablesList.value ?? []).map((table) => ({
+		value: table.table,
+		label: `${table.display_name || table.normalizedTableName} (${table.table})`,
+	})),
+);
+
+watch(
+	() => connections.connectionTitle,
+	(connectionTitle) => {
+		document.title = `Settings - ${connectionTitle} | Rocketadmin`;
+	},
+	{ immediate: true },
+);
+
+onMounted(async () => {
+	loading.value = true;
+	try {
+		const res = await tables.fetchTables(connectionID.value, true);
+		if (res.length) {
+			tablesList.value = res.map((table) =>
+				table.display_name ? { ...table } : { ...table, normalizedTableName: normalizeTableName(table.table) },
+			);
+		} else {
+			noTablesError.value = true;
+		}
+		await getSettings();
+	} catch (error) {
+		loading.value = false;
+		serverError.value = toServerError(error);
+	}
+});
+
+async function getSettings() {
+	try {
+		const res = await connections.getConnectionSettings(connectionID.value);
+		if (res) {
+			connectionSettings.value = { ...res };
+			isSettingsExist.value = true;
+		} else {
+			connectionSettings.value = freshSettings();
+			isSettingsExist.value = false;
+		}
+	} catch {
+		// The store has shown the error.
+	} finally {
+		loading.value = false;
+	}
+}
+
+function handleSettingsSubmitting() {
+	if (isSettingsExist.value) updateSettings();
+	else createSettings();
+}
+
+async function createSettings() {
+	submitting.value = true;
+	const changed = summarize(connectionSettings.value);
+	try {
+		await connections.createConnectionSettings(connectionID.value, connectionSettings.value);
+		getSettings();
+		trackConnectionEvent('Connection settings: settings is created successfully', changed, undefined);
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+
+async function updateSettings() {
+	submitting.value = true;
+	const changed = summarize(connectionSettings.value);
+	try {
+		await connections.updateConnectionSettings(connectionID.value, connectionSettings.value);
+		getSettings();
+		trackConnectionEvent('Connection settings: settings is updated successfully', changed, undefined);
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+
+async function resetSettings() {
+	submitting.value = true;
+	try {
+		await connections.deleteConnectionSettings(connectionID.value);
+		getSettings();
+		trackConnectionEvent('Connection settings: settings is reset successfully');
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+
+function edited<K extends keyof ConnectionSettings>(key: K, value: ConnectionSettings[K]) {
+	connectionSettings.value[key] = value;
+	pristine.value = false;
+}
+
+function onHiddenTables(value: string | string[] | null) {
+	edited('hidden_tables', Array.isArray(value) ? value : []);
+}
+
+function onDefaultTable(value: string | string[] | null) {
+	edited('default_showing_table', (typeof value === 'string' ? value : null) as unknown as string);
+}
+
+function onAudit(value: boolean) {
+	edited('tables_audit', value);
+	trackConnectionEvent('Connection settings: log recording is toggled', { enable: value }, undefined);
+}
+
+function toServerError(error: unknown): PageError {
+	if (!isApiError(error)) return { abstract: error instanceof Error ? error.message : String(error) };
+	const abstract = error.body.message || error.message;
+	return error.details ? { abstract, details: error.details } : { abstract };
+}
+
+function openIntercom() {
+	window.Intercom?.('show');
+}
+
+function freshSettings(): ConnectionSettings {
+	return { ...INITIAL_SETTINGS, hidden_tables: [] };
+}
+
+/** What the analytics event reports: which settings are set, not their values. */
+function summarize(settings: ConnectionSettings): Record<string, boolean> {
+	return Object.fromEntries(
+		Object.entries(settings).map(([key, value]) => [
+			key,
+			key === 'hidden_tables' ? Array.isArray(value) && value.length > 0 : Boolean(value),
+		]),
+	);
+}
+</script>
+
+<template>
+	<div class="connection-settings">
+		<AppAlert class="connection-settings__alert" />
+
+		<h1 class="connection-settings__title">
+			Settings for <strong>{{ connectionName }}</strong> connection
+		</h1>
+
+		<PlaceholderConnectionSettings v-if="loading" />
+
+		<AppBanner v-if="noTablesError" :type="AlertType.Info" class="connection-settings__banner">
+			<h3 class="connection-settings__banner-title">Rocketadmin can not find any tables</h3>
+			<p>
+				There are no tables to apply settings. Please grant Rocketadmin access to required tables or create new
+				table. You can create a table with SQL editor
+			</p>
+		</AppBanner>
+
+		<AppBanner
+			v-if="serverError"
+			:type="AlertType.Error"
+			class="connection-settings__banner"
+			data-testid="connection-settings-server-error"
+		>
+			<div v-if="serverError.details">
+				<strong>{{ serverError.abstract }}</strong>
+				<p class="connection-settings__error-details">{{ serverError.details }}</p>
+			</div>
+			<p v-else>{{ serverError.abstract }}</p>
+			<template #actions>
+				<UiButton v-if="connections.canEditConnection" variant="secondary" :to="`/edit-db/${connectionID}`">
+					Check database credentials
+				</UiButton>
+				<UiButton v-if="isSaas" variant="danger" @click="openIntercom">Chat with support</UiButton>
+				<UiButton
+					v-else
+					variant="danger"
+					href="https://github.com/rocket-admin/rocketadmin/issues"
+					target="_blank"
+					rel="noopener noreferrer"
+				>
+					Report a bug
+				</UiButton>
+			</template>
+		</AppBanner>
+
+		<form
+			v-if="!serverError && !noTablesError && !loading"
+			class="connection-settings__form"
+			novalidate
+			@submit.prevent="handleSettingsSubmitting"
+		>
+			<div class="connection-settings__fields">
+				<div class="connection-settings__logo">
+					<div v-if="connectionSettings.logo_url" class="connection-settings__logo-box">
+						<img :src="connectionSettings.logo_url" class="connection-settings__logo-img" alt="project-logo">
+					</div>
+					<UiIcon v-else name="image" class="connection-settings__logo-stub" />
+					<UiField label="Logo URL" class="connection-settings__logo-input">
+						<UiInput
+							:model-value="connectionSettings.logo_url"
+							name="logo-url"
+							:disabled="submitting"
+							@update:model-value="edited('logo_url', $event)"
+							@change="trackConnectionEvent('Connection settings: logo URL is edited')"
+						/>
+					</UiField>
+				</div>
+
+				<div class="connection-settings__colors">
+					<div class="connection-settings__color">
+						<span
+							class="connection-settings__color-sample"
+							:style="{ '--sample-color': connectionSettings.primary_color }"
+							aria-hidden="true"
+						/>
+						<UiField label="Primary color (HEX)">
+							<UiInput
+								:model-value="connectionSettings.primary_color"
+								name="primary-color"
+								class="connection-settings__color-input"
+								:disabled="submitting"
+								@update:model-value="edited('primary_color', $event)"
+								@change="trackConnectionEvent('Connection settings: primary color is edited')"
+							/>
+						</UiField>
+					</div>
+
+					<div class="connection-settings__color">
+						<span
+							class="connection-settings__color-sample"
+							:style="{ '--sample-color': connectionSettings.secondary_color }"
+							aria-hidden="true"
+						/>
+						<UiField label="Accented color (HEX)">
+							<UiInput
+								:model-value="connectionSettings.secondary_color"
+								name="accented-color"
+								class="connection-settings__color-input"
+								:disabled="submitting"
+								@update:model-value="edited('secondary_color', $event)"
+								@change="trackConnectionEvent('Connection settings: accented color is edited')"
+							/>
+						</UiField>
+					</div>
+				</div>
+
+				<UiField label="Hidden tables">
+					<UiSelect
+						:model-value="connectionSettings.hidden_tables ?? []"
+						name="hidden_tables"
+						multiple
+						:options="tableOptions"
+						:disabled="submitting"
+						@update:model-value="onHiddenTables"
+						@click="trackConnectionEvent('Connection settings: hidden tables is selected')"
+					/>
+				</UiField>
+
+				<UiField label="Table displayed by default">
+					<UiSelect
+						:model-value="connectionSettings.default_showing_table ?? null"
+						name="default_showing_table"
+						placeholder=" "
+						:options="tableOptions"
+						:disabled="submitting"
+						@update:model-value="onDefaultTable"
+						@click="trackConnectionEvent('Connection settings: default display table is selected')"
+					/>
+				</UiField>
+
+				<UiSwitch
+					name="audit"
+					class="connection-settings__audit"
+					:model-value="Boolean(connectionSettings.tables_audit)"
+					:disabled="submitting"
+					@update:model-value="onAudit"
+				>
+					Log changes in tables
+				</UiSwitch>
+			</div>
+
+			<div v-if="connections.canEditConnection" class="connection-settings__actions">
+				<UiButton variant="danger" :disabled="!isSettingsExist || submitting" @click="resetSettings">Reset</UiButton>
+				<UiButton type="submit" data-testid="connection-settings-save-button" :disabled="submitting || pristine">
+					Save
+				</UiButton>
+			</div>
+		</form>
+	</div>
+</template>
+
+<style scoped>
+.connection-settings {
+	/* The Angular page's centred 650px column. */
+	--settings-gutter: max(calc(50vw - 325px), 10%);
+
+	min-height: 100%;
+	padding: var(--space-8) var(--settings-gutter);
+}
+
+.connection-settings__alert {
+	margin-bottom: var(--space-6);
+}
+
+.connection-settings__title {
+	margin: 0 0 var(--space-8);
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-regular);
+	color: var(--color-ink);
+}
+
+.connection-settings__banner-title {
+	margin: 0 0 var(--space-2);
+	font-size: var(--text-md);
+}
+
+.connection-settings__error-details {
+	margin-top: var(--space-2);
+}
+
+.connection-settings__fields {
+	display: flex;
+	flex-direction: column;
+	align-items: stretch;
+	gap: var(--space-4);
+	padding-bottom: var(--space-16);
+}
+
+.connection-settings__logo {
+	display: flex;
+	align-items: flex-end;
+	gap: var(--space-4);
+	width: 100%;
+}
+
+.connection-settings__logo-box {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 2.75rem;
+	max-width: 10rem;
+	padding: var(--space-1) var(--space-2);
+	border-radius: var(--radius-control);
+	background: var(--color-ink);
+}
+
+.connection-settings__logo-img {
+	height: 2.5rem;
+	max-width: 8.5rem;
+	object-fit: contain;
+}
+
+.connection-settings__logo-stub {
+	margin-bottom: var(--space-2);
+	color: var(--color-muted);
+}
+
+.connection-settings__logo-input {
+	flex-grow: 1;
+}
+
+.connection-settings__colors {
+	display: grid;
+	grid-template-columns: repeat(2, minmax(0, 1fr));
+	gap: var(--space-6);
+}
+
+.connection-settings__color {
+	position: relative;
+}
+
+.connection-settings__color-sample {
+	position: absolute;
+	bottom: var(--space-2);
+	left: var(--space-2);
+	height: 1.5rem;
+	width: 1.5rem;
+	border-radius: var(--radius-control);
+	background-color: var(--sample-color);
+	pointer-events: none;
+}
+
+.connection-settings__color :deep(.connection-settings__color-input) {
+	padding-left: var(--space-10);
+}
+
+.connection-settings__audit {
+	margin-top: var(--space-1);
+}
+
+.connection-settings__actions {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	z-index: var(--z-sticky);
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	height: 4rem;
+	width: 100vw;
+	padding: 0 var(--settings-gutter);
+	background-color: var(--color-surface);
+	box-shadow: var(--shadow-card);
+}
+
+@media (width <= 600px) {
+	.connection-settings__colors {
+		display: flex;
+		flex-direction: column;
+		gap: var(--space-4);
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/connections/ConnectionsListView.spec.ts b/frontend-vue/src/views/connections/ConnectionsListView.spec.ts
new file mode 100644
index 000000000..d7e1fec89
--- /dev/null
+++ b/frontend-vue/src/views/connections/ConnectionsListView.spec.ts
@@ -0,0 +1,74 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { reactive } from 'vue';
+import { CompanyMemberRole } from '@/models/company';
+import type { User } from '@/models/user';
+import type { ConnectionListItem } from '@/stores/connections';
+import ConnectionsListView from './ConnectionsListView.vue';
+import { mountConnectionView } from './connectionsTestUtils';
+
+const connections = vi.hoisted(() => ({ ownConnections: null as ConnectionListItem[] | null }));
+const user = vi.hoisted(() => ({ currentUser: null as User | null }));
+const company = vi.hoisted(() => ({ fetchCompanyName: vi.fn(), fetchCompanyMembers: vi.fn() }));
+const uiSettings = vi.hoisted(() => ({ isDarkMode: false, getUiSettings: vi.fn(), updateGlobalSetting: vi.fn() }));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => reactive(connections) }));
+vi.mock('@/stores/user', () => ({ useUserStore: () => reactive(user) }));
+vi.mock('@/stores/company', () => ({ useCompanyStore: () => company }));
+vi.mock('@/stores/ui-settings', () => ({ useUiSettingsStore: () => uiSettings }));
+
+const admin = { id: 'u1', role: CompanyMemberRole.CAO, company: { id: 'company-1' } } as User;
+
+const mountPage = () => mountConnectionView(ConnectionsListView, '/connections-list');
+
+describe('ConnectionsListView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		connections.ownConnections = null;
+		user.currentUser = admin;
+		company.fetchCompanyName.mockResolvedValue({ name: 'Such.Ukr.Lit' });
+		company.fetchCompanyMembers.mockResolvedValue([]);
+		uiSettings.getUiSettings.mockResolvedValue(null);
+	});
+
+	it('sets the page title and shows the company name with an edit link for the owner', async () => {
+		const { wrapper } = await mountPage();
+
+		expect(document.title).toBe('Connections | Rocketadmin');
+		expect(company.fetchCompanyName).toHaveBeenCalledWith('company-1');
+		expect(wrapper.find('[data-testid="company-name"]').text()).toBe('Such.Ukr.Lit');
+		expect(wrapper.find('a[aria-label="Edit company"]').attributes('href')).toBe('/company');
+		wrapper.unmount();
+	});
+
+	it('hides the company edit link from other roles', async () => {
+		user.currentUser = { ...admin, role: CompanyMemberRole.SystemAdmin };
+		const { wrapper } = await mountPage();
+
+		expect(wrapper.find('a[aria-label="Edit company"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('shows the skeleton until the connections have loaded', async () => {
+		const { wrapper } = await mountPage();
+		expect(wrapper.find('[aria-label="Loading connections"]').exists()).toBe(true);
+
+		reactive(connections).ownConnections = [];
+		await flushPromises();
+
+		expect(wrapper.find('[aria-label="Loading connections"]').exists()).toBe(false);
+		expect(wrapper.text()).toContain('Connect your own');
+		wrapper.unmount();
+	});
+
+	it('loads the company name once the user is known', async () => {
+		user.currentUser = null;
+		const { wrapper } = await mountPage();
+		expect(company.fetchCompanyName).not.toHaveBeenCalled();
+
+		reactive(user).currentUser = admin;
+		await flushPromises();
+
+		expect(wrapper.find('[data-testid="company-name"]').text()).toBe('Such.Ukr.Lit');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/connections/ConnectionsListView.vue b/frontend-vue/src/views/connections/ConnectionsListView.vue
new file mode 100644
index 000000000..d816db8d2
--- /dev/null
+++ b/frontend-vue/src/views/connections/ConnectionsListView.vue
@@ -0,0 +1,155 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/connections-list: the company name (with an edit link for
+// the account owner) over the user's connections. The shell loads the connections list
+// (connectionsStore.connectionsVersion); this page shows the skeleton until it has arrived.
+import { ref, watch } from 'vue';
+import OwnConnections from '@/components/connections/OwnConnections.vue';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import PlaceholderConnections from '@/components/skeletons/PlaceholderConnections.vue';
+import { UiIconButton, UiSkeleton } from '@/components/ui';
+import { CompanyMemberRole } from '@/models/company';
+import { useCompanyStore } from '@/stores/company';
+import { useConnectionsStore } from '@/stores/connections';
+import { useUserStore } from '@/stores/user';
+
+const connections = useConnectionsStore();
+const user = useUserStore();
+const company = useCompanyStore();
+
+const companyName = ref<string | null>(null);
+
+document.title = 'Connections | Rocketadmin';
+
+watch(
+	() => user.currentUser?.company?.id,
+	async (companyId) => {
+		if (!user.currentUser?.id || !companyId) return;
+		try {
+			companyName.value = (await company.fetchCompanyName(companyId)).name;
+		} catch {
+			// The store has shown the error.
+		}
+	},
+	{ immediate: true },
+);
+</script>
+
+<template>
+	<div class="connections-list">
+		<AppAlert class="connections-list__alert" />
+
+		<div v-if="companyName" class="connections-list__header">
+			<div class="connections-list__title">
+				<h1 class="connections-list__name" data-testid="company-name">{{ companyName }}</h1>
+				<UiIconButton
+					v-if="user.currentUser?.role === CompanyMemberRole.CAO"
+					icon="edit"
+					label="Edit company"
+					to="/company"
+					class="connections-list__edit"
+				/>
+			</div>
+		</div>
+		<div v-else class="connections-list__header">
+			<UiSkeleton width="18vw" height="2.5rem" class="connections-list__name-skeleton" label="Loading company" />
+		</div>
+
+		<OwnConnections
+			v-if="connections.ownConnections !== null"
+			:current-user="user.currentUser"
+			:connections="connections.ownConnections"
+			:company-id="user.currentUser?.company?.id"
+		/>
+		<PlaceholderConnections v-else class="connections-list__placeholder" />
+	</div>
+</template>
+
+<style scoped>
+.connections-list {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	min-height: 100%;
+	padding: var(--space-16) max(calc(50vw - 535px), 10%);
+	background-image:
+		url('/assets/bg/connections-list-left-decoration.svg'), url('/assets/bg/connections-list-right-decoration.svg');
+	background-repeat: no-repeat, no-repeat;
+	background-position:
+		left 125%,
+		right -26%;
+	background-size: 17%, 18%;
+}
+
+.connections-list__alert {
+	margin-bottom: var(--space-6);
+	width: 100%;
+}
+
+.connections-list__header {
+	position: relative;
+	display: flex;
+	justify-content: center;
+	margin-bottom: var(--space-12);
+	width: 100%;
+	text-align: center;
+}
+
+.connections-list__title {
+	position: relative;
+	display: inline-block;
+}
+
+.connections-list__name {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-2xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.connections-list__edit {
+	position: absolute;
+	top: 50%;
+	right: calc(-1 * var(--space-12));
+	transform: translateY(-50%);
+	opacity: 0;
+	transition: opacity var(--motion-base) var(--ease-out);
+}
+
+.connections-list__title:hover .connections-list__edit,
+.connections-list__edit:focus-visible {
+	opacity: 1;
+}
+
+.connections-list__placeholder {
+	width: 100%;
+}
+
+@media (prefers-color-scheme: dark) {
+	.connections-list {
+		background-image:
+			url('/assets/bg/connections-list-left-decoration_dark.svg'),
+			url('/assets/bg/connections-list-right-decoration_dark.svg');
+	}
+}
+
+@media (width <= 600px) {
+	.connections-list {
+		padding: var(--space-12) 9vw;
+		width: 100%;
+	}
+
+	.connections-list__header {
+		margin-bottom: var(--space-8);
+	}
+
+	.connections-list__name {
+		font-size: var(--text-xl);
+		line-height: var(--leading-tight);
+	}
+
+	.connections-list__edit {
+		opacity: 1;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/connections/connectionsTestUtils.ts b/frontend-vue/src/views/connections/connectionsTestUtils.ts
new file mode 100644
index 000000000..814f5d761
--- /dev/null
+++ b/frontend-vue/src/views/connections/connectionsTestUtils.ts
@@ -0,0 +1,44 @@
+// Spec helpers for the connection pages (not shipped: only *.spec.ts files import this).
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { type Component, defineComponent, h } from 'vue';
+import { createMemoryHistory, createRouter, type Router, RouterView } from 'vue-router';
+import { vTooltip } from '@/components/ui';
+
+const Blank = defineComponent({ render: () => h('div', { 'data-testid': 'blank-page' }) });
+
+/**
+ * Mounts `view` as the page of `pattern` (e.g. '/edit-db/:connectionId'), navigated to `url`, under
+ * a memory router whose other paths render a blank page. Activates a fresh Pinia.
+ */
+export async function mountConnectionView(
+	view: Component,
+	pattern: string,
+	url: string = pattern,
+): Promise<{ wrapper: VueWrapper; router: Router }> {
+	const pinia = createPinia();
+	setActivePinia(pinia);
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [
+			{ path: pattern, component: view },
+			{ path: '/:pathMatch(.*)*', component: Blank },
+		],
+	});
+	router.push(url);
+	await router.isReady();
+	const Host = defineComponent({ render: () => h(RouterView) });
+	const wrapper = mount(Host, {
+		global: { plugins: [router, pinia], directives: { tooltip: vTooltip } },
+		attachTo: document.body,
+	});
+	await flushPromises();
+	return { wrapper, router };
+}
+
+/** The button or link whose text is `label`. */
+export function byText(wrapper: VueWrapper, label: string, selector = 'button, a') {
+	const match = wrapper.findAll(selector).find((candidate) => candidate.text() === label);
+	if (!match) throw new Error(`No element "${label}"`);
+	return match;
+}
diff --git a/frontend-vue/src/views/dashboard/DashboardView.spec.ts b/frontend-vue/src/views/dashboard/DashboardView.spec.ts
new file mode 100644
index 000000000..7b0b40aea
--- /dev/null
+++ b/frontend-vue/src/views/dashboard/DashboardView.spec.ts
@@ -0,0 +1,308 @@
+// Port of dashboard.component.spec.ts, extended to the page's behaviour: loading the folders,
+// opening the URL's table (or the default one), the URL state of filters and search, and actions.
+import { flushPromises, mount } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { computed } from 'vue';
+import { createMemoryHistory, createRouter, type Router } from 'vue-router';
+import { ApiError } from '@/api/client';
+import ActionLinkDialog from '@/components/dashboard/ActionLinkDialog.vue';
+import BulkActionConfirmationDialog from '@/components/dashboard/BulkActionConfirmationDialog.vue';
+import TableFiltersDialog from '@/components/dashboard/TableFiltersDialog.vue';
+import { tableEvents } from '@/lib/table-events';
+import DashboardView from './DashboardView.vue';
+
+const tables = vi.hoisted(() => ({
+	fetchTablesFolders: vi.fn(),
+	fetchTable: vi.fn(),
+	activateActions: vi.fn(),
+	updateTablesFolders: vi.fn(),
+	updatePersonalTableViewSettings: vi.fn(),
+}));
+const connections = vi.hoisted(() => ({
+	canEditConnection: false,
+	defaultDisplayTable: null as string | null,
+	connection: { title: 'Sakila', type: 'postgres', isTestConnection: false },
+}));
+const uiSettings = vi.hoisted(() => ({ getUiSettings: vi.fn(), updateConnectionSetting: vi.fn() }));
+const dialog = vi.hoisted(() => ({ open: vi.fn() }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/table-row', () => ({ useTableRowStore: () => ({ fetchTableRow: vi.fn().mockResolvedValue({}) }) }));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => connections }));
+vi.mock('@/stores/ui-settings', () => ({ useUiSettingsStore: () => uiSettings }));
+vi.mock('@/stores/configuration-state', () => ({ useConfigurationStateStore: () => ({ isConfiguring: () => false }) }));
+vi.mock('@/stores/cedar-permissions', () => ({
+	useCedarPermissionsStore: () => ({ canI: () => computed(() => true) }),
+}));
+vi.mock('@/composables/useDialog', () => ({ useDialog: () => dialog }));
+vi.mock('@/components/dashboard/analytics', () => ({ track: vi.fn() }));
+
+const permissions = { visibility: true, readonly: false, add: true, delete: true, edit: true };
+const fakeTables = [
+	{ table: 'actor', permissions },
+	{ table: 'city', display_name: 'Cities of the world', permissions },
+	{ table: 'film', permissions },
+];
+const folders = () => [{ category_id: 'all-tables-kitten', category_name: 'All Tables', tables: fakeTables }];
+
+const rowsResponse = {
+	rows: [],
+	structure: [],
+	primaryColumns: [],
+	foreignKeys: [],
+	widgets: [],
+	pagination: { total: 0, lastPage: 1, perPage: 30, currentPage: 1 },
+	action_events: [],
+	table_settings: { list_fields: [] },
+	allow_csv_export: false,
+	allow_csv_import: false,
+	can_delete: false,
+	sortable_by: [],
+	configured: true,
+};
+
+const stubs = {
+	TableView: true,
+	TablesList: true,
+	TableRowView: true,
+	TableAiPanel: true,
+	SchemaEditor: true,
+};
+
+async function mountPage(url: string) {
+	const pinia = createPinia();
+	setActivePinia(pinia);
+	const router: Router = createRouter({
+		history: createMemoryHistory(),
+		routes: [
+			{ path: '/dashboard/:connectionId', name: 'dashboard', component: DashboardView },
+			{ path: '/dashboard/:connectionId/:tableName', name: 'table', component: DashboardView },
+			{ path: '/:pathMatch(.*)*', component: { render: () => null } },
+		],
+	});
+	await router.push(url);
+	const wrapper = mount(
+		{ template: '<RouterView />' },
+		{ global: { plugins: [router, pinia], stubs }, attachTo: document.body },
+	);
+	await flushPromises();
+	return { wrapper, router, tableView: () => wrapper.findComponent({ name: 'TableView' }) };
+}
+
+describe('DashboardView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		connections.defaultDisplayTable = null;
+		tables.fetchTablesFolders.mockResolvedValue(folders());
+		tables.fetchTable.mockResolvedValue(rowsResponse);
+		uiSettings.getUiSettings.mockResolvedValue({
+			globalSettings: {},
+			connections: { conn: { shownTableTitles: true, tables: {} } },
+		});
+	});
+
+	it('loads the folders and hands the sidebar formatted tables', async () => {
+		const { wrapper } = await mountPage('/dashboard/conn/actor');
+		expect(tables.fetchTablesFolders).toHaveBeenCalledWith('conn');
+		const sidebar = wrapper.findComponent({ name: 'TablesList' });
+		const [all] = sidebar.props('tableFolders');
+		expect(all.tables.map((table: { table: string }) => table.table)).toEqual(['actor', 'city', 'film']);
+		expect(all.tables[1]).toMatchObject({ normalizedTableName: 'Cities of the world', initials: 'CO' });
+		expect(sidebar.props('selectedTable')).toBe('actor');
+		wrapper.unmount();
+	});
+
+	it('opens the first table, keeping the query, when the URL names none', async () => {
+		const { wrapper, router } = await mountPage('/dashboard/conn?page_size=100');
+		expect(router.currentRoute.value.fullPath).toBe('/dashboard/conn/actor?page_size=100');
+		expect(tables.fetchTable).toHaveBeenCalledWith(expect.objectContaining({ tableName: 'actor', chunkSize: 100 }));
+		wrapper.unmount();
+	});
+
+	it('opens the default table of the connection when it has one', async () => {
+		connections.defaultDisplayTable = 'film';
+		const { wrapper, router } = await mountPage('/dashboard/conn');
+		expect(router.currentRoute.value.path).toBe('/dashboard/conn/film');
+		wrapper.unmount();
+	});
+
+	it('loads the rows the URL describes and titles the page', async () => {
+		const { wrapper, tableView } = await mountPage(
+			'/dashboard/conn/city?page_index=2&page_size=100&sort_active=name&sort_direction=DESC&filters=(name:(eq:A))&search=x&uncached=true',
+		);
+		expect(tables.fetchTable).toHaveBeenCalledWith({
+			connectionID: 'conn',
+			tableName: 'city',
+			requstedPage: 3,
+			chunkSize: 100,
+			sortColumn: 'name',
+			sortOrder: 'DESC',
+			filters: { name: { eq: 'A' } },
+			comparators: undefined,
+			search: 'x',
+			uncached: true,
+		});
+		expect(document.title).toBe('Cities of the world table | Rocketadmin');
+		expect(tableView().props()).toMatchObject({
+			name: 'city',
+			displayName: 'Cities of the world',
+			activeFilters: { name: { eq: 'A' } },
+			filterComparators: { name: 'eq' },
+		});
+		wrapper.unmount();
+	});
+
+	it('offers the schema editor for a connection without tables', async () => {
+		tables.fetchTablesFolders.mockResolvedValue([
+			{ category_id: 'all-tables-kitten', category_name: 'All', tables: [] },
+		]);
+		const { wrapper } = await mountPage('/dashboard/conn');
+		expect(wrapper.find('[data-testid="no-tables-generate-schema"]').exists()).toBe(true);
+		expect(document.title).toBe('No tables | Rocketadmin');
+		wrapper.unmount();
+	});
+
+	it('shows the server error with its details', async () => {
+		tables.fetchTablesFolders.mockRejectedValue(
+			new ApiError('Connection refused', 400, { message: 'Connection refused', originalMessage: 'ECONNREFUSED' }),
+		);
+		const { wrapper } = await mountPage('/dashboard/conn');
+		const banner = wrapper.find('[data-testid="connection-server-error-banner"]');
+		expect(banner.text()).toContain('Connection refused');
+		expect(banner.text()).toContain('ECONNREFUSED');
+		expect(document.title).toBe('Error | Rocketadmin');
+		wrapper.unmount();
+	});
+
+	it('searches from the first page, without filters, and puts the search in the URL', async () => {
+		const { wrapper, router, tableView } = await mountPage('/dashboard/conn/actor?page_index=3&filters=(id:(gt:1))');
+		tableView().vm.$emit('search', 'penelope');
+		await flushPromises();
+		expect(router.currentRoute.value.query).toEqual({ page_index: '0', page_size: '30', search: 'penelope' });
+		expect(tables.fetchTable).toHaveBeenLastCalledWith(
+			expect.objectContaining({ requstedPage: 1, filters: {}, search: 'penelope' }),
+		);
+		wrapper.unmount();
+	});
+
+	it('applies the filters dialog and writes them to the URL', async () => {
+		dialog.open.mockReturnValue({
+			afterClosed: () =>
+				Promise.resolve({
+					action: 'filter',
+					filters: { name: 'Pe', id: undefined },
+					comparators: { name: 'startswith' },
+				}),
+		});
+		const { wrapper, router, tableView } = await mountPage('/dashboard/conn/actor');
+		const structure = { structure: [], foreignKeysList: [], foreignKeys: {}, widgets: {} };
+		tableView().vm.$emit('openFilters', structure);
+		await flushPromises();
+		expect(dialog.open).toHaveBeenCalledWith(TableFiltersDialog, {
+			data: { connectionID: 'conn', tableName: 'actor', displayTableName: 'Actors', structure },
+		});
+		expect(router.currentRoute.value.query).toEqual({
+			filters: '(name:(startswith:Pe))',
+			page_index: '0',
+			page_size: '30',
+		});
+		expect(tables.fetchTable).toHaveBeenLastCalledWith(
+			expect.objectContaining({ filters: { name: { startswith: 'Pe' } } }),
+		);
+		wrapper.unmount();
+	});
+
+	it('resets the filters from the dialog', async () => {
+		dialog.open.mockReturnValue({
+			afterClosed: () => Promise.resolve({ action: 'reset', filters: {}, comparators: {} }),
+		});
+		const { wrapper, router, tableView } = await mountPage('/dashboard/conn/actor?filters=(id:(gt:1))');
+		tableView().vm.$emit('openFilters', { structure: [], foreignKeysList: [], foreignKeys: {}, widgets: {} });
+		await flushPromises();
+		expect(router.currentRoute.value.fullPath).toBe('/dashboard/conn/actor');
+		expect(tables.fetchTable).toHaveBeenLastCalledWith(expect.objectContaining({ filters: {} }));
+		wrapper.unmount();
+	});
+
+	it('applies the filters a chip edit returned without opening the dialog again', async () => {
+		const { wrapper, router, tableView } = await mountPage('/dashboard/conn/actor');
+		tableView().vm.$emit('openFilters', {
+			structure: [],
+			foreignKeysList: [],
+			foreignKeys: {},
+			widgets: {},
+			filters: { id: 3 },
+			comparators: { id: 'gt' },
+		});
+		await flushPromises();
+		expect(dialog.open).not.toHaveBeenCalled();
+		expect(router.currentRoute.value.query.filters).toBe('(id:(gt:3))');
+		wrapper.unmount();
+	});
+
+	it('removes one filter and clears them all', async () => {
+		const { wrapper, router, tableView } = await mountPage('/dashboard/conn/actor?filters=(id:(gt:1),name:(eq:A))');
+		tableView().vm.$emit('removeFilter', 'id');
+		await flushPromises();
+		expect(router.currentRoute.value.query).toEqual({ filters: '(name:(eq:A))', page_index: '0', page_size: '30' });
+		tableView().vm.$emit('resetAllFilters');
+		await flushPromises();
+		expect(router.currentRoute.value.query).toEqual({ page_index: '0', page_size: '30' });
+		expect(tables.fetchTable).toHaveBeenLastCalledWith(expect.objectContaining({ filters: {} }));
+		wrapper.unmount();
+	});
+
+	it('applies a saved filter', async () => {
+		const { wrapper, tableView } = await mountPage('/dashboard/conn/actor');
+		tableView().vm.$emit('applyFilter', { filters: { id: { eq: 9 } } });
+		await flushPromises();
+		expect(tables.fetchTable).toHaveBeenLastCalledWith(expect.objectContaining({ filters: { id: { eq: 9 } } }));
+		wrapper.unmount();
+	});
+
+	it('confirms an action that requires it, and runs one that does not', async () => {
+		tables.activateActions.mockResolvedValue({ location: 'https://example.com' });
+		const { wrapper, tableView } = await mountPage('/dashboard/conn/actor');
+		const action = { id: 'a1', title: 'Ping', type: 'single', require_confirmation: true };
+		tableView().vm.$emit('activateActions', { action, primaryKeys: [{ id: 1 }], identityFieldValues: ['Pe'] });
+		expect(dialog.open).toHaveBeenCalledWith(BulkActionConfirmationDialog, {
+			data: {
+				id: 'a1',
+				title: 'Ping',
+				primaryKeys: [{ id: 1 }],
+				identityFieldValues: ['Pe'],
+				tableDisplayName: 'Actors',
+			},
+		});
+
+		tableView().vm.$emit('activateActions', {
+			action: { ...action, require_confirmation: false },
+			primaryKeys: [{ id: 1 }],
+		});
+		await flushPromises();
+		expect(tables.activateActions).toHaveBeenCalledWith('conn', 'actor', 'a1', 'Ping', [{ id: 1 }]);
+		expect(dialog.open).toHaveBeenLastCalledWith(ActionLinkDialog, {
+			data: { href: 'https://example.com', actionName: 'Ping', primaryKeys: { id: 1 } },
+		});
+		wrapper.unmount();
+	});
+
+	it('reloads the rows after rows were deleted or imported', async () => {
+		const { wrapper } = await mountPage('/dashboard/conn/actor');
+		const calls = tables.fetchTable.mock.calls.length;
+		tableEvents.emit('rowsDeleted', { connectionID: 'conn', tableName: 'actor' });
+		tableEvents.emit('imported', { connectionID: 'conn', tableName: 'actor' });
+		await flushPromises();
+		expect(tables.fetchTable.mock.calls.length).toBe(calls + 2);
+		wrapper.unmount();
+	});
+
+	it('collapses the sidebar and remembers it', async () => {
+		const { wrapper } = await mountPage('/dashboard/conn/actor');
+		const collapse = wrapper.findAll('button').find((button) => button.text().includes('Collapse'));
+		await collapse?.trigger('click');
+		expect(uiSettings.updateConnectionSetting).toHaveBeenCalledWith('conn', 'shownTableTitles', false);
+		expect(wrapper.findComponent({ name: 'TablesList' }).props('collapsed')).toBe(true);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/dashboard/DashboardView.vue b/frontend-vue/src/views/dashboard/DashboardView.vue
new file mode 100644
index 000000000..e698b79d8
--- /dev/null
+++ b/frontend-vue/src/views/dashboard/DashboardView.vue
@@ -0,0 +1,706 @@
+<script setup lang="ts">
+// Port of components/dashboard (DashboardComponent): the table browser page, for both
+// /dashboard/:connectionId (which opens the default or first table) and
+// /dashboard/:connectionId/:tableName. It loads the table folders, keeps the sidebar (TablesList),
+// owns the rows (useTableData) and the row selection, applies filters/search from the table view
+// and writes them to the URL, runs custom actions, and hosts the row preview and the AI panel.
+//
+// URL state (see lib/table-query.ts): when the table changes, the page, page size, sort, filters,
+// search and `uncached` are read from the query, as setTable did from the snapshot. Filters and
+// search are written back by navigating, exactly like the Angular router calls. The string events
+// of TablesService/TableRowService.cast are the typed tableEvents bus.
+import { omitBy } from 'lodash-es';
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { isApiError } from '@/api/client';
+import ActionLinkDialog from '@/components/dashboard/ActionLinkDialog.vue';
+import { track } from '@/components/dashboard/analytics';
+import BulkActionConfirmationDialog from '@/components/dashboard/BulkActionConfirmationDialog.vue';
+import TableAiPanel from '@/components/dashboard/TableAiPanel.vue';
+import TableFiltersDialog, { type TableFiltersDialogData } from '@/components/dashboard/TableFiltersDialog.vue';
+import TableRowView from '@/components/dashboard/TableRowView.vue';
+import TablesList from '@/components/dashboard/TablesList.vue';
+import TableView from '@/components/dashboard/TableView.vue';
+import {
+	type ActivateActionsPayload,
+	type OpenFiltersPayload,
+	readFiltersDialogResult,
+	type SavedFilterSelection,
+} from '@/components/dashboard/types';
+import SchemaEditor from '@/components/schema/SchemaEditor.vue';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import AppBanner from '@/components/shared/AppBanner.vue';
+import AppContentLoader from '@/components/shared/AppContentLoader.vue';
+import PlaceholderTableView from '@/components/skeletons/PlaceholderTableView.vue';
+import { UiButton, UiIcon, UiIconButton } from '@/components/ui';
+import { useDialog } from '@/composables/useDialog';
+import { useRowSelection } from '@/composables/useRowSelection';
+import { useTableData } from '@/composables/useTableData';
+import { environment } from '@/environment';
+import { normalizeTableName } from '@/lib/normalize';
+import { onTableEvent } from '@/lib/table-events';
+import {
+	buildFilters,
+	clearedFiltersQuery,
+	filtersQuery,
+	parseTableQuery,
+	searchQuery,
+	type TableFilters,
+	toSortOrder,
+} from '@/lib/table-query';
+import { AlertType, type ServerError } from '@/models/alert';
+import type { TableProperties } from '@/models/table';
+import type { ConnectionSettingsUI } from '@/models/ui-settings';
+import { useConfigurationStateStore } from '@/stores/configuration-state';
+import { useConnectionsStore } from '@/stores/connections';
+import { useTableStateStore } from '@/stores/table-state';
+import { type TableFolder, useTablesStore } from '@/stores/tables';
+import { useUiSettingsStore } from '@/stores/ui-settings';
+
+const ALL_TABLES = 'all-tables-kitten';
+
+const route = useRoute();
+const router = useRouter();
+const dialog = useDialog();
+const connections = useConnectionsStore();
+const tables = useTablesStore();
+const tableState = useTableStateStore();
+const uiSettingsStore = useUiSettingsStore();
+const configState = useConfigurationStateStore();
+
+const isSaas = environment.saas;
+
+const connectionID = computed(() => {
+	const value = route.params.connectionId;
+	return (Array.isArray(value) ? value[0] : value) ?? '';
+});
+const routeTableName = computed(() => {
+	const value = route.params.tableName;
+	return (Array.isArray(value) ? value[0] : value) || null;
+});
+
+const tableData = useTableData();
+const selection = useRowSelection();
+
+const tableFolders = ref<TableFolder[]>([]);
+const selectedTableName = ref<string | null>(null);
+const selectedTableDisplayName = ref('');
+const shownTableTitles = ref(true);
+const uiSettings = ref<ConnectionSettingsUI | null>(null);
+const loading = ref(true);
+const isServerError = ref(false);
+const serverError = ref<ServerError | null>(null);
+const noTablesError = ref(false);
+
+// The query state of the open table, as setTable read it from the URL.
+const filters = ref<TableFilters>({});
+const comparators = ref<Record<string, string | undefined>>({});
+const pageIndex = ref(0);
+const pageSize = ref(30);
+const sortColumn = ref<string | undefined>(undefined);
+const sortOrder = ref<'ASC' | 'DESC' | undefined>(undefined);
+
+const isConfiguring = computed(() => configState.isConfiguring(connectionID.value));
+const canEditConnection = computed(() => connections.canEditConnection);
+const currentConnectionIsTest = computed(() => !!connections.connection.isTestConnection);
+const connectionTitle = computed(() => connections.connection?.title || 'Database');
+const allTables = computed<TableProperties[]>(
+	() => tableFolders.value.find((category) => category.category_id === ALL_TABLES)?.tables || [],
+);
+
+let stopRouteWatch: (() => void) | null = null;
+
+onMounted(load);
+
+// Another connection in the same page instance: start over, as a fresh page would.
+watch(connectionID, (id, previous) => {
+	if (id === previous) return;
+	stopRouteWatch?.();
+	stopRouteWatch = null;
+	selection.clear();
+	tableState.clearSelection();
+	tableFolders.value = [];
+	selectedTableName.value = null;
+	noTablesError.value = false;
+	isServerError.value = false;
+	loading.value = true;
+	load();
+});
+
+async function load() {
+	let settings: Awaited<ReturnType<typeof uiSettingsStore.getUiSettings>> = null;
+	try {
+		settings = await uiSettingsStore.getUiSettings();
+	} catch {
+		// Shown by the store; carry on with the defaults.
+	}
+	uiSettings.value = settings?.connections[connectionID.value] ?? null;
+	shownTableTitles.value = settings?.connections[connectionID.value]?.shownTableTitles ?? true;
+	getData();
+}
+
+onBeforeUnmount(() => {
+	stopRouteWatch?.();
+	tableState.clearSelection();
+});
+
+onTableEvent('rowDeleted', refreshAfterChange);
+onTableEvent('rowsDeleted', refreshAfterChange);
+onTableEvent('imported', refreshAfterChange);
+onTableEvent('actionsActivated', () => selection.clear());
+
+function refreshAfterChange() {
+	if (!selectedTableName.value || loading.value) return;
+	setTable(selectedTableName.value);
+	selection.clear();
+}
+
+async function getData() {
+	let res: TableFolder[];
+	try {
+		res = await tables.fetchTablesFolders(connectionID.value);
+	} catch (error) {
+		isServerError.value = true;
+		serverError.value = {
+			abstract: (isApiError(error) && error.body?.message) || (error as Error).message,
+			details: (isApiError(error) && error.details) || '',
+		};
+		loading.value = false;
+		document.title = 'Error | Rocketadmin';
+		return;
+	}
+
+	tableFolders.value = res;
+	const all = res.find((item) => item.category_id === ALL_TABLES)?.tables || [];
+	if (all.length === 0) {
+		noTablesError.value = true;
+		loading.value = false;
+		document.title = 'No tables | Rocketadmin';
+		return;
+	}
+
+	formatTableNames();
+	stopRouteWatch?.();
+	stopRouteWatch = watch(routeTableName, onTableParam, { immediate: true });
+}
+
+/** paramMap: open the table of the URL, or redirect to the default (or first) table. */
+function onTableParam(tableName: string | null) {
+	if (tableName) {
+		selectedTableName.value = tableName;
+		setTable(tableName);
+		document.title = `${selectedTableDisplayName.value} table | Rocketadmin`;
+		selection.clear();
+	} else {
+		const target = connections.defaultDisplayTable || allTables.value[0]?.table;
+		router.replace({ path: `/dashboard/${connectionID.value}/${target}`, query: route.query });
+		selectedTableName.value = target ?? null;
+	}
+}
+
+/** Display names and initials of every table, so all the components receive formatted tables. */
+function formatTableNames() {
+	tableFolders.value = tableFolders.value.map((category) => ({
+		...category,
+		tables: category.tables.map((tableItem) => {
+			const normalizedTableName = tableItem.display_name || normalizeTableName(tableItem.table);
+			const initials = normalizedTableName
+				.split(' ')
+				.reduce((result, word) => (word.length > 0 ? result + word.charAt(0).toUpperCase() : result), '');
+			return { ...tableItem, normalizedTableName, initials: initials.slice(0, 2) };
+		}),
+	}));
+}
+
+function setTable(tableName: string) {
+	selectedTableName.value = tableName;
+	const query = parseTableQuery(route.query);
+	filters.value = query.filters ?? {};
+	comparators.value = query.comparators;
+	pageIndex.value = query.pageIndex;
+	pageSize.value = query.pageSize;
+	sortColumn.value = query.sortActive;
+	sortOrder.value = toSortOrder(query.sortDirection);
+	getRows(query.search, query.uncached);
+
+	const properties = allTables.value.find((table) => table.table === tableName);
+	if (!properties) return;
+	selectedTableDisplayName.value = properties.display_name || normalizeTableName(properties.table);
+	loading.value = false;
+}
+
+function getRows(search?: string | null, uncached?: boolean) {
+	tableData.fetchRows({
+		connectionID: connectionID.value,
+		tableName: selectedTableName.value ?? '',
+		requstedPage: pageIndex.value,
+		pageSize: pageSize.value,
+		sortColumn: sortColumn.value,
+		sortOrder: sortOrder.value,
+		filters: filters.value,
+		search,
+		uncached,
+	});
+}
+
+function tablePath() {
+	return `/dashboard/${connectionID.value}/${selectedTableName.value}`;
+}
+
+/** Filters from the dialog: `{ [column]: { [comparator]: value } }`, first page, in the URL. */
+function applyDialogFilters(fields: Record<string, unknown>, dialogComparators: Record<string, string | undefined>) {
+	const next = buildFilters(fields, dialogComparators);
+	comparators.value = dialogComparators;
+	if (!next) return;
+	filters.value = next;
+	pageIndex.value = 0;
+	router.push({ path: tablePath(), query: filtersQuery(next, pageSize.value) });
+	getRows();
+	track('Dashboard: filter is applied');
+}
+
+async function openTableFilters(structure: OpenFiltersPayload) {
+	// From an active-filter chip the table view already ran the dialog: apply what it returned.
+	if (structure.filters) {
+		applyDialogFilters(structure.filters, structure.comparators ?? {});
+		return;
+	}
+	const data: TableFiltersDialogData = {
+		connectionID: connectionID.value,
+		tableName: selectedTableName.value ?? '',
+		displayTableName: selectedTableDisplayName.value,
+		structure: { ...structure, structure: structure.structure ?? [] },
+	};
+	const result = readFiltersDialogResult(await dialog.open(TableFiltersDialog, { data }).afterClosed());
+	if (result?.action === 'filter') {
+		applyDialogFilters(result.fields, result.comparators);
+	} else if (result?.action === 'reset') {
+		filters.value = {};
+		getRows();
+		router.push({ path: tablePath() });
+	}
+}
+
+function removeFilter(columnName: string) {
+	filters.value = omitBy({ ...filters.value, [columnName]: undefined }, (value) => value === undefined) as TableFilters;
+	selection.clear();
+	pageIndex.value = 0;
+	getRows();
+	router.push({ path: tablePath(), query: filtersQuery(filters.value, pageSize.value) });
+}
+
+function clearAllFilters() {
+	filters.value = {};
+	comparators.value = {};
+	pageIndex.value = 0;
+	getRows();
+	router.push({ path: tablePath(), query: clearedFiltersQuery(pageSize.value) });
+}
+
+function search(value: string | null) {
+	filters.value = {};
+	pageIndex.value = 0;
+	getRows(value);
+	router.push({ path: tablePath(), query: searchQuery(value, pageSize.value) });
+}
+
+/** A saved filter chosen (or cleared) in the saved filters panel. */
+function applyFilter(selected: SavedFilterSelection | null) {
+	filters.value = (selected?.filters as TableFilters | undefined) ?? {};
+	getRows();
+}
+
+async function activateActions({ action, primaryKeys, identityFieldValues }: ActivateActionsPayload) {
+	if (action.require_confirmation) {
+		dialog.open(BulkActionConfirmationDialog, {
+			data: {
+				id: action.id,
+				title: action.title,
+				primaryKeys,
+				identityFieldValues,
+				tableDisplayName: selectedTableDisplayName.value,
+			},
+		});
+		return;
+	}
+	try {
+		const res = (await tables.activateActions(
+			connectionID.value,
+			selectedTableName.value ?? '',
+			action.id ?? '',
+			action.title,
+			primaryKeys,
+		)) as { location?: string } | null;
+		if (res?.location) {
+			dialog.open(ActionLinkDialog, {
+				data: { href: res.location, actionName: action.title, primaryKeys: primaryKeys[0] },
+			});
+		}
+	} catch {
+		// The store has shown the error.
+	}
+}
+
+function toggleSideBar() {
+	track('Dashboard: toggle sidebar', { collapsed: !shownTableTitles.value });
+	shownTableTitles.value = !shownTableTitles.value;
+	uiSettingsStore.updateConnectionSetting(connectionID.value, 'shownTableTitles', shownTableTitles.value);
+}
+
+function onSchemaApplied() {
+	setTimeout(() => {
+		noTablesError.value = false;
+		loading.value = true;
+		getData();
+	}, 1500);
+}
+
+function openIntercom() {
+	window.Intercom?.('show');
+}
+</script>
+
+<template>
+	<PlaceholderTableView v-if="loading && !noTablesError && !isServerError" />
+
+	<AppBanner v-if="isServerError && serverError" :type="AlertType.Error" data-testid="connection-server-error-banner">
+		<div v-if="serverError.details">
+			<strong>{{ serverError.abstract }}</strong>
+			<p class="dashboard__error-details">{{ serverError.details }}</p>
+		</div>
+		<p v-else>{{ serverError.abstract }}</p>
+		<template #actions>
+			<UiButton v-if="canEditConnection" variant="secondary" :to="`/edit-db/${connectionID}`">
+				Check database credentials
+			</UiButton>
+			<UiButton v-if="isSaas" variant="danger" @click="openIntercom">Chat with support</UiButton>
+			<UiButton v-else variant="danger" href="https://github.com/rocket-admin/rocketadmin/issues" target="_blank">
+				Report a bug
+			</UiButton>
+		</template>
+	</AppBanner>
+
+	<SchemaEditor
+		v-if="noTablesError"
+		:connection-id="connectionID"
+		data-testid="no-tables-generate-schema"
+		@schema-applied="onSchemaApplied"
+	/>
+
+	<div v-if="!loading && !isServerError && !noTablesError" class="dashboard">
+		<div v-if="isConfiguring" class="dashboard__configuring" role="status">
+			<UiIcon name="info" size="sm" class="dashboard__configuring-icon" />
+			<div class="dashboard__configuring-body">
+				<strong class="dashboard__configuring-title">Configuring tables</strong>
+				<span class="dashboard__configuring-subtitle">
+					Some tables may look incomplete while setup is running. You can adjust column types, display formats and
+					filters in
+					<RouterLink class="dashboard__configuring-link" :to="`/table-settings/${connectionID}/${selectedTableName}`">
+						Settings
+					</RouterLink>
+					and
+					<RouterLink class="dashboard__configuring-link" :to="`/widgets/${connectionID}/${selectedTableName}`">
+						UI widgets
+					</RouterLink>
+					after setup finishes.
+				</span>
+			</div>
+			<div class="dashboard__configuring-progress" aria-hidden="true">
+				<div class="dashboard__configuring-progress-fill" />
+			</div>
+		</div>
+
+		<div class="dashboard__layout">
+			<aside
+				class="dashboard__sidebar"
+				:class="{ 'dashboard__sidebar--collapsed': !shownTableTitles }"
+				aria-label="Tables"
+			>
+				<UiButton v-if="shownTableTitles" variant="ghost" size="sm" class="dashboard__toggle" @click="toggleSideBar">
+					Collapse
+					<template #trailing><UiIcon name="chevron_left" size="sm" /></template>
+				</UiButton>
+				<UiIconButton
+					v-else
+					icon="chevron_right"
+					label="Expand sidebar"
+					class="dashboard__toggle"
+					@click="toggleSideBar"
+				/>
+				<TablesList
+					:key="connectionID"
+					:collapsed="!shownTableTitles"
+					:connection-title="connectionTitle"
+					:table-folders="tableFolders"
+					:connection-i-d="connectionID"
+					:selected-table="selectedTableName"
+					:ui-settings="uiSettings"
+					@expand-sidebar="toggleSideBar"
+				/>
+			</aside>
+
+			<div class="dashboard__preview">
+				<div class="dashboard__content">
+					<div class="dashboard__alerts">
+						<AppAlert />
+						<div
+							v-if="tableData.alert_settingsInfo && canEditConnection && !isConfiguring"
+							class="dashboard__ai-config"
+							data-testid="ai-config-alert"
+						>
+							<UiIcon name="auto_awesome" class="dashboard__ai-config-icon" />
+							<div class="dashboard__ai-config-message">
+								<strong class="dashboard__ai-config-title">New: AI Configuration</strong>
+								<p class="dashboard__ai-config-text">
+									Automatically configure all your tables with AI. You can adjust changes in Settings and UI widgets.
+								</p>
+							</div>
+							<UiButton variant="ghost" :to="`/auto-configure/${connectionID}`">Configure all</UiButton>
+						</div>
+						<AppAlert v-if="tableData.alert_primaryKeysInfo" :alert="tableData.alert_primaryKeysInfo" />
+						<AppAlert v-if="tableData.alert_widgetsWarning" :alert="tableData.alert_widgetsWarning" />
+					</div>
+
+					<AppContentLoader v-if="!selectedTableName" />
+					<TableView
+						v-else
+						:display-name="selectedTableDisplayName"
+						:active-filters="filters"
+						:filter-comparators="comparators"
+						:name="selectedTableName"
+						:table="tableData"
+						:selection="selection"
+						:connection-i-d="connectionID"
+						:is-test-connection="currentConnectionIsTest"
+						:table-folders="tableFolders"
+						@open-filters="openTableFilters"
+						@remove-filter="removeFilter"
+						@reset-all-filters="clearAllFilters"
+						@search="search"
+						@activate-actions="activateActions"
+						@apply-filter="applyFilter"
+					/>
+				</div>
+				<TableRowView v-if="tableState.selectedRow" :active-filters="filters" />
+				<div
+					v-if="tableState.aiPanelOpen"
+					class="dashboard__ai-panel"
+					:class="{ 'dashboard__ai-panel--expanded': tableState.aiPanelExpanded }"
+				>
+					<TableAiPanel
+						:display-name="selectedTableDisplayName"
+						:table-columns="tableData.dataColumns || []"
+						:sidebar-expanded="shownTableTitles"
+					/>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.dashboard {
+	display: flex;
+	flex-direction: column;
+	height: calc(100vh - var(--header-height));
+}
+
+.dashboard__layout {
+	display: flex;
+	flex: 1;
+	min-height: 0;
+}
+
+.dashboard__sidebar {
+	display: flex;
+	flex-direction: column;
+	flex-shrink: 0;
+	width: 240px;
+	overflow-x: hidden;
+	overflow-y: auto;
+	border-inline-end: 1px solid var(--color-line);
+	background: var(--color-surface);
+}
+
+.dashboard__sidebar--collapsed {
+	width: 65px;
+	align-items: center;
+}
+
+.dashboard__toggle {
+	align-self: flex-start;
+	margin: var(--space-2) 0 0 var(--space-3);
+}
+
+.dashboard__sidebar--collapsed .dashboard__toggle {
+	align-self: center;
+	margin-inline-start: 0;
+}
+
+.dashboard__preview {
+	position: relative;
+	display: flex;
+	flex: 1;
+	min-width: 0;
+	overflow-x: hidden;
+}
+
+/* The AI panel fills this box: a side column, or the whole table area once expanded. */
+.dashboard__ai-panel {
+	flex-shrink: 0;
+	width: clamp(200px, 22vw, 400px);
+	height: 100%;
+	border-inline-start: 1px solid var(--color-line);
+	background: var(--color-surface);
+}
+
+.dashboard__ai-panel--expanded {
+	position: absolute;
+	inset: 0;
+	z-index: var(--z-sticky);
+	width: auto;
+}
+
+.dashboard__content {
+	flex: 1;
+	min-width: 0;
+	padding: 0 var(--space-6) var(--space-6);
+	overflow-y: auto;
+}
+
+.dashboard__alerts {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	margin: var(--space-6) 0 var(--space-4);
+}
+
+.dashboard__alerts:empty {
+	margin: 0;
+}
+
+.dashboard__ai-config {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	padding: var(--space-3) var(--space-4) var(--space-3) var(--space-2);
+	border: 1px solid var(--color-accent);
+	border-inline-start-width: 12px;
+	border-radius: var(--radius-control);
+	background: var(--color-paper-2);
+}
+
+.dashboard__ai-config-icon {
+	flex-shrink: 0;
+	color: var(--color-accent);
+}
+
+.dashboard__ai-config-message {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	justify-content: center;
+}
+
+.dashboard__ai-config-title {
+	margin-bottom: var(--space-1);
+	color: var(--color-accent);
+}
+
+.dashboard__ai-config-text {
+	margin: 0;
+}
+
+.dashboard__configuring {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+	padding: var(--space-3) var(--space-5);
+	border-inline-start: 3px solid var(--color-accent);
+	background: var(--color-paper-2);
+	font-size: var(--text-sm);
+}
+
+.dashboard__configuring-icon {
+	flex-shrink: 0;
+	color: var(--color-accent);
+}
+
+.dashboard__configuring-body {
+	display: flex;
+	flex: 1;
+	align-items: baseline;
+	gap: var(--space-2);
+	min-width: 0;
+}
+
+.dashboard__configuring-title {
+	white-space: nowrap;
+}
+
+.dashboard__configuring-subtitle {
+	color: var(--color-ink-soft);
+}
+
+.dashboard__configuring-link {
+	color: var(--color-accent);
+}
+
+.dashboard__configuring-progress {
+	flex-shrink: 0;
+	width: 80px;
+	height: 3px;
+	overflow: hidden;
+	border-radius: var(--radius-pill);
+	background: var(--color-line);
+}
+
+.dashboard__configuring-progress-fill {
+	width: 40%;
+	height: 100%;
+	border-radius: var(--radius-pill);
+	background: var(--color-accent);
+	animation: dashboard-indeterminate 1.5s ease-in-out infinite;
+}
+
+@keyframes dashboard-indeterminate {
+	0% {
+		transform: translateX(-100%);
+	}
+	100% {
+		transform: translateX(350%);
+	}
+}
+
+.dashboard__error-details {
+	margin: var(--space-2) 0 0;
+}
+
+@media (width <= 600px) {
+	.dashboard__sidebar {
+		display: none;
+	}
+
+	.dashboard__ai-panel {
+		position: fixed;
+		inset: var(--header-height) 0 0;
+		z-index: var(--z-overlay);
+		width: 100vw;
+		height: auto;
+		border-inline-start: 0;
+	}
+
+	.dashboard__content {
+		padding: 0 var(--space-4) var(--space-4);
+	}
+
+	.dashboard__ai-config {
+		flex-wrap: wrap;
+	}
+
+	.dashboard__configuring-body {
+		flex-direction: column;
+		gap: var(--space-05);
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/dashboards/DashboardView.spec.ts b/frontend-vue/src/views/dashboards/DashboardView.spec.ts
new file mode 100644
index 000000000..0575c1a7b
--- /dev/null
+++ b/frontend-vue/src/views/dashboards/DashboardView.spec.ts
@@ -0,0 +1,218 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { type Ref, ref } from 'vue';
+import { mountPage } from '@/components/dashboards/__tests__/mount-page';
+import type { Dashboard } from '@/models/dashboard';
+import type { SavedQuery } from '@/models/saved-query';
+import DashboardView from './DashboardView.vue';
+
+// grid-layout-plus measures the DOM, which jsdom doesn't lay out: render the items as plain boxes.
+vi.mock('grid-layout-plus', async () => {
+	const { defineComponent, h } = await import('vue');
+	return {
+		GridLayout: defineComponent({
+			name: 'GridLayout',
+			props: ['layout', 'isDraggable', 'isResizable'],
+			emits: ['layout-updated', 'update:layout'],
+			setup:
+				(_props, { slots }) =>
+				() =>
+					h('div', { class: 'grid-stub' }, slots.default?.()),
+		}),
+		GridItem: defineComponent({
+			name: 'GridItem',
+			props: ['i', 'x', 'y', 'w', 'h'],
+			setup:
+				(_props, { slots }) =>
+				() =>
+					h('div', slots.default?.()),
+		}),
+	};
+});
+vi.mock('vue-chartjs', async () => ({ Chart: (await import('@/components/charts/__tests__/chart-stub')).ChartStub }));
+
+const state = vi.hoisted(() => ({
+	ids: [] as string[][],
+	dashboard: undefined as unknown,
+	loading: undefined as unknown,
+	refresh: vi.fn(),
+	updateWidgetPosition: vi.fn(),
+	fetchSavedQuery: vi.fn(),
+	executeSavedQuery: vi.fn(),
+}));
+const track = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/dashboards', () => ({
+	useDashboardQuery: (connectionId: Ref<string>, dashboardId: Ref<string>) => {
+		state.ids.push([connectionId.value, dashboardId.value]);
+		return { dashboard: state.dashboard, loading: state.loading, refresh: state.refresh };
+	},
+	useDashboardsStore: () => ({
+		updateWidgetPosition: state.updateWidgetPosition,
+		createWidget: vi.fn(),
+		updateWidget: vi.fn(),
+		deleteWidget: vi.fn(async () => ({ id: 'w1' })),
+	}),
+}));
+vi.mock('@/stores/saved-queries', () => ({
+	useSavedQueriesStore: () => ({ fetchSavedQuery: state.fetchSavedQuery, executeSavedQuery: state.executeSavedQuery }),
+	useSavedQueriesQuery: () => ({ savedQueries: ref([]) }),
+}));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => ({ connectionTitle: 'Test Connection' }) }));
+vi.mock('@/components/dashboards/analytics', () => ({ trackDashboardsEvent: track }));
+
+function makeDashboard(): Dashboard {
+	return {
+		id: 'd1',
+		name: 'Sales',
+		description: 'Monthly numbers',
+		connection_id: 'conn-1',
+		created_at: '2024-01-01',
+		updated_at: '2024-01-01',
+		widgets: [
+			{ id: 'w1', position_x: 0, position_y: 0, width: 4, height: 4, query_id: 'q1', dashboard_id: 'd1' },
+			{ id: 'w2', position_x: 4, position_y: 0, width: 4, height: 4, query_id: 'q2', dashboard_id: 'd1' },
+		],
+	};
+}
+
+const counterQuery: SavedQuery = {
+	id: 'q1',
+	name: 'Total Users',
+	description: null,
+	widget_type: 'counter',
+	chart_type: null,
+	widget_options: { value_column: 'n' },
+	query_text: 'SELECT COUNT(*) AS n FROM users',
+	connection_id: 'conn-1',
+	created_at: '2024-01-01',
+	updated_at: '2024-01-01',
+};
+
+const open = () => mountPage(DashboardView, '/dashboards/:connectionId/:dashboardId', '/dashboards/conn-1/d1');
+
+describe('DashboardView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		state.ids = [];
+		state.dashboard = ref<Dashboard | null>(makeDashboard());
+		state.loading = ref(false);
+		state.fetchSavedQuery.mockImplementation(async (_c: string, id: string) => ({
+			...counterQuery,
+			id,
+			name: `Query ${id}`,
+		}));
+		state.executeSavedQuery.mockResolvedValue({ data: [{ n: 5 }] });
+		state.updateWidgetPosition.mockResolvedValue({});
+	});
+
+	it('loads the dashboard and renders a panel per widget, titled by its saved query', async () => {
+		const { wrapper } = await open();
+
+		expect(state.ids).toEqual([['conn-1', 'd1']]);
+		expect(document.title).toBe('Sales | Test Connection');
+		expect(wrapper.get('h1').text()).toBe('Sales');
+		expect(wrapper.text()).toContain('Monthly numbers');
+		expect(wrapper.get('[data-testid="panel-w1"]').text()).toContain('Query q1');
+		expect(wrapper.get('[data-testid="panel-w2"]').text()).toContain('Query q2');
+		expect(state.executeSavedQuery).toHaveBeenCalledWith('conn-1', 'q1');
+		wrapper.unmount();
+	});
+
+	it('shows the empty state for a dashboard without panels', async () => {
+		(state.dashboard as Ref<Dashboard>).value = { ...makeDashboard(), widgets: [] };
+		const { wrapper } = await open();
+
+		expect(wrapper.text()).toContain('No panels yet');
+		expect(wrapper.find('[data-testid="edit-mode-toggle"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('shows a spinner while loading', async () => {
+		(state.dashboard as Ref<Dashboard | null>).value = null;
+		(state.loading as Ref<boolean>).value = true;
+		const { wrapper } = await open();
+
+		expect(wrapper.get('h1').text()).toBe('Loading...');
+		expect(wrapper.find('[role="status"]').exists()).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('enables dragging and resizing in edit mode', async () => {
+		const { wrapper } = await open();
+		const grid = wrapper.getComponent({ name: 'GridLayout' });
+
+		expect(grid.props('isDraggable')).toBe(false);
+		await wrapper.get('input[data-testid="edit-mode-toggle"]').setValue(true);
+
+		expect(grid.props('isDraggable')).toBe(true);
+		expect(grid.props('isResizable')).toBe(true);
+		expect(track).toHaveBeenCalledWith('Dashboards: edit mode enabled');
+		wrapper.unmount();
+	});
+
+	it('saves only the panels whose position or size changed', async () => {
+		const { wrapper } = await open();
+		const grid = wrapper.getComponent({ name: 'GridLayout' });
+
+		grid.vm.$emit('layout-updated', [
+			{ i: 'w1', x: 0, y: 0, w: 4, h: 4 },
+			{ i: 'w2', x: 6, y: 2, w: 6, h: 3 },
+		]);
+		await flushPromises();
+
+		expect(state.updateWidgetPosition).toHaveBeenCalledTimes(1);
+		expect(state.updateWidgetPosition).toHaveBeenCalledWith('conn-1', 'd1', 'w2', {
+			position_x: 6,
+			position_y: 2,
+			width: 6,
+			height: 3,
+		});
+
+		grid.vm.$emit('layout-updated', [{ i: 'w2', x: 6, y: 2, w: 6, h: 3 }]);
+		await flushPromises();
+		expect(state.updateWidgetPosition).toHaveBeenCalledTimes(1);
+		wrapper.unmount();
+	});
+
+	it('reloads the dashboard after a panel is deleted', async () => {
+		const { wrapper } = await open();
+
+		await wrapper.get('[data-testid="panel-w1"] button[aria-label="Panel actions"]').trigger('click');
+		const items = wrapper.findAll('[data-testid="panel-w1"] [role="menuitem"]');
+		expect(items.map((item) => item.get('.ui-menu-item__label').text())).toEqual([
+			'Configure panel',
+			'Change query',
+			'Delete',
+		]);
+		expect(items[0]?.attributes('href')).toBe('/panels/conn-1/q1');
+		await items[2]?.trigger('click');
+		await flushPromises();
+		expect(track).toHaveBeenCalledWith('Dashboards: delete panel dialog opened');
+
+		await wrapper.get('form').trigger('submit');
+		await flushPromises();
+		expect(state.refresh).toHaveBeenCalled();
+		wrapper.unmount();
+	});
+
+	it('opens the add panel dialog', async () => {
+		const { wrapper } = await open();
+
+		await wrapper.get('[data-testid="add-panel-button"]').trigger('click');
+		await flushPromises();
+
+		expect(track).toHaveBeenCalledWith('Dashboards: add panel dialog opened');
+		expect(wrapper.text()).toContain('No saved queries yet');
+		wrapper.unmount();
+	});
+
+	it('goes back to the dashboards list', async () => {
+		const { wrapper, router } = await open();
+
+		await wrapper.get('button[aria-label="Back to dashboards"]').trigger('click');
+		await flushPromises();
+
+		expect(router.currentRoute.value.path).toBe('/dashboards/conn-1');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/dashboards/DashboardView.vue b/frontend-vue/src/views/dashboards/DashboardView.vue
new file mode 100644
index 000000000..02ecd8732
--- /dev/null
+++ b/frontend-vue/src/views/dashboards/DashboardView.vue
@@ -0,0 +1,400 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboards/dashboard-view: one dashboard
+// (/dashboards/:connectionId/:dashboardId) as a 12-column grid of panels. In edit mode panels can be
+// dragged by their header and resized; each changed position is saved. grid-layout-plus replaces
+// angular-gridster2 (GridType.Fit, no compaction, items pushed out of the way).
+import { GridItem, GridLayout, type Layout } from 'grid-layout-plus';
+import { computed, onBeforeUnmount, ref, watch, watchEffect } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { trackDashboardsEvent } from '@/components/dashboards/analytics';
+import PanelDeleteDialog from '@/components/dashboards/PanelDeleteDialog.vue';
+import PanelEditDialog from '@/components/dashboards/PanelEditDialog.vue';
+import DashboardPanel from '@/components/dashboards/panels/DashboardPanel.vue';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import { UiButton, UiIcon, UiIconButton, UiMenu, UiMenuItem, UiSpinner, UiSwitch } from '@/components/ui';
+import { useDialog } from '@/composables/useDialog';
+import type { DashboardWidget } from '@/models/dashboard';
+import type { SavedQuery } from '@/models/saved-query';
+import { useConnectionsStore } from '@/stores/connections';
+import { useDashboardQuery, useDashboardsStore } from '@/stores/dashboards';
+
+const COLUMNS = 12;
+/** gridster's minRows: the grid is never shorter than this many rows. */
+const MIN_ROWS = 8;
+const MARGIN = 10;
+/** Row height until the container has been measured (and in jsdom, which has no layout). */
+const FALLBACK_ROW_HEIGHT = 80;
+
+const route = useRoute();
+const router = useRouter();
+const dialog = useDialog();
+const connections = useConnectionsStore();
+const dashboards = useDashboardsStore();
+
+const connectionId = computed(() => String(route.params.connectionId ?? ''));
+const dashboardId = computed(() => String(route.params.dashboardId ?? ''));
+const { dashboard, loading, refresh } = useDashboardQuery(connectionId, dashboardId);
+
+const editMode = ref(false);
+/** grid-layout-plus mutates these in place while dragging and resizing. */
+const layout = ref<Layout>([]);
+/** Saved query names by widget id, reported by each panel once loaded. */
+const panelNames = ref<Record<string, string>>({});
+
+const widgetsById = computed(() => new Map((dashboard.value?.widgets ?? []).map((widget) => [widget.id, widget])));
+/** Each grid item with the widget it places. */
+const panels = computed(() =>
+	layout.value.flatMap((item) => {
+		const widget = widgetsById.value.get(String(item.i));
+		return widget ? [{ item, widget }] : [];
+	}),
+);
+
+watch(
+	dashboard,
+	(value) => {
+		layout.value = (value?.widgets ?? []).map((widget) => ({
+			i: widget.id,
+			x: widget.position_x,
+			y: widget.position_y,
+			w: widget.width,
+			h: widget.height,
+		}));
+	},
+	{ immediate: true },
+);
+
+watchEffect(() => {
+	if (dashboard.value) document.title = `${dashboard.value.name} | ${connections.connectionTitle || 'Rocketadmin'}`;
+});
+
+// GridType.Fit: rows stretch so the grid fills the height of its container.
+const gridHost = ref<HTMLElement | null>(null);
+const hostHeight = ref(0);
+const resizeObserver = new ResizeObserver((entries) => {
+	hostHeight.value = entries[0]?.contentRect.height ?? 0;
+});
+watch(gridHost, (el, previous) => {
+	if (previous) resizeObserver.unobserve(previous);
+	if (el) resizeObserver.observe(el);
+});
+onBeforeUnmount(() => resizeObserver.disconnect());
+
+const rowHeight = computed(() => {
+	const rows = Math.max(MIN_ROWS, ...layout.value.map((item) => item.y + item.h));
+	if (!hostHeight.value) return FALLBACK_ROW_HEIGHT;
+	return Math.max(MARGIN * 2, (hostHeight.value - MARGIN * (rows + 1)) / rows);
+});
+
+function toggleEditMode(value: boolean): void {
+	editMode.value = value;
+	trackDashboardsEvent(`Dashboards: edit mode ${editMode.value ? 'enabled' : 'disabled'}`);
+}
+
+async function openAddPanelDialog(): Promise<void> {
+	const dialogRef = dialog.open<boolean>(PanelEditDialog, {
+		data: { connectionId: connectionId.value, dashboardId: dashboardId.value, widget: null },
+	});
+	trackDashboardsEvent('Dashboards: add panel dialog opened');
+	if (await dialogRef.afterClosed()) refresh();
+}
+
+async function openEditPanelDialog(widget: DashboardWidget): Promise<void> {
+	const dialogRef = dialog.open<boolean>(PanelEditDialog, {
+		data: { connectionId: connectionId.value, dashboardId: dashboardId.value, widget },
+	});
+	trackDashboardsEvent('Dashboards: edit panel dialog opened');
+	if (await dialogRef.afterClosed()) refresh();
+}
+
+async function openDeletePanelDialog(widget: DashboardWidget): Promise<void> {
+	const dialogRef = dialog.open<boolean>(PanelDeleteDialog, {
+		data: { connectionId: connectionId.value, dashboardId: dashboardId.value, widget },
+	});
+	trackDashboardsEvent('Dashboards: delete panel dialog opened');
+	if (await dialogRef.afterClosed()) refresh();
+}
+
+function navigateBack(): void {
+	router.push(`/dashboards/${connectionId.value}`);
+}
+
+function onPanelLoaded(widgetId: string, query: SavedQuery | null): void {
+	panelNames.value = { ...panelNames.value, [widgetId]: query?.name ?? '' };
+}
+
+/** gridster's itemChangeCallback: saves every panel whose position or size changed. */
+async function onLayoutUpdated(updated: Layout): Promise<void> {
+	for (const item of updated) {
+		const widget = widgetsById.value.get(String(item.i));
+		if (!widget) continue;
+		if (
+			widget.position_x === item.x &&
+			widget.position_y === item.y &&
+			widget.width === item.w &&
+			widget.height === item.h
+		) {
+			continue;
+		}
+		// Update the local widget first so the next layout update doesn't save it again.
+		widget.position_x = item.x;
+		widget.position_y = item.y;
+		widget.width = item.w;
+		widget.height = item.h;
+		try {
+			await dashboards.updateWidgetPosition(connectionId.value, dashboardId.value, widget.id, {
+				position_x: widget.position_x,
+				position_y: widget.position_y,
+				width: widget.width,
+				height: widget.height,
+			});
+		} catch {
+			// The client has shown the error.
+		}
+	}
+}
+</script>
+
+<template>
+	<div class="dashboard-view">
+		<AppAlert />
+
+		<div class="dashboard-view__header">
+			<div class="dashboard-view__header-start">
+				<UiIconButton icon="arrow_back" label="Back to dashboards" @click="navigateBack" />
+				<div>
+					<h1 class="dashboard-view__title">{{ dashboard?.name || 'Loading...' }}</h1>
+					<p v-if="dashboard?.description" class="dashboard-view__description">{{ dashboard.description }}</p>
+				</div>
+			</div>
+			<div v-if="layout.length > 0" class="dashboard-view__actions">
+				<UiSwitch :model-value="editMode" data-testid="edit-mode-toggle" @update:model-value="toggleEditMode">
+					Edit mode
+				</UiSwitch>
+				<UiButton data-testid="add-panel-button" @click="openAddPanelDialog">
+					<template #leading><UiIcon name="add" size="sm" /></template>
+					Add panel
+				</UiButton>
+			</div>
+		</div>
+
+		<div v-if="loading" class="dashboard-view__loading">
+			<UiSpinner size="lg" label="Loading dashboard" />
+		</div>
+
+		<div v-else-if="layout.length === 0" class="dashboard-view__empty">
+			<UiIcon name="bar_chart" size="lg" class="dashboard-view__empty-icon" />
+			<h3 class="dashboard-view__empty-title">No panels yet</h3>
+			<p class="dashboard-view__empty-text">Add panels to visualize your data from saved queries.</p>
+			<UiButton @click="openAddPanelDialog">
+				<template #leading><UiIcon name="add" size="sm" /></template>
+				Add panel
+			</UiButton>
+		</div>
+
+		<div v-else ref="gridHost" class="dashboard-view__grid" :class="{ 'dashboard-view__grid--edit': editMode }">
+			<GridLayout
+				v-model:layout="layout"
+				:col-num="COLUMNS"
+				:row-height="rowHeight"
+				:max-rows="100"
+				:margin="[MARGIN, MARGIN]"
+				:is-draggable="editMode"
+				:is-resizable="editMode"
+				:vertical-compact="false"
+				@layout-updated="onLayoutUpdated"
+			>
+				<GridItem
+					v-for="{ item, widget } in panels"
+					:key="item.i"
+					:i="item.i"
+					:x="item.x"
+					:y="item.y"
+					:w="item.w"
+					:h="item.h"
+					:min-w="2"
+					:min-h="2"
+					:max-w="12"
+					:max-h="12"
+					drag-allow-from=".dashboard-view__panel-header"
+					drag-ignore-from="a, button"
+					class="dashboard-view__panel"
+					:class="{ 'dashboard-view__panel--edit': editMode }"
+					:data-testid="`panel-${widget.id}`"
+				>
+					<div class="dashboard-view__panel-header">
+						<span class="dashboard-view__panel-title">{{ panelNames[widget.id] || 'Loading...' }}</span>
+						<UiMenu label="Panel actions" align="end">
+							<template #trigger="{ triggerProps }">
+								<UiIconButton v-bind="triggerProps" icon="more_vert" label="Panel actions" size="sm" />
+							</template>
+							<UiMenuItem icon="tune" :to="`/panels/${connectionId}/${widget.query_id}`">Configure panel</UiMenuItem>
+							<UiMenuItem icon="swap_horiz" @select="openEditPanelDialog(widget)">Change query</UiMenuItem>
+							<UiMenuItem icon="delete" variant="danger" @select="openDeletePanelDialog(widget)">Delete</UiMenuItem>
+						</UiMenu>
+					</div>
+					<div class="dashboard-view__panel-content">
+						<DashboardPanel
+							:widget="widget"
+							:connection-id="connectionId"
+							@loaded="onPanelLoaded(widget.id, $event)"
+						/>
+					</div>
+				</GridItem>
+			</GridLayout>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.dashboard-view {
+	display: flex;
+	flex-direction: column;
+	box-sizing: border-box;
+	height: calc(100vh - var(--header-height) - var(--footer-height));
+	padding: var(--space-6);
+	background: var(--color-paper);
+}
+
+.dashboard-view__header {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--space-4);
+	margin-bottom: var(--space-6);
+}
+
+.dashboard-view__header-start {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+}
+
+.dashboard-view__title {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	line-height: var(--leading-tight);
+	color: var(--color-ink);
+}
+
+.dashboard-view__description {
+	margin: var(--space-1) 0 0;
+	font-size: var(--text-sm);
+	color: var(--color-muted);
+}
+
+.dashboard-view__actions {
+	display: flex;
+	align-items: center;
+	gap: var(--space-4);
+}
+
+.dashboard-view__loading {
+	display: flex;
+	flex: 1;
+	align-items: center;
+	justify-content: center;
+}
+
+.dashboard-view__empty {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: var(--space-16) var(--space-6);
+	border-radius: var(--radius-panel);
+	background: var(--color-paper-2);
+	text-align: center;
+}
+
+.dashboard-view__empty-icon {
+	margin-bottom: var(--space-4);
+	color: var(--color-muted-soft);
+}
+
+.dashboard-view__empty-title {
+	margin: 0 0 var(--space-2);
+	color: var(--color-ink);
+}
+
+.dashboard-view__empty-text {
+	margin: 0 0 var(--space-4);
+	color: var(--color-muted);
+}
+
+.dashboard-view__grid {
+	flex: 1;
+	min-height: 0;
+	overflow: auto;
+	border-radius: var(--radius-panel);
+	background: var(--color-paper-2);
+}
+
+.dashboard-view__grid :deep(.vgl-layout) {
+	--vgl-placeholder-bg: var(--color-accent);
+	--vgl-resizer-border-color: var(--color-accent);
+}
+
+.dashboard-view__panel {
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+	border-radius: var(--radius-panel);
+	background: var(--color-surface);
+	box-shadow: var(--shadow-card);
+}
+
+.dashboard-view__panel--edit {
+	border: 2px dashed var(--color-accent);
+}
+
+.dashboard-view__panel-header {
+	display: flex;
+	flex-shrink: 0;
+	align-items: center;
+	justify-content: space-between;
+	padding: var(--space-2) var(--space-2) var(--space-2) var(--space-4);
+	border-bottom: 1px solid var(--color-line);
+}
+
+.dashboard-view__panel--edit .dashboard-view__panel-header {
+	cursor: move;
+}
+
+.dashboard-view__panel-title {
+	overflow: hidden;
+	font-size: var(--text-sm);
+	font-weight: var(--weight-medium);
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.dashboard-view__panel-content {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	min-height: 0;
+	padding: var(--space-4);
+	overflow: auto;
+}
+
+@media (width <= 600px) {
+	.dashboard-view {
+		padding: var(--space-4);
+	}
+
+	.dashboard-view__header {
+		flex-direction: column;
+		align-items: flex-start;
+	}
+
+	.dashboard-view__actions {
+		justify-content: space-between;
+		width: 100%;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/dashboards/DashboardsListView.spec.ts b/frontend-vue/src/views/dashboards/DashboardsListView.spec.ts
new file mode 100644
index 000000000..7a4674b8a
--- /dev/null
+++ b/frontend-vue/src/views/dashboards/DashboardsListView.spec.ts
@@ -0,0 +1,122 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { type Ref, ref } from 'vue';
+import { byText, mountPage } from '@/components/dashboards/__tests__/mount-page';
+import type { Dashboard } from '@/models/dashboard';
+import DashboardsListView from './DashboardsListView.vue';
+
+const state = vi.hoisted(() => ({
+	connectionIds: [] as string[],
+	dashboards: undefined as unknown,
+	loading: undefined as unknown,
+}));
+const track = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/dashboards', () => ({
+	useDashboardsQuery: (connectionId: Ref<string>) => {
+		state.connectionIds.push(connectionId.value);
+		return { dashboards: state.dashboards, loading: state.loading };
+	},
+	useDashboardsStore: () => ({ createDashboard: vi.fn(), updateDashboard: vi.fn(), deleteDashboard: vi.fn() }),
+}));
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => ({ connectionTitle: 'Test Connection' }) }));
+vi.mock('@/stores/ui-settings', () => ({
+	useUiSettingsStore: () => ({ getUiSettings: vi.fn(async () => null), updateConnectionSetting: vi.fn() }),
+}));
+vi.mock('@/components/dashboards/analytics', () => ({ trackDashboardsEvent: track }));
+
+const sales: Dashboard = {
+	id: 'd1',
+	name: 'Sales',
+	description: 'Monthly numbers',
+	connection_id: 'conn-1',
+	created_at: '2024-01-01',
+	updated_at: '2024-03-05T12:00:00Z',
+	widgets: [{ id: 'w1', position_x: 0, position_y: 0, width: 4, height: 4, query_id: 'q', dashboard_id: 'd1' }],
+};
+const ops: Dashboard = { ...sales, id: 'd2', name: 'Ops', description: null, widgets: [] };
+
+const open = () => mountPage(DashboardsListView, '/dashboards/:connectionId', '/dashboards/conn-1');
+
+describe('DashboardsListView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		state.connectionIds = [];
+		state.dashboards = ref<Dashboard[]>([sales, ops]);
+		state.loading = ref(false);
+	});
+
+	it('lists the dashboards of the connection as cards', async () => {
+		const { wrapper } = await open();
+
+		expect(state.connectionIds).toEqual(['conn-1']);
+		expect(document.title).toBe('Dashboards | Test Connection');
+		const first = wrapper.get('[data-testid="dashboard-card-0"]');
+		expect(first.text()).toContain('Sales');
+		expect(first.text()).toContain('Monthly numbers');
+		expect(first.text()).toContain('1 panels');
+		expect(first.text()).toContain('Mar 5, 2024');
+		expect(byText(wrapper, 'Sales', 'a').attributes('href')).toBe('/dashboards/conn-1/d1');
+		expect(wrapper.get('[data-testid="dashboard-card-1"]').text()).toContain('Connect your first panel');
+		wrapper.unmount();
+	});
+
+	it('shows the skeleton while loading', async () => {
+		(state.loading as Ref<boolean>).value = true;
+		const { wrapper } = await open();
+
+		expect(wrapper.find('[aria-label="Loading dashboards"]').exists()).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('filters by name and description', async () => {
+		const { wrapper } = await open();
+		const search = wrapper.get('[data-testid="dashboards-search-input"]');
+
+		await search.setValue('monthly');
+		expect(wrapper.findAll('[data-testid^="dashboard-card-"]')).toHaveLength(1);
+		await search.setValue('ops');
+		expect(wrapper.get('[data-testid="dashboard-card-0"]').text()).toContain('Ops');
+		await search.setValue('nothing');
+		expect(wrapper.text()).toContain('No dashboards match your search criteria.');
+		wrapper.unmount();
+	});
+
+	it('explains dashboards when there are none', async () => {
+		(state.dashboards as Ref<Dashboard[]>).value = [];
+		const { wrapper } = await open();
+
+		expect(wrapper.text()).toContain('No dashboards yet');
+		expect(wrapper.text()).toContain('Dashboards help you visualize your data');
+		wrapper.unmount();
+	});
+
+	it('opens the create dialog', async () => {
+		const { wrapper } = await open();
+
+		await wrapper.get('[data-testid="create-dashboard-button"]').trigger('click');
+		await flushPromises();
+
+		expect(track).toHaveBeenCalledWith('Dashboards: create dashboard dialog opened');
+		expect(wrapper.get('h2').text()).toBe('Create dashboard');
+		wrapper.unmount();
+	});
+
+	it('opens the edit and delete dialogs from the card menu', async () => {
+		const { wrapper } = await open();
+
+		await wrapper.get('[data-testid="dashboard-actions-0-button"]').trigger('click');
+		await wrapper.get('[data-testid="dashboard-edit-0-menu-item"]').trigger('click');
+		await flushPromises();
+		expect(track).toHaveBeenCalledWith('Dashboards: edit dashboard dialog opened');
+		expect(wrapper.get('h2').text()).toBe('Edit dashboard');
+		await byText(wrapper, 'Cancel').trigger('click');
+		await flushPromises();
+
+		await wrapper.get('[data-testid="dashboard-actions-0-button"]').trigger('click');
+		await wrapper.get('[data-testid="dashboard-delete-0-menu-item"]').trigger('click');
+		await flushPromises();
+		expect(track).toHaveBeenCalledWith('Dashboards: delete dashboard dialog opened');
+		expect(wrapper.text()).toContain('Are you sure you want to delete the dashboard Sales?');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/dashboards/DashboardsListView.vue b/frontend-vue/src/views/dashboards/DashboardsListView.vue
new file mode 100644
index 000000000..7625cb2a2
--- /dev/null
+++ b/frontend-vue/src/views/dashboards/DashboardsListView.vue
@@ -0,0 +1,473 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboards/dashboards-list: the dashboards of a connection,
+// at /dashboards/:connectionId, as searchable cards with create / edit / delete dialogs.
+import { computed, ref, watchEffect } from 'vue';
+import { useRoute } from 'vue-router';
+import { trackDashboardsEvent } from '@/components/dashboards/analytics';
+import ChartMiniPreview from '@/components/dashboards/ChartMiniPreview.vue';
+import DashboardDeleteDialog from '@/components/dashboards/DashboardDeleteDialog.vue';
+import DashboardEditDialog from '@/components/dashboards/DashboardEditDialog.vue';
+import DashboardsSidebar from '@/components/dashboards/DashboardsSidebar.vue';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import PlaceholderDashboards from '@/components/skeletons/PlaceholderDashboards.vue';
+import {
+	UiButton,
+	UiCard,
+	UiDivider,
+	UiField,
+	UiIcon,
+	UiIconButton,
+	UiInput,
+	UiMenu,
+	UiMenuItem,
+} from '@/components/ui';
+import { useDialog } from '@/composables/useDialog';
+import type { Dashboard } from '@/models/dashboard';
+import { useConnectionsStore } from '@/stores/connections';
+import { useDashboardsQuery } from '@/stores/dashboards';
+
+const route = useRoute();
+const dialog = useDialog();
+const connections = useConnectionsStore();
+
+const connectionId = computed(() => String(route.params.connectionId ?? ''));
+const { dashboards, loading } = useDashboardsQuery(connectionId);
+const searchQuery = ref('');
+
+const filteredDashboards = computed(() => {
+	const search = searchQuery.value;
+	if (!search) return dashboards.value;
+	const query = search.toLowerCase();
+	return dashboards.value.filter(
+		(d) => d.name.toLowerCase().includes(query) || d.description?.toLowerCase().includes(query),
+	);
+});
+
+watchEffect(() => {
+	document.title = `Dashboards | ${connections.connectionTitle || 'Rocketadmin'}`;
+});
+
+function dashboardPath(dashboard: Dashboard): string {
+	return `/dashboards/${connectionId.value}/${dashboard.id}`;
+}
+
+function formatDate(date: string): string {
+	return new Date(date).toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
+}
+
+function trackViewDashboardOpened(): void {
+	trackDashboardsEvent('Dashboards: view dashboard opened');
+}
+
+function openCreateDialog(): void {
+	dialog.open(DashboardEditDialog, { data: { connectionId: connectionId.value, dashboard: null } });
+	trackDashboardsEvent('Dashboards: create dashboard dialog opened');
+}
+
+function openEditDialog(dashboard: Dashboard): void {
+	dialog.open(DashboardEditDialog, { data: { connectionId: connectionId.value, dashboard } });
+	trackDashboardsEvent('Dashboards: edit dashboard dialog opened');
+}
+
+function openDeleteDialog(dashboard: Dashboard): void {
+	dialog.open(DashboardDeleteDialog, { data: { dashboard, connectionId: connectionId.value } });
+	trackDashboardsEvent('Dashboards: delete dashboard dialog opened');
+}
+</script>
+
+<template>
+	<div class="dashboards-list">
+		<DashboardsSidebar :connection-id="connectionId" active-tab="dashboards" />
+
+		<div class="dashboards-list__main">
+			<AppAlert />
+
+			<div class="dashboards-list__page">
+				<header class="dashboards-list__header">
+					<h1 class="dashboards-list__title">Dashboards</h1>
+					<p class="dashboards-list__description">
+						Create and manage custom dashboards with charts, tables, and metrics.
+					</p>
+				</header>
+
+				<div class="dashboards-list__toolbar">
+					<UiField label="Search dashboards" class="dashboards-list__search">
+						<UiInput
+							v-model="searchQuery"
+							type="search"
+							placeholder="Search by name or description..."
+							data-testid="dashboards-search-input"
+						/>
+					</UiField>
+
+					<UiButton v-if="filteredDashboards.length > 0" data-testid="create-dashboard-button" @click="openCreateDialog">
+						<template #leading><UiIcon name="add" size="sm" /></template>
+						Create dashboard
+					</UiButton>
+				</div>
+
+				<PlaceholderDashboards v-if="loading" />
+
+				<div v-else-if="filteredDashboards.length === 0" class="dashboards-list__empty">
+					<svg class="dashboards-list__illustration" viewBox="0 0 120 100" fill="none" aria-hidden="true">
+						<!-- Back card -->
+						<rect class="illust__card illust__card--back" x="30" y="8" width="60" height="44" rx="6" />
+						<rect class="illust__detail" x="38" y="16" width="20" height="3" rx="1.5" />
+						<rect class="illust__detail" x="38" y="23" width="36" height="2" rx="1" />
+						<rect class="illust__detail" x="38" y="28" width="28" height="2" rx="1" />
+						<!-- Middle card -->
+						<rect class="illust__card illust__card--mid" x="20" y="22" width="60" height="44" rx="6" />
+						<rect class="illust__detail" x="28" y="30" width="18" height="3" rx="1.5" />
+						<rect class="illust__detail" x="28" y="37" width="32" height="2" rx="1" />
+						<rect class="illust__detail" x="28" y="42" width="24" height="2" rx="1" />
+						<!-- Front card -->
+						<rect class="illust__card illust__card--front" x="10" y="38" width="60" height="52" rx="7" />
+						<rect class="illust__detail illust__detail--accent" x="18" y="46" width="22" height="3" rx="1.5" />
+						<rect class="illust__detail" x="18" y="53" width="16" height="2" rx="1" />
+						<!-- Mini line chart -->
+						<path class="illust__line" d="M18,78 L28,72 L38,75 L48,65 L58,68" />
+						<path class="illust__area" d="M18,78 L28,72 L38,75 L48,65 L58,68 L58,82 L18,82 Z" />
+						<circle class="illust__dot" cx="48" cy="65" r="2.5" />
+						<circle class="illust__dot" cx="58" cy="68" r="2.5" />
+					</svg>
+					<h3 class="dashboards-list__empty-title">No dashboards yet</h3>
+					<p v-if="searchQuery" class="dashboards-list__empty-text">No dashboards match your search criteria.</p>
+					<p v-else class="dashboards-list__empty-text">
+						Dashboards help you visualize your data with charts, tables, and metrics — all in one place.
+					</p>
+					<UiButton data-testid="create-dashboard-button" @click="openCreateDialog">
+						<template #leading><UiIcon name="add" size="sm" /></template>
+						Create dashboard
+					</UiButton>
+				</div>
+
+				<ul v-else class="dashboards-list__grid">
+					<UiCard
+						v-for="(dashboard, i) in filteredDashboards"
+						:key="dashboard.id"
+						as="li"
+						padding="none"
+						class="dashboard-card"
+						:data-testid="`dashboard-card-${i}`"
+					>
+						<RouterLink
+							:to="dashboardPath(dashboard)"
+							class="dashboard-card__preview"
+							tabindex="-1"
+							aria-hidden="true"
+							@click="trackViewDashboardOpened"
+						>
+							<div v-if="!dashboard.widgets?.length" class="dashboard-card__placeholder">
+								<UiIcon name="dashboard" size="lg" class="dashboard-card__placeholder-icon" />
+								<span class="dashboard-card__placeholder-hint">Connect your first panel</span>
+							</div>
+							<ChartMiniPreview v-else chart-type="line" />
+						</RouterLink>
+
+						<div class="dashboard-card__content">
+							<div class="dashboard-card__header">
+								<RouterLink
+									:to="dashboardPath(dashboard)"
+									class="dashboard-card__name"
+									@click="trackViewDashboardOpened"
+								>
+									{{ dashboard.name }}
+								</RouterLink>
+								<UiMenu :label="`${dashboard.name} actions`" align="end">
+									<template #trigger="{ triggerProps }">
+										<UiIconButton
+											v-bind="triggerProps"
+											icon="more_vert"
+											label="Dashboard actions"
+											size="sm"
+											:data-testid="`dashboard-actions-${i}-button`"
+										/>
+									</template>
+									<UiMenuItem
+										icon="visibility"
+										:to="dashboardPath(dashboard)"
+										:data-testid="`dashboard-view-${i}-menu-item`"
+										@select="trackViewDashboardOpened"
+									>
+										View
+									</UiMenuItem>
+									<UiMenuItem
+										icon="edit"
+										:data-testid="`dashboard-edit-${i}-menu-item`"
+										@select="openEditDialog(dashboard)"
+									>
+										Edit
+									</UiMenuItem>
+									<UiDivider />
+									<UiMenuItem
+										icon="delete"
+										variant="danger"
+										:data-testid="`dashboard-delete-${i}-menu-item`"
+										@select="openDeleteDialog(dashboard)"
+									>
+										Delete
+									</UiMenuItem>
+								</UiMenu>
+							</div>
+							<p v-if="dashboard.description" class="dashboard-card__description">{{ dashboard.description }}</p>
+							<div class="dashboard-card__meta">
+								<span class="dashboard-card__count">
+									<UiIcon name="widgets" size="sm" />
+									{{ dashboard.widgets?.length || 0 }} panels
+								</span>
+								<span>{{ formatDate(dashboard.updated_at) }}</span>
+							</div>
+						</div>
+					</UiCard>
+				</ul>
+			</div>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.dashboards-list {
+	display: flex;
+	height: calc(100vh - var(--header-height) - var(--footer-height));
+	overflow: hidden;
+}
+
+.dashboards-list__main {
+	flex: 1;
+	min-width: 0;
+	overflow-y: auto;
+	background: var(--color-paper);
+}
+
+.dashboards-list__page {
+	max-width: 1400px;
+	margin: var(--space-12) auto;
+	padding: 0 clamp(var(--space-10), 5vw, 100px);
+}
+
+.dashboards-list__header {
+	margin-bottom: var(--space-8);
+}
+
+.dashboards-list__title {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.dashboards-list__description {
+	margin: var(--space-2) 0 0;
+	color: var(--color-muted);
+}
+
+.dashboards-list__toolbar {
+	display: flex;
+	align-items: flex-end;
+	justify-content: space-between;
+	gap: var(--space-4);
+	margin-bottom: var(--space-6);
+}
+
+.dashboards-list__search {
+	flex: 1;
+	max-width: 400px;
+}
+
+.dashboards-list__grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+	gap: var(--space-6);
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.dashboard-card {
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+	transition:
+		box-shadow var(--motion-base) var(--ease-out),
+		transform var(--motion-base) var(--ease-out);
+}
+
+.dashboard-card:hover {
+	box-shadow: var(--shadow-lift);
+	transform: translateY(-2px);
+}
+
+.dashboard-card__preview {
+	display: block;
+	height: 160px;
+	overflow: hidden;
+	border-bottom: 1px solid var(--color-line);
+	background: var(--color-paper-2);
+	text-decoration: none;
+}
+
+.dashboard-card__placeholder {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+}
+
+.dashboard-card__placeholder-icon {
+	color: var(--color-muted-soft);
+}
+
+.dashboard-card__placeholder-hint {
+	margin-top: var(--space-1);
+	font-size: var(--text-xs);
+	color: var(--color-muted-soft);
+}
+
+.dashboard-card__content {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	padding: var(--space-4);
+}
+
+.dashboard-card__header {
+	display: flex;
+	align-items: flex-start;
+	justify-content: space-between;
+	gap: var(--space-2);
+	margin-bottom: var(--space-2);
+}
+
+.dashboard-card__name {
+	display: -webkit-box;
+	flex: 1;
+	overflow: hidden;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+	font-size: var(--text-md);
+	font-weight: var(--weight-medium);
+	line-height: var(--leading-snug);
+	color: inherit;
+	text-decoration: none;
+}
+
+.dashboard-card__name:hover {
+	color: var(--color-accent);
+}
+
+.dashboard-card__description {
+	display: -webkit-box;
+	margin: 0 0 var(--space-3);
+	overflow: hidden;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+	font-size: var(--text-sm);
+	color: var(--color-muted);
+}
+
+.dashboard-card__meta {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-top: auto;
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+
+.dashboard-card__count {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+}
+
+.dashboards-list__empty {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: var(--space-16) var(--space-6);
+	text-align: center;
+}
+
+.dashboards-list__illustration {
+	width: 120px;
+	height: 100px;
+	margin-bottom: var(--space-4);
+}
+
+.illust__card {
+	stroke: var(--color-line-strong);
+	stroke-width: 1.5;
+}
+
+.illust__card--back {
+	fill: var(--color-paper-2);
+}
+
+.illust__card--mid {
+	fill: color-mix(in srgb, var(--color-paper-2) 50%, var(--color-surface));
+}
+
+.illust__card--front {
+	fill: var(--color-surface);
+}
+
+.illust__detail {
+	fill: var(--color-line-strong);
+}
+
+.illust__detail--accent {
+	fill: var(--color-muted-soft);
+}
+
+.illust__line {
+	fill: none;
+	stroke: var(--color-accent);
+	stroke-width: 2;
+	stroke-linecap: round;
+	stroke-linejoin: round;
+	opacity: 0.9;
+}
+
+.illust__area {
+	fill: color-mix(in srgb, var(--color-accent) 20%, transparent);
+}
+
+.illust__dot {
+	fill: var(--color-accent);
+	opacity: 0.9;
+}
+
+.dashboards-list__empty-title {
+	margin: 0 0 var(--space-2);
+	color: var(--color-ink);
+}
+
+.dashboards-list__empty-text {
+	margin: 0 0 var(--space-4);
+	color: var(--color-muted);
+}
+
+@media (width <= 600px) {
+	.dashboards-list__page {
+		margin: var(--space-6) auto;
+		padding: 0 var(--space-4);
+	}
+
+	.dashboards-list__toolbar {
+		flex-direction: column;
+		align-items: stretch;
+	}
+
+	.dashboards-list__search {
+		max-width: 100%;
+	}
+
+	.dashboards-list__grid {
+		grid-template-columns: 1fr;
+		gap: var(--space-4);
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/schema/EditDatabaseSchemaView.spec.ts b/frontend-vue/src/views/schema/EditDatabaseSchemaView.spec.ts
new file mode 100644
index 000000000..42b8c8cc9
--- /dev/null
+++ b/frontend-vue/src/views/schema/EditDatabaseSchemaView.spec.ts
@@ -0,0 +1,347 @@
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { defineComponent, h } from 'vue';
+import { createMemoryHistory, createRouter, RouterView } from 'vue-router';
+import { vTooltip } from '@/components/ui';
+import type { SchemaChangeBatchResponse, SchemaChangeResponse } from '@/stores/table-schema';
+import EditDatabaseSchemaView from './EditDatabaseSchemaView.vue';
+
+const tableSchema = vi.hoisted(() => ({
+	generateSchemaChange: vi.fn(),
+	approveBatch: vi.fn(),
+	rejectBatch: vi.fn(),
+	fetchDiagram: vi.fn(),
+	previewDiagram: vi.fn(),
+}));
+vi.mock('@/stores/table-schema', () => ({ useTableSchemaStore: () => tableSchema }));
+
+const mermaid = vi.hoisted(() => ({ initialize: vi.fn(), render: vi.fn() }));
+vi.mock('mermaid', () => ({ default: mermaid }));
+
+const DIAGRAM = 'erDiagram\n  users {\n    int id\n  }';
+const PREVIEW = 'erDiagram\n  users {\n    int id\n  }\n  posts {\n    int id\n  }';
+
+function change(overrides: Partial<SchemaChangeResponse> = {}): SchemaChangeResponse {
+	return {
+		id: 'ch1',
+		connectionId: 'c1',
+		batchId: 'b1',
+		orderInBatch: 0,
+		forwardSql: 'CREATE TABLE posts (id SERIAL, user_id INTEGER NOT NULL REFERENCES users(id), PRIMARY KEY (id))',
+		rollbackSql: 'DROP TABLE posts',
+		userModifiedSql: null,
+		status: 'pending',
+		changeType: 'CREATE_TABLE',
+		targetTableName: 'posts',
+		databaseType: 'postgres',
+		executionError: null,
+		isReversible: true,
+		userPrompt: 'Blog',
+		aiSummary: 'Stores blog posts',
+		aiReasoning: null,
+		createdAt: '',
+		appliedAt: null,
+		rolledBackAt: null,
+		...overrides,
+	};
+}
+
+const generated: SchemaChangeBatchResponse = { batchId: 'b1', changes: [change()], threadId: 'th1' };
+
+async function mountPage() {
+	setActivePinia(createPinia());
+	const Blank = defineComponent({ render: () => h('div', { 'data-testid': 'blank-page' }) });
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [
+			{ path: '/edit-database-schema/:connectionId', component: EditDatabaseSchemaView },
+			{ path: '/:pathMatch(.*)*', component: Blank },
+		],
+	});
+	router.push('/edit-database-schema/c1');
+	await router.isReady();
+	const wrapper = mount(defineComponent({ render: () => h(RouterView) }), {
+		global: { plugins: [router], directives: { tooltip: vTooltip } },
+		attachTo: document.body,
+	});
+	await flushPromises();
+	return { wrapper, router };
+}
+
+const textarea = (wrapper: VueWrapper) => wrapper.find('[data-testid="schema-prompt-textarea"]');
+
+async function sendPrompt(wrapper: VueWrapper, prompt: string) {
+	await textarea(wrapper).setValue(prompt);
+	await wrapper.find('form').trigger('submit');
+	await settle();
+}
+
+/** Lets the lazily imported node-sql-parser load and the editor finish its updates. */
+async function settle() {
+	await flushPromises();
+	await vi.dynamicImportSettled();
+	await flushPromises();
+}
+
+describe('EditDatabaseSchemaView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		tableSchema.fetchDiagram.mockResolvedValue({ diagram: DIAGRAM });
+		tableSchema.previewDiagram.mockResolvedValue({ diagram: PREVIEW });
+		tableSchema.generateSchemaChange.mockResolvedValue(generated);
+		tableSchema.approveBatch.mockResolvedValue({ batchId: 'b1', changes: [change({ status: 'applied' })] });
+		tableSchema.rejectBatch.mockResolvedValue({ batchId: 'b1', changes: [] });
+		mermaid.render.mockImplementation(async (_id: string, code: string) => ({
+			svg: `<svg data-code="${code.length}"></svg>`,
+		}));
+	});
+
+	it('shows the title, a back link and the current diagram of the connection', async () => {
+		const { wrapper } = await mountPage();
+
+		expect(wrapper.find('h1').text()).toBe('Edit Database Schema');
+		expect(wrapper.find('a[aria-label="Back to connections"]').attributes('href')).toBe('/connections-list');
+		expect(tableSchema.fetchDiagram).toHaveBeenCalledWith('c1');
+		expect(wrapper.find('.schema-diagram__title').text()).toBe('Current Database Structure');
+		expect(mermaid.render).toHaveBeenCalledWith(expect.any(String), `${DIAGRAM}\n`);
+		expect(wrapper.text()).toContain('Describe what you need and AI will generate the SQL.');
+		expect(textarea(wrapper).attributes('placeholder')).toBe('Describe the changes you need...');
+		wrapper.unmount();
+	});
+
+	it('shows the welcome templates when the database has no tables yet', async () => {
+		tableSchema.fetchDiagram.mockResolvedValue({ diagram: 'erDiagram\n' });
+		const { wrapper } = await mountPage();
+
+		expect(wrapper.find('.schema-diagram').exists()).toBe(false);
+		expect(wrapper.text()).toContain('Create your first table');
+		expect(wrapper.text()).toContain('Try asking');
+		expect(textarea(wrapper).attributes('placeholder')).toBe('Describe the database you need...');
+
+		const crm = wrapper.findAll('.template-card').find((card) => card.text().includes('CRM'));
+		await crm?.trigger('click');
+		expect((textarea(wrapper).element as HTMLTextAreaElement).value).toBe(
+			'CRM with contacts, companies, deals, activities, and notes',
+		);
+		await wrapper.findAll('.try-asking-item')[1]?.trigger('click');
+		expect((textarea(wrapper).element as HTMLTextAreaElement).value).toBe('Booking app for a yoga studio');
+		wrapper.unmount();
+	});
+
+	it('shows the diagram loader while the diagram is fetched, and the welcome if it fails', async () => {
+		let fail: (error: Error) => void = () => {};
+		tableSchema.fetchDiagram.mockReturnValue(new Promise((_, reject) => (fail = reject)));
+		const { wrapper } = await mountPage();
+		expect(wrapper.text()).toContain('Loading diagram');
+
+		fail(new Error('nope'));
+		await flushPromises();
+		expect(wrapper.text()).not.toContain('Loading diagram');
+		expect(wrapper.text()).toContain('Create your first table');
+		wrapper.unmount();
+	});
+
+	it('generates changes from the prompt, lists them as cards and previews the diagram', async () => {
+		const { wrapper } = await mountPage();
+		await sendPrompt(wrapper, '  Blog platform  ');
+
+		expect(tableSchema.generateSchemaChange).toHaveBeenCalledWith('c1', 'Blog platform', undefined);
+		expect(tableSchema.previewDiagram).toHaveBeenCalledWith('c1', [change().forwardSql]);
+		expect(wrapper.find('[data-testid="schema-message-user"]').text()).toBe('Blog platform');
+		expect(wrapper.find('[data-testid="schema-message-ai"]').text()).toContain(
+			"I've generated 1 change(s) for your database. Review them below and approve or reject.",
+		);
+
+		const card = wrapper.find('[data-testid="schema-change-card"]');
+		expect(card.text()).toContain('Create table');
+		expect(card.text()).toContain('posts');
+		expect(card.text()).toContain('Stores blog posts');
+		expect(card.findAll('.change-card__column-name').map((c) => c.text())).toEqual(['id', 'user_id']);
+		expect(card.text()).toContain('PK');
+		expect(card.text()).toContain('FK');
+		expect(card.text()).toContain('NOT NULL');
+		expect(card.find('pre').text()).toBe(change().forwardSql);
+
+		expect(wrapper.find('.schema-diagram__title').text()).toBe('Schema Preview');
+		expect(wrapper.find('[data-testid="schema-approve-button"]').exists()).toBe(true);
+		expect(wrapper.find('form').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('sends the prompt on Enter but not on Shift+Enter, and continues the thread', async () => {
+		tableSchema.generateSchemaChange.mockResolvedValue({ batchId: null, changes: [], threadId: 'th1' });
+		const { wrapper } = await mountPage();
+		await textarea(wrapper).setValue('First');
+		await textarea(wrapper).trigger('keydown', { key: 'Enter', shiftKey: true });
+		expect(tableSchema.generateSchemaChange).not.toHaveBeenCalled();
+
+		await textarea(wrapper).trigger('keydown', { key: 'Enter' });
+		await flushPromises();
+		await sendPrompt(wrapper, 'Second');
+		expect(tableSchema.generateSchemaChange.mock.calls).toEqual([
+			['c1', 'First', undefined],
+			['c1', 'Second', 'th1'],
+		]);
+		wrapper.unmount();
+	});
+
+	it('keeps the send button disabled for an empty prompt', async () => {
+		const { wrapper } = await mountPage();
+		const send = () => wrapper.find('[data-testid="schema-send-button"]');
+		expect(send().attributes('disabled')).toBeDefined();
+		await textarea(wrapper).setValue('   ');
+		expect(send().attributes('disabled')).toBeDefined();
+		await textarea(wrapper).setValue('x');
+		expect(send().attributes('disabled')).toBeUndefined();
+		wrapper.unmount();
+	});
+
+	it('shows the generating state while waiting for the AI', async () => {
+		tableSchema.generateSchemaChange.mockReturnValue(new Promise(() => {}));
+		const { wrapper } = await mountPage();
+		await sendPrompt(wrapper, 'Blog');
+		expect(wrapper.text()).toContain('Generating schema');
+		expect(textarea(wrapper).attributes('disabled')).toBeDefined();
+		wrapper.unmount();
+	});
+
+	it('shows the assistant clarification, or a fallback, when no changes come back', async () => {
+		tableSchema.generateSchemaChange
+			.mockResolvedValueOnce({ batchId: null, changes: [], assistantMessage: ' Which tables? ' })
+			.mockResolvedValueOnce({ batchId: null, changes: [] });
+		const { wrapper } = await mountPage();
+		await sendPrompt(wrapper, 'something');
+		await sendPrompt(wrapper, 'else');
+		const ai = wrapper.findAll('[data-testid="schema-message-ai"]').map((m) => m.text());
+		expect(ai).toEqual([
+			'Which tables?',
+			'I could not generate any schema changes for that prompt. Could you describe your database in more detail?',
+		]);
+		expect(tableSchema.previewDiagram).not.toHaveBeenCalled();
+		wrapper.unmount();
+	});
+
+	it('shows a generation error inline', async () => {
+		tableSchema.generateSchemaChange
+			.mockRejectedValueOnce(new Error('AI is busy'))
+			.mockRejectedValueOnce(new Error(''));
+		const { wrapper } = await mountPage();
+		await sendPrompt(wrapper, 'one');
+		await sendPrompt(wrapper, 'two');
+		expect(wrapper.findAll('[data-testid="schema-message-error"]').map((m) => m.text())).toEqual([
+			'error_outlineAI is busy',
+			'error_outlineFailed to generate schema changes.',
+		]);
+		wrapper.unmount();
+	});
+
+	it('still lists the changes when the preview diagram fails', async () => {
+		tableSchema.previewDiagram.mockRejectedValue(new Error('preview failed'));
+		const { wrapper } = await mountPage();
+		await sendPrompt(wrapper, 'Blog');
+		expect(wrapper.find('[data-testid="schema-change-card"]').exists()).toBe(true);
+		expect(wrapper.find('.schema-diagram__title').text()).toBe('Current Database Structure');
+		wrapper.unmount();
+	});
+
+	it('applies the batch, reloads the diagram and offers to open the tables', async () => {
+		const { wrapper, router } = await mountPage();
+		await sendPrompt(wrapper, 'Blog');
+		tableSchema.fetchDiagram.mockResolvedValue({ diagram: PREVIEW });
+
+		await wrapper.find('[data-testid="schema-approve-button"]').trigger('click');
+		await flushPromises();
+
+		expect(tableSchema.approveBatch).toHaveBeenCalledWith('b1', true);
+		expect(tableSchema.fetchDiagram).toHaveBeenCalledTimes(2);
+		expect(wrapper.text()).toContain('All changes applied successfully! Your tables have been created.');
+		expect(wrapper.find('.schema-diagram__title').text()).toBe('Updated Database Structure');
+		expect(wrapper.find('[data-testid="schema-approve-button"]').exists()).toBe(false);
+		expect(wrapper.find('form').exists()).toBe(true);
+
+		const open = wrapper.find('[data-testid="schema-open-tables-button"]');
+		expect(open.attributes('href')).toBe('/dashboard/c1?uncached=true');
+		await open.trigger('click');
+		await flushPromises();
+		expect(router.currentRoute.value.fullPath).toBe('/dashboard/c1?uncached=true');
+		wrapper.unmount();
+	});
+
+	it('mentions the statements the AI had to repair', async () => {
+		tableSchema.approveBatch.mockResolvedValue({
+			batchId: 'b1',
+			changes: [change({ status: 'applied', aiAutoFixApplied: true, aiAutoFixOriginalError: 'syntax\n error' })],
+		});
+		const { wrapper } = await mountPage();
+		await sendPrompt(wrapper, 'Blog');
+		await wrapper.find('[data-testid="schema-approve-button"]').trigger('click');
+		await flushPromises();
+		expect(wrapper.text()).toContain(
+			'All changes applied successfully! 1 statement(s) needed an AI repair before they could be applied — the originals failed against the database (e.g. posts: syntax error).',
+		);
+		wrapper.unmount();
+	});
+
+	it('reports failed changes and keeps the batch pending', async () => {
+		tableSchema.approveBatch.mockResolvedValue({
+			batchId: 'b1',
+			changes: [change({ status: 'failed', executionError: 'relation exists' }), change({ id: 'ch2' })],
+		});
+		const { wrapper } = await mountPage();
+		await sendPrompt(wrapper, 'Blog');
+		await wrapper.find('[data-testid="schema-approve-button"]').trigger('click');
+		await flushPromises();
+		expect(wrapper.find('[data-testid="schema-message-error"]').text()).toContain(
+			'1 change(s) failed: relation exists',
+		);
+		expect(wrapper.find('[data-testid="schema-approve-button"]').exists()).toBe(true);
+		expect(wrapper.find('[data-testid="schema-open-tables-button"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('shows an apply error and the applying state', async () => {
+		let fail: (error: Error) => void = () => {};
+		tableSchema.approveBatch.mockReturnValue(new Promise((_, reject) => (fail = reject)));
+		const { wrapper } = await mountPage();
+		await sendPrompt(wrapper, 'Blog');
+		await wrapper.find('[data-testid="schema-approve-button"]').trigger('click');
+		await flushPromises();
+		const approve = wrapper.find('[data-testid="schema-approve-button"]');
+		expect(approve.text()).toBe('Applying...');
+		expect(approve.attributes('disabled')).toBeDefined();
+		expect(wrapper.find('[data-testid="schema-reject-button"]').attributes('disabled')).toBeDefined();
+
+		fail(new Error(''));
+		await flushPromises();
+		expect(wrapper.find('[data-testid="schema-message-error"]').text()).toContain('Failed to apply schema changes.');
+		wrapper.unmount();
+	});
+
+	it('rejects the batch and drops the preview diagram', async () => {
+		const { wrapper } = await mountPage();
+		await sendPrompt(wrapper, 'Blog');
+		expect(wrapper.find('.schema-diagram__title').text()).toBe('Schema Preview');
+
+		await wrapper.find('[data-testid="schema-reject-button"]').trigger('click');
+		await flushPromises();
+		expect(tableSchema.rejectBatch).toHaveBeenCalledWith('b1');
+		expect(wrapper.text()).toContain('Changes rejected. Feel free to describe what you need differently.');
+		expect(wrapper.find('.schema-diagram__title').text()).toBe('Current Database Structure');
+		expect(wrapper.find('form').exists()).toBe(true);
+		// The rejected changes stay in the chat history.
+		expect(wrapper.find('[data-testid="schema-change-card"]').exists()).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('clears the batch even when the reject request fails (the store reports it)', async () => {
+		tableSchema.rejectBatch.mockRejectedValue(new Error('notified'));
+		const { wrapper } = await mountPage();
+		await sendPrompt(wrapper, 'Blog');
+		await wrapper.find('[data-testid="schema-reject-button"]').trigger('click');
+		await flushPromises();
+		expect(wrapper.text()).toContain('Changes rejected.');
+		expect(wrapper.find('form').exists()).toBe(true);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/schema/EditDatabaseSchemaView.vue b/frontend-vue/src/views/schema/EditDatabaseSchemaView.vue
new file mode 100644
index 000000000..07b3afa97
--- /dev/null
+++ b/frontend-vue/src/views/schema/EditDatabaseSchemaView.vue
@@ -0,0 +1,26 @@
+<script setup lang="ts">
+// Port of the routed /edit-database-schema/:connection-id use of EditDatabaseSchemaComponent: the
+// AI schema editor as a page (back link + title, diagram loaded on open). The editor itself is
+// SchemaEditor, which the dashboard can also embed.
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+import SchemaEditor from '@/components/schema/SchemaEditor.vue';
+
+const route = useRoute();
+
+const connectionId = computed(() => String(route.params.connectionId ?? ''));
+</script>
+
+<template>
+	<div class="edit-database-schema">
+		<SchemaEditor :key="connectionId" :connection-id="connectionId" routed />
+	</div>
+</template>
+
+<style scoped>
+.edit-database-schema {
+	display: flex;
+	height: calc(100vh - var(--header-height) - var(--footer-height));
+	min-height: 30rem;
+}
+</style>
diff --git a/frontend-vue/src/views/settings/ApiKeysView.spec.ts b/frontend-vue/src/views/settings/ApiKeysView.spec.ts
new file mode 100644
index 000000000..cfeae22ab
--- /dev/null
+++ b/frontend-vue/src/views/settings/ApiKeysView.spec.ts
@@ -0,0 +1,94 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import ApiKeyDeleteDialog from '@/components/user-settings/ApiKeyDeleteDialog.vue';
+import { mountAuthView } from '@/views/auth/authTestUtils';
+import ApiKeysView from './ApiKeysView.vue';
+
+const user = vi.hoisted(() => ({ getAPIkeys: vi.fn(), generateAPIkey: vi.fn() }));
+const open = vi.hoisted(() => vi.fn());
+const trackAuthEvent = vi.hoisted(() => vi.fn());
+const copyToClipboard = vi.hoisted(() => vi.fn());
+const success = vi.hoisted(() => vi.fn());
+
+vi.mock('@/stores/user', () => ({ useUserStore: () => user }));
+vi.mock('@/stores/ui-settings', () => ({
+	useUiSettingsStore: () => ({ getUiSettings: () => Promise.resolve(null), updateGlobalSetting: vi.fn() }),
+}));
+vi.mock('@/composables/useDialog', () => ({ useDialog: () => ({ open }) }));
+vi.mock('@/composables/useNotify', () => ({ useNotify: () => ({ success }) }));
+vi.mock('@/lib/clipboard', () => ({ copyToClipboard }));
+vi.mock('@/components/auth/analytics', () => ({ trackAuthEvent }));
+
+const keys = [
+	{ id: 'key-1', title: 'CI' },
+	{ id: 'key-2', title: 'Backups' },
+];
+
+const mountPage = () => mountAuthView(ApiKeysView, '/api-keys');
+
+describe('ApiKeysView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		user.getAPIkeys.mockResolvedValue(keys);
+		user.generateAPIkey.mockResolvedValue({ id: 'key-3', title: 'New', hash: 'secret-hash' });
+		copyToClipboard.mockResolvedValue(true);
+	});
+
+	it('lists the API keys', async () => {
+		const { wrapper } = await mountPage();
+		expect(user.getAPIkeys).toHaveBeenCalled();
+		expect(wrapper.findAll('.api-keys__item-title').map((title) => title.text())).toEqual(['CI', 'Backups']);
+		wrapper.unmount();
+	});
+
+	it('shows the empty state', async () => {
+		user.getAPIkeys.mockResolvedValue([]);
+		const { wrapper } = await mountPage();
+		expect(wrapper.text()).toContain("You don't have any API keys yet.");
+		wrapper.unmount();
+	});
+
+	it('generates a key, shows its secret once and reloads the list', async () => {
+		const { wrapper } = await mountPage();
+		const generate = () => wrapper.find('[data-testid="generate-api-key-button"]');
+		expect(generate().attributes('disabled')).toBeDefined();
+
+		await wrapper.find('[data-testid="api-key-input"]').setValue('New');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(user.generateAPIkey).toHaveBeenCalledWith('New');
+		expect(user.getAPIkeys).toHaveBeenCalledTimes(2);
+		expect((wrapper.find('[data-testid="api-key-value-input"]').element as HTMLInputElement).value).toBe('secret-hash');
+		expect((wrapper.find('[data-testid="api-key-input"]').element as HTMLInputElement).value).toBe('');
+		expect(trackAuthEvent).toHaveBeenCalledWith('API Keys: key generated successfully');
+
+		await wrapper.find('[data-testid="api-key-value-copy-button"]').trigger('click');
+		await flushPromises();
+		expect(copyToClipboard).toHaveBeenCalledWith('secret-hash');
+		expect(success).toHaveBeenCalledWith('API key was copied to clipboard.');
+		wrapper.unmount();
+	});
+
+	it('reloads the list after a key is deleted', async () => {
+		open.mockReturnValue({ afterClosed: () => Promise.resolve('delete') });
+		const { wrapper } = await mountPage();
+		await wrapper.find('[data-testid="api-key-1-delete-button"]').trigger('click');
+		await flushPromises();
+
+		expect(open).toHaveBeenCalledWith(ApiKeyDeleteDialog, { data: keys[1] });
+		expect(user.getAPIkeys).toHaveBeenCalledTimes(2);
+		expect(trackAuthEvent).toHaveBeenCalledWith('API Keys: key deleted successfully');
+		wrapper.unmount();
+	});
+
+	it('keeps the list when the delete dialog is cancelled', async () => {
+		open.mockReturnValue({ afterClosed: () => Promise.resolve(undefined) });
+		const { wrapper } = await mountPage();
+		await wrapper.find('[data-testid="api-key-0-delete-button"]').trigger('click');
+		await flushPromises();
+
+		expect(user.getAPIkeys).toHaveBeenCalledTimes(1);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/settings/ApiKeysView.vue b/frontend-vue/src/views/settings/ApiKeysView.vue
new file mode 100644
index 000000000..04427df76
--- /dev/null
+++ b/frontend-vue/src/views/settings/ApiKeysView.vue
@@ -0,0 +1,263 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/api-keys (/api-keys): generate an API key (its secret is
+// shown once), list the keys and delete them.
+import { onMounted, ref } from 'vue';
+import { trackAuthEvent } from '@/components/auth/analytics';
+import ProfileLayout from '@/components/profile/ProfileLayout.vue';
+import PlaceholderApiKeysList from '@/components/skeletons/PlaceholderApiKeysList.vue';
+import { UiButton, UiField, UiIcon, UiIconButton, UiInput } from '@/components/ui';
+import ApiKeyDeleteDialog from '@/components/user-settings/ApiKeyDeleteDialog.vue';
+import { useDialog } from '@/composables/useDialog';
+import { useNotify } from '@/composables/useNotify';
+import { copyToClipboard } from '@/lib/clipboard';
+import type { ApiKey } from '@/models/user';
+import { useUserStore } from '@/stores/user';
+
+const userStore = useUserStore();
+const dialog = useDialog();
+const notify = useNotify();
+
+/** null while loading. */
+const apiKeys = ref<ApiKey[] | null>(null);
+const generatingAPIkeyTitle = ref('');
+const generatedAPIkeyHash = ref('');
+const submitting = ref(false);
+
+onMounted(() => {
+	getAPIkeys();
+});
+
+async function getAPIkeys() {
+	try {
+		apiKeys.value = await userStore.getAPIkeys();
+	} catch {
+		// The store has shown the error.
+	}
+}
+
+async function generateAPIkey() {
+	submitting.value = true;
+	try {
+		const response = await userStore.generateAPIkey(generatingAPIkeyTitle.value);
+		generatedAPIkeyHash.value = response.hash ?? '';
+		generatingAPIkeyTitle.value = '';
+		getAPIkeys();
+		trackAuthEvent('API Keys: key generated successfully');
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submitting.value = false;
+	}
+}
+
+async function deleteAPIkey(apiKey: ApiKey) {
+	const action = await dialog.open<'delete'>(ApiKeyDeleteDialog, { data: apiKey }).afterClosed();
+	if (action === 'delete') {
+		getAPIkeys();
+		trackAuthEvent('API Keys: key deleted successfully');
+	}
+}
+
+async function copyKey() {
+	if (await copyToClipboard(generatedAPIkeyHash.value)) notify.success('API key was copied to clipboard.');
+}
+</script>
+
+<template>
+	<ProfileLayout active-tab="api">
+		<div class="api-keys">
+			<h1 class="api-keys__title">API Keys</h1>
+			<p class="api-keys__description">Generate and manage API keys to access Rocketadmin programmatically.</p>
+
+			<div class="api-keys__content">
+				<form class="api-keys__form" novalidate @submit.prevent="generateAPIkey">
+					<UiField label="API key title" class="api-keys__form-field">
+						<UiInput
+							v-model="generatingAPIkeyTitle"
+							name="api-key-title"
+							data-testid="api-key-input"
+							@change="trackAuthEvent('API Keys: api key title is edited')"
+						/>
+					</UiField>
+					<UiButton
+						type="submit"
+						data-testid="generate-api-key-button"
+						:disabled="!generatingAPIkeyTitle || submitting"
+					>
+						{{ submitting ? 'Generating...' : 'Generate' }}
+					</UiButton>
+				</form>
+
+				<div v-if="generatedAPIkeyHash" class="api-keys__value">
+					<UiField
+						label="API key"
+						hint="Please save this API key. You won't be able to see it again."
+						class="api-keys__form-field"
+					>
+						<UiInput :model-value="generatedAPIkeyHash" name="token" readonly data-testid="api-key-value-input" />
+					</UiField>
+					<UiIconButton
+						icon="content_copy"
+						label="Copy API key"
+						data-testid="api-key-value-copy-button"
+						class="api-keys__copy"
+						@click="copyKey"
+					/>
+				</div>
+
+				<section class="api-keys__list" aria-labelledby="api-keys-list-heading">
+					<h2 id="api-keys-list-heading" class="api-keys__list-heading">Your API keys</h2>
+
+					<PlaceholderApiKeysList v-if="!apiKeys" />
+
+					<div v-else-if="apiKeys.length === 0" class="api-keys__empty">
+						<UiIcon name="vpn_key_off" size="lg" class="api-keys__empty-icon" />
+						<p class="api-keys__empty-text">You don't have any API keys yet.</p>
+					</div>
+
+					<ul v-else class="api-keys__items">
+						<li v-for="(apiKey, i) in apiKeys" :key="apiKey.id" class="api-keys__item">
+							<span class="api-keys__item-info">
+								<UiIcon name="vpn_key" class="api-keys__item-icon" />
+								<span class="api-keys__item-title">{{ apiKey.title }}</span>
+							</span>
+							<UiIconButton
+								icon="delete"
+								label="Delete API key"
+								variant="danger"
+								:data-testid="`api-key-${i}-delete-button`"
+								@click="deleteAPIkey(apiKey)"
+							/>
+						</li>
+					</ul>
+				</section>
+			</div>
+		</div>
+	</ProfileLayout>
+</template>
+
+<style scoped>
+.api-keys {
+	max-width: 800px;
+	margin: var(--space-10) auto;
+	padding: 0 clamp(var(--space-10), 5vw, 100px);
+}
+
+.api-keys__title {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.api-keys__description {
+	margin: var(--space-2) 0 var(--space-8);
+	color: var(--color-muted);
+}
+
+.api-keys__content {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-6);
+}
+
+.api-keys__form {
+	display: flex;
+	align-items: flex-end;
+	gap: var(--space-4);
+}
+
+.api-keys__form-field {
+	flex: 1;
+}
+
+.api-keys__value {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--space-2);
+	padding: var(--space-4);
+	border: 1px solid var(--color-success-border);
+	border-radius: var(--radius-control);
+	background: var(--color-success-bg);
+}
+
+.api-keys__copy {
+	margin-top: var(--space-6);
+}
+
+.api-keys__list {
+	margin-top: var(--space-4);
+}
+
+.api-keys__list-heading {
+	margin: 0 0 var(--space-4);
+	font-size: var(--text-md);
+	font-weight: var(--weight-medium);
+}
+
+.api-keys__empty {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: var(--space-12) var(--space-6);
+	border-radius: var(--radius-control);
+	background: var(--color-paper-2);
+	text-align: center;
+}
+
+.api-keys__empty-icon {
+	margin-bottom: var(--space-4);
+	color: var(--color-muted-soft);
+}
+
+.api-keys__empty-text {
+	margin: 0;
+	color: var(--color-muted);
+}
+
+.api-keys__items {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.api-keys__item {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin-bottom: var(--space-2);
+	padding: var(--space-1) var(--space-4);
+	border-radius: var(--radius-control);
+}
+
+.api-keys__item:hover {
+	background: var(--color-paper-2);
+}
+
+.api-keys__item-info {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+}
+
+.api-keys__item-icon {
+	color: var(--color-muted);
+}
+
+.api-keys__item-title {
+	font-weight: var(--weight-medium);
+}
+
+@media (width <= 600px) {
+	.api-keys {
+		margin: var(--space-6) auto;
+		padding: 0 var(--space-4);
+	}
+
+	.api-keys__form {
+		flex-direction: column;
+		align-items: stretch;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/settings/CompanyView.spec.ts b/frontend-vue/src/views/settings/CompanyView.spec.ts
new file mode 100644
index 000000000..e4e20e148
--- /dev/null
+++ b/frontend-vue/src/views/settings/CompanyView.spec.ts
@@ -0,0 +1,221 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { reactive } from 'vue';
+import DeleteMemberDialog from '@/components/company/DeleteMemberDialog.vue';
+import InviteMemberDialog from '@/components/company/InviteMemberDialog.vue';
+import RevokeInvitationDialog from '@/components/company/RevokeInvitationDialog.vue';
+import { type Company, type CompanyMember, CompanyMemberRole } from '@/models/company';
+import { SubscriptionPlans } from '@/models/user';
+import { buttonByText, mountAuthView } from '@/views/auth/authTestUtils';
+import CompanyView from './CompanyView.vue';
+
+const company = vi.hoisted(() => ({
+	company: null as unknown,
+	members: [] as unknown[],
+	refreshingMembers: false,
+	isCustomDomain: vi.fn(() => false),
+	fetchCompany: vi.fn(),
+	fetchCompanyMembers: vi.fn(),
+	getCustomDomain: vi.fn(),
+	updateCompanyName: vi.fn(),
+	updateCompanyMemberRole: vi.fn(),
+	suspendCompanyMember: vi.fn(),
+	restoreCompanyMember: vi.fn(),
+}));
+const user = vi.hoisted(() => ({ currentUser: null as { email: string } | null, fetchUser: vi.fn() }));
+const open = vi.hoisted(() => vi.fn());
+const trackAuthEvent = vi.hoisted(() => vi.fn());
+
+vi.mock('@/stores/company', () => ({ useCompanyStore: () => reactive(company) }));
+vi.mock('@/stores/user', () => ({ useUserStore: () => reactive(user) }));
+vi.mock('@/stores/ui-settings', () => ({
+	useUiSettingsStore: () => ({ getUiSettings: () => Promise.resolve(null), updateGlobalSetting: vi.fn() }),
+}));
+vi.mock('@/composables/useDialog', () => ({ useDialog: () => ({ open }) }));
+vi.mock('@/components/auth/analytics', () => ({ trackAuthEvent }));
+
+const mockCompany: Company = {
+	id: 'company-12345678',
+	name: 'My company',
+	subscriptionLevel: SubscriptionPlans.free,
+	address: {},
+	connections: [],
+	invitations: [
+		{
+			id: 'invitation1',
+			verification_string: 'verification_string_12345678',
+			groupId: '',
+			inviterId: 'user1',
+			invitedUserEmail: 'admin1@test.com',
+			role: CompanyMemberRole.CAO,
+		},
+	],
+};
+
+function member(overrides: Partial<CompanyMember>): CompanyMember {
+	return {
+		id: 'id',
+		isActive: true,
+		email: 'x@test.com',
+		name: '',
+		is_2fa_enabled: false,
+		role: CompanyMemberRole.Member,
+		has_groups: false,
+		user_membership: [],
+		...overrides,
+	};
+}
+
+const mockMembers = [
+	member({ id: '61582cb5', email: 'user1@test.com', name: 'User 3333', role: CompanyMemberRole.Member }),
+	member({ id: 'a06ee7bf', email: 'admin0@test.com', role: CompanyMemberRole.CAO, isActive: false }),
+];
+
+const mountPage = () => mountAuthView(CompanyView, '/company');
+
+describe('CompanyView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		company.company = null;
+		company.members = [];
+		company.refreshingMembers = false;
+		// Through the reactive proxy, so the page sees the store state change.
+		company.fetchCompany.mockImplementation(() => {
+			const fresh = structuredClone(mockCompany);
+			reactive(company).company = fresh;
+			return Promise.resolve(fresh);
+		});
+		company.fetchCompanyMembers.mockImplementation(() => {
+			reactive(company).members = mockMembers;
+			return Promise.resolve(mockMembers);
+		});
+		company.getCustomDomain.mockResolvedValue({ success: false });
+		company.updateCompanyName.mockResolvedValue(undefined);
+		company.updateCompanyMemberRole.mockResolvedValue({});
+		company.suspendCompanyMember.mockResolvedValue({});
+		user.currentUser = { email: 'admin0@test.com' };
+	});
+
+	it('loads the company, then its members and custom domain', async () => {
+		const { wrapper } = await mountPage();
+
+		expect(company.fetchCompany).toHaveBeenCalled();
+		expect(company.fetchCompanyMembers).toHaveBeenCalledWith('company-12345678');
+		expect(company.getCustomDomain).toHaveBeenCalledWith('company-12345678');
+		expect(document.title).toBe('Company settings | Rocketadmin');
+		expect(wrapper.text()).toContain('My company company settings');
+		wrapper.unmount();
+	});
+
+	it('lists the account owner first, then the other members, then the invitations', async () => {
+		const { wrapper } = await mountPage();
+
+		const emails = wrapper.findAll('[data-testid^="company-member-email-"]').map((cell) => cell.text());
+		expect(emails).toEqual(['admin0@test.com', 'user1@test.com', 'admin1@test.com']);
+		expect(wrapper.find('[data-testid="company-member-name-1-cell"]').text()).toBe('User 3333');
+		expect(wrapper.find('[data-testid="company-member-name-0-cell"]').text()).toBe('—');
+		// The invitation row offers Revoke; the only owner cannot be deleted.
+		expect(wrapper.find('[data-testid="company-member-revoke-2-button"]').exists()).toBe(true);
+		expect(wrapper.find('[data-testid="company-member-delete-0-button"]').exists()).toBe(false);
+		expect(wrapper.find('[data-testid="company-member-delete-1-button"]').exists()).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('shows the role as text for the only owner and as a menu for other members', async () => {
+		const { wrapper } = await mountPage();
+
+		expect(wrapper.find('[data-testid="company-member-user-role-0-cell"]').text()).toBe('Account Owner');
+		expect(wrapper.find('[data-testid="company-member-role-1-menu"]').exists()).toBe(true);
+		expect(wrapper.find('[data-testid="company-member-user-role-2-cell"]').text()).toBe('Account Owner');
+		wrapper.unmount();
+	});
+
+	it('hides admin controls from members', async () => {
+		user.currentUser = { email: 'user1@test.com' };
+		const { wrapper } = await mountPage();
+
+		expect(wrapper.find('[data-testid="company-name-input"]').exists()).toBe(false);
+		expect(wrapper.find('[data-testid="company-invitation-button"]').exists()).toBe(false);
+		expect(wrapper.find('[data-testid^="company-member-active-"]').exists()).toBe(false);
+		expect(wrapper.find('[data-testid^="company-member-delete-"]').exists()).toBe(false);
+		expect(wrapper.findAll('th').map((th) => th.text())).toEqual(['Email', 'Name', 'Role', '2fa', 'Access']);
+		wrapper.unmount();
+	});
+
+	it('opens the invite dialog with the company', async () => {
+		const { wrapper } = await mountPage();
+
+		await wrapper.find('[data-testid="company-invitation-button"]').trigger('click');
+		expect(open).toHaveBeenCalledWith(InviteMemberDialog, { data: expect.objectContaining({ id: mockCompany.id }) });
+		expect(trackAuthEvent).toHaveBeenCalledWith('Company: invite member is clicked');
+		wrapper.unmount();
+	});
+
+	it('opens the delete member dialog with the company id and member', async () => {
+		const { wrapper } = await mountPage();
+
+		await wrapper.find('[data-testid="company-member-delete-1-button"]').trigger('click');
+		expect(open).toHaveBeenCalledWith(DeleteMemberDialog, {
+			data: { companyId: 'company-12345678', user: { id: '61582cb5', email: 'user1@test.com', name: 'User 3333' } },
+		});
+		wrapper.unmount();
+	});
+
+	it('opens the revoke invitation dialog with the company id and email', async () => {
+		const { wrapper } = await mountPage();
+
+		await wrapper.find('[data-testid="company-member-revoke-2-button"]').trigger('click');
+		expect(open).toHaveBeenCalledWith(RevokeInvitationDialog, {
+			data: { companyId: 'company-12345678', userEmail: 'admin1@test.com' },
+		});
+		wrapper.unmount();
+	});
+
+	it('saves the company name once it was edited', async () => {
+		const { wrapper } = await mountPage();
+		expect(buttonByText(wrapper, 'Save').attributes('disabled')).toBeDefined();
+
+		await wrapper.find('[data-testid="company-name-input"]').setValue('New company name');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(company.updateCompanyName).toHaveBeenCalledWith('company-12345678', 'New company name');
+		expect(trackAuthEvent).toHaveBeenCalledWith('Company: company name is updated successfully');
+		wrapper.unmount();
+	});
+
+	it('updates a member role from the role menu', async () => {
+		const { wrapper } = await mountPage();
+
+		const menu = wrapper.find('[data-testid="company-member-role-1-menu"]');
+		const ownerItem = menu.findAll('[role="menuitem"]').find((item) => item.text().startsWith('Account Owner'));
+		await ownerItem?.trigger('click');
+		await flushPromises();
+
+		expect(company.updateCompanyMemberRole).toHaveBeenCalledWith('company-12345678', '61582cb5', 'ADMIN');
+		expect(trackAuthEvent).toHaveBeenCalledWith('Company: role is updated successfully');
+		wrapper.unmount();
+	});
+
+	it('suspends a member from the toggle; the last active owner cannot suspend themselves', async () => {
+		const { wrapper } = await mountPage();
+
+		expect(wrapper.find('[data-testid="company-member-active-0-toggle"]').attributes('disabled')).toBeDefined();
+		await wrapper.find('[data-testid="company-member-active-1-toggle"]').setValue(true);
+		await flushPromises();
+
+		expect(company.suspendCompanyMember).toHaveBeenCalledWith('company-12345678', ['user1@test.com']);
+		expect(trackAuthEvent).toHaveBeenCalledWith('Company: member is suspended');
+		wrapper.unmount();
+	});
+
+	it('shows the table placeholder while members are refreshed', async () => {
+		const { wrapper } = await mountPage();
+		reactive(company).refreshingMembers = true;
+		await flushPromises();
+
+		expect(wrapper.find('table').exists()).toBe(false);
+		expect(wrapper.find('[role="status"]').exists()).toBe(true);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/settings/CompanyView.vue b/frontend-vue/src/views/settings/CompanyView.vue
new file mode 100644
index 000000000..c0d25e2e0
--- /dev/null
+++ b/frontend-vue/src/views/settings/CompanyView.vue
@@ -0,0 +1,442 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/company (/company): the company name, and the members table
+// with pending invitations — roles, suspension, connection access, invite / delete / revoke.
+//
+// The store keeps company, members and custom domain as state and refreshes what each mutation
+// changed (Angular refetched on `company.cast` events), so this page renders from the store.
+//
+// The custom domain is fetched on load like Angular did, but Angular's template renders no domain
+// section any more (its handlers are unused), so there is none here either; DeleteDomainDialog is
+// ported for parity.
+import { orderBy } from 'lodash-es';
+import { computed, onMounted, ref, watch } from 'vue';
+import { trackAuthEvent } from '@/components/auth/analytics';
+import CompanyMemberAccess from '@/components/company/CompanyMemberAccess.vue';
+import CompanyRoleMenu from '@/components/company/CompanyRoleMenu.vue';
+import { COMPANY_ROLE_NAMES } from '@/components/company/companyRoles';
+import DeleteMemberDialog, { type DeleteMemberDialogData } from '@/components/company/DeleteMemberDialog.vue';
+import InviteMemberDialog from '@/components/company/InviteMemberDialog.vue';
+import RevokeInvitationDialog, {
+	type RevokeInvitationDialogData,
+} from '@/components/company/RevokeInvitationDialog.vue';
+import ProfileLayout from '@/components/profile/ProfileLayout.vue';
+import PlaceholderCompany from '@/components/skeletons/PlaceholderCompany.vue';
+import PlaceholderTableData from '@/components/skeletons/PlaceholderTableData.vue';
+import { type TableColumn, UiButton, UiField, UiIcon, UiInput, UiSwitch, UiTable, vTooltip } from '@/components/ui';
+import { useDialog } from '@/composables/useDialog';
+import { environment } from '@/environment';
+import {
+	type CompanyMember,
+	type CompanyMemberInvitation,
+	CompanyMemberRole,
+	type CompanyMembershipConnection,
+} from '@/models/company';
+import type { RegistrationProvider } from '@/models/user';
+import { useCompanyStore } from '@/stores/company';
+import { useUserStore } from '@/stores/user';
+
+/** A members-table row: a member, or a pending invitation (`invitedUserEmail` set, `pending: true`). */
+export interface CompanyTableRow {
+	id: string;
+	email: string;
+	role: CompanyMemberRole;
+	name?: string;
+	invitedUserEmail?: string;
+	pending?: boolean;
+	is_2fa_enabled?: boolean;
+	suspended?: boolean;
+	has_groups?: boolean;
+	user_membership?: CompanyMembershipConnection[];
+	externalRegistrationProvider?: RegistrationProvider | null;
+}
+
+const AUTH_PROVIDER_ICONS: Record<string, string> = {
+	GOOGLE: '/assets/icons/google.svg',
+	GITHUB: '/assets/icons/github.svg',
+};
+
+const companyStore = useCompanyStore();
+const userStore = useUserStore();
+const dialog = useDialog();
+const isSaas = environment.saas;
+
+const companyName = ref('');
+const nameDirty = ref(false);
+const submittingChangedName = ref(false);
+const submittingUsersChange = ref(false);
+const loaded = ref(false);
+
+const company = computed(() => companyStore.company);
+
+const currentUser = computed<CompanyMember | undefined>(() => {
+	const email = userStore.currentUser?.email;
+	return email ? companyStore.members.find((member) => member.email === email) : undefined;
+});
+const isAdmin = computed(() => currentUser.value?.role === CompanyMemberRole.CAO);
+
+const adminsCount = computed(
+	() => companyStore.members.filter((member) => member.role === CompanyMemberRole.CAO).length,
+);
+const unsuspendedAdminsCount = computed(
+	() => companyStore.members.filter((member) => member.role === CompanyMemberRole.CAO && !member.suspended).length,
+);
+
+/** Members by role then email, the signed-in account owner first, then the pending invitations. */
+const members = computed<CompanyTableRow[]>(() => {
+	const sorted: CompanyTableRow[] = orderBy(companyStore.members, ['role', 'email']);
+	const me = currentUser.value;
+	if (me?.role === CompanyMemberRole.CAO) {
+		const index = sorted.findIndex((member) => member.email === me.email);
+		if (index !== -1) sorted.unshift(...sorted.splice(index, 1));
+	}
+	const invitations = (company.value?.invitations ?? []).map(
+		(invitee: CompanyMemberInvitation): CompanyTableRow => ({
+			...invitee,
+			email: invitee.invitedUserEmail,
+			pending: true,
+		}),
+	);
+	return [...sorted, ...invitations];
+});
+
+const columns = computed<TableColumn<CompanyTableRow>[]>(() => [
+	{ key: 'email', label: 'Email' },
+	{ key: 'name', label: 'Name' },
+	{ key: 'role', label: 'Role' },
+	{ key: 'twoFA', label: '2fa' },
+	...(isAdmin.value ? [{ key: 'active', label: 'Suspended', align: 'center' as const }] : []),
+	{ key: 'access', label: 'Access', align: 'center' },
+]);
+
+const showUsersPlaceholder = computed(() => submittingUsersChange.value || companyStore.refreshingMembers);
+
+watch(
+	() => company.value?.name,
+	(name) => {
+		companyName.value = name ?? '';
+	},
+	{ immediate: true },
+);
+
+onMounted(async () => {
+	document.title = 'Company settings | Rocketadmin';
+	if (!userStore.currentUser) userStore.fetchUser().catch(() => {});
+	try {
+		const fresh = await companyStore.fetchCompany();
+		await companyStore.fetchCompanyMembers(fresh.id);
+		loaded.value = true;
+		if (!(companyStore.isCustomDomain() && isSaas)) companyStore.getCustomDomain(fresh.id).catch(() => {});
+	} catch {
+		// The store has shown the error.
+	}
+});
+
+function canChangeRole(row: CompanyTableRow): boolean {
+	return isAdmin.value && (adminsCount.value > 1 || row.role !== CompanyMemberRole.CAO) && !row.invitedUserEmail;
+}
+
+function canDelete(row: CompanyTableRow): boolean {
+	return (
+		(adminsCount.value > 1 && isAdmin.value) ||
+		row.role === CompanyMemberRole.Member ||
+		row.role === CompanyMemberRole.SystemAdmin
+	);
+}
+
+function suspendDisabled(row: CompanyTableRow): boolean {
+	return (
+		unsuspendedAdminsCount.value === 1 && row.role === CompanyMemberRole.CAO && currentUser.value?.email === row.email
+	);
+}
+
+function handleAddMemberDialogOpen() {
+	trackAuthEvent('Company: invite member is clicked');
+	if (company.value) dialog.open(InviteMemberDialog, { data: company.value });
+}
+
+function handleDeleteMemberDialogOpen(user: CompanyTableRow) {
+	trackAuthEvent('Company: Delete member is clicked');
+	if (!company.value) return;
+	const data: DeleteMemberDialogData = {
+		companyId: company.value.id,
+		user: { id: user.id, email: user.email, name: user.name ?? '' },
+	};
+	dialog.open(DeleteMemberDialog, { data });
+}
+
+function handleRevokeInvitationDialogOpen(userEmail: string) {
+	trackAuthEvent('Company: Revoke invitation is clicked');
+	if (!company.value) return;
+	const data: RevokeInvitationDialogData = { companyId: company.value.id, userEmail };
+	dialog.open(RevokeInvitationDialog, { data });
+}
+
+async function changeCompanyName() {
+	if (!company.value) return;
+	submittingChangedName.value = true;
+	try {
+		await companyStore.updateCompanyName(company.value.id, companyName.value);
+		trackAuthEvent('Company: company name is updated successfully');
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submittingChangedName.value = false;
+	}
+}
+
+async function updateRole(userId: string, role: CompanyMemberRole) {
+	if (!company.value) return;
+	submittingUsersChange.value = true;
+	try {
+		await companyStore.updateCompanyMemberRole(company.value.id, userId, role);
+		trackAuthEvent('Company: role is updated successfully');
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submittingUsersChange.value = false;
+	}
+}
+
+async function switchSuspendance(isSuspendance: boolean, memberEmail: string) {
+	if (!company.value) return;
+	trackAuthEvent('Company: suspend user is toggled', { enable: !isSuspendance });
+	submittingUsersChange.value = true;
+	try {
+		if (isSuspendance) {
+			await companyStore.suspendCompanyMember(company.value.id, [memberEmail]);
+			trackAuthEvent('Company: member is suspended');
+		} else {
+			await companyStore.restoreCompanyMember(company.value.id, [memberEmail]);
+			trackAuthEvent('Company: member is restored');
+		}
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submittingUsersChange.value = false;
+	}
+}
+</script>
+
+<template>
+	<ProfileLayout active-tab="company">
+		<PlaceholderCompany v-if="!loaded || !company || !currentUser" class="company__placeholder" />
+
+		<div v-else class="company">
+			<h1 class="company__title"><strong>{{ companyName }}</strong> company settings</h1>
+
+			<form v-if="isAdmin" class="company__name-form" novalidate @submit.prevent="changeCompanyName">
+				<UiField label="Company name" class="company__name-field">
+					<UiInput
+						v-model="companyName"
+						name="company-name"
+						data-testid="company-name-input"
+						:disabled="submittingChangedName"
+						@input="nameDirty = true"
+						@change="trackAuthEvent('Company: company name is edited')"
+					/>
+				</UiField>
+				<UiButton type="submit" variant="ghost" :disabled="!nameDirty || submittingChangedName">
+					{{ submittingChangedName ? 'Saving' : 'Save' }}
+				</UiButton>
+			</form>
+
+			<div class="company__table-header">
+				<h2 class="company__heading">Members</h2>
+				<UiButton v-if="isAdmin" data-testid="company-invitation-button" @click="handleAddMemberDialogOpen">
+					Invite member
+				</UiButton>
+			</div>
+
+			<PlaceholderTableData v-if="showUsersPlaceholder" />
+			<UiTable
+				v-else-if="members.length"
+				:columns="columns"
+				:rows="members"
+				row-key="email"
+				label="Company members"
+				actions-label=""
+				class="company__members"
+			>
+				<template #cell-email="{ row, index }">
+					<span class="company__email" :data-testid="`company-member-email-${index}-cell`">
+						<UiIcon
+							v-if="row.externalRegistrationProvider === null"
+							v-tooltip="'Email registration'"
+							name="mail"
+							size="sm"
+							class="company__email-icon"
+						/>
+						<img
+							v-else-if="row.externalRegistrationProvider"
+							v-tooltip="`${row.externalRegistrationProvider} registration`"
+							:src="AUTH_PROVIDER_ICONS[row.externalRegistrationProvider]"
+							:alt="`${row.externalRegistrationProvider} registration`"
+							class="company__email-icon"
+						>
+						<span>{{ row.email }}</span>
+					</span>
+				</template>
+
+				<template #cell-name="{ row, index }">
+					<span v-if="!row.invitedUserEmail" class="company__name" :data-testid="`company-member-name-${index}-cell`">
+						{{ row.name || '—' }}
+					</span>
+				</template>
+
+				<template #cell-role="{ row, index }">
+					<CompanyRoleMenu
+						v-if="canChangeRole(row)"
+						:role="row.role"
+						:label="`Role of ${row.email}`"
+						:data-testid="`company-member-role-${index}-menu`"
+						@open="trackAuthEvent('Company: role is clicked')"
+						@select="updateRole(row.id, $event)"
+					/>
+					<span v-else class="company__role" :data-testid="`company-member-user-role-${index}-cell`">
+						{{ COMPANY_ROLE_NAMES[row.role] }}
+					</span>
+				</template>
+
+				<template #cell-twoFA="{ row, index }">
+					<template v-if="!row.invitedUserEmail">
+						<UiIcon
+							v-if="row.is_2fa_enabled"
+							name="done"
+							label="2FA enabled"
+							class="company__two-fa--on"
+							:data-testid="`company-member-2fa-${index}-enabled-icon`"
+						/>
+						<UiIcon v-else name="remove" label="2FA disabled" :data-testid="`company-member-2fa-${index}-disabled-icon`" />
+					</template>
+				</template>
+
+				<template #cell-active="{ row, index }">
+					<UiSwitch
+						v-if="!row.invitedUserEmail"
+						:model-value="Boolean(row.suspended)"
+						:disabled="suspendDisabled(row)"
+						:aria-label="`Suspend ${row.email}`"
+						:data-testid="`company-member-active-${index}-toggle`"
+						@update:model-value="switchSuspendance($event, row.email)"
+					/>
+				</template>
+
+				<template #header-access="{ column }">
+					<span v-tooltip="'Access to connection'">{{ column.label }}</span>
+				</template>
+				<template #cell-access="{ row }">
+					<CompanyMemberAccess
+						v-if="!row.invitedUserEmail"
+						:member="{ has_groups: Boolean(row.has_groups), user_membership: row.user_membership ?? [] }"
+					/>
+				</template>
+
+				<template v-if="isAdmin" #actions="{ row, index }">
+					<UiButton
+						v-if="row.invitedUserEmail"
+						variant="danger"
+						size="sm"
+						:data-testid="`company-member-revoke-${index}-button`"
+						@click="handleRevokeInvitationDialogOpen(row.email)"
+					>
+						Revoke
+					</UiButton>
+					<UiButton
+						v-else-if="canDelete(row)"
+						variant="danger"
+						size="sm"
+						:data-testid="`company-member-delete-${index}-button`"
+						@click="handleDeleteMemberDialogOpen(row)"
+					>
+						Delete
+					</UiButton>
+				</template>
+			</UiTable>
+		</div>
+	</ProfileLayout>
+</template>
+
+<style scoped>
+.company,
+.company__placeholder {
+	max-width: 1200px;
+	margin: var(--space-10) auto;
+	padding: 0 clamp(var(--space-10), 5vw, 100px);
+}
+
+.company__title {
+	margin: 0 0 var(--space-10);
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-regular);
+	color: var(--color-ink);
+}
+
+.company__name-form {
+	display: flex;
+	align-items: flex-end;
+	gap: var(--space-2);
+}
+
+.company__name-field {
+	flex: 1;
+}
+
+.company__table-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin: var(--space-6) 0 var(--space-4);
+}
+
+.company__heading {
+	margin: 0;
+	font-size: var(--text-md);
+	font-weight: var(--weight-semibold);
+}
+
+.company__members {
+	margin-bottom: var(--space-8);
+}
+
+.company__email {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	max-width: 216px;
+	overflow-wrap: anywhere;
+}
+
+.company__email-icon {
+	flex: none;
+	width: var(--space-4);
+	height: var(--space-4);
+}
+
+.company__name {
+	display: block;
+	max-width: 200px;
+	overflow-wrap: anywhere;
+}
+
+.company__role {
+	padding: 0 var(--space-2);
+}
+
+.company__two-fa--on {
+	color: var(--color-accent);
+}
+
+@media (width <= 600px) {
+	.company,
+	.company__placeholder {
+		margin: var(--space-6) auto;
+		padding: 0 var(--space-4);
+	}
+
+	.company__email,
+	.company__name {
+		max-width: 100%;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/settings/SecretsView.spec.ts b/frontend-vue/src/views/settings/SecretsView.spec.ts
new file mode 100644
index 000000000..09c6d029d
--- /dev/null
+++ b/frontend-vue/src/views/settings/SecretsView.spec.ts
@@ -0,0 +1,257 @@
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { defineComponent, h, reactive } from 'vue';
+import CreateSecretDialog from '@/components/secrets/CreateSecretDialog.vue';
+import DeleteSecretDialog from '@/components/secrets/DeleteSecretDialog.vue';
+import EditSecretDialog from '@/components/secrets/EditSecretDialog.vue';
+import SecretAuditLogDialog from '@/components/secrets/SecretAuditLogDialog.vue';
+import { useDialogsStore } from '@/composables/useDialog';
+import type { Secret, SecretListResponse, SecretPagination } from '@/models/secret';
+import SecretsView from './SecretsView.vue';
+
+const store = vi.hoisted(() => ({
+	secrets: [] as Secret[],
+	pagination: null as SecretPagination | null,
+	loading: false,
+	fetchSecrets: vi.fn(),
+}));
+const trackEvent = vi.hoisted(() => vi.fn());
+vi.mock('@/stores/secrets', () => ({ useSecretsStore: () => storeState }));
+vi.mock('@/composables/useAnalytics', () => ({ trackEvent }));
+vi.mock('posthog-js', () => ({ default: { capture: vi.fn() } }));
+
+const storeState = reactive(store);
+
+const secret: Secret = {
+	id: '1',
+	slug: 'test-secret',
+	companyId: '1',
+	createdAt: '2024-01-01',
+	updatedAt: '2024-01-01T10:00:00Z',
+	masterEncryption: false,
+};
+
+function respond(data: Secret[], pagination: Partial<SecretPagination> = {}): SecretListResponse {
+	return { data, pagination: { total: data.length, currentPage: 1, perPage: 20, lastPage: 1, ...pagination } };
+}
+
+/** Makes fetchSecrets behave like the store: it sets the page on screen and returns it. */
+function serve(response: SecretListResponse) {
+	storeState.fetchSecrets.mockImplementation(() => {
+		storeState.secrets = response.data;
+		storeState.pagination = response.pagination;
+		return Promise.resolve(response);
+	});
+}
+
+const ProfileLayoutStub = defineComponent({
+	props: { activeTab: { type: String, required: true } },
+	setup:
+		(props, { slots }) =>
+		() =>
+			h('div', { 'data-testid': 'profile-layout', 'data-tab': props.activeTab }, slots.default?.()),
+});
+
+let wrapper: VueWrapper;
+
+async function mountPage() {
+	setActivePinia(createPinia());
+	wrapper = mount(SecretsView, {
+		attachTo: document.body,
+		global: { stubs: { ProfileLayout: ProfileLayoutStub } },
+	});
+	await flushPromises();
+}
+
+const byTestId = (id: string) => wrapper.find(`[data-testid="${id}"]`);
+const lastDialog = () => useDialogsStore().entries.at(-1);
+
+describe('SecretsView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		storeState.secrets = [];
+		storeState.pagination = null;
+		storeState.loading = false;
+		serve(respond([secret]));
+	});
+
+	afterEach(() => {
+		wrapper.unmount();
+		vi.useRealTimers();
+	});
+
+	it('renders in the profile layout with the secrets tab active', async () => {
+		await mountPage();
+		expect(byTestId('profile-layout').attributes('data-tab')).toBe('secrets');
+		expect(wrapper.find('h1').text()).toBe('Company Secrets');
+	});
+
+	it('loads the first page of 20 secrets without a search', async () => {
+		await mountPage();
+		expect(storeState.fetchSecrets).toHaveBeenCalledWith(1, 20, undefined);
+		expect(byTestId('secret-slug-0-cell').text()).toBe('test-secret');
+		expect(byTestId('secrets-paginator').exists()).toBe(true);
+	});
+
+	it('shows the skeleton until the first page arrives', async () => {
+		storeState.fetchSecrets.mockReturnValue(new Promise(() => {}));
+		await mountPage();
+		expect(wrapper.find('[role="status"][aria-label="Loading secrets"]').exists()).toBe(true);
+		expect(wrapper.find('table').exists()).toBe(false);
+	});
+
+	it('shows the skeleton while the store reloads after a change', async () => {
+		await mountPage();
+		storeState.loading = true;
+		await flushPromises();
+		expect(wrapper.find('[aria-label="Loading secrets"]').exists()).toBe(true);
+	});
+
+	it('shows the empty state with a create button when there are no secrets', async () => {
+		serve(respond([]));
+		await mountPage();
+		expect(byTestId('secrets-empty').text()).toContain('No secrets found');
+		expect(byTestId('secrets-empty').text()).toContain('Create your first secret to securely store sensitive data.');
+		expect(wrapper.find('table').exists()).toBe(false);
+		expect(byTestId('secrets-paginator').exists()).toBe(false);
+
+		await byTestId('secrets-empty-create-button').trigger('click');
+		expect(lastDialog()?.component).toBe(CreateSecretDialog);
+	});
+
+	describe('cells', () => {
+		it('shows the encryption kind', async () => {
+			serve(respond([secret, { ...secret, id: '2', slug: 'locked', masterEncryption: true }]));
+			await mountPage();
+			expect(byTestId('secret-encryption-0-cell').find('[aria-label="Standard encryption"]').exists()).toBe(true);
+			expect(byTestId('secret-encryption-1-cell').find('[aria-label="Protected with master password"]').exists()).toBe(
+				true,
+			);
+		});
+
+		it('shows Never, Expired, an expiring-soon warning or the date', async () => {
+			const soon = new Date(Date.now() + 3 * 24 * 60 * 60 * 1000).toISOString();
+			serve(
+				respond([
+					secret,
+					{ ...secret, id: '2', expiresAt: '2024-01-01T00:00:00Z' },
+					{ ...secret, id: '3', expiresAt: soon },
+					{ ...secret, id: '4', expiresAt: '2099-03-04T12:00:00Z' },
+				]),
+			);
+			await mountPage();
+			expect(byTestId('secret-expires-0-cell').text()).toBe('Never');
+			expect(byTestId('secret-expires-1-cell').text()).toContain('Expired');
+			expect(byTestId('secret-expires-2-cell').find('.secrets__badge--expiring').exists()).toBe(true);
+			expect(byTestId('secret-expires-3-cell').text()).toBe('Mar 4, 2099');
+		});
+
+		it('shows the last update as a medium date-time', async () => {
+			await mountPage();
+			expect(byTestId('secret-updated-0-cell').text()).toMatch(/^Jan 1, 2024, \d{1,2}:00:00 (AM|PM)$/);
+		});
+	});
+
+	describe('dialogs', () => {
+		it('opens the create dialog and tracks it', async () => {
+			await mountPage();
+			await byTestId('create-secret-button').trigger('click');
+			expect(lastDialog()?.component).toBe(CreateSecretDialog);
+			expect(trackEvent).toHaveBeenCalledWith('Secrets: create secret dialog opened');
+		});
+
+		it('opens the edit dialog with the secret', async () => {
+			await mountPage();
+			await byTestId('secret-edit-0-menu-item').trigger('click');
+			expect(lastDialog()?.component).toBe(EditSecretDialog);
+			expect(lastDialog()?.data).toEqual({ secret });
+			expect(trackEvent).toHaveBeenCalledWith('Secrets: edit secret dialog opened');
+		});
+
+		it('does not offer editing an expired secret', async () => {
+			serve(respond([{ ...secret, expiresAt: '2024-01-01T00:00:00Z' }]));
+			await mountPage();
+			expect(byTestId('secret-edit-0-menu-item').attributes('aria-disabled')).toBe('true');
+			await byTestId('secret-edit-0-menu-item').trigger('click');
+			expect(useDialogsStore().entries).toHaveLength(0);
+		});
+
+		it('opens the audit log dialog with the secret', async () => {
+			await mountPage();
+			await byTestId('secret-audit-0-menu-item').trigger('click');
+			expect(lastDialog()?.component).toBe(SecretAuditLogDialog);
+			expect(lastDialog()?.data).toEqual({ secret });
+			expect(trackEvent).toHaveBeenCalledWith('Secrets: audit log dialog opened');
+		});
+
+		it('opens the delete dialog with the secret', async () => {
+			await mountPage();
+			await byTestId('secret-delete-0-menu-item').trigger('click');
+			expect(lastDialog()?.component).toBe(DeleteSecretDialog);
+			expect(lastDialog()?.data).toEqual({ secret });
+			expect(trackEvent).toHaveBeenCalledWith('Secrets: delete secret dialog opened');
+		});
+	});
+
+	describe('paging', () => {
+		it('loads the page the paginator asks for', async () => {
+			serve(respond([secret], { total: 100, lastPage: 5 }));
+			await mountPage();
+			storeState.fetchSecrets.mockClear();
+
+			await wrapper.find('button[aria-label="Next page"]').trigger('click');
+			await flushPromises();
+
+			expect(storeState.fetchSecrets).toHaveBeenCalledWith(2, 20, undefined);
+		});
+	});
+
+	describe('search', () => {
+		it('searches 300ms after typing stops, from page 1', async () => {
+			vi.useFakeTimers();
+			serve(respond([secret], { total: 100, lastPage: 5 }));
+			await mountPage();
+			await wrapper.find('button[aria-label="Next page"]').trigger('click');
+			await flushPromises();
+			storeState.fetchSecrets.mockClear();
+
+			await byTestId('secrets-search-input').setValue('api');
+			await byTestId('secrets-search-input').setValue('api-key');
+			vi.advanceTimersByTime(299);
+			expect(storeState.fetchSecrets).not.toHaveBeenCalled();
+
+			vi.advanceTimersByTime(1);
+			await flushPromises();
+			expect(storeState.fetchSecrets).toHaveBeenCalledTimes(1);
+			expect(storeState.fetchSecrets).toHaveBeenCalledWith(1, 20, 'api-key');
+		});
+
+		it('does not search again for the same query', async () => {
+			vi.useFakeTimers();
+			await mountPage();
+			await byTestId('secrets-search-input').setValue('api-key');
+			vi.advanceTimersByTime(300);
+			await flushPromises();
+			storeState.fetchSecrets.mockClear();
+
+			await byTestId('secrets-search-input').setValue('api-ke');
+			await byTestId('secrets-search-input').setValue('api-key');
+			vi.advanceTimersByTime(300);
+			await flushPromises();
+			expect(storeState.fetchSecrets).not.toHaveBeenCalled();
+		});
+
+		it('says nothing matched a search', async () => {
+			vi.useFakeTimers();
+			await mountPage();
+			serve(respond([]));
+			await byTestId('secrets-search-input').setValue('nothing');
+			vi.advanceTimersByTime(300);
+			await flushPromises();
+
+			expect(byTestId('secrets-empty').text()).toContain('No secrets match your search criteria.');
+			expect(byTestId('secrets-empty-create-button').exists()).toBe(false);
+		});
+	});
+});
diff --git a/frontend-vue/src/views/settings/SecretsView.vue b/frontend-vue/src/views/settings/SecretsView.vue
new file mode 100644
index 000000000..a12430d56
--- /dev/null
+++ b/frontend-vue/src/views/settings/SecretsView.vue
@@ -0,0 +1,441 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/secrets (/secrets): the company's secrets vault — a searchable,
+// paged list of secrets with their encryption and expiry, and the create / edit / audit log / delete
+// dialogs. The dialogs change secrets through the secrets store, which reloads the page on screen
+// (Angular's `secrets.cast` subscription).
+import { computed, onMounted, onUnmounted, ref } from 'vue';
+import ProfileLayout from '@/components/profile/ProfileLayout.vue';
+import CreateSecretDialog from '@/components/secrets/CreateSecretDialog.vue';
+import DeleteSecretDialog from '@/components/secrets/DeleteSecretDialog.vue';
+import EditSecretDialog from '@/components/secrets/EditSecretDialog.vue';
+import SecretAuditLogDialog from '@/components/secrets/SecretAuditLogDialog.vue';
+import {
+	formatMediumDate,
+	formatMediumDateTime,
+	isExpired,
+	isExpiringSoon,
+	trackSecretsEvent,
+} from '@/components/secrets/secretUtils';
+import PlaceholderTableData from '@/components/skeletons/PlaceholderTableData.vue';
+import {
+	type PageEvent,
+	type TableColumn,
+	UiButton,
+	UiDivider,
+	UiField,
+	UiIcon,
+	UiIconButton,
+	UiInput,
+	UiMenu,
+	UiMenuItem,
+	UiPaginator,
+	UiTable,
+	vTooltip,
+} from '@/components/ui';
+import { useDialog } from '@/composables/useDialog';
+import type { Secret } from '@/models/secret';
+import { useSecretsStore } from '@/stores/secrets';
+
+const SEARCH_DEBOUNCE_MS = 300;
+
+const columns: TableColumn<Secret>[] = [
+	{ key: 'slug', label: 'Unique Identifier' },
+	{ key: 'masterEncryption', label: 'Encryption' },
+	{ key: 'expiresAt', label: 'Expires' },
+	{ key: 'updatedAt', label: 'Last Updated' },
+];
+
+const secretsStore = useSecretsStore();
+const dialog = useDialog();
+
+const page = ref(1);
+const perPage = ref(20);
+const searchQuery = ref('');
+// True until the first page arrives, like Angular's `loading = true`; the store's own flag covers
+// the reloads after a dialog changed something.
+const loadingFirstPage = ref(true);
+
+const loading = computed(() => loadingFirstPage.value || secretsStore.loading);
+const secrets = computed(() => secretsStore.secrets);
+const total = computed(() => secretsStore.pagination?.total ?? 0);
+
+let searchTimer: ReturnType<typeof setTimeout> | undefined;
+/** The last debounced query, for `distinctUntilChanged`; nothing emitted yet. */
+let lastSearched: string | undefined;
+
+onMounted(loadSecrets);
+
+onUnmounted(() => clearTimeout(searchTimer));
+
+async function loadSecrets() {
+	try {
+		const response = await secretsStore.fetchSecrets(page.value, perPage.value, searchQuery.value || undefined);
+		page.value = response.pagination.currentPage;
+		perPage.value = response.pagination.perPage;
+	} catch {
+		// The store has shown the error.
+	} finally {
+		loadingFirstPage.value = false;
+	}
+}
+
+function onSearchChange(query: string) {
+	searchQuery.value = query;
+	clearTimeout(searchTimer);
+	searchTimer = setTimeout(() => {
+		if (query === lastSearched) return;
+		lastSearched = query;
+		page.value = 1;
+		loadSecrets();
+	}, SEARCH_DEBOUNCE_MS);
+}
+
+function onPageChange(event: PageEvent) {
+	page.value = event.pageIndex + 1;
+	perPage.value = event.pageSize;
+	loadSecrets();
+}
+
+function openCreateDialog() {
+	dialog.open(CreateSecretDialog);
+	trackSecretsEvent('Secrets: create secret dialog opened');
+}
+
+function openEditDialog(secret: Secret) {
+	dialog.open(EditSecretDialog, { data: { secret } });
+	trackSecretsEvent('Secrets: edit secret dialog opened');
+}
+
+function openDeleteDialog(secret: Secret) {
+	dialog.open(DeleteSecretDialog, { data: { secret } });
+	trackSecretsEvent('Secrets: delete secret dialog opened');
+}
+
+function openAuditLogDialog(secret: Secret) {
+	dialog.open(SecretAuditLogDialog, { data: { secret } });
+	trackSecretsEvent('Secrets: audit log dialog opened');
+}
+</script>
+
+<template>
+	<ProfileLayout active-tab="secrets">
+		<div class="secrets">
+			<header class="secrets__header">
+				<h1 class="secrets__title">Company Secrets</h1>
+				<p class="secrets__description">
+					Securely store and manage sensitive information like API keys, passwords, and tokens.
+				</p>
+			</header>
+
+			<div class="secrets__toolbar">
+				<UiField label="Search secrets" class="secrets__search">
+					<div class="secrets__search-control">
+						<UiInput
+							:model-value="searchQuery"
+							type="search"
+							name="search"
+							placeholder="Search by unique identifier..."
+							class="secrets__search-input"
+							data-testid="secrets-search-input"
+							@update:model-value="onSearchChange"
+						/>
+						<UiIcon name="search" size="sm" class="secrets__search-icon" />
+					</div>
+				</UiField>
+
+				<UiButton data-testid="create-secret-button" @click="openCreateDialog">
+					<template #leading><UiIcon name="add" size="sm" /></template>
+					Create Secret
+				</UiButton>
+			</div>
+
+			<PlaceholderTableData v-if="loading" label="Loading secrets" />
+
+			<div v-else-if="secrets.length === 0" class="secrets__empty" data-testid="secrets-empty">
+				<UiIcon name="key_off" size="lg" class="secrets__empty-icon" />
+				<h3 class="secrets__empty-title">No secrets found</h3>
+				<p v-if="searchQuery" class="secrets__empty-text">No secrets match your search criteria.</p>
+				<template v-else>
+					<p class="secrets__empty-text">Create your first secret to securely store sensitive data.</p>
+					<UiButton variant="secondary" data-testid="secrets-empty-create-button" @click="openCreateDialog">
+						<template #leading><UiIcon name="add" size="sm" /></template>
+						Create Secret
+					</UiButton>
+				</template>
+			</div>
+
+			<template v-else>
+				<UiTable
+					:columns="columns"
+					:rows="secrets"
+					row-key="id"
+					label="Secrets"
+					actions-label=""
+					class="secrets__table"
+				>
+					<template #cell-slug="{ row, index }">
+						<span class="secrets__slug" :data-testid="`secret-slug-${index}-cell`">{{ row.slug }}</span>
+					</template>
+
+					<template #cell-masterEncryption="{ row, index }">
+						<span
+							v-if="row.masterEncryption"
+							v-tooltip="'Protected with master password'"
+							class="secrets__encryption secrets__encryption--master"
+							:data-testid="`secret-encryption-${index}-cell`"
+						>
+							<UiIcon name="enhanced_encryption" label="Protected with master password" />
+						</span>
+						<span
+							v-else
+							v-tooltip="'Standard encryption'"
+							class="secrets__encryption"
+							:data-testid="`secret-encryption-${index}-cell`"
+						>
+							<UiIcon name="lock" label="Standard encryption" />
+						</span>
+					</template>
+
+					<template #cell-expiresAt="{ row, index }">
+						<span :data-testid="`secret-expires-${index}-cell`">
+							<span v-if="!row.expiresAt" class="secrets__no-expiry">Never</span>
+							<span v-else-if="isExpired(row)" class="secrets__badge secrets__badge--expired">
+								<UiIcon name="error" size="sm" />
+								Expired
+							</span>
+							<span v-else-if="isExpiringSoon(row)" class="secrets__badge secrets__badge--expiring">
+								<UiIcon name="warning" size="sm" />
+								{{ formatMediumDate(row.expiresAt) }}
+							</span>
+							<span v-else>{{ formatMediumDate(row.expiresAt) }}</span>
+						</span>
+					</template>
+
+					<template #cell-updatedAt="{ row, index }">
+						<span :data-testid="`secret-updated-${index}-cell`">{{ formatMediumDateTime(row.updatedAt) }}</span>
+					</template>
+
+					<template #actions="{ row, index }">
+						<UiMenu :label="`Actions for ${row.slug}`" align="end">
+							<template #trigger="{ triggerProps }">
+								<UiIconButton
+									v-bind="triggerProps"
+									icon="more_vert"
+									:label="`Actions for ${row.slug}`"
+									:data-testid="`secret-actions-${index}-button`"
+								/>
+							</template>
+							<UiMenuItem
+								icon="edit"
+								:disabled="isExpired(row)"
+								:data-testid="`secret-edit-${index}-menu-item`"
+								@select="openEditDialog(row)"
+							>
+								Edit
+							</UiMenuItem>
+							<UiMenuItem
+								icon="history"
+								:data-testid="`secret-audit-${index}-menu-item`"
+								@select="openAuditLogDialog(row)"
+							>
+								Audit Log
+							</UiMenuItem>
+							<UiDivider />
+							<UiMenuItem
+								icon="delete"
+								variant="danger"
+								:data-testid="`secret-delete-${index}-menu-item`"
+								@select="openDeleteDialog(row)"
+							>
+								Delete
+							</UiMenuItem>
+						</UiMenu>
+					</template>
+				</UiTable>
+
+				<UiPaginator
+					:length="total"
+					:page-index="page - 1"
+					:page-size="perPage"
+					:page-size-options="[10, 20, 50]"
+					label="Secrets pages"
+					data-testid="secrets-paginator"
+					@page="onPageChange"
+				/>
+			</template>
+		</div>
+	</ProfileLayout>
+</template>
+
+<style scoped>
+.secrets {
+	max-width: 1200px;
+	margin: var(--space-8) auto;
+	padding: 0 clamp(var(--space-10), 5vw, 100px);
+}
+
+.secrets__header {
+	margin-bottom: var(--space-8);
+}
+
+.secrets__title {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-2xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.secrets__description {
+	margin: var(--space-2) 0 0;
+	color: var(--color-muted);
+}
+
+.secrets__toolbar {
+	display: flex;
+	align-items: flex-end;
+	justify-content: space-between;
+	gap: var(--space-4);
+	margin-bottom: var(--space-6);
+}
+
+.secrets__search {
+	flex: 1;
+	max-width: 400px;
+}
+
+.secrets__search-control {
+	position: relative;
+}
+
+.secrets__search-control > .secrets__search-input {
+	padding-inline-end: var(--space-10);
+}
+
+.secrets__search-icon {
+	position: absolute;
+	inset-block-start: 50%;
+	inset-inline-end: var(--space-3);
+	transform: translateY(-50%);
+	color: var(--color-muted);
+	pointer-events: none;
+}
+
+.secrets__table {
+	margin-bottom: var(--space-4);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-card);
+}
+
+.secrets__slug {
+	font-weight: var(--weight-medium);
+	overflow-wrap: anywhere;
+}
+
+.secrets__encryption {
+	display: inline-flex;
+	color: var(--color-muted);
+}
+
+.secrets__encryption--master {
+	color: var(--color-accent);
+}
+
+.secrets__no-expiry {
+	color: var(--color-muted);
+}
+
+.secrets__badge {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-1);
+	font-weight: var(--weight-medium);
+}
+
+.secrets__badge--expired {
+	color: var(--color-danger);
+}
+
+.secrets__badge--expiring {
+	color: var(--color-warning);
+}
+
+.secrets__empty {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: var(--space-16) var(--space-6);
+	text-align: center;
+	border-radius: var(--radius-card);
+	background: var(--color-paper-2);
+}
+
+.secrets__empty-icon {
+	margin-bottom: var(--space-4);
+	color: var(--color-muted-soft);
+}
+
+.secrets__empty-title {
+	margin: 0 0 var(--space-2);
+	font-size: var(--text-md);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.secrets__empty-text {
+	margin: 0 0 var(--space-4);
+	color: var(--color-muted);
+}
+
+@media (width <= 600px) {
+	.secrets {
+		margin: var(--space-6) auto;
+		padding: 0 var(--space-4);
+	}
+
+	.secrets__toolbar {
+		flex-direction: column;
+		align-items: stretch;
+	}
+
+	.secrets__search {
+		max-width: 100%;
+	}
+
+	/* Each row becomes a card of "label value" lines, as in Angular. */
+	.secrets__table :deep(.ui-table__head) {
+		display: none;
+	}
+
+	.secrets__table :deep(.ui-table__table),
+	.secrets__table :deep(.ui-table__body),
+	.secrets__table :deep(.ui-table__body tr) {
+		display: block;
+	}
+
+	.secrets__table :deep(.ui-table__body tr) {
+		padding: var(--space-4) 0;
+		border-bottom: 1px solid var(--color-line);
+	}
+
+	.secrets__table :deep(.ui-table__body .ui-table__cell) {
+		display: grid;
+		grid-template-columns: 9rem 1fr;
+		gap: var(--space-3);
+		border-bottom: none;
+	}
+
+	.secrets__table :deep(.ui-table__body .ui-table__cell[data-label])::before {
+		content: attr(data-label);
+		font-weight: var(--weight-bold);
+		white-space: nowrap;
+	}
+
+	.secrets__table :deep(.ui-table__body .ui-table__actions-cell) {
+		display: flex;
+		justify-content: flex-end;
+		position: static;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/settings/UserSettingsView.spec.ts b/frontend-vue/src/views/settings/UserSettingsView.spec.ts
new file mode 100644
index 000000000..9fdd75473
--- /dev/null
+++ b/frontend-vue/src/views/settings/UserSettingsView.spec.ts
@@ -0,0 +1,161 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { reactive } from 'vue';
+import AccountDeleteDialog from '@/components/user-settings/AccountDeleteDialog.vue';
+import EnableTwoFaDialog from '@/components/user-settings/EnableTwoFaDialog.vue';
+import { CompanyMemberRole } from '@/models/company';
+import { type RegistrationProvider, SubscriptionPlans, type User } from '@/models/user';
+import { buttonByText, mountAuthView } from '@/views/auth/authTestUtils';
+import UserSettingsView from './UserSettingsView.vue';
+
+const user = vi.hoisted(() => ({
+	currentUser: null as unknown,
+	fetchUser: vi.fn(),
+	requestEmailChange: vi.fn(),
+	changeUserName: vi.fn(),
+	switchOn2FA: vi.fn(),
+	switchOff2FA: vi.fn(),
+}));
+const auth = vi.hoisted(() => ({ requestEmailVerifications: vi.fn() }));
+const open = vi.hoisted(() => vi.fn());
+const trackAuthEvent = vi.hoisted(() => vi.fn());
+
+vi.mock('@/stores/user', () => ({ useUserStore: () => reactive(user) }));
+vi.mock('@/stores/auth', () => ({ useAuthStore: () => auth }));
+vi.mock('@/stores/ui-settings', () => ({
+	useUiSettingsStore: () => ({ getUiSettings: () => Promise.resolve(null), updateGlobalSetting: vi.fn() }),
+}));
+vi.mock('@/composables/useDialog', () => ({ useDialog: () => ({ open }) }));
+vi.mock('@/components/auth/analytics', () => ({ trackAuthEvent }));
+
+function makeUser(overrides: Partial<User> = {}): User {
+	return {
+		id: 'user-12345678',
+		createdAt: '2021-10-01T13:43:02.034Z',
+		isActive: true,
+		email: 'user@test.com',
+		name: 'Eric',
+		subscriptionLevel: SubscriptionPlans.free,
+		is_2fa_enabled: false,
+		role: CompanyMemberRole.Member,
+		externalRegistrationProvider: null,
+		company: { id: 'company_123' },
+		...overrides,
+	};
+}
+
+const mountPage = () => mountAuthView(UserSettingsView, '/user-settings');
+const toggle = (wrapper: Awaited<ReturnType<typeof mountPage>>['wrapper']) =>
+	wrapper.find('[data-testid="two-fa-toggle"]');
+
+describe('UserSettingsView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		user.currentUser = makeUser();
+		user.requestEmailChange.mockResolvedValue({ message: 'requested' });
+		user.changeUserName.mockResolvedValue({});
+		open.mockReturnValue({ afterClosed: () => Promise.resolve('enable') });
+	});
+
+	it('shows the account and sets the title', async () => {
+		const { wrapper } = await mountPage();
+		expect(document.title).toBe('Account settings | Rocketadmin');
+		expect(wrapper.text()).toContain('user@test.com');
+		expect((wrapper.find('[data-testid="user-name-input"]').element as HTMLInputElement).value).toBe('Eric');
+		expect(wrapper.find('[data-testid="change-user-password-link"]').attributes('href')).toBe('/change-password');
+		wrapper.unmount();
+	});
+
+	it('requests an email change', async () => {
+		const { wrapper } = await mountPage();
+		await wrapper.find('[data-testid="user-settings__button"]').trigger('click');
+		await flushPromises();
+
+		expect(user.requestEmailChange).toHaveBeenCalled();
+		expect(trackAuthEvent).toHaveBeenCalledWith('User settings: email change request is sent successfully');
+		wrapper.unmount();
+	});
+
+	it('saves the name once it was edited', async () => {
+		const { wrapper } = await mountPage();
+		const save = () => wrapper.find('[data-testid="save-user-name-button"]');
+		expect(save().attributes('disabled')).toBeDefined();
+
+		await wrapper.find('[data-testid="user-name-input"]').setValue('Kyle');
+		expect(save().attributes('disabled')).toBeUndefined();
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(user.changeUserName).toHaveBeenCalledWith('Kyle');
+		wrapper.unmount();
+	});
+
+	it('opens the delete account dialog with the current user', async () => {
+		const { wrapper } = await mountPage();
+		await buttonByText(wrapper, 'Delete account').trigger('click');
+
+		expect(open).toHaveBeenCalledWith(AccountDeleteDialog, { data: makeUser() });
+		wrapper.unmount();
+	});
+
+	it('hides email and password changes for external sign-ups, and 2FA for GitHub', async () => {
+		user.currentUser = makeUser({ externalRegistrationProvider: 'GITHUB' as RegistrationProvider });
+		const { wrapper } = await mountPage();
+
+		expect(wrapper.find('[data-testid="user-settings__button"]').exists()).toBe(false);
+		expect(wrapper.find('[data-testid="change-user-password-link"]').exists()).toBe(false);
+		expect(toggle(wrapper).exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('warns about an unconfirmed email and resends the confirmation', async () => {
+		user.currentUser = makeUser({ isActive: false });
+		auth.requestEmailVerifications.mockResolvedValue({});
+		const { wrapper } = await mountPage();
+
+		expect(wrapper.text()).toContain('Your email address is not confirmed.');
+		expect(toggle(wrapper).attributes('disabled')).toBeDefined();
+		await buttonByText(wrapper, 'Resend confirmation').trigger('click');
+		expect(auth.requestEmailVerifications).toHaveBeenCalled();
+		wrapper.unmount();
+	});
+
+	it('turning 2FA on opens the QR dialog and stays on when it is enabled', async () => {
+		user.switchOn2FA.mockResolvedValue({ qrCode: 'data:qr' });
+		const { wrapper } = await mountPage();
+		await toggle(wrapper).setValue(true);
+		await flushPromises();
+
+		expect(open).toHaveBeenCalledWith(EnableTwoFaDialog, { data: 'data:qr' });
+		expect((toggle(wrapper).element as HTMLInputElement).checked).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('turning 2FA on flips back off when the dialog is dismissed', async () => {
+		user.switchOn2FA.mockResolvedValue({ qrCode: 'data:qr' });
+		open.mockReturnValue({ afterClosed: () => Promise.resolve(undefined) });
+		const { wrapper } = await mountPage();
+		await toggle(wrapper).setValue(true);
+		await flushPromises();
+
+		expect((toggle(wrapper).element as HTMLInputElement).checked).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('turning 2FA off asks for a code and disables it', async () => {
+		user.currentUser = makeUser({ is_2fa_enabled: true });
+		user.switchOff2FA.mockResolvedValue({ disabled: true });
+		const { wrapper } = await mountPage();
+		await toggle(wrapper).setValue(false);
+
+		await wrapper.find('input[name="code"]').setValue('123456');
+		await buttonByText(wrapper, 'Disable').trigger('submit');
+		await wrapper.findAll('form')[1]?.trigger('submit');
+		await flushPromises();
+
+		expect(user.switchOff2FA).toHaveBeenCalledWith('123456');
+		expect(trackAuthEvent).toHaveBeenCalledWith('User settings: 2fa disabled successfully');
+		expect(wrapper.find('input[name="code"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/settings/UserSettingsView.vue b/frontend-vue/src/views/settings/UserSettingsView.vue
new file mode 100644
index 000000000..7bed1d3b9
--- /dev/null
+++ b/frontend-vue/src/views/settings/UserSettingsView.vue
@@ -0,0 +1,319 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/user-settings (/user-settings): the account page — name,
+// email and password changes, two-factor authentication and account deletion.
+import { computed, onMounted, ref, watch } from 'vue';
+import { trackAuthEvent } from '@/components/auth/analytics';
+import ProfileLayout from '@/components/profile/ProfileLayout.vue';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import { UiButton, UiField, UiIcon, UiInput, UiSwitch, vTooltip } from '@/components/ui';
+import AccountDeleteDialog from '@/components/user-settings/AccountDeleteDialog.vue';
+import EnableTwoFaDialog, { type EnableTwoFaResult } from '@/components/user-settings/EnableTwoFaDialog.vue';
+import { useDialog } from '@/composables/useDialog';
+import { type Alert, AlertActionType, AlertType } from '@/models/alert';
+import { useAuthStore } from '@/stores/auth';
+import { useUserStore } from '@/stores/user';
+
+const AUTH_PROVIDER_ICONS: Record<string, string> = {
+	GOOGLE: '/assets/icons/google.svg',
+	GITHUB: '/assets/icons/github.svg',
+};
+
+const userStore = useUserStore();
+const authStore = useAuthStore();
+const dialog = useDialog();
+
+const currentUser = computed(() => userStore.currentUser);
+const userName = ref('');
+const nameDirty = ref(false);
+const submittingChangedName = ref(false);
+const is2FAEnabledToggle = ref(false);
+const is2FAswitchingOffSettingsShown = ref(false);
+const authCode = ref('');
+
+const emailVerificationWarning: Alert = {
+	id: 10000001,
+	type: AlertType.Warning,
+	message: 'Your email address is not confirmed. Please check your email or resend confirmation.',
+	actions: [
+		{
+			type: AlertActionType.Button,
+			caption: 'Resend confirmation',
+			action: () => requestEmailVerification(),
+		},
+	],
+};
+
+const registeredWithEmail = computed(() => currentUser.value?.externalRegistrationProvider === null);
+const providerIcon = computed(() => {
+	const provider = currentUser.value?.externalRegistrationProvider;
+	return provider ? AUTH_PROVIDER_ICONS[provider] : undefined;
+});
+
+watch(
+	currentUser,
+	(user) => {
+		if (!user) return;
+		userName.value = user.name ?? '';
+		is2FAEnabledToggle.value = user.is_2fa_enabled;
+	},
+	{ immediate: true },
+);
+
+onMounted(() => {
+	document.title = 'Account settings | Rocketadmin';
+	// The shell loads the user after sign-in; a direct visit may get here first.
+	if (!userStore.currentUser) userStore.fetchUser().catch(() => {});
+});
+
+function requestEmailVerification() {
+	authStore.requestEmailVerifications().catch(() => {});
+}
+
+async function changeEmail() {
+	try {
+		await userStore.requestEmailChange();
+		trackAuthEvent('User settings: email change request is sent successfully');
+	} catch {
+		// The store has shown the error.
+	}
+}
+
+async function changeUserName() {
+	submittingChangedName.value = true;
+	try {
+		await userStore.changeUserName(userName.value);
+		trackAuthEvent('User settings: user name is updated successfully');
+	} catch {
+		// The store has shown the error.
+	} finally {
+		submittingChangedName.value = false;
+	}
+}
+
+async function switch2FA(checked: boolean) {
+	trackAuthEvent('User settings: 2fa is toggled', { enable: checked });
+	const user = currentUser.value;
+	if (!user) return;
+	if (checked && !user.is_2fa_enabled) {
+		try {
+			const { qrCode } = await userStore.switchOn2FA();
+			const result = await dialog.open<EnableTwoFaResult>(EnableTwoFaDialog, { data: qrCode }).afterClosed();
+			if (result !== 'enable') is2FAEnabledToggle.value = false;
+		} catch {
+			is2FAEnabledToggle.value = false;
+		}
+	} else if (checked && user.is_2fa_enabled) {
+		is2FAswitchingOffSettingsShown.value = false;
+	} else {
+		is2FAswitchingOffSettingsShown.value = true;
+	}
+}
+
+async function switchOff2FA() {
+	try {
+		const response = (await userStore.switchOff2FA(authCode.value)) as { disabled?: boolean } | null;
+		if (response?.disabled) {
+			is2FAswitchingOffSettingsShown.value = false;
+			authCode.value = '';
+			trackAuthEvent('User settings: 2fa disabled successfully');
+		}
+	} catch {
+		// The store has shown the error.
+	}
+}
+
+function confirmDeleteAccount() {
+	if (currentUser.value) dialog.open(AccountDeleteDialog, { data: currentUser.value });
+}
+</script>
+
+<template>
+	<ProfileLayout active-tab="account">
+		<template #alerts>
+			<AppAlert
+				v-if="currentUser?.id && !currentUser.isActive"
+				:alert="emailVerificationWarning"
+				class="profile-layout__alert"
+			/>
+		</template>
+
+		<div class="user-settings">
+			<h1 class="user-settings__title">Account settings</h1>
+
+			<div v-if="currentUser" class="user-settings__body">
+				<form class="user-settings__name-form" novalidate @submit.prevent="changeUserName">
+					<UiField label="Name" class="user-settings__name-field">
+						<UiInput
+							v-model="userName"
+							name="user-name"
+							data-testid="user-name-input"
+							@input="nameDirty = true"
+							@change="trackAuthEvent('User settings: user name is edited')"
+						/>
+					</UiField>
+					<UiButton
+						type="submit"
+						variant="ghost"
+						data-testid="save-user-name-button"
+						class="user-settings__save-button"
+						:disabled="!nameDirty || submittingChangedName"
+					>
+						Save
+					</UiButton>
+				</form>
+
+				<div class="user-settings__section-heading">
+					<UiIcon v-if="registeredWithEmail" v-tooltip="'You registred with your email'" name="mail" />
+					<img
+						v-else-if="providerIcon"
+						v-tooltip="`You registred with ${currentUser.externalRegistrationProvider}`"
+						:src="providerIcon"
+						alt=""
+						class="user-settings__provider-icon"
+					>
+					<strong>Email:</strong>
+					<span class="user-settings__value">{{ currentUser.email }}</span>
+				</div>
+				<UiButton
+					v-if="registeredWithEmail"
+					variant="secondary"
+					data-testid="user-settings__button"
+					class="user-settings__button"
+					:disabled="!currentUser.isActive"
+					@click="changeEmail"
+				>
+					Change email
+				</UiButton>
+
+				<template v-if="registeredWithEmail">
+					<div class="user-settings__section-heading">
+						<strong>Password:</strong>
+					</div>
+					<UiButton
+						variant="secondary"
+						to="/change-password"
+						data-testid="change-user-password-link"
+						class="user-settings__button"
+						:disabled="!currentUser.isActive"
+						@click="trackAuthEvent('User settings: change password is clicked')"
+					>
+						Change password
+					</UiButton>
+				</template>
+
+				<div v-if="currentUser.externalRegistrationProvider !== 'GITHUB'">
+					<div class="user-settings__two-fa">
+						<UiSwitch
+							v-model="is2FAEnabledToggle"
+							:disabled="!currentUser.isActive"
+							data-testid="two-fa-toggle"
+							@update:model-value="switch2FA"
+						>
+							Two-factor authentication
+						</UiSwitch>
+						<UiIcon
+							v-if="!currentUser.isActive"
+							v-tooltip="'Available only after email confirmation.'"
+							name="info"
+							size="sm"
+							label="Available only after email confirmation."
+						/>
+					</div>
+
+					<form
+						v-if="is2FAswitchingOffSettingsShown"
+						class="user-settings__two-fa-off"
+						novalidate
+						@submit.prevent="switchOff2FA"
+					>
+						<UiField label="Enter the code from your authenticator" class="user-settings__name-field">
+							<UiInput v-model="authCode" name="code" autocomplete="one-time-code" />
+						</UiField>
+						<UiButton type="submit" variant="ghost">Disable</UiButton>
+					</form>
+				</div>
+			</div>
+
+			<UiButton variant="ghost" class="user-settings__delete" @click="confirmDeleteAccount">Delete account</UiButton>
+		</div>
+	</ProfileLayout>
+</template>
+
+<style scoped>
+.user-settings {
+	display: flex;
+	flex-direction: column;
+	width: 96%;
+	min-width: 300px;
+	max-width: 520px;
+	margin: var(--space-10) auto;
+	padding: 0 var(--space-6);
+}
+
+.user-settings__title {
+	margin: 0;
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.user-settings__body {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	margin-top: var(--space-8);
+}
+
+.user-settings__name-form,
+.user-settings__two-fa-off {
+	display: flex;
+	align-items: flex-end;
+	gap: var(--space-2);
+	width: 100%;
+}
+
+.user-settings__two-fa-off {
+	margin-top: var(--space-6);
+}
+
+.user-settings__name-field {
+	flex: 1;
+}
+
+.user-settings__section-heading {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+	margin-top: var(--space-10);
+	margin-bottom: var(--space-2);
+}
+
+.user-settings__provider-icon {
+	width: var(--space-6);
+	height: var(--space-6);
+}
+
+.user-settings__value {
+	overflow-wrap: anywhere;
+}
+
+.user-settings__two-fa {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+	margin-top: var(--space-10);
+}
+
+.user-settings__delete {
+	align-self: center;
+	margin-top: var(--space-16);
+}
+
+@media (width <= 600px) {
+	.user-settings {
+		margin: var(--space-6) auto;
+		padding: 0 var(--space-4);
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/settings/ZapierView.spec.ts b/frontend-vue/src/views/settings/ZapierView.spec.ts
new file mode 100644
index 000000000..0b5633a2f
--- /dev/null
+++ b/frontend-vue/src/views/settings/ZapierView.spec.ts
@@ -0,0 +1,48 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { reactive } from 'vue';
+import { mountAuthView } from '@/views/auth/authTestUtils';
+import ZapierView from './ZapierView.vue';
+
+const user = vi.hoisted(() => ({ currentUser: null as { email: string } | null, fetchUser: vi.fn() }));
+vi.mock('@/stores/user', () => ({ useUserStore: () => reactive(user) }));
+vi.mock('@/stores/ui-settings', () => ({
+	useUiSettingsStore: () => ({ getUiSettings: () => Promise.resolve(null), updateGlobalSetting: vi.fn() }),
+}));
+
+const CDN = 'https://cdn.zapier.com/packages/partner-sdk/v0/zapier-elements';
+
+describe('ZapierView', () => {
+	beforeEach(() => {
+		user.currentUser = { email: 'user@test.com' };
+	});
+
+	afterEach(() => {
+		for (const node of document.head.querySelectorAll(`[src^="${CDN}"], [href^="${CDN}"]`)) node.remove();
+	});
+
+	it('loads the Zapier elements once and embeds the workflow for the user', async () => {
+		const { wrapper } = await mountAuthView(ZapierView, '/zapier');
+		wrapper.unmount();
+		const again = await mountAuthView(ZapierView, '/zapier');
+
+		expect(document.head.querySelectorAll(`script[src="${CDN}/zapier-elements.esm.js"]`)).toHaveLength(1);
+		expect(document.head.querySelectorAll(`link[href="${CDN}/zapier-elements.css"]`)).toHaveLength(1);
+
+		const workflow = again.wrapper.find('zapier-workflow').element as HTMLElement & Record<string, unknown>;
+		expect(workflow.signUpEmail).toBe('user@test.com');
+		expect(workflow.clientId).toBe('4MFV3OrjI8e8JkZPySqbFVbKtZUz0sV0H3XJnb6w');
+		expect(workflow.zapCreateFromScratchDisplay).toBe('hide');
+		expect(again.wrapper.find('a[href="https://docs.rocketadmin.com/Integrations/Zapier"]').text()).toContain('Docs');
+		again.wrapper.unmount();
+	});
+
+	it('waits for the user before embedding the workflow', async () => {
+		user.currentUser = null;
+		user.fetchUser.mockReturnValue(new Promise(() => {}));
+		const { wrapper } = await mountAuthView(ZapierView, '/zapier');
+
+		expect(user.fetchUser).toHaveBeenCalled();
+		expect(wrapper.find('zapier-workflow').exists()).toBe(false);
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/settings/ZapierView.vue b/frontend-vue/src/views/settings/ZapierView.vue
new file mode 100644
index 000000000..98a7f39ec
--- /dev/null
+++ b/frontend-vue/src/views/settings/ZapierView.vue
@@ -0,0 +1,85 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/zapier (/zapier, SaaS): Zapier's embeddable workflow element,
+// loaded from Zapier's CDN once per page load.
+//
+// `<zapier-workflow>` is a custom element. It is created here rather than written in the template,
+// so the Vue compiler needs no `isCustomElement` option, and its inputs are set as DOM properties,
+// as Angular's `[signUpEmail]` bindings did.
+import { computed, onMounted, ref, watch } from 'vue';
+import ProfileLayout from '@/components/profile/ProfileLayout.vue';
+import { UiButton, UiIcon } from '@/components/ui';
+import { useUserStore } from '@/stores/user';
+
+const ZAPIER_CDN_BASE = 'https://cdn.zapier.com/packages/partner-sdk/v0/zapier-elements';
+const ZAPIER_CLIENT_ID = '4MFV3OrjI8e8JkZPySqbFVbKtZUz0sV0H3XJnb6w';
+
+const userStore = useUserStore();
+const email = computed(() => userStore.currentUser?.email);
+const container = ref<HTMLElement | null>(null);
+
+onMounted(() => {
+	loadZapierElements();
+	if (!userStore.currentUser) userStore.fetchUser().catch(() => {});
+});
+
+watch([container, email], renderWorkflow, { immediate: true });
+
+function renderWorkflow() {
+	const host = container.value;
+	if (!host) return;
+	host.replaceChildren();
+	if (!email.value) return;
+	const workflow = Object.assign(document.createElement('zapier-workflow'), {
+		signUpEmail: email.value,
+		clientId: ZAPIER_CLIENT_ID,
+		theme: 'auto',
+		introCopyDisplay: 'show',
+		guessZapDisplay: 'show',
+		zapCreateFromScratchDisplay: 'hide',
+	});
+	host.appendChild(workflow);
+}
+
+function loadZapierElements() {
+	if (!document.querySelector(`script[src="${ZAPIER_CDN_BASE}/zapier-elements.esm.js"]`)) {
+		const script = document.createElement('script');
+		script.type = 'module';
+		script.src = `${ZAPIER_CDN_BASE}/zapier-elements.esm.js`;
+		document.head.appendChild(script);
+	}
+
+	if (!document.querySelector(`link[href="${ZAPIER_CDN_BASE}/zapier-elements.css"]`)) {
+		const link = document.createElement('link');
+		link.rel = 'stylesheet';
+		link.href = `${ZAPIER_CDN_BASE}/zapier-elements.css`;
+		document.head.appendChild(link);
+	}
+}
+</script>
+
+<template>
+	<ProfileLayout active-tab="zapier">
+		<div class="zapier">
+			<UiButton variant="secondary" href="https://docs.rocketadmin.com/Integrations/Zapier" class="zapier__docs">
+				<template #leading><UiIcon name="open_in_new" size="sm" /></template>
+				Docs
+			</UiButton>
+			<div ref="container" class="zapier__workflow" data-testid="zapier-workflow-host" />
+		</div>
+	</ProfileLayout>
+</template>
+
+<style scoped>
+.zapier {
+	display: flex;
+	flex-direction: column;
+	max-width: 1200px;
+	margin: var(--space-10) auto;
+	padding: 0 clamp(var(--space-10), 5vw, 100px);
+}
+
+.zapier__docs {
+	align-self: flex-end;
+	margin-bottom: calc(-1 * var(--space-10));
+}
+</style>
diff --git a/frontend-vue/src/views/table/RowEditView.spec.ts b/frontend-vue/src/views/table/RowEditView.spec.ts
new file mode 100644
index 000000000..2eed9a8be
--- /dev/null
+++ b/frontend-vue/src/views/table/RowEditView.spec.ts
@@ -0,0 +1,281 @@
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { computed, defineComponent, h, reactive } from 'vue';
+import { createMemoryHistory, createRouter, type Router, RouterView } from 'vue-router';
+import type { TableField } from '@/models/table';
+import RowEditView from './RowEditView.vue';
+
+const connections = vi.hoisted(() => ({
+	currentConnection: { type: 'postgres', isTestConnection: false },
+	/** Read by the side row view (TableRowView). */
+	connection: { type: 'postgres' },
+	currentConnectionID: 'conn-1',
+}));
+const tables = vi.hoisted(() => ({
+	fetchTableStructure: vi.fn(),
+	fetchTable: vi.fn(),
+	activateActions: vi.fn(),
+	currentTableName: 'orders',
+}));
+const tableRow = vi.hoisted(() => ({
+	fetchTableRow: vi.fn(),
+	addTableRow: vi.fn(),
+	updateTableRow: vi.fn(),
+}));
+const tableState = vi.hoisted(() => ({
+	getBackUrlFilters: vi.fn(() => null),
+	getBackUrlParams: vi.fn(() => null),
+	selectRow: vi.fn(),
+	clearSelection: vi.fn(),
+	selectedRow: null as Record<string, unknown> | null,
+}));
+const notifications = vi.hoisted(() => ({ alert: null, dismissAlert: vi.fn() }));
+const permissions = vi.hoisted(() => ({ allowed: true }));
+const dialog = vi.hoisted(() => ({ open: vi.fn() }));
+
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => reactive(connections) }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/table-row', () => ({ useTableRowStore: () => tableRow }));
+vi.mock('@/stores/table-state', () => ({ useTableStateStore: () => tableState }));
+vi.mock('@/stores/notifications', () => ({ useNotificationsStore: () => reactive(notifications) }));
+vi.mock('@/stores/cedar-permissions', () => ({
+	useCedarPermissionsStore: () => ({ canI: () => computed(() => permissions.allowed) }),
+}));
+vi.mock('@/composables/useDialog', () => ({
+	useDialog: () => ({
+		open: (...args: unknown[]) => {
+			dialog.open(...args);
+			return { afterClosed: () => Promise.resolve(undefined) };
+		},
+	}),
+}));
+
+function field(column_name: string, overrides: Partial<TableField> = {}): TableField {
+	return {
+		column_name,
+		column_default: null,
+		data_type: 'character varying',
+		isExcluded: false,
+		isSearched: false,
+		auto_increment: false,
+		allow_null: true,
+		character_maximum_length: null,
+		...overrides,
+	};
+}
+
+const structure = [field('id', { data_type: 'integer', auto_increment: true }), field('name'), field('note')];
+
+function structureResponse() {
+	return {
+		structure,
+		primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
+		foreignKeys: [],
+		readonly_fields: [],
+		table_widgets: [
+			{ field_name: 'note', widget_type: 'Textarea', widget_params: '', name: 'Notes', description: 'Free text' },
+		],
+		excluded_fields: [],
+		list_fields: [],
+	};
+}
+
+function rowResponse(overrides: Record<string, unknown> = {}) {
+	return {
+		row: { id: 42, name: 'order-42', note: 'hello' },
+		structure,
+		primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
+		foreignKeys: [],
+		table_widgets: [],
+		readonly_fields: [],
+		list_fields: [],
+		can_delete: true,
+		table_actions: [
+			{ id: 'a1', title: 'Ping', icon: 'bolt', require_confirmation: false, event: 'CUSTOM', type: 'single' },
+		],
+		...overrides,
+	};
+}
+
+async function mountPage(url: string): Promise<{ wrapper: VueWrapper; router: Router }> {
+	const pinia = createPinia();
+	setActivePinia(pinia);
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [
+			{ path: '/dashboard/:connectionId/:tableName/entry', component: RowEditView },
+			{ path: '/:pathMatch(.*)*', component: { render: () => h('div', 'elsewhere') } },
+		],
+	});
+	router.push(url);
+	await router.isReady();
+	const Host = defineComponent({ render: () => h(RouterView) });
+	const wrapper = mount(Host, { global: { plugins: [router, pinia] }, attachTo: document.body });
+	await settle();
+	return { wrapper, router };
+}
+
+/** Lets the lazily imported field widgets resolve and render. */
+async function settle() {
+	await flushPromises();
+	await vi.dynamicImportSettled();
+	await flushPromises();
+}
+
+function byTestId(wrapper: VueWrapper, id: string) {
+	return wrapper.find(`[data-testid="${id}"]`);
+}
+
+describe('RowEditView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		permissions.allowed = true;
+		tableState.selectedRow = null;
+		connections.currentConnection = { type: 'postgres', isTestConnection: false };
+		tables.fetchTableStructure.mockResolvedValue(structureResponse());
+		tableRow.fetchTableRow.mockResolvedValue(rowResponse());
+		tableRow.addTableRow.mockResolvedValue({ row: { id: 7 }, primaryColumns: [{ column_name: 'id' }] });
+		tableRow.updateTableRow.mockResolvedValue({ row: { id: 42 }, primaryColumns: [{ column_name: 'id' }] });
+	});
+
+	it('adds a row: renders a widget per settable column and submits the values', async () => {
+		const { wrapper, router } = await mountPage('/dashboard/conn-1/orders/entry');
+
+		expect(wrapper.find('h1').text()).toBe('Add row');
+		expect(byTestId(wrapper, 'record-field-id').exists()).toBe(false);
+		expect(byTestId(wrapper, 'record-field-name').find('input').exists()).toBe(true);
+		// The table widget picks the component (Textarea) and its name labels it.
+		expect(byTestId(wrapper, 'record-field-note').find('textarea').exists()).toBe(true);
+		expect(byTestId(wrapper, 'record-field-note').text()).toContain('Notes');
+		expect(byTestId(wrapper, 'record-edit-button').exists()).toBe(false);
+
+		await byTestId(wrapper, 'record-field-name').find('input').setValue('new order');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(tableRow.addTableRow).toHaveBeenCalledWith(
+			'conn-1',
+			'orders',
+			expect.objectContaining({ name: 'new order' }),
+		);
+		expect(router.currentRoute.value.path).toBe('/dashboard/conn-1/orders');
+		wrapper.unmount();
+	});
+
+	it('edits a row: Save, duplicate, delete and the custom actions', async () => {
+		const { wrapper } = await mountPage('/dashboard/conn-1/orders/entry?id=42');
+
+		expect(tableRow.fetchTableRow).toHaveBeenCalledWith('conn-1', 'orders', { id: '42' });
+		expect(wrapper.find('h1').text()).toBe('Edit row');
+		expect(byTestId(wrapper, 'record-edit-button').exists()).toBe(true);
+		expect(byTestId(wrapper, 'record-add-button').exists()).toBe(false);
+		expect(byTestId(wrapper, 'record-duplicate-link').attributes('href')).toBe(
+			'/dashboard/conn-1/orders/entry?id=42&action=dub',
+		);
+
+		await byTestId(wrapper, 'record-field-name').find('input').setValue('renamed');
+		await byTestId(wrapper, 'record-save-and-continue-editing-button').trigger('click');
+		await flushPromises();
+		expect(tableRow.updateTableRow).toHaveBeenCalledWith('conn-1', 'orders', { id: '42' }, { name: 'renamed' });
+
+		await byTestId(wrapper, 'record-delete-button').trigger('click');
+		expect(dialog.open).toHaveBeenCalledTimes(1);
+
+		const ping = wrapper.findAll('button').find((button) => button.attributes('aria-label') === 'Ping');
+		await ping?.trigger('click');
+		expect(tables.activateActions).toHaveBeenCalledWith('conn-1', 'orders', 'a1', 'Ping', [{ id: '42' }]);
+		wrapper.unmount();
+	});
+
+	it('hides delete when the table settings forbid it, and editing without the permission', async () => {
+		permissions.allowed = false;
+		tableRow.fetchTableRow.mockResolvedValue(rowResponse({ can_delete: false }));
+		const { wrapper } = await mountPage('/dashboard/conn-1/orders/entry?id=42');
+
+		expect(byTestId(wrapper, 'record-delete-button').exists()).toBe(false);
+		expect(byTestId(wrapper, 'record-duplicate-link').exists()).toBe(false);
+		expect(byTestId(wrapper, 'record-edit-button').exists()).toBe(false);
+		expect(byTestId(wrapper, 'record-save-and-continue-editing-button').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('view mode offers Edit, which drops the mode from the URL', async () => {
+		const { wrapper, router } = await mountPage('/dashboard/conn-1/orders/entry?id=42&mode=view');
+
+		expect(wrapper.find('h1').text()).toBe('View row');
+		expect(byTestId(wrapper, 'record-edit-button').exists()).toBe(false);
+		await byTestId(wrapper, 'switch-to-editing-button').trigger('click');
+		await flushPromises();
+
+		expect(router.currentRoute.value.fullPath).toBe('/dashboard/conn-1/orders/entry?id=42');
+		expect(wrapper.find('h1').text()).toBe('Edit row');
+		wrapper.unmount();
+	});
+
+	it('shows the server error with a way back to the table', async () => {
+		tableRow.fetchTableRow.mockRejectedValue(new Error('Row not found'));
+		const { wrapper } = await mountPage('/dashboard/conn-1/orders/entry?id=1');
+
+		expect(wrapper.text()).toContain('Row not found');
+		const back = wrapper.findAll('a').find((link) => link.text() === 'Dashboard');
+		expect(back?.attributes('href')).toBe('/dashboard/conn-1/orders');
+		expect(wrapper.find('form').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('warns on a test connection', async () => {
+		connections.currentConnection = { type: 'postgres', isTestConnection: true };
+		const { wrapper } = await mountPage('/dashboard/conn-1/orders/entry');
+		expect(wrapper.text()).toContain('This is a TEST DATABASE, public to all.');
+		wrapper.unmount();
+	});
+
+	it('lists the related records, marking an empty table', async () => {
+		tableRow.fetchTableRow.mockResolvedValueOnce(
+			rowResponse({
+				referenced_table_names_and_columns: [
+					{ referenced_on_column_name: 'id', referenced_by: [{ table_name: 'order_items', column_name: 'order_id' }] },
+				],
+			}),
+		);
+		tables.fetchTable.mockResolvedValue({
+			rows: [],
+			structure: [field('item_id')],
+			primaryColumns: [{ column_name: 'item_id', data_type: 'integer' }],
+			foreignKeys: [],
+			widgets: [],
+			list_fields: [],
+		});
+		const { wrapper } = await mountPage('/dashboard/conn-1/orders/entry?id=42');
+
+		expect(wrapper.text()).toContain('Records related to');
+		expect(wrapper.text()).toContain('Order Items');
+		expect(wrapper.text()).toContain('Empty');
+		const open = wrapper.findAll('a').find((link) => link.attributes('aria-label') === 'Open records in table view');
+		expect(open?.attributes('href')).toContain('/dashboard/conn-1/order_items?filters=');
+		wrapper.unmount();
+	});
+
+	it('shows a related record in the side row view, narrowing the form beside it', async () => {
+		tableState.selectedRow = {
+			connectionID: 'conn-1',
+			tableName: 'order_items',
+			record: { item_id: 3 },
+			columnsOrder: ['item_id'],
+			primaryKeys: { item_id: 3 },
+			foreignKeys: {},
+			foreignKeysList: [],
+			widgets: {},
+			widgetsList: [],
+			fieldsTypes: { item_id: 'integer' },
+			relatedRecords: null,
+			link: '/dashboard/conn-1/order_items/entry',
+		};
+		const { wrapper } = await mountPage('/dashboard/conn-1/orders/entry?id=42');
+
+		expect(wrapper.find('[data-testid="row-preview"]').exists()).toBe(true);
+		expect(wrapper.find('.row-edit__wrapper').classes()).toContain('row-edit__wrapper--shifted');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/table/RowEditView.vue b/frontend-vue/src/views/table/RowEditView.vue
new file mode 100644
index 000000000..abcb27c3b
--- /dev/null
+++ b/frontend-vue/src/views/table/RowEditView.vue
@@ -0,0 +1,598 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/db-table-row-edit: the add / edit / duplicate / view row page
+// (`/dashboard/:connectionId/:tableName/entry`). The logic lives in useRowEdit(); this renders the
+// header (back, duplicate, delete, custom actions), the related records and the widget form.
+//
+// Each column is rendered by its record-edit widget: the table widget's type (consts UIwidgets) when
+// one is configured, otherwise the column type's widget for the connection's database
+// (recordEditTypes).
+//
+// Not ported here: the side row view (`app-db-table-row-view`) a related record opens in. Clicking
+// one selects it in the table-state store (as Angular did); the panel belongs to the table view.
+import { type Component, computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import TableRowView from '@/components/dashboard/TableRowView.vue';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import AppBanner from '@/components/shared/AppBanner.vue';
+import PlaceholderRowEdit from '@/components/skeletons/PlaceholderRowEdit.vue';
+import {
+	UiAccordion,
+	UiButton,
+	UiExpansionPanel,
+	UiIcon,
+	UiIconButton,
+	UiList,
+	UiListItem,
+	UiSpinner,
+} from '@/components/ui';
+import { type ReferencedRecords, TEST_CONNECTION_WARNING, useRowEdit } from '@/composables/useRowEdit';
+import { recordEditTypes, UIwidgets } from '@/consts/record-edit-types';
+import { type Alert, AlertType } from '@/models/alert';
+import { useTableStateStore } from '@/stores/table-state';
+
+const route = useRoute();
+const router = useRouter();
+
+const connectionId = computed(() => String(route.params.connectionId ?? ''));
+const tableName = computed(() => String(route.params.tableName ?? ''));
+
+const rowEdit = useRowEdit({ connectionId, tableName, router });
+const tableState = useTableStateStore();
+const {
+	loading,
+	isServerError,
+	serverError,
+	displayTableName,
+	tableRowValues,
+	tableRowStructure,
+	tableRowRequiredValues,
+	identityColumn,
+	keyAttributesFromURL,
+	hasKeyAttributesFromURL,
+	dubURLParams,
+	keyAttributesListFromStructure,
+	tableTypes,
+	tableWidgets,
+	submitting,
+	fieldsOrdered,
+	rowActions,
+	referencedTables,
+	referencedRecords,
+	referencedTablesURLParams,
+	canDelete,
+	pageAction,
+	pageMode,
+	backUrlParams,
+	connectionType,
+	isTestConnection,
+	canEditRow,
+	canAddRow,
+	canDeleteRow,
+	pageTitle,
+	fieldsReadonly,
+	tablePath,
+	entryPath,
+} = rowEdit;
+
+const testConnectionWarning: Alert = { id: 10000000, type: AlertType.Error, message: TEST_CONNECTION_WARNING };
+
+const widgetsByType = UIwidgets as Record<string, Component | ''>;
+const inputsByDb = recordEditTypes as Record<string, Record<string, Component>>;
+
+interface FormField {
+	name: string;
+	component: Component | null;
+	hasDescription: boolean;
+	props: Record<string, unknown>;
+}
+
+const formFields = computed<FormField[]>(() => {
+	const values = tableRowValues.value ?? {};
+	const inputs = inputsByDb[connectionType.value] ?? {};
+	return fieldsOrdered.value.map((name, index) => {
+		const widget = rowEdit.isWidget(name) ? tableWidgets.value[name] : undefined;
+		const type = tableTypes.value[name];
+		const component = widget?.widget_type ? widgetsByType[widget.widget_type] || null : (type && inputs[type]) || null;
+		const props: Record<string, unknown> = {
+			fieldKey: String(index),
+			label: widget ? widget.name || name : name,
+			value: values[name],
+			required: tableRowRequiredValues.value[name],
+			readonly: fieldsReadonly.value,
+			disabled: rowEdit.isReadonlyField(name),
+			structure: tableRowStructure.value[name],
+			relations: type === 'foreign key' ? rowEdit.getRelations(name) : undefined,
+		};
+		if (widget) props.widgetStructure = widget;
+		// Only the S3 widget reads the row's key (to preview the stored file).
+		if (widget?.widget_type === 'S3') props.rowPrimaryKey = keyAttributesFromURL.value;
+		return { name, component, hasDescription: !!widget?.description, props };
+	});
+});
+
+const showKeyActions = computed(
+	() => (keyAttributesListFromStructure.value.length > 0 || hasKeyAttributesFromURL.value) && !!canEditRow.value,
+);
+
+// The form's validity drives the submit buttons, like `editRowForm.form.invalid`. Widgets load
+// lazily and keep their own constraints (required, custom validity), so the native form is asked
+// whenever its content or values change.
+const form = ref<HTMLFormElement | null>(null);
+const formInvalid = ref(false);
+let observer: MutationObserver | null = null;
+
+function checkValidity() {
+	nextTick(() => {
+		formInvalid.value = form.value ? !form.value.checkValidity() : false;
+	});
+}
+
+watch(form, (element) => {
+	observer?.disconnect();
+	if (!element) return;
+	observer = new MutationObserver(checkValidity);
+	observer.observe(element, { childList: true, subtree: true, attributes: true });
+	checkValidity();
+});
+watch(tableRowValues, checkValidity, { deep: true, flush: 'post' });
+onBeforeUnmount(() => observer?.disconnect());
+
+watch(
+	() => route.query,
+	(query) => {
+		// Leaving the page also changes the query; only load for this page.
+		if (route.path !== entryPath.value) return;
+		rowEdit.load(query);
+	},
+);
+onMounted(() => rowEdit.load(route.query));
+
+function onFieldChange(value: unknown, field: string) {
+	rowEdit.updateField(value, field);
+}
+
+function recordsOf(table: string): ReferencedRecords | undefined {
+	return referencedRecords.value[table];
+}
+
+function relatedIdentity(table: string, index: number): unknown {
+	const records = referencedRecords.value[table];
+	return records?.formattedRows[index]?.[records.identityColumn.name];
+}
+
+function relatedValue(table: string, index: number, field: string): unknown {
+	return referencedRecords.value[table]?.formattedRows[index]?.[field];
+}
+
+function isEmptyRelated(table: string): boolean {
+	const records = referencedRecords.value[table];
+	return !!records && !records.rawRows.length;
+}
+</script>
+
+<template>
+	<div class="row-edit">
+		<AppAlert class="row-edit__alert" />
+		<AppAlert v-if="isTestConnection" :alert="testConnectionWarning" class="row-edit__alert" />
+		<PlaceholderRowEdit v-if="loading" />
+
+		<AppBanner v-if="isServerError && serverError" :type="AlertType.Error" class="row-edit__banner">
+			<div v-if="serverError.details">
+				<strong>{{ serverError.abstract }}</strong>
+				<p class="row-edit__error-details">{{ serverError.details }}</p>
+			</div>
+			<p v-else class="row-edit__error">{{ serverError.abstract }}</p>
+			<template #actions>
+				<UiButton variant="secondary" :to="tablePath">Dashboard</UiButton>
+			</template>
+		</AppBanner>
+
+		<div class="row-edit__page">
+			<div
+				v-if="tableRowValues"
+				class="row-edit__wrapper"
+				:class="{ 'row-edit__wrapper--shifted': tableState.selectedRow }"
+			>
+				<div class="row-edit__header">
+					<div class="row-edit__header-main">
+						<UiIconButton
+							icon="arrow_back"
+							label="Back to table"
+							:to="{ path: tablePath, query: backUrlParams }"
+							data-testid="record-back-to-table-button"
+						/>
+						<div class="row-edit__header-text">
+							<h1 class="row-edit__title">{{ pageTitle }}</h1>
+							<span class="row-edit__subtitle">{{ displayTableName }}</span>
+						</div>
+					</div>
+					<div class="row-edit__row-actions">
+						<UiIconButton
+							v-if="canAddRow && hasKeyAttributesFromURL"
+							icon="difference"
+							label="Duplicate row"
+							:to="{ path: entryPath, query: dubURLParams }"
+							data-testid="record-duplicate-link"
+						/>
+						<UiIconButton
+							v-if="canDeleteRow && canDelete && hasKeyAttributesFromURL"
+							icon="delete"
+							label="Delete row"
+							data-testid="record-delete-button"
+							@click="rowEdit.handleDeleteRow()"
+						/>
+						<template v-if="rowActions.length">
+							<div class="row-edit__custom-actions row-edit__custom-actions--desktop">
+								<UiIconButton
+									v-for="action in rowActions"
+									:key="action.id ?? action.title"
+									:icon="action.icon"
+									:label="action.title"
+									@click="rowEdit.handleActivateAction(action)"
+								/>
+							</div>
+							<div class="row-edit__custom-actions row-edit__custom-actions--mobile">
+								<UiButton
+									v-for="action in rowActions"
+									:key="action.id ?? action.title"
+									variant="secondary"
+									@click="rowEdit.handleActivateAction(action)"
+								>
+									<template #leading><UiIcon :name="action.icon" /></template>
+									{{ action.title }}
+								</UiButton>
+							</div>
+						</template>
+					</div>
+				</div>
+
+				<section v-if="referencedTables.length" class="row-edit__related" aria-labelledby="row-edit-related-title">
+					<h2 id="row-edit-related-title" class="row-edit__related-title">
+						Records related to&nbsp;
+						<span v-if="identityColumn && tableRowValues[identityColumn]">"{{ tableRowValues[identityColumn] }}"</span>
+						<span v-else>this row</span>
+					</h2>
+
+					<UiAccordion multi>
+						<UiExpansionPanel
+							v-for="(referencedTable, tableIndex) in referencedTables"
+							:key="referencedTable.table_name"
+							:disabled="isEmptyRelated(referencedTable.table_name)"
+							:hide-toggle="isEmptyRelated(referencedTable.table_name)"
+							class="row-edit__related-panel"
+						>
+							<template #title>
+								<span class="row-edit__related-name">
+									<span class="row-edit__related-name-text" :title="referencedTable.displayTableName">
+										{{ referencedTable.displayTableName }}
+									</span>
+									<span v-if="isEmptyRelated(referencedTable.table_name)" class="row-edit__related-empty">Empty</span>
+								</span>
+							</template>
+							<template #actions>
+								<UiSpinner v-if="!recordsOf(referencedTable.table_name)" size="sm" label="Loading records" />
+								<template v-else>
+									<UiIconButton
+										icon="add"
+										size="sm"
+										:label="`Add a new record to ${referencedTable.displayTableName}`"
+										:href="router.resolve(`/dashboard/${connectionId}/${referencedTable.table_name}/entry`).href"
+										target="_blank"
+									/>
+									<UiIconButton
+										icon="open_in_new"
+										size="sm"
+										label="Open records in table view"
+										:to="{
+											path: `/dashboard/${connectionId}/${referencedTable.table_name}`,
+											query: referencedTablesURLParams[tableIndex],
+										}"
+									/>
+								</template>
+							</template>
+
+							<UiList v-if="recordsOf(referencedTable.table_name)" size="sm">
+								<UiListItem
+									v-for="(rawRow, rowIndex) in recordsOf(referencedTable.table_name)?.rawRows"
+									:key="rowIndex"
+									interactive
+									class="row-edit__related-record"
+									@click="rowEdit.handleViewRow(referencedTable.table_name, rawRow)"
+								>
+									<strong v-if="!recordsOf(referencedTable.table_name)?.identityColumn.isSet">
+										{{ recordsOf(referencedTable.table_name)?.identityColumn.displayName }}:&nbsp;
+									</strong>
+									{{ relatedIdentity(referencedTable.table_name, rowIndex) }}
+									<template #description>
+										<span
+											v-for="field in recordsOf(referencedTable.table_name)?.fieldsOrder"
+											:key="field.fieldName"
+											class="row-edit__related-field"
+										>
+											<strong class="row-edit__related-field-name">{{ field.displayName }}:</strong>
+											<span>{{ relatedValue(referencedTable.table_name, rowIndex, field.fieldName) }};</span>
+										</span>
+									</template>
+								</UiListItem>
+							</UiList>
+						</UiExpansionPanel>
+					</UiAccordion>
+				</section>
+
+				<form
+					ref="form"
+					class="row-edit__form"
+					novalidate
+					@submit.prevent="rowEdit.handleRowSubmitting(false)"
+					@input="checkValidity"
+					@change="checkValidity"
+				>
+					<div class="row-edit__fields">
+						<div
+							v-for="field in formFields"
+							:key="field.name"
+							:class="['row-edit__field', { 'row-edit__field--widget': field.hasDescription }]"
+							:data-testid="`record-field-${field.name}`"
+						>
+							<component
+								:is="field.component"
+								v-if="field.component"
+								v-bind="field.props"
+								@field-change="(value: unknown) => onFieldChange(value, field.name)"
+							/>
+						</div>
+					</div>
+
+					<div class="row-edit__actions">
+						<UiButton
+							v-if="showKeyActions && pageMode === 'view'"
+							data-testid="switch-to-editing-button"
+							@click="rowEdit.switchToEditMode()"
+						>
+							<template #leading><UiIcon name="edit" /></template>
+							Edit
+						</UiButton>
+
+						<UiButton
+							v-if="showKeyActions && pageMode !== 'view'"
+							variant="ghost"
+							class="row-edit__continue"
+							data-testid="record-save-and-continue-editing-button"
+							:disabled="submitting || formInvalid"
+							@click="rowEdit.handleRowSubmitting(true)"
+						>
+							Save &amp; continue
+						</UiButton>
+
+						<UiButton
+							v-if="hasKeyAttributesFromURL && canEditRow && !pageAction && pageMode !== 'view'"
+							type="submit"
+							data-testid="record-edit-button"
+							:disabled="submitting || formInvalid"
+						>
+							Save
+						</UiButton>
+
+						<UiButton
+							v-if="hasKeyAttributesFromURL && canAddRow && pageAction === 'dub'"
+							type="submit"
+							data-testid="record-duplicate-button"
+							:disabled="submitting || formInvalid"
+						>
+							Duplicate
+						</UiButton>
+
+						<UiButton
+							v-if="!hasKeyAttributesFromURL"
+							type="submit"
+							data-testid="record-add-button"
+							:disabled="submitting || formInvalid"
+						>
+							Add
+						</UiButton>
+					</div>
+				</form>
+			</div>
+
+			<!-- A related record opened from the side lists, as Angular's app-db-table-row-view here. -->
+			<TableRowView v-if="tableState.selectedRow" :active-filters="null" />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.row-edit {
+	display: flex;
+	flex-direction: column;
+	min-height: 100%;
+	padding: var(--space-4) var(--space-4) 0;
+}
+
+.row-edit__alert {
+	margin-bottom: var(--space-6);
+}
+
+.row-edit__banner {
+	margin: var(--space-6) auto;
+}
+
+.row-edit__error,
+.row-edit__error-details {
+	margin: var(--space-2) 0 0;
+}
+
+.row-edit__page {
+	display: flex;
+	flex: 1;
+}
+
+.row-edit__wrapper {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	width: 100%;
+}
+
+/* Room for the related-record preview: the form narrows beside it (Angular's .wrapper_shifted). */
+.row-edit__wrapper--shifted {
+	min-width: 0;
+}
+
+.row-edit__header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: var(--space-4);
+	width: 100%;
+	max-width: 32.5rem;
+}
+
+.row-edit__header-main {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+	min-width: 0;
+}
+
+.row-edit__header-text {
+	display: flex;
+	flex-direction: column;
+	min-width: 0;
+	line-height: var(--leading-tight);
+}
+
+.row-edit__title {
+	margin: 0;
+	font-size: var(--text-md);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.row-edit__subtitle {
+	overflow: hidden;
+	font-size: var(--text-xs);
+	font-weight: var(--weight-medium);
+	color: var(--color-muted);
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.row-edit__row-actions {
+	display: flex;
+	align-items: center;
+}
+
+.row-edit__custom-actions {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+}
+
+.row-edit__custom-actions--mobile {
+	display: none;
+	flex-wrap: wrap;
+	gap: var(--space-2);
+}
+
+.row-edit__related {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+	width: 100%;
+	max-width: 32.5rem;
+	margin: var(--space-3) 0 var(--space-1);
+}
+
+.row-edit__related-title {
+	margin: 0;
+	font-size: var(--text-base);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.row-edit__related-name {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	min-width: 0;
+}
+
+.row-edit__related-name-text {
+	overflow: hidden;
+	min-width: 0;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.row-edit__related-empty {
+	flex: none;
+	padding: 0 var(--space-2);
+	border-radius: var(--radius-pill);
+	font-size: var(--text-2xs);
+	letter-spacing: 0.04em;
+	text-transform: uppercase;
+	color: var(--color-muted);
+	background: var(--color-paper-2);
+}
+
+.row-edit__related-field {
+	margin-right: var(--space-2);
+}
+
+.row-edit__related-field-name {
+	margin-right: var(--space-1);
+}
+
+.row-edit__form {
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	min-width: 18.75rem;
+	max-width: 32.5rem;
+	margin: var(--space-6) auto 0;
+}
+
+.row-edit__fields {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+	padding-bottom: var(--space-10);
+}
+
+.row-edit__field {
+	display: flex;
+	flex-direction: column;
+}
+
+.row-edit__actions {
+	position: sticky;
+	bottom: 0;
+	z-index: var(--z-sticky);
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	gap: var(--space-2);
+	margin: 0 calc(-1 * var(--space-4));
+	padding: var(--space-3) var(--space-4);
+	border-top: 1px solid var(--color-line);
+	background: var(--color-surface);
+}
+
+.row-edit__continue {
+	margin-right: auto;
+}
+
+@media (width <= 600px) {
+	.row-edit__custom-actions--desktop {
+		display: none;
+	}
+
+	.row-edit__custom-actions--mobile {
+		display: flex;
+	}
+
+	.row-edit__actions {
+		flex-wrap: wrap;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/table/TableActionsView.spec.ts b/frontend-vue/src/views/table/TableActionsView.spec.ts
new file mode 100644
index 000000000..f6c15dd4a
--- /dev/null
+++ b/frontend-vue/src/views/table/TableActionsView.spec.ts
@@ -0,0 +1,145 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { reactive } from 'vue';
+import ActionDeleteDialog from '@/components/table/ActionDeleteDialog.vue';
+import { EventType } from '@/models/table';
+import TableActionsView from './TableActionsView.vue';
+import { buttonByText, byTestId, mountTableView } from './tableTestUtils';
+
+const connections = vi.hoisted(() => ({
+	currentConnection: { title: 'Shop', database: 'shop' },
+	connectionSigningKey: 'sign-key-1',
+}));
+const tables = vi.hoisted(() => ({ fetchRules: vi.fn(), saveRule: vi.fn(), updateRule: vi.fn() }));
+const user = vi.hoisted(() => ({ currentUser: { company: { id: 'company-1' } } }));
+const company = vi.hoisted(() => ({ fetchCompanyMembers: vi.fn() }));
+const notifications = vi.hoisted(() => ({ alert: null, showSuccessSnackbar: vi.fn() }));
+const dialog = vi.hoisted(() => ({ open: vi.fn() }));
+const trackTableEvent = vi.hoisted(() => vi.fn());
+
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => reactive(connections) }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/user', () => ({ useUserStore: () => reactive(user) }));
+vi.mock('@/stores/company', () => ({ useCompanyStore: () => company }));
+vi.mock('@/stores/notifications', () => ({ useNotificationsStore: () => reactive(notifications) }));
+vi.mock('@/stores/ui-settings', () => ({ useUiSettingsStore: () => reactive({ isDarkMode: false }) }));
+vi.mock('@/composables/useDialog', () => ({ useDialog: () => dialog }));
+vi.mock('@/components/table/analytics', () => ({ trackTableEvent }));
+
+const PATTERN = '/dashboard/:connectionId/:tableName/actions';
+const mountPage = () => mountTableView(TableActionsView, PATTERN, '/dashboard/12345678/users/actions');
+
+const savedRule = {
+	id: 'r1',
+	title: 'Notify sales',
+	table_name: 'users',
+	events: [{ event: EventType.AddRow }],
+	table_actions: [{ method: 'EMAIL', emails: ['a@x.test'], url: '' }],
+};
+
+describe('TableActionsView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		tables.fetchRules.mockResolvedValue({ action_rules: [], display_name: 'People' });
+		company.fetchCompanyMembers.mockResolvedValue([
+			{ email: 'a@x.test', name: 'Ann' },
+			{ email: 'b@x.test', name: '' },
+		]);
+	});
+
+	it('shows the empty state, and "Create first automation" starts a new one', async () => {
+		const { wrapper } = await mountPage();
+
+		expect(wrapper.text()).toContain('No automations yet');
+		expect(wrapper.text()).toContain('Automate your database workflows');
+		await byTestId(wrapper, 'create-first-automation-button').trigger('click');
+
+		expect(trackTableEvent).toHaveBeenCalledWith('Actions: add first action is clicked');
+		expect(wrapper.text()).toContain('New automation');
+		expect(byTestId(wrapper, 'rule-title-input').exists()).toBe(true);
+		expect(wrapper.text()).toContain('Add a trigger first');
+		expect(byTestId(wrapper, 'add-automation-button').exists()).toBe(false);
+
+		await buttonByText(wrapper, 'Cancel').trigger('click');
+		expect(wrapper.text()).toContain('Automate your database workflows');
+		wrapper.unmount();
+	});
+
+	it('creates a webhook automation', async () => {
+		tables.saveRule.mockResolvedValue({ id: 'new', title: 'Hook' });
+		const { wrapper } = await mountPage();
+		await byTestId(wrapper, 'add-automation-button').trigger('click');
+
+		await byTestId(wrapper, 'rule-title-input').setValue('Hook');
+		await byTestId(wrapper, 'trigger-UPDATE_ROW').setValue(true);
+		expect(wrapper.text()).toContain('Use the code snippets below to verify requests.');
+		await wrapper.find('input[name="action-url"]').setValue('https://hook.test');
+		tables.fetchRules.mockResolvedValue({
+			action_rules: [{ ...savedRule, id: 'new', title: 'Hook', events: [{ event: EventType.UpdateRow }] }],
+		});
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(tables.saveRule).toHaveBeenCalledWith(
+			'12345678',
+			'users',
+			expect.objectContaining({
+				title: 'Hook',
+				events: [{ event: EventType.UpdateRow }],
+				table_actions: [{ method: 'URL', emails: [], url: 'https://hook.test' }],
+			}),
+		);
+		expect(byTestId(wrapper, 'rule-save-button').text()).toBe('Saved');
+		wrapper.unmount();
+	});
+
+	it('does not save without a name, and focuses it', async () => {
+		const { wrapper } = await mountPage();
+		await byTestId(wrapper, 'add-automation-button').trigger('click');
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(tables.saveRule).not.toHaveBeenCalled();
+		expect(document.activeElement).toBe(byTestId(wrapper, 'rule-title-input').element);
+		wrapper.unmount();
+	});
+
+	it('edits a saved email automation with the company members to notify', async () => {
+		tables.fetchRules.mockResolvedValue({ action_rules: [savedRule], display_name: 'People' });
+		tables.updateRule.mockResolvedValue({ id: 'r1', title: 'Notify sales' });
+		const { wrapper } = await mountPage();
+
+		expect(company.fetchCompanyMembers).toHaveBeenCalledWith('company-1');
+		const options = wrapper.findAll('select[name="notification-emails"] option');
+		expect(options.map((option) => option.text())).toEqual(['Ann | a@x.test', 'b@x.test']);
+		expect(wrapper.findAll('select[name="notification-emails"] option:checked').map((o) => o.text())).toEqual([
+			'Ann | a@x.test',
+		]);
+
+		await wrapper.find('select[name="notification-emails"]').setValue(['0', '1']);
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+		expect(tables.updateRule).toHaveBeenCalledWith(
+			'12345678',
+			'users',
+			expect.objectContaining({
+				id: 'r1',
+				table_actions: [expect.objectContaining({ emails: ['a@x.test', 'b@x.test'] })],
+			}),
+		);
+
+		await byTestId(wrapper, 'rule-delete-button').trigger('click');
+		expect(dialog.open).toHaveBeenCalledWith(ActionDeleteDialog, {
+			data: { connectionID: '12345678', tableName: 'users', rule: expect.objectContaining({ id: 'r1' }) },
+		});
+		wrapper.unmount();
+	});
+
+	it('links back to the table', async () => {
+		tables.fetchRules.mockResolvedValue({ action_rules: [savedRule], display_name: 'People' });
+		const { wrapper } = await mountPage();
+		expect(buttonByText(wrapper, 'Back').attributes('href')).toBe('/dashboard/12345678/users');
+		expect(wrapper.text()).toContain('Automations');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/table/TableActionsView.vue b/frontend-vue/src/views/table/TableActionsView.vue
new file mode 100644
index 000000000..e4b273cde
--- /dev/null
+++ b/frontend-vue/src/views/table/TableActionsView.vue
@@ -0,0 +1,571 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboard/db-table-view/db-table-actions: the table's
+// automations (`/dashboard/:connectionId/:tableName/actions`). A sidebar lists the rules; the main
+// pane edits the selected one as WHEN (triggers, plus the custom button's settings) → THEN (one URL
+// webhook / email / Slack action). The logic lives in useTableRules().
+import { computed, nextTick, onMounted, ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import AppBreadcrumbs from '@/components/shared/AppBreadcrumbs.vue';
+import AppContentLoader from '@/components/shared/AppContentLoader.vue';
+import AppIconPicker from '@/components/shared/AppIconPicker.vue';
+import AutomationsEmptyState from '@/components/table/AutomationsEmptyState.vue';
+import { trackTableEvent } from '@/components/table/analytics';
+import WebhookSnippets from '@/components/table/WebhookSnippets.vue';
+import {
+	type SelectOption,
+	UiButton,
+	UiCheckbox,
+	UiField,
+	UiIcon,
+	UiInput,
+	UiList,
+	UiListItem,
+	UiSegmented,
+	UiSelect,
+} from '@/components/ui';
+import { AVAILABLE_EVENTS, type RuleProblem, useTableRules } from '@/composables/useTableRules';
+import type { CompanyMember } from '@/models/company';
+import { EventType } from '@/models/table';
+import { useCompanyStore } from '@/stores/company';
+import { useConnectionsStore } from '@/stores/connections';
+import { useUserStore } from '@/stores/user';
+
+const route = useRoute();
+const connections = useConnectionsStore();
+const userStore = useUserStore();
+const company = useCompanyStore();
+
+const connectionId = computed(() => String(route.params.connectionId ?? ''));
+const tableName = computed(() => String(route.params.tableName ?? ''));
+
+const rules = useTableRules({ connectionId, tableName });
+const {
+	rulesData,
+	rules: ruleList,
+	selectedRule,
+	selectedRuleCustomEvent,
+	selectedRuleTitle,
+	selectedEvents,
+	submitting,
+	isSaved,
+	isCreationMode,
+	displayTableName,
+	hasTriggersSelected,
+	actionMethod,
+} = rules;
+
+const defaultIcons = [
+	'favorite_outline',
+	'star_outline',
+	'done',
+	'arrow_forward',
+	'key_outline',
+	'lock',
+	'visibility',
+	'language',
+	'notifications',
+	'schedule',
+];
+
+const TRIGGER_ICONS: Record<EventType, string> = {
+	[EventType.AddRow]: 'add_circle_outline',
+	[EventType.UpdateRow]: 'edit',
+	[EventType.DeleteRow]: 'delete_outline',
+	[EventType.Custom]: 'tune',
+};
+
+const customTypeOptions: SelectOption<string>[] = [
+	{ value: 'single', label: 'Single row' },
+	{ value: 'multiple', label: 'Multiple rows' },
+];
+
+const methodOptions: SelectOption<string>[] = [
+	{ value: 'URL', label: 'URL webhook' },
+	{ value: 'EMAIL', label: 'Email' },
+	{ value: 'SLACK', label: 'Slack' },
+];
+
+const companyMembers = ref<CompanyMember[]>([]);
+const memberOptions = computed<SelectOption<string>[]>(() =>
+	companyMembers.value.map((member) => ({
+		value: member.email,
+		label: member.name ? `${member.name} | ${member.email}` : member.email,
+	})),
+);
+
+const crumbs = computed(() => {
+	const connection = connections.currentConnection;
+	return [
+		{ label: connection.title || connection.database, link: `/dashboard/${connectionId.value}` },
+		{ label: displayTableName.value, link: `/dashboard/${connectionId.value}/${tableName.value}` },
+		{ label: 'Automations', link: null },
+	];
+});
+
+const tablePath = computed(() => `/dashboard/${connectionId.value}/${tableName.value}`);
+const action = computed(() => selectedRule.value?.table_actions[0]);
+const showEmptyState = computed(() => (!selectedRule.value || !ruleList.value?.length) && !isCreationMode.value);
+
+const root = ref<HTMLElement | null>(null);
+const triggerCard = ref<HTMLElement | null>(null);
+const triggerHighlighted = ref(false);
+
+onMounted(() => rules.load());
+
+watch(
+	() => userStore.currentUser?.company?.id,
+	async (companyId) => {
+		if (!companyId) return;
+		try {
+			companyMembers.value = await company.fetchCompanyMembers(companyId);
+		} catch {
+			// Reported by the store.
+		}
+	},
+	{ immediate: true },
+);
+
+function addAutomation() {
+	trackTableEvent('Actions: add first action is clicked');
+	rules.addNewRule();
+}
+
+async function submit() {
+	const problem = await rules.handleRuleSubmitting();
+	if (problem) await pointAt(problem);
+}
+
+/** Moves the user to what the rule still lacks. */
+async function pointAt(problem: RuleProblem) {
+	await nextTick();
+	if (problem === 'trigger') {
+		triggerCard.value?.scrollIntoView?.({ behavior: 'smooth', block: 'center' });
+		triggerHighlighted.value = true;
+		setTimeout(() => {
+			triggerHighlighted.value = false;
+		}, 1500);
+		return;
+	}
+	const selector: Record<Exclude<RuleProblem, 'trigger'>, string> = {
+		title: 'input[name="rule-title"]',
+		url: 'input[name="action-url"]',
+		emails: 'select[name="notification-emails"]',
+		slack: 'input[name="action-slack-url"]',
+	};
+	root.value?.querySelector<HTMLElement>(selector[problem])?.focus();
+}
+
+function setEmails(value: string | string[] | null) {
+	if (action.value) action.value.emails = Array.isArray(value) ? value : [];
+}
+</script>
+
+<template>
+	<div ref="root" class="table-actions">
+		<aside class="table-actions__sidebar" aria-label="Automations">
+			<h1 class="table-actions__heading">Automations</h1>
+			<p v-if="rulesData && ruleList && ruleList.length === 0 && !isCreationMode" class="table-actions__none">
+				No automations yet
+			</p>
+			<UiList v-if="rulesData && ruleList" size="sm" class="table-actions__list">
+				<UiListItem
+					v-for="(rule, index) in ruleList"
+					:key="rule.id || `new-${index}`"
+					interactive
+					:active="!!selectedRule && rule.title === selectedRule.title"
+					:class="{ 'table-actions__rule--unsaved': rule.id === '' }"
+					@click="rules.switchRulesView(rule)"
+				>
+					{{ rule.title || 'New automation' }}
+				</UiListItem>
+			</UiList>
+			<UiButton
+				v-if="rulesData && ruleList && !isCreationMode"
+				variant="secondary"
+				block
+				class="table-actions__add"
+				data-testid="add-automation-button"
+				@click="addAutomation"
+			>
+				<template #leading><UiIcon name="add" /></template>
+				Add automation
+			</UiButton>
+		</aside>
+
+		<div v-if="rulesData" class="table-actions__main">
+			<AppAlert />
+			<AppBreadcrumbs :crumbs="crumbs" />
+			<AppContentLoader v-if="!ruleList" />
+
+			<form
+				v-if="selectedRule && ruleList?.length"
+				class="table-actions__form"
+				novalidate
+				@submit.prevent="submit"
+				@input="isSaved = false"
+			>
+				<div class="table-actions__name-row">
+					<UiField label="Automation name" class="table-actions__name">
+						<UiInput
+							:model-value="selectedRuleTitle"
+							name="rule-title"
+							data-testid="rule-title-input"
+							@update:model-value="rules.setTitle"
+						/>
+					</UiField>
+					<UiButton v-if="isCreationMode" variant="ghost" @click="rules.undoRule()">Cancel</UiButton>
+					<UiButton v-else variant="ghost" data-testid="rule-delete-button" @click="rules.handleRemoveRule()">
+						Delete
+					</UiButton>
+				</div>
+
+				<section
+					ref="triggerCard"
+					:class="['table-actions__card', { 'table-actions__card--highlight': triggerHighlighted }]"
+					aria-labelledby="table-actions-when"
+				>
+					<h2 id="table-actions-when" class="table-actions__card-label">
+						<span class="table-actions__badge table-actions__badge--when">WHEN</span> Trigger
+					</h2>
+
+					<div class="table-actions__pills">
+						<template v-for="(event, index) in AVAILABLE_EVENTS" :key="event.value">
+							<span v-if="index > 0" class="table-actions__or">or</span>
+							<label
+								:class="[
+									'table-actions__pill',
+									`table-actions__pill--${event.value.toLowerCase()}`,
+									{ 'table-actions__pill--active': selectedEvents.includes(event.value) },
+								]"
+							>
+								<input
+									type="checkbox"
+									class="table-actions__pill-checkbox"
+									:checked="selectedEvents.includes(event.value)"
+									:data-testid="`trigger-${event.value}`"
+									@change="rules.toggleTriggerTile(event.value)"
+								>
+								<UiIcon :name="TRIGGER_ICONS[event.value]" class="table-actions__pill-icon" />
+								<span>{{ event.label }}</span>
+							</label>
+						</template>
+					</div>
+
+					<div v-if="selectedRuleCustomEvent" class="table-actions__custom">
+						<UiField label="Button label">
+							<UiInput v-model="selectedRuleCustomEvent.title" name="custom-event-title" />
+						</UiField>
+						<AppIconPicker
+							:icon="selectedRuleCustomEvent.icon"
+							:default-icons="defaultIcons"
+							tooltip="Choose an icon"
+							@change="rules.updateIcon"
+						/>
+						<UiCheckbox v-model="selectedRuleCustomEvent.require_confirmation" name="custom-event-confirmation">
+							Request confirmation
+						</UiCheckbox>
+						<div class="table-actions__affects">
+							<span class="table-actions__affects-label">Affects</span>
+							<UiSegmented
+								:model-value="selectedRuleCustomEvent.type"
+								:options="customTypeOptions"
+								label="Affects"
+								size="sm"
+								@update:model-value="rules.setCustomEventType"
+							/>
+						</div>
+					</div>
+				</section>
+
+				<div class="table-actions__connector" aria-hidden="true" />
+
+				<section
+					:class="['table-actions__card', { 'table-actions__card--disabled': !hasTriggersSelected }]"
+					aria-labelledby="table-actions-then"
+				>
+					<h2 id="table-actions-then" class="table-actions__card-label">
+						<span class="table-actions__badge table-actions__badge--then">THEN</span> Action
+					</h2>
+					<p v-if="!hasTriggersSelected" class="table-actions__hint">Add a trigger first</p>
+					<template v-else-if="action">
+						<UiSegmented
+							:model-value="actionMethod"
+							:options="methodOptions"
+							label="Action method"
+							@update:model-value="rules.selectActionMethod"
+						/>
+
+						<div class="table-actions__fields">
+							<template v-if="actionMethod === 'URL'">
+								<UiField label="Webhook URL">
+									<UiInput v-model="action.url" name="action-url" type="url" />
+								</UiField>
+								<p class="table-actions__hint">Use the code snippets below to verify requests.</p>
+								<WebhookSnippets :signing-key="connections.connectionSigningKey" />
+							</template>
+
+							<UiField v-if="actionMethod === 'EMAIL'" label="Notification emails">
+								<UiSelect
+									:model-value="action.emails"
+									:options="memberOptions"
+									multiple
+									name="notification-emails"
+									@update:model-value="setEmails"
+								/>
+							</UiField>
+
+							<UiField v-if="actionMethod === 'SLACK'" label="Slack webhook URL">
+								<UiInput v-model="action.slack_url" name="action-slack-url" type="url" />
+							</UiField>
+						</div>
+					</template>
+				</section>
+
+				<div class="table-actions__actions">
+					<UiButton variant="secondary" :to="tablePath">Back</UiButton>
+					<UiButton type="submit" data-testid="rule-save-button" :disabled="submitting || isSaved">
+						{{ isSaved ? 'Saved' : 'Save' }}
+					</UiButton>
+				</div>
+			</form>
+
+			<AutomationsEmptyState v-if="showEmptyState" @create="addAutomation" />
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.table-actions {
+	display: flex;
+	min-height: 100%;
+}
+
+.table-actions__sidebar {
+	flex-shrink: 0;
+	width: clamp(12.5rem, 18%, 20rem);
+	padding: var(--space-4) var(--space-3);
+	border-right: 1px solid var(--color-line);
+	overflow-y: auto;
+}
+
+.table-actions__heading {
+	margin: 0 var(--space-1) var(--space-3);
+	font-family: var(--font-display);
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.table-actions__none {
+	margin: 0;
+	padding: var(--space-4) 0;
+	text-align: center;
+	color: var(--color-muted);
+}
+
+.table-actions__rule--unsaved {
+	font-style: italic;
+}
+
+.table-actions__add {
+	margin-top: var(--space-2);
+}
+
+.table-actions__main {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	gap: var(--space-4);
+	min-width: 0;
+	padding: var(--space-6) var(--space-8) 0;
+	overflow-y: auto;
+}
+
+.table-actions__form {
+	display: flex;
+	flex-direction: column;
+	max-width: 56rem;
+}
+
+.table-actions__name-row {
+	display: flex;
+	align-items: flex-end;
+	gap: var(--space-3);
+	margin-bottom: var(--space-5);
+}
+
+.table-actions__name {
+	flex: 1;
+}
+
+.table-actions__card {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+	padding: var(--space-5);
+	border: 1px solid var(--color-line);
+	border-radius: var(--radius-card);
+	background: var(--color-surface);
+	transition: box-shadow var(--motion-base) var(--ease-out);
+}
+
+.table-actions__card--highlight {
+	box-shadow: var(--shadow-focus);
+}
+
+.table-actions__card--disabled {
+	color: var(--color-muted);
+}
+
+.table-actions__card-label {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	margin: 0;
+	font-size: var(--text-sm);
+	font-weight: var(--weight-semibold);
+}
+
+.table-actions__badge {
+	padding: var(--space-05) var(--space-2);
+	border-radius: var(--radius-pill);
+	font-size: var(--text-2xs);
+	font-weight: var(--weight-bold);
+	letter-spacing: 0.06em;
+}
+
+.table-actions__badge--when {
+	color: var(--color-accent-ink);
+	background: var(--color-accent);
+}
+
+.table-actions__badge--then {
+	color: var(--color-paper);
+	background: var(--color-ink);
+}
+
+.table-actions__pills {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: var(--space-2);
+}
+
+.table-actions__or {
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+
+.table-actions__pill {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-2);
+	padding: var(--space-2) var(--space-3);
+	border: 1px solid var(--color-line-strong);
+	border-radius: var(--radius-pill);
+	cursor: pointer;
+	user-select: none;
+}
+
+.table-actions__pill:focus-within {
+	box-shadow: var(--shadow-focus);
+}
+
+.table-actions__pill-checkbox {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	opacity: 0;
+}
+
+.table-actions__pill--active {
+	border-color: currentcolor;
+	font-weight: var(--weight-medium);
+}
+
+.table-actions__pill--add_row.table-actions__pill--active {
+	color: var(--color-success);
+	background: var(--color-success-bg);
+}
+
+.table-actions__pill--update_row.table-actions__pill--active {
+	color: var(--color-accent);
+	background: var(--color-paper-2);
+}
+
+.table-actions__pill--delete_row.table-actions__pill--active {
+	color: var(--color-danger);
+	background: var(--color-danger-bg);
+}
+
+.table-actions__pill--custom.table-actions__pill--active {
+	color: var(--color-hot);
+	background: var(--color-paper-2);
+}
+
+.table-actions__custom {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: flex-end;
+	gap: var(--space-4);
+	padding-top: var(--space-2);
+}
+
+.table-actions__affects {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+}
+
+.table-actions__affects-label {
+	font-size: var(--text-sm);
+	color: var(--color-muted);
+}
+
+.table-actions__connector {
+	width: 1px;
+	height: var(--space-6);
+	margin-left: var(--space-8);
+	background: var(--color-line-strong);
+}
+
+.table-actions__hint {
+	margin: 0;
+	font-size: var(--text-sm);
+	color: var(--color-muted);
+}
+
+.table-actions__fields {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+}
+
+.table-actions__actions {
+	position: sticky;
+	bottom: 0;
+	display: flex;
+	justify-content: space-between;
+	margin-top: var(--space-6);
+	padding: var(--space-3) 0;
+	border-top: 1px solid var(--color-line);
+	background: var(--color-paper);
+}
+
+@media (width <= 600px) {
+	.table-actions {
+		flex-direction: column;
+	}
+
+	.table-actions__sidebar {
+		width: 100%;
+		border-right: 0;
+		border-bottom: 1px solid var(--color-line);
+	}
+
+	.table-actions__main {
+		padding: var(--space-4) var(--space-4) 0;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/table/TableSettingsView.spec.ts b/frontend-vue/src/views/table/TableSettingsView.spec.ts
new file mode 100644
index 000000000..0f9cd2222
--- /dev/null
+++ b/frontend-vue/src/views/table/TableSettingsView.spec.ts
@@ -0,0 +1,176 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { reactive } from 'vue';
+import { type TableField, TableOrdering, type TableSettings } from '@/models/table';
+import TableSettingsView from './TableSettingsView.vue';
+import { buttonByText, byTestId, mountTableView } from './tableTestUtils';
+
+const connections = vi.hoisted(() => ({ currentConnection: { title: 'Shop', database: 'shop' } }));
+const tables = vi.hoisted(() => ({
+	fetchTableStructure: vi.fn(),
+	fetchTableSettings: vi.fn(),
+	updateTableSettings: vi.fn(),
+	deleteTableSettings: vi.fn(),
+}));
+const trackTableEvent = vi.hoisted(() => vi.fn());
+
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => reactive(connections) }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/notifications', () => ({ useNotificationsStore: () => reactive({ alert: null }) }));
+vi.mock('@/stores/ui-settings', () => ({ useUiSettingsStore: () => reactive({ isDarkMode: false }) }));
+vi.mock('@/components/table/analytics', () => ({ trackTableEvent }));
+
+function field(column_name: string, overrides: Partial<TableField> = {}): TableField {
+	return {
+		column_name,
+		column_default: null,
+		data_type: 'varchar',
+		isExcluded: false,
+		isSearched: false,
+		auto_increment: false,
+		allow_null: true,
+		character_maximum_length: null,
+		...overrides,
+	};
+}
+
+function settings(overrides: Partial<TableSettings> = {}): TableSettings {
+	return {
+		connection_id: '63f804e4-8588-4957-8d7f-655e2309fef7',
+		table_name: 'actor',
+		display_name: '',
+		icon: '',
+		search_fields: [],
+		excluded_fields: [],
+		list_fields: [],
+		ordering: TableOrdering.Ascending,
+		ordering_field: '',
+		columns_view: [],
+		identity_column: '',
+		readonly_fields: [],
+		sortable_by: [],
+		autocomplete_columns: ['FirstName'],
+		sensitive_fields: [],
+		allow_csv_export: true,
+		allow_csv_import: true,
+		can_delete: true,
+		...overrides,
+	};
+}
+
+const PATTERN = '/dashboard/:connectionId/:tableName/settings';
+const mountPage = () => mountTableView(TableSettingsView, PATTERN, '/dashboard/12345678/users/settings');
+
+function optionTexts(wrapper: Awaited<ReturnType<typeof mountPage>>['wrapper'], name: string) {
+	return wrapper.findAll(`select[name="${name}"] option`).map((option) => option.text());
+}
+
+describe('TableSettingsView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		tables.fetchTableStructure.mockResolvedValue({
+			structure: [field('FirstName'), field('Id', { auto_increment: true }), field('bool')],
+			primaryColumns: [{ data_type: 'int', column_name: 'Id' }],
+			foreignKeys: [],
+			readonly_fields: [],
+			table_widgets: [],
+		});
+		tables.fetchTableSettings.mockResolvedValue(settings());
+		tables.updateTableSettings.mockResolvedValue(undefined);
+		tables.deleteTableSettings.mockResolvedValue(undefined);
+	});
+
+	it('offers every column, but never a primary key as a hidden column', async () => {
+		const { wrapper } = await mountPage();
+
+		expect(tables.fetchTableSettings).toHaveBeenCalledWith('12345678', 'users');
+		expect(optionTexts(wrapper, 'search_fields')).toEqual(['FirstName', 'Id', 'bool']);
+		expect(optionTexts(wrapper, 'excluded_fields')).toEqual(['FirstName', 'bool']);
+		expect(optionTexts(wrapper, 'identity_column')).toEqual(['None', 'FirstName', 'Id', 'bool']);
+		expect(wrapper.findAll('select[name="autocomplete_columns"] option:checked').map((o) => o.text())).toEqual([
+			'FirstName',
+		]);
+		expect(document.title).toBe('Users - Table settings | Rocketadmin');
+		wrapper.unmount();
+	});
+
+	it('enables Save once something changed, then saves and goes back to the table', async () => {
+		const { wrapper, router } = await mountPage();
+		const save = byTestId(wrapper, 'table-settings-save-button');
+		expect(save.attributes('disabled')).toBeDefined();
+
+		await wrapper.find('input[name="display_name"]').setValue('People');
+		expect(byTestId(wrapper, 'table-settings-save-button').attributes('disabled')).toBeUndefined();
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(tables.updateTableSettings).toHaveBeenCalledWith(
+			true,
+			'12345678',
+			'users',
+			expect.objectContaining({ display_name: 'People', connection_id: '12345678', table_name: 'users' }),
+		);
+		expect(trackTableEvent).toHaveBeenCalledWith(
+			'Table settings: updated successfully',
+			expect.objectContaining({
+				display_name: true,
+				autocomplete_columns: true,
+				search_fields: false,
+				list_fields: false,
+			}),
+		);
+		expect(router.currentRoute.value.path).toBe('/dashboard/12345678/users');
+		wrapper.unmount();
+	});
+
+	it('creates the settings when the table has none yet', async () => {
+		tables.fetchTableSettings.mockResolvedValue({});
+		const { wrapper } = await mountPage();
+		expect(byTestId(wrapper, 'table-settings-reset-button').attributes('disabled')).toBeDefined();
+
+		await wrapper.find('select[name="sortable_by"]').setValue(['0']);
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(tables.updateTableSettings).toHaveBeenCalledWith(
+			false,
+			'12345678',
+			'users',
+			expect.objectContaining({ sortable_by: ['FirstName'], allow_csv_export: true }),
+		);
+		wrapper.unmount();
+	});
+
+	it('resets the columns order to the table order', async () => {
+		tables.fetchTableSettings.mockResolvedValue(settings({ list_fields: ['bool', 'FirstName', 'Id'] }));
+		const { wrapper } = await mountPage();
+		expect(wrapper.text()).toContain('bool, FirstName, Id');
+		const items = () => wrapper.findAll('.table-settings__order-item').map((item) => item.text());
+		expect(items()).toEqual(['drag_indicator bool', 'drag_indicator FirstName', 'drag_indicator Id']);
+
+		await byTestId(wrapper, 'columns-order-reset-button').trigger('click');
+
+		expect(wrapper.text()).toContain('Standard order');
+		expect(items()).toEqual(['drag_indicator FirstName', 'drag_indicator Id', 'drag_indicator bool']);
+		expect(byTestId(wrapper, 'table-settings-save-button').attributes('disabled')).toBeUndefined();
+		wrapper.unmount();
+	});
+
+	it('deletes the settings on Reset', async () => {
+		const { wrapper } = await mountPage();
+		await byTestId(wrapper, 'table-settings-reset-button').trigger('click');
+		await flushPromises();
+
+		expect(tables.deleteTableSettings).toHaveBeenCalledWith('12345678', 'users');
+		expect(trackTableEvent).toHaveBeenCalledWith('Table settings: reset successfully');
+		wrapper.unmount();
+	});
+
+	it('goes back in history with Back', async () => {
+		const { wrapper, router } = await mountPage();
+		const back = vi.spyOn(router, 'back');
+		await buttonByText(wrapper, 'Back').trigger('click');
+		expect(back).toHaveBeenCalled();
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/table/TableSettingsView.vue b/frontend-vue/src/views/table/TableSettingsView.vue
new file mode 100644
index 000000000..13967c55e
--- /dev/null
+++ b/frontend-vue/src/views/table/TableSettingsView.vue
@@ -0,0 +1,593 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboard/db-table-view/db-table-settings: the table's
+// settings (`/dashboard/:connectionId/:tableName/settings`) — display name and icon, sensitive and
+// identity fields, CSV import/export and delete permissions, the default table view (visible
+// columns, column order by drag and drop, search, ordering, sorting, hidden columns) and the row
+// edit behaviour (foreign key search columns, read-only fields).
+//
+// Save is enabled once the form was touched (or the order / icon changed), like Angular's
+// `pristine` check; Reset deletes the saved settings.
+import { computed, onMounted, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import draggable from 'vuedraggable';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import AppBreadcrumbs from '@/components/shared/AppBreadcrumbs.vue';
+import AppIconPicker from '@/components/shared/AppIconPicker.vue';
+import PlaceholderTableSettings from '@/components/skeletons/PlaceholderTableSettings.vue';
+import { trackTableEvent } from '@/components/table/analytics';
+import {
+	type SelectOption,
+	UiButton,
+	UiExpansionPanel,
+	UiField,
+	UiIcon,
+	UiIconButton,
+	UiInput,
+	UiRadio,
+	UiRadioGroup,
+	UiSelect,
+	UiSwitch,
+} from '@/components/ui';
+import { normalizeTableName } from '@/lib/normalize';
+import { TableOrdering, type TableSettings } from '@/models/table';
+import { useConnectionsStore } from '@/stores/connections';
+import { type TableStructureResponse, useTablesStore } from '@/stores/tables';
+
+const route = useRoute();
+const router = useRouter();
+const connections = useConnectionsStore();
+const tables = useTablesStore();
+
+const connectionId = computed(() => String(route.params.connectionId ?? ''));
+const tableName = computed(() => String(route.params.tableName ?? ''));
+const displayTableName = computed(() => normalizeTableName(tableName.value));
+
+const TABLE_SETTINGS_INITIAL: TableSettings = {
+	connection_id: '',
+	table_name: '',
+	icon: '',
+	display_name: '',
+	autocomplete_columns: [],
+	identity_column: '',
+	ordering: TableOrdering.Ascending,
+	ordering_field: '',
+	list_fields: [],
+	columns_view: [],
+	search_fields: [],
+	excluded_fields: [],
+	readonly_fields: [],
+	sortable_by: [],
+	sensitive_fields: [],
+	allow_csv_export: true,
+	allow_csv_import: true,
+	can_delete: true,
+};
+
+const defaultIcons = [
+	'favorite',
+	'star',
+	'done',
+	'arrow_forward',
+	'key',
+	'lock',
+	'visibility',
+	'language',
+	'notifications',
+	'schedule',
+];
+
+// Hints quoting page names, kept here rather than in attribute strings.
+const HINTS = {
+	sensitive: 'Choose the fields you want hidden in the "Audit" tab. They won\'t be logged on our servers.',
+	excluded:
+		'Choose the columns you want to hide from the "Table" view and the "Edit row" view. This also removes the option to edit them.',
+	readonly: 'Choose columns that will be visible in "Table" view but not editable in "Edit row" view.',
+};
+
+const loading = ref(true);
+const submitting = ref(false);
+const isSettingsExist = ref(false);
+const fields = ref<string[]>([]);
+const fieldsToExclude = ref<string[]>([]);
+const tableSettings = ref<TableSettings | null>(null);
+const listFieldsOrder = ref<string[]>([]);
+const orderChanged = ref(false);
+const iconChanged = ref(false);
+/** Any control was changed since load or reset (the inverse of Angular's `form.pristine`). */
+const dirty = ref(false);
+const form = ref<HTMLFormElement | null>(null);
+
+const fieldOptions = computed<SelectOption<string>[]>(() =>
+	fields.value.map((field) => ({ value: field, label: field })),
+);
+const optionalFieldOptions = computed<SelectOption<string>[]>(() => [
+	{ value: '', label: 'None' },
+	...fieldOptions.value,
+]);
+const excludeOptions = computed<SelectOption<string>[]>(() =>
+	fieldsToExclude.value.map((field) => ({ value: field, label: field })),
+);
+
+const crumbs = computed(() => {
+	const connection = connections.currentConnection;
+	return [
+		{ label: connection.title || connection.database, link: `/dashboard/${connectionId.value}` },
+		{
+			label: tableSettings.value?.display_name || displayTableName.value,
+			link: `/dashboard/${connectionId.value}/${tableName.value}`,
+		},
+		{ label: 'Settings', link: null },
+	];
+});
+
+const saveDisabled = computed(() => (submitting.value || !dirty.value) && !orderChanged.value && !iconChanged.value);
+
+onMounted(async () => {
+	let structure: TableStructureResponse;
+	try {
+		structure = await tables.fetchTableStructure(connectionId.value, tableName.value);
+	} catch {
+		return;
+	}
+	const primaryKeys = structure.primaryColumns.map((column) => column.column_name);
+	fields.value = structure.structure.map((field) => field.column_name);
+	fieldsToExclude.value = fields.value.filter((field) => !primaryKeys.includes(field));
+	await getTableSettings();
+});
+
+async function getTableSettings() {
+	let res: TableSettings | null;
+	try {
+		res = await tables.fetchTableSettings(connectionId.value, tableName.value);
+	} catch {
+		return;
+	}
+	loading.value = false;
+	const exists = !!res && Object.keys(res).length !== 0;
+	if (res && exists) {
+		isSettingsExist.value = true;
+		tableSettings.value = res;
+		listFieldsOrder.value = [...(res.list_fields ?? [])];
+	} else {
+		tableSettings.value = { ...TABLE_SETTINGS_INITIAL };
+	}
+	if (!exists || !res?.list_fields?.length) listFieldsOrder.value = [...fields.value];
+	document.title = `${res?.display_name || displayTableName.value} - Table settings | Rocketadmin`;
+}
+
+function markDirty() {
+	dirty.value = true;
+}
+
+function updateIcon(icon: string | null) {
+	if (!tableSettings.value) return;
+	tableSettings.value.icon = icon ?? '';
+	iconChanged.value = true;
+}
+
+function onOrderChange() {
+	if (!tableSettings.value) return;
+	tableSettings.value.list_fields = [...listFieldsOrder.value];
+	orderChanged.value = true;
+}
+
+function resetColumnsOrder() {
+	if (!tableSettings.value) return;
+	tableSettings.value.list_fields = [];
+	listFieldsOrder.value = [...fields.value];
+	orderChanged.value = true;
+}
+
+function setList(key: keyof TableSettings, value: string | string[] | null) {
+	if (!tableSettings.value) return;
+	(tableSettings.value[key] as string[]) = Array.isArray(value) ? value : [];
+	markDirty();
+}
+
+function setText(key: 'identity_column' | 'ordering_field', value: string | string[] | null) {
+	if (!tableSettings.value) return;
+	tableSettings.value[key] = typeof value === 'string' ? value : '';
+	markDirty();
+}
+
+async function updateSettings() {
+	const settings = tableSettings.value;
+	if (!settings) return;
+	submitting.value = true;
+	settings.connection_id = connectionId.value;
+	settings.table_name = tableName.value;
+
+	// Which settings are set, for analytics.
+	const updatedSettings: Record<string, boolean> = {};
+	for (const [key, value] of Object.entries(settings)) {
+		if (key === 'connection_id' || key === 'table_name' || key === 'ordering') continue;
+		if (Array.isArray(value)) {
+			updatedSettings[key] = key === 'list_fields' ? orderChanged.value : value.length > 0;
+		} else {
+			updatedSettings[key] = Boolean(value);
+		}
+	}
+
+	try {
+		await tables.updateTableSettings(isSettingsExist.value, connectionId.value, tableName.value, settings);
+		trackTableEvent('Table settings: updated successfully', updatedSettings);
+		router.push(`/dashboard/${connectionId.value}/${tableName.value}`);
+	} catch {
+		// Reported by the store.
+	} finally {
+		submitting.value = false;
+	}
+}
+
+async function resetSettings() {
+	submitting.value = true;
+	try {
+		await tables.deleteTableSettings(connectionId.value, tableName.value);
+		form.value?.reset();
+		dirty.value = false;
+		tableSettings.value = { ...TABLE_SETTINGS_INITIAL };
+		trackTableEvent('Table settings: reset successfully');
+	} catch {
+		// Reported by the store.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<div class="table-settings">
+		<AppAlert class="table-settings__alert" />
+		<PlaceholderTableSettings v-if="loading" />
+
+		<div v-if="tableSettings" class="table-settings__page">
+			<AppBreadcrumbs :crumbs="crumbs" />
+			<form ref="form" class="table-settings__form" novalidate @submit.prevent="updateSettings" @input="markDirty">
+				<div class="table-settings__fields">
+					<h2 class="table-settings__heading">General settings</h2>
+
+					<div class="table-settings__display">
+						<UiField
+							label="Displayed table name"
+							hint="Change the name of your table. This will not override your database."
+							class="table-settings__display-name"
+						>
+							<UiInput v-model="tableSettings.display_name" name="display_name" />
+						</UiField>
+						<AppIconPicker
+							:icon="tableSettings.icon"
+							:default-icons="defaultIcons"
+							reset-button-shown
+							tooltip="Choose an icon"
+							@change="updateIcon"
+						/>
+					</div>
+
+					<UiField
+						label="Sensitive fields"
+						:hint="HINTS.sensitive"
+					>
+						<UiSelect
+							:model-value="tableSettings.sensitive_fields"
+							:options="fieldOptions"
+							multiple
+							name="columns_sensitive"
+							@update:model-value="setList('sensitive_fields', $event)"
+						/>
+					</UiField>
+
+					<UiField label="Identity field" hint="Select a column you want to display as a foreign key field.">
+						<UiSelect
+							:model-value="tableSettings.identity_column"
+							:options="optionalFieldOptions"
+							name="identity_column"
+							@update:model-value="setText('identity_column', $event)"
+						/>
+					</UiField>
+
+					<UiSwitch v-model="tableSettings.allow_csv_import" name="allow_import" @update:model-value="markDirty">
+						Allow importing rows from CSV
+					</UiSwitch>
+					<UiSwitch v-model="tableSettings.allow_csv_export" name="allow_export" @update:model-value="markDirty">
+						Allow table export to CSV
+					</UiSwitch>
+					<UiSwitch v-model="tableSettings.can_delete" name="can_delete" @update:model-value="markDirty">
+						Allow row deletion
+					</UiSwitch>
+
+					<h2 class="table-settings__heading">Table view</h2>
+					<UiField
+						label="Columns visible by default"
+						hint="Choose the columns you want users to see when they first open this table. Changes made to a table's Columns view are saved over the default values."
+					>
+						<UiSelect
+							:model-value="tableSettings.columns_view"
+							:options="fieldOptions"
+							multiple
+							name="columns_view"
+							@update:model-value="setList('columns_view', $event)"
+						/>
+					</UiField>
+
+					<div class="table-settings__order">
+						<UiExpansionPanel class="table-settings__order-panel">
+							<template #title>
+								<span class="table-settings__order-title">
+									<span class="table-settings__order-label">Columns order</span>
+									<span v-if="tableSettings.list_fields.length === 0">Standard order</span>
+									<span v-else>{{ tableSettings.list_fields.join(', ') }}</span>
+								</span>
+							</template>
+							<draggable
+								v-model="listFieldsOrder"
+								:item-key="(field: string) => field"
+								class="table-settings__order-list"
+								ghost-class="table-settings__order-item--ghost"
+								data-testid="columns-order-list"
+								@end="onOrderChange"
+							>
+								<template #item="{ element }">
+									<div class="table-settings__order-item">
+										<UiIcon name="drag_indicator" class="table-settings__order-handle" />
+										{{ element }}
+									</div>
+								</template>
+							</draggable>
+						</UiExpansionPanel>
+						<UiIconButton
+							icon="restart_alt"
+							label="Reset"
+							:disabled="tableSettings.list_fields.length === 0"
+							data-testid="columns-order-reset-button"
+							@click="resetColumnsOrder"
+						/>
+					</div>
+
+					<UiField label="Searchable columns" hint="Choose the columns Rocketadmin scans when using the Search bar.">
+						<UiSelect
+							:model-value="tableSettings.search_fields"
+							:options="fieldOptions"
+							multiple
+							name="search_fields"
+							@update:model-value="setList('search_fields', $event)"
+						/>
+					</UiField>
+
+					<div class="table-settings__ordering">
+						<UiField label="Order by" class="table-settings__ordering-by">
+							<UiSelect
+								:model-value="tableSettings.ordering_field"
+								:options="optionalFieldOptions"
+								name="ordering_field"
+								@update:model-value="setText('ordering_field', $event)"
+							/>
+						</UiField>
+						<UiRadioGroup
+							v-model="tableSettings.ordering"
+							name="ordering"
+							aria-label="Order"
+							orientation="horizontal"
+							class="table-settings__ordering-options"
+						>
+							<UiRadio :value="TableOrdering.Ascending">Ascending</UiRadio>
+							<UiRadio :value="TableOrdering.Descending">Descending</UiRadio>
+						</UiRadioGroup>
+					</div>
+
+					<UiField
+						label="Sortable columns"
+						hint="Choose which columns allow you to sort their values by pressing the arrow next to the column's name. Columns which aren't selected will not be sortable."
+					>
+						<UiSelect
+							:model-value="tableSettings.sortable_by"
+							:options="fieldOptions"
+							multiple
+							name="sortable_by"
+							@update:model-value="setList('sortable_by', $event)"
+						/>
+					</UiField>
+
+					<UiField
+						label="Columns to hide"
+						:hint="HINTS.excluded"
+					>
+						<UiSelect
+							:model-value="tableSettings.excluded_fields"
+							:options="excludeOptions"
+							multiple
+							name="excluded_fields"
+							@update:model-value="setList('excluded_fields', $event)"
+						/>
+					</UiField>
+
+					<div>
+						<h2 class="table-settings__heading">"Edit row" behavior</h2>
+						<p class="table-settings__subheading">You can edit a row by clicking on the "pencil" icon on the right.</p>
+					</div>
+					<UiField
+						label="Searchable foreign key columns"
+						hint="Choose the columns Rocketadmin scans within a related table when selecting a foreign key."
+					>
+						<UiSelect
+							:model-value="tableSettings.autocomplete_columns"
+							:options="fieldOptions"
+							multiple
+							name="autocomplete_columns"
+							@update:model-value="setList('autocomplete_columns', $event)"
+						/>
+					</UiField>
+
+					<UiField
+						label="Read-only fields"
+						:hint="HINTS.readonly"
+					>
+						<UiSelect
+							:model-value="tableSettings.readonly_fields"
+							:options="fieldOptions"
+							multiple
+							name="readonly_fields"
+							@update:model-value="setList('readonly_fields', $event)"
+						/>
+					</UiField>
+				</div>
+
+				<div class="table-settings__actions">
+					<UiButton variant="secondary" class="table-settings__back" @click="router.back()">Back</UiButton>
+					<UiButton
+						variant="danger"
+						:disabled="submitting || !isSettingsExist"
+						data-testid="table-settings-reset-button"
+						@click="resetSettings"
+					>
+						Reset
+					</UiButton>
+					<UiButton type="submit" :disabled="saveDisabled" data-testid="table-settings-save-button">Save</UiButton>
+				</div>
+			</form>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.table-settings {
+	padding: 0 var(--space-4);
+}
+
+.table-settings__alert {
+	margin-top: var(--space-6);
+}
+
+.table-settings__page {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	margin-top: var(--space-10);
+}
+
+.table-settings__form {
+	width: 100%;
+}
+
+.table-settings__fields {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-5);
+	max-width: 40.625rem;
+	margin: 0 auto;
+	padding: var(--space-6) 0 var(--space-10);
+}
+
+.table-settings__heading {
+	margin: var(--space-5) 0 0;
+	font-family: var(--font-display);
+	font-size: var(--text-md);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.table-settings__subheading {
+	margin: var(--space-1) 0 0;
+	color: var(--color-muted);
+}
+
+.table-settings__display {
+	display: flex;
+	align-items: center;
+	gap: var(--space-3);
+}
+
+.table-settings__display-name {
+	flex-grow: 1;
+}
+
+.table-settings__order {
+	display: flex;
+	align-items: flex-start;
+	gap: var(--space-3);
+}
+
+.table-settings__order-panel {
+	flex-grow: 1;
+}
+
+.table-settings__order-title {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-05);
+	text-align: start;
+}
+
+.table-settings__order-label {
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+
+.table-settings__order-list {
+	display: flex;
+	flex-direction: column;
+}
+
+.table-settings__order-item {
+	display: flex;
+	align-items: center;
+	gap: var(--space-2);
+	padding: var(--space-4) var(--space-3);
+	background: var(--color-surface);
+	cursor: move;
+}
+
+.table-settings__order-item:not(:last-child) {
+	border-bottom: 1px solid var(--color-line);
+}
+
+.table-settings__order-item--ghost {
+	opacity: 0.5;
+	background: var(--color-paper-2);
+}
+
+.table-settings__order-handle {
+	color: var(--color-muted);
+}
+
+.table-settings__ordering {
+	display: flex;
+	align-items: flex-end;
+	gap: var(--space-3);
+}
+
+.table-settings__ordering-by {
+	width: 50%;
+}
+
+.table-settings__ordering-options {
+	flex-shrink: 0;
+	padding-bottom: var(--space-2);
+}
+
+.table-settings__actions {
+	position: sticky;
+	bottom: 0;
+	z-index: var(--z-sticky);
+	display: flex;
+	align-items: center;
+	gap: var(--space-5);
+	padding: var(--space-3) max(calc(50% - 20.3125rem), var(--space-4));
+	border-top: 1px solid var(--color-line);
+	background: var(--color-paper);
+}
+
+.table-settings__back {
+	margin-right: auto;
+}
+
+@media (width <= 600px) {
+	.table-settings__ordering {
+		flex-direction: column;
+		align-items: flex-start;
+	}
+
+	.table-settings__ordering-by {
+		width: 100%;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/table/TableWidgetsView.spec.ts b/frontend-vue/src/views/table/TableWidgetsView.spec.ts
new file mode 100644
index 000000000..b5016aabd
--- /dev/null
+++ b/frontend-vue/src/views/table/TableWidgetsView.spec.ts
@@ -0,0 +1,165 @@
+import { flushPromises } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { reactive } from 'vue';
+import WidgetDeleteDialog from '@/components/table/WidgetDeleteDialog.vue';
+import { WIDGET_DEFAULT_PARAMS } from '@/components/table/widget-defaults';
+import type { TableField } from '@/models/table';
+import TableWidgetsView from './TableWidgetsView.vue';
+import { buttonByText, byTestId, mountTableView } from './tableTestUtils';
+
+const connections = vi.hoisted(() => ({ currentConnection: { title: 'Shop', database: 'shop' } }));
+const tables = vi.hoisted(() => ({
+	fetchTableStructure: vi.fn(),
+	fetchTableWidgets: vi.fn(),
+	updateTableWidgets: vi.fn(),
+}));
+const dialog = vi.hoisted(() => ({ open: vi.fn(), result: 'delete' as string | undefined }));
+const trackTableEvent = vi.hoisted(() => vi.fn());
+
+vi.mock('@/stores/connections', () => ({ useConnectionsStore: () => reactive(connections) }));
+vi.mock('@/stores/tables', () => ({ useTablesStore: () => tables }));
+vi.mock('@/stores/notifications', () => ({ useNotificationsStore: () => reactive({ alert: null }) }));
+vi.mock('@/components/table/analytics', () => ({ trackTableEvent }));
+vi.mock('@/composables/useDialog', () => ({
+	useDialog: () => ({
+		open: (...args: unknown[]) => {
+			dialog.open(...args);
+			return { afterClosed: () => Promise.resolve(dialog.result) };
+		},
+	}),
+}));
+
+function field(column_name: string): TableField {
+	return {
+		column_name,
+		column_default: null,
+		data_type: 'varchar',
+		isExcluded: false,
+		isSearched: false,
+		auto_increment: false,
+		allow_null: true,
+		character_maximum_length: null,
+	};
+}
+
+const PATTERN = '/dashboard/:connectionId/:tableName/widgets';
+const mountPage = () => mountTableView(TableWidgetsView, PATTERN, '/dashboard/12345678/users/widgets');
+
+describe('TableWidgetsView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		dialog.result = 'delete';
+		tables.fetchTableStructure.mockResolvedValue({
+			structure: [field('FirstName'), field('email'), field('bool')],
+			primaryColumns: [],
+			foreignKeys: [],
+			readonly_fields: [],
+			table_widgets: [],
+		});
+		tables.fetchTableWidgets.mockResolvedValue([
+			{ field_name: 'email', widget_type: 'Textarea', widget_params: '', name: 'user email', description: '' },
+			{ field_name: 'bool', widget_type: '', widget_params: '', name: '', description: '' },
+		]);
+		tables.updateTableWidgets.mockResolvedValue([]);
+	});
+
+	it('loads the structure and the widgets; typeless widgets show as Default', async () => {
+		const { wrapper } = await mountPage();
+
+		expect(tables.fetchTableStructure).toHaveBeenCalledWith('12345678', 'users');
+		expect(tables.fetchTableWidgets).toHaveBeenCalledWith('12345678', 'users');
+		expect(byTestId(wrapper, 'widget-item-0').text()).toContain('email');
+		const types = wrapper.findAll('[data-testid="widget-type-select"]');
+		expect(types[1]?.find('option:checked').text()).toBe('Default');
+		expect(document.title).toBe('Users - Field display | Rocketadmin');
+		wrapper.unmount();
+	});
+
+	it('adds a widget for a column without one, with the type defaults', async () => {
+		const { wrapper } = await mountPage();
+		await byTestId(wrapper, 'widgets-add-button').trigger('click');
+
+		const newItem = byTestId(wrapper, 'widget-item-2');
+		const fieldOptions = newItem.findAll('[data-testid="widget-field-select"] option').map((option) => option.text());
+		expect(fieldOptions).toEqual(['', 'FirstName']);
+		expect(trackTableEvent).toHaveBeenCalledWith('Widgets: add widget is clicked');
+
+		// Option values are option indexes; the first one is the empty placeholder.
+		await newItem.find('[data-testid="widget-field-select"]').setValue('0');
+		const typeSelect = byTestId(wrapper, 'widget-item-2').find('[data-testid="widget-type-select"]');
+		const rangeIndex = typeSelect.findAll('option').findIndex((option) => option.text() === 'Range');
+		await typeSelect.setValue(String(rangeIndex));
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(tables.updateTableWidgets).toHaveBeenCalledWith('12345678', 'users', [
+			{ field_name: 'email', widget_type: 'Textarea', widget_params: '', name: 'user email', description: '' },
+			{ field_name: 'bool', widget_type: '', widget_params: '', name: '', description: '' },
+			{
+				field_name: 'FirstName',
+				widget_type: 'Range',
+				widget_params: WIDGET_DEFAULT_PARAMS.Range,
+				name: '',
+				description: '',
+			},
+		]);
+		wrapper.unmount();
+	});
+
+	it('saves the widgets and goes back to the table', async () => {
+		const { wrapper, router } = await mountPage();
+		await wrapper.find('form').trigger('submit');
+		await flushPromises();
+
+		expect(tables.updateTableWidgets).toHaveBeenCalledTimes(1);
+		expect(trackTableEvent).toHaveBeenCalledWith('Widgets: widgets are updated successfully');
+		expect(router.currentRoute.value.path).toBe('/dashboard/12345678/users');
+		wrapper.unmount();
+	});
+
+	it('deletes one widget after confirmation, returns its column and saves at once', async () => {
+		const { wrapper, router } = await mountPage();
+		await byTestId(wrapper, 'widget-item-0').find('button[aria-label="Delete widget"]').trigger('click');
+		await flushPromises();
+
+		expect(dialog.open).toHaveBeenCalledWith(WidgetDeleteDialog, { data: 'email' });
+		expect(tables.updateTableWidgets).toHaveBeenCalledWith('12345678', 'users', [
+			{ field_name: 'bool', widget_type: '', widget_params: '', name: '', description: '' },
+		]);
+		expect(router.currentRoute.value.path).toBe('/dashboard/12345678/users/widgets');
+		wrapper.unmount();
+	});
+
+	it('clears all widgets after confirmation and shows the empty state', async () => {
+		const { wrapper } = await mountPage();
+		await byTestId(wrapper, 'widgets-clear-all-button').trigger('click');
+		await flushPromises();
+
+		expect(dialog.open).toHaveBeenCalledWith(WidgetDeleteDialog);
+		expect(tables.updateTableWidgets).toHaveBeenCalledWith('12345678', 'users', []);
+		expect(wrapper.text()).toContain('Make your data easier to read and edit');
+		wrapper.unmount();
+	});
+
+	it('keeps the widgets when deletion is cancelled', async () => {
+		dialog.result = undefined;
+		const { wrapper } = await mountPage();
+		await byTestId(wrapper, 'widgets-clear-all-button').trigger('click');
+		await flushPromises();
+
+		expect(tables.updateTableWidgets).not.toHaveBeenCalled();
+		expect(byTestId(wrapper, 'widget-item-1').exists()).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('starts from the empty state when there are no widgets', async () => {
+		tables.fetchTableWidgets.mockResolvedValue([]);
+		const { wrapper } = await mountPage();
+
+		await byTestId(wrapper, 'create-first-widget-button').trigger('click');
+		expect(trackTableEvent).toHaveBeenCalledWith('Widgets: add first widget is clicked');
+		expect(byTestId(wrapper, 'widget-item-0').exists()).toBe(true);
+		expect(buttonByText(wrapper, 'Back').attributes('href')).toBe('/dashboard/12345678/users');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/table/TableWidgetsView.vue b/frontend-vue/src/views/table/TableWidgetsView.vue
new file mode 100644
index 000000000..062a2ba7c
--- /dev/null
+++ b/frontend-vue/src/views/table/TableWidgetsView.vue
@@ -0,0 +1,382 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/dashboard/db-table-view/db-table-widgets: the table's UI
+// widgets (`/dashboard/:connectionId/:tableName/widgets`). One row per widget; a column can carry
+// at most one, so the column picker offers only the columns without a widget. Saving posts the whole
+// list and goes back to the table; deleting one (or all) saves right away and stays here.
+//
+// Widgets saved without a type come back as `''` and are shown as "Default"; "Default" is sent back
+// as `''`.
+import { difference } from 'lodash-es';
+import { computed, onMounted, ref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import AppAlert from '@/components/shared/AppAlert.vue';
+import AppBreadcrumbs from '@/components/shared/AppBreadcrumbs.vue';
+import PlaceholderTableWidgets from '@/components/skeletons/PlaceholderTableWidgets.vue';
+import { trackTableEvent } from '@/components/table/analytics';
+import TableWidgetItem from '@/components/table/TableWidgetItem.vue';
+import WidgetDeleteDialog from '@/components/table/WidgetDeleteDialog.vue';
+import WidgetsEmptyState from '@/components/table/WidgetsEmptyState.vue';
+import { NO_SETTINGS, WIDGET_DEFAULT_PARAMS, WIDGETS_WITH_SETTINGS } from '@/components/table/widget-defaults';
+import { UiButton, UiIcon, UiIconButton } from '@/components/ui';
+import { useDialog } from '@/composables/useDialog';
+import { UIwidgets } from '@/consts/record-edit-types';
+import { normalizeTableName } from '@/lib/normalize';
+import type { Widget } from '@/models/table';
+import { useConnectionsStore } from '@/stores/connections';
+import { type TableStructureResponse, useTablesStore } from '@/stores/tables';
+
+const route = useRoute();
+const router = useRouter();
+const connections = useConnectionsStore();
+const tables = useTablesStore();
+const dialog = useDialog();
+
+const connectionId = computed(() => String(route.params.connectionId ?? ''));
+const tableName = computed(() => String(route.params.tableName ?? ''));
+
+const widgetTypes = Object.keys(UIwidgets).sort();
+
+/** Columns without a widget, offered by the column picker. */
+const fields = ref<string[]>([]);
+const fieldsCount = ref(0);
+/** null until loaded. */
+const widgets = ref<Widget[] | null>(null);
+const displayTableName = ref('');
+const submitting = ref(false);
+
+const widgetList = computed(() => widgets.value ?? []);
+const tablePath = computed(() => `/dashboard/${connectionId.value}/${tableName.value}`);
+
+const crumbs = computed(() => {
+	const connection = connections.currentConnection;
+	return [
+		{ label: connection.title || connection.database, link: `/dashboard/${connectionId.value}` },
+		{ label: displayTableName.value, link: tablePath.value },
+		{ label: 'UI Widgets', link: null },
+	];
+});
+
+onMounted(async () => {
+	let res: TableStructureResponse;
+	try {
+		res = await tables.fetchTableStructure(connectionId.value, tableName.value);
+	} catch {
+		return;
+	}
+	fieldsCount.value = res.structure.length;
+	fields.value = res.structure.map((field) => field.column_name);
+	displayTableName.value = (res.display_name as string | undefined) || normalizeTableName(tableName.value);
+	document.title = `${displayTableName.value} - Field display | Rocketadmin`;
+	await getWidgets();
+});
+
+async function getWidgets() {
+	let res: Widget[];
+	try {
+		res = await tables.fetchTableWidgets(connectionId.value, tableName.value);
+	} catch {
+		return;
+	}
+	fields.value = difference(
+		fields.value,
+		res.map((widget) => widget.field_name),
+	);
+	widgets.value = res.map((widget) => (widget.widget_type === '' ? { ...widget, widget_type: 'Default' } : widget));
+}
+
+function isReadOnly(type: string) {
+	return !WIDGETS_WITH_SETTINGS.includes(type);
+}
+
+function addNewWidget() {
+	widgets.value?.push({
+		field_name: '',
+		widget_type: 'Default',
+		widget_params: NO_SETTINGS,
+		name: '',
+		description: '',
+	});
+}
+
+function trackAddWidget() {
+	trackTableEvent('Widgets: add widget is clicked');
+	addNewWidget();
+}
+
+function selectWidgetField(index: number, field: string) {
+	const widget = widgets.value?.[index];
+	if (!widget) return;
+	widget.field_name = field;
+	fields.value = fields.value.filter((name) => name !== field);
+}
+
+function widgetTypeChange(index: number, type: string) {
+	const widget = widgets.value?.[index];
+	if (!widget) return;
+	widget.widget_type = type;
+	widget.widget_params = WIDGET_DEFAULT_PARAMS[type || 'Default'] ?? NO_SETTINGS;
+}
+
+function widgetParamsChange(index: number, value: string) {
+	const widget = widgets.value?.[index];
+	if (widget) widget.widget_params = value;
+}
+
+function updateWidget(index: number, patch: Partial<Widget>) {
+	const widget = widgets.value?.[index];
+	if (widget) Object.assign(widget, patch);
+}
+
+async function openDeleteWidgetDialog(widgetFieldName: string) {
+	const action = await dialog.open<'delete'>(WidgetDeleteDialog, { data: widgetFieldName }).afterClosed();
+	if (action !== 'delete' || !widgets.value) return;
+	fields.value = [...fields.value, widgetFieldName];
+	widgets.value = widgets.value.filter((widget) => widget.field_name !== widgetFieldName);
+	await updateWidgets(true);
+}
+
+async function openClearAllConfirmation() {
+	const action = await dialog.open<'delete'>(WidgetDeleteDialog).afterClosed();
+	if (action !== 'delete' || !widgets.value) return;
+	fields.value = [...fields.value, ...widgets.value.map((widget) => widget.field_name)];
+	widgets.value = [];
+	await updateWidgets(true);
+}
+
+async function updateWidgets(afterDeleteAll = false) {
+	if (!widgets.value) return;
+	submitting.value = true;
+	const payload = widgets.value.map((widget) =>
+		widget.widget_type === 'Default' ? { ...widget, widget_type: '' } : { ...widget },
+	);
+	try {
+		await tables.updateTableWidgets(connectionId.value, tableName.value, payload);
+		trackTableEvent('Widgets: widgets are updated successfully');
+		if (!afterDeleteAll) router.push(tablePath.value);
+	} catch {
+		// Reported by the store.
+	} finally {
+		submitting.value = false;
+	}
+}
+</script>
+
+<template>
+	<div class="table-widgets">
+		<AppAlert class="table-widgets__alert" />
+		<PlaceholderTableWidgets v-if="!widgets" />
+
+		<div v-else class="table-widgets__wrapper">
+			<header class="table-widgets__header">
+				<div class="table-widgets__mobile-header">
+					<UiIconButton icon="arrow_back" label="Back to table" :to="tablePath" />
+					<div class="table-widgets__mobile-titles">
+						<h1 class="table-widgets__mobile-title">Widgets</h1>
+						<span class="table-widgets__mobile-subtitle">{{ tableName }}</span>
+					</div>
+				</div>
+				<AppBreadcrumbs :crumbs="crumbs" class="table-widgets__breadcrumbs" />
+
+				<div v-if="widgets.length" class="table-widgets__header-actions-box">
+					<div class="table-widgets__header-actions">
+						<UiButton
+							variant="secondary"
+							:disabled="fields.length === 0 && widgets.length === 0"
+							data-testid="widgets-clear-all-button"
+							@click="openClearAllConfirmation"
+						>
+							Clear All
+						</UiButton>
+						<UiButton
+							variant="secondary"
+							:disabled="fields.length === 0 || widgets.length === fieldsCount"
+							data-testid="widgets-add-button"
+							@click="trackAddWidget"
+						>
+							<template #leading><UiIcon name="add" /></template>
+							Add UI widget
+						</UiButton>
+					</div>
+					<div class="table-widgets__header-links">
+						<UiButton
+							variant="ghost"
+							href="https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_definition"
+							target="_blank"
+							rel="noopener noreferrer"
+						>
+							What are UI Widgets
+							<template #trailing><UiIcon name="open_in_new" size="sm" /></template>
+						</UiButton>
+						<UiButton
+							variant="ghost"
+							href="https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management"
+							target="_blank"
+							rel="noopener noreferrer"
+						>
+							How to manage UI Widgets
+							<template #trailing><UiIcon name="open_in_new" size="sm" /></template>
+						</UiButton>
+					</div>
+				</div>
+			</header>
+
+			<form v-if="widgetList.length" class="table-widgets__form" novalidate @submit.prevent="updateWidgets()">
+				<div class="table-widgets__grid">
+					<TableWidgetItem
+						v-for="(widget, index) in widgetList"
+						:key="index"
+						:index="index"
+						:widget="widget"
+						:fields="fields"
+						:widget-types="widgetTypes"
+						:is-readonly-params="isReadOnly(widget.widget_type)"
+						@select-field="selectWidgetField(index, $event)"
+						@type-change="widgetTypeChange(index, $event)"
+						@params-change="widgetParamsChange(index, $event)"
+						@update="updateWidget(index, $event)"
+						@delete="openDeleteWidgetDialog(widget.field_name)"
+					/>
+				</div>
+
+				<div class="table-widgets__actions">
+					<UiButton variant="secondary" :to="tablePath" class="table-widgets__back">Back</UiButton>
+					<UiButton type="submit" :disabled="submitting" data-testid="widgets-save-button">Save</UiButton>
+				</div>
+			</form>
+
+			<template v-else>
+				<WidgetsEmptyState @add-widget="addNewWidget" />
+				<div class="table-widgets__actions table-widgets__actions--empty">
+					<UiButton variant="secondary" :to="tablePath">Back</UiButton>
+				</div>
+			</template>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+.table-widgets {
+	padding: 0 var(--space-4);
+}
+
+.table-widgets__alert {
+	margin-top: var(--space-6);
+}
+
+.table-widgets__wrapper {
+	width: 90%;
+	min-width: 18.75rem;
+	margin: 0 auto;
+}
+
+.table-widgets__header {
+	display: flex;
+	justify-content: space-between;
+	gap: var(--space-4);
+	margin: var(--space-10) 0 var(--space-6);
+}
+
+.table-widgets__mobile-header {
+	display: none;
+}
+
+.table-widgets__header-actions-box {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+	gap: var(--space-4);
+}
+
+.table-widgets__header-actions,
+.table-widgets__header-links {
+	display: flex;
+	gap: var(--space-4);
+}
+
+.table-widgets__grid {
+	display: grid;
+	grid-template-columns: minmax(10%, 8rem) 1fr 2fr 1fr 2fr 3rem;
+	align-items: start;
+	gap: var(--space-5);
+}
+
+.table-widgets__actions {
+	position: sticky;
+	bottom: 0;
+	display: flex;
+	justify-content: space-between;
+	margin-top: var(--space-6);
+	padding: var(--space-3) 0;
+	border-top: 1px solid var(--color-line);
+	background: var(--color-paper);
+}
+
+@media (width <= 600px) {
+	.table-widgets__wrapper {
+		width: 100%;
+		min-width: 0;
+	}
+
+	.table-widgets__breadcrumbs,
+	.table-widgets__back,
+	.table-widgets__actions--empty {
+		display: none;
+	}
+
+	.table-widgets__mobile-header {
+		display: flex;
+		align-items: center;
+		gap: var(--space-2);
+	}
+
+	.table-widgets__mobile-titles {
+		display: flex;
+		flex-direction: column;
+		min-width: 0;
+	}
+
+	.table-widgets__mobile-title {
+		margin: 0;
+		font-size: var(--text-md);
+		font-weight: var(--weight-semibold);
+	}
+
+	.table-widgets__mobile-subtitle {
+		overflow: hidden;
+		font-size: var(--text-xs);
+		color: var(--color-muted);
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.table-widgets__header {
+		flex-direction: column;
+		margin: var(--space-4) 0;
+	}
+
+	.table-widgets__header-actions-box {
+		align-items: stretch;
+		gap: var(--space-2);
+	}
+
+	.table-widgets__header-actions {
+		flex-wrap: wrap;
+		gap: var(--space-2);
+	}
+
+	.table-widgets__header-links {
+		flex-direction: column;
+		align-items: flex-start;
+		gap: 0;
+	}
+
+	.table-widgets__grid {
+		display: flex;
+		flex-direction: column;
+	}
+
+	.table-widgets__actions {
+		justify-content: flex-end;
+	}
+}
+</style>
diff --git a/frontend-vue/src/views/table/tableTestUtils.ts b/frontend-vue/src/views/table/tableTestUtils.ts
new file mode 100644
index 000000000..09b73a920
--- /dev/null
+++ b/frontend-vue/src/views/table/tableTestUtils.ts
@@ -0,0 +1,53 @@
+// Spec helpers for the table pages (not shipped: only *.spec.ts files import this).
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { createPinia, setActivePinia } from 'pinia';
+import { vi } from 'vitest';
+import { type Component, defineComponent, h } from 'vue';
+import { createMemoryHistory, createRouter, type Router, RouterView } from 'vue-router';
+
+const Blank = defineComponent({ render: () => h('div', { 'data-testid': 'blank-page' }) });
+
+/**
+ * Mounts `view` as the page of `pattern` (e.g. '/dashboard/:connectionId/:tableName/widgets'),
+ * navigated to `url`, under a memory router whose other paths render a blank page. Activates a
+ * fresh Pinia and waits for lazily imported components.
+ */
+export async function mountTableView(
+	view: Component,
+	pattern: string,
+	url: string,
+): Promise<{ wrapper: VueWrapper; router: Router }> {
+	const pinia = createPinia();
+	setActivePinia(pinia);
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [
+			{ path: pattern, component: view },
+			{ path: '/:pathMatch(.*)*', component: Blank },
+		],
+	});
+	router.push(url);
+	await router.isReady();
+	const Host = defineComponent({ render: () => h(RouterView) });
+	const wrapper = mount(Host, { global: { plugins: [router, pinia] }, attachTo: document.body });
+	await settle();
+	return { wrapper, router };
+}
+
+/** Lets pending requests and lazily imported components resolve. */
+export async function settle(): Promise<void> {
+	await flushPromises();
+	await vi.dynamicImportSettled();
+	await flushPromises();
+}
+
+export function byTestId(wrapper: VueWrapper, id: string) {
+	return wrapper.find(`[data-testid="${id}"]`);
+}
+
+/** The button (or link) whose text is `label`. */
+export function buttonByText(wrapper: VueWrapper, label: string) {
+	const match = wrapper.findAll('button, a').find((candidate) => candidate.text() === label);
+	if (!match) throw new Error(`No button "${label}"`);
+	return match;
+}
diff --git a/frontend-vue/src/views/users/PermissionsView.spec.ts b/frontend-vue/src/views/users/PermissionsView.spec.ts
new file mode 100644
index 000000000..f9db9c094
--- /dev/null
+++ b/frontend-vue/src/views/users/PermissionsView.spec.ts
@@ -0,0 +1,257 @@
+import { flushPromises, mount, type VueWrapper } from '@vue/test-utils';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { computed, reactive } from 'vue';
+import { vTooltip } from '@/components/ui';
+import CedarPolicyEditorDialog from '@/components/users/CedarPolicyEditorDialog.vue';
+import GroupAddDialog from '@/components/users/GroupAddDialog.vue';
+import GroupDeleteDialog from '@/components/users/GroupDeleteDialog.vue';
+import GroupNameEditDialog from '@/components/users/GroupNameEditDialog.vue';
+import { createTestRouter } from '@/components/users/testUtils';
+import UserAddDialog from '@/components/users/UserAddDialog.vue';
+import UserDeleteDialog from '@/components/users/UserDeleteDialog.vue';
+import type { GroupUser, UserGroupInfo } from '@/models/user';
+import PermissionsView from './PermissionsView.vue';
+
+const { users, dialog, company, permissions, analytics } = vi.hoisted(() => ({
+	users: {
+		groups: [] as UserGroupInfo[],
+		groupsLoading: false,
+		groupUsers: {} as Record<string, GroupUser[] | 'empty'>,
+		fetchAllGroupUsers: vi.fn(),
+	},
+	dialog: { open: vi.fn(), closeAll: vi.fn() },
+	company: { fetchCompanyMembers: vi.fn() },
+	permissions: { allowed: true },
+	analytics: { trackUsersEvent: vi.fn() },
+}));
+
+const usersState = reactive(users);
+const permissionState = reactive(permissions);
+const userState = reactive({ currentUser: { email: 'me@test.com', company: { id: 'company-1' } } });
+
+vi.mock('@/stores/users', () => ({ useUsersStore: () => usersState }));
+vi.mock('@/stores/user', () => ({ useUserStore: () => userState }));
+vi.mock('@/stores/company', () => ({ useCompanyStore: () => company }));
+vi.mock('@/stores/connections', () => ({
+	useConnectionsStore: () => ({ connectionID: 'conn-1', connectionTitle: 'Shop DB' }),
+}));
+vi.mock('@/stores/cedar-permissions', () => ({
+	useCedarPermissionsStore: () => ({ canI: () => computed(() => permissionState.allowed) }),
+}));
+vi.mock('@/composables/useDialog', async (importOriginal) => ({
+	...(await importOriginal<typeof import('@/composables/useDialog')>()),
+	useDialog: () => dialog,
+}));
+vi.mock('@/components/users/analytics', () => analytics);
+
+const adminGroup = { id: 'admin-id', title: 'Admin', isMain: true };
+const sellersGroup = {
+	id: 'sellers-id',
+	title: 'Sellers',
+	isMain: false,
+	cedarPolicy: 'permit(principal, action, resource);',
+};
+
+const me: GroupUser = {
+	id: 'u-1',
+	createdAt: '',
+	gclid: null,
+	isActive: true,
+	email: 'me@test.com',
+	name: 'Me Myself',
+};
+const ann: GroupUser = { id: 'u-2', createdAt: '', gclid: null, isActive: true, email: 'ann@test.com' };
+
+const members = [
+	{ id: 'u-1', email: 'me@test.com', name: 'Me Myself' },
+	{ id: 'u-2', email: 'ann@test.com', name: 'Ann' },
+	{ id: 'u-3', email: 'bob@test.com', name: 'Bob' },
+];
+
+async function mountView(): Promise<VueWrapper> {
+	const router = createTestRouter();
+	await router.push('/permissions/conn-1');
+	const wrapper = mount(PermissionsView, {
+		global: {
+			plugins: [router],
+			directives: { tooltip: vTooltip },
+			stubs: { PublicAccessPanel: { template: '<div data-testid="public-access-panel" />' } },
+		},
+	});
+	await flushPromises();
+	return wrapper;
+}
+
+function group(wrapper: VueWrapper, title: string) {
+	const match = wrapper
+		.findAll('[data-testid="user-group"]')
+		.find((candidate) => candidate.find('.permissions__group-title').text().startsWith(title));
+	if (!match) throw new Error(`No group ${title}`);
+	return match;
+}
+
+async function click(wrapper: VueWrapper, groupTitle: string, label: string) {
+	await group(wrapper, groupTitle).find(`[aria-label="${label}"]`).trigger('click');
+	await flushPromises();
+}
+
+describe('PermissionsView', () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		usersState.groups = [
+			{ group: adminGroup, accessLevel: 'edit' },
+			{ group: sellersGroup, accessLevel: 'edit' },
+		];
+		usersState.groupsLoading = false;
+		usersState.groupUsers = { 'admin-id': [me], 'sellers-id': [ann] };
+		permissionState.allowed = true;
+		company.fetchCompanyMembers.mockResolvedValue(members);
+		dialog.open.mockReturnValue({ afterClosed: () => Promise.resolve(undefined) });
+	});
+
+	it('sets the page title with the connection title', async () => {
+		const wrapper = await mountView();
+		expect(document.title).toBe('User permissions - Shop DB | Rocketadmin');
+		wrapper.unmount();
+	});
+
+	it('fetches the members of every group and of the company', async () => {
+		const wrapper = await mountView();
+		expect(usersState.fetchAllGroupUsers).toHaveBeenCalledWith(usersState.groups);
+		expect(company.fetchCompanyMembers).toHaveBeenCalledWith('company-1');
+		wrapper.unmount();
+	});
+
+	it('shows the skeleton while the first group list loads', async () => {
+		usersState.groups = [];
+		usersState.groupsLoading = true;
+		const wrapper = await mountView();
+		expect(wrapper.find('[aria-label="Loading user groups"]').exists()).toBe(true);
+		expect(wrapper.find('[data-testid="user-group"]').exists()).toBe(false);
+		wrapper.unmount();
+	});
+
+	it('renders the groups with their members, the system badge and the member count', async () => {
+		const wrapper = await mountView();
+		const admin = group(wrapper, 'Admin');
+		expect(admin.text()).toContain('system');
+		expect(admin.find('.permissions__avatar').text()).toBe('MM');
+		expect(admin.find('.permissions__members-count').text()).toBe('1 member');
+		expect(group(wrapper, 'Sellers').find('.permissions__avatar').text()).toBe('A');
+		expect(group(wrapper, 'Sellers').text()).toContain('ann@test.com');
+		wrapper.unmount();
+	});
+
+	it('shows the loading and empty states of a group members', async () => {
+		usersState.groupUsers = { 'sellers-id': 'empty' };
+		const wrapper = await mountView();
+		expect(group(wrapper, 'Admin').find('[aria-label="Loading group members"]').exists()).toBe(true);
+		expect(group(wrapper, 'Sellers').text()).toContain('No users in the group');
+		wrapper.unmount();
+	});
+
+	it('hides the edit, policy and delete actions of the Admin group', async () => {
+		const wrapper = await mountView();
+		const admin = group(wrapper, 'Admin');
+		expect(admin.find('[aria-label="Edit group name"]').exists()).toBe(false);
+		expect(admin.find('[aria-label="Edit policy"]').exists()).toBe(false);
+		expect(admin.find('[aria-label="Delete group"]').exists()).toBe(false);
+		expect(admin.find('[aria-label="Add user"]').exists()).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('does not offer to remove the signed-in user', async () => {
+		const wrapper = await mountView();
+		expect(group(wrapper, 'Admin').find('[aria-label="Delete user"]').exists()).toBe(false);
+		expect(group(wrapper, 'Sellers').find('[aria-label="Delete user"]').exists()).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('hides management for users who cannot edit groups', async () => {
+		permissionState.allowed = false;
+		const wrapper = await mountView();
+		expect(wrapper.text()).not.toContain('New group');
+		expect(wrapper.find('[data-testid="public-access-panel"]').exists()).toBe(false);
+		expect(wrapper.find('[aria-label="Add user"]').exists()).toBe(false);
+		expect(wrapper.find('[aria-label="View as group (opens in new tab)"]').exists()).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('shows the public access panel to connection editors', async () => {
+		const wrapper = await mountView();
+		expect(wrapper.find('[data-testid="public-access-panel"]').exists()).toBe(true);
+		wrapper.unmount();
+	});
+
+	it('links "view as" to the page with the group in a new tab', async () => {
+		const wrapper = await mountView();
+		const link = group(wrapper, 'Sellers').find('[aria-label="View as group (opens in new tab)"]');
+		expect(link.attributes('href')).toBe('/permissions/conn-1?viewAs=sellers-id');
+		expect(link.attributes('target')).toBe('_blank');
+		wrapper.unmount();
+	});
+
+	it('lists company members without access', async () => {
+		const wrapper = await mountView();
+		const text = wrapper.find('[data-testid="members-without-access"]').text();
+		expect(text).toContain('Company members who do NOT have access to this connection:');
+		expect(text).toContain('Bob (bob@test.com)');
+		expect(text).not.toContain('ann@test.com');
+		wrapper.unmount();
+	});
+
+	it('opens the policy editor for a created group', async () => {
+		const created = { id: 'new-id', title: 'Support' };
+		dialog.open.mockReturnValueOnce({ afterClosed: () => Promise.resolve(created) });
+		const wrapper = await mountView();
+
+		const button = wrapper.findAll('button').find((candidate) => candidate.text() === 'New group');
+		await button?.trigger('click');
+		await flushPromises();
+
+		expect(dialog.open).toHaveBeenNthCalledWith(1, GroupAddDialog);
+		expect(dialog.open).toHaveBeenNthCalledWith(2, CedarPolicyEditorDialog, {
+			data: { groupId: 'new-id', groupTitle: 'Support', cedarPolicy: null },
+		});
+		expect(analytics.trackUsersEvent).toHaveBeenCalledWith('Users access: add group is clicked');
+		wrapper.unmount();
+	});
+
+	it('opens the add user dialog with the members not in the group', async () => {
+		const wrapper = await mountView();
+		await click(wrapper, 'Sellers', 'Add user');
+
+		expect(dialog.open).toHaveBeenCalledWith(UserAddDialog, {
+			data: { group: sellersGroup, availableMembers: [members[0], members[2]] },
+		});
+		wrapper.unmount();
+	});
+
+	it('opens the policy, rename, delete group and delete user dialogs', async () => {
+		const wrapper = await mountView();
+
+		await click(wrapper, 'Sellers', 'Edit policy');
+		expect(dialog.open).toHaveBeenLastCalledWith(CedarPolicyEditorDialog, {
+			data: { groupId: 'sellers-id', groupTitle: 'Sellers', cedarPolicy: sellersGroup.cedarPolicy },
+		});
+
+		await click(wrapper, 'Sellers', 'Edit group name');
+		expect(dialog.open).toHaveBeenLastCalledWith(GroupNameEditDialog, { data: sellersGroup });
+
+		await click(wrapper, 'Sellers', 'Delete group');
+		expect(dialog.open).toHaveBeenLastCalledWith(GroupDeleteDialog, { data: sellersGroup });
+
+		await click(wrapper, 'Sellers', 'Delete user');
+		expect(dialog.open).toHaveBeenLastCalledWith(UserDeleteDialog, { data: { user: ann, group: sellersGroup } });
+		wrapper.unmount();
+	});
+
+	it('starts every group expanded and lets it collapse', async () => {
+		const wrapper = await mountView();
+		const toggle = group(wrapper, 'Sellers').find('.ui-expansion-panel__toggle');
+		expect(toggle.attributes('aria-expanded')).toBe('true');
+		await toggle.trigger('click');
+		expect(group(wrapper, 'Sellers').find('.ui-expansion-panel__toggle').attributes('aria-expanded')).toBe('false');
+		wrapper.unmount();
+	});
+});
diff --git a/frontend-vue/src/views/users/PermissionsView.vue b/frontend-vue/src/views/users/PermissionsView.vue
new file mode 100644
index 000000000..836cbbe21
--- /dev/null
+++ b/frontend-vue/src/views/users/PermissionsView.vue
@@ -0,0 +1,416 @@
+<script setup lang="ts">
+// Port of frontend/src/app/components/users (UsersComponent), the `/permissions/:connectionId`
+// page: the connection's user groups with their members, the public-access panel, and the entry
+// points to the group, member and Cedar policy dialogs and to "view as group".
+import { differenceBy } from 'lodash-es';
+import { computed, reactive, ref, watch, watchEffect } from 'vue';
+import { useRouter } from 'vue-router';
+import PlaceholderUserGroup from '@/components/skeletons/PlaceholderUserGroup.vue';
+import PlaceholderUserGroups from '@/components/skeletons/PlaceholderUserGroups.vue';
+import { UiAccordion, UiButton, UiExpansionPanel, UiIconButton } from '@/components/ui';
+import { trackUsersEvent } from '@/components/users/analytics';
+import CedarPolicyEditorDialog from '@/components/users/CedarPolicyEditorDialog.vue';
+import GroupAddDialog from '@/components/users/GroupAddDialog.vue';
+import GroupDeleteDialog from '@/components/users/GroupDeleteDialog.vue';
+import GroupNameEditDialog from '@/components/users/GroupNameEditDialog.vue';
+import PublicAccessPanel from '@/components/users/PublicAccessPanel.vue';
+import type { CedarPolicyEditorDialogData, UserAddDialogData, UserDeleteDialogData } from '@/components/users/types';
+import UserAddDialog from '@/components/users/UserAddDialog.vue';
+import UserDeleteDialog from '@/components/users/UserDeleteDialog.vue';
+import { useDialog } from '@/composables/useDialog';
+import type { CompanyMember } from '@/models/company';
+import type { GroupUser, UserGroup, UserGroupInfo } from '@/models/user';
+import { useCedarPermissionsStore } from '@/stores/cedar-permissions';
+import { useCompanyStore } from '@/stores/company';
+import { useConnectionsStore } from '@/stores/connections';
+import { useUserStore } from '@/stores/user';
+import { useUsersStore } from '@/stores/users';
+import { VIEW_AS_PARAM } from '@/stores/view-as';
+
+const users = useUsersStore();
+const userStore = useUserStore();
+const connections = useConnectionsStore();
+const company = useCompanyStore();
+const permissions = useCedarPermissionsStore();
+const dialog = useDialog();
+const router = useRouter();
+
+const connectionId = computed(() => connections.connectionID);
+const companyMembers = ref<CompanyMember[]>([]);
+/** Expanded state per group; every group starts expanded. */
+const openGroups = reactive<Record<string, boolean>>({});
+
+/** null while the first load is in flight (the skeleton shows), then the list. */
+const groups = computed<UserGroupInfo[] | null>(() =>
+	users.groups.length > 0 || !users.groupsLoading ? users.groups : null,
+);
+
+const companyMembersWithoutAccess = computed(() => {
+	const allGroupUsers = Object.values(users.groupUsers).flatMap((list) => (list === 'empty' ? [] : list));
+	return differenceBy(companyMembers.value, allGroupUsers, 'email');
+});
+
+const canCreateGroup = computed(() => !!permissions.canI('group:edit', 'Group', connectionId.value).value);
+// Matches ConnectionEditGuard on the public-permissions endpoints.
+const canEditConnection = computed(() => !!permissions.canI('connection:edit', 'Connection', connectionId.value).value);
+
+watchEffect(() => {
+	document.title = `User permissions - ${connections.connectionTitle} | Rocketadmin`;
+});
+
+// Fetch the members of every group whenever the group list (re)loads.
+watch(
+	() => users.groups,
+	(list) => {
+		if (list.length > 0) users.fetchAllGroupUsers(list);
+	},
+	{ immediate: true },
+);
+
+watch(
+	() => userStore.currentUser?.company.id,
+	async (companyId) => {
+		if (!companyId) return;
+		try {
+			companyMembers.value = await company.fetchCompanyMembers(companyId);
+		} catch {
+			// Reported by the store.
+		}
+	},
+	{ immediate: true },
+);
+
+function canManageGroup(groupId: string): boolean {
+	return !!permissions.canI('group:edit', 'Group', groupId).value;
+}
+
+function getGroupUsers(groupId: string): GroupUser[] | null {
+	const list = users.groupUsers[groupId];
+	if (!list || list === 'empty') return null;
+	return list;
+}
+
+function getUserInitials(user: GroupUser): string {
+	const name = user.name?.trim();
+	if (name) {
+		const parts = name.split(/\s+/);
+		const [first = '', second = ''] = parts;
+		if (second) return `${first[0] ?? ''}${second[0] ?? ''}`.toUpperCase();
+		return (first[0] ?? '').toUpperCase();
+	}
+	return (user.email[0] ?? '').toUpperCase();
+}
+
+function isGroupOpen(groupId: string): boolean {
+	return openGroups[groupId] ?? true;
+}
+
+/** An href rather than a RouterLink: the page opens in a new tab, in view-as mode from its first load. */
+function viewAsHref(groupId: string): string {
+	return router.resolve({ path: `/permissions/${connectionId.value}`, query: { [VIEW_AS_PARAM]: groupId } }).href;
+}
+
+function openCedarPolicyDialog(group: Pick<UserGroup, 'id' | 'title' | 'cedarPolicy'>) {
+	const data: CedarPolicyEditorDialogData = {
+		groupId: group.id,
+		groupTitle: group.title,
+		cedarPolicy: group.cedarPolicy ?? null,
+	};
+	dialog.open(CedarPolicyEditorDialog, { data });
+}
+
+async function openCreateUsersGroupDialog() {
+	trackUsersEvent('Users access: add group is clicked');
+	const createdGroup = await dialog.open<UserGroup | null>(GroupAddDialog).afterClosed();
+	if (createdGroup) openCedarPolicyDialog({ ...createdGroup, cedarPolicy: null });
+}
+
+function openAddUserDialog(group: UserGroup) {
+	trackUsersEvent('Users access: add user is clicked');
+	const list = users.groupUsers[group.id];
+	const availableMembers = differenceBy(companyMembers.value, list === 'empty' ? [] : (list ?? []), 'email');
+	dialog.open<unknown, UserAddDialogData>(UserAddDialog, { data: { availableMembers, group } });
+}
+
+function openDeleteGroupDialog(group: UserGroup) {
+	trackUsersEvent('Users access: delete group is clicked');
+	dialog.open(GroupDeleteDialog, { data: group });
+}
+
+function openEditGroupNameDialog(group: UserGroup) {
+	trackUsersEvent('Users access: edit group name is clicked');
+	dialog.open(GroupNameEditDialog, { data: group });
+}
+
+function onCedarPolicyClick(group: UserGroup) {
+	trackUsersEvent('Users access: cedar policy is clicked');
+	openCedarPolicyDialog(group);
+}
+
+function openDeleteUserDialog(user: GroupUser, group: UserGroup) {
+	trackUsersEvent('Users access: delete user is clicked');
+	dialog.open<unknown, UserDeleteDialogData>(UserDeleteDialog, { data: { user, group } });
+}
+</script>
+
+<template>
+	<div class="permissions">
+		<header class="permissions__header">
+			<h1 class="permissions__title">User groups</h1>
+			<UiButton v-if="canCreateGroup" variant="secondary" @click="openCreateUsersGroupDialog">New group</UiButton>
+		</header>
+
+		<PlaceholderUserGroups v-if="groups === null" />
+
+		<PublicAccessPanel v-if="canEditConnection" />
+
+		<UiAccordion v-if="groups" multi class="permissions__groups">
+			<UiExpansionPanel
+				v-for="groupItem in groups"
+				:key="groupItem.group.id"
+				:open="isGroupOpen(groupItem.group.id)"
+				:class="['permissions__group', { 'permissions__group--admin': groupItem.group.title === 'Admin' }]"
+				data-testid="user-group"
+				@update:open="openGroups[groupItem.group.id] = $event"
+			>
+				<template #title>
+					<span class="permissions__group-title">
+						<span>{{ groupItem.group.title }}</span>
+						<span v-if="groupItem.group.title === 'Admin'" class="permissions__system-badge">system</span>
+					</span>
+				</template>
+
+				<template v-if="getGroupUsers(groupItem.group.id)" #description>
+					<span class="permissions__members-preview">
+						<span
+							v-for="user in getGroupUsers(groupItem.group.id)?.slice(0, 3)"
+							:key="user.email"
+							v-tooltip="user.name || user.email"
+							class="permissions__avatar"
+							aria-hidden="true"
+						>
+							{{ getUserInitials(user) }}
+						</span>
+						<span class="permissions__members-count">
+							{{ getGroupUsers(groupItem.group.id)?.length }}
+							{{ getGroupUsers(groupItem.group.id)?.length === 1 ? 'member' : 'members' }}
+						</span>
+					</span>
+				</template>
+
+				<template #actions>
+					<span class="permissions__group-actions">
+						<UiIconButton
+							v-if="canManageGroup(groupItem.group.id) && groupItem.group.title !== 'Admin'"
+							icon="edit"
+							label="Edit group name"
+							size="sm"
+							@click="openEditGroupNameDialog(groupItem.group)"
+						/>
+						<UiIconButton
+							icon="visibility"
+							label="View as group (opens in new tab)"
+							size="sm"
+							:href="viewAsHref(groupItem.group.id)"
+							target="_blank"
+							@click="trackUsersEvent('Users access: view as group is clicked')"
+						/>
+						<template v-if="canManageGroup(groupItem.group.id) && groupItem.group.title !== 'Admin'">
+							<UiIconButton
+								icon="vpn_key"
+								label="Edit policy"
+								size="sm"
+								@click="onCedarPolicyClick(groupItem.group)"
+							/>
+							<UiIconButton
+								icon="delete"
+								label="Delete group"
+								size="sm"
+								@click="openDeleteGroupDialog(groupItem.group)"
+							/>
+						</template>
+						<UiIconButton
+							v-if="canManageGroup(groupItem.group.id)"
+							icon="person_add"
+							label="Add user"
+							size="sm"
+							@click="openAddUserDialog(groupItem.group)"
+						/>
+					</span>
+				</template>
+
+				<PlaceholderUserGroup v-if="users.groupUsers[groupItem.group.id] === undefined" />
+				<p v-if="users.groupUsers[groupItem.group.id] === 'empty'" class="permissions__empty">
+					No users in the group
+				</p>
+				<ul class="permissions__users">
+					<li v-for="user in getGroupUsers(groupItem.group.id) ?? []" :key="user.email" class="permissions__user">
+						<div class="permissions__user-label">
+							<template v-if="user.name">
+								<span class="permissions__user-name">{{ user.name }}</span>
+								<span class="permissions__user-email">{{ user.email }}</span>
+							</template>
+							<span v-else class="permissions__user-name">{{ user.email }}</span>
+						</div>
+						<UiIconButton
+							v-if="userStore.currentUser?.email !== user.email && canManageGroup(groupItem.group.id)"
+							icon="person_remove"
+							label="Delete user"
+							size="sm"
+							@click="openDeleteUserDialog(user, groupItem.group)"
+						/>
+					</li>
+				</ul>
+			</UiExpansionPanel>
+		</UiAccordion>
+
+		<p v-if="companyMembersWithoutAccess.length > 0" class="permissions__no-access" data-testid="members-without-access">
+			Company members who do NOT have access to this connection:
+			<span v-for="(member, index) in companyMembersWithoutAccess" :key="member.id">
+				<strong>{{ member.name }}</strong> ({{ member.email }}){{ index < companyMembersWithoutAccess.length - 1 ? ', ' : '' }}
+			</span>
+		</p>
+	</div>
+</template>
+
+<style scoped>
+.permissions {
+	width: clamp(18.75em, 96%, 42em);
+	margin: 0 auto;
+	padding-bottom: var(--space-8);
+}
+
+.permissions__header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin: var(--space-8) 0 var(--space-4);
+}
+
+.permissions__title {
+	margin: 0;
+	font-size: var(--text-xl);
+	font-weight: var(--weight-semibold);
+	color: var(--color-ink);
+}
+
+.permissions__groups {
+	display: flex;
+	flex-direction: column;
+}
+
+.permissions__group--admin {
+	margin-bottom: var(--space-5);
+}
+
+.permissions__group-title {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-2);
+}
+
+.permissions__system-badge {
+	padding: var(--space-05) var(--space-2);
+	border-radius: var(--radius-pill);
+	background: var(--color-paper-2);
+	color: var(--color-accent);
+	font-size: var(--text-2xs);
+	font-weight: var(--weight-semibold);
+	letter-spacing: 0.03em;
+	text-transform: uppercase;
+}
+
+/* Like the Angular panel header: the actions show on hover, focus or while the group is expanded. */
+.permissions__group:not(.ui-expansion-panel--open):not(:hover):not(:focus-within) .permissions__group-actions {
+	visibility: hidden;
+}
+
+.permissions__group-actions {
+	display: flex;
+	align-items: center;
+}
+
+.permissions__members-preview {
+	display: inline-flex;
+	align-items: center;
+}
+
+.permissions__avatar {
+	display: flex;
+	flex-shrink: 0;
+	align-items: center;
+	justify-content: center;
+	width: 1.25rem;
+	height: 1.25rem;
+	margin-inline-start: -0.2rem;
+	border: 1.5px solid var(--color-surface);
+	border-radius: 50%;
+	background: var(--color-paper-2);
+	color: var(--color-accent);
+	font-size: var(--text-2xs);
+	font-weight: var(--weight-semibold);
+}
+
+.permissions__avatar:first-child {
+	margin-inline-start: 0;
+}
+
+.permissions__members-count {
+	margin-inline-start: var(--space-2);
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+	white-space: nowrap;
+}
+
+.permissions__empty {
+	margin: 0;
+	font-size: var(--text-sm);
+}
+
+.permissions__users {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+
+.permissions__user {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: var(--space-2) 0;
+}
+
+.permissions__user-label {
+	display: flex;
+	flex-direction: column;
+}
+
+.permissions__user-name {
+	font-size: var(--text-sm);
+	color: var(--color-ink);
+}
+
+.permissions__user-email {
+	font-size: var(--text-xs);
+	color: var(--color-muted);
+}
+
+.permissions__no-access {
+	margin-top: var(--space-8);
+	font-size: var(--text-sm);
+}
+
+@media (width <= 600px) {
+	.permissions {
+		width: 100%;
+		padding: 0 var(--space-4);
+		box-sizing: border-box;
+	}
+
+	.permissions__header {
+		flex-wrap: wrap;
+		gap: var(--space-2);
+		margin: var(--space-4) 0 var(--space-3);
+	}
+}
+</style>

From c07e8078ebd2f25548c92642a96467971060be75 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Thu, 29 Oct 2026 14:26:10 +0000
Subject: [PATCH 05/22] Fix Vue header tab alignment and navigation

Center the connection tabs with a three-column header grid, and stop the
dashboard's route watchers from redirecting back to a table while the page
is being left for another header tab.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 frontend-vue/src/components/app/AppHeader.vue      | 14 ++++++++++----
 .../src/views/dashboard/DashboardView.spec.ts      |  8 ++++++++
 frontend-vue/src/views/dashboard/DashboardView.vue |  5 ++++-
 3 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/frontend-vue/src/components/app/AppHeader.vue b/frontend-vue/src/components/app/AppHeader.vue
index 7881f7e67..f934130e9 100644
--- a/frontend-vue/src/components/app/AppHeader.vue
+++ b/frontend-vue/src/components/app/AppHeader.vue
@@ -128,7 +128,9 @@ const signedIn = computed(() => props.userLoggedIn === true);
 	position: sticky;
 	top: 0;
 	z-index: var(--z-sticky);
-	display: flex;
+	/* Brand and actions take equal side columns so the connection tabs sit in the true center. */
+	display: grid;
+	grid-template-columns: 1fr minmax(0, auto) 1fr;
 	align-items: center;
 	gap: var(--space-4);
 	height: var(--header-height);
@@ -138,6 +140,7 @@ const signedIn = computed(() => props.userLoggedIn === true);
 }
 
 .app-header__brand {
+	grid-column: 1;
 	display: flex;
 	align-items: center;
 	gap: var(--space-2);
@@ -199,6 +202,7 @@ const signedIn = computed(() => props.userLoggedIn === true);
 }
 
 .app-header__tabs {
+	grid-column: 2;
 	display: flex;
 	align-items: center;
 	gap: var(--space-1);
@@ -231,13 +235,15 @@ const signedIn = computed(() => props.userLoggedIn === true);
 	color: var(--color-accent);
 }
 
-.app-header__actions {
-	margin-left: auto;
+.app-header__actions,
+.app-header__menu-button {
+	grid-column: 3;
+	grid-row: 1;
+	justify-self: end;
 }
 
 .app-header__menu-button {
 	display: none;
-	margin-left: auto;
 }
 
 @media screen and (max-width: 600px) {
diff --git a/frontend-vue/src/views/dashboard/DashboardView.spec.ts b/frontend-vue/src/views/dashboard/DashboardView.spec.ts
index 7b0b40aea..7c0391570 100644
--- a/frontend-vue/src/views/dashboard/DashboardView.spec.ts
+++ b/frontend-vue/src/views/dashboard/DashboardView.spec.ts
@@ -126,6 +126,14 @@ describe('DashboardView', () => {
 		wrapper.unmount();
 	});
 
+	it('lets the header tabs leave the page without sending it back to a table', async () => {
+		const { wrapper, router } = await mountPage('/dashboard/conn/actor');
+		await router.push('/audit/conn');
+		await flushPromises();
+		expect(router.currentRoute.value.path).toBe('/audit/conn');
+		wrapper.unmount();
+	});
+
 	it('loads the rows the URL describes and titles the page', async () => {
 		const { wrapper, tableView } = await mountPage(
 			'/dashboard/conn/city?page_index=2&page_size=100&sort_active=name&sort_direction=DESC&filters=(name:(eq:A))&search=x&uncached=true',
diff --git a/frontend-vue/src/views/dashboard/DashboardView.vue b/frontend-vue/src/views/dashboard/DashboardView.vue
index e698b79d8..d3eebe6c8 100644
--- a/frontend-vue/src/views/dashboard/DashboardView.vue
+++ b/frontend-vue/src/views/dashboard/DashboardView.vue
@@ -78,6 +78,8 @@ const routeTableName = computed(() => {
 	const value = route.params.tableName;
 	return (Array.isArray(value) ? value[0] : value) || null;
 });
+/** The route watchers fire once more while this page is being left; only react while it is shown. */
+const onDashboardRoute = computed(() => route.name === 'dashboard' || route.name === 'table');
 
 const tableData = useTableData();
 const selection = useRowSelection();
@@ -114,7 +116,7 @@ onMounted(load);
 
 // Another connection in the same page instance: start over, as a fresh page would.
 watch(connectionID, (id, previous) => {
-	if (id === previous) return;
+	if (id === previous || !onDashboardRoute.value) return;
 	stopRouteWatch?.();
 	stopRouteWatch = null;
 	selection.clear();
@@ -186,6 +188,7 @@ async function getData() {
 
 /** paramMap: open the table of the URL, or redirect to the default (or first) table. */
 function onTableParam(tableName: string | null) {
+	if (!onDashboardRoute.value) return;
 	if (tableName) {
 		selectedTableName.value = tableName;
 		setTable(tableName);

From 2489b3ce9f7223fe4371440f4d03800e31901353 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Thu, 29 Oct 2026 16:13:47 +0000
Subject: [PATCH 06/22] Fix menu triggers with click listeners and the /api dev
 proxy

UiButton and UiIconButton bound useAttrs() on their root and also inherited
attrs, so a menu trigger with its own @click ran the menu toggle twice and
never opened (Import / Export and Table settings on every table).

The dev proxy key '/api' also matched the /api-keys page, so refreshing it
under `pnpm dev` served production's HTML. Anchor it to '^/api/'.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 frontend-vue/src/components/ui/UiButton.vue   |  8 ++++++
 .../src/components/ui/UiIconButton.vue        |  8 ++++++
 frontend-vue/src/components/ui/UiMenu.spec.ts | 25 +++++++++++++++++++
 frontend-vue/vite.config.ts                   |  3 ++-
 4 files changed, 43 insertions(+), 1 deletion(-)

diff --git a/frontend-vue/src/components/ui/UiButton.vue b/frontend-vue/src/components/ui/UiButton.vue
index 2feb5256a..1b0435bc9 100644
--- a/frontend-vue/src/components/ui/UiButton.vue
+++ b/frontend-vue/src/components/ui/UiButton.vue
@@ -93,6 +93,14 @@ function onClick(event: MouseEvent) {
 }
 </script>
 
+<script lang="ts">
+// The root binds `attrs` itself. Inheriting them too would add a parent's listeners twice: a menu
+// trigger with its own @click then runs the menu's toggle twice and never opens.
+export default {
+  inheritAttrs: false,
+}
+</script>
+
 <template>
 	<component :is="tag" v-bind="{ ...attrs, ...bindings }" :class="classes" @click="onClick">
 		<!-- The spinner replaces the leading adornment rather than displacing it, so the button's
diff --git a/frontend-vue/src/components/ui/UiIconButton.vue b/frontend-vue/src/components/ui/UiIconButton.vue
index 96536ed32..6ed5b3436 100644
--- a/frontend-vue/src/components/ui/UiIconButton.vue
+++ b/frontend-vue/src/components/ui/UiIconButton.vue
@@ -104,6 +104,14 @@ function onClick(event: MouseEvent) {
 }
 </script>
 
+<script lang="ts">
+// The root binds `attrs` itself. Inheriting them too would add a parent's listeners twice: a menu
+// trigger with its own @click then runs the menu's toggle twice and never opens.
+export default {
+  inheritAttrs: false,
+}
+</script>
+
 <template>
 	<component :is="tag" v-bind="{ ...attrs, ...bindings }" :class="classes" @click="onClick">
 		<UiBadge v-if="showBadge" :content="badgeContent">
diff --git a/frontend-vue/src/components/ui/UiMenu.spec.ts b/frontend-vue/src/components/ui/UiMenu.spec.ts
index 90034a70f..957214d3d 100644
--- a/frontend-vue/src/components/ui/UiMenu.spec.ts
+++ b/frontend-vue/src/components/ui/UiMenu.spec.ts
@@ -92,6 +92,31 @@ describe('UiMenu', () => {
 		expect(isOpen()).toBe(false);
 	});
 
+	it('opens when the trigger has a click listener of its own', async () => {
+		// The listener turns the trigger's onClick into an array; inherited attrs would add it twice,
+		// so one click toggled the menu open and shut again.
+		const onTriggerClick = vi.fn();
+		const Host = defineComponent({
+			components: { UiMenu, UiMenuItem, UiIconButton },
+			setup: () => ({ onTriggerClick }),
+			template: `
+        <UiMenu>
+          <template #trigger="{ triggerProps }">
+            <UiIconButton icon="settings" label="Settings" v-bind="triggerProps" @click="onTriggerClick" />
+          </template>
+          <UiMenuItem>Widgets</UiMenuItem>
+        </UiMenu>
+      `,
+		});
+		const host = mount(Host, { attachTo: document.body });
+		await host.get('.ui-icon-button').trigger('click');
+		await flushPromises();
+
+		expect((host.get('[role="menu"]').element as HTMLElement).style.display).not.toBe('none');
+		expect(onTriggerClick).toHaveBeenCalledTimes(1);
+		host.unmount();
+	});
+
 	it('opens on ArrowDown at the first item and ArrowUp at the last enabled item', async () => {
 		wrapper = mountMenu();
 		await trigger().trigger('keydown', { key: 'ArrowDown' });
diff --git a/frontend-vue/vite.config.ts b/frontend-vue/vite.config.ts
index 8fb07072e..b91514323 100644
--- a/frontend-vue/vite.config.ts
+++ b/frontend-vue/vite.config.ts
@@ -40,7 +40,8 @@ export default defineConfig(({ mode }) => ({
 		host: '127.0.0.1',
 		// Port of frontend/src/proxy.conf.json
 		proxy: {
-			'/api': {
+			// Anchored with the trailing slash: a bare '/api' prefix also proxies the /api-keys page.
+			'^/api/': {
 				target: 'https://app.rocketadmin.com',
 				changeOrigin: true,
 				secure: false,

From 261cdd8d72339df72d139dcf5998e537296fb69f Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Thu, 29 Oct 2026 16:13:47 +0000
Subject: [PATCH 07/22] Add Playwright end-to-end tests for the Vue frontend

96 tests drive the self-hosted production build in Chromium against an
in-memory mock of the API (e2e/support/mock-backend.ts): auth, connections,
table data and configuration, groups and audit, dashboards and panels,
account/company/API key/secret settings, and a smoke pass over every route.
Unmocked requests and uncaught page errors fail a test. Run with
`pnpm test:e2e`.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 frontend-vue/.gitignore                  |   3 +
 frontend-vue/README.md                   |   2 +
 frontend-vue/e2e/auth.e2e.ts             | 123 ++++
 frontend-vue/e2e/connections.e2e.ts      | 122 ++++
 frontend-vue/e2e/dashboards.e2e.ts       | 127 ++++
 frontend-vue/e2e/permissions.e2e.ts      |  82 +++
 frontend-vue/e2e/settings.e2e.ts         | 179 ++++++
 frontend-vue/e2e/smoke.e2e.ts            |  54 ++
 frontend-vue/e2e/support/fixtures.ts     | 250 ++++++++
 frontend-vue/e2e/support/mock-backend.ts | 769 +++++++++++++++++++++++
 frontend-vue/e2e/support/test.ts         |  47 ++
 frontend-vue/e2e/table-config.e2e.ts     |  85 +++
 frontend-vue/e2e/table.e2e.ts            | 205 ++++++
 frontend-vue/package.json                |   3 +
 frontend-vue/playwright.config.ts        |  38 ++
 frontend-vue/pnpm-lock.yaml              |  28 +
 frontend-vue/tsconfig.node.json          |   2 +-
 17 files changed, 2118 insertions(+), 1 deletion(-)
 create mode 100644 frontend-vue/e2e/auth.e2e.ts
 create mode 100644 frontend-vue/e2e/connections.e2e.ts
 create mode 100644 frontend-vue/e2e/dashboards.e2e.ts
 create mode 100644 frontend-vue/e2e/permissions.e2e.ts
 create mode 100644 frontend-vue/e2e/settings.e2e.ts
 create mode 100644 frontend-vue/e2e/smoke.e2e.ts
 create mode 100644 frontend-vue/e2e/support/fixtures.ts
 create mode 100644 frontend-vue/e2e/support/mock-backend.ts
 create mode 100644 frontend-vue/e2e/support/test.ts
 create mode 100644 frontend-vue/e2e/table-config.e2e.ts
 create mode 100644 frontend-vue/e2e/table.e2e.ts
 create mode 100644 frontend-vue/playwright.config.ts

diff --git a/frontend-vue/.gitignore b/frontend-vue/.gitignore
index a3fa27212..2483e2794 100644
--- a/frontend-vue/.gitignore
+++ b/frontend-vue/.gitignore
@@ -5,3 +5,6 @@ coverage
 .env.local
 .env.*.local
 storybook-static
+dist-e2e
+test-results
+playwright-report
diff --git a/frontend-vue/README.md b/frontend-vue/README.md
index f35e9ef52..5ee3dd6e8 100644
--- a/frontend-vue/README.md
+++ b/frontend-vue/README.md
@@ -13,6 +13,7 @@ pnpm build:saas     # mode `saas-production` (uses index.saas.html)
 pnpm lint           # biome + eslint-plugin-vue
 pnpm typecheck      # vue-tsc
 pnpm test:ci        # vitest
+pnpm test:e2e       # Playwright, against a production build and a mocked API
 pnpm storybook      # design system docs and component stories on :6006
 ```
 
@@ -24,4 +25,5 @@ pnpm storybook      # design system docs and component stories on :6006
 - **Design system:** copied from SiteNova (`sitenova/frontend`). Tokens in `src/assets/theme.css` (the `--palette-*` layer must stay in sync with SiteNova), primitives in `src/components/ui/` — read `src/components/ui/CONVENTIONS.md` before adding one. `src/__tests__/design-tokens.spec.ts` fails on hex colours and raw `font-size`/`gap`/`padding` values; `src/components/ui/__tests__/a11y.spec.ts` runs axe-core over every primitive.
 - **HTTP:** every request goes through `src/api/client.ts` (base URL, credentials, GCLID/masterpwd headers, 401 handling, error notifications, NDJSON streams). A failed request is shown to the user and then thrown as a `notified` `ApiError`, which `main.ts` keeps out of the console.
 - **Dialogs and snackbars:** `useDialog().open(Component, { data }).afterClosed()` and `useNotify()`; dialogs with inputs use `AppDialogForm`.
+- **End-to-end tests:** `e2e/*.e2e.ts` drive the self-hosted production build in Chromium. No backend is needed: `e2e/support/mock-backend.ts` answers every `/api` request from in-memory state seeded by `e2e/support/fixtures.ts`, so created and deleted records show up as they would against the real API. A test fails on any request the mock doesn't know and on any uncaught page error. Use `backend.override()` to make one endpoint fail and `backend.callsTo()` to check what was sent. First run: `pnpm exec playwright install chromium`.
 - **Routes:** `src/router/routes.ts` has every Angular route with the same paths; guards come from route `meta` (`requiresAuth`, `guestOnly`, `configuration`, `setup`). Every route maps to its page in the `views` table there (`page()` throws if a route has none).
diff --git a/frontend-vue/e2e/auth.e2e.ts b/frontend-vue/e2e/auth.e2e.ts
new file mode 100644
index 000000000..c0162a421
--- /dev/null
+++ b/frontend-vue/e2e/auth.e2e.ts
@@ -0,0 +1,123 @@
+import { ADMIN_EMAIL, ADMIN_PASSWORD } from './support/fixtures';
+import { expect, notification, test } from './support/test';
+
+async function enterCredentials(page: import('@playwright/test').Page, email: string, password: string) {
+	await page.getByRole('textbox', { name: 'Email' }).fill(email);
+	await page.getByRole('button', { name: 'Next' }).click();
+	await page.getByRole('textbox', { name: 'Password' }).fill(password);
+	await page.getByTestId('login-button').click();
+}
+
+test.describe('authentication', () => {
+	test('a signed-out visitor is sent to the login page', async ({ page }) => {
+		await page.goto('/connections-list');
+		await expect(page).toHaveURL(/\/login$/);
+		await expect(page.getByRole('heading', { name: 'Welcome back to Rocketadmin' })).toBeVisible();
+	});
+
+	test('logs in with email and password', async ({ page, backend }) => {
+		await page.goto('/login');
+		await enterCredentials(page, ADMIN_EMAIL, ADMIN_PASSWORD);
+
+		await expect(page).toHaveURL(/\/connections-list$/);
+		await expect(page.getByRole('link', { name: /Shop DB/ })).toBeVisible();
+		expect(backend.callsTo('POST', '/user/login')[0].body).toMatchObject({
+			email: ADMIN_EMAIL,
+			password: ADMIN_PASSWORD,
+			companyId: 'company-1',
+		});
+	});
+
+	test('shows the error for a wrong password and stays on the login page', async ({ page }) => {
+		await page.goto('/login');
+		await enterCredentials(page, ADMIN_EMAIL, 'wrong-password');
+
+		await expect(notification(page, 'Invalid email or password')).toBeVisible();
+		await expect(page).toHaveURL(/\/login$/);
+	});
+
+	test('asks for the 2FA code when the account has it enabled', async ({ page, backend }) => {
+		backend.state.user.is_2fa_enabled = true;
+		await page.goto('/login');
+		await enterCredentials(page, ADMIN_EMAIL, ADMIN_PASSWORD);
+
+		const code = page.getByRole('textbox', { name: /code/i });
+		await expect(code).toBeVisible();
+		await code.fill('123456');
+		await page.getByRole('button', { name: /Verify|Log in|Login/ }).click();
+
+		await expect(page).toHaveURL(/\/connections-list$/);
+	});
+
+	test('logs out from the account menu', async ({ page, signIn, backend }) => {
+		await signIn();
+		await page.goto('/connections-list');
+		await page.getByRole('button', { name: ADMIN_EMAIL }).click();
+		await page.getByRole('menuitem', { name: /Log ?out/i }).click();
+
+		await expect(page).toHaveURL(/\/login$/);
+		expect(backend.callsTo('POST', '/user/logout')).toHaveLength(1);
+		expect(await page.evaluate(() => localStorage.getItem('token_expiration'))).toBeNull();
+	});
+
+	test('a signed-in user opening /login goes to the connections list', async ({ page, signIn }) => {
+		await signIn();
+		await page.goto('/login');
+		await expect(page).toHaveURL(/\/connections-list$/);
+	});
+
+	test('requests a password reset email', async ({ page, backend }) => {
+		await page.goto('/login');
+		await page.getByRole('link', { name: 'Reset password' }).click();
+		await expect(page.getByRole('heading', { name: 'Forgot your password?' })).toBeVisible();
+
+		await page.getByRole('textbox', { name: 'Email' }).fill(ADMIN_EMAIL);
+		await page.getByRole('button', { name: 'Next' }).click();
+		await page.getByRole('button', { name: 'Reset my password' }).click();
+
+		await expect(notification(page, 'Check your email.')).toBeVisible();
+		expect(backend.callsTo('POST', '/user/password/reset/request')[0].body).toEqual({
+			email: ADMIN_EMAIL,
+			companyId: 'company-1',
+		});
+	});
+
+	test('sets a new password from the emailed reset link', async ({ page, backend }) => {
+		await page.goto('/external/user/password/reset/verify/reset-token');
+		await page
+			.getByRole('textbox', { name: /new password/i })
+			.first()
+			.fill('Brand-new-Passw0rd!');
+		await page.getByRole('button', { name: /Reset|Save|Change/ }).click();
+
+		await expect.poll(() => backend.state.password).toBe('Brand-new-Passw0rd!');
+	});
+
+	test('changes the password of the signed-in user', async ({ page, signIn, backend }) => {
+		await signIn();
+		await page.goto('/change-password');
+		await page.getByRole('textbox', { name: /old password/i }).fill(ADMIN_PASSWORD);
+		await page.getByRole('textbox', { name: /new password/i }).fill('Brand-new-Passw0rd!');
+		await page.getByRole('button', { name: 'Change' }).click();
+
+		await expect.poll(() => backend.state.password).toBe('Brand-new-Passw0rd!');
+	});
+
+	test('self-hosted: the first visit creates the admin account', async ({ page, backend }) => {
+		backend.state.configured = false;
+		await page.goto('/login');
+		await expect(page).toHaveURL(/\/setup$/);
+
+		await page.getByRole('textbox', { name: 'Email' }).fill('owner@example.com');
+		await page.getByRole('textbox', { name: 'Password' }).fill('Very-strong-Passw0rd!');
+		await page.getByRole('button', { name: 'Create Admin Account' }).click();
+
+		await expect.poll(() => backend.state.configured).toBe(true);
+		expect(backend.callsTo('POST', '/selfhosted/initial-user')[0].body).toMatchObject({ email: 'owner@example.com' });
+	});
+
+	test('an unknown URL shows the not-found page', async ({ page }) => {
+		await page.goto('/this/page/does/not/exist');
+		await expect(page.getByRole('heading', { name: "We can't find the page you are looking for" })).toBeVisible();
+	});
+});
diff --git a/frontend-vue/e2e/connections.e2e.ts b/frontend-vue/e2e/connections.e2e.ts
new file mode 100644
index 000000000..0f3e10907
--- /dev/null
+++ b/frontend-vue/e2e/connections.e2e.ts
@@ -0,0 +1,122 @@
+import { CONNECTION_ID } from './support/fixtures';
+import { expect, notification, test } from './support/test';
+
+test.describe('connections', () => {
+	test.beforeEach(async ({ signIn }) => {
+		await signIn();
+	});
+
+	test('lists the company connections and opens one', async ({ page }) => {
+		await page.goto('/');
+		await expect(page).toHaveURL(/\/connections-list$/);
+		await expect(page.getByRole('heading', { name: 'Analytical Engines Ltd' })).toBeVisible();
+
+		await page.getByRole('link', { name: /Shop DB PostgreSQL/ }).click();
+		await expect(page).toHaveURL(new RegExp(`/dashboard/${CONNECTION_ID}/customers$`));
+		await expect(page.getByRole('table', { name: 'Customers' })).toBeVisible();
+	});
+
+	test('adds a PostgreSQL connection and runs the auto-configuration', async ({ page, backend }) => {
+		await page.goto('/connections-list');
+		await page.getByRole('link', { name: 'Add database' }).click();
+		await expect(page.getByRole('heading', { name: 'Connect database' })).toBeVisible();
+
+		await page.getByRole('textbox', { name: 'Connection title' }).fill('Analytics');
+		await page.getByRole('combobox', { name: 'Database type' }).selectOption({ label: 'PostgreSQL' });
+		await page.getByRole('textbox', { name: 'Hostname' }).fill('analytics.example.com');
+		await page.getByRole('spinbutton', { name: 'Port' }).fill('5432');
+		await page.getByRole('textbox', { name: 'Username' }).fill('reporter');
+		await page.getByRole('textbox', { name: 'Password' }).fill('s3cret');
+		await page.getByRole('textbox', { name: 'Database Name' }).fill('analytics');
+		await page.getByRole('button', { name: 'Add' }).click();
+
+		await page
+			.getByRole('dialog', { name: 'Give access to our IP address' })
+			.getByRole('button', { name: "I've given access" })
+			.click();
+
+		await expect(page).toHaveURL(/\/auto-configure\//);
+		await expect(page.getByText('Your database is ready')).toBeVisible();
+		expect(backend.callsTo('POST', '/connection/test')).toHaveLength(1);
+		expect(backend.callsTo('POST', '/connection')[0].body).toMatchObject({
+			title: 'Analytics',
+			type: 'postgres',
+			host: 'analytics.example.com',
+			port: 5432,
+			username: 'reporter',
+			password: 's3cret',
+			database: 'analytics',
+		});
+		expect(backend.state.connections.map((c) => c.title)).toContain('Analytics');
+	});
+
+	test('fills the form from a connection string', async ({ page }) => {
+		await page.goto('/connect-db');
+		await page.getByRole('combobox', { name: 'Database type' }).selectOption({ label: 'PostgreSQL' });
+		await page
+			.getByRole('textbox', { name: 'Connection string' })
+			.fill('postgresql://reporter:pw@analytics.example.com:6543/warehouse');
+
+		await expect(page.getByRole('textbox', { name: 'Hostname' })).toHaveValue('analytics.example.com');
+		await expect(page.getByRole('spinbutton', { name: 'Port' })).toHaveValue('6543');
+		await expect(page.getByRole('textbox', { name: 'Username' })).toHaveValue('reporter');
+		await expect(page.getByRole('textbox', { name: 'Database Name' })).toHaveValue('warehouse');
+	});
+
+	test('a failing connection test shows the database error', async ({ page }) => {
+		await page.goto('/connect-db');
+		await page.getByRole('combobox', { name: 'Database type' }).selectOption({ label: 'PostgreSQL' });
+		await page.getByRole('textbox', { name: 'Hostname' }).fill('unreachable.example.com');
+		await page.getByRole('spinbutton', { name: 'Port' }).fill('5432');
+		await page.getByRole('textbox', { name: 'Username' }).fill('nobody');
+		await page.getByRole('textbox', { name: 'Database Name' }).fill('missing');
+		await page.getByRole('button', { name: 'Test connection' }).click();
+
+		await expect(notification(page, 'getaddrinfo ENOTFOUND unreachable.example.com')).toBeVisible();
+	});
+
+	test('a passing connection test says the connection is live', async ({ page }) => {
+		await page.goto(`/edit-db/${CONNECTION_ID}`);
+		await page.getByRole('button', { name: 'Test connection' }).click();
+		await expect(notification(page, 'Connection is live')).toBeVisible();
+	});
+
+	test('edits the credentials of a connection', async ({ page, backend }) => {
+		await page.goto(`/edit-db/${CONNECTION_ID}`);
+		await expect(page.getByRole('textbox', { name: 'Hostname' })).toHaveValue('db.example.com');
+
+		await page.getByRole('textbox', { name: 'Connection title' }).fill('Shop DB (replica)');
+		await page.getByRole('textbox', { name: 'Hostname' }).fill('replica.example.com');
+		await page.getByRole('button', { name: 'Edit' }).click();
+
+		await expect(page).toHaveURL(new RegExp(`/dashboard/${CONNECTION_ID}`));
+		expect(backend.state.connections[0]).toMatchObject({ title: 'Shop DB (replica)', host: 'replica.example.com' });
+	});
+
+	test('deletes a connection', async ({ page, backend }) => {
+		await page.goto(`/edit-db/${CONNECTION_ID}`);
+		await page.getByRole('button', { name: 'Delete' }).click();
+
+		const dialog = page.getByRole('dialog', { name: 'Delete Shop DB connection' });
+		await dialog.getByRole('button', { name: 'Proceed' }).click();
+
+		await expect(page).toHaveURL(/\/connections-list$/);
+		await expect(notification(page, 'Connection has been deleted successfully.')).toBeVisible();
+		expect(backend.state.connections).toHaveLength(0);
+	});
+
+	test('saves connection settings', async ({ page, backend }) => {
+		await page.goto(`/connection-settings/${CONNECTION_ID}`);
+		await page.getByRole('listbox', { name: 'Hidden tables' }).getByRole('option', { name: 'Orders (orders)' }).click();
+		await page
+			.getByRole('combobox', { name: 'Table displayed by default' })
+			.selectOption({ label: 'Customers (customers)' });
+		await page.getByRole('button', { name: 'Save' }).click();
+
+		await expect(notification(page, /Connection settings has been (created|updated) successfully/)).toBeVisible();
+		expect(backend.state.connectionProperties[CONNECTION_ID]).toMatchObject({
+			hidden_tables: ['orders'],
+			default_showing_table: 'customers',
+		});
+	});
+});
diff --git a/frontend-vue/e2e/dashboards.e2e.ts b/frontend-vue/e2e/dashboards.e2e.ts
new file mode 100644
index 000000000..cef8c5195
--- /dev/null
+++ b/frontend-vue/e2e/dashboards.e2e.ts
@@ -0,0 +1,127 @@
+import { CONNECTION_ID } from './support/fixtures';
+import { expect, test } from './support/test';
+
+test.describe('dashboards', () => {
+	test.beforeEach(async ({ signIn }) => {
+		await signIn();
+	});
+
+	test('creates a dashboard and opens it', async ({ page, backend }) => {
+		await page.goto(`/dashboards/${CONNECTION_ID}`);
+		await page.getByRole('button', { name: 'Create dashboard' }).click();
+
+		const dialog = page.getByRole('dialog', { name: 'Create dashboard' });
+		await dialog.getByRole('textbox', { name: 'Name' }).fill('Support metrics');
+		await dialog.getByRole('textbox', { name: 'Description' }).fill('Tickets per day');
+		await dialog.getByRole('button', { name: 'Create' }).click();
+
+		expect(backend.state.dashboards.map((d) => d.name)).toContain('Support metrics');
+		await page.getByRole('link', { name: 'Support metrics' }).click();
+		await expect(page.getByRole('heading', { name: 'Support metrics', level: 1 })).toBeVisible();
+		await expect(page.getByText('Tickets per day')).toBeVisible();
+	});
+
+	test('opens a dashboard from the list and goes back', async ({ page }) => {
+		await page.goto(`/dashboards/${CONNECTION_ID}`);
+		await page.getByRole('link', { name: 'Sales overview' }).click();
+
+		await expect(page).toHaveURL(new RegExp(`/dashboards/${CONNECTION_ID}/dash-sales$`));
+		await expect(page.getByRole('heading', { name: 'No panels yet' })).toBeVisible();
+		await page.getByRole('button', { name: 'Back to dashboards' }).click();
+		await expect(page).toHaveURL(new RegExp(`/dashboards/${CONNECTION_ID}$`));
+	});
+
+	test('adds a saved query to a dashboard as a panel', async ({ page, backend }) => {
+		await page.goto(`/dashboards/${CONNECTION_ID}/dash-sales`);
+		await page.getByRole('button', { name: 'Add panel' }).click();
+
+		const dialog = page.getByRole('dialog', { name: 'Add panel' });
+		await dialog.getByRole('combobox', { name: 'Saved query' }).selectOption({ label: 'Orders by status' });
+		await dialog.getByRole('button', { name: 'Add' }).click();
+
+		await expect(page.getByRole('heading', { name: 'No panels yet' })).toBeHidden();
+		await expect(page.getByText('Orders by status')).toBeVisible();
+		expect(backend.state.dashboards[0].widgets).toEqual([expect.objectContaining({ query_id: 'query-status' })]);
+	});
+
+	test('renames a dashboard', async ({ page, backend }) => {
+		await page.goto(`/dashboards/${CONNECTION_ID}`);
+		await page.getByRole('button', { name: 'Dashboard actions' }).click();
+		await page.getByRole('menuitem', { name: /Edit/ }).click();
+
+		const dialog = page.getByRole('dialog', { name: 'Edit dashboard' });
+		await dialog.getByRole('textbox', { name: 'Name' }).fill('Sales (daily)');
+		await dialog.getByRole('button', { name: 'Update' }).click();
+
+		await expect(page.getByRole('link', { name: 'Sales (daily)' })).toBeVisible();
+		expect(backend.state.dashboards[0].name).toBe('Sales (daily)');
+	});
+
+	test('deletes a dashboard', async ({ page, backend }) => {
+		await page.goto(`/dashboards/${CONNECTION_ID}`);
+		await page.getByRole('button', { name: 'Dashboard actions' }).click();
+		await page.getByRole('menuitem', { name: /Delete/ }).click();
+		await page
+			.getByRole('dialog', { name: 'Delete dashboard' })
+			.getByRole('button', { name: 'Delete dashboard' })
+			.click();
+
+		await expect(page.getByRole('link', { name: 'Sales overview' })).toBeHidden();
+		expect(backend.state.dashboards).toHaveLength(0);
+	});
+});
+
+test.describe('panels (saved queries)', () => {
+	test.beforeEach(async ({ signIn }) => {
+		await signIn();
+	});
+
+	test('lists saved queries and searches them', async ({ page }) => {
+		await page.goto(`/panels/${CONNECTION_ID}`);
+		const table = page.getByRole('table', { name: 'Panels' });
+		await expect(table.getByRole('row')).toHaveCount(2);
+
+		await page.getByRole('searchbox', { name: 'Search panels' }).fill('nothing like this');
+		await expect(table.getByRole('row', { name: /Orders by status/ })).toBeHidden();
+	});
+
+	test('edits a saved query, runs it and saves it', async ({ page, backend }) => {
+		await page.goto(`/panels/${CONNECTION_ID}`);
+		await page.getByRole('cell', { name: 'Orders by status' }).click();
+		await expect(page).toHaveURL(new RegExp(`/panels/${CONNECTION_ID}/query-status$`));
+
+		await page.getByRole('textbox', { name: 'Query name' }).fill('Orders per status');
+		await page.getByRole('button', { name: 'Test query' }).click();
+		await expect(page.getByText(/Executed in \d+ms/)).toBeVisible();
+
+		await page.getByRole('button', { name: 'Update query' }).click();
+		await expect.poll(() => backend.state.savedQueries[0].name).toBe('Orders per status');
+	});
+
+	test('creates a saved query with SQL', async ({ page, backend }) => {
+		await page.goto(`/panels/${CONNECTION_ID}/new`);
+		await page.getByRole('button', { name: 'Manual configuration' }).click();
+		await page.getByRole('textbox', { name: 'Query name' }).fill('VIP customers');
+
+		const editor = page.locator('.monaco-editor').first();
+		await editor.click();
+		await page.keyboard.type('SELECT * FROM customers WHERE is_vip');
+		await page.getByRole('button', { name: 'Save query' }).click();
+
+		await expect.poll(() => backend.state.savedQueries.map((q) => q.name)).toContain('VIP customers');
+		expect(backend.state.savedQueries.at(-1)?.query_text).toContain('SELECT * FROM customers WHERE is_vip');
+	});
+
+	test('deletes a saved query', async ({ page, backend }) => {
+		await page.goto(`/panels/${CONNECTION_ID}`);
+		await page.getByRole('button', { name: 'Panel actions' }).click();
+		await page.getByRole('menuitem', { name: /Delete/ }).click();
+		await page
+			.getByRole('dialog', { name: 'Delete saved query' })
+			.getByRole('button', { name: 'Delete query' })
+			.click();
+
+		await expect.poll(() => backend.state.savedQueries).toHaveLength(0);
+		await expect(page.getByRole('cell', { name: 'Orders by status' })).toBeHidden();
+	});
+});
diff --git a/frontend-vue/e2e/permissions.e2e.ts b/frontend-vue/e2e/permissions.e2e.ts
new file mode 100644
index 000000000..020b85f4a
--- /dev/null
+++ b/frontend-vue/e2e/permissions.e2e.ts
@@ -0,0 +1,82 @@
+import { CONNECTION_ID } from './support/fixtures';
+import { expect, test } from './support/test';
+
+test.describe('user groups', () => {
+	test.beforeEach(async ({ signIn }) => {
+		await signIn();
+	});
+
+	test('lists the groups with their members', async ({ page }) => {
+		await page.goto(`/permissions/${CONNECTION_ID}`);
+		await expect(page.getByRole('heading', { name: 'User groups' })).toBeVisible();
+		await expect(page.getByRole('region', { name: /Admin/ })).toContainText('ada@example.com');
+		await expect(page.getByText('Company members who do NOT have access to this connection:')).toBeVisible();
+	});
+
+	test('creates a group', async ({ page, backend }) => {
+		await page.goto(`/permissions/${CONNECTION_ID}`);
+		await page.getByRole('button', { name: 'New group' }).click();
+
+		const dialog = page.getByRole('dialog', { name: 'Create group of users' });
+		await dialog.getByRole('textbox', { name: 'Enter group title' }).fill('Support');
+		await dialog.getByRole('button', { name: 'Create' }).click();
+
+		await expect(page.getByRole('button', { name: /^Support/ })).toBeVisible();
+		expect(backend.state.groups.map((g) => g.title)).toContain('Support');
+	});
+
+	test('adds a company member to a group', async ({ page, backend }) => {
+		await page.goto(`/permissions/${CONNECTION_ID}`);
+		await page.getByRole('button', { name: 'Add user' }).click();
+
+		const dialog = page.getByRole('dialog', { name: 'Add user to Admin group' });
+		await dialog
+			.getByRole('combobox', { name: 'Select user' })
+			.selectOption({ label: 'Bob Builder (bob@example.com)' });
+		await dialog.getByRole('button', { name: 'Add' }).click();
+
+		await expect(page.getByRole('region', { name: /Admin/ })).toContainText('bob@example.com');
+		expect(backend.callsTo('PUT', '/group/user')[0].body).toMatchObject({
+			email: 'bob@example.com',
+			groupId: 'group-admin',
+		});
+	});
+
+	test('deletes a group', async ({ page, backend }) => {
+		backend.state.groups.push({ id: 'group-support', title: 'Support', isMain: false, cedarPolicy: null, users: [] });
+		await page.goto(`/permissions/${CONNECTION_ID}`);
+		await page.getByRole('button', { name: /^Support/ }).click();
+		await page.getByRole('button', { name: /Delete group|Delete Support/ }).click();
+
+		await page
+			.getByRole('dialog', { name: 'Confirm users group delete' })
+			.getByRole('button', { name: 'Delete' })
+			.click();
+
+		await expect(page.getByRole('button', { name: /^Support/ })).toBeHidden();
+		expect(backend.state.groups.map((g) => g.id)).toEqual(['group-admin']);
+	});
+});
+
+test.describe('audit log', () => {
+	test.beforeEach(async ({ signIn }) => {
+		await signIn();
+	});
+
+	test('shows the logged changes and their details', async ({ page }) => {
+		await page.goto(`/audit/${CONNECTION_ID}`);
+		const log = page.getByRole('table', { name: 'Audit log' });
+		await expect(log.getByRole('row')).toHaveCount(2);
+		await expect(log).toContainText('Grace Hopper'.length ? 'customers' : '');
+
+		await log.getByRole('button', { name: 'Details' }).click();
+		await expect(page.getByRole('dialog')).toContainText('Grace Hopper');
+	});
+
+	test('filters the log by table', async ({ page, backend }) => {
+		await page.goto(`/audit/${CONNECTION_ID}`);
+		await page.getByRole('combobox', { name: 'Tables' }).selectOption({ label: 'Orders (orders)' });
+
+		await expect.poll(() => backend.callsTo('GET', `/logs/${CONNECTION_ID}`).at(-1)?.query.tableName).toBe('orders');
+	});
+});
diff --git a/frontend-vue/e2e/settings.e2e.ts b/frontend-vue/e2e/settings.e2e.ts
new file mode 100644
index 000000000..00877e7ac
--- /dev/null
+++ b/frontend-vue/e2e/settings.e2e.ts
@@ -0,0 +1,179 @@
+import { ADMIN_EMAIL } from './support/fixtures';
+import { expect, notification, test } from './support/test';
+
+test.describe('account settings', () => {
+	test.beforeEach(async ({ signIn }) => {
+		await signIn();
+	});
+
+	test('the account menu leads to the settings pages', async ({ page }) => {
+		await page.goto('/connections-list');
+		await page.getByRole('button', { name: ADMIN_EMAIL }).click();
+		await page
+			.getByRole('menuitem', { name: /Account|Settings/ })
+			.first()
+			.click();
+
+		await expect(page).toHaveURL(/\/user-settings$/);
+		await expect(page.getByRole('heading', { name: 'Account settings' })).toBeVisible();
+	});
+
+	test('changes the user name', async ({ page, backend }) => {
+		await page.goto('/user-settings');
+		const save = page.getByRole('button', { name: 'Save' });
+		await expect(save).toBeDisabled();
+
+		await page.getByRole('textbox', { name: 'Name' }).fill('Ada Lovelace');
+		await save.click();
+
+		await expect.poll(() => backend.state.user.name).toBe('Ada Lovelace');
+	});
+
+	test('enables two-factor authentication', async ({ page, backend }) => {
+		await page.goto('/user-settings');
+		await page.getByText('Two-factor authentication', { exact: true }).click();
+
+		const dialog = page.getByRole('dialog', { name: 'Enable 2FA' });
+		await dialog.getByRole('textbox', { name: 'Enter the code from your authenticator' }).fill('123456');
+		await dialog.getByRole('button', { name: 'Enable' }).click();
+
+		await expect.poll(() => backend.state.user.is_2fa_enabled).toBe(true);
+		await expect(page.getByRole('switch', { name: 'Two-factor authentication' })).toBeChecked();
+	});
+
+	test('requests an email change', async ({ page, backend }) => {
+		await page.goto('/user-settings');
+		await page.getByRole('button', { name: 'Change email' }).click();
+		await expect.poll(() => backend.callsTo('GET', '/user/email/change/request')).toHaveLength(1);
+	});
+
+	test('deleting the account asks for confirmation first', async ({ page, backend }) => {
+		await page.goto('/user-settings');
+		await page.getByRole('button', { name: 'Delete account' }).click();
+
+		const dialog = page.getByRole('dialog', { name: `Delete ${ADMIN_EMAIL} account` });
+		await expect(dialog).toBeVisible();
+		await dialog.getByRole('button', { name: 'Abort' }).click();
+
+		await expect(dialog).toBeHidden();
+		expect(backend.callsTo('PUT', '/user/delete')).toHaveLength(0);
+	});
+});
+
+test.describe('API keys', () => {
+	test.beforeEach(async ({ signIn }) => {
+		await signIn();
+	});
+
+	test('generates a key and shows its secret once', async ({ page, backend }) => {
+		await page.goto('/api-keys');
+		await expect(page.getByText('CI pipeline')).toBeVisible();
+
+		await page.getByRole('textbox', { name: 'API key title' }).fill('Zapier');
+		await page.getByRole('button', { name: 'Generate' }).click();
+
+		await expect(page.getByRole('textbox', { name: 'API key', exact: true })).toHaveValue(/^sk_test_/);
+		await expect(page.getByText('Zapier', { exact: true })).toBeVisible();
+		expect(backend.state.apiKeys.map((k) => k.title)).toEqual(['CI pipeline', 'Zapier']);
+	});
+
+	test('deletes a key', async ({ page, backend }) => {
+		await page.goto('/api-keys');
+		await page.getByRole('button', { name: /Delete/ }).click();
+		await page.getByRole('dialog', { name: 'Confirm API key delete' }).getByRole('button', { name: 'Delete' }).click();
+
+		await expect(page.getByText("You don't have any API keys yet.")).toBeVisible();
+		expect(backend.state.apiKeys).toHaveLength(0);
+	});
+});
+
+test.describe('company', () => {
+	test.beforeEach(async ({ signIn }) => {
+		await signIn();
+	});
+
+	test('renames the company', async ({ page, backend }) => {
+		await page.goto('/company');
+		await page.getByRole('textbox', { name: 'Company name' }).fill('Difference Engines Ltd');
+		await page.getByRole('button', { name: 'Save' }).click();
+
+		await expect.poll(() => backend.state.company.name).toBe('Difference Engines Ltd');
+	});
+
+	test('invites a member', async ({ page, backend }) => {
+		await page.goto('/company');
+		await page.getByRole('button', { name: 'Invite member' }).click();
+
+		const dialog = page.getByRole('dialog', { name: 'Add member to Analytical Engines Ltd company' });
+		await dialog.getByRole('textbox', { name: 'Enter user email' }).fill('charles@example.com');
+		await dialog.getByRole('button', { name: 'Add' }).click();
+
+		await expect(page.getByRole('table', { name: 'Company members' })).toContainText('charles@example.com');
+		expect(backend.callsTo('PUT', '/company/user/')[0].body).toMatchObject({ email: 'charles@example.com' });
+	});
+
+	test('changes a member role', async ({ page, backend }) => {
+		await page.goto('/company');
+		await page
+			.getByRole('row', { name: /bob@example.com/ })
+			.getByRole('button', { name: 'Member' })
+			.click();
+		await page.getByRole('menuitem', { name: 'System Admin' }).click();
+
+		await expect(notification(page, 'Company member role has been updated.')).toBeVisible();
+		expect(backend.state.companyMembers.find((m) => m.id === 'user-bob')?.role).toBe('DB_ADMIN');
+	});
+
+	test('removes a member', async ({ page, backend }) => {
+		await page.goto('/company');
+		await page
+			.getByRole('row', { name: /bob@example.com/ })
+			.getByRole('button', { name: 'Delete' })
+			.click();
+		await page
+			.getByRole('dialog', { name: 'Confirm member delete' })
+			.getByRole('button', { name: /Delete|Remove/ })
+			.click();
+
+		await expect(page.getByRole('row', { name: /bob@example.com/ })).toBeHidden();
+		expect(backend.state.companyMembers.map((m) => m.email)).toEqual([ADMIN_EMAIL]);
+	});
+});
+
+test.describe('secrets', () => {
+	test.beforeEach(async ({ signIn }) => {
+		await signIn();
+	});
+
+	test('creates a secret', async ({ page, backend }) => {
+		await page.goto('/secrets');
+		await page.getByRole('button', { name: 'Create Secret' }).click();
+
+		const dialog = page.getByRole('dialog', { name: 'Create Secret' });
+		await dialog.getByRole('textbox', { name: 'Unique Identifier' }).fill('slack-token');
+		await dialog.getByRole('textbox', { name: 'Secret Value' }).fill('xoxb-123');
+		await dialog.getByRole('button', { name: 'Create Secret' }).click();
+
+		await expect(page.getByRole('table', { name: 'Secrets' })).toContainText('slack-token');
+		expect(backend.callsTo('POST', '/secrets')[0].body).toMatchObject({ slug: 'slack-token', value: 'xoxb-123' });
+	});
+
+	test('deletes a secret', async ({ page, backend }) => {
+		await page.goto('/secrets');
+		await page.getByRole('button', { name: 'Actions for stripe-api-key' }).click();
+		await page.getByRole('menuitem', { name: /Delete/ }).click();
+		await page
+			.getByRole('dialog', { name: 'Delete Secret' })
+			.getByRole('button', { name: /Delete/ })
+			.click();
+
+		await expect(page.getByRole('cell', { name: 'stripe-api-key', exact: true })).toBeHidden();
+		expect(backend.state.secrets).toHaveLength(0);
+	});
+
+	test('searches secrets', async ({ page, backend }) => {
+		await page.goto('/secrets');
+		await page.getByRole('searchbox', { name: 'Search secrets' }).fill('stripe');
+		await expect.poll(() => backend.callsTo('GET', '/secrets').at(-1)?.query.search).toBe('stripe');
+	});
+});
diff --git a/frontend-vue/e2e/smoke.e2e.ts b/frontend-vue/e2e/smoke.e2e.ts
new file mode 100644
index 000000000..87b2c055f
--- /dev/null
+++ b/frontend-vue/e2e/smoke.e2e.ts
@@ -0,0 +1,54 @@
+// Every signed-in page loads, answers from the mock backend only and shows its main heading.
+// The fixtures fail a test on any unmocked request or uncaught page error.
+import { CONNECTION_ID as c } from './support/fixtures';
+import { expect, test } from './support/test';
+
+const pages: [path: string, heading: string | RegExp][] = [
+	['/connections-list', 'Analytical Engines Ltd'],
+	['/connect-db', 'Connect database'],
+	[`/edit-db/${c}`, 'Edit credentials'],
+	[`/connection-settings/${c}`, /Settings for\s*Shop DB\s*connection/],
+	[`/auto-configure/${c}`, /Your database is ready|Configuring/],
+	[`/dashboard/${c}/customers`, 'Customers'],
+	[`/dashboard/${c}/customers/entry`, 'Add row'],
+	[`/dashboard/${c}/orders/entry?id=1`, 'Edit row'],
+	[`/dashboard/${c}/customers/widgets`, 'Make your data easier to read and edit'],
+	[`/dashboard/${c}/customers/settings`, 'General settings'],
+	[`/dashboard/${c}/customers/actions`, 'Automations'],
+	[`/permissions/${c}`, 'User groups'],
+	[`/audit/${c}`, 'Audit'],
+	[`/panels/${c}`, 'Panels'],
+	[`/panels/${c}/new`, 'Create panel'],
+	[`/panels/${c}/query-status`, 'Edit panel'],
+	[`/dashboards/${c}`, 'Dashboards'],
+	[`/dashboards/${c}/dash-sales`, 'Sales overview'],
+	[`/edit-database-schema/${c}`, 'Edit Database Schema'],
+	['/company', /Analytical Engines Ltd\s*company settings/],
+	['/user-settings', 'Account settings'],
+	['/api-keys', 'API Keys'],
+	['/secrets', 'Company Secrets'],
+	['/change-password', 'Change password'],
+];
+
+for (const [path, heading] of pages) {
+	test(`${path} loads`, async ({ page, signIn }) => {
+		await signIn();
+		await page.goto(path);
+		await expect(page.getByRole('heading', { name: heading }).first()).toBeVisible();
+	});
+}
+
+test('the page title follows the route', async ({ page, signIn }) => {
+	await signIn();
+	await page.goto('/secrets');
+	await expect(page).toHaveTitle('Secrets | Rocketadmin');
+	await page.goto(`/dashboard/${c}/customers`);
+	await expect(page).toHaveTitle('Customers table | Rocketadmin');
+});
+
+test('a refresh on /api-keys loads the app, not the proxied API', async ({ page, signIn }) => {
+	await signIn();
+	const response = await page.goto('/api-keys');
+	expect(await response?.text()).toContain('<div id="app"');
+	await expect(page.getByRole('heading', { name: 'API Keys', exact: true })).toBeVisible();
+});
diff --git a/frontend-vue/e2e/support/fixtures.ts b/frontend-vue/e2e/support/fixtures.ts
new file mode 100644
index 000000000..3330568bc
--- /dev/null
+++ b/frontend-vue/e2e/support/fixtures.ts
@@ -0,0 +1,250 @@
+// Seed data for the mock backend: one self-hosted company with an admin, a Postgres connection
+// holding `customers` and `orders`, and a little of everything else. Each test gets a fresh copy.
+export type Row = Record<string, unknown>;
+
+/** A loosely shaped JSON document, as the API sends and receives them. */
+// biome-ignore lint/suspicious/noExplicitAny: mock records are free-form JSON the specs reach into.
+export type Doc = Record<string, any>;
+
+export interface MockTable {
+	displayName?: string;
+	structure: Record<string, unknown>[];
+	foreignKeys: Record<string, unknown>[];
+	widgets: Record<string, unknown>[];
+	referencedBy: Record<string, unknown>[];
+	rows: Row[];
+}
+
+export const ADMIN_EMAIL = 'ada@example.com';
+export const ADMIN_PASSWORD = 'Correct-horse-42';
+export const CONNECTION_ID = 'conn-shop';
+export const COMPANY_ID = 'company-1';
+
+function column(column_name: string, data_type: string, extra: Partial<Record<string, unknown>> = {}) {
+	return {
+		column_name,
+		column_default: null,
+		data_type,
+		isExcluded: false,
+		isSearched: false,
+		allow_null: true,
+		auto_increment: false,
+		character_maximum_length: null,
+		...extra,
+	};
+}
+
+export function createInitialState() {
+	const user = {
+		id: 'user-ada',
+		isActive: true,
+		email: ADMIN_EMAIL,
+		name: 'Ada Admin',
+		createdAt: '2025-01-01T00:00:00.000Z',
+		subscriptionLevel: 'ENTERPRISE_PLAN',
+		is_2fa_enabled: false,
+		role: 'ADMIN',
+		externalRegistrationProvider: null as string | null,
+		company: { id: COMPANY_ID },
+	};
+
+	const connections: Doc[] = [
+		{
+			id: CONNECTION_ID,
+			title: 'Shop DB',
+			type: 'postgres',
+			host: 'db.example.com',
+			port: '5432',
+			database: 'shop',
+			username: 'shop_admin',
+			sid: null,
+			schema: '',
+			ssh: false,
+			ssl: false,
+			cert: '',
+			masterEncryption: false,
+			azure_encryption: false,
+			isTestConnection: false,
+			createdAt: '2025-01-02T00:00:00.000Z',
+			updatedAt: '2025-01-02T00:00:00.000Z',
+		},
+	];
+
+	const customers: MockTable = {
+		displayName: 'Customers',
+		structure: [
+			column('id', 'integer', {
+				allow_null: false,
+				auto_increment: true,
+				column_default: "nextval('customers_id_seq')",
+			}),
+			column('name', 'character varying', { allow_null: false, character_maximum_length: 255 }),
+			column('email', 'character varying', { character_maximum_length: 255 }),
+			column('is_vip', 'boolean'),
+		],
+		foreignKeys: [],
+		widgets: [],
+		referencedBy: [
+			{ referenced_on_column_name: 'id', referenced_by: [{ table_name: 'orders', column_name: 'customer_id' }] },
+		],
+		rows: [
+			{ id: 1, name: 'Grace Hopper', email: 'grace@example.com', is_vip: true },
+			{ id: 2, name: 'Alan Turing', email: 'alan@example.com', is_vip: false },
+			{ id: 3, name: 'Katherine Johnson', email: 'katherine@example.com', is_vip: false },
+		],
+	};
+
+	const orders: MockTable = {
+		displayName: 'Orders',
+		structure: [
+			column('id', 'integer', { allow_null: false, auto_increment: true, column_default: "nextval('orders_id_seq')" }),
+			column('customer_id', 'integer'),
+			column('total', 'numeric'),
+			column('status', 'character varying', { character_maximum_length: 32 }),
+		],
+		foreignKeys: [
+			{
+				column_name: 'customer_id',
+				constraint_name: 'orders_customer_id_fkey',
+				referenced_column_name: 'id',
+				referenced_table_name: 'customers',
+			},
+		],
+		widgets: [],
+		referencedBy: [],
+		rows: [
+			{ id: 1, customer_id: 1, total: '120.50', status: 'paid' },
+			{ id: 2, customer_id: 2, total: '42.00', status: 'pending' },
+			{ id: 3, customer_id: 1, total: '9.99', status: 'paid' },
+		],
+	};
+
+	const companyMembers: Doc[] = [
+		{
+			id: user.id,
+			isActive: true,
+			name: user.name,
+			email: user.email,
+			role: 'ADMIN',
+			has_groups: true,
+			user_membership: [],
+			suspended: false,
+			is_2fa_enabled: false,
+			externalRegistrationProvider: null,
+		},
+		{
+			id: 'user-bob',
+			isActive: true,
+			name: 'Bob Builder',
+			email: 'bob@example.com',
+			role: 'USER',
+			has_groups: false,
+			user_membership: [],
+			suspended: false,
+			is_2fa_enabled: false,
+			externalRegistrationProvider: null,
+		},
+	];
+
+	return {
+		configured: true,
+		password: ADMIN_PASSWORD,
+		user,
+		uiSettings: {
+			globalSettings: { connectionsListCollapsed: false, lastFeatureNotificationId: '' },
+			connections: {},
+		} as Record<string, unknown>,
+		apiKeys: [{ id: 'key-existing', title: 'CI pipeline' }] as { id: string; title: string }[],
+		company: {
+			id: COMPANY_ID,
+			name: 'Analytical Engines Ltd',
+			additional_info: '',
+			address: {},
+			subscriptionLevel: 'ENTERPRISE_PLAN',
+			portal_link: '',
+			show_test_connections: false,
+			is_payment_method_added: true,
+			connections: [
+				{
+					id: CONNECTION_ID,
+					createdAt: '2025-01-02T00:00:00.000Z',
+					updatedAt: '2025-01-02T00:00:00.000Z',
+					title: 'Shop DB',
+					author: user,
+					groups: [{ id: 'group-admin', title: 'Admin', isMain: true, users: companyMembers }],
+				},
+			],
+			invitations: [] as Doc[],
+		} as Doc,
+		companyMembers,
+		connections,
+		connectionProperties: {} as Doc,
+		tables: { [CONNECTION_ID]: { customers, orders } } as Record<string, Record<string, MockTable>>,
+		tableSettings: {} as Record<string, unknown>,
+		groups: [
+			{
+				id: 'group-admin',
+				title: 'Admin',
+				isMain: true,
+				// What the backend gives a connection's main group (generateCedarPolicyForGroup).
+				cedarPolicy: 'permit(\n  principal,\n  action,\n  resource\n);',
+				users: [{ ...companyMembers[0], createdAt: '2025-01-01T00:00:00.000Z', gclid: null }],
+			},
+		] as Doc[],
+		publicPermissions: { enabled: false, tables: [] } as Record<string, unknown>,
+		rules: [] as Doc[],
+		savedFilters: [] as Doc[],
+		savedQueries: [
+			{
+				id: 'query-status',
+				connection_id: CONNECTION_ID,
+				name: 'Orders by status',
+				description: 'How many orders are in each status',
+				query_text: 'SELECT status, COUNT(*) AS count FROM orders GROUP BY status',
+				widget_type: 'table',
+				widget_options: null,
+				created_at: '2025-01-03T00:00:00.000Z',
+				updated_at: '2025-01-03T00:00:00.000Z',
+			},
+		] as Doc[],
+		dashboards: [
+			{
+				id: 'dash-sales',
+				name: 'Sales overview',
+				description: 'Daily numbers',
+				connection_id: CONNECTION_ID,
+				widgets: [] as Doc[],
+				created_at: '2025-01-03T00:00:00.000Z',
+				updated_at: '2025-01-03T00:00:00.000Z',
+			},
+		] as Doc[],
+		secrets: [
+			{
+				id: 'secret-1',
+				slug: 'stripe-api-key',
+				companyId: COMPANY_ID,
+				createdAt: '2025-01-04T00:00:00.000Z',
+				updatedAt: '2025-01-04T00:00:00.000Z',
+				lastAccessedAt: null,
+				expiresAt: null,
+				masterEncryption: false,
+			},
+		] as Doc[],
+		logs: [
+			{
+				id: 'log-1',
+				table_name: 'customers',
+				received_data: { id: 1, name: 'Grace Hopper' },
+				old_data: null,
+				operationType: 'addRow',
+				operationStatusResult: 'successfully',
+				createdAt: '2025-01-05T10:00:00.000Z',
+				email: ADMIN_EMAIL,
+				affected_primary_key: { id: 1 },
+			},
+		] as Doc[],
+		diagram: '',
+	};
+}
+
+export type MockState = ReturnType<typeof createInitialState>;
diff --git a/frontend-vue/e2e/support/mock-backend.ts b/frontend-vue/e2e/support/mock-backend.ts
new file mode 100644
index 000000000..26b743b57
--- /dev/null
+++ b/frontend-vue/e2e/support/mock-backend.ts
@@ -0,0 +1,769 @@
+// An in-memory stand-in for the RocketAdmin API. Every request the app sends to /api is answered
+// here, against state that create/update/delete calls really change, so a test can add a row and
+// then see it in the table. Specs read `calls` to check what was sent and use `override()` to make
+// a single endpoint fail or answer differently.
+import type { Page, Request, Route } from '@playwright/test';
+import { createInitialState, type Doc, type MockState, type Row } from './fixtures';
+
+export interface RecordedCall {
+	method: string;
+	path: string;
+	query: Record<string, string>;
+	body: unknown;
+}
+
+export interface HandlerContext {
+	params: string[];
+	query: Record<string, string>;
+	// biome-ignore lint/suspicious/noExplicitAny: request bodies are whatever JSON the app sent.
+	body: any;
+	state: MockState;
+	request: Request;
+}
+
+/** Return a value to answer 200 with it as JSON, or `reply()` for any other status or body. */
+type Handler = (ctx: HandlerContext) => unknown;
+
+class Reply {
+	constructor(
+		readonly status: number,
+		readonly body: unknown,
+		readonly contentType = 'application/json',
+	) {}
+}
+
+export function reply(status: number, body: unknown = {}, contentType?: string): Reply {
+	return new Reply(status, body, contentType);
+}
+
+interface RouteDef {
+	method: string;
+	pattern: RegExp;
+	handler: Handler;
+}
+
+export class MockBackend {
+	readonly state: MockState = createInitialState();
+	readonly calls: RecordedCall[] = [];
+	readonly unhandled: string[] = [];
+	private readonly overrides: RouteDef[] = [];
+	private readonly routes: RouteDef[] = [];
+
+	constructor() {
+		this.registerDefaults();
+	}
+
+	/** Answers `method path` with `handler` instead of the default; checked before the defaults. */
+	override(method: string, path: string | RegExp, handler: Handler): void {
+		this.overrides.unshift({ method, pattern: toPattern(path), handler });
+	}
+
+	/** Calls whose method matches and whose path starts with (or matches) `path`. */
+	callsTo(method: string, path: string | RegExp): RecordedCall[] {
+		return this.calls.filter(
+			(call) =>
+				call.method === method && (typeof path === 'string' ? call.path.startsWith(path) : path.test(call.path)),
+		);
+	}
+
+	async attach(page: Page): Promise<void> {
+		// Nothing leaves the machine: the dev server proxies /api to production, and analytics or
+		// fonts from a CDN would make the tests slow and flaky.
+		await page.route(
+			(url) => url.hostname !== '127.0.0.1' && url.hostname !== 'localhost',
+			(route) => route.abort(),
+		);
+		// Matched on the path prefix: a glob like `**/api/**` would also catch Vite's /src/api/ modules.
+		await page.route(
+			(url) => url.pathname.startsWith('/api/'),
+			(route) => this.handle(route),
+		);
+	}
+
+	private async handle(route: Route): Promise<void> {
+		const request = route.request();
+		const url = new URL(request.url());
+		const path = url.pathname.replace(/^\/api/, '');
+		const query = Object.fromEntries(url.searchParams.entries());
+		const method = request.method();
+		const body = parseBody(request);
+		this.calls.push({ method, path, query, body });
+
+		for (const def of [...this.overrides, ...this.routes]) {
+			if (def.method !== method) continue;
+			const match = def.pattern.exec(path);
+			if (!match) continue;
+			const result = await def.handler({
+				params: match.slice(1).map(decodeURIComponent),
+				query,
+				body,
+				state: this.state,
+				request,
+			});
+			return fulfill(route, result);
+		}
+
+		this.unhandled.push(`${method} ${path}`);
+		return fulfill(route, reply(501, { message: `Not mocked: ${method} ${path}` }));
+	}
+
+	private on(method: string, path: string, handler: Handler): void {
+		this.routes.push({ method, pattern: toPattern(path), handler });
+	}
+
+	private registerDefaults(): void {
+		const s = this.state;
+
+		// --- Self-hosted setup and authentication
+		this.on('GET', '/selfhosted/is-configured', () => ({ isConfigured: s.configured }));
+		this.on('POST', '/selfhosted/initial-user', ({ body }) => {
+			s.configured = true;
+			s.user.email = body.email;
+			return { id: s.user.id, email: body.email };
+		});
+		this.on('POST', '/user/login', ({ body }) => {
+			if (body.email !== s.user.email || body.password !== s.password) {
+				return reply(400, { message: 'Invalid email or password' });
+			}
+			return s.user.is_2fa_enabled ? { isTemporary: true } : session();
+		});
+		this.on('POST', '/user/otp/login', ({ body }) =>
+			body.otpToken === '123456' ? session() : reply(400, { message: 'Invalid code' }),
+		);
+		this.on('POST', '/user/logout', () => ({}));
+		this.on('GET', '/company/my/email/:p', ({ params }) =>
+			params[0] === s.user.email ? [{ id: s.company.id, name: s.company.name }] : [],
+		);
+		this.on('POST', '/user/password/reset/request', () => ({}));
+		this.on('POST', '/user/password/reset/verify/:p', ({ body }) => {
+			s.password = body.password;
+			return {};
+		});
+		this.on('POST', '/user/password/change/', ({ body }) => {
+			if (body.oldPassword !== s.password) return reply(400, { message: 'Old password is incorrect' });
+			s.password = body.newPassword;
+			return session();
+		});
+		this.on('GET', '/user/email/verify/request', () => ({}));
+		this.on('GET', '/user/email/verify/:p', () => session());
+		this.on('GET', '/user/email/change/request', () => ({}));
+		this.on('POST', '/user/email/change/verify/:p', ({ body }) => {
+			s.user.email = body.email;
+			return {};
+		});
+		this.on('GET', '/company/invite/verify/:p', () => ({ success: true }));
+		this.on('POST', '/company/invite/verify/:p', () => session());
+
+		// --- Current user
+		this.on('GET', '/user', () => s.user);
+		this.on('PUT', '/user/name', ({ body }) => {
+			s.user.name = body.name;
+			return s.user;
+		});
+		this.on('POST', '/user/otp/generate', () => ({
+			otpauth_url: 'otpauth://totp/test',
+			qrCode: 'data:image/png;base64,',
+		}));
+		this.on('POST', '/user/otp/verify', ({ body }) => {
+			if (body.otpToken !== '123456') return reply(400, { message: 'Invalid code' });
+			s.user.is_2fa_enabled = true;
+			return { validated: true };
+		});
+		this.on('POST', '/user/otp/disable', () => {
+			s.user.is_2fa_enabled = false;
+			return { disabled: true };
+		});
+		this.on('PUT', '/user/delete', () => ({}));
+		this.on('GET', '/user/settings', () => ({ userSettings: s.uiSettings }));
+		this.on('POST', '/user/settings', ({ body }) => {
+			s.uiSettings = body.userSettings ?? body;
+			return { userSettings: s.uiSettings };
+		});
+		this.on('POST', '/action', () => ({}));
+
+		// --- API keys
+		this.on('GET', '/apikeys', () => s.apiKeys);
+		this.on('POST', '/apikey', ({ body }) => {
+			const key = { id: nextId('key'), title: body.title, hash: `sk_test_${Math.random().toString(36).slice(2)}` };
+			s.apiKeys.push({ id: key.id, title: key.title });
+			return key;
+		});
+		this.on('DELETE', '/apikey/:p', ({ params }) => {
+			s.apiKeys = s.apiKeys.filter((key) => key.id !== params[0]);
+			return {};
+		});
+
+		// --- Company
+		this.on('GET', '/company/my/full', () => s.company);
+		this.on('GET', '/company/name/:p', () => ({ name: s.company.name }));
+		this.on('GET', '/company/my', () => ({ id: s.company.id, name: s.company.name }));
+		this.on('GET', '/company/users/:p', () => s.companyMembers);
+		this.on('PUT', '/company/name/:p', ({ body }) => {
+			s.company.name = body.name;
+			return {};
+		});
+		this.on('PUT', '/company/user/:p', ({ body }) => {
+			s.company.invitations.push({
+				id: nextId('inv'),
+				verification_string: 'v',
+				groupId: body.groupId ?? '',
+				inviterId: s.user.id,
+				invitedUserEmail: body.email,
+				role: body.role,
+				createdAt: new Date().toISOString(),
+			});
+			return {};
+		});
+		this.on('PUT', '/company/invitation/revoke/:p', ({ body }) => {
+			s.company.invitations = s.company.invitations.filter((inv: Doc) => inv.invitedUserEmail !== body.email);
+			return {};
+		});
+		this.on('PUT', '/company/users/roles/:p', ({ body }) => {
+			for (const { userId, role } of body.users) {
+				const member = s.companyMembers.find((m) => m.id === userId);
+				if (member) member.role = role;
+			}
+			return {};
+		});
+		this.on('DELETE', '/company/:p/user/:p', ({ params }) => {
+			s.companyMembers = s.companyMembers.filter((m) => m.id !== params[1]);
+			return {};
+		});
+		this.on('PUT', '/company/users/suspend/:p', () => ({}));
+		this.on('PUT', '/company/users/unsuspend/:p', () => ({}));
+
+		// --- Connections
+		this.on('GET', '/connections', () => ({
+			connections: s.connections.map((connection) => ({ connection, accessLevel: 'edit' })),
+			connectionsCount: s.connections.length,
+		}));
+		this.on('GET', '/connection/one/:p', ({ params }) => {
+			const connection = s.connections.find((c) => c.id === params[0]);
+			if (!connection) return reply(404, { message: 'Connection not found' });
+			return {
+				connection,
+				accessLevel: 'edit',
+				groupManagement: true,
+				connectionProperties: s.connectionProperties[connection.id] ?? null,
+			};
+		});
+		this.on('POST', '/connection/test', ({ body }) =>
+			body.host === 'unreachable.example.com'
+				? { result: false, message: 'getaddrinfo ENOTFOUND unreachable.example.com' }
+				: { result: true, message: 'Successfully connected' },
+		);
+		this.on('POST', '/connection', ({ body }) => {
+			const connection = { ...body, id: nextId('conn'), createdAt: new Date().toISOString() };
+			delete connection.password;
+			s.connections.push(connection);
+			s.tables[connection.id] = structuredClone(s.tables[s.connections[0].id]);
+			return connection;
+		});
+		this.on('PUT', '/connection/delete/:p', ({ params }) => {
+			s.connections = s.connections.filter((c) => c.id !== params[0]);
+			return {};
+		});
+		this.on('PUT', '/connection/title/:p', ({ params, body }) => {
+			const connection = s.connections.find((c) => c.id === params[0]);
+			if (connection) connection.title = body.title;
+			return {};
+		});
+		this.on('PUT', '/connection/:p', ({ params, body }) => {
+			const connection = s.connections.find((c) => c.id === params[0]);
+			if (!connection) return reply(404, { message: 'Connection not found' });
+			Object.assign(connection, body, { id: params[0] });
+			return { connection };
+		});
+		this.on('GET', '/connection/properties/:p', ({ params }) => s.connectionProperties[params[0]] ?? null);
+		for (const method of ['POST', 'PUT']) {
+			this.on(method, '/connection/properties/:p', ({ params, body }) => {
+				s.connectionProperties[params[0]] = { ...body, connectionId: params[0], id: 'props-1' };
+				return s.connectionProperties[params[0]];
+			});
+		}
+		this.on('DELETE', '/connection/properties/:p', ({ params }) => {
+			delete s.connectionProperties[params[0]];
+			return {};
+		});
+		this.on('GET', '/connection/diagram/:p', () => ({ diagram: s.diagram }));
+		this.on('GET', '/logs/:p', () => ({
+			logs: s.logs,
+			pagination: { total: s.logs.length, lastPage: 1, perPage: 30, currentPage: 1 },
+		}));
+
+		// --- Users, groups and permissions
+		this.on('GET', '/connection/groups/:p', () => s.groups.map((group) => ({ group, accessLevel: 'edit' })));
+		this.on('GET', '/connection/users/:p', () => s.companyMembers);
+		this.on('GET', '/group/users/:p', ({ params }) => s.groups.find((g) => g.id === params[0])?.users ?? []);
+		this.on('POST', '/connection/group/:p', ({ body }) => {
+			const group = {
+				id: nextId('group'),
+				title: body.title,
+				isMain: false,
+				cedarPolicy: body.cedarPolicy ?? null,
+				users: [],
+			};
+			s.groups.push(group);
+			return group;
+		});
+		this.on('PUT', '/group/title', ({ body }) => {
+			const group = s.groups.find((g) => g.id === body.groupId);
+			if (group) group.title = body.title;
+			return {};
+		});
+		this.on('DELETE', '/group/:p', ({ params }) => {
+			s.groups = s.groups.filter((g) => g.id !== params[0]);
+			return {};
+		});
+		this.on('PUT', '/group/user', ({ body }) => {
+			const group = s.groups.find((g) => g.id === body.groupId);
+			const member = s.companyMembers.find((m) => m.email === body.email);
+			if (group && member) group.users.push({ ...member, createdAt: new Date().toISOString(), gclid: null });
+			return {};
+		});
+		this.on('PUT', '/group/user/delete', ({ body }) => {
+			const group = s.groups.find((g) => g.id === body.groupId);
+			if (group) group.users = group.users.filter((u: Doc) => u.email !== body.email);
+			return {};
+		});
+		this.on('GET', '/connection/permissions', ({ query }) => permissionsFor(s, query.groupId));
+		this.on('PUT', '/permissions/:p', ({ body }) => body);
+		this.on('PUT', '/connection/cedar-policy/:p', ({ body }) => {
+			const group = s.groups.find((g) => g.id === body.groupId);
+			if (group) group.cedarPolicy = body.cedarPolicy;
+			return {};
+		});
+		this.on('GET', '/connection/public-permissions/:p', () => s.publicPermissions);
+		this.on('PUT', '/connection/public-permissions/:p', ({ body }) => {
+			s.publicPermissions = body;
+			return body;
+		});
+		this.on('GET', '/permissions/available', () => ({
+			actions: [
+				{ value: 'connection:read', resource: 'connection' },
+				{ value: 'connection:edit', resource: 'connection' },
+				{ value: 'group:read', resource: 'group' },
+				{ value: 'group:edit', resource: 'group' },
+				{ value: 'table:read', resource: 'table' },
+				{ value: 'table:add', resource: 'table' },
+				{ value: 'table:edit', resource: 'table' },
+				{ value: 'table:delete', resource: 'table' },
+			],
+		}));
+
+		// --- AI auto-configuration: an NDJSON progress stream
+		this.on('GET', '/ai/v2/setup/:p', () =>
+			reply(
+				200,
+				[
+					{ type: 'message', text: 'Analyzing customers' },
+					{ type: 'message', text: 'Analyzing orders' },
+					{ type: 'complete' },
+				]
+					.map((event) => JSON.stringify(event))
+					.join('\n'),
+				'application/x-ndjson',
+			),
+		);
+
+		// --- Tables
+		this.on('GET', '/connection/tables/:p', ({ params }) =>
+			Object.entries(s.tables[params[0]] ?? {}).map(([table, def]) => ({
+				table,
+				display_name: def.displayName,
+				permissions: { visibility: true, readonly: false, add: true, delete: true, edit: true },
+			})),
+		);
+		this.on('GET', '/table-categories/v2/:p', ({ params }) => [
+			{
+				category_id: 'all-tables-kitten',
+				category_name: 'All tables',
+				tables: Object.entries(s.tables[params[0]] ?? {}).map(([table, def]) => ({
+					table,
+					display_name: def.displayName,
+					permissions: { visibility: true, readonly: false, add: true, delete: true, edit: true },
+				})),
+			},
+			...(s.connectionProperties[params[0]]?.table_categories ?? []).map((category: Doc) => ({
+				...category,
+				tables: category.tables.map((table: string) => ({
+					table,
+					display_name: s.tables[params[0]]?.[table]?.displayName,
+					permissions: { visibility: true, readonly: false, add: true, delete: true, edit: true },
+				})),
+			})),
+		]);
+		this.on('PUT', '/table-categories/:p', ({ params, body }) => {
+			s.connectionProperties[params[0]] = { ...(s.connectionProperties[params[0]] ?? {}), table_categories: body };
+			return body;
+		});
+		this.on('POST', '/table/rows/find/:p', ({ params, query, body }) => {
+			const table = s.tables[params[0]]?.[query.tableName];
+			if (!table) return reply(404, { message: `Table "${query.tableName}" not found` });
+			let rows = [...table.rows];
+			if (query.search) {
+				const needle = query.search.toLowerCase();
+				rows = rows.filter((row) => Object.values(row).some((value) => String(value).toLowerCase().includes(needle)));
+			}
+			rows = applyFilters(rows, query, body?.filters);
+			if (query.sort_by) {
+				const direction = query.sort_order === 'DESC' ? -1 : 1;
+				rows.sort(
+					(a, b) =>
+						String(a[query.sort_by]).localeCompare(String(b[query.sort_by]), 'en', { numeric: true }) * direction,
+				);
+			}
+			const perPage = Number(query.perPage) || 30;
+			const page = Number(query.page) || 1;
+			return {
+				rows: rows.slice((page - 1) * perPage, page * perPage),
+				...structureOf(s, params[0], query.tableName),
+				widgets: table.widgets,
+				pagination: {
+					total: rows.length,
+					lastPage: Math.max(1, Math.ceil(rows.length / perPage)),
+					perPage,
+					currentPage: page,
+				},
+				table_settings: {
+					list_fields: [],
+					columns_view: [],
+					ordering: 'ASC',
+					ordering_field: '',
+					...((s.tableSettings[`${params[0]}/${query.tableName}`] as object) ?? {}),
+				},
+				sortable_by: [],
+				list_fields: [],
+				identity_column: '',
+				configured: true,
+				action_events: s.rules
+					.filter((r) => r.connectionId === params[0] && r.table_name === query.tableName)
+					.flatMap((r) => r.events ?? []),
+				allow_csv_export: true,
+				allow_csv_import: true,
+				can_delete: true,
+				can_update: true,
+				can_add: true,
+				excluded_fields: [],
+				readonly_fields: [],
+				columns_view: [],
+				list_per_page: perPage,
+				table_permissions: { visibility: true, readonly: false, add: true, delete: true, edit: true },
+				large_dataset: false,
+			};
+		});
+		this.on('GET', '/table/structure/:p', ({ params, query }) => {
+			if (!s.tables[params[0]]?.[query.tableName]) return reply(404, { message: 'Table not found' });
+			return {
+				...structureOf(s, params[0], query.tableName),
+				readonly_fields: [],
+				table_widgets: s.tables[params[0]][query.tableName].widgets,
+				excluded_fields: [],
+				list_fields: [],
+			};
+		});
+		this.on('GET', '/table/row/:p', ({ params, query }) => {
+			const table = s.tables[params[0]]?.[query.tableName];
+			const row = table?.rows.find((r) => String(r.id) === query.id);
+			if (!row) return reply(404, { message: 'Row not found' });
+			return {
+				row,
+				...structureOf(s, params[0], query.tableName),
+				table_widgets: table.widgets,
+				readonly_fields: [],
+				referenced_table_names_and_columns: table.referencedBy,
+			};
+		});
+		this.on('POST', '/table/row/:p', ({ params, query, body }) => {
+			const table = s.tables[params[0]][query.tableName];
+			const row = { ...body, id: Math.max(0, ...table.rows.map((r) => Number(r.id))) + 1 };
+			table.rows.push(row);
+			return { row, ...structureOf(s, params[0], query.tableName), table_widgets: table.widgets, readonly_fields: [] };
+		});
+		this.on('PUT', '/table/row/:p', ({ params, query, body }) => {
+			const table = s.tables[params[0]][query.tableName];
+			const row = table.rows.find((r) => String(r.id) === query.id);
+			if (!row) return reply(404, { message: 'Row not found' });
+			Object.assign(row, body);
+			return { row, ...structureOf(s, params[0], query.tableName), table_widgets: table.widgets, readonly_fields: [] };
+		});
+		this.on('DELETE', '/table/row/:p', ({ params, query }) => {
+			const table = s.tables[params[0]][query.tableName];
+			table.rows = table.rows.filter((r) => String(r.id) !== query.id);
+			return {};
+		});
+		this.on('PUT', '/table/rows/delete/:p', ({ params, query, body }) => {
+			const table = s.tables[params[0]][query.tableName];
+			const ids = new Set((body as Row[]).map((key) => String(key.id)));
+			table.rows = table.rows.filter((r) => !ids.has(String(r.id)));
+			return {};
+		});
+		this.on('POST', '/table/csv/export/:p', ({ params, query }) => {
+			const rows = s.tables[params[0]][query.tableName].rows;
+			const header = Object.keys(rows[0] ?? {});
+			const csv = [header.join(','), ...rows.map((row) => header.map((h) => row[h]).join(','))].join('\n');
+			return reply(200, csv, 'text/csv');
+		});
+		this.on('POST', '/table/csv/import/:p', () => ({}));
+
+		// --- Table settings, widgets, actions, filters
+		this.on('GET', '/settings', ({ query }) => s.tableSettings[`${query.connectionId}/${query.tableName}`] ?? null);
+		for (const method of ['POST', 'PUT']) {
+			this.on(method, '/settings', ({ query, body }) => {
+				s.tableSettings[`${query.connectionId}/${query.tableName}`] = body;
+				return body;
+			});
+		}
+		this.on('DELETE', '/settings', ({ query }) => {
+			delete s.tableSettings[`${query.connectionId}/${query.tableName}`];
+			return {};
+		});
+		this.on('PUT', '/settings/personal/:p', ({ body }) => body);
+		this.on('GET', '/widgets/:p', ({ params, query }) => s.tables[params[0]]?.[query.tableName]?.widgets ?? []);
+		this.on('POST', '/widget/:p', ({ params, query, body }) => {
+			s.tables[params[0]][query.tableName].widgets = body.widgets;
+			return body.widgets;
+		});
+		this.on('GET', '/action/rules/:p', ({ params, query }) => ({
+			action_rules: s.rules.filter((r) => r.connectionId === params[0] && r.table_name === query.tableName),
+		}));
+		this.on('POST', '/action/rule/:p', ({ params, body }) => {
+			const rule = { ...body, id: nextId('rule'), connectionId: params[0] };
+			s.rules.push(rule);
+			return rule;
+		});
+		this.on('PUT', '/action/rule/:p/:p', ({ params, body }) => {
+			const index = s.rules.findIndex((r) => r.id === params[0]);
+			s.rules[index] = { ...s.rules[index], ...body, id: params[0] };
+			return s.rules[index];
+		});
+		this.on('DELETE', '/action/rule/:p/:p', ({ params }) => {
+			const rule = s.rules.find((r) => r.id === params[0]);
+			s.rules = s.rules.filter((r) => r.id !== params[0]);
+			return rule;
+		});
+		this.on('POST', '/event/actions/activate/:p/:p', () => ({}));
+		this.on('GET', '/table-filters/:p/all', ({ query }) =>
+			s.savedFilters.filter((f) => f.table_name === query.tableName),
+		);
+		this.on('POST', '/table-filters/:p', ({ query, body }) => {
+			const filter = { ...body, id: nextId('filter'), table_name: query.tableName };
+			s.savedFilters.push(filter);
+			return filter;
+		});
+		this.on('PUT', '/table-filters/:p/:p', ({ params, body }) => {
+			const filter = s.savedFilters.find((f) => f.id === params[1]);
+			Object.assign(filter ?? {}, body);
+			return filter;
+		});
+		this.on('DELETE', '/table-filters/:p/:p', ({ params }) => {
+			s.savedFilters = s.savedFilters.filter((f) => f.id !== params[1]);
+			return {};
+		});
+
+		// --- Saved queries (panels) and dashboards
+		this.on('GET', '/connection/:p/saved-queries', () => s.savedQueries);
+		this.on('GET', '/connection/:p/saved-query/:p', ({ params }) => s.savedQueries.find((q) => q.id === params[1]));
+		this.on('POST', '/connection/:p/saved-query', ({ params, body }) => {
+			const query = {
+				...body,
+				id: nextId('query'),
+				connection_id: params[0],
+				created_at: new Date().toISOString(),
+				updated_at: new Date().toISOString(),
+			};
+			s.savedQueries.push(query);
+			return query;
+		});
+		this.on('PUT', '/connection/:p/saved-query/:p', ({ params, body }) => {
+			const query = s.savedQueries.find((q) => q.id === params[1]);
+			Object.assign(query ?? {}, body);
+			return query;
+		});
+		this.on('DELETE', '/connection/:p/saved-query/:p', ({ params }) => {
+			const query = s.savedQueries.find((q) => q.id === params[1]);
+			s.savedQueries = s.savedQueries.filter((q) => q.id !== params[1]);
+			return query;
+		});
+		this.on('POST', '/connection/:p/query/test', () => queryResult());
+		this.on('POST', '/connection/:p/saved-query/:p/execute', () => queryResult());
+		this.on('GET', '/dashboards/:p', () => s.dashboards);
+		this.on('POST', '/dashboards/:p', ({ params, body }) => {
+			const dashboard = {
+				...body,
+				id: nextId('dash'),
+				connection_id: params[0],
+				widgets: [],
+				created_at: new Date().toISOString(),
+				updated_at: new Date().toISOString(),
+			};
+			s.dashboards.push(dashboard);
+			return dashboard;
+		});
+		this.on(
+			'GET',
+			'/dashboard/:p/:p',
+			({ params }) => s.dashboards.find((d) => d.id === params[0]) ?? reply(404, { message: 'Dashboard not found' }),
+		);
+		this.on('PUT', '/dashboard/:p/:p', ({ params, body }) => {
+			const dashboard = s.dashboards.find((d) => d.id === params[0]);
+			Object.assign(dashboard ?? {}, body);
+			return dashboard;
+		});
+		this.on('DELETE', '/dashboard/:p/:p', ({ params }) => {
+			const dashboard = s.dashboards.find((d) => d.id === params[0]);
+			s.dashboards = s.dashboards.filter((d) => d.id !== params[0]);
+			return dashboard;
+		});
+		this.on('POST', '/dashboard/:p/widget/:p', ({ params, body }) => {
+			const widget = { ...body, id: nextId('widget'), dashboard_id: params[0] };
+			s.dashboards.find((d) => d.id === params[0])?.widgets.push(widget);
+			return widget;
+		});
+		this.on('PUT', '/dashboard/:p/widget/:p/:p', ({ params, body }) => {
+			const widget = s.dashboards.find((d) => d.id === params[0])?.widgets.find((w: Doc) => w.id === params[1]);
+			Object.assign(widget ?? {}, body);
+			return widget;
+		});
+		this.on('DELETE', '/dashboard/:p/widget/:p/:p', ({ params }) => {
+			const dashboard = s.dashboards.find((d) => d.id === params[0]);
+			if (dashboard) dashboard.widgets = dashboard.widgets.filter((w: Doc) => w.id !== params[1]);
+			return {};
+		});
+
+		// --- Secrets
+		this.on('GET', '/secrets', () => ({
+			data: s.secrets,
+			pagination: { total: s.secrets.length, currentPage: 1, perPage: 20, totalPages: 1 },
+		}));
+		this.on('POST', '/secrets', ({ body }) => {
+			const secret = {
+				id: nextId('secret'),
+				slug: body.slug,
+				companyId: s.company.id,
+				createdAt: new Date().toISOString(),
+				updatedAt: new Date().toISOString(),
+				lastAccessedAt: null,
+				expiresAt: body.expiresAt ?? null,
+				masterEncryption: !!body.masterEncryption,
+			};
+			s.secrets.push(secret);
+			return secret;
+		});
+		this.on('PUT', '/secrets/:p', ({ params, body }) => {
+			const secret = s.secrets.find((x) => x.slug === params[0]);
+			Object.assign(secret ?? {}, { expiresAt: body.expiresAt ?? null, updatedAt: new Date().toISOString() });
+			return secret;
+		});
+		this.on('DELETE', '/secrets/:p', ({ params }) => {
+			s.secrets = s.secrets.filter((x) => x.slug !== params[0]);
+			return { success: true, deletedAt: new Date().toISOString() };
+		});
+		this.on('GET', '/secrets/:p/audit-log', () => ({
+			data: [],
+			pagination: { total: 0, currentPage: 1, perPage: 20, totalPages: 0 },
+		}));
+	}
+}
+
+function toPattern(path: string | RegExp): RegExp {
+	if (path instanceof RegExp) return path;
+	const escaped = path.replace(/[.*+?^${}()|[\]\\]/g, '\\$&').replace(/:p/g, '([^/]+)');
+	return new RegExp(`^${escaped}/?$`);
+}
+
+function parseBody(request: Request): unknown {
+	const raw = request.postData();
+	if (!raw) return undefined;
+	try {
+		return JSON.parse(raw);
+	} catch {
+		return raw;
+	}
+}
+
+function fulfill(route: Route, result: unknown): Promise<void> {
+	if (result instanceof Reply) {
+		return route.fulfill({
+			status: result.status,
+			contentType: result.contentType,
+			body: typeof result.body === 'string' ? result.body : JSON.stringify(result.body),
+		});
+	}
+	return route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(result ?? null) });
+}
+
+function session() {
+	return { expires: new Date(Date.now() + 24 * 3_600_000).toISOString() };
+}
+
+let idCounter = 0;
+function nextId(prefix: string): string {
+	idCounter += 1;
+	return `${prefix}-${idCounter}`;
+}
+
+function structureOf(state: MockState, connectionId: string, tableName: string) {
+	const table = state.tables[connectionId][tableName];
+	return {
+		structure: table.structure,
+		primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
+		foreignKeys: table.foreignKeys,
+	};
+}
+
+function permissionsFor(state: MockState, groupId: string) {
+	const connectionId = state.connections[0].id;
+	return {
+		connection: { connectionId, accessLevel: 'edit' },
+		group: { groupId, accessLevel: 'edit' },
+		tables: Object.entries(state.tables[connectionId]).map(([tableName, def]) => ({
+			tableName,
+			display_name: def.displayName ?? tableName,
+			accessLevel: { visibility: true, readonly: false, add: true, delete: true, edit: true },
+		})),
+	};
+}
+
+/** Applies `f_<column>__<op>` query params and body filters ({ column: { op: value } }). */
+function applyFilters(
+	rows: Row[],
+	query: Record<string, string>,
+	filters: Record<string, Record<string, unknown>> | undefined,
+): Row[] {
+	const conditions: [string, string, unknown][] = [];
+	for (const [key, value] of Object.entries(query)) {
+		const match = /^f_(.+)__(\w+)$/.exec(key);
+		if (match) conditions.push([match[1], match[2], value]);
+	}
+	for (const [column, ops] of Object.entries(filters ?? {})) {
+		for (const [op, value] of Object.entries(ops ?? {})) conditions.push([column, op, value]);
+	}
+	return rows.filter((row) =>
+		conditions.every(([column, op, value]) => {
+			const cell = row[column];
+			switch (op) {
+				case 'eq':
+					return String(cell) === String(value);
+				case 'contains':
+					return String(cell).toLowerCase().includes(String(value).toLowerCase());
+				case 'gt':
+					return Number(cell) > Number(value);
+				case 'lt':
+					return Number(cell) < Number(value);
+				default:
+					return true;
+			}
+		}),
+	);
+}
+
+function queryResult() {
+	return {
+		data: [
+			{ status: 'paid', count: 3 },
+			{ status: 'pending', count: 2 },
+		],
+		execution_time_ms: 4,
+	};
+}
diff --git a/frontend-vue/e2e/support/test.ts b/frontend-vue/e2e/support/test.ts
new file mode 100644
index 000000000..b335790a4
--- /dev/null
+++ b/frontend-vue/e2e/support/test.ts
@@ -0,0 +1,47 @@
+// The `test` every spec imports. Each test gets its own mock backend (`backend`); pages behind
+// the login start signed in through `signIn()`. A request the mock does not know, or an uncaught
+// error in the page, fails the test, so a broken screen cannot pass silently.
+import { test as base, expect, type Page } from '@playwright/test';
+import { MockBackend } from './mock-backend';
+
+interface Fixtures {
+	backend: MockBackend;
+	pageErrors: string[];
+	signIn: () => Promise<void>;
+}
+
+export const test = base.extend<Fixtures>({
+	backend: [
+		async ({ page }, use) => {
+			const backend = new MockBackend();
+			await backend.attach(page);
+			await use(backend);
+			expect(backend.unhandled, 'requests the mock backend does not answer').toEqual([]);
+		},
+		{ auto: true },
+	],
+	pageErrors: [
+		async ({ page }, use) => {
+			const errors: string[] = [];
+			page.on('pageerror', (error) => errors.push(error.stack ?? error.message));
+			await use(errors);
+			expect(errors, 'uncaught errors in the page').toEqual([]);
+		},
+		{ auto: true },
+	],
+	signIn: async ({ page }, use) => {
+		await use(async () => {
+			// The session is an httpOnly cookie the mock never checks; the app only reads its expiry.
+			await page.addInitScript(() => {
+				localStorage.setItem('token_expiration', new Date(Date.now() + 24 * 3_600_000).toISOString());
+			});
+		});
+	},
+});
+
+export { expect };
+
+/** The snackbar or alert that shows `text`. */
+export function notification(page: Page, text: string | RegExp) {
+	return page.getByText(text).first();
+}
diff --git a/frontend-vue/e2e/table-config.e2e.ts b/frontend-vue/e2e/table-config.e2e.ts
new file mode 100644
index 000000000..6b0e59884
--- /dev/null
+++ b/frontend-vue/e2e/table-config.e2e.ts
@@ -0,0 +1,85 @@
+import { CONNECTION_ID } from './support/fixtures';
+import { expect, notification, test } from './support/test';
+
+const customersUrl = `/dashboard/${CONNECTION_ID}/customers`;
+
+test.describe('table configuration', () => {
+	test.beforeEach(async ({ signIn }) => {
+		await signIn();
+	});
+
+	test('the table settings menu leads to widgets, automations and settings', async ({ page }) => {
+		await page.goto(customersUrl);
+		await page.getByRole('button', { name: 'Table settings' }).click();
+		await expect(page.getByRole('menuitem')).toHaveText(['UI Widgets', 'Automations', 'Settings']);
+
+		await page.getByRole('menuitem', { name: 'Settings' }).click();
+		await expect(page).toHaveURL(new RegExp(`${customersUrl}/settings$`));
+		await expect(page.getByRole('heading', { name: 'General settings' })).toBeVisible();
+	});
+
+	test('saves table settings and uses the new display name', async ({ page, backend }) => {
+		await page.goto(`${customersUrl}/settings`);
+		await page.getByRole('textbox', { name: 'Displayed table name' }).fill('Clients');
+		// The switch input sits under its styled track; its label is what a user clicks.
+		await page.getByText('Allow row deletion', { exact: true }).click();
+		await expect(page.getByRole('switch', { name: 'Allow row deletion' })).not.toBeChecked();
+		await page.getByRole('button', { name: 'Save' }).click();
+
+		await expect
+			.poll(() => backend.state.tableSettings[`${CONNECTION_ID}/customers`])
+			.toMatchObject({
+				display_name: 'Clients',
+				can_delete: false,
+			});
+	});
+
+	test('adds a widget to a column', async ({ page, backend }) => {
+		await page.goto(`${customersUrl}/widgets`);
+		await page.getByRole('button', { name: 'Create first widget' }).click();
+
+		await page.getByRole('combobox', { name: 'Field', exact: true }).selectOption('email');
+		await page.getByRole('combobox', { name: 'Displayed field type' }).selectOption('Email');
+		await page.getByRole('textbox', { name: 'Displayed field name' }).fill('Contact email');
+		await page.getByRole('button', { name: 'Save' }).click();
+
+		await expect
+			.poll(() => backend.state.tables[CONNECTION_ID].customers.widgets)
+			.toEqual([expect.objectContaining({ field_name: 'email', widget_type: 'Email', name: 'Contact email' })]);
+	});
+
+	test('creates a webhook automation for new rows', async ({ page, backend }) => {
+		await page.goto(`${customersUrl}/actions`);
+		await page.getByRole('button', { name: 'Create first automation' }).click();
+
+		await page.getByRole('textbox', { name: 'Automation name' }).fill('Notify CRM');
+		await page.getByRole('checkbox', { name: 'Add row' }).check();
+		const action = page.getByRole('region', { name: 'THEN Action' });
+		await expect(action.getByRole('radio', { name: 'URL webhook' })).toBeChecked();
+		await action.getByRole('textbox', { name: 'Webhook URL' }).fill('https://crm.example.com/hooks/new-customer');
+		await page.getByRole('button', { name: 'Save' }).click();
+
+		await expect.poll(() => backend.state.rules).toHaveLength(1);
+		expect(backend.state.rules[0]).toMatchObject({ title: 'Notify CRM', table_name: 'customers' });
+		await expect(page.getByRole('complementary', { name: 'Automations' })).toContainText('Notify CRM');
+	});
+
+	test('the breadcrumb leads back to the table', async ({ page }) => {
+		await page.goto(`${customersUrl}/widgets`);
+		await page.getByRole('navigation', { name: 'Breadcrumb' }).getByRole('link', { name: 'Customers' }).click();
+		await expect(page).toHaveURL(new RegExp(`${customersUrl}(\\?|$)`));
+		await expect(page.getByRole('table', { name: 'Customers' })).toBeVisible();
+	});
+});
+
+test('table settings save errors are shown', async ({ page, signIn, backend }) => {
+	const { reply } = await import('./support/mock-backend');
+	backend.override('PUT', '/settings', () => reply(400, { message: 'Column "nope" does not exist' }));
+	backend.override('POST', '/settings', () => reply(400, { message: 'Column "nope" does not exist' }));
+	await signIn();
+	await page.goto(`${customersUrl}/settings`);
+	await page.getByRole('textbox', { name: 'Displayed table name' }).fill('Clients');
+	await page.getByRole('button', { name: 'Save' }).click();
+
+	await expect(notification(page, 'Column "nope" does not exist')).toBeVisible();
+});
diff --git a/frontend-vue/e2e/table.e2e.ts b/frontend-vue/e2e/table.e2e.ts
new file mode 100644
index 000000000..c076eb053
--- /dev/null
+++ b/frontend-vue/e2e/table.e2e.ts
@@ -0,0 +1,205 @@
+import type { Page } from '@playwright/test';
+import { CONNECTION_ID } from './support/fixtures';
+import { expect, notification, test } from './support/test';
+
+const customersUrl = `/dashboard/${CONNECTION_ID}/customers`;
+
+function customersTable(page: Page) {
+	return page.getByRole('table', { name: 'Customers' });
+}
+
+/** The body row whose text contains `text`. */
+function rowWith(page: Page, text: string) {
+	return customersTable(page).getByRole('row').filter({ hasText: text });
+}
+
+test.describe('table data', () => {
+	test.beforeEach(async ({ signIn }) => {
+		await signIn();
+	});
+
+	test('opening a connection shows its first table with all rows', async ({ page }) => {
+		await page.goto(`/dashboard/${CONNECTION_ID}`);
+		await expect(page).toHaveURL(new RegExp(`${customersUrl}$`));
+		await expect(page.getByRole('heading', { name: 'Customers', level: 2 })).toBeVisible();
+		// Header plus three rows.
+		await expect(customersTable(page).getByRole('row')).toHaveCount(4);
+		await expect(page.getByText('1 – 3 of 3')).toBeVisible();
+	});
+
+	test('switches tables from the sidebar', async ({ page }) => {
+		await page.goto(customersUrl);
+		await page.getByRole('complementary', { name: 'Tables' }).getByRole('link', { name: 'Orders' }).click();
+
+		await expect(page).toHaveURL(new RegExp(`/dashboard/${CONNECTION_ID}/orders`));
+		await expect(page.getByRole('table', { name: 'Orders' })).toBeVisible();
+		await expect(page.getByRole('table', { name: 'Orders' }).getByRole('row')).toHaveCount(4);
+	});
+
+	test('filters the sidebar table list', async ({ page }) => {
+		await page.goto(customersUrl);
+		const sidebar = page.getByRole('complementary', { name: 'Tables' });
+		await sidebar.getByRole('searchbox', { name: 'Search tables' }).fill('ord');
+
+		await expect(sidebar.getByRole('link', { name: 'Orders' })).toBeVisible();
+		await expect(sidebar.getByRole('link', { name: 'Customers' })).toBeHidden();
+	});
+
+	test('searches rows', async ({ page, backend }) => {
+		await page.goto(customersUrl);
+		await page.getByRole('textbox', { name: 'Search' }).fill('turing');
+		await page.getByRole('textbox', { name: 'Search' }).press('Enter');
+
+		await expect(customersTable(page).getByRole('row')).toHaveCount(2);
+		await expect(rowWith(page, 'Alan Turing')).toBeVisible();
+		expect(backend.callsTo('POST', '/table/rows/find').at(-1)?.query.search).toBe('turing');
+	});
+
+	test('sorts by a column', async ({ page, backend }) => {
+		await page.goto(customersUrl);
+		await customersTable(page).getByRole('button', { name: 'Sort by Name' }).click();
+		await page.getByRole('menuitem', { name: 'Descending (Z-A)' }).click();
+
+		await expect(customersTable(page).getByRole('row').nth(1)).toContainText('Katherine Johnson');
+		expect(backend.callsTo('POST', '/table/rows/find').at(-1)?.query).toMatchObject({
+			sort_by: 'name',
+			sort_order: 'DESC',
+		});
+	});
+
+	test('filters rows through the filter dialog', async ({ page, backend }) => {
+		await page.goto(customersUrl);
+		await page.getByTestId('table-filter-button').click();
+
+		const dialog = page.getByRole('dialog', { name: 'Filters' });
+		await dialog.getByRole('combobox', { name: 'Add filter by...' }).fill('Name');
+		await dialog.getByRole('option', { name: 'Name' }).click();
+		await dialog.locator('[data-field="name"]').getByRole('textbox').fill('Grace Hopper');
+		await dialog.getByRole('button', { name: 'Filter' }).click();
+
+		await expect(customersTable(page).getByRole('row')).toHaveCount(2);
+		await expect(rowWith(page, 'Grace Hopper')).toBeVisible();
+		expect(backend.callsTo('POST', '/table/rows/find').at(-1)?.body).toMatchObject({
+			filters: { name: expect.anything() },
+		});
+	});
+
+	test('adds a row', async ({ page, backend }) => {
+		await page.goto(customersUrl);
+		await page.getByRole('link', { name: 'Add row' }).click();
+		await expect(page.getByRole('heading', { name: 'Add row' })).toBeVisible();
+
+		await page.getByRole('textbox', { name: 'Name' }).fill('Ada Lovelace');
+		await page.getByRole('textbox', { name: 'Email' }).fill('ada.lovelace@example.com');
+		await page.getByRole('radiogroup', { name: 'Is VIP' }).getByRole('radio', { name: 'Yes' }).check();
+		await page.getByRole('button', { name: 'Add', exact: true }).click();
+
+		await expect(notification(page, 'The row has been added successfully to "customers" table.')).toBeVisible();
+		expect(backend.callsTo('POST', /^\/table\/row\//)[0].body).toMatchObject({
+			name: 'Ada Lovelace',
+			email: 'ada.lovelace@example.com',
+			is_vip: true,
+		});
+		expect(backend.state.tables[CONNECTION_ID].customers.rows).toHaveLength(4);
+	});
+
+	test('edits a row', async ({ page, backend }) => {
+		await page.goto(customersUrl);
+		await rowWith(page, 'Alan Turing').getByRole('link', { name: 'Edit row' }).click();
+		await expect(page.getByRole('heading', { name: 'Edit row' })).toBeVisible();
+		await expect(page.getByRole('textbox', { name: 'Name' })).toHaveValue('Alan Turing');
+
+		await page.getByRole('textbox', { name: 'Email' }).fill('alan.turing@example.com');
+		await page.getByRole('button', { name: 'Save', exact: true }).click();
+
+		await expect(notification(page, 'The row has been updated successfully in "customers" table.')).toBeVisible();
+		await expect(page).toHaveURL(new RegExp(`${customersUrl}(\\?|$)`));
+		expect(backend.state.tables[CONNECTION_ID].customers.rows[1].email).toBe('alan.turing@example.com');
+	});
+
+	test('a required field blocks saving until it is filled', async ({ page }) => {
+		await page.goto(`${customersUrl}/entry`);
+		const add = page.getByRole('button', { name: 'Add', exact: true });
+		await expect(add).toBeDisabled();
+		await page.getByRole('textbox', { name: 'Name' }).fill('Someone');
+		await expect(add).toBeEnabled();
+	});
+
+	test('duplicates a row into a prefilled add form', async ({ page }) => {
+		await page.goto(customersUrl);
+		await rowWith(page, 'Grace Hopper').getByRole('link', { name: 'Duplicate row' }).click();
+
+		await expect(page.getByRole('heading', { name: 'Duplicate row' })).toBeVisible();
+		await expect(page.getByRole('textbox', { name: 'Name' })).toHaveValue('Grace Hopper');
+		await expect(page.getByRole('textbox', { name: 'Email' })).toHaveValue('grace@example.com');
+	});
+
+	test('deletes a row', async ({ page, backend }) => {
+		await page.goto(customersUrl);
+		await rowWith(page, 'Katherine Johnson').getByRole('button', { name: 'Delete row' }).click();
+
+		const dialog = page.getByRole('dialog', { name: 'Confirm delete row for Customers table' });
+		await dialog.getByRole('button', { name: 'Delete row' }).click();
+
+		await expect(rowWith(page, 'Katherine Johnson')).toHaveCount(0);
+		expect(backend.state.tables[CONNECTION_ID].customers.rows.map((r) => r.name)).not.toContain('Katherine Johnson');
+	});
+
+	test('deletes the selected rows in bulk', async ({ page, backend }) => {
+		await page.goto(customersUrl);
+		await rowWith(page, 'Grace Hopper').getByRole('checkbox').check();
+		await rowWith(page, 'Alan Turing').getByRole('checkbox').check();
+		await page.getByTestId('table-bulk-actions').getByRole('button', { name: 'Delete', exact: true }).click();
+
+		await page
+			.getByRole('dialog', { name: /Confirm delete rows for Customers table/ })
+			.getByRole('button', { name: 'Delete rows' })
+			.click();
+
+		await expect(customersTable(page).getByRole('row')).toHaveCount(2);
+		expect(backend.state.tables[CONNECTION_ID].customers.rows.map((r) => r.name)).toEqual(['Katherine Johnson']);
+	});
+
+	test('opens a row in the side panel', async ({ page }) => {
+		await page.goto(customersUrl);
+		await rowWith(page, 'Grace Hopper').getByRole('cell', { name: 'grace@example.com' }).click();
+
+		const preview = page.getByRole('complementary', { name: 'Preview' });
+		await expect(preview).toContainText('Grace Hopper');
+		await expect(preview.getByRole('heading', { name: 'Related records' })).toBeVisible();
+		await expect(preview).toContainText('Orders');
+
+		await preview.getByRole('button', { name: 'Close' }).click();
+		await expect(preview).toBeHidden();
+	});
+
+	test('edit row shows the foreign key and links to the related record', async ({ page }) => {
+		await page.goto(`/dashboard/${CONNECTION_ID}/orders/entry?id=1`);
+		await expect(page.getByRole('combobox', { name: 'Customer ID' })).toHaveValue(/Grace Hopper/);
+		await expect(page.getByRole('link', { name: 'Show related record' })).toHaveAttribute('href', /customers/);
+	});
+
+	test('exports the table to CSV', async ({ page, backend }) => {
+		await page.goto(customersUrl);
+		await page.getByRole('button', { name: 'Import / Export' }).click();
+		await page.getByRole('menuitem', { name: 'Export' }).click();
+
+		const downloadPromise = page.waitForEvent('download');
+		await page.getByRole('dialog', { name: 'Export' }).getByRole('button', { name: 'Export' }).click();
+		const download = await downloadPromise;
+
+		// Same file name as the Angular export dialog.
+		expect(download.suggestedFilename()).toBe('database.csv');
+		const csv = await (await download.createReadStream()).toArray();
+		expect(Buffer.concat(csv).toString()).toContain('Grace Hopper');
+		expect(backend.callsTo('POST', '/table/csv/export')).toHaveLength(1);
+	});
+
+	test('shows the server error when the rows cannot be loaded', async ({ page, backend }) => {
+		const { reply } = await import('./support/mock-backend');
+		backend.override('POST', '/table/rows/find/:p', () => reply(500, { message: 'relation "customers" is locked' }));
+		await page.goto(customersUrl);
+
+		await expect(notification(page, 'relation "customers" is locked')).toBeVisible();
+	});
+});
diff --git a/frontend-vue/package.json b/frontend-vue/package.json
index e5d8e03de..40362093e 100644
--- a/frontend-vue/package.json
+++ b/frontend-vue/package.json
@@ -13,6 +13,8 @@
 		"lint": "biome check . && eslint .",
 		"test": "vitest",
 		"test:ci": "vitest run",
+		"test:e2e": "playwright test",
+		"test:e2e:ui": "playwright test --ui",
 		"update-version": "node scripts/update-version.js",
 		"storybook": "node scripts/update-version.js && storybook dev -p 6006",
 		"build-storybook": "node scripts/update-version.js && storybook build"
@@ -60,6 +62,7 @@
 	},
 	"devDependencies": {
 		"@biomejs/biome": "2.4.0",
+		"@playwright/test": "^1.64.1",
 		"@storybook/addon-a11y": "^10.6.3",
 		"@storybook/addon-docs": "^10.6.3",
 		"@storybook/vue3-vite": "^10.6.3",
diff --git a/frontend-vue/playwright.config.ts b/frontend-vue/playwright.config.ts
new file mode 100644
index 000000000..4eac3c770
--- /dev/null
+++ b/frontend-vue/playwright.config.ts
@@ -0,0 +1,38 @@
+import { defineConfig, devices } from '@playwright/test';
+
+// End-to-end tests run against the self-hosted production build (`.env.production`: VITE_SAAS=false,
+// API under /api), served by `vite preview`. A built app has no on-demand compilation or dependency
+// re-optimisation, which made a cold dev server reload pages mid-test. The backend is never reached:
+// every /api request is answered by the in-memory mock in e2e/support/mock-backend.ts.
+const PORT = 4310;
+const OUT_DIR = 'dist-e2e';
+
+export default defineConfig({
+	testDir: './e2e',
+	testMatch: '**/*.e2e.ts',
+	fullyParallel: true,
+	forbidOnly: !!process.env.CI,
+	retries: process.env.CI ? 1 : 0,
+	reporter: process.env.CI ? [['list'], ['html', { open: 'never' }]] : 'list',
+	use: {
+		baseURL: `http://127.0.0.1:${PORT}`,
+		trace: 'retain-on-failure',
+		screenshot: 'only-on-failure',
+	},
+	projects: [
+		{
+			name: 'chromium',
+			use: {
+				...devices['Desktop Chrome'],
+				// Containers default to a 64MB /dev/shm, which crashes Chromium under parallel load.
+				launchOptions: { args: ['--disable-dev-shm-usage'] },
+			},
+		},
+	],
+	webServer: {
+		command: `pnpm exec vite build --mode production --outDir ${OUT_DIR} && pnpm exec vite preview --outDir ${OUT_DIR} --port ${PORT} --strictPort`,
+		url: `http://127.0.0.1:${PORT}`,
+		reuseExistingServer: !process.env.CI,
+		timeout: 120_000,
+	},
+});
diff --git a/frontend-vue/pnpm-lock.yaml b/frontend-vue/pnpm-lock.yaml
index dec118ad0..9c911ed72 100644
--- a/frontend-vue/pnpm-lock.yaml
+++ b/frontend-vue/pnpm-lock.yaml
@@ -129,6 +129,9 @@ importers:
       '@biomejs/biome':
         specifier: 2.4.0
         version: 2.4.0
+      '@playwright/test':
+        specifier: ^1.64.1
+        version: 1.64.1
       '@storybook/addon-a11y':
         specifier: ^10.6.3
         version: 10.6.3(storybook@10.6.3(@types/react@19.3.0)(react@19.3.1))
@@ -931,6 +934,11 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@playwright/test@1.64.1':
+    resolution: {integrity: sha512-IaYGml/nSOiZWROfPtuIL7neuu9qDOZ3TNvNljUIrhDMxiGTgPjzj/g9p9RxpS2tSepPDRY+UwAaEeiKtUvIAg==}
+    engines: {node: '>=20'}
+    hasBin: true
+
   '@posthog/browser-common@0.9.5':
     resolution: {integrity: sha512-oXnBgZvM8UQ84IcBLfGP0WSGd9rA0PCGR37H8Pw0NszJRwxwbJnFXIUih0pvI/ze2eGmzkIEC9i3SwC+bMAgjQ==}
 
@@ -2622,6 +2630,16 @@ packages:
       typescript:
         optional: true
 
+  playwright-core@1.64.1:
+    resolution: {integrity: sha512-BC4s8y6SEVA6Q1rSxZTto8hI1KUI3xXlHGZgvGqP4IqPdI/a6FX9H29IDNz7vKo9l21b6LfYosScPL6M3xxyDQ==}
+    engines: {node: '>=20'}
+    hasBin: true
+
+  playwright@1.64.1:
+    resolution: {integrity: sha512-HCrVhHr5QQuwYoswEUGTb7gGp522yflbv/ST8nF4sFWGuLjQCt17Q/EubpGGSNKYn1tsTCPZxqHhHCfVURu7UA==}
+    engines: {node: '>=20'}
+    hasBin: true
+
   pluralize@8.0.0:
     resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
     engines: {node: '>=4'}
@@ -3739,6 +3757,10 @@ snapshots:
   '@oxc-resolver/binding-win32-x64-msvc@11.21.2':
     optional: true
 
+  '@playwright/test@1.64.1':
+    dependencies:
+      playwright: 1.64.1
+
   '@posthog/browser-common@0.9.5':
     dependencies:
       '@posthog/core': 1.59.1
@@ -5518,6 +5540,12 @@ snapshots:
     optionalDependencies:
       typescript: 5.9.3
 
+  playwright-core@1.64.1: {}
+
+  playwright@1.64.1:
+    dependencies:
+      playwright-core: 1.64.1
+
   pluralize@8.0.0: {}
 
   points-on-curve@0.2.0: {}
diff --git a/frontend-vue/tsconfig.node.json b/frontend-vue/tsconfig.node.json
index 02f42ecfd..269503a6d 100644
--- a/frontend-vue/tsconfig.node.json
+++ b/frontend-vue/tsconfig.node.json
@@ -10,5 +10,5 @@
 		"noEmit": true,
 		"skipLibCheck": true
 	},
-	"include": ["vite.config.ts", "eslint.config.js", "scripts/**/*.js"]
+	"include": ["vite.config.ts", "eslint.config.js", "scripts/**/*.js", "playwright.config.ts", "e2e/**/*.ts"]
 }

From b0929c284baf6ce4770f43a1c007dab98f23d4c5 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Fri, 30 Oct 2026 13:48:10 +0000
Subject: [PATCH 08/22] Polish Vue filter dialogs and modal close button

- Add a floating-label option to UiField and use it in filter widgets
- Use UiIconButton for the UiModal close button
- Fix dynamic filter row layout, table filter alignment and dashboard padding
- Truncate long select display values; fix segmented selected text color

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 .../dashboard/SavedFiltersDialog.vue          | 10 ++++-
 .../dashboard/SavedFiltersPanel.vue           | 14 +++++++
 .../dashboard/TableFiltersDialog.vue          |  9 +++--
 .../components/fields/filter/BinaryFilter.vue |  2 +-
 .../fields/filter/CountryFilter.vue           |  2 +-
 .../components/fields/filter/DateFilter.vue   |  2 +-
 .../fields/filter/DateTimeFilter.vue          | 14 +++----
 .../fields/filter/DefaultFilter.vue           |  2 +-
 .../components/fields/filter/EmailFilter.vue  |  4 +-
 .../fields/filter/FilterComparatorRow.vue     |  2 +-
 .../fields/filter/ForeignKeyFilter.vue        |  2 +-
 .../src/components/fields/filter/IdFilter.vue |  2 +-
 .../fields/filter/LongTextFilter.vue          |  2 +-
 .../components/fields/filter/NumberFilter.vue |  2 +-
 .../fields/filter/PasswordFilter.vue          |  2 +-
 .../components/fields/filter/PhoneFilter.vue  |  4 +-
 .../components/fields/filter/PointFilter.vue  |  4 +-
 .../components/fields/filter/SelectFilter.vue |  2 +-
 .../components/fields/filter/TextFilter.vue   |  2 +-
 .../components/fields/filter/TimeFilter.vue   |  2 +-
 .../fields/filter/TimeIntervalFilter.vue      |  2 +-
 .../fields/filter/TimezoneFilter.vue          |  2 +-
 .../fields/table-display/SelectDisplay.vue    |  7 +++-
 .../src/components/ui/UiField.spec.ts         | 10 +++++
 .../src/components/ui/UiField.stories.ts      |  4 ++
 frontend-vue/src/components/ui/UiField.vue    | 30 ++++++++++++++-
 .../src/components/ui/UiModal.spec.ts         |  8 ++++
 frontend-vue/src/components/ui/UiModal.vue    | 37 ++++---------------
 .../src/components/ui/UiSegmented.vue         |  2 +-
 .../src/views/dashboard/DashboardView.vue     |  6 +--
 30 files changed, 124 insertions(+), 69 deletions(-)

diff --git a/frontend-vue/src/components/dashboard/SavedFiltersDialog.vue b/frontend-vue/src/components/dashboard/SavedFiltersDialog.vue
index 4ee1c2027..4fbe52835 100644
--- a/frontend-vue/src/components/dashboard/SavedFiltersDialog.vue
+++ b/frontend-vue/src/components/dashboard/SavedFiltersDialog.vue
@@ -389,7 +389,10 @@ function later(fn: () => void, delay: number) {
 						:aria-expanded="helpOpenFor === key ? 'true' : 'false'"
 						@click="toggleHelp(key)"
 					/>
-					<span v-tooltip.top="dynamicColumn === key ? 'Disable editing' : 'Enable editing'">
+					<span
+						v-tooltip.top="dynamicColumn === key ? 'Disable editing' : 'Enable editing'"
+						class="condition-card__editable-toggle"
+					>
 						<UiSwitch
 							:model-value="dynamicColumn === key"
 							size="sm"
@@ -554,6 +557,11 @@ function later(fn: () => void, delay: number) {
   color: var(--color-muted);
 }
 
+.condition-card__editable-toggle {
+  display: inline-flex;
+  align-items: center;
+}
+
 /* The animated "quick editing" example: the toggle switches on, the chip turns into an input. */
 .quick-edit-help {
   padding: var(--space-4);
diff --git a/frontend-vue/src/components/dashboard/SavedFiltersPanel.vue b/frontend-vue/src/components/dashboard/SavedFiltersPanel.vue
index cb591bba3..0dfb4f1e0 100644
--- a/frontend-vue/src/components/dashboard/SavedFiltersPanel.vue
+++ b/frontend-vue/src/components/dashboard/SavedFiltersPanel.vue
@@ -502,6 +502,7 @@ defineExpose({
 						:is="dynamicWidget(dynamicColumn.column)"
 						v-if="dynamicWidget(dynamicColumn.column)"
 						:key="`${selectedFilterSetId}-${dynamicColumn.column}`"
+						class="dynamic-column__value"
 						v-bind="dynamicWidgetInputs(dynamicColumn.column)"
 						@field-change="updateDynamicColumnValue"
 						@comparator-change="updateDynamicColumnComparator"
@@ -521,6 +522,7 @@ defineExpose({
 						:is="columnFilterComponent(ctx, dynamicColumn.column)"
 						v-if="columnFilterComponent(ctx, dynamicColumn.column)"
 						:key="`${selectedFilterSetId}-${dynamicColumn.column}`"
+						class="dynamic-column__value"
 						v-bind="dynamicValueInputs(dynamicColumn.column)"
 						@field-change="updateDynamicColumnValue"
 					/>
@@ -655,6 +657,18 @@ defineExpose({
   display: none;
 }
 
+/* Controls are full-width by default, which would wrap each one onto its own line. */
+.dynamic-column__comparator {
+  flex: 0 0 auto;
+  width: auto;
+  min-width: 9.5rem;
+}
+
+.dynamic-column__value {
+  flex: 1 1 15rem;
+  min-width: 0;
+}
+
 .saved-filters__static {
   display: flex;
   flex-wrap: wrap;
diff --git a/frontend-vue/src/components/dashboard/TableFiltersDialog.vue b/frontend-vue/src/components/dashboard/TableFiltersDialog.vue
index 48ec444c3..ba0710bae 100644
--- a/frontend-vue/src/components/dashboard/TableFiltersDialog.vue
+++ b/frontend-vue/src/components/dashboard/TableFiltersDialog.vue
@@ -324,15 +324,19 @@ function definedComparators(comparators: Record<string, string | undefined>): Re
   color: var(--color-muted);
 }
 
+/* Separates the picker from the filters it adds, on top of the column gap. */
+.table-filters__select {
+  margin-bottom: var(--space-4);
+}
+
 .table-filters__line {
   display: grid;
   grid-template-columns: minmax(6rem, 10rem) minmax(0, 1fr) auto;
-  align-items: start;
+  align-items: center;
   gap: var(--space-3);
 }
 
 .table-filters__column {
-  padding-top: var(--space-2);
   font-size: var(--text-sm);
   font-weight: var(--weight-medium);
   color: var(--color-ink);
@@ -354,7 +358,6 @@ function definedComparators(comparators: Record<string, string | undefined>): Re
 
   .table-filters__column {
     grid-column: 1 / -1;
-    padding-top: 0;
   }
 }
 </style>
diff --git a/frontend-vue/src/components/fields/filter/BinaryFilter.vue b/frontend-vue/src/components/fields/filter/BinaryFilter.vue
index 5048d472a..1422ead96 100644
--- a/frontend-vue/src/components/fields/filter/BinaryFilter.vue
+++ b/frontend-vue/src/components/fields/filter/BinaryFilter.vue
@@ -88,7 +88,7 @@ function currentHex(): string {
 		:label="`${normalizedLabel} comparator`"
 		@update:model-value="onFilterModeChange"
 	>
-		<UiField v-if="filterMode !== 'empty'" :label="`${normalizedLabel} (${encoding})`" :required="required" :error="error">
+		<UiField floating-label v-if="filterMode !== 'empty'" :label="`${normalizedLabel} (${encoding})`" :required="required" :error="error">
 			<UiInput
 				ref="input"
 				v-custom-validity="validationMessage"
diff --git a/frontend-vue/src/components/fields/filter/CountryFilter.vue b/frontend-vue/src/components/fields/filter/CountryFilter.vue
index 2c58d36c3..ee2f27c5d 100644
--- a/frontend-vue/src/components/fields/filter/CountryFilter.vue
+++ b/frontend-vue/src/components/fields/filter/CountryFilter.vue
@@ -63,7 +63,7 @@ function onCountrySelected(option: AutocompleteOption<CountryOption>) {
 </script>
 
 <template>
-	<UiField class="country-filter" :label="normalizedLabel" :required="required">
+	<UiField floating-label class="country-filter" :label="normalizedLabel" :required="required">
 		<UiAutocomplete
 			ref="input"
 			:model-value="text"
diff --git a/frontend-vue/src/components/fields/filter/DateFilter.vue b/frontend-vue/src/components/fields/filter/DateFilter.vue
index d866a0b16..844a8dd22 100644
--- a/frontend-vue/src/components/fields/filter/DateFilter.vue
+++ b/frontend-vue/src/components/fields/filter/DateFilter.vue
@@ -28,7 +28,7 @@ function onDateChange(value: string) {
 </script>
 
 <template>
-	<UiField class="date-filter" :label="normalizedLabel" :required="required">
+	<UiField floating-label class="date-filter" :label="normalizedLabel" :required="required">
 		<UiInput
 			ref="input"
 			type="date"
diff --git a/frontend-vue/src/components/fields/filter/DateTimeFilter.vue b/frontend-vue/src/components/fields/filter/DateTimeFilter.vue
index 624557649..a39166308 100644
--- a/frontend-vue/src/components/fields/filter/DateTimeFilter.vue
+++ b/frontend-vue/src/components/fields/filter/DateTimeFilter.vue
@@ -209,7 +209,7 @@ function computePresetValue(mode: string): string {
 	>
 		<div v-if="filterMode === 'between'" class="date-time-filter__between">
 			<div class="date-time-filter__couple">
-				<UiField :label="`${normalizedLabel} (from date)`" :required="required">
+				<UiField floating-label :label="`${normalizedLabel} (from date)`" :required="required">
 					<UiInput
 						ref="input"
 						type="date"
@@ -219,7 +219,7 @@ function computePresetValue(mode: string): string {
 						@update:model-value="onBetweenChange('lowerDate', $event)"
 					/>
 				</UiField>
-				<UiField label="(from time)" :required="required">
+				<UiField floating-label label="(from time)" :required="required">
 					<UiInput
 						type="time"
 						:name="`${label}-${fieldKey}-lower-time`"
@@ -230,7 +230,7 @@ function computePresetValue(mode: string): string {
 				</UiField>
 			</div>
 			<div class="date-time-filter__couple">
-				<UiField :label="`${normalizedLabel} (to date)`" :required="required">
+				<UiField floating-label :label="`${normalizedLabel} (to date)`" :required="required">
 					<UiInput
 						type="date"
 						:name="`${label}-${fieldKey}-upper-date`"
@@ -239,7 +239,7 @@ function computePresetValue(mode: string): string {
 						@update:model-value="onBetweenChange('upperDate', $event)"
 					/>
 				</UiField>
-				<UiField label="(to time)" :required="required">
+				<UiField floating-label label="(to time)" :required="required">
 					<UiInput
 						type="time"
 						:name="`${label}-${fieldKey}-upper-time`"
@@ -250,7 +250,7 @@ function computePresetValue(mode: string): string {
 				</UiField>
 			</div>
 		</div>
-		<UiField
+		<UiField floating-label
 			v-else-if="filterMode === 'in'"
 			:label="`${normalizedLabel} (comma-separated ISO datetimes)`"
 			:required="required"
@@ -265,7 +265,7 @@ function computePresetValue(mode: string): string {
 			/>
 		</UiField>
 		<div v-else-if="!isPresetMode()" class="date-time-filter__couple">
-			<UiField :label="`${normalizedLabel} (date)`" :required="required">
+			<UiField floating-label :label="`${normalizedLabel} (date)`" :required="required">
 				<UiInput
 					ref="input"
 					type="date"
@@ -277,7 +277,7 @@ function computePresetValue(mode: string): string {
 					@update:model-value="onDateChange"
 				/>
 			</UiField>
-			<UiField :label="`${normalizedLabel} (time)`" :required="required">
+			<UiField floating-label :label="`${normalizedLabel} (time)`" :required="required">
 				<UiInput
 					type="time"
 					:name="`${label}-${fieldKey}-time`"
diff --git a/frontend-vue/src/components/fields/filter/DefaultFilter.vue b/frontend-vue/src/components/fields/filter/DefaultFilter.vue
index 1885c551c..ad69aef09 100644
--- a/frontend-vue/src/components/fields/filter/DefaultFilter.vue
+++ b/frontend-vue/src/components/fields/filter/DefaultFilter.vue
@@ -144,7 +144,7 @@ function onBetweenUpperChange(next: unknown) {
 		:label="`${normalizedLabel} comparator`"
 		@update:model-value="onComparatorSelect"
 	>
-		<UiField v-if="comparator === 'in'" :label="`${normalizedLabel} (comma-separated)`" :required="required">
+		<UiField floating-label v-if="comparator === 'in'" :label="`${normalizedLabel} (comma-separated)`" :required="required">
 			<UiInput
 				ref="inInput"
 				:name="`${label}-${fieldKey}-in`"
diff --git a/frontend-vue/src/components/fields/filter/EmailFilter.vue b/frontend-vue/src/components/fields/filter/EmailFilter.vue
index 49c024107..72f550fe4 100644
--- a/frontend-vue/src/components/fields/filter/EmailFilter.vue
+++ b/frontend-vue/src/components/fields/filter/EmailFilter.vue
@@ -77,7 +77,7 @@ function onValueChange(value: string) {
 		:label="`${normalizedLabel} comparator`"
 		@update:model-value="onFilterModeChange"
 	>
-		<UiField v-if="filterMode === 'domain'" :label="`${normalizedLabel} (domain)`" :required="required">
+		<UiField floating-label v-if="filterMode === 'domain'" :label="`${normalizedLabel} (domain)`" :required="required">
 			<div class="email-filter__domain">
 				<span class="email-filter__prefix" aria-hidden="true">@</span>
 				<UiInput
@@ -92,7 +92,7 @@ function onValueChange(value: string) {
 				/>
 			</div>
 		</UiField>
-		<UiField v-else-if="filterMode !== 'empty'" :label="normalizedLabel" :required="required">
+		<UiField floating-label v-else-if="filterMode !== 'empty'" :label="normalizedLabel" :required="required">
 			<UiInput
 				ref="input"
 				type="text"
diff --git a/frontend-vue/src/components/fields/filter/FilterComparatorRow.vue b/frontend-vue/src/components/fields/filter/FilterComparatorRow.vue
index de73da329..6a658e311 100644
--- a/frontend-vue/src/components/fields/filter/FilterComparatorRow.vue
+++ b/frontend-vue/src/components/fields/filter/FilterComparatorRow.vue
@@ -48,7 +48,7 @@ function onSelect(value: string | string[] | null) {
 <style scoped>
 .filter-comparator-row {
   display: flex;
-  align-items: flex-end;
+  align-items: center;
   gap: var(--space-2);
   width: 100%;
 }
diff --git a/frontend-vue/src/components/fields/filter/ForeignKeyFilter.vue b/frontend-vue/src/components/fields/filter/ForeignKeyFilter.vue
index 98f2ead26..a4a1b0a7d 100644
--- a/frontend-vue/src/components/fields/filter/ForeignKeyFilter.vue
+++ b/frontend-vue/src/components/fields/filter/ForeignKeyFilter.vue
@@ -198,7 +198,7 @@ function getModifiedRow(row: Record<string, unknown>): Record<string, unknown> {
 
 <template>
 	<div class="foreign-key-filter">
-		<UiField :label="normalizedLabel" :required="required">
+		<UiField floating-label :label="normalizedLabel" :required="required">
 			<UiAutocomplete
 				ref="input"
 				:model-value="currentDisplayedString"
diff --git a/frontend-vue/src/components/fields/filter/IdFilter.vue b/frontend-vue/src/components/fields/filter/IdFilter.vue
index 9e0e4f03e..0458b5ece 100644
--- a/frontend-vue/src/components/fields/filter/IdFilter.vue
+++ b/frontend-vue/src/components/fields/filter/IdFilter.vue
@@ -43,7 +43,7 @@ function onInput(value: string) {
 </script>
 
 <template>
-	<UiField class="id-filter" :label="normalizedLabel" :required="required" :error="error">
+	<UiField floating-label class="id-filter" :label="normalizedLabel" :required="required" :error="error">
 		<UiInput
 			ref="input"
 			v-custom-validity="patternMessage"
diff --git a/frontend-vue/src/components/fields/filter/LongTextFilter.vue b/frontend-vue/src/components/fields/filter/LongTextFilter.vue
index e0871f7a9..f1c26cd7d 100644
--- a/frontend-vue/src/components/fields/filter/LongTextFilter.vue
+++ b/frontend-vue/src/components/fields/filter/LongTextFilter.vue
@@ -35,7 +35,7 @@ function onInput(value: string) {
 </script>
 
 <template>
-	<UiField class="long-text-filter" :label="normalizedLabel" :required="required">
+	<UiField floating-label class="long-text-filter" :label="normalizedLabel" :required="required">
 		<UiTextarea
 			ref="input"
 			class="long-text-filter__textarea"
diff --git a/frontend-vue/src/components/fields/filter/NumberFilter.vue b/frontend-vue/src/components/fields/filter/NumberFilter.vue
index 42718f76a..abb8ec10d 100644
--- a/frontend-vue/src/components/fields/filter/NumberFilter.vue
+++ b/frontend-vue/src/components/fields/filter/NumberFilter.vue
@@ -34,7 +34,7 @@ function onInput(value: string) {
 </script>
 
 <template>
-	<UiField class="number-filter" :label="normalizedLabel" :required="required">
+	<UiField floating-label class="number-filter" :label="normalizedLabel" :required="required">
 		<UiInput
 			ref="input"
 			type="number"
diff --git a/frontend-vue/src/components/fields/filter/PasswordFilter.vue b/frontend-vue/src/components/fields/filter/PasswordFilter.vue
index 77df0bca3..ffefed9ed 100644
--- a/frontend-vue/src/components/fields/filter/PasswordFilter.vue
+++ b/frontend-vue/src/components/fields/filter/PasswordFilter.vue
@@ -36,7 +36,7 @@ function onClearPasswordChange(checked: boolean) {
 
 <template>
 	<div class="password-filter">
-		<UiField :label="normalizedLabel" :required="required" hint="To keep password the same keep this field blank.">
+		<UiField floating-label :label="normalizedLabel" :required="required" hint="To keep password the same keep this field blank.">
 			<UiInput
 				ref="input"
 				type="password"
diff --git a/frontend-vue/src/components/fields/filter/PhoneFilter.vue b/frontend-vue/src/components/fields/filter/PhoneFilter.vue
index f822726dd..d568cac6d 100644
--- a/frontend-vue/src/components/fields/filter/PhoneFilter.vue
+++ b/frontend-vue/src/components/fields/filter/PhoneFilter.vue
@@ -110,7 +110,7 @@ function displayFn(country: CountryWithFlag): string {
 		:label="`${normalizedLabel} comparator`"
 		@update:model-value="onFilterModeChange"
 	>
-		<UiField v-if="filterMode === 'country'" :label="`${normalizedLabel} (country)`" :required="required">
+		<UiField floating-label v-if="filterMode === 'country'" :label="`${normalizedLabel} (country)`" :required="required">
 			<UiAutocomplete
 				ref="input"
 				:model-value="countryText"
@@ -127,7 +127,7 @@ function displayFn(country: CountryWithFlag): string {
 				</template>
 			</UiAutocomplete>
 		</UiField>
-		<UiField v-else-if="filterMode !== 'empty'" :label="normalizedLabel" :required="required">
+		<UiField floating-label v-else-if="filterMode !== 'empty'" :label="normalizedLabel" :required="required">
 			<UiInput
 				ref="input"
 				type="text"
diff --git a/frontend-vue/src/components/fields/filter/PointFilter.vue b/frontend-vue/src/components/fields/filter/PointFilter.vue
index 10fbbd7fe..6989d2e6c 100644
--- a/frontend-vue/src/components/fields/filter/PointFilter.vue
+++ b/frontend-vue/src/components/fields/filter/PointFilter.vue
@@ -46,7 +46,7 @@ function toPoint(value: PointValue | string | null | undefined): PointValue | nu
 
 <template>
 	<div v-if="hasValue" class="point-filter">
-		<UiField :label="`${normalizedLabel} X coordinate`" :required="required">
+		<UiField floating-label :label="`${normalizedLabel} X coordinate`" :required="required">
 			<UiInput
 				ref="input"
 				type="number"
@@ -56,7 +56,7 @@ function toPoint(value: PointValue | string | null | undefined): PointValue | nu
 				@update:model-value="onInput('x', $event)"
 			/>
 		</UiField>
-		<UiField :label="`${normalizedLabel} Y coordinate`" :required="required">
+		<UiField floating-label :label="`${normalizedLabel} Y coordinate`" :required="required">
 			<UiInput
 				type="number"
 				:name="`${label}-${fieldKey}-y`"
diff --git a/frontend-vue/src/components/fields/filter/SelectFilter.vue b/frontend-vue/src/components/fields/filter/SelectFilter.vue
index a29add01b..cdca6899e 100644
--- a/frontend-vue/src/components/fields/filter/SelectFilter.vue
+++ b/frontend-vue/src/components/fields/filter/SelectFilter.vue
@@ -63,7 +63,7 @@ function onSelectionChange(values: OptionValue | OptionValue[] | null) {
 </script>
 
 <template>
-	<UiField class="select-filter" :label="normalizedLabel" :required="required">
+	<UiField floating-label class="select-filter" :label="normalizedLabel" :required="required">
 		<UiSelect
 			ref="input"
 			multiple
diff --git a/frontend-vue/src/components/fields/filter/TextFilter.vue b/frontend-vue/src/components/fields/filter/TextFilter.vue
index ae5966243..771caf67a 100644
--- a/frontend-vue/src/components/fields/filter/TextFilter.vue
+++ b/frontend-vue/src/components/fields/filter/TextFilter.vue
@@ -34,7 +34,7 @@ function onInput(value: string) {
 </script>
 
 <template>
-	<UiField class="text-filter" :label="normalizedLabel" :required="required">
+	<UiField floating-label class="text-filter" :label="normalizedLabel" :required="required">
 		<UiInput
 			ref="input"
 			type="text"
diff --git a/frontend-vue/src/components/fields/filter/TimeFilter.vue b/frontend-vue/src/components/fields/filter/TimeFilter.vue
index 0f8275a84..e492edf21 100644
--- a/frontend-vue/src/components/fields/filter/TimeFilter.vue
+++ b/frontend-vue/src/components/fields/filter/TimeFilter.vue
@@ -32,7 +32,7 @@ function onInput(value: string) {
 </script>
 
 <template>
-	<UiField class="time-filter" :label="normalizedLabel" :required="required">
+	<UiField floating-label class="time-filter" :label="normalizedLabel" :required="required">
 		<UiInput
 			ref="input"
 			type="time"
diff --git a/frontend-vue/src/components/fields/filter/TimeIntervalFilter.vue b/frontend-vue/src/components/fields/filter/TimeIntervalFilter.vue
index b483b70fa..31d9137ef 100644
--- a/frontend-vue/src/components/fields/filter/TimeIntervalFilter.vue
+++ b/frontend-vue/src/components/fields/filter/TimeIntervalFilter.vue
@@ -84,7 +84,7 @@ function parseIntervalString(text: string): Interval {
 		<span class="time-interval-filter__label">
 			{{ normalizedLabel }} <span v-if="required" aria-hidden="true">*</span>
 		</span>
-		<UiField v-for="(unit, index) in UNITS" :key="unit" :label="unit" :required="required">
+		<UiField floating-label v-for="(unit, index) in UNITS" :key="unit" :label="unit" :required="required">
 			<UiInput
 				:ref="(el) => setUnitRef(el, index)"
 				type="number"
diff --git a/frontend-vue/src/components/fields/filter/TimezoneFilter.vue b/frontend-vue/src/components/fields/filter/TimezoneFilter.vue
index 5518327d3..ab47a8df6 100644
--- a/frontend-vue/src/components/fields/filter/TimezoneFilter.vue
+++ b/frontend-vue/src/components/fields/filter/TimezoneFilter.vue
@@ -35,7 +35,7 @@ function onChange(value: string | null | (string | null)[]) {
 </script>
 
 <template>
-	<UiField class="timezone-filter" :label="normalizedLabel" :required="required">
+	<UiField floating-label class="timezone-filter" :label="normalizedLabel" :required="required">
 		<!-- An empty placeholder for a non-nullable column, so nothing shows as picked before a choice
 		     (mat-select's empty state); nullable columns have the real null option instead. -->
 		<UiSelect
diff --git a/frontend-vue/src/components/fields/table-display/SelectDisplay.vue b/frontend-vue/src/components/fields/table-display/SelectDisplay.vue
index 8a4648eec..4d22b8e2f 100644
--- a/frontend-vue/src/components/fields/table-display/SelectDisplay.vue
+++ b/frontend-vue/src/components/fields/table-display/SelectDisplay.vue
@@ -41,7 +41,12 @@ const backgroundColor = computed(() => {
 
 <style scoped>
 .select-display__value {
-  padding: var(--space-05) var(--space-1);
+  display: inline-block;
+  max-width: 100%;
+  padding: var(--space-05) var(--space-2);
+  overflow: hidden;
   border-radius: var(--radius-control);
+  text-overflow: ellipsis;
+  vertical-align: middle;
 }
 </style>
diff --git a/frontend-vue/src/components/ui/UiField.spec.ts b/frontend-vue/src/components/ui/UiField.spec.ts
index fa81a56f3..f50a3d057 100644
--- a/frontend-vue/src/components/ui/UiField.spec.ts
+++ b/frontend-vue/src/components/ui/UiField.spec.ts
@@ -102,6 +102,16 @@ describe('UiField + UiInput', () => {
 		});
 	});
 
+	describe('floating label', () => {
+		it('adds the modifier only when asked, keeping the label linked to the control', () => {
+			expect(mountField().classes()).not.toContain('ui-field--floating-label');
+
+			const wrapper = mountField({ floatingLabel: true });
+			expect(wrapper.classes()).toContain('ui-field--floating-label');
+			expect(wrapper.find('label').attributes('for')).toBe(wrapper.find('input').attributes('id'));
+		});
+	});
+
 	describe('scoped slot', () => {
 		it('exposes the wiring so a non-UiInput control can use it', () => {
 			// This is what lets a field wrap a <select>, a <textarea> or the Turnstile widget.
diff --git a/frontend-vue/src/components/ui/UiField.stories.ts b/frontend-vue/src/components/ui/UiField.stories.ts
index e6d663d28..ba880373a 100644
--- a/frontend-vue/src/components/ui/UiField.stories.ts
+++ b/frontend-vue/src/components/ui/UiField.stories.ts
@@ -56,6 +56,9 @@ export const WithHintAndError: Story = {
 
 export const Required: Story = { args: { required: true } };
 
+/** The label sits on the control's top border — for dense rows such as the filters dialog. */
+export const FloatingLabel: Story = { args: { floatingLabel: true } };
+
 export const Disabled: Story = {
 	render: (args) => ({
 		components: { UiField, UiInput },
@@ -121,6 +124,7 @@ export const AllVariants: Story = {
         <UiField label="Required" required><UiInput /></UiField>
         <UiField label="Disabled"><UiInput model-value="Locked" disabled /></UiField>
         <UiField label="Small control"><UiInput size="sm" placeholder="Dense row" /></UiField>
+        <UiField label="Floating label" floating-label><UiInput /></UiField>
       </form>
     `,
 	}),
diff --git a/frontend-vue/src/components/ui/UiField.vue b/frontend-vue/src/components/ui/UiField.vue
index b84159e12..c43c64eac 100644
--- a/frontend-vue/src/components/ui/UiField.vue
+++ b/frontend-vue/src/components/ui/UiField.vue
@@ -27,8 +27,10 @@ const props = withDefaults(
 		/** Validation message. Its presence is what sets `aria-invalid` on the control. */
 		error?: string;
 		required?: boolean;
+		/** Label sits on the control's top border instead of above it, for dense rows like filters. */
+		floatingLabel?: boolean;
 	}>(),
-	{ required: false },
+	{ required: false, floatingLabel: false },
 );
 
 // useId() rather than a counter: deterministic per instance, stable across re-renders, and unique
@@ -41,6 +43,8 @@ const errorId = `${uid}-error`;
 
 const invalid = computed(() => Boolean(props.error));
 
+const classes = computed(() => ['ui-field', { 'ui-field--floating-label': props.floatingLabel }]);
+
 /* Both ids when both are present — an error must not silence the hint, since the hint usually
    states the rule the error is complaining about. */
 const describedBy = computed(() => {
@@ -58,7 +62,7 @@ provide(FIELD_CONTEXT, {
 </script>
 
 <template>
-	<div class="ui-field">
+	<div :class="classes">
 		<label :id="labelId" class="ui-field__label" :for="inputId">
 			{{ label }}
 			<span v-if="required" class="ui-field__required" aria-hidden="true">*</span>
@@ -87,6 +91,28 @@ provide(FIELD_CONTEXT, {
   color: var(--color-ink-soft);
 }
 
+/* The label overlaps the control's top border; its surface background cuts the border line. Only
+   the label leaves the flow — hint and error stay under the control. */
+.ui-field--floating-label {
+  position: relative;
+}
+
+.ui-field--floating-label .ui-field__label {
+  position: absolute;
+  top: 0;
+  inset-inline-start: var(--space-2);
+  z-index: 1;
+  max-width: calc(100% - var(--space-4));
+  padding: 0 var(--space-1);
+  overflow: hidden;
+  font-size: var(--text-xs);
+  line-height: 1;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  background: var(--color-surface);
+  transform: translateY(-50%);
+}
+
 /* Decorative: `required` is already on the control, where AT reads it. */
 .ui-field__required {
   color: var(--color-danger-strong);
diff --git a/frontend-vue/src/components/ui/UiModal.spec.ts b/frontend-vue/src/components/ui/UiModal.spec.ts
index 5dded2c59..af35a8763 100644
--- a/frontend-vue/src/components/ui/UiModal.spec.ts
+++ b/frontend-vue/src/components/ui/UiModal.spec.ts
@@ -94,6 +94,14 @@ describe('UiModal', () => {
 		expect(wrapper.emitted('close')).toHaveLength(1);
 	});
 
+	it('gives the close button an accessible name and native button semantics', () => {
+		const close = mountModal().get('.ui-modal__close');
+
+		expect(close.element.tagName).toBe('BUTTON');
+		expect(close.attributes('type')).toBe('button');
+		expect(close.attributes('aria-label')).toBe('Close dialog');
+	});
+
 	it('dismisses on Escape, which arrives as the native cancel event', async () => {
 		const wrapper = mountModal();
 
diff --git a/frontend-vue/src/components/ui/UiModal.vue b/frontend-vue/src/components/ui/UiModal.vue
index 8d3954e7d..bc91c75f1 100644
--- a/frontend-vue/src/components/ui/UiModal.vue
+++ b/frontend-vue/src/components/ui/UiModal.vue
@@ -12,6 +12,7 @@
  * to the `<dialog>` itself, which is the box they mean. See _Foundations → Conventions_.
  */
 import { computed, nextTick, onBeforeUnmount, ref, useId, watch } from 'vue';
+import UiIconButton from './UiIconButton.vue';
 
 defineOptions({ inheritAttrs: false });
 
@@ -120,15 +121,13 @@ const classes = computed(() => ['ui-modal', `ui-modal--size-${props.size}`]);
 		>
 			<header class="ui-modal__head">
 				<h2 :id="titleId" class="ui-modal__title">{{ title }}</h2>
-				<button
+				<UiIconButton
 					v-if="dismissible"
-					type="button"
 					class="ui-modal__close"
-					aria-label="Close dialog"
+					icon="close"
+					label="Close dialog"
 					@click="requestClose"
-				>
-					<span aria-hidden="true">×</span>
-				</button>
+				/>
 			</header>
 
 			<div class="ui-modal__body"><slot /></div>
@@ -193,31 +192,9 @@ const classes = computed(() => ['ui-modal', `ui-modal--size-${props.size}`]);
   color: var(--color-ink);
 }
 
+/* A 40px hit area, pulled into the panel's padding so it doesn't push the title down or inward. */
 .ui-modal__close {
-  display: grid;
-  place-items: center;
-  flex: none;
-  width: 1.75rem;
-  height: 1.75rem;
-  padding: 0;
-  border: none;
-  border-radius: var(--radius-control);
-  background: transparent;
-  font-size: var(--text-md);
-  line-height: 1;
-  color: var(--color-muted);
-  cursor: pointer;
-  transition: background var(--motion-fast) var(--ease-out);
-}
-
-.ui-modal__close:hover {
-  background: var(--color-paper);
-  color: var(--color-ink);
-}
-
-.ui-modal__close:focus-visible {
-  outline: none;
-  box-shadow: var(--ring-focus);
+  margin: calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) 0;
 }
 
 .ui-modal__body {
diff --git a/frontend-vue/src/components/ui/UiSegmented.vue b/frontend-vue/src/components/ui/UiSegmented.vue
index d89a45c3d..55907b45c 100644
--- a/frontend-vue/src/components/ui/UiSegmented.vue
+++ b/frontend-vue/src/components/ui/UiSegmented.vue
@@ -113,7 +113,7 @@ function select(option: SelectOption<T>) {
 .ui-segmented__option--selected,
 .ui-segmented__option--selected:hover {
   background: var(--color-accent);
-  color: var(--color-accent-ink);
+  color: var(--color-surface);
 }
 
 /* Visually hidden but focusable: the radio is what keyboard and AT interact with. */
diff --git a/frontend-vue/src/views/dashboard/DashboardView.vue b/frontend-vue/src/views/dashboard/DashboardView.vue
index d3eebe6c8..b1382db09 100644
--- a/frontend-vue/src/views/dashboard/DashboardView.vue
+++ b/frontend-vue/src/views/dashboard/DashboardView.vue
@@ -567,7 +567,7 @@ function openIntercom() {
 .dashboard__content {
 	flex: 1;
 	min-width: 0;
-	padding: 0 var(--space-6) var(--space-6);
+	padding: var(--space-6);
 	overflow-y: auto;
 }
 
@@ -575,7 +575,7 @@ function openIntercom() {
 	display: flex;
 	flex-direction: column;
 	gap: var(--space-2);
-	margin: var(--space-6) 0 var(--space-4);
+	margin: 0 0 var(--space-4);
 }
 
 .dashboard__alerts:empty {
@@ -694,7 +694,7 @@ function openIntercom() {
 	}
 
 	.dashboard__content {
-		padding: 0 var(--space-4) var(--space-4);
+		padding: var(--space-4);
 	}
 
 	.dashboard__ai-config {

From 9221fa6ddf0e0dd8d864e3bb03954924fd3ede5f Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Fri, 30 Oct 2026 15:03:29 +0000
Subject: [PATCH 09/22] Tidy Vue record preview foreign keys and related
 records

Foreign key links hug their content, underline every wrapped line, and keep
the eye icon outside the link. Related records headers are more compact and
mark empty tables with the same badge as the row edit page.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 .../src/components/dashboard/TableRowView.vue | 16 +++++++++-
 .../record-view/ForeignKeyRecordView.vue      | 30 +++++++++++--------
 2 files changed, 33 insertions(+), 13 deletions(-)

diff --git a/frontend-vue/src/components/dashboard/TableRowView.vue b/frontend-vue/src/components/dashboard/TableRowView.vue
index 9dc28b8d5..84deb08f5 100644
--- a/frontend-vue/src/components/dashboard/TableRowView.vue
+++ b/frontend-vue/src/components/dashboard/TableRowView.vue
@@ -297,6 +297,14 @@ function handleClose() {
 	font-weight: var(--weight-semibold);
 }
 
+.row-view__related-panel :deep(.ui-expansion-panel__toggle) {
+	padding: var(--space-2) var(--space-2) var(--space-2) var(--space-3);
+}
+
+.row-view__related-panel :deep(.ui-expansion-panel__title) {
+	font-size: var(--text-sm);
+}
+
 .row-view__related-name {
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -304,9 +312,15 @@ function handleClose() {
 }
 
 .row-view__empty-mark {
+	flex: none;
 	margin-inline-start: var(--space-2);
+	padding: 0 var(--space-2);
+	border-radius: var(--radius-pill);
+	font-size: var(--text-2xs);
+	letter-spacing: 0.04em;
+	text-transform: uppercase;
 	color: var(--color-muted);
-	font-size: var(--text-xs);
+	background: var(--color-paper-2);
 }
 
 .row-view__fields {
diff --git a/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.vue b/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.vue
index 75c78c406..3d1bd0e75 100644
--- a/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.vue
+++ b/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.vue
@@ -47,23 +47,29 @@ function onClick() {
 
 <template>
 	<RecordViewValue v-if="displayValue == null">—</RecordViewValue>
-	<RouterLink
-		v-else
-		:to="{ path: link ?? '', query: foreignKeyURLParams }"
-		class="foreign-key-record-view__link"
-		@click="onClick"
-	>
-		<RecordViewValue>{{ displayValue }}</RecordViewValue>
+	<span v-else class="foreign-key-record-view">
+		<RouterLink
+			:to="{ path: link ?? '', query: foreignKeyURLParams }"
+			class="foreign-key-record-view__link"
+			@click="onClick"
+		>
+			<RecordViewValue>{{ displayValue }}</RecordViewValue>
+		</RouterLink>
 		<UiIcon name="visibility" size="sm" />
-	</RouterLink>
+	</span>
 </template>
 
 <style scoped>
-.foreign-key-record-view__link {
-  display: flex;
+.foreign-key-record-view {
+  display: inline-flex;
   align-items: center;
   gap: var(--space-2);
-  text-decoration: none;
-  border-bottom: 1px solid var(--color-ink-soft);
+}
+
+.foreign-key-record-view__link {
+  min-width: 0;
+  text-decoration: underline;
+  text-decoration-color: var(--color-ink-soft);
+  text-underline-offset: 3px;
 }
 </style>

From b51acc512641a6739848727c19321347db0cc976 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Fri, 30 Oct 2026 16:09:26 +0000
Subject: [PATCH 10/22] Move Vue row edit related records into a side panel

Records related to the row now sit in a static right-hand panel with its
own scroll, pinned under the app header. The record preview opens to its
right, pinned the same way, and the bottom actions bar spans up to the
panels with its buttons aligned to the form. Narrow screens keep the
related records above the form.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 frontend-vue/src/views/table/RowEditView.vue | 339 +++++++++++--------
 1 file changed, 207 insertions(+), 132 deletions(-)

diff --git a/frontend-vue/src/views/table/RowEditView.vue b/frontend-vue/src/views/table/RowEditView.vue
index abcb27c3b..43628e7e5 100644
--- a/frontend-vue/src/views/table/RowEditView.vue
+++ b/frontend-vue/src/views/table/RowEditView.vue
@@ -187,11 +187,11 @@ function isEmptyRelated(table: string): boolean {
 			</template>
 		</AppBanner>
 
-		<div class="row-edit__page">
+		<div class="row-edit__page" :class="{ 'row-edit__page--loading': loading }">
 			<div
 				v-if="tableRowValues"
 				class="row-edit__wrapper"
-				:class="{ 'row-edit__wrapper--shifted': tableState.selectedRow }"
+				:class="{ 'row-edit__wrapper--shifted': tableState.selectedRow || referencedTables.length }"
 			>
 				<div class="row-edit__header">
 					<div class="row-edit__header-main">
@@ -246,79 +246,6 @@ function isEmptyRelated(table: string): boolean {
 					</div>
 				</div>
 
-				<section v-if="referencedTables.length" class="row-edit__related" aria-labelledby="row-edit-related-title">
-					<h2 id="row-edit-related-title" class="row-edit__related-title">
-						Records related to&nbsp;
-						<span v-if="identityColumn && tableRowValues[identityColumn]">"{{ tableRowValues[identityColumn] }}"</span>
-						<span v-else>this row</span>
-					</h2>
-
-					<UiAccordion multi>
-						<UiExpansionPanel
-							v-for="(referencedTable, tableIndex) in referencedTables"
-							:key="referencedTable.table_name"
-							:disabled="isEmptyRelated(referencedTable.table_name)"
-							:hide-toggle="isEmptyRelated(referencedTable.table_name)"
-							class="row-edit__related-panel"
-						>
-							<template #title>
-								<span class="row-edit__related-name">
-									<span class="row-edit__related-name-text" :title="referencedTable.displayTableName">
-										{{ referencedTable.displayTableName }}
-									</span>
-									<span v-if="isEmptyRelated(referencedTable.table_name)" class="row-edit__related-empty">Empty</span>
-								</span>
-							</template>
-							<template #actions>
-								<UiSpinner v-if="!recordsOf(referencedTable.table_name)" size="sm" label="Loading records" />
-								<template v-else>
-									<UiIconButton
-										icon="add"
-										size="sm"
-										:label="`Add a new record to ${referencedTable.displayTableName}`"
-										:href="router.resolve(`/dashboard/${connectionId}/${referencedTable.table_name}/entry`).href"
-										target="_blank"
-									/>
-									<UiIconButton
-										icon="open_in_new"
-										size="sm"
-										label="Open records in table view"
-										:to="{
-											path: `/dashboard/${connectionId}/${referencedTable.table_name}`,
-											query: referencedTablesURLParams[tableIndex],
-										}"
-									/>
-								</template>
-							</template>
-
-							<UiList v-if="recordsOf(referencedTable.table_name)" size="sm">
-								<UiListItem
-									v-for="(rawRow, rowIndex) in recordsOf(referencedTable.table_name)?.rawRows"
-									:key="rowIndex"
-									interactive
-									class="row-edit__related-record"
-									@click="rowEdit.handleViewRow(referencedTable.table_name, rawRow)"
-								>
-									<strong v-if="!recordsOf(referencedTable.table_name)?.identityColumn.isSet">
-										{{ recordsOf(referencedTable.table_name)?.identityColumn.displayName }}:&nbsp;
-									</strong>
-									{{ relatedIdentity(referencedTable.table_name, rowIndex) }}
-									<template #description>
-										<span
-											v-for="field in recordsOf(referencedTable.table_name)?.fieldsOrder"
-											:key="field.fieldName"
-											class="row-edit__related-field"
-										>
-											<strong class="row-edit__related-field-name">{{ field.displayName }}:</strong>
-											<span>{{ relatedValue(referencedTable.table_name, rowIndex, field.fieldName) }};</span>
-										</span>
-									</template>
-								</UiListItem>
-							</UiList>
-						</UiExpansionPanel>
-					</UiAccordion>
-				</section>
-
 				<form
 					ref="form"
 					class="row-edit__form"
@@ -344,56 +271,132 @@ function isEmptyRelated(table: string): boolean {
 					</div>
 
 					<div class="row-edit__actions">
-						<UiButton
-							v-if="showKeyActions && pageMode === 'view'"
-							data-testid="switch-to-editing-button"
-							@click="rowEdit.switchToEditMode()"
-						>
-							<template #leading><UiIcon name="edit" /></template>
-							Edit
-						</UiButton>
-
-						<UiButton
-							v-if="showKeyActions && pageMode !== 'view'"
-							variant="ghost"
-							class="row-edit__continue"
-							data-testid="record-save-and-continue-editing-button"
-							:disabled="submitting || formInvalid"
-							@click="rowEdit.handleRowSubmitting(true)"
-						>
-							Save &amp; continue
-						</UiButton>
-
-						<UiButton
-							v-if="hasKeyAttributesFromURL && canEditRow && !pageAction && pageMode !== 'view'"
-							type="submit"
-							data-testid="record-edit-button"
-							:disabled="submitting || formInvalid"
-						>
-							Save
-						</UiButton>
-
-						<UiButton
-							v-if="hasKeyAttributesFromURL && canAddRow && pageAction === 'dub'"
-							type="submit"
-							data-testid="record-duplicate-button"
-							:disabled="submitting || formInvalid"
-						>
-							Duplicate
-						</UiButton>
-
-						<UiButton
-							v-if="!hasKeyAttributesFromURL"
-							type="submit"
-							data-testid="record-add-button"
-							:disabled="submitting || formInvalid"
-						>
-							Add
-						</UiButton>
+						<div class="row-edit__actions-inner">
+							<UiButton
+								v-if="showKeyActions && pageMode === 'view'"
+								data-testid="switch-to-editing-button"
+								@click="rowEdit.switchToEditMode()"
+							>
+								<template #leading><UiIcon name="edit" /></template>
+								Edit
+							</UiButton>
+
+							<UiButton
+								v-if="showKeyActions && pageMode !== 'view'"
+								variant="ghost"
+								class="row-edit__continue"
+								data-testid="record-save-and-continue-editing-button"
+								:disabled="submitting || formInvalid"
+								@click="rowEdit.handleRowSubmitting(true)"
+							>
+								Save &amp; continue
+							</UiButton>
+
+							<UiButton
+								v-if="hasKeyAttributesFromURL && canEditRow && !pageAction && pageMode !== 'view'"
+								type="submit"
+								data-testid="record-edit-button"
+								:disabled="submitting || formInvalid"
+							>
+								Save
+							</UiButton>
+
+							<UiButton
+								v-if="hasKeyAttributesFromURL && canAddRow && pageAction === 'dub'"
+								type="submit"
+								data-testid="record-duplicate-button"
+								:disabled="submitting || formInvalid"
+							>
+								Duplicate
+							</UiButton>
+
+							<UiButton
+								v-if="!hasKeyAttributesFromURL"
+								type="submit"
+								data-testid="record-add-button"
+								:disabled="submitting || formInvalid"
+							>
+								Add
+							</UiButton>
+						</div>
 					</div>
 				</form>
 			</div>
 
+			<!-- A static side panel that scrolls on its own, independent of the form. -->
+			<aside v-if="tableRowValues && referencedTables.length" class="row-edit__related" aria-labelledby="row-edit-related-title">
+				<h2 id="row-edit-related-title" class="row-edit__related-title">
+					Records related to&nbsp;
+					<span v-if="identityColumn && tableRowValues[identityColumn]">"{{ tableRowValues[identityColumn] }}"</span>
+					<span v-else>this row</span>
+				</h2>
+
+				<UiAccordion multi>
+					<UiExpansionPanel
+						v-for="(referencedTable, tableIndex) in referencedTables"
+						:key="referencedTable.table_name"
+						:disabled="isEmptyRelated(referencedTable.table_name)"
+						:hide-toggle="isEmptyRelated(referencedTable.table_name)"
+						class="row-edit__related-panel"
+					>
+						<template #title>
+							<span class="row-edit__related-name">
+								<span class="row-edit__related-name-text" :title="referencedTable.displayTableName">
+									{{ referencedTable.displayTableName }}
+								</span>
+								<span v-if="isEmptyRelated(referencedTable.table_name)" class="row-edit__related-empty">Empty</span>
+							</span>
+						</template>
+						<template #actions>
+							<UiSpinner v-if="!recordsOf(referencedTable.table_name)" size="sm" label="Loading records" />
+							<template v-else>
+								<UiIconButton
+									icon="add"
+									size="sm"
+									:label="`Add a new record to ${referencedTable.displayTableName}`"
+									:href="router.resolve(`/dashboard/${connectionId}/${referencedTable.table_name}/entry`).href"
+									target="_blank"
+								/>
+								<UiIconButton
+									icon="open_in_new"
+									size="sm"
+									label="Open records in table view"
+									:to="{
+										path: `/dashboard/${connectionId}/${referencedTable.table_name}`,
+										query: referencedTablesURLParams[tableIndex],
+									}"
+								/>
+							</template>
+						</template>
+
+						<UiList v-if="recordsOf(referencedTable.table_name)" size="sm">
+							<UiListItem
+								v-for="(rawRow, rowIndex) in recordsOf(referencedTable.table_name)?.rawRows"
+								:key="rowIndex"
+								interactive
+								class="row-edit__related-record"
+								@click="rowEdit.handleViewRow(referencedTable.table_name, rawRow)"
+							>
+								<strong v-if="!recordsOf(referencedTable.table_name)?.identityColumn.isSet">
+									{{ recordsOf(referencedTable.table_name)?.identityColumn.displayName }}:&nbsp;
+								</strong>
+								{{ relatedIdentity(referencedTable.table_name, rowIndex) }}
+								<template #description>
+									<span
+										v-for="field in recordsOf(referencedTable.table_name)?.fieldsOrder"
+										:key="field.fieldName"
+										class="row-edit__related-field"
+									>
+										<strong class="row-edit__related-field-name">{{ field.displayName }}:</strong>
+										<span>{{ relatedValue(referencedTable.table_name, rowIndex, field.fieldName) }};</span>
+									</span>
+								</template>
+							</UiListItem>
+						</UiList>
+					</UiExpansionPanel>
+				</UiAccordion>
+			</aside>
+
 			<!-- A related record opened from the side lists, as Angular's app-db-table-row-view here. -->
 			<TableRowView v-if="tableState.selectedRow" :active-filters="null" />
 		</div>
@@ -404,7 +407,7 @@ function isEmptyRelated(table: string): boolean {
 .row-edit {
 	display: flex;
 	flex-direction: column;
-	min-height: 100%;
+	min-height: calc(100vh - var(--header-height));
 	padding: var(--space-4) var(--space-4) 0;
 }
 
@@ -426,6 +429,11 @@ function isEmptyRelated(table: string): boolean {
 	flex: 1;
 }
 
+/* Empty while the skeleton shows, so the skeleton gets the full height for its bottom save bar. */
+.row-edit__page--loading {
+	flex: none;
+}
+
 .row-edit__wrapper {
 	display: flex;
 	flex-direction: column;
@@ -494,13 +502,22 @@ function isEmptyRelated(table: string): boolean {
 	gap: var(--space-2);
 }
 
+/* Pinned under the app header, flush with the page's top and right edges, and scrolled on its own. */
 .row-edit__related {
+	position: sticky;
+	top: var(--header-height);
 	display: flex;
 	flex-direction: column;
+	flex-shrink: 0;
 	gap: var(--space-3);
-	width: 100%;
-	max-width: 32.5rem;
-	margin: var(--space-3) 0 var(--space-1);
+	align-self: flex-start;
+	width: clamp(16rem, 24vw, 24rem);
+	height: calc(100vh - var(--header-height));
+	margin: calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) 0 0;
+	padding: var(--space-5) var(--space-4);
+	overflow-y: auto;
+	border-inline-start: 1px solid var(--color-line);
+	background: var(--color-surface);
 }
 
 .row-edit__related-title {
@@ -545,17 +562,22 @@ function isEmptyRelated(table: string): boolean {
 
 .row-edit__form {
 	display: flex;
+	flex: 1;
 	flex-direction: column;
 	width: 100%;
 	min-width: 18.75rem;
-	max-width: 32.5rem;
-	margin: var(--space-6) auto 0;
+	margin-top: var(--space-6);
 }
 
+/* Grows to push the actions panel to the bottom of the page when the form is short. */
 .row-edit__fields {
 	display: flex;
+	flex: 1 0 auto;
 	flex-direction: column;
 	gap: var(--space-4);
+	width: 100%;
+	max-width: 32.5rem;
+	margin: 0 auto;
 	padding-bottom: var(--space-10);
 }
 
@@ -568,16 +590,45 @@ function isEmptyRelated(table: string): boolean {
 	position: sticky;
 	bottom: 0;
 	z-index: var(--z-sticky);
-	display: flex;
-	align-items: center;
-	justify-content: flex-end;
-	gap: var(--space-2);
 	margin: 0 calc(-1 * var(--space-4));
 	padding: var(--space-3) var(--space-4);
 	border-top: 1px solid var(--color-line);
 	background: var(--color-surface);
 }
 
+/* Beside the related records or the related-record preview the panel stops at the wrapper edge instead of running under it. */
+/* The record preview opens right of the related records, pinned like the related panel and flush with the page edge. */
+@media (width > 900px) {
+	.row-edit__page :deep(.row-view) {
+		position: sticky;
+		top: var(--header-height);
+		align-self: flex-start;
+		height: calc(100vh - var(--header-height));
+		max-height: none;
+		margin: calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) 0 0;
+	}
+
+	.row-edit__page:has(.row-view) .row-edit__related {
+		margin-right: 0;
+	}
+}
+
+.row-edit__wrapper--shifted .row-edit__actions {
+	margin-right: 0;
+	/* Its content box then matches the wrapper, so the centred buttons line up with the form. */
+	padding-right: 0;
+}
+
+/* Buttons stay aligned with the form column while the panel spans the full width. */
+.row-edit__actions-inner {
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	gap: var(--space-2);
+	max-width: 32.5rem;
+	margin: 0 auto;
+}
+
 .row-edit__continue {
 	margin-right: auto;
 }
@@ -591,8 +642,32 @@ function isEmptyRelated(table: string): boolean {
 		display: flex;
 	}
 
-	.row-edit__actions {
+	.row-edit__actions-inner {
 		flex-wrap: wrap;
 	}
 }
+
+/* Too narrow for a side panel: the related records go back above the form and scroll with the page. */
+@media (width <= 900px) {
+	.row-edit__page {
+		flex-direction: column;
+	}
+
+	.row-edit__related {
+		position: static;
+		order: -1;
+		width: 100%;
+		height: auto;
+		margin: 0 0 var(--space-4);
+		padding: 0;
+		overflow: visible;
+		border: none;
+		background: none;
+	}
+
+	.row-edit__wrapper--shifted .row-edit__actions {
+		margin-right: calc(-1 * var(--space-4));
+		padding-right: var(--space-4);
+	}
+}
 </style>

From d40c1266b048d190f819071fa2ea8f9c1e58c055 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Fri, 30 Oct 2026 16:12:03 +0000
Subject: [PATCH 11/22] Ignore stale table loads after switching Vue
 connections

Loading a connection's tables now bails out when the route has moved to
another connection meanwhile, so the previous table isn't opened on the
new connection. Adds an e2e test for switching from the header.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 frontend-vue/e2e/connections.e2e.ts           | 21 +++++++++++++++++++
 .../src/views/dashboard/DashboardView.vue     | 17 ++++++++++-----
 2 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/frontend-vue/e2e/connections.e2e.ts b/frontend-vue/e2e/connections.e2e.ts
index 0f3e10907..aa3dc28b7 100644
--- a/frontend-vue/e2e/connections.e2e.ts
+++ b/frontend-vue/e2e/connections.e2e.ts
@@ -16,6 +16,27 @@ test.describe('connections', () => {
 		await expect(page.getByRole('table', { name: 'Customers' })).toBeVisible();
 	});
 
+	test('switches connections from the header without carrying the table over', async ({ page, backend }) => {
+		const shop = backend.state.connections[0];
+		backend.state.connections.push({ ...shop, id: 'conn-warehouse', title: 'Warehouse DB', database: 'warehouse' });
+		backend.state.tables['conn-warehouse'] = {
+			products: structuredClone(backend.state.tables[CONNECTION_ID].customers),
+		};
+
+		await page.goto(`/dashboard/${CONNECTION_ID}/orders`);
+		await expect(page.getByRole('table', { name: 'Orders' })).toBeVisible();
+
+		await page.getByRole('banner').getByRole('button', { name: 'Shop DB' }).click();
+		await page.getByRole('menuitem', { name: /Warehouse DB/ }).click();
+
+		await expect(page).toHaveURL(/\/dashboard\/conn-warehouse\/products$/);
+		await expect(page.getByRole('table', { name: 'Customers' })).toBeVisible();
+		const warehouseTables = backend
+			.callsTo('POST', '/table/rows/find/conn-warehouse')
+			.map((call) => call.query.tableName);
+		expect(warehouseTables).toEqual(['products']);
+	});
+
 	test('adds a PostgreSQL connection and runs the auto-configuration', async ({ page, backend }) => {
 		await page.goto('/connections-list');
 		await page.getByRole('link', { name: 'Add database' }).click();
diff --git a/frontend-vue/src/views/dashboard/DashboardView.vue b/frontend-vue/src/views/dashboard/DashboardView.vue
index b1382db09..ee2b0a0bf 100644
--- a/frontend-vue/src/views/dashboard/DashboardView.vue
+++ b/frontend-vue/src/views/dashboard/DashboardView.vue
@@ -158,10 +158,12 @@ function refreshAfterChange() {
 }
 
 async function getData() {
+	const id = connectionID.value;
 	let res: TableFolder[];
 	try {
-		res = await tables.fetchTablesFolders(connectionID.value);
+		res = await tables.fetchTablesFolders(id);
 	} catch (error) {
+		if (connectionID.value !== id) return;
 		isServerError.value = true;
 		serverError.value = {
 			abstract: (isApiError(error) && error.body?.message) || (error as Error).message,
@@ -172,6 +174,8 @@ async function getData() {
 		return;
 	}
 
+	// Switched to another connection while loading: that connection's own load takes over.
+	if (connectionID.value !== id) return;
 	tableFolders.value = res;
 	const all = res.find((item) => item.category_id === ALL_TABLES)?.tables || [];
 	if (all.length === 0) {
@@ -183,12 +187,15 @@ async function getData() {
 
 	formatTableNames();
 	stopRouteWatch?.();
-	stopRouteWatch = watch(routeTableName, onTableParam, { immediate: true });
+	stopRouteWatch = watch(routeTableName, (tableName) => onTableParam(tableName, id), { immediate: true });
 }
 
-/** paramMap: open the table of the URL, or redirect to the default (or first) table. */
-function onTableParam(tableName: string | null) {
-	if (!onDashboardRoute.value) return;
+/**
+ * paramMap: open the table of the URL, or redirect to the default (or first) table. Skipped once the
+ * route has moved to another connection: the tables loaded are still those of `loadedConnectionID`.
+ */
+function onTableParam(tableName: string | null, loadedConnectionID: string) {
+	if (!onDashboardRoute.value || connectionID.value !== loadedConnectionID) return;
 	if (tableName) {
 		selectedTableName.value = tableName;
 		setTable(tableName);

From 50aeb1a391e39d09e0b5b07528ce763d7d60d0d1 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Fri, 30 Oct 2026 16:12:03 +0000
Subject: [PATCH 12/22] Let the Vue table header wrap its actions before the
 search

The table name truncates, and the search and actions wrap as separate
header items so a narrow header (side panels open) moves the actions to
their own row first.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 .../src/components/dashboard/TableView.vue    | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/frontend-vue/src/components/dashboard/TableView.vue b/frontend-vue/src/components/dashboard/TableView.vue
index e8ff715e4..4785cf81f 100644
--- a/frontend-vue/src/components/dashboard/TableView.vue
+++ b/frontend-vue/src/components/dashboard/TableView.vue
@@ -1463,9 +1463,12 @@ defineExpose({ loadRowsPage, searchString, sort });
 }
 
 .table-view__name {
+	overflow: hidden;
 	margin: 0;
 	font-size: var(--text-xl);
 	font-weight: var(--weight-semibold);
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 
 .table-view__switcher,
@@ -1497,7 +1500,6 @@ defineExpose({ loadRowsPage, searchString, sort });
 }
 
 .table-view__bulk-actions,
-.table-view__actions-bar,
 .table-view__actions,
 .table-view__search-row,
 .table-view__search-buttons {
@@ -1507,16 +1509,22 @@ defineExpose({ loadRowsPage, searchString, sort });
 	gap: var(--space-2);
 }
 
+/* The search and the actions wrap as separate header items, so a narrow header (side panels open)
+   moves the actions onto their own row before the search ever drops under the table name. */
 .table-view__actions-bar {
-	flex: 1;
-	justify-content: space-between;
+	display: contents;
+}
+
+.table-view__search-row {
+	flex: 1 1 10rem;
 }
 
 .table-view__search {
 	display: flex;
 	align-items: center;
+	flex: 0 1 16rem;
 	gap: var(--space-1);
-	min-width: 16rem;
+	min-width: 10rem;
 	padding: 0 var(--space-2);
 	border: 1px solid var(--color-line);
 	border-radius: var(--radius-control);
@@ -1848,12 +1856,12 @@ defineExpose({ loadRowsPage, searchString, sort });
 	}
 
 	.table-view__search {
-		flex: 1;
+		flex: 1 1 100%;
 		min-width: 0;
 	}
 
 	.table-view__search-row {
-		width: 100%;
+		flex-basis: 100%;
 	}
 
 	.table-view__fab {

From 294e7ad32a2d777ecd904db2c7e39653034db97d Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Fri, 30 Oct 2026 16:12:03 +0000
Subject: [PATCH 13/22] Match the Vue row edit skeleton to the page and hide
 its footer

The row edit placeholder mirrors the page header, form column and
bottom-pinned save bar. A hideFooter route meta leaves out the version
footer on the row edit page.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 frontend-vue/src/App.vue                      |  4 +-
 .../skeletons/PlaceholderRowEdit.vue          | 85 ++++++++++++-------
 .../components/skeletons/placeholders.spec.ts |  2 +-
 frontend-vue/src/router/guards.ts             |  2 +
 frontend-vue/src/router/routes.ts             |  2 +-
 5 files changed, 61 insertions(+), 34 deletions(-)

diff --git a/frontend-vue/src/App.vue b/frontend-vue/src/App.vue
index 9bae67434..7ac8b2d78 100644
--- a/frontend-vue/src/App.vue
+++ b/frontend-vue/src/App.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 // Port of AppComponent: the shell around every page.
 import { ref } from 'vue';
+import { useRoute } from 'vue-router';
 import AppHeader from '@/components/app/AppHeader.vue';
 import AppNavDrawer from '@/components/app/AppNavDrawer.vue';
 import AppSnackbars from '@/components/app/AppSnackbars.vue';
@@ -13,6 +14,7 @@ import { version } from '@/version';
 
 const session = useAppSession();
 const masterPassword = useMasterPasswordStore();
+const route = useRoute();
 const navOpen = ref(false);
 
 function logOut() {
@@ -29,7 +31,7 @@ function logOut() {
 			<!-- Keyed so entering a master password re-creates the page with the key in place. -->
 			<RouterView :key="masterPassword.pageReloadKey" />
 		</main>
-		<footer class="app-footer">&copy; 2026 Rocketadmin • v{{ version }}</footer>
+		<footer v-if="!route.meta.hideFooter" class="app-footer">&copy; 2026 Rocketadmin • v{{ version }}</footer>
 		<FeatureNotification
 			v-if="session.isFeatureNotificationShown.value"
 			@dismiss="session.dismissFeatureNotification"
diff --git a/frontend-vue/src/components/skeletons/PlaceholderRowEdit.vue b/frontend-vue/src/components/skeletons/PlaceholderRowEdit.vue
index 21af6e739..76acaa99a 100644
--- a/frontend-vue/src/components/skeletons/PlaceholderRowEdit.vue
+++ b/frontend-vue/src/components/skeletons/PlaceholderRowEdit.vue
@@ -1,76 +1,99 @@
 <script setup lang="ts">
 // Port of frontend/src/app/components/skeletons/placeholder-row-edit.
-// The row-edit page: breadcrumbs, five fields in a centred column, and the save bar with three
-// buttons.
+// The row-edit page: the header (back button, title and table name, row actions), five fields in a
+// centred column, and the full-width save bar pinned to the bottom with its buttons aligned to the
+// column.
 // The root is the one `role="status"` region; every bar inside is a `decorative` UiSkeleton, so the
 // screen announces once (see UiSkeleton's header).
-import { UiIcon, UiSkeleton } from '@/components/ui';
+import { UiSkeleton } from '@/components/ui';
 </script>
 
 <template>
 	<div class="ph" role="status" aria-label="Loading row">
-		<div class="ph-crumbs">
-			<UiSkeleton decorative shape="control" width="7.5rem" height="2.25rem" />
-			<UiIcon name="chevron_right" class="ph-crumbs__divider" />
-			<UiSkeleton decorative shape="control" width="10.75rem" height="2.25rem" />
-			<UiIcon name="chevron_right" class="ph-crumbs__divider" />
-			<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" />
+		<div class="ph-header">
+			<div class="ph-header__main">
+				<UiSkeleton decorative shape="circle" width="2.5rem" height="2.5rem" />
+				<div class="ph-header__text">
+					<UiSkeleton decorative shape="line" width="8rem" height="1.1rem" />
+					<UiSkeleton decorative shape="line" width="5rem" height="0.75rem" />
+				</div>
+			</div>
+			<div class="ph-header__actions">
+				<UiSkeleton decorative shape="circle" width="2.5rem" height="2.5rem" />
+				<UiSkeleton decorative shape="circle" width="2.5rem" height="2.5rem" />
+			</div>
 		</div>
 		<div class="ph__form">
 			<UiSkeleton v-for="field in 5" :key="field" decorative shape="control" height="2.75rem" />
 		</div>
 		<div class="ph-actions">
-			<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" class="ph-actions__start" />
-			<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" />
-			<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" />
+			<div class="ph-actions__inner">
+				<UiSkeleton decorative shape="control" width="8rem" height="2.25rem" class="ph-actions__start" />
+				<UiSkeleton decorative shape="control" width="5rem" height="2.25rem" />
+			</div>
 		</div>
 	</div>
 </template>
 
 <style scoped>
+/* Mirrors RowEditView's layout: it fills the page so the save bar sits at the bottom. */
 .ph {
 	display: flex;
+	flex: 1;
 	flex-direction: column;
-	align-items: center;
-	padding: var(--space-8) 0 0;
 }
 
-.ph__form {
+.ph-header {
 	display: flex;
-	flex-direction: column;
+	align-items: center;
+	justify-content: space-between;
 	gap: var(--space-4);
-	width: 96%;
-	min-width: 18.75rem;
+	width: 100%;
 	max-width: 32.5rem;
-	margin: var(--space-6) auto var(--space-10);
+	margin: 0 auto;
 }
 
-.ph .ph-actions {
-	align-self: stretch;
+.ph-header__main,
+.ph-header__actions {
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
 }
 
-.ph-crumbs {
+.ph-header__text {
 	display: flex;
-	align-items: center;
+	flex-direction: column;
 	gap: var(--space-1);
 }
 
-.ph-crumbs__divider {
-	color: var(--color-line-strong);
+.ph__form {
+	display: flex;
+	flex: 1 0 auto;
+	flex-direction: column;
+	gap: var(--space-4);
+	width: 100%;
+	min-width: 18.75rem;
+	max-width: 32.5rem;
+	margin: var(--space-6) auto 0;
+	padding-bottom: var(--space-10);
 }
 
-/* The Angular placeholders faked the fixed save bar at the bottom of the page. */
 .ph-actions {
 	position: sticky;
 	bottom: 0;
+	margin: 0 calc(-1 * var(--space-4));
+	padding: var(--space-3) var(--space-4);
+	border-top: 1px solid var(--color-line);
+	background: var(--color-surface);
+}
+
+.ph-actions__inner {
 	display: flex;
 	align-items: center;
 	justify-content: flex-end;
-	gap: var(--space-5);
-	min-height: var(--space-16);
-	padding: 0 var(--space-6);
-	border-top: 1px solid var(--color-line);
-	background: var(--color-surface);
+	gap: var(--space-2);
+	max-width: 32.5rem;
+	margin: 0 auto;
 }
 
 .ph-actions__start {
diff --git a/frontend-vue/src/components/skeletons/placeholders.spec.ts b/frontend-vue/src/components/skeletons/placeholders.spec.ts
index 48430f497..f06b99eca 100644
--- a/frontend-vue/src/components/skeletons/placeholders.spec.ts
+++ b/frontend-vue/src/components/skeletons/placeholders.spec.ts
@@ -35,7 +35,7 @@ const PLACEHOLDERS: Array<[string, Component, number]> = [
 	['PlaceholderConnections', PlaceholderConnections, 4],
 	['PlaceholderDashboards', PlaceholderDashboards, 6 * 5],
 	['PlaceholderRecordView', PlaceholderRecordView, 2 + 5 * 2],
-	['PlaceholderRowEdit', PlaceholderRowEdit, 3 + 5 + 3],
+	['PlaceholderRowEdit', PlaceholderRowEdit, 5 + 5 + 2],
 	['PlaceholderSavedFilters', PlaceholderSavedFilters, 4],
 	['PlaceholderTableData', PlaceholderTableData, 42 + 6 * 4],
 	['PlaceholderTableSettings', PlaceholderTableSettings, 3 + 1 + 2 + 10 * 2 + 3],
diff --git a/frontend-vue/src/router/guards.ts b/frontend-vue/src/router/guards.ts
index eeaaa212f..8e1b53ec1 100644
--- a/frontend-vue/src/router/guards.ts
+++ b/frontend-vue/src/router/guards.ts
@@ -17,6 +17,8 @@ declare module 'vue-router' {
 		setup?: boolean;
 		/** Document title, set after navigation. Routes without one leave the title alone. */
 		title?: string;
+		/** Leave out the version footer, for pages with their own bottom-pinned panel. */
+		hideFooter?: boolean;
 	}
 }
 
diff --git a/frontend-vue/src/router/routes.ts b/frontend-vue/src/router/routes.ts
index 03518636b..75c44c656 100644
--- a/frontend-vue/src/router/routes.ts
+++ b/frontend-vue/src/router/routes.ts
@@ -89,7 +89,7 @@ export const routes: RouteRecordRaw[] = [
 	page('/dashboard/:connectionId', 'dashboard', auth),
 	page('/audit/:connectionId', 'audit', auth),
 	page('/dashboard/:connectionId/:tableName', 'table', auth),
-	page('/dashboard/:connectionId/:tableName/entry', 'row-edit', auth),
+	page('/dashboard/:connectionId/:tableName/entry', 'row-edit', { ...auth, hideFooter: true }),
 	page('/dashboard/:connectionId/:tableName/widgets', 'table-widgets', auth),
 	page('/dashboard/:connectionId/:tableName/settings', 'table-settings', auth),
 	page('/dashboard/:connectionId/:tableName/actions', 'table-actions', auth),

From 486186ac4cbe2a109c06d1da9d57d21078771b14 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Mon, 2 Nov 2026 16:19:40 +0000
Subject: [PATCH 14/22] Fix the Vue automation WHEN badge contrast and action
 method width

The WHEN badge used the accent hover shade as text on the accent, so it read dark on blue; it now
uses the surface colour like other accent fills. The action method toggle no longer stretches
across the card.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 .../src/components/table/AutomationsEmptyState.vue         | 2 +-
 frontend-vue/src/views/table/TableActionsView.vue          | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend-vue/src/components/table/AutomationsEmptyState.vue b/frontend-vue/src/components/table/AutomationsEmptyState.vue
index b281df7b4..1a3e66b6c 100644
--- a/frontend-vue/src/components/table/AutomationsEmptyState.vue
+++ b/frontend-vue/src/components/table/AutomationsEmptyState.vue
@@ -160,7 +160,7 @@ const actions = [
 }
 
 .automations-empty__badge--when {
-	color: var(--color-accent-ink);
+	color: var(--color-surface);
 	background: var(--color-accent);
 }
 
diff --git a/frontend-vue/src/views/table/TableActionsView.vue b/frontend-vue/src/views/table/TableActionsView.vue
index e4b273cde..2ff6de351 100644
--- a/frontend-vue/src/views/table/TableActionsView.vue
+++ b/frontend-vue/src/views/table/TableActionsView.vue
@@ -293,6 +293,7 @@ function setEmails(value: string | string[] | null) {
 							:model-value="actionMethod"
 							:options="methodOptions"
 							label="Action method"
+							class="table-actions__method"
 							@update:model-value="rules.selectActionMethod"
 						/>
 
@@ -436,7 +437,7 @@ function setEmails(value: string | string[] | null) {
 }
 
 .table-actions__badge--when {
-	color: var(--color-accent-ink);
+	color: var(--color-surface);
 	background: var(--color-accent);
 }
 
@@ -445,6 +446,10 @@ function setEmails(value: string | string[] | null) {
 	background: var(--color-ink);
 }
 
+.table-actions__method {
+	align-self: flex-start;
+}
+
 .table-actions__pills {
 	display: flex;
 	flex-wrap: wrap;

From 3d5f7647196176a558a4eb68e9bdf96e212cbf57 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Mon, 2 Nov 2026 16:31:52 +0000
Subject: [PATCH 15/22] Pin Vue settings save bars to the page bottom and hide
 the footer

Connection settings, table settings, widgets, automations, chart editing and query pages drop the
footer. Their save bars span the page width with the buttons aligned to the form column, sit at the
bottom when the form is short, and their skeletons match.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 .../PlaceholderConnectionSettings.vue         | 15 +++++---
 .../skeletons/PlaceholderTableSettings.vue    | 16 ++++++---
 .../skeletons/PlaceholderTableWidgets.vue     | 14 +++++---
 frontend-vue/src/router/routes.ts             | 16 +++++----
 .../src/views/charts/ChartEditView.vue        | 12 +++----
 .../connections/ConnectionSettingsView.vue    | 32 +++++++++++------
 .../src/views/table/TableActionsView.vue      | 34 +++++++++++++++----
 .../src/views/table/TableSettingsView.vue     | 17 ++++++++--
 .../src/views/table/TableWidgetsView.vue      | 27 +++++++++++++--
 9 files changed, 136 insertions(+), 47 deletions(-)

diff --git a/frontend-vue/src/components/skeletons/PlaceholderConnectionSettings.vue b/frontend-vue/src/components/skeletons/PlaceholderConnectionSettings.vue
index 7774eb22a..7614bde44 100644
--- a/frontend-vue/src/components/skeletons/PlaceholderConnectionSettings.vue
+++ b/frontend-vue/src/components/skeletons/PlaceholderConnectionSettings.vue
@@ -27,6 +27,13 @@ import { UiSkeleton } from '@/components/ui';
 </template>
 
 <style scoped>
+/* Mirrors ConnectionSettingsView's layout: it fills the page so the save bar sits at the bottom. */
+.ph {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+
 .ph__form {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
@@ -48,16 +55,16 @@ import { UiSkeleton } from '@/components/ui';
 	flex: 1;
 }
 
-/* The Angular placeholders faked the fixed save bar at the bottom of the page. */
+/* Bleeds through the page's --settings-gutter to its edges, with the buttons aligned to the form. */
 .ph-actions {
 	position: sticky;
 	bottom: 0;
 	display: flex;
 	align-items: center;
 	justify-content: flex-end;
-	gap: var(--space-5);
-	min-height: var(--space-16);
-	padding: 0 var(--space-6);
+	gap: var(--space-2);
+	margin: auto calc(-1 * var(--settings-gutter)) 0;
+	padding: var(--space-3) var(--settings-gutter);
 	border-top: 1px solid var(--color-line);
 	background: var(--color-surface);
 }
diff --git a/frontend-vue/src/components/skeletons/PlaceholderTableSettings.vue b/frontend-vue/src/components/skeletons/PlaceholderTableSettings.vue
index 1d0d815ee..3751d87e3 100644
--- a/frontend-vue/src/components/skeletons/PlaceholderTableSettings.vue
+++ b/frontend-vue/src/components/skeletons/PlaceholderTableSettings.vue
@@ -36,8 +36,10 @@ import { UiIcon, UiSkeleton } from '@/components/ui';
 </template>
 
 <style scoped>
+/* Mirrors TableSettingsView's layout: it fills the page so the save bar sits at the bottom. */
 .ph {
 	display: flex;
+	flex: 1;
 	flex-direction: column;
 	align-items: center;
 	padding: var(--space-8) 0 0;
@@ -45,6 +47,7 @@ import { UiIcon, UiSkeleton } from '@/components/ui';
 
 .ph__form {
 	display: flex;
+	flex: 1 0 auto;
 	flex-direction: column;
 	width: 100%;
 	margin: var(--space-6) auto var(--space-10);
@@ -89,6 +92,11 @@ import { UiIcon, UiSkeleton } from '@/components/ui';
 	.ph__form {
 		padding: 0;
 	}
+
+	.ph .ph-actions {
+		margin-inline: calc(-9vw - var(--space-4));
+		padding-inline: calc(9vw + var(--space-4));
+	}
 }
 
 .ph-crumbs {
@@ -101,16 +109,16 @@ import { UiIcon, UiSkeleton } from '@/components/ui';
 	color: var(--color-line-strong);
 }
 
-/* The Angular placeholders faked the fixed save bar at the bottom of the page. */
+/* Full width, with the buttons aligned to the 650px fields column. */
 .ph-actions {
 	position: sticky;
 	bottom: 0;
 	display: flex;
 	align-items: center;
 	justify-content: flex-end;
-	gap: var(--space-5);
-	min-height: var(--space-16);
-	padding: 0 var(--space-6);
+	gap: var(--space-2);
+	margin: 0 calc(-1 * var(--space-4));
+	padding: var(--space-3) max(calc(50% - 20.3125rem), var(--space-4));
 	border-top: 1px solid var(--color-line);
 	background: var(--color-surface);
 }
diff --git a/frontend-vue/src/components/skeletons/PlaceholderTableWidgets.vue b/frontend-vue/src/components/skeletons/PlaceholderTableWidgets.vue
index 44d83c2af..821ed323e 100644
--- a/frontend-vue/src/components/skeletons/PlaceholderTableWidgets.vue
+++ b/frontend-vue/src/components/skeletons/PlaceholderTableWidgets.vue
@@ -30,10 +30,14 @@ import { UiIcon, UiSkeleton } from '@/components/ui';
 </template>
 
 <style scoped>
+/* Mirrors TableWidgetsView's layout: it fills the page so the save bar sits at the bottom. */
 .ph {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
 	width: 90%;
 	min-width: 18.75rem;
-	margin: 0 auto var(--space-4);
+	margin: 0 auto;
 }
 
 .ph .ph-crumbs {
@@ -58,16 +62,16 @@ import { UiIcon, UiSkeleton } from '@/components/ui';
 	color: var(--color-line-strong);
 }
 
-/* The Angular placeholders faked the fixed save bar at the bottom of the page. */
+/* Bleeds past the 90% column to the page edges, with the buttons aligned to the column. */
 .ph-actions {
 	position: sticky;
 	bottom: 0;
 	display: flex;
 	align-items: center;
 	justify-content: flex-end;
-	gap: var(--space-5);
-	min-height: var(--space-16);
-	padding: 0 var(--space-6);
+	gap: var(--space-2);
+	margin: auto calc(-100% / 18 - var(--space-4)) 0;
+	padding: var(--space-3) calc(100% / 18 + var(--space-4));
 	border-top: 1px solid var(--color-line);
 	background: var(--color-surface);
 }
diff --git a/frontend-vue/src/router/routes.ts b/frontend-vue/src/router/routes.ts
index 75c44c656..a2ce72a42 100644
--- a/frontend-vue/src/router/routes.ts
+++ b/frontend-vue/src/router/routes.ts
@@ -85,19 +85,23 @@ export const routes: RouteRecordRaw[] = [
 		...auth,
 		title: 'Edit Database Schema | Rocketadmin',
 	}),
-	page('/connection-settings/:connectionId', 'connection-settings', auth),
+	page('/connection-settings/:connectionId', 'connection-settings', { ...auth, hideFooter: true }),
 	page('/dashboard/:connectionId', 'dashboard', auth),
 	page('/audit/:connectionId', 'audit', auth),
 	page('/dashboard/:connectionId/:tableName', 'table', auth),
 	page('/dashboard/:connectionId/:tableName/entry', 'row-edit', { ...auth, hideFooter: true }),
-	page('/dashboard/:connectionId/:tableName/widgets', 'table-widgets', auth),
-	page('/dashboard/:connectionId/:tableName/settings', 'table-settings', auth),
-	page('/dashboard/:connectionId/:tableName/actions', 'table-actions', auth),
+	page('/dashboard/:connectionId/:tableName/widgets', 'table-widgets', { ...auth, hideFooter: true }),
+	page('/dashboard/:connectionId/:tableName/settings', 'table-settings', { ...auth, hideFooter: true }),
+	page('/dashboard/:connectionId/:tableName/actions', 'table-actions', { ...auth, hideFooter: true }),
 	page('/permissions/:connectionId', 'permissions', auth),
 	page('/zapier', 'zapier', auth),
 	page('/panels/:connectionId', 'panels', { ...auth, title: 'Saved Queries | Rocketadmin' }),
-	page('/panels/:connectionId/new', 'panel-new', { ...auth, title: 'Create Query | Rocketadmin' }),
-	page('/panels/:connectionId/:queryId', 'panel-edit', { ...auth, title: 'Edit Query | Rocketadmin' }),
+	page('/panels/:connectionId/new', 'panel-new', { ...auth, title: 'Create Query | Rocketadmin', hideFooter: true }),
+	page('/panels/:connectionId/:queryId', 'panel-edit', {
+		...auth,
+		title: 'Edit Query | Rocketadmin',
+		hideFooter: true,
+	}),
 	page('/dashboards/:connectionId', 'dashboards', { ...auth, title: 'Dashboards | Rocketadmin' }),
 	page('/dashboards/:connectionId/:dashboardId', 'dashboard-view', { ...auth, title: 'Dashboard | Rocketadmin' }),
 	{
diff --git a/frontend-vue/src/views/charts/ChartEditView.vue b/frontend-vue/src/views/charts/ChartEditView.vue
index bf59bf1be..487de2631 100644
--- a/frontend-vue/src/views/charts/ChartEditView.vue
+++ b/frontend-vue/src/views/charts/ChartEditView.vue
@@ -414,7 +414,7 @@ function setLabelType(value: SelectModel<LabelType>): void {
 <style scoped>
 .chart-edit {
 	display: flex;
-	height: calc(100vh - var(--header-height) - var(--footer-height));
+	height: calc(100vh - var(--header-height));
 	overflow: hidden;
 }
 
@@ -616,11 +616,11 @@ function setLabelType(value: SelectModel<LabelType>): void {
 	flex-shrink: 0;
 	align-items: center;
 	justify-content: space-between;
-	gap: var(--space-4);
-	height: 64px;
-	padding: 0 clamp(var(--space-10), 5vw, 100px);
+	gap: var(--space-2);
+	/* Full width, with the buttons aligned to the 1400px page column. */
+	padding: var(--space-3) calc(max(50% - 700px, 0px) + clamp(var(--space-10), 5vw, 100px));
+	border-top: 1px solid var(--color-line);
 	background: var(--color-surface);
-	box-shadow: var(--shadow-card);
 }
 
 @media (width <= 900px) {
@@ -644,7 +644,7 @@ function setLabelType(value: SelectModel<LabelType>): void {
 	}
 
 	.chart-edit__actions {
-		padding: 0 var(--space-4);
+		padding-inline: var(--space-4);
 	}
 }
 </style>
diff --git a/frontend-vue/src/views/connections/ConnectionSettingsView.vue b/frontend-vue/src/views/connections/ConnectionSettingsView.vue
index 3c0a4db0b..d55de5214 100644
--- a/frontend-vue/src/views/connections/ConnectionSettingsView.vue
+++ b/frontend-vue/src/views/connections/ConnectionSettingsView.vue
@@ -350,10 +350,12 @@ function summarize(settings: ConnectionSettings): Record<string, boolean> {
 <style scoped>
 .connection-settings {
 	/* The Angular page's centred 650px column. */
-	--settings-gutter: max(calc(50vw - 325px), 10%);
+	--settings-gutter: max(calc(50vw - 325px), 10vw);
 
-	min-height: 100%;
-	padding: var(--space-8) var(--settings-gutter);
+	display: flex;
+	flex-direction: column;
+	min-height: calc(100vh - var(--header-height));
+	padding: var(--space-8) var(--settings-gutter) 0;
 }
 
 .connection-settings__alert {
@@ -377,12 +379,20 @@ function summarize(settings: ConnectionSettings): Record<string, boolean> {
 	margin-top: var(--space-2);
 }
 
+.connection-settings__form {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+
+/* Grows to push the actions panel to the bottom of the page when the form is short. */
 .connection-settings__fields {
 	display: flex;
+	flex: 1 0 auto;
 	flex-direction: column;
 	align-items: stretch;
 	gap: var(--space-4);
-	padding-bottom: var(--space-16);
+	padding-bottom: var(--space-10);
 }
 
 .connection-settings__logo {
@@ -447,19 +457,19 @@ function summarize(settings: ConnectionSettings): Record<string, boolean> {
 	margin-top: var(--space-1);
 }
 
+/* Full width, with the buttons aligned to the form column. */
 .connection-settings__actions {
-	position: fixed;
+	position: sticky;
 	bottom: 0;
-	left: 0;
 	z-index: var(--z-sticky);
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
-	height: 4rem;
-	width: 100vw;
-	padding: 0 var(--settings-gutter);
-	background-color: var(--color-surface);
-	box-shadow: var(--shadow-card);
+	gap: var(--space-2);
+	margin: 0 calc(-1 * var(--settings-gutter));
+	padding: var(--space-3) var(--settings-gutter);
+	border-top: 1px solid var(--color-line);
+	background: var(--color-surface);
 }
 
 @media (width <= 600px) {
diff --git a/frontend-vue/src/views/table/TableActionsView.vue b/frontend-vue/src/views/table/TableActionsView.vue
index 2ff6de351..5e2cd752b 100644
--- a/frontend-vue/src/views/table/TableActionsView.vue
+++ b/frontend-vue/src/views/table/TableActionsView.vue
@@ -339,7 +339,7 @@ function setEmails(value: string | string[] | null) {
 <style scoped>
 .table-actions {
 	display: flex;
-	min-height: 100%;
+	min-height: calc(100vh - var(--header-height));
 }
 
 .table-actions__sidebar {
@@ -380,13 +380,19 @@ function setEmails(value: string | string[] | null) {
 	gap: var(--space-4);
 	min-width: 0;
 	padding: var(--space-6) var(--space-8) 0;
-	overflow-y: auto;
 }
 
+/* Spans the main column so its actions panel can too; the content keeps to 56rem. */
 .table-actions__form {
+	--form-width: 56rem;
+
 	display: flex;
+	flex: 1;
 	flex-direction: column;
-	max-width: 56rem;
+}
+
+.table-actions__form > :not(.table-actions__actions) {
+	max-width: var(--form-width);
 }
 
 .table-actions__name-row {
@@ -411,6 +417,10 @@ function setEmails(value: string | string[] | null) {
 	transition: box-shadow var(--motion-base) var(--ease-out);
 }
 
+.table-actions__card:has(+ .table-actions__actions) {
+	margin-bottom: var(--space-10);
+}
+
 .table-actions__card--highlight {
 	box-shadow: var(--shadow-focus);
 }
@@ -547,15 +557,23 @@ function setEmails(value: string | string[] | null) {
 	gap: var(--space-3);
 }
 
+/* Pushed to the bottom of the page when the form is short, flush with the main column's edges, with
+   the buttons aligned to the form. */
 .table-actions__actions {
+	--actions-gutter: var(--space-8);
+
 	position: sticky;
 	bottom: 0;
+	z-index: var(--z-sticky);
 	display: flex;
+	align-items: center;
 	justify-content: space-between;
-	margin-top: var(--space-6);
-	padding: var(--space-3) 0;
+	gap: var(--space-2);
+	margin: auto calc(-1 * var(--actions-gutter)) 0;
+	padding: var(--space-3) calc(max(100% - var(--form-width), 0px) + var(--actions-gutter)) var(--space-3)
+		var(--actions-gutter);
 	border-top: 1px solid var(--color-line);
-	background: var(--color-paper);
+	background: var(--color-surface);
 }
 
 @media (width <= 600px) {
@@ -572,5 +590,9 @@ function setEmails(value: string | string[] | null) {
 	.table-actions__main {
 		padding: var(--space-4) var(--space-4) 0;
 	}
+
+	.table-actions__actions {
+		--actions-gutter: var(--space-4);
+	}
 }
 </style>
diff --git a/frontend-vue/src/views/table/TableSettingsView.vue b/frontend-vue/src/views/table/TableSettingsView.vue
index 13967c55e..a1780f28b 100644
--- a/frontend-vue/src/views/table/TableSettingsView.vue
+++ b/frontend-vue/src/views/table/TableSettingsView.vue
@@ -450,6 +450,9 @@ async function resetSettings() {
 
 <style scoped>
 .table-settings {
+	display: flex;
+	flex-direction: column;
+	min-height: calc(100vh - var(--header-height));
 	padding: 0 var(--space-4);
 }
 
@@ -459,19 +462,26 @@ async function resetSettings() {
 
 .table-settings__page {
 	display: flex;
+	flex: 1;
 	flex-direction: column;
 	align-items: center;
 	margin-top: var(--space-10);
 }
 
 .table-settings__form {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
 	width: 100%;
 }
 
+/* Grows to push the actions panel to the bottom of the page when the form is short. */
 .table-settings__fields {
 	display: flex;
+	flex: 1 0 auto;
 	flex-direction: column;
 	gap: var(--space-5);
+	width: 100%;
 	max-width: 40.625rem;
 	margin: 0 auto;
 	padding: var(--space-6) 0 var(--space-10);
@@ -570,10 +580,13 @@ async function resetSettings() {
 	z-index: var(--z-sticky);
 	display: flex;
 	align-items: center;
-	gap: var(--space-5);
+	justify-content: flex-end;
+	gap: var(--space-2);
+	margin: 0 calc(-1 * var(--space-4));
+	/* Full width, with the buttons aligned to the fields column. */
 	padding: var(--space-3) max(calc(50% - 20.3125rem), var(--space-4));
 	border-top: 1px solid var(--color-line);
-	background: var(--color-paper);
+	background: var(--color-surface);
 }
 
 .table-settings__back {
diff --git a/frontend-vue/src/views/table/TableWidgetsView.vue b/frontend-vue/src/views/table/TableWidgetsView.vue
index 062a2ba7c..e21468709 100644
--- a/frontend-vue/src/views/table/TableWidgetsView.vue
+++ b/frontend-vue/src/views/table/TableWidgetsView.vue
@@ -256,6 +256,9 @@ async function updateWidgets(afterDeleteAll = false) {
 
 <style scoped>
 .table-widgets {
+	display: flex;
+	flex-direction: column;
+	min-height: calc(100vh - var(--header-height));
 	padding: 0 var(--space-4);
 }
 
@@ -264,11 +267,20 @@ async function updateWidgets(afterDeleteAll = false) {
 }
 
 .table-widgets__wrapper {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
 	width: 90%;
 	min-width: 18.75rem;
 	margin: 0 auto;
 }
 
+.table-widgets__form {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+}
+
 .table-widgets__header {
 	display: flex;
 	justify-content: space-between;
@@ -298,17 +310,24 @@ async function updateWidgets(afterDeleteAll = false) {
 	grid-template-columns: minmax(10%, 8rem) 1fr 2fr 1fr 2fr 3rem;
 	align-items: start;
 	gap: var(--space-5);
+	padding-bottom: var(--space-10);
 }
 
+/* Pushed to the bottom of the page when the list is short. The wrapper is 90% of the page, so the
+   panel bleeds by the other 10% plus the page gutter and pads back by the same to keep the buttons
+   aligned with the grid. */
 .table-widgets__actions {
 	position: sticky;
 	bottom: 0;
+	z-index: var(--z-sticky);
 	display: flex;
+	align-items: center;
 	justify-content: space-between;
-	margin-top: var(--space-6);
-	padding: var(--space-3) 0;
+	gap: var(--space-2);
+	margin: auto calc(-100% / 18 - var(--space-4)) 0;
+	padding: var(--space-3) calc(100% / 18 + var(--space-4));
 	border-top: 1px solid var(--color-line);
-	background: var(--color-paper);
+	background: var(--color-surface);
 }
 
 @media (width <= 600px) {
@@ -377,6 +396,8 @@ async function updateWidgets(afterDeleteAll = false) {
 
 	.table-widgets__actions {
 		justify-content: flex-end;
+		margin-inline: calc(-1 * var(--space-4));
+		padding-inline: var(--space-4);
 	}
 }
 </style>

From 32bdd0aea72d783722d6dfa339acc3296f984015 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Mon, 2 Nov 2026 16:31:52 +0000
Subject: [PATCH 16/22] Move the Vue table AI insights button to the end of the
 header actions

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 frontend-vue/src/components/dashboard/TableView.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend-vue/src/components/dashboard/TableView.vue b/frontend-vue/src/components/dashboard/TableView.vue
index 4785cf81f..02df14e73 100644
--- a/frontend-vue/src/components/dashboard/TableView.vue
+++ b/frontend-vue/src/components/dashboard/TableView.vue
@@ -925,11 +925,6 @@ defineExpose({ loadRowsPage, searchString, sort });
 				</div>
 
 				<div class="table-view__actions">
-					<UiButton variant="ghost" class="table-view__ai-insights" @click="handleViewAIpanel">
-						<template #leading><img :src="AI_ROCKET_ICON" alt="" class="table-view__ai-icon"></template>
-						<span class="table-view__action-label">AI insights</span>
-					</UiButton>
-
 					<UiButton
 						v-if="canAddRow && (!tableData.isEmptyTable || searchString || filtersCount)"
 						variant="ghost"
@@ -1041,6 +1036,11 @@ defineExpose({ loadRowsPage, searchString, sort });
 							</UiMenuItem>
 						</template>
 					</UiMenu>
+
+					<UiButton variant="ghost" class="table-view__ai-insights" @click="handleViewAIpanel">
+						<template #leading><img :src="AI_ROCKET_ICON" alt="" class="table-view__ai-icon"></template>
+						<span class="table-view__action-label">AI insights</span>
+					</UiButton>
 				</div>
 			</div>
 		</div>

From c4df71de3999021c828c96614ac2bf70ab9a1c8e Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Mon, 2 Nov 2026 16:51:13 +0000
Subject: [PATCH 17/22] Center the Vue dashboards and profile sidebar icons
 when collapsed

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 .../src/components/dashboards/DashboardsSidebar.vue   | 11 +++++++++++
 .../src/components/profile/ProfileSidebar.vue         | 11 +++++++++++
 2 files changed, 22 insertions(+)

diff --git a/frontend-vue/src/components/dashboards/DashboardsSidebar.vue b/frontend-vue/src/components/dashboards/DashboardsSidebar.vue
index f294183ad..bad31abed 100644
--- a/frontend-vue/src/components/dashboards/DashboardsSidebar.vue
+++ b/frontend-vue/src/components/dashboards/DashboardsSidebar.vue
@@ -124,6 +124,17 @@ async function loadCollapsedState(): Promise<void> {
 	padding: 0 var(--space-2);
 }
 
+/* Collapsed, the item shows the icon alone, centered in the rail. */
+.dashboards-sidebar--collapsed :deep(.ui-list-item__content) {
+	justify-content: center;
+	gap: 0;
+	padding-inline: 0;
+}
+
+.dashboards-sidebar--collapsed :deep(.ui-list-item__body) {
+	flex: none;
+}
+
 .dashboards-sidebar__item--active :deep(.ui-list-item__leading) {
 	color: var(--color-accent);
 }
diff --git a/frontend-vue/src/components/profile/ProfileSidebar.vue b/frontend-vue/src/components/profile/ProfileSidebar.vue
index b0e0797f1..9364e73a2 100644
--- a/frontend-vue/src/components/profile/ProfileSidebar.vue
+++ b/frontend-vue/src/components/profile/ProfileSidebar.vue
@@ -163,6 +163,17 @@ function toggleCollapsed() {
 	white-space: nowrap;
 }
 
+/* Collapsed, the item shows the icon alone, centered in the rail. */
+.profile-sidebar--collapsed :deep(.ui-list-item__content) {
+	justify-content: center;
+	gap: 0;
+	padding-inline: 0;
+}
+
+.profile-sidebar--collapsed :deep(.ui-list-item__body) {
+	flex: none;
+}
+
 .profile-sidebar__item--active :deep(.ui-list-item__leading) {
 	color: var(--color-accent);
 }

From 5c0222296e9fbbc39587aafe7a47c25beea2c579 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Mon, 2 Nov 2026 20:00:29 +0000
Subject: [PATCH 18/22] Add a dark theme to the Vue frontend

Follows prefers-color-scheme like the Angular app: theme.css re-points the
semantic colour aliases at a dark navy ramp, and a new --color-on-accent
token keeps text legible on accent fills. The header logo, GitHub mark,
connection cards and Mermaid diagrams get dark variants.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 frontend-vue/src/assets/base.css              | 10 ++-
 frontend-vue/src/assets/theme.css             | 86 ++++++++++++++++++-
 frontend-vue/src/components/app/AppHeader.vue | 13 ++-
 .../components/app/FeatureNotification.vue    |  8 +-
 .../components/connections/OwnConnections.vue |  9 ++
 frontend-vue/src/components/schema/mermaid.ts |  6 +-
 .../table/AutomationsEmptyState.vue           |  2 +-
 frontend-vue/src/components/ui/UiBadge.vue    |  4 +-
 frontend-vue/src/components/ui/UiButton.vue   |  2 +-
 .../src/components/ui/UiIconButton.vue        |  2 +-
 .../src/components/ui/UiSegmented.vue         |  2 +-
 .../src/components/ui/docs/readTokens.ts      | 10 ++-
 frontend-vue/src/lib/markdown.ts              |  8 +-
 frontend-vue/src/lib/mermaid-config.ts        | 41 +++++++++
 frontend-vue/src/views/auth/LoginView.vue     |  2 +-
 .../src/views/settings/CompanyView.vue        |  2 +-
 .../src/views/settings/UserSettingsView.vue   |  2 +-
 .../src/views/table/TableActionsView.vue      |  2 +-
 18 files changed, 181 insertions(+), 30 deletions(-)
 create mode 100644 frontend-vue/src/lib/mermaid-config.ts

diff --git a/frontend-vue/src/assets/base.css b/frontend-vue/src/assets/base.css
index f5d516f93..438ce7938 100644
--- a/frontend-vue/src/assets/base.css
+++ b/frontend-vue/src/assets/base.css
@@ -37,7 +37,7 @@ textarea {
 
 ::selection {
 	background: var(--color-accent);
-	color: var(--color-surface);
+	color: var(--color-on-accent);
 }
 
 /* Keyboard focus ring — visible, on-brand, only for keyboard users. Primitives that need a
@@ -73,6 +73,14 @@ button:focus-visible {
 	color: var(--color-muted-soft);
 }
 
+/* A black single-colour image with no white variant (the GitHub mark): inverted on the dark theme
+   so it doesn't vanish into the page. */
+@media (prefers-color-scheme: dark) {
+	.invert-on-dark {
+		filter: invert(1);
+	}
+}
+
 /* Honour a reduced-motion preference globally rather than per-animation: the skeleton shimmer and
    spinner loop indefinitely, which is exactly the vestibular-trigger case the media query exists
    for. Durations are near-zero rather than `none` so transitionend/animationend still fire and
diff --git a/frontend-vue/src/assets/theme.css b/frontend-vue/src/assets/theme.css
index 38c6132d6..3b51b77ca 100644
--- a/frontend-vue/src/assets/theme.css
+++ b/frontend-vue/src/assets/theme.css
@@ -20,8 +20,8 @@
  * with a hot cyan-white highlight for glow.
  */
 :root {
-	/* TODO(dark-mode): flip to `light dark` when a [data-theme='dark'] block exists. Claiming dark
-	   support before the aliases have dark values would make form controls render dark-on-dark. */
+	/* Flipped to `dark` by the prefers-color-scheme block at the end of this file, together with the
+	   aliases — native controls and scrollbars must never claim dark ahead of the aliases. */
 	color-scheme: light;
 
 	/* ===================================================================================
@@ -66,6 +66,36 @@
 	--palette-green-50: #ecfdf3;
 	--palette-green-200: #a6f4c5;
 
+	/* Dark ramp. App-only: neither SiteNova nor the landing has a dark theme yet, so these are NOT
+	   mirrored — when SiteNova gains one, reconcile and move them into the shared block above.
+	   The paper is the brand's own navy-900; surfaces step up from it in the same hue.
+
+	   Contrast on dark surface: ink 15.4:1, ink-soft 11.2:1, muted 7.4:1, muted-soft 5.8:1,
+	   accent 6.1:1, line-strong 3.9:1 (non-text, needs 3:1). The accent is lifted from blue-600
+	   because no blue reads as link text on navy *and* carries white text on its own fill; dark
+	   mode puts navy-900 text on it instead (6.8:1), via --color-on-accent. */
+	--palette-navy-850: #121a36;
+	--palette-navy-800: #1a2344;
+	--palette-navy-750: #1c2650;
+	--palette-navy-650: #2a3558;
+	--palette-slate-400: #6b7895;
+	--palette-slate-300: #8b97b2;
+	--palette-slate-200: #a0abc4;
+	--palette-slate-100: #c8d1e6;
+	--palette-slate-50: #eef3ff;
+	--palette-blue-400: #7196ff;
+	--palette-blue-250: #a9c1ff;
+	--palette-red-300: #fda29b;
+	--palette-red-400: #f97066;
+	--palette-red-950: #2b1520;
+	--palette-red-900: #7a271a;
+	--palette-amber-400: #fdb022;
+	--palette-amber-950: #2a2010;
+	--palette-amber-900: #93370d;
+	--palette-green-400: #32d583;
+	--palette-green-950: #0b2a20;
+	--palette-green-900: #05603a;
+
 	/* Typography families.
 	   Match the installed @fontsource-variable packages exactly (verified against their index.css);
 	   the fallbacks mirror the metric-matched stacks the landing declares in astro.config.mjs. All
@@ -102,6 +132,9 @@
 	--color-accent: var(--palette-blue-600);
 	--color-accent-ink: var(--palette-blue-700);
 	--color-hot: var(--palette-blue-300);
+	/* Text and icons on an accent or danger-strong fill. Not --color-surface: that is a background,
+	   and in the dark theme it turns navy while the fills stay bright. */
+	--color-on-accent: var(--palette-white);
 
 	/* Status */
 	--color-danger: var(--palette-red-700);
@@ -213,3 +246,52 @@
 	--width-panel: 44rem; /* app page content column */
 	--width-auth-card: 26rem; /* auth page content column */
 }
+
+/* ===================================================================================
+   DARK THEME — Layer 2 re-pointed at the dark ramp. Follows the OS setting, as the Angular app
+   does; there is no in-app toggle. Only aliases change here: the scales above are theme-neutral.
+   =================================================================================== */
+@media (prefers-color-scheme: dark) {
+	:root {
+		color-scheme: dark;
+
+		/* Surfaces: unlike the light theme, a surface is lighter than the page, and raised lighter still. */
+		--color-paper: var(--palette-navy-900);
+		--color-paper-2: var(--palette-navy-750);
+		--color-surface: var(--palette-navy-850);
+		--color-surface-raised: var(--palette-navy-800);
+		--color-overlay: rgb(0 0 0 / 0.6);
+
+		--color-ink: var(--palette-slate-50);
+		--color-ink-soft: var(--palette-slate-100);
+		--color-muted: var(--palette-slate-200);
+		--color-muted-soft: var(--palette-slate-300);
+
+		--color-line: var(--palette-navy-650);
+		--color-line-strong: var(--palette-slate-400);
+
+		/* accent-ink is the pressed/emphasis step, so on dark it goes lighter rather than darker. */
+		--color-accent: var(--palette-blue-400);
+		--color-accent-ink: var(--palette-blue-250);
+		--color-hot: var(--palette-blue-300);
+		--color-on-accent: var(--palette-navy-900);
+
+		--color-danger: var(--palette-red-300);
+		--color-danger-strong: var(--palette-red-400);
+		--color-danger-bg: var(--palette-red-950);
+		--color-danger-border: var(--palette-red-900);
+		--color-warning: var(--palette-amber-400);
+		--color-warning-bg: var(--palette-amber-950);
+		--color-warning-border: var(--palette-amber-900);
+		--color-success: var(--palette-green-400);
+		--color-success-bg: var(--palette-green-950);
+		--color-success-border: var(--palette-green-900);
+
+		/* A navy drop shadow vanishes on a navy page: depth comes from a black shadow plus a faint
+		   top highlight, and the glow keeps its accent tint. */
+		--shadow-card: inset 0 1px 0 rgb(255 255 255 / 0.04), 0 20px 50px -30px rgb(0 0 0 / 0.7);
+		--shadow-lift: 0 24px 50px -30px rgb(113 150 255 / 0.45);
+		--shadow-focus: 0 0 0 3px rgb(113 150 255 / 0.35);
+		--ring-danger: 0 0 0 3px rgb(249 112 102 / 0.3);
+	}
+}
diff --git a/frontend-vue/src/components/app/AppHeader.vue b/frontend-vue/src/components/app/AppHeader.vue
index f934130e9..5105de13e 100644
--- a/frontend-vue/src/components/app/AppHeader.vue
+++ b/frontend-vue/src/components/app/AppHeader.vue
@@ -11,8 +11,9 @@ import { useConnectionsStore } from '@/stores/connections';
 import { useUserStore } from '@/stores/user';
 import { ACCOUNT_LINKS, CONNECTION_TAB_CAPTIONS, connectionTabPath, HELP_CENTER_URL } from './navigation';
 
-// Served from /assets at runtime (copied from frontend/src/assets), so it is not a module import.
+// Served from /assets at runtime (copied from frontend/src/assets), so they are not module imports.
 const LOGO_URL = '/assets/rocketadmin_logo_black.svg';
+const LOGO_DARK_URL = '/assets/rocketadmin_logo_white.svg';
 
 const props = defineProps<{
 	/** AppComponent.userLoggedIn: null while the user is loading. */
@@ -38,10 +39,16 @@ const signedIn = computed(() => props.userLoggedIn === true);
 	<header :class="['app-header', { 'app-header--connection': connections.connectionID }]">
 		<div class="app-header__brand">
 			<RouterLink v-if="userLoggedIn" to="/connections-list" class="app-header__logo">
-				<img :src="LOGO_URL" alt="Rocketadmin logo" class="app-header__logo-image">
+				<picture>
+					<source :srcset="LOGO_DARK_URL" media="(prefers-color-scheme: dark)">
+					<img :src="LOGO_URL" alt="Rocketadmin logo" class="app-header__logo-image">
+				</picture>
 			</RouterLink>
 			<a v-else-if="userLoggedIn === false" href="https://rocketadmin.com/" class="app-header__logo">
-				<img :src="LOGO_URL" alt="Rocketadmin logo" class="app-header__logo-image">
+				<picture>
+					<source :srcset="LOGO_DARK_URL" media="(prefers-color-scheme: dark)">
+					<img :src="LOGO_URL" alt="Rocketadmin logo" class="app-header__logo-image">
+				</picture>
 			</a>
 
 			<template v-if="connections.connectionID">
diff --git a/frontend-vue/src/components/app/FeatureNotification.vue b/frontend-vue/src/components/app/FeatureNotification.vue
index 88b5eab12..5f2c66169 100644
--- a/frontend-vue/src/components/app/FeatureNotification.vue
+++ b/frontend-vue/src/components/app/FeatureNotification.vue
@@ -64,7 +64,7 @@ const emit = defineEmits<{ dismiss: [] }>();
 						<!-- Send button -->
 						<g class="fn-send-button">
 							<circle cx="326" cy="151" r="11" style="fill: var(--color-accent)" />
-							<path d="M321 154 L326 147 L331 154 M326 147 L326 159" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color-surface)" />
+							<path d="M321 154 L326 147 L331 154 M326 147 L326 159" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color-on-accent)" />
 						</g>
 					</g>
 
@@ -84,7 +84,7 @@ const emit = defineEmits<{ dismiss: [] }>();
 					<g class="fn-table fn-table--1">
 						<rect x="18" y="74" width="102" height="66" rx="7" stroke-width="1.2" style="fill: var(--color-surface); stroke: var(--color-line)" />
 						<rect x="18" y="74" width="102" height="18" rx="7" style="fill: var(--color-accent)" />
-						<text x="28" y="87" font-size="12" font-weight="600" font-family="system-ui, sans-serif" style="fill: var(--color-surface)">members</text>
+						<text x="28" y="87" font-size="12" font-weight="600" font-family="system-ui, sans-serif" style="fill: var(--color-on-accent)">members</text>
 						<text x="28" y="106" font-size="10" font-family="system-ui, sans-serif" style="fill: var(--color-ink-soft)">id</text>
 						<text x="112" y="106" font-size="8" font-weight="700" font-family="system-ui, sans-serif" text-anchor="end" style="fill: var(--color-warning)">PK</text>
 						<text x="28" y="120" font-size="10" font-family="system-ui, sans-serif" style="fill: var(--color-ink-soft)">name</text>
@@ -94,7 +94,7 @@ const emit = defineEmits<{ dismiss: [] }>();
 					<g class="fn-table fn-table--2">
 						<rect x="130" y="58" width="102" height="66" rx="7" stroke-width="1.2" style="fill: var(--color-surface); stroke: var(--color-line)" />
 						<rect x="130" y="58" width="102" height="18" rx="7" style="fill: var(--color-hot)" />
-						<text x="140" y="71" font-size="12" font-weight="600" font-family="system-ui, sans-serif" style="fill: var(--color-surface)">bookings</text>
+						<text x="140" y="71" font-size="12" font-weight="600" font-family="system-ui, sans-serif" style="fill: var(--color-on-accent)">bookings</text>
 						<text x="140" y="90" font-size="10" font-family="system-ui, sans-serif" style="fill: var(--color-ink-soft)">id</text>
 						<text x="224" y="90" font-size="8" font-weight="700" font-family="system-ui, sans-serif" text-anchor="end" style="fill: var(--color-warning)">PK</text>
 						<text x="140" y="104" font-size="10" font-family="system-ui, sans-serif" style="fill: var(--color-ink-soft)">member_id</text>
@@ -105,7 +105,7 @@ const emit = defineEmits<{ dismiss: [] }>();
 					<g class="fn-table fn-table--3">
 						<rect x="242" y="78" width="102" height="62" rx="7" stroke-width="1.2" style="fill: var(--color-surface); stroke: var(--color-line)" />
 						<rect x="242" y="78" width="102" height="18" rx="7" style="fill: var(--color-accent-ink)" />
-						<text x="252" y="91" font-size="12" font-weight="600" font-family="system-ui, sans-serif" style="fill: var(--color-surface)">sessions</text>
+						<text x="252" y="91" font-size="12" font-weight="600" font-family="system-ui, sans-serif" style="fill: var(--color-on-accent)">sessions</text>
 						<text x="252" y="110" font-size="10" font-family="system-ui, sans-serif" style="fill: var(--color-ink-soft)">id</text>
 						<text x="336" y="110" font-size="8" font-weight="700" font-family="system-ui, sans-serif" text-anchor="end" style="fill: var(--color-warning)">PK</text>
 						<text x="252" y="124" font-size="10" font-family="system-ui, sans-serif" style="fill: var(--color-ink-soft)">starts_at</text>
diff --git a/frontend-vue/src/components/connections/OwnConnections.vue b/frontend-vue/src/components/connections/OwnConnections.vue
index 2af624b64..f78dd477b 100644
--- a/frontend-vue/src/components/connections/OwnConnections.vue
+++ b/frontend-vue/src/components/connections/OwnConnections.vue
@@ -367,6 +367,15 @@ function track(action: string) {
 	overflow: hidden;
 }
 
+/* The tile is dark in both themes — the default logo is the white mark, and custom logos are made
+   for a dark tile — so on the dark theme it stays navy rather than inverting with --color-ink. */
+@media (prefers-color-scheme: dark) {
+	.own-connections__card {
+		background-color: var(--color-paper-2);
+		color: var(--color-ink);
+	}
+}
+
 .own-connections__logo {
 	height: 85%;
 	max-width: 40%;
diff --git a/frontend-vue/src/components/schema/mermaid.ts b/frontend-vue/src/components/schema/mermaid.ts
index bfc181e05..611e57193 100644
--- a/frontend-vue/src/components/schema/mermaid.ts
+++ b/frontend-vue/src/components/schema/mermaid.ts
@@ -1,7 +1,7 @@
 // Mermaid, imported on first use (it is large) and initialized once with the options Angular's
-// MERMAID_OPTIONS gave ngx-markdown in light mode. The Vue app has no dark theme yet, so the dark
-// themeVariables Angular switched to under `prefers-color-scheme: dark` are not carried over.
+// MERMAID_OPTIONS gave ngx-markdown (see lib/mermaid-config.ts).
 import type { Mermaid } from 'mermaid';
+import { mermaidConfig } from '@/lib/mermaid-config';
 
 let loading: Promise<Mermaid> | null = null;
 let renderCount = 0;
@@ -10,7 +10,7 @@ function loadMermaid(): Promise<Mermaid> {
 	loading ??= import('mermaid')
 		.then((module) => {
 			const mermaid = module.default;
-			mermaid.initialize({ startOnLoad: false, theme: 'default' });
+			mermaid.initialize(mermaidConfig());
 			return mermaid;
 		})
 		.catch((error: unknown) => {
diff --git a/frontend-vue/src/components/table/AutomationsEmptyState.vue b/frontend-vue/src/components/table/AutomationsEmptyState.vue
index 1a3e66b6c..f82ac0b23 100644
--- a/frontend-vue/src/components/table/AutomationsEmptyState.vue
+++ b/frontend-vue/src/components/table/AutomationsEmptyState.vue
@@ -160,7 +160,7 @@ const actions = [
 }
 
 .automations-empty__badge--when {
-	color: var(--color-surface);
+	color: var(--color-on-accent);
 	background: var(--color-accent);
 }
 
diff --git a/frontend-vue/src/components/ui/UiBadge.vue b/frontend-vue/src/components/ui/UiBadge.vue
index acb60cfcd..24b79cb29 100644
--- a/frontend-vue/src/components/ui/UiBadge.vue
+++ b/frontend-vue/src/components/ui/UiBadge.vue
@@ -104,12 +104,12 @@ const indicatorClasses = computed(() => [
 
 .ui-badge__indicator--accent {
   background: var(--color-accent);
-  color: var(--color-surface);
+  color: var(--color-on-accent);
 }
 
 .ui-badge__indicator--danger {
   background: var(--color-danger-strong);
-  color: var(--color-surface);
+  color: var(--color-on-accent);
 }
 
 .ui-badge__indicator--neutral {
diff --git a/frontend-vue/src/components/ui/UiButton.vue b/frontend-vue/src/components/ui/UiButton.vue
index 1b0435bc9..d0d8184eb 100644
--- a/frontend-vue/src/components/ui/UiButton.vue
+++ b/frontend-vue/src/components/ui/UiButton.vue
@@ -173,7 +173,7 @@ export default {
 
 .ui-button--primary {
   background: var(--color-accent);
-  color: var(--color-surface);
+  color: var(--color-on-accent);
 }
 
 .ui-button--primary:hover:not(:disabled, [aria-disabled='true']) {
diff --git a/frontend-vue/src/components/ui/UiIconButton.vue b/frontend-vue/src/components/ui/UiIconButton.vue
index 6ed5b3436..90950fc31 100644
--- a/frontend-vue/src/components/ui/UiIconButton.vue
+++ b/frontend-vue/src/components/ui/UiIconButton.vue
@@ -176,7 +176,7 @@ export default {
 
 .ui-icon-button--primary {
   background: var(--color-accent);
-  color: var(--color-surface);
+  color: var(--color-on-accent);
 }
 
 .ui-icon-button--primary:hover:not(:disabled, [aria-disabled='true']) {
diff --git a/frontend-vue/src/components/ui/UiSegmented.vue b/frontend-vue/src/components/ui/UiSegmented.vue
index 55907b45c..f00fc5198 100644
--- a/frontend-vue/src/components/ui/UiSegmented.vue
+++ b/frontend-vue/src/components/ui/UiSegmented.vue
@@ -113,7 +113,7 @@ function select(option: SelectOption<T>) {
 .ui-segmented__option--selected,
 .ui-segmented__option--selected:hover {
   background: var(--color-accent);
-  color: var(--color-surface);
+  color: var(--color-on-accent);
 }
 
 /* Visually hidden but focusable: the radio is what keyboard and AT interact with. */
diff --git a/frontend-vue/src/components/ui/docs/readTokens.ts b/frontend-vue/src/components/ui/docs/readTokens.ts
index 02436da5e..c7d17d256 100644
--- a/frontend-vue/src/components/ui/docs/readTokens.ts
+++ b/frontend-vue/src/components/ui/docs/readTokens.ts
@@ -26,12 +26,18 @@ export type Token = {
 const DECLARATION = /^\s*(--[a-z0-9-]+)\s*:\s*([^;]+);(?:\s*\/\*\s*(.*?)\s*\*\/)?/gim;
 
 /**
- * Every token declared in theme.css, in source order.
+ * The base `:root` block only. The dark theme at the end of theme.css redeclares the colour aliases
+ * inside `@media (prefers-color-scheme: dark)`; reading those too would list every alias twice.
+ */
+const BASE_CSS = themeCss.split(/@media\s*\(prefers-color-scheme:\s*dark\)/)[0] ?? '';
+
+/**
+ * Every token declared in theme.css's base block, in source order.
  *
  * Parsed once at module scope: the CSS is a build-time constant, so re-parsing per call would be
  * pure waste.
  */
-const ALL_TOKENS: Token[] = [...themeCss.matchAll(DECLARATION)].map(([, name, value, note]) => ({
+const ALL_TOKENS: Token[] = [...BASE_CSS.matchAll(DECLARATION)].map(([, name, value, note]) => ({
 	name: name as string,
 	value: (value as string).trim(),
 	...(note ? { note } : {}),
diff --git a/frontend-vue/src/lib/markdown.ts b/frontend-vue/src/lib/markdown.ts
index c812e48b3..7d39645e0 100644
--- a/frontend-vue/src/lib/markdown.ts
+++ b/frontend-vue/src/lib/markdown.ts
@@ -1,5 +1,6 @@
 import DOMPurify from 'dompurify';
 import { marked } from 'marked';
+import { mermaidConfig } from '@/lib/mermaid-config';
 
 /** Markdown → sanitized HTML. The source is user data, so the output is always sanitized. */
 export function renderMarkdown(source: string, options: { inline?: boolean } = {}): string {
@@ -15,13 +16,10 @@ type Mermaid = typeof import('mermaid')['default'];
 
 let mermaidLoader: Promise<Mermaid> | null = null;
 
-/**
- * Loads and initializes mermaid once. Angular picked `dark` under `prefers-color-scheme: dark`; this
- * app has no dark theme yet (see theme.css), so diagrams use the default theme to match the page.
- */
+/** Loads and initializes mermaid once. */
 export function loadMermaid(): Promise<Mermaid> {
 	mermaidLoader ??= import('mermaid').then(({ default: mermaid }) => {
-		mermaid.initialize({ startOnLoad: false, theme: 'default' });
+		mermaid.initialize(mermaidConfig());
 		return mermaid;
 	});
 	return mermaidLoader;
diff --git a/frontend-vue/src/lib/mermaid-config.ts b/frontend-vue/src/lib/mermaid-config.ts
new file mode 100644
index 000000000..eb5ead549
--- /dev/null
+++ b/frontend-vue/src/lib/mermaid-config.ts
@@ -0,0 +1,41 @@
+// The options every `mermaid.initialize` uses. lib/markdown.ts and components/schema/mermaid.ts both
+// initialize the same Mermaid singleton, so whichever loads second must not undo the first.
+import type { MermaidConfig } from 'mermaid';
+
+// Angular's dark themeVariables, re-tinted from purple to the dark ramp in assets/theme.css: Mermaid
+// renders static SVG, so it can't follow the CSS tokens itself.
+const MERMAID_DARK_OPTIONS: MermaidConfig = {
+	theme: 'base',
+	themeVariables: {
+		darkMode: true,
+		background: '#0a0f24',
+		primaryColor: '#121a36',
+		primaryBorderColor: '#2a3558',
+		primaryTextColor: '#eef3ff',
+		secondaryColor: '#1a2344',
+		tertiaryColor: '#121a36',
+		lineColor: '#7196ff',
+		mainBkg: '#121a36',
+		nodeBkg: '#121a36',
+		nodeBorder: '#2a3558',
+		clusterBkg: '#121a36',
+		clusterBorder: '#2a3558',
+		attributeBackgroundColorOdd: '#121a36',
+		attributeBackgroundColorEven: '#1a2344',
+		titleColor: '#eef3ff',
+		edgeLabelBackground: '#121a36',
+		textColor: '#eef3ff',
+		labelTextColor: '#eef3ff',
+		nodeTextColor: '#eef3ff',
+	},
+};
+
+/**
+ * The options every `mermaid.initialize` uses. Like Angular, the dark variant is picked from
+ * `prefers-color-scheme` once, when mermaid first loads.
+ */
+export function mermaidConfig(): MermaidConfig {
+	const prefersDark =
+		typeof window.matchMedia === 'function' && window.matchMedia('(prefers-color-scheme: dark)').matches;
+	return { startOnLoad: false, ...(prefersDark ? MERMAID_DARK_OPTIONS : { theme: 'default' }) };
+}
diff --git a/frontend-vue/src/views/auth/LoginView.vue b/frontend-vue/src/views/auth/LoginView.vue
index 0a3ed2040..50e6e6d6f 100644
--- a/frontend-vue/src/views/auth/LoginView.vue
+++ b/frontend-vue/src/views/auth/LoginView.vue
@@ -229,7 +229,7 @@ function onPasswordInput(value: string) {
 							@click="loginWithGithub"
 						>
 							<template #leading>
-								<img :src="GITHUB_ICON_URL" alt="" class="login__github-icon">
+								<img :src="GITHUB_ICON_URL" alt="" class="login__github-icon invert-on-dark">
 							</template>
 							Continue with GitHub
 						</UiButton>
diff --git a/frontend-vue/src/views/settings/CompanyView.vue b/frontend-vue/src/views/settings/CompanyView.vue
index c0d25e2e0..239db7876 100644
--- a/frontend-vue/src/views/settings/CompanyView.vue
+++ b/frontend-vue/src/views/settings/CompanyView.vue
@@ -271,7 +271,7 @@ async function switchSuspendance(isSuspendance: boolean, memberEmail: string) {
 							v-tooltip="`${row.externalRegistrationProvider} registration`"
 							:src="AUTH_PROVIDER_ICONS[row.externalRegistrationProvider]"
 							:alt="`${row.externalRegistrationProvider} registration`"
-							class="company__email-icon"
+							:class="['company__email-icon', { 'invert-on-dark': row.externalRegistrationProvider === 'GITHUB' }]"
 						>
 						<span>{{ row.email }}</span>
 					</span>
diff --git a/frontend-vue/src/views/settings/UserSettingsView.vue b/frontend-vue/src/views/settings/UserSettingsView.vue
index 7bed1d3b9..e3f4ae026 100644
--- a/frontend-vue/src/views/settings/UserSettingsView.vue
+++ b/frontend-vue/src/views/settings/UserSettingsView.vue
@@ -169,7 +169,7 @@ function confirmDeleteAccount() {
 						v-tooltip="`You registred with ${currentUser.externalRegistrationProvider}`"
 						:src="providerIcon"
 						alt=""
-						class="user-settings__provider-icon"
+						:class="['user-settings__provider-icon', { 'invert-on-dark': currentUser.externalRegistrationProvider === 'GITHUB' }]"
 					>
 					<strong>Email:</strong>
 					<span class="user-settings__value">{{ currentUser.email }}</span>
diff --git a/frontend-vue/src/views/table/TableActionsView.vue b/frontend-vue/src/views/table/TableActionsView.vue
index 5e2cd752b..5ea8225ef 100644
--- a/frontend-vue/src/views/table/TableActionsView.vue
+++ b/frontend-vue/src/views/table/TableActionsView.vue
@@ -447,7 +447,7 @@ function setEmails(value: string | string[] | null) {
 }
 
 .table-actions__badge--when {
-	color: var(--color-surface);
+	color: var(--color-on-accent);
 	background: var(--color-accent);
 }
 

From faab8dccbcb17279509f106290b2df825d7d4611 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Tue, 3 Nov 2026 10:41:29 +0000
Subject: [PATCH 19/22] Check Vue route parity with Angular and add a FRONTEND
 build arg

- routes.spec.ts snapshots every Angular route, guard and title
- tablePagePath() encodes table names the way the Angular router does
- Sentry transactions use Angular route templates and drop query values
- Dockerfile builds frontend/ or frontend-vue/ via ARG FRONTEND

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 Dockerfile                                    |  36 +++++-
 VUE_MIGRATION_PLAN.md                         |   5 +
 docker-bake.hcl                               |  15 ++-
 .../dashboard/SavedFiltersPanel.vue           |   3 +-
 .../dashboard/TableFiltersDialog.vue          |   3 +-
 .../src/components/dashboard/TableRowView.vue |   9 +-
 .../src/components/dashboard/TableView.vue    |  17 +--
 .../src/components/dashboard/TablesList.vue   |   3 +-
 .../fields/filter/ForeignKeyFilter.vue        |   3 +-
 .../fields/record-edit/ForeignKeyEdit.vue     |  12 +-
 frontend-vue/src/composables/useRowEdit.ts    |   5 +-
 frontend-vue/src/lib/monitoring.spec.ts       |  55 +++++++++
 frontend-vue/src/lib/monitoring.ts            |  42 ++++++-
 frontend-vue/src/lib/table-url.spec.ts        |  27 +++++
 frontend-vue/src/lib/table-url.ts             |  15 +++
 frontend-vue/src/router/routes.spec.ts        | 113 ++++++++++++++++++
 .../src/views/dashboard/DashboardView.vue     |   5 +-
 frontend-vue/src/views/table/RowEditView.vue  |   5 +-
 .../src/views/table/TableActionsView.vue      |   5 +-
 .../src/views/table/TableSettingsView.vue     |   5 +-
 .../src/views/table/TableWidgetsView.vue      |   3 +-
 21 files changed, 352 insertions(+), 34 deletions(-)
 create mode 100644 frontend-vue/src/lib/monitoring.spec.ts
 create mode 100644 frontend-vue/src/lib/table-url.spec.ts
 create mode 100644 frontend-vue/src/lib/table-url.ts
 create mode 100644 frontend-vue/src/router/routes.spec.ts

diff --git a/Dockerfile b/Dockerfile
index cc3036468..53d87becb 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,4 +1,8 @@
-FROM node:24-slim AS front_builder
+# Which frontend goes into the image: angular (frontend/) or vue (frontend-vue/).
+# During the Vue trial period this is the one switch between them (VUE_MIGRATION_PLAN.md, Phase 4).
+ARG FRONTEND=angular
+
+FROM node:24-slim AS front_builder_angular
 ARG VERSION
 ARG SAAS
 SHELL ["/bin/bash", "-c"]
@@ -23,6 +27,34 @@ RUN if [[ -n $VERSION ]]; then \
 RUN if [[ -n $SAAS ]]; then API_ROOT=/api yarn build --configuration=saas-production; \
     else API_ROOT=/api yarn build --configuration=production; fi
 RUN ls /app/frontend/dist/rocketadmin/browser
+RUN mv /app/frontend/dist/rocketadmin/browser /app/frontend-dist
+
+FROM node:24-slim AS front_builder_vue
+ARG VERSION
+ARG SAAS
+SHELL ["/bin/bash", "-c"]
+RUN npm install -g pnpm@10.33.0
+WORKDIR /app/frontend-vue
+COPY frontend-vue/package.json frontend-vue/pnpm-lock.yaml frontend-vue/pnpm-workspace.yaml /app/frontend-vue/
+RUN --mount=type=cache,target=/root/.local/share/pnpm/store pnpm install --frozen-lockfile
+# The Vue build still copies its static assets from the Angular app (vite.config.ts).
+COPY frontend/src/assets /app/frontend/src/assets
+COPY frontend-vue/.env frontend-vue/.env.production frontend-vue/.env.saas-production frontend-vue/index.html frontend-vue/index.saas.html frontend-vue/vite.config.ts frontend-vue/tsconfig.json frontend-vue/tsconfig.app.json frontend-vue/tsconfig.node.json /app/frontend-vue/
+COPY frontend-vue/scripts /app/frontend-vue/scripts
+COPY frontend-vue/public /app/frontend-vue/public
+COPY frontend-vue/src /app/frontend-vue/src
+
+# Update version if VERSION build arg is provided (the build scripts write src/version.ts)
+RUN if [[ -n $VERSION ]]; then \
+    echo "Updating package.json version to $VERSION" && \
+    npm version $VERSION --no-git-tag-version; \
+    fi
+
+RUN if [[ -n $SAAS ]]; then pnpm build:saas; else pnpm build; fi
+RUN ls /app/frontend-vue/dist
+RUN mv /app/frontend-vue/dist /app/frontend-dist
+
+FROM front_builder_${FRONTEND} AS front_builder
 
 FROM node:24-slim
 
@@ -43,7 +75,7 @@ COPY rocketadmin-agent /app/rocketadmin-agent
 RUN --mount=type=cache,target=/root/.local/share/pnpm/store pnpm install --frozen-lockfile
 RUN cd shared-code && ../node_modules/.bin/tsc
 RUN cd backend && ../node_modules/.bin/tsc && pnpm exec nest build
-COPY --from=front_builder /app/frontend/dist/rocketadmin/browser /var/www/html
+COPY --from=front_builder /app/frontend-dist /var/www/html
 COPY frontend/nginx/default.conf /etc/nginx/sites-enabled/default
 RUN mkdir -p /app/backend/node_modules/.cache && chown -R appuser:appuser /app/backend/node_modules/.cache
 RUN chown -R appuser:appuser  /var/lib/nginx
diff --git a/VUE_MIGRATION_PLAN.md b/VUE_MIGRATION_PLAN.md
index 6623868a1..e7299e710 100644
--- a/VUE_MIGRATION_PLAN.md
+++ b/VUE_MIGRATION_PLAN.md
@@ -112,6 +112,11 @@ Every route now renders its ported page; `PendingView` is gone. New primitives b
 1. **Parity checklist:** every route in `app-routing.module.ts` has a matching route in Vue, with the same paths and query params, so existing bookmarks and emailed links keep working.
 2. **Dockerfile:** change the `front_builder` stage to build `frontend-vue` (`vite build --mode saas-production|production`) and copy its `dist/` to `/var/www/html`. `frontend/nginx/default.conf` does not change. During the trial period, use a build arg (`FRONTEND=angular|vue`) so switching back is one parameter.
 3. **Rollout:** staging first, then SaaS production, then self-hosted images.
+
+   Status:
+   - **Parity checklist:** `src/router/routes.spec.ts` holds a snapshot of every Angular route, its guard and its title, and checks each one against the Vue router; it also checks that Vue has no extra pages. An audit of query params found one link-breaking difference: table names with `?`, `#` or `%` were cut off. All table links now go through `tablePagePath()` (`src/lib/table-url.ts`), which encodes each path segment the way the Angular router does. Sentry transactions are now named by the Angular route template (`/dashboard/:connection-id/:table-name`), and `query.*` values are no longer sent (`toAngularSentryEvent` in `src/lib/monitoring.ts`). Known cosmetic differences are left as they are: an empty `filters=()` or `sort_active=`, the back link always carrying `page_index`/`page_size`, and vue-router matching paths case-insensitively.
+   - **Dockerfile:** has `ARG FRONTEND=angular` with two builder stages, `front_builder_angular` and `front_builder_vue`. `docker-bake.hcl` passes the `FRONTEND` variable through, so `FRONTEND=vue docker buildx bake` builds the Vue image.
+   - **Rollout switches:** SaaS adds `FRONTEND=vue` to the `build-args` in `.github/workflows/saas.yml`. Self-hosted images change the `FRONTEND` default in `docker-bake.hcl`. Switching back means reverting that one line.
 4. **Cleanup:** after one stable release, delete `frontend/`, rename `frontend-vue/` to `frontend/`, delete the stale `frontend/Dockerfile`, and update `CLAUDE.md` and `frontend/CLAUDE.md` with the Vue conventions (`<script setup>`, Pinia setup stores, composables, palette-only colors, BEM).
 
 ## Rules for the rewrite
diff --git a/docker-bake.hcl b/docker-bake.hcl
index 2f510aa1e..174960e48 100644
--- a/docker-bake.hcl
+++ b/docker-bake.hcl
@@ -2,6 +2,12 @@ variable "DEFAULT_TAG" {
   default = "rocketadmin:local"
 }
 
+// Frontend built into the image: "angular" (frontend/) or "vue" (frontend-vue/).
+// Override with FRONTEND=vue docker buildx bake ...
+variable "FRONTEND" {
+  default = "angular"
+}
+
 // Special target: https://github.com/docker/metadata-action#bake-definition
 target "docker-metadata-action" {
   tags = ["${DEFAULT_TAG}"]
@@ -10,12 +16,19 @@ group "default" {
 	targets = ["image-local"]
 }
 
+target "frontend" {
+  args = {
+    FRONTEND = "${FRONTEND}"
+  }
+}
+
 target "image-local" {
+	inherits = ["frontend"]
 	context = "."
 }
 
 target "image" {
-  inherits = ["docker-metadata-action"]
+  inherits = ["docker-metadata-action", "frontend"]
 }
 
 target "image-all" {
diff --git a/frontend-vue/src/components/dashboard/SavedFiltersPanel.vue b/frontend-vue/src/components/dashboard/SavedFiltersPanel.vue
index 0dfb4f1e0..2eddf8171 100644
--- a/frontend-vue/src/components/dashboard/SavedFiltersPanel.vue
+++ b/frontend-vue/src/components/dashboard/SavedFiltersPanel.vue
@@ -23,6 +23,7 @@ import { UiButton, UiChip, UiIcon, UiIconButton, UiMenu, UiMenuItem, UiSelect }
 import { trackEvent } from '@/composables/useAnalytics';
 import { useDialog } from '@/composables/useDialog';
 import { onTableEvent } from '@/lib/table-events';
+import { tablePagePath } from '@/lib/table-url';
 import type { TableField, WidgetStructure } from '@/models/table';
 import { useConnectionsStore } from '@/stores/connections';
 import { useTablesStore } from '@/stores/tables';
@@ -365,7 +366,7 @@ function comparatorWord(operator: string): string | undefined {
 }
 
 function navigate(query: LocationQueryRaw) {
-	router.push({ path: `/dashboard/${props.connectionID}/${tableName.value}`, query });
+	router.push({ path: tablePagePath(props.connectionID, tableName.value), query });
 }
 
 function routeParam(name: string): string | undefined {
diff --git a/frontend-vue/src/components/dashboard/TableFiltersDialog.vue b/frontend-vue/src/components/dashboard/TableFiltersDialog.vue
index ba0710bae..ea2373964 100644
--- a/frontend-vue/src/components/dashboard/TableFiltersDialog.vue
+++ b/frontend-vue/src/components/dashboard/TableFiltersDialog.vue
@@ -24,6 +24,7 @@ import { trackEvent } from '@/composables/useAnalytics';
 import { useDialogRef } from '@/composables/useDialog';
 import { getComparatorsFromUrl, getFiltersFromUrl } from '@/lib/parse-filter-params';
 import { getTableTypes } from '@/lib/setup-table-row-structure';
+import { tablePagePath } from '@/lib/table-url';
 import type { TableField, Widget, WidgetStructure } from '@/models/table';
 import { useConnectionsStore } from '@/stores/connections';
 import {
@@ -269,7 +270,7 @@ function definedComparators(comparators: Record<string, string | undefined>): Re
 					icon="settings"
 					label="Advanced settings"
 					size="sm"
-					:to="`/dashboard/${data.connectionID}/${data.tableName}/settings`"
+					:to="tablePagePath(data.connectionID, data.tableName, 'settings')"
 					@click="dialogRef.close()"
 				/>
 			</div>
diff --git a/frontend-vue/src/components/dashboard/TableRowView.vue b/frontend-vue/src/components/dashboard/TableRowView.vue
index 84deb08f5..957b50a92 100644
--- a/frontend-vue/src/components/dashboard/TableRowView.vue
+++ b/frontend-vue/src/components/dashboard/TableRowView.vue
@@ -23,6 +23,7 @@ import {
 } from '@/composables/useRowView';
 import { recordViewFieldTypes, UIwidgets } from '@/consts/record-view-types';
 import { copyToClipboard } from '@/lib/clipboard';
+import { tablePagePath } from '@/lib/table-url';
 import { useConnectionsStore } from '@/stores/connections';
 import { useTableStateStore } from '@/stores/table-state';
 import { stashBackUrl } from './backUrl';
@@ -74,7 +75,7 @@ function foreignKeyDisplayValue(column: string): string | number | null {
 
 function foreignKeyLink(column: string): string {
 	const row = selectedRow.value;
-	return `/dashboard/${row?.connectionID}/${row?.foreignKeys?.[column]?.referenced_table_name}/entry`;
+	return tablePagePath(row?.connectionID, row?.foreignKeys?.[column]?.referenced_table_name, 'entry');
 }
 
 /** These links open in a new tab, as the Angular `target="_blank"` routerLinks did. */
@@ -160,7 +161,7 @@ function handleClose() {
 									icon="add"
 									size="sm"
 									:label="`Add a new record to ${panel.table.displayTableName}`"
-									:href="newTabHref(`/dashboard/${selectedRow.connectionID}/${panel.table.table_name}/entry`)"
+									:href="newTabHref(tablePagePath(selectedRow.connectionID, panel.table.table_name, 'entry'))"
 									target="_blank"
 									@click="handleClose"
 								/>
@@ -168,7 +169,7 @@ function handleClose() {
 									icon="open_in_new"
 									size="sm"
 									label="Open records in table view"
-									:href="newTabHref(`/dashboard/${selectedRow.connectionID}/${panel.table.table_name}`, panel.urlParams)"
+									:href="newTabHref(tablePagePath(selectedRow.connectionID, panel.table.table_name), panel.urlParams)"
 									target="_blank"
 									@click="handleClose"
 								/>
@@ -199,7 +200,7 @@ function handleClose() {
 										size="sm"
 										label="Open record"
 										:to="{
-											path: `/dashboard/${selectedRow.connectionID}/${panel.table.table_name}/entry`,
+											path: tablePagePath(selectedRow.connectionID, panel.table.table_name, 'entry'),
 											query: panel.records.links[rowIndex] as Record<string, string>,
 										}"
 										@click="handleClose"
diff --git a/frontend-vue/src/components/dashboard/TableView.vue b/frontend-vue/src/components/dashboard/TableView.vue
index 02df14e73..a9c09bbc4 100644
--- a/frontend-vue/src/components/dashboard/TableView.vue
+++ b/frontend-vue/src/components/dashboard/TableView.vue
@@ -40,6 +40,7 @@ import { tableDisplayTypes, UIwidgets } from '@/consts/table-display-types';
 import { formatFieldValue } from '@/lib/format-field-value';
 import { getTableTypes } from '@/lib/setup-table-row-structure';
 import { queryValue, sortPageQuery, type TableFilters, toSortOrder } from '@/lib/table-query';
+import { tablePagePath } from '@/lib/table-url';
 import {
 	buildSelectionCsv,
 	downloadCsv,
@@ -256,7 +257,7 @@ watch(
 /** sortChange / paginator.page: write the URL, then load the page. */
 function onStateChange() {
 	router.push({
-		path: `/dashboard/${props.connectionID}/${props.name}`,
+		path: tablePagePath(props.connectionID, props.name),
 		query: sortPageQuery({
 			filters: props.activeFilters ?? undefined,
 			savedFilter: queryValue(route.query, 'saved_filter'),
@@ -492,7 +493,7 @@ function handleViewRow(row: TableDataRow) {
 		widgetsList: tableData.value.widgetsList,
 		fieldsTypes: tableData.value.tableTypes,
 		relatedRecords: tableData.value.relatedRecords || null,
-		link: `/dashboard/${props.connectionID}/${props.name}/entry`,
+		link: tablePagePath(props.connectionID, props.name, 'entry'),
 	});
 }
 
@@ -560,7 +561,7 @@ async function handleForeignKeyView(foreignKey: TableForeignKey, cell: Record<st
 		widgetsList: res.table_widgets.map((widget) => widget.field_name),
 		fieldsTypes,
 		relatedRecords: res.referenced_table_names_and_columns[0] ?? null,
-		link: `/dashboard/${props.connectionID}/${foreignKey.referenced_table_name}/entry`,
+		link: tablePagePath(props.connectionID, foreignKey.referenced_table_name, 'entry'),
 	});
 }
 
@@ -607,7 +608,7 @@ function stashUrlParams() {
 }
 
 function entryLink(query?: Record<string, unknown>) {
-	return { path: `/dashboard/${props.connectionID}/${props.name}/entry`, query: query as Record<string, string> };
+	return { path: tablePagePath(props.connectionID, props.name, 'entry'), query: query as Record<string, string> };
 }
 
 function onAddRowClick() {
@@ -691,7 +692,7 @@ function isFolderCollapsed(folderId: string): boolean {
 
 function switchTable(tableName: string) {
 	if (tableName && tableName !== props.name) {
-		router.push({ path: `/dashboard/${props.connectionID}/${tableName}`, query: { page_index: '0', page_size: '30' } });
+		router.push({ path: tablePagePath(props.connectionID, tableName), query: { page_index: '0', page_size: '30' } });
 	}
 }
 
@@ -999,21 +1000,21 @@ defineExpose({ loadRowsPage, searchString, sort });
 							/>
 						</template>
 						<UiMenuItem
-							:to="`/dashboard/${connectionID}/${name}/widgets`"
+							:to="tablePagePath(connectionID, name, 'widgets')"
 							:class="{ 'table-view__action--active': tableData.widgetsCount }"
 							@select="track('Dashboard: widgets is clicked')"
 						>
 							UI Widgets
 						</UiMenuItem>
 						<UiMenuItem
-							:to="`/dashboard/${connectionID}/${name}/actions`"
+							:to="tablePagePath(connectionID, name, 'actions')"
 							:disabled="!tableData.keyAttributes?.length"
 							:description="!tableData.keyAttributes?.length ? 'Primary keys are required.' : undefined"
 							@select="track('Dashboard: actions is clicked')"
 						>
 							Automations
 						</UiMenuItem>
-						<UiMenuItem :to="`/dashboard/${connectionID}/${name}/settings`" @select="track('Dashboard: settings is clicked')">
+						<UiMenuItem :to="tablePagePath(connectionID, name, 'settings')" @select="track('Dashboard: settings is clicked')">
 							Settings
 						</UiMenuItem>
 						<template v-if="tableData.isImportAllowed || tableData.isExportAllowed">
diff --git a/frontend-vue/src/components/dashboard/TablesList.vue b/frontend-vue/src/components/dashboard/TablesList.vue
index 9f6685cd9..7a76cc705 100644
--- a/frontend-vue/src/components/dashboard/TablesList.vue
+++ b/frontend-vue/src/components/dashboard/TablesList.vue
@@ -14,6 +14,7 @@ import { UiButton, UiIcon, UiIconButton, UiInput, UiMenu, UiMenuItem, vTooltip }
 import { useDialog } from '@/composables/useDialog';
 import { ALL_TABLES_FOLDER_ID, type Folder, useTableFolders } from '@/composables/useTableFolders';
 import { FIRST_PAGE_QUERY } from '@/lib/table-query';
+import { tablePagePath } from '@/lib/table-url';
 import type { TableProperties } from '@/models/table';
 import type { ConnectionSettingsUI } from '@/models/ui-settings';
 import { useConnectionsStore } from '@/stores/connections';
@@ -63,7 +64,7 @@ function getTableName(table: TableProperties): string {
 }
 
 function tableLink(table: TableProperties) {
-	return { path: `/dashboard/${props.connectionID}/${table.table}`, query: { ...FIRST_PAGE_QUERY } };
+	return { path: tablePagePath(props.connectionID, table.table), query: { ...FIRST_PAGE_QUERY } };
 }
 
 function closeSidebar() {
diff --git a/frontend-vue/src/components/fields/filter/ForeignKeyFilter.vue b/frontend-vue/src/components/fields/filter/ForeignKeyFilter.vue
index a4a1b0a7d..e2426a05d 100644
--- a/frontend-vue/src/components/fields/filter/ForeignKeyFilter.vue
+++ b/frontend-vue/src/components/fields/filter/ForeignKeyFilter.vue
@@ -12,6 +12,7 @@
 import { computed, onBeforeUnmount, ref } from 'vue';
 import { type LocationQueryRaw, RouterLink } from 'vue-router';
 import { type AutocompleteOption, UiAutocomplete, UiField, UiIcon } from '@/components/ui';
+import { tablePagePath } from '@/lib/table-url';
 import { useConnectionsStore } from '@/stores/connections';
 import { useTablesStore } from '@/stores/tables';
 import type { FilterFieldEmits, FilterFieldProps } from '../types';
@@ -215,7 +216,7 @@ function getModifiedRow(row: Record<string, unknown>): Record<string, unknown> {
 			v-if="relations"
 			class="foreign-key-filter__link"
 			:to="{
-				path: `/dashboard/${connectionID}/${relations.referenced_table_name}/entry`,
+				path: tablePagePath(connectionID, relations.referenced_table_name, 'entry'),
 				query: linkQuery,
 			}"
 			target="_blank"
diff --git a/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.vue b/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.vue
index ff1723e17..12065f675 100644
--- a/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.vue
+++ b/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.vue
@@ -14,6 +14,7 @@
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
 import { RouterLink } from 'vue-router';
 import { type AutocompleteOption, UiAutocomplete, UiField, UiIcon } from '@/components/ui';
+import { tablePagePath } from '@/lib/table-url';
 import type { TableForeignKey } from '@/models/table';
 import { useConnectionsStore } from '@/stores/connections';
 import { useTablesStore } from '@/stores/tables';
@@ -75,9 +76,9 @@ const options = computed<AutocompleteOption<ForeignKeySuggestion>[]>(() =>
 );
 
 const tableName = computed(() => fkRelations.value?.referenced_table_name ?? '');
-const settingsLink = computed(() => `/dashboard/${connections.connectionID}/${tableName.value}/settings`);
+const settingsLink = computed(() => tablePagePath(connections.connectionID, tableName.value, 'settings'));
 const entryLink = computed(() => ({
-	path: `/dashboard/${connections.connectionID}/${tableName.value}/entry`,
+	path: tablePagePath(connections.connectionID, tableName.value, 'entry'),
 	query: toQuery(currentFieldQueryParams.value),
 }));
 
@@ -222,8 +223,13 @@ function withNullOption(list: ForeignKeySuggestion[]): ForeignKeySuggestion[] {
 	return allowsNull.value ? [...list, NULL_SUGGESTION] : list;
 }
 
+// Null and undefined keys are left out, as the Angular router drops them from query params.
 function toQuery(params: Record<string, unknown> | undefined): Record<string, string> {
-	return Object.fromEntries(Object.entries(params ?? {}).map(([key, value]) => [key, String(value)]));
+	return Object.fromEntries(
+		Object.entries(params ?? {})
+			.filter(([, value]) => value !== null && value !== undefined)
+			.map(([key, value]) => [key, String(value)]),
+	);
 }
 </script>
 
diff --git a/frontend-vue/src/composables/useRowEdit.ts b/frontend-vue/src/composables/useRowEdit.ts
index e2b1348b5..4221eedb9 100644
--- a/frontend-vue/src/composables/useRowEdit.ts
+++ b/frontend-vue/src/composables/useRowEdit.ts
@@ -25,6 +25,7 @@ import { defaultTimestampValues, timestampTypes } from '@/consts/record-edit-typ
 import { formatFieldValue } from '@/lib/format-field-value';
 import { normalizeFieldName, normalizeTableName } from '@/lib/normalize';
 import { getTableTypes } from '@/lib/setup-table-row-structure';
+import { tablePagePath } from '@/lib/table-url';
 import type { ServerError } from '@/models/alert';
 import { DBtype } from '@/models/connection';
 import type { CustomEvent, TableField, TableForeignKey, TableRow, Widget, WidgetStructure } from '@/models/table';
@@ -173,7 +174,7 @@ export function useRowEdit({ connectionId, tableName, router }: UseRowEditOption
 	/** Every widget is readonly when the user may not edit (unless duplicating) or in view mode. */
 	const fieldsReadonly = computed(() => (!canEditRow.value && pageAction.value !== 'dub') || pageMode.value === 'view');
 
-	const tablePath = computed(() => `/dashboard/${toValue(connectionId)}/${toValue(tableName)}`);
+	const tablePath = computed(() => tablePagePath(toValue(connectionId), toValue(tableName)));
 	const entryPath = computed(() => `${tablePath.value}/entry`);
 
 	/** Loads the page for the route's query: add a row without one, edit/duplicate/view with a key. */
@@ -353,7 +354,7 @@ export function useRowEdit({ connectionId, tableName, router }: UseRowEditOption
 				widgetsList: res.widgets.map((widget) => widget.field_name),
 				fieldsTypes: getTableTypes(res.structure, foreignKeysList),
 				relatedRecords: [],
-				link: `/dashboard/${id}/${table.table_name}/entry`,
+				link: tablePagePath(id, table.table_name, 'entry'),
 			},
 		};
 
diff --git a/frontend-vue/src/lib/monitoring.spec.ts b/frontend-vue/src/lib/monitoring.spec.ts
new file mode 100644
index 000000000..a31e91eda
--- /dev/null
+++ b/frontend-vue/src/lib/monitoring.spec.ts
@@ -0,0 +1,55 @@
+import type { Event } from '@sentry/vue';
+import { describe, expect, it } from 'vitest';
+import { toAngularRoutePath, toAngularSentryEvent } from './monitoring';
+
+describe('toAngularRoutePath', () => {
+	it('uses the Angular param names', () => {
+		expect(toAngularRoutePath('/dashboard/:connectionId/:tableName/entry')).toBe(
+			'/dashboard/:connection-id/:table-name/entry',
+		);
+		expect(toAngularRoutePath('/company/:companyId/verify/:verificationToken')).toBe(
+			'/company/:company-id/verify/:verification-token',
+		);
+		expect(toAngularRoutePath('/connections-list')).toBe('/connections-list');
+	});
+
+	it('names the 404 route like the Angular catch-all', () => {
+		expect(toAngularRoutePath('/:pathMatch(.*)*')).toBe('**');
+	});
+});
+
+describe('toAngularSentryEvent', () => {
+	it('renames the transaction and param attributes, and drops query values', () => {
+		const event: Event = {
+			transaction: '/dashboard/:connectionId/:tableName',
+			contexts: {
+				trace: {
+					trace_id: 't',
+					span_id: 's',
+					data: {
+						'url.template': '/dashboard/:connectionId/:tableName',
+						'url.path.parameter.connectionId': 'c1',
+						'params.tableName': 'users',
+						'query.filters': '(email:(eq:a@b.c))',
+						'query.id': '7',
+						'sentry.op': 'navigation',
+					},
+				},
+			},
+		};
+
+		const result = toAngularSentryEvent(event);
+
+		expect(result.transaction).toBe('/dashboard/:connection-id/:table-name');
+		expect(result.contexts?.trace?.data).toEqual({
+			'url.template': '/dashboard/:connection-id/:table-name',
+			'url.path.parameter.connection-id': 'c1',
+			'params.table-name': 'users',
+			'sentry.op': 'navigation',
+		});
+	});
+
+	it('leaves events without route data alone', () => {
+		expect(toAngularSentryEvent({ message: 'boom' })).toEqual({ message: 'boom' });
+	});
+});
diff --git a/frontend-vue/src/lib/monitoring.ts b/frontend-vue/src/lib/monitoring.ts
index 93d6a1e0d..5a5e77a23 100644
--- a/frontend-vue/src/lib/monitoring.ts
+++ b/frontend-vue/src/lib/monitoring.ts
@@ -3,6 +3,8 @@
 // - Sentry: SaaS builds only.
 // - PostHog: SaaS production builds only.
 // - Amplitude: every build, page views on each navigation (Angulartics2Amplitude.startTracking).
+
+import type { Event } from '@sentry/vue';
 import * as Sentry from '@sentry/vue';
 import amplitude from 'amplitude-js';
 import posthog from 'posthog-js';
@@ -19,11 +21,14 @@ export function initMonitoring(app: App, router: Router): void {
 		Sentry.init({
 			app,
 			dsn: SENTRY_DSN,
-			integrations: [Sentry.browserTracingIntegration({ router })],
+			// Named by route template, like the Angular app, rather than by Vue route name.
+			integrations: [Sentry.browserTracingIntegration({ router, routeLabel: 'path' })],
 			tracePropagationTargets: ['localhost', /^https:\/\/app\.rocketadmin\.com\/api/],
 			tracesSampleRate: 1.0,
 			replaysSessionSampleRate: 0.1,
 			replaysOnErrorSampleRate: 1.0,
+			beforeSend: toAngularSentryEvent,
+			beforeSendTransaction: toAngularSentryEvent,
 		});
 	}
 
@@ -38,3 +43,38 @@ export function initMonitoring(app: App, router: Router): void {
 		amplitude.getInstance().logEvent('Pageview', { url: to.fullPath });
 	});
 }
+
+/**
+ * The route template as the Angular app names it: `/dashboard/:connectionId/:tableName` becomes
+ * `/dashboard/:connection-id/:table-name`, and the catch-all becomes `**`. Keeps Sentry grouping,
+ * alerts and dashboards the same across the cutover.
+ */
+export function toAngularRoutePath(path: string): string {
+	if (path.startsWith('/:pathMatch')) return '**';
+	return path.replace(/:([a-zA-Z]+)/g, (_match, name: string) => `:${kebabCase(name)}`);
+}
+
+/**
+ * Renames the transaction and the route-param attributes the Vue router integration sets, and drops
+ * its `query.*` attributes: they carry filters, searches and primary-key values that Angular never sent.
+ */
+export function toAngularSentryEvent<T extends Event>(event: T): T {
+	if (event.transaction) event.transaction = toAngularRoutePath(event.transaction);
+	const data = event.contexts?.trace?.data;
+	if (data) {
+		for (const key of Object.keys(data)) {
+			const value = data[key];
+			delete data[key];
+			if (key.startsWith('query.')) continue;
+			const param = /^(?<base>url\.path\.parameter|url\.path\.params|params)\.(?<name>.+)$/.exec(key)?.groups;
+			if (param) data[`${param.base}.${kebabCase(param.name ?? '')}`] = value;
+			else if (key === 'url.template' && typeof value === 'string') data[key] = toAngularRoutePath(value);
+			else data[key] = value;
+		}
+	}
+	return event;
+}
+
+function kebabCase(name: string): string {
+	return name.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
+}
diff --git a/frontend-vue/src/lib/table-url.spec.ts b/frontend-vue/src/lib/table-url.spec.ts
new file mode 100644
index 000000000..36909e7f9
--- /dev/null
+++ b/frontend-vue/src/lib/table-url.spec.ts
@@ -0,0 +1,27 @@
+import { describe, expect, it } from 'vitest';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import { routes } from '@/router/routes';
+import { tablePagePath } from './table-url';
+
+describe('tablePagePath', () => {
+	it('builds the table page and its sub-pages', () => {
+		expect(tablePagePath('c1', 'users')).toBe('/dashboard/c1/users');
+		expect(tablePagePath('c1', 'users', 'entry')).toBe('/dashboard/c1/users/entry');
+	});
+
+	it.each([
+		'a?b',
+		'a#b',
+		'50%off',
+		'public.my table',
+		'a/b',
+		'таблица',
+	])('round-trips the table name %s through the router', (tableName) => {
+		const router = createRouter({ history: createMemoryHistory(), routes });
+		const route = router.resolve({ path: tablePagePath('c1', tableName, 'entry'), query: { id: '1' } });
+
+		expect(route.name).toBe('row-edit');
+		expect(route.params).toEqual({ connectionId: 'c1', tableName });
+		expect(route.query).toEqual({ id: '1' });
+	});
+});
diff --git a/frontend-vue/src/lib/table-url.ts b/frontend-vue/src/lib/table-url.ts
new file mode 100644
index 000000000..69b71ffaf
--- /dev/null
+++ b/frontend-vue/src/lib/table-url.ts
@@ -0,0 +1,15 @@
+// Paths of a table's pages. Table names are user data and can hold `?`, `#`, `%` or `/`, so each
+// segment is encoded, like the Angular router does for `router.navigate([...])` commands; vue-router
+// treats a `path` as already encoded and would otherwise cut the name at `?` or `#`.
+
+export type TablePage = 'entry' | 'widgets' | 'settings' | 'actions';
+
+/** `/dashboard/<connection>/<table>` or one of the table's sub-pages. */
+export function tablePagePath(
+	connectionId: string | null | undefined,
+	tableName: string | null | undefined,
+	page?: TablePage,
+): string {
+	const path = `/dashboard/${encodeURIComponent(connectionId ?? '')}/${encodeURIComponent(tableName ?? '')}`;
+	return page ? `${path}/${page}` : path;
+}
diff --git a/frontend-vue/src/router/routes.spec.ts b/frontend-vue/src/router/routes.spec.ts
new file mode 100644
index 000000000..cb2c890e4
--- /dev/null
+++ b/frontend-vue/src/router/routes.spec.ts
@@ -0,0 +1,113 @@
+// Parity checklist for the cutover (VUE_MIGRATION_PLAN.md, Phase 4): every route of
+// frontend/src/app/app-routing.module.ts (and its routes/*.routes.ts children) resolves in the
+// Vue router with the same path, guard and title, so existing bookmarks and emailed links keep
+// working. The Angular table is a snapshot, so this spec outlives the deletion of frontend/.
+import { describe, expect, it } from 'vitest';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import { routes } from './routes';
+
+interface AngularRoute {
+	path: string;
+	auth?: boolean;
+	title?: string;
+}
+
+const angularPages: AngularRoute[] = [
+	{ path: 'setup', title: 'Setup | Rocketadmin' },
+	{ path: 'login', title: 'Login | Rocketadmin' },
+	{ path: 'forget-password', title: 'Request password | Rocketadmin' },
+	{ path: 'external/user/password/reset/verify/:verification-token', title: 'Reset password | Rocketadmin' },
+	{ path: 'external/user/email/verify/:verification-token', title: 'Email verification | Rocketadmin' },
+	{ path: 'external/user/email/change/verify/:change-token', title: 'Email updating | Rocketadmin' },
+	{ path: 'deleted', title: 'User deleted | Rocketadmin' },
+	{ path: 'connect-db', auth: true },
+	{ path: 'connections-list', auth: true },
+	{ path: 'user-settings', auth: true },
+	{ path: 'company/:company-id/verify/:verification-token', title: 'Invitation | Rocketadmin' },
+	{ path: 'company', auth: true },
+	{ path: 'api-keys', auth: true, title: 'API Keys | Rocketadmin' },
+	{ path: 'secrets', auth: true, title: 'Secrets | Rocketadmin' },
+	{ path: 'change-password', auth: true },
+	{ path: 'auto-configure/:connection-id', auth: true, title: 'Auto-configure | Rocketadmin' },
+	{ path: 'edit-db/:connection-id', auth: true },
+	{ path: 'edit-database-schema/:connection-id', auth: true, title: 'Edit Database Schema | Rocketadmin' },
+	{ path: 'connection-settings/:connection-id', auth: true },
+	{ path: 'dashboard/:connection-id', auth: true },
+	{ path: 'audit/:connection-id', auth: true },
+	{ path: 'dashboard/:connection-id/:table-name', auth: true },
+	{ path: 'dashboard/:connection-id/:table-name/entry', auth: true },
+	{ path: 'dashboard/:connection-id/:table-name/widgets', auth: true },
+	{ path: 'dashboard/:connection-id/:table-name/settings', auth: true },
+	{ path: 'dashboard/:connection-id/:table-name/actions', auth: true },
+	{ path: 'permissions/:connection-id', auth: true },
+	{ path: 'zapier', auth: true },
+	{ path: 'panels/:connection-id', auth: true, title: 'Saved Queries | Rocketadmin' },
+	{ path: 'panels/:connection-id/new', auth: true, title: 'Create Query | Rocketadmin' },
+	{ path: 'panels/:connection-id/:query-id', auth: true, title: 'Edit Query | Rocketadmin' },
+	{ path: 'dashboards/:connection-id', auth: true, title: 'Dashboards | Rocketadmin' },
+	{ path: 'dashboards/:connection-id/:dashboard-id', auth: true, title: 'Dashboard | Rocketadmin' },
+];
+
+const angularRedirects: Record<string, string> = {
+	'': '/connections-list',
+	'hosted-databases': '/connections-list',
+	saml: '/connections-list',
+	demo: '/connections-list',
+	upgrade: '/connections-list',
+	'upgrade/payment': '/connections-list',
+	'subscription/success': '/connections-list',
+};
+
+// A concrete URL for an Angular path: `:connection-id` becomes `connection-id-value`.
+function sampleUrl(path: string): string {
+	return `/${path.replace(/:([\w-]+)/g, '$1-value')}`;
+}
+
+function resolve(url: string) {
+	const router = createRouter({ history: createMemoryHistory(), routes });
+	return router.resolve(url);
+}
+
+describe('route parity with the Angular app', () => {
+	it.each(angularPages)('/$path resolves to a page with the same guard and title', ({ path, auth, title }) => {
+		const url = sampleUrl(path);
+		const route = resolve(url);
+
+		expect(route.name).not.toBe('not-found');
+		expect(route.path).toBe(url);
+		expect(Boolean(route.meta.requiresAuth)).toBe(Boolean(auth));
+		expect(route.meta.title).toBe(title);
+	});
+
+	it.each(Object.entries(angularRedirects))('/%s redirects to %s', (path, target) => {
+		const record = routes.find((route) => route.path === `/${path}`);
+		expect(record?.redirect).toBe(target);
+	});
+
+	it('keeps the whole URL as route params, so ids and table names round-trip', () => {
+		const route = resolve('/dashboard/abc123/public.users%20archive/entry?id=7&mode=view');
+
+		expect(route.name).toBe('row-edit');
+		expect(route.params).toEqual({ connectionId: 'abc123', tableName: 'public.users archive' });
+		expect(route.query).toEqual({ id: '7', mode: 'view' });
+	});
+
+	it('matches /panels/:id/new before the :queryId route', () => {
+		expect(resolve('/panels/abc/new').name).toBe('panel-new');
+		expect(resolve('/panels/abc/42').name).toBe('panel-edit');
+	});
+
+	it('sends unknown URLs to the 404 page, like the Angular ** route', () => {
+		expect(resolve('/no-such-page').name).toBe('not-found');
+		expect(resolve('/company/extra').name).toBe('not-found');
+	});
+
+	it('has no Vue-only pages', () => {
+		// Param names differ (`:connection-id` vs `:connectionId`) and never reach the URL.
+		const shape = (path: string) => path.replace(/^\//, '').replace(/:[\w-]+/g, ':');
+		const angularShapes = angularPages.map(({ path }) => shape(path));
+		const vuePages = routes.filter((route) => !route.redirect && route.name !== 'not-found');
+
+		expect(vuePages.map(({ path }) => shape(path)).sort()).toEqual(angularShapes.sort());
+	});
+});
diff --git a/frontend-vue/src/views/dashboard/DashboardView.vue b/frontend-vue/src/views/dashboard/DashboardView.vue
index ee2b0a0bf..3dcdada69 100644
--- a/frontend-vue/src/views/dashboard/DashboardView.vue
+++ b/frontend-vue/src/views/dashboard/DashboardView.vue
@@ -48,6 +48,7 @@ import {
 	type TableFilters,
 	toSortOrder,
 } from '@/lib/table-query';
+import { tablePagePath } from '@/lib/table-url';
 import { AlertType, type ServerError } from '@/models/alert';
 import type { TableProperties } from '@/models/table';
 import type { ConnectionSettingsUI } from '@/models/ui-settings';
@@ -203,7 +204,7 @@ function onTableParam(tableName: string | null, loadedConnectionID: string) {
 		selection.clear();
 	} else {
 		const target = connections.defaultDisplayTable || allTables.value[0]?.table;
-		router.replace({ path: `/dashboard/${connectionID.value}/${target}`, query: route.query });
+		router.replace({ path: tablePagePath(connectionID.value, target), query: route.query });
 		selectedTableName.value = target ?? null;
 	}
 }
@@ -254,7 +255,7 @@ function getRows(search?: string | null, uncached?: boolean) {
 }
 
 function tablePath() {
-	return `/dashboard/${connectionID.value}/${selectedTableName.value}`;
+	return tablePagePath(connectionID.value, selectedTableName.value);
 }
 
 /** Filters from the dialog: `{ [column]: { [comparator]: value } }`, first page, in the URL. */
diff --git a/frontend-vue/src/views/table/RowEditView.vue b/frontend-vue/src/views/table/RowEditView.vue
index 43628e7e5..3c2431e67 100644
--- a/frontend-vue/src/views/table/RowEditView.vue
+++ b/frontend-vue/src/views/table/RowEditView.vue
@@ -27,6 +27,7 @@ import {
 } from '@/components/ui';
 import { type ReferencedRecords, TEST_CONNECTION_WARNING, useRowEdit } from '@/composables/useRowEdit';
 import { recordEditTypes, UIwidgets } from '@/consts/record-edit-types';
+import { tablePagePath } from '@/lib/table-url';
 import { type Alert, AlertType } from '@/models/alert';
 import { useTableStateStore } from '@/stores/table-state';
 
@@ -354,7 +355,7 @@ function isEmptyRelated(table: string): boolean {
 									icon="add"
 									size="sm"
 									:label="`Add a new record to ${referencedTable.displayTableName}`"
-									:href="router.resolve(`/dashboard/${connectionId}/${referencedTable.table_name}/entry`).href"
+									:href="router.resolve(tablePagePath(connectionId, referencedTable.table_name, 'entry')).href"
 									target="_blank"
 								/>
 								<UiIconButton
@@ -362,7 +363,7 @@ function isEmptyRelated(table: string): boolean {
 									size="sm"
 									label="Open records in table view"
 									:to="{
-										path: `/dashboard/${connectionId}/${referencedTable.table_name}`,
+										path: tablePagePath(connectionId, referencedTable.table_name),
 										query: referencedTablesURLParams[tableIndex],
 									}"
 								/>
diff --git a/frontend-vue/src/views/table/TableActionsView.vue b/frontend-vue/src/views/table/TableActionsView.vue
index 5ea8225ef..8a12f9ff1 100644
--- a/frontend-vue/src/views/table/TableActionsView.vue
+++ b/frontend-vue/src/views/table/TableActionsView.vue
@@ -25,6 +25,7 @@ import {
 	UiSelect,
 } from '@/components/ui';
 import { AVAILABLE_EVENTS, type RuleProblem, useTableRules } from '@/composables/useTableRules';
+import { tablePagePath } from '@/lib/table-url';
 import type { CompanyMember } from '@/models/company';
 import { EventType } from '@/models/table';
 import { useCompanyStore } from '@/stores/company';
@@ -98,12 +99,12 @@ const crumbs = computed(() => {
 	const connection = connections.currentConnection;
 	return [
 		{ label: connection.title || connection.database, link: `/dashboard/${connectionId.value}` },
-		{ label: displayTableName.value, link: `/dashboard/${connectionId.value}/${tableName.value}` },
+		{ label: displayTableName.value, link: tablePagePath(connectionId.value, tableName.value) },
 		{ label: 'Automations', link: null },
 	];
 });
 
-const tablePath = computed(() => `/dashboard/${connectionId.value}/${tableName.value}`);
+const tablePath = computed(() => tablePagePath(connectionId.value, tableName.value));
 const action = computed(() => selectedRule.value?.table_actions[0]);
 const showEmptyState = computed(() => (!selectedRule.value || !ruleList.value?.length) && !isCreationMode.value);
 
diff --git a/frontend-vue/src/views/table/TableSettingsView.vue b/frontend-vue/src/views/table/TableSettingsView.vue
index a1780f28b..1efd0c477 100644
--- a/frontend-vue/src/views/table/TableSettingsView.vue
+++ b/frontend-vue/src/views/table/TableSettingsView.vue
@@ -29,6 +29,7 @@ import {
 	UiSwitch,
 } from '@/components/ui';
 import { normalizeTableName } from '@/lib/normalize';
+import { tablePagePath } from '@/lib/table-url';
 import { TableOrdering, type TableSettings } from '@/models/table';
 import { useConnectionsStore } from '@/stores/connections';
 import { type TableStructureResponse, useTablesStore } from '@/stores/tables';
@@ -114,7 +115,7 @@ const crumbs = computed(() => {
 		{ label: connection.title || connection.database, link: `/dashboard/${connectionId.value}` },
 		{
 			label: tableSettings.value?.display_name || displayTableName.value,
-			link: `/dashboard/${connectionId.value}/${tableName.value}`,
+			link: tablePagePath(connectionId.value, tableName.value),
 		},
 		{ label: 'Settings', link: null },
 	];
@@ -211,7 +212,7 @@ async function updateSettings() {
 	try {
 		await tables.updateTableSettings(isSettingsExist.value, connectionId.value, tableName.value, settings);
 		trackTableEvent('Table settings: updated successfully', updatedSettings);
-		router.push(`/dashboard/${connectionId.value}/${tableName.value}`);
+		router.push(tablePagePath(connectionId.value, tableName.value));
 	} catch {
 		// Reported by the store.
 	} finally {
diff --git a/frontend-vue/src/views/table/TableWidgetsView.vue b/frontend-vue/src/views/table/TableWidgetsView.vue
index e21468709..afd3ebca4 100644
--- a/frontend-vue/src/views/table/TableWidgetsView.vue
+++ b/frontend-vue/src/views/table/TableWidgetsView.vue
@@ -21,6 +21,7 @@ import { UiButton, UiIcon, UiIconButton } from '@/components/ui';
 import { useDialog } from '@/composables/useDialog';
 import { UIwidgets } from '@/consts/record-edit-types';
 import { normalizeTableName } from '@/lib/normalize';
+import { tablePagePath } from '@/lib/table-url';
 import type { Widget } from '@/models/table';
 import { useConnectionsStore } from '@/stores/connections';
 import { type TableStructureResponse, useTablesStore } from '@/stores/tables';
@@ -45,7 +46,7 @@ const displayTableName = ref('');
 const submitting = ref(false);
 
 const widgetList = computed(() => widgets.value ?? []);
-const tablePath = computed(() => `/dashboard/${connectionId.value}/${tableName.value}`);
+const tablePath = computed(() => tablePagePath(connectionId.value, tableName.value));
 
 const crumbs = computed(() => {
 	const connection = connections.currentConnection;

From 1912bf8bac0ed278d97e189957a3598f8c7eb1d6 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Tue, 3 Nov 2026 15:18:33 +0000
Subject: [PATCH 20/22] Serve the Vue build's hashed files like Angular's under
 nginx

- Vite writes bundles to the dist root (assetsDir: ''), so the
  immutable-cache rule matches them and a stale chunk gets a 404
- nginx caches ttf/wasm and gzips css/wasm (Cedar wasm, codicon font)

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 VUE_MIGRATION_PLAN.md       | 5 +++--
 frontend-vue/vite.config.ts | 5 +++++
 frontend/nginx/default.conf | 6 ++++--
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/VUE_MIGRATION_PLAN.md b/VUE_MIGRATION_PLAN.md
index e7299e710..6f53af9bf 100644
--- a/VUE_MIGRATION_PLAN.md
+++ b/VUE_MIGRATION_PLAN.md
@@ -110,12 +110,13 @@ Every route now renders its ported page; `PendingView` is gone. New primitives b
 
 ### Phase 4 – Parity, cutover and cleanup
 1. **Parity checklist:** every route in `app-routing.module.ts` has a matching route in Vue, with the same paths and query params, so existing bookmarks and emailed links keep working.
-2. **Dockerfile:** change the `front_builder` stage to build `frontend-vue` (`vite build --mode saas-production|production`) and copy its `dist/` to `/var/www/html`. `frontend/nginx/default.conf` does not change. During the trial period, use a build arg (`FRONTEND=angular|vue`) so switching back is one parameter.
+2. **Dockerfile:** change the `front_builder` stage to build `frontend-vue` (`vite build --mode saas-production|production`) and copy its `dist/` to `/var/www/html`. `frontend/nginx/default.conf` stays shared by both builds. During the trial period, use a build arg (`FRONTEND=angular|vue`) so switching back is one parameter.
 3. **Rollout:** staging first, then SaaS production, then self-hosted images.
 
    Status:
    - **Parity checklist:** `src/router/routes.spec.ts` holds a snapshot of every Angular route, its guard and its title, and checks each one against the Vue router; it also checks that Vue has no extra pages. An audit of query params found one link-breaking difference: table names with `?`, `#` or `%` were cut off. All table links now go through `tablePagePath()` (`src/lib/table-url.ts`), which encodes each path segment the way the Angular router does. Sentry transactions are now named by the Angular route template (`/dashboard/:connection-id/:table-name`), and `query.*` values are no longer sent (`toAngularSentryEvent` in `src/lib/monitoring.ts`). Known cosmetic differences are left as they are: an empty `filters=()` or `sort_active=`, the back link always carrying `page_index`/`page_size`, and vue-router matching paths case-insensitively.
-   - **Dockerfile:** has `ARG FRONTEND=angular` with two builder stages, `front_builder_angular` and `front_builder_vue`. `docker-bake.hcl` passes the `FRONTEND` variable through, so `FRONTEND=vue docker buildx bake` builds the Vue image.
+   - **Dockerfile:** has `ARG FRONTEND=angular` with two builder stages, `front_builder_angular` and `front_builder_vue`. `docker-bake.hcl` passes the `FRONTEND` variable through, so `FRONTEND=vue docker buildx bake` builds the Vue image. Vite writes its hashed bundles to the root of `dist/` (`build.assetsDir: ''`), as Angular does. The nginx rule that adds immutable caching and security headers only matches root files, and it answers 404 for a missing chunk. Under `assets/`, a stale chunk requested after a deploy would get `index.html` back with a 200. `frontend/nginx/default.conf` needed two small additions, both harmless for the Angular image. `ttf` and `wasm` were added to that rule, for the hashed Monaco codicon font and the 4.3 MB Cedar wasm, which Angular doesn't ship at the root. `text/css` and `application/wasm` were added to `gzip_types`, because Vue ships 125 stylesheets where Angular ships 1.
+   - **Build check (local, no Docker):** `pnpm build` and `pnpm build:saas` both pass. The self-hosted `index.html` loads no Intercom, gtag, GSI or Turnstile. Sentry and PostHog are gated on `environment.saas` in `monitoring.ts`, the same way Angular gates them. Still to check on a real image before staging: the SPA fallback, the `/api` proxy, NDJSON streaming for the AI panel through `proxy_buffering off`, and that `.wasm` is served as `application/wasm` (Debian's nginx 1.22 `mime.types` maps it).
    - **Rollout switches:** SaaS adds `FRONTEND=vue` to the `build-args` in `.github/workflows/saas.yml`. Self-hosted images change the `FRONTEND` default in `docker-bake.hcl`. Switching back means reverting that one line.
 4. **Cleanup:** after one stable release, delete `frontend/`, rename `frontend-vue/` to `frontend/`, delete the stale `frontend/Dockerfile`, and update `CLAUDE.md` and `frontend/CLAUDE.md` with the Vue conventions (`<script setup>`, Pinia setup stores, composables, palette-only colors, BEM).
 
diff --git a/frontend-vue/vite.config.ts b/frontend-vue/vite.config.ts
index b91514323..f195c8a21 100644
--- a/frontend-vue/vite.config.ts
+++ b/frontend-vue/vite.config.ts
@@ -52,6 +52,11 @@ export default defineConfig(({ mode }) => ({
 		format: 'es',
 	},
 	build: {
+		// Hashed bundles go in the root, like the Angular build: the immutable-cache rule in
+		// frontend/nginx/default.conf only matches root files and answers 404 for a missing one.
+		// Under assets/ a stale chunk would fall through to index.html, and the folder is shared
+		// with the unhashed static assets.
+		assetsDir: '',
 		sourcemap: true,
 	},
 	test: {
diff --git a/frontend/nginx/default.conf b/frontend/nginx/default.conf
index b61162e59..da8a7b724 100644
--- a/frontend/nginx/default.conf
+++ b/frontend/nginx/default.conf
@@ -2,14 +2,16 @@ server {
   listen 8080;
   server_name frontend;
   gzip on;
-  gzip_types text/html application/javascript;
+  # text/css and application/wasm: the Vue build ships one stylesheet per page and the Cedar wasm.
+  gzip_types text/html application/javascript text/css application/wasm;
   location / {
     # This would be the directory where your React app's static files are stored at
     root /var/www/html;
     index  index.html index.htm;
     try_files $uri /index.html;
   }
-  location ~* ^(?!/api)/[^/]*\.(?:ico|css|js|gif|jpe?g|png|woff2)$ {
+  # ttf and wasm: hashed Monaco codicon font and Cedar wasm in the Vue build.
+  location ~* ^(?!/api)/[^/]*\.(?:ico|css|js|gif|jpe?g|png|woff2|ttf|wasm)$ {
         root   /var/www/html;
         try_files $uri =404;
         add_header Cache-Control "public, immutable, max-age=2592000";

From ea226c9b730153efd667a36f129ead74b8e6265d Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Tue, 3 Nov 2026 15:18:46 +0000
Subject: [PATCH 21/22] Build the Vue frontend into the Docker images by
 default

FRONTEND now defaults to vue in the Dockerfile and docker-bake.hcl.
Roll back with FRONTEND=angular or by reverting this commit.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 Dockerfile            | 5 +++--
 VUE_MIGRATION_PLAN.md | 2 +-
 docker-bake.hcl       | 4 ++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index 53d87becb..d93900b9b 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,6 +1,7 @@
 # Which frontend goes into the image: angular (frontend/) or vue (frontend-vue/).
-# During the Vue trial period this is the one switch between them (VUE_MIGRATION_PLAN.md, Phase 4).
-ARG FRONTEND=angular
+# During the Vue trial period this is the one switch between them (VUE_MIGRATION_PLAN.md, Phase 4):
+# pass --build-arg FRONTEND=angular to roll back.
+ARG FRONTEND=vue
 
 FROM node:24-slim AS front_builder_angular
 ARG VERSION
diff --git a/VUE_MIGRATION_PLAN.md b/VUE_MIGRATION_PLAN.md
index 6f53af9bf..2e18af5c8 100644
--- a/VUE_MIGRATION_PLAN.md
+++ b/VUE_MIGRATION_PLAN.md
@@ -117,7 +117,7 @@ Every route now renders its ported page; `PendingView` is gone. New primitives b
    - **Parity checklist:** `src/router/routes.spec.ts` holds a snapshot of every Angular route, its guard and its title, and checks each one against the Vue router; it also checks that Vue has no extra pages. An audit of query params found one link-breaking difference: table names with `?`, `#` or `%` were cut off. All table links now go through `tablePagePath()` (`src/lib/table-url.ts`), which encodes each path segment the way the Angular router does. Sentry transactions are now named by the Angular route template (`/dashboard/:connection-id/:table-name`), and `query.*` values are no longer sent (`toAngularSentryEvent` in `src/lib/monitoring.ts`). Known cosmetic differences are left as they are: an empty `filters=()` or `sort_active=`, the back link always carrying `page_index`/`page_size`, and vue-router matching paths case-insensitively.
    - **Dockerfile:** has `ARG FRONTEND=angular` with two builder stages, `front_builder_angular` and `front_builder_vue`. `docker-bake.hcl` passes the `FRONTEND` variable through, so `FRONTEND=vue docker buildx bake` builds the Vue image. Vite writes its hashed bundles to the root of `dist/` (`build.assetsDir: ''`), as Angular does. The nginx rule that adds immutable caching and security headers only matches root files, and it answers 404 for a missing chunk. Under `assets/`, a stale chunk requested after a deploy would get `index.html` back with a 200. `frontend/nginx/default.conf` needed two small additions, both harmless for the Angular image. `ttf` and `wasm` were added to that rule, for the hashed Monaco codicon font and the 4.3 MB Cedar wasm, which Angular doesn't ship at the root. `text/css` and `application/wasm` were added to `gzip_types`, because Vue ships 125 stylesheets where Angular ships 1.
    - **Build check (local, no Docker):** `pnpm build` and `pnpm build:saas` both pass. The self-hosted `index.html` loads no Intercom, gtag, GSI or Turnstile. Sentry and PostHog are gated on `environment.saas` in `monitoring.ts`, the same way Angular gates them. Still to check on a real image before staging: the SPA fallback, the `/api` proxy, NDJSON streaming for the AI panel through `proxy_buffering off`, and that `.wasm` is served as `application/wasm` (Debian's nginx 1.22 `mime.types` maps it).
-   - **Rollout switches:** SaaS adds `FRONTEND=vue` to the `build-args` in `.github/workflows/saas.yml`. Self-hosted images change the `FRONTEND` default in `docker-bake.hcl`. Switching back means reverting that one line.
+   - **Rollout switch:** `FRONTEND` now defaults to `vue` in both the `Dockerfile` (used by `saas.yml`) and `docker-bake.hcl` (used by `build.yml` and `quay.yml` for the self-hosted images). To roll back, either revert that commit or pass `FRONTEND=angular`. The rollback stays available until the Angular cleanup commit that follows. Reverting that commit brings `frontend/` back.
 4. **Cleanup:** after one stable release, delete `frontend/`, rename `frontend-vue/` to `frontend/`, delete the stale `frontend/Dockerfile`, and update `CLAUDE.md` and `frontend/CLAUDE.md` with the Vue conventions (`<script setup>`, Pinia setup stores, composables, palette-only colors, BEM).
 
 ## Rules for the rewrite
diff --git a/docker-bake.hcl b/docker-bake.hcl
index 174960e48..18badc051 100644
--- a/docker-bake.hcl
+++ b/docker-bake.hcl
@@ -3,9 +3,9 @@ variable "DEFAULT_TAG" {
 }
 
 // Frontend built into the image: "angular" (frontend/) or "vue" (frontend-vue/).
-// Override with FRONTEND=vue docker buildx bake ...
+// Override with FRONTEND=angular docker buildx bake ... to roll back to the Angular app.
 variable "FRONTEND" {
-  default = "angular"
+  default = "vue"
 }
 
 // Special target: https://github.com/docker/metadata-action#bake-definition

From 35760c980929d47d290ab50a6a0772dfb6aba634 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Tue, 3 Nov 2026 15:24:52 +0000
Subject: [PATCH 22/22] Remove the Angular frontend and move the Vue app to
 frontend/

- Delete frontend/ (Angular) and rename frontend-vue/ to frontend/
- Move static assets to frontend/public/assets and the nginx config
  to frontend/nginx; drop vite-plugin-static-copy
- Single Vue front_builder stage; drop the FRONTEND build arg
- widget-types.spec.ts compares against a frozen Angular snapshot
- frontend.yml runs the Vue checks plus the license check;
  storybook.yml builds the Vue Storybook
- Update CLAUDE.md, AGENTS.md, frontend/CLAUDE.md, README and WIDGETS.md

Roll back by reverting this commit and building with FRONTEND=angular.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 .github/workflows/frontend-vue.yml            |    55 -
 .github/workflows/frontend.yml                |    49 +-
 .github/workflows/storybook.yml               |    11 +-
 .gitignore                                    |     6 +-
 AGENTS.md                                     |    29 +-
 CLAUDE.md                                     |    29 +-
 Dockerfile                                    |    53 +-
 VUE_MIGRATION_PLAN.md                         |    10 +
 WIDGETS.md                                    |   825 +-
 docker-bake.hcl                               |    15 +-
 frontend-vue/.gitignore                       |    10 -
 frontend-vue/.storybook/main.ts               |    13 -
 frontend-vue/.storybook/preview.ts            |    83 -
 frontend-vue/package.json                     |    91 -
 frontend-vue/scripts/update-version.js        |    16 -
 frontend-vue/src/main.ts                      |    61 -
 frontend-vue/src/test-setup.ts                |    24 -
 frontend-vue/src/types/globals.d.ts           |    10 -
 frontend-vue/tsconfig.app.json                |    14 -
 frontend-vue/tsconfig.json                    |     4 -
 {frontend-vue => frontend}/.env               |     0
 {frontend-vue => frontend}/.env.development   |     0
 {frontend-vue => frontend}/.env.production    |     0
 {frontend-vue => frontend}/.env.saas          |     0
 .../.env.saas-production                      |     0
 frontend/.gitignore                           |   137 +-
 .../.storybook/decorators.ts                  |     0
 frontend/.storybook/main.ts                   |    12 +-
 .../.storybook/preview.css                    |     0
 frontend/.storybook/preview.ts                |   101 +-
 frontend/.storybook/tsconfig.json             |     7 -
 .../@yarnpkg/plugin-interactive-tools.cjs     |   541 -
 frontend/.yarn/releases/yarn-3.4.1.cjs        |   873 -
 frontend/.yarnrc.yml                          |     7 -
 frontend/CLAUDE.md                            |   434 +-
 frontend/Dockerfile                           |    21 -
 frontend/LICENSE                              |   166 -
 {frontend-vue => frontend}/README.md          |    10 +-
 frontend/angular.json                         |   258 -
 {frontend-vue => frontend}/biome.json         |     0
 frontend/browserslist                         |     6 -
 {frontend-vue => frontend}/e2e/auth.e2e.ts    |     0
 .../e2e/connections.e2e.ts                    |     0
 .../e2e/dashboards.e2e.ts                     |     0
 .../e2e/permissions.e2e.ts                    |     0
 .../e2e/settings.e2e.ts                       |     0
 {frontend-vue => frontend}/e2e/smoke.e2e.ts   |     0
 .../e2e/support/fixtures.ts                   |     0
 .../e2e/support/mock-backend.ts               |     0
 .../e2e/support/test.ts                       |     0
 .../e2e/table-config.e2e.ts                   |     0
 {frontend-vue => frontend}/e2e/table.e2e.ts   |     0
 {frontend-vue => frontend}/eslint.config.js   |     0
 {frontend-vue => frontend}/index.html         |     0
 {frontend-vue => frontend}/index.saas.html    |     0
 frontend/package.json                         |   151 +-
 .../playwright.config.ts                      |     0
 {frontend-vue => frontend}/pnpm-lock.yaml     |   120 -
 .../pnpm-workspace.yaml                       |     2 +-
 frontend/{src => public}/assets/.gitkeep      |     0
 frontend/{src => public}/assets/app.ico       |   Bin
 frontend/{src => public}/assets/bg/banner.svg |     0
 .../bg/connections-list-left-decoration.svg   |     0
 .../connections-list-left-decoration_dark.svg |     0
 .../bg/connections-list-right-decoration.svg  |     0
 ...connections-list-right-decoration_dark.svg |     0
 .../{src => public}/assets/bg/decor-left.svg  |     0
 .../assets/bg/decor-left_dark.svg             |     0
 .../{src => public}/assets/bg/decor-right.svg |     0
 .../assets/bg/decor-right_dark.svg            |     0
 .../assets/bg/not-found-bg.svg                |     0
 .../{src => public}/assets/custom_domain.gif  |   Bin
 .../assets/email-illustration.png             |   Bin
 .../{src => public}/assets/favicon-16x16.png  |   Bin
 .../{src => public}/assets/favicon-32x32.png  |   Bin
 frontend/{src => public}/assets/favicon.ico   |   Bin
 frontend/{src => public}/assets/favicon.svg   |     0
 .../assets/feture-images/gif_white_label.gif  |   Bin
 .../assets/feture-images/saved-filters.gif    |   Bin
 .../assets/feture-images/white-label.gif      |   Bin
 .../assets/icons/ai-rocket.svg                |     0
 .../assets/icons/db-logos/clickhouse_logo.svg |     0
 .../assets/icons/db-logos/dynamodb_logo.svg   |     0
 .../icons/db-logos/elasticsearch_logo.svg     |     0
 .../assets/icons/db-logos/mongodb_logo.svg    |     0
 .../assets/icons/db-logos/mssql_logo.svg      |     0
 .../assets/icons/db-logos/mysql_logo.svg      |     0
 .../assets/icons/db-logos/oracle_logo.svg     |     0
 .../assets/icons/db-logos/postgres_logo.svg   |     0
 .../assets/icons/db-logos/redis_logo.svg      |     0
 .../icons/db-logos/\321\201assandra_logo.svg" |     0
 .../db-logos/\321\201assandra_logo_dark.svg"  |     0
 .../{src => public}/assets/icons/fb_logo.png  |   Bin
 .../{src => public}/assets/icons/fb_logo.svg  |     0
 .../{src => public}/assets/icons/github.svg   |     0
 .../{src => public}/assets/icons/google.svg   |     0
 .../assets/icons/google_logo.svg              |     0
 .../assets/icons/google_logo.webp             |   Bin
 .../add_shopping_cart.svg                     |     0
 .../icons/test-connections-icons/box.svg      |     0
 .../test-connections-icons/cinematic_blur.svg |     0
 .../test-connections-icons/diversity_2.svg    |     0
 .../icons/test-connections-icons/set_meal.svg |     0
 .../shopping_bag_speed.svg                    |     0
 .../assets/main-table-reg-image.svg           |     0
 .../assets/main-table-reg-image_dark.svg      |     0
 frontend/{src => public}/assets/no-files.svg  |     0
 .../assets/rocketadmin_logo_black.png         |   Bin
 .../assets/rocketadmin_logo_black.svg         |     0
 .../assets/rocketadmin_logo_white-short.svg   |     0
 .../assets/rocketadmin_logo_white.svg         |     0
 {frontend-vue => frontend}/public/config.json |     0
 frontend/scripts/update-version.js            |    14 +-
 {frontend-vue => frontend}/src/App.spec.ts    |     0
 {frontend-vue => frontend}/src/App.vue        |     0
 .../src/__tests__/design-tokens.spec.ts       |     2 +-
 .../src/__tests__/mock-fetch.ts               |     0
 .../src/api/client.spec.ts                    |     0
 {frontend-vue => frontend}/src/api/client.ts  |     0
 .../src/api/query-options.ts                  |     0
 .../src/app/animations/toggle.animation.ts    |    25 -
 frontend/src/app/app-routing.module.ts        |   243 -
 frontend/src/app/app.component.css            |   372 -
 frontend/src/app/app.component.html           |   196 -
 frontend/src/app/app.component.spec.ts        |   328 -
 frontend/src/app/app.component.ts             |   345 -
 .../api-keys/api-keys.component.css           |   201 -
 .../api-keys/api-keys.component.html          |    82 -
 .../components/api-keys/api-keys.component.ts |   106 -
 .../app/components/audit/audit-data-source.ts |   107 -
 .../app/components/audit/audit.component.css  |   676 -
 .../app/components/audit/audit.component.html |   172 -
 .../components/audit/audit.component.spec.ts  |   162 -
 .../app/components/audit/audit.component.ts   |   190 -
 .../info-dialog/info-dialog.component.css     |    52 -
 .../info-dialog/info-dialog.component.html    |    47 -
 .../info-dialog/info-dialog.component.spec.ts |   183 -
 .../info-dialog/info-dialog.component.ts      |    75 -
 .../auto-configure.component.css              |   394 -
 .../auto-configure.component.html             |    49 -
 .../auto-configure.component.ts               |   179 -
 .../chart-delete-dialog.component.css         |    46 -
 .../chart-delete-dialog.component.html        |    23 -
 .../chart-delete-dialog.component.spec.ts     |   116 -
 .../chart-delete-dialog.component.ts          |    40 -
 .../chart-edit/chart-edit.component.css       |   697 -
 .../chart-edit/chart-edit.component.html      |   613 -
 .../chart-edit/chart-edit.component.spec.ts   |   279 -
 .../charts/chart-edit/chart-edit.component.ts |   716 -
 .../chart-preview/chart-preview.component.css |    24 -
 .../chart-preview.component.html              |    14 -
 .../chart-preview/chart-preview.component.ts  |    98 -
 .../charts-list/charts-list.component.css     |   230 -
 .../charts-list/charts-list.component.html    |   120 -
 .../charts-list/charts-list.component.spec.ts |   189 -
 .../charts-list/charts-list.component.ts      |   168 -
 .../company-member-invitation.component.css   |    41 -
 .../company-member-invitation.component.html  |    35 -
 ...ompany-member-invitation.component.spec.ts |    27 -
 .../company-member-invitation.component.ts    |    82 -
 .../components/company/company.component.css  |   303 -
 .../components/company/company.component.html |   265 -
 .../company/company.component.spec.ts         |   287 -
 .../components/company/company.component.ts   |   291 -
 .../delete-domain-dialog.component.css        |     0
 .../delete-domain-dialog.component.html       |    16 -
 .../delete-domain-dialog.component.spec.ts    |    35 -
 .../delete-domain-dialog.component.ts         |    42 -
 .../delete-member-dialog.component.css        |     0
 .../delete-member-dialog.component.html       |    14 -
 .../delete-member-dialog.component.spec.ts    |    41 -
 .../delete-member-dialog.component.ts         |    44 -
 .../invite-member-dialog.component.css        |    43 -
 .../invite-member-dialog.component.html       |    87 -
 .../invite-member-dialog.component.spec.ts    |    38 -
 .../invite-member-dialog.component.stories.ts |    54 -
 .../invite-member-dialog.component.ts         |   120 -
 .../revoke-invitation-dialog.component.css    |     0
 .../revoke-invitation-dialog.component.html   |    14 -
 ...revoke-invitation-dialog.component.spec.ts |    34 -
 .../revoke-invitation-dialog.component.ts     |    42 -
 .../connect-db/connect-db.component.css       |   291 -
 .../connect-db/connect-db.component.html      |   284 -
 .../connect-db/connect-db.component.spec.ts   |   414 -
 .../connect-db/connect-db.component.ts        |   519 -
 ...db-connection-confirm-dialog.component.css |    53 -
 ...b-connection-confirm-dialog.component.html |    37 -
 ...onnection-confirm-dialog.component.spec.ts |    88 -
 .../db-connection-confirm-dialog.component.ts |    79 -
 .../db-connection-delete-dialog.component.css |    20 -
 ...db-connection-delete-dialog.component.html |    40 -
 ...connection-delete-dialog.component.spec.ts |    78 -
 ...nection-delete-dialog.component.stories.ts |    47 -
 .../db-connection-delete-dialog.component.ts  |    70 -
 ...-connection-ip-access-dialog.component.css |    21 -
 ...connection-ip-access-dialog.component.html |   145 -
 ...nection-ip-access-dialog.component.spec.ts |    29 -
 ...b-connection-ip-access-dialog.component.ts |    52 -
 .../base-credentials-form.component.css       |    81 -
 .../base-credentials-form.component.html      |     1 -
 .../base-credentials-form.component.spec.ts   |    22 -
 .../base-credentials-form.component.ts        |    31 -
 .../cassandra-credentials-form.component.css  |    14 -
 .../cassandra-credentials-form.component.html |   209 -
 ...ssandra-credentials-form.component.spec.ts |    30 -
 ...ndra-credentials-form.component.stories.ts |    50 -
 .../cassandra-credentials-form.component.ts   |    35 -
 .../clickhouse-credentials-form.component.css |    14 -
 ...clickhouse-credentials-form.component.html |   197 -
 ...ckhouse-credentials-form.component.spec.ts |    38 -
 ...ouse-credentials-form.component.stories.ts |    50 -
 .../clickhouse-credentials-form.component.ts  |    36 -
 .../dynamodb-credentials-form.component.css   |     9 -
 .../dynamodb-credentials-form.component.html  |    78 -
 ...ynamodb-credentials-form.component.spec.ts |    31 -
 ...modb-credentials-form.component.stories.ts |    50 -
 .../dynamodb-credentials-form.component.ts    |    33 -
 .../elastic-credentials-form.component.css    |    14 -
 .../elastic-credentials-form.component.html   |   207 -
 ...elastic-credentials-form.component.spec.ts |    59 -
 ...stic-credentials-form.component.stories.ts |    50 -
 .../elastic-credentials-form.component.ts     |    35 -
 .../mongodb-credentials-form.component.css    |    14 -
 .../mongodb-credentials-form.component.html   |   208 -
 ...mongodb-credentials-form.component.spec.ts |    59 -
 ...godb-credentials-form.component.stories.ts |    50 -
 .../mongodb-credentials-form.component.ts     |    35 -
 .../mssql-credentials-form.component.css      |    14 -
 .../mssql-credentials-form.component.html     |   222 -
 .../mssql-credentials-form.component.spec.ts  |    38 -
 ...ssql-credentials-form.component.stories.ts |    50 -
 .../mssql-credentials-form.component.ts       |    32 -
 .../mysql-credentials-form.component.css      |    14 -
 .../mysql-credentials-form.component.html     |   197 -
 .../mysql-credentials-form.component.spec.ts  |    38 -
 ...ysql-credentials-form.component.stories.ts |    50 -
 .../mysql-credentials-form.component.ts       |    33 -
 .../oracledb-credentials-form.component.css   |    14 -
 .../oracledb-credentials-form.component.html  |   221 -
 ...racledb-credentials-form.component.spec.ts |    38 -
 ...ledb-credentials-form.component.stories.ts |    50 -
 .../oracledb-credentials-form.component.ts    |    35 -
 .../postgres-credentials-form.component.css   |    14 -
 .../postgres-credentials-form.component.html  |   211 -
 ...ostgres-credentials-form.component.spec.ts |    38 -
 ...gres-credentials-form.component.stories.ts |    50 -
 .../postgres-credentials-form.component.ts    |    35 -
 .../redis-credentials-form.component.css      |    14 -
 .../redis-credentials-form.component.html     |   193 -
 .../redis-credentials-form.component.spec.ts  |    59 -
 ...edis-credentials-form.component.stories.ts |    50 -
 .../redis-credentials-form.component.ts       |    32 -
 .../master-encryption-password.component.css  |    58 -
 .../master-encryption-password.component.html |    46 -
 ...ster-encryption-password.component.spec.ts |    24 -
 .../master-encryption-password.component.ts   |    67 -
 .../connection-settings.component.css         |   210 -
 .../connection-settings.component.html        |   165 -
 .../connection-settings.component.spec.ts     |   242 -
 .../connection-settings.component.ts          |   223 -
 .../connections-list.component.css            |    91 -
 .../connections-list.component.html           |    30 -
 .../connections-list.component.spec.ts        |    37 -
 .../connections-list.component.ts             |    64 -
 .../own-connections.component.css             |   432 -
 .../own-connections.component.html            |   126 -
 .../own-connections.component.spec.ts         |    45 -
 .../own-connections.component.ts              |    91 -
 .../dashboard/dashboard.component.css         |   317 -
 .../dashboard/dashboard.component.html        |   141 -
 .../dashboard/dashboard.component.spec.ts     |   142 -
 .../dashboard/dashboard.component.ts          |   462 -
 .../db-action-link-dialog.component.css       |     3 -
 .../db-action-link-dialog.component.html      |    15 -
 .../db-action-link-dialog.component.spec.ts   |    31 -
 .../db-action-link-dialog.component.ts        |    23 -
 ...k-action-confirmation-dialog.component.css |     7 -
 ...-action-confirmation-dialog.component.html |    37 -
 ...tion-confirmation-dialog.component.spec.ts |    79 -
 ...lk-action-confirmation-dialog.component.ts |   100 -
 .../action-delete-dialog.component.css        |     0
 .../action-delete-dialog.component.html       |    15 -
 .../action-delete-dialog.component.spec.ts    |    37 -
 .../action-delete-dialog.component.ts         |    42 -
 .../db-table-actions.component.css            |  1148 --
 .../db-table-actions.component.html           |   318 -
 .../db-table-actions.component.spec.ts        |   420 -
 .../db-table-actions.component.ts             |   558 -
 .../db-table-ai-panel.component.css           |   941 -
 .../db-table-ai-panel.component.html          |   119 -
 .../db-table-ai-panel.component.spec.ts       |   193 -
 .../db-table-ai-panel.component.ts            |   549 -
 .../db-table-export-dialog.component.css      |     3 -
 .../db-table-export-dialog.component.html     |    31 -
 .../db-table-export-dialog.component.spec.ts  |    53 -
 .../db-table-export-dialog.component.ts       |    69 -
 .../db-table-filters-dialog.component.css     |   148 -
 .../db-table-filters-dialog.component.html    |    79 -
 .../db-table-filters-dialog.component.spec.ts |   249 -
 .../db-table-filters-dialog.component.ts      |   343 -
 .../db-table-import-dialog.component.css      |    38 -
 .../db-table-import-dialog.component.html     |    17 -
 .../db-table-import-dialog.component.spec.ts  |    51 -
 .../db-table-import-dialog.component.ts       |    50 -
 .../db-table-row-view.component.css           |   270 -
 .../db-table-row-view.component.html          |   145 -
 .../db-table-row-view.component.spec.ts       |    97 -
 .../db-table-row-view.component.ts            |   338 -
 .../db-table-settings.component.css           |   232 -
 .../db-table-settings.component.html          |   198 -
 .../db-table-settings.component.spec.ts       |   172 -
 .../db-table-settings.component.ts            |   238 -
 .../db-table-view/db-table-view.component.css |  1877 --
 .../db-table-view.component.html              |   752 -
 .../db-table-view.component.spec.ts           |   271 -
 .../db-table-view/db-table-view.component.ts  |  1103 --
 .../db-table-widgets.component.css            |   229 -
 .../db-table-widgets.component.html           |    93 -
 .../db-table-widgets.component.spec.ts        |   262 -
 .../db-table-widgets.component.ts             |   447 -
 .../widget-delete-dialog.component.css        |     0
 .../widget-delete-dialog.component.html       |    15 -
 .../widget-delete-dialog.component.spec.ts    |    30 -
 .../widget-delete-dialog.component.ts         |    20 -
 .../widget/widget.component.css               |    47 -
 .../widget/widget.component.html              |    59 -
 .../widget/widget.component.spec.ts           |   109 -
 .../widget/widget.component.ts                |   111 -
 .../widgets-empty-state.component.css         |   390 -
 .../widgets-empty-state.component.html        |   170 -
 .../widgets-empty-state.component.ts          |    65 -
 .../saved-filters-dialog.component.css        |  1064 --
 .../saved-filters-dialog.component.html       |   296 -
 .../saved-filters-dialog.component.spec.ts    |   251 -
 .../saved-filters-dialog.component.ts         |   418 -
 .../saved-filters-panel.component.css         |   676 -
 .../saved-filters-panel.component.html        |   231 -
 .../saved-filters-panel.component.spec.ts     |   191 -
 .../saved-filters-panel.component.ts          |   582 -
 .../dashboard/db-tables-data-source.ts        |   371 -
 .../db-folder-delete-dialog.component.css     |    39 -
 .../db-folder-delete-dialog.component.html    |    30 -
 .../db-folder-delete-dialog.component.ts      |    32 -
 .../db-folder-edit-dialog.component.css       |   213 -
 .../db-folder-edit-dialog.component.html      |    70 -
 .../db-folder-edit-dialog.component.ts        |   116 -
 .../db-tables-list.component.css              |   959 -
 .../db-tables-list.component.html             |   205 -
 .../db-tables-list.component.spec.ts          |    33 -
 .../db-tables-list.component.ts               |   630 -
 .../chart-mini-preview.component.css          |    99 -
 .../chart-mini-preview.component.html         |    54 -
 .../chart-mini-preview.component.ts           |    17 -
 .../dashboard-delete-dialog.component.css     |    28 -
 .../dashboard-delete-dialog.component.html    |    23 -
 .../dashboard-delete-dialog.component.spec.ts |    45 -
 ...shboard-delete-dialog.component.stories.ts |    46 -
 .../dashboard-delete-dialog.component.ts      |    39 -
 .../dashboard-edit-dialog.component.css       |    17 -
 .../dashboard-edit-dialog.component.html      |    42 -
 .../dashboard-edit-dialog.component.spec.ts   |    40 -
 ...dashboard-edit-dialog.component.stories.ts |    66 -
 .../dashboard-edit-dialog.component.ts        |    77 -
 .../dashboard-view.component.css              |   281 -
 .../dashboard-view.component.html             |    87 -
 .../dashboard-view.component.spec.ts          |    56 -
 .../dashboard-view.component.ts               |   271 -
 .../dashboards-list.component.css             |   354 -
 .../dashboards-list.component.html            |   150 -
 .../dashboards-list.component.spec.ts         |    59 -
 .../dashboards-list.component.ts              |   148 -
 .../dashboards-sidebar.component.css          |    86 -
 .../dashboards-sidebar.component.html         |    42 -
 .../dashboards-sidebar.component.ts           |    47 -
 .../panel-delete-dialog.component.css         |    28 -
 .../panel-delete-dialog.component.html        |    23 -
 .../panel-delete-dialog.component.spec.ts     |    46 -
 .../panel-delete-dialog.component.stories.ts  |    48 -
 .../panel-delete-dialog.component.ts          |    44 -
 .../panel-edit-dialog.component.css           |    69 -
 .../panel-edit-dialog.component.html          |    51 -
 .../panel-edit-dialog.component.spec.ts       |   206 -
 .../panel-edit-dialog.component.ts            |   112 -
 .../chart-panel/chart-panel.component.css     |    58 -
 .../chart-panel/chart-panel.component.html    |    14 -
 .../chart-panel/chart-panel.component.spec.ts |    64 -
 .../chart-panel.component.stories.ts          |    78 -
 .../chart-panel/chart-panel.component.ts      |   104 -
 .../counter-panel/counter-panel.component.css |    69 -
 .../counter-panel.component.html              |    12 -
 .../counter-panel.component.spec.ts           |    54 -
 .../counter-panel.component.stories.ts        |    54 -
 .../counter-panel/counter-panel.component.ts  |    76 -
 .../dashboard-panel.component.css             |    23 -
 .../dashboard-panel.component.html            |    47 -
 .../dashboard-panel.component.stories.ts      |    64 -
 .../dashboard-panel.component.ts              |    76 -
 .../table-panel/table-panel.component.css     |    75 -
 .../table-panel/table-panel.component.html    |    18 -
 .../table-panel/table-panel.component.spec.ts |    62 -
 .../table-panel.component.stories.ts          |    56 -
 .../table-panel/table-panel.component.ts      |    33 -
 .../text-panel/text-panel.component.css       |    94 -
 .../text-panel/text-panel.component.html      |    10 -
 .../text-panel/text-panel.component.spec.ts   |    49 -
 .../text-panel.component.stories.ts           |    48 -
 .../text-panel/text-panel.component.ts        |    22 -
 .../db-table-row-edit.component.css           |   358 -
 .../db-table-row-edit.component.html          |   228 -
 .../db-table-row-edit.component.spec.ts       |   500 -
 .../db-table-row-edit.component.ts            |   871 -
 .../edit-database-schema.component.css        |   915 -
 .../edit-database-schema.component.html       |   279 -
 .../edit-database-schema.component.ts         |   461 -
 .../schema-diagram-viewer.component.css       |   312 -
 .../schema-diagram-viewer.component.html      |    62 -
 .../schema-diagram-viewer.component.ts        |   334 -
 .../email-change/email-change.component.css   |    30 -
 .../email-change/email-change.component.html  |    19 -
 .../email-change.component.spec.ts            |    42 -
 .../email-change/email-change.component.ts    |    60 -
 .../email-verification.component.css          |    15 -
 .../email-verification.component.html         |     5 -
 .../email-verification.component.spec.ts      |    58 -
 .../email-verification.component.ts           |    44 -
 .../feature-notification.component.css        |   358 -
 .../feature-notification.component.html       |   127 -
 .../feature-notification.component.spec.ts    |    23 -
 .../feature-notification.component.ts         |    14 -
 .../app/components/login/login.component.css  |   324 -
 .../app/components/login/login.component.html |   128 -
 .../components/login/login.component.spec.ts  |    74 -
 .../app/components/login/login.component.ts   |   186 -
 .../master-password-dialog.component.css      |     3 -
 .../master-password-dialog.component.html     |    13 -
 .../master-password-dialog.component.spec.ts  |    41 -
 ...aster-password-dialog.component.stories.ts |    35 -
 .../master-password-dialog.component.ts       |    38 -
 .../page-not-found.component.css              |    72 -
 .../page-not-found.component.html             |    14 -
 .../page-not-found.component.spec.ts          |    24 -
 .../page-not-found.component.ts               |    10 -
 .../password-change.component.css             |    29 -
 .../password-change.component.html            |    23 -
 .../password-change.component.spec.ts         |    78 -
 .../password-change.component.ts              |    65 -
 .../password-request.component.css            |    92 -
 .../password-request.component.html           |    43 -
 .../password-request.component.spec.ts        |    43 -
 .../password-request.component.ts             |    65 -
 .../password-reset.component.css              |    54 -
 .../password-reset.component.html             |    14 -
 .../password-reset.component.spec.ts          |    37 -
 .../password-reset.component.ts               |    48 -
 .../profile-sidebar.component.css             |   130 -
 .../profile-sidebar.component.html            |    80 -
 .../profile-sidebar.component.ts              |    47 -
 .../audit-log-dialog.component.css            |   176 -
 .../audit-log-dialog.component.html           |    73 -
 .../audit-log-dialog.component.spec.ts        |   308 -
 .../audit-log-dialog.component.ts             |    93 -
 .../create-secret-dialog.component.css        |    47 -
 .../create-secret-dialog.component.html       |    79 -
 .../create-secret-dialog.component.spec.ts    |   381 -
 .../create-secret-dialog.component.stories.ts |    33 -
 .../create-secret-dialog.component.ts         |   127 -
 .../delete-secret-dialog.component.css        |    46 -
 .../delete-secret-dialog.component.html       |    23 -
 .../delete-secret-dialog.component.spec.ts    |   148 -
 .../delete-secret-dialog.component.ts         |    43 -
 .../edit-secret-dialog.component.css          |    60 -
 .../edit-secret-dialog.component.html         |    75 -
 .../edit-secret-dialog.component.spec.ts      |   337 -
 .../edit-secret-dialog.component.ts           |   123 -
 .../master-password-dialog.component.css      |    40 -
 .../master-password-dialog.component.html     |    38 -
 .../master-password-dialog.component.spec.ts  |    45 -
 .../master-password-dialog.component.ts       |    44 -
 .../components/secrets/secrets.component.css  |   276 -
 .../components/secrets/secrets.component.html |   157 -
 .../secrets/secrets.component.spec.ts         |   339 -
 .../components/secrets/secrets.component.ts   |   176 -
 .../app/components/setup/setup.component.css  |   117 -
 .../app/components/setup/setup.component.html |    48 -
 .../components/setup/setup.component.spec.ts  |    94 -
 .../app/components/setup/setup.component.ts   |    63 -
 .../placeholder-add-user-dialog.component.css |    35 -
 ...placeholder-add-user-dialog.component.html |    14 -
 ...ceholder-add-user-dialog.component.spec.ts |    21 -
 ...older-add-user-dialog.component.stories.ts |    18 -
 .../placeholder-add-user-dialog.component.ts  |     8 -
 .../placeholder-api-keys-list.component.css   |    33 -
 .../placeholder-api-keys-list.component.html  |     9 -
 ...eholder-api-keys-list.component.stories.ts |    12 -
 .../placeholder-api-keys-list.component.ts    |    10 -
 .../placeholder-audit-log.component.css       |     0
 .../placeholder-audit-log.component.html      |     1 -
 .../placeholder-audit-log.component.spec.ts   |    22 -
 ...placeholder-audit-log.component.stories.ts |    18 -
 .../placeholder-audit-log.component.ts        |     8 -
 ...aceholder-company-invitation.component.css |    40 -
 ...ceholder-company-invitation.component.html |    15 -
 ...older-company-invitation.component.spec.ts |    22 -
 ...er-company-invitation.component.stories.ts |    12 -
 ...laceholder-company-invitation.component.ts |    10 -
 .../placeholder-company.component.css         |    86 -
 .../placeholder-company.component.html        |    20 -
 .../placeholder-company.component.spec.ts     |    22 -
 .../placeholder-company.component.stories.ts  |    12 -
 .../placeholder-company.component.ts          |    11 -
 ...ceholder-connection-settings.component.css |    59 -
 ...eholder-connection-settings.component.html |    21 -
 ...lder-connection-settings.component.spec.ts |    22 -
 ...r-connection-settings.component.stories.ts |    18 -
 ...aceholder-connection-settings.component.ts |     8 -
 .../placeholder-connections.component.css     |    36 -
 .../placeholder-connections.component.html    |     9 -
 .../placeholder-connections.component.spec.ts |    22 -
 ...aceholder-connections.component.stories.ts |    18 -
 .../placeholder-connections.component.ts      |     8 -
 .../placeholder-dashboards.component.css      |    58 -
 .../placeholder-dashboards.component.html     |    70 -
 ...laceholder-dashboards.component.stories.ts |    18 -
 .../placeholder-dashboards.component.ts       |     8 -
 .../placeholder-record-view.component.css     |    42 -
 .../placeholder-record-view.component.html    |    28 -
 .../placeholder-record-view.component.spec.ts |    22 -
 ...aceholder-record-view.component.stories.ts |    12 -
 .../placeholder-record-view.component.ts      |     9 -
 .../placeholder-row-edit.component.css        |    74 -
 .../placeholder-row-edit.component.html       |    21 -
 .../placeholder-row-edit.component.spec.ts    |    22 -
 .../placeholder-row-edit.component.stories.ts |    12 -
 .../placeholder-row-edit.component.ts         |    11 -
 .../placeholder-saved-filters.component.css   |    31 -
 .../placeholder-saved-filters.component.html  |     6 -
 ...laceholder-saved-filters.component.spec.ts |    22 -
 ...eholder-saved-filters.component.stories.ts |    18 -
 .../placeholder-saved-filters.component.ts    |     8 -
 .../placeholder-table-data.component.css      |    72 -
 .../placeholder-table-data.component.html     |    14 -
 .../placeholder-table-data.component.spec.ts  |    22 -
 ...laceholder-table-data.component.stories.ts |    12 -
 .../placeholder-table-data.component.ts       |    13 -
 .../placeholder-table-settings.component.css  |   129 -
 .../placeholder-table-settings.component.html |    52 -
 ...aceholder-table-settings.component.spec.ts |    22 -
 ...holder-table-settings.component.stories.ts |    12 -
 .../placeholder-table-settings.component.ts   |    11 -
 .../placeholder-table-view.component.css      |    48 -
 .../placeholder-table-view.component.html     |    14 -
 .../placeholder-table-view.component.spec.ts  |    22 -
 ...laceholder-table-view.component.stories.ts |    12 -
 .../placeholder-table-view.component.ts       |    11 -
 .../placeholder-table-widgets.component.css   |    78 -
 .../placeholder-table-widgets.component.html  |    28 -
 ...laceholder-table-widgets.component.spec.ts |    22 -
 ...eholder-table-widgets.component.stories.ts |    12 -
 .../placeholder-table-widgets.component.ts    |    10 -
 .../placeholder-user-group.component.css      |    13 -
 .../placeholder-user-group.component.html     |     5 -
 .../placeholder-user-group.component.spec.ts  |    22 -
 ...laceholder-user-group.component.stories.ts |    18 -
 .../placeholder-user-group.component.ts       |     8 -
 .../placeholder-user-groups.component.css     |    28 -
 .../placeholder-user-groups.component.html    |    14 -
 .../placeholder-user-groups.component.spec.ts |    22 -
 ...aceholder-user-groups.component.stories.ts |    18 -
 .../placeholder-user-groups.component.ts      |     8 -
 .../ui-components/alert/alert.component.css   |   104 -
 .../ui-components/alert/alert.component.html  |    34 -
 .../alert/alert.component.spec.ts             |    43 -
 .../ui-components/alert/alert.component.ts    |    55 -
 .../ui-components/alert/alert.stories.ts      |    56 -
 .../ui-components/banner/banner.component.css |    70 -
 .../banner/banner.component.html              |     5 -
 .../banner/banner.component.spec.ts           |    24 -
 .../ui-components/banner/banner.component.ts  |    12 -
 .../ui-components/banner/banner.stories.ts    |    31 -
 .../breadcrumbs/breadcrumbs.component.css     |    17 -
 .../breadcrumbs/breadcrumbs.component.html    |    17 -
 .../breadcrumbs/breadcrumbs.component.spec.ts |    22 -
 .../breadcrumbs/breadcrumbs.component.ts      |    21 -
 .../breadcrumbs/breadcrumbs.stories.ts        |    35 -
 .../content-loader.component.css              |    26 -
 .../content-loader.component.html             |     1 -
 .../content-loader.component.spec.ts          |    24 -
 .../content-loader.component.ts               |    10 -
 .../content-loader/content-loader.stories.ts  |    18 -
 .../filter-fields/FILTER_WIDGETS.md           |   257 -
 .../base-filter-field.component.css           |     0
 .../base-filter-field.component.html          |     1 -
 .../base-filter-field.component.spec.ts       |    22 -
 .../base-filter-field.component.ts            |    27 -
 .../binary-data-caption.component.css         |    10 -
 .../binary-data-caption.component.html        |     7 -
 .../binary-data-caption.component.spec.ts     |    24 -
 .../binary-data-caption.component.stories.ts  |    43 -
 .../binary-data-caption.component.ts          |    11 -
 .../filter-fields/binary/binary.component.css |    15 -
 .../binary/binary.component.html              |    50 -
 .../binary/binary.component.spec.ts           |   126 -
 .../filter-fields/binary/binary.component.ts  |    82 -
 .../boolean/boolean.component.css             |    11 -
 .../boolean/boolean.component.html            |    13 -
 .../boolean/boolean.component.spec.ts         |   144 -
 .../boolean/boolean.component.stories.ts      |    47 -
 .../boolean/boolean.component.ts              |    87 -
 .../country/country.component.css             |    23 -
 .../country/country.component.html            |    17 -
 .../country/country.component.stories.ts      |    44 -
 .../country/country.component.ts              |    89 -
 .../date-time/date-time.component.css         |    27 -
 .../date-time/date-time.component.html        |    82 -
 .../date-time/date-time.component.spec.ts     |   188 -
 .../date-time/date-time.component.stories.ts  |    44 -
 .../date-time/date-time.component.ts          |   194 -
 .../filter-fields/date/date.component.css     |     3 -
 .../filter-fields/date/date.component.html    |     8 -
 .../filter-fields/date/date.component.spec.ts |    45 -
 .../date/date.component.stories.ts            |    44 -
 .../filter-fields/date/date.component.ts      |    40 -
 .../default-filter.component.css              |    31 -
 .../default-filter.component.html             |    49 -
 .../default-filter.component.spec.ts          |   163 -
 .../default-filter.component.ts               |   157 -
 .../filter-fields/email/email.component.css   |    15 -
 .../filter-fields/email/email.component.html  |    32 -
 .../email/email.component.spec.ts             |    93 -
 .../filter-fields/email/email.component.ts    |    69 -
 .../filter-fields/file/file.component.css     |    39 -
 .../filter-fields/file/file.component.html    |     4 -
 .../filter-fields/file/file.component.spec.ts |    26 -
 .../file/file.component.stories.ts            |    43 -
 .../filter-fields/file/file.component.ts      |    13 -
 .../foreign-key/foreign-key.component.css     |    41 -
 .../foreign-key/foreign-key.component.html    |    42 -
 .../foreign-key/foreign-key.component.spec.ts |   453 -
 .../foreign-key.component.stories.ts          |    44 -
 .../foreign-key/foreign-key.component.ts      |   241 -
 .../filter-fields/id/id.component.css         |     3 -
 .../filter-fields/id/id.component.html        |    10 -
 .../filter-fields/id/id.component.spec.ts     |    26 -
 .../filter-fields/id/id.component.stories.ts  |    44 -
 .../filter-fields/id/id.component.ts          |    16 -
 .../json-editor/json-editor.component.css     |     8 -
 .../json-editor/json-editor.component.html    |    11 -
 .../json-editor/json-editor.component.spec.ts |    75 -
 .../json-editor.component.stories.ts          |    44 -
 .../json-editor/json-editor.component.ts      |    31 -
 .../long-text/long-text.component.css         |     7 -
 .../long-text/long-text.component.html        |    10 -
 .../long-text/long-text.component.spec.ts     |    24 -
 .../long-text/long-text.component.stories.ts  |    44 -
 .../long-text/long-text.component.ts          |    37 -
 .../filter-fields/number/number.component.css |     3 -
 .../number/number.component.html              |     8 -
 .../number/number.component.spec.ts           |    24 -
 .../number/number.component.stories.ts        |    44 -
 .../filter-fields/number/number.component.ts  |    27 -
 .../password/password.component.css           |     7 -
 .../password/password.component.html          |    14 -
 .../password/password.component.spec.ts       |    31 -
 .../password/password.component.stories.ts    |    44 -
 .../password/password.component.ts            |    37 -
 .../filter-fields/phone/phone.component.css   |    35 -
 .../filter-fields/phone/phone.component.html  |    37 -
 .../filter-fields/phone/phone.component.ts    |   113 -
 .../filter-fields/point/point.component.css   |     6 -
 .../filter-fields/point/point.component.html  |    11 -
 .../point/point.component.spec.ts             |    24 -
 .../point/point.component.stories.ts          |    44 -
 .../filter-fields/point/point.component.ts    |    16 -
 .../filter-fields/select/select.component.css |     3 -
 .../select/select.component.html              |    11 -
 .../select/select.component.spec.ts           |   144 -
 .../select/select.component.stories.ts        |    45 -
 .../filter-fields/select/select.component.ts  |    73 -
 .../static-text/static-text.component.css     |    10 -
 .../static-text/static-text.component.html    |     4 -
 .../static-text/static-text.component.spec.ts |    24 -
 .../static-text.component.stories.ts          |    44 -
 .../static-text/static-text.component.ts      |    12 -
 .../filter-fields/text/text.component.css     |     3 -
 .../filter-fields/text/text.component.html    |     8 -
 .../filter-fields/text/text.component.spec.ts |    24 -
 .../text/text.component.stories.ts            |    44 -
 .../filter-fields/text/text.component.ts      |    27 -
 .../time-interval/time-interval.component.css |    13 -
 .../time-interval.component.html              |    39 -
 .../time-interval.component.spec.ts           |    24 -
 .../time-interval.component.stories.ts        |    44 -
 .../time-interval/time-interval.component.ts  |    81 -
 .../filter-fields/time/time.component.css     |     3 -
 .../filter-fields/time/time.component.html    |     7 -
 .../filter-fields/time/time.component.spec.ts |    24 -
 .../time/time.component.stories.ts            |    44 -
 .../filter-fields/time/time.component.ts      |    17 -
 .../timezone/timezone.component.css           |     3 -
 .../timezone/timezone.component.html          |    15 -
 .../timezone/timezone.component.spec.ts       |    52 -
 .../timezone/timezone.component.stories.ts    |    44 -
 .../timezone/timezone.component.ts            |    71 -
 .../icon-picker/icon-picker.component.css     |    81 -
 .../icon-picker/icon-picker.component.html    |    52 -
 .../icon-picker/icon-picker.component.spec.ts |    23 -
 .../icon-picker/icon-picker.component.ts      |    53 -
 .../icon-picker/icon-picker.stories.ts        |    26 -
 .../ip-address-button.component.css           |     7 -
 .../ip-address-button.component.html          |     7 -
 .../ip-address-button.component.spec.ts       |    23 -
 .../ip-address-button.component.ts            |    19 -
 .../ip-address-button.stories.ts              |    25 -
 .../base-row-field.component.css              |     0
 .../base-row-field.component.html             |     1 -
 .../base-row-field.component.spec.ts          |    37 -
 .../base-row-field.component.ts               |    28 -
 .../binary-data-caption.component.css         |    10 -
 .../binary-data-caption.component.html        |     7 -
 .../binary-data-caption.component.spec.ts     |    24 -
 .../binary-data-caption.component.stories.ts  |    43 -
 .../binary-data-caption.component.ts          |    11 -
 .../binary/binary.component.css               |     4 -
 .../binary/binary.component.html              |    34 -
 .../binary/binary.component.spec.ts           |   124 -
 .../binary/binary.component.ts                |    56 -
 .../boolean/boolean.component.css             |    23 -
 .../boolean/boolean.component.html            |    26 -
 .../boolean/boolean.component.spec.ts         |    87 -
 .../boolean/boolean.component.stories.ts      |    44 -
 .../boolean/boolean.component.ts              |    55 -
 .../code/code.component.css                   |    16 -
 .../code/code.component.html                  |    11 -
 .../code/code.component.spec.ts               |    89 -
 .../code/code.component.stories.ts            |    44 -
 .../record-edit-fields/code/code.component.ts |    37 -
 .../color/color.component.css                 |    30 -
 .../color/color.component.html                |    18 -
 .../color/color.component.spec.ts             |   120 -
 .../color/color.component.stories.ts          |    44 -
 .../color/color.component.ts                  |   124 -
 .../country/country.component.css             |    42 -
 .../country/country.component.html            |    29 -
 .../country/country.component.spec.ts         |   113 -
 .../country/country.component.stories.ts      |    44 -
 .../country/country.component.ts              |   114 -
 .../date-time/date-time.component.css         |     5 -
 .../date-time/date-time.component.html        |    17 -
 .../date-time/date-time.component.spec.ts     |    77 -
 .../date-time/date-time.component.stories.ts  |    44 -
 .../date-time/date-time.component.ts          |    62 -
 .../date/date.component.css                   |     3 -
 .../date/date.component.html                  |     7 -
 .../date/date.component.spec.ts               |    45 -
 .../date/date.component.stories.ts            |    44 -
 .../record-edit-fields/date/date.component.ts |    33 -
 .../file/file.component.css                   |    45 -
 .../file/file.component.html                  |    78 -
 .../file/file.component.spec.ts               |    82 -
 .../file/file.component.stories.ts            |    44 -
 .../record-edit-fields/file/file.component.ts |   159 -
 .../foreign-key/foreign-key.component.css     |    59 -
 .../foreign-key/foreign-key.component.html    |    38 -
 .../foreign-key/foreign-key.component.spec.ts |   553 -
 .../foreign-key.component.stories.ts          |    44 -
 .../foreign-key/foreign-key.component.ts      |   274 -
 .../record-edit-fields/id/id.component.css    |     3 -
 .../record-edit-fields/id/id.component.html   |    12 -
 .../id/id.component.spec.ts                   |    26 -
 .../id/id.component.stories.ts                |    44 -
 .../record-edit-fields/id/id.component.ts     |    16 -
 .../image/image.component.css                 |    11 -
 .../image/image.component.html                |    20 -
 .../image/image.component.spec.ts             |    72 -
 .../image/image.component.stories.ts          |    44 -
 .../image/image.component.ts                  |    48 -
 .../json-editor/json-editor.component.css     |    16 -
 .../json-editor/json-editor.component.html    |    11 -
 .../json-editor/json-editor.component.spec.ts |    92 -
 .../json-editor.component.stories.ts          |    44 -
 .../json-editor/json-editor.component.ts      |    37 -
 .../language/language.component.css           |    49 -
 .../language/language.component.html          |    32 -
 .../language/language.component.spec.ts       |    45 -
 .../language/language.component.stories.ts    |    44 -
 .../language/language.component.ts            |   120 -
 .../long-text/long-text.component.css         |    16 -
 .../long-text/long-text.component.html        |    27 -
 .../long-text/long-text.component.spec.ts     |    85 -
 .../long-text/long-text.component.stories.ts  |    45 -
 .../long-text/long-text.component.ts          |    74 -
 .../markdown/markdown.component.css           |    17 -
 .../markdown/markdown.component.html          |    11 -
 .../markdown/markdown.component.spec.ts       |    97 -
 .../markdown/markdown.component.stories.ts    |    44 -
 .../markdown/markdown.component.ts            |    37 -
 .../money/money.component.css                 |    74 -
 .../money/money.component.html                |    46 -
 .../money/money.component.spec.ts             |   322 -
 .../money/money.component.stories.ts          |    44 -
 .../money/money.component.ts                  |   275 -
 .../number/number.component.css               |     3 -
 .../number/number.component.html              |     7 -
 .../number/number.component.spec.ts           |    25 -
 .../number/number.component.stories.ts        |    44 -
 .../number/number.component.ts                |    17 -
 .../password/password.component.css           |     7 -
 .../password/password.component.html          |    13 -
 .../password/password.component.spec.ts       |    96 -
 .../password/password.component.stories.ts    |    44 -
 .../password/password.component.ts            |    36 -
 .../phone/phone.component.css                 |    67 -
 .../phone/phone.component.html                |    53 -
 .../phone/phone.component.spec.ts             |   315 -
 .../phone/phone.component.stories.ts          |    44 -
 .../phone/phone.component.ts                  |   444 -
 .../point/point.component.css                 |     6 -
 .../point/point.component.html                |    12 -
 .../point/point.component.spec.ts             |    24 -
 .../point/point.component.stories.ts          |    44 -
 .../point/point.component.ts                  |    16 -
 .../range/range.component.css                 |   120 -
 .../range/range.component.html                |    19 -
 .../range/range.component.spec.ts             |    75 -
 .../range/range.component.stories.ts          |    44 -
 .../range/range.component.ts                  |    56 -
 .../record-edit-fields/s3/s3.component.css    |    57 -
 .../record-edit-fields/s3/s3.component.html   |    43 -
 .../s3/s3.component.spec.ts                   |   506 -
 .../s3/s3.component.stories.ts                |    44 -
 .../record-edit-fields/s3/s3.component.ts     |   177 -
 .../select/select.component.css               |     3 -
 .../select/select.component.html              |    13 -
 .../select/select.component.spec.ts           |    80 -
 .../select/select.component.stories.ts        |    45 -
 .../select/select.component.ts                |    43 -
 .../static-text/static-text.component.css     |    10 -
 .../static-text/static-text.component.html    |     9 -
 .../static-text/static-text.component.spec.ts |    24 -
 .../static-text.component.stories.ts          |    44 -
 .../static-text/static-text.component.ts      |    13 -
 .../text/text.component.css                   |     7 -
 .../text/text.component.html                  |    24 -
 .../text/text.component.spec.ts               |   130 -
 .../text/text.component.stories.ts            |    44 -
 .../record-edit-fields/text/text.component.ts |    81 -
 .../time-interval/time-interval.component.css |    13 -
 .../time-interval.component.html              |    39 -
 .../time-interval.component.spec.ts           |    72 -
 .../time-interval.component.stories.ts        |    44 -
 .../time-interval/time-interval.component.ts  |    39 -
 .../time/time.component.css                   |     3 -
 .../time/time.component.html                  |     7 -
 .../time/time.component.spec.ts               |    24 -
 .../time/time.component.stories.ts            |    44 -
 .../record-edit-fields/time/time.component.ts |    17 -
 .../timezone/timezone.component.css           |     3 -
 .../timezone/timezone.component.html          |    17 -
 .../timezone/timezone.component.spec.ts       |    52 -
 .../timezone/timezone.component.stories.ts    |    44 -
 .../timezone/timezone.component.ts            |    84 -
 .../record-edit-fields/url/url.component.css  |    14 -
 .../record-edit-fields/url/url.component.html |    15 -
 .../url/url.component.spec.ts                 |    62 -
 .../url/url.component.stories.ts              |    44 -
 .../record-edit-fields/url/url.component.ts   |    42 -
 .../uuid/uuid.component.css                   |    54 -
 .../uuid/uuid.component.html                  |    46 -
 .../uuid/uuid.component.spec.ts               |   162 -
 .../uuid/uuid.component.stories.ts            |    44 -
 .../record-edit-fields/uuid/uuid.component.ts |   151 -
 .../base-record-view-field.component.css      |    25 -
 .../base-record-view-field.component.html     |     1 -
 .../base-record-view-field.component.ts       |    18 -
 .../binary-data-caption.component.css         |    10 -
 .../binary-data-caption.component.html        |     3 -
 .../binary-data-caption.component.spec.ts     |    23 -
 .../binary-data-caption.component.stories.ts  |    43 -
 .../binary-data-caption.component.ts          |    13 -
 .../binary/binary.component.css               |    11 -
 .../binary/binary.component.html              |    14 -
 .../binary/binary.component.spec.ts           |    74 -
 .../binary/binary.component.ts                |    33 -
 .../boolean/boolean.component.css             |    11 -
 .../boolean/boolean.component.html            |    15 -
 .../boolean/boolean.component.spec.ts         |    33 -
 .../boolean/boolean.component.stories.ts      |    43 -
 .../boolean/boolean.component.ts              |    16 -
 .../code/code.component.css                   |    20 -
 .../code/code.component.html                  |     9 -
 .../code/code.component.spec.ts               |    52 -
 .../code/code.component.stories.ts            |    43 -
 .../record-view-fields/code/code.component.ts |    36 -
 .../color/color.component.css                 |    17 -
 .../color/color.component.html                |    10 -
 .../color/color.component.spec.ts             |    38 -
 .../color/color.component.stories.ts          |    43 -
 .../color/color.component.ts                  |    45 -
 .../country/country.component.css             |     4 -
 .../country/country.component.html            |     6 -
 .../country/country.component.spec.ts         |    43 -
 .../country/country.component.stories.ts      |    43 -
 .../country/country.component.ts              |    47 -
 .../date-time/date-time.component.css         |     0
 .../date-time/date-time.component.html        |     1 -
 .../date-time/date-time.component.spec.ts     |    36 -
 .../date-time/date-time.component.stories.ts  |    43 -
 .../date-time/date-time.component.ts          |    30 -
 .../date/date.component.css                   |     0
 .../date/date.component.html                  |     1 -
 .../date/date.component.spec.ts               |    42 -
 .../date/date.component.stories.ts            |    43 -
 .../record-view-fields/date/date.component.ts |    31 -
 .../file/file.component.css                   |     4 -
 .../file/file.component.html                  |     1 -
 .../file/file.component.spec.ts               |    48 -
 .../file/file.component.stories.ts            |    43 -
 .../record-view-fields/file/file.component.ts |    28 -
 .../foreign-key/foreign-key.component.css     |    17 -
 .../foreign-key/foreign-key.component.html    |    12 -
 .../foreign-key/foreign-key.component.spec.ts |    75 -
 .../foreign-key.component.stories.ts          |    43 -
 .../foreign-key/foreign-key.component.ts      |    24 -
 .../record-view-fields/id/id.component.css    |     9 -
 .../record-view-fields/id/id.component.html   |     1 -
 .../id/id.component.spec.ts                   |    23 -
 .../id/id.component.stories.ts                |    43 -
 .../record-view-fields/id/id.component.ts     |    11 -
 .../image/image.component.css                 |     4 -
 .../image/image.component.html                |     9 -
 .../image/image.component.spec.ts             |    47 -
 .../image/image.component.stories.ts          |    43 -
 .../image/image.component.ts                  |    27 -
 .../json-editor/json-editor.component.css     |    20 -
 .../json-editor/json-editor.component.html    |     8 -
 .../json-editor/json-editor.component.spec.ts |    37 -
 .../json-editor.component.stories.ts          |    43 -
 .../json-editor/json-editor.component.ts      |    36 -
 .../language/language.component.css           |     4 -
 .../language/language.component.html          |     6 -
 .../language/language.component.spec.ts       |    37 -
 .../language/language.component.stories.ts    |    43 -
 .../language/language.component.ts            |    48 -
 .../long-text/long-text.component.css         |     0
 .../long-text/long-text.component.html        |     1 -
 .../long-text/long-text.component.spec.ts     |    23 -
 .../long-text/long-text.component.stories.ts  |    43 -
 .../long-text/long-text.component.ts          |    11 -
 .../markdown/markdown.component.css           |    96 -
 .../markdown/markdown.component.html          |     3 -
 .../markdown/markdown.component.spec.ts       |    26 -
 .../markdown/markdown.component.stories.ts    |    43 -
 .../markdown/markdown.component.ts            |    17 -
 .../money/money.component.css                 |     0
 .../money/money.component.html                |     3 -
 .../money/money.component.spec.ts             |    86 -
 .../money/money.component.stories.ts          |    43 -
 .../money/money.component.ts                  |    64 -
 .../number/number.component.css               |    11 -
 .../number/number.component.html              |     9 -
 .../number/number.component.spec.ts           |    51 -
 .../number/number.component.stories.ts        |    43 -
 .../number/number.component.ts                |    54 -
 .../password/password.component.css           |     0
 .../password/password.component.html          |     1 -
 .../password/password.component.spec.ts       |    23 -
 .../password/password.component.stories.ts    |    43 -
 .../password/password.component.ts            |    10 -
 .../phone/phone.component.css                 |    15 -
 .../phone/phone.component.html                |     8 -
 .../phone/phone.component.spec.ts             |    41 -
 .../phone/phone.component.stories.ts          |    43 -
 .../phone/phone.component.ts                  |    56 -
 .../point/point.component.css                 |     0
 .../point/point.component.html                |     7 -
 .../point/point.component.spec.ts             |    40 -
 .../point/point.component.stories.ts          |    43 -
 .../point/point.component.ts                  |    42 -
 .../range/range.component.css                 |    64 -
 .../range/range.component.html                |     8 -
 .../range/range.component.spec.ts             |    49 -
 .../range/range.component.stories.ts          |    43 -
 .../range/range.component.ts                  |    65 -
 .../record-view-fields/s3/s3.component.css    |    11 -
 .../record-view-fields/s3/s3.component.html   |    16 -
 .../s3/s3.component.spec.ts                   |    68 -
 .../s3/s3.component.stories.ts                |    43 -
 .../record-view-fields/s3/s3.component.ts     |    88 -
 .../select/select.component.css               |     4 -
 .../select/select.component.html              |     1 -
 .../select/select.component.spec.ts           |    61 -
 .../select/select.component.stories.ts        |    44 -
 .../select/select.component.ts                |    39 -
 .../static-text/static-text.component.css     |     0
 .../static-text/static-text.component.html    |     1 -
 .../static-text/static-text.component.spec.ts |    23 -
 .../static-text.component.stories.ts          |    43 -
 .../static-text/static-text.component.ts      |    10 -
 .../text/text.component.css                   |    17 -
 .../text/text.component.html                  |     1 -
 .../text/text.component.spec.ts               |    57 -
 .../text/text.component.stories.ts            |    43 -
 .../record-view-fields/text/text.component.ts |    86 -
 .../time-interval/time-interval.component.css |     0
 .../time-interval.component.html              |     1 -
 .../time-interval.component.spec.ts           |    42 -
 .../time-interval.component.stories.ts        |    43 -
 .../time-interval/time-interval.component.ts  |    35 -
 .../time/time.component.css                   |     0
 .../time/time.component.html                  |     1 -
 .../time/time.component.spec.ts               |    36 -
 .../time/time.component.stories.ts            |    43 -
 .../record-view-fields/time/time.component.ts |    35 -
 .../timezone/timezone.component.css           |     1 -
 .../timezone/timezone.component.html          |     1 -
 .../timezone/timezone.component.spec.ts       |    34 -
 .../timezone/timezone.component.stories.ts    |    43 -
 .../timezone/timezone.component.ts            |    54 -
 .../record-view-fields/url/url.component.css  |    15 -
 .../record-view-fields/url/url.component.html |    11 -
 .../url/url.component.spec.ts                 |    38 -
 .../url/url.component.stories.ts              |    43 -
 .../record-view-fields/url/url.component.ts   |    23 -
 .../uuid/uuid.component.css                   |     7 -
 .../uuid/uuid.component.html                  |     1 -
 .../uuid/uuid.component.spec.ts               |    23 -
 .../uuid/uuid.component.stories.ts            |    43 -
 .../record-view-fields/uuid/uuid.component.ts |    10 -
 .../base-table-display-field.component.css    |    32 -
 .../base-table-display-field.component.html   |     1 -
 ...base-table-display-field.component.spec.ts |    35 -
 .../base-table-display-field.component.ts     |    19 -
 .../binary-data-caption.component.css         |    10 -
 .../binary-data-caption.component.html        |     3 -
 .../binary-data-caption.component.spec.ts     |    30 -
 .../binary-data-caption.component.stories.ts  |    43 -
 .../binary-data-caption.component.ts          |    16 -
 .../binary/binary.component.css               |     4 -
 .../binary/binary.component.html              |    13 -
 .../binary/binary.component.spec.ts           |    86 -
 .../binary/binary.component.ts                |    31 -
 .../boolean/boolean.component.css             |    11 -
 .../boolean/boolean.component.html            |    15 -
 .../boolean/boolean.component.spec.ts         |    45 -
 .../boolean/boolean.component.stories.ts      |    43 -
 .../boolean/boolean.component.ts              |    28 -
 .../code/code.component.css                   |    17 -
 .../code/code.component.html                  |    11 -
 .../code/code.component.spec.ts               |    33 -
 .../code/code.component.stories.ts            |    43 -
 .../code/code.component.ts                    |    14 -
 .../color/color.component.css                 |    17 -
 .../color/color.component.html                |    20 -
 .../color/color.component.spec.ts             |    44 -
 .../color/color.component.stories.ts          |    43 -
 .../color/color.component.ts                  |    51 -
 .../country/country.component.css             |    27 -
 .../country/country.component.html            |    16 -
 .../country/country.component.spec.ts         |    50 -
 .../country/country.component.stories.ts      |    43 -
 .../country/country.component.ts              |    51 -
 .../date-time/date-time.component.css         |     0
 .../date-time/date-time.component.html        |    11 -
 .../date-time/date-time.component.spec.ts     |    42 -
 .../date-time/date-time.component.stories.ts  |    43 -
 .../date-time/date-time.component.ts          |    71 -
 .../date/date.component.css                   |     0
 .../date/date.component.html                  |    11 -
 .../date/date.component.spec.ts               |    90 -
 .../date/date.component.stories.ts            |    43 -
 .../date/date.component.ts                    |    73 -
 .../file/file.component.css                   |     4 -
 .../file/file.component.html                  |     3 -
 .../file/file.component.spec.ts               |    46 -
 .../file/file.component.stories.ts            |    43 -
 .../file/file.component.ts                    |    32 -
 .../foreign-key/foreign-key.component.css     |    37 -
 .../foreign-key/foreign-key.component.html    |    26 -
 .../foreign-key/foreign-key.component.spec.ts |    78 -
 .../foreign-key.component.stories.ts          |    43 -
 .../foreign-key/foreign-key.component.ts      |    31 -
 .../table-display-fields/id/id.component.css  |    19 -
 .../table-display-fields/id/id.component.html |    12 -
 .../id/id.component.spec.ts                   |    37 -
 .../id/id.component.stories.ts                |    43 -
 .../table-display-fields/id/id.component.ts   |    16 -
 .../image/image.component.css                 |    10 -
 .../image/image.component.html                |    18 -
 .../image/image.component.spec.ts             |    38 -
 .../image/image.component.stories.ts          |    43 -
 .../image/image.component.ts                  |    31 -
 .../json-editor/json-editor.component.css     |    17 -
 .../json-editor/json-editor.component.html    |    13 -
 .../json-editor/json-editor.component.spec.ts |    33 -
 .../json-editor.component.stories.ts          |    43 -
 .../json-editor/json-editor.component.ts      |    25 -
 .../language/language.component.css           |    27 -
 .../language/language.component.html          |    16 -
 .../language/language.component.spec.ts       |    45 -
 .../language/language.component.stories.ts    |    43 -
 .../language/language.component.ts            |    51 -
 .../long-text/long-text.component.css         |     4 -
 .../long-text/long-text.component.html        |    12 -
 .../long-text/long-text.component.spec.ts     |    36 -
 .../long-text/long-text.component.stories.ts  |    43 -
 .../long-text/long-text.component.ts          |    17 -
 .../markdown/markdown.component.css           |    51 -
 .../markdown/markdown.component.html          |    13 -
 .../markdown/markdown.component.spec.ts       |    95 -
 .../markdown/markdown.component.stories.ts    |    43 -
 .../markdown/markdown.component.ts            |    79 -
 .../money/money.component.css                 |    12 -
 .../money/money.component.html                |    13 -
 .../money/money.component.spec.ts             |    78 -
 .../money/money.component.stories.ts          |    43 -
 .../money/money.component.ts                  |    68 -
 .../number/number.component.css               |    39 -
 .../number/number.component.html              |    19 -
 .../number/number.component.spec.ts           |    54 -
 .../number/number.component.stories.ts        |    43 -
 .../number/number.component.ts                |    66 -
 .../password/password.component.css           |     0
 .../password/password.component.html          |     3 -
 .../password/password.component.spec.ts       |    31 -
 .../password/password.component.stories.ts    |    43 -
 .../password/password.component.ts            |    14 -
 .../phone/phone.component.css                 |    20 -
 .../phone/phone.component.html                |    20 -
 .../phone/phone.component.spec.ts             |    40 -
 .../phone/phone.component.stories.ts          |    43 -
 .../phone/phone.component.ts                  |    59 -
 .../point/point.component.css                 |    21 -
 .../point/point.component.html                |    13 -
 .../point/point.component.spec.ts             |    46 -
 .../point/point.component.stories.ts          |    43 -
 .../point/point.component.ts                  |    46 -
 .../range/range.component.css                 |    63 -
 .../range/range.component.html                |     8 -
 .../range/range.component.spec.ts             |    43 -
 .../range/range.component.stories.ts          |    43 -
 .../range/range.component.ts                  |    65 -
 .../table-display-fields/s3/s3.component.css  |    17 -
 .../table-display-fields/s3/s3.component.html |    27 -
 .../s3/s3.component.spec.ts                   |    57 -
 .../s3/s3.component.stories.ts                |    43 -
 .../table-display-fields/s3/s3.component.ts   |   103 -
 .../select/select.component.css               |     4 -
 .../select/select.component.html              |    11 -
 .../select/select.component.spec.ts           |    91 -
 .../select/select.component.stories.ts        |    44 -
 .../select/select.component.ts                |    42 -
 .../static-text/static-text.component.css     |     0
 .../static-text/static-text.component.html    |    11 -
 .../static-text/static-text.component.spec.ts |    36 -
 .../static-text.component.stories.ts          |    43 -
 .../static-text/static-text.component.ts      |    16 -
 .../text/text.component.css                   |     6 -
 .../text/text.component.html                  |    11 -
 .../text/text.component.spec.ts               |    48 -
 .../text/text.component.stories.ts            |    43 -
 .../text/text.component.ts                    |    90 -
 .../time-interval/time-interval.component.css |     0
 .../time-interval.component.html              |    11 -
 .../time-interval.component.spec.ts           |    39 -
 .../time-interval.component.stories.ts        |    43 -
 .../time-interval/time-interval.component.ts  |    40 -
 .../time/time.component.css                   |     0
 .../time/time.component.html                  |    11 -
 .../time/time.component.spec.ts               |    39 -
 .../time/time.component.stories.ts            |    43 -
 .../time/time.component.ts                    |    40 -
 .../timezone/timezone.component.css           |     1 -
 .../timezone/timezone.component.html          |    11 -
 .../timezone/timezone.component.spec.ts       |    42 -
 .../timezone/timezone.component.stories.ts    |    43 -
 .../timezone/timezone.component.ts            |    56 -
 .../url/url.component.css                     |    14 -
 .../url/url.component.html                    |    22 -
 .../url/url.component.spec.ts                 |    48 -
 .../url/url.component.stories.ts              |    43 -
 .../table-display-fields/url/url.component.ts |    33 -
 .../uuid/uuid.component.css                   |    37 -
 .../uuid/uuid.component.html                  |    16 -
 .../uuid/uuid.component.spec.ts               |    38 -
 .../uuid/uuid.component.stories.ts            |    43 -
 .../uuid/uuid.component.ts                    |    15 -
 .../turnstile/turnstile.component.css         |     5 -
 .../turnstile/turnstile.component.html        |     1 -
 .../turnstile/turnstile.component.spec.ts     |   141 -
 .../turnstile/turnstile.component.ts          |    95 -
 .../turnstile/turnstile.stories.ts            |    30 -
 .../user-password/user-password.component.css |    23 -
 .../user-password.component.html              |    45 -
 .../user-password.component.spec.ts           |    26 -
 .../user-password/user-password.component.ts  |    37 -
 .../user-password/user-password.stories.ts    |    24 -
 .../user-deleted-success.component.css        |     0
 .../user-deleted-success.component.html       |     7 -
 .../user-deleted-success.component.spec.ts    |    22 -
 .../user-deleted-success.component.ts         |    13 -
 .../account-delete-confirmation.component.css |     0
 ...account-delete-confirmation.component.html |    14 -
 ...ount-delete-confirmation.component.spec.ts |    38 -
 .../account-delete-confirmation.component.ts  |    54 -
 .../account-delete-dialog.component.css       |    20 -
 .../account-delete-dialog.component.html      |    35 -
 .../account-delete-dialog.component.spec.ts   |    71 -
 .../account-delete-dialog.component.ts        |    84 -
 .../api-key-delete-dialog.component.css       |     0
 .../api-key-delete-dialog.component.html      |    14 -
 .../api-key-delete-dialog.component.spec.ts   |    32 -
 .../api-key-delete-dialog.component.ts        |    36 -
 .../enable-two-fa-dialog.component.css        |     4 -
 .../enable-two-fa-dialog.component.html       |    23 -
 .../enable-two-fa-dialog.component.spec.ts    |    43 -
 .../enable-two-fa-dialog.component.stories.ts |    38 -
 .../enable-two-fa-dialog.component.ts         |    52 -
 .../user-settings/user-settings.component.css |   134 -
 .../user-settings.component.html              |   104 -
 .../user-settings.component.spec.ts           |   109 -
 .../user-settings/user-settings.component.ts  |   171 -
 .../cedar-policy-editor-dialog.component.css  |    73 -
 .../cedar-policy-editor-dialog.component.html |    64 -
 ...dar-policy-editor-dialog.component.spec.ts |   206 -
 .../cedar-policy-editor-dialog.component.ts   |   258 -
 .../cedar-policy-list.component.css           |   269 -
 .../cedar-policy-list.component.html          |   184 -
 .../cedar-policy-list.component.spec.ts       |   290 -
 .../cedar-policy-list.component.ts            |   356 -
 .../group-add-dialog.component.css            |     3 -
 .../group-add-dialog.component.html           |    19 -
 .../group-add-dialog.component.spec.ts        |    72 -
 .../group-add-dialog.component.stories.ts     |    38 -
 .../group-add-dialog.component.ts             |    41 -
 .../group-delete-dialog.component.css         |     0
 .../group-delete-dialog.component.html        |    14 -
 .../group-delete-dialog.component.spec.ts     |    56 -
 .../group-delete-dialog.component.ts          |    37 -
 .../group-name-edit-dialog.component.css      |     3 -
 .../group-name-edit-dialog.component.html     |    19 -
 .../group-name-edit-dialog.component.spec.ts  |    54 -
 .../group-name-edit-dialog.component.ts       |    36 -
 .../public-access-panel.component.css         |   101 -
 .../public-access-panel.component.html        |    79 -
 .../public-access-panel.component.spec.ts     |   239 -
 .../public-access-panel.component.ts          |   213 -
 .../user-add-dialog.component.css             |    24 -
 .../user-add-dialog.component.html            |    44 -
 .../user-add-dialog.component.spec.ts         |   203 -
 .../user-add-dialog.component.ts              |    42 -
 .../user-delete-dialog.component.css          |     0
 .../user-delete-dialog.component.html         |    27 -
 .../user-delete-dialog.component.spec.ts      |    55 -
 .../user-delete-dialog.component.stories.ts   |    33 -
 .../user-delete-dialog.component.ts           |    30 -
 .../app/components/users/users.component.css  |   169 -
 .../app/components/users/users.component.html |   144 -
 .../components/users/users.component.spec.ts  |   153 -
 .../app/components/users/users.component.ts   |   216 -
 .../view-as-banner.component.css              |    40 -
 .../view-as-banner.component.html             |    11 -
 .../view-as-banner.component.ts               |    31 -
 .../components/zapier/zapier.component.css    |    29 -
 .../components/zapier/zapier.component.html   |    27 -
 .../zapier/zapier.component.spec.ts           |    24 -
 .../app/components/zapier/zapier.component.ts |    41 -
 frontend/src/app/consts/acronyms.ts           |  5828 ------
 frontend/src/app/consts/code-snippets.ts      |   211 -
 frontend/src/app/consts/countries.ts          |   266 -
 frontend/src/app/consts/currencies.ts         |    87 -
 frontend/src/app/consts/databases.ts          |    25 -
 frontend/src/app/consts/filter-types.ts       |   294 -
 .../src/app/consts/google-IP-addresses.ts     |   530 -
 frontend/src/app/consts/languages.ts          |   201 -
 frontend/src/app/consts/record-edit-types.ts  |   370 -
 frontend/src/app/consts/record-view-types.ts  |   346 -
 .../src/app/consts/table-display-types.ts     |   347 -
 .../directives/base64Validator.directive.ts   |    19 -
 .../connection-string-validator.directive.ts  |    19 -
 .../directives/emailValidator.directive.ts    |    19 -
 .../app/directives/hexValidator.directive.ts  |    19 -
 .../directives/hostnameValidator.directive.ts |    22 -
 .../ngmat-table-query-reflector.directive.ts  |   159 -
 .../directives/passwordValidator.directive.ts |    19 -
 .../directives/text-validator.directive.ts    |    23 -
 .../url-validator.directive.spec.ts           |     8 -
 .../app/directives/url-validator.directive.ts |    21 -
 frontend/src/app/guards/auth.guard.spec.ts    |    16 -
 frontend/src/app/guards/auth.guard.ts         |    30 -
 .../src/app/guards/configuration.guard.ts     |    36 -
 frontend/src/app/guards/no-auth.guard.ts      |    26 -
 frontend/src/app/guards/setup.guard.ts        |    41 -
 frontend/src/app/lib/binary.spec.ts           |   179 -
 frontend/src/app/lib/binary.ts                |   119 -
 frontend/src/app/lib/cedar-monaco-language.ts |    49 -
 frontend/src/app/lib/cedar-policy-items.ts    |   132 -
 frontend/src/app/lib/cedar-policy-parser.ts   |   330 -
 .../app/lib/cedar-policy-roundtrip.spec.ts    |   555 -
 frontend/src/app/lib/chart-config.helper.ts   |   510 -
 frontend/src/app/lib/format-field-value.ts    |    30 -
 frontend/src/app/lib/normalize.spec.ts        |    23 -
 frontend/src/app/lib/normalize.ts             |    20 -
 .../src/app/lib/parse-filter-params.spec.ts   |    35 -
 frontend/src/app/lib/parse-filter-params.ts   |    15 -
 .../src/app/lib/permission-display.spec.ts    |    80 -
 frontend/src/app/lib/permission-display.ts    |    80 -
 .../app/lib/setup-table-row-structure.spec.ts |    95 -
 .../src/app/lib/setup-table-row-structure.ts  |    18 -
 frontend/src/app/models/ai-suggestions.ts     |    87 -
 frontend/src/app/models/alert.ts              |    31 -
 frontend/src/app/models/company.ts            |    70 -
 frontend/src/app/models/connection.ts         |    76 -
 frontend/src/app/models/dashboard.ts          |    45 -
 frontend/src/app/models/logs.ts               |    24 -
 frontend/src/app/models/saved-query.ts        |   124 -
 frontend/src/app/models/secret.ts             |    61 -
 frontend/src/app/models/table.ts              |   157 -
 frontend/src/app/models/ui-settings.ts        |    25 -
 frontend/src/app/models/user.ts               |   107 -
 frontend/src/app/modules/config.module.ts     |    21 -
 .../app/routes/company-invitation.routes.ts   |    14 -
 .../src/app/routes/password-change.routes.ts  |    13 -
 .../src/app/routes/password-reset.routes.ts   |    12 -
 .../app/services/ai-suggestions.service.ts    |   353 -
 frontend/src/app/services/ai.service.ts       |    50 -
 frontend/src/app/services/api.service.ts      |   262 -
 .../src/app/services/auth.service.spec.ts     |   285 -
 frontend/src/app/services/auth.service.ts     |   256 -
 .../services/cedar-permission.service.spec.ts |   563 -
 .../app/services/cedar-permission.service.ts  |   154 -
 .../app/services/cedar-validator.service.ts   |    36 -
 .../src/app/services/cedar-wasm.service.ts    |    24 -
 .../src/app/services/company.service.spec.ts  |    20 -
 frontend/src/app/services/company.service.ts  |   319 -
 .../services/configuration-state.service.ts   |   180 -
 .../services/configuration.service.spec.ts    |    22 -
 .../src/app/services/configuration.service.ts |    11 -
 .../app/services/connections.service.spec.ts  |   829 -
 .../src/app/services/connections.service.ts   |   596 -
 .../src/app/services/dashboards.service.ts    |   159 -
 .../services/master-password.service.spec.ts  |    57 -
 .../app/services/master-password.service.ts   |    27 -
 .../services/notifications.service.spec.ts    |   103 -
 .../src/app/services/notifications.service.ts |    51 -
 frontend/src/app/services/posthog.service.ts  |    26 -
 frontend/src/app/services/s3.service.spec.ts  |   341 -
 frontend/src/app/services/s3.service.ts       |   125 -
 .../src/app/services/saved-queries.service.ts |    98 -
 .../src/app/services/secrets.service.spec.ts  |   517 -
 frontend/src/app/services/secrets.service.ts  |   117 -
 .../src/app/services/selfhosted.service.ts    |    91 -
 .../app/services/table-row.service.spec.ts    |   212 -
 .../src/app/services/table-row.service.ts     |   122 -
 .../src/app/services/table-schema.service.ts  |   124 -
 .../app/services/table-state.service.spec.ts  |    16 -
 .../src/app/services/table-state.service.ts   |    95 -
 .../src/app/services/tables.service.spec.ts   |   630 -
 frontend/src/app/services/tables.service.ts   |   727 -
 .../app/services/token.interceptor.spec.ts    |    29 -
 .../src/app/services/token.interceptor.ts     |    75 -
 .../app/services/ui-settings.service.spec.ts  |    20 -
 .../src/app/services/ui-settings.service.ts   |   108 -
 .../services/url-params.interceptor.spec.ts   |    16 -
 .../app/services/url-params.interceptor.ts    |    42 -
 .../src/app/services/user.service.spec.ts     |   488 -
 frontend/src/app/services/user.service.ts     |   329 -
 .../src/app/services/users.service.spec.ts    |   400 -
 frontend/src/app/services/users.service.ts    |   259 -
 .../src/app/services/view-as.service.spec.ts  |   118 -
 frontend/src/app/services/view-as.service.ts  |    60 -
 frontend/src/app/testing/code-editor.mock.ts  |    33 -
 frontend/src/app/types/turnstile.d.ts         |    22 -
 .../src/app/validators/base64.validator.ts    |    11 -
 .../validators/connection-string.validator.ts |   131 -
 .../src/app/validators/email.validator.ts     |    12 -
 frontend/src/app/validators/hex.validator.ts  |    11 -
 .../src/app/validators/hostname.validator.ts  |    39 -
 .../src/app/validators/password.validator.ts  |    20 -
 frontend/src/app/validators/text.validator.ts |    54 -
 frontend/src/app/validators/url.validator.ts  |    19 -
 frontend/src/app/version.ts                   |     2 -
 .../src/assets/base.css                       |     0
 .../src/assets/theme.css                      |     0
 .../src/components/app/AppHeader.spec.ts      |     0
 .../src/components/app/AppHeader.vue          |     0
 .../src/components/app/AppNavDrawer.vue       |     0
 .../src/components/app/AppSnackbars.spec.ts   |     0
 .../src/components/app/AppSnackbars.vue       |     0
 .../components/app/FeatureNotification.vue    |     0
 .../src/components/app/ViewAsBanner.vue       |     0
 .../src/components/app/navigation.ts          |     0
 .../components/audit/AuditInfoDialog.spec.ts  |     0
 .../src/components/audit/AuditInfoDialog.vue  |     0
 .../src/components/audit/useAuditLog.ts       |     0
 .../src/components/auth/AuthHeader.vue        |     0
 .../components/auth/PasswordStrength.spec.ts  |     0
 .../src/components/auth/PasswordStrength.vue  |     0
 .../components/auth/TurnstileWidget.spec.ts   |     0
 .../src/components/auth/TurnstileWidget.vue   |     0
 .../src/components/auth/UserPassword.spec.ts  |     0
 .../src/components/auth/UserPassword.vue      |     0
 .../src/components/auth/analytics.ts          |     0
 .../src/components/auth/validity.ts           |     0
 .../charts/ChartAdvancedOptions.vue           |     0
 .../charts/ChartDeleteDialog.spec.ts          |     0
 .../components/charts/ChartDeleteDialog.vue   |     0
 .../components/charts/ChartPreview.spec.ts    |     0
 .../src/components/charts/ChartPreview.vue    |     0
 .../components/charts/ChartSeriesEditor.vue   |     0
 .../components/charts/__tests__/chart-stub.ts |     0
 .../src/components/charts/chartEditor.spec.ts |     0
 .../src/components/charts/chartEditor.ts      |     0
 .../src/components/charts/chartjs.ts          |     0
 .../company/CompanyMemberAccess.vue           |     0
 .../components/company/CompanyRoleMenu.vue    |     0
 .../company/DeleteDomainDialog.spec.ts        |     0
 .../components/company/DeleteDomainDialog.vue |     0
 .../company/DeleteMemberDialog.spec.ts        |     0
 .../components/company/DeleteMemberDialog.vue |     0
 .../company/InviteMemberDialog.spec.ts        |     0
 .../components/company/InviteMemberDialog.vue |     0
 .../company/RevokeInvitationDialog.spec.ts    |     0
 .../company/RevokeInvitationDialog.vue        |     0
 .../src/components/company/companyRoles.ts    |     0
 .../DbConnectionConfirmDialog.spec.ts         |     0
 .../connections/DbConnectionConfirmDialog.vue |     0
 .../DbConnectionDeleteDialog.spec.ts          |     0
 .../connections/DbConnectionDeleteDialog.vue  |     0
 .../DbConnectionIpAccessDialog.spec.ts        |     0
 .../DbConnectionIpAccessDialog.vue            |     0
 .../MasterEncryptionPassword.spec.ts          |     0
 .../connections/MasterEncryptionPassword.vue  |     0
 .../connections/OwnConnections.spec.ts        |     0
 .../components/connections/OwnConnections.vue |     0
 .../src/components/connections/analytics.ts   |     0
 .../connections/autoConfigureMessages.spec.ts |     0
 .../connections/autoConfigureMessages.ts      |     0
 .../credentials/CassandraCredentialsForm.vue  |     0
 .../credentials/ClickhouseCredentialsForm.vue |     0
 .../CredentialsAdvancedSettings.vue           |     0
 .../credentials/CredentialsField.vue          |     0
 .../credentials/CredentialsForms.spec.ts      |     0
 .../credentials/CredentialsHostField.vue      |     0
 .../credentials/CredentialsPasswordField.vue  |     0
 .../credentials/CredentialsTextField.vue      |     0
 .../credentials/DynamodbCredentialsForm.vue   |     0
 .../credentials/ElasticCredentialsForm.vue    |     0
 .../credentials/MongodbCredentialsForm.vue    |     0
 .../credentials/MssqlCredentialsForm.vue      |     0
 .../credentials/MysqlCredentialsForm.vue      |     0
 .../credentials/OracledbCredentialsForm.vue   |     0
 .../credentials/PostgresCredentialsForm.vue   |     0
 .../credentials/RedisCredentialsForm.vue      |     0
 .../credentials/credentialsForm.ts            |     0
 .../connections/credentials/fieldPresets.ts   |     0
 .../connections/credentials/index.ts          |     0
 .../src/components/connections/dbLogos.ts     |     0
 .../components/connections/dialogTestUtils.ts |     0
 .../src/components/connections/dialogs.ts     |     0
 .../components/connections/provider.spec.ts   |     0
 .../src/components/connections/provider.ts    |     0
 .../components/dashboard/ActionLinkDialog.vue |     0
 .../BulkActionConfirmationDialog.vue          |     0
 .../src/components/dashboard/ColumnsList.vue  |     0
 .../dashboard/FolderDeleteDialog.vue          |     0
 .../components/dashboard/FolderEditDialog.vue |     0
 .../dashboard/SavedFiltersDialog.helpers.ts   |     0
 .../dashboard/SavedFiltersDialog.spec.ts      |     0
 .../dashboard/SavedFiltersDialog.vue          |     0
 .../dashboard/SavedFiltersPanel.helpers.ts    |     0
 .../dashboard/SavedFiltersPanel.spec.ts       |     0
 .../dashboard/SavedFiltersPanel.vue           |     0
 .../dashboard/TableAiPanel.helpers.ts         |     0
 .../components/dashboard/TableAiPanel.spec.ts |     0
 .../src/components/dashboard/TableAiPanel.vue |     0
 .../dashboard/TableExportDialog.helpers.ts    |     0
 .../dashboard/TableExportDialog.spec.ts       |     0
 .../dashboard/TableExportDialog.vue           |     0
 .../dashboard/TableFiltersDialog.helpers.ts   |     0
 .../dashboard/TableFiltersDialog.spec.ts      |     0
 .../dashboard/TableFiltersDialog.vue          |     0
 .../dashboard/TableImportDialog.spec.ts       |     0
 .../dashboard/TableImportDialog.vue           |     0
 .../components/dashboard/TableRowView.spec.ts |     0
 .../src/components/dashboard/TableRowView.vue |     0
 .../src/components/dashboard/TableSheet.vue   |     0
 .../components/dashboard/TableView.spec.ts    |     0
 .../src/components/dashboard/TableView.vue    |     0
 .../components/dashboard/TablesList.spec.ts   |     0
 .../src/components/dashboard/TablesList.vue   |     0
 .../src/components/dashboard/analytics.ts     |     0
 .../src/components/dashboard/backUrl.ts       |     0
 .../src/components/dashboard/dialogs.spec.ts  |     0
 .../src/components/dashboard/folderColors.ts  |     0
 .../src/components/dashboard/types.ts         |     0
 .../dashboards/ChartMiniPreview.vue           |     0
 .../dashboards/DashboardDeleteDialog.vue      |     0
 .../dashboards/DashboardEditDialog.spec.ts    |     0
 .../dashboards/DashboardEditDialog.vue        |     0
 .../dashboards/DashboardsSidebar.spec.ts      |     0
 .../dashboards/DashboardsSidebar.vue          |     0
 .../dashboards/DeleteDialogs.spec.ts          |     0
 .../components/dashboards/DeleteWarning.vue   |     0
 .../dashboards/PanelDeleteDialog.vue          |     0
 .../dashboards/PanelEditDialog.spec.ts        |     0
 .../components/dashboards/PanelEditDialog.vue |     0
 .../dashboards/__tests__/dialog-harness.ts    |     0
 .../dashboards/__tests__/mount-page.ts        |     0
 .../src/components/dashboards/analytics.ts    |     0
 .../dashboards/panels/ChartPanel.vue          |     0
 .../dashboards/panels/CounterPanel.vue        |     0
 .../dashboards/panels/DashboardPanel.vue      |     0
 .../dashboards/panels/TablePanel.vue          |     0
 .../dashboards/panels/TextPanel.vue           |     0
 .../dashboards/panels/panels.spec.ts          |     0
 .../src/components/dialog/AppDialog.vue       |     0
 .../src/components/dialog/AppDialogForm.vue   |     0
 .../src/components/dialog/DialogHost.vue      |     0
 .../src/components/dialog/DialogOutlet.vue    |     0
 .../src/components/dialog/dialog.spec.ts      |     0
 .../filter/BinaryDataCaptionFilter.spec.ts    |     0
 .../filter/BinaryDataCaptionFilter.stories.ts |     0
 .../fields/filter/BinaryDataCaptionFilter.vue |     0
 .../fields/filter/BinaryFilter.spec.ts        |     0
 .../fields/filter/BinaryFilter.stories.ts     |     0
 .../components/fields/filter/BinaryFilter.vue |     0
 .../fields/filter/BooleanFilter.spec.ts       |     0
 .../fields/filter/BooleanFilter.stories.ts    |     0
 .../fields/filter/BooleanFilter.vue           |     0
 .../fields/filter/CountryFilter.spec.ts       |     0
 .../fields/filter/CountryFilter.stories.ts    |     0
 .../fields/filter/CountryFilter.vue           |     0
 .../fields/filter/DateFilter.spec.ts          |     0
 .../fields/filter/DateFilter.stories.ts       |     0
 .../components/fields/filter/DateFilter.vue   |     0
 .../fields/filter/DateTimeFilter.spec.ts      |     0
 .../fields/filter/DateTimeFilter.stories.ts   |     0
 .../fields/filter/DateTimeFilter.vue          |     0
 .../fields/filter/DefaultFilter.spec.ts       |     0
 .../fields/filter/DefaultFilter.stories.ts    |     0
 .../fields/filter/DefaultFilter.vue           |     0
 .../fields/filter/EmailFilter.spec.ts         |     0
 .../fields/filter/EmailFilter.stories.ts      |     0
 .../components/fields/filter/EmailFilter.vue  |     0
 .../fields/filter/FILTER_WIDGETS.md           |     0
 .../fields/filter/FileFilter.spec.ts          |     0
 .../fields/filter/FileFilter.stories.ts       |     0
 .../components/fields/filter/FileFilter.vue   |     0
 .../fields/filter/FilterComparatorRow.vue     |     0
 .../fields/filter/ForeignKeyFilter.spec.ts    |     0
 .../fields/filter/ForeignKeyFilter.stories.ts |     0
 .../fields/filter/ForeignKeyFilter.vue        |     0
 .../components/fields/filter/IdFilter.spec.ts |     0
 .../fields/filter/IdFilter.stories.ts         |     0
 .../src/components/fields/filter/IdFilter.vue |     0
 .../fields/filter/JsonEditorFilter.spec.ts    |     0
 .../fields/filter/JsonEditorFilter.stories.ts |     0
 .../fields/filter/JsonEditorFilter.vue        |     0
 .../fields/filter/LongTextFilter.spec.ts      |     0
 .../fields/filter/LongTextFilter.stories.ts   |     0
 .../fields/filter/LongTextFilter.vue          |     0
 .../fields/filter/NumberFilter.spec.ts        |     0
 .../fields/filter/NumberFilter.stories.ts     |     0
 .../components/fields/filter/NumberFilter.vue |     0
 .../fields/filter/PasswordFilter.spec.ts      |     0
 .../fields/filter/PasswordFilter.stories.ts   |     0
 .../fields/filter/PasswordFilter.vue          |     0
 .../fields/filter/PhoneFilter.spec.ts         |     0
 .../fields/filter/PhoneFilter.stories.ts      |     0
 .../components/fields/filter/PhoneFilter.vue  |     0
 .../fields/filter/PointFilter.spec.ts         |     0
 .../fields/filter/PointFilter.stories.ts      |     0
 .../components/fields/filter/PointFilter.vue  |     0
 .../fields/filter/SelectFilter.spec.ts        |     0
 .../fields/filter/SelectFilter.stories.ts     |     0
 .../components/fields/filter/SelectFilter.vue |     0
 .../fields/filter/StaticTextFilter.spec.ts    |     0
 .../fields/filter/StaticTextFilter.stories.ts |     0
 .../fields/filter/StaticTextFilter.vue        |     0
 .../fields/filter/TextFilter.spec.ts          |     0
 .../fields/filter/TextFilter.stories.ts       |     0
 .../components/fields/filter/TextFilter.vue   |     0
 .../fields/filter/TimeFilter.spec.ts          |     0
 .../fields/filter/TimeFilter.stories.ts       |     0
 .../components/fields/filter/TimeFilter.vue   |     0
 .../fields/filter/TimeIntervalFilter.spec.ts  |     0
 .../filter/TimeIntervalFilter.stories.ts      |     0
 .../fields/filter/TimeIntervalFilter.vue      |     0
 .../fields/filter/TimezoneFilter.spec.ts      |     0
 .../fields/filter/TimezoneFilter.stories.ts   |     0
 .../fields/filter/TimezoneFilter.vue          |     0
 .../fields/filter/comparatorType.spec.ts      |     0
 .../fields/filter/comparatorType.ts           |     0
 .../fields/filter/filterTestUtils.ts          |     0
 .../src/components/fields/filter/timezones.ts |     0
 .../components/fields/filter/useAutofocus.ts  |     0
 .../record-edit/BinaryDataCaptionEdit.spec.ts |     0
 .../BinaryDataCaptionEdit.stories.ts          |     0
 .../record-edit/BinaryDataCaptionEdit.vue     |     0
 .../fields/record-edit/BinaryEdit.spec.ts     |     0
 .../fields/record-edit/BinaryEdit.stories.ts  |     0
 .../fields/record-edit/BinaryEdit.vue         |     0
 .../fields/record-edit/BooleanEdit.spec.ts    |     0
 .../fields/record-edit/BooleanEdit.stories.ts |     0
 .../fields/record-edit/BooleanEdit.vue        |     0
 .../fields/record-edit/CodeEdit.spec.ts       |     0
 .../fields/record-edit/CodeEdit.stories.ts    |     0
 .../fields/record-edit/CodeEdit.vue           |     0
 .../fields/record-edit/ColorEdit.spec.ts      |     0
 .../fields/record-edit/ColorEdit.stories.ts   |     0
 .../fields/record-edit/ColorEdit.vue          |     0
 .../fields/record-edit/CountryEdit.spec.ts    |     0
 .../fields/record-edit/CountryEdit.stories.ts |     0
 .../fields/record-edit/CountryEdit.vue        |     0
 .../fields/record-edit/DateEdit.spec.ts       |     0
 .../fields/record-edit/DateEdit.stories.ts    |     0
 .../fields/record-edit/DateEdit.vue           |     0
 .../fields/record-edit/DateTimeEdit.spec.ts   |     0
 .../record-edit/DateTimeEdit.stories.ts       |     0
 .../fields/record-edit/DateTimeEdit.vue       |     0
 .../fields/record-edit/FileEdit.spec.ts       |     0
 .../fields/record-edit/FileEdit.stories.ts    |     0
 .../fields/record-edit/FileEdit.vue           |     0
 .../fields/record-edit/ForeignKeyEdit.spec.ts |     0
 .../record-edit/ForeignKeyEdit.stories.ts     |     0
 .../fields/record-edit/ForeignKeyEdit.vue     |     0
 .../fields/record-edit/IdEdit.spec.ts         |     0
 .../fields/record-edit/IdEdit.stories.ts      |     0
 .../components/fields/record-edit/IdEdit.vue  |     0
 .../fields/record-edit/ImageEdit.spec.ts      |     0
 .../fields/record-edit/ImageEdit.stories.ts   |     0
 .../fields/record-edit/ImageEdit.vue          |     0
 .../fields/record-edit/JsonEditorEdit.spec.ts |     0
 .../record-edit/JsonEditorEdit.stories.ts     |     0
 .../fields/record-edit/JsonEditorEdit.vue     |     0
 .../fields/record-edit/LanguageEdit.spec.ts   |     0
 .../record-edit/LanguageEdit.stories.ts       |     0
 .../fields/record-edit/LanguageEdit.vue       |     0
 .../fields/record-edit/LongTextEdit.spec.ts   |     0
 .../record-edit/LongTextEdit.stories.ts       |     0
 .../fields/record-edit/LongTextEdit.vue       |     0
 .../fields/record-edit/MarkdownEdit.spec.ts   |     0
 .../record-edit/MarkdownEdit.stories.ts       |     0
 .../fields/record-edit/MarkdownEdit.vue       |     0
 .../fields/record-edit/MoneyEdit.spec.ts      |     0
 .../fields/record-edit/MoneyEdit.stories.ts   |     0
 .../fields/record-edit/MoneyEdit.vue          |     0
 .../fields/record-edit/NumberEdit.spec.ts     |     0
 .../fields/record-edit/NumberEdit.stories.ts  |     0
 .../fields/record-edit/NumberEdit.vue         |     0
 .../fields/record-edit/PasswordEdit.spec.ts   |     0
 .../record-edit/PasswordEdit.stories.ts       |     0
 .../fields/record-edit/PasswordEdit.vue       |     0
 .../fields/record-edit/PhoneEdit.countries.ts |     0
 .../fields/record-edit/PhoneEdit.spec.ts      |     0
 .../fields/record-edit/PhoneEdit.stories.ts   |     0
 .../fields/record-edit/PhoneEdit.vue          |     0
 .../fields/record-edit/PointEdit.spec.ts      |     0
 .../fields/record-edit/PointEdit.stories.ts   |     0
 .../fields/record-edit/PointEdit.vue          |     0
 .../fields/record-edit/RangeEdit.spec.ts      |     0
 .../fields/record-edit/RangeEdit.stories.ts   |     0
 .../fields/record-edit/RangeEdit.vue          |     0
 .../fields/record-edit/S3Edit.spec.ts         |     0
 .../fields/record-edit/S3Edit.stories.ts      |     0
 .../components/fields/record-edit/S3Edit.vue  |     0
 .../fields/record-edit/SelectEdit.spec.ts     |     0
 .../fields/record-edit/SelectEdit.stories.ts  |     0
 .../fields/record-edit/SelectEdit.vue         |     0
 .../fields/record-edit/StaticTextEdit.spec.ts |     0
 .../record-edit/StaticTextEdit.stories.ts     |     0
 .../fields/record-edit/StaticTextEdit.vue     |     0
 .../fields/record-edit/TextEdit.spec.ts       |     0
 .../fields/record-edit/TextEdit.stories.ts    |     0
 .../fields/record-edit/TextEdit.vue           |     0
 .../fields/record-edit/TimeEdit.spec.ts       |     0
 .../fields/record-edit/TimeEdit.stories.ts    |     0
 .../fields/record-edit/TimeEdit.vue           |     0
 .../record-edit/TimeIntervalEdit.spec.ts      |     0
 .../record-edit/TimeIntervalEdit.stories.ts   |     0
 .../fields/record-edit/TimeIntervalEdit.vue   |     0
 .../fields/record-edit/TimezoneEdit.spec.ts   |     0
 .../record-edit/TimezoneEdit.stories.ts       |     0
 .../fields/record-edit/TimezoneEdit.vue       |     0
 .../fields/record-edit/UrlEdit.spec.ts        |     0
 .../fields/record-edit/UrlEdit.stories.ts     |     0
 .../components/fields/record-edit/UrlEdit.vue |     0
 .../fields/record-edit/UuidEdit.spec.ts       |     0
 .../fields/record-edit/UuidEdit.stories.ts    |     0
 .../fields/record-edit/UuidEdit.vue           |     0
 .../BinaryDataCaptionRecordView.spec.ts       |     0
 .../BinaryDataCaptionRecordView.stories.ts    |     0
 .../BinaryDataCaptionRecordView.vue           |     0
 .../record-view/BinaryRecordView.spec.ts      |     0
 .../record-view/BinaryRecordView.stories.ts   |     0
 .../fields/record-view/BinaryRecordView.vue   |     0
 .../record-view/BooleanRecordView.spec.ts     |     0
 .../record-view/BooleanRecordView.stories.ts  |     0
 .../fields/record-view/BooleanRecordView.vue  |     0
 .../fields/record-view/CodeRecordView.spec.ts |     0
 .../record-view/CodeRecordView.stories.ts     |     0
 .../fields/record-view/CodeRecordView.vue     |     0
 .../record-view/ColorRecordView.spec.ts       |     0
 .../record-view/ColorRecordView.stories.ts    |     0
 .../fields/record-view/ColorRecordView.vue    |     0
 .../record-view/CountryRecordView.spec.ts     |     0
 .../record-view/CountryRecordView.stories.ts  |     0
 .../fields/record-view/CountryRecordView.vue  |     0
 .../fields/record-view/DateRecordView.spec.ts |     0
 .../record-view/DateRecordView.stories.ts     |     0
 .../fields/record-view/DateRecordView.vue     |     0
 .../record-view/DateTimeRecordView.spec.ts    |     0
 .../record-view/DateTimeRecordView.stories.ts |     0
 .../fields/record-view/DateTimeRecordView.vue |     0
 .../fields/record-view/FileRecordView.spec.ts |     0
 .../record-view/FileRecordView.stories.ts     |     0
 .../fields/record-view/FileRecordView.vue     |     0
 .../record-view/ForeignKeyRecordView.spec.ts  |     0
 .../ForeignKeyRecordView.stories.ts           |     0
 .../record-view/ForeignKeyRecordView.vue      |     0
 .../fields/record-view/IdRecordView.spec.ts   |     0
 .../record-view/IdRecordView.stories.ts       |     0
 .../fields/record-view/IdRecordView.vue       |     0
 .../record-view/ImageRecordView.spec.ts       |     0
 .../record-view/ImageRecordView.stories.ts    |     0
 .../fields/record-view/ImageRecordView.vue    |     0
 .../record-view/JsonEditorRecordView.spec.ts  |     0
 .../JsonEditorRecordView.stories.ts           |     0
 .../record-view/JsonEditorRecordView.vue      |     0
 .../record-view/LanguageRecordView.spec.ts    |     0
 .../record-view/LanguageRecordView.stories.ts |     0
 .../fields/record-view/LanguageRecordView.vue |     0
 .../record-view/LongTextRecordView.spec.ts    |     0
 .../record-view/LongTextRecordView.stories.ts |     0
 .../fields/record-view/LongTextRecordView.vue |     0
 .../record-view/MarkdownRecordView.spec.ts    |     0
 .../record-view/MarkdownRecordView.stories.ts |     0
 .../fields/record-view/MarkdownRecordView.vue |     0
 .../record-view/MoneyRecordView.spec.ts       |     0
 .../record-view/MoneyRecordView.stories.ts    |     0
 .../fields/record-view/MoneyRecordView.vue    |     0
 .../record-view/NumberRecordView.spec.ts      |     0
 .../record-view/NumberRecordView.stories.ts   |     0
 .../fields/record-view/NumberRecordView.vue   |     0
 .../record-view/PasswordRecordView.spec.ts    |     0
 .../record-view/PasswordRecordView.stories.ts |     0
 .../fields/record-view/PasswordRecordView.vue |     0
 .../record-view/PhoneRecordView.spec.ts       |     0
 .../record-view/PhoneRecordView.stories.ts    |     0
 .../fields/record-view/PhoneRecordView.vue    |     0
 .../record-view/PointRecordView.spec.ts       |     0
 .../record-view/PointRecordView.stories.ts    |     0
 .../fields/record-view/PointRecordView.vue    |     0
 .../record-view/RangeRecordView.spec.ts       |     0
 .../record-view/RangeRecordView.stories.ts    |     0
 .../fields/record-view/RangeRecordView.vue    |     0
 .../record-view/RecordViewValue.spec.ts       |     0
 .../fields/record-view/RecordViewValue.vue    |     0
 .../fields/record-view/S3RecordView.spec.ts   |     0
 .../record-view/S3RecordView.stories.ts       |     0
 .../fields/record-view/S3RecordView.vue       |     0
 .../record-view/SelectRecordView.spec.ts      |     0
 .../record-view/SelectRecordView.stories.ts   |     0
 .../fields/record-view/SelectRecordView.vue   |     0
 .../record-view/StaticTextRecordView.spec.ts  |     0
 .../StaticTextRecordView.stories.ts           |     0
 .../record-view/StaticTextRecordView.vue      |     0
 .../fields/record-view/TextRecordView.spec.ts |     0
 .../record-view/TextRecordView.stories.ts     |     0
 .../fields/record-view/TextRecordView.vue     |     0
 .../TimeIntervalRecordView.spec.ts            |     0
 .../TimeIntervalRecordView.stories.ts         |     0
 .../record-view/TimeIntervalRecordView.vue    |     0
 .../fields/record-view/TimeRecordView.spec.ts |     0
 .../record-view/TimeRecordView.stories.ts     |     0
 .../fields/record-view/TimeRecordView.vue     |     0
 .../record-view/TimezoneRecordView.spec.ts    |     0
 .../record-view/TimezoneRecordView.stories.ts |     0
 .../fields/record-view/TimezoneRecordView.vue |     0
 .../fields/record-view/UrlRecordView.spec.ts  |     0
 .../record-view/UrlRecordView.stories.ts      |     0
 .../fields/record-view/UrlRecordView.vue      |     0
 .../fields/record-view/UuidRecordView.spec.ts |     0
 .../record-view/UuidRecordView.stories.ts     |     0
 .../fields/record-view/UuidRecordView.vue     |     0
 .../src/components/fields/stories.mocks.ts    |     0
 .../BinaryDataCaptionDisplay.spec.ts          |     0
 .../BinaryDataCaptionDisplay.stories.ts       |     0
 .../BinaryDataCaptionDisplay.vue              |     0
 .../table-display/BinaryDisplay.spec.ts       |     0
 .../table-display/BinaryDisplay.stories.ts    |     0
 .../fields/table-display/BinaryDisplay.vue    |     0
 .../table-display/BooleanDisplay.spec.ts      |     0
 .../table-display/BooleanDisplay.stories.ts   |     0
 .../fields/table-display/BooleanDisplay.vue   |     0
 .../fields/table-display/CodeDisplay.spec.ts  |     0
 .../table-display/CodeDisplay.stories.ts      |     0
 .../fields/table-display/CodeDisplay.vue      |     0
 .../fields/table-display/ColorDisplay.spec.ts |     0
 .../table-display/ColorDisplay.stories.ts     |     0
 .../fields/table-display/ColorDisplay.vue     |     0
 .../table-display/CountryDisplay.spec.ts      |     0
 .../table-display/CountryDisplay.stories.ts   |     0
 .../fields/table-display/CountryDisplay.vue   |     0
 .../fields/table-display/DateDisplay.spec.ts  |     0
 .../table-display/DateDisplay.stories.ts      |     0
 .../fields/table-display/DateDisplay.vue      |     0
 .../table-display/DateTimeDisplay.spec.ts     |     0
 .../table-display/DateTimeDisplay.stories.ts  |     0
 .../fields/table-display/DateTimeDisplay.vue  |     0
 .../fields/table-display/FileDisplay.spec.ts  |     0
 .../table-display/FileDisplay.stories.ts      |     0
 .../fields/table-display/FileDisplay.vue      |     0
 .../table-display/ForeignKeyDisplay.spec.ts   |     0
 .../ForeignKeyDisplay.stories.ts              |     0
 .../table-display/ForeignKeyDisplay.vue       |     0
 .../fields/table-display/IdDisplay.spec.ts    |     0
 .../fields/table-display/IdDisplay.stories.ts |     0
 .../fields/table-display/IdDisplay.vue        |     0
 .../fields/table-display/ImageDisplay.spec.ts |     0
 .../table-display/ImageDisplay.stories.ts     |     0
 .../fields/table-display/ImageDisplay.vue     |     0
 .../table-display/JsonEditorDisplay.spec.ts   |     0
 .../JsonEditorDisplay.stories.ts              |     0
 .../table-display/JsonEditorDisplay.vue       |     0
 .../table-display/LanguageDisplay.spec.ts     |     0
 .../table-display/LanguageDisplay.stories.ts  |     0
 .../fields/table-display/LanguageDisplay.vue  |     0
 .../table-display/LongTextDisplay.spec.ts     |     0
 .../table-display/LongTextDisplay.stories.ts  |     0
 .../fields/table-display/LongTextDisplay.vue  |     0
 .../table-display/MarkdownDisplay.spec.ts     |     0
 .../table-display/MarkdownDisplay.stories.ts  |     0
 .../fields/table-display/MarkdownDisplay.vue  |     0
 .../fields/table-display/MoneyDisplay.spec.ts |     0
 .../table-display/MoneyDisplay.stories.ts     |     0
 .../fields/table-display/MoneyDisplay.vue     |     0
 .../table-display/NumberDisplay.spec.ts       |     0
 .../table-display/NumberDisplay.stories.ts    |     0
 .../fields/table-display/NumberDisplay.vue    |     0
 .../table-display/PasswordDisplay.spec.ts     |     0
 .../table-display/PasswordDisplay.stories.ts  |     0
 .../fields/table-display/PasswordDisplay.vue  |     0
 .../fields/table-display/PhoneDisplay.spec.ts |     0
 .../table-display/PhoneDisplay.stories.ts     |     0
 .../fields/table-display/PhoneDisplay.vue     |     0
 .../fields/table-display/PointDisplay.spec.ts |     0
 .../table-display/PointDisplay.stories.ts     |     0
 .../fields/table-display/PointDisplay.vue     |     0
 .../fields/table-display/RangeDisplay.spec.ts |     0
 .../table-display/RangeDisplay.stories.ts     |     0
 .../fields/table-display/RangeDisplay.vue     |     0
 .../fields/table-display/S3Display.spec.ts    |     0
 .../fields/table-display/S3Display.stories.ts |     0
 .../fields/table-display/S3Display.vue        |     0
 .../table-display/SelectDisplay.spec.ts       |     0
 .../table-display/SelectDisplay.stories.ts    |     0
 .../fields/table-display/SelectDisplay.vue    |     0
 .../table-display/StaticTextDisplay.spec.ts   |     0
 .../StaticTextDisplay.stories.ts              |     0
 .../table-display/StaticTextDisplay.vue       |     0
 .../table-display/TableDisplayCell.spec.ts    |     0
 .../fields/table-display/TableDisplayCell.vue |     0
 .../fields/table-display/TextDisplay.spec.ts  |     0
 .../table-display/TextDisplay.stories.ts      |     0
 .../fields/table-display/TextDisplay.vue      |     0
 .../fields/table-display/TimeDisplay.spec.ts  |     0
 .../table-display/TimeDisplay.stories.ts      |     0
 .../fields/table-display/TimeDisplay.vue      |     0
 .../table-display/TimeIntervalDisplay.spec.ts |     0
 .../TimeIntervalDisplay.stories.ts            |     0
 .../table-display/TimeIntervalDisplay.vue     |     0
 .../table-display/TimezoneDisplay.spec.ts     |     0
 .../table-display/TimezoneDisplay.stories.ts  |     0
 .../fields/table-display/TimezoneDisplay.vue  |     0
 .../fields/table-display/UrlDisplay.spec.ts   |     0
 .../table-display/UrlDisplay.stories.ts       |     0
 .../fields/table-display/UrlDisplay.vue       |     0
 .../fields/table-display/UuidDisplay.spec.ts  |     0
 .../table-display/UuidDisplay.stories.ts      |     0
 .../fields/table-display/UuidDisplay.vue      |     0
 .../fields/table-display/testing.ts           |     0
 .../src/components/fields/types.ts            |     0
 .../components/fields/useFieldWidget.spec.ts  |     0
 .../src/components/fields/useFieldWidget.ts   |     0
 .../MasterPasswordDialog.spec.ts              |     0
 .../master-password/MasterPasswordDialog.vue  |     0
 .../src/components/profile/ProfileLayout.vue  |     0
 .../components/profile/ProfileSidebar.spec.ts |     0
 .../src/components/profile/ProfileSidebar.vue |     0
 .../schema/SchemaDiagramViewer.spec.ts        |     0
 .../components/schema/SchemaDiagramViewer.vue |     0
 .../components/schema/SchemaEditor.spec.ts    |     0
 .../src/components/schema/SchemaEditor.vue    |     0
 .../src/components/schema/mermaid.ts          |     0
 .../components/schema/schemaChanges.spec.ts   |     0
 .../src/components/schema/schemaChanges.ts    |     0
 .../secrets/CreateSecretDialog.spec.ts        |     0
 .../components/secrets/CreateSecretDialog.vue |     0
 .../secrets/DeleteSecretDialog.spec.ts        |     0
 .../components/secrets/DeleteSecretDialog.vue |     0
 .../secrets/EditSecretDialog.spec.ts          |     0
 .../components/secrets/EditSecretDialog.vue   |     0
 .../secrets/SecretAuditLogDialog.spec.ts      |     0
 .../secrets/SecretAuditLogDialog.vue          |     0
 .../SecretMasterPasswordDialog.spec.ts        |     0
 .../secrets/SecretMasterPasswordDialog.vue    |     0
 .../components/secrets/secretUtils.spec.ts    |     0
 .../src/components/secrets/secretUtils.ts     |     0
 .../components/secrets/secretsTestUtils.ts    |     0
 .../src/components/shared/AppAlert.spec.ts    |     0
 .../src/components/shared/AppAlert.stories.ts |     0
 .../src/components/shared/AppAlert.vue        |     0
 .../src/components/shared/AppBanner.spec.ts   |     0
 .../components/shared/AppBanner.stories.ts    |     0
 .../src/components/shared/AppBanner.vue       |     0
 .../components/shared/AppBreadcrumbs.spec.ts  |     0
 .../shared/AppBreadcrumbs.stories.ts          |     0
 .../src/components/shared/AppBreadcrumbs.vue  |     0
 .../components/shared/AppCodeEditor.spec.ts   |     0
 .../shared/AppCodeEditor.stories.ts           |     0
 .../src/components/shared/AppCodeEditor.vue   |     0
 .../shared/AppContentLoader.spec.ts           |     0
 .../shared/AppContentLoader.stories.ts        |     0
 .../components/shared/AppContentLoader.vue    |     0
 .../components/shared/AppIconPicker.spec.ts   |     0
 .../shared/AppIconPicker.stories.ts           |     0
 .../src/components/shared/AppIconPicker.vue   |     0
 .../shared/AppIpAddressButton.spec.ts         |     0
 .../components/shared/AppIpAddressButton.vue  |     0
 .../src/components/shared/AppMarkdown.spec.ts |     0
 .../components/shared/AppMarkdown.stories.ts  |     0
 .../src/components/shared/AppMarkdown.vue     |     0
 .../skeletons/PlaceholderAddUserDialog.vue    |     0
 .../skeletons/PlaceholderApiKeysList.vue      |     0
 .../skeletons/PlaceholderAuditLog.vue         |     0
 .../skeletons/PlaceholderCompany.vue          |     0
 .../PlaceholderCompanyInvitation.vue          |     0
 .../PlaceholderConnectionSettings.vue         |     0
 .../skeletons/PlaceholderConnections.vue      |     0
 .../skeletons/PlaceholderDashboards.vue       |     0
 .../skeletons/PlaceholderRecordView.vue       |     0
 .../skeletons/PlaceholderRowEdit.vue          |     0
 .../skeletons/PlaceholderSavedFilters.vue     |     0
 .../skeletons/PlaceholderTableData.vue        |     0
 .../skeletons/PlaceholderTableSettings.vue    |     0
 .../skeletons/PlaceholderTableView.vue        |     0
 .../skeletons/PlaceholderTableWidgets.vue     |     0
 .../skeletons/PlaceholderUserGroup.vue        |     0
 .../skeletons/PlaceholderUserGroups.vue       |     0
 .../skeletons/Placeholders.stories.ts         |     0
 .../components/skeletons/placeholders.spec.ts |     0
 .../components/table/ActionDeleteDialog.vue   |     0
 .../table/AutomationsEmptyState.vue           |     0
 .../src/components/table/TableWidgetItem.vue  |     0
 .../src/components/table/WebhookSnippets.vue  |     0
 .../components/table/WidgetDeleteDialog.vue   |     0
 .../components/table/WidgetsEmptyState.vue    |     0
 .../src/components/table/analytics.ts         |     0
 .../src/components/table/dialogs.spec.ts      |     0
 .../components/table/widget-defaults.spec.ts  |     0
 .../src/components/table/widget-defaults.ts   |     0
 .../src/components/ui/CONVENTIONS.md          |     0
 .../src/components/ui/UiAccordion.vue         |     0
 .../src/components/ui/UiAlert.spec.ts         |     0
 .../src/components/ui/UiAlert.stories.ts      |     0
 .../src/components/ui/UiAlert.vue             |     0
 .../src/components/ui/UiAutocomplete.spec.ts  |     0
 .../components/ui/UiAutocomplete.stories.ts   |     0
 .../src/components/ui/UiAutocomplete.vue      |     0
 .../src/components/ui/UiBadge.spec.ts         |     0
 .../src/components/ui/UiBadge.stories.ts      |     0
 .../src/components/ui/UiBadge.vue             |     0
 .../src/components/ui/UiButton.spec.ts        |     0
 .../src/components/ui/UiButton.stories.ts     |     0
 .../src/components/ui/UiButton.vue            |     0
 .../src/components/ui/UiCard.spec.ts          |     0
 .../src/components/ui/UiCard.stories.ts       |     0
 .../src/components/ui/UiCard.vue              |     0
 .../src/components/ui/UiCheckbox.spec.ts      |     0
 .../src/components/ui/UiCheckbox.stories.ts   |     0
 .../src/components/ui/UiCheckbox.vue          |     0
 .../src/components/ui/UiChip.spec.ts          |     0
 .../src/components/ui/UiChip.stories.ts       |     0
 .../src/components/ui/UiChip.vue              |     0
 .../src/components/ui/UiConfirmDialog.spec.ts |     0
 .../components/ui/UiConfirmDialog.stories.ts  |     0
 .../src/components/ui/UiConfirmDialog.vue     |     0
 .../src/components/ui/UiDivider.spec.ts       |     0
 .../src/components/ui/UiDivider.stories.ts    |     0
 .../src/components/ui/UiDivider.vue           |     0
 .../src/components/ui/UiDrawer.spec.ts        |     0
 .../src/components/ui/UiDrawer.stories.ts     |     0
 .../src/components/ui/UiDrawer.vue            |     0
 .../components/ui/UiExpansionPanel.spec.ts    |     0
 .../components/ui/UiExpansionPanel.stories.ts |     0
 .../src/components/ui/UiExpansionPanel.vue    |     0
 .../src/components/ui/UiField.spec.ts         |     0
 .../src/components/ui/UiField.stories.ts      |     0
 .../src/components/ui/UiField.vue             |     0
 .../src/components/ui/UiIcon.spec.ts          |     0
 .../src/components/ui/UiIcon.stories.ts       |     0
 .../src/components/ui/UiIcon.vue              |     0
 .../src/components/ui/UiIconButton.spec.ts    |     0
 .../src/components/ui/UiIconButton.stories.ts |     0
 .../src/components/ui/UiIconButton.vue        |     0
 .../src/components/ui/UiInput.spec.ts         |     0
 .../src/components/ui/UiInput.vue             |     0
 .../src/components/ui/UiList.spec.ts          |     0
 .../src/components/ui/UiList.stories.ts       |     0
 .../src/components/ui/UiList.vue              |     0
 .../src/components/ui/UiListItem.vue          |     0
 .../src/components/ui/UiMenu.spec.ts          |     0
 .../src/components/ui/UiMenu.stories.ts       |     0
 .../src/components/ui/UiMenu.vue              |     0
 .../src/components/ui/UiMenuItem.vue          |     0
 .../src/components/ui/UiModal.spec.ts         |     0
 .../src/components/ui/UiModal.stories.ts      |     0
 .../src/components/ui/UiModal.vue             |     0
 .../src/components/ui/UiPageShell.spec.ts     |     0
 .../src/components/ui/UiPageShell.stories.ts  |     0
 .../src/components/ui/UiPageShell.vue         |     0
 .../src/components/ui/UiPaginator.spec.ts     |     0
 .../src/components/ui/UiPaginator.stories.ts  |     0
 .../src/components/ui/UiPaginator.vue         |     0
 .../src/components/ui/UiProgressBar.spec.ts   |     0
 .../components/ui/UiProgressBar.stories.ts    |     0
 .../src/components/ui/UiProgressBar.vue       |     0
 .../src/components/ui/UiRadio.vue             |     0
 .../src/components/ui/UiRadioGroup.spec.ts    |     0
 .../src/components/ui/UiRadioGroup.stories.ts |     0
 .../src/components/ui/UiRadioGroup.vue        |     0
 .../src/components/ui/UiSegmented.spec.ts     |     0
 .../src/components/ui/UiSegmented.stories.ts  |     0
 .../src/components/ui/UiSegmented.vue         |     0
 .../src/components/ui/UiSelect.spec.ts        |     0
 .../src/components/ui/UiSelect.stories.ts     |     0
 .../src/components/ui/UiSelect.vue            |     0
 .../src/components/ui/UiSkeleton.spec.ts      |     0
 .../src/components/ui/UiSkeleton.stories.ts   |     0
 .../src/components/ui/UiSkeleton.vue          |     0
 .../src/components/ui/UiSpinner.spec.ts       |     0
 .../src/components/ui/UiSpinner.stories.ts    |     0
 .../src/components/ui/UiSpinner.vue           |     0
 .../src/components/ui/UiSwitch.spec.ts        |     0
 .../src/components/ui/UiSwitch.stories.ts     |     0
 .../src/components/ui/UiSwitch.vue            |     0
 .../src/components/ui/UiTab.vue               |     0
 .../src/components/ui/UiTabPanel.vue          |     0
 .../src/components/ui/UiTable.spec.ts         |     0
 .../src/components/ui/UiTable.stories.ts      |     0
 .../src/components/ui/UiTable.vue             |     0
 .../src/components/ui/UiTabs.spec.ts          |     0
 .../src/components/ui/UiTabs.stories.ts       |     0
 .../src/components/ui/UiTabs.vue              |     0
 .../src/components/ui/UiTextarea.spec.ts      |     0
 .../src/components/ui/UiTextarea.stories.ts   |     0
 .../src/components/ui/UiTextarea.vue          |     0
 .../src/components/ui/UiTooltipLayer.vue      |     0
 .../src/components/ui/__tests__/a11y.spec.ts  |     0
 .../src/components/ui/__tests__/axe.ts        |     0
 .../src/components/ui/accordionContext.ts     |     0
 .../components/ui/docs/00-GettingStarted.mdx  |     0
 .../src/components/ui/docs/01-Conventions.mdx |     0
 .../src/components/ui/docs/02-Color.mdx       |     0
 .../src/components/ui/docs/03-Typography.mdx  |     0
 .../src/components/ui/docs/04-Spacing.mdx     |     0
 .../src/components/ui/docs/05-Shape.mdx       |     0
 .../src/components/ui/docs/06-Elevation.mdx   |     0
 .../src/components/ui/docs/07-Motion.mdx      |     0
 .../src/components/ui/docs/ScaleSpecimens.vue |     0
 .../src/components/ui/docs/SpecimenList.vue   |     0
 .../src/components/ui/docs/SwatchGrid.vue     |     0
 .../src/components/ui/docs/TokenTable.vue     |     0
 .../src/components/ui/docs/TypeSpecimens.vue  |     0
 .../components/ui/docs/conventions.spec.ts    |     0
 .../components/ui/docs/foundations.stories.ts |     0
 .../src/components/ui/docs/readTokens.spec.ts |     0
 .../src/components/ui/docs/readTokens.ts      |     0
 .../src/components/ui/docs/specimens.spec.ts  |     0
 .../src/components/ui/fieldContext.ts         |     0
 .../src/components/ui/index.ts                |     0
 .../src/components/ui/menuContext.ts          |     0
 .../src/components/ui/radioContext.ts         |     0
 .../src/components/ui/selectOption.ts         |     0
 .../src/components/ui/tableTypes.ts           |     0
 .../src/components/ui/tabsContext.ts          |     0
 .../src/components/ui/tooltip.spec.ts         |     0
 .../src/components/ui/tooltip.ts              |     0
 .../src/components/ui/tooltipState.ts         |     0
 .../AccountDeleteConfirmationDialog.spec.ts   |     0
 .../AccountDeleteConfirmationDialog.vue       |     0
 .../user-settings/AccountDeleteDialog.spec.ts |     0
 .../user-settings/AccountDeleteDialog.vue     |     0
 .../user-settings/ApiKeyDeleteDialog.spec.ts  |     0
 .../user-settings/ApiKeyDeleteDialog.vue      |     0
 .../user-settings/EnableTwoFaDialog.spec.ts   |     0
 .../user-settings/EnableTwoFaDialog.vue       |     0
 .../user-settings/dialogTestUtils.ts          |     0
 .../users/CedarPolicyEditorDialog.spec.ts     |     0
 .../users/CedarPolicyEditorDialog.vue         |     0
 .../components/users/CedarPolicyItemForm.vue  |     0
 .../components/users/CedarPolicyList.spec.ts  |     0
 .../src/components/users/CedarPolicyList.vue  |     0
 .../src/components/users/GroupAddDialog.vue   |     0
 .../components/users/GroupDeleteDialog.vue    |     0
 .../src/components/users/GroupDialogs.spec.ts |     0
 .../components/users/GroupNameEditDialog.vue  |     0
 .../users/PublicAccessPanel.spec.ts           |     0
 .../components/users/PublicAccessPanel.vue    |     0
 .../components/users/UserAddDialog.spec.ts    |     0
 .../src/components/users/UserAddDialog.vue    |     0
 .../src/components/users/UserDeleteDialog.vue |     0
 .../src/components/users/analytics.ts         |     0
 .../src/components/users/policyList.ts        |     0
 .../src/components/users/testUtils.ts         |     0
 .../src/components/users/types.ts             |     0
 .../src/composables/useAnalytics.ts           |     0
 .../src/composables/useAppSession.spec.ts     |     0
 .../src/composables/useAppSession.ts          |     0
 .../src/composables/useCedarValidator.spec.ts |     0
 .../src/composables/useCedarValidator.ts      |     0
 .../src/composables/useDialog.ts              |     0
 .../src/composables/useGoogleSignIn.spec.ts   |     0
 .../src/composables/useGoogleSignIn.ts        |     0
 .../src/composables/useNotify.ts              |     0
 .../src/composables/useRowEdit.spec.ts        |     0
 .../src/composables/useRowEdit.ts             |     0
 .../src/composables/useRowSelection.spec.ts   |     0
 .../src/composables/useRowSelection.ts        |     0
 .../src/composables/useRowView.spec.ts        |     0
 .../src/composables/useRowView.ts             |     0
 .../src/composables/useTableData.spec.ts      |     0
 .../src/composables/useTableData.ts           |     0
 .../src/composables/useTableFolders.spec.ts   |     0
 .../src/composables/useTableFolders.ts        |     0
 .../src/composables/useTableRules.spec.ts     |     0
 .../src/composables/useTableRules.ts          |     0
 frontend/src/config.json                      |     5 -
 {frontend-vue => frontend}/src/config.spec.ts |     0
 {frontend-vue => frontend}/src/config.ts      |     0
 .../src/consts/acronyms.ts                    |     0
 .../src/consts/code-snippets.ts               |     0
 .../src/consts/countries.ts                   |     0
 .../src/consts/currencies.ts                  |     0
 .../src/consts/databases.ts                   |     0
 .../src/consts/filter-types.ts                |     0
 .../src/consts/google-IP-addresses.ts         |     0
 .../src/consts/languages.ts                   |     0
 .../src/consts/record-edit-types.ts           |     0
 .../src/consts/record-view-types.ts           |     0
 .../src/consts/table-display-types.ts         |     0
 frontend/src/consts/widget-types.angular.json |   902 +
 .../src/consts/widget-types.spec.ts           |    31 +-
 frontend/src/custom-theme.scss                |   192 -
 .../src/directives/customValidity.spec.ts     |     0
 .../src/directives/customValidity.ts          |     0
 {frontend-vue => frontend}/src/env.d.ts       |     0
 .../src/environment.spec.ts                   |     0
 {frontend-vue => frontend}/src/environment.ts |     0
 frontend/src/environments/environment.dev.ts  |     9 -
 frontend/src/environments/environment.prod.ts |     8 -
 .../src/environments/environment.saas-prod.ts |    10 -
 frontend/src/environments/environment.saas.ts |    10 -
 frontend/src/environments/environment.ts      |    19 -
 frontend/src/index.html                       |    16 -
 frontend/src/index.saas.html                  |   181 -
 .../src/lib/ai-suggestions.spec.ts            |     0
 .../src/lib/ai-suggestions.ts                 |     0
 .../src/lib/binary.spec.ts                    |     0
 {frontend-vue => frontend}/src/lib/binary.ts  |     0
 .../src/lib/cedar-monaco-language.ts          |     0
 .../src/lib/cedar-policy-items.ts             |     0
 .../src/lib/cedar-policy-parser.ts            |     0
 .../src/lib/cedar-policy-roundtrip.spec.ts    |     0
 .../src/lib/cedar-wasm.ts                     |     0
 .../src/lib/chart-config.helper.ts            |     0
 .../src/lib/clipboard.ts                      |     0
 .../src/lib/connection-theme.spec.ts          |     0
 .../src/lib/connection-theme.ts               |     0
 .../src/lib/format-field-value.ts             |     0
 .../src/lib/markdown.spec.ts                  |     0
 .../src/lib/markdown.ts                       |     0
 .../src/lib/mermaid-config.ts                 |     0
 {frontend-vue => frontend}/src/lib/monaco.ts  |     0
 .../src/lib/monitoring.spec.ts                |     0
 .../src/lib/monitoring.ts                     |     0
 .../src/lib/normalize.spec.ts                 |     0
 .../src/lib/normalize.ts                      |     0
 .../src/lib/parse-filter-params.spec.ts       |     0
 .../src/lib/parse-filter-params.ts            |     0
 .../src/lib/password-strength.spec.ts         |     0
 .../src/lib/password-strength.ts              |     0
 .../src/lib/permission-display.spec.ts        |     0
 .../src/lib/permission-display.ts             |     0
 .../src/lib/setup-table-row-structure.spec.ts |     0
 .../src/lib/setup-table-row-structure.ts      |     0
 .../src/lib/table-events.spec.ts              |     0
 .../src/lib/table-events.ts                   |     0
 .../src/lib/table-query.spec.ts               |     0
 .../src/lib/table-query.ts                    |     0
 .../src/lib/table-url.spec.ts                 |     0
 .../src/lib/table-url.ts                      |     0
 .../src/lib/table-view.spec.ts                |     0
 .../src/lib/table-view.ts                     |     0
 frontend/src/main.ts                          |   240 +-
 .../src/models/ai-suggestions.ts              |     0
 .../src/models/alert.ts                       |     0
 .../src/models/company.ts                     |     0
 .../src/models/connection.ts                  |     0
 .../src/models/dashboard.ts                   |     0
 {frontend-vue => frontend}/src/models/logs.ts |     0
 .../src/models/saved-query.ts                 |     0
 .../src/models/secret.ts                      |     0
 .../src/models/table.ts                       |     0
 .../src/models/ui-settings.ts                 |     0
 {frontend-vue => frontend}/src/models/user.ts |     0
 frontend/src/polyfills.ts                     |    69 -
 frontend/src/proxy.conf.json                  |     6 -
 .../src/router/guards.spec.ts                 |     0
 .../src/router/guards.ts                      |     0
 .../src/router/index.ts                       |     0
 .../src/router/routes.spec.ts                 |     0
 .../src/router/routes.ts                      |     0
 .../src/stores/ai-suggestions.spec.ts         |     0
 .../src/stores/ai-suggestions.ts              |     0
 .../src/stores/ai.spec.ts                     |     0
 {frontend-vue => frontend}/src/stores/ai.ts   |     0
 .../src/stores/auth.spec.ts                   |     0
 {frontend-vue => frontend}/src/stores/auth.ts |     0
 .../src/stores/cedar-permissions.spec.ts      |     0
 .../src/stores/cedar-permissions.ts           |     0
 .../src/stores/company.spec.ts                |     0
 .../src/stores/company.ts                     |     0
 .../src/stores/configuration-state.spec.ts    |     0
 .../src/stores/configuration-state.ts         |     0
 .../src/stores/connections.spec.ts            |     0
 .../src/stores/connections.ts                 |     0
 .../src/stores/dashboards.spec.ts             |     0
 .../src/stores/dashboards.ts                  |     0
 .../src/stores/master-password.spec.ts        |     0
 .../src/stores/master-password.ts             |     0
 .../src/stores/notifications.spec.ts          |     0
 .../src/stores/notifications.ts               |     0
 .../src/stores/s3.spec.ts                     |     0
 {frontend-vue => frontend}/src/stores/s3.ts   |     0
 .../src/stores/saved-queries.spec.ts          |     0
 .../src/stores/saved-queries.ts               |     0
 .../src/stores/secrets.spec.ts                |     0
 .../src/stores/secrets.ts                     |     0
 .../src/stores/selfhosted.ts                  |     0
 .../src/stores/table-row.spec.ts              |     0
 .../src/stores/table-row.ts                   |     0
 .../src/stores/table-schema.spec.ts           |     0
 .../src/stores/table-schema.ts                |     0
 .../src/stores/table-state.spec.ts            |     0
 .../src/stores/table-state.ts                 |     0
 .../src/stores/tables.spec.ts                 |     0
 .../src/stores/tables.ts                      |     0
 .../src/stores/ui-settings.spec.ts            |     0
 .../src/stores/ui-settings.ts                 |     0
 .../src/stores/user.spec.ts                   |     0
 {frontend-vue => frontend}/src/stores/user.ts |     0
 .../src/stores/users.spec.ts                  |     0
 .../src/stores/users.ts                       |     0
 .../src/stores/view-as.spec.ts                |     0
 .../src/stores/view-as.ts                     |     0
 frontend/src/styles.scss                      |   246 -
 frontend/src/test-setup.ts                    |    32 +-
 frontend/src/types/globals.d.ts               |     1 +
 .../src/types/third-party-auth.d.ts           |     0
 .../src/validators/base64.validator.spec.ts   |     0
 .../src/validators/base64.validator.ts        |     0
 .../connection-string.validator.spec.ts       |     0
 .../validators/connection-string.validator.ts |     0
 .../src/validators/email.validator.spec.ts    |     0
 .../src/validators/email.validator.ts         |     0
 .../src/validators/hex.validator.spec.ts      |     0
 .../src/validators/hex.validator.ts           |     0
 .../src/validators/hostname.validator.spec.ts |     0
 .../src/validators/hostname.validator.ts      |     0
 .../src/validators/password.validator.spec.ts |     0
 .../src/validators/password.validator.ts      |     0
 .../src/validators/text.validator.spec.ts     |     0
 .../src/validators/text.validator.ts          |     0
 .../src/validators/types.ts                   |     0
 .../src/validators/url.validator.spec.ts      |     0
 .../src/validators/url.validator.ts           |     0
 {frontend-vue => frontend}/src/version.ts     |     0
 .../src/views/NotFoundView.vue                |     0
 .../src/views/audit/AuditView.spec.ts         |     0
 .../src/views/audit/AuditView.vue             |     0
 .../views/auth/CompanyInvitationView.spec.ts  |     0
 .../src/views/auth/CompanyInvitationView.vue  |     0
 .../src/views/auth/EmailChangeView.spec.ts    |     0
 .../src/views/auth/EmailChangeView.vue        |     0
 .../views/auth/EmailVerificationView.spec.ts  |     0
 .../src/views/auth/EmailVerificationView.vue  |     0
 .../src/views/auth/ForgetPasswordView.spec.ts |     0
 .../src/views/auth/ForgetPasswordView.vue     |     0
 .../src/views/auth/LoginView.spec.ts          |     0
 .../src/views/auth/LoginView.vue              |     0
 .../src/views/auth/PasswordChangeView.spec.ts |     0
 .../src/views/auth/PasswordChangeView.vue     |     0
 .../src/views/auth/PasswordResetView.spec.ts  |     0
 .../src/views/auth/PasswordResetView.vue      |     0
 .../src/views/auth/SetupView.spec.ts          |     0
 .../src/views/auth/SetupView.vue              |     0
 .../src/views/auth/UserDeletedView.spec.ts    |     0
 .../src/views/auth/UserDeletedView.vue        |     0
 .../src/views/auth/authTestUtils.ts           |     0
 .../src/views/charts/ChartEditView.spec.ts    |     0
 .../src/views/charts/ChartEditView.vue        |     0
 .../src/views/charts/ChartsListView.spec.ts   |     0
 .../src/views/charts/ChartsListView.vue       |     0
 .../connections/AutoConfigureView.spec.ts     |     0
 .../views/connections/AutoConfigureView.vue   |     0
 .../views/connections/ConnectDbView.spec.ts   |     0
 .../src/views/connections/ConnectDbView.vue   |     0
 .../ConnectionSettingsView.spec.ts            |     0
 .../connections/ConnectionSettingsView.vue    |     0
 .../connections/ConnectionsListView.spec.ts   |     0
 .../views/connections/ConnectionsListView.vue |     0
 .../views/connections/connectionsTestUtils.ts |     0
 .../src/views/dashboard/DashboardView.spec.ts |     0
 .../src/views/dashboard/DashboardView.vue     |     0
 .../views/dashboards/DashboardView.spec.ts    |     0
 .../src/views/dashboards/DashboardView.vue    |     0
 .../dashboards/DashboardsListView.spec.ts     |     0
 .../views/dashboards/DashboardsListView.vue   |     0
 .../schema/EditDatabaseSchemaView.spec.ts     |     0
 .../views/schema/EditDatabaseSchemaView.vue   |     0
 .../src/views/settings/ApiKeysView.spec.ts    |     0
 .../src/views/settings/ApiKeysView.vue        |     0
 .../src/views/settings/CompanyView.spec.ts    |     0
 .../src/views/settings/CompanyView.vue        |     0
 .../src/views/settings/SecretsView.spec.ts    |     0
 .../src/views/settings/SecretsView.vue        |     0
 .../views/settings/UserSettingsView.spec.ts   |     0
 .../src/views/settings/UserSettingsView.vue   |     0
 .../src/views/settings/ZapierView.spec.ts     |     0
 .../src/views/settings/ZapierView.vue         |     0
 .../src/views/table/RowEditView.spec.ts       |     0
 .../src/views/table/RowEditView.vue           |     0
 .../src/views/table/TableActionsView.spec.ts  |     0
 .../src/views/table/TableActionsView.vue      |     0
 .../src/views/table/TableSettingsView.spec.ts |     0
 .../src/views/table/TableSettingsView.vue     |     0
 .../src/views/table/TableWidgetsView.spec.ts  |     0
 .../src/views/table/TableWidgetsView.vue      |     0
 .../src/views/table/tableTestUtils.ts         |     0
 .../src/views/users/PermissionsView.spec.ts   |     0
 .../src/views/users/PermissionsView.vue       |     0
 frontend/tsconfig.app.json                    |    16 +-
 frontend/tsconfig.json                        |    23 +-
 {frontend-vue => frontend}/tsconfig.node.json |     0
 frontend/tsconfig.spec.json                   |     8 -
 frontend/tslint.json                          |    53 -
 {frontend-vue => frontend}/vite.config.ts     |    12 +-
 frontend/yarn.lock                            | 15184 ----------------
 2360 files changed, 1676 insertions(+), 127324 deletions(-)
 delete mode 100644 .github/workflows/frontend-vue.yml
 delete mode 100644 frontend-vue/.gitignore
 delete mode 100644 frontend-vue/.storybook/main.ts
 delete mode 100644 frontend-vue/.storybook/preview.ts
 delete mode 100644 frontend-vue/package.json
 delete mode 100644 frontend-vue/scripts/update-version.js
 delete mode 100644 frontend-vue/src/main.ts
 delete mode 100644 frontend-vue/src/test-setup.ts
 delete mode 100644 frontend-vue/src/types/globals.d.ts
 delete mode 100644 frontend-vue/tsconfig.app.json
 delete mode 100644 frontend-vue/tsconfig.json
 rename {frontend-vue => frontend}/.env (100%)
 rename {frontend-vue => frontend}/.env.development (100%)
 rename {frontend-vue => frontend}/.env.production (100%)
 rename {frontend-vue => frontend}/.env.saas (100%)
 rename {frontend-vue => frontend}/.env.saas-production (100%)
 mode change 100755 => 100644 frontend/.gitignore
 rename {frontend-vue => frontend}/.storybook/decorators.ts (100%)
 rename {frontend-vue => frontend}/.storybook/preview.css (100%)
 delete mode 100644 frontend/.storybook/tsconfig.json
 delete mode 100644 frontend/.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
 delete mode 100755 frontend/.yarn/releases/yarn-3.4.1.cjs
 delete mode 100644 frontend/.yarnrc.yml
 delete mode 100644 frontend/Dockerfile
 delete mode 100644 frontend/LICENSE
 rename {frontend-vue => frontend}/README.md (72%)
 delete mode 100644 frontend/angular.json
 rename {frontend-vue => frontend}/biome.json (100%)
 delete mode 100644 frontend/browserslist
 rename {frontend-vue => frontend}/e2e/auth.e2e.ts (100%)
 rename {frontend-vue => frontend}/e2e/connections.e2e.ts (100%)
 rename {frontend-vue => frontend}/e2e/dashboards.e2e.ts (100%)
 rename {frontend-vue => frontend}/e2e/permissions.e2e.ts (100%)
 rename {frontend-vue => frontend}/e2e/settings.e2e.ts (100%)
 rename {frontend-vue => frontend}/e2e/smoke.e2e.ts (100%)
 rename {frontend-vue => frontend}/e2e/support/fixtures.ts (100%)
 rename {frontend-vue => frontend}/e2e/support/mock-backend.ts (100%)
 rename {frontend-vue => frontend}/e2e/support/test.ts (100%)
 rename {frontend-vue => frontend}/e2e/table-config.e2e.ts (100%)
 rename {frontend-vue => frontend}/e2e/table.e2e.ts (100%)
 rename {frontend-vue => frontend}/eslint.config.js (100%)
 rename {frontend-vue => frontend}/index.html (100%)
 rename {frontend-vue => frontend}/index.saas.html (100%)
 rename {frontend-vue => frontend}/playwright.config.ts (100%)
 rename {frontend-vue => frontend}/pnpm-lock.yaml (98%)
 rename {frontend-vue => frontend}/pnpm-workspace.yaml (75%)
 rename frontend/{src => public}/assets/.gitkeep (100%)
 rename frontend/{src => public}/assets/app.ico (100%)
 rename frontend/{src => public}/assets/bg/banner.svg (100%)
 rename frontend/{src => public}/assets/bg/connections-list-left-decoration.svg (100%)
 rename frontend/{src => public}/assets/bg/connections-list-left-decoration_dark.svg (100%)
 rename frontend/{src => public}/assets/bg/connections-list-right-decoration.svg (100%)
 rename frontend/{src => public}/assets/bg/connections-list-right-decoration_dark.svg (100%)
 rename frontend/{src => public}/assets/bg/decor-left.svg (100%)
 rename frontend/{src => public}/assets/bg/decor-left_dark.svg (100%)
 rename frontend/{src => public}/assets/bg/decor-right.svg (100%)
 rename frontend/{src => public}/assets/bg/decor-right_dark.svg (100%)
 rename frontend/{src => public}/assets/bg/not-found-bg.svg (100%)
 rename frontend/{src => public}/assets/custom_domain.gif (100%)
 rename frontend/{src => public}/assets/email-illustration.png (100%)
 rename frontend/{src => public}/assets/favicon-16x16.png (100%)
 rename frontend/{src => public}/assets/favicon-32x32.png (100%)
 rename frontend/{src => public}/assets/favicon.ico (100%)
 rename frontend/{src => public}/assets/favicon.svg (100%)
 rename frontend/{src => public}/assets/feture-images/gif_white_label.gif (100%)
 rename frontend/{src => public}/assets/feture-images/saved-filters.gif (100%)
 rename frontend/{src => public}/assets/feture-images/white-label.gif (100%)
 rename frontend/{src => public}/assets/icons/ai-rocket.svg (100%)
 rename frontend/{src => public}/assets/icons/db-logos/clickhouse_logo.svg (100%)
 rename frontend/{src => public}/assets/icons/db-logos/dynamodb_logo.svg (100%)
 rename frontend/{src => public}/assets/icons/db-logos/elasticsearch_logo.svg (100%)
 rename frontend/{src => public}/assets/icons/db-logos/mongodb_logo.svg (100%)
 rename frontend/{src => public}/assets/icons/db-logos/mssql_logo.svg (100%)
 rename frontend/{src => public}/assets/icons/db-logos/mysql_logo.svg (100%)
 rename frontend/{src => public}/assets/icons/db-logos/oracle_logo.svg (100%)
 rename frontend/{src => public}/assets/icons/db-logos/postgres_logo.svg (100%)
 rename frontend/{src => public}/assets/icons/db-logos/redis_logo.svg (100%)
 rename "frontend/src/assets/icons/db-logos/\321\201assandra_logo.svg" => "frontend/public/assets/icons/db-logos/\321\201assandra_logo.svg" (100%)
 rename "frontend/src/assets/icons/db-logos/\321\201assandra_logo_dark.svg" => "frontend/public/assets/icons/db-logos/\321\201assandra_logo_dark.svg" (100%)
 rename frontend/{src => public}/assets/icons/fb_logo.png (100%)
 rename frontend/{src => public}/assets/icons/fb_logo.svg (100%)
 rename frontend/{src => public}/assets/icons/github.svg (100%)
 rename frontend/{src => public}/assets/icons/google.svg (100%)
 rename frontend/{src => public}/assets/icons/google_logo.svg (100%)
 rename frontend/{src => public}/assets/icons/google_logo.webp (100%)
 rename frontend/{src => public}/assets/icons/test-connections-icons/add_shopping_cart.svg (100%)
 rename frontend/{src => public}/assets/icons/test-connections-icons/box.svg (100%)
 rename frontend/{src => public}/assets/icons/test-connections-icons/cinematic_blur.svg (100%)
 rename frontend/{src => public}/assets/icons/test-connections-icons/diversity_2.svg (100%)
 rename frontend/{src => public}/assets/icons/test-connections-icons/set_meal.svg (100%)
 rename frontend/{src => public}/assets/icons/test-connections-icons/shopping_bag_speed.svg (100%)
 rename frontend/{src => public}/assets/main-table-reg-image.svg (100%)
 rename frontend/{src => public}/assets/main-table-reg-image_dark.svg (100%)
 rename frontend/{src => public}/assets/no-files.svg (100%)
 rename frontend/{src => public}/assets/rocketadmin_logo_black.png (100%)
 rename frontend/{src => public}/assets/rocketadmin_logo_black.svg (100%)
 rename frontend/{src => public}/assets/rocketadmin_logo_white-short.svg (100%)
 rename frontend/{src => public}/assets/rocketadmin_logo_white.svg (100%)
 rename {frontend-vue => frontend}/public/config.json (100%)
 rename {frontend-vue => frontend}/src/App.spec.ts (100%)
 rename {frontend-vue => frontend}/src/App.vue (100%)
 rename {frontend-vue => frontend}/src/__tests__/design-tokens.spec.ts (99%)
 rename {frontend-vue => frontend}/src/__tests__/mock-fetch.ts (100%)
 rename {frontend-vue => frontend}/src/api/client.spec.ts (100%)
 rename {frontend-vue => frontend}/src/api/client.ts (100%)
 rename {frontend-vue => frontend}/src/api/query-options.ts (100%)
 delete mode 100644 frontend/src/app/animations/toggle.animation.ts
 delete mode 100644 frontend/src/app/app-routing.module.ts
 delete mode 100644 frontend/src/app/app.component.css
 delete mode 100644 frontend/src/app/app.component.html
 delete mode 100644 frontend/src/app/app.component.spec.ts
 delete mode 100644 frontend/src/app/app.component.ts
 delete mode 100644 frontend/src/app/components/api-keys/api-keys.component.css
 delete mode 100644 frontend/src/app/components/api-keys/api-keys.component.html
 delete mode 100644 frontend/src/app/components/api-keys/api-keys.component.ts
 delete mode 100644 frontend/src/app/components/audit/audit-data-source.ts
 delete mode 100644 frontend/src/app/components/audit/audit.component.css
 delete mode 100644 frontend/src/app/components/audit/audit.component.html
 delete mode 100644 frontend/src/app/components/audit/audit.component.spec.ts
 delete mode 100644 frontend/src/app/components/audit/audit.component.ts
 delete mode 100644 frontend/src/app/components/audit/info-dialog/info-dialog.component.css
 delete mode 100644 frontend/src/app/components/audit/info-dialog/info-dialog.component.html
 delete mode 100644 frontend/src/app/components/audit/info-dialog/info-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/audit/info-dialog/info-dialog.component.ts
 delete mode 100644 frontend/src/app/components/auto-configure/auto-configure.component.css
 delete mode 100644 frontend/src/app/components/auto-configure/auto-configure.component.html
 delete mode 100644 frontend/src/app/components/auto-configure/auto-configure.component.ts
 delete mode 100644 frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.css
 delete mode 100644 frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.html
 delete mode 100644 frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.ts
 delete mode 100644 frontend/src/app/components/charts/chart-edit/chart-edit.component.css
 delete mode 100644 frontend/src/app/components/charts/chart-edit/chart-edit.component.html
 delete mode 100644 frontend/src/app/components/charts/chart-edit/chart-edit.component.spec.ts
 delete mode 100644 frontend/src/app/components/charts/chart-edit/chart-edit.component.ts
 delete mode 100644 frontend/src/app/components/charts/chart-preview/chart-preview.component.css
 delete mode 100644 frontend/src/app/components/charts/chart-preview/chart-preview.component.html
 delete mode 100644 frontend/src/app/components/charts/chart-preview/chart-preview.component.ts
 delete mode 100644 frontend/src/app/components/charts/charts-list/charts-list.component.css
 delete mode 100644 frontend/src/app/components/charts/charts-list/charts-list.component.html
 delete mode 100644 frontend/src/app/components/charts/charts-list/charts-list.component.spec.ts
 delete mode 100644 frontend/src/app/components/charts/charts-list/charts-list.component.ts
 delete mode 100644 frontend/src/app/components/company-member-invitation/company-member-invitation.component.css
 delete mode 100644 frontend/src/app/components/company-member-invitation/company-member-invitation.component.html
 delete mode 100644 frontend/src/app/components/company-member-invitation/company-member-invitation.component.spec.ts
 delete mode 100644 frontend/src/app/components/company-member-invitation/company-member-invitation.component.ts
 delete mode 100644 frontend/src/app/components/company/company.component.css
 delete mode 100644 frontend/src/app/components/company/company.component.html
 delete mode 100644 frontend/src/app/components/company/company.component.spec.ts
 delete mode 100644 frontend/src/app/components/company/company.component.ts
 delete mode 100644 frontend/src/app/components/company/delete-domain-dialog/delete-domain-dialog.component.css
 delete mode 100644 frontend/src/app/components/company/delete-domain-dialog/delete-domain-dialog.component.html
 delete mode 100644 frontend/src/app/components/company/delete-domain-dialog/delete-domain-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/company/delete-domain-dialog/delete-domain-dialog.component.ts
 delete mode 100644 frontend/src/app/components/company/delete-member-dialog/delete-member-dialog.component.css
 delete mode 100644 frontend/src/app/components/company/delete-member-dialog/delete-member-dialog.component.html
 delete mode 100644 frontend/src/app/components/company/delete-member-dialog/delete-member-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/company/delete-member-dialog/delete-member-dialog.component.ts
 delete mode 100644 frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.css
 delete mode 100644 frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.html
 delete mode 100644 frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.stories.ts
 delete mode 100644 frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.ts
 delete mode 100644 frontend/src/app/components/company/revoke-invitation-dialog/revoke-invitation-dialog.component.css
 delete mode 100644 frontend/src/app/components/company/revoke-invitation-dialog/revoke-invitation-dialog.component.html
 delete mode 100644 frontend/src/app/components/company/revoke-invitation-dialog/revoke-invitation-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/company/revoke-invitation-dialog/revoke-invitation-dialog.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/connect-db.component.css
 delete mode 100644 frontend/src/app/components/connect-db/connect-db.component.html
 delete mode 100644 frontend/src/app/components/connect-db/connect-db.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/connect-db.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.css
 delete mode 100644 frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.html
 delete mode 100644 frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.css
 delete mode 100644 frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.html
 delete mode 100644 frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.stories.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.css
 delete mode 100644 frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.html
 delete mode 100644 frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.css
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.html
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.css
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.html
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.stories.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.css
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.html
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.stories.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.css
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.html
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.stories.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.css
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.html
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.stories.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.css
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.html
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.stories.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.css
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.html
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.stories.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.css
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.html
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.stories.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.css
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.html
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.stories.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.css
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.html
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.stories.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.css
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.html
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.stories.ts
 delete mode 100644 frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.ts
 delete mode 100644 frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.css
 delete mode 100644 frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.html
 delete mode 100644 frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.spec.ts
 delete mode 100644 frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.ts
 delete mode 100644 frontend/src/app/components/connection-settings/connection-settings.component.css
 delete mode 100644 frontend/src/app/components/connection-settings/connection-settings.component.html
 delete mode 100644 frontend/src/app/components/connection-settings/connection-settings.component.spec.ts
 delete mode 100644 frontend/src/app/components/connection-settings/connection-settings.component.ts
 delete mode 100644 frontend/src/app/components/connections-list/connections-list.component.css
 delete mode 100644 frontend/src/app/components/connections-list/connections-list.component.html
 delete mode 100644 frontend/src/app/components/connections-list/connections-list.component.spec.ts
 delete mode 100644 frontend/src/app/components/connections-list/connections-list.component.ts
 delete mode 100644 frontend/src/app/components/connections-list/own-connections/own-connections.component.css
 delete mode 100644 frontend/src/app/components/connections-list/own-connections/own-connections.component.html
 delete mode 100644 frontend/src/app/components/connections-list/own-connections/own-connections.component.spec.ts
 delete mode 100644 frontend/src/app/components/connections-list/own-connections/own-connections.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/dashboard.component.css
 delete mode 100644 frontend/src/app/components/dashboard/dashboard.component.html
 delete mode 100644 frontend/src/app/components/dashboard/dashboard.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/dashboard.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog/action-delete-dialog.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog/action-delete-dialog.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog/action-delete-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog/action-delete-dialog.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-view.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-view.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-view.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-view.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog/widget-delete-dialog.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog/widget-delete-dialog.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog/widget-delete-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog/widget-delete-dialog.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widgets-empty-state/widgets-empty-state.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widgets-empty-state/widgets-empty-state.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widgets-empty-state/widgets-empty-state.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-tables-data-source.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-tables-list/db-folder-delete-dialog/db-folder-delete-dialog.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-tables-list/db-folder-delete-dialog/db-folder-delete-dialog.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-tables-list/db-folder-delete-dialog/db-folder-delete-dialog.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.css
 delete mode 100644 frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.html
 delete mode 100644 frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.ts
 delete mode 100644 frontend/src/app/components/dashboards/chart-mini-preview/chart-mini-preview.component.css
 delete mode 100644 frontend/src/app/components/dashboards/chart-mini-preview/chart-mini-preview.component.html
 delete mode 100644 frontend/src/app/components/dashboards/chart-mini-preview/chart-mini-preview.component.ts
 delete mode 100644 frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.css
 delete mode 100644 frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.html
 delete mode 100644 frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.stories.ts
 delete mode 100644 frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.ts
 delete mode 100644 frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.css
 delete mode 100644 frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.html
 delete mode 100644 frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.stories.ts
 delete mode 100644 frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.ts
 delete mode 100644 frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.css
 delete mode 100644 frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.html
 delete mode 100644 frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.ts
 delete mode 100644 frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.css
 delete mode 100644 frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.html
 delete mode 100644 frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.ts
 delete mode 100644 frontend/src/app/components/dashboards/dashboards-sidebar/dashboards-sidebar.component.css
 delete mode 100644 frontend/src/app/components/dashboards/dashboards-sidebar/dashboards-sidebar.component.html
 delete mode 100644 frontend/src/app/components/dashboards/dashboards-sidebar/dashboards-sidebar.component.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.css
 delete mode 100644 frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.html
 delete mode 100644 frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.stories.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.css
 delete mode 100644 frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.html
 delete mode 100644 frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.css
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.html
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.stories.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.css
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.html
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.stories.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.css
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.html
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.stories.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.css
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.html
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.stories.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.css
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.html
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.spec.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.stories.ts
 delete mode 100644 frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.ts
 delete mode 100644 frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.css
 delete mode 100644 frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.html
 delete mode 100644 frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.spec.ts
 delete mode 100644 frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.ts
 delete mode 100644 frontend/src/app/components/edit-database-schema/edit-database-schema.component.css
 delete mode 100644 frontend/src/app/components/edit-database-schema/edit-database-schema.component.html
 delete mode 100644 frontend/src/app/components/edit-database-schema/edit-database-schema.component.ts
 delete mode 100644 frontend/src/app/components/edit-database-schema/schema-diagram-viewer/schema-diagram-viewer.component.css
 delete mode 100644 frontend/src/app/components/edit-database-schema/schema-diagram-viewer/schema-diagram-viewer.component.html
 delete mode 100644 frontend/src/app/components/edit-database-schema/schema-diagram-viewer/schema-diagram-viewer.component.ts
 delete mode 100644 frontend/src/app/components/email-change/email-change.component.css
 delete mode 100644 frontend/src/app/components/email-change/email-change.component.html
 delete mode 100644 frontend/src/app/components/email-change/email-change.component.spec.ts
 delete mode 100644 frontend/src/app/components/email-change/email-change.component.ts
 delete mode 100644 frontend/src/app/components/email-verification/email-verification.component.css
 delete mode 100644 frontend/src/app/components/email-verification/email-verification.component.html
 delete mode 100644 frontend/src/app/components/email-verification/email-verification.component.spec.ts
 delete mode 100644 frontend/src/app/components/email-verification/email-verification.component.ts
 delete mode 100644 frontend/src/app/components/feature-notification/feature-notification.component.css
 delete mode 100644 frontend/src/app/components/feature-notification/feature-notification.component.html
 delete mode 100644 frontend/src/app/components/feature-notification/feature-notification.component.spec.ts
 delete mode 100644 frontend/src/app/components/feature-notification/feature-notification.component.ts
 delete mode 100644 frontend/src/app/components/login/login.component.css
 delete mode 100644 frontend/src/app/components/login/login.component.html
 delete mode 100644 frontend/src/app/components/login/login.component.spec.ts
 delete mode 100644 frontend/src/app/components/login/login.component.ts
 delete mode 100644 frontend/src/app/components/master-password-dialog/master-password-dialog.component.css
 delete mode 100644 frontend/src/app/components/master-password-dialog/master-password-dialog.component.html
 delete mode 100644 frontend/src/app/components/master-password-dialog/master-password-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/master-password-dialog/master-password-dialog.component.stories.ts
 delete mode 100644 frontend/src/app/components/master-password-dialog/master-password-dialog.component.ts
 delete mode 100644 frontend/src/app/components/page-not-found/page-not-found.component.css
 delete mode 100644 frontend/src/app/components/page-not-found/page-not-found.component.html
 delete mode 100644 frontend/src/app/components/page-not-found/page-not-found.component.spec.ts
 delete mode 100644 frontend/src/app/components/page-not-found/page-not-found.component.ts
 delete mode 100644 frontend/src/app/components/password-change/password-change.component.css
 delete mode 100644 frontend/src/app/components/password-change/password-change.component.html
 delete mode 100644 frontend/src/app/components/password-change/password-change.component.spec.ts
 delete mode 100644 frontend/src/app/components/password-change/password-change.component.ts
 delete mode 100644 frontend/src/app/components/password-request/password-request.component.css
 delete mode 100644 frontend/src/app/components/password-request/password-request.component.html
 delete mode 100644 frontend/src/app/components/password-request/password-request.component.spec.ts
 delete mode 100644 frontend/src/app/components/password-request/password-request.component.ts
 delete mode 100644 frontend/src/app/components/password-reset/password-reset.component.css
 delete mode 100644 frontend/src/app/components/password-reset/password-reset.component.html
 delete mode 100644 frontend/src/app/components/password-reset/password-reset.component.spec.ts
 delete mode 100644 frontend/src/app/components/password-reset/password-reset.component.ts
 delete mode 100644 frontend/src/app/components/profile/profile-sidebar/profile-sidebar.component.css
 delete mode 100644 frontend/src/app/components/profile/profile-sidebar/profile-sidebar.component.html
 delete mode 100644 frontend/src/app/components/profile/profile-sidebar/profile-sidebar.component.ts
 delete mode 100644 frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.css
 delete mode 100644 frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.html
 delete mode 100644 frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.ts
 delete mode 100644 frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.css
 delete mode 100644 frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.html
 delete mode 100644 frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.stories.ts
 delete mode 100644 frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.ts
 delete mode 100644 frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.css
 delete mode 100644 frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.html
 delete mode 100644 frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.ts
 delete mode 100644 frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.css
 delete mode 100644 frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.html
 delete mode 100644 frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.ts
 delete mode 100644 frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.css
 delete mode 100644 frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.html
 delete mode 100644 frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.ts
 delete mode 100644 frontend/src/app/components/secrets/secrets.component.css
 delete mode 100644 frontend/src/app/components/secrets/secrets.component.html
 delete mode 100644 frontend/src/app/components/secrets/secrets.component.spec.ts
 delete mode 100644 frontend/src/app/components/secrets/secrets.component.ts
 delete mode 100644 frontend/src/app/components/setup/setup.component.css
 delete mode 100644 frontend/src/app/components/setup/setup.component.html
 delete mode 100644 frontend/src/app/components/setup/setup.component.spec.ts
 delete mode 100644 frontend/src/app/components/setup/setup.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.spec.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.spec.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.spec.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.spec.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.spec.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.spec.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.spec.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.spec.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.spec.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.spec.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.spec.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.spec.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.spec.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.css
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.html
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.spec.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.stories.ts
 delete mode 100644 frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/alert/alert.component.css
 delete mode 100644 frontend/src/app/components/ui-components/alert/alert.component.html
 delete mode 100644 frontend/src/app/components/ui-components/alert/alert.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/alert/alert.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/alert/alert.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/banner/banner.component.css
 delete mode 100644 frontend/src/app/components/ui-components/banner/banner.component.html
 delete mode 100644 frontend/src/app/components/ui-components/banner/banner.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/banner/banner.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/banner/banner.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.css
 delete mode 100644 frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.html
 delete mode 100644 frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/content-loader/content-loader.component.css
 delete mode 100644 frontend/src/app/components/ui-components/content-loader/content-loader.component.html
 delete mode 100644 frontend/src/app/components/ui-components/content-loader/content-loader.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/content-loader/content-loader.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/content-loader/content-loader.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/FILTER_WIDGETS.md
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/base-filter-field/base-filter-field.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/base-filter-field/base-filter-field.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/base-filter-field/base-filter-field.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/base-filter-field/base-filter-field.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/binary/binary.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/binary/binary.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/binary/binary.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/binary/binary.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/country/country.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/country/country.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/country/country.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/country/country.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/date/date.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/date/date.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/date/date.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/date/date.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/date/date.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/email/email.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/email/email.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/email/email.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/email/email.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/file/file.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/file/file.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/file/file.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/file/file.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/file/file.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/id/id.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/id/id.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/id/id.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/id/id.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/id/id.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/number/number.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/number/number.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/number/number.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/number/number.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/number/number.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/password/password.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/password/password.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/password/password.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/password/password.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/password/password.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/phone/phone.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/phone/phone.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/phone/phone.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/point/point.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/point/point.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/point/point.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/point/point.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/point/point.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/select/select.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/select/select.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/select/select.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/select/select.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/select/select.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/text/text.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/text/text.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/text/text.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/text/text.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/text/text.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/time/time.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/time/time.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/time/time.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/time/time.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/time/time.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.css
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.html
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/icon-picker/icon-picker.component.css
 delete mode 100644 frontend/src/app/components/ui-components/icon-picker/icon-picker.component.html
 delete mode 100644 frontend/src/app/components/ui-components/icon-picker/icon-picker.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/icon-picker/icon-picker.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/icon-picker/icon-picker.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.css
 delete mode 100644 frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.html
 delete mode 100644 frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/ip-address-button/ip-address-button.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/base-row-field/base-row-field.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/base-row-field/base-row-field.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/base-row-field/base-row-field.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/base-row-field/base-row-field.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/code/code.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/code/code.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/code/code.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/code/code.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/code/code.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/color/color.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/color/color.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/color/color.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/color/color.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/color/color.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/country/country.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/country/country.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/country/country.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/country/country.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/country/country.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/date/date.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/date/date.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/date/date.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/date/date.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/date/date.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/file/file.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/file/file.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/file/file.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/file/file.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/file/file.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/id/id.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/id/id.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/id/id.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/id/id.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/id/id.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/image/image.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/image/image.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/image/image.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/image/image.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/image/image.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/language/language.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/language/language.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/language/language.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/language/language.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/language/language.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/money/money.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/money/money.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/money/money.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/money/money.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/money/money.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/number/number.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/number/number.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/number/number.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/number/number.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/number/number.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/password/password.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/password/password.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/password/password.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/password/password.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/password/password.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/point/point.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/point/point.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/point/point.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/point/point.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/point/point.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/range/range.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/range/range.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/range/range.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/range/range.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/range/range.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/select/select.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/select/select.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/select/select.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/select/select.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/select/select.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/text/text.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/text/text.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/text/text.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/text/text.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/text/text.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/time/time.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/time/time.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/time/time.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/time/time.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/time/time.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/url/url.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/url/url.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/url/url.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/url/url.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/url/url.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/base-record-view-field/base-record-view-field.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/base-record-view-field/base-record-view-field.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/base-record-view-field/base-record-view-field.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/code/code.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/code/code.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/code/code.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/code/code.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/code/code.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/color/color.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/color/color.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/color/color.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/color/color.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/color/color.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/country/country.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/country/country.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/country/country.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/country/country.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/country/country.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/date/date.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/date/date.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/date/date.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/date/date.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/date/date.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/file/file.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/file/file.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/file/file.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/file/file.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/file/file.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/id/id.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/id/id.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/id/id.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/id/id.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/id/id.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/image/image.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/image/image.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/image/image.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/image/image.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/image/image.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/language/language.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/language/language.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/language/language.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/language/language.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/language/language.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/money/money.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/money/money.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/money/money.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/money/money.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/money/money.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/number/number.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/number/number.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/number/number.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/number/number.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/number/number.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/password/password.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/password/password.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/password/password.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/password/password.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/password/password.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/point/point.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/point/point.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/point/point.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/point/point.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/point/point.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/range/range.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/range/range.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/range/range.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/range/range.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/range/range.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/select/select.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/select/select.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/select/select.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/select/select.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/select/select.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/text/text.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/text/text.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/text/text.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/text/text.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/text/text.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/time/time.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/time/time.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/time/time.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/time/time.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/time/time.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/url/url.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/url/url.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/url/url.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/url/url.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/url/url.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.css
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.html
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/code/code.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/code/code.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/code/code.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/code/code.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/code/code.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/color/color.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/color/color.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/color/color.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/color/color.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/color/color.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/country/country.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/country/country.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/country/country.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/country/country.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/country/country.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/date/date.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/date/date.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/date/date.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/date/date.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/date/date.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/file/file.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/file/file.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/file/file.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/file/file.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/file/file.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/id/id.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/id/id.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/id/id.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/id/id.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/id/id.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/image/image.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/image/image.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/image/image.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/image/image.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/image/image.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/language/language.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/language/language.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/language/language.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/language/language.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/language/language.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/money/money.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/money/money.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/money/money.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/money/money.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/money/money.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/number/number.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/number/number.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/number/number.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/number/number.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/number/number.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/password/password.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/password/password.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/password/password.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/password/password.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/password/password.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/point/point.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/point/point.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/point/point.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/point/point.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/point/point.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/range/range.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/range/range.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/range/range.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/range/range.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/range/range.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/select/select.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/select/select.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/select/select.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/select/select.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/select/select.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/text/text.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/text/text.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/text/text.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/text/text.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/text/text.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/time/time.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/time/time.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/time/time.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/time/time.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/time/time.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/url/url.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/url/url.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/url/url.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/url/url.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/url/url.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.css
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.html
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/turnstile/turnstile.component.css
 delete mode 100644 frontend/src/app/components/ui-components/turnstile/turnstile.component.html
 delete mode 100644 frontend/src/app/components/ui-components/turnstile/turnstile.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/turnstile/turnstile.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/turnstile/turnstile.stories.ts
 delete mode 100644 frontend/src/app/components/ui-components/user-password/user-password.component.css
 delete mode 100644 frontend/src/app/components/ui-components/user-password/user-password.component.html
 delete mode 100644 frontend/src/app/components/ui-components/user-password/user-password.component.spec.ts
 delete mode 100644 frontend/src/app/components/ui-components/user-password/user-password.component.ts
 delete mode 100644 frontend/src/app/components/ui-components/user-password/user-password.stories.ts
 delete mode 100644 frontend/src/app/components/user-deleted-success/user-deleted-success.component.css
 delete mode 100644 frontend/src/app/components/user-deleted-success/user-deleted-success.component.html
 delete mode 100644 frontend/src/app/components/user-deleted-success/user-deleted-success.component.spec.ts
 delete mode 100644 frontend/src/app/components/user-deleted-success/user-deleted-success.component.ts
 delete mode 100644 frontend/src/app/components/user-settings/account-delete-confirmation/account-delete-confirmation.component.css
 delete mode 100644 frontend/src/app/components/user-settings/account-delete-confirmation/account-delete-confirmation.component.html
 delete mode 100644 frontend/src/app/components/user-settings/account-delete-confirmation/account-delete-confirmation.component.spec.ts
 delete mode 100644 frontend/src/app/components/user-settings/account-delete-confirmation/account-delete-confirmation.component.ts
 delete mode 100644 frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.css
 delete mode 100644 frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.html
 delete mode 100644 frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.ts
 delete mode 100644 frontend/src/app/components/user-settings/api-key-delete-dialog/api-key-delete-dialog.component.css
 delete mode 100644 frontend/src/app/components/user-settings/api-key-delete-dialog/api-key-delete-dialog.component.html
 delete mode 100644 frontend/src/app/components/user-settings/api-key-delete-dialog/api-key-delete-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/user-settings/api-key-delete-dialog/api-key-delete-dialog.component.ts
 delete mode 100644 frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.css
 delete mode 100644 frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.html
 delete mode 100644 frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.stories.ts
 delete mode 100644 frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.ts
 delete mode 100644 frontend/src/app/components/user-settings/user-settings.component.css
 delete mode 100644 frontend/src/app/components/user-settings/user-settings.component.html
 delete mode 100644 frontend/src/app/components/user-settings/user-settings.component.spec.ts
 delete mode 100644 frontend/src/app/components/user-settings/user-settings.component.ts
 delete mode 100644 frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.css
 delete mode 100644 frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.html
 delete mode 100644 frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.ts
 delete mode 100644 frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.css
 delete mode 100644 frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.html
 delete mode 100644 frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.spec.ts
 delete mode 100644 frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.ts
 delete mode 100644 frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.css
 delete mode 100644 frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.html
 delete mode 100644 frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.stories.ts
 delete mode 100644 frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.ts
 delete mode 100644 frontend/src/app/components/users/group-delete-dialog/group-delete-dialog.component.css
 delete mode 100644 frontend/src/app/components/users/group-delete-dialog/group-delete-dialog.component.html
 delete mode 100644 frontend/src/app/components/users/group-delete-dialog/group-delete-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/users/group-delete-dialog/group-delete-dialog.component.ts
 delete mode 100644 frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.css
 delete mode 100644 frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.html
 delete mode 100644 frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.ts
 delete mode 100644 frontend/src/app/components/users/public-access-panel/public-access-panel.component.css
 delete mode 100644 frontend/src/app/components/users/public-access-panel/public-access-panel.component.html
 delete mode 100644 frontend/src/app/components/users/public-access-panel/public-access-panel.component.spec.ts
 delete mode 100644 frontend/src/app/components/users/public-access-panel/public-access-panel.component.ts
 delete mode 100644 frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.css
 delete mode 100644 frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.html
 delete mode 100644 frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.ts
 delete mode 100644 frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.css
 delete mode 100644 frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.html
 delete mode 100644 frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.spec.ts
 delete mode 100644 frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.stories.ts
 delete mode 100644 frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.ts
 delete mode 100644 frontend/src/app/components/users/users.component.css
 delete mode 100644 frontend/src/app/components/users/users.component.html
 delete mode 100644 frontend/src/app/components/users/users.component.spec.ts
 delete mode 100644 frontend/src/app/components/users/users.component.ts
 delete mode 100644 frontend/src/app/components/view-as-banner/view-as-banner.component.css
 delete mode 100644 frontend/src/app/components/view-as-banner/view-as-banner.component.html
 delete mode 100644 frontend/src/app/components/view-as-banner/view-as-banner.component.ts
 delete mode 100644 frontend/src/app/components/zapier/zapier.component.css
 delete mode 100644 frontend/src/app/components/zapier/zapier.component.html
 delete mode 100644 frontend/src/app/components/zapier/zapier.component.spec.ts
 delete mode 100644 frontend/src/app/components/zapier/zapier.component.ts
 delete mode 100644 frontend/src/app/consts/acronyms.ts
 delete mode 100644 frontend/src/app/consts/code-snippets.ts
 delete mode 100644 frontend/src/app/consts/countries.ts
 delete mode 100644 frontend/src/app/consts/currencies.ts
 delete mode 100644 frontend/src/app/consts/databases.ts
 delete mode 100644 frontend/src/app/consts/filter-types.ts
 delete mode 100644 frontend/src/app/consts/google-IP-addresses.ts
 delete mode 100644 frontend/src/app/consts/languages.ts
 delete mode 100644 frontend/src/app/consts/record-edit-types.ts
 delete mode 100644 frontend/src/app/consts/record-view-types.ts
 delete mode 100644 frontend/src/app/consts/table-display-types.ts
 delete mode 100644 frontend/src/app/directives/base64Validator.directive.ts
 delete mode 100644 frontend/src/app/directives/connection-string-validator.directive.ts
 delete mode 100644 frontend/src/app/directives/emailValidator.directive.ts
 delete mode 100644 frontend/src/app/directives/hexValidator.directive.ts
 delete mode 100644 frontend/src/app/directives/hostnameValidator.directive.ts
 delete mode 100644 frontend/src/app/directives/ngmat-table-query-reflector.directive.ts
 delete mode 100644 frontend/src/app/directives/passwordValidator.directive.ts
 delete mode 100644 frontend/src/app/directives/text-validator.directive.ts
 delete mode 100644 frontend/src/app/directives/url-validator.directive.spec.ts
 delete mode 100644 frontend/src/app/directives/url-validator.directive.ts
 delete mode 100644 frontend/src/app/guards/auth.guard.spec.ts
 delete mode 100644 frontend/src/app/guards/auth.guard.ts
 delete mode 100644 frontend/src/app/guards/configuration.guard.ts
 delete mode 100644 frontend/src/app/guards/no-auth.guard.ts
 delete mode 100644 frontend/src/app/guards/setup.guard.ts
 delete mode 100644 frontend/src/app/lib/binary.spec.ts
 delete mode 100644 frontend/src/app/lib/binary.ts
 delete mode 100644 frontend/src/app/lib/cedar-monaco-language.ts
 delete mode 100644 frontend/src/app/lib/cedar-policy-items.ts
 delete mode 100644 frontend/src/app/lib/cedar-policy-parser.ts
 delete mode 100644 frontend/src/app/lib/cedar-policy-roundtrip.spec.ts
 delete mode 100644 frontend/src/app/lib/chart-config.helper.ts
 delete mode 100644 frontend/src/app/lib/format-field-value.ts
 delete mode 100644 frontend/src/app/lib/normalize.spec.ts
 delete mode 100644 frontend/src/app/lib/normalize.ts
 delete mode 100644 frontend/src/app/lib/parse-filter-params.spec.ts
 delete mode 100644 frontend/src/app/lib/parse-filter-params.ts
 delete mode 100644 frontend/src/app/lib/permission-display.spec.ts
 delete mode 100644 frontend/src/app/lib/permission-display.ts
 delete mode 100644 frontend/src/app/lib/setup-table-row-structure.spec.ts
 delete mode 100644 frontend/src/app/lib/setup-table-row-structure.ts
 delete mode 100644 frontend/src/app/models/ai-suggestions.ts
 delete mode 100644 frontend/src/app/models/alert.ts
 delete mode 100644 frontend/src/app/models/company.ts
 delete mode 100644 frontend/src/app/models/connection.ts
 delete mode 100644 frontend/src/app/models/dashboard.ts
 delete mode 100644 frontend/src/app/models/logs.ts
 delete mode 100644 frontend/src/app/models/saved-query.ts
 delete mode 100644 frontend/src/app/models/secret.ts
 delete mode 100644 frontend/src/app/models/table.ts
 delete mode 100644 frontend/src/app/models/ui-settings.ts
 delete mode 100644 frontend/src/app/models/user.ts
 delete mode 100644 frontend/src/app/modules/config.module.ts
 delete mode 100644 frontend/src/app/routes/company-invitation.routes.ts
 delete mode 100644 frontend/src/app/routes/password-change.routes.ts
 delete mode 100644 frontend/src/app/routes/password-reset.routes.ts
 delete mode 100644 frontend/src/app/services/ai-suggestions.service.ts
 delete mode 100644 frontend/src/app/services/ai.service.ts
 delete mode 100644 frontend/src/app/services/api.service.ts
 delete mode 100644 frontend/src/app/services/auth.service.spec.ts
 delete mode 100644 frontend/src/app/services/auth.service.ts
 delete mode 100644 frontend/src/app/services/cedar-permission.service.spec.ts
 delete mode 100644 frontend/src/app/services/cedar-permission.service.ts
 delete mode 100644 frontend/src/app/services/cedar-validator.service.ts
 delete mode 100644 frontend/src/app/services/cedar-wasm.service.ts
 delete mode 100644 frontend/src/app/services/company.service.spec.ts
 delete mode 100644 frontend/src/app/services/company.service.ts
 delete mode 100644 frontend/src/app/services/configuration-state.service.ts
 delete mode 100644 frontend/src/app/services/configuration.service.spec.ts
 delete mode 100644 frontend/src/app/services/configuration.service.ts
 delete mode 100644 frontend/src/app/services/connections.service.spec.ts
 delete mode 100644 frontend/src/app/services/connections.service.ts
 delete mode 100644 frontend/src/app/services/dashboards.service.ts
 delete mode 100644 frontend/src/app/services/master-password.service.spec.ts
 delete mode 100644 frontend/src/app/services/master-password.service.ts
 delete mode 100644 frontend/src/app/services/notifications.service.spec.ts
 delete mode 100644 frontend/src/app/services/notifications.service.ts
 delete mode 100644 frontend/src/app/services/posthog.service.ts
 delete mode 100644 frontend/src/app/services/s3.service.spec.ts
 delete mode 100644 frontend/src/app/services/s3.service.ts
 delete mode 100644 frontend/src/app/services/saved-queries.service.ts
 delete mode 100644 frontend/src/app/services/secrets.service.spec.ts
 delete mode 100644 frontend/src/app/services/secrets.service.ts
 delete mode 100644 frontend/src/app/services/selfhosted.service.ts
 delete mode 100644 frontend/src/app/services/table-row.service.spec.ts
 delete mode 100644 frontend/src/app/services/table-row.service.ts
 delete mode 100644 frontend/src/app/services/table-schema.service.ts
 delete mode 100644 frontend/src/app/services/table-state.service.spec.ts
 delete mode 100644 frontend/src/app/services/table-state.service.ts
 delete mode 100644 frontend/src/app/services/tables.service.spec.ts
 delete mode 100644 frontend/src/app/services/tables.service.ts
 delete mode 100644 frontend/src/app/services/token.interceptor.spec.ts
 delete mode 100644 frontend/src/app/services/token.interceptor.ts
 delete mode 100644 frontend/src/app/services/ui-settings.service.spec.ts
 delete mode 100644 frontend/src/app/services/ui-settings.service.ts
 delete mode 100644 frontend/src/app/services/url-params.interceptor.spec.ts
 delete mode 100644 frontend/src/app/services/url-params.interceptor.ts
 delete mode 100644 frontend/src/app/services/user.service.spec.ts
 delete mode 100644 frontend/src/app/services/user.service.ts
 delete mode 100644 frontend/src/app/services/users.service.spec.ts
 delete mode 100644 frontend/src/app/services/users.service.ts
 delete mode 100644 frontend/src/app/services/view-as.service.spec.ts
 delete mode 100644 frontend/src/app/services/view-as.service.ts
 delete mode 100644 frontend/src/app/testing/code-editor.mock.ts
 delete mode 100644 frontend/src/app/types/turnstile.d.ts
 delete mode 100644 frontend/src/app/validators/base64.validator.ts
 delete mode 100644 frontend/src/app/validators/connection-string.validator.ts
 delete mode 100644 frontend/src/app/validators/email.validator.ts
 delete mode 100644 frontend/src/app/validators/hex.validator.ts
 delete mode 100644 frontend/src/app/validators/hostname.validator.ts
 delete mode 100644 frontend/src/app/validators/password.validator.ts
 delete mode 100644 frontend/src/app/validators/text.validator.ts
 delete mode 100644 frontend/src/app/validators/url.validator.ts
 delete mode 100644 frontend/src/app/version.ts
 rename {frontend-vue => frontend}/src/assets/base.css (100%)
 rename {frontend-vue => frontend}/src/assets/theme.css (100%)
 rename {frontend-vue => frontend}/src/components/app/AppHeader.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/app/AppHeader.vue (100%)
 rename {frontend-vue => frontend}/src/components/app/AppNavDrawer.vue (100%)
 rename {frontend-vue => frontend}/src/components/app/AppSnackbars.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/app/AppSnackbars.vue (100%)
 rename {frontend-vue => frontend}/src/components/app/FeatureNotification.vue (100%)
 rename {frontend-vue => frontend}/src/components/app/ViewAsBanner.vue (100%)
 rename {frontend-vue => frontend}/src/components/app/navigation.ts (100%)
 rename {frontend-vue => frontend}/src/components/audit/AuditInfoDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/audit/AuditInfoDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/audit/useAuditLog.ts (100%)
 rename {frontend-vue => frontend}/src/components/auth/AuthHeader.vue (100%)
 rename {frontend-vue => frontend}/src/components/auth/PasswordStrength.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/auth/PasswordStrength.vue (100%)
 rename {frontend-vue => frontend}/src/components/auth/TurnstileWidget.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/auth/TurnstileWidget.vue (100%)
 rename {frontend-vue => frontend}/src/components/auth/UserPassword.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/auth/UserPassword.vue (100%)
 rename {frontend-vue => frontend}/src/components/auth/analytics.ts (100%)
 rename {frontend-vue => frontend}/src/components/auth/validity.ts (100%)
 rename {frontend-vue => frontend}/src/components/charts/ChartAdvancedOptions.vue (100%)
 rename {frontend-vue => frontend}/src/components/charts/ChartDeleteDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/charts/ChartDeleteDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/charts/ChartPreview.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/charts/ChartPreview.vue (100%)
 rename {frontend-vue => frontend}/src/components/charts/ChartSeriesEditor.vue (100%)
 rename {frontend-vue => frontend}/src/components/charts/__tests__/chart-stub.ts (100%)
 rename {frontend-vue => frontend}/src/components/charts/chartEditor.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/charts/chartEditor.ts (100%)
 rename {frontend-vue => frontend}/src/components/charts/chartjs.ts (100%)
 rename {frontend-vue => frontend}/src/components/company/CompanyMemberAccess.vue (100%)
 rename {frontend-vue => frontend}/src/components/company/CompanyRoleMenu.vue (100%)
 rename {frontend-vue => frontend}/src/components/company/DeleteDomainDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/company/DeleteDomainDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/company/DeleteMemberDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/company/DeleteMemberDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/company/InviteMemberDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/company/InviteMemberDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/company/RevokeInvitationDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/company/RevokeInvitationDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/company/companyRoles.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/DbConnectionConfirmDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/DbConnectionConfirmDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/DbConnectionDeleteDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/DbConnectionDeleteDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/DbConnectionIpAccessDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/DbConnectionIpAccessDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/MasterEncryptionPassword.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/MasterEncryptionPassword.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/OwnConnections.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/OwnConnections.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/analytics.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/autoConfigureMessages.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/autoConfigureMessages.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/CassandraCredentialsForm.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/ClickhouseCredentialsForm.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/CredentialsAdvancedSettings.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/CredentialsField.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/CredentialsForms.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/CredentialsHostField.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/CredentialsPasswordField.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/CredentialsTextField.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/DynamodbCredentialsForm.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/ElasticCredentialsForm.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/MongodbCredentialsForm.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/MssqlCredentialsForm.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/MysqlCredentialsForm.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/OracledbCredentialsForm.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/PostgresCredentialsForm.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/RedisCredentialsForm.vue (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/credentialsForm.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/fieldPresets.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/credentials/index.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/dbLogos.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/dialogTestUtils.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/dialogs.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/provider.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/connections/provider.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/ActionLinkDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/BulkActionConfirmationDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/ColumnsList.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/FolderDeleteDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/FolderEditDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/SavedFiltersDialog.helpers.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/SavedFiltersDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/SavedFiltersDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/SavedFiltersPanel.helpers.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/SavedFiltersPanel.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/SavedFiltersPanel.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableAiPanel.helpers.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableAiPanel.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableAiPanel.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableExportDialog.helpers.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableExportDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableExportDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableFiltersDialog.helpers.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableFiltersDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableFiltersDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableImportDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableImportDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableRowView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableRowView.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableSheet.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TableView.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TablesList.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/TablesList.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/analytics.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/backUrl.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/dialogs.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/folderColors.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboard/types.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/ChartMiniPreview.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/DashboardDeleteDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/DashboardEditDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/DashboardEditDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/DashboardsSidebar.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/DashboardsSidebar.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/DeleteDialogs.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/DeleteWarning.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/PanelDeleteDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/PanelEditDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/PanelEditDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/__tests__/dialog-harness.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/__tests__/mount-page.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/analytics.ts (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/panels/ChartPanel.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/panels/CounterPanel.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/panels/DashboardPanel.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/panels/TablePanel.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/panels/TextPanel.vue (100%)
 rename {frontend-vue => frontend}/src/components/dashboards/panels/panels.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/dialog/AppDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/dialog/AppDialogForm.vue (100%)
 rename {frontend-vue => frontend}/src/components/dialog/DialogHost.vue (100%)
 rename {frontend-vue => frontend}/src/components/dialog/DialogOutlet.vue (100%)
 rename {frontend-vue => frontend}/src/components/dialog/dialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/BinaryDataCaptionFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/BinaryDataCaptionFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/BinaryDataCaptionFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/BinaryFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/BinaryFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/BinaryFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/BooleanFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/BooleanFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/BooleanFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/CountryFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/CountryFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/CountryFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/DateFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/DateFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/DateFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/DateTimeFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/DateTimeFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/DateTimeFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/DefaultFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/DefaultFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/DefaultFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/EmailFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/EmailFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/EmailFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/FILTER_WIDGETS.md (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/FileFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/FileFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/FileFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/FilterComparatorRow.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/ForeignKeyFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/ForeignKeyFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/ForeignKeyFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/IdFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/IdFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/IdFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/JsonEditorFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/JsonEditorFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/JsonEditorFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/LongTextFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/LongTextFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/LongTextFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/NumberFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/NumberFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/NumberFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/PasswordFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/PasswordFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/PasswordFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/PhoneFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/PhoneFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/PhoneFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/PointFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/PointFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/PointFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/SelectFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/SelectFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/SelectFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/StaticTextFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/StaticTextFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/StaticTextFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/TextFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/TextFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/TextFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/TimeFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/TimeFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/TimeFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/TimeIntervalFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/TimeIntervalFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/TimeIntervalFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/TimezoneFilter.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/TimezoneFilter.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/TimezoneFilter.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/comparatorType.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/comparatorType.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/filterTestUtils.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/timezones.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/filter/useAutofocus.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/BinaryDataCaptionEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/BinaryDataCaptionEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/BinaryDataCaptionEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/BinaryEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/BinaryEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/BinaryEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/BooleanEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/BooleanEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/BooleanEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/CodeEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/CodeEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/CodeEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/ColorEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/ColorEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/ColorEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/CountryEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/CountryEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/CountryEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/DateEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/DateEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/DateEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/DateTimeEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/DateTimeEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/DateTimeEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/FileEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/FileEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/FileEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/ForeignKeyEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/ForeignKeyEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/ForeignKeyEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/IdEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/IdEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/IdEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/ImageEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/ImageEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/ImageEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/JsonEditorEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/JsonEditorEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/JsonEditorEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/LanguageEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/LanguageEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/LanguageEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/LongTextEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/LongTextEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/LongTextEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/MarkdownEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/MarkdownEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/MarkdownEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/MoneyEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/MoneyEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/MoneyEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/NumberEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/NumberEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/NumberEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/PasswordEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/PasswordEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/PasswordEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/PhoneEdit.countries.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/PhoneEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/PhoneEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/PhoneEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/PointEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/PointEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/PointEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/RangeEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/RangeEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/RangeEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/S3Edit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/S3Edit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/S3Edit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/SelectEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/SelectEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/SelectEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/StaticTextEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/StaticTextEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/StaticTextEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/TextEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/TextEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/TextEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/TimeEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/TimeEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/TimeEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/TimeIntervalEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/TimeIntervalEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/TimeIntervalEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/TimezoneEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/TimezoneEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/TimezoneEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/UrlEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/UrlEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/UrlEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/UuidEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/UuidEdit.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-edit/UuidEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/BinaryDataCaptionRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/BinaryDataCaptionRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/BinaryDataCaptionRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/BinaryRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/BinaryRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/BinaryRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/BooleanRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/BooleanRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/BooleanRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/CodeRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/CodeRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/CodeRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/ColorRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/ColorRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/ColorRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/CountryRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/CountryRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/CountryRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/DateRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/DateRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/DateRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/DateTimeRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/DateTimeRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/DateTimeRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/FileRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/FileRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/FileRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/ForeignKeyRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/ForeignKeyRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/ForeignKeyRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/IdRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/IdRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/IdRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/ImageRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/ImageRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/ImageRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/JsonEditorRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/JsonEditorRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/JsonEditorRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/LanguageRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/LanguageRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/LanguageRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/LongTextRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/LongTextRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/LongTextRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/MarkdownRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/MarkdownRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/MarkdownRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/MoneyRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/MoneyRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/MoneyRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/NumberRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/NumberRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/NumberRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/PasswordRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/PasswordRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/PasswordRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/PhoneRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/PhoneRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/PhoneRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/PointRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/PointRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/PointRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/RangeRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/RangeRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/RangeRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/RecordViewValue.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/RecordViewValue.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/S3RecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/S3RecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/S3RecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/SelectRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/SelectRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/SelectRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/StaticTextRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/StaticTextRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/StaticTextRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/TextRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/TextRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/TextRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/TimeIntervalRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/TimeIntervalRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/TimeIntervalRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/TimeRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/TimeRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/TimeRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/TimezoneRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/TimezoneRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/TimezoneRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/UrlRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/UrlRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/UrlRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/UuidRecordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/UuidRecordView.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/record-view/UuidRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/stories.mocks.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/BinaryDataCaptionDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/BinaryDataCaptionDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/BinaryDataCaptionDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/BinaryDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/BinaryDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/BinaryDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/BooleanDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/BooleanDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/BooleanDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/CodeDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/CodeDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/CodeDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/ColorDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/ColorDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/ColorDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/CountryDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/CountryDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/CountryDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/DateDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/DateDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/DateDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/DateTimeDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/DateTimeDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/DateTimeDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/FileDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/FileDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/FileDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/ForeignKeyDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/ForeignKeyDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/ForeignKeyDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/IdDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/IdDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/IdDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/ImageDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/ImageDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/ImageDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/JsonEditorDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/JsonEditorDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/JsonEditorDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/LanguageDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/LanguageDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/LanguageDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/LongTextDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/LongTextDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/LongTextDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/MarkdownDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/MarkdownDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/MarkdownDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/MoneyDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/MoneyDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/MoneyDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/NumberDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/NumberDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/NumberDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/PasswordDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/PasswordDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/PasswordDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/PhoneDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/PhoneDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/PhoneDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/PointDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/PointDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/PointDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/RangeDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/RangeDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/RangeDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/S3Display.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/S3Display.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/S3Display.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/SelectDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/SelectDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/SelectDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/StaticTextDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/StaticTextDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/StaticTextDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/TableDisplayCell.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/TableDisplayCell.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/TextDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/TextDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/TextDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/TimeDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/TimeDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/TimeDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/TimeIntervalDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/TimeIntervalDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/TimeIntervalDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/TimezoneDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/TimezoneDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/TimezoneDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/UrlDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/UrlDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/UrlDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/UuidDisplay.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/UuidDisplay.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/UuidDisplay.vue (100%)
 rename {frontend-vue => frontend}/src/components/fields/table-display/testing.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/types.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/useFieldWidget.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/fields/useFieldWidget.ts (100%)
 rename {frontend-vue => frontend}/src/components/master-password/MasterPasswordDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/master-password/MasterPasswordDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/profile/ProfileLayout.vue (100%)
 rename {frontend-vue => frontend}/src/components/profile/ProfileSidebar.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/profile/ProfileSidebar.vue (100%)
 rename {frontend-vue => frontend}/src/components/schema/SchemaDiagramViewer.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/schema/SchemaDiagramViewer.vue (100%)
 rename {frontend-vue => frontend}/src/components/schema/SchemaEditor.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/schema/SchemaEditor.vue (100%)
 rename {frontend-vue => frontend}/src/components/schema/mermaid.ts (100%)
 rename {frontend-vue => frontend}/src/components/schema/schemaChanges.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/schema/schemaChanges.ts (100%)
 rename {frontend-vue => frontend}/src/components/secrets/CreateSecretDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/secrets/CreateSecretDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/secrets/DeleteSecretDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/secrets/DeleteSecretDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/secrets/EditSecretDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/secrets/EditSecretDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/secrets/SecretAuditLogDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/secrets/SecretAuditLogDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/secrets/SecretMasterPasswordDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/secrets/SecretMasterPasswordDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/secrets/secretUtils.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/secrets/secretUtils.ts (100%)
 rename {frontend-vue => frontend}/src/components/secrets/secretsTestUtils.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppAlert.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppAlert.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppAlert.vue (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppBanner.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppBanner.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppBanner.vue (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppBreadcrumbs.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppBreadcrumbs.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppBreadcrumbs.vue (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppCodeEditor.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppCodeEditor.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppCodeEditor.vue (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppContentLoader.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppContentLoader.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppContentLoader.vue (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppIconPicker.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppIconPicker.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppIconPicker.vue (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppIpAddressButton.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppIpAddressButton.vue (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppMarkdown.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppMarkdown.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/shared/AppMarkdown.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderAddUserDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderApiKeysList.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderAuditLog.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderCompany.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderCompanyInvitation.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderConnectionSettings.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderConnections.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderDashboards.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderRecordView.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderRowEdit.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderSavedFilters.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderTableData.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderTableSettings.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderTableView.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderTableWidgets.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderUserGroup.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/PlaceholderUserGroups.vue (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/Placeholders.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/skeletons/placeholders.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/table/ActionDeleteDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/table/AutomationsEmptyState.vue (100%)
 rename {frontend-vue => frontend}/src/components/table/TableWidgetItem.vue (100%)
 rename {frontend-vue => frontend}/src/components/table/WebhookSnippets.vue (100%)
 rename {frontend-vue => frontend}/src/components/table/WidgetDeleteDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/table/WidgetsEmptyState.vue (100%)
 rename {frontend-vue => frontend}/src/components/table/analytics.ts (100%)
 rename {frontend-vue => frontend}/src/components/table/dialogs.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/table/widget-defaults.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/table/widget-defaults.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/CONVENTIONS.md (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiAccordion.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiAlert.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiAlert.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiAlert.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiAutocomplete.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiAutocomplete.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiAutocomplete.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiBadge.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiBadge.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiBadge.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiButton.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiButton.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiButton.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiCard.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiCard.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiCard.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiCheckbox.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiCheckbox.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiCheckbox.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiChip.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiChip.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiChip.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiConfirmDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiConfirmDialog.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiConfirmDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiDivider.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiDivider.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiDivider.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiDrawer.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiDrawer.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiDrawer.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiExpansionPanel.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiExpansionPanel.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiExpansionPanel.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiField.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiField.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiField.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiIcon.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiIcon.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiIcon.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiIconButton.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiIconButton.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiIconButton.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiInput.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiInput.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiList.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiList.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiList.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiListItem.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiMenu.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiMenu.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiMenu.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiMenuItem.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiModal.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiModal.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiModal.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiPageShell.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiPageShell.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiPageShell.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiPaginator.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiPaginator.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiPaginator.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiProgressBar.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiProgressBar.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiProgressBar.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiRadio.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiRadioGroup.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiRadioGroup.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiRadioGroup.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiSegmented.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiSegmented.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiSegmented.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiSelect.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiSelect.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiSelect.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiSkeleton.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiSkeleton.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiSkeleton.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiSpinner.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiSpinner.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiSpinner.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiSwitch.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiSwitch.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiSwitch.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiTab.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiTabPanel.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiTable.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiTable.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiTable.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiTabs.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiTabs.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiTabs.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiTextarea.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiTextarea.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiTextarea.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/UiTooltipLayer.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/__tests__/a11y.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/__tests__/axe.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/accordionContext.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/00-GettingStarted.mdx (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/01-Conventions.mdx (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/02-Color.mdx (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/03-Typography.mdx (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/04-Spacing.mdx (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/05-Shape.mdx (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/06-Elevation.mdx (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/07-Motion.mdx (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/ScaleSpecimens.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/SpecimenList.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/SwatchGrid.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/TokenTable.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/TypeSpecimens.vue (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/conventions.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/foundations.stories.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/readTokens.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/readTokens.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/docs/specimens.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/fieldContext.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/index.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/menuContext.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/radioContext.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/selectOption.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/tableTypes.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/tabsContext.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/tooltip.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/tooltip.ts (100%)
 rename {frontend-vue => frontend}/src/components/ui/tooltipState.ts (100%)
 rename {frontend-vue => frontend}/src/components/user-settings/AccountDeleteConfirmationDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/user-settings/AccountDeleteConfirmationDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/user-settings/AccountDeleteDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/user-settings/AccountDeleteDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/user-settings/ApiKeyDeleteDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/user-settings/ApiKeyDeleteDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/user-settings/EnableTwoFaDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/user-settings/EnableTwoFaDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/user-settings/dialogTestUtils.ts (100%)
 rename {frontend-vue => frontend}/src/components/users/CedarPolicyEditorDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/users/CedarPolicyEditorDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/users/CedarPolicyItemForm.vue (100%)
 rename {frontend-vue => frontend}/src/components/users/CedarPolicyList.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/users/CedarPolicyList.vue (100%)
 rename {frontend-vue => frontend}/src/components/users/GroupAddDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/users/GroupDeleteDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/users/GroupDialogs.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/users/GroupNameEditDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/users/PublicAccessPanel.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/users/PublicAccessPanel.vue (100%)
 rename {frontend-vue => frontend}/src/components/users/UserAddDialog.spec.ts (100%)
 rename {frontend-vue => frontend}/src/components/users/UserAddDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/users/UserDeleteDialog.vue (100%)
 rename {frontend-vue => frontend}/src/components/users/analytics.ts (100%)
 rename {frontend-vue => frontend}/src/components/users/policyList.ts (100%)
 rename {frontend-vue => frontend}/src/components/users/testUtils.ts (100%)
 rename {frontend-vue => frontend}/src/components/users/types.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useAnalytics.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useAppSession.spec.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useAppSession.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useCedarValidator.spec.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useCedarValidator.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useDialog.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useGoogleSignIn.spec.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useGoogleSignIn.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useNotify.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useRowEdit.spec.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useRowEdit.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useRowSelection.spec.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useRowSelection.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useRowView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useRowView.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useTableData.spec.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useTableData.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useTableFolders.spec.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useTableFolders.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useTableRules.spec.ts (100%)
 rename {frontend-vue => frontend}/src/composables/useTableRules.ts (100%)
 delete mode 100644 frontend/src/config.json
 rename {frontend-vue => frontend}/src/config.spec.ts (100%)
 rename {frontend-vue => frontend}/src/config.ts (100%)
 rename {frontend-vue => frontend}/src/consts/acronyms.ts (100%)
 rename {frontend-vue => frontend}/src/consts/code-snippets.ts (100%)
 rename {frontend-vue => frontend}/src/consts/countries.ts (100%)
 rename {frontend-vue => frontend}/src/consts/currencies.ts (100%)
 rename {frontend-vue => frontend}/src/consts/databases.ts (100%)
 rename {frontend-vue => frontend}/src/consts/filter-types.ts (100%)
 rename {frontend-vue => frontend}/src/consts/google-IP-addresses.ts (100%)
 rename {frontend-vue => frontend}/src/consts/languages.ts (100%)
 rename {frontend-vue => frontend}/src/consts/record-edit-types.ts (100%)
 rename {frontend-vue => frontend}/src/consts/record-view-types.ts (100%)
 rename {frontend-vue => frontend}/src/consts/table-display-types.ts (100%)
 create mode 100644 frontend/src/consts/widget-types.angular.json
 rename {frontend-vue => frontend}/src/consts/widget-types.spec.ts (69%)
 delete mode 100644 frontend/src/custom-theme.scss
 rename {frontend-vue => frontend}/src/directives/customValidity.spec.ts (100%)
 rename {frontend-vue => frontend}/src/directives/customValidity.ts (100%)
 rename {frontend-vue => frontend}/src/env.d.ts (100%)
 rename {frontend-vue => frontend}/src/environment.spec.ts (100%)
 rename {frontend-vue => frontend}/src/environment.ts (100%)
 delete mode 100644 frontend/src/environments/environment.dev.ts
 delete mode 100644 frontend/src/environments/environment.prod.ts
 delete mode 100644 frontend/src/environments/environment.saas-prod.ts
 delete mode 100644 frontend/src/environments/environment.saas.ts
 delete mode 100644 frontend/src/environments/environment.ts
 delete mode 100644 frontend/src/index.html
 delete mode 100644 frontend/src/index.saas.html
 rename {frontend-vue => frontend}/src/lib/ai-suggestions.spec.ts (100%)
 rename {frontend-vue => frontend}/src/lib/ai-suggestions.ts (100%)
 rename {frontend-vue => frontend}/src/lib/binary.spec.ts (100%)
 rename {frontend-vue => frontend}/src/lib/binary.ts (100%)
 rename {frontend-vue => frontend}/src/lib/cedar-monaco-language.ts (100%)
 rename {frontend-vue => frontend}/src/lib/cedar-policy-items.ts (100%)
 rename {frontend-vue => frontend}/src/lib/cedar-policy-parser.ts (100%)
 rename {frontend-vue => frontend}/src/lib/cedar-policy-roundtrip.spec.ts (100%)
 rename {frontend-vue => frontend}/src/lib/cedar-wasm.ts (100%)
 rename {frontend-vue => frontend}/src/lib/chart-config.helper.ts (100%)
 rename {frontend-vue => frontend}/src/lib/clipboard.ts (100%)
 rename {frontend-vue => frontend}/src/lib/connection-theme.spec.ts (100%)
 rename {frontend-vue => frontend}/src/lib/connection-theme.ts (100%)
 rename {frontend-vue => frontend}/src/lib/format-field-value.ts (100%)
 rename {frontend-vue => frontend}/src/lib/markdown.spec.ts (100%)
 rename {frontend-vue => frontend}/src/lib/markdown.ts (100%)
 rename {frontend-vue => frontend}/src/lib/mermaid-config.ts (100%)
 rename {frontend-vue => frontend}/src/lib/monaco.ts (100%)
 rename {frontend-vue => frontend}/src/lib/monitoring.spec.ts (100%)
 rename {frontend-vue => frontend}/src/lib/monitoring.ts (100%)
 rename {frontend-vue => frontend}/src/lib/normalize.spec.ts (100%)
 rename {frontend-vue => frontend}/src/lib/normalize.ts (100%)
 rename {frontend-vue => frontend}/src/lib/parse-filter-params.spec.ts (100%)
 rename {frontend-vue => frontend}/src/lib/parse-filter-params.ts (100%)
 rename {frontend-vue => frontend}/src/lib/password-strength.spec.ts (100%)
 rename {frontend-vue => frontend}/src/lib/password-strength.ts (100%)
 rename {frontend-vue => frontend}/src/lib/permission-display.spec.ts (100%)
 rename {frontend-vue => frontend}/src/lib/permission-display.ts (100%)
 rename {frontend-vue => frontend}/src/lib/setup-table-row-structure.spec.ts (100%)
 rename {frontend-vue => frontend}/src/lib/setup-table-row-structure.ts (100%)
 rename {frontend-vue => frontend}/src/lib/table-events.spec.ts (100%)
 rename {frontend-vue => frontend}/src/lib/table-events.ts (100%)
 rename {frontend-vue => frontend}/src/lib/table-query.spec.ts (100%)
 rename {frontend-vue => frontend}/src/lib/table-query.ts (100%)
 rename {frontend-vue => frontend}/src/lib/table-url.spec.ts (100%)
 rename {frontend-vue => frontend}/src/lib/table-url.ts (100%)
 rename {frontend-vue => frontend}/src/lib/table-view.spec.ts (100%)
 rename {frontend-vue => frontend}/src/lib/table-view.ts (100%)
 rename {frontend-vue => frontend}/src/models/ai-suggestions.ts (100%)
 rename {frontend-vue => frontend}/src/models/alert.ts (100%)
 rename {frontend-vue => frontend}/src/models/company.ts (100%)
 rename {frontend-vue => frontend}/src/models/connection.ts (100%)
 rename {frontend-vue => frontend}/src/models/dashboard.ts (100%)
 rename {frontend-vue => frontend}/src/models/logs.ts (100%)
 rename {frontend-vue => frontend}/src/models/saved-query.ts (100%)
 rename {frontend-vue => frontend}/src/models/secret.ts (100%)
 rename {frontend-vue => frontend}/src/models/table.ts (100%)
 rename {frontend-vue => frontend}/src/models/ui-settings.ts (100%)
 rename {frontend-vue => frontend}/src/models/user.ts (100%)
 delete mode 100644 frontend/src/polyfills.ts
 delete mode 100644 frontend/src/proxy.conf.json
 rename {frontend-vue => frontend}/src/router/guards.spec.ts (100%)
 rename {frontend-vue => frontend}/src/router/guards.ts (100%)
 rename {frontend-vue => frontend}/src/router/index.ts (100%)
 rename {frontend-vue => frontend}/src/router/routes.spec.ts (100%)
 rename {frontend-vue => frontend}/src/router/routes.ts (100%)
 rename {frontend-vue => frontend}/src/stores/ai-suggestions.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/ai-suggestions.ts (100%)
 rename {frontend-vue => frontend}/src/stores/ai.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/ai.ts (100%)
 rename {frontend-vue => frontend}/src/stores/auth.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/auth.ts (100%)
 rename {frontend-vue => frontend}/src/stores/cedar-permissions.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/cedar-permissions.ts (100%)
 rename {frontend-vue => frontend}/src/stores/company.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/company.ts (100%)
 rename {frontend-vue => frontend}/src/stores/configuration-state.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/configuration-state.ts (100%)
 rename {frontend-vue => frontend}/src/stores/connections.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/connections.ts (100%)
 rename {frontend-vue => frontend}/src/stores/dashboards.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/dashboards.ts (100%)
 rename {frontend-vue => frontend}/src/stores/master-password.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/master-password.ts (100%)
 rename {frontend-vue => frontend}/src/stores/notifications.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/notifications.ts (100%)
 rename {frontend-vue => frontend}/src/stores/s3.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/s3.ts (100%)
 rename {frontend-vue => frontend}/src/stores/saved-queries.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/saved-queries.ts (100%)
 rename {frontend-vue => frontend}/src/stores/secrets.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/secrets.ts (100%)
 rename {frontend-vue => frontend}/src/stores/selfhosted.ts (100%)
 rename {frontend-vue => frontend}/src/stores/table-row.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/table-row.ts (100%)
 rename {frontend-vue => frontend}/src/stores/table-schema.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/table-schema.ts (100%)
 rename {frontend-vue => frontend}/src/stores/table-state.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/table-state.ts (100%)
 rename {frontend-vue => frontend}/src/stores/tables.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/tables.ts (100%)
 rename {frontend-vue => frontend}/src/stores/ui-settings.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/ui-settings.ts (100%)
 rename {frontend-vue => frontend}/src/stores/user.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/user.ts (100%)
 rename {frontend-vue => frontend}/src/stores/users.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/users.ts (100%)
 rename {frontend-vue => frontend}/src/stores/view-as.spec.ts (100%)
 rename {frontend-vue => frontend}/src/stores/view-as.ts (100%)
 delete mode 100644 frontend/src/styles.scss
 rename {frontend-vue => frontend}/src/types/third-party-auth.d.ts (100%)
 rename {frontend-vue => frontend}/src/validators/base64.validator.spec.ts (100%)
 rename {frontend-vue => frontend}/src/validators/base64.validator.ts (100%)
 rename {frontend-vue => frontend}/src/validators/connection-string.validator.spec.ts (100%)
 rename {frontend-vue => frontend}/src/validators/connection-string.validator.ts (100%)
 rename {frontend-vue => frontend}/src/validators/email.validator.spec.ts (100%)
 rename {frontend-vue => frontend}/src/validators/email.validator.ts (100%)
 rename {frontend-vue => frontend}/src/validators/hex.validator.spec.ts (100%)
 rename {frontend-vue => frontend}/src/validators/hex.validator.ts (100%)
 rename {frontend-vue => frontend}/src/validators/hostname.validator.spec.ts (100%)
 rename {frontend-vue => frontend}/src/validators/hostname.validator.ts (100%)
 rename {frontend-vue => frontend}/src/validators/password.validator.spec.ts (100%)
 rename {frontend-vue => frontend}/src/validators/password.validator.ts (100%)
 rename {frontend-vue => frontend}/src/validators/text.validator.spec.ts (100%)
 rename {frontend-vue => frontend}/src/validators/text.validator.ts (100%)
 rename {frontend-vue => frontend}/src/validators/types.ts (100%)
 rename {frontend-vue => frontend}/src/validators/url.validator.spec.ts (100%)
 rename {frontend-vue => frontend}/src/validators/url.validator.ts (100%)
 rename {frontend-vue => frontend}/src/version.ts (100%)
 rename {frontend-vue => frontend}/src/views/NotFoundView.vue (100%)
 rename {frontend-vue => frontend}/src/views/audit/AuditView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/audit/AuditView.vue (100%)
 rename {frontend-vue => frontend}/src/views/auth/CompanyInvitationView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/auth/CompanyInvitationView.vue (100%)
 rename {frontend-vue => frontend}/src/views/auth/EmailChangeView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/auth/EmailChangeView.vue (100%)
 rename {frontend-vue => frontend}/src/views/auth/EmailVerificationView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/auth/EmailVerificationView.vue (100%)
 rename {frontend-vue => frontend}/src/views/auth/ForgetPasswordView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/auth/ForgetPasswordView.vue (100%)
 rename {frontend-vue => frontend}/src/views/auth/LoginView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/auth/LoginView.vue (100%)
 rename {frontend-vue => frontend}/src/views/auth/PasswordChangeView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/auth/PasswordChangeView.vue (100%)
 rename {frontend-vue => frontend}/src/views/auth/PasswordResetView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/auth/PasswordResetView.vue (100%)
 rename {frontend-vue => frontend}/src/views/auth/SetupView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/auth/SetupView.vue (100%)
 rename {frontend-vue => frontend}/src/views/auth/UserDeletedView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/auth/UserDeletedView.vue (100%)
 rename {frontend-vue => frontend}/src/views/auth/authTestUtils.ts (100%)
 rename {frontend-vue => frontend}/src/views/charts/ChartEditView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/charts/ChartEditView.vue (100%)
 rename {frontend-vue => frontend}/src/views/charts/ChartsListView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/charts/ChartsListView.vue (100%)
 rename {frontend-vue => frontend}/src/views/connections/AutoConfigureView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/connections/AutoConfigureView.vue (100%)
 rename {frontend-vue => frontend}/src/views/connections/ConnectDbView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/connections/ConnectDbView.vue (100%)
 rename {frontend-vue => frontend}/src/views/connections/ConnectionSettingsView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/connections/ConnectionSettingsView.vue (100%)
 rename {frontend-vue => frontend}/src/views/connections/ConnectionsListView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/connections/ConnectionsListView.vue (100%)
 rename {frontend-vue => frontend}/src/views/connections/connectionsTestUtils.ts (100%)
 rename {frontend-vue => frontend}/src/views/dashboard/DashboardView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/dashboard/DashboardView.vue (100%)
 rename {frontend-vue => frontend}/src/views/dashboards/DashboardView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/dashboards/DashboardView.vue (100%)
 rename {frontend-vue => frontend}/src/views/dashboards/DashboardsListView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/dashboards/DashboardsListView.vue (100%)
 rename {frontend-vue => frontend}/src/views/schema/EditDatabaseSchemaView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/schema/EditDatabaseSchemaView.vue (100%)
 rename {frontend-vue => frontend}/src/views/settings/ApiKeysView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/settings/ApiKeysView.vue (100%)
 rename {frontend-vue => frontend}/src/views/settings/CompanyView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/settings/CompanyView.vue (100%)
 rename {frontend-vue => frontend}/src/views/settings/SecretsView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/settings/SecretsView.vue (100%)
 rename {frontend-vue => frontend}/src/views/settings/UserSettingsView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/settings/UserSettingsView.vue (100%)
 rename {frontend-vue => frontend}/src/views/settings/ZapierView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/settings/ZapierView.vue (100%)
 rename {frontend-vue => frontend}/src/views/table/RowEditView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/table/RowEditView.vue (100%)
 rename {frontend-vue => frontend}/src/views/table/TableActionsView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/table/TableActionsView.vue (100%)
 rename {frontend-vue => frontend}/src/views/table/TableSettingsView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/table/TableSettingsView.vue (100%)
 rename {frontend-vue => frontend}/src/views/table/TableWidgetsView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/table/TableWidgetsView.vue (100%)
 rename {frontend-vue => frontend}/src/views/table/tableTestUtils.ts (100%)
 rename {frontend-vue => frontend}/src/views/users/PermissionsView.spec.ts (100%)
 rename {frontend-vue => frontend}/src/views/users/PermissionsView.vue (100%)
 rename {frontend-vue => frontend}/tsconfig.node.json (100%)
 delete mode 100644 frontend/tsconfig.spec.json
 delete mode 100644 frontend/tslint.json
 rename {frontend-vue => frontend}/vite.config.ts (86%)
 delete mode 100644 frontend/yarn.lock

diff --git a/.github/workflows/frontend-vue.yml b/.github/workflows/frontend-vue.yml
deleted file mode 100644
index 82705c01f..000000000
--- a/.github/workflows/frontend-vue.yml
+++ /dev/null
@@ -1,55 +0,0 @@
-name: frontend-vue
-
-on:
-  push:
-    branches:
-      - main
-    paths:
-      - 'frontend-vue/**'
-      - 'frontend/src/assets/**'
-      - '.github/workflows/frontend-vue.yml'
-  pull_request:
-    paths:
-      - 'frontend-vue/**'
-      - 'frontend/src/assets/**'
-      - '.github/workflows/frontend-vue.yml'
-
-concurrency:
-  group: frontend-vue-${{ github.ref }}
-  cancel-in-progress: true
-
-defaults:
-  run:
-    working-directory: frontend-vue
-
-jobs:
-  check:
-    runs-on: ubuntu-latest
-    timeout-minutes: 20
-    permissions:
-      contents: read
-    steps:
-      - uses: actions/checkout@v5
-        with:
-          persist-credentials: false
-      - uses: pnpm/action-setup@v4
-        with:
-          package_json_file: frontend-vue/package.json
-      - uses: actions/setup-node@v4
-        with:
-          node-version: '24'
-          cache: 'pnpm'
-          cache-dependency-path: frontend-vue/pnpm-lock.yaml
-      - run: pnpm install --frozen-lockfile
-      - name: Lint
-        run: pnpm lint
-      - name: Typecheck
-        run: pnpm typecheck
-      - name: Unit tests
-        run: pnpm test:ci
-      - name: Build (self-hosted)
-        run: pnpm build
-      - name: Build (SaaS)
-        run: pnpm build:saas
-      - name: Build Storybook
-        run: pnpm build-storybook
diff --git a/.github/workflows/frontend.yml b/.github/workflows/frontend.yml
index 071f575e5..0db7acf3e 100644
--- a/.github/workflows/frontend.yml
+++ b/.github/workflows/frontend.yml
@@ -22,35 +22,56 @@ defaults:
   run:
     working-directory: frontend
 
-# TODO: add a lint job once ESLint migration replaces the (already-removed in
-# @angular-devkit/build-angular v20) `tslint` builder that `yarn lint` calls.
-
 jobs:
-  test:
+  check:
     runs-on: ubuntu-latest
     timeout-minutes: 20
-    container:
-      image: mcr.microsoft.com/playwright:v1.58.1-noble
+    permissions:
+      contents: read
     steps:
       - uses: actions/checkout@v5
+        with:
+          persist-credentials: false
+      - uses: pnpm/action-setup@v4
+        with:
+          package_json_file: frontend/package.json
       - uses: actions/setup-node@v4
         with:
           node-version: '24'
-          cache: 'yarn'
-          cache-dependency-path: frontend/yarn.lock
-      - run: yarn install --immutable
-      - name: Run unit tests
-        run: yarn test:ci
+          cache: 'pnpm'
+          cache-dependency-path: frontend/pnpm-lock.yaml
+      - run: pnpm install --frozen-lockfile
+      - name: Lint
+        run: pnpm lint
+      - name: Typecheck
+        run: pnpm typecheck
+      - name: Unit tests
+        run: pnpm test:ci
+      - name: Build (self-hosted)
+        run: pnpm build
+      - name: Build (SaaS)
+        run: pnpm build:saas
+      - name: Build Storybook
+        run: pnpm build-storybook
 
   license:
     runs-on: ubuntu-latest
     timeout-minutes: 10
+    permissions:
+      contents: read
     steps:
       - uses: actions/checkout@v5
+        with:
+          persist-credentials: false
+      - uses: pnpm/action-setup@v4
+        with:
+          package_json_file: frontend/package.json
       - uses: actions/setup-node@v4
         with:
           node-version: '24'
-          cache: 'yarn'
-          cache-dependency-path: frontend/yarn.lock
+          cache: 'pnpm'
+          cache-dependency-path: frontend/pnpm-lock.yaml
+      - run: pnpm install --frozen-lockfile
+      # OFL-1.1: the Geist and Space Grotesk fonts (@fontsource-variable/*).
       - name: license checker
-        run: 'npx --yes license-checker --onlyAllow="MIT;ISC;Python-2.0;Apache-2.0;BSD;MPL;CC;Custom: http://github.com/dscape/statsd-parser;" --excludePrivatePackages'
+        run: 'npx --yes license-checker --onlyAllow="MIT;ISC;Python-2.0;Apache-2.0;BSD;MPL;CC;OFL-1.1;Custom: http://github.com/dscape/statsd-parser;" --excludePrivatePackages'
diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index c6da2770f..298be9cc8 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -20,13 +20,16 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+        with:
+          package_json_file: frontend/package.json
       - uses: actions/setup-node@v4
         with:
           node-version: '24'
-          cache: yarn
-          cache-dependency-path: frontend/yarn.lock
-      - run: cd frontend && yarn install --frozen-lockfile
-      - run: cd frontend && yarn storybook:build
+          cache: pnpm
+          cache-dependency-path: frontend/pnpm-lock.yaml
+      - run: cd frontend && pnpm install --frozen-lockfile
+      - run: cd frontend && pnpm build-storybook
       - uses: actions/upload-pages-artifact@v3
         with:
           path: frontend/storybook-static
diff --git a/.gitignore b/.gitignore
index 63d70992f..38a967a31 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,12 +6,12 @@
 /out-tsc
 # Only exists if Bazel was run
 /bazel-out
-/frontend-vue/dist
-/frontend-vue/coverage
+/frontend/dist
+/frontend/coverage
 
 # dependencies
 /node_modules
-/frontend-vue/node_modules
+/frontend/node_modules
 .yarn/
 
 # yarn berry cache (not tracked at repo root)
diff --git a/AGENTS.md b/AGENTS.md
index e31e8cda0..4999fa39a 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -7,7 +7,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 RocketAdmin is a database administration panel that allows users to manage database connections, tables, and data. It consists of multiple components in a monorepo structure:
 
 - **backend/** - NestJS API server (TypeScript, ES modules)
-- **frontend/** - Angular 19 web application (standalone components)
+- **frontend/** - Vue 3 web application (Vite, Pinia, vue-router)
 - **rocketadmin-agent/** - NestJS agent for connecting to databases behind firewalls
 - **autoadmin-ws-server/** - WebSocket server for agent communication
 - **shared-code/** - Shared data access layer and utilities used by backend and agent
@@ -30,11 +30,13 @@ pnpm test-saas          # Run SaaS-specific tests
 
 ```bash
 cd frontend
-yarn start              # Start Angular dev server
-yarn build              # Production build
-yarn test:ci            # Run tests headlessly (CI mode)
-yarn test --browsers=ChromeHeadlessCustom --no-watch --no-progress  # Headless tests
-yarn lint               # TSLint (deprecated, needs ESLint migration)
+pnpm install            # Installed on its own, not as a workspace member
+pnpm dev                # Start Vite dev server (proxies /api)
+pnpm build              # Production build (pnpm build:saas for SaaS)
+pnpm lint               # biome + eslint-plugin-vue
+pnpm typecheck          # vue-tsc
+pnpm test:ci            # Vitest (unit and component tests)
+pnpm test:e2e           # Playwright against a mocked API
 ```
 
 ### Running Backend Tests with Docker
@@ -64,7 +66,7 @@ pnpm migration:revert   # Revert last migration
 
 - Uses pnpm workspaces with packages: `backend`, `rocketadmin-agent`, `shared-code`
 - `shared-code` is imported as `@rocketadmin/shared-code` workspace dependency
-- Frontend is a separate Angular project (not a workspace member)
+- Frontend is a separate pnpm project with its own lockfile (not a workspace member)
 
 ### Backend (NestJS)
 
@@ -82,15 +84,16 @@ pnpm migration:revert   # Revert last migration
   - `saas-tests/` - SaaS-specific feature tests
   - `complex-table-tests/` - Complex table operation tests
 
-### Frontend (Angular 19)
+### Frontend (Vue 3)
 
-See `frontend/CLAUDE.md` for detailed frontend architecture.
+See `frontend/CLAUDE.md` for detailed frontend architecture and conventions.
 
 Key points:
-- Standalone components (no NgModules)
-- BehaviorSubject-based state management (no NgRx)
-- Multi-environment builds (development, production, saas, saas-production)
-- Jasmine/Karma testing with ChromeHeadless
+- `<script setup lang="ts">` components, Composition API, composables for shared logic
+- Pinia setup stores; TanStack Vue Query for cached server data
+- UI primitives in `src/components/ui/` (SiteNova design system); colours only via `--color-*` variables, BEM class names
+- Multi-environment builds via Vite modes (development, production, saas, saas-production)
+- Vitest + @vue/test-utils for unit tests, Playwright for e2e
 
 ### Shared Code
 
diff --git a/CLAUDE.md b/CLAUDE.md
index e31e8cda0..4999fa39a 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -7,7 +7,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 RocketAdmin is a database administration panel that allows users to manage database connections, tables, and data. It consists of multiple components in a monorepo structure:
 
 - **backend/** - NestJS API server (TypeScript, ES modules)
-- **frontend/** - Angular 19 web application (standalone components)
+- **frontend/** - Vue 3 web application (Vite, Pinia, vue-router)
 - **rocketadmin-agent/** - NestJS agent for connecting to databases behind firewalls
 - **autoadmin-ws-server/** - WebSocket server for agent communication
 - **shared-code/** - Shared data access layer and utilities used by backend and agent
@@ -30,11 +30,13 @@ pnpm test-saas          # Run SaaS-specific tests
 
 ```bash
 cd frontend
-yarn start              # Start Angular dev server
-yarn build              # Production build
-yarn test:ci            # Run tests headlessly (CI mode)
-yarn test --browsers=ChromeHeadlessCustom --no-watch --no-progress  # Headless tests
-yarn lint               # TSLint (deprecated, needs ESLint migration)
+pnpm install            # Installed on its own, not as a workspace member
+pnpm dev                # Start Vite dev server (proxies /api)
+pnpm build              # Production build (pnpm build:saas for SaaS)
+pnpm lint               # biome + eslint-plugin-vue
+pnpm typecheck          # vue-tsc
+pnpm test:ci            # Vitest (unit and component tests)
+pnpm test:e2e           # Playwright against a mocked API
 ```
 
 ### Running Backend Tests with Docker
@@ -64,7 +66,7 @@ pnpm migration:revert   # Revert last migration
 
 - Uses pnpm workspaces with packages: `backend`, `rocketadmin-agent`, `shared-code`
 - `shared-code` is imported as `@rocketadmin/shared-code` workspace dependency
-- Frontend is a separate Angular project (not a workspace member)
+- Frontend is a separate pnpm project with its own lockfile (not a workspace member)
 
 ### Backend (NestJS)
 
@@ -82,15 +84,16 @@ pnpm migration:revert   # Revert last migration
   - `saas-tests/` - SaaS-specific feature tests
   - `complex-table-tests/` - Complex table operation tests
 
-### Frontend (Angular 19)
+### Frontend (Vue 3)
 
-See `frontend/CLAUDE.md` for detailed frontend architecture.
+See `frontend/CLAUDE.md` for detailed frontend architecture and conventions.
 
 Key points:
-- Standalone components (no NgModules)
-- BehaviorSubject-based state management (no NgRx)
-- Multi-environment builds (development, production, saas, saas-production)
-- Jasmine/Karma testing with ChromeHeadless
+- `<script setup lang="ts">` components, Composition API, composables for shared logic
+- Pinia setup stores; TanStack Vue Query for cached server data
+- UI primitives in `src/components/ui/` (SiteNova design system); colours only via `--color-*` variables, BEM class names
+- Multi-environment builds via Vite modes (development, production, saas, saas-production)
+- Vitest + @vue/test-utils for unit tests, Playwright for e2e
 
 ### Shared Code
 
diff --git a/Dockerfile b/Dockerfile
index d93900b9b..7e3cbda04 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,50 +1,16 @@
-# Which frontend goes into the image: angular (frontend/) or vue (frontend-vue/).
-# During the Vue trial period this is the one switch between them (VUE_MIGRATION_PLAN.md, Phase 4):
-# pass --build-arg FRONTEND=angular to roll back.
-ARG FRONTEND=vue
-
-FROM node:24-slim AS front_builder_angular
+FROM node:24-slim AS front_builder
 ARG VERSION
 ARG SAAS
 SHELL ["/bin/bash", "-c"]
+RUN npm install -g pnpm@10.33.0
 WORKDIR /app/frontend
-COPY frontend/package.json frontend/yarn.lock frontend/.yarnrc.yml frontend/angular.json frontend/browserslist frontend/tsconfig.app.json frontend/tsconfig.json /app/frontend/
-COPY frontend/.yarn /app/frontend/.yarn
-RUN apt-get update && apt-get install -y \
-    git \
-    && rm -rf /var/lib/apt/lists/*
-RUN --mount=type=cache,target=/root/.yarn YARN_CACHE_FOLDER=/root/.yarn yarn install --immutable --network-timeout 1000000 --silent
+COPY frontend/package.json frontend/pnpm-lock.yaml frontend/pnpm-workspace.yaml /app/frontend/
+RUN --mount=type=cache,target=/root/.local/share/pnpm/store pnpm install --frozen-lockfile
+COPY frontend/.env frontend/.env.production frontend/.env.saas-production frontend/index.html frontend/index.saas.html frontend/vite.config.ts frontend/tsconfig.json frontend/tsconfig.app.json frontend/tsconfig.node.json /app/frontend/
 COPY frontend/scripts /app/frontend/scripts
+COPY frontend/public /app/frontend/public
 COPY frontend/src /app/frontend/src
 
-# Update version if VERSION build arg is provided
-RUN if [[ -n $VERSION ]]; then \
-    cd frontend; \
-    echo "Updating package.json version to $VERSION" && \
-    npm version $VERSION --no-git-tag-version && \
-    yarn update-version; \
-    fi
-
-RUN if [[ -n $SAAS ]]; then API_ROOT=/api yarn build --configuration=saas-production; \
-    else API_ROOT=/api yarn build --configuration=production; fi
-RUN ls /app/frontend/dist/rocketadmin/browser
-RUN mv /app/frontend/dist/rocketadmin/browser /app/frontend-dist
-
-FROM node:24-slim AS front_builder_vue
-ARG VERSION
-ARG SAAS
-SHELL ["/bin/bash", "-c"]
-RUN npm install -g pnpm@10.33.0
-WORKDIR /app/frontend-vue
-COPY frontend-vue/package.json frontend-vue/pnpm-lock.yaml frontend-vue/pnpm-workspace.yaml /app/frontend-vue/
-RUN --mount=type=cache,target=/root/.local/share/pnpm/store pnpm install --frozen-lockfile
-# The Vue build still copies its static assets from the Angular app (vite.config.ts).
-COPY frontend/src/assets /app/frontend/src/assets
-COPY frontend-vue/.env frontend-vue/.env.production frontend-vue/.env.saas-production frontend-vue/index.html frontend-vue/index.saas.html frontend-vue/vite.config.ts frontend-vue/tsconfig.json frontend-vue/tsconfig.app.json frontend-vue/tsconfig.node.json /app/frontend-vue/
-COPY frontend-vue/scripts /app/frontend-vue/scripts
-COPY frontend-vue/public /app/frontend-vue/public
-COPY frontend-vue/src /app/frontend-vue/src
-
 # Update version if VERSION build arg is provided (the build scripts write src/version.ts)
 RUN if [[ -n $VERSION ]]; then \
     echo "Updating package.json version to $VERSION" && \
@@ -52,10 +18,7 @@ RUN if [[ -n $VERSION ]]; then \
     fi
 
 RUN if [[ -n $SAAS ]]; then pnpm build:saas; else pnpm build; fi
-RUN ls /app/frontend-vue/dist
-RUN mv /app/frontend-vue/dist /app/frontend-dist
-
-FROM front_builder_${FRONTEND} AS front_builder
+RUN ls /app/frontend/dist
 
 FROM node:24-slim
 
@@ -76,7 +39,7 @@ COPY rocketadmin-agent /app/rocketadmin-agent
 RUN --mount=type=cache,target=/root/.local/share/pnpm/store pnpm install --frozen-lockfile
 RUN cd shared-code && ../node_modules/.bin/tsc
 RUN cd backend && ../node_modules/.bin/tsc && pnpm exec nest build
-COPY --from=front_builder /app/frontend-dist /var/www/html
+COPY --from=front_builder /app/frontend/dist /var/www/html
 COPY frontend/nginx/default.conf /etc/nginx/sites-enabled/default
 RUN mkdir -p /app/backend/node_modules/.cache && chown -R appuser:appuser /app/backend/node_modules/.cache
 RUN chown -R appuser:appuser  /var/lib/nginx
diff --git a/VUE_MIGRATION_PLAN.md b/VUE_MIGRATION_PLAN.md
index 2e18af5c8..ebd693662 100644
--- a/VUE_MIGRATION_PLAN.md
+++ b/VUE_MIGRATION_PLAN.md
@@ -120,6 +120,16 @@ Every route now renders its ported page; `PendingView` is gone. New primitives b
    - **Rollout switch:** `FRONTEND` now defaults to `vue` in both the `Dockerfile` (used by `saas.yml`) and `docker-bake.hcl` (used by `build.yml` and `quay.yml` for the self-hosted images). To roll back, either revert that commit or pass `FRONTEND=angular`. The rollback stays available until the Angular cleanup commit that follows. Reverting that commit brings `frontend/` back.
 4. **Cleanup:** after one stable release, delete `frontend/`, rename `frontend-vue/` to `frontend/`, delete the stale `frontend/Dockerfile`, and update `CLAUDE.md` and `frontend/CLAUDE.md` with the Vue conventions (`<script setup>`, Pinia setup stores, composables, palette-only colors, BEM).
 
+   Status: done ahead of the stable release, in a separate commit that sits on top of the rollout switch.
+   - The Angular app and its stale `Dockerfile` are deleted, and `frontend-vue/` is now `frontend/` (package name `rocketadmin`).
+   - The static assets moved to `frontend/public/assets/`, replacing the `vite-plugin-static-copy` step. The nginx config moved to `frontend/nginx/default.conf`.
+   - The `Dockerfile` has one `front_builder` stage. The `FRONTEND` arg is gone from the `Dockerfile` and `docker-bake.hcl`.
+   - The two specs that read Angular source are now self-contained. `routes.spec.ts` already held a snapshot. `consts/widget-types.spec.ts` now compares against `consts/widget-types.angular.json`, frozen from the Angular `*-types.ts` maps.
+   - CI: `frontend.yml` is the old `frontend-vue.yml`. It also runs on tags and gained the Angular workflow's license check, with `OFL-1.1` allowed for the Geist and Space Grotesk fonts. `storybook.yml` builds the Vue Storybook with pnpm.
+   - `CLAUDE.md`/`AGENTS.md`, the new `frontend/CLAUDE.md`, `frontend/README.md` and `WIDGETS.md` describe the Vue app.
+   - The "Port of frontend/src/app/…" comments in the Vue sources still name the Angular files they came from. Those files can be found in the history before the cleanup commit.
+   - **Rollback:** revert the cleanup commit, then build with `FRONTEND=angular`.
+
 ## Rules for the rewrite
 - **No feature changes during the port.** File UI or UX improvements as separate follow-ups so the parity review stays meaningful.
 - **Freeze new features in Angular** once Phase 3 starts, or require each new Angular feature to be ported to Vue in the same PR.
diff --git a/WIDGETS.md b/WIDGETS.md
index b4f95971d..f85e534a4 100644
--- a/WIDGETS.md
+++ b/WIDGETS.md
@@ -8,28 +8,30 @@ The widget system in RocketAdmin allows customization of how database fields are
 
 Widgets are implemented across **four different contexts**, each serving a specific purpose in the UI:
 
-| Context | Location | Purpose | Editable | Base Component |
-|---------|----------|---------|----------|----------------|
-| **Record Edit Fields** | Create/Edit forms | Interactive input for data entry | ✅ Yes | `BaseEditFieldComponent` |
-| **Record View Fields** | Single record detail page | Read-only formatted display | ❌ No | `BaseRecordViewFieldComponent` |
-| **Table Display Fields** | Table rows | Compact display in lists | ❌ No | `BaseTableDisplayFieldComponent` |
-| **Filter Fields** | Filter panels | Search and filter inputs | ✅ Yes | `BaseFilterFieldComponent` |
-
-**Example:** The `Boolean` widget type has four implementations:
-- `record-edit-fields/boolean/` - Checkbox toggle for editing
-- `record-view-fields/boolean/` - "Yes/No" or icon display
-- `table-display-fields/boolean/` - Badge or icon in table cells
-- `filter-fields/boolean/` - True/False/All dropdown for filtering
+| Context | Location | Purpose | Editable | Composable |
+|---------|----------|---------|----------|------------|
+| **Record Edit Fields** | Create/Edit forms | Interactive input for data entry | ✅ Yes | `useRecordEditField(props)` |
+| **Record View Fields** | Single record detail page | Read-only formatted display | ❌ No | `useViewField(props, emit)` |
+| **Table Display Fields** | Table rows | Compact display in lists | ❌ No | `useViewField(props, emit)` |
+| **Filter Fields** | Filter panels | Search and filter inputs | ✅ Yes | `useFilterField(props)` (an alias of `useRecordEditField`) |
+
+All four composables live in `frontend/src/components/fields/useFieldWidget.ts`.
+
+**Example:** The `Boolean` widget type has four implementations under `frontend/src/components/fields/`:
+- `record-edit/BooleanEdit.vue` - Checkbox toggle for editing
+- `record-view/BooleanRecordView.vue` - "Yes/No" or icon display
+- `table-display/BooleanDisplay.vue` - Badge or icon in table cells
+- `filter/BooleanFilter.vue` - True/False/All dropdown for filtering
 
 ## Table of Contents
 
 1. [Where Widgets Are Stored](#where-widgets-are-stored)
    - [Backend (Database & Entity)](#backend-database--entity)
    - [Frontend (UI Components)](#frontend-ui-components)
-     - [Record Edit Fields](#1-record-edit-fields-record-edit-fields)
-     - [Record View Fields](#2-record-view-fields-record-view-fields)
-     - [Table Display Fields](#3-table-display-fields-table-display-fields)
-     - [Filter Fields](#4-filter-fields-filter-fields)
+     - [Record Edit Fields](#1-record-edit-fields-record-edit-editvue)
+     - [Record View Fields](#2-record-view-fields-record-view-recordviewvue)
+     - [Table Display Fields](#3-table-display-fields-table-display-displayvue)
+     - [Filter Fields](#4-filter-fields-filter-filtervue)
    - [Shared Code](#shared-code)
 2. [Widget Structure](#widget-structure)
 3. [Available Widget Types](#available-widget-types)
@@ -65,157 +67,51 @@ backend/src/entities/widget/
 
 ### Frontend (UI Components)
 
-The frontend implements widgets across **four different contexts**, each with its own set of components:
+The frontend (Vue 3, `frontend/`) implements widgets in **four contexts**. Each one is a folder of single-file components under `frontend/src/components/fields/`, named `<Widget><Suffix>.vue`. The props they share (`label`, `value`, `fieldKey`, `structure`, `widgetStructure`, `relations`, `readonly`, `required`, `disabled`) are defined in `fields/types.ts`. Their common logic lives in the composables in `fields/useFieldWidget.ts`.
 
-#### 1. Record Edit Fields (`record-edit-fields/`)
-**Purpose:** Interactive form inputs for editing/creating records
-**Base Component:** `BaseEditFieldComponent`
+#### 1. Record Edit Fields (`record-edit/`, `*Edit.vue`)
+**Purpose:** Interactive form inputs for editing and creating records.
+**Composable:** `useRecordEditField(props)`
 **Key Features:**
-- Two-way data binding with `@Output() onFieldChange`
-- Supports validation, required fields, disabled/readonly states
-- Full CRUD functionality
-
-**Available Components:**
-```
-frontend/src/app/components/ui-components/record-edit-fields/
-├── boolean/          # Checkbox/toggle for true/false
-├── code/             # Code editor with syntax highlighting
-├── color/            # Color picker
-├── country/          # Country selector with flags
-├── date/             # Date picker
-├── date-time/        # Date and time picker
-├── file/             # File upload
-├── foreign-key/      # Related record selector
-├── image/            # Image upload with preview
-├── json-editor/      # JSON editor
-├── long-text/        # Multi-line textarea
-├── money/            # Currency input
-├── number/           # Numeric input
-├── password/         # Password input with encryption
-├── phone/            # International phone number
-├── point/            # Geographic point input
-├── range/            # Range slider
-├── select/           # Dropdown select
-├── static-text/      # Read-only text
-├── text/             # Single-line text input
-├── time/             # Time picker
-├── time-interval/    # Time interval input
-├── timezone/         # Timezone selector with UTC offsets
-├── url/              # URL input with validation
-└── uuid/             # UUID display/input
-```
-
-#### 2. Record View Fields (`record-view-fields/`)
-**Purpose:** Read-only display for single record detail view
-**Base Component:** `BaseRecordViewFieldComponent`
+- Emit `fieldChange` with the new value.
+- Support validation and the required, disabled and readonly states.
+
+**Widgets:** Binary, BinaryDataCaption, Boolean, Code, Color, Country, Date, DateTime, File, ForeignKey, Id, Image, JsonEditor, Language, LongText, Markdown, Money, Number, Password, Phone, Point, Range, S3, Select, StaticText, Text, Time, TimeInterval, Timezone, Url, Uuid
+
+#### 2. Record View Fields (`record-view/`, `*RecordView.vue`)
+**Purpose:** Read-only display for the single-record detail view.
+**Composable:** `useViewField(props, emit)`
 **Key Features:**
-- Display-only (no editing)
-- Copy-to-clipboard functionality via `@Output() onCopyToClipboard`
-- Formatted value presentation
-
-**Available Components:**
-```
-frontend/src/app/components/ui-components/record-view-fields/
-├── boolean/          # Display boolean as Yes/No or icons
-├── code/             # Syntax-highlighted code display
-├── color/            # Color swatch display
-├── country/          # Country name with flag
-├── date/             # Formatted date display
-├── date-time/        # Formatted datetime display
-├── file/             # File download link
-├── foreign-key/      # Related record link
-├── image/            # Image display
-├── json-editor/      # Formatted JSON display
-├── long-text/        # Multi-line text display
-├── money/            # Formatted currency display
-├── number/           # Formatted number display
-├── password/         # Masked password display
-├── phone/            # Formatted phone number
-├── point/            # Geographic coordinates display
-├── range/            # Range value display
-├── select/           # Selected option display
-├── static-text/      # Plain text display
-├── text/             # Text display
-├── time/             # Formatted time display
-├── time-interval/    # Time interval display
-├── url/              # Clickable URL link
-└── uuid/             # UUID display with copy option
-```
-
-#### 3. Table Display Fields (`table-display-fields/`)
-**Purpose:** Compact, read-only display for table rows
-**Base Component:** `BaseTableDisplayFieldComponent`
+- Display only, no editing.
+- Copy to clipboard, which emits `copyToClipboard`.
+- Present formatted values.
+
+**Widgets:** the same set as Record Edit. `RecordViewValue.vue` picks the widget for a field.
+
+#### 3. Table Display Fields (`table-display/`, `*Display.vue`)
+**Purpose:** Compact, read-only display in table rows.
+**Composable:** `useViewField(props, emit)`
 **Key Features:**
-- Condensed display optimized for tables
-- Copy-to-clipboard functionality
-- Truncation for long values
-- Inline formatting
-
-**Available Components:**
-```
-frontend/src/app/components/ui-components/table-display-fields/
-├── boolean/          # Icon or badge display
-├── code/             # Truncated code snippet
-├── color/            # Color swatch
-├── country/          # Flag or country code
-├── date/             # Short date format
-├── date-time/        # Short datetime format
-├── file/             # File icon/link
-├── foreign-key/      # Related record link
-├── image/            # Thumbnail image
-├── json-editor/      # JSON preview (truncated)
-├── long-text/        # Truncated text with tooltip
-├── money/            # Currency symbol + amount
-├── number/           # Formatted number
-├── password/         # Masked (*****)
-├── phone/            # Phone number
-├── point/            # Coordinates
-├── range/            # Range value
-├── select/           # Selected option
-├── static-text/      # Plain text
-├── text/             # Text (truncated if long)
-├── time/             # Time display
-├── time-interval/    # Interval display
-├── url/              # Clickable link (truncated)
-└── uuid/             # Shortened UUID
-```
-
-#### 4. Filter Fields (`filter-fields/`)
-**Purpose:** Search/filter inputs for table data
-**Base Component:** `BaseFilterFieldComponent`
+- Condensed display for tables, with long values truncated.
+- Copy to clipboard.
+
+**Widgets:** the same set as Record Edit. `TableDisplayCell.vue` picks the widget for a cell.
+
+#### 4. Filter Fields (`filter/`, `*Filter.vue`)
+**Purpose:** Search and filter inputs for table data.
+**Composable:** `useFilterField(props)`
 **Key Features:**
-- Specialized for filtering operations
-- Supports comparison operators (equals, contains, greater than, etc.)
-- `@Output() onFieldChange` for filter updates
-- Auto-focus support for better UX
-
-**Available Components:**
-```
-frontend/src/app/components/ui-components/filter-fields/
-├── boolean/          # Boolean filter (true/false/all)
-├── country/          # Country filter dropdown
-├── date/             # Date range picker
-├── date-time/        # Datetime range picker
-├── file/             # File type filter
-├── foreign-key/      # Related record filter
-├── id/               # ID search
-├── json-editor/      # JSON query filter
-├── long-text/        # Text search with operators
-├── number/           # Numeric range filter
-├── password/         # Password field filter
-├── point/            # Geographic filter
-├── select/           # Dropdown filter
-├── static-text/      # Text filter
-├── text/             # Text search input
-├── time/             # Time range filter
-└── time-interval/    # Interval filter
-```
+- Comparison operators (equals, contains, greater than, ...), which emit `comparatorChange`.
+- Emit `fieldChange` when the filter value changes.
+- Autofocus support.
+
+**Widgets:** Binary, BinaryDataCaption, Boolean, Country, Date, DateTime, Default, Email, File, ForeignKey, Id, JsonEditor, LongText, Number, Password, Phone, Point, Select, StaticText, Text, Time, TimeInterval, Timezone. `FilterComparatorRow.vue` lays out the comparator next to the input.
 
 **Widget Registration:**
-- `frontend/src/app/consts/record-edit-types.ts` - Maps widget types to Angular components
+- `frontend/src/consts/record-edit-types.ts`, `record-view-types.ts`, `table-display-types.ts` and `filter-types.ts` map widget types and DB types to components (`defineAsyncComponent`). `frontend/src/consts/widget-types.spec.ts` checks these maps against a snapshot of the old Angular maps.
 
 **Widget Configuration UI:**
-- `frontend/src/app/components/dashboard/db-table-view/db-table-widgets/` - UI for managing widgets
+- `frontend/src/views/table/TableWidgetsView.vue` with `frontend/src/components/table/TableWidgetItem.vue` and `widget-defaults.ts`.
 
 ### Shared Code
 
@@ -320,220 +216,235 @@ export enum WidgetTypeEnum {
 
 ### Step 2: Create Frontend Components
 
-When adding a new widget, you need to create components for **all four contexts**:
+When adding a new widget, you need to create components for **all four contexts**, under `frontend/src/components/fields/`:
+
+1. **Record Edit Field** (required) - `record-edit/YourNewWidgetEdit.vue`
+2. **Record View Field** (optional) - `record-view/YourNewWidgetRecordView.vue`
+3. **Table Display Field** (optional) - `table-display/YourNewWidgetDisplay.vue`
+4. **Filter Field** (optional) - `filter/YourNewWidgetFilter.vue`
 
-1. **Record Edit Field** (required) - `record-edit-fields/your-new-widget/`
-2. **Record View Field** (optional) - `record-view-fields/your-new-widget/`
-3. **Table Display Field** (optional) - `table-display-fields/your-new-widget/`
-4. **Filter Field** (optional) - `filter-fields/your-new-widget/`
+**Note:** At minimum, create the **record-edit** component. The other contexts will fall back to default rendering if not provided.
 
-**Note:** At minimum, create the **record-edit-field** component. The other contexts will fall back to default rendering if not provided.
+Every widget is a `<script setup lang="ts">` single-file component. Next to it go a `*.spec.ts` (Vitest) and a `*.stories.ts` (Storybook), like the existing widgets. Build the markup from the primitives in `@/components/ui` (`UiField`, `UiInput`, `UiSelect`, ...). Keep styles `scoped`, BEM-named, and use only the `--color-*` (and spacing/text) CSS variables, so the dark theme works.
 
 #### Creating the Record Edit Field Component
 
-**Location:** `frontend/src/app/components/ui-components/record-edit-fields/your-new-widget/`
+**File:** `frontend/src/components/fields/record-edit/YourNewWidgetEdit.vue`
 
-Create three files:
+```vue
+<script setup lang="ts">
+import { ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
 
-#### 1. Component TypeScript (`your-new-widget.component.ts`)
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
 
-```typescript
-import { CUSTOM_ELEMENTS_SCHEMA, Component, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-  selector: 'app-edit-your-new-widget',
-  imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule],
-  templateUrl: './your-new-widget.component.html',
-  styleUrls: ['./your-new-widget.component.css'],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA]
-})
-export class YourNewWidgetEditComponent extends BaseEditFieldComponent {
-  @Input() value: any;
-
-  ngOnInit(): void {
-    super.ngOnInit();
-    // Additional initialization here
-  }
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
 
-  handleChange(newValue: any): void {
-    this.onFieldChange.emit(newValue);
-  }
+const text = ref(props.value ?? '');
+
+function onInput(value: string) {
+	text.value = value;
+	emit('fieldChange', value);
+}
+</script>
+
+<template>
+	<UiField class="your-new-widget-edit" :label="normalizedLabel" :required="required">
+		<UiInput
+			:name="`${label}-${fieldKey}`"
+			:model-value="text"
+			:disabled="disabled"
+			:readonly="readonly"
+			:data-testid="`record-${label}-your-new-widget`"
+			@update:model-value="onInput"
+		/>
+	</UiField>
+</template>
+
+<style scoped>
+.your-new-widget-edit {
+  width: 100%;
 }
+</style>
 ```
 
-#### 2. Component Template (`your-new-widget.component.html`)
+The shared props (`fieldKey`, `label`, `required`, `readonly`, `disabled`, `structure`, `widgetStructure`, `relations`) come from `RecordEditFieldProps` in `fields/types.ts`; each widget adds its own typed `value`. Note that the field key is `fieldKey` (`key` is reserved in Vue), and the output is the `fieldChange` event. `widgetParams` is the parsed `widget_params` object, whether the API sent it as a string or an object.
 
-```html
-<mat-form-field class="your-new-widget-form-field" appearance="outline">
-  <mat-label>{{normalizedLabel}}</mat-label>
-  <input
-    matInput
-    name="{{label}}-{{key}}"
-    [required]="required"
-    [disabled]="disabled"
-    [readonly]="readonly"
-    attr.data-testid="record-{{label}}-your-new-widget"
-    [(ngModel)]="value"
-    (ngModelChange)="onFieldChange.emit($event)"
-  />
-</mat-form-field>
-```
+#### Optional: Create Other Field Type Components
 
-#### 3. Component Styles (`your-new-widget.component.css`)
+**Record View Field** (`record-view/YourNewWidgetRecordView.vue`):
+```vue
+<script setup lang="ts">
+import type { RecordViewFieldProps, ViewFieldEmits } from '../types';
+import RecordViewValue from './RecordViewValue.vue';
 
-```css
-.your-new-widget-form-field {
-  width: 100%;
-}
+defineProps<RecordViewFieldProps & { value?: string | null }>();
+defineEmits<ViewFieldEmits>();
+</script>
+
+<template>
+	<RecordViewValue>{{ value || '—' }}</RecordViewValue>
+</template>
 ```
 
-#### Optional: Create Other Field Type Components
+**Table Display Field** (`table-display/YourNewWidgetDisplay.vue`):
+```vue
+<script setup lang="ts">
+import type { TableDisplayFieldProps, ViewFieldEmits } from '../types';
+import { useViewField } from '../useFieldWidget';
+import TableDisplayCell from './TableDisplayCell.vue';
 
-**Record View Field** (`record-view-fields/your-new-widget/`):
-```typescript
-import { Component, Input } from '@angular/core';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-  selector: 'app-view-your-new-widget',
-  templateUrl: './your-new-widget.component.html',
-  styleUrls: ['./your-new-widget.component.css']
-})
-export class YourNewWidgetViewComponent extends BaseRecordViewFieldComponent {
-  // Read-only display logic
-}
-```
+const props = defineProps<TableDisplayFieldProps & { value?: string | null }>();
+const emit = defineEmits<ViewFieldEmits>();
 
-**Table Display Field** (`table-display-fields/your-new-widget/`):
-```typescript
-import { Component } from '@angular/core';
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-
-@Component({
-  selector: 'app-display-your-new-widget',
-  templateUrl: './your-new-widget.component.html',
-  styleUrls: ['./your-new-widget.component.css']
-})
-export class YourNewWidgetDisplayComponent extends BaseTableDisplayFieldComponent {
-  // Condensed table display logic
-}
-```
+// `copy()` copies the value and emits `copyToClipboard` with the snackbar message.
+const { copy } = useViewField(props, emit);
+</script>
 
-**Filter Field** (`filter-fields/your-new-widget/`):
-```typescript
-import { Component } from '@angular/core';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-  selector: 'app-filter-your-new-widget',
-  templateUrl: './your-new-widget.component.html',
-  styleUrls: ['./your-new-widget.component.css']
-})
-export class YourNewWidgetFilterComponent extends BaseFilterFieldComponent {
-  // Filter logic with operators
-}
+<template>
+	<TableDisplayCell @copy="copy(value)">{{ value || '—' }}</TableDisplayCell>
+</template>
 ```
 
-### Step 3: Register Component (Angular Standalone)
+**Filter Field** (`filter/YourNewWidgetFilter.vue`):
+```vue
+<script setup lang="ts">
+import { ref } from 'vue';
+import { UiField, UiInput } from '@/components/ui';
+import type { FilterFieldEmits, FilterFieldProps } from '../types';
+import { useFilterField } from '../useFieldWidget';
+import { type FocusTarget, useAutofocus } from './useAutofocus';
 
-**Note:** With Angular 19's standalone components, you don't need to register in NgModule. Components are self-contained with their imports.
+const props = defineProps<FilterFieldProps & { value?: string | null }>();
+const emit = defineEmits<FilterFieldEmits>();
+
+const { normalizedLabel } = useFilterField(props);
+
+const input = ref<FocusTarget>(null);
+useAutofocus(props, input);
+</script>
+
+<template>
+	<UiField floating-label :label="normalizedLabel">
+		<UiInput
+			ref="input"
+			:name="`${label}-${fieldKey}`"
+			:model-value="value ?? ''"
+			:data-testid="`filter-${label}-your-new-widget`"
+			@update:model-value="emit('fieldChange', $event)"
+		/>
+	</UiField>
+</template>
+```
 
-### Step 4: Add to Widget Registries
+A filter widget that picks its own comparator (`eq`, `contains`, `startswith`, `empty`, ...) emits `comparatorChange` as well.
 
-You need to register your widget components in **four separate registry files**, one for each context:
+### Step 3: Add to Widget Registries
 
-#### 4.1 Record Edit Types Registry
+You need to register your widget components in **four separate registry files** under `frontend/src/consts/`, one for each context. Each file declares the components as lazily loaded `defineAsyncComponent(() => import(...))` constants and maps widget types to them in its `UIwidgets` export:
 
-**File:** `frontend/src/app/consts/record-edit-types.ts`
+#### 3.1 Record Edit Types Registry
+
+**File:** `frontend/src/consts/record-edit-types.ts`
 
 ```typescript
-// Add import at the top
-import { YourNewWidgetEditComponent } from '../components/ui-components/record-edit-fields/your-new-widget/your-new-widget.component';
+const YourNewWidgetEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/YourNewWidgetEdit.vue'));
 
-// Add to UIwidgets export
 export const UIwidgets = {
-  // ... existing widgets
-  Your_new_widget: YourNewWidgetEditComponent,
-}
+	// ... existing widgets
+	Your_new_widget: YourNewWidgetEdit,
+};
 ```
 
-#### 4.2 Record View Types Registry
+The keys of this map also fill the widget type dropdown on the widgets settings page.
+
+#### 3.2 Record View Types Registry
 
-**File:** `frontend/src/app/consts/record-view-types.ts`
+**File:** `frontend/src/consts/record-view-types.ts`
 
 ```typescript
-// Add import at the top
-import { YourNewWidgetRecordViewComponent } from '../components/ui-components/record-view-fields/your-new-widget/your-new-widget.component';
+const YourNewWidgetRecordView = defineAsyncComponent(
+	() => import('@/components/fields/record-view/YourNewWidgetRecordView.vue'),
+);
 
-// Add to UIwidgets export
 export const UIwidgets = {
-  // ... existing widgets
-  Your_new_widget: YourNewWidgetRecordViewComponent,
-}
+	// ... existing widgets
+	Your_new_widget: YourNewWidgetRecordView,
+};
 ```
 
-#### 4.3 Table Display Types Registry
+#### 3.3 Table Display Types Registry
 
-**File:** `frontend/src/app/consts/table-display-types.ts`
+**File:** `frontend/src/consts/table-display-types.ts`
 
 ```typescript
-// Add import at the top
-import { YourNewWidgetDisplayComponent } from '../components/ui-components/table-display-fields/your-new-widget/your-new-widget.component';
+const YourNewWidgetDisplay = defineAsyncComponent(() => import('@/components/fields/table-display/YourNewWidgetDisplay.vue'));
 
-// Add to UIwidgets export
 export const UIwidgets = {
-  // ... existing widgets
-  Your_new_widget: YourNewWidgetDisplayComponent,
-}
+	// ... existing widgets
+	Your_new_widget: YourNewWidgetDisplay,
+};
 ```
 
-#### 4.4 Filter Types Registry
+#### 3.4 Filter Types Registry
 
-**File:** `frontend/src/app/consts/filter-types.ts`
+**File:** `frontend/src/consts/filter-types.ts`
 
 ```typescript
-// Add import at the top
-import { YourNewWidgetFilterComponent } from '../components/ui-components/filter-fields/your-new-widget/your-new-widget.component';
+const YourNewWidgetFilter = defineAsyncComponent(() => import('@/components/fields/filter/YourNewWidgetFilter.vue'));
 
-// Add to UIwidgets export
 export const UIwidgets = {
-  // ... existing widgets
-  Your_new_widget: YourNewWidgetFilterComponent,
+	// ... existing widgets
+	Your_new_widget: YourNewWidgetFilter,
+};
+```
+
+#### 3.5 Update the Registry Snapshot
+
+`frontend/src/consts/widget-types.spec.ts` compares every map in these four files against `frontend/src/consts/widget-types.angular.json`, a frozen snapshot of the old Angular maps (each entry is the SFC name, e.g. `"Timezone": "TimezoneEdit"`). A new entry fails that test until you add it to the JSON too:
+
+```json
+{
+	"record-edit-types.ts": {
+		"UIwidgets": {
+			"Your_new_widget": "YourNewWidgetEdit"
+		}
+	}
 }
 ```
 
+Add the matching entry under `record-view-types.ts`, `table-display-types.ts` and `filter-types.ts` for each context you registered.
+
 **Important Notes:**
 - Each registry file has its own `UIwidgets` export mapping widget types to components
-- If you only created the record-edit-fields component, only add it to `record-edit-types.ts`
+- The same files also hold the DB-type maps (`recordEditTypes`, `recordViewFieldTypes`, `tableDisplayTypes`, `filterTypes`) used for columns without a widget
+- If you only created the record-edit component, only add it to `record-edit-types.ts`
 - The system will gracefully fall back to default rendering for missing contexts
-- Component names follow the pattern: `{WidgetName}{Context}Component` where Context is Edit, RecordView, Display, or Filter
+- Component names follow the pattern: `{WidgetName}{Context}.vue` where Context is Edit, RecordView, Display, or Filter
 
-### Step 5: Add Default Parameters (Optional)
+### Step 4: Add Default Parameters (Optional)
 
-**File:** `frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.ts`
+**File:** `frontend/src/components/table/widget-defaults.ts`
 
-Add default parameters with documentation:
+Add default parameters with documentation to `WIDGET_DEFAULT_PARAMS`. This is the JSON5 text the params editor starts with when the widget type is picked. A type whose default is `NO_SETTINGS` gets a read-only editor. You can also add a docs link to `WIDGET_DOCS_URLS`.
 
 ```typescript
-public defaultParams = {
-  // ... existing defaults
-  Your_new_widget: `{
-    // Parameter 1 description
-    "param1": "value1",
-
-    // Parameter 2 description
-    "param2": 100
-  }`,
+export const WIDGET_DEFAULT_PARAMS: Record<string, string> = {
+	// ... existing defaults
+	Your_new_widget: `// Parameter 1 description
+// Parameter 2 description
+{
+  "param1": "value1",
+  "param2": 100
 }
+`,
+};
 ```
 
-### Step 6: Add Backend Validation (Optional)
+### Step 5: Add Backend Validation (Optional)
 
 **File:** `backend/src/entities/widget/utils/validate-create-widgets-ds.ts`
 
@@ -556,7 +467,7 @@ async function validateCreateWidgetsDs(widgets, connection, tableName) {
 }
 ```
 
-### Step 7: Add Documentation
+### Step 6: Add Documentation
 
 Update this file with:
 1. Description of the new widget
@@ -564,7 +475,7 @@ Update this file with:
 3. Example configuration
 4. Supported database types
 
-### Step 8: Write Tests
+### Step 7: Write Tests
 
 #### Backend Test
 
@@ -592,38 +503,27 @@ test('should create widget with YOUR_NEW_WIDGET type', async t => {
 
 #### Frontend Test
 
-**File:** `frontend/src/app/components/ui-components/your-new-widget-edit/your-new-widget-edit.component.spec.ts`
+**File:** `frontend/src/components/fields/record-edit/YourNewWidgetEdit.spec.ts`
 
 ```typescript
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { YourNewWidgetEditComponent } from './your-new-widget-edit.component';
-
-describe('YourNewWidgetEditComponent', () => {
-  let component: YourNewWidgetEditComponent;
-  let fixture: ComponentFixture<YourNewWidgetEditComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ YourNewWidgetEditComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(YourNewWidgetEditComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should emit value on change', () => {
-    spyOn(component.onFieldChange, 'emit');
-    component.handleChange('new value');
-    expect(component.onFieldChange.emit).toHaveBeenCalledWith('new value');
-  });
+import { mount } from '@vue/test-utils';
+import { describe, expect, it } from 'vitest';
+import { mockWidgetStructure } from '../stories.mocks';
+import YourNewWidgetEdit from './YourNewWidgetEdit.vue';
+
+describe('YourNewWidgetEdit', () => {
+	it('renders the value', () => {
+		const wrapper = mount(YourNewWidgetEdit, { props: { label: 'field', value: 'hello' } });
+		expect(wrapper.find('input').element.value).toBe('hello');
+	});
+
+	it('emits fieldChange on input', async () => {
+		const wrapper = mount(YourNewWidgetEdit, {
+			props: { label: 'field', widgetStructure: mockWidgetStructure({ param1: 'value1' }) },
+		});
+		await wrapper.find('[data-testid="record-field-your-new-widget"]').setValue('new value');
+		expect(wrapper.emitted('fieldChange')).toEqual([['new value']]);
+	});
 });
 ```
 
@@ -647,13 +547,13 @@ describe('YourNewWidgetEditComponent', () => {
 ### 3. Retrieval
 - Widgets fetched when table is loaded
 - API: `GET /widgets/:connectionId?tableName={tableName}`
-- Cached in frontend service
+- Cached in the frontend tables store (`stores/tables.ts`)
 
 ### 4. Rendering
 - When displaying/editing records:
   1. System checks if field has widget configured
-  2. If yes: Instantiates corresponding Angular component
-  3. Passes `field` config and `value` to component
+  2. If yes: Renders the Vue component registered for its `widget_type` in that context's `UIwidgets` map (a dynamic `<component :is>`)
+  3. Passes `value`, `fieldKey`, `structure` and `widgetStructure` as props, and listens for `fieldChange` / `comparatorChange` / `copyToClipboard`
   4. Component renders based on `widget_params`
 
 ### 5. Updates
@@ -748,14 +648,16 @@ Test files:
 
 Run frontend tests (from project root):
 ```bash
-cd frontend && yarn test --browsers=ChromeHeadlessCustom --no-watch --no-progress
+cd frontend && pnpm test:ci
 ```
 
-Widget component tests located in:
-- `frontend/src/app/components/ui-components/record-edit-fields/*/your-widget.component.spec.ts`
-- `frontend/src/app/components/ui-components/record-view-fields/*/your-widget.component.spec.ts`
-- `frontend/src/app/components/ui-components/table-display-fields/*/your-widget.component.spec.ts`
-- `frontend/src/app/components/ui-components/filter-fields/*/your-widget.component.spec.ts`
+The tests use Vitest with `@vue/test-utils` (`mount`). Widget component tests sit next to each component:
+- `frontend/src/components/fields/record-edit/YourWidgetEdit.spec.ts`
+- `frontend/src/components/fields/record-view/YourWidgetRecordView.spec.ts`
+- `frontend/src/components/fields/table-display/YourWidgetDisplay.spec.ts`
+- `frontend/src/components/fields/filter/YourWidgetFilter.spec.ts`
+
+`frontend/src/consts/widget-types.spec.ts` checks the registries against the frozen Angular snapshot.
 
 ---
 
@@ -770,101 +672,104 @@ The **Timezone widget** is a complete example demonstrating all the concepts cov
 Timezone = 'Timezone'
 ```
 
-**Frontend Component** (`record-edit-fields/timezone/timezone.component.ts`):
-```typescript
-import { CUSTOM_ELEMENTS_SCHEMA, Component, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatSelectModule } from '@angular/material/select';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-  selector: 'app-edit-timezone',
-  imports: [CommonModule, FormsModule, MatFormFieldModule, MatSelectModule],
-  templateUrl: './timezone.component.html',
-  styleUrls: ['./timezone.component.css'],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA]
-})
-export class TimezoneEditComponent extends BaseEditFieldComponent {
-  @Input() value: string;
-  public timezones: { value: string, label: string }[] = [];
-
-  ngOnInit(): void {
-    super.ngOnInit();
-    this.initializeTimezones();
-  }
+**Frontend Component** (`frontend/src/components/fields/record-edit/TimezoneEdit.vue`):
+```vue
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+import { type SelectOption, UiField, UiSelect } from '@/components/ui';
+import type { RecordEditFieldEmits, RecordEditFieldProps } from '../types';
+import { useRecordEditField } from '../useFieldWidget';
 
-  private initializeTimezones(): void {
-    // Get all available timezone identifiers from Intl API
-    const timezoneList = Intl.supportedValuesOf('timeZone');
-
-    // Map timezones to format with offset and readable label
-    this.timezones = timezoneList.map(tz => {
-      const offset = this.getTimezoneOffset(tz);
-      return {
-        value: tz,
-        label: `${tz} (UTC${offset})`
-      };
-    });
-
-    // Sort by timezone name
-    this.timezones.sort((a, b) => a.value.localeCompare(b.value));
-
-    // Add null option if allowed
-    if (this.widgetStructure?.widget_params?.allow_null) {
-      this.timezones = [{ value: null, label: '' }, ...this.timezones];
-    }
-  }
+const props = defineProps<RecordEditFieldProps & { value?: string | null }>();
+const emit = defineEmits<RecordEditFieldEmits>();
 
-  private getTimezoneOffset(timezone: string): string {
-    // Implementation details for calculating UTC offset
-    // ...
-  }
+const { normalizedLabel, widgetParams } = useRecordEditField(props);
+
+const selected = ref<string | null>(props.value ?? null);
+
+// Built once from the Intl API, sorted by name, each labelled with its current offset
+const allTimezones: SelectOption<string | null>[] = Intl.supportedValuesOf('timeZone')
+	.map((tz) => ({ value: tz, label: `${tz} (UTC${getTimezoneOffset(tz)})` }))
+	.sort((a, b) => a.value.localeCompare(b.value));
+
+// Empty option when the widget's allow_null or the column's allow_null is set
+const timezones = computed<SelectOption<string | null>[]>(() =>
+	widgetParams.value.allow_null || props.structure?.allow_null
+		? [{ value: null, label: '' }, ...allTimezones]
+		: allTimezones,
+);
+
+function onChange(value: string | null | (string | null)[]) {
+	if (Array.isArray(value)) return;
+	selected.value = value;
+	emit('fieldChange', value);
+}
+
+function getTimezoneOffset(timezone: string): string {
+	// `+HH:MM` from Intl's `longOffset` ("GMT+05:30"), with a manual fallback
+	// ...
 }
+</script>
+
+<template>
+	<UiField class="timezone-edit" :label="normalizedLabel" :required="required">
+		<UiSelect
+			:name="`${label}-${fieldKey}`"
+			:model-value="selected"
+			:options="timezones"
+			:disabled="disabled || readonly"
+			:data-testid="`record-${label}-timezone`"
+			@update:model-value="onChange"
+		/>
+	</UiField>
+</template>
 ```
 
 **Widget Registration in All Four Registries:**
 
-1. `consts/record-edit-types.ts:57`:
+1. `frontend/src/consts/record-edit-types.ts:33, 85`:
 ```typescript
+const TimezoneEdit = defineAsyncComponent(() => import('@/components/fields/record-edit/TimezoneEdit.vue'));
+
 export const UIwidgets = {
-  // ... other widgets
-  Timezone: TimezoneEditComponent,
-  // ... other widgets
-}
+	// ... other widgets
+	Timezone: TimezoneEdit,
+	// ... other widgets
+};
 ```
 
-2. `consts/record-view-types.ts:52`:
+2. `frontend/src/consts/record-view-types.ts:41, 72`:
 ```typescript
 export const UIwidgets = {
-  // ... other widgets
-  Timezone: TimezoneRecordViewComponent,
-  // ... other widgets
-}
+	// ... other widgets
+	Timezone: TimezoneRecordView,
+	// ... other widgets
+};
 ```
 
-3. `consts/table-display-types.ts:50`:
+3. `frontend/src/consts/table-display-types.ts:35, 64`:
 ```typescript
 export const UIwidgets = {
-  // ... other widgets
-  Timezone: TimezoneDisplayComponent,
-  // ... other widgets
-}
+	// ... other widgets
+	Timezone: TimezoneDisplay,
+	// ... other widgets
+};
 ```
 
-4. `consts/filter-types.ts:38`:
+4. `frontend/src/consts/filter-types.ts:26, 46`:
 ```typescript
 export const UIwidgets = {
-  // ... other widgets
-  Timezone: TimezoneFilterComponent,
-  // ... other widgets
-}
+	// ... other widgets
+	Timezone: TimezoneFilter,
+	// ... other widgets
+};
 ```
 
-**Default Parameters** (`db-table-widgets.component.ts:249-255`):
+Each of these entries is also listed in the frozen snapshot `frontend/src/consts/widget-types.angular.json`.
+
+**Default Parameters** (`frontend/src/components/table/widget-defaults.ts:185-191`):
 ```typescript
-Timezone: `// Configure timezone widget options
+	Timezone: `// Configure timezone widget options
 // Uses Intl API to populate timezone list automatically
 // allow_null: Allow empty/null value selection
 {
@@ -876,42 +781,41 @@ Timezone: `// Configure timezone widget options
 **Key Features:**
 - Uses browser's Intl API (`Intl.supportedValuesOf('timeZone')`)
 - Automatically calculates UTC offsets for each timezone
-- Supports `allow_null` parameter
-- Material Design dropdown with search capability
+- Supports the `allow_null` parameter, and adds the empty option for nullable columns too
+- `UiSelect` dropdown
 - Alphabetically sorted timezone list
+- The record view and table display show the zone with its offset; the table cell copies the value to the clipboard
 - Comprehensive test coverage
 
 **Component Files (All Four Contexts):**
 
+Each context has the component, a Vitest spec and a Storybook story, under `frontend/src/components/fields/`:
+
 **Record Edit Fields:**
-- Component: `frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.ts`
-- Template: `frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.html`
-- Styles: `frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.css`
-- Tests: `frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.spec.ts`
+- Component: `record-edit/TimezoneEdit.vue`
+- Tests: `record-edit/TimezoneEdit.spec.ts`
+- Stories: `record-edit/TimezoneEdit.stories.ts`
 
 **Record View Fields:**
-- Component: `frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.ts`
-- Template: `frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.html`
-- Styles: `frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.css`
-- Tests: `frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.spec.ts`
+- Component: `record-view/TimezoneRecordView.vue`
+- Tests: `record-view/TimezoneRecordView.spec.ts`
+- Stories: `record-view/TimezoneRecordView.stories.ts`
 
 **Table Display Fields:**
-- Component: `frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.ts`
-- Template: `frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.html`
-- Styles: `frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.css`
-- Tests: `frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.spec.ts`
+- Component: `table-display/TimezoneDisplay.vue`
+- Tests: `table-display/TimezoneDisplay.spec.ts`
+- Stories: `table-display/TimezoneDisplay.stories.ts`
 
 **Filter Fields:**
-- Component: `frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.ts`
-- Template: `frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.html`
-- Styles: `frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.css`
-- Tests: `frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.spec.ts`
+- Component: `filter/TimezoneFilter.vue` (its option list comes from `filter/timezones.ts`)
+- Tests: `filter/TimezoneFilter.spec.ts`
+- Stories: `filter/TimezoneFilter.stories.ts`
 
 **Registry Files:**
-- `frontend/src/app/consts/record-edit-types.ts` (line 25, 57)
-- `frontend/src/app/consts/record-view-types.ts` (line 24, 52)
-- `frontend/src/app/consts/table-display-types.ts` (line 24, 50)
-- `frontend/src/app/consts/filter-types.ts` (line 19, 38)
+- `frontend/src/consts/record-edit-types.ts` (line 33, 85)
+- `frontend/src/consts/record-view-types.ts` (line 41, 72)
+- `frontend/src/consts/table-display-types.ts` (line 35, 64)
+- `frontend/src/consts/filter-types.ts` (line 26, 46)
 
 ---
 
@@ -923,13 +827,12 @@ Timezone: `// Configure timezone widget options
    - **Table Display Fields:** Used in table rows for listing multiple records (compact display)
    - **Filter Fields:** Used in filter panels for searching/filtering table data
 
-2. **Component Inheritance:** All field components should extend their respective base components:
-   - `BaseEditFieldComponent` for record-edit-fields
-   - `BaseRecordViewFieldComponent` for record-view-fields
-   - `BaseTableDisplayFieldComponent` for table-display-fields
-   - `BaseFilterFieldComponent` for filter-fields
+2. **Composables, Not Inheritance:** Field components don't extend a base class. Each one types its props and events with `fields/types.ts` and calls the composable for its context:
+   - `useRecordEditField(props)` for record-edit
+   - `useViewField(props, emit)` for record-view and table-display
+   - `useFilterField(props)` for filter
 
-3. **Standalone Architecture:** Angular 19 uses standalone components. No NgModule registration needed. Import dependencies directly in component metadata.
+3. **Single-File Components:** Widgets are `<script setup lang="ts">` SFCs, loaded lazily through `defineAsyncComponent` in the registries. No other registration is needed. Use the `@/components/ui` primitives, and keep styles scoped with only `--color-*` variables.
 
 4. **JSON5 Support:** Widget parameters support JSON5 format (comments, unquoted keys) in the UI editor, but are stored as standard JSON
 
@@ -943,7 +846,7 @@ Timezone: `// Configure timezone widget options
 
 9. **Null Values:** Widget type can be null (defaults to standard rendering)
 
-10. **Progressive Enhancement:** Start with the record-edit-field component. Add view/display/filter components only if you need custom behavior for those contexts
+10. **Progressive Enhancement:** Start with the record-edit component. Add view/display/filter components only if you need custom behavior for those contexts
 
 ---
 
@@ -959,20 +862,26 @@ Timezone: `// Configure timezone widget options
 ### Frontend
 
 **Widget Registries (Type to Component Mapping):**
-- `frontend/src/app/consts/record-edit-types.ts` - Edit form components
-- `frontend/src/app/consts/record-view-types.ts` - Detail view components
-- `frontend/src/app/consts/table-display-types.ts` - Table row components
-- `frontend/src/app/consts/filter-types.ts` - Filter panel components
+- `frontend/src/consts/record-edit-types.ts` - Edit form components
+- `frontend/src/consts/record-view-types.ts` - Detail view components
+- `frontend/src/consts/table-display-types.ts` - Table row components
+- `frontend/src/consts/filter-types.ts` - Filter panel components
+- `frontend/src/consts/widget-types.spec.ts` + `widget-types.angular.json` - Parity test against the frozen Angular snapshot
+
+**Shared Widget Code:**
+- `frontend/src/components/fields/types.ts` - Props and events of each context
+- `frontend/src/components/fields/useFieldWidget.ts` - `useRecordEditField`, `useViewField`, `useFilterField`
 
 **Widget Configuration:**
-- **Widget Manager:** `frontend/src/app/components/dashboard/db-table-view/db-table-widgets/` - Configuration UI
-- **Service:** `frontend/src/app/services/tables.service.ts` - Widget CRUD operations
+- **Widget Manager:** `frontend/src/views/table/TableWidgetsView.vue` with `frontend/src/components/table/TableWidgetItem.vue` - Configuration UI
+- **Defaults:** `frontend/src/components/table/widget-defaults.ts` - Default params and docs links
+- **Store:** `frontend/src/stores/tables.ts` - Widget fetch/update (`/widgets/:connectionId`, `/widget/:connectionId`)
 
 **Component Directories:**
-- **Record Edit Fields:** `frontend/src/app/components/ui-components/record-edit-fields/` - Interactive form inputs
-- **Record View Fields:** `frontend/src/app/components/ui-components/record-view-fields/` - Read-only detail display
-- **Table Display Fields:** `frontend/src/app/components/ui-components/table-display-fields/` - Compact table display
-- **Filter Fields:** `frontend/src/app/components/ui-components/filter-fields/` - Search/filter inputs
+- **Record Edit Fields:** `frontend/src/components/fields/record-edit/` - Interactive form inputs
+- **Record View Fields:** `frontend/src/components/fields/record-view/` - Read-only detail display
+- **Table Display Fields:** `frontend/src/components/fields/table-display/` - Compact table display
+- **Filter Fields:** `frontend/src/components/fields/filter/` - Search/filter inputs
 
 ### Shared
 - Data Structures: `shared-code/src/data-access-layer/shared/data-structures/table-widget.ds.ts`
@@ -990,4 +899,4 @@ For questions or issues related to widgets:
 
 ---
 
-**Last Updated:** 2025-11-07
+**Last Updated:** 2026-11-03
diff --git a/docker-bake.hcl b/docker-bake.hcl
index 18badc051..2f510aa1e 100644
--- a/docker-bake.hcl
+++ b/docker-bake.hcl
@@ -2,12 +2,6 @@ variable "DEFAULT_TAG" {
   default = "rocketadmin:local"
 }
 
-// Frontend built into the image: "angular" (frontend/) or "vue" (frontend-vue/).
-// Override with FRONTEND=angular docker buildx bake ... to roll back to the Angular app.
-variable "FRONTEND" {
-  default = "vue"
-}
-
 // Special target: https://github.com/docker/metadata-action#bake-definition
 target "docker-metadata-action" {
   tags = ["${DEFAULT_TAG}"]
@@ -16,19 +10,12 @@ group "default" {
 	targets = ["image-local"]
 }
 
-target "frontend" {
-  args = {
-    FRONTEND = "${FRONTEND}"
-  }
-}
-
 target "image-local" {
-	inherits = ["frontend"]
 	context = "."
 }
 
 target "image" {
-  inherits = ["docker-metadata-action", "frontend"]
+  inherits = ["docker-metadata-action"]
 }
 
 target "image-all" {
diff --git a/frontend-vue/.gitignore b/frontend-vue/.gitignore
deleted file mode 100644
index 2483e2794..000000000
--- a/frontend-vue/.gitignore
+++ /dev/null
@@ -1,10 +0,0 @@
-node_modules
-dist
-coverage
-*.tsbuildinfo
-.env.local
-.env.*.local
-storybook-static
-dist-e2e
-test-results
-playwright-report
diff --git a/frontend-vue/.storybook/main.ts b/frontend-vue/.storybook/main.ts
deleted file mode 100644
index f218c41d1..000000000
--- a/frontend-vue/.storybook/main.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { StorybookConfig } from '@storybook/vue3-vite';
-
-const config: StorybookConfig = {
-	// Stories live next to the component they document.
-	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
-	addons: ['@storybook/addon-docs', '@storybook/addon-a11y'],
-	framework: {
-		name: '@storybook/vue3-vite',
-		options: {},
-	},
-};
-
-export default config;
diff --git a/frontend-vue/.storybook/preview.ts b/frontend-vue/.storybook/preview.ts
deleted file mode 100644
index 5227a1a36..000000000
--- a/frontend-vue/.storybook/preview.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-// Same import order as src/main.ts: fonts first so their @font-face rules land before the theme,
-// then the tokens every component's scoped CSS reads, then the global element rules. base.css is
-// the same file the app loads, so a story renders on the app's foundation.
-import '@fontsource-variable/geist';
-import '@fontsource-variable/space-grotesk';
-import '@fontsource-variable/geist-mono';
-import '@material-symbols/font-400/outlined.css';
-import '../src/assets/theme.css';
-import '../src/assets/base.css';
-import './preview.css';
-
-import type { Preview } from '@storybook/vue3-vite';
-import { setup } from '@storybook/vue3-vite';
-import { createPinia } from 'pinia';
-import { createMemoryHistory, createRouter } from 'vue-router';
-import { type AuthParams, buildRoutes, type RouterParams } from './decorators';
-
-/**
- * Installs a fresh Pinia + router on every story's app. This runs before mount, which is why it
- * lives here rather than in a decorator: components calling a store or useRouter() at setup time
- * would throw otherwise, and a per-story instance means state can't leak between stories.
- */
-setup((app, context) => {
-	const pinia = createPinia();
-	app.use(pinia);
-
-	const routerParams = (context?.parameters?.router ?? {}) as RouterParams;
-	// Seeded through the constructor rather than `push`, which resolves a tick later — long enough
-	// to render the wrong `router-link-exact-active` link.
-	const history = createMemoryHistory();
-	history.replace(routerParams.initialPath ?? '/');
-	app.use(createRouter({ history, routes: buildRoutes(routerParams) }));
-
-	// Signs the story in or out through the same localStorage key the auth store reads.
-	const auth = (context?.parameters?.auth ?? {}) as AuthParams;
-	if (auth.expiresAt === null) localStorage.removeItem('token_expiration');
-	else if (auth.expiresAt) localStorage.setItem('token_expiration', auth.expiresAt);
-});
-
-const preview: Preview = {
-	parameters: {
-		options: {
-			// Foundations (tokens) before UI (primitives) before App, because that's the order you read the
-			// design system in. The sidebar sorts on `title`, not filename, so the sub-order is explicit.
-			storySort: {
-				order: [
-					'Foundations',
-					['Getting Started', 'Conventions', 'Color', 'Typography', 'Spacing', 'Shape', 'Elevation', 'Motion'],
-					'UI',
-					'App',
-					'Record Edit Fields',
-					'Record View Fields',
-					'Table Display Fields',
-					'Filter Fields',
-				],
-			},
-		},
-		controls: {
-			matchers: {
-				color: /(background|color)$/i,
-				date: /Date$/i,
-			},
-		},
-		a11y: {
-			// Fail rather than warn, globally: an a11y violation in a primitive multiplies across every
-			// view that consumes it. Foundations' specimen stories opt out with `a11y: { disable: true }`.
-			test: 'error',
-		},
-		backgrounds: {
-			options: {
-				// The app renders on --color-paper, not white — a white default would hide contrast bugs.
-				paper: { name: 'Paper', value: '#f5f8fe' },
-				surface: { name: 'Surface', value: '#ffffff' },
-				ink: { name: 'Ink', value: '#0a0f24' },
-			},
-		},
-	},
-	initialGlobals: {
-		backgrounds: { value: 'paper' },
-	},
-};
-
-export default preview;
diff --git a/frontend-vue/package.json b/frontend-vue/package.json
deleted file mode 100644
index 40362093e..000000000
--- a/frontend-vue/package.json
+++ /dev/null
@@ -1,91 +0,0 @@
-{
-	"name": "rocketadmin-vue",
-	"version": "1.0.0",
-	"private": true,
-	"type": "module",
-	"scripts": {
-		"dev": "node scripts/update-version.js && vite --mode development",
-		"dev:saas": "node scripts/update-version.js && vite --mode saas",
-		"build": "node scripts/update-version.js && vite build --mode production",
-		"build:saas": "node scripts/update-version.js && vite build --mode saas-production",
-		"preview": "vite preview",
-		"typecheck": "vue-tsc --build",
-		"lint": "biome check . && eslint .",
-		"test": "vitest",
-		"test:ci": "vitest run",
-		"test:e2e": "playwright test",
-		"test:e2e:ui": "playwright test --ui",
-		"update-version": "node scripts/update-version.js",
-		"storybook": "node scripts/update-version.js && storybook dev -p 6006",
-		"build-storybook": "node scripts/update-version.js && storybook build"
-	},
-	"dependencies": {
-		"@cedar-policy/cedar-wasm": "^4.9.1",
-		"@fontsource-variable/geist": "^5.3.0",
-		"@fontsource-variable/geist-mono": "^5.3.0",
-		"@fontsource-variable/space-grotesk": "^5.3.0",
-		"@jsonurl/jsonurl": "^1.1.8",
-		"@material-symbols/font-400": "^0.40.2",
-		"@sentry/vue": "^11.8.0",
-		"@tanstack/vue-query": "^5.104.2",
-		"@zxcvbn-ts/core": "^4.2.0",
-		"@zxcvbn-ts/language-common": "^4.1.3",
-		"@zxcvbn-ts/language-en": "^4.1.1",
-		"amplitude-js": "^8.21.10",
-		"chart.js": "^4.5.1",
-		"chartjs-adapter-date-fns": "^3.0.0",
-		"color-string": "^2.1.4",
-		"connection-string-parser": "^1.0.4",
-		"convert": "^5.14.1",
-		"date-fns": "^4.4.0",
-		"dompurify": "^3.4.17",
-		"grid-layout-plus": "^1.1.1",
-		"ipaddr.js": "^2.5.0",
-		"json5": "^2.2.3",
-		"libphonenumber-js": "^1.13.15",
-		"lodash-es": "4.17.23",
-		"marked": "^18.1.1",
-		"mermaid": "^12.2.0",
-		"mitt": "^3.0.1",
-		"monaco-editor": "0.55.1",
-		"node-sql-parser": "^5.4.0",
-		"pinia": "^3.0.4",
-		"pluralize": "^8.0.0",
-		"postgres-interval": "^4.1.0",
-		"posthog-js": "^1.438.13",
-		"uuid": "^11.1.1",
-		"validator": "^13.15.35",
-		"vue": "^3.5.43",
-		"vue-chartjs": "^5.3.4",
-		"vue-router": "^4.6.4",
-		"vuedraggable": "^4.1.0"
-	},
-	"devDependencies": {
-		"@biomejs/biome": "2.4.0",
-		"@playwright/test": "^1.64.1",
-		"@storybook/addon-a11y": "^10.6.3",
-		"@storybook/addon-docs": "^10.6.3",
-		"@storybook/vue3-vite": "^10.6.3",
-		"@types/amplitude-js": "^8.16.5",
-		"@types/lodash-es": "^4.17.12",
-		"@types/node": "^24.0.0",
-		"@types/pluralize": "^0.0.33",
-		"@types/validator": "^13.15.10",
-		"@vitejs/plugin-vue": "^6.0.10",
-		"@vue/test-utils": "^2.5.1",
-		"@vue/tsconfig": "^0.8.1",
-		"axe-core": "^4.14.0",
-		"eslint": "^10.12.0",
-		"eslint-plugin-vue": "^10.11.1",
-		"jsdom": "^27.4.0",
-		"storybook": "^10.6.3",
-		"typescript": "~5.9.3",
-		"typescript-eslint": "^8.71.1",
-		"vite": "^8.3.4",
-		"vite-plugin-static-copy": "^4.1.1",
-		"vitest": "^5.0.4",
-		"vue-eslint-parser": "^10.2.0",
-		"vue-tsc": "^3.3.13"
-	},
-	"packageManager": "pnpm@10.33.0"
-}
diff --git a/frontend-vue/scripts/update-version.js b/frontend-vue/scripts/update-version.js
deleted file mode 100644
index e5f777df5..000000000
--- a/frontend-vue/scripts/update-version.js
+++ /dev/null
@@ -1,16 +0,0 @@
-// Port of frontend/scripts/update-version.js: writes the package.json version to src/version.ts.
-import fs from 'node:fs';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-const root = path.join(path.dirname(fileURLToPath(import.meta.url)), '..');
-const packageJson = JSON.parse(fs.readFileSync(path.join(root, 'package.json'), 'utf8'));
-const version = packageJson.version;
-
-const versionTsPath = path.join(root, 'src', 'version.ts');
-const versionTsContent = `// This file is auto-generated during build
-export const version = '${version}';
-`;
-
-fs.writeFileSync(versionTsPath, versionTsContent);
-console.log(`Updated version.ts with version ${version}`);
diff --git a/frontend-vue/src/main.ts b/frontend-vue/src/main.ts
deleted file mode 100644
index 14aef6090..000000000
--- a/frontend-vue/src/main.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-// Self-hosted brand fonts first so their @font-face rules land before the theme, then the tokens,
-// then base.css (which reads them). .storybook/preview.ts mirrors this order — keep them together.
-import '@fontsource-variable/geist';
-import '@fontsource-variable/space-grotesk';
-import '@fontsource-variable/geist-mono';
-import '@material-symbols/font-400/outlined.css';
-import './assets/theme.css';
-import './assets/base.css';
-
-import { VueQueryPlugin } from '@tanstack/vue-query';
-import { createPinia } from 'pinia';
-import { createApp } from 'vue';
-import App from './App.vue';
-import { isApiError } from './api/client';
-import { vTooltip } from './components/ui';
-import { loadConfig } from './config';
-import { initMonitoring } from './lib/monitoring';
-import { router } from './router';
-import { useAuthStore } from './stores/auth';
-import { bindConnectionsToRouter } from './stores/connections';
-import { bindTablesToRouter } from './stores/tables';
-
-async function bootstrap() {
-	await loadConfig('/config.json');
-
-	const app = createApp(App);
-	const pinia = createPinia();
-	app.use(pinia);
-	app.directive('tooltip', vTooltip);
-	initMonitoring(app, router);
-
-	// An awaited request that failed has already been shown to the user (see ApiError.notified);
-	// letting it reach the console as an unhandled error would only add noise.
-	const defaultHandler = app.config.errorHandler;
-	app.config.errorHandler = (error, instance, info) => {
-		if (isApiError(error) && error.notified) return;
-		if (defaultHandler) defaultHandler(error, instance, info);
-		else console.error(error);
-	};
-	window.addEventListener('unhandledrejection', (event) => {
-		if (isApiError(event.reason) && event.reason.notified) event.preventDefault();
-	});
-
-	// Before the router resolves the first route: the guards read the restored session.
-	useAuthStore(pinia).restoreSession();
-
-	// Queries behave like Angular's httpResource: one attempt (the client already reported the
-	// failure) and no refetch on window focus.
-	// Angular read the current connection and table from the URL on every navigation.
-	bindConnectionsToRouter(router);
-	bindTablesToRouter(router);
-
-	app
-		.use(router)
-		.use(VueQueryPlugin, {
-			queryClientConfig: { defaultOptions: { queries: { retry: false, refetchOnWindowFocus: false } } },
-		})
-		.mount('#app');
-}
-
-bootstrap();
diff --git a/frontend-vue/src/test-setup.ts b/frontend-vue/src/test-setup.ts
deleted file mode 100644
index 433f66aeb..000000000
--- a/frontend-vue/src/test-setup.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { vi } from 'vitest';
-
-// jsdom implements no layout, so the observer APIs are missing and a component that creates one
-// on mount would throw. The stubs never fire: jsdom reports every box as 0×0 anyway.
-class NoopObserver {
-	observe(): void {}
-	unobserve(): void {}
-	disconnect(): void {}
-	takeRecords(): [] {
-		return [];
-	}
-}
-
-globalThis.ResizeObserver ??= NoopObserver as unknown as typeof ResizeObserver;
-globalThis.IntersectionObserver ??= NoopObserver as unknown as typeof IntersectionObserver;
-
-// Monaco can't run in jsdom (no layout, no workers). Rejecting the loader leaves AppCodeEditor on
-// its <textarea> fallback, which is what component tests drive.
-vi.mock('@/lib/monaco', () => ({
-	loadMonaco: () => Promise.reject(new Error('Monaco is not available in tests')),
-	getMonacoWorker: () => {
-		throw new Error('Monaco is not available in tests');
-	},
-}));
diff --git a/frontend-vue/src/types/globals.d.ts b/frontend-vue/src/types/globals.d.ts
deleted file mode 100644
index 881b970aa..000000000
--- a/frontend-vue/src/types/globals.d.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-// Third-party globals injected by index.saas.html (Intercom, Hotjar).
-declare global {
-	interface Window {
-		Intercom?: (command: string, options?: Record<string, unknown>) => void;
-		intercomSettings?: Record<string, unknown>;
-		hj?: (command: string, userId: string | number, options?: Record<string, unknown>) => void;
-	}
-}
-
-export {};
diff --git a/frontend-vue/tsconfig.app.json b/frontend-vue/tsconfig.app.json
deleted file mode 100644
index e365802f6..000000000
--- a/frontend-vue/tsconfig.app.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-	"extends": "@vue/tsconfig/tsconfig.dom.json",
-	"compilerOptions": {
-		"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-		"types": ["vite/client"],
-		"paths": {
-			"@/*": ["./src/*"]
-		},
-		"noUnusedLocals": true,
-		"noUnusedParameters": true,
-		"lib": ["ES2023", "DOM", "DOM.Iterable"]
-	},
-	"include": ["src/**/*.ts", "src/**/*.vue"]
-}
diff --git a/frontend-vue/tsconfig.json b/frontend-vue/tsconfig.json
deleted file mode 100644
index 88a659fb8..000000000
--- a/frontend-vue/tsconfig.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-	"files": [],
-	"references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }]
-}
diff --git a/frontend-vue/.env b/frontend/.env
similarity index 100%
rename from frontend-vue/.env
rename to frontend/.env
diff --git a/frontend-vue/.env.development b/frontend/.env.development
similarity index 100%
rename from frontend-vue/.env.development
rename to frontend/.env.development
diff --git a/frontend-vue/.env.production b/frontend/.env.production
similarity index 100%
rename from frontend-vue/.env.production
rename to frontend/.env.production
diff --git a/frontend-vue/.env.saas b/frontend/.env.saas
similarity index 100%
rename from frontend-vue/.env.saas
rename to frontend/.env.saas
diff --git a/frontend-vue/.env.saas-production b/frontend/.env.saas-production
similarity index 100%
rename from frontend-vue/.env.saas-production
rename to frontend/.env.saas-production
diff --git a/frontend/.gitignore b/frontend/.gitignore
old mode 100755
new mode 100644
index 0856c9413..2483e2794
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -1,131 +1,10 @@
-
-# Created by https://www.gitignore.io/api/node
-# Edit at https://www.gitignore.io/?templates=node
-
-.angular
-
-### Node ###
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-lerna-debug.log*
-
-# Diagnostic reports (https://nodejs.org/api/report.html)
-report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
+node_modules
+dist
 coverage
-*.lcov
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# TypeScript v1 declaration files
-typings/
-
-# TypeScript cache
 *.tsbuildinfo
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
-.env
-.test.env
-.encryption.env
-
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-
-# next.js build output
-.next
-
-# nuxt.js build output
-.nuxt
-
-# rollup.js default build output
-dist/
-
-# Uncomment the public line if your project uses Gatsby
-# https://nextjs.org/blog/next-9-1#public-directory-support
-# https://create-react-app.dev/docs/using-the-public-folder/#docsNav
-# public
-
-# Storybook build outputs
-.out
-.storybook-out
-storybook-static/
-
-# vuepress build output
-.vuepress/dist
-
-# Serverless directories
-.serverless/
-
-# FuseBox cache
-.fusebox/
-
-# DynamoDB Local files
-.dynamodb/
-
-# Temporary folders
-tmp/
-temp/
-
-#IDE integration files
-.idea
-
-#private data
-.env.dev
-.amazon.env
-.development.env
-ormconfig.env
-
-# End of https://www.gitignore.io/api/node
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions
+.env.local
+.env.*.local
+storybook-static
+dist-e2e
+test-results
+playwright-report
diff --git a/frontend-vue/.storybook/decorators.ts b/frontend/.storybook/decorators.ts
similarity index 100%
rename from frontend-vue/.storybook/decorators.ts
rename to frontend/.storybook/decorators.ts
diff --git a/frontend/.storybook/main.ts b/frontend/.storybook/main.ts
index 0b454941e..f218c41d1 100644
--- a/frontend/.storybook/main.ts
+++ b/frontend/.storybook/main.ts
@@ -1,9 +1,13 @@
-import type { StorybookConfig } from '@storybook/angular';
+import type { StorybookConfig } from '@storybook/vue3-vite';
 
 const config: StorybookConfig = {
-	stories: ['../src/**/*.stories.@(ts)'],
-	addons: [],
-	framework: '@storybook/angular',
+	// Stories live next to the component they document.
+	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+	addons: ['@storybook/addon-docs', '@storybook/addon-a11y'],
+	framework: {
+		name: '@storybook/vue3-vite',
+		options: {},
+	},
 };
 
 export default config;
diff --git a/frontend-vue/.storybook/preview.css b/frontend/.storybook/preview.css
similarity index 100%
rename from frontend-vue/.storybook/preview.css
rename to frontend/.storybook/preview.css
diff --git a/frontend/.storybook/preview.ts b/frontend/.storybook/preview.ts
index 5e6005b02..5227a1a36 100644
--- a/frontend/.storybook/preview.ts
+++ b/frontend/.storybook/preview.ts
@@ -1,28 +1,83 @@
-import { provideHttpClient } from '@angular/common/http';
-import { importProvidersFrom } from '@angular/core';
-import { provideAnimations } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { provideCodeEditor } from '@ngstack/code-editor';
-import type { Preview } from '@storybook/angular';
-import { applicationConfig } from '@storybook/angular';
-import { Angulartics2Module } from 'angulartics2';
-import { provideMarkdown } from 'ngx-markdown';
+// Same import order as src/main.ts: fonts first so their @font-face rules land before the theme,
+// then the tokens every component's scoped CSS reads, then the global element rules. base.css is
+// the same file the app loads, so a story renders on the app's foundation.
+import '@fontsource-variable/geist';
+import '@fontsource-variable/space-grotesk';
+import '@fontsource-variable/geist-mono';
+import '@material-symbols/font-400/outlined.css';
+import '../src/assets/theme.css';
+import '../src/assets/base.css';
+import './preview.css';
+
+import type { Preview } from '@storybook/vue3-vite';
+import { setup } from '@storybook/vue3-vite';
+import { createPinia } from 'pinia';
+import { createMemoryHistory, createRouter } from 'vue-router';
+import { type AuthParams, buildRoutes, type RouterParams } from './decorators';
+
+/**
+ * Installs a fresh Pinia + router on every story's app. This runs before mount, which is why it
+ * lives here rather than in a decorator: components calling a store or useRouter() at setup time
+ * would throw otherwise, and a per-story instance means state can't leak between stories.
+ */
+setup((app, context) => {
+	const pinia = createPinia();
+	app.use(pinia);
+
+	const routerParams = (context?.parameters?.router ?? {}) as RouterParams;
+	// Seeded through the constructor rather than `push`, which resolves a tick later — long enough
+	// to render the wrong `router-link-exact-active` link.
+	const history = createMemoryHistory();
+	history.replace(routerParams.initialPath ?? '/');
+	app.use(createRouter({ history, routes: buildRoutes(routerParams) }));
+
+	// Signs the story in or out through the same localStorage key the auth store reads.
+	const auth = (context?.parameters?.auth ?? {}) as AuthParams;
+	if (auth.expiresAt === null) localStorage.removeItem('token_expiration');
+	else if (auth.expiresAt) localStorage.setItem('token_expiration', auth.expiresAt);
+});
 
 const preview: Preview = {
-	decorators: [
-		applicationConfig({
-			providers: [
-				provideAnimations(),
-				provideHttpClient(),
-				provideRouter([]),
-				importProvidersFrom(Angulartics2Module.forRoot()),
-				provideMarkdown(),
-				provideCodeEditor({
-					baseUrl: 'assets/monaco',
-				}),
-			],
-		}),
-	],
+	parameters: {
+		options: {
+			// Foundations (tokens) before UI (primitives) before App, because that's the order you read the
+			// design system in. The sidebar sorts on `title`, not filename, so the sub-order is explicit.
+			storySort: {
+				order: [
+					'Foundations',
+					['Getting Started', 'Conventions', 'Color', 'Typography', 'Spacing', 'Shape', 'Elevation', 'Motion'],
+					'UI',
+					'App',
+					'Record Edit Fields',
+					'Record View Fields',
+					'Table Display Fields',
+					'Filter Fields',
+				],
+			},
+		},
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i,
+			},
+		},
+		a11y: {
+			// Fail rather than warn, globally: an a11y violation in a primitive multiplies across every
+			// view that consumes it. Foundations' specimen stories opt out with `a11y: { disable: true }`.
+			test: 'error',
+		},
+		backgrounds: {
+			options: {
+				// The app renders on --color-paper, not white — a white default would hide contrast bugs.
+				paper: { name: 'Paper', value: '#f5f8fe' },
+				surface: { name: 'Surface', value: '#ffffff' },
+				ink: { name: 'Ink', value: '#0a0f24' },
+			},
+		},
+	},
+	initialGlobals: {
+		backgrounds: { value: 'paper' },
+	},
 };
 
 export default preview;
diff --git a/frontend/.storybook/tsconfig.json b/frontend/.storybook/tsconfig.json
deleted file mode 100644
index 7edddc8ac..000000000
--- a/frontend/.storybook/tsconfig.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-	"extends": "../tsconfig.json",
-	"compilerOptions": {
-		"types": ["node"]
-	},
-	"include": ["../src/**/*.stories.ts", "../src/**/*.d.ts", "../src/polyfills.ts", "./preview.ts", "./main.ts"]
-}
diff --git a/frontend/.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs b/frontend/.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
deleted file mode 100644
index 11f949d97..000000000
--- a/frontend/.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
+++ /dev/null
@@ -1,541 +0,0 @@
-/* eslint-disable */
-//prettier-ignore
-module.exports = {
-name: "@yarnpkg/plugin-interactive-tools",
-factory: function (require) {
-var plugin=(()=>{var jF=Object.create,Ay=Object.defineProperty,zF=Object.defineProperties,HF=Object.getOwnPropertyDescriptor,qF=Object.getOwnPropertyDescriptors,WF=Object.getOwnPropertyNames,__=Object.getOwnPropertySymbols,VF=Object.getPrototypeOf,IE=Object.prototype.hasOwnProperty,O8=Object.prototype.propertyIsEnumerable;var M8=(i,o,a)=>o in i?Ay(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a,Ht=(i,o)=>{for(var a in o||(o={}))IE.call(o,a)&&M8(i,a,o[a]);if(__)for(var a of __(o))O8.call(o,a)&&M8(i,a,o[a]);return i},Zr=(i,o)=>zF(i,qF(o)),GF=i=>Ay(i,"__esModule",{value:!0});var Dl=(i,o)=>{var a={};for(var p in i)IE.call(i,p)&&o.indexOf(p)<0&&(a[p]=i[p]);if(i!=null&&__)for(var p of __(i))o.indexOf(p)<0&&O8.call(i,p)&&(a[p]=i[p]);return a};var tt=(i,o)=>()=>(o||i((o={exports:{}}).exports,o),o.exports),YF=(i,o)=>{for(var a in o)Ay(i,a,{get:o[a],enumerable:!0})},KF=(i,o,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of WF(o))!IE.call(i,p)&&p!=="default"&&Ay(i,p,{get:()=>o[p],enumerable:!(a=HF(o,p))||a.enumerable});return i},vu=i=>KF(GF(Ay(i!=null?jF(VF(i)):{},"default",i&&i.__esModule&&"default"in i?{get:()=>i.default,enumerable:!0}:{value:i,enumerable:!0})),i);var Oy=tt((tH,k8)=>{"use strict";var N8=Object.getOwnPropertySymbols,XF=Object.prototype.hasOwnProperty,QF=Object.prototype.propertyIsEnumerable;function JF(i){if(i==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(i)}function ZF(){try{if(!Object.assign)return!1;var i=new String("abc");if(i[5]="de",Object.getOwnPropertyNames(i)[0]==="5")return!1;for(var o={},a=0;a<10;a++)o["_"+String.fromCharCode(a)]=a;var p=Object.getOwnPropertyNames(o).map(function(t){return o[t]});if(p.join("")!=="0123456789")return!1;var _={};return"abcdefghijklmnopqrst".split("").forEach(function(t){_[t]=t}),Object.keys(Object.assign({},_)).join("")==="abcdefghijklmnopqrst"}catch(t){return!1}}k8.exports=ZF()?Object.assign:function(i,o){for(var a,p=JF(i),_,t=1;t<arguments.length;t++){a=Object(arguments[t]);for(var k in a)XF.call(a,k)&&(p[k]=a[k]);if(N8){_=N8(a);for(var L=0;L<_.length;L++)QF.call(a,_[L])&&(p[_[L]]=a[_[L]])}}return p}});var W8=tt(_u=>{"use strict";var bE=Oy(),Zf=typeof Symbol=="function"&&Symbol.for,My=Zf?Symbol.for("react.element"):60103,$F=Zf?Symbol.for("react.portal"):60106,eP=Zf?Symbol.for("react.fragment"):60107,tP=Zf?Symbol.for("react.strict_mode"):60108,nP=Zf?Symbol.for("react.profiler"):60114,rP=Zf?Symbol.for("react.provider"):60109,iP=Zf?Symbol.for("react.context"):60110,uP=Zf?Symbol.for("react.forward_ref"):60112,oP=Zf?Symbol.for("react.suspense"):60113,lP=Zf?Symbol.for("react.memo"):60115,sP=Zf?Symbol.for("react.lazy"):60116,L8=typeof Symbol=="function"&&Symbol.iterator;function ky(i){for(var o="https://reactjs.org/docs/error-decoder.html?invariant="+i,a=1;a<arguments.length;a++)o+="&args[]="+encodeURIComponent(arguments[a]);return"Minified React error #"+i+"; visit "+o+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var F8={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},P8={};function jv(i,o,a){this.props=i,this.context=o,this.refs=P8,this.updater=a||F8}jv.prototype.isReactComponent={};jv.prototype.setState=function(i,o){if(typeof i!="object"&&typeof i!="function"&&i!=null)throw Error(ky(85));this.updater.enqueueSetState(this,i,o,"setState")};jv.prototype.forceUpdate=function(i){this.updater.enqueueForceUpdate(this,i,"forceUpdate")};function I8(){}I8.prototype=jv.prototype;function BE(i,o,a){this.props=i,this.context=o,this.refs=P8,this.updater=a||F8}var UE=BE.prototype=new I8;UE.constructor=BE;bE(UE,jv.prototype);UE.isPureReactComponent=!0;var jE={current:null},b8=Object.prototype.hasOwnProperty,B8={key:!0,ref:!0,__self:!0,__source:!0};function U8(i,o,a){var p,_={},t=null,k=null;if(o!=null)for(p in o.ref!==void 0&&(k=o.ref),o.key!==void 0&&(t=""+o.key),o)b8.call(o,p)&&!B8.hasOwnProperty(p)&&(_[p]=o[p]);var L=arguments.length-2;if(L===1)_.children=a;else if(1<L){for(var O=Array(L),C=0;C<L;C++)O[C]=arguments[C+2];_.children=O}if(i&&i.defaultProps)for(p in L=i.defaultProps,L)_[p]===void 0&&(_[p]=L[p]);return{$$typeof:My,type:i,key:t,ref:k,props:_,_owner:jE.current}}function aP(i,o){return{$$typeof:My,type:i.type,key:o,ref:i.ref,props:i.props,_owner:i._owner}}function zE(i){return typeof i=="object"&&i!==null&&i.$$typeof===My}function fP(i){var o={"=":"=0",":":"=2"};return"$"+(""+i).replace(/[=:]/g,function(a){return o[a]})}var j8=/\/+/g,E_=[];function z8(i,o,a,p){if(E_.length){var _=E_.pop();return _.result=i,_.keyPrefix=o,_.func=a,_.context=p,_.count=0,_}return{result:i,keyPrefix:o,func:a,context:p,count:0}}function H8(i){i.result=null,i.keyPrefix=null,i.func=null,i.context=null,i.count=0,10>E_.length&&E_.push(i)}function HE(i,o,a,p){var _=typeof i;(_==="undefined"||_==="boolean")&&(i=null);var t=!1;if(i===null)t=!0;else switch(_){case"string":case"number":t=!0;break;case"object":switch(i.$$typeof){case My:case $F:t=!0}}if(t)return a(p,i,o===""?"."+qE(i,0):o),1;if(t=0,o=o===""?".":o+":",Array.isArray(i))for(var k=0;k<i.length;k++){_=i[k];var L=o+qE(_,k);t+=HE(_,L,a,p)}else if(i===null||typeof i!="object"?L=null:(L=L8&&i[L8]||i["@@iterator"],L=typeof L=="function"?L:null),typeof L=="function")for(i=L.call(i),k=0;!(_=i.next()).done;)_=_.value,L=o+qE(_,k++),t+=HE(_,L,a,p);else if(_==="object")throw a=""+i,Error(ky(31,a==="[object Object]"?"object with keys {"+Object.keys(i).join(", ")+"}":a,""));return t}function WE(i,o,a){return i==null?0:HE(i,"",o,a)}function qE(i,o){return typeof i=="object"&&i!==null&&i.key!=null?fP(i.key):o.toString(36)}function cP(i,o){i.func.call(i.context,o,i.count++)}function dP(i,o,a){var p=i.result,_=i.keyPrefix;i=i.func.call(i.context,o,i.count++),Array.isArray(i)?VE(i,p,a,function(t){return t}):i!=null&&(zE(i)&&(i=aP(i,_+(!i.key||o&&o.key===i.key?"":(""+i.key).replace(j8,"$&/")+"/")+a)),p.push(i))}function VE(i,o,a,p,_){var t="";a!=null&&(t=(""+a).replace(j8,"$&/")+"/"),o=z8(o,t,p,_),WE(i,dP,o),H8(o)}var q8={current:null};function Y1(){var i=q8.current;if(i===null)throw Error(ky(321));return i}var pP={ReactCurrentDispatcher:q8,ReactCurrentBatchConfig:{suspense:null},ReactCurrentOwner:jE,IsSomeRendererActing:{current:!1},assign:bE};_u.Children={map:function(i,o,a){if(i==null)return i;var p=[];return VE(i,p,null,o,a),p},forEach:function(i,o,a){if(i==null)return i;o=z8(null,null,o,a),WE(i,cP,o),H8(o)},count:function(i){return WE(i,function(){return null},null)},toArray:function(i){var o=[];return VE(i,o,null,function(a){return a}),o},only:function(i){if(!zE(i))throw Error(ky(143));return i}};_u.Component=jv;_u.Fragment=eP;_u.Profiler=nP;_u.PureComponent=BE;_u.StrictMode=tP;_u.Suspense=oP;_u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=pP;_u.cloneElement=function(i,o,a){if(i==null)throw Error(ky(267,i));var p=bE({},i.props),_=i.key,t=i.ref,k=i._owner;if(o!=null){if(o.ref!==void 0&&(t=o.ref,k=jE.current),o.key!==void 0&&(_=""+o.key),i.type&&i.type.defaultProps)var L=i.type.defaultProps;for(O in o)b8.call(o,O)&&!B8.hasOwnProperty(O)&&(p[O]=o[O]===void 0&&L!==void 0?L[O]:o[O])}var O=arguments.length-2;if(O===1)p.children=a;else if(1<O){L=Array(O);for(var C=0;C<O;C++)L[C]=arguments[C+2];p.children=L}return{$$typeof:My,type:i.type,key:_,ref:t,props:p,_owner:k}};_u.createContext=function(i,o){return o===void 0&&(o=null),i={$$typeof:iP,_calculateChangedBits:o,_currentValue:i,_currentValue2:i,_threadCount:0,Provider:null,Consumer:null},i.Provider={$$typeof:rP,_context:i},i.Consumer=i};_u.createElement=U8;_u.createFactory=function(i){var o=U8.bind(null,i);return o.type=i,o};_u.createRef=function(){return{current:null}};_u.forwardRef=function(i){return{$$typeof:uP,render:i}};_u.isValidElement=zE;_u.lazy=function(i){return{$$typeof:sP,_ctor:i,_status:-1,_result:null}};_u.memo=function(i,o){return{$$typeof:lP,type:i,compare:o===void 0?null:o}};_u.useCallback=function(i,o){return Y1().useCallback(i,o)};_u.useContext=function(i,o){return Y1().useContext(i,o)};_u.useDebugValue=function(){};_u.useEffect=function(i,o){return Y1().useEffect(i,o)};_u.useImperativeHandle=function(i,o,a){return Y1().useImperativeHandle(i,o,a)};_u.useLayoutEffect=function(i,o){return Y1().useLayoutEffect(i,o)};_u.useMemo=function(i,o){return Y1().useMemo(i,o)};_u.useReducer=function(i,o,a){return Y1().useReducer(i,o,a)};_u.useRef=function(i){return Y1().useRef(i)};_u.useState=function(i){return Y1().useState(i)};_u.version="16.13.1"});var G8=tt((rH,V8)=>{"use strict";var hP="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";V8.exports=hP});var YE=tt((iH,Y8)=>{"use strict";var GE=function(){};process.env.NODE_ENV!=="production"&&(K8=G8(),D_={},X8=Function.call.bind(Object.prototype.hasOwnProperty),GE=function(i){var o="Warning: "+i;typeof console!="undefined"&&console.error(o);try{throw new Error(o)}catch(a){}});var K8,D_,X8;function Q8(i,o,a,p,_){if(process.env.NODE_ENV!=="production"){for(var t in i)if(X8(i,t)){var k;try{if(typeof i[t]!="function"){var L=Error((p||"React class")+": "+a+" type `"+t+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof i[t]+"`.");throw L.name="Invariant Violation",L}k=i[t](o,t,p,a,null,K8)}catch(C){k=C}if(k&&!(k instanceof Error)&&GE((p||"React class")+": type specification of "+a+" `"+t+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof k+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),k instanceof Error&&!(k.message in D_)){D_[k.message]=!0;var O=_?_():"";GE("Failed "+a+" type: "+k.message+(O!=null?O:""))}}}}Q8.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(D_={})};Y8.exports=Q8});var J8=tt(Eu=>{"use strict";process.env.NODE_ENV!=="production"&&function(){"use strict";var i=Oy(),o=YE(),a="16.13.1",p=typeof Symbol=="function"&&Symbol.for,_=p?Symbol.for("react.element"):60103,t=p?Symbol.for("react.portal"):60106,k=p?Symbol.for("react.fragment"):60107,L=p?Symbol.for("react.strict_mode"):60108,O=p?Symbol.for("react.profiler"):60114,C=p?Symbol.for("react.provider"):60109,U=p?Symbol.for("react.context"):60110,H=p?Symbol.for("react.concurrent_mode"):60111,W=p?Symbol.for("react.forward_ref"):60112,ne=p?Symbol.for("react.suspense"):60113,m=p?Symbol.for("react.suspense_list"):60120,he=p?Symbol.for("react.memo"):60115,Ee=p?Symbol.for("react.lazy"):60116,ve=p?Symbol.for("react.block"):60121,se=p?Symbol.for("react.fundamental"):60117,De=p?Symbol.for("react.responder"):60118,pe=p?Symbol.for("react.scope"):60119,me=typeof Symbol=="function"&&Symbol.iterator,ie="@@iterator";function Oe(X){if(X===null||typeof X!="object")return null;var we=me&&X[me]||X[ie];return typeof we=="function"?we:null}var je={current:null},qe={suspense:null},yt={current:null},gt=/^(.*)[\\\/]/;function Xe(X,we,Le){var Ne="";if(we){var dt=we.fileName,Yn=dt.replace(gt,"");if(/^index\./.test(Yn)){var Cn=dt.match(gt);if(Cn){var cr=Cn[1];if(cr){var Si=cr.replace(gt,"");Yn=Si+"/"+Yn}}}Ne=" (at "+Yn+":"+we.lineNumber+")"}else Le&&(Ne=" (created by "+Le+")");return`
-    in `+(X||"Unknown")+Ne}var ut=1;function We(X){return X._status===ut?X._result:null}function Ft(X,we,Le){var Ne=we.displayName||we.name||"";return X.displayName||(Ne!==""?Le+"("+Ne+")":Le)}function Jt(X){if(X==null)return null;if(typeof X.tag=="number"&&ct("Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),typeof X=="function")return X.displayName||X.name||null;if(typeof X=="string")return X;switch(X){case k:return"Fragment";case t:return"Portal";case O:return"Profiler";case L:return"StrictMode";case ne:return"Suspense";case m:return"SuspenseList"}if(typeof X=="object")switch(X.$$typeof){case U:return"Context.Consumer";case C:return"Context.Provider";case W:return Ft(X,X.render,"ForwardRef");case he:return Jt(X.type);case ve:return Jt(X.render);case Ee:{var we=X,Le=We(we);if(Le)return Jt(Le);break}}return null}var rt={},Q=null;function fe(X){Q=X}rt.getCurrentStack=null,rt.getStackAddendum=function(){var X="";if(Q){var we=Jt(Q.type),Le=Q._owner;X+=Xe(we,Q._source,Le&&Jt(Le.type))}var Ne=rt.getCurrentStack;return Ne&&(X+=Ne()||""),X};var xe={current:!1},oe={ReactCurrentDispatcher:je,ReactCurrentBatchConfig:qe,ReactCurrentOwner:yt,IsSomeRendererActing:xe,assign:i};i(oe,{ReactDebugCurrentFrame:rt,ReactComponentTreeHook:{}});function ze(X){{for(var we=arguments.length,Le=new Array(we>1?we-1:0),Ne=1;Ne<we;Ne++)Le[Ne-1]=arguments[Ne];Rt("warn",X,Le)}}function ct(X){{for(var we=arguments.length,Le=new Array(we>1?we-1:0),Ne=1;Ne<we;Ne++)Le[Ne-1]=arguments[Ne];Rt("error",X,Le)}}function Rt(X,we,Le){{var Ne=Le.length>0&&typeof Le[Le.length-1]=="string"&&Le[Le.length-1].indexOf(`
-    in`)===0;if(!Ne){var dt=oe.ReactDebugCurrentFrame,Yn=dt.getStackAddendum();Yn!==""&&(we+="%s",Le=Le.concat([Yn]))}var Cn=Le.map(function(Mu){return""+Mu});Cn.unshift("Warning: "+we),Function.prototype.apply.call(console[X],console,Cn);try{var cr=0,Si="Warning: "+we.replace(/%s/g,function(){return Le[cr++]});throw new Error(Si)}catch(Mu){}}}var nn={};function an(X,we){{var Le=X.constructor,Ne=Le&&(Le.displayName||Le.name)||"ReactClass",dt=Ne+"."+we;if(nn[dt])return;ct("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",we,Ne),nn[dt]=!0}}var Mn={isMounted:function(X){return!1},enqueueForceUpdate:function(X,we,Le){an(X,"forceUpdate")},enqueueReplaceState:function(X,we,Le,Ne){an(X,"replaceState")},enqueueSetState:function(X,we,Le,Ne){an(X,"setState")}},lr={};Object.freeze(lr);function ln(X,we,Le){this.props=X,this.context=we,this.refs=lr,this.updater=Le||Mn}ln.prototype.isReactComponent={},ln.prototype.setState=function(X,we){if(!(typeof X=="object"||typeof X=="function"||X==null))throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,X,we,"setState")},ln.prototype.forceUpdate=function(X){this.updater.enqueueForceUpdate(this,X,"forceUpdate")};{var Vt={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]},Er=function(X,we){Object.defineProperty(ln.prototype,X,{get:function(){ze("%s(...) is deprecated in plain JavaScript React classes. %s",we[0],we[1])}})};for(var w in Vt)Vt.hasOwnProperty(w)&&Er(w,Vt[w])}function jt(){}jt.prototype=ln.prototype;function Xn(X,we,Le){this.props=X,this.context=we,this.refs=lr,this.updater=Le||Mn}var vr=Xn.prototype=new jt;vr.constructor=Xn,i(vr,ln.prototype),vr.isPureReactComponent=!0;function jr(){var X={current:null};return Object.seal(X),X}var fr=Object.prototype.hasOwnProperty,zr={key:!0,ref:!0,__self:!0,__source:!0},Xt,wu,d0;d0={};function Ro(X){if(fr.call(X,"ref")){var we=Object.getOwnPropertyDescriptor(X,"ref").get;if(we&&we.isReactWarning)return!1}return X.ref!==void 0}function Qo(X){if(fr.call(X,"key")){var we=Object.getOwnPropertyDescriptor(X,"key").get;if(we&&we.isReactWarning)return!1}return X.key!==void 0}function Fs(X,we){var Le=function(){Xt||(Xt=!0,ct("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)",we))};Le.isReactWarning=!0,Object.defineProperty(X,"key",{get:Le,configurable:!0})}function Jo(X,we){var Le=function(){wu||(wu=!0,ct("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)",we))};Le.isReactWarning=!0,Object.defineProperty(X,"ref",{get:Le,configurable:!0})}function Zo(X){if(typeof X.ref=="string"&&yt.current&&X.__self&&yt.current.stateNode!==X.__self){var we=Jt(yt.current.type);d0[we]||(ct('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref',Jt(yt.current.type),X.ref),d0[we]=!0)}}var qt=function(X,we,Le,Ne,dt,Yn,Cn){var cr={$$typeof:_,type:X,key:we,ref:Le,props:Cn,_owner:Yn};return cr._store={},Object.defineProperty(cr._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(cr,"_self",{configurable:!1,enumerable:!1,writable:!1,value:Ne}),Object.defineProperty(cr,"_source",{configurable:!1,enumerable:!1,writable:!1,value:dt}),Object.freeze&&(Object.freeze(cr.props),Object.freeze(cr)),cr};function xi(X,we,Le){var Ne,dt={},Yn=null,Cn=null,cr=null,Si=null;if(we!=null){Ro(we)&&(Cn=we.ref,Zo(we)),Qo(we)&&(Yn=""+we.key),cr=we.__self===void 0?null:we.__self,Si=we.__source===void 0?null:we.__source;for(Ne in we)fr.call(we,Ne)&&!zr.hasOwnProperty(Ne)&&(dt[Ne]=we[Ne])}var Mu=arguments.length-2;if(Mu===1)dt.children=Le;else if(Mu>1){for(var zu=Array(Mu),Hu=0;Hu<Mu;Hu++)zu[Hu]=arguments[Hu+2];Object.freeze&&Object.freeze(zu),dt.children=zu}if(X&&X.defaultProps){var Su=X.defaultProps;for(Ne in Su)dt[Ne]===void 0&&(dt[Ne]=Su[Ne])}if(Yn||Cn){var Ti=typeof X=="function"?X.displayName||X.name||"Unknown":X;Yn&&Fs(dt,Ti),Cn&&Jo(dt,Ti)}return qt(X,Yn,Cn,cr,Si,yt.current,dt)}function lu(X,we){var Le=qt(X.type,we,X.ref,X._self,X._source,X._owner,X.props);return Le}function mi(X,we,Le){if(X==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+X+".");var Ne,dt=i({},X.props),Yn=X.key,Cn=X.ref,cr=X._self,Si=X._source,Mu=X._owner;if(we!=null){Ro(we)&&(Cn=we.ref,Mu=yt.current),Qo(we)&&(Yn=""+we.key);var zu;X.type&&X.type.defaultProps&&(zu=X.type.defaultProps);for(Ne in we)fr.call(we,Ne)&&!zr.hasOwnProperty(Ne)&&(we[Ne]===void 0&&zu!==void 0?dt[Ne]=zu[Ne]:dt[Ne]=we[Ne])}var Hu=arguments.length-2;if(Hu===1)dt.children=Le;else if(Hu>1){for(var Su=Array(Hu),Ti=0;Ti<Hu;Ti++)Su[Ti]=arguments[Ti+2];dt.children=Su}return qt(X.type,Yn,Cn,cr,Si,Mu,dt)}function Dr(X){return typeof X=="object"&&X!==null&&X.$$typeof===_}var $o=".",G0=":";function Uu(X){var we=/[=:]/g,Le={"=":"=0",":":"=2"},Ne=(""+X).replace(we,function(dt){return Le[dt]});return"$"+Ne}var Y0=!1,Xr=/\/+/g;function Ao(X){return(""+X).replace(Xr,"$&/")}var Oo=10,F0=[];function su(X,we,Le,Ne){if(F0.length){var dt=F0.pop();return dt.result=X,dt.keyPrefix=we,dt.func=Le,dt.context=Ne,dt.count=0,dt}else return{result:X,keyPrefix:we,func:Le,context:Ne,count:0}}function ki(X){X.result=null,X.keyPrefix=null,X.func=null,X.context=null,X.count=0,F0.length<Oo&&F0.push(X)}function Ps(X,we,Le,Ne){var dt=typeof X;(dt==="undefined"||dt==="boolean")&&(X=null);var Yn=!1;if(X===null)Yn=!0;else switch(dt){case"string":case"number":Yn=!0;break;case"object":switch(X.$$typeof){case _:case t:Yn=!0}}if(Yn)return Le(Ne,X,we===""?$o+P0(X,0):we),1;var Cn,cr,Si=0,Mu=we===""?$o:we+G0;if(Array.isArray(X))for(var zu=0;zu<X.length;zu++)Cn=X[zu],cr=Mu+P0(Cn,zu),Si+=Ps(Cn,cr,Le,Ne);else{var Hu=Oe(X);if(typeof Hu=="function"){Hu===X.entries&&(Y0||ze("Using Maps as children is deprecated and will be removed in a future major release. Consider converting children to an array of keyed ReactElements instead."),Y0=!0);for(var Su=Hu.call(X),Ti,Lo=0;!(Ti=Su.next()).done;)Cn=Ti.value,cr=Mu+P0(Cn,Lo++),Si+=Ps(Cn,cr,Le,Ne)}else if(dt==="object"){var ku="";ku=" If you meant to render a collection of children, use an array instead."+rt.getStackAddendum();var co=""+X;throw Error("Objects are not valid as a React child (found: "+(co==="[object Object]"?"object with keys {"+Object.keys(X).join(", ")+"}":co)+")."+ku)}}return Si}function Kl(X,we,Le){return X==null?0:Ps(X,"",we,Le)}function P0(X,we){return typeof X=="object"&&X!==null&&X.key!=null?Uu(X.key):we.toString(36)}function p0(X,we,Le){var Ne=X.func,dt=X.context;Ne.call(dt,we,X.count++)}function Hr(X,we,Le){if(X==null)return X;var Ne=su(null,null,we,Le);Kl(X,p0,Ne),ki(Ne)}function Ri(X,we,Le){var Ne=X.result,dt=X.keyPrefix,Yn=X.func,Cn=X.context,cr=Yn.call(Cn,we,X.count++);Array.isArray(cr)?K0(cr,Ne,Le,function(Si){return Si}):cr!=null&&(Dr(cr)&&(cr=lu(cr,dt+(cr.key&&(!we||we.key!==cr.key)?Ao(cr.key)+"/":"")+Le)),Ne.push(cr))}function K0(X,we,Le,Ne,dt){var Yn="";Le!=null&&(Yn=Ao(Le)+"/");var Cn=su(we,Yn,Ne,dt);Kl(X,Ri,Cn),ki(Cn)}function yi(X,we,Le){if(X==null)return X;var Ne=[];return K0(X,Ne,null,we,Le),Ne}function en(X){return Kl(X,function(){return null},null)}function bn(X){var we=[];return K0(X,we,null,function(Le){return Le}),we}function Ai(X){if(!Dr(X))throw Error("React.Children.only expected to receive a single React element child.");return X}function gi(X,we){we===void 0?we=null:we!==null&&typeof we!="function"&&ct("createContext: Expected the optional second argument to be a function. Instead received: %s",we);var Le={$$typeof:U,_calculateChangedBits:we,_currentValue:X,_currentValue2:X,_threadCount:0,Provider:null,Consumer:null};Le.Provider={$$typeof:C,_context:Le};var Ne=!1,dt=!1;{var Yn={$$typeof:U,_context:Le,_calculateChangedBits:Le._calculateChangedBits};Object.defineProperties(Yn,{Provider:{get:function(){return dt||(dt=!0,ct("Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?")),Le.Provider},set:function(Cn){Le.Provider=Cn}},_currentValue:{get:function(){return Le._currentValue},set:function(Cn){Le._currentValue=Cn}},_currentValue2:{get:function(){return Le._currentValue2},set:function(Cn){Le._currentValue2=Cn}},_threadCount:{get:function(){return Le._threadCount},set:function(Cn){Le._threadCount=Cn}},Consumer:{get:function(){return Ne||(Ne=!0,ct("Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?")),Le.Consumer}}}),Le.Consumer=Yn}return Le._currentRenderer=null,Le._currentRenderer2=null,Le}function Wt(X){var we={$$typeof:Ee,_ctor:X,_status:-1,_result:null};{var Le,Ne;Object.defineProperties(we,{defaultProps:{configurable:!0,get:function(){return Le},set:function(dt){ct("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),Le=dt,Object.defineProperty(we,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return Ne},set:function(dt){ct("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),Ne=dt,Object.defineProperty(we,"propTypes",{enumerable:!0})}}})}return we}function Au(X){return X!=null&&X.$$typeof===he?ct("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):typeof X!="function"?ct("forwardRef requires a render function but was given %s.",X===null?"null":typeof X):X.length!==0&&X.length!==2&&ct("forwardRef render functions accept exactly two parameters: props and ref. %s",X.length===1?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),X!=null&&(X.defaultProps!=null||X.propTypes!=null)&&ct("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?"),{$$typeof:W,render:X}}function eu(X){return typeof X=="string"||typeof X=="function"||X===k||X===H||X===O||X===L||X===ne||X===m||typeof X=="object"&&X!==null&&(X.$$typeof===Ee||X.$$typeof===he||X.$$typeof===C||X.$$typeof===U||X.$$typeof===W||X.$$typeof===se||X.$$typeof===De||X.$$typeof===pe||X.$$typeof===ve)}function X0(X,we){return eu(X)||ct("memo: The first argument must be a component. Instead received: %s",X===null?"null":typeof X),{$$typeof:he,type:X,compare:we===void 0?null:we}}function Yi(){var X=je.current;if(X===null)throw Error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
-1. You might have mismatching versions of React and the renderer (such as React DOM)
-2. You might be breaking the Rules of Hooks
-3. You might have more than one copy of React in the same app
-See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.`);return X}function Xl(X,we){var Le=Yi();if(we!==void 0&&ct("useContext() second argument is reserved for future use in React. Passing it is not supported. You passed: %s.%s",we,typeof we=="number"&&Array.isArray(arguments[2])?`
-
-Did you call array.map(useContext)? Calling Hooks inside a loop is not supported. Learn more at https://fb.me/rules-of-hooks`:""),X._context!==void 0){var Ne=X._context;Ne.Consumer===X?ct("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):Ne.Provider===X&&ct("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return Le.useContext(X,we)}function Mo(X){var we=Yi();return we.useState(X)}function ai(X,we,Le){var Ne=Yi();return Ne.useReducer(X,we,Le)}function so(X){var we=Yi();return we.useRef(X)}function Ql(X,we){var Le=Yi();return Le.useEffect(X,we)}function ko(X,we){var Le=Yi();return Le.useLayoutEffect(X,we)}function Is(X,we){var Le=Yi();return Le.useCallback(X,we)}function $n(X,we){var Le=Yi();return Le.useMemo(X,we)}function el(X,we,Le){var Ne=Yi();return Ne.useImperativeHandle(X,we,Le)}function ao(X,we){{var Le=Yi();return Le.useDebugValue(X,we)}}var I0;I0=!1;function wl(){if(yt.current){var X=Jt(yt.current.type);if(X)return`
-
-Check the render method of \``+X+"`."}return""}function No(X){if(X!==void 0){var we=X.fileName.replace(/^.*[\\\/]/,""),Le=X.lineNumber;return`
-
-Check your code at `+we+":"+Le+"."}return""}function wt(X){return X!=null?No(X.__source):""}var bt={};function Hn(X){var we=wl();if(!we){var Le=typeof X=="string"?X:X.displayName||X.name;Le&&(we=`
-
-Check the top-level render call using <`+Le+">.")}return we}function qr(X,we){if(!(!X._store||X._store.validated||X.key!=null)){X._store.validated=!0;var Le=Hn(we);if(!bt[Le]){bt[Le]=!0;var Ne="";X&&X._owner&&X._owner!==yt.current&&(Ne=" It was passed a child from "+Jt(X._owner.type)+"."),fe(X),ct('Each child in a list should have a unique "key" prop.%s%s See https://fb.me/react-warning-keys for more information.',Le,Ne),fe(null)}}}function Ki(X,we){if(typeof X=="object"){if(Array.isArray(X))for(var Le=0;Le<X.length;Le++){var Ne=X[Le];Dr(Ne)&&qr(Ne,we)}else if(Dr(X))X._store&&(X._store.validated=!0);else if(X){var dt=Oe(X);if(typeof dt=="function"&&dt!==X.entries)for(var Yn=dt.call(X),Cn;!(Cn=Yn.next()).done;)Dr(Cn.value)&&qr(Cn.value,we)}}}function Qr(X){{var we=X.type;if(we==null||typeof we=="string")return;var Le=Jt(we),Ne;if(typeof we=="function")Ne=we.propTypes;else if(typeof we=="object"&&(we.$$typeof===W||we.$$typeof===he))Ne=we.propTypes;else return;Ne?(fe(X),o(Ne,X.props,"prop",Le,rt.getStackAddendum),fe(null)):we.PropTypes!==void 0&&!I0&&(I0=!0,ct("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",Le||"Unknown")),typeof we.getDefaultProps=="function"&&!we.getDefaultProps.isReactClassApproved&&ct("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Ou(X){{fe(X);for(var we=Object.keys(X.props),Le=0;Le<we.length;Le++){var Ne=we[Le];if(Ne!=="children"&&Ne!=="key"){ct("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",Ne);break}}X.ref!==null&&ct("Invalid attribute `ref` supplied to `React.Fragment`."),fe(null)}}function h0(X,we,Le){var Ne=eu(X);if(!Ne){var dt="";(X===void 0||typeof X=="object"&&X!==null&&Object.keys(X).length===0)&&(dt+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var Yn=wt(we);Yn?dt+=Yn:dt+=wl();var Cn;X===null?Cn="null":Array.isArray(X)?Cn="array":X!==void 0&&X.$$typeof===_?(Cn="<"+(Jt(X.type)||"Unknown")+" />",dt=" Did you accidentally export a JSX literal instead of a component?"):Cn=typeof X,ct("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",Cn,dt)}var cr=xi.apply(this,arguments);if(cr==null)return cr;if(Ne)for(var Si=2;Si<arguments.length;Si++)Ki(arguments[Si],X);return X===k?Ou(cr):Qr(cr),cr}var Ni=!1;function v0(X){var we=h0.bind(null,X);return we.type=X,Ni||(Ni=!0,ze("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.")),Object.defineProperty(we,"type",{enumerable:!1,get:function(){return ze("Factory.type is deprecated. Access the class directly before passing it to createFactory."),Object.defineProperty(this,"type",{value:X}),X}}),we}function hs(X,we,Le){for(var Ne=mi.apply(this,arguments),dt=2;dt<arguments.length;dt++)Ki(arguments[dt],Ne.type);return Qr(Ne),Ne}try{var Tt=Object.freeze({}),fo=new Map([[Tt,null]]),tl=new Set([Tt]);fo.set(0,0),tl.add(0)}catch(X){}var Jl=h0,ju=hs,vs=v0,b0={map:yi,forEach:Hr,count:en,toArray:bn,only:Ai};Eu.Children=b0,Eu.Component=ln,Eu.Fragment=k,Eu.Profiler=O,Eu.PureComponent=Xn,Eu.StrictMode=L,Eu.Suspense=ne,Eu.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=oe,Eu.cloneElement=ju,Eu.createContext=gi,Eu.createElement=Jl,Eu.createFactory=vs,Eu.createRef=jr,Eu.forwardRef=Au,Eu.isValidElement=Dr,Eu.lazy=Wt,Eu.memo=X0,Eu.useCallback=Is,Eu.useContext=Xl,Eu.useDebugValue=ao,Eu.useEffect=Ql,Eu.useImperativeHandle=el,Eu.useLayoutEffect=ko,Eu.useMemo=$n,Eu.useReducer=ai,Eu.useRef=so,Eu.useState=Mo,Eu.version=a}()});var Mi=tt((oH,KE)=>{"use strict";process.env.NODE_ENV==="production"?KE.exports=W8():KE.exports=J8()});var Z8=tt((zv,Ny)=>{(function(){var i,o="4.17.21",a=200,p="Unsupported core-js use. Try https://npms.io/search?q=ponyfill.",_="Expected a function",t="Invalid `variable` option passed into `_.template`",k="__lodash_hash_undefined__",L=500,O="__lodash_placeholder__",C=1,U=2,H=4,W=1,ne=2,m=1,he=2,Ee=4,ve=8,se=16,De=32,pe=64,me=128,ie=256,Oe=512,je=30,qe="...",yt=800,gt=16,Xe=1,ut=2,We=3,Ft=1/0,Jt=9007199254740991,rt=17976931348623157e292,Q=0/0,fe=4294967295,xe=fe-1,oe=fe>>>1,ze=[["ary",me],["bind",m],["bindKey",he],["curry",ve],["curryRight",se],["flip",Oe],["partial",De],["partialRight",pe],["rearg",ie]],ct="[object Arguments]",Rt="[object Array]",nn="[object AsyncFunction]",an="[object Boolean]",Mn="[object Date]",lr="[object DOMException]",ln="[object Error]",Vt="[object Function]",Er="[object GeneratorFunction]",w="[object Map]",jt="[object Number]",Xn="[object Null]",vr="[object Object]",jr="[object Promise]",fr="[object Proxy]",zr="[object RegExp]",Xt="[object Set]",wu="[object String]",d0="[object Symbol]",Ro="[object Undefined]",Qo="[object WeakMap]",Fs="[object WeakSet]",Jo="[object ArrayBuffer]",Zo="[object DataView]",qt="[object Float32Array]",xi="[object Float64Array]",lu="[object Int8Array]",mi="[object Int16Array]",Dr="[object Int32Array]",$o="[object Uint8Array]",G0="[object Uint8ClampedArray]",Uu="[object Uint16Array]",Y0="[object Uint32Array]",Xr=/\b__p \+= '';/g,Ao=/\b(__p \+=) '' \+/g,Oo=/(__e\(.*?\)|\b__t\)) \+\n'';/g,F0=/&(?:amp|lt|gt|quot|#39);/g,su=/[&<>"']/g,ki=RegExp(F0.source),Ps=RegExp(su.source),Kl=/<%-([\s\S]+?)%>/g,P0=/<%([\s\S]+?)%>/g,p0=/<%=([\s\S]+?)%>/g,Hr=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Ri=/^\w*$/,K0=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,yi=/[\\^$.*+?()[\]{}|]/g,en=RegExp(yi.source),bn=/^\s+/,Ai=/\s/,gi=/\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/,Wt=/\{\n\/\* \[wrapped with (.+)\] \*/,Au=/,? & /,eu=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g,X0=/[()=,{}\[\]\/\s]/,Yi=/\\(\\)?/g,Xl=/\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g,Mo=/\w*$/,ai=/^[-+]0x[0-9a-f]+$/i,so=/^0b[01]+$/i,Ql=/^\[object .+?Constructor\]$/,ko=/^0o[0-7]+$/i,Is=/^(?:0|[1-9]\d*)$/,$n=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,el=/($^)/,ao=/['\n\r\u2028\u2029\\]/g,I0="\\ud800-\\udfff",wl="\\u0300-\\u036f",No="\\ufe20-\\ufe2f",wt="\\u20d0-\\u20ff",bt=wl+No+wt,Hn="\\u2700-\\u27bf",qr="a-z\\xdf-\\xf6\\xf8-\\xff",Ki="\\xac\\xb1\\xd7\\xf7",Qr="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",Ou="\\u2000-\\u206f",h0=" \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",Ni="A-Z\\xc0-\\xd6\\xd8-\\xde",v0="\\ufe0e\\ufe0f",hs=Ki+Qr+Ou+h0,Tt="['\u2019]",fo="["+I0+"]",tl="["+hs+"]",Jl="["+bt+"]",ju="\\d+",vs="["+Hn+"]",b0="["+qr+"]",X="[^"+I0+hs+ju+Hn+qr+Ni+"]",we="\\ud83c[\\udffb-\\udfff]",Le="(?:"+Jl+"|"+we+")",Ne="[^"+I0+"]",dt="(?:\\ud83c[\\udde6-\\uddff]){2}",Yn="[\\ud800-\\udbff][\\udc00-\\udfff]",Cn="["+Ni+"]",cr="\\u200d",Si="(?:"+b0+"|"+X+")",Mu="(?:"+Cn+"|"+X+")",zu="(?:"+Tt+"(?:d|ll|m|re|s|t|ve))?",Hu="(?:"+Tt+"(?:D|LL|M|RE|S|T|VE))?",Su=Le+"?",Ti="["+v0+"]?",Lo="(?:"+cr+"(?:"+[Ne,dt,Yn].join("|")+")"+Ti+Su+")*",ku="\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",co="\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])",qu=Ti+Su+Lo,Pa="(?:"+[vs,dt,Yn].join("|")+")"+qu,m0="(?:"+[Ne+Jl+"?",Jl,dt,Yn,fo].join("|")+")",ia=RegExp(Tt,"g"),Q0=RegExp(Jl,"g"),ua=RegExp(we+"(?="+we+")|"+m0+qu,"g"),Ia=RegExp([Cn+"?"+b0+"+"+zu+"(?="+[tl,Cn,"$"].join("|")+")",Mu+"+"+Hu+"(?="+[tl,Cn+Si,"$"].join("|")+")",Cn+"?"+Si+"+"+zu,Cn+"+"+Hu,co,ku,ju,Pa].join("|"),"g"),ms=RegExp("["+cr+I0+bt+v0+"]"),S0=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/,Qn=["Array","Buffer","DataView","Date","Error","Float32Array","Float64Array","Function","Int8Array","Int16Array","Int32Array","Map","Math","Object","Promise","RegExp","Set","String","Symbol","TypeError","Uint8Array","Uint8ClampedArray","Uint16Array","Uint32Array","WeakMap","_","clearTimeout","isFinite","parseInt","setTimeout"],ac=-1,fi={};fi[qt]=fi[xi]=fi[lu]=fi[mi]=fi[Dr]=fi[$o]=fi[G0]=fi[Uu]=fi[Y0]=!0,fi[ct]=fi[Rt]=fi[Jo]=fi[an]=fi[Zo]=fi[Mn]=fi[ln]=fi[Vt]=fi[w]=fi[jt]=fi[vr]=fi[zr]=fi[Xt]=fi[wu]=fi[Qo]=!1;var $r={};$r[ct]=$r[Rt]=$r[Jo]=$r[Zo]=$r[an]=$r[Mn]=$r[qt]=$r[xi]=$r[lu]=$r[mi]=$r[Dr]=$r[w]=$r[jt]=$r[vr]=$r[zr]=$r[Xt]=$r[wu]=$r[d0]=$r[$o]=$r[G0]=$r[Uu]=$r[Y0]=!0,$r[ln]=$r[Vt]=$r[Qo]=!1;var Zl={\u00C0:"A",\u00C1:"A",\u00C2:"A",\u00C3:"A",\u00C4:"A",\u00C5:"A",\u00E0:"a",\u00E1:"a",\u00E2:"a",\u00E3:"a",\u00E4:"a",\u00E5:"a",\u00C7:"C",\u00E7:"c",\u00D0:"D",\u00F0:"d",\u00C8:"E",\u00C9:"E",\u00CA:"E",\u00CB:"E",\u00E8:"e",\u00E9:"e",\u00EA:"e",\u00EB:"e",\u00CC:"I",\u00CD:"I",\u00CE:"I",\u00CF:"I",\u00EC:"i",\u00ED:"i",\u00EE:"i",\u00EF:"i",\u00D1:"N",\u00F1:"n",\u00D2:"O",\u00D3:"O",\u00D4:"O",\u00D5:"O",\u00D6:"O",\u00D8:"O",\u00F2:"o",\u00F3:"o",\u00F4:"o",\u00F5:"o",\u00F6:"o",\u00F8:"o",\u00D9:"U",\u00DA:"U",\u00DB:"U",\u00DC:"U",\u00F9:"u",\u00FA:"u",\u00FB:"u",\u00FC:"u",\u00DD:"Y",\u00FD:"y",\u00FF:"y",\u00C6:"Ae",\u00E6:"ae",\u00DE:"Th",\u00FE:"th",\u00DF:"ss",\u0100:"A",\u0102:"A",\u0104:"A",\u0101:"a",\u0103:"a",\u0105:"a",\u0106:"C",\u0108:"C",\u010A:"C",\u010C:"C",\u0107:"c",\u0109:"c",\u010B:"c",\u010D:"c",\u010E:"D",\u0110:"D",\u010F:"d",\u0111:"d",\u0112:"E",\u0114:"E",\u0116:"E",\u0118:"E",\u011A:"E",\u0113:"e",\u0115:"e",\u0117:"e",\u0119:"e",\u011B:"e",\u011C:"G",\u011E:"G",\u0120:"G",\u0122:"G",\u011D:"g",\u011F:"g",\u0121:"g",\u0123:"g",\u0124:"H",\u0126:"H",\u0125:"h",\u0127:"h",\u0128:"I",\u012A:"I",\u012C:"I",\u012E:"I",\u0130:"I",\u0129:"i",\u012B:"i",\u012D:"i",\u012F:"i",\u0131:"i",\u0134:"J",\u0135:"j",\u0136:"K",\u0137:"k",\u0138:"k",\u0139:"L",\u013B:"L",\u013D:"L",\u013F:"L",\u0141:"L",\u013A:"l",\u013C:"l",\u013E:"l",\u0140:"l",\u0142:"l",\u0143:"N",\u0145:"N",\u0147:"N",\u014A:"N",\u0144:"n",\u0146:"n",\u0148:"n",\u014B:"n",\u014C:"O",\u014E:"O",\u0150:"O",\u014D:"o",\u014F:"o",\u0151:"o",\u0154:"R",\u0156:"R",\u0158:"R",\u0155:"r",\u0157:"r",\u0159:"r",\u015A:"S",\u015C:"S",\u015E:"S",\u0160:"S",\u015B:"s",\u015D:"s",\u015F:"s",\u0161:"s",\u0162:"T",\u0164:"T",\u0166:"T",\u0163:"t",\u0165:"t",\u0167:"t",\u0168:"U",\u016A:"U",\u016C:"U",\u016E:"U",\u0170:"U",\u0172:"U",\u0169:"u",\u016B:"u",\u016D:"u",\u016F:"u",\u0171:"u",\u0173:"u",\u0174:"W",\u0175:"w",\u0176:"Y",\u0177:"y",\u0178:"Y",\u0179:"Z",\u017B:"Z",\u017D:"Z",\u017A:"z",\u017C:"z",\u017E:"z",\u0132:"IJ",\u0133:"ij",\u0152:"Oe",\u0153:"oe",\u0149:"'n",\u017F:"s"},oa={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},pf={"&amp;":"&","&lt;":"<","&gt;":">","&quot;":'"',"&#39;":"'"},bs={"\\":"\\","'":"'","\n":"n","\r":"r","\u2028":"u2028","\u2029":"u2029"},ba=parseFloat,Bs=parseInt,y0=typeof global=="object"&&global&&global.Object===Object&&global,Us=typeof self=="object"&&self&&self.Object===Object&&self,ji=y0||Us||Function("return this")(),B=typeof zv=="object"&&zv&&!zv.nodeType&&zv,z=B&&typeof Ny=="object"&&Ny&&!Ny.nodeType&&Ny,G=z&&z.exports===B,$=G&&y0.process,Te=function(){try{var Ce=z&&z.require&&z.require("util").types;return Ce||$&&$.binding&&$.binding("util")}catch(et){}}(),ge=Te&&Te.isArrayBuffer,Re=Te&&Te.isDate,Z=Te&&Te.isMap,ke=Te&&Te.isRegExp,Qe=Te&&Te.isSet,ht=Te&&Te.isTypedArray;function ue(Ce,et,Ye){switch(Ye.length){case 0:return Ce.call(et);case 1:return Ce.call(et,Ye[0]);case 2:return Ce.call(et,Ye[0],Ye[1]);case 3:return Ce.call(et,Ye[0],Ye[1],Ye[2])}return Ce.apply(et,Ye)}function He(Ce,et,Ye,Yt){for(var Kt=-1,pr=Ce==null?0:Ce.length;++Kt<pr;){var Wr=Ce[Kt];et(Yt,Wr,Ye(Wr),Ce)}return Yt}function nt(Ce,et){for(var Ye=-1,Yt=Ce==null?0:Ce.length;++Ye<Yt&&et(Ce[Ye],Ye,Ce)!==!1;);return Ce}function Ct(Ce,et){for(var Ye=Ce==null?0:Ce.length;Ye--&&et(Ce[Ye],Ye,Ce)!==!1;);return Ce}function Mt(Ce,et){for(var Ye=-1,Yt=Ce==null?0:Ce.length;++Ye<Yt;)if(!et(Ce[Ye],Ye,Ce))return!1;return!0}function It(Ce,et){for(var Ye=-1,Yt=Ce==null?0:Ce.length,Kt=0,pr=[];++Ye<Yt;){var Wr=Ce[Ye];et(Wr,Ye,Ce)&&(pr[Kt++]=Wr)}return pr}function sn(Ce,et){var Ye=Ce==null?0:Ce.length;return!!Ye&&Dt(Ce,et,0)>-1}function rn(Ce,et,Ye){for(var Yt=-1,Kt=Ce==null?0:Ce.length;++Yt<Kt;)if(Ye(et,Ce[Yt]))return!0;return!1}function Lt(Ce,et){for(var Ye=-1,Yt=Ce==null?0:Ce.length,Kt=Array(Yt);++Ye<Yt;)Kt[Ye]=et(Ce[Ye],Ye,Ce);return Kt}function Dn(Ce,et){for(var Ye=-1,Yt=et.length,Kt=Ce.length;++Ye<Yt;)Ce[Kt+Ye]=et[Ye];return Ce}function dr(Ce,et,Ye,Yt){var Kt=-1,pr=Ce==null?0:Ce.length;for(Yt&&pr&&(Ye=Ce[++Kt]);++Kt<pr;)Ye=et(Ye,Ce[Kt],Kt,Ce);return Ye}function er(Ce,et,Ye,Yt){var Kt=Ce==null?0:Ce.length;for(Yt&&Kt&&(Ye=Ce[--Kt]);Kt--;)Ye=et(Ye,Ce[Kt],Kt,Ce);return Ye}function Cr(Ce,et){for(var Ye=-1,Yt=Ce==null?0:Ce.length;++Ye<Yt;)if(et(Ce[Ye],Ye,Ce))return!0;return!1}var An=fn("length");function Nr(Ce){return Ce.split("")}function g0(Ce){return Ce.match(eu)||[]}function Lr(Ce,et,Ye){var Yt;return Ye(Ce,function(Kt,pr,Wr){if(et(Kt,pr,Wr))return Yt=pr,!1}),Yt}function it(Ce,et,Ye,Yt){for(var Kt=Ce.length,pr=Ye+(Yt?1:-1);Yt?pr--:++pr<Kt;)if(et(Ce[pr],pr,Ce))return pr;return-1}function Dt(Ce,et,Ye){return et===et?la(Ce,et,Ye):it(Ce,Pt,Ye)}function $e(Ce,et,Ye,Yt){for(var Kt=Ye-1,pr=Ce.length;++Kt<pr;)if(Yt(Ce[Kt],et))return Kt;return-1}function Pt(Ce){return Ce!==Ce}function un(Ce,et){var Ye=Ce==null?0:Ce.length;return Ye?Nu(Ce,et)/Ye:Q}function fn(Ce){return function(et){return et==null?i:et[Ce]}}function Jn(Ce){return function(et){return Ce==null?i:Ce[et]}}function wr(Ce,et,Ye,Yt,Kt){return Kt(Ce,function(pr,Wr,xn){Ye=Yt?(Yt=!1,pr):et(Ye,pr,Wr,xn)}),Ye}function au(Ce,et){var Ye=Ce.length;for(Ce.sort(et);Ye--;)Ce[Ye]=Ce[Ye].value;return Ce}function Nu(Ce,et){for(var Ye,Yt=-1,Kt=Ce.length;++Yt<Kt;){var pr=et(Ce[Yt]);pr!==i&&(Ye=Ye===i?pr:Ye+pr)}return Ye}function T0(Ce,et){for(var Ye=-1,Yt=Array(Ce);++Ye<Ce;)Yt[Ye]=et(Ye);return Yt}function J0(Ce,et){return Lt(et,function(Ye){return[Ye,Ce[Ye]]})}function Lu(Ce){return Ce&&Ce.slice(0,po(Ce)+1).replace(bn,"")}function _i(Ce){return function(et){return Ce(et)}}function Fo(Ce,et){return Lt(et,function(Ye){return Ce[Ye]})}function nl(Ce,et){return Ce.has(et)}function hf(Ce,et){for(var Ye=-1,Yt=Ce.length;++Ye<Yt&&Dt(et,Ce[Ye],0)>-1;);return Ye}function Sl(Ce,et){for(var Ye=Ce.length;Ye--&&Dt(et,Ce[Ye],0)>-1;);return Ye}function vf(Ce,et){for(var Ye=Ce.length,Yt=0;Ye--;)Ce[Ye]===et&&++Yt;return Yt}var Po=Jn(Zl),ys=Jn(oa);function js(Ce){return"\\"+bs[Ce]}function Io(Ce,et){return Ce==null?i:Ce[et]}function bo(Ce){return ms.test(Ce)}function gs(Ce){return S0.test(Ce)}function Qu(Ce){for(var et,Ye=[];!(et=Ce.next()).done;)Ye.push(et.value);return Ye}function Tu(Ce){var et=-1,Ye=Array(Ce.size);return Ce.forEach(function(Yt,Kt){Ye[++et]=[Kt,Yt]}),Ye}function Ei(Ce,et){return function(Ye){return Ce(et(Ye))}}function C0(Ce,et){for(var Ye=-1,Yt=Ce.length,Kt=0,pr=[];++Ye<Yt;){var Wr=Ce[Ye];(Wr===et||Wr===O)&&(Ce[Ye]=O,pr[Kt++]=Ye)}return pr}function Z0(Ce){var et=-1,Ye=Array(Ce.size);return Ce.forEach(function(Yt){Ye[++et]=Yt}),Ye}function Bo(Ce){var et=-1,Ye=Array(Ce.size);return Ce.forEach(function(Yt){Ye[++et]=[Yt,Yt]}),Ye}function la(Ce,et,Ye){for(var Yt=Ye-1,Kt=Ce.length;++Yt<Kt;)if(Ce[Yt]===et)return Yt;return-1}function $l(Ce,et,Ye){for(var Yt=Ye+1;Yt--;)if(Ce[Yt]===et)return Yt;return Yt}function tu(Ce){return bo(Ce)?Ci(Ce):An(Ce)}function ei(Ce){return bo(Ce)?mf(Ce):Nr(Ce)}function po(Ce){for(var et=Ce.length;et--&&Ai.test(Ce.charAt(et)););return et}var Bi=Jn(pf);function Ci(Ce){for(var et=ua.lastIndex=0;ua.test(Ce);)++et;return et}function mf(Ce){return Ce.match(ua)||[]}function yf(Ce){return Ce.match(Ia)||[]}var $0=function Ce(et){et=et==null?ji:eo.defaults(ji.Object(),et,eo.pick(ji,Qn));var Ye=et.Array,Yt=et.Date,Kt=et.Error,pr=et.Function,Wr=et.Math,xn=et.Object,yu=et.RegExp,Ju=et.String,ti=et.TypeError,Jr=Ye.prototype,Wu=pr.prototype,Rn=xn.prototype,x0=et["__core-js_shared__"],Fu=Wu.toString,li=Rn.hasOwnProperty,Tl=0,zs=function(){var d=/[^.]+$/.exec(x0&&x0.keys&&x0.keys.IE_PROTO||"");return d?"Symbol(src)_1."+d:""}(),Vu=Rn.toString,sa=Fu.call(xn),Xi=ji._,Hs=yu("^"+Fu.call(li).replace(yi,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),R0=G?et.Buffer:i,zi=et.Symbol,A0=et.Uint8Array,Hi=R0?R0.allocUnsafe:i,rl=Ei(xn.getPrototypeOf,xn),Cl=xn.create,B0=Rn.propertyIsEnumerable,O0=Jr.splice,ho=zi?zi.isConcatSpreadable:i,Pu=zi?zi.iterator:i,Zu=zi?zi.toStringTag:i,es=function(){try{var d=_o(xn,"defineProperty");return d({},"",{}),d}catch(v){}}(),_s=et.clearTimeout!==ji.clearTimeout&&et.clearTimeout,aa=Yt&&Yt.now!==ji.Date.now&&Yt.now,gf=et.setTimeout!==ji.setTimeout&&et.setTimeout,$u=Wr.ceil,Es=Wr.floor,Rr=xn.getOwnPropertySymbols,to=R0?R0.isBuffer:i,nu=et.isFinite,fu=Jr.join,Li=Ei(xn.keys,xn),ni=Wr.max,Kn=Wr.min,e0=Yt.now,_0=et.parseInt,E0=Wr.random,Fn=Jr.reverse,ae=_o(et,"DataView"),re=_o(et,"Map"),Fe=_o(et,"Promise"),Ae=_o(et,"Set"),st=_o(et,"WeakMap"),vt=_o(xn,"create"),Qt=st&&new st,On={},Sn=Ea(ae),_n=Ea(re),Tn=Ea(Fe),ir=Ea(Ae),Bt=Ea(st),Fi=zi?zi.prototype:i,Ar=Fi?Fi.valueOf:i,mr=Fi?Fi.toString:i;function Y(d){if(Yu(d)&&!tr(d)&&!(d instanceof at)){if(d instanceof Vr)return d;if(li.call(d,"__wrapped__"))return I2(d)}return new Vr(d)}var ri=function(){function d(){}return function(v){if(!bu(v))return{};if(Cl)return Cl(v);d.prototype=v;var x=new d;return d.prototype=i,x}}();function ii(){}function Vr(d,v){this.__wrapped__=d,this.__actions__=[],this.__chain__=!!v,this.__index__=0,this.__values__=i}Y.templateSettings={escape:Kl,evaluate:P0,interpolate:p0,variable:"",imports:{_:Y}},Y.prototype=ii.prototype,Y.prototype.constructor=Y,Vr.prototype=ri(ii.prototype),Vr.prototype.constructor=Vr;function at(d){this.__wrapped__=d,this.__actions__=[],this.__dir__=1,this.__filtered__=!1,this.__iteratees__=[],this.__takeCount__=fe,this.__views__=[]}function Di(){var d=new at(this.__wrapped__);return d.__actions__=iu(this.__actions__),d.__dir__=this.__dir__,d.__filtered__=this.__filtered__,d.__iteratees__=iu(this.__iteratees__),d.__takeCount__=this.__takeCount__,d.__views__=iu(this.__views__),d}function ru(){if(this.__filtered__){var d=new at(this);d.__dir__=-1,d.__filtered__=!0}else d=this.clone(),d.__dir__*=-1;return d}function D0(){var d=this.__wrapped__.value(),v=this.__dir__,x=tr(d),P=v<0,q=x?d.length:0,ee=rs(0,q,this.__views__),de=ee.start,_e=ee.end,Ie=_e-de,Et=P?_e:de-1,St=this.__iteratees__,At=St.length,on=0,kn=Kn(Ie,this.__takeCount__);if(!x||!P&&q==Ie&&kn==Ie)return mh(d,this.__actions__);var rr=[];e:for(;Ie--&&on<kn;){Et+=v;for(var br=-1,ar=d[Et];++br<At;){var ui=St[br],di=ui.iteratee,jl=ui.type,Zi=di(ar);if(jl==ut)ar=Zi;else if(!Zi){if(jl==Xe)continue e;break e}}rr[on++]=ar}return rr}at.prototype=ri(ii.prototype),at.prototype.constructor=at;function Un(d){var v=-1,x=d==null?0:d.length;for(this.clear();++v<x;){var P=d[v];this.set(P[0],P[1])}}function t0(){this.__data__=vt?vt(null):{},this.size=0}function no(d){var v=this.has(d)&&delete this.__data__[d];return this.size-=v?1:0,v}function vo(d){var v=this.__data__;if(vt){var x=v[d];return x===k?i:x}return li.call(v,d)?v[d]:i}function n0(d){var v=this.__data__;return vt?v[d]!==i:li.call(v,d)}function Uo(d,v){var x=this.__data__;return this.size+=this.has(d)?0:1,x[d]=vt&&v===i?k:v,this}Un.prototype.clear=t0,Un.prototype.delete=no,Un.prototype.get=vo,Un.prototype.has=n0,Un.prototype.set=Uo;function ro(d){var v=-1,x=d==null?0:d.length;for(this.clear();++v<x;){var P=d[v];this.set(P[0],P[1])}}function Ba(){this.__data__=[],this.size=0}function _f(d){var v=this.__data__,x=ts(v,d);if(x<0)return!1;var P=v.length-1;return x==P?v.pop():O0.call(v,x,1),--this.size,!0}function fc(d){var v=this.__data__,x=ts(v,d);return x<0?i:v[x][1]}function Ds(d){return ts(this.__data__,d)>-1}function fa(d,v){var x=this.__data__,P=ts(x,d);return P<0?(++this.size,x.push([d,v])):x[P][1]=v,this}ro.prototype.clear=Ba,ro.prototype.delete=_f,ro.prototype.get=fc,ro.prototype.has=Ds,ro.prototype.set=fa;function U0(d){var v=-1,x=d==null?0:d.length;for(this.clear();++v<x;){var P=d[v];this.set(P[0],P[1])}}function cc(){this.size=0,this.__data__={hash:new Un,map:new(re||ro),string:new Un}}function Ua(d){var v=cl(this,d).delete(d);return this.size-=v?1:0,v}function E2(d){return cl(this,d).get(d)}function nd(d){return cl(this,d).has(d)}function rd(d,v){var x=cl(this,d),P=x.size;return x.set(d,v),this.size+=x.size==P?0:1,this}U0.prototype.clear=cc,U0.prototype.delete=Ua,U0.prototype.get=E2,U0.prototype.has=nd,U0.prototype.set=rd;function mo(d){var v=-1,x=d==null?0:d.length;for(this.__data__=new U0;++v<x;)this.add(d[v])}function Hc(d){return this.__data__.set(d,k),this}function xl(d){return this.__data__.has(d)}mo.prototype.add=mo.prototype.push=Hc,mo.prototype.has=xl;function il(d){var v=this.__data__=new ro(d);this.size=v.size}function D2(){this.__data__=new ro,this.size=0}function qs(d){var v=this.__data__,x=v.delete(d);return this.size=v.size,x}function Rl(d){return this.__data__.get(d)}function id(d){return this.__data__.has(d)}function jo(d,v){var x=this.__data__;if(x instanceof ro){var P=x.__data__;if(!re||P.length<a-1)return P.push([d,v]),this.size=++x.size,this;x=this.__data__=new U0(P)}return x.set(d,v),this.size=x.size,this}il.prototype.clear=D2,il.prototype.delete=qs,il.prototype.get=Rl,il.prototype.has=id,il.prototype.set=jo;function ja(d,v){var x=tr(d),P=!x&&dl(d),q=!x&&!P&&Js(d),ee=!x&&!P&&!q&&Ra(d),de=x||P||q||ee,_e=de?T0(d.length,Ju):[],Ie=_e.length;for(var Et in d)(v||li.call(d,Et))&&!(de&&(Et=="length"||q&&(Et=="offset"||Et=="parent")||ee&&(Et=="buffer"||Et=="byteLength"||Et=="byteOffset")||Eo(Et,Ie)))&&_e.push(Et);return _e}function za(d){var v=d.length;return v?d[ad(0,v-1)]:i}function Ha(d,v){return wc(iu(d),r0(v,0,d.length))}function ca(d){return wc(iu(d))}function ws(d,v,x){(x!==i&&!wo(d[v],x)||x===i&&!(v in d))&&Gu(d,v,x)}function Ss(d,v,x){var P=d[v];(!(li.call(d,v)&&wo(P,x))||x===i&&!(v in d))&&Gu(d,v,x)}function ts(d,v){for(var x=d.length;x--;)if(wo(d[x][0],v))return x;return-1}function zo(d,v,x,P){return Ts(d,function(q,ee,de){v(P,q,x(q),de)}),P}function Ef(d,v){return d&&M0(v,N0(v),d)}function ul(d,v){return d&&M0(v,dn(v),d)}function Gu(d,v,x){v=="__proto__"&&es?es(d,v,{configurable:!0,enumerable:!0,value:x,writable:!0}):d[v]=x}function qa(d,v){for(var x=-1,P=v.length,q=Ye(P),ee=d==null;++x<P;)q[x]=ee?i:Bl(d,v[x]);return q}function r0(d,v,x){return d===d&&(x!==i&&(d=d<=x?d:x),v!==i&&(d=d>=v?d:v)),d}function j0(d,v,x,P,q,ee){var de,_e=v&C,Ie=v&U,Et=v&H;if(x&&(de=q?x(d,P,q,ee):x(d)),de!==i)return de;if(!bu(d))return d;var St=tr(d);if(St){if(de=Cs(d),!_e)return iu(d,de)}else{var At=Iu(d),on=At==Vt||At==Er;if(Js(d))return vc(d,_e);if(At==vr||At==ct||on&&!q){if(de=Ie||on?{}:Ec(d),!_e)return Ie?ns(d,ul(de,d)):o0(d,Ef(de,d))}else{if(!$r[At])return q?d:{};de=Dh(d,At,_e)}}ee||(ee=new il);var kn=ee.get(d);if(kn)return kn;ee.set(d,de),Id(d)?d.forEach(function(ar){de.add(j0(ar,v,x,ar,d,ee))}):Ep(d)&&d.forEach(function(ar,ui){de.set(ui,j0(ar,v,x,ui,d,ee))});var rr=Et?Ie?sr:n1:Ie?dn:N0,br=St?i:rr(d);return nt(br||d,function(ar,ui){br&&(ui=ar,ar=d[ui]),Ss(de,ui,j0(ar,v,x,ui,d,ee))}),de}function Df(d){var v=N0(d);return function(x){return qc(x,d,v)}}function qc(d,v,x){var P=x.length;if(d==null)return!P;for(d=xn(d);P--;){var q=x[P],ee=v[q],de=d[q];if(de===i&&!(q in d)||!ee(de))return!1}return!0}function dc(d,v,x){if(typeof d!="function")throw new ti(_);return Qa(function(){d.apply(i,x)},v)}function Al(d,v,x,P){var q=-1,ee=sn,de=!0,_e=d.length,Ie=[],Et=v.length;if(!_e)return Ie;x&&(v=Lt(v,_i(x))),P?(ee=rn,de=!1):v.length>=a&&(ee=nl,de=!1,v=new mo(v));e:for(;++q<_e;){var St=d[q],At=x==null?St:x(St);if(St=P||St!==0?St:0,de&&At===At){for(var on=Et;on--;)if(v[on]===At)continue e;Ie.push(St)}else ee(v,At,P)||Ie.push(St)}return Ie}var Ts=al(R),da=al(F,!0);function ud(d,v){var x=!0;return Ts(d,function(P,q,ee){return x=!!v(P,q,ee),x}),x}function pa(d,v,x){for(var P=-1,q=d.length;++P<q;){var ee=d[P],de=v(ee);if(de!=null&&(_e===i?de===de&&!bl(de):x(de,_e)))var _e=de,Ie=ee}return Ie}function pc(d,v,x,P){var q=d.length;for(x=Mr(x),x<0&&(x=-x>q?0:q+x),P=P===i||P>q?q:Mr(P),P<0&&(P+=q),P=x>P?0:wp(P);x<P;)d[x++]=v;return d}function Wc(d,v){var x=[];return Ts(d,function(P,q,ee){v(P,q,ee)&&x.push(P)}),x}function qi(d,v,x,P,q){var ee=-1,de=d.length;for(x||(x=is),q||(q=[]);++ee<de;){var _e=d[ee];v>0&&x(_e)?v>1?qi(_e,v-1,x,P,q):Dn(q,_e):P||(q[q.length]=_e)}return q}var g=yc(),y=yc(!0);function R(d,v){return d&&g(d,v,N0)}function F(d,v){return d&&y(d,v,N0)}function b(d,v){return It(v,function(x){return xa(d[x])})}function J(d,v){v=Ws(v,d);for(var x=0,P=v.length;d!=null&&x<P;)d=d[Ll(v[x++])];return x&&x==P?d:i}function ce(d,v,x){var P=v(d);return tr(d)?P:Dn(P,x(d))}function mt(d){return d==null?d===i?Ro:Xn:Zu&&Zu in xn(d)?gc(d):Xa(d)}function xt(d,v){return d>v}function kt(d,v){return d!=null&&li.call(d,v)}function xr(d,v){return d!=null&&v in xn(d)}function i0(d,v,x){return d>=Kn(v,x)&&d<ni(v,x)}function cu(d,v,x){for(var P=x?rn:sn,q=d[0].length,ee=d.length,de=ee,_e=Ye(ee),Ie=Infinity,Et=[];de--;){var St=d[de];de&&v&&(St=Lt(St,_i(v))),Ie=Kn(St.length,Ie),_e[de]=!x&&(v||q>=120&&St.length>=120)?new mo(de&&St):i}St=d[0];var At=-1,on=_e[0];e:for(;++At<q&&Et.length<Ie;){var kn=St[At],rr=v?v(kn):kn;if(kn=x||kn!==0?kn:0,!(on?nl(on,rr):P(Et,rr,x))){for(de=ee;--de;){var br=_e[de];if(!(br?nl(br,rr):P(d[de],rr,x)))continue e}on&&on.push(rr),Et.push(kn)}}return Et}function z0(d,v,x,P){return R(d,function(q,ee,de){v(P,x(q),ee,de)}),P}function Ol(d,v,x){v=Ws(v,d),d=Ed(d,v);var P=d==null?d:d[Ll(Pl(v))];return P==null?i:ue(P,d,x)}function u0(d){return Yu(d)&&mt(d)==ct}function Ve(d){return Yu(d)&&mt(d)==Jo}function Ue(d){return Yu(d)&&mt(d)==Mn}function lt(d,v,x,P,q){return d===v?!0:d==null||v==null||!Yu(d)&&!Yu(v)?d!==d&&v!==v:$t(d,v,x,P,lt,q)}function $t(d,v,x,P,q,ee){var de=tr(d),_e=tr(v),Ie=de?Rt:Iu(d),Et=_e?Rt:Iu(v);Ie=Ie==ct?vr:Ie,Et=Et==ct?vr:Et;var St=Ie==vr,At=Et==vr,on=Ie==Et;if(on&&Js(d)){if(!Js(v))return!1;de=!0,St=!1}if(on&&!St)return ee||(ee=new il),de||Ra(d)?Of(d,v,x,P,q,ee):Eh(d,v,Ie,x,P,q,ee);if(!(x&W)){var kn=St&&li.call(d,"__wrapped__"),rr=At&&li.call(v,"__wrapped__");if(kn||rr){var br=kn?d.value():d,ar=rr?v.value():v;return ee||(ee=new il),q(br,ar,x,P,ee)}}return on?(ee||(ee=new il),um(d,v,x,P,q,ee)):!1}function Wn(d){return Yu(d)&&Iu(d)==w}function si(d,v,x,P){var q=x.length,ee=q,de=!P;if(d==null)return!ee;for(d=xn(d);q--;){var _e=x[q];if(de&&_e[2]?_e[1]!==d[_e[0]]:!(_e[0]in d))return!1}for(;++q<ee;){_e=x[q];var Ie=_e[0],Et=d[Ie],St=_e[1];if(de&&_e[2]){if(Et===i&&!(Ie in d))return!1}else{var At=new il;if(P)var on=P(Et,St,Ie,d,v,At);if(!(on===i?lt(St,Et,W|ne,P,At):on))return!1}}return!0}function ur(d){if(!bu(d)||om(d))return!1;var v=xa(d)?Hs:Ql;return v.test(Ea(d))}function ci(d){return Yu(d)&&mt(d)==zr}function Qi(d){return Yu(d)&&Iu(d)==Xt}function Gr(d){return Yu(d)&&Fd(d.length)&&!!fi[mt(d)]}function Cu(d){return typeof d=="function"?d:d==null?s0:typeof d=="object"?tr(d)?wf(d[0],d[1]):S2(d):bp(d)}function Wa(d){if(!Nf(d))return Li(d);var v=[];for(var x in xn(d))li.call(d,x)&&x!="constructor"&&v.push(x);return v}function Va(d){if(!bu(d))return r1(d);var v=Nf(d),x=[];for(var P in d)P=="constructor"&&(v||!li.call(d,P))||x.push(P);return x}function od(d,v){return d<v}function w2(d,v){var x=-1,P=pl(d)?Ye(d.length):[];return Ts(d,function(q,ee,de){P[++x]=v(q,ee,de)}),P}function S2(d){var v=jn(d);return v.length==1&&v[0][2]?gd(v[0][0],v[0][1]):function(x){return x===d||si(x,d,v)}}function wf(d,v){return Ji(d)&&Lf(v)?gd(Ll(d),v):function(x){var P=Bl(x,d);return P===i&&P===v?xc(x,d):lt(v,P,W|ne)}}function ld(d,v,x,P,q){d!==v&&g(v,function(ee,de){if(q||(q=new il),bu(ee))ch(d,v,de,x,ld,P,q);else{var _e=P?P(Ff(d,de),ee,de+"",d,v,q):i;_e===i&&(_e=ee),ws(d,de,_e)}},dn)}function ch(d,v,x,P,q,ee,de){var _e=Ff(d,x),Ie=Ff(v,x),Et=de.get(Ie);if(Et){ws(d,x,Et);return}var St=ee?ee(_e,Ie,x+"",d,v,de):i,At=St===i;if(At){var on=tr(Ie),kn=!on&&Js(Ie),rr=!on&&!kn&&Ra(Ie);St=Ie,on||kn||rr?tr(_e)?St=_e:l0(_e)?St=iu(_e):kn?(At=!1,St=vc(Ie,!0)):rr?(At=!1,St=Zc(Ie,!0)):St=[]:Cc(Ie)||dl(Ie)?(St=_e,dl(_e)?St=gu(_e):(!bu(_e)||xa(_e))&&(St=Ec(Ie))):At=!1}At&&(de.set(Ie,St),q(St,Ie,P,ee,de),de.delete(Ie)),ws(d,x,St)}function Vc(d,v){var x=d.length;if(!!x)return v+=v<0?x:0,Eo(v,x)?d[v]:i}function yo(d,v,x){v.length?v=Lt(v,function(ee){return tr(ee)?function(de){return J(de,ee.length===1?ee[0]:ee)}:ee}):v=[s0];var P=-1;v=Lt(v,_i(Vn()));var q=w2(d,function(ee,de,_e){var Ie=Lt(v,function(Et){return Et(ee)});return{criteria:Ie,index:++P,value:ee}});return au(q,function(ee,de){return nm(ee,de,x)})}function dh(d,v){return ph(d,v,function(x,P){return xc(d,P)})}function ph(d,v,x){for(var P=-1,q=v.length,ee={};++P<q;){var de=v[P],_e=J(d,de);x(_e,de)&&Ga(ee,Ws(de,d),_e)}return ee}function go(d){return function(v){return J(v,d)}}function Ml(d,v,x,P){var q=P?$e:Dt,ee=-1,de=v.length,_e=d;for(d===v&&(v=iu(v)),x&&(_e=Lt(d,_i(x)));++ee<de;)for(var Ie=0,Et=v[ee],St=x?x(Et):Et;(Ie=q(_e,St,Ie,P))>-1;)_e!==d&&O0.call(_e,Ie,1),O0.call(d,Ie,1);return d}function sd(d,v){for(var x=d?v.length:0,P=x-1;x--;){var q=v[x];if(x==P||q!==ee){var ee=q;Eo(q)?O0.call(d,q,1):R2(d,q)}}return d}function ad(d,v){return d+Es(E0()*(v-d+1))}function T2(d,v,x,P){for(var q=-1,ee=ni($u((v-d)/(x||1)),0),de=Ye(ee);ee--;)de[P?ee:++q]=d,d+=x;return de}function Gc(d,v){var x="";if(!d||v<1||v>Jt)return x;do v%2&&(x+=d),v=Es(v/2),v&&(d+=d);while(v);return x}function Ir(d,v){return o1(F2(d,v,s0),d+"")}function fd(d){return za(Nc(d))}function cd(d,v){var x=Nc(d);return wc(x,r0(v,0,x.length))}function Ga(d,v,x,P){if(!bu(d))return d;v=Ws(v,d);for(var q=-1,ee=v.length,de=ee-1,_e=d;_e!=null&&++q<ee;){var Ie=Ll(v[q]),Et=x;if(Ie==="__proto__"||Ie==="constructor"||Ie==="prototype")return d;if(q!=de){var St=_e[Ie];Et=P?P(St,Ie,_e):i,Et===i&&(Et=bu(St)?St:Eo(v[q+1])?[]:{})}Ss(_e,Ie,Et),_e=_e[Ie]}return d}var Yc=Qt?function(d,v){return Qt.set(d,v),d}:s0,C2=es?function(d,v){return es(d,"toString",{configurable:!0,enumerable:!1,value:Qd(v),writable:!0})}:s0;function ol(d){return wc(Nc(d))}function ll(d,v,x){var P=-1,q=d.length;v<0&&(v=-v>q?0:q+v),x=x>q?q:x,x<0&&(x+=q),q=v>x?0:x-v>>>0,v>>>=0;for(var ee=Ye(q);++P<q;)ee[P]=d[P+v];return ee}function hh(d,v){var x;return Ts(d,function(P,q,ee){return x=v(P,q,ee),!x}),!!x}function Sf(d,v,x){var P=0,q=d==null?P:d.length;if(typeof v=="number"&&v===v&&q<=oe){for(;P<q;){var ee=P+q>>>1,de=d[ee];de!==null&&!bl(de)&&(x?de<=v:de<v)?P=ee+1:q=ee}return q}return Kc(d,v,s0,x)}function Kc(d,v,x,P){var q=0,ee=d==null?0:d.length;if(ee===0)return 0;v=x(v);for(var de=v!==v,_e=v===null,Ie=bl(v),Et=v===i;q<ee;){var St=Es((q+ee)/2),At=x(d[St]),on=At!==i,kn=At===null,rr=At===At,br=bl(At);if(de)var ar=P||rr;else Et?ar=rr&&(P||on):_e?ar=rr&&on&&(P||!kn):Ie?ar=rr&&on&&!kn&&(P||!br):kn||br?ar=!1:ar=P?At<=v:At<v;ar?q=St+1:ee=St}return Kn(ee,xe)}function x2(d,v){for(var x=-1,P=d.length,q=0,ee=[];++x<P;){var de=d[x],_e=v?v(de):de;if(!x||!wo(_e,Ie)){var Ie=_e;ee[q++]=de===0?0:de}}return ee}function vh(d){return typeof d=="number"?d:bl(d)?Q:+d}function sl(d){if(typeof d=="string")return d;if(tr(d))return Lt(d,sl)+"";if(bl(d))return mr?mr.call(d):"";var v=d+"";return v=="0"&&1/d==-Ft?"-0":v}function ha(d,v,x){var P=-1,q=sn,ee=d.length,de=!0,_e=[],Ie=_e;if(x)de=!1,q=rn;else if(ee>=a){var Et=v?null:rm(d);if(Et)return Z0(Et);de=!1,q=nl,Ie=new mo}else Ie=v?[]:_e;e:for(;++P<ee;){var St=d[P],At=v?v(St):St;if(St=x||St!==0?St:0,de&&At===At){for(var on=Ie.length;on--;)if(Ie[on]===At)continue e;v&&Ie.push(At),_e.push(St)}else q(Ie,At,x)||(Ie!==_e&&Ie.push(At),_e.push(St))}return _e}function R2(d,v){return v=Ws(v,d),d=Ed(d,v),d==null||delete d[Ll(Pl(v))]}function A2(d,v,x,P){return Ga(d,v,x(J(d,v)),P)}function hc(d,v,x,P){for(var q=d.length,ee=P?q:-1;(P?ee--:++ee<q)&&v(d[ee],ee,d););return x?ll(d,P?0:ee,P?ee+1:q):ll(d,P?ee+1:0,P?q:ee)}function mh(d,v){var x=d;return x instanceof at&&(x=x.value()),dr(v,function(P,q){return q.func.apply(q.thisArg,Dn([P],q.args))},x)}function O2(d,v,x){var P=d.length;if(P<2)return P?ha(d[0]):[];for(var q=-1,ee=Ye(P);++q<P;)for(var de=d[q],_e=-1;++_e<P;)_e!=q&&(ee[q]=Al(ee[q]||de,d[_e],v,x));return ha(qi(ee,1),v,x)}function dd(d,v,x){for(var P=-1,q=d.length,ee=v.length,de={};++P<q;){var _e=P<ee?v[P]:i;x(de,d[P],_e)}return de}function Xc(d){return l0(d)?d:[]}function Qc(d){return typeof d=="function"?d:s0}function Ws(d,v){return tr(d)?d:Ji(d,v)?[d]:l1(Ui(d))}var M2=Ir;function va(d,v,x){var P=d.length;return x=x===i?P:x,!v&&x>=P?d:ll(d,v,x)}var Jc=_s||function(d){return ji.clearTimeout(d)};function vc(d,v){if(v)return d.slice();var x=d.length,P=Hi?Hi(x):new d.constructor(x);return d.copy(P),P}function mc(d){var v=new d.constructor(d.byteLength);return new A0(v).set(new A0(d)),v}function pd(d,v){var x=v?mc(d.buffer):d.buffer;return new d.constructor(x,d.byteOffset,d.byteLength)}function yh(d){var v=new d.constructor(d.source,Mo.exec(d));return v.lastIndex=d.lastIndex,v}function Tf(d){return Ar?xn(Ar.call(d)):{}}function Zc(d,v){var x=v?mc(d.buffer):d.buffer;return new d.constructor(x,d.byteOffset,d.length)}function gh(d,v){if(d!==v){var x=d!==i,P=d===null,q=d===d,ee=bl(d),de=v!==i,_e=v===null,Ie=v===v,Et=bl(v);if(!_e&&!Et&&!ee&&d>v||ee&&de&&Ie&&!_e&&!Et||P&&de&&Ie||!x&&Ie||!q)return 1;if(!P&&!ee&&!Et&&d<v||Et&&x&&q&&!P&&!ee||_e&&x&&q||!de&&q||!Ie)return-1}return 0}function nm(d,v,x){for(var P=-1,q=d.criteria,ee=v.criteria,de=q.length,_e=x.length;++P<de;){var Ie=gh(q[P],ee[P]);if(Ie){if(P>=_e)return Ie;var Et=x[P];return Ie*(Et=="desc"?-1:1)}}return d.index-v.index}function Vs(d,v,x,P){for(var q=-1,ee=d.length,de=x.length,_e=-1,Ie=v.length,Et=ni(ee-de,0),St=Ye(Ie+Et),At=!P;++_e<Ie;)St[_e]=v[_e];for(;++q<de;)(At||q<ee)&&(St[x[q]]=d[q]);for(;Et--;)St[_e++]=d[q++];return St}function ma(d,v,x,P){for(var q=-1,ee=d.length,de=-1,_e=x.length,Ie=-1,Et=v.length,St=ni(ee-_e,0),At=Ye(St+Et),on=!P;++q<St;)At[q]=d[q];for(var kn=q;++Ie<Et;)At[kn+Ie]=v[Ie];for(;++de<_e;)(on||q<ee)&&(At[kn+x[de]]=d[q++]);return At}function iu(d,v){var x=-1,P=d.length;for(v||(v=Ye(P));++x<P;)v[x]=d[x];return v}function M0(d,v,x,P){var q=!x;x||(x={});for(var ee=-1,de=v.length;++ee<de;){var _e=v[ee],Ie=P?P(x[_e],d[_e],_e,x,d):i;Ie===i&&(Ie=d[_e]),q?Gu(x,_e,Ie):Ss(x,_e,Ie)}return x}function o0(d,v){return M0(d,uo(d),v)}function ns(d,v){return M0(d,Ka(d),v)}function Ya(d,v){return function(x,P){var q=tr(x)?He:zo,ee=v?v():{};return q(x,d,Vn(P,2),ee)}}function io(d){return Ir(function(v,x){var P=-1,q=x.length,ee=q>1?x[q-1]:i,de=q>2?x[2]:i;for(ee=d.length>3&&typeof ee=="function"?(q--,ee):i,de&&oo(x[0],x[1],de)&&(ee=q<3?i:ee,q=1),v=xn(v);++P<q;){var _e=x[P];_e&&d(v,_e,P,ee)}return v})}function al(d,v){return function(x,P){if(x==null)return x;if(!pl(x))return d(x,P);for(var q=x.length,ee=v?q:-1,de=xn(x);(v?ee--:++ee<q)&&P(de[ee],ee,de)!==!1;);return x}}function yc(d){return function(v,x,P){for(var q=-1,ee=xn(v),de=P(v),_e=de.length;_e--;){var Ie=de[d?_e:++q];if(x(ee[Ie],Ie,ee)===!1)break}return v}}function k2(d,v,x){var P=v&m,q=xf(d);function ee(){var de=this&&this!==ji&&this instanceof ee?q:d;return de.apply(P?x:this,arguments)}return ee}function _h(d){return function(v){v=Ui(v);var x=bo(v)?ei(v):i,P=x?x[0]:v.charAt(0),q=x?va(x,1).join(""):v.slice(1);return P[d]()+q}}function Cf(d){return function(v){return dr(gv(Gd(v).replace(ia,"")),d,"")}}function xf(d){return function(){var v=arguments;switch(v.length){case 0:return new d;case 1:return new d(v[0]);case 2:return new d(v[0],v[1]);case 3:return new d(v[0],v[1],v[2]);case 4:return new d(v[0],v[1],v[2],v[3]);case 5:return new d(v[0],v[1],v[2],v[3],v[4]);case 6:return new d(v[0],v[1],v[2],v[3],v[4],v[5]);case 7:return new d(v[0],v[1],v[2],v[3],v[4],v[5],v[6])}var x=ri(d.prototype),P=d.apply(x,v);return bu(P)?P:x}}function $c(d,v,x){var P=xf(d);function q(){for(var ee=arguments.length,de=Ye(ee),_e=ee,Ie=yr(q);_e--;)de[_e]=arguments[_e];var Et=ee<3&&de[0]!==Ie&&de[ee-1]!==Ie?[]:C0(de,Ie);if(ee-=Et.length,ee<x)return wi(d,v,ya,q.placeholder,i,de,Et,i,i,x-ee);var St=this&&this!==ji&&this instanceof q?P:d;return ue(St,this,de)}return q}function kl(d){return function(v,x,P){var q=xn(v);if(!pl(v)){var ee=Vn(x,3);v=N0(v),x=function(_e){return ee(q[_e],_e,q)}}var de=d(v,x,P);return de>-1?q[ee?v[de]:de]:i}}function e1(d){return fl(function(v){var x=v.length,P=x,q=Vr.prototype.thru;for(d&&v.reverse();P--;){var ee=v[P];if(typeof ee!="function")throw new ti(_);if(q&&!de&&Ho(ee)=="wrapper")var de=new Vr([],!0)}for(P=de?P:x;++P<x;){ee=v[P];var _e=Ho(ee),Ie=_e=="wrapper"?qn(ee):i;Ie&&kf(Ie[0])&&Ie[1]==(me|ve|De|ie)&&!Ie[4].length&&Ie[9]==1?de=de[Ho(Ie[0])].apply(de,Ie[3]):de=ee.length==1&&kf(ee)?de[_e]():de.thru(ee)}return function(){var Et=arguments,St=Et[0];if(de&&Et.length==1&&tr(St))return de.plant(St).value();for(var At=0,on=x?v[At].apply(this,Et):St;++At<x;)on=v[At].call(this,on);return on}})}function ya(d,v,x,P,q,ee,de,_e,Ie,Et){var St=v&me,At=v&m,on=v&he,kn=v&(ve|se),rr=v&Oe,br=on?i:xf(d);function ar(){for(var ui=arguments.length,di=Ye(ui),jl=ui;jl--;)di[jl]=arguments[jl];if(kn)var Zi=yr(ar),lo=vf(di,Zi);if(P&&(di=Vs(di,P,q,kn)),ee&&(di=ma(di,ee,de,kn)),ui-=lo,kn&&ui<Et){var a0=C0(di,Zi);return wi(d,v,ya,ar.placeholder,x,di,a0,_e,Ie,Et-ui)}var Os=At?x:this,To=on?Os[d]:d;return ui=di.length,_e?di=i1(di,_e):rr&&ui>1&&di.reverse(),St&&Ie<ui&&(di.length=Ie),this&&this!==ji&&this instanceof ar&&(To=br||xf(To)),To.apply(Os,di)}return ar}function hd(d,v){return function(x,P){return z0(x,d,v(P),{})}}function vd(d,v){return function(x,P){var q;if(x===i&&P===i)return v;if(x!==i&&(q=x),P!==i){if(q===i)return P;typeof x=="string"||typeof P=="string"?(x=sl(x),P=sl(P)):(x=vh(x),P=vh(P)),q=d(x,P)}return q}}function Fr(d){return fl(function(v){return v=Lt(v,_i(Vn())),Ir(function(x){var P=this;return d(v,function(q){return ue(q,P,x)})})})}function ga(d,v){v=v===i?" ":sl(v);var x=v.length;if(x<2)return x?Gc(v,d):v;var P=Gc(v,$u(d/tu(v)));return bo(v)?va(ei(P),0,d).join(""):P.slice(0,d)}function N2(d,v,x,P){var q=v&m,ee=xf(d);function de(){for(var _e=-1,Ie=arguments.length,Et=-1,St=P.length,At=Ye(St+Ie),on=this&&this!==ji&&this instanceof de?ee:d;++Et<St;)At[Et]=P[Et];for(;Ie--;)At[Et++]=arguments[++_e];return ue(on,q?x:this,At)}return de}function t1(d){return function(v,x,P){return P&&typeof P!="number"&&oo(v,x,P)&&(x=P=i),v=Aa(v),x===i?(x=v,v=0):x=Aa(x),P=P===i?v<x?1:-1:Aa(P),T2(v,x,P,d)}}function md(d){return function(v,x){return typeof v=="string"&&typeof x=="string"||(v=hl(v),x=hl(x)),d(v,x)}}function wi(d,v,x,P,q,ee,de,_e,Ie,Et){var St=v&ve,At=St?de:i,on=St?i:de,kn=St?ee:i,rr=St?i:ee;v|=St?De:pe,v&=~(St?pe:De),v&Ee||(v&=~(m|he));var br=[d,v,q,kn,At,rr,on,_e,Ie,Et],ar=x.apply(i,br);return kf(d)&&u1(ar,br),ar.placeholder=P,P2(ar,d,v)}function L2(d){var v=Wr[d];return function(x,P){if(x=hl(x),P=P==null?0:Kn(Mr(P),292),P&&nu(x)){var q=(Ui(x)+"e").split("e"),ee=v(q[0]+"e"+(+q[1]+P));return q=(Ui(ee)+"e").split("e"),+(q[0]+"e"+(+q[1]-P))}return v(x)}}var rm=Ae&&1/Z0(new Ae([,-0]))[1]==Ft?function(d){return new Ae(d)}:Ip;function yd(d){return function(v){var x=Iu(v);return x==w?Tu(v):x==Xt?Bo(v):J0(v,d(v))}}function hn(d,v,x,P,q,ee,de,_e){var Ie=v&he;if(!Ie&&typeof d!="function")throw new ti(_);var Et=P?P.length:0;if(Et||(v&=~(De|pe),P=q=i),de=de===i?de:ni(Mr(de),0),_e=_e===i?_e:Mr(_e),Et-=q?q.length:0,v&pe){var St=P,At=q;P=q=i}var on=Ie?i:qn(d),kn=[d,v,x,P,q,St,At,ee,de,_e];if(on&&Dc(kn,on),d=kn[0],v=kn[1],x=kn[2],P=kn[3],q=kn[4],_e=kn[9]=kn[9]===i?Ie?0:d.length:ni(kn[9]-Et,0),!_e&&v&(ve|se)&&(v&=~(ve|se)),!v||v==m)var rr=k2(d,v,x);else v==ve||v==se?rr=$c(d,v,_e):(v==De||v==(m|De))&&!q.length?rr=N2(d,v,x,P):rr=ya.apply(i,kn);var br=on?Yc:u1;return P2(br(rr,kn),d,v)}function Rf(d,v,x,P){return d===i||wo(d,Rn[x])&&!li.call(P,x)?v:d}function Af(d,v,x,P,q,ee){return bu(d)&&bu(v)&&(ee.set(v,d),ld(d,v,i,Af,ee),ee.delete(v)),d}function im(d){return Cc(d)?i:d}function Of(d,v,x,P,q,ee){var de=x&W,_e=d.length,Ie=v.length;if(_e!=Ie&&!(de&&Ie>_e))return!1;var Et=ee.get(d),St=ee.get(v);if(Et&&St)return Et==v&&St==d;var At=-1,on=!0,kn=x&ne?new mo:i;for(ee.set(d,v),ee.set(v,d);++At<_e;){var rr=d[At],br=v[At];if(P)var ar=de?P(br,rr,At,v,d,ee):P(rr,br,At,d,v,ee);if(ar!==i){if(ar)continue;on=!1;break}if(kn){if(!Cr(v,function(ui,di){if(!nl(kn,di)&&(rr===ui||q(rr,ui,x,P,ee)))return kn.push(di)})){on=!1;break}}else if(!(rr===br||q(rr,br,x,P,ee))){on=!1;break}}return ee.delete(d),ee.delete(v),on}function Eh(d,v,x,P,q,ee,de){switch(x){case Zo:if(d.byteLength!=v.byteLength||d.byteOffset!=v.byteOffset)return!1;d=d.buffer,v=v.buffer;case Jo:return!(d.byteLength!=v.byteLength||!ee(new A0(d),new A0(v)));case an:case Mn:case jt:return wo(+d,+v);case ln:return d.name==v.name&&d.message==v.message;case zr:case wu:return d==v+"";case w:var _e=Tu;case Xt:var Ie=P&W;if(_e||(_e=Z0),d.size!=v.size&&!Ie)return!1;var Et=de.get(d);if(Et)return Et==v;P|=ne,de.set(d,v);var St=Of(_e(d),_e(v),P,q,ee,de);return de.delete(d),St;case d0:if(Ar)return Ar.call(d)==Ar.call(v)}return!1}function um(d,v,x,P,q,ee){var de=x&W,_e=n1(d),Ie=_e.length,Et=n1(v),St=Et.length;if(Ie!=St&&!de)return!1;for(var At=Ie;At--;){var on=_e[At];if(!(de?on in v:li.call(v,on)))return!1}var kn=ee.get(d),rr=ee.get(v);if(kn&&rr)return kn==v&&rr==d;var br=!0;ee.set(d,v),ee.set(v,d);for(var ar=de;++At<Ie;){on=_e[At];var ui=d[on],di=v[on];if(P)var jl=de?P(di,ui,on,v,d,ee):P(ui,di,on,d,v,ee);if(!(jl===i?ui===di||q(ui,di,x,P,ee):jl)){br=!1;break}ar||(ar=on=="constructor")}if(br&&!ar){var Zi=d.constructor,lo=v.constructor;Zi!=lo&&"constructor"in d&&"constructor"in v&&!(typeof Zi=="function"&&Zi instanceof Zi&&typeof lo=="function"&&lo instanceof lo)&&(br=!1)}return ee.delete(d),ee.delete(v),br}function fl(d){return o1(F2(d,i,a1),d+"")}function n1(d){return ce(d,N0,uo)}function sr(d){return ce(d,dn,Ka)}var qn=Qt?function(d){return Qt.get(d)}:Ip;function Ho(d){for(var v=d.name+"",x=On[v],P=li.call(On,v)?x.length:0;P--;){var q=x[P],ee=q.func;if(ee==null||ee==d)return q.name}return v}function yr(d){var v=li.call(Y,"placeholder")?Y:d;return v.placeholder}function Vn(){var d=Y.iteratee||Np;return d=d===Np?Cu:d,arguments.length?d(arguments[0],arguments[1]):d}function cl(d,v){var x=d.__data__;return Yr(v)?x[typeof v=="string"?"string":"hash"]:x.map}function jn(d){for(var v=N0(d),x=v.length;x--;){var P=v[x],q=d[P];v[x]=[P,q,Lf(q)]}return v}function _o(d,v){var x=Io(d,v);return ur(x)?x:i}function gc(d){var v=li.call(d,Zu),x=d[Zu];try{d[Zu]=i;var P=!0}catch(ee){}var q=Vu.call(d);return P&&(v?d[Zu]=x:delete d[Zu]),q}var uo=Rr?function(d){return d==null?[]:(d=xn(d),It(Rr(d),function(v){return B0.call(d,v)}))}:Bp,Ka=Rr?function(d){for(var v=[];d;)Dn(v,uo(d)),d=rl(d);return v}:Bp,Iu=mt;(ae&&Iu(new ae(new ArrayBuffer(1)))!=Zo||re&&Iu(new re)!=w||Fe&&Iu(Fe.resolve())!=jr||Ae&&Iu(new Ae)!=Xt||st&&Iu(new st)!=Qo)&&(Iu=function(d){var v=mt(d),x=v==vr?d.constructor:i,P=x?Ea(x):"";if(P)switch(P){case Sn:return Zo;case _n:return w;case Tn:return jr;case ir:return Xt;case Bt:return Qo}return v});function rs(d,v,x){for(var P=-1,q=x.length;++P<q;){var ee=x[P],de=ee.size;switch(ee.type){case"drop":d+=de;break;case"dropRight":v-=de;break;case"take":v=Kn(v,d+de);break;case"takeRight":d=ni(d,v-de);break}}return{start:d,end:v}}function Mf(d){var v=d.match(Wt);return v?v[1].split(Au):[]}function _c(d,v,x){v=Ws(v,d);for(var P=-1,q=v.length,ee=!1;++P<q;){var de=Ll(v[P]);if(!(ee=d!=null&&x(d,de)))break;d=d[de]}return ee||++P!=q?ee:(q=d==null?0:d.length,!!q&&Fd(q)&&Eo(de,q)&&(tr(d)||dl(d)))}function Cs(d){var v=d.length,x=new d.constructor(v);return v&&typeof d[0]=="string"&&li.call(d,"index")&&(x.index=d.index,x.input=d.input),x}function Ec(d){return typeof d.constructor=="function"&&!Nf(d)?ri(rl(d)):{}}function Dh(d,v,x){var P=d.constructor;switch(v){case Jo:return mc(d);case an:case Mn:return new P(+d);case Zo:return pd(d,x);case qt:case xi:case lu:case mi:case Dr:case $o:case G0:case Uu:case Y0:return Zc(d,x);case w:return new P;case jt:case wu:return new P(d);case zr:return yh(d);case Xt:return new P;case d0:return Tf(d)}}function cn(d,v){var x=v.length;if(!x)return d;var P=x-1;return v[P]=(x>1?"& ":"")+v[P],v=v.join(x>2?", ":" "),d.replace(gi,`{
-/* [wrapped with `+v+`] */
-`)}function is(d){return tr(d)||dl(d)||!!(ho&&d&&d[ho])}function Eo(d,v){var x=typeof d;return v=v==null?Jt:v,!!v&&(x=="number"||x!="symbol"&&Is.test(d))&&d>-1&&d%1==0&&d<v}function oo(d,v,x){if(!bu(x))return!1;var P=typeof v;return(P=="number"?pl(x)&&Eo(v,x.length):P=="string"&&v in x)?wo(x[v],d):!1}function Ji(d,v){if(tr(d))return!1;var x=typeof d;return x=="number"||x=="symbol"||x=="boolean"||d==null||bl(d)?!0:Ri.test(d)||!Hr.test(d)||v!=null&&d in xn(v)}function Yr(d){var v=typeof d;return v=="string"||v=="number"||v=="symbol"||v=="boolean"?d!=="__proto__":d===null}function kf(d){var v=Ho(d),x=Y[v];if(typeof x!="function"||!(v in at.prototype))return!1;if(d===x)return!0;var P=qn(x);return!!P&&d===P[0]}function om(d){return!!zs&&zs in d}var Nl=x0?xa:Up;function Nf(d){var v=d&&d.constructor,x=typeof v=="function"&&v.prototype||Rn;return d===x}function Lf(d){return d===d&&!bu(d)}function gd(d,v){return function(x){return x==null?!1:x[d]===v&&(v!==i||d in xn(x))}}function _d(d){var v=Rd(d,function(P){return x.size===L&&x.clear(),P}),x=v.cache;return v}function Dc(d,v){var x=d[1],P=v[1],q=x|P,ee=q<(m|he|me),de=P==me&&x==ve||P==me&&x==ie&&d[7].length<=v[8]||P==(me|ie)&&v[7].length<=v[8]&&x==ve;if(!(ee||de))return d;P&m&&(d[2]=v[2],q|=x&m?0:Ee);var _e=v[3];if(_e){var Ie=d[3];d[3]=Ie?Vs(Ie,_e,v[4]):_e,d[4]=Ie?C0(d[3],O):v[4]}return _e=v[5],_e&&(Ie=d[5],d[5]=Ie?ma(Ie,_e,v[6]):_e,d[6]=Ie?C0(d[5],O):v[6]),_e=v[7],_e&&(d[7]=_e),P&me&&(d[8]=d[8]==null?v[8]:Kn(d[8],v[8])),d[9]==null&&(d[9]=v[9]),d[0]=v[0],d[1]=q,d}function r1(d){var v=[];if(d!=null)for(var x in xn(d))v.push(x);return v}function Xa(d){return Vu.call(d)}function F2(d,v,x){return v=ni(v===i?d.length-1:v,0),function(){for(var P=arguments,q=-1,ee=ni(P.length-v,0),de=Ye(ee);++q<ee;)de[q]=P[v+q];q=-1;for(var _e=Ye(v+1);++q<v;)_e[q]=P[q];return _e[v]=x(de),ue(d,this,_e)}}function Ed(d,v){return v.length<2?d:J(d,ll(v,0,-1))}function i1(d,v){for(var x=d.length,P=Kn(v.length,x),q=iu(d);P--;){var ee=v[P];d[P]=Eo(ee,x)?q[ee]:i}return d}function Ff(d,v){if(!(v==="constructor"&&typeof d[v]=="function")&&v!="__proto__")return d[v]}var u1=Dd(Yc),Qa=gf||function(d,v){return ji.setTimeout(d,v)},o1=Dd(C2);function P2(d,v,x){var P=v+"";return o1(d,cn(P,wh(Mf(P),x)))}function Dd(d){var v=0,x=0;return function(){var P=e0(),q=gt-(P-x);if(x=P,q>0){if(++v>=yt)return arguments[0]}else v=0;return d.apply(i,arguments)}}function wc(d,v){var x=-1,P=d.length,q=P-1;for(v=v===i?P:v;++x<v;){var ee=ad(x,q),de=d[ee];d[ee]=d[x],d[x]=de}return d.length=v,d}var l1=_d(function(d){var v=[];return d.charCodeAt(0)===46&&v.push(""),d.replace(K0,function(x,P,q,ee){v.push(q?ee.replace(Yi,"$1"):P||x)}),v});function Ll(d){if(typeof d=="string"||bl(d))return d;var v=d+"";return v=="0"&&1/d==-Ft?"-0":v}function Ea(d){if(d!=null){try{return Fu.call(d)}catch(v){}try{return d+""}catch(v){}}return""}function wh(d,v){return nt(ze,function(x){var P="_."+x[0];v&x[1]&&!sn(d,P)&&d.push(P)}),d.sort()}function I2(d){if(d instanceof at)return d.clone();var v=new Vr(d.__wrapped__,d.__chain__);return v.__actions__=iu(d.__actions__),v.__index__=d.__index__,v.__values__=d.__values__,v}function b2(d,v,x){(x?oo(d,v,x):v===i)?v=1:v=ni(Mr(v),0);var P=d==null?0:d.length;if(!P||v<1)return[];for(var q=0,ee=0,de=Ye($u(P/v));q<P;)de[ee++]=ll(d,q,q+=v);return de}function Sh(d){for(var v=-1,x=d==null?0:d.length,P=0,q=[];++v<x;){var ee=d[v];ee&&(q[P++]=ee)}return q}function wd(){var d=arguments.length;if(!d)return[];for(var v=Ye(d-1),x=arguments[0],P=d;P--;)v[P-1]=arguments[P];return Dn(tr(x)?iu(x):[x],qi(v,1))}var Th=Ir(function(d,v){return l0(d)?Al(d,qi(v,1,l0,!0)):[]}),Fl=Ir(function(d,v){var x=Pl(v);return l0(x)&&(x=i),l0(d)?Al(d,qi(v,1,l0,!0),Vn(x,2)):[]}),us=Ir(function(d,v){var x=Pl(v);return l0(x)&&(x=i),l0(d)?Al(d,qi(v,1,l0,!0),i,x):[]});function xs(d,v,x){var P=d==null?0:d.length;return P?(v=x||v===i?1:Mr(v),ll(d,v<0?0:v,P)):[]}function Gs(d,v,x){var P=d==null?0:d.length;return P?(v=x||v===i?1:Mr(v),v=P-v,ll(d,0,v<0?0:v)):[]}function B2(d,v){return d&&d.length?hc(d,Vn(v,3),!0,!0):[]}function Ch(d,v){return d&&d.length?hc(d,Vn(v,3),!0):[]}function U2(d,v,x,P){var q=d==null?0:d.length;return q?(x&&typeof x!="number"&&oo(d,v,x)&&(x=0,P=q),pc(d,v,x,P)):[]}function j2(d,v,x){var P=d==null?0:d.length;if(!P)return-1;var q=x==null?0:Mr(x);return q<0&&(q=ni(P+q,0)),it(d,Vn(v,3),q)}function s1(d,v,x){var P=d==null?0:d.length;if(!P)return-1;var q=P-1;return x!==i&&(q=Mr(x),q=x<0?ni(P+q,0):Kn(q,P-1)),it(d,Vn(v,3),q,!0)}function a1(d){var v=d==null?0:d.length;return v?qi(d,1):[]}function xh(d){var v=d==null?0:d.length;return v?qi(d,Ft):[]}function z2(d,v){var x=d==null?0:d.length;return x?(v=v===i?1:Mr(v),qi(d,v)):[]}function H2(d){for(var v=-1,x=d==null?0:d.length,P={};++v<x;){var q=d[v];P[q[0]]=q[1]}return P}function Rs(d){return d&&d.length?d[0]:i}function Ja(d,v,x){var P=d==null?0:d.length;if(!P)return-1;var q=x==null?0:Mr(x);return q<0&&(q=ni(P+q,0)),Dt(d,v,q)}function Rh(d){var v=d==null?0:d.length;return v?ll(d,0,-1):[]}var du=Ir(function(d){var v=Lt(d,Xc);return v.length&&v[0]===d[0]?cu(v):[]}),f1=Ir(function(d){var v=Pl(d),x=Lt(d,Xc);return v===Pl(x)?v=i:x.pop(),x.length&&x[0]===d[0]?cu(x,Vn(v,2)):[]}),Ah=Ir(function(d){var v=Pl(d),x=Lt(d,Xc);return v=typeof v=="function"?v:i,v&&x.pop(),x.length&&x[0]===d[0]?cu(x,i,v):[]});function c1(d,v){return d==null?"":fu.call(d,v)}function Pl(d){var v=d==null?0:d.length;return v?d[v-1]:i}function Oh(d,v,x){var P=d==null?0:d.length;if(!P)return-1;var q=P;return x!==i&&(q=Mr(x),q=q<0?ni(P+q,0):Kn(q,P-1)),v===v?$l(d,v,q):it(d,Pt,q,!0)}function q2(d,v){return d&&d.length?Vc(d,Mr(v)):i}var Mh=Ir(d1);function d1(d,v){return d&&d.length&&v&&v.length?Ml(d,v):d}function Il(d,v,x){return d&&d.length&&v&&v.length?Ml(d,v,Vn(x,2)):d}function Za(d,v,x){return d&&d.length&&v&&v.length?Ml(d,v,i,x):d}var Da=fl(function(d,v){var x=d==null?0:d.length,P=qa(d,v);return sd(d,Lt(v,function(q){return Eo(q,x)?+q:q}).sort(gh)),P});function W2(d,v){var x=[];if(!(d&&d.length))return x;var P=-1,q=[],ee=d.length;for(v=Vn(v,3);++P<ee;){var de=d[P];v(de,P,d)&&(x.push(de),q.push(P))}return sd(d,q),x}function V2(d){return d==null?d:Fn.call(d)}function lm(d,v,x){var P=d==null?0:d.length;return P?(x&&typeof x!="number"&&oo(d,v,x)?(v=0,x=P):(v=v==null?0:Mr(v),x=x===i?P:Mr(x)),ll(d,v,x)):[]}function G2(d,v){return Sf(d,v)}function kh(d,v,x){return Kc(d,v,Vn(x,2))}function Nh(d,v){var x=d==null?0:d.length;if(x){var P=Sf(d,v);if(P<x&&wo(d[P],v))return P}return-1}function Y2(d,v){return Sf(d,v,!0)}function sm(d,v,x){return Kc(d,v,Vn(x,2),!0)}function am(d,v){var x=d==null?0:d.length;if(x){var P=Sf(d,v,!0)-1;if(wo(d[P],v))return P}return-1}function Lh(d){return d&&d.length?x2(d):[]}function fm(d,v){return d&&d.length?x2(d,Vn(v,2)):[]}function K2(d){var v=d==null?0:d.length;return v?ll(d,1,v):[]}function p1(d,v,x){return d&&d.length?(v=x||v===i?1:Mr(v),ll(d,0,v<0?0:v)):[]}function h1(d,v,x){var P=d==null?0:d.length;return P?(v=x||v===i?1:Mr(v),v=P-v,ll(d,v<0?0:v,P)):[]}function v1(d,v){return d&&d.length?hc(d,Vn(v,3),!1,!0):[]}function wa(d,v){return d&&d.length?hc(d,Vn(v,3)):[]}var X2=Ir(function(d){return ha(qi(d,1,l0,!0))}),Ys=Ir(function(d){var v=Pl(d);return l0(v)&&(v=i),ha(qi(d,1,l0,!0),Vn(v,2))}),Ks=Ir(function(d){var v=Pl(d);return v=typeof v=="function"?v:i,ha(qi(d,1,l0,!0),i,v)});function Xs(d){return d&&d.length?ha(d):[]}function Q2(d,v){return d&&d.length?ha(d,Vn(v,2)):[]}function Sa(d,v){return v=typeof v=="function"?v:i,d&&d.length?ha(d,i,v):[]}function m1(d){if(!(d&&d.length))return[];var v=0;return d=It(d,function(x){if(l0(x))return v=ni(x.length,v),!0}),T0(v,function(x){return Lt(d,fn(x))})}function Sd(d,v){if(!(d&&d.length))return[];var x=m1(d);return v==null?x:Lt(x,function(P){return ue(v,i,P)})}var Sc=Ir(function(d,v){return l0(d)?Al(d,v):[]}),J2=Ir(function(d){return O2(It(d,l0))}),Do=Ir(function(d){var v=Pl(d);return l0(v)&&(v=i),O2(It(d,l0),Vn(v,2))}),Fh=Ir(function(d){var v=Pl(d);return v=typeof v=="function"?v:i,O2(It(d,l0),i,v)}),Ph=Ir(m1);function Ih(d,v){return dd(d||[],v||[],Ss)}function bh(d,v){return dd(d||[],v||[],Ga)}var cm=Ir(function(d){var v=d.length,x=v>1?d[v-1]:i;return x=typeof x=="function"?(d.pop(),x):i,Sd(d,x)});function Bh(d){var v=Y(d);return v.__chain__=!0,v}function Uh(d,v){return v(d),d}function y1(d,v){return v(d)}var Z2=fl(function(d){var v=d.length,x=v?d[0]:0,P=this.__wrapped__,q=function(ee){return qa(ee,d)};return v>1||this.__actions__.length||!(P instanceof at)||!Eo(x)?this.thru(q):(P=P.slice(x,+x+(v?1:0)),P.__actions__.push({func:y1,args:[q],thisArg:i}),new Vr(P,this.__chain__).thru(function(ee){return v&&!ee.length&&ee.push(i),ee}))});function jh(){return Bh(this)}function $2(){return new Vr(this.value(),this.__chain__)}function zh(){this.__values__===i&&(this.__values__=lv(this.value()));var d=this.__index__>=this.__values__.length,v=d?i:this.__values__[this.__index__++];return{done:d,value:v}}function dm(){return this}function pm(d){for(var v,x=this;x instanceof ii;){var P=I2(x);P.__index__=0,P.__values__=i,v?q.__wrapped__=P:v=P;var q=P;x=x.__wrapped__}return q.__wrapped__=d,v}function Pf(){var d=this.__wrapped__;if(d instanceof at){var v=d;return this.__actions__.length&&(v=new at(this)),v=v.reverse(),v.__actions__.push({func:y1,args:[V2],thisArg:i}),new Vr(v,this.__chain__)}return this.thru(V2)}function If(){return mh(this.__wrapped__,this.__actions__)}var Td=Ya(function(d,v,x){li.call(d,x)?++d[x]:Gu(d,x,1)});function hm(d,v,x){var P=tr(d)?Mt:ud;return x&&oo(d,v,x)&&(v=i),P(d,Vn(v,3))}function ep(d,v){var x=tr(d)?It:Wc;return x(d,Vn(v,3))}var Cd=kl(j2),tp=kl(s1);function Hh(d,v){return qi(g1(d,v),1)}function np(d,v){return qi(g1(d,v),Ft)}function qh(d,v,x){return x=x===i?1:Mr(x),qi(g1(d,v),x)}function Wh(d,v){var x=tr(d)?nt:Ts;return x(d,Vn(v,3))}function rp(d,v){var x=tr(d)?Ct:da;return x(d,Vn(v,3))}var vm=Ya(function(d,v,x){li.call(d,x)?d[x].push(v):Gu(d,x,[v])});function mm(d,v,x,P){d=pl(d)?d:Nc(d),x=x&&!P?Mr(x):0;var q=d.length;return x<0&&(x=ni(q+x,0)),w1(d)?x<=q&&d.indexOf(v,x)>-1:!!q&&Dt(d,v,x)>-1}var ym=Ir(function(d,v,x){var P=-1,q=typeof v=="function",ee=pl(d)?Ye(d.length):[];return Ts(d,function(de){ee[++P]=q?ue(v,de,x):Ol(de,v,x)}),ee}),Vh=Ya(function(d,v,x){Gu(d,x,v)});function g1(d,v){var x=tr(d)?Lt:w2;return x(d,Vn(v,3))}function gm(d,v,x,P){return d==null?[]:(tr(v)||(v=v==null?[]:[v]),x=P?i:x,tr(x)||(x=x==null?[]:[x]),yo(d,v,x))}var ip=Ya(function(d,v,x){d[x?0:1].push(v)},function(){return[[],[]]});function up(d,v,x){var P=tr(d)?dr:wr,q=arguments.length<3;return P(d,Vn(v,4),x,q,Ts)}function _m(d,v,x){var P=tr(d)?er:wr,q=arguments.length<3;return P(d,Vn(v,4),x,q,da)}function Em(d,v){var x=tr(d)?It:Wc;return x(d,Ad(Vn(v,3)))}function Gh(d){var v=tr(d)?za:fd;return v(d)}function Dm(d,v,x){(x?oo(d,v,x):v===i)?v=1:v=Mr(v);var P=tr(d)?Ha:cd;return P(d,v)}function wm(d){var v=tr(d)?ca:ol;return v(d)}function op(d){if(d==null)return 0;if(pl(d))return w1(d)?tu(d):d.length;var v=Iu(d);return v==w||v==Xt?d.size:Wa(d).length}function lp(d,v,x){var P=tr(d)?Cr:hh;return x&&oo(d,v,x)&&(v=i),P(d,Vn(v,3))}var Ta=Ir(function(d,v){if(d==null)return[];var x=v.length;return x>1&&oo(d,v[0],v[1])?v=[]:x>2&&oo(v[0],v[1],v[2])&&(v=[v[0]]),yo(d,qi(v,1),[])}),_1=aa||function(){return ji.Date.now()};function sp(d,v){if(typeof v!="function")throw new ti(_);return d=Mr(d),function(){if(--d<1)return v.apply(this,arguments)}}function Yh(d,v,x){return v=x?i:v,v=d&&v==null?d.length:v,hn(d,me,i,i,i,i,v)}function xd(d,v){var x;if(typeof v!="function")throw new ti(_);return d=Mr(d),function(){return--d>0&&(x=v.apply(this,arguments)),d<=1&&(v=i),x}}var E1=Ir(function(d,v,x){var P=m;if(x.length){var q=C0(x,yr(E1));P|=De}return hn(d,P,v,x,q)}),Kh=Ir(function(d,v,x){var P=m|he;if(x.length){var q=C0(x,yr(Kh));P|=De}return hn(v,P,d,x,q)});function ap(d,v,x){v=x?i:v;var P=hn(d,ve,i,i,i,i,i,v);return P.placeholder=ap.placeholder,P}function Xh(d,v,x){v=x?i:v;var P=hn(d,se,i,i,i,i,i,v);return P.placeholder=Xh.placeholder,P}function fp(d,v,x){var P,q,ee,de,_e,Ie,Et=0,St=!1,At=!1,on=!0;if(typeof d!="function")throw new ti(_);v=hl(v)||0,bu(x)&&(St=!!x.leading,At="maxWait"in x,ee=At?ni(hl(x.maxWait)||0,v):ee,on="trailing"in x?!!x.trailing:on);function kn(a0){var Os=P,To=q;return P=q=i,Et=a0,de=d.apply(To,Os),de}function rr(a0){return Et=a0,_e=Qa(ui,v),St?kn(a0):de}function br(a0){var Os=a0-Ie,To=a0-Et,Av=v-Os;return At?Kn(Av,ee-To):Av}function ar(a0){var Os=a0-Ie,To=a0-Et;return Ie===i||Os>=v||Os<0||At&&To>=ee}function ui(){var a0=_1();if(ar(a0))return di(a0);_e=Qa(ui,br(a0))}function di(a0){return _e=i,on&&P?kn(a0):(P=q=i,de)}function jl(){_e!==i&&Jc(_e),Et=0,P=Ie=q=_e=i}function Zi(){return _e===i?de:di(_1())}function lo(){var a0=_1(),Os=ar(a0);if(P=arguments,q=this,Ie=a0,Os){if(_e===i)return rr(Ie);if(At)return Jc(_e),_e=Qa(ui,v),kn(Ie)}return _e===i&&(_e=Qa(ui,v)),de}return lo.cancel=jl,lo.flush=Zi,lo}var Qh=Ir(function(d,v){return dc(d,1,v)}),Jh=Ir(function(d,v,x){return dc(d,hl(v)||0,x)});function cp(d){return hn(d,Oe)}function Rd(d,v){if(typeof d!="function"||v!=null&&typeof v!="function")throw new ti(_);var x=function(){var P=arguments,q=v?v.apply(this,P):P[0],ee=x.cache;if(ee.has(q))return ee.get(q);var de=d.apply(this,P);return x.cache=ee.set(q,de)||ee,de};return x.cache=new(Rd.Cache||U0),x}Rd.Cache=U0;function Ad(d){if(typeof d!="function")throw new ti(_);return function(){var v=arguments;switch(v.length){case 0:return!d.call(this);case 1:return!d.call(this,v[0]);case 2:return!d.call(this,v[0],v[1]);case 3:return!d.call(this,v[0],v[1],v[2])}return!d.apply(this,v)}}function H0(d){return xd(2,d)}var Od=M2(function(d,v){v=v.length==1&&tr(v[0])?Lt(v[0],_i(Vn())):Lt(qi(v,1),_i(Vn()));var x=v.length;return Ir(function(P){for(var q=-1,ee=Kn(P.length,x);++q<ee;)P[q]=v[q].call(this,P[q]);return ue(d,this,P)})}),Ca=Ir(function(d,v){var x=C0(v,yr(Ca));return hn(d,De,i,v,x)}),$a=Ir(function(d,v){var x=C0(v,yr($a));return hn(d,pe,i,v,x)}),Md=fl(function(d,v){return hn(d,ie,i,i,i,v)});function kd(d,v){if(typeof d!="function")throw new ti(_);return v=v===i?v:Mr(v),Ir(d,v)}function dp(d,v){if(typeof d!="function")throw new ti(_);return v=v==null?0:ni(Mr(v),0),Ir(function(x){var P=x[v],q=va(x,0,v);return P&&Dn(q,P),ue(d,this,q)})}function Nd(d,v,x){var P=!0,q=!0;if(typeof d!="function")throw new ti(_);return bu(x)&&(P="leading"in x?!!x.leading:P,q="trailing"in x?!!x.trailing:q),fp(d,v,{leading:P,maxWait:v,trailing:q})}function Zh(d){return Yh(d,1)}function Sm(d,v){return Ca(Qc(v),d)}function $h(){if(!arguments.length)return[];var d=arguments[0];return tr(d)?d:[d]}function pp(d){return j0(d,H)}function hp(d,v){return v=typeof v=="function"?v:i,j0(d,H,v)}function vp(d){return j0(d,C|H)}function Tm(d,v){return v=typeof v=="function"?v:i,j0(d,C|H,v)}function Cm(d,v){return v==null||qc(d,v,N0(v))}function wo(d,v){return d===v||d!==d&&v!==v}var Ld=md(xt),xm=md(function(d,v){return d>=v}),dl=u0(function(){return arguments}())?u0:function(d){return Yu(d)&&li.call(d,"callee")&&!B0.call(d,"callee")},tr=Ye.isArray,Qs=ge?_i(ge):Ve;function pl(d){return d!=null&&Fd(d.length)&&!xa(d)}function l0(d){return Yu(d)&&pl(d)}function ev(d){return d===!0||d===!1||Yu(d)&&mt(d)==an}var Js=to||Up,mp=Re?_i(Re):Ue;function Rm(d){return Yu(d)&&d.nodeType===1&&!Cc(d)}function tv(d){if(d==null)return!0;if(pl(d)&&(tr(d)||typeof d=="string"||typeof d.splice=="function"||Js(d)||Ra(d)||dl(d)))return!d.length;var v=Iu(d);if(v==w||v==Xt)return!d.size;if(Nf(d))return!Wa(d).length;for(var x in d)if(li.call(d,x))return!1;return!0}function yp(d,v){return lt(d,v)}function Am(d,v,x){x=typeof x=="function"?x:i;var P=x?x(d,v):i;return P===i?lt(d,v,i,x):!!P}function gp(d){if(!Yu(d))return!1;var v=mt(d);return v==ln||v==lr||typeof d.message=="string"&&typeof d.name=="string"&&!Cc(d)}function Tc(d){return typeof d=="number"&&nu(d)}function xa(d){if(!bu(d))return!1;var v=mt(d);return v==Vt||v==Er||v==nn||v==fr}function _p(d){return typeof d=="number"&&d==Mr(d)}function Fd(d){return typeof d=="number"&&d>-1&&d%1==0&&d<=Jt}function bu(d){var v=typeof d;return d!=null&&(v=="object"||v=="function")}function Yu(d){return d!=null&&typeof d=="object"}var Ep=Z?_i(Z):Wn;function Dp(d,v){return d===v||si(d,v,jn(v))}function nv(d,v,x){return x=typeof x=="function"?x:i,si(d,v,jn(v),x)}function Om(d){return rv(d)&&d!=+d}function Mm(d){if(Nl(d))throw new Kt(p);return ur(d)}function km(d){return d===null}function Pd(d){return d==null}function rv(d){return typeof d=="number"||Yu(d)&&mt(d)==jt}function Cc(d){if(!Yu(d)||mt(d)!=vr)return!1;var v=rl(d);if(v===null)return!0;var x=li.call(v,"constructor")&&v.constructor;return typeof x=="function"&&x instanceof x&&Fu.call(x)==sa}var D1=ke?_i(ke):ci;function Nm(d){return _p(d)&&d>=-Jt&&d<=Jt}var Id=Qe?_i(Qe):Qi;function w1(d){return typeof d=="string"||!tr(d)&&Yu(d)&&mt(d)==wu}function bl(d){return typeof d=="symbol"||Yu(d)&&mt(d)==d0}var Ra=ht?_i(ht):Gr;function iv(d){return d===i}function Lm(d){return Yu(d)&&Iu(d)==Qo}function uv(d){return Yu(d)&&mt(d)==Fs}var ov=md(od),Fm=md(function(d,v){return d<=v});function lv(d){if(!d)return[];if(pl(d))return w1(d)?ei(d):iu(d);if(Pu&&d[Pu])return Qu(d[Pu]());var v=Iu(d),x=v==w?Tu:v==Xt?Z0:Nc;return x(d)}function Aa(d){if(!d)return d===0?d:0;if(d=hl(d),d===Ft||d===-Ft){var v=d<0?-1:1;return v*rt}return d===d?d:0}function Mr(d){var v=Aa(d),x=v%1;return v===v?x?v-x:v:0}function wp(d){return d?r0(Mr(d),0,fe):0}function hl(d){if(typeof d=="number")return d;if(bl(d))return Q;if(bu(d)){var v=typeof d.valueOf=="function"?d.valueOf():d;d=bu(v)?v+"":v}if(typeof d!="string")return d===0?d:+d;d=Lu(d);var x=so.test(d);return x||ko.test(d)?Bs(d.slice(2),x?2:8):ai.test(d)?Q:+d}function gu(d){return M0(d,dn(d))}function S1(d){return d?r0(Mr(d),-Jt,Jt):d===0?d:0}function Ui(d){return d==null?"":sl(d)}var Sp=io(function(d,v){if(Nf(v)||pl(v)){M0(v,N0(v),d);return}for(var x in v)li.call(v,x)&&Ss(d,x,v[x])}),bd=io(function(d,v){M0(v,dn(v),d)}),So=io(function(d,v,x,P){M0(v,dn(v),d,P)}),As=io(function(d,v,x,P){M0(v,N0(v),d,P)}),bf=fl(qa);function Bd(d,v){var x=ri(d);return v==null?x:Ef(x,v)}var Tp=Ir(function(d,v){d=xn(d);var x=-1,P=v.length,q=P>2?v[2]:i;for(q&&oo(v[0],v[1],q)&&(P=1);++x<P;)for(var ee=v[x],de=dn(ee),_e=-1,Ie=de.length;++_e<Ie;){var Et=de[_e],St=d[Et];(St===i||wo(St,Rn[Et])&&!li.call(d,Et))&&(d[Et]=ee[Et])}return d}),T1=Ir(function(d){return d.push(i,Af),ue(Oc,i,d)});function C1(d,v){return Lr(d,Vn(v,3),R)}function Cp(d,v){return Lr(d,Vn(v,3),F)}function nr(d,v){return d==null?d:g(d,Vn(v,3),dn)}function vl(d,v){return d==null?d:y(d,Vn(v,3),dn)}function Gn(d,v){return d&&R(d,Vn(v,3))}function q0(d,v){return d&&F(d,Vn(v,3))}function k0(d){return d==null?[]:b(d,N0(d))}function Ud(d){return d==null?[]:b(d,dn(d))}function Bl(d,v,x){var P=d==null?i:J(d,v);return P===i?x:P}function x1(d,v){return d!=null&&_c(d,v,kt)}function xc(d,v){return d!=null&&_c(d,v,xr)}var Rc=hd(function(d,v,x){v!=null&&typeof v.toString!="function"&&(v=Vu.call(v)),d[v]=x},Qd(s0)),jd=hd(function(d,v,x){v!=null&&typeof v.toString!="function"&&(v=Vu.call(v)),li.call(d,v)?d[v].push(x):d[v]=[x]},Vn),xp=Ir(Ol);function N0(d){return pl(d)?ja(d):Wa(d)}function dn(d){return pl(d)?ja(d,!0):Va(d)}function zd(d,v){var x={};return v=Vn(v,3),R(d,function(P,q,ee){Gu(x,v(P,q,ee),P)}),x}function Hd(d,v){var x={};return v=Vn(v,3),R(d,function(P,q,ee){Gu(x,q,v(P,q,ee))}),x}var Ac=io(function(d,v,x){ld(d,v,x)}),Oc=io(function(d,v,x,P){ld(d,v,x,P)}),Mc=fl(function(d,v){var x={};if(d==null)return x;var P=!1;v=Lt(v,function(ee){return ee=Ws(ee,d),P||(P=ee.length>1),ee}),M0(d,sr(d),x),P&&(x=j0(x,C|U|H,im));for(var q=v.length;q--;)R2(x,v[q]);return x});function R1(d,v){return ef(d,Ad(Vn(v)))}var Rp=fl(function(d,v){return d==null?{}:dh(d,v)});function ef(d,v){if(d==null)return{};var x=Lt(sr(d),function(P){return[P]});return v=Vn(v),ph(d,x,function(P,q){return v(P,q[0])})}function Pm(d,v,x){v=Ws(v,d);var P=-1,q=v.length;for(q||(q=1,d=i);++P<q;){var ee=d==null?i:d[Ll(v[P])];ee===i&&(P=q,ee=x),d=xa(ee)?ee.call(d):ee}return d}function kc(d,v,x){return d==null?d:Ga(d,v,x)}function qd(d,v,x,P){return P=typeof P=="function"?P:i,d==null?d:Ga(d,v,x,P)}var sv=yd(N0),A1=yd(dn);function Bf(d,v,x){var P=tr(d),q=P||Js(d)||Ra(d);if(v=Vn(v,4),x==null){var ee=d&&d.constructor;q?x=P?new ee:[]:bu(d)?x=xa(ee)?ri(rl(d)):{}:x={}}return(q?nt:R)(d,function(de,_e,Ie){return v(x,de,_e,Ie)}),x}function Uf(d,v){return d==null?!0:R2(d,v)}function O1(d,v,x){return d==null?d:A2(d,v,Qc(x))}function Ul(d,v,x,P){return P=typeof P=="function"?P:i,d==null?d:A2(d,v,Qc(x),P)}function Nc(d){return d==null?[]:Fo(d,N0(d))}function jf(d){return d==null?[]:Fo(d,dn(d))}function Im(d,v,x){return x===i&&(x=v,v=i),x!==i&&(x=hl(x),x=x===x?x:0),v!==i&&(v=hl(v),v=v===v?v:0),r0(hl(d),v,x)}function ml(d,v,x){return v=Aa(v),x===i?(x=v,v=0):x=Aa(x),d=hl(d),i0(d,v,x)}function Wd(d,v,x){if(x&&typeof x!="boolean"&&oo(d,v,x)&&(v=x=i),x===i&&(typeof v=="boolean"?(x=v,v=i):typeof d=="boolean"&&(x=d,d=i)),d===i&&v===i?(d=0,v=1):(d=Aa(d),v===i?(v=d,d=0):v=Aa(v)),d>v){var P=d;d=v,v=P}if(x||d%1||v%1){var q=E0();return Kn(d+q*(v-d+ba("1e-"+((q+"").length-1))),v)}return ad(d,v)}var Vd=Cf(function(d,v,x){return v=v.toLowerCase(),d+(x?qo(v):v)});function qo(d){return Mp(Ui(d).toLowerCase())}function Gd(d){return d=Ui(d),d&&d.replace($n,Po).replace(Q0,"")}function bm(d,v,x){d=Ui(d),v=sl(v);var P=d.length;x=x===i?P:r0(Mr(x),0,P);var q=x;return x-=v.length,x>=0&&d.slice(x,q)==v}function M1(d){return d=Ui(d),d&&Ps.test(d)?d.replace(su,ys):d}function Bm(d){return d=Ui(d),d&&en.test(d)?d.replace(yi,"\\$&"):d}var Um=Cf(function(d,v,x){return d+(x?"-":"")+v.toLowerCase()}),av=Cf(function(d,v,x){return d+(x?" ":"")+v.toLowerCase()}),jm=_h("toLowerCase");function fv(d,v,x){d=Ui(d),v=Mr(v);var P=v?tu(d):0;if(!v||P>=v)return d;var q=(v-P)/2;return ga(Es(q),x)+d+ga($u(q),x)}function zm(d,v,x){d=Ui(d),v=Mr(v);var P=v?tu(d):0;return v&&P<v?d+ga(v-P,x):d}function Hm(d,v,x){d=Ui(d),v=Mr(v);var P=v?tu(d):0;return v&&P<v?ga(v-P,x)+d:d}function qm(d,v,x){return x||v==null?v=0:v&&(v=+v),_0(Ui(d).replace(bn,""),v||0)}function cv(d,v,x){return(x?oo(d,v,x):v===i)?v=1:v=Mr(v),Gc(Ui(d),v)}function Wm(){var d=arguments,v=Ui(d[0]);return d.length<3?v:v.replace(d[1],d[2])}var Ap=Cf(function(d,v,x){return d+(x?"_":"")+v.toLowerCase()});function Vm(d,v,x){return x&&typeof x!="number"&&oo(d,v,x)&&(v=x=i),x=x===i?fe:x>>>0,x?(d=Ui(d),d&&(typeof v=="string"||v!=null&&!D1(v))&&(v=sl(v),!v&&bo(d))?va(ei(d),0,x):d.split(v,x)):[]}var zf=Cf(function(d,v,x){return d+(x?" ":"")+Mp(v)});function dv(d,v,x){return d=Ui(d),x=x==null?0:r0(Mr(x),0,d.length),v=sl(v),d.slice(x,x+v.length)==v}function pv(d,v,x){var P=Y.templateSettings;x&&oo(d,v,x)&&(v=i),d=Ui(d),v=So({},v,P,Rf);var q=So({},v.imports,P.imports,Rf),ee=N0(q),de=Fo(q,ee),_e,Ie,Et=0,St=v.interpolate||el,At="__p += '",on=yu((v.escape||el).source+"|"+St.source+"|"+(St===p0?Xl:el).source+"|"+(v.evaluate||el).source+"|$","g"),kn="//# sourceURL="+(li.call(v,"sourceURL")?(v.sourceURL+"").replace(/\s/g," "):"lodash.templateSources["+ ++ac+"]")+`
-`;d.replace(on,function(ar,ui,di,jl,Zi,lo){return di||(di=jl),At+=d.slice(Et,lo).replace(ao,js),ui&&(_e=!0,At+=`' +
-__e(`+ui+`) +
-'`),Zi&&(Ie=!0,At+=`';
-`+Zi+`;
-__p += '`),di&&(At+=`' +
-((__t = (`+di+`)) == null ? '' : __t) +
-'`),Et=lo+ar.length,ar}),At+=`';
-`;var rr=li.call(v,"variable")&&v.variable;if(!rr)At=`with (obj) {
-`+At+`
-}
-`;else if(X0.test(rr))throw new Kt(t);At=(Ie?At.replace(Xr,""):At).replace(Ao,"$1").replace(Oo,"$1;"),At="function("+(rr||"obj")+`) {
-`+(rr?"":`obj || (obj = {});
-`)+"var __t, __p = ''"+(_e?", __e = _.escape":"")+(Ie?`, __j = Array.prototype.join;
-function print() { __p += __j.call(arguments, '') }
-`:`;
-`)+At+`return __p
-}`;var br=_v(function(){return pr(ee,kn+"return "+At).apply(i,de)});if(br.source=At,gp(br))throw br;return br}function hv(d){return Ui(d).toLowerCase()}function Yd(d){return Ui(d).toUpperCase()}function Kd(d,v,x){if(d=Ui(d),d&&(x||v===i))return Lu(d);if(!d||!(v=sl(v)))return d;var P=ei(d),q=ei(v),ee=hf(P,q),de=Sl(P,q)+1;return va(P,ee,de).join("")}function Op(d,v,x){if(d=Ui(d),d&&(x||v===i))return d.slice(0,po(d)+1);if(!d||!(v=sl(v)))return d;var P=ei(d),q=Sl(P,ei(v))+1;return va(P,0,q).join("")}function vv(d,v,x){if(d=Ui(d),d&&(x||v===i))return d.replace(bn,"");if(!d||!(v=sl(v)))return d;var P=ei(d),q=hf(P,ei(v));return va(P,q).join("")}function Xd(d,v){var x=je,P=qe;if(bu(v)){var q="separator"in v?v.separator:q;x="length"in v?Mr(v.length):x,P="omission"in v?sl(v.omission):P}d=Ui(d);var ee=d.length;if(bo(d)){var de=ei(d);ee=de.length}if(x>=ee)return d;var _e=x-tu(P);if(_e<1)return P;var Ie=de?va(de,0,_e).join(""):d.slice(0,_e);if(q===i)return Ie+P;if(de&&(_e+=Ie.length-_e),D1(q)){if(d.slice(_e).search(q)){var Et,St=Ie;for(q.global||(q=yu(q.source,Ui(Mo.exec(q))+"g")),q.lastIndex=0;Et=q.exec(St);)var At=Et.index;Ie=Ie.slice(0,At===i?_e:At)}}else if(d.indexOf(sl(q),_e)!=_e){var on=Ie.lastIndexOf(q);on>-1&&(Ie=Ie.slice(0,on))}return Ie+P}function mv(d){return d=Ui(d),d&&ki.test(d)?d.replace(F0,Bi):d}var yv=Cf(function(d,v,x){return d+(x?" ":"")+v.toUpperCase()}),Mp=_h("toUpperCase");function gv(d,v,x){return d=Ui(d),v=x?i:v,v===i?gs(d)?yf(d):g0(d):d.match(v)||[]}var _v=Ir(function(d,v){try{return ue(d,i,v)}catch(x){return gp(x)?x:new Kt(x)}}),Gm=fl(function(d,v){return nt(v,function(x){x=Ll(x),Gu(d,x,E1(d[x],d))}),d});function Ev(d){var v=d==null?0:d.length,x=Vn();return d=v?Lt(d,function(P){if(typeof P[1]!="function")throw new ti(_);return[x(P[0]),P[1]]}):[],Ir(function(P){for(var q=-1;++q<v;){var ee=d[q];if(ue(ee[0],this,P))return ue(ee[1],this,P)}})}function Ym(d){return Df(j0(d,C))}function Qd(d){return function(){return d}}function Dv(d,v){return d==null||d!==d?v:d}var kp=e1(),Km=e1(!0);function s0(d){return d}function Np(d){return Cu(typeof d=="function"?d:j0(d,C))}function Xm(d){return S2(j0(d,C))}function Qm(d,v){return wf(d,j0(v,C))}var Lp=Ir(function(d,v){return function(x){return Ol(x,d,v)}}),tf=Ir(function(d,v){return function(x){return Ol(d,x,v)}});function Fp(d,v,x){var P=N0(v),q=b(v,P);x==null&&!(bu(v)&&(q.length||!P.length))&&(x=v,v=d,d=this,q=b(v,N0(v)));var ee=!(bu(x)&&"chain"in x)||!!x.chain,de=xa(d);return nt(q,function(_e){var Ie=v[_e];d[_e]=Ie,de&&(d.prototype[_e]=function(){var Et=this.__chain__;if(ee||Et){var St=d(this.__wrapped__),At=St.__actions__=iu(this.__actions__);return At.push({func:Ie,args:arguments,thisArg:d}),St.__chain__=Et,St}return Ie.apply(d,Dn([this.value()],arguments))})}),d}function Pp(){return ji._===this&&(ji._=Xi),this}function Ip(){}function Jm(d){return d=Mr(d),Ir(function(v){return Vc(v,d)})}var Zm=Fr(Lt),wv=Fr(Mt),Hf=Fr(Cr);function bp(d){return Ji(d)?fn(Ll(d)):go(d)}function Sv(d){return function(v){return d==null?i:J(d,v)}}var $m=t1(),ey=t1(!0);function Bp(){return[]}function Up(){return!1}function ty(){return{}}function ny(){return""}function Tv(){return!0}function jp(d,v){if(d=Mr(d),d<1||d>Jt)return[];var x=fe,P=Kn(d,fe);v=Vn(v),d-=fe;for(var q=T0(P,v);++x<d;)v(x);return q}function zp(d){return tr(d)?Lt(d,Ll):bl(d)?[d]:iu(l1(Ui(d)))}function Jd(d){var v=++Tl;return Ui(d)+v}var ry=vd(function(d,v){return d+v},0),k1=L2("ceil"),iy=vd(function(d,v){return d/v},1),Cv=L2("floor");function xv(d){return d&&d.length?pa(d,s0,xt):i}function uy(d,v){return d&&d.length?pa(d,Vn(v,2),xt):i}function qf(d){return un(d,s0)}function Hp(d,v){return un(d,Vn(v,2))}function Rv(d){return d&&d.length?pa(d,s0,od):i}function oy(d,v){return d&&d.length?pa(d,Vn(v,2),od):i}var ly=vd(function(d,v){return d*v},1),qp=L2("round"),sy=vd(function(d,v){return d-v},0);function Zs(d){return d&&d.length?Nu(d,s0):0}function ay(d,v){return d&&d.length?Nu(d,Vn(v,2)):0}return Y.after=sp,Y.ary=Yh,Y.assign=Sp,Y.assignIn=bd,Y.assignInWith=So,Y.assignWith=As,Y.at=bf,Y.before=xd,Y.bind=E1,Y.bindAll=Gm,Y.bindKey=Kh,Y.castArray=$h,Y.chain=Bh,Y.chunk=b2,Y.compact=Sh,Y.concat=wd,Y.cond=Ev,Y.conforms=Ym,Y.constant=Qd,Y.countBy=Td,Y.create=Bd,Y.curry=ap,Y.curryRight=Xh,Y.debounce=fp,Y.defaults=Tp,Y.defaultsDeep=T1,Y.defer=Qh,Y.delay=Jh,Y.difference=Th,Y.differenceBy=Fl,Y.differenceWith=us,Y.drop=xs,Y.dropRight=Gs,Y.dropRightWhile=B2,Y.dropWhile=Ch,Y.fill=U2,Y.filter=ep,Y.flatMap=Hh,Y.flatMapDeep=np,Y.flatMapDepth=qh,Y.flatten=a1,Y.flattenDeep=xh,Y.flattenDepth=z2,Y.flip=cp,Y.flow=kp,Y.flowRight=Km,Y.fromPairs=H2,Y.functions=k0,Y.functionsIn=Ud,Y.groupBy=vm,Y.initial=Rh,Y.intersection=du,Y.intersectionBy=f1,Y.intersectionWith=Ah,Y.invert=Rc,Y.invertBy=jd,Y.invokeMap=ym,Y.iteratee=Np,Y.keyBy=Vh,Y.keys=N0,Y.keysIn=dn,Y.map=g1,Y.mapKeys=zd,Y.mapValues=Hd,Y.matches=Xm,Y.matchesProperty=Qm,Y.memoize=Rd,Y.merge=Ac,Y.mergeWith=Oc,Y.method=Lp,Y.methodOf=tf,Y.mixin=Fp,Y.negate=Ad,Y.nthArg=Jm,Y.omit=Mc,Y.omitBy=R1,Y.once=H0,Y.orderBy=gm,Y.over=Zm,Y.overArgs=Od,Y.overEvery=wv,Y.overSome=Hf,Y.partial=Ca,Y.partialRight=$a,Y.partition=ip,Y.pick=Rp,Y.pickBy=ef,Y.property=bp,Y.propertyOf=Sv,Y.pull=Mh,Y.pullAll=d1,Y.pullAllBy=Il,Y.pullAllWith=Za,Y.pullAt=Da,Y.range=$m,Y.rangeRight=ey,Y.rearg=Md,Y.reject=Em,Y.remove=W2,Y.rest=kd,Y.reverse=V2,Y.sampleSize=Dm,Y.set=kc,Y.setWith=qd,Y.shuffle=wm,Y.slice=lm,Y.sortBy=Ta,Y.sortedUniq=Lh,Y.sortedUniqBy=fm,Y.split=Vm,Y.spread=dp,Y.tail=K2,Y.take=p1,Y.takeRight=h1,Y.takeRightWhile=v1,Y.takeWhile=wa,Y.tap=Uh,Y.throttle=Nd,Y.thru=y1,Y.toArray=lv,Y.toPairs=sv,Y.toPairsIn=A1,Y.toPath=zp,Y.toPlainObject=gu,Y.transform=Bf,Y.unary=Zh,Y.union=X2,Y.unionBy=Ys,Y.unionWith=Ks,Y.uniq=Xs,Y.uniqBy=Q2,Y.uniqWith=Sa,Y.unset=Uf,Y.unzip=m1,Y.unzipWith=Sd,Y.update=O1,Y.updateWith=Ul,Y.values=Nc,Y.valuesIn=jf,Y.without=Sc,Y.words=gv,Y.wrap=Sm,Y.xor=J2,Y.xorBy=Do,Y.xorWith=Fh,Y.zip=Ph,Y.zipObject=Ih,Y.zipObjectDeep=bh,Y.zipWith=cm,Y.entries=sv,Y.entriesIn=A1,Y.extend=bd,Y.extendWith=So,Fp(Y,Y),Y.add=ry,Y.attempt=_v,Y.camelCase=Vd,Y.capitalize=qo,Y.ceil=k1,Y.clamp=Im,Y.clone=pp,Y.cloneDeep=vp,Y.cloneDeepWith=Tm,Y.cloneWith=hp,Y.conformsTo=Cm,Y.deburr=Gd,Y.defaultTo=Dv,Y.divide=iy,Y.endsWith=bm,Y.eq=wo,Y.escape=M1,Y.escapeRegExp=Bm,Y.every=hm,Y.find=Cd,Y.findIndex=j2,Y.findKey=C1,Y.findLast=tp,Y.findLastIndex=s1,Y.findLastKey=Cp,Y.floor=Cv,Y.forEach=Wh,Y.forEachRight=rp,Y.forIn=nr,Y.forInRight=vl,Y.forOwn=Gn,Y.forOwnRight=q0,Y.get=Bl,Y.gt=Ld,Y.gte=xm,Y.has=x1,Y.hasIn=xc,Y.head=Rs,Y.identity=s0,Y.includes=mm,Y.indexOf=Ja,Y.inRange=ml,Y.invoke=xp,Y.isArguments=dl,Y.isArray=tr,Y.isArrayBuffer=Qs,Y.isArrayLike=pl,Y.isArrayLikeObject=l0,Y.isBoolean=ev,Y.isBuffer=Js,Y.isDate=mp,Y.isElement=Rm,Y.isEmpty=tv,Y.isEqual=yp,Y.isEqualWith=Am,Y.isError=gp,Y.isFinite=Tc,Y.isFunction=xa,Y.isInteger=_p,Y.isLength=Fd,Y.isMap=Ep,Y.isMatch=Dp,Y.isMatchWith=nv,Y.isNaN=Om,Y.isNative=Mm,Y.isNil=Pd,Y.isNull=km,Y.isNumber=rv,Y.isObject=bu,Y.isObjectLike=Yu,Y.isPlainObject=Cc,Y.isRegExp=D1,Y.isSafeInteger=Nm,Y.isSet=Id,Y.isString=w1,Y.isSymbol=bl,Y.isTypedArray=Ra,Y.isUndefined=iv,Y.isWeakMap=Lm,Y.isWeakSet=uv,Y.join=c1,Y.kebabCase=Um,Y.last=Pl,Y.lastIndexOf=Oh,Y.lowerCase=av,Y.lowerFirst=jm,Y.lt=ov,Y.lte=Fm,Y.max=xv,Y.maxBy=uy,Y.mean=qf,Y.meanBy=Hp,Y.min=Rv,Y.minBy=oy,Y.stubArray=Bp,Y.stubFalse=Up,Y.stubObject=ty,Y.stubString=ny,Y.stubTrue=Tv,Y.multiply=ly,Y.nth=q2,Y.noConflict=Pp,Y.noop=Ip,Y.now=_1,Y.pad=fv,Y.padEnd=zm,Y.padStart=Hm,Y.parseInt=qm,Y.random=Wd,Y.reduce=up,Y.reduceRight=_m,Y.repeat=cv,Y.replace=Wm,Y.result=Pm,Y.round=qp,Y.runInContext=Ce,Y.sample=Gh,Y.size=op,Y.snakeCase=Ap,Y.some=lp,Y.sortedIndex=G2,Y.sortedIndexBy=kh,Y.sortedIndexOf=Nh,Y.sortedLastIndex=Y2,Y.sortedLastIndexBy=sm,Y.sortedLastIndexOf=am,Y.startCase=zf,Y.startsWith=dv,Y.subtract=sy,Y.sum=Zs,Y.sumBy=ay,Y.template=pv,Y.times=jp,Y.toFinite=Aa,Y.toInteger=Mr,Y.toLength=wp,Y.toLower=hv,Y.toNumber=hl,Y.toSafeInteger=S1,Y.toString=Ui,Y.toUpper=Yd,Y.trim=Kd,Y.trimEnd=Op,Y.trimStart=vv,Y.truncate=Xd,Y.unescape=mv,Y.uniqueId=Jd,Y.upperCase=yv,Y.upperFirst=Mp,Y.each=Wh,Y.eachRight=rp,Y.first=Rs,Fp(Y,function(){var d={};return R(Y,function(v,x){li.call(Y.prototype,x)||(d[x]=v)}),d}(),{chain:!1}),Y.VERSION=o,nt(["bind","bindKey","curry","curryRight","partial","partialRight"],function(d){Y[d].placeholder=Y}),nt(["drop","take"],function(d,v){at.prototype[d]=function(x){x=x===i?1:ni(Mr(x),0);var P=this.__filtered__&&!v?new at(this):this.clone();return P.__filtered__?P.__takeCount__=Kn(x,P.__takeCount__):P.__views__.push({size:Kn(x,fe),type:d+(P.__dir__<0?"Right":"")}),P},at.prototype[d+"Right"]=function(x){return this.reverse()[d](x).reverse()}}),nt(["filter","map","takeWhile"],function(d,v){var x=v+1,P=x==Xe||x==We;at.prototype[d]=function(q){var ee=this.clone();return ee.__iteratees__.push({iteratee:Vn(q,3),type:x}),ee.__filtered__=ee.__filtered__||P,ee}}),nt(["head","last"],function(d,v){var x="take"+(v?"Right":"");at.prototype[d]=function(){return this[x](1).value()[0]}}),nt(["initial","tail"],function(d,v){var x="drop"+(v?"":"Right");at.prototype[d]=function(){return this.__filtered__?new at(this):this[x](1)}}),at.prototype.compact=function(){return this.filter(s0)},at.prototype.find=function(d){return this.filter(d).head()},at.prototype.findLast=function(d){return this.reverse().find(d)},at.prototype.invokeMap=Ir(function(d,v){return typeof d=="function"?new at(this):this.map(function(x){return Ol(x,d,v)})}),at.prototype.reject=function(d){return this.filter(Ad(Vn(d)))},at.prototype.slice=function(d,v){d=Mr(d);var x=this;return x.__filtered__&&(d>0||v<0)?new at(x):(d<0?x=x.takeRight(-d):d&&(x=x.drop(d)),v!==i&&(v=Mr(v),x=v<0?x.dropRight(-v):x.take(v-d)),x)},at.prototype.takeRightWhile=function(d){return this.reverse().takeWhile(d).reverse()},at.prototype.toArray=function(){return this.take(fe)},R(at.prototype,function(d,v){var x=/^(?:filter|find|map|reject)|While$/.test(v),P=/^(?:head|last)$/.test(v),q=Y[P?"take"+(v=="last"?"Right":""):v],ee=P||/^find/.test(v);!q||(Y.prototype[v]=function(){var de=this.__wrapped__,_e=P?[1]:arguments,Ie=de instanceof at,Et=_e[0],St=Ie||tr(de),At=function(ui){var di=q.apply(Y,Dn([ui],_e));return P&&on?di[0]:di};St&&x&&typeof Et=="function"&&Et.length!=1&&(Ie=St=!1);var on=this.__chain__,kn=!!this.__actions__.length,rr=ee&&!on,br=Ie&&!kn;if(!ee&&St){de=br?de:new at(this);var ar=d.apply(de,_e);return ar.__actions__.push({func:y1,args:[At],thisArg:i}),new Vr(ar,on)}return rr&&br?d.apply(this,_e):(ar=this.thru(At),rr?P?ar.value()[0]:ar.value():ar)})}),nt(["pop","push","shift","sort","splice","unshift"],function(d){var v=Jr[d],x=/^(?:push|sort|unshift)$/.test(d)?"tap":"thru",P=/^(?:pop|shift)$/.test(d);Y.prototype[d]=function(){var q=arguments;if(P&&!this.__chain__){var ee=this.value();return v.apply(tr(ee)?ee:[],q)}return this[x](function(de){return v.apply(tr(de)?de:[],q)})}}),R(at.prototype,function(d,v){var x=Y[v];if(x){var P=x.name+"";li.call(On,P)||(On[P]=[]),On[P].push({name:v,func:x})}}),On[ya(i,he).name]=[{name:"wrapper",func:i}],at.prototype.clone=Di,at.prototype.reverse=ru,at.prototype.value=D0,Y.prototype.at=Z2,Y.prototype.chain=jh,Y.prototype.commit=$2,Y.prototype.next=zh,Y.prototype.plant=pm,Y.prototype.reverse=Pf,Y.prototype.toJSON=Y.prototype.valueOf=Y.prototype.value=If,Y.prototype.first=Y.prototype.head,Pu&&(Y.prototype[Pu]=dm),Y},eo=$0();typeof define=="function"&&typeof define.amd=="object"&&define.amd?(ji._=eo,define(function(){return eo})):z?((z.exports=eo)._=eo,B._=eo):ji._=eo}).call(zv)});var QE=tt((lH,XE)=>{"use strict";var Pi=XE.exports;XE.exports.default=Pi;var Du="[",Ly="]",Hv="\x07",w_=";",$8=process.env.TERM_PROGRAM==="Apple_Terminal";Pi.cursorTo=(i,o)=>{if(typeof i!="number")throw new TypeError("The `x` argument is required");return typeof o!="number"?Du+(i+1)+"G":Du+(o+1)+";"+(i+1)+"H"};Pi.cursorMove=(i,o)=>{if(typeof i!="number")throw new TypeError("The `x` argument is required");let a="";return i<0?a+=Du+-i+"D":i>0&&(a+=Du+i+"C"),o<0?a+=Du+-o+"A":o>0&&(a+=Du+o+"B"),a};Pi.cursorUp=(i=1)=>Du+i+"A";Pi.cursorDown=(i=1)=>Du+i+"B";Pi.cursorForward=(i=1)=>Du+i+"C";Pi.cursorBackward=(i=1)=>Du+i+"D";Pi.cursorLeft=Du+"G";Pi.cursorSavePosition=$8?"7":Du+"s";Pi.cursorRestorePosition=$8?"8":Du+"u";Pi.cursorGetPosition=Du+"6n";Pi.cursorNextLine=Du+"E";Pi.cursorPrevLine=Du+"F";Pi.cursorHide=Du+"?25l";Pi.cursorShow=Du+"?25h";Pi.eraseLines=i=>{let o="";for(let a=0;a<i;a++)o+=Pi.eraseLine+(a<i-1?Pi.cursorUp():"");return i&&(o+=Pi.cursorLeft),o};Pi.eraseEndLine=Du+"K";Pi.eraseStartLine=Du+"1K";Pi.eraseLine=Du+"2K";Pi.eraseDown=Du+"J";Pi.eraseUp=Du+"1J";Pi.eraseScreen=Du+"2J";Pi.scrollUp=Du+"S";Pi.scrollDown=Du+"T";Pi.clearScreen="c";Pi.clearTerminal=process.platform==="win32"?`${Pi.eraseScreen}${Du}0f`:`${Pi.eraseScreen}${Du}3J${Du}H`;Pi.beep=Hv;Pi.link=(i,o)=>[Ly,"8",w_,w_,o,Hv,i,Ly,"8",w_,w_,Hv].join("");Pi.image=(i,o={})=>{let a=`${Ly}1337;File=inline=1`;return o.width&&(a+=`;width=${o.width}`),o.height&&(a+=`;height=${o.height}`),o.preserveAspectRatio===!1&&(a+=";preserveAspectRatio=0"),a+":"+i.toString("base64")+Hv};Pi.iTerm={setCwd:(i=process.cwd())=>`${Ly}50;CurrentDir=${i}${Hv}`,annotation:(i,o={})=>{let a=`${Ly}1337;`,p=typeof o.x!="undefined",_=typeof o.y!="undefined";if((p||_)&&!(p&&_&&typeof o.length!="undefined"))throw new Error("`x`, `y` and `length` must be defined when `x` or `y` is defined");return i=i.replace(/\|/g,""),a+=o.isHidden?"AddHiddenAnnotation=":"AddAnnotation=",o.length>0?a+=(p?[i,o.length,o.x,o.y]:[o.length,i]).join("|"):a+=i,a+Hv}}});var tS=tt((sH,JE)=>{"use strict";var eS=(i,o)=>{for(let a of Reflect.ownKeys(o))Object.defineProperty(i,a,Object.getOwnPropertyDescriptor(o,a));return i};JE.exports=eS;JE.exports.default=eS});var rS=tt((aH,S_)=>{"use strict";var vP=tS(),T_=new WeakMap,nS=(i,o={})=>{if(typeof i!="function")throw new TypeError("Expected a function");let a,p=0,_=i.displayName||i.name||"<anonymous>",t=function(...k){if(T_.set(t,++p),p===1)a=i.apply(this,k),i=null;else if(o.throw===!0)throw new Error(`Function \`${_}\` can only be called once`);return a};return vP(t,i),T_.set(t,p),t};S_.exports=nS;S_.exports.default=nS;S_.exports.callCount=i=>{if(!T_.has(i))throw new Error(`The given function \`${i.name}\` is not wrapped by the \`onetime\` package`);return T_.get(i)}});var iS=tt((fH,C_)=>{C_.exports=["SIGABRT","SIGALRM","SIGHUP","SIGINT","SIGTERM"];process.platform!=="win32"&&C_.exports.push("SIGVTALRM","SIGXCPU","SIGXFSZ","SIGUSR2","SIGTRAP","SIGSYS","SIGQUIT","SIGIOT");process.platform==="linux"&&C_.exports.push("SIGIO","SIGPOLL","SIGPWR","SIGSTKFLT","SIGUNUSED")});var tD=tt((cH,Fy)=>{var mP=require("assert"),Py=iS(),yP=/^win/i.test(process.platform),x_=require("events");typeof x_!="function"&&(x_=x_.EventEmitter);var Gl;process.__signal_exit_emitter__?Gl=process.__signal_exit_emitter__:(Gl=process.__signal_exit_emitter__=new x_,Gl.count=0,Gl.emitted={});Gl.infinite||(Gl.setMaxListeners(Infinity),Gl.infinite=!0);Fy.exports=function(i,o){mP.equal(typeof i,"function","a callback must be provided for exit handler"),Iy===!1&&uS();var a="exit";o&&o.alwaysLast&&(a="afterexit");var p=function(){Gl.removeListener(a,i),Gl.listeners("exit").length===0&&Gl.listeners("afterexit").length===0&&ZE()};return Gl.on(a,i),p};Fy.exports.unload=ZE;function ZE(){!Iy||(Iy=!1,Py.forEach(function(i){try{process.removeListener(i,$E[i])}catch(o){}}),process.emit=eD,process.reallyExit=oS,Gl.count-=1)}function qv(i,o,a){Gl.emitted[i]||(Gl.emitted[i]=!0,Gl.emit(i,o,a))}var $E={};Py.forEach(function(i){$E[i]=function(){var a=process.listeners(i);a.length===Gl.count&&(ZE(),qv("exit",null,i),qv("afterexit",null,i),yP&&i==="SIGHUP"&&(i="SIGINT"),process.kill(process.pid,i))}});Fy.exports.signals=function(){return Py};Fy.exports.load=uS;var Iy=!1;function uS(){Iy||(Iy=!0,Gl.count+=1,Py=Py.filter(function(i){try{return process.on(i,$E[i]),!0}catch(o){return!1}}),process.emit=_P,process.reallyExit=gP)}var oS=process.reallyExit;function gP(i){process.exitCode=i||0,qv("exit",process.exitCode,null),qv("afterexit",process.exitCode,null),oS.call(process,process.exitCode)}var eD=process.emit;function _P(i,o){if(i==="exit"){o!==void 0&&(process.exitCode=o);var a=eD.apply(this,arguments);return qv("exit",process.exitCode,null),qv("afterexit",process.exitCode,null),a}else return eD.apply(this,arguments)}});var sS=tt((dH,lS)=>{"use strict";var EP=rS(),DP=tD();lS.exports=EP(()=>{DP(()=>{process.stderr.write("[?25h")},{alwaysLast:!0})})});var nD=tt(Wv=>{"use strict";var wP=sS(),R_=!1;Wv.show=(i=process.stderr)=>{!i.isTTY||(R_=!1,i.write("[?25h"))};Wv.hide=(i=process.stderr)=>{!i.isTTY||(wP(),R_=!0,i.write("[?25l"))};Wv.toggle=(i,o)=>{i!==void 0&&(R_=i),R_?Wv.show(o):Wv.hide(o)}});var dS=tt(by=>{"use strict";var aS=by&&by.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(by,"__esModule",{value:!0});var fS=aS(QE()),cS=aS(nD()),SP=(i,{showCursor:o=!1}={})=>{let a=0,p="",_=!1,t=k=>{!o&&!_&&(cS.default.hide(),_=!0);let L=k+`
-`;L!==p&&(p=L,i.write(fS.default.eraseLines(a)+L),a=L.split(`
-`).length)};return t.clear=()=>{i.write(fS.default.eraseLines(a)),p="",a=0},t.done=()=>{p="",a=0,o||(cS.default.show(),_=!1)},t};by.default={create:SP}});var hS=tt((vH,pS)=>{pS.exports=[{name:"AppVeyor",constant:"APPVEYOR",env:"APPVEYOR",pr:"APPVEYOR_PULL_REQUEST_NUMBER"},{name:"Azure Pipelines",constant:"AZURE_PIPELINES",env:"SYSTEM_TEAMFOUNDATIONCOLLECTIONURI",pr:"SYSTEM_PULLREQUEST_PULLREQUESTID"},{name:"Bamboo",constant:"BAMBOO",env:"bamboo_planKey"},{name:"Bitbucket Pipelines",constant:"BITBUCKET",env:"BITBUCKET_COMMIT",pr:"BITBUCKET_PR_ID"},{name:"Bitrise",constant:"BITRISE",env:"BITRISE_IO",pr:"BITRISE_PULL_REQUEST"},{name:"Buddy",constant:"BUDDY",env:"BUDDY_WORKSPACE_ID",pr:"BUDDY_EXECUTION_PULL_REQUEST_ID"},{name:"Buildkite",constant:"BUILDKITE",env:"BUILDKITE",pr:{env:"BUILDKITE_PULL_REQUEST",ne:"false"}},{name:"CircleCI",constant:"CIRCLE",env:"CIRCLECI",pr:"CIRCLE_PULL_REQUEST"},{name:"Cirrus CI",constant:"CIRRUS",env:"CIRRUS_CI",pr:"CIRRUS_PR"},{name:"AWS CodeBuild",constant:"CODEBUILD",env:"CODEBUILD_BUILD_ARN"},{name:"Codeship",constant:"CODESHIP",env:{CI_NAME:"codeship"}},{name:"Drone",constant:"DRONE",env:"DRONE",pr:{DRONE_BUILD_EVENT:"pull_request"}},{name:"dsari",constant:"DSARI",env:"DSARI"},{name:"GitLab CI",constant:"GITLAB",env:"GITLAB_CI"},{name:"GoCD",constant:"GOCD",env:"GO_PIPELINE_LABEL"},{name:"Hudson",constant:"HUDSON",env:"HUDSON_URL"},{name:"Jenkins",constant:"JENKINS",env:["JENKINS_URL","BUILD_ID"],pr:{any:["ghprbPullId","CHANGE_ID"]}},{name:"Magnum CI",constant:"MAGNUM",env:"MAGNUM"},{name:"Netlify CI",constant:"NETLIFY",env:"NETLIFY_BUILD_BASE",pr:{env:"PULL_REQUEST",ne:"false"}},{name:"Sail CI",constant:"SAIL",env:"SAILCI",pr:"SAIL_PULL_REQUEST_NUMBER"},{name:"Semaphore",constant:"SEMAPHORE",env:"SEMAPHORE",pr:"PULL_REQUEST_NUMBER"},{name:"Shippable",constant:"SHIPPABLE",env:"SHIPPABLE",pr:{IS_PULL_REQUEST:"true"}},{name:"Solano CI",constant:"SOLANO",env:"TDDIUM",pr:"TDDIUM_PR_ID"},{name:"Strider CD",constant:"STRIDER",env:"STRIDER"},{name:"TaskCluster",constant:"TASKCLUSTER",env:["TASK_ID","RUN_ID"]},{name:"TeamCity",constant:"TEAMCITY",env:"TEAMCITY_VERSION"},{name:"Travis CI",constant:"TRAVIS",env:"TRAVIS",pr:{env:"TRAVIS_PULL_REQUEST",ne:"false"}}]});var yS=tt(Fa=>{"use strict";var vS=hS(),Uc=process.env;Object.defineProperty(Fa,"_vendors",{value:vS.map(function(i){return i.constant})});Fa.name=null;Fa.isPR=null;vS.forEach(function(i){var o=Array.isArray(i.env)?i.env:[i.env],a=o.every(function(p){return mS(p)});if(Fa[i.constant]=a,a)switch(Fa.name=i.name,typeof i.pr){case"string":Fa.isPR=!!Uc[i.pr];break;case"object":"env"in i.pr?Fa.isPR=i.pr.env in Uc&&Uc[i.pr.env]!==i.pr.ne:"any"in i.pr?Fa.isPR=i.pr.any.some(function(p){return!!Uc[p]}):Fa.isPR=mS(i.pr);break;default:Fa.isPR=null}});Fa.isCI=!!(Uc.CI||Uc.CONTINUOUS_INTEGRATION||Uc.BUILD_NUMBER||Uc.RUN_ID||Fa.name);function mS(i){return typeof i=="string"?!!Uc[i]:Object.keys(i).every(function(o){return Uc[o]===i[o]})}});var _S=tt((yH,gS)=>{"use strict";gS.exports=yS().isCI});var DS=tt((gH,ES)=>{"use strict";var TP=i=>{let o=new Set;do for(let a of Reflect.ownKeys(i))o.add([i,a]);while((i=Reflect.getPrototypeOf(i))&&i!==Object.prototype);return o};ES.exports=(i,{include:o,exclude:a}={})=>{let p=_=>{let t=k=>typeof k=="string"?_===k:k.test(_);return o?o.some(t):a?!a.some(t):!0};for(let[_,t]of TP(i.constructor.prototype)){if(t==="constructor"||!p(t))continue;let k=Reflect.getOwnPropertyDescriptor(_,t);k&&typeof k.value=="function"&&(i[t]=i[t].bind(i))}return i}});var AS=tt(ou=>{"use strict";Object.defineProperty(ou,"__esModule",{value:!0});var Vv,By,A_,O_,rD;typeof window=="undefined"||typeof MessageChannel!="function"?(Gv=null,iD=null,uD=function(){if(Gv!==null)try{var i=ou.unstable_now();Gv(!0,i),Gv=null}catch(o){throw setTimeout(uD,0),o}},wS=Date.now(),ou.unstable_now=function(){return Date.now()-wS},Vv=function(i){Gv!==null?setTimeout(Vv,0,i):(Gv=i,setTimeout(uD,0))},By=function(i,o){iD=setTimeout(i,o)},A_=function(){clearTimeout(iD)},O_=function(){return!1},rD=ou.unstable_forceFrameRate=function(){}):(M_=window.performance,oD=window.Date,SS=window.setTimeout,TS=window.clearTimeout,typeof console!="undefined"&&(CS=window.cancelAnimationFrame,typeof window.requestAnimationFrame!="function"&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),typeof CS!="function"&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills")),typeof M_=="object"&&typeof M_.now=="function"?ou.unstable_now=function(){return M_.now()}:(xS=oD.now(),ou.unstable_now=function(){return oD.now()-xS}),Uy=!1,jy=null,k_=-1,lD=5,sD=0,O_=function(){return ou.unstable_now()>=sD},rD=function(){},ou.unstable_forceFrameRate=function(i){0>i||125<i?console.error("forceFrameRate takes a positive int between 0 and 125, forcing framerates higher than 125 fps is not unsupported"):lD=0<i?Math.floor(1e3/i):5},aD=new MessageChannel,N_=aD.port2,aD.port1.onmessage=function(){if(jy!==null){var i=ou.unstable_now();sD=i+lD;try{jy(!0,i)?N_.postMessage(null):(Uy=!1,jy=null)}catch(o){throw N_.postMessage(null),o}}else Uy=!1},Vv=function(i){jy=i,Uy||(Uy=!0,N_.postMessage(null))},By=function(i,o){k_=SS(function(){i(ou.unstable_now())},o)},A_=function(){TS(k_),k_=-1});var Gv,iD,uD,wS,M_,oD,SS,TS,CS,xS,Uy,jy,k_,lD,sD,aD,N_;function fD(i,o){var a=i.length;i.push(o);e:for(;;){var p=Math.floor((a-1)/2),_=i[p];if(_!==void 0&&0<L_(_,o))i[p]=o,i[a]=_,a=p;else break e}}function cf(i){return i=i[0],i===void 0?null:i}function F_(i){var o=i[0];if(o!==void 0){var a=i.pop();if(a!==o){i[0]=a;e:for(var p=0,_=i.length;p<_;){var t=2*(p+1)-1,k=i[t],L=t+1,O=i[L];if(k!==void 0&&0>L_(k,a))O!==void 0&&0>L_(O,k)?(i[p]=O,i[L]=a,p=L):(i[p]=k,i[t]=a,p=t);else if(O!==void 0&&0>L_(O,a))i[p]=O,i[L]=a,p=L;else break e}}return o}return null}function L_(i,o){var a=i.sortIndex-o.sortIndex;return a!==0?a:i.id-o.id}var $f=[],c2=[],CP=1,Ls=null,ds=3,P_=!1,Zp=!1,zy=!1;function I_(i){for(var o=cf(c2);o!==null;){if(o.callback===null)F_(c2);else if(o.startTime<=i)F_(c2),o.sortIndex=o.expirationTime,fD($f,o);else break;o=cf(c2)}}function cD(i){if(zy=!1,I_(i),!Zp)if(cf($f)!==null)Zp=!0,Vv(dD);else{var o=cf(c2);o!==null&&By(cD,o.startTime-i)}}function dD(i,o){Zp=!1,zy&&(zy=!1,A_()),P_=!0;var a=ds;try{for(I_(o),Ls=cf($f);Ls!==null&&(!(Ls.expirationTime>o)||i&&!O_());){var p=Ls.callback;if(p!==null){Ls.callback=null,ds=Ls.priorityLevel;var _=p(Ls.expirationTime<=o);o=ou.unstable_now(),typeof _=="function"?Ls.callback=_:Ls===cf($f)&&F_($f),I_(o)}else F_($f);Ls=cf($f)}if(Ls!==null)var t=!0;else{var k=cf(c2);k!==null&&By(cD,k.startTime-o),t=!1}return t}finally{Ls=null,ds=a,P_=!1}}function RS(i){switch(i){case 1:return-1;case 2:return 250;case 5:return 1073741823;case 4:return 1e4;default:return 5e3}}var xP=rD;ou.unstable_ImmediatePriority=1;ou.unstable_UserBlockingPriority=2;ou.unstable_NormalPriority=3;ou.unstable_IdlePriority=5;ou.unstable_LowPriority=4;ou.unstable_runWithPriority=function(i,o){switch(i){case 1:case 2:case 3:case 4:case 5:break;default:i=3}var a=ds;ds=i;try{return o()}finally{ds=a}};ou.unstable_next=function(i){switch(ds){case 1:case 2:case 3:var o=3;break;default:o=ds}var a=ds;ds=o;try{return i()}finally{ds=a}};ou.unstable_scheduleCallback=function(i,o,a){var p=ou.unstable_now();if(typeof a=="object"&&a!==null){var _=a.delay;_=typeof _=="number"&&0<_?p+_:p,a=typeof a.timeout=="number"?a.timeout:RS(i)}else a=RS(i),_=p;return a=_+a,i={id:CP++,callback:o,priorityLevel:i,startTime:_,expirationTime:a,sortIndex:-1},_>p?(i.sortIndex=_,fD(c2,i),cf($f)===null&&i===cf(c2)&&(zy?A_():zy=!0,By(cD,_-p))):(i.sortIndex=a,fD($f,i),Zp||P_||(Zp=!0,Vv(dD))),i};ou.unstable_cancelCallback=function(i){i.callback=null};ou.unstable_wrapCallback=function(i){var o=ds;return function(){var a=ds;ds=o;try{return i.apply(this,arguments)}finally{ds=a}}};ou.unstable_getCurrentPriorityLevel=function(){return ds};ou.unstable_shouldYield=function(){var i=ou.unstable_now();I_(i);var o=cf($f);return o!==Ls&&Ls!==null&&o!==null&&o.callback!==null&&o.startTime<=i&&o.expirationTime<Ls.expirationTime||O_()};ou.unstable_requestPaint=xP;ou.unstable_continueExecution=function(){Zp||P_||(Zp=!0,Vv(dD))};ou.unstable_pauseExecution=function(){};ou.unstable_getFirstCallbackNode=function(){return cf($f)};ou.unstable_Profiling=null});var OS=tt(Ii=>{"use strict";process.env.NODE_ENV!=="production"&&function(){"use strict";Object.defineProperty(Ii,"__esModule",{value:!0});var i=!1,o=!1,a=!0,p,_,t,k,L;if(typeof window=="undefined"||typeof MessageChannel!="function"){var O=null,C=null,U=function(){if(O!==null)try{var wt=Ii.unstable_now(),bt=!0;O(bt,wt),O=null}catch(Hn){throw setTimeout(U,0),Hn}},H=Date.now();Ii.unstable_now=function(){return Date.now()-H},p=function(wt){O!==null?setTimeout(p,0,wt):(O=wt,setTimeout(U,0))},_=function(wt,bt){C=setTimeout(wt,bt)},t=function(){clearTimeout(C)},k=function(){return!1},L=Ii.unstable_forceFrameRate=function(){}}else{var W=window.performance,ne=window.Date,m=window.setTimeout,he=window.clearTimeout;if(typeof console!="undefined"){var Ee=window.requestAnimationFrame,ve=window.cancelAnimationFrame;typeof Ee!="function"&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),typeof ve!="function"&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills")}if(typeof W=="object"&&typeof W.now=="function")Ii.unstable_now=function(){return W.now()};else{var se=ne.now();Ii.unstable_now=function(){return ne.now()-se}}var De=!1,pe=null,me=-1,ie=5,Oe=0,je=300,qe=!1;if(o&&navigator!==void 0&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0){var yt=navigator.scheduling;k=function(){var wt=Ii.unstable_now();return wt>=Oe?qe||yt.isInputPending()?!0:wt>=je:!1},L=function(){qe=!0}}else k=function(){return Ii.unstable_now()>=Oe},L=function(){};Ii.unstable_forceFrameRate=function(wt){if(wt<0||wt>125){console.error("forceFrameRate takes a positive int between 0 and 125, forcing framerates higher than 125 fps is not unsupported");return}wt>0?ie=Math.floor(1e3/wt):ie=5};var gt=function(){if(pe!==null){var wt=Ii.unstable_now();Oe=wt+ie;var bt=!0;try{var Hn=pe(bt,wt);Hn?ut.postMessage(null):(De=!1,pe=null)}catch(qr){throw ut.postMessage(null),qr}}else De=!1;qe=!1},Xe=new MessageChannel,ut=Xe.port2;Xe.port1.onmessage=gt,p=function(wt){pe=wt,De||(De=!0,ut.postMessage(null))},_=function(wt,bt){me=m(function(){wt(Ii.unstable_now())},bt)},t=function(){he(me),me=-1}}function We(wt,bt){var Hn=wt.length;wt.push(bt),rt(wt,bt,Hn)}function Ft(wt){var bt=wt[0];return bt===void 0?null:bt}function Jt(wt){var bt=wt[0];if(bt!==void 0){var Hn=wt.pop();return Hn!==bt&&(wt[0]=Hn,Q(wt,Hn,0)),bt}else return null}function rt(wt,bt,Hn){for(var qr=Hn;;){var Ki=Math.floor((qr-1)/2),Qr=wt[Ki];if(Qr!==void 0&&fe(Qr,bt)>0)wt[Ki]=bt,wt[qr]=Qr,qr=Ki;else return}}function Q(wt,bt,Hn){for(var qr=Hn,Ki=wt.length;qr<Ki;){var Qr=(qr+1)*2-1,Ou=wt[Qr],h0=Qr+1,Ni=wt[h0];if(Ou!==void 0&&fe(Ou,bt)<0)Ni!==void 0&&fe(Ni,Ou)<0?(wt[qr]=Ni,wt[h0]=bt,qr=h0):(wt[qr]=Ou,wt[Qr]=bt,qr=Qr);else if(Ni!==void 0&&fe(Ni,bt)<0)wt[qr]=Ni,wt[h0]=bt,qr=h0;else return}}function fe(wt,bt){var Hn=wt.sortIndex-bt.sortIndex;return Hn!==0?Hn:wt.id-bt.id}var xe=0,oe=1,ze=2,ct=3,Rt=4,nn=5,an=0,Mn=0,lr=4,ln=a?typeof SharedArrayBuffer=="function"?new SharedArrayBuffer(lr*Int32Array.BYTES_PER_ELEMENT):typeof ArrayBuffer=="function"?new ArrayBuffer(lr*Int32Array.BYTES_PER_ELEMENT):null:null,Vt=a&&ln!==null?new Int32Array(ln):[],Er=0,w=1,jt=2,Xn=3;a&&(Vt[Er]=xe,Vt[Xn]=0,Vt[w]=0);var vr=131072,jr=524288,fr=0,zr=null,Xt=null,wu=0,d0=1,Ro=2,Qo=3,Fs=4,Jo=5,Zo=6,qt=7,xi=8;function lu(wt){if(Xt!==null){var bt=wu;if(wu+=wt.length,wu+1>fr){if(fr*=2,fr>jr){console.error("Scheduler Profiling: Event log exceeded maximum size. Don't forget to call `stopLoggingProfilingEvents()`."),Dr();return}var Hn=new Int32Array(fr*4);Hn.set(Xt),zr=Hn.buffer,Xt=Hn}Xt.set(wt,bt)}}function mi(){fr=vr,zr=new ArrayBuffer(fr*4),Xt=new Int32Array(zr),wu=0}function Dr(){var wt=zr;return fr=0,zr=null,Xt=null,wu=0,wt}function $o(wt,bt){a&&(Vt[Xn]++,Xt!==null&&lu([d0,bt*1e3,wt.id,wt.priorityLevel]))}function G0(wt,bt){a&&(Vt[Er]=xe,Vt[w]=0,Vt[Xn]--,Xt!==null&&lu([Ro,bt*1e3,wt.id]))}function Uu(wt,bt){a&&(Vt[Xn]--,Xt!==null&&lu([Fs,bt*1e3,wt.id]))}function Y0(wt,bt){a&&(Vt[Er]=xe,Vt[w]=0,Vt[Xn]--,Xt!==null&&lu([Qo,bt*1e3,wt.id]))}function Xr(wt,bt){a&&(an++,Vt[Er]=wt.priorityLevel,Vt[w]=wt.id,Vt[jt]=an,Xt!==null&&lu([Jo,bt*1e3,wt.id,an]))}function Ao(wt,bt){a&&(Vt[Er]=xe,Vt[w]=0,Vt[jt]=0,Xt!==null&&lu([Zo,bt*1e3,wt.id,an]))}function Oo(wt){a&&(Mn++,Xt!==null&&lu([qt,wt*1e3,Mn]))}function F0(wt){a&&Xt!==null&&lu([xi,wt*1e3,Mn])}var su=1073741823,ki=-1,Ps=250,Kl=5e3,P0=1e4,p0=su,Hr=[],Ri=[],K0=1,yi=!1,en=null,bn=ct,Ai=!1,gi=!1,Wt=!1;function Au(wt){for(var bt=Ft(Ri);bt!==null;){if(bt.callback===null)Jt(Ri);else if(bt.startTime<=wt)Jt(Ri),bt.sortIndex=bt.expirationTime,We(Hr,bt),a&&($o(bt,wt),bt.isQueued=!0);else return;bt=Ft(Ri)}}function eu(wt){if(Wt=!1,Au(wt),!gi)if(Ft(Hr)!==null)gi=!0,p(X0);else{var bt=Ft(Ri);bt!==null&&_(eu,bt.startTime-wt)}}function X0(wt,bt){a&&F0(bt),gi=!1,Wt&&(Wt=!1,t()),Ai=!0;var Hn=bn;try{if(a)try{return Yi(wt,bt)}catch(Qr){if(en!==null){var qr=Ii.unstable_now();Y0(en,qr),en.isQueued=!1}throw Qr}else return Yi(wt,bt)}finally{if(en=null,bn=Hn,Ai=!1,a){var Ki=Ii.unstable_now();Oo(Ki)}}}function Yi(wt,bt){var Hn=bt;for(Au(Hn),en=Ft(Hr);en!==null&&!(i&&yi)&&!(en.expirationTime>Hn&&(!wt||k()));){var qr=en.callback;if(qr!==null){en.callback=null,bn=en.priorityLevel;var Ki=en.expirationTime<=Hn;Xr(en,Hn);var Qr=qr(Ki);Hn=Ii.unstable_now(),typeof Qr=="function"?(en.callback=Qr,Ao(en,Hn)):(a&&(G0(en,Hn),en.isQueued=!1),en===Ft(Hr)&&Jt(Hr)),Au(Hn)}else Jt(Hr);en=Ft(Hr)}if(en!==null)return!0;var Ou=Ft(Ri);return Ou!==null&&_(eu,Ou.startTime-Hn),!1}function Xl(wt,bt){switch(wt){case oe:case ze:case ct:case Rt:case nn:break;default:wt=ct}var Hn=bn;bn=wt;try{return bt()}finally{bn=Hn}}function Mo(wt){var bt;switch(bn){case oe:case ze:case ct:bt=ct;break;default:bt=bn;break}var Hn=bn;bn=bt;try{return wt()}finally{bn=Hn}}function ai(wt){var bt=bn;return function(){var Hn=bn;bn=bt;try{return wt.apply(this,arguments)}finally{bn=Hn}}}function so(wt){switch(wt){case oe:return ki;case ze:return Ps;case nn:return p0;case Rt:return P0;case ct:default:return Kl}}function Ql(wt,bt,Hn){var qr=Ii.unstable_now(),Ki,Qr;if(typeof Hn=="object"&&Hn!==null){var Ou=Hn.delay;typeof Ou=="number"&&Ou>0?Ki=qr+Ou:Ki=qr,Qr=typeof Hn.timeout=="number"?Hn.timeout:so(wt)}else Qr=so(wt),Ki=qr;var h0=Ki+Qr,Ni={id:K0++,callback:bt,priorityLevel:wt,startTime:Ki,expirationTime:h0,sortIndex:-1};return a&&(Ni.isQueued=!1),Ki>qr?(Ni.sortIndex=Ki,We(Ri,Ni),Ft(Hr)===null&&Ni===Ft(Ri)&&(Wt?t():Wt=!0,_(eu,Ki-qr))):(Ni.sortIndex=h0,We(Hr,Ni),a&&($o(Ni,qr),Ni.isQueued=!0),!gi&&!Ai&&(gi=!0,p(X0))),Ni}function ko(){yi=!0}function Is(){yi=!1,!gi&&!Ai&&(gi=!0,p(X0))}function $n(){return Ft(Hr)}function el(wt){if(a&&wt.isQueued){var bt=Ii.unstable_now();Uu(wt,bt),wt.isQueued=!1}wt.callback=null}function ao(){return bn}function I0(){var wt=Ii.unstable_now();Au(wt);var bt=Ft(Hr);return bt!==en&&en!==null&&bt!==null&&bt.callback!==null&&bt.startTime<=wt&&bt.expirationTime<en.expirationTime||k()}var wl=L,No=a?{startLoggingProfilingEvents:mi,stopLoggingProfilingEvents:Dr,sharedProfilingBuffer:ln}:null;Ii.unstable_ImmediatePriority=oe,Ii.unstable_UserBlockingPriority=ze,Ii.unstable_NormalPriority=ct,Ii.unstable_IdlePriority=nn,Ii.unstable_LowPriority=Rt,Ii.unstable_runWithPriority=Xl,Ii.unstable_next=Mo,Ii.unstable_scheduleCallback=Ql,Ii.unstable_cancelCallback=el,Ii.unstable_wrapCallback=ai,Ii.unstable_getCurrentPriorityLevel=ao,Ii.unstable_shouldYield=I0,Ii.unstable_requestPaint=wl,Ii.unstable_continueExecution=Is,Ii.unstable_pauseExecution=ko,Ii.unstable_getFirstCallbackNode=$n,Ii.unstable_Profiling=No}()});var b_=tt((DH,pD)=>{"use strict";process.env.NODE_ENV==="production"?pD.exports=AS():pD.exports=OS()});var MS=tt((wH,Hy)=>{Hy.exports=function i(o){"use strict";var a=Oy(),p=Mi(),_=b_();function t(g){for(var y="https://reactjs.org/docs/error-decoder.html?invariant="+g,R=1;R<arguments.length;R++)y+="&args[]="+encodeURIComponent(arguments[R]);return"Minified React error #"+g+"; visit "+y+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var k=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;k.hasOwnProperty("ReactCurrentDispatcher")||(k.ReactCurrentDispatcher={current:null}),k.hasOwnProperty("ReactCurrentBatchConfig")||(k.ReactCurrentBatchConfig={suspense:null});var L=typeof Symbol=="function"&&Symbol.for,O=L?Symbol.for("react.element"):60103,C=L?Symbol.for("react.portal"):60106,U=L?Symbol.for("react.fragment"):60107,H=L?Symbol.for("react.strict_mode"):60108,W=L?Symbol.for("react.profiler"):60114,ne=L?Symbol.for("react.provider"):60109,m=L?Symbol.for("react.context"):60110,he=L?Symbol.for("react.concurrent_mode"):60111,Ee=L?Symbol.for("react.forward_ref"):60112,ve=L?Symbol.for("react.suspense"):60113,se=L?Symbol.for("react.suspense_list"):60120,De=L?Symbol.for("react.memo"):60115,pe=L?Symbol.for("react.lazy"):60116;L&&Symbol.for("react.fundamental"),L&&Symbol.for("react.responder"),L&&Symbol.for("react.scope");var me=typeof Symbol=="function"&&Symbol.iterator;function ie(g){return g===null||typeof g!="object"?null:(g=me&&g[me]||g["@@iterator"],typeof g=="function"?g:null)}function Oe(g){if(g._status===-1){g._status=0;var y=g._ctor;y=y(),g._result=y,y.then(function(R){g._status===0&&(R=R.default,g._status=1,g._result=R)},function(R){g._status===0&&(g._status=2,g._result=R)})}}function je(g){if(g==null)return null;if(typeof g=="function")return g.displayName||g.name||null;if(typeof g=="string")return g;switch(g){case U:return"Fragment";case C:return"Portal";case W:return"Profiler";case H:return"StrictMode";case ve:return"Suspense";case se:return"SuspenseList"}if(typeof g=="object")switch(g.$$typeof){case m:return"Context.Consumer";case ne:return"Context.Provider";case Ee:var y=g.render;return y=y.displayName||y.name||"",g.displayName||(y!==""?"ForwardRef("+y+")":"ForwardRef");case De:return je(g.type);case pe:if(g=g._status===1?g._result:null)return je(g)}return null}function qe(g){var y=g,R=g;if(g.alternate)for(;y.return;)y=y.return;else{g=y;do y=g,(y.effectTag&1026)!=0&&(R=y.return),g=y.return;while(g)}return y.tag===3?R:null}function yt(g){if(qe(g)!==g)throw Error(t(188))}function gt(g){var y=g.alternate;if(!y){if(y=qe(g),y===null)throw Error(t(188));return y!==g?null:g}for(var R=g,F=y;;){var b=R.return;if(b===null)break;var J=b.alternate;if(J===null){if(F=b.return,F!==null){R=F;continue}break}if(b.child===J.child){for(J=b.child;J;){if(J===R)return yt(b),g;if(J===F)return yt(b),y;J=J.sibling}throw Error(t(188))}if(R.return!==F.return)R=b,F=J;else{for(var ce=!1,mt=b.child;mt;){if(mt===R){ce=!0,R=b,F=J;break}if(mt===F){ce=!0,F=b,R=J;break}mt=mt.sibling}if(!ce){for(mt=J.child;mt;){if(mt===R){ce=!0,R=J,F=b;break}if(mt===F){ce=!0,F=J,R=b;break}mt=mt.sibling}if(!ce)throw Error(t(189))}}if(R.alternate!==F)throw Error(t(190))}if(R.tag!==3)throw Error(t(188));return R.stateNode.current===R?g:y}function Xe(g){if(g=gt(g),!g)return null;for(var y=g;;){if(y.tag===5||y.tag===6)return y;if(y.child)y.child.return=y,y=y.child;else{if(y===g)break;for(;!y.sibling;){if(!y.return||y.return===g)return null;y=y.return}y.sibling.return=y.return,y=y.sibling}}return null}function ut(g){if(g=gt(g),!g)return null;for(var y=g;;){if(y.tag===5||y.tag===6)return y;if(y.child&&y.tag!==4)y.child.return=y,y=y.child;else{if(y===g)break;for(;!y.sibling;){if(!y.return||y.return===g)return null;y=y.return}y.sibling.return=y.return,y=y.sibling}}return null}var We=o.getPublicInstance,Ft=o.getRootHostContext,Jt=o.getChildHostContext,rt=o.prepareForCommit,Q=o.resetAfterCommit,fe=o.createInstance,xe=o.appendInitialChild,oe=o.finalizeInitialChildren,ze=o.prepareUpdate,ct=o.shouldSetTextContent,Rt=o.shouldDeprioritizeSubtree,nn=o.createTextInstance,an=o.setTimeout,Mn=o.clearTimeout,lr=o.noTimeout,ln=o.isPrimaryRenderer,Vt=o.supportsMutation,Er=o.supportsPersistence,w=o.supportsHydration,jt=o.appendChild,Xn=o.appendChildToContainer,vr=o.commitTextUpdate,jr=o.commitMount,fr=o.commitUpdate,zr=o.insertBefore,Xt=o.insertInContainerBefore,wu=o.removeChild,d0=o.removeChildFromContainer,Ro=o.resetTextContent,Qo=o.hideInstance,Fs=o.hideTextInstance,Jo=o.unhideInstance,Zo=o.unhideTextInstance,qt=o.cloneInstance,xi=o.createContainerChildSet,lu=o.appendChildToContainerChildSet,mi=o.finalizeContainerChildren,Dr=o.replaceContainerChildren,$o=o.cloneHiddenInstance,G0=o.cloneHiddenTextInstance,Uu=o.canHydrateInstance,Y0=o.canHydrateTextInstance,Xr=o.isSuspenseInstancePending,Ao=o.isSuspenseInstanceFallback,Oo=o.getNextHydratableSibling,F0=o.getFirstHydratableChild,su=o.hydrateInstance,ki=o.hydrateTextInstance,Ps=o.getNextHydratableInstanceAfterSuspenseInstance,Kl=o.commitHydratedContainer,P0=o.commitHydratedSuspenseInstance,p0=/^(.*)[\\\/]/;function Hr(g){var y="";do{e:switch(g.tag){case 3:case 4:case 6:case 7:case 10:case 9:var R="";break e;default:var F=g._debugOwner,b=g._debugSource,J=je(g.type);R=null,F&&(R=je(F.type)),F=J,J="",b?J=" (at "+b.fileName.replace(p0,"")+":"+b.lineNumber+")":R&&(J=" (created by "+R+")"),R=`
-    in `+(F||"Unknown")+J}y+=R,g=g.return}while(g);return y}new Set;var Ri=[],K0=-1;function yi(g){0>K0||(g.current=Ri[K0],Ri[K0]=null,K0--)}function en(g,y){K0++,Ri[K0]=g.current,g.current=y}var bn={},Ai={current:bn},gi={current:!1},Wt=bn;function Au(g,y){var R=g.type.contextTypes;if(!R)return bn;var F=g.stateNode;if(F&&F.__reactInternalMemoizedUnmaskedChildContext===y)return F.__reactInternalMemoizedMaskedChildContext;var b={},J;for(J in R)b[J]=y[J];return F&&(g=g.stateNode,g.__reactInternalMemoizedUnmaskedChildContext=y,g.__reactInternalMemoizedMaskedChildContext=b),b}function eu(g){return g=g.childContextTypes,g!=null}function X0(g){yi(gi,g),yi(Ai,g)}function Yi(g){yi(gi,g),yi(Ai,g)}function Xl(g,y,R){if(Ai.current!==bn)throw Error(t(168));en(Ai,y,g),en(gi,R,g)}function Mo(g,y,R){var F=g.stateNode;if(g=y.childContextTypes,typeof F.getChildContext!="function")return R;F=F.getChildContext();for(var b in F)if(!(b in g))throw Error(t(108,je(y)||"Unknown",b));return a({},R,{},F)}function ai(g){var y=g.stateNode;return y=y&&y.__reactInternalMemoizedMergedChildContext||bn,Wt=Ai.current,en(Ai,y,g),en(gi,gi.current,g),!0}function so(g,y,R){var F=g.stateNode;if(!F)throw Error(t(169));R?(y=Mo(g,y,Wt),F.__reactInternalMemoizedMergedChildContext=y,yi(gi,g),yi(Ai,g),en(Ai,y,g)):yi(gi,g),en(gi,R,g)}var Ql=_.unstable_runWithPriority,ko=_.unstable_scheduleCallback,Is=_.unstable_cancelCallback,$n=_.unstable_shouldYield,el=_.unstable_requestPaint,ao=_.unstable_now,I0=_.unstable_getCurrentPriorityLevel,wl=_.unstable_ImmediatePriority,No=_.unstable_UserBlockingPriority,wt=_.unstable_NormalPriority,bt=_.unstable_LowPriority,Hn=_.unstable_IdlePriority,qr={},Ki=el!==void 0?el:function(){},Qr=null,Ou=null,h0=!1,Ni=ao(),v0=1e4>Ni?ao:function(){return ao()-Ni};function hs(){switch(I0()){case wl:return 99;case No:return 98;case wt:return 97;case bt:return 96;case Hn:return 95;default:throw Error(t(332))}}function Tt(g){switch(g){case 99:return wl;case 98:return No;case 97:return wt;case 96:return bt;case 95:return Hn;default:throw Error(t(332))}}function fo(g,y){return g=Tt(g),Ql(g,y)}function tl(g,y,R){return g=Tt(g),ko(g,y,R)}function Jl(g){return Qr===null?(Qr=[g],Ou=ko(wl,vs)):Qr.push(g),qr}function ju(){if(Ou!==null){var g=Ou;Ou=null,Is(g)}vs()}function vs(){if(!h0&&Qr!==null){h0=!0;var g=0;try{var y=Qr;fo(99,function(){for(;g<y.length;g++){var R=y[g];do R=R(!0);while(R!==null)}}),Qr=null}catch(R){throw Qr!==null&&(Qr=Qr.slice(g+1)),ko(wl,ju),R}finally{h0=!1}}}var b0=3;function X(g,y,R){return R/=10,1073741821-(((1073741821-g+y/10)/R|0)+1)*R}function we(g,y){return g===y&&(g!==0||1/g==1/y)||g!==g&&y!==y}var Le=typeof Object.is=="function"?Object.is:we,Ne=Object.prototype.hasOwnProperty;function dt(g,y){if(Le(g,y))return!0;if(typeof g!="object"||g===null||typeof y!="object"||y===null)return!1;var R=Object.keys(g),F=Object.keys(y);if(R.length!==F.length)return!1;for(F=0;F<R.length;F++)if(!Ne.call(y,R[F])||!Le(g[R[F]],y[R[F]]))return!1;return!0}function Yn(g,y){if(g&&g.defaultProps){y=a({},y),g=g.defaultProps;for(var R in g)y[R]===void 0&&(y[R]=g[R])}return y}var Cn={current:null},cr=null,Si=null,Mu=null;function zu(){Mu=Si=cr=null}function Hu(g,y){var R=g.type._context;ln?(en(Cn,R._currentValue,g),R._currentValue=y):(en(Cn,R._currentValue2,g),R._currentValue2=y)}function Su(g){var y=Cn.current;yi(Cn,g),g=g.type._context,ln?g._currentValue=y:g._currentValue2=y}function Ti(g,y){for(;g!==null;){var R=g.alternate;if(g.childExpirationTime<y)g.childExpirationTime=y,R!==null&&R.childExpirationTime<y&&(R.childExpirationTime=y);else if(R!==null&&R.childExpirationTime<y)R.childExpirationTime=y;else break;g=g.return}}function Lo(g,y){cr=g,Mu=Si=null,g=g.dependencies,g!==null&&g.firstContext!==null&&(g.expirationTime>=y&&(po=!0),g.firstContext=null)}function ku(g,y){if(Mu!==g&&y!==!1&&y!==0)if((typeof y!="number"||y===1073741823)&&(Mu=g,y=1073741823),y={context:g,observedBits:y,next:null},Si===null){if(cr===null)throw Error(t(308));Si=y,cr.dependencies={expirationTime:0,firstContext:y,responders:null}}else Si=Si.next=y;return ln?g._currentValue:g._currentValue2}var co=!1;function qu(g){return{baseState:g,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function Pa(g){return{baseState:g.baseState,firstUpdate:g.firstUpdate,lastUpdate:g.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function m0(g,y){return{expirationTime:g,suspenseConfig:y,tag:0,payload:null,callback:null,next:null,nextEffect:null}}function ia(g,y){g.lastUpdate===null?g.firstUpdate=g.lastUpdate=y:(g.lastUpdate.next=y,g.lastUpdate=y)}function Q0(g,y){var R=g.alternate;if(R===null){var F=g.updateQueue,b=null;F===null&&(F=g.updateQueue=qu(g.memoizedState))}else F=g.updateQueue,b=R.updateQueue,F===null?b===null?(F=g.updateQueue=qu(g.memoizedState),b=R.updateQueue=qu(R.memoizedState)):F=g.updateQueue=Pa(b):b===null&&(b=R.updateQueue=Pa(F));b===null||F===b?ia(F,y):F.lastUpdate===null||b.lastUpdate===null?(ia(F,y),ia(b,y)):(ia(F,y),b.lastUpdate=y)}function ua(g,y){var R=g.updateQueue;R=R===null?g.updateQueue=qu(g.memoizedState):Ia(g,R),R.lastCapturedUpdate===null?R.firstCapturedUpdate=R.lastCapturedUpdate=y:(R.lastCapturedUpdate.next=y,R.lastCapturedUpdate=y)}function Ia(g,y){var R=g.alternate;return R!==null&&y===R.updateQueue&&(y=g.updateQueue=Pa(y)),y}function ms(g,y,R,F,b,J){switch(R.tag){case 1:return g=R.payload,typeof g=="function"?g.call(J,F,b):g;case 3:g.effectTag=g.effectTag&-4097|64;case 0:if(g=R.payload,b=typeof g=="function"?g.call(J,F,b):g,b==null)break;return a({},F,b);case 2:co=!0}return F}function S0(g,y,R,F,b){co=!1,y=Ia(g,y);for(var J=y.baseState,ce=null,mt=0,xt=y.firstUpdate,kt=J;xt!==null;){var xr=xt.expirationTime;xr<b?(ce===null&&(ce=xt,J=kt),mt<xr&&(mt=xr)):(cc(xr,xt.suspenseConfig),kt=ms(g,y,xt,kt,R,F),xt.callback!==null&&(g.effectTag|=32,xt.nextEffect=null,y.lastEffect===null?y.firstEffect=y.lastEffect=xt:(y.lastEffect.nextEffect=xt,y.lastEffect=xt))),xt=xt.next}for(xr=null,xt=y.firstCapturedUpdate;xt!==null;){var i0=xt.expirationTime;i0<b?(xr===null&&(xr=xt,ce===null&&(J=kt)),mt<i0&&(mt=i0)):(kt=ms(g,y,xt,kt,R,F),xt.callback!==null&&(g.effectTag|=32,xt.nextEffect=null,y.lastCapturedEffect===null?y.firstCapturedEffect=y.lastCapturedEffect=xt:(y.lastCapturedEffect.nextEffect=xt,y.lastCapturedEffect=xt))),xt=xt.next}ce===null&&(y.lastUpdate=null),xr===null?y.lastCapturedUpdate=null:g.effectTag|=32,ce===null&&xr===null&&(J=kt),y.baseState=J,y.firstUpdate=ce,y.firstCapturedUpdate=xr,Ua(mt),g.expirationTime=mt,g.memoizedState=kt}function Qn(g,y,R){y.firstCapturedUpdate!==null&&(y.lastUpdate!==null&&(y.lastUpdate.next=y.firstCapturedUpdate,y.lastUpdate=y.lastCapturedUpdate),y.firstCapturedUpdate=y.lastCapturedUpdate=null),ac(y.firstEffect,R),y.firstEffect=y.lastEffect=null,ac(y.firstCapturedEffect,R),y.firstCapturedEffect=y.lastCapturedEffect=null}function ac(g,y){for(;g!==null;){var R=g.callback;if(R!==null){g.callback=null;var F=y;if(typeof R!="function")throw Error(t(191,R));R.call(F)}g=g.nextEffect}}var fi=k.ReactCurrentBatchConfig,$r=new p.Component().refs;function Zl(g,y,R,F){y=g.memoizedState,R=R(F,y),R=R==null?y:a({},y,R),g.memoizedState=R,F=g.updateQueue,F!==null&&g.expirationTime===0&&(F.baseState=R)}var oa={isMounted:function(g){return(g=g._reactInternalFiber)?qe(g)===g:!1},enqueueSetState:function(g,y,R){g=g._reactInternalFiber;var F=D0(),b=fi.suspense;F=Un(F,g,b),b=m0(F,b),b.payload=y,R!=null&&(b.callback=R),Q0(g,b),t0(g,F)},enqueueReplaceState:function(g,y,R){g=g._reactInternalFiber;var F=D0(),b=fi.suspense;F=Un(F,g,b),b=m0(F,b),b.tag=1,b.payload=y,R!=null&&(b.callback=R),Q0(g,b),t0(g,F)},enqueueForceUpdate:function(g,y){g=g._reactInternalFiber;var R=D0(),F=fi.suspense;R=Un(R,g,F),F=m0(R,F),F.tag=2,y!=null&&(F.callback=y),Q0(g,F),t0(g,R)}};function pf(g,y,R,F,b,J,ce){return g=g.stateNode,typeof g.shouldComponentUpdate=="function"?g.shouldComponentUpdate(F,J,ce):y.prototype&&y.prototype.isPureReactComponent?!dt(R,F)||!dt(b,J):!0}function bs(g,y,R){var F=!1,b=bn,J=y.contextType;return typeof J=="object"&&J!==null?J=ku(J):(b=eu(y)?Wt:Ai.current,F=y.contextTypes,J=(F=F!=null)?Au(g,b):bn),y=new y(R,J),g.memoizedState=y.state!==null&&y.state!==void 0?y.state:null,y.updater=oa,g.stateNode=y,y._reactInternalFiber=g,F&&(g=g.stateNode,g.__reactInternalMemoizedUnmaskedChildContext=b,g.__reactInternalMemoizedMaskedChildContext=J),y}function ba(g,y,R,F){g=y.state,typeof y.componentWillReceiveProps=="function"&&y.componentWillReceiveProps(R,F),typeof y.UNSAFE_componentWillReceiveProps=="function"&&y.UNSAFE_componentWillReceiveProps(R,F),y.state!==g&&oa.enqueueReplaceState(y,y.state,null)}function Bs(g,y,R,F){var b=g.stateNode;b.props=R,b.state=g.memoizedState,b.refs=$r;var J=y.contextType;typeof J=="object"&&J!==null?b.context=ku(J):(J=eu(y)?Wt:Ai.current,b.context=Au(g,J)),J=g.updateQueue,J!==null&&(S0(g,J,R,b,F),b.state=g.memoizedState),J=y.getDerivedStateFromProps,typeof J=="function"&&(Zl(g,y,J,R),b.state=g.memoizedState),typeof y.getDerivedStateFromProps=="function"||typeof b.getSnapshotBeforeUpdate=="function"||typeof b.UNSAFE_componentWillMount!="function"&&typeof b.componentWillMount!="function"||(y=b.state,typeof b.componentWillMount=="function"&&b.componentWillMount(),typeof b.UNSAFE_componentWillMount=="function"&&b.UNSAFE_componentWillMount(),y!==b.state&&oa.enqueueReplaceState(b,b.state,null),J=g.updateQueue,J!==null&&(S0(g,J,R,b,F),b.state=g.memoizedState)),typeof b.componentDidMount=="function"&&(g.effectTag|=4)}var y0=Array.isArray;function Us(g,y,R){if(g=R.ref,g!==null&&typeof g!="function"&&typeof g!="object"){if(R._owner){if(R=R._owner,R){if(R.tag!==1)throw Error(t(309));var F=R.stateNode}if(!F)throw Error(t(147,g));var b=""+g;return y!==null&&y.ref!==null&&typeof y.ref=="function"&&y.ref._stringRef===b?y.ref:(y=function(J){var ce=F.refs;ce===$r&&(ce=F.refs={}),J===null?delete ce[b]:ce[b]=J},y._stringRef=b,y)}if(typeof g!="string")throw Error(t(284));if(!R._owner)throw Error(t(290,g))}return g}function ji(g,y){if(g.type!=="textarea")throw Error(t(31,Object.prototype.toString.call(y)==="[object Object]"?"object with keys {"+Object.keys(y).join(", ")+"}":y,""))}function B(g){function y(Ve,Ue){if(g){var lt=Ve.lastEffect;lt!==null?(lt.nextEffect=Ue,Ve.lastEffect=Ue):Ve.firstEffect=Ve.lastEffect=Ue,Ue.nextEffect=null,Ue.effectTag=8}}function R(Ve,Ue){if(!g)return null;for(;Ue!==null;)y(Ve,Ue),Ue=Ue.sibling;return null}function F(Ve,Ue){for(Ve=new Map;Ue!==null;)Ue.key!==null?Ve.set(Ue.key,Ue):Ve.set(Ue.index,Ue),Ue=Ue.sibling;return Ve}function b(Ve,Ue,lt){return Ve=Gu(Ve,Ue,lt),Ve.index=0,Ve.sibling=null,Ve}function J(Ve,Ue,lt){return Ve.index=lt,g?(lt=Ve.alternate,lt!==null?(lt=lt.index,lt<Ue?(Ve.effectTag=2,Ue):lt):(Ve.effectTag=2,Ue)):Ue}function ce(Ve){return g&&Ve.alternate===null&&(Ve.effectTag=2),Ve}function mt(Ve,Ue,lt,$t){return Ue===null||Ue.tag!==6?(Ue=j0(lt,Ve.mode,$t),Ue.return=Ve,Ue):(Ue=b(Ue,lt,$t),Ue.return=Ve,Ue)}function xt(Ve,Ue,lt,$t){return Ue!==null&&Ue.elementType===lt.type?($t=b(Ue,lt.props,$t),$t.ref=Us(Ve,Ue,lt),$t.return=Ve,$t):($t=qa(lt.type,lt.key,lt.props,null,Ve.mode,$t),$t.ref=Us(Ve,Ue,lt),$t.return=Ve,$t)}function kt(Ve,Ue,lt,$t){return Ue===null||Ue.tag!==4||Ue.stateNode.containerInfo!==lt.containerInfo||Ue.stateNode.implementation!==lt.implementation?(Ue=Df(lt,Ve.mode,$t),Ue.return=Ve,Ue):(Ue=b(Ue,lt.children||[],$t),Ue.return=Ve,Ue)}function xr(Ve,Ue,lt,$t,Wn){return Ue===null||Ue.tag!==7?(Ue=r0(lt,Ve.mode,$t,Wn),Ue.return=Ve,Ue):(Ue=b(Ue,lt,$t),Ue.return=Ve,Ue)}function i0(Ve,Ue,lt){if(typeof Ue=="string"||typeof Ue=="number")return Ue=j0(""+Ue,Ve.mode,lt),Ue.return=Ve,Ue;if(typeof Ue=="object"&&Ue!==null){switch(Ue.$$typeof){case O:return lt=qa(Ue.type,Ue.key,Ue.props,null,Ve.mode,lt),lt.ref=Us(Ve,null,Ue),lt.return=Ve,lt;case C:return Ue=Df(Ue,Ve.mode,lt),Ue.return=Ve,Ue}if(y0(Ue)||ie(Ue))return Ue=r0(Ue,Ve.mode,lt,null),Ue.return=Ve,Ue;ji(Ve,Ue)}return null}function cu(Ve,Ue,lt,$t){var Wn=Ue!==null?Ue.key:null;if(typeof lt=="string"||typeof lt=="number")return Wn!==null?null:mt(Ve,Ue,""+lt,$t);if(typeof lt=="object"&&lt!==null){switch(lt.$$typeof){case O:return lt.key===Wn?lt.type===U?xr(Ve,Ue,lt.props.children,$t,Wn):xt(Ve,Ue,lt,$t):null;case C:return lt.key===Wn?kt(Ve,Ue,lt,$t):null}if(y0(lt)||ie(lt))return Wn!==null?null:xr(Ve,Ue,lt,$t,null);ji(Ve,lt)}return null}function z0(Ve,Ue,lt,$t,Wn){if(typeof $t=="string"||typeof $t=="number")return Ve=Ve.get(lt)||null,mt(Ue,Ve,""+$t,Wn);if(typeof $t=="object"&&$t!==null){switch($t.$$typeof){case O:return Ve=Ve.get($t.key===null?lt:$t.key)||null,$t.type===U?xr(Ue,Ve,$t.props.children,Wn,$t.key):xt(Ue,Ve,$t,Wn);case C:return Ve=Ve.get($t.key===null?lt:$t.key)||null,kt(Ue,Ve,$t,Wn)}if(y0($t)||ie($t))return Ve=Ve.get(lt)||null,xr(Ue,Ve,$t,Wn,null);ji(Ue,$t)}return null}function Ol(Ve,Ue,lt,$t){for(var Wn=null,si=null,ur=Ue,ci=Ue=0,Qi=null;ur!==null&&ci<lt.length;ci++){ur.index>ci?(Qi=ur,ur=null):Qi=ur.sibling;var Gr=cu(Ve,ur,lt[ci],$t);if(Gr===null){ur===null&&(ur=Qi);break}g&&ur&&Gr.alternate===null&&y(Ve,ur),Ue=J(Gr,Ue,ci),si===null?Wn=Gr:si.sibling=Gr,si=Gr,ur=Qi}if(ci===lt.length)return R(Ve,ur),Wn;if(ur===null){for(;ci<lt.length;ci++)ur=i0(Ve,lt[ci],$t),ur!==null&&(Ue=J(ur,Ue,ci),si===null?Wn=ur:si.sibling=ur,si=ur);return Wn}for(ur=F(Ve,ur);ci<lt.length;ci++)Qi=z0(ur,Ve,ci,lt[ci],$t),Qi!==null&&(g&&Qi.alternate!==null&&ur.delete(Qi.key===null?ci:Qi.key),Ue=J(Qi,Ue,ci),si===null?Wn=Qi:si.sibling=Qi,si=Qi);return g&&ur.forEach(function(Cu){return y(Ve,Cu)}),Wn}function u0(Ve,Ue,lt,$t){var Wn=ie(lt);if(typeof Wn!="function")throw Error(t(150));if(lt=Wn.call(lt),lt==null)throw Error(t(151));for(var si=Wn=null,ur=Ue,ci=Ue=0,Qi=null,Gr=lt.next();ur!==null&&!Gr.done;ci++,Gr=lt.next()){ur.index>ci?(Qi=ur,ur=null):Qi=ur.sibling;var Cu=cu(Ve,ur,Gr.value,$t);if(Cu===null){ur===null&&(ur=Qi);break}g&&ur&&Cu.alternate===null&&y(Ve,ur),Ue=J(Cu,Ue,ci),si===null?Wn=Cu:si.sibling=Cu,si=Cu,ur=Qi}if(Gr.done)return R(Ve,ur),Wn;if(ur===null){for(;!Gr.done;ci++,Gr=lt.next())Gr=i0(Ve,Gr.value,$t),Gr!==null&&(Ue=J(Gr,Ue,ci),si===null?Wn=Gr:si.sibling=Gr,si=Gr);return Wn}for(ur=F(Ve,ur);!Gr.done;ci++,Gr=lt.next())Gr=z0(ur,Ve,ci,Gr.value,$t),Gr!==null&&(g&&Gr.alternate!==null&&ur.delete(Gr.key===null?ci:Gr.key),Ue=J(Gr,Ue,ci),si===null?Wn=Gr:si.sibling=Gr,si=Gr);return g&&ur.forEach(function(Wa){return y(Ve,Wa)}),Wn}return function(Ve,Ue,lt,$t){var Wn=typeof lt=="object"&&lt!==null&&lt.type===U&&lt.key===null;Wn&&(lt=lt.props.children);var si=typeof lt=="object"&&lt!==null;if(si)switch(lt.$$typeof){case O:e:{for(si=lt.key,Wn=Ue;Wn!==null;){if(Wn.key===si)if(Wn.tag===7?lt.type===U:Wn.elementType===lt.type){R(Ve,Wn.sibling),Ue=b(Wn,lt.type===U?lt.props.children:lt.props,$t),Ue.ref=Us(Ve,Wn,lt),Ue.return=Ve,Ve=Ue;break e}else{R(Ve,Wn);break}else y(Ve,Wn);Wn=Wn.sibling}lt.type===U?(Ue=r0(lt.props.children,Ve.mode,$t,lt.key),Ue.return=Ve,Ve=Ue):($t=qa(lt.type,lt.key,lt.props,null,Ve.mode,$t),$t.ref=Us(Ve,Ue,lt),$t.return=Ve,Ve=$t)}return ce(Ve);case C:e:{for(Wn=lt.key;Ue!==null;){if(Ue.key===Wn)if(Ue.tag===4&&Ue.stateNode.containerInfo===lt.containerInfo&&Ue.stateNode.implementation===lt.implementation){R(Ve,Ue.sibling),Ue=b(Ue,lt.children||[],$t),Ue.return=Ve,Ve=Ue;break e}else{R(Ve,Ue);break}else y(Ve,Ue);Ue=Ue.sibling}Ue=Df(lt,Ve.mode,$t),Ue.return=Ve,Ve=Ue}return ce(Ve)}if(typeof lt=="string"||typeof lt=="number")return lt=""+lt,Ue!==null&&Ue.tag===6?(R(Ve,Ue.sibling),Ue=b(Ue,lt,$t),Ue.return=Ve,Ve=Ue):(R(Ve,Ue),Ue=j0(lt,Ve.mode,$t),Ue.return=Ve,Ve=Ue),ce(Ve);if(y0(lt))return Ol(Ve,Ue,lt,$t);if(ie(lt))return u0(Ve,Ue,lt,$t);if(si&&ji(Ve,lt),typeof lt=="undefined"&&!Wn)switch(Ve.tag){case 1:case 0:throw Ve=Ve.type,Error(t(152,Ve.displayName||Ve.name||"Component"))}return R(Ve,Ue)}}var z=B(!0),G=B(!1),$={},Te={current:$},ge={current:$},Re={current:$};function Z(g){if(g===$)throw Error(t(174));return g}function ke(g,y){en(Re,y,g),en(ge,g,g),en(Te,$,g),y=Ft(y),yi(Te,g),en(Te,y,g)}function Qe(g){yi(Te,g),yi(ge,g),yi(Re,g)}function ht(g){var y=Z(Re.current),R=Z(Te.current);y=Jt(R,g.type,y),R!==y&&(en(ge,g,g),en(Te,y,g))}function ue(g){ge.current===g&&(yi(Te,g),yi(ge,g))}var He={current:0};function nt(g){for(var y=g;y!==null;){if(y.tag===13){var R=y.memoizedState;if(R!==null&&(R=R.dehydrated,R===null||Xr(R)||Ao(R)))return y}else if(y.tag===19&&y.memoizedProps.revealOrder!==void 0){if((y.effectTag&64)!=0)return y}else if(y.child!==null){y.child.return=y,y=y.child;continue}if(y===g)break;for(;y.sibling===null;){if(y.return===null||y.return===g)return null;y=y.return}y.sibling.return=y.return,y=y.sibling}return null}function Ct(g,y){return{responder:g,props:y}}var Mt=k.ReactCurrentDispatcher,It=k.ReactCurrentBatchConfig,sn=0,rn=null,Lt=null,Dn=null,dr=null,er=null,Cr=null,An=0,Nr=null,g0=0,Lr=!1,it=null,Dt=0;function $e(){throw Error(t(321))}function Pt(g,y){if(y===null)return!1;for(var R=0;R<y.length&&R<g.length;R++)if(!Le(g[R],y[R]))return!1;return!0}function un(g,y,R,F,b,J){if(sn=J,rn=y,Dn=g!==null?g.memoizedState:null,Mt.current=Dn===null?bo:gs,y=R(F,b),Lr){do Lr=!1,Dt+=1,Dn=g!==null?g.memoizedState:null,Cr=dr,Nr=er=Lt=null,Mt.current=gs,y=R(F,b);while(Lr);it=null,Dt=0}if(Mt.current=Io,g=rn,g.memoizedState=dr,g.expirationTime=An,g.updateQueue=Nr,g.effectTag|=g0,g=Lt!==null&&Lt.next!==null,sn=0,Cr=er=dr=Dn=Lt=rn=null,An=0,Nr=null,g0=0,g)throw Error(t(300));return y}function fn(){Mt.current=Io,sn=0,Cr=er=dr=Dn=Lt=rn=null,An=0,Nr=null,g0=0,Lr=!1,it=null,Dt=0}function Jn(){var g={memoizedState:null,baseState:null,queue:null,baseUpdate:null,next:null};return er===null?dr=er=g:er=er.next=g,er}function wr(){if(Cr!==null)er=Cr,Cr=er.next,Lt=Dn,Dn=Lt!==null?Lt.next:null;else{if(Dn===null)throw Error(t(310));Lt=Dn;var g={memoizedState:Lt.memoizedState,baseState:Lt.baseState,queue:Lt.queue,baseUpdate:Lt.baseUpdate,next:null};er=er===null?dr=g:er.next=g,Dn=Lt.next}return er}function au(g,y){return typeof y=="function"?y(g):y}function Nu(g){var y=wr(),R=y.queue;if(R===null)throw Error(t(311));if(R.lastRenderedReducer=g,0<Dt){var F=R.dispatch;if(it!==null){var b=it.get(R);if(b!==void 0){it.delete(R);var J=y.memoizedState;do J=g(J,b.action),b=b.next;while(b!==null);return Le(J,y.memoizedState)||(po=!0),y.memoizedState=J,y.baseUpdate===R.last&&(y.baseState=J),R.lastRenderedState=J,[J,F]}}return[y.memoizedState,F]}F=R.last;var ce=y.baseUpdate;if(J=y.baseState,ce!==null?(F!==null&&(F.next=null),F=ce.next):F=F!==null?F.next:null,F!==null){var mt=b=null,xt=F,kt=!1;do{var xr=xt.expirationTime;xr<sn?(kt||(kt=!0,mt=ce,b=J),xr>An&&(An=xr,Ua(An))):(cc(xr,xt.suspenseConfig),J=xt.eagerReducer===g?xt.eagerState:g(J,xt.action)),ce=xt,xt=xt.next}while(xt!==null&&xt!==F);kt||(mt=ce,b=J),Le(J,y.memoizedState)||(po=!0),y.memoizedState=J,y.baseUpdate=mt,y.baseState=b,R.lastRenderedState=J}return[y.memoizedState,R.dispatch]}function T0(g){var y=Jn();return typeof g=="function"&&(g=g()),y.memoizedState=y.baseState=g,g=y.queue={last:null,dispatch:null,lastRenderedReducer:au,lastRenderedState:g},g=g.dispatch=js.bind(null,rn,g),[y.memoizedState,g]}function J0(g){return Nu(au,g)}function Lu(g,y,R,F){return g={tag:g,create:y,destroy:R,deps:F,next:null},Nr===null?(Nr={lastEffect:null},Nr.lastEffect=g.next=g):(y=Nr.lastEffect,y===null?Nr.lastEffect=g.next=g:(R=y.next,y.next=g,g.next=R,Nr.lastEffect=g)),g}function _i(g,y,R,F){var b=Jn();g0|=g,b.memoizedState=Lu(y,R,void 0,F===void 0?null:F)}function Fo(g,y,R,F){var b=wr();F=F===void 0?null:F;var J=void 0;if(Lt!==null){var ce=Lt.memoizedState;if(J=ce.destroy,F!==null&&Pt(F,ce.deps)){Lu(0,R,J,F);return}}g0|=g,b.memoizedState=Lu(y,R,J,F)}function nl(g,y){return _i(516,192,g,y)}function hf(g,y){return Fo(516,192,g,y)}function Sl(g,y){if(typeof y=="function")return g=g(),y(g),function(){y(null)};if(y!=null)return g=g(),y.current=g,function(){y.current=null}}function vf(){}function Po(g,y){return Jn().memoizedState=[g,y===void 0?null:y],g}function ys(g,y){var R=wr();y=y===void 0?null:y;var F=R.memoizedState;return F!==null&&y!==null&&Pt(y,F[1])?F[0]:(R.memoizedState=[g,y],g)}function js(g,y,R){if(!(25>Dt))throw Error(t(301));var F=g.alternate;if(g===rn||F!==null&&F===rn)if(Lr=!0,g={expirationTime:sn,suspenseConfig:null,action:R,eagerReducer:null,eagerState:null,next:null},it===null&&(it=new Map),R=it.get(y),R===void 0)it.set(y,g);else{for(y=R;y.next!==null;)y=y.next;y.next=g}else{var b=D0(),J=fi.suspense;b=Un(b,g,J),J={expirationTime:b,suspenseConfig:J,action:R,eagerReducer:null,eagerState:null,next:null};var ce=y.last;if(ce===null)J.next=J;else{var mt=ce.next;mt!==null&&(J.next=mt),ce.next=J}if(y.last=J,g.expirationTime===0&&(F===null||F.expirationTime===0)&&(F=y.lastRenderedReducer,F!==null))try{var xt=y.lastRenderedState,kt=F(xt,R);if(J.eagerReducer=F,J.eagerState=kt,Le(kt,xt))return}catch(xr){}finally{}t0(g,b)}}var Io={readContext:ku,useCallback:$e,useContext:$e,useEffect:$e,useImperativeHandle:$e,useLayoutEffect:$e,useMemo:$e,useReducer:$e,useRef:$e,useState:$e,useDebugValue:$e,useResponder:$e,useDeferredValue:$e,useTransition:$e},bo={readContext:ku,useCallback:Po,useContext:ku,useEffect:nl,useImperativeHandle:function(g,y,R){return R=R!=null?R.concat([g]):null,_i(4,36,Sl.bind(null,y,g),R)},useLayoutEffect:function(g,y){return _i(4,36,g,y)},useMemo:function(g,y){var R=Jn();return y=y===void 0?null:y,g=g(),R.memoizedState=[g,y],g},useReducer:function(g,y,R){var F=Jn();return y=R!==void 0?R(y):y,F.memoizedState=F.baseState=y,g=F.queue={last:null,dispatch:null,lastRenderedReducer:g,lastRenderedState:y},g=g.dispatch=js.bind(null,rn,g),[F.memoizedState,g]},useRef:function(g){var y=Jn();return g={current:g},y.memoizedState=g},useState:T0,useDebugValue:vf,useResponder:Ct,useDeferredValue:function(g,y){var R=T0(g),F=R[0],b=R[1];return nl(function(){_.unstable_next(function(){var J=It.suspense;It.suspense=y===void 0?null:y;try{b(g)}finally{It.suspense=J}})},[g,y]),F},useTransition:function(g){var y=T0(!1),R=y[0],F=y[1];return[Po(function(b){F(!0),_.unstable_next(function(){var J=It.suspense;It.suspense=g===void 0?null:g;try{F(!1),b()}finally{It.suspense=J}})},[g,R]),R]}},gs={readContext:ku,useCallback:ys,useContext:ku,useEffect:hf,useImperativeHandle:function(g,y,R){return R=R!=null?R.concat([g]):null,Fo(4,36,Sl.bind(null,y,g),R)},useLayoutEffect:function(g,y){return Fo(4,36,g,y)},useMemo:function(g,y){var R=wr();y=y===void 0?null:y;var F=R.memoizedState;return F!==null&&y!==null&&Pt(y,F[1])?F[0]:(g=g(),R.memoizedState=[g,y],g)},useReducer:Nu,useRef:function(){return wr().memoizedState},useState:J0,useDebugValue:vf,useResponder:Ct,useDeferredValue:function(g,y){var R=J0(g),F=R[0],b=R[1];return hf(function(){_.unstable_next(function(){var J=It.suspense;It.suspense=y===void 0?null:y;try{b(g)}finally{It.suspense=J}})},[g,y]),F},useTransition:function(g){var y=J0(!1),R=y[0],F=y[1];return[ys(function(b){F(!0),_.unstable_next(function(){var J=It.suspense;It.suspense=g===void 0?null:g;try{F(!1),b()}finally{It.suspense=J}})},[g,R]),R]}},Qu=null,Tu=null,Ei=!1;function C0(g,y){var R=zo(5,null,null,0);R.elementType="DELETED",R.type="DELETED",R.stateNode=y,R.return=g,R.effectTag=8,g.lastEffect!==null?(g.lastEffect.nextEffect=R,g.lastEffect=R):g.firstEffect=g.lastEffect=R}function Z0(g,y){switch(g.tag){case 5:return y=Uu(y,g.type,g.pendingProps),y!==null?(g.stateNode=y,!0):!1;case 6:return y=Y0(y,g.pendingProps),y!==null?(g.stateNode=y,!0):!1;case 13:return!1;default:return!1}}function Bo(g){if(Ei){var y=Tu;if(y){var R=y;if(!Z0(g,y)){if(y=Oo(R),!y||!Z0(g,y)){g.effectTag=g.effectTag&-1025|2,Ei=!1,Qu=g;return}C0(Qu,R)}Qu=g,Tu=F0(y)}else g.effectTag=g.effectTag&-1025|2,Ei=!1,Qu=g}}function la(g){for(g=g.return;g!==null&&g.tag!==5&&g.tag!==3&&g.tag!==13;)g=g.return;Qu=g}function $l(g){if(!w||g!==Qu)return!1;if(!Ei)return la(g),Ei=!0,!1;var y=g.type;if(g.tag!==5||y!=="head"&&y!=="body"&&!ct(y,g.memoizedProps))for(y=Tu;y;)C0(g,y),y=Oo(y);if(la(g),g.tag===13){if(!w)throw Error(t(316));if(g=g.memoizedState,g=g!==null?g.dehydrated:null,!g)throw Error(t(317));Tu=Ps(g)}else Tu=Qu?Oo(g.stateNode):null;return!0}function tu(){w&&(Tu=Qu=null,Ei=!1)}var ei=k.ReactCurrentOwner,po=!1;function Bi(g,y,R,F){y.child=g===null?G(y,null,R,F):z(y,g.child,R,F)}function Ci(g,y,R,F,b){R=R.render;var J=y.ref;return Lo(y,b),F=un(g,y,R,F,J,b),g!==null&&!po?(y.updateQueue=g.updateQueue,y.effectTag&=-517,g.expirationTime<=b&&(g.expirationTime=0),yu(g,y,b)):(y.effectTag|=1,Bi(g,y,F,b),y.child)}function mf(g,y,R,F,b,J){if(g===null){var ce=R.type;return typeof ce=="function"&&!Ef(ce)&&ce.defaultProps===void 0&&R.compare===null&&R.defaultProps===void 0?(y.tag=15,y.type=ce,yf(g,y,ce,F,b,J)):(g=qa(R.type,null,F,null,y.mode,J),g.ref=y.ref,g.return=y,y.child=g)}return ce=g.child,b<J&&(b=ce.memoizedProps,R=R.compare,R=R!==null?R:dt,R(b,F)&&g.ref===y.ref)?yu(g,y,J):(y.effectTag|=1,g=Gu(ce,F,J),g.ref=y.ref,g.return=y,y.child=g)}function yf(g,y,R,F,b,J){return g!==null&&dt(g.memoizedProps,F)&&g.ref===y.ref&&(po=!1,b<J)?yu(g,y,J):eo(g,y,R,F,J)}function $0(g,y){var R=y.ref;(g===null&&R!==null||g!==null&&g.ref!==R)&&(y.effectTag|=128)}function eo(g,y,R,F,b){var J=eu(R)?Wt:Ai.current;return J=Au(y,J),Lo(y,b),R=un(g,y,R,F,J,b),g!==null&&!po?(y.updateQueue=g.updateQueue,y.effectTag&=-517,g.expirationTime<=b&&(g.expirationTime=0),yu(g,y,b)):(y.effectTag|=1,Bi(g,y,R,b),y.child)}function Ce(g,y,R,F,b){if(eu(R)){var J=!0;ai(y)}else J=!1;if(Lo(y,b),y.stateNode===null)g!==null&&(g.alternate=null,y.alternate=null,y.effectTag|=2),bs(y,R,F,b),Bs(y,R,F,b),F=!0;else if(g===null){var ce=y.stateNode,mt=y.memoizedProps;ce.props=mt;var xt=ce.context,kt=R.contextType;typeof kt=="object"&&kt!==null?kt=ku(kt):(kt=eu(R)?Wt:Ai.current,kt=Au(y,kt));var xr=R.getDerivedStateFromProps,i0=typeof xr=="function"||typeof ce.getSnapshotBeforeUpdate=="function";i0||typeof ce.UNSAFE_componentWillReceiveProps!="function"&&typeof ce.componentWillReceiveProps!="function"||(mt!==F||xt!==kt)&&ba(y,ce,F,kt),co=!1;var cu=y.memoizedState;xt=ce.state=cu;var z0=y.updateQueue;z0!==null&&(S0(y,z0,F,ce,b),xt=y.memoizedState),mt!==F||cu!==xt||gi.current||co?(typeof xr=="function"&&(Zl(y,R,xr,F),xt=y.memoizedState),(mt=co||pf(y,R,mt,F,cu,xt,kt))?(i0||typeof ce.UNSAFE_componentWillMount!="function"&&typeof ce.componentWillMount!="function"||(typeof ce.componentWillMount=="function"&&ce.componentWillMount(),typeof ce.UNSAFE_componentWillMount=="function"&&ce.UNSAFE_componentWillMount()),typeof ce.componentDidMount=="function"&&(y.effectTag|=4)):(typeof ce.componentDidMount=="function"&&(y.effectTag|=4),y.memoizedProps=F,y.memoizedState=xt),ce.props=F,ce.state=xt,ce.context=kt,F=mt):(typeof ce.componentDidMount=="function"&&(y.effectTag|=4),F=!1)}else ce=y.stateNode,mt=y.memoizedProps,ce.props=y.type===y.elementType?mt:Yn(y.type,mt),xt=ce.context,kt=R.contextType,typeof kt=="object"&&kt!==null?kt=ku(kt):(kt=eu(R)?Wt:Ai.current,kt=Au(y,kt)),xr=R.getDerivedStateFromProps,(i0=typeof xr=="function"||typeof ce.getSnapshotBeforeUpdate=="function")||typeof ce.UNSAFE_componentWillReceiveProps!="function"&&typeof ce.componentWillReceiveProps!="function"||(mt!==F||xt!==kt)&&ba(y,ce,F,kt),co=!1,xt=y.memoizedState,cu=ce.state=xt,z0=y.updateQueue,z0!==null&&(S0(y,z0,F,ce,b),cu=y.memoizedState),mt!==F||xt!==cu||gi.current||co?(typeof xr=="function"&&(Zl(y,R,xr,F),cu=y.memoizedState),(xr=co||pf(y,R,mt,F,xt,cu,kt))?(i0||typeof ce.UNSAFE_componentWillUpdate!="function"&&typeof ce.componentWillUpdate!="function"||(typeof ce.componentWillUpdate=="function"&&ce.componentWillUpdate(F,cu,kt),typeof ce.UNSAFE_componentWillUpdate=="function"&&ce.UNSAFE_componentWillUpdate(F,cu,kt)),typeof ce.componentDidUpdate=="function"&&(y.effectTag|=4),typeof ce.getSnapshotBeforeUpdate=="function"&&(y.effectTag|=256)):(typeof ce.componentDidUpdate!="function"||mt===g.memoizedProps&&xt===g.memoizedState||(y.effectTag|=4),typeof ce.getSnapshotBeforeUpdate!="function"||mt===g.memoizedProps&&xt===g.memoizedState||(y.effectTag|=256),y.memoizedProps=F,y.memoizedState=cu),ce.props=F,ce.state=cu,ce.context=kt,F=xr):(typeof ce.componentDidUpdate!="function"||mt===g.memoizedProps&&xt===g.memoizedState||(y.effectTag|=4),typeof ce.getSnapshotBeforeUpdate!="function"||mt===g.memoizedProps&&xt===g.memoizedState||(y.effectTag|=256),F=!1);return et(g,y,R,F,J,b)}function et(g,y,R,F,b,J){$0(g,y);var ce=(y.effectTag&64)!=0;if(!F&&!ce)return b&&so(y,R,!1),yu(g,y,J);F=y.stateNode,ei.current=y;var mt=ce&&typeof R.getDerivedStateFromError!="function"?null:F.render();return y.effectTag|=1,g!==null&&ce?(y.child=z(y,g.child,null,J),y.child=z(y,null,mt,J)):Bi(g,y,mt,J),y.memoizedState=F.state,b&&so(y,R,!0),y.child}function Ye(g){var y=g.stateNode;y.pendingContext?Xl(g,y.pendingContext,y.pendingContext!==y.context):y.context&&Xl(g,y.context,!1),ke(g,y.containerInfo)}var Yt={dehydrated:null,retryTime:0};function Kt(g,y,R){var F=y.mode,b=y.pendingProps,J=He.current,ce=!1,mt;if((mt=(y.effectTag&64)!=0)||(mt=(J&2)!=0&&(g===null||g.memoizedState!==null)),mt?(ce=!0,y.effectTag&=-65):g!==null&&g.memoizedState===null||b.fallback===void 0||b.unstable_avoidThisFallback===!0||(J|=1),en(He,J&1,y),g===null){if(b.fallback!==void 0&&Bo(y),ce){if(ce=b.fallback,b=r0(null,F,0,null),b.return=y,(y.mode&2)==0)for(g=y.memoizedState!==null?y.child.child:y.child,b.child=g;g!==null;)g.return=b,g=g.sibling;return R=r0(ce,F,R,null),R.return=y,b.sibling=R,y.memoizedState=Yt,y.child=b,R}return F=b.children,y.memoizedState=null,y.child=G(y,null,F,R)}if(g.memoizedState!==null){if(g=g.child,F=g.sibling,ce){if(b=b.fallback,R=Gu(g,g.pendingProps,0),R.return=y,(y.mode&2)==0&&(ce=y.memoizedState!==null?y.child.child:y.child,ce!==g.child))for(R.child=ce;ce!==null;)ce.return=R,ce=ce.sibling;return F=Gu(F,b,F.expirationTime),F.return=y,R.sibling=F,R.childExpirationTime=0,y.memoizedState=Yt,y.child=R,F}return R=z(y,g.child,b.children,R),y.memoizedState=null,y.child=R}if(g=g.child,ce){if(ce=b.fallback,b=r0(null,F,0,null),b.return=y,b.child=g,g!==null&&(g.return=b),(y.mode&2)==0)for(g=y.memoizedState!==null?y.child.child:y.child,b.child=g;g!==null;)g.return=b,g=g.sibling;return R=r0(ce,F,R,null),R.return=y,b.sibling=R,R.effectTag|=2,b.childExpirationTime=0,y.memoizedState=Yt,y.child=b,R}return y.memoizedState=null,y.child=z(y,g,b.children,R)}function pr(g,y){g.expirationTime<y&&(g.expirationTime=y);var R=g.alternate;R!==null&&R.expirationTime<y&&(R.expirationTime=y),Ti(g.return,y)}function Wr(g,y,R,F,b,J){var ce=g.memoizedState;ce===null?g.memoizedState={isBackwards:y,rendering:null,last:F,tail:R,tailExpiration:0,tailMode:b,lastEffect:J}:(ce.isBackwards=y,ce.rendering=null,ce.last=F,ce.tail=R,ce.tailExpiration=0,ce.tailMode=b,ce.lastEffect=J)}function xn(g,y,R){var F=y.pendingProps,b=F.revealOrder,J=F.tail;if(Bi(g,y,F.children,R),F=He.current,(F&2)!=0)F=F&1|2,y.effectTag|=64;else{if(g!==null&&(g.effectTag&64)!=0)e:for(g=y.child;g!==null;){if(g.tag===13)g.memoizedState!==null&&pr(g,R);else if(g.tag===19)pr(g,R);else if(g.child!==null){g.child.return=g,g=g.child;continue}if(g===y)break e;for(;g.sibling===null;){if(g.return===null||g.return===y)break e;g=g.return}g.sibling.return=g.return,g=g.sibling}F&=1}if(en(He,F,y),(y.mode&2)==0)y.memoizedState=null;else switch(b){case"forwards":for(R=y.child,b=null;R!==null;)g=R.alternate,g!==null&&nt(g)===null&&(b=R),R=R.sibling;R=b,R===null?(b=y.child,y.child=null):(b=R.sibling,R.sibling=null),Wr(y,!1,b,R,J,y.lastEffect);break;case"backwards":for(R=null,b=y.child,y.child=null;b!==null;){if(g=b.alternate,g!==null&&nt(g)===null){y.child=b;break}g=b.sibling,b.sibling=R,R=b,b=g}Wr(y,!0,R,null,J,y.lastEffect);break;case"together":Wr(y,!1,null,null,void 0,y.lastEffect);break;default:y.memoizedState=null}return y.child}function yu(g,y,R){g!==null&&(y.dependencies=g.dependencies);var F=y.expirationTime;if(F!==0&&Ua(F),y.childExpirationTime<R)return null;if(g!==null&&y.child!==g.child)throw Error(t(153));if(y.child!==null){for(g=y.child,R=Gu(g,g.pendingProps,g.expirationTime),y.child=R,R.return=y;g.sibling!==null;)g=g.sibling,R=R.sibling=Gu(g,g.pendingProps,g.expirationTime),R.return=y;R.sibling=null}return y.child}function Ju(g){g.effectTag|=4}var ti,Jr,Wu,Rn;if(Vt)ti=function(g,y){for(var R=y.child;R!==null;){if(R.tag===5||R.tag===6)xe(g,R.stateNode);else if(R.tag!==4&&R.child!==null){R.child.return=R,R=R.child;continue}if(R===y)break;for(;R.sibling===null;){if(R.return===null||R.return===y)return;R=R.return}R.sibling.return=R.return,R=R.sibling}},Jr=function(){},Wu=function(g,y,R,F,b){if(g=g.memoizedProps,g!==F){var J=y.stateNode,ce=Z(Te.current);R=ze(J,R,g,F,b,ce),(y.updateQueue=R)&&Ju(y)}},Rn=function(g,y,R,F){R!==F&&Ju(y)};else if(Er){ti=function(g,y,R,F){for(var b=y.child;b!==null;){if(b.tag===5){var J=b.stateNode;R&&F&&(J=$o(J,b.type,b.memoizedProps,b)),xe(g,J)}else if(b.tag===6)J=b.stateNode,R&&F&&(J=G0(J,b.memoizedProps,b)),xe(g,J);else if(b.tag!==4){if(b.tag===13&&(b.effectTag&4)!=0&&(J=b.memoizedState!==null)){var ce=b.child;if(ce!==null&&(ce.child!==null&&(ce.child.return=ce,ti(g,ce,!0,J)),J=ce.sibling,J!==null)){J.return=b,b=J;continue}}if(b.child!==null){b.child.return=b,b=b.child;continue}}if(b===y)break;for(;b.sibling===null;){if(b.return===null||b.return===y)return;b=b.return}b.sibling.return=b.return,b=b.sibling}};var x0=function(g,y,R,F){for(var b=y.child;b!==null;){if(b.tag===5){var J=b.stateNode;R&&F&&(J=$o(J,b.type,b.memoizedProps,b)),lu(g,J)}else if(b.tag===6)J=b.stateNode,R&&F&&(J=G0(J,b.memoizedProps,b)),lu(g,J);else if(b.tag!==4){if(b.tag===13&&(b.effectTag&4)!=0&&(J=b.memoizedState!==null)){var ce=b.child;if(ce!==null&&(ce.child!==null&&(ce.child.return=ce,x0(g,ce,!0,J)),J=ce.sibling,J!==null)){J.return=b,b=J;continue}}if(b.child!==null){b.child.return=b,b=b.child;continue}}if(b===y)break;for(;b.sibling===null;){if(b.return===null||b.return===y)return;b=b.return}b.sibling.return=b.return,b=b.sibling}};Jr=function(g){var y=g.stateNode;if(g.firstEffect!==null){var R=y.containerInfo,F=xi(R);x0(F,g,!1,!1),y.pendingChildren=F,Ju(g),mi(R,F)}},Wu=function(g,y,R,F,b){var J=g.stateNode,ce=g.memoizedProps;if((g=y.firstEffect===null)&&ce===F)y.stateNode=J;else{var mt=y.stateNode,xt=Z(Te.current),kt=null;ce!==F&&(kt=ze(mt,R,ce,F,b,xt)),g&&kt===null?y.stateNode=J:(J=qt(J,kt,R,ce,F,y,g,mt),oe(J,R,F,b,xt)&&Ju(y),y.stateNode=J,g?Ju(y):ti(J,y,!1,!1))}},Rn=function(g,y,R,F){R!==F&&(g=Z(Re.current),R=Z(Te.current),y.stateNode=nn(F,g,R,y),Ju(y))}}else Jr=function(){},Wu=function(){},Rn=function(){};function Fu(g,y){switch(g.tailMode){case"hidden":y=g.tail;for(var R=null;y!==null;)y.alternate!==null&&(R=y),y=y.sibling;R===null?g.tail=null:R.sibling=null;break;case"collapsed":R=g.tail;for(var F=null;R!==null;)R.alternate!==null&&(F=R),R=R.sibling;F===null?y||g.tail===null?g.tail=null:g.tail.sibling=null:F.sibling=null}}function li(g){switch(g.tag){case 1:eu(g.type)&&X0(g);var y=g.effectTag;return y&4096?(g.effectTag=y&-4097|64,g):null;case 3:if(Qe(g),Yi(g),y=g.effectTag,(y&64)!=0)throw Error(t(285));return g.effectTag=y&-4097|64,g;case 5:return ue(g),null;case 13:return yi(He,g),y=g.effectTag,y&4096?(g.effectTag=y&-4097|64,g):null;case 19:return yi(He,g),null;case 4:return Qe(g),null;case 10:return Su(g),null;default:return null}}function Tl(g,y){return{value:g,source:y,stack:Hr(y)}}var zs=typeof WeakSet=="function"?WeakSet:Set;function Vu(g,y){var R=y.source,F=y.stack;F===null&&R!==null&&(F=Hr(R)),R!==null&&je(R.type),y=y.value,g!==null&&g.tag===1&&je(g.type);try{console.error(y)}catch(b){setTimeout(function(){throw b})}}function sa(g,y){try{y.props=g.memoizedProps,y.state=g.memoizedState,y.componentWillUnmount()}catch(R){jo(g,R)}}function Xi(g){var y=g.ref;if(y!==null)if(typeof y=="function")try{y(null)}catch(R){jo(g,R)}else y.current=null}function Hs(g,y){switch(y.tag){case 0:case 11:case 15:R0(2,0,y);break;case 1:if(y.effectTag&256&&g!==null){var R=g.memoizedProps,F=g.memoizedState;g=y.stateNode,y=g.getSnapshotBeforeUpdate(y.elementType===y.type?R:Yn(y.type,R),F),g.__reactInternalSnapshotBeforeUpdate=y}break;case 3:case 5:case 6:case 4:case 17:break;default:throw Error(t(163))}}function R0(g,y,R){if(R=R.updateQueue,R=R!==null?R.lastEffect:null,R!==null){var F=R=R.next;do{if((F.tag&g)!=0){var b=F.destroy;F.destroy=void 0,b!==void 0&&b()}(F.tag&y)!=0&&(b=F.create,F.destroy=b()),F=F.next}while(F!==R)}}function zi(g,y,R){switch(typeof ws=="function"&&ws(y),y.tag){case 0:case 11:case 14:case 15:if(g=y.updateQueue,g!==null&&(g=g.lastEffect,g!==null)){var F=g.next;fo(97<R?97:R,function(){var b=F;do{var J=b.destroy;if(J!==void 0){var ce=y;try{J()}catch(mt){jo(ce,mt)}}b=b.next}while(b!==F)})}break;case 1:Xi(y),R=y.stateNode,typeof R.componentWillUnmount=="function"&&sa(y,R);break;case 5:Xi(y);break;case 4:Vt?O0(g,y,R):Er&&rl(y)}}function A0(g,y,R){for(var F=y;;)if(zi(g,F,R),F.child===null||Vt&&F.tag===4){if(F===y)break;for(;F.sibling===null;){if(F.return===null||F.return===y)return;F=F.return}F.sibling.return=F.return,F=F.sibling}else F.child.return=F,F=F.child}function Hi(g){var y=g.alternate;g.return=null,g.child=null,g.memoizedState=null,g.updateQueue=null,g.dependencies=null,g.alternate=null,g.firstEffect=null,g.lastEffect=null,g.pendingProps=null,g.memoizedProps=null,y!==null&&Hi(y)}function rl(g){if(Er){g=g.stateNode.containerInfo;var y=xi(g);Dr(g,y)}}function Cl(g){return g.tag===5||g.tag===3||g.tag===4}function B0(g){if(Vt){e:{for(var y=g.return;y!==null;){if(Cl(y)){var R=y;break e}y=y.return}throw Error(t(160))}switch(y=R.stateNode,R.tag){case 5:var F=!1;break;case 3:y=y.containerInfo,F=!0;break;case 4:y=y.containerInfo,F=!0;break;default:throw Error(t(161))}R.effectTag&16&&(Ro(y),R.effectTag&=-17);e:t:for(R=g;;){for(;R.sibling===null;){if(R.return===null||Cl(R.return)){R=null;break e}R=R.return}for(R.sibling.return=R.return,R=R.sibling;R.tag!==5&&R.tag!==6&&R.tag!==18;){if(R.effectTag&2||R.child===null||R.tag===4)continue t;R.child.return=R,R=R.child}if(!(R.effectTag&2)){R=R.stateNode;break e}}for(var b=g;;){var J=b.tag===5||b.tag===6;if(J)J=J?b.stateNode:b.stateNode.instance,R?F?Xt(y,J,R):zr(y,J,R):F?Xn(y,J):jt(y,J);else if(b.tag!==4&&b.child!==null){b.child.return=b,b=b.child;continue}if(b===g)break;for(;b.sibling===null;){if(b.return===null||b.return===g)return;b=b.return}b.sibling.return=b.return,b=b.sibling}}}function O0(g,y,R){for(var F=y,b=!1,J,ce;;){if(!b){b=F.return;e:for(;;){if(b===null)throw Error(t(160));switch(J=b.stateNode,b.tag){case 5:ce=!1;break e;case 3:J=J.containerInfo,ce=!0;break e;case 4:J=J.containerInfo,ce=!0;break e}b=b.return}b=!0}if(F.tag===5||F.tag===6)A0(g,F,R),ce?d0(J,F.stateNode):wu(J,F.stateNode);else if(F.tag===4){if(F.child!==null){J=F.stateNode.containerInfo,ce=!0,F.child.return=F,F=F.child;continue}}else if(zi(g,F,R),F.child!==null){F.child.return=F,F=F.child;continue}if(F===y)break;for(;F.sibling===null;){if(F.return===null||F.return===y)return;F=F.return,F.tag===4&&(b=!1)}F.sibling.return=F.return,F=F.sibling}}function ho(g,y){if(Vt)switch(y.tag){case 0:case 11:case 14:case 15:R0(4,8,y);break;case 1:break;case 5:var R=y.stateNode;if(R!=null){var F=y.memoizedProps;g=g!==null?g.memoizedProps:F;var b=y.type,J=y.updateQueue;y.updateQueue=null,J!==null&&fr(R,J,b,g,F,y)}break;case 6:if(y.stateNode===null)throw Error(t(162));R=y.memoizedProps,vr(y.stateNode,g!==null?g.memoizedProps:R,R);break;case 3:w&&(y=y.stateNode,y.hydrate&&(y.hydrate=!1,Kl(y.containerInfo)));break;case 12:break;case 13:Pu(y),Zu(y);break;case 19:Zu(y);break;case 17:break;case 20:break;case 21:break;default:throw Error(t(163))}else{switch(y.tag){case 0:case 11:case 14:case 15:R0(4,8,y);return;case 12:return;case 13:Pu(y),Zu(y);return;case 19:Zu(y);return;case 3:w&&(R=y.stateNode,R.hydrate&&(R.hydrate=!1,Kl(R.containerInfo)))}e:if(Er)switch(y.tag){case 1:case 5:case 6:case 20:break e;case 3:case 4:y=y.stateNode,Dr(y.containerInfo,y.pendingChildren);break e;default:throw Error(t(163))}}}function Pu(g){var y=g;if(g.memoizedState===null)var R=!1;else R=!0,y=g.child,Tn=v0();if(Vt&&y!==null)e:if(g=y,Vt)for(y=g;;){if(y.tag===5){var F=y.stateNode;R?Qo(F):Jo(y.stateNode,y.memoizedProps)}else if(y.tag===6)F=y.stateNode,R?Fs(F):Zo(F,y.memoizedProps);else if(y.tag===13&&y.memoizedState!==null&&y.memoizedState.dehydrated===null){F=y.child.sibling,F.return=y,y=F;continue}else if(y.child!==null){y.child.return=y,y=y.child;continue}if(y===g)break e;for(;y.sibling===null;){if(y.return===null||y.return===g)break e;y=y.return}y.sibling.return=y.return,y=y.sibling}}function Zu(g){var y=g.updateQueue;if(y!==null){g.updateQueue=null;var R=g.stateNode;R===null&&(R=g.stateNode=new zs),y.forEach(function(F){var b=za.bind(null,g,F);R.has(F)||(R.add(F),F.then(b,b))})}}var es=typeof WeakMap=="function"?WeakMap:Map;function _s(g,y,R){R=m0(R,null),R.tag=3,R.payload={element:null};var F=y.value;return R.callback=function(){Fi||(Fi=!0,Ar=F),Vu(g,y)},R}function aa(g,y,R){R=m0(R,null),R.tag=3;var F=g.type.getDerivedStateFromError;if(typeof F=="function"){var b=y.value;R.payload=function(){return Vu(g,y),F(b)}}var J=g.stateNode;return J!==null&&typeof J.componentDidCatch=="function"&&(R.callback=function(){typeof F!="function"&&(mr===null?mr=new Set([this]):mr.add(this),Vu(g,y));var ce=y.stack;this.componentDidCatch(y.value,{componentStack:ce!==null?ce:""})}),R}var gf=Math.ceil,$u=k.ReactCurrentDispatcher,Es=k.ReactCurrentOwner,Rr=0,to=8,nu=16,fu=32,Li=0,ni=1,Kn=2,e0=3,_0=4,E0=5,Fn=Rr,ae=null,re=null,Fe=0,Ae=Li,st=null,vt=1073741823,Qt=1073741823,On=null,Sn=0,_n=!1,Tn=0,ir=500,Bt=null,Fi=!1,Ar=null,mr=null,Y=!1,ri=null,ii=90,Vr=null,at=0,Di=null,ru=0;function D0(){return(Fn&(nu|fu))!==Rr?1073741821-(v0()/10|0):ru!==0?ru:ru=1073741821-(v0()/10|0)}function Un(g,y,R){if(y=y.mode,(y&2)==0)return 1073741823;var F=hs();if((y&4)==0)return F===99?1073741823:1073741822;if((Fn&nu)!==Rr)return Fe;if(R!==null)g=X(g,R.timeoutMs|0||5e3,250);else switch(F){case 99:g=1073741823;break;case 98:g=X(g,150,100);break;case 97:case 96:g=X(g,5e3,250);break;case 95:g=2;break;default:throw Error(t(326))}return ae!==null&&g===Fe&&--g,g}function t0(g,y){if(50<at)throw at=0,Di=null,Error(t(185));if(g=no(g,y),g!==null){var R=hs();y===1073741823?(Fn&to)!==Rr&&(Fn&(nu|fu))===Rr?ro(g):(n0(g),Fn===Rr&&ju()):n0(g),(Fn&4)===Rr||R!==98&&R!==99||(Vr===null?Vr=new Map([[g,y]]):(R=Vr.get(g),(R===void 0||R>y)&&Vr.set(g,y)))}}function no(g,y){g.expirationTime<y&&(g.expirationTime=y);var R=g.alternate;R!==null&&R.expirationTime<y&&(R.expirationTime=y);var F=g.return,b=null;if(F===null&&g.tag===3)b=g.stateNode;else for(;F!==null;){if(R=F.alternate,F.childExpirationTime<y&&(F.childExpirationTime=y),R!==null&&R.childExpirationTime<y&&(R.childExpirationTime=y),F.return===null&&F.tag===3){b=F.stateNode;break}F=F.return}return b!==null&&(ae===b&&(Ua(y),Ae===_0&&Al(b,Fe)),Ts(b,y)),b}function vo(g){var y=g.lastExpiredTime;return y!==0||(y=g.firstPendingTime,!dc(g,y))?y:(y=g.lastPingedTime,g=g.nextKnownPendingLevel,y>g?y:g)}function n0(g){if(g.lastExpiredTime!==0)g.callbackExpirationTime=1073741823,g.callbackPriority=99,g.callbackNode=Jl(ro.bind(null,g));else{var y=vo(g),R=g.callbackNode;if(y===0)R!==null&&(g.callbackNode=null,g.callbackExpirationTime=0,g.callbackPriority=90);else{var F=D0();if(y===1073741823?F=99:y===1||y===2?F=95:(F=10*(1073741821-y)-10*(1073741821-F),F=0>=F?99:250>=F?98:5250>=F?97:95),R!==null){var b=g.callbackPriority;if(g.callbackExpirationTime===y&&b>=F)return;R!==qr&&Is(R)}g.callbackExpirationTime=y,g.callbackPriority=F,y=y===1073741823?Jl(ro.bind(null,g)):tl(F,Uo.bind(null,g),{timeout:10*(1073741821-y)-v0()}),g.callbackNode=y}}}function Uo(g,y){if(ru=0,y)return y=D0(),da(g,y),n0(g),null;var R=vo(g);if(R!==0){if(y=g.callbackNode,(Fn&(nu|fu))!==Rr)throw Error(t(327));if(qs(),g===ae&&R===Fe||Ds(g,R),re!==null){var F=Fn;Fn|=nu;var b=U0(g);do try{nd();break}catch(mt){fa(g,mt)}while(1);if(zu(),Fn=F,$u.current=b,Ae===ni)throw y=st,Ds(g,R),Al(g,R),n0(g),y;if(re===null)switch(b=g.finishedWork=g.current.alternate,g.finishedExpirationTime=R,F=Ae,ae=null,F){case Li:case ni:throw Error(t(345));case Kn:da(g,2<R?2:R);break;case e0:if(Al(g,R),F=g.lastSuspendedTime,R===F&&(g.nextKnownPendingLevel=Hc(b)),vt===1073741823&&(b=Tn+ir-v0(),10<b)){if(_n){var J=g.lastPingedTime;if(J===0||J>=R){g.lastPingedTime=R,Ds(g,R);break}}if(J=vo(g),J!==0&&J!==R)break;if(F!==0&&F!==R){g.lastPingedTime=F;break}g.timeoutHandle=an(xl.bind(null,g),b);break}xl(g);break;case _0:if(Al(g,R),F=g.lastSuspendedTime,R===F&&(g.nextKnownPendingLevel=Hc(b)),_n&&(b=g.lastPingedTime,b===0||b>=R)){g.lastPingedTime=R,Ds(g,R);break}if(b=vo(g),b!==0&&b!==R)break;if(F!==0&&F!==R){g.lastPingedTime=F;break}if(Qt!==1073741823?F=10*(1073741821-Qt)-v0():vt===1073741823?F=0:(F=10*(1073741821-vt)-5e3,b=v0(),R=10*(1073741821-R)-b,F=b-F,0>F&&(F=0),F=(120>F?120:480>F?480:1080>F?1080:1920>F?1920:3e3>F?3e3:4320>F?4320:1960*gf(F/1960))-F,R<F&&(F=R)),10<F){g.timeoutHandle=an(xl.bind(null,g),F);break}xl(g);break;case E0:if(vt!==1073741823&&On!==null){J=vt;var ce=On;if(F=ce.busyMinDurationMs|0,0>=F?F=0:(b=ce.busyDelayMs|0,J=v0()-(10*(1073741821-J)-(ce.timeoutMs|0||5e3)),F=J<=b?0:b+F-J),10<F){Al(g,R),g.timeoutHandle=an(xl.bind(null,g),F);break}}xl(g);break;default:throw Error(t(329))}if(n0(g),g.callbackNode===y)return Uo.bind(null,g)}}return null}function ro(g){var y=g.lastExpiredTime;if(y=y!==0?y:1073741823,g.finishedExpirationTime===y)xl(g);else{if((Fn&(nu|fu))!==Rr)throw Error(t(327));if(qs(),g===ae&&y===Fe||Ds(g,y),re!==null){var R=Fn;Fn|=nu;var F=U0(g);do try{E2();break}catch(b){fa(g,b)}while(1);if(zu(),Fn=R,$u.current=F,Ae===ni)throw R=st,Ds(g,y),Al(g,y),n0(g),R;if(re!==null)throw Error(t(261));g.finishedWork=g.current.alternate,g.finishedExpirationTime=y,ae=null,xl(g),n0(g)}}return null}function Ba(g,y){da(g,y),n0(g),(Fn&(nu|fu))===Rr&&ju()}function _f(){if(Vr!==null){var g=Vr;Vr=null,g.forEach(function(y,R){da(R,y),n0(R)}),ju()}}function fc(g,y){if((Fn&(nu|fu))!==Rr)throw Error(t(187));var R=Fn;Fn|=1;try{return fo(99,g.bind(null,y))}finally{Fn=R,ju()}}function Ds(g,y){g.finishedWork=null,g.finishedExpirationTime=0;var R=g.timeoutHandle;if(R!==lr&&(g.timeoutHandle=lr,Mn(R)),re!==null)for(R=re.return;R!==null;){var F=R;switch(F.tag){case 1:var b=F.type.childContextTypes;b!=null&&X0(F);break;case 3:Qe(F),Yi(F);break;case 5:ue(F);break;case 4:Qe(F);break;case 13:yi(He,F);break;case 19:yi(He,F);break;case 10:Su(F)}R=R.return}ae=g,re=Gu(g.current,null,y),Fe=y,Ae=Li,st=null,Qt=vt=1073741823,On=null,Sn=0,_n=!1}function fa(g,y){do{try{if(zu(),fn(),re===null||re.return===null)return Ae=ni,st=y,null;e:{var R=g,F=re.return,b=re,J=y;if(y=Fe,b.effectTag|=2048,b.firstEffect=b.lastEffect=null,J!==null&&typeof J=="object"&&typeof J.then=="function"){var ce=J,mt=(He.current&1)!=0,xt=F;do{var kt;if(kt=xt.tag===13){var xr=xt.memoizedState;if(xr!==null)kt=xr.dehydrated!==null;else{var i0=xt.memoizedProps;kt=i0.fallback===void 0?!1:i0.unstable_avoidThisFallback!==!0?!0:!mt}}if(kt){var cu=xt.updateQueue;if(cu===null){var z0=new Set;z0.add(ce),xt.updateQueue=z0}else cu.add(ce);if((xt.mode&2)==0){if(xt.effectTag|=64,b.effectTag&=-2981,b.tag===1)if(b.alternate===null)b.tag=17;else{var Ol=m0(1073741823,null);Ol.tag=2,Q0(b,Ol)}b.expirationTime=1073741823;break e}J=void 0,b=y;var u0=R.pingCache;if(u0===null?(u0=R.pingCache=new es,J=new Set,u0.set(ce,J)):(J=u0.get(ce),J===void 0&&(J=new Set,u0.set(ce,J))),!J.has(b)){J.add(b);var Ve=ja.bind(null,R,ce,b);ce.then(Ve,Ve)}xt.effectTag|=4096,xt.expirationTime=y;break e}xt=xt.return}while(xt!==null);J=Error((je(b.type)||"A React component")+` suspended while rendering, but no fallback UI was specified.
-
-Add a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.`+Hr(b))}Ae!==E0&&(Ae=Kn),J=Tl(J,b),xt=F;do{switch(xt.tag){case 3:ce=J,xt.effectTag|=4096,xt.expirationTime=y;var Ue=_s(xt,ce,y);ua(xt,Ue);break e;case 1:ce=J;var lt=xt.type,$t=xt.stateNode;if((xt.effectTag&64)==0&&(typeof lt.getDerivedStateFromError=="function"||$t!==null&&typeof $t.componentDidCatch=="function"&&(mr===null||!mr.has($t)))){xt.effectTag|=4096,xt.expirationTime=y;var Wn=aa(xt,ce,y);ua(xt,Wn);break e}}xt=xt.return}while(xt!==null)}re=mo(re)}catch(si){y=si;continue}break}while(1)}function U0(){var g=$u.current;return $u.current=Io,g===null?Io:g}function cc(g,y){g<vt&&2<g&&(vt=g),y!==null&&g<Qt&&2<g&&(Qt=g,On=y)}function Ua(g){g>Sn&&(Sn=g)}function E2(){for(;re!==null;)re=rd(re)}function nd(){for(;re!==null&&!$n();)re=rd(re)}function rd(g){var y=Ha(g.alternate,g,Fe);return g.memoizedProps=g.pendingProps,y===null&&(y=mo(g)),Es.current=null,y}function mo(g){re=g;do{var y=re.alternate;if(g=re.return,(re.effectTag&2048)==0){e:{var R=y;y=re;var F=Fe,b=y.pendingProps;switch(y.tag){case 2:break;case 16:break;case 15:case 0:break;case 1:eu(y.type)&&X0(y);break;case 3:Qe(y),Yi(y),b=y.stateNode,b.pendingContext&&(b.context=b.pendingContext,b.pendingContext=null),(R===null||R.child===null)&&$l(y)&&Ju(y),Jr(y);break;case 5:ue(y);var J=Z(Re.current);if(F=y.type,R!==null&&y.stateNode!=null)Wu(R,y,F,b,J),R.ref!==y.ref&&(y.effectTag|=128);else if(b){if(R=Z(Te.current),$l(y)){if(b=y,!w)throw Error(t(175));R=su(b.stateNode,b.type,b.memoizedProps,J,R,b),b.updateQueue=R,R=R!==null,R&&Ju(y)}else{var ce=fe(F,b,J,R,y);ti(ce,y,!1,!1),y.stateNode=ce,oe(ce,F,b,J,R)&&Ju(y)}y.ref!==null&&(y.effectTag|=128)}else if(y.stateNode===null)throw Error(t(166));break;case 6:if(R&&y.stateNode!=null)Rn(R,y,R.memoizedProps,b);else{if(typeof b!="string"&&y.stateNode===null)throw Error(t(166));if(R=Z(Re.current),J=Z(Te.current),$l(y)){if(R=y,!w)throw Error(t(176));(R=ki(R.stateNode,R.memoizedProps,R))&&Ju(y)}else y.stateNode=nn(b,R,J,y)}break;case 11:break;case 13:if(yi(He,y),b=y.memoizedState,(y.effectTag&64)!=0){y.expirationTime=F;break e}b=b!==null,J=!1,R===null?y.memoizedProps.fallback!==void 0&&$l(y):(F=R.memoizedState,J=F!==null,b||F===null||(F=R.child.sibling,F!==null&&(ce=y.firstEffect,ce!==null?(y.firstEffect=F,F.nextEffect=ce):(y.firstEffect=y.lastEffect=F,F.nextEffect=null),F.effectTag=8))),b&&!J&&(y.mode&2)!=0&&(R===null&&y.memoizedProps.unstable_avoidThisFallback!==!0||(He.current&1)!=0?Ae===Li&&(Ae=e0):((Ae===Li||Ae===e0)&&(Ae=_0),Sn!==0&&ae!==null&&(Al(ae,Fe),Ts(ae,Sn)))),Er&&b&&(y.effectTag|=4),Vt&&(b||J)&&(y.effectTag|=4);break;case 7:break;case 8:break;case 12:break;case 4:Qe(y),Jr(y);break;case 10:Su(y);break;case 9:break;case 14:break;case 17:eu(y.type)&&X0(y);break;case 19:if(yi(He,y),b=y.memoizedState,b===null)break;if(J=(y.effectTag&64)!=0,ce=b.rendering,ce===null){if(J)Fu(b,!1);else if(Ae!==Li||R!==null&&(R.effectTag&64)!=0)for(R=y.child;R!==null;){if(ce=nt(R),ce!==null){for(y.effectTag|=64,Fu(b,!1),R=ce.updateQueue,R!==null&&(y.updateQueue=R,y.effectTag|=4),b.lastEffect===null&&(y.firstEffect=null),y.lastEffect=b.lastEffect,R=F,b=y.child;b!==null;)J=b,F=R,J.effectTag&=2,J.nextEffect=null,J.firstEffect=null,J.lastEffect=null,ce=J.alternate,ce===null?(J.childExpirationTime=0,J.expirationTime=F,J.child=null,J.memoizedProps=null,J.memoizedState=null,J.updateQueue=null,J.dependencies=null):(J.childExpirationTime=ce.childExpirationTime,J.expirationTime=ce.expirationTime,J.child=ce.child,J.memoizedProps=ce.memoizedProps,J.memoizedState=ce.memoizedState,J.updateQueue=ce.updateQueue,F=ce.dependencies,J.dependencies=F===null?null:{expirationTime:F.expirationTime,firstContext:F.firstContext,responders:F.responders}),b=b.sibling;en(He,He.current&1|2,y),y=y.child;break e}R=R.sibling}}else{if(!J)if(R=nt(ce),R!==null){if(y.effectTag|=64,J=!0,R=R.updateQueue,R!==null&&(y.updateQueue=R,y.effectTag|=4),Fu(b,!0),b.tail===null&&b.tailMode==="hidden"&&!ce.alternate){y=y.lastEffect=b.lastEffect,y!==null&&(y.nextEffect=null);break}}else v0()>b.tailExpiration&&1<F&&(y.effectTag|=64,J=!0,Fu(b,!1),y.expirationTime=y.childExpirationTime=F-1);b.isBackwards?(ce.sibling=y.child,y.child=ce):(R=b.last,R!==null?R.sibling=ce:y.child=ce,b.last=ce)}if(b.tail!==null){b.tailExpiration===0&&(b.tailExpiration=v0()+500),R=b.tail,b.rendering=R,b.tail=R.sibling,b.lastEffect=y.lastEffect,R.sibling=null,b=He.current,b=J?b&1|2:b&1,en(He,b,y),y=R;break e}break;case 20:break;case 21:break;default:throw Error(t(156,y.tag))}y=null}if(R=re,Fe===1||R.childExpirationTime!==1){for(b=0,J=R.child;J!==null;)F=J.expirationTime,ce=J.childExpirationTime,F>b&&(b=F),ce>b&&(b=ce),J=J.sibling;R.childExpirationTime=b}if(y!==null)return y;g!==null&&(g.effectTag&2048)==0&&(g.firstEffect===null&&(g.firstEffect=re.firstEffect),re.lastEffect!==null&&(g.lastEffect!==null&&(g.lastEffect.nextEffect=re.firstEffect),g.lastEffect=re.lastEffect),1<re.effectTag&&(g.lastEffect!==null?g.lastEffect.nextEffect=re:g.firstEffect=re,g.lastEffect=re))}else{if(y=li(re,Fe),y!==null)return y.effectTag&=2047,y;g!==null&&(g.firstEffect=g.lastEffect=null,g.effectTag|=2048)}if(y=re.sibling,y!==null)return y;re=g}while(re!==null);return Ae===Li&&(Ae=E0),null}function Hc(g){var y=g.expirationTime;return g=g.childExpirationTime,y>g?y:g}function xl(g){var y=hs();return fo(99,il.bind(null,g,y)),null}function il(g,y){do qs();while(ri!==null);if((Fn&(nu|fu))!==Rr)throw Error(t(327));var R=g.finishedWork,F=g.finishedExpirationTime;if(R===null)return null;if(g.finishedWork=null,g.finishedExpirationTime=0,R===g.current)throw Error(t(177));g.callbackNode=null,g.callbackExpirationTime=0,g.callbackPriority=90,g.nextKnownPendingLevel=0;var b=Hc(R);if(g.firstPendingTime=b,F<=g.lastSuspendedTime?g.firstSuspendedTime=g.lastSuspendedTime=g.nextKnownPendingLevel=0:F<=g.firstSuspendedTime&&(g.firstSuspendedTime=F-1),F<=g.lastPingedTime&&(g.lastPingedTime=0),F<=g.lastExpiredTime&&(g.lastExpiredTime=0),g===ae&&(re=ae=null,Fe=0),1<R.effectTag?R.lastEffect!==null?(R.lastEffect.nextEffect=R,b=R.firstEffect):b=R:b=R.firstEffect,b!==null){var J=Fn;Fn|=fu,Es.current=null,rt(g.containerInfo),Bt=b;do try{D2()}catch(Cu){if(Bt===null)throw Error(t(330));jo(Bt,Cu),Bt=Bt.nextEffect}while(Bt!==null);Bt=b;do try{for(var ce=g,mt=y;Bt!==null;){var xt=Bt.effectTag;if(xt&16&&Vt&&Ro(Bt.stateNode),xt&128){var kt=Bt.alternate;if(kt!==null){var xr=kt.ref;xr!==null&&(typeof xr=="function"?xr(null):xr.current=null)}}switch(xt&1038){case 2:B0(Bt),Bt.effectTag&=-3;break;case 6:B0(Bt),Bt.effectTag&=-3,ho(Bt.alternate,Bt);break;case 1024:Bt.effectTag&=-1025;break;case 1028:Bt.effectTag&=-1025,ho(Bt.alternate,Bt);break;case 4:ho(Bt.alternate,Bt);break;case 8:var i0=ce,cu=Bt,z0=mt;Vt?O0(i0,cu,z0):A0(i0,cu,z0),Hi(cu)}Bt=Bt.nextEffect}}catch(Cu){if(Bt===null)throw Error(t(330));jo(Bt,Cu),Bt=Bt.nextEffect}while(Bt!==null);Q(g.containerInfo),g.current=R,Bt=b;do try{for(xt=F;Bt!==null;){var Ol=Bt.effectTag;if(Ol&36){var u0=Bt.alternate;switch(kt=Bt,xr=xt,kt.tag){case 0:case 11:case 15:R0(16,32,kt);break;case 1:var Ve=kt.stateNode;if(kt.effectTag&4)if(u0===null)Ve.componentDidMount();else{var Ue=kt.elementType===kt.type?u0.memoizedProps:Yn(kt.type,u0.memoizedProps);Ve.componentDidUpdate(Ue,u0.memoizedState,Ve.__reactInternalSnapshotBeforeUpdate)}var lt=kt.updateQueue;lt!==null&&Qn(kt,lt,Ve,xr);break;case 3:var $t=kt.updateQueue;if($t!==null){if(ce=null,kt.child!==null)switch(kt.child.tag){case 5:ce=We(kt.child.stateNode);break;case 1:ce=kt.child.stateNode}Qn(kt,$t,ce,xr)}break;case 5:var Wn=kt.stateNode;u0===null&&kt.effectTag&4&&jr(Wn,kt.type,kt.memoizedProps,kt);break;case 6:break;case 4:break;case 12:break;case 13:if(w&&kt.memoizedState===null){var si=kt.alternate;if(si!==null){var ur=si.memoizedState;if(ur!==null){var ci=ur.dehydrated;ci!==null&&P0(ci)}}}break;case 19:case 17:case 20:case 21:break;default:throw Error(t(163))}}if(Ol&128){kt=void 0;var Qi=Bt.ref;if(Qi!==null){var Gr=Bt.stateNode;switch(Bt.tag){case 5:kt=We(Gr);break;default:kt=Gr}typeof Qi=="function"?Qi(kt):Qi.current=kt}}Bt=Bt.nextEffect}}catch(Cu){if(Bt===null)throw Error(t(330));jo(Bt,Cu),Bt=Bt.nextEffect}while(Bt!==null);Bt=null,Ki(),Fn=J}else g.current=R;if(Y)Y=!1,ri=g,ii=y;else for(Bt=b;Bt!==null;)y=Bt.nextEffect,Bt.nextEffect=null,Bt=y;if(y=g.firstPendingTime,y===0&&(mr=null),y===1073741823?g===Di?at++:(at=0,Di=g):at=0,typeof ca=="function"&&ca(R.stateNode,F),n0(g),Fi)throw Fi=!1,g=Ar,Ar=null,g;return(Fn&to)!==Rr||ju(),null}function D2(){for(;Bt!==null;){var g=Bt.effectTag;(g&256)!=0&&Hs(Bt.alternate,Bt),(g&512)==0||Y||(Y=!0,tl(97,function(){return qs(),null})),Bt=Bt.nextEffect}}function qs(){if(ii!==90){var g=97<ii?97:ii;return ii=90,fo(g,Rl)}}function Rl(){if(ri===null)return!1;var g=ri;if(ri=null,(Fn&(nu|fu))!==Rr)throw Error(t(331));var y=Fn;for(Fn|=fu,g=g.current.firstEffect;g!==null;){try{var R=g;if((R.effectTag&512)!=0)switch(R.tag){case 0:case 11:case 15:R0(128,0,R),R0(0,64,R)}}catch(F){if(g===null)throw Error(t(330));jo(g,F)}R=g.nextEffect,g.nextEffect=null,g=R}return Fn=y,ju(),!0}function id(g,y,R){y=Tl(R,y),y=_s(g,y,1073741823),Q0(g,y),g=no(g,1073741823),g!==null&&n0(g)}function jo(g,y){if(g.tag===3)id(g,g,y);else for(var R=g.return;R!==null;){if(R.tag===3){id(R,g,y);break}else if(R.tag===1){var F=R.stateNode;if(typeof R.type.getDerivedStateFromError=="function"||typeof F.componentDidCatch=="function"&&(mr===null||!mr.has(F))){g=Tl(y,g),g=aa(R,g,1073741823),Q0(R,g),R=no(R,1073741823),R!==null&&n0(R);break}}R=R.return}}function ja(g,y,R){var F=g.pingCache;F!==null&&F.delete(y),ae===g&&Fe===R?Ae===_0||Ae===e0&&vt===1073741823&&v0()-Tn<ir?Ds(g,Fe):_n=!0:dc(g,R)&&(y=g.lastPingedTime,y!==0&&y<R||(g.lastPingedTime=R,g.finishedExpirationTime===R&&(g.finishedExpirationTime=0,g.finishedWork=null),n0(g)))}function za(g,y){var R=g.stateNode;R!==null&&R.delete(y),y=0,y===0&&(y=D0(),y=Un(y,g,null)),g=no(g,y),g!==null&&n0(g)}var Ha;Ha=function(g,y,R){var F=y.expirationTime;if(g!==null){var b=y.pendingProps;if(g.memoizedProps!==b||gi.current)po=!0;else{if(F<R){switch(po=!1,y.tag){case 3:Ye(y),tu();break;case 5:if(ht(y),y.mode&4&&R!==1&&Rt(y.type,b))return y.expirationTime=y.childExpirationTime=1,null;break;case 1:eu(y.type)&&ai(y);break;case 4:ke(y,y.stateNode.containerInfo);break;case 10:Hu(y,y.memoizedProps.value);break;case 13:if(y.memoizedState!==null)return F=y.child.childExpirationTime,F!==0&&F>=R?Kt(g,y,R):(en(He,He.current&1,y),y=yu(g,y,R),y!==null?y.sibling:null);en(He,He.current&1,y);break;case 19:if(F=y.childExpirationTime>=R,(g.effectTag&64)!=0){if(F)return xn(g,y,R);y.effectTag|=64}if(b=y.memoizedState,b!==null&&(b.rendering=null,b.tail=null),en(He,He.current,y),!F)return null}return yu(g,y,R)}po=!1}}else po=!1;switch(y.expirationTime=0,y.tag){case 2:if(F=y.type,g!==null&&(g.alternate=null,y.alternate=null,y.effectTag|=2),g=y.pendingProps,b=Au(y,Ai.current),Lo(y,R),b=un(null,y,F,g,b,R),y.effectTag|=1,typeof b=="object"&&b!==null&&typeof b.render=="function"&&b.$$typeof===void 0){if(y.tag=1,fn(),eu(F)){var J=!0;ai(y)}else J=!1;y.memoizedState=b.state!==null&&b.state!==void 0?b.state:null;var ce=F.getDerivedStateFromProps;typeof ce=="function"&&Zl(y,F,ce,g),b.updater=oa,y.stateNode=b,b._reactInternalFiber=y,Bs(y,F,g,R),y=et(null,y,F,!0,J,R)}else y.tag=0,Bi(null,y,b,R),y=y.child;return y;case 16:if(b=y.elementType,g!==null&&(g.alternate=null,y.alternate=null,y.effectTag|=2),g=y.pendingProps,Oe(b),b._status!==1)throw b._result;switch(b=b._result,y.type=b,J=y.tag=ul(b),g=Yn(b,g),J){case 0:y=eo(null,y,b,g,R);break;case 1:y=Ce(null,y,b,g,R);break;case 11:y=Ci(null,y,b,g,R);break;case 14:y=mf(null,y,b,Yn(b.type,g),F,R);break;default:throw Error(t(306,b,""))}return y;case 0:return F=y.type,b=y.pendingProps,b=y.elementType===F?b:Yn(F,b),eo(g,y,F,b,R);case 1:return F=y.type,b=y.pendingProps,b=y.elementType===F?b:Yn(F,b),Ce(g,y,F,b,R);case 3:if(Ye(y),F=y.updateQueue,F===null)throw Error(t(282));if(b=y.memoizedState,b=b!==null?b.element:null,S0(y,F,y.pendingProps,null,R),F=y.memoizedState.element,F===b)tu(),y=yu(g,y,R);else{if((b=y.stateNode.hydrate)&&(w?(Tu=F0(y.stateNode.containerInfo),Qu=y,b=Ei=!0):b=!1),b)for(R=G(y,null,F,R),y.child=R;R;)R.effectTag=R.effectTag&-3|1024,R=R.sibling;else Bi(g,y,F,R),tu();y=y.child}return y;case 5:return ht(y),g===null&&Bo(y),F=y.type,b=y.pendingProps,J=g!==null?g.memoizedProps:null,ce=b.children,ct(F,b)?ce=null:J!==null&&ct(F,J)&&(y.effectTag|=16),$0(g,y),y.mode&4&&R!==1&&Rt(F,b)?(y.expirationTime=y.childExpirationTime=1,y=null):(Bi(g,y,ce,R),y=y.child),y;case 6:return g===null&&Bo(y),null;case 13:return Kt(g,y,R);case 4:return ke(y,y.stateNode.containerInfo),F=y.pendingProps,g===null?y.child=z(y,null,F,R):Bi(g,y,F,R),y.child;case 11:return F=y.type,b=y.pendingProps,b=y.elementType===F?b:Yn(F,b),Ci(g,y,F,b,R);case 7:return Bi(g,y,y.pendingProps,R),y.child;case 8:return Bi(g,y,y.pendingProps.children,R),y.child;case 12:return Bi(g,y,y.pendingProps.children,R),y.child;case 10:e:{if(F=y.type._context,b=y.pendingProps,ce=y.memoizedProps,J=b.value,Hu(y,J),ce!==null){var mt=ce.value;if(J=Le(mt,J)?0:(typeof F._calculateChangedBits=="function"?F._calculateChangedBits(mt,J):1073741823)|0,J===0){if(ce.children===b.children&&!gi.current){y=yu(g,y,R);break e}}else for(mt=y.child,mt!==null&&(mt.return=y);mt!==null;){var xt=mt.dependencies;if(xt!==null){ce=mt.child;for(var kt=xt.firstContext;kt!==null;){if(kt.context===F&&(kt.observedBits&J)!=0){mt.tag===1&&(kt=m0(R,null),kt.tag=2,Q0(mt,kt)),mt.expirationTime<R&&(mt.expirationTime=R),kt=mt.alternate,kt!==null&&kt.expirationTime<R&&(kt.expirationTime=R),Ti(mt.return,R),xt.expirationTime<R&&(xt.expirationTime=R);break}kt=kt.next}}else ce=mt.tag===10&&mt.type===y.type?null:mt.child;if(ce!==null)ce.return=mt;else for(ce=mt;ce!==null;){if(ce===y){ce=null;break}if(mt=ce.sibling,mt!==null){mt.return=ce.return,ce=mt;break}ce=ce.return}mt=ce}}Bi(g,y,b.children,R),y=y.child}return y;case 9:return b=y.type,J=y.pendingProps,F=J.children,Lo(y,R),b=ku(b,J.unstable_observedBits),F=F(b),y.effectTag|=1,Bi(g,y,F,R),y.child;case 14:return b=y.type,J=Yn(b,y.pendingProps),J=Yn(b.type,J),mf(g,y,b,J,F,R);case 15:return yf(g,y,y.type,y.pendingProps,F,R);case 17:return F=y.type,b=y.pendingProps,b=y.elementType===F?b:Yn(F,b),g!==null&&(g.alternate=null,y.alternate=null,y.effectTag|=2),y.tag=1,eu(F)?(g=!0,ai(y)):g=!1,Lo(y,R),bs(y,F,b,R),Bs(y,F,b,R),et(null,y,F,!0,g,R);case 19:return xn(g,y,R)}throw Error(t(156,y.tag))};var ca=null,ws=null;function Ss(g){if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__=="undefined")return!1;var y=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(y.isDisabled||!y.supportsFiber)return!0;try{var R=y.inject(g);ca=function(F){try{y.onCommitFiberRoot(R,F,void 0,(F.current.effectTag&64)==64)}catch(b){}},ws=function(F){try{y.onCommitFiberUnmount(R,F)}catch(b){}}}catch(F){}return!0}function ts(g,y,R,F){this.tag=g,this.key=R,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=y,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=F,this.effectTag=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childExpirationTime=this.expirationTime=0,this.alternate=null}function zo(g,y,R,F){return new ts(g,y,R,F)}function Ef(g){return g=g.prototype,!(!g||!g.isReactComponent)}function ul(g){if(typeof g=="function")return Ef(g)?1:0;if(g!=null){if(g=g.$$typeof,g===Ee)return 11;if(g===De)return 14}return 2}function Gu(g,y){var R=g.alternate;return R===null?(R=zo(g.tag,y,g.key,g.mode),R.elementType=g.elementType,R.type=g.type,R.stateNode=g.stateNode,R.alternate=g,g.alternate=R):(R.pendingProps=y,R.effectTag=0,R.nextEffect=null,R.firstEffect=null,R.lastEffect=null),R.childExpirationTime=g.childExpirationTime,R.expirationTime=g.expirationTime,R.child=g.child,R.memoizedProps=g.memoizedProps,R.memoizedState=g.memoizedState,R.updateQueue=g.updateQueue,y=g.dependencies,R.dependencies=y===null?null:{expirationTime:y.expirationTime,firstContext:y.firstContext,responders:y.responders},R.sibling=g.sibling,R.index=g.index,R.ref=g.ref,R}function qa(g,y,R,F,b,J){var ce=2;if(F=g,typeof g=="function")Ef(g)&&(ce=1);else if(typeof g=="string")ce=5;else e:switch(g){case U:return r0(R.children,b,J,y);case he:ce=8,b|=7;break;case H:ce=8,b|=1;break;case W:return g=zo(12,R,y,b|8),g.elementType=W,g.type=W,g.expirationTime=J,g;case ve:return g=zo(13,R,y,b),g.type=ve,g.elementType=ve,g.expirationTime=J,g;case se:return g=zo(19,R,y,b),g.elementType=se,g.expirationTime=J,g;default:if(typeof g=="object"&&g!==null)switch(g.$$typeof){case ne:ce=10;break e;case m:ce=9;break e;case Ee:ce=11;break e;case De:ce=14;break e;case pe:ce=16,F=null;break e}throw Error(t(130,g==null?g:typeof g,""))}return y=zo(ce,R,y,b),y.elementType=g,y.type=F,y.expirationTime=J,y}function r0(g,y,R,F){return g=zo(7,g,F,y),g.expirationTime=R,g}function j0(g,y,R){return g=zo(6,g,null,y),g.expirationTime=R,g}function Df(g,y,R){return y=zo(4,g.children!==null?g.children:[],g.key,y),y.expirationTime=R,y.stateNode={containerInfo:g.containerInfo,pendingChildren:null,implementation:g.implementation},y}function qc(g,y,R){this.tag=y,this.current=null,this.containerInfo=g,this.pingCache=this.pendingChildren=null,this.finishedExpirationTime=0,this.finishedWork=null,this.timeoutHandle=lr,this.pendingContext=this.context=null,this.hydrate=R,this.callbackNode=null,this.callbackPriority=90,this.lastExpiredTime=this.lastPingedTime=this.nextKnownPendingLevel=this.lastSuspendedTime=this.firstSuspendedTime=this.firstPendingTime=0}function dc(g,y){var R=g.firstSuspendedTime;return g=g.lastSuspendedTime,R!==0&&R>=y&&g<=y}function Al(g,y){var R=g.firstSuspendedTime,F=g.lastSuspendedTime;R<y&&(g.firstSuspendedTime=y),(F>y||R===0)&&(g.lastSuspendedTime=y),y<=g.lastPingedTime&&(g.lastPingedTime=0),y<=g.lastExpiredTime&&(g.lastExpiredTime=0)}function Ts(g,y){y>g.firstPendingTime&&(g.firstPendingTime=y);var R=g.firstSuspendedTime;R!==0&&(y>=R?g.firstSuspendedTime=g.lastSuspendedTime=g.nextKnownPendingLevel=0:y>=g.lastSuspendedTime&&(g.lastSuspendedTime=y+1),y>g.nextKnownPendingLevel&&(g.nextKnownPendingLevel=y))}function da(g,y){var R=g.lastExpiredTime;(R===0||R>y)&&(g.lastExpiredTime=y)}function ud(g){var y=g._reactInternalFiber;if(y===void 0)throw typeof g.render=="function"?Error(t(188)):Error(t(268,Object.keys(g)));return g=Xe(y),g===null?null:g.stateNode}function pa(g,y){g=g.memoizedState,g!==null&&g.dehydrated!==null&&g.retryTime<y&&(g.retryTime=y)}function pc(g,y){pa(g,y),(g=g.alternate)&&pa(g,y)}var Wc={createContainer:function(g,y,R){return g=new qc(g,y,R),y=zo(3,null,null,y===2?7:y===1?3:0),g.current=y,y.stateNode=g},updateContainer:function(g,y,R,F){var b=y.current,J=D0(),ce=fi.suspense;J=Un(J,b,ce);e:if(R){R=R._reactInternalFiber;t:{if(qe(R)!==R||R.tag!==1)throw Error(t(170));var mt=R;do{switch(mt.tag){case 3:mt=mt.stateNode.context;break t;case 1:if(eu(mt.type)){mt=mt.stateNode.__reactInternalMemoizedMergedChildContext;break t}}mt=mt.return}while(mt!==null);throw Error(t(171))}if(R.tag===1){var xt=R.type;if(eu(xt)){R=Mo(R,xt,mt);break e}}R=mt}else R=bn;return y.context===null?y.context=R:y.pendingContext=R,y=m0(J,ce),y.payload={element:g},F=F===void 0?null:F,F!==null&&(y.callback=F),Q0(b,y),t0(b,J),J},batchedEventUpdates:function(g,y){var R=Fn;Fn|=2;try{return g(y)}finally{Fn=R,Fn===Rr&&ju()}},batchedUpdates:function(g,y){var R=Fn;Fn|=1;try{return g(y)}finally{Fn=R,Fn===Rr&&ju()}},unbatchedUpdates:function(g,y){var R=Fn;Fn&=-2,Fn|=to;try{return g(y)}finally{Fn=R,Fn===Rr&&ju()}},deferredUpdates:function(g){return fo(97,g)},syncUpdates:function(g,y,R,F){return fo(99,g.bind(null,y,R,F))},discreteUpdates:function(g,y,R,F){var b=Fn;Fn|=4;try{return fo(98,g.bind(null,y,R,F))}finally{Fn=b,Fn===Rr&&ju()}},flushDiscreteUpdates:function(){(Fn&(1|nu|fu))===Rr&&(_f(),qs())},flushControlled:function(g){var y=Fn;Fn|=1;try{fo(99,g)}finally{Fn=y,Fn===Rr&&ju()}},flushSync:fc,flushPassiveEffects:qs,IsThisRendererActing:{current:!1},getPublicRootInstance:function(g){if(g=g.current,!g.child)return null;switch(g.child.tag){case 5:return We(g.child.stateNode);default:return g.child.stateNode}},attemptSynchronousHydration:function(g){switch(g.tag){case 3:var y=g.stateNode;y.hydrate&&Ba(y,y.firstPendingTime);break;case 13:fc(function(){return t0(g,1073741823)}),y=X(D0(),150,100),pc(g,y)}},attemptUserBlockingHydration:function(g){if(g.tag===13){var y=X(D0(),150,100);t0(g,y),pc(g,y)}},attemptContinuousHydration:function(g){if(g.tag===13){D0();var y=b0++;t0(g,y),pc(g,y)}},attemptHydrationAtCurrentPriority:function(g){if(g.tag===13){var y=D0();y=Un(y,g,null),t0(g,y),pc(g,y)}},findHostInstance:ud,findHostInstanceWithWarning:function(g){return ud(g)},findHostInstanceWithNoPortals:function(g){return g=ut(g),g===null?null:g.tag===20?g.stateNode.instance:g.stateNode},shouldSuspend:function(){return!1},injectIntoDevTools:function(g){var y=g.findFiberByHostInstance;return Ss(a({},g,{overrideHookState:null,overrideProps:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:k.ReactCurrentDispatcher,findHostInstanceByFiber:function(R){return R=Xe(R),R===null?null:R.stateNode},findFiberByHostInstance:function(R){return y?y(R):null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null}))}};Hy.exports=Wc.default||Wc;var qi=Hy.exports;return Hy.exports=i,qi}});var kS=tt(ec=>{"use strict";Object.defineProperty(ec,"__esModule",{value:!0});var RP=0;ec.__interactionsRef=null;ec.__subscriberRef=null;ec.unstable_clear=function(i){return i()};ec.unstable_getCurrent=function(){return null};ec.unstable_getThreadID=function(){return++RP};ec.unstable_trace=function(i,o,a){return a()};ec.unstable_wrap=function(i){return i};ec.unstable_subscribe=function(){};ec.unstable_unsubscribe=function(){}});var NS=tt(mu=>{"use strict";process.env.NODE_ENV!=="production"&&function(){"use strict";Object.defineProperty(mu,"__esModule",{value:!0});var i=!0,o=0,a=0,p=0;mu.__interactionsRef=null,mu.__subscriberRef=null,i&&(mu.__interactionsRef={current:new Set},mu.__subscriberRef={current:null});function _(se){if(!i)return se();var De=mu.__interactionsRef.current;mu.__interactionsRef.current=new Set;try{return se()}finally{mu.__interactionsRef.current=De}}function t(){return i?mu.__interactionsRef.current:null}function k(){return++p}function L(se,De,pe){var me=arguments.length>3&&arguments[3]!==void 0?arguments[3]:o;if(!i)return pe();var ie={__count:1,id:a++,name:se,timestamp:De},Oe=mu.__interactionsRef.current,je=new Set(Oe);je.add(ie),mu.__interactionsRef.current=je;var qe=mu.__subscriberRef.current,yt;try{qe!==null&&qe.onInteractionTraced(ie)}finally{try{qe!==null&&qe.onWorkStarted(je,me)}finally{try{yt=pe()}finally{mu.__interactionsRef.current=Oe;try{qe!==null&&qe.onWorkStopped(je,me)}finally{ie.__count--,qe!==null&&ie.__count===0&&qe.onInteractionScheduledWorkCompleted(ie)}}}}return yt}function O(se){var De=arguments.length>1&&arguments[1]!==void 0?arguments[1]:o;if(!i)return se;var pe=mu.__interactionsRef.current,me=mu.__subscriberRef.current;me!==null&&me.onWorkScheduled(pe,De),pe.forEach(function(je){je.__count++});var ie=!1;function Oe(){var je=mu.__interactionsRef.current;mu.__interactionsRef.current=pe,me=mu.__subscriberRef.current;try{var qe;try{me!==null&&me.onWorkStarted(pe,De)}finally{try{qe=se.apply(void 0,arguments)}finally{mu.__interactionsRef.current=je,me!==null&&me.onWorkStopped(pe,De)}}return qe}finally{ie||(ie=!0,pe.forEach(function(yt){yt.__count--,me!==null&&yt.__count===0&&me.onInteractionScheduledWorkCompleted(yt)}))}}return Oe.cancel=function(){me=mu.__subscriberRef.current;try{me!==null&&me.onWorkCanceled(pe,De)}finally{pe.forEach(function(qe){qe.__count--,me&&qe.__count===0&&me.onInteractionScheduledWorkCompleted(qe)})}},Oe}var C=null;i&&(C=new Set);function U(se){i&&(C.add(se),C.size===1&&(mu.__subscriberRef.current={onInteractionScheduledWorkCompleted:ne,onInteractionTraced:W,onWorkCanceled:ve,onWorkScheduled:m,onWorkStarted:he,onWorkStopped:Ee}))}function H(se){i&&(C.delete(se),C.size===0&&(mu.__subscriberRef.current=null))}function W(se){var De=!1,pe=null;if(C.forEach(function(me){try{me.onInteractionTraced(se)}catch(ie){De||(De=!0,pe=ie)}}),De)throw pe}function ne(se){var De=!1,pe=null;if(C.forEach(function(me){try{me.onInteractionScheduledWorkCompleted(se)}catch(ie){De||(De=!0,pe=ie)}}),De)throw pe}function m(se,De){var pe=!1,me=null;if(C.forEach(function(ie){try{ie.onWorkScheduled(se,De)}catch(Oe){pe||(pe=!0,me=Oe)}}),pe)throw me}function he(se,De){var pe=!1,me=null;if(C.forEach(function(ie){try{ie.onWorkStarted(se,De)}catch(Oe){pe||(pe=!0,me=Oe)}}),pe)throw me}function Ee(se,De){var pe=!1,me=null;if(C.forEach(function(ie){try{ie.onWorkStopped(se,De)}catch(Oe){pe||(pe=!0,me=Oe)}}),pe)throw me}function ve(se,De){var pe=!1,me=null;if(C.forEach(function(ie){try{ie.onWorkCanceled(se,De)}catch(Oe){pe||(pe=!0,me=Oe)}}),pe)throw me}mu.unstable_clear=_,mu.unstable_getCurrent=t,mu.unstable_getThreadID=k,mu.unstable_trace=L,mu.unstable_wrap=O,mu.unstable_subscribe=U,mu.unstable_unsubscribe=H}()});var LS=tt((CH,hD)=>{"use strict";process.env.NODE_ENV==="production"?hD.exports=kS():hD.exports=NS()});var PS=tt((xH,qy)=>{"use strict";process.env.NODE_ENV!=="production"&&(qy.exports=function i(o){"use strict";var a=Oy(),p=Mi(),_=YE(),t=b_(),k=LS(),L=0,O=1,C=2,U=3,H=4,W=5,ne=6,m=7,he=8,Ee=9,ve=10,se=11,De=12,pe=13,me=14,ie=15,Oe=16,je=17,qe=18,yt=19,gt=20,Xe=21,ut=function(){};ut=function(f,c){for(var E=arguments.length,T=new Array(E>2?E-2:0),A=2;A<E;A++)T[A-2]=arguments[A];if(c===void 0)throw new Error("`warningWithoutStack(condition, format, ...args)` requires a warning message argument");if(T.length>8)throw new Error("warningWithoutStack() currently supports at most 8 arguments.");if(!f){if(typeof console!="undefined"){var j=T.map(function(le){return""+le});j.unshift("Warning: "+c),Function.prototype.apply.call(console.error,console,j)}try{var V=0,te="Warning: "+c.replace(/%s/g,function(){return T[V++]});throw new Error(te)}catch(le){}}};var We=ut;function Ft(f){return f._reactInternalFiber}function Jt(f,c){f._reactInternalFiber=c}var rt=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;rt.hasOwnProperty("ReactCurrentDispatcher")||(rt.ReactCurrentDispatcher={current:null}),rt.hasOwnProperty("ReactCurrentBatchConfig")||(rt.ReactCurrentBatchConfig={suspense:null});var Q=typeof Symbol=="function"&&Symbol.for,fe=Q?Symbol.for("react.element"):60103,xe=Q?Symbol.for("react.portal"):60106,oe=Q?Symbol.for("react.fragment"):60107,ze=Q?Symbol.for("react.strict_mode"):60108,ct=Q?Symbol.for("react.profiler"):60114,Rt=Q?Symbol.for("react.provider"):60109,nn=Q?Symbol.for("react.context"):60110,an=Q?Symbol.for("react.concurrent_mode"):60111,Mn=Q?Symbol.for("react.forward_ref"):60112,lr=Q?Symbol.for("react.suspense"):60113,ln=Q?Symbol.for("react.suspense_list"):60120,Vt=Q?Symbol.for("react.memo"):60115,Er=Q?Symbol.for("react.lazy"):60116,w=Q?Symbol.for("react.fundamental"):60117,jt=Q?Symbol.for("react.responder"):60118,Xn=Q?Symbol.for("react.scope"):60119,vr=typeof Symbol=="function"&&Symbol.iterator,jr="@@iterator";function fr(f){if(f===null||typeof f!="object")return null;var c=vr&&f[vr]||f[jr];return typeof c=="function"?c:null}var zr=We;zr=function(f,c){if(!f){for(var E=rt.ReactDebugCurrentFrame,T=E.getStackAddendum(),A=arguments.length,j=new Array(A>2?A-2:0),V=2;V<A;V++)j[V-2]=arguments[V];We.apply(void 0,[!1,c+"%s"].concat(j,[T]))}};var Xt=zr,wu=-1,d0=0,Ro=1,Qo=2;function Fs(f){return f._status===Ro?f._result:null}function Jo(f){if(f._status===wu){f._status=d0;var c=f._ctor,E=c();f._result=E,E.then(function(T){if(f._status===d0){var A=T.default;A===void 0&&Xt(!1,`lazy: Expected the result of a dynamic import() call. Instead received: %s
-
-Your code should look like: 
-  const MyComponent = lazy(() => import('./MyComponent'))`,T),f._status=Ro,f._result=A}},function(T){f._status===d0&&(f._status=Qo,f._result=T)})}}function Zo(f,c,E){var T=c.displayName||c.name||"";return f.displayName||(T!==""?E+"("+T+")":E)}function qt(f){if(f==null)return null;if(typeof f.tag=="number"&&We(!1,"Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),typeof f=="function")return f.displayName||f.name||null;if(typeof f=="string")return f;switch(f){case oe:return"Fragment";case xe:return"Portal";case ct:return"Profiler";case ze:return"StrictMode";case lr:return"Suspense";case ln:return"SuspenseList"}if(typeof f=="object")switch(f.$$typeof){case nn:return"Context.Consumer";case Rt:return"Context.Provider";case Mn:return Zo(f,f.render,"ForwardRef");case Vt:return qt(f.type);case Er:{var c=f,E=Fs(c);if(E)return qt(E);break}}return null}var xi=0,lu=1,mi=2,Dr=4,$o=6,G0=8,Uu=16,Y0=32,Xr=64,Ao=128,Oo=256,F0=512,su=1024,ki=1028,Ps=932,Kl=2047,P0=2048,p0=4096,Hr=!0,Ri=!0,K0=!0,yi=!0,en=!0,bn=!0,Ai=!1,gi=!1,Wt=!1,Au=!1,eu=!1,X0=!0,Yi=!1,Xl=!1,Mo=!1,ai=!1,so=!1,Ql=rt.ReactCurrentOwner;function ko(f){var c=f,E=f;if(f.alternate)for(;c.return;)c=c.return;else{var T=c;do c=T,(c.effectTag&(mi|su))!==xi&&(E=c.return),T=c.return;while(T)}return c.tag===U?E:null}function Is(f){return ko(f)===f}function $n(f){{var c=Ql.current;if(c!==null&&c.tag===O){var E=c,T=E.stateNode;T._warnedAboutRefsInRender||We(!1,"%s is accessing isMounted inside its render() function. render() should be a pure function of props and state. It should never access something that requires stale data from the previous render, such as refs. Move this logic to componentDidMount and componentDidUpdate instead.",qt(E.type)||"A component"),T._warnedAboutRefsInRender=!0}}var A=Ft(f);return A?ko(A)===A:!1}function el(f){if(ko(f)!==f)throw Error("Unable to find node on an unmounted component.")}function ao(f){var c=f.alternate;if(!c){var E=ko(f);if(E===null)throw Error("Unable to find node on an unmounted component.");return E!==f?null:f}for(var T=f,A=c;;){var j=T.return;if(j===null)break;var V=j.alternate;if(V===null){var te=j.return;if(te!==null){T=A=te;continue}break}if(j.child===V.child){for(var le=j.child;le;){if(le===T)return el(j),f;if(le===A)return el(j),c;le=le.sibling}throw Error("Unable to find node on an unmounted component.")}if(T.return!==A.return)T=j,A=V;else{for(var Be=!1,Ke=j.child;Ke;){if(Ke===T){Be=!0,T=j,A=V;break}if(Ke===A){Be=!0,A=j,T=V;break}Ke=Ke.sibling}if(!Be){for(Ke=V.child;Ke;){if(Ke===T){Be=!0,T=V,A=j;break}if(Ke===A){Be=!0,A=V,T=j;break}Ke=Ke.sibling}if(!Be)throw Error("Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue.")}}if(T.alternate!==A)throw Error("Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue.")}if(T.tag!==U)throw Error("Unable to find node on an unmounted component.");return T.stateNode.current===T?f:c}function I0(f){var c=ao(f);if(!c)return null;for(var E=c;;){if(E.tag===W||E.tag===ne)return E;if(E.child){E.child.return=E,E=E.child;continue}if(E===c)return null;for(;!E.sibling;){if(!E.return||E.return===c)return null;E=E.return}E.sibling.return=E.return,E=E.sibling}return null}function wl(f){var c=ao(f);if(!c)return null;for(var E=c;;){if(E.tag===W||E.tag===ne||Wt&&E.tag===gt)return E;if(E.child&&E.tag!==H){E.child.return=E,E=E.child;continue}if(E===c)return null;for(;!E.sibling;){if(!E.return||E.return===c)return null;E=E.return}E.sibling.return=E.return,E=E.sibling}return null}var No=o.getPublicInstance,wt=o.getRootHostContext,bt=o.getChildHostContext,Hn=o.prepareForCommit,qr=o.resetAfterCommit,Ki=o.createInstance,Qr=o.appendInitialChild,Ou=o.finalizeInitialChildren,h0=o.prepareUpdate,Ni=o.shouldSetTextContent,v0=o.shouldDeprioritizeSubtree,hs=o.createTextInstance,Tt=o.setTimeout,fo=o.clearTimeout,tl=o.noTimeout,Jl=o.now,ju=o.isPrimaryRenderer,vs=o.warnsIfNotActing,b0=o.supportsMutation,X=o.supportsPersistence,we=o.supportsHydration,Le=o.mountResponderInstance,Ne=o.unmountResponderInstance,dt=o.getFundamentalComponentInstance,Yn=o.mountFundamentalComponent,Cn=o.shouldUpdateFundamentalComponent,cr=o.getInstanceFromNode,Si=o.appendChild,Mu=o.appendChildToContainer,zu=o.commitTextUpdate,Hu=o.commitMount,Su=o.commitUpdate,Ti=o.insertBefore,Lo=o.insertInContainerBefore,ku=o.removeChild,co=o.removeChildFromContainer,qu=o.resetTextContent,Pa=o.hideInstance,m0=o.hideTextInstance,ia=o.unhideInstance,Q0=o.unhideTextInstance,ua=o.updateFundamentalComponent,Ia=o.unmountFundamentalComponent,ms=o.cloneInstance,S0=o.createContainerChildSet,Qn=o.appendChildToContainerChildSet,ac=o.finalizeContainerChildren,fi=o.replaceContainerChildren,$r=o.cloneHiddenInstance,Zl=o.cloneHiddenTextInstance,oa=o.cloneInstance,pf=o.canHydrateInstance,bs=o.canHydrateTextInstance,ba=o.canHydrateSuspenseInstance,Bs=o.isSuspenseInstancePending,y0=o.isSuspenseInstanceFallback,Us=o.registerSuspenseInstanceRetry,ji=o.getNextHydratableSibling,B=o.getFirstHydratableChild,z=o.hydrateInstance,G=o.hydrateTextInstance,$=o.hydrateSuspenseInstance,Te=o.getNextHydratableInstanceAfterSuspenseInstance,ge=o.commitHydratedContainer,Re=o.commitHydratedSuspenseInstance,Z=o.clearSuspenseBoundary,ke=o.clearSuspenseBoundaryFromContainer,Qe=o.didNotMatchHydratedContainerTextInstance,ht=o.didNotMatchHydratedTextInstance,ue=o.didNotHydrateContainerInstance,He=o.didNotHydrateInstance,nt=o.didNotFindHydratableContainerInstance,Ct=o.didNotFindHydratableContainerTextInstance,Mt=o.didNotFindHydratableContainerSuspenseInstance,It=o.didNotFindHydratableInstance,sn=o.didNotFindHydratableTextInstance,rn=o.didNotFindHydratableSuspenseInstance,Lt=/^(.*)[\\\/]/,Dn=function(f,c,E){var T="";if(c){var A=c.fileName,j=A.replace(Lt,"");if(/^index\./.test(j)){var V=A.match(Lt);if(V){var te=V[1];if(te){var le=te.replace(Lt,"");j=le+"/"+j}}}T=" (at "+j+":"+c.lineNumber+")"}else E&&(T=" (created by "+E+")");return`
-    in `+(f||"Unknown")+T},dr=rt.ReactDebugCurrentFrame;function er(f){switch(f.tag){case U:case H:case ne:case m:case ve:case Ee:return"";default:var c=f._debugOwner,E=f._debugSource,T=qt(f.type),A=null;return c&&(A=qt(c.type)),Dn(T,E,A)}}function Cr(f){var c="",E=f;do c+=er(E),E=E.return;while(E);return c}var An=null,Nr=null;function g0(){{if(An===null)return null;var f=An._debugOwner;if(f!==null&&typeof f!="undefined")return qt(f.type)}return null}function Lr(){return An===null?"":Cr(An)}function it(){dr.getCurrentStack=null,An=null,Nr=null}function Dt(f){dr.getCurrentStack=Lr,An=f,Nr=null}function $e(f){Nr=f}var Pt="\u269B",un="\u26D4",fn=typeof performance!="undefined"&&typeof performance.mark=="function"&&typeof performance.clearMarks=="function"&&typeof performance.measure=="function"&&typeof performance.clearMeasures=="function",Jn=null,wr=null,au=null,Nu=!1,T0=!1,J0=!1,Lu=0,_i=0,Fo=new Set,nl=function(f){return Pt+" "+f},hf=function(f,c){var E=c?un+" ":Pt+" ",T=c?" Warning: "+c:"";return""+E+f+T},Sl=function(f){performance.mark(nl(f))},vf=function(f){performance.clearMarks(nl(f))},Po=function(f,c,E){var T=nl(c),A=hf(f,E);try{performance.measure(A,T)}catch(j){}performance.clearMarks(T),performance.clearMeasures(A)},ys=function(f,c){return f+" (#"+c+")"},js=function(f,c,E){return E===null?f+" ["+(c?"update":"mount")+"]":f+"."+E},Io=function(f,c){var E=qt(f.type)||"Unknown",T=f._debugID,A=f.alternate!==null,j=js(E,A,c);if(Nu&&Fo.has(j))return!1;Fo.add(j);var V=ys(j,T);return Sl(V),!0},bo=function(f,c){var E=qt(f.type)||"Unknown",T=f._debugID,A=f.alternate!==null,j=js(E,A,c),V=ys(j,T);vf(V)},gs=function(f,c,E){var T=qt(f.type)||"Unknown",A=f._debugID,j=f.alternate!==null,V=js(T,j,c),te=ys(V,A);Po(V,te,E)},Qu=function(f){switch(f.tag){case U:case W:case ne:case H:case m:case ve:case Ee:case he:return!0;default:return!1}},Tu=function(){wr!==null&&au!==null&&bo(au,wr),au=null,wr=null,J0=!1},Ei=function(){for(var f=Jn;f;)f._debugIsCurrentlyTiming&&gs(f,null,null),f=f.return},C0=function(f){f.return!==null&&C0(f.return),f._debugIsCurrentlyTiming&&Io(f,null)},Z0=function(){Jn!==null&&C0(Jn)};function Bo(){Hr&&_i++}function la(){Hr&&(Nu&&(T0=!0),wr!==null&&wr!=="componentWillMount"&&wr!=="componentWillReceiveProps"&&(J0=!0))}function $l(f){if(Hr){if(!fn||Qu(f)||(Jn=f,!Io(f,null)))return;f._debugIsCurrentlyTiming=!0}}function tu(f){if(Hr){if(!fn||Qu(f))return;f._debugIsCurrentlyTiming=!1,bo(f,null)}}function ei(f){if(Hr){if(!fn||Qu(f)||(Jn=f.return,!f._debugIsCurrentlyTiming))return;f._debugIsCurrentlyTiming=!1,gs(f,null,null)}}function po(f){if(Hr){if(!fn||Qu(f)||(Jn=f.return,!f._debugIsCurrentlyTiming))return;f._debugIsCurrentlyTiming=!1;var c=f.tag===pe?"Rendering was suspended":"An error was thrown inside this error boundary";gs(f,null,c)}}function Bi(f,c){if(Hr){if(!fn||(Tu(),!Io(f,c)))return;au=f,wr=c}}function Ci(){if(Hr){if(!fn)return;if(wr!==null&&au!==null){var f=J0?"Scheduled a cascading update":null;gs(au,wr,f)}wr=null,au=null}}function mf(f){if(Hr){if(Jn=f,!fn)return;Lu=0,Sl("(React Tree Reconciliation)"),Z0()}}function yf(f,c){if(Hr){if(!fn)return;var E=null;if(f!==null)if(f.tag===U)E="A top-level update interrupted the previous render";else{var T=qt(f.type)||"Unknown";E="An update to "+T+" interrupted the previous render"}else Lu>1&&(E="There were cascading updates");Lu=0;var A=c?"(React Tree Reconciliation: Completed Root)":"(React Tree Reconciliation: Yielded)";Ei(),Po(A,"(React Tree Reconciliation)",E)}}function $0(){if(Hr){if(!fn)return;Nu=!0,T0=!1,Fo.clear(),Sl("(Committing Changes)")}}function eo(){if(Hr){if(!fn)return;var f=null;T0?f="Lifecycle hook scheduled a cascading update":Lu>0&&(f="Caused by a cascading update in earlier commit"),T0=!1,Lu++,Nu=!1,Fo.clear(),Po("(Committing Changes)","(Committing Changes)",f)}}function Ce(){if(Hr){if(!fn)return;_i=0,Sl("(Committing Snapshot Effects)")}}function et(){if(Hr){if(!fn)return;var f=_i;_i=0,Po("(Committing Snapshot Effects: "+f+" Total)","(Committing Snapshot Effects)",null)}}function Ye(){if(Hr){if(!fn)return;_i=0,Sl("(Committing Host Effects)")}}function Yt(){if(Hr){if(!fn)return;var f=_i;_i=0,Po("(Committing Host Effects: "+f+" Total)","(Committing Host Effects)",null)}}function Kt(){if(Hr){if(!fn)return;_i=0,Sl("(Calling Lifecycle Methods)")}}function pr(){if(Hr){if(!fn)return;var f=_i;_i=0,Po("(Calling Lifecycle Methods: "+f+" Total)","(Calling Lifecycle Methods)",null)}}var Wr=[],xn;xn=[];var yu=-1;function Ju(f){return{current:f}}function ti(f,c){if(yu<0){We(!1,"Unexpected pop.");return}c!==xn[yu]&&We(!1,"Unexpected Fiber popped."),f.current=Wr[yu],Wr[yu]=null,xn[yu]=null,yu--}function Jr(f,c,E){yu++,Wr[yu]=f.current,xn[yu]=E,f.current=c}var Wu;Wu={};var Rn={};Object.freeze(Rn);var x0=Ju(Rn),Fu=Ju(!1),li=Rn;function Tl(f,c,E){return ai?Rn:E&&Xi(c)?li:x0.current}function zs(f,c,E){if(!ai){var T=f.stateNode;T.__reactInternalMemoizedUnmaskedChildContext=c,T.__reactInternalMemoizedMaskedChildContext=E}}function Vu(f,c){if(ai)return Rn;var E=f.type,T=E.contextTypes;if(!T)return Rn;var A=f.stateNode;if(A&&A.__reactInternalMemoizedUnmaskedChildContext===c)return A.__reactInternalMemoizedMaskedChildContext;var j={};for(var V in T)j[V]=c[V];{var te=qt(E)||"Unknown";_(T,j,"context",te,Lr)}return A&&zs(f,c,j),j}function sa(){return ai?!1:Fu.current}function Xi(f){if(ai)return!1;var c=f.childContextTypes;return c!=null}function Hs(f){ai||(ti(Fu,f),ti(x0,f))}function R0(f){ai||(ti(Fu,f),ti(x0,f))}function zi(f,c,E){if(!ai){if(x0.current!==Rn)throw Error("Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue.");Jr(x0,c,f),Jr(Fu,E,f)}}function A0(f,c,E){if(ai)return E;var T=f.stateNode,A=c.childContextTypes;if(typeof T.getChildContext!="function"){{var j=qt(c)||"Unknown";Wu[j]||(Wu[j]=!0,We(!1,"%s.childContextTypes is specified but there is no getChildContext() method on the instance. You can either define getChildContext() on %s or remove childContextTypes from it.",j,j))}return E}var V;$e("getChildContext"),Bi(f,"getChildContext"),V=T.getChildContext(),Ci(),$e(null);for(var te in V)if(!(te in A))throw Error((qt(c)||"Unknown")+'.getChildContext(): key "'+te+'" is not defined in childContextTypes.');{var le=qt(c)||"Unknown";_(A,V,"child context",le,Lr)}return a({},E,{},V)}function Hi(f){if(ai)return!1;var c=f.stateNode,E=c&&c.__reactInternalMemoizedMergedChildContext||Rn;return li=x0.current,Jr(x0,E,f),Jr(Fu,Fu.current,f),!0}function rl(f,c,E){if(!ai){var T=f.stateNode;if(!T)throw Error("Expected to have an instance by this point. This error is likely caused by a bug in React. Please file an issue.");if(E){var A=A0(f,c,li);T.__reactInternalMemoizedMergedChildContext=A,ti(Fu,f),ti(x0,f),Jr(x0,A,f),Jr(Fu,E,f)}else ti(Fu,f),Jr(Fu,E,f)}}function Cl(f){if(ai)return Rn;if(!(Is(f)&&f.tag===O))throw Error("Expected subtree parent to be a mounted class component. This error is likely caused by a bug in React. Please file an issue.");var c=f;do{switch(c.tag){case U:return c.stateNode.context;case O:{var E=c.type;if(Xi(E))return c.stateNode.__reactInternalMemoizedMergedChildContext;break}}c=c.return}while(c!==null);throw Error("Found unexpected detached subtree parent. This error is likely caused by a bug in React. Please file an issue.")}var B0=1,O0=2,ho=t.unstable_runWithPriority,Pu=t.unstable_scheduleCallback,Zu=t.unstable_cancelCallback,es=t.unstable_shouldYield,_s=t.unstable_requestPaint,aa=t.unstable_now,gf=t.unstable_getCurrentPriorityLevel,$u=t.unstable_ImmediatePriority,Es=t.unstable_UserBlockingPriority,Rr=t.unstable_NormalPriority,to=t.unstable_LowPriority,nu=t.unstable_IdlePriority;if(bn&&!(k.__interactionsRef!=null&&k.__interactionsRef.current!=null))throw Error("It is not supported to run the profiling version of a renderer (for example, `react-dom/profiling`) without also replacing the `scheduler/tracing` module with `scheduler/tracing-profiling`. Your bundler might have a setting for aliasing both modules. Learn more at http://fb.me/react-profiling");var fu={},Li=99,ni=98,Kn=97,e0=96,_0=95,E0=90,Fn=es,ae=_s!==void 0?_s:function(){},re=null,Fe=null,Ae=!1,st=aa(),vt=st<1e4?aa:function(){return aa()-st};function Qt(){switch(gf()){case $u:return Li;case Es:return ni;case Rr:return Kn;case to:return e0;case nu:return _0;default:throw Error("Unknown priority level.")}}function On(f){switch(f){case Li:return $u;case ni:return Es;case Kn:return Rr;case e0:return to;case _0:return nu;default:throw Error("Unknown priority level.")}}function Sn(f,c){var E=On(f);return ho(E,c)}function _n(f,c,E){var T=On(f);return Pu(T,c,E)}function Tn(f){return re===null?(re=[f],Fe=Pu($u,Fi)):re.push(f),fu}function ir(f){f!==fu&&Zu(f)}function Bt(){if(Fe!==null){var f=Fe;Fe=null,Zu(f)}Fi()}function Fi(){if(!Ae&&re!==null){Ae=!0;var f=0;try{var c=!0,E=re;Sn(Li,function(){for(;f<E.length;f++){var T=E[f];do T=T(c);while(T!==null)}}),re=null}catch(T){throw re!==null&&(re=re.slice(f+1)),Pu($u,Bt),T}finally{Ae=!1}}}var Ar=0,mr=1,Y=2,ri=4,ii=8,Vr=1073741823,at=0,Di=1,ru=2,D0=3,Un=Vr,t0=Un-1,no=10,vo=t0-1;function n0(f){return vo-(f/no|0)}function Uo(f){return(vo-f)*no}function ro(f,c){return((f/c|0)+1)*c}function Ba(f,c,E){return vo-ro(vo-f+c/no,E/no)}var _f=5e3,fc=250;function Ds(f){return Ba(f,_f,fc)}function fa(f,c){return Ba(f,c,fc)}var U0=500,cc=100;function Ua(f){return Ba(f,U0,cc)}function E2(f){return D0++}function nd(f,c){if(c===Un)return Li;if(c===Di||c===ru)return _0;var E=Uo(c)-Uo(f);return E<=0?Li:E<=U0+cc?ni:E<=_f+fc?Kn:_0}function rd(f,c){return f===c&&(f!==0||1/f==1/c)||f!==f&&c!==c}var mo=typeof Object.is=="function"?Object.is:rd,Hc=Object.prototype.hasOwnProperty;function xl(f,c){if(mo(f,c))return!0;if(typeof f!="object"||f===null||typeof c!="object"||c===null)return!1;var E=Object.keys(f),T=Object.keys(c);if(E.length!==T.length)return!1;for(var A=0;A<E.length;A++)if(!Hc.call(c,E[A])||!mo(f[E[A]],c[E[A]]))return!1;return!0}var il=function(){};{var D2=function(f){for(var c=arguments.length,E=new Array(c>1?c-1:0),T=1;T<c;T++)E[T-1]=arguments[T];var A=0,j="Warning: "+f.replace(/%s/g,function(){return E[A++]});typeof console!="undefined"&&console.warn(j);try{throw new Error(j)}catch(V){}};il=function(f,c){if(c===void 0)throw new Error("`lowPriorityWarningWithoutStack(condition, format, ...args)` requires a warning message argument");if(!f){for(var E=arguments.length,T=new Array(E>2?E-2:0),A=2;A<E;A++)T[A-2]=arguments[A];D2.apply(void 0,[c].concat(T))}}}var qs=il,Rl={recordUnsafeLifecycleWarnings:function(f,c){},flushPendingUnsafeLifecycleWarnings:function(){},recordLegacyContextWarning:function(f,c){},flushLegacyContextWarning:function(){},discardPendingWarnings:function(){}};{var id=function(f){for(var c=null,E=f;E!==null;)E.mode&mr&&(c=E),E=E.return;return c},jo=function(f){var c=[];return f.forEach(function(E){c.push(E)}),c.sort().join(", ")},ja=[],za=[],Ha=[],ca=[],ws=[],Ss=[],ts=new Set;Rl.recordUnsafeLifecycleWarnings=function(f,c){ts.has(f.type)||(typeof c.componentWillMount=="function"&&c.componentWillMount.__suppressDeprecationWarning!==!0&&ja.push(f),f.mode&mr&&typeof c.UNSAFE_componentWillMount=="function"&&za.push(f),typeof c.componentWillReceiveProps=="function"&&c.componentWillReceiveProps.__suppressDeprecationWarning!==!0&&Ha.push(f),f.mode&mr&&typeof c.UNSAFE_componentWillReceiveProps=="function"&&ca.push(f),typeof c.componentWillUpdate=="function"&&c.componentWillUpdate.__suppressDeprecationWarning!==!0&&ws.push(f),f.mode&mr&&typeof c.UNSAFE_componentWillUpdate=="function"&&Ss.push(f))},Rl.flushPendingUnsafeLifecycleWarnings=function(){var f=new Set;ja.length>0&&(ja.forEach(function(Nt){f.add(qt(Nt.type)||"Component"),ts.add(Nt.type)}),ja=[]);var c=new Set;za.length>0&&(za.forEach(function(Nt){c.add(qt(Nt.type)||"Component"),ts.add(Nt.type)}),za=[]);var E=new Set;Ha.length>0&&(Ha.forEach(function(Nt){E.add(qt(Nt.type)||"Component"),ts.add(Nt.type)}),Ha=[]);var T=new Set;ca.length>0&&(ca.forEach(function(Nt){T.add(qt(Nt.type)||"Component"),ts.add(Nt.type)}),ca=[]);var A=new Set;ws.length>0&&(ws.forEach(function(Nt){A.add(qt(Nt.type)||"Component"),ts.add(Nt.type)}),ws=[]);var j=new Set;if(Ss.length>0&&(Ss.forEach(function(Nt){j.add(qt(Nt.type)||"Component"),ts.add(Nt.type)}),Ss=[]),c.size>0){var V=jo(c);We(!1,`Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. See https://fb.me/react-unsafe-component-lifecycles for details.
-
-* Move code with side effects to componentDidMount, and set initial state in the constructor.
-
-Please update the following components: %s`,V)}if(T.size>0){var te=jo(T);We(!1,`Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://fb.me/react-unsafe-component-lifecycles for details.
-
-* Move data fetching code or side effects to componentDidUpdate.
-* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state
-
-Please update the following components: %s`,te)}if(j.size>0){var le=jo(j);We(!1,`Using UNSAFE_componentWillUpdate in strict mode is not recommended and may indicate bugs in your code. See https://fb.me/react-unsafe-component-lifecycles for details.
-
-* Move data fetching code or side effects to componentDidUpdate.
-
-Please update the following components: %s`,le)}if(f.size>0){var Be=jo(f);qs(!1,`componentWillMount has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.
-
-* Move code with side effects to componentDidMount, and set initial state in the constructor.
-* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run \`npx react-codemod rename-unsafe-lifecycles\` in your project source folder.
-
-Please update the following components: %s`,Be)}if(E.size>0){var Ke=jo(E);qs(!1,`componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.
-
-* Move data fetching code or side effects to componentDidUpdate.
-* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state
-* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run \`npx react-codemod rename-unsafe-lifecycles\` in your project source folder.
-
-Please update the following components: %s`,Ke)}if(A.size>0){var pt=jo(A);qs(!1,`componentWillUpdate has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.
-
-* Move data fetching code or side effects to componentDidUpdate.
-* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run \`npx react-codemod rename-unsafe-lifecycles\` in your project source folder.
-
-Please update the following components: %s`,pt)}};var zo=new Map,Ef=new Set;Rl.recordLegacyContextWarning=function(f,c){var E=id(f);if(E===null){We(!1,"Expected to find a StrictMode component in a strict mode tree. This error is likely caused by a bug in React. Please file an issue.");return}if(!Ef.has(f.type)){var T=zo.get(E);(f.type.contextTypes!=null||f.type.childContextTypes!=null||c!==null&&typeof c.getChildContext=="function")&&(T===void 0&&(T=[],zo.set(E,T)),T.push(f))}},Rl.flushLegacyContextWarning=function(){zo.forEach(function(f,c){var E=new Set;f.forEach(function(j){E.add(qt(j.type)||"Component"),Ef.add(j.type)});var T=jo(E),A=Cr(c);We(!1,`Legacy context API has been detected within a strict-mode tree.
-
-The old API will be supported in all 16.x releases, but applications using it should migrate to the new version.
-
-Please update the following components: %s
-
-Learn more about this warning here: https://fb.me/react-legacy-context%s`,T,A)})},Rl.discardPendingWarnings=function(){ja=[],za=[],Ha=[],ca=[],ws=[],Ss=[],zo=new Map}}var ul=null,Gu=null,qa=function(f){ul=f};function r0(f){{if(ul===null)return f;var c=ul(f);return c===void 0?f:c.current}}function j0(f){return r0(f)}function Df(f){{if(ul===null)return f;var c=ul(f);if(c===void 0){if(f!=null&&typeof f.render=="function"){var E=r0(f.render);if(f.render!==E){var T={$$typeof:Mn,render:E};return f.displayName!==void 0&&(T.displayName=f.displayName),T}}return f}return c.current}}function qc(f,c){{if(ul===null)return!1;var E=f.elementType,T=c.type,A=!1,j=typeof T=="object"&&T!==null?T.$$typeof:null;switch(f.tag){case O:{typeof T=="function"&&(A=!0);break}case L:{(typeof T=="function"||j===Er)&&(A=!0);break}case se:{(j===Mn||j===Er)&&(A=!0);break}case me:case ie:{(j===Vt||j===Er)&&(A=!0);break}default:return!1}if(A){var V=ul(E);if(V!==void 0&&V===ul(T))return!0}return!1}}function dc(f){{if(ul===null||typeof WeakSet!="function")return;Gu===null&&(Gu=new WeakSet),Gu.add(f)}}var Al=function(f,c){{if(ul===null)return;var E=c.staleFamilies,T=c.updatedFamilies;tf(),Ap(function(){da(f.current,T,E)})}},Ts=function(f,c){{if(f.context!==Rn)return;tf(),fv(function(){Yg(c,f,null,null)})}};function da(f,c,E){{var T=f.alternate,A=f.child,j=f.sibling,V=f.tag,te=f.type,le=null;switch(V){case L:case ie:case O:le=te;break;case se:le=te.render;break;default:break}if(ul===null)throw new Error("Expected resolveFamily to be set during hot reload.");var Be=!1,Ke=!1;if(le!==null){var pt=ul(le);pt!==void 0&&(E.has(pt)?Ke=!0:c.has(pt)&&(V===O?Ke=!0:Be=!0))}Gu!==null&&(Gu.has(f)||T!==null&&Gu.has(T))&&(Ke=!0),Ke&&(f._debugNeedsRemount=!0),(Ke||Be)&&ml(f,Un),A!==null&&!Ke&&da(A,c,E),j!==null&&da(j,c,E)}}var ud=function(f,c){{var E=new Set,T=new Set(c.map(function(A){return A.current}));return pa(f.current,T,E),E}};function pa(f,c,E){{var T=f.child,A=f.sibling,j=f.tag,V=f.type,te=null;switch(j){case L:case ie:case O:te=V;break;case se:te=V.render;break;default:break}var le=!1;te!==null&&c.has(te)&&(le=!0),le?pc(f,E):T!==null&&pa(T,c,E),A!==null&&pa(A,c,E)}}function pc(f,c){{var E=Wc(f,c);if(E)return;for(var T=f;;){switch(T.tag){case W:c.add(T.stateNode);return;case H:c.add(T.stateNode.containerInfo);return;case U:c.add(T.stateNode.containerInfo);return}if(T.return===null)throw new Error("Expected to reach root first.");T=T.return}}}function Wc(f,c){for(var E=f,T=!1;;){if(E.tag===W)T=!0,c.add(E.stateNode);else if(E.child!==null){E.child.return=E,E=E.child;continue}if(E===f)return T;for(;E.sibling===null;){if(E.return===null||E.return===f)return T;E=E.return}E.sibling.return=E.return,E=E.sibling}return!1}function qi(f,c){if(f&&f.defaultProps){var E=a({},c),T=f.defaultProps;for(var A in T)E[A]===void 0&&(E[A]=T[A]);return E}return c}function g(f){if(Jo(f),f._status!==Ro)throw f._result;return f._result}var y=Ju(null),R;R={};var F=null,b=null,J=null,ce=!1;function mt(){F=null,b=null,J=null,ce=!1}function xt(){ce=!0}function kt(){ce=!1}function xr(f,c){var E=f.type._context;ju?(Jr(y,E._currentValue,f),E._currentValue=c,E._currentRenderer===void 0||E._currentRenderer===null||E._currentRenderer===R||We(!1,"Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."),E._currentRenderer=R):(Jr(y,E._currentValue2,f),E._currentValue2=c,E._currentRenderer2===void 0||E._currentRenderer2===null||E._currentRenderer2===R||We(!1,"Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."),E._currentRenderer2=R)}function i0(f){var c=y.current;ti(y,f);var E=f.type._context;ju?E._currentValue=c:E._currentValue2=c}function cu(f,c,E){if(mo(E,c))return 0;var T=typeof f._calculateChangedBits=="function"?f._calculateChangedBits(E,c):Vr;return(T&Vr)!==T&&Xt(!1,"calculateChangedBits: Expected the return value to be a 31-bit integer. Instead received: %s",T),T|0}function z0(f,c){for(var E=f;E!==null;){var T=E.alternate;if(E.childExpirationTime<c)E.childExpirationTime=c,T!==null&&T.childExpirationTime<c&&(T.childExpirationTime=c);else if(T!==null&&T.childExpirationTime<c)T.childExpirationTime=c;else break;E=E.return}}function Ol(f,c,E,T){var A=f.child;for(A!==null&&(A.return=f);A!==null;){var j=void 0,V=A.dependencies;if(V!==null){j=A.child;for(var te=V.firstContext;te!==null;){if(te.context===c&&(te.observedBits&E)!=0){if(A.tag===O){var le=Cu(T,null);le.tag=$t,Va(A,le)}A.expirationTime<T&&(A.expirationTime=T);var Be=A.alternate;Be!==null&&Be.expirationTime<T&&(Be.expirationTime=T),z0(A.return,T),V.expirationTime<T&&(V.expirationTime=T);break}te=te.next}}else if(A.tag===ve)j=A.type===f.type?null:A.child;else if(Ai&&A.tag===qe){var Ke=A.return;if(Ke===null)throw Error("We just came from a parent so we must have had a parent. This is a bug in React.");Ke.expirationTime<T&&(Ke.expirationTime=T);var pt=Ke.alternate;pt!==null&&pt.expirationTime<T&&(pt.expirationTime=T),z0(Ke,T),j=A.sibling}else j=A.child;if(j!==null)j.return=A;else for(j=A;j!==null;){if(j===f){j=null;break}var Nt=j.sibling;if(Nt!==null){Nt.return=j.return,j=Nt;break}j=j.return}A=j}}function u0(f,c){F=f,b=null,J=null;var E=f.dependencies;if(E!==null){var T=E.firstContext;T!==null&&(E.expirationTime>=c&&lp(),E.firstContext=null)}}function Ve(f,c){if(ce&&Xt(!1,"Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo()."),J!==f){if(!(c===!1||c===0)){var E;typeof c!="number"||c===Vr?(J=f,E=Vr):E=c;var T={context:f,observedBits:E,next:null};if(b===null){if(F===null)throw Error("Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo().");b=T,F.dependencies={expirationTime:at,firstContext:T,responders:null}}else b=b.next=T}}return ju?f._currentValue:f._currentValue2}var Ue=0,lt=1,$t=2,Wn=3,si=!1,ur,ci;ur=!1,ci=null;function Qi(f){var c={baseState:f,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null};return c}function Gr(f){var c={baseState:f.baseState,firstUpdate:f.firstUpdate,lastUpdate:f.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null};return c}function Cu(f,c){var E={expirationTime:f,suspenseConfig:c,tag:Ue,payload:null,callback:null,next:null,nextEffect:null};return E.priority=Qt(),E}function Wa(f,c){f.lastUpdate===null?f.firstUpdate=f.lastUpdate=c:(f.lastUpdate.next=c,f.lastUpdate=c)}function Va(f,c){var E=f.alternate,T,A;E===null?(T=f.updateQueue,A=null,T===null&&(T=f.updateQueue=Qi(f.memoizedState))):(T=f.updateQueue,A=E.updateQueue,T===null?A===null?(T=f.updateQueue=Qi(f.memoizedState),A=E.updateQueue=Qi(E.memoizedState)):T=f.updateQueue=Gr(A):A===null&&(A=E.updateQueue=Gr(T))),A===null||T===A?Wa(T,c):T.lastUpdate===null||A.lastUpdate===null?(Wa(T,c),Wa(A,c)):(Wa(T,c),A.lastUpdate=c),f.tag===O&&(ci===T||A!==null&&ci===A)&&!ur&&(We(!1,"An update (setState, replaceState, or forceUpdate) was scheduled from inside an update function. Update functions should be pure, with zero side-effects. Consider using componentDidUpdate or a callback."),ur=!0)}function od(f,c){var E=f.updateQueue;E===null?E=f.updateQueue=Qi(f.memoizedState):E=w2(f,E),E.lastCapturedUpdate===null?E.firstCapturedUpdate=E.lastCapturedUpdate=c:(E.lastCapturedUpdate.next=c,E.lastCapturedUpdate=c)}function w2(f,c){var E=f.alternate;return E!==null&&c===E.updateQueue&&(c=f.updateQueue=Gr(c)),c}function S2(f,c,E,T,A,j){switch(E.tag){case lt:{var V=E.payload;if(typeof V=="function"){xt(),Ri&&f.mode&mr&&V.call(j,T,A);var te=V.call(j,T,A);return kt(),te}return V}case Wn:f.effectTag=f.effectTag&~p0|Xr;case Ue:{var le=E.payload,Be;return typeof le=="function"?(xt(),Ri&&f.mode&mr&&le.call(j,T,A),Be=le.call(j,T,A),kt()):Be=le,Be==null?T:a({},T,Be)}case $t:return si=!0,T}return T}function wf(f,c,E,T,A){si=!1,c=w2(f,c),ci=c;for(var j=c.baseState,V=null,te=at,le=c.firstUpdate,Be=j;le!==null;){var Ke=le.expirationTime;if(Ke<A)V===null&&(V=le,j=Be),te<Ke&&(te=Ke);else{vv(Ke,le.suspenseConfig),Be=S2(f,c,le,Be,E,T);var pt=le.callback;pt!==null&&(f.effectTag|=Y0,le.nextEffect=null,c.lastEffect===null?c.firstEffect=c.lastEffect=le:(c.lastEffect.nextEffect=le,c.lastEffect=le))}le=le.next}var Nt=null;for(le=c.firstCapturedUpdate;le!==null;){var Gt=le.expirationTime;if(Gt<A)Nt===null&&(Nt=le,V===null&&(j=Be)),te<Gt&&(te=Gt);else{Be=S2(f,c,le,Be,E,T);var zt=le.callback;zt!==null&&(f.effectTag|=Y0,le.nextEffect=null,c.lastCapturedEffect===null?c.firstCapturedEffect=c.lastCapturedEffect=le:(c.lastCapturedEffect.nextEffect=le,c.lastCapturedEffect=le))}le=le.next}V===null&&(c.lastUpdate=null),Nt===null?c.lastCapturedUpdate=null:f.effectTag|=Y0,V===null&&Nt===null&&(j=Be),c.baseState=j,c.firstUpdate=V,c.firstCapturedUpdate=Nt,Xd(te),f.expirationTime=te,f.memoizedState=Be,ci=null}function ld(f,c){if(typeof f!="function")throw Error("Invalid argument passed as callback. Expected a function. Instead received: "+f);f.call(c)}function ch(){si=!1}function Vc(){return si}function yo(f,c,E,T){c.firstCapturedUpdate!==null&&(c.lastUpdate!==null&&(c.lastUpdate.next=c.firstCapturedUpdate,c.lastUpdate=c.lastCapturedUpdate),c.firstCapturedUpdate=c.lastCapturedUpdate=null),dh(c.firstEffect,E),c.firstEffect=c.lastEffect=null,dh(c.firstCapturedEffect,E),c.firstCapturedEffect=c.lastCapturedEffect=null}function dh(f,c){for(;f!==null;){var E=f.callback;E!==null&&(f.callback=null,ld(E,c)),f=f.nextEffect}}var ph=rt.ReactCurrentBatchConfig;function go(){return ph.suspense}var Ml={},sd=Array.isArray,ad=new p.Component().refs,T2,Gc,Ir,fd,cd,Ga,Yc,C2,ol,ll;{T2=new Set,Gc=new Set,Ir=new Set,fd=new Set,C2=new Set,cd=new Set,ol=new Set,ll=new Set;var hh=new Set;Yc=function(f,c){if(!(f===null||typeof f=="function")){var E=c+"_"+f;hh.has(E)||(hh.add(E),We(!1,"%s(...): Expected the last optional `callback` argument to be a function. Instead received: %s.",c,f))}},Ga=function(f,c){if(c===void 0){var E=qt(f)||"Component";cd.has(E)||(cd.add(E),We(!1,"%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. You have returned undefined.",E))}},Object.defineProperty(Ml,"_processChildContext",{enumerable:!1,value:function(){throw Error("_processChildContext is not available in React 16+. This likely means you have multiple copies of React and are attempting to nest a React 15 tree inside a React 16 tree using unstable_renderSubtreeIntoContainer, which isn't supported. Try to make sure you have only one copy of React (and ideally, switch to ReactDOM.createPortal).")}}),Object.freeze(Ml)}function Sf(f,c,E,T){var A=f.memoizedState;Ri&&f.mode&mr&&E(T,A);var j=E(T,A);Ga(c,j);var V=j==null?A:a({},A,j);f.memoizedState=V;var te=f.updateQueue;te!==null&&f.expirationTime===at&&(te.baseState=V)}var Kc={isMounted:$n,enqueueSetState:function(f,c,E){var T=Ft(f),A=Ul(),j=go(),V=jf(A,T,j),te=Cu(V,j);te.payload=c,E!=null&&(Yc(E,"setState"),te.callback=E),Va(T,te),ml(T,V)},enqueueReplaceState:function(f,c,E){var T=Ft(f),A=Ul(),j=go(),V=jf(A,T,j),te=Cu(V,j);te.tag=lt,te.payload=c,E!=null&&(Yc(E,"replaceState"),te.callback=E),Va(T,te),ml(T,V)},enqueueForceUpdate:function(f,c){var E=Ft(f),T=Ul(),A=go(),j=jf(T,E,A),V=Cu(j,A);V.tag=$t,c!=null&&(Yc(c,"forceUpdate"),V.callback=c),Va(E,V),ml(E,j)}};function x2(f,c,E,T,A,j,V){var te=f.stateNode;if(typeof te.shouldComponentUpdate=="function"){Bi(f,"shouldComponentUpdate");var le=te.shouldComponentUpdate(T,j,V);return Ci(),le===void 0&&We(!1,"%s.shouldComponentUpdate(): Returned undefined instead of a boolean value. Make sure to return true or false.",qt(c)||"Component"),le}return c.prototype&&c.prototype.isPureReactComponent?!xl(E,T)||!xl(A,j):!0}function vh(f,c,E){var T=f.stateNode;{var A=qt(c)||"Component",j=T.render;j||(c.prototype&&typeof c.prototype.render=="function"?We(!1,"%s(...): No `render` method found on the returned component instance: did you accidentally return an object from the constructor?",A):We(!1,"%s(...): No `render` method found on the returned component instance: you may have forgotten to define `render`.",A));var V=!T.getInitialState||T.getInitialState.isReactClassApproved||T.state;V||We(!1,"getInitialState was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Did you mean to define a state property instead?",A);var te=!T.getDefaultProps||T.getDefaultProps.isReactClassApproved;te||We(!1,"getDefaultProps was defined on %s, a plain JavaScript class. This is only supported for classes created using React.createClass. Use a static property to define defaultProps instead.",A);var le=!T.propTypes;le||We(!1,"propTypes was defined as an instance property on %s. Use a static property to define propTypes instead.",A);var Be=!T.contextType;if(Be||We(!1,"contextType was defined as an instance property on %s. Use a static property to define contextType instead.",A),ai)c.childContextTypes&&We(!1,"%s uses the legacy childContextTypes API which is no longer supported. Use React.createContext() instead.",A),c.contextTypes&&We(!1,"%s uses the legacy contextTypes API which is no longer supported. Use React.createContext() with static contextType instead.",A);else{var Ke=!T.contextTypes;Ke||We(!1,"contextTypes was defined as an instance property on %s. Use a static property to define contextTypes instead.",A),c.contextType&&c.contextTypes&&!ol.has(c)&&(ol.add(c),We(!1,"%s declares both contextTypes and contextType static properties. The legacy contextTypes property will be ignored.",A))}var pt=typeof T.componentShouldUpdate!="function";pt||We(!1,"%s has a method called componentShouldUpdate(). Did you mean shouldComponentUpdate()? The name is phrased as a question because the function is expected to return a value.",A),c.prototype&&c.prototype.isPureReactComponent&&typeof T.shouldComponentUpdate!="undefined"&&We(!1,"%s has a method called shouldComponentUpdate(). shouldComponentUpdate should not be used when extending React.PureComponent. Please extend React.Component if shouldComponentUpdate is used.",qt(c)||"A pure component");var Nt=typeof T.componentDidUnmount!="function";Nt||We(!1,"%s has a method called componentDidUnmount(). But there is no such lifecycle method. Did you mean componentWillUnmount()?",A);var Gt=typeof T.componentDidReceiveProps!="function";Gt||We(!1,"%s has a method called componentDidReceiveProps(). But there is no such lifecycle method. If you meant to update the state in response to changing props, use componentWillReceiveProps(). If you meant to fetch data or run side-effects or mutations after React has updated the UI, use componentDidUpdate().",A);var zt=typeof T.componentWillRecieveProps!="function";zt||We(!1,"%s has a method called componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",A);var yn=typeof T.UNSAFE_componentWillRecieveProps!="function";yn||We(!1,"%s has a method called UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",A);var kr=T.props!==E;T.props===void 0||!kr||We(!1,"%s(...): When calling super() in `%s`, make sure to pass up the same props that your component's constructor was passed.",A,A);var oi=!T.defaultProps;oi||We(!1,"Setting defaultProps as an instance property on %s is not supported and will be ignored. Instead, define defaultProps as a static property on %s.",A,A),typeof T.getSnapshotBeforeUpdate=="function"&&typeof T.componentDidUpdate!="function"&&!Ir.has(c)&&(Ir.add(c),We(!1,"%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). This component defines getSnapshotBeforeUpdate() only.",qt(c)));var Oi=typeof T.getDerivedStateFromProps!="function";Oi||We(!1,"%s: getDerivedStateFromProps() is defined as an instance method and will be ignored. Instead, declare it as a static method.",A);var L0=typeof T.getDerivedStateFromError!="function";L0||We(!1,"%s: getDerivedStateFromError() is defined as an instance method and will be ignored. Instead, declare it as a static method.",A);var $i=typeof c.getSnapshotBeforeUpdate!="function";$i||We(!1,"%s: getSnapshotBeforeUpdate() is defined as a static method and will be ignored. Instead, declare it as an instance method.",A);var ot=T.state;ot&&(typeof ot!="object"||sd(ot))&&We(!1,"%s.state: must be set to an object or null",A),typeof T.getChildContext=="function"&&typeof c.childContextTypes!="object"&&We(!1,"%s.getChildContext(): childContextTypes must be defined in order to use getChildContext().",A)}}function sl(f,c){c.updater=Kc,f.stateNode=c,Jt(c,f),c._reactInternalInstance=Ml}function ha(f,c,E,T){var A=!1,j=Rn,V=Rn,te=c.contextType;if("contextType"in c){var le=te===null||te!==void 0&&te.$$typeof===nn&&te._context===void 0;if(!le&&!ll.has(c)){ll.add(c);var Be="";te===void 0?Be=" However, it is set to undefined. This can be caused by a typo or by mixing up named and default imports. This can also happen due to a circular dependency, so try moving the createContext() call to a separate file.":typeof te!="object"?Be=" However, it is set to a "+typeof te+".":te.$$typeof===Rt?Be=" Did you accidentally pass the Context.Provider instead?":te._context!==void 0?Be=" Did you accidentally pass the Context.Consumer instead?":Be=" However, it is set to an object with keys {"+Object.keys(te).join(", ")+"}.",We(!1,"%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s",qt(c)||"Component",Be)}}if(typeof te=="object"&&te!==null)V=Ve(te);else if(!ai){j=Tl(f,c,!0);var Ke=c.contextTypes;A=Ke!=null,V=A?Vu(f,j):Rn}Ri&&f.mode&mr&&new c(E,V);var pt=new c(E,V),Nt=f.memoizedState=pt.state!==null&&pt.state!==void 0?pt.state:null;sl(f,pt);{if(typeof c.getDerivedStateFromProps=="function"&&Nt===null){var Gt=qt(c)||"Component";Gc.has(Gt)||(Gc.add(Gt),We(!1,"`%s` uses `getDerivedStateFromProps` but its initial state is %s. This is not recommended. Instead, define the initial state by assigning an object to `this.state` in the constructor of `%s`. This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",Gt,pt.state===null?"null":"undefined",Gt))}if(typeof c.getDerivedStateFromProps=="function"||typeof pt.getSnapshotBeforeUpdate=="function"){var zt=null,yn=null,kr=null;if(typeof pt.componentWillMount=="function"&&pt.componentWillMount.__suppressDeprecationWarning!==!0?zt="componentWillMount":typeof pt.UNSAFE_componentWillMount=="function"&&(zt="UNSAFE_componentWillMount"),typeof pt.componentWillReceiveProps=="function"&&pt.componentWillReceiveProps.__suppressDeprecationWarning!==!0?yn="componentWillReceiveProps":typeof pt.UNSAFE_componentWillReceiveProps=="function"&&(yn="UNSAFE_componentWillReceiveProps"),typeof pt.componentWillUpdate=="function"&&pt.componentWillUpdate.__suppressDeprecationWarning!==!0?kr="componentWillUpdate":typeof pt.UNSAFE_componentWillUpdate=="function"&&(kr="UNSAFE_componentWillUpdate"),zt!==null||yn!==null||kr!==null){var oi=qt(c)||"Component",Oi=typeof c.getDerivedStateFromProps=="function"?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";fd.has(oi)||(fd.add(oi),We(!1,`Unsafe legacy lifecycles will not be called for components using new component APIs.
-
-%s uses %s but also contains the following legacy lifecycles:%s%s%s
-
-The above lifecycles should be removed. Learn more about this warning here:
-https://fb.me/react-unsafe-component-lifecycles`,oi,Oi,zt!==null?`
-  `+zt:"",yn!==null?`
-  `+yn:"",kr!==null?`
-  `+kr:""))}}}return A&&zs(f,j,V),pt}function R2(f,c){Bi(f,"componentWillMount");var E=c.state;typeof c.componentWillMount=="function"&&c.componentWillMount(),typeof c.UNSAFE_componentWillMount=="function"&&c.UNSAFE_componentWillMount(),Ci(),E!==c.state&&(We(!1,"%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",qt(f.type)||"Component"),Kc.enqueueReplaceState(c,c.state,null))}function A2(f,c,E,T){var A=c.state;if(Bi(f,"componentWillReceiveProps"),typeof c.componentWillReceiveProps=="function"&&c.componentWillReceiveProps(E,T),typeof c.UNSAFE_componentWillReceiveProps=="function"&&c.UNSAFE_componentWillReceiveProps(E,T),Ci(),c.state!==A){{var j=qt(f.type)||"Component";T2.has(j)||(T2.add(j),We(!1,"%s.componentWillReceiveProps(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",j))}Kc.enqueueReplaceState(c,c.state,null)}}function hc(f,c,E,T){vh(f,c,E);var A=f.stateNode;A.props=E,A.state=f.memoizedState,A.refs=ad;var j=c.contextType;if(typeof j=="object"&&j!==null)A.context=Ve(j);else if(ai)A.context=Rn;else{var V=Tl(f,c,!0);A.context=Vu(f,V)}{if(A.state===E){var te=qt(c)||"Component";C2.has(te)||(C2.add(te),We(!1,"%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",te))}f.mode&mr&&Rl.recordLegacyContextWarning(f,A),yi&&Rl.recordUnsafeLifecycleWarnings(f,A)}var le=f.updateQueue;le!==null&&(wf(f,le,E,A,T),A.state=f.memoizedState);var Be=c.getDerivedStateFromProps;typeof Be=="function"&&(Sf(f,c,Be,E),A.state=f.memoizedState),typeof c.getDerivedStateFromProps!="function"&&typeof A.getSnapshotBeforeUpdate!="function"&&(typeof A.UNSAFE_componentWillMount=="function"||typeof A.componentWillMount=="function")&&(R2(f,A),le=f.updateQueue,le!==null&&(wf(f,le,E,A,T),A.state=f.memoizedState)),typeof A.componentDidMount=="function"&&(f.effectTag|=Dr)}function mh(f,c,E,T){var A=f.stateNode,j=f.memoizedProps;A.props=j;var V=A.context,te=c.contextType,le=Rn;if(typeof te=="object"&&te!==null)le=Ve(te);else if(!ai){var Be=Tl(f,c,!0);le=Vu(f,Be)}var Ke=c.getDerivedStateFromProps,pt=typeof Ke=="function"||typeof A.getSnapshotBeforeUpdate=="function";!pt&&(typeof A.UNSAFE_componentWillReceiveProps=="function"||typeof A.componentWillReceiveProps=="function")&&(j!==E||V!==le)&&A2(f,A,E,le),ch();var Nt=f.memoizedState,Gt=A.state=Nt,zt=f.updateQueue;if(zt!==null&&(wf(f,zt,E,A,T),Gt=f.memoizedState),j===E&&Nt===Gt&&!sa()&&!Vc())return typeof A.componentDidMount=="function"&&(f.effectTag|=Dr),!1;typeof Ke=="function"&&(Sf(f,c,Ke,E),Gt=f.memoizedState);var yn=Vc()||x2(f,c,j,E,Nt,Gt,le);return yn?(!pt&&(typeof A.UNSAFE_componentWillMount=="function"||typeof A.componentWillMount=="function")&&(Bi(f,"componentWillMount"),typeof A.componentWillMount=="function"&&A.componentWillMount(),typeof A.UNSAFE_componentWillMount=="function"&&A.UNSAFE_componentWillMount(),Ci()),typeof A.componentDidMount=="function"&&(f.effectTag|=Dr)):(typeof A.componentDidMount=="function"&&(f.effectTag|=Dr),f.memoizedProps=E,f.memoizedState=Gt),A.props=E,A.state=Gt,A.context=le,yn}function O2(f,c,E,T,A){var j=c.stateNode,V=c.memoizedProps;j.props=c.type===c.elementType?V:qi(c.type,V);var te=j.context,le=E.contextType,Be=Rn;if(typeof le=="object"&&le!==null)Be=Ve(le);else if(!ai){var Ke=Tl(c,E,!0);Be=Vu(c,Ke)}var pt=E.getDerivedStateFromProps,Nt=typeof pt=="function"||typeof j.getSnapshotBeforeUpdate=="function";!Nt&&(typeof j.UNSAFE_componentWillReceiveProps=="function"||typeof j.componentWillReceiveProps=="function")&&(V!==T||te!==Be)&&A2(c,j,T,Be),ch();var Gt=c.memoizedState,zt=j.state=Gt,yn=c.updateQueue;if(yn!==null&&(wf(c,yn,T,j,A),zt=c.memoizedState),V===T&&Gt===zt&&!sa()&&!Vc())return typeof j.componentDidUpdate=="function"&&(V!==f.memoizedProps||Gt!==f.memoizedState)&&(c.effectTag|=Dr),typeof j.getSnapshotBeforeUpdate=="function"&&(V!==f.memoizedProps||Gt!==f.memoizedState)&&(c.effectTag|=Oo),!1;typeof pt=="function"&&(Sf(c,E,pt,T),zt=c.memoizedState);var kr=Vc()||x2(c,E,V,T,Gt,zt,Be);return kr?(!Nt&&(typeof j.UNSAFE_componentWillUpdate=="function"||typeof j.componentWillUpdate=="function")&&(Bi(c,"componentWillUpdate"),typeof j.componentWillUpdate=="function"&&j.componentWillUpdate(T,zt,Be),typeof j.UNSAFE_componentWillUpdate=="function"&&j.UNSAFE_componentWillUpdate(T,zt,Be),Ci()),typeof j.componentDidUpdate=="function"&&(c.effectTag|=Dr),typeof j.getSnapshotBeforeUpdate=="function"&&(c.effectTag|=Oo)):(typeof j.componentDidUpdate=="function"&&(V!==f.memoizedProps||Gt!==f.memoizedState)&&(c.effectTag|=Dr),typeof j.getSnapshotBeforeUpdate=="function"&&(V!==f.memoizedProps||Gt!==f.memoizedState)&&(c.effectTag|=Oo),c.memoizedProps=T,c.memoizedState=zt),j.props=T,j.state=zt,j.context=Be,kr}var dd,Xc,Qc,Ws,M2,va=function(f){};dd=!1,Xc=!1,Qc={},Ws={},M2={},va=function(f){if(!(f===null||typeof f!="object")&&!(!f._store||f._store.validated||f.key!=null)){if(typeof f._store!="object")throw Error("React Component in warnForMissingKey should have a _store. This error is likely caused by a bug in React. Please file an issue.");f._store.validated=!0;var c='Each child in a list should have a unique "key" prop. See https://fb.me/react-warning-keys for more information.'+Lr();Ws[c]||(Ws[c]=!0,Xt(!1,'Each child in a list should have a unique "key" prop. See https://fb.me/react-warning-keys for more information.'))}};var Jc=Array.isArray;function vc(f,c,E){var T=E.ref;if(T!==null&&typeof T!="function"&&typeof T!="object"){if(f.mode&mr||Mo){var A=qt(f.type)||"Component";Qc[A]||(Mo?We(!1,'Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. We recommend using useRef() or createRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref%s',A,T,Cr(f)):We(!1,'A string ref, "%s", has been found within a strict mode tree. String refs are a source of potential bugs and should be avoided. We recommend using useRef() or createRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref%s',T,Cr(f)),Qc[A]=!0)}if(E._owner){var j=E._owner,V;if(j){var te=j;if(te.tag!==O)throw Error("Function components cannot have refs. Did you mean to use React.forwardRef()?");V=te.stateNode}if(!V)throw Error("Missing owner for string ref "+T+". This error is likely caused by a bug in React. Please file an issue.");var le=""+T;if(c!==null&&c.ref!==null&&typeof c.ref=="function"&&c.ref._stringRef===le)return c.ref;var Be=function(Ke){var pt=V.refs;pt===ad&&(pt=V.refs={}),Ke===null?delete pt[le]:pt[le]=Ke};return Be._stringRef=le,Be}else{if(typeof T!="string")throw Error("Expected ref to be a function, a string, an object returned by React.createRef(), or null.");if(!E._owner)throw Error("Element ref was specified as a string ("+T+`) but no owner was set. This could happen for one of the following reasons:
-1. You may be adding a ref to a function component
-2. You may be adding a ref to a component that was not created inside a component's render method
-3. You have multiple copies of React loaded
-See https://fb.me/react-refs-must-have-owner for more information.`)}}return T}function mc(f,c){if(f.type!=="textarea"){var E="";throw E=" If you meant to render a collection of children, use an array instead."+Lr(),Error("Objects are not valid as a React child (found: "+(Object.prototype.toString.call(c)==="[object Object]"?"object with keys {"+Object.keys(c).join(", ")+"}":c)+")."+E)}}function pd(){var f="Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it."+Lr();M2[f]||(M2[f]=!0,Xt(!1,"Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it."))}function yh(f){function c(ot,Ot){if(!!f){var Ze=ot.lastEffect;Ze!==null?(Ze.nextEffect=Ot,ot.lastEffect=Ot):ot.firstEffect=ot.lastEffect=Ot,Ot.nextEffect=null,Ot.effectTag=G0}}function E(ot,Ot){if(!f)return null;for(var Ze=Ot;Ze!==null;)c(ot,Ze),Ze=Ze.sibling;return null}function T(ot,Ot){for(var Ze=new Map,Ut=Ot;Ut!==null;)Ut.key!==null?Ze.set(Ut.key,Ut):Ze.set(Ut.index,Ut),Ut=Ut.sibling;return Ze}function A(ot,Ot,Ze){var Ut=To(ot,Ot,Ze);return Ut.index=0,Ut.sibling=null,Ut}function j(ot,Ot,Ze){if(ot.index=Ze,!f)return Ot;var Ut=ot.alternate;if(Ut!==null){var Pn=Ut.index;return Pn<Ot?(ot.effectTag=mi,Ot):Pn}else return ot.effectTag=mi,Ot}function V(ot){return f&&ot.alternate===null&&(ot.effectTag=mi),ot}function te(ot,Ot,Ze,Ut){if(Ot===null||Ot.tag!==ne){var Pn=dy(Ze,ot.mode,Ut);return Pn.return=ot,Pn}else{var vn=A(Ot,Ze,Ut);return vn.return=ot,vn}}function le(ot,Ot,Ze,Ut){if(Ot!==null&&(Ot.elementType===Ze.type||qc(Ot,Ze))){var Pn=A(Ot,Ze.props,Ut);return Pn.ref=vc(ot,Ot,Ze),Pn.return=ot,Pn._debugSource=Ze._source,Pn._debugOwner=Ze._owner,Pn}else{var vn=cy(Ze,ot.mode,Ut);return vn.ref=vc(ot,Ot,Ze),vn.return=ot,vn}}function Be(ot,Ot,Ze,Ut){if(Ot===null||Ot.tag!==H||Ot.stateNode.containerInfo!==Ze.containerInfo||Ot.stateNode.implementation!==Ze.implementation){var Pn=py(Ze,ot.mode,Ut);return Pn.return=ot,Pn}else{var vn=A(Ot,Ze.children||[],Ut);return vn.return=ot,vn}}function Ke(ot,Ot,Ze,Ut,Pn){if(Ot===null||Ot.tag!==m){var vn=nf(Ze,ot.mode,Ut,Pn);return vn.return=ot,vn}else{var Wi=A(Ot,Ze,Ut);return Wi.return=ot,Wi}}function pt(ot,Ot,Ze){if(typeof Ot=="string"||typeof Ot=="number"){var Ut=dy(""+Ot,ot.mode,Ze);return Ut.return=ot,Ut}if(typeof Ot=="object"&&Ot!==null){switch(Ot.$$typeof){case fe:{var Pn=cy(Ot,ot.mode,Ze);return Pn.ref=vc(ot,null,Ot),Pn.return=ot,Pn}case xe:{var vn=py(Ot,ot.mode,Ze);return vn.return=ot,vn}}if(Jc(Ot)||fr(Ot)){var Wi=nf(Ot,ot.mode,Ze,null);return Wi.return=ot,Wi}mc(ot,Ot)}return typeof Ot=="function"&&pd(),null}function Nt(ot,Ot,Ze,Ut){var Pn=Ot!==null?Ot.key:null;if(typeof Ze=="string"||typeof Ze=="number")return Pn!==null?null:te(ot,Ot,""+Ze,Ut);if(typeof Ze=="object"&&Ze!==null){switch(Ze.$$typeof){case fe:return Ze.key===Pn?Ze.type===oe?Ke(ot,Ot,Ze.props.children,Ut,Pn):le(ot,Ot,Ze,Ut):null;case xe:return Ze.key===Pn?Be(ot,Ot,Ze,Ut):null}if(Jc(Ze)||fr(Ze))return Pn!==null?null:Ke(ot,Ot,Ze,Ut,null);mc(ot,Ze)}return typeof Ze=="function"&&pd(),null}function Gt(ot,Ot,Ze,Ut,Pn){if(typeof Ut=="string"||typeof Ut=="number"){var vn=ot.get(Ze)||null;return te(Ot,vn,""+Ut,Pn)}if(typeof Ut=="object"&&Ut!==null){switch(Ut.$$typeof){case fe:{var Wi=ot.get(Ut.key===null?Ze:Ut.key)||null;return Ut.type===oe?Ke(Ot,Wi,Ut.props.children,Pn,Ut.key):le(Ot,Wi,Ut,Pn)}case xe:{var pi=ot.get(Ut.key===null?Ze:Ut.key)||null;return Be(Ot,pi,Ut,Pn)}}if(Jc(Ut)||fr(Ut)){var Ku=ot.get(Ze)||null;return Ke(Ot,Ku,Ut,Pn,null)}mc(Ot,Ut)}return typeof Ut=="function"&&pd(),null}function zt(ot,Ot){{if(typeof ot!="object"||ot===null)return Ot;switch(ot.$$typeof){case fe:case xe:va(ot);var Ze=ot.key;if(typeof Ze!="string")break;if(Ot===null){Ot=new Set,Ot.add(Ze);break}if(!Ot.has(Ze)){Ot.add(Ze);break}Xt(!1,"Encountered two children with the same key, `%s`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted \u2014 the behavior is unsupported and could change in a future version.",Ze);break;default:break}}return Ot}function yn(ot,Ot,Ze,Ut){for(var Pn=null,vn=0;vn<Ze.length;vn++){var Wi=Ze[vn];Pn=zt(Wi,Pn)}for(var pi=null,Ku=null,hr=Ot,pu=0,Kr=0,xu=null;hr!==null&&Kr<Ze.length;Kr++){hr.index>Kr?(xu=hr,hr=null):xu=hr.sibling;var w0=Nt(ot,hr,Ze[Kr],Ut);if(w0===null){hr===null&&(hr=xu);break}f&&hr&&w0.alternate===null&&c(ot,hr),pu=j(w0,pu,Kr),Ku===null?pi=w0:Ku.sibling=w0,Ku=w0,hr=xu}if(Kr===Ze.length)return E(ot,hr),pi;if(hr===null){for(;Kr<Ze.length;Kr++){var W0=pt(ot,Ze[Kr],Ut);W0!==null&&(pu=j(W0,pu,Kr),Ku===null?pi=W0:Ku.sibling=W0,Ku=W0)}return pi}for(var Ms=T(ot,hr);Kr<Ze.length;Kr++){var Xu=Gt(Ms,ot,Kr,Ze[Kr],Ut);Xu!==null&&(f&&Xu.alternate!==null&&Ms.delete(Xu.key===null?Kr:Xu.key),pu=j(Xu,pu,Kr),Ku===null?pi=Xu:Ku.sibling=Xu,Ku=Xu)}return f&&Ms.forEach(function(yl){return c(ot,yl)}),pi}function kr(ot,Ot,Ze,Ut){var Pn=fr(Ze);if(typeof Pn!="function")throw Error("An object is not an iterable. This error is likely caused by a bug in React. Please file an issue.");{typeof Symbol=="function"&&Ze[Symbol.toStringTag]==="Generator"&&(Xc||Xt(!1,"Using Generators as children is unsupported and will likely yield unexpected results because enumerating a generator mutates it. You may convert it to an array with `Array.from()` or the `[...spread]` operator before rendering. Keep in mind you might need to polyfill these features for older browsers."),Xc=!0),Ze.entries===Pn&&(dd||Xt(!1,"Using Maps as children is unsupported and will likely yield unexpected results. Convert it to a sequence/iterable of keyed ReactElements instead."),dd=!0);var vn=Pn.call(Ze);if(vn)for(var Wi=null,pi=vn.next();!pi.done;pi=vn.next()){var Ku=pi.value;Wi=zt(Ku,Wi)}}var hr=Pn.call(Ze);if(hr==null)throw Error("An iterable object provided no iterator.");for(var pu=null,Kr=null,xu=Ot,w0=0,W0=0,Ms=null,Xu=hr.next();xu!==null&&!Xu.done;W0++,Xu=hr.next()){xu.index>W0?(Ms=xu,xu=null):Ms=xu.sibling;var yl=Nt(ot,xu,Xu.value,Ut);if(yl===null){xu===null&&(xu=Ms);break}f&&xu&&yl.alternate===null&&c(ot,xu),w0=j(yl,w0,W0),Kr===null?pu=yl:Kr.sibling=yl,Kr=yl,xu=Ms}if(Xu.done)return E(ot,xu),pu;if(xu===null){for(;!Xu.done;W0++,Xu=hr.next()){var rf=pt(ot,Xu.value,Ut);rf!==null&&(w0=j(rf,w0,W0),Kr===null?pu=rf:Kr.sibling=rf,Kr=rf)}return pu}for(var Wo=T(ot,xu);!Xu.done;W0++,Xu=hr.next()){var ks=Gt(Wo,ot,W0,Xu.value,Ut);ks!==null&&(f&&ks.alternate!==null&&Wo.delete(ks.key===null?W0:ks.key),w0=j(ks,w0,W0),Kr===null?pu=ks:Kr.sibling=ks,Kr=ks)}return f&&Wo.forEach(function(Zd){return c(ot,Zd)}),pu}function oi(ot,Ot,Ze,Ut){if(Ot!==null&&Ot.tag===ne){E(ot,Ot.sibling);var Pn=A(Ot,Ze,Ut);return Pn.return=ot,Pn}E(ot,Ot);var vn=dy(Ze,ot.mode,Ut);return vn.return=ot,vn}function Oi(ot,Ot,Ze,Ut){for(var Pn=Ze.key,vn=Ot;vn!==null;){if(vn.key===Pn)if(vn.tag===m?Ze.type===oe:vn.elementType===Ze.type||qc(vn,Ze)){E(ot,vn.sibling);var Wi=A(vn,Ze.type===oe?Ze.props.children:Ze.props,Ut);return Wi.ref=vc(ot,vn,Ze),Wi.return=ot,Wi._debugSource=Ze._source,Wi._debugOwner=Ze._owner,Wi}else{E(ot,vn);break}else c(ot,vn);vn=vn.sibling}if(Ze.type===oe){var pi=nf(Ze.props.children,ot.mode,Ut,Ze.key);return pi.return=ot,pi}else{var Ku=cy(Ze,ot.mode,Ut);return Ku.ref=vc(ot,Ot,Ze),Ku.return=ot,Ku}}function L0(ot,Ot,Ze,Ut){for(var Pn=Ze.key,vn=Ot;vn!==null;){if(vn.key===Pn)if(vn.tag===H&&vn.stateNode.containerInfo===Ze.containerInfo&&vn.stateNode.implementation===Ze.implementation){E(ot,vn.sibling);var Wi=A(vn,Ze.children||[],Ut);return Wi.return=ot,Wi}else{E(ot,vn);break}else c(ot,vn);vn=vn.sibling}var pi=py(Ze,ot.mode,Ut);return pi.return=ot,pi}function $i(ot,Ot,Ze,Ut){var Pn=typeof Ze=="object"&&Ze!==null&&Ze.type===oe&&Ze.key===null;Pn&&(Ze=Ze.props.children);var vn=typeof Ze=="object"&&Ze!==null;if(vn)switch(Ze.$$typeof){case fe:return V(Oi(ot,Ot,Ze,Ut));case xe:return V(L0(ot,Ot,Ze,Ut))}if(typeof Ze=="string"||typeof Ze=="number")return V(oi(ot,Ot,""+Ze,Ut));if(Jc(Ze))return yn(ot,Ot,Ze,Ut);if(fr(Ze))return kr(ot,Ot,Ze,Ut);if(vn&&mc(ot,Ze),typeof Ze=="function"&&pd(),typeof Ze=="undefined"&&!Pn)switch(ot.tag){case O:{var Wi=ot.stateNode;if(Wi.render._isMockFunction)break}case L:{var pi=ot.type;throw Error((pi.displayName||pi.name||"Component")+"(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.")}}return E(ot,Ot)}return $i}var Tf=yh(!0),Zc=yh(!1);function gh(f,c){if(!(f===null||c.child===f.child))throw Error("Resuming work not yet implemented.");if(c.child!==null){var E=c.child,T=To(E,E.pendingProps,E.expirationTime);for(c.child=T,T.return=c;E.sibling!==null;)E=E.sibling,T=T.sibling=To(E,E.pendingProps,E.expirationTime),T.return=c;T.sibling=null}}function nm(f,c){for(var E=f.child;E!==null;)Av(E,c),E=E.sibling}var Vs={},ma=Ju(Vs),iu=Ju(Vs),M0=Ju(Vs);function o0(f){if(f===Vs)throw Error("Expected host context to exist. This error is likely caused by a bug in React. Please file an issue.");return f}function ns(){var f=o0(M0.current);return f}function Ya(f,c){Jr(M0,c,f),Jr(iu,f,f),Jr(ma,Vs,f);var E=wt(c);ti(ma,f),Jr(ma,E,f)}function io(f){ti(ma,f),ti(iu,f),ti(M0,f)}function al(){var f=o0(ma.current);return f}function yc(f){var c=o0(M0.current),E=o0(ma.current),T=bt(E,f.type,c);E!==T&&(Jr(iu,f,f),Jr(ma,T,f))}function k2(f){iu.current===f&&(ti(ma,f),ti(iu,f))}var _h=0,Cf=1,xf=1,$c=2,kl=Ju(_h);function e1(f,c){return(f&c)!=0}function ya(f){return f&Cf}function hd(f,c){return f&Cf|c}function vd(f,c){return f|c}function Fr(f,c){Jr(kl,c,f)}function ga(f){ti(kl,f)}function N2(f,c){var E=f.memoizedState;if(E!==null)return E.dehydrated!==null;var T=f.memoizedProps;return T.fallback===void 0?!1:T.unstable_avoidThisFallback!==!0?!0:!c}function t1(f){for(var c=f;c!==null;){if(c.tag===pe){var E=c.memoizedState;if(E!==null){var T=E.dehydrated;if(T===null||Bs(T)||y0(T))return c}}else if(c.tag===yt&&c.memoizedProps.revealOrder!==void 0){var A=(c.effectTag&Xr)!==xi;if(A)return c}else if(c.child!==null){c.child.return=c,c=c.child;continue}if(c===f)return null;for(;c.sibling===null;){if(c.return===null||c.return===f)return null;c=c.return}c.sibling.return=c.return,c=c.sibling}return null}var md={},wi=Array.isArray;function L2(f,c,E,T){return{fiber:T,props:c,responder:f,rootEventTypes:null,state:E}}function rm(f,c,E,T,A){var j=md,V=f.getInitialState;V!==null&&(j=V(c));var te=L2(f,c,j,E);if(!A)for(var le=E;le!==null;){var Be=le.tag;if(Be===W){A=le.stateNode;break}else if(Be===U){A=le.stateNode.containerInfo;break}le=le.return}Le(f,te,c,j,A),T.set(f,te)}function yd(f,c,E,T,A){var j,V;if(f&&(j=f.responder,V=f.props),!(j&&j.$$typeof===jt))throw Error("An invalid value was used as an event listener. Expect one or many event listeners created via React.unstable_useResponder().");var te=V;if(E.has(j)){Xt(!1,'Duplicate event responder "%s" found in event listeners. Event listeners passed to elements cannot use the same event responder more than once.',j.displayName);return}E.add(j);var le=T.get(j);le===void 0?rm(j,te,c,T,A):(le.props=te,le.fiber=c)}function hn(f,c,E){var T=new Set,A=c.dependencies;if(f!=null){A===null&&(A=c.dependencies={expirationTime:at,firstContext:null,responders:new Map});var j=A.responders;if(j===null&&(j=new Map),wi(f))for(var V=0,te=f.length;V<te;V++){var le=f[V];yd(le,c,T,j,E)}else yd(f,c,T,j,E)}if(A!==null){var Be=A.responders;if(Be!==null)for(var Ke=Array.from(Be.keys()),pt=0,Nt=Ke.length;pt<Nt;pt++){var Gt=Ke[pt];if(!T.has(Gt)){var zt=Be.get(Gt);Ne(zt),Be.delete(Gt)}}}}function Rf(f,c){var E={responder:f,props:c};return Object.freeze(E),E}var Af=0,im=2,Of=4,Eh=8,um=16,fl=32,n1=64,sr=128,qn=rt.ReactCurrentDispatcher,Ho=rt.ReactCurrentBatchConfig,yr;yr=new Set;var Vn=at,cl=null,jn=null,_o=null,gc=null,uo=null,Ka=null,Iu=at,rs=null,Mf=0,_c=!1,Cs=null,Ec=0,Dh=25,cn=null,is=null,Eo=-1,oo=!1;function Ji(){{var f=cn;is===null?is=[f]:is.push(f)}}function Yr(){{var f=cn;is!==null&&(Eo++,is[Eo]!==f&&om(f))}}function kf(f){f!=null&&!Array.isArray(f)&&Xt(!1,"%s received a final argument that is not an array (instead, received `%s`). When specified, the final argument must be an array.",cn,typeof f)}function om(f){{var c=qt(cl.type);if(!yr.has(c)&&(yr.add(c),is!==null)){for(var E="",T=30,A=0;A<=Eo;A++){for(var j=is[A],V=A===Eo?f:j,te=A+1+". "+j;te.length<T;)te+=" ";te+=V+`
-`,E+=te}Xt(!1,`React has detected a change in the order of Hooks called by %s. This will lead to bugs and errors if not fixed. For more information, read the Rules of Hooks: https://fb.me/rules-of-hooks
-
-   Previous render            Next render
-   ------------------------------------------------------
-%s   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
-`,c,E)}}}function Nl(){throw Error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
-1. You might have mismatching versions of React and the renderer (such as React DOM)
-2. You might be breaking the Rules of Hooks
-3. You might have more than one copy of React in the same app
-See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.`)}function Nf(f,c){if(oo)return!1;if(c===null)return Xt(!1,"%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",cn),!1;f.length!==c.length&&Xt(!1,`The final argument passed to %s changed size between renders. The order and size of this array must remain constant.
-
-Previous: %s
-Incoming: %s`,cn,"["+c.join(", ")+"]","["+f.join(", ")+"]");for(var E=0;E<c.length&&E<f.length;E++)if(!mo(f[E],c[E]))return!1;return!0}function Lf(f,c,E,T,A,j){Vn=j,cl=c,_o=f!==null?f.memoizedState:null,is=f!==null?f._debugHookTypes:null,Eo=-1,oo=f!==null&&f.type!==c.type,_o!==null?qn.current=H2:is!==null?qn.current=z2:qn.current=xh;var V=E(T,A);if(_c){do _c=!1,Ec+=1,oo=!1,_o=f!==null?f.memoizedState:null,Ka=gc,jn=null,uo=null,rs=null,Eo=-1,qn.current=H2,V=E(T,A);while(_c);Cs=null,Ec=0}qn.current=a1;var te=cl;te.memoizedState=gc,te.expirationTime=Iu,te.updateQueue=rs,te.effectTag|=Mf,te._debugHookTypes=is;var le=jn!==null&&jn.next!==null;if(Vn=at,cl=null,jn=null,_o=null,gc=null,uo=null,Ka=null,cn=null,is=null,Eo=-1,Iu=at,rs=null,Mf=0,le)throw Error("Rendered fewer hooks than expected. This may be caused by an accidental early return statement.");return V}function gd(f,c,E){c.updateQueue=f.updateQueue,c.effectTag&=~(F0|Dr),f.expirationTime<=E&&(f.expirationTime=at)}function _d(){qn.current=a1,Vn=at,cl=null,jn=null,_o=null,gc=null,uo=null,Ka=null,is=null,Eo=-1,cn=null,Iu=at,rs=null,Mf=0,_c=!1,Cs=null,Ec=0}function Dc(){var f={memoizedState:null,baseState:null,queue:null,baseUpdate:null,next:null};return uo===null?gc=uo=f:uo=uo.next=f,uo}function r1(){if(Ka!==null)uo=Ka,Ka=uo.next,jn=_o,_o=jn!==null?jn.next:null;else{if(_o===null)throw Error("Rendered more hooks than during the previous render.");jn=_o;var f={memoizedState:jn.memoizedState,baseState:jn.baseState,queue:jn.queue,baseUpdate:jn.baseUpdate,next:null};uo===null?uo=gc=f:uo=uo.next=f,_o=jn.next}return uo}function Xa(){return{lastEffect:null}}function F2(f,c){return typeof c=="function"?c(f):c}function Ed(f,c,E){var T=Dc(),A;E!==void 0?A=E(c):A=c,T.memoizedState=T.baseState=A;var j=T.queue={last:null,dispatch:null,lastRenderedReducer:f,lastRenderedState:A},V=j.dispatch=s1.bind(null,cl,j);return[T.memoizedState,V]}function i1(f,c,E){var T=r1(),A=T.queue;if(A===null)throw Error("Should have a queue. This is likely a bug in React. Please file an issue.");if(A.lastRenderedReducer=f,Ec>0){var j=A.dispatch;if(Cs!==null){var V=Cs.get(A);if(V!==void 0){Cs.delete(A);var te=T.memoizedState,le=V;do{var Be=le.action;te=f(te,Be),le=le.next}while(le!==null);return mo(te,T.memoizedState)||lp(),T.memoizedState=te,T.baseUpdate===A.last&&(T.baseState=te),A.lastRenderedState=te,[te,j]}}return[T.memoizedState,j]}var Ke=A.last,pt=T.baseUpdate,Nt=T.baseState,Gt;if(pt!==null?(Ke!==null&&(Ke.next=null),Gt=pt.next):Gt=Ke!==null?Ke.next:null,Gt!==null){var zt=Nt,yn=null,kr=null,oi=pt,Oi=Gt,L0=!1;do{var $i=Oi.expirationTime;if($i<Vn)L0||(L0=!0,kr=oi,yn=zt),$i>Iu&&(Iu=$i,Xd(Iu));else if(vv($i,Oi.suspenseConfig),Oi.eagerReducer===f)zt=Oi.eagerState;else{var ot=Oi.action;zt=f(zt,ot)}oi=Oi,Oi=Oi.next}while(Oi!==null&&Oi!==Gt);L0||(kr=oi,yn=zt),mo(zt,T.memoizedState)||lp(),T.memoizedState=zt,T.baseUpdate=kr,T.baseState=yn,A.lastRenderedState=zt}var Ot=A.dispatch;return[T.memoizedState,Ot]}function Ff(f){var c=Dc();typeof f=="function"&&(f=f()),c.memoizedState=c.baseState=f;var E=c.queue={last:null,dispatch:null,lastRenderedReducer:F2,lastRenderedState:f},T=E.dispatch=s1.bind(null,cl,E);return[c.memoizedState,T]}function u1(f){return i1(F2,f)}function Qa(f,c,E,T){var A={tag:f,create:c,destroy:E,deps:T,next:null};if(rs===null)rs=Xa(),rs.lastEffect=A.next=A;else{var j=rs.lastEffect;if(j===null)rs.lastEffect=A.next=A;else{var V=j.next;j.next=A,A.next=V,rs.lastEffect=A}}return A}function o1(f){var c=Dc(),E={current:f};return Object.seal(E),c.memoizedState=E,E}function P2(f){var c=r1();return c.memoizedState}function Dd(f,c,E,T){var A=Dc(),j=T===void 0?null:T;Mf|=f,A.memoizedState=Qa(c,E,void 0,j)}function wc(f,c,E,T){var A=r1(),j=T===void 0?null:T,V=void 0;if(jn!==null){var te=jn.memoizedState;if(V=te.destroy,j!==null){var le=te.deps;if(Nf(j,le)){Qa(Af,E,V,j);return}}}Mf|=f,A.memoizedState=Qa(c,E,V,j)}function l1(f,c){return typeof jest!="undefined"&&Rv(cl),Dd(Dr|F0,sr|n1,f,c)}function Ll(f,c){return typeof jest!="undefined"&&Rv(cl),wc(Dr|F0,sr|n1,f,c)}function Ea(f,c){return Dd(Dr,Of|fl,f,c)}function wh(f,c){return wc(Dr,Of|fl,f,c)}function I2(f,c){if(typeof c=="function"){var E=c,T=f();return E(T),function(){E(null)}}else if(c!=null){var A=c;A.hasOwnProperty("current")||Xt(!1,"Expected useImperativeHandle() first argument to either be a ref callback or React.createRef() object. Instead received: %s.","an object with keys {"+Object.keys(A).join(", ")+"}");var j=f();return A.current=j,function(){A.current=null}}}function b2(f,c,E){typeof c!="function"&&Xt(!1,"Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",c!==null?typeof c:"null");var T=E!=null?E.concat([f]):null;return Dd(Dr,Of|fl,I2.bind(null,c,f),T)}function Sh(f,c,E){typeof c!="function"&&Xt(!1,"Expected useImperativeHandle() second argument to be a function that creates a handle. Instead received: %s.",c!==null?typeof c:"null");var T=E!=null?E.concat([f]):null;return wc(Dr,Of|fl,I2.bind(null,c,f),T)}function wd(f,c){}var Th=wd;function Fl(f,c){var E=Dc(),T=c===void 0?null:c;return E.memoizedState=[f,T],f}function us(f,c){var E=r1(),T=c===void 0?null:c,A=E.memoizedState;if(A!==null&&T!==null){var j=A[1];if(Nf(T,j))return A[0]}return E.memoizedState=[f,T],f}function xs(f,c){var E=Dc(),T=c===void 0?null:c,A=f();return E.memoizedState=[A,T],A}function Gs(f,c){var E=r1(),T=c===void 0?null:c,A=E.memoizedState;if(A!==null&&T!==null){var j=A[1];if(Nf(T,j))return A[0]}var V=f();return E.memoizedState=[V,T],V}function B2(f,c){var E=Ff(f),T=E[0],A=E[1];return l1(function(){t.unstable_next(function(){var j=Ho.suspense;Ho.suspense=c===void 0?null:c;try{A(f)}finally{Ho.suspense=j}})},[f,c]),T}function Ch(f,c){var E=u1(f),T=E[0],A=E[1];return Ll(function(){t.unstable_next(function(){var j=Ho.suspense;Ho.suspense=c===void 0?null:c;try{A(f)}finally{Ho.suspense=j}})},[f,c]),T}function U2(f){var c=Ff(!1),E=c[0],T=c[1],A=Fl(function(j){T(!0),t.unstable_next(function(){var V=Ho.suspense;Ho.suspense=f===void 0?null:f;try{T(!1),j()}finally{Ho.suspense=V}})},[f,E]);return[A,E]}function j2(f){var c=u1(!1),E=c[0],T=c[1],A=us(function(j){T(!0),t.unstable_next(function(){var V=Ho.suspense;Ho.suspense=f===void 0?null:f;try{T(!1),j()}finally{Ho.suspense=V}})},[f,E]);return[A,E]}function s1(f,c,E){if(!(Ec<Dh))throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");typeof arguments[3]=="function"&&Xt(!1,"State updates from the useState() and useReducer() Hooks don't support the second callback argument. To execute a side effect after rendering, declare it in the component body with useEffect().");var T=f.alternate;if(f===cl||T!==null&&T===cl){_c=!0;var A={expirationTime:Vn,suspenseConfig:null,action:E,eagerReducer:null,eagerState:null,next:null};A.priority=Qt(),Cs===null&&(Cs=new Map);var j=Cs.get(c);if(j===void 0)Cs.set(c,A);else{for(var V=j;V.next!==null;)V=V.next;V.next=A}}else{var te=Ul(),le=go(),Be=jf(te,f,le),Ke={expirationTime:Be,suspenseConfig:le,action:E,eagerReducer:null,eagerState:null,next:null};Ke.priority=Qt();var pt=c.last;if(pt===null)Ke.next=Ke;else{var Nt=pt.next;Nt!==null&&(Ke.next=Nt),pt.next=Ke}if(c.last=Ke,f.expirationTime===at&&(T===null||T.expirationTime===at)){var Gt=c.lastRenderedReducer;if(Gt!==null){var zt;zt=qn.current,qn.current=Ja;try{var yn=c.lastRenderedState,kr=Gt(yn,E);if(Ke.eagerReducer=Gt,Ke.eagerState=kr,mo(kr,yn))return}catch(oi){}finally{qn.current=zt}}}typeof jest!="undefined"&&(Hp(f),ly(f)),ml(f,Be)}}var a1={readContext:Ve,useCallback:Nl,useContext:Nl,useEffect:Nl,useImperativeHandle:Nl,useLayoutEffect:Nl,useMemo:Nl,useReducer:Nl,useRef:Nl,useState:Nl,useDebugValue:Nl,useResponder:Nl,useDeferredValue:Nl,useTransition:Nl},xh=null,z2=null,H2=null,Rs=null,Ja=null;{var Rh=function(){Xt(!1,"Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo().")},du=function(){Xt(!1,"Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. You can only call Hooks at the top level of your React function. For more information, see https://fb.me/rules-of-hooks")};xh={readContext:function(f,c){return Ve(f,c)},useCallback:function(f,c){return cn="useCallback",Ji(),kf(c),Fl(f,c)},useContext:function(f,c){return cn="useContext",Ji(),Ve(f,c)},useEffect:function(f,c){return cn="useEffect",Ji(),kf(c),l1(f,c)},useImperativeHandle:function(f,c,E){return cn="useImperativeHandle",Ji(),kf(E),b2(f,c,E)},useLayoutEffect:function(f,c){return cn="useLayoutEffect",Ji(),kf(c),Ea(f,c)},useMemo:function(f,c){cn="useMemo",Ji(),kf(c);var E=qn.current;qn.current=Rs;try{return xs(f,c)}finally{qn.current=E}},useReducer:function(f,c,E){cn="useReducer",Ji();var T=qn.current;qn.current=Rs;try{return Ed(f,c,E)}finally{qn.current=T}},useRef:function(f){return cn="useRef",Ji(),o1(f)},useState:function(f){cn="useState",Ji();var c=qn.current;qn.current=Rs;try{return Ff(f)}finally{qn.current=c}},useDebugValue:function(f,c){return cn="useDebugValue",Ji(),wd(f,c)},useResponder:function(f,c){return cn="useResponder",Ji(),Rf(f,c)},useDeferredValue:function(f,c){return cn="useDeferredValue",Ji(),B2(f,c)},useTransition:function(f){return cn="useTransition",Ji(),U2(f)}},z2={readContext:function(f,c){return Ve(f,c)},useCallback:function(f,c){return cn="useCallback",Yr(),Fl(f,c)},useContext:function(f,c){return cn="useContext",Yr(),Ve(f,c)},useEffect:function(f,c){return cn="useEffect",Yr(),l1(f,c)},useImperativeHandle:function(f,c,E){return cn="useImperativeHandle",Yr(),b2(f,c,E)},useLayoutEffect:function(f,c){return cn="useLayoutEffect",Yr(),Ea(f,c)},useMemo:function(f,c){cn="useMemo",Yr();var E=qn.current;qn.current=Rs;try{return xs(f,c)}finally{qn.current=E}},useReducer:function(f,c,E){cn="useReducer",Yr();var T=qn.current;qn.current=Rs;try{return Ed(f,c,E)}finally{qn.current=T}},useRef:function(f){return cn="useRef",Yr(),o1(f)},useState:function(f){cn="useState",Yr();var c=qn.current;qn.current=Rs;try{return Ff(f)}finally{qn.current=c}},useDebugValue:function(f,c){return cn="useDebugValue",Yr(),wd(f,c)},useResponder:function(f,c){return cn="useResponder",Yr(),Rf(f,c)},useDeferredValue:function(f,c){return cn="useDeferredValue",Yr(),B2(f,c)},useTransition:function(f){return cn="useTransition",Yr(),U2(f)}},H2={readContext:function(f,c){return Ve(f,c)},useCallback:function(f,c){return cn="useCallback",Yr(),us(f,c)},useContext:function(f,c){return cn="useContext",Yr(),Ve(f,c)},useEffect:function(f,c){return cn="useEffect",Yr(),Ll(f,c)},useImperativeHandle:function(f,c,E){return cn="useImperativeHandle",Yr(),Sh(f,c,E)},useLayoutEffect:function(f,c){return cn="useLayoutEffect",Yr(),wh(f,c)},useMemo:function(f,c){cn="useMemo",Yr();var E=qn.current;qn.current=Ja;try{return Gs(f,c)}finally{qn.current=E}},useReducer:function(f,c,E){cn="useReducer",Yr();var T=qn.current;qn.current=Ja;try{return i1(f,c,E)}finally{qn.current=T}},useRef:function(f){return cn="useRef",Yr(),P2(f)},useState:function(f){cn="useState",Yr();var c=qn.current;qn.current=Ja;try{return u1(f)}finally{qn.current=c}},useDebugValue:function(f,c){return cn="useDebugValue",Yr(),Th(f,c)},useResponder:function(f,c){return cn="useResponder",Yr(),Rf(f,c)},useDeferredValue:function(f,c){return cn="useDeferredValue",Yr(),Ch(f,c)},useTransition:function(f){return cn="useTransition",Yr(),j2(f)}},Rs={readContext:function(f,c){return Rh(),Ve(f,c)},useCallback:function(f,c){return cn="useCallback",du(),Ji(),Fl(f,c)},useContext:function(f,c){return cn="useContext",du(),Ji(),Ve(f,c)},useEffect:function(f,c){return cn="useEffect",du(),Ji(),l1(f,c)},useImperativeHandle:function(f,c,E){return cn="useImperativeHandle",du(),Ji(),b2(f,c,E)},useLayoutEffect:function(f,c){return cn="useLayoutEffect",du(),Ji(),Ea(f,c)},useMemo:function(f,c){cn="useMemo",du(),Ji();var E=qn.current;qn.current=Rs;try{return xs(f,c)}finally{qn.current=E}},useReducer:function(f,c,E){cn="useReducer",du(),Ji();var T=qn.current;qn.current=Rs;try{return Ed(f,c,E)}finally{qn.current=T}},useRef:function(f){return cn="useRef",du(),Ji(),o1(f)},useState:function(f){cn="useState",du(),Ji();var c=qn.current;qn.current=Rs;try{return Ff(f)}finally{qn.current=c}},useDebugValue:function(f,c){return cn="useDebugValue",du(),Ji(),wd(f,c)},useResponder:function(f,c){return cn="useResponder",du(),Ji(),Rf(f,c)},useDeferredValue:function(f,c){return cn="useDeferredValue",du(),Ji(),B2(f,c)},useTransition:function(f){return cn="useTransition",du(),Ji(),U2(f)}},Ja={readContext:function(f,c){return Rh(),Ve(f,c)},useCallback:function(f,c){return cn="useCallback",du(),Yr(),us(f,c)},useContext:function(f,c){return cn="useContext",du(),Yr(),Ve(f,c)},useEffect:function(f,c){return cn="useEffect",du(),Yr(),Ll(f,c)},useImperativeHandle:function(f,c,E){return cn="useImperativeHandle",du(),Yr(),Sh(f,c,E)},useLayoutEffect:function(f,c){return cn="useLayoutEffect",du(),Yr(),wh(f,c)},useMemo:function(f,c){cn="useMemo",du(),Yr();var E=qn.current;qn.current=Ja;try{return Gs(f,c)}finally{qn.current=E}},useReducer:function(f,c,E){cn="useReducer",du(),Yr();var T=qn.current;qn.current=Ja;try{return i1(f,c,E)}finally{qn.current=T}},useRef:function(f){return cn="useRef",du(),Yr(),P2(f)},useState:function(f){cn="useState",du(),Yr();var c=qn.current;qn.current=Ja;try{return u1(f)}finally{qn.current=c}},useDebugValue:function(f,c){return cn="useDebugValue",du(),Yr(),Th(f,c)},useResponder:function(f,c){return cn="useResponder",du(),Yr(),Rf(f,c)},useDeferredValue:function(f,c){return cn="useDeferredValue",du(),Yr(),Ch(f,c)},useTransition:function(f){return cn="useTransition",du(),Yr(),j2(f)}}}var f1=t.unstable_now,Ah=0,c1=-1;function Pl(){return Ah}function Oh(){!en||(Ah=f1())}function q2(f){!en||(c1=f1(),f.actualStartTime<0&&(f.actualStartTime=f1()))}function Mh(f){!en||(c1=-1)}function d1(f,c){if(!!en&&c1>=0){var E=f1()-c1;f.actualDuration+=E,c&&(f.selfBaseDuration=E),c1=-1}}var Il=null,Za=null,Da=!1;function W2(){Da&&Xt(!1,"We should not be hydrating here. This is a bug in React. Please file a bug.")}function V2(f){if(!we)return!1;var c=f.stateNode.containerInfo;return Za=B(c),Il=f,Da=!0,!0}function lm(f,c){return we?(Za=ji(c),K2(f),Da=!0,!0):!1}function G2(f,c){switch(f.tag){case U:ue(f.stateNode.containerInfo,c);break;case W:He(f.type,f.memoizedProps,f.stateNode,c);break}var E=I4();E.stateNode=c,E.return=f,E.effectTag=G0,f.lastEffect!==null?(f.lastEffect.nextEffect=E,f.lastEffect=E):f.firstEffect=f.lastEffect=E}function kh(f,c){switch(c.effectTag=c.effectTag&~su|mi,f.tag){case U:{var E=f.stateNode.containerInfo;switch(c.tag){case W:var T=c.type,A=c.pendingProps;nt(E,T,A);break;case ne:var j=c.pendingProps;Ct(E,j);break;case pe:Mt(E);break}break}case W:{var V=f.type,te=f.memoizedProps,le=f.stateNode;switch(c.tag){case W:var Be=c.type,Ke=c.pendingProps;It(V,te,le,Be,Ke);break;case ne:var pt=c.pendingProps;sn(V,te,le,pt);break;case pe:rn(V,te,le);break}break}default:return}}function Nh(f,c){switch(f.tag){case W:{var E=f.type,T=f.pendingProps,A=pf(c,E,T);return A!==null?(f.stateNode=A,!0):!1}case ne:{var j=f.pendingProps,V=bs(c,j);return V!==null?(f.stateNode=V,!0):!1}case pe:{if(Ai){var te=ba(c);if(te!==null){var le={dehydrated:te,retryTime:Di};f.memoizedState=le;var Be=b4(te);return Be.return=f,f.child=Be,!0}}return!1}default:return!1}}function Y2(f){if(!!Da){var c=Za;if(!c){kh(Il,f),Da=!1,Il=f;return}var E=c;if(!Nh(f,c)){if(c=ji(E),!c||!Nh(f,c)){kh(Il,f),Da=!1,Il=f;return}G2(Il,E)}Il=f,Za=B(c)}}function sm(f,c,E){if(!we)throw Error("Expected prepareToHydrateHostInstance() to never be called. This error is likely caused by a bug in React. Please file an issue.");var T=f.stateNode,A=z(T,f.type,f.memoizedProps,c,E,f);return f.updateQueue=A,A!==null}function am(f){if(!we)throw Error("Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue.");var c=f.stateNode,E=f.memoizedProps,T=G(c,E,f);if(T){var A=Il;if(A!==null)switch(A.tag){case U:{var j=A.stateNode.containerInfo;Qe(j,c,E);break}case W:{var V=A.type,te=A.memoizedProps,le=A.stateNode;ht(V,te,le,c,E);break}}}return T}function Lh(f){if(!we)throw Error("Expected prepareToHydrateHostSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue.");var c=f.memoizedState,E=c!==null?c.dehydrated:null;if(!E)throw Error("Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue.");$(E,f)}function fm(f){if(!we)throw Error("Expected skipPastDehydratedSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue.");var c=f.memoizedState,E=c!==null?c.dehydrated:null;if(!E)throw Error("Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue.");return Te(E)}function K2(f){for(var c=f.return;c!==null&&c.tag!==W&&c.tag!==U&&c.tag!==pe;)c=c.return;Il=c}function p1(f){if(!we||f!==Il)return!1;if(!Da)return K2(f),Da=!0,!1;var c=f.type;if(f.tag!==W||c!=="head"&&c!=="body"&&!Ni(c,f.memoizedProps))for(var E=Za;E;)G2(f,E),E=ji(E);return K2(f),f.tag===pe?Za=fm(f):Za=Il?ji(f.stateNode):null,!0}function h1(){!we||(Il=null,Za=null,Da=!1)}var v1=rt.ReactCurrentOwner,wa=!1,X2,Ys,Ks,Xs,Q2,Sa,m1,Sd,Sc,J2;X2={},Ys={},Ks={},Xs={},Q2={},Sa=!1,m1=!1,Sd={},Sc={},J2={};function Do(f,c,E,T){f===null?c.child=Zc(c,null,E,T):c.child=Tf(c,f.child,E,T)}function Fh(f,c,E,T){c.child=Tf(c,f.child,null,T),c.child=Tf(c,null,E,T)}function Ph(f,c,E,T,A){if(c.type!==c.elementType){var j=E.propTypes;j&&_(j,T,"prop",qt(E),Lr)}var V=E.render,te=c.ref,le;return u0(c,A),v1.current=c,$e("render"),le=Lf(f,c,V,T,te,A),Ri&&c.mode&mr&&c.memoizedState!==null&&(le=Lf(f,c,V,T,te,A)),$e(null),f!==null&&!wa?(gd(f,c,A),Ta(f,c,A)):(c.effectTag|=lu,Do(f,c,le,A),c.child)}function Ih(f,c,E,T,A,j){if(f===null){var V=E.type;if(a0(V)&&E.compare===null&&E.defaultProps===void 0){var te=V;return te=r0(V),c.tag=ie,c.type=te,ep(c,V),bh(f,c,te,T,A,j)}{var le=V.propTypes;le&&_(le,T,"prop",qt(V),Lr)}var Be=fy(E.type,null,T,null,c.mode,j);return Be.ref=c.ref,Be.return=c,c.child=Be,Be}{var Ke=E.type,pt=Ke.propTypes;pt&&_(pt,T,"prop",qt(Ke),Lr)}var Nt=f.child;if(A<j){var Gt=Nt.memoizedProps,zt=E.compare;if(zt=zt!==null?zt:xl,zt(Gt,T)&&f.ref===c.ref)return Ta(f,c,j)}c.effectTag|=lu;var yn=To(Nt,T,j);return yn.ref=c.ref,yn.return=c,c.child=yn,yn}function bh(f,c,E,T,A,j){if(c.type!==c.elementType){var V=c.elementType;V.$$typeof===Er&&(V=Fs(V));var te=V&&V.propTypes;te&&_(te,T,"prop",qt(V),Lr)}if(f!==null){var le=f.memoizedProps;if(xl(le,T)&&f.ref===c.ref&&c.type===f.type&&(wa=!1,A<j))return Ta(f,c,j)}return Z2(f,c,E,T,j)}function cm(f,c,E){var T=c.pendingProps;return Do(f,c,T,E),c.child}function Bh(f,c,E){var T=c.pendingProps.children;return Do(f,c,T,E),c.child}function Uh(f,c,E){en&&(c.effectTag|=Dr);var T=c.pendingProps,A=T.children;return Do(f,c,A,E),c.child}function y1(f,c){var E=c.ref;(f===null&&E!==null||f!==null&&f.ref!==E)&&(c.effectTag|=Ao)}function Z2(f,c,E,T,A){if(c.type!==c.elementType){var j=E.propTypes;j&&_(j,T,"prop",qt(E),Lr)}var V;if(!ai){var te=Tl(c,E,!0);V=Vu(c,te)}var le;return u0(c,A),v1.current=c,$e("render"),le=Lf(f,c,E,T,V,A),Ri&&c.mode&mr&&c.memoizedState!==null&&(le=Lf(f,c,E,T,V,A)),$e(null),f!==null&&!wa?(gd(f,c,A),Ta(f,c,A)):(c.effectTag|=lu,Do(f,c,le,A),c.child)}function jh(f,c,E,T,A){if(c.type!==c.elementType){var j=E.propTypes;j&&_(j,T,"prop",qt(E),Lr)}var V;Xi(E)?(V=!0,Hi(c)):V=!1,u0(c,A);var te=c.stateNode,le;te===null?(f!==null&&(f.alternate=null,c.alternate=null,c.effectTag|=mi),ha(c,E,T,A),hc(c,E,T,A),le=!0):f===null?le=mh(c,E,T,A):le=O2(f,c,E,T,A);var Be=$2(f,c,E,le,V,A);{var Ke=c.stateNode;Ke.props!==T&&(Sa||Xt(!1,"It looks like %s is reassigning its own `this.props` while rendering. This is not supported and can lead to confusing bugs.",qt(c.type)||"a component"),Sa=!0)}return Be}function $2(f,c,E,T,A,j){y1(f,c);var V=(c.effectTag&Xr)!==xi;if(!T&&!V)return A&&rl(c,E,!1),Ta(f,c,j);var te=c.stateNode;v1.current=c;var le;return V&&typeof E.getDerivedStateFromError!="function"?(le=null,en&&Mh(c)):($e("render"),le=te.render(),Ri&&c.mode&mr&&te.render(),$e(null)),c.effectTag|=lu,f!==null&&V?Fh(f,c,le,j):Do(f,c,le,j),c.memoizedState=te.state,A&&rl(c,E,!0),c.child}function zh(f){var c=f.stateNode;c.pendingContext?zi(f,c.pendingContext,c.pendingContext!==c.context):c.context&&zi(f,c.context,!1),Ya(f,c.containerInfo)}function dm(f,c,E){zh(c);var T=c.updateQueue;if(T===null)throw Error("If the root does not have an updateQueue, we should have already bailed out. This error is likely caused by a bug in React. Please file an issue.");var A=c.pendingProps,j=c.memoizedState,V=j!==null?j.element:null;wf(c,T,A,null,E);var te=c.memoizedState,le=te.element;if(le===V)return h1(),Ta(f,c,E);var Be=c.stateNode;if(Be.hydrate&&V2(c)){var Ke=Zc(c,null,le,E);c.child=Ke;for(var pt=Ke;pt;)pt.effectTag=pt.effectTag&~mi|su,pt=pt.sibling}else Do(f,c,le,E),h1();return c.child}function pm(f,c,E){yc(c),f===null&&Y2(c);var T=c.type,A=c.pendingProps,j=f!==null?f.memoizedProps:null,V=A.children,te=Ni(T,A);return te?V=null:j!==null&&Ni(T,j)&&(c.effectTag|=Uu),y1(f,c),c.mode&ri&&E!==Di&&v0(T,A)?(bn&&x(Di),c.expirationTime=c.childExpirationTime=Di,null):(Do(f,c,V,E),c.child)}function Pf(f,c){return f===null&&Y2(c),null}function If(f,c,E,T,A){f!==null&&(f.alternate=null,c.alternate=null,c.effectTag|=mi);var j=c.pendingProps;tu(c);var V=g(E);c.type=V;var te=c.tag=Os(V);$l(c);var le=qi(V,j),Be;switch(te){case L:{ep(c,V),c.type=V=r0(V),Be=Z2(null,c,V,le,A);break}case O:{c.type=V=j0(V),Be=jh(null,c,V,le,A);break}case se:{c.type=V=Df(V),Be=Ph(null,c,V,le,A);break}case me:{if(c.type!==c.elementType){var Ke=V.propTypes;Ke&&_(Ke,le,"prop",qt(V),Lr)}Be=Ih(null,c,V,qi(V.type,le),T,A);break}default:{var pt="";throw V!==null&&typeof V=="object"&&V.$$typeof===Er&&(pt=" Did you wrap a component in React.lazy() more than once?"),Error("Element type is invalid. Received a promise that resolves to: "+V+". Lazy element type must resolve to a class or function."+pt)}}return Be}function Td(f,c,E,T,A){f!==null&&(f.alternate=null,c.alternate=null,c.effectTag|=mi),c.tag=O;var j;return Xi(E)?(j=!0,Hi(c)):j=!1,u0(c,A),ha(c,E,T,A),hc(c,E,T,A),$2(null,c,E,!0,j,A)}function hm(f,c,E,T){f!==null&&(f.alternate=null,c.alternate=null,c.effectTag|=mi);var A=c.pendingProps,j;if(!ai){var V=Tl(c,E,!1);j=Vu(c,V)}u0(c,T);var te;{if(E.prototype&&typeof E.prototype.render=="function"){var le=qt(E)||"Unknown";X2[le]||(We(!1,"The <%s /> component appears to have a render method, but doesn't extend React.Component. This is likely to cause errors. Change %s to extend React.Component instead.",le,le),X2[le]=!0)}c.mode&mr&&Rl.recordLegacyContextWarning(c,null),v1.current=c,te=Lf(null,c,E,A,j,T)}if(c.effectTag|=lu,typeof te=="object"&&te!==null&&typeof te.render=="function"&&te.$$typeof===void 0){{var Be=qt(E)||"Unknown";Ys[Be]||(We(!1,"The <%s /> component appears to be a function component that returns a class instance. Change %s to a class that extends React.Component instead. If you can't use a class try assigning the prototype on the function as a workaround. `%s.prototype = React.Component.prototype`. Don't use an arrow function since it cannot be called with `new` by React.",Be,Be,Be),Ys[Be]=!0)}c.tag=O,_d();var Ke=!1;Xi(E)?(Ke=!0,Hi(c)):Ke=!1,c.memoizedState=te.state!==null&&te.state!==void 0?te.state:null;var pt=E.getDerivedStateFromProps;return typeof pt=="function"&&Sf(c,E,pt,A),sl(c,te),hc(c,E,A,T),$2(null,c,E,!0,Ke,T)}else return c.tag=L,ai&&E.contextTypes&&We(!1,"%s uses the legacy contextTypes API which is no longer supported. Use React.createContext() with React.useContext() instead.",qt(E)||"Unknown"),Ri&&c.mode&mr&&c.memoizedState!==null&&(te=Lf(null,c,E,A,j,T)),Do(null,c,te,T),ep(c,E),c.child}function ep(f,c){if(c&&c.childContextTypes&&We(!1,"%s(...): childContextTypes cannot be defined on a function component.",c.displayName||c.name||"Component"),f.ref!==null){var E="",T=g0();T&&(E+=`
-
-Check the render method of \``+T+"`.");var A=T||f._debugID||"",j=f._debugSource;j&&(A=j.fileName+":"+j.lineNumber),Q2[A]||(Q2[A]=!0,Xt(!1,"Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?%s",E))}if(Xl&&c.defaultProps!==void 0){var V=qt(c)||"Unknown";J2[V]||(We(!1,"%s: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.",V),J2[V]=!0)}if(typeof c.getDerivedStateFromProps=="function"){var te=qt(c)||"Unknown";Xs[te]||(We(!1,"%s: Function components do not support getDerivedStateFromProps.",te),Xs[te]=!0)}if(typeof c.contextType=="object"&&c.contextType!==null){var le=qt(c)||"Unknown";Ks[le]||(We(!1,"%s: Function components do not support contextType.",le),Ks[le]=!0)}}var Cd={dehydrated:null,retryTime:at};function tp(f,c,E){return e1(f,$c)&&(c===null||c.memoizedState!==null)}function Hh(f,c,E){var T=c.mode,A=c.pendingProps;Xg(c)&&(c.effectTag|=Xr);var j=kl.current,V=!1,te=(c.effectTag&Xr)!==xi;if(te||tp(j,f,c)?(V=!0,c.effectTag&=~Xr):(f===null||f.memoizedState!==null)&&A.fallback!==void 0&&A.unstable_avoidThisFallback!==!0&&(j=vd(j,xf)),j=ya(j),Fr(c,j),"maxDuration"in A&&(m1||(m1=!0,Xt(!1,"maxDuration has been removed from React. Remove the maxDuration prop."))),f===null){if(A.fallback!==void 0&&(Y2(c),Ai)){var le=c.memoizedState;if(le!==null){var Be=le.dehydrated;if(Be!==null)return qh(c,Be,E)}}if(V){var Ke=A.fallback,pt=nf(null,T,at,null);if(pt.return=c,(c.mode&Y)===Ar){var Nt=c.memoizedState,Gt=Nt!==null?c.child.child:c.child;pt.child=Gt;for(var zt=Gt;zt!==null;)zt.return=pt,zt=zt.sibling}var yn=nf(Ke,T,E,null);return yn.return=c,pt.sibling=yn,c.memoizedState=Cd,c.child=pt,yn}else{var kr=A.children;return c.memoizedState=null,c.child=Zc(c,null,kr,E)}}else{var oi=f.memoizedState;if(oi!==null){if(Ai){var Oi=oi.dehydrated;if(Oi!==null)if(te){if(c.memoizedState!==null)return c.child=f.child,c.effectTag|=Xr,null;var L0=A.fallback,$i=nf(null,T,at,null);if($i.return=c,$i.child=null,(c.mode&Y)===Ar)for(var ot=$i.child=c.child;ot!==null;)ot.return=$i,ot=ot.sibling;else Tf(c,f.child,null,E);if(en&&c.mode&ii){for(var Ot=0,Ze=$i.child;Ze!==null;)Ot+=Ze.treeBaseDuration,Ze=Ze.sibling;$i.treeBaseDuration=Ot}var Ut=nf(L0,T,E,null);return Ut.return=c,$i.sibling=Ut,Ut.effectTag|=mi,$i.childExpirationTime=at,c.memoizedState=Cd,c.child=$i,Ut}else return Wh(f,c,Oi,oi,E)}var Pn=f.child,vn=Pn.sibling;if(V){var Wi=A.fallback,pi=To(Pn,Pn.pendingProps,at);if(pi.return=c,(c.mode&Y)===Ar){var Ku=c.memoizedState,hr=Ku!==null?c.child.child:c.child;if(hr!==Pn.child){pi.child=hr;for(var pu=hr;pu!==null;)pu.return=pi,pu=pu.sibling}}if(en&&c.mode&ii){for(var Kr=0,xu=pi.child;xu!==null;)Kr+=xu.treeBaseDuration,xu=xu.sibling;pi.treeBaseDuration=Kr}var w0=To(vn,Wi,vn.expirationTime);return w0.return=c,pi.sibling=w0,pi.childExpirationTime=at,c.memoizedState=Cd,c.child=pi,w0}else{var W0=A.children,Ms=Pn.child,Xu=Tf(c,Ms,W0,E);return c.memoizedState=null,c.child=Xu}}else{var yl=f.child;if(V){var rf=A.fallback,Wo=nf(null,T,at,null);if(Wo.return=c,Wo.child=yl,yl!==null&&(yl.return=Wo),(c.mode&Y)===Ar){var ks=c.memoizedState,Zd=ks!==null?c.child.child:c.child;Wo.child=Zd;for(var Vf=Zd;Vf!==null;)Vf.return=Wo,Vf=Vf.sibling}if(en&&c.mode&ii){for(var Lc=0,zl=Wo.child;zl!==null;)Lc+=zl.treeBaseDuration,zl=zl.sibling;Wo.treeBaseDuration=Lc}var Vo=nf(rf,T,E,null);return Vo.return=c,Wo.sibling=Vo,Vo.effectTag|=mi,Wo.childExpirationTime=at,c.memoizedState=Cd,c.child=Wo,Vo}else{c.memoizedState=null;var N1=A.children;return c.child=Tf(c,yl,N1,E)}}}}function np(f,c,E){c.memoizedState=null;var T=c.pendingProps,A=T.children;return Do(f,c,A,E),c.child}function qh(f,c,E){if((f.mode&Y)===Ar)Xt(!1,"Cannot hydrate Suspense in legacy mode. Switch from ReactDOM.hydrate(element, container) to ReactDOM.createBlockingRoot(container, { hydrate: true }).render(element) or remove the Suspense components from the server rendered components."),f.expirationTime=Un;else if(y0(c)){var T=Ul(),A=Ds(T);bn&&x(A),f.expirationTime=A}else f.expirationTime=Di,bn&&x(Di);return null}function Wh(f,c,E,T,A){if(W2(),(c.mode&Y)===Ar||y0(E))return np(f,c,A);var j=f.childExpirationTime>=A;if(wa||j){if(A<Un&&T.retryTime<=A){var V=A+1;T.retryTime=V,ml(f,V)}return yv(),np(f,c,A)}else{if(Bs(E))return c.effectTag|=Xr,c.child=f.child,Us(E,$m.bind(null,f)),null;lm(c,E);for(var te=c.pendingProps,le=te.children,Be=Zc(c,null,le,A),Ke=Be;Ke;)Ke.effectTag|=su,Ke=Ke.sibling;return c.child=Be,c.child}}function rp(f,c){f.expirationTime<c&&(f.expirationTime=c);var E=f.alternate;E!==null&&E.expirationTime<c&&(E.expirationTime=c),z0(f.return,c)}function vm(f,c,E){for(var T=c;T!==null;){if(T.tag===pe){var A=T.memoizedState;A!==null&&rp(T,E)}else if(T.tag===yt)rp(T,E);else if(T.child!==null){T.child.return=T,T=T.child;continue}if(T===f)return;for(;T.sibling===null;){if(T.return===null||T.return===f)return;T=T.return}T.sibling.return=T.return,T=T.sibling}}function mm(f){for(var c=f,E=null;c!==null;){var T=c.alternate;T!==null&&t1(T)===null&&(E=c),c=c.sibling}return E}function ym(f){if(f!==void 0&&f!=="forwards"&&f!=="backwards"&&f!=="together"&&!Sd[f])if(Sd[f]=!0,typeof f=="string")switch(f.toLowerCase()){case"together":case"forwards":case"backwards":{Xt(!1,'"%s" is not a valid value for revealOrder on <SuspenseList />. Use lowercase "%s" instead.',f,f.toLowerCase());break}case"forward":case"backward":{Xt(!1,'"%s" is not a valid value for revealOrder on <SuspenseList />. React uses the -s suffix in the spelling. Use "%ss" instead.',f,f.toLowerCase());break}default:Xt(!1,'"%s" is not a supported revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',f);break}else Xt(!1,'%s is not a supported value for revealOrder on <SuspenseList />. Did you mean "together", "forwards" or "backwards"?',f)}function Vh(f,c){f!==void 0&&!Sc[f]&&(f!=="collapsed"&&f!=="hidden"?(Sc[f]=!0,Xt(!1,'"%s" is not a supported value for tail on <SuspenseList />. Did you mean "collapsed" or "hidden"?',f)):c!=="forwards"&&c!=="backwards"&&(Sc[f]=!0,Xt(!1,'<SuspenseList tail="%s" /> is only valid if revealOrder is "forwards" or "backwards". Did you mean to specify revealOrder="forwards"?',f)))}function g1(f,c){{var E=Array.isArray(f),T=!E&&typeof fr(f)=="function";if(E||T){var A=E?"array":"iterable";return Xt(!1,"A nested %s was passed to row #%s in <SuspenseList />. Wrap it in an additional SuspenseList to configure its revealOrder: <SuspenseList revealOrder=...> ... <SuspenseList revealOrder=...>{%s}</SuspenseList> ... </SuspenseList>",A,c,A),!1}}return!0}function gm(f,c){if((c==="forwards"||c==="backwards")&&f!==void 0&&f!==null&&f!==!1)if(Array.isArray(f)){for(var E=0;E<f.length;E++)if(!g1(f[E],E))return}else{var T=fr(f);if(typeof T=="function"){var A=T.call(f);if(A)for(var j=A.next(),V=0;!j.done;j=A.next()){if(!g1(j.value,V))return;V++}}else Xt(!1,'A single row was passed to a <SuspenseList revealOrder="%s" />. This is not useful since it needs multiple rows. Did you mean to pass multiple children or an array?',c)}}function ip(f,c,E,T,A,j){var V=f.memoizedState;V===null?f.memoizedState={isBackwards:c,rendering:null,last:T,tail:E,tailExpiration:0,tailMode:A,lastEffect:j}:(V.isBackwards=c,V.rendering=null,V.last=T,V.tail=E,V.tailExpiration=0,V.tailMode=A,V.lastEffect=j)}function up(f,c,E){var T=c.pendingProps,A=T.revealOrder,j=T.tail,V=T.children;ym(A),Vh(j,A),gm(V,A),Do(f,c,V,E);var te=kl.current,le=e1(te,$c);if(le)te=hd(te,$c),c.effectTag|=Xr;else{var Be=f!==null&&(f.effectTag&Xr)!==xi;Be&&vm(c,c.child,E),te=ya(te)}if(Fr(c,te),(c.mode&Y)===Ar)c.memoizedState=null;else switch(A){case"forwards":{var Ke=mm(c.child),pt;Ke===null?(pt=c.child,c.child=null):(pt=Ke.sibling,Ke.sibling=null),ip(c,!1,pt,Ke,j,c.lastEffect);break}case"backwards":{var Nt=null,Gt=c.child;for(c.child=null;Gt!==null;){var zt=Gt.alternate;if(zt!==null&&t1(zt)===null){c.child=Gt;break}var yn=Gt.sibling;Gt.sibling=Nt,Nt=Gt,Gt=yn}ip(c,!0,Nt,null,j,c.lastEffect);break}case"together":{ip(c,!1,null,null,void 0,c.lastEffect);break}default:c.memoizedState=null}return c.child}function _m(f,c,E){Ya(c,c.stateNode.containerInfo);var T=c.pendingProps;return f===null?c.child=Tf(c,null,T,E):Do(f,c,T,E),c.child}function Em(f,c,E){var T=c.type,A=T._context,j=c.pendingProps,V=c.memoizedProps,te=j.value;{var le=c.type.propTypes;le&&_(le,j,"prop","Context.Provider",Lr)}if(xr(c,te),V!==null){var Be=V.value,Ke=cu(A,te,Be);if(Ke===0){if(V.children===j.children&&!sa())return Ta(f,c,E)}else Ol(c,A,Ke,E)}var pt=j.children;return Do(f,c,pt,E),c.child}var Gh=!1;function Dm(f,c,E){var T=c.type;T._context===void 0?T!==T.Consumer&&(Gh||(Gh=!0,Xt(!1,"Rendering <Context> directly is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?"))):T=T._context;var A=c.pendingProps,j=A.children;typeof j!="function"&&We(!1,"A context consumer was rendered with multiple children, or a child that isn't a function. A context consumer expects a single child that is a function. If you did pass a function, make sure there is no trailing or leading whitespace around it."),u0(c,E);var V=Ve(T,A.unstable_observedBits),te;return v1.current=c,$e("render"),te=j(V),$e(null),c.effectTag|=lu,Do(f,c,te,E),c.child}function wm(f,c,E){var T=c.type.impl;if(T.reconcileChildren===!1)return null;var A=c.pendingProps,j=A.children;return Do(f,c,j,E),c.child}function op(f,c,E){var T=c.pendingProps,A=T.children;return Do(f,c,A,E),c.child}function lp(){wa=!0}function Ta(f,c,E){tu(c),f!==null&&(c.dependencies=f.dependencies),en&&Mh(c);var T=c.expirationTime;T!==at&&Xd(T);var A=c.childExpirationTime;return A<E?null:(gh(f,c),c.child)}function _1(f,c,E){{var T=c.return;if(T===null)throw new Error("Cannot swap the root fiber.");if(f.alternate=null,c.alternate=null,E.index=c.index,E.sibling=c.sibling,E.return=c.return,E.ref=c.ref,c===T.child)T.child=E;else{var A=T.child;if(A===null)throw new Error("Expected parent to have a child.");for(;A.sibling!==c;)if(A=A.sibling,A===null)throw new Error("Expected to find the previous sibling.");A.sibling=E}var j=T.lastEffect;return j!==null?(j.nextEffect=f,T.lastEffect=f):T.firstEffect=T.lastEffect=f,f.nextEffect=null,f.effectTag=G0,E.effectTag|=mi,E}}function sp(f,c,E){var T=c.expirationTime;if(c._debugNeedsRemount&&f!==null)return _1(f,c,fy(c.type,c.key,c.pendingProps,c._debugOwner||null,c.mode,c.expirationTime));if(f!==null){var A=f.memoizedProps,j=c.pendingProps;if(A!==j||sa()||c.type!==f.type)wa=!0;else if(T<E){switch(wa=!1,c.tag){case U:zh(c),h1();break;case W:if(yc(c),c.mode&ri&&E!==Di&&v0(c.type,j))return bn&&x(Di),c.expirationTime=c.childExpirationTime=Di,null;break;case O:{var V=c.type;Xi(V)&&Hi(c);break}case H:Ya(c,c.stateNode.containerInfo);break;case ve:{var te=c.memoizedProps.value;xr(c,te);break}case De:if(en){var le=c.childExpirationTime>=E;le&&(c.effectTag|=Dr)}break;case pe:{var Be=c.memoizedState;if(Be!==null){if(Ai&&Be.dehydrated!==null){Fr(c,ya(kl.current)),c.effectTag|=Xr;break}var Ke=c.child,pt=Ke.childExpirationTime;if(pt!==at&&pt>=E)return Hh(f,c,E);Fr(c,ya(kl.current));var Nt=Ta(f,c,E);return Nt!==null?Nt.sibling:null}else Fr(c,ya(kl.current));break}case yt:{var Gt=(f.effectTag&Xr)!==xi,zt=c.childExpirationTime>=E;if(Gt){if(zt)return up(f,c,E);c.effectTag|=Xr}var yn=c.memoizedState;if(yn!==null&&(yn.rendering=null,yn.tail=null),Fr(c,kl.current),zt)break;return null}}return Ta(f,c,E)}else wa=!1}else wa=!1;switch(c.expirationTime=at,c.tag){case C:return hm(f,c,c.type,E);case Oe:{var kr=c.elementType;return If(f,c,kr,T,E)}case L:{var oi=c.type,Oi=c.pendingProps,L0=c.elementType===oi?Oi:qi(oi,Oi);return Z2(f,c,oi,L0,E)}case O:{var $i=c.type,ot=c.pendingProps,Ot=c.elementType===$i?ot:qi($i,ot);return jh(f,c,$i,Ot,E)}case U:return dm(f,c,E);case W:return pm(f,c,E);case ne:return Pf(f,c);case pe:return Hh(f,c,E);case H:return _m(f,c,E);case se:{var Ze=c.type,Ut=c.pendingProps,Pn=c.elementType===Ze?Ut:qi(Ze,Ut);return Ph(f,c,Ze,Pn,E)}case m:return cm(f,c,E);case he:return Bh(f,c,E);case De:return Uh(f,c,E);case ve:return Em(f,c,E);case Ee:return Dm(f,c,E);case me:{var vn=c.type,Wi=c.pendingProps,pi=qi(vn,Wi);if(c.type!==c.elementType){var Ku=vn.propTypes;Ku&&_(Ku,pi,"prop",qt(vn),Lr)}return pi=qi(vn.type,pi),Ih(f,c,vn,pi,T,E)}case ie:return bh(f,c,c.type,c.pendingProps,T,E);case je:{var hr=c.type,pu=c.pendingProps,Kr=c.elementType===hr?pu:qi(hr,pu);return Td(f,c,hr,Kr,E)}case yt:return up(f,c,E);case gt:{if(Wt)return wm(f,c,E);break}case Xe:{if(Au)return op(f,c,E);break}}throw Error("Unknown unit of work tag ("+c.tag+"). This error is likely caused by a bug in React. Please file an issue.")}function Yh(f,c,E,T){return{currentFiber:f,impl:E,instance:null,prevProps:null,props:c,state:T}}function xd(f){return f.tag===pe&&f.memoizedState!==null}function E1(f){return f.child.sibling.child}var Kh={};function ap(f,c,E){if(Au){if(f.tag===W){var T=f.type,A=f.memoizedProps,j=f.stateNode,V=No(j);V!==null&&c(T,A||Kh,V)===!0&&E.push(V)}var te=f.child;xd(f)&&(te=E1(f)),te!==null&&fp(te,c,E)}}function Xh(f,c){if(Au){if(f.tag===W){var E=f.type,T=f.memoizedProps,A=f.stateNode,j=No(A);if(j!==null&&c(E,T,j)===!0)return j}var V=f.child;if(xd(f)&&(V=E1(f)),V!==null)return Qh(V,c)}return null}function fp(f,c,E){for(var T=f;T!==null;)ap(T,c,E),T=T.sibling}function Qh(f,c){for(var E=f;E!==null;){var T=Xh(E,c);if(T!==null)return T;E=E.sibling}return null}function Jh(f,c,E){if(Rd(f,c))E.push(f.stateNode.methods);else{var T=f.child;xd(f)&&(T=E1(f)),T!==null&&cp(T,c,E)}}function cp(f,c,E){for(var T=f;T!==null;)Jh(T,c,E),T=T.sibling}function Rd(f,c){return f.tag===Xe&&f.type===c&&f.stateNode!==null}function Ad(f,c){return{getChildren:function(){var E=c.fiber,T=E.child,A=[];return T!==null&&cp(T,f,A),A.length===0?null:A},getChildrenFromRoot:function(){for(var E=c.fiber,T=E;T!==null;){var A=T.return;if(A===null||(T=A,T.tag===Xe&&T.type===f))break}var j=[];return cp(T.child,f,j),j.length===0?null:j},getParent:function(){for(var E=c.fiber.return;E!==null;){if(E.tag===Xe&&E.type===f)return E.stateNode.methods;E=E.return}return null},getProps:function(){var E=c.fiber;return E.memoizedProps},queryAllNodes:function(E){var T=c.fiber,A=T.child,j=[];return A!==null&&fp(A,E,j),j.length===0?null:j},queryFirstNode:function(E){var T=c.fiber,A=T.child;return A!==null?Qh(A,E):null},containsNode:function(E){for(var T=cr(E);T!==null;){if(T.tag===Xe&&T.type===f&&T.stateNode===c)return!0;T=T.return}return!1}}}function H0(f){f.effectTag|=Dr}function Od(f){f.effectTag|=Ao}var Ca,$a,Md,kd;if(b0)Ca=function(f,c,E,T){for(var A=c.child;A!==null;){if(A.tag===W||A.tag===ne)Qr(f,A.stateNode);else if(Wt&&A.tag===gt)Qr(f,A.stateNode.instance);else if(A.tag!==H){if(A.child!==null){A.child.return=A,A=A.child;continue}}if(A===c)return;for(;A.sibling===null;){if(A.return===null||A.return===c)return;A=A.return}A.sibling.return=A.return,A=A.sibling}},$a=function(f){},Md=function(f,c,E,T,A){var j=f.memoizedProps;if(j!==T){var V=c.stateNode,te=al(),le=h0(V,E,j,T,A,te);c.updateQueue=le,le&&H0(c)}},kd=function(f,c,E,T){E!==T&&H0(c)};else if(X){Ca=function(f,c,E,T){for(var A=c.child;A!==null;){e:if(A.tag===W){var j=A.stateNode;if(E&&T){var V=A.memoizedProps,te=A.type;j=$r(j,te,V,A)}Qr(f,j)}else if(A.tag===ne){var le=A.stateNode;if(E&&T){var Be=A.memoizedProps;le=Zl(le,Be,A)}Qr(f,le)}else if(Wt&&A.tag===gt){var Ke=A.stateNode.instance;if(E&&T){var pt=A.memoizedProps,Nt=A.type;Ke=$r(Ke,Nt,pt,A)}Qr(f,Ke)}else if(A.tag!==H){if(A.tag===pe){if((A.effectTag&Dr)!==xi){var Gt=A.memoizedState!==null;if(Gt){var zt=A.child;if(zt!==null){zt.child!==null&&(zt.child.return=zt,Ca(f,zt,!0,Gt));var yn=zt.sibling;if(yn!==null){yn.return=A,A=yn;continue}}}}if(A.child!==null){A.child.return=A,A=A.child;continue}}else if(A.child!==null){A.child.return=A,A=A.child;continue}}if(A=A,A===c)return;for(;A.sibling===null;){if(A.return===null||A.return===c)return;A=A.return}A.sibling.return=A.return,A=A.sibling}};var dp=function(f,c,E,T){for(var A=c.child;A!==null;){e:if(A.tag===W){var j=A.stateNode;if(E&&T){var V=A.memoizedProps,te=A.type;j=$r(j,te,V,A)}Qn(f,j)}else if(A.tag===ne){var le=A.stateNode;if(E&&T){var Be=A.memoizedProps;le=Zl(le,Be,A)}Qn(f,le)}else if(Wt&&A.tag===gt){var Ke=A.stateNode.instance;if(E&&T){var pt=A.memoizedProps,Nt=A.type;Ke=$r(Ke,Nt,pt,A)}Qn(f,Ke)}else if(A.tag!==H){if(A.tag===pe){if((A.effectTag&Dr)!==xi){var Gt=A.memoizedState!==null;if(Gt){var zt=A.child;if(zt!==null){zt.child!==null&&(zt.child.return=zt,dp(f,zt,!0,Gt));var yn=zt.sibling;if(yn!==null){yn.return=A,A=yn;continue}}}}if(A.child!==null){A.child.return=A,A=A.child;continue}}else if(A.child!==null){A.child.return=A,A=A.child;continue}}if(A=A,A===c)return;for(;A.sibling===null;){if(A.return===null||A.return===c)return;A=A.return}A.sibling.return=A.return,A=A.sibling}};$a=function(f){var c=f.stateNode,E=f.firstEffect===null;if(!E){var T=c.containerInfo,A=S0(T);dp(A,f,!1,!1),c.pendingChildren=A,H0(f),ac(T,A)}},Md=function(f,c,E,T,A){var j=f.stateNode,V=f.memoizedProps,te=c.firstEffect===null;if(te&&V===T){c.stateNode=j;return}var le=c.stateNode,Be=al(),Ke=null;if(V!==T&&(Ke=h0(le,E,V,T,A,Be)),te&&Ke===null){c.stateNode=j;return}var pt=ms(j,Ke,E,V,T,c,te,le);Ou(pt,E,T,A,Be)&&H0(c),c.stateNode=pt,te?H0(c):Ca(pt,c,!1,!1)},kd=function(f,c,E,T){if(E!==T){var A=ns(),j=al();c.stateNode=hs(T,A,j,c),H0(c)}}}else $a=function(f){},Md=function(f,c,E,T,A){},kd=function(f,c,E,T){};function Nd(f,c){switch(f.tailMode){case"hidden":{for(var E=f.tail,T=null;E!==null;)E.alternate!==null&&(T=E),E=E.sibling;T===null?f.tail=null:T.sibling=null;break}case"collapsed":{for(var A=f.tail,j=null;A!==null;)A.alternate!==null&&(j=A),A=A.sibling;j===null?!c&&f.tail!==null?f.tail.sibling=null:f.tail=null:j.sibling=null;break}}}function Zh(f,c,E){var T=c.pendingProps;switch(c.tag){case C:break;case Oe:break;case ie:case L:break;case O:{var A=c.type;Xi(A)&&Hs(c);break}case U:{io(c),R0(c);var j=c.stateNode;if(j.pendingContext&&(j.context=j.pendingContext,j.pendingContext=null),f===null||f.child===null){var V=p1(c);V&&H0(c)}$a(c);break}case W:{k2(c);var te=ns(),le=c.type;if(f!==null&&c.stateNode!=null){if(Md(f,c,le,T,te),gi){var Be=f.memoizedProps.listeners,Ke=T.listeners;Be!==Ke&&H0(c)}f.ref!==c.ref&&Od(c)}else{if(!T){if(c.stateNode===null)throw Error("We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue.");break}var pt=al(),Nt=p1(c);if(Nt){if(sm(c,te,pt)&&H0(c),gi){var Gt=T.listeners;Gt!=null&&hn(Gt,c,te)}}else{var zt=Ki(le,T,te,pt,c);if(Ca(zt,c,!1,!1),c.stateNode=zt,gi){var yn=T.listeners;yn!=null&&hn(yn,c,te)}Ou(zt,le,T,te,pt)&&H0(c)}c.ref!==null&&Od(c)}break}case ne:{var kr=T;if(f&&c.stateNode!=null){var oi=f.memoizedProps;kd(f,c,oi,kr)}else{if(typeof kr!="string"&&c.stateNode===null)throw Error("We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue.");var Oi=ns(),L0=al(),$i=p1(c);$i?am(c)&&H0(c):c.stateNode=hs(kr,Oi,L0,c)}break}case se:break;case pe:{ga(c);var ot=c.memoizedState;if(Ai&&ot!==null&&ot.dehydrated!==null)if(f===null){var Ot=p1(c);if(!Ot)throw Error("A dehydrated suspense component was completed without a hydrated node. This is probably a bug in React.");return Lh(c),bn&&x(Di),null}else return h1(),(c.effectTag&Xr)===xi&&(c.memoizedState=null),c.effectTag|=Dr,null;if((c.effectTag&Xr)!==xi)return c.expirationTime=E,c;var Ze=ot!==null,Ut=!1;if(f===null)c.memoizedProps.fallback!==void 0&&p1(c);else{var Pn=f.memoizedState;if(Ut=Pn!==null,!Ze&&Pn!==null){var vn=f.child.sibling;if(vn!==null){var Wi=c.firstEffect;Wi!==null?(c.firstEffect=vn,vn.nextEffect=Wi):(c.firstEffect=c.lastEffect=vn,vn.nextEffect=null),vn.effectTag=G0}}}if(Ze&&!Ut&&(c.mode&Y)!==Ar){var pi=f===null&&c.memoizedProps.unstable_avoidThisFallback!==!0;pi||e1(kl.current,xf)?mv():yv()}X&&Ze&&(c.effectTag|=Dr),b0&&(Ze||Ut)&&(c.effectTag|=Dr),Yi&&c.updateQueue!==null&&c.memoizedProps.suspenseCallback!=null&&(c.effectTag|=Dr);break}case m:break;case he:break;case De:break;case H:io(c),$a(c);break;case ve:i0(c);break;case Ee:break;case me:break;case je:{var Ku=c.type;Xi(Ku)&&Hs(c);break}case yt:{ga(c);var hr=c.memoizedState;if(hr===null)break;var pu=(c.effectTag&Xr)!==xi,Kr=hr.rendering;if(Kr===null)if(pu)Nd(hr,!1);else{var xu=gv()&&(f===null||(f.effectTag&Xr)===xi);if(!xu)for(var w0=c.child;w0!==null;){var W0=t1(w0);if(W0!==null){pu=!0,c.effectTag|=Xr,Nd(hr,!1);var Ms=W0.updateQueue;return Ms!==null&&(c.updateQueue=Ms,c.effectTag|=Dr),hr.lastEffect===null&&(c.firstEffect=null),c.lastEffect=hr.lastEffect,nm(c,E),Fr(c,hd(kl.current,$c)),c.child}w0=w0.sibling}}else{if(!pu){var Xu=t1(Kr);if(Xu!==null){c.effectTag|=Xr,pu=!0;var yl=Xu.updateQueue;if(yl!==null&&(c.updateQueue=yl,c.effectTag|=Dr),Nd(hr,!0),hr.tail===null&&hr.tailMode==="hidden"&&!Kr.alternate){var rf=c.lastEffect=hr.lastEffect;return rf!==null&&(rf.nextEffect=null),null}}else if(vt()>hr.tailExpiration&&E>Di){c.effectTag|=Xr,pu=!0,Nd(hr,!1);var Wo=E-1;c.expirationTime=c.childExpirationTime=Wo,bn&&x(Wo)}}if(hr.isBackwards)Kr.sibling=c.child,c.child=Kr;else{var ks=hr.last;ks!==null?ks.sibling=Kr:c.child=Kr,hr.last=Kr}}if(hr.tail!==null){if(hr.tailExpiration===0){var Zd=500;hr.tailExpiration=vt()+Zd}var Vf=hr.tail;hr.rendering=Vf,hr.tail=Vf.sibling,hr.lastEffect=c.lastEffect,Vf.sibling=null;var Lc=kl.current;return pu?Lc=hd(Lc,$c):Lc=ya(Lc),Fr(c,Lc),Vf}break}case gt:{if(Wt){var zl=c.type.impl,Vo=c.stateNode;if(Vo===null){var N1=zl.getInitialState,n_;N1!==void 0&&(n_=N1(T)),Vo=c.stateNode=Yh(c,T,zl,n_||{});var r_=dt(Vo);if(Vo.instance=r_,zl.reconcileChildren===!1)return null;Ca(r_,c,!1,!1),Yn(Vo)}else{var $4=Vo.props;if(Vo.prevProps=$4,Vo.props=T,Vo.currentFiber=c,X){var i_=oa(Vo);Vo.instance=i_,Ca(i_,c,!1,!1)}var eE=Cn(Vo);eE&&H0(c)}}break}case Xe:{if(Au)if(f===null){var tE=c.type,Ey={fiber:c,methods:null};if(c.stateNode=Ey,Ey.methods=Ad(tE,Ey),gi){var u_=T.listeners;if(u_!=null){var nE=ns();hn(u_,c,nE)}}c.ref!==null&&(Od(c),H0(c))}else{if(gi){var rE=f.memoizedProps.listeners,iE=T.listeners;(rE!==iE||c.ref!==null)&&H0(c)}else c.ref!==null&&H0(c);f.ref!==c.ref&&Od(c)}break}default:throw Error("Unknown unit of work tag ("+c.tag+"). This error is likely caused by a bug in React. Please file an issue.")}return null}function Sm(f,c){switch(f.tag){case O:{var E=f.type;Xi(E)&&Hs(f);var T=f.effectTag;return T&p0?(f.effectTag=T&~p0|Xr,f):null}case U:{io(f),R0(f);var A=f.effectTag;if((A&Xr)!==xi)throw Error("The root failed to unmount after an error. This is likely a bug in React. Please file an issue.");return f.effectTag=A&~p0|Xr,f}case W:return k2(f),null;case pe:{if(ga(f),Ai){var j=f.memoizedState;if(j!==null&&j.dehydrated!==null){if(f.alternate===null)throw Error("Threw in newly mounted dehydrated component. This is likely a bug in React. Please file an issue.");h1()}}var V=f.effectTag;return V&p0?(f.effectTag=V&~p0|Xr,f):null}case yt:return ga(f),null;case H:return io(f),null;case ve:return i0(f),null;default:return null}}function $h(f){switch(f.tag){case O:{var c=f.type.childContextTypes;c!=null&&Hs(f);break}case U:{io(f),R0(f);break}case W:{k2(f);break}case H:io(f);break;case pe:ga(f);break;case yt:ga(f);break;case ve:i0(f);break;default:break}}function pp(f,c){return{value:f,source:c,stack:Cr(c)}}var hp=function(f,c,E,T,A,j,V,te,le){var Be=Array.prototype.slice.call(arguments,3);try{c.apply(E,Be)}catch(Ke){this.onError(Ke)}};if(typeof window!="undefined"&&typeof window.dispatchEvent=="function"&&typeof document!="undefined"&&typeof document.createEvent=="function"){var vp=document.createElement("react"),Tm=function(f,c,E,T,A,j,V,te,le){if(typeof document=="undefined")throw Error("The `document` global was defined when React was initialized, but is not defined anymore. This can happen in a test environment if a component schedules an update from an asynchronous callback, but the test has already finished running. To solve this, you can either unmount the component at the end of your test (and ensure that any asynchronous operations get canceled in `componentWillUnmount`), or you can change the test itself to be asynchronous.");var Be=document.createEvent("Event"),Ke=!0,pt=window.event,Nt=Object.getOwnPropertyDescriptor(window,"event"),Gt=Array.prototype.slice.call(arguments,3);function zt(){vp.removeEventListener(L0,zt,!1),typeof window.event!="undefined"&&window.hasOwnProperty("event")&&(window.event=pt),c.apply(E,Gt),Ke=!1}var yn,kr=!1,oi=!1;function Oi($i){if(yn=$i.error,kr=!0,yn===null&&$i.colno===0&&$i.lineno===0&&(oi=!0),$i.defaultPrevented&&yn!=null&&typeof yn=="object")try{yn._suppressLogging=!0}catch(ot){}}var L0="react-"+(f||"invokeguardedcallback");window.addEventListener("error",Oi),vp.addEventListener(L0,zt,!1),Be.initEvent(L0,!1,!1),vp.dispatchEvent(Be),Nt&&Object.defineProperty(window,"event",Nt),Ke&&(kr?oi&&(yn=new Error("A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://fb.me/react-crossorigin-error for more information.")):yn=new Error(`An error was thrown inside one of your components, but React doesn't know what it was. This is likely due to browser flakiness. React does its best to preserve the "Pause on exceptions" behavior of the DevTools, which requires some DEV-mode only tricks. It's possible that these don't work in your browser. Try triggering the error in production mode, or switching to a modern browser. If you suspect that this is actually an issue with React, please file an issue.`),this.onError(yn)),window.removeEventListener("error",Oi)};hp=Tm}var Cm=hp,wo=!1,Ld=null,xm={onError:function(f){wo=!0,Ld=f}};function dl(f,c,E,T,A,j,V,te,le){wo=!1,Ld=null,Cm.apply(xm,arguments)}function tr(){return wo}function Qs(){if(wo){var f=Ld;return wo=!1,Ld=null,f}else throw Error("clearCaughtError was called but no error was captured. This error is likely caused by a bug in React. Please file an issue.")}function pl(f){return!0}function l0(f){var c=pl(f);if(c!==!1){var E=f.error;{var T=f.componentName,A=f.componentStack,j=f.errorBoundaryName,V=f.errorBoundaryFound,te=f.willRetry;if(E!=null&&E._suppressLogging){if(V&&te)return;console.error(E)}var le=T?"The above error occurred in the <"+T+"> component:":"The above error occurred in one of your React components:",Be;V&&j?te?Be="React will try to recreate this component tree from scratch "+("using the error boundary you provided, "+j+"."):Be="This error was initially handled by the error boundary "+j+`.
-Recreating the tree from scratch failed so React will unmount the tree.`:Be=`Consider adding an error boundary to your tree to customize error handling behavior.
-Visit https://fb.me/react-error-boundaries to learn more about error boundaries.`;var Ke=""+le+A+`
-
-`+(""+Be);console.error(Ke)}}}var ev=null;ev=new Set;var Js=typeof WeakSet=="function"?WeakSet:Set;function mp(f,c){var E=c.source,T=c.stack;T===null&&E!==null&&(T=Cr(E));var A={componentName:E!==null?qt(E.type):null,componentStack:T!==null?T:"",error:c.value,errorBoundary:null,errorBoundaryName:null,errorBoundaryFound:!1,willRetry:!1};f!==null&&f.tag===O&&(A.errorBoundary=f.stateNode,A.errorBoundaryName=qt(f.type),A.errorBoundaryFound=!0,A.willRetry=!0);try{l0(A)}catch(j){setTimeout(function(){throw j})}}var Rm=function(f,c){Bi(f,"componentWillUnmount"),c.props=f.memoizedProps,c.state=f.memoizedState,c.componentWillUnmount(),Ci()};function tv(f,c){if(dl(null,Rm,null,f,c),tr()){var E=Qs();Hf(f,E)}}function yp(f){var c=f.ref;if(c!==null)if(typeof c=="function"){if(dl(null,c,null,null),tr()){var E=Qs();Hf(f,E)}}else c.current=null}function Am(f,c){if(dl(null,c,null),tr()){var E=Qs();Hf(f,E)}}function gp(f,c){switch(c.tag){case L:case se:case ie:{Tc(im,Af,c);return}case O:{if(c.effectTag&Oo&&f!==null){var E=f.memoizedProps,T=f.memoizedState;Bi(c,"getSnapshotBeforeUpdate");var A=c.stateNode;c.type===c.elementType&&!Sa&&(A.props!==c.memoizedProps&&Xt(!1,"Expected %s props to match memoized props before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",qt(c.type)||"instance"),A.state!==c.memoizedState&&Xt(!1,"Expected %s state to match memoized state before getSnapshotBeforeUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",qt(c.type)||"instance"));var j=A.getSnapshotBeforeUpdate(c.elementType===c.type?E:qi(c.type,E),T);{var V=ev;j===void 0&&!V.has(c.type)&&(V.add(c.type),We(!1,"%s.getSnapshotBeforeUpdate(): A snapshot value (or null) must be returned. You have returned undefined.",qt(c.type)))}A.__reactInternalSnapshotBeforeUpdate=j,Ci()}return}case U:case W:case ne:case H:case je:return;default:throw Error("This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.")}}function Tc(f,c,E){var T=E.updateQueue,A=T!==null?T.lastEffect:null;if(A!==null){var j=A.next,V=j;do{if((V.tag&f)!==Af){var te=V.destroy;V.destroy=void 0,te!==void 0&&te()}if((V.tag&c)!==Af){var le=V.create;V.destroy=le();{var Be=V.destroy;if(Be!==void 0&&typeof Be!="function"){var Ke=void 0;Be===null?Ke=" You returned null. If your effect does not require clean up, return undefined (or nothing).":typeof Be.then=="function"?Ke=`
-
-It looks like you wrote useEffect(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately:
-
-useEffect(() => {
-  async function fetchData() {
-    // You can await here
-    const response = await MyAPI.getData(someId);
-    // ...
-  }
-  fetchData();
-}, [someId]); // Or [] if effect doesn't need props or state
-
-Learn more about data fetching with Hooks: https://fb.me/react-hooks-data-fetching`:Ke=" You returned: "+Be,We(!1,"An effect function must not return anything besides a function, which is used for clean-up.%s%s",Ke,Cr(E))}}}V=V.next}while(V!==j)}}function xa(f){if((f.effectTag&F0)!==xi)switch(f.tag){case L:case se:case ie:{Tc(sr,Af,f),Tc(Af,n1,f);break}default:break}}function _p(f,c,E,T){switch(E.tag){case L:case se:case ie:{Tc(um,fl,E);break}case O:{var A=E.stateNode;if(E.effectTag&Dr)if(c===null)Bi(E,"componentDidMount"),E.type===E.elementType&&!Sa&&(A.props!==E.memoizedProps&&Xt(!1,"Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",qt(E.type)||"instance"),A.state!==E.memoizedState&&Xt(!1,"Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",qt(E.type)||"instance")),A.componentDidMount(),Ci();else{var j=E.elementType===E.type?c.memoizedProps:qi(E.type,c.memoizedProps),V=c.memoizedState;Bi(E,"componentDidUpdate"),E.type===E.elementType&&!Sa&&(A.props!==E.memoizedProps&&Xt(!1,"Expected %s props to match memoized props before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",qt(E.type)||"instance"),A.state!==E.memoizedState&&Xt(!1,"Expected %s state to match memoized state before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",qt(E.type)||"instance")),A.componentDidUpdate(j,V,A.__reactInternalSnapshotBeforeUpdate),Ci()}var te=E.updateQueue;te!==null&&(E.type===E.elementType&&!Sa&&(A.props!==E.memoizedProps&&Xt(!1,"Expected %s props to match memoized props before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",qt(E.type)||"instance"),A.state!==E.memoizedState&&Xt(!1,"Expected %s state to match memoized state before processing the update queue. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",qt(E.type)||"instance")),yo(E,te,A,T));return}case U:{var le=E.updateQueue;if(le!==null){var Be=null;if(E.child!==null)switch(E.child.tag){case W:Be=No(E.child.stateNode);break;case O:Be=E.child.stateNode;break}yo(E,le,Be,T)}return}case W:{var Ke=E.stateNode;if(c===null&&E.effectTag&Dr){var pt=E.type,Nt=E.memoizedProps;Hu(Ke,pt,Nt,E)}return}case ne:return;case H:return;case De:{if(en){var Gt=E.memoizedProps.onRender;typeof Gt=="function"&&(bn?Gt(E.memoizedProps.id,c===null?"mount":"update",E.actualDuration,E.treeBaseDuration,E.actualStartTime,Pl(),f.memoizedInteractions):Gt(E.memoizedProps.id,c===null?"mount":"update",E.actualDuration,E.treeBaseDuration,E.actualStartTime,Pl()))}return}case pe:{bl(f,E);return}case yt:case je:case gt:case Xe:return;default:throw Error("This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.")}}function Fd(f,c){if(b0)for(var E=f;;){if(E.tag===W){var T=E.stateNode;c?Pa(T):ia(E.stateNode,E.memoizedProps)}else if(E.tag===ne){var A=E.stateNode;c?m0(A):Q0(A,E.memoizedProps)}else if(E.tag===pe&&E.memoizedState!==null&&E.memoizedState.dehydrated===null){var j=E.child.sibling;j.return=E,E=j;continue}else if(E.child!==null){E.child.return=E,E=E.child;continue}if(E===f)return;for(;E.sibling===null;){if(E.return===null||E.return===f)return;E=E.return}E.sibling.return=E.return,E=E.sibling}}function bu(f){var c=f.ref;if(c!==null){var E=f.stateNode,T;switch(f.tag){case W:T=No(E);break;default:T=E}Au&&f.tag===Xe&&(T=E.methods),typeof c=="function"?c(T):(c.hasOwnProperty("current")||We(!1,"Unexpected ref object provided for %s. Use either a ref-setter function or React.createRef().%s",qt(f.type),Cr(f)),c.current=T)}}function Yu(f){var c=f.ref;c!==null&&(typeof c=="function"?c(null):c.current=null)}function Ep(f,c,E){switch(kn(c),c.tag){case L:case se:case me:case ie:{var T=c.updateQueue;if(T!==null){var A=T.lastEffect;if(A!==null){var j=A.next,V=E>Kn?Kn:E;Sn(V,function(){var oi=j;do{var Oi=oi.destroy;Oi!==void 0&&Am(c,Oi),oi=oi.next}while(oi!==j)})}}break}case O:{yp(c);var te=c.stateNode;typeof te.componentWillUnmount=="function"&&tv(c,te);return}case W:{if(gi){var le=c.dependencies;if(le!==null){var Be=le.responders;if(Be!==null){for(var Ke=Array.from(Be.values()),pt=0,Nt=Ke.length;pt<Nt;pt++){var Gt=Ke[pt];Ne(Gt)}le.responders=null}}}yp(c);return}case H:{b0?D1(f,c,E):X&&Om(c);return}case gt:{if(Wt){var zt=c.stateNode;zt!==null&&(Ia(zt),c.stateNode=null)}return}case qe:{if(Yi){var yn=f.hydrationCallbacks;if(yn!==null){var kr=yn.onDeleted;kr&&kr(c.stateNode)}}return}case Xe:Au&&yp(c)}}function Dp(f,c,E){for(var T=c;;){if(Ep(f,T,E),T.child!==null&&(!b0||T.tag!==H)){T.child.return=T,T=T.child;continue}if(T===c)return;for(;T.sibling===null;){if(T.return===null||T.return===c)return;T=T.return}T.sibling.return=T.return,T=T.sibling}}function nv(f){var c=f.alternate;f.return=null,f.child=null,f.memoizedState=null,f.updateQueue=null,f.dependencies=null,f.alternate=null,f.firstEffect=null,f.lastEffect=null,f.pendingProps=null,f.memoizedProps=null,c!==null&&nv(c)}function Om(f){if(!!X){var c=f.stateNode,E=c.containerInfo,T=S0(E);fi(E,T)}}function Mm(f){if(!!X)switch(f.tag){case O:case W:case ne:case gt:return;case U:case H:{var c=f.stateNode,E=c.containerInfo,T=c.pendingChildren;fi(E,T);return}default:throw Error("This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.")}}function km(f){for(var c=f.return;c!==null;){if(Pd(c))return c;c=c.return}throw Error("Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue.")}function Pd(f){return f.tag===W||f.tag===U||f.tag===H}function rv(f){var c=f;e:for(;;){for(;c.sibling===null;){if(c.return===null||Pd(c.return))return null;c=c.return}for(c.sibling.return=c.return,c=c.sibling;c.tag!==W&&c.tag!==ne&&c.tag!==qe;){if(c.effectTag&mi||c.child===null||c.tag===H)continue e;c.child.return=c,c=c.child}if(!(c.effectTag&mi))return c.stateNode}}function Cc(f){if(!!b0){var c=km(f),E,T,A=c.stateNode;switch(c.tag){case W:E=A,T=!1;break;case U:E=A.containerInfo,T=!0;break;case H:E=A.containerInfo,T=!0;break;case gt:Wt&&(E=A.instance,T=!1);default:throw Error("Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue.")}c.effectTag&Uu&&(qu(E),c.effectTag&=~Uu);for(var j=rv(f),V=f;;){var te=V.tag===W||V.tag===ne;if(te||Wt&&V.tag===gt){var le=te?V.stateNode:V.stateNode.instance;j?T?Lo(E,le,j):Ti(E,le,j):T?Mu(E,le):Si(E,le)}else if(V.tag!==H){if(V.child!==null){V.child.return=V,V=V.child;continue}}if(V===f)return;for(;V.sibling===null;){if(V.return===null||V.return===f)return;V=V.return}V.sibling.return=V.return,V=V.sibling}}}function D1(f,c,E){for(var T=c,A=!1,j,V;;){if(!A){var te=T.return;e:for(;;){if(te===null)throw Error("Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue.");var le=te.stateNode;switch(te.tag){case W:j=le,V=!1;break e;case U:j=le.containerInfo,V=!0;break e;case H:j=le.containerInfo,V=!0;break e;case gt:Wt&&(j=le.instance,V=!1)}te=te.return}A=!0}if(T.tag===W||T.tag===ne)Dp(f,T,E),V?co(j,T.stateNode):ku(j,T.stateNode);else if(Wt&&T.tag===gt){var Be=T.stateNode.instance;Dp(f,T,E),V?co(j,Be):ku(j,Be)}else if(Ai&&T.tag===qe){if(Yi){var Ke=f.hydrationCallbacks;if(Ke!==null){var pt=Ke.onDeleted;pt&&pt(T.stateNode)}}V?ke(j,T.stateNode):Z(j,T.stateNode)}else if(T.tag===H){if(T.child!==null){j=T.stateNode.containerInfo,V=!0,T.child.return=T,T=T.child;continue}}else if(Ep(f,T,E),T.child!==null){T.child.return=T,T=T.child;continue}if(T===c)return;for(;T.sibling===null;){if(T.return===null||T.return===c)return;T=T.return,T.tag===H&&(A=!1)}T.sibling.return=T.return,T=T.sibling}}function Nm(f,c,E){b0?D1(f,c,E):Dp(f,c,E),nv(c)}function Id(f,c){if(!b0){switch(c.tag){case L:case se:case me:case ie:{Tc(Of,Eh,c);return}case De:return;case pe:{w1(c),Ra(c);return}case yt:{Ra(c);return}case U:{if(we){var E=c.stateNode;E.hydrate&&(E.hydrate=!1,ge(E.containerInfo))}break}}Mm(c);return}switch(c.tag){case L:case se:case me:case ie:{Tc(Of,Eh,c);return}case O:return;case W:{var T=c.stateNode;if(T!=null){var A=c.memoizedProps,j=f!==null?f.memoizedProps:A,V=c.type,te=c.updateQueue;if(c.updateQueue=null,te!==null&&Su(T,te,V,j,A,c),gi){var le=j.listeners,Be=A.listeners;le!==Be&&hn(Be,c,null)}}return}case ne:{if(c.stateNode===null)throw Error("This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue.");var Ke=c.stateNode,pt=c.memoizedProps,Nt=f!==null?f.memoizedProps:pt;zu(Ke,Nt,pt);return}case U:{if(we){var Gt=c.stateNode;Gt.hydrate&&(Gt.hydrate=!1,ge(Gt.containerInfo))}return}case De:return;case pe:{w1(c),Ra(c);return}case yt:{Ra(c);return}case je:return;case gt:{if(Wt){var zt=c.stateNode;ua(zt)}return}case Xe:{if(Au){var yn=c.stateNode;if(yn.fiber=c,gi){var kr=c.memoizedProps,oi=f!==null?f.memoizedProps:kr,Oi=oi.listeners,L0=kr.listeners;Oi!==L0&&hn(L0,c,null)}}return}default:throw Error("This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue.")}}function w1(f){var c=f.memoizedState,E,T=f;if(c===null?E=!1:(E=!0,T=f.child,Op()),b0&&T!==null&&Fd(T,E),Yi&&c!==null){var A=f.memoizedProps.suspenseCallback;if(typeof A=="function"){var j=f.updateQueue;j!==null&&A(new Set(j))}else A!==void 0&&Xt(!1,"Unexpected type for suspenseCallback.")}}function bl(f,c){if(!!we){var E=c.memoizedState;if(E===null){var T=c.alternate;if(T!==null){var A=T.memoizedState;if(A!==null){var j=A.dehydrated;if(j!==null&&(Re(j),Yi)){var V=f.hydrationCallbacks;if(V!==null){var te=V.onHydrated;te&&te(j)}}}}}}}function Ra(f){var c=f.updateQueue;if(c!==null){f.updateQueue=null;var E=f.stateNode;E===null&&(E=f.stateNode=new Js),c.forEach(function(T){var A=ey.bind(null,f,T);E.has(T)||(bn&&T.__reactDoNotTraceInteractions!==!0&&(A=k.unstable_wrap(A)),E.add(T),T.then(A,A))})}}function iv(f){!b0||qu(f.stateNode)}var Lm=typeof WeakMap=="function"?WeakMap:Map;function uv(f,c,E){var T=Cu(E,null);T.tag=Wn,T.payload={element:null};var A=c.value;return T.callback=function(){Zm(A),mp(f,c)},T}function ov(f,c,E){var T=Cu(E,null);T.tag=Wn;var A=f.type.getDerivedStateFromError;if(typeof A=="function"){var j=c.value;T.payload=function(){return mp(f,c),A(j)}}var V=f.stateNode;return V!==null&&typeof V.componentDidCatch=="function"?T.callback=function(){dc(f),typeof A!="function"&&(Ip(this),mp(f,c));var le=c.value,Be=c.stack;this.componentDidCatch(le,{componentStack:Be!==null?Be:""}),typeof A!="function"&&f.expirationTime!==Un&&We(!1,"%s: Error boundaries should implement getDerivedStateFromError(). In that method, return a state update to display an error message or fallback UI.",qt(f.type)||"Unknown")}:T.callback=function(){dc(f)},T}function Fm(f,c,E){var T=f.pingCache,A;if(T===null?(T=f.pingCache=new Lm,A=new Set,T.set(E,A)):(A=T.get(E),A===void 0&&(A=new Set,T.set(E,A))),!A.has(c)){A.add(c);var j=bp.bind(null,f,E,c);E.then(j,j)}}function lv(f,c,E,T,A){if(E.effectTag|=P0,E.firstEffect=E.lastEffect=null,T!==null&&typeof T=="object"&&typeof T.then=="function"){var j=T;ay(E);var V=e1(kl.current,xf),te=c;do{if(te.tag===pe&&N2(te,V)){var le=te.updateQueue;if(le===null){var Be=new Set;Be.add(j),te.updateQueue=Be}else le.add(j);if((te.mode&Y)===Ar){if(te.effectTag|=Xr,E.effectTag&=~(Ps|P0),E.tag===O){var Ke=E.alternate;if(Ke===null)E.tag=je;else{var pt=Cu(Un,null);pt.tag=$t,Va(E,pt)}}E.expirationTime=Un;return}Fm(f,A,j),te.effectTag|=p0,te.expirationTime=A;return}te=te.return}while(te!==null);T=new Error((qt(E.type)||"A React component")+` suspended while rendering, but no fallback UI was specified.
-
-Add a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.`+Cr(E))}Mp(),T=pp(T,E);var Nt=c;do{switch(Nt.tag){case U:{var Gt=T;Nt.effectTag|=p0,Nt.expirationTime=A;var zt=uv(Nt,Gt,A);od(Nt,zt);return}case O:var yn=T,kr=Nt.type,oi=Nt.stateNode;if((Nt.effectTag&Xr)===xi&&(typeof kr.getDerivedStateFromError=="function"||oi!==null&&typeof oi.componentDidCatch=="function"&&!Pp(oi))){Nt.effectTag|=p0,Nt.expirationTime=A;var Oi=ov(Nt,yn,A);od(Nt,Oi);return}break;default:break}Nt=Nt.return}while(Nt!==null)}var Aa=Math.ceil,Mr=rt.ReactCurrentDispatcher,wp=rt.ReactCurrentOwner,hl=rt.IsSomeRendererActing,gu=0,S1=1,Ui=2,Sp=4,bd=8,So=16,As=32,bf=0,Bd=1,Tp=2,T1=3,C1=4,Cp=5,nr=gu,vl=null,Gn=null,q0=at,k0=bf,Ud=null,Bl=Un,x1=Un,xc=null,Rc=at,jd=!1,xp=0,N0=500,dn=null,zd=!1,Hd=null,Ac=null,Oc=!1,Mc=null,R1=E0,Rp=at,ef=null,Pm=50,kc=0,qd=null,sv=50,A1=0,Bf=null,Uf=null,O1=at;function Ul(){return(nr&(So|As))!==gu?n0(vt()):(O1!==at||(O1=n0(vt())),O1)}function Nc(){return n0(vt())}function jf(f,c,E){var T=c.mode;if((T&Y)===Ar)return Un;var A=Qt();if((T&ri)===Ar)return A===Li?Un:t0;if((nr&So)!==gu)return q0;var j;if(E!==null)j=fa(f,E.timeoutMs|0||_f);else switch(A){case Li:j=Un;break;case ni:j=Ua(f);break;case Kn:case e0:j=Ds(f);break;case _0:j=ru;break;default:throw Error("Expected a valid priority level")}return vl!==null&&j===q0&&(j-=1),j}function Im(f,c){ty(),uy(f);var E=Wd(f,c);if(E===null){ry(f);return}zp(f,c),la();var T=Qt();if(c===Un?(nr&bd)!==gu&&(nr&(So|As))===gu?(q(E,c),M1(E)):(qo(E),q(E,c),nr===gu&&Bt()):(qo(E),q(E,c)),(nr&Sp)!==gu&&(T===ni||T===Li))if(ef===null)ef=new Map([[E,c]]);else{var A=ef.get(E);(A===void 0||A>c)&&ef.set(E,c)}}var ml=Im;function Wd(f,c){f.expirationTime<c&&(f.expirationTime=c);var E=f.alternate;E!==null&&E.expirationTime<c&&(E.expirationTime=c);var T=f.return,A=null;if(T===null&&f.tag===U)A=f.stateNode;else for(;T!==null;){if(E=T.alternate,T.childExpirationTime<c&&(T.childExpirationTime=c),E!==null&&E.childExpirationTime<c&&(E.childExpirationTime=c),T.return===null&&T.tag===U){A=T.stateNode;break}T=T.return}return A!==null&&(vl===A&&(Xd(c),k0===C1&&Wf(A,q0)),Gg(A,c)),A}function Vd(f){var c=f.lastExpiredTime;if(c!==at)return c;var E=f.firstPendingTime;if(!Vg(f,E))return E;var T=f.lastPingedTime,A=f.nextKnownPendingLevel;return T>A?T:A}function qo(f){var c=f.lastExpiredTime;if(c!==at){f.callbackExpirationTime=Un,f.callbackPriority=Li,f.callbackNode=Tn(M1.bind(null,f));return}var E=Vd(f),T=f.callbackNode;if(E===at){T!==null&&(f.callbackNode=null,f.callbackExpirationTime=at,f.callbackPriority=E0);return}var A=Ul(),j=nd(A,E);if(T!==null){var V=f.callbackPriority,te=f.callbackExpirationTime;if(te===E&&V>=j)return;ir(T)}f.callbackExpirationTime=E,f.callbackPriority=j;var le;E===Un?le=Tn(M1.bind(null,f)):so?le=_n(j,Gd.bind(null,f)):le=_n(j,Gd.bind(null,f),{timeout:Uo(E)-vt()}),f.callbackNode=le}function Gd(f,c){if(O1=at,c){var E=Ul();return Wp(f,E),qo(f),null}var T=Vd(f);if(T!==at){var A=f.callbackNode;if((nr&(So|As))!==gu)throw Error("Should not already be working.");if(tf(),(f!==vl||T!==q0)&&(zf(f,T),ee(f,T)),Gn!==null){var j=nr;nr|=So;var V=pv(f),te=Yd(f);mf(Gn);do try{Ym();break}catch(Ke){dv(f,Ke)}while(!0);if(mt(),nr=j,hv(V),bn&&Kd(te),k0===Bd){var le=Ud;throw jp(),zf(f,T),Wf(f,T),qo(f),le}if(Gn!==null)jp();else{Tv();var Be=f.finishedWork=f.current.alternate;f.finishedExpirationTime=T,bm(f,Be,k0,T)}if(qo(f),f.callbackNode===A)return Gd.bind(null,f)}}return null}function bm(f,c,E,T){switch(vl=null,E){case bf:case Bd:throw Error("Root did not complete. This is a bug in React.");case Tp:{Wp(f,T>ru?ru:T);break}case T1:{Wf(f,T);var A=f.lastSuspendedTime;T===A&&(f.nextKnownPendingLevel=kp(c)),d();var j=Bl===Un;if(j&&!(X0&&qf.current)){var V=xp+N0-vt();if(V>10){if(jd){var te=f.lastPingedTime;if(te===at||te>=T){f.lastPingedTime=T,zf(f,T);break}}var le=Vd(f);if(le!==at&&le!==T)break;if(A!==at&&A!==T){f.lastPingedTime=A;break}f.timeoutHandle=Tt(s0.bind(null,f),V);break}}s0(f);break}case C1:{Wf(f,T);var Be=f.lastSuspendedTime;if(T===Be&&(f.nextKnownPendingLevel=kp(c)),d(),!(X0&&qf.current)){if(jd){var Ke=f.lastPingedTime;if(Ke===at||Ke>=T){f.lastPingedTime=T,zf(f,T);break}}var pt=Vd(f);if(pt!==at&&pt!==T)break;if(Be!==at&&Be!==T){f.lastPingedTime=Be;break}var Nt;if(x1!==Un)Nt=Uo(x1)-vt();else if(Bl===Un)Nt=0;else{var Gt=_v(Bl),zt=vt(),yn=Uo(T)-zt,kr=zt-Gt;kr<0&&(kr=0),Nt=Bp(kr)-kr,yn<Nt&&(Nt=yn)}if(Nt>10){f.timeoutHandle=Tt(s0.bind(null,f),Nt);break}}s0(f);break}case Cp:{if(!(X0&&qf.current)&&Bl!==Un&&xc!==null){var oi=Up(Bl,T,xc);if(oi>10){Wf(f,T),f.timeoutHandle=Tt(s0.bind(null,f),oi);break}}s0(f);break}default:throw Error("Unknown root exit status.")}}function M1(f){var c=f.lastExpiredTime,E=c!==at?c:Un;if(f.finishedExpirationTime===E)s0(f);else{if((nr&(So|As))!==gu)throw Error("Should not already be working.");if(tf(),(f!==vl||E!==q0)&&(zf(f,E),ee(f,E)),Gn!==null){var T=nr;nr|=So;var A=pv(f),j=Yd(f);mf(Gn);do try{Ev();break}catch(te){dv(f,te)}while(!0);if(mt(),nr=T,hv(A),bn&&Kd(j),k0===Bd){var V=Ud;throw jp(),zf(f,E),Wf(f,E),qo(f),V}if(Gn!==null)throw Error("Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue.");Tv(),f.finishedWork=f.current.alternate,f.finishedExpirationTime=E,Bm(f,k0,E),qo(f)}}return null}function Bm(f,c,E){vl=null,(c===T1||c===C1)&&d(),s0(f)}function Um(f,c){Wp(f,c),qo(f),(nr&(So|As))===gu&&Bt()}function av(){if((nr&(S1|So|As))!==gu){(nr&So)!==gu&&Xt(!1,"unstable_flushDiscreteUpdates: Cannot flush updates when React is already rendering.");return}zm(),tf()}function jm(f){return Sn(Kn,f)}function fv(f,c,E,T){return Sn(Li,f.bind(null,c,E,T))}function zm(){if(ef!==null){var f=ef;ef=null,f.forEach(function(c,E){Wp(E,c),qo(E)}),Bt()}}function Hm(f,c){var E=nr;nr|=S1;try{return f(c)}finally{nr=E,nr===gu&&Bt()}}function qm(f,c){var E=nr;nr|=Ui;try{return f(c)}finally{nr=E,nr===gu&&Bt()}}function cv(f,c,E,T){var A=nr;nr|=Sp;try{return Sn(ni,f.bind(null,c,E,T))}finally{nr=A,nr===gu&&Bt()}}function Wm(f,c){var E=nr;nr&=~S1,nr|=bd;try{return f(c)}finally{nr=E,nr===gu&&Bt()}}function Ap(f,c){if((nr&(So|As))!==gu)throw Error("flushSync was called from inside a lifecycle method. It cannot be called when React is already rendering.");var E=nr;nr|=S1;try{return Sn(Li,f.bind(null,c))}finally{nr=E,Bt()}}function Vm(f){var c=nr;nr|=S1;try{Sn(Li,f)}finally{nr=c,nr===gu&&Bt()}}function zf(f,c){f.finishedWork=null,f.finishedExpirationTime=at;var E=f.timeoutHandle;if(E!==tl&&(f.timeoutHandle=tl,fo(E)),Gn!==null)for(var T=Gn.return;T!==null;)$h(T),T=T.return;vl=f,Gn=To(f.current,null,c),q0=c,k0=bf,Ud=null,Bl=Un,x1=Un,xc=null,Rc=at,jd=!1,bn&&(Uf=null),Rl.discardPendingWarnings(),Zs=null}function dv(f,c){do{try{if(mt(),_d(),it(),Gn===null||Gn.return===null)return k0=Bd,Ud=c,null;en&&Gn.mode&ii&&d1(Gn,!0),lv(f,Gn.return,Gn,c,q0),Gn=Dv(Gn)}catch(E){c=E;continue}return}while(!0)}function pv(f){var c=Mr.current;return Mr.current=a1,c===null?a1:c}function hv(f){Mr.current=f}function Yd(f){if(bn){var c=k.__interactionsRef.current;return k.__interactionsRef.current=f.memoizedInteractions,c}return null}function Kd(f){bn&&(k.__interactionsRef.current=f)}function Op(){xp=vt()}function vv(f,c){f<Bl&&f>ru&&(Bl=f),c!==null&&f<x1&&f>ru&&(x1=f,xc=c)}function Xd(f){f>Rc&&(Rc=f)}function mv(){k0===bf&&(k0=T1)}function yv(){(k0===bf||k0===T1)&&(k0=C1),Rc!==at&&vl!==null&&(Wf(vl,q0),Gg(vl,Rc))}function Mp(){k0!==Cp&&(k0=Tp)}function gv(){return k0===bf}function _v(f){var c=Uo(f);return c-_f}function Gm(f,c){var E=Uo(f);return E-(c.timeoutMs|0||_f)}function Ev(){for(;Gn!==null;)Gn=Qd(Gn)}function Ym(){for(;Gn!==null&&!Fn();)Gn=Qd(Gn)}function Qd(f){var c=f.alternate;$l(f),Dt(f);var E;return en&&(f.mode&ii)!==Ar?(q2(f),E=k1(c,f,q0),d1(f,!0)):E=k1(c,f,q0),it(),f.memoizedProps=f.pendingProps,E===null&&(E=Dv(f)),wp.current=null,E}function Dv(f){Gn=f;do{var c=Gn.alternate,E=Gn.return;if((Gn.effectTag&P0)===xi){Dt(Gn);var T=void 0;if(!en||(Gn.mode&ii)===Ar?T=Zh(c,Gn,q0):(q2(Gn),T=Zh(c,Gn,q0),d1(Gn,!1)),ei(Gn),it(),Km(Gn),T!==null)return T;if(E!==null&&(E.effectTag&P0)===xi){E.firstEffect===null&&(E.firstEffect=Gn.firstEffect),Gn.lastEffect!==null&&(E.lastEffect!==null&&(E.lastEffect.nextEffect=Gn.firstEffect),E.lastEffect=Gn.lastEffect);var A=Gn.effectTag;A>lu&&(E.lastEffect!==null?E.lastEffect.nextEffect=Gn:E.firstEffect=Gn,E.lastEffect=Gn)}}else{var j=Sm(Gn,q0);if(en&&(Gn.mode&ii)!==Ar){d1(Gn,!1);for(var V=Gn.actualDuration,te=Gn.child;te!==null;)V+=te.actualDuration,te=te.sibling;Gn.actualDuration=V}if(j!==null)return po(Gn),j.effectTag&=Kl,j;ei(Gn),E!==null&&(E.firstEffect=E.lastEffect=null,E.effectTag|=P0)}var le=Gn.sibling;if(le!==null)return le;Gn=E}while(Gn!==null);return k0===bf&&(k0=Cp),null}function kp(f){var c=f.expirationTime,E=f.childExpirationTime;return c>E?c:E}function Km(f){if(!(q0!==Di&&f.childExpirationTime===Di)){var c=at;if(en&&(f.mode&ii)!==Ar){for(var E=f.actualDuration,T=f.selfBaseDuration,A=f.alternate===null||f.child!==f.alternate.child,j=f.child;j!==null;){var V=j.expirationTime,te=j.childExpirationTime;V>c&&(c=V),te>c&&(c=te),A&&(E+=j.actualDuration),T+=j.treeBaseDuration,j=j.sibling}f.actualDuration=E,f.treeBaseDuration=T}else for(var le=f.child;le!==null;){var Be=le.expirationTime,Ke=le.childExpirationTime;Be>c&&(c=Be),Ke>c&&(c=Ke),le=le.sibling}f.childExpirationTime=c}}function s0(f){var c=Qt();return Sn(Li,Np.bind(null,f,c)),null}function Np(f,c){do tf();while(Mc!==null);if(ny(),(nr&(So|As))!==gu)throw Error("Should not already be working.");var E=f.finishedWork,T=f.finishedExpirationTime;if(E===null)return null;if(f.finishedWork=null,f.finishedExpirationTime=at,E===f.current)throw Error("Cannot commit the same tree as before. This error is likely caused by a bug in React. Please file an issue.");f.callbackNode=null,f.callbackExpirationTime=at,f.callbackPriority=E0,f.nextKnownPendingLevel=at,$0();var A=kp(E);j4(f,T,A),f===vl&&(vl=null,Gn=null,q0=at);var j;if(E.effectTag>lu?E.lastEffect!==null?(E.lastEffect.nextEffect=E,j=E.firstEffect):j=E:j=E.firstEffect,j!==null){var V=nr;nr|=As;var te=Yd(f);wp.current=null,Ce(),Hn(f.containerInfo),dn=j;do if(dl(null,Xm,null),tr()){if(dn===null)throw Error("Should be working on an effect.");var le=Qs();Hf(dn,le),dn=dn.nextEffect}while(dn!==null);et(),en&&Oh(),Ye(),dn=j;do if(dl(null,Qm,null,f,c),tr()){if(dn===null)throw Error("Should be working on an effect.");var Be=Qs();Hf(dn,Be),dn=dn.nextEffect}while(dn!==null);Yt(),qr(f.containerInfo),f.current=E,Kt(),dn=j;do if(dl(null,Lp,null,f,T),tr()){if(dn===null)throw Error("Should be working on an effect.");var Ke=Qs();Hf(dn,Ke),dn=dn.nextEffect}while(dn!==null);pr(),dn=null,ae(),bn&&Kd(te),nr=V}else f.current=E,Ce(),et(),en&&Oh(),Ye(),Yt(),Kt(),pr();eo();var pt=Oc;if(Oc)Oc=!1,Mc=f,Rp=T,R1=c;else for(dn=j;dn!==null;){var Nt=dn.nextEffect;dn.nextEffect=null,dn=Nt}var Gt=f.firstPendingTime;if(Gt!==at){if(bn){if(Uf!==null){var zt=Uf;Uf=null;for(var yn=0;yn<zt.length;yn++)P(f,zt[yn],f.memoizedInteractions)}q(f,Gt)}}else Ac=null;if(bn&&(pt||de(f,T)),Gt===Un?f===qd?kc++:(kc=0,qd=f):kc=0,on(E.stateNode,T),qo(f),zd){zd=!1;var kr=Hd;throw Hd=null,kr}return(nr&bd)!==gu||Bt(),null}function Xm(){for(;dn!==null;){var f=dn.effectTag;if((f&Oo)!==xi){Dt(dn),Bo();var c=dn.alternate;gp(c,dn),it()}(f&F0)!==xi&&(Oc||(Oc=!0,_n(Kn,function(){return tf(),null}))),dn=dn.nextEffect}}function Qm(f,c){for(;dn!==null;){Dt(dn);var E=dn.effectTag;if(E&Uu&&iv(dn),E&Ao){var T=dn.alternate;T!==null&&Yu(T)}var A=E&(mi|Dr|G0|su);switch(A){case mi:{Cc(dn),dn.effectTag&=~mi;break}case $o:{Cc(dn),dn.effectTag&=~mi;var j=dn.alternate;Id(j,dn);break}case su:{dn.effectTag&=~su;break}case ki:{dn.effectTag&=~su;var V=dn.alternate;Id(V,dn);break}case Dr:{var te=dn.alternate;Id(te,dn);break}case G0:{Nm(f,dn,c);break}}Bo(),it(),dn=dn.nextEffect}}function Lp(f,c){for(;dn!==null;){Dt(dn);var E=dn.effectTag;if(E&(Dr|Y0)){Bo();var T=dn.alternate;_p(f,T,dn,c)}E&Ao&&(Bo(),bu(dn)),it(),dn=dn.nextEffect}}function tf(){if(R1!==E0){var f=R1>Kn?Kn:R1;return R1=E0,Sn(f,Fp)}}function Fp(){if(Mc===null)return!1;var f=Mc,c=Rp;if(Mc=null,Rp=at,(nr&(So|As))!==gu)throw Error("Cannot flush passive effects while already rendering.");var E=nr;nr|=As;for(var T=Yd(f),A=f.current.firstEffect;A!==null;){{if(Dt(A),dl(null,xa,null,A),tr()){if(A===null)throw Error("Should be working on an effect.");var j=Qs();Hf(A,j)}it()}var V=A.nextEffect;A.nextEffect=null,A=V}return bn&&(Kd(T),de(f,c)),nr=E,Bt(),A1=Mc===null?0:A1+1,!0}function Pp(f){return Ac!==null&&Ac.has(f)}function Ip(f){Ac===null?Ac=new Set([f]):Ac.add(f)}function Jm(f){zd||(zd=!0,Hd=f)}var Zm=Jm;function wv(f,c,E){var T=pp(E,c),A=uv(f,T,Un);Va(f,A);var j=Wd(f,Un);j!==null&&(qo(j),q(j,Un))}function Hf(f,c){if(f.tag===U){wv(f,f,c);return}for(var E=f.return;E!==null;){if(E.tag===U){wv(E,f,c);return}else if(E.tag===O){var T=E.type,A=E.stateNode;if(typeof T.getDerivedStateFromError=="function"||typeof A.componentDidCatch=="function"&&!Pp(A)){var j=pp(c,f),V=ov(E,j,Un);Va(E,V);var te=Wd(E,Un);te!==null&&(qo(te),q(te,Un));return}}E=E.return}}function bp(f,c,E){var T=f.pingCache;if(T!==null&&T.delete(c),vl===f&&q0===E){k0===C1||k0===T1&&Bl===Un&&vt()-xp<N0?zf(f,q0):jd=!0;return}if(!!Vg(f,E)){var A=f.lastPingedTime;A!==at&&A<E||(f.lastPingedTime=E,f.finishedExpirationTime===E&&(f.finishedExpirationTime=at,f.finishedWork=null),qo(f),q(f,E))}}function Sv(f,c){if(c===at){var E=null,T=Ul();c=jf(T,f,E)}var A=Wd(f,c);A!==null&&(qo(A),q(A,c))}function $m(f){var c=f.memoizedState,E=at;c!==null&&(E=c.retryTime),Sv(f,E)}function ey(f,c){var E=at,T;if(Ai)switch(f.tag){case pe:T=f.stateNode;var A=f.memoizedState;A!==null&&(E=A.retryTime);break;case yt:T=f.stateNode;break;default:throw Error("Pinged unknown suspense boundary type. This is probably a bug in React.")}else T=f.stateNode;T!==null&&T.delete(c),Sv(f,E)}function Bp(f){return f<120?120:f<480?480:f<1080?1080:f<1920?1920:f<3e3?3e3:f<4320?4320:Aa(f/1960)*1960}function Up(f,c,E){var T=E.busyMinDurationMs|0;if(T<=0)return 0;var A=E.busyDelayMs|0,j=vt(),V=Gm(f,E),te=j-V;if(te<=A)return 0;var le=A+T-te;return le}function ty(){if(kc>Pm)throw kc=0,qd=null,Error("Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.");A1>sv&&(A1=0,Xt(!1,"Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."))}function ny(){Rl.flushLegacyContextWarning(),yi&&Rl.flushPendingUnsafeLifecycleWarnings()}function Tv(){var f=!0;yf(Bf,f),Bf=null}function jp(){var f=!1;yf(Bf,f),Bf=null}function zp(f,c){Hr&&vl!==null&&c>q0&&(Bf=f)}var Jd=null;function ry(f){{var c=f.tag;if(c!==U&&c!==O&&c!==L&&c!==se&&c!==me&&c!==ie)return;var E=qt(f.type)||"ReactComponent";if(Jd!==null){if(Jd.has(E))return;Jd.add(E)}else Jd=new Set([E]);We(!1,"Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in %s.%s",c===O?"the componentWillUnmount method":"a useEffect cleanup function",Cr(f))}}var k1;if(K0){var iy=null;k1=function(f,c,E){var T=Wg(iy,c);try{return sp(f,c,E)}catch(j){if(j!==null&&typeof j=="object"&&typeof j.then=="function")throw j;if(mt(),_d(),$h(c),Wg(c,T),en&&c.mode&ii&&q2(c),dl(null,sp,null,f,c,E),tr()){var A=Qs();throw A}else throw j}}}else k1=sp;var Cv=!1,xv=!1;function uy(f){if(f.tag===O)switch(Nr){case"getChildContext":if(xv)return;We(!1,"setState(...): Cannot call setState() inside getChildContext()"),xv=!0;break;case"render":if(Cv)return;We(!1,"Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state."),Cv=!0;break}}var qf={current:!1};function Hp(f){vs===!0&&hl.current===!0&&qf.current!==!0&&We(!1,`It looks like you're using the wrong act() around your test interactions.
-Be sure to use the matching version of act() corresponding to your renderer:
-
-// for react-dom:
-import {act} from 'react-dom/test-utils';
-// ...
-act(() => ...);
-
-// for react-test-renderer:
-import TestRenderer from 'react-test-renderer';
-const {act} = TestRenderer;
-// ...
-act(() => ...);%s`,Cr(f))}function Rv(f){vs===!0&&(f.mode&mr)!==Ar&&hl.current===!1&&qf.current===!1&&We(!1,`An update to %s ran an effect, but was not wrapped in act(...).
-
-When testing, code that causes React state updates should be wrapped into act(...):
-
-act(() => {
-  /* fire events that update state */
-});
-/* assert on the output */
-
-This ensures that you're testing the behavior the user would see in the browser. Learn more at https://fb.me/react-wrap-tests-with-act%s`,qt(f.type),Cr(f))}function oy(f){vs===!0&&nr===gu&&hl.current===!1&&qf.current===!1&&We(!1,`An update to %s inside a test was not wrapped in act(...).
-
-When testing, code that causes React state updates should be wrapped into act(...):
-
-act(() => {
-  /* fire events that update state */
-});
-/* assert on the output */
-
-This ensures that you're testing the behavior the user would see in the browser. Learn more at https://fb.me/react-wrap-tests-with-act%s`,qt(f.type),Cr(f))}var ly=oy,qp=!1;function sy(f){qp===!1&&t.unstable_flushAllWithoutAsserting===void 0&&(f.mode&Y||f.mode&ri?(qp=!0,We(!1,`In Concurrent or Sync modes, the "scheduler" module needs to be mocked to guarantee consistent behaviour across tests and browsers. For example, with jest: 
-jest.mock('scheduler', () => require('scheduler/unstable_mock'));
-
-For more info, visit https://fb.me/react-mock-scheduler`)):eu===!0&&(qp=!0,We(!1,`Starting from React v17, the "scheduler" module will need to be mocked to guarantee consistent behaviour across tests and browsers. For example, with jest: 
-jest.mock('scheduler', () => require('scheduler/unstable_mock'));
-
-For more info, visit https://fb.me/react-mock-scheduler`)))}var Zs=null;function ay(f){{var c=Qt();if((f.mode&ri)!==xi&&(c===ni||c===Li))for(var E=f;E!==null;){var T=E.alternate;if(T!==null)switch(E.tag){case O:var A=T.updateQueue;if(A!==null)for(var j=A.firstUpdate;j!==null;){var V=j.priority;if(V===ni||V===Li){Zs===null?Zs=new Set([qt(E.type)]):Zs.add(qt(E.type));break}j=j.next}break;case L:case se:case ie:if(E.memoizedState!==null&&E.memoizedState.baseUpdate!==null)for(var te=E.memoizedState.baseUpdate;te!==null;){var le=te.priority;if(le===ni||le===Li){Zs===null?Zs=new Set([qt(E.type)]):Zs.add(qt(E.type));break}if(te.next===E.memoizedState.baseUpdate)break;te=te.next}break;default:break}E=E.return}}}function d(){if(Zs!==null){var f=[];Zs.forEach(function(c){return f.push(c)}),Zs=null,f.length>0&&We(!1,`%s triggered a user-blocking update that suspended.
-
-The fix is to split the update into multiple parts: a user-blocking update to provide immediate feedback, and another update that triggers the bulk of the changes.
-
-Refer to the documentation for useTransition to learn how to implement this pattern.`,f.sort().join(", "))}}function v(f,c){return c*1e3+f.interactionThreadID}function x(f){!bn||(Uf===null?Uf=[f]:Uf.push(f))}function P(f,c,E){if(!!bn&&E.size>0){var T=f.pendingInteractionMap,A=T.get(c);A!=null?E.forEach(function(te){A.has(te)||te.__count++,A.add(te)}):(T.set(c,new Set(E)),E.forEach(function(te){te.__count++}));var j=k.__subscriberRef.current;if(j!==null){var V=v(f,c);j.onWorkScheduled(E,V)}}}function q(f,c){!bn||P(f,c,k.__interactionsRef.current)}function ee(f,c){if(!!bn){var E=new Set;if(f.pendingInteractionMap.forEach(function(j,V){V>=c&&j.forEach(function(te){return E.add(te)})}),f.memoizedInteractions=E,E.size>0){var T=k.__subscriberRef.current;if(T!==null){var A=v(f,c);try{T.onWorkStarted(E,A)}catch(j){_n(Li,function(){throw j})}}}}}function de(f,c){if(!!bn){var E=f.firstPendingTime,T;try{if(T=k.__subscriberRef.current,T!==null&&f.memoizedInteractions.size>0){var A=v(f,c);T.onWorkStopped(f.memoizedInteractions,A)}}catch(V){_n(Li,function(){throw V})}finally{var j=f.pendingInteractionMap;j.forEach(function(V,te){te>E&&(j.delete(te),V.forEach(function(le){if(le.__count--,T!==null&&le.__count===0)try{T.onInteractionScheduledWorkCompleted(le)}catch(Be){_n(Li,function(){throw Be})}}))})}}}var _e=null,Ie=null,Et=!1,St=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__!="undefined";function At(f){if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__=="undefined")return!1;var c=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(c.isDisabled)return!0;if(!c.supportsFiber)return We(!1,"The installed version of React DevTools is too old and will not work with the current version of React. Please update React DevTools. https://fb.me/react-devtools"),!0;try{var E=c.inject(f);_e=function(T,A){try{var j=(T.current.effectTag&Xr)===Xr;if(en){var V=Nc(),te=nd(V,A);c.onCommitFiberRoot(E,T,te,j)}else c.onCommitFiberRoot(E,T,void 0,j)}catch(le){Et||(Et=!0,We(!1,"React DevTools encountered an error: %s",le))}},Ie=function(T){try{c.onCommitFiberUnmount(E,T)}catch(A){Et||(Et=!0,We(!1,"React DevTools encountered an error: %s",A))}}}catch(T){We(!1,"React DevTools encountered an error: %s.",T)}return!0}function on(f,c){typeof _e=="function"&&_e(f,c)}function kn(f){typeof Ie=="function"&&Ie(f)}var rr;{rr=!1;try{var br=Object.preventExtensions({}),ar=new Map([[br,null]]),ui=new Set([br]);ar.set(0,0),ui.add(0)}catch(f){rr=!0}}var di=1;function jl(f,c,E,T){this.tag=f,this.key=E,this.elementType=null,this.type=null,this.stateNode=null,this.return=null,this.child=null,this.sibling=null,this.index=0,this.ref=null,this.pendingProps=c,this.memoizedProps=null,this.updateQueue=null,this.memoizedState=null,this.dependencies=null,this.mode=T,this.effectTag=xi,this.nextEffect=null,this.firstEffect=null,this.lastEffect=null,this.expirationTime=at,this.childExpirationTime=at,this.alternate=null,en&&(this.actualDuration=Number.NaN,this.actualStartTime=Number.NaN,this.selfBaseDuration=Number.NaN,this.treeBaseDuration=Number.NaN,this.actualDuration=0,this.actualStartTime=-1,this.selfBaseDuration=0,this.treeBaseDuration=0),Hr&&(this._debugID=di++,this._debugIsCurrentlyTiming=!1),this._debugSource=null,this._debugOwner=null,this._debugNeedsRemount=!1,this._debugHookTypes=null,!rr&&typeof Object.preventExtensions=="function"&&Object.preventExtensions(this)}var Zi=function(f,c,E,T){return new jl(f,c,E,T)};function lo(f){var c=f.prototype;return!!(c&&c.isReactComponent)}function a0(f){return typeof f=="function"&&!lo(f)&&f.defaultProps===void 0}function Os(f){if(typeof f=="function")return lo(f)?O:L;if(f!=null){var c=f.$$typeof;if(c===Mn)return se;if(c===Vt)return me}return C}function To(f,c,E){var T=f.alternate;T===null?(T=Zi(f.tag,c,f.key,f.mode),T.elementType=f.elementType,T.type=f.type,T.stateNode=f.stateNode,T._debugID=f._debugID,T._debugSource=f._debugSource,T._debugOwner=f._debugOwner,T._debugHookTypes=f._debugHookTypes,T.alternate=f,f.alternate=T):(T.pendingProps=c,T.effectTag=xi,T.nextEffect=null,T.firstEffect=null,T.lastEffect=null,en&&(T.actualDuration=0,T.actualStartTime=-1)),T.childExpirationTime=f.childExpirationTime,T.expirationTime=f.expirationTime,T.child=f.child,T.memoizedProps=f.memoizedProps,T.memoizedState=f.memoizedState,T.updateQueue=f.updateQueue;var A=f.dependencies;switch(T.dependencies=A===null?null:{expirationTime:A.expirationTime,firstContext:A.firstContext,responders:A.responders},T.sibling=f.sibling,T.index=f.index,T.ref=f.ref,en&&(T.selfBaseDuration=f.selfBaseDuration,T.treeBaseDuration=f.treeBaseDuration),T._debugNeedsRemount=f._debugNeedsRemount,T.tag){case C:case L:case ie:T.type=r0(f.type);break;case O:T.type=j0(f.type);break;case se:T.type=Df(f.type);break;default:break}return T}function Av(f,c){f.effectTag&=mi,f.nextEffect=null,f.firstEffect=null,f.lastEffect=null;var E=f.alternate;if(E===null)f.childExpirationTime=at,f.expirationTime=c,f.child=null,f.memoizedProps=null,f.memoizedState=null,f.updateQueue=null,f.dependencies=null,en&&(f.selfBaseDuration=0,f.treeBaseDuration=0);else{f.childExpirationTime=E.childExpirationTime,f.expirationTime=E.expirationTime,f.child=E.child,f.memoizedProps=E.memoizedProps,f.memoizedState=E.memoizedState,f.updateQueue=E.updateQueue;var T=E.dependencies;f.dependencies=T===null?null:{expirationTime:T.expirationTime,firstContext:T.firstContext,responders:T.responders},en&&(f.selfBaseDuration=E.selfBaseDuration,f.treeBaseDuration=E.treeBaseDuration)}return f}function k4(f){var c;return f===O0?c=ri|Y|mr:f===B0?c=Y|mr:c=Ar,en&&St&&(c|=ii),Zi(U,null,null,c)}function fy(f,c,E,T,A,j){var V,te=C,le=f;if(typeof f=="function")lo(f)?(te=O,le=j0(le)):le=r0(le);else if(typeof f=="string")te=W;else{e:switch(f){case oe:return nf(E.children,A,j,c);case an:te=he,A|=ri|Y|mr;break;case ze:te=he,A|=mr;break;case ct:return L4(E,A,j,c);case lr:return F4(E,A,j,c);case ln:return P4(E,A,j,c);default:{if(typeof f=="object"&&f!==null)switch(f.$$typeof){case Rt:te=ve;break e;case nn:te=Ee;break e;case Mn:te=se,le=Df(le);break e;case Vt:te=me;break e;case Er:te=Oe,le=null;break e;case w:if(Wt)return qg(f,E,A,j,c);break;case Xn:if(Au)return N4(f,E,A,j,c)}var Be="";{(f===void 0||typeof f=="object"&&f!==null&&Object.keys(f).length===0)&&(Be+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var Ke=T?qt(T.type):null;Ke&&(Be+=`
-
-Check the render method of \``+Ke+"`.")}throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "+(f==null?f:typeof f)+"."+Be)}}}return V=Zi(te,E,c,A),V.elementType=f,V.type=le,V.expirationTime=j,V}function cy(f,c,E){var T=null;T=f._owner;var A=f.type,j=f.key,V=f.props,te=fy(A,j,V,T,c,E);return te._debugSource=f._source,te._debugOwner=f._owner,te}function nf(f,c,E,T){var A=Zi(m,f,T,c);return A.expirationTime=E,A}function qg(f,c,E,T,A){var j=Zi(gt,c,A,E);return j.elementType=f,j.type=f,j.expirationTime=T,j}function N4(f,c,E,T,A){var j=Zi(Xe,c,A,E);return j.type=f,j.elementType=f,j.expirationTime=T,j}function L4(f,c,E,T){(typeof f.id!="string"||typeof f.onRender!="function")&&We(!1,'Profiler must specify an "id" string and "onRender" function as props');var A=Zi(De,f,T,c|ii);return A.elementType=ct,A.type=ct,A.expirationTime=E,A}function F4(f,c,E,T){var A=Zi(pe,f,T,c);return A.type=lr,A.elementType=lr,A.expirationTime=E,A}function P4(f,c,E,T){var A=Zi(yt,f,T,c);return A.type=ln,A.elementType=ln,A.expirationTime=E,A}function dy(f,c,E){var T=Zi(ne,f,null,c);return T.expirationTime=E,T}function I4(){var f=Zi(W,null,null,Ar);return f.elementType="DELETED",f.type="DELETED",f}function b4(f){var c=Zi(qe,null,null,Ar);return c.stateNode=f,c}function py(f,c,E){var T=f.children!==null?f.children:[],A=Zi(H,T,f.key,c);return A.expirationTime=E,A.stateNode={containerInfo:f.containerInfo,pendingChildren:null,implementation:f.implementation},A}function Wg(f,c){return f===null&&(f=Zi(C,null,null,Ar)),f.tag=c.tag,f.key=c.key,f.elementType=c.elementType,f.type=c.type,f.stateNode=c.stateNode,f.return=c.return,f.child=c.child,f.sibling=c.sibling,f.index=c.index,f.ref=c.ref,f.pendingProps=c.pendingProps,f.memoizedProps=c.memoizedProps,f.updateQueue=c.updateQueue,f.memoizedState=c.memoizedState,f.dependencies=c.dependencies,f.mode=c.mode,f.effectTag=c.effectTag,f.nextEffect=c.nextEffect,f.firstEffect=c.firstEffect,f.lastEffect=c.lastEffect,f.expirationTime=c.expirationTime,f.childExpirationTime=c.childExpirationTime,f.alternate=c.alternate,en&&(f.actualDuration=c.actualDuration,f.actualStartTime=c.actualStartTime,f.selfBaseDuration=c.selfBaseDuration,f.treeBaseDuration=c.treeBaseDuration),f._debugID=c._debugID,f._debugSource=c._debugSource,f._debugOwner=c._debugOwner,f._debugIsCurrentlyTiming=c._debugIsCurrentlyTiming,f._debugNeedsRemount=c._debugNeedsRemount,f._debugHookTypes=c._debugHookTypes,f}function B4(f,c,E){this.tag=c,this.current=null,this.containerInfo=f,this.pendingChildren=null,this.pingCache=null,this.finishedExpirationTime=at,this.finishedWork=null,this.timeoutHandle=tl,this.context=null,this.pendingContext=null,this.hydrate=E,this.callbackNode=null,this.callbackPriority=E0,this.firstPendingTime=at,this.firstSuspendedTime=at,this.lastSuspendedTime=at,this.nextKnownPendingLevel=at,this.lastPingedTime=at,this.lastExpiredTime=at,bn&&(this.interactionThreadID=k.unstable_getThreadID(),this.memoizedInteractions=new Set,this.pendingInteractionMap=new Map),Yi&&(this.hydrationCallbacks=null)}function U4(f,c,E,T){var A=new B4(f,c,E);Yi&&(A.hydrationCallbacks=T);var j=k4(c);return A.current=j,j.stateNode=A,A}function Vg(f,c){var E=f.firstSuspendedTime,T=f.lastSuspendedTime;return E!==at&&E>=c&&T<=c}function Wf(f,c){var E=f.firstSuspendedTime,T=f.lastSuspendedTime;E<c&&(f.firstSuspendedTime=c),(T>c||E===at)&&(f.lastSuspendedTime=c),c<=f.lastPingedTime&&(f.lastPingedTime=at),c<=f.lastExpiredTime&&(f.lastExpiredTime=at)}function Gg(f,c){var E=f.firstPendingTime;c>E&&(f.firstPendingTime=c);var T=f.firstSuspendedTime;T!==at&&(c>=T?f.firstSuspendedTime=f.lastSuspendedTime=f.nextKnownPendingLevel=at:c>=f.lastSuspendedTime&&(f.lastSuspendedTime=c+1),c>f.nextKnownPendingLevel&&(f.nextKnownPendingLevel=c))}function j4(f,c,E){f.firstPendingTime=E,c<=f.lastSuspendedTime?f.firstSuspendedTime=f.lastSuspendedTime=f.nextKnownPendingLevel=at:c<=f.firstSuspendedTime&&(f.firstSuspendedTime=c-1),c<=f.lastPingedTime&&(f.lastPingedTime=at),c<=f.lastExpiredTime&&(f.lastExpiredTime=at)}function Wp(f,c){var E=f.lastExpiredTime;(E===at||E>c)&&(f.lastExpiredTime=c)}var z4={debugTool:null},Ov=z4,hy,vy;hy=!1,vy={};function H4(f){if(!f)return Rn;var c=Ft(f),E=Cl(c);if(c.tag===O){var T=c.type;if(Xi(T))return A0(c,T,E)}return E}function my(f){var c=Ft(f);if(c===void 0)throw typeof f.render=="function"?Error("Unable to find node on an unmounted component."):Error("Argument appears to not be a ReactComponent. Keys: "+Object.keys(f));var E=I0(c);return E===null?null:E.stateNode}function q4(f,c){{var E=Ft(f);if(E===void 0)throw typeof f.render=="function"?Error("Unable to find node on an unmounted component."):Error("Argument appears to not be a ReactComponent. Keys: "+Object.keys(f));var T=I0(E);if(T===null)return null;if(T.mode&mr){var A=qt(E.type)||"Component";vy[A]||(vy[A]=!0,E.mode&mr?We(!1,"%s is deprecated in StrictMode. %s was passed an instance of %s which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node%s",c,c,A,Cr(T)):We(!1,"%s is deprecated in StrictMode. %s was passed an instance of %s which renders StrictMode children. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node%s",c,c,A,Cr(T)))}return T.stateNode}return my(f)}function W4(f,c,E,T){return U4(f,c,E,T)}function Yg(f,c,E,T){var A=c.current,j=Ul();typeof jest!="undefined"&&(sy(A),Hp(A));var V=go(),te=jf(j,A,V);Ov.debugTool&&(A.alternate===null?Ov.debugTool.onMountContainer(c):f===null?Ov.debugTool.onUnmountContainer(c):Ov.debugTool.onUpdateContainer(c));var le=H4(E);c.context===null?c.context=le:c.pendingContext=le,Nr==="render"&&An!==null&&!hy&&(hy=!0,We(!1,`Render methods should be a pure function of props and state; triggering nested component updates from render is not allowed. If necessary, trigger nested updates in componentDidUpdate.
-
-Check the render method of %s.`,qt(An.type)||"Unknown"));var Be=Cu(te,V);return Be.payload={element:f},T=T===void 0?null:T,T!==null&&(typeof T!="function"&&We(!1,"render(...): Expected the last optional `callback` argument to be a function. Instead received: %s.",T),Be.callback=T),Va(A,Be),ml(A,te),te}function V4(f){var c=f.current;if(!c.child)return null;switch(c.child.tag){case W:return No(c.child.stateNode);default:return c.child.stateNode}}function G4(f){switch(f.tag){case U:var c=f.stateNode;c.hydrate&&Um(c,c.firstPendingTime);break;case pe:Ap(function(){return ml(f,Un)});var E=Ua(Ul());Mv(f,E);break}}function Kg(f,c){var E=f.memoizedState;E!==null&&E.dehydrated!==null&&E.retryTime<c&&(E.retryTime=c)}function Mv(f,c){Kg(f,c);var E=f.alternate;E&&Kg(E,c)}function Y4(f){if(f.tag===pe){var c=Ua(Ul());ml(f,c),Mv(f,c)}}function yy(f){if(f.tag===pe){var c=E2(Ul());ml(f,c),Mv(f,c)}}function K4(f){if(f.tag===pe){var c=Ul(),E=jf(c,f,null);ml(f,E),Mv(f,E)}}function X4(f){var c=wl(f);return c===null?null:c.tag===gt?c.stateNode.instance:c.stateNode}var gy=function(f){return!1};function Xg(f){return gy(f)}var Qg=null,Jg=null,Zg=null,$g=null;{var _y=function(f,c,E,T){if(E>=c.length)return T;var A=c[E],j=Array.isArray(f)?f.slice():a({},f);return j[A]=_y(f[A],c,E+1,T),j},e_=function(f,c,E){return _y(f,c,0,E)};Qg=function(f,c,E,T){for(var A=f.memoizedState;A!==null&&c>0;)A=A.next,c--;if(A!==null){var j=e_(A.memoizedState,E,T);A.memoizedState=j,A.baseState=j,f.memoizedProps=a({},f.memoizedProps),ml(f,Un)}},Jg=function(f,c,E){f.pendingProps=e_(f.memoizedProps,c,E),f.alternate&&(f.alternate.pendingProps=f.pendingProps),ml(f,Un)},Zg=function(f){ml(f,Un)},$g=function(f){gy=f}}function Q4(f){var c=f.findFiberByHostInstance,E=rt.ReactCurrentDispatcher;return At(a({},f,{overrideHookState:Qg,overrideProps:Jg,setSuspenseHandler:$g,scheduleUpdate:Zg,currentDispatcherRef:E,findHostInstanceByFiber:function(T){var A=I0(T);return A===null?null:A.stateNode},findFiberByHostInstance:function(T){return c?c(T):null},findHostInstancesForRefresh:ud,scheduleRefresh:Al,scheduleRoot:Ts,setRefreshHandler:qa,getCurrentFiber:function(){return An}}))}var t_=Object.freeze({createContainer:W4,updateContainer:Yg,batchedEventUpdates:qm,batchedUpdates:Hm,unbatchedUpdates:Wm,deferredUpdates:jm,syncUpdates:fv,discreteUpdates:cv,flushDiscreteUpdates:av,flushControlled:Vm,flushSync:Ap,flushPassiveEffects:tf,IsThisRendererActing:qf,getPublicRootInstance:V4,attemptSynchronousHydration:G4,attemptUserBlockingHydration:Y4,attemptContinuousHydration:yy,attemptHydrationAtCurrentPriority:K4,findHostInstance:my,findHostInstanceWithWarning:q4,findHostInstanceWithNoPortals:X4,shouldSuspend:Xg,injectIntoDevTools:Q4}),J4=t_.default||t_;qy.exports=J4;var Z4=qy.exports;return qy.exports=i,Z4})});var IS=tt((RH,vD)=>{"use strict";process.env.NODE_ENV==="production"?vD.exports=MS():vD.exports=PS()});var BS=tt((AH,bS)=>{"use strict";var AP={ALIGN_COUNT:8,ALIGN_AUTO:0,ALIGN_FLEX_START:1,ALIGN_CENTER:2,ALIGN_FLEX_END:3,ALIGN_STRETCH:4,ALIGN_BASELINE:5,ALIGN_SPACE_BETWEEN:6,ALIGN_SPACE_AROUND:7,DIMENSION_COUNT:2,DIMENSION_WIDTH:0,DIMENSION_HEIGHT:1,DIRECTION_COUNT:3,DIRECTION_INHERIT:0,DIRECTION_LTR:1,DIRECTION_RTL:2,DISPLAY_COUNT:2,DISPLAY_FLEX:0,DISPLAY_NONE:1,EDGE_COUNT:9,EDGE_LEFT:0,EDGE_TOP:1,EDGE_RIGHT:2,EDGE_BOTTOM:3,EDGE_START:4,EDGE_END:5,EDGE_HORIZONTAL:6,EDGE_VERTICAL:7,EDGE_ALL:8,EXPERIMENTAL_FEATURE_COUNT:1,EXPERIMENTAL_FEATURE_WEB_FLEX_BASIS:0,FLEX_DIRECTION_COUNT:4,FLEX_DIRECTION_COLUMN:0,FLEX_DIRECTION_COLUMN_REVERSE:1,FLEX_DIRECTION_ROW:2,FLEX_DIRECTION_ROW_REVERSE:3,JUSTIFY_COUNT:6,JUSTIFY_FLEX_START:0,JUSTIFY_CENTER:1,JUSTIFY_FLEX_END:2,JUSTIFY_SPACE_BETWEEN:3,JUSTIFY_SPACE_AROUND:4,JUSTIFY_SPACE_EVENLY:5,LOG_LEVEL_COUNT:6,LOG_LEVEL_ERROR:0,LOG_LEVEL_WARN:1,LOG_LEVEL_INFO:2,LOG_LEVEL_DEBUG:3,LOG_LEVEL_VERBOSE:4,LOG_LEVEL_FATAL:5,MEASURE_MODE_COUNT:3,MEASURE_MODE_UNDEFINED:0,MEASURE_MODE_EXACTLY:1,MEASURE_MODE_AT_MOST:2,NODE_TYPE_COUNT:2,NODE_TYPE_DEFAULT:0,NODE_TYPE_TEXT:1,OVERFLOW_COUNT:3,OVERFLOW_VISIBLE:0,OVERFLOW_HIDDEN:1,OVERFLOW_SCROLL:2,POSITION_TYPE_COUNT:2,POSITION_TYPE_RELATIVE:0,POSITION_TYPE_ABSOLUTE:1,PRINT_OPTIONS_COUNT:3,PRINT_OPTIONS_LAYOUT:1,PRINT_OPTIONS_STYLE:2,PRINT_OPTIONS_CHILDREN:4,UNIT_COUNT:4,UNIT_UNDEFINED:0,UNIT_POINT:1,UNIT_PERCENT:2,UNIT_AUTO:3,WRAP_COUNT:3,WRAP_NO_WRAP:0,WRAP_WRAP:1,WRAP_WRAP_REVERSE:2};bS.exports=AP});var HS=tt((OH,US)=>{"use strict";var OP=Object.assign||function(i){for(var o=1;o<arguments.length;o++){var a=arguments[o];for(var p in a)Object.prototype.hasOwnProperty.call(a,p)&&(i[p]=a[p])}return i},B_=function(){function i(o,a){for(var p=0;p<a.length;p++){var _=a[p];_.enumerable=_.enumerable||!1,_.configurable=!0,"value"in _&&(_.writable=!0),Object.defineProperty(o,_.key,_)}}return function(o,a,p){return a&&i(o.prototype,a),p&&i(o,p),o}}();function mD(i,o,a){return o in i?Object.defineProperty(i,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):i[o]=a,i}function yD(i,o){if(!(i instanceof o))throw new TypeError("Cannot call a class as a function")}var tc=BS(),MP=function(){function i(o,a,p,_,t,k){yD(this,i),this.left=o,this.right=a,this.top=p,this.bottom=_,this.width=t,this.height=k}return B_(i,[{key:"fromJS",value:function(a){a(this.left,this.right,this.top,this.bottom,this.width,this.height)}},{key:"toString",value:function(){return"<Layout#"+this.left+":"+this.right+";"+this.top+":"+this.bottom+";"+this.width+":"+this.height+">"}}]),i}(),jS=function(){B_(i,null,[{key:"fromJS",value:function(a){var p=a.width,_=a.height;return new i(p,_)}}]);function i(o,a){yD(this,i),this.width=o,this.height=a}return B_(i,[{key:"fromJS",value:function(a){a(this.width,this.height)}},{key:"toString",value:function(){return"<Size#"+this.width+"x"+this.height+">"}}]),i}(),zS=function(){function i(o,a){yD(this,i),this.unit=o,this.value=a}return B_(i,[{key:"fromJS",value:function(a){a(this.unit,this.value)}},{key:"toString",value:function(){switch(this.unit){case tc.UNIT_POINT:return String(this.value);case tc.UNIT_PERCENT:return this.value+"%";case tc.UNIT_AUTO:return"auto";default:return this.value+"?"}}},{key:"valueOf",value:function(){return this.value}}]),i}();US.exports=function(i,o){function a(k,L,O){var C=k[L];k[L]=function(){for(var U=arguments.length,H=Array(U),W=0;W<U;W++)H[W]=arguments[W];return O.call.apply(O,[this,C].concat(H))}}for(var p=["setPosition","setMargin","setFlexBasis","setWidth","setHeight","setMinWidth","setMinHeight","setMaxWidth","setMaxHeight","setPadding"],_=function(){var L,O=p[t],C=(L={},mD(L,tc.UNIT_POINT,o.Node.prototype[O]),mD(L,tc.UNIT_PERCENT,o.Node.prototype[O+"Percent"]),mD(L,tc.UNIT_AUTO,o.Node.prototype[O+"Auto"]),L);a(o.Node.prototype,O,function(U){for(var H=arguments.length,W=Array(H>1?H-1:0),ne=1;ne<H;ne++)W[ne-1]=arguments[ne];var m=W.pop(),he=void 0,Ee=void 0;if(m==="auto")he=tc.UNIT_AUTO,Ee=void 0;else if(m instanceof zS)he=m.unit,Ee=m.valueOf();else if(he=typeof m=="string"&&m.endsWith("%")?tc.UNIT_PERCENT:tc.UNIT_POINT,Ee=parseFloat(m),!Number.isNaN(m)&&Number.isNaN(Ee))throw new Error("Invalid value "+m+" for "+O);if(!C[he])throw new Error('Failed to execute "'+O+`": Unsupported unit '`+m+"'");if(Ee!==void 0){var ve;return(ve=C[he]).call.apply(ve,[this].concat(W,[Ee]))}else{var se;return(se=C[he]).call.apply(se,[this].concat(W))}})},t=0;t<p.length;t++)_();return a(o.Config.prototype,"free",function(){o.Config.destroy(this)}),a(o.Node,"create",function(k,L){return L?o.Node.createWithConfig(L):o.Node.createDefault()}),a(o.Node.prototype,"free",function(){o.Node.destroy(this)}),a(o.Node.prototype,"freeRecursive",function(){for(var k=0,L=this.getChildCount();k<L;++k)this.getChild(0).freeRecursive();this.free()}),a(o.Node.prototype,"setMeasureFunc",function(k,L){return L?k.call(this,function(){return jS.fromJS(L.apply(void 0,arguments))}):this.unsetMeasureFunc()}),a(o.Node.prototype,"calculateLayout",function(k){var L=arguments.length>1&&arguments[1]!==void 0?arguments[1]:NaN,O=arguments.length>2&&arguments[2]!==void 0?arguments[2]:NaN,C=arguments.length>3&&arguments[3]!==void 0?arguments[3]:tc.DIRECTION_LTR;return k.call(this,L,O,C)}),OP({Config:o.Config,Node:o.Node,Layout:i("Layout",MP),Size:i("Size",jS),Value:i("Value",zS),getInstanceCount:function(){return o.getInstanceCount.apply(o,arguments)}},tc)}});var qS=tt((exports,module)=>{(function(i,o){typeof define=="function"&&define.amd?define([],function(){return o}):typeof module=="object"&&module.exports?module.exports=o:(i.nbind=i.nbind||{}).init=o})(exports,function(Module,cb){typeof Module=="function"&&(cb=Module,Module={}),Module.onRuntimeInitialized=function(i,o){return function(){i&&i.apply(this,arguments);try{Module.ccall("nbind_init")}catch(a){o(a);return}o(null,{bind:Module._nbind_value,reflect:Module.NBind.reflect,queryType:Module.NBind.queryType,toggleLightGC:Module.toggleLightGC,lib:Module})}}(Module.onRuntimeInitialized,cb);var Module;Module||(Module=(typeof Module!="undefined"?Module:null)||{});var moduleOverrides={};for(var key in Module)Module.hasOwnProperty(key)&&(moduleOverrides[key]=Module[key]);var ENVIRONMENT_IS_WEB=!1,ENVIRONMENT_IS_WORKER=!1,ENVIRONMENT_IS_NODE=!1,ENVIRONMENT_IS_SHELL=!1;if(Module.ENVIRONMENT)if(Module.ENVIRONMENT==="WEB")ENVIRONMENT_IS_WEB=!0;else if(Module.ENVIRONMENT==="WORKER")ENVIRONMENT_IS_WORKER=!0;else if(Module.ENVIRONMENT==="NODE")ENVIRONMENT_IS_NODE=!0;else if(Module.ENVIRONMENT==="SHELL")ENVIRONMENT_IS_SHELL=!0;else throw new Error("The provided Module['ENVIRONMENT'] value is not valid. It must be one of: WEB|WORKER|NODE|SHELL.");else ENVIRONMENT_IS_WEB=typeof window=="object",ENVIRONMENT_IS_WORKER=typeof importScripts=="function",ENVIRONMENT_IS_NODE=typeof process=="object"&&typeof require=="function"&&!ENVIRONMENT_IS_WEB&&!ENVIRONMENT_IS_WORKER,ENVIRONMENT_IS_SHELL=!ENVIRONMENT_IS_WEB&&!ENVIRONMENT_IS_NODE&&!ENVIRONMENT_IS_WORKER;if(ENVIRONMENT_IS_NODE){Module.print||(Module.print=console.log),Module.printErr||(Module.printErr=console.warn);var nodeFS,nodePath;Module.read=function(o,a){nodeFS||(nodeFS={}("")),nodePath||(nodePath={}("")),o=nodePath.normalize(o);var p=nodeFS.readFileSync(o);return a?p:p.toString()},Module.readBinary=function(o){var a=Module.read(o,!0);return a.buffer||(a=new Uint8Array(a)),assert(a.buffer),a},Module.load=function(o){globalEval(read(o))},Module.thisProgram||(process.argv.length>1?Module.thisProgram=process.argv[1].replace(/\\/g,"/"):Module.thisProgram="unknown-program"),Module.arguments=process.argv.slice(2),typeof module!="undefined"&&(module.exports=Module),Module.inspect=function(){return"[Emscripten Module object]"}}else if(ENVIRONMENT_IS_SHELL)Module.print||(Module.print=print),typeof printErr!="undefined"&&(Module.printErr=printErr),typeof read!="undefined"?Module.read=read:Module.read=function(){throw"no read() available"},Module.readBinary=function(o){if(typeof readbuffer=="function")return new Uint8Array(readbuffer(o));var a=read(o,"binary");return assert(typeof a=="object"),a},typeof scriptArgs!="undefined"?Module.arguments=scriptArgs:typeof arguments!="undefined"&&(Module.arguments=arguments),typeof quit=="function"&&(Module.quit=function(i,o){quit(i)});else if(ENVIRONMENT_IS_WEB||ENVIRONMENT_IS_WORKER){if(Module.read=function(o){var a=new XMLHttpRequest;return a.open("GET",o,!1),a.send(null),a.responseText},ENVIRONMENT_IS_WORKER&&(Module.readBinary=function(o){var a=new XMLHttpRequest;return a.open("GET",o,!1),a.responseType="arraybuffer",a.send(null),new Uint8Array(a.response)}),Module.readAsync=function(o,a,p){var _=new XMLHttpRequest;_.open("GET",o,!0),_.responseType="arraybuffer",_.onload=function(){_.status==200||_.status==0&&_.response?a(_.response):p()},_.onerror=p,_.send(null)},typeof arguments!="undefined"&&(Module.arguments=arguments),typeof console!="undefined")Module.print||(Module.print=function(o){console.log(o)}),Module.printErr||(Module.printErr=function(o){console.warn(o)});else{var TRY_USE_DUMP=!1;Module.print||(Module.print=TRY_USE_DUMP&&typeof dump!="undefined"?function(i){dump(i)}:function(i){})}ENVIRONMENT_IS_WORKER&&(Module.load=importScripts),typeof Module.setWindowTitle=="undefined"&&(Module.setWindowTitle=function(i){document.title=i})}else throw"Unknown runtime environment. Where are we?";function globalEval(i){eval.call(null,i)}!Module.load&&Module.read&&(Module.load=function(o){globalEval(Module.read(o))}),Module.print||(Module.print=function(){}),Module.printErr||(Module.printErr=Module.print),Module.arguments||(Module.arguments=[]),Module.thisProgram||(Module.thisProgram="./this.program"),Module.quit||(Module.quit=function(i,o){throw o}),Module.print=Module.print,Module.printErr=Module.printErr,Module.preRun=[],Module.postRun=[];for(var key in moduleOverrides)moduleOverrides.hasOwnProperty(key)&&(Module[key]=moduleOverrides[key]);moduleOverrides=void 0;var Runtime={setTempRet0:function(i){return tempRet0=i,i},getTempRet0:function(){return tempRet0},stackSave:function(){return STACKTOP},stackRestore:function(i){STACKTOP=i},getNativeTypeSize:function(i){switch(i){case"i1":case"i8":return 1;case"i16":return 2;case"i32":return 4;case"i64":return 8;case"float":return 4;case"double":return 8;default:{if(i[i.length-1]==="*")return Runtime.QUANTUM_SIZE;if(i[0]==="i"){var o=parseInt(i.substr(1));return assert(o%8==0),o/8}else return 0}}},getNativeFieldSize:function(i){return Math.max(Runtime.getNativeTypeSize(i),Runtime.QUANTUM_SIZE)},STACK_ALIGN:16,prepVararg:function(i,o){return o==="double"||o==="i64"?i&7&&(assert((i&7)==4),i+=4):assert((i&3)==0),i},getAlignSize:function(i,o,a){return!a&&(i=="i64"||i=="double")?8:i?Math.min(o||(i?Runtime.getNativeFieldSize(i):0),Runtime.QUANTUM_SIZE):Math.min(o,8)},dynCall:function(i,o,a){return a&&a.length?Module["dynCall_"+i].apply(null,[o].concat(a)):Module["dynCall_"+i].call(null,o)},functionPointers:[],addFunction:function(i){for(var o=0;o<Runtime.functionPointers.length;o++)if(!Runtime.functionPointers[o])return Runtime.functionPointers[o]=i,2*(1+o);throw"Finished up all reserved function pointers. Use a higher value for RESERVED_FUNCTION_POINTERS."},removeFunction:function(i){Runtime.functionPointers[(i-2)/2]=null},warnOnce:function(i){Runtime.warnOnce.shown||(Runtime.warnOnce.shown={}),Runtime.warnOnce.shown[i]||(Runtime.warnOnce.shown[i]=1,Module.printErr(i))},funcWrappers:{},getFuncWrapper:function(i,o){if(!!i){assert(o),Runtime.funcWrappers[o]||(Runtime.funcWrappers[o]={});var a=Runtime.funcWrappers[o];return a[i]||(o.length===1?a[i]=function(){return Runtime.dynCall(o,i)}:o.length===2?a[i]=function(_){return Runtime.dynCall(o,i,[_])}:a[i]=function(){return Runtime.dynCall(o,i,Array.prototype.slice.call(arguments))}),a[i]}},getCompilerSetting:function(i){throw"You must build with -s RETAIN_COMPILER_SETTINGS=1 for Runtime.getCompilerSetting or emscripten_get_compiler_setting to work"},stackAlloc:function(i){var o=STACKTOP;return STACKTOP=STACKTOP+i|0,STACKTOP=STACKTOP+15&-16,o},staticAlloc:function(i){var o=STATICTOP;return STATICTOP=STATICTOP+i|0,STATICTOP=STATICTOP+15&-16,o},dynamicAlloc:function(i){var o=HEAP32[DYNAMICTOP_PTR>>2],a=(o+i+15|0)&-16;if(HEAP32[DYNAMICTOP_PTR>>2]=a,a>=TOTAL_MEMORY){var p=enlargeMemory();if(!p)return HEAP32[DYNAMICTOP_PTR>>2]=o,0}return o},alignMemory:function(i,o){var a=i=Math.ceil(i/(o||16))*(o||16);return a},makeBigInt:function(i,o,a){var p=a?+(i>>>0)+ +(o>>>0)*4294967296:+(i>>>0)+ +(o|0)*4294967296;return p},GLOBAL_BASE:8,QUANTUM_SIZE:4,__dummy__:0};Module.Runtime=Runtime;var ABORT=0,EXITSTATUS=0;function assert(i,o){i||abort("Assertion failed: "+o)}function getCFunc(ident){var func=Module["_"+ident];if(!func)try{func=eval("_"+ident)}catch(i){}return assert(func,"Cannot call unknown function "+ident+" (perhaps LLVM optimizations or closure removed it?)"),func}var cwrap,ccall;(function(){var JSfuncs={stackSave:function(){Runtime.stackSave()},stackRestore:function(){Runtime.stackRestore()},arrayToC:function(i){var o=Runtime.stackAlloc(i.length);return writeArrayToMemory(i,o),o},stringToC:function(i){var o=0;if(i!=null&&i!==0){var a=(i.length<<2)+1;o=Runtime.stackAlloc(a),stringToUTF8(i,o,a)}return o}},toC={string:JSfuncs.stringToC,array:JSfuncs.arrayToC};ccall=function(o,a,p,_,t){var k=getCFunc(o),L=[],O=0;if(_)for(var C=0;C<_.length;C++){var U=toC[p[C]];U?(O===0&&(O=Runtime.stackSave()),L[C]=U(_[C])):L[C]=_[C]}var H=k.apply(null,L);if(a==="string"&&(H=Pointer_stringify(H)),O!==0){if(t&&t.async){EmterpreterAsync.asyncFinalizers.push(function(){Runtime.stackRestore(O)});return}Runtime.stackRestore(O)}return H};var sourceRegex=/^function\s*[a-zA-Z$_0-9]*\s*\(([^)]*)\)\s*{\s*([^*]*?)[\s;]*(?:return\s*(.*?)[;\s]*)?}$/;function parseJSFunc(i){var o=i.toString().match(sourceRegex).slice(1);return{arguments:o[0],body:o[1],returnValue:o[2]}}var JSsource=null;function ensureJSsource(){if(!JSsource){JSsource={};for(var i in JSfuncs)JSfuncs.hasOwnProperty(i)&&(JSsource[i]=parseJSFunc(JSfuncs[i]))}}cwrap=function(ident,returnType,argTypes){argTypes=argTypes||[];var cfunc=getCFunc(ident),numericArgs=argTypes.every(function(i){return i==="number"}),numericRet=returnType!=="string";if(numericRet&&numericArgs)return cfunc;var argNames=argTypes.map(function(i,o){return"$"+o}),funcstr="(function("+argNames.join(",")+") {",nargs=argTypes.length;if(!numericArgs){ensureJSsource(),funcstr+="var stack = "+JSsource.stackSave.body+";";for(var i=0;i<nargs;i++){var arg=argNames[i],type=argTypes[i];if(type!=="number"){var convertCode=JSsource[type+"ToC"];funcstr+="var "+convertCode.arguments+" = "+arg+";",funcstr+=convertCode.body+";",funcstr+=arg+"=("+convertCode.returnValue+");"}}}var cfuncname=parseJSFunc(function(){return cfunc}).returnValue;if(funcstr+="var ret = "+cfuncname+"("+argNames.join(",")+");",!numericRet){var strgfy=parseJSFunc(function(){return Pointer_stringify}).returnValue;funcstr+="ret = "+strgfy+"(ret);"}return numericArgs||(ensureJSsource(),funcstr+=JSsource.stackRestore.body.replace("()","(stack)")+";"),funcstr+="return ret})",eval(funcstr)}})(),Module.ccall=ccall,Module.cwrap=cwrap;function setValue(i,o,a,p){switch(a=a||"i8",a.charAt(a.length-1)==="*"&&(a="i32"),a){case"i1":HEAP8[i>>0]=o;break;case"i8":HEAP8[i>>0]=o;break;case"i16":HEAP16[i>>1]=o;break;case"i32":HEAP32[i>>2]=o;break;case"i64":tempI64=[o>>>0,(tempDouble=o,+Math_abs(tempDouble)>=1?tempDouble>0?(Math_min(+Math_floor(tempDouble/4294967296),4294967295)|0)>>>0:~~+Math_ceil((tempDouble-+(~~tempDouble>>>0))/4294967296)>>>0:0)],HEAP32[i>>2]=tempI64[0],HEAP32[i+4>>2]=tempI64[1];break;case"float":HEAPF32[i>>2]=o;break;case"double":HEAPF64[i>>3]=o;break;default:abort("invalid type for setValue: "+a)}}Module.setValue=setValue;function getValue(i,o,a){switch(o=o||"i8",o.charAt(o.length-1)==="*"&&(o="i32"),o){case"i1":return HEAP8[i>>0];case"i8":return HEAP8[i>>0];case"i16":return HEAP16[i>>1];case"i32":return HEAP32[i>>2];case"i64":return HEAP32[i>>2];case"float":return HEAPF32[i>>2];case"double":return HEAPF64[i>>3];default:abort("invalid type for setValue: "+o)}return null}Module.getValue=getValue;var ALLOC_NORMAL=0,ALLOC_STACK=1,ALLOC_STATIC=2,ALLOC_DYNAMIC=3,ALLOC_NONE=4;Module.ALLOC_NORMAL=ALLOC_NORMAL,Module.ALLOC_STACK=ALLOC_STACK,Module.ALLOC_STATIC=ALLOC_STATIC,Module.ALLOC_DYNAMIC=ALLOC_DYNAMIC,Module.ALLOC_NONE=ALLOC_NONE;function allocate(i,o,a,p){var _,t;typeof i=="number"?(_=!0,t=i):(_=!1,t=i.length);var k=typeof o=="string"?o:null,L;if(a==ALLOC_NONE?L=p:L=[typeof _malloc=="function"?_malloc:Runtime.staticAlloc,Runtime.stackAlloc,Runtime.staticAlloc,Runtime.dynamicAlloc][a===void 0?ALLOC_STATIC:a](Math.max(t,k?1:o.length)),_){var p=L,O;for(assert((L&3)==0),O=L+(t&~3);p<O;p+=4)HEAP32[p>>2]=0;for(O=L+t;p<O;)HEAP8[p++>>0]=0;return L}if(k==="i8")return i.subarray||i.slice?HEAPU8.set(i,L):HEAPU8.set(new Uint8Array(i),L),L;for(var C=0,U,H,W;C<t;){var ne=i[C];if(typeof ne=="function"&&(ne=Runtime.getFunctionIndex(ne)),U=k||o[C],U===0){C++;continue}U=="i64"&&(U="i32"),setValue(L+C,ne,U),W!==U&&(H=Runtime.getNativeTypeSize(U),W=U),C+=H}return L}Module.allocate=allocate;function getMemory(i){return staticSealed?runtimeInitialized?_malloc(i):Runtime.dynamicAlloc(i):Runtime.staticAlloc(i)}Module.getMemory=getMemory;function Pointer_stringify(i,o){if(o===0||!i)return"";for(var a=0,p,_=0;p=HEAPU8[i+_>>0],a|=p,!(p==0&&!o||(_++,o&&_==o)););o||(o=_);var t="";if(a<128){for(var k=1024,L;o>0;)L=String.fromCharCode.apply(String,HEAPU8.subarray(i,i+Math.min(o,k))),t=t?t+L:L,i+=k,o-=k;return t}return Module.UTF8ToString(i)}Module.Pointer_stringify=Pointer_stringify;function AsciiToString(i){for(var o="";;){var a=HEAP8[i++>>0];if(!a)return o;o+=String.fromCharCode(a)}}Module.AsciiToString=AsciiToString;function stringToAscii(i,o){return writeAsciiToMemory(i,o,!1)}Module.stringToAscii=stringToAscii;var UTF8Decoder=typeof TextDecoder!="undefined"?new TextDecoder("utf8"):void 0;function UTF8ArrayToString(i,o){for(var a=o;i[a];)++a;if(a-o>16&&i.subarray&&UTF8Decoder)return UTF8Decoder.decode(i.subarray(o,a));for(var p,_,t,k,L,O,C="";;){if(p=i[o++],!p)return C;if(!(p&128)){C+=String.fromCharCode(p);continue}if(_=i[o++]&63,(p&224)==192){C+=String.fromCharCode((p&31)<<6|_);continue}if(t=i[o++]&63,(p&240)==224?p=(p&15)<<12|_<<6|t:(k=i[o++]&63,(p&248)==240?p=(p&7)<<18|_<<12|t<<6|k:(L=i[o++]&63,(p&252)==248?p=(p&3)<<24|_<<18|t<<12|k<<6|L:(O=i[o++]&63,p=(p&1)<<30|_<<24|t<<18|k<<12|L<<6|O))),p<65536)C+=String.fromCharCode(p);else{var U=p-65536;C+=String.fromCharCode(55296|U>>10,56320|U&1023)}}}Module.UTF8ArrayToString=UTF8ArrayToString;function UTF8ToString(i){return UTF8ArrayToString(HEAPU8,i)}Module.UTF8ToString=UTF8ToString;function stringToUTF8Array(i,o,a,p){if(!(p>0))return 0;for(var _=a,t=a+p-1,k=0;k<i.length;++k){var L=i.charCodeAt(k);if(L>=55296&&L<=57343&&(L=65536+((L&1023)<<10)|i.charCodeAt(++k)&1023),L<=127){if(a>=t)break;o[a++]=L}else if(L<=2047){if(a+1>=t)break;o[a++]=192|L>>6,o[a++]=128|L&63}else if(L<=65535){if(a+2>=t)break;o[a++]=224|L>>12,o[a++]=128|L>>6&63,o[a++]=128|L&63}else if(L<=2097151){if(a+3>=t)break;o[a++]=240|L>>18,o[a++]=128|L>>12&63,o[a++]=128|L>>6&63,o[a++]=128|L&63}else if(L<=67108863){if(a+4>=t)break;o[a++]=248|L>>24,o[a++]=128|L>>18&63,o[a++]=128|L>>12&63,o[a++]=128|L>>6&63,o[a++]=128|L&63}else{if(a+5>=t)break;o[a++]=252|L>>30,o[a++]=128|L>>24&63,o[a++]=128|L>>18&63,o[a++]=128|L>>12&63,o[a++]=128|L>>6&63,o[a++]=128|L&63}}return o[a]=0,a-_}Module.stringToUTF8Array=stringToUTF8Array;function stringToUTF8(i,o,a){return stringToUTF8Array(i,HEAPU8,o,a)}Module.stringToUTF8=stringToUTF8;function lengthBytesUTF8(i){for(var o=0,a=0;a<i.length;++a){var p=i.charCodeAt(a);p>=55296&&p<=57343&&(p=65536+((p&1023)<<10)|i.charCodeAt(++a)&1023),p<=127?++o:p<=2047?o+=2:p<=65535?o+=3:p<=2097151?o+=4:p<=67108863?o+=5:o+=6}return o}Module.lengthBytesUTF8=lengthBytesUTF8;var UTF16Decoder=typeof TextDecoder!="undefined"?new TextDecoder("utf-16le"):void 0;function demangle(i){var o=Module.___cxa_demangle||Module.__cxa_demangle;if(o){try{var a=i.substr(1),p=lengthBytesUTF8(a)+1,_=_malloc(p);stringToUTF8(a,_,p);var t=_malloc(4),k=o(_,0,0,t);if(getValue(t,"i32")===0&&k)return Pointer_stringify(k)}catch(L){}finally{_&&_free(_),t&&_free(t),k&&_free(k)}return i}return Runtime.warnOnce("warning: build with  -s DEMANGLE_SUPPORT=1  to link in libcxxabi demangling"),i}function demangleAll(i){var o=/__Z[\w\d_]+/g;return i.replace(o,function(a){var p=demangle(a);return a===p?a:a+" ["+p+"]"})}function jsStackTrace(){var i=new Error;if(!i.stack){try{throw new Error(0)}catch(o){i=o}if(!i.stack)return"(no stack trace available)"}return i.stack.toString()}function stackTrace(){var i=jsStackTrace();return Module.extraStackTrace&&(i+=`
-`+Module.extraStackTrace()),demangleAll(i)}Module.stackTrace=stackTrace;var HEAP,buffer,HEAP8,HEAPU8,HEAP16,HEAPU16,HEAP32,HEAPU32,HEAPF32,HEAPF64;function updateGlobalBufferViews(){Module.HEAP8=HEAP8=new Int8Array(buffer),Module.HEAP16=HEAP16=new Int16Array(buffer),Module.HEAP32=HEAP32=new Int32Array(buffer),Module.HEAPU8=HEAPU8=new Uint8Array(buffer),Module.HEAPU16=HEAPU16=new Uint16Array(buffer),Module.HEAPU32=HEAPU32=new Uint32Array(buffer),Module.HEAPF32=HEAPF32=new Float32Array(buffer),Module.HEAPF64=HEAPF64=new Float64Array(buffer)}var STATIC_BASE,STATICTOP,staticSealed,STACK_BASE,STACKTOP,STACK_MAX,DYNAMIC_BASE,DYNAMICTOP_PTR;STATIC_BASE=STATICTOP=STACK_BASE=STACKTOP=STACK_MAX=DYNAMIC_BASE=DYNAMICTOP_PTR=0,staticSealed=!1;function abortOnCannotGrowMemory(){abort("Cannot enlarge memory arrays. Either (1) compile with  -s TOTAL_MEMORY=X  with X higher than the current value "+TOTAL_MEMORY+", (2) compile with  -s ALLOW_MEMORY_GROWTH=1  which allows increasing the size at runtime but prevents some optimizations, (3) set Module.TOTAL_MEMORY to a higher value before the program runs, or (4) if you want malloc to return NULL (0) instead of this abort, compile with  -s ABORTING_MALLOC=0 ")}function enlargeMemory(){abortOnCannotGrowMemory()}var TOTAL_STACK=Module.TOTAL_STACK||5242880,TOTAL_MEMORY=Module.TOTAL_MEMORY||134217728;TOTAL_MEMORY<TOTAL_STACK&&Module.printErr("TOTAL_MEMORY should be larger than TOTAL_STACK, was "+TOTAL_MEMORY+"! (TOTAL_STACK="+TOTAL_STACK+")"),Module.buffer?buffer=Module.buffer:buffer=new ArrayBuffer(TOTAL_MEMORY),updateGlobalBufferViews();function getTotalMemory(){return TOTAL_MEMORY}if(HEAP32[0]=1668509029,HEAP16[1]=25459,HEAPU8[2]!==115||HEAPU8[3]!==99)throw"Runtime error: expected the system to be little-endian!";Module.HEAP=HEAP,Module.buffer=buffer,Module.HEAP8=HEAP8,Module.HEAP16=HEAP16,Module.HEAP32=HEAP32,Module.HEAPU8=HEAPU8,Module.HEAPU16=HEAPU16,Module.HEAPU32=HEAPU32,Module.HEAPF32=HEAPF32,Module.HEAPF64=HEAPF64;function callRuntimeCallbacks(i){for(;i.length>0;){var o=i.shift();if(typeof o=="function"){o();continue}var a=o.func;typeof a=="number"?o.arg===void 0?Module.dynCall_v(a):Module.dynCall_vi(a,o.arg):a(o.arg===void 0?null:o.arg)}}var __ATPRERUN__=[],__ATINIT__=[],__ATMAIN__=[],__ATEXIT__=[],__ATPOSTRUN__=[],runtimeInitialized=!1,runtimeExited=!1;function preRun(){if(Module.preRun)for(typeof Module.preRun=="function"&&(Module.preRun=[Module.preRun]);Module.preRun.length;)addOnPreRun(Module.preRun.shift());callRuntimeCallbacks(__ATPRERUN__)}function ensureInitRuntime(){runtimeInitialized||(runtimeInitialized=!0,callRuntimeCallbacks(__ATINIT__))}function preMain(){callRuntimeCallbacks(__ATMAIN__)}function exitRuntime(){callRuntimeCallbacks(__ATEXIT__),runtimeExited=!0}function postRun(){if(Module.postRun)for(typeof Module.postRun=="function"&&(Module.postRun=[Module.postRun]);Module.postRun.length;)addOnPostRun(Module.postRun.shift());callRuntimeCallbacks(__ATPOSTRUN__)}function addOnPreRun(i){__ATPRERUN__.unshift(i)}Module.addOnPreRun=addOnPreRun;function addOnInit(i){__ATINIT__.unshift(i)}Module.addOnInit=addOnInit;function addOnPreMain(i){__ATMAIN__.unshift(i)}Module.addOnPreMain=addOnPreMain;function addOnExit(i){__ATEXIT__.unshift(i)}Module.addOnExit=addOnExit;function addOnPostRun(i){__ATPOSTRUN__.unshift(i)}Module.addOnPostRun=addOnPostRun;function intArrayFromString(i,o,a){var p=a>0?a:lengthBytesUTF8(i)+1,_=new Array(p),t=stringToUTF8Array(i,_,0,_.length);return o&&(_.length=t),_}Module.intArrayFromString=intArrayFromString;function intArrayToString(i){for(var o=[],a=0;a<i.length;a++){var p=i[a];p>255&&(p&=255),o.push(String.fromCharCode(p))}return o.join("")}Module.intArrayToString=intArrayToString;function writeStringToMemory(i,o,a){Runtime.warnOnce("writeStringToMemory is deprecated and should not be called! Use stringToUTF8() instead!");var p,_;a&&(_=o+lengthBytesUTF8(i),p=HEAP8[_]),stringToUTF8(i,o,Infinity),a&&(HEAP8[_]=p)}Module.writeStringToMemory=writeStringToMemory;function writeArrayToMemory(i,o){HEAP8.set(i,o)}Module.writeArrayToMemory=writeArrayToMemory;function writeAsciiToMemory(i,o,a){for(var p=0;p<i.length;++p)HEAP8[o++>>0]=i.charCodeAt(p);a||(HEAP8[o>>0]=0)}if(Module.writeAsciiToMemory=writeAsciiToMemory,(!Math.imul||Math.imul(4294967295,5)!==-5)&&(Math.imul=function(o,a){var p=o>>>16,_=o&65535,t=a>>>16,k=a&65535;return _*k+(p*k+_*t<<16)|0}),Math.imul=Math.imul,!Math.fround){var froundBuffer=new Float32Array(1);Math.fround=function(i){return froundBuffer[0]=i,froundBuffer[0]}}Math.fround=Math.fround,Math.clz32||(Math.clz32=function(i){i=i>>>0;for(var o=0;o<32;o++)if(i&1<<31-o)return o;return 32}),Math.clz32=Math.clz32,Math.trunc||(Math.trunc=function(i){return i<0?Math.ceil(i):Math.floor(i)}),Math.trunc=Math.trunc;var Math_abs=Math.abs,Math_cos=Math.cos,Math_sin=Math.sin,Math_tan=Math.tan,Math_acos=Math.acos,Math_asin=Math.asin,Math_atan=Math.atan,Math_atan2=Math.atan2,Math_exp=Math.exp,Math_log=Math.log,Math_sqrt=Math.sqrt,Math_ceil=Math.ceil,Math_floor=Math.floor,Math_pow=Math.pow,Math_imul=Math.imul,Math_fround=Math.fround,Math_round=Math.round,Math_min=Math.min,Math_clz32=Math.clz32,Math_trunc=Math.trunc,runDependencies=0,runDependencyWatcher=null,dependenciesFulfilled=null;function getUniqueRunDependency(i){return i}function addRunDependency(i){runDependencies++,Module.monitorRunDependencies&&Module.monitorRunDependencies(runDependencies)}Module.addRunDependency=addRunDependency;function removeRunDependency(i){if(runDependencies--,Module.monitorRunDependencies&&Module.monitorRunDependencies(runDependencies),runDependencies==0&&(runDependencyWatcher!==null&&(clearInterval(runDependencyWatcher),runDependencyWatcher=null),dependenciesFulfilled)){var o=dependenciesFulfilled;dependenciesFulfilled=null,o()}}Module.removeRunDependency=removeRunDependency,Module.preloadedImages={},Module.preloadedAudios={};var ASM_CONSTS=[function(i,o,a,p,_,t,k,L){return _nbind.callbackSignatureList[i].apply(this,arguments)}];function _emscripten_asm_const_iiiiiiii(i,o,a,p,_,t,k,L){return ASM_CONSTS[i](o,a,p,_,t,k,L)}function _emscripten_asm_const_iiiii(i,o,a,p,_){return ASM_CONSTS[i](o,a,p,_)}function _emscripten_asm_const_iiidddddd(i,o,a,p,_,t,k,L,O){return ASM_CONSTS[i](o,a,p,_,t,k,L,O)}function _emscripten_asm_const_iiididi(i,o,a,p,_,t,k){return ASM_CONSTS[i](o,a,p,_,t,k)}function _emscripten_asm_const_iiii(i,o,a,p){return ASM_CONSTS[i](o,a,p)}function _emscripten_asm_const_iiiid(i,o,a,p,_){return ASM_CONSTS[i](o,a,p,_)}function _emscripten_asm_const_iiiiii(i,o,a,p,_,t){return ASM_CONSTS[i](o,a,p,_,t)}STATIC_BASE=Runtime.GLOBAL_BASE,STATICTOP=STATIC_BASE+12800,__ATINIT__.push({func:function(){__GLOBAL__sub_I_Yoga_cpp()}},{func:function(){__GLOBAL__sub_I_nbind_cc()}},{func:function(){__GLOBAL__sub_I_common_cc()}},{func:function(){__GLOBAL__sub_I_Binding_cc()}}),allocate([0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,192,127,0,0,192,127,0,0,192,127,0,0,192,127,3,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,3,0,0,0,0,0,192,127,3,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,192,127,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,192,127,0,0,192,127,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,192,127,0,0,0,0,0,0,0,0,255,255,255,255,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,192,127,0,0,192,127,0,0,0,0,0,0,0,0,255,255,255,255,255,255,255,255,0,0,128,191,0,0,128,191,0,0,192,127,0,0,0,0,0,0,0,0,0,0,128,63,1,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,3,0,0,0,1,0,0,0,2,0,0,0,0,0,0,0,190,12,0,0,200,12,0,0,208,12,0,0,216,12,0,0,230,12,0,0,242,12,0,0,1,0,0,0,3,0,0,0,0,0,0,0,2,0,0,0,0,0,192,127,3,0,0,0,180,45,0,0,181,45,0,0,182,45,0,0,181,45,0,0,182,45,0,0,0,0,0,0,0,0,0,0,1,0,0,0,2,0,0,0,3,0,0,0,1,0,0,0,4,0,0,0,183,45,0,0,181,45,0,0,181,45,0,0,181,45,0,0,181,45,0,0,181,45,0,0,181,45,0,0,184,45,0,0,185,45,0,0,181,45,0,0,181,45,0,0,182,45,0,0,186,45,0,0,185,45,0,0,148,4,0,0,3,0,0,0,187,45,0,0,164,4,0,0,188,45,0,0,2,0,0,0,189,45,0,0,164,4,0,0,188,45,0,0,185,45,0,0,164,4,0,0,185,45,0,0,164,4,0,0,188,45,0,0,181,45,0,0,182,45,0,0,181,45,0,0,0,0,0,0,0,0,0,0,1,0,0,0,5,0,0,0,6,0,0,0,1,0,0,0,7,0,0,0,183,45,0,0,182,45,0,0,181,45,0,0,190,45,0,0,190,45,0,0,182,45,0,0,182,45,0,0,185,45,0,0,181,45,0,0,185,45,0,0,182,45,0,0,181,45,0,0,185,45,0,0,182,45,0,0,185,45,0,0,48,5,0,0,3,0,0,0,56,5,0,0,1,0,0,0,189,45,0,0,185,45,0,0,164,4,0,0,76,5,0,0,2,0,0,0,191,45,0,0,186,45,0,0,182,45,0,0,185,45,0,0,192,45,0,0,185,45,0,0,182,45,0,0,186,45,0,0,185,45,0,0,76,5,0,0,76,5,0,0,136,5,0,0,182,45,0,0,181,45,0,0,2,0,0,0,190,45,0,0,136,5,0,0,56,19,0,0,156,5,0,0,2,0,0,0,184,45,0,0,0,0,0,0,0,0,0,0,1,0,0,0,8,0,0,0,9,0,0,0,1,0,0,0,10,0,0,0,204,5,0,0,181,45,0,0,181,45,0,0,2,0,0,0,180,45,0,0,204,5,0,0,2,0,0,0,195,45,0,0,236,5,0,0,97,19,0,0,198,45,0,0,211,45,0,0,212,45,0,0,213,45,0,0,214,45,0,0,215,45,0,0,188,45,0,0,182,45,0,0,216,45,0,0,217,45,0,0,218,45,0,0,219,45,0,0,192,45,0,0,181,45,0,0,0,0,0,0,185,45,0,0,110,19,0,0,186,45,0,0,115,19,0,0,221,45,0,0,120,19,0,0,148,4,0,0,132,19,0,0,96,6,0,0,145,19,0,0,222,45,0,0,164,19,0,0,223,45,0,0,173,19,0,0,0,0,0,0,3,0,0,0,104,6,0,0,1,0,0,0,187,45,0,0,0,0,0,0,0,0,0,0,1,0,0,0,11,0,0,0,12,0,0,0,1,0,0,0,13,0,0,0,185,45,0,0,224,45,0,0,164,6,0,0,188,45,0,0,172,6,0,0,180,6,0,0,2,0,0,0,188,6,0,0,7,0,0,0,224,45,0,0,7,0,0,0,164,6,0,0,1,0,0,0,213,45,0,0,185,45,0,0,224,45,0,0,172,6,0,0,185,45,0,0,224,45,0,0,164,6,0,0,185,45,0,0,224,45,0,0,211,45,0,0,211,45,0,0,222,45,0,0,211,45,0,0,224,45,0,0,222,45,0,0,211,45,0,0,224,45,0,0,172,6,0,0,222,45,0,0,211,45,0,0,224,45,0,0,188,45,0,0,222,45,0,0,211,45,0,0,40,7,0,0,188,45,0,0,2,0,0,0,224,45,0,0,185,45,0,0,188,45,0,0,188,45,0,0,188,45,0,0,188,45,0,0,222,45,0,0,224,45,0,0,148,4,0,0,185,45,0,0,148,4,0,0,148,4,0,0,148,4,0,0,148,4,0,0,148,4,0,0,185,45,0,0,164,6,0,0,148,4,0,0,0,0,0,0,0,0,0,0,1,0,0,0,14,0,0,0,15,0,0,0,1,0,0,0,16,0,0,0,148,7,0,0,2,0,0,0,225,45,0,0,183,45,0,0,188,45,0,0,168,7,0,0,5,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,2,0,0,0,234,45,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,0,0,0,0,0,0,0,255,255,255,255,255,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,148,45,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,28,9,0,0,5,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,0,0,0,2,0,0,0,242,45,0,0,0,4,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,10,255,255,255,255,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,67,111,117,108,100,32,110,111,116,32,97,108,108,111,99,97,116,101,32,109,101,109,111,114,121,32,102,111,114,32,110,111,100,101,0,67,97,110,110,111,116,32,114,101,115,101,116,32,97,32,110,111,100,101,32,119,104,105,99,104,32,115,116,105,108,108,32,104,97,115,32,99,104,105,108,100,114,101,110,32,97,116,116,97,99,104,101,100,0,67,97,110,110,111,116,32,114,101,115,101,116,32,97,32,110,111,100,101,32,115,116,105,108,108,32,97,116,116,97,99,104,101,100,32,116,111,32,97,32,112,97,114,101,110,116,0,67,111,117,108,100,32,110,111,116,32,97,108,108,111,99,97,116,101,32,109,101,109,111,114,121,32,102,111,114,32,99,111,110,102,105,103,0,67,97,110,110,111,116,32,115,101,116,32,109,101,97,115,117,114,101,32,102,117,110,99,116,105,111,110,58,32,78,111,100,101,115,32,119,105,116,104,32,109,101,97,115,117,114,101,32,102,117,110,99,116,105,111,110,115,32,99,97,110,110,111,116,32,104,97,118,101,32,99,104,105,108,100,114,101,110,46,0,67,104,105,108,100,32,97,108,114,101,97,100,121,32,104,97,115,32,97,32,112,97,114,101,110,116,44,32,105,116,32,109,117,115,116,32,98,101,32,114,101,109,111,118,101,100,32,102,105,114,115,116,46,0,67,97,110,110,111,116,32,97,100,100,32,99,104,105,108,100,58,32,78,111,100,101,115,32,119,105,116,104,32,109,101,97,115,117,114,101,32,102,117,110,99,116,105,111,110,115,32,99,97,110,110,111,116,32,104,97,118,101,32,99,104,105,108,100,114,101,110,46,0,79,110,108,121,32,108,101,97,102,32,110,111,100,101,115,32,119,105,116,104,32,99,117,115,116,111,109,32,109,101,97,115,117,114,101,32,102,117,110,99,116,105,111,110,115,115,104,111,117,108,100,32,109,97,110,117,97,108,108,121,32,109,97,114,107,32,116,104,101,109,115,101,108,118,101,115,32,97,115,32,100,105,114,116,121,0,67,97,110,110,111,116,32,103,101,116,32,108,97,121,111,117,116,32,112,114,111,112,101,114,116,105,101,115,32,111,102,32,109,117,108,116,105,45,101,100,103,101,32,115,104,111,114,116,104,97,110,100,115,0,37,115,37,100,46,123,91,115,107,105,112,112,101,100,93,32,0,119,109,58,32,37,115,44,32,104,109,58,32,37,115,44,32,97,119,58,32,37,102,32,97,104,58,32,37,102,32,61,62,32,100,58,32,40,37,102,44,32,37,102,41,32,37,115,10,0,37,115,37,100,46,123,37,115,0,42,0,119,109,58,32,37,115,44,32,104,109,58,32,37,115,44,32,97,119,58,32,37,102,32,97,104,58,32,37,102,32,37,115,10,0,37,115,37,100,46,125,37,115,0,119,109,58,32,37,115,44,32,104,109,58,32,37,115,44,32,100,58,32,40,37,102,44,32,37,102,41,32,37,115,10,0,79,117,116,32,111,102,32,99,97,99,104,101,32,101,110,116,114,105,101,115,33,10,0,83,99,97,108,101,32,102,97,99,116,111,114,32,115,104,111,117,108,100,32,110,111,116,32,98,101,32,108,101,115,115,32,116,104,97,110,32,122,101,114,111,0,105,110,105,116,105,97,108,0,37,115,10,0,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,32,0,85,78,68,69,70,73,78,69,68,0,69,88,65,67,84,76,89,0,65,84,95,77,79,83,84,0,76,65,89,95,85,78,68,69,70,73,78,69,68,0,76,65,89,95,69,88,65,67,84,76,89,0,76,65,89,95,65,84,95,77,79,83,84,0,97,118,97,105,108,97,98,108,101,87,105,100,116,104,32,105,115,32,105,110,100,101,102,105,110,105,116,101,32,115,111,32,119,105,100,116,104,77,101,97,115,117,114,101,77,111,100,101,32,109,117,115,116,32,98,101,32,89,71,77,101,97,115,117,114,101,77,111,100,101,85,110,100,101,102,105,110,101,100,0,97,118,97,105,108,97,98,108,101,72,101,105,103,104,116,32,105,115,32,105,110,100,101,102,105,110,105,116,101,32,115,111,32,104,101,105,103,104,116,77,101,97,115,117,114,101,77,111,100,101,32,109,117,115,116,32,98,101,32,89,71,77,101,97,115,117,114,101,77,111,100,101,85,110,100,101,102,105,110,101,100,0,102,108,101,120,0,115,116,114,101,116,99,104,0,109,117,108,116,105,108,105,110,101,45,115,116,114,101,116,99,104,0,69,120,112,101,99,116,101,100,32,110,111,100,101,32,116,111,32,104,97,118,101,32,99,117,115,116,111,109,32,109,101,97,115,117,114,101,32,102,117,110,99,116,105,111,110,0,109,101,97,115,117,114,101,0,69,120,112,101,99,116,32,99,117,115,116,111,109,32,98,97,115,101,108,105,110,101,32,102,117,110,99,116,105,111,110,32,116,111,32,110,111,116,32,114,101,116,117,114,110,32,78,97,78,0,97,98,115,45,109,101,97,115,117,114,101,0,97,98,115,45,108,97,121,111,117,116,0,78,111,100,101,0,99,114,101,97,116,101,68,101,102,97,117,108,116,0,99,114,101,97,116,101,87,105,116,104,67,111,110,102,105,103,0,100,101,115,116,114,111,121,0,114,101,115,101,116,0,99,111,112,121,83,116,121,108,101,0,115,101,116,80,111,115,105,116,105,111,110,84,121,112,101,0,115,101,116,80,111,115,105,116,105,111,110,0,115,101,116,80,111,115,105,116,105,111,110,80,101,114,99,101,110,116,0,115,101,116,65,108,105,103,110,67,111,110,116,101,110,116,0,115,101,116,65,108,105,103,110,73,116,101,109,115,0,115,101,116,65,108,105,103,110,83,101,108,102,0,115,101,116,70,108,101,120,68,105,114,101,99,116,105,111,110,0,115,101,116,70,108,101,120,87,114,97,112,0,115,101,116,74,117,115,116,105,102,121,67,111,110,116,101,110,116,0,115,101,116,77,97,114,103,105,110,0,115,101,116,77,97,114,103,105,110,80,101,114,99,101,110,116,0,115,101,116,77,97,114,103,105,110,65,117,116,111,0,115,101,116,79,118,101,114,102,108,111,119,0,115,101,116,68,105,115,112,108,97,121,0,115,101,116,70,108,101,120,0,115,101,116,70,108,101,120,66,97,115,105,115,0,115,101,116,70,108,101,120,66,97,115,105,115,80,101,114,99,101,110,116,0,115,101,116,70,108,101,120,71,114,111,119,0,115,101,116,70,108,101,120,83,104,114,105,110,107,0,115,101,116,87,105,100,116,104,0,115,101,116,87,105,100,116,104,80,101,114,99,101,110,116,0,115,101,116,87,105,100,116,104,65,117,116,111,0,115,101,116,72,101,105,103,104,116,0,115,101,116,72,101,105,103,104,116,80,101,114,99,101,110,116,0,115,101,116,72,101,105,103,104,116,65,117,116,111,0,115,101,116,77,105,110,87,105,100,116,104,0,115,101,116,77,105,110,87,105,100,116,104,80,101,114,99,101,110,116,0,115,101,116,77,105,110,72,101,105,103,104,116,0,115,101,116,77,105,110,72,101,105,103,104,116,80,101,114,99,101,110,116,0,115,101,116,77,97,120,87,105,100,116,104,0,115,101,116,77,97,120,87,105,100,116,104,80,101,114,99,101,110,116,0,115,101,116,77,97,120,72,101,105,103,104,116,0,115,101,116,77,97,120,72,101,105,103,104,116,80,101,114,99,101,110,116,0,115,101,116,65,115,112,101,99,116,82,97,116,105,111,0,115,101,116,66,111,114,100,101,114,0,115,101,116,80,97,100,100,105,110,103,0,115,101,116,80,97,100,100,105,110,103,80,101,114,99,101,110,116,0,103,101,116,80,111,115,105,116,105,111,110,84,121,112,101,0,103,101,116,80,111,115,105,116,105,111,110,0,103,101,116,65,108,105,103,110,67,111,110,116,101,110,116,0,103,101,116,65,108,105,103,110,73,116,101,109,115,0,103,101,116,65,108,105,103,110,83,101,108,102,0,103,101,116,70,108,101,120,68,105,114,101,99,116,105,111,110,0,103,101,116,70,108,101,120,87,114,97,112,0,103,101,116,74,117,115,116,105,102,121,67,111,110,116,101,110,116,0,103,101,116,77,97,114,103,105,110,0,103,101,116,70,108,101,120,66,97,115,105,115,0,103,101,116,70,108,101,120,71,114,111,119,0,103,101,116,70,108,101,120,83,104,114,105,110,107,0,103,101,116,87,105,100,116,104,0,103,101,116,72,101,105,103,104,116,0,103,101,116,77,105,110,87,105,100,116,104,0,103,101,116,77,105,110,72,101,105,103,104,116,0,103,101,116,77,97,120,87,105,100,116,104,0,103,101,116,77,97,120,72,101,105,103,104,116,0,103,101,116,65,115,112,101,99,116,82,97,116,105,111,0,103,101,116,66,111,114,100,101,114,0,103,101,116,79,118,101,114,102,108,111,119,0,103,101,116,68,105,115,112,108,97,121,0,103,101,116,80,97,100,100,105,110,103,0,105,110,115,101,114,116,67,104,105,108,100,0,114,101,109,111,118,101,67,104,105,108,100,0,103,101,116,67,104,105,108,100,67,111,117,110,116,0,103,101,116,80,97,114,101,110,116,0,103,101,116,67,104,105,108,100,0,115,101,116,77,101,97,115,117,114,101,70,117,110,99,0,117,110,115,101,116,77,101,97,115,117,114,101,70,117,110,99,0,109,97,114,107,68,105,114,116,121,0,105,115,68,105,114,116,121,0,99,97,108,99,117,108,97,116,101,76,97,121,111,117,116,0,103,101,116,67,111,109,112,117,116,101,100,76,101,102,116,0,103,101,116,67,111,109,112,117,116,101,100,82,105,103,104,116,0,103,101,116,67,111,109,112,117,116,101,100,84,111,112,0,103,101,116,67,111,109,112,117,116,101,100,66,111,116,116,111,109,0,103,101,116,67,111,109,112,117,116,101,100,87,105,100,116,104,0,103,101,116,67,111,109,112,117,116,101,100,72,101,105,103,104,116,0,103,101,116,67,111,109,112,117,116,101,100,76,97,121,111,117,116,0,103,101,116,67,111,109,112,117,116,101,100,77,97,114,103,105,110,0,103,101,116,67,111,109,112,117,116,101,100,66,111,114,100,101,114,0,103,101,116,67,111,109,112,117,116,101,100,80,97,100,100,105,110,103,0,67,111,110,102,105,103,0,99,114,101,97,116,101,0,115,101,116,69,120,112,101,114,105,109,101,110,116,97,108,70,101,97,116,117,114,101,69,110,97,98,108,101,100,0,115,101,116,80,111,105,110,116,83,99,97,108,101,70,97,99,116,111,114,0,105,115,69,120,112,101,114,105,109,101,110,116,97,108,70,101,97,116,117,114,101,69,110,97,98,108,101,100,0,86,97,108,117,101,0,76,97,121,111,117,116,0,83,105,122,101,0,103,101,116,73,110,115,116,97,110,99,101,67,111,117,110,116,0,73,110,116,54,52,0,1,1,1,2,2,4,4,4,4,8,8,4,8,118,111,105,100,0,98,111,111,108,0,115,116,100,58,58,115,116,114,105,110,103,0,99,98,70,117,110,99,116,105,111,110,32,38,0,99,111,110,115,116,32,99,98,70,117,110,99,116,105,111,110,32,38,0,69,120,116,101,114,110,97,108,0,66,117,102,102,101,114,0,78,66,105,110,100,73,68,0,78,66,105,110,100,0,98,105,110,100,95,118,97,108,117,101,0,114,101,102,108,101,99,116,0,113,117,101,114,121,84,121,112,101,0,108,97,108,108,111,99,0,108,114,101,115,101,116,0,123,114,101,116,117,114,110,40,95,110,98,105,110,100,46,99,97,108,108,98,97,99,107,83,105,103,110,97,116,117,114,101,76,105,115,116,91,36,48,93,46,97,112,112,108,121,40,116,104,105,115,44,97,114,103,117,109,101,110,116,115,41,41,59,125,0,95,110,98,105,110,100,95,110,101,119,0,17,0,10,0,17,17,17,0,0,0,0,5,0,0,0,0,0,0,9,0,0,0,0,11,0,0,0,0,0,0,0,0,17,0,15,10,17,17,17,3,10,7,0,1,19,9,11,11,0,0,9,6,11,0,0,11,0,6,17,0,0,0,17,17,17,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,11,0,0,0,0,0,0,0,0,17,0,10,10,17,17,17,0,10,0,0,2,0,9,11,0,0,0,9,0,11,0,0,11,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,12,0,0,0,0,0,0,0,0,0,0,0,12,0,0,0,0,12,0,0,0,0,9,12,0,0,0,0,0,12,0,0,12,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,14,0,0,0,0,0,0,0,0,0,0,0,13,0,0,0,4,13,0,0,0,0,9,14,0,0,0,0,0,14,0,0,14,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,16,0,0,0,0,0,0,0,0,0,0,0,15,0,0,0,0,15,0,0,0,0,9,16,0,0,0,0,0,16,0,0,16,0,0,18,0,0,0,18,18,18,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,18,0,0,0,18,18,18,0,0,0,0,0,0,9,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,11,0,0,0,0,0,0,0,0,0,0,0,10,0,0,0,0,10,0,0,0,0,9,11,0,0,0,0,0,11,0,0,11,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,12,0,0,0,0,0,0,0,0,0,0,0,12,0,0,0,0,12,0,0,0,0,9,12,0,0,0,0,0,12,0,0,12,0,0,45,43,32,32,32,48,88,48,120,0,40,110,117,108,108,41,0,45,48,88,43,48,88,32,48,88,45,48,120,43,48,120,32,48,120,0,105,110,102,0,73,78,70,0,110,97,110,0,78,65,78,0,48,49,50,51,52,53,54,55,56,57,65,66,67,68,69,70,46,0,84,33,34,25,13,1,2,3,17,75,28,12,16,4,11,29,18,30,39,104,110,111,112,113,98,32,5,6,15,19,20,21,26,8,22,7,40,36,23,24,9,10,14,27,31,37,35,131,130,125,38,42,43,60,61,62,63,67,71,74,77,88,89,90,91,92,93,94,95,96,97,99,100,101,102,103,105,106,107,108,114,115,116,121,122,123,124,0,73,108,108,101,103,97,108,32,98,121,116,101,32,115,101,113,117,101,110,99,101,0,68,111,109,97,105,110,32,101,114,114,111,114,0,82,101,115,117,108,116,32,110,111,116,32,114,101,112,114,101,115,101,110,116,97,98,108,101,0,78,111,116,32,97,32,116,116,121,0,80,101,114,109,105,115,115,105,111,110,32,100,101,110,105,101,100,0,79,112,101,114,97,116,105,111,110,32,110,111,116,32,112,101,114,109,105,116,116,101,100,0,78,111,32,115,117,99,104,32,102,105,108,101,32,111,114,32,100,105,114,101,99,116,111,114,121,0,78,111,32,115,117,99,104,32,112,114,111,99,101,115,115,0,70,105,108,101,32,101,120,105,115,116,115,0,86,97,108,117,101,32,116,111,111,32,108,97,114,103,101,32,102,111,114,32,100,97,116,97,32,116,121,112,101,0,78,111,32,115,112,97,99,101,32,108,101,102,116,32,111,110,32,100,101,118,105,99,101,0,79,117,116,32,111,102,32,109,101,109,111,114,121,0,82,101,115,111,117,114,99,101,32,98,117,115,121,0,73,110,116,101,114,114,117,112,116,101,100,32,115,121,115,116,101,109,32,99,97,108,108,0,82,101,115,111,117,114,99,101,32,116,101,109,112,111,114,97,114,105,108,121,32,117,110,97,118,97,105,108,97,98,108,101,0,73,110,118,97,108,105,100,32,115,101,101,107,0,67,114,111,115,115,45,100,101,118,105,99,101,32,108,105,110,107,0,82,101,97,100,45,111,110,108,121,32,102,105,108,101,32,115,121,115,116,101,109,0,68,105,114,101,99,116,111,114,121,32,110,111,116,32,101,109,112,116,121,0,67,111,110,110,101,99,116,105,111,110,32,114,101,115,101,116,32,98,121,32,112,101,101,114,0,79,112,101,114,97,116,105,111,110,32,116,105,109,101,100,32,111,117,116,0,67,111,110,110,101,99,116,105,111,110,32,114,101,102,117,115,101,100,0,72,111,115,116,32,105,115,32,100,111,119,110,0,72,111,115,116,32,105,115,32,117,110,114,101,97,99,104,97,98,108,101,0,65,100,100,114,101,115,115,32,105,110,32,117,115,101,0,66,114,111,107,101,110,32,112,105,112,101,0,73,47,79,32,101,114,114,111,114,0,78,111,32,115,117,99,104,32,100,101,118,105,99,101,32,111,114,32,97,100,100,114,101,115,115,0,66,108,111,99,107,32,100,101,118,105,99,101,32,114,101,113,117,105,114,101,100,0,78,111,32,115,117,99,104,32,100,101,118,105,99,101,0,78,111,116,32,97,32,100,105,114,101,99,116,111,114,121,0,73,115,32,97,32,100,105,114,101,99,116,111,114,121,0,84,101,120,116,32,102,105,108,101,32,98,117,115,121,0,69,120,101,99,32,102,111,114,109,97,116,32,101,114,114,111,114,0,73,110,118,97,108,105,100,32,97,114,103,117,109,101,110,116,0,65,114,103,117,109,101,110,116,32,108,105,115,116,32,116,111,111,32,108,111,110,103,0,83,121,109,98,111,108,105,99,32,108,105,110,107,32,108,111,111,112,0,70,105,108,101,110,97,109,101,32,116,111,111,32,108,111,110,103,0,84,111,111,32,109,97,110,121,32,111,112,101,110,32,102,105,108,101,115,32,105,110,32,115,121,115,116,101,109,0,78,111,32,102,105,108,101,32,100,101,115,99,114,105,112,116,111,114,115,32,97,118,97,105,108,97,98,108,101,0,66,97,100,32,102,105,108,101,32,100,101,115,99,114,105,112,116,111,114,0,78,111,32,99,104,105,108,100,32,112,114,111,99,101,115,115,0,66,97,100,32,97,100,100,114,101,115,115,0,70,105,108,101,32,116,111,111,32,108,97,114,103,101,0,84,111,111,32,109,97,110,121,32,108,105,110,107,115,0,78,111,32,108,111,99,107,115,32,97,118,97,105,108,97,98,108,101,0,82,101,115,111,117,114,99,101,32,100,101,97,100,108,111,99,107,32,119,111,117,108,100,32,111,99,99,117,114,0,83,116,97,116,101,32,110,111,116,32,114,101,99,111,118,101,114,97,98,108,101,0,80,114,101,118,105,111,117,115,32,111,119,110,101,114,32,100,105,101,100,0,79,112,101,114,97,116,105,111,110,32,99,97,110,99,101,108,101,100,0,70,117,110,99,116,105,111,110,32,110,111,116,32,105,109,112,108,101,109,101,110,116,101,100,0,78,111,32,109,101,115,115,97,103,101,32,111,102,32,100,101,115,105,114,101,100,32,116,121,112,101,0,73,100,101,110,116,105,102,105,101,114,32,114,101,109,111,118,101,100,0,68,101,118,105,99,101,32,110,111,116,32,97,32,115,116,114,101,97,109,0,78,111,32,100,97,116,97,32,97,118,97,105,108,97,98,108,101,0,68,101,118,105,99,101,32,116,105,109,101,111,117,116,0,79,117,116,32,111,102,32,115,116,114,101,97,109,115,32,114,101,115,111,117,114,99,101,115,0,76,105,110,107,32,104,97,115,32,98,101,101,110,32,115,101,118,101,114,101,100,0,80,114,111,116,111,99,111,108,32,101,114,114,111,114,0,66,97,100,32,109,101,115,115,97,103,101,0,70,105,108,101,32,100,101,115,99,114,105,112,116,111,114,32,105,110,32,98,97,100,32,115,116,97,116,101,0,78,111,116,32,97,32,115,111,99,107,101,116,0,68,101,115,116,105,110,97,116,105,111,110,32,97,100,100,114,101,115,115,32,114,101,113,117,105,114,101,100,0,77,101,115,115,97,103,101,32,116,111,111,32,108,97,114,103,101,0,80,114,111,116,111,99,111,108,32,119,114,111,110,103,32,116,121,112,101,32,102,111,114,32,115,111,99,107,101,116,0,80,114,111,116,111,99,111,108,32,110,111,116,32,97,118,97,105,108,97,98,108,101,0,80,114,111,116,111,99,111,108,32,110,111,116,32,115,117,112,112,111,114,116,101,100,0,83,111,99,107,101,116,32,116,121,112,101,32,110,111,116,32,115,117,112,112,111,114,116,101,100,0,78,111,116,32,115,117,112,112,111,114,116,101,100,0,80,114,111,116,111,99,111,108,32,102,97,109,105,108,121,32,110,111,116,32,115,117,112,112,111,114,116,101,100,0,65,100,100,114,101,115,115,32,102,97,109,105,108,121,32,110,111,116,32,115,117,112,112,111,114,116,101,100,32,98,121,32,112,114,111,116,111,99,111,108,0,65,100,100,114,101,115,115,32,110,111,116,32,97,118,97,105,108,97,98,108,101,0,78,101,116,119,111,114,107,32,105,115,32,100,111,119,110,0,78,101,116,119,111,114,107,32,117,110,114,101,97,99,104,97,98,108,101,0,67,111,110,110,101,99,116,105,111,110,32,114,101,115,101,116,32,98,121,32,110,101,116,119,111,114,107,0,67,111,110,110,101,99,116,105,111,110,32,97,98,111,114,116,101,100,0,78,111,32,98,117,102,102,101,114,32,115,112,97,99,101,32,97,118,97,105,108,97,98,108,101,0,83,111,99,107,101,116,32,105,115,32,99,111,110,110,101,99,116,101,100,0,83,111,99,107,101,116,32,110,111,116,32,99,111,110,110,101,99,116,101,100,0,67,97,110,110,111,116,32,115,101,110,100,32,97,102,116,101,114,32,115,111,99,107,101,116,32,115,104,117,116,100,111,119,110,0,79,112,101,114,97,116,105,111,110,32,97,108,114,101,97,100,121,32,105,110,32,112,114,111,103,114,101,115,115,0,79,112,101,114,97,116,105,111,110,32,105,110,32,112,114,111,103,114,101,115,115,0,83,116,97,108,101,32,102,105,108,101,32,104,97,110,100,108,101,0,82,101,109,111,116,101,32,73,47,79,32,101,114,114,111,114,0,81,117,111,116,97,32,101,120,99,101,101,100,101,100,0,78,111,32,109,101,100,105,117,109,32,102,111,117,110,100,0,87,114,111,110,103,32,109,101,100,105,117,109,32,116,121,112,101,0,78,111,32,101,114,114,111,114,32,105,110,102,111,114,109,97,116,105,111,110,0,0],"i8",ALLOC_NONE,Runtime.GLOBAL_BASE);var tempDoublePtr=STATICTOP;STATICTOP+=16;function _atexit(i,o){__ATEXIT__.unshift({func:i,arg:o})}function ___cxa_atexit(){return _atexit.apply(null,arguments)}function _abort(){Module.abort()}function __ZN8facebook4yoga14YGNodeToStringEPNSt3__212basic_stringIcNS1_11char_traitsIcEENS1_9allocatorIcEEEEP6YGNode14YGPrintOptionsj(){Module.printErr("missing function: _ZN8facebook4yoga14YGNodeToStringEPNSt3__212basic_stringIcNS1_11char_traitsIcEENS1_9allocatorIcEEEEP6YGNode14YGPrintOptionsj"),abort(-1)}function __decorate(i,o,a,p){var _=arguments.length,t=_<3?o:p===null?p=Object.getOwnPropertyDescriptor(o,a):p,k;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(i,o,a,p);else for(var L=i.length-1;L>=0;L--)(k=i[L])&&(t=(_<3?k(t):_>3?k(o,a,t):k(o,a))||t);return _>3&&t&&Object.defineProperty(o,a,t),t}function _defineHidden(i){return function(o,a){Object.defineProperty(o,a,{configurable:!1,enumerable:!1,value:i,writable:!0})}}var _nbind={};function __nbind_free_external(i){_nbind.externalList[i].dereference(i)}function __nbind_reference_external(i){_nbind.externalList[i].reference()}function _llvm_stackrestore(i){var o=_llvm_stacksave,a=o.LLVM_SAVEDSTACKS[i];o.LLVM_SAVEDSTACKS.splice(i,1),Runtime.stackRestore(a)}function __nbind_register_pool(i,o,a,p){_nbind.Pool.pageSize=i,_nbind.Pool.usedPtr=o/4,_nbind.Pool.rootPtr=a,_nbind.Pool.pagePtr=p/4,HEAP32[o/4]=16909060,HEAP8[o]==1&&(_nbind.bigEndian=!0),HEAP32[o/4]=0,_nbind.makeTypeKindTbl=(t={},t[1024]=_nbind.PrimitiveType,t[64]=_nbind.Int64Type,t[2048]=_nbind.BindClass,t[3072]=_nbind.BindClassPtr,t[4096]=_nbind.SharedClassPtr,t[5120]=_nbind.ArrayType,t[6144]=_nbind.ArrayType,t[7168]=_nbind.CStringType,t[9216]=_nbind.CallbackType,t[10240]=_nbind.BindType,t),_nbind.makeTypeNameTbl={Buffer:_nbind.BufferType,External:_nbind.ExternalType,Int64:_nbind.Int64Type,_nbind_new:_nbind.CreateValueType,bool:_nbind.BooleanType,"cbFunction &":_nbind.CallbackType,"const cbFunction &":_nbind.CallbackType,"const std::string &":_nbind.StringType,"std::string":_nbind.StringType},Module.toggleLightGC=_nbind.toggleLightGC,_nbind.callUpcast=Module.dynCall_ii;var _=_nbind.makeType(_nbind.constructType,{flags:2048,id:0,name:""});_.proto=Module,_nbind.BindClass.list.push(_);var t}function _emscripten_set_main_loop_timing(i,o){if(Browser.mainLoop.timingMode=i,Browser.mainLoop.timingValue=o,!Browser.mainLoop.func)return 1;if(i==0)Browser.mainLoop.scheduler=function(){var k=Math.max(0,Browser.mainLoop.tickStartTime+o-_emscripten_get_now())|0;setTimeout(Browser.mainLoop.runner,k)},Browser.mainLoop.method="timeout";else if(i==1)Browser.mainLoop.scheduler=function(){Browser.requestAnimationFrame(Browser.mainLoop.runner)},Browser.mainLoop.method="rAF";else if(i==2){if(!window.setImmediate){let t=function(k){k.source===window&&k.data===p&&(k.stopPropagation(),a.shift()())};var _=t,a=[],p="setimmediate";window.addEventListener("message",t,!0),window.setImmediate=function(L){a.push(L),ENVIRONMENT_IS_WORKER?(Module.setImmediates===void 0&&(Module.setImmediates=[]),Module.setImmediates.push(L),window.postMessage({target:p})):window.postMessage(p,"*")}}Browser.mainLoop.scheduler=function(){window.setImmediate(Browser.mainLoop.runner)},Browser.mainLoop.method="immediate"}return 0}function _emscripten_get_now(){abort()}function _emscripten_set_main_loop(i,o,a,p,_){Module.noExitRuntime=!0,assert(!Browser.mainLoop.func,"emscripten_set_main_loop: there can only be one main loop function at once: call emscripten_cancel_main_loop to cancel the previous one before setting a new one with different parameters."),Browser.mainLoop.func=i,Browser.mainLoop.arg=p;var t;typeof p!="undefined"?t=function(){Module.dynCall_vi(i,p)}:t=function(){Module.dynCall_v(i)};var k=Browser.mainLoop.currentlyRunningMainloop;if(Browser.mainLoop.runner=function(){if(!ABORT){if(Browser.mainLoop.queue.length>0){var O=Date.now(),C=Browser.mainLoop.queue.shift();if(C.func(C.arg),Browser.mainLoop.remainingBlockers){var U=Browser.mainLoop.remainingBlockers,H=U%1==0?U-1:Math.floor(U);C.counted?Browser.mainLoop.remainingBlockers=H:(H=H+.5,Browser.mainLoop.remainingBlockers=(8*U+H)/9)}if(console.log('main loop blocker "'+C.name+'" took '+(Date.now()-O)+" ms"),Browser.mainLoop.updateStatus(),k<Browser.mainLoop.currentlyRunningMainloop)return;setTimeout(Browser.mainLoop.runner,0);return}if(!(k<Browser.mainLoop.currentlyRunningMainloop)){if(Browser.mainLoop.currentFrameNumber=Browser.mainLoop.currentFrameNumber+1|0,Browser.mainLoop.timingMode==1&&Browser.mainLoop.timingValue>1&&Browser.mainLoop.currentFrameNumber%Browser.mainLoop.timingValue!=0){Browser.mainLoop.scheduler();return}else Browser.mainLoop.timingMode==0&&(Browser.mainLoop.tickStartTime=_emscripten_get_now());Browser.mainLoop.method==="timeout"&&Module.ctx&&(Module.printErr("Looks like you are rendering without using requestAnimationFrame for the main loop. You should use 0 for the frame rate in emscripten_set_main_loop in order to use requestAnimationFrame, as that can greatly improve your frame rates!"),Browser.mainLoop.method=""),Browser.mainLoop.runIter(t),!(k<Browser.mainLoop.currentlyRunningMainloop)&&(typeof SDL=="object"&&SDL.audio&&SDL.audio.queueNewAudioData&&SDL.audio.queueNewAudioData(),Browser.mainLoop.scheduler())}}},_||(o&&o>0?_emscripten_set_main_loop_timing(0,1e3/o):_emscripten_set_main_loop_timing(1,1),Browser.mainLoop.scheduler()),a)throw"SimulateInfiniteLoop"}var Browser={mainLoop:{scheduler:null,method:"",currentlyRunningMainloop:0,func:null,arg:0,timingMode:0,timingValue:0,currentFrameNumber:0,queue:[],pause:function(){Browser.mainLoop.scheduler=null,Browser.mainLoop.currentlyRunningMainloop++},resume:function(){Browser.mainLoop.currentlyRunningMainloop++;var i=Browser.mainLoop.timingMode,o=Browser.mainLoop.timingValue,a=Browser.mainLoop.func;Browser.mainLoop.func=null,_emscripten_set_main_loop(a,0,!1,Browser.mainLoop.arg,!0),_emscripten_set_main_loop_timing(i,o),Browser.mainLoop.scheduler()},updateStatus:function(){if(Module.setStatus){var i=Module.statusMessage||"Please wait...",o=Browser.mainLoop.remainingBlockers,a=Browser.mainLoop.expectedBlockers;o?o<a?Module.setStatus(i+" ("+(a-o)+"/"+a+")"):Module.setStatus(i):Module.setStatus("")}},runIter:function(i){if(!ABORT){if(Module.preMainLoop){var o=Module.preMainLoop();if(o===!1)return}try{i()}catch(a){if(a instanceof ExitStatus)return;throw a&&typeof a=="object"&&a.stack&&Module.printErr("exception thrown: "+[a,a.stack]),a}Module.postMainLoop&&Module.postMainLoop()}}},isFullscreen:!1,pointerLock:!1,moduleContextCreatedCallbacks:[],workers:[],init:function(){if(Module.preloadPlugins||(Module.preloadPlugins=[]),Browser.initted)return;Browser.initted=!0;try{new Blob,Browser.hasBlobConstructor=!0}catch(_){Browser.hasBlobConstructor=!1,console.log("warning: no blob constructor, cannot create blobs with mimetypes")}Browser.BlobBuilder=typeof MozBlobBuilder!="undefined"?MozBlobBuilder:typeof WebKitBlobBuilder!="undefined"?WebKitBlobBuilder:Browser.hasBlobConstructor?null:console.log("warning: no BlobBuilder"),Browser.URLObject=typeof window!="undefined"?window.URL?window.URL:window.webkitURL:void 0,!Module.noImageDecoding&&typeof Browser.URLObject=="undefined"&&(console.log("warning: Browser does not support creating object URLs. Built-in browser image decoding will not be available."),Module.noImageDecoding=!0);var i={};i.canHandle=function(t){return!Module.noImageDecoding&&/\.(jpg|jpeg|png|bmp)$/i.test(t)},i.handle=function(t,k,L,O){var C=null;if(Browser.hasBlobConstructor)try{C=new Blob([t],{type:Browser.getMimetype(k)}),C.size!==t.length&&(C=new Blob([new Uint8Array(t).buffer],{type:Browser.getMimetype(k)}))}catch(ne){Runtime.warnOnce("Blob constructor present but fails: "+ne+"; falling back to blob builder")}if(!C){var U=new Browser.BlobBuilder;U.append(new Uint8Array(t).buffer),C=U.getBlob()}var H=Browser.URLObject.createObjectURL(C),W=new Image;W.onload=function(){assert(W.complete,"Image "+k+" could not be decoded");var m=document.createElement("canvas");m.width=W.width,m.height=W.height;var he=m.getContext("2d");he.drawImage(W,0,0),Module.preloadedImages[k]=m,Browser.URLObject.revokeObjectURL(H),L&&L(t)},W.onerror=function(m){console.log("Image "+H+" could not be decoded"),O&&O()},W.src=H},Module.preloadPlugins.push(i);var o={};o.canHandle=function(t){return!Module.noAudioDecoding&&t.substr(-4)in{".ogg":1,".wav":1,".mp3":1}},o.handle=function(t,k,L,O){var C=!1;function U(he){C||(C=!0,Module.preloadedAudios[k]=he,L&&L(t))}function H(){C||(C=!0,Module.preloadedAudios[k]=new Audio,O&&O())}if(Browser.hasBlobConstructor){try{var W=new Blob([t],{type:Browser.getMimetype(k)})}catch(he){return H()}var ne=Browser.URLObject.createObjectURL(W),m=new Audio;m.addEventListener("canplaythrough",function(){U(m)},!1),m.onerror=function(Ee){if(C)return;console.log("warning: browser could not fully decode audio "+k+", trying slower base64 approach");function ve(se){for(var De="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",pe="=",me="",ie=0,Oe=0,je=0;je<se.length;je++)for(ie=ie<<8|se[je],Oe+=8;Oe>=6;){var qe=ie>>Oe-6&63;Oe-=6,me+=De[qe]}return Oe==2?(me+=De[(ie&3)<<4],me+=pe+pe):Oe==4&&(me+=De[(ie&15)<<2],me+=pe),me}m.src="data:audio/x-"+k.substr(-3)+";base64,"+ve(t),U(m)},m.src=ne,Browser.safeSetTimeout(function(){U(m)},1e4)}else return H()},Module.preloadPlugins.push(o);function a(){Browser.pointerLock=document.pointerLockElement===Module.canvas||document.mozPointerLockElement===Module.canvas||document.webkitPointerLockElement===Module.canvas||document.msPointerLockElement===Module.canvas}var p=Module.canvas;p&&(p.requestPointerLock=p.requestPointerLock||p.mozRequestPointerLock||p.webkitRequestPointerLock||p.msRequestPointerLock||function(){},p.exitPointerLock=document.exitPointerLock||document.mozExitPointerLock||document.webkitExitPointerLock||document.msExitPointerLock||function(){},p.exitPointerLock=p.exitPointerLock.bind(document),document.addEventListener("pointerlockchange",a,!1),document.addEventListener("mozpointerlockchange",a,!1),document.addEventListener("webkitpointerlockchange",a,!1),document.addEventListener("mspointerlockchange",a,!1),Module.elementPointerLock&&p.addEventListener("click",function(_){!Browser.pointerLock&&Module.canvas.requestPointerLock&&(Module.canvas.requestPointerLock(),_.preventDefault())},!1))},createContext:function(i,o,a,p){if(o&&Module.ctx&&i==Module.canvas)return Module.ctx;var _,t;if(o){var k={antialias:!1,alpha:!1};if(p)for(var L in p)k[L]=p[L];t=GL.createContext(i,k),t&&(_=GL.getContext(t).GLctx)}else _=i.getContext("2d");return _?(a&&(o||assert(typeof GLctx=="undefined","cannot set in module if GLctx is used, but we are a non-GL context that would replace it"),Module.ctx=_,o&&GL.makeContextCurrent(t),Module.useWebGL=o,Browser.moduleContextCreatedCallbacks.forEach(function(O){O()}),Browser.init()),_):null},destroyContext:function(i,o,a){},fullscreenHandlersInstalled:!1,lockPointer:void 0,resizeCanvas:void 0,requestFullscreen:function(i,o,a){Browser.lockPointer=i,Browser.resizeCanvas=o,Browser.vrDevice=a,typeof Browser.lockPointer=="undefined"&&(Browser.lockPointer=!0),typeof Browser.resizeCanvas=="undefined"&&(Browser.resizeCanvas=!1),typeof Browser.vrDevice=="undefined"&&(Browser.vrDevice=null);var p=Module.canvas;function _(){Browser.isFullscreen=!1;var k=p.parentNode;(document.fullscreenElement||document.mozFullScreenElement||document.msFullscreenElement||document.webkitFullscreenElement||document.webkitCurrentFullScreenElement)===k?(p.exitFullscreen=document.exitFullscreen||document.cancelFullScreen||document.mozCancelFullScreen||document.msExitFullscreen||document.webkitCancelFullScreen||function(){},p.exitFullscreen=p.exitFullscreen.bind(document),Browser.lockPointer&&p.requestPointerLock(),Browser.isFullscreen=!0,Browser.resizeCanvas&&Browser.setFullscreenCanvasSize()):(k.parentNode.insertBefore(p,k),k.parentNode.removeChild(k),Browser.resizeCanvas&&Browser.setWindowedCanvasSize()),Module.onFullScreen&&Module.onFullScreen(Browser.isFullscreen),Module.onFullscreen&&Module.onFullscreen(Browser.isFullscreen),Browser.updateCanvasDimensions(p)}Browser.fullscreenHandlersInstalled||(Browser.fullscreenHandlersInstalled=!0,document.addEventListener("fullscreenchange",_,!1),document.addEventListener("mozfullscreenchange",_,!1),document.addEventListener("webkitfullscreenchange",_,!1),document.addEventListener("MSFullscreenChange",_,!1));var t=document.createElement("div");p.parentNode.insertBefore(t,p),t.appendChild(p),t.requestFullscreen=t.requestFullscreen||t.mozRequestFullScreen||t.msRequestFullscreen||(t.webkitRequestFullscreen?function(){t.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT)}:null)||(t.webkitRequestFullScreen?function(){t.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT)}:null),a?t.requestFullscreen({vrDisplay:a}):t.requestFullscreen()},requestFullScreen:function(i,o,a){return Module.printErr("Browser.requestFullScreen() is deprecated. Please call Browser.requestFullscreen instead."),Browser.requestFullScreen=function(p,_,t){return Browser.requestFullscreen(p,_,t)},Browser.requestFullscreen(i,o,a)},nextRAF:0,fakeRequestAnimationFrame:function(i){var o=Date.now();if(Browser.nextRAF===0)Browser.nextRAF=o+1e3/60;else for(;o+2>=Browser.nextRAF;)Browser.nextRAF+=1e3/60;var a=Math.max(Browser.nextRAF-o,0);setTimeout(i,a)},requestAnimationFrame:function(o){typeof window=="undefined"?Browser.fakeRequestAnimationFrame(o):(window.requestAnimationFrame||(window.requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame||window.oRequestAnimationFrame||Browser.fakeRequestAnimationFrame),window.requestAnimationFrame(o))},safeCallback:function(i){return function(){if(!ABORT)return i.apply(null,arguments)}},allowAsyncCallbacks:!0,queuedAsyncCallbacks:[],pauseAsyncCallbacks:function(){Browser.allowAsyncCallbacks=!1},resumeAsyncCallbacks:function(){if(Browser.allowAsyncCallbacks=!0,Browser.queuedAsyncCallbacks.length>0){var i=Browser.queuedAsyncCallbacks;Browser.queuedAsyncCallbacks=[],i.forEach(function(o){o()})}},safeRequestAnimationFrame:function(i){return Browser.requestAnimationFrame(function(){ABORT||(Browser.allowAsyncCallbacks?i():Browser.queuedAsyncCallbacks.push(i))})},safeSetTimeout:function(i,o){return Module.noExitRuntime=!0,setTimeout(function(){ABORT||(Browser.allowAsyncCallbacks?i():Browser.queuedAsyncCallbacks.push(i))},o)},safeSetInterval:function(i,o){return Module.noExitRuntime=!0,setInterval(function(){ABORT||Browser.allowAsyncCallbacks&&i()},o)},getMimetype:function(i){return{jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",bmp:"image/bmp",ogg:"audio/ogg",wav:"audio/wav",mp3:"audio/mpeg"}[i.substr(i.lastIndexOf(".")+1)]},getUserMedia:function(i){window.getUserMedia||(window.getUserMedia=navigator.getUserMedia||navigator.mozGetUserMedia),window.getUserMedia(i)},getMovementX:function(i){return i.movementX||i.mozMovementX||i.webkitMovementX||0},getMovementY:function(i){return i.movementY||i.mozMovementY||i.webkitMovementY||0},getMouseWheelDelta:function(i){var o=0;switch(i.type){case"DOMMouseScroll":o=i.detail;break;case"mousewheel":o=i.wheelDelta;break;case"wheel":o=i.deltaY;break;default:throw"unrecognized mouse wheel event: "+i.type}return o},mouseX:0,mouseY:0,mouseMovementX:0,mouseMovementY:0,touches:{},lastTouches:{},calculateMouseEvent:function(i){if(Browser.pointerLock)i.type!="mousemove"&&"mozMovementX"in i?Browser.mouseMovementX=Browser.mouseMovementY=0:(Browser.mouseMovementX=Browser.getMovementX(i),Browser.mouseMovementY=Browser.getMovementY(i)),typeof SDL!="undefined"?(Browser.mouseX=SDL.mouseX+Browser.mouseMovementX,Browser.mouseY=SDL.mouseY+Browser.mouseMovementY):(Browser.mouseX+=Browser.mouseMovementX,Browser.mouseY+=Browser.mouseMovementY);else{var o=Module.canvas.getBoundingClientRect(),a=Module.canvas.width,p=Module.canvas.height,_=typeof window.scrollX!="undefined"?window.scrollX:window.pageXOffset,t=typeof window.scrollY!="undefined"?window.scrollY:window.pageYOffset;if(i.type==="touchstart"||i.type==="touchend"||i.type==="touchmove"){var k=i.touch;if(k===void 0)return;var L=k.pageX-(_+o.left),O=k.pageY-(t+o.top);L=L*(a/o.width),O=O*(p/o.height);var C={x:L,y:O};if(i.type==="touchstart")Browser.lastTouches[k.identifier]=C,Browser.touches[k.identifier]=C;else if(i.type==="touchend"||i.type==="touchmove"){var U=Browser.touches[k.identifier];U||(U=C),Browser.lastTouches[k.identifier]=U,Browser.touches[k.identifier]=C}return}var H=i.pageX-(_+o.left),W=i.pageY-(t+o.top);H=H*(a/o.width),W=W*(p/o.height),Browser.mouseMovementX=H-Browser.mouseX,Browser.mouseMovementY=W-Browser.mouseY,Browser.mouseX=H,Browser.mouseY=W}},asyncLoad:function(i,o,a,p){var _=p?"":getUniqueRunDependency("al "+i);Module.readAsync(i,function(t){assert(t,'Loading data file "'+i+'" failed (no arrayBuffer).'),o(new Uint8Array(t)),_&&removeRunDependency(_)},function(t){if(a)a();else throw'Loading data file "'+i+'" failed.'}),_&&addRunDependency(_)},resizeListeners:[],updateResizeListeners:function(){var i=Module.canvas;Browser.resizeListeners.forEach(function(o){o(i.width,i.height)})},setCanvasSize:function(i,o,a){var p=Module.canvas;Browser.updateCanvasDimensions(p,i,o),a||Browser.updateResizeListeners()},windowedWidth:0,windowedHeight:0,setFullscreenCanvasSize:function(){if(typeof SDL!="undefined"){var i=HEAPU32[SDL.screen+Runtime.QUANTUM_SIZE*0>>2];i=i|8388608,HEAP32[SDL.screen+Runtime.QUANTUM_SIZE*0>>2]=i}Browser.updateResizeListeners()},setWindowedCanvasSize:function(){if(typeof SDL!="undefined"){var i=HEAPU32[SDL.screen+Runtime.QUANTUM_SIZE*0>>2];i=i&~8388608,HEAP32[SDL.screen+Runtime.QUANTUM_SIZE*0>>2]=i}Browser.updateResizeListeners()},updateCanvasDimensions:function(i,o,a){o&&a?(i.widthNative=o,i.heightNative=a):(o=i.widthNative,a=i.heightNative);var p=o,_=a;if(Module.forcedAspectRatio&&Module.forcedAspectRatio>0&&(p/_<Module.forcedAspectRatio?p=Math.round(_*Module.forcedAspectRatio):_=Math.round(p/Module.forcedAspectRatio)),(document.fullscreenElement||document.mozFullScreenElement||document.msFullscreenElement||document.webkitFullscreenElement||document.webkitCurrentFullScreenElement)===i.parentNode&&typeof screen!="undefined"){var t=Math.min(screen.width/p,screen.height/_);p=Math.round(p*t),_=Math.round(_*t)}Browser.resizeCanvas?(i.width!=p&&(i.width=p),i.height!=_&&(i.height=_),typeof i.style!="undefined"&&(i.style.removeProperty("width"),i.style.removeProperty("height"))):(i.width!=o&&(i.width=o),i.height!=a&&(i.height=a),typeof i.style!="undefined"&&(p!=o||_!=a?(i.style.setProperty("width",p+"px","important"),i.style.setProperty("height",_+"px","important")):(i.style.removeProperty("width"),i.style.removeProperty("height"))))},wgetRequests:{},nextWgetRequestHandle:0,getNextWgetRequestHandle:function(){var i=Browser.nextWgetRequestHandle;return Browser.nextWgetRequestHandle++,i}},SYSCALLS={varargs:0,get:function(i){SYSCALLS.varargs+=4;var o=HEAP32[SYSCALLS.varargs-4>>2];return o},getStr:function(){var i=Pointer_stringify(SYSCALLS.get());return i},get64:function(){var i=SYSCALLS.get(),o=SYSCALLS.get();return i>=0?assert(o===0):assert(o===-1),i},getZero:function(){assert(SYSCALLS.get()===0)}};function ___syscall6(i,o){SYSCALLS.varargs=o;try{var a=SYSCALLS.getStreamFromFD();return FS.close(a),0}catch(p){return(typeof FS=="undefined"||!(p instanceof FS.ErrnoError))&&abort(p),-p.errno}}function ___syscall54(i,o){SYSCALLS.varargs=o;try{return 0}catch(a){return(typeof FS=="undefined"||!(a instanceof FS.ErrnoError))&&abort(a),-a.errno}}function _typeModule(i){var o=[[0,1,"X"],[1,1,"const X"],[128,1,"X *"],[256,1,"X &"],[384,1,"X &&"],[512,1,"std::shared_ptr<X>"],[640,1,"std::unique_ptr<X>"],[5120,1,"std::vector<X>"],[6144,2,"std::array<X, Y>"],[9216,-1,"std::function<X (Y)>"]];function a(O,C,U,H,W,ne){if(C==1){var m=H&896;(m==128||m==256||m==384)&&(O="X const")}var he;return ne?he=U.replace("X",O).replace("Y",W):he=O.replace("X",U).replace("Y",W),he.replace(/([*&]) (?=[*&])/g,"$1")}function p(O,C,U,H,W){throw new Error(O+" type "+U.replace("X",C+"?")+(H?" with flag "+H:"")+" in "+W)}function _(O,C,U,H,W,ne,m,he){ne===void 0&&(ne="X"),he===void 0&&(he=1);var Ee=U(O);if(Ee)return Ee;var ve=H(O),se=ve.placeholderFlag,De=o[se];m&&De&&(ne=a(m[2],m[0],ne,De[0],"?",!0));var pe;se==0&&(pe="Unbound"),se>=10&&(pe="Corrupt"),he>20&&(pe="Deeply nested"),pe&&p(pe,O,ne,se,W||"?");var me=ve.paramList[0],ie=_(me,C,U,H,W,ne,De,he+1),Oe,je={flags:De[0],id:O,name:"",paramList:[ie]},qe=[],yt="?";switch(ve.placeholderFlag){case 1:Oe=ie.spec;break;case 2:if((ie.flags&15360)==1024&&ie.spec.ptrSize==1){je.flags=7168;break}case 3:case 6:case 5:Oe=ie.spec,(ie.flags&15360)!=2048;break;case 8:yt=""+ve.paramList[1],je.paramList.push(ve.paramList[1]);break;case 9:for(var gt=0,Xe=ve.paramList[1];gt<Xe.length;gt++){var ut=Xe[gt],We=_(ut,C,U,H,W,ne,De,he+1);qe.push(We.name),je.paramList.push(We)}yt=qe.join(", ");break;default:break}if(je.name=a(De[2],De[0],ie.name,ie.flags,yt),Oe){for(var Ft=0,Jt=Object.keys(Oe);Ft<Jt.length;Ft++){var rt=Jt[Ft];je[rt]=je[rt]||Oe[rt]}je.flags|=Oe.flags}return t(C,je)}function t(O,C){var U=C.flags,H=U&896,W=U&15360;return!C.name&&W==1024&&(C.ptrSize==1?C.name=(U&16?"":(U&8?"un":"")+"signed ")+"char":C.name=(U&8?"u":"")+(U&32?"float":"int")+(C.ptrSize*8+"_t")),C.ptrSize==8&&!(U&32)&&(W=64),W==2048&&(H==512||H==640?W=4096:H&&(W=3072)),O(W,C)}var k=function(){function O(C){this.id=C.id,this.name=C.name,this.flags=C.flags,this.spec=C}return O.prototype.toString=function(){return this.name},O}(),L={Type:k,getComplexType:_,makeType:t,structureList:o};return i.output=L,i.output||L}function __nbind_register_type(i,o){var a=_nbind.readAsciiString(o),p={flags:10240,id:i,name:a};_nbind.makeType(_nbind.constructType,p)}function __nbind_register_callback_signature(i,o){var a=_nbind.readTypeIdList(i,o),p=_nbind.callbackSignatureList.length;return _nbind.callbackSignatureList[p]=_nbind.makeJSCaller(a),p}function __extends(i,o){for(var a in o)o.hasOwnProperty(a)&&(i[a]=o[a]);function p(){this.constructor=i}p.prototype=o.prototype,i.prototype=new p}function __nbind_register_class(i,o,a,p,_,t,k){var L=_nbind.readAsciiString(k),O=_nbind.readPolicyList(o),C=HEAPU32.subarray(i/4,i/4+2),U={flags:2048|(O.Value?2:0),id:C[0],name:L},H=_nbind.makeType(_nbind.constructType,U);H.ptrType=_nbind.getComplexType(C[1],_nbind.constructType,_nbind.getType,_nbind.queryType),H.destroy=_nbind.makeMethodCaller(H.ptrType,{boundID:U.id,flags:0,name:"destroy",num:0,ptr:t,title:H.name+".free",typeList:["void","uint32_t","uint32_t"]}),_&&(H.superIdList=Array.prototype.slice.call(HEAPU32.subarray(a/4,a/4+_)),H.upcastList=Array.prototype.slice.call(HEAPU32.subarray(p/4,p/4+_))),Module[H.name]=H.makeBound(O),_nbind.BindClass.list.push(H)}function _removeAccessorPrefix(i){var o=/^[Gg]et_?([A-Z]?([A-Z]?))/;return i.replace(o,function(a,p,_){return _?p:p.toLowerCase()})}function __nbind_register_function(i,o,a,p,_,t,k,L,O,C){var U=_nbind.getType(i),H=_nbind.readPolicyList(o),W=_nbind.readTypeIdList(a,p),ne;if(k==5)ne=[{direct:_,name:"__nbindConstructor",ptr:0,title:U.name+" constructor",typeList:["uint32_t"].concat(W.slice(1))},{direct:t,name:"__nbindValueConstructor",ptr:0,title:U.name+" value constructor",typeList:["void","uint32_t"].concat(W.slice(1))}];else{var m=_nbind.readAsciiString(L),he=(U.name&&U.name+".")+m;(k==3||k==4)&&(m=_removeAccessorPrefix(m)),ne=[{boundID:i,direct:t,name:m,ptr:_,title:he,typeList:W}]}for(var Ee=0,ve=ne;Ee<ve.length;Ee++){var se=ve[Ee];se.signatureType=k,se.policyTbl=H,se.num=O,se.flags=C,U.addMethod(se)}}function _nbind_value(i,o){_nbind.typeNameTbl[i]||_nbind.throwError("Unknown value type "+i),Module.NBind.bind_value(i,o),_defineHidden(_nbind.typeNameTbl[i].proto.prototype.__nbindValueConstructor)(o.prototype,"__nbindValueConstructor")}Module._nbind_value=_nbind_value;function __nbind_get_value_object(i,o){var a=_nbind.popValue(i);if(!a.fromJS)throw new Error("Object "+a+" has no fromJS function");a.fromJS(function(){a.__nbindValueConstructor.apply(this,Array.prototype.concat.apply([o],arguments))})}function _emscripten_memcpy_big(i,o,a){return HEAPU8.set(HEAPU8.subarray(o,o+a),i),i}function __nbind_register_primitive(i,o,a){var p={flags:1024|a,id:i,ptrSize:o};_nbind.makeType(_nbind.constructType,p)}var cttz_i8=allocate([8,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0,4,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0,5,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0,4,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0,6,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0,4,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0,5,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0,4,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0,7,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0,4,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0,5,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0,4,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0,6,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0,4,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0,5,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0,4,0,1,0,2,0,1,0,3,0,1,0,2,0,1,0],"i8",ALLOC_STATIC);function ___setErrNo(i){return Module.___errno_location&&(HEAP32[Module.___errno_location()>>2]=i),i}function _llvm_stacksave(){var i=_llvm_stacksave;return i.LLVM_SAVEDSTACKS||(i.LLVM_SAVEDSTACKS=[]),i.LLVM_SAVEDSTACKS.push(Runtime.stackSave()),i.LLVM_SAVEDSTACKS.length-1}function ___syscall140(i,o){SYSCALLS.varargs=o;try{var a=SYSCALLS.getStreamFromFD(),p=SYSCALLS.get(),_=SYSCALLS.get(),t=SYSCALLS.get(),k=SYSCALLS.get(),L=_;return FS.llseek(a,L,k),HEAP32[t>>2]=a.position,a.getdents&&L===0&&k===0&&(a.getdents=null),0}catch(O){return(typeof FS=="undefined"||!(O instanceof FS.ErrnoError))&&abort(O),-O.errno}}function ___syscall146(i,o){SYSCALLS.varargs=o;try{var a=SYSCALLS.get(),p=SYSCALLS.get(),_=SYSCALLS.get(),t=0;___syscall146.buffer||(___syscall146.buffers=[null,[],[]],___syscall146.printChar=function(U,H){var W=___syscall146.buffers[U];assert(W),H===0||H===10?((U===1?Module.print:Module.printErr)(UTF8ArrayToString(W,0)),W.length=0):W.push(H)});for(var k=0;k<_;k++){for(var L=HEAP32[p+k*8>>2],O=HEAP32[p+(k*8+4)>>2],C=0;C<O;C++)___syscall146.printChar(a,HEAPU8[L+C]);t+=O}return t}catch(U){return(typeof FS=="undefined"||!(U instanceof FS.ErrnoError))&&abort(U),-U.errno}}function __nbind_finish(){for(var i=0,o=_nbind.BindClass.list;i<o.length;i++){var a=o[i];a.finish()}}var ___dso_handle=STATICTOP;STATICTOP+=16,function(_nbind){var typeIdTbl={};_nbind.typeNameTbl={};var Pool=function(){function i(){}return i.lalloc=function(o){o=o+7&~7;var a=HEAPU32[i.usedPtr];if(o>i.pageSize/2||o>i.pageSize-a){var p=_nbind.typeNameTbl.NBind.proto;return p.lalloc(o)}else return HEAPU32[i.usedPtr]=a+o,i.rootPtr+a},i.lreset=function(o,a){var p=HEAPU32[i.pagePtr];if(p){var _=_nbind.typeNameTbl.NBind.proto;_.lreset(o,a)}else HEAPU32[i.usedPtr]=o},i}();_nbind.Pool=Pool;function constructType(i,o){var a=i==10240?_nbind.makeTypeNameTbl[o.name]||_nbind.BindType:_nbind.makeTypeKindTbl[i],p=new a(o);return typeIdTbl[o.id]=p,_nbind.typeNameTbl[o.name]=p,p}_nbind.constructType=constructType;function getType(i){return typeIdTbl[i]}_nbind.getType=getType;function queryType(i){var o=HEAPU8[i],a=_nbind.structureList[o][1];i/=4,a<0&&(++i,a=HEAPU32[i]+1);var p=Array.prototype.slice.call(HEAPU32.subarray(i+1,i+1+a));return o==9&&(p=[p[0],p.slice(1)]),{paramList:p,placeholderFlag:o}}_nbind.queryType=queryType;function getTypes(i,o){return i.map(function(a){return typeof a=="number"?_nbind.getComplexType(a,constructType,getType,queryType,o):_nbind.typeNameTbl[a]})}_nbind.getTypes=getTypes;function readTypeIdList(i,o){return Array.prototype.slice.call(HEAPU32,i/4,i/4+o)}_nbind.readTypeIdList=readTypeIdList;function readAsciiString(i){for(var o=i;HEAPU8[o++];);return String.fromCharCode.apply("",HEAPU8.subarray(i,o-1))}_nbind.readAsciiString=readAsciiString;function readPolicyList(i){var o={};if(i)for(;;){var a=HEAPU32[i/4];if(!a)break;o[readAsciiString(a)]=!0,i+=4}return o}_nbind.readPolicyList=readPolicyList;function getDynCall(i,o){var a={float32_t:"d",float64_t:"d",int64_t:"d",uint64_t:"d",void:"v"},p=i.map(function(t){return a[t.name]||"i"}).join(""),_=Module["dynCall_"+p];if(!_)throw new Error("dynCall_"+p+" not found for "+o+"("+i.map(function(t){return t.name}).join(", ")+")");return _}_nbind.getDynCall=getDynCall;function addMethod(i,o,a,p){var _=i[o];i.hasOwnProperty(o)&&_?((_.arity||_.arity===0)&&(_=_nbind.makeOverloader(_,_.arity),i[o]=_),_.addMethod(a,p)):(a.arity=p,i[o]=a)}_nbind.addMethod=addMethod;function throwError(i){throw new Error(i)}_nbind.throwError=throwError,_nbind.bigEndian=!1,_a=_typeModule(_typeModule),_nbind.Type=_a.Type,_nbind.makeType=_a.makeType,_nbind.getComplexType=_a.getComplexType,_nbind.structureList=_a.structureList;var BindType=function(i){__extends(o,i);function o(){var a=i!==null&&i.apply(this,arguments)||this;return a.heap=HEAPU32,a.ptrSize=4,a}return o.prototype.needsWireRead=function(a){return!!this.wireRead||!!this.makeWireRead},o.prototype.needsWireWrite=function(a){return!!this.wireWrite||!!this.makeWireWrite},o}(_nbind.Type);_nbind.BindType=BindType;var PrimitiveType=function(i){__extends(o,i);function o(a){var p=i.call(this,a)||this,_=a.flags&32?{32:HEAPF32,64:HEAPF64}:a.flags&8?{8:HEAPU8,16:HEAPU16,32:HEAPU32}:{8:HEAP8,16:HEAP16,32:HEAP32};return p.heap=_[a.ptrSize*8],p.ptrSize=a.ptrSize,p}return o.prototype.needsWireWrite=function(a){return!!a&&!!a.Strict},o.prototype.makeWireWrite=function(a,p){return p&&p.Strict&&function(_){if(typeof _=="number")return _;throw new Error("Type mismatch")}},o}(BindType);_nbind.PrimitiveType=PrimitiveType;function pushCString(i,o){if(i==null){if(o&&o.Nullable)return 0;throw new Error("Type mismatch")}if(o&&o.Strict){if(typeof i!="string")throw new Error("Type mismatch")}else i=i.toString();var a=Module.lengthBytesUTF8(i)+1,p=_nbind.Pool.lalloc(a);return Module.stringToUTF8Array(i,HEAPU8,p,a),p}_nbind.pushCString=pushCString;function popCString(i){return i===0?null:Module.Pointer_stringify(i)}_nbind.popCString=popCString;var CStringType=function(i){__extends(o,i);function o(){var a=i!==null&&i.apply(this,arguments)||this;return a.wireRead=popCString,a.wireWrite=pushCString,a.readResources=[_nbind.resources.pool],a.writeResources=[_nbind.resources.pool],a}return o.prototype.makeWireWrite=function(a,p){return function(_){return pushCString(_,p)}},o}(BindType);_nbind.CStringType=CStringType;var BooleanType=function(i){__extends(o,i);function o(){var a=i!==null&&i.apply(this,arguments)||this;return a.wireRead=function(p){return!!p},a}return o.prototype.needsWireWrite=function(a){return!!a&&!!a.Strict},o.prototype.makeWireRead=function(a){return"!!("+a+")"},o.prototype.makeWireWrite=function(a,p){return p&&p.Strict&&function(_){if(typeof _=="boolean")return _;throw new Error("Type mismatch")}||a},o}(BindType);_nbind.BooleanType=BooleanType;var Wrapper=function(){function i(){}return i.prototype.persist=function(){this.__nbindState|=1},i}();_nbind.Wrapper=Wrapper;function makeBound(i,o){var a=function(p){__extends(_,p);function _(t,k,L,O){var C=p.call(this)||this;if(!(C instanceof _))return new(Function.prototype.bind.apply(_,Array.prototype.concat.apply([null],arguments)));var U=k,H=L,W=O;if(t!==_nbind.ptrMarker){var ne=C.__nbindConstructor.apply(C,arguments);U=4096|512,W=HEAPU32[ne/4],H=HEAPU32[ne/4+1]}var m={configurable:!0,enumerable:!1,value:null,writable:!1},he={__nbindFlags:U,__nbindPtr:H};W&&(he.__nbindShared=W,_nbind.mark(C));for(var Ee=0,ve=Object.keys(he);Ee<ve.length;Ee++){var se=ve[Ee];m.value=he[se],Object.defineProperty(C,se,m)}return _defineHidden(0)(C,"__nbindState"),C}return _.prototype.free=function(){o.destroy.call(this,this.__nbindShared,this.__nbindFlags),this.__nbindState|=2,disableMember(this,"__nbindShared"),disableMember(this,"__nbindPtr")},_}(Wrapper);return __decorate([_defineHidden()],a.prototype,"__nbindConstructor",void 0),__decorate([_defineHidden()],a.prototype,"__nbindValueConstructor",void 0),__decorate([_defineHidden(i)],a.prototype,"__nbindPolicies",void 0),a}_nbind.makeBound=makeBound;function disableMember(i,o){function a(){throw new Error("Accessing deleted object")}Object.defineProperty(i,o,{configurable:!1,enumerable:!1,get:a,set:a})}_nbind.ptrMarker={};var BindClass=function(i){__extends(o,i);function o(a){var p=i.call(this,a)||this;return p.wireRead=function(_){return _nbind.popValue(_,p.ptrType)},p.wireWrite=function(_){return pushPointer(_,p.ptrType,!0)},p.pendingSuperCount=0,p.ready=!1,p.methodTbl={},a.paramList?(p.classType=a.paramList[0].classType,p.proto=p.classType.proto):p.classType=p,p}return o.prototype.makeBound=function(a){var p=_nbind.makeBound(a,this);return this.proto=p,this.ptrType.proto=p,p},o.prototype.addMethod=function(a){var p=this.methodTbl[a.name]||[];p.push(a),this.methodTbl[a.name]=p},o.prototype.registerMethods=function(a,p){for(var _,t=0,k=Object.keys(a.methodTbl);t<k.length;t++)for(var L=k[t],O=a.methodTbl[L],C=0,U=O;C<U.length;C++){var H=U[C],W=void 0,ne=void 0;if(W=this.proto.prototype,!(p&&H.signatureType!=1))switch(H.signatureType){case 1:W=this.proto;case 5:ne=_nbind.makeCaller(H),_nbind.addMethod(W,H.name,ne,H.typeList.length-1);break;case 4:_=_nbind.makeMethodCaller(a.ptrType,H);break;case 3:Object.defineProperty(W,H.name,{configurable:!0,enumerable:!1,get:_nbind.makeMethodCaller(a.ptrType,H),set:_});break;case 2:ne=_nbind.makeMethodCaller(a.ptrType,H),_nbind.addMethod(W,H.name,ne,H.typeList.length-1);break;default:break}}},o.prototype.registerSuperMethods=function(a,p,_){if(!_[a.name]){_[a.name]=!0;for(var t=0,k,L=0,O=a.superIdList||[];L<O.length;L++){var C=O[L],U=_nbind.getType(C);t++<p||p<0?k=-1:k=0,this.registerSuperMethods(U,k,_)}this.registerMethods(a,p<0)}},o.prototype.finish=function(){if(this.ready)return this;this.ready=!0,this.superList=(this.superIdList||[]).map(function(_){return _nbind.getType(_).finish()});var a=this.proto;if(this.superList.length){var p=function(){this.constructor=a};p.prototype=this.superList[0].proto.prototype,a.prototype=new p}return a!=Module&&(a.prototype.__nbindType=this),this.registerSuperMethods(this,1,{}),this},o.prototype.upcastStep=function(a,p){if(a==this)return p;for(var _=0;_<this.superList.length;++_){var t=this.superList[_].upcastStep(a,_nbind.callUpcast(this.upcastList[_],p));if(t)return t}return 0},o}(_nbind.BindType);BindClass.list=[],_nbind.BindClass=BindClass;function popPointer(i,o){return i?new o.proto(_nbind.ptrMarker,o.flags,i):null}_nbind.popPointer=popPointer;function pushPointer(i,o,a){if(!(i instanceof _nbind.Wrapper)){if(a)return _nbind.pushValue(i);throw new Error("Type mismatch")}var p=i.__nbindPtr,_=i.__nbindType.classType,t=o.classType;if(i instanceof o.proto)for(;_!=t;)p=_nbind.callUpcast(_.upcastList[0],p),_=_.superList[0];else if(p=_.upcastStep(t,p),!p)throw new Error("Type mismatch");return p}_nbind.pushPointer=pushPointer;function pushMutablePointer(i,o){var a=pushPointer(i,o);if(i.__nbindFlags&1)throw new Error("Passing a const value as a non-const argument");return a}var BindClassPtr=function(i){__extends(o,i);function o(a){var p=i.call(this,a)||this;p.classType=a.paramList[0].classType,p.proto=p.classType.proto;var _=a.flags&1,t=(p.flags&896)==256&&a.flags&2,k=_?pushPointer:pushMutablePointer,L=t?_nbind.popValue:popPointer;return p.makeWireWrite=function(O,C){return C.Nullable?function(U){return U?k(U,p):0}:function(U){return k(U,p)}},p.wireRead=function(O){return L(O,p)},p.wireWrite=function(O){return k(O,p)},p}return o}(_nbind.BindType);_nbind.BindClassPtr=BindClassPtr;function popShared(i,o){var a=HEAPU32[i/4],p=HEAPU32[i/4+1];return p?new o.proto(_nbind.ptrMarker,o.flags,p,a):null}_nbind.popShared=popShared;function pushShared(i,o){if(!(i instanceof o.proto))throw new Error("Type mismatch");return i.__nbindShared}function pushMutableShared(i,o){if(!(i instanceof o.proto))throw new Error("Type mismatch");if(i.__nbindFlags&1)throw new Error("Passing a const value as a non-const argument");return i.__nbindShared}var SharedClassPtr=function(i){__extends(o,i);function o(a){var p=i.call(this,a)||this;p.readResources=[_nbind.resources.pool],p.classType=a.paramList[0].classType,p.proto=p.classType.proto;var _=a.flags&1,t=_?pushShared:pushMutableShared;return p.wireRead=function(k){return popShared(k,p)},p.wireWrite=function(k){return t(k,p)},p}return o}(_nbind.BindType);_nbind.SharedClassPtr=SharedClassPtr,_nbind.externalList=[0];var firstFreeExternal=0,External=function(){function i(o){this.refCount=1,this.data=o}return i.prototype.register=function(){var o=firstFreeExternal;return o?firstFreeExternal=_nbind.externalList[o]:o=_nbind.externalList.length,_nbind.externalList[o]=this,o},i.prototype.reference=function(){++this.refCount},i.prototype.dereference=function(o){--this.refCount==0&&(this.free&&this.free(),_nbind.externalList[o]=firstFreeExternal,firstFreeExternal=o)},i}();_nbind.External=External;function popExternal(i){var o=_nbind.externalList[i];return o.dereference(i),o.data}function pushExternal(i){var o=new External(i);return o.reference(),o.register()}var ExternalType=function(i){__extends(o,i);function o(){var a=i!==null&&i.apply(this,arguments)||this;return a.wireRead=popExternal,a.wireWrite=pushExternal,a}return o}(_nbind.BindType);_nbind.ExternalType=ExternalType,_nbind.callbackSignatureList=[];var CallbackType=function(i){__extends(o,i);function o(){var a=i!==null&&i.apply(this,arguments)||this;return a.wireWrite=function(p){return typeof p!="function"&&_nbind.throwError("Type mismatch"),new _nbind.External(p).register()},a}return o}(_nbind.BindType);_nbind.CallbackType=CallbackType,_nbind.valueList=[0];var firstFreeValue=0;function pushValue(i){var o=firstFreeValue;return o?firstFreeValue=_nbind.valueList[o]:o=_nbind.valueList.length,_nbind.valueList[o]=i,o*2+1}_nbind.pushValue=pushValue;function popValue(i,o){if(i||_nbind.throwError("Value type JavaScript class is missing or not registered"),i&1){i>>=1;var a=_nbind.valueList[i];return _nbind.valueList[i]=firstFreeValue,firstFreeValue=i,a}else{if(o)return _nbind.popShared(i,o);throw new Error("Invalid value slot "+i)}}_nbind.popValue=popValue;var valueBase=18446744073709552e3;function push64(i){return typeof i=="number"?i:pushValue(i)*4096+valueBase}function pop64(i){return i<valueBase?i:popValue((i-valueBase)/4096)}var CreateValueType=function(i){__extends(o,i);function o(){return i!==null&&i.apply(this,arguments)||this}return o.prototype.makeWireWrite=function(a){return"(_nbind.pushValue(new "+a+"))"},o}(_nbind.BindType);_nbind.CreateValueType=CreateValueType;var Int64Type=function(i){__extends(o,i);function o(){var a=i!==null&&i.apply(this,arguments)||this;return a.wireWrite=push64,a.wireRead=pop64,a}return o}(_nbind.BindType);_nbind.Int64Type=Int64Type;function pushArray(i,o){if(!i)return 0;var a=i.length;if((o.size||o.size===0)&&a<o.size)throw new Error("Type mismatch");var p=o.memberType.ptrSize,_=_nbind.Pool.lalloc(4+a*p);HEAPU32[_/4]=a;var t=o.memberType.heap,k=(_+4)/p,L=o.memberType.wireWrite,O=0;if(L)for(;O<a;)t[k++]=L(i[O++]);else for(;O<a;)t[k++]=i[O++];return _}_nbind.pushArray=pushArray;function popArray(i,o){if(i===0)return null;var a=HEAPU32[i/4],p=new Array(a),_=o.memberType.heap;i=(i+4)/o.memberType.ptrSize;var t=o.memberType.wireRead,k=0;if(t)for(;k<a;)p[k++]=t(_[i++]);else for(;k<a;)p[k++]=_[i++];return p}_nbind.popArray=popArray;var ArrayType=function(i){__extends(o,i);function o(a){var p=i.call(this,a)||this;return p.wireRead=function(_){return popArray(_,p)},p.wireWrite=function(_){return pushArray(_,p)},p.readResources=[_nbind.resources.pool],p.writeResources=[_nbind.resources.pool],p.memberType=a.paramList[0],a.paramList[1]&&(p.size=a.paramList[1]),p}return o}(_nbind.BindType);_nbind.ArrayType=ArrayType;function pushString(i,o){if(i==null)if(o&&o.Nullable)i="";else throw new Error("Type mismatch");if(o&&o.Strict){if(typeof i!="string")throw new Error("Type mismatch")}else i=i.toString();var a=Module.lengthBytesUTF8(i),p=_nbind.Pool.lalloc(4+a+1);return HEAPU32[p/4]=a,Module.stringToUTF8Array(i,HEAPU8,p+4,a+1),p}_nbind.pushString=pushString;function popString(i){if(i===0)return null;var o=HEAPU32[i/4];return Module.Pointer_stringify(i+4,o)}_nbind.popString=popString;var StringType=function(i){__extends(o,i);function o(){var a=i!==null&&i.apply(this,arguments)||this;return a.wireRead=popString,a.wireWrite=pushString,a.readResources=[_nbind.resources.pool],a.writeResources=[_nbind.resources.pool],a}return o.prototype.makeWireWrite=function(a,p){return function(_){return pushString(_,p)}},o}(_nbind.BindType);_nbind.StringType=StringType;function makeArgList(i){return Array.apply(null,Array(i)).map(function(o,a){return"a"+(a+1)})}function anyNeedsWireWrite(i,o){return i.reduce(function(a,p){return a||p.needsWireWrite(o)},!1)}function anyNeedsWireRead(i,o){return i.reduce(function(a,p){return a||!!p.needsWireRead(o)},!1)}function makeWireRead(i,o,a,p){var _=i.length;return a.makeWireRead?a.makeWireRead(p,i,_):a.wireRead?(i[_]=a.wireRead,"(convertParamList["+_+"]("+p+"))"):p}function makeWireWrite(i,o,a,p){var _,t=i.length;return a.makeWireWrite?_=a.makeWireWrite(p,o,i,t):_=a.wireWrite,_?typeof _=="string"?_:(i[t]=_,"(convertParamList["+t+"]("+p+"))"):p}function buildCallerFunction(dynCall,ptrType,ptr,num,policyTbl,needsWireWrite,prefix,returnType,argTypeList,mask,err){var argList=makeArgList(argTypeList.length),convertParamList=[],callExpression=makeWireRead(convertParamList,policyTbl,returnType,"dynCall("+[prefix].concat(argList.map(function(i,o){return makeWireWrite(convertParamList,policyTbl,argTypeList[o],i)})).join(",")+")"),resourceSet=_nbind.listResources([returnType],argTypeList),sourceCode="function("+argList.join(",")+"){"+(mask?"this.__nbindFlags&mask&&err();":"")+resourceSet.makeOpen()+"var r="+callExpression+";"+resourceSet.makeClose()+"return r;}";return eval("("+sourceCode+")")}function buildJSCallerFunction(returnType,argTypeList){var argList=makeArgList(argTypeList.length),convertParamList=[],callExpression=makeWireWrite(convertParamList,null,returnType,"_nbind.externalList[num].data("+argList.map(function(i,o){return makeWireRead(convertParamList,null,argTypeList[o],i)}).join(",")+")"),resourceSet=_nbind.listResources(argTypeList,[returnType]);resourceSet.remove(_nbind.resources.pool);var sourceCode="function("+["dummy","num"].concat(argList).join(",")+"){"+resourceSet.makeOpen()+"var r="+callExpression+";"+resourceSet.makeClose()+"return r;}";return eval("("+sourceCode+")")}_nbind.buildJSCallerFunction=buildJSCallerFunction;function makeJSCaller(i){var o=i.length-1,a=_nbind.getTypes(i,"callback"),p=a[0],_=a.slice(1),t=anyNeedsWireRead(_,null),k=p.needsWireWrite(null);if(!k&&!t)switch(o){case 0:return function(L,O){return _nbind.externalList[O].data()};case 1:return function(L,O,C){return _nbind.externalList[O].data(C)};case 2:return function(L,O,C,U){return _nbind.externalList[O].data(C,U)};case 3:return function(L,O,C,U,H){return _nbind.externalList[O].data(C,U,H)};default:break}return buildJSCallerFunction(p,_)}_nbind.makeJSCaller=makeJSCaller;function makeMethodCaller(i,o){var a=o.typeList.length-1,p=o.typeList.slice(0);p.splice(1,0,"uint32_t",o.boundID);var _=_nbind.getTypes(p,o.title),t=_[0],k=_.slice(3),L=t.needsWireRead(o.policyTbl),O=anyNeedsWireWrite(k,o.policyTbl),C=o.ptr,U=o.num,H=_nbind.getDynCall(_,o.title),W=~o.flags&1;function ne(){throw new Error("Calling a non-const method on a const object")}if(!L&&!O)switch(a){case 0:return function(){return this.__nbindFlags&W?ne():H(C,U,_nbind.pushPointer(this,i))};case 1:return function(m){return this.__nbindFlags&W?ne():H(C,U,_nbind.pushPointer(this,i),m)};case 2:return function(m,he){return this.__nbindFlags&W?ne():H(C,U,_nbind.pushPointer(this,i),m,he)};case 3:return function(m,he,Ee){return this.__nbindFlags&W?ne():H(C,U,_nbind.pushPointer(this,i),m,he,Ee)};default:break}return buildCallerFunction(H,i,C,U,o.policyTbl,O,"ptr,num,pushPointer(this,ptrType)",t,k,W,ne)}_nbind.makeMethodCaller=makeMethodCaller;function makeCaller(i){var o=i.typeList.length-1,a=_nbind.getTypes(i.typeList,i.title),p=a[0],_=a.slice(1),t=p.needsWireRead(i.policyTbl),k=anyNeedsWireWrite(_,i.policyTbl),L=i.direct,O=i.ptr;if(i.direct&&!t&&!k){var C=_nbind.getDynCall(a,i.title);switch(o){case 0:return function(){return C(L)};case 1:return function(ne){return C(L,ne)};case 2:return function(ne,m){return C(L,ne,m)};case 3:return function(ne,m,he){return C(L,ne,m,he)};default:break}O=0}var U;if(O){var H=i.typeList.slice(0);H.splice(1,0,"uint32_t"),a=_nbind.getTypes(H,i.title),U="ptr,num"}else O=L,U="ptr";var W=_nbind.getDynCall(a,i.title);return buildCallerFunction(W,null,O,i.num,i.policyTbl,k,U,p,_)}_nbind.makeCaller=makeCaller;function makeOverloader(i,o){var a=[];function p(){return a[arguments.length].apply(this,arguments)}return p.addMethod=function(_,t){a[t]=_},p.addMethod(i,o),p}_nbind.makeOverloader=makeOverloader;var Resource=function(){function i(o,a){var p=this;this.makeOpen=function(){return Object.keys(p.openTbl).join("")},this.makeClose=function(){return Object.keys(p.closeTbl).join("")},this.openTbl={},this.closeTbl={},o&&(this.openTbl[o]=!0),a&&(this.closeTbl[a]=!0)}return i.prototype.add=function(o){for(var a=0,p=Object.keys(o.openTbl);a<p.length;a++){var _=p[a];this.openTbl[_]=!0}for(var t=0,k=Object.keys(o.closeTbl);t<k.length;t++){var _=k[t];this.closeTbl[_]=!0}},i.prototype.remove=function(o){for(var a=0,p=Object.keys(o.openTbl);a<p.length;a++){var _=p[a];delete this.openTbl[_]}for(var t=0,k=Object.keys(o.closeTbl);t<k.length;t++){var _=k[t];delete this.closeTbl[_]}},i}();_nbind.Resource=Resource;function listResources(i,o){for(var a=new Resource,p=0,_=i;p<_.length;p++)for(var t=_[p],k=0,L=t.readResources||[];k<L.length;k++){var O=L[k];a.add(O)}for(var C=0,U=o;C<U.length;C++)for(var t=U[C],H=0,W=t.writeResources||[];H<W.length;H++){var O=W[H];a.add(O)}return a}_nbind.listResources=listResources,_nbind.resources={pool:new Resource("var used=HEAPU32[_nbind.Pool.usedPtr],page=HEAPU32[_nbind.Pool.pagePtr];","_nbind.Pool.lreset(used,page);")};var ExternalBuffer=function(i){__extends(o,i);function o(a,p){var _=i.call(this,a)||this;return _.ptr=p,_}return o.prototype.free=function(){_free(this.ptr)},o}(_nbind.External);function getBuffer(i){return i instanceof ArrayBuffer?new Uint8Array(i):i instanceof DataView?new Uint8Array(i.buffer,i.byteOffset,i.byteLength):i}function pushBuffer(i,o){if(i==null&&o&&o.Nullable&&(i=[]),typeof i!="object")throw new Error("Type mismatch");var a=i,p=a.byteLength||a.length;if(!p&&p!==0&&a.byteLength!==0)throw new Error("Type mismatch");var _=_nbind.Pool.lalloc(8),t=_malloc(p),k=_/4;return HEAPU32[k++]=p,HEAPU32[k++]=t,HEAPU32[k++]=new ExternalBuffer(i,t).register(),HEAPU8.set(getBuffer(i),t),_}var BufferType=function(i){__extends(o,i);function o(){var a=i!==null&&i.apply(this,arguments)||this;return a.wireWrite=pushBuffer,a.readResources=[_nbind.resources.pool],a.writeResources=[_nbind.resources.pool],a}return o.prototype.makeWireWrite=function(a,p){return function(_){return pushBuffer(_,p)}},o}(_nbind.BindType);_nbind.BufferType=BufferType;function commitBuffer(i,o,a){var p=_nbind.externalList[i].data,_=Buffer;if(typeof Buffer!="function"&&(_=function(){}),!(p instanceof Array)){var t=HEAPU8.subarray(o,o+a);if(p instanceof _){var k=void 0;typeof Buffer.from=="function"&&Buffer.from.length>=3?k=Buffer.from(t):k=new Buffer(t),k.copy(p)}else getBuffer(p).set(t)}}_nbind.commitBuffer=commitBuffer;var dirtyList=[],gcTimer=0;function sweep(){for(var i=0,o=dirtyList;i<o.length;i++){var a=o[i];a.__nbindState&(1|2)||a.free()}dirtyList=[],gcTimer=0}_nbind.mark=function(i){};function toggleLightGC(i){i?_nbind.mark=function(o){dirtyList.push(o),gcTimer||(gcTimer=setTimeout(sweep,0))}:_nbind.mark=function(o){}}_nbind.toggleLightGC=toggleLightGC}(_nbind),Module.requestFullScreen=function(o,a,p){Module.printErr("Module.requestFullScreen is deprecated. Please call Module.requestFullscreen instead."),Module.requestFullScreen=Module.requestFullscreen,Browser.requestFullScreen(o,a,p)},Module.requestFullscreen=function(o,a,p){Browser.requestFullscreen(o,a,p)},Module.requestAnimationFrame=function(o){Browser.requestAnimationFrame(o)},Module.setCanvasSize=function(o,a,p){Browser.setCanvasSize(o,a,p)},Module.pauseMainLoop=function(){Browser.mainLoop.pause()},Module.resumeMainLoop=function(){Browser.mainLoop.resume()},Module.getUserMedia=function(){Browser.getUserMedia()},Module.createContext=function(o,a,p,_){return Browser.createContext(o,a,p,_)},ENVIRONMENT_IS_NODE?_emscripten_get_now=function(){var o=process.hrtime();return o[0]*1e3+o[1]/1e6}:typeof dateNow!="undefined"?_emscripten_get_now=dateNow:typeof self=="object"&&self.performance&&typeof self.performance.now=="function"?_emscripten_get_now=function(){return self.performance.now()}:typeof performance=="object"&&typeof performance.now=="function"?_emscripten_get_now=function(){return performance.now()}:_emscripten_get_now=Date.now,__ATEXIT__.push(function(){var i=Module._fflush;i&&i(0);var o=___syscall146.printChar;if(!!o){var a=___syscall146.buffers;a[1].length&&o(1,10),a[2].length&&o(2,10)}}),DYNAMICTOP_PTR=allocate(1,"i32",ALLOC_STATIC),STACK_BASE=STACKTOP=Runtime.alignMemory(STATICTOP),STACK_MAX=STACK_BASE+TOTAL_STACK,DYNAMIC_BASE=Runtime.alignMemory(STACK_MAX),HEAP32[DYNAMICTOP_PTR>>2]=DYNAMIC_BASE,staticSealed=!0;function invoke_viiiii(i,o,a,p,_,t){try{Module.dynCall_viiiii(i,o,a,p,_,t)}catch(k){if(typeof k!="number"&&k!=="longjmp")throw k;Module.setThrew(1,0)}}function invoke_vif(i,o,a){try{Module.dynCall_vif(i,o,a)}catch(p){if(typeof p!="number"&&p!=="longjmp")throw p;Module.setThrew(1,0)}}function invoke_vid(i,o,a){try{Module.dynCall_vid(i,o,a)}catch(p){if(typeof p!="number"&&p!=="longjmp")throw p;Module.setThrew(1,0)}}function invoke_fiff(i,o,a,p){try{return Module.dynCall_fiff(i,o,a,p)}catch(_){if(typeof _!="number"&&_!=="longjmp")throw _;Module.setThrew(1,0)}}function invoke_vi(i,o){try{Module.dynCall_vi(i,o)}catch(a){if(typeof a!="number"&&a!=="longjmp")throw a;Module.setThrew(1,0)}}function invoke_vii(i,o,a){try{Module.dynCall_vii(i,o,a)}catch(p){if(typeof p!="number"&&p!=="longjmp")throw p;Module.setThrew(1,0)}}function invoke_ii(i,o){try{return Module.dynCall_ii(i,o)}catch(a){if(typeof a!="number"&&a!=="longjmp")throw a;Module.setThrew(1,0)}}function invoke_viddi(i,o,a,p,_){try{Module.dynCall_viddi(i,o,a,p,_)}catch(t){if(typeof t!="number"&&t!=="longjmp")throw t;Module.setThrew(1,0)}}function invoke_vidd(i,o,a,p){try{Module.dynCall_vidd(i,o,a,p)}catch(_){if(typeof _!="number"&&_!=="longjmp")throw _;Module.setThrew(1,0)}}function invoke_iiii(i,o,a,p){try{return Module.dynCall_iiii(i,o,a,p)}catch(_){if(typeof _!="number"&&_!=="longjmp")throw _;Module.setThrew(1,0)}}function invoke_diii(i,o,a,p){try{return Module.dynCall_diii(i,o,a,p)}catch(_){if(typeof _!="number"&&_!=="longjmp")throw _;Module.setThrew(1,0)}}function invoke_di(i,o){try{return Module.dynCall_di(i,o)}catch(a){if(typeof a!="number"&&a!=="longjmp")throw a;Module.setThrew(1,0)}}function invoke_iid(i,o,a){try{return Module.dynCall_iid(i,o,a)}catch(p){if(typeof p!="number"&&p!=="longjmp")throw p;Module.setThrew(1,0)}}function invoke_iii(i,o,a){try{return Module.dynCall_iii(i,o,a)}catch(p){if(typeof p!="number"&&p!=="longjmp")throw p;Module.setThrew(1,0)}}function invoke_viiddi(i,o,a,p,_,t){try{Module.dynCall_viiddi(i,o,a,p,_,t)}catch(k){if(typeof k!="number"&&k!=="longjmp")throw k;Module.setThrew(1,0)}}function invoke_viiiiii(i,o,a,p,_,t,k){try{Module.dynCall_viiiiii(i,o,a,p,_,t,k)}catch(L){if(typeof L!="number"&&L!=="longjmp")throw L;Module.setThrew(1,0)}}function invoke_dii(i,o,a){try{return Module.dynCall_dii(i,o,a)}catch(p){if(typeof p!="number"&&p!=="longjmp")throw p;Module.setThrew(1,0)}}function invoke_i(i){try{return Module.dynCall_i(i)}catch(o){if(typeof o!="number"&&o!=="longjmp")throw o;Module.setThrew(1,0)}}function invoke_iiiiii(i,o,a,p,_,t){try{return Module.dynCall_iiiiii(i,o,a,p,_,t)}catch(k){if(typeof k!="number"&&k!=="longjmp")throw k;Module.setThrew(1,0)}}function invoke_viiid(i,o,a,p,_){try{Module.dynCall_viiid(i,o,a,p,_)}catch(t){if(typeof t!="number"&&t!=="longjmp")throw t;Module.setThrew(1,0)}}function invoke_viififi(i,o,a,p,_,t,k){try{Module.dynCall_viififi(i,o,a,p,_,t,k)}catch(L){if(typeof L!="number"&&L!=="longjmp")throw L;Module.setThrew(1,0)}}function invoke_viii(i,o,a,p){try{Module.dynCall_viii(i,o,a,p)}catch(_){if(typeof _!="number"&&_!=="longjmp")throw _;Module.setThrew(1,0)}}function invoke_v(i){try{Module.dynCall_v(i)}catch(o){if(typeof o!="number"&&o!=="longjmp")throw o;Module.setThrew(1,0)}}function invoke_viid(i,o,a,p){try{Module.dynCall_viid(i,o,a,p)}catch(_){if(typeof _!="number"&&_!=="longjmp")throw _;Module.setThrew(1,0)}}function invoke_idd(i,o,a){try{return Module.dynCall_idd(i,o,a)}catch(p){if(typeof p!="number"&&p!=="longjmp")throw p;Module.setThrew(1,0)}}function invoke_viiii(i,o,a,p,_){try{Module.dynCall_viiii(i,o,a,p,_)}catch(t){if(typeof t!="number"&&t!=="longjmp")throw t;Module.setThrew(1,0)}}Module.asmGlobalArg={Math,Int8Array,Int16Array,Int32Array,Uint8Array,Uint16Array,Uint32Array,Float32Array,Float64Array,NaN:NaN,Infinity:Infinity},Module.asmLibraryArg={abort,assert,enlargeMemory,getTotalMemory,abortOnCannotGrowMemory,invoke_viiiii,invoke_vif,invoke_vid,invoke_fiff,invoke_vi,invoke_vii,invoke_ii,invoke_viddi,invoke_vidd,invoke_iiii,invoke_diii,invoke_di,invoke_iid,invoke_iii,invoke_viiddi,invoke_viiiiii,invoke_dii,invoke_i,invoke_iiiiii,invoke_viiid,invoke_viififi,invoke_viii,invoke_v,invoke_viid,invoke_idd,invoke_viiii,_emscripten_asm_const_iiiii,_emscripten_asm_const_iiidddddd,_emscripten_asm_const_iiiid,__nbind_reference_external,_emscripten_asm_const_iiiiiiii,_removeAccessorPrefix,_typeModule,__nbind_register_pool,__decorate,_llvm_stackrestore,___cxa_atexit,__extends,__nbind_get_value_object,__ZN8facebook4yoga14YGNodeToStringEPNSt3__212basic_stringIcNS1_11char_traitsIcEENS1_9allocatorIcEEEEP6YGNode14YGPrintOptionsj,_emscripten_set_main_loop_timing,__nbind_register_primitive,__nbind_register_type,_emscripten_memcpy_big,__nbind_register_function,___setErrNo,__nbind_register_class,__nbind_finish,_abort,_nbind_value,_llvm_stacksave,___syscall54,_defineHidden,_emscripten_set_main_loop,_emscripten_get_now,__nbind_register_callback_signature,_emscripten_asm_const_iiiiii,__nbind_free_external,_emscripten_asm_const_iiii,_emscripten_asm_const_iiididi,___syscall6,_atexit,___syscall140,___syscall146,DYNAMICTOP_PTR,tempDoublePtr,ABORT,STACKTOP,STACK_MAX,cttz_i8,___dso_handle};var asm=function(i,o,a){var p=new i.Int8Array(a),_=new i.Int16Array(a),t=new i.Int32Array(a),k=new i.Uint8Array(a),L=new i.Uint16Array(a),O=new i.Uint32Array(a),C=new i.Float32Array(a),U=new i.Float64Array(a),H=o.DYNAMICTOP_PTR|0,W=o.tempDoublePtr|0,ne=o.ABORT|0,m=o.STACKTOP|0,he=o.STACK_MAX|0,Ee=o.cttz_i8|0,ve=o.___dso_handle|0,se=0,De=0,pe=0,me=0,ie=i.NaN,Oe=i.Infinity,je=0,qe=0,yt=0,gt=0,Xe=0,ut=0,We=i.Math.floor,Ft=i.Math.abs,Jt=i.Math.sqrt,rt=i.Math.pow,Q=i.Math.cos,fe=i.Math.sin,xe=i.Math.tan,oe=i.Math.acos,ze=i.Math.asin,ct=i.Math.atan,Rt=i.Math.atan2,nn=i.Math.exp,an=i.Math.log,Mn=i.Math.ceil,lr=i.Math.imul,ln=i.Math.min,Vt=i.Math.max,Er=i.Math.clz32,w=i.Math.fround,jt=o.abort,Xn=o.assert,vr=o.enlargeMemory,jr=o.getTotalMemory,fr=o.abortOnCannotGrowMemory,zr=o.invoke_viiiii,Xt=o.invoke_vif,wu=o.invoke_vid,d0=o.invoke_fiff,Ro=o.invoke_vi,Qo=o.invoke_vii,Fs=o.invoke_ii,Jo=o.invoke_viddi,Zo=o.invoke_vidd,qt=o.invoke_iiii,xi=o.invoke_diii,lu=o.invoke_di,mi=o.invoke_iid,Dr=o.invoke_iii,$o=o.invoke_viiddi,G0=o.invoke_viiiiii,Uu=o.invoke_dii,Y0=o.invoke_i,Xr=o.invoke_iiiiii,Ao=o.invoke_viiid,Oo=o.invoke_viififi,F0=o.invoke_viii,su=o.invoke_v,ki=o.invoke_viid,Ps=o.invoke_idd,Kl=o.invoke_viiii,P0=o._emscripten_asm_const_iiiii,p0=o._emscripten_asm_const_iiidddddd,Hr=o._emscripten_asm_const_iiiid,Ri=o.__nbind_reference_external,K0=o._emscripten_asm_const_iiiiiiii,yi=o._removeAccessorPrefix,en=o._typeModule,bn=o.__nbind_register_pool,Ai=o.__decorate,gi=o._llvm_stackrestore,Wt=o.___cxa_atexit,Au=o.__extends,eu=o.__nbind_get_value_object,X0=o.__ZN8facebook4yoga14YGNodeToStringEPNSt3__212basic_stringIcNS1_11char_traitsIcEENS1_9allocatorIcEEEEP6YGNode14YGPrintOptionsj,Yi=o._emscripten_set_main_loop_timing,Xl=o.__nbind_register_primitive,Mo=o.__nbind_register_type,ai=o._emscripten_memcpy_big,so=o.__nbind_register_function,Ql=o.___setErrNo,ko=o.__nbind_register_class,Is=o.__nbind_finish,$n=o._abort,el=o._nbind_value,ao=o._llvm_stacksave,I0=o.___syscall54,wl=o._defineHidden,No=o._emscripten_set_main_loop,wt=o._emscripten_get_now,bt=o.__nbind_register_callback_signature,Hn=o._emscripten_asm_const_iiiiii,qr=o.__nbind_free_external,Ki=o._emscripten_asm_const_iiii,Qr=o._emscripten_asm_const_iiididi,Ou=o.___syscall6,h0=o._atexit,Ni=o.___syscall140,v0=o.___syscall146,hs=w(0);let Tt=w(0);function fo(e){e=e|0;var n=0;return n=m,m=m+e|0,m=m+15&-16,n|0}function tl(){return m|0}function Jl(e){e=e|0,m=e}function ju(e,n){e=e|0,n=n|0,m=e,he=n}function vs(e,n){e=e|0,n=n|0,se||(se=e,De=n)}function b0(e){e=e|0,ut=e}function X(){return ut|0}function we(){var e=0,n=0;gr(8104,8,400)|0,gr(8504,408,540)|0,e=9044,n=e+44|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));p[9088]=0,p[9089]=1,t[2273]=0,t[2274]=948,t[2275]=948,Wt(17,8104,ve|0)|0}function Le(e){e=e|0,ac(e+948|0)}function Ne(e){return e=w(e),((mr(e)|0)&2147483647)>>>0>2139095040|0}function dt(e,n,r){e=e|0,n=n|0,r=r|0;e:do if(t[e+(n<<3)+4>>2]|0)e=e+(n<<3)|0;else{if((n|2|0)==3?t[e+60>>2]|0:0){e=e+56|0;break}switch(n|0){case 0:case 2:case 4:case 5:{if(t[e+52>>2]|0){e=e+48|0;break e}break}default:}if(t[e+68>>2]|0){e=e+64|0;break}else{e=(n|1|0)==5?948:r;break}}while(0);return e|0}function Yn(e){e=e|0;var n=0;return n=c_(1e3)|0,Cn(e,(n|0)!=0,2456),t[2276]=(t[2276]|0)+1,gr(n|0,8104,1e3)|0,p[e+2>>0]|0&&(t[n+4>>2]=2,t[n+12>>2]=4),t[n+976>>2]=e,n|0}function Cn(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0;l=m,m=m+16|0,u=l,n||(t[u>>2]=r,Tl(e,5,3197,u)),m=l}function cr(){return Yn(956)|0}function Si(e){e=e|0;var n=0;return n=pn(1e3)|0,Mu(n,e),Cn(t[e+976>>2]|0,1,2456),t[2276]=(t[2276]|0)+1,t[n+944>>2]=0,n|0}function Mu(e,n){e=e|0,n=n|0;var r=0;gr(e|0,n|0,948)|0,sa(e+948|0,n+948|0),r=e+960|0,e=n+960|0,n=r+40|0;do t[r>>2]=t[e>>2],r=r+4|0,e=e+4|0;while((r|0)<(n|0))}function zu(e){e=e|0;var n=0,r=0,u=0,l=0;if(n=e+944|0,r=t[n>>2]|0,r|0&&(Hu(r+948|0,e)|0,t[n>>2]=0),r=Su(e)|0,r|0){n=0;do t[(Ti(e,n)|0)+944>>2]=0,n=n+1|0;while((n|0)!=(r|0))}r=e+948|0,u=t[r>>2]|0,l=e+952|0,n=t[l>>2]|0,(n|0)!=(u|0)&&(t[l>>2]=n+(~((n+-4-u|0)>>>2)<<2)),Lo(r),d_(e),t[2276]=(t[2276]|0)+-1}function Hu(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0;u=t[e>>2]|0,D=e+4|0,r=t[D>>2]|0,s=r;e:do if((u|0)==(r|0))l=u,h=4;else for(e=u;;){if((t[e>>2]|0)==(n|0)){l=e,h=4;break e}if(e=e+4|0,(e|0)==(r|0)){e=0;break}}while(0);return(h|0)==4&&((l|0)!=(r|0)?(u=l+4|0,e=s-u|0,n=e>>2,n&&(Ty(l|0,u|0,e|0)|0,r=t[D>>2]|0),e=l+(n<<2)|0,(r|0)==(e|0)||(t[D>>2]=r+(~((r+-4-e|0)>>>2)<<2)),e=1):e=0),e|0}function Su(e){return e=e|0,(t[e+952>>2]|0)-(t[e+948>>2]|0)>>2|0}function Ti(e,n){e=e|0,n=n|0;var r=0;return r=t[e+948>>2]|0,(t[e+952>>2]|0)-r>>2>>>0>n>>>0?e=t[r+(n<<2)>>2]|0:e=0,e|0}function Lo(e){e=e|0;var n=0,r=0,u=0,l=0;u=m,m=m+32|0,n=u,l=t[e>>2]|0,r=(t[e+4>>2]|0)-l|0,((t[e+8>>2]|0)-l|0)>>>0>r>>>0&&(l=r>>2,Y(n,l,l,e+8|0),ri(e,n),ii(n)),m=u}function ku(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0;N=Su(e)|0;do if(N|0){if((t[(Ti(e,0)|0)+944>>2]|0)==(e|0)){if(!(Hu(e+948|0,n)|0))break;gr(n+400|0,8504,540)|0,t[n+944>>2]=0,Qn(e);break}h=t[(t[e+976>>2]|0)+12>>2]|0,D=e+948|0,S=(h|0)==0,r=0,s=0;do u=t[(t[D>>2]|0)+(s<<2)>>2]|0,(u|0)==(n|0)?Qn(e):(l=Si(u)|0,t[(t[D>>2]|0)+(r<<2)>>2]=l,t[l+944>>2]=e,S||PE[h&15](u,l,e,r),r=r+1|0),s=s+1|0;while((s|0)!=(N|0));if(r>>>0<N>>>0){S=e+948|0,D=e+952|0,h=r,r=t[D>>2]|0;do s=(t[S>>2]|0)+(h<<2)|0,u=s+4|0,l=r-u|0,n=l>>2,n&&(Ty(s|0,u|0,l|0)|0,r=t[D>>2]|0),l=r,u=s+(n<<2)|0,(l|0)!=(u|0)&&(r=l+(~((l+-4-u|0)>>>2)<<2)|0,t[D>>2]=r),h=h+1|0;while((h|0)!=(N|0))}}while(0)}function co(e){e=e|0;var n=0,r=0,u=0,l=0;qu(e,(Su(e)|0)==0,2491),qu(e,(t[e+944>>2]|0)==0,2545),n=e+948|0,r=t[n>>2]|0,u=e+952|0,l=t[u>>2]|0,(l|0)!=(r|0)&&(t[u>>2]=l+(~((l+-4-r|0)>>>2)<<2)),Lo(n),n=e+976|0,r=t[n>>2]|0,gr(e|0,8104,1e3)|0,p[r+2>>0]|0&&(t[e+4>>2]=2,t[e+12>>2]=4),t[n>>2]=r}function qu(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0;l=m,m=m+16|0,u=l,n||(t[u>>2]=r,pr(e,5,3197,u)),m=l}function Pa(){return t[2276]|0}function m0(){var e=0;return e=c_(20)|0,ia((e|0)!=0,2592),t[2277]=(t[2277]|0)+1,t[e>>2]=t[239],t[e+4>>2]=t[240],t[e+8>>2]=t[241],t[e+12>>2]=t[242],t[e+16>>2]=t[243],e|0}function ia(e,n){e=e|0,n=n|0;var r=0,u=0;u=m,m=m+16|0,r=u,e||(t[r>>2]=n,pr(0,5,3197,r)),m=u}function Q0(e){e=e|0,d_(e),t[2277]=(t[2277]|0)+-1}function ua(e,n){e=e|0,n=n|0;var r=0;n?(qu(e,(Su(e)|0)==0,2629),r=1):(r=0,n=0),t[e+964>>2]=n,t[e+988>>2]=r}function Ia(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;u=m,m=m+16|0,s=u+8|0,l=u+4|0,h=u,t[l>>2]=n,qu(e,(t[n+944>>2]|0)==0,2709),qu(e,(t[e+964>>2]|0)==0,2763),ms(e),n=e+948|0,t[h>>2]=(t[n>>2]|0)+(r<<2),t[s>>2]=t[h>>2],S0(n,s,l)|0,t[(t[l>>2]|0)+944>>2]=e,Qn(e),m=u}function ms(e){e=e|0;var n=0,r=0,u=0,l=0,s=0,h=0,D=0;if(r=Su(e)|0,r|0?(t[(Ti(e,0)|0)+944>>2]|0)!=(e|0):0){u=t[(t[e+976>>2]|0)+12>>2]|0,l=e+948|0,s=(u|0)==0,n=0;do h=t[(t[l>>2]|0)+(n<<2)>>2]|0,D=Si(h)|0,t[(t[l>>2]|0)+(n<<2)>>2]=D,t[D+944>>2]=e,s||PE[u&15](h,D,e,n),n=n+1|0;while((n|0)!=(r|0))}}function S0(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0,be=0,Se=0,ye=0,Je=0,Ge=0;Je=m,m=m+64|0,I=Je+52|0,D=Je+48|0,K=Je+28|0,be=Je+24|0,Se=Je+20|0,ye=Je,u=t[e>>2]|0,s=u,n=u+((t[n>>2]|0)-s>>2<<2)|0,u=e+4|0,l=t[u>>2]|0,h=e+8|0;do if(l>>>0<(t[h>>2]|0)>>>0){if((n|0)==(l|0)){t[n>>2]=t[r>>2],t[u>>2]=(t[u>>2]|0)+4;break}Vr(e,n,l,n+4|0),n>>>0<=r>>>0&&(r=(t[u>>2]|0)>>>0>r>>>0?r+4|0:r),t[n>>2]=t[r>>2]}else{u=(l-s>>2)+1|0,l=R0(e)|0,l>>>0<u>>>0&&hi(e),M=t[e>>2]|0,N=(t[h>>2]|0)-M|0,s=N>>1,Y(ye,N>>2>>>0<l>>>1>>>0?s>>>0<u>>>0?u:s:l,n-M>>2,e+8|0),M=ye+8|0,u=t[M>>2]|0,s=ye+12|0,N=t[s>>2]|0,h=N,S=u;do if((u|0)==(N|0)){if(N=ye+4|0,u=t[N>>2]|0,Ge=t[ye>>2]|0,l=Ge,u>>>0<=Ge>>>0){u=h-l>>1,u=(u|0)==0?1:u,Y(K,u,u>>>2,t[ye+16>>2]|0),t[be>>2]=t[N>>2],t[Se>>2]=t[M>>2],t[D>>2]=t[be>>2],t[I>>2]=t[Se>>2],Di(K,D,I),u=t[ye>>2]|0,t[ye>>2]=t[K>>2],t[K>>2]=u,u=K+4|0,Ge=t[N>>2]|0,t[N>>2]=t[u>>2],t[u>>2]=Ge,u=K+8|0,Ge=t[M>>2]|0,t[M>>2]=t[u>>2],t[u>>2]=Ge,u=K+12|0,Ge=t[s>>2]|0,t[s>>2]=t[u>>2],t[u>>2]=Ge,ii(K),u=t[M>>2]|0;break}s=u,h=((s-l>>2)+1|0)/-2|0,D=u+(h<<2)|0,l=S-s|0,s=l>>2,s&&(Ty(D|0,u|0,l|0)|0,u=t[N>>2]|0),Ge=D+(s<<2)|0,t[M>>2]=Ge,t[N>>2]=u+(h<<2),u=Ge}while(0);t[u>>2]=t[r>>2],t[M>>2]=(t[M>>2]|0)+4,n=at(e,ye,n)|0,ii(ye)}while(0);return m=Je,n|0}function Qn(e){e=e|0;var n=0;do{if(n=e+984|0,p[n>>0]|0)break;p[n>>0]=1,C[e+504>>2]=w(ie),e=t[e+944>>2]|0}while((e|0)!=0)}function ac(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-4-u|0)>>>2)<<2)),_t(r))}function fi(e){return e=e|0,t[e+944>>2]|0}function $r(e){e=e|0,qu(e,(t[e+964>>2]|0)!=0,2832),Qn(e)}function Zl(e){return e=e|0,(p[e+984>>0]|0)!=0|0}function oa(e,n){e=e|0,n=n|0,gL(e,n,400)|0&&(gr(e|0,n|0,400)|0,Qn(e))}function pf(e){e=e|0;var n=Tt;return n=w(C[e+44>>2]),e=Ne(n)|0,w(e?w(0):n)}function bs(e){e=e|0;var n=Tt;return n=w(C[e+48>>2]),Ne(n)|0&&(n=p[(t[e+976>>2]|0)+2>>0]|0?w(1):w(0)),w(n)}function ba(e,n){e=e|0,n=n|0,t[e+980>>2]=n}function Bs(e){return e=e|0,t[e+980>>2]|0}function y0(e,n){e=e|0,n=n|0;var r=0;r=e+4|0,(t[r>>2]|0)!=(n|0)&&(t[r>>2]=n,Qn(e))}function Us(e){return e=e|0,t[e+4>>2]|0}function ji(e,n){e=e|0,n=n|0;var r=0;r=e+8|0,(t[r>>2]|0)!=(n|0)&&(t[r>>2]=n,Qn(e))}function B(e){return e=e|0,t[e+8>>2]|0}function z(e,n){e=e|0,n=n|0;var r=0;r=e+12|0,(t[r>>2]|0)!=(n|0)&&(t[r>>2]=n,Qn(e))}function G(e){return e=e|0,t[e+12>>2]|0}function $(e,n){e=e|0,n=n|0;var r=0;r=e+16|0,(t[r>>2]|0)!=(n|0)&&(t[r>>2]=n,Qn(e))}function Te(e){return e=e|0,t[e+16>>2]|0}function ge(e,n){e=e|0,n=n|0;var r=0;r=e+20|0,(t[r>>2]|0)!=(n|0)&&(t[r>>2]=n,Qn(e))}function Re(e){return e=e|0,t[e+20>>2]|0}function Z(e,n){e=e|0,n=n|0;var r=0;r=e+24|0,(t[r>>2]|0)!=(n|0)&&(t[r>>2]=n,Qn(e))}function ke(e){return e=e|0,t[e+24>>2]|0}function Qe(e,n){e=e|0,n=n|0;var r=0;r=e+28|0,(t[r>>2]|0)!=(n|0)&&(t[r>>2]=n,Qn(e))}function ht(e){return e=e|0,t[e+28>>2]|0}function ue(e,n){e=e|0,n=n|0;var r=0;r=e+32|0,(t[r>>2]|0)!=(n|0)&&(t[r>>2]=n,Qn(e))}function He(e){return e=e|0,t[e+32>>2]|0}function nt(e,n){e=e|0,n=n|0;var r=0;r=e+36|0,(t[r>>2]|0)!=(n|0)&&(t[r>>2]=n,Qn(e))}function Ct(e){return e=e|0,t[e+36>>2]|0}function Mt(e,n){e=e|0,n=w(n);var r=0;r=e+40|0,w(C[r>>2])!=n&&(C[r>>2]=n,Qn(e))}function It(e,n){e=e|0,n=w(n);var r=0;r=e+44|0,w(C[r>>2])!=n&&(C[r>>2]=n,Qn(e))}function sn(e,n){e=e|0,n=w(n);var r=0;r=e+48|0,w(C[r>>2])!=n&&(C[r>>2]=n,Qn(e))}function rn(e,n){e=e|0,n=w(n);var r=0,u=0,l=0,s=0;s=Ne(n)|0,r=(s^1)&1,u=e+52|0,l=e+56|0,(s|w(C[u>>2])==n?(t[l>>2]|0)==(r|0):0)||(C[u>>2]=n,t[l>>2]=r,Qn(e))}function Lt(e,n){e=e|0,n=w(n);var r=0,u=0;u=e+52|0,r=e+56|0,(w(C[u>>2])==n?(t[r>>2]|0)==2:0)||(C[u>>2]=n,u=Ne(n)|0,t[r>>2]=u?3:2,Qn(e))}function Dn(e,n){e=e|0,n=n|0;var r=0,u=0;u=n+52|0,r=t[u+4>>2]|0,n=e,t[n>>2]=t[u>>2],t[n+4>>2]=r}function dr(e,n,r){e=e|0,n=n|0,r=w(r);var u=0,l=0,s=0;s=Ne(r)|0,u=(s^1)&1,l=e+132+(n<<3)|0,n=e+132+(n<<3)+4|0,(s|w(C[l>>2])==r?(t[n>>2]|0)==(u|0):0)||(C[l>>2]=r,t[n>>2]=u,Qn(e))}function er(e,n,r){e=e|0,n=n|0,r=w(r);var u=0,l=0,s=0;s=Ne(r)|0,u=s?0:2,l=e+132+(n<<3)|0,n=e+132+(n<<3)+4|0,(s|w(C[l>>2])==r?(t[n>>2]|0)==(u|0):0)||(C[l>>2]=r,t[n>>2]=u,Qn(e))}function Cr(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=n+132+(r<<3)|0,n=t[u+4>>2]|0,r=e,t[r>>2]=t[u>>2],t[r+4>>2]=n}function An(e,n,r){e=e|0,n=n|0,r=w(r);var u=0,l=0,s=0;s=Ne(r)|0,u=(s^1)&1,l=e+60+(n<<3)|0,n=e+60+(n<<3)+4|0,(s|w(C[l>>2])==r?(t[n>>2]|0)==(u|0):0)||(C[l>>2]=r,t[n>>2]=u,Qn(e))}function Nr(e,n,r){e=e|0,n=n|0,r=w(r);var u=0,l=0,s=0;s=Ne(r)|0,u=s?0:2,l=e+60+(n<<3)|0,n=e+60+(n<<3)+4|0,(s|w(C[l>>2])==r?(t[n>>2]|0)==(u|0):0)||(C[l>>2]=r,t[n>>2]=u,Qn(e))}function g0(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=n+60+(r<<3)|0,n=t[u+4>>2]|0,r=e,t[r>>2]=t[u>>2],t[r+4>>2]=n}function Lr(e,n){e=e|0,n=n|0;var r=0;r=e+60+(n<<3)+4|0,(t[r>>2]|0)!=3&&(C[e+60+(n<<3)>>2]=w(ie),t[r>>2]=3,Qn(e))}function it(e,n,r){e=e|0,n=n|0,r=w(r);var u=0,l=0,s=0;s=Ne(r)|0,u=(s^1)&1,l=e+204+(n<<3)|0,n=e+204+(n<<3)+4|0,(s|w(C[l>>2])==r?(t[n>>2]|0)==(u|0):0)||(C[l>>2]=r,t[n>>2]=u,Qn(e))}function Dt(e,n,r){e=e|0,n=n|0,r=w(r);var u=0,l=0,s=0;s=Ne(r)|0,u=s?0:2,l=e+204+(n<<3)|0,n=e+204+(n<<3)+4|0,(s|w(C[l>>2])==r?(t[n>>2]|0)==(u|0):0)||(C[l>>2]=r,t[n>>2]=u,Qn(e))}function $e(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=n+204+(r<<3)|0,n=t[u+4>>2]|0,r=e,t[r>>2]=t[u>>2],t[r+4>>2]=n}function Pt(e,n,r){e=e|0,n=n|0,r=w(r);var u=0,l=0,s=0;s=Ne(r)|0,u=(s^1)&1,l=e+276+(n<<3)|0,n=e+276+(n<<3)+4|0,(s|w(C[l>>2])==r?(t[n>>2]|0)==(u|0):0)||(C[l>>2]=r,t[n>>2]=u,Qn(e))}function un(e,n){return e=e|0,n=n|0,w(C[e+276+(n<<3)>>2])}function fn(e,n){e=e|0,n=w(n);var r=0,u=0,l=0,s=0;s=Ne(n)|0,r=(s^1)&1,u=e+348|0,l=e+352|0,(s|w(C[u>>2])==n?(t[l>>2]|0)==(r|0):0)||(C[u>>2]=n,t[l>>2]=r,Qn(e))}function Jn(e,n){e=e|0,n=w(n);var r=0,u=0;u=e+348|0,r=e+352|0,(w(C[u>>2])==n?(t[r>>2]|0)==2:0)||(C[u>>2]=n,u=Ne(n)|0,t[r>>2]=u?3:2,Qn(e))}function wr(e){e=e|0;var n=0;n=e+352|0,(t[n>>2]|0)!=3&&(C[e+348>>2]=w(ie),t[n>>2]=3,Qn(e))}function au(e,n){e=e|0,n=n|0;var r=0,u=0;u=n+348|0,r=t[u+4>>2]|0,n=e,t[n>>2]=t[u>>2],t[n+4>>2]=r}function Nu(e,n){e=e|0,n=w(n);var r=0,u=0,l=0,s=0;s=Ne(n)|0,r=(s^1)&1,u=e+356|0,l=e+360|0,(s|w(C[u>>2])==n?(t[l>>2]|0)==(r|0):0)||(C[u>>2]=n,t[l>>2]=r,Qn(e))}function T0(e,n){e=e|0,n=w(n);var r=0,u=0;u=e+356|0,r=e+360|0,(w(C[u>>2])==n?(t[r>>2]|0)==2:0)||(C[u>>2]=n,u=Ne(n)|0,t[r>>2]=u?3:2,Qn(e))}function J0(e){e=e|0;var n=0;n=e+360|0,(t[n>>2]|0)!=3&&(C[e+356>>2]=w(ie),t[n>>2]=3,Qn(e))}function Lu(e,n){e=e|0,n=n|0;var r=0,u=0;u=n+356|0,r=t[u+4>>2]|0,n=e,t[n>>2]=t[u>>2],t[n+4>>2]=r}function _i(e,n){e=e|0,n=w(n);var r=0,u=0,l=0,s=0;s=Ne(n)|0,r=(s^1)&1,u=e+364|0,l=e+368|0,(s|w(C[u>>2])==n?(t[l>>2]|0)==(r|0):0)||(C[u>>2]=n,t[l>>2]=r,Qn(e))}function Fo(e,n){e=e|0,n=w(n);var r=0,u=0,l=0,s=0;s=Ne(n)|0,r=s?0:2,u=e+364|0,l=e+368|0,(s|w(C[u>>2])==n?(t[l>>2]|0)==(r|0):0)||(C[u>>2]=n,t[l>>2]=r,Qn(e))}function nl(e,n){e=e|0,n=n|0;var r=0,u=0;u=n+364|0,r=t[u+4>>2]|0,n=e,t[n>>2]=t[u>>2],t[n+4>>2]=r}function hf(e,n){e=e|0,n=w(n);var r=0,u=0,l=0,s=0;s=Ne(n)|0,r=(s^1)&1,u=e+372|0,l=e+376|0,(s|w(C[u>>2])==n?(t[l>>2]|0)==(r|0):0)||(C[u>>2]=n,t[l>>2]=r,Qn(e))}function Sl(e,n){e=e|0,n=w(n);var r=0,u=0,l=0,s=0;s=Ne(n)|0,r=s?0:2,u=e+372|0,l=e+376|0,(s|w(C[u>>2])==n?(t[l>>2]|0)==(r|0):0)||(C[u>>2]=n,t[l>>2]=r,Qn(e))}function vf(e,n){e=e|0,n=n|0;var r=0,u=0;u=n+372|0,r=t[u+4>>2]|0,n=e,t[n>>2]=t[u>>2],t[n+4>>2]=r}function Po(e,n){e=e|0,n=w(n);var r=0,u=0,l=0,s=0;s=Ne(n)|0,r=(s^1)&1,u=e+380|0,l=e+384|0,(s|w(C[u>>2])==n?(t[l>>2]|0)==(r|0):0)||(C[u>>2]=n,t[l>>2]=r,Qn(e))}function ys(e,n){e=e|0,n=w(n);var r=0,u=0,l=0,s=0;s=Ne(n)|0,r=s?0:2,u=e+380|0,l=e+384|0,(s|w(C[u>>2])==n?(t[l>>2]|0)==(r|0):0)||(C[u>>2]=n,t[l>>2]=r,Qn(e))}function js(e,n){e=e|0,n=n|0;var r=0,u=0;u=n+380|0,r=t[u+4>>2]|0,n=e,t[n>>2]=t[u>>2],t[n+4>>2]=r}function Io(e,n){e=e|0,n=w(n);var r=0,u=0,l=0,s=0;s=Ne(n)|0,r=(s^1)&1,u=e+388|0,l=e+392|0,(s|w(C[u>>2])==n?(t[l>>2]|0)==(r|0):0)||(C[u>>2]=n,t[l>>2]=r,Qn(e))}function bo(e,n){e=e|0,n=w(n);var r=0,u=0,l=0,s=0;s=Ne(n)|0,r=s?0:2,u=e+388|0,l=e+392|0,(s|w(C[u>>2])==n?(t[l>>2]|0)==(r|0):0)||(C[u>>2]=n,t[l>>2]=r,Qn(e))}function gs(e,n){e=e|0,n=n|0;var r=0,u=0;u=n+388|0,r=t[u+4>>2]|0,n=e,t[n>>2]=t[u>>2],t[n+4>>2]=r}function Qu(e,n){e=e|0,n=w(n);var r=0;r=e+396|0,w(C[r>>2])!=n&&(C[r>>2]=n,Qn(e))}function Tu(e){return e=e|0,w(C[e+396>>2])}function Ei(e){return e=e|0,w(C[e+400>>2])}function C0(e){return e=e|0,w(C[e+404>>2])}function Z0(e){return e=e|0,w(C[e+408>>2])}function Bo(e){return e=e|0,w(C[e+412>>2])}function la(e){return e=e|0,w(C[e+416>>2])}function $l(e){return e=e|0,w(C[e+420>>2])}function tu(e,n){switch(e=e|0,n=n|0,qu(e,(n|0)<6,2918),n|0){case 0:{n=(t[e+496>>2]|0)==2?5:4;break}case 2:{n=(t[e+496>>2]|0)==2?4:5;break}default:}return w(C[e+424+(n<<2)>>2])}function ei(e,n){switch(e=e|0,n=n|0,qu(e,(n|0)<6,2918),n|0){case 0:{n=(t[e+496>>2]|0)==2?5:4;break}case 2:{n=(t[e+496>>2]|0)==2?4:5;break}default:}return w(C[e+448+(n<<2)>>2])}function po(e,n){switch(e=e|0,n=n|0,qu(e,(n|0)<6,2918),n|0){case 0:{n=(t[e+496>>2]|0)==2?5:4;break}case 2:{n=(t[e+496>>2]|0)==2?4:5;break}default:}return w(C[e+472+(n<<2)>>2])}function Bi(e,n){e=e|0,n=n|0;var r=0,u=Tt;return r=t[e+4>>2]|0,(r|0)==(t[n+4>>2]|0)?r?(u=w(C[e>>2]),e=w(Ft(w(u-w(C[n>>2]))))<w(999999974e-13)):e=1:e=0,e|0}function Ci(e,n){e=w(e),n=w(n);var r=0;return Ne(e)|0?r=Ne(n)|0:r=w(Ft(w(e-n)))<w(999999974e-13),r|0}function mf(e,n){e=e|0,n=n|0,yf(e,n)}function yf(e,n){e=e|0,n=n|0;var r=0,u=0;r=m,m=m+16|0,u=r+4|0,t[u>>2]=0,t[u+4>>2]=0,t[u+8>>2]=0,X0(u|0,e|0,n|0,0),pr(e,3,(p[u+11>>0]|0)<0?t[u>>2]|0:u,r),zL(u),m=r}function $0(e,n,r,u){e=w(e),n=w(n),r=r|0,u=u|0;var l=Tt;e=w(e*n),l=w(OE(e,w(1)));do if(Ci(l,w(0))|0)e=w(e-l);else{if(e=w(e-l),Ci(l,w(1))|0){e=w(e+w(1));break}if(r){e=w(e+w(1));break}u||(l>w(.5)?l=w(1):(u=Ci(l,w(.5))|0,l=w(u?1:0)),e=w(e+l))}while(0);return w(e/n)}function eo(e,n,r,u,l,s,h,D,S,N,M,I,K){e=e|0,n=w(n),r=r|0,u=w(u),l=l|0,s=w(s),h=h|0,D=w(D),S=w(S),N=w(N),M=w(M),I=w(I),K=K|0;var be=0,Se=Tt,ye=Tt,Je=Tt,Ge=Tt,ft=Tt,Me=Tt;return S<w(0)|N<w(0)?K=0:(((K|0)!=0?(Se=w(C[K+4>>2]),Se!=w(0)):0)?(Je=w($0(n,Se,0,0)),Ge=w($0(u,Se,0,0)),ye=w($0(s,Se,0,0)),Se=w($0(D,Se,0,0))):(ye=s,Je=n,Se=D,Ge=u),(l|0)==(e|0)?be=Ci(ye,Je)|0:be=0,(h|0)==(r|0)?K=Ci(Se,Ge)|0:K=0,((be?0:(ft=w(n-M),!(Ce(e,ft,S)|0)))?!(et(e,ft,l,S)|0):0)?be=Ye(e,ft,l,s,S)|0:be=1,((K?0:(Me=w(u-I),!(Ce(r,Me,N)|0)))?!(et(r,Me,h,N)|0):0)?K=Ye(r,Me,h,D,N)|0:K=1,K=be&K),K|0}function Ce(e,n,r){return e=e|0,n=w(n),r=w(r),(e|0)==1?e=Ci(n,r)|0:e=0,e|0}function et(e,n,r,u){return e=e|0,n=w(n),r=r|0,u=w(u),(e|0)==2&(r|0)==0?n>=u?e=1:e=Ci(n,u)|0:e=0,e|0}function Ye(e,n,r,u,l){return e=e|0,n=w(n),r=r|0,u=w(u),l=w(l),(e|0)==2&(r|0)==2&u>n?l<=n?e=1:e=Ci(n,l)|0:e=0,e|0}function Yt(e,n,r,u,l,s,h,D,S,N,M){e=e|0,n=w(n),r=w(r),u=u|0,l=l|0,s=s|0,h=w(h),D=w(D),S=S|0,N=N|0,M=M|0;var I=0,K=0,be=0,Se=0,ye=Tt,Je=Tt,Ge=0,ft=0,Me=0,Pe=0,Zt=0,Br=0,In=0,gn=0,_r=0,Pr=0,Nn=0,uu=Tt,os=Tt,ls=Tt,ss=0,ea=0;Nn=m,m=m+160|0,gn=Nn+152|0,In=Nn+120|0,Br=Nn+104|0,Me=Nn+72|0,Se=Nn+56|0,Zt=Nn+8|0,ft=Nn,Pe=(t[2279]|0)+1|0,t[2279]=Pe,_r=e+984|0,((p[_r>>0]|0)!=0?(t[e+512>>2]|0)!=(t[2278]|0):0)?Ge=4:(t[e+516>>2]|0)==(u|0)?Pr=0:Ge=4,(Ge|0)==4&&(t[e+520>>2]=0,t[e+924>>2]=-1,t[e+928>>2]=-1,C[e+932>>2]=w(-1),C[e+936>>2]=w(-1),Pr=1);e:do if(t[e+964>>2]|0)if(ye=w(Kt(e,2,h)),Je=w(Kt(e,0,h)),I=e+916|0,ls=w(C[I>>2]),os=w(C[e+920>>2]),uu=w(C[e+932>>2]),eo(l,n,s,r,t[e+924>>2]|0,ls,t[e+928>>2]|0,os,uu,w(C[e+936>>2]),ye,Je,M)|0)Ge=22;else if(be=t[e+520>>2]|0,!be)Ge=21;else for(K=0;;){if(I=e+524+(K*24|0)|0,uu=w(C[I>>2]),os=w(C[e+524+(K*24|0)+4>>2]),ls=w(C[e+524+(K*24|0)+16>>2]),eo(l,n,s,r,t[e+524+(K*24|0)+8>>2]|0,uu,t[e+524+(K*24|0)+12>>2]|0,os,ls,w(C[e+524+(K*24|0)+20>>2]),ye,Je,M)|0){Ge=22;break e}if(K=K+1|0,K>>>0>=be>>>0){Ge=21;break}}else{if(S){if(I=e+916|0,!(Ci(w(C[I>>2]),n)|0)){Ge=21;break}if(!(Ci(w(C[e+920>>2]),r)|0)){Ge=21;break}if((t[e+924>>2]|0)!=(l|0)){Ge=21;break}I=(t[e+928>>2]|0)==(s|0)?I:0,Ge=22;break}if(be=t[e+520>>2]|0,!be)Ge=21;else for(K=0;;){if(I=e+524+(K*24|0)|0,((Ci(w(C[I>>2]),n)|0?Ci(w(C[e+524+(K*24|0)+4>>2]),r)|0:0)?(t[e+524+(K*24|0)+8>>2]|0)==(l|0):0)?(t[e+524+(K*24|0)+12>>2]|0)==(s|0):0){Ge=22;break e}if(K=K+1|0,K>>>0>=be>>>0){Ge=21;break}}}while(0);do if((Ge|0)==21)p[11697]|0?(I=0,Ge=28):(I=0,Ge=31);else if((Ge|0)==22){if(K=(p[11697]|0)!=0,!((I|0)!=0&(Pr^1)))if(K){Ge=28;break}else{Ge=31;break}Se=I+16|0,t[e+908>>2]=t[Se>>2],be=I+20|0,t[e+912>>2]=t[be>>2],(p[11698]|0)==0|K^1||(t[ft>>2]=Wr(Pe)|0,t[ft+4>>2]=Pe,pr(e,4,2972,ft),K=t[e+972>>2]|0,K|0&&F1[K&127](e),l=xn(l,S)|0,s=xn(s,S)|0,ea=+w(C[Se>>2]),ss=+w(C[be>>2]),t[Zt>>2]=l,t[Zt+4>>2]=s,U[Zt+8>>3]=+n,U[Zt+16>>3]=+r,U[Zt+24>>3]=ea,U[Zt+32>>3]=ss,t[Zt+40>>2]=N,pr(e,4,2989,Zt))}while(0);return(Ge|0)==28&&(K=Wr(Pe)|0,t[Se>>2]=K,t[Se+4>>2]=Pe,t[Se+8>>2]=Pr?3047:11699,pr(e,4,3038,Se),K=t[e+972>>2]|0,K|0&&F1[K&127](e),Zt=xn(l,S)|0,Ge=xn(s,S)|0,t[Me>>2]=Zt,t[Me+4>>2]=Ge,U[Me+8>>3]=+n,U[Me+16>>3]=+r,t[Me+24>>2]=N,pr(e,4,3049,Me),Ge=31),(Ge|0)==31&&(yu(e,n,r,u,l,s,h,D,S,M),p[11697]|0&&(K=t[2279]|0,Zt=Wr(K)|0,t[Br>>2]=Zt,t[Br+4>>2]=K,t[Br+8>>2]=Pr?3047:11699,pr(e,4,3083,Br),K=t[e+972>>2]|0,K|0&&F1[K&127](e),Zt=xn(l,S)|0,Br=xn(s,S)|0,ss=+w(C[e+908>>2]),ea=+w(C[e+912>>2]),t[In>>2]=Zt,t[In+4>>2]=Br,U[In+8>>3]=ss,U[In+16>>3]=ea,t[In+24>>2]=N,pr(e,4,3092,In)),t[e+516>>2]=u,I||(K=e+520|0,I=t[K>>2]|0,(I|0)==16&&(p[11697]|0&&pr(e,4,3124,gn),t[K>>2]=0,I=0),S?I=e+916|0:(t[K>>2]=I+1,I=e+524+(I*24|0)|0),C[I>>2]=n,C[I+4>>2]=r,t[I+8>>2]=l,t[I+12>>2]=s,t[I+16>>2]=t[e+908>>2],t[I+20>>2]=t[e+912>>2],I=0)),S&&(t[e+416>>2]=t[e+908>>2],t[e+420>>2]=t[e+912>>2],p[e+985>>0]=1,p[_r>>0]=0),t[2279]=(t[2279]|0)+-1,t[e+512>>2]=t[2278],m=Nn,Pr|(I|0)==0|0}function Kt(e,n,r){e=e|0,n=n|0,r=w(r);var u=Tt;return u=w(zi(e,n,r)),w(u+w(A0(e,n,r)))}function pr(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0;s=m,m=m+16|0,l=s,t[l>>2]=u,e?u=t[e+976>>2]|0:u=0,zs(u,e,n,r,l),m=s}function Wr(e){return e=e|0,(e>>>0>60?3201:3201+(60-e)|0)|0}function xn(e,n){e=e|0,n=n|0;var r=0,u=0,l=0;return l=m,m=m+32|0,r=l+12|0,u=l,t[r>>2]=t[254],t[r+4>>2]=t[255],t[r+8>>2]=t[256],t[u>>2]=t[257],t[u+4>>2]=t[258],t[u+8>>2]=t[259],(e|0)>2?e=11699:e=t[(n?u:r)+(e<<2)>>2]|0,m=l,e|0}function yu(e,n,r,u,l,s,h,D,S,N){e=e|0,n=w(n),r=w(r),u=u|0,l=l|0,s=s|0,h=w(h),D=w(D),S=S|0,N=N|0;var M=0,I=0,K=0,be=0,Se=Tt,ye=Tt,Je=Tt,Ge=Tt,ft=Tt,Me=Tt,Pe=Tt,Zt=0,Br=0,In=0,gn=Tt,_r=Tt,Pr=0,Nn=Tt,uu=0,os=0,ls=0,ss=0,ea=0,n2=0,r2=0,uf=0,i2=0,Fc=0,Pc=0,u2=0,o2=0,l2=0,vi=0,of=0,s2=0,Yf=0,a2=Tt,f2=Tt,Ic=Tt,bc=Tt,Kf=Tt,Hl=0,La=0,Ns=0,lf=0,I1=0,b1=Tt,Bc=Tt,B1=Tt,U1=Tt,ql=Tt,_l=Tt,sf=0,hu=Tt,j1=Tt,as=Tt,Xf=Tt,fs=Tt,Qf=Tt,z1=0,H1=0,Jf=Tt,Wl=Tt,af=0,q1=0,W1=0,V1=0,Sr=Tt,Bu=0,El=0,cs=0,Vl=0,Or=0,Bn=0,ff=0,mn=Tt,G1=0,f0=0;ff=m,m=m+16|0,Hl=ff+12|0,La=ff+8|0,Ns=ff+4|0,lf=ff,qu(e,(l|0)==0|(Ne(n)|0)^1,3326),qu(e,(s|0)==0|(Ne(r)|0)^1,3406),El=Cl(e,u)|0,t[e+496>>2]=El,Or=B0(2,El)|0,Bn=B0(0,El)|0,C[e+440>>2]=w(zi(e,Or,h)),C[e+444>>2]=w(A0(e,Or,h)),C[e+428>>2]=w(zi(e,Bn,h)),C[e+436>>2]=w(A0(e,Bn,h)),C[e+464>>2]=w(O0(e,Or)),C[e+468>>2]=w(ho(e,Or)),C[e+452>>2]=w(O0(e,Bn)),C[e+460>>2]=w(ho(e,Bn)),C[e+488>>2]=w(Pu(e,Or,h)),C[e+492>>2]=w(Zu(e,Or,h)),C[e+476>>2]=w(Pu(e,Bn,h)),C[e+484>>2]=w(Zu(e,Bn,h));do if(t[e+964>>2]|0)es(e,n,r,l,s,h,D);else{if(cs=e+948|0,Vl=(t[e+952>>2]|0)-(t[cs>>2]|0)>>2,!Vl){_s(e,n,r,l,s,h,D);break}if(S?0:aa(e,n,r,l,s,h,D)|0)break;ms(e),of=e+508|0,p[of>>0]=0,Or=B0(t[e+4>>2]|0,El)|0,Bn=gf(Or,El)|0,Bu=Hi(Or)|0,s2=t[e+8>>2]|0,q1=e+28|0,Yf=(t[q1>>2]|0)!=0,fs=Bu?h:D,Jf=Bu?D:h,a2=w($u(e,Or,h)),f2=w(Es(e,Or,h)),Se=w($u(e,Bn,h)),Qf=w(Rr(e,Or,h)),Wl=w(Rr(e,Bn,h)),In=Bu?l:s,af=Bu?s:l,Sr=Bu?Qf:Wl,ft=Bu?Wl:Qf,Xf=w(Kt(e,2,h)),Ge=w(Kt(e,0,h)),ye=w(w(Rn(e+364|0,h))-Sr),Je=w(w(Rn(e+380|0,h))-Sr),Me=w(w(Rn(e+372|0,D))-ft),Pe=w(w(Rn(e+388|0,D))-ft),Ic=Bu?ye:Me,bc=Bu?Je:Pe,Xf=w(n-Xf),n=w(Xf-Sr),Ne(n)|0?Sr=n:Sr=w(Ru(w(Xp(n,Je)),ye)),j1=w(r-Ge),n=w(j1-ft),Ne(n)|0?as=n:as=w(Ru(w(Xp(n,Pe)),Me)),ye=Bu?Sr:as,hu=Bu?as:Sr;e:do if((In|0)==1)for(u=0,I=0;;){if(M=Ti(e,I)|0,!u)(w(nu(M))>w(0)?w(fu(M))>w(0):0)?u=M:u=0;else if(to(M)|0){be=0;break e}if(I=I+1|0,I>>>0>=Vl>>>0){be=u;break}}else be=0;while(0);Zt=be+500|0,Br=be+504|0,u=0,M=0,n=w(0),K=0;do{if(I=t[(t[cs>>2]|0)+(K<<2)>>2]|0,(t[I+36>>2]|0)==1)Li(I),p[I+985>>0]=1,p[I+984>>0]=0;else{Jr(I),S&&x0(I,Cl(I,El)|0,ye,hu,Sr);do if((t[I+24>>2]|0)!=1)if((I|0)==(be|0)){t[Zt>>2]=t[2278],C[Br>>2]=w(0);break}else{ni(e,I,Sr,l,as,Sr,as,s,El,N);break}else M|0&&(t[M+960>>2]=I),t[I+960>>2]=0,M=I,u=(u|0)==0?I:u;while(0);_l=w(C[I+504>>2]),n=w(n+w(_l+w(Kt(I,Or,Sr))))}K=K+1|0}while((K|0)!=(Vl|0));for(ls=n>ye,sf=Yf&((In|0)==2&ls)?1:In,uu=(af|0)==1,ea=uu&(S^1),n2=(sf|0)==1,r2=(sf|0)==2,uf=976+(Or<<2)|0,i2=(af|2|0)==2,l2=uu&(Yf^1),Fc=1040+(Bn<<2)|0,Pc=1040+(Or<<2)|0,u2=976+(Bn<<2)|0,o2=(af|0)!=1,ls=Yf&((In|0)!=0&ls),os=e+976|0,uu=uu^1,n=ye,Pr=0,ss=0,_l=w(0),Kf=w(0);;){e:do if(Pr>>>0<Vl>>>0)for(Br=t[cs>>2]|0,K=0,Pe=w(0),Me=w(0),Je=w(0),ye=w(0),I=0,M=0,be=Pr;;){if(Zt=t[Br+(be<<2)>>2]|0,(t[Zt+36>>2]|0)!=1?(t[Zt+940>>2]=ss,(t[Zt+24>>2]|0)!=1):0){if(Ge=w(Kt(Zt,Or,Sr)),vi=t[uf>>2]|0,r=w(Rn(Zt+380+(vi<<3)|0,fs)),ft=w(C[Zt+504>>2]),r=w(Xp(r,ft)),r=w(Ru(w(Rn(Zt+364+(vi<<3)|0,fs)),r)),Yf&(K|0)!=0&w(Ge+w(Me+r))>n){s=K,Ge=Pe,In=be;break e}Ge=w(Ge+r),r=w(Me+Ge),Ge=w(Pe+Ge),to(Zt)|0&&(Je=w(Je+w(nu(Zt))),ye=w(ye-w(ft*w(fu(Zt))))),M|0&&(t[M+960>>2]=Zt),t[Zt+960>>2]=0,K=K+1|0,M=Zt,I=(I|0)==0?Zt:I}else Ge=Pe,r=Me;if(be=be+1|0,be>>>0<Vl>>>0)Pe=Ge,Me=r;else{s=K,In=be;break}}else s=0,Ge=w(0),Je=w(0),ye=w(0),I=0,In=Pr;while(0);vi=Je>w(0)&Je<w(1),gn=vi?w(1):Je,vi=ye>w(0)&ye<w(1),Pe=vi?w(1):ye;do if(n2)vi=51;else if(Ge<Ic&((Ne(Ic)|0)^1))n=Ic,vi=51;else if(Ge>bc&((Ne(bc)|0)^1))n=bc,vi=51;else if(p[(t[os>>2]|0)+3>>0]|0)vi=51;else{if(gn!=w(0)?w(nu(e))!=w(0):0){vi=53;break}n=Ge,vi=53}while(0);if((vi|0)==51&&(vi=0,Ne(n)|0?vi=53:(_r=w(n-Ge),Nn=n)),(vi|0)==53&&(vi=0,Ge<w(0)?(_r=w(-Ge),Nn=n):(_r=w(0),Nn=n)),ea?0:(I1=(I|0)==0,!I1)){K=t[uf>>2]|0,be=_r<w(0),ft=w(_r/Pe),Zt=_r>w(0),Me=w(_r/gn),Je=w(0),Ge=w(0),n=w(0),M=I;do r=w(Rn(M+380+(K<<3)|0,fs)),ye=w(Rn(M+364+(K<<3)|0,fs)),ye=w(Xp(r,w(Ru(ye,w(C[M+504>>2]))))),be?(r=w(ye*w(fu(M))),(r!=w(-0)?(mn=w(ye-w(ft*r)),b1=w(Kn(M,Or,mn,Nn,Sr)),mn!=b1):0)&&(Je=w(Je-w(b1-ye)),n=w(n+r))):((Zt?(Bc=w(nu(M)),Bc!=w(0)):0)?(mn=w(ye+w(Me*Bc)),B1=w(Kn(M,Or,mn,Nn,Sr)),mn!=B1):0)&&(Je=w(Je-w(B1-ye)),Ge=w(Ge-Bc)),M=t[M+960>>2]|0;while((M|0)!=0);if(n=w(Pe+n),ye=w(_r+Je),I1)n=w(0);else{ft=w(gn+Ge),be=t[uf>>2]|0,Zt=ye<w(0),Br=n==w(0),Me=w(ye/n),K=ye>w(0),ft=w(ye/ft),n=w(0);do{mn=w(Rn(I+380+(be<<3)|0,fs)),Je=w(Rn(I+364+(be<<3)|0,fs)),Je=w(Xp(mn,w(Ru(Je,w(C[I+504>>2]))))),Zt?(mn=w(Je*w(fu(I))),ye=w(-mn),mn!=w(-0)?(mn=w(Me*ye),ye=w(Kn(I,Or,w(Je+(Br?ye:mn)),Nn,Sr))):ye=Je):(K?(U1=w(nu(I)),U1!=w(0)):0)?ye=w(Kn(I,Or,w(Je+w(ft*U1)),Nn,Sr)):ye=Je,n=w(n-w(ye-Je)),Ge=w(Kt(I,Or,Sr)),r=w(Kt(I,Bn,Sr)),ye=w(ye+Ge),C[La>>2]=ye,t[lf>>2]=1,Je=w(C[I+396>>2]);e:do if(Ne(Je)|0){M=Ne(hu)|0;do if(!M){if(ls|(Wu(I,Bn,hu)|0|uu)||(e0(e,I)|0)!=4||(t[(_0(I,Bn)|0)+4>>2]|0)==3||(t[(E0(I,Bn)|0)+4>>2]|0)==3)break;C[Hl>>2]=hu,t[Ns>>2]=1;break e}while(0);if(Wu(I,Bn,hu)|0){M=t[I+992+(t[u2>>2]<<2)>>2]|0,mn=w(r+w(Rn(M,hu))),C[Hl>>2]=mn,M=o2&(t[M+4>>2]|0)==2,t[Ns>>2]=((Ne(mn)|0|M)^1)&1;break}else{C[Hl>>2]=hu,t[Ns>>2]=M?0:2;break}}else mn=w(ye-Ge),gn=w(mn/Je),mn=w(Je*mn),t[Ns>>2]=1,C[Hl>>2]=w(r+(Bu?gn:mn));while(0);Fn(I,Or,Nn,Sr,lf,La),Fn(I,Bn,hu,Sr,Ns,Hl);do if(Wu(I,Bn,hu)|0?0:(e0(e,I)|0)==4){if((t[(_0(I,Bn)|0)+4>>2]|0)==3){M=0;break}M=(t[(E0(I,Bn)|0)+4>>2]|0)!=3}else M=0;while(0);mn=w(C[La>>2]),gn=w(C[Hl>>2]),G1=t[lf>>2]|0,f0=t[Ns>>2]|0,Yt(I,Bu?mn:gn,Bu?gn:mn,El,Bu?G1:f0,Bu?f0:G1,Sr,as,S&(M^1),3488,N)|0,p[of>>0]=p[of>>0]|p[I+508>>0],I=t[I+960>>2]|0}while((I|0)!=0)}}else n=w(0);if(n=w(_r+n),f0=n<w(0)&1,p[of>>0]=f0|k[of>>0],r2&n>w(0)?(M=t[uf>>2]|0,((t[e+364+(M<<3)+4>>2]|0)!=0?(ql=w(Rn(e+364+(M<<3)|0,fs)),ql>=w(0)):0)?ye=w(Ru(w(0),w(ql-w(Nn-n)))):ye=w(0)):ye=n,Zt=Pr>>>0<In>>>0,Zt){be=t[cs>>2]|0,K=Pr,M=0;do I=t[be+(K<<2)>>2]|0,t[I+24>>2]|0||(M=((t[(_0(I,Or)|0)+4>>2]|0)==3&1)+M|0,M=M+((t[(E0(I,Or)|0)+4>>2]|0)==3&1)|0),K=K+1|0;while((K|0)!=(In|0));M?(Ge=w(0),r=w(0)):vi=101}else vi=101;e:do if((vi|0)==101)switch(vi=0,s2|0){case 1:{M=0,Ge=w(ye*w(.5)),r=w(0);break e}case 2:{M=0,Ge=ye,r=w(0);break e}case 3:{if(s>>>0<=1){M=0,Ge=w(0),r=w(0);break e}r=w((s+-1|0)>>>0),M=0,Ge=w(0),r=w(w(Ru(ye,w(0)))/r);break e}case 5:{r=w(ye/w((s+1|0)>>>0)),M=0,Ge=r;break e}case 4:{r=w(ye/w(s>>>0)),M=0,Ge=w(r*w(.5));break e}default:{M=0,Ge=w(0),r=w(0);break e}}while(0);if(n=w(a2+Ge),Zt){Je=w(ye/w(M|0)),K=t[cs>>2]|0,I=Pr,ye=w(0);do{M=t[K+(I<<2)>>2]|0;e:do if((t[M+36>>2]|0)!=1){switch(t[M+24>>2]|0){case 1:{if(ae(M,Or)|0){if(!S)break e;mn=w(re(M,Or,Nn)),mn=w(mn+w(O0(e,Or))),mn=w(mn+w(zi(M,Or,Sr))),C[M+400+(t[Pc>>2]<<2)>>2]=mn;break e}break}case 0:if(f0=(t[(_0(M,Or)|0)+4>>2]|0)==3,mn=w(Je+n),n=f0?mn:n,S&&(f0=M+400+(t[Pc>>2]<<2)|0,C[f0>>2]=w(n+w(C[f0>>2]))),f0=(t[(E0(M,Or)|0)+4>>2]|0)==3,mn=w(Je+n),n=f0?mn:n,ea){mn=w(r+w(Kt(M,Or,Sr))),ye=hu,n=w(n+w(mn+w(C[M+504>>2])));break e}else{n=w(n+w(r+w(Fe(M,Or,Sr)))),ye=w(Ru(ye,w(Fe(M,Bn,Sr))));break e}default:}S&&(mn=w(Ge+w(O0(e,Or))),f0=M+400+(t[Pc>>2]<<2)|0,C[f0>>2]=w(mn+w(C[f0>>2])))}while(0);I=I+1|0}while((I|0)!=(In|0))}else ye=w(0);if(r=w(f2+n),i2?Ge=w(w(Kn(e,Bn,w(Wl+ye),Jf,h))-Wl):Ge=hu,Je=w(w(Kn(e,Bn,w(Wl+(l2?hu:ye)),Jf,h))-Wl),Zt&S){I=Pr;do{K=t[(t[cs>>2]|0)+(I<<2)>>2]|0;do if((t[K+36>>2]|0)!=1){if((t[K+24>>2]|0)==1){if(ae(K,Bn)|0){if(mn=w(re(K,Bn,hu)),mn=w(mn+w(O0(e,Bn))),mn=w(mn+w(zi(K,Bn,Sr))),M=t[Fc>>2]|0,C[K+400+(M<<2)>>2]=mn,!(Ne(mn)|0))break}else M=t[Fc>>2]|0;mn=w(O0(e,Bn)),C[K+400+(M<<2)>>2]=w(mn+w(zi(K,Bn,Sr)));break}M=e0(e,K)|0;do if((M|0)==4){if((t[(_0(K,Bn)|0)+4>>2]|0)==3){vi=139;break}if((t[(E0(K,Bn)|0)+4>>2]|0)==3){vi=139;break}if(Wu(K,Bn,hu)|0){n=Se;break}G1=t[K+908+(t[uf>>2]<<2)>>2]|0,t[Hl>>2]=G1,n=w(C[K+396>>2]),f0=Ne(n)|0,ye=(t[W>>2]=G1,w(C[W>>2])),f0?n=Je:(_r=w(Kt(K,Bn,Sr)),mn=w(ye/n),n=w(n*ye),n=w(_r+(Bu?mn:n))),C[La>>2]=n,C[Hl>>2]=w(w(Kt(K,Or,Sr))+ye),t[Ns>>2]=1,t[lf>>2]=1,Fn(K,Or,Nn,Sr,Ns,Hl),Fn(K,Bn,hu,Sr,lf,La),n=w(C[Hl>>2]),_r=w(C[La>>2]),mn=Bu?n:_r,n=Bu?_r:n,f0=((Ne(mn)|0)^1)&1,Yt(K,mn,n,El,f0,((Ne(n)|0)^1)&1,Sr,as,1,3493,N)|0,n=Se}else vi=139;while(0);e:do if((vi|0)==139){vi=0,n=w(Ge-w(Fe(K,Bn,Sr)));do if((t[(_0(K,Bn)|0)+4>>2]|0)==3){if((t[(E0(K,Bn)|0)+4>>2]|0)!=3)break;n=w(Se+w(Ru(w(0),w(n*w(.5)))));break e}while(0);if((t[(E0(K,Bn)|0)+4>>2]|0)==3){n=Se;break}if((t[(_0(K,Bn)|0)+4>>2]|0)==3){n=w(Se+w(Ru(w(0),n)));break}switch(M|0){case 1:{n=Se;break e}case 2:{n=w(Se+w(n*w(.5)));break e}default:{n=w(Se+n);break e}}}while(0);mn=w(_l+n),f0=K+400+(t[Fc>>2]<<2)|0,C[f0>>2]=w(mn+w(C[f0>>2]))}while(0);I=I+1|0}while((I|0)!=(In|0))}if(_l=w(_l+Je),Kf=w(Ru(Kf,r)),s=ss+1|0,In>>>0>=Vl>>>0)break;n=Nn,Pr=In,ss=s}do if(S){if(M=s>>>0>1,M?0:!(Ae(e)|0))break;if(!(Ne(hu)|0)){n=w(hu-_l);e:do switch(t[e+12>>2]|0){case 3:{Se=w(Se+n),Me=w(0);break}case 2:{Se=w(Se+w(n*w(.5))),Me=w(0);break}case 4:{hu>_l?Me=w(n/w(s>>>0)):Me=w(0);break}case 7:if(hu>_l){Se=w(Se+w(n/w(s<<1>>>0))),Me=w(n/w(s>>>0)),Me=M?Me:w(0);break e}else{Se=w(Se+w(n*w(.5))),Me=w(0);break e}case 6:{Me=w(n/w(ss>>>0)),Me=hu>_l&M?Me:w(0);break}default:Me=w(0)}while(0);if(s|0)for(Zt=1040+(Bn<<2)|0,Br=976+(Bn<<2)|0,be=0,I=0;;){e:do if(I>>>0<Vl>>>0)for(ye=w(0),Je=w(0),n=w(0),K=I;;){M=t[(t[cs>>2]|0)+(K<<2)>>2]|0;do if((t[M+36>>2]|0)!=1?(t[M+24>>2]|0)==0:0){if((t[M+940>>2]|0)!=(be|0))break e;if(st(M,Bn)|0&&(mn=w(C[M+908+(t[Br>>2]<<2)>>2]),n=w(Ru(n,w(mn+w(Kt(M,Bn,Sr)))))),(e0(e,M)|0)!=5)break;ql=w(vt(M)),ql=w(ql+w(zi(M,0,Sr))),mn=w(C[M+912>>2]),mn=w(w(mn+w(Kt(M,0,Sr)))-ql),ql=w(Ru(Je,ql)),mn=w(Ru(ye,mn)),ye=mn,Je=ql,n=w(Ru(n,w(ql+mn)))}while(0);if(M=K+1|0,M>>>0<Vl>>>0)K=M;else{K=M;break}}else Je=w(0),n=w(0),K=I;while(0);if(ft=w(Me+n),r=Se,Se=w(Se+ft),I>>>0<K>>>0){Ge=w(r+Je),M=I;do{I=t[(t[cs>>2]|0)+(M<<2)>>2]|0;e:do if((t[I+36>>2]|0)!=1?(t[I+24>>2]|0)==0:0)switch(e0(e,I)|0){case 1:{mn=w(r+w(zi(I,Bn,Sr))),C[I+400+(t[Zt>>2]<<2)>>2]=mn;break e}case 3:{mn=w(w(Se-w(A0(I,Bn,Sr)))-w(C[I+908+(t[Br>>2]<<2)>>2])),C[I+400+(t[Zt>>2]<<2)>>2]=mn;break e}case 2:{mn=w(r+w(w(ft-w(C[I+908+(t[Br>>2]<<2)>>2]))*w(.5))),C[I+400+(t[Zt>>2]<<2)>>2]=mn;break e}case 4:{if(mn=w(r+w(zi(I,Bn,Sr))),C[I+400+(t[Zt>>2]<<2)>>2]=mn,Wu(I,Bn,hu)|0||(Bu?(ye=w(C[I+908>>2]),n=w(ye+w(Kt(I,Or,Sr))),Je=ft):(Je=w(C[I+912>>2]),Je=w(Je+w(Kt(I,Bn,Sr))),n=ft,ye=w(C[I+908>>2])),Ci(n,ye)|0?Ci(Je,w(C[I+912>>2]))|0:0))break e;Yt(I,n,Je,El,1,1,Sr,as,1,3501,N)|0;break e}case 5:{C[I+404>>2]=w(w(Ge-w(vt(I)))+w(re(I,0,hu)));break e}default:break e}while(0);M=M+1|0}while((M|0)!=(K|0))}if(be=be+1|0,(be|0)==(s|0))break;I=K}}}while(0);if(C[e+908>>2]=w(Kn(e,2,Xf,h,h)),C[e+912>>2]=w(Kn(e,0,j1,D,h)),((sf|0)!=0?(z1=t[e+32>>2]|0,H1=(sf|0)==2,!(H1&(z1|0)!=2)):0)?H1&(z1|0)==2&&(n=w(Qf+Nn),n=w(Ru(w(Xp(n,w(Qt(e,Or,Kf,fs)))),Qf)),vi=198):(n=w(Kn(e,Or,Kf,fs,h)),vi=198),(vi|0)==198&&(C[e+908+(t[976+(Or<<2)>>2]<<2)>>2]=n),((af|0)!=0?(W1=t[e+32>>2]|0,V1=(af|0)==2,!(V1&(W1|0)!=2)):0)?V1&(W1|0)==2&&(n=w(Wl+hu),n=w(Ru(w(Xp(n,w(Qt(e,Bn,w(Wl+_l),Jf)))),Wl)),vi=204):(n=w(Kn(e,Bn,w(Wl+_l),Jf,h)),vi=204),(vi|0)==204&&(C[e+908+(t[976+(Bn<<2)>>2]<<2)>>2]=n),S){if((t[q1>>2]|0)==2){I=976+(Bn<<2)|0,K=1040+(Bn<<2)|0,M=0;do be=Ti(e,M)|0,t[be+24>>2]|0||(G1=t[I>>2]|0,mn=w(C[e+908+(G1<<2)>>2]),f0=be+400+(t[K>>2]<<2)|0,mn=w(mn-w(C[f0>>2])),C[f0>>2]=w(mn-w(C[be+908+(G1<<2)>>2]))),M=M+1|0;while((M|0)!=(Vl|0))}if(u|0){M=Bu?sf:l;do On(e,u,Sr,M,as,El,N),u=t[u+960>>2]|0;while((u|0)!=0)}if(M=(Or|2|0)==3,I=(Bn|2|0)==3,M|I){u=0;do K=t[(t[cs>>2]|0)+(u<<2)>>2]|0,(t[K+36>>2]|0)!=1&&(M&&Sn(e,K,Or),I&&Sn(e,K,Bn)),u=u+1|0;while((u|0)!=(Vl|0))}}}while(0);m=ff}function Ju(e,n){e=e|0,n=w(n);var r=0;Cn(e,n>=w(0),3147),r=n==w(0),C[e+4>>2]=r?w(0):n}function ti(e,n,r,u){e=e|0,n=w(n),r=w(r),u=u|0;var l=Tt,s=Tt,h=0,D=0,S=0;t[2278]=(t[2278]|0)+1,Jr(e),Wu(e,2,n)|0?(l=w(Rn(t[e+992>>2]|0,n)),S=1,l=w(l+w(Kt(e,2,n)))):(l=w(Rn(e+380|0,n)),l>=w(0)?S=2:(S=((Ne(n)|0)^1)&1,l=n)),Wu(e,0,r)|0?(s=w(Rn(t[e+996>>2]|0,r)),D=1,s=w(s+w(Kt(e,0,n)))):(s=w(Rn(e+388|0,r)),s>=w(0)?D=2:(D=((Ne(r)|0)^1)&1,s=r)),h=e+976|0,(Yt(e,l,s,u,S,D,n,r,1,3189,t[h>>2]|0)|0?(x0(e,t[e+496>>2]|0,n,r,n),Fu(e,w(C[(t[h>>2]|0)+4>>2]),w(0),w(0)),p[11696]|0):0)&&mf(e,7)}function Jr(e){e=e|0;var n=0,r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0;D=m,m=m+32|0,h=D+24|0,s=D+16|0,u=D+8|0,l=D,r=0;do n=e+380+(r<<3)|0,((t[e+380+(r<<3)+4>>2]|0)!=0?(S=n,N=t[S+4>>2]|0,M=u,t[M>>2]=t[S>>2],t[M+4>>2]=N,M=e+364+(r<<3)|0,N=t[M+4>>2]|0,S=l,t[S>>2]=t[M>>2],t[S+4>>2]=N,t[s>>2]=t[u>>2],t[s+4>>2]=t[u+4>>2],t[h>>2]=t[l>>2],t[h+4>>2]=t[l+4>>2],Bi(s,h)|0):0)||(n=e+348+(r<<3)|0),t[e+992+(r<<2)>>2]=n,r=r+1|0;while((r|0)!=2);m=D}function Wu(e,n,r){e=e|0,n=n|0,r=w(r);var u=0;switch(e=t[e+992+(t[976+(n<<2)>>2]<<2)>>2]|0,t[e+4>>2]|0){case 0:case 3:{e=0;break}case 1:{w(C[e>>2])<w(0)?e=0:u=5;break}case 2:{w(C[e>>2])<w(0)?e=0:e=(Ne(r)|0)^1;break}default:u=5}return(u|0)==5&&(e=1),e|0}function Rn(e,n){switch(e=e|0,n=w(n),t[e+4>>2]|0){case 2:{n=w(w(w(C[e>>2])*n)/w(100));break}case 1:{n=w(C[e>>2]);break}default:n=w(ie)}return w(n)}function x0(e,n,r,u,l){e=e|0,n=n|0,r=w(r),u=w(u),l=w(l);var s=0,h=Tt;n=t[e+944>>2]|0?n:1,s=B0(t[e+4>>2]|0,n)|0,n=gf(s,n)|0,r=w(Ar(e,s,r)),u=w(Ar(e,n,u)),h=w(r+w(zi(e,s,l))),C[e+400+(t[1040+(s<<2)>>2]<<2)>>2]=h,r=w(r+w(A0(e,s,l))),C[e+400+(t[1e3+(s<<2)>>2]<<2)>>2]=r,r=w(u+w(zi(e,n,l))),C[e+400+(t[1040+(n<<2)>>2]<<2)>>2]=r,l=w(u+w(A0(e,n,l))),C[e+400+(t[1e3+(n<<2)>>2]<<2)>>2]=l}function Fu(e,n,r,u){e=e|0,n=w(n),r=w(r),u=w(u);var l=0,s=0,h=Tt,D=Tt,S=0,N=0,M=Tt,I=0,K=Tt,be=Tt,Se=Tt,ye=Tt;if(n!=w(0)&&(l=e+400|0,ye=w(C[l>>2]),s=e+404|0,Se=w(C[s>>2]),I=e+416|0,be=w(C[I>>2]),N=e+420|0,h=w(C[N>>2]),K=w(ye+r),M=w(Se+u),u=w(K+be),D=w(M+h),S=(t[e+988>>2]|0)==1,C[l>>2]=w($0(ye,n,0,S)),C[s>>2]=w($0(Se,n,0,S)),r=w(OE(w(be*n),w(1))),Ci(r,w(0))|0?s=0:s=(Ci(r,w(1))|0)^1,r=w(OE(w(h*n),w(1))),Ci(r,w(0))|0?l=0:l=(Ci(r,w(1))|0)^1,ye=w($0(u,n,S&s,S&(s^1))),C[I>>2]=w(ye-w($0(K,n,0,S))),ye=w($0(D,n,S&l,S&(l^1))),C[N>>2]=w(ye-w($0(M,n,0,S))),s=(t[e+952>>2]|0)-(t[e+948>>2]|0)>>2,s|0)){l=0;do Fu(Ti(e,l)|0,n,K,M),l=l+1|0;while((l|0)!=(s|0))}}function li(e,n,r,u,l){switch(e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,r|0){case 5:case 0:{e=i8(t[489]|0,u,l)|0;break}default:e=bL(u,l)|0}return e|0}function Tl(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0;l=m,m=m+16|0,s=l,t[s>>2]=u,zs(e,0,n,r,s),m=l}function zs(e,n,r,u,l){if(e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,e=e|0?e:956,C8[t[e+8>>2]&1](e,n,r,u,l)|0,(r|0)==5)$n();else return}function Vu(e,n,r){e=e|0,n=n|0,r=r|0,p[e+n>>0]=r&1}function sa(e,n){e=e|0,n=n|0;var r=0,u=0;t[e>>2]=0,t[e+4>>2]=0,t[e+8>>2]=0,r=n+4|0,u=(t[r>>2]|0)-(t[n>>2]|0)>>2,u|0&&(Xi(e,u),Hs(e,t[n>>2]|0,t[r>>2]|0,u))}function Xi(e,n){e=e|0,n=n|0;var r=0;if((R0(e)|0)>>>0<n>>>0&&hi(e),n>>>0>1073741823)$n();else{r=pn(n<<2)|0,t[e+4>>2]=r,t[e>>2]=r,t[e+8>>2]=r+(n<<2);return}}function Hs(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0,u=e+4|0,e=r-n|0,(e|0)>0&&(gr(t[u>>2]|0,n|0,e|0)|0,t[u>>2]=(t[u>>2]|0)+(e>>>2<<2))}function R0(e){return e=e|0,1073741823}function zi(e,n,r){return e=e|0,n=n|0,r=w(r),(Hi(n)|0?(t[e+96>>2]|0)!=0:0)?e=e+92|0:e=dt(e+60|0,t[1040+(n<<2)>>2]|0,992)|0,w(rl(e,r))}function A0(e,n,r){return e=e|0,n=n|0,r=w(r),(Hi(n)|0?(t[e+104>>2]|0)!=0:0)?e=e+100|0:e=dt(e+60|0,t[1e3+(n<<2)>>2]|0,992)|0,w(rl(e,r))}function Hi(e){return e=e|0,(e|1|0)==3|0}function rl(e,n){return e=e|0,n=w(n),(t[e+4>>2]|0)==3?n=w(0):n=w(Rn(e,n)),w(n)}function Cl(e,n){return e=e|0,n=n|0,e=t[e>>2]|0,((e|0)==0?(n|0)>1?n:1:e)|0}function B0(e,n){e=e|0,n=n|0;var r=0;e:do if((n|0)==2){switch(e|0){case 2:{e=3;break e}case 3:break;default:{r=4;break e}}e=2}else r=4;while(0);return e|0}function O0(e,n){e=e|0,n=n|0;var r=Tt;return((Hi(n)|0?(t[e+312>>2]|0)!=0:0)?(r=w(C[e+308>>2]),r>=w(0)):0)||(r=w(Ru(w(C[(dt(e+276|0,t[1040+(n<<2)>>2]|0,992)|0)>>2]),w(0)))),w(r)}function ho(e,n){e=e|0,n=n|0;var r=Tt;return((Hi(n)|0?(t[e+320>>2]|0)!=0:0)?(r=w(C[e+316>>2]),r>=w(0)):0)||(r=w(Ru(w(C[(dt(e+276|0,t[1e3+(n<<2)>>2]|0,992)|0)>>2]),w(0)))),w(r)}function Pu(e,n,r){e=e|0,n=n|0,r=w(r);var u=Tt;return((Hi(n)|0?(t[e+240>>2]|0)!=0:0)?(u=w(Rn(e+236|0,r)),u>=w(0)):0)||(u=w(Ru(w(Rn(dt(e+204|0,t[1040+(n<<2)>>2]|0,992)|0,r)),w(0)))),w(u)}function Zu(e,n,r){e=e|0,n=n|0,r=w(r);var u=Tt;return((Hi(n)|0?(t[e+248>>2]|0)!=0:0)?(u=w(Rn(e+244|0,r)),u>=w(0)):0)||(u=w(Ru(w(Rn(dt(e+204|0,t[1e3+(n<<2)>>2]|0,992)|0,r)),w(0)))),w(u)}function es(e,n,r,u,l,s,h){e=e|0,n=w(n),r=w(r),u=u|0,l=l|0,s=w(s),h=w(h);var D=Tt,S=Tt,N=Tt,M=Tt,I=Tt,K=Tt,be=0,Se=0,ye=0;ye=m,m=m+16|0,be=ye,Se=e+964|0,qu(e,(t[Se>>2]|0)!=0,3519),D=w(Rr(e,2,n)),S=w(Rr(e,0,n)),N=w(Kt(e,2,n)),M=w(Kt(e,0,n)),Ne(n)|0?I=n:I=w(Ru(w(0),w(w(n-N)-D))),Ne(r)|0?K=r:K=w(Ru(w(0),w(w(r-M)-S))),(u|0)==1&(l|0)==1?(C[e+908>>2]=w(Kn(e,2,w(n-N),s,s)),n=w(Kn(e,0,w(r-M),h,s))):(x8[t[Se>>2]&1](be,e,I,u,K,l),I=w(D+w(C[be>>2])),K=w(n-N),C[e+908>>2]=w(Kn(e,2,(u|2|0)==2?I:K,s,s)),K=w(S+w(C[be+4>>2])),n=w(r-M),n=w(Kn(e,0,(l|2|0)==2?K:n,h,s))),C[e+912>>2]=n,m=ye}function _s(e,n,r,u,l,s,h){e=e|0,n=w(n),r=w(r),u=u|0,l=l|0,s=w(s),h=w(h);var D=Tt,S=Tt,N=Tt,M=Tt;N=w(Rr(e,2,s)),D=w(Rr(e,0,s)),M=w(Kt(e,2,s)),S=w(Kt(e,0,s)),n=w(n-M),C[e+908>>2]=w(Kn(e,2,(u|2|0)==2?N:n,s,s)),r=w(r-S),C[e+912>>2]=w(Kn(e,0,(l|2|0)==2?D:r,h,s))}function aa(e,n,r,u,l,s,h){e=e|0,n=w(n),r=w(r),u=u|0,l=l|0,s=w(s),h=w(h);var D=0,S=Tt,N=Tt;return D=(u|0)==2,((n<=w(0)&D?0:!(r<=w(0)&(l|0)==2))?!((u|0)==1&(l|0)==1):0)?e=0:(S=w(Kt(e,0,s)),N=w(Kt(e,2,s)),D=n<w(0)&D|(Ne(n)|0),n=w(n-N),C[e+908>>2]=w(Kn(e,2,D?w(0):n,s,s)),n=w(r-S),D=r<w(0)&(l|0)==2|(Ne(r)|0),C[e+912>>2]=w(Kn(e,0,D?w(0):n,h,s)),e=1),e|0}function gf(e,n){return e=e|0,n=n|0,_n(e)|0?e=B0(2,n)|0:e=0,e|0}function $u(e,n,r){return e=e|0,n=n|0,r=w(r),r=w(Pu(e,n,r)),w(r+w(O0(e,n)))}function Es(e,n,r){return e=e|0,n=n|0,r=w(r),r=w(Zu(e,n,r)),w(r+w(ho(e,n)))}function Rr(e,n,r){e=e|0,n=n|0,r=w(r);var u=Tt;return u=w($u(e,n,r)),w(u+w(Es(e,n,r)))}function to(e){return e=e|0,t[e+24>>2]|0?e=0:w(nu(e))!=w(0)?e=1:e=w(fu(e))!=w(0),e|0}function nu(e){e=e|0;var n=Tt;if(t[e+944>>2]|0){if(n=w(C[e+44>>2]),Ne(n)|0)return n=w(C[e+40>>2]),e=n>w(0)&((Ne(n)|0)^1),w(e?n:w(0))}else n=w(0);return w(n)}function fu(e){e=e|0;var n=Tt,r=0,u=Tt;do if(t[e+944>>2]|0){if(n=w(C[e+48>>2]),Ne(n)|0){if(r=p[(t[e+976>>2]|0)+2>>0]|0,r<<24>>24==0?(u=w(C[e+40>>2]),u<w(0)&((Ne(u)|0)^1)):0){n=w(-u);break}n=r<<24>>24?w(1):w(0)}}else n=w(0);while(0);return w(n)}function Li(e){e=e|0;var n=0,r=0;if(bv(e+400|0,0,540)|0,p[e+985>>0]=1,ms(e),r=Su(e)|0,r|0){n=e+948|0,e=0;do Li(t[(t[n>>2]|0)+(e<<2)>>2]|0),e=e+1|0;while((e|0)!=(r|0))}}function ni(e,n,r,u,l,s,h,D,S,N){e=e|0,n=n|0,r=w(r),u=u|0,l=w(l),s=w(s),h=w(h),D=D|0,S=S|0,N=N|0;var M=0,I=Tt,K=0,be=0,Se=Tt,ye=Tt,Je=0,Ge=Tt,ft=0,Me=Tt,Pe=0,Zt=0,Br=0,In=0,gn=0,_r=0,Pr=0,Nn=0,uu=0,os=0;uu=m,m=m+16|0,Br=uu+12|0,In=uu+8|0,gn=uu+4|0,_r=uu,Nn=B0(t[e+4>>2]|0,S)|0,Pe=Hi(Nn)|0,I=w(Rn(Tn(n)|0,Pe?s:h)),Zt=Wu(n,2,s)|0,Pr=Wu(n,0,h)|0;do if(Ne(I)|0?0:!(Ne(Pe?r:l)|0)){if(M=n+504|0,!(Ne(w(C[M>>2]))|0)&&(!(ir(t[n+976>>2]|0,0)|0)||(t[n+500>>2]|0)==(t[2278]|0)))break;C[M>>2]=w(Ru(I,w(Rr(n,Nn,s))))}else K=7;while(0);do if((K|0)==7){if(ft=Pe^1,!(ft|Zt^1)){h=w(Rn(t[n+992>>2]|0,s)),C[n+504>>2]=w(Ru(h,w(Rr(n,2,s))));break}if(!(Pe|Pr^1)){h=w(Rn(t[n+996>>2]|0,h)),C[n+504>>2]=w(Ru(h,w(Rr(n,0,s))));break}C[Br>>2]=w(ie),C[In>>2]=w(ie),t[gn>>2]=0,t[_r>>2]=0,Ge=w(Kt(n,2,s)),Me=w(Kt(n,0,s)),Zt?(Se=w(Ge+w(Rn(t[n+992>>2]|0,s))),C[Br>>2]=Se,t[gn>>2]=1,be=1):(be=0,Se=w(ie)),Pr?(I=w(Me+w(Rn(t[n+996>>2]|0,h))),C[In>>2]=I,t[_r>>2]=1,M=1):(M=0,I=w(ie)),K=t[e+32>>2]|0,Pe&(K|0)==2?K=2:(Ne(Se)|0?!(Ne(r)|0):0)&&(C[Br>>2]=r,t[gn>>2]=2,be=2,Se=r),(((K|0)==2&ft?0:Ne(I)|0)?!(Ne(l)|0):0)&&(C[In>>2]=l,t[_r>>2]=2,M=2,I=l),ye=w(C[n+396>>2]),Je=Ne(ye)|0;do if(Je)K=be;else{if((be|0)==1&ft){C[In>>2]=w(w(Se-Ge)/ye),t[_r>>2]=1,M=1,K=1;break}Pe&(M|0)==1?(C[Br>>2]=w(ye*w(I-Me)),t[gn>>2]=1,M=1,K=1):K=be}while(0);os=Ne(r)|0,be=(e0(e,n)|0)!=4,(Pe|Zt|((u|0)!=1|os)|(be|(K|0)==1)?0:(C[Br>>2]=r,t[gn>>2]=1,!Je))&&(C[In>>2]=w(w(r-Ge)/ye),t[_r>>2]=1,M=1),(Pr|ft|((D|0)!=1|(Ne(l)|0))|(be|(M|0)==1)?0:(C[In>>2]=l,t[_r>>2]=1,!Je))&&(C[Br>>2]=w(ye*w(l-Me)),t[gn>>2]=1),Fn(n,2,s,s,gn,Br),Fn(n,0,h,s,_r,In),r=w(C[Br>>2]),l=w(C[In>>2]),Yt(n,r,l,S,t[gn>>2]|0,t[_r>>2]|0,s,h,0,3565,N)|0,h=w(C[n+908+(t[976+(Nn<<2)>>2]<<2)>>2]),C[n+504>>2]=w(Ru(h,w(Rr(n,Nn,s))))}while(0);t[n+500>>2]=t[2278],m=uu}function Kn(e,n,r,u,l){return e=e|0,n=n|0,r=w(r),u=w(u),l=w(l),u=w(Qt(e,n,r,u)),w(Ru(u,w(Rr(e,n,l))))}function e0(e,n){return e=e|0,n=n|0,n=n+20|0,n=t[((t[n>>2]|0)==0?e+16|0:n)>>2]|0,((n|0)==5?_n(t[e+4>>2]|0)|0:0)&&(n=1),n|0}function _0(e,n){return e=e|0,n=n|0,(Hi(n)|0?(t[e+96>>2]|0)!=0:0)?n=4:n=t[1040+(n<<2)>>2]|0,e+60+(n<<3)|0}function E0(e,n){return e=e|0,n=n|0,(Hi(n)|0?(t[e+104>>2]|0)!=0:0)?n=5:n=t[1e3+(n<<2)>>2]|0,e+60+(n<<3)|0}function Fn(e,n,r,u,l,s){switch(e=e|0,n=n|0,r=w(r),u=w(u),l=l|0,s=s|0,r=w(Rn(e+380+(t[976+(n<<2)>>2]<<3)|0,r)),r=w(r+w(Kt(e,n,u))),t[l>>2]|0){case 2:case 1:{l=Ne(r)|0,u=w(C[s>>2]),C[s>>2]=l|u<r?u:r;break}case 0:{Ne(r)|0||(t[l>>2]=2,C[s>>2]=r);break}default:}}function ae(e,n){return e=e|0,n=n|0,e=e+132|0,(Hi(n)|0?(t[(dt(e,4,948)|0)+4>>2]|0)!=0:0)?e=1:e=(t[(dt(e,t[1040+(n<<2)>>2]|0,948)|0)+4>>2]|0)!=0,e|0}function re(e,n,r){e=e|0,n=n|0,r=w(r);var u=0,l=0;return e=e+132|0,(Hi(n)|0?(u=dt(e,4,948)|0,(t[u+4>>2]|0)!=0):0)?l=4:(u=dt(e,t[1040+(n<<2)>>2]|0,948)|0,t[u+4>>2]|0?l=4:r=w(0)),(l|0)==4&&(r=w(Rn(u,r))),w(r)}function Fe(e,n,r){e=e|0,n=n|0,r=w(r);var u=Tt;return u=w(C[e+908+(t[976+(n<<2)>>2]<<2)>>2]),u=w(u+w(zi(e,n,r))),w(u+w(A0(e,n,r)))}function Ae(e){e=e|0;var n=0,r=0,u=0;e:do if(_n(t[e+4>>2]|0)|0)n=0;else if((t[e+16>>2]|0)!=5)if(r=Su(e)|0,!r)n=0;else for(n=0;;){if(u=Ti(e,n)|0,(t[u+24>>2]|0)==0?(t[u+20>>2]|0)==5:0){n=1;break e}if(n=n+1|0,n>>>0>=r>>>0){n=0;break}}else n=1;while(0);return n|0}function st(e,n){e=e|0,n=n|0;var r=Tt;return r=w(C[e+908+(t[976+(n<<2)>>2]<<2)>>2]),r>=w(0)&((Ne(r)|0)^1)|0}function vt(e){e=e|0;var n=Tt,r=0,u=0,l=0,s=0,h=0,D=0,S=Tt;if(r=t[e+968>>2]|0,r)S=w(C[e+908>>2]),n=w(C[e+912>>2]),n=w(D8[r&0](e,S,n)),qu(e,(Ne(n)|0)^1,3573);else{s=Su(e)|0;do if(s|0){for(r=0,l=0;;){if(u=Ti(e,l)|0,t[u+940>>2]|0){h=8;break}if((t[u+24>>2]|0)!=1)if(D=(e0(e,u)|0)==5,D){r=u;break}else r=(r|0)==0?u:r;if(l=l+1|0,l>>>0>=s>>>0){h=8;break}}if((h|0)==8&&!r)break;return n=w(vt(r)),w(n+w(C[r+404>>2]))}while(0);n=w(C[e+912>>2])}return w(n)}function Qt(e,n,r,u){e=e|0,n=n|0,r=w(r),u=w(u);var l=Tt,s=0;return _n(n)|0?(n=1,s=3):Hi(n)|0?(n=0,s=3):(u=w(ie),l=w(ie)),(s|0)==3&&(l=w(Rn(e+364+(n<<3)|0,u)),u=w(Rn(e+380+(n<<3)|0,u))),s=u<r&(u>=w(0)&((Ne(u)|0)^1)),r=s?u:r,s=l>=w(0)&((Ne(l)|0)^1)&r<l,w(s?l:r)}function On(e,n,r,u,l,s,h){e=e|0,n=n|0,r=w(r),u=u|0,l=w(l),s=s|0,h=h|0;var D=Tt,S=Tt,N=0,M=0,I=Tt,K=Tt,be=Tt,Se=0,ye=0,Je=0,Ge=0,ft=Tt,Me=0;Je=B0(t[e+4>>2]|0,s)|0,Se=gf(Je,s)|0,ye=Hi(Je)|0,I=w(Kt(n,2,r)),K=w(Kt(n,0,r)),Wu(n,2,r)|0?D=w(I+w(Rn(t[n+992>>2]|0,r))):(ae(n,2)|0?Bt(n,2)|0:0)?(D=w(C[e+908>>2]),S=w(O0(e,2)),S=w(D-w(S+w(ho(e,2)))),D=w(re(n,2,r)),D=w(Kn(n,2,w(S-w(D+w(Fi(n,2,r)))),r,r))):D=w(ie),Wu(n,0,l)|0?S=w(K+w(Rn(t[n+996>>2]|0,l))):(ae(n,0)|0?Bt(n,0)|0:0)?(S=w(C[e+912>>2]),ft=w(O0(e,0)),ft=w(S-w(ft+w(ho(e,0)))),S=w(re(n,0,l)),S=w(Kn(n,0,w(ft-w(S+w(Fi(n,0,l)))),l,r))):S=w(ie),N=Ne(D)|0,M=Ne(S)|0;do if(N^M?(be=w(C[n+396>>2]),!(Ne(be)|0)):0)if(N){D=w(I+w(w(S-K)*be));break}else{ft=w(K+w(w(D-I)/be)),S=M?ft:S;break}while(0);M=Ne(D)|0,N=Ne(S)|0,M|N&&(Me=(M^1)&1,u=r>w(0)&((u|0)!=0&M),D=ye?D:u?r:D,Yt(n,D,S,s,ye?Me:u?2:Me,M&(N^1)&1,D,S,0,3623,h)|0,D=w(C[n+908>>2]),D=w(D+w(Kt(n,2,r))),S=w(C[n+912>>2]),S=w(S+w(Kt(n,0,r)))),Yt(n,D,S,s,1,1,D,S,1,3635,h)|0,(Bt(n,Je)|0?!(ae(n,Je)|0):0)?(Me=t[976+(Je<<2)>>2]|0,ft=w(C[e+908+(Me<<2)>>2]),ft=w(ft-w(C[n+908+(Me<<2)>>2])),ft=w(ft-w(ho(e,Je))),ft=w(ft-w(A0(n,Je,r))),ft=w(ft-w(Fi(n,Je,ye?r:l))),C[n+400+(t[1040+(Je<<2)>>2]<<2)>>2]=ft):Ge=21;do if((Ge|0)==21){if(ae(n,Je)|0?0:(t[e+8>>2]|0)==1){Me=t[976+(Je<<2)>>2]|0,ft=w(C[e+908+(Me<<2)>>2]),ft=w(w(ft-w(C[n+908+(Me<<2)>>2]))*w(.5)),C[n+400+(t[1040+(Je<<2)>>2]<<2)>>2]=ft;break}(ae(n,Je)|0?0:(t[e+8>>2]|0)==2)&&(Me=t[976+(Je<<2)>>2]|0,ft=w(C[e+908+(Me<<2)>>2]),ft=w(ft-w(C[n+908+(Me<<2)>>2])),C[n+400+(t[1040+(Je<<2)>>2]<<2)>>2]=ft)}while(0);(Bt(n,Se)|0?!(ae(n,Se)|0):0)?(Me=t[976+(Se<<2)>>2]|0,ft=w(C[e+908+(Me<<2)>>2]),ft=w(ft-w(C[n+908+(Me<<2)>>2])),ft=w(ft-w(ho(e,Se))),ft=w(ft-w(A0(n,Se,r))),ft=w(ft-w(Fi(n,Se,ye?l:r))),C[n+400+(t[1040+(Se<<2)>>2]<<2)>>2]=ft):Ge=30;do if((Ge|0)==30?!(ae(n,Se)|0):0){if((e0(e,n)|0)==2){Me=t[976+(Se<<2)>>2]|0,ft=w(C[e+908+(Me<<2)>>2]),ft=w(w(ft-w(C[n+908+(Me<<2)>>2]))*w(.5)),C[n+400+(t[1040+(Se<<2)>>2]<<2)>>2]=ft;break}Me=(e0(e,n)|0)==3,Me^(t[e+28>>2]|0)==2&&(Me=t[976+(Se<<2)>>2]|0,ft=w(C[e+908+(Me<<2)>>2]),ft=w(ft-w(C[n+908+(Me<<2)>>2])),C[n+400+(t[1040+(Se<<2)>>2]<<2)>>2]=ft)}while(0)}function Sn(e,n,r){e=e|0,n=n|0,r=r|0;var u=Tt,l=0;l=t[976+(r<<2)>>2]|0,u=w(C[n+908+(l<<2)>>2]),u=w(w(C[e+908+(l<<2)>>2])-u),u=w(u-w(C[n+400+(t[1040+(r<<2)>>2]<<2)>>2])),C[n+400+(t[1e3+(r<<2)>>2]<<2)>>2]=u}function _n(e){return e=e|0,(e|1|0)==1|0}function Tn(e){e=e|0;var n=Tt;switch(t[e+56>>2]|0){case 0:case 3:{n=w(C[e+40>>2]),n>w(0)&((Ne(n)|0)^1)?e=p[(t[e+976>>2]|0)+2>>0]|0?1056:992:e=1056;break}default:e=e+52|0}return e|0}function ir(e,n){return e=e|0,n=n|0,(p[e+n>>0]|0)!=0|0}function Bt(e,n){return e=e|0,n=n|0,e=e+132|0,(Hi(n)|0?(t[(dt(e,5,948)|0)+4>>2]|0)!=0:0)?e=1:e=(t[(dt(e,t[1e3+(n<<2)>>2]|0,948)|0)+4>>2]|0)!=0,e|0}function Fi(e,n,r){e=e|0,n=n|0,r=w(r);var u=0,l=0;return e=e+132|0,(Hi(n)|0?(u=dt(e,5,948)|0,(t[u+4>>2]|0)!=0):0)?l=4:(u=dt(e,t[1e3+(n<<2)>>2]|0,948)|0,t[u+4>>2]|0?l=4:r=w(0)),(l|0)==4&&(r=w(Rn(u,r))),w(r)}function Ar(e,n,r){return e=e|0,n=n|0,r=w(r),ae(e,n)|0?r=w(re(e,n,r)):r=w(-w(Fi(e,n,r))),w(r)}function mr(e){return e=w(e),C[W>>2]=e,t[W>>2]|0|0}function Y(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>1073741823)$n();else{l=pn(n<<2)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r<<2)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n<<2)}function ri(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(0-(l>>2)<<2)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function ii(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~((u+-4-n|0)>>>2)<<2)),e=t[e>>2]|0,e|0&&_t(e)}function Vr(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0;if(h=e+4|0,D=t[h>>2]|0,l=D-u|0,s=l>>2,e=n+(s<<2)|0,e>>>0<r>>>0){u=D;do t[u>>2]=t[e>>2],e=e+4|0,u=(t[h>>2]|0)+4|0,t[h>>2]=u;while(e>>>0<r>>>0)}s|0&&Ty(D+(0-s<<2)|0,n|0,l|0)|0}function at(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0;return D=n+4|0,S=t[D>>2]|0,l=t[e>>2]|0,h=r,s=h-l|0,u=S+(0-(s>>2)<<2)|0,t[D>>2]=u,(s|0)>0&&gr(u|0,l|0,s|0)|0,l=e+4|0,s=n+8|0,u=(t[l>>2]|0)-h|0,(u|0)>0&&(gr(t[s>>2]|0,r|0,u|0)|0,t[s>>2]=(t[s>>2]|0)+(u>>>2<<2)),h=t[e>>2]|0,t[e>>2]=t[D>>2],t[D>>2]=h,h=t[l>>2]|0,t[l>>2]=t[s>>2],t[s>>2]=h,h=e+8|0,r=n+12|0,e=t[h>>2]|0,t[h>>2]=t[r>>2],t[r>>2]=e,t[n>>2]=t[D>>2],S|0}function Di(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;if(h=t[n>>2]|0,s=t[r>>2]|0,(h|0)!=(s|0)){l=e+8|0,r=((s+-4-h|0)>>>2)+1|0,e=h,u=t[l>>2]|0;do t[u>>2]=t[e>>2],u=(t[l>>2]|0)+4|0,t[l>>2]=u,e=e+4|0;while((e|0)!=(s|0));t[n>>2]=h+(r<<2)}}function ru(){we()}function D0(){var e=0;return e=pn(4)|0,Un(e),e|0}function Un(e){e=e|0,t[e>>2]=m0()|0}function t0(e){e=e|0,e|0&&(no(e),_t(e))}function no(e){e=e|0,Q0(t[e>>2]|0)}function vo(e,n,r){e=e|0,n=n|0,r=r|0,Vu(t[e>>2]|0,n,r)}function n0(e,n){e=e|0,n=w(n),Ju(t[e>>2]|0,n)}function Uo(e,n){return e=e|0,n=n|0,ir(t[e>>2]|0,n)|0}function ro(){var e=0;return e=pn(8)|0,Ba(e,0),e|0}function Ba(e,n){e=e|0,n=n|0,n?n=Yn(t[n>>2]|0)|0:n=cr()|0,t[e>>2]=n,t[e+4>>2]=0,ba(n,e)}function _f(e){e=e|0;var n=0;return n=pn(8)|0,Ba(n,e),n|0}function fc(e){e=e|0,e|0&&(Ds(e),_t(e))}function Ds(e){e=e|0;var n=0;zu(t[e>>2]|0),n=e+4|0,e=t[n>>2]|0,t[n>>2]=0,e|0&&(fa(e),_t(e))}function fa(e){e=e|0,U0(e)}function U0(e){e=e|0,e=t[e>>2]|0,e|0&&qr(e|0)}function cc(e){return e=e|0,Bs(e)|0}function Ua(e){e=e|0;var n=0,r=0;r=e+4|0,n=t[r>>2]|0,t[r>>2]=0,n|0&&(fa(n),_t(n)),co(t[e>>2]|0)}function E2(e,n){e=e|0,n=n|0,oa(t[e>>2]|0,t[n>>2]|0)}function nd(e,n){e=e|0,n=n|0,Z(t[e>>2]|0,n)}function rd(e,n,r){e=e|0,n=n|0,r=+r,dr(t[e>>2]|0,n,w(r))}function mo(e,n,r){e=e|0,n=n|0,r=+r,er(t[e>>2]|0,n,w(r))}function Hc(e,n){e=e|0,n=n|0,z(t[e>>2]|0,n)}function xl(e,n){e=e|0,n=n|0,$(t[e>>2]|0,n)}function il(e,n){e=e|0,n=n|0,ge(t[e>>2]|0,n)}function D2(e,n){e=e|0,n=n|0,y0(t[e>>2]|0,n)}function qs(e,n){e=e|0,n=n|0,Qe(t[e>>2]|0,n)}function Rl(e,n){e=e|0,n=n|0,ji(t[e>>2]|0,n)}function id(e,n,r){e=e|0,n=n|0,r=+r,An(t[e>>2]|0,n,w(r))}function jo(e,n,r){e=e|0,n=n|0,r=+r,Nr(t[e>>2]|0,n,w(r))}function ja(e,n){e=e|0,n=n|0,Lr(t[e>>2]|0,n)}function za(e,n){e=e|0,n=n|0,ue(t[e>>2]|0,n)}function Ha(e,n){e=e|0,n=n|0,nt(t[e>>2]|0,n)}function ca(e,n){e=e|0,n=+n,Mt(t[e>>2]|0,w(n))}function ws(e,n){e=e|0,n=+n,rn(t[e>>2]|0,w(n))}function Ss(e,n){e=e|0,n=+n,Lt(t[e>>2]|0,w(n))}function ts(e,n){e=e|0,n=+n,It(t[e>>2]|0,w(n))}function zo(e,n){e=e|0,n=+n,sn(t[e>>2]|0,w(n))}function Ef(e,n){e=e|0,n=+n,fn(t[e>>2]|0,w(n))}function ul(e,n){e=e|0,n=+n,Jn(t[e>>2]|0,w(n))}function Gu(e){e=e|0,wr(t[e>>2]|0)}function qa(e,n){e=e|0,n=+n,Nu(t[e>>2]|0,w(n))}function r0(e,n){e=e|0,n=+n,T0(t[e>>2]|0,w(n))}function j0(e){e=e|0,J0(t[e>>2]|0)}function Df(e,n){e=e|0,n=+n,_i(t[e>>2]|0,w(n))}function qc(e,n){e=e|0,n=+n,Fo(t[e>>2]|0,w(n))}function dc(e,n){e=e|0,n=+n,hf(t[e>>2]|0,w(n))}function Al(e,n){e=e|0,n=+n,Sl(t[e>>2]|0,w(n))}function Ts(e,n){e=e|0,n=+n,Po(t[e>>2]|0,w(n))}function da(e,n){e=e|0,n=+n,ys(t[e>>2]|0,w(n))}function ud(e,n){e=e|0,n=+n,Io(t[e>>2]|0,w(n))}function pa(e,n){e=e|0,n=+n,bo(t[e>>2]|0,w(n))}function pc(e,n){e=e|0,n=+n,Qu(t[e>>2]|0,w(n))}function Wc(e,n,r){e=e|0,n=n|0,r=+r,Pt(t[e>>2]|0,n,w(r))}function qi(e,n,r){e=e|0,n=n|0,r=+r,it(t[e>>2]|0,n,w(r))}function g(e,n,r){e=e|0,n=n|0,r=+r,Dt(t[e>>2]|0,n,w(r))}function y(e){return e=e|0,ke(t[e>>2]|0)|0}function R(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0;u=m,m=m+16|0,l=u,Cr(l,t[n>>2]|0,r),F(e,l),m=u}function F(e,n){e=e|0,n=n|0,b(e,t[n+4>>2]|0,+w(C[n>>2]))}function b(e,n,r){e=e|0,n=n|0,r=+r,t[e>>2]=n,U[e+8>>3]=r}function J(e){return e=e|0,G(t[e>>2]|0)|0}function ce(e){return e=e|0,Te(t[e>>2]|0)|0}function mt(e){return e=e|0,Re(t[e>>2]|0)|0}function xt(e){return e=e|0,Us(t[e>>2]|0)|0}function kt(e){return e=e|0,ht(t[e>>2]|0)|0}function xr(e){return e=e|0,B(t[e>>2]|0)|0}function i0(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0;u=m,m=m+16|0,l=u,g0(l,t[n>>2]|0,r),F(e,l),m=u}function cu(e){return e=e|0,He(t[e>>2]|0)|0}function z0(e){return e=e|0,Ct(t[e>>2]|0)|0}function Ol(e,n){e=e|0,n=n|0;var r=0,u=0;r=m,m=m+16|0,u=r,Dn(u,t[n>>2]|0),F(e,u),m=r}function u0(e){return e=e|0,+ +w(pf(t[e>>2]|0))}function Ve(e){return e=e|0,+ +w(bs(t[e>>2]|0))}function Ue(e,n){e=e|0,n=n|0;var r=0,u=0;r=m,m=m+16|0,u=r,au(u,t[n>>2]|0),F(e,u),m=r}function lt(e,n){e=e|0,n=n|0;var r=0,u=0;r=m,m=m+16|0,u=r,Lu(u,t[n>>2]|0),F(e,u),m=r}function $t(e,n){e=e|0,n=n|0;var r=0,u=0;r=m,m=m+16|0,u=r,nl(u,t[n>>2]|0),F(e,u),m=r}function Wn(e,n){e=e|0,n=n|0;var r=0,u=0;r=m,m=m+16|0,u=r,vf(u,t[n>>2]|0),F(e,u),m=r}function si(e,n){e=e|0,n=n|0;var r=0,u=0;r=m,m=m+16|0,u=r,js(u,t[n>>2]|0),F(e,u),m=r}function ur(e,n){e=e|0,n=n|0;var r=0,u=0;r=m,m=m+16|0,u=r,gs(u,t[n>>2]|0),F(e,u),m=r}function ci(e){return e=e|0,+ +w(Tu(t[e>>2]|0))}function Qi(e,n){return e=e|0,n=n|0,+ +w(un(t[e>>2]|0,n))}function Gr(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0;u=m,m=m+16|0,l=u,$e(l,t[n>>2]|0,r),F(e,l),m=u}function Cu(e,n,r){e=e|0,n=n|0,r=r|0,Ia(t[e>>2]|0,t[n>>2]|0,r)}function Wa(e,n){e=e|0,n=n|0,ku(t[e>>2]|0,t[n>>2]|0)}function Va(e){return e=e|0,Su(t[e>>2]|0)|0}function od(e){return e=e|0,e=fi(t[e>>2]|0)|0,e?e=cc(e)|0:e=0,e|0}function w2(e,n){return e=e|0,n=n|0,e=Ti(t[e>>2]|0,n)|0,e?e=cc(e)|0:e=0,e|0}function S2(e,n){e=e|0,n=n|0;var r=0,u=0;u=pn(4)|0,wf(u,n),r=e+4|0,n=t[r>>2]|0,t[r>>2]=u,n|0&&(fa(n),_t(n)),ua(t[e>>2]|0,1)}function wf(e,n){e=e|0,n=n|0,ll(e,n)}function ld(e,n,r,u,l,s){e=e|0,n=n|0,r=w(r),u=u|0,l=w(l),s=s|0;var h=0,D=0;h=m,m=m+16|0,D=h,ch(D,Bs(n)|0,+r,u,+l,s),C[e>>2]=w(+U[D>>3]),C[e+4>>2]=w(+U[D+8>>3]),m=h}function ch(e,n,r,u,l,s){e=e|0,n=n|0,r=+r,u=u|0,l=+l,s=s|0;var h=0,D=0,S=0,N=0,M=0;h=m,m=m+32|0,M=h+8|0,N=h+20|0,S=h,D=h+16|0,U[M>>3]=r,t[N>>2]=u,U[S>>3]=l,t[D>>2]=s,Vc(e,t[n+4>>2]|0,M,N,S,D),m=h}function Vc(e,n,r,u,l,s){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0;var h=0,D=0;h=m,m=m+16|0,D=h,Ma(D),n=yo(n)|0,dh(e,n,+U[r>>3],t[u>>2]|0,+U[l>>3],t[s>>2]|0),ka(D),m=h}function yo(e){return e=e|0,t[e>>2]|0}function dh(e,n,r,u,l,s){e=e|0,n=n|0,r=+r,u=u|0,l=+l,s=s|0;var h=0;h=go(ph()|0)|0,r=+Ml(r),u=sd(u)|0,l=+Ml(l),ad(e,Qr(0,h|0,n|0,+r,u|0,+l,sd(s)|0)|0)}function ph(){var e=0;return p[7608]|0||(Yc(9120),e=7608,t[e>>2]=1,t[e+4>>2]=0),9120}function go(e){return e=e|0,t[e+8>>2]|0}function Ml(e){return e=+e,+ +Ga(e)}function sd(e){return e=e|0,cd(e)|0}function ad(e,n){e=e|0,n=n|0;var r=0,u=0,l=0;l=m,m=m+32|0,r=l,u=n,u&1?(T2(r,0),eu(u|0,r|0)|0,Gc(e,r),Ir(r)):(t[e>>2]=t[n>>2],t[e+4>>2]=t[n+4>>2],t[e+8>>2]=t[n+8>>2],t[e+12>>2]=t[n+12>>2]),m=l}function T2(e,n){e=e|0,n=n|0,fd(e,n),t[e+8>>2]=0,p[e+24>>0]=0}function Gc(e,n){e=e|0,n=n|0,n=n+8|0,t[e>>2]=t[n>>2],t[e+4>>2]=t[n+4>>2],t[e+8>>2]=t[n+8>>2],t[e+12>>2]=t[n+12>>2]}function Ir(e){e=e|0,p[e+24>>0]=0}function fd(e,n){e=e|0,n=n|0,t[e>>2]=n}function cd(e){return e=e|0,e|0}function Ga(e){return e=+e,+e}function Yc(e){e=e|0,ol(e,C2()|0,4)}function C2(){return 1064}function ol(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,t[e+4>>2]=r,t[e+8>>2]=bt(n|0,r+1|0)|0}function ll(e,n){e=e|0,n=n|0,n=t[n>>2]|0,t[e>>2]=n,Ri(n|0)}function hh(e){e=e|0;var n=0,r=0;r=e+4|0,n=t[r>>2]|0,t[r>>2]=0,n|0&&(fa(n),_t(n)),ua(t[e>>2]|0,0)}function Sf(e){e=e|0,$r(t[e>>2]|0)}function Kc(e){return e=e|0,Zl(t[e>>2]|0)|0}function x2(e,n,r,u){e=e|0,n=+n,r=+r,u=u|0,ti(t[e>>2]|0,w(n),w(r),u)}function vh(e){return e=e|0,+ +w(Ei(t[e>>2]|0))}function sl(e){return e=e|0,+ +w(Z0(t[e>>2]|0))}function ha(e){return e=e|0,+ +w(C0(t[e>>2]|0))}function R2(e){return e=e|0,+ +w(Bo(t[e>>2]|0))}function A2(e){return e=e|0,+ +w(la(t[e>>2]|0))}function hc(e){return e=e|0,+ +w($l(t[e>>2]|0))}function mh(e,n){e=e|0,n=n|0,U[e>>3]=+w(Ei(t[n>>2]|0)),U[e+8>>3]=+w(Z0(t[n>>2]|0)),U[e+16>>3]=+w(C0(t[n>>2]|0)),U[e+24>>3]=+w(Bo(t[n>>2]|0)),U[e+32>>3]=+w(la(t[n>>2]|0)),U[e+40>>3]=+w($l(t[n>>2]|0))}function O2(e,n){return e=e|0,n=n|0,+ +w(tu(t[e>>2]|0,n))}function dd(e,n){return e=e|0,n=n|0,+ +w(ei(t[e>>2]|0,n))}function Xc(e,n){return e=e|0,n=n|0,+ +w(po(t[e>>2]|0,n))}function Qc(){return Pa()|0}function Ws(){M2(),va(),Jc(),vc(),mc(),pd()}function M2(){S7(11713,4938,1)}function va(){HA(10448)}function Jc(){SA(10408)}function vc(){GR(10324)}function mc(){$4(10096)}function pd(){yh(9132)}function yh(e){e=e|0;var n=0,r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0,be=0,Se=0,ye=0,Je=0,Ge=0,ft=0,Me=0,Pe=0,Zt=0,Br=0,In=0,gn=0,_r=0,Pr=0,Nn=0,uu=0,os=0,ls=0,ss=0,ea=0,n2=0,r2=0,uf=0,i2=0,Fc=0,Pc=0,u2=0,o2=0,l2=0,vi=0,of=0,s2=0,Yf=0,a2=0,f2=0,Ic=0,bc=0,Kf=0,Hl=0,La=0,Ns=0,lf=0,I1=0,b1=0,Bc=0,B1=0,U1=0,ql=0,_l=0,sf=0,hu=0,j1=0,as=0,Xf=0,fs=0,Qf=0,z1=0,H1=0,Jf=0,Wl=0,af=0,q1=0,W1=0,V1=0,Sr=0,Bu=0,El=0,cs=0,Vl=0,Or=0,Bn=0,ff=0;n=m,m=m+672|0,r=n+656|0,ff=n+648|0,Bn=n+640|0,Or=n+632|0,Vl=n+624|0,cs=n+616|0,El=n+608|0,Bu=n+600|0,Sr=n+592|0,V1=n+584|0,W1=n+576|0,q1=n+568|0,af=n+560|0,Wl=n+552|0,Jf=n+544|0,H1=n+536|0,z1=n+528|0,Qf=n+520|0,fs=n+512|0,Xf=n+504|0,as=n+496|0,j1=n+488|0,hu=n+480|0,sf=n+472|0,_l=n+464|0,ql=n+456|0,U1=n+448|0,B1=n+440|0,Bc=n+432|0,b1=n+424|0,I1=n+416|0,lf=n+408|0,Ns=n+400|0,La=n+392|0,Hl=n+384|0,Kf=n+376|0,bc=n+368|0,Ic=n+360|0,f2=n+352|0,a2=n+344|0,Yf=n+336|0,s2=n+328|0,of=n+320|0,vi=n+312|0,l2=n+304|0,o2=n+296|0,u2=n+288|0,Pc=n+280|0,Fc=n+272|0,i2=n+264|0,uf=n+256|0,r2=n+248|0,n2=n+240|0,ea=n+232|0,ss=n+224|0,ls=n+216|0,os=n+208|0,uu=n+200|0,Nn=n+192|0,Pr=n+184|0,_r=n+176|0,gn=n+168|0,In=n+160|0,Br=n+152|0,Zt=n+144|0,Pe=n+136|0,Me=n+128|0,ft=n+120|0,Ge=n+112|0,Je=n+104|0,ye=n+96|0,Se=n+88|0,be=n+80|0,K=n+72|0,I=n+64|0,M=n+56|0,N=n+48|0,S=n+40|0,D=n+32|0,h=n+24|0,s=n+16|0,l=n+8|0,u=n,Tf(e,3646),Zc(e,3651,2)|0,gh(e,3665,2)|0,nm(e,3682,18)|0,t[ff>>2]=19,t[ff+4>>2]=0,t[r>>2]=t[ff>>2],t[r+4>>2]=t[ff+4>>2],Vs(e,3690,r)|0,t[Bn>>2]=1,t[Bn+4>>2]=0,t[r>>2]=t[Bn>>2],t[r+4>>2]=t[Bn+4>>2],ma(e,3696,r)|0,t[Or>>2]=2,t[Or+4>>2]=0,t[r>>2]=t[Or>>2],t[r+4>>2]=t[Or+4>>2],iu(e,3706,r)|0,t[Vl>>2]=1,t[Vl+4>>2]=0,t[r>>2]=t[Vl>>2],t[r+4>>2]=t[Vl+4>>2],M0(e,3722,r)|0,t[cs>>2]=2,t[cs+4>>2]=0,t[r>>2]=t[cs>>2],t[r+4>>2]=t[cs+4>>2],M0(e,3734,r)|0,t[El>>2]=3,t[El+4>>2]=0,t[r>>2]=t[El>>2],t[r+4>>2]=t[El+4>>2],iu(e,3753,r)|0,t[Bu>>2]=4,t[Bu+4>>2]=0,t[r>>2]=t[Bu>>2],t[r+4>>2]=t[Bu+4>>2],iu(e,3769,r)|0,t[Sr>>2]=5,t[Sr+4>>2]=0,t[r>>2]=t[Sr>>2],t[r+4>>2]=t[Sr+4>>2],iu(e,3783,r)|0,t[V1>>2]=6,t[V1+4>>2]=0,t[r>>2]=t[V1>>2],t[r+4>>2]=t[V1+4>>2],iu(e,3796,r)|0,t[W1>>2]=7,t[W1+4>>2]=0,t[r>>2]=t[W1>>2],t[r+4>>2]=t[W1+4>>2],iu(e,3813,r)|0,t[q1>>2]=8,t[q1+4>>2]=0,t[r>>2]=t[q1>>2],t[r+4>>2]=t[q1+4>>2],iu(e,3825,r)|0,t[af>>2]=3,t[af+4>>2]=0,t[r>>2]=t[af>>2],t[r+4>>2]=t[af+4>>2],M0(e,3843,r)|0,t[Wl>>2]=4,t[Wl+4>>2]=0,t[r>>2]=t[Wl>>2],t[r+4>>2]=t[Wl+4>>2],M0(e,3853,r)|0,t[Jf>>2]=9,t[Jf+4>>2]=0,t[r>>2]=t[Jf>>2],t[r+4>>2]=t[Jf+4>>2],iu(e,3870,r)|0,t[H1>>2]=10,t[H1+4>>2]=0,t[r>>2]=t[H1>>2],t[r+4>>2]=t[H1+4>>2],iu(e,3884,r)|0,t[z1>>2]=11,t[z1+4>>2]=0,t[r>>2]=t[z1>>2],t[r+4>>2]=t[z1+4>>2],iu(e,3896,r)|0,t[Qf>>2]=1,t[Qf+4>>2]=0,t[r>>2]=t[Qf>>2],t[r+4>>2]=t[Qf+4>>2],o0(e,3907,r)|0,t[fs>>2]=2,t[fs+4>>2]=0,t[r>>2]=t[fs>>2],t[r+4>>2]=t[fs+4>>2],o0(e,3915,r)|0,t[Xf>>2]=3,t[Xf+4>>2]=0,t[r>>2]=t[Xf>>2],t[r+4>>2]=t[Xf+4>>2],o0(e,3928,r)|0,t[as>>2]=4,t[as+4>>2]=0,t[r>>2]=t[as>>2],t[r+4>>2]=t[as+4>>2],o0(e,3948,r)|0,t[j1>>2]=5,t[j1+4>>2]=0,t[r>>2]=t[j1>>2],t[r+4>>2]=t[j1+4>>2],o0(e,3960,r)|0,t[hu>>2]=6,t[hu+4>>2]=0,t[r>>2]=t[hu>>2],t[r+4>>2]=t[hu+4>>2],o0(e,3974,r)|0,t[sf>>2]=7,t[sf+4>>2]=0,t[r>>2]=t[sf>>2],t[r+4>>2]=t[sf+4>>2],o0(e,3983,r)|0,t[_l>>2]=20,t[_l+4>>2]=0,t[r>>2]=t[_l>>2],t[r+4>>2]=t[_l+4>>2],Vs(e,3999,r)|0,t[ql>>2]=8,t[ql+4>>2]=0,t[r>>2]=t[ql>>2],t[r+4>>2]=t[ql+4>>2],o0(e,4012,r)|0,t[U1>>2]=9,t[U1+4>>2]=0,t[r>>2]=t[U1>>2],t[r+4>>2]=t[U1+4>>2],o0(e,4022,r)|0,t[B1>>2]=21,t[B1+4>>2]=0,t[r>>2]=t[B1>>2],t[r+4>>2]=t[B1+4>>2],Vs(e,4039,r)|0,t[Bc>>2]=10,t[Bc+4>>2]=0,t[r>>2]=t[Bc>>2],t[r+4>>2]=t[Bc+4>>2],o0(e,4053,r)|0,t[b1>>2]=11,t[b1+4>>2]=0,t[r>>2]=t[b1>>2],t[r+4>>2]=t[b1+4>>2],o0(e,4065,r)|0,t[I1>>2]=12,t[I1+4>>2]=0,t[r>>2]=t[I1>>2],t[r+4>>2]=t[I1+4>>2],o0(e,4084,r)|0,t[lf>>2]=13,t[lf+4>>2]=0,t[r>>2]=t[lf>>2],t[r+4>>2]=t[lf+4>>2],o0(e,4097,r)|0,t[Ns>>2]=14,t[Ns+4>>2]=0,t[r>>2]=t[Ns>>2],t[r+4>>2]=t[Ns+4>>2],o0(e,4117,r)|0,t[La>>2]=15,t[La+4>>2]=0,t[r>>2]=t[La>>2],t[r+4>>2]=t[La+4>>2],o0(e,4129,r)|0,t[Hl>>2]=16,t[Hl+4>>2]=0,t[r>>2]=t[Hl>>2],t[r+4>>2]=t[Hl+4>>2],o0(e,4148,r)|0,t[Kf>>2]=17,t[Kf+4>>2]=0,t[r>>2]=t[Kf>>2],t[r+4>>2]=t[Kf+4>>2],o0(e,4161,r)|0,t[bc>>2]=18,t[bc+4>>2]=0,t[r>>2]=t[bc>>2],t[r+4>>2]=t[bc+4>>2],o0(e,4181,r)|0,t[Ic>>2]=5,t[Ic+4>>2]=0,t[r>>2]=t[Ic>>2],t[r+4>>2]=t[Ic+4>>2],M0(e,4196,r)|0,t[f2>>2]=6,t[f2+4>>2]=0,t[r>>2]=t[f2>>2],t[r+4>>2]=t[f2+4>>2],M0(e,4206,r)|0,t[a2>>2]=7,t[a2+4>>2]=0,t[r>>2]=t[a2>>2],t[r+4>>2]=t[a2+4>>2],M0(e,4217,r)|0,t[Yf>>2]=3,t[Yf+4>>2]=0,t[r>>2]=t[Yf>>2],t[r+4>>2]=t[Yf+4>>2],ns(e,4235,r)|0,t[s2>>2]=1,t[s2+4>>2]=0,t[r>>2]=t[s2>>2],t[r+4>>2]=t[s2+4>>2],Ya(e,4251,r)|0,t[of>>2]=4,t[of+4>>2]=0,t[r>>2]=t[of>>2],t[r+4>>2]=t[of+4>>2],ns(e,4263,r)|0,t[vi>>2]=5,t[vi+4>>2]=0,t[r>>2]=t[vi>>2],t[r+4>>2]=t[vi+4>>2],ns(e,4279,r)|0,t[l2>>2]=6,t[l2+4>>2]=0,t[r>>2]=t[l2>>2],t[r+4>>2]=t[l2+4>>2],ns(e,4293,r)|0,t[o2>>2]=7,t[o2+4>>2]=0,t[r>>2]=t[o2>>2],t[r+4>>2]=t[o2+4>>2],ns(e,4306,r)|0,t[u2>>2]=8,t[u2+4>>2]=0,t[r>>2]=t[u2>>2],t[r+4>>2]=t[u2+4>>2],ns(e,4323,r)|0,t[Pc>>2]=9,t[Pc+4>>2]=0,t[r>>2]=t[Pc>>2],t[r+4>>2]=t[Pc+4>>2],ns(e,4335,r)|0,t[Fc>>2]=2,t[Fc+4>>2]=0,t[r>>2]=t[Fc>>2],t[r+4>>2]=t[Fc+4>>2],Ya(e,4353,r)|0,t[i2>>2]=12,t[i2+4>>2]=0,t[r>>2]=t[i2>>2],t[r+4>>2]=t[i2+4>>2],io(e,4363,r)|0,t[uf>>2]=1,t[uf+4>>2]=0,t[r>>2]=t[uf>>2],t[r+4>>2]=t[uf+4>>2],al(e,4376,r)|0,t[r2>>2]=2,t[r2+4>>2]=0,t[r>>2]=t[r2>>2],t[r+4>>2]=t[r2+4>>2],al(e,4388,r)|0,t[n2>>2]=13,t[n2+4>>2]=0,t[r>>2]=t[n2>>2],t[r+4>>2]=t[n2+4>>2],io(e,4402,r)|0,t[ea>>2]=14,t[ea+4>>2]=0,t[r>>2]=t[ea>>2],t[r+4>>2]=t[ea+4>>2],io(e,4411,r)|0,t[ss>>2]=15,t[ss+4>>2]=0,t[r>>2]=t[ss>>2],t[r+4>>2]=t[ss+4>>2],io(e,4421,r)|0,t[ls>>2]=16,t[ls+4>>2]=0,t[r>>2]=t[ls>>2],t[r+4>>2]=t[ls+4>>2],io(e,4433,r)|0,t[os>>2]=17,t[os+4>>2]=0,t[r>>2]=t[os>>2],t[r+4>>2]=t[os+4>>2],io(e,4446,r)|0,t[uu>>2]=18,t[uu+4>>2]=0,t[r>>2]=t[uu>>2],t[r+4>>2]=t[uu+4>>2],io(e,4458,r)|0,t[Nn>>2]=3,t[Nn+4>>2]=0,t[r>>2]=t[Nn>>2],t[r+4>>2]=t[Nn+4>>2],al(e,4471,r)|0,t[Pr>>2]=1,t[Pr+4>>2]=0,t[r>>2]=t[Pr>>2],t[r+4>>2]=t[Pr+4>>2],yc(e,4486,r)|0,t[_r>>2]=10,t[_r+4>>2]=0,t[r>>2]=t[_r>>2],t[r+4>>2]=t[_r+4>>2],ns(e,4496,r)|0,t[gn>>2]=11,t[gn+4>>2]=0,t[r>>2]=t[gn>>2],t[r+4>>2]=t[gn+4>>2],ns(e,4508,r)|0,t[In>>2]=3,t[In+4>>2]=0,t[r>>2]=t[In>>2],t[r+4>>2]=t[In+4>>2],Ya(e,4519,r)|0,t[Br>>2]=4,t[Br+4>>2]=0,t[r>>2]=t[Br>>2],t[r+4>>2]=t[Br+4>>2],k2(e,4530,r)|0,t[Zt>>2]=19,t[Zt+4>>2]=0,t[r>>2]=t[Zt>>2],t[r+4>>2]=t[Zt+4>>2],_h(e,4542,r)|0,t[Pe>>2]=12,t[Pe+4>>2]=0,t[r>>2]=t[Pe>>2],t[r+4>>2]=t[Pe+4>>2],Cf(e,4554,r)|0,t[Me>>2]=13,t[Me+4>>2]=0,t[r>>2]=t[Me>>2],t[r+4>>2]=t[Me+4>>2],xf(e,4568,r)|0,t[ft>>2]=2,t[ft+4>>2]=0,t[r>>2]=t[ft>>2],t[r+4>>2]=t[ft+4>>2],$c(e,4578,r)|0,t[Ge>>2]=20,t[Ge+4>>2]=0,t[r>>2]=t[Ge>>2],t[r+4>>2]=t[Ge+4>>2],kl(e,4587,r)|0,t[Je>>2]=22,t[Je+4>>2]=0,t[r>>2]=t[Je>>2],t[r+4>>2]=t[Je+4>>2],Vs(e,4602,r)|0,t[ye>>2]=23,t[ye+4>>2]=0,t[r>>2]=t[ye>>2],t[r+4>>2]=t[ye+4>>2],Vs(e,4619,r)|0,t[Se>>2]=14,t[Se+4>>2]=0,t[r>>2]=t[Se>>2],t[r+4>>2]=t[Se+4>>2],e1(e,4629,r)|0,t[be>>2]=1,t[be+4>>2]=0,t[r>>2]=t[be>>2],t[r+4>>2]=t[be+4>>2],ya(e,4637,r)|0,t[K>>2]=4,t[K+4>>2]=0,t[r>>2]=t[K>>2],t[r+4>>2]=t[K+4>>2],al(e,4653,r)|0,t[I>>2]=5,t[I+4>>2]=0,t[r>>2]=t[I>>2],t[r+4>>2]=t[I+4>>2],al(e,4669,r)|0,t[M>>2]=6,t[M+4>>2]=0,t[r>>2]=t[M>>2],t[r+4>>2]=t[M+4>>2],al(e,4686,r)|0,t[N>>2]=7,t[N+4>>2]=0,t[r>>2]=t[N>>2],t[r+4>>2]=t[N+4>>2],al(e,4701,r)|0,t[S>>2]=8,t[S+4>>2]=0,t[r>>2]=t[S>>2],t[r+4>>2]=t[S+4>>2],al(e,4719,r)|0,t[D>>2]=9,t[D+4>>2]=0,t[r>>2]=t[D>>2],t[r+4>>2]=t[D+4>>2],al(e,4736,r)|0,t[h>>2]=21,t[h+4>>2]=0,t[r>>2]=t[h>>2],t[r+4>>2]=t[h+4>>2],hd(e,4754,r)|0,t[s>>2]=2,t[s+4>>2]=0,t[r>>2]=t[s>>2],t[r+4>>2]=t[s+4>>2],yc(e,4772,r)|0,t[l>>2]=3,t[l+4>>2]=0,t[r>>2]=t[l>>2],t[r+4>>2]=t[l+4>>2],yc(e,4790,r)|0,t[u>>2]=4,t[u+4>>2]=0,t[r>>2]=t[u>>2],t[r+4>>2]=t[u+4>>2],yc(e,4808,r)|0,m=n}function Tf(e,n){e=e|0,n=n|0;var r=0;r=rf()|0,t[e>>2]=r,Wo(r,n),$d(t[e>>2]|0)}function Zc(e,n,r){return e=e|0,n=n|0,r=r|0,Ot(e,Fr(n)|0,r,0),e|0}function gh(e,n,r){return e=e|0,n=n|0,r=r|0,c(e,Fr(n)|0,r,0),e|0}function nm(e,n,r){return e=e|0,n=n|0,r=r|0,Y4(e,Fr(n)|0,r,0),e|0}function Vs(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],U4(e,n,l),m=u,e|0}function ma(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],jl(e,n,l),m=u,e|0}function iu(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],d(e,n,l),m=u,e|0}function M0(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Tv(e,n,l),m=u,e|0}function o0(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Xm(e,n,l),m=u,e|0}function ns(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Yd(e,n,l),m=u,e|0}function Ya(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Gd(e,n,l),m=u,e|0}function io(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],k0(e,n,l),m=u,e|0}function al(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],wp(e,n,l),m=u,e|0}function yc(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Mm(e,n,l),m=u,e|0}function k2(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],l0(e,n,l),m=u,e|0}function _h(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Od(e,n,l),m=u,e|0}function Cf(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Dm(e,n,l),m=u,e|0}function xf(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],ep(e,n,l),m=u,e|0}function $c(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],m1(e,n,l),m=u,e|0}function kl(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Za(e,n,l),m=u,e|0}function e1(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],U2(e,n,l),m=u,e|0}function ya(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],F2(e,n,l),m=u,e|0}function hd(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],vd(e,n,l),m=u,e|0}function vd(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],ga(e,r,l,1),m=u}function Fr(e){return e=e|0,e|0}function ga(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=N2()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=t1(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,md(s,u)|0,u),m=l}function N2(){var e=0,n=0;if(p[7616]|0||(fl(9136),Wt(24,9136,ve|0)|0,n=7616,t[n>>2]=1,t[n+4>>2]=0),!(sr(9136)|0)){e=9136,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));fl(9136)}return 9136}function t1(e){return e=e|0,0}function md(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=N2()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],Rf(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(Af(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function wi(e,n,r,u,l,s){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0;var h=0,D=0,S=0,N=0,M=0,I=0,K=0,be=0;h=m,m=m+32|0,K=h+24|0,I=h+20|0,S=h+16|0,M=h+12|0,N=h+8|0,D=h+4|0,be=h,t[I>>2]=n,t[S>>2]=r,t[M>>2]=u,t[N>>2]=l,t[D>>2]=s,s=e+28|0,t[be>>2]=t[s>>2],t[K>>2]=t[be>>2],L2(e+24|0,K,I,M,N,S,D)|0,t[s>>2]=t[t[s>>2]>>2],m=h}function L2(e,n,r,u,l,s,h){return e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0,h=h|0,e=rm(n)|0,n=pn(24)|0,yd(n+4|0,t[r>>2]|0,t[u>>2]|0,t[l>>2]|0,t[s>>2]|0,t[h>>2]|0),t[n>>2]=t[e>>2],t[e>>2]=n,n|0}function rm(e){return e=e|0,t[e>>2]|0}function yd(e,n,r,u,l,s){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0,t[e>>2]=n,t[e+4>>2]=r,t[e+8>>2]=u,t[e+12>>2]=l,t[e+16>>2]=s}function hn(e,n){return e=e|0,n=n|0,n|e|0}function Rf(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function Af(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=im(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,Of(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],Rf(s,u,r),t[S>>2]=(t[S>>2]|0)+12,Eh(e,D),um(D),m=N;return}}function im(e){return e=e|0,357913941}function Of(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function Eh(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function um(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function fl(e){e=e|0,Ho(e)}function n1(e){e=e|0,qn(e+24|0)}function sr(e){return e=e|0,t[e>>2]|0}function qn(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function Ho(e){e=e|0;var n=0;n=yr()|0,jn(e,2,3,n,Vn()|0,0),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function yr(){return 9228}function Vn(){return 1140}function cl(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0;return r=m,m=m+16|0,u=r+8|0,l=r,s=_o(e)|0,e=t[s+4>>2]|0,t[l>>2]=t[s>>2],t[l+4>>2]=e,t[u>>2]=t[l>>2],t[u+4>>2]=t[l+4>>2],n=gc(n,u)|0,m=r,n|0}function jn(e,n,r,u,l,s){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0,t[e>>2]=n,t[e+4>>2]=r,t[e+8>>2]=u,t[e+12>>2]=l,t[e+16>>2]=s}function _o(e){return e=e|0,(t[(N2()|0)+24>>2]|0)+(e*12|0)|0}function gc(e,n){e=e|0,n=n|0;var r=0,u=0,l=0;return l=m,m=m+48|0,u=l,r=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(r=t[(t[e>>2]|0)+r>>2]|0),P1[r&31](u,e),u=uo(u)|0,m=l,u|0}function uo(e){e=e|0;var n=0,r=0,u=0,l=0;return l=m,m=m+32|0,n=l+12|0,r=l,u=Iu(Ka()|0)|0,u?(rs(n,u),Mf(r,n),_c(e,r),e=Cs(n)|0):e=Ec(e)|0,m=l,e|0}function Ka(){var e=0;return p[7632]|0||(Nf(9184),Wt(25,9184,ve|0)|0,e=7632,t[e>>2]=1,t[e+4>>2]=0),9184}function Iu(e){return e=e|0,t[e+36>>2]|0}function rs(e,n){e=e|0,n=n|0,t[e>>2]=n,t[e+4>>2]=e,t[e+8>>2]=0}function Mf(e,n){e=e|0,n=n|0,t[e>>2]=t[n>>2],t[e+4>>2]=t[n+4>>2],t[e+8>>2]=0}function _c(e,n){e=e|0,n=n|0,oo(n,e,e+8|0,e+16|0,e+24|0,e+32|0,e+40|0)|0}function Cs(e){return e=e|0,t[(t[e+4>>2]|0)+8>>2]|0}function Ec(e){e=e|0;var n=0,r=0,u=0,l=0,s=0,h=0,D=0,S=0;S=m,m=m+16|0,r=S+4|0,u=S,l=Oa(8)|0,s=l,h=pn(48)|0,D=h,n=D+48|0;do t[D>>2]=t[e>>2],D=D+4|0,e=e+4|0;while((D|0)<(n|0));return n=s+4|0,t[n>>2]=h,D=pn(8)|0,h=t[n>>2]|0,t[u>>2]=0,t[r>>2]=t[u>>2],Dh(D,h,r),t[l>>2]=D,m=S,s|0}function Dh(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,r=pn(16)|0,t[r+4>>2]=0,t[r+8>>2]=0,t[r>>2]=1092,t[r+12>>2]=n,t[e+4>>2]=r}function cn(e){e=e|0,Iv(e),_t(e)}function is(e){e=e|0,e=t[e+12>>2]|0,e|0&&_t(e)}function Eo(e){e=e|0,_t(e)}function oo(e,n,r,u,l,s,h){return e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0,h=h|0,s=Ji(t[e>>2]|0,n,r,u,l,s,h)|0,h=e+4|0,t[(t[h>>2]|0)+8>>2]=s,t[(t[h>>2]|0)+8>>2]|0}function Ji(e,n,r,u,l,s,h){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0,h=h|0;var D=0,S=0;return D=m,m=m+16|0,S=D,Ma(S),e=yo(e)|0,h=Yr(e,+U[n>>3],+U[r>>3],+U[u>>3],+U[l>>3],+U[s>>3],+U[h>>3])|0,ka(S),m=D,h|0}function Yr(e,n,r,u,l,s,h){e=e|0,n=+n,r=+r,u=+u,l=+l,s=+s,h=+h;var D=0;return D=go(kf()|0)|0,n=+Ml(n),r=+Ml(r),u=+Ml(u),l=+Ml(l),s=+Ml(s),p0(0,D|0,e|0,+n,+r,+u,+l,+s,+ +Ml(h))|0}function kf(){var e=0;return p[7624]|0||(om(9172),e=7624,t[e>>2]=1,t[e+4>>2]=0),9172}function om(e){e=e|0,ol(e,Nl()|0,6)}function Nl(){return 1112}function Nf(e){e=e|0,Xa(e)}function Lf(e){e=e|0,gd(e+24|0),_d(e+16|0)}function gd(e){e=e|0,r1(e)}function _d(e){e=e|0,Dc(e)}function Dc(e){e=e|0;var n=0,r=0;if(n=t[e>>2]|0,n|0)do r=n,n=t[n>>2]|0,_t(r);while((n|0)!=0);t[e>>2]=0}function r1(e){e=e|0;var n=0,r=0;if(n=t[e>>2]|0,n|0)do r=n,n=t[n>>2]|0,_t(r);while((n|0)!=0);t[e>>2]=0}function Xa(e){e=e|0;var n=0;t[e+16>>2]=0,t[e+20>>2]=0,n=e+24|0,t[n>>2]=0,t[e+28>>2]=n,t[e+36>>2]=0,p[e+40>>0]=0,p[e+41>>0]=0}function F2(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Ed(e,r,l,0),m=u}function Ed(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=i1()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=Ff(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,u1(s,u)|0,u),m=l}function i1(){var e=0,n=0;if(p[7640]|0||(Ll(9232),Wt(26,9232,ve|0)|0,n=7640,t[n>>2]=1,t[n+4>>2]=0),!(sr(9232)|0)){e=9232,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));Ll(9232)}return 9232}function Ff(e){return e=e|0,0}function u1(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=i1()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],Qa(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(o1(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function Qa(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function o1(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=P2(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,Dd(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],Qa(s,u,r),t[S>>2]=(t[S>>2]|0)+12,wc(e,D),l1(D),m=N;return}}function P2(e){return e=e|0,357913941}function Dd(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function wc(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function l1(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function Ll(e){e=e|0,I2(e)}function Ea(e){e=e|0,wh(e+24|0)}function wh(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function I2(e){e=e|0;var n=0;n=yr()|0,jn(e,2,1,n,b2()|0,3),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function b2(){return 1144}function Sh(e,n,r,u,l){e=e|0,n=n|0,r=+r,u=+u,l=l|0;var s=0,h=0,D=0,S=0;s=m,m=m+16|0,h=s+8|0,D=s,S=wd(e)|0,e=t[S+4>>2]|0,t[D>>2]=t[S>>2],t[D+4>>2]=e,t[h>>2]=t[D>>2],t[h+4>>2]=t[D+4>>2],Th(n,h,r,u,l),m=s}function wd(e){return e=e|0,(t[(i1()|0)+24>>2]|0)+(e*12|0)|0}function Th(e,n,r,u,l){e=e|0,n=n|0,r=+r,u=+u,l=l|0;var s=0,h=0,D=0,S=0,N=0;N=m,m=m+16|0,h=N+2|0,D=N+1|0,S=N,s=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(s=t[(t[e>>2]|0)+s>>2]|0),Fl(h,r),r=+us(h,r),Fl(D,u),u=+us(D,u),xs(S,l),S=Gs(S,l)|0,w8[s&1](e,r,u,S),m=N}function Fl(e,n){e=e|0,n=+n}function us(e,n){return e=e|0,n=+n,+ +Ch(n)}function xs(e,n){e=e|0,n=n|0}function Gs(e,n){return e=e|0,n=n|0,B2(n)|0}function B2(e){return e=e|0,e|0}function Ch(e){return e=+e,+e}function U2(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],j2(e,r,l,1),m=u}function j2(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=s1()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=a1(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,xh(s,u)|0,u),m=l}function s1(){var e=0,n=0;if(p[7648]|0||(f1(9268),Wt(27,9268,ve|0)|0,n=7648,t[n>>2]=1,t[n+4>>2]=0),!(sr(9268)|0)){e=9268,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));f1(9268)}return 9268}function a1(e){return e=e|0,0}function xh(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=s1()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],z2(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(H2(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function z2(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function H2(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=Rs(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,Ja(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],z2(s,u,r),t[S>>2]=(t[S>>2]|0)+12,Rh(e,D),du(D),m=N;return}}function Rs(e){return e=e|0,357913941}function Ja(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function Rh(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function du(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function f1(e){e=e|0,Pl(e)}function Ah(e){e=e|0,c1(e+24|0)}function c1(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function Pl(e){e=e|0;var n=0;n=yr()|0,jn(e,2,4,n,Oh()|0,0),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function Oh(){return 1160}function q2(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0;return r=m,m=m+16|0,u=r+8|0,l=r,s=Mh(e)|0,e=t[s+4>>2]|0,t[l>>2]=t[s>>2],t[l+4>>2]=e,t[u>>2]=t[l>>2],t[u+4>>2]=t[l+4>>2],n=d1(n,u)|0,m=r,n|0}function Mh(e){return e=e|0,(t[(s1()|0)+24>>2]|0)+(e*12|0)|0}function d1(e,n){e=e|0,n=n|0;var r=0;return r=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(r=t[(t[e>>2]|0)+r>>2]|0),Il(Jp[r&31](e)|0)|0}function Il(e){return e=e|0,e&1|0}function Za(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Da(e,r,l,0),m=u}function Da(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=W2()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=V2(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,lm(s,u)|0,u),m=l}function W2(){var e=0,n=0;if(p[7656]|0||(Lh(9304),Wt(28,9304,ve|0)|0,n=7656,t[n>>2]=1,t[n+4>>2]=0),!(sr(9304)|0)){e=9304,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));Lh(9304)}return 9304}function V2(e){return e=e|0,0}function lm(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=W2()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],G2(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(kh(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function G2(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function kh(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=Nh(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,Y2(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],G2(s,u,r),t[S>>2]=(t[S>>2]|0)+12,sm(e,D),am(D),m=N;return}}function Nh(e){return e=e|0,357913941}function Y2(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function sm(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function am(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function Lh(e){e=e|0,p1(e)}function fm(e){e=e|0,K2(e+24|0)}function K2(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function p1(e){e=e|0;var n=0;n=yr()|0,jn(e,2,5,n,h1()|0,1),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function h1(){return 1164}function v1(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;u=m,m=m+16|0,l=u+8|0,s=u,h=wa(e)|0,e=t[h+4>>2]|0,t[s>>2]=t[h>>2],t[s+4>>2]=e,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],X2(n,l,r),m=u}function wa(e){return e=e|0,(t[(W2()|0)+24>>2]|0)+(e*12|0)|0}function X2(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0;s=m,m=m+16|0,l=s,u=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(u=t[(t[e>>2]|0)+u>>2]|0),Ys(l,r),r=Ks(l,r)|0,P1[u&31](e,r),Xs(l),m=s}function Ys(e,n){e=e|0,n=n|0,Q2(e,n)}function Ks(e,n){return e=e|0,n=n|0,e|0}function Xs(e){e=e|0,fa(e)}function Q2(e,n){e=e|0,n=n|0,Sa(e,n)}function Sa(e,n){e=e|0,n=n|0,t[e>>2]=n}function m1(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Sd(e,r,l,0),m=u}function Sd(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=Sc()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=J2(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,Do(s,u)|0,u),m=l}function Sc(){var e=0,n=0;if(p[7664]|0||(Uh(9340),Wt(29,9340,ve|0)|0,n=7664,t[n>>2]=1,t[n+4>>2]=0),!(sr(9340)|0)){e=9340,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));Uh(9340)}return 9340}function J2(e){return e=e|0,0}function Do(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=Sc()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],Fh(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(Ph(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function Fh(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function Ph(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=Ih(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,bh(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],Fh(s,u,r),t[S>>2]=(t[S>>2]|0)+12,cm(e,D),Bh(D),m=N;return}}function Ih(e){return e=e|0,357913941}function bh(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function cm(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function Bh(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function Uh(e){e=e|0,jh(e)}function y1(e){e=e|0,Z2(e+24|0)}function Z2(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function jh(e){e=e|0;var n=0;n=yr()|0,jn(e,2,4,n,$2()|0,1),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function $2(){return 1180}function zh(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=dm(e)|0,e=t[h+4>>2]|0,t[s>>2]=t[h>>2],t[s+4>>2]=e,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],r=pm(n,l,r)|0,m=u,r|0}function dm(e){return e=e|0,(t[(Sc()|0)+24>>2]|0)+(e*12|0)|0}function pm(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0;return s=m,m=m+16|0,l=s,u=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(u=t[(t[e>>2]|0)+u>>2]|0),Pf(l,r),l=If(l,r)|0,l=Td(FE[u&15](e,l)|0)|0,m=s,l|0}function Pf(e,n){e=e|0,n=n|0}function If(e,n){return e=e|0,n=n|0,hm(n)|0}function Td(e){return e=e|0,e|0}function hm(e){return e=e|0,e|0}function ep(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Cd(e,r,l,0),m=u}function Cd(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=tp()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=Hh(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,np(s,u)|0,u),m=l}function tp(){var e=0,n=0;if(p[7672]|0||(Vh(9376),Wt(30,9376,ve|0)|0,n=7672,t[n>>2]=1,t[n+4>>2]=0),!(sr(9376)|0)){e=9376,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));Vh(9376)}return 9376}function Hh(e){return e=e|0,0}function np(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=tp()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],qh(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(Wh(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function qh(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function Wh(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=rp(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,vm(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],qh(s,u,r),t[S>>2]=(t[S>>2]|0)+12,mm(e,D),ym(D),m=N;return}}function rp(e){return e=e|0,357913941}function vm(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function mm(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function ym(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function Vh(e){e=e|0,ip(e)}function g1(e){e=e|0,gm(e+24|0)}function gm(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function ip(e){e=e|0;var n=0;n=yr()|0,jn(e,2,5,n,up()|0,0),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function up(){return 1196}function _m(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0;return r=m,m=m+16|0,u=r+8|0,l=r,s=Em(e)|0,e=t[s+4>>2]|0,t[l>>2]=t[s>>2],t[l+4>>2]=e,t[u>>2]=t[l>>2],t[u+4>>2]=t[l+4>>2],n=Gh(n,u)|0,m=r,n|0}function Em(e){return e=e|0,(t[(tp()|0)+24>>2]|0)+(e*12|0)|0}function Gh(e,n){e=e|0,n=n|0;var r=0;return r=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(r=t[(t[e>>2]|0)+r>>2]|0),Td(Jp[r&31](e)|0)|0}function Dm(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],wm(e,r,l,1),m=u}function wm(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=op()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=lp(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,Ta(s,u)|0,u),m=l}function op(){var e=0,n=0;if(p[7680]|0||(ap(9412),Wt(31,9412,ve|0)|0,n=7680,t[n>>2]=1,t[n+4>>2]=0),!(sr(9412)|0)){e=9412,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));ap(9412)}return 9412}function lp(e){return e=e|0,0}function Ta(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=op()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],_1(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(sp(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function _1(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function sp(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=Yh(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,xd(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],_1(s,u,r),t[S>>2]=(t[S>>2]|0)+12,E1(e,D),Kh(D),m=N;return}}function Yh(e){return e=e|0,357913941}function xd(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function E1(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function Kh(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function ap(e){e=e|0,Qh(e)}function Xh(e){e=e|0,fp(e+24|0)}function fp(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function Qh(e){e=e|0;var n=0;n=yr()|0,jn(e,2,6,n,Jh()|0,0),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function Jh(){return 1200}function cp(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0;return r=m,m=m+16|0,u=r+8|0,l=r,s=Rd(e)|0,e=t[s+4>>2]|0,t[l>>2]=t[s>>2],t[l+4>>2]=e,t[u>>2]=t[l>>2],t[u+4>>2]=t[l+4>>2],n=Ad(n,u)|0,m=r,n|0}function Rd(e){return e=e|0,(t[(op()|0)+24>>2]|0)+(e*12|0)|0}function Ad(e,n){e=e|0,n=n|0;var r=0;return r=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(r=t[(t[e>>2]|0)+r>>2]|0),H0(Jp[r&31](e)|0)|0}function H0(e){return e=e|0,e|0}function Od(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Ca(e,r,l,0),m=u}function Ca(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=$a()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=Md(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,kd(s,u)|0,u),m=l}function $a(){var e=0,n=0;if(p[7688]|0||(hp(9448),Wt(32,9448,ve|0)|0,n=7688,t[n>>2]=1,t[n+4>>2]=0),!(sr(9448)|0)){e=9448,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));hp(9448)}return 9448}function Md(e){return e=e|0,0}function kd(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=$a()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],dp(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(Nd(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function dp(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function Nd(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=Zh(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,Sm(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],dp(s,u,r),t[S>>2]=(t[S>>2]|0)+12,$h(e,D),pp(D),m=N;return}}function Zh(e){return e=e|0,357913941}function Sm(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function $h(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function pp(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function hp(e){e=e|0,Cm(e)}function vp(e){e=e|0,Tm(e+24|0)}function Tm(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function Cm(e){e=e|0;var n=0;n=yr()|0,jn(e,2,6,n,wo()|0,1),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function wo(){return 1204}function Ld(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;u=m,m=m+16|0,l=u+8|0,s=u,h=xm(e)|0,e=t[h+4>>2]|0,t[s>>2]=t[h>>2],t[s+4>>2]=e,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],dl(n,l,r),m=u}function xm(e){return e=e|0,(t[($a()|0)+24>>2]|0)+(e*12|0)|0}function dl(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0;s=m,m=m+16|0,l=s,u=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(u=t[(t[e>>2]|0)+u>>2]|0),tr(l,r),l=Qs(l,r)|0,P1[u&31](e,l),m=s}function tr(e,n){e=e|0,n=n|0}function Qs(e,n){return e=e|0,n=n|0,pl(n)|0}function pl(e){return e=e|0,e|0}function l0(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],ev(e,r,l,0),m=u}function ev(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=Js()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=mp(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,Rm(s,u)|0,u),m=l}function Js(){var e=0,n=0;if(p[7696]|0||(_p(9484),Wt(33,9484,ve|0)|0,n=7696,t[n>>2]=1,t[n+4>>2]=0),!(sr(9484)|0)){e=9484,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));_p(9484)}return 9484}function mp(e){return e=e|0,0}function Rm(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=Js()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],tv(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(yp(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function tv(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function yp(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=Am(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,gp(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],tv(s,u,r),t[S>>2]=(t[S>>2]|0)+12,Tc(e,D),xa(D),m=N;return}}function Am(e){return e=e|0,357913941}function gp(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function Tc(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function xa(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function _p(e){e=e|0,Yu(e)}function Fd(e){e=e|0,bu(e+24|0)}function bu(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function Yu(e){e=e|0;var n=0;n=yr()|0,jn(e,2,1,n,Ep()|0,2),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function Ep(){return 1212}function Dp(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0;l=m,m=m+16|0,s=l+8|0,h=l,D=nv(e)|0,e=t[D+4>>2]|0,t[h>>2]=t[D>>2],t[h+4>>2]=e,t[s>>2]=t[h>>2],t[s+4>>2]=t[h+4>>2],Om(n,s,r,u),m=l}function nv(e){return e=e|0,(t[(Js()|0)+24>>2]|0)+(e*12|0)|0}function Om(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0;D=m,m=m+16|0,s=D+1|0,h=D,l=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(l=t[(t[e>>2]|0)+l>>2]|0),tr(s,r),s=Qs(s,r)|0,Pf(h,u),h=If(h,u)|0,Ry[l&15](e,s,h),m=D}function Mm(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],km(e,r,l,1),m=u}function km(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=Pd()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=rv(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,Cc(s,u)|0,u),m=l}function Pd(){var e=0,n=0;if(p[7704]|0||(iv(9520),Wt(34,9520,ve|0)|0,n=7704,t[n>>2]=1,t[n+4>>2]=0),!(sr(9520)|0)){e=9520,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));iv(9520)}return 9520}function rv(e){return e=e|0,0}function Cc(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=Pd()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],D1(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(Nm(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function D1(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function Nm(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=Id(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,w1(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],D1(s,u,r),t[S>>2]=(t[S>>2]|0)+12,bl(e,D),Ra(D),m=N;return}}function Id(e){return e=e|0,357913941}function w1(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function bl(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function Ra(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function iv(e){e=e|0,ov(e)}function Lm(e){e=e|0,uv(e+24|0)}function uv(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function ov(e){e=e|0;var n=0;n=yr()|0,jn(e,2,1,n,Fm()|0,1),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function Fm(){return 1224}function lv(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;return l=m,m=m+16|0,s=l+8|0,h=l,D=Aa(e)|0,e=t[D+4>>2]|0,t[h>>2]=t[D>>2],t[h+4>>2]=e,t[s>>2]=t[h>>2],t[s+4>>2]=t[h+4>>2],u=+Mr(n,s,r),m=l,+u}function Aa(e){return e=e|0,(t[(Pd()|0)+24>>2]|0)+(e*12|0)|0}function Mr(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return s=m,m=m+16|0,l=s,u=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(u=t[(t[e>>2]|0)+u>>2]|0),xs(l,r),l=Gs(l,r)|0,h=+Ga(+T8[u&7](e,l)),m=s,+h}function wp(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],hl(e,r,l,1),m=u}function hl(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=gu()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=S1(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,Ui(s,u)|0,u),m=l}function gu(){var e=0,n=0;if(p[7712]|0||(Tp(9556),Wt(35,9556,ve|0)|0,n=7712,t[n>>2]=1,t[n+4>>2]=0),!(sr(9556)|0)){e=9556,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));Tp(9556)}return 9556}function S1(e){return e=e|0,0}function Ui(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=gu()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],Sp(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(bd(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function Sp(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function bd(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=So(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,As(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],Sp(s,u,r),t[S>>2]=(t[S>>2]|0)+12,bf(e,D),Bd(D),m=N;return}}function So(e){return e=e|0,357913941}function As(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function bf(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function Bd(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function Tp(e){e=e|0,Cp(e)}function T1(e){e=e|0,C1(e+24|0)}function C1(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function Cp(e){e=e|0;var n=0;n=yr()|0,jn(e,2,5,n,nr()|0,0),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function nr(){return 1232}function vl(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=Gn(e)|0,e=t[h+4>>2]|0,t[s>>2]=t[h>>2],t[s+4>>2]=e,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],r=+q0(n,l),m=u,+r}function Gn(e){return e=e|0,(t[(gu()|0)+24>>2]|0)+(e*12|0)|0}function q0(e,n){e=e|0,n=n|0;var r=0;return r=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(r=t[(t[e>>2]|0)+r>>2]|0),+ +Ga(+S8[r&15](e))}function k0(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Ud(e,r,l,1),m=u}function Ud(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=Bl()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=x1(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,xc(s,u)|0,u),m=l}function Bl(){var e=0,n=0;if(p[7720]|0||(Hd(9592),Wt(36,9592,ve|0)|0,n=7720,t[n>>2]=1,t[n+4>>2]=0),!(sr(9592)|0)){e=9592,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));Hd(9592)}return 9592}function x1(e){return e=e|0,0}function xc(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=Bl()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],Rc(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(jd(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function Rc(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function jd(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=xp(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,N0(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],Rc(s,u,r),t[S>>2]=(t[S>>2]|0)+12,dn(e,D),zd(D),m=N;return}}function xp(e){return e=e|0,357913941}function N0(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function dn(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function zd(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function Hd(e){e=e|0,Mc(e)}function Ac(e){e=e|0,Oc(e+24|0)}function Oc(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function Mc(e){e=e|0;var n=0;n=yr()|0,jn(e,2,7,n,R1()|0,0),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function R1(){return 1276}function Rp(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0;return r=m,m=m+16|0,u=r+8|0,l=r,s=ef(e)|0,e=t[s+4>>2]|0,t[l>>2]=t[s>>2],t[l+4>>2]=e,t[u>>2]=t[l>>2],t[u+4>>2]=t[l+4>>2],n=Pm(n,u)|0,m=r,n|0}function ef(e){return e=e|0,(t[(Bl()|0)+24>>2]|0)+(e*12|0)|0}function Pm(e,n){e=e|0,n=n|0;var r=0,u=0,l=0;return l=m,m=m+16|0,u=l,r=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(r=t[(t[e>>2]|0)+r>>2]|0),P1[r&31](u,e),u=kc(u)|0,m=l,u|0}function kc(e){e=e|0;var n=0,r=0,u=0,l=0;return l=m,m=m+32|0,n=l+12|0,r=l,u=Iu(qd()|0)|0,u?(rs(n,u),Mf(r,n),sv(e,r),e=Cs(n)|0):e=A1(e)|0,m=l,e|0}function qd(){var e=0;return p[7736]|0||(qo(9640),Wt(25,9640,ve|0)|0,e=7736,t[e>>2]=1,t[e+4>>2]=0),9640}function sv(e,n){e=e|0,n=n|0,Nc(n,e,e+8|0)|0}function A1(e){e=e|0;var n=0,r=0,u=0,l=0,s=0,h=0,D=0;return r=m,m=m+16|0,l=r+4|0,h=r,u=Oa(8)|0,n=u,D=pn(16)|0,t[D>>2]=t[e>>2],t[D+4>>2]=t[e+4>>2],t[D+8>>2]=t[e+8>>2],t[D+12>>2]=t[e+12>>2],s=n+4|0,t[s>>2]=D,e=pn(8)|0,s=t[s>>2]|0,t[h>>2]=0,t[l>>2]=t[h>>2],Bf(e,s,l),t[u>>2]=e,m=r,n|0}function Bf(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,r=pn(16)|0,t[r+4>>2]=0,t[r+8>>2]=0,t[r>>2]=1244,t[r+12>>2]=n,t[e+4>>2]=r}function Uf(e){e=e|0,Iv(e),_t(e)}function O1(e){e=e|0,e=t[e+12>>2]|0,e|0&&_t(e)}function Ul(e){e=e|0,_t(e)}function Nc(e,n,r){return e=e|0,n=n|0,r=r|0,n=jf(t[e>>2]|0,n,r)|0,r=e+4|0,t[(t[r>>2]|0)+8>>2]=n,t[(t[r>>2]|0)+8>>2]|0}function jf(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0;return u=m,m=m+16|0,l=u,Ma(l),e=yo(e)|0,r=Im(e,t[n>>2]|0,+U[r>>3])|0,ka(l),m=u,r|0}function Im(e,n,r){e=e|0,n=n|0,r=+r;var u=0;return u=go(ml()|0)|0,n=sd(n)|0,Hr(0,u|0,e|0,n|0,+ +Ml(r))|0}function ml(){var e=0;return p[7728]|0||(Wd(9628),e=7728,t[e>>2]=1,t[e+4>>2]=0),9628}function Wd(e){e=e|0,ol(e,Vd()|0,2)}function Vd(){return 1264}function qo(e){e=e|0,Xa(e)}function Gd(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],bm(e,r,l,1),m=u}function bm(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=M1()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=Bm(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,Um(s,u)|0,u),m=l}function M1(){var e=0,n=0;if(p[7744]|0||(cv(9684),Wt(37,9684,ve|0)|0,n=7744,t[n>>2]=1,t[n+4>>2]=0),!(sr(9684)|0)){e=9684,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));cv(9684)}return 9684}function Bm(e){return e=e|0,0}function Um(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=M1()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],av(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(jm(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function av(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function jm(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=fv(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,zm(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],av(s,u,r),t[S>>2]=(t[S>>2]|0)+12,Hm(e,D),qm(D),m=N;return}}function fv(e){return e=e|0,357913941}function zm(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function Hm(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function qm(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function cv(e){e=e|0,Vm(e)}function Wm(e){e=e|0,Ap(e+24|0)}function Ap(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function Vm(e){e=e|0;var n=0;n=yr()|0,jn(e,2,5,n,zf()|0,1),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function zf(){return 1280}function dv(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=pv(e)|0,e=t[h+4>>2]|0,t[s>>2]=t[h>>2],t[s+4>>2]=e,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],r=hv(n,l,r)|0,m=u,r|0}function pv(e){return e=e|0,(t[(M1()|0)+24>>2]|0)+(e*12|0)|0}function hv(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return h=m,m=m+32|0,l=h,s=h+16|0,u=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(u=t[(t[e>>2]|0)+u>>2]|0),xs(s,r),s=Gs(s,r)|0,Ry[u&15](l,e,s),s=kc(l)|0,m=h,s|0}function Yd(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Kd(e,r,l,1),m=u}function Kd(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=Op()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=vv(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,Xd(s,u)|0,u),m=l}function Op(){var e=0,n=0;if(p[7752]|0||(Ev(9720),Wt(38,9720,ve|0)|0,n=7752,t[n>>2]=1,t[n+4>>2]=0),!(sr(9720)|0)){e=9720,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));Ev(9720)}return 9720}function vv(e){return e=e|0,0}function Xd(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=Op()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],mv(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(yv(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function mv(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function yv(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=Mp(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,gv(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],mv(s,u,r),t[S>>2]=(t[S>>2]|0)+12,_v(e,D),Gm(D),m=N;return}}function Mp(e){return e=e|0,357913941}function gv(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function _v(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function Gm(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function Ev(e){e=e|0,Dv(e)}function Ym(e){e=e|0,Qd(e+24|0)}function Qd(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function Dv(e){e=e|0;var n=0;n=yr()|0,jn(e,2,8,n,kp()|0,0),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function kp(){return 1288}function Km(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0;return r=m,m=m+16|0,u=r+8|0,l=r,s=s0(e)|0,e=t[s+4>>2]|0,t[l>>2]=t[s>>2],t[l+4>>2]=e,t[u>>2]=t[l>>2],t[u+4>>2]=t[l+4>>2],n=Np(n,u)|0,m=r,n|0}function s0(e){return e=e|0,(t[(Op()|0)+24>>2]|0)+(e*12|0)|0}function Np(e,n){e=e|0,n=n|0;var r=0;return r=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(r=t[(t[e>>2]|0)+r>>2]|0),cd(Jp[r&31](e)|0)|0}function Xm(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Qm(e,r,l,0),m=u}function Qm(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=Lp()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=tf(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,Fp(s,u)|0,u),m=l}function Lp(){var e=0,n=0;if(p[7760]|0||(bp(9756),Wt(39,9756,ve|0)|0,n=7760,t[n>>2]=1,t[n+4>>2]=0),!(sr(9756)|0)){e=9756,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));bp(9756)}return 9756}function tf(e){return e=e|0,0}function Fp(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=Lp()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],Pp(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(Ip(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function Pp(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function Ip(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=Jm(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,Zm(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],Pp(s,u,r),t[S>>2]=(t[S>>2]|0)+12,wv(e,D),Hf(D),m=N;return}}function Jm(e){return e=e|0,357913941}function Zm(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function wv(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function Hf(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function bp(e){e=e|0,ey(e)}function Sv(e){e=e|0,$m(e+24|0)}function $m(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function ey(e){e=e|0;var n=0;n=yr()|0,jn(e,2,8,n,Bp()|0,1),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function Bp(){return 1292}function Up(e,n,r){e=e|0,n=n|0,r=+r;var u=0,l=0,s=0,h=0;u=m,m=m+16|0,l=u+8|0,s=u,h=ty(e)|0,e=t[h+4>>2]|0,t[s>>2]=t[h>>2],t[s+4>>2]=e,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],ny(n,l,r),m=u}function ty(e){return e=e|0,(t[(Lp()|0)+24>>2]|0)+(e*12|0)|0}function ny(e,n,r){e=e|0,n=n|0,r=+r;var u=0,l=0,s=0;s=m,m=m+16|0,l=s,u=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(u=t[(t[e>>2]|0)+u>>2]|0),Fl(l,r),r=+us(l,r),E8[u&31](e,r),m=s}function Tv(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],jp(e,r,l,0),m=u}function jp(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=zp()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=Jd(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,ry(s,u)|0,u),m=l}function zp(){var e=0,n=0;if(p[7768]|0||(Hp(9792),Wt(40,9792,ve|0)|0,n=7768,t[n>>2]=1,t[n+4>>2]=0),!(sr(9792)|0)){e=9792,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));Hp(9792)}return 9792}function Jd(e){return e=e|0,0}function ry(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=zp()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],k1(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(iy(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function k1(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function iy(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=Cv(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,xv(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],k1(s,u,r),t[S>>2]=(t[S>>2]|0)+12,uy(e,D),qf(D),m=N;return}}function Cv(e){return e=e|0,357913941}function xv(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function uy(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function qf(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function Hp(e){e=e|0,ly(e)}function Rv(e){e=e|0,oy(e+24|0)}function oy(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function ly(e){e=e|0;var n=0;n=yr()|0,jn(e,2,1,n,qp()|0,2),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function qp(){return 1300}function sy(e,n,r,u){e=e|0,n=n|0,r=r|0,u=+u;var l=0,s=0,h=0,D=0;l=m,m=m+16|0,s=l+8|0,h=l,D=Zs(e)|0,e=t[D+4>>2]|0,t[h>>2]=t[D>>2],t[h+4>>2]=e,t[s>>2]=t[h>>2],t[s+4>>2]=t[h+4>>2],ay(n,s,r,u),m=l}function Zs(e){return e=e|0,(t[(zp()|0)+24>>2]|0)+(e*12|0)|0}function ay(e,n,r,u){e=e|0,n=n|0,r=r|0,u=+u;var l=0,s=0,h=0,D=0;D=m,m=m+16|0,s=D+1|0,h=D,l=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(l=t[(t[e>>2]|0)+l>>2]|0),xs(s,r),s=Gs(s,r)|0,Fl(h,u),u=+us(h,u),A8[l&15](e,s,u),m=D}function d(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],v(e,r,l,0),m=u}function v(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=x()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=P(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,q(s,u)|0,u),m=l}function x(){var e=0,n=0;if(p[7776]|0||(At(9828),Wt(41,9828,ve|0)|0,n=7776,t[n>>2]=1,t[n+4>>2]=0),!(sr(9828)|0)){e=9828,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));At(9828)}return 9828}function P(e){return e=e|0,0}function q(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=x()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],ee(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(de(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function ee(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function de(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=_e(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,Ie(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],ee(s,u,r),t[S>>2]=(t[S>>2]|0)+12,Et(e,D),St(D),m=N;return}}function _e(e){return e=e|0,357913941}function Ie(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function Et(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function St(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function At(e){e=e|0,rr(e)}function on(e){e=e|0,kn(e+24|0)}function kn(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function rr(e){e=e|0;var n=0;n=yr()|0,jn(e,2,7,n,br()|0,1),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function br(){return 1312}function ar(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;u=m,m=m+16|0,l=u+8|0,s=u,h=ui(e)|0,e=t[h+4>>2]|0,t[s>>2]=t[h>>2],t[s+4>>2]=e,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],di(n,l,r),m=u}function ui(e){return e=e|0,(t[(x()|0)+24>>2]|0)+(e*12|0)|0}function di(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0;s=m,m=m+16|0,l=s,u=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(u=t[(t[e>>2]|0)+u>>2]|0),xs(l,r),l=Gs(l,r)|0,P1[u&31](e,l),m=s}function jl(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Zi(e,r,l,0),m=u}function Zi(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=lo()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=a0(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,Os(s,u)|0,u),m=l}function lo(){var e=0,n=0;if(p[7784]|0||(qg(9864),Wt(42,9864,ve|0)|0,n=7784,t[n>>2]=1,t[n+4>>2]=0),!(sr(9864)|0)){e=9864,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));qg(9864)}return 9864}function a0(e){return e=e|0,0}function Os(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=lo()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],To(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(Av(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function To(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function Av(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=k4(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,fy(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],To(s,u,r),t[S>>2]=(t[S>>2]|0)+12,cy(e,D),nf(D),m=N;return}}function k4(e){return e=e|0,357913941}function fy(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function cy(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function nf(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function qg(e){e=e|0,F4(e)}function N4(e){e=e|0,L4(e+24|0)}function L4(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function F4(e){e=e|0;var n=0;n=yr()|0,jn(e,2,8,n,P4()|0,1),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function P4(){return 1320}function dy(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;u=m,m=m+16|0,l=u+8|0,s=u,h=I4(e)|0,e=t[h+4>>2]|0,t[s>>2]=t[h>>2],t[s+4>>2]=e,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],b4(n,l,r),m=u}function I4(e){return e=e|0,(t[(lo()|0)+24>>2]|0)+(e*12|0)|0}function b4(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0;s=m,m=m+16|0,l=s,u=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(u=t[(t[e>>2]|0)+u>>2]|0),py(l,r),l=Wg(l,r)|0,P1[u&31](e,l),m=s}function py(e,n){e=e|0,n=n|0}function Wg(e,n){return e=e|0,n=n|0,B4(n)|0}function B4(e){return e=e|0,e|0}function U4(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],Vg(e,r,l,0),m=u}function Vg(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=Wf()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=Gg(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,j4(s,u)|0,u),m=l}function Wf(){var e=0,n=0;if(p[7792]|0||(my(9900),Wt(43,9900,ve|0)|0,n=7792,t[n>>2]=1,t[n+4>>2]=0),!(sr(9900)|0)){e=9900,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));my(9900)}return 9900}function Gg(e){return e=e|0,0}function j4(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=Wf()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],Wp(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(z4(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function Wp(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function z4(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=Ov(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,hy(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],Wp(s,u,r),t[S>>2]=(t[S>>2]|0)+12,vy(e,D),H4(D),m=N;return}}function Ov(e){return e=e|0,357913941}function hy(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function vy(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function H4(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function my(e){e=e|0,Yg(e)}function q4(e){e=e|0,W4(e+24|0)}function W4(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function Yg(e){e=e|0;var n=0;n=yr()|0,jn(e,2,22,n,V4()|0,0),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function V4(){return 1344}function G4(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0;r=m,m=m+16|0,u=r+8|0,l=r,s=Kg(e)|0,e=t[s+4>>2]|0,t[l>>2]=t[s>>2],t[l+4>>2]=e,t[u>>2]=t[l>>2],t[u+4>>2]=t[l+4>>2],Mv(n,u),m=r}function Kg(e){return e=e|0,(t[(Wf()|0)+24>>2]|0)+(e*12|0)|0}function Mv(e,n){e=e|0,n=n|0;var r=0;r=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(r=t[(t[e>>2]|0)+r>>2]|0),F1[r&127](e)}function Y4(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0;s=t[e>>2]|0,l=yy()|0,e=K4(r)|0,wi(s,n,l,e,X4(r,u)|0,u)}function yy(){var e=0,n=0;if(p[7800]|0||(_y(9936),Wt(44,9936,ve|0)|0,n=7800,t[n>>2]=1,t[n+4>>2]=0),!(sr(9936)|0)){e=9936,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));_y(9936)}return 9936}function K4(e){return e=e|0,e|0}function X4(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0;return D=m,m=m+16|0,l=D,s=D+4|0,t[l>>2]=e,S=yy()|0,h=S+24|0,n=hn(n,4)|0,t[s>>2]=n,r=S+28|0,u=t[r>>2]|0,u>>>0<(t[S+32>>2]|0)>>>0?(gy(u,e,n),n=(t[r>>2]|0)+8|0,t[r>>2]=n):(Xg(h,l,s),n=t[r>>2]|0),m=D,(n-(t[h>>2]|0)>>3)+-1|0}function gy(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,t[e+4>>2]=r}function Xg(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0;if(D=m,m=m+32|0,l=D,s=e+4|0,h=((t[s>>2]|0)-(t[e>>2]|0)>>3)+1|0,u=Qg(e)|0,u>>>0<h>>>0)hi(e);else{S=t[e>>2]|0,M=(t[e+8>>2]|0)-S|0,N=M>>2,Jg(l,M>>3>>>0<u>>>1>>>0?N>>>0<h>>>0?h:N:u,(t[s>>2]|0)-S>>3,e+8|0),h=l+8|0,gy(t[h>>2]|0,t[n>>2]|0,t[r>>2]|0),t[h>>2]=(t[h>>2]|0)+8,Zg(e,l),$g(l),m=D;return}}function Qg(e){return e=e|0,536870911}function Jg(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>536870911)$n();else{l=pn(n<<3)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r<<3)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n<<3)}function Zg(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(0-(l>>3)<<3)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function $g(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~((u+-8-n|0)>>>3)<<3)),e=t[e>>2]|0,e|0&&_t(e)}function _y(e){e=e|0,t_(e)}function e_(e){e=e|0,Q4(e+24|0)}function Q4(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function t_(e){e=e|0;var n=0;n=yr()|0,jn(e,1,23,n,wo()|0,1),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function J4(e,n){e=e|0,n=n|0,f(t[(Z4(e)|0)>>2]|0,n)}function Z4(e){return e=e|0,(t[(yy()|0)+24>>2]|0)+(e<<3)|0}function f(e,n){e=e|0,n=n|0;var r=0,u=0;r=m,m=m+16|0,u=r,tr(u,n),n=Qs(u,n)|0,F1[e&127](n),m=r}function c(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0;s=t[e>>2]|0,l=E()|0,e=T(r)|0,wi(s,n,l,e,A(r,u)|0,u)}function E(){var e=0,n=0;if(p[7808]|0||(pt(9972),Wt(45,9972,ve|0)|0,n=7808,t[n>>2]=1,t[n+4>>2]=0),!(sr(9972)|0)){e=9972,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));pt(9972)}return 9972}function T(e){return e=e|0,e|0}function A(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0;return D=m,m=m+16|0,l=D,s=D+4|0,t[l>>2]=e,S=E()|0,h=S+24|0,n=hn(n,4)|0,t[s>>2]=n,r=S+28|0,u=t[r>>2]|0,u>>>0<(t[S+32>>2]|0)>>>0?(j(u,e,n),n=(t[r>>2]|0)+8|0,t[r>>2]=n):(V(h,l,s),n=t[r>>2]|0),m=D,(n-(t[h>>2]|0)>>3)+-1|0}function j(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,t[e+4>>2]=r}function V(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0;if(D=m,m=m+32|0,l=D,s=e+4|0,h=((t[s>>2]|0)-(t[e>>2]|0)>>3)+1|0,u=te(e)|0,u>>>0<h>>>0)hi(e);else{S=t[e>>2]|0,M=(t[e+8>>2]|0)-S|0,N=M>>2,le(l,M>>3>>>0<u>>>1>>>0?N>>>0<h>>>0?h:N:u,(t[s>>2]|0)-S>>3,e+8|0),h=l+8|0,j(t[h>>2]|0,t[n>>2]|0,t[r>>2]|0),t[h>>2]=(t[h>>2]|0)+8,Be(e,l),Ke(l),m=D;return}}function te(e){return e=e|0,536870911}function le(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>536870911)$n();else{l=pn(n<<3)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r<<3)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n<<3)}function Be(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(0-(l>>3)<<3)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function Ke(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~((u+-8-n|0)>>>3)<<3)),e=t[e>>2]|0,e|0&&_t(e)}function pt(e){e=e|0,zt(e)}function Nt(e){e=e|0,Gt(e+24|0)}function Gt(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function zt(e){e=e|0;var n=0;n=yr()|0,jn(e,1,9,n,yn()|0,1),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function yn(){return 1348}function kr(e,n){return e=e|0,n=n|0,Oi(t[(oi(e)|0)>>2]|0,n)|0}function oi(e){return e=e|0,(t[(E()|0)+24>>2]|0)+(e<<3)|0}function Oi(e,n){e=e|0,n=n|0;var r=0,u=0;return r=m,m=m+16|0,u=r,L0(u,n),n=$i(u,n)|0,n=Td(Jp[e&31](n)|0)|0,m=r,n|0}function L0(e,n){e=e|0,n=n|0}function $i(e,n){return e=e|0,n=n|0,ot(n)|0}function ot(e){return e=e|0,e|0}function Ot(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0;s=t[e>>2]|0,l=Ze()|0,e=Ut(r)|0,wi(s,n,l,e,Pn(r,u)|0,u)}function Ze(){var e=0,n=0;if(p[7816]|0||(Kr(10008),Wt(46,10008,ve|0)|0,n=7816,t[n>>2]=1,t[n+4>>2]=0),!(sr(10008)|0)){e=10008,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));Kr(10008)}return 10008}function Ut(e){return e=e|0,e|0}function Pn(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0;return D=m,m=m+16|0,l=D,s=D+4|0,t[l>>2]=e,S=Ze()|0,h=S+24|0,n=hn(n,4)|0,t[s>>2]=n,r=S+28|0,u=t[r>>2]|0,u>>>0<(t[S+32>>2]|0)>>>0?(vn(u,e,n),n=(t[r>>2]|0)+8|0,t[r>>2]=n):(Wi(h,l,s),n=t[r>>2]|0),m=D,(n-(t[h>>2]|0)>>3)+-1|0}function vn(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,t[e+4>>2]=r}function Wi(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0;if(D=m,m=m+32|0,l=D,s=e+4|0,h=((t[s>>2]|0)-(t[e>>2]|0)>>3)+1|0,u=pi(e)|0,u>>>0<h>>>0)hi(e);else{S=t[e>>2]|0,M=(t[e+8>>2]|0)-S|0,N=M>>2,Ku(l,M>>3>>>0<u>>>1>>>0?N>>>0<h>>>0?h:N:u,(t[s>>2]|0)-S>>3,e+8|0),h=l+8|0,vn(t[h>>2]|0,t[n>>2]|0,t[r>>2]|0),t[h>>2]=(t[h>>2]|0)+8,hr(e,l),pu(l),m=D;return}}function pi(e){return e=e|0,536870911}function Ku(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>536870911)$n();else{l=pn(n<<3)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r<<3)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n<<3)}function hr(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(0-(l>>3)<<3)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function pu(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~((u+-8-n|0)>>>3)<<3)),e=t[e>>2]|0,e|0&&_t(e)}function Kr(e){e=e|0,W0(e)}function xu(e){e=e|0,w0(e+24|0)}function w0(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function W0(e){e=e|0;var n=0;n=yr()|0,jn(e,1,15,n,up()|0,0),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function Ms(e){return e=e|0,yl(t[(Xu(e)|0)>>2]|0)|0}function Xu(e){return e=e|0,(t[(Ze()|0)+24>>2]|0)+(e<<3)|0}function yl(e){return e=e|0,Td(g_[e&7]()|0)|0}function rf(){var e=0;return p[7832]|0||(r_(10052),Wt(25,10052,ve|0)|0,e=7832,t[e>>2]=1,t[e+4>>2]=0),10052}function Wo(e,n){e=e|0,n=n|0,t[e>>2]=ks()|0,t[e+4>>2]=Zd()|0,t[e+12>>2]=n,t[e+8>>2]=Vf()|0,t[e+32>>2]=2}function ks(){return 11709}function Zd(){return 1188}function Vf(){return N1()|0}function Lc(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0,(zl(u,896)|0)==512?r|0&&(Vo(r),_t(r)):n|0&&(Ds(n),_t(n))}function zl(e,n){return e=e|0,n=n|0,n&e|0}function Vo(e){e=e|0,e=t[e+4>>2]|0,e|0&&e2(e)}function N1(){var e=0;return p[7824]|0||(t[2511]=n_()|0,t[2512]=0,e=7824,t[e>>2]=1,t[e+4>>2]=0),10044}function n_(){return 0}function r_(e){e=e|0,Xa(e)}function $4(e){e=e|0;var n=0,r=0,u=0,l=0,s=0;n=m,m=m+32|0,r=n+24|0,s=n+16|0,l=n+8|0,u=n,i_(e,4827),eE(e,4834,3)|0,tE(e,3682,47)|0,t[s>>2]=9,t[s+4>>2]=0,t[r>>2]=t[s>>2],t[r+4>>2]=t[s+4>>2],Ey(e,4841,r)|0,t[l>>2]=1,t[l+4>>2]=0,t[r>>2]=t[l>>2],t[r+4>>2]=t[l+4>>2],u_(e,4871,r)|0,t[u>>2]=10,t[u+4>>2]=0,t[r>>2]=t[u>>2],t[r+4>>2]=t[u+4>>2],nE(e,4891,r)|0,m=n}function i_(e,n){e=e|0,n=n|0;var r=0;r=BR()|0,t[e>>2]=r,UR(r,n),$d(t[e>>2]|0)}function eE(e,n,r){return e=e|0,n=n|0,r=r|0,wR(e,Fr(n)|0,r,0),e|0}function tE(e,n,r){return e=e|0,n=n|0,r=r|0,lR(e,Fr(n)|0,r,0),e|0}function Ey(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],H9(e,n,l),m=u,e|0}function u_(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],S9(e,n,l),m=u,e|0}function nE(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=t[r+4>>2]|0,t[s>>2]=t[r>>2],t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],rE(e,n,l),m=u,e|0}function rE(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],iE(e,r,l,1),m=u}function iE(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=uE()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=a9(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,f9(s,u)|0,u),m=l}function uE(){var e=0,n=0;if(p[7840]|0||(rw(10100),Wt(48,10100,ve|0)|0,n=7840,t[n>>2]=1,t[n+4>>2]=0),!(sr(10100)|0)){e=10100,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));rw(10100)}return 10100}function a9(e){return e=e|0,0}function f9(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=uE()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],nw(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(c9(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function nw(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function c9(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=d9(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,p9(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],nw(s,u,r),t[S>>2]=(t[S>>2]|0)+12,h9(e,D),v9(D),m=N;return}}function d9(e){return e=e|0,357913941}function p9(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function h9(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function v9(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function rw(e){e=e|0,g9(e)}function m9(e){e=e|0,y9(e+24|0)}function y9(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function g9(e){e=e|0;var n=0;n=yr()|0,jn(e,2,6,n,_9()|0,1),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function _9(){return 1364}function E9(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;return u=m,m=m+16|0,l=u+8|0,s=u,h=D9(e)|0,e=t[h+4>>2]|0,t[s>>2]=t[h>>2],t[s+4>>2]=e,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],r=w9(n,l,r)|0,m=u,r|0}function D9(e){return e=e|0,(t[(uE()|0)+24>>2]|0)+(e*12|0)|0}function w9(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0;return s=m,m=m+16|0,l=s,u=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(u=t[(t[e>>2]|0)+u>>2]|0),xs(l,r),l=Gs(l,r)|0,l=Il(FE[u&15](e,l)|0)|0,m=s,l|0}function S9(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],T9(e,r,l,0),m=u}function T9(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=oE()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=C9(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,x9(s,u)|0,u),m=l}function oE(){var e=0,n=0;if(p[7848]|0||(uw(10136),Wt(49,10136,ve|0)|0,n=7848,t[n>>2]=1,t[n+4>>2]=0),!(sr(10136)|0)){e=10136,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));uw(10136)}return 10136}function C9(e){return e=e|0,0}function x9(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=oE()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],iw(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(R9(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function iw(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function R9(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=A9(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,O9(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],iw(s,u,r),t[S>>2]=(t[S>>2]|0)+12,M9(e,D),k9(D),m=N;return}}function A9(e){return e=e|0,357913941}function O9(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function M9(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function k9(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function uw(e){e=e|0,F9(e)}function N9(e){e=e|0,L9(e+24|0)}function L9(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function F9(e){e=e|0;var n=0;n=yr()|0,jn(e,2,9,n,P9()|0,1),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function P9(){return 1372}function I9(e,n,r){e=e|0,n=n|0,r=+r;var u=0,l=0,s=0,h=0;u=m,m=m+16|0,l=u+8|0,s=u,h=b9(e)|0,e=t[h+4>>2]|0,t[s>>2]=t[h>>2],t[s+4>>2]=e,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],B9(n,l,r),m=u}function b9(e){return e=e|0,(t[(oE()|0)+24>>2]|0)+(e*12|0)|0}function B9(e,n,r){e=e|0,n=n|0,r=+r;var u=0,l=0,s=0,h=Tt;s=m,m=m+16|0,l=s,u=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(u=t[(t[e>>2]|0)+u>>2]|0),U9(l,r),h=w(j9(l,r)),_8[u&1](e,h),m=s}function U9(e,n){e=e|0,n=+n}function j9(e,n){return e=e|0,n=+n,w(z9(n))}function z9(e){return e=+e,w(e)}function H9(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,l=u+8|0,s=u,D=t[r>>2]|0,h=t[r+4>>2]|0,r=Fr(n)|0,t[s>>2]=D,t[s+4>>2]=h,t[l>>2]=t[s>>2],t[l+4>>2]=t[s+4>>2],q9(e,r,l,0),m=u}function q9(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0,S=0,N=0,M=0;l=m,m=m+32|0,s=l+16|0,M=l+8|0,D=l,N=t[r>>2]|0,S=t[r+4>>2]|0,h=t[e>>2]|0,e=lE()|0,t[M>>2]=N,t[M+4>>2]=S,t[s>>2]=t[M>>2],t[s+4>>2]=t[M+4>>2],r=W9(s)|0,t[D>>2]=N,t[D+4>>2]=S,t[s>>2]=t[D>>2],t[s+4>>2]=t[D+4>>2],wi(h,n,e,r,V9(s,u)|0,u),m=l}function lE(){var e=0,n=0;if(p[7856]|0||(lw(10172),Wt(50,10172,ve|0)|0,n=7856,t[n>>2]=1,t[n+4>>2]=0),!(sr(10172)|0)){e=10172,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));lw(10172)}return 10172}function W9(e){return e=e|0,0}function V9(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0;return M=m,m=m+32|0,l=M+24|0,h=M+16|0,D=M,S=M+8|0,s=t[e>>2]|0,u=t[e+4>>2]|0,t[D>>2]=s,t[D+4>>2]=u,I=lE()|0,N=I+24|0,e=hn(n,4)|0,t[S>>2]=e,n=I+28|0,r=t[n>>2]|0,r>>>0<(t[I+32>>2]|0)>>>0?(t[h>>2]=s,t[h+4>>2]=u,t[l>>2]=t[h>>2],t[l+4>>2]=t[h+4>>2],ow(r,l,e),e=(t[n>>2]|0)+12|0,t[n>>2]=e):(G9(N,D,S),e=t[n>>2]|0),m=M,((e-(t[N>>2]|0)|0)/12|0)+-1|0}function ow(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=t[n+4>>2]|0,t[e>>2]=t[n>>2],t[e+4>>2]=u,t[e+8>>2]=r}function G9(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;if(N=m,m=m+48|0,u=N+32|0,h=N+24|0,D=N,S=e+4|0,l=(((t[S>>2]|0)-(t[e>>2]|0)|0)/12|0)+1|0,s=Y9(e)|0,s>>>0<l>>>0)hi(e);else{M=t[e>>2]|0,K=((t[e+8>>2]|0)-M|0)/12|0,I=K<<1,K9(D,K>>>0<s>>>1>>>0?I>>>0<l>>>0?l:I:s,((t[S>>2]|0)-M|0)/12|0,e+8|0),S=D+8|0,s=t[S>>2]|0,l=t[n+4>>2]|0,r=t[r>>2]|0,t[h>>2]=t[n>>2],t[h+4>>2]=l,t[u>>2]=t[h>>2],t[u+4>>2]=t[h+4>>2],ow(s,u,r),t[S>>2]=(t[S>>2]|0)+12,X9(e,D),Q9(D),m=N;return}}function Y9(e){return e=e|0,357913941}function K9(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>357913941)$n();else{l=pn(n*12|0)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r*12|0)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n*12|0)}function X9(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(((l|0)/-12|0)*12|0)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function Q9(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~(((u+-12-n|0)>>>0)/12|0)*12|0)),e=t[e>>2]|0,e|0&&_t(e)}function lw(e){e=e|0,$9(e)}function J9(e){e=e|0,Z9(e+24|0)}function Z9(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~(((n+-12-u|0)>>>0)/12|0)*12|0)),_t(r))}function $9(e){e=e|0;var n=0;n=yr()|0,jn(e,2,3,n,eR()|0,2),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function eR(){return 1380}function tR(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0;l=m,m=m+16|0,s=l+8|0,h=l,D=nR(e)|0,e=t[D+4>>2]|0,t[h>>2]=t[D>>2],t[h+4>>2]=e,t[s>>2]=t[h>>2],t[s+4>>2]=t[h+4>>2],rR(n,s,r,u),m=l}function nR(e){return e=e|0,(t[(lE()|0)+24>>2]|0)+(e*12|0)|0}function rR(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0;D=m,m=m+16|0,s=D+1|0,h=D,l=t[n>>2]|0,n=t[n+4>>2]|0,e=e+(n>>1)|0,n&1&&(l=t[(t[e>>2]|0)+l>>2]|0),xs(s,r),s=Gs(s,r)|0,iR(h,u),h=uR(h,u)|0,Ry[l&15](e,s,h),m=D}function iR(e,n){e=e|0,n=n|0}function uR(e,n){return e=e|0,n=n|0,oR(n)|0}function oR(e){return e=e|0,(e|0)!=0|0}function lR(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0;s=t[e>>2]|0,l=sE()|0,e=sR(r)|0,wi(s,n,l,e,aR(r,u)|0,u)}function sE(){var e=0,n=0;if(p[7864]|0||(aw(10208),Wt(51,10208,ve|0)|0,n=7864,t[n>>2]=1,t[n+4>>2]=0),!(sr(10208)|0)){e=10208,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));aw(10208)}return 10208}function sR(e){return e=e|0,e|0}function aR(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0;return D=m,m=m+16|0,l=D,s=D+4|0,t[l>>2]=e,S=sE()|0,h=S+24|0,n=hn(n,4)|0,t[s>>2]=n,r=S+28|0,u=t[r>>2]|0,u>>>0<(t[S+32>>2]|0)>>>0?(sw(u,e,n),n=(t[r>>2]|0)+8|0,t[r>>2]=n):(fR(h,l,s),n=t[r>>2]|0),m=D,(n-(t[h>>2]|0)>>3)+-1|0}function sw(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,t[e+4>>2]=r}function fR(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0;if(D=m,m=m+32|0,l=D,s=e+4|0,h=((t[s>>2]|0)-(t[e>>2]|0)>>3)+1|0,u=cR(e)|0,u>>>0<h>>>0)hi(e);else{S=t[e>>2]|0,M=(t[e+8>>2]|0)-S|0,N=M>>2,dR(l,M>>3>>>0<u>>>1>>>0?N>>>0<h>>>0?h:N:u,(t[s>>2]|0)-S>>3,e+8|0),h=l+8|0,sw(t[h>>2]|0,t[n>>2]|0,t[r>>2]|0),t[h>>2]=(t[h>>2]|0)+8,pR(e,l),hR(l),m=D;return}}function cR(e){return e=e|0,536870911}function dR(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>536870911)$n();else{l=pn(n<<3)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r<<3)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n<<3)}function pR(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(0-(l>>3)<<3)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function hR(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~((u+-8-n|0)>>>3)<<3)),e=t[e>>2]|0,e|0&&_t(e)}function aw(e){e=e|0,yR(e)}function vR(e){e=e|0,mR(e+24|0)}function mR(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function yR(e){e=e|0;var n=0;n=yr()|0,jn(e,1,24,n,gR()|0,1),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function gR(){return 1392}function _R(e,n){e=e|0,n=n|0,DR(t[(ER(e)|0)>>2]|0,n)}function ER(e){return e=e|0,(t[(sE()|0)+24>>2]|0)+(e<<3)|0}function DR(e,n){e=e|0,n=n|0;var r=0,u=0;r=m,m=m+16|0,u=r,L0(u,n),n=$i(u,n)|0,F1[e&127](n),m=r}function wR(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0;s=t[e>>2]|0,l=aE()|0,e=SR(r)|0,wi(s,n,l,e,TR(r,u)|0,u)}function aE(){var e=0,n=0;if(p[7872]|0||(cw(10244),Wt(52,10244,ve|0)|0,n=7872,t[n>>2]=1,t[n+4>>2]=0),!(sr(10244)|0)){e=10244,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));cw(10244)}return 10244}function SR(e){return e=e|0,e|0}function TR(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0;return D=m,m=m+16|0,l=D,s=D+4|0,t[l>>2]=e,S=aE()|0,h=S+24|0,n=hn(n,4)|0,t[s>>2]=n,r=S+28|0,u=t[r>>2]|0,u>>>0<(t[S+32>>2]|0)>>>0?(fw(u,e,n),n=(t[r>>2]|0)+8|0,t[r>>2]=n):(CR(h,l,s),n=t[r>>2]|0),m=D,(n-(t[h>>2]|0)>>3)+-1|0}function fw(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,t[e+4>>2]=r}function CR(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0;if(D=m,m=m+32|0,l=D,s=e+4|0,h=((t[s>>2]|0)-(t[e>>2]|0)>>3)+1|0,u=xR(e)|0,u>>>0<h>>>0)hi(e);else{S=t[e>>2]|0,M=(t[e+8>>2]|0)-S|0,N=M>>2,RR(l,M>>3>>>0<u>>>1>>>0?N>>>0<h>>>0?h:N:u,(t[s>>2]|0)-S>>3,e+8|0),h=l+8|0,fw(t[h>>2]|0,t[n>>2]|0,t[r>>2]|0),t[h>>2]=(t[h>>2]|0)+8,AR(e,l),OR(l),m=D;return}}function xR(e){return e=e|0,536870911}function RR(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>536870911)$n();else{l=pn(n<<3)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r<<3)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n<<3)}function AR(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(0-(l>>3)<<3)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function OR(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~((u+-8-n|0)>>>3)<<3)),e=t[e>>2]|0,e|0&&_t(e)}function cw(e){e=e|0,NR(e)}function MR(e){e=e|0,kR(e+24|0)}function kR(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function NR(e){e=e|0;var n=0;n=yr()|0,jn(e,1,16,n,LR()|0,0),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function LR(){return 1400}function FR(e){return e=e|0,IR(t[(PR(e)|0)>>2]|0)|0}function PR(e){return e=e|0,(t[(aE()|0)+24>>2]|0)+(e<<3)|0}function IR(e){return e=e|0,bR(g_[e&7]()|0)|0}function bR(e){return e=e|0,e|0}function BR(){var e=0;return p[7880]|0||(VR(10280),Wt(25,10280,ve|0)|0,e=7880,t[e>>2]=1,t[e+4>>2]=0),10280}function UR(e,n){e=e|0,n=n|0,t[e>>2]=jR()|0,t[e+4>>2]=zR()|0,t[e+12>>2]=n,t[e+8>>2]=HR()|0,t[e+32>>2]=4}function jR(){return 11711}function zR(){return 1356}function HR(){return N1()|0}function qR(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0,(zl(u,896)|0)==512?r|0&&(WR(r),_t(r)):n|0&&(no(n),_t(n))}function WR(e){e=e|0,e=t[e+4>>2]|0,e|0&&e2(e)}function VR(e){e=e|0,Xa(e)}function GR(e){e=e|0,YR(e,4920),KR(e)|0,XR(e)|0}function YR(e,n){e=e|0,n=n|0;var r=0;r=qd()|0,t[e>>2]=r,mA(r,n),$d(t[e>>2]|0)}function KR(e){e=e|0;var n=0;return n=t[e>>2]|0,Vp(n,oA()|0),e|0}function XR(e){e=e|0;var n=0;return n=t[e>>2]|0,Vp(n,QR()|0),e|0}function QR(){var e=0;return p[7888]|0||(dw(10328),Wt(53,10328,ve|0)|0,e=7888,t[e>>2]=1,t[e+4>>2]=0),sr(10328)|0||dw(10328),10328}function Vp(e,n){e=e|0,n=n|0,wi(e,0,n,0,0,0)}function dw(e){e=e|0,$R(e),Gp(e,10)}function JR(e){e=e|0,ZR(e+24|0)}function ZR(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function $R(e){e=e|0;var n=0;n=yr()|0,jn(e,5,1,n,rA()|0,2),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function eA(e,n,r){e=e|0,n=n|0,r=+r,tA(e,n,r)}function Gp(e,n){e=e|0,n=n|0,t[e+20>>2]=n}function tA(e,n,r){e=e|0,n=n|0,r=+r;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+16|0,s=u+8|0,D=u+13|0,l=u,h=u+12|0,xs(D,n),t[s>>2]=Gs(D,n)|0,Fl(h,r),U[l>>3]=+us(h,r),nA(e,s,l),m=u}function nA(e,n,r){e=e|0,n=n|0,r=r|0,b(e+8|0,t[n>>2]|0,+U[r>>3]),p[e+24>>0]=1}function rA(){return 1404}function iA(e,n){return e=e|0,n=+n,uA(e,n)|0}function uA(e,n){e=e|0,n=+n;var r=0,u=0,l=0,s=0,h=0,D=0,S=0;return u=m,m=m+16|0,s=u+4|0,h=u+8|0,D=u,l=Oa(8)|0,r=l,S=pn(16)|0,xs(s,e),e=Gs(s,e)|0,Fl(h,n),b(S,e,+us(h,n)),h=r+4|0,t[h>>2]=S,e=pn(8)|0,h=t[h>>2]|0,t[D>>2]=0,t[s>>2]=t[D>>2],Bf(e,h,s),t[l>>2]=e,m=u,r|0}function oA(){var e=0;return p[7896]|0||(pw(10364),Wt(54,10364,ve|0)|0,e=7896,t[e>>2]=1,t[e+4>>2]=0),sr(10364)|0||pw(10364),10364}function pw(e){e=e|0,aA(e),Gp(e,55)}function lA(e){e=e|0,sA(e+24|0)}function sA(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function aA(e){e=e|0;var n=0;n=yr()|0,jn(e,5,4,n,pA()|0,0),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function fA(e){e=e|0,cA(e)}function cA(e){e=e|0,dA(e)}function dA(e){e=e|0,hw(e+8|0),p[e+24>>0]=1}function hw(e){e=e|0,t[e>>2]=0,U[e+8>>3]=0}function pA(){return 1424}function hA(){return vA()|0}function vA(){var e=0,n=0,r=0,u=0,l=0,s=0,h=0;return n=m,m=m+16|0,l=n+4|0,h=n,r=Oa(8)|0,e=r,u=pn(16)|0,hw(u),s=e+4|0,t[s>>2]=u,u=pn(8)|0,s=t[s>>2]|0,t[h>>2]=0,t[l>>2]=t[h>>2],Bf(u,s,l),t[r>>2]=u,m=n,e|0}function mA(e,n){e=e|0,n=n|0,t[e>>2]=yA()|0,t[e+4>>2]=gA()|0,t[e+12>>2]=n,t[e+8>>2]=_A()|0,t[e+32>>2]=5}function yA(){return 11710}function gA(){return 1416}function _A(){return o_()|0}function EA(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0,(zl(u,896)|0)==512?r|0&&(DA(r),_t(r)):n|0&&_t(n)}function DA(e){e=e|0,e=t[e+4>>2]|0,e|0&&e2(e)}function o_(){var e=0;return p[7904]|0||(t[2600]=wA()|0,t[2601]=0,e=7904,t[e>>2]=1,t[e+4>>2]=0),10400}function wA(){return t[357]|0}function SA(e){e=e|0,TA(e,4926),CA(e)|0}function TA(e,n){e=e|0,n=n|0;var r=0;r=Ka()|0,t[e>>2]=r,IA(r,n),$d(t[e>>2]|0)}function CA(e){e=e|0;var n=0;return n=t[e>>2]|0,Vp(n,xA()|0),e|0}function xA(){var e=0;return p[7912]|0||(vw(10412),Wt(56,10412,ve|0)|0,e=7912,t[e>>2]=1,t[e+4>>2]=0),sr(10412)|0||vw(10412),10412}function vw(e){e=e|0,OA(e),Gp(e,57)}function RA(e){e=e|0,AA(e+24|0)}function AA(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function OA(e){e=e|0;var n=0;n=yr()|0,jn(e,5,5,n,LA()|0,0),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function MA(e){e=e|0,kA(e)}function kA(e){e=e|0,NA(e)}function NA(e){e=e|0;var n=0,r=0;n=e+8|0,r=n+48|0;do t[n>>2]=0,n=n+4|0;while((n|0)<(r|0));p[e+56>>0]=1}function LA(){return 1432}function FA(){return PA()|0}function PA(){var e=0,n=0,r=0,u=0,l=0,s=0,h=0,D=0;h=m,m=m+16|0,e=h+4|0,n=h,r=Oa(8)|0,u=r,l=pn(48)|0,s=l,D=s+48|0;do t[s>>2]=0,s=s+4|0;while((s|0)<(D|0));return s=u+4|0,t[s>>2]=l,D=pn(8)|0,s=t[s>>2]|0,t[n>>2]=0,t[e>>2]=t[n>>2],Dh(D,s,e),t[r>>2]=D,m=h,u|0}function IA(e,n){e=e|0,n=n|0,t[e>>2]=bA()|0,t[e+4>>2]=BA()|0,t[e+12>>2]=n,t[e+8>>2]=UA()|0,t[e+32>>2]=6}function bA(){return 11704}function BA(){return 1436}function UA(){return o_()|0}function jA(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0,(zl(u,896)|0)==512?r|0&&(zA(r),_t(r)):n|0&&_t(n)}function zA(e){e=e|0,e=t[e+4>>2]|0,e|0&&e2(e)}function HA(e){e=e|0,qA(e,4933),WA(e)|0,VA(e)|0}function qA(e,n){e=e|0,n=n|0;var r=0;r=v7()|0,t[e>>2]=r,m7(r,n),$d(t[e>>2]|0)}function WA(e){e=e|0;var n=0;return n=t[e>>2]|0,Vp(n,u7()|0),e|0}function VA(e){e=e|0;var n=0;return n=t[e>>2]|0,Vp(n,GA()|0),e|0}function GA(){var e=0;return p[7920]|0||(mw(10452),Wt(58,10452,ve|0)|0,e=7920,t[e>>2]=1,t[e+4>>2]=0),sr(10452)|0||mw(10452),10452}function mw(e){e=e|0,XA(e),Gp(e,1)}function YA(e){e=e|0,KA(e+24|0)}function KA(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function XA(e){e=e|0;var n=0;n=yr()|0,jn(e,5,1,n,$A()|0,2),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function QA(e,n,r){e=e|0,n=+n,r=+r,JA(e,n,r)}function JA(e,n,r){e=e|0,n=+n,r=+r;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+32|0,s=u+8|0,D=u+17|0,l=u,h=u+16|0,Fl(D,n),U[s>>3]=+us(D,n),Fl(h,r),U[l>>3]=+us(h,r),ZA(e,s,l),m=u}function ZA(e,n,r){e=e|0,n=n|0,r=r|0,yw(e+8|0,+U[n>>3],+U[r>>3]),p[e+24>>0]=1}function yw(e,n,r){e=e|0,n=+n,r=+r,U[e>>3]=n,U[e+8>>3]=r}function $A(){return 1472}function e7(e,n){return e=+e,n=+n,t7(e,n)|0}function t7(e,n){e=+e,n=+n;var r=0,u=0,l=0,s=0,h=0,D=0,S=0;return u=m,m=m+16|0,h=u+4|0,D=u+8|0,S=u,l=Oa(8)|0,r=l,s=pn(16)|0,Fl(h,e),e=+us(h,e),Fl(D,n),yw(s,e,+us(D,n)),D=r+4|0,t[D>>2]=s,s=pn(8)|0,D=t[D>>2]|0,t[S>>2]=0,t[h>>2]=t[S>>2],gw(s,D,h),t[l>>2]=s,m=u,r|0}function gw(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,r=pn(16)|0,t[r+4>>2]=0,t[r+8>>2]=0,t[r>>2]=1452,t[r+12>>2]=n,t[e+4>>2]=r}function n7(e){e=e|0,Iv(e),_t(e)}function r7(e){e=e|0,e=t[e+12>>2]|0,e|0&&_t(e)}function i7(e){e=e|0,_t(e)}function u7(){var e=0;return p[7928]|0||(_w(10488),Wt(59,10488,ve|0)|0,e=7928,t[e>>2]=1,t[e+4>>2]=0),sr(10488)|0||_w(10488),10488}function _w(e){e=e|0,s7(e),Gp(e,60)}function o7(e){e=e|0,l7(e+24|0)}function l7(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function s7(e){e=e|0;var n=0;n=yr()|0,jn(e,5,6,n,d7()|0,0),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function a7(e){e=e|0,f7(e)}function f7(e){e=e|0,c7(e)}function c7(e){e=e|0,Ew(e+8|0),p[e+24>>0]=1}function Ew(e){e=e|0,t[e>>2]=0,t[e+4>>2]=0,t[e+8>>2]=0,t[e+12>>2]=0}function d7(){return 1492}function p7(){return h7()|0}function h7(){var e=0,n=0,r=0,u=0,l=0,s=0,h=0;return n=m,m=m+16|0,l=n+4|0,h=n,r=Oa(8)|0,e=r,u=pn(16)|0,Ew(u),s=e+4|0,t[s>>2]=u,u=pn(8)|0,s=t[s>>2]|0,t[h>>2]=0,t[l>>2]=t[h>>2],gw(u,s,l),t[r>>2]=u,m=n,e|0}function v7(){var e=0;return p[7936]|0||(w7(10524),Wt(25,10524,ve|0)|0,e=7936,t[e>>2]=1,t[e+4>>2]=0),10524}function m7(e,n){e=e|0,n=n|0,t[e>>2]=y7()|0,t[e+4>>2]=g7()|0,t[e+12>>2]=n,t[e+8>>2]=_7()|0,t[e+32>>2]=7}function y7(){return 11700}function g7(){return 1484}function _7(){return o_()|0}function E7(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0,(zl(u,896)|0)==512?r|0&&(D7(r),_t(r)):n|0&&_t(n)}function D7(e){e=e|0,e=t[e+4>>2]|0,e|0&&e2(e)}function w7(e){e=e|0,Xa(e)}function S7(e,n,r){e=e|0,n=n|0,r=r|0,e=Fr(n)|0,n=T7(r)|0,r=C7(r,0)|0,tO(e,n,r,fE()|0,0)}function T7(e){return e=e|0,e|0}function C7(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0;return D=m,m=m+16|0,l=D,s=D+4|0,t[l>>2]=e,S=fE()|0,h=S+24|0,n=hn(n,4)|0,t[s>>2]=n,r=S+28|0,u=t[r>>2]|0,u>>>0<(t[S+32>>2]|0)>>>0?(ww(u,e,n),n=(t[r>>2]|0)+8|0,t[r>>2]=n):(N7(h,l,s),n=t[r>>2]|0),m=D,(n-(t[h>>2]|0)>>3)+-1|0}function fE(){var e=0,n=0;if(p[7944]|0||(Dw(10568),Wt(61,10568,ve|0)|0,n=7944,t[n>>2]=1,t[n+4>>2]=0),!(sr(10568)|0)){e=10568,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));Dw(10568)}return 10568}function Dw(e){e=e|0,A7(e)}function x7(e){e=e|0,R7(e+24|0)}function R7(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function A7(e){e=e|0;var n=0;n=yr()|0,jn(e,1,17,n,Jh()|0,0),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function O7(e){return e=e|0,k7(t[(M7(e)|0)>>2]|0)|0}function M7(e){return e=e|0,(t[(fE()|0)+24>>2]|0)+(e<<3)|0}function k7(e){return e=e|0,H0(g_[e&7]()|0)|0}function ww(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,t[e+4>>2]=r}function N7(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0;if(D=m,m=m+32|0,l=D,s=e+4|0,h=((t[s>>2]|0)-(t[e>>2]|0)>>3)+1|0,u=L7(e)|0,u>>>0<h>>>0)hi(e);else{S=t[e>>2]|0,M=(t[e+8>>2]|0)-S|0,N=M>>2,F7(l,M>>3>>>0<u>>>1>>>0?N>>>0<h>>>0?h:N:u,(t[s>>2]|0)-S>>3,e+8|0),h=l+8|0,ww(t[h>>2]|0,t[n>>2]|0,t[r>>2]|0),t[h>>2]=(t[h>>2]|0)+8,P7(e,l),I7(l),m=D;return}}function L7(e){return e=e|0,536870911}function F7(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>536870911)$n();else{l=pn(n<<3)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r<<3)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n<<3)}function P7(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(0-(l>>3)<<3)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function I7(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~((u+-8-n|0)>>>3)<<3)),e=t[e>>2]|0,e|0&&_t(e)}function b7(){B7()}function B7(){U7(10604)}function U7(e){e=e|0,j7(e,4955)}function j7(e,n){e=e|0,n=n|0;var r=0;r=z7()|0,t[e>>2]=r,H7(r,n),$d(t[e>>2]|0)}function z7(){var e=0;return p[7952]|0||(J7(10612),Wt(25,10612,ve|0)|0,e=7952,t[e>>2]=1,t[e+4>>2]=0),10612}function H7(e,n){e=e|0,n=n|0,t[e>>2]=G7()|0,t[e+4>>2]=Y7()|0,t[e+12>>2]=n,t[e+8>>2]=K7()|0,t[e+32>>2]=8}function $d(e){e=e|0;var n=0,r=0;n=m,m=m+16|0,r=n,kv()|0,t[r>>2]=e,q7(10608,r),m=n}function kv(){return p[11714]|0||(t[2652]=0,Wt(62,10608,ve|0)|0,p[11714]=1),10608}function q7(e,n){e=e|0,n=n|0;var r=0;r=pn(8)|0,t[r+4>>2]=t[n>>2],t[r>>2]=t[e>>2],t[e>>2]=r}function W7(e){e=e|0,V7(e)}function V7(e){e=e|0;var n=0,r=0;if(n=t[e>>2]|0,n|0)do r=n,n=t[n>>2]|0,_t(r);while((n|0)!=0);t[e>>2]=0}function G7(){return 11715}function Y7(){return 1496}function K7(){return N1()|0}function X7(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0,(zl(u,896)|0)==512?r|0&&(Q7(r),_t(r)):n|0&&_t(n)}function Q7(e){e=e|0,e=t[e+4>>2]|0,e|0&&e2(e)}function J7(e){e=e|0,Xa(e)}function Z7(e,n){e=e|0,n=n|0;var r=0,u=0;kv()|0,r=t[2652]|0;e:do if(r|0){for(;u=t[r+4>>2]|0,!(u|0?(r8(cE(u)|0,e)|0)==0:0);)if(r=t[r>>2]|0,!r)break e;$7(u,n)}while(0)}function cE(e){return e=e|0,t[e+12>>2]|0}function $7(e,n){e=e|0,n=n|0;var r=0;e=e+36|0,r=t[e>>2]|0,r|0&&(fa(r),_t(r)),r=pn(4)|0,wf(r,n),t[e>>2]=r}function dE(){return p[11716]|0||(t[2664]=0,Wt(63,10656,ve|0)|0,p[11716]=1),10656}function Sw(){var e=0;return p[11717]|0?e=t[2665]|0:(eO(),t[2665]=1504,p[11717]=1,e=1504),e|0}function eO(){p[11740]|0||(p[11718]=hn(hn(8,0)|0,0)|0,p[11719]=hn(hn(0,0)|0,0)|0,p[11720]=hn(hn(0,16)|0,0)|0,p[11721]=hn(hn(8,0)|0,0)|0,p[11722]=hn(hn(0,0)|0,0)|0,p[11723]=hn(hn(8,0)|0,0)|0,p[11724]=hn(hn(0,0)|0,0)|0,p[11725]=hn(hn(8,0)|0,0)|0,p[11726]=hn(hn(0,0)|0,0)|0,p[11727]=hn(hn(8,0)|0,0)|0,p[11728]=hn(hn(0,0)|0,0)|0,p[11729]=hn(hn(0,0)|0,32)|0,p[11730]=hn(hn(0,0)|0,32)|0,p[11740]=1)}function Tw(){return 1572}function tO(e,n,r,u,l){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0;var s=0,h=0,D=0,S=0,N=0,M=0;s=m,m=m+32|0,M=s+16|0,N=s+12|0,S=s+8|0,D=s+4|0,h=s,t[M>>2]=e,t[N>>2]=n,t[S>>2]=r,t[D>>2]=u,t[h>>2]=l,dE()|0,nO(10656,M,N,S,D,h),m=s}function nO(e,n,r,u,l,s){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0;var h=0;h=pn(24)|0,yd(h+4|0,t[n>>2]|0,t[r>>2]|0,t[u>>2]|0,t[l>>2]|0,t[s>>2]|0),t[h>>2]=t[e>>2],t[e>>2]=h}function Cw(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0,be=0,Se=0,ye=0,Je=0,Ge=0,ft=0;if(ft=m,m=m+32|0,Se=ft+20|0,ye=ft+8|0,Je=ft+4|0,Ge=ft,n=t[n>>2]|0,n|0){be=Se+4|0,S=Se+8|0,N=ye+4|0,M=ye+8|0,I=ye+8|0,K=Se+8|0;do{if(h=n+4|0,D=pE(h)|0,D|0){if(l=Dy(D)|0,t[Se>>2]=0,t[be>>2]=0,t[S>>2]=0,u=(wy(D)|0)+1|0,rO(Se,u),u|0)for(;u=u+-1|0,Gf(ye,t[l>>2]|0),s=t[be>>2]|0,s>>>0<(t[K>>2]|0)>>>0?(t[s>>2]=t[ye>>2],t[be>>2]=(t[be>>2]|0)+4):hE(Se,ye),u;)l=l+4|0;u=Sy(D)|0,t[ye>>2]=0,t[N>>2]=0,t[M>>2]=0;e:do if(t[u>>2]|0)for(l=0,s=0;;){if((l|0)==(s|0)?iO(ye,u):(t[l>>2]=t[u>>2],t[N>>2]=(t[N>>2]|0)+4),u=u+4|0,!(t[u>>2]|0))break e;l=t[N>>2]|0,s=t[I>>2]|0}while(0);t[Je>>2]=l_(h)|0,t[Ge>>2]=sr(D)|0,uO(r,e,Je,Ge,Se,ye),vE(ye),L1(Se)}n=t[n>>2]|0}while((n|0)!=0)}m=ft}function pE(e){return e=e|0,t[e+12>>2]|0}function Dy(e){return e=e|0,t[e+12>>2]|0}function wy(e){return e=e|0,t[e+16>>2]|0}function rO(e,n){e=e|0,n=n|0;var r=0,u=0,l=0;l=m,m=m+32|0,r=l,u=t[e>>2]|0,(t[e+8>>2]|0)-u>>2>>>0<n>>>0&&(Lw(r,n,(t[e+4>>2]|0)-u>>2,e+8|0),Fw(e,r),Pw(r)),m=l}function hE(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0;if(h=m,m=m+32|0,r=h,u=e+4|0,l=((t[u>>2]|0)-(t[e>>2]|0)>>2)+1|0,s=Nw(e)|0,s>>>0<l>>>0)hi(e);else{D=t[e>>2]|0,N=(t[e+8>>2]|0)-D|0,S=N>>1,Lw(r,N>>2>>>0<s>>>1>>>0?S>>>0<l>>>0?l:S:s,(t[u>>2]|0)-D>>2,e+8|0),s=r+8|0,t[t[s>>2]>>2]=t[n>>2],t[s>>2]=(t[s>>2]|0)+4,Fw(e,r),Pw(r),m=h;return}}function Sy(e){return e=e|0,t[e+8>>2]|0}function iO(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0;if(h=m,m=m+32|0,r=h,u=e+4|0,l=((t[u>>2]|0)-(t[e>>2]|0)>>2)+1|0,s=kw(e)|0,s>>>0<l>>>0)hi(e);else{D=t[e>>2]|0,N=(t[e+8>>2]|0)-D|0,S=N>>1,TO(r,N>>2>>>0<s>>>1>>>0?S>>>0<l>>>0?l:S:s,(t[u>>2]|0)-D>>2,e+8|0),s=r+8|0,t[t[s>>2]>>2]=t[n>>2],t[s>>2]=(t[s>>2]|0)+4,CO(e,r),xO(r),m=h;return}}function l_(e){return e=e|0,t[e>>2]|0}function uO(e,n,r,u,l,s){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0,oO(e,n,r,u,l,s)}function vE(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-4-u|0)>>>2)<<2)),_t(r))}function L1(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-4-u|0)>>>2)<<2)),_t(r))}function oO(e,n,r,u,l,s){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0;var h=0,D=0,S=0,N=0,M=0,I=0;h=m,m=m+48|0,M=h+40|0,D=h+32|0,I=h+24|0,S=h+12|0,N=h,Ma(D),e=yo(e)|0,t[I>>2]=t[n>>2],r=t[r>>2]|0,u=t[u>>2]|0,mE(S,l),lO(N,s),t[M>>2]=t[I>>2],sO(e,M,r,u,S,N),vE(N),L1(S),ka(D),m=h}function mE(e,n){e=e|0,n=n|0;var r=0,u=0;t[e>>2]=0,t[e+4>>2]=0,t[e+8>>2]=0,r=n+4|0,u=(t[r>>2]|0)-(t[n>>2]|0)>>2,u|0&&(wO(e,u),SO(e,t[n>>2]|0,t[r>>2]|0,u))}function lO(e,n){e=e|0,n=n|0;var r=0,u=0;t[e>>2]=0,t[e+4>>2]=0,t[e+8>>2]=0,r=n+4|0,u=(t[r>>2]|0)-(t[n>>2]|0)>>2,u|0&&(EO(e,u),DO(e,t[n>>2]|0,t[r>>2]|0,u))}function sO(e,n,r,u,l,s){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0;var h=0,D=0,S=0,N=0,M=0,I=0;h=m,m=m+32|0,M=h+28|0,I=h+24|0,D=h+12|0,S=h,N=go(aO()|0)|0,t[I>>2]=t[n>>2],t[M>>2]=t[I>>2],n=Yp(M)|0,r=xw(r)|0,u=yE(u)|0,t[D>>2]=t[l>>2],M=l+4|0,t[D+4>>2]=t[M>>2],I=l+8|0,t[D+8>>2]=t[I>>2],t[I>>2]=0,t[M>>2]=0,t[l>>2]=0,l=gE(D)|0,t[S>>2]=t[s>>2],M=s+4|0,t[S+4>>2]=t[M>>2],I=s+8|0,t[S+8>>2]=t[I>>2],t[I>>2]=0,t[M>>2]=0,t[s>>2]=0,K0(0,N|0,e|0,n|0,r|0,u|0,l|0,fO(S)|0)|0,vE(S),L1(D),m=h}function aO(){var e=0;return p[7968]|0||(gO(10708),e=7968,t[e>>2]=1,t[e+4>>2]=0),10708}function Yp(e){return e=e|0,Aw(e)|0}function xw(e){return e=e|0,Rw(e)|0}function yE(e){return e=e|0,H0(e)|0}function gE(e){return e=e|0,dO(e)|0}function fO(e){return e=e|0,cO(e)|0}function cO(e){e=e|0;var n=0,r=0,u=0;if(u=(t[e+4>>2]|0)-(t[e>>2]|0)|0,r=u>>2,u=Oa(u+4|0)|0,t[u>>2]=r,r|0){n=0;do t[u+4+(n<<2)>>2]=Rw(t[(t[e>>2]|0)+(n<<2)>>2]|0)|0,n=n+1|0;while((n|0)!=(r|0))}return u|0}function Rw(e){return e=e|0,e|0}function dO(e){e=e|0;var n=0,r=0,u=0;if(u=(t[e+4>>2]|0)-(t[e>>2]|0)|0,r=u>>2,u=Oa(u+4|0)|0,t[u>>2]=r,r|0){n=0;do t[u+4+(n<<2)>>2]=Aw((t[e>>2]|0)+(n<<2)|0)|0,n=n+1|0;while((n|0)!=(r|0))}return u|0}function Aw(e){e=e|0;var n=0,r=0,u=0,l=0;return l=m,m=m+32|0,n=l+12|0,r=l,u=Iu(Ow()|0)|0,u?(rs(n,u),Mf(r,n),KN(e,r),e=Cs(n)|0):e=pO(e)|0,m=l,e|0}function Ow(){var e=0;return p[7960]|0||(yO(10664),Wt(25,10664,ve|0)|0,e=7960,t[e>>2]=1,t[e+4>>2]=0),10664}function pO(e){e=e|0;var n=0,r=0,u=0,l=0,s=0,h=0,D=0;return r=m,m=m+16|0,l=r+4|0,h=r,u=Oa(8)|0,n=u,D=pn(4)|0,t[D>>2]=t[e>>2],s=n+4|0,t[s>>2]=D,e=pn(8)|0,s=t[s>>2]|0,t[h>>2]=0,t[l>>2]=t[h>>2],Mw(e,s,l),t[u>>2]=e,m=r,n|0}function Mw(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,r=pn(16)|0,t[r+4>>2]=0,t[r+8>>2]=0,t[r>>2]=1656,t[r+12>>2]=n,t[e+4>>2]=r}function hO(e){e=e|0,Iv(e),_t(e)}function vO(e){e=e|0,e=t[e+12>>2]|0,e|0&&_t(e)}function mO(e){e=e|0,_t(e)}function yO(e){e=e|0,Xa(e)}function gO(e){e=e|0,ol(e,_O()|0,5)}function _O(){return 1676}function EO(e,n){e=e|0,n=n|0;var r=0;if((kw(e)|0)>>>0<n>>>0&&hi(e),n>>>0>1073741823)$n();else{r=pn(n<<2)|0,t[e+4>>2]=r,t[e>>2]=r,t[e+8>>2]=r+(n<<2);return}}function DO(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0,u=e+4|0,e=r-n|0,(e|0)>0&&(gr(t[u>>2]|0,n|0,e|0)|0,t[u>>2]=(t[u>>2]|0)+(e>>>2<<2))}function kw(e){return e=e|0,1073741823}function wO(e,n){e=e|0,n=n|0;var r=0;if((Nw(e)|0)>>>0<n>>>0&&hi(e),n>>>0>1073741823)$n();else{r=pn(n<<2)|0,t[e+4>>2]=r,t[e>>2]=r,t[e+8>>2]=r+(n<<2);return}}function SO(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0,u=e+4|0,e=r-n|0,(e|0)>0&&(gr(t[u>>2]|0,n|0,e|0)|0,t[u>>2]=(t[u>>2]|0)+(e>>>2<<2))}function Nw(e){return e=e|0,1073741823}function TO(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>1073741823)$n();else{l=pn(n<<2)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r<<2)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n<<2)}function CO(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(0-(l>>2)<<2)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function xO(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~((u+-4-n|0)>>>2)<<2)),e=t[e>>2]|0,e|0&&_t(e)}function Lw(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>1073741823)$n();else{l=pn(n<<2)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r<<2)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n<<2)}function Fw(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(0-(l>>2)<<2)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function Pw(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~((u+-4-n|0)>>>2)<<2)),e=t[e>>2]|0,e|0&&_t(e)}function RO(e,n,r,u,l){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0;var s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0,be=0,Se=0,ye=0;if(ye=m,m=m+32|0,M=ye+20|0,I=ye+12|0,N=ye+16|0,K=ye+4|0,be=ye,Se=ye+8|0,D=Sw()|0,s=t[D>>2]|0,h=t[s>>2]|0,h|0)for(S=t[D+8>>2]|0,D=t[D+4>>2]|0;Gf(M,h),AO(e,M,D,S),s=s+4|0,h=t[s>>2]|0,h;)S=S+1|0,D=D+1|0;if(s=Tw()|0,h=t[s>>2]|0,h|0)do Gf(M,h),t[I>>2]=t[s+4>>2],OO(n,M,I),s=s+8|0,h=t[s>>2]|0;while((h|0)!=0);if(s=t[(kv()|0)>>2]|0,s|0)do n=t[s+4>>2]|0,Gf(M,t[(Nv(n)|0)>>2]|0),t[I>>2]=cE(n)|0,MO(r,M,I),s=t[s>>2]|0;while((s|0)!=0);if(Gf(N,0),s=dE()|0,t[M>>2]=t[N>>2],Cw(M,s,l),s=t[(kv()|0)>>2]|0,s|0){e=M+4|0,n=M+8|0,r=M+8|0;do{if(S=t[s+4>>2]|0,Gf(I,t[(Nv(S)|0)>>2]|0),kO(K,Iw(S)|0),h=t[K>>2]|0,h|0){t[M>>2]=0,t[e>>2]=0,t[n>>2]=0;do Gf(be,t[(Nv(t[h+4>>2]|0)|0)>>2]|0),D=t[e>>2]|0,D>>>0<(t[r>>2]|0)>>>0?(t[D>>2]=t[be>>2],t[e>>2]=(t[e>>2]|0)+4):hE(M,be),h=t[h>>2]|0;while((h|0)!=0);NO(u,I,M),L1(M)}t[Se>>2]=t[I>>2],N=bw(S)|0,t[M>>2]=t[Se>>2],Cw(M,N,l),_d(K),s=t[s>>2]|0}while((s|0)!=0)}m=ye}function AO(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0,WO(e,n,r,u)}function OO(e,n,r){e=e|0,n=n|0,r=r|0,qO(e,n,r)}function Nv(e){return e=e|0,e|0}function MO(e,n,r){e=e|0,n=n|0,r=r|0,UO(e,n,r)}function Iw(e){return e=e|0,e+16|0}function kO(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0;if(s=m,m=m+16|0,l=s+8|0,r=s,t[e>>2]=0,u=t[n>>2]|0,t[l>>2]=u,t[r>>2]=e,r=BO(r)|0,u|0){if(u=pn(12)|0,h=(Bw(l)|0)+4|0,e=t[h+4>>2]|0,n=u+4|0,t[n>>2]=t[h>>2],t[n+4>>2]=e,n=t[t[l>>2]>>2]|0,t[l>>2]=n,!n)e=u;else for(n=u;e=pn(12)|0,S=(Bw(l)|0)+4|0,D=t[S+4>>2]|0,h=e+4|0,t[h>>2]=t[S>>2],t[h+4>>2]=D,t[n>>2]=e,h=t[t[l>>2]>>2]|0,t[l>>2]=h,h;)n=e;t[e>>2]=t[r>>2],t[r>>2]=u}m=s}function NO(e,n,r){e=e|0,n=n|0,r=r|0,LO(e,n,r)}function bw(e){return e=e|0,e+24|0}function LO(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+32|0,h=u+24|0,l=u+16|0,D=u+12|0,s=u,Ma(l),e=yo(e)|0,t[D>>2]=t[n>>2],mE(s,r),t[h>>2]=t[D>>2],FO(e,h,s),L1(s),ka(l),m=u}function FO(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=m,m=m+32|0,h=u+16|0,D=u+12|0,l=u,s=go(PO()|0)|0,t[D>>2]=t[n>>2],t[h>>2]=t[D>>2],n=Yp(h)|0,t[l>>2]=t[r>>2],h=r+4|0,t[l+4>>2]=t[h>>2],D=r+8|0,t[l+8>>2]=t[D>>2],t[D>>2]=0,t[h>>2]=0,t[r>>2]=0,P0(0,s|0,e|0,n|0,gE(l)|0)|0,L1(l),m=u}function PO(){var e=0;return p[7976]|0||(IO(10720),e=7976,t[e>>2]=1,t[e+4>>2]=0),10720}function IO(e){e=e|0,ol(e,bO()|0,2)}function bO(){return 1732}function BO(e){return e=e|0,t[e>>2]|0}function Bw(e){return e=e|0,t[e>>2]|0}function UO(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;u=m,m=m+32|0,s=u+16|0,l=u+8|0,h=u,Ma(l),e=yo(e)|0,t[h>>2]=t[n>>2],r=t[r>>2]|0,t[s>>2]=t[h>>2],Uw(e,s,r),ka(l),m=u}function Uw(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;u=m,m=m+16|0,s=u+4|0,h=u,l=go(jO()|0)|0,t[h>>2]=t[n>>2],t[s>>2]=t[h>>2],n=Yp(s)|0,P0(0,l|0,e|0,n|0,xw(r)|0)|0,m=u}function jO(){var e=0;return p[7984]|0||(zO(10732),e=7984,t[e>>2]=1,t[e+4>>2]=0),10732}function zO(e){e=e|0,ol(e,HO()|0,2)}function HO(){return 1744}function qO(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;u=m,m=m+32|0,s=u+16|0,l=u+8|0,h=u,Ma(l),e=yo(e)|0,t[h>>2]=t[n>>2],r=t[r>>2]|0,t[s>>2]=t[h>>2],Uw(e,s,r),ka(l),m=u}function WO(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0;l=m,m=m+32|0,h=l+16|0,s=l+8|0,D=l,Ma(s),e=yo(e)|0,t[D>>2]=t[n>>2],r=p[r>>0]|0,u=p[u>>0]|0,t[h>>2]=t[D>>2],VO(e,h,r,u),ka(s),m=l}function VO(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0;l=m,m=m+16|0,h=l+4|0,D=l,s=go(GO()|0)|0,t[D>>2]=t[n>>2],t[h>>2]=t[D>>2],n=Yp(h)|0,r=Lv(r)|0,Hn(0,s|0,e|0,n|0,r|0,Lv(u)|0)|0,m=l}function GO(){var e=0;return p[7992]|0||(KO(10744),e=7992,t[e>>2]=1,t[e+4>>2]=0),10744}function Lv(e){return e=e|0,YO(e)|0}function YO(e){return e=e|0,e&255|0}function KO(e){e=e|0,ol(e,XO()|0,3)}function XO(){return 1756}function QO(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;switch(K=m,m=m+32|0,D=K+8|0,S=K+4|0,N=K+20|0,M=K,Sa(e,0),u=YN(n)|0,t[D>>2]=0,I=D+4|0,t[I>>2]=0,t[D+8>>2]=0,u<<24>>24){case 0:{p[N>>0]=0,JO(S,r,N),s_(e,S)|0,U0(S);break}case 8:{I=TE(n)|0,p[N>>0]=8,Gf(M,t[I+4>>2]|0),ZO(S,r,N,M,I+8|0),s_(e,S)|0,U0(S);break}case 9:{if(s=TE(n)|0,n=t[s+4>>2]|0,n|0)for(h=D+8|0,l=s+12|0;n=n+-1|0,Gf(S,t[l>>2]|0),u=t[I>>2]|0,u>>>0<(t[h>>2]|0)>>>0?(t[u>>2]=t[S>>2],t[I>>2]=(t[I>>2]|0)+4):hE(D,S),n;)l=l+4|0;p[N>>0]=9,Gf(M,t[s+8>>2]|0),$O(S,r,N,M,D),s_(e,S)|0,U0(S);break}default:I=TE(n)|0,p[N>>0]=u,Gf(M,t[I+4>>2]|0),eM(S,r,N,M),s_(e,S)|0,U0(S)}L1(D),m=K}function JO(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0;u=m,m=m+16|0,l=u,Ma(l),n=yo(n)|0,pM(e,n,p[r>>0]|0),ka(l),m=u}function s_(e,n){e=e|0,n=n|0;var r=0;return r=t[e>>2]|0,r|0&&qr(r|0),t[e>>2]=t[n>>2],t[n>>2]=0,e|0}function ZO(e,n,r,u,l){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0;var s=0,h=0,D=0,S=0;s=m,m=m+32|0,D=s+16|0,h=s+8|0,S=s,Ma(h),n=yo(n)|0,r=p[r>>0]|0,t[S>>2]=t[u>>2],l=t[l>>2]|0,t[D>>2]=t[S>>2],aM(e,n,r,D,l),ka(h),m=s}function $O(e,n,r,u,l){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0;var s=0,h=0,D=0,S=0,N=0;s=m,m=m+32|0,S=s+24|0,h=s+16|0,N=s+12|0,D=s,Ma(h),n=yo(n)|0,r=p[r>>0]|0,t[N>>2]=t[u>>2],mE(D,l),t[S>>2]=t[N>>2],uM(e,n,r,S,D),L1(D),ka(h),m=s}function eM(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0;l=m,m=m+32|0,h=l+16|0,s=l+8|0,D=l,Ma(s),n=yo(n)|0,r=p[r>>0]|0,t[D>>2]=t[u>>2],t[h>>2]=t[D>>2],tM(e,n,r,h),ka(s),m=l}function tM(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0,h=0,D=0;l=m,m=m+16|0,s=l+4|0,D=l,h=go(nM()|0)|0,r=Lv(r)|0,t[D>>2]=t[u>>2],t[s>>2]=t[D>>2],a_(e,P0(0,h|0,n|0,r|0,Yp(s)|0)|0),m=l}function nM(){var e=0;return p[8e3]|0||(rM(10756),e=8e3,t[e>>2]=1,t[e+4>>2]=0),10756}function a_(e,n){e=e|0,n=n|0,Sa(e,n)}function rM(e){e=e|0,ol(e,iM()|0,2)}function iM(){return 1772}function uM(e,n,r,u,l){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0;var s=0,h=0,D=0,S=0,N=0;s=m,m=m+32|0,S=s+16|0,N=s+12|0,h=s,D=go(oM()|0)|0,r=Lv(r)|0,t[N>>2]=t[u>>2],t[S>>2]=t[N>>2],u=Yp(S)|0,t[h>>2]=t[l>>2],S=l+4|0,t[h+4>>2]=t[S>>2],N=l+8|0,t[h+8>>2]=t[N>>2],t[N>>2]=0,t[S>>2]=0,t[l>>2]=0,a_(e,Hn(0,D|0,n|0,r|0,u|0,gE(h)|0)|0),L1(h),m=s}function oM(){var e=0;return p[8008]|0||(lM(10768),e=8008,t[e>>2]=1,t[e+4>>2]=0),10768}function lM(e){e=e|0,ol(e,sM()|0,3)}function sM(){return 1784}function aM(e,n,r,u,l){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0;var s=0,h=0,D=0,S=0;s=m,m=m+16|0,D=s+4|0,S=s,h=go(fM()|0)|0,r=Lv(r)|0,t[S>>2]=t[u>>2],t[D>>2]=t[S>>2],u=Yp(D)|0,a_(e,Hn(0,h|0,n|0,r|0,u|0,yE(l)|0)|0),m=s}function fM(){var e=0;return p[8016]|0||(cM(10780),e=8016,t[e>>2]=1,t[e+4>>2]=0),10780}function cM(e){e=e|0,ol(e,dM()|0,3)}function dM(){return 1800}function pM(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;u=go(hM()|0)|0,a_(e,Ki(0,u|0,n|0,Lv(r)|0)|0)}function hM(){var e=0;return p[8024]|0||(vM(10792),e=8024,t[e>>2]=1,t[e+4>>2]=0),10792}function vM(e){e=e|0,ol(e,mM()|0,1)}function mM(){return 1816}function yM(){gM(),_M(),EM()}function gM(){t[2702]=p8(65536)|0}function _M(){jM(10856)}function EM(){DM(10816)}function DM(e){e=e|0,wM(e,5044),SM(e)|0}function wM(e,n){e=e|0,n=n|0;var r=0;r=Ow()|0,t[e>>2]=r,FM(r,n),$d(t[e>>2]|0)}function SM(e){e=e|0;var n=0;return n=t[e>>2]|0,Vp(n,TM()|0),e|0}function TM(){var e=0;return p[8032]|0||(jw(10820),Wt(64,10820,ve|0)|0,e=8032,t[e>>2]=1,t[e+4>>2]=0),sr(10820)|0||jw(10820),10820}function jw(e){e=e|0,RM(e),Gp(e,25)}function CM(e){e=e|0,xM(e+24|0)}function xM(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function RM(e){e=e|0;var n=0;n=yr()|0,jn(e,5,18,n,kM()|0,1),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function AM(e,n){e=e|0,n=n|0,OM(e,n)}function OM(e,n){e=e|0,n=n|0;var r=0,u=0,l=0;r=m,m=m+16|0,u=r,l=r+4|0,Pf(l,n),t[u>>2]=If(l,n)|0,MM(e,u),m=r}function MM(e,n){e=e|0,n=n|0,zw(e+4|0,t[n>>2]|0),p[e+8>>0]=1}function zw(e,n){e=e|0,n=n|0,t[e>>2]=n}function kM(){return 1824}function NM(e){return e=e|0,LM(e)|0}function LM(e){e=e|0;var n=0,r=0,u=0,l=0,s=0,h=0,D=0;return r=m,m=m+16|0,l=r+4|0,h=r,u=Oa(8)|0,n=u,D=pn(4)|0,Pf(l,e),zw(D,If(l,e)|0),s=n+4|0,t[s>>2]=D,e=pn(8)|0,s=t[s>>2]|0,t[h>>2]=0,t[l>>2]=t[h>>2],Mw(e,s,l),t[u>>2]=e,m=r,n|0}function Oa(e){e=e|0;var n=0,r=0;return e=e+7&-8,(e>>>0<=32768?(n=t[2701]|0,e>>>0<=(65536-n|0)>>>0):0)?(r=(t[2702]|0)+n|0,t[2701]=n+e,e=r):(e=p8(e+8|0)|0,t[e>>2]=t[2703],t[2703]=e,e=e+8|0),e|0}function FM(e,n){e=e|0,n=n|0,t[e>>2]=PM()|0,t[e+4>>2]=IM()|0,t[e+12>>2]=n,t[e+8>>2]=bM()|0,t[e+32>>2]=9}function PM(){return 11744}function IM(){return 1832}function bM(){return o_()|0}function BM(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0,(zl(u,896)|0)==512?r|0&&(UM(r),_t(r)):n|0&&_t(n)}function UM(e){e=e|0,e=t[e+4>>2]|0,e|0&&e2(e)}function jM(e){e=e|0,zM(e,5052),HM(e)|0,qM(e,5058,26)|0,WM(e,5069,1)|0,VM(e,5077,10)|0,GM(e,5087,19)|0,YM(e,5094,27)|0}function zM(e,n){e=e|0,n=n|0;var r=0;r=UN()|0,t[e>>2]=r,jN(r,n),$d(t[e>>2]|0)}function HM(e){e=e|0;var n=0;return n=t[e>>2]|0,Vp(n,CN()|0),e|0}function qM(e,n,r){return e=e|0,n=n|0,r=r|0,lN(e,Fr(n)|0,r,0),e|0}function WM(e,n,r){return e=e|0,n=n|0,r=r|0,Gk(e,Fr(n)|0,r,0),e|0}function VM(e,n,r){return e=e|0,n=n|0,r=r|0,Tk(e,Fr(n)|0,r,0),e|0}function GM(e,n,r){return e=e|0,n=n|0,r=r|0,ak(e,Fr(n)|0,r,0),e|0}function Hw(e,n){e=e|0,n=n|0;var r=0,u=0;e:for(;;){for(r=t[2703]|0;;){if((r|0)==(n|0))break e;if(u=t[r>>2]|0,t[2703]=u,!r)r=u;else break}_t(r)}t[2701]=e}function YM(e,n,r){return e=e|0,n=n|0,r=r|0,KM(e,Fr(n)|0,r,0),e|0}function KM(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0;s=t[e>>2]|0,l=_E()|0,e=XM(r)|0,wi(s,n,l,e,QM(r,u)|0,u)}function _E(){var e=0,n=0;if(p[8040]|0||(Ww(10860),Wt(65,10860,ve|0)|0,n=8040,t[n>>2]=1,t[n+4>>2]=0),!(sr(10860)|0)){e=10860,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));Ww(10860)}return 10860}function XM(e){return e=e|0,e|0}function QM(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0;return D=m,m=m+16|0,l=D,s=D+4|0,t[l>>2]=e,S=_E()|0,h=S+24|0,n=hn(n,4)|0,t[s>>2]=n,r=S+28|0,u=t[r>>2]|0,u>>>0<(t[S+32>>2]|0)>>>0?(qw(u,e,n),n=(t[r>>2]|0)+8|0,t[r>>2]=n):(JM(h,l,s),n=t[r>>2]|0),m=D,(n-(t[h>>2]|0)>>3)+-1|0}function qw(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,t[e+4>>2]=r}function JM(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0;if(D=m,m=m+32|0,l=D,s=e+4|0,h=((t[s>>2]|0)-(t[e>>2]|0)>>3)+1|0,u=ZM(e)|0,u>>>0<h>>>0)hi(e);else{S=t[e>>2]|0,M=(t[e+8>>2]|0)-S|0,N=M>>2,$M(l,M>>3>>>0<u>>>1>>>0?N>>>0<h>>>0?h:N:u,(t[s>>2]|0)-S>>3,e+8|0),h=l+8|0,qw(t[h>>2]|0,t[n>>2]|0,t[r>>2]|0),t[h>>2]=(t[h>>2]|0)+8,ek(e,l),tk(l),m=D;return}}function ZM(e){return e=e|0,536870911}function $M(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>536870911)$n();else{l=pn(n<<3)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r<<3)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n<<3)}function ek(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(0-(l>>3)<<3)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function tk(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~((u+-8-n|0)>>>3)<<3)),e=t[e>>2]|0,e|0&&_t(e)}function Ww(e){e=e|0,ik(e)}function nk(e){e=e|0,rk(e+24|0)}function rk(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function ik(e){e=e|0;var n=0;n=yr()|0,jn(e,1,11,n,uk()|0,2),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function uk(){return 1840}function ok(e,n,r){e=e|0,n=n|0,r=r|0,sk(t[(lk(e)|0)>>2]|0,n,r)}function lk(e){return e=e|0,(t[(_E()|0)+24>>2]|0)+(e<<3)|0}function sk(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0;u=m,m=m+16|0,s=u+1|0,l=u,Pf(s,n),n=If(s,n)|0,Pf(l,r),r=If(l,r)|0,P1[e&31](n,r),m=u}function ak(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0;s=t[e>>2]|0,l=EE()|0,e=fk(r)|0,wi(s,n,l,e,ck(r,u)|0,u)}function EE(){var e=0,n=0;if(p[8048]|0||(Gw(10896),Wt(66,10896,ve|0)|0,n=8048,t[n>>2]=1,t[n+4>>2]=0),!(sr(10896)|0)){e=10896,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));Gw(10896)}return 10896}function fk(e){return e=e|0,e|0}function ck(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0;return D=m,m=m+16|0,l=D,s=D+4|0,t[l>>2]=e,S=EE()|0,h=S+24|0,n=hn(n,4)|0,t[s>>2]=n,r=S+28|0,u=t[r>>2]|0,u>>>0<(t[S+32>>2]|0)>>>0?(Vw(u,e,n),n=(t[r>>2]|0)+8|0,t[r>>2]=n):(dk(h,l,s),n=t[r>>2]|0),m=D,(n-(t[h>>2]|0)>>3)+-1|0}function Vw(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,t[e+4>>2]=r}function dk(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0;if(D=m,m=m+32|0,l=D,s=e+4|0,h=((t[s>>2]|0)-(t[e>>2]|0)>>3)+1|0,u=pk(e)|0,u>>>0<h>>>0)hi(e);else{S=t[e>>2]|0,M=(t[e+8>>2]|0)-S|0,N=M>>2,hk(l,M>>3>>>0<u>>>1>>>0?N>>>0<h>>>0?h:N:u,(t[s>>2]|0)-S>>3,e+8|0),h=l+8|0,Vw(t[h>>2]|0,t[n>>2]|0,t[r>>2]|0),t[h>>2]=(t[h>>2]|0)+8,vk(e,l),mk(l),m=D;return}}function pk(e){return e=e|0,536870911}function hk(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>536870911)$n();else{l=pn(n<<3)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r<<3)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n<<3)}function vk(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(0-(l>>3)<<3)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function mk(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~((u+-8-n|0)>>>3)<<3)),e=t[e>>2]|0,e|0&&_t(e)}function Gw(e){e=e|0,_k(e)}function yk(e){e=e|0,gk(e+24|0)}function gk(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function _k(e){e=e|0;var n=0;n=yr()|0,jn(e,1,11,n,Ek()|0,1),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function Ek(){return 1852}function Dk(e,n){return e=e|0,n=n|0,Sk(t[(wk(e)|0)>>2]|0,n)|0}function wk(e){return e=e|0,(t[(EE()|0)+24>>2]|0)+(e<<3)|0}function Sk(e,n){e=e|0,n=n|0;var r=0,u=0;return r=m,m=m+16|0,u=r,Pf(u,n),n=If(u,n)|0,n=H0(Jp[e&31](n)|0)|0,m=r,n|0}function Tk(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0;s=t[e>>2]|0,l=DE()|0,e=Ck(r)|0,wi(s,n,l,e,xk(r,u)|0,u)}function DE(){var e=0,n=0;if(p[8056]|0||(Kw(10932),Wt(67,10932,ve|0)|0,n=8056,t[n>>2]=1,t[n+4>>2]=0),!(sr(10932)|0)){e=10932,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));Kw(10932)}return 10932}function Ck(e){return e=e|0,e|0}function xk(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0;return D=m,m=m+16|0,l=D,s=D+4|0,t[l>>2]=e,S=DE()|0,h=S+24|0,n=hn(n,4)|0,t[s>>2]=n,r=S+28|0,u=t[r>>2]|0,u>>>0<(t[S+32>>2]|0)>>>0?(Yw(u,e,n),n=(t[r>>2]|0)+8|0,t[r>>2]=n):(Rk(h,l,s),n=t[r>>2]|0),m=D,(n-(t[h>>2]|0)>>3)+-1|0}function Yw(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,t[e+4>>2]=r}function Rk(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0;if(D=m,m=m+32|0,l=D,s=e+4|0,h=((t[s>>2]|0)-(t[e>>2]|0)>>3)+1|0,u=Ak(e)|0,u>>>0<h>>>0)hi(e);else{S=t[e>>2]|0,M=(t[e+8>>2]|0)-S|0,N=M>>2,Ok(l,M>>3>>>0<u>>>1>>>0?N>>>0<h>>>0?h:N:u,(t[s>>2]|0)-S>>3,e+8|0),h=l+8|0,Yw(t[h>>2]|0,t[n>>2]|0,t[r>>2]|0),t[h>>2]=(t[h>>2]|0)+8,Mk(e,l),kk(l),m=D;return}}function Ak(e){return e=e|0,536870911}function Ok(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>536870911)$n();else{l=pn(n<<3)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r<<3)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n<<3)}function Mk(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(0-(l>>3)<<3)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function kk(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~((u+-8-n|0)>>>3)<<3)),e=t[e>>2]|0,e|0&&_t(e)}function Kw(e){e=e|0,Fk(e)}function Nk(e){e=e|0,Lk(e+24|0)}function Lk(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function Fk(e){e=e|0;var n=0;n=yr()|0,jn(e,1,7,n,Pk()|0,2),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function Pk(){return 1860}function Ik(e,n,r){return e=e|0,n=n|0,r=r|0,Bk(t[(bk(e)|0)>>2]|0,n,r)|0}function bk(e){return e=e|0,(t[(DE()|0)+24>>2]|0)+(e<<3)|0}function Bk(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0;return u=m,m=m+32|0,h=u+12|0,s=u+8|0,D=u,S=u+16|0,l=u+4|0,Uk(S,n),jk(D,S,n),Ys(l,r),r=Ks(l,r)|0,t[h>>2]=t[D>>2],Ry[e&15](s,h,r),r=zk(s)|0,U0(s),Xs(l),m=u,r|0}function Uk(e,n){e=e|0,n=n|0}function jk(e,n,r){e=e|0,n=n|0,r=r|0,Hk(e,r)}function zk(e){return e=e|0,yo(e)|0}function Hk(e,n){e=e|0,n=n|0;var r=0,u=0,l=0;l=m,m=m+16|0,r=l,u=n,u&1?(qk(r,0),eu(u|0,r|0)|0,Wk(e,r),Vk(r)):t[e>>2]=t[n>>2],m=l}function qk(e,n){e=e|0,n=n|0,fd(e,n),t[e+4>>2]=0,p[e+8>>0]=0}function Wk(e,n){e=e|0,n=n|0,t[e>>2]=t[n+4>>2]}function Vk(e){e=e|0,p[e+8>>0]=0}function Gk(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0;s=t[e>>2]|0,l=wE()|0,e=Yk(r)|0,wi(s,n,l,e,Kk(r,u)|0,u)}function wE(){var e=0,n=0;if(p[8064]|0||(Qw(10968),Wt(68,10968,ve|0)|0,n=8064,t[n>>2]=1,t[n+4>>2]=0),!(sr(10968)|0)){e=10968,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));Qw(10968)}return 10968}function Yk(e){return e=e|0,e|0}function Kk(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0;return D=m,m=m+16|0,l=D,s=D+4|0,t[l>>2]=e,S=wE()|0,h=S+24|0,n=hn(n,4)|0,t[s>>2]=n,r=S+28|0,u=t[r>>2]|0,u>>>0<(t[S+32>>2]|0)>>>0?(Xw(u,e,n),n=(t[r>>2]|0)+8|0,t[r>>2]=n):(Xk(h,l,s),n=t[r>>2]|0),m=D,(n-(t[h>>2]|0)>>3)+-1|0}function Xw(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,t[e+4>>2]=r}function Xk(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0;if(D=m,m=m+32|0,l=D,s=e+4|0,h=((t[s>>2]|0)-(t[e>>2]|0)>>3)+1|0,u=Qk(e)|0,u>>>0<h>>>0)hi(e);else{S=t[e>>2]|0,M=(t[e+8>>2]|0)-S|0,N=M>>2,Jk(l,M>>3>>>0<u>>>1>>>0?N>>>0<h>>>0?h:N:u,(t[s>>2]|0)-S>>3,e+8|0),h=l+8|0,Xw(t[h>>2]|0,t[n>>2]|0,t[r>>2]|0),t[h>>2]=(t[h>>2]|0)+8,Zk(e,l),$k(l),m=D;return}}function Qk(e){return e=e|0,536870911}function Jk(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>536870911)$n();else{l=pn(n<<3)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r<<3)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n<<3)}function Zk(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(0-(l>>3)<<3)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function $k(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~((u+-8-n|0)>>>3)<<3)),e=t[e>>2]|0,e|0&&_t(e)}function Qw(e){e=e|0,nN(e)}function eN(e){e=e|0,tN(e+24|0)}function tN(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function nN(e){e=e|0;var n=0;n=yr()|0,jn(e,1,1,n,rN()|0,5),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function rN(){return 1872}function iN(e,n,r,u,l,s){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0,oN(t[(uN(e)|0)>>2]|0,n,r,u,l,s)}function uN(e){return e=e|0,(t[(wE()|0)+24>>2]|0)+(e<<3)|0}function oN(e,n,r,u,l,s){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0;var h=0,D=0,S=0,N=0,M=0,I=0;h=m,m=m+32|0,D=h+16|0,S=h+12|0,N=h+8|0,M=h+4|0,I=h,Ys(D,n),n=Ks(D,n)|0,Ys(S,r),r=Ks(S,r)|0,Ys(N,u),u=Ks(N,u)|0,Ys(M,l),l=Ks(M,l)|0,Ys(I,s),s=Ks(I,s)|0,g8[e&1](n,r,u,l,s),Xs(I),Xs(M),Xs(N),Xs(S),Xs(D),m=h}function lN(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0;s=t[e>>2]|0,l=SE()|0,e=sN(r)|0,wi(s,n,l,e,aN(r,u)|0,u)}function SE(){var e=0,n=0;if(p[8072]|0||(Zw(11004),Wt(69,11004,ve|0)|0,n=8072,t[n>>2]=1,t[n+4>>2]=0),!(sr(11004)|0)){e=11004,n=e+36|0;do t[e>>2]=0,e=e+4|0;while((e|0)<(n|0));Zw(11004)}return 11004}function sN(e){return e=e|0,e|0}function aN(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0,D=0,S=0;return D=m,m=m+16|0,l=D,s=D+4|0,t[l>>2]=e,S=SE()|0,h=S+24|0,n=hn(n,4)|0,t[s>>2]=n,r=S+28|0,u=t[r>>2]|0,u>>>0<(t[S+32>>2]|0)>>>0?(Jw(u,e,n),n=(t[r>>2]|0)+8|0,t[r>>2]=n):(fN(h,l,s),n=t[r>>2]|0),m=D,(n-(t[h>>2]|0)>>3)+-1|0}function Jw(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,t[e+4>>2]=r}function fN(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0;if(D=m,m=m+32|0,l=D,s=e+4|0,h=((t[s>>2]|0)-(t[e>>2]|0)>>3)+1|0,u=cN(e)|0,u>>>0<h>>>0)hi(e);else{S=t[e>>2]|0,M=(t[e+8>>2]|0)-S|0,N=M>>2,dN(l,M>>3>>>0<u>>>1>>>0?N>>>0<h>>>0?h:N:u,(t[s>>2]|0)-S>>3,e+8|0),h=l+8|0,Jw(t[h>>2]|0,t[n>>2]|0,t[r>>2]|0),t[h>>2]=(t[h>>2]|0)+8,pN(e,l),hN(l),m=D;return}}function cN(e){return e=e|0,536870911}function dN(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0;t[e+12>>2]=0,t[e+16>>2]=u;do if(n)if(n>>>0>536870911)$n();else{l=pn(n<<3)|0;break}else l=0;while(0);t[e>>2]=l,u=l+(r<<3)|0,t[e+8>>2]=u,t[e+4>>2]=u,t[e+12>>2]=l+(n<<3)}function pN(e,n){e=e|0,n=n|0;var r=0,u=0,l=0,s=0,h=0;u=t[e>>2]|0,h=e+4|0,s=n+4|0,l=(t[h>>2]|0)-u|0,r=(t[s>>2]|0)+(0-(l>>3)<<3)|0,t[s>>2]=r,(l|0)>0?(gr(r|0,u|0,l|0)|0,u=s,r=t[s>>2]|0):u=s,s=t[e>>2]|0,t[e>>2]=r,t[u>>2]=s,s=n+8|0,l=t[h>>2]|0,t[h>>2]=t[s>>2],t[s>>2]=l,s=e+8|0,h=n+12|0,e=t[s>>2]|0,t[s>>2]=t[h>>2],t[h>>2]=e,t[n>>2]=t[u>>2]}function hN(e){e=e|0;var n=0,r=0,u=0;n=t[e+4>>2]|0,r=e+8|0,u=t[r>>2]|0,(u|0)!=(n|0)&&(t[r>>2]=u+(~((u+-8-n|0)>>>3)<<3)),e=t[e>>2]|0,e|0&&_t(e)}function Zw(e){e=e|0,yN(e)}function vN(e){e=e|0,mN(e+24|0)}function mN(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function yN(e){e=e|0;var n=0;n=yr()|0,jn(e,1,12,n,gN()|0,2),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function gN(){return 1896}function _N(e,n,r){e=e|0,n=n|0,r=r|0,DN(t[(EN(e)|0)>>2]|0,n,r)}function EN(e){return e=e|0,(t[(SE()|0)+24>>2]|0)+(e<<3)|0}function DN(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0;u=m,m=m+16|0,s=u+4|0,l=u,wN(s,n),n=SN(s,n)|0,Ys(l,r),r=Ks(l,r)|0,P1[e&31](n,r),Xs(l),m=u}function wN(e,n){e=e|0,n=n|0}function SN(e,n){return e=e|0,n=n|0,TN(n)|0}function TN(e){return e=e|0,e|0}function CN(){var e=0;return p[8080]|0||($w(11040),Wt(70,11040,ve|0)|0,e=8080,t[e>>2]=1,t[e+4>>2]=0),sr(11040)|0||$w(11040),11040}function $w(e){e=e|0,AN(e),Gp(e,71)}function xN(e){e=e|0,RN(e+24|0)}function RN(e){e=e|0;var n=0,r=0,u=0;r=t[e>>2]|0,u=r,r|0&&(e=e+4|0,n=t[e>>2]|0,(n|0)!=(r|0)&&(t[e>>2]=n+(~((n+-8-u|0)>>>3)<<3)),_t(r))}function AN(e){e=e|0;var n=0;n=yr()|0,jn(e,5,7,n,NN()|0,0),t[e+24>>2]=0,t[e+28>>2]=0,t[e+32>>2]=0}function ON(e){e=e|0,MN(e)}function MN(e){e=e|0,kN(e)}function kN(e){e=e|0,p[e+8>>0]=1}function NN(){return 1936}function LN(){return FN()|0}function FN(){var e=0,n=0,r=0,u=0,l=0,s=0,h=0;return n=m,m=m+16|0,l=n+4|0,h=n,r=Oa(8)|0,e=r,s=e+4|0,t[s>>2]=pn(1)|0,u=pn(8)|0,s=t[s>>2]|0,t[h>>2]=0,t[l>>2]=t[h>>2],PN(u,s,l),t[r>>2]=u,m=n,e|0}function PN(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]=n,r=pn(16)|0,t[r+4>>2]=0,t[r+8>>2]=0,t[r>>2]=1916,t[r+12>>2]=n,t[e+4>>2]=r}function IN(e){e=e|0,Iv(e),_t(e)}function bN(e){e=e|0,e=t[e+12>>2]|0,e|0&&_t(e)}function BN(e){e=e|0,_t(e)}function UN(){var e=0;return p[8088]|0||(GN(11076),Wt(25,11076,ve|0)|0,e=8088,t[e>>2]=1,t[e+4>>2]=0),11076}function jN(e,n){e=e|0,n=n|0,t[e>>2]=zN()|0,t[e+4>>2]=HN()|0,t[e+12>>2]=n,t[e+8>>2]=qN()|0,t[e+32>>2]=10}function zN(){return 11745}function HN(){return 1940}function qN(){return N1()|0}function WN(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0,(zl(u,896)|0)==512?r|0&&(VN(r),_t(r)):n|0&&_t(n)}function VN(e){e=e|0,e=t[e+4>>2]|0,e|0&&e2(e)}function GN(e){e=e|0,Xa(e)}function Gf(e,n){e=e|0,n=n|0,t[e>>2]=n}function TE(e){return e=e|0,t[e>>2]|0}function YN(e){return e=e|0,p[t[e>>2]>>0]|0}function KN(e,n){e=e|0,n=n|0;var r=0,u=0;r=m,m=m+16|0,u=r,t[u>>2]=t[e>>2],XN(n,u)|0,m=r}function XN(e,n){e=e|0,n=n|0;var r=0;return r=QN(t[e>>2]|0,n)|0,n=e+4|0,t[(t[n>>2]|0)+8>>2]=r,t[(t[n>>2]|0)+8>>2]|0}function QN(e,n){e=e|0,n=n|0;var r=0,u=0;return r=m,m=m+16|0,u=r,Ma(u),e=yo(e)|0,n=JN(e,t[n>>2]|0)|0,ka(u),m=r,n|0}function Ma(e){e=e|0,t[e>>2]=t[2701],t[e+4>>2]=t[2703]}function JN(e,n){e=e|0,n=n|0;var r=0;return r=go(ZN()|0)|0,Ki(0,r|0,e|0,yE(n)|0)|0}function ka(e){e=e|0,Hw(t[e>>2]|0,t[e+4>>2]|0)}function ZN(){var e=0;return p[8096]|0||($N(11120),e=8096,t[e>>2]=1,t[e+4>>2]=0),11120}function $N(e){e=e|0,ol(e,eL()|0,1)}function eL(){return 1948}function tL(){nL()}function nL(){var e=0,n=0,r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0,be=0,Se=0,ye=0;if(Se=m,m=m+16|0,M=Se+4|0,I=Se,bn(65536,10804,t[2702]|0,10812),r=Sw()|0,n=t[r>>2]|0,e=t[n>>2]|0,e|0)for(u=t[r+8>>2]|0,r=t[r+4>>2]|0;Xl(e|0,k[r>>0]|0|0,p[u>>0]|0),n=n+4|0,e=t[n>>2]|0,e;)u=u+1|0,r=r+1|0;if(e=Tw()|0,n=t[e>>2]|0,n|0)do Mo(n|0,t[e+4>>2]|0),e=e+8|0,n=t[e>>2]|0;while((n|0)!=0);Mo(rL()|0,5167),N=kv()|0,e=t[N>>2]|0;e:do if(e|0){do iL(t[e+4>>2]|0),e=t[e>>2]|0;while((e|0)!=0);if(e=t[N>>2]|0,e|0){S=N;do{for(;l=e,e=t[e>>2]|0,l=t[l+4>>2]|0,!!(uL(l)|0);)if(t[I>>2]=S,t[M>>2]=t[I>>2],oL(N,M)|0,!e)break e;if(lL(l),S=t[S>>2]|0,n=e8(l)|0,s=ao()|0,h=m,m=m+((1*(n<<2)|0)+15&-16)|0,D=m,m=m+((1*(n<<2)|0)+15&-16)|0,n=t[(Iw(l)|0)>>2]|0,n|0)for(r=h,u=D;t[r>>2]=t[(Nv(t[n+4>>2]|0)|0)>>2],t[u>>2]=t[n+8>>2],n=t[n>>2]|0,n;)r=r+4|0,u=u+4|0;ye=Nv(l)|0,n=sL(l)|0,r=e8(l)|0,u=aL(l)|0,ko(ye|0,n|0,h|0,D|0,r|0,u|0,cE(l)|0),gi(s|0)}while((e|0)!=0)}}while(0);if(e=t[(dE()|0)>>2]|0,e|0)do ye=e+4|0,N=pE(ye)|0,l=Sy(N)|0,s=Dy(N)|0,h=(wy(N)|0)+1|0,D=f_(N)|0,S=t8(ye)|0,N=sr(N)|0,M=l_(ye)|0,I=CE(ye)|0,so(0,l|0,s|0,h|0,D|0,S|0,N|0,M|0,I|0,xE(ye)|0),e=t[e>>2]|0;while((e|0)!=0);e=t[(kv()|0)>>2]|0;e:do if(e|0){t:for(;;){if(n=t[e+4>>2]|0,n|0?(K=t[(Nv(n)|0)>>2]|0,be=t[(bw(n)|0)>>2]|0,be|0):0){r=be;do{n=r+4|0,u=pE(n)|0;n:do if(u|0)switch(sr(u)|0){case 0:break t;case 4:case 3:case 2:{D=Sy(u)|0,S=Dy(u)|0,N=(wy(u)|0)+1|0,M=f_(u)|0,I=sr(u)|0,ye=l_(n)|0,so(K|0,D|0,S|0,N|0,M|0,0,I|0,ye|0,CE(n)|0,xE(n)|0);break n}case 1:{h=Sy(u)|0,D=Dy(u)|0,S=(wy(u)|0)+1|0,N=f_(u)|0,M=t8(n)|0,I=sr(u)|0,ye=l_(n)|0,so(K|0,h|0,D|0,S|0,N|0,M|0,I|0,ye|0,CE(n)|0,xE(n)|0);break n}case 5:{N=Sy(u)|0,M=Dy(u)|0,I=(wy(u)|0)+1|0,ye=f_(u)|0,so(K|0,N|0,M|0,I|0,ye|0,fL(u)|0,sr(u)|0,0,0,0);break n}default:break n}while(0);r=t[r>>2]|0}while((r|0)!=0)}if(e=t[e>>2]|0,!e)break e}$n()}while(0);Is(),m=Se}function rL(){return 11703}function iL(e){e=e|0,p[e+40>>0]=0}function uL(e){return e=e|0,(p[e+40>>0]|0)!=0|0}function oL(e,n){return e=e|0,n=n|0,n=cL(n)|0,e=t[n>>2]|0,t[n>>2]=t[e>>2],_t(e),t[n>>2]|0}function lL(e){e=e|0,p[e+40>>0]=1}function e8(e){return e=e|0,t[e+20>>2]|0}function sL(e){return e=e|0,t[e+8>>2]|0}function aL(e){return e=e|0,t[e+32>>2]|0}function f_(e){return e=e|0,t[e+4>>2]|0}function t8(e){return e=e|0,t[e+4>>2]|0}function CE(e){return e=e|0,t[e+8>>2]|0}function xE(e){return e=e|0,t[e+16>>2]|0}function fL(e){return e=e|0,t[e+20>>2]|0}function cL(e){return e=e|0,t[e>>2]|0}function c_(e){e=e|0;var n=0,r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0,be=0,Se=0,ye=0,Je=0,Ge=0,ft=0,Me=0,Pe=0,Zt=0;Zt=m,m=m+16|0,K=Zt;do if(e>>>0<245){if(N=e>>>0<11?16:e+11&-8,e=N>>>3,I=t[2783]|0,r=I>>>e,r&3|0)return n=(r&1^1)+e|0,e=11172+(n<<1<<2)|0,r=e+8|0,u=t[r>>2]|0,l=u+8|0,s=t[l>>2]|0,(e|0)==(s|0)?t[2783]=I&~(1<<n):(t[s+12>>2]=e,t[r>>2]=s),Pe=n<<3,t[u+4>>2]=Pe|3,Pe=u+Pe+4|0,t[Pe>>2]=t[Pe>>2]|1,Pe=l,m=Zt,Pe|0;if(M=t[2785]|0,N>>>0>M>>>0){if(r|0)return n=2<<e,n=r<<e&(n|0-n),n=(n&0-n)+-1|0,h=n>>>12&16,n=n>>>h,r=n>>>5&8,n=n>>>r,l=n>>>2&4,n=n>>>l,e=n>>>1&2,n=n>>>e,u=n>>>1&1,u=(r|h|l|e|u)+(n>>>u)|0,n=11172+(u<<1<<2)|0,e=n+8|0,l=t[e>>2]|0,h=l+8|0,r=t[h>>2]|0,(n|0)==(r|0)?(e=I&~(1<<u),t[2783]=e):(t[r+12>>2]=n,t[e>>2]=r,e=I),s=(u<<3)-N|0,t[l+4>>2]=N|3,u=l+N|0,t[u+4>>2]=s|1,t[u+s>>2]=s,M|0&&(l=t[2788]|0,n=M>>>3,r=11172+(n<<1<<2)|0,n=1<<n,e&n?(e=r+8|0,n=t[e>>2]|0):(t[2783]=e|n,n=r,e=r+8|0),t[e>>2]=l,t[n+12>>2]=l,t[l+8>>2]=n,t[l+12>>2]=r),t[2785]=s,t[2788]=u,Pe=h,m=Zt,Pe|0;if(D=t[2784]|0,D){if(r=(D&0-D)+-1|0,h=r>>>12&16,r=r>>>h,s=r>>>5&8,r=r>>>s,S=r>>>2&4,r=r>>>S,u=r>>>1&2,r=r>>>u,e=r>>>1&1,e=t[11436+((s|h|S|u|e)+(r>>>e)<<2)>>2]|0,r=(t[e+4>>2]&-8)-N|0,u=t[e+16+(((t[e+16>>2]|0)==0&1)<<2)>>2]|0,!u)S=e,s=r;else{do h=(t[u+4>>2]&-8)-N|0,S=h>>>0<r>>>0,r=S?h:r,e=S?u:e,u=t[u+16+(((t[u+16>>2]|0)==0&1)<<2)>>2]|0;while((u|0)!=0);S=e,s=r}if(h=S+N|0,S>>>0<h>>>0){l=t[S+24>>2]|0,n=t[S+12>>2]|0;do if((n|0)==(S|0)){if(e=S+20|0,n=t[e>>2]|0,!n&&(e=S+16|0,n=t[e>>2]|0,!n)){r=0;break}for(;;){if(r=n+20|0,u=t[r>>2]|0,u|0){n=u,e=r;continue}if(r=n+16|0,u=t[r>>2]|0,u)n=u,e=r;else break}t[e>>2]=0,r=n}else r=t[S+8>>2]|0,t[r+12>>2]=n,t[n+8>>2]=r,r=n;while(0);do if(l|0){if(n=t[S+28>>2]|0,e=11436+(n<<2)|0,(S|0)==(t[e>>2]|0)){if(t[e>>2]=r,!r){t[2784]=D&~(1<<n);break}}else if(t[l+16+(((t[l+16>>2]|0)!=(S|0)&1)<<2)>>2]=r,!r)break;t[r+24>>2]=l,n=t[S+16>>2]|0,n|0&&(t[r+16>>2]=n,t[n+24>>2]=r),n=t[S+20>>2]|0,n|0&&(t[r+20>>2]=n,t[n+24>>2]=r)}while(0);return s>>>0<16?(Pe=s+N|0,t[S+4>>2]=Pe|3,Pe=S+Pe+4|0,t[Pe>>2]=t[Pe>>2]|1):(t[S+4>>2]=N|3,t[h+4>>2]=s|1,t[h+s>>2]=s,M|0&&(u=t[2788]|0,n=M>>>3,r=11172+(n<<1<<2)|0,n=1<<n,I&n?(e=r+8|0,n=t[e>>2]|0):(t[2783]=I|n,n=r,e=r+8|0),t[e>>2]=u,t[n+12>>2]=u,t[u+8>>2]=n,t[u+12>>2]=r),t[2785]=s,t[2788]=h),Pe=S+8|0,m=Zt,Pe|0}else I=N}else I=N}else I=N}else if(e>>>0<=4294967231)if(e=e+11|0,N=e&-8,S=t[2784]|0,S){u=0-N|0,e=e>>>8,e?N>>>0>16777215?D=31:(I=(e+1048320|0)>>>16&8,Me=e<<I,M=(Me+520192|0)>>>16&4,Me=Me<<M,D=(Me+245760|0)>>>16&2,D=14-(M|I|D)+(Me<<D>>>15)|0,D=N>>>(D+7|0)&1|D<<1):D=0,r=t[11436+(D<<2)>>2]|0;e:do if(!r)r=0,e=0,Me=57;else for(e=0,h=N<<((D|0)==31?0:25-(D>>>1)|0),s=0;;){if(l=(t[r+4>>2]&-8)-N|0,l>>>0<u>>>0)if(l)e=r,u=l;else{e=r,u=0,l=r,Me=61;break e}if(l=t[r+20>>2]|0,r=t[r+16+(h>>>31<<2)>>2]|0,s=(l|0)==0|(l|0)==(r|0)?s:l,l=(r|0)==0,l){r=s,Me=57;break}else h=h<<((l^1)&1)}while(0);if((Me|0)==57){if((r|0)==0&(e|0)==0){if(e=2<<D,e=S&(e|0-e),!e){I=N;break}I=(e&0-e)+-1|0,h=I>>>12&16,I=I>>>h,s=I>>>5&8,I=I>>>s,D=I>>>2&4,I=I>>>D,M=I>>>1&2,I=I>>>M,r=I>>>1&1,e=0,r=t[11436+((s|h|D|M|r)+(I>>>r)<<2)>>2]|0}r?(l=r,Me=61):(D=e,h=u)}if((Me|0)==61)for(;;)if(Me=0,r=(t[l+4>>2]&-8)-N|0,I=r>>>0<u>>>0,r=I?r:u,e=I?l:e,l=t[l+16+(((t[l+16>>2]|0)==0&1)<<2)>>2]|0,l)u=r,Me=61;else{D=e,h=r;break}if((D|0)!=0?h>>>0<((t[2785]|0)-N|0)>>>0:0){if(s=D+N|0,D>>>0>=s>>>0)return Pe=0,m=Zt,Pe|0;l=t[D+24>>2]|0,n=t[D+12>>2]|0;do if((n|0)==(D|0)){if(e=D+20|0,n=t[e>>2]|0,!n&&(e=D+16|0,n=t[e>>2]|0,!n)){n=0;break}for(;;){if(r=n+20|0,u=t[r>>2]|0,u|0){n=u,e=r;continue}if(r=n+16|0,u=t[r>>2]|0,u)n=u,e=r;else break}t[e>>2]=0}else Pe=t[D+8>>2]|0,t[Pe+12>>2]=n,t[n+8>>2]=Pe;while(0);do if(l){if(e=t[D+28>>2]|0,r=11436+(e<<2)|0,(D|0)==(t[r>>2]|0)){if(t[r>>2]=n,!n){u=S&~(1<<e),t[2784]=u;break}}else if(t[l+16+(((t[l+16>>2]|0)!=(D|0)&1)<<2)>>2]=n,!n){u=S;break}t[n+24>>2]=l,e=t[D+16>>2]|0,e|0&&(t[n+16>>2]=e,t[e+24>>2]=n),e=t[D+20>>2]|0,e&&(t[n+20>>2]=e,t[e+24>>2]=n),u=S}else u=S;while(0);do if(h>>>0>=16){if(t[D+4>>2]=N|3,t[s+4>>2]=h|1,t[s+h>>2]=h,n=h>>>3,h>>>0<256){r=11172+(n<<1<<2)|0,e=t[2783]|0,n=1<<n,e&n?(e=r+8|0,n=t[e>>2]|0):(t[2783]=e|n,n=r,e=r+8|0),t[e>>2]=s,t[n+12>>2]=s,t[s+8>>2]=n,t[s+12>>2]=r;break}if(n=h>>>8,n?h>>>0>16777215?n=31:(Me=(n+1048320|0)>>>16&8,Pe=n<<Me,ft=(Pe+520192|0)>>>16&4,Pe=Pe<<ft,n=(Pe+245760|0)>>>16&2,n=14-(ft|Me|n)+(Pe<<n>>>15)|0,n=h>>>(n+7|0)&1|n<<1):n=0,r=11436+(n<<2)|0,t[s+28>>2]=n,e=s+16|0,t[e+4>>2]=0,t[e>>2]=0,e=1<<n,!(u&e)){t[2784]=u|e,t[r>>2]=s,t[s+24>>2]=r,t[s+12>>2]=s,t[s+8>>2]=s;break}for(e=h<<((n|0)==31?0:25-(n>>>1)|0),r=t[r>>2]|0;;){if((t[r+4>>2]&-8|0)==(h|0)){Me=97;break}if(u=r+16+(e>>>31<<2)|0,n=t[u>>2]|0,n)e=e<<1,r=n;else{Me=96;break}}if((Me|0)==96){t[u>>2]=s,t[s+24>>2]=r,t[s+12>>2]=s,t[s+8>>2]=s;break}else if((Me|0)==97){Me=r+8|0,Pe=t[Me>>2]|0,t[Pe+12>>2]=s,t[Me>>2]=s,t[s+8>>2]=Pe,t[s+12>>2]=r,t[s+24>>2]=0;break}}else Pe=h+N|0,t[D+4>>2]=Pe|3,Pe=D+Pe+4|0,t[Pe>>2]=t[Pe>>2]|1;while(0);return Pe=D+8|0,m=Zt,Pe|0}else I=N}else I=N;else I=-1;while(0);if(r=t[2785]|0,r>>>0>=I>>>0)return n=r-I|0,e=t[2788]|0,n>>>0>15?(Pe=e+I|0,t[2788]=Pe,t[2785]=n,t[Pe+4>>2]=n|1,t[Pe+n>>2]=n,t[e+4>>2]=I|3):(t[2785]=0,t[2788]=0,t[e+4>>2]=r|3,Pe=e+r+4|0,t[Pe>>2]=t[Pe>>2]|1),Pe=e+8|0,m=Zt,Pe|0;if(h=t[2786]|0,h>>>0>I>>>0)return ft=h-I|0,t[2786]=ft,Pe=t[2789]|0,Me=Pe+I|0,t[2789]=Me,t[Me+4>>2]=ft|1,t[Pe+4>>2]=I|3,Pe=Pe+8|0,m=Zt,Pe|0;if(t[2901]|0?e=t[2903]|0:(t[2903]=4096,t[2902]=4096,t[2904]=-1,t[2905]=-1,t[2906]=0,t[2894]=0,e=K&-16^1431655768,t[K>>2]=e,t[2901]=e,e=4096),D=I+48|0,S=I+47|0,s=e+S|0,l=0-e|0,N=s&l,N>>>0<=I>>>0||(e=t[2893]|0,e|0?(M=t[2891]|0,K=M+N|0,K>>>0<=M>>>0|K>>>0>e>>>0):0))return Pe=0,m=Zt,Pe|0;e:do if(t[2894]&4)n=0,Me=133;else{r=t[2789]|0;t:do if(r){for(u=11580;e=t[u>>2]|0,!(e>>>0<=r>>>0?(ye=u+4|0,(e+(t[ye>>2]|0)|0)>>>0>r>>>0):0);)if(e=t[u+8>>2]|0,e)u=e;else{Me=118;break t}if(n=s-h&l,n>>>0<2147483647)if(e=t2(n|0)|0,(e|0)==((t[u>>2]|0)+(t[ye>>2]|0)|0)){if((e|0)!=(-1|0)){h=n,s=e,Me=135;break e}}else u=e,Me=126;else n=0}else Me=118;while(0);do if((Me|0)==118)if(r=t2(0)|0,(r|0)!=(-1|0)?(n=r,be=t[2902]|0,Se=be+-1|0,n=((Se&n|0)==0?0:(Se+n&0-be)-n|0)+N|0,be=t[2891]|0,Se=n+be|0,n>>>0>I>>>0&n>>>0<2147483647):0){if(ye=t[2893]|0,ye|0?Se>>>0<=be>>>0|Se>>>0>ye>>>0:0){n=0;break}if(e=t2(n|0)|0,(e|0)==(r|0)){h=n,s=r,Me=135;break e}else u=e,Me=126}else n=0;while(0);do if((Me|0)==126){if(r=0-n|0,!(D>>>0>n>>>0&(n>>>0<2147483647&(u|0)!=(-1|0))))if((u|0)==(-1|0)){n=0;break}else{h=n,s=u,Me=135;break e}if(e=t[2903]|0,e=S-n+e&0-e,e>>>0>=2147483647){h=n,s=u,Me=135;break e}if((t2(e|0)|0)==(-1|0)){t2(r|0)|0,n=0;break}else{h=e+n|0,s=u,Me=135;break e}}while(0);t[2894]=t[2894]|4,Me=133}while(0);if((((Me|0)==133?N>>>0<2147483647:0)?(ft=t2(N|0)|0,ye=t2(0)|0,Je=ye-ft|0,Ge=Je>>>0>(I+40|0)>>>0,!((ft|0)==(-1|0)|Ge^1|ft>>>0<ye>>>0&((ft|0)!=(-1|0)&(ye|0)!=(-1|0))^1)):0)&&(h=Ge?Je:n,s=ft,Me=135),(Me|0)==135){n=(t[2891]|0)+h|0,t[2891]=n,n>>>0>(t[2892]|0)>>>0&&(t[2892]=n),S=t[2789]|0;do if(S){for(n=11580;;){if(e=t[n>>2]|0,r=n+4|0,u=t[r>>2]|0,(s|0)==(e+u|0)){Me=145;break}if(l=t[n+8>>2]|0,l)n=l;else break}if(((Me|0)==145?(t[n+12>>2]&8|0)==0:0)?S>>>0<s>>>0&S>>>0>=e>>>0:0){t[r>>2]=u+h,Pe=S+8|0,Pe=(Pe&7|0)==0?0:0-Pe&7,Me=S+Pe|0,Pe=(t[2786]|0)+(h-Pe)|0,t[2789]=Me,t[2786]=Pe,t[Me+4>>2]=Pe|1,t[Me+Pe+4>>2]=40,t[2790]=t[2905];break}for(s>>>0<(t[2787]|0)>>>0&&(t[2787]=s),r=s+h|0,n=11580;;){if((t[n>>2]|0)==(r|0)){Me=153;break}if(e=t[n+8>>2]|0,e)n=e;else break}if((Me|0)==153?(t[n+12>>2]&8|0)==0:0){t[n>>2]=s,M=n+4|0,t[M>>2]=(t[M>>2]|0)+h,M=s+8|0,M=s+((M&7|0)==0?0:0-M&7)|0,n=r+8|0,n=r+((n&7|0)==0?0:0-n&7)|0,N=M+I|0,D=n-M-I|0,t[M+4>>2]=I|3;do if((n|0)!=(S|0)){if((n|0)==(t[2788]|0)){Pe=(t[2785]|0)+D|0,t[2785]=Pe,t[2788]=N,t[N+4>>2]=Pe|1,t[N+Pe>>2]=Pe;break}if(e=t[n+4>>2]|0,(e&3|0)==1){h=e&-8,u=e>>>3;e:do if(e>>>0<256)if(e=t[n+8>>2]|0,r=t[n+12>>2]|0,(r|0)==(e|0)){t[2783]=t[2783]&~(1<<u);break}else{t[e+12>>2]=r,t[r+8>>2]=e;break}else{s=t[n+24>>2]|0,e=t[n+12>>2]|0;do if((e|0)==(n|0)){if(u=n+16|0,r=u+4|0,e=t[r>>2]|0,!e)if(e=t[u>>2]|0,e)r=u;else{e=0;break}for(;;){if(u=e+20|0,l=t[u>>2]|0,l|0){e=l,r=u;continue}if(u=e+16|0,l=t[u>>2]|0,l)e=l,r=u;else break}t[r>>2]=0}else Pe=t[n+8>>2]|0,t[Pe+12>>2]=e,t[e+8>>2]=Pe;while(0);if(!s)break;r=t[n+28>>2]|0,u=11436+(r<<2)|0;do if((n|0)!=(t[u>>2]|0)){if(t[s+16+(((t[s+16>>2]|0)!=(n|0)&1)<<2)>>2]=e,!e)break e}else{if(t[u>>2]=e,e|0)break;t[2784]=t[2784]&~(1<<r);break e}while(0);if(t[e+24>>2]=s,r=n+16|0,u=t[r>>2]|0,u|0&&(t[e+16>>2]=u,t[u+24>>2]=e),r=t[r+4>>2]|0,!r)break;t[e+20>>2]=r,t[r+24>>2]=e}while(0);n=n+h|0,l=h+D|0}else l=D;if(n=n+4|0,t[n>>2]=t[n>>2]&-2,t[N+4>>2]=l|1,t[N+l>>2]=l,n=l>>>3,l>>>0<256){r=11172+(n<<1<<2)|0,e=t[2783]|0,n=1<<n,e&n?(e=r+8|0,n=t[e>>2]|0):(t[2783]=e|n,n=r,e=r+8|0),t[e>>2]=N,t[n+12>>2]=N,t[N+8>>2]=n,t[N+12>>2]=r;break}n=l>>>8;do if(!n)n=0;else{if(l>>>0>16777215){n=31;break}Me=(n+1048320|0)>>>16&8,Pe=n<<Me,ft=(Pe+520192|0)>>>16&4,Pe=Pe<<ft,n=(Pe+245760|0)>>>16&2,n=14-(ft|Me|n)+(Pe<<n>>>15)|0,n=l>>>(n+7|0)&1|n<<1}while(0);if(u=11436+(n<<2)|0,t[N+28>>2]=n,e=N+16|0,t[e+4>>2]=0,t[e>>2]=0,e=t[2784]|0,r=1<<n,!(e&r)){t[2784]=e|r,t[u>>2]=N,t[N+24>>2]=u,t[N+12>>2]=N,t[N+8>>2]=N;break}for(e=l<<((n|0)==31?0:25-(n>>>1)|0),r=t[u>>2]|0;;){if((t[r+4>>2]&-8|0)==(l|0)){Me=194;break}if(u=r+16+(e>>>31<<2)|0,n=t[u>>2]|0,n)e=e<<1,r=n;else{Me=193;break}}if((Me|0)==193){t[u>>2]=N,t[N+24>>2]=r,t[N+12>>2]=N,t[N+8>>2]=N;break}else if((Me|0)==194){Me=r+8|0,Pe=t[Me>>2]|0,t[Pe+12>>2]=N,t[Me>>2]=N,t[N+8>>2]=Pe,t[N+12>>2]=r,t[N+24>>2]=0;break}}else Pe=(t[2786]|0)+D|0,t[2786]=Pe,t[2789]=N,t[N+4>>2]=Pe|1;while(0);return Pe=M+8|0,m=Zt,Pe|0}for(n=11580;e=t[n>>2]|0,!(e>>>0<=S>>>0?(Pe=e+(t[n+4>>2]|0)|0,Pe>>>0>S>>>0):0);)n=t[n+8>>2]|0;l=Pe+-47|0,e=l+8|0,e=l+((e&7|0)==0?0:0-e&7)|0,l=S+16|0,e=e>>>0<l>>>0?S:e,n=e+8|0,r=s+8|0,r=(r&7|0)==0?0:0-r&7,Me=s+r|0,r=h+-40-r|0,t[2789]=Me,t[2786]=r,t[Me+4>>2]=r|1,t[Me+r+4>>2]=40,t[2790]=t[2905],r=e+4|0,t[r>>2]=27,t[n>>2]=t[2895],t[n+4>>2]=t[2896],t[n+8>>2]=t[2897],t[n+12>>2]=t[2898],t[2895]=s,t[2896]=h,t[2898]=0,t[2897]=n,n=e+24|0;do Me=n,n=n+4|0,t[n>>2]=7;while((Me+8|0)>>>0<Pe>>>0);if((e|0)!=(S|0)){if(s=e-S|0,t[r>>2]=t[r>>2]&-2,t[S+4>>2]=s|1,t[e>>2]=s,n=s>>>3,s>>>0<256){r=11172+(n<<1<<2)|0,e=t[2783]|0,n=1<<n,e&n?(e=r+8|0,n=t[e>>2]|0):(t[2783]=e|n,n=r,e=r+8|0),t[e>>2]=S,t[n+12>>2]=S,t[S+8>>2]=n,t[S+12>>2]=r;break}if(n=s>>>8,n?s>>>0>16777215?r=31:(Me=(n+1048320|0)>>>16&8,Pe=n<<Me,ft=(Pe+520192|0)>>>16&4,Pe=Pe<<ft,r=(Pe+245760|0)>>>16&2,r=14-(ft|Me|r)+(Pe<<r>>>15)|0,r=s>>>(r+7|0)&1|r<<1):r=0,u=11436+(r<<2)|0,t[S+28>>2]=r,t[S+20>>2]=0,t[l>>2]=0,n=t[2784]|0,e=1<<r,!(n&e)){t[2784]=n|e,t[u>>2]=S,t[S+24>>2]=u,t[S+12>>2]=S,t[S+8>>2]=S;break}for(e=s<<((r|0)==31?0:25-(r>>>1)|0),r=t[u>>2]|0;;){if((t[r+4>>2]&-8|0)==(s|0)){Me=216;break}if(u=r+16+(e>>>31<<2)|0,n=t[u>>2]|0,n)e=e<<1,r=n;else{Me=215;break}}if((Me|0)==215){t[u>>2]=S,t[S+24>>2]=r,t[S+12>>2]=S,t[S+8>>2]=S;break}else if((Me|0)==216){Me=r+8|0,Pe=t[Me>>2]|0,t[Pe+12>>2]=S,t[Me>>2]=S,t[S+8>>2]=Pe,t[S+12>>2]=r,t[S+24>>2]=0;break}}}else{Pe=t[2787]|0,(Pe|0)==0|s>>>0<Pe>>>0&&(t[2787]=s),t[2895]=s,t[2896]=h,t[2898]=0,t[2792]=t[2901],t[2791]=-1,n=0;do Pe=11172+(n<<1<<2)|0,t[Pe+12>>2]=Pe,t[Pe+8>>2]=Pe,n=n+1|0;while((n|0)!=32);Pe=s+8|0,Pe=(Pe&7|0)==0?0:0-Pe&7,Me=s+Pe|0,Pe=h+-40-Pe|0,t[2789]=Me,t[2786]=Pe,t[Me+4>>2]=Pe|1,t[Me+Pe+4>>2]=40,t[2790]=t[2905]}while(0);if(n=t[2786]|0,n>>>0>I>>>0)return ft=n-I|0,t[2786]=ft,Pe=t[2789]|0,Me=Pe+I|0,t[2789]=Me,t[Me+4>>2]=ft|1,t[Pe+4>>2]=I|3,Pe=Pe+8|0,m=Zt,Pe|0}return t[(Fv()|0)>>2]=12,Pe=0,m=Zt,Pe|0}function d_(e){e=e|0;var n=0,r=0,u=0,l=0,s=0,h=0,D=0,S=0;if(!!e){r=e+-8|0,l=t[2787]|0,e=t[e+-4>>2]|0,n=e&-8,S=r+n|0;do if(e&1)D=r,h=r;else{if(u=t[r>>2]|0,!(e&3)||(h=r+(0-u)|0,s=u+n|0,h>>>0<l>>>0))return;if((h|0)==(t[2788]|0)){if(e=S+4|0,n=t[e>>2]|0,(n&3|0)!=3){D=h,n=s;break}t[2785]=s,t[e>>2]=n&-2,t[h+4>>2]=s|1,t[h+s>>2]=s;return}if(r=u>>>3,u>>>0<256)if(e=t[h+8>>2]|0,n=t[h+12>>2]|0,(n|0)==(e|0)){t[2783]=t[2783]&~(1<<r),D=h,n=s;break}else{t[e+12>>2]=n,t[n+8>>2]=e,D=h,n=s;break}l=t[h+24>>2]|0,e=t[h+12>>2]|0;do if((e|0)==(h|0)){if(r=h+16|0,n=r+4|0,e=t[n>>2]|0,!e)if(e=t[r>>2]|0,e)n=r;else{e=0;break}for(;;){if(r=e+20|0,u=t[r>>2]|0,u|0){e=u,n=r;continue}if(r=e+16|0,u=t[r>>2]|0,u)e=u,n=r;else break}t[n>>2]=0}else D=t[h+8>>2]|0,t[D+12>>2]=e,t[e+8>>2]=D;while(0);if(l){if(n=t[h+28>>2]|0,r=11436+(n<<2)|0,(h|0)==(t[r>>2]|0)){if(t[r>>2]=e,!e){t[2784]=t[2784]&~(1<<n),D=h,n=s;break}}else if(t[l+16+(((t[l+16>>2]|0)!=(h|0)&1)<<2)>>2]=e,!e){D=h,n=s;break}t[e+24>>2]=l,n=h+16|0,r=t[n>>2]|0,r|0&&(t[e+16>>2]=r,t[r+24>>2]=e),n=t[n+4>>2]|0,n?(t[e+20>>2]=n,t[n+24>>2]=e,D=h,n=s):(D=h,n=s)}else D=h,n=s}while(0);if(!(h>>>0>=S>>>0)&&(e=S+4|0,u=t[e>>2]|0,!!(u&1))){if(u&2)t[e>>2]=u&-2,t[D+4>>2]=n|1,t[h+n>>2]=n,l=n;else{if(e=t[2788]|0,(S|0)==(t[2789]|0)){if(S=(t[2786]|0)+n|0,t[2786]=S,t[2789]=D,t[D+4>>2]=S|1,(D|0)!=(e|0))return;t[2788]=0,t[2785]=0;return}if((S|0)==(e|0)){S=(t[2785]|0)+n|0,t[2785]=S,t[2788]=h,t[D+4>>2]=S|1,t[h+S>>2]=S;return}l=(u&-8)+n|0,r=u>>>3;do if(u>>>0<256)if(n=t[S+8>>2]|0,e=t[S+12>>2]|0,(e|0)==(n|0)){t[2783]=t[2783]&~(1<<r);break}else{t[n+12>>2]=e,t[e+8>>2]=n;break}else{s=t[S+24>>2]|0,e=t[S+12>>2]|0;do if((e|0)==(S|0)){if(r=S+16|0,n=r+4|0,e=t[n>>2]|0,!e)if(e=t[r>>2]|0,e)n=r;else{r=0;break}for(;;){if(r=e+20|0,u=t[r>>2]|0,u|0){e=u,n=r;continue}if(r=e+16|0,u=t[r>>2]|0,u)e=u,n=r;else break}t[n>>2]=0,r=e}else r=t[S+8>>2]|0,t[r+12>>2]=e,t[e+8>>2]=r,r=e;while(0);if(s|0){if(e=t[S+28>>2]|0,n=11436+(e<<2)|0,(S|0)==(t[n>>2]|0)){if(t[n>>2]=r,!r){t[2784]=t[2784]&~(1<<e);break}}else if(t[s+16+(((t[s+16>>2]|0)!=(S|0)&1)<<2)>>2]=r,!r)break;t[r+24>>2]=s,e=S+16|0,n=t[e>>2]|0,n|0&&(t[r+16>>2]=n,t[n+24>>2]=r),e=t[e+4>>2]|0,e|0&&(t[r+20>>2]=e,t[e+24>>2]=r)}}while(0);if(t[D+4>>2]=l|1,t[h+l>>2]=l,(D|0)==(t[2788]|0)){t[2785]=l;return}}if(e=l>>>3,l>>>0<256){r=11172+(e<<1<<2)|0,n=t[2783]|0,e=1<<e,n&e?(n=r+8|0,e=t[n>>2]|0):(t[2783]=n|e,e=r,n=r+8|0),t[n>>2]=D,t[e+12>>2]=D,t[D+8>>2]=e,t[D+12>>2]=r;return}e=l>>>8,e?l>>>0>16777215?e=31:(h=(e+1048320|0)>>>16&8,S=e<<h,s=(S+520192|0)>>>16&4,S=S<<s,e=(S+245760|0)>>>16&2,e=14-(s|h|e)+(S<<e>>>15)|0,e=l>>>(e+7|0)&1|e<<1):e=0,u=11436+(e<<2)|0,t[D+28>>2]=e,t[D+20>>2]=0,t[D+16>>2]=0,n=t[2784]|0,r=1<<e;do if(n&r){for(n=l<<((e|0)==31?0:25-(e>>>1)|0),r=t[u>>2]|0;;){if((t[r+4>>2]&-8|0)==(l|0)){e=73;break}if(u=r+16+(n>>>31<<2)|0,e=t[u>>2]|0,e)n=n<<1,r=e;else{e=72;break}}if((e|0)==72){t[u>>2]=D,t[D+24>>2]=r,t[D+12>>2]=D,t[D+8>>2]=D;break}else if((e|0)==73){h=r+8|0,S=t[h>>2]|0,t[S+12>>2]=D,t[h>>2]=D,t[D+8>>2]=S,t[D+12>>2]=r,t[D+24>>2]=0;break}}else t[2784]=n|r,t[u>>2]=D,t[D+24>>2]=u,t[D+12>>2]=D,t[D+8>>2]=D;while(0);if(S=(t[2791]|0)+-1|0,t[2791]=S,!S)e=11588;else return;for(;e=t[e>>2]|0,e;)e=e+8|0;t[2791]=-1}}}function dL(){return 11628}function pL(e){e=e|0;var n=0,r=0;return n=m,m=m+16|0,r=n,t[r>>2]=mL(t[e+60>>2]|0)|0,e=p_(Ou(6,r|0)|0)|0,m=n,e|0}function n8(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0,be=0;I=m,m=m+48|0,N=I+16|0,s=I,l=I+32|0,D=e+28|0,u=t[D>>2]|0,t[l>>2]=u,S=e+20|0,u=(t[S>>2]|0)-u|0,t[l+4>>2]=u,t[l+8>>2]=n,t[l+12>>2]=r,u=u+r|0,h=e+60|0,t[s>>2]=t[h>>2],t[s+4>>2]=l,t[s+8>>2]=2,s=p_(v0(146,s|0)|0)|0;e:do if((u|0)!=(s|0)){for(n=2;!((s|0)<0);)if(u=u-s|0,be=t[l+4>>2]|0,K=s>>>0>be>>>0,l=K?l+8|0:l,n=(K<<31>>31)+n|0,be=s-(K?be:0)|0,t[l>>2]=(t[l>>2]|0)+be,K=l+4|0,t[K>>2]=(t[K>>2]|0)-be,t[N>>2]=t[h>>2],t[N+4>>2]=l,t[N+8>>2]=n,s=p_(v0(146,N|0)|0)|0,(u|0)==(s|0)){M=3;break e}t[e+16>>2]=0,t[D>>2]=0,t[S>>2]=0,t[e>>2]=t[e>>2]|32,(n|0)==2?r=0:r=r-(t[l+4>>2]|0)|0}else M=3;while(0);return(M|0)==3&&(be=t[e+44>>2]|0,t[e+16>>2]=be+(t[e+48>>2]|0),t[D>>2]=be,t[S>>2]=be),m=I,r|0}function hL(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0;return l=m,m=m+32|0,s=l,u=l+20|0,t[s>>2]=t[e+60>>2],t[s+4>>2]=0,t[s+8>>2]=n,t[s+12>>2]=u,t[s+16>>2]=r,(p_(Ni(140,s|0)|0)|0)<0?(t[u>>2]=-1,e=-1):e=t[u>>2]|0,m=l,e|0}function p_(e){return e=e|0,e>>>0>4294963200&&(t[(Fv()|0)>>2]=0-e,e=-1),e|0}function Fv(){return(vL()|0)+64|0}function vL(){return RE()|0}function RE(){return 2084}function mL(e){return e=e|0,e|0}function yL(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0;return l=m,m=m+32|0,u=l,t[e+36>>2]=1,((t[e>>2]&64|0)==0?(t[u>>2]=t[e+60>>2],t[u+4>>2]=21523,t[u+8>>2]=l+16,I0(54,u|0)|0):0)&&(p[e+75>>0]=-1),u=n8(e,n,r)|0,m=l,u|0}function r8(e,n){e=e|0,n=n|0;var r=0,u=0;if(r=p[e>>0]|0,u=p[n>>0]|0,r<<24>>24==0?1:r<<24>>24!=u<<24>>24)e=u;else{do e=e+1|0,n=n+1|0,r=p[e>>0]|0,u=p[n>>0]|0;while(!(r<<24>>24==0?1:r<<24>>24!=u<<24>>24));e=u}return(r&255)-(e&255)|0}function gL(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0;e:do if(!r)e=0;else{for(;u=p[e>>0]|0,l=p[n>>0]|0,u<<24>>24==l<<24>>24;)if(r=r+-1|0,r)e=e+1|0,n=n+1|0;else{e=0;break e}e=(u&255)-(l&255)|0}while(0);return e|0}function i8(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0,be=0,Se=0,ye=0;ye=m,m=m+224|0,M=ye+120|0,I=ye+80|0,be=ye,Se=ye+136|0,u=I,l=u+40|0;do t[u>>2]=0,u=u+4|0;while((u|0)<(l|0));return t[M>>2]=t[r>>2],(AE(0,n,M,be,I)|0)<0?r=-1:((t[e+76>>2]|0)>-1?K=_L(e)|0:K=0,r=t[e>>2]|0,N=r&32,(p[e+74>>0]|0)<1&&(t[e>>2]=r&-33),u=e+48|0,t[u>>2]|0?r=AE(e,n,M,be,I)|0:(l=e+44|0,s=t[l>>2]|0,t[l>>2]=Se,h=e+28|0,t[h>>2]=Se,D=e+20|0,t[D>>2]=Se,t[u>>2]=80,S=e+16|0,t[S>>2]=Se+80,r=AE(e,n,M,be,I)|0,s&&(y_[t[e+36>>2]&7](e,0,0)|0,r=(t[D>>2]|0)==0?-1:r,t[l>>2]=s,t[u>>2]=0,t[S>>2]=0,t[h>>2]=0,t[D>>2]=0)),u=t[e>>2]|0,t[e>>2]=u|N,K|0&&EL(e),r=(u&32|0)==0?r:-1),m=ye,r|0}function AE(e,n,r,u,l){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0;var s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0,be=0,Se=0,ye=0,Je=0,Ge=0,ft=0,Me=0,Pe=0,Zt=0,Br=0,In=0,gn=0,_r=0,Pr=0,Nn=0;Nn=m,m=m+64|0,In=Nn+16|0,gn=Nn,Zt=Nn+24|0,_r=Nn+8|0,Pr=Nn+20|0,t[In>>2]=n,ft=(e|0)!=0,Me=Zt+40|0,Pe=Me,Zt=Zt+39|0,Br=_r+4|0,h=0,s=0,M=0;e:for(;;){do if((s|0)>-1)if((h|0)>(2147483647-s|0)){t[(Fv()|0)>>2]=75,s=-1;break}else{s=h+s|0;break}while(0);if(h=p[n>>0]|0,h<<24>>24)D=n;else{Ge=87;break}t:for(;;){switch(h<<24>>24){case 37:{h=D,Ge=9;break t}case 0:{h=D;break t}default:}Je=D+1|0,t[In>>2]=Je,h=p[Je>>0]|0,D=Je}t:do if((Ge|0)==9)for(;;){if(Ge=0,(p[D+1>>0]|0)!=37)break t;if(h=h+1|0,D=D+2|0,t[In>>2]=D,(p[D>>0]|0)==37)Ge=9;else break}while(0);if(h=h-n|0,ft&&Go(e,n,h),h|0){n=D;continue}S=D+1|0,h=(p[S>>0]|0)+-48|0,h>>>0<10?(Je=(p[D+2>>0]|0)==36,ye=Je?h:-1,M=Je?1:M,S=Je?D+3|0:S):ye=-1,t[In>>2]=S,h=p[S>>0]|0,D=(h<<24>>24)+-32|0;t:do if(D>>>0<32)for(N=0,I=h;;){if(h=1<<D,!(h&75913)){h=I;break t}if(N=h|N,S=S+1|0,t[In>>2]=S,h=p[S>>0]|0,D=(h<<24>>24)+-32|0,D>>>0>=32)break;I=h}else N=0;while(0);if(h<<24>>24==42){if(D=S+1|0,h=(p[D>>0]|0)+-48|0,h>>>0<10?(p[S+2>>0]|0)==36:0)t[l+(h<<2)>>2]=10,h=t[u+((p[D>>0]|0)+-48<<3)>>2]|0,M=1,S=S+3|0;else{if(M|0){s=-1;break}ft?(M=(t[r>>2]|0)+(4-1)&~(4-1),h=t[M>>2]|0,t[r>>2]=M+4,M=0,S=D):(h=0,M=0,S=D)}t[In>>2]=S,Je=(h|0)<0,h=Je?0-h|0:h,N=Je?N|8192:N}else{if(h=u8(In)|0,(h|0)<0){s=-1;break}S=t[In>>2]|0}do if((p[S>>0]|0)==46){if((p[S+1>>0]|0)!=42){t[In>>2]=S+1,D=u8(In)|0,S=t[In>>2]|0;break}if(I=S+2|0,D=(p[I>>0]|0)+-48|0,D>>>0<10?(p[S+3>>0]|0)==36:0){t[l+(D<<2)>>2]=10,D=t[u+((p[I>>0]|0)+-48<<3)>>2]|0,S=S+4|0,t[In>>2]=S;break}if(M|0){s=-1;break e}ft?(Je=(t[r>>2]|0)+(4-1)&~(4-1),D=t[Je>>2]|0,t[r>>2]=Je+4):D=0,t[In>>2]=I,S=I}else D=-1;while(0);for(Se=0;;){if(((p[S>>0]|0)+-65|0)>>>0>57){s=-1;break e}if(Je=S+1|0,t[In>>2]=Je,I=p[(p[S>>0]|0)+-65+(5178+(Se*58|0))>>0]|0,K=I&255,(K+-1|0)>>>0<8)Se=K,S=Je;else break}if(!(I<<24>>24)){s=-1;break}be=(ye|0)>-1;do if(I<<24>>24==19)if(be){s=-1;break e}else Ge=49;else{if(be){t[l+(ye<<2)>>2]=K,be=u+(ye<<3)|0,ye=t[be+4>>2]|0,Ge=gn,t[Ge>>2]=t[be>>2],t[Ge+4>>2]=ye,Ge=49;break}if(!ft){s=0;break e}o8(gn,K,r)}while(0);if((Ge|0)==49?(Ge=0,!ft):0){h=0,n=Je;continue}S=p[S>>0]|0,S=(Se|0)!=0&(S&15|0)==3?S&-33:S,be=N&-65537,ye=(N&8192|0)==0?N:be;t:do switch(S|0){case 110:switch((Se&255)<<24>>24){case 0:{t[t[gn>>2]>>2]=s,h=0,n=Je;continue e}case 1:{t[t[gn>>2]>>2]=s,h=0,n=Je;continue e}case 2:{h=t[gn>>2]|0,t[h>>2]=s,t[h+4>>2]=((s|0)<0)<<31>>31,h=0,n=Je;continue e}case 3:{_[t[gn>>2]>>1]=s,h=0,n=Je;continue e}case 4:{p[t[gn>>2]>>0]=s,h=0,n=Je;continue e}case 6:{t[t[gn>>2]>>2]=s,h=0,n=Je;continue e}case 7:{h=t[gn>>2]|0,t[h>>2]=s,t[h+4>>2]=((s|0)<0)<<31>>31,h=0,n=Je;continue e}default:{h=0,n=Je;continue e}}case 112:{S=120,D=D>>>0>8?D:8,n=ye|8,Ge=61;break}case 88:case 120:{n=ye,Ge=61;break}case 111:{S=gn,n=t[S>>2]|0,S=t[S+4>>2]|0,K=wL(n,S,Me)|0,be=Pe-K|0,N=0,I=5642,D=(ye&8|0)==0|(D|0)>(be|0)?D:be+1|0,be=ye,Ge=67;break}case 105:case 100:if(S=gn,n=t[S>>2]|0,S=t[S+4>>2]|0,(S|0)<0){n=h_(0,0,n|0,S|0)|0,S=ut,N=gn,t[N>>2]=n,t[N+4>>2]=S,N=1,I=5642,Ge=66;break t}else{N=(ye&2049|0)!=0&1,I=(ye&2048|0)==0?(ye&1|0)==0?5642:5644:5643,Ge=66;break t}case 117:{S=gn,N=0,I=5642,n=t[S>>2]|0,S=t[S+4>>2]|0,Ge=66;break}case 99:{p[Zt>>0]=t[gn>>2],n=Zt,N=0,I=5642,K=Me,S=1,D=be;break}case 109:{S=SL(t[(Fv()|0)>>2]|0)|0,Ge=71;break}case 115:{S=t[gn>>2]|0,S=S|0?S:5652,Ge=71;break}case 67:{t[_r>>2]=t[gn>>2],t[Br>>2]=0,t[gn>>2]=_r,K=-1,S=_r,Ge=75;break}case 83:{n=t[gn>>2]|0,D?(K=D,S=n,Ge=75):(gl(e,32,h,0,ye),n=0,Ge=84);break}case 65:case 71:case 70:case 69:case 97:case 103:case 102:case 101:{h=CL(e,+U[gn>>3],h,D,ye,S)|0,n=Je;continue e}default:N=0,I=5642,K=Me,S=D,D=ye}while(0);t:do if((Ge|0)==61)ye=gn,Se=t[ye>>2]|0,ye=t[ye+4>>2]|0,K=DL(Se,ye,Me,S&32)|0,I=(n&8|0)==0|(Se|0)==0&(ye|0)==0,N=I?0:2,I=I?5642:5642+(S>>4)|0,be=n,n=Se,S=ye,Ge=67;else if((Ge|0)==66)K=Pv(n,S,Me)|0,be=ye,Ge=67;else if((Ge|0)==71)Ge=0,ye=TL(S,0,D)|0,Se=(ye|0)==0,n=S,N=0,I=5642,K=Se?S+D|0:ye,S=Se?D:ye-S|0,D=be;else if((Ge|0)==75){for(Ge=0,I=S,n=0,D=0;N=t[I>>2]|0,!(!N||(D=l8(Pr,N)|0,(D|0)<0|D>>>0>(K-n|0)>>>0));)if(n=D+n|0,K>>>0>n>>>0)I=I+4|0;else break;if((D|0)<0){s=-1;break e}if(gl(e,32,h,n,ye),!n)n=0,Ge=84;else for(N=0;;){if(D=t[S>>2]|0,!D){Ge=84;break t}if(D=l8(Pr,D)|0,N=D+N|0,(N|0)>(n|0)){Ge=84;break t}if(Go(e,Pr,D),N>>>0>=n>>>0){Ge=84;break}else S=S+4|0}}while(0);if((Ge|0)==67)Ge=0,S=(n|0)!=0|(S|0)!=0,ye=(D|0)!=0|S,S=((S^1)&1)+(Pe-K)|0,n=ye?K:Me,K=Me,S=ye?(D|0)>(S|0)?D:S:D,D=(D|0)>-1?be&-65537:be;else if((Ge|0)==84){Ge=0,gl(e,32,h,n,ye^8192),h=(h|0)>(n|0)?h:n,n=Je;continue}Se=K-n|0,be=(S|0)<(Se|0)?Se:S,ye=be+N|0,h=(h|0)<(ye|0)?ye:h,gl(e,32,h,ye,D),Go(e,I,N),gl(e,48,h,ye,D^65536),gl(e,48,be,Se,0),Go(e,n,Se),gl(e,32,h,ye,D^8192),n=Je}e:do if((Ge|0)==87&&!e)if(!M)s=0;else{for(s=1;n=t[l+(s<<2)>>2]|0,!!n;)if(o8(u+(s<<3)|0,n,r),s=s+1|0,(s|0)>=10){s=1;break e}for(;;){if(t[l+(s<<2)>>2]|0){s=-1;break e}if(s=s+1|0,(s|0)>=10){s=1;break}}}while(0);return m=Nn,s|0}function _L(e){return e=e|0,0}function EL(e){e=e|0}function Go(e,n,r){e=e|0,n=n|0,r=r|0,t[e>>2]&32||FL(n,r,e)|0}function u8(e){e=e|0;var n=0,r=0,u=0;if(r=t[e>>2]|0,u=(p[r>>0]|0)+-48|0,u>>>0<10){n=0;do n=u+(n*10|0)|0,r=r+1|0,t[e>>2]=r,u=(p[r>>0]|0)+-48|0;while(u>>>0<10)}else n=0;return n|0}function o8(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0;e:do if(n>>>0<=20)do switch(n|0){case 9:{u=(t[r>>2]|0)+(4-1)&~(4-1),n=t[u>>2]|0,t[r>>2]=u+4,t[e>>2]=n;break e}case 10:{u=(t[r>>2]|0)+(4-1)&~(4-1),n=t[u>>2]|0,t[r>>2]=u+4,u=e,t[u>>2]=n,t[u+4>>2]=((n|0)<0)<<31>>31;break e}case 11:{u=(t[r>>2]|0)+(4-1)&~(4-1),n=t[u>>2]|0,t[r>>2]=u+4,u=e,t[u>>2]=n,t[u+4>>2]=0;break e}case 12:{u=(t[r>>2]|0)+(8-1)&~(8-1),n=u,l=t[n>>2]|0,n=t[n+4>>2]|0,t[r>>2]=u+8,u=e,t[u>>2]=l,t[u+4>>2]=n;break e}case 13:{l=(t[r>>2]|0)+(4-1)&~(4-1),u=t[l>>2]|0,t[r>>2]=l+4,u=(u&65535)<<16>>16,l=e,t[l>>2]=u,t[l+4>>2]=((u|0)<0)<<31>>31;break e}case 14:{l=(t[r>>2]|0)+(4-1)&~(4-1),u=t[l>>2]|0,t[r>>2]=l+4,l=e,t[l>>2]=u&65535,t[l+4>>2]=0;break e}case 15:{l=(t[r>>2]|0)+(4-1)&~(4-1),u=t[l>>2]|0,t[r>>2]=l+4,u=(u&255)<<24>>24,l=e,t[l>>2]=u,t[l+4>>2]=((u|0)<0)<<31>>31;break e}case 16:{l=(t[r>>2]|0)+(4-1)&~(4-1),u=t[l>>2]|0,t[r>>2]=l+4,l=e,t[l>>2]=u&255,t[l+4>>2]=0;break e}case 17:{l=(t[r>>2]|0)+(8-1)&~(8-1),s=+U[l>>3],t[r>>2]=l+8,U[e>>3]=s;break e}case 18:{l=(t[r>>2]|0)+(8-1)&~(8-1),s=+U[l>>3],t[r>>2]=l+8,U[e>>3]=s;break e}default:break e}while(0);while(0)}function DL(e,n,r,u){if(e=e|0,n=n|0,r=r|0,u=u|0,!((e|0)==0&(n|0)==0))do r=r+-1|0,p[r>>0]=k[5694+(e&15)>>0]|0|u,e=v_(e|0,n|0,4)|0,n=ut;while(!((e|0)==0&(n|0)==0));return r|0}function wL(e,n,r){if(e=e|0,n=n|0,r=r|0,!((e|0)==0&(n|0)==0))do r=r+-1|0,p[r>>0]=e&7|48,e=v_(e|0,n|0,3)|0,n=ut;while(!((e|0)==0&(n|0)==0));return r|0}function Pv(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;if(n>>>0>0|(n|0)==0&e>>>0>4294967295){for(;u=NE(e|0,n|0,10,0)|0,r=r+-1|0,p[r>>0]=u&255|48,u=e,e=kE(e|0,n|0,10,0)|0,n>>>0>9|(n|0)==9&u>>>0>4294967295;)n=ut;n=e}else n=e;if(n)for(;r=r+-1|0,p[r>>0]=(n>>>0)%10|0|48,!(n>>>0<10);)n=(n>>>0)/10|0;return r|0}function SL(e){return e=e|0,ML(e,t[(OL()|0)+188>>2]|0)|0}function TL(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;s=n&255,u=(r|0)!=0;e:do if(u&(e&3|0)!=0)for(l=n&255;;){if((p[e>>0]|0)==l<<24>>24){h=6;break e}if(e=e+1|0,r=r+-1|0,u=(r|0)!=0,!(u&(e&3|0)!=0)){h=5;break}}else h=5;while(0);(h|0)==5&&(u?h=6:r=0);e:do if((h|0)==6&&(l=n&255,(p[e>>0]|0)!=l<<24>>24)){u=lr(s,16843009)|0;t:do if(r>>>0>3){for(;s=t[e>>2]^u,!((s&-2139062144^-2139062144)&s+-16843009|0);)if(e=e+4|0,r=r+-4|0,r>>>0<=3){h=11;break t}}else h=11;while(0);if((h|0)==11&&!r){r=0;break}for(;;){if((p[e>>0]|0)==l<<24>>24)break e;if(e=e+1|0,r=r+-1|0,!r){r=0;break}}}while(0);return(r|0?e:0)|0}function gl(e,n,r,u,l){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0;var s=0,h=0;if(h=m,m=m+256|0,s=h,(r|0)>(u|0)&(l&73728|0)==0){if(l=r-u|0,bv(s|0,n|0,(l>>>0<256?l:256)|0)|0,l>>>0>255){n=r-u|0;do Go(e,s,256),l=l+-256|0;while(l>>>0>255);l=n&255}Go(e,s,l)}m=h}function l8(e,n){return e=e|0,n=n|0,e?e=RL(e,n,0)|0:e=0,e|0}function CL(e,n,r,u,l,s){e=e|0,n=+n,r=r|0,u=u|0,l=l|0,s=s|0;var h=0,D=0,S=0,N=0,M=0,I=0,K=0,be=0,Se=0,ye=0,Je=0,Ge=0,ft=0,Me=0,Pe=0,Zt=0,Br=0,In=0,gn=0,_r=0,Pr=0,Nn=0,uu=0;uu=m,m=m+560|0,S=uu+8|0,Je=uu,Nn=uu+524|0,Pr=Nn,N=uu+512|0,t[Je>>2]=0,_r=N+12|0,s8(n)|0,(ut|0)<0?(n=-n,In=1,Br=5659):(In=(l&2049|0)!=0&1,Br=(l&2048|0)==0?(l&1|0)==0?5660:5665:5662),s8(n)|0,gn=ut&2146435072;do if(gn>>>0<2146435072|(gn|0)==2146435072&0<0){if(be=+xL(n,Je)*2,h=be!=0,h&&(t[Je>>2]=(t[Je>>2]|0)+-1),ft=s|32,(ft|0)==97){Se=s&32,K=(Se|0)==0?Br:Br+9|0,I=In|2,h=12-u|0;do if(u>>>0>11|(h|0)==0)n=be;else{n=8;do h=h+-1|0,n=n*16;while((h|0)!=0);if((p[K>>0]|0)==45){n=-(n+(-be-n));break}else{n=be+n-n;break}}while(0);D=t[Je>>2]|0,h=(D|0)<0?0-D|0:D,h=Pv(h,((h|0)<0)<<31>>31,_r)|0,(h|0)==(_r|0)&&(h=N+11|0,p[h>>0]=48),p[h+-1>>0]=(D>>31&2)+43,M=h+-2|0,p[M>>0]=s+15,N=(u|0)<1,S=(l&8|0)==0,h=Nn;do gn=~~n,D=h+1|0,p[h>>0]=k[5694+gn>>0]|Se,n=(n-+(gn|0))*16,((D-Pr|0)==1?!(S&(N&n==0)):0)?(p[D>>0]=46,h=h+2|0):h=D;while(n!=0);gn=h-Pr|0,Pr=_r-M|0,_r=(u|0)!=0&(gn+-2|0)<(u|0)?u+2|0:gn,h=Pr+I+_r|0,gl(e,32,r,h,l),Go(e,K,I),gl(e,48,r,h,l^65536),Go(e,Nn,gn),gl(e,48,_r-gn|0,0,0),Go(e,M,Pr),gl(e,32,r,h,l^8192);break}D=(u|0)<0?6:u,h?(h=(t[Je>>2]|0)+-28|0,t[Je>>2]=h,n=be*268435456):(n=be,h=t[Je>>2]|0),gn=(h|0)<0?S:S+288|0,S=gn;do Pe=~~n>>>0,t[S>>2]=Pe,S=S+4|0,n=(n-+(Pe>>>0))*1e9;while(n!=0);if((h|0)>0)for(N=gn,I=S;;){if(M=(h|0)<29?h:29,h=I+-4|0,h>>>0>=N>>>0){S=0;do Me=h8(t[h>>2]|0,0,M|0)|0,Me=ME(Me|0,ut|0,S|0,0)|0,Pe=ut,Ge=NE(Me|0,Pe|0,1e9,0)|0,t[h>>2]=Ge,S=kE(Me|0,Pe|0,1e9,0)|0,h=h+-4|0;while(h>>>0>=N>>>0);S&&(N=N+-4|0,t[N>>2]=S)}for(S=I;!(S>>>0<=N>>>0);)if(h=S+-4|0,!(t[h>>2]|0))S=h;else break;if(h=(t[Je>>2]|0)-M|0,t[Je>>2]=h,(h|0)>0)I=S;else break}else N=gn;if((h|0)<0){u=((D+25|0)/9|0)+1|0,ye=(ft|0)==102;do{if(Se=0-h|0,Se=(Se|0)<9?Se:9,N>>>0<S>>>0){M=(1<<Se)+-1|0,I=1e9>>>Se,K=0,h=N;do Pe=t[h>>2]|0,t[h>>2]=(Pe>>>Se)+K,K=lr(Pe&M,I)|0,h=h+4|0;while(h>>>0<S>>>0);h=(t[N>>2]|0)==0?N+4|0:N,K?(t[S>>2]=K,N=h,h=S+4|0):(N=h,h=S)}else N=(t[N>>2]|0)==0?N+4|0:N,h=S;S=ye?gn:N,S=(h-S>>2|0)>(u|0)?S+(u<<2)|0:h,h=(t[Je>>2]|0)+Se|0,t[Je>>2]=h}while((h|0)<0);h=N,u=S}else h=N,u=S;if(Pe=gn,h>>>0<u>>>0){if(S=(Pe-h>>2)*9|0,M=t[h>>2]|0,M>>>0>=10){N=10;do N=N*10|0,S=S+1|0;while(M>>>0>=N>>>0)}}else S=0;if(ye=(ft|0)==103,Ge=(D|0)!=0,N=D-((ft|0)!=102?S:0)+((Ge&ye)<<31>>31)|0,(N|0)<(((u-Pe>>2)*9|0)+-9|0)){if(N=N+9216|0,Se=gn+4+(((N|0)/9|0)+-1024<<2)|0,N=((N|0)%9|0)+1|0,(N|0)<9){M=10;do M=M*10|0,N=N+1|0;while((N|0)!=9)}else M=10;if(I=t[Se>>2]|0,K=(I>>>0)%(M>>>0)|0,N=(Se+4|0)==(u|0),N&(K|0)==0)N=Se;else if(be=(((I>>>0)/(M>>>0)|0)&1|0)==0?9007199254740992:9007199254740994,Me=(M|0)/2|0,n=K>>>0<Me>>>0?.5:N&(K|0)==(Me|0)?1:1.5,In&&(Me=(p[Br>>0]|0)==45,n=Me?-n:n,be=Me?-be:be),N=I-K|0,t[Se>>2]=N,be+n!=be){if(Me=N+M|0,t[Se>>2]=Me,Me>>>0>999999999)for(S=Se;N=S+-4|0,t[S>>2]=0,N>>>0<h>>>0&&(h=h+-4|0,t[h>>2]=0),Me=(t[N>>2]|0)+1|0,t[N>>2]=Me,Me>>>0>999999999;)S=N;else N=Se;if(S=(Pe-h>>2)*9|0,I=t[h>>2]|0,I>>>0>=10){M=10;do M=M*10|0,S=S+1|0;while(I>>>0>=M>>>0)}}else N=Se;N=N+4|0,N=u>>>0>N>>>0?N:u,Me=h}else N=u,Me=h;for(ft=N;;){if(ft>>>0<=Me>>>0){Je=0;break}if(h=ft+-4|0,!(t[h>>2]|0))ft=h;else{Je=1;break}}u=0-S|0;do if(ye)if(h=((Ge^1)&1)+D|0,(h|0)>(S|0)&(S|0)>-5?(M=s+-1|0,D=h+-1-S|0):(M=s+-2|0,D=h+-1|0),h=l&8,h)Se=h;else{if(Je?(Zt=t[ft+-4>>2]|0,(Zt|0)!=0):0)if((Zt>>>0)%10|0)N=0;else{N=0,h=10;do h=h*10|0,N=N+1|0;while(!((Zt>>>0)%(h>>>0)|0|0))}else N=9;if(h=((ft-Pe>>2)*9|0)+-9|0,(M|32|0)==102){Se=h-N|0,Se=(Se|0)>0?Se:0,D=(D|0)<(Se|0)?D:Se,Se=0;break}else{Se=h+S-N|0,Se=(Se|0)>0?Se:0,D=(D|0)<(Se|0)?D:Se,Se=0;break}}else M=s,Se=l&8;while(0);if(ye=D|Se,I=(ye|0)!=0&1,K=(M|32|0)==102,K)Ge=0,h=(S|0)>0?S:0;else{if(h=(S|0)<0?u:S,h=Pv(h,((h|0)<0)<<31>>31,_r)|0,N=_r,(N-h|0)<2)do h=h+-1|0,p[h>>0]=48;while((N-h|0)<2);p[h+-1>>0]=(S>>31&2)+43,h=h+-2|0,p[h>>0]=M,Ge=h,h=N-h|0}if(h=In+1+D+I+h|0,gl(e,32,r,h,l),Go(e,Br,In),gl(e,48,r,h,l^65536),K){M=Me>>>0>gn>>>0?gn:Me,Se=Nn+9|0,I=Se,K=Nn+8|0,N=M;do{if(S=Pv(t[N>>2]|0,0,Se)|0,(N|0)==(M|0))(S|0)==(Se|0)&&(p[K>>0]=48,S=K);else if(S>>>0>Nn>>>0){bv(Nn|0,48,S-Pr|0)|0;do S=S+-1|0;while(S>>>0>Nn>>>0)}Go(e,S,I-S|0),N=N+4|0}while(N>>>0<=gn>>>0);if(ye|0&&Go(e,5710,1),N>>>0<ft>>>0&(D|0)>0)for(;;){if(S=Pv(t[N>>2]|0,0,Se)|0,S>>>0>Nn>>>0){bv(Nn|0,48,S-Pr|0)|0;do S=S+-1|0;while(S>>>0>Nn>>>0)}if(Go(e,S,(D|0)<9?D:9),N=N+4|0,S=D+-9|0,N>>>0<ft>>>0&(D|0)>9)D=S;else{D=S;break}}gl(e,48,D+9|0,9,0)}else{if(ye=Je?ft:Me+4|0,(D|0)>-1){Je=Nn+9|0,Se=(Se|0)==0,u=Je,I=0-Pr|0,K=Nn+8|0,M=Me;do{S=Pv(t[M>>2]|0,0,Je)|0,(S|0)==(Je|0)&&(p[K>>0]=48,S=K);do if((M|0)==(Me|0)){if(N=S+1|0,Go(e,S,1),Se&(D|0)<1){S=N;break}Go(e,5710,1),S=N}else{if(S>>>0<=Nn>>>0)break;bv(Nn|0,48,S+I|0)|0;do S=S+-1|0;while(S>>>0>Nn>>>0)}while(0);Pr=u-S|0,Go(e,S,(D|0)>(Pr|0)?Pr:D),D=D-Pr|0,M=M+4|0}while(M>>>0<ye>>>0&(D|0)>-1)}gl(e,48,D+18|0,18,0),Go(e,Ge,_r-Ge|0)}gl(e,32,r,h,l^8192)}else Nn=(s&32|0)!=0,h=In+3|0,gl(e,32,r,h,l&-65537),Go(e,Br,In),Go(e,n!=n|!1?Nn?5686:5690:Nn?5678:5682,3),gl(e,32,r,h,l^8192);while(0);return m=uu,((h|0)<(r|0)?r:h)|0}function s8(e){e=+e;var n=0;return U[W>>3]=e,n=t[W>>2]|0,ut=t[W+4>>2]|0,n|0}function xL(e,n){return e=+e,n=n|0,+ +a8(e,n)}function a8(e,n){e=+e,n=n|0;var r=0,u=0,l=0;switch(U[W>>3]=e,r=t[W>>2]|0,u=t[W+4>>2]|0,l=v_(r|0,u|0,52)|0,l&2047){case 0:{e!=0?(e=+a8(e*18446744073709552e3,n),r=(t[n>>2]|0)+-64|0):r=0,t[n>>2]=r;break}case 2047:break;default:t[n>>2]=(l&2047)+-1022,t[W>>2]=r,t[W+4>>2]=u&-2146435073|1071644672,e=+U[W>>3]}return+e}function RL(e,n,r){e=e|0,n=n|0,r=r|0;do if(e){if(n>>>0<128){p[e>>0]=n,e=1;break}if(!(t[t[(AL()|0)+188>>2]>>2]|0))if((n&-128|0)==57216){p[e>>0]=n,e=1;break}else{t[(Fv()|0)>>2]=84,e=-1;break}if(n>>>0<2048){p[e>>0]=n>>>6|192,p[e+1>>0]=n&63|128,e=2;break}if(n>>>0<55296|(n&-8192|0)==57344){p[e>>0]=n>>>12|224,p[e+1>>0]=n>>>6&63|128,p[e+2>>0]=n&63|128,e=3;break}if((n+-65536|0)>>>0<1048576){p[e>>0]=n>>>18|240,p[e+1>>0]=n>>>12&63|128,p[e+2>>0]=n>>>6&63|128,p[e+3>>0]=n&63|128,e=4;break}else{t[(Fv()|0)>>2]=84,e=-1;break}}else e=1;while(0);return e|0}function AL(){return RE()|0}function OL(){return RE()|0}function ML(e,n){e=e|0,n=n|0;var r=0,u=0;for(u=0;;){if((k[5712+u>>0]|0)==(e|0)){e=2;break}if(r=u+1|0,(r|0)==87){r=5800,u=87,e=5;break}else u=r}if((e|0)==2&&(u?(r=5800,e=5):r=5800),(e|0)==5)for(;;){do e=r,r=r+1|0;while((p[e>>0]|0)!=0);if(u=u+-1|0,u)e=5;else break}return kL(r,t[n+20>>2]|0)|0}function kL(e,n){return e=e|0,n=n|0,NL(e,n)|0}function NL(e,n){return e=e|0,n=n|0,n?n=LL(t[n>>2]|0,t[n+4>>2]|0,e)|0:n=0,(n|0?n:e)|0}function LL(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0;K=(t[e>>2]|0)+1794895138|0,s=Kp(t[e+8>>2]|0,K)|0,u=Kp(t[e+12>>2]|0,K)|0,l=Kp(t[e+16>>2]|0,K)|0;e:do if((s>>>0<n>>>2>>>0?(I=n-(s<<2)|0,u>>>0<I>>>0&l>>>0<I>>>0):0)?((l|u)&3|0)==0:0){for(I=u>>>2,M=l>>>2,N=0;;){if(D=s>>>1,S=N+D|0,h=S<<1,l=h+I|0,u=Kp(t[e+(l<<2)>>2]|0,K)|0,l=Kp(t[e+(l+1<<2)>>2]|0,K)|0,!(l>>>0<n>>>0&u>>>0<(n-l|0)>>>0)){u=0;break e}if(p[e+(l+u)>>0]|0){u=0;break e}if(u=r8(r,e+l|0)|0,!u)break;if(u=(u|0)<0,(s|0)==1){u=0;break e}else N=u?N:S,s=u?D:s-D|0}u=h+M|0,l=Kp(t[e+(u<<2)>>2]|0,K)|0,u=Kp(t[e+(u+1<<2)>>2]|0,K)|0,u>>>0<n>>>0&l>>>0<(n-u|0)>>>0?u=(p[e+(u+l)>>0]|0)==0?e+u|0:0:u=0}else u=0;while(0);return u|0}function Kp(e,n){e=e|0,n=n|0;var r=0;return r=y8(e|0)|0,((n|0)==0?e:r)|0}function FL(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0,D=0;u=r+16|0,l=t[u>>2]|0,l?s=5:PL(r)|0?u=0:(l=t[u>>2]|0,s=5);e:do if((s|0)==5){if(D=r+20|0,h=t[D>>2]|0,u=h,(l-h|0)>>>0<n>>>0){u=y_[t[r+36>>2]&7](r,e,n)|0;break}t:do if((p[r+75>>0]|0)>-1){for(h=n;;){if(!h){s=0,l=e;break t}if(l=h+-1|0,(p[e+l>>0]|0)==10)break;h=l}if(u=y_[t[r+36>>2]&7](r,e,h)|0,u>>>0<h>>>0)break e;s=h,l=e+h|0,n=n-h|0,u=t[D>>2]|0}else s=0,l=e;while(0);gr(u|0,l|0,n|0)|0,t[D>>2]=(t[D>>2]|0)+n,u=s+n|0}while(0);return u|0}function PL(e){e=e|0;var n=0,r=0;return n=e+74|0,r=p[n>>0]|0,p[n>>0]=r+255|r,n=t[e>>2]|0,n&8?(t[e>>2]=n|32,e=-1):(t[e+8>>2]=0,t[e+4>>2]=0,r=t[e+44>>2]|0,t[e+28>>2]=r,t[e+20>>2]=r,t[e+16>>2]=r+(t[e+48>>2]|0),e=0),e|0}function Ru(e,n){e=w(e),n=w(n);var r=0,u=0;r=f8(e)|0;do if((r&2147483647)>>>0<=2139095040){if(u=f8(n)|0,(u&2147483647)>>>0<=2139095040)if((u^r|0)<0){e=(r|0)<0?n:e;break}else{e=e<n?n:e;break}}else e=n;while(0);return w(e)}function f8(e){return e=w(e),C[W>>2]=e,t[W>>2]|0|0}function Xp(e,n){e=w(e),n=w(n);var r=0,u=0;r=c8(e)|0;do if((r&2147483647)>>>0<=2139095040){if(u=c8(n)|0,(u&2147483647)>>>0<=2139095040)if((u^r|0)<0){e=(r|0)<0?e:n;break}else{e=e<n?e:n;break}}else e=n;while(0);return w(e)}function c8(e){return e=w(e),C[W>>2]=e,t[W>>2]|0|0}function OE(e,n){e=w(e),n=w(n);var r=0,u=0,l=0,s=0,h=0,D=0,S=0,N=0;s=(C[W>>2]=e,t[W>>2]|0),D=(C[W>>2]=n,t[W>>2]|0),r=s>>>23&255,h=D>>>23&255,S=s&-2147483648,l=D<<1;e:do if((l|0)!=0?!((r|0)==255|((IL(n)|0)&2147483647)>>>0>2139095040):0){if(u=s<<1,u>>>0<=l>>>0)return n=w(e*w(0)),w((u|0)==(l|0)?n:e);if(r)u=s&8388607|8388608;else{if(r=s<<9,(r|0)>-1){u=r,r=0;do r=r+-1|0,u=u<<1;while((u|0)>-1)}else r=0;u=s<<1-r}if(h)D=D&8388607|8388608;else{if(s=D<<9,(s|0)>-1){l=0;do l=l+-1|0,s=s<<1;while((s|0)>-1)}else l=0;h=l,D=D<<1-l}l=u-D|0,s=(l|0)>-1;t:do if((r|0)>(h|0)){for(;;){if(s)if(l)u=l;else break;if(u=u<<1,r=r+-1|0,l=u-D|0,s=(l|0)>-1,(r|0)<=(h|0))break t}n=w(e*w(0));break e}while(0);if(s)if(l)u=l;else{n=w(e*w(0));break}if(u>>>0<8388608)do u=u<<1,r=r+-1|0;while(u>>>0<8388608);(r|0)>0?r=u+-8388608|r<<23:r=u>>>(1-r|0),n=(t[W>>2]=r|S,w(C[W>>2]))}else N=3;while(0);return(N|0)==3&&(n=w(e*n),n=w(n/n)),w(n)}function IL(e){return e=w(e),C[W>>2]=e,t[W>>2]|0|0}function bL(e,n){return e=e|0,n=n|0,i8(t[582]|0,e,n)|0}function hi(e){e=e|0,$n()}function Iv(e){e=e|0}function BL(e,n){return e=e|0,n=n|0,0}function UL(e){return e=e|0,(d8(e+4|0)|0)==-1?(F1[t[(t[e>>2]|0)+8>>2]&127](e),e=1):e=0,e|0}function d8(e){e=e|0;var n=0;return n=t[e>>2]|0,t[e>>2]=n+-1,n+-1|0}function e2(e){e=e|0,UL(e)|0&&jL(e)}function jL(e){e=e|0;var n=0;n=e+8|0,((t[n>>2]|0)!=0?(d8(n)|0)!=-1:0)||F1[t[(t[e>>2]|0)+16>>2]&127](e)}function pn(e){e=e|0;var n=0;for(n=(e|0)==0?1:e;e=c_(n)|0,!(e|0);){if(e=HL()|0,!e){e=0;break}R8[e&0]()}return e|0}function p8(e){return e=e|0,pn(e)|0}function _t(e){e=e|0,d_(e)}function zL(e){e=e|0,(p[e+11>>0]|0)<0&&_t(t[e>>2]|0)}function HL(){var e=0;return e=t[2923]|0,t[2923]=e+0,e|0}function qL(){}function h_(e,n,r,u){return e=e|0,n=n|0,r=r|0,u=u|0,u=n-u-(r>>>0>e>>>0|0)>>>0,ut=u,e-r>>>0|0|0}function ME(e,n,r,u){return e=e|0,n=n|0,r=r|0,u=u|0,r=e+r>>>0,ut=n+u+(r>>>0<e>>>0|0)>>>0,r|0|0}function bv(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0,h=0;if(s=e+r|0,n=n&255,(r|0)>=67){for(;e&3;)p[e>>0]=n,e=e+1|0;for(u=s&-4|0,l=u-64|0,h=n|n<<8|n<<16|n<<24;(e|0)<=(l|0);)t[e>>2]=h,t[e+4>>2]=h,t[e+8>>2]=h,t[e+12>>2]=h,t[e+16>>2]=h,t[e+20>>2]=h,t[e+24>>2]=h,t[e+28>>2]=h,t[e+32>>2]=h,t[e+36>>2]=h,t[e+40>>2]=h,t[e+44>>2]=h,t[e+48>>2]=h,t[e+52>>2]=h,t[e+56>>2]=h,t[e+60>>2]=h,e=e+64|0;for(;(e|0)<(u|0);)t[e>>2]=h,e=e+4|0}for(;(e|0)<(s|0);)p[e>>0]=n,e=e+1|0;return s-r|0}function h8(e,n,r){return e=e|0,n=n|0,r=r|0,(r|0)<32?(ut=n<<r|(e&(1<<r)-1<<32-r)>>>32-r,e<<r):(ut=e<<r-32,0)}function v_(e,n,r){return e=e|0,n=n|0,r=r|0,(r|0)<32?(ut=n>>>r,e>>>r|(n&(1<<r)-1)<<32-r):(ut=0,n>>>r-32|0)}function gr(e,n,r){e=e|0,n=n|0,r=r|0;var u=0,l=0,s=0;if((r|0)>=8192)return ai(e|0,n|0,r|0)|0;if(s=e|0,l=e+r|0,(e&3)==(n&3)){for(;e&3;){if(!r)return s|0;p[e>>0]=p[n>>0]|0,e=e+1|0,n=n+1|0,r=r-1|0}for(r=l&-4|0,u=r-64|0;(e|0)<=(u|0);)t[e>>2]=t[n>>2],t[e+4>>2]=t[n+4>>2],t[e+8>>2]=t[n+8>>2],t[e+12>>2]=t[n+12>>2],t[e+16>>2]=t[n+16>>2],t[e+20>>2]=t[n+20>>2],t[e+24>>2]=t[n+24>>2],t[e+28>>2]=t[n+28>>2],t[e+32>>2]=t[n+32>>2],t[e+36>>2]=t[n+36>>2],t[e+40>>2]=t[n+40>>2],t[e+44>>2]=t[n+44>>2],t[e+48>>2]=t[n+48>>2],t[e+52>>2]=t[n+52>>2],t[e+56>>2]=t[n+56>>2],t[e+60>>2]=t[n+60>>2],e=e+64|0,n=n+64|0;for(;(e|0)<(r|0);)t[e>>2]=t[n>>2],e=e+4|0,n=n+4|0}else for(r=l-4|0;(e|0)<(r|0);)p[e>>0]=p[n>>0]|0,p[e+1>>0]=p[n+1>>0]|0,p[e+2>>0]=p[n+2>>0]|0,p[e+3>>0]=p[n+3>>0]|0,e=e+4|0,n=n+4|0;for(;(e|0)<(l|0);)p[e>>0]=p[n>>0]|0,e=e+1|0,n=n+1|0;return s|0}function v8(e){e=e|0;var n=0;return n=p[Ee+(e&255)>>0]|0,(n|0)<8?n|0:(n=p[Ee+(e>>8&255)>>0]|0,(n|0)<8?n+8|0:(n=p[Ee+(e>>16&255)>>0]|0,(n|0)<8?n+16|0:(p[Ee+(e>>>24)>>0]|0)+24|0))}function m8(e,n,r,u,l){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0;var s=0,h=0,D=0,S=0,N=0,M=0,I=0,K=0,be=0,Se=0;if(M=e,S=n,N=S,h=r,K=u,D=K,!N)return s=(l|0)!=0,D?s?(t[l>>2]=e|0,t[l+4>>2]=n&0,K=0,l=0,ut=K,l|0):(K=0,l=0,ut=K,l|0):(s&&(t[l>>2]=(M>>>0)%(h>>>0),t[l+4>>2]=0),K=0,l=(M>>>0)/(h>>>0)>>>0,ut=K,l|0);s=(D|0)==0;do if(h){if(!s){if(s=(Er(D|0)|0)-(Er(N|0)|0)|0,s>>>0<=31){I=s+1|0,D=31-s|0,n=s-31>>31,h=I,e=M>>>(I>>>0)&n|N<<D,n=N>>>(I>>>0)&n,s=0,D=M<<D;break}return l?(t[l>>2]=e|0,t[l+4>>2]=S|n&0,K=0,l=0,ut=K,l|0):(K=0,l=0,ut=K,l|0)}if(s=h-1|0,s&h|0){D=(Er(h|0)|0)+33-(Er(N|0)|0)|0,Se=64-D|0,I=32-D|0,S=I>>31,be=D-32|0,n=be>>31,h=D,e=I-1>>31&N>>>(be>>>0)|(N<<I|M>>>(D>>>0))&n,n=n&N>>>(D>>>0),s=M<<Se&S,D=(N<<Se|M>>>(be>>>0))&S|M<<I&D-33>>31;break}return l|0&&(t[l>>2]=s&M,t[l+4>>2]=0),(h|0)==1?(be=S|n&0,Se=e|0|0,ut=be,Se|0):(Se=v8(h|0)|0,be=N>>>(Se>>>0)|0,Se=N<<32-Se|M>>>(Se>>>0)|0,ut=be,Se|0)}else{if(s)return l|0&&(t[l>>2]=(N>>>0)%(h>>>0),t[l+4>>2]=0),be=0,Se=(N>>>0)/(h>>>0)>>>0,ut=be,Se|0;if(!M)return l|0&&(t[l>>2]=0,t[l+4>>2]=(N>>>0)%(D>>>0)),be=0,Se=(N>>>0)/(D>>>0)>>>0,ut=be,Se|0;if(s=D-1|0,!(s&D))return l|0&&(t[l>>2]=e|0,t[l+4>>2]=s&N|n&0),be=0,Se=N>>>((v8(D|0)|0)>>>0),ut=be,Se|0;if(s=(Er(D|0)|0)-(Er(N|0)|0)|0,s>>>0<=30){n=s+1|0,D=31-s|0,h=n,e=N<<D|M>>>(n>>>0),n=N>>>(n>>>0),s=0,D=M<<D;break}return l?(t[l>>2]=e|0,t[l+4>>2]=S|n&0,be=0,Se=0,ut=be,Se|0):(be=0,Se=0,ut=be,Se|0)}while(0);if(!h)N=D,S=0,D=0;else{I=r|0|0,M=K|u&0,N=ME(I|0,M|0,-1,-1)|0,r=ut,S=D,D=0;do u=S,S=s>>>31|S<<1,s=D|s<<1,u=e<<1|u>>>31|0,K=e>>>31|n<<1|0,h_(N|0,r|0,u|0,K|0)|0,Se=ut,be=Se>>31|((Se|0)<0?-1:0)<<1,D=be&1,e=h_(u|0,K|0,be&I|0,(((Se|0)<0?-1:0)>>31|((Se|0)<0?-1:0)<<1)&M|0)|0,n=ut,h=h-1|0;while((h|0)!=0);N=S,S=0}return h=0,l|0&&(t[l>>2]=e,t[l+4>>2]=n),be=(s|0)>>>31|(N|h)<<1|(h<<1|s>>>31)&0|S,Se=(s<<1|0>>>31)&-2|D,ut=be,Se|0}function kE(e,n,r,u){return e=e|0,n=n|0,r=r|0,u=u|0,m8(e,n,r,u,0)|0}function t2(e){e=e|0;var n=0,r=0;return r=e+15&-16|0,n=t[H>>2]|0,e=n+r|0,(r|0)>0&(e|0)<(n|0)|(e|0)<0?(fr()|0,Ql(12),-1):(t[H>>2]=e,((e|0)>(jr()|0)?(vr()|0)==0:0)?(t[H>>2]=n,Ql(12),-1):n|0)}function Ty(e,n,r){e=e|0,n=n|0,r=r|0;var u=0;if((n|0)<(e|0)&(e|0)<(n+r|0)){for(u=e,n=n+r|0,e=e+r|0;(r|0)>0;)e=e-1|0,n=n-1|0,r=r-1|0,p[e>>0]=p[n>>0]|0;e=u}else gr(e,n,r)|0;return e|0}function NE(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0;var l=0,s=0;return s=m,m=m+16|0,l=s|0,m8(e,n,r,u,l)|0,m=s,ut=t[l+4>>2]|0,t[l>>2]|0|0}function y8(e){return e=e|0,(e&255)<<24|(e>>8&255)<<16|(e>>16&255)<<8|e>>>24|0}function WL(e,n,r,u,l,s){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0,g8[e&1](n|0,r|0,u|0,l|0,s|0)}function VL(e,n,r){e=e|0,n=n|0,r=w(r),_8[e&1](n|0,w(r))}function YL(e,n,r){e=e|0,n=n|0,r=+r,E8[e&31](n|0,+r)}function KL(e,n,r,u){return e=e|0,n=n|0,r=w(r),u=w(u),w(D8[e&0](n|0,w(r),w(u)))}function XL(e,n){e=e|0,n=n|0,F1[e&127](n|0)}function QL(e,n,r){e=e|0,n=n|0,r=r|0,P1[e&31](n|0,r|0)}function JL(e,n){return e=e|0,n=n|0,Jp[e&31](n|0)|0}function ZL(e,n,r,u,l){e=e|0,n=n|0,r=+r,u=+u,l=l|0,w8[e&1](n|0,+r,+u,l|0)}function $L(e,n,r,u){e=e|0,n=n|0,r=+r,u=+u,LF[e&1](n|0,+r,+u)}function eF(e,n,r,u){return e=e|0,n=n|0,r=r|0,u=u|0,y_[e&7](n|0,r|0,u|0)|0}function tF(e,n,r,u){return e=e|0,n=n|0,r=r|0,u=u|0,+FF[e&1](n|0,r|0,u|0)}function nF(e,n){return e=e|0,n=n|0,+S8[e&15](n|0)}function rF(e,n,r){return e=e|0,n=n|0,r=+r,PF[e&1](n|0,+r)|0}function iF(e,n,r){return e=e|0,n=n|0,r=r|0,FE[e&15](n|0,r|0)|0}function uF(e,n,r,u,l,s){e=e|0,n=n|0,r=r|0,u=+u,l=+l,s=s|0,IF[e&1](n|0,r|0,+u,+l,s|0)}function oF(e,n,r,u,l,s,h){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0,h=h|0,bF[e&1](n|0,r|0,u|0,l|0,s|0,h|0)}function lF(e,n,r){return e=e|0,n=n|0,r=r|0,+T8[e&7](n|0,r|0)}function sF(e){return e=e|0,g_[e&7]()|0}function aF(e,n,r,u,l,s){return e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0,C8[e&1](n|0,r|0,u|0,l|0,s|0)|0}function fF(e,n,r,u,l){e=e|0,n=n|0,r=r|0,u=u|0,l=+l,BF[e&1](n|0,r|0,u|0,+l)}function cF(e,n,r,u,l,s,h){e=e|0,n=n|0,r=r|0,u=w(u),l=l|0,s=w(s),h=h|0,x8[e&1](n|0,r|0,w(u),l|0,w(s),h|0)}function dF(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0,Ry[e&15](n|0,r|0,u|0)}function pF(e){e=e|0,R8[e&0]()}function hF(e,n,r,u){e=e|0,n=n|0,r=r|0,u=+u,A8[e&15](n|0,r|0,+u)}function vF(e,n,r){return e=e|0,n=+n,r=+r,UF[e&1](+n,+r)|0}function mF(e,n,r,u,l){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,PE[e&15](n|0,r|0,u|0,l|0)}function yF(e,n,r,u,l){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,jt(0)}function gF(e,n){e=e|0,n=w(n),jt(1)}function $s(e,n){e=e|0,n=+n,jt(2)}function _F(e,n,r){return e=e|0,n=w(n),r=w(r),jt(3),Tt}function Zn(e){e=e|0,jt(4)}function Cy(e,n){e=e|0,n=n|0,jt(5)}function Na(e){return e=e|0,jt(6),0}function EF(e,n,r,u){e=e|0,n=+n,r=+r,u=u|0,jt(7)}function DF(e,n,r){e=e|0,n=+n,r=+r,jt(8)}function wF(e,n,r){return e=e|0,n=n|0,r=r|0,jt(9),0}function SF(e,n,r){return e=e|0,n=n|0,r=r|0,jt(10),0}function Qp(e){return e=e|0,jt(11),0}function TF(e,n){return e=e|0,n=+n,jt(12),0}function xy(e,n){return e=e|0,n=n|0,jt(13),0}function CF(e,n,r,u,l){e=e|0,n=n|0,r=+r,u=+u,l=l|0,jt(14)}function xF(e,n,r,u,l,s){e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,s=s|0,jt(15)}function LE(e,n){return e=e|0,n=n|0,jt(16),0}function RF(){return jt(17),0}function AF(e,n,r,u,l){return e=e|0,n=n|0,r=r|0,u=u|0,l=l|0,jt(18),0}function OF(e,n,r,u){e=e|0,n=n|0,r=r|0,u=+u,jt(19)}function MF(e,n,r,u,l,s){e=e|0,n=n|0,r=w(r),u=u|0,l=w(l),s=s|0,jt(20)}function m_(e,n,r){e=e|0,n=n|0,r=r|0,jt(21)}function kF(){jt(22)}function Bv(e,n,r){e=e|0,n=n|0,r=+r,jt(23)}function NF(e,n){return e=+e,n=+n,jt(24),0}function Uv(e,n,r,u){e=e|0,n=n|0,r=r|0,u=u|0,jt(25)}var g8=[yF,RO],_8=[gF,n0],E8=[$s,ca,ws,Ss,ts,zo,Ef,ul,qa,r0,Df,qc,dc,Al,Ts,da,ud,pa,pc,$s,$s,$s,$s,$s,$s,$s,$s,$s,$s,$s,$s,$s],D8=[_F],F1=[Zn,Iv,cn,is,Eo,Uf,O1,Ul,n7,r7,i7,hO,vO,mO,IN,bN,BN,Le,fc,Ua,Gu,j0,hh,Sf,n1,Lf,Ea,Ah,fm,y1,g1,Xh,vp,Fd,Lm,T1,Ac,Wm,Ym,Sv,Rv,on,N4,q4,e_,Nt,xu,t0,m9,N9,J9,vR,MR,JR,lA,fA,RA,MA,YA,o7,a7,x7,W7,gd,CM,nk,yk,Nk,eN,vN,xN,ON,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn,Zn],P1=[Cy,E2,nd,Hc,xl,il,D2,qs,Rl,ja,za,Ha,Ol,Ue,lt,$t,Wn,si,ur,Wa,S2,mh,G4,J4,_R,AM,Z7,Hw,Cy,Cy,Cy,Cy],Jp=[Na,pL,_f,y,J,ce,mt,xt,kt,xr,cu,z0,Va,od,Kc,Ms,FR,O7,NM,Oa,Na,Na,Na,Na,Na,Na,Na,Na,Na,Na,Na,Na],w8=[EF,x2],LF=[DF,QA],y_=[wF,n8,hL,yL,zh,dv,E9,Ik],FF=[SF,lv],S8=[Qp,u0,Ve,ci,vh,sl,ha,R2,A2,hc,Qp,Qp,Qp,Qp,Qp,Qp],PF=[TF,iA],FE=[xy,BL,w2,cl,q2,_m,cp,Rp,Km,kr,Uo,Dk,xy,xy,xy,xy],IF=[CF,Sh],bF=[xF,iN],T8=[LE,Qi,O2,dd,Xc,vl,LE,LE],g_=[RF,Qc,ro,D0,hA,FA,p7,LN],C8=[AF,li],BF=[OF,sy],x8=[MF,ld],Ry=[m_,R,i0,Gr,Cu,v1,Ld,ar,dy,vo,QO,ok,_N,m_,m_,m_],R8=[kF],A8=[Bv,rd,mo,id,jo,Wc,qi,g,Up,I9,eA,Bv,Bv,Bv,Bv,Bv],UF=[NF,e7],PE=[Uv,Dp,Lc,tR,qR,EA,jA,E7,X7,BM,WN,Uv,Uv,Uv,Uv,Uv];return{_llvm_bswap_i32:y8,dynCall_idd:vF,dynCall_i:sF,_i64Subtract:h_,___udivdi3:kE,dynCall_vif:VL,setThrew:vs,dynCall_viii:dF,_bitshift64Lshr:v_,_bitshift64Shl:h8,dynCall_vi:XL,dynCall_viiddi:uF,dynCall_diii:tF,dynCall_iii:iF,_memset:bv,_sbrk:t2,_memcpy:gr,__GLOBAL__sub_I_Yoga_cpp:ru,dynCall_vii:QL,___uremdi3:NE,dynCall_vid:YL,stackAlloc:fo,_nbind_init:tL,getTempRet0:X,dynCall_di:nF,dynCall_iid:rF,setTempRet0:b0,_i64Add:ME,dynCall_fiff:KL,dynCall_iiii:eF,_emscripten_get_global_libc:dL,dynCall_viid:hF,dynCall_viiid:fF,dynCall_viififi:cF,dynCall_ii:JL,__GLOBAL__sub_I_Binding_cc:yM,dynCall_viiii:mF,dynCall_iiiiii:aF,stackSave:tl,dynCall_viiiii:WL,__GLOBAL__sub_I_nbind_cc:Ws,dynCall_vidd:$L,_free:d_,runPostSets:qL,dynCall_viiiiii:oF,establishStackSpace:ju,_memmove:Ty,stackRestore:Jl,_malloc:c_,__GLOBAL__sub_I_common_cc:b7,dynCall_viddi:ZL,dynCall_dii:lF,dynCall_v:pF}}(Module.asmGlobalArg,Module.asmLibraryArg,buffer),_llvm_bswap_i32=Module._llvm_bswap_i32=asm._llvm_bswap_i32,getTempRet0=Module.getTempRet0=asm.getTempRet0,___udivdi3=Module.___udivdi3=asm.___udivdi3,setThrew=Module.setThrew=asm.setThrew,_bitshift64Lshr=Module._bitshift64Lshr=asm._bitshift64Lshr,_bitshift64Shl=Module._bitshift64Shl=asm._bitshift64Shl,_memset=Module._memset=asm._memset,_sbrk=Module._sbrk=asm._sbrk,_memcpy=Module._memcpy=asm._memcpy,stackAlloc=Module.stackAlloc=asm.stackAlloc,___uremdi3=Module.___uremdi3=asm.___uremdi3,_nbind_init=Module._nbind_init=asm._nbind_init,_i64Subtract=Module._i64Subtract=asm._i64Subtract,setTempRet0=Module.setTempRet0=asm.setTempRet0,_i64Add=Module._i64Add=asm._i64Add,_emscripten_get_global_libc=Module._emscripten_get_global_libc=asm._emscripten_get_global_libc,__GLOBAL__sub_I_Yoga_cpp=Module.__GLOBAL__sub_I_Yoga_cpp=asm.__GLOBAL__sub_I_Yoga_cpp,__GLOBAL__sub_I_Binding_cc=Module.__GLOBAL__sub_I_Binding_cc=asm.__GLOBAL__sub_I_Binding_cc,stackSave=Module.stackSave=asm.stackSave,__GLOBAL__sub_I_nbind_cc=Module.__GLOBAL__sub_I_nbind_cc=asm.__GLOBAL__sub_I_nbind_cc,_free=Module._free=asm._free,runPostSets=Module.runPostSets=asm.runPostSets,establishStackSpace=Module.establishStackSpace=asm.establishStackSpace,_memmove=Module._memmove=asm._memmove,stackRestore=Module.stackRestore=asm.stackRestore,_malloc=Module._malloc=asm._malloc,__GLOBAL__sub_I_common_cc=Module.__GLOBAL__sub_I_common_cc=asm.__GLOBAL__sub_I_common_cc,dynCall_viiiii=Module.dynCall_viiiii=asm.dynCall_viiiii,dynCall_vif=Module.dynCall_vif=asm.dynCall_vif,dynCall_vid=Module.dynCall_vid=asm.dynCall_vid,dynCall_fiff=Module.dynCall_fiff=asm.dynCall_fiff,dynCall_vi=Module.dynCall_vi=asm.dynCall_vi,dynCall_vii=Module.dynCall_vii=asm.dynCall_vii,dynCall_ii=Module.dynCall_ii=asm.dynCall_ii,dynCall_viddi=Module.dynCall_viddi=asm.dynCall_viddi,dynCall_vidd=Module.dynCall_vidd=asm.dynCall_vidd,dynCall_iiii=Module.dynCall_iiii=asm.dynCall_iiii,dynCall_diii=Module.dynCall_diii=asm.dynCall_diii,dynCall_di=Module.dynCall_di=asm.dynCall_di,dynCall_iid=Module.dynCall_iid=asm.dynCall_iid,dynCall_iii=Module.dynCall_iii=asm.dynCall_iii,dynCall_viiddi=Module.dynCall_viiddi=asm.dynCall_viiddi,dynCall_viiiiii=Module.dynCall_viiiiii=asm.dynCall_viiiiii,dynCall_dii=Module.dynCall_dii=asm.dynCall_dii,dynCall_i=Module.dynCall_i=asm.dynCall_i,dynCall_iiiiii=Module.dynCall_iiiiii=asm.dynCall_iiiiii,dynCall_viiid=Module.dynCall_viiid=asm.dynCall_viiid,dynCall_viififi=Module.dynCall_viififi=asm.dynCall_viififi,dynCall_viii=Module.dynCall_viii=asm.dynCall_viii,dynCall_v=Module.dynCall_v=asm.dynCall_v,dynCall_viid=Module.dynCall_viid=asm.dynCall_viid,dynCall_idd=Module.dynCall_idd=asm.dynCall_idd,dynCall_viiii=Module.dynCall_viiii=asm.dynCall_viiii;Runtime.stackAlloc=Module.stackAlloc,Runtime.stackSave=Module.stackSave,Runtime.stackRestore=Module.stackRestore,Runtime.establishStackSpace=Module.establishStackSpace,Runtime.setTempRet0=Module.setTempRet0,Runtime.getTempRet0=Module.getTempRet0,Module.asm=asm;function ExitStatus(i){this.name="ExitStatus",this.message="Program terminated with exit("+i+")",this.status=i}ExitStatus.prototype=new Error,ExitStatus.prototype.constructor=ExitStatus;var initialStackTop,preloadStartTime=null,calledMain=!1;dependenciesFulfilled=function i(){Module.calledRun||run(),Module.calledRun||(dependenciesFulfilled=i)},Module.callMain=Module.callMain=function(o){o=o||[],ensureInitRuntime();var a=o.length+1;function p(){for(var O=0;O<4-1;O++)_.push(0)}var _=[allocate(intArrayFromString(Module.thisProgram),"i8",ALLOC_NORMAL)];p();for(var t=0;t<a-1;t=t+1)_.push(allocate(intArrayFromString(o[t]),"i8",ALLOC_NORMAL)),p();_.push(0),_=allocate(_,"i32",ALLOC_NORMAL);try{var k=Module._main(a,_,0);exit(k,!0)}catch(O){if(O instanceof ExitStatus)return;if(O=="SimulateInfiniteLoop"){Module.noExitRuntime=!0;return}else{var L=O;O&&typeof O=="object"&&O.stack&&(L=[O,O.stack]),Module.printErr("exception thrown: "+L),Module.quit(1,O)}}finally{calledMain=!0}};function run(i){if(i=i||Module.arguments,preloadStartTime===null&&(preloadStartTime=Date.now()),runDependencies>0||(preRun(),runDependencies>0)||Module.calledRun)return;function o(){Module.calledRun||(Module.calledRun=!0,!ABORT&&(ensureInitRuntime(),preMain(),Module.onRuntimeInitialized&&Module.onRuntimeInitialized(),Module._main&&shouldRunNow&&Module.callMain(i),postRun()))}Module.setStatus?(Module.setStatus("Running..."),setTimeout(function(){setTimeout(function(){Module.setStatus("")},1),o()},1)):o()}Module.run=Module.run=run;function exit(i,o){o&&Module.noExitRuntime||(Module.noExitRuntime||(ABORT=!0,EXITSTATUS=i,STACKTOP=initialStackTop,exitRuntime(),Module.onExit&&Module.onExit(i)),ENVIRONMENT_IS_NODE&&process.exit(i),Module.quit(i,new ExitStatus(i)))}Module.exit=Module.exit=exit;var abortDecorators=[];function abort(i){Module.onAbort&&Module.onAbort(i),i!==void 0?(Module.print(i),Module.printErr(i),i=JSON.stringify(i)):i="",ABORT=!0,EXITSTATUS=1;var o=`
-If this abort() is unexpected, build with -s ASSERTIONS=1 which can give more information.`,a="abort("+i+") at "+stackTrace()+o;throw abortDecorators&&abortDecorators.forEach(function(p){a=p(a,i)}),a}if(Module.abort=Module.abort=abort,Module.preInit)for(typeof Module.preInit=="function"&&(Module.preInit=[Module.preInit]);Module.preInit.length>0;)Module.preInit.pop()();var shouldRunNow=!0;Module.noInitialRun&&(shouldRunNow=!1),run()})});var $p=tt((MH,WS)=>{"use strict";var kP=HS(),NP=qS(),gD=!1,_D=null;NP({},function(i,o){if(!gD){if(gD=!0,i)throw i;_D=o}});if(!gD)throw new Error("Failed to load the yoga module - it needed to be loaded synchronously, but didn't");WS.exports=kP(_D.bind,_D.lib)});var GS=tt((kH,VS)=>{"use strict";VS.exports=({onlyFirst:i=!1}={})=>{let o=["[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)","(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~]))"].join("|");return new RegExp(o,i?void 0:"g")}});var ED=tt((NH,YS)=>{"use strict";var LP=GS();YS.exports=i=>typeof i=="string"?i.replace(LP(),""):i});var wD=tt((LH,DD)=>{"use strict";var KS=i=>Number.isNaN(i)?!1:i>=4352&&(i<=4447||i===9001||i===9002||11904<=i&&i<=12871&&i!==12351||12880<=i&&i<=19903||19968<=i&&i<=42182||43360<=i&&i<=43388||44032<=i&&i<=55203||63744<=i&&i<=64255||65040<=i&&i<=65049||65072<=i&&i<=65131||65281<=i&&i<=65376||65504<=i&&i<=65510||110592<=i&&i<=110593||127488<=i&&i<=127569||131072<=i&&i<=262141);DD.exports=KS;DD.exports.default=KS});var QS=tt((FH,XS)=>{"use strict";XS.exports=function(){return/\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62(?:\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDB40\uDC73\uDB40\uDC63\uDB40\uDC74|\uDB40\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F|\uD83D\uDC68(?:\uD83C\uDFFC\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68\uD83C\uDFFB|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFF\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFE])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFE\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFD])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFD\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB\uDFFC])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D)?\uD83D\uDC68|(?:\uD83D[\uDC68\uDC69])\u200D(?:\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67]))|\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|(?:\uD83D[\uDC68\uDC69])\u200D(?:\uD83D[\uDC66\uDC67])|[\u2695\u2696\u2708]\uFE0F|\uD83D[\uDC66\uDC67]|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|(?:\uD83C\uDFFB\u200D[\u2695\u2696\u2708]|\uD83C\uDFFF\u200D[\u2695\u2696\u2708]|\uD83C\uDFFE\u200D[\u2695\u2696\u2708]|\uD83C\uDFFD\u200D[\u2695\u2696\u2708]|\uD83C\uDFFC\u200D[\u2695\u2696\u2708])\uFE0F|\uD83C\uDFFB\u200D(?:\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C[\uDFFB-\uDFFF])|(?:\uD83E\uDDD1\uD83C\uDFFB\u200D\uD83E\uDD1D\u200D\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFC\u200D\uD83E\uDD1D\u200D\uD83D\uDC69)\uD83C\uDFFB|\uD83E\uDDD1(?:\uD83C\uDFFF\u200D\uD83E\uDD1D\u200D\uD83E\uDDD1(?:\uD83C[\uDFFB-\uDFFF])|\u200D\uD83E\uDD1D\u200D\uD83E\uDDD1)|(?:\uD83E\uDDD1\uD83C\uDFFE\u200D\uD83E\uDD1D\u200D\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFF\u200D\uD83E\uDD1D\u200D(?:\uD83D[\uDC68\uDC69]))(?:\uD83C[\uDFFB-\uDFFE])|(?:\uD83E\uDDD1\uD83C\uDFFC\u200D\uD83E\uDD1D\u200D\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFD\u200D\uD83E\uDD1D\u200D\uD83D\uDC69)(?:\uD83C[\uDFFB\uDFFC])|\uD83D\uDC69(?:\uD83C\uDFFE\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB-\uDFFD\uDFFF])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFC\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB\uDFFD-\uDFFF])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFB\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFC-\uDFFF])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFD\u200D(?:\uD83E\uDD1D\u200D\uD83D\uDC68(?:\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\u200D(?:\u2764\uFE0F\u200D(?:\uD83D\uDC8B\u200D(?:\uD83D[\uDC68\uDC69])|\uD83D[\uDC68\uDC69])|\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD])|\uD83C\uDFFF\u200D(?:\uD83C[\uDF3E\uDF73\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E[\uDDAF-\uDDB3\uDDBC\uDDBD]))|\uD83D\uDC69\u200D\uD83D\uDC69\u200D(?:\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67]))|(?:\uD83E\uDDD1\uD83C\uDFFD\u200D\uD83E\uDD1D\u200D\uD83E\uDDD1|\uD83D\uDC69\uD83C\uDFFE\u200D\uD83E\uDD1D\u200D\uD83D\uDC69)(?:\uD83C[\uDFFB-\uDFFD])|\uD83D\uDC69\u200D\uD83D\uDC66\u200D\uD83D\uDC66|\uD83D\uDC69\u200D\uD83D\uDC69\u200D(?:\uD83D[\uDC66\uDC67])|(?:\uD83D\uDC41\uFE0F\u200D\uD83D\uDDE8|\uD83D\uDC69(?:\uD83C\uDFFF\u200D[\u2695\u2696\u2708]|\uD83C\uDFFE\u200D[\u2695\u2696\u2708]|\uD83C\uDFFC\u200D[\u2695\u2696\u2708]|\uD83C\uDFFB\u200D[\u2695\u2696\u2708]|\uD83C\uDFFD\u200D[\u2695\u2696\u2708]|\u200D[\u2695\u2696\u2708])|(?:(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)\uFE0F|\uD83D\uDC6F|\uD83E[\uDD3C\uDDDE\uDDDF])\u200D[\u2640\u2642]|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2640\u2642]|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD6-\uDDDD])(?:(?:\uD83C[\uDFFB-\uDFFF])\u200D[\u2640\u2642]|\u200D[\u2640\u2642])|\uD83C\uDFF4\u200D\u2620)\uFE0F|\uD83D\uDC69\u200D\uD83D\uDC67\u200D(?:\uD83D[\uDC66\uDC67])|\uD83C\uDFF3\uFE0F\u200D\uD83C\uDF08|\uD83D\uDC15\u200D\uD83E\uDDBA|\uD83D\uDC69\u200D\uD83D\uDC66|\uD83D\uDC69\u200D\uD83D\uDC67|\uD83C\uDDFD\uD83C\uDDF0|\uD83C\uDDF4\uD83C\uDDF2|\uD83C\uDDF6\uD83C\uDDE6|[#\*0-9]\uFE0F\u20E3|\uD83C\uDDE7(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF])|\uD83C\uDDF9(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF])|\uD83C\uDDEA(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA])|\uD83E\uDDD1(?:\uD83C[\uDFFB-\uDFFF])|\uD83C\uDDF7(?:\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC])|\uD83D\uDC69(?:\uD83C[\uDFFB-\uDFFF])|\uD83C\uDDF2(?:\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF])|\uD83C\uDDE6(?:\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF])|\uD83C\uDDF0(?:\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF])|\uD83C\uDDED(?:\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA])|\uD83C\uDDE9(?:\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF])|\uD83C\uDDFE(?:\uD83C[\uDDEA\uDDF9])|\uD83C\uDDEC(?:\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE])|\uD83C\uDDF8(?:\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF])|\uD83C\uDDEB(?:\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7])|\uD83C\uDDF5(?:\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE])|\uD83C\uDDFB(?:\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA])|\uD83C\uDDF3(?:\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF])|\uD83C\uDDE8(?:\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF])|\uD83C\uDDF1(?:\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE])|\uD83C\uDDFF(?:\uD83C[\uDDE6\uDDF2\uDDFC])|\uD83C\uDDFC(?:\uD83C[\uDDEB\uDDF8])|\uD83C\uDDFA(?:\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF])|\uD83C\uDDEE(?:\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9])|\uD83C\uDDEF(?:\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5])|(?:\uD83C[\uDFC3\uDFC4\uDFCA]|\uD83D[\uDC6E\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4-\uDEB6]|\uD83E[\uDD26\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD-\uDDCF\uDDD6-\uDDDD])(?:\uD83C[\uDFFB-\uDFFF])|(?:\u26F9|\uD83C[\uDFCB\uDFCC]|\uD83D\uDD75)(?:\uD83C[\uDFFB-\uDFFF])|(?:[\u261D\u270A-\u270D]|\uD83C[\uDF85\uDFC2\uDFC7]|\uD83D[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC70\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDCAA\uDD74\uDD7A\uDD90\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC]|\uD83E[\uDD0F\uDD18-\uDD1C\uDD1E\uDD1F\uDD30-\uDD36\uDDB5\uDDB6\uDDBB\uDDD2-\uDDD5])(?:\uD83C[\uDFFB-\uDFFF])|(?:[\u231A\u231B\u23E9-\u23EC\u23F0\u23F3\u25FD\u25FE\u2614\u2615\u2648-\u2653\u267F\u2693\u26A1\u26AA\u26AB\u26BD\u26BE\u26C4\u26C5\u26CE\u26D4\u26EA\u26F2\u26F3\u26F5\u26FA\u26FD\u2705\u270A\u270B\u2728\u274C\u274E\u2753-\u2755\u2757\u2795-\u2797\u27B0\u27BF\u2B1B\u2B1C\u2B50\u2B55]|\uD83C[\uDC04\uDCCF\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF7C\uDF7E-\uDF93\uDFA0-\uDFCA\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF4\uDFF8-\uDFFF]|\uD83D[\uDC00-\uDC3E\uDC40\uDC42-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDD7A\uDD95\uDD96\uDDA4\uDDFB-\uDE4F\uDE80-\uDEC5\uDECC\uDED0-\uDED2\uDED5\uDEEB\uDEEC\uDEF4-\uDEFA\uDFE0-\uDFEB]|\uD83E[\uDD0D-\uDD3A\uDD3C-\uDD45\uDD47-\uDD71\uDD73-\uDD76\uDD7A-\uDDA2\uDDA5-\uDDAA\uDDAE-\uDDCA\uDDCD-\uDDFF\uDE70-\uDE73\uDE78-\uDE7A\uDE80-\uDE82\uDE90-\uDE95])|(?:[#\*0-9\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23E9-\u23F3\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB-\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u261D\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692-\u2697\u2699\u269B\u269C\u26A0\u26A1\u26AA\u26AB\u26B0\u26B1\u26BD\u26BE\u26C4\u26C5\u26C8\u26CE\u26CF\u26D1\u26D3\u26D4\u26E9\u26EA\u26F0-\u26F5\u26F7-\u26FA\u26FD\u2702\u2705\u2708-\u270D\u270F\u2712\u2714\u2716\u271D\u2721\u2728\u2733\u2734\u2744\u2747\u274C\u274E\u2753-\u2755\u2757\u2763\u2764\u2795-\u2797\u27A1\u27B0\u27BF\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B50\u2B55\u3030\u303D\u3297\u3299]|\uD83C[\uDC04\uDCCF\uDD70\uDD71\uDD7E\uDD7F\uDD8E\uDD91-\uDD9A\uDDE6-\uDDFF\uDE01\uDE02\uDE1A\uDE2F\uDE32-\uDE3A\uDE50\uDE51\uDF00-\uDF21\uDF24-\uDF93\uDF96\uDF97\uDF99-\uDF9B\uDF9E-\uDFF0\uDFF3-\uDFF5\uDFF7-\uDFFF]|\uD83D[\uDC00-\uDCFD\uDCFF-\uDD3D\uDD49-\uDD4E\uDD50-\uDD67\uDD6F\uDD70\uDD73-\uDD7A\uDD87\uDD8A-\uDD8D\uDD90\uDD95\uDD96\uDDA4\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA-\uDE4F\uDE80-\uDEC5\uDECB-\uDED2\uDED5\uDEE0-\uDEE5\uDEE9\uDEEB\uDEEC\uDEF0\uDEF3-\uDEFA\uDFE0-\uDFEB]|\uD83E[\uDD0D-\uDD3A\uDD3C-\uDD45\uDD47-\uDD71\uDD73-\uDD76\uDD7A-\uDDA2\uDDA5-\uDDAA\uDDAE-\uDDCA\uDDCD-\uDDFF\uDE70-\uDE73\uDE78-\uDE7A\uDE80-\uDE82\uDE90-\uDE95])\uFE0F|(?:[\u261D\u26F9\u270A-\u270D]|\uD83C[\uDF85\uDFC2-\uDFC4\uDFC7\uDFCA-\uDFCC]|\uD83D[\uDC42\uDC43\uDC46-\uDC50\uDC66-\uDC78\uDC7C\uDC81-\uDC83\uDC85-\uDC87\uDC8F\uDC91\uDCAA\uDD74\uDD75\uDD7A\uDD90\uDD95\uDD96\uDE45-\uDE47\uDE4B-\uDE4F\uDEA3\uDEB4-\uDEB6\uDEC0\uDECC]|\uD83E[\uDD0F\uDD18-\uDD1F\uDD26\uDD30-\uDD39\uDD3C-\uDD3E\uDDB5\uDDB6\uDDB8\uDDB9\uDDBB\uDDCD-\uDDCF\uDDD1-\uDDDD])/g}});var U_=tt((PH,SD)=>{"use strict";var FP=ED(),PP=wD(),IP=QS(),JS=i=>{if(i=i.replace(IP(),"  "),typeof i!="string"||i.length===0)return 0;i=FP(i);let o=0;for(let a=0;a<i.length;a++){let p=i.codePointAt(a);p<=31||p>=127&&p<=159||p>=768&&p<=879||(p>65535&&a++,o+=PP(p)?2:1)}return o};SD.exports=JS;SD.exports.default=JS});var CD=tt((IH,TD)=>{"use strict";var bP=U_(),ZS=i=>{let o=0;for(let a of i.split(`
-`))o=Math.max(o,bP(a));return o};TD.exports=ZS;TD.exports.default=ZS});var $S=tt(Wy=>{"use strict";var BP=Wy&&Wy.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(Wy,"__esModule",{value:!0});var UP=BP(CD()),xD={};Wy.default=i=>{if(i.length===0)return{width:0,height:0};if(xD[i])return xD[i];let o=UP.default(i),a=i.split(`
-`).length;return xD[i]={width:o,height:a},{width:o,height:a}}});var eT=tt(Vy=>{"use strict";var jP=Vy&&Vy.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(Vy,"__esModule",{value:!0});var Vi=jP($p()),zP=(i,o)=>{"position"in o&&i.setPositionType(o.position==="absolute"?Vi.default.POSITION_TYPE_ABSOLUTE:Vi.default.POSITION_TYPE_RELATIVE)},HP=(i,o)=>{"marginLeft"in o&&i.setMargin(Vi.default.EDGE_START,o.marginLeft||0),"marginRight"in o&&i.setMargin(Vi.default.EDGE_END,o.marginRight||0),"marginTop"in o&&i.setMargin(Vi.default.EDGE_TOP,o.marginTop||0),"marginBottom"in o&&i.setMargin(Vi.default.EDGE_BOTTOM,o.marginBottom||0)},qP=(i,o)=>{"paddingLeft"in o&&i.setPadding(Vi.default.EDGE_LEFT,o.paddingLeft||0),"paddingRight"in o&&i.setPadding(Vi.default.EDGE_RIGHT,o.paddingRight||0),"paddingTop"in o&&i.setPadding(Vi.default.EDGE_TOP,o.paddingTop||0),"paddingBottom"in o&&i.setPadding(Vi.default.EDGE_BOTTOM,o.paddingBottom||0)},WP=(i,o)=>{var a;"flexGrow"in o&&i.setFlexGrow((a=o.flexGrow)!==null&&a!==void 0?a:0),"flexShrink"in o&&i.setFlexShrink(typeof o.flexShrink=="number"?o.flexShrink:1),"flexDirection"in o&&(o.flexDirection==="row"&&i.setFlexDirection(Vi.default.FLEX_DIRECTION_ROW),o.flexDirection==="row-reverse"&&i.setFlexDirection(Vi.default.FLEX_DIRECTION_ROW_REVERSE),o.flexDirection==="column"&&i.setFlexDirection(Vi.default.FLEX_DIRECTION_COLUMN),o.flexDirection==="column-reverse"&&i.setFlexDirection(Vi.default.FLEX_DIRECTION_COLUMN_REVERSE)),"flexBasis"in o&&(typeof o.flexBasis=="number"?i.setFlexBasis(o.flexBasis):typeof o.flexBasis=="string"?i.setFlexBasisPercent(Number.parseInt(o.flexBasis,10)):i.setFlexBasis(NaN)),"alignItems"in o&&((o.alignItems==="stretch"||!o.alignItems)&&i.setAlignItems(Vi.default.ALIGN_STRETCH),o.alignItems==="flex-start"&&i.setAlignItems(Vi.default.ALIGN_FLEX_START),o.alignItems==="center"&&i.setAlignItems(Vi.default.ALIGN_CENTER),o.alignItems==="flex-end"&&i.setAlignItems(Vi.default.ALIGN_FLEX_END)),"alignSelf"in o&&((o.alignSelf==="auto"||!o.alignSelf)&&i.setAlignSelf(Vi.default.ALIGN_AUTO),o.alignSelf==="flex-start"&&i.setAlignSelf(Vi.default.ALIGN_FLEX_START),o.alignSelf==="center"&&i.setAlignSelf(Vi.default.ALIGN_CENTER),o.alignSelf==="flex-end"&&i.setAlignSelf(Vi.default.ALIGN_FLEX_END)),"justifyContent"in o&&((o.justifyContent==="flex-start"||!o.justifyContent)&&i.setJustifyContent(Vi.default.JUSTIFY_FLEX_START),o.justifyContent==="center"&&i.setJustifyContent(Vi.default.JUSTIFY_CENTER),o.justifyContent==="flex-end"&&i.setJustifyContent(Vi.default.JUSTIFY_FLEX_END),o.justifyContent==="space-between"&&i.setJustifyContent(Vi.default.JUSTIFY_SPACE_BETWEEN),o.justifyContent==="space-around"&&i.setJustifyContent(Vi.default.JUSTIFY_SPACE_AROUND))},VP=(i,o)=>{var a,p;"width"in o&&(typeof o.width=="number"?i.setWidth(o.width):typeof o.width=="string"?i.setWidthPercent(Number.parseInt(o.width,10)):i.setWidthAuto()),"height"in o&&(typeof o.height=="number"?i.setHeight(o.height):typeof o.height=="string"?i.setHeightPercent(Number.parseInt(o.height,10)):i.setHeightAuto()),"minWidth"in o&&(typeof o.minWidth=="string"?i.setMinWidthPercent(Number.parseInt(o.minWidth,10)):i.setMinWidth((a=o.minWidth)!==null&&a!==void 0?a:0)),"minHeight"in o&&(typeof o.minHeight=="string"?i.setMinHeightPercent(Number.parseInt(o.minHeight,10)):i.setMinHeight((p=o.minHeight)!==null&&p!==void 0?p:0))},GP=(i,o)=>{"display"in o&&i.setDisplay(o.display==="flex"?Vi.default.DISPLAY_FLEX:Vi.default.DISPLAY_NONE)},YP=(i,o)=>{if("borderStyle"in o){let a=typeof o.borderStyle=="string"?1:0;i.setBorder(Vi.default.EDGE_TOP,a),i.setBorder(Vi.default.EDGE_BOTTOM,a),i.setBorder(Vi.default.EDGE_LEFT,a),i.setBorder(Vi.default.EDGE_RIGHT,a)}};Vy.default=(i,o={})=>{zP(i,o),HP(i,o),qP(i,o),WP(i,o),VP(i,o),GP(i,o),YP(i,o)}});var nT=tt((UH,tT)=>{"use strict";tT.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}});var RD=tt((jH,rT)=>{var Gy=nT(),iT={};for(let i of Object.keys(Gy))iT[Gy[i]]=i;var zn={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};rT.exports=zn;for(let i of Object.keys(zn)){if(!("channels"in zn[i]))throw new Error("missing channels property: "+i);if(!("labels"in zn[i]))throw new Error("missing channel labels property: "+i);if(zn[i].labels.length!==zn[i].channels)throw new Error("channel and label counts mismatch: "+i);let{channels:o,labels:a}=zn[i];delete zn[i].channels,delete zn[i].labels,Object.defineProperty(zn[i],"channels",{value:o}),Object.defineProperty(zn[i],"labels",{value:a})}zn.rgb.hsl=function(i){let o=i[0]/255,a=i[1]/255,p=i[2]/255,_=Math.min(o,a,p),t=Math.max(o,a,p),k=t-_,L,O;t===_?L=0:o===t?L=(a-p)/k:a===t?L=2+(p-o)/k:p===t&&(L=4+(o-a)/k),L=Math.min(L*60,360),L<0&&(L+=360);let C=(_+t)/2;return t===_?O=0:C<=.5?O=k/(t+_):O=k/(2-t-_),[L,O*100,C*100]};zn.rgb.hsv=function(i){let o,a,p,_,t,k=i[0]/255,L=i[1]/255,O=i[2]/255,C=Math.max(k,L,O),U=C-Math.min(k,L,O),H=function(W){return(C-W)/6/U+1/2};return U===0?(_=0,t=0):(t=U/C,o=H(k),a=H(L),p=H(O),k===C?_=p-a:L===C?_=1/3+o-p:O===C&&(_=2/3+a-o),_<0?_+=1:_>1&&(_-=1)),[_*360,t*100,C*100]};zn.rgb.hwb=function(i){let o=i[0],a=i[1],p=i[2],_=zn.rgb.hsl(i)[0],t=1/255*Math.min(o,Math.min(a,p));return p=1-1/255*Math.max(o,Math.max(a,p)),[_,t*100,p*100]};zn.rgb.cmyk=function(i){let o=i[0]/255,a=i[1]/255,p=i[2]/255,_=Math.min(1-o,1-a,1-p),t=(1-o-_)/(1-_)||0,k=(1-a-_)/(1-_)||0,L=(1-p-_)/(1-_)||0;return[t*100,k*100,L*100,_*100]};function KP(i,o){return(i[0]-o[0])**2+(i[1]-o[1])**2+(i[2]-o[2])**2}zn.rgb.keyword=function(i){let o=iT[i];if(o)return o;let a=Infinity,p;for(let _ of Object.keys(Gy)){let t=Gy[_],k=KP(i,t);k<a&&(a=k,p=_)}return p};zn.keyword.rgb=function(i){return Gy[i]};zn.rgb.xyz=function(i){let o=i[0]/255,a=i[1]/255,p=i[2]/255;o=o>.04045?((o+.055)/1.055)**2.4:o/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92,p=p>.04045?((p+.055)/1.055)**2.4:p/12.92;let _=o*.4124+a*.3576+p*.1805,t=o*.2126+a*.7152+p*.0722,k=o*.0193+a*.1192+p*.9505;return[_*100,t*100,k*100]};zn.rgb.lab=function(i){let o=zn.rgb.xyz(i),a=o[0],p=o[1],_=o[2];a/=95.047,p/=100,_/=108.883,a=a>.008856?a**(1/3):7.787*a+16/116,p=p>.008856?p**(1/3):7.787*p+16/116,_=_>.008856?_**(1/3):7.787*_+16/116;let t=116*p-16,k=500*(a-p),L=200*(p-_);return[t,k,L]};zn.hsl.rgb=function(i){let o=i[0]/360,a=i[1]/100,p=i[2]/100,_,t,k;if(a===0)return k=p*255,[k,k,k];p<.5?_=p*(1+a):_=p+a-p*a;let L=2*p-_,O=[0,0,0];for(let C=0;C<3;C++)t=o+1/3*-(C-1),t<0&&t++,t>1&&t--,6*t<1?k=L+(_-L)*6*t:2*t<1?k=_:3*t<2?k=L+(_-L)*(2/3-t)*6:k=L,O[C]=k*255;return O};zn.hsl.hsv=function(i){let o=i[0],a=i[1]/100,p=i[2]/100,_=a,t=Math.max(p,.01);p*=2,a*=p<=1?p:2-p,_*=t<=1?t:2-t;let k=(p+a)/2,L=p===0?2*_/(t+_):2*a/(p+a);return[o,L*100,k*100]};zn.hsv.rgb=function(i){let o=i[0]/60,a=i[1]/100,p=i[2]/100,_=Math.floor(o)%6,t=o-Math.floor(o),k=255*p*(1-a),L=255*p*(1-a*t),O=255*p*(1-a*(1-t));switch(p*=255,_){case 0:return[p,O,k];case 1:return[L,p,k];case 2:return[k,p,O];case 3:return[k,L,p];case 4:return[O,k,p];case 5:return[p,k,L]}};zn.hsv.hsl=function(i){let o=i[0],a=i[1]/100,p=i[2]/100,_=Math.max(p,.01),t,k;k=(2-a)*p;let L=(2-a)*_;return t=a*_,t/=L<=1?L:2-L,t=t||0,k/=2,[o,t*100,k*100]};zn.hwb.rgb=function(i){let o=i[0]/360,a=i[1]/100,p=i[2]/100,_=a+p,t;_>1&&(a/=_,p/=_);let k=Math.floor(6*o),L=1-p;t=6*o-k,(k&1)!=0&&(t=1-t);let O=a+t*(L-a),C,U,H;switch(k){default:case 6:case 0:C=L,U=O,H=a;break;case 1:C=O,U=L,H=a;break;case 2:C=a,U=L,H=O;break;case 3:C=a,U=O,H=L;break;case 4:C=O,U=a,H=L;break;case 5:C=L,U=a,H=O;break}return[C*255,U*255,H*255]};zn.cmyk.rgb=function(i){let o=i[0]/100,a=i[1]/100,p=i[2]/100,_=i[3]/100,t=1-Math.min(1,o*(1-_)+_),k=1-Math.min(1,a*(1-_)+_),L=1-Math.min(1,p*(1-_)+_);return[t*255,k*255,L*255]};zn.xyz.rgb=function(i){let o=i[0]/100,a=i[1]/100,p=i[2]/100,_,t,k;return _=o*3.2406+a*-1.5372+p*-.4986,t=o*-.9689+a*1.8758+p*.0415,k=o*.0557+a*-.204+p*1.057,_=_>.0031308?1.055*_**(1/2.4)-.055:_*12.92,t=t>.0031308?1.055*t**(1/2.4)-.055:t*12.92,k=k>.0031308?1.055*k**(1/2.4)-.055:k*12.92,_=Math.min(Math.max(0,_),1),t=Math.min(Math.max(0,t),1),k=Math.min(Math.max(0,k),1),[_*255,t*255,k*255]};zn.xyz.lab=function(i){let o=i[0],a=i[1],p=i[2];o/=95.047,a/=100,p/=108.883,o=o>.008856?o**(1/3):7.787*o+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,p=p>.008856?p**(1/3):7.787*p+16/116;let _=116*a-16,t=500*(o-a),k=200*(a-p);return[_,t,k]};zn.lab.xyz=function(i){let o=i[0],a=i[1],p=i[2],_,t,k;t=(o+16)/116,_=a/500+t,k=t-p/200;let L=t**3,O=_**3,C=k**3;return t=L>.008856?L:(t-16/116)/7.787,_=O>.008856?O:(_-16/116)/7.787,k=C>.008856?C:(k-16/116)/7.787,_*=95.047,t*=100,k*=108.883,[_,t,k]};zn.lab.lch=function(i){let o=i[0],a=i[1],p=i[2],_;_=Math.atan2(p,a)*360/2/Math.PI,_<0&&(_+=360);let k=Math.sqrt(a*a+p*p);return[o,k,_]};zn.lch.lab=function(i){let o=i[0],a=i[1],_=i[2]/360*2*Math.PI,t=a*Math.cos(_),k=a*Math.sin(_);return[o,t,k]};zn.rgb.ansi16=function(i,o=null){let[a,p,_]=i,t=o===null?zn.rgb.hsv(i)[2]:o;if(t=Math.round(t/50),t===0)return 30;let k=30+(Math.round(_/255)<<2|Math.round(p/255)<<1|Math.round(a/255));return t===2&&(k+=60),k};zn.hsv.ansi16=function(i){return zn.rgb.ansi16(zn.hsv.rgb(i),i[2])};zn.rgb.ansi256=function(i){let o=i[0],a=i[1],p=i[2];return o===a&&a===p?o<8?16:o>248?231:Math.round((o-8)/247*24)+232:16+36*Math.round(o/255*5)+6*Math.round(a/255*5)+Math.round(p/255*5)};zn.ansi16.rgb=function(i){let o=i%10;if(o===0||o===7)return i>50&&(o+=3.5),o=o/10.5*255,[o,o,o];let a=(~~(i>50)+1)*.5,p=(o&1)*a*255,_=(o>>1&1)*a*255,t=(o>>2&1)*a*255;return[p,_,t]};zn.ansi256.rgb=function(i){if(i>=232){let t=(i-232)*10+8;return[t,t,t]}i-=16;let o,a=Math.floor(i/36)/5*255,p=Math.floor((o=i%36)/6)/5*255,_=o%6/5*255;return[a,p,_]};zn.rgb.hex=function(i){let a=(((Math.round(i[0])&255)<<16)+((Math.round(i[1])&255)<<8)+(Math.round(i[2])&255)).toString(16).toUpperCase();return"000000".substring(a.length)+a};zn.hex.rgb=function(i){let o=i.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!o)return[0,0,0];let a=o[0];o[0].length===3&&(a=a.split("").map(L=>L+L).join(""));let p=parseInt(a,16),_=p>>16&255,t=p>>8&255,k=p&255;return[_,t,k]};zn.rgb.hcg=function(i){let o=i[0]/255,a=i[1]/255,p=i[2]/255,_=Math.max(Math.max(o,a),p),t=Math.min(Math.min(o,a),p),k=_-t,L,O;return k<1?L=t/(1-k):L=0,k<=0?O=0:_===o?O=(a-p)/k%6:_===a?O=2+(p-o)/k:O=4+(o-a)/k,O/=6,O%=1,[O*360,k*100,L*100]};zn.hsl.hcg=function(i){let o=i[1]/100,a=i[2]/100,p=a<.5?2*o*a:2*o*(1-a),_=0;return p<1&&(_=(a-.5*p)/(1-p)),[i[0],p*100,_*100]};zn.hsv.hcg=function(i){let o=i[1]/100,a=i[2]/100,p=o*a,_=0;return p<1&&(_=(a-p)/(1-p)),[i[0],p*100,_*100]};zn.hcg.rgb=function(i){let o=i[0]/360,a=i[1]/100,p=i[2]/100;if(a===0)return[p*255,p*255,p*255];let _=[0,0,0],t=o%1*6,k=t%1,L=1-k,O=0;switch(Math.floor(t)){case 0:_[0]=1,_[1]=k,_[2]=0;break;case 1:_[0]=L,_[1]=1,_[2]=0;break;case 2:_[0]=0,_[1]=1,_[2]=k;break;case 3:_[0]=0,_[1]=L,_[2]=1;break;case 4:_[0]=k,_[1]=0,_[2]=1;break;default:_[0]=1,_[1]=0,_[2]=L}return O=(1-a)*p,[(a*_[0]+O)*255,(a*_[1]+O)*255,(a*_[2]+O)*255]};zn.hcg.hsv=function(i){let o=i[1]/100,a=i[2]/100,p=o+a*(1-o),_=0;return p>0&&(_=o/p),[i[0],_*100,p*100]};zn.hcg.hsl=function(i){let o=i[1]/100,p=i[2]/100*(1-o)+.5*o,_=0;return p>0&&p<.5?_=o/(2*p):p>=.5&&p<1&&(_=o/(2*(1-p))),[i[0],_*100,p*100]};zn.hcg.hwb=function(i){let o=i[1]/100,a=i[2]/100,p=o+a*(1-o);return[i[0],(p-o)*100,(1-p)*100]};zn.hwb.hcg=function(i){let o=i[1]/100,a=i[2]/100,p=1-a,_=p-o,t=0;return _<1&&(t=(p-_)/(1-_)),[i[0],_*100,t*100]};zn.apple.rgb=function(i){return[i[0]/65535*255,i[1]/65535*255,i[2]/65535*255]};zn.rgb.apple=function(i){return[i[0]/255*65535,i[1]/255*65535,i[2]/255*65535]};zn.gray.rgb=function(i){return[i[0]/100*255,i[0]/100*255,i[0]/100*255]};zn.gray.hsl=function(i){return[0,0,i[0]]};zn.gray.hsv=zn.gray.hsl;zn.gray.hwb=function(i){return[0,100,i[0]]};zn.gray.cmyk=function(i){return[0,0,0,i[0]]};zn.gray.lab=function(i){return[i[0],0,0]};zn.gray.hex=function(i){let o=Math.round(i[0]/100*255)&255,p=((o<<16)+(o<<8)+o).toString(16).toUpperCase();return"000000".substring(p.length)+p};zn.rgb.gray=function(i){return[(i[0]+i[1]+i[2])/3/255*100]}});var oT=tt((zH,uT)=>{var j_=RD();function XP(){let i={},o=Object.keys(j_);for(let a=o.length,p=0;p<a;p++)i[o[p]]={distance:-1,parent:null};return i}function QP(i){let o=XP(),a=[i];for(o[i].distance=0;a.length;){let p=a.pop(),_=Object.keys(j_[p]);for(let t=_.length,k=0;k<t;k++){let L=_[k],O=o[L];O.distance===-1&&(O.distance=o[p].distance+1,O.parent=p,a.unshift(L))}}return o}function JP(i,o){return function(a){return o(i(a))}}function ZP(i,o){let a=[o[i].parent,i],p=j_[o[i].parent][i],_=o[i].parent;for(;o[_].parent;)a.unshift(o[_].parent),p=JP(j_[o[_].parent][_],p),_=o[_].parent;return p.conversion=a,p}uT.exports=function(i){let o=QP(i),a={},p=Object.keys(o);for(let _=p.length,t=0;t<_;t++){let k=p[t];o[k].parent!==null&&(a[k]=ZP(k,o))}return a}});var sT=tt((HH,lT)=>{var AD=RD(),$P=oT(),Yv={},eI=Object.keys(AD);function tI(i){let o=function(...a){let p=a[0];return p==null?p:(p.length>1&&(a=p),i(a))};return"conversion"in i&&(o.conversion=i.conversion),o}function nI(i){let o=function(...a){let p=a[0];if(p==null)return p;p.length>1&&(a=p);let _=i(a);if(typeof _=="object")for(let t=_.length,k=0;k<t;k++)_[k]=Math.round(_[k]);return _};return"conversion"in i&&(o.conversion=i.conversion),o}eI.forEach(i=>{Yv[i]={},Object.defineProperty(Yv[i],"channels",{value:AD[i].channels}),Object.defineProperty(Yv[i],"labels",{value:AD[i].labels});let o=$P(i);Object.keys(o).forEach(p=>{let _=o[p];Yv[i][p]=nI(_),Yv[i][p].raw=tI(_)})});lT.exports=Yv});var H_=tt((qH,aT)=>{"use strict";var fT=(i,o)=>(...a)=>`[${i(...a)+o}m`,cT=(i,o)=>(...a)=>{let p=i(...a);return`[${38+o};5;${p}m`},dT=(i,o)=>(...a)=>{let p=i(...a);return`[${38+o};2;${p[0]};${p[1]};${p[2]}m`},z_=i=>i,pT=(i,o,a)=>[i,o,a],Kv=(i,o,a)=>{Object.defineProperty(i,o,{get:()=>{let p=a();return Object.defineProperty(i,o,{value:p,enumerable:!0,configurable:!0}),p},enumerable:!0,configurable:!0})},OD,Xv=(i,o,a,p)=>{OD===void 0&&(OD=sT());let _=p?10:0,t={};for(let[k,L]of Object.entries(OD)){let O=k==="ansi16"?"ansi":k;k===o?t[O]=i(a,_):typeof L=="object"&&(t[O]=i(L[o],_))}return t};function rI(){let i=new Map,o={modifier:{reset:[0,0],bold:[1,22],dim:[2,22],italic:[3,23],underline:[4,24],inverse:[7,27],hidden:[8,28],strikethrough:[9,29]},color:{black:[30,39],red:[31,39],green:[32,39],yellow:[33,39],blue:[34,39],magenta:[35,39],cyan:[36,39],white:[37,39],blackBright:[90,39],redBright:[91,39],greenBright:[92,39],yellowBright:[93,39],blueBright:[94,39],magentaBright:[95,39],cyanBright:[96,39],whiteBright:[97,39]},bgColor:{bgBlack:[40,49],bgRed:[41,49],bgGreen:[42,49],bgYellow:[43,49],bgBlue:[44,49],bgMagenta:[45,49],bgCyan:[46,49],bgWhite:[47,49],bgBlackBright:[100,49],bgRedBright:[101,49],bgGreenBright:[102,49],bgYellowBright:[103,49],bgBlueBright:[104,49],bgMagentaBright:[105,49],bgCyanBright:[106,49],bgWhiteBright:[107,49]}};o.color.gray=o.color.blackBright,o.bgColor.bgGray=o.bgColor.bgBlackBright,o.color.grey=o.color.blackBright,o.bgColor.bgGrey=o.bgColor.bgBlackBright;for(let[a,p]of Object.entries(o)){for(let[_,t]of Object.entries(p))o[_]={open:`[${t[0]}m`,close:`[${t[1]}m`},p[_]=o[_],i.set(t[0],t[1]);Object.defineProperty(o,a,{value:p,enumerable:!1})}return Object.defineProperty(o,"codes",{value:i,enumerable:!1}),o.color.close="",o.bgColor.close="",Kv(o.color,"ansi",()=>Xv(fT,"ansi16",z_,!1)),Kv(o.color,"ansi256",()=>Xv(cT,"ansi256",z_,!1)),Kv(o.color,"ansi16m",()=>Xv(dT,"rgb",pT,!1)),Kv(o.bgColor,"ansi",()=>Xv(fT,"ansi16",z_,!0)),Kv(o.bgColor,"ansi256",()=>Xv(cT,"ansi256",z_,!0)),Kv(o.bgColor,"ansi16m",()=>Xv(dT,"rgb",pT,!0)),o}Object.defineProperty(aT,"exports",{enumerable:!0,get:rI})});var mT=tt((WH,hT)=>{"use strict";var Yy=U_(),iI=ED(),uI=H_(),MD=new Set(["","\x9B"]),oI=39,vT=i=>`${MD.values().next().value}[${i}m`,lI=i=>i.split(" ").map(o=>Yy(o)),kD=(i,o,a)=>{let p=[...o],_=!1,t=Yy(iI(i[i.length-1]));for(let[k,L]of p.entries()){let O=Yy(L);if(t+O<=a?i[i.length-1]+=L:(i.push(L),t=0),MD.has(L))_=!0;else if(_&&L==="m"){_=!1;continue}_||(t+=O,t===a&&k<p.length-1&&(i.push(""),t=0))}!t&&i[i.length-1].length>0&&i.length>1&&(i[i.length-2]+=i.pop())},sI=i=>{let o=i.split(" "),a=o.length;for(;a>0&&!(Yy(o[a-1])>0);)a--;return a===o.length?i:o.slice(0,a).join(" ")+o.slice(a).join("")},aI=(i,o,a={})=>{if(a.trim!==!1&&i.trim()==="")return"";let p="",_="",t,k=lI(i),L=[""];for(let[O,C]of i.split(" ").entries()){a.trim!==!1&&(L[L.length-1]=L[L.length-1].trimLeft());let U=Yy(L[L.length-1]);if(O!==0&&(U>=o&&(a.wordWrap===!1||a.trim===!1)&&(L.push(""),U=0),(U>0||a.trim===!1)&&(L[L.length-1]+=" ",U++)),a.hard&&k[O]>o){let H=o-U,W=1+Math.floor((k[O]-H-1)/o);Math.floor((k[O]-1)/o)<W&&L.push(""),kD(L,C,o);continue}if(U+k[O]>o&&U>0&&k[O]>0){if(a.wordWrap===!1&&U<o){kD(L,C,o);continue}L.push("")}if(U+k[O]>o&&a.wordWrap===!1){kD(L,C,o);continue}L[L.length-1]+=C}a.trim!==!1&&(L=L.map(sI)),p=L.join(`
-`);for(let[O,C]of[...p].entries()){if(_+=C,MD.has(C)){let H=parseFloat(/\d[^m]*/.exec(p.slice(O,O+4)));t=H===oI?null:H}let U=uI.codes.get(Number(t));t&&U&&(p[O+1]===`
-`?_+=vT(U):C===`
-`&&(_+=vT(t)))}return _};hT.exports=(i,o,a)=>String(i).normalize().replace(/\r\n/g,`
-`).split(`
-`).map(p=>aI(p,o,a)).join(`
-`)});var _T=tt((VH,yT)=>{"use strict";var gT="[\uD800-\uDBFF][\uDC00-\uDFFF]",fI=i=>i&&i.exact?new RegExp(`^${gT}$`):new RegExp(gT,"g");yT.exports=fI});var ND=tt((GH,ET)=>{"use strict";var cI=wD(),dI=_T(),DT=H_(),wT=["","\x9B"],q_=i=>`${wT[0]}[${i}m`,ST=(i,o,a)=>{let p=[];i=[...i];for(let _ of i){let t=_;_.match(";")&&(_=_.split(";")[0][0]+"0");let k=DT.codes.get(parseInt(_,10));if(k){let L=i.indexOf(k.toString());L>=0?i.splice(L,1):p.push(q_(o?k:t))}else if(o){p.push(q_(0));break}else p.push(q_(t))}if(o&&(p=p.filter((_,t)=>p.indexOf(_)===t),a!==void 0)){let _=q_(DT.codes.get(parseInt(a,10)));p=p.reduce((t,k)=>k===_?[k,...t]:[...t,k],[])}return p.join("")};ET.exports=(i,o,a)=>{let p=[...i.normalize()],_=[];a=typeof a=="number"?a:p.length;let t=!1,k,L=0,O="";for(let[C,U]of p.entries()){let H=!1;if(wT.includes(U)){let W=/\d[^m]*/.exec(i.slice(C,C+18));k=W&&W.length>0?W[0]:void 0,L<a&&(t=!0,k!==void 0&&_.push(k))}else t&&U==="m"&&(t=!1,H=!0);if(!t&&!H&&++L,!dI({exact:!0}).test(U)&&cI(U.codePointAt())&&++L,L>o&&L<=a)O+=U;else if(L===o&&!t&&k!==void 0)O=ST(_);else if(L>=a){O+=ST(_,!0,k);break}}return O}});var CT=tt((YH,TT)=>{"use strict";var d2=ND(),pI=U_();function W_(i,o,a){if(i.charAt(o)===" ")return o;for(let p=1;p<=3;p++)if(a){if(i.charAt(o+p)===" ")return o+p}else if(i.charAt(o-p)===" ")return o-p;return o}TT.exports=(i,o,a)=>{a=Ht({position:"end",preferTruncationOnSpace:!1},a);let{position:p,space:_,preferTruncationOnSpace:t}=a,k="\u2026",L=1;if(typeof i!="string")throw new TypeError(`Expected \`input\` to be a string, got ${typeof i}`);if(typeof o!="number")throw new TypeError(`Expected \`columns\` to be a number, got ${typeof o}`);if(o<1)return"";if(o===1)return k;let O=pI(i);if(O<=o)return i;if(p==="start"){if(t){let C=W_(i,O-o+1,!0);return k+d2(i,C,O).trim()}return _===!0&&(k+=" ",L=2),k+d2(i,O-o+L,O)}if(p==="middle"){_===!0&&(k=" "+k+" ",L=3);let C=Math.floor(o/2);if(t){let U=W_(i,C),H=W_(i,O-(o-C)+1,!0);return d2(i,0,U)+k+d2(i,H,O).trim()}return d2(i,0,C)+k+d2(i,O-(o-C)+L,O)}if(p==="end"){if(t){let C=W_(i,o-1);return d2(i,0,C)+k}return _===!0&&(k=" "+k,L=2),d2(i,0,o-L)+k}throw new Error(`Expected \`options.position\` to be either \`start\`, \`middle\` or \`end\`, got ${p}`)}});var FD=tt(Ky=>{"use strict";var xT=Ky&&Ky.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(Ky,"__esModule",{value:!0});var hI=xT(mT()),vI=xT(CT()),LD={};Ky.default=(i,o,a)=>{let p=i+String(o)+String(a);if(LD[p])return LD[p];let _=i;if(a==="wrap"&&(_=hI.default(i,o,{trim:!1,hard:!0})),a.startsWith("truncate")){let t="end";a==="truncate-middle"&&(t="middle"),a==="truncate-start"&&(t="start"),_=vI.default(i,o,{position:t})}return LD[p]=_,_}});var ID=tt(PD=>{"use strict";Object.defineProperty(PD,"__esModule",{value:!0});var RT=i=>{let o="";if(i.childNodes.length>0)for(let a of i.childNodes){let p="";a.nodeName==="#text"?p=a.nodeValue:((a.nodeName==="ink-text"||a.nodeName==="ink-virtual-text")&&(p=RT(a)),p.length>0&&typeof a.internal_transform=="function"&&(p=a.internal_transform(p))),o+=p}return o};PD.default=RT});var bD=tt(c0=>{"use strict";var Xy=c0&&c0.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(c0,"__esModule",{value:!0});c0.setTextNodeValue=c0.createTextNode=c0.setStyle=c0.setAttribute=c0.removeChildNode=c0.insertBeforeNode=c0.appendChildNode=c0.createNode=c0.TEXT_NAME=void 0;var mI=Xy($p()),AT=Xy($S()),yI=Xy(eT()),gI=Xy(FD()),_I=Xy(ID());c0.TEXT_NAME="#text";c0.createNode=i=>{var o;let a={nodeName:i,style:{},attributes:{},childNodes:[],parentNode:null,yogaNode:i==="ink-virtual-text"?void 0:mI.default.Node.create()};return i==="ink-text"&&((o=a.yogaNode)===null||o===void 0||o.setMeasureFunc(EI.bind(null,a))),a};c0.appendChildNode=(i,o)=>{var a;o.parentNode&&c0.removeChildNode(o.parentNode,o),o.parentNode=i,i.childNodes.push(o),o.yogaNode&&((a=i.yogaNode)===null||a===void 0||a.insertChild(o.yogaNode,i.yogaNode.getChildCount())),(i.nodeName==="ink-text"||i.nodeName==="ink-virtual-text")&&V_(i)};c0.insertBeforeNode=(i,o,a)=>{var p,_;o.parentNode&&c0.removeChildNode(o.parentNode,o),o.parentNode=i;let t=i.childNodes.indexOf(a);if(t>=0){i.childNodes.splice(t,0,o),o.yogaNode&&((p=i.yogaNode)===null||p===void 0||p.insertChild(o.yogaNode,t));return}i.childNodes.push(o),o.yogaNode&&((_=i.yogaNode)===null||_===void 0||_.insertChild(o.yogaNode,i.yogaNode.getChildCount())),(i.nodeName==="ink-text"||i.nodeName==="ink-virtual-text")&&V_(i)};c0.removeChildNode=(i,o)=>{var a,p;o.yogaNode&&((p=(a=o.parentNode)===null||a===void 0?void 0:a.yogaNode)===null||p===void 0||p.removeChild(o.yogaNode)),o.parentNode=null;let _=i.childNodes.indexOf(o);_>=0&&i.childNodes.splice(_,1),(i.nodeName==="ink-text"||i.nodeName==="ink-virtual-text")&&V_(i)};c0.setAttribute=(i,o,a)=>{i.attributes[o]=a};c0.setStyle=(i,o)=>{i.style=o,i.yogaNode&&yI.default(i.yogaNode,o)};c0.createTextNode=i=>{let o={nodeName:"#text",nodeValue:i,yogaNode:void 0,parentNode:null,style:{}};return c0.setTextNodeValue(o,i),o};var EI=function(i,o){var a,p;let _=i.nodeName==="#text"?i.nodeValue:_I.default(i),t=AT.default(_);if(t.width<=o||t.width>=1&&o>0&&o<1)return t;let k=(p=(a=i.style)===null||a===void 0?void 0:a.textWrap)!==null&&p!==void 0?p:"wrap",L=gI.default(_,o,k);return AT.default(L)},OT=i=>{var o;if(!(!i||!i.parentNode))return(o=i.yogaNode)!==null&&o!==void 0?o:OT(i.parentNode)},V_=i=>{let o=OT(i);o==null||o.markDirty()};c0.setTextNodeValue=(i,o)=>{typeof o!="string"&&(o=String(o)),i.nodeValue=o,V_(i)}});var eh=tt((JH,MT)=>{"use strict";MT.exports={BINARY_TYPES:["nodebuffer","arraybuffer","fragments"],GUID:"258EAFA5-E914-47DA-95CA-C5AB0DC85B11",kStatusCode:Symbol("status-code"),kWebSocket:Symbol("websocket"),EMPTY_BUFFER:Buffer.alloc(0),NOOP:()=>{}}});var Qy=tt((ZH,BD)=>{"use strict";var{EMPTY_BUFFER:DI}=eh();function kT(i,o){if(i.length===0)return DI;if(i.length===1)return i[0];let a=Buffer.allocUnsafe(o),p=0;for(let _=0;_<i.length;_++){let t=i[_];a.set(t,p),p+=t.length}return p<o?a.slice(0,p):a}function NT(i,o,a,p,_){for(let t=0;t<_;t++)a[p+t]=i[t]^o[t&3]}function LT(i,o){let a=i.length;for(let p=0;p<a;p++)i[p]^=o[p&3]}function FT(i){return i.byteLength===i.buffer.byteLength?i.buffer:i.buffer.slice(i.byteOffset,i.byteOffset+i.byteLength)}function G_(i){if(G_.readOnly=!0,Buffer.isBuffer(i))return i;let o;return i instanceof ArrayBuffer?o=Buffer.from(i):ArrayBuffer.isView(i)?o=Buffer.from(i.buffer,i.byteOffset,i.byteLength):(o=Buffer.from(i),G_.readOnly=!1),o}try{let i=require("bufferutil"),o=i.BufferUtil||i;BD.exports={concat:kT,mask(a,p,_,t,k){k<48?NT(a,p,_,t,k):o.mask(a,p,_,t,k)},toArrayBuffer:FT,toBuffer:G_,unmask(a,p){a.length<32?LT(a,p):o.unmask(a,p)}}}catch(i){BD.exports={concat:kT,mask:NT,toArrayBuffer:FT,toBuffer:G_,unmask:LT}}});var BT=tt(($H,PT)=>{"use strict";var IT=Symbol("kDone"),UD=Symbol("kRun"),bT=class{constructor(o){this[IT]=()=>{this.pending--,this[UD]()},this.concurrency=o||Infinity,this.jobs=[],this.pending=0}add(o){this.jobs.push(o),this[UD]()}[UD](){if(this.pending!==this.concurrency&&this.jobs.length){let o=this.jobs.shift();this.pending++,o(this[IT])}}};PT.exports=bT});var $y=tt((eq,UT)=>{"use strict";var Jy=require("zlib"),jT=Qy(),wI=BT(),{kStatusCode:zT,NOOP:SI}=eh(),TI=Buffer.from([0,0,255,255]),Y_=Symbol("permessage-deflate"),K1=Symbol("total-length"),Zy=Symbol("callback"),p2=Symbol("buffers"),jD=Symbol("error"),K_,HT=class{constructor(o,a,p){if(this._maxPayload=p|0,this._options=o||{},this._threshold=this._options.threshold!==void 0?this._options.threshold:1024,this._isServer=!!a,this._deflate=null,this._inflate=null,this.params=null,!K_){let _=this._options.concurrencyLimit!==void 0?this._options.concurrencyLimit:10;K_=new wI(_)}}static get extensionName(){return"permessage-deflate"}offer(){let o={};return this._options.serverNoContextTakeover&&(o.server_no_context_takeover=!0),this._options.clientNoContextTakeover&&(o.client_no_context_takeover=!0),this._options.serverMaxWindowBits&&(o.server_max_window_bits=this._options.serverMaxWindowBits),this._options.clientMaxWindowBits?o.client_max_window_bits=this._options.clientMaxWindowBits:this._options.clientMaxWindowBits==null&&(o.client_max_window_bits=!0),o}accept(o){return o=this.normalizeParams(o),this.params=this._isServer?this.acceptAsServer(o):this.acceptAsClient(o),this.params}cleanup(){if(this._inflate&&(this._inflate.close(),this._inflate=null),this._deflate){let o=this._deflate[Zy];this._deflate.close(),this._deflate=null,o&&o(new Error("The deflate stream was closed while data was being processed"))}}acceptAsServer(o){let a=this._options,p=o.find(_=>!(a.serverNoContextTakeover===!1&&_.server_no_context_takeover||_.server_max_window_bits&&(a.serverMaxWindowBits===!1||typeof a.serverMaxWindowBits=="number"&&a.serverMaxWindowBits>_.server_max_window_bits)||typeof a.clientMaxWindowBits=="number"&&!_.client_max_window_bits));if(!p)throw new Error("None of the extension offers can be accepted");return a.serverNoContextTakeover&&(p.server_no_context_takeover=!0),a.clientNoContextTakeover&&(p.client_no_context_takeover=!0),typeof a.serverMaxWindowBits=="number"&&(p.server_max_window_bits=a.serverMaxWindowBits),typeof a.clientMaxWindowBits=="number"?p.client_max_window_bits=a.clientMaxWindowBits:(p.client_max_window_bits===!0||a.clientMaxWindowBits===!1)&&delete p.client_max_window_bits,p}acceptAsClient(o){let a=o[0];if(this._options.clientNoContextTakeover===!1&&a.client_no_context_takeover)throw new Error('Unexpected parameter "client_no_context_takeover"');if(!a.client_max_window_bits)typeof this._options.clientMaxWindowBits=="number"&&(a.client_max_window_bits=this._options.clientMaxWindowBits);else if(this._options.clientMaxWindowBits===!1||typeof this._options.clientMaxWindowBits=="number"&&a.client_max_window_bits>this._options.clientMaxWindowBits)throw new Error('Unexpected or invalid parameter "client_max_window_bits"');return a}normalizeParams(o){return o.forEach(a=>{Object.keys(a).forEach(p=>{let _=a[p];if(_.length>1)throw new Error(`Parameter "${p}" must have only a single value`);if(_=_[0],p==="client_max_window_bits"){if(_!==!0){let t=+_;if(!Number.isInteger(t)||t<8||t>15)throw new TypeError(`Invalid value for parameter "${p}": ${_}`);_=t}else if(!this._isServer)throw new TypeError(`Invalid value for parameter "${p}": ${_}`)}else if(p==="server_max_window_bits"){let t=+_;if(!Number.isInteger(t)||t<8||t>15)throw new TypeError(`Invalid value for parameter "${p}": ${_}`);_=t}else if(p==="client_no_context_takeover"||p==="server_no_context_takeover"){if(_!==!0)throw new TypeError(`Invalid value for parameter "${p}": ${_}`)}else throw new Error(`Unknown parameter "${p}"`);a[p]=_})}),o}decompress(o,a,p){K_.add(_=>{this._decompress(o,a,(t,k)=>{_(),p(t,k)})})}compress(o,a,p){K_.add(_=>{this._compress(o,a,(t,k)=>{_(),p(t,k)})})}_decompress(o,a,p){let _=this._isServer?"client":"server";if(!this._inflate){let t=`${_}_max_window_bits`,k=typeof this.params[t]!="number"?Jy.Z_DEFAULT_WINDOWBITS:this.params[t];this._inflate=Jy.createInflateRaw(Zr(Ht({},this._options.zlibInflateOptions),{windowBits:k})),this._inflate[Y_]=this,this._inflate[K1]=0,this._inflate[p2]=[],this._inflate.on("error",xI),this._inflate.on("data",qT)}this._inflate[Zy]=p,this._inflate.write(o),a&&this._inflate.write(TI),this._inflate.flush(()=>{let t=this._inflate[jD];if(t){this._inflate.close(),this._inflate=null,p(t);return}let k=jT.concat(this._inflate[p2],this._inflate[K1]);this._inflate._readableState.endEmitted?(this._inflate.close(),this._inflate=null):(this._inflate[K1]=0,this._inflate[p2]=[],a&&this.params[`${_}_no_context_takeover`]&&this._inflate.reset()),p(null,k)})}_compress(o,a,p){let _=this._isServer?"server":"client";if(!this._deflate){let t=`${_}_max_window_bits`,k=typeof this.params[t]!="number"?Jy.Z_DEFAULT_WINDOWBITS:this.params[t];this._deflate=Jy.createDeflateRaw(Zr(Ht({},this._options.zlibDeflateOptions),{windowBits:k})),this._deflate[K1]=0,this._deflate[p2]=[],this._deflate.on("error",SI),this._deflate.on("data",CI)}this._deflate[Zy]=p,this._deflate.write(o),this._deflate.flush(Jy.Z_SYNC_FLUSH,()=>{if(!this._deflate)return;let t=jT.concat(this._deflate[p2],this._deflate[K1]);a&&(t=t.slice(0,t.length-4)),this._deflate[Zy]=null,this._deflate[K1]=0,this._deflate[p2]=[],a&&this.params[`${_}_no_context_takeover`]&&this._deflate.reset(),p(null,t)})}};UT.exports=HT;function CI(i){this[p2].push(i),this[K1]+=i.length}function qT(i){if(this[K1]+=i.length,this[Y_]._maxPayload<1||this[K1]<=this[Y_]._maxPayload){this[p2].push(i);return}this[jD]=new RangeError("Max payload size exceeded"),this[jD][zT]=1009,this.removeListener("data",qT),this.reset()}function xI(i){this[Y_]._inflate=null,i[zT]=1007,this[Zy](i)}});var HD=tt((tq,zD)=>{"use strict";function WT(i){return i>=1e3&&i<=1014&&i!==1004&&i!==1005&&i!==1006||i>=3e3&&i<=4999}function VT(i){let o=i.length,a=0;for(;a<o;)if((i[a]&128)==0)a++;else if((i[a]&224)==192){if(a+1===o||(i[a+1]&192)!=128||(i[a]&254)==192)return!1;a+=2}else if((i[a]&240)==224){if(a+2>=o||(i[a+1]&192)!=128||(i[a+2]&192)!=128||i[a]===224&&(i[a+1]&224)==128||i[a]===237&&(i[a+1]&224)==160)return!1;a+=3}else if((i[a]&248)==240){if(a+3>=o||(i[a+1]&192)!=128||(i[a+2]&192)!=128||(i[a+3]&192)!=128||i[a]===240&&(i[a+1]&240)==128||i[a]===244&&i[a+1]>143||i[a]>244)return!1;a+=4}else return!1;return!0}try{let i=require("utf-8-validate");typeof i=="object"&&(i=i.Validation.isValidUTF8),zD.exports={isValidStatusCode:WT,isValidUTF8(o){return o.length<150?VT(o):i(o)}}}catch(i){zD.exports={isValidStatusCode:WT,isValidUTF8:VT}}});var VD=tt((nq,GT)=>{"use strict";var{Writable:RI}=require("stream"),YT=$y(),{BINARY_TYPES:AI,EMPTY_BUFFER:OI,kStatusCode:MI,kWebSocket:kI}=eh(),{concat:qD,toArrayBuffer:NI,unmask:LI}=Qy(),{isValidStatusCode:FI,isValidUTF8:KT}=HD(),eg=0,XT=1,QT=2,JT=3,WD=4,PI=5,ZT=class extends RI{constructor(o,a,p,_){super();this._binaryType=o||AI[0],this[kI]=void 0,this._extensions=a||{},this._isServer=!!p,this._maxPayload=_|0,this._bufferedBytes=0,this._buffers=[],this._compressed=!1,this._payloadLength=0,this._mask=void 0,this._fragmented=0,this._masked=!1,this._fin=!1,this._opcode=0,this._totalPayloadLength=0,this._messageLength=0,this._fragments=[],this._state=eg,this._loop=!1}_write(o,a,p){if(this._opcode===8&&this._state==eg)return p();this._bufferedBytes+=o.length,this._buffers.push(o),this.startLoop(p)}consume(o){if(this._bufferedBytes-=o,o===this._buffers[0].length)return this._buffers.shift();if(o<this._buffers[0].length){let p=this._buffers[0];return this._buffers[0]=p.slice(o),p.slice(0,o)}let a=Buffer.allocUnsafe(o);do{let p=this._buffers[0],_=a.length-o;o>=p.length?a.set(this._buffers.shift(),_):(a.set(new Uint8Array(p.buffer,p.byteOffset,o),_),this._buffers[0]=p.slice(o)),o-=p.length}while(o>0);return a}startLoop(o){let a;this._loop=!0;do switch(this._state){case eg:a=this.getInfo();break;case XT:a=this.getPayloadLength16();break;case QT:a=this.getPayloadLength64();break;case JT:this.getMask();break;case WD:a=this.getData(o);break;default:this._loop=!1;return}while(this._loop);o(a)}getInfo(){if(this._bufferedBytes<2){this._loop=!1;return}let o=this.consume(2);if((o[0]&48)!=0)return this._loop=!1,Yo(RangeError,"RSV2 and RSV3 must be clear",!0,1002);let a=(o[0]&64)==64;if(a&&!this._extensions[YT.extensionName])return this._loop=!1,Yo(RangeError,"RSV1 must be clear",!0,1002);if(this._fin=(o[0]&128)==128,this._opcode=o[0]&15,this._payloadLength=o[1]&127,this._opcode===0){if(a)return this._loop=!1,Yo(RangeError,"RSV1 must be clear",!0,1002);if(!this._fragmented)return this._loop=!1,Yo(RangeError,"invalid opcode 0",!0,1002);this._opcode=this._fragmented}else if(this._opcode===1||this._opcode===2){if(this._fragmented)return this._loop=!1,Yo(RangeError,`invalid opcode ${this._opcode}`,!0,1002);this._compressed=a}else if(this._opcode>7&&this._opcode<11){if(!this._fin)return this._loop=!1,Yo(RangeError,"FIN must be set",!0,1002);if(a)return this._loop=!1,Yo(RangeError,"RSV1 must be clear",!0,1002);if(this._payloadLength>125)return this._loop=!1,Yo(RangeError,`invalid payload length ${this._payloadLength}`,!0,1002)}else return this._loop=!1,Yo(RangeError,`invalid opcode ${this._opcode}`,!0,1002);if(!this._fin&&!this._fragmented&&(this._fragmented=this._opcode),this._masked=(o[1]&128)==128,this._isServer){if(!this._masked)return this._loop=!1,Yo(RangeError,"MASK must be set",!0,1002)}else if(this._masked)return this._loop=!1,Yo(RangeError,"MASK must be clear",!0,1002);if(this._payloadLength===126)this._state=XT;else if(this._payloadLength===127)this._state=QT;else return this.haveLength()}getPayloadLength16(){if(this._bufferedBytes<2){this._loop=!1;return}return this._payloadLength=this.consume(2).readUInt16BE(0),this.haveLength()}getPayloadLength64(){if(this._bufferedBytes<8){this._loop=!1;return}let o=this.consume(8),a=o.readUInt32BE(0);return a>Math.pow(2,53-32)-1?(this._loop=!1,Yo(RangeError,"Unsupported WebSocket frame: payload length > 2^53 - 1",!1,1009)):(this._payloadLength=a*Math.pow(2,32)+o.readUInt32BE(4),this.haveLength())}haveLength(){if(this._payloadLength&&this._opcode<8&&(this._totalPayloadLength+=this._payloadLength,this._totalPayloadLength>this._maxPayload&&this._maxPayload>0))return this._loop=!1,Yo(RangeError,"Max payload size exceeded",!1,1009);this._masked?this._state=JT:this._state=WD}getMask(){if(this._bufferedBytes<4){this._loop=!1;return}this._mask=this.consume(4),this._state=WD}getData(o){let a=OI;if(this._payloadLength){if(this._bufferedBytes<this._payloadLength){this._loop=!1;return}a=this.consume(this._payloadLength),this._masked&&LI(a,this._mask)}if(this._opcode>7)return this.controlMessage(a);if(this._compressed){this._state=PI,this.decompress(a,o);return}return a.length&&(this._messageLength=this._totalPayloadLength,this._fragments.push(a)),this.dataMessage()}decompress(o,a){this._extensions[YT.extensionName].decompress(o,this._fin,(_,t)=>{if(_)return a(_);if(t.length){if(this._messageLength+=t.length,this._messageLength>this._maxPayload&&this._maxPayload>0)return a(Yo(RangeError,"Max payload size exceeded",!1,1009));this._fragments.push(t)}let k=this.dataMessage();if(k)return a(k);this.startLoop(a)})}dataMessage(){if(this._fin){let o=this._messageLength,a=this._fragments;if(this._totalPayloadLength=0,this._messageLength=0,this._fragmented=0,this._fragments=[],this._opcode===2){let p;this._binaryType==="nodebuffer"?p=qD(a,o):this._binaryType==="arraybuffer"?p=NI(qD(a,o)):p=a,this.emit("message",p)}else{let p=qD(a,o);if(!KT(p))return this._loop=!1,Yo(Error,"invalid UTF-8 sequence",!0,1007);this.emit("message",p.toString())}}this._state=eg}controlMessage(o){if(this._opcode===8)if(this._loop=!1,o.length===0)this.emit("conclude",1005,""),this.end();else{if(o.length===1)return Yo(RangeError,"invalid payload length 1",!0,1002);{let a=o.readUInt16BE(0);if(!FI(a))return Yo(RangeError,`invalid status code ${a}`,!0,1002);let p=o.slice(2);if(!KT(p))return Yo(Error,"invalid UTF-8 sequence",!0,1007);this.emit("conclude",a,p.toString()),this.end()}}else this._opcode===9?this.emit("ping",o):this.emit("pong",o);this._state=eg}};GT.exports=ZT;function Yo(i,o,a,p){let _=new i(a?`Invalid WebSocket frame: ${o}`:o);return Error.captureStackTrace(_,Yo),_[MI]=p,_}});var GD=tt((rq,$T)=>{"use strict";var{randomFillSync:II}=require("crypto"),eC=$y(),{EMPTY_BUFFER:bI}=eh(),{isValidStatusCode:BI}=HD(),{mask:tC,toBuffer:X1}=Qy(),th=Buffer.alloc(4),Q1=class{constructor(o,a){this._extensions=a||{},this._socket=o,this._firstFragment=!0,this._compress=!1,this._bufferedBytes=0,this._deflating=!1,this._queue=[]}static frame(o,a){let p=a.mask&&a.readOnly,_=a.mask?6:2,t=o.length;o.length>=65536?(_+=8,t=127):o.length>125&&(_+=2,t=126);let k=Buffer.allocUnsafe(p?o.length+_:_);return k[0]=a.fin?a.opcode|128:a.opcode,a.rsv1&&(k[0]|=64),k[1]=t,t===126?k.writeUInt16BE(o.length,2):t===127&&(k.writeUInt32BE(0,2),k.writeUInt32BE(o.length,6)),a.mask?(II(th,0,4),k[1]|=128,k[_-4]=th[0],k[_-3]=th[1],k[_-2]=th[2],k[_-1]=th[3],p?(tC(o,th,k,_,o.length),[k]):(tC(o,th,o,0,o.length),[k,o])):[k,o]}close(o,a,p,_){let t;if(o===void 0)t=bI;else{if(typeof o!="number"||!BI(o))throw new TypeError("First argument must be a valid error code number");if(a===void 0||a==="")t=Buffer.allocUnsafe(2),t.writeUInt16BE(o,0);else{let k=Buffer.byteLength(a);if(k>123)throw new RangeError("The message must not be greater than 123 bytes");t=Buffer.allocUnsafe(2+k),t.writeUInt16BE(o,0),t.write(a,2)}}this._deflating?this.enqueue([this.doClose,t,p,_]):this.doClose(t,p,_)}doClose(o,a,p){this.sendFrame(Q1.frame(o,{fin:!0,rsv1:!1,opcode:8,mask:a,readOnly:!1}),p)}ping(o,a,p){let _=X1(o);if(_.length>125)throw new RangeError("The data size must not be greater than 125 bytes");this._deflating?this.enqueue([this.doPing,_,a,X1.readOnly,p]):this.doPing(_,a,X1.readOnly,p)}doPing(o,a,p,_){this.sendFrame(Q1.frame(o,{fin:!0,rsv1:!1,opcode:9,mask:a,readOnly:p}),_)}pong(o,a,p){let _=X1(o);if(_.length>125)throw new RangeError("The data size must not be greater than 125 bytes");this._deflating?this.enqueue([this.doPong,_,a,X1.readOnly,p]):this.doPong(_,a,X1.readOnly,p)}doPong(o,a,p,_){this.sendFrame(Q1.frame(o,{fin:!0,rsv1:!1,opcode:10,mask:a,readOnly:p}),_)}send(o,a,p){let _=X1(o),t=this._extensions[eC.extensionName],k=a.binary?2:1,L=a.compress;if(this._firstFragment?(this._firstFragment=!1,L&&t&&(L=_.length>=t._threshold),this._compress=L):(L=!1,k=0),a.fin&&(this._firstFragment=!0),t){let O={fin:a.fin,rsv1:L,opcode:k,mask:a.mask,readOnly:X1.readOnly};this._deflating?this.enqueue([this.dispatch,_,this._compress,O,p]):this.dispatch(_,this._compress,O,p)}else this.sendFrame(Q1.frame(_,{fin:a.fin,rsv1:!1,opcode:k,mask:a.mask,readOnly:X1.readOnly}),p)}dispatch(o,a,p,_){if(!a){this.sendFrame(Q1.frame(o,p),_);return}let t=this._extensions[eC.extensionName];this._bufferedBytes+=o.length,this._deflating=!0,t.compress(o,p.fin,(k,L)=>{if(this._socket.destroyed){let O=new Error("The socket was closed while data was being compressed");typeof _=="function"&&_(O);for(let C=0;C<this._queue.length;C++){let U=this._queue[C][4];typeof U=="function"&&U(O)}return}this._bufferedBytes-=o.length,this._deflating=!1,p.readOnly=!1,this.sendFrame(Q1.frame(L,p),_),this.dequeue()})}dequeue(){for(;!this._deflating&&this._queue.length;){let o=this._queue.shift();this._bufferedBytes-=o[1].length,Reflect.apply(o[0],this,o.slice(1))}}enqueue(o){this._bufferedBytes+=o[1].length,this._queue.push(o)}sendFrame(o,a){o.length===2?(this._socket.cork(),this._socket.write(o[0]),this._socket.write(o[1],a),this._socket.uncork()):this._socket.write(o[0],a)}};$T.exports=Q1});var lC=tt((iq,nC)=>{"use strict";var tg=class{constructor(o,a){this.target=a,this.type=o}},rC=class extends tg{constructor(o,a){super("message",a);this.data=o}},iC=class extends tg{constructor(o,a,p){super("close",p);this.wasClean=p._closeFrameReceived&&p._closeFrameSent,this.reason=a,this.code=o}},uC=class extends tg{constructor(o){super("open",o)}},oC=class extends tg{constructor(o,a){super("error",a);this.message=o.message,this.error=o}},UI={addEventListener(i,o,a){if(typeof o!="function")return;function p(O){o.call(this,new rC(O,this))}function _(O,C){o.call(this,new iC(O,C,this))}function t(O){o.call(this,new oC(O,this))}function k(){o.call(this,new uC(this))}let L=a&&a.once?"once":"on";i==="message"?(p._listener=o,this[L](i,p)):i==="close"?(_._listener=o,this[L](i,_)):i==="error"?(t._listener=o,this[L](i,t)):i==="open"?(k._listener=o,this[L](i,k)):this[L](i,o)},removeEventListener(i,o){let a=this.listeners(i);for(let p=0;p<a.length;p++)(a[p]===o||a[p]._listener===o)&&this.removeListener(i,a[p])}};nC.exports=UI});var YD=tt((uq,sC)=>{"use strict";var ng=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,1,1,1,1,1,0,0,1,1,0,1,1,0,1,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,0,1,0];function jc(i,o,a){i[o]===void 0?i[o]=[a]:i[o].push(a)}function jI(i){let o=Object.create(null);if(i===void 0||i==="")return o;let a=Object.create(null),p=!1,_=!1,t=!1,k,L,O=-1,C=-1,U=0;for(;U<i.length;U++){let W=i.charCodeAt(U);if(k===void 0)if(C===-1&&ng[W]===1)O===-1&&(O=U);else if(W===32||W===9)C===-1&&O!==-1&&(C=U);else if(W===59||W===44){if(O===-1)throw new SyntaxError(`Unexpected character at index ${U}`);C===-1&&(C=U);let ne=i.slice(O,C);W===44?(jc(o,ne,a),a=Object.create(null)):k=ne,O=C=-1}else throw new SyntaxError(`Unexpected character at index ${U}`);else if(L===void 0)if(C===-1&&ng[W]===1)O===-1&&(O=U);else if(W===32||W===9)C===-1&&O!==-1&&(C=U);else if(W===59||W===44){if(O===-1)throw new SyntaxError(`Unexpected character at index ${U}`);C===-1&&(C=U),jc(a,i.slice(O,C),!0),W===44&&(jc(o,k,a),a=Object.create(null),k=void 0),O=C=-1}else if(W===61&&O!==-1&&C===-1)L=i.slice(O,U),O=C=-1;else throw new SyntaxError(`Unexpected character at index ${U}`);else if(_){if(ng[W]!==1)throw new SyntaxError(`Unexpected character at index ${U}`);O===-1?O=U:p||(p=!0),_=!1}else if(t)if(ng[W]===1)O===-1&&(O=U);else if(W===34&&O!==-1)t=!1,C=U;else if(W===92)_=!0;else throw new SyntaxError(`Unexpected character at index ${U}`);else if(W===34&&i.charCodeAt(U-1)===61)t=!0;else if(C===-1&&ng[W]===1)O===-1&&(O=U);else if(O!==-1&&(W===32||W===9))C===-1&&(C=U);else if(W===59||W===44){if(O===-1)throw new SyntaxError(`Unexpected character at index ${U}`);C===-1&&(C=U);let ne=i.slice(O,C);p&&(ne=ne.replace(/\\/g,""),p=!1),jc(a,L,ne),W===44&&(jc(o,k,a),a=Object.create(null),k=void 0),L=void 0,O=C=-1}else throw new SyntaxError(`Unexpected character at index ${U}`)}if(O===-1||t)throw new SyntaxError("Unexpected end of input");C===-1&&(C=U);let H=i.slice(O,C);return k===void 0?jc(o,H,a):(L===void 0?jc(a,H,!0):p?jc(a,L,H.replace(/\\/g,"")):jc(a,L,H),jc(o,k,a)),o}function zI(i){return Object.keys(i).map(o=>{let a=i[o];return Array.isArray(a)||(a=[a]),a.map(p=>[o].concat(Object.keys(p).map(_=>{let t=p[_];return Array.isArray(t)||(t=[t]),t.map(k=>k===!0?_:`${_}=${k}`).join("; ")})).join("; ")).join(", ")}).join(", ")}sC.exports={format:zI,parse:jI}});var ZD=tt((oq,aC)=>{"use strict";var HI=require("events"),qI=require("https"),WI=require("http"),fC=require("net"),VI=require("tls"),{randomBytes:GI,createHash:YI}=require("crypto"),{URL:KD}=require("url"),h2=$y(),KI=VD(),XI=GD(),{BINARY_TYPES:cC,EMPTY_BUFFER:XD,GUID:QI,kStatusCode:JI,kWebSocket:ta,NOOP:dC}=eh(),{addEventListener:ZI,removeEventListener:$I}=lC(),{format:eb,parse:tb}=YD(),{toBuffer:nb}=Qy(),pC=["CONNECTING","OPEN","CLOSING","CLOSED"],QD=[8,13],rb=30*1e3,Gi=class extends HI{constructor(o,a,p){super();this._binaryType=cC[0],this._closeCode=1006,this._closeFrameReceived=!1,this._closeFrameSent=!1,this._closeMessage="",this._closeTimer=null,this._extensions={},this._protocol="",this._readyState=Gi.CONNECTING,this._receiver=null,this._sender=null,this._socket=null,o!==null?(this._bufferedAmount=0,this._isServer=!1,this._redirects=0,Array.isArray(a)?a=a.join(", "):typeof a=="object"&&a!==null&&(p=a,a=void 0),hC(this,o,a,p)):this._isServer=!0}get binaryType(){return this._binaryType}set binaryType(o){!cC.includes(o)||(this._binaryType=o,this._receiver&&(this._receiver._binaryType=o))}get bufferedAmount(){return this._socket?this._socket._writableState.length+this._sender._bufferedBytes:this._bufferedAmount}get extensions(){return Object.keys(this._extensions).join()}get protocol(){return this._protocol}get readyState(){return this._readyState}get url(){return this._url}setSocket(o,a,p){let _=new KI(this.binaryType,this._extensions,this._isServer,p);this._sender=new XI(o,this._extensions),this._receiver=_,this._socket=o,_[ta]=this,o[ta]=this,_.on("conclude",ib),_.on("drain",ub),_.on("error",ob),_.on("message",lb),_.on("ping",sb),_.on("pong",ab),o.setTimeout(0),o.setNoDelay(),a.length>0&&o.unshift(a),o.on("close",vC),o.on("data",X_),o.on("end",mC),o.on("error",yC),this._readyState=Gi.OPEN,this.emit("open")}emitClose(){if(!this._socket){this._readyState=Gi.CLOSED,this.emit("close",this._closeCode,this._closeMessage);return}this._extensions[h2.extensionName]&&this._extensions[h2.extensionName].cleanup(),this._receiver.removeAllListeners(),this._readyState=Gi.CLOSED,this.emit("close",this._closeCode,this._closeMessage)}close(o,a){if(this.readyState!==Gi.CLOSED){if(this.readyState===Gi.CONNECTING){let p="WebSocket was closed before the connection was established";return J1(this,this._req,p)}if(this.readyState===Gi.CLOSING){this._closeFrameSent&&this._closeFrameReceived&&this._socket.end();return}this._readyState=Gi.CLOSING,this._sender.close(o,a,!this._isServer,p=>{p||(this._closeFrameSent=!0,this._closeFrameReceived&&this._socket.end())}),this._closeTimer=setTimeout(this._socket.destroy.bind(this._socket),rb)}}ping(o,a,p){if(this.readyState===Gi.CONNECTING)throw new Error("WebSocket is not open: readyState 0 (CONNECTING)");if(typeof o=="function"?(p=o,o=a=void 0):typeof a=="function"&&(p=a,a=void 0),typeof o=="number"&&(o=o.toString()),this.readyState!==Gi.OPEN){JD(this,o,p);return}a===void 0&&(a=!this._isServer),this._sender.ping(o||XD,a,p)}pong(o,a,p){if(this.readyState===Gi.CONNECTING)throw new Error("WebSocket is not open: readyState 0 (CONNECTING)");if(typeof o=="function"?(p=o,o=a=void 0):typeof a=="function"&&(p=a,a=void 0),typeof o=="number"&&(o=o.toString()),this.readyState!==Gi.OPEN){JD(this,o,p);return}a===void 0&&(a=!this._isServer),this._sender.pong(o||XD,a,p)}send(o,a,p){if(this.readyState===Gi.CONNECTING)throw new Error("WebSocket is not open: readyState 0 (CONNECTING)");if(typeof a=="function"&&(p=a,a={}),typeof o=="number"&&(o=o.toString()),this.readyState!==Gi.OPEN){JD(this,o,p);return}let _=Ht({binary:typeof o!="string",mask:!this._isServer,compress:!0,fin:!0},a);this._extensions[h2.extensionName]||(_.compress=!1),this._sender.send(o||XD,_,p)}terminate(){if(this.readyState!==Gi.CLOSED){if(this.readyState===Gi.CONNECTING){let o="WebSocket was closed before the connection was established";return J1(this,this._req,o)}this._socket&&(this._readyState=Gi.CLOSING,this._socket.destroy())}}};pC.forEach((i,o)=>{let a={enumerable:!0,value:o};Object.defineProperty(Gi.prototype,i,a),Object.defineProperty(Gi,i,a)});["binaryType","bufferedAmount","extensions","protocol","readyState","url"].forEach(i=>{Object.defineProperty(Gi.prototype,i,{enumerable:!0})});["open","error","close","message"].forEach(i=>{Object.defineProperty(Gi.prototype,`on${i}`,{configurable:!0,enumerable:!0,get(){let o=this.listeners(i);for(let a=0;a<o.length;a++)if(o[a]._listener)return o[a]._listener},set(o){let a=this.listeners(i);for(let p=0;p<a.length;p++)a[p]._listener&&this.removeListener(i,a[p]);this.addEventListener(i,o)}})});Gi.prototype.addEventListener=ZI;Gi.prototype.removeEventListener=$I;aC.exports=Gi;function hC(i,o,a,p){let _=Zr(Ht({protocolVersion:QD[1],maxPayload:100*1024*1024,perMessageDeflate:!0,followRedirects:!1,maxRedirects:10},p),{createConnection:void 0,socketPath:void 0,hostname:void 0,protocol:void 0,timeout:void 0,method:void 0,host:void 0,path:void 0,port:void 0});if(!QD.includes(_.protocolVersion))throw new RangeError(`Unsupported protocol version: ${_.protocolVersion} (supported versions: ${QD.join(", ")})`);let t;o instanceof KD?(t=o,i._url=o.href):(t=new KD(o),i._url=o);let k=t.protocol==="ws+unix:";if(!t.host&&(!k||!t.pathname))throw new Error(`Invalid URL: ${i.url}`);let L=t.protocol==="wss:"||t.protocol==="https:",O=L?443:80,C=GI(16).toString("base64"),U=L?qI.get:WI.get,H;if(_.createConnection=L?cb:fb,_.defaultPort=_.defaultPort||O,_.port=t.port||O,_.host=t.hostname.startsWith("[")?t.hostname.slice(1,-1):t.hostname,_.headers=Ht({"Sec-WebSocket-Version":_.protocolVersion,"Sec-WebSocket-Key":C,Connection:"Upgrade",Upgrade:"websocket"},_.headers),_.path=t.pathname+t.search,_.timeout=_.handshakeTimeout,_.perMessageDeflate&&(H=new h2(_.perMessageDeflate!==!0?_.perMessageDeflate:{},!1,_.maxPayload),_.headers["Sec-WebSocket-Extensions"]=eb({[h2.extensionName]:H.offer()})),a&&(_.headers["Sec-WebSocket-Protocol"]=a),_.origin&&(_.protocolVersion<13?_.headers["Sec-WebSocket-Origin"]=_.origin:_.headers.Origin=_.origin),(t.username||t.password)&&(_.auth=`${t.username}:${t.password}`),k){let ne=_.path.split(":");_.socketPath=ne[0],_.path=ne[1]}let W=i._req=U(_);_.timeout&&W.on("timeout",()=>{J1(i,W,"Opening handshake has timed out")}),W.on("error",ne=>{W===null||W.aborted||(W=i._req=null,i._readyState=Gi.CLOSING,i.emit("error",ne),i.emitClose())}),W.on("response",ne=>{let m=ne.headers.location,he=ne.statusCode;if(m&&_.followRedirects&&he>=300&&he<400){if(++i._redirects>_.maxRedirects){J1(i,W,"Maximum redirects exceeded");return}W.abort();let Ee=new KD(m,o);hC(i,Ee,a,p)}else i.emit("unexpected-response",W,ne)||J1(i,W,`Unexpected server response: ${ne.statusCode}`)}),W.on("upgrade",(ne,m,he)=>{if(i.emit("upgrade",ne),i.readyState!==Gi.CONNECTING)return;W=i._req=null;let Ee=YI("sha1").update(C+QI).digest("base64");if(ne.headers["sec-websocket-accept"]!==Ee){J1(i,m,"Invalid Sec-WebSocket-Accept header");return}let ve=ne.headers["sec-websocket-protocol"],se=(a||"").split(/, */),De;if(!a&&ve?De="Server sent a subprotocol but none was requested":a&&!ve?De="Server sent no subprotocol":ve&&!se.includes(ve)&&(De="Server sent an invalid subprotocol"),De){J1(i,m,De);return}if(ve&&(i._protocol=ve),H)try{let pe=tb(ne.headers["sec-websocket-extensions"]);pe[h2.extensionName]&&(H.accept(pe[h2.extensionName]),i._extensions[h2.extensionName]=H)}catch(pe){J1(i,m,"Invalid Sec-WebSocket-Extensions header");return}i.setSocket(m,he,_.maxPayload)})}function fb(i){return i.path=i.socketPath,fC.connect(i)}function cb(i){return i.path=void 0,!i.servername&&i.servername!==""&&(i.servername=fC.isIP(i.host)?"":i.host),VI.connect(i)}function J1(i,o,a){i._readyState=Gi.CLOSING;let p=new Error(a);Error.captureStackTrace(p,J1),o.setHeader?(o.abort(),o.socket&&!o.socket.destroyed&&o.socket.destroy(),o.once("abort",i.emitClose.bind(i)),i.emit("error",p)):(o.destroy(p),o.once("error",i.emit.bind(i,"error")),o.once("close",i.emitClose.bind(i)))}function JD(i,o,a){if(o){let p=nb(o).length;i._socket?i._sender._bufferedBytes+=p:i._bufferedAmount+=p}if(a){let p=new Error(`WebSocket is not open: readyState ${i.readyState} (${pC[i.readyState]})`);a(p)}}function ib(i,o){let a=this[ta];a._socket.removeListener("data",X_),a._socket.resume(),a._closeFrameReceived=!0,a._closeMessage=o,a._closeCode=i,i===1005?a.close():a.close(i,o)}function ub(){this[ta]._socket.resume()}function ob(i){let o=this[ta];o._socket.removeListener("data",X_),o._readyState=Gi.CLOSING,o._closeCode=i[JI],o.emit("error",i),o._socket.destroy()}function gC(){this[ta].emitClose()}function lb(i){this[ta].emit("message",i)}function sb(i){let o=this[ta];o.pong(i,!o._isServer,dC),o.emit("ping",i)}function ab(i){this[ta].emit("pong",i)}function vC(){let i=this[ta];this.removeListener("close",vC),this.removeListener("end",mC),i._readyState=Gi.CLOSING,i._socket.read(),i._receiver.end(),this.removeListener("data",X_),this[ta]=void 0,clearTimeout(i._closeTimer),i._receiver._writableState.finished||i._receiver._writableState.errorEmitted?i.emitClose():(i._receiver.on("error",gC),i._receiver.on("finish",gC))}function X_(i){this[ta]._receiver.write(i)||this.pause()}function mC(){let i=this[ta];i._readyState=Gi.CLOSING,i._receiver.end(),this.end()}function yC(){let i=this[ta];this.removeListener("error",yC),this.on("error",dC),i&&(i._readyState=Gi.CLOSING,this.destroy())}});var wC=tt((lq,_C)=>{"use strict";var{Duplex:db}=require("stream");function EC(i){i.emit("close")}function pb(){!this.destroyed&&this._writableState.finished&&this.destroy()}function DC(i){this.removeListener("error",DC),this.destroy(),this.listenerCount("error")===0&&this.emit("error",i)}function hb(i,o){let a=!0;function p(){a&&i._socket.resume()}i.readyState===i.CONNECTING?i.once("open",function(){i._receiver.removeAllListeners("drain"),i._receiver.on("drain",p)}):(i._receiver.removeAllListeners("drain"),i._receiver.on("drain",p));let _=new db(Zr(Ht({},o),{autoDestroy:!1,emitClose:!1,objectMode:!1,writableObjectMode:!1}));return i.on("message",function(k){_.push(k)||(a=!1,i._socket.pause())}),i.once("error",function(k){_.destroyed||_.destroy(k)}),i.once("close",function(){_.destroyed||_.push(null)}),_._destroy=function(t,k){if(i.readyState===i.CLOSED){k(t),process.nextTick(EC,_);return}let L=!1;i.once("error",function(C){L=!0,k(C)}),i.once("close",function(){L||k(t),process.nextTick(EC,_)}),i.terminate()},_._final=function(t){if(i.readyState===i.CONNECTING){i.once("open",function(){_._final(t)});return}i._socket!==null&&(i._socket._writableState.finished?(t(),_._readableState.endEmitted&&_.destroy()):(i._socket.once("finish",function(){t()}),i.close()))},_._read=function(){i.readyState===i.OPEN&&!a&&(a=!0,i._receiver._writableState.needDrain||i._socket.resume())},_._write=function(t,k,L){if(i.readyState===i.CONNECTING){i.once("open",function(){_._write(t,k,L)});return}i.send(t,L)},_.on("end",pb),_.on("error",DC),_}_C.exports=hb});var CC=tt((sq,SC)=>{"use strict";var vb=require("events"),{createHash:mb}=require("crypto"),{createServer:yb,STATUS_CODES:$D}=require("http"),nh=$y(),gb=ZD(),{format:_b,parse:Eb}=YD(),{GUID:Db,kWebSocket:wb}=eh(),Sb=/^[+/0-9A-Za-z]{22}==$/,TC=class extends vb{constructor(o,a){super();if(o=Ht({maxPayload:100*1024*1024,perMessageDeflate:!1,handleProtocols:null,clientTracking:!0,verifyClient:null,noServer:!1,backlog:null,server:null,host:null,path:null,port:null},o),o.port==null&&!o.server&&!o.noServer)throw new TypeError('One of the "port", "server", or "noServer" options must be specified');if(o.port!=null?(this._server=yb((p,_)=>{let t=$D[426];_.writeHead(426,{"Content-Length":t.length,"Content-Type":"text/plain"}),_.end(t)}),this._server.listen(o.port,o.host,o.backlog,a)):o.server&&(this._server=o.server),this._server){let p=this.emit.bind(this,"connection");this._removeListeners=Tb(this._server,{listening:this.emit.bind(this,"listening"),error:this.emit.bind(this,"error"),upgrade:(_,t,k)=>{this.handleUpgrade(_,t,k,p)}})}o.perMessageDeflate===!0&&(o.perMessageDeflate={}),o.clientTracking&&(this.clients=new Set),this.options=o}address(){if(this.options.noServer)throw new Error('The server is operating in "noServer" mode');return this._server?this._server.address():null}close(o){if(o&&this.once("close",o),this.clients)for(let p of this.clients)p.terminate();let a=this._server;if(a&&(this._removeListeners(),this._removeListeners=this._server=null,this.options.port!=null)){a.close(()=>this.emit("close"));return}process.nextTick(Cb,this)}shouldHandle(o){if(this.options.path){let a=o.url.indexOf("?");if((a!==-1?o.url.slice(0,a):o.url)!==this.options.path)return!1}return!0}handleUpgrade(o,a,p,_){a.on("error",e3);let t=o.headers["sec-websocket-key"]!==void 0?o.headers["sec-websocket-key"].trim():!1,k=+o.headers["sec-websocket-version"],L={};if(o.method!=="GET"||o.headers.upgrade.toLowerCase()!=="websocket"||!t||!Sb.test(t)||k!==8&&k!==13||!this.shouldHandle(o))return Q_(a,400);if(this.options.perMessageDeflate){let O=new nh(this.options.perMessageDeflate,!0,this.options.maxPayload);try{let C=Eb(o.headers["sec-websocket-extensions"]);C[nh.extensionName]&&(O.accept(C[nh.extensionName]),L[nh.extensionName]=O)}catch(C){return Q_(a,400)}}if(this.options.verifyClient){let O={origin:o.headers[`${k===8?"sec-websocket-origin":"origin"}`],secure:!!(o.socket.authorized||o.socket.encrypted),req:o};if(this.options.verifyClient.length===2){this.options.verifyClient(O,(C,U,H,W)=>{if(!C)return Q_(a,U||401,H,W);this.completeUpgrade(t,L,o,a,p,_)});return}if(!this.options.verifyClient(O))return Q_(a,401)}this.completeUpgrade(t,L,o,a,p,_)}completeUpgrade(o,a,p,_,t,k){if(!_.readable||!_.writable)return _.destroy();if(_[wb])throw new Error("server.handleUpgrade() was called more than once with the same socket, possibly due to a misconfiguration");let L=mb("sha1").update(o+Db).digest("base64"),O=["HTTP/1.1 101 Switching Protocols","Upgrade: websocket","Connection: Upgrade",`Sec-WebSocket-Accept: ${L}`],C=new gb(null),U=p.headers["sec-websocket-protocol"];if(U&&(U=U.split(",").map(xb),this.options.handleProtocols?U=this.options.handleProtocols(U,p):U=U[0],U&&(O.push(`Sec-WebSocket-Protocol: ${U}`),C._protocol=U)),a[nh.extensionName]){let H=a[nh.extensionName].params,W=_b({[nh.extensionName]:[H]});O.push(`Sec-WebSocket-Extensions: ${W}`),C._extensions=a}this.emit("headers",O,p),_.write(O.concat(`\r
-`).join(`\r
-`)),_.removeListener("error",e3),C.setSocket(_,t,this.options.maxPayload),this.clients&&(this.clients.add(C),C.on("close",()=>this.clients.delete(C))),k(C,p)}};SC.exports=TC;function Tb(i,o){for(let a of Object.keys(o))i.on(a,o[a]);return function(){for(let p of Object.keys(o))i.removeListener(p,o[p])}}function Cb(i){i.emit("close")}function e3(){this.destroy()}function Q_(i,o,a,p){i.writable&&(a=a||$D[o],p=Ht({Connection:"close","Content-Type":"text/html","Content-Length":Buffer.byteLength(a)},p),i.write(`HTTP/1.1 ${o} ${$D[o]}\r
-`+Object.keys(p).map(_=>`${_}: ${p[_]}`).join(`\r
-`)+`\r
-\r
-`+a)),i.removeListener("error",e3),i.destroy()}function xb(i){return i.trim()}});var RC=tt((aq,xC)=>{"use strict";var rg=ZD();rg.createWebSocketStream=wC();rg.Server=CC();rg.Receiver=VD();rg.Sender=GD();xC.exports=rg});var AC=tt(J_=>{"use strict";var Rb=J_&&J_.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(J_,"__esModule",{value:!0});var Ab=Rb(RC()),ig=global;ig.WebSocket||(ig.WebSocket=Ab.default);ig.window||(ig.window=global);ig.window.__REACT_DEVTOOLS_COMPONENT_FILTERS__=[{type:1,value:7,isEnabled:!0},{type:2,value:"InternalApp",isEnabled:!0,isValid:!0},{type:2,value:"InternalAppContext",isEnabled:!0,isValid:!0},{type:2,value:"InternalStdoutContext",isEnabled:!0,isValid:!0},{type:2,value:"InternalStderrContext",isEnabled:!0,isValid:!0},{type:2,value:"InternalStdinContext",isEnabled:!0,isValid:!0},{type:2,value:"InternalFocusContext",isEnabled:!0,isValid:!0}]});var OC=tt((Z_,t3)=>{(function(i,o){typeof Z_=="object"&&typeof t3=="object"?t3.exports=o():typeof define=="function"&&define.amd?define([],o):typeof Z_=="object"?Z_.ReactDevToolsBackend=o():i.ReactDevToolsBackend=o()})(window,function(){return function(i){var o={};function a(p){if(o[p])return o[p].exports;var _=o[p]={i:p,l:!1,exports:{}};return i[p].call(_.exports,_,_.exports,a),_.l=!0,_.exports}return a.m=i,a.c=o,a.d=function(p,_,t){a.o(p,_)||Object.defineProperty(p,_,{enumerable:!0,get:t})},a.r=function(p){typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(p,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(p,"__esModule",{value:!0})},a.t=function(p,_){if(1&_&&(p=a(p)),8&_||4&_&&typeof p=="object"&&p&&p.__esModule)return p;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:p}),2&_&&typeof p!="string")for(var k in p)a.d(t,k,function(L){return p[L]}.bind(null,k));return t},a.n=function(p){var _=p&&p.__esModule?function(){return p.default}:function(){return p};return a.d(_,"a",_),_},a.o=function(p,_){return Object.prototype.hasOwnProperty.call(p,_)},a.p="",a(a.s=20)}([function(i,o,a){"use strict";i.exports=a(12)},function(i,o,a){"use strict";var p=Object.getOwnPropertySymbols,_=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;function k(L){if(L==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(L)}i.exports=function(){try{if(!Object.assign)return!1;var L=new String("abc");if(L[5]="de",Object.getOwnPropertyNames(L)[0]==="5")return!1;for(var O={},C=0;C<10;C++)O["_"+String.fromCharCode(C)]=C;if(Object.getOwnPropertyNames(O).map(function(H){return O[H]}).join("")!=="0123456789")return!1;var U={};return"abcdefghijklmnopqrst".split("").forEach(function(H){U[H]=H}),Object.keys(Object.assign({},U)).join("")==="abcdefghijklmnopqrst"}catch(H){return!1}}()?Object.assign:function(L,O){for(var C,U,H=k(L),W=1;W<arguments.length;W++){for(var ne in C=Object(arguments[W]))_.call(C,ne)&&(H[ne]=C[ne]);if(p){U=p(C);for(var m=0;m<U.length;m++)t.call(C,U[m])&&(H[U[m]]=C[U[m]])}}return H}},function(i,o,a){(function(p){function _(me){return(_=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(ie){return typeof ie}:function(ie){return ie&&typeof Symbol=="function"&&ie.constructor===Symbol&&ie!==Symbol.prototype?"symbol":typeof ie})(me)}var t=/^\s+|\s+$/g,k=/^[-+]0x[0-9a-f]+$/i,L=/^0b[01]+$/i,O=/^0o[0-7]+$/i,C=parseInt,U=(p===void 0?"undefined":_(p))=="object"&&p&&p.Object===Object&&p,H=(typeof self=="undefined"?"undefined":_(self))=="object"&&self&&self.Object===Object&&self,W=U||H||Function("return this")(),ne=Object.prototype.toString,m=Math.max,he=Math.min,Ee=function(){return W.Date.now()};function ve(me,ie,Oe){var je,qe,yt,gt,Xe,ut,We=0,Ft=!1,Jt=!1,rt=!0;if(typeof me!="function")throw new TypeError("Expected a function");function Q(Rt){var nn=je,an=qe;return je=qe=void 0,We=Rt,gt=me.apply(an,nn)}function fe(Rt){return We=Rt,Xe=setTimeout(oe,ie),Ft?Q(Rt):gt}function xe(Rt){var nn=Rt-ut;return ut===void 0||nn>=ie||nn<0||Jt&&Rt-We>=yt}function oe(){var Rt=Ee();if(xe(Rt))return ze(Rt);Xe=setTimeout(oe,function(nn){var an=ie-(nn-ut);return Jt?he(an,yt-(nn-We)):an}(Rt))}function ze(Rt){return Xe=void 0,rt&&je?Q(Rt):(je=qe=void 0,gt)}function ct(){var Rt=Ee(),nn=xe(Rt);if(je=arguments,qe=this,ut=Rt,nn){if(Xe===void 0)return fe(ut);if(Jt)return Xe=setTimeout(oe,ie),Q(ut)}return Xe===void 0&&(Xe=setTimeout(oe,ie)),gt}return ie=pe(ie)||0,se(Oe)&&(Ft=!!Oe.leading,yt=(Jt="maxWait"in Oe)?m(pe(Oe.maxWait)||0,ie):yt,rt="trailing"in Oe?!!Oe.trailing:rt),ct.cancel=function(){Xe!==void 0&&clearTimeout(Xe),We=0,je=ut=qe=Xe=void 0},ct.flush=function(){return Xe===void 0?gt:ze(Ee())},ct}function se(me){var ie=_(me);return!!me&&(ie=="object"||ie=="function")}function De(me){return _(me)=="symbol"||function(ie){return!!ie&&_(ie)=="object"}(me)&&ne.call(me)=="[object Symbol]"}function pe(me){if(typeof me=="number")return me;if(De(me))return NaN;if(se(me)){var ie=typeof me.valueOf=="function"?me.valueOf():me;me=se(ie)?ie+"":ie}if(typeof me!="string")return me===0?me:+me;me=me.replace(t,"");var Oe=L.test(me);return Oe||O.test(me)?C(me.slice(2),Oe?2:8):k.test(me)?NaN:+me}i.exports=function(me,ie,Oe){var je=!0,qe=!0;if(typeof me!="function")throw new TypeError("Expected a function");return se(Oe)&&(je="leading"in Oe?!!Oe.leading:je,qe="trailing"in Oe?!!Oe.trailing:qe),ve(me,ie,{leading:je,maxWait:ie,trailing:qe})}}).call(this,a(4))},function(i,o,a){(function(p){function _(Q){return(_=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(fe){return typeof fe}:function(fe){return fe&&typeof Symbol=="function"&&fe.constructor===Symbol&&fe!==Symbol.prototype?"symbol":typeof fe})(Q)}var t;o=i.exports=m,t=(p===void 0?"undefined":_(p))==="object"&&p.env&&p.env.NODE_DEBUG&&/\bsemver\b/i.test(p.env.NODE_DEBUG)?function(){var Q=Array.prototype.slice.call(arguments,0);Q.unshift("SEMVER"),console.log.apply(console,Q)}:function(){},o.SEMVER_SPEC_VERSION="2.0.0";var k=Number.MAX_SAFE_INTEGER||9007199254740991,L=o.re=[],O=o.src=[],C=o.tokens={},U=0;function H(Q){C[Q]=U++}H("NUMERICIDENTIFIER"),O[C.NUMERICIDENTIFIER]="0|[1-9]\\d*",H("NUMERICIDENTIFIERLOOSE"),O[C.NUMERICIDENTIFIERLOOSE]="[0-9]+",H("NONNUMERICIDENTIFIER"),O[C.NONNUMERICIDENTIFIER]="\\d*[a-zA-Z-][a-zA-Z0-9-]*",H("MAINVERSION"),O[C.MAINVERSION]="("+O[C.NUMERICIDENTIFIER]+")\\.("+O[C.NUMERICIDENTIFIER]+")\\.("+O[C.NUMERICIDENTIFIER]+")",H("MAINVERSIONLOOSE"),O[C.MAINVERSIONLOOSE]="("+O[C.NUMERICIDENTIFIERLOOSE]+")\\.("+O[C.NUMERICIDENTIFIERLOOSE]+")\\.("+O[C.NUMERICIDENTIFIERLOOSE]+")",H("PRERELEASEIDENTIFIER"),O[C.PRERELEASEIDENTIFIER]="(?:"+O[C.NUMERICIDENTIFIER]+"|"+O[C.NONNUMERICIDENTIFIER]+")",H("PRERELEASEIDENTIFIERLOOSE"),O[C.PRERELEASEIDENTIFIERLOOSE]="(?:"+O[C.NUMERICIDENTIFIERLOOSE]+"|"+O[C.NONNUMERICIDENTIFIER]+")",H("PRERELEASE"),O[C.PRERELEASE]="(?:-("+O[C.PRERELEASEIDENTIFIER]+"(?:\\."+O[C.PRERELEASEIDENTIFIER]+")*))",H("PRERELEASELOOSE"),O[C.PRERELEASELOOSE]="(?:-?("+O[C.PRERELEASEIDENTIFIERLOOSE]+"(?:\\."+O[C.PRERELEASEIDENTIFIERLOOSE]+")*))",H("BUILDIDENTIFIER"),O[C.BUILDIDENTIFIER]="[0-9A-Za-z-]+",H("BUILD"),O[C.BUILD]="(?:\\+("+O[C.BUILDIDENTIFIER]+"(?:\\."+O[C.BUILDIDENTIFIER]+")*))",H("FULL"),H("FULLPLAIN"),O[C.FULLPLAIN]="v?"+O[C.MAINVERSION]+O[C.PRERELEASE]+"?"+O[C.BUILD]+"?",O[C.FULL]="^"+O[C.FULLPLAIN]+"$",H("LOOSEPLAIN"),O[C.LOOSEPLAIN]="[v=\\s]*"+O[C.MAINVERSIONLOOSE]+O[C.PRERELEASELOOSE]+"?"+O[C.BUILD]+"?",H("LOOSE"),O[C.LOOSE]="^"+O[C.LOOSEPLAIN]+"$",H("GTLT"),O[C.GTLT]="((?:<|>)?=?)",H("XRANGEIDENTIFIERLOOSE"),O[C.XRANGEIDENTIFIERLOOSE]=O[C.NUMERICIDENTIFIERLOOSE]+"|x|X|\\*",H("XRANGEIDENTIFIER"),O[C.XRANGEIDENTIFIER]=O[C.NUMERICIDENTIFIER]+"|x|X|\\*",H("XRANGEPLAIN"),O[C.XRANGEPLAIN]="[v=\\s]*("+O[C.XRANGEIDENTIFIER]+")(?:\\.("+O[C.XRANGEIDENTIFIER]+")(?:\\.("+O[C.XRANGEIDENTIFIER]+")(?:"+O[C.PRERELEASE]+")?"+O[C.BUILD]+"?)?)?",H("XRANGEPLAINLOOSE"),O[C.XRANGEPLAINLOOSE]="[v=\\s]*("+O[C.XRANGEIDENTIFIERLOOSE]+")(?:\\.("+O[C.XRANGEIDENTIFIERLOOSE]+")(?:\\.("+O[C.XRANGEIDENTIFIERLOOSE]+")(?:"+O[C.PRERELEASELOOSE]+")?"+O[C.BUILD]+"?)?)?",H("XRANGE"),O[C.XRANGE]="^"+O[C.GTLT]+"\\s*"+O[C.XRANGEPLAIN]+"$",H("XRANGELOOSE"),O[C.XRANGELOOSE]="^"+O[C.GTLT]+"\\s*"+O[C.XRANGEPLAINLOOSE]+"$",H("COERCE"),O[C.COERCE]="(^|[^\\d])(\\d{1,16})(?:\\.(\\d{1,16}))?(?:\\.(\\d{1,16}))?(?:$|[^\\d])",H("COERCERTL"),L[C.COERCERTL]=new RegExp(O[C.COERCE],"g"),H("LONETILDE"),O[C.LONETILDE]="(?:~>?)",H("TILDETRIM"),O[C.TILDETRIM]="(\\s*)"+O[C.LONETILDE]+"\\s+",L[C.TILDETRIM]=new RegExp(O[C.TILDETRIM],"g"),H("TILDE"),O[C.TILDE]="^"+O[C.LONETILDE]+O[C.XRANGEPLAIN]+"$",H("TILDELOOSE"),O[C.TILDELOOSE]="^"+O[C.LONETILDE]+O[C.XRANGEPLAINLOOSE]+"$",H("LONECARET"),O[C.LONECARET]="(?:\\^)",H("CARETTRIM"),O[C.CARETTRIM]="(\\s*)"+O[C.LONECARET]+"\\s+",L[C.CARETTRIM]=new RegExp(O[C.CARETTRIM],"g"),H("CARET"),O[C.CARET]="^"+O[C.LONECARET]+O[C.XRANGEPLAIN]+"$",H("CARETLOOSE"),O[C.CARETLOOSE]="^"+O[C.LONECARET]+O[C.XRANGEPLAINLOOSE]+"$",H("COMPARATORLOOSE"),O[C.COMPARATORLOOSE]="^"+O[C.GTLT]+"\\s*("+O[C.LOOSEPLAIN]+")$|^$",H("COMPARATOR"),O[C.COMPARATOR]="^"+O[C.GTLT]+"\\s*("+O[C.FULLPLAIN]+")$|^$",H("COMPARATORTRIM"),O[C.COMPARATORTRIM]="(\\s*)"+O[C.GTLT]+"\\s*("+O[C.LOOSEPLAIN]+"|"+O[C.XRANGEPLAIN]+")",L[C.COMPARATORTRIM]=new RegExp(O[C.COMPARATORTRIM],"g"),H("HYPHENRANGE"),O[C.HYPHENRANGE]="^\\s*("+O[C.XRANGEPLAIN]+")\\s+-\\s+("+O[C.XRANGEPLAIN]+")\\s*$",H("HYPHENRANGELOOSE"),O[C.HYPHENRANGELOOSE]="^\\s*("+O[C.XRANGEPLAINLOOSE]+")\\s+-\\s+("+O[C.XRANGEPLAINLOOSE]+")\\s*$",H("STAR"),O[C.STAR]="(<|>)?=?\\s*\\*";for(var W=0;W<U;W++)t(W,O[W]),L[W]||(L[W]=new RegExp(O[W]));function ne(Q,fe){if(fe&&_(fe)==="object"||(fe={loose:!!fe,includePrerelease:!1}),Q instanceof m)return Q;if(typeof Q!="string"||Q.length>256||!(fe.loose?L[C.LOOSE]:L[C.FULL]).test(Q))return null;try{return new m(Q,fe)}catch(xe){return null}}function m(Q,fe){if(fe&&_(fe)==="object"||(fe={loose:!!fe,includePrerelease:!1}),Q instanceof m){if(Q.loose===fe.loose)return Q;Q=Q.version}else if(typeof Q!="string")throw new TypeError("Invalid Version: "+Q);if(Q.length>256)throw new TypeError("version is longer than 256 characters");if(!(this instanceof m))return new m(Q,fe);t("SemVer",Q,fe),this.options=fe,this.loose=!!fe.loose;var xe=Q.trim().match(fe.loose?L[C.LOOSE]:L[C.FULL]);if(!xe)throw new TypeError("Invalid Version: "+Q);if(this.raw=Q,this.major=+xe[1],this.minor=+xe[2],this.patch=+xe[3],this.major>k||this.major<0)throw new TypeError("Invalid major version");if(this.minor>k||this.minor<0)throw new TypeError("Invalid minor version");if(this.patch>k||this.patch<0)throw new TypeError("Invalid patch version");xe[4]?this.prerelease=xe[4].split(".").map(function(oe){if(/^[0-9]+$/.test(oe)){var ze=+oe;if(ze>=0&&ze<k)return ze}return oe}):this.prerelease=[],this.build=xe[5]?xe[5].split("."):[],this.format()}o.parse=ne,o.valid=function(Q,fe){var xe=ne(Q,fe);return xe?xe.version:null},o.clean=function(Q,fe){var xe=ne(Q.trim().replace(/^[=v]+/,""),fe);return xe?xe.version:null},o.SemVer=m,m.prototype.format=function(){return this.version=this.major+"."+this.minor+"."+this.patch,this.prerelease.length&&(this.version+="-"+this.prerelease.join(".")),this.version},m.prototype.toString=function(){return this.version},m.prototype.compare=function(Q){return t("SemVer.compare",this.version,this.options,Q),Q instanceof m||(Q=new m(Q,this.options)),this.compareMain(Q)||this.comparePre(Q)},m.prototype.compareMain=function(Q){return Q instanceof m||(Q=new m(Q,this.options)),Ee(this.major,Q.major)||Ee(this.minor,Q.minor)||Ee(this.patch,Q.patch)},m.prototype.comparePre=function(Q){if(Q instanceof m||(Q=new m(Q,this.options)),this.prerelease.length&&!Q.prerelease.length)return-1;if(!this.prerelease.length&&Q.prerelease.length)return 1;if(!this.prerelease.length&&!Q.prerelease.length)return 0;var fe=0;do{var xe=this.prerelease[fe],oe=Q.prerelease[fe];if(t("prerelease compare",fe,xe,oe),xe===void 0&&oe===void 0)return 0;if(oe===void 0)return 1;if(xe===void 0)return-1;if(xe!==oe)return Ee(xe,oe)}while(++fe)},m.prototype.compareBuild=function(Q){Q instanceof m||(Q=new m(Q,this.options));var fe=0;do{var xe=this.build[fe],oe=Q.build[fe];if(t("prerelease compare",fe,xe,oe),xe===void 0&&oe===void 0)return 0;if(oe===void 0)return 1;if(xe===void 0)return-1;if(xe!==oe)return Ee(xe,oe)}while(++fe)},m.prototype.inc=function(Q,fe){switch(Q){case"premajor":this.prerelease.length=0,this.patch=0,this.minor=0,this.major++,this.inc("pre",fe);break;case"preminor":this.prerelease.length=0,this.patch=0,this.minor++,this.inc("pre",fe);break;case"prepatch":this.prerelease.length=0,this.inc("patch",fe),this.inc("pre",fe);break;case"prerelease":this.prerelease.length===0&&this.inc("patch",fe),this.inc("pre",fe);break;case"major":this.minor===0&&this.patch===0&&this.prerelease.length!==0||this.major++,this.minor=0,this.patch=0,this.prerelease=[];break;case"minor":this.patch===0&&this.prerelease.length!==0||this.minor++,this.patch=0,this.prerelease=[];break;case"patch":this.prerelease.length===0&&this.patch++,this.prerelease=[];break;case"pre":if(this.prerelease.length===0)this.prerelease=[0];else{for(var xe=this.prerelease.length;--xe>=0;)typeof this.prerelease[xe]=="number"&&(this.prerelease[xe]++,xe=-2);xe===-1&&this.prerelease.push(0)}fe&&(this.prerelease[0]===fe?isNaN(this.prerelease[1])&&(this.prerelease=[fe,0]):this.prerelease=[fe,0]);break;default:throw new Error("invalid increment argument: "+Q)}return this.format(),this.raw=this.version,this},o.inc=function(Q,fe,xe,oe){typeof xe=="string"&&(oe=xe,xe=void 0);try{return new m(Q,xe).inc(fe,oe).version}catch(ze){return null}},o.diff=function(Q,fe){if(pe(Q,fe))return null;var xe=ne(Q),oe=ne(fe),ze="";if(xe.prerelease.length||oe.prerelease.length){ze="pre";var ct="prerelease"}for(var Rt in xe)if((Rt==="major"||Rt==="minor"||Rt==="patch")&&xe[Rt]!==oe[Rt])return ze+Rt;return ct},o.compareIdentifiers=Ee;var he=/^[0-9]+$/;function Ee(Q,fe){var xe=he.test(Q),oe=he.test(fe);return xe&&oe&&(Q=+Q,fe=+fe),Q===fe?0:xe&&!oe?-1:oe&&!xe?1:Q<fe?-1:1}function ve(Q,fe,xe){return new m(Q,xe).compare(new m(fe,xe))}function se(Q,fe,xe){return ve(Q,fe,xe)>0}function De(Q,fe,xe){return ve(Q,fe,xe)<0}function pe(Q,fe,xe){return ve(Q,fe,xe)===0}function me(Q,fe,xe){return ve(Q,fe,xe)!==0}function ie(Q,fe,xe){return ve(Q,fe,xe)>=0}function Oe(Q,fe,xe){return ve(Q,fe,xe)<=0}function je(Q,fe,xe,oe){switch(fe){case"===":return _(Q)==="object"&&(Q=Q.version),_(xe)==="object"&&(xe=xe.version),Q===xe;case"!==":return _(Q)==="object"&&(Q=Q.version),_(xe)==="object"&&(xe=xe.version),Q!==xe;case"":case"=":case"==":return pe(Q,xe,oe);case"!=":return me(Q,xe,oe);case">":return se(Q,xe,oe);case">=":return ie(Q,xe,oe);case"<":return De(Q,xe,oe);case"<=":return Oe(Q,xe,oe);default:throw new TypeError("Invalid operator: "+fe)}}function qe(Q,fe){if(fe&&_(fe)==="object"||(fe={loose:!!fe,includePrerelease:!1}),Q instanceof qe){if(Q.loose===!!fe.loose)return Q;Q=Q.value}if(!(this instanceof qe))return new qe(Q,fe);t("comparator",Q,fe),this.options=fe,this.loose=!!fe.loose,this.parse(Q),this.semver===yt?this.value="":this.value=this.operator+this.semver.version,t("comp",this)}o.rcompareIdentifiers=function(Q,fe){return Ee(fe,Q)},o.major=function(Q,fe){return new m(Q,fe).major},o.minor=function(Q,fe){return new m(Q,fe).minor},o.patch=function(Q,fe){return new m(Q,fe).patch},o.compare=ve,o.compareLoose=function(Q,fe){return ve(Q,fe,!0)},o.compareBuild=function(Q,fe,xe){var oe=new m(Q,xe),ze=new m(fe,xe);return oe.compare(ze)||oe.compareBuild(ze)},o.rcompare=function(Q,fe,xe){return ve(fe,Q,xe)},o.sort=function(Q,fe){return Q.sort(function(xe,oe){return o.compareBuild(xe,oe,fe)})},o.rsort=function(Q,fe){return Q.sort(function(xe,oe){return o.compareBuild(oe,xe,fe)})},o.gt=se,o.lt=De,o.eq=pe,o.neq=me,o.gte=ie,o.lte=Oe,o.cmp=je,o.Comparator=qe;var yt={};function gt(Q,fe){if(fe&&_(fe)==="object"||(fe={loose:!!fe,includePrerelease:!1}),Q instanceof gt)return Q.loose===!!fe.loose&&Q.includePrerelease===!!fe.includePrerelease?Q:new gt(Q.raw,fe);if(Q instanceof qe)return new gt(Q.value,fe);if(!(this instanceof gt))return new gt(Q,fe);if(this.options=fe,this.loose=!!fe.loose,this.includePrerelease=!!fe.includePrerelease,this.raw=Q,this.set=Q.split(/\s*\|\|\s*/).map(function(xe){return this.parseRange(xe.trim())},this).filter(function(xe){return xe.length}),!this.set.length)throw new TypeError("Invalid SemVer Range: "+Q);this.format()}function Xe(Q,fe){for(var xe=!0,oe=Q.slice(),ze=oe.pop();xe&&oe.length;)xe=oe.every(function(ct){return ze.intersects(ct,fe)}),ze=oe.pop();return xe}function ut(Q){return!Q||Q.toLowerCase()==="x"||Q==="*"}function We(Q,fe,xe,oe,ze,ct,Rt,nn,an,Mn,lr,ln,Vt){return((fe=ut(xe)?"":ut(oe)?">="+xe+".0.0":ut(ze)?">="+xe+"."+oe+".0":">="+fe)+" "+(nn=ut(an)?"":ut(Mn)?"<"+(+an+1)+".0.0":ut(lr)?"<"+an+"."+(+Mn+1)+".0":ln?"<="+an+"."+Mn+"."+lr+"-"+ln:"<="+nn)).trim()}function Ft(Q,fe,xe){for(var oe=0;oe<Q.length;oe++)if(!Q[oe].test(fe))return!1;if(fe.prerelease.length&&!xe.includePrerelease){for(oe=0;oe<Q.length;oe++)if(t(Q[oe].semver),Q[oe].semver!==yt&&Q[oe].semver.prerelease.length>0){var ze=Q[oe].semver;if(ze.major===fe.major&&ze.minor===fe.minor&&ze.patch===fe.patch)return!0}return!1}return!0}function Jt(Q,fe,xe){try{fe=new gt(fe,xe)}catch(oe){return!1}return fe.test(Q)}function rt(Q,fe,xe,oe){var ze,ct,Rt,nn,an;switch(Q=new m(Q,oe),fe=new gt(fe,oe),xe){case">":ze=se,ct=Oe,Rt=De,nn=">",an=">=";break;case"<":ze=De,ct=ie,Rt=se,nn="<",an="<=";break;default:throw new TypeError('Must provide a hilo val of "<" or ">"')}if(Jt(Q,fe,oe))return!1;for(var Mn=0;Mn<fe.set.length;++Mn){var lr=fe.set[Mn],ln=null,Vt=null;if(lr.forEach(function(Er){Er.semver===yt&&(Er=new qe(">=0.0.0")),ln=ln||Er,Vt=Vt||Er,ze(Er.semver,ln.semver,oe)?ln=Er:Rt(Er.semver,Vt.semver,oe)&&(Vt=Er)}),ln.operator===nn||ln.operator===an||(!Vt.operator||Vt.operator===nn)&&ct(Q,Vt.semver)||Vt.operator===an&&Rt(Q,Vt.semver))return!1}return!0}qe.prototype.parse=function(Q){var fe=this.options.loose?L[C.COMPARATORLOOSE]:L[C.COMPARATOR],xe=Q.match(fe);if(!xe)throw new TypeError("Invalid comparator: "+Q);this.operator=xe[1]!==void 0?xe[1]:"",this.operator==="="&&(this.operator=""),xe[2]?this.semver=new m(xe[2],this.options.loose):this.semver=yt},qe.prototype.toString=function(){return this.value},qe.prototype.test=function(Q){if(t("Comparator.test",Q,this.options.loose),this.semver===yt||Q===yt)return!0;if(typeof Q=="string")try{Q=new m(Q,this.options)}catch(fe){return!1}return je(Q,this.operator,this.semver,this.options)},qe.prototype.intersects=function(Q,fe){if(!(Q instanceof qe))throw new TypeError("a Comparator is required");var xe;if(fe&&_(fe)==="object"||(fe={loose:!!fe,includePrerelease:!1}),this.operator==="")return this.value===""||(xe=new gt(Q.value,fe),Jt(this.value,xe,fe));if(Q.operator==="")return Q.value===""||(xe=new gt(this.value,fe),Jt(Q.semver,xe,fe));var oe=!(this.operator!==">="&&this.operator!==">"||Q.operator!==">="&&Q.operator!==">"),ze=!(this.operator!=="<="&&this.operator!=="<"||Q.operator!=="<="&&Q.operator!=="<"),ct=this.semver.version===Q.semver.version,Rt=!(this.operator!==">="&&this.operator!=="<="||Q.operator!==">="&&Q.operator!=="<="),nn=je(this.semver,"<",Q.semver,fe)&&(this.operator===">="||this.operator===">")&&(Q.operator==="<="||Q.operator==="<"),an=je(this.semver,">",Q.semver,fe)&&(this.operator==="<="||this.operator==="<")&&(Q.operator===">="||Q.operator===">");return oe||ze||ct&&Rt||nn||an},o.Range=gt,gt.prototype.format=function(){return this.range=this.set.map(function(Q){return Q.join(" ").trim()}).join("||").trim(),this.range},gt.prototype.toString=function(){return this.range},gt.prototype.parseRange=function(Q){var fe=this.options.loose;Q=Q.trim();var xe=fe?L[C.HYPHENRANGELOOSE]:L[C.HYPHENRANGE];Q=Q.replace(xe,We),t("hyphen replace",Q),Q=Q.replace(L[C.COMPARATORTRIM],"$1$2$3"),t("comparator trim",Q,L[C.COMPARATORTRIM]),Q=(Q=(Q=Q.replace(L[C.TILDETRIM],"$1~")).replace(L[C.CARETTRIM],"$1^")).split(/\s+/).join(" ");var oe=fe?L[C.COMPARATORLOOSE]:L[C.COMPARATOR],ze=Q.split(" ").map(function(ct){return function(Rt,nn){return t("comp",Rt,nn),Rt=function(an,Mn){return an.trim().split(/\s+/).map(function(lr){return function(ln,Vt){t("caret",ln,Vt);var Er=Vt.loose?L[C.CARETLOOSE]:L[C.CARET];return ln.replace(Er,function(w,jt,Xn,vr,jr){var fr;return t("caret",ln,w,jt,Xn,vr,jr),ut(jt)?fr="":ut(Xn)?fr=">="+jt+".0.0 <"+(+jt+1)+".0.0":ut(vr)?fr=jt==="0"?">="+jt+"."+Xn+".0 <"+jt+"."+(+Xn+1)+".0":">="+jt+"."+Xn+".0 <"+(+jt+1)+".0.0":jr?(t("replaceCaret pr",jr),fr=jt==="0"?Xn==="0"?">="+jt+"."+Xn+"."+vr+"-"+jr+" <"+jt+"."+Xn+"."+(+vr+1):">="+jt+"."+Xn+"."+vr+"-"+jr+" <"+jt+"."+(+Xn+1)+".0":">="+jt+"."+Xn+"."+vr+"-"+jr+" <"+(+jt+1)+".0.0"):(t("no pr"),fr=jt==="0"?Xn==="0"?">="+jt+"."+Xn+"."+vr+" <"+jt+"."+Xn+"."+(+vr+1):">="+jt+"."+Xn+"."+vr+" <"+jt+"."+(+Xn+1)+".0":">="+jt+"."+Xn+"."+vr+" <"+(+jt+1)+".0.0"),t("caret return",fr),fr})}(lr,Mn)}).join(" ")}(Rt,nn),t("caret",Rt),Rt=function(an,Mn){return an.trim().split(/\s+/).map(function(lr){return function(ln,Vt){var Er=Vt.loose?L[C.TILDELOOSE]:L[C.TILDE];return ln.replace(Er,function(w,jt,Xn,vr,jr){var fr;return t("tilde",ln,w,jt,Xn,vr,jr),ut(jt)?fr="":ut(Xn)?fr=">="+jt+".0.0 <"+(+jt+1)+".0.0":ut(vr)?fr=">="+jt+"."+Xn+".0 <"+jt+"."+(+Xn+1)+".0":jr?(t("replaceTilde pr",jr),fr=">="+jt+"."+Xn+"."+vr+"-"+jr+" <"+jt+"."+(+Xn+1)+".0"):fr=">="+jt+"."+Xn+"."+vr+" <"+jt+"."+(+Xn+1)+".0",t("tilde return",fr),fr})}(lr,Mn)}).join(" ")}(Rt,nn),t("tildes",Rt),Rt=function(an,Mn){return t("replaceXRanges",an,Mn),an.split(/\s+/).map(function(lr){return function(ln,Vt){ln=ln.trim();var Er=Vt.loose?L[C.XRANGELOOSE]:L[C.XRANGE];return ln.replace(Er,function(w,jt,Xn,vr,jr,fr){t("xRange",ln,w,jt,Xn,vr,jr,fr);var zr=ut(Xn),Xt=zr||ut(vr),wu=Xt||ut(jr),d0=wu;return jt==="="&&d0&&(jt=""),fr=Vt.includePrerelease?"-0":"",zr?w=jt===">"||jt==="<"?"<0.0.0-0":"*":jt&&d0?(Xt&&(vr=0),jr=0,jt===">"?(jt=">=",Xt?(Xn=+Xn+1,vr=0,jr=0):(vr=+vr+1,jr=0)):jt==="<="&&(jt="<",Xt?Xn=+Xn+1:vr=+vr+1),w=jt+Xn+"."+vr+"."+jr+fr):Xt?w=">="+Xn+".0.0"+fr+" <"+(+Xn+1)+".0.0"+fr:wu&&(w=">="+Xn+"."+vr+".0"+fr+" <"+Xn+"."+(+vr+1)+".0"+fr),t("xRange return",w),w})}(lr,Mn)}).join(" ")}(Rt,nn),t("xrange",Rt),Rt=function(an,Mn){return t("replaceStars",an,Mn),an.trim().replace(L[C.STAR],"")}(Rt,nn),t("stars",Rt),Rt}(ct,this.options)},this).join(" ").split(/\s+/);return this.options.loose&&(ze=ze.filter(function(ct){return!!ct.match(oe)})),ze=ze.map(function(ct){return new qe(ct,this.options)},this)},gt.prototype.intersects=function(Q,fe){if(!(Q instanceof gt))throw new TypeError("a Range is required");return this.set.some(function(xe){return Xe(xe,fe)&&Q.set.some(function(oe){return Xe(oe,fe)&&xe.every(function(ze){return oe.every(function(ct){return ze.intersects(ct,fe)})})})})},o.toComparators=function(Q,fe){return new gt(Q,fe).set.map(function(xe){return xe.map(function(oe){return oe.value}).join(" ").trim().split(" ")})},gt.prototype.test=function(Q){if(!Q)return!1;if(typeof Q=="string")try{Q=new m(Q,this.options)}catch(xe){return!1}for(var fe=0;fe<this.set.length;fe++)if(Ft(this.set[fe],Q,this.options))return!0;return!1},o.satisfies=Jt,o.maxSatisfying=function(Q,fe,xe){var oe=null,ze=null;try{var ct=new gt(fe,xe)}catch(Rt){return null}return Q.forEach(function(Rt){ct.test(Rt)&&(oe&&ze.compare(Rt)!==-1||(ze=new m(oe=Rt,xe)))}),oe},o.minSatisfying=function(Q,fe,xe){var oe=null,ze=null;try{var ct=new gt(fe,xe)}catch(Rt){return null}return Q.forEach(function(Rt){ct.test(Rt)&&(oe&&ze.compare(Rt)!==1||(ze=new m(oe=Rt,xe)))}),oe},o.minVersion=function(Q,fe){Q=new gt(Q,fe);var xe=new m("0.0.0");if(Q.test(xe)||(xe=new m("0.0.0-0"),Q.test(xe)))return xe;xe=null;for(var oe=0;oe<Q.set.length;++oe)Q.set[oe].forEach(function(ze){var ct=new m(ze.semver.version);switch(ze.operator){case">":ct.prerelease.length===0?ct.patch++:ct.prerelease.push(0),ct.raw=ct.format();case"":case">=":xe&&!se(xe,ct)||(xe=ct);break;case"<":case"<=":break;default:throw new Error("Unexpected operation: "+ze.operator)}});return xe&&Q.test(xe)?xe:null},o.validRange=function(Q,fe){try{return new gt(Q,fe).range||"*"}catch(xe){return null}},o.ltr=function(Q,fe,xe){return rt(Q,fe,"<",xe)},o.gtr=function(Q,fe,xe){return rt(Q,fe,">",xe)},o.outside=rt,o.prerelease=function(Q,fe){var xe=ne(Q,fe);return xe&&xe.prerelease.length?xe.prerelease:null},o.intersects=function(Q,fe,xe){return Q=new gt(Q,xe),fe=new gt(fe,xe),Q.intersects(fe)},o.coerce=function(Q,fe){if(Q instanceof m)return Q;if(typeof Q=="number"&&(Q=String(Q)),typeof Q!="string")return null;var xe=null;if((fe=fe||{}).rtl){for(var oe;(oe=L[C.COERCERTL].exec(Q))&&(!xe||xe.index+xe[0].length!==Q.length);)xe&&oe.index+oe[0].length===xe.index+xe[0].length||(xe=oe),L[C.COERCERTL].lastIndex=oe.index+oe[1].length+oe[2].length;L[C.COERCERTL].lastIndex=-1}else xe=Q.match(L[C.COERCE]);return xe===null?null:ne(xe[2]+"."+(xe[3]||"0")+"."+(xe[4]||"0"),fe)}}).call(this,a(5))},function(i,o){function a(_){return(a=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(_)}var p;p=function(){return this}();try{p=p||new Function("return this")()}catch(_){(typeof window=="undefined"?"undefined":a(window))==="object"&&(p=window)}i.exports=p},function(i,o){var a,p,_=i.exports={};function t(){throw new Error("setTimeout has not been defined")}function k(){throw new Error("clearTimeout has not been defined")}function L(Ee){if(a===setTimeout)return setTimeout(Ee,0);if((a===t||!a)&&setTimeout)return a=setTimeout,setTimeout(Ee,0);try{return a(Ee,0)}catch(ve){try{return a.call(null,Ee,0)}catch(se){return a.call(this,Ee,0)}}}(function(){try{a=typeof setTimeout=="function"?setTimeout:t}catch(Ee){a=t}try{p=typeof clearTimeout=="function"?clearTimeout:k}catch(Ee){p=k}})();var O,C=[],U=!1,H=-1;function W(){U&&O&&(U=!1,O.length?C=O.concat(C):H=-1,C.length&&ne())}function ne(){if(!U){var Ee=L(W);U=!0;for(var ve=C.length;ve;){for(O=C,C=[];++H<ve;)O&&O[H].run();H=-1,ve=C.length}O=null,U=!1,function(se){if(p===clearTimeout)return clearTimeout(se);if((p===k||!p)&&clearTimeout)return p=clearTimeout,clearTimeout(se);try{p(se)}catch(De){try{return p.call(null,se)}catch(pe){return p.call(this,se)}}}(Ee)}}function m(Ee,ve){this.fun=Ee,this.array=ve}function he(){}_.nextTick=function(Ee){var ve=new Array(arguments.length-1);if(arguments.length>1)for(var se=1;se<arguments.length;se++)ve[se-1]=arguments[se];C.push(new m(Ee,ve)),C.length!==1||U||L(ne)},m.prototype.run=function(){this.fun.apply(null,this.array)},_.title="browser",_.browser=!0,_.env={},_.argv=[],_.version="",_.versions={},_.on=he,_.addListener=he,_.once=he,_.off=he,_.removeListener=he,_.removeAllListeners=he,_.emit=he,_.prependListener=he,_.prependOnceListener=he,_.listeners=function(Ee){return[]},_.binding=function(Ee){throw new Error("process.binding is not supported")},_.cwd=function(){return"/"},_.chdir=function(Ee){throw new Error("process.chdir is not supported")},_.umask=function(){return 0}},function(i,o,a){"use strict";function p(je,qe){if(!(je instanceof qe))throw new TypeError("Cannot call a class as a function")}function _(je,qe){for(var yt=0;yt<qe.length;yt++){var gt=qe[yt];gt.enumerable=gt.enumerable||!1,gt.configurable=!0,"value"in gt&&(gt.writable=!0),Object.defineProperty(je,gt.key,gt)}}var t=a(10),k=Symbol("max"),L=Symbol("length"),O=Symbol("lengthCalculator"),C=Symbol("allowStale"),U=Symbol("maxAge"),H=Symbol("dispose"),W=Symbol("noDisposeOnSet"),ne=Symbol("lruList"),m=Symbol("cache"),he=Symbol("updateAgeOnGet"),Ee=function(){return 1},ve=function(){function je(Xe){if(p(this,je),typeof Xe=="number"&&(Xe={max:Xe}),Xe||(Xe={}),Xe.max&&(typeof Xe.max!="number"||Xe.max<0))throw new TypeError("max must be a non-negative number");this[k]=Xe.max||1/0;var ut=Xe.length||Ee;if(this[O]=typeof ut!="function"?Ee:ut,this[C]=Xe.stale||!1,Xe.maxAge&&typeof Xe.maxAge!="number")throw new TypeError("maxAge must be a number");this[U]=Xe.maxAge||0,this[H]=Xe.dispose,this[W]=Xe.noDisposeOnSet||!1,this[he]=Xe.updateAgeOnGet||!1,this.reset()}var qe,yt,gt;return qe=je,(yt=[{key:"rforEach",value:function(Xe,ut){ut=ut||this;for(var We=this[ne].tail;We!==null;){var Ft=We.prev;Oe(this,Xe,We,ut),We=Ft}}},{key:"forEach",value:function(Xe,ut){ut=ut||this;for(var We=this[ne].head;We!==null;){var Ft=We.next;Oe(this,Xe,We,ut),We=Ft}}},{key:"keys",value:function(){return this[ne].toArray().map(function(Xe){return Xe.key})}},{key:"values",value:function(){return this[ne].toArray().map(function(Xe){return Xe.value})}},{key:"reset",value:function(){var Xe=this;this[H]&&this[ne]&&this[ne].length&&this[ne].forEach(function(ut){return Xe[H](ut.key,ut.value)}),this[m]=new Map,this[ne]=new t,this[L]=0}},{key:"dump",value:function(){var Xe=this;return this[ne].map(function(ut){return!De(Xe,ut)&&{k:ut.key,v:ut.value,e:ut.now+(ut.maxAge||0)}}).toArray().filter(function(ut){return ut})}},{key:"dumpLru",value:function(){return this[ne]}},{key:"set",value:function(Xe,ut,We){if((We=We||this[U])&&typeof We!="number")throw new TypeError("maxAge must be a number");var Ft=We?Date.now():0,Jt=this[O](ut,Xe);if(this[m].has(Xe)){if(Jt>this[k])return me(this,this[m].get(Xe)),!1;var rt=this[m].get(Xe).value;return this[H]&&(this[W]||this[H](Xe,rt.value)),rt.now=Ft,rt.maxAge=We,rt.value=ut,this[L]+=Jt-rt.length,rt.length=Jt,this.get(Xe),pe(this),!0}var Q=new ie(Xe,ut,Jt,Ft,We);return Q.length>this[k]?(this[H]&&this[H](Xe,ut),!1):(this[L]+=Q.length,this[ne].unshift(Q),this[m].set(Xe,this[ne].head),pe(this),!0)}},{key:"has",value:function(Xe){if(!this[m].has(Xe))return!1;var ut=this[m].get(Xe).value;return!De(this,ut)}},{key:"get",value:function(Xe){return se(this,Xe,!0)}},{key:"peek",value:function(Xe){return se(this,Xe,!1)}},{key:"pop",value:function(){var Xe=this[ne].tail;return Xe?(me(this,Xe),Xe.value):null}},{key:"del",value:function(Xe){me(this,this[m].get(Xe))}},{key:"load",value:function(Xe){this.reset();for(var ut=Date.now(),We=Xe.length-1;We>=0;We--){var Ft=Xe[We],Jt=Ft.e||0;if(Jt===0)this.set(Ft.k,Ft.v);else{var rt=Jt-ut;rt>0&&this.set(Ft.k,Ft.v,rt)}}}},{key:"prune",value:function(){var Xe=this;this[m].forEach(function(ut,We){return se(Xe,We,!1)})}},{key:"max",set:function(Xe){if(typeof Xe!="number"||Xe<0)throw new TypeError("max must be a non-negative number");this[k]=Xe||1/0,pe(this)},get:function(){return this[k]}},{key:"allowStale",set:function(Xe){this[C]=!!Xe},get:function(){return this[C]}},{key:"maxAge",set:function(Xe){if(typeof Xe!="number")throw new TypeError("maxAge must be a non-negative number");this[U]=Xe,pe(this)},get:function(){return this[U]}},{key:"lengthCalculator",set:function(Xe){var ut=this;typeof Xe!="function"&&(Xe=Ee),Xe!==this[O]&&(this[O]=Xe,this[L]=0,this[ne].forEach(function(We){We.length=ut[O](We.value,We.key),ut[L]+=We.length})),pe(this)},get:function(){return this[O]}},{key:"length",get:function(){return this[L]}},{key:"itemCount",get:function(){return this[ne].length}}])&&_(qe.prototype,yt),gt&&_(qe,gt),je}(),se=function(je,qe,yt){var gt=je[m].get(qe);if(gt){var Xe=gt.value;if(De(je,Xe)){if(me(je,gt),!je[C])return}else yt&&(je[he]&&(gt.value.now=Date.now()),je[ne].unshiftNode(gt));return Xe.value}},De=function(je,qe){if(!qe||!qe.maxAge&&!je[U])return!1;var yt=Date.now()-qe.now;return qe.maxAge?yt>qe.maxAge:je[U]&&yt>je[U]},pe=function(je){if(je[L]>je[k])for(var qe=je[ne].tail;je[L]>je[k]&&qe!==null;){var yt=qe.prev;me(je,qe),qe=yt}},me=function(je,qe){if(qe){var yt=qe.value;je[H]&&je[H](yt.key,yt.value),je[L]-=yt.length,je[m].delete(yt.key),je[ne].removeNode(qe)}},ie=function je(qe,yt,gt,Xe,ut){p(this,je),this.key=qe,this.value=yt,this.length=gt,this.now=Xe,this.maxAge=ut||0},Oe=function(je,qe,yt,gt){var Xe=yt.value;De(je,Xe)&&(me(je,yt),je[C]||(Xe=void 0)),Xe&&qe.call(gt,Xe.value,Xe.key,je)};i.exports=ve},function(i,o,a){(function(p){function _(t){return(_=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(k){return typeof k}:function(k){return k&&typeof Symbol=="function"&&k.constructor===Symbol&&k!==Symbol.prototype?"symbol":typeof k})(t)}i.exports=function(){if(typeof document=="undefined"||!document.addEventListener)return null;var t,k,L,O={};return O.copy=function(){var C=!1,U=null,H=!1;function W(){C=!1,U=null,H&&window.getSelection().removeAllRanges(),H=!1}return document.addEventListener("copy",function(ne){if(C){for(var m in U)ne.clipboardData.setData(m,U[m]);ne.preventDefault()}}),function(ne){return new Promise(function(m,he){C=!0,typeof ne=="string"?U={"text/plain":ne}:ne instanceof Node?U={"text/html":new XMLSerializer().serializeToString(ne)}:ne instanceof Object?U=ne:he("Invalid data type. Must be string, DOM node, or an object mapping MIME types to strings."),function Ee(ve){try{if(document.execCommand("copy"))W(),m();else{if(ve)throw W(),new Error("Unable to copy. Perhaps it's not available in your browser?");(function(){var se=document.getSelection();if(!document.queryCommandEnabled("copy")&&se.isCollapsed){var De=document.createRange();De.selectNodeContents(document.body),se.removeAllRanges(),se.addRange(De),H=!0}})(),Ee(!0)}}catch(se){W(),he(se)}}(!1)})}}(),O.paste=(L=!1,document.addEventListener("paste",function(C){if(L){L=!1,C.preventDefault();var U=t;t=null,U(C.clipboardData.getData(k))}}),function(C){return new Promise(function(U,H){L=!0,t=U,k=C||"text/plain";try{document.execCommand("paste")||(L=!1,H(new Error("Unable to paste. Pasting only works in Internet Explorer at the moment.")))}catch(W){L=!1,H(new Error(W))}})}),typeof ClipboardEvent=="undefined"&&window.clipboardData!==void 0&&window.clipboardData.setData!==void 0&&(function(C){function U(pe,me){return function(){pe.apply(me,arguments)}}function H(pe){if(_(this)!="object")throw new TypeError("Promises must be constructed via new");if(typeof pe!="function")throw new TypeError("not a function");this._state=null,this._value=null,this._deferreds=[],ve(pe,U(ne,this),U(m,this))}function W(pe){var me=this;return this._state===null?void this._deferreds.push(pe):void se(function(){var ie=me._state?pe.onFulfilled:pe.onRejected;if(ie!==null){var Oe;try{Oe=ie(me._value)}catch(je){return void pe.reject(je)}pe.resolve(Oe)}else(me._state?pe.resolve:pe.reject)(me._value)})}function ne(pe){try{if(pe===this)throw new TypeError("A promise cannot be resolved with itself.");if(pe&&(_(pe)=="object"||typeof pe=="function")){var me=pe.then;if(typeof me=="function")return void ve(U(me,pe),U(ne,this),U(m,this))}this._state=!0,this._value=pe,he.call(this)}catch(ie){m.call(this,ie)}}function m(pe){this._state=!1,this._value=pe,he.call(this)}function he(){for(var pe=0,me=this._deferreds.length;me>pe;pe++)W.call(this,this._deferreds[pe]);this._deferreds=null}function Ee(pe,me,ie,Oe){this.onFulfilled=typeof pe=="function"?pe:null,this.onRejected=typeof me=="function"?me:null,this.resolve=ie,this.reject=Oe}function ve(pe,me,ie){var Oe=!1;try{pe(function(je){Oe||(Oe=!0,me(je))},function(je){Oe||(Oe=!0,ie(je))})}catch(je){if(Oe)return;Oe=!0,ie(je)}}var se=H.immediateFn||typeof p=="function"&&p||function(pe){setTimeout(pe,1)},De=Array.isArray||function(pe){return Object.prototype.toString.call(pe)==="[object Array]"};H.prototype.catch=function(pe){return this.then(null,pe)},H.prototype.then=function(pe,me){var ie=this;return new H(function(Oe,je){W.call(ie,new Ee(pe,me,Oe,je))})},H.all=function(){var pe=Array.prototype.slice.call(arguments.length===1&&De(arguments[0])?arguments[0]:arguments);return new H(function(me,ie){function Oe(yt,gt){try{if(gt&&(_(gt)=="object"||typeof gt=="function")){var Xe=gt.then;if(typeof Xe=="function")return void Xe.call(gt,function(ut){Oe(yt,ut)},ie)}pe[yt]=gt,--je==0&&me(pe)}catch(ut){ie(ut)}}if(pe.length===0)return me([]);for(var je=pe.length,qe=0;qe<pe.length;qe++)Oe(qe,pe[qe])})},H.resolve=function(pe){return pe&&_(pe)=="object"&&pe.constructor===H?pe:new H(function(me){me(pe)})},H.reject=function(pe){return new H(function(me,ie){ie(pe)})},H.race=function(pe){return new H(function(me,ie){for(var Oe=0,je=pe.length;je>Oe;Oe++)pe[Oe].then(me,ie)})},i.exports?i.exports=H:C.Promise||(C.Promise=H)}(this),O.copy=function(C){return new Promise(function(U,H){if(typeof C!="string"&&!("text/plain"in C))throw new Error("You must provide a text/plain type.");var W=typeof C=="string"?C:C["text/plain"];window.clipboardData.setData("Text",W)?U():H(new Error("Copying was rejected."))})},O.paste=function(){return new Promise(function(C,U){var H=window.clipboardData.getData("Text");H?C(H):U(new Error("Pasting was rejected."))})}),O}()}).call(this,a(13).setImmediate)},function(i,o,a){"use strict";i.exports=a(15)},function(i,o,a){"use strict";a.r(o),o.default=`:root {
-  /**
-   * IMPORTANT: When new theme variables are added below\u2013 also add them to SettingsContext updateThemeVariables()
-   */
-
-  /* Light theme */
-  --light-color-attribute-name: #ef6632;
-  --light-color-attribute-name-not-editable: #23272f;
-  --light-color-attribute-name-inverted: rgba(255, 255, 255, 0.7);
-  --light-color-attribute-value: #1a1aa6;
-  --light-color-attribute-value-inverted: #ffffff;
-  --light-color-attribute-editable-value: #1a1aa6;
-  --light-color-background: #ffffff;
-  --light-color-background-hover: rgba(0, 136, 250, 0.1);
-  --light-color-background-inactive: #e5e5e5;
-  --light-color-background-invalid: #fff0f0;
-  --light-color-background-selected: #0088fa;
-  --light-color-button-background: #ffffff;
-  --light-color-button-background-focus: #ededed;
-  --light-color-button: #5f6673;
-  --light-color-button-disabled: #cfd1d5;
-  --light-color-button-active: #0088fa;
-  --light-color-button-focus: #23272f;
-  --light-color-button-hover: #23272f;
-  --light-color-border: #eeeeee;
-  --light-color-commit-did-not-render-fill: #cfd1d5;
-  --light-color-commit-did-not-render-fill-text: #000000;
-  --light-color-commit-did-not-render-pattern: #cfd1d5;
-  --light-color-commit-did-not-render-pattern-text: #333333;
-  --light-color-commit-gradient-0: #37afa9;
-  --light-color-commit-gradient-1: #63b19e;
-  --light-color-commit-gradient-2: #80b393;
-  --light-color-commit-gradient-3: #97b488;
-  --light-color-commit-gradient-4: #abb67d;
-  --light-color-commit-gradient-5: #beb771;
-  --light-color-commit-gradient-6: #cfb965;
-  --light-color-commit-gradient-7: #dfba57;
-  --light-color-commit-gradient-8: #efbb49;
-  --light-color-commit-gradient-9: #febc38;
-  --light-color-commit-gradient-text: #000000;
-  --light-color-component-name: #6a51b2;
-  --light-color-component-name-inverted: #ffffff;
-  --light-color-component-badge-background: rgba(0, 0, 0, 0.1);
-  --light-color-component-badge-background-inverted: rgba(255, 255, 255, 0.25);
-  --light-color-component-badge-count: #777d88;
-  --light-color-component-badge-count-inverted: rgba(255, 255, 255, 0.7);
-  --light-color-context-background: rgba(0,0,0,.9);
-  --light-color-context-background-hover: rgba(255, 255, 255, 0.1);
-  --light-color-context-background-selected: #178fb9;
-  --light-color-context-border: #3d424a;
-  --light-color-context-text: #ffffff;
-  --light-color-context-text-selected: #ffffff;
-  --light-color-dim: #777d88;
-  --light-color-dimmer: #cfd1d5;
-  --light-color-dimmest: #eff0f1;
-  --light-color-error-background: hsl(0, 100%, 97%);
-  --light-color-error-border: hsl(0, 100%, 92%);
-  --light-color-error-text: #ff0000;
-  --light-color-expand-collapse-toggle: #777d88;
-  --light-color-link: #0000ff;
-  --light-color-modal-background: rgba(255, 255, 255, 0.75);
-  --light-color-record-active: #fc3a4b;
-  --light-color-record-hover: #3578e5;
-  --light-color-record-inactive: #0088fa;
-  --light-color-scroll-thumb: #c2c2c2;
-  --light-color-scroll-track: #fafafa;
-  --light-color-search-match: yellow;
-  --light-color-search-match-current: #f7923b;
-  --light-color-selected-tree-highlight-active: rgba(0, 136, 250, 0.1);
-  --light-color-selected-tree-highlight-inactive: rgba(0, 0, 0, 0.05);
-  --light-color-shadow: rgba(0, 0, 0, 0.25);
-  --light-color-tab-selected-border: #0088fa;
-  --light-color-text: #000000;
-  --light-color-text-invalid: #ff0000;
-  --light-color-text-selected: #ffffff;
-  --light-color-toggle-background-invalid: #fc3a4b;
-  --light-color-toggle-background-on: #0088fa;
-  --light-color-toggle-background-off: #cfd1d5;
-  --light-color-toggle-text: #ffffff;
-  --light-color-tooltip-background: rgba(0, 0, 0, 0.9);
-  --light-color-tooltip-text: #ffffff;
-
-  /* Dark theme */
-  --dark-color-attribute-name: #9d87d2;
-  --dark-color-attribute-name-not-editable: #ededed;
-  --dark-color-attribute-name-inverted: #282828;
-  --dark-color-attribute-value: #cedae0;
-  --dark-color-attribute-value-inverted: #ffffff;
-  --dark-color-attribute-editable-value: yellow;
-  --dark-color-background: #282c34;
-  --dark-color-background-hover: rgba(255, 255, 255, 0.1);
-  --dark-color-background-inactive: #3d424a;
-  --dark-color-background-invalid: #5c0000;
-  --dark-color-background-selected: #178fb9;
-  --dark-color-button-background: #282c34;
-  --dark-color-button-background-focus: #3d424a;
-  --dark-color-button: #afb3b9;
-  --dark-color-button-active: #61dafb;
-  --dark-color-button-disabled: #4f5766;
-  --dark-color-button-focus: #a2e9fc;
-  --dark-color-button-hover: #ededed;
-  --dark-color-border: #3d424a;
-  --dark-color-commit-did-not-render-fill: #777d88;
-  --dark-color-commit-did-not-render-fill-text: #000000;
-  --dark-color-commit-did-not-render-pattern: #666c77;
-  --dark-color-commit-did-not-render-pattern-text: #ffffff;
-  --dark-color-commit-gradient-0: #37afa9;
-  --dark-color-commit-gradient-1: #63b19e;
-  --dark-color-commit-gradient-2: #80b393;
-  --dark-color-commit-gradient-3: #97b488;
-  --dark-color-commit-gradient-4: #abb67d;
-  --dark-color-commit-gradient-5: #beb771;
-  --dark-color-commit-gradient-6: #cfb965;
-  --dark-color-commit-gradient-7: #dfba57;
-  --dark-color-commit-gradient-8: #efbb49;
-  --dark-color-commit-gradient-9: #febc38;
-  --dark-color-commit-gradient-text: #000000;
-  --dark-color-component-name: #61dafb;
-  --dark-color-component-name-inverted: #282828;
-  --dark-color-component-badge-background: rgba(255, 255, 255, 0.25);
-  --dark-color-component-badge-background-inverted: rgba(0, 0, 0, 0.25);
-  --dark-color-component-badge-count: #8f949d;
-  --dark-color-component-badge-count-inverted: rgba(255, 255, 255, 0.7);
-  --dark-color-context-background: rgba(255,255,255,.9);
-  --dark-color-context-background-hover: rgba(0, 136, 250, 0.1);
-  --dark-color-context-background-selected: #0088fa;
-  --dark-color-context-border: #eeeeee;
-  --dark-color-context-text: #000000;
-  --dark-color-context-text-selected: #ffffff;
-  --dark-color-dim: #8f949d;
-  --dark-color-dimmer: #777d88;
-  --dark-color-dimmest: #4f5766;
-  --dark-color-error-background: #200;
-  --dark-color-error-border: #900;
-  --dark-color-error-text: #f55;
-  --dark-color-expand-collapse-toggle: #8f949d;
-  --dark-color-link: #61dafb;
-  --dark-color-modal-background: rgba(0, 0, 0, 0.75);
-  --dark-color-record-active: #fc3a4b;
-  --dark-color-record-hover: #a2e9fc;
-  --dark-color-record-inactive: #61dafb;
-  --dark-color-scroll-thumb: #afb3b9;
-  --dark-color-scroll-track: #313640;
-  --dark-color-search-match: yellow;
-  --dark-color-search-match-current: #f7923b;
-  --dark-color-selected-tree-highlight-active: rgba(23, 143, 185, 0.15);
-  --dark-color-selected-tree-highlight-inactive: rgba(255, 255, 255, 0.05);
-  --dark-color-shadow: rgba(0, 0, 0, 0.5);
-  --dark-color-tab-selected-border: #178fb9;
-  --dark-color-text: #ffffff;
-  --dark-color-text-invalid: #ff8080;
-  --dark-color-text-selected: #ffffff;
-  --dark-color-toggle-background-invalid: #fc3a4b;
-  --dark-color-toggle-background-on: #178fb9;
-  --dark-color-toggle-background-off: #777d88;
-  --dark-color-toggle-text: #ffffff;
-  --dark-color-tooltip-background: rgba(255, 255, 255, 0.9);
-  --dark-color-tooltip-text: #000000;
-
-  /* Font smoothing */
-  --light-font-smoothing: auto;
-  --dark-font-smoothing: antialiased;
-  --font-smoothing: auto;
-
-  /* Compact density */
-  --compact-font-size-monospace-small: 9px;
-  --compact-font-size-monospace-normal: 11px;
-  --compact-font-size-monospace-large: 15px;
-  --compact-font-size-sans-small: 10px;
-  --compact-font-size-sans-normal: 12px;
-  --compact-font-size-sans-large: 14px;
-  --compact-line-height-data: 18px;
-  --compact-root-font-size: 16px;
-
-  /* Comfortable density */
-  --comfortable-font-size-monospace-small: 10px;
-  --comfortable-font-size-monospace-normal: 13px;
-  --comfortable-font-size-monospace-large: 17px;
-  --comfortable-font-size-sans-small: 12px;
-  --comfortable-font-size-sans-normal: 14px;
-  --comfortable-font-size-sans-large: 16px;
-  --comfortable-line-height-data: 22px;
-  --comfortable-root-font-size: 20px;
-
-  /* GitHub.com system fonts */
-  --font-family-monospace: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo,
-    Courier, monospace;
-  --font-family-sans: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,
-    Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-
-  /* Constant values shared between JS and CSS */
-  --interaction-commit-size: 10px;
-  --interaction-label-width: 200px;
-}
-`},function(i,o,a){"use strict";function p(O){var C=this;if(C instanceof p||(C=new p),C.tail=null,C.head=null,C.length=0,O&&typeof O.forEach=="function")O.forEach(function(W){C.push(W)});else if(arguments.length>0)for(var U=0,H=arguments.length;U<H;U++)C.push(arguments[U]);return C}function _(O,C,U){var H=C===O.head?new L(U,null,C,O):new L(U,C,C.next,O);return H.next===null&&(O.tail=H),H.prev===null&&(O.head=H),O.length++,H}function t(O,C){O.tail=new L(C,O.tail,null,O),O.head||(O.head=O.tail),O.length++}function k(O,C){O.head=new L(C,null,O.head,O),O.tail||(O.tail=O.head),O.length++}function L(O,C,U,H){if(!(this instanceof L))return new L(O,C,U,H);this.list=H,this.value=O,C?(C.next=this,this.prev=C):this.prev=null,U?(U.prev=this,this.next=U):this.next=null}i.exports=p,p.Node=L,p.create=p,p.prototype.removeNode=function(O){if(O.list!==this)throw new Error("removing node which does not belong to this list");var C=O.next,U=O.prev;return C&&(C.prev=U),U&&(U.next=C),O===this.head&&(this.head=C),O===this.tail&&(this.tail=U),O.list.length--,O.next=null,O.prev=null,O.list=null,C},p.prototype.unshiftNode=function(O){if(O!==this.head){O.list&&O.list.removeNode(O);var C=this.head;O.list=this,O.next=C,C&&(C.prev=O),this.head=O,this.tail||(this.tail=O),this.length++}},p.prototype.pushNode=function(O){if(O!==this.tail){O.list&&O.list.removeNode(O);var C=this.tail;O.list=this,O.prev=C,C&&(C.next=O),this.tail=O,this.head||(this.head=O),this.length++}},p.prototype.push=function(){for(var O=0,C=arguments.length;O<C;O++)t(this,arguments[O]);return this.length},p.prototype.unshift=function(){for(var O=0,C=arguments.length;O<C;O++)k(this,arguments[O]);return this.length},p.prototype.pop=function(){if(this.tail){var O=this.tail.value;return this.tail=this.tail.prev,this.tail?this.tail.next=null:this.head=null,this.length--,O}},p.prototype.shift=function(){if(this.head){var O=this.head.value;return this.head=this.head.next,this.head?this.head.prev=null:this.tail=null,this.length--,O}},p.prototype.forEach=function(O,C){C=C||this;for(var U=this.head,H=0;U!==null;H++)O.call(C,U.value,H,this),U=U.next},p.prototype.forEachReverse=function(O,C){C=C||this;for(var U=this.tail,H=this.length-1;U!==null;H--)O.call(C,U.value,H,this),U=U.prev},p.prototype.get=function(O){for(var C=0,U=this.head;U!==null&&C<O;C++)U=U.next;if(C===O&&U!==null)return U.value},p.prototype.getReverse=function(O){for(var C=0,U=this.tail;U!==null&&C<O;C++)U=U.prev;if(C===O&&U!==null)return U.value},p.prototype.map=function(O,C){C=C||this;for(var U=new p,H=this.head;H!==null;)U.push(O.call(C,H.value,this)),H=H.next;return U},p.prototype.mapReverse=function(O,C){C=C||this;for(var U=new p,H=this.tail;H!==null;)U.push(O.call(C,H.value,this)),H=H.prev;return U},p.prototype.reduce=function(O,C){var U,H=this.head;if(arguments.length>1)U=C;else{if(!this.head)throw new TypeError("Reduce of empty list with no initial value");H=this.head.next,U=this.head.value}for(var W=0;H!==null;W++)U=O(U,H.value,W),H=H.next;return U},p.prototype.reduceReverse=function(O,C){var U,H=this.tail;if(arguments.length>1)U=C;else{if(!this.tail)throw new TypeError("Reduce of empty list with no initial value");H=this.tail.prev,U=this.tail.value}for(var W=this.length-1;H!==null;W--)U=O(U,H.value,W),H=H.prev;return U},p.prototype.toArray=function(){for(var O=new Array(this.length),C=0,U=this.head;U!==null;C++)O[C]=U.value,U=U.next;return O},p.prototype.toArrayReverse=function(){for(var O=new Array(this.length),C=0,U=this.tail;U!==null;C++)O[C]=U.value,U=U.prev;return O},p.prototype.slice=function(O,C){(C=C||this.length)<0&&(C+=this.length),(O=O||0)<0&&(O+=this.length);var U=new p;if(C<O||C<0)return U;O<0&&(O=0),C>this.length&&(C=this.length);for(var H=0,W=this.head;W!==null&&H<O;H++)W=W.next;for(;W!==null&&H<C;H++,W=W.next)U.push(W.value);return U},p.prototype.sliceReverse=function(O,C){(C=C||this.length)<0&&(C+=this.length),(O=O||0)<0&&(O+=this.length);var U=new p;if(C<O||C<0)return U;O<0&&(O=0),C>this.length&&(C=this.length);for(var H=this.length,W=this.tail;W!==null&&H>C;H--)W=W.prev;for(;W!==null&&H>O;H--,W=W.prev)U.push(W.value);return U},p.prototype.splice=function(O,C){O>this.length&&(O=this.length-1),O<0&&(O=this.length+O);for(var U=0,H=this.head;H!==null&&U<O;U++)H=H.next;var W=[];for(U=0;H&&U<C;U++)W.push(H.value),H=this.removeNode(H);for(H===null&&(H=this.tail),H!==this.head&&H!==this.tail&&(H=H.prev),U=2;U<arguments.length;U++)H=_(this,H,arguments[U]);return W},p.prototype.reverse=function(){for(var O=this.head,C=this.tail,U=O;U!==null;U=U.prev){var H=U.prev;U.prev=U.next,U.next=H}return this.head=C,this.tail=O,this};try{a(11)(p)}catch(O){}},function(i,o,a){"use strict";i.exports=function(p){p.prototype[Symbol.iterator]=regeneratorRuntime.mark(function _(){var t;return regeneratorRuntime.wrap(function(k){for(;;)switch(k.prev=k.next){case 0:t=this.head;case 1:if(!t){k.next=7;break}return k.next=4,t.value;case 4:t=t.next,k.next=1;break;case 7:case"end":return k.stop()}},_,this)})}},function(i,o,a){"use strict";function p(rt){return(p=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(Q){return typeof Q}:function(Q){return Q&&typeof Symbol=="function"&&Q.constructor===Symbol&&Q!==Symbol.prototype?"symbol":typeof Q})(rt)}var _=60103,t=60106,k=60107,L=60108,O=60114,C=60109,U=60110,H=60112,W=60113,ne=60120,m=60115,he=60116,Ee=60121,ve=60122,se=60117,De=60129,pe=60131;if(typeof Symbol=="function"&&Symbol.for){var me=Symbol.for;_=me("react.element"),t=me("react.portal"),k=me("react.fragment"),L=me("react.strict_mode"),O=me("react.profiler"),C=me("react.provider"),U=me("react.context"),H=me("react.forward_ref"),W=me("react.suspense"),ne=me("react.suspense_list"),m=me("react.memo"),he=me("react.lazy"),Ee=me("react.block"),ve=me("react.server.block"),se=me("react.fundamental"),De=me("react.debug_trace_mode"),pe=me("react.legacy_hidden")}function ie(rt){if(p(rt)==="object"&&rt!==null){var Q=rt.$$typeof;switch(Q){case _:switch(rt=rt.type){case k:case O:case L:case W:case ne:return rt;default:switch(rt=rt&&rt.$$typeof){case U:case H:case he:case m:case C:return rt;default:return Q}}case t:return Q}}}var Oe=C,je=_,qe=H,yt=k,gt=he,Xe=m,ut=t,We=O,Ft=L,Jt=W;o.ContextConsumer=U,o.ContextProvider=Oe,o.Element=je,o.ForwardRef=qe,o.Fragment=yt,o.Lazy=gt,o.Memo=Xe,o.Portal=ut,o.Profiler=We,o.StrictMode=Ft,o.Suspense=Jt,o.isAsyncMode=function(){return!1},o.isConcurrentMode=function(){return!1},o.isContextConsumer=function(rt){return ie(rt)===U},o.isContextProvider=function(rt){return ie(rt)===C},o.isElement=function(rt){return p(rt)==="object"&&rt!==null&&rt.$$typeof===_},o.isForwardRef=function(rt){return ie(rt)===H},o.isFragment=function(rt){return ie(rt)===k},o.isLazy=function(rt){return ie(rt)===he},o.isMemo=function(rt){return ie(rt)===m},o.isPortal=function(rt){return ie(rt)===t},o.isProfiler=function(rt){return ie(rt)===O},o.isStrictMode=function(rt){return ie(rt)===L},o.isSuspense=function(rt){return ie(rt)===W},o.isValidElementType=function(rt){return typeof rt=="string"||typeof rt=="function"||rt===k||rt===O||rt===De||rt===L||rt===W||rt===ne||rt===pe||p(rt)==="object"&&rt!==null&&(rt.$$typeof===he||rt.$$typeof===m||rt.$$typeof===C||rt.$$typeof===U||rt.$$typeof===H||rt.$$typeof===se||rt.$$typeof===Ee||rt[0]===ve)},o.typeOf=ie},function(i,o,a){(function(p){var _=p!==void 0&&p||typeof self!="undefined"&&self||window,t=Function.prototype.apply;function k(L,O){this._id=L,this._clearFn=O}o.setTimeout=function(){return new k(t.call(setTimeout,_,arguments),clearTimeout)},o.setInterval=function(){return new k(t.call(setInterval,_,arguments),clearInterval)},o.clearTimeout=o.clearInterval=function(L){L&&L.close()},k.prototype.unref=k.prototype.ref=function(){},k.prototype.close=function(){this._clearFn.call(_,this._id)},o.enroll=function(L,O){clearTimeout(L._idleTimeoutId),L._idleTimeout=O},o.unenroll=function(L){clearTimeout(L._idleTimeoutId),L._idleTimeout=-1},o._unrefActive=o.active=function(L){clearTimeout(L._idleTimeoutId);var O=L._idleTimeout;O>=0&&(L._idleTimeoutId=setTimeout(function(){L._onTimeout&&L._onTimeout()},O))},a(14),o.setImmediate=typeof self!="undefined"&&self.setImmediate||p!==void 0&&p.setImmediate||this&&this.setImmediate,o.clearImmediate=typeof self!="undefined"&&self.clearImmediate||p!==void 0&&p.clearImmediate||this&&this.clearImmediate}).call(this,a(4))},function(i,o,a){(function(p,_){(function(t,k){"use strict";if(!t.setImmediate){var L,O,C,U,H,W=1,ne={},m=!1,he=t.document,Ee=Object.getPrototypeOf&&Object.getPrototypeOf(t);Ee=Ee&&Ee.setTimeout?Ee:t,{}.toString.call(t.process)==="[object process]"?L=function(De){_.nextTick(function(){se(De)})}:function(){if(t.postMessage&&!t.importScripts){var De=!0,pe=t.onmessage;return t.onmessage=function(){De=!1},t.postMessage("","*"),t.onmessage=pe,De}}()?(U="setImmediate$"+Math.random()+"$",H=function(De){De.source===t&&typeof De.data=="string"&&De.data.indexOf(U)===0&&se(+De.data.slice(U.length))},t.addEventListener?t.addEventListener("message",H,!1):t.attachEvent("onmessage",H),L=function(De){t.postMessage(U+De,"*")}):t.MessageChannel?((C=new MessageChannel).port1.onmessage=function(De){se(De.data)},L=function(De){C.port2.postMessage(De)}):he&&"onreadystatechange"in he.createElement("script")?(O=he.documentElement,L=function(De){var pe=he.createElement("script");pe.onreadystatechange=function(){se(De),pe.onreadystatechange=null,O.removeChild(pe),pe=null},O.appendChild(pe)}):L=function(De){setTimeout(se,0,De)},Ee.setImmediate=function(De){typeof De!="function"&&(De=new Function(""+De));for(var pe=new Array(arguments.length-1),me=0;me<pe.length;me++)pe[me]=arguments[me+1];var ie={callback:De,args:pe};return ne[W]=ie,L(W),W++},Ee.clearImmediate=ve}function ve(De){delete ne[De]}function se(De){if(m)setTimeout(se,0,De);else{var pe=ne[De];if(pe){m=!0;try{(function(me){var ie=me.callback,Oe=me.args;switch(Oe.length){case 0:ie();break;case 1:ie(Oe[0]);break;case 2:ie(Oe[0],Oe[1]);break;case 3:ie(Oe[0],Oe[1],Oe[2]);break;default:ie.apply(void 0,Oe)}})(pe)}finally{ve(De),m=!1}}}}})(typeof self=="undefined"?p===void 0?this:p:self)}).call(this,a(4),a(5))},function(i,o,a){"use strict";function p(ie){return(p=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(Oe){return typeof Oe}:function(Oe){return Oe&&typeof Symbol=="function"&&Oe.constructor===Symbol&&Oe!==Symbol.prototype?"symbol":typeof Oe})(ie)}var _=a(1),t=a(16),k=a(18).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,L=60128;if(typeof Symbol=="function"&&Symbol.for){var O=Symbol.for;L=O("react.opaque.id")}var C=[],U=null,H=null;function W(){if(U===null){var ie=new Map;try{he.useContext({_currentValue:null}),he.useState(null),he.useReducer(function(yt){return yt},null),he.useRef(null),he.useLayoutEffect(function(){}),he.useEffect(function(){}),he.useImperativeHandle(void 0,function(){return null}),he.useDebugValue(null),he.useCallback(function(){}),he.useMemo(function(){return null})}finally{var Oe=C;C=[]}for(var je=0;je<Oe.length;je++){var qe=Oe[je];ie.set(qe.primitive,t.parse(qe.stackError))}U=ie}return U}var ne=null;function m(){var ie=ne;return ie!==null&&(ne=ie.next),ie}var he={readContext:function(ie){return ie._currentValue},useCallback:function(ie){var Oe=m();return C.push({primitive:"Callback",stackError:Error(),value:Oe!==null?Oe.memoizedState[0]:ie}),ie},useContext:function(ie){return C.push({primitive:"Context",stackError:Error(),value:ie._currentValue}),ie._currentValue},useEffect:function(ie){m(),C.push({primitive:"Effect",stackError:Error(),value:ie})},useImperativeHandle:function(ie){m();var Oe=void 0;ie!==null&&p(ie)==="object"&&(Oe=ie.current),C.push({primitive:"ImperativeHandle",stackError:Error(),value:Oe})},useDebugValue:function(ie,Oe){C.push({primitive:"DebugValue",stackError:Error(),value:typeof Oe=="function"?Oe(ie):ie})},useLayoutEffect:function(ie){m(),C.push({primitive:"LayoutEffect",stackError:Error(),value:ie})},useMemo:function(ie){var Oe=m();return ie=Oe!==null?Oe.memoizedState[0]:ie(),C.push({primitive:"Memo",stackError:Error(),value:ie}),ie},useReducer:function(ie,Oe,je){return Oe=(ie=m())!==null?ie.memoizedState:je!==void 0?je(Oe):Oe,C.push({primitive:"Reducer",stackError:Error(),value:Oe}),[Oe,function(){}]},useRef:function(ie){var Oe=m();return ie=Oe!==null?Oe.memoizedState:{current:ie},C.push({primitive:"Ref",stackError:Error(),value:ie.current}),ie},useState:function(ie){var Oe=m();return ie=Oe!==null?Oe.memoizedState:typeof ie=="function"?ie():ie,C.push({primitive:"State",stackError:Error(),value:ie}),[ie,function(){}]},useTransition:function(){return m(),m(),C.push({primitive:"Transition",stackError:Error(),value:void 0}),[function(){},!1]},useMutableSource:function(ie,Oe){return m(),m(),m(),m(),ie=Oe(ie._source),C.push({primitive:"MutableSource",stackError:Error(),value:ie}),ie},useDeferredValue:function(ie){return m(),m(),C.push({primitive:"DeferredValue",stackError:Error(),value:ie}),ie},useOpaqueIdentifier:function(){var ie=m();return H&&H.mode===0&&m(),(ie=ie===null?void 0:ie.memoizedState)&&ie.$$typeof===L&&(ie=void 0),C.push({primitive:"OpaqueIdentifier",stackError:Error(),value:ie}),ie}},Ee=0;function ve(ie,Oe,je){var qe=Oe[je].source,yt=0;e:for(;yt<ie.length;yt++)if(ie[yt].source===qe){for(var gt=je+1,Xe=yt+1;gt<Oe.length&&Xe<ie.length;gt++,Xe++)if(ie[Xe].source!==Oe[gt].source)continue e;return yt}return-1}function se(ie,Oe){return!!ie&&(Oe="use"+Oe,!(ie.length<Oe.length)&&ie.lastIndexOf(Oe)===ie.length-Oe.length)}function De(ie){if(!ie)return"";var Oe=ie.lastIndexOf(".");return Oe===-1&&(Oe=0),ie.substr(Oe,3)==="use"&&(Oe+=3),ie.substr(Oe)}function pe(ie,Oe){for(var je=[],qe=null,yt=je,gt=0,Xe=[],ut=0;ut<Oe.length;ut++){var We=Oe[ut],Ft=ie,Jt=t.parse(We.stackError);e:{var rt=Jt,Q=ve(rt,Ft,Ee);if(Q!==-1)Ft=Q;else{for(var fe=0;fe<Ft.length&&5>fe;fe++)if((Q=ve(rt,Ft,fe))!==-1){Ee=fe,Ft=Q;break e}Ft=-1}}e:{if(rt=Jt,(Q=W().get(We.primitive))!==void 0){for(fe=0;fe<Q.length&&fe<rt.length;fe++)if(Q[fe].source!==rt[fe].source){fe<rt.length-1&&se(rt[fe].functionName,We.primitive)&&fe++,fe<rt.length-1&&se(rt[fe].functionName,We.primitive)&&fe++,rt=fe;break e}}rt=-1}if((Jt=Ft===-1||rt===-1||2>Ft-rt?null:Jt.slice(rt,Ft-1))!==null){if(Ft=0,qe!==null){for(;Ft<Jt.length&&Ft<qe.length&&Jt[Jt.length-Ft-1].source===qe[qe.length-Ft-1].source;)Ft++;for(qe=qe.length-1;qe>Ft;qe--)yt=Xe.pop()}for(qe=Jt.length-Ft-1;1<=qe;qe--)Ft=[],yt.push({id:null,isStateEditable:!1,name:De(Jt[qe-1].functionName),value:void 0,subHooks:Ft}),Xe.push(yt),yt=Ft;qe=Jt}Ft=(Jt=We.primitive)==="Context"||Jt==="DebugValue"?null:gt++,yt.push({id:Ft,isStateEditable:Jt==="Reducer"||Jt==="State",name:Jt,value:We.value,subHooks:[]})}return function xe(oe,ze){for(var ct=[],Rt=0;Rt<oe.length;Rt++){var nn=oe[Rt];nn.name==="DebugValue"&&nn.subHooks.length===0?(oe.splice(Rt,1),Rt--,ct.push(nn)):xe(nn.subHooks,nn)}ze!==null&&(ct.length===1?ze.value=ct[0].value:1<ct.length&&(ze.value=ct.map(function(an){return an.value})))}(je,null),je}function me(ie,Oe,je){je==null&&(je=k.ReactCurrentDispatcher);var qe=je.current;je.current=he;try{var yt=Error();ie(Oe)}finally{ie=C,C=[],je.current=qe}return pe(je=t.parse(yt),ie)}o.inspectHooks=me,o.inspectHooksOfFiber=function(ie,Oe){if(Oe==null&&(Oe=k.ReactCurrentDispatcher),H=ie,ie.tag!==0&&ie.tag!==15&&ie.tag!==11&&ie.tag!==22)throw Error("Unknown Fiber. Needs to be a function component to inspect hooks.");W();var je=ie.type,qe=ie.memoizedProps;if(je!==ie.elementType&&je&&je.defaultProps){qe=_({},qe);var yt=je.defaultProps;for(gt in yt)qe[gt]===void 0&&(qe[gt]=yt[gt])}ne=ie.memoizedState;var gt=new Map;try{for(yt=ie;yt;){if(yt.tag===10){var Xe=yt.type._context;gt.has(Xe)||(gt.set(Xe,Xe._currentValue),Xe._currentValue=yt.memoizedProps.value)}yt=yt.return}if(ie.tag===11){var ut=je.render;je=qe;var We=ie.ref,Ft=(ie=Oe).current;ie.current=he;try{var Jt=Error();ut(je,We)}finally{var rt=C;C=[],ie.current=Ft}return pe(t.parse(Jt),rt)}return me(je,qe,Oe)}finally{ne=null,function(Q){Q.forEach(function(fe,xe){return xe._currentValue=fe})}(gt)}}},function(i,o,a){var p,_,t;(function(k,L){"use strict";_=[a(17)],(t=typeof(p=function(O){var C=/(^|@)\S+:\d+/,U=/^\s*at .*(\S+:\d+|\(native\))/m,H=/^(eval@)?(\[native code])?$/;return{parse:function(W){if(W.stacktrace!==void 0||W["opera#sourceloc"]!==void 0)return this.parseOpera(W);if(W.stack&&W.stack.match(U))return this.parseV8OrIE(W);if(W.stack)return this.parseFFOrSafari(W);throw new Error("Cannot parse given Error object")},extractLocation:function(W){if(W.indexOf(":")===-1)return[W];var ne=/(.+?)(?::(\d+))?(?::(\d+))?$/.exec(W.replace(/[()]/g,""));return[ne[1],ne[2]||void 0,ne[3]||void 0]},parseV8OrIE:function(W){return W.stack.split(`
-`).filter(function(ne){return!!ne.match(U)},this).map(function(ne){ne.indexOf("(eval ")>-1&&(ne=ne.replace(/eval code/g,"eval").replace(/(\(eval at [^()]*)|(\),.*$)/g,""));var m=ne.replace(/^\s+/,"").replace(/\(eval code/g,"("),he=m.match(/ (\((.+):(\d+):(\d+)\)$)/),Ee=(m=he?m.replace(he[0],""):m).split(/\s+/).slice(1),ve=this.extractLocation(he?he[1]:Ee.pop()),se=Ee.join(" ")||void 0,De=["eval","<anonymous>"].indexOf(ve[0])>-1?void 0:ve[0];return new O({functionName:se,fileName:De,lineNumber:ve[1],columnNumber:ve[2],source:ne})},this)},parseFFOrSafari:function(W){return W.stack.split(`
-`).filter(function(ne){return!ne.match(H)},this).map(function(ne){if(ne.indexOf(" > eval")>-1&&(ne=ne.replace(/ line (\d+)(?: > eval line \d+)* > eval:\d+:\d+/g,":$1")),ne.indexOf("@")===-1&&ne.indexOf(":")===-1)return new O({functionName:ne});var m=/((.*".+"[^@]*)?[^@]*)(?:@)/,he=ne.match(m),Ee=he&&he[1]?he[1]:void 0,ve=this.extractLocation(ne.replace(m,""));return new O({functionName:Ee,fileName:ve[0],lineNumber:ve[1],columnNumber:ve[2],source:ne})},this)},parseOpera:function(W){return!W.stacktrace||W.message.indexOf(`
-`)>-1&&W.message.split(`
-`).length>W.stacktrace.split(`
-`).length?this.parseOpera9(W):W.stack?this.parseOpera11(W):this.parseOpera10(W)},parseOpera9:function(W){for(var ne=/Line (\d+).*script (?:in )?(\S+)/i,m=W.message.split(`
-`),he=[],Ee=2,ve=m.length;Ee<ve;Ee+=2){var se=ne.exec(m[Ee]);se&&he.push(new O({fileName:se[2],lineNumber:se[1],source:m[Ee]}))}return he},parseOpera10:function(W){for(var ne=/Line (\d+).*script (?:in )?(\S+)(?:: In function (\S+))?$/i,m=W.stacktrace.split(`
-`),he=[],Ee=0,ve=m.length;Ee<ve;Ee+=2){var se=ne.exec(m[Ee]);se&&he.push(new O({functionName:se[3]||void 0,fileName:se[2],lineNumber:se[1],source:m[Ee]}))}return he},parseOpera11:function(W){return W.stack.split(`
-`).filter(function(ne){return!!ne.match(C)&&!ne.match(/^Error created at/)},this).map(function(ne){var m,he=ne.split("@"),Ee=this.extractLocation(he.pop()),ve=he.shift()||"",se=ve.replace(/<anonymous function(: (\w+))?>/,"$2").replace(/\([^)]*\)/g,"")||void 0;ve.match(/\(([^)]*)\)/)&&(m=ve.replace(/^[^(]+\(([^)]*)\)$/,"$1"));var De=m===void 0||m==="[arguments not available]"?void 0:m.split(",");return new O({functionName:se,args:De,fileName:Ee[0],lineNumber:Ee[1],columnNumber:Ee[2],source:ne})},this)}}})=="function"?p.apply(o,_):p)===void 0||(i.exports=t)})()},function(i,o,a){var p,_,t;(function(k,L){"use strict";_=[],(t=typeof(p=function(){function O(se){return se.charAt(0).toUpperCase()+se.substring(1)}function C(se){return function(){return this[se]}}var U=["isConstructor","isEval","isNative","isToplevel"],H=["columnNumber","lineNumber"],W=["fileName","functionName","source"],ne=U.concat(H,W,["args"]);function m(se){if(se)for(var De=0;De<ne.length;De++)se[ne[De]]!==void 0&&this["set"+O(ne[De])](se[ne[De]])}m.prototype={getArgs:function(){return this.args},setArgs:function(se){if(Object.prototype.toString.call(se)!=="[object Array]")throw new TypeError("Args must be an Array");this.args=se},getEvalOrigin:function(){return this.evalOrigin},setEvalOrigin:function(se){if(se instanceof m)this.evalOrigin=se;else{if(!(se instanceof Object))throw new TypeError("Eval Origin must be an Object or StackFrame");this.evalOrigin=new m(se)}},toString:function(){var se=this.getFileName()||"",De=this.getLineNumber()||"",pe=this.getColumnNumber()||"",me=this.getFunctionName()||"";return this.getIsEval()?se?"[eval] ("+se+":"+De+":"+pe+")":"[eval]:"+De+":"+pe:me?me+" ("+se+":"+De+":"+pe+")":se+":"+De+":"+pe}},m.fromString=function(se){var De=se.indexOf("("),pe=se.lastIndexOf(")"),me=se.substring(0,De),ie=se.substring(De+1,pe).split(","),Oe=se.substring(pe+1);if(Oe.indexOf("@")===0)var je=/@(.+?)(?::(\d+))?(?::(\d+))?$/.exec(Oe,""),qe=je[1],yt=je[2],gt=je[3];return new m({functionName:me,args:ie||void 0,fileName:qe,lineNumber:yt||void 0,columnNumber:gt||void 0})};for(var he=0;he<U.length;he++)m.prototype["get"+O(U[he])]=C(U[he]),m.prototype["set"+O(U[he])]=function(se){return function(De){this[se]=Boolean(De)}}(U[he]);for(var Ee=0;Ee<H.length;Ee++)m.prototype["get"+O(H[Ee])]=C(H[Ee]),m.prototype["set"+O(H[Ee])]=function(se){return function(De){if(pe=De,isNaN(parseFloat(pe))||!isFinite(pe))throw new TypeError(se+" must be a Number");var pe;this[se]=Number(De)}}(H[Ee]);for(var ve=0;ve<W.length;ve++)m.prototype["get"+O(W[ve])]=C(W[ve]),m.prototype["set"+O(W[ve])]=function(se){return function(De){this[se]=String(De)}}(W[ve]);return m})=="function"?p.apply(o,_):p)===void 0||(i.exports=t)})()},function(i,o,a){"use strict";i.exports=a(19)},function(i,o,a){"use strict";function p(oe){return(p=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(ze){return typeof ze}:function(ze){return ze&&typeof Symbol=="function"&&ze.constructor===Symbol&&ze!==Symbol.prototype?"symbol":typeof ze})(oe)}var _=a(1),t=60103,k=60106;o.Fragment=60107,o.StrictMode=60108,o.Profiler=60114;var L=60109,O=60110,C=60112;o.Suspense=60113,o.unstable_SuspenseList=60120;var U=60115,H=60116,W=60121;if(o.unstable_DebugTracingMode=60129,o.unstable_LegacyHidden=60131,typeof Symbol=="function"&&Symbol.for){var ne=Symbol.for;t=ne("react.element"),k=ne("react.portal"),o.Fragment=ne("react.fragment"),o.StrictMode=ne("react.strict_mode"),o.Profiler=ne("react.profiler"),L=ne("react.provider"),O=ne("react.context"),C=ne("react.forward_ref"),o.Suspense=ne("react.suspense"),o.unstable_SuspenseList=ne("react.suspense_list"),U=ne("react.memo"),H=ne("react.lazy"),W=ne("react.block"),o.unstable_DebugTracingMode=ne("react.debug_trace_mode"),o.unstable_LegacyHidden=ne("react.legacy_hidden")}var m=typeof Symbol=="function"&&Symbol.iterator;function he(oe){for(var ze="https://reactjs.org/docs/error-decoder.html?invariant="+oe,ct=1;ct<arguments.length;ct++)ze+="&args[]="+encodeURIComponent(arguments[ct]);return"Minified React error #"+oe+"; visit "+ze+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var Ee={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},ve={};function se(oe,ze,ct){this.props=oe,this.context=ze,this.refs=ve,this.updater=ct||Ee}function De(){}function pe(oe,ze,ct){this.props=oe,this.context=ze,this.refs=ve,this.updater=ct||Ee}se.prototype.isReactComponent={},se.prototype.setState=function(oe,ze){if(p(oe)!=="object"&&typeof oe!="function"&&oe!=null)throw Error(he(85));this.updater.enqueueSetState(this,oe,ze,"setState")},se.prototype.forceUpdate=function(oe){this.updater.enqueueForceUpdate(this,oe,"forceUpdate")},De.prototype=se.prototype;var me=pe.prototype=new De;me.constructor=pe,_(me,se.prototype),me.isPureReactComponent=!0;var ie={current:null},Oe=Object.prototype.hasOwnProperty,je={key:!0,ref:!0,__self:!0,__source:!0};function qe(oe,ze,ct){var Rt,nn={},an=null,Mn=null;if(ze!=null)for(Rt in ze.ref!==void 0&&(Mn=ze.ref),ze.key!==void 0&&(an=""+ze.key),ze)Oe.call(ze,Rt)&&!je.hasOwnProperty(Rt)&&(nn[Rt]=ze[Rt]);var lr=arguments.length-2;if(lr===1)nn.children=ct;else if(1<lr){for(var ln=Array(lr),Vt=0;Vt<lr;Vt++)ln[Vt]=arguments[Vt+2];nn.children=ln}if(oe&&oe.defaultProps)for(Rt in lr=oe.defaultProps)nn[Rt]===void 0&&(nn[Rt]=lr[Rt]);return{$$typeof:t,type:oe,key:an,ref:Mn,props:nn,_owner:ie.current}}function yt(oe){return p(oe)==="object"&&oe!==null&&oe.$$typeof===t}var gt=/\/+/g;function Xe(oe,ze){return p(oe)==="object"&&oe!==null&&oe.key!=null?function(ct){var Rt={"=":"=0",":":"=2"};return"$"+ct.replace(/[=:]/g,function(nn){return Rt[nn]})}(""+oe.key):ze.toString(36)}function ut(oe,ze,ct,Rt,nn){var an=p(oe);an!=="undefined"&&an!=="boolean"||(oe=null);var Mn=!1;if(oe===null)Mn=!0;else switch(an){case"string":case"number":Mn=!0;break;case"object":switch(oe.$$typeof){case t:case k:Mn=!0}}if(Mn)return nn=nn(Mn=oe),oe=Rt===""?"."+Xe(Mn,0):Rt,Array.isArray(nn)?(ct="",oe!=null&&(ct=oe.replace(gt,"$&/")+"/"),ut(nn,ze,ct,"",function(Vt){return Vt})):nn!=null&&(yt(nn)&&(nn=function(Vt,Er){return{$$typeof:t,type:Vt.type,key:Er,ref:Vt.ref,props:Vt.props,_owner:Vt._owner}}(nn,ct+(!nn.key||Mn&&Mn.key===nn.key?"":(""+nn.key).replace(gt,"$&/")+"/")+oe)),ze.push(nn)),1;if(Mn=0,Rt=Rt===""?".":Rt+":",Array.isArray(oe))for(var lr=0;lr<oe.length;lr++){var ln=Rt+Xe(an=oe[lr],lr);Mn+=ut(an,ze,ct,ln,nn)}else if(typeof(ln=function(Vt){return Vt===null||p(Vt)!=="object"?null:typeof(Vt=m&&Vt[m]||Vt["@@iterator"])=="function"?Vt:null}(oe))=="function")for(oe=ln.call(oe),lr=0;!(an=oe.next()).done;)Mn+=ut(an=an.value,ze,ct,ln=Rt+Xe(an,lr++),nn);else if(an==="object")throw ze=""+oe,Error(he(31,ze==="[object Object]"?"object with keys {"+Object.keys(oe).join(", ")+"}":ze));return Mn}function We(oe,ze,ct){if(oe==null)return oe;var Rt=[],nn=0;return ut(oe,Rt,"","",function(an){return ze.call(ct,an,nn++)}),Rt}function Ft(oe){if(oe._status===-1){var ze=oe._result;ze=ze(),oe._status=0,oe._result=ze,ze.then(function(ct){oe._status===0&&(ct=ct.default,oe._status=1,oe._result=ct)},function(ct){oe._status===0&&(oe._status=2,oe._result=ct)})}if(oe._status===1)return oe._result;throw oe._result}function Jt(oe){return{$$typeof:W,_data:oe.load.apply(null,oe.args),_render:oe.render}}var rt={current:null};function Q(){var oe=rt.current;if(oe===null)throw Error(he(321));return oe}var fe={transition:0},xe={ReactCurrentDispatcher:rt,ReactCurrentBatchConfig:fe,ReactCurrentOwner:ie,IsSomeRendererActing:{current:!1},assign:_};o.Children={map:We,forEach:function(oe,ze,ct){We(oe,function(){ze.apply(this,arguments)},ct)},count:function(oe){var ze=0;return We(oe,function(){ze++}),ze},toArray:function(oe){return We(oe,function(ze){return ze})||[]},only:function(oe){if(!yt(oe))throw Error(he(143));return oe}},o.Component=se,o.PureComponent=pe,o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=xe,o.cloneElement=function(oe,ze,ct){if(oe==null)throw Error(he(267,oe));var Rt=_({},oe.props),nn=oe.key,an=oe.ref,Mn=oe._owner;if(ze!=null){if(ze.ref!==void 0&&(an=ze.ref,Mn=ie.current),ze.key!==void 0&&(nn=""+ze.key),oe.type&&oe.type.defaultProps)var lr=oe.type.defaultProps;for(ln in ze)Oe.call(ze,ln)&&!je.hasOwnProperty(ln)&&(Rt[ln]=ze[ln]===void 0&&lr!==void 0?lr[ln]:ze[ln])}var ln=arguments.length-2;if(ln===1)Rt.children=ct;else if(1<ln){lr=Array(ln);for(var Vt=0;Vt<ln;Vt++)lr[Vt]=arguments[Vt+2];Rt.children=lr}return{$$typeof:t,type:oe.type,key:nn,ref:an,props:Rt,_owner:Mn}},o.createContext=function(oe,ze){return ze===void 0&&(ze=null),(oe={$$typeof:O,_calculateChangedBits:ze,_currentValue:oe,_currentValue2:oe,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:L,_context:oe},oe.Consumer=oe},o.createElement=qe,o.createFactory=function(oe){var ze=qe.bind(null,oe);return ze.type=oe,ze},o.createRef=function(){return{current:null}},o.forwardRef=function(oe){return{$$typeof:C,render:oe}},o.isValidElement=yt,o.lazy=function(oe){return{$$typeof:H,_payload:{_status:-1,_result:oe},_init:Ft}},o.memo=function(oe,ze){return{$$typeof:U,type:oe,compare:ze===void 0?null:ze}},o.unstable_block=function(oe,ze){return ze===void 0?function(){return{$$typeof:W,_data:void 0,_render:oe}}:function(){return{$$typeof:H,_payload:{load:ze,args:arguments,render:oe},_init:Jt}}},o.unstable_createMutableSource=function(oe,ze){return{_getVersion:ze,_source:oe,_workInProgressVersionPrimary:null,_workInProgressVersionSecondary:null}},o.unstable_startTransition=function(oe){var ze=fe.transition;fe.transition=1;try{oe()}finally{fe.transition=ze}},o.unstable_useDeferredValue=function(oe){return Q().useDeferredValue(oe)},o.unstable_useMutableSource=function(oe,ze,ct){return Q().useMutableSource(oe,ze,ct)},o.unstable_useOpaqueIdentifier=function(){return Q().useOpaqueIdentifier()},o.unstable_useTransition=function(){return Q().useTransition()},o.useCallback=function(oe,ze){return Q().useCallback(oe,ze)},o.useContext=function(oe,ze){return Q().useContext(oe,ze)},o.useDebugValue=function(){},o.useEffect=function(oe,ze){return Q().useEffect(oe,ze)},o.useImperativeHandle=function(oe,ze,ct){return Q().useImperativeHandle(oe,ze,ct)},o.useLayoutEffect=function(oe,ze){return Q().useLayoutEffect(oe,ze)},o.useMemo=function(oe,ze){return Q().useMemo(oe,ze)},o.useReducer=function(oe,ze,ct){return Q().useReducer(oe,ze,ct)},o.useRef=function(oe){return Q().useRef(oe)},o.useState=function(oe){return Q().useState(oe)},o.version="17.0.0-alpha.0-experimental-51a3aa6af"},function(i,o,a){"use strict";function p(B,z){for(var G=0;G<z.length;G++){var $=z[G];$.enumerable=$.enumerable||!1,$.configurable=!0,"value"in $&&($.writable=!0),Object.defineProperty(B,$.key,$)}}a.r(o),a.d(o,"connectToDevTools",function(){return ji});var _=function(){function B(){var Te,ge,Re;(function(Z,ke){if(!(Z instanceof ke))throw new TypeError("Cannot call a class as a function")})(this,B),Te=this,ge="listenersMap",Re=new Map,ge in Te?Object.defineProperty(Te,ge,{value:Re,enumerable:!0,configurable:!0,writable:!0}):Te[ge]=Re}var z,G,$;return z=B,(G=[{key:"addListener",value:function(Te,ge){var Re=this.listenersMap.get(Te);Re===void 0?this.listenersMap.set(Te,[ge]):Re.indexOf(ge)<0&&Re.push(ge)}},{key:"emit",value:function(Te){var ge=this.listenersMap.get(Te);if(ge!==void 0){for(var Re=arguments.length,Z=new Array(Re>1?Re-1:0),ke=1;ke<Re;ke++)Z[ke-1]=arguments[ke];if(ge.length===1){var Qe=ge[0];Qe.apply(null,Z)}else{for(var ht=!1,ue=null,He=Array.from(ge),nt=0;nt<He.length;nt++){var Ct=He[nt];try{Ct.apply(null,Z)}catch(Mt){ue===null&&(ht=!0,ue=Mt)}}if(ht)throw ue}}}},{key:"removeAllListeners",value:function(){this.listenersMap.clear()}},{key:"removeListener",value:function(Te,ge){var Re=this.listenersMap.get(Te);if(Re!==void 0){var Z=Re.indexOf(ge);Z>=0&&Re.splice(Z,1)}}}])&&p(z.prototype,G),$&&p(z,$),B}(),t=a(2),k=a.n(t);try{var L=a(9).default,O=function(B){var z=new RegExp("".concat(B,": ([0-9]+)")),G=L.match(z);return parseInt(G[1],10)};O("comfortable-line-height-data"),O("compact-line-height-data")}catch(B){}function C(B){try{return sessionStorage.getItem(B)}catch(z){return null}}function U(B){try{sessionStorage.removeItem(B)}catch(z){}}function H(B,z){try{return sessionStorage.setItem(B,z)}catch(G){}}var W=function(B,z){return B===z},ne=a(1),m=a.n(ne);function he(B){return B.ownerDocument?B.ownerDocument.defaultView:null}function Ee(B){var z=he(B);return z?z.frameElement:null}function ve(B){var z=pe(B);return se([B.getBoundingClientRect(),{top:z.borderTop,left:z.borderLeft,bottom:z.borderBottom,right:z.borderRight,width:0,height:0}])}function se(B){return B.reduce(function(z,G){return z==null?G:{top:z.top+G.top,left:z.left+G.left,width:z.width,height:z.height,bottom:z.bottom+G.bottom,right:z.right+G.right}})}function De(B,z){var G=Ee(B);if(G&&G!==z){for(var $=[B.getBoundingClientRect()],Te=G,ge=!1;Te;){var Re=ve(Te);if($.push(Re),Te=Ee(Te),ge)break;Te&&he(Te)===z&&(ge=!0)}return se($)}return B.getBoundingClientRect()}function pe(B){var z=window.getComputedStyle(B);return{borderLeft:parseInt(z.borderLeftWidth,10),borderRight:parseInt(z.borderRightWidth,10),borderTop:parseInt(z.borderTopWidth,10),borderBottom:parseInt(z.borderBottomWidth,10),marginLeft:parseInt(z.marginLeft,10),marginRight:parseInt(z.marginRight,10),marginTop:parseInt(z.marginTop,10),marginBottom:parseInt(z.marginBottom,10),paddingLeft:parseInt(z.paddingLeft,10),paddingRight:parseInt(z.paddingRight,10),paddingTop:parseInt(z.paddingTop,10),paddingBottom:parseInt(z.paddingBottom,10)}}function me(B,z){var G;if(typeof Symbol=="undefined"||B[Symbol.iterator]==null){if(Array.isArray(B)||(G=function(ke,Qe){if(!!ke){if(typeof ke=="string")return ie(ke,Qe);var ht=Object.prototype.toString.call(ke).slice(8,-1);if(ht==="Object"&&ke.constructor&&(ht=ke.constructor.name),ht==="Map"||ht==="Set")return Array.from(ke);if(ht==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(ht))return ie(ke,Qe)}}(B))||z&&B&&typeof B.length=="number"){G&&(B=G);var $=0,Te=function(){};return{s:Te,n:function(){return $>=B.length?{done:!0}:{done:!1,value:B[$++]}},e:function(ke){throw ke},f:Te}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var ge,Re=!0,Z=!1;return{s:function(){G=B[Symbol.iterator]()},n:function(){var ke=G.next();return Re=ke.done,ke},e:function(ke){Z=!0,ge=ke},f:function(){try{Re||G.return==null||G.return()}finally{if(Z)throw ge}}}}function ie(B,z){(z==null||z>B.length)&&(z=B.length);for(var G=0,$=new Array(z);G<z;G++)$[G]=B[G];return $}function Oe(B,z){if(!(B instanceof z))throw new TypeError("Cannot call a class as a function")}function je(B,z){for(var G=0;G<z.length;G++){var $=z[G];$.enumerable=$.enumerable||!1,$.configurable=!0,"value"in $&&($.writable=!0),Object.defineProperty(B,$.key,$)}}function qe(B,z,G){return z&&je(B.prototype,z),G&&je(B,G),B}var yt=function(){function B(z,G){Oe(this,B),this.node=z.createElement("div"),this.border=z.createElement("div"),this.padding=z.createElement("div"),this.content=z.createElement("div"),this.border.style.borderColor=We.border,this.padding.style.borderColor=We.padding,this.content.style.backgroundColor=We.background,m()(this.node.style,{borderColor:We.margin,pointerEvents:"none",position:"fixed"}),this.node.style.zIndex="10000000",this.node.appendChild(this.border),this.border.appendChild(this.padding),this.padding.appendChild(this.content),G.appendChild(this.node)}return qe(B,[{key:"remove",value:function(){this.node.parentNode&&this.node.parentNode.removeChild(this.node)}},{key:"update",value:function(z,G){ut(G,"margin",this.node),ut(G,"border",this.border),ut(G,"padding",this.padding),m()(this.content.style,{height:z.height-G.borderTop-G.borderBottom-G.paddingTop-G.paddingBottom+"px",width:z.width-G.borderLeft-G.borderRight-G.paddingLeft-G.paddingRight+"px"}),m()(this.node.style,{top:z.top-G.marginTop+"px",left:z.left-G.marginLeft+"px"})}}]),B}(),gt=function(){function B(z,G){Oe(this,B),this.tip=z.createElement("div"),m()(this.tip.style,{display:"flex",flexFlow:"row nowrap",backgroundColor:"#333740",borderRadius:"2px",fontFamily:'"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace',fontWeight:"bold",padding:"3px 5px",pointerEvents:"none",position:"fixed",fontSize:"12px",whiteSpace:"nowrap"}),this.nameSpan=z.createElement("span"),this.tip.appendChild(this.nameSpan),m()(this.nameSpan.style,{color:"#ee78e6",borderRight:"1px solid #aaaaaa",paddingRight:"0.5rem",marginRight:"0.5rem"}),this.dimSpan=z.createElement("span"),this.tip.appendChild(this.dimSpan),m()(this.dimSpan.style,{color:"#d7d7d7"}),this.tip.style.zIndex="10000000",G.appendChild(this.tip)}return qe(B,[{key:"remove",value:function(){this.tip.parentNode&&this.tip.parentNode.removeChild(this.tip)}},{key:"updateText",value:function(z,G,$){this.nameSpan.textContent=z,this.dimSpan.textContent=Math.round(G)+"px \xD7 "+Math.round($)+"px"}},{key:"updatePosition",value:function(z,G){var $=this.tip.getBoundingClientRect(),Te=function(ge,Re,Z){var ke,Qe=Math.max(Z.height,20),ht=Math.max(Z.width,60);ke=ge.top+ge.height+Qe<=Re.top+Re.height?ge.top+ge.height<Re.top+0?Re.top+5:ge.top+ge.height+5:ge.top-Qe<=Re.top+Re.height?ge.top-Qe-5<Re.top+5?Re.top+5:ge.top-Qe-5:Re.top+Re.height-Qe-5;var ue=ge.left+5;return ge.left<Re.left&&(ue=Re.left+5),ge.left+ht>Re.left+Re.width&&(ue=Re.left+Re.width-ht-5),{style:{top:ke+="px",left:ue+="px"}}}(z,G,{width:$.width,height:$.height});m()(this.tip.style,Te.style)}}]),B}(),Xe=function(){function B(){Oe(this,B);var z=window.__REACT_DEVTOOLS_TARGET_WINDOW__||window;this.window=z;var G=window.__REACT_DEVTOOLS_TARGET_WINDOW__||window;this.tipBoundsWindow=G;var $=z.document;this.container=$.createElement("div"),this.container.style.zIndex="10000000",this.tip=new gt($,this.container),this.rects=[],$.body.appendChild(this.container)}return qe(B,[{key:"remove",value:function(){this.tip.remove(),this.rects.forEach(function(z){z.remove()}),this.rects.length=0,this.container.parentNode&&this.container.parentNode.removeChild(this.container)}},{key:"inspect",value:function(z,G){for(var $=this,Te=z.filter(function(Ct){return Ct.nodeType===Node.ELEMENT_NODE});this.rects.length>Te.length;)this.rects.pop().remove();if(Te.length!==0){for(;this.rects.length<Te.length;)this.rects.push(new yt(this.window.document,this.container));var ge={top:Number.POSITIVE_INFINITY,right:Number.NEGATIVE_INFINITY,bottom:Number.NEGATIVE_INFINITY,left:Number.POSITIVE_INFINITY};if(Te.forEach(function(Ct,Mt){var It=De(Ct,$.window),sn=pe(Ct);ge.top=Math.min(ge.top,It.top-sn.marginTop),ge.right=Math.max(ge.right,It.left+It.width+sn.marginRight),ge.bottom=Math.max(ge.bottom,It.top+It.height+sn.marginBottom),ge.left=Math.min(ge.left,It.left-sn.marginLeft),$.rects[Mt].update(It,sn)}),!G){G=Te[0].nodeName.toLowerCase();var Re=Te[0],Z=Re.ownerDocument.defaultView.__REACT_DEVTOOLS_GLOBAL_HOOK__;if(Z!=null&&Z.rendererInterfaces!=null){var ke,Qe=null,ht=me(Z.rendererInterfaces.values());try{for(ht.s();!(ke=ht.n()).done;){var ue=ke.value,He=ue.getFiberIDForNative(Re,!0);if(He!==null){Qe=ue.getDisplayNameForFiberID(He,!0);break}}}catch(Ct){ht.e(Ct)}finally{ht.f()}Qe&&(G+=" (in "+Qe+")")}}this.tip.updateText(G,ge.right-ge.left,ge.bottom-ge.top);var nt=De(this.tipBoundsWindow.document.documentElement,this.window);this.tip.updatePosition({top:ge.top,left:ge.left,height:ge.bottom-ge.top,width:ge.right-ge.left},{top:nt.top+this.tipBoundsWindow.scrollY,left:nt.left+this.tipBoundsWindow.scrollX,height:this.tipBoundsWindow.innerHeight,width:this.tipBoundsWindow.innerWidth})}}}]),B}();function ut(B,z,G){m()(G.style,{borderTopWidth:B[z+"Top"]+"px",borderLeftWidth:B[z+"Left"]+"px",borderRightWidth:B[z+"Right"]+"px",borderBottomWidth:B[z+"Bottom"]+"px",borderStyle:"solid"})}var We={background:"rgba(120, 170, 210, 0.7)",padding:"rgba(77, 200, 0, 0.3)",margin:"rgba(255, 155, 0, 0.3)",border:"rgba(255, 200, 50, 0.3)"},Ft=null,Jt=null;function rt(){Ft=null,Jt!==null&&(Jt.remove(),Jt=null)}function Q(B,z,G){window.document!=null&&(Ft!==null&&clearTimeout(Ft),B!=null&&(Jt===null&&(Jt=new Xe),Jt.inspect(B,z),G&&(Ft=setTimeout(rt,2e3))))}var fe=new Set;function xe(B,z){function G(ue){ue&&typeof ue.addEventListener=="function"&&(ue.addEventListener("click",ge,!0),ue.addEventListener("mousedown",Re,!0),ue.addEventListener("mouseover",Re,!0),ue.addEventListener("mouseup",Re,!0),ue.addEventListener("pointerdown",Z,!0),ue.addEventListener("pointerover",ke,!0),ue.addEventListener("pointerup",Qe,!0))}function $(){rt(),Te(window),fe.forEach(function(ue){try{Te(ue.contentWindow)}catch(He){}}),fe=new Set}function Te(ue){ue&&typeof ue.removeEventListener=="function"&&(ue.removeEventListener("click",ge,!0),ue.removeEventListener("mousedown",Re,!0),ue.removeEventListener("mouseover",Re,!0),ue.removeEventListener("mouseup",Re,!0),ue.removeEventListener("pointerdown",Z,!0),ue.removeEventListener("pointerover",ke,!0),ue.removeEventListener("pointerup",Qe,!0))}function ge(ue){ue.preventDefault(),ue.stopPropagation(),$(),B.send("stopInspectingNative",!0)}function Re(ue){ue.preventDefault(),ue.stopPropagation()}function Z(ue){ue.preventDefault(),ue.stopPropagation(),ht(ue.target)}function ke(ue){ue.preventDefault(),ue.stopPropagation();var He=ue.target;if(He.tagName==="IFRAME"){var nt=He;try{fe.has(nt)||(G(nt.contentWindow),fe.add(nt))}catch(Ct){}}Q([He],null,!1),ht(He)}function Qe(ue){ue.preventDefault(),ue.stopPropagation()}B.addListener("clearNativeElementHighlight",function(){rt()}),B.addListener("highlightNativeElement",function(ue){var He=ue.displayName,nt=ue.hideAfterTimeout,Ct=ue.id,Mt=ue.openNativeElementsPanel,It=ue.rendererID,sn=ue.scrollIntoView,rn=z.rendererInterfaces[It];rn==null&&console.warn('Invalid renderer id "'.concat(It,'" for element "').concat(Ct,'"'));var Lt=null;if(rn!=null&&(Lt=rn.findNativeNodesForFiberID(Ct)),Lt!=null&&Lt[0]!=null){var Dn=Lt[0];sn&&typeof Dn.scrollIntoView=="function"&&Dn.scrollIntoView({block:"nearest",inline:"nearest"}),Q(Lt,He,nt),Mt&&(window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0=Dn,B.send("syncSelectionToNativeElementsPanel"))}else rt()}),B.addListener("shutdown",$),B.addListener("startInspectingNative",function(){G(window)}),B.addListener("stopInspectingNative",$);var ht=k()(function(ue){var He=arguments.length>1&&arguments[1]!==void 0?arguments[1]:W,nt=void 0,Ct=[],Mt=void 0,It=!1,sn=function(Lt,Dn){return He(Lt,Ct[Dn])},rn=function(){for(var Lt=arguments.length,Dn=Array(Lt),dr=0;dr<Lt;dr++)Dn[dr]=arguments[dr];return It&&nt===this&&Dn.length===Ct.length&&Dn.every(sn)?Mt:(It=!0,nt=this,Ct=Dn,Mt=ue.apply(this,Dn))};return rn}(function(ue){var He=z.getIDForNode(ue);He!==null&&B.send("selectFiber",He)}),200,{leading:!1})}var oe=["#37afa9","#63b19e","#80b393","#97b488","#abb67d","#beb771","#cfb965","#dfba57","#efbb49","#febc38"],ze=null;function ct(B){ze===null&&function(){(ze=window.document.createElement("canvas")).style.cssText=`
-    xx-background-color: red;
-    xx-opacity: 0.5;
-    bottom: 0;
-    left: 0;
-    pointer-events: none;
-    position: fixed;
-    right: 0;
-    top: 0;
-    z-index: 1000000000;
-  `;var $=window.document.documentElement;$.insertBefore(ze,$.firstChild)}();var z=ze;z.width=window.innerWidth,z.height=window.innerHeight;var G=z.getContext("2d");G.clearRect(0,0,z.width,z.height),B.forEach(function($){var Te=$.count,ge=$.rect;if(ge!==null){var Re=Math.min(oe.length-1,Te-1);(function(Z,ke,Qe){var ht=ke.height,ue=ke.left,He=ke.top,nt=ke.width;Z.lineWidth=1,Z.strokeStyle="#f0f0f0",Z.strokeRect(ue-1,He-1,nt+2,ht+2),Z.lineWidth=1,Z.strokeStyle="#f0f0f0",Z.strokeRect(ue+1,He+1,nt-1,ht-1),Z.strokeStyle=Qe,Z.setLineDash([0]),Z.lineWidth=1,Z.strokeRect(ue,He,nt-1,ht-1),Z.setLineDash([0])})(G,ge,oe[Re])}})}function Rt(B){return(Rt=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(z){return typeof z}:function(z){return z&&typeof Symbol=="function"&&z.constructor===Symbol&&z!==Symbol.prototype?"symbol":typeof z})(B)}var nn=(typeof performance=="undefined"?"undefined":Rt(performance))==="object"&&typeof performance.now=="function"?function(){return performance.now()}:function(){return Date.now()},an=new Map,Mn=null,lr=!1,ln=null;function Vt(B){(lr=B)||(an.clear(),Mn!==null&&(cancelAnimationFrame(Mn),Mn=null),ln!==null&&(clearTimeout(ln),ln=null),ze!==null&&(ze.parentNode!=null&&ze.parentNode.removeChild(ze),ze=null))}function Er(B){lr&&(B.forEach(function(z){var G=an.get(z),$=nn(),Te=G!=null?G.lastMeasuredAt:0,ge=G!=null?G.rect:null;(ge===null||Te+250<$)&&(Te=$,ge=function(Re){if(!Re||typeof Re.getBoundingClientRect!="function")return null;var Z=window.__REACT_DEVTOOLS_TARGET_WINDOW__||window;return De(Re,Z)}(z)),an.set(z,{count:G!=null?G.count+1:1,expirationTime:G!=null?Math.min($+3e3,G.expirationTime+250):$+250,lastMeasuredAt:Te,rect:ge})}),ln!==null&&(clearTimeout(ln),ln=null),Mn===null&&(Mn=requestAnimationFrame(w)))}function w(){Mn=null,ln=null;var B=nn(),z=Number.MAX_VALUE;an.forEach(function(G,$){G.expirationTime<B?an.delete($):z=Math.min(z,G.expirationTime)}),ct(an),z!==Number.MAX_VALUE&&(ln=setTimeout(w,z-B))}var jt=a(3),Xn=a(6),vr=a.n(Xn),jr=a(0),fr=60120;if(typeof Symbol=="function"&&Symbol.for){var zr=Symbol.for;zr("react.element"),zr("react.portal"),zr("react.fragment"),zr("react.strict_mode"),zr("react.profiler"),zr("react.provider"),zr("react.context"),zr("react.forward_ref"),zr("react.suspense"),fr=zr("react.suspense_list"),zr("react.memo"),zr("react.lazy"),zr("react.block"),zr("react.server.block"),zr("react.fundamental"),zr("react.scope"),zr("react.opaque.id"),zr("react.debug_trace_mode"),zr("react.offscreen"),zr("react.legacy_hidden")}typeof Symbol=="function"&&Symbol.iterator;function Xt(B){return(Xt=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(z){return typeof z}:function(z){return z&&typeof Symbol=="function"&&z.constructor===Symbol&&z!==Symbol.prototype?"symbol":typeof z})(B)}var wu={inspectable:Symbol("inspectable"),inspected:Symbol("inspected"),name:Symbol("name"),preview_long:Symbol("preview_long"),preview_short:Symbol("preview_short"),readonly:Symbol("readonly"),size:Symbol("size"),type:Symbol("type"),unserializable:Symbol("unserializable")};function d0(B,z,G,$,Te){$.push(Te);var ge={inspectable:z,type:B,preview_long:ki(G,!0),preview_short:ki(G,!1),name:G.constructor&&G.constructor.name!=="Object"?G.constructor.name:""};return B==="array"||B==="typed_array"?ge.size=G.length:B==="object"&&(ge.size=Object.keys(G).length),B!=="iterator"&&B!=="typed_array"||(ge.readonly=!0),ge}function Ro(B,z,G,$,Te){var ge,Re=arguments.length>5&&arguments[5]!==void 0?arguments[5]:0,Z=Oo(B);switch(Z){case"html_element":return z.push($),{inspectable:!1,preview_short:ki(B,!1),preview_long:ki(B,!0),name:B.tagName,type:Z};case"function":return z.push($),{inspectable:!1,preview_short:ki(B,!1),preview_long:ki(B,!0),name:typeof B.name!="function"&&B.name?B.name:"function",type:Z};case"string":return B.length<=500?B:B.slice(0,500)+"...";case"bigint":case"symbol":return z.push($),{inspectable:!1,preview_short:ki(B,!1),preview_long:ki(B,!0),name:B.toString(),type:Z};case"react_element":return z.push($),{inspectable:!1,preview_short:ki(B,!1),preview_long:ki(B,!0),name:F0(B)||"Unknown",type:Z};case"array_buffer":case"data_view":return z.push($),{inspectable:!1,preview_short:ki(B,!1),preview_long:ki(B,!0),name:Z==="data_view"?"DataView":"ArrayBuffer",size:B.byteLength,type:Z};case"array":return ge=Te($),Re>=2&&!ge?d0(Z,!0,B,z,$):B.map(function(ht,ue){return Ro(ht,z,G,$.concat([ue]),Te,ge?1:Re+1)});case"html_all_collection":case"typed_array":case"iterator":if(ge=Te($),Re>=2&&!ge)return d0(Z,!0,B,z,$);var ke={unserializable:!0,type:Z,readonly:!0,size:Z==="typed_array"?B.length:void 0,preview_short:ki(B,!1),preview_long:ki(B,!0),name:B.constructor&&B.constructor.name!=="Object"?B.constructor.name:""};return Xt(B[Symbol.iterator])&&Array.from(B).forEach(function(ht,ue){return ke[ue]=Ro(ht,z,G,$.concat([ue]),Te,ge?1:Re+1)}),G.push($),ke;case"opaque_iterator":return z.push($),{inspectable:!1,preview_short:ki(B,!1),preview_long:ki(B,!0),name:B[Symbol.toStringTag],type:Z};case"date":case"regexp":return z.push($),{inspectable:!1,preview_short:ki(B,!1),preview_long:ki(B,!0),name:B.toString(),type:Z};case"object":if(ge=Te($),Re>=2&&!ge)return d0(Z,!0,B,z,$);var Qe={};return lu(B).forEach(function(ht){var ue=ht.toString();Qe[ue]=Ro(B[ht],z,G,$.concat([ue]),Te,ge?1:Re+1)}),Qe;case"infinity":case"nan":case"undefined":return z.push($),{type:Z};default:return B}}function Qo(B){return(Qo=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(z){return typeof z}:function(z){return z&&typeof Symbol=="function"&&z.constructor===Symbol&&z!==Symbol.prototype?"symbol":typeof z})(B)}function Fs(B){return function(z){if(Array.isArray(z))return Jo(z)}(B)||function(z){if(typeof Symbol!="undefined"&&Symbol.iterator in Object(z))return Array.from(z)}(B)||function(z,G){if(!!z){if(typeof z=="string")return Jo(z,G);var $=Object.prototype.toString.call(z).slice(8,-1);if($==="Object"&&z.constructor&&($=z.constructor.name),$==="Map"||$==="Set")return Array.from(z);if($==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test($))return Jo(z,G)}}(B)||function(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function Jo(B,z){(z==null||z>B.length)&&(z=B.length);for(var G=0,$=new Array(z);G<z;G++)$[G]=B[G];return $}var Zo=new WeakMap,qt=new vr.a({max:1e3});function xi(B,z){return B.toString()>z.toString()?1:z.toString()>B.toString()?-1:0}function lu(B){for(var z=[],G=B,$=function(){var Te=[].concat(Fs(Object.keys(G)),Fs(Object.getOwnPropertySymbols(G))),ge=Object.getOwnPropertyDescriptors(G);Te.forEach(function(Re){ge[Re].enumerable&&z.push(Re)}),G=Object.getPrototypeOf(G)};G!=null;)$();return z}function mi(B){var z=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"Anonymous",G=Zo.get(B);if(G!=null)return G;var $=z;return typeof B.displayName=="string"?$=B.displayName:typeof B.name=="string"&&B.name!==""&&($=B.name),Zo.set(B,$),$}var Dr=0;function $o(){return++Dr}function G0(B){var z=qt.get(B);if(z!==void 0)return z;for(var G=new Array(B.length),$=0;$<B.length;$++)G[$]=B.codePointAt($);return qt.set(B,G),G}function Uu(B,z){return z.reduce(function(G,$){if(G){if(hasOwnProperty.call(G,$))return G[$];if(typeof G[Symbol.iterator]=="function")return Array.from(G)[$]}return null},B)}function Y0(B,z){var G=z.length,$=z[G-1];if(B!=null){var Te=Uu(B,z.slice(0,G-1));Te&&(Array.isArray(Te)?Te.splice($,1):delete Te[$])}}function Xr(B,z,G){var $=z.length;if(B!=null){var Te=Uu(B,z.slice(0,$-1));if(Te){var ge=z[$-1];Te[G[$-1]]=Te[ge],Array.isArray(Te)?Te.splice(ge,1):delete Te[ge]}}}function Ao(B,z,G){var $=z.length,Te=z[$-1];if(B!=null){var ge=Uu(B,z.slice(0,$-1));ge&&(ge[Te]=G)}}function Oo(B){if(B===null)return"null";if(B===void 0)return"undefined";if(Object(jr.isElement)(B))return"react_element";if(typeof HTMLElement!="undefined"&&B instanceof HTMLElement)return"html_element";switch(Qo(B)){case"bigint":return"bigint";case"boolean":return"boolean";case"function":return"function";case"number":return Number.isNaN(B)?"nan":Number.isFinite(B)?"number":"infinity";case"object":if(Array.isArray(B))return"array";if(ArrayBuffer.isView(B))return hasOwnProperty.call(B.constructor,"BYTES_PER_ELEMENT")?"typed_array":"data_view";if(B.constructor&&B.constructor.name==="ArrayBuffer")return"array_buffer";if(typeof B[Symbol.iterator]=="function")return B[Symbol.iterator]()===B?"opaque_iterator":"iterator";if(B.constructor&&B.constructor.name==="RegExp")return"regexp";var z=Object.prototype.toString.call(B);return z==="[object Date]"?"date":z==="[object HTMLAllCollection]"?"html_all_collection":"object";case"string":return"string";case"symbol":return"symbol";case"undefined":return Object.prototype.toString.call(B)==="[object HTMLAllCollection]"?"html_all_collection":"undefined";default:return"unknown"}}function F0(B){switch(Object(jr.typeOf)(B)){case jr.ContextConsumer:return"ContextConsumer";case jr.ContextProvider:return"ContextProvider";case jr.ForwardRef:return"ForwardRef";case jr.Fragment:return"Fragment";case jr.Lazy:return"Lazy";case jr.Memo:return"Memo";case jr.Portal:return"Portal";case jr.Profiler:return"Profiler";case jr.StrictMode:return"StrictMode";case jr.Suspense:return"Suspense";case fr:return"SuspenseList";default:var z=B.type;return typeof z=="string"?z:typeof z=="function"?mi(z,"Anonymous"):z!=null?"NotImplementedInDevtools":"Element"}}function su(B){var z=arguments.length>1&&arguments[1]!==void 0?arguments[1]:50;return B.length>z?B.substr(0,z)+"\u2026":B}function ki(B,z){if(B!=null&&hasOwnProperty.call(B,wu.type))return z?B[wu.preview_long]:B[wu.preview_short];switch(Oo(B)){case"html_element":return"<".concat(su(B.tagName.toLowerCase())," />");case"function":return su("\u0192 ".concat(typeof B.name=="function"?"":B.name,"() {}"));case"string":return'"'.concat(B,'"');case"bigint":return su(B.toString()+"n");case"regexp":case"symbol":return su(B.toString());case"react_element":return"<".concat(su(F0(B)||"Unknown")," />");case"array_buffer":return"ArrayBuffer(".concat(B.byteLength,")");case"data_view":return"DataView(".concat(B.buffer.byteLength,")");case"array":if(z){for(var G="",$=0;$<B.length&&($>0&&(G+=", "),!((G+=ki(B[$],!1)).length>50));$++);return"[".concat(su(G),"]")}var Te=hasOwnProperty.call(B,wu.size)?B[wu.size]:B.length;return"Array(".concat(Te,")");case"typed_array":var ge="".concat(B.constructor.name,"(").concat(B.length,")");if(z){for(var Re="",Z=0;Z<B.length&&(Z>0&&(Re+=", "),!((Re+=B[Z]).length>50));Z++);return"".concat(ge," [").concat(su(Re),"]")}return ge;case"iterator":var ke=B.constructor.name;if(z){for(var Qe=Array.from(B),ht="",ue=0;ue<Qe.length;ue++){var He=Qe[ue];if(ue>0&&(ht+=", "),Array.isArray(He)){var nt=ki(He[0],!0),Ct=ki(He[1],!1);ht+="".concat(nt," => ").concat(Ct)}else ht+=ki(He,!1);if(ht.length>50)break}return"".concat(ke,"(").concat(B.size,") {").concat(su(ht),"}")}return"".concat(ke,"(").concat(B.size,")");case"opaque_iterator":return B[Symbol.toStringTag];case"date":return B.toString();case"object":if(z){for(var Mt=lu(B).sort(xi),It="",sn=0;sn<Mt.length;sn++){var rn=Mt[sn];if(sn>0&&(It+=", "),(It+="".concat(rn.toString(),": ").concat(ki(B[rn],!1))).length>50)break}return"{".concat(su(It),"}")}return"{\u2026}";case"boolean":case"number":case"infinity":case"nan":case"null":case"undefined":return B;default:try{return su(""+B)}catch(Lt){return"unserializable"}}}var Ps=a(7);function Kl(B){return(Kl=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(z){return typeof z}:function(z){return z&&typeof Symbol=="function"&&z.constructor===Symbol&&z!==Symbol.prototype?"symbol":typeof z})(B)}function P0(B,z){var G=Object.keys(B);if(Object.getOwnPropertySymbols){var $=Object.getOwnPropertySymbols(B);z&&($=$.filter(function(Te){return Object.getOwnPropertyDescriptor(B,Te).enumerable})),G.push.apply(G,$)}return G}function p0(B){for(var z=1;z<arguments.length;z++){var G=arguments[z]!=null?arguments[z]:{};z%2?P0(Object(G),!0).forEach(function($){Hr(B,$,G[$])}):Object.getOwnPropertyDescriptors?Object.defineProperties(B,Object.getOwnPropertyDescriptors(G)):P0(Object(G)).forEach(function($){Object.defineProperty(B,$,Object.getOwnPropertyDescriptor(G,$))})}return B}function Hr(B,z,G){return z in B?Object.defineProperty(B,z,{value:G,enumerable:!0,configurable:!0,writable:!0}):B[z]=G,B}function Ri(B,z){var G=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[];if(B!==null){var $=[],Te=[],ge=Ro(B,$,Te,G,z);return{data:ge,cleaned:$,unserializable:Te}}return null}function K0(B){var z,G,$=(z=B,G=new Set,JSON.stringify(z,function(Re,Z){if(Kl(Z)==="object"&&Z!==null){if(G.has(Z))return;G.add(Z)}return typeof Z=="bigint"?Z.toString()+"n":Z})),Te=$===void 0?"undefined":$,ge=window.__REACT_DEVTOOLS_GLOBAL_HOOK__.clipboardCopyText;typeof ge=="function"?ge(Te).catch(function(Re){}):Object(Ps.copy)(Te)}function yi(B,z){var G=arguments.length>2&&arguments[2]!==void 0?arguments[2]:0,$=z[G],Te=Array.isArray(B)?B.slice():p0({},B);return G+1===z.length?Array.isArray(Te)?Te.splice($,1):delete Te[$]:Te[$]=yi(B[$],z,G+1),Te}function en(B,z,G){var $=arguments.length>3&&arguments[3]!==void 0?arguments[3]:0,Te=z[$],ge=Array.isArray(B)?B.slice():p0({},B);if($+1===z.length){var Re=G[$];ge[Re]=ge[Te],Array.isArray(ge)?ge.splice(Te,1):delete ge[Te]}else ge[Te]=en(B[Te],z,G,$+1);return ge}function bn(B,z,G){var $=arguments.length>3&&arguments[3]!==void 0?arguments[3]:0;if($>=z.length)return G;var Te=z[$],ge=Array.isArray(B)?B.slice():p0({},B);return ge[Te]=bn(B[Te],z,G,$+1),ge}var Ai=a(8);function gi(B,z){var G=Object.keys(B);if(Object.getOwnPropertySymbols){var $=Object.getOwnPropertySymbols(B);z&&($=$.filter(function(Te){return Object.getOwnPropertyDescriptor(B,Te).enumerable})),G.push.apply(G,$)}return G}function Wt(B){for(var z=1;z<arguments.length;z++){var G=arguments[z]!=null?arguments[z]:{};z%2?gi(Object(G),!0).forEach(function($){Au(B,$,G[$])}):Object.getOwnPropertyDescriptors?Object.defineProperties(B,Object.getOwnPropertyDescriptors(G)):gi(Object(G)).forEach(function($){Object.defineProperty(B,$,Object.getOwnPropertyDescriptor(G,$))})}return B}function Au(B,z,G){return z in B?Object.defineProperty(B,z,{value:G,enumerable:!0,configurable:!0,writable:!0}):B[z]=G,B}function eu(B){return function(z){if(Array.isArray(z))return Mo(z)}(B)||function(z){if(typeof Symbol!="undefined"&&Symbol.iterator in Object(z))return Array.from(z)}(B)||Xl(B)||function(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function X0(B,z){return function(G){if(Array.isArray(G))return G}(B)||function(G,$){if(!(typeof Symbol=="undefined"||!(Symbol.iterator in Object(G)))){var Te=[],ge=!0,Re=!1,Z=void 0;try{for(var ke,Qe=G[Symbol.iterator]();!(ge=(ke=Qe.next()).done)&&(Te.push(ke.value),!$||Te.length!==$);ge=!0);}catch(ht){Re=!0,Z=ht}finally{try{ge||Qe.return==null||Qe.return()}finally{if(Re)throw Z}}return Te}}(B,z)||Xl(B,z)||function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function Yi(B,z){var G;if(typeof Symbol=="undefined"||B[Symbol.iterator]==null){if(Array.isArray(B)||(G=Xl(B))||z&&B&&typeof B.length=="number"){G&&(B=G);var $=0,Te=function(){};return{s:Te,n:function(){return $>=B.length?{done:!0}:{done:!1,value:B[$++]}},e:function(ke){throw ke},f:Te}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var ge,Re=!0,Z=!1;return{s:function(){G=B[Symbol.iterator]()},n:function(){var ke=G.next();return Re=ke.done,ke},e:function(ke){Z=!0,ge=ke},f:function(){try{Re||G.return==null||G.return()}finally{if(Z)throw ge}}}}function Xl(B,z){if(B){if(typeof B=="string")return Mo(B,z);var G=Object.prototype.toString.call(B).slice(8,-1);return G==="Object"&&B.constructor&&(G=B.constructor.name),G==="Map"||G==="Set"?Array.from(B):G==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(G)?Mo(B,z):void 0}}function Mo(B,z){(z==null||z>B.length)&&(z=B.length);for(var G=0,$=new Array(z);G<z;G++)$[G]=B[G];return $}function ai(B){return(ai=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(z){return typeof z}:function(z){return z&&typeof Symbol=="function"&&z.constructor===Symbol&&z!==Symbol.prototype?"symbol":typeof z})(B)}function so(B){return B.flags!==void 0?B.flags:B.effectTag}var Ql=(typeof performance=="undefined"?"undefined":ai(performance))==="object"&&typeof performance.now=="function"?function(){return performance.now()}:function(){return Date.now()};function ko(B){var z=null;function G(rn){var Lt=ai(rn)==="object"&&rn!==null?rn.$$typeof:rn;return ai(Lt)==="symbol"?Lt.toString():Lt}var $=z=Object(jt.gte)(B,"17.0.0-alpha")?{Block:22,ClassComponent:1,ContextConsumer:9,ContextProvider:10,CoroutineComponent:-1,CoroutineHandlerPhase:-1,DehydratedSuspenseComponent:18,ForwardRef:11,Fragment:7,FunctionComponent:0,HostComponent:5,HostPortal:4,HostRoot:3,HostText:6,IncompleteClassComponent:17,IndeterminateComponent:2,LazyComponent:16,MemoComponent:14,Mode:8,OffscreenComponent:23,Profiler:12,SimpleMemoComponent:15,SuspenseComponent:13,SuspenseListComponent:19,YieldComponent:-1}:Object(jt.gte)(B,"16.6.0-beta.0")?{Block:22,ClassComponent:1,ContextConsumer:9,ContextProvider:10,CoroutineComponent:-1,CoroutineHandlerPhase:-1,DehydratedSuspenseComponent:18,ForwardRef:11,Fragment:7,FunctionComponent:0,HostComponent:5,HostPortal:4,HostRoot:3,HostText:6,IncompleteClassComponent:17,IndeterminateComponent:2,LazyComponent:16,MemoComponent:14,Mode:8,OffscreenComponent:-1,Profiler:12,SimpleMemoComponent:15,SuspenseComponent:13,SuspenseListComponent:19,YieldComponent:-1}:Object(jt.gte)(B,"16.4.3-alpha")?{Block:-1,ClassComponent:2,ContextConsumer:11,ContextProvider:12,CoroutineComponent:-1,CoroutineHandlerPhase:-1,DehydratedSuspenseComponent:-1,ForwardRef:13,Fragment:9,FunctionComponent:0,HostComponent:7,HostPortal:6,HostRoot:5,HostText:8,IncompleteClassComponent:-1,IndeterminateComponent:4,LazyComponent:-1,MemoComponent:-1,Mode:10,OffscreenComponent:-1,Profiler:15,SimpleMemoComponent:-1,SuspenseComponent:16,SuspenseListComponent:-1,YieldComponent:-1}:{Block:-1,ClassComponent:2,ContextConsumer:12,ContextProvider:13,CoroutineComponent:7,CoroutineHandlerPhase:8,DehydratedSuspenseComponent:-1,ForwardRef:14,Fragment:10,FunctionComponent:1,HostComponent:5,HostPortal:4,HostRoot:3,HostText:6,IncompleteClassComponent:-1,IndeterminateComponent:0,LazyComponent:-1,MemoComponent:-1,Mode:11,OffscreenComponent:-1,Profiler:15,SimpleMemoComponent:-1,SuspenseComponent:16,SuspenseListComponent:-1,YieldComponent:9},Te=$.ClassComponent,ge=$.IncompleteClassComponent,Re=$.FunctionComponent,Z=$.IndeterminateComponent,ke=$.ForwardRef,Qe=$.HostRoot,ht=$.HostComponent,ue=$.HostPortal,He=$.HostText,nt=$.Fragment,Ct=$.MemoComponent,Mt=$.SimpleMemoComponent,It=$.SuspenseComponent,sn=$.SuspenseListComponent;return{getDisplayNameForFiber:function(rn){var Lt=rn.type,Dn=rn.tag,dr=Lt;ai(Lt)==="object"&&Lt!==null&&(dr=function Cr(An){switch(G(An)){case 60115:case"Symbol(react.memo)":return Cr(An.type);case 60112:case"Symbol(react.forward_ref)":return An.render;default:return An}}(Lt));var er=null;switch(Dn){case Te:case ge:return mi(dr);case Re:case Z:return mi(dr);case ke:return Lt&&Lt.displayName||mi(dr,"Anonymous");case Qe:return null;case ht:return Lt;case ue:case He:case nt:return null;case Ct:case Mt:return mi(dr,"Anonymous");case It:return"Suspense";case sn:return"SuspenseList";default:switch(G(Lt)){case 60111:case"Symbol(react.concurrent_mode)":case"Symbol(react.async_mode)":return null;case 60109:case"Symbol(react.provider)":return er=rn.type._context||rn.type.context,"".concat(er.displayName||"Context",".Provider");case 60110:case"Symbol(react.context)":return er=rn.type._context||rn.type,"".concat(er.displayName||"Context",".Consumer");case 60108:case"Symbol(react.strict_mode)":return null;case 60114:case"Symbol(react.profiler)":return"Profiler(".concat(rn.memoizedProps.id,")");case 60119:case"Symbol(react.scope)":return"Scope";default:return null}}},getTypeSymbol:G,ReactPriorityLevels:{ImmediatePriority:99,UserBlockingPriority:98,NormalPriority:97,LowPriority:96,IdlePriority:95,NoPriority:90},ReactTypeOfWork:z,ReactTypeOfSideEffect:{NoFlags:0,PerformedWork:1,Placement:2}}}function Is(B,z,G,$){var Te=ko(G.version),ge=Te.getDisplayNameForFiber,Re=Te.getTypeSymbol,Z=Te.ReactPriorityLevels,ke=Te.ReactTypeOfWork,Qe=Te.ReactTypeOfSideEffect,ht=Qe.NoFlags,ue=Qe.PerformedWork,He=Qe.Placement,nt=ke.FunctionComponent,Ct=ke.ClassComponent,Mt=ke.ContextConsumer,It=ke.DehydratedSuspenseComponent,sn=ke.Fragment,rn=ke.ForwardRef,Lt=ke.HostRoot,Dn=ke.HostPortal,dr=ke.HostComponent,er=ke.HostText,Cr=ke.IncompleteClassComponent,An=ke.IndeterminateComponent,Nr=ke.MemoComponent,g0=ke.OffscreenComponent,Lr=ke.SimpleMemoComponent,it=ke.SuspenseComponent,Dt=ke.SuspenseListComponent,$e=Z.ImmediatePriority,Pt=Z.UserBlockingPriority,un=Z.NormalPriority,fn=Z.LowPriority,Jn=Z.IdlePriority,wr=Z.NoPriority,au=G.overrideHookState,Nu=G.overrideHookStateDeletePath,T0=G.overrideHookStateRenamePath,J0=G.overrideProps,Lu=G.overridePropsDeletePath,_i=G.overridePropsRenamePath,Fo=G.setSuspenseHandler,nl=G.scheduleUpdate,hf=typeof Fo=="function"&&typeof nl=="function";fo(G);var Sl=window.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__!==!1,vf=window.__REACT_DEVTOOLS_BREAK_ON_CONSOLE_ERRORS__===!0;(Sl||vf)&&Jl({appendComponentStack:Sl,breakOnConsoleErrors:vf});var Po=new Set,ys=new Set,js=new Set,Io=!1,bo=new Set;function gs(ae){js.clear(),Po.clear(),ys.clear(),ae.forEach(function(re){if(re.isEnabled)switch(re.type){case 2:re.isValid&&re.value!==""&&Po.add(new RegExp(re.value,"i"));break;case 1:js.add(re.value);break;case 3:re.isValid&&re.value!==""&&ys.add(new RegExp(re.value,"i"));break;case 4:Po.add(new RegExp("\\("));break;default:console.warn('Invalid component filter type "'.concat(re.type,'"'))}})}function Qu(ae){var re=ae._debugSource,Fe=ae.tag,Ae=ae.type;switch(Fe){case It:return!0;case Dn:case er:case sn:case g0:return!0;case Lt:return!1;default:switch(Re(Ae)){case 60111:case"Symbol(react.concurrent_mode)":case"Symbol(react.async_mode)":case 60108:case"Symbol(react.strict_mode)":return!0}}var st=Tu(ae);if(js.has(st))return!0;if(Po.size>0){var vt=ge(ae);if(vt!=null){var Qt,On=Yi(Po);try{for(On.s();!(Qt=On.n()).done;)if(Qt.value.test(vt))return!0}catch(ir){On.e(ir)}finally{On.f()}}}if(re!=null&&ys.size>0){var Sn,_n=re.fileName,Tn=Yi(ys);try{for(Tn.s();!(Sn=Tn.n()).done;)if(Sn.value.test(_n))return!0}catch(ir){Tn.e(ir)}finally{Tn.f()}}return!1}function Tu(ae){var re=ae.type;switch(ae.tag){case Ct:case Cr:return 1;case nt:case An:return 5;case rn:return 6;case Lt:return 11;case dr:return 7;case Dn:case er:case sn:return 9;case Nr:case Lr:return 8;case it:return 12;case Dt:return 13;default:switch(Re(re)){case 60111:case"Symbol(react.concurrent_mode)":case"Symbol(react.async_mode)":return 9;case 60109:case"Symbol(react.provider)":return 2;case 60110:case"Symbol(react.context)":return 2;case 60108:case"Symbol(react.strict_mode)":return 9;case 60114:case"Symbol(react.profiler)":return 10;default:return 9}}}function Ei(ae){if(Bo.has(ae))return ae;var re=ae.alternate;return re!=null&&Bo.has(re)?re:(Bo.add(ae),ae)}window.__REACT_DEVTOOLS_COMPONENT_FILTERS__!=null?gs(window.__REACT_DEVTOOLS_COMPONENT_FILTERS__):gs([{type:1,value:7,isEnabled:!0}]);var C0=new Map,Z0=new Map,Bo=new Set,la=new Map,$l=new Map,tu=-1;function ei(ae){if(!C0.has(ae)){var re=$o();C0.set(ae,re),Z0.set(re,ae)}return C0.get(ae)}function po(ae){switch(Tu(ae)){case 1:if(B0!==null){var re=ei(Ei(ae)),Fe=Ci(ae);Fe!==null&&B0.set(re,Fe)}}}var Bi={};function Ci(ae){switch(Tu(ae)){case 1:var re=ae.stateNode,Fe=Bi,Ae=Bi;return re!=null&&(re.constructor&&re.constructor.contextType!=null?Ae=re.context:(Fe=re.context)&&Object.keys(Fe).length===0&&(Fe=Bi)),[Fe,Ae];default:return null}}function mf(ae){switch(Tu(ae)){case 1:if(B0!==null){var re=ei(Ei(ae)),Fe=B0.has(re)?B0.get(re):null,Ae=Ci(ae);if(Fe==null||Ae==null)return null;var st=X0(Fe,2),vt=st[0],Qt=st[1],On=X0(Ae,2),Sn=On[0],_n=On[1];if(Sn!==Bi)return $0(vt,Sn);if(_n!==Bi)return Qt!==_n}}return null}function yf(ae,re){if(ae==null||re==null)return!1;if(re.hasOwnProperty("baseState")&&re.hasOwnProperty("memoizedState")&&re.hasOwnProperty("next")&&re.hasOwnProperty("queue"))for(;re!==null;){if(re.memoizedState!==ae.memoizedState)return!0;re=re.next,ae=ae.next}return!1}function $0(ae,re){if(ae==null||re==null||re.hasOwnProperty("baseState")&&re.hasOwnProperty("memoizedState")&&re.hasOwnProperty("next")&&re.hasOwnProperty("queue"))return null;var Fe,Ae=[],st=Yi(new Set([].concat(eu(Object.keys(ae)),eu(Object.keys(re)))));try{for(st.s();!(Fe=st.n()).done;){var vt=Fe.value;ae[vt]!==re[vt]&&Ae.push(vt)}}catch(Qt){st.e(Qt)}finally{st.f()}return Ae}function eo(ae,re){switch(re.tag){case Ct:case nt:case Mt:case Nr:case Lr:return(so(re)&ue)===ue;default:return ae.memoizedProps!==re.memoizedProps||ae.memoizedState!==re.memoizedState||ae.ref!==re.ref}}var Ce=[],et=[],Ye=[],Yt=[],Kt=new Map,pr=0,Wr=null;function xn(ae){Ce.push(ae)}function yu(ae){if(Ce.length!==0||et.length!==0||Ye.length!==0||Wr!==null||Pu){var re=et.length+Ye.length+(Wr===null?0:1),Fe=new Array(3+pr+(re>0?2+re:0)+Ce.length),Ae=0;if(Fe[Ae++]=z,Fe[Ae++]=tu,Fe[Ae++]=pr,Kt.forEach(function(On,Sn){Fe[Ae++]=Sn.length;for(var _n=G0(Sn),Tn=0;Tn<_n.length;Tn++)Fe[Ae+Tn]=_n[Tn];Ae+=Sn.length}),re>0){Fe[Ae++]=2,Fe[Ae++]=re;for(var st=et.length-1;st>=0;st--)Fe[Ae++]=et[st];for(var vt=0;vt<Ye.length;vt++)Fe[Ae+vt]=Ye[vt];Ae+=Ye.length,Wr!==null&&(Fe[Ae]=Wr,Ae++)}for(var Qt=0;Qt<Ce.length;Qt++)Fe[Ae+Qt]=Ce[Qt];Ae+=Ce.length,Yt!==null?Yt.push(Fe):B.emit("operations",Fe),Ce.length=0,et.length=0,Ye.length=0,Wr=null,Kt.clear(),pr=0}}function Ju(ae){if(ae===null)return 0;var re=Kt.get(ae);if(re!==void 0)return re;var Fe=Kt.size+1;return Kt.set(ae,Fe),pr+=ae.length+1,Fe}function ti(ae,re){to!==null&&(ae!==to&&ae!==to.alternate||Li(null));var Fe=ae.tag===Lt,Ae=Ei(ae);if(C0.has(Ae)){var st=ei(Ae);Fe?Wr=st:Qu(ae)||(re?Ye.push(st):et.push(st)),C0.delete(Ae),Z0.delete(st),Bo.delete(Ae),ae.hasOwnProperty("treeBaseDuration")&&($l.delete(st),la.delete(st))}else Bo.delete(Ae)}function Jr(ae,re,Fe,Ae){var st=function(Tn){if(Rr===null||!fu)return!1;var ir=Tn.return,Bt=ir!==null?ir.alternate:null;if(to===ir||to===Bt&&Bt!==null){var Fi=E0(Tn),Ar=Rr[nu+1];if(Ar===void 0)throw new Error("Expected to see a frame at the next depth.");if(Fi.index===Ar.index&&Fi.key===Ar.key&&Fi.displayName===Ar.displayName)return to=Tn,nu++,fu=nu!==Rr.length-1,!1}return fu=!1,!0}(ae),vt=!Qu(ae);if(vt&&function(Tn,ir){var Bt=Tn.tag===Lt,Fi=ei(Ei(Tn)),Ar=Tn.hasOwnProperty("_debugOwner"),mr=Tn.hasOwnProperty("treeBaseDuration");if(Bt)xn(1),xn(Fi),xn(11),xn(mr?1:0),xn(Ar?1:0),Pu&&Cl!==null&&Cl.set(Fi,_0(Tn));else{var Y=Tn.key,ri=ge(Tn),ii=Tu(Tn),Vr=Tn._debugOwner,at=Vr!=null?ei(Ei(Vr)):0,Di=ir?ei(Ei(ir)):0,ru=Ju(ri),D0=Ju(Y===null?null:""+Y);xn(1),xn(Fi),xn(ii),xn(Di),xn(at),xn(ru),xn(D0)}mr&&($l.set(Fi,tu),Rn(Tn))}(ae,re),Io&&Ae&&Tu(ae)===7&&(bo.add(ae.stateNode),Ae=!1),ae.tag===ke.SuspenseComponent)if(ae.memoizedState!==null){var Qt=ae.child,On=Qt?Qt.sibling:null,Sn=On?On.child:null;Sn!==null&&Jr(Sn,vt?ae:re,!0,Ae)}else{var _n=null;g0===-1?_n=ae.child:ae.child!==null&&(_n=ae.child.child),_n!==null&&Jr(_n,vt?ae:re,!0,Ae)}else ae.child!==null&&Jr(ae.child,vt?ae:re,!0,Ae);(function(Tn){fu=Tn})(st),Fe&&ae.sibling!==null&&Jr(ae.sibling,re,!0,Ae)}function Wu(ae){var re=ae.tag===ke.SuspenseComponent&&ae.memoizedState!==null,Fe=ae.child;if(re){var Ae=ae.child,st=Ae?Ae.sibling:null;Fe=st?st.child:null}for(;Fe!==null;)Fe.return!==null&&(Wu(Fe),ti(Fe,!0)),Fe=Fe.sibling}function Rn(ae){var re=ei(Ei(ae)),Fe=ae.actualDuration,Ae=ae.treeBaseDuration;if(la.set(re,Ae||0),Pu){var st=ae.alternate;if(st==null||Ae!==st.treeBaseDuration){var vt=Math.floor(1e3*(Ae||0));xn(4),xn(re),xn(vt)}if((st==null||eo(st,ae))&&Fe!=null){for(var Qt=Fe,On=ae.child;On!==null;)Qt-=On.actualDuration||0,On=On.sibling;var Sn=rl;if(Sn.durations.push(re,Fe,Qt),Sn.maxActualDuration=Math.max(Sn.maxActualDuration,Fe),es){var _n=function(Tn,ir){switch(Tu(ir)){case 1:case 5:case 8:case 6:return Tn===null?{context:null,didHooksChange:!1,isFirstMount:!0,props:null,state:null}:{context:mf(ir),didHooksChange:yf(Tn.memoizedState,ir.memoizedState),isFirstMount:!1,props:$0(Tn.memoizedProps,ir.memoizedProps),state:$0(Tn.memoizedState,ir.memoizedState)};default:return null}}(st,ae);_n!==null&&Sn.changeDescriptions!==null&&Sn.changeDescriptions.set(re,_n),po(ae)}}}}function x0(ae,re){if(Qu(ae)){var Fe=ae.child;if(ae.tag===it&&ae.memoizedState!==null){var Ae=ae.child,st=Ae?Ae.sibling:null,vt=st?st.child:null;vt!==null&&(Fe=vt)}for(;Fe!==null;)x0(Fe,re),Fe=Fe.sibling}else re.push(ei(Ei(ae)))}function Fu(ae,re,Fe,Ae){if(Io){var st=Tu(ae);Ae?st===7&&(bo.add(ae.stateNode),Ae=!1):st!==5&&st!==1&&st!==2||(Ae=eo(re,ae))}Xi!==null&&Xi.id===ei(Ei(ae))&&eo(re,ae)&&(Hs=!0);var vt=!Qu(ae),Qt=ae.tag===it,On=!1,Sn=Qt&&re.memoizedState!==null,_n=Qt&&ae.memoizedState!==null;if(Sn&&_n){var Tn=ae.child,ir=Tn?Tn.sibling:null,Bt=re.child,Fi=Bt?Bt.sibling:null;ir!=null&&Fi!=null&&Fu(ir,Fi,ae,Ae)&&(On=!0)}else if(Sn&&!_n){var Ar=ae.child;Ar!==null&&Jr(Ar,vt?ae:Fe,!0,Ae),On=!0}else if(!Sn&&_n){Wu(re);var mr=ae.child,Y=mr?mr.sibling:null;Y!=null&&(Jr(Y,vt?ae:Fe,!0,Ae),On=!0)}else if(ae.child!==re.child){for(var ri=ae.child,ii=re.child;ri;){if(ri.alternate){var Vr=ri.alternate;Fu(ri,Vr,vt?ae:Fe,Ae)&&(On=!0),Vr!==ii&&(On=!0)}else Jr(ri,vt?ae:Fe,!1,Ae),On=!0;ri=ri.sibling,On||ii===null||(ii=ii.sibling)}ii!==null&&(On=!0)}else Io&&Ae&&li(ei(Ei(ae))).forEach(function(ru){bo.add(ru.stateNode)});if(vt&&ae.hasOwnProperty("treeBaseDuration")&&Rn(ae),On){if(vt){var at=ae.child;if(_n){var Di=ae.child;at=Di?Di.sibling:null}return at!=null&&function(ru,D0){for(var Un=[],t0=D0;t0!==null;)x0(t0,Un),t0=t0.sibling;var no=Un.length;if(!(no<2)){xn(3),xn(ei(Ei(ru))),xn(no);for(var vo=0;vo<Un.length;vo++)xn(Un[vo])}}(ae,at),!1}return!0}return!1}function li(ae){var re=[],Fe=Vu(ae);if(!Fe)return re;for(var Ae=Fe;;){if(Ae.tag===dr||Ae.tag===er)re.push(Ae);else if(Ae.child){Ae.child.return=Ae,Ae=Ae.child;continue}if(Ae===Fe)return re;for(;!Ae.sibling;){if(!Ae.return||Ae.return===Fe)return re;Ae=Ae.return}Ae.sibling.return=Ae.return,Ae=Ae.sibling}return re}function Tl(ae){try{var re=Vu(ae);if(re===null)return null;if(re.tag===it&&re.memoizedState!==null){var Fe=re.child&&re.child.sibling;Fe!=null&&(re=Fe)}return li(ae).map(function(Ae){return Ae.stateNode}).filter(Boolean)}catch(Ae){return null}}function zs(ae){var re=ae;if(ae.alternate)for(;re.return;)re=re.return;else{if((so(re)&He)!==ht)return 1;for(;re.return;)if((so(re=re.return)&He)!==ht)return 1}return re.tag===Lt?2:3}function Vu(ae){var re=Z0.get(ae);if(re==null)return console.warn('Could not find Fiber with id "'.concat(ae,'"')),null;var Fe=re.alternate;if(!Fe){var Ae=zs(re);if(Ae===3)throw Error("Unable to find node on an unmounted component.");return Ae===1?null:re}for(var st=re,vt=Fe;;){var Qt=st.return;if(Qt===null)break;var On=Qt.alternate;if(On===null){var Sn=Qt.return;if(Sn!==null){st=vt=Sn;continue}break}if(Qt.child===On.child){for(var _n=Qt.child;_n;){if(_n===st){if(zs(Qt)!==2)throw Error("Unable to find node on an unmounted component.");return re}if(_n===vt){if(zs(Qt)!==2)throw Error("Unable to find node on an unmounted component.");return Fe}_n=_n.sibling}throw Error("Unable to find node on an unmounted component.")}if(st.return!==vt.return)st=Qt,vt=On;else{for(var Tn=!1,ir=Qt.child;ir;){if(ir===st){Tn=!0,st=Qt,vt=On;break}if(ir===vt){Tn=!0,vt=Qt,st=On;break}ir=ir.sibling}if(!Tn){for(ir=On.child;ir;){if(ir===st){Tn=!0,st=On,vt=Qt;break}if(ir===vt){Tn=!0,vt=On,st=Qt;break}ir=ir.sibling}if(!Tn)throw Error("Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue.")}}if(st.alternate!==vt)throw Error("Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue.")}if(st.tag!==Lt)throw Error("Unable to find node on an unmounted component.");return st.stateNode.current===st?re:Fe}function sa(ae){var re=Vu(ae);if(re==null)return null;var Fe=re._debugOwner,Ae=re._debugSource,st=re.stateNode,vt=re.key,Qt=re.memoizedProps,On=re.memoizedState,Sn=re.dependencies,_n=re.tag,Tn=re.type,ir=Tu(re),Bt=!(_n!==nt&&_n!==Lr&&_n!==rn||!On&&!Sn),Fi=Re(Tn),Ar=!1,mr=null;if(_n===Ct||_n===nt||_n===Cr||_n===An||_n===Nr||_n===rn||_n===Lr)Ar=!0,st&&st.context!=null&&(ir===1&&!(Tn.contextTypes||Tn.contextType)||(mr=st.context));else if(Fi===60110||Fi==="Symbol(react.context)"){var Y=Tn._context||Tn;mr=Y._currentValue||null;for(var ri=re.return;ri!==null;){var ii=ri.type,Vr=Re(ii);if((Vr===60109||Vr==="Symbol(react.provider)")&&(ii._context||ii.context)===Y){mr=ri.memoizedProps.value;break}ri=ri.return}}var at=!1;mr!==null&&(at=!!Tn.contextTypes,mr={value:mr});var Di=null;if(Fe){Di=[];for(var ru=Fe;ru!==null;)Di.push({displayName:ge(ru)||"Anonymous",id:ei(Ei(ru)),type:Tu(ru)}),ru=ru._debugOwner||null}var D0=_n===it&&On!==null,Un=null;if(Bt){var t0={};for(var no in console)try{t0[no]=console[no],console[no]=function(){}}catch(Ba){}try{Un=Object(Ai.inspectHooksOfFiber)(re,G.currentDispatcherRef)}finally{for(var vo in t0)try{console[vo]=t0[vo]}catch(Ba){}}}for(var n0=null,Uo=re;Uo.return!==null;)Uo=Uo.return;var ro=Uo.stateNode;return ro!=null&&ro._debugRootType!==null&&(n0=ro._debugRootType),{id:ae,canEditHooks:typeof au=="function",canEditFunctionProps:typeof J0=="function",canEditHooksAndDeletePaths:typeof Nu=="function",canEditHooksAndRenamePaths:typeof T0=="function",canEditFunctionPropsDeletePaths:typeof Lu=="function",canEditFunctionPropsRenamePaths:typeof _i=="function",canToggleSuspense:hf&&(!D0||$u.has(ae)),canViewSource:Ar,hasLegacyContext:at,key:vt!=null?vt:null,displayName:ge(re),type:ir,context:mr,hooks:Un,props:Qt,state:Bt?null:On,owners:Di,source:Ae||null,rootType:n0,rendererPackageName:G.rendererPackageName,rendererVersion:G.version}}var Xi=null,Hs=!1,R0={};function zi(ae){return Xi!==null&&Xi.id===ae&&!Hs}function A0(ae){var re=R0;ae.forEach(function(Fe){re[Fe]||(re[Fe]={}),re=re[Fe]})}function Hi(ae,re){return function(Fe){switch(re){case"hooks":if(Fe.length===1||Fe[Fe.length-1]==="subHooks"||Fe[Fe.length-2]==="subHooks")return!0}var Ae=ae===null?R0:R0[ae];if(!Ae)return!1;for(var st=0;st<Fe.length;st++)if(!(Ae=Ae[Fe[st]]))return!1;return!0}}var rl=null,Cl=null,B0=null,O0=null,ho=null,Pu=!1,Zu=0,es=!1,_s=null;function aa(ae){Pu||(es=ae,Cl=new Map,O0=new Map(la),ho=new Map($l),B0=new Map,B.getFiberRoots(z).forEach(function(re){var Fe=ei(Ei(re.current));Cl.set(Fe,_0(re.current)),ae&&function Ae(st){po(st);for(var vt=st.child;vt!==null;)Ae(vt),vt=vt.sibling}(re.current)}),Pu=!0,Zu=Ql(),_s=new Map)}function gf(){return!1}C("React::DevTools::reloadAndProfile")==="true"&&aa(C("React::DevTools::recordChangeDescriptions")==="true");var $u=new Set;function Es(ae){var re=ei(Ei(ae));return $u.has(re)}var Rr=null,to=null,nu=-1,fu=!1;function Li(ae){ae===null&&(to=null,nu=-1,fu=!1),Rr=ae}var ni=new Map,Kn=new Map;function e0(ae,re){var Fe=_0(re),Ae=Kn.get(Fe)||0;Kn.set(Fe,Ae+1);var st="".concat(Fe,":").concat(Ae);ni.set(ae,st)}function _0(ae){for(var re=null,Fe=null,Ae=ae.child,st=0;st<3&&Ae!==null;st++){var vt=ge(Ae);if(vt!==null&&(typeof Ae.type=="function"?re=vt:Fe===null&&(Fe=vt)),re!==null)break;Ae=Ae.child}return re||Fe||"Anonymous"}function E0(ae){var re=ae.key,Fe=ge(ae),Ae=ae.index;switch(ae.tag){case Lt:var st=ei(Ei(ae)),vt=ni.get(st);if(vt===void 0)throw new Error("Expected mounted root to have known pseudo key.");Fe=vt;break;case dr:Fe=ae.type}return{displayName:Fe,key:re,index:Ae}}var Fn=function(ae){if(ae==null)return"Unknown";switch(ae){case $e:return"Immediate";case Pt:return"User-Blocking";case un:return"Normal";case fn:return"Low";case Jn:return"Idle";case wr:default:return"Unknown"}};return{cleanup:function(){},copyElementPath:function(ae,re){zi(ae)&&K0(Uu(Xi,re))},deletePath:function(ae,re,Fe,Ae){var st=Vu(re);if(st!==null){var vt=st.stateNode;switch(ae){case"context":switch(Ae=Ae.slice(1),st.tag){case Ct:Ae.length===0||Y0(vt.context,Ae),vt.forceUpdate()}break;case"hooks":typeof Nu=="function"&&Nu(st,Fe,Ae);break;case"props":vt===null?typeof Lu=="function"&&Lu(st,Ae):(st.pendingProps=yi(vt.props,Ae),vt.forceUpdate());break;case"state":Y0(vt.state,Ae),vt.forceUpdate()}}},findNativeNodesForFiberID:Tl,flushInitialOperations:function(){var ae=Yt;Yt=null,ae!==null&&ae.length>0?ae.forEach(function(re){B.emit("operations",re)}):(Rr!==null&&(fu=!0),B.getFiberRoots(z).forEach(function(re){e0(tu=ei(Ei(re.current)),re.current),Pu&&re.memoizedInteractions!=null&&(rl={changeDescriptions:es?new Map:null,durations:[],commitTime:Ql()-Zu,interactions:Array.from(re.memoizedInteractions).map(function(Fe){return Wt(Wt({},Fe),{},{timestamp:Fe.timestamp-Zu})}),maxActualDuration:0,priorityLevel:null}),Jr(re.current,null,!1,!1),yu(),tu=-1}))},getBestMatchForTrackedPath:function(){if(Rr===null||to===null)return null;for(var ae=to;ae!==null&&Qu(ae);)ae=ae.return;return ae===null?null:{id:ei(Ei(ae)),isFullMatch:nu===Rr.length-1}},getDisplayNameForFiberID:function(ae){var re=Z0.get(ae);return re!=null?ge(re):null},getFiberIDForNative:function(ae){var re=arguments.length>1&&arguments[1]!==void 0&&arguments[1],Fe=G.findFiberByHostInstance(ae);if(Fe!=null){if(re)for(;Fe!==null&&Qu(Fe);)Fe=Fe.return;return ei(Ei(Fe))}return null},getInstanceAndStyle:function(ae){var re=null,Fe=null,Ae=Vu(ae);return Ae!==null&&(re=Ae.stateNode,Ae.memoizedProps!==null&&(Fe=Ae.memoizedProps.style)),{instance:re,style:Fe}},getOwnersList:function(ae){var re=Vu(ae);if(re==null)return null;var Fe=re._debugOwner,Ae=[{displayName:ge(re)||"Anonymous",id:ae,type:Tu(re)}];if(Fe)for(var st=Fe;st!==null;)Ae.unshift({displayName:ge(st)||"Anonymous",id:ei(Ei(st)),type:Tu(st)}),st=st._debugOwner||null;return Ae},getPathForElement:function(ae){var re=Z0.get(ae);if(re==null)return null;for(var Fe=[];re!==null;)Fe.push(E0(re)),re=re.return;return Fe.reverse(),Fe},getProfilingData:function(){var ae=[];if(_s===null)throw Error("getProfilingData() called before any profiling data was recorded");return _s.forEach(function(re,Fe){var Ae=[],st=[],vt=new Map,Qt=new Map,On=Cl!==null&&Cl.get(Fe)||"Unknown";O0!=null&&O0.forEach(function(Sn,_n){ho!=null&&ho.get(_n)===Fe&&st.push([_n,Sn])}),re.forEach(function(Sn,_n){var Tn=Sn.changeDescriptions,ir=Sn.durations,Bt=Sn.interactions,Fi=Sn.maxActualDuration,Ar=Sn.priorityLevel,mr=Sn.commitTime,Y=[];Bt.forEach(function(Di){vt.has(Di.id)||vt.set(Di.id,Di),Y.push(Di.id);var ru=Qt.get(Di.id);ru!=null?ru.push(_n):Qt.set(Di.id,[_n])});for(var ri=[],ii=[],Vr=0;Vr<ir.length;Vr+=3){var at=ir[Vr];ri.push([at,ir[Vr+1]]),ii.push([at,ir[Vr+2]])}Ae.push({changeDescriptions:Tn!==null?Array.from(Tn.entries()):null,duration:Fi,fiberActualDurations:ri,fiberSelfDurations:ii,interactionIDs:Y,priorityLevel:Ar,timestamp:mr})}),ae.push({commitData:Ae,displayName:On,initialTreeBaseDurations:st,interactionCommits:Array.from(Qt.entries()),interactions:Array.from(vt.entries()),rootID:Fe})}),{dataForRoots:ae,rendererID:z}},handleCommitFiberRoot:function(ae,re){var Fe=ae.current,Ae=Fe.alternate;tu=ei(Ei(Fe)),Rr!==null&&(fu=!0),Io&&bo.clear();var st=ae.memoizedInteractions!=null;if(Pu&&st&&(rl={changeDescriptions:es?new Map:null,durations:[],commitTime:Ql()-Zu,interactions:Array.from(ae.memoizedInteractions).map(function(Sn){return Wt(Wt({},Sn),{},{timestamp:Sn.timestamp-Zu})}),maxActualDuration:0,priorityLevel:re==null?null:Fn(re)}),Ae){var vt=Ae.memoizedState!=null&&Ae.memoizedState.element!=null,Qt=Fe.memoizedState!=null&&Fe.memoizedState.element!=null;!vt&&Qt?(e0(tu,Fe),Jr(Fe,null,!1,!1)):vt&&Qt?Fu(Fe,Ae,null,!1):vt&&!Qt&&(function(Sn){var _n=ni.get(Sn);if(_n===void 0)throw new Error("Expected root pseudo key to be known.");var Tn=_n.substring(0,_n.lastIndexOf(":")),ir=Kn.get(Tn);if(ir===void 0)throw new Error("Expected counter to be known.");ir>1?Kn.set(Tn,ir-1):Kn.delete(Tn),ni.delete(Sn)}(tu),ti(Fe,!1))}else e0(tu,Fe),Jr(Fe,null,!1,!1);if(Pu&&st){var On=_s.get(tu);On!=null?On.push(rl):_s.set(tu,[rl])}yu(),Io&&B.emit("traceUpdates",bo),tu=-1},handleCommitFiberUnmount:function(ae){ti(ae,!1)},inspectElement:function(ae,re){if(zi(ae)){if(re!=null){A0(re);var Fe=null;return re[0]==="hooks"&&(Fe="hooks"),{id:ae,type:"hydrated-path",path:re,value:Ri(Uu(Xi,re),Hi(null,Fe),re)}}return{id:ae,type:"no-change"}}if(Hs=!1,Xi!==null&&Xi.id===ae||(R0={}),(Xi=sa(ae))===null)return{id:ae,type:"not-found"};re!=null&&A0(re),function(st){var vt=st.hooks,Qt=st.id,On=st.props,Sn=Z0.get(Qt);if(Sn!=null){var _n=Sn.elementType,Tn=Sn.stateNode,ir=Sn.tag,Bt=Sn.type;switch(ir){case Ct:case Cr:case An:$.$r=Tn;break;case nt:$.$r={hooks:vt,props:On,type:Bt};break;case rn:$.$r={props:On,type:Bt.render};break;case Nr:case Lr:$.$r={props:On,type:_n!=null&&_n.type!=null?_n.type:Bt};break;default:$.$r=null}}else console.warn('Could not find Fiber with id "'.concat(Qt,'"'))}(Xi);var Ae=Wt({},Xi);return Ae.context=Ri(Ae.context,Hi("context",null)),Ae.hooks=Ri(Ae.hooks,Hi("hooks","hooks")),Ae.props=Ri(Ae.props,Hi("props",null)),Ae.state=Ri(Ae.state,Hi("state",null)),{id:ae,type:"full-data",value:Ae}},logElementToConsole:function(ae){var re=zi(ae)?Xi:sa(ae);if(re!==null){var Fe=typeof console.groupCollapsed=="function";Fe&&console.groupCollapsed("[Click to expand] %c<".concat(re.displayName||"Component"," />"),"color: var(--dom-tag-name-color); font-weight: normal;"),re.props!==null&&console.log("Props:",re.props),re.state!==null&&console.log("State:",re.state),re.hooks!==null&&console.log("Hooks:",re.hooks);var Ae=Tl(ae);Ae!==null&&console.log("Nodes:",Ae),re.source!==null&&console.log("Location:",re.source),(window.chrome||/firefox/i.test(navigator.userAgent))&&console.log("Right-click any value to save it as a global variable for further inspection."),Fe&&console.groupEnd()}else console.warn('Could not find Fiber with id "'.concat(ae,'"'))},prepareViewAttributeSource:function(ae,re){zi(ae)&&(window.$attribute=Uu(Xi,re))},prepareViewElementSource:function(ae){var re=Z0.get(ae);if(re!=null){var Fe=re.elementType,Ae=re.tag,st=re.type;switch(Ae){case Ct:case Cr:case An:case nt:$.$type=st;break;case rn:$.$type=st.render;break;case Nr:case Lr:$.$type=Fe!=null&&Fe.type!=null?Fe.type:st;break;default:$.$type=null}}else console.warn('Could not find Fiber with id "'.concat(ae,'"'))},overrideSuspense:function(ae,re){if(typeof Fo!="function"||typeof nl!="function")throw new Error("Expected overrideSuspense() to not get called for earlier React versions.");re?($u.add(ae),$u.size===1&&Fo(Es)):($u.delete(ae),$u.size===0&&Fo(gf));var Fe=Z0.get(ae);Fe!=null&&nl(Fe)},overrideValueAtPath:function(ae,re,Fe,Ae,st){var vt=Vu(re);if(vt!==null){var Qt=vt.stateNode;switch(ae){case"context":switch(Ae=Ae.slice(1),vt.tag){case Ct:Ae.length===0?Qt.context=st:Ao(Qt.context,Ae,st),Qt.forceUpdate()}break;case"hooks":typeof au=="function"&&au(vt,Fe,Ae,st);break;case"props":switch(vt.tag){case Ct:vt.pendingProps=bn(Qt.props,Ae,st),Qt.forceUpdate();break;default:typeof J0=="function"&&J0(vt,Ae,st)}break;case"state":switch(vt.tag){case Ct:Ao(Qt.state,Ae,st),Qt.forceUpdate()}}}},renamePath:function(ae,re,Fe,Ae,st){var vt=Vu(re);if(vt!==null){var Qt=vt.stateNode;switch(ae){case"context":switch(Ae=Ae.slice(1),st=st.slice(1),vt.tag){case Ct:Ae.length===0||Xr(Qt.context,Ae,st),Qt.forceUpdate()}break;case"hooks":typeof T0=="function"&&T0(vt,Fe,Ae,st);break;case"props":Qt===null?typeof _i=="function"&&_i(vt,Ae,st):(vt.pendingProps=en(Qt.props,Ae,st),Qt.forceUpdate());break;case"state":Xr(Qt.state,Ae,st),Qt.forceUpdate()}}},renderer:G,setTraceUpdatesEnabled:function(ae){Io=ae},setTrackedPath:Li,startProfiling:aa,stopProfiling:function(){Pu=!1,es=!1},storeAsGlobal:function(ae,re,Fe){if(zi(ae)){var Ae=Uu(Xi,re),st="$reactTemp".concat(Fe);window[st]=Ae,console.log(st),console.log(Ae)}},updateComponentFilters:function(ae){if(Pu)throw Error("Cannot modify filter preferences while profiling");B.getFiberRoots(z).forEach(function(re){tu=ei(Ei(re.current)),Wu(re.current),ti(re.current,!1),tu=-1}),gs(ae),Kn.clear(),B.getFiberRoots(z).forEach(function(re){e0(tu=ei(Ei(re.current)),re.current),Jr(re.current,null,!1,!1),yu(re),tu=-1})}}}var $n;function el(B){return(el=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(z){return typeof z}:function(z){return z&&typeof Symbol=="function"&&z.constructor===Symbol&&z!==Symbol.prototype?"symbol":typeof z})(B)}function ao(B,z,G){if($n===void 0)try{throw Error()}catch(Te){var $=Te.stack.trim().match(/\n( *(at )?)/);$n=$&&$[1]||""}return`
-`+$n+B}var I0=!1;function wl(B,z,G){if(!B||I0)return"";var $,Te=Error.prepareStackTrace;Error.prepareStackTrace=void 0,I0=!0;var ge=G.current;G.current=null;try{if(z){var Re=function(){throw Error()};if(Object.defineProperty(Re.prototype,"props",{set:function(){throw Error()}}),(typeof Reflect=="undefined"?"undefined":el(Reflect))==="object"&&Reflect.construct){try{Reflect.construct(Re,[])}catch(He){$=He}Reflect.construct(B,[],Re)}else{try{Re.call()}catch(He){$=He}B.call(Re.prototype)}}else{try{throw Error()}catch(He){$=He}B()}}catch(He){if(He&&$&&typeof He.stack=="string"){for(var Z=He.stack.split(`
-`),ke=$.stack.split(`
-`),Qe=Z.length-1,ht=ke.length-1;Qe>=1&&ht>=0&&Z[Qe]!==ke[ht];)ht--;for(;Qe>=1&&ht>=0;Qe--,ht--)if(Z[Qe]!==ke[ht]){if(Qe!==1||ht!==1)do if(Qe--,--ht<0||Z[Qe]!==ke[ht])return`
-`+Z[Qe].replace(" at new "," at ");while(Qe>=1&&ht>=0);break}}}finally{I0=!1,Error.prepareStackTrace=Te,G.current=ge}var ue=B?B.displayName||B.name:"";return ue?ao(ue):""}function No(B,z,G,$){return wl(B,!1,$)}function wt(B,z,G){var $=B.HostComponent,Te=B.LazyComponent,ge=B.SuspenseComponent,Re=B.SuspenseListComponent,Z=B.FunctionComponent,ke=B.IndeterminateComponent,Qe=B.SimpleMemoComponent,ht=B.ForwardRef,ue=B.Block,He=B.ClassComponent;switch(z.tag){case $:return ao(z.type);case Te:return ao("Lazy");case ge:return ao("Suspense");case Re:return ao("SuspenseList");case Z:case ke:case Qe:return No(z.type,0,0,G);case ht:return No(z.type.render,0,0,G);case ue:return No(z.type._render,0,0,G);case He:return function(nt,Ct,Mt,It){return wl(nt,!0,It)}(z.type,0,0,G);default:return""}}function bt(B,z,G){try{var $="",Te=z;do $+=wt(B,Te,G),Te=Te.return;while(Te);return $}catch(ge){return`
-Error generating stack: `+ge.message+`
-`+ge.stack}}function Hn(B,z){var G;if(typeof Symbol=="undefined"||B[Symbol.iterator]==null){if(Array.isArray(B)||(G=function(ke,Qe){if(!!ke){if(typeof ke=="string")return qr(ke,Qe);var ht=Object.prototype.toString.call(ke).slice(8,-1);if(ht==="Object"&&ke.constructor&&(ht=ke.constructor.name),ht==="Map"||ht==="Set")return Array.from(ke);if(ht==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(ht))return qr(ke,Qe)}}(B))||z&&B&&typeof B.length=="number"){G&&(B=G);var $=0,Te=function(){};return{s:Te,n:function(){return $>=B.length?{done:!0}:{done:!1,value:B[$++]}},e:function(ke){throw ke},f:Te}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var ge,Re=!0,Z=!1;return{s:function(){G=B[Symbol.iterator]()},n:function(){var ke=G.next();return Re=ke.done,ke},e:function(ke){Z=!0,ge=ke},f:function(){try{Re||G.return==null||G.return()}finally{if(Z)throw ge}}}}function qr(B,z){(z==null||z>B.length)&&(z=B.length);for(var G=0,$=new Array(z);G<z;G++)$[G]=B[G];return $}var Ki=["error","trace","warn"],Qr=/\s{4}(in|at)\s{1}/,Ou=/:\d+:\d+(\n|$)/,h0=new Map,Ni=console,v0={};for(var hs in console)v0[hs]=console[hs];var Tt=null;function fo(B){var z=B.currentDispatcherRef,G=B.getCurrentFiber,$=B.findFiberByHostInstance,Te=B.version;if(typeof $=="function"&&z!=null&&typeof G=="function"){var ge=ko(Te).ReactTypeOfWork;h0.set(B,{currentDispatcherRef:z,getCurrentFiber:G,workTagMap:ge})}}var tl={appendComponentStack:!1,breakOnConsoleErrors:!1};function Jl(B){var z=B.appendComponentStack,G=B.breakOnConsoleErrors;if(tl.appendComponentStack=z,tl.breakOnConsoleErrors=G,Tt===null){var $={};Tt=function(){for(var Te in $)try{Ni[Te]=$[Te]}catch(ge){}},Ki.forEach(function(Te){try{var ge=$[Te]=Ni[Te],Re=function(){for(var Z=tl.appendComponentStack,ke=(tl.breakOnConsoleErrors,arguments.length),Qe=new Array(ke),ht=0;ht<ke;ht++)Qe[ht]=arguments[ht];if(Z)try{var ue=Qe.length>0?Qe[Qe.length-1]:null,He=ue!==null&&(Qr.test(ue)||Ou.test(ue));if(!He){var nt,Ct=Hn(h0.values());try{for(Ct.s();!(nt=Ct.n()).done;){var Mt=nt.value,It=Mt.currentDispatcherRef,sn=Mt.getCurrentFiber,rn=Mt.workTagMap,Lt=sn();if(Lt!=null){var Dn=bt(rn,Lt,It);Dn!==""&&Qe.push(Dn);break}}}catch(dr){Ct.e(dr)}finally{Ct.f()}}}catch(dr){}ge.apply(void 0,Qe)};Re.__REACT_DEVTOOLS_ORIGINAL_METHOD__=ge,Ni[Te]=Re}catch(Z){}})}}function ju(B){return(ju=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(z){return typeof z}:function(z){return z&&typeof Symbol=="function"&&z.constructor===Symbol&&z!==Symbol.prototype?"symbol":typeof z})(B)}function vs(B,z){for(var G=0;G<z.length;G++){var $=z[G];$.enumerable=$.enumerable||!1,$.configurable=!0,"value"in $&&($.writable=!0),Object.defineProperty(B,$.key,$)}}function b0(B,z){return(b0=Object.setPrototypeOf||function(G,$){return G.__proto__=$,G})(B,z)}function X(B){var z=function(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(G){return!1}}();return function(){var G,$=Ne(B);if(z){var Te=Ne(this).constructor;G=Reflect.construct($,arguments,Te)}else G=$.apply(this,arguments);return we(this,G)}}function we(B,z){return!z||ju(z)!=="object"&&typeof z!="function"?Le(B):z}function Le(B){if(B===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return B}function Ne(B){return(Ne=Object.setPrototypeOf?Object.getPrototypeOf:function(z){return z.__proto__||Object.getPrototypeOf(z)})(B)}function dt(B,z,G){return z in B?Object.defineProperty(B,z,{value:G,enumerable:!0,configurable:!0,writable:!0}):B[z]=G,B}var Yn=function(B){(function(Re,Z){if(typeof Z!="function"&&Z!==null)throw new TypeError("Super expression must either be null or a function");Re.prototype=Object.create(Z&&Z.prototype,{constructor:{value:Re,writable:!0,configurable:!0}}),Z&&b0(Re,Z)})(ge,B);var z,G,$,Te=X(ge);function ge(Re){var Z;(function(ue,He){if(!(ue instanceof He))throw new TypeError("Cannot call a class as a function")})(this,ge),dt(Le(Z=Te.call(this)),"_isProfiling",!1),dt(Le(Z),"_recordChangeDescriptions",!1),dt(Le(Z),"_rendererInterfaces",{}),dt(Le(Z),"_persistedSelection",null),dt(Le(Z),"_persistedSelectionMatch",null),dt(Le(Z),"_traceUpdatesEnabled",!1),dt(Le(Z),"copyElementPath",function(ue){var He=ue.id,nt=ue.path,Ct=ue.rendererID,Mt=Z._rendererInterfaces[Ct];Mt==null?console.warn('Invalid renderer id "'.concat(Ct,'" for element "').concat(He,'"')):Mt.copyElementPath(He,nt)}),dt(Le(Z),"deletePath",function(ue){var He=ue.hookID,nt=ue.id,Ct=ue.path,Mt=ue.rendererID,It=ue.type,sn=Z._rendererInterfaces[Mt];sn==null?console.warn('Invalid renderer id "'.concat(Mt,'" for element "').concat(nt,'"')):sn.deletePath(It,nt,He,Ct)}),dt(Le(Z),"getProfilingData",function(ue){var He=ue.rendererID,nt=Z._rendererInterfaces[He];nt==null&&console.warn('Invalid renderer id "'.concat(He,'"')),Z._bridge.send("profilingData",nt.getProfilingData())}),dt(Le(Z),"getProfilingStatus",function(){Z._bridge.send("profilingStatus",Z._isProfiling)}),dt(Le(Z),"getOwnersList",function(ue){var He=ue.id,nt=ue.rendererID,Ct=Z._rendererInterfaces[nt];if(Ct==null)console.warn('Invalid renderer id "'.concat(nt,'" for element "').concat(He,'"'));else{var Mt=Ct.getOwnersList(He);Z._bridge.send("ownersList",{id:He,owners:Mt})}}),dt(Le(Z),"inspectElement",function(ue){var He=ue.id,nt=ue.path,Ct=ue.rendererID,Mt=Z._rendererInterfaces[Ct];Mt==null?console.warn('Invalid renderer id "'.concat(Ct,'" for element "').concat(He,'"')):(Z._bridge.send("inspectedElement",Mt.inspectElement(He,nt)),Z._persistedSelectionMatch!==null&&Z._persistedSelectionMatch.id===He||(Z._persistedSelection=null,Z._persistedSelectionMatch=null,Mt.setTrackedPath(null),Z._throttledPersistSelection(Ct,He)))}),dt(Le(Z),"logElementToConsole",function(ue){var He=ue.id,nt=ue.rendererID,Ct=Z._rendererInterfaces[nt];Ct==null?console.warn('Invalid renderer id "'.concat(nt,'" for element "').concat(He,'"')):Ct.logElementToConsole(He)}),dt(Le(Z),"overrideSuspense",function(ue){var He=ue.id,nt=ue.rendererID,Ct=ue.forceFallback,Mt=Z._rendererInterfaces[nt];Mt==null?console.warn('Invalid renderer id "'.concat(nt,'" for element "').concat(He,'"')):Mt.overrideSuspense(He,Ct)}),dt(Le(Z),"overrideValueAtPath",function(ue){var He=ue.hookID,nt=ue.id,Ct=ue.path,Mt=ue.rendererID,It=ue.type,sn=ue.value,rn=Z._rendererInterfaces[Mt];rn==null?console.warn('Invalid renderer id "'.concat(Mt,'" for element "').concat(nt,'"')):rn.overrideValueAtPath(It,nt,He,Ct,sn)}),dt(Le(Z),"overrideContext",function(ue){var He=ue.id,nt=ue.path,Ct=ue.rendererID,Mt=ue.wasForwarded,It=ue.value;Mt||Z.overrideValueAtPath({id:He,path:nt,rendererID:Ct,type:"context",value:It})}),dt(Le(Z),"overrideHookState",function(ue){var He=ue.id,nt=(ue.hookID,ue.path),Ct=ue.rendererID,Mt=ue.wasForwarded,It=ue.value;Mt||Z.overrideValueAtPath({id:He,path:nt,rendererID:Ct,type:"hooks",value:It})}),dt(Le(Z),"overrideProps",function(ue){var He=ue.id,nt=ue.path,Ct=ue.rendererID,Mt=ue.wasForwarded,It=ue.value;Mt||Z.overrideValueAtPath({id:He,path:nt,rendererID:Ct,type:"props",value:It})}),dt(Le(Z),"overrideState",function(ue){var He=ue.id,nt=ue.path,Ct=ue.rendererID,Mt=ue.wasForwarded,It=ue.value;Mt||Z.overrideValueAtPath({id:He,path:nt,rendererID:Ct,type:"state",value:It})}),dt(Le(Z),"reloadAndProfile",function(ue){H("React::DevTools::reloadAndProfile","true"),H("React::DevTools::recordChangeDescriptions",ue?"true":"false"),Z._bridge.send("reloadAppForProfiling")}),dt(Le(Z),"renamePath",function(ue){var He=ue.hookID,nt=ue.id,Ct=ue.newPath,Mt=ue.oldPath,It=ue.rendererID,sn=ue.type,rn=Z._rendererInterfaces[It];rn==null?console.warn('Invalid renderer id "'.concat(It,'" for element "').concat(nt,'"')):rn.renamePath(sn,nt,He,Mt,Ct)}),dt(Le(Z),"setTraceUpdatesEnabled",function(ue){for(var He in Z._traceUpdatesEnabled=ue,Vt(ue),Z._rendererInterfaces)Z._rendererInterfaces[He].setTraceUpdatesEnabled(ue)}),dt(Le(Z),"syncSelectionFromNativeElementsPanel",function(){var ue=window.__REACT_DEVTOOLS_GLOBAL_HOOK__.$0;ue!=null&&Z.selectNode(ue)}),dt(Le(Z),"shutdown",function(){Z.emit("shutdown")}),dt(Le(Z),"startProfiling",function(ue){for(var He in Z._recordChangeDescriptions=ue,Z._isProfiling=!0,Z._rendererInterfaces)Z._rendererInterfaces[He].startProfiling(ue);Z._bridge.send("profilingStatus",Z._isProfiling)}),dt(Le(Z),"stopProfiling",function(){for(var ue in Z._isProfiling=!1,Z._recordChangeDescriptions=!1,Z._rendererInterfaces)Z._rendererInterfaces[ue].stopProfiling();Z._bridge.send("profilingStatus",Z._isProfiling)}),dt(Le(Z),"storeAsGlobal",function(ue){var He=ue.count,nt=ue.id,Ct=ue.path,Mt=ue.rendererID,It=Z._rendererInterfaces[Mt];It==null?console.warn('Invalid renderer id "'.concat(Mt,'" for element "').concat(nt,'"')):It.storeAsGlobal(nt,Ct,He)}),dt(Le(Z),"updateConsolePatchSettings",function(ue){var He=ue.appendComponentStack,nt=ue.breakOnConsoleErrors;He||nt?Jl({appendComponentStack:He,breakOnConsoleErrors:nt}):Tt!==null&&(Tt(),Tt=null)}),dt(Le(Z),"updateComponentFilters",function(ue){for(var He in Z._rendererInterfaces)Z._rendererInterfaces[He].updateComponentFilters(ue)}),dt(Le(Z),"viewAttributeSource",function(ue){var He=ue.id,nt=ue.path,Ct=ue.rendererID,Mt=Z._rendererInterfaces[Ct];Mt==null?console.warn('Invalid renderer id "'.concat(Ct,'" for element "').concat(He,'"')):Mt.prepareViewAttributeSource(He,nt)}),dt(Le(Z),"viewElementSource",function(ue){var He=ue.id,nt=ue.rendererID,Ct=Z._rendererInterfaces[nt];Ct==null?console.warn('Invalid renderer id "'.concat(nt,'" for element "').concat(He,'"')):Ct.prepareViewElementSource(He)}),dt(Le(Z),"onTraceUpdates",function(ue){Z.emit("traceUpdates",ue)}),dt(Le(Z),"onHookOperations",function(ue){if(Z._bridge.send("operations",ue),Z._persistedSelection!==null){var He=ue[0];if(Z._persistedSelection.rendererID===He){var nt=Z._rendererInterfaces[He];if(nt==null)console.warn('Invalid renderer id "'.concat(He,'"'));else{var Ct=Z._persistedSelectionMatch,Mt=nt.getBestMatchForTrackedPath();Z._persistedSelectionMatch=Mt;var It=Ct!==null?Ct.id:null,sn=Mt!==null?Mt.id:null;It!==sn&&sn!==null&&Z._bridge.send("selectFiber",sn),Mt!==null&&Mt.isFullMatch&&(Z._persistedSelection=null,Z._persistedSelectionMatch=null,nt.setTrackedPath(null))}}}}),dt(Le(Z),"_throttledPersistSelection",k()(function(ue,He){var nt=Z._rendererInterfaces[ue],Ct=nt!=null?nt.getPathForElement(He):null;Ct!==null?H("React::DevTools::lastSelection",JSON.stringify({rendererID:ue,path:Ct})):U("React::DevTools::lastSelection")},1e3)),C("React::DevTools::reloadAndProfile")==="true"&&(Z._recordChangeDescriptions=C("React::DevTools::recordChangeDescriptions")==="true",Z._isProfiling=!0,U("React::DevTools::recordChangeDescriptions"),U("React::DevTools::reloadAndProfile"));var ke=C("React::DevTools::lastSelection");ke!=null&&(Z._persistedSelection=JSON.parse(ke)),Z._bridge=Re,Re.addListener("copyElementPath",Z.copyElementPath),Re.addListener("deletePath",Z.deletePath),Re.addListener("getProfilingData",Z.getProfilingData),Re.addListener("getProfilingStatus",Z.getProfilingStatus),Re.addListener("getOwnersList",Z.getOwnersList),Re.addListener("inspectElement",Z.inspectElement),Re.addListener("logElementToConsole",Z.logElementToConsole),Re.addListener("overrideSuspense",Z.overrideSuspense),Re.addListener("overrideValueAtPath",Z.overrideValueAtPath),Re.addListener("reloadAndProfile",Z.reloadAndProfile),Re.addListener("renamePath",Z.renamePath),Re.addListener("setTraceUpdatesEnabled",Z.setTraceUpdatesEnabled),Re.addListener("startProfiling",Z.startProfiling),Re.addListener("stopProfiling",Z.stopProfiling),Re.addListener("storeAsGlobal",Z.storeAsGlobal),Re.addListener("syncSelectionFromNativeElementsPanel",Z.syncSelectionFromNativeElementsPanel),Re.addListener("shutdown",Z.shutdown),Re.addListener("updateConsolePatchSettings",Z.updateConsolePatchSettings),Re.addListener("updateComponentFilters",Z.updateComponentFilters),Re.addListener("viewAttributeSource",Z.viewAttributeSource),Re.addListener("viewElementSource",Z.viewElementSource),Re.addListener("overrideContext",Z.overrideContext),Re.addListener("overrideHookState",Z.overrideHookState),Re.addListener("overrideProps",Z.overrideProps),Re.addListener("overrideState",Z.overrideState),Z._isProfiling&&Re.send("profilingStatus",!0);var Qe,ht=!1;try{localStorage.getItem("test"),ht=!0}catch(ue){}return Re.send("isBackendStorageAPISupported",ht),xe(Re,Le(Z)),Qe=Le(Z),Qe.addListener("traceUpdates",Er),Z}return z=ge,(G=[{key:"getInstanceAndStyle",value:function(Re){var Z=Re.id,ke=Re.rendererID,Qe=this._rendererInterfaces[ke];return Qe==null?(console.warn('Invalid renderer id "'.concat(ke,'"')),null):Qe.getInstanceAndStyle(Z)}},{key:"getIDForNode",value:function(Re){for(var Z in this._rendererInterfaces){var ke=this._rendererInterfaces[Z];try{var Qe=ke.getFiberIDForNative(Re,!0);if(Qe!==null)return Qe}catch(ht){}}return null}},{key:"selectNode",value:function(Re){var Z=this.getIDForNode(Re);Z!==null&&this._bridge.send("selectFiber",Z)}},{key:"setRendererInterface",value:function(Re,Z){this._rendererInterfaces[Re]=Z,this._isProfiling&&Z.startProfiling(this._recordChangeDescriptions),Z.setTraceUpdatesEnabled(this._traceUpdatesEnabled);var ke=this._persistedSelection;ke!==null&&ke.rendererID===Re&&Z.setTrackedPath(ke.path)}},{key:"onUnsupportedRenderer",value:function(Re){this._bridge.send("unsupportedRendererVersion",Re)}},{key:"rendererInterfaces",get:function(){return this._rendererInterfaces}}])&&vs(z.prototype,G),$&&vs(z,$),ge}(_);function Cn(B){return(Cn=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(z){return typeof z}:function(z){return z&&typeof Symbol=="function"&&z.constructor===Symbol&&z!==Symbol.prototype?"symbol":typeof z})(B)}function cr(B){return function(z){if(Array.isArray(z))return Si(z)}(B)||function(z){if(typeof Symbol!="undefined"&&Symbol.iterator in Object(z))return Array.from(z)}(B)||function(z,G){if(!!z){if(typeof z=="string")return Si(z,G);var $=Object.prototype.toString.call(z).slice(8,-1);if($==="Object"&&z.constructor&&($=z.constructor.name),$==="Map"||$==="Set")return Array.from(z);if($==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test($))return Si(z,G)}}(B)||function(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function Si(B,z){(z==null||z>B.length)&&(z=B.length);for(var G=0,$=new Array(z);G<z;G++)$[G]=B[G];return $}function Mu(B,z){for(var G=0;G<z.length;G++){var $=z[G];$.enumerable=$.enumerable||!1,$.configurable=!0,"value"in $&&($.writable=!0),Object.defineProperty(B,$.key,$)}}function zu(B,z){return(zu=Object.setPrototypeOf||function(G,$){return G.__proto__=$,G})(B,z)}function Hu(B){var z=function(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(G){return!1}}();return function(){var G,$=Lo(B);if(z){var Te=Lo(this).constructor;G=Reflect.construct($,arguments,Te)}else G=$.apply(this,arguments);return Su(this,G)}}function Su(B,z){return!z||Cn(z)!=="object"&&typeof z!="function"?Ti(B):z}function Ti(B){if(B===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return B}function Lo(B){return(Lo=Object.setPrototypeOf?Object.getPrototypeOf:function(z){return z.__proto__||Object.getPrototypeOf(z)})(B)}function ku(B,z,G){return z in B?Object.defineProperty(B,z,{value:G,enumerable:!0,configurable:!0,writable:!0}):B[z]=G,B}var co=function(B){(function(Re,Z){if(typeof Z!="function"&&Z!==null)throw new TypeError("Super expression must either be null or a function");Re.prototype=Object.create(Z&&Z.prototype,{constructor:{value:Re,writable:!0,configurable:!0}}),Z&&zu(Re,Z)})(ge,B);var z,G,$,Te=Hu(ge);function ge(Re){var Z;return function(ke,Qe){if(!(ke instanceof Qe))throw new TypeError("Cannot call a class as a function")}(this,ge),ku(Ti(Z=Te.call(this)),"_isShutdown",!1),ku(Ti(Z),"_messageQueue",[]),ku(Ti(Z),"_timeoutID",null),ku(Ti(Z),"_wallUnlisten",null),ku(Ti(Z),"_flush",function(){if(Z._timeoutID!==null&&(clearTimeout(Z._timeoutID),Z._timeoutID=null),Z._messageQueue.length){for(var ke=0;ke<Z._messageQueue.length;ke+=2){var Qe;(Qe=Z._wall).send.apply(Qe,[Z._messageQueue[ke]].concat(cr(Z._messageQueue[ke+1])))}Z._messageQueue.length=0,Z._timeoutID=setTimeout(Z._flush,100)}}),ku(Ti(Z),"overrideValueAtPath",function(ke){var Qe=ke.id,ht=ke.path,ue=ke.rendererID,He=ke.type,nt=ke.value;switch(He){case"context":Z.send("overrideContext",{id:Qe,path:ht,rendererID:ue,wasForwarded:!0,value:nt});break;case"hooks":Z.send("overrideHookState",{id:Qe,path:ht,rendererID:ue,wasForwarded:!0,value:nt});break;case"props":Z.send("overrideProps",{id:Qe,path:ht,rendererID:ue,wasForwarded:!0,value:nt});break;case"state":Z.send("overrideState",{id:Qe,path:ht,rendererID:ue,wasForwarded:!0,value:nt})}}),Z._wall=Re,Z._wallUnlisten=Re.listen(function(ke){Ti(Z).emit(ke.event,ke.payload)})||null,Z.addListener("overrideValueAtPath",Z.overrideValueAtPath),Z}return z=ge,(G=[{key:"send",value:function(Re){if(this._isShutdown)console.warn('Cannot send message "'.concat(Re,'" through a Bridge that has been shutdown.'));else{for(var Z=arguments.length,ke=new Array(Z>1?Z-1:0),Qe=1;Qe<Z;Qe++)ke[Qe-1]=arguments[Qe];this._messageQueue.push(Re,ke),this._timeoutID||(this._timeoutID=setTimeout(this._flush,0))}}},{key:"shutdown",value:function(){if(this._isShutdown)console.warn("Bridge was already shutdown.");else{this.send("shutdown"),this._isShutdown=!0,this.addListener=function(){},this.emit=function(){},this.removeAllListeners();var Re=this._wallUnlisten;Re&&Re();do this._flush();while(this._messageQueue.length);this._timeoutID!==null&&(clearTimeout(this._timeoutID),this._timeoutID=null)}}},{key:"wall",get:function(){return this._wall}}])&&Mu(z.prototype,G),$&&Mu(z,$),ge}(_);function qu(B,z,G){var $=B[z];return B[z]=function(Te){return G.call(this,$,arguments)},$}function Pa(B,z){for(var G in z)B[G]=z[G]}function m0(B){typeof B.forceUpdate=="function"?B.forceUpdate():B.updater!=null&&typeof B.updater.enqueueForceUpdate=="function"&&B.updater.enqueueForceUpdate(this,function(){},"forceUpdate")}function ia(B,z){var G=Object.keys(B);if(Object.getOwnPropertySymbols){var $=Object.getOwnPropertySymbols(B);z&&($=$.filter(function(Te){return Object.getOwnPropertyDescriptor(B,Te).enumerable})),G.push.apply(G,$)}return G}function Q0(B){for(var z=1;z<arguments.length;z++){var G=arguments[z]!=null?arguments[z]:{};z%2?ia(Object(G),!0).forEach(function($){ua(B,$,G[$])}):Object.getOwnPropertyDescriptors?Object.defineProperties(B,Object.getOwnPropertyDescriptors(G)):ia(Object(G)).forEach(function($){Object.defineProperty(B,$,Object.getOwnPropertyDescriptor(G,$))})}return B}function ua(B,z,G){return z in B?Object.defineProperty(B,z,{value:G,enumerable:!0,configurable:!0,writable:!0}):B[z]=G,B}function Ia(B){return(Ia=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(z){return typeof z}:function(z){return z&&typeof Symbol=="function"&&z.constructor===Symbol&&z!==Symbol.prototype?"symbol":typeof z})(B)}function ms(B){var z=null,G=null;if(B._currentElement!=null){B._currentElement.key&&(G=""+B._currentElement.key);var $=B._currentElement.type;typeof $=="string"?z=$:typeof $=="function"&&(z=mi($))}return{displayName:z,key:G}}function S0(B){if(B._currentElement!=null){var z=B._currentElement.type;if(typeof z=="function")return B.getPublicInstance()!==null?1:5;if(typeof z=="string")return 7}return 9}function Qn(B){var z=[];if(Ia(B)==="object"){if(!(B._currentElement===null||B._currentElement===!1)){if(B._renderedComponent){var G=B._renderedComponent;S0(G)!==9&&z.push(G)}else if(B._renderedChildren){var $=B._renderedChildren;for(var Te in $){var ge=$[Te];S0(ge)!==9&&z.push(ge)}}}}return z}function ac(B,z,G,$){var Te,ge=new Map,Re=new WeakMap,Z=new WeakMap,ke=null;function Qe(it){if(Ia(it)!=="object"||it===null)throw new Error("Invalid internal instance: "+it);if(!Re.has(it)){var Dt=$o();Re.set(it,Dt),ge.set(Dt,it)}return Re.get(it)}function ht(it,Dt){if(it.length!==Dt.length)return!1;for(var $e=0;$e<it.length;$e++)if(it[$e]!==Dt[$e])return!1;return!0}G.ComponentTree?(ke=function(it,Dt){var $e=G.ComponentTree.getClosestInstanceFromNode(it);return Re.get($e)||null},Te=function(it){var Dt=ge.get(it);return G.ComponentTree.getNodeFromInstance(Dt)}):G.Mount.getID&&G.Mount.getNode&&(ke=function(it,Dt){return null},Te=function(it){return null});var ue=[],He=null;function nt(it,Dt,$e){if($e===0){var Pt=it._currentElement!=null&&it._currentElement._owner!=null;er(1),er(Dt),er(11),er(0),er(Pt?1:0)}else{var un=S0(it),fn=ms(it),Jn=fn.displayName,wr=fn.key,au=it._currentElement!=null&&it._currentElement._owner!=null?Qe(it._currentElement._owner):0,Nu=Cr(Jn),T0=Cr(wr);er(1),er(Dt),er(un),er($e),er(au),er(Nu),er(T0)}}function Ct(it,Dt,$e){er(3),er(Dt);var Pt=$e.map(Qe);er(Pt.length);for(var un=0;un<Pt.length;un++)er(Pt[un])}function Mt(it,Dt,$e){var Pt=ge.get(it);Pt!=null&&(Z.set(Pt,$e),nt(Pt,it,Dt),Qn(Pt).forEach(function(un){return Mt(Qe(un),it,$e)}))}G.Reconciler&&(He=function(it,Dt){var $e={};for(var Pt in Dt)$e[Pt]=qu(it,Pt,Dt[Pt]);return $e}(G.Reconciler,{mountComponent:function(it,Dt){var $e=Dt[0],Pt=Dt[3];if(S0($e)===9)return it.apply(this,Dt);if(Pt._topLevelWrapper===void 0)return it.apply(this,Dt);var un=Qe($e);nt($e,un,ue.length>0?ue[ue.length-1]:0),ue.push(un),Z.set($e,Qe(Pt._topLevelWrapper));try{var fn=it.apply(this,Dt);return ue.pop(),fn}catch(wr){throw ue=[],wr}finally{if(ue.length===0){var Jn=Z.get($e);if(Jn===void 0)throw new Error("Expected to find root ID.");dr(Jn)}}},performUpdateIfNecessary:function(it,Dt){var $e=Dt[0];if(S0($e)===9)return it.apply(this,Dt);var Pt=Qe($e);ue.push(Pt);var un=Qn($e);try{var fn=it.apply(this,Dt),Jn=Qn($e);return ht(un,Jn)||Ct($e,Pt,Jn),ue.pop(),fn}catch(au){throw ue=[],au}finally{if(ue.length===0){var wr=Z.get($e);if(wr===void 0)throw new Error("Expected to find root ID.");dr(wr)}}},receiveComponent:function(it,Dt){var $e=Dt[0];if(S0($e)===9)return it.apply(this,Dt);var Pt=Qe($e);ue.push(Pt);var un=Qn($e);try{var fn=it.apply(this,Dt),Jn=Qn($e);return ht(un,Jn)||Ct($e,Pt,Jn),ue.pop(),fn}catch(au){throw ue=[],au}finally{if(ue.length===0){var wr=Z.get($e);if(wr===void 0)throw new Error("Expected to find root ID.");dr(wr)}}},unmountComponent:function(it,Dt){var $e=Dt[0];if(S0($e)===9)return it.apply(this,Dt);var Pt=Qe($e);ue.push(Pt);try{var un=it.apply(this,Dt);return ue.pop(),function(Jn,wr){rn.push(wr),ge.delete(wr)}(0,Pt),un}catch(Jn){throw ue=[],Jn}finally{if(ue.length===0){var fn=Z.get($e);if(fn===void 0)throw new Error("Expected to find root ID.");dr(fn)}}}}));var It=[],sn=new Map,rn=[],Lt=0,Dn=null;function dr(it){if(It.length!==0||rn.length!==0||Dn!==null){var Dt=rn.length+(Dn===null?0:1),$e=new Array(3+Lt+(Dt>0?2+Dt:0)+It.length),Pt=0;if($e[Pt++]=z,$e[Pt++]=it,$e[Pt++]=Lt,sn.forEach(function(Jn,wr){$e[Pt++]=wr.length;for(var au=G0(wr),Nu=0;Nu<au.length;Nu++)$e[Pt+Nu]=au[Nu];Pt+=wr.length}),Dt>0){$e[Pt++]=2,$e[Pt++]=Dt;for(var un=0;un<rn.length;un++)$e[Pt++]=rn[un];Dn!==null&&($e[Pt]=Dn,Pt++)}for(var fn=0;fn<It.length;fn++)$e[Pt+fn]=It[fn];Pt+=It.length,B.emit("operations",$e),It.length=0,rn=[],Dn=null,sn.clear(),Lt=0}}function er(it){It.push(it)}function Cr(it){if(it===null)return 0;var Dt=sn.get(it);if(Dt!==void 0)return Dt;var $e=sn.size+1;return sn.set(it,$e),Lt+=it.length+1,$e}var An=null,Nr={};function g0(it){return function(Dt){var $e=Nr[it];if(!$e)return!1;for(var Pt=0;Pt<Dt.length;Pt++)if(!($e=$e[Dt[Pt]]))return!1;return!0}}function Lr(it){var Dt=ge.get(it);if(Dt==null)return null;var $e=ms(Dt),Pt=$e.displayName,un=$e.key,fn=S0(Dt),Jn=null,wr=null,au=null,Nu=null,T0=null,J0=Dt._currentElement;if(J0!==null){au=J0.props,T0=J0._source!=null?J0._source:null;var Lu=J0._owner;if(Lu)for(wr=[];Lu!=null;)wr.push({displayName:ms(Lu).displayName||"Unknown",id:Qe(Lu),type:S0(Lu)}),Lu._currentElement&&(Lu=Lu._currentElement._owner)}var _i=Dt._instance;return _i!=null&&(Jn=_i.context||null,Nu=_i.state||null),{id:it,canEditHooks:!1,canEditFunctionProps:!1,canEditHooksAndDeletePaths:!1,canEditHooksAndRenamePaths:!1,canEditFunctionPropsDeletePaths:!1,canEditFunctionPropsRenamePaths:!1,canToggleSuspense:!1,canViewSource:fn===1||fn===5,hasLegacyContext:!0,displayName:Pt,type:fn,key:un!=null?un:null,context:Jn,hooks:null,props:au,state:Nu,owners:wr,source:T0,rootType:null,rendererPackageName:null,rendererVersion:null}}return{cleanup:function(){He!==null&&(G.Component?Pa(G.Component.Mixin,He):Pa(G.Reconciler,He)),He=null},copyElementPath:function(it,Dt){var $e=Lr(it);$e!==null&&K0(Uu($e,Dt))},deletePath:function(it,Dt,$e,Pt){var un=ge.get(Dt);if(un!=null){var fn=un._instance;if(fn!=null)switch(it){case"context":Y0(fn.context,Pt),m0(fn);break;case"hooks":throw new Error("Hooks not supported by this renderer");case"props":var Jn=un._currentElement;un._currentElement=Q0(Q0({},Jn),{},{props:yi(Jn.props,Pt)}),m0(fn);break;case"state":Y0(fn.state,Pt),m0(fn)}}},flushInitialOperations:function(){var it=G.Mount._instancesByReactRootID||G.Mount._instancesByContainerID;for(var Dt in it){var $e=Qe(it[Dt]);Mt($e,0,$e),dr($e)}},getBestMatchForTrackedPath:function(){return null},getDisplayNameForFiberID:function(it){var Dt=ge.get(it);return Dt?ms(Dt).displayName:null},getFiberIDForNative:ke,getInstanceAndStyle:function(it){var Dt=null,$e=null,Pt=ge.get(it);if(Pt!=null){Dt=Pt._instance||null;var un=Pt._currentElement;un!=null&&un.props!=null&&($e=un.props.style||null)}return{instance:Dt,style:$e}},findNativeNodesForFiberID:function(it){var Dt=Te(it);return Dt==null?null:[Dt]},getOwnersList:function(it){return null},getPathForElement:function(it){return null},getProfilingData:function(){throw new Error("getProfilingData not supported by this renderer")},handleCommitFiberRoot:function(){throw new Error("handleCommitFiberRoot not supported by this renderer")},handleCommitFiberUnmount:function(){throw new Error("handleCommitFiberUnmount not supported by this renderer")},inspectElement:function(it,Dt){An!==it&&(An=it,Nr={});var $e=Lr(it);return $e===null?{id:it,type:"not-found"}:(Dt!=null&&function(Pt){var un=Nr;Pt.forEach(function(fn){un[fn]||(un[fn]={}),un=un[fn]})}(Dt),function(Pt){var un=ge.get(Pt);if(un!=null)switch(S0(un)){case 1:$.$r=un._instance;break;case 5:var fn=un._currentElement;if(fn==null)return void console.warn('Could not find element with id "'.concat(Pt,'"'));$.$r={props:fn.props,type:fn.type};break;default:$.$r=null}else console.warn('Could not find instance with id "'.concat(Pt,'"'))}(it),$e.context=Ri($e.context,g0("context")),$e.props=Ri($e.props,g0("props")),$e.state=Ri($e.state,g0("state")),{id:it,type:"full-data",value:$e})},logElementToConsole:function(it){var Dt=Lr(it);if(Dt!==null){var $e=typeof console.groupCollapsed=="function";$e&&console.groupCollapsed("[Click to expand] %c<".concat(Dt.displayName||"Component"," />"),"color: var(--dom-tag-name-color); font-weight: normal;"),Dt.props!==null&&console.log("Props:",Dt.props),Dt.state!==null&&console.log("State:",Dt.state),Dt.context!==null&&console.log("Context:",Dt.context);var Pt=Te(it);Pt!==null&&console.log("Node:",Pt),(window.chrome||/firefox/i.test(navigator.userAgent))&&console.log("Right-click any value to save it as a global variable for further inspection."),$e&&console.groupEnd()}else console.warn('Could not find element with id "'.concat(it,'"'))},overrideSuspense:function(){throw new Error("overrideSuspense not supported by this renderer")},overrideValueAtPath:function(it,Dt,$e,Pt,un){var fn=ge.get(Dt);if(fn!=null){var Jn=fn._instance;if(Jn!=null)switch(it){case"context":Ao(Jn.context,Pt,un),m0(Jn);break;case"hooks":throw new Error("Hooks not supported by this renderer");case"props":var wr=fn._currentElement;fn._currentElement=Q0(Q0({},wr),{},{props:bn(wr.props,Pt,un)}),m0(Jn);break;case"state":Ao(Jn.state,Pt,un),m0(Jn)}}},renamePath:function(it,Dt,$e,Pt,un){var fn=ge.get(Dt);if(fn!=null){var Jn=fn._instance;if(Jn!=null)switch(it){case"context":Xr(Jn.context,Pt,un),m0(Jn);break;case"hooks":throw new Error("Hooks not supported by this renderer");case"props":var wr=fn._currentElement;fn._currentElement=Q0(Q0({},wr),{},{props:en(wr.props,Pt,un)}),m0(Jn);break;case"state":Xr(Jn.state,Pt,un),m0(Jn)}}},prepareViewAttributeSource:function(it,Dt){var $e=Lr(it);$e!==null&&(window.$attribute=Uu($e,Dt))},prepareViewElementSource:function(it){var Dt=ge.get(it);if(Dt!=null){var $e=Dt._currentElement;$e!=null?$.$type=$e.type:console.warn('Could not find element with id "'.concat(it,'"'))}else console.warn('Could not find instance with id "'.concat(it,'"'))},renderer:G,setTraceUpdatesEnabled:function(it){},setTrackedPath:function(it){},startProfiling:function(){},stopProfiling:function(){},storeAsGlobal:function(it,Dt,$e){var Pt=Lr(it);if(Pt!==null){var un=Uu(Pt,Dt),fn="$reactTemp".concat($e);window[fn]=un,console.log(fn),console.log(un)}},updateComponentFilters:function(it){}}}function fi(B,z){var G=!1,$={bottom:0,left:0,right:0,top:0},Te=z[B];if(Te!=null){for(var ge=0,Re=Object.keys($);ge<Re.length;ge++)$[Re[ge]]=Te;G=!0}var Z=z[B+"Horizontal"];if(Z!=null)$.left=Z,$.right=Z,G=!0;else{var ke=z[B+"Left"];ke!=null&&($.left=ke,G=!0);var Qe=z[B+"Right"];Qe!=null&&($.right=Qe,G=!0);var ht=z[B+"End"];ht!=null&&($.right=ht,G=!0);var ue=z[B+"Start"];ue!=null&&($.left=ue,G=!0)}var He=z[B+"Vertical"];if(He!=null)$.bottom=He,$.top=He,G=!0;else{var nt=z[B+"Bottom"];nt!=null&&($.bottom=nt,G=!0);var Ct=z[B+"Top"];Ct!=null&&($.top=Ct,G=!0)}return G?$:null}function $r(B){return($r=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(z){return typeof z}:function(z){return z&&typeof Symbol=="function"&&z.constructor===Symbol&&z!==Symbol.prototype?"symbol":typeof z})(B)}function Zl(B,z,G){return z in B?Object.defineProperty(B,z,{value:G,enumerable:!0,configurable:!0,writable:!0}):B[z]=G,B}function oa(B,z,G,$){B.addListener("NativeStyleEditor_measure",function(Te){var ge=Te.id,Re=Te.rendererID;ba(z,B,G,ge,Re)}),B.addListener("NativeStyleEditor_renameAttribute",function(Te){var ge=Te.id,Re=Te.rendererID,Z=Te.oldName,ke=Te.newName,Qe=Te.value;(function(ht,ue,He,nt,Ct,Mt){var It,sn=ht.getInstanceAndStyle({id:ue,rendererID:He});if(!(!sn||!sn.style)){var rn,Lt=sn.instance,Dn=sn.style,dr=Ct?(Zl(It={},nt,void 0),Zl(It,Ct,Mt),It):Zl({},nt,void 0);if(Lt!==null&&typeof Lt.setNativeProps=="function"){var er=bs.get(ue);er?Object.assign(er,dr):bs.set(ue,dr),Lt.setNativeProps({style:dr})}else if(Array.isArray(Dn)){var Cr=Dn.length-1;$r(Dn[Cr])!=="object"||Array.isArray(Dn[Cr])?ht.overrideValueAtPath({type:"props",id:ue,rendererID:He,path:["style"],value:Dn.concat([dr])}):(delete(rn=Bs(Dn[Cr]))[nt],Ct?rn[Ct]=Mt:rn[nt]=void 0,ht.overrideValueAtPath({type:"props",id:ue,rendererID:He,path:["style",Cr],value:rn}))}else $r(Dn)==="object"?(delete(rn=Bs(Dn))[nt],Ct?rn[Ct]=Mt:rn[nt]=void 0,ht.overrideValueAtPath({type:"props",id:ue,rendererID:He,path:["style"],value:rn})):ht.overrideValueAtPath({type:"props",id:ue,rendererID:He,path:["style"],value:[Dn,dr]});ht.emit("hideNativeHighlight")}})(z,ge,Re,Z,ke,Qe),setTimeout(function(){return ba(z,B,G,ge,Re)})}),B.addListener("NativeStyleEditor_setValue",function(Te){var ge=Te.id,Re=Te.rendererID,Z=Te.name,ke=Te.value;(function(Qe,ht,ue,He,nt){var Ct=Qe.getInstanceAndStyle({id:ht,rendererID:ue});if(!(!Ct||!Ct.style)){var Mt=Ct.instance,It=Ct.style,sn=Zl({},He,nt);if(Mt!==null&&typeof Mt.setNativeProps=="function"){var rn=bs.get(ht);rn?Object.assign(rn,sn):bs.set(ht,sn),Mt.setNativeProps({style:sn})}else if(Array.isArray(It)){var Lt=It.length-1;$r(It[Lt])!=="object"||Array.isArray(It[Lt])?Qe.overrideValueAtPath({type:"props",id:ht,rendererID:ue,path:["style"],value:It.concat([sn])}):Qe.overrideValueAtPath({type:"props",id:ht,rendererID:ue,path:["style",Lt,He],value:nt})}else Qe.overrideValueAtPath({type:"props",id:ht,rendererID:ue,path:["style"],value:[It,sn]});Qe.emit("hideNativeHighlight")}})(z,ge,Re,Z,ke),setTimeout(function(){return ba(z,B,G,ge,Re)})}),B.send("isNativeStyleEditorSupported",{isSupported:!0,validAttributes:$})}var pf={top:0,left:0,right:0,bottom:0},bs=new Map;function ba(B,z,G,$,Te){var ge=B.getInstanceAndStyle({id:$,rendererID:Te});if(ge&&ge.style){var Re=ge.instance,Z=G(ge.style),ke=bs.get($);ke!=null&&(Z=Object.assign({},Z,ke)),Re&&typeof Re.measure=="function"?Re.measure(function(Qe,ht,ue,He,nt,Ct){if(typeof Qe=="number"){var Mt=Z!=null&&fi("margin",Z)||pf,It=Z!=null&&fi("padding",Z)||pf;z.send("NativeStyleEditor_styleAndLayout",{id:$,layout:{x:Qe,y:ht,width:ue,height:He,left:nt,top:Ct,margin:Mt,padding:It},style:Z||null})}else z.send("NativeStyleEditor_styleAndLayout",{id:$,layout:null,style:Z||null})}):z.send("NativeStyleEditor_styleAndLayout",{id:$,layout:null,style:Z||null})}else z.send("NativeStyleEditor_styleAndLayout",{id:$,layout:null,style:null})}function Bs(B){var z={};for(var G in B)z[G]=B[G];return z}(function(B){if(B.hasOwnProperty("__REACT_DEVTOOLS_GLOBAL_HOOK__"))return null;var z=0,G=!1,$={},Te=new Map,ge={},Re=new Map,Z={rendererInterfaces:Te,listeners:ge,renderers:Re,emit:function(ke,Qe){ge[ke]&&ge[ke].map(function(ht){return ht(Qe)})},getFiberRoots:function(ke){var Qe=$;return Qe[ke]||(Qe[ke]=new Set),Qe[ke]},inject:function(ke){var Qe=++z;Re.set(Qe,ke);var ht=G?"deadcode":function(Mt){try{if(typeof Mt.version=="string")return Mt.bundleType>0?"development":"production";var It=Function.prototype.toString;if(Mt.Mount&&Mt.Mount._renderNewRootComponent){var sn=It.call(Mt.Mount._renderNewRootComponent);return sn.indexOf("function")!==0?"production":sn.indexOf("storedMeasure")!==-1?"development":sn.indexOf("should be a pure function")!==-1?sn.indexOf("NODE_ENV")!==-1||sn.indexOf("development")!==-1||sn.indexOf("true")!==-1?"development":sn.indexOf("nextElement")!==-1||sn.indexOf("nextComponent")!==-1?"unminified":"development":sn.indexOf("nextElement")!==-1||sn.indexOf("nextComponent")!==-1?"unminified":"outdated"}}catch(rn){}return"production"}(ke);try{var ue=window.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK__!==!1,He=window.__REACT_DEVTOOLS_BREAK_ON_CONSOLE_ERRORS__===!0;(ue||He)&&(fo(ke),Jl({appendComponentStack:ue,breakOnConsoleErrors:He}))}catch(Mt){}var nt=B.__REACT_DEVTOOLS_ATTACH__;if(typeof nt=="function"){var Ct=nt(Z,Qe,ke,B);Z.rendererInterfaces.set(Qe,Ct)}return Z.emit("renderer",{id:Qe,renderer:ke,reactBuildType:ht}),Qe},on:function(ke,Qe){ge[ke]||(ge[ke]=[]),ge[ke].push(Qe)},off:function(ke,Qe){if(ge[ke]){var ht=ge[ke].indexOf(Qe);ht!==-1&&ge[ke].splice(ht,1),ge[ke].length||delete ge[ke]}},sub:function(ke,Qe){return Z.on(ke,Qe),function(){return Z.off(ke,Qe)}},supportsFiber:!0,checkDCE:function(ke){try{Function.prototype.toString.call(ke).indexOf("^_^")>-1&&(G=!0,setTimeout(function(){throw new Error("React is running in production mode, but dead code elimination has not been applied. Read how to correctly configure React for production: https://reactjs.org/link/perf-use-production-build")}))}catch(Qe){}},onCommitFiberUnmount:function(ke,Qe){var ht=Te.get(ke);ht!=null&&ht.handleCommitFiberUnmount(Qe)},onCommitFiberRoot:function(ke,Qe,ht){var ue=Z.getFiberRoots(ke),He=Qe.current,nt=ue.has(Qe),Ct=He.memoizedState==null||He.memoizedState.element==null;nt||Ct?nt&&Ct&&ue.delete(Qe):ue.add(Qe);var Mt=Te.get(ke);Mt!=null&&Mt.handleCommitFiberRoot(Qe,ht)}};Object.defineProperty(B,"__REACT_DEVTOOLS_GLOBAL_HOOK__",{configurable:!1,enumerable:!1,get:function(){return Z}})})(window);var y0=window.__REACT_DEVTOOLS_GLOBAL_HOOK__,Us=[{type:1,value:7,isEnabled:!0}];function ji(B){if(y0!=null){var z=B||{},G=z.host,$=G===void 0?"localhost":G,Te=z.nativeStyleEditorValidAttributes,ge=z.useHttps,Re=ge!==void 0&&ge,Z=z.port,ke=Z===void 0?8097:Z,Qe=z.websocket,ht=z.resolveRNStyle,ue=ht===void 0?null:ht,He=z.isAppActive,nt=Re?"wss":"ws",Ct=null;if((He===void 0?function(){return!0}:He)()){var Mt=null,It=[],sn=nt+"://"+$+":"+ke,rn=Qe||new window.WebSocket(sn);rn.onclose=function(){Mt!==null&&Mt.emit("shutdown"),Lt()},rn.onerror=function(){Lt()},rn.onmessage=function(Dn){var dr;try{if(typeof Dn.data!="string")throw Error();dr=JSON.parse(Dn.data)}catch(er){return void console.error("[React DevTools] Failed to parse JSON: "+Dn.data)}It.forEach(function(er){try{er(dr)}catch(Cr){throw console.log("[React DevTools] Error calling listener",dr),console.log("error:",Cr),Cr}})},rn.onopen=function(){(Mt=new co({listen:function(An){return It.push(An),function(){var Nr=It.indexOf(An);Nr>=0&&It.splice(Nr,1)}},send:function(An,Nr,g0){rn.readyState===rn.OPEN?rn.send(JSON.stringify({event:An,payload:Nr})):(Mt!==null&&Mt.shutdown(),Lt())}})).addListener("inspectElement",function(An){var Nr=An.id,g0=An.rendererID,Lr=Dn.rendererInterfaces[g0];if(Lr!=null){var it=Lr.findNativeNodesForFiberID(Nr);it!=null&&it[0]!=null&&Dn.emit("showNativeHighlight",it[0])}}),Mt.addListener("updateComponentFilters",function(An){Us=An}),window.__REACT_DEVTOOLS_COMPONENT_FILTERS__==null&&Mt.send("overrideComponentFilters",Us);var Dn=new Yn(Mt);if(Dn.addListener("shutdown",function(){y0.emit("shutdown")}),function(An,Nr,g0){if(An==null)return function(){};var Lr=[An.sub("renderer-attached",function($e){var Pt=$e.id,un=($e.renderer,$e.rendererInterface);Nr.setRendererInterface(Pt,un),un.flushInitialOperations()}),An.sub("unsupported-renderer-version",function($e){Nr.onUnsupportedRenderer($e)}),An.sub("operations",Nr.onHookOperations),An.sub("traceUpdates",Nr.onTraceUpdates)],it=function($e,Pt){var un=An.rendererInterfaces.get($e);un==null&&(typeof Pt.findFiberByHostInstance=="function"?un=Is(An,$e,Pt,g0):Pt.ComponentTree&&(un=ac(An,$e,Pt,g0)),un!=null&&An.rendererInterfaces.set($e,un)),un!=null?An.emit("renderer-attached",{id:$e,renderer:Pt,rendererInterface:un}):An.emit("unsupported-renderer-version",$e)};An.renderers.forEach(function($e,Pt){it(Pt,$e)}),Lr.push(An.sub("renderer",function($e){var Pt=$e.id,un=$e.renderer;it(Pt,un)})),An.emit("react-devtools",Nr),An.reactDevtoolsAgent=Nr;var Dt=function(){Lr.forEach(function($e){return $e()}),An.rendererInterfaces.forEach(function($e){$e.cleanup()}),An.reactDevtoolsAgent=null};Nr.addListener("shutdown",Dt),Lr.push(function(){Nr.removeListener("shutdown",Dt)})}(y0,Dn,window),ue!=null||y0.resolveRNStyle!=null)oa(Mt,Dn,ue||y0.resolveRNStyle,Te||y0.nativeStyleEditorValidAttributes||null);else{var dr,er,Cr=function(){Mt!==null&&oa(Mt,Dn,dr,er)};y0.hasOwnProperty("resolveRNStyle")||Object.defineProperty(y0,"resolveRNStyle",{enumerable:!1,get:function(){return dr},set:function(An){dr=An,Cr()}}),y0.hasOwnProperty("nativeStyleEditorValidAttributes")||Object.defineProperty(y0,"nativeStyleEditorValidAttributes",{enumerable:!1,get:function(){return er},set:function(An){er=An,Cr()}})}}}else Lt()}function Lt(){Ct===null&&(Ct=setTimeout(function(){return ji(B)},2e3))}}}])})});var kC=tt(MC=>{"use strict";Object.defineProperty(MC,"__esModule",{value:!0});AC();var Ob=OC();Ob.connectToDevTools()});var IC=tt(ug=>{"use strict";var NC=ug&&ug.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(ug,"__esModule",{value:!0});var LC=b_(),Mb=NC(IS()),FC=NC($p()),ps=bD();process.env.DEV==="true"&&kC();var PC=i=>{i==null||i.unsetMeasureFunc(),i==null||i.freeRecursive()};ug.default=Mb.default({schedulePassiveEffects:LC.unstable_scheduleCallback,cancelPassiveEffects:LC.unstable_cancelCallback,now:Date.now,getRootHostContext:()=>({isInsideText:!1}),prepareForCommit:()=>{},resetAfterCommit:i=>{if(i.isStaticDirty){i.isStaticDirty=!1,typeof i.onImmediateRender=="function"&&i.onImmediateRender();return}typeof i.onRender=="function"&&i.onRender()},getChildHostContext:(i,o)=>{let a=i.isInsideText,p=o==="ink-text"||o==="ink-virtual-text";return a===p?i:{isInsideText:p}},shouldSetTextContent:()=>!1,createInstance:(i,o,a,p)=>{if(p.isInsideText&&i==="ink-box")throw new Error("<Box> can\u2019t be nested inside <Text> component");let _=i==="ink-text"&&p.isInsideText?"ink-virtual-text":i,t=ps.createNode(_);for(let[k,L]of Object.entries(o))k!=="children"&&(k==="style"?ps.setStyle(t,L):k==="internal_transform"?t.internal_transform=L:k==="internal_static"?t.internal_static=!0:ps.setAttribute(t,k,L));return t},createTextInstance:(i,o,a)=>{if(!a.isInsideText)throw new Error(`Text string "${i}" must be rendered inside <Text> component`);return ps.createTextNode(i)},resetTextContent:()=>{},hideTextInstance:i=>{ps.setTextNodeValue(i,"")},unhideTextInstance:(i,o)=>{ps.setTextNodeValue(i,o)},getPublicInstance:i=>i,hideInstance:i=>{var o;(o=i.yogaNode)===null||o===void 0||o.setDisplay(FC.default.DISPLAY_NONE)},unhideInstance:i=>{var o;(o=i.yogaNode)===null||o===void 0||o.setDisplay(FC.default.DISPLAY_FLEX)},appendInitialChild:ps.appendChildNode,appendChild:ps.appendChildNode,insertBefore:ps.insertBeforeNode,finalizeInitialChildren:(i,o,a,p)=>(i.internal_static&&(p.isStaticDirty=!0,p.staticNode=i),!1),supportsMutation:!0,appendChildToContainer:ps.appendChildNode,insertInContainerBefore:ps.insertBeforeNode,removeChildFromContainer:(i,o)=>{ps.removeChildNode(i,o),PC(o.yogaNode)},prepareUpdate:(i,o,a,p,_)=>{i.internal_static&&(_.isStaticDirty=!0);let t={},k=Object.keys(p);for(let L of k)if(p[L]!==a[L]){if(L==="style"&&typeof p.style=="object"&&typeof a.style=="object"){let C=p.style,U=a.style,H=Object.keys(C);for(let W of H){if(W==="borderStyle"||W==="borderColor"){if(typeof t.style!="object"){let ne={};t.style=ne}t.style.borderStyle=C.borderStyle,t.style.borderColor=C.borderColor}if(C[W]!==U[W]){if(typeof t.style!="object"){let ne={};t.style=ne}t.style[W]=C[W]}}continue}t[L]=p[L]}return t},commitUpdate:(i,o)=>{for(let[a,p]of Object.entries(o))a!=="children"&&(a==="style"?ps.setStyle(i,p):a==="internal_transform"?i.internal_transform=p:a==="internal_static"?i.internal_static=!0:ps.setAttribute(i,a,p))},commitTextUpdate:(i,o,a)=>{ps.setTextNodeValue(i,a)},removeChild:(i,o)=>{ps.removeChildNode(i,o),PC(o.yogaNode)}})});var BC=tt((pq,bC)=>{"use strict";bC.exports=(i,o=1,a)=>{if(a=Ht({indent:" ",includeEmptyLines:!1},a),typeof i!="string")throw new TypeError(`Expected \`input\` to be a \`string\`, got \`${typeof i}\``);if(typeof o!="number")throw new TypeError(`Expected \`count\` to be a \`number\`, got \`${typeof o}\``);if(typeof a.indent!="string")throw new TypeError(`Expected \`options.indent\` to be a \`string\`, got \`${typeof a.indent}\``);if(o===0)return i;let p=a.includeEmptyLines?/^/gm:/^(?!\s*$)/gm;return i.replace(p,a.indent.repeat(o))}});var UC=tt(og=>{"use strict";var kb=og&&og.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(og,"__esModule",{value:!0});var $_=kb($p());og.default=i=>i.getComputedWidth()-i.getComputedPadding($_.default.EDGE_LEFT)-i.getComputedPadding($_.default.EDGE_RIGHT)-i.getComputedBorder($_.default.EDGE_LEFT)-i.getComputedBorder($_.default.EDGE_RIGHT)});var zC=tt((vq,jC)=>{jC.exports={single:{topLeft:"\u250C",topRight:"\u2510",bottomRight:"\u2518",bottomLeft:"\u2514",vertical:"\u2502",horizontal:"\u2500"},double:{topLeft:"\u2554",topRight:"\u2557",bottomRight:"\u255D",bottomLeft:"\u255A",vertical:"\u2551",horizontal:"\u2550"},round:{topLeft:"\u256D",topRight:"\u256E",bottomRight:"\u256F",bottomLeft:"\u2570",vertical:"\u2502",horizontal:"\u2500"},bold:{topLeft:"\u250F",topRight:"\u2513",bottomRight:"\u251B",bottomLeft:"\u2517",vertical:"\u2503",horizontal:"\u2501"},singleDouble:{topLeft:"\u2553",topRight:"\u2556",bottomRight:"\u255C",bottomLeft:"\u2559",vertical:"\u2551",horizontal:"\u2500"},doubleSingle:{topLeft:"\u2552",topRight:"\u2555",bottomRight:"\u255B",bottomLeft:"\u2558",vertical:"\u2502",horizontal:"\u2550"},classic:{topLeft:"+",topRight:"+",bottomRight:"+",bottomLeft:"+",vertical:"|",horizontal:"-"}}});var qC=tt((mq,n3)=>{"use strict";var HC=zC();n3.exports=HC;n3.exports.default=HC});var VC=tt((yq,WC)=>{"use strict";WC.exports=(i,o=process.argv)=>{let a=i.startsWith("-")?"":i.length===1?"-":"--",p=o.indexOf(a+i),_=o.indexOf("--");return p!==-1&&(_===-1||p<_)}});var KC=tt((gq,GC)=>{"use strict";var Nb=require("os"),YC=require("tty"),df=VC(),{env:Ko}=process,v2;df("no-color")||df("no-colors")||df("color=false")||df("color=never")?v2=0:(df("color")||df("colors")||df("color=true")||df("color=always"))&&(v2=1);"FORCE_COLOR"in Ko&&(Ko.FORCE_COLOR==="true"?v2=1:Ko.FORCE_COLOR==="false"?v2=0:v2=Ko.FORCE_COLOR.length===0?1:Math.min(parseInt(Ko.FORCE_COLOR,10),3));function r3(i){return i===0?!1:{level:i,hasBasic:!0,has256:i>=2,has16m:i>=3}}function i3(i,o){if(v2===0)return 0;if(df("color=16m")||df("color=full")||df("color=truecolor"))return 3;if(df("color=256"))return 2;if(i&&!o&&v2===void 0)return 0;let a=v2||0;if(Ko.TERM==="dumb")return a;if(process.platform==="win32"){let p=Nb.release().split(".");return Number(p[0])>=10&&Number(p[2])>=10586?Number(p[2])>=14931?3:2:1}if("CI"in Ko)return["TRAVIS","CIRCLECI","APPVEYOR","GITLAB_CI"].some(p=>p in Ko)||Ko.CI_NAME==="codeship"?1:a;if("TEAMCITY_VERSION"in Ko)return/^(9\.(0*[1-9]\d*)\.|\d{2,}\.)/.test(Ko.TEAMCITY_VERSION)?1:0;if("GITHUB_ACTIONS"in Ko)return 1;if(Ko.COLORTERM==="truecolor")return 3;if("TERM_PROGRAM"in Ko){let p=parseInt((Ko.TERM_PROGRAM_VERSION||"").split(".")[0],10);switch(Ko.TERM_PROGRAM){case"iTerm.app":return p>=3?3:2;case"Apple_Terminal":return 2}}return/-256(color)?$/i.test(Ko.TERM)?2:/^screen|^xterm|^vt100|^vt220|^rxvt|color|ansi|cygwin|linux/i.test(Ko.TERM)||"COLORTERM"in Ko?1:a}function Lb(i){let o=i3(i,i&&i.isTTY);return r3(o)}GC.exports={supportsColor:Lb,stdout:r3(i3(!0,YC.isatty(1))),stderr:r3(i3(!0,YC.isatty(2)))}});var QC=tt((_q,XC)=>{"use strict";var Fb=(i,o,a)=>{let p=i.indexOf(o);if(p===-1)return i;let _=o.length,t=0,k="";do k+=i.substr(t,p-t)+o+a,t=p+_,p=i.indexOf(o,t);while(p!==-1);return k+=i.substr(t),k},Pb=(i,o,a,p)=>{let _=0,t="";do{let k=i[p-1]==="\r";t+=i.substr(_,(k?p-1:p)-_)+o+(k?`\r
-`:`
-`)+a,_=p+1,p=i.indexOf(`
-`,_)}while(p!==-1);return t+=i.substr(_),t};XC.exports={stringReplaceAll:Fb,stringEncaseCRLFWithFirstIndex:Pb}});var t6=tt((Eq,JC)=>{"use strict";var Ib=/(?:\\(u(?:[a-f\d]{4}|\{[a-f\d]{1,6}\})|x[a-f\d]{2}|.))|(?:\{(~)?(\w+(?:\([^)]*\))?(?:\.\w+(?:\([^)]*\))?)*)(?:[ \t]|(?=\r?\n)))|(\})|((?:.|[\r\n\f])+?)/gi,ZC=/(?:^|\.)(\w+)(?:\(([^)]*)\))?/g,bb=/^(['"])((?:\\.|(?!\1)[^\\])*)\1$/,Bb=/\\(u(?:[a-f\d]{4}|{[a-f\d]{1,6}})|x[a-f\d]{2}|.)|([^\\])/gi,Ub=new Map([["n",`
-`],["r","\r"],["t","	"],["b","\b"],["f","\f"],["v","\v"],["0","\0"],["\\","\\"],["e",""],["a","\x07"]]);function $C(i){let o=i[0]==="u",a=i[1]==="{";return o&&!a&&i.length===5||i[0]==="x"&&i.length===3?String.fromCharCode(parseInt(i.slice(1),16)):o&&a?String.fromCodePoint(parseInt(i.slice(2,-1),16)):Ub.get(i)||i}function jb(i,o){let a=[],p=o.trim().split(/\s*,\s*/g),_;for(let t of p){let k=Number(t);if(!Number.isNaN(k))a.push(k);else if(_=t.match(bb))a.push(_[2].replace(Bb,(L,O,C)=>O?$C(O):C));else throw new Error(`Invalid Chalk template style argument: ${t} (in style '${i}')`)}return a}function zb(i){ZC.lastIndex=0;let o=[],a;for(;(a=ZC.exec(i))!==null;){let p=a[1];if(a[2]){let _=jb(p,a[2]);o.push([p].concat(_))}else o.push([p])}return o}function e6(i,o){let a={};for(let _ of o)for(let t of _.styles)a[t[0]]=_.inverse?null:t.slice(1);let p=i;for(let[_,t]of Object.entries(a))if(!!Array.isArray(t)){if(!(_ in p))throw new Error(`Unknown Chalk style: ${_}`);p=t.length>0?p[_](...t):p[_]}return p}JC.exports=(i,o)=>{let a=[],p=[],_=[];if(o.replace(Ib,(t,k,L,O,C,U)=>{if(k)_.push($C(k));else if(O){let H=_.join("");_=[],p.push(a.length===0?H:e6(i,a)(H)),a.push({inverse:L,styles:zb(O)})}else if(C){if(a.length===0)throw new Error("Found extraneous } in Chalk template literal");p.push(e6(i,a)(_.join(""))),_=[],a.pop()}else _.push(U)}),p.push(_.join("")),a.length>0){let t=`Chalk template literal is missing ${a.length} closing bracket${a.length===1?"":"s"} (\`}\`)`;throw new Error(t)}return p.join("")}});var i4=tt((Dq,n6)=>{"use strict";var lg=H_(),{stdout:u3,stderr:o3}=KC(),{stringReplaceAll:Hb,stringEncaseCRLFWithFirstIndex:qb}=QC(),{isArray:e4}=Array,r6=["ansi","ansi","ansi256","ansi16m"],Qv=Object.create(null),Wb=(i,o={})=>{if(o.level&&!(Number.isInteger(o.level)&&o.level>=0&&o.level<=3))throw new Error("The `level` option should be an integer from 0 to 3");let a=u3?u3.level:0;i.level=o.level===void 0?a:o.level},i6=class{constructor(o){return u6(o)}},u6=i=>{let o={};return Wb(o,i),o.template=(...a)=>o6(o.template,...a),Object.setPrototypeOf(o,t4.prototype),Object.setPrototypeOf(o.template,o),o.template.constructor=()=>{throw new Error("`chalk.constructor()` is deprecated. Use `new chalk.Instance()` instead.")},o.template.Instance=i6,o.template};function t4(i){return u6(i)}for(let[i,o]of Object.entries(lg))Qv[i]={get(){let a=n4(this,l3(o.open,o.close,this._styler),this._isEmpty);return Object.defineProperty(this,i,{value:a}),a}};Qv.visible={get(){let i=n4(this,this._styler,!0);return Object.defineProperty(this,"visible",{value:i}),i}};var l6=["rgb","hex","keyword","hsl","hsv","hwb","ansi","ansi256"];for(let i of l6)Qv[i]={get(){let{level:o}=this;return function(...a){let p=l3(lg.color[r6[o]][i](...a),lg.color.close,this._styler);return n4(this,p,this._isEmpty)}}};for(let i of l6){let o="bg"+i[0].toUpperCase()+i.slice(1);Qv[o]={get(){let{level:a}=this;return function(...p){let _=l3(lg.bgColor[r6[a]][i](...p),lg.bgColor.close,this._styler);return n4(this,_,this._isEmpty)}}}}var Vb=Object.defineProperties(()=>{},Zr(Ht({},Qv),{level:{enumerable:!0,get(){return this._generator.level},set(i){this._generator.level=i}}})),l3=(i,o,a)=>{let p,_;return a===void 0?(p=i,_=o):(p=a.openAll+i,_=o+a.closeAll),{open:i,close:o,openAll:p,closeAll:_,parent:a}},n4=(i,o,a)=>{let p=(..._)=>e4(_[0])&&e4(_[0].raw)?s6(p,o6(p,..._)):s6(p,_.length===1?""+_[0]:_.join(" "));return Object.setPrototypeOf(p,Vb),p._generator=i,p._styler=o,p._isEmpty=a,p},s6=(i,o)=>{if(i.level<=0||!o)return i._isEmpty?"":o;let a=i._styler;if(a===void 0)return o;let{openAll:p,closeAll:_}=a;if(o.indexOf("")!==-1)for(;a!==void 0;)o=Hb(o,a.close,a.open),a=a.parent;let t=o.indexOf(`
-`);return t!==-1&&(o=qb(o,_,p,t)),p+o+_},s3,o6=(i,...o)=>{let[a]=o;if(!e4(a)||!e4(a.raw))return o.join(" ");let p=o.slice(1),_=[a.raw[0]];for(let t=1;t<a.length;t++)_.push(String(p[t-1]).replace(/[{}\\]/g,"\\$&"),String(a.raw[t]));return s3===void 0&&(s3=t6()),s3(i,_.join(""))};Object.defineProperties(t4.prototype,Qv);var r4=t4();r4.supportsColor=u3;r4.stderr=t4({level:o3?o3.level:0});r4.stderr.supportsColor=o3;n6.exports=r4});var a3=tt(sg=>{"use strict";var Gb=sg&&sg.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(sg,"__esModule",{value:!0});var ag=Gb(i4()),Yb=/^(rgb|hsl|hsv|hwb)\(\s?(\d+),\s?(\d+),\s?(\d+)\s?\)$/,Kb=/^(ansi|ansi256)\(\s?(\d+)\s?\)$/,u4=(i,o)=>o==="foreground"?i:"bg"+i[0].toUpperCase()+i.slice(1);sg.default=(i,o,a)=>{if(!o)return i;if(o in ag.default){let _=u4(o,a);return ag.default[_](i)}if(o.startsWith("#")){let _=u4("hex",a);return ag.default[_](o)(i)}if(o.startsWith("ansi")){let _=Kb.exec(o);if(!_)return i;let t=u4(_[1],a),k=Number(_[2]);return ag.default[t](k)(i)}if(o.startsWith("rgb")||o.startsWith("hsl")||o.startsWith("hsv")||o.startsWith("hwb")){let _=Yb.exec(o);if(!_)return i;let t=u4(_[1],a),k=Number(_[2]),L=Number(_[3]),O=Number(_[4]);return ag.default[t](k,L,O)(i)}return i}});var f6=tt(fg=>{"use strict";var a6=fg&&fg.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(fg,"__esModule",{value:!0});var Xb=a6(qC()),f3=a6(a3());fg.default=(i,o,a,p)=>{if(typeof a.style.borderStyle=="string"){let _=a.yogaNode.getComputedWidth(),t=a.yogaNode.getComputedHeight(),k=a.style.borderColor,L=Xb.default[a.style.borderStyle],O=f3.default(L.topLeft+L.horizontal.repeat(_-2)+L.topRight,k,"foreground"),C=(f3.default(L.vertical,k,"foreground")+`
-`).repeat(t-2),U=f3.default(L.bottomLeft+L.horizontal.repeat(_-2)+L.bottomRight,k,"foreground");p.write(i,o,O,{transformers:[]}),p.write(i,o+1,C,{transformers:[]}),p.write(i+_-1,o+1,C,{transformers:[]}),p.write(i,o+t-1,U,{transformers:[]})}}});var d6=tt(cg=>{"use strict";var rh=cg&&cg.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(cg,"__esModule",{value:!0});var Qb=rh($p()),Jb=rh(CD()),Zb=rh(BC()),$b=rh(FD()),eB=rh(UC()),tB=rh(ID()),nB=rh(f6()),rB=(i,o)=>{var a;let p=(a=i.childNodes[0])===null||a===void 0?void 0:a.yogaNode;if(p){let _=p.getComputedLeft(),t=p.getComputedTop();o=`
-`.repeat(t)+Zb.default(o,_)}return o},c6=(i,o,a)=>{var p;let{offsetX:_=0,offsetY:t=0,transformers:k=[],skipStaticElements:L}=a;if(L&&i.internal_static)return;let{yogaNode:O}=i;if(O){if(O.getDisplay()===Qb.default.DISPLAY_NONE)return;let C=_+O.getComputedLeft(),U=t+O.getComputedTop(),H=k;if(typeof i.internal_transform=="function"&&(H=[i.internal_transform,...k]),i.nodeName==="ink-text"){let W=tB.default(i);if(W.length>0){let ne=Jb.default(W),m=eB.default(O);if(ne>m){let he=(p=i.style.textWrap)!==null&&p!==void 0?p:"wrap";W=$b.default(W,m,he)}W=rB(i,W),o.write(C,U,W,{transformers:H})}return}if(i.nodeName==="ink-box"&&nB.default(C,U,i,o),i.nodeName==="ink-root"||i.nodeName==="ink-box")for(let W of i.childNodes)c6(W,o,{offsetX:C,offsetY:U,transformers:H,skipStaticElements:L})}};cg.default=c6});var h6=tt((Cq,p6)=>{"use strict";p6.exports=i=>{i=Object.assign({onlyFirst:!1},i);let o=["[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:[a-zA-Z\\d]*(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)","(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~]))"].join("|");return new RegExp(o,i.onlyFirst?void 0:"g")}});var m6=tt((xq,c3)=>{"use strict";var iB=h6(),v6=i=>typeof i=="string"?i.replace(iB(),""):i;c3.exports=v6;c3.exports.default=v6});var _6=tt((Rq,y6)=>{"use strict";var g6="[\uD800-\uDBFF][\uDC00-\uDFFF]";y6.exports=i=>i&&i.exact?new RegExp(`^${g6}$`):new RegExp(g6,"g")});var D6=tt((Aq,d3)=>{"use strict";var uB=m6(),oB=_6(),E6=i=>uB(i).replace(oB()," ").length;d3.exports=E6;d3.exports.default=E6});var C6=tt(dg=>{"use strict";var w6=dg&&dg.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(dg,"__esModule",{value:!0});var S6=w6(ND()),lB=w6(D6()),T6=class{constructor(o){this.writes=[];let{width:a,height:p}=o;this.width=a,this.height=p}write(o,a,p,_){let{transformers:t}=_;!p||this.writes.push({x:o,y:a,text:p,transformers:t})}get(){let o=[];for(let p=0;p<this.height;p++)o.push(" ".repeat(this.width));for(let p of this.writes){let{x:_,y:t,text:k,transformers:L}=p,O=k.split(`
-`),C=0;for(let U of O){let H=o[t+C];if(!H)continue;let W=lB.default(U);for(let ne of L)U=ne(U);o[t+C]=S6.default(H,0,_)+U+S6.default(H,_+W),C++}}return{output:o.map(p=>p.trimRight()).join(`
-`),height:o.length}}};dg.default=T6});var A6=tt(pg=>{"use strict";var p3=pg&&pg.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(pg,"__esModule",{value:!0});var sB=p3($p()),x6=p3(d6()),R6=p3(C6());pg.default=(i,o)=>{var a;if(i.yogaNode.setWidth(o),i.yogaNode){i.yogaNode.calculateLayout(void 0,void 0,sB.default.DIRECTION_LTR);let p=new R6.default({width:i.yogaNode.getComputedWidth(),height:i.yogaNode.getComputedHeight()});x6.default(i,p,{skipStaticElements:!0});let _;((a=i.staticNode)===null||a===void 0?void 0:a.yogaNode)&&(_=new R6.default({width:i.staticNode.yogaNode.getComputedWidth(),height:i.staticNode.yogaNode.getComputedHeight()}),x6.default(i.staticNode,_,{skipStaticElements:!1}));let{output:t,height:k}=p.get();return{output:t,outputHeight:k,staticOutput:_?`${_.get().output}
-`:""}}return{output:"",outputHeight:0,staticOutput:""}}});var N6=tt((kq,O6)=>{"use strict";var M6=require("stream"),k6=["assert","count","countReset","debug","dir","dirxml","error","group","groupCollapsed","groupEnd","info","log","table","time","timeEnd","timeLog","trace","warn"],h3={},aB=i=>{let o=new M6.PassThrough,a=new M6.PassThrough;o.write=_=>i("stdout",_),a.write=_=>i("stderr",_);let p=new console.Console(o,a);for(let _ of k6)h3[_]=console[_],console[_]=p[_];return()=>{for(let _ of k6)console[_]=h3[_];h3={}}};O6.exports=aB});var m3=tt(v3=>{"use strict";Object.defineProperty(v3,"__esModule",{value:!0});v3.default=new WeakMap});var g3=tt(y3=>{"use strict";Object.defineProperty(y3,"__esModule",{value:!0});var fB=Mi(),L6=fB.createContext({exit:()=>{}});L6.displayName="InternalAppContext";y3.default=L6});var E3=tt(_3=>{"use strict";Object.defineProperty(_3,"__esModule",{value:!0});var cB=Mi(),F6=cB.createContext({stdin:void 0,setRawMode:()=>{},isRawModeSupported:!1,internal_exitOnCtrlC:!0});F6.displayName="InternalStdinContext";_3.default=F6});var w3=tt(D3=>{"use strict";Object.defineProperty(D3,"__esModule",{value:!0});var dB=Mi(),P6=dB.createContext({stdout:void 0,write:()=>{}});P6.displayName="InternalStdoutContext";D3.default=P6});var T3=tt(S3=>{"use strict";Object.defineProperty(S3,"__esModule",{value:!0});var pB=Mi(),I6=pB.createContext({stderr:void 0,write:()=>{}});I6.displayName="InternalStderrContext";S3.default=I6});var o4=tt(C3=>{"use strict";Object.defineProperty(C3,"__esModule",{value:!0});var hB=Mi(),b6=hB.createContext({activeId:void 0,add:()=>{},remove:()=>{},activate:()=>{},deactivate:()=>{},enableFocus:()=>{},disableFocus:()=>{},focusNext:()=>{},focusPrevious:()=>{}});b6.displayName="InternalFocusContext";C3.default=b6});var U6=tt((Bq,B6)=>{"use strict";var vB=/[|\\{}()[\]^$+*?.-]/g;B6.exports=i=>{if(typeof i!="string")throw new TypeError("Expected a string");return i.replace(vB,"\\$&")}});var q6=tt((Uq,j6)=>{"use strict";var mB=U6(),z6=[].concat(require("module").builtinModules,"bootstrap_node","node").map(i=>new RegExp(`(?:\\(${i}\\.js:\\d+:\\d+\\)$|^\\s*at ${i}\\.js:\\d+:\\d+$)`));z6.push(/\(internal\/[^:]+:\d+:\d+\)$/,/\s*at internal\/[^:]+:\d+:\d+$/,/\/\.node-spawn-wrap-\w+-\w+\/node:\d+:\d+\)?$/);var l4=class{constructor(o){o=Ht({ignoredPackages:[]},o),"internals"in o||(o.internals=l4.nodeInternals()),"cwd"in o||(o.cwd=process.cwd()),this._cwd=o.cwd.replace(/\\/g,"/"),this._internals=[].concat(o.internals,yB(o.ignoredPackages)),this._wrapCallSite=o.wrapCallSite||!1}static nodeInternals(){return[...z6]}clean(o,a=0){a=" ".repeat(a),Array.isArray(o)||(o=o.split(`
-`)),!/^\s*at /.test(o[0])&&/^\s*at /.test(o[1])&&(o=o.slice(1));let p=!1,_=null,t=[];return o.forEach(k=>{if(k=k.replace(/\\/g,"/"),this._internals.some(O=>O.test(k)))return;let L=/^\s*at /.test(k);p?k=k.trimEnd().replace(/^(\s+)at /,"$1"):(k=k.trim(),L&&(k=k.slice(3))),k=k.replace(`${this._cwd}/`,""),k&&(L?(_&&(t.push(_),_=null),t.push(k)):(p=!0,_=k))}),t.map(k=>`${a}${k}
-`).join("")}captureString(o,a=this.captureString){typeof o=="function"&&(a=o,o=Infinity);let{stackTraceLimit:p}=Error;o&&(Error.stackTraceLimit=o);let _={};Error.captureStackTrace(_,a);let{stack:t}=_;return Error.stackTraceLimit=p,this.clean(t)}capture(o,a=this.capture){typeof o=="function"&&(a=o,o=Infinity);let{prepareStackTrace:p,stackTraceLimit:_}=Error;Error.prepareStackTrace=(L,O)=>this._wrapCallSite?O.map(this._wrapCallSite):O,o&&(Error.stackTraceLimit=o);let t={};Error.captureStackTrace(t,a);let{stack:k}=t;return Object.assign(Error,{prepareStackTrace:p,stackTraceLimit:_}),k}at(o=this.at){let[a]=this.capture(1,o);if(!a)return{};let p={line:a.getLineNumber(),column:a.getColumnNumber()};H6(p,a.getFileName(),this._cwd),a.isConstructor()&&(p.constructor=!0),a.isEval()&&(p.evalOrigin=a.getEvalOrigin()),a.isNative()&&(p.native=!0);let _;try{_=a.getTypeName()}catch(L){}_&&_!=="Object"&&_!=="[object Object]"&&(p.type=_);let t=a.getFunctionName();t&&(p.function=t);let k=a.getMethodName();return k&&t!==k&&(p.method=k),p}parseLine(o){let a=o&&o.match(gB);if(!a)return null;let p=a[1]==="new",_=a[2],t=a[3],k=a[4],L=Number(a[5]),O=Number(a[6]),C=a[7],U=a[8],H=a[9],W=a[10]==="native",ne=a[11]===")",m,he={};if(U&&(he.line=Number(U)),H&&(he.column=Number(H)),ne&&C){let Ee=0;for(let ve=C.length-1;ve>0;ve--)if(C.charAt(ve)===")")Ee++;else if(C.charAt(ve)==="("&&C.charAt(ve-1)===" "&&(Ee--,Ee===-1&&C.charAt(ve-1)===" ")){let se=C.slice(0,ve-1);C=C.slice(ve+1),_+=` (${se}`;break}}if(_){let Ee=_.match(_B);Ee&&(_=Ee[1],m=Ee[2])}return H6(he,C,this._cwd),p&&(he.constructor=!0),t&&(he.evalOrigin=t,he.evalLine=L,he.evalColumn=O,he.evalFile=k&&k.replace(/\\/g,"/")),W&&(he.native=!0),_&&(he.function=_),m&&_!==m&&(he.method=m),he}};function H6(i,o,a){o&&(o=o.replace(/\\/g,"/"),o.startsWith(`${a}/`)&&(o=o.slice(a.length+1)),i.file=o)}function yB(i){if(i.length===0)return[];let o=i.map(a=>mB(a));return new RegExp(`[/\\\\]node_modules[/\\\\](?:${o.join("|")})[/\\\\][^:]+:\\d+:\\d+`)}var gB=new RegExp("^(?:\\s*at )?(?:(new) )?(?:(.*?) \\()?(?:eval at ([^ ]+) \\((.+?):(\\d+):(\\d+)\\), )?(?:(.+?):(\\d+):(\\d+)|(native))(\\)?)$"),_B=/^(.*?) \[as (.*?)\]$/;j6.exports=l4});var V6=tt((jq,W6)=>{"use strict";W6.exports=(i,o)=>i.replace(/^\t+/gm,a=>" ".repeat(a.length*(o||2)))});var Y6=tt((zq,G6)=>{"use strict";var EB=V6(),DB=(i,o)=>{let a=[],p=i-o,_=i+o;for(let t=p;t<=_;t++)a.push(t);return a};G6.exports=(i,o,a)=>{if(typeof i!="string")throw new TypeError("Source code is missing.");if(!o||o<1)throw new TypeError("Line number must start from `1`.");if(i=EB(i).split(/\r?\n/),!(o>i.length))return a=Ht({around:3},a),DB(o,a.around).filter(p=>i[p-1]!==void 0).map(p=>({line:p,value:i[p-1]}))}});var s4=tt(nc=>{"use strict";var wB=nc&&nc.__createBinding||(Object.create?function(i,o,a,p){p===void 0&&(p=a),Object.defineProperty(i,p,{enumerable:!0,get:function(){return o[a]}})}:function(i,o,a,p){p===void 0&&(p=a),i[p]=o[a]}),SB=nc&&nc.__setModuleDefault||(Object.create?function(i,o){Object.defineProperty(i,"default",{enumerable:!0,value:o})}:function(i,o){i.default=o}),TB=nc&&nc.__importStar||function(i){if(i&&i.__esModule)return i;var o={};if(i!=null)for(var a in i)a!=="default"&&Object.hasOwnProperty.call(i,a)&&wB(o,i,a);return SB(o,i),o},CB=nc&&nc.__rest||function(i,o){var a={};for(var p in i)Object.prototype.hasOwnProperty.call(i,p)&&o.indexOf(p)<0&&(a[p]=i[p]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var _=0,p=Object.getOwnPropertySymbols(i);_<p.length;_++)o.indexOf(p[_])<0&&Object.prototype.propertyIsEnumerable.call(i,p[_])&&(a[p[_]]=i[p[_]]);return a};Object.defineProperty(nc,"__esModule",{value:!0});var K6=TB(Mi()),x3=K6.forwardRef((i,o)=>{var{children:a}=i,p=CB(i,["children"]);let _=Object.assign(Object.assign({},p),{marginLeft:p.marginLeft||p.marginX||p.margin||0,marginRight:p.marginRight||p.marginX||p.margin||0,marginTop:p.marginTop||p.marginY||p.margin||0,marginBottom:p.marginBottom||p.marginY||p.margin||0,paddingLeft:p.paddingLeft||p.paddingX||p.padding||0,paddingRight:p.paddingRight||p.paddingX||p.padding||0,paddingTop:p.paddingTop||p.paddingY||p.padding||0,paddingBottom:p.paddingBottom||p.paddingY||p.padding||0});return K6.default.createElement("ink-box",{ref:o,style:_},a)});x3.displayName="Box";x3.defaultProps={flexDirection:"row",flexGrow:0,flexShrink:1};nc.default=x3});var O3=tt(hg=>{"use strict";var R3=hg&&hg.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(hg,"__esModule",{value:!0});var xB=R3(Mi()),Jv=R3(i4()),X6=R3(a3()),A3=({color:i,backgroundColor:o,dimColor:a,bold:p,italic:_,underline:t,strikethrough:k,inverse:L,wrap:O,children:C})=>{if(C==null)return null;let U=H=>(a&&(H=Jv.default.dim(H)),i&&(H=X6.default(H,i,"foreground")),o&&(H=X6.default(H,o,"background")),p&&(H=Jv.default.bold(H)),_&&(H=Jv.default.italic(H)),t&&(H=Jv.default.underline(H)),k&&(H=Jv.default.strikethrough(H)),L&&(H=Jv.default.inverse(H)),H);return xB.default.createElement("ink-text",{style:{flexGrow:0,flexShrink:1,flexDirection:"row",textWrap:O},internal_transform:U},C)};A3.displayName="Text";A3.defaultProps={dimColor:!1,bold:!1,italic:!1,underline:!1,strikethrough:!1,wrap:"wrap"};hg.default=A3});var $6=tt(rc=>{"use strict";var RB=rc&&rc.__createBinding||(Object.create?function(i,o,a,p){p===void 0&&(p=a),Object.defineProperty(i,p,{enumerable:!0,get:function(){return o[a]}})}:function(i,o,a,p){p===void 0&&(p=a),i[p]=o[a]}),AB=rc&&rc.__setModuleDefault||(Object.create?function(i,o){Object.defineProperty(i,"default",{enumerable:!0,value:o})}:function(i,o){i.default=o}),OB=rc&&rc.__importStar||function(i){if(i&&i.__esModule)return i;var o={};if(i!=null)for(var a in i)a!=="default"&&Object.hasOwnProperty.call(i,a)&&RB(o,i,a);return AB(o,i),o},vg=rc&&rc.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(rc,"__esModule",{value:!0});var Q6=OB(require("fs")),Xo=vg(Mi()),J6=vg(q6()),MB=vg(Y6()),Z1=vg(s4()),zc=vg(O3()),Z6=new J6.default({cwd:process.cwd(),internals:J6.default.nodeInternals()}),kB=({error:i})=>{let o=i.stack?i.stack.split(`
-`).slice(1):void 0,a=o?Z6.parseLine(o[0]):void 0,p,_=0;if((a==null?void 0:a.file)&&(a==null?void 0:a.line)&&Q6.existsSync(a.file)){let t=Q6.readFileSync(a.file,"utf8");if(p=MB.default(t,a.line),p)for(let{line:k}of p)_=Math.max(_,String(k).length)}return Xo.default.createElement(Z1.default,{flexDirection:"column",padding:1},Xo.default.createElement(Z1.default,null,Xo.default.createElement(zc.default,{backgroundColor:"red",color:"white"}," ","ERROR"," "),Xo.default.createElement(zc.default,null," ",i.message)),a&&Xo.default.createElement(Z1.default,{marginTop:1},Xo.default.createElement(zc.default,{dimColor:!0},a.file,":",a.line,":",a.column)),a&&p&&Xo.default.createElement(Z1.default,{marginTop:1,flexDirection:"column"},p.map(({line:t,value:k})=>Xo.default.createElement(Z1.default,{key:t},Xo.default.createElement(Z1.default,{width:_+1},Xo.default.createElement(zc.default,{dimColor:t!==a.line,backgroundColor:t===a.line?"red":void 0,color:t===a.line?"white":void 0},String(t).padStart(_," "),":")),Xo.default.createElement(zc.default,{key:t,backgroundColor:t===a.line?"red":void 0,color:t===a.line?"white":void 0}," "+k)))),i.stack&&Xo.default.createElement(Z1.default,{marginTop:1,flexDirection:"column"},i.stack.split(`
-`).slice(1).map(t=>{let k=Z6.parseLine(t);return k?Xo.default.createElement(Z1.default,{key:t},Xo.default.createElement(zc.default,{dimColor:!0},"- "),Xo.default.createElement(zc.default,{dimColor:!0,bold:!0},k.function),Xo.default.createElement(zc.default,{dimColor:!0,color:"gray"}," ","(",k.file,":",k.line,":",k.column,")")):Xo.default.createElement(Z1.default,{key:t},Xo.default.createElement(zc.default,{dimColor:!0},"- "),Xo.default.createElement(zc.default,{dimColor:!0,bold:!0},t))})))};rc.default=kB});var tx=tt(ic=>{"use strict";var NB=ic&&ic.__createBinding||(Object.create?function(i,o,a,p){p===void 0&&(p=a),Object.defineProperty(i,p,{enumerable:!0,get:function(){return o[a]}})}:function(i,o,a,p){p===void 0&&(p=a),i[p]=o[a]}),LB=ic&&ic.__setModuleDefault||(Object.create?function(i,o){Object.defineProperty(i,"default",{enumerable:!0,value:o})}:function(i,o){i.default=o}),FB=ic&&ic.__importStar||function(i){if(i&&i.__esModule)return i;var o={};if(i!=null)for(var a in i)a!=="default"&&Object.hasOwnProperty.call(i,a)&&NB(o,i,a);return LB(o,i),o},ih=ic&&ic.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(ic,"__esModule",{value:!0});var uh=FB(Mi()),ex=ih(nD()),PB=ih(g3()),IB=ih(E3()),bB=ih(w3()),BB=ih(T3()),UB=ih(o4()),jB=ih($6()),zB="	",HB="",qB="",M3=class extends uh.PureComponent{constructor(){super(...arguments);this.state={isFocusEnabled:!0,activeFocusId:void 0,focusables:[],error:void 0},this.rawModeEnabledCount=0,this.handleSetRawMode=o=>{let{stdin:a}=this.props;if(!this.isRawModeSupported())throw a===process.stdin?new Error(`Raw mode is not supported on the current process.stdin, which Ink uses as input stream by default.
-Read about how to prevent this error on https://github.com/vadimdemedes/ink/#israwmodesupported`):new Error(`Raw mode is not supported on the stdin provided to Ink.
-Read about how to prevent this error on https://github.com/vadimdemedes/ink/#israwmodesupported`);if(a.setEncoding("utf8"),o){this.rawModeEnabledCount===0&&(a.addListener("data",this.handleInput),a.resume(),a.setRawMode(!0)),this.rawModeEnabledCount++;return}--this.rawModeEnabledCount==0&&(a.setRawMode(!1),a.removeListener("data",this.handleInput),a.pause())},this.handleInput=o=>{o===""&&this.props.exitOnCtrlC&&this.handleExit(),o===qB&&this.state.activeFocusId&&this.setState({activeFocusId:void 0}),this.state.isFocusEnabled&&this.state.focusables.length>0&&(o===zB&&this.focusNext(),o===HB&&this.focusPrevious())},this.handleExit=o=>{this.isRawModeSupported()&&this.handleSetRawMode(!1),this.props.onExit(o)},this.enableFocus=()=>{this.setState({isFocusEnabled:!0})},this.disableFocus=()=>{this.setState({isFocusEnabled:!1})},this.focusNext=()=>{this.setState(o=>{let a=o.focusables[0].id;return{activeFocusId:this.findNextFocusable(o)||a}})},this.focusPrevious=()=>{this.setState(o=>{let a=o.focusables[o.focusables.length-1].id;return{activeFocusId:this.findPreviousFocusable(o)||a}})},this.addFocusable=(o,{autoFocus:a})=>{this.setState(p=>{let _=p.activeFocusId;return!_&&a&&(_=o),{activeFocusId:_,focusables:[...p.focusables,{id:o,isActive:!0}]}})},this.removeFocusable=o=>{this.setState(a=>({activeFocusId:a.activeFocusId===o?void 0:a.activeFocusId,focusables:a.focusables.filter(p=>p.id!==o)}))},this.activateFocusable=o=>{this.setState(a=>({focusables:a.focusables.map(p=>p.id!==o?p:{id:o,isActive:!0})}))},this.deactivateFocusable=o=>{this.setState(a=>({activeFocusId:a.activeFocusId===o?void 0:a.activeFocusId,focusables:a.focusables.map(p=>p.id!==o?p:{id:o,isActive:!1})}))},this.findNextFocusable=o=>{let a=o.focusables.findIndex(p=>p.id===o.activeFocusId);for(let p=a+1;p<o.focusables.length;p++)if(o.focusables[p].isActive)return o.focusables[p].id},this.findPreviousFocusable=o=>{let a=o.focusables.findIndex(p=>p.id===o.activeFocusId);for(let p=a-1;p>=0;p--)if(o.focusables[p].isActive)return o.focusables[p].id}}static getDerivedStateFromError(o){return{error:o}}isRawModeSupported(){return this.props.stdin.isTTY}render(){return uh.default.createElement(PB.default.Provider,{value:{exit:this.handleExit}},uh.default.createElement(IB.default.Provider,{value:{stdin:this.props.stdin,setRawMode:this.handleSetRawMode,isRawModeSupported:this.isRawModeSupported(),internal_exitOnCtrlC:this.props.exitOnCtrlC}},uh.default.createElement(bB.default.Provider,{value:{stdout:this.props.stdout,write:this.props.writeToStdout}},uh.default.createElement(BB.default.Provider,{value:{stderr:this.props.stderr,write:this.props.writeToStderr}},uh.default.createElement(UB.default.Provider,{value:{activeId:this.state.activeFocusId,add:this.addFocusable,remove:this.removeFocusable,activate:this.activateFocusable,deactivate:this.deactivateFocusable,enableFocus:this.enableFocus,disableFocus:this.disableFocus,focusNext:this.focusNext,focusPrevious:this.focusPrevious}},this.state.error?uh.default.createElement(jB.default,{error:this.state.error}):this.props.children)))))}componentDidMount(){ex.default.hide(this.props.stdout)}componentWillUnmount(){ex.default.show(this.props.stdout),this.isRawModeSupported()&&this.handleSetRawMode(!1)}componentDidCatch(o){this.handleExit(o)}};ic.default=M3;M3.displayName="InternalApp"});var ux=tt(uc=>{"use strict";var WB=uc&&uc.__createBinding||(Object.create?function(i,o,a,p){p===void 0&&(p=a),Object.defineProperty(i,p,{enumerable:!0,get:function(){return o[a]}})}:function(i,o,a,p){p===void 0&&(p=a),i[p]=o[a]}),VB=uc&&uc.__setModuleDefault||(Object.create?function(i,o){Object.defineProperty(i,"default",{enumerable:!0,value:o})}:function(i,o){i.default=o}),GB=uc&&uc.__importStar||function(i){if(i&&i.__esModule)return i;var o={};if(i!=null)for(var a in i)a!=="default"&&Object.hasOwnProperty.call(i,a)&&WB(o,i,a);return VB(o,i),o},oc=uc&&uc.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(uc,"__esModule",{value:!0});var YB=oc(Mi()),nx=Z8(),KB=oc(dS()),XB=oc(QE()),QB=oc(_S()),JB=oc(DS()),a4=oc(IC()),ZB=oc(A6()),$B=oc(tD()),eU=oc(N6()),tU=GB(bD()),nU=oc(m3()),rU=oc(tx()),Zv=process.env.CI==="false"?!1:QB.default,rx=()=>{},ix=class{constructor(o){this.resolveExitPromise=()=>{},this.rejectExitPromise=()=>{},this.unsubscribeExit=()=>{},this.onRender=()=>{if(this.isUnmounted)return;let{output:a,outputHeight:p,staticOutput:_}=ZB.default(this.rootNode,this.options.stdout.columns||80),t=_&&_!==`
-`;if(this.options.debug){t&&(this.fullStaticOutput+=_),this.options.stdout.write(this.fullStaticOutput+a);return}if(Zv){t&&this.options.stdout.write(_),this.lastOutput=a;return}if(t&&(this.fullStaticOutput+=_),p>=this.options.stdout.rows){this.options.stdout.write(XB.default.clearTerminal+this.fullStaticOutput+a),this.lastOutput=a;return}t&&(this.log.clear(),this.options.stdout.write(_),this.log(a)),!t&&a!==this.lastOutput&&this.throttledLog(a),this.lastOutput=a},JB.default(this),this.options=o,this.rootNode=tU.createNode("ink-root"),this.rootNode.onRender=o.debug?this.onRender:nx.throttle(this.onRender,32,{leading:!0,trailing:!0}),this.rootNode.onImmediateRender=this.onRender,this.log=KB.default.create(o.stdout),this.throttledLog=o.debug?this.log:nx.throttle(this.log,void 0,{leading:!0,trailing:!0}),this.isUnmounted=!1,this.lastOutput="",this.fullStaticOutput="",this.container=a4.default.createContainer(this.rootNode,!1,!1),this.unsubscribeExit=$B.default(this.unmount,{alwaysLast:!1}),process.env.DEV==="true"&&a4.default.injectIntoDevTools({bundleType:0,version:"16.13.1",rendererPackageName:"ink"}),o.patchConsole&&this.patchConsole(),Zv||(o.stdout.on("resize",this.onRender),this.unsubscribeResize=()=>{o.stdout.off("resize",this.onRender)})}render(o){let a=YB.default.createElement(rU.default,{stdin:this.options.stdin,stdout:this.options.stdout,stderr:this.options.stderr,writeToStdout:this.writeToStdout,writeToStderr:this.writeToStderr,exitOnCtrlC:this.options.exitOnCtrlC,onExit:this.unmount},o);a4.default.updateContainer(a,this.container,null,rx)}writeToStdout(o){if(!this.isUnmounted){if(this.options.debug){this.options.stdout.write(o+this.fullStaticOutput+this.lastOutput);return}if(Zv){this.options.stdout.write(o);return}this.log.clear(),this.options.stdout.write(o),this.log(this.lastOutput)}}writeToStderr(o){if(!this.isUnmounted){if(this.options.debug){this.options.stderr.write(o),this.options.stdout.write(this.fullStaticOutput+this.lastOutput);return}if(Zv){this.options.stderr.write(o);return}this.log.clear(),this.options.stderr.write(o),this.log(this.lastOutput)}}unmount(o){this.isUnmounted||(this.onRender(),this.unsubscribeExit(),typeof this.restoreConsole=="function"&&this.restoreConsole(),typeof this.unsubscribeResize=="function"&&this.unsubscribeResize(),Zv?this.options.stdout.write(this.lastOutput+`
-`):this.options.debug||this.log.done(),this.isUnmounted=!0,a4.default.updateContainer(null,this.container,null,rx),nU.default.delete(this.options.stdout),o instanceof Error?this.rejectExitPromise(o):this.resolveExitPromise())}waitUntilExit(){return this.exitPromise||(this.exitPromise=new Promise((o,a)=>{this.resolveExitPromise=o,this.rejectExitPromise=a})),this.exitPromise}clear(){!Zv&&!this.options.debug&&this.log.clear()}patchConsole(){this.options.debug||(this.restoreConsole=eU.default((o,a)=>{o==="stdout"&&this.writeToStdout(a),o==="stderr"&&(a.startsWith("The above error occurred")||this.writeToStderr(a))}))}};uc.default=ix});var lx=tt(mg=>{"use strict";var ox=mg&&mg.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(mg,"__esModule",{value:!0});var iU=ox(ux()),f4=ox(m3()),uU=require("stream"),sU=(i,o)=>{let a=Object.assign({stdout:process.stdout,stdin:process.stdin,stderr:process.stderr,debug:!1,exitOnCtrlC:!0,patchConsole:!0},oU(o)),p=lU(a.stdout,()=>new iU.default(a));return p.render(i),{rerender:p.render,unmount:()=>p.unmount(),waitUntilExit:p.waitUntilExit,cleanup:()=>f4.default.delete(a.stdout),clear:p.clear}};mg.default=sU;var oU=(i={})=>i instanceof uU.Stream?{stdout:i,stdin:process.stdin}:i,lU=(i,o)=>{let a;return f4.default.has(i)?a=f4.default.get(i):(a=o(),f4.default.set(i,a)),a}});var ax=tt($1=>{"use strict";var aU=$1&&$1.__createBinding||(Object.create?function(i,o,a,p){p===void 0&&(p=a),Object.defineProperty(i,p,{enumerable:!0,get:function(){return o[a]}})}:function(i,o,a,p){p===void 0&&(p=a),i[p]=o[a]}),fU=$1&&$1.__setModuleDefault||(Object.create?function(i,o){Object.defineProperty(i,"default",{enumerable:!0,value:o})}:function(i,o){i.default=o}),cU=$1&&$1.__importStar||function(i){if(i&&i.__esModule)return i;var o={};if(i!=null)for(var a in i)a!=="default"&&Object.hasOwnProperty.call(i,a)&&aU(o,i,a);return fU(o,i),o};Object.defineProperty($1,"__esModule",{value:!0});var yg=cU(Mi()),sx=i=>{let{items:o,children:a,style:p}=i,[_,t]=yg.useState(0),k=yg.useMemo(()=>o.slice(_),[o,_]);yg.useLayoutEffect(()=>{t(o.length)},[o.length]);let L=k.map((C,U)=>a(C,_+U)),O=yg.useMemo(()=>Object.assign({position:"absolute",flexDirection:"column"},p),[p]);return yg.default.createElement("ink-box",{internal_static:!0,style:O},L)};sx.displayName="Static";$1.default=sx});var cx=tt(gg=>{"use strict";var dU=gg&&gg.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(gg,"__esModule",{value:!0});var pU=dU(Mi()),fx=({children:i,transform:o})=>i==null?null:pU.default.createElement("ink-text",{style:{flexGrow:0,flexShrink:1,flexDirection:"row"},internal_transform:o},i);fx.displayName="Transform";gg.default=fx});var px=tt(_g=>{"use strict";var hU=_g&&_g.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(_g,"__esModule",{value:!0});var vU=hU(Mi()),dx=({count:i=1})=>vU.default.createElement("ink-text",null,`
-`.repeat(i));dx.displayName="Newline";_g.default=dx});var mx=tt(Eg=>{"use strict";var hx=Eg&&Eg.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(Eg,"__esModule",{value:!0});var mU=hx(Mi()),yU=hx(s4()),vx=()=>mU.default.createElement(yU.default,{flexGrow:1});vx.displayName="Spacer";Eg.default=vx});var c4=tt(Dg=>{"use strict";var gU=Dg&&Dg.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(Dg,"__esModule",{value:!0});var _U=Mi(),EU=gU(E3()),DU=()=>_U.useContext(EU.default);Dg.default=DU});var gx=tt(wg=>{"use strict";var wU=wg&&wg.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(wg,"__esModule",{value:!0});var yx=Mi(),SU=wU(c4()),TU=(i,o={})=>{let{stdin:a,setRawMode:p,internal_exitOnCtrlC:_}=SU.default();yx.useEffect(()=>{if(o.isActive!==!1)return p(!0),()=>{p(!1)}},[o.isActive,p]),yx.useEffect(()=>{if(o.isActive===!1)return;let t=k=>{let L=String(k),O={upArrow:L==="",downArrow:L==="",leftArrow:L==="",rightArrow:L==="",pageDown:L==="[6~",pageUp:L==="[5~",return:L==="\r",escape:L==="",ctrl:!1,shift:!1,tab:L==="	"||L==="",backspace:L==="\b",delete:L==="\x7F"||L==="[3~",meta:!1};L<=""&&!O.return&&(L=String.fromCharCode(L.charCodeAt(0)+"a".charCodeAt(0)-1),O.ctrl=!0),L.startsWith("")&&(L=L.slice(1),O.meta=!0);let C=L>="A"&&L<="Z",U=L>="\u0410"&&L<="\u042F";L.length===1&&(C||U)&&(O.shift=!0),O.tab&&L==="[Z"&&(O.shift=!0),(O.tab||O.backspace||O.delete)&&(L=""),(!(L==="c"&&O.ctrl)||!_)&&i(L,O)};return a==null||a.on("data",t),()=>{a==null||a.off("data",t)}},[o.isActive,a,_,i])};wg.default=TU});var _x=tt(Sg=>{"use strict";var CU=Sg&&Sg.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(Sg,"__esModule",{value:!0});var xU=Mi(),RU=CU(g3()),AU=()=>xU.useContext(RU.default);Sg.default=AU});var Ex=tt(Tg=>{"use strict";var OU=Tg&&Tg.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(Tg,"__esModule",{value:!0});var MU=Mi(),kU=OU(w3()),NU=()=>MU.useContext(kU.default);Tg.default=NU});var Dx=tt(Cg=>{"use strict";var LU=Cg&&Cg.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(Cg,"__esModule",{value:!0});var FU=Mi(),PU=LU(T3()),IU=()=>FU.useContext(PU.default);Cg.default=IU});var Sx=tt(xg=>{"use strict";var wx=xg&&xg.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(xg,"__esModule",{value:!0});var Rg=Mi(),bU=wx(o4()),BU=wx(c4()),UU=({isActive:i=!0,autoFocus:o=!1}={})=>{let{isRawModeSupported:a,setRawMode:p}=BU.default(),{activeId:_,add:t,remove:k,activate:L,deactivate:O}=Rg.useContext(bU.default),C=Rg.useMemo(()=>Math.random().toString().slice(2,7),[]);return Rg.useEffect(()=>(t(C,{autoFocus:o}),()=>{k(C)}),[C,o]),Rg.useEffect(()=>{i?L(C):O(C)},[i,C]),Rg.useEffect(()=>{if(!(!a||!i))return p(!0),()=>{p(!1)}},[i]),{isFocused:Boolean(C)&&_===C}};xg.default=UU});var Tx=tt(Ag=>{"use strict";var jU=Ag&&Ag.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(Ag,"__esModule",{value:!0});var zU=Mi(),HU=jU(o4()),qU=()=>{let i=zU.useContext(HU.default);return{enableFocus:i.enableFocus,disableFocus:i.disableFocus,focusNext:i.focusNext,focusPrevious:i.focusPrevious}};Ag.default=qU});var Cx=tt(k3=>{"use strict";Object.defineProperty(k3,"__esModule",{value:!0});k3.default=i=>{var o,a,p,_;return{width:(a=(o=i.yogaNode)===null||o===void 0?void 0:o.getComputedWidth())!==null&&a!==void 0?a:0,height:(_=(p=i.yogaNode)===null||p===void 0?void 0:p.getComputedHeight())!==null&&_!==void 0?_:0}}});var lc=tt(Yl=>{"use strict";Object.defineProperty(Yl,"__esModule",{value:!0});var WU=lx();Object.defineProperty(Yl,"render",{enumerable:!0,get:function(){return WU.default}});var VU=s4();Object.defineProperty(Yl,"Box",{enumerable:!0,get:function(){return VU.default}});var GU=O3();Object.defineProperty(Yl,"Text",{enumerable:!0,get:function(){return GU.default}});var YU=ax();Object.defineProperty(Yl,"Static",{enumerable:!0,get:function(){return YU.default}});var KU=cx();Object.defineProperty(Yl,"Transform",{enumerable:!0,get:function(){return KU.default}});var XU=px();Object.defineProperty(Yl,"Newline",{enumerable:!0,get:function(){return XU.default}});var QU=mx();Object.defineProperty(Yl,"Spacer",{enumerable:!0,get:function(){return QU.default}});var JU=gx();Object.defineProperty(Yl,"useInput",{enumerable:!0,get:function(){return JU.default}});var ZU=_x();Object.defineProperty(Yl,"useApp",{enumerable:!0,get:function(){return ZU.default}});var $U=c4();Object.defineProperty(Yl,"useStdin",{enumerable:!0,get:function(){return $U.default}});var ej=Ex();Object.defineProperty(Yl,"useStdout",{enumerable:!0,get:function(){return ej.default}});var tj=Dx();Object.defineProperty(Yl,"useStderr",{enumerable:!0,get:function(){return tj.default}});var nj=Sx();Object.defineProperty(Yl,"useFocus",{enumerable:!0,get:function(){return nj.default}});var rj=Tx();Object.defineProperty(Yl,"useFocusManager",{enumerable:!0,get:function(){return rj.default}});var ij=Cx();Object.defineProperty(Yl,"measureElement",{enumerable:!0,get:function(){return ij.default}})});var Px=tt(Og=>{"use strict";Object.defineProperty(Og,"__esModule",{value:!0});Og.UncontrolledTextInput=void 0;var Nx=Mi(),F3=Mi(),Lx=lc(),sh=i4(),Fx=({value:i,placeholder:o="",focus:a=!0,mask:p,highlightPastedText:_=!1,showCursor:t=!0,onChange:k,onSubmit:L})=>{let[{cursorOffset:O,cursorWidth:C},U]=F3.useState({cursorOffset:(i||"").length,cursorWidth:0});F3.useEffect(()=>{U(he=>{if(!a||!t)return he;let Ee=i||"";return he.cursorOffset>Ee.length-1?{cursorOffset:Ee.length,cursorWidth:0}:he})},[i,a,t]);let H=_?C:0,W=p?p.repeat(i.length):i,ne=W,m=o?sh.grey(o):void 0;if(t&&a){m=o.length>0?sh.inverse(o[0])+sh.grey(o.slice(1)):sh.inverse(" "),ne=W.length>0?"":sh.inverse(" ");let he=0;for(let Ee of W)he>=O-H&&he<=O?ne+=sh.inverse(Ee):ne+=Ee,he++;W.length>0&&O===W.length&&(ne+=sh.inverse(" "))}return Lx.useInput((he,Ee)=>{if(Ee.upArrow||Ee.downArrow||Ee.ctrl&&he==="c"||Ee.tab||Ee.shift&&Ee.tab)return;if(Ee.return){L&&L(i);return}let ve=O,se=i,De=0;Ee.leftArrow?t&&ve--:Ee.rightArrow?t&&ve++:Ee.backspace||Ee.delete?O>0&&(se=i.slice(0,O-1)+i.slice(O,i.length),ve--):(se=i.slice(0,O)+he+i.slice(O,i.length),ve+=he.length,he.length>1&&(De=he.length)),O<0&&(ve=0),O>i.length&&(ve=i.length),U({cursorOffset:ve,cursorWidth:De}),se!==i&&k(se)},{isActive:a}),Nx.createElement(Lx.Text,null,o?W.length>0?ne:m:ne)};Og.default=Fx;Og.UncontrolledTextInput=i=>{let[o,a]=F3.useState("");return Nx.createElement(Fx,Object.assign({},i,{value:o,onChange:a}))}});var bx=tt(E4=>{"use strict";Object.defineProperty(E4,"__esModule",{value:!0});function Mg(i){let o=[...i.caches],a=o.shift();return a===void 0?Ix():{get(p,_,t={miss:()=>Promise.resolve()}){return a.get(p,_,t).catch(()=>Mg({caches:o}).get(p,_,t))},set(p,_){return a.set(p,_).catch(()=>Mg({caches:o}).set(p,_))},delete(p){return a.delete(p).catch(()=>Mg({caches:o}).delete(p))},clear(){return a.clear().catch(()=>Mg({caches:o}).clear())}}}function Ix(){return{get(i,o,a={miss:()=>Promise.resolve()}){return o().then(_=>Promise.all([_,a.miss(_)])).then(([_])=>_)},set(i,o){return Promise.resolve(o)},delete(i){return Promise.resolve()},clear(){return Promise.resolve()}}}E4.createFallbackableCache=Mg;E4.createNullCache=Ix});var Ux=tt((CW,Bx)=>{Bx.exports=bx()});var jx=tt(P3=>{"use strict";Object.defineProperty(P3,"__esModule",{value:!0});function uj(i={serializable:!0}){let o={};return{get(a,p,_={miss:()=>Promise.resolve()}){let t=JSON.stringify(a);if(t in o)return Promise.resolve(i.serializable?JSON.parse(o[t]):o[t]);let k=p(),L=_&&_.miss||(()=>Promise.resolve());return k.then(O=>L(O)).then(()=>k)},set(a,p){return o[JSON.stringify(a)]=i.serializable?JSON.stringify(p):p,Promise.resolve(p)},delete(a){return delete o[JSON.stringify(a)],Promise.resolve()},clear(){return o={},Promise.resolve()}}}P3.createInMemoryCache=uj});var Hx=tt((RW,zx)=>{zx.exports=jx()});var Wx=tt(sc=>{"use strict";Object.defineProperty(sc,"__esModule",{value:!0});function oj(i,o,a){let p={"x-algolia-api-key":a,"x-algolia-application-id":o};return{headers(){return i===I3.WithinHeaders?p:{}},queryParameters(){return i===I3.WithinQueryParameters?p:{}}}}function lj(i){let o=0,a=()=>(o++,new Promise(p=>{setTimeout(()=>{p(i(a))},Math.min(100*o,1e3))}));return i(a)}function qx(i,o=(a,p)=>Promise.resolve()){return Object.assign(i,{wait(a){return qx(i.then(p=>Promise.all([o(p,a),p])).then(p=>p[1]))}})}function sj(i){let o=i.length-1;for(o;o>0;o--){let a=Math.floor(Math.random()*(o+1)),p=i[o];i[o]=i[a],i[a]=p}return i}function aj(i,o){return Object.keys(o!==void 0?o:{}).forEach(a=>{i[a]=o[a](i)}),i}function fj(i,...o){let a=0;return i.replace(/%s/g,()=>encodeURIComponent(o[a++]))}var cj="4.2.0",dj=i=>()=>i.transporter.requester.destroy(),I3={WithinQueryParameters:0,WithinHeaders:1};sc.AuthMode=I3;sc.addMethods=aj;sc.createAuth=oj;sc.createRetryablePromise=lj;sc.createWaitablePromise=qx;sc.destroy=dj;sc.encode=fj;sc.shuffle=sj;sc.version=cj});var kg=tt((OW,Vx)=>{Vx.exports=Wx()});var Gx=tt(b3=>{"use strict";Object.defineProperty(b3,"__esModule",{value:!0});var pj={Delete:"DELETE",Get:"GET",Post:"POST",Put:"PUT"};b3.MethodEnum=pj});var Ng=tt((kW,Yx)=>{Yx.exports=Gx()});var s5=tt(V0=>{"use strict";Object.defineProperty(V0,"__esModule",{value:!0});var Kx=Ng();function B3(i,o){let a=i||{},p=a.data||{};return Object.keys(a).forEach(_=>{["timeout","headers","queryParameters","data","cacheable"].indexOf(_)===-1&&(p[_]=a[_])}),{data:Object.entries(p).length>0?p:void 0,timeout:a.timeout||o,headers:a.headers||{},queryParameters:a.queryParameters||{},cacheable:a.cacheable}}var D4={Read:1,Write:2,Any:3},$v={Up:1,Down:2,Timeouted:3},Xx=2*60*1e3;function U3(i,o=$v.Up){return Zr(Ht({},i),{status:o,lastUpdate:Date.now()})}function Qx(i){return i.status===$v.Up||Date.now()-i.lastUpdate>Xx}function Jx(i){return i.status===$v.Timeouted&&Date.now()-i.lastUpdate<=Xx}function j3(i){return{protocol:i.protocol||"https",url:i.url,accept:i.accept||D4.Any}}function hj(i,o){return Promise.all(o.map(a=>i.get(a,()=>Promise.resolve(U3(a))))).then(a=>{let p=a.filter(L=>Qx(L)),_=a.filter(L=>Jx(L)),t=[...p,..._],k=t.length>0?t.map(L=>j3(L)):o;return{getTimeout(L,O){return(_.length===0&&L===0?1:_.length+3+L)*O},statelessHosts:k}})}var vj=({isTimedOut:i,status:o})=>!i&&~~o==0,mj=i=>{let o=i.status;return i.isTimedOut||vj(i)||~~(o/100)!=2&&~~(o/100)!=4},yj=({status:i})=>~~(i/100)==2,gj=(i,o)=>mj(i)?o.onRetry(i):yj(i)?o.onSucess(i):o.onFail(i);function i5(i,o,a,p){let _=[],t=t5(a,p),k=n5(i,p),L=a.method,O=a.method!==Kx.MethodEnum.Get?{}:Ht(Ht({},a.data),p.data),C=Ht(Ht(Ht({"x-algolia-agent":i.userAgent.value},i.queryParameters),O),p.queryParameters),U=0,H=(W,ne)=>{let m=W.pop();if(m===void 0)throw r5(z3(_));let he={data:t,headers:k,method:L,url:e5(m,a.path,C),connectTimeout:ne(U,i.timeouts.connect),responseTimeout:ne(U,p.timeout)},Ee=se=>{let De={request:he,response:se,host:m,triesLeft:W.length};return _.push(De),De},ve={onSucess:se=>Zx(se),onRetry(se){let De=Ee(se);return se.isTimedOut&&U++,Promise.all([i.logger.info("Retryable failure",H3(De)),i.hostsCache.set(m,U3(m,se.isTimedOut?$v.Timeouted:$v.Down))]).then(()=>H(W,ne))},onFail(se){throw Ee(se),$x(se,z3(_))}};return i.requester.send(he).then(se=>gj(se,ve))};return hj(i.hostsCache,o).then(W=>H([...W.statelessHosts].reverse(),W.getTimeout))}function _j(i){let{hostsCache:o,logger:a,requester:p,requestsCache:_,responsesCache:t,timeouts:k,userAgent:L,hosts:O,queryParameters:C,headers:U}=i,H={hostsCache:o,logger:a,requester:p,requestsCache:_,responsesCache:t,timeouts:k,userAgent:L,headers:U,queryParameters:C,hosts:O.map(W=>j3(W)),read(W,ne){let m=B3(ne,H.timeouts.read),he=()=>i5(H,H.hosts.filter(se=>(se.accept&D4.Read)!=0),W,m);if((m.cacheable!==void 0?m.cacheable:W.cacheable)!==!0)return he();let ve={request:W,mappedRequestOptions:m,transporter:{queryParameters:H.queryParameters,headers:H.headers}};return H.responsesCache.get(ve,()=>H.requestsCache.get(ve,()=>H.requestsCache.set(ve,he()).then(se=>Promise.all([H.requestsCache.delete(ve),se]),se=>Promise.all([H.requestsCache.delete(ve),Promise.reject(se)])).then(([se,De])=>De)),{miss:se=>H.responsesCache.set(ve,se)})},write(W,ne){return i5(H,H.hosts.filter(m=>(m.accept&D4.Write)!=0),W,B3(ne,H.timeouts.write))}};return H}function Ej(i){let o={value:`Algolia for JavaScript (${i})`,add(a){let p=`; ${a.segment}${a.version!==void 0?` (${a.version})`:""}`;return o.value.indexOf(p)===-1&&(o.value=`${o.value}${p}`),o}};return o}function Zx(i){try{return JSON.parse(i.content)}catch(o){throw u5(o.message,i)}}function $x({content:i,status:o},a){let p=i;try{p=JSON.parse(i).message}catch(_){}return o5(p,o,a)}function Dj(i,...o){let a=0;return i.replace(/%s/g,()=>encodeURIComponent(o[a++]))}function e5(i,o,a){let p=l5(a),_=`${i.protocol}://${i.url}/${o.charAt(0)==="/"?o.substr(1):o}`;return p.length&&(_+=`?${p}`),_}function l5(i){let o=a=>Object.prototype.toString.call(a)==="[object Object]"||Object.prototype.toString.call(a)==="[object Array]";return Object.keys(i).map(a=>Dj("%s=%s",a,o(i[a])?JSON.stringify(i[a]):i[a])).join("&")}function t5(i,o){if(i.method===Kx.MethodEnum.Get||i.data===void 0&&o.data===void 0)return;let a=Array.isArray(i.data)?i.data:Ht(Ht({},i.data),o.data);return JSON.stringify(a)}function n5(i,o){let a=Ht(Ht({},i.headers),o.headers),p={};return Object.keys(a).forEach(_=>{let t=a[_];p[_.toLowerCase()]=t}),p}function z3(i){return i.map(o=>H3(o))}function H3(i){let o=i.request.headers["x-algolia-api-key"]?{"x-algolia-api-key":"*****"}:{};return Zr(Ht({},i),{request:Zr(Ht({},i.request),{headers:Ht(Ht({},i.request.headers),o)})})}function o5(i,o,a){return{name:"ApiError",message:i,status:o,transporterStackTrace:a}}function u5(i,o){return{name:"DeserializationError",message:i,response:o}}function r5(i){return{name:"RetryError",message:"Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.",transporterStackTrace:i}}V0.CallEnum=D4;V0.HostStatusEnum=$v;V0.createApiError=o5;V0.createDeserializationError=u5;V0.createMappedRequestOptions=B3;V0.createRetryError=r5;V0.createStatefulHost=U3;V0.createStatelessHost=j3;V0.createTransporter=_j;V0.createUserAgent=Ej;V0.deserializeFailure=$x;V0.deserializeSuccess=Zx;V0.isStatefulHostTimeouted=Jx;V0.isStatefulHostUp=Qx;V0.serializeData=t5;V0.serializeHeaders=n5;V0.serializeQueryParameters=l5;V0.serializeUrl=e5;V0.stackFrameWithoutCredentials=H3;V0.stackTraceWithoutCredentials=z3});var Lg=tt((LW,a5)=>{a5.exports=s5()});var f5=tt(g2=>{"use strict";Object.defineProperty(g2,"__esModule",{value:!0});var em=kg(),wj=Lg(),Fg=Ng(),Sj=i=>{let o=i.region||"us",a=em.createAuth(em.AuthMode.WithinHeaders,i.appId,i.apiKey),p=wj.createTransporter(Zr(Ht({hosts:[{url:`analytics.${o}.algolia.com`}]},i),{headers:Ht(Zr(Ht({},a.headers()),{"content-type":"application/json"}),i.headers),queryParameters:Ht(Ht({},a.queryParameters()),i.queryParameters)})),_=i.appId;return em.addMethods({appId:_,transporter:p},i.methods)},Tj=i=>(o,a)=>i.transporter.write({method:Fg.MethodEnum.Post,path:"2/abtests",data:o},a),Cj=i=>(o,a)=>i.transporter.write({method:Fg.MethodEnum.Delete,path:em.encode("2/abtests/%s",o)},a),xj=i=>(o,a)=>i.transporter.read({method:Fg.MethodEnum.Get,path:em.encode("2/abtests/%s",o)},a),Rj=i=>o=>i.transporter.read({method:Fg.MethodEnum.Get,path:"2/abtests"},o),Aj=i=>(o,a)=>i.transporter.write({method:Fg.MethodEnum.Post,path:em.encode("2/abtests/%s/stop",o)},a);g2.addABTest=Tj;g2.createAnalyticsClient=Sj;g2.deleteABTest=Cj;g2.getABTest=xj;g2.getABTests=Rj;g2.stopABTest=Aj});var d5=tt((PW,c5)=>{c5.exports=f5()});var h5=tt(Pg=>{"use strict";Object.defineProperty(Pg,"__esModule",{value:!0});var q3=kg(),Oj=Lg(),p5=Ng(),Mj=i=>{let o=i.region||"us",a=q3.createAuth(q3.AuthMode.WithinHeaders,i.appId,i.apiKey),p=Oj.createTransporter(Zr(Ht({hosts:[{url:`recommendation.${o}.algolia.com`}]},i),{headers:Ht(Zr(Ht({},a.headers()),{"content-type":"application/json"}),i.headers),queryParameters:Ht(Ht({},a.queryParameters()),i.queryParameters)}));return q3.addMethods({appId:i.appId,transporter:p},i.methods)},kj=i=>o=>i.transporter.read({method:p5.MethodEnum.Get,path:"1/strategies/personalization"},o),Nj=i=>(o,a)=>i.transporter.write({method:p5.MethodEnum.Post,path:"1/strategies/personalization",data:o},a);Pg.createRecommendationClient=Mj;Pg.getPersonalizationStrategy=kj;Pg.setPersonalizationStrategy=Nj});var m5=tt((bW,v5)=>{v5.exports=h5()});var O5=tt(tn=>{"use strict";Object.defineProperty(tn,"__esModule",{value:!0});var Ln=kg(),ra=Lg(),Ur=Ng(),Lj=require("crypto");function w4(i){let o=a=>i.request(a).then(p=>{if(i.batch!==void 0&&i.batch(p.hits),!i.shouldStop(p))return p.cursor?o({cursor:p.cursor}):o({page:(a.page||0)+1})});return o({})}var Fj=i=>{let o=i.appId,a=Ln.createAuth(i.authMode!==void 0?i.authMode:Ln.AuthMode.WithinHeaders,o,i.apiKey),p=ra.createTransporter(Zr(Ht({hosts:[{url:`${o}-dsn.algolia.net`,accept:ra.CallEnum.Read},{url:`${o}.algolia.net`,accept:ra.CallEnum.Write}].concat(Ln.shuffle([{url:`${o}-1.algolianet.com`},{url:`${o}-2.algolianet.com`},{url:`${o}-3.algolianet.com`}]))},i),{headers:Ht(Zr(Ht({},a.headers()),{"content-type":"application/x-www-form-urlencoded"}),i.headers),queryParameters:Ht(Ht({},a.queryParameters()),i.queryParameters)})),_={transporter:p,appId:o,addAlgoliaAgent(t,k){p.userAgent.add({segment:t,version:k})},clearCache(){return Promise.all([p.requestsCache.clear(),p.responsesCache.clear()]).then(()=>{})}};return Ln.addMethods(_,i.methods)};function y5(){return{name:"MissingObjectIDError",message:"All objects must have an unique objectID (like a primary key) to be valid. Algolia is also able to generate objectIDs automatically but *it's not recommended*. To do it, use the `{'autoGenerateObjectIDIfNotExist': true}` option."}}function g5(){return{name:"ObjectNotFoundError",message:"Object not found."}}function _5(){return{name:"ValidUntilNotFoundError",message:"ValidUntil not found in given secured api key."}}var Pj=i=>(o,a)=>{let L=a||{},{queryParameters:p}=L,_=Dl(L,["queryParameters"]),t=Ht({acl:o},p!==void 0?{queryParameters:p}:{}),k=(O,C)=>Ln.createRetryablePromise(U=>Ig(i)(O.key,C).catch(H=>{if(H.status!==404)throw H;return U()}));return Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Post,path:"1/keys",data:t},_),k)},Ij=i=>(o,a,p)=>{let _=ra.createMappedRequestOptions(p);return _.queryParameters["X-Algolia-User-ID"]=o,i.transporter.write({method:Ur.MethodEnum.Post,path:"1/clusters/mapping",data:{cluster:a}},_)},bj=i=>(o,a,p)=>i.transporter.write({method:Ur.MethodEnum.Post,path:"1/clusters/mapping/batch",data:{users:o,cluster:a}},p),S4=i=>(o,a,p)=>{let _=(t,k)=>bg(i)(o,{methods:{waitTask:Co}}).waitTask(t.taskID,k);return Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Post,path:Ln.encode("1/indexes/%s/operation",o),data:{operation:"copy",destination:a}},p),_)},Bj=i=>(o,a,p)=>S4(i)(o,a,Zr(Ht({},p),{scope:[T4.Rules]})),Uj=i=>(o,a,p)=>S4(i)(o,a,Zr(Ht({},p),{scope:[T4.Settings]})),jj=i=>(o,a,p)=>S4(i)(o,a,Zr(Ht({},p),{scope:[T4.Synonyms]})),zj=i=>(o,a)=>{let p=(_,t)=>Ln.createRetryablePromise(k=>Ig(i)(o,t).then(k).catch(L=>{if(L.status!==404)throw L}));return Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Delete,path:Ln.encode("1/keys/%s",o)},a),p)},Hj=()=>(i,o)=>{let a=ra.serializeQueryParameters(o),p=Lj.createHmac("sha256",i).update(a).digest("hex");return Buffer.from(p+a).toString("base64")},Ig=i=>(o,a)=>i.transporter.read({method:Ur.MethodEnum.Get,path:Ln.encode("1/keys/%s",o)},a),qj=i=>o=>i.transporter.read({method:Ur.MethodEnum.Get,path:"1/logs"},o),Wj=()=>i=>{let o=Buffer.from(i,"base64").toString("ascii"),a=/validUntil=(\d+)/,p=o.match(a);if(p===null)throw _5();return parseInt(p[1],10)-Math.round(new Date().getTime()/1e3)},Vj=i=>o=>i.transporter.read({method:Ur.MethodEnum.Get,path:"1/clusters/mapping/top"},o),Gj=i=>(o,a)=>i.transporter.read({method:Ur.MethodEnum.Get,path:Ln.encode("1/clusters/mapping/%s",o)},a),Yj=i=>o=>{let _=o||{},{retrieveMappings:a}=_,p=Dl(_,["retrieveMappings"]);return a===!0&&(p.getClusters=!0),i.transporter.read({method:Ur.MethodEnum.Get,path:"1/clusters/mapping/pending"},p)},bg=i=>(o,a={})=>{let p={transporter:i.transporter,appId:i.appId,indexName:o};return Ln.addMethods(p,a.methods)},Kj=i=>o=>i.transporter.read({method:Ur.MethodEnum.Get,path:"1/keys"},o),Xj=i=>o=>i.transporter.read({method:Ur.MethodEnum.Get,path:"1/clusters"},o),Qj=i=>o=>i.transporter.read({method:Ur.MethodEnum.Get,path:"1/indexes"},o),Jj=i=>o=>i.transporter.read({method:Ur.MethodEnum.Get,path:"1/clusters/mapping"},o),Zj=i=>(o,a,p)=>{let _=(t,k)=>bg(i)(o,{methods:{waitTask:Co}}).waitTask(t.taskID,k);return Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Post,path:Ln.encode("1/indexes/%s/operation",o),data:{operation:"move",destination:a}},p),_)},$j=i=>(o,a)=>{let p=(_,t)=>Promise.all(Object.keys(_.taskID).map(k=>bg(i)(k,{methods:{waitTask:Co}}).waitTask(_.taskID[k],t)));return Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Post,path:"1/indexes/*/batch",data:{requests:o}},a),p)},ez=i=>(o,a)=>i.transporter.read({method:Ur.MethodEnum.Post,path:"1/indexes/*/objects",data:{requests:o}},a),tz=i=>(o,a)=>{let p=o.map(_=>Zr(Ht({},_),{params:ra.serializeQueryParameters(_.params||{})}));return i.transporter.read({method:Ur.MethodEnum.Post,path:"1/indexes/*/queries",data:{requests:p},cacheable:!0},a)},nz=i=>(o,a)=>Promise.all(o.map(p=>{let L=p.params,{facetName:_,facetQuery:t}=L,k=Dl(L,["facetName","facetQuery"]);return bg(i)(p.indexName,{methods:{searchForFacetValues:E5}}).searchForFacetValues(_,t,Ht(Ht({},a),k))})),rz=i=>(o,a)=>{let p=ra.createMappedRequestOptions(a);return p.queryParameters["X-Algolia-User-ID"]=o,i.transporter.write({method:Ur.MethodEnum.Delete,path:"1/clusters/mapping"},p)},iz=i=>(o,a)=>{let p=(_,t)=>Ln.createRetryablePromise(k=>Ig(i)(o,t).catch(L=>{if(L.status!==404)throw L;return k()}));return Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Post,path:Ln.encode("1/keys/%s/restore",o)},a),p)},uz=i=>(o,a)=>i.transporter.read({method:Ur.MethodEnum.Post,path:"1/clusters/mapping/search",data:{query:o}},a),oz=i=>(o,a)=>{let p=Object.assign({},a),U=a||{},{queryParameters:_}=U,t=Dl(U,["queryParameters"]),k=_?{queryParameters:_}:{},L=["acl","indexes","referers","restrictSources","queryParameters","description","maxQueriesPerIPPerHour","maxHitsPerQuery"],O=H=>Object.keys(p).filter(W=>L.indexOf(W)!==-1).every(W=>H[W]===p[W]),C=(H,W)=>Ln.createRetryablePromise(ne=>Ig(i)(o,W).then(m=>O(m)?Promise.resolve():ne()));return Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Put,path:Ln.encode("1/keys/%s",o),data:k},t),C)},D5=i=>(o,a)=>{let p=(_,t)=>Co(i)(_.taskID,t);return Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Post,path:Ln.encode("1/indexes/%s/batch",i.indexName),data:{requests:o}},a),p)},lz=i=>o=>w4(Zr(Ht({},o),{shouldStop:a=>a.cursor===void 0,request:a=>i.transporter.read({method:Ur.MethodEnum.Post,path:Ln.encode("1/indexes/%s/browse",i.indexName),data:a},o)})),sz=i=>o=>{let a=Ht({hitsPerPage:1e3},o);return w4(Zr(Ht({},a),{shouldStop:p=>p.hits.length<a.hitsPerPage,request(p){return w5(i)("",Ht(Ht({},a),p)).then(_=>Zr(Ht({},_),{hits:_.hits.map(t=>(delete t._highlightResult,t))}))}}))},az=i=>o=>{let a=Ht({hitsPerPage:1e3},o);return w4(Zr(Ht({},a),{shouldStop:p=>p.hits.length<a.hitsPerPage,request(p){return S5(i)("",Ht(Ht({},a),p)).then(_=>Zr(Ht({},_),{hits:_.hits.map(t=>(delete t._highlightResult,t))}))}}))},C4=i=>(o,a,p)=>{let O=p||{},{batchSize:_}=O,t=Dl(O,["batchSize"]),k={taskIDs:[],objectIDs:[]},L=(C=0)=>{let U=[],H;for(H=C;H<o.length&&(U.push(o[H]),U.length!==(_||1e3));H++);return U.length===0?Promise.resolve(k):D5(i)(U.map(W=>({action:a,body:W})),t).then(W=>(k.objectIDs=k.objectIDs.concat(W.objectIDs),k.taskIDs.push(W.taskID),H++,L(H)))};return Ln.createWaitablePromise(L(),(C,U)=>Promise.all(C.taskIDs.map(H=>Co(i)(H,U))))},fz=i=>o=>Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Post,path:Ln.encode("1/indexes/%s/clear",i.indexName)},o),(a,p)=>Co(i)(a.taskID,p)),cz=i=>o=>{let t=o||{},{forwardToReplicas:a}=t,p=Dl(t,["forwardToReplicas"]),_=ra.createMappedRequestOptions(p);return a&&(_.queryParameters.forwardToReplicas=1),Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Post,path:Ln.encode("1/indexes/%s/rules/clear",i.indexName)},_),(k,L)=>Co(i)(k.taskID,L))},dz=i=>o=>{let t=o||{},{forwardToReplicas:a}=t,p=Dl(t,["forwardToReplicas"]),_=ra.createMappedRequestOptions(p);return a&&(_.queryParameters.forwardToReplicas=1),Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Post,path:Ln.encode("1/indexes/%s/synonyms/clear",i.indexName)},_),(k,L)=>Co(i)(k.taskID,L))},pz=i=>(o,a)=>Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Post,path:Ln.encode("1/indexes/%s/deleteByQuery",i.indexName),data:o},a),(p,_)=>Co(i)(p.taskID,_)),hz=i=>o=>Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Delete,path:Ln.encode("1/indexes/%s",i.indexName)},o),(a,p)=>Co(i)(a.taskID,p)),vz=i=>(o,a)=>Ln.createWaitablePromise(T5(i)([o],a).then(p=>({taskID:p.taskIDs[0]})),(p,_)=>Co(i)(p.taskID,_)),T5=i=>(o,a)=>{let p=o.map(_=>({objectID:_}));return C4(i)(p,ah.DeleteObject,a)},mz=i=>(o,a)=>{let k=a||{},{forwardToReplicas:p}=k,_=Dl(k,["forwardToReplicas"]),t=ra.createMappedRequestOptions(_);return p&&(t.queryParameters.forwardToReplicas=1),Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Delete,path:Ln.encode("1/indexes/%s/rules/%s",i.indexName,o)},t),(L,O)=>Co(i)(L.taskID,O))},yz=i=>(o,a)=>{let k=a||{},{forwardToReplicas:p}=k,_=Dl(k,["forwardToReplicas"]),t=ra.createMappedRequestOptions(_);return p&&(t.queryParameters.forwardToReplicas=1),Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Delete,path:Ln.encode("1/indexes/%s/synonyms/%s",i.indexName,o)},t),(L,O)=>Co(i)(L.taskID,O))},gz=i=>o=>C5(i)(o).then(()=>!0).catch(a=>{if(a.status!==404)throw a;return!1}),_z=i=>(o,a)=>{let O=a||{},{query:p,paginate:_}=O,t=Dl(O,["query","paginate"]),k=0,L=()=>x5(i)(p||"",Zr(Ht({},t),{page:k})).then(C=>{for(let[U,H]of Object.entries(C.hits))if(o(H))return{object:H,position:parseInt(U,10),page:k};if(k++,_===!1||k>=C.nbPages)throw g5();return L()});return L()},Ez=i=>(o,a)=>i.transporter.read({method:Ur.MethodEnum.Get,path:Ln.encode("1/indexes/%s/%s",i.indexName,o)},a),Dz=()=>(i,o)=>{for(let[a,p]of Object.entries(i.hits))if(p.objectID===o)return parseInt(a,10);return-1},wz=i=>(o,a)=>{let k=a||{},{attributesToRetrieve:p}=k,_=Dl(k,["attributesToRetrieve"]),t=o.map(L=>Ht({indexName:i.indexName,objectID:L},p?{attributesToRetrieve:p}:{}));return i.transporter.read({method:Ur.MethodEnum.Post,path:"1/indexes/*/objects",data:{requests:t}},_)},Sz=i=>(o,a)=>i.transporter.read({method:Ur.MethodEnum.Get,path:Ln.encode("1/indexes/%s/rules/%s",i.indexName,o)},a),C5=i=>o=>i.transporter.read({method:Ur.MethodEnum.Get,path:Ln.encode("1/indexes/%s/settings",i.indexName),data:{getVersion:2}},o),Tz=i=>(o,a)=>i.transporter.read({method:Ur.MethodEnum.Get,path:Ln.encode("1/indexes/%s/synonyms/%s",i.indexName,o)},a),R5=i=>(o,a)=>i.transporter.read({method:Ur.MethodEnum.Get,path:Ln.encode("1/indexes/%s/task/%s",i.indexName,o.toString())},a),Cz=i=>(o,a)=>Ln.createWaitablePromise(A5(i)([o],a).then(p=>({objectID:p.objectIDs[0],taskID:p.taskIDs[0]})),(p,_)=>Co(i)(p.taskID,_)),A5=i=>(o,a)=>{let k=a||{},{createIfNotExists:p}=k,_=Dl(k,["createIfNotExists"]),t=p?ah.PartialUpdateObject:ah.PartialUpdateObjectNoCreate;return C4(i)(o,t,_)},xz=i=>(o,a)=>{let m=a||{},{safe:p,autoGenerateObjectIDIfNotExist:_,batchSize:t}=m,k=Dl(m,["safe","autoGenerateObjectIDIfNotExist","batchSize"]),L=(he,Ee,ve,se)=>Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Post,path:Ln.encode("1/indexes/%s/operation",he),data:{operation:ve,destination:Ee}},se),(De,pe)=>Co(i)(De.taskID,pe)),O=Math.random().toString(36).substring(7),C=`${i.indexName}_tmp_${O}`,U=W3({appId:i.appId,transporter:i.transporter,indexName:C}),H=[],W=L(i.indexName,C,"copy",Zr(Ht({},k),{scope:["settings","synonyms","rules"]}));H.push(W);let ne=(p?W.wait(k):W).then(()=>{let he=U(o,Zr(Ht({},k),{autoGenerateObjectIDIfNotExist:_,batchSize:t}));return H.push(he),p?he.wait(k):he}).then(()=>{let he=L(C,i.indexName,"move",k);return H.push(he),p?he.wait(k):he}).then(()=>Promise.all(H)).then(([he,Ee,ve])=>({objectIDs:Ee.objectIDs,taskIDs:[he.taskID,...Ee.taskIDs,ve.taskID]}));return Ln.createWaitablePromise(ne,(he,Ee)=>Promise.all(H.map(ve=>ve.wait(Ee))))},Rz=i=>(o,a)=>V3(i)(o,Zr(Ht({},a),{clearExistingRules:!0})),Az=i=>(o,a)=>G3(i)(o,Zr(Ht({},a),{replaceExistingSynonyms:!0})),Oz=i=>(o,a)=>Ln.createWaitablePromise(W3(i)([o],a).then(p=>({objectID:p.objectIDs[0],taskID:p.taskIDs[0]})),(p,_)=>Co(i)(p.taskID,_)),W3=i=>(o,a)=>{let k=a||{},{autoGenerateObjectIDIfNotExist:p}=k,_=Dl(k,["autoGenerateObjectIDIfNotExist"]),t=p?ah.AddObject:ah.UpdateObject;if(t===ah.UpdateObject){for(let L of o)if(L.objectID===void 0)return Ln.createWaitablePromise(Promise.reject(y5()))}return C4(i)(o,t,_)},Mz=i=>(o,a)=>V3(i)([o],a),V3=i=>(o,a)=>{let L=a||{},{forwardToReplicas:p,clearExistingRules:_}=L,t=Dl(L,["forwardToReplicas","clearExistingRules"]),k=ra.createMappedRequestOptions(t);return p&&(k.queryParameters.forwardToReplicas=1),_&&(k.queryParameters.clearExistingRules=1),Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Post,path:Ln.encode("1/indexes/%s/rules/batch",i.indexName),data:o},k),(O,C)=>Co(i)(O.taskID,C))},kz=i=>(o,a)=>G3(i)([o],a),G3=i=>(o,a)=>{let L=a||{},{forwardToReplicas:p,replaceExistingSynonyms:_}=L,t=Dl(L,["forwardToReplicas","replaceExistingSynonyms"]),k=ra.createMappedRequestOptions(t);return p&&(k.queryParameters.forwardToReplicas=1),_&&(k.queryParameters.replaceExistingSynonyms=1),Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Post,path:Ln.encode("1/indexes/%s/synonyms/batch",i.indexName),data:o},k),(O,C)=>Co(i)(O.taskID,C))},x5=i=>(o,a)=>i.transporter.read({method:Ur.MethodEnum.Post,path:Ln.encode("1/indexes/%s/query",i.indexName),data:{query:o},cacheable:!0},a),E5=i=>(o,a,p)=>i.transporter.read({method:Ur.MethodEnum.Post,path:Ln.encode("1/indexes/%s/facets/%s/query",i.indexName,o),data:{facetQuery:a},cacheable:!0},p),w5=i=>(o,a)=>i.transporter.read({method:Ur.MethodEnum.Post,path:Ln.encode("1/indexes/%s/rules/search",i.indexName),data:{query:o}},a),S5=i=>(o,a)=>i.transporter.read({method:Ur.MethodEnum.Post,path:Ln.encode("1/indexes/%s/synonyms/search",i.indexName),data:{query:o}},a),Nz=i=>(o,a)=>{let k=a||{},{forwardToReplicas:p}=k,_=Dl(k,["forwardToReplicas"]),t=ra.createMappedRequestOptions(_);return p&&(t.queryParameters.forwardToReplicas=1),Ln.createWaitablePromise(i.transporter.write({method:Ur.MethodEnum.Put,path:Ln.encode("1/indexes/%s/settings",i.indexName),data:o},t),(L,O)=>Co(i)(L.taskID,O))},Co=i=>(o,a)=>Ln.createRetryablePromise(p=>R5(i)(o,a).then(_=>_.status!=="published"?p():void 0)),Lz={AddObject:"addObject",Analytics:"analytics",Browser:"browse",DeleteIndex:"deleteIndex",DeleteObject:"deleteObject",EditSettings:"editSettings",ListIndexes:"listIndexes",Logs:"logs",Recommendation:"recommendation",Search:"search",SeeUnretrievableAttributes:"seeUnretrievableAttributes",Settings:"settings",Usage:"usage"},ah={AddObject:"addObject",UpdateObject:"updateObject",PartialUpdateObject:"partialUpdateObject",PartialUpdateObjectNoCreate:"partialUpdateObjectNoCreate",DeleteObject:"deleteObject"},T4={Settings:"settings",Synonyms:"synonyms",Rules:"rules"},Fz={None:"none",StopIfEnoughMatches:"stopIfEnoughMatches"},Pz={Synonym:"synonym",OneWaySynonym:"oneWaySynonym",AltCorrection1:"altCorrection1",AltCorrection2:"altCorrection2",Placeholder:"placeholder"};tn.ApiKeyACLEnum=Lz;tn.BatchActionEnum=ah;tn.ScopeEnum=T4;tn.StrategyEnum=Fz;tn.SynonymEnum=Pz;tn.addApiKey=Pj;tn.assignUserID=Ij;tn.assignUserIDs=bj;tn.batch=D5;tn.browseObjects=lz;tn.browseRules=sz;tn.browseSynonyms=az;tn.chunkedBatch=C4;tn.clearObjects=fz;tn.clearRules=cz;tn.clearSynonyms=dz;tn.copyIndex=S4;tn.copyRules=Bj;tn.copySettings=Uj;tn.copySynonyms=jj;tn.createBrowsablePromise=w4;tn.createMissingObjectIDError=y5;tn.createObjectNotFoundError=g5;tn.createSearchClient=Fj;tn.createValidUntilNotFoundError=_5;tn.deleteApiKey=zj;tn.deleteBy=pz;tn.deleteIndex=hz;tn.deleteObject=vz;tn.deleteObjects=T5;tn.deleteRule=mz;tn.deleteSynonym=yz;tn.exists=gz;tn.findObject=_z;tn.generateSecuredApiKey=Hj;tn.getApiKey=Ig;tn.getLogs=qj;tn.getObject=Ez;tn.getObjectPosition=Dz;tn.getObjects=wz;tn.getRule=Sz;tn.getSecuredApiKeyRemainingValidity=Wj;tn.getSettings=C5;tn.getSynonym=Tz;tn.getTask=R5;tn.getTopUserIDs=Vj;tn.getUserID=Gj;tn.hasPendingMappings=Yj;tn.initIndex=bg;tn.listApiKeys=Kj;tn.listClusters=Xj;tn.listIndices=Qj;tn.listUserIDs=Jj;tn.moveIndex=Zj;tn.multipleBatch=$j;tn.multipleGetObjects=ez;tn.multipleQueries=tz;tn.multipleSearchForFacetValues=nz;tn.partialUpdateObject=Cz;tn.partialUpdateObjects=A5;tn.removeUserID=rz;tn.replaceAllObjects=xz;tn.replaceAllRules=Rz;tn.replaceAllSynonyms=Az;tn.restoreApiKey=iz;tn.saveObject=Oz;tn.saveObjects=W3;tn.saveRule=Mz;tn.saveRules=V3;tn.saveSynonym=kz;tn.saveSynonyms=G3;tn.search=x5;tn.searchForFacetValues=E5;tn.searchRules=w5;tn.searchSynonyms=S5;tn.searchUserIDs=uz;tn.setSettings=Nz;tn.updateApiKey=oz;tn.waitTask=Co});var k5=tt((UW,M5)=>{M5.exports=O5()});var N5=tt(x4=>{"use strict";Object.defineProperty(x4,"__esModule",{value:!0});function Iz(){return{debug(i,o){return Promise.resolve()},info(i,o){return Promise.resolve()},error(i,o){return Promise.resolve()}}}var bz={Debug:1,Info:2,Error:3};x4.LogLevelEnum=bz;x4.createNullLogger=Iz});var F5=tt((zW,L5)=>{L5.exports=N5()});var b5=tt(Y3=>{"use strict";Object.defineProperty(Y3,"__esModule",{value:!0});var P5=require("http"),I5=require("https"),Bz=require("url");function Uz(){let i={keepAlive:!0},o=new P5.Agent(i),a=new I5.Agent(i);return{send(p){return new Promise(_=>{let t=Bz.parse(p.url),k=t.query===null?t.pathname:`${t.pathname}?${t.query}`,L=Ht({agent:t.protocol==="https:"?a:o,hostname:t.hostname,path:k,method:p.method,headers:p.headers},t.port!==void 0?{port:t.port||""}:{}),O=(t.protocol==="https:"?I5:P5).request(L,W=>{let ne="";W.on("data",m=>ne+=m),W.on("end",()=>{clearTimeout(U),clearTimeout(H),_({status:W.statusCode||0,content:ne,isTimedOut:!1})})}),C=(W,ne)=>setTimeout(()=>{O.abort(),_({status:0,content:ne,isTimedOut:!0})},W*1e3),U=C(p.connectTimeout,"Connection timeout"),H;O.on("error",W=>{clearTimeout(U),clearTimeout(H),_({status:0,content:W.message,isTimedOut:!1})}),O.once("response",()=>{clearTimeout(U),H=C(p.responseTimeout,"Socket timeout")}),p.data!==void 0&&O.write(p.data),O.end()})},destroy(){return o.destroy(),a.destroy(),Promise.resolve()}}}Y3.createNodeHttpRequester=Uz});var U5=tt((qW,B5)=>{B5.exports=b5()});var q5=tt((WW,j5)=>{"use strict";var z5=Ux(),jz=Hx(),tm=d5(),K3=kg(),X3=m5(),wn=k5(),zz=F5(),Hz=U5(),qz=Lg();function H5(i,o,a){let p={appId:i,apiKey:o,timeouts:{connect:2,read:5,write:30},requester:Hz.createNodeHttpRequester(),logger:zz.createNullLogger(),responsesCache:z5.createNullCache(),requestsCache:z5.createNullCache(),hostsCache:jz.createInMemoryCache(),userAgent:qz.createUserAgent(K3.version).add({segment:"Node.js",version:process.versions.node})};return wn.createSearchClient(Zr(Ht(Ht({},p),a),{methods:{search:wn.multipleQueries,searchForFacetValues:wn.multipleSearchForFacetValues,multipleBatch:wn.multipleBatch,multipleGetObjects:wn.multipleGetObjects,multipleQueries:wn.multipleQueries,copyIndex:wn.copyIndex,copySettings:wn.copySettings,copyRules:wn.copyRules,copySynonyms:wn.copySynonyms,moveIndex:wn.moveIndex,listIndices:wn.listIndices,getLogs:wn.getLogs,listClusters:wn.listClusters,multipleSearchForFacetValues:wn.multipleSearchForFacetValues,getApiKey:wn.getApiKey,addApiKey:wn.addApiKey,listApiKeys:wn.listApiKeys,updateApiKey:wn.updateApiKey,deleteApiKey:wn.deleteApiKey,restoreApiKey:wn.restoreApiKey,assignUserID:wn.assignUserID,assignUserIDs:wn.assignUserIDs,getUserID:wn.getUserID,searchUserIDs:wn.searchUserIDs,listUserIDs:wn.listUserIDs,getTopUserIDs:wn.getTopUserIDs,removeUserID:wn.removeUserID,hasPendingMappings:wn.hasPendingMappings,generateSecuredApiKey:wn.generateSecuredApiKey,getSecuredApiKeyRemainingValidity:wn.getSecuredApiKeyRemainingValidity,destroy:K3.destroy,initIndex:_=>t=>wn.initIndex(_)(t,{methods:{batch:wn.batch,delete:wn.deleteIndex,getObject:wn.getObject,getObjects:wn.getObjects,saveObject:wn.saveObject,saveObjects:wn.saveObjects,search:wn.search,searchForFacetValues:wn.searchForFacetValues,waitTask:wn.waitTask,setSettings:wn.setSettings,getSettings:wn.getSettings,partialUpdateObject:wn.partialUpdateObject,partialUpdateObjects:wn.partialUpdateObjects,deleteObject:wn.deleteObject,deleteObjects:wn.deleteObjects,deleteBy:wn.deleteBy,clearObjects:wn.clearObjects,browseObjects:wn.browseObjects,getObjectPosition:wn.getObjectPosition,findObject:wn.findObject,exists:wn.exists,saveSynonym:wn.saveSynonym,saveSynonyms:wn.saveSynonyms,getSynonym:wn.getSynonym,searchSynonyms:wn.searchSynonyms,browseSynonyms:wn.browseSynonyms,deleteSynonym:wn.deleteSynonym,clearSynonyms:wn.clearSynonyms,replaceAllObjects:wn.replaceAllObjects,replaceAllSynonyms:wn.replaceAllSynonyms,searchRules:wn.searchRules,getRule:wn.getRule,deleteRule:wn.deleteRule,saveRule:wn.saveRule,saveRules:wn.saveRules,replaceAllRules:wn.replaceAllRules,browseRules:wn.browseRules,clearRules:wn.clearRules}}),initAnalytics:()=>_=>tm.createAnalyticsClient(Zr(Ht(Ht({},p),_),{methods:{addABTest:tm.addABTest,getABTest:tm.getABTest,getABTests:tm.getABTests,stopABTest:tm.stopABTest,deleteABTest:tm.deleteABTest}})),initRecommendation:()=>_=>X3.createRecommendationClient(Zr(Ht(Ht({},p),_),{methods:{getPersonalizationStrategy:X3.getPersonalizationStrategy,setPersonalizationStrategy:X3.setPersonalizationStrategy}}))}}))}H5.version=K3.version;j5.exports=H5});var V5=tt((VW,Q3)=>{var W5=q5();Q3.exports=W5;Q3.exports.default=W5});var Jz={};YF(Jz,{default:()=>$z});var Y5=vu(require("@yarnpkg/cli")),fh=vu(require("@yarnpkg/core"));var xx=vu(lc()),oh=vu(Mi()),d4=(0,oh.memo)(({active:i})=>{let o=(0,oh.useMemo)(()=>i?"\u25C9":"\u25EF",[i]),a=(0,oh.useMemo)(()=>i?"green":"yellow",[i]);return oh.default.createElement(xx.Text,{color:a},o)});var y2=vu(lc()),na=vu(Mi());var Rx=vu(lc()),p4=vu(Mi());function m2({active:i},o,a){let{stdin:p}=(0,Rx.useStdin)(),_=(0,p4.useCallback)((t,k)=>o(t,k),a);(0,p4.useEffect)(()=>{if(!(!i||!p))return p.on("keypress",_),()=>{p.off("keypress",_)}},[i,_,p])}var h4;(function(a){a.BEFORE="before",a.AFTER="after"})(h4||(h4={}));var Ax=function({active:i},o,a){m2({active:i},(p,_)=>{_.name==="tab"&&(_.shift?o(h4.BEFORE):o(h4.AFTER))},a)};var v4=function(i,o,{active:a,minus:p,plus:_,set:t,loop:k=!0}){m2({active:a},(L,O)=>{let C=o.indexOf(i);switch(O.name){case p:{let U=C-1;if(k){t(o[(o.length+U)%o.length]);return}if(U<0)return;t(o[U])}break;case _:{let U=C+1;if(k){t(o[U%o.length]);return}if(U>=o.length)return;t(o[U])}break}},[o,i,_,t,k])};var m4=({active:i=!0,children:o=[],radius:a=10,size:p=1,loop:_=!0,onFocusRequest:t,willReachEnd:k})=>{let L=Ee=>{if(Ee.key===null)throw new Error("Expected all children to have a key");return Ee.key},O=na.default.Children.map(o,Ee=>L(Ee)),C=O[0],[U,H]=(0,na.useState)(C),W=O.indexOf(U);(0,na.useEffect)(()=>{O.includes(U)||H(C)},[o]),(0,na.useEffect)(()=>{k&&W>=O.length-2&&k()},[W]),Ax({active:i&&!!t},Ee=>{t==null||t(Ee)},[t]),v4(U,O,{active:i,minus:"up",plus:"down",set:H,loop:_});let ne=W-a,m=W+a;m>O.length&&(ne-=m-O.length,m=O.length),ne<0&&(m+=-ne,ne=0),m>=O.length&&(m=O.length-1);let he=[];for(let Ee=ne;Ee<=m;++Ee){let ve=O[Ee],se=i&&ve===U;he.push(na.default.createElement(y2.Box,{key:ve,height:p},na.default.createElement(y2.Box,{marginLeft:1,marginRight:1},na.default.createElement(y2.Text,null,se?na.default.createElement(y2.Text,{color:"cyan",bold:!0},">"):" ")),na.default.createElement(y2.Box,null,na.default.cloneElement(o[Ee],{active:se}))))}return na.default.createElement(y2.Box,{flexDirection:"column",width:"100%"},he)};var y4=vu(Mi());var Ox=vu(lc()),ed=vu(Mi()),Mx=vu(require("readline")),N3=ed.default.createContext(null),kx=({children:i})=>{let{stdin:o,setRawMode:a}=(0,Ox.useStdin)();(0,ed.useEffect)(()=>{a&&a(!0),o&&(0,Mx.emitKeypressEvents)(o)},[o,a]);let[p,_]=(0,ed.useState)(new Map),t=(0,ed.useMemo)(()=>({getAll:()=>p,get:k=>p.get(k),set:(k,L)=>_(new Map([...p,[k,L]]))}),[p,_]);return ed.default.createElement(N3.Provider,{value:t,children:i})};function lh(i,o){let a=(0,y4.useContext)(N3);if(a===null)throw new Error("Expected this hook to run with a ministore context attached");if(typeof i=="undefined")return a.getAll();let p=(0,y4.useCallback)(t=>{a.set(i,t)},[i,a.set]),_=a.get(i);return typeof _=="undefined"&&(_=o),[_,p]}var g4=vu(lc()),L3=vu(Mi());async function _4(i,o,{stdin:a,stdout:p,stderr:_}={}){let t,k=O=>{let{exit:C}=(0,g4.useApp)();m2({active:!0},(U,H)=>{H.name==="return"&&(t=O,C())},[C,O])},{waitUntilExit:L}=(0,g4.render)(L3.default.createElement(kx,null,L3.default.createElement(i,Zr(Ht({},o),{useSubmit:k}))),{stdin:a,stdout:p,stderr:_});return await L(),t}var K5=vu(require("clipanion")),X5=vu(Px()),or=vu(lc()),En=vu(Mi());var G5=vu(V5()),J3={appId:"OFCNCOG2CU",apiKey:"6fe4476ee5a1832882e326b506d14126",indexName:"npm-search"},Wz=(0,G5.default)(J3.appId,J3.apiKey).initIndex(J3.indexName),Z3=async(i,o=0)=>await Wz.search(i,{analyticsTags:["yarn-plugin-interactive-tools"],attributesToRetrieve:["name","version","owner","repository","humanDownloadsLast30Days"],page:o,hitsPerPage:10});var Bg=["regular","dev","peer"],Ug=class extends Y5.BaseCommand{async execute(){let o=await fh.Configuration.find(this.context.cwd,this.context.plugins),a=()=>En.default.createElement(or.Box,{flexDirection:"row"},En.default.createElement(or.Box,{flexDirection:"column",width:48},En.default.createElement(or.Box,null,En.default.createElement(or.Text,null,"Press ",En.default.createElement(or.Text,{bold:!0,color:"cyanBright"},"<up>"),"/",En.default.createElement(or.Text,{bold:!0,color:"cyanBright"},"<down>")," to move between packages.")),En.default.createElement(or.Box,null,En.default.createElement(or.Text,null,"Press ",En.default.createElement(or.Text,{bold:!0,color:"cyanBright"},"<space>")," to select a package.")),En.default.createElement(or.Box,null,En.default.createElement(or.Text,null,"Press ",En.default.createElement(or.Text,{bold:!0,color:"cyanBright"},"<space>")," again to change the target."))),En.default.createElement(or.Box,{flexDirection:"column"},En.default.createElement(or.Box,{marginLeft:1},En.default.createElement(or.Text,null,"Press ",En.default.createElement(or.Text,{bold:!0,color:"cyanBright"},"<enter>")," to install the selected packages.")),En.default.createElement(or.Box,{marginLeft:1},En.default.createElement(or.Text,null,"Press ",En.default.createElement(or.Text,{bold:!0,color:"cyanBright"},"<ctrl+c>")," to abort.")))),p=()=>En.default.createElement(En.default.Fragment,null,En.default.createElement(or.Box,{width:15},En.default.createElement(or.Text,{bold:!0,underline:!0,color:"gray"},"Owner")),En.default.createElement(or.Box,{width:11},En.default.createElement(or.Text,{bold:!0,underline:!0,color:"gray"},"Version")),En.default.createElement(or.Box,{width:10},En.default.createElement(or.Text,{bold:!0,underline:!0,color:"gray"},"Downloads"))),_=()=>En.default.createElement(or.Box,{width:17},En.default.createElement(or.Text,{bold:!0,underline:!0,color:"gray"},"Target")),t=({hit:ne,active:m})=>{let[he,Ee]=lh(ne.name,null);m2({active:m},(De,pe)=>{if(pe.name!=="space")return;if(!he){Ee(Bg[0]);return}let me=Bg.indexOf(he)+1;me===Bg.length?Ee(null):Ee(Bg[me])},[he,Ee]);let ve=fh.structUtils.parseIdent(ne.name),se=fh.structUtils.prettyIdent(o,ve);return En.default.createElement(or.Box,null,En.default.createElement(or.Box,{width:45},En.default.createElement(or.Text,{bold:!0,wrap:"wrap"},se)),En.default.createElement(or.Box,{width:14,marginLeft:1},En.default.createElement(or.Text,{bold:!0,wrap:"truncate"},ne.owner.name)),En.default.createElement(or.Box,{width:10,marginLeft:1},En.default.createElement(or.Text,{italic:!0,wrap:"truncate"},ne.version)),En.default.createElement(or.Box,{width:16,marginLeft:1},En.default.createElement(or.Text,null,ne.humanDownloadsLast30Days)))},k=({name:ne,active:m})=>{let[he]=lh(ne,null),Ee=fh.structUtils.parseIdent(ne);return En.default.createElement(or.Box,null,En.default.createElement(or.Box,{width:47},En.default.createElement(or.Text,{bold:!0}," - ",fh.structUtils.prettyIdent(o,Ee))),Bg.map(ve=>En.default.createElement(or.Box,{key:ve,width:14,marginLeft:1},En.default.createElement(or.Text,null," ",En.default.createElement(d4,{active:he===ve})," ",En.default.createElement(or.Text,{bold:!0},ve)))))},L=()=>En.default.createElement(or.Box,{marginTop:1},En.default.createElement(or.Text,null,"Powered by Algolia.")),C=await _4(({useSubmit:ne})=>{let m=lh();ne(m);let he=Array.from(m.keys()).filter(qe=>m.get(qe)!==null),[Ee,ve]=(0,En.useState)(""),[se,De]=(0,En.useState)(0),[pe,me]=(0,En.useState)([]),ie=qe=>{qe.match(/\t| /)||ve(qe)},Oe=async()=>{De(0);let qe=await Z3(Ee);qe.query===Ee&&me(qe.hits)},je=async()=>{let qe=await Z3(Ee,se+1);qe.query===Ee&&qe.page-1===se&&(De(qe.page),me([...pe,...qe.hits]))};return(0,En.useEffect)(()=>{Ee?Oe():me([])},[Ee]),En.default.createElement(or.Box,{flexDirection:"column"},En.default.createElement(a,null),En.default.createElement(or.Box,{flexDirection:"row",marginTop:1},En.default.createElement(or.Text,{bold:!0},"Search: "),En.default.createElement(or.Box,{width:41},En.default.createElement(X5.default,{value:Ee,onChange:ie,placeholder:"i.e. babel, webpack, react...",showCursor:!1})),En.default.createElement(p,null)),pe.length?En.default.createElement(m4,{radius:2,loop:!1,children:pe.map(qe=>En.default.createElement(t,{key:qe.name,hit:qe,active:!1})),willReachEnd:je}):En.default.createElement(or.Text,{color:"gray"},"Start typing..."),En.default.createElement(or.Box,{flexDirection:"row",marginTop:1},En.default.createElement(or.Box,{width:49},En.default.createElement(or.Text,{bold:!0},"Selected:")),En.default.createElement(_,null)),he.length?he.map(qe=>En.default.createElement(k,{key:qe,name:qe,active:!1})):En.default.createElement(or.Text,{color:"gray"},"No selected packages..."),En.default.createElement(L,null))},{},{stdin:this.context.stdin,stdout:this.context.stdout,stderr:this.context.stderr});if(typeof C=="undefined")return 1;let U=Array.from(C.keys()).filter(ne=>C.get(ne)==="regular"),H=Array.from(C.keys()).filter(ne=>C.get(ne)==="dev"),W=Array.from(C.keys()).filter(ne=>C.get(ne)==="peer");return U.length&&await this.cli.run(["add",...U]),H.length&&await this.cli.run(["add","--dev",...H]),W&&await this.cli.run(["add","--peer",...W]),0}};Ug.paths=[["search"]],Ug.usage=K5.Command.Usage({category:"Interactive commands",description:"open the search interface",details:`
-    This command opens a fullscreen terminal interface where you can search for and install packages from the npm registry.
-    `,examples:[["Open the search window","yarn search"]]});var Q5=Ug;var O4=vu(require("@yarnpkg/cli")),xo=vu(require("@yarnpkg/core"));var jg=vu(lc()),_2=vu(Mi());var J5=vu(lc()),Z5=vu(Mi()),R4=({length:i,active:o})=>{if(i===0)return null;let a=i>1?` ${"-".repeat(i-1)}`:" ";return Z5.default.createElement(J5.Text,{dimColor:!o},a)};var $5=function({active:i,skewer:o,options:a,value:p,onChange:_,sizes:t=[]}){let k=a.filter(({label:O})=>!!O).map(({value:O})=>O),L=a.findIndex(O=>O.value===p&&O.label!="");return v4(p,k,{active:i,minus:"left",plus:"right",set:_}),_2.default.createElement(_2.default.Fragment,null,a.map(({label:O},C)=>{let U=C===L,H=t[C]-1||0,W=O.replace(/[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g,""),ne=Math.max(0,H-W.length-2);return O?_2.default.createElement(jg.Box,{key:O,width:H,marginLeft:1},_2.default.createElement(jg.Text,{wrap:"truncate"},_2.default.createElement(d4,{active:U})," ",O),o?_2.default.createElement(R4,{active:i,length:ne}):null):_2.default.createElement(jg.Box,{key:`spacer-${C}`,width:H,marginLeft:1})}))};var i9=vu(require("@yarnpkg/plugin-essentials")),M4=vu(require("clipanion"));function td(){}td.prototype={diff:function(o,a){var p=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},_=p.callback;typeof p=="function"&&(_=p,p={}),this.options=p;var t=this;function k(he){return _?(setTimeout(function(){_(void 0,he)},0),!0):he}o=this.castInput(o),a=this.castInput(a),o=this.removeEmpty(this.tokenize(o)),a=this.removeEmpty(this.tokenize(a));var L=a.length,O=o.length,C=1,U=L+O;p.maxEditLength&&(U=Math.min(U,p.maxEditLength));var H=[{newPos:-1,components:[]}],W=this.extractCommon(H[0],a,o,0);if(H[0].newPos+1>=L&&W+1>=O)return k([{value:this.join(a),count:a.length}]);function ne(){for(var he=-1*C;he<=C;he+=2){var Ee=void 0,ve=H[he-1],se=H[he+1],De=(se?se.newPos:0)-he;ve&&(H[he-1]=void 0);var pe=ve&&ve.newPos+1<L,me=se&&0<=De&&De<O;if(!pe&&!me){H[he]=void 0;continue}if(!pe||me&&ve.newPos<se.newPos?(Ee=Gz(se),t.pushComponent(Ee.components,void 0,!0)):(Ee=ve,Ee.newPos++,t.pushComponent(Ee.components,!0,void 0)),De=t.extractCommon(Ee,a,o,he),Ee.newPos+1>=L&&De+1>=O)return k(Vz(t,Ee.components,a,o,t.useLongestToken));H[he]=Ee}C++}if(_)(function he(){setTimeout(function(){if(C>U)return _();ne()||he()},0)})();else for(;C<=U;){var m=ne();if(m)return m}},pushComponent:function(o,a,p){var _=o[o.length-1];_&&_.added===a&&_.removed===p?o[o.length-1]={count:_.count+1,added:a,removed:p}:o.push({count:1,added:a,removed:p})},extractCommon:function(o,a,p,_){for(var t=a.length,k=p.length,L=o.newPos,O=L-_,C=0;L+1<t&&O+1<k&&this.equals(a[L+1],p[O+1]);)L++,O++,C++;return C&&o.components.push({count:C}),o.newPos=L,O},equals:function(o,a){return this.options.comparator?this.options.comparator(o,a):o===a||this.options.ignoreCase&&o.toLowerCase()===a.toLowerCase()},removeEmpty:function(o){for(var a=[],p=0;p<o.length;p++)o[p]&&a.push(o[p]);return a},castInput:function(o){return o},tokenize:function(o){return o.split("")},join:function(o){return o.join("")}};function Vz(i,o,a,p,_){for(var t=0,k=o.length,L=0,O=0;t<k;t++){var C=o[t];if(C.removed){if(C.value=i.join(p.slice(O,O+C.count)),O+=C.count,t&&o[t-1].added){var H=o[t-1];o[t-1]=o[t],o[t]=H}}else{if(!C.added&&_){var U=a.slice(L,L+C.count);U=U.map(function(ne,m){var he=p[O+m];return he.length>ne.length?he:ne}),C.value=i.join(U)}else C.value=i.join(a.slice(L,L+C.count));L+=C.count,C.added||(O+=C.count)}}var W=o[k-1];return k>1&&typeof W.value=="string"&&(W.added||W.removed)&&i.equals("",W.value)&&(o[k-2].value+=W.value,o.pop()),o}function Gz(i){return{newPos:i.newPos,components:i.components.slice(0)}}var aV=new td;function Yz(i,o){if(typeof i=="function")o.callback=i;else if(i)for(var a in i)i.hasOwnProperty(a)&&(o[a]=i[a]);return o}var e9=/^[A-Za-z\xC0-\u02C6\u02C8-\u02D7\u02DE-\u02FF\u1E00-\u1EFF]+$/,t9=/\S/,$3=new td;$3.equals=function(i,o){return this.options.ignoreCase&&(i=i.toLowerCase(),o=o.toLowerCase()),i===o||this.options.ignoreWhitespace&&!t9.test(i)&&!t9.test(o)};$3.tokenize=function(i){for(var o=i.split(/([^\S\r\n]+|[()[\]{}'"\r\n]|\b)/),a=0;a<o.length-1;a++)!o[a+1]&&o[a+2]&&e9.test(o[a])&&e9.test(o[a+2])&&(o[a]+=o[a+2],o.splice(a+1,2),a--);return o};function n9(i,o,a){return a=Yz(a,{ignoreWhitespace:!0}),$3.diff(i,o,a)}var r9=new td;r9.tokenize=function(i){var o=[],a=i.split(/(\n|\r\n)/);a[a.length-1]||a.pop();for(var p=0;p<a.length;p++){var _=a[p];p%2&&!this.options.newlineIsToken?o[o.length-1]+=_:(this.options.ignoreWhitespace&&(_=_.trim()),o.push(_))}return o};var Kz=new td;Kz.tokenize=function(i){return i.split(/(\S.+?[.!?])(?=\s+|$)/)};var Xz=new td;Xz.tokenize=function(i){return i.split(/([{}:;,]|\s+)/)};function A4(i){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?A4=function(o){return typeof o}:A4=function(o){return o&&typeof Symbol=="function"&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},A4(i)}var Qz=Object.prototype.toString,zg=new td;zg.useLongestToken=!0;zg.tokenize=r9.tokenize;zg.castInput=function(i){var o=this.options,a=o.undefinedReplacement,p=o.stringifyReplacer,_=p===void 0?function(t,k){return typeof k=="undefined"?a:k}:p;return typeof i=="string"?i:JSON.stringify(ew(i,null,null,_),_,"  ")};zg.equals=function(i,o){return td.prototype.equals.call(zg,i.replace(/,([\r\n])/g,"$1"),o.replace(/,([\r\n])/g,"$1"))};function ew(i,o,a,p,_){o=o||[],a=a||[],p&&(i=p(_,i));var t;for(t=0;t<o.length;t+=1)if(o[t]===i)return a[t];var k;if(Qz.call(i)==="[object Array]"){for(o.push(i),k=new Array(i.length),a.push(k),t=0;t<i.length;t+=1)k[t]=ew(i[t],o,a,p,_);return o.pop(),a.pop(),k}if(i&&i.toJSON&&(i=i.toJSON()),A4(i)==="object"&&i!==null){o.push(i),k={},a.push(k);var L=[],O;for(O in i)i.hasOwnProperty(O)&&L.push(O);for(L.sort(),t=0;t<L.length;t+=1)O=L[t],k[O]=ew(i[O],o,a,p,O);o.pop(),a.pop()}else k=i;return k}var tw=new td;tw.tokenize=function(i){return i.slice()};tw.join=tw.removeEmpty=function(i){return i};var bi=vu(lc()),Tr=vu(Mi()),u9=vu(require("semver")),o9=/^((?:[\^~]|>=?)?)([0-9]+)(\.[0-9]+)(\.[0-9]+)((?:-\S+)?)$/,l9=(i,o)=>i.length>0?[i.slice(0,o)].concat(l9(i.slice(o),o)):[],Hg=class extends O4.BaseCommand{async execute(){if(!this.context.stdout.isTTY)throw new M4.UsageError("This command can only be run in a TTY environment");let o=await xo.Configuration.find(this.context.cwd,this.context.plugins),{project:a,workspace:p}=await xo.Project.find(o,this.context.cwd),_=await xo.Cache.find(o);if(!p)throw new O4.WorkspaceRequiredError(a.cwd,this.context.cwd);await a.restoreInstallState({restoreResolutions:!1});let t=this.context.stdout.rows-7,k=(se,De)=>{let pe=n9(se,De),me="";for(let ie of pe)ie.added?me+=xo.formatUtils.pretty(o,ie.value,"green"):ie.removed||(me+=ie.value);return me},L=(se,De)=>{if(se===De)return De;let pe=xo.structUtils.parseRange(se),me=xo.structUtils.parseRange(De),ie=pe.selector.match(o9),Oe=me.selector.match(o9);if(!ie||!Oe)return k(se,De);let je=["gray","red","yellow","green","magenta"],qe=null,yt="";for(let gt=1;gt<je.length;++gt)qe!==null||ie[gt]!==Oe[gt]?(qe===null&&(qe=je[gt-1]),yt+=xo.formatUtils.pretty(o,Oe[gt],qe)):yt+=Oe[gt];return yt},O=async(se,De,pe)=>{let me=await i9.suggestUtils.fetchDescriptorFrom(se,pe,{project:a,cache:_,preserveModifier:De,workspace:p});return me!==null?me.range:se.range},C=async se=>{let De=u9.default.valid(se.range)?`^${se.range}`:se.range,[pe,me]=await Promise.all([O(se,se.range,De).catch(()=>null),O(se,se.range,"latest").catch(()=>null)]),ie=[{value:null,label:se.range}];return pe&&pe!==se.range?ie.push({value:pe,label:L(se.range,pe)}):ie.push({value:null,label:""}),me&&me!==pe&&me!==se.range?ie.push({value:me,label:L(se.range,me)}):ie.push({value:null,label:""}),ie},U=()=>Tr.default.createElement(bi.Box,{flexDirection:"row"},Tr.default.createElement(bi.Box,{flexDirection:"column",width:49},Tr.default.createElement(bi.Box,{marginLeft:1},Tr.default.createElement(bi.Text,null,"Press ",Tr.default.createElement(bi.Text,{bold:!0,color:"cyanBright"},"<up>"),"/",Tr.default.createElement(bi.Text,{bold:!0,color:"cyanBright"},"<down>")," to select packages.")),Tr.default.createElement(bi.Box,{marginLeft:1},Tr.default.createElement(bi.Text,null,"Press ",Tr.default.createElement(bi.Text,{bold:!0,color:"cyanBright"},"<left>"),"/",Tr.default.createElement(bi.Text,{bold:!0,color:"cyanBright"},"<right>")," to select versions."))),Tr.default.createElement(bi.Box,{flexDirection:"column"},Tr.default.createElement(bi.Box,{marginLeft:1},Tr.default.createElement(bi.Text,null,"Press ",Tr.default.createElement(bi.Text,{bold:!0,color:"cyanBright"},"<enter>")," to install.")),Tr.default.createElement(bi.Box,{marginLeft:1},Tr.default.createElement(bi.Text,null,"Press ",Tr.default.createElement(bi.Text,{bold:!0,color:"cyanBright"},"<ctrl+c>")," to abort.")))),H=()=>Tr.default.createElement(bi.Box,{flexDirection:"row",paddingTop:1,paddingBottom:1},Tr.default.createElement(bi.Box,{width:50},Tr.default.createElement(bi.Text,{bold:!0},Tr.default.createElement(bi.Text,{color:"greenBright"},"?")," Pick the packages you want to upgrade.")),Tr.default.createElement(bi.Box,{width:17},Tr.default.createElement(bi.Text,{bold:!0,underline:!0,color:"gray"},"Current")),Tr.default.createElement(bi.Box,{width:17},Tr.default.createElement(bi.Text,{bold:!0,underline:!0,color:"gray"},"Range")),Tr.default.createElement(bi.Box,{width:17},Tr.default.createElement(bi.Text,{bold:!0,underline:!0,color:"gray"},"Latest"))),W=({active:se,descriptor:De,suggestions:pe})=>{let[me,ie]=lh(De.descriptorHash,null),Oe=xo.structUtils.stringifyIdent(De),je=Math.max(0,45-Oe.length);return Tr.default.createElement(Tr.default.Fragment,null,Tr.default.createElement(bi.Box,null,Tr.default.createElement(bi.Box,{width:45},Tr.default.createElement(bi.Text,{bold:!0},xo.structUtils.prettyIdent(o,De)),Tr.default.createElement(R4,{active:se,length:je})),Tr.default.createElement($5,{active:se,options:pe,value:me,skewer:!0,onChange:ie,sizes:[17,17,17]})))},ne=({dependencies:se})=>{let[De,pe]=(0,Tr.useState)(se.map(()=>null)),me=(0,Tr.useRef)(!0),ie=async Oe=>{let je=await C(Oe);return je.filter(qe=>qe.label!=="").length<=1?null:{descriptor:Oe,suggestions:je}};return(0,Tr.useEffect)(()=>()=>{me.current=!1},[]),(0,Tr.useEffect)(()=>{let Oe=Math.trunc(t*1.75),je=se.slice(0,Oe),qe=se.slice(Oe),yt=l9(qe,t),gt=je.map(ie).reduce(async(Xe,ut)=>{await Xe;let We=await ut;We!==null&&(!me.current||pe(Ft=>{let Jt=Ft.findIndex(Q=>Q===null),rt=[...Ft];return rt[Jt]=We,rt}))},Promise.resolve());yt.reduce((Xe,ut)=>Promise.all(ut.map(We=>Promise.resolve().then(()=>ie(We)))).then(async We=>{We=We.filter(Ft=>Ft!==null),await Xe,me.current&&pe(Ft=>{let Jt=Ft.findIndex(rt=>rt===null);return Ft.slice(0,Jt).concat(We).concat(Ft.slice(Jt+We.length))})}),gt).then(()=>{me.current&&pe(Xe=>Xe.filter(ut=>ut!==null))})},[]),De.length?Tr.default.createElement(m4,{radius:t>>1,children:De.map((Oe,je)=>Oe!==null?Tr.default.createElement(W,{key:je,active:!1,descriptor:Oe.descriptor,suggestions:Oe.suggestions}):Tr.default.createElement(bi.Text,{key:je},"Loading..."))}):Tr.default.createElement(bi.Text,null,"No upgrades found")},he=await _4(({useSubmit:se})=>{se(lh());let De=new Map;for(let me of a.workspaces)for(let ie of["dependencies","devDependencies"])for(let Oe of me.manifest[ie].values())a.tryWorkspaceByDescriptor(Oe)===null&&De.set(Oe.descriptorHash,Oe);let pe=xo.miscUtils.sortMap(De.values(),me=>xo.structUtils.stringifyDescriptor(me));return Tr.default.createElement(bi.Box,{flexDirection:"column"},Tr.default.createElement(U,null),Tr.default.createElement(H,null),Tr.default.createElement(ne,{dependencies:pe}))},{},{stdin:this.context.stdin,stdout:this.context.stdout,stderr:this.context.stderr});if(typeof he=="undefined")return 1;let Ee=!1;for(let se of a.workspaces)for(let De of["dependencies","devDependencies"]){let pe=se.manifest[De];for(let me of pe.values()){let ie=he.get(me.descriptorHash);typeof ie!="undefined"&&ie!==null&&(pe.set(me.identHash,xo.structUtils.makeDescriptor(me,ie)),Ee=!0)}}return Ee?(await xo.StreamReport.start({configuration:o,stdout:this.context.stdout,includeLogs:!this.context.quiet},async se=>{await a.install({cache:_,report:se})})).exitCode():0}};Hg.paths=[["upgrade-interactive"]],Hg.usage=M4.Command.Usage({category:"Interactive commands",description:"open the upgrade interface",details:`
-      This command opens a fullscreen terminal interface where you can see any out of date packages used by your application, their status compared to the latest versions available on the remote registry, and select packages to upgrade.
-    `,examples:[["Open the upgrade window","yarn upgrade-interactive"]]});var s9=Hg;var Zz={commands:[Q5,s9]},$z=Zz;return Jz;})();
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-/**
- * @license
- * Lodash <https://lodash.com/>
- * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
- * Released under MIT license <https://lodash.com/license>
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
- */
-/** @license React v0.0.0-experimental-51a3aa6af
- * react-debug-tools.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @license React v0.0.0-experimental-51a3aa6af
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @license React v0.0.0-experimental-51a3aa6af
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @license React v0.18.0
- * scheduler-tracing.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @license React v0.18.0
- * scheduler-tracing.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @license React v0.18.0
- * scheduler.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @license React v0.18.0
- * scheduler.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @license React v0.24.0
- * react-reconciler.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @license React v0.24.0
- * react-reconciler.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @license React v16.13.1
- * react.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/** @license React v16.13.1
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-return plugin;
-}
-};
diff --git a/frontend/.yarn/releases/yarn-3.4.1.cjs b/frontend/.yarn/releases/yarn-3.4.1.cjs
deleted file mode 100755
index 2bdb752d8..000000000
--- a/frontend/.yarn/releases/yarn-3.4.1.cjs
+++ /dev/null
@@ -1,873 +0,0 @@
-#!/usr/bin/env node
-/* eslint-disable */
-//prettier-ignore
-(()=>{var Mue=Object.create;var Wb=Object.defineProperty;var Kue=Object.getOwnPropertyDescriptor;var Uue=Object.getOwnPropertyNames;var Hue=Object.getPrototypeOf,Gue=Object.prototype.hasOwnProperty;var J=(r=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(r,{get:(e,t)=>(typeof require<"u"?require:e)[t]}):r)(function(r){if(typeof require<"u")return require.apply(this,arguments);throw new Error('Dynamic require of "'+r+'" is not supported')});var Yue=(r,e)=>()=>(r&&(e=r(r=0)),e);var w=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports),ut=(r,e)=>{for(var t in e)Wb(r,t,{get:e[t],enumerable:!0})},jue=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Uue(e))!Gue.call(r,n)&&n!==t&&Wb(r,n,{get:()=>e[n],enumerable:!(i=Kue(e,n))||i.enumerable});return r};var Pe=(r,e,t)=>(t=r!=null?Mue(Hue(r)):{},jue(e||!r||!r.__esModule?Wb(t,"default",{value:r,enumerable:!0}):t,r));var _1=w((O7e,X1)=>{X1.exports=V1;V1.sync=uge;var W1=J("fs");function cge(r,e){var t=e.pathExt!==void 0?e.pathExt:process.env.PATHEXT;if(!t||(t=t.split(";"),t.indexOf("")!==-1))return!0;for(var i=0;i<t.length;i++){var n=t[i].toLowerCase();if(n&&r.substr(-n.length).toLowerCase()===n)return!0}return!1}function z1(r,e,t){return!r.isSymbolicLink()&&!r.isFile()?!1:cge(e,t)}function V1(r,e,t){W1.stat(r,function(i,n){t(i,i?!1:z1(n,r,e))})}function uge(r,e){return z1(W1.statSync(r),r,e)}});var rK=w((M7e,tK)=>{tK.exports=$1;$1.sync=gge;var Z1=J("fs");function $1(r,e,t){Z1.stat(r,function(i,n){t(i,i?!1:eK(n,e))})}function gge(r,e){return eK(Z1.statSync(r),e)}function eK(r,e){return r.isFile()&&fge(r,e)}function fge(r,e){var t=r.mode,i=r.uid,n=r.gid,s=e.uid!==void 0?e.uid:process.getuid&&process.getuid(),o=e.gid!==void 0?e.gid:process.getgid&&process.getgid(),a=parseInt("100",8),l=parseInt("010",8),c=parseInt("001",8),u=a|l,g=t&c||t&l&&n===o||t&a&&i===s||t&u&&s===0;return g}});var nK=w((U7e,iK)=>{var K7e=J("fs"),_E;process.platform==="win32"||global.TESTING_WINDOWS?_E=_1():_E=rK();iK.exports=uS;uS.sync=hge;function uS(r,e,t){if(typeof e=="function"&&(t=e,e={}),!t){if(typeof Promise!="function")throw new TypeError("callback not provided");return new Promise(function(i,n){uS(r,e||{},function(s,o){s?n(s):i(o)})})}_E(r,e||{},function(i,n){i&&(i.code==="EACCES"||e&&e.ignoreErrors)&&(i=null,n=!1),t(i,n)})}function hge(r,e){try{return _E.sync(r,e||{})}catch(t){if(e&&e.ignoreErrors||t.code==="EACCES")return!1;throw t}}});var uK=w((H7e,cK)=>{var Ig=process.platform==="win32"||process.env.OSTYPE==="cygwin"||process.env.OSTYPE==="msys",sK=J("path"),pge=Ig?";":":",oK=nK(),aK=r=>Object.assign(new Error(`not found: ${r}`),{code:"ENOENT"}),AK=(r,e)=>{let t=e.colon||pge,i=r.match(/\//)||Ig&&r.match(/\\/)?[""]:[...Ig?[process.cwd()]:[],...(e.path||process.env.PATH||"").split(t)],n=Ig?e.pathExt||process.env.PATHEXT||".EXE;.CMD;.BAT;.COM":"",s=Ig?n.split(t):[""];return Ig&&r.indexOf(".")!==-1&&s[0]!==""&&s.unshift(""),{pathEnv:i,pathExt:s,pathExtExe:n}},lK=(r,e,t)=>{typeof e=="function"&&(t=e,e={}),e||(e={});let{pathEnv:i,pathExt:n,pathExtExe:s}=AK(r,e),o=[],a=c=>new Promise((u,g)=>{if(c===i.length)return e.all&&o.length?u(o):g(aK(r));let f=i[c],h=/^".*"$/.test(f)?f.slice(1,-1):f,p=sK.join(h,r),C=!h&&/^\.[\\\/]/.test(r)?r.slice(0,2)+p:p;u(l(C,c,0))}),l=(c,u,g)=>new Promise((f,h)=>{if(g===n.length)return f(a(u+1));let p=n[g];oK(c+p,{pathExt:s},(C,y)=>{if(!C&&y)if(e.all)o.push(c+p);else return f(c+p);return f(l(c,u,g+1))})});return t?a(0).then(c=>t(null,c),t):a(0)},dge=(r,e)=>{e=e||{};let{pathEnv:t,pathExt:i,pathExtExe:n}=AK(r,e),s=[];for(let o=0;o<t.length;o++){let a=t[o],l=/^".*"$/.test(a)?a.slice(1,-1):a,c=sK.join(l,r),u=!l&&/^\.[\\\/]/.test(r)?r.slice(0,2)+c:c;for(let g=0;g<i.length;g++){let f=u+i[g];try{if(oK.sync(f,{pathExt:n}))if(e.all)s.push(f);else return f}catch{}}}if(e.all&&s.length)return s;if(e.nothrow)return null;throw aK(r)};cK.exports=lK;lK.sync=dge});var fK=w((G7e,gS)=>{"use strict";var gK=(r={})=>{let e=r.env||process.env;return(r.platform||process.platform)!=="win32"?"PATH":Object.keys(e).reverse().find(i=>i.toUpperCase()==="PATH")||"Path"};gS.exports=gK;gS.exports.default=gK});var CK=w((Y7e,dK)=>{"use strict";var hK=J("path"),Cge=uK(),mge=fK();function pK(r,e){let t=r.options.env||process.env,i=process.cwd(),n=r.options.cwd!=null,s=n&&process.chdir!==void 0&&!process.chdir.disabled;if(s)try{process.chdir(r.options.cwd)}catch{}let o;try{o=Cge.sync(r.command,{path:t[mge({env:t})],pathExt:e?hK.delimiter:void 0})}catch{}finally{s&&process.chdir(i)}return o&&(o=hK.resolve(n?r.options.cwd:"",o)),o}function Ege(r){return pK(r)||pK(r,!0)}dK.exports=Ege});var mK=w((j7e,hS)=>{"use strict";var fS=/([()\][%!^"`<>&|;, *?])/g;function Ige(r){return r=r.replace(fS,"^$1"),r}function yge(r,e){return r=`${r}`,r=r.replace(/(\\*)"/g,'$1$1\\"'),r=r.replace(/(\\*)$/,"$1$1"),r=`"${r}"`,r=r.replace(fS,"^$1"),e&&(r=r.replace(fS,"^$1")),r}hS.exports.command=Ige;hS.exports.argument=yge});var IK=w((q7e,EK)=>{"use strict";EK.exports=/^#!(.*)/});var wK=w((J7e,yK)=>{"use strict";var wge=IK();yK.exports=(r="")=>{let e=r.match(wge);if(!e)return null;let[t,i]=e[0].replace(/#! ?/,"").split(" "),n=t.split("/").pop();return n==="env"?i:i?`${n} ${i}`:n}});var QK=w((W7e,BK)=>{"use strict";var pS=J("fs"),Bge=wK();function Qge(r){let t=Buffer.alloc(150),i;try{i=pS.openSync(r,"r"),pS.readSync(i,t,0,150,0),pS.closeSync(i)}catch{}return Bge(t.toString())}BK.exports=Qge});var xK=w((z7e,vK)=>{"use strict";var bge=J("path"),bK=CK(),SK=mK(),Sge=QK(),vge=process.platform==="win32",xge=/\.(?:com|exe)$/i,Pge=/node_modules[\\/].bin[\\/][^\\/]+\.cmd$/i;function Dge(r){r.file=bK(r);let e=r.file&&Sge(r.file);return e?(r.args.unshift(r.file),r.command=e,bK(r)):r.file}function kge(r){if(!vge)return r;let e=Dge(r),t=!xge.test(e);if(r.options.forceShell||t){let i=Pge.test(e);r.command=bge.normalize(r.command),r.command=SK.command(r.command),r.args=r.args.map(s=>SK.argument(s,i));let n=[r.command].concat(r.args).join(" ");r.args=["/d","/s","/c",`"${n}"`],r.command=process.env.comspec||"cmd.exe",r.options.windowsVerbatimArguments=!0}return r}function Rge(r,e,t){e&&!Array.isArray(e)&&(t=e,e=null),e=e?e.slice(0):[],t=Object.assign({},t);let i={command:r,args:e,options:t,file:void 0,original:{command:r,args:e}};return t.shell?i:kge(i)}vK.exports=Rge});var kK=w((V7e,DK)=>{"use strict";var dS=process.platform==="win32";function CS(r,e){return Object.assign(new Error(`${e} ${r.command} ENOENT`),{code:"ENOENT",errno:"ENOENT",syscall:`${e} ${r.command}`,path:r.command,spawnargs:r.args})}function Fge(r,e){if(!dS)return;let t=r.emit;r.emit=function(i,n){if(i==="exit"){let s=PK(n,e,"spawn");if(s)return t.call(r,"error",s)}return t.apply(r,arguments)}}function PK(r,e){return dS&&r===1&&!e.file?CS(e.original,"spawn"):null}function Nge(r,e){return dS&&r===1&&!e.file?CS(e.original,"spawnSync"):null}DK.exports={hookChildProcess:Fge,verifyENOENT:PK,verifyENOENTSync:Nge,notFoundError:CS}});var IS=w((X7e,yg)=>{"use strict";var RK=J("child_process"),mS=xK(),ES=kK();function FK(r,e,t){let i=mS(r,e,t),n=RK.spawn(i.command,i.args,i.options);return ES.hookChildProcess(n,i),n}function Lge(r,e,t){let i=mS(r,e,t),n=RK.spawnSync(i.command,i.args,i.options);return n.error=n.error||ES.verifyENOENTSync(n.status,i),n}yg.exports=FK;yg.exports.spawn=FK;yg.exports.sync=Lge;yg.exports._parse=mS;yg.exports._enoent=ES});var LK=w((_7e,NK)=>{"use strict";function Tge(r,e){function t(){this.constructor=r}t.prototype=e.prototype,r.prototype=new t}function Ml(r,e,t,i){this.message=r,this.expected=e,this.found=t,this.location=i,this.name="SyntaxError",typeof Error.captureStackTrace=="function"&&Error.captureStackTrace(this,Ml)}Tge(Ml,Error);Ml.buildMessage=function(r,e){var t={literal:function(c){return'"'+n(c.text)+'"'},class:function(c){var u="",g;for(g=0;g<c.parts.length;g++)u+=c.parts[g]instanceof Array?s(c.parts[g][0])+"-"+s(c.parts[g][1]):s(c.parts[g]);return"["+(c.inverted?"^":"")+u+"]"},any:function(c){return"any character"},end:function(c){return"end of input"},other:function(c){return c.description}};function i(c){return c.charCodeAt(0).toString(16).toUpperCase()}function n(c){return c.replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\0/g,"\\0").replace(/\t/g,"\\t").replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/[\x00-\x0F]/g,function(u){return"\\x0"+i(u)}).replace(/[\x10-\x1F\x7F-\x9F]/g,function(u){return"\\x"+i(u)})}function s(c){return c.replace(/\\/g,"\\\\").replace(/\]/g,"\\]").replace(/\^/g,"\\^").replace(/-/g,"\\-").replace(/\0/g,"\\0").replace(/\t/g,"\\t").replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/[\x00-\x0F]/g,function(u){return"\\x0"+i(u)}).replace(/[\x10-\x1F\x7F-\x9F]/g,function(u){return"\\x"+i(u)})}function o(c){return t[c.type](c)}function a(c){var u=new Array(c.length),g,f;for(g=0;g<c.length;g++)u[g]=o(c[g]);if(u.sort(),u.length>0){for(g=1,f=1;g<u.length;g++)u[g-1]!==u[g]&&(u[f]=u[g],f++);u.length=f}switch(u.length){case 1:return u[0];case 2:return u[0]+" or "+u[1];default:return u.slice(0,-1).join(", ")+", or "+u[u.length-1]}}function l(c){return c?'"'+n(c)+'"':"end of input"}return"Expected "+a(r)+" but "+l(e)+" found."};function Oge(r,e){e=e!==void 0?e:{};var t={},i={Start:CA},n=CA,s=function(m){return m||[]},o=function(m,b,N){return[{command:m,type:b}].concat(N||[])},a=function(m,b){return[{command:m,type:b||";"}]},l=function(m){return m},c=";",u=me(";",!1),g="&",f=me("&",!1),h=function(m,b){return b?{chain:m,then:b}:{chain:m}},p=function(m,b){return{type:m,line:b}},C="&&",y=me("&&",!1),B="||",v=me("||",!1),D=function(m,b){return b?{...m,then:b}:m},L=function(m,b){return{type:m,chain:b}},H="|&",j=me("|&",!1),$="|",V=me("|",!1),W="=",Z=me("=",!1),A=function(m,b){return{name:m,args:[b]}},ae=function(m){return{name:m,args:[]}},ge="(",re=me("(",!1),O=")",F=me(")",!1),ue=function(m,b){return{type:"subshell",subshell:m,args:b}},he="{",ke=me("{",!1),Fe="}",Ne=me("}",!1),oe=function(m,b){return{type:"group",group:m,args:b}},le=function(m,b){return{type:"command",args:b,envs:m}},we=function(m){return{type:"envs",envs:m}},fe=function(m){return m},Ae=function(m){return m},qe=/^[0-9]/,ne=Je([["0","9"]],!1,!1),Y=function(m,b,N){return{type:"redirection",subtype:b,fd:m!==null?parseInt(m):null,args:[N]}},pe=">>",ie=me(">>",!1),de=">&",tt=me(">&",!1),Pt=">",It=me(">",!1),Or="<<<",ii=me("<<<",!1),gi="<&",hr=me("<&",!1),fi="<",ni=me("<",!1),Ls=function(m){return{type:"argument",segments:[].concat(...m)}},pr=function(m){return m},Ei="$'",_n=me("$'",!1),oa="'",aA=me("'",!1),eg=function(m){return[{type:"text",text:m}]},Zn='""',AA=me('""',!1),aa=function(){return{type:"text",text:""}},up='"',lA=me('"',!1),cA=function(m){return m},wr=function(m){return{type:"arithmetic",arithmetic:m,quoted:!0}},wl=function(m){return{type:"shell",shell:m,quoted:!0}},tg=function(m){return{type:"variable",...m,quoted:!0}},po=function(m){return{type:"text",text:m}},rg=function(m){return{type:"arithmetic",arithmetic:m,quoted:!1}},gp=function(m){return{type:"shell",shell:m,quoted:!1}},fp=function(m){return{type:"variable",...m,quoted:!1}},vr=function(m){return{type:"glob",pattern:m}},se=/^[^']/,Co=Je(["'"],!0,!1),Dn=function(m){return m.join("")},ig=/^[^$"]/,Qt=Je(["$",'"'],!0,!1),Bl=`\\
-`,kn=me(`\\
-`,!1),$n=function(){return""},es="\\",gt=me("\\",!1),mo=/^[\\$"`]/,At=Je(["\\","$",'"',"`"],!1,!1),an=function(m){return m},S="\\a",Tt=me("\\a",!1),ng=function(){return"a"},Ql="\\b",hp=me("\\b",!1),pp=function(){return"\b"},dp=/^[Ee]/,Cp=Je(["E","e"],!1,!1),mp=function(){return"\x1B"},G="\\f",yt=me("\\f",!1),uA=function(){return"\f"},ji="\\n",bl=me("\\n",!1),Xe=function(){return`
-`},Aa="\\r",sg=me("\\r",!1),bE=function(){return"\r"},Ep="\\t",SE=me("\\t",!1),ar=function(){return"	"},Rn="\\v",Sl=me("\\v",!1),Ip=function(){return"\v"},Ts=/^[\\'"?]/,la=Je(["\\","'",'"',"?"],!1,!1),An=function(m){return String.fromCharCode(parseInt(m,16))},Te="\\x",og=me("\\x",!1),vl="\\u",Os=me("\\u",!1),xl="\\U",gA=me("\\U",!1),ag=function(m){return String.fromCodePoint(parseInt(m,16))},Ag=/^[0-7]/,ca=Je([["0","7"]],!1,!1),ua=/^[0-9a-fA-f]/,rt=Je([["0","9"],["a","f"],["A","f"]],!1,!1),Eo=nt(),fA="-",Pl=me("-",!1),Ms="+",Dl=me("+",!1),vE=".",yp=me(".",!1),lg=function(m,b,N){return{type:"number",value:(m==="-"?-1:1)*parseFloat(b.join("")+"."+N.join(""))}},wp=function(m,b){return{type:"number",value:(m==="-"?-1:1)*parseInt(b.join(""))}},xE=function(m){return{type:"variable",...m}},kl=function(m){return{type:"variable",name:m}},PE=function(m){return m},cg="*",hA=me("*",!1),Rr="/",DE=me("/",!1),Ks=function(m,b,N){return{type:b==="*"?"multiplication":"division",right:N}},Us=function(m,b){return b.reduce((N,U)=>({left:N,...U}),m)},ug=function(m,b,N){return{type:b==="+"?"addition":"subtraction",right:N}},pA="$((",R=me("$((",!1),q="))",Ce=me("))",!1),Ke=function(m){return m},Re="$(",ze=me("$(",!1),dt=function(m){return m},Ft="${",Fn=me("${",!1),Db=":-",$M=me(":-",!1),e1=function(m,b){return{name:m,defaultValue:b}},kb=":-}",t1=me(":-}",!1),r1=function(m){return{name:m,defaultValue:[]}},Rb=":+",i1=me(":+",!1),n1=function(m,b){return{name:m,alternativeValue:b}},Fb=":+}",s1=me(":+}",!1),o1=function(m){return{name:m,alternativeValue:[]}},Nb=function(m){return{name:m}},a1="$",A1=me("$",!1),l1=function(m){return e.isGlobPattern(m)},c1=function(m){return m},Lb=/^[a-zA-Z0-9_]/,Tb=Je([["a","z"],["A","Z"],["0","9"],"_"],!1,!1),Ob=function(){return T()},Mb=/^[$@*?#a-zA-Z0-9_\-]/,Kb=Je(["$","@","*","?","#",["a","z"],["A","Z"],["0","9"],"_","-"],!1,!1),u1=/^[(){}<>$|&; \t"']/,gg=Je(["(",")","{","}","<",">","$","|","&",";"," ","	",'"',"'"],!1,!1),Ub=/^[<>&; \t"']/,Hb=Je(["<",">","&",";"," ","	",'"',"'"],!1,!1),kE=/^[ \t]/,RE=Je([" ","	"],!1,!1),Q=0,Me=0,dA=[{line:1,column:1}],d=0,E=[],I=0,k;if("startRule"in e){if(!(e.startRule in i))throw new Error(`Can't start parsing from rule "`+e.startRule+'".');n=i[e.startRule]}function T(){return r.substring(Me,Q)}function _(){return Et(Me,Q)}function te(m,b){throw b=b!==void 0?b:Et(Me,Q),ki([lt(m)],r.substring(Me,Q),b)}function Be(m,b){throw b=b!==void 0?b:Et(Me,Q),Nn(m,b)}function me(m,b){return{type:"literal",text:m,ignoreCase:b}}function Je(m,b,N){return{type:"class",parts:m,inverted:b,ignoreCase:N}}function nt(){return{type:"any"}}function wt(){return{type:"end"}}function lt(m){return{type:"other",description:m}}function it(m){var b=dA[m],N;if(b)return b;for(N=m-1;!dA[N];)N--;for(b=dA[N],b={line:b.line,column:b.column};N<m;)r.charCodeAt(N)===10?(b.line++,b.column=1):b.column++,N++;return dA[m]=b,b}function Et(m,b){var N=it(m),U=it(b);return{start:{offset:m,line:N.line,column:N.column},end:{offset:b,line:U.line,column:U.column}}}function Qe(m){Q<d||(Q>d&&(d=Q,E=[]),E.push(m))}function Nn(m,b){return new Ml(m,null,null,b)}function ki(m,b,N){return new Ml(Ml.buildMessage(m,b),m,b,N)}function CA(){var m,b;return m=Q,b=Mr(),b===t&&(b=null),b!==t&&(Me=m,b=s(b)),m=b,m}function Mr(){var m,b,N,U,ce;if(m=Q,b=Kr(),b!==t){for(N=[],U=He();U!==t;)N.push(U),U=He();N!==t?(U=ga(),U!==t?(ce=ts(),ce===t&&(ce=null),ce!==t?(Me=m,b=o(b,U,ce),m=b):(Q=m,m=t)):(Q=m,m=t)):(Q=m,m=t)}else Q=m,m=t;if(m===t)if(m=Q,b=Kr(),b!==t){for(N=[],U=He();U!==t;)N.push(U),U=He();N!==t?(U=ga(),U===t&&(U=null),U!==t?(Me=m,b=a(b,U),m=b):(Q=m,m=t)):(Q=m,m=t)}else Q=m,m=t;return m}function ts(){var m,b,N,U,ce;for(m=Q,b=[],N=He();N!==t;)b.push(N),N=He();if(b!==t)if(N=Mr(),N!==t){for(U=[],ce=He();ce!==t;)U.push(ce),ce=He();U!==t?(Me=m,b=l(N),m=b):(Q=m,m=t)}else Q=m,m=t;else Q=m,m=t;return m}function ga(){var m;return r.charCodeAt(Q)===59?(m=c,Q++):(m=t,I===0&&Qe(u)),m===t&&(r.charCodeAt(Q)===38?(m=g,Q++):(m=t,I===0&&Qe(f))),m}function Kr(){var m,b,N;return m=Q,b=g1(),b!==t?(N=yue(),N===t&&(N=null),N!==t?(Me=m,b=h(b,N),m=b):(Q=m,m=t)):(Q=m,m=t),m}function yue(){var m,b,N,U,ce,Se,ht;for(m=Q,b=[],N=He();N!==t;)b.push(N),N=He();if(b!==t)if(N=wue(),N!==t){for(U=[],ce=He();ce!==t;)U.push(ce),ce=He();if(U!==t)if(ce=Kr(),ce!==t){for(Se=[],ht=He();ht!==t;)Se.push(ht),ht=He();Se!==t?(Me=m,b=p(N,ce),m=b):(Q=m,m=t)}else Q=m,m=t;else Q=m,m=t}else Q=m,m=t;else Q=m,m=t;return m}function wue(){var m;return r.substr(Q,2)===C?(m=C,Q+=2):(m=t,I===0&&Qe(y)),m===t&&(r.substr(Q,2)===B?(m=B,Q+=2):(m=t,I===0&&Qe(v))),m}function g1(){var m,b,N;return m=Q,b=bue(),b!==t?(N=Bue(),N===t&&(N=null),N!==t?(Me=m,b=D(b,N),m=b):(Q=m,m=t)):(Q=m,m=t),m}function Bue(){var m,b,N,U,ce,Se,ht;for(m=Q,b=[],N=He();N!==t;)b.push(N),N=He();if(b!==t)if(N=Que(),N!==t){for(U=[],ce=He();ce!==t;)U.push(ce),ce=He();if(U!==t)if(ce=g1(),ce!==t){for(Se=[],ht=He();ht!==t;)Se.push(ht),ht=He();Se!==t?(Me=m,b=L(N,ce),m=b):(Q=m,m=t)}else Q=m,m=t;else Q=m,m=t}else Q=m,m=t;else Q=m,m=t;return m}function Que(){var m;return r.substr(Q,2)===H?(m=H,Q+=2):(m=t,I===0&&Qe(j)),m===t&&(r.charCodeAt(Q)===124?(m=$,Q++):(m=t,I===0&&Qe(V))),m}function FE(){var m,b,N,U,ce,Se;if(m=Q,b=Q1(),b!==t)if(r.charCodeAt(Q)===61?(N=W,Q++):(N=t,I===0&&Qe(Z)),N!==t)if(U=p1(),U!==t){for(ce=[],Se=He();Se!==t;)ce.push(Se),Se=He();ce!==t?(Me=m,b=A(b,U),m=b):(Q=m,m=t)}else Q=m,m=t;else Q=m,m=t;else Q=m,m=t;if(m===t)if(m=Q,b=Q1(),b!==t)if(r.charCodeAt(Q)===61?(N=W,Q++):(N=t,I===0&&Qe(Z)),N!==t){for(U=[],ce=He();ce!==t;)U.push(ce),ce=He();U!==t?(Me=m,b=ae(b),m=b):(Q=m,m=t)}else Q=m,m=t;else Q=m,m=t;return m}function bue(){var m,b,N,U,ce,Se,ht,Bt,Jr,hi,rs;for(m=Q,b=[],N=He();N!==t;)b.push(N),N=He();if(b!==t)if(r.charCodeAt(Q)===40?(N=ge,Q++):(N=t,I===0&&Qe(re)),N!==t){for(U=[],ce=He();ce!==t;)U.push(ce),ce=He();if(U!==t)if(ce=Mr(),ce!==t){for(Se=[],ht=He();ht!==t;)Se.push(ht),ht=He();if(Se!==t)if(r.charCodeAt(Q)===41?(ht=O,Q++):(ht=t,I===0&&Qe(F)),ht!==t){for(Bt=[],Jr=He();Jr!==t;)Bt.push(Jr),Jr=He();if(Bt!==t){for(Jr=[],hi=Bp();hi!==t;)Jr.push(hi),hi=Bp();if(Jr!==t){for(hi=[],rs=He();rs!==t;)hi.push(rs),rs=He();hi!==t?(Me=m,b=ue(ce,Jr),m=b):(Q=m,m=t)}else Q=m,m=t}else Q=m,m=t}else Q=m,m=t;else Q=m,m=t}else Q=m,m=t;else Q=m,m=t}else Q=m,m=t;else Q=m,m=t;if(m===t){for(m=Q,b=[],N=He();N!==t;)b.push(N),N=He();if(b!==t)if(r.charCodeAt(Q)===123?(N=he,Q++):(N=t,I===0&&Qe(ke)),N!==t){for(U=[],ce=He();ce!==t;)U.push(ce),ce=He();if(U!==t)if(ce=Mr(),ce!==t){for(Se=[],ht=He();ht!==t;)Se.push(ht),ht=He();if(Se!==t)if(r.charCodeAt(Q)===125?(ht=Fe,Q++):(ht=t,I===0&&Qe(Ne)),ht!==t){for(Bt=[],Jr=He();Jr!==t;)Bt.push(Jr),Jr=He();if(Bt!==t){for(Jr=[],hi=Bp();hi!==t;)Jr.push(hi),hi=Bp();if(Jr!==t){for(hi=[],rs=He();rs!==t;)hi.push(rs),rs=He();hi!==t?(Me=m,b=oe(ce,Jr),m=b):(Q=m,m=t)}else Q=m,m=t}else Q=m,m=t}else Q=m,m=t;else Q=m,m=t}else Q=m,m=t;else Q=m,m=t}else Q=m,m=t;else Q=m,m=t;if(m===t){for(m=Q,b=[],N=He();N!==t;)b.push(N),N=He();if(b!==t){for(N=[],U=FE();U!==t;)N.push(U),U=FE();if(N!==t){for(U=[],ce=He();ce!==t;)U.push(ce),ce=He();if(U!==t){if(ce=[],Se=h1(),Se!==t)for(;Se!==t;)ce.push(Se),Se=h1();else ce=t;if(ce!==t){for(Se=[],ht=He();ht!==t;)Se.push(ht),ht=He();Se!==t?(Me=m,b=le(N,ce),m=b):(Q=m,m=t)}else Q=m,m=t}else Q=m,m=t}else Q=m,m=t}else Q=m,m=t;if(m===t){for(m=Q,b=[],N=He();N!==t;)b.push(N),N=He();if(b!==t){if(N=[],U=FE(),U!==t)for(;U!==t;)N.push(U),U=FE();else N=t;if(N!==t){for(U=[],ce=He();ce!==t;)U.push(ce),ce=He();U!==t?(Me=m,b=we(N),m=b):(Q=m,m=t)}else Q=m,m=t}else Q=m,m=t}}}return m}function f1(){var m,b,N,U,ce;for(m=Q,b=[],N=He();N!==t;)b.push(N),N=He();if(b!==t){if(N=[],U=NE(),U!==t)for(;U!==t;)N.push(U),U=NE();else N=t;if(N!==t){for(U=[],ce=He();ce!==t;)U.push(ce),ce=He();U!==t?(Me=m,b=fe(N),m=b):(Q=m,m=t)}else Q=m,m=t}else Q=m,m=t;return m}function h1(){var m,b,N;for(m=Q,b=[],N=He();N!==t;)b.push(N),N=He();if(b!==t?(N=Bp(),N!==t?(Me=m,b=Ae(N),m=b):(Q=m,m=t)):(Q=m,m=t),m===t){for(m=Q,b=[],N=He();N!==t;)b.push(N),N=He();b!==t?(N=NE(),N!==t?(Me=m,b=Ae(N),m=b):(Q=m,m=t)):(Q=m,m=t)}return m}function Bp(){var m,b,N,U,ce;for(m=Q,b=[],N=He();N!==t;)b.push(N),N=He();return b!==t?(qe.test(r.charAt(Q))?(N=r.charAt(Q),Q++):(N=t,I===0&&Qe(ne)),N===t&&(N=null),N!==t?(U=Sue(),U!==t?(ce=NE(),ce!==t?(Me=m,b=Y(N,U,ce),m=b):(Q=m,m=t)):(Q=m,m=t)):(Q=m,m=t)):(Q=m,m=t),m}function Sue(){var m;return r.substr(Q,2)===pe?(m=pe,Q+=2):(m=t,I===0&&Qe(ie)),m===t&&(r.substr(Q,2)===de?(m=de,Q+=2):(m=t,I===0&&Qe(tt)),m===t&&(r.charCodeAt(Q)===62?(m=Pt,Q++):(m=t,I===0&&Qe(It)),m===t&&(r.substr(Q,3)===Or?(m=Or,Q+=3):(m=t,I===0&&Qe(ii)),m===t&&(r.substr(Q,2)===gi?(m=gi,Q+=2):(m=t,I===0&&Qe(hr)),m===t&&(r.charCodeAt(Q)===60?(m=fi,Q++):(m=t,I===0&&Qe(ni))))))),m}function NE(){var m,b,N;for(m=Q,b=[],N=He();N!==t;)b.push(N),N=He();return b!==t?(N=p1(),N!==t?(Me=m,b=Ae(N),m=b):(Q=m,m=t)):(Q=m,m=t),m}function p1(){var m,b,N;if(m=Q,b=[],N=d1(),N!==t)for(;N!==t;)b.push(N),N=d1();else b=t;return b!==t&&(Me=m,b=Ls(b)),m=b,m}function d1(){var m,b;return m=Q,b=vue(),b!==t&&(Me=m,b=pr(b)),m=b,m===t&&(m=Q,b=xue(),b!==t&&(Me=m,b=pr(b)),m=b,m===t&&(m=Q,b=Pue(),b!==t&&(Me=m,b=pr(b)),m=b,m===t&&(m=Q,b=Due(),b!==t&&(Me=m,b=pr(b)),m=b))),m}function vue(){var m,b,N,U;return m=Q,r.substr(Q,2)===Ei?(b=Ei,Q+=2):(b=t,I===0&&Qe(_n)),b!==t?(N=Fue(),N!==t?(r.charCodeAt(Q)===39?(U=oa,Q++):(U=t,I===0&&Qe(aA)),U!==t?(Me=m,b=eg(N),m=b):(Q=m,m=t)):(Q=m,m=t)):(Q=m,m=t),m}function xue(){var m,b,N,U;return m=Q,r.charCodeAt(Q)===39?(b=oa,Q++):(b=t,I===0&&Qe(aA)),b!==t?(N=kue(),N!==t?(r.charCodeAt(Q)===39?(U=oa,Q++):(U=t,I===0&&Qe(aA)),U!==t?(Me=m,b=eg(N),m=b):(Q=m,m=t)):(Q=m,m=t)):(Q=m,m=t),m}function Pue(){var m,b,N,U;if(m=Q,r.substr(Q,2)===Zn?(b=Zn,Q+=2):(b=t,I===0&&Qe(AA)),b!==t&&(Me=m,b=aa()),m=b,m===t)if(m=Q,r.charCodeAt(Q)===34?(b=up,Q++):(b=t,I===0&&Qe(lA)),b!==t){for(N=[],U=C1();U!==t;)N.push(U),U=C1();N!==t?(r.charCodeAt(Q)===34?(U=up,Q++):(U=t,I===0&&Qe(lA)),U!==t?(Me=m,b=cA(N),m=b):(Q=m,m=t)):(Q=m,m=t)}else Q=m,m=t;return m}function Due(){var m,b,N;if(m=Q,b=[],N=m1(),N!==t)for(;N!==t;)b.push(N),N=m1();else b=t;return b!==t&&(Me=m,b=cA(b)),m=b,m}function C1(){var m,b;return m=Q,b=w1(),b!==t&&(Me=m,b=wr(b)),m=b,m===t&&(m=Q,b=B1(),b!==t&&(Me=m,b=wl(b)),m=b,m===t&&(m=Q,b=qb(),b!==t&&(Me=m,b=tg(b)),m=b,m===t&&(m=Q,b=Rue(),b!==t&&(Me=m,b=po(b)),m=b))),m}function m1(){var m,b;return m=Q,b=w1(),b!==t&&(Me=m,b=rg(b)),m=b,m===t&&(m=Q,b=B1(),b!==t&&(Me=m,b=gp(b)),m=b,m===t&&(m=Q,b=qb(),b!==t&&(Me=m,b=fp(b)),m=b,m===t&&(m=Q,b=Tue(),b!==t&&(Me=m,b=vr(b)),m=b,m===t&&(m=Q,b=Lue(),b!==t&&(Me=m,b=po(b)),m=b)))),m}function kue(){var m,b,N;for(m=Q,b=[],se.test(r.charAt(Q))?(N=r.charAt(Q),Q++):(N=t,I===0&&Qe(Co));N!==t;)b.push(N),se.test(r.charAt(Q))?(N=r.charAt(Q),Q++):(N=t,I===0&&Qe(Co));return b!==t&&(Me=m,b=Dn(b)),m=b,m}function Rue(){var m,b,N;if(m=Q,b=[],N=E1(),N===t&&(ig.test(r.charAt(Q))?(N=r.charAt(Q),Q++):(N=t,I===0&&Qe(Qt))),N!==t)for(;N!==t;)b.push(N),N=E1(),N===t&&(ig.test(r.charAt(Q))?(N=r.charAt(Q),Q++):(N=t,I===0&&Qe(Qt)));else b=t;return b!==t&&(Me=m,b=Dn(b)),m=b,m}function E1(){var m,b,N;return m=Q,r.substr(Q,2)===Bl?(b=Bl,Q+=2):(b=t,I===0&&Qe(kn)),b!==t&&(Me=m,b=$n()),m=b,m===t&&(m=Q,r.charCodeAt(Q)===92?(b=es,Q++):(b=t,I===0&&Qe(gt)),b!==t?(mo.test(r.charAt(Q))?(N=r.charAt(Q),Q++):(N=t,I===0&&Qe(At)),N!==t?(Me=m,b=an(N),m=b):(Q=m,m=t)):(Q=m,m=t)),m}function Fue(){var m,b,N;for(m=Q,b=[],N=I1(),N===t&&(se.test(r.charAt(Q))?(N=r.charAt(Q),Q++):(N=t,I===0&&Qe(Co)));N!==t;)b.push(N),N=I1(),N===t&&(se.test(r.charAt(Q))?(N=r.charAt(Q),Q++):(N=t,I===0&&Qe(Co)));return b!==t&&(Me=m,b=Dn(b)),m=b,m}function I1(){var m,b,N;return m=Q,r.substr(Q,2)===S?(b=S,Q+=2):(b=t,I===0&&Qe(Tt)),b!==t&&(Me=m,b=ng()),m=b,m===t&&(m=Q,r.substr(Q,2)===Ql?(b=Ql,Q+=2):(b=t,I===0&&Qe(hp)),b!==t&&(Me=m,b=pp()),m=b,m===t&&(m=Q,r.charCodeAt(Q)===92?(b=es,Q++):(b=t,I===0&&Qe(gt)),b!==t?(dp.test(r.charAt(Q))?(N=r.charAt(Q),Q++):(N=t,I===0&&Qe(Cp)),N!==t?(Me=m,b=mp(),m=b):(Q=m,m=t)):(Q=m,m=t),m===t&&(m=Q,r.substr(Q,2)===G?(b=G,Q+=2):(b=t,I===0&&Qe(yt)),b!==t&&(Me=m,b=uA()),m=b,m===t&&(m=Q,r.substr(Q,2)===ji?(b=ji,Q+=2):(b=t,I===0&&Qe(bl)),b!==t&&(Me=m,b=Xe()),m=b,m===t&&(m=Q,r.substr(Q,2)===Aa?(b=Aa,Q+=2):(b=t,I===0&&Qe(sg)),b!==t&&(Me=m,b=bE()),m=b,m===t&&(m=Q,r.substr(Q,2)===Ep?(b=Ep,Q+=2):(b=t,I===0&&Qe(SE)),b!==t&&(Me=m,b=ar()),m=b,m===t&&(m=Q,r.substr(Q,2)===Rn?(b=Rn,Q+=2):(b=t,I===0&&Qe(Sl)),b!==t&&(Me=m,b=Ip()),m=b,m===t&&(m=Q,r.charCodeAt(Q)===92?(b=es,Q++):(b=t,I===0&&Qe(gt)),b!==t?(Ts.test(r.charAt(Q))?(N=r.charAt(Q),Q++):(N=t,I===0&&Qe(la)),N!==t?(Me=m,b=an(N),m=b):(Q=m,m=t)):(Q=m,m=t),m===t&&(m=Nue()))))))))),m}function Nue(){var m,b,N,U,ce,Se,ht,Bt,Jr,hi,rs,Jb;return m=Q,r.charCodeAt(Q)===92?(b=es,Q++):(b=t,I===0&&Qe(gt)),b!==t?(N=Gb(),N!==t?(Me=m,b=An(N),m=b):(Q=m,m=t)):(Q=m,m=t),m===t&&(m=Q,r.substr(Q,2)===Te?(b=Te,Q+=2):(b=t,I===0&&Qe(og)),b!==t?(N=Q,U=Q,ce=Gb(),ce!==t?(Se=Ln(),Se!==t?(ce=[ce,Se],U=ce):(Q=U,U=t)):(Q=U,U=t),U===t&&(U=Gb()),U!==t?N=r.substring(N,Q):N=U,N!==t?(Me=m,b=An(N),m=b):(Q=m,m=t)):(Q=m,m=t),m===t&&(m=Q,r.substr(Q,2)===vl?(b=vl,Q+=2):(b=t,I===0&&Qe(Os)),b!==t?(N=Q,U=Q,ce=Ln(),ce!==t?(Se=Ln(),Se!==t?(ht=Ln(),ht!==t?(Bt=Ln(),Bt!==t?(ce=[ce,Se,ht,Bt],U=ce):(Q=U,U=t)):(Q=U,U=t)):(Q=U,U=t)):(Q=U,U=t),U!==t?N=r.substring(N,Q):N=U,N!==t?(Me=m,b=An(N),m=b):(Q=m,m=t)):(Q=m,m=t),m===t&&(m=Q,r.substr(Q,2)===xl?(b=xl,Q+=2):(b=t,I===0&&Qe(gA)),b!==t?(N=Q,U=Q,ce=Ln(),ce!==t?(Se=Ln(),Se!==t?(ht=Ln(),ht!==t?(Bt=Ln(),Bt!==t?(Jr=Ln(),Jr!==t?(hi=Ln(),hi!==t?(rs=Ln(),rs!==t?(Jb=Ln(),Jb!==t?(ce=[ce,Se,ht,Bt,Jr,hi,rs,Jb],U=ce):(Q=U,U=t)):(Q=U,U=t)):(Q=U,U=t)):(Q=U,U=t)):(Q=U,U=t)):(Q=U,U=t)):(Q=U,U=t)):(Q=U,U=t),U!==t?N=r.substring(N,Q):N=U,N!==t?(Me=m,b=ag(N),m=b):(Q=m,m=t)):(Q=m,m=t)))),m}function Gb(){var m;return Ag.test(r.charAt(Q))?(m=r.charAt(Q),Q++):(m=t,I===0&&Qe(ca)),m}function Ln(){var m;return ua.test(r.charAt(Q))?(m=r.charAt(Q),Q++):(m=t,I===0&&Qe(rt)),m}function Lue(){var m,b,N,U,ce;if(m=Q,b=[],N=Q,r.charCodeAt(Q)===92?(U=es,Q++):(U=t,I===0&&Qe(gt)),U!==t?(r.length>Q?(ce=r.charAt(Q),Q++):(ce=t,I===0&&Qe(Eo)),ce!==t?(Me=N,U=an(ce),N=U):(Q=N,N=t)):(Q=N,N=t),N===t&&(N=Q,U=Q,I++,ce=b1(),I--,ce===t?U=void 0:(Q=U,U=t),U!==t?(r.length>Q?(ce=r.charAt(Q),Q++):(ce=t,I===0&&Qe(Eo)),ce!==t?(Me=N,U=an(ce),N=U):(Q=N,N=t)):(Q=N,N=t)),N!==t)for(;N!==t;)b.push(N),N=Q,r.charCodeAt(Q)===92?(U=es,Q++):(U=t,I===0&&Qe(gt)),U!==t?(r.length>Q?(ce=r.charAt(Q),Q++):(ce=t,I===0&&Qe(Eo)),ce!==t?(Me=N,U=an(ce),N=U):(Q=N,N=t)):(Q=N,N=t),N===t&&(N=Q,U=Q,I++,ce=b1(),I--,ce===t?U=void 0:(Q=U,U=t),U!==t?(r.length>Q?(ce=r.charAt(Q),Q++):(ce=t,I===0&&Qe(Eo)),ce!==t?(Me=N,U=an(ce),N=U):(Q=N,N=t)):(Q=N,N=t));else b=t;return b!==t&&(Me=m,b=Dn(b)),m=b,m}function Yb(){var m,b,N,U,ce,Se;if(m=Q,r.charCodeAt(Q)===45?(b=fA,Q++):(b=t,I===0&&Qe(Pl)),b===t&&(r.charCodeAt(Q)===43?(b=Ms,Q++):(b=t,I===0&&Qe(Dl))),b===t&&(b=null),b!==t){if(N=[],qe.test(r.charAt(Q))?(U=r.charAt(Q),Q++):(U=t,I===0&&Qe(ne)),U!==t)for(;U!==t;)N.push(U),qe.test(r.charAt(Q))?(U=r.charAt(Q),Q++):(U=t,I===0&&Qe(ne));else N=t;if(N!==t)if(r.charCodeAt(Q)===46?(U=vE,Q++):(U=t,I===0&&Qe(yp)),U!==t){if(ce=[],qe.test(r.charAt(Q))?(Se=r.charAt(Q),Q++):(Se=t,I===0&&Qe(ne)),Se!==t)for(;Se!==t;)ce.push(Se),qe.test(r.charAt(Q))?(Se=r.charAt(Q),Q++):(Se=t,I===0&&Qe(ne));else ce=t;ce!==t?(Me=m,b=lg(b,N,ce),m=b):(Q=m,m=t)}else Q=m,m=t;else Q=m,m=t}else Q=m,m=t;if(m===t){if(m=Q,r.charCodeAt(Q)===45?(b=fA,Q++):(b=t,I===0&&Qe(Pl)),b===t&&(r.charCodeAt(Q)===43?(b=Ms,Q++):(b=t,I===0&&Qe(Dl))),b===t&&(b=null),b!==t){if(N=[],qe.test(r.charAt(Q))?(U=r.charAt(Q),Q++):(U=t,I===0&&Qe(ne)),U!==t)for(;U!==t;)N.push(U),qe.test(r.charAt(Q))?(U=r.charAt(Q),Q++):(U=t,I===0&&Qe(ne));else N=t;N!==t?(Me=m,b=wp(b,N),m=b):(Q=m,m=t)}else Q=m,m=t;if(m===t&&(m=Q,b=qb(),b!==t&&(Me=m,b=xE(b)),m=b,m===t&&(m=Q,b=Rl(),b!==t&&(Me=m,b=kl(b)),m=b,m===t)))if(m=Q,r.charCodeAt(Q)===40?(b=ge,Q++):(b=t,I===0&&Qe(re)),b!==t){for(N=[],U=He();U!==t;)N.push(U),U=He();if(N!==t)if(U=y1(),U!==t){for(ce=[],Se=He();Se!==t;)ce.push(Se),Se=He();ce!==t?(r.charCodeAt(Q)===41?(Se=O,Q++):(Se=t,I===0&&Qe(F)),Se!==t?(Me=m,b=PE(U),m=b):(Q=m,m=t)):(Q=m,m=t)}else Q=m,m=t;else Q=m,m=t}else Q=m,m=t}return m}function jb(){var m,b,N,U,ce,Se,ht,Bt;if(m=Q,b=Yb(),b!==t){for(N=[],U=Q,ce=[],Se=He();Se!==t;)ce.push(Se),Se=He();if(ce!==t)if(r.charCodeAt(Q)===42?(Se=cg,Q++):(Se=t,I===0&&Qe(hA)),Se===t&&(r.charCodeAt(Q)===47?(Se=Rr,Q++):(Se=t,I===0&&Qe(DE))),Se!==t){for(ht=[],Bt=He();Bt!==t;)ht.push(Bt),Bt=He();ht!==t?(Bt=Yb(),Bt!==t?(Me=U,ce=Ks(b,Se,Bt),U=ce):(Q=U,U=t)):(Q=U,U=t)}else Q=U,U=t;else Q=U,U=t;for(;U!==t;){for(N.push(U),U=Q,ce=[],Se=He();Se!==t;)ce.push(Se),Se=He();if(ce!==t)if(r.charCodeAt(Q)===42?(Se=cg,Q++):(Se=t,I===0&&Qe(hA)),Se===t&&(r.charCodeAt(Q)===47?(Se=Rr,Q++):(Se=t,I===0&&Qe(DE))),Se!==t){for(ht=[],Bt=He();Bt!==t;)ht.push(Bt),Bt=He();ht!==t?(Bt=Yb(),Bt!==t?(Me=U,ce=Ks(b,Se,Bt),U=ce):(Q=U,U=t)):(Q=U,U=t)}else Q=U,U=t;else Q=U,U=t}N!==t?(Me=m,b=Us(b,N),m=b):(Q=m,m=t)}else Q=m,m=t;return m}function y1(){var m,b,N,U,ce,Se,ht,Bt;if(m=Q,b=jb(),b!==t){for(N=[],U=Q,ce=[],Se=He();Se!==t;)ce.push(Se),Se=He();if(ce!==t)if(r.charCodeAt(Q)===43?(Se=Ms,Q++):(Se=t,I===0&&Qe(Dl)),Se===t&&(r.charCodeAt(Q)===45?(Se=fA,Q++):(Se=t,I===0&&Qe(Pl))),Se!==t){for(ht=[],Bt=He();Bt!==t;)ht.push(Bt),Bt=He();ht!==t?(Bt=jb(),Bt!==t?(Me=U,ce=ug(b,Se,Bt),U=ce):(Q=U,U=t)):(Q=U,U=t)}else Q=U,U=t;else Q=U,U=t;for(;U!==t;){for(N.push(U),U=Q,ce=[],Se=He();Se!==t;)ce.push(Se),Se=He();if(ce!==t)if(r.charCodeAt(Q)===43?(Se=Ms,Q++):(Se=t,I===0&&Qe(Dl)),Se===t&&(r.charCodeAt(Q)===45?(Se=fA,Q++):(Se=t,I===0&&Qe(Pl))),Se!==t){for(ht=[],Bt=He();Bt!==t;)ht.push(Bt),Bt=He();ht!==t?(Bt=jb(),Bt!==t?(Me=U,ce=ug(b,Se,Bt),U=ce):(Q=U,U=t)):(Q=U,U=t)}else Q=U,U=t;else Q=U,U=t}N!==t?(Me=m,b=Us(b,N),m=b):(Q=m,m=t)}else Q=m,m=t;return m}function w1(){var m,b,N,U,ce,Se;if(m=Q,r.substr(Q,3)===pA?(b=pA,Q+=3):(b=t,I===0&&Qe(R)),b!==t){for(N=[],U=He();U!==t;)N.push(U),U=He();if(N!==t)if(U=y1(),U!==t){for(ce=[],Se=He();Se!==t;)ce.push(Se),Se=He();ce!==t?(r.substr(Q,2)===q?(Se=q,Q+=2):(Se=t,I===0&&Qe(Ce)),Se!==t?(Me=m,b=Ke(U),m=b):(Q=m,m=t)):(Q=m,m=t)}else Q=m,m=t;else Q=m,m=t}else Q=m,m=t;return m}function B1(){var m,b,N,U;return m=Q,r.substr(Q,2)===Re?(b=Re,Q+=2):(b=t,I===0&&Qe(ze)),b!==t?(N=Mr(),N!==t?(r.charCodeAt(Q)===41?(U=O,Q++):(U=t,I===0&&Qe(F)),U!==t?(Me=m,b=dt(N),m=b):(Q=m,m=t)):(Q=m,m=t)):(Q=m,m=t),m}function qb(){var m,b,N,U,ce,Se;return m=Q,r.substr(Q,2)===Ft?(b=Ft,Q+=2):(b=t,I===0&&Qe(Fn)),b!==t?(N=Rl(),N!==t?(r.substr(Q,2)===Db?(U=Db,Q+=2):(U=t,I===0&&Qe($M)),U!==t?(ce=f1(),ce!==t?(r.charCodeAt(Q)===125?(Se=Fe,Q++):(Se=t,I===0&&Qe(Ne)),Se!==t?(Me=m,b=e1(N,ce),m=b):(Q=m,m=t)):(Q=m,m=t)):(Q=m,m=t)):(Q=m,m=t)):(Q=m,m=t),m===t&&(m=Q,r.substr(Q,2)===Ft?(b=Ft,Q+=2):(b=t,I===0&&Qe(Fn)),b!==t?(N=Rl(),N!==t?(r.substr(Q,3)===kb?(U=kb,Q+=3):(U=t,I===0&&Qe(t1)),U!==t?(Me=m,b=r1(N),m=b):(Q=m,m=t)):(Q=m,m=t)):(Q=m,m=t),m===t&&(m=Q,r.substr(Q,2)===Ft?(b=Ft,Q+=2):(b=t,I===0&&Qe(Fn)),b!==t?(N=Rl(),N!==t?(r.substr(Q,2)===Rb?(U=Rb,Q+=2):(U=t,I===0&&Qe(i1)),U!==t?(ce=f1(),ce!==t?(r.charCodeAt(Q)===125?(Se=Fe,Q++):(Se=t,I===0&&Qe(Ne)),Se!==t?(Me=m,b=n1(N,ce),m=b):(Q=m,m=t)):(Q=m,m=t)):(Q=m,m=t)):(Q=m,m=t)):(Q=m,m=t),m===t&&(m=Q,r.substr(Q,2)===Ft?(b=Ft,Q+=2):(b=t,I===0&&Qe(Fn)),b!==t?(N=Rl(),N!==t?(r.substr(Q,3)===Fb?(U=Fb,Q+=3):(U=t,I===0&&Qe(s1)),U!==t?(Me=m,b=o1(N),m=b):(Q=m,m=t)):(Q=m,m=t)):(Q=m,m=t),m===t&&(m=Q,r.substr(Q,2)===Ft?(b=Ft,Q+=2):(b=t,I===0&&Qe(Fn)),b!==t?(N=Rl(),N!==t?(r.charCodeAt(Q)===125?(U=Fe,Q++):(U=t,I===0&&Qe(Ne)),U!==t?(Me=m,b=Nb(N),m=b):(Q=m,m=t)):(Q=m,m=t)):(Q=m,m=t),m===t&&(m=Q,r.charCodeAt(Q)===36?(b=a1,Q++):(b=t,I===0&&Qe(A1)),b!==t?(N=Rl(),N!==t?(Me=m,b=Nb(N),m=b):(Q=m,m=t)):(Q=m,m=t)))))),m}function Tue(){var m,b,N;return m=Q,b=Oue(),b!==t?(Me=Q,N=l1(b),N?N=void 0:N=t,N!==t?(Me=m,b=c1(b),m=b):(Q=m,m=t)):(Q=m,m=t),m}function Oue(){var m,b,N,U,ce;if(m=Q,b=[],N=Q,U=Q,I++,ce=S1(),I--,ce===t?U=void 0:(Q=U,U=t),U!==t?(r.length>Q?(ce=r.charAt(Q),Q++):(ce=t,I===0&&Qe(Eo)),ce!==t?(Me=N,U=an(ce),N=U):(Q=N,N=t)):(Q=N,N=t),N!==t)for(;N!==t;)b.push(N),N=Q,U=Q,I++,ce=S1(),I--,ce===t?U=void 0:(Q=U,U=t),U!==t?(r.length>Q?(ce=r.charAt(Q),Q++):(ce=t,I===0&&Qe(Eo)),ce!==t?(Me=N,U=an(ce),N=U):(Q=N,N=t)):(Q=N,N=t);else b=t;return b!==t&&(Me=m,b=Dn(b)),m=b,m}function Q1(){var m,b,N;if(m=Q,b=[],Lb.test(r.charAt(Q))?(N=r.charAt(Q),Q++):(N=t,I===0&&Qe(Tb)),N!==t)for(;N!==t;)b.push(N),Lb.test(r.charAt(Q))?(N=r.charAt(Q),Q++):(N=t,I===0&&Qe(Tb));else b=t;return b!==t&&(Me=m,b=Ob()),m=b,m}function Rl(){var m,b,N;if(m=Q,b=[],Mb.test(r.charAt(Q))?(N=r.charAt(Q),Q++):(N=t,I===0&&Qe(Kb)),N!==t)for(;N!==t;)b.push(N),Mb.test(r.charAt(Q))?(N=r.charAt(Q),Q++):(N=t,I===0&&Qe(Kb));else b=t;return b!==t&&(Me=m,b=Ob()),m=b,m}function b1(){var m;return u1.test(r.charAt(Q))?(m=r.charAt(Q),Q++):(m=t,I===0&&Qe(gg)),m}function S1(){var m;return Ub.test(r.charAt(Q))?(m=r.charAt(Q),Q++):(m=t,I===0&&Qe(Hb)),m}function He(){var m,b;if(m=[],kE.test(r.charAt(Q))?(b=r.charAt(Q),Q++):(b=t,I===0&&Qe(RE)),b!==t)for(;b!==t;)m.push(b),kE.test(r.charAt(Q))?(b=r.charAt(Q),Q++):(b=t,I===0&&Qe(RE));else m=t;return m}if(k=n(),k!==t&&Q===r.length)return k;throw k!==t&&Q<r.length&&Qe(wt()),ki(E,d<r.length?r.charAt(d):null,d<r.length?Et(d,d+1):Et(d,d))}NK.exports={SyntaxError:Ml,parse:Oge}});var MK=w((uXe,OK)=>{"use strict";function Mge(r,e){function t(){this.constructor=r}t.prototype=e.prototype,r.prototype=new t}function Ul(r,e,t,i){this.message=r,this.expected=e,this.found=t,this.location=i,this.name="SyntaxError",typeof Error.captureStackTrace=="function"&&Error.captureStackTrace(this,Ul)}Mge(Ul,Error);Ul.buildMessage=function(r,e){var t={literal:function(c){return'"'+n(c.text)+'"'},class:function(c){var u="",g;for(g=0;g<c.parts.length;g++)u+=c.parts[g]instanceof Array?s(c.parts[g][0])+"-"+s(c.parts[g][1]):s(c.parts[g]);return"["+(c.inverted?"^":"")+u+"]"},any:function(c){return"any character"},end:function(c){return"end of input"},other:function(c){return c.description}};function i(c){return c.charCodeAt(0).toString(16).toUpperCase()}function n(c){return c.replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\0/g,"\\0").replace(/\t/g,"\\t").replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/[\x00-\x0F]/g,function(u){return"\\x0"+i(u)}).replace(/[\x10-\x1F\x7F-\x9F]/g,function(u){return"\\x"+i(u)})}function s(c){return c.replace(/\\/g,"\\\\").replace(/\]/g,"\\]").replace(/\^/g,"\\^").replace(/-/g,"\\-").replace(/\0/g,"\\0").replace(/\t/g,"\\t").replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/[\x00-\x0F]/g,function(u){return"\\x0"+i(u)}).replace(/[\x10-\x1F\x7F-\x9F]/g,function(u){return"\\x"+i(u)})}function o(c){return t[c.type](c)}function a(c){var u=new Array(c.length),g,f;for(g=0;g<c.length;g++)u[g]=o(c[g]);if(u.sort(),u.length>0){for(g=1,f=1;g<u.length;g++)u[g-1]!==u[g]&&(u[f]=u[g],f++);u.length=f}switch(u.length){case 1:return u[0];case 2:return u[0]+" or "+u[1];default:return u.slice(0,-1).join(", ")+", or "+u[u.length-1]}}function l(c){return c?'"'+n(c)+'"':"end of input"}return"Expected "+a(r)+" but "+l(e)+" found."};function Kge(r,e){e=e!==void 0?e:{};var t={},i={resolution:le},n=le,s="/",o=ge("/",!1),a=function(ne,Y){return{from:ne,descriptor:Y}},l=function(ne){return{descriptor:ne}},c="@",u=ge("@",!1),g=function(ne,Y){return{fullName:ne,description:Y}},f=function(ne){return{fullName:ne}},h=function(){return W()},p=/^[^\/@]/,C=re(["/","@"],!0,!1),y=/^[^\/]/,B=re(["/"],!0,!1),v=0,D=0,L=[{line:1,column:1}],H=0,j=[],$=0,V;if("startRule"in e){if(!(e.startRule in i))throw new Error(`Can't start parsing from rule "`+e.startRule+'".');n=i[e.startRule]}function W(){return r.substring(D,v)}function Z(){return ke(D,v)}function A(ne,Y){throw Y=Y!==void 0?Y:ke(D,v),oe([ue(ne)],r.substring(D,v),Y)}function ae(ne,Y){throw Y=Y!==void 0?Y:ke(D,v),Ne(ne,Y)}function ge(ne,Y){return{type:"literal",text:ne,ignoreCase:Y}}function re(ne,Y,pe){return{type:"class",parts:ne,inverted:Y,ignoreCase:pe}}function O(){return{type:"any"}}function F(){return{type:"end"}}function ue(ne){return{type:"other",description:ne}}function he(ne){var Y=L[ne],pe;if(Y)return Y;for(pe=ne-1;!L[pe];)pe--;for(Y=L[pe],Y={line:Y.line,column:Y.column};pe<ne;)r.charCodeAt(pe)===10?(Y.line++,Y.column=1):Y.column++,pe++;return L[ne]=Y,Y}function ke(ne,Y){var pe=he(ne),ie=he(Y);return{start:{offset:ne,line:pe.line,column:pe.column},end:{offset:Y,line:ie.line,column:ie.column}}}function Fe(ne){v<H||(v>H&&(H=v,j=[]),j.push(ne))}function Ne(ne,Y){return new Ul(ne,null,null,Y)}function oe(ne,Y,pe){return new Ul(Ul.buildMessage(ne,Y),ne,Y,pe)}function le(){var ne,Y,pe,ie;return ne=v,Y=we(),Y!==t?(r.charCodeAt(v)===47?(pe=s,v++):(pe=t,$===0&&Fe(o)),pe!==t?(ie=we(),ie!==t?(D=ne,Y=a(Y,ie),ne=Y):(v=ne,ne=t)):(v=ne,ne=t)):(v=ne,ne=t),ne===t&&(ne=v,Y=we(),Y!==t&&(D=ne,Y=l(Y)),ne=Y),ne}function we(){var ne,Y,pe,ie;return ne=v,Y=fe(),Y!==t?(r.charCodeAt(v)===64?(pe=c,v++):(pe=t,$===0&&Fe(u)),pe!==t?(ie=qe(),ie!==t?(D=ne,Y=g(Y,ie),ne=Y):(v=ne,ne=t)):(v=ne,ne=t)):(v=ne,ne=t),ne===t&&(ne=v,Y=fe(),Y!==t&&(D=ne,Y=f(Y)),ne=Y),ne}function fe(){var ne,Y,pe,ie,de;return ne=v,r.charCodeAt(v)===64?(Y=c,v++):(Y=t,$===0&&Fe(u)),Y!==t?(pe=Ae(),pe!==t?(r.charCodeAt(v)===47?(ie=s,v++):(ie=t,$===0&&Fe(o)),ie!==t?(de=Ae(),de!==t?(D=ne,Y=h(),ne=Y):(v=ne,ne=t)):(v=ne,ne=t)):(v=ne,ne=t)):(v=ne,ne=t),ne===t&&(ne=v,Y=Ae(),Y!==t&&(D=ne,Y=h()),ne=Y),ne}function Ae(){var ne,Y,pe;if(ne=v,Y=[],p.test(r.charAt(v))?(pe=r.charAt(v),v++):(pe=t,$===0&&Fe(C)),pe!==t)for(;pe!==t;)Y.push(pe),p.test(r.charAt(v))?(pe=r.charAt(v),v++):(pe=t,$===0&&Fe(C));else Y=t;return Y!==t&&(D=ne,Y=h()),ne=Y,ne}function qe(){var ne,Y,pe;if(ne=v,Y=[],y.test(r.charAt(v))?(pe=r.charAt(v),v++):(pe=t,$===0&&Fe(B)),pe!==t)for(;pe!==t;)Y.push(pe),y.test(r.charAt(v))?(pe=r.charAt(v),v++):(pe=t,$===0&&Fe(B));else Y=t;return Y!==t&&(D=ne,Y=h()),ne=Y,ne}if(V=n(),V!==t&&v===r.length)return V;throw V!==t&&v<r.length&&Fe(F()),oe(j,H<r.length?r.charAt(H):null,H<r.length?ke(H,H+1):ke(H,H))}OK.exports={SyntaxError:Ul,parse:Kge}});var Gl=w((fXe,Hl)=>{"use strict";function UK(r){return typeof r>"u"||r===null}function Uge(r){return typeof r=="object"&&r!==null}function Hge(r){return Array.isArray(r)?r:UK(r)?[]:[r]}function Gge(r,e){var t,i,n,s;if(e)for(s=Object.keys(e),t=0,i=s.length;t<i;t+=1)n=s[t],r[n]=e[n];return r}function Yge(r,e){var t="",i;for(i=0;i<e;i+=1)t+=r;return t}function jge(r){return r===0&&Number.NEGATIVE_INFINITY===1/r}Hl.exports.isNothing=UK;Hl.exports.isObject=Uge;Hl.exports.toArray=Hge;Hl.exports.repeat=Yge;Hl.exports.isNegativeZero=jge;Hl.exports.extend=Gge});var Qg=w((hXe,HK)=>{"use strict";function Op(r,e){Error.call(this),this.name="YAMLException",this.reason=r,this.mark=e,this.message=(this.reason||"(unknown reason)")+(this.mark?" "+this.mark.toString():""),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=new Error().stack||""}Op.prototype=Object.create(Error.prototype);Op.prototype.constructor=Op;Op.prototype.toString=function(e){var t=this.name+": ";return t+=this.reason||"(unknown reason)",!e&&this.mark&&(t+=" "+this.mark.toString()),t};HK.exports=Op});var jK=w((pXe,YK)=>{"use strict";var GK=Gl();function SS(r,e,t,i,n){this.name=r,this.buffer=e,this.position=t,this.line=i,this.column=n}SS.prototype.getSnippet=function(e,t){var i,n,s,o,a;if(!this.buffer)return null;for(e=e||4,t=t||75,i="",n=this.position;n>0&&`\0\r
-\x85\u2028\u2029`.indexOf(this.buffer.charAt(n-1))===-1;)if(n-=1,this.position-n>t/2-1){i=" ... ",n+=5;break}for(s="",o=this.position;o<this.buffer.length&&`\0\r
-\x85\u2028\u2029`.indexOf(this.buffer.charAt(o))===-1;)if(o+=1,o-this.position>t/2-1){s=" ... ",o-=5;break}return a=this.buffer.slice(n,o),GK.repeat(" ",e)+i+a+s+`
-`+GK.repeat(" ",e+this.position-n+i.length)+"^"};SS.prototype.toString=function(e){var t,i="";return this.name&&(i+='in "'+this.name+'" '),i+="at line "+(this.line+1)+", column "+(this.column+1),e||(t=this.getSnippet(),t&&(i+=`:
-`+t)),i};YK.exports=SS});var si=w((dXe,JK)=>{"use strict";var qK=Qg(),qge=["kind","resolve","construct","instanceOf","predicate","represent","defaultStyle","styleAliases"],Jge=["scalar","sequence","mapping"];function Wge(r){var e={};return r!==null&&Object.keys(r).forEach(function(t){r[t].forEach(function(i){e[String(i)]=t})}),e}function zge(r,e){if(e=e||{},Object.keys(e).forEach(function(t){if(qge.indexOf(t)===-1)throw new qK('Unknown option "'+t+'" is met in definition of "'+r+'" YAML type.')}),this.tag=r,this.kind=e.kind||null,this.resolve=e.resolve||function(){return!0},this.construct=e.construct||function(t){return t},this.instanceOf=e.instanceOf||null,this.predicate=e.predicate||null,this.represent=e.represent||null,this.defaultStyle=e.defaultStyle||null,this.styleAliases=Wge(e.styleAliases||null),Jge.indexOf(this.kind)===-1)throw new qK('Unknown kind "'+this.kind+'" is specified for "'+r+'" YAML type.')}JK.exports=zge});var Yl=w((CXe,zK)=>{"use strict";var WK=Gl(),nI=Qg(),Vge=si();function vS(r,e,t){var i=[];return r.include.forEach(function(n){t=vS(n,e,t)}),r[e].forEach(function(n){t.forEach(function(s,o){s.tag===n.tag&&s.kind===n.kind&&i.push(o)}),t.push(n)}),t.filter(function(n,s){return i.indexOf(s)===-1})}function Xge(){var r={scalar:{},sequence:{},mapping:{},fallback:{}},e,t;function i(n){r[n.kind][n.tag]=r.fallback[n.tag]=n}for(e=0,t=arguments.length;e<t;e+=1)arguments[e].forEach(i);return r}function bg(r){this.include=r.include||[],this.implicit=r.implicit||[],this.explicit=r.explicit||[],this.implicit.forEach(function(e){if(e.loadKind&&e.loadKind!=="scalar")throw new nI("There is a non-scalar type in the implicit list of a schema. Implicit resolving of such types is not supported.")}),this.compiledImplicit=vS(this,"implicit",[]),this.compiledExplicit=vS(this,"explicit",[]),this.compiledTypeMap=Xge(this.compiledImplicit,this.compiledExplicit)}bg.DEFAULT=null;bg.create=function(){var e,t;switch(arguments.length){case 1:e=bg.DEFAULT,t=arguments[0];break;case 2:e=arguments[0],t=arguments[1];break;default:throw new nI("Wrong number of arguments for Schema.create function")}if(e=WK.toArray(e),t=WK.toArray(t),!e.every(function(i){return i instanceof bg}))throw new nI("Specified list of super schemas (or a single Schema object) contains a non-Schema object.");if(!t.every(function(i){return i instanceof Vge}))throw new nI("Specified list of YAML types (or a single Type object) contains a non-Type object.");return new bg({include:e,explicit:t})};zK.exports=bg});var XK=w((mXe,VK)=>{"use strict";var _ge=si();VK.exports=new _ge("tag:yaml.org,2002:str",{kind:"scalar",construct:function(r){return r!==null?r:""}})});var ZK=w((EXe,_K)=>{"use strict";var Zge=si();_K.exports=new Zge("tag:yaml.org,2002:seq",{kind:"sequence",construct:function(r){return r!==null?r:[]}})});var eU=w((IXe,$K)=>{"use strict";var $ge=si();$K.exports=new $ge("tag:yaml.org,2002:map",{kind:"mapping",construct:function(r){return r!==null?r:{}}})});var sI=w((yXe,tU)=>{"use strict";var efe=Yl();tU.exports=new efe({explicit:[XK(),ZK(),eU()]})});var iU=w((wXe,rU)=>{"use strict";var tfe=si();function rfe(r){if(r===null)return!0;var e=r.length;return e===1&&r==="~"||e===4&&(r==="null"||r==="Null"||r==="NULL")}function ife(){return null}function nfe(r){return r===null}rU.exports=new tfe("tag:yaml.org,2002:null",{kind:"scalar",resolve:rfe,construct:ife,predicate:nfe,represent:{canonical:function(){return"~"},lowercase:function(){return"null"},uppercase:function(){return"NULL"},camelcase:function(){return"Null"}},defaultStyle:"lowercase"})});var sU=w((BXe,nU)=>{"use strict";var sfe=si();function ofe(r){if(r===null)return!1;var e=r.length;return e===4&&(r==="true"||r==="True"||r==="TRUE")||e===5&&(r==="false"||r==="False"||r==="FALSE")}function afe(r){return r==="true"||r==="True"||r==="TRUE"}function Afe(r){return Object.prototype.toString.call(r)==="[object Boolean]"}nU.exports=new sfe("tag:yaml.org,2002:bool",{kind:"scalar",resolve:ofe,construct:afe,predicate:Afe,represent:{lowercase:function(r){return r?"true":"false"},uppercase:function(r){return r?"TRUE":"FALSE"},camelcase:function(r){return r?"True":"False"}},defaultStyle:"lowercase"})});var aU=w((QXe,oU)=>{"use strict";var lfe=Gl(),cfe=si();function ufe(r){return 48<=r&&r<=57||65<=r&&r<=70||97<=r&&r<=102}function gfe(r){return 48<=r&&r<=55}function ffe(r){return 48<=r&&r<=57}function hfe(r){if(r===null)return!1;var e=r.length,t=0,i=!1,n;if(!e)return!1;if(n=r[t],(n==="-"||n==="+")&&(n=r[++t]),n==="0"){if(t+1===e)return!0;if(n=r[++t],n==="b"){for(t++;t<e;t++)if(n=r[t],n!=="_"){if(n!=="0"&&n!=="1")return!1;i=!0}return i&&n!=="_"}if(n==="x"){for(t++;t<e;t++)if(n=r[t],n!=="_"){if(!ufe(r.charCodeAt(t)))return!1;i=!0}return i&&n!=="_"}for(;t<e;t++)if(n=r[t],n!=="_"){if(!gfe(r.charCodeAt(t)))return!1;i=!0}return i&&n!=="_"}if(n==="_")return!1;for(;t<e;t++)if(n=r[t],n!=="_"){if(n===":")break;if(!ffe(r.charCodeAt(t)))return!1;i=!0}return!i||n==="_"?!1:n!==":"?!0:/^(:[0-5]?[0-9])+$/.test(r.slice(t))}function pfe(r){var e=r,t=1,i,n,s=[];return e.indexOf("_")!==-1&&(e=e.replace(/_/g,"")),i=e[0],(i==="-"||i==="+")&&(i==="-"&&(t=-1),e=e.slice(1),i=e[0]),e==="0"?0:i==="0"?e[1]==="b"?t*parseInt(e.slice(2),2):e[1]==="x"?t*parseInt(e,16):t*parseInt(e,8):e.indexOf(":")!==-1?(e.split(":").forEach(function(o){s.unshift(parseInt(o,10))}),e=0,n=1,s.forEach(function(o){e+=o*n,n*=60}),t*e):t*parseInt(e,10)}function dfe(r){return Object.prototype.toString.call(r)==="[object Number]"&&r%1===0&&!lfe.isNegativeZero(r)}oU.exports=new cfe("tag:yaml.org,2002:int",{kind:"scalar",resolve:hfe,construct:pfe,predicate:dfe,represent:{binary:function(r){return r>=0?"0b"+r.toString(2):"-0b"+r.toString(2).slice(1)},octal:function(r){return r>=0?"0"+r.toString(8):"-0"+r.toString(8).slice(1)},decimal:function(r){return r.toString(10)},hexadecimal:function(r){return r>=0?"0x"+r.toString(16).toUpperCase():"-0x"+r.toString(16).toUpperCase().slice(1)}},defaultStyle:"decimal",styleAliases:{binary:[2,"bin"],octal:[8,"oct"],decimal:[10,"dec"],hexadecimal:[16,"hex"]}})});var cU=w((bXe,lU)=>{"use strict";var AU=Gl(),Cfe=si(),mfe=new RegExp("^(?:[-+]?(?:0|[1-9][0-9_]*)(?:\\.[0-9_]*)?(?:[eE][-+]?[0-9]+)?|\\.[0-9_]+(?:[eE][-+]?[0-9]+)?|[-+]?[0-9][0-9_]*(?::[0-5]?[0-9])+\\.[0-9_]*|[-+]?\\.(?:inf|Inf|INF)|\\.(?:nan|NaN|NAN))$");function Efe(r){return!(r===null||!mfe.test(r)||r[r.length-1]==="_")}function Ife(r){var e,t,i,n;return e=r.replace(/_/g,"").toLowerCase(),t=e[0]==="-"?-1:1,n=[],"+-".indexOf(e[0])>=0&&(e=e.slice(1)),e===".inf"?t===1?Number.POSITIVE_INFINITY:Number.NEGATIVE_INFINITY:e===".nan"?NaN:e.indexOf(":")>=0?(e.split(":").forEach(function(s){n.unshift(parseFloat(s,10))}),e=0,i=1,n.forEach(function(s){e+=s*i,i*=60}),t*e):t*parseFloat(e,10)}var yfe=/^[-+]?[0-9]+e/;function wfe(r,e){var t;if(isNaN(r))switch(e){case"lowercase":return".nan";case"uppercase":return".NAN";case"camelcase":return".NaN"}else if(Number.POSITIVE_INFINITY===r)switch(e){case"lowercase":return".inf";case"uppercase":return".INF";case"camelcase":return".Inf"}else if(Number.NEGATIVE_INFINITY===r)switch(e){case"lowercase":return"-.inf";case"uppercase":return"-.INF";case"camelcase":return"-.Inf"}else if(AU.isNegativeZero(r))return"-0.0";return t=r.toString(10),yfe.test(t)?t.replace("e",".e"):t}function Bfe(r){return Object.prototype.toString.call(r)==="[object Number]"&&(r%1!==0||AU.isNegativeZero(r))}lU.exports=new Cfe("tag:yaml.org,2002:float",{kind:"scalar",resolve:Efe,construct:Ife,predicate:Bfe,represent:wfe,defaultStyle:"lowercase"})});var xS=w((SXe,uU)=>{"use strict";var Qfe=Yl();uU.exports=new Qfe({include:[sI()],implicit:[iU(),sU(),aU(),cU()]})});var PS=w((vXe,gU)=>{"use strict";var bfe=Yl();gU.exports=new bfe({include:[xS()]})});var dU=w((xXe,pU)=>{"use strict";var Sfe=si(),fU=new RegExp("^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-9][0-9])$"),hU=new RegExp("^([0-9][0-9][0-9][0-9])-([0-9][0-9]?)-([0-9][0-9]?)(?:[Tt]|[ \\t]+)([0-9][0-9]?):([0-9][0-9]):([0-9][0-9])(?:\\.([0-9]*))?(?:[ \\t]*(Z|([-+])([0-9][0-9]?)(?::([0-9][0-9]))?))?$");function vfe(r){return r===null?!1:fU.exec(r)!==null||hU.exec(r)!==null}function xfe(r){var e,t,i,n,s,o,a,l=0,c=null,u,g,f;if(e=fU.exec(r),e===null&&(e=hU.exec(r)),e===null)throw new Error("Date resolve error");if(t=+e[1],i=+e[2]-1,n=+e[3],!e[4])return new Date(Date.UTC(t,i,n));if(s=+e[4],o=+e[5],a=+e[6],e[7]){for(l=e[7].slice(0,3);l.length<3;)l+="0";l=+l}return e[9]&&(u=+e[10],g=+(e[11]||0),c=(u*60+g)*6e4,e[9]==="-"&&(c=-c)),f=new Date(Date.UTC(t,i,n,s,o,a,l)),c&&f.setTime(f.getTime()-c),f}function Pfe(r){return r.toISOString()}pU.exports=new Sfe("tag:yaml.org,2002:timestamp",{kind:"scalar",resolve:vfe,construct:xfe,instanceOf:Date,represent:Pfe})});var mU=w((PXe,CU)=>{"use strict";var Dfe=si();function kfe(r){return r==="<<"||r===null}CU.exports=new Dfe("tag:yaml.org,2002:merge",{kind:"scalar",resolve:kfe})});var yU=w((DXe,IU)=>{"use strict";var jl;try{EU=J,jl=EU("buffer").Buffer}catch{}var EU,Rfe=si(),DS=`ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
-\r`;function Ffe(r){if(r===null)return!1;var e,t,i=0,n=r.length,s=DS;for(t=0;t<n;t++)if(e=s.indexOf(r.charAt(t)),!(e>64)){if(e<0)return!1;i+=6}return i%8===0}function Nfe(r){var e,t,i=r.replace(/[\r\n=]/g,""),n=i.length,s=DS,o=0,a=[];for(e=0;e<n;e++)e%4===0&&e&&(a.push(o>>16&255),a.push(o>>8&255),a.push(o&255)),o=o<<6|s.indexOf(i.charAt(e));return t=n%4*6,t===0?(a.push(o>>16&255),a.push(o>>8&255),a.push(o&255)):t===18?(a.push(o>>10&255),a.push(o>>2&255)):t===12&&a.push(o>>4&255),jl?jl.from?jl.from(a):new jl(a):a}function Lfe(r){var e="",t=0,i,n,s=r.length,o=DS;for(i=0;i<s;i++)i%3===0&&i&&(e+=o[t>>18&63],e+=o[t>>12&63],e+=o[t>>6&63],e+=o[t&63]),t=(t<<8)+r[i];return n=s%3,n===0?(e+=o[t>>18&63],e+=o[t>>12&63],e+=o[t>>6&63],e+=o[t&63]):n===2?(e+=o[t>>10&63],e+=o[t>>4&63],e+=o[t<<2&63],e+=o[64]):n===1&&(e+=o[t>>2&63],e+=o[t<<4&63],e+=o[64],e+=o[64]),e}function Tfe(r){return jl&&jl.isBuffer(r)}IU.exports=new Rfe("tag:yaml.org,2002:binary",{kind:"scalar",resolve:Ffe,construct:Nfe,predicate:Tfe,represent:Lfe})});var BU=w((kXe,wU)=>{"use strict";var Ofe=si(),Mfe=Object.prototype.hasOwnProperty,Kfe=Object.prototype.toString;function Ufe(r){if(r===null)return!0;var e=[],t,i,n,s,o,a=r;for(t=0,i=a.length;t<i;t+=1){if(n=a[t],o=!1,Kfe.call(n)!=="[object Object]")return!1;for(s in n)if(Mfe.call(n,s))if(!o)o=!0;else return!1;if(!o)return!1;if(e.indexOf(s)===-1)e.push(s);else return!1}return!0}function Hfe(r){return r!==null?r:[]}wU.exports=new Ofe("tag:yaml.org,2002:omap",{kind:"sequence",resolve:Ufe,construct:Hfe})});var bU=w((RXe,QU)=>{"use strict";var Gfe=si(),Yfe=Object.prototype.toString;function jfe(r){if(r===null)return!0;var e,t,i,n,s,o=r;for(s=new Array(o.length),e=0,t=o.length;e<t;e+=1){if(i=o[e],Yfe.call(i)!=="[object Object]"||(n=Object.keys(i),n.length!==1))return!1;s[e]=[n[0],i[n[0]]]}return!0}function qfe(r){if(r===null)return[];var e,t,i,n,s,o=r;for(s=new Array(o.length),e=0,t=o.length;e<t;e+=1)i=o[e],n=Object.keys(i),s[e]=[n[0],i[n[0]]];return s}QU.exports=new Gfe("tag:yaml.org,2002:pairs",{kind:"sequence",resolve:jfe,construct:qfe})});var vU=w((FXe,SU)=>{"use strict";var Jfe=si(),Wfe=Object.prototype.hasOwnProperty;function zfe(r){if(r===null)return!0;var e,t=r;for(e in t)if(Wfe.call(t,e)&&t[e]!==null)return!1;return!0}function Vfe(r){return r!==null?r:{}}SU.exports=new Jfe("tag:yaml.org,2002:set",{kind:"mapping",resolve:zfe,construct:Vfe})});var Sg=w((NXe,xU)=>{"use strict";var Xfe=Yl();xU.exports=new Xfe({include:[PS()],implicit:[dU(),mU()],explicit:[yU(),BU(),bU(),vU()]})});var DU=w((LXe,PU)=>{"use strict";var _fe=si();function Zfe(){return!0}function $fe(){}function ehe(){return""}function the(r){return typeof r>"u"}PU.exports=new _fe("tag:yaml.org,2002:js/undefined",{kind:"scalar",resolve:Zfe,construct:$fe,predicate:the,represent:ehe})});var RU=w((TXe,kU)=>{"use strict";var rhe=si();function ihe(r){if(r===null||r.length===0)return!1;var e=r,t=/\/([gim]*)$/.exec(r),i="";return!(e[0]==="/"&&(t&&(i=t[1]),i.length>3||e[e.length-i.length-1]!=="/"))}function nhe(r){var e=r,t=/\/([gim]*)$/.exec(r),i="";return e[0]==="/"&&(t&&(i=t[1]),e=e.slice(1,e.length-i.length-1)),new RegExp(e,i)}function she(r){var e="/"+r.source+"/";return r.global&&(e+="g"),r.multiline&&(e+="m"),r.ignoreCase&&(e+="i"),e}function ohe(r){return Object.prototype.toString.call(r)==="[object RegExp]"}kU.exports=new rhe("tag:yaml.org,2002:js/regexp",{kind:"scalar",resolve:ihe,construct:nhe,predicate:ohe,represent:she})});var LU=w((OXe,NU)=>{"use strict";var oI;try{FU=J,oI=FU("esprima")}catch{typeof window<"u"&&(oI=window.esprima)}var FU,ahe=si();function Ahe(r){if(r===null)return!1;try{var e="("+r+")",t=oI.parse(e,{range:!0});return!(t.type!=="Program"||t.body.length!==1||t.body[0].type!=="ExpressionStatement"||t.body[0].expression.type!=="ArrowFunctionExpression"&&t.body[0].expression.type!=="FunctionExpression")}catch{return!1}}function lhe(r){var e="("+r+")",t=oI.parse(e,{range:!0}),i=[],n;if(t.type!=="Program"||t.body.length!==1||t.body[0].type!=="ExpressionStatement"||t.body[0].expression.type!=="ArrowFunctionExpression"&&t.body[0].expression.type!=="FunctionExpression")throw new Error("Failed to resolve function");return t.body[0].expression.params.forEach(function(s){i.push(s.name)}),n=t.body[0].expression.body.range,t.body[0].expression.body.type==="BlockStatement"?new Function(i,e.slice(n[0]+1,n[1]-1)):new Function(i,"return "+e.slice(n[0],n[1]))}function che(r){return r.toString()}function uhe(r){return Object.prototype.toString.call(r)==="[object Function]"}NU.exports=new ahe("tag:yaml.org,2002:js/function",{kind:"scalar",resolve:Ahe,construct:lhe,predicate:uhe,represent:che})});var Mp=w((MXe,OU)=>{"use strict";var TU=Yl();OU.exports=TU.DEFAULT=new TU({include:[Sg()],explicit:[DU(),RU(),LU()]})});var r2=w((KXe,Kp)=>{"use strict";var da=Gl(),jU=Qg(),ghe=jK(),qU=Sg(),fhe=Mp(),wA=Object.prototype.hasOwnProperty,aI=1,JU=2,WU=3,AI=4,kS=1,hhe=2,MU=3,phe=/[\x00-\x08\x0B\x0C\x0E-\x1F\x7F-\x84\x86-\x9F\uFFFE\uFFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/,dhe=/[\x85\u2028\u2029]/,Che=/[,\[\]\{\}]/,zU=/^(?:!|!!|![a-z\-]+!)$/i,VU=/^(?:!|[^,\[\]\{\}])(?:%[0-9a-f]{2}|[0-9a-z\-#;\/\?:@&=\+\$,_\.!~\*'\(\)\[\]])*$/i;function KU(r){return Object.prototype.toString.call(r)}function Bo(r){return r===10||r===13}function Jl(r){return r===9||r===32}function un(r){return r===9||r===32||r===10||r===13}function vg(r){return r===44||r===91||r===93||r===123||r===125}function mhe(r){var e;return 48<=r&&r<=57?r-48:(e=r|32,97<=e&&e<=102?e-97+10:-1)}function Ehe(r){return r===120?2:r===117?4:r===85?8:0}function Ihe(r){return 48<=r&&r<=57?r-48:-1}function UU(r){return r===48?"\0":r===97?"\x07":r===98?"\b":r===116||r===9?"	":r===110?`
-`:r===118?"\v":r===102?"\f":r===114?"\r":r===101?"\x1B":r===32?" ":r===34?'"':r===47?"/":r===92?"\\":r===78?"\x85":r===95?"\xA0":r===76?"\u2028":r===80?"\u2029":""}function yhe(r){return r<=65535?String.fromCharCode(r):String.fromCharCode((r-65536>>10)+55296,(r-65536&1023)+56320)}var XU=new Array(256),_U=new Array(256);for(ql=0;ql<256;ql++)XU[ql]=UU(ql)?1:0,_U[ql]=UU(ql);var ql;function whe(r,e){this.input=r,this.filename=e.filename||null,this.schema=e.schema||fhe,this.onWarning=e.onWarning||null,this.legacy=e.legacy||!1,this.json=e.json||!1,this.listener=e.listener||null,this.implicitTypes=this.schema.compiledImplicit,this.typeMap=this.schema.compiledTypeMap,this.length=r.length,this.position=0,this.line=0,this.lineStart=0,this.lineIndent=0,this.documents=[]}function ZU(r,e){return new jU(e,new ghe(r.filename,r.input,r.position,r.line,r.position-r.lineStart))}function ft(r,e){throw ZU(r,e)}function lI(r,e){r.onWarning&&r.onWarning.call(null,ZU(r,e))}var HU={YAML:function(e,t,i){var n,s,o;e.version!==null&&ft(e,"duplication of %YAML directive"),i.length!==1&&ft(e,"YAML directive accepts exactly one argument"),n=/^([0-9]+)\.([0-9]+)$/.exec(i[0]),n===null&&ft(e,"ill-formed argument of the YAML directive"),s=parseInt(n[1],10),o=parseInt(n[2],10),s!==1&&ft(e,"unacceptable YAML version of the document"),e.version=i[0],e.checkLineBreaks=o<2,o!==1&&o!==2&&lI(e,"unsupported YAML version of the document")},TAG:function(e,t,i){var n,s;i.length!==2&&ft(e,"TAG directive accepts exactly two arguments"),n=i[0],s=i[1],zU.test(n)||ft(e,"ill-formed tag handle (first argument) of the TAG directive"),wA.call(e.tagMap,n)&&ft(e,'there is a previously declared suffix for "'+n+'" tag handle'),VU.test(s)||ft(e,"ill-formed tag prefix (second argument) of the TAG directive"),e.tagMap[n]=s}};function yA(r,e,t,i){var n,s,o,a;if(e<t){if(a=r.input.slice(e,t),i)for(n=0,s=a.length;n<s;n+=1)o=a.charCodeAt(n),o===9||32<=o&&o<=1114111||ft(r,"expected valid JSON character");else phe.test(a)&&ft(r,"the stream contains non-printable characters");r.result+=a}}function GU(r,e,t,i){var n,s,o,a;for(da.isObject(t)||ft(r,"cannot merge mappings; the provided source object is unacceptable"),n=Object.keys(t),o=0,a=n.length;o<a;o+=1)s=n[o],wA.call(e,s)||(e[s]=t[s],i[s]=!0)}function xg(r,e,t,i,n,s,o,a){var l,c;if(Array.isArray(n))for(n=Array.prototype.slice.call(n),l=0,c=n.length;l<c;l+=1)Array.isArray(n[l])&&ft(r,"nested arrays are not supported inside keys"),typeof n=="object"&&KU(n[l])==="[object Object]"&&(n[l]="[object Object]");if(typeof n=="object"&&KU(n)==="[object Object]"&&(n="[object Object]"),n=String(n),e===null&&(e={}),i==="tag:yaml.org,2002:merge")if(Array.isArray(s))for(l=0,c=s.length;l<c;l+=1)GU(r,e,s[l],t);else GU(r,e,s,t);else!r.json&&!wA.call(t,n)&&wA.call(e,n)&&(r.line=o||r.line,r.position=a||r.position,ft(r,"duplicated mapping key")),e[n]=s,delete t[n];return e}function RS(r){var e;e=r.input.charCodeAt(r.position),e===10?r.position++:e===13?(r.position++,r.input.charCodeAt(r.position)===10&&r.position++):ft(r,"a line break is expected"),r.line+=1,r.lineStart=r.position}function zr(r,e,t){for(var i=0,n=r.input.charCodeAt(r.position);n!==0;){for(;Jl(n);)n=r.input.charCodeAt(++r.position);if(e&&n===35)do n=r.input.charCodeAt(++r.position);while(n!==10&&n!==13&&n!==0);if(Bo(n))for(RS(r),n=r.input.charCodeAt(r.position),i++,r.lineIndent=0;n===32;)r.lineIndent++,n=r.input.charCodeAt(++r.position);else break}return t!==-1&&i!==0&&r.lineIndent<t&&lI(r,"deficient indentation"),i}function cI(r){var e=r.position,t;return t=r.input.charCodeAt(e),!!((t===45||t===46)&&t===r.input.charCodeAt(e+1)&&t===r.input.charCodeAt(e+2)&&(e+=3,t=r.input.charCodeAt(e),t===0||un(t)))}function FS(r,e){e===1?r.result+=" ":e>1&&(r.result+=da.repeat(`
-`,e-1))}function Bhe(r,e,t){var i,n,s,o,a,l,c,u,g=r.kind,f=r.result,h;if(h=r.input.charCodeAt(r.position),un(h)||vg(h)||h===35||h===38||h===42||h===33||h===124||h===62||h===39||h===34||h===37||h===64||h===96||(h===63||h===45)&&(n=r.input.charCodeAt(r.position+1),un(n)||t&&vg(n)))return!1;for(r.kind="scalar",r.result="",s=o=r.position,a=!1;h!==0;){if(h===58){if(n=r.input.charCodeAt(r.position+1),un(n)||t&&vg(n))break}else if(h===35){if(i=r.input.charCodeAt(r.position-1),un(i))break}else{if(r.position===r.lineStart&&cI(r)||t&&vg(h))break;if(Bo(h))if(l=r.line,c=r.lineStart,u=r.lineIndent,zr(r,!1,-1),r.lineIndent>=e){a=!0,h=r.input.charCodeAt(r.position);continue}else{r.position=o,r.line=l,r.lineStart=c,r.lineIndent=u;break}}a&&(yA(r,s,o,!1),FS(r,r.line-l),s=o=r.position,a=!1),Jl(h)||(o=r.position+1),h=r.input.charCodeAt(++r.position)}return yA(r,s,o,!1),r.result?!0:(r.kind=g,r.result=f,!1)}function Qhe(r,e){var t,i,n;if(t=r.input.charCodeAt(r.position),t!==39)return!1;for(r.kind="scalar",r.result="",r.position++,i=n=r.position;(t=r.input.charCodeAt(r.position))!==0;)if(t===39)if(yA(r,i,r.position,!0),t=r.input.charCodeAt(++r.position),t===39)i=r.position,r.position++,n=r.position;else return!0;else Bo(t)?(yA(r,i,n,!0),FS(r,zr(r,!1,e)),i=n=r.position):r.position===r.lineStart&&cI(r)?ft(r,"unexpected end of the document within a single quoted scalar"):(r.position++,n=r.position);ft(r,"unexpected end of the stream within a single quoted scalar")}function bhe(r,e){var t,i,n,s,o,a;if(a=r.input.charCodeAt(r.position),a!==34)return!1;for(r.kind="scalar",r.result="",r.position++,t=i=r.position;(a=r.input.charCodeAt(r.position))!==0;){if(a===34)return yA(r,t,r.position,!0),r.position++,!0;if(a===92){if(yA(r,t,r.position,!0),a=r.input.charCodeAt(++r.position),Bo(a))zr(r,!1,e);else if(a<256&&XU[a])r.result+=_U[a],r.position++;else if((o=Ehe(a))>0){for(n=o,s=0;n>0;n--)a=r.input.charCodeAt(++r.position),(o=mhe(a))>=0?s=(s<<4)+o:ft(r,"expected hexadecimal character");r.result+=yhe(s),r.position++}else ft(r,"unknown escape sequence");t=i=r.position}else Bo(a)?(yA(r,t,i,!0),FS(r,zr(r,!1,e)),t=i=r.position):r.position===r.lineStart&&cI(r)?ft(r,"unexpected end of the document within a double quoted scalar"):(r.position++,i=r.position)}ft(r,"unexpected end of the stream within a double quoted scalar")}function She(r,e){var t=!0,i,n=r.tag,s,o=r.anchor,a,l,c,u,g,f={},h,p,C,y;if(y=r.input.charCodeAt(r.position),y===91)l=93,g=!1,s=[];else if(y===123)l=125,g=!0,s={};else return!1;for(r.anchor!==null&&(r.anchorMap[r.anchor]=s),y=r.input.charCodeAt(++r.position);y!==0;){if(zr(r,!0,e),y=r.input.charCodeAt(r.position),y===l)return r.position++,r.tag=n,r.anchor=o,r.kind=g?"mapping":"sequence",r.result=s,!0;t||ft(r,"missed comma between flow collection entries"),p=h=C=null,c=u=!1,y===63&&(a=r.input.charCodeAt(r.position+1),un(a)&&(c=u=!0,r.position++,zr(r,!0,e))),i=r.line,Pg(r,e,aI,!1,!0),p=r.tag,h=r.result,zr(r,!0,e),y=r.input.charCodeAt(r.position),(u||r.line===i)&&y===58&&(c=!0,y=r.input.charCodeAt(++r.position),zr(r,!0,e),Pg(r,e,aI,!1,!0),C=r.result),g?xg(r,s,f,p,h,C):c?s.push(xg(r,null,f,p,h,C)):s.push(h),zr(r,!0,e),y=r.input.charCodeAt(r.position),y===44?(t=!0,y=r.input.charCodeAt(++r.position)):t=!1}ft(r,"unexpected end of the stream within a flow collection")}function vhe(r,e){var t,i,n=kS,s=!1,o=!1,a=e,l=0,c=!1,u,g;if(g=r.input.charCodeAt(r.position),g===124)i=!1;else if(g===62)i=!0;else return!1;for(r.kind="scalar",r.result="";g!==0;)if(g=r.input.charCodeAt(++r.position),g===43||g===45)kS===n?n=g===43?MU:hhe:ft(r,"repeat of a chomping mode identifier");else if((u=Ihe(g))>=0)u===0?ft(r,"bad explicit indentation width of a block scalar; it cannot be less than one"):o?ft(r,"repeat of an indentation width identifier"):(a=e+u-1,o=!0);else break;if(Jl(g)){do g=r.input.charCodeAt(++r.position);while(Jl(g));if(g===35)do g=r.input.charCodeAt(++r.position);while(!Bo(g)&&g!==0)}for(;g!==0;){for(RS(r),r.lineIndent=0,g=r.input.charCodeAt(r.position);(!o||r.lineIndent<a)&&g===32;)r.lineIndent++,g=r.input.charCodeAt(++r.position);if(!o&&r.lineIndent>a&&(a=r.lineIndent),Bo(g)){l++;continue}if(r.lineIndent<a){n===MU?r.result+=da.repeat(`
-`,s?1+l:l):n===kS&&s&&(r.result+=`
-`);break}for(i?Jl(g)?(c=!0,r.result+=da.repeat(`
-`,s?1+l:l)):c?(c=!1,r.result+=da.repeat(`
-`,l+1)):l===0?s&&(r.result+=" "):r.result+=da.repeat(`
-`,l):r.result+=da.repeat(`
-`,s?1+l:l),s=!0,o=!0,l=0,t=r.position;!Bo(g)&&g!==0;)g=r.input.charCodeAt(++r.position);yA(r,t,r.position,!1)}return!0}function YU(r,e){var t,i=r.tag,n=r.anchor,s=[],o,a=!1,l;for(r.anchor!==null&&(r.anchorMap[r.anchor]=s),l=r.input.charCodeAt(r.position);l!==0&&!(l!==45||(o=r.input.charCodeAt(r.position+1),!un(o)));){if(a=!0,r.position++,zr(r,!0,-1)&&r.lineIndent<=e){s.push(null),l=r.input.charCodeAt(r.position);continue}if(t=r.line,Pg(r,e,WU,!1,!0),s.push(r.result),zr(r,!0,-1),l=r.input.charCodeAt(r.position),(r.line===t||r.lineIndent>e)&&l!==0)ft(r,"bad indentation of a sequence entry");else if(r.lineIndent<e)break}return a?(r.tag=i,r.anchor=n,r.kind="sequence",r.result=s,!0):!1}function xhe(r,e,t){var i,n,s,o,a=r.tag,l=r.anchor,c={},u={},g=null,f=null,h=null,p=!1,C=!1,y;for(r.anchor!==null&&(r.anchorMap[r.anchor]=c),y=r.input.charCodeAt(r.position);y!==0;){if(i=r.input.charCodeAt(r.position+1),s=r.line,o=r.position,(y===63||y===58)&&un(i))y===63?(p&&(xg(r,c,u,g,f,null),g=f=h=null),C=!0,p=!0,n=!0):p?(p=!1,n=!0):ft(r,"incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"),r.position+=1,y=i;else if(Pg(r,t,JU,!1,!0))if(r.line===s){for(y=r.input.charCodeAt(r.position);Jl(y);)y=r.input.charCodeAt(++r.position);if(y===58)y=r.input.charCodeAt(++r.position),un(y)||ft(r,"a whitespace character is expected after the key-value separator within a block mapping"),p&&(xg(r,c,u,g,f,null),g=f=h=null),C=!0,p=!1,n=!1,g=r.tag,f=r.result;else if(C)ft(r,"can not read an implicit mapping pair; a colon is missed");else return r.tag=a,r.anchor=l,!0}else if(C)ft(r,"can not read a block mapping entry; a multiline key may not be an implicit key");else return r.tag=a,r.anchor=l,!0;else break;if((r.line===s||r.lineIndent>e)&&(Pg(r,e,AI,!0,n)&&(p?f=r.result:h=r.result),p||(xg(r,c,u,g,f,h,s,o),g=f=h=null),zr(r,!0,-1),y=r.input.charCodeAt(r.position)),r.lineIndent>e&&y!==0)ft(r,"bad indentation of a mapping entry");else if(r.lineIndent<e)break}return p&&xg(r,c,u,g,f,null),C&&(r.tag=a,r.anchor=l,r.kind="mapping",r.result=c),C}function Phe(r){var e,t=!1,i=!1,n,s,o;if(o=r.input.charCodeAt(r.position),o!==33)return!1;if(r.tag!==null&&ft(r,"duplication of a tag property"),o=r.input.charCodeAt(++r.position),o===60?(t=!0,o=r.input.charCodeAt(++r.position)):o===33?(i=!0,n="!!",o=r.input.charCodeAt(++r.position)):n="!",e=r.position,t){do o=r.input.charCodeAt(++r.position);while(o!==0&&o!==62);r.position<r.length?(s=r.input.slice(e,r.position),o=r.input.charCodeAt(++r.position)):ft(r,"unexpected end of the stream within a verbatim tag")}else{for(;o!==0&&!un(o);)o===33&&(i?ft(r,"tag suffix cannot contain exclamation marks"):(n=r.input.slice(e-1,r.position+1),zU.test(n)||ft(r,"named tag handle cannot contain such characters"),i=!0,e=r.position+1)),o=r.input.charCodeAt(++r.position);s=r.input.slice(e,r.position),Che.test(s)&&ft(r,"tag suffix cannot contain flow indicator characters")}return s&&!VU.test(s)&&ft(r,"tag name cannot contain such characters: "+s),t?r.tag=s:wA.call(r.tagMap,n)?r.tag=r.tagMap[n]+s:n==="!"?r.tag="!"+s:n==="!!"?r.tag="tag:yaml.org,2002:"+s:ft(r,'undeclared tag handle "'+n+'"'),!0}function Dhe(r){var e,t;if(t=r.input.charCodeAt(r.position),t!==38)return!1;for(r.anchor!==null&&ft(r,"duplication of an anchor property"),t=r.input.charCodeAt(++r.position),e=r.position;t!==0&&!un(t)&&!vg(t);)t=r.input.charCodeAt(++r.position);return r.position===e&&ft(r,"name of an anchor node must contain at least one character"),r.anchor=r.input.slice(e,r.position),!0}function khe(r){var e,t,i;if(i=r.input.charCodeAt(r.position),i!==42)return!1;for(i=r.input.charCodeAt(++r.position),e=r.position;i!==0&&!un(i)&&!vg(i);)i=r.input.charCodeAt(++r.position);return r.position===e&&ft(r,"name of an alias node must contain at least one character"),t=r.input.slice(e,r.position),wA.call(r.anchorMap,t)||ft(r,'unidentified alias "'+t+'"'),r.result=r.anchorMap[t],zr(r,!0,-1),!0}function Pg(r,e,t,i,n){var s,o,a,l=1,c=!1,u=!1,g,f,h,p,C;if(r.listener!==null&&r.listener("open",r),r.tag=null,r.anchor=null,r.kind=null,r.result=null,s=o=a=AI===t||WU===t,i&&zr(r,!0,-1)&&(c=!0,r.lineIndent>e?l=1:r.lineIndent===e?l=0:r.lineIndent<e&&(l=-1)),l===1)for(;Phe(r)||Dhe(r);)zr(r,!0,-1)?(c=!0,a=s,r.lineIndent>e?l=1:r.lineIndent===e?l=0:r.lineIndent<e&&(l=-1)):a=!1;if(a&&(a=c||n),(l===1||AI===t)&&(aI===t||JU===t?p=e:p=e+1,C=r.position-r.lineStart,l===1?a&&(YU(r,C)||xhe(r,C,p))||She(r,p)?u=!0:(o&&vhe(r,p)||Qhe(r,p)||bhe(r,p)?u=!0:khe(r)?(u=!0,(r.tag!==null||r.anchor!==null)&&ft(r,"alias node should not have any properties")):Bhe(r,p,aI===t)&&(u=!0,r.tag===null&&(r.tag="?")),r.anchor!==null&&(r.anchorMap[r.anchor]=r.result)):l===0&&(u=a&&YU(r,C))),r.tag!==null&&r.tag!=="!")if(r.tag==="?"){for(r.result!==null&&r.kind!=="scalar"&&ft(r,'unacceptable node kind for !<?> tag; it should be "scalar", not "'+r.kind+'"'),g=0,f=r.implicitTypes.length;g<f;g+=1)if(h=r.implicitTypes[g],h.resolve(r.result)){r.result=h.construct(r.result),r.tag=h.tag,r.anchor!==null&&(r.anchorMap[r.anchor]=r.result);break}}else wA.call(r.typeMap[r.kind||"fallback"],r.tag)?(h=r.typeMap[r.kind||"fallback"][r.tag],r.result!==null&&h.kind!==r.kind&&ft(r,"unacceptable node kind for !<"+r.tag+'> tag; it should be "'+h.kind+'", not "'+r.kind+'"'),h.resolve(r.result)?(r.result=h.construct(r.result),r.anchor!==null&&(r.anchorMap[r.anchor]=r.result)):ft(r,"cannot resolve a node with !<"+r.tag+"> explicit tag")):ft(r,"unknown tag !<"+r.tag+">");return r.listener!==null&&r.listener("close",r),r.tag!==null||r.anchor!==null||u}function Rhe(r){var e=r.position,t,i,n,s=!1,o;for(r.version=null,r.checkLineBreaks=r.legacy,r.tagMap={},r.anchorMap={};(o=r.input.charCodeAt(r.position))!==0&&(zr(r,!0,-1),o=r.input.charCodeAt(r.position),!(r.lineIndent>0||o!==37));){for(s=!0,o=r.input.charCodeAt(++r.position),t=r.position;o!==0&&!un(o);)o=r.input.charCodeAt(++r.position);for(i=r.input.slice(t,r.position),n=[],i.length<1&&ft(r,"directive name must not be less than one character in length");o!==0;){for(;Jl(o);)o=r.input.charCodeAt(++r.position);if(o===35){do o=r.input.charCodeAt(++r.position);while(o!==0&&!Bo(o));break}if(Bo(o))break;for(t=r.position;o!==0&&!un(o);)o=r.input.charCodeAt(++r.position);n.push(r.input.slice(t,r.position))}o!==0&&RS(r),wA.call(HU,i)?HU[i](r,i,n):lI(r,'unknown document directive "'+i+'"')}if(zr(r,!0,-1),r.lineIndent===0&&r.input.charCodeAt(r.position)===45&&r.input.charCodeAt(r.position+1)===45&&r.input.charCodeAt(r.position+2)===45?(r.position+=3,zr(r,!0,-1)):s&&ft(r,"directives end mark is expected"),Pg(r,r.lineIndent-1,AI,!1,!0),zr(r,!0,-1),r.checkLineBreaks&&dhe.test(r.input.slice(e,r.position))&&lI(r,"non-ASCII line breaks are interpreted as content"),r.documents.push(r.result),r.position===r.lineStart&&cI(r)){r.input.charCodeAt(r.position)===46&&(r.position+=3,zr(r,!0,-1));return}if(r.position<r.length-1)ft(r,"end of the stream or a document separator is expected");else return}function $U(r,e){r=String(r),e=e||{},r.length!==0&&(r.charCodeAt(r.length-1)!==10&&r.charCodeAt(r.length-1)!==13&&(r+=`
-`),r.charCodeAt(0)===65279&&(r=r.slice(1)));var t=new whe(r,e),i=r.indexOf("\0");for(i!==-1&&(t.position=i,ft(t,"null byte is not allowed in input")),t.input+="\0";t.input.charCodeAt(t.position)===32;)t.lineIndent+=1,t.position+=1;for(;t.position<t.length-1;)Rhe(t);return t.documents}function e2(r,e,t){e!==null&&typeof e=="object"&&typeof t>"u"&&(t=e,e=null);var i=$U(r,t);if(typeof e!="function")return i;for(var n=0,s=i.length;n<s;n+=1)e(i[n])}function t2(r,e){var t=$U(r,e);if(t.length!==0){if(t.length===1)return t[0];throw new jU("expected a single document in the stream, but found more")}}function Fhe(r,e,t){return typeof e=="object"&&e!==null&&typeof t>"u"&&(t=e,e=null),e2(r,e,da.extend({schema:qU},t))}function Nhe(r,e){return t2(r,da.extend({schema:qU},e))}Kp.exports.loadAll=e2;Kp.exports.load=t2;Kp.exports.safeLoadAll=Fhe;Kp.exports.safeLoad=Nhe});var b2=w((UXe,OS)=>{"use strict";var Hp=Gl(),Gp=Qg(),Lhe=Mp(),The=Sg(),c2=Object.prototype.toString,u2=Object.prototype.hasOwnProperty,Ohe=9,Up=10,Mhe=13,Khe=32,Uhe=33,Hhe=34,g2=35,Ghe=37,Yhe=38,jhe=39,qhe=42,f2=44,Jhe=45,h2=58,Whe=61,zhe=62,Vhe=63,Xhe=64,p2=91,d2=93,_he=96,C2=123,Zhe=124,m2=125,Fi={};Fi[0]="\\0";Fi[7]="\\a";Fi[8]="\\b";Fi[9]="\\t";Fi[10]="\\n";Fi[11]="\\v";Fi[12]="\\f";Fi[13]="\\r";Fi[27]="\\e";Fi[34]='\\"';Fi[92]="\\\\";Fi[133]="\\N";Fi[160]="\\_";Fi[8232]="\\L";Fi[8233]="\\P";var $he=["y","Y","yes","Yes","YES","on","On","ON","n","N","no","No","NO","off","Off","OFF"];function epe(r,e){var t,i,n,s,o,a,l;if(e===null)return{};for(t={},i=Object.keys(e),n=0,s=i.length;n<s;n+=1)o=i[n],a=String(e[o]),o.slice(0,2)==="!!"&&(o="tag:yaml.org,2002:"+o.slice(2)),l=r.compiledTypeMap.fallback[o],l&&u2.call(l.styleAliases,a)&&(a=l.styleAliases[a]),t[o]=a;return t}function i2(r){var e,t,i;if(e=r.toString(16).toUpperCase(),r<=255)t="x",i=2;else if(r<=65535)t="u",i=4;else if(r<=4294967295)t="U",i=8;else throw new Gp("code point within a string may not be greater than 0xFFFFFFFF");return"\\"+t+Hp.repeat("0",i-e.length)+e}function tpe(r){this.schema=r.schema||Lhe,this.indent=Math.max(1,r.indent||2),this.noArrayIndent=r.noArrayIndent||!1,this.skipInvalid=r.skipInvalid||!1,this.flowLevel=Hp.isNothing(r.flowLevel)?-1:r.flowLevel,this.styleMap=epe(this.schema,r.styles||null),this.sortKeys=r.sortKeys||!1,this.lineWidth=r.lineWidth||80,this.noRefs=r.noRefs||!1,this.noCompatMode=r.noCompatMode||!1,this.condenseFlow=r.condenseFlow||!1,this.implicitTypes=this.schema.compiledImplicit,this.explicitTypes=this.schema.compiledExplicit,this.tag=null,this.result="",this.duplicates=[],this.usedDuplicates=null}function n2(r,e){for(var t=Hp.repeat(" ",e),i=0,n=-1,s="",o,a=r.length;i<a;)n=r.indexOf(`
-`,i),n===-1?(o=r.slice(i),i=a):(o=r.slice(i,n+1),i=n+1),o.length&&o!==`
-`&&(s+=t),s+=o;return s}function NS(r,e){return`
-`+Hp.repeat(" ",r.indent*e)}function rpe(r,e){var t,i,n;for(t=0,i=r.implicitTypes.length;t<i;t+=1)if(n=r.implicitTypes[t],n.resolve(e))return!0;return!1}function TS(r){return r===Khe||r===Ohe}function Dg(r){return 32<=r&&r<=126||161<=r&&r<=55295&&r!==8232&&r!==8233||57344<=r&&r<=65533&&r!==65279||65536<=r&&r<=1114111}function ipe(r){return Dg(r)&&!TS(r)&&r!==65279&&r!==Mhe&&r!==Up}function s2(r,e){return Dg(r)&&r!==65279&&r!==f2&&r!==p2&&r!==d2&&r!==C2&&r!==m2&&r!==h2&&(r!==g2||e&&ipe(e))}function npe(r){return Dg(r)&&r!==65279&&!TS(r)&&r!==Jhe&&r!==Vhe&&r!==h2&&r!==f2&&r!==p2&&r!==d2&&r!==C2&&r!==m2&&r!==g2&&r!==Yhe&&r!==qhe&&r!==Uhe&&r!==Zhe&&r!==Whe&&r!==zhe&&r!==jhe&&r!==Hhe&&r!==Ghe&&r!==Xhe&&r!==_he}function E2(r){var e=/^\n* /;return e.test(r)}var I2=1,y2=2,w2=3,B2=4,uI=5;function spe(r,e,t,i,n){var s,o,a,l=!1,c=!1,u=i!==-1,g=-1,f=npe(r.charCodeAt(0))&&!TS(r.charCodeAt(r.length-1));if(e)for(s=0;s<r.length;s++){if(o=r.charCodeAt(s),!Dg(o))return uI;a=s>0?r.charCodeAt(s-1):null,f=f&&s2(o,a)}else{for(s=0;s<r.length;s++){if(o=r.charCodeAt(s),o===Up)l=!0,u&&(c=c||s-g-1>i&&r[g+1]!==" ",g=s);else if(!Dg(o))return uI;a=s>0?r.charCodeAt(s-1):null,f=f&&s2(o,a)}c=c||u&&s-g-1>i&&r[g+1]!==" "}return!l&&!c?f&&!n(r)?I2:y2:t>9&&E2(r)?uI:c?B2:w2}function ope(r,e,t,i){r.dump=function(){if(e.length===0)return"''";if(!r.noCompatMode&&$he.indexOf(e)!==-1)return"'"+e+"'";var n=r.indent*Math.max(1,t),s=r.lineWidth===-1?-1:Math.max(Math.min(r.lineWidth,40),r.lineWidth-n),o=i||r.flowLevel>-1&&t>=r.flowLevel;function a(l){return rpe(r,l)}switch(spe(e,o,r.indent,s,a)){case I2:return e;case y2:return"'"+e.replace(/'/g,"''")+"'";case w2:return"|"+o2(e,r.indent)+a2(n2(e,n));case B2:return">"+o2(e,r.indent)+a2(n2(ape(e,s),n));case uI:return'"'+Ape(e,s)+'"';default:throw new Gp("impossible error: invalid scalar style")}}()}function o2(r,e){var t=E2(r)?String(e):"",i=r[r.length-1]===`
-`,n=i&&(r[r.length-2]===`
-`||r===`
-`),s=n?"+":i?"":"-";return t+s+`
-`}function a2(r){return r[r.length-1]===`
-`?r.slice(0,-1):r}function ape(r,e){for(var t=/(\n+)([^\n]*)/g,i=function(){var c=r.indexOf(`
-`);return c=c!==-1?c:r.length,t.lastIndex=c,A2(r.slice(0,c),e)}(),n=r[0]===`
-`||r[0]===" ",s,o;o=t.exec(r);){var a=o[1],l=o[2];s=l[0]===" ",i+=a+(!n&&!s&&l!==""?`
-`:"")+A2(l,e),n=s}return i}function A2(r,e){if(r===""||r[0]===" ")return r;for(var t=/ [^ ]/g,i,n=0,s,o=0,a=0,l="";i=t.exec(r);)a=i.index,a-n>e&&(s=o>n?o:a,l+=`
-`+r.slice(n,s),n=s+1),o=a;return l+=`
-`,r.length-n>e&&o>n?l+=r.slice(n,o)+`
-`+r.slice(o+1):l+=r.slice(n),l.slice(1)}function Ape(r){for(var e="",t,i,n,s=0;s<r.length;s++){if(t=r.charCodeAt(s),t>=55296&&t<=56319&&(i=r.charCodeAt(s+1),i>=56320&&i<=57343)){e+=i2((t-55296)*1024+i-56320+65536),s++;continue}n=Fi[t],e+=!n&&Dg(t)?r[s]:n||i2(t)}return e}function lpe(r,e,t){var i="",n=r.tag,s,o;for(s=0,o=t.length;s<o;s+=1)Wl(r,e,t[s],!1,!1)&&(s!==0&&(i+=","+(r.condenseFlow?"":" ")),i+=r.dump);r.tag=n,r.dump="["+i+"]"}function cpe(r,e,t,i){var n="",s=r.tag,o,a;for(o=0,a=t.length;o<a;o+=1)Wl(r,e+1,t[o],!0,!0)&&((!i||o!==0)&&(n+=NS(r,e)),r.dump&&Up===r.dump.charCodeAt(0)?n+="-":n+="- ",n+=r.dump);r.tag=s,r.dump=n||"[]"}function upe(r,e,t){var i="",n=r.tag,s=Object.keys(t),o,a,l,c,u;for(o=0,a=s.length;o<a;o+=1)u="",o!==0&&(u+=", "),r.condenseFlow&&(u+='"'),l=s[o],c=t[l],Wl(r,e,l,!1,!1)&&(r.dump.length>1024&&(u+="? "),u+=r.dump+(r.condenseFlow?'"':"")+":"+(r.condenseFlow?"":" "),Wl(r,e,c,!1,!1)&&(u+=r.dump,i+=u));r.tag=n,r.dump="{"+i+"}"}function gpe(r,e,t,i){var n="",s=r.tag,o=Object.keys(t),a,l,c,u,g,f;if(r.sortKeys===!0)o.sort();else if(typeof r.sortKeys=="function")o.sort(r.sortKeys);else if(r.sortKeys)throw new Gp("sortKeys must be a boolean or a function");for(a=0,l=o.length;a<l;a+=1)f="",(!i||a!==0)&&(f+=NS(r,e)),c=o[a],u=t[c],Wl(r,e+1,c,!0,!0,!0)&&(g=r.tag!==null&&r.tag!=="?"||r.dump&&r.dump.length>1024,g&&(r.dump&&Up===r.dump.charCodeAt(0)?f+="?":f+="? "),f+=r.dump,g&&(f+=NS(r,e)),Wl(r,e+1,u,!0,g)&&(r.dump&&Up===r.dump.charCodeAt(0)?f+=":":f+=": ",f+=r.dump,n+=f));r.tag=s,r.dump=n||"{}"}function l2(r,e,t){var i,n,s,o,a,l;for(n=t?r.explicitTypes:r.implicitTypes,s=0,o=n.length;s<o;s+=1)if(a=n[s],(a.instanceOf||a.predicate)&&(!a.instanceOf||typeof e=="object"&&e instanceof a.instanceOf)&&(!a.predicate||a.predicate(e))){if(r.tag=t?a.tag:"?",a.represent){if(l=r.styleMap[a.tag]||a.defaultStyle,c2.call(a.represent)==="[object Function]")i=a.represent(e,l);else if(u2.call(a.represent,l))i=a.represent[l](e,l);else throw new Gp("!<"+a.tag+'> tag resolver accepts not "'+l+'" style');r.dump=i}return!0}return!1}function Wl(r,e,t,i,n,s){r.tag=null,r.dump=t,l2(r,t,!1)||l2(r,t,!0);var o=c2.call(r.dump);i&&(i=r.flowLevel<0||r.flowLevel>e);var a=o==="[object Object]"||o==="[object Array]",l,c;if(a&&(l=r.duplicates.indexOf(t),c=l!==-1),(r.tag!==null&&r.tag!=="?"||c||r.indent!==2&&e>0)&&(n=!1),c&&r.usedDuplicates[l])r.dump="*ref_"+l;else{if(a&&c&&!r.usedDuplicates[l]&&(r.usedDuplicates[l]=!0),o==="[object Object]")i&&Object.keys(r.dump).length!==0?(gpe(r,e,r.dump,n),c&&(r.dump="&ref_"+l+r.dump)):(upe(r,e,r.dump),c&&(r.dump="&ref_"+l+" "+r.dump));else if(o==="[object Array]"){var u=r.noArrayIndent&&e>0?e-1:e;i&&r.dump.length!==0?(cpe(r,u,r.dump,n),c&&(r.dump="&ref_"+l+r.dump)):(lpe(r,u,r.dump),c&&(r.dump="&ref_"+l+" "+r.dump))}else if(o==="[object String]")r.tag!=="?"&&ope(r,r.dump,e,s);else{if(r.skipInvalid)return!1;throw new Gp("unacceptable kind of an object to dump "+o)}r.tag!==null&&r.tag!=="?"&&(r.dump="!<"+r.tag+"> "+r.dump)}return!0}function fpe(r,e){var t=[],i=[],n,s;for(LS(r,t,i),n=0,s=i.length;n<s;n+=1)e.duplicates.push(t[i[n]]);e.usedDuplicates=new Array(s)}function LS(r,e,t){var i,n,s;if(r!==null&&typeof r=="object")if(n=e.indexOf(r),n!==-1)t.indexOf(n)===-1&&t.push(n);else if(e.push(r),Array.isArray(r))for(n=0,s=r.length;n<s;n+=1)LS(r[n],e,t);else for(i=Object.keys(r),n=0,s=i.length;n<s;n+=1)LS(r[i[n]],e,t)}function Q2(r,e){e=e||{};var t=new tpe(e);return t.noRefs||fpe(r,t),Wl(t,0,r,!0,!0)?t.dump+`
-`:""}function hpe(r,e){return Q2(r,Hp.extend({schema:The},e))}OS.exports.dump=Q2;OS.exports.safeDump=hpe});var v2=w((HXe,Fr)=>{"use strict";var gI=r2(),S2=b2();function fI(r){return function(){throw new Error("Function "+r+" is deprecated and cannot be used.")}}Fr.exports.Type=si();Fr.exports.Schema=Yl();Fr.exports.FAILSAFE_SCHEMA=sI();Fr.exports.JSON_SCHEMA=xS();Fr.exports.CORE_SCHEMA=PS();Fr.exports.DEFAULT_SAFE_SCHEMA=Sg();Fr.exports.DEFAULT_FULL_SCHEMA=Mp();Fr.exports.load=gI.load;Fr.exports.loadAll=gI.loadAll;Fr.exports.safeLoad=gI.safeLoad;Fr.exports.safeLoadAll=gI.safeLoadAll;Fr.exports.dump=S2.dump;Fr.exports.safeDump=S2.safeDump;Fr.exports.YAMLException=Qg();Fr.exports.MINIMAL_SCHEMA=sI();Fr.exports.SAFE_SCHEMA=Sg();Fr.exports.DEFAULT_SCHEMA=Mp();Fr.exports.scan=fI("scan");Fr.exports.parse=fI("parse");Fr.exports.compose=fI("compose");Fr.exports.addConstructor=fI("addConstructor")});var P2=w((GXe,x2)=>{"use strict";var ppe=v2();x2.exports=ppe});var k2=w((YXe,D2)=>{"use strict";function dpe(r,e){function t(){this.constructor=r}t.prototype=e.prototype,r.prototype=new t}function zl(r,e,t,i){this.message=r,this.expected=e,this.found=t,this.location=i,this.name="SyntaxError",typeof Error.captureStackTrace=="function"&&Error.captureStackTrace(this,zl)}dpe(zl,Error);zl.buildMessage=function(r,e){var t={literal:function(c){return'"'+n(c.text)+'"'},class:function(c){var u="",g;for(g=0;g<c.parts.length;g++)u+=c.parts[g]instanceof Array?s(c.parts[g][0])+"-"+s(c.parts[g][1]):s(c.parts[g]);return"["+(c.inverted?"^":"")+u+"]"},any:function(c){return"any character"},end:function(c){return"end of input"},other:function(c){return c.description}};function i(c){return c.charCodeAt(0).toString(16).toUpperCase()}function n(c){return c.replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\0/g,"\\0").replace(/\t/g,"\\t").replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/[\x00-\x0F]/g,function(u){return"\\x0"+i(u)}).replace(/[\x10-\x1F\x7F-\x9F]/g,function(u){return"\\x"+i(u)})}function s(c){return c.replace(/\\/g,"\\\\").replace(/\]/g,"\\]").replace(/\^/g,"\\^").replace(/-/g,"\\-").replace(/\0/g,"\\0").replace(/\t/g,"\\t").replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/[\x00-\x0F]/g,function(u){return"\\x0"+i(u)}).replace(/[\x10-\x1F\x7F-\x9F]/g,function(u){return"\\x"+i(u)})}function o(c){return t[c.type](c)}function a(c){var u=new Array(c.length),g,f;for(g=0;g<c.length;g++)u[g]=o(c[g]);if(u.sort(),u.length>0){for(g=1,f=1;g<u.length;g++)u[g-1]!==u[g]&&(u[f]=u[g],f++);u.length=f}switch(u.length){case 1:return u[0];case 2:return u[0]+" or "+u[1];default:return u.slice(0,-1).join(", ")+", or "+u[u.length-1]}}function l(c){return c?'"'+n(c)+'"':"end of input"}return"Expected "+a(r)+" but "+l(e)+" found."};function Cpe(r,e){e=e!==void 0?e:{};var t={},i={Start:Os},n=Os,s=function(R){return[].concat(...R)},o="-",a=ar("-",!1),l=function(R){return R},c=function(R){return Object.assign({},...R)},u="#",g=ar("#",!1),f=Sl(),h=function(){return{}},p=":",C=ar(":",!1),y=function(R,q){return{[R]:q}},B=",",v=ar(",",!1),D=function(R,q){return q},L=function(R,q,Ce){return Object.assign({},...[R].concat(q).map(Ke=>({[Ke]:Ce})))},H=function(R){return R},j=function(R){return R},$=Ts("correct indentation"),V=" ",W=ar(" ",!1),Z=function(R){return R.length===pA*ug},A=function(R){return R.length===(pA+1)*ug},ae=function(){return pA++,!0},ge=function(){return pA--,!0},re=function(){return sg()},O=Ts("pseudostring"),F=/^[^\r\n\t ?:,\][{}#&*!|>'"%@`\-]/,ue=Rn(["\r",`
-`,"	"," ","?",":",",","]","[","{","}","#","&","*","!","|",">","'",'"',"%","@","`","-"],!0,!1),he=/^[^\r\n\t ,\][{}:#"']/,ke=Rn(["\r",`
-`,"	"," ",",","]","[","{","}",":","#",'"',"'"],!0,!1),Fe=function(){return sg().replace(/^ *| *$/g,"")},Ne="--",oe=ar("--",!1),le=/^[a-zA-Z\/0-9]/,we=Rn([["a","z"],["A","Z"],"/",["0","9"]],!1,!1),fe=/^[^\r\n\t :,]/,Ae=Rn(["\r",`
-`,"	"," ",":",","],!0,!1),qe="null",ne=ar("null",!1),Y=function(){return null},pe="true",ie=ar("true",!1),de=function(){return!0},tt="false",Pt=ar("false",!1),It=function(){return!1},Or=Ts("string"),ii='"',gi=ar('"',!1),hr=function(){return""},fi=function(R){return R},ni=function(R){return R.join("")},Ls=/^[^"\\\0-\x1F\x7F]/,pr=Rn(['"',"\\",["\0",""],"\x7F"],!0,!1),Ei='\\"',_n=ar('\\"',!1),oa=function(){return'"'},aA="\\\\",eg=ar("\\\\",!1),Zn=function(){return"\\"},AA="\\/",aa=ar("\\/",!1),up=function(){return"/"},lA="\\b",cA=ar("\\b",!1),wr=function(){return"\b"},wl="\\f",tg=ar("\\f",!1),po=function(){return"\f"},rg="\\n",gp=ar("\\n",!1),fp=function(){return`
-`},vr="\\r",se=ar("\\r",!1),Co=function(){return"\r"},Dn="\\t",ig=ar("\\t",!1),Qt=function(){return"	"},Bl="\\u",kn=ar("\\u",!1),$n=function(R,q,Ce,Ke){return String.fromCharCode(parseInt(`0x${R}${q}${Ce}${Ke}`))},es=/^[0-9a-fA-F]/,gt=Rn([["0","9"],["a","f"],["A","F"]],!1,!1),mo=Ts("blank space"),At=/^[ \t]/,an=Rn([" ","	"],!1,!1),S=Ts("white space"),Tt=/^[ \t\n\r]/,ng=Rn([" ","	",`
-`,"\r"],!1,!1),Ql=`\r
-`,hp=ar(`\r
-`,!1),pp=`
-`,dp=ar(`
-`,!1),Cp="\r",mp=ar("\r",!1),G=0,yt=0,uA=[{line:1,column:1}],ji=0,bl=[],Xe=0,Aa;if("startRule"in e){if(!(e.startRule in i))throw new Error(`Can't start parsing from rule "`+e.startRule+'".');n=i[e.startRule]}function sg(){return r.substring(yt,G)}function bE(){return An(yt,G)}function Ep(R,q){throw q=q!==void 0?q:An(yt,G),vl([Ts(R)],r.substring(yt,G),q)}function SE(R,q){throw q=q!==void 0?q:An(yt,G),og(R,q)}function ar(R,q){return{type:"literal",text:R,ignoreCase:q}}function Rn(R,q,Ce){return{type:"class",parts:R,inverted:q,ignoreCase:Ce}}function Sl(){return{type:"any"}}function Ip(){return{type:"end"}}function Ts(R){return{type:"other",description:R}}function la(R){var q=uA[R],Ce;if(q)return q;for(Ce=R-1;!uA[Ce];)Ce--;for(q=uA[Ce],q={line:q.line,column:q.column};Ce<R;)r.charCodeAt(Ce)===10?(q.line++,q.column=1):q.column++,Ce++;return uA[R]=q,q}function An(R,q){var Ce=la(R),Ke=la(q);return{start:{offset:R,line:Ce.line,column:Ce.column},end:{offset:q,line:Ke.line,column:Ke.column}}}function Te(R){G<ji||(G>ji&&(ji=G,bl=[]),bl.push(R))}function og(R,q){return new zl(R,null,null,q)}function vl(R,q,Ce){return new zl(zl.buildMessage(R,q),R,q,Ce)}function Os(){var R;return R=ag(),R}function xl(){var R,q,Ce;for(R=G,q=[],Ce=gA();Ce!==t;)q.push(Ce),Ce=gA();return q!==t&&(yt=R,q=s(q)),R=q,R}function gA(){var R,q,Ce,Ke,Re;return R=G,q=ua(),q!==t?(r.charCodeAt(G)===45?(Ce=o,G++):(Ce=t,Xe===0&&Te(a)),Ce!==t?(Ke=Rr(),Ke!==t?(Re=ca(),Re!==t?(yt=R,q=l(Re),R=q):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)):(G=R,R=t),R}function ag(){var R,q,Ce;for(R=G,q=[],Ce=Ag();Ce!==t;)q.push(Ce),Ce=Ag();return q!==t&&(yt=R,q=c(q)),R=q,R}function Ag(){var R,q,Ce,Ke,Re,ze,dt,Ft,Fn;if(R=G,q=Rr(),q===t&&(q=null),q!==t){if(Ce=G,r.charCodeAt(G)===35?(Ke=u,G++):(Ke=t,Xe===0&&Te(g)),Ke!==t){if(Re=[],ze=G,dt=G,Xe++,Ft=Us(),Xe--,Ft===t?dt=void 0:(G=dt,dt=t),dt!==t?(r.length>G?(Ft=r.charAt(G),G++):(Ft=t,Xe===0&&Te(f)),Ft!==t?(dt=[dt,Ft],ze=dt):(G=ze,ze=t)):(G=ze,ze=t),ze!==t)for(;ze!==t;)Re.push(ze),ze=G,dt=G,Xe++,Ft=Us(),Xe--,Ft===t?dt=void 0:(G=dt,dt=t),dt!==t?(r.length>G?(Ft=r.charAt(G),G++):(Ft=t,Xe===0&&Te(f)),Ft!==t?(dt=[dt,Ft],ze=dt):(G=ze,ze=t)):(G=ze,ze=t);else Re=t;Re!==t?(Ke=[Ke,Re],Ce=Ke):(G=Ce,Ce=t)}else G=Ce,Ce=t;if(Ce===t&&(Ce=null),Ce!==t){if(Ke=[],Re=Ks(),Re!==t)for(;Re!==t;)Ke.push(Re),Re=Ks();else Ke=t;Ke!==t?(yt=R,q=h(),R=q):(G=R,R=t)}else G=R,R=t}else G=R,R=t;if(R===t&&(R=G,q=ua(),q!==t?(Ce=Pl(),Ce!==t?(Ke=Rr(),Ke===t&&(Ke=null),Ke!==t?(r.charCodeAt(G)===58?(Re=p,G++):(Re=t,Xe===0&&Te(C)),Re!==t?(ze=Rr(),ze===t&&(ze=null),ze!==t?(dt=ca(),dt!==t?(yt=R,q=y(Ce,dt),R=q):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)):(G=R,R=t),R===t&&(R=G,q=ua(),q!==t?(Ce=Ms(),Ce!==t?(Ke=Rr(),Ke===t&&(Ke=null),Ke!==t?(r.charCodeAt(G)===58?(Re=p,G++):(Re=t,Xe===0&&Te(C)),Re!==t?(ze=Rr(),ze===t&&(ze=null),ze!==t?(dt=ca(),dt!==t?(yt=R,q=y(Ce,dt),R=q):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)):(G=R,R=t),R===t))){if(R=G,q=ua(),q!==t)if(Ce=Ms(),Ce!==t)if(Ke=Rr(),Ke!==t)if(Re=vE(),Re!==t){if(ze=[],dt=Ks(),dt!==t)for(;dt!==t;)ze.push(dt),dt=Ks();else ze=t;ze!==t?(yt=R,q=y(Ce,Re),R=q):(G=R,R=t)}else G=R,R=t;else G=R,R=t;else G=R,R=t;else G=R,R=t;if(R===t)if(R=G,q=ua(),q!==t)if(Ce=Ms(),Ce!==t){if(Ke=[],Re=G,ze=Rr(),ze===t&&(ze=null),ze!==t?(r.charCodeAt(G)===44?(dt=B,G++):(dt=t,Xe===0&&Te(v)),dt!==t?(Ft=Rr(),Ft===t&&(Ft=null),Ft!==t?(Fn=Ms(),Fn!==t?(yt=Re,ze=D(Ce,Fn),Re=ze):(G=Re,Re=t)):(G=Re,Re=t)):(G=Re,Re=t)):(G=Re,Re=t),Re!==t)for(;Re!==t;)Ke.push(Re),Re=G,ze=Rr(),ze===t&&(ze=null),ze!==t?(r.charCodeAt(G)===44?(dt=B,G++):(dt=t,Xe===0&&Te(v)),dt!==t?(Ft=Rr(),Ft===t&&(Ft=null),Ft!==t?(Fn=Ms(),Fn!==t?(yt=Re,ze=D(Ce,Fn),Re=ze):(G=Re,Re=t)):(G=Re,Re=t)):(G=Re,Re=t)):(G=Re,Re=t);else Ke=t;Ke!==t?(Re=Rr(),Re===t&&(Re=null),Re!==t?(r.charCodeAt(G)===58?(ze=p,G++):(ze=t,Xe===0&&Te(C)),ze!==t?(dt=Rr(),dt===t&&(dt=null),dt!==t?(Ft=ca(),Ft!==t?(yt=R,q=L(Ce,Ke,Ft),R=q):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)}else G=R,R=t;else G=R,R=t}return R}function ca(){var R,q,Ce,Ke,Re,ze,dt;if(R=G,q=G,Xe++,Ce=G,Ke=Us(),Ke!==t?(Re=rt(),Re!==t?(r.charCodeAt(G)===45?(ze=o,G++):(ze=t,Xe===0&&Te(a)),ze!==t?(dt=Rr(),dt!==t?(Ke=[Ke,Re,ze,dt],Ce=Ke):(G=Ce,Ce=t)):(G=Ce,Ce=t)):(G=Ce,Ce=t)):(G=Ce,Ce=t),Xe--,Ce!==t?(G=q,q=void 0):q=t,q!==t?(Ce=Ks(),Ce!==t?(Ke=Eo(),Ke!==t?(Re=xl(),Re!==t?(ze=fA(),ze!==t?(yt=R,q=H(Re),R=q):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)):(G=R,R=t),R===t&&(R=G,q=Us(),q!==t?(Ce=Eo(),Ce!==t?(Ke=ag(),Ke!==t?(Re=fA(),Re!==t?(yt=R,q=H(Ke),R=q):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)):(G=R,R=t),R===t))if(R=G,q=Dl(),q!==t){if(Ce=[],Ke=Ks(),Ke!==t)for(;Ke!==t;)Ce.push(Ke),Ke=Ks();else Ce=t;Ce!==t?(yt=R,q=j(q),R=q):(G=R,R=t)}else G=R,R=t;return R}function ua(){var R,q,Ce;for(Xe++,R=G,q=[],r.charCodeAt(G)===32?(Ce=V,G++):(Ce=t,Xe===0&&Te(W));Ce!==t;)q.push(Ce),r.charCodeAt(G)===32?(Ce=V,G++):(Ce=t,Xe===0&&Te(W));return q!==t?(yt=G,Ce=Z(q),Ce?Ce=void 0:Ce=t,Ce!==t?(q=[q,Ce],R=q):(G=R,R=t)):(G=R,R=t),Xe--,R===t&&(q=t,Xe===0&&Te($)),R}function rt(){var R,q,Ce;for(R=G,q=[],r.charCodeAt(G)===32?(Ce=V,G++):(Ce=t,Xe===0&&Te(W));Ce!==t;)q.push(Ce),r.charCodeAt(G)===32?(Ce=V,G++):(Ce=t,Xe===0&&Te(W));return q!==t?(yt=G,Ce=A(q),Ce?Ce=void 0:Ce=t,Ce!==t?(q=[q,Ce],R=q):(G=R,R=t)):(G=R,R=t),R}function Eo(){var R;return yt=G,R=ae(),R?R=void 0:R=t,R}function fA(){var R;return yt=G,R=ge(),R?R=void 0:R=t,R}function Pl(){var R;return R=kl(),R===t&&(R=yp()),R}function Ms(){var R,q,Ce;if(R=kl(),R===t){if(R=G,q=[],Ce=lg(),Ce!==t)for(;Ce!==t;)q.push(Ce),Ce=lg();else q=t;q!==t&&(yt=R,q=re()),R=q}return R}function Dl(){var R;return R=wp(),R===t&&(R=xE(),R===t&&(R=kl(),R===t&&(R=yp()))),R}function vE(){var R;return R=wp(),R===t&&(R=kl(),R===t&&(R=lg())),R}function yp(){var R,q,Ce,Ke,Re,ze;if(Xe++,R=G,F.test(r.charAt(G))?(q=r.charAt(G),G++):(q=t,Xe===0&&Te(ue)),q!==t){for(Ce=[],Ke=G,Re=Rr(),Re===t&&(Re=null),Re!==t?(he.test(r.charAt(G))?(ze=r.charAt(G),G++):(ze=t,Xe===0&&Te(ke)),ze!==t?(Re=[Re,ze],Ke=Re):(G=Ke,Ke=t)):(G=Ke,Ke=t);Ke!==t;)Ce.push(Ke),Ke=G,Re=Rr(),Re===t&&(Re=null),Re!==t?(he.test(r.charAt(G))?(ze=r.charAt(G),G++):(ze=t,Xe===0&&Te(ke)),ze!==t?(Re=[Re,ze],Ke=Re):(G=Ke,Ke=t)):(G=Ke,Ke=t);Ce!==t?(yt=R,q=Fe(),R=q):(G=R,R=t)}else G=R,R=t;return Xe--,R===t&&(q=t,Xe===0&&Te(O)),R}function lg(){var R,q,Ce,Ke,Re;if(R=G,r.substr(G,2)===Ne?(q=Ne,G+=2):(q=t,Xe===0&&Te(oe)),q===t&&(q=null),q!==t)if(le.test(r.charAt(G))?(Ce=r.charAt(G),G++):(Ce=t,Xe===0&&Te(we)),Ce!==t){for(Ke=[],fe.test(r.charAt(G))?(Re=r.charAt(G),G++):(Re=t,Xe===0&&Te(Ae));Re!==t;)Ke.push(Re),fe.test(r.charAt(G))?(Re=r.charAt(G),G++):(Re=t,Xe===0&&Te(Ae));Ke!==t?(yt=R,q=Fe(),R=q):(G=R,R=t)}else G=R,R=t;else G=R,R=t;return R}function wp(){var R,q;return R=G,r.substr(G,4)===qe?(q=qe,G+=4):(q=t,Xe===0&&Te(ne)),q!==t&&(yt=R,q=Y()),R=q,R}function xE(){var R,q;return R=G,r.substr(G,4)===pe?(q=pe,G+=4):(q=t,Xe===0&&Te(ie)),q!==t&&(yt=R,q=de()),R=q,R===t&&(R=G,r.substr(G,5)===tt?(q=tt,G+=5):(q=t,Xe===0&&Te(Pt)),q!==t&&(yt=R,q=It()),R=q),R}function kl(){var R,q,Ce,Ke;return Xe++,R=G,r.charCodeAt(G)===34?(q=ii,G++):(q=t,Xe===0&&Te(gi)),q!==t?(r.charCodeAt(G)===34?(Ce=ii,G++):(Ce=t,Xe===0&&Te(gi)),Ce!==t?(yt=R,q=hr(),R=q):(G=R,R=t)):(G=R,R=t),R===t&&(R=G,r.charCodeAt(G)===34?(q=ii,G++):(q=t,Xe===0&&Te(gi)),q!==t?(Ce=PE(),Ce!==t?(r.charCodeAt(G)===34?(Ke=ii,G++):(Ke=t,Xe===0&&Te(gi)),Ke!==t?(yt=R,q=fi(Ce),R=q):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)),Xe--,R===t&&(q=t,Xe===0&&Te(Or)),R}function PE(){var R,q,Ce;if(R=G,q=[],Ce=cg(),Ce!==t)for(;Ce!==t;)q.push(Ce),Ce=cg();else q=t;return q!==t&&(yt=R,q=ni(q)),R=q,R}function cg(){var R,q,Ce,Ke,Re,ze;return Ls.test(r.charAt(G))?(R=r.charAt(G),G++):(R=t,Xe===0&&Te(pr)),R===t&&(R=G,r.substr(G,2)===Ei?(q=Ei,G+=2):(q=t,Xe===0&&Te(_n)),q!==t&&(yt=R,q=oa()),R=q,R===t&&(R=G,r.substr(G,2)===aA?(q=aA,G+=2):(q=t,Xe===0&&Te(eg)),q!==t&&(yt=R,q=Zn()),R=q,R===t&&(R=G,r.substr(G,2)===AA?(q=AA,G+=2):(q=t,Xe===0&&Te(aa)),q!==t&&(yt=R,q=up()),R=q,R===t&&(R=G,r.substr(G,2)===lA?(q=lA,G+=2):(q=t,Xe===0&&Te(cA)),q!==t&&(yt=R,q=wr()),R=q,R===t&&(R=G,r.substr(G,2)===wl?(q=wl,G+=2):(q=t,Xe===0&&Te(tg)),q!==t&&(yt=R,q=po()),R=q,R===t&&(R=G,r.substr(G,2)===rg?(q=rg,G+=2):(q=t,Xe===0&&Te(gp)),q!==t&&(yt=R,q=fp()),R=q,R===t&&(R=G,r.substr(G,2)===vr?(q=vr,G+=2):(q=t,Xe===0&&Te(se)),q!==t&&(yt=R,q=Co()),R=q,R===t&&(R=G,r.substr(G,2)===Dn?(q=Dn,G+=2):(q=t,Xe===0&&Te(ig)),q!==t&&(yt=R,q=Qt()),R=q,R===t&&(R=G,r.substr(G,2)===Bl?(q=Bl,G+=2):(q=t,Xe===0&&Te(kn)),q!==t?(Ce=hA(),Ce!==t?(Ke=hA(),Ke!==t?(Re=hA(),Re!==t?(ze=hA(),ze!==t?(yt=R,q=$n(Ce,Ke,Re,ze),R=q):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)):(G=R,R=t)))))))))),R}function hA(){var R;return es.test(r.charAt(G))?(R=r.charAt(G),G++):(R=t,Xe===0&&Te(gt)),R}function Rr(){var R,q;if(Xe++,R=[],At.test(r.charAt(G))?(q=r.charAt(G),G++):(q=t,Xe===0&&Te(an)),q!==t)for(;q!==t;)R.push(q),At.test(r.charAt(G))?(q=r.charAt(G),G++):(q=t,Xe===0&&Te(an));else R=t;return Xe--,R===t&&(q=t,Xe===0&&Te(mo)),R}function DE(){var R,q;if(Xe++,R=[],Tt.test(r.charAt(G))?(q=r.charAt(G),G++):(q=t,Xe===0&&Te(ng)),q!==t)for(;q!==t;)R.push(q),Tt.test(r.charAt(G))?(q=r.charAt(G),G++):(q=t,Xe===0&&Te(ng));else R=t;return Xe--,R===t&&(q=t,Xe===0&&Te(S)),R}function Ks(){var R,q,Ce,Ke,Re,ze;if(R=G,q=Us(),q!==t){for(Ce=[],Ke=G,Re=Rr(),Re===t&&(Re=null),Re!==t?(ze=Us(),ze!==t?(Re=[Re,ze],Ke=Re):(G=Ke,Ke=t)):(G=Ke,Ke=t);Ke!==t;)Ce.push(Ke),Ke=G,Re=Rr(),Re===t&&(Re=null),Re!==t?(ze=Us(),ze!==t?(Re=[Re,ze],Ke=Re):(G=Ke,Ke=t)):(G=Ke,Ke=t);Ce!==t?(q=[q,Ce],R=q):(G=R,R=t)}else G=R,R=t;return R}function Us(){var R;return r.substr(G,2)===Ql?(R=Ql,G+=2):(R=t,Xe===0&&Te(hp)),R===t&&(r.charCodeAt(G)===10?(R=pp,G++):(R=t,Xe===0&&Te(dp)),R===t&&(r.charCodeAt(G)===13?(R=Cp,G++):(R=t,Xe===0&&Te(mp)))),R}let ug=2,pA=0;if(Aa=n(),Aa!==t&&G===r.length)return Aa;throw Aa!==t&&G<r.length&&Te(Ip()),vl(bl,ji<r.length?r.charAt(ji):null,ji<r.length?An(ji,ji+1):An(ji,ji))}D2.exports={SyntaxError:zl,parse:Cpe}});var O2=w((zXe,KS)=>{"use strict";var wpe=r=>{let e=!1,t=!1,i=!1;for(let n=0;n<r.length;n++){let s=r[n];e&&/[a-zA-Z]/.test(s)&&s.toUpperCase()===s?(r=r.slice(0,n)+"-"+r.slice(n),e=!1,i=t,t=!0,n++):t&&i&&/[a-zA-Z]/.test(s)&&s.toLowerCase()===s?(r=r.slice(0,n-1)+"-"+r.slice(n-1),i=t,t=!1,e=!0):(e=s.toLowerCase()===s&&s.toUpperCase()!==s,i=t,t=s.toUpperCase()===s&&s.toLowerCase()!==s)}return r},T2=(r,e)=>{if(!(typeof r=="string"||Array.isArray(r)))throw new TypeError("Expected the input to be `string | string[]`");e=Object.assign({pascalCase:!1},e);let t=n=>e.pascalCase?n.charAt(0).toUpperCase()+n.slice(1):n;return Array.isArray(r)?r=r.map(n=>n.trim()).filter(n=>n.length).join("-"):r=r.trim(),r.length===0?"":r.length===1?e.pascalCase?r.toUpperCase():r.toLowerCase():(r!==r.toLowerCase()&&(r=wpe(r)),r=r.replace(/^[_.\- ]+/,"").toLowerCase().replace(/[_.\- ]+(\w|$)/g,(n,s)=>s.toUpperCase()).replace(/\d+(\w|$)/g,n=>n.toUpperCase()),t(r))};KS.exports=T2;KS.exports.default=T2});var M2=w((VXe,Bpe)=>{Bpe.exports=[{name:"AppVeyor",constant:"APPVEYOR",env:"APPVEYOR",pr:"APPVEYOR_PULL_REQUEST_NUMBER"},{name:"Azure Pipelines",constant:"AZURE_PIPELINES",env:"SYSTEM_TEAMFOUNDATIONCOLLECTIONURI",pr:"SYSTEM_PULLREQUEST_PULLREQUESTID"},{name:"Appcircle",constant:"APPCIRCLE",env:"AC_APPCIRCLE"},{name:"Bamboo",constant:"BAMBOO",env:"bamboo_planKey"},{name:"Bitbucket Pipelines",constant:"BITBUCKET",env:"BITBUCKET_COMMIT",pr:"BITBUCKET_PR_ID"},{name:"Bitrise",constant:"BITRISE",env:"BITRISE_IO",pr:"BITRISE_PULL_REQUEST"},{name:"Buddy",constant:"BUDDY",env:"BUDDY_WORKSPACE_ID",pr:"BUDDY_EXECUTION_PULL_REQUEST_ID"},{name:"Buildkite",constant:"BUILDKITE",env:"BUILDKITE",pr:{env:"BUILDKITE_PULL_REQUEST",ne:"false"}},{name:"CircleCI",constant:"CIRCLE",env:"CIRCLECI",pr:"CIRCLE_PULL_REQUEST"},{name:"Cirrus CI",constant:"CIRRUS",env:"CIRRUS_CI",pr:"CIRRUS_PR"},{name:"AWS CodeBuild",constant:"CODEBUILD",env:"CODEBUILD_BUILD_ARN"},{name:"Codefresh",constant:"CODEFRESH",env:"CF_BUILD_ID",pr:{any:["CF_PULL_REQUEST_NUMBER","CF_PULL_REQUEST_ID"]}},{name:"Codeship",constant:"CODESHIP",env:{CI_NAME:"codeship"}},{name:"Drone",constant:"DRONE",env:"DRONE",pr:{DRONE_BUILD_EVENT:"pull_request"}},{name:"dsari",constant:"DSARI",env:"DSARI"},{name:"GitHub Actions",constant:"GITHUB_ACTIONS",env:"GITHUB_ACTIONS",pr:{GITHUB_EVENT_NAME:"pull_request"}},{name:"GitLab CI",constant:"GITLAB",env:"GITLAB_CI",pr:"CI_MERGE_REQUEST_ID"},{name:"GoCD",constant:"GOCD",env:"GO_PIPELINE_LABEL"},{name:"LayerCI",constant:"LAYERCI",env:"LAYERCI",pr:"LAYERCI_PULL_REQUEST"},{name:"Hudson",constant:"HUDSON",env:"HUDSON_URL"},{name:"Jenkins",constant:"JENKINS",env:["JENKINS_URL","BUILD_ID"],pr:{any:["ghprbPullId","CHANGE_ID"]}},{name:"Magnum CI",constant:"MAGNUM",env:"MAGNUM"},{name:"Netlify CI",constant:"NETLIFY",env:"NETLIFY",pr:{env:"PULL_REQUEST",ne:"false"}},{name:"Nevercode",constant:"NEVERCODE",env:"NEVERCODE",pr:{env:"NEVERCODE_PULL_REQUEST",ne:"false"}},{name:"Render",constant:"RENDER",env:"RENDER",pr:{IS_PULL_REQUEST:"true"}},{name:"Sail CI",constant:"SAIL",env:"SAILCI",pr:"SAIL_PULL_REQUEST_NUMBER"},{name:"Semaphore",constant:"SEMAPHORE",env:"SEMAPHORE",pr:"PULL_REQUEST_NUMBER"},{name:"Screwdriver",constant:"SCREWDRIVER",env:"SCREWDRIVER",pr:{env:"SD_PULL_REQUEST",ne:"false"}},{name:"Shippable",constant:"SHIPPABLE",env:"SHIPPABLE",pr:{IS_PULL_REQUEST:"true"}},{name:"Solano CI",constant:"SOLANO",env:"TDDIUM",pr:"TDDIUM_PR_ID"},{name:"Strider CD",constant:"STRIDER",env:"STRIDER"},{name:"TaskCluster",constant:"TASKCLUSTER",env:["TASK_ID","RUN_ID"]},{name:"TeamCity",constant:"TEAMCITY",env:"TEAMCITY_VERSION"},{name:"Travis CI",constant:"TRAVIS",env:"TRAVIS",pr:{env:"TRAVIS_PULL_REQUEST",ne:"false"}},{name:"Vercel",constant:"VERCEL",env:"NOW_BUILDER"},{name:"Visual Studio App Center",constant:"APPCENTER",env:"APPCENTER_BUILD_ID"}]});var Vl=w(On=>{"use strict";var U2=M2(),Qo=process.env;Object.defineProperty(On,"_vendors",{value:U2.map(function(r){return r.constant})});On.name=null;On.isPR=null;U2.forEach(function(r){let t=(Array.isArray(r.env)?r.env:[r.env]).every(function(i){return K2(i)});if(On[r.constant]=t,t)switch(On.name=r.name,typeof r.pr){case"string":On.isPR=!!Qo[r.pr];break;case"object":"env"in r.pr?On.isPR=r.pr.env in Qo&&Qo[r.pr.env]!==r.pr.ne:"any"in r.pr?On.isPR=r.pr.any.some(function(i){return!!Qo[i]}):On.isPR=K2(r.pr);break;default:On.isPR=null}});On.isCI=!!(Qo.CI||Qo.CONTINUOUS_INTEGRATION||Qo.BUILD_NUMBER||Qo.RUN_ID||On.name);function K2(r){return typeof r=="string"?!!Qo[r]:Object.keys(r).every(function(e){return Qo[e]===r[e]})}});var gn={};ut(gn,{KeyRelationship:()=>Xl,applyCascade:()=>zp,base64RegExp:()=>q2,colorStringAlphaRegExp:()=>j2,colorStringRegExp:()=>Y2,computeKey:()=>BA,getPrintable:()=>Vr,hasExactLength:()=>X2,hasForbiddenKeys:()=>tde,hasKeyRelationship:()=>JS,hasMaxLength:()=>Mpe,hasMinLength:()=>Ope,hasMutuallyExclusiveKeys:()=>rde,hasRequiredKeys:()=>ede,hasUniqueItems:()=>Kpe,isArray:()=>Ppe,isAtLeast:()=>Gpe,isAtMost:()=>Ype,isBase64:()=>Zpe,isBoolean:()=>Spe,isDate:()=>xpe,isDict:()=>kpe,isEnum:()=>Wi,isHexColor:()=>_pe,isISO8601:()=>Xpe,isInExclusiveRange:()=>qpe,isInInclusiveRange:()=>jpe,isInstanceOf:()=>Fpe,isInteger:()=>Jpe,isJSON:()=>$pe,isLiteral:()=>Qpe,isLowerCase:()=>Wpe,isNegative:()=>Upe,isNullable:()=>Tpe,isNumber:()=>vpe,isObject:()=>Rpe,isOneOf:()=>Npe,isOptional:()=>Lpe,isPositive:()=>Hpe,isString:()=>Wp,isTuple:()=>Dpe,isUUID4:()=>Vpe,isUnknown:()=>V2,isUpperCase:()=>zpe,iso8601RegExp:()=>qS,makeCoercionFn:()=>_l,makeSetter:()=>z2,makeTrait:()=>W2,makeValidator:()=>bt,matchesRegExp:()=>Vp,plural:()=>EI,pushError:()=>pt,simpleKeyRegExp:()=>G2,uuid4RegExp:()=>J2});function bt({test:r}){return W2(r)()}function Vr(r){return r===null?"null":r===void 0?"undefined":r===""?"an empty string":JSON.stringify(r)}function BA(r,e){var t,i,n;return typeof e=="number"?`${(t=r==null?void 0:r.p)!==null&&t!==void 0?t:"."}[${e}]`:G2.test(e)?`${(i=r==null?void 0:r.p)!==null&&i!==void 0?i:""}.${e}`:`${(n=r==null?void 0:r.p)!==null&&n!==void 0?n:"."}[${JSON.stringify(e)}]`}function _l(r,e){return t=>{let i=r[e];return r[e]=t,_l(r,e).bind(null,i)}}function z2(r,e){return t=>{r[e]=t}}function EI(r,e,t){return r===1?e:t}function pt({errors:r,p:e}={},t){return r==null||r.push(`${e!=null?e:"."}: ${t}`),!1}function Qpe(r){return bt({test:(e,t)=>e!==r?pt(t,`Expected a literal (got ${Vr(r)})`):!0})}function Wi(r){let e=Array.isArray(r)?r:Object.values(r),t=new Set(e);return bt({test:(i,n)=>t.has(i)?!0:pt(n,`Expected a valid enumeration value (got ${Vr(i)})`)})}var G2,Y2,j2,q2,J2,qS,W2,V2,Wp,bpe,Spe,vpe,xpe,Ppe,Dpe,kpe,Rpe,Fpe,Npe,zp,Lpe,Tpe,Ope,Mpe,X2,Kpe,Upe,Hpe,Gpe,Ype,jpe,qpe,Jpe,Vp,Wpe,zpe,Vpe,Xpe,_pe,Zpe,$pe,ede,tde,rde,Xl,ide,JS,ns=Yue(()=>{G2=/^[a-zA-Z_][a-zA-Z0-9_]*$/,Y2=/^#[0-9a-f]{6}$/i,j2=/^#[0-9a-f]{6}([0-9a-f]{2})?$/i,q2=/^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=)?$/,J2=/^[a-f0-9]{8}-[a-f0-9]{4}-4[a-f0-9]{3}-[89aAbB][a-f0-9]{3}-[a-f0-9]{12}$/i,qS=/^(?:[1-9]\d{3}(-?)(?:(?:0[1-9]|1[0-2])\1(?:0[1-9]|1\d|2[0-8])|(?:0[13-9]|1[0-2])\1(?:29|30)|(?:0[13578]|1[02])(?:\1)31|00[1-9]|0[1-9]\d|[12]\d{2}|3(?:[0-5]\d|6[0-5]))|(?:[1-9]\d(?:0[48]|[2468][048]|[13579][26])|(?:[2468][048]|[13579][26])00)(?:(-?)02(?:\2)29|-?366))T(?:[01]\d|2[0-3])(:?)[0-5]\d(?:\3[0-5]\d)?(?:Z|[+-][01]\d(?:\3[0-5]\d)?)$/,W2=r=>()=>r;V2=()=>bt({test:(r,e)=>!0});Wp=()=>bt({test:(r,e)=>typeof r!="string"?pt(e,`Expected a string (got ${Vr(r)})`):!0});bpe=new Map([["true",!0],["True",!0],["1",!0],[1,!0],["false",!1],["False",!1],["0",!1],[0,!1]]),Spe=()=>bt({test:(r,e)=>{var t;if(typeof r!="boolean"){if(typeof(e==null?void 0:e.coercions)<"u"){if(typeof(e==null?void 0:e.coercion)>"u")return pt(e,"Unbound coercion result");let i=bpe.get(r);if(typeof i<"u")return e.coercions.push([(t=e.p)!==null&&t!==void 0?t:".",e.coercion.bind(null,i)]),!0}return pt(e,`Expected a boolean (got ${Vr(r)})`)}return!0}}),vpe=()=>bt({test:(r,e)=>{var t;if(typeof r!="number"){if(typeof(e==null?void 0:e.coercions)<"u"){if(typeof(e==null?void 0:e.coercion)>"u")return pt(e,"Unbound coercion result");let i;if(typeof r=="string"){let n;try{n=JSON.parse(r)}catch{}if(typeof n=="number")if(JSON.stringify(n)===r)i=n;else return pt(e,`Received a number that can't be safely represented by the runtime (${r})`)}if(typeof i<"u")return e.coercions.push([(t=e.p)!==null&&t!==void 0?t:".",e.coercion.bind(null,i)]),!0}return pt(e,`Expected a number (got ${Vr(r)})`)}return!0}}),xpe=()=>bt({test:(r,e)=>{var t;if(!(r instanceof Date)){if(typeof(e==null?void 0:e.coercions)<"u"){if(typeof(e==null?void 0:e.coercion)>"u")return pt(e,"Unbound coercion result");let i;if(typeof r=="string"&&qS.test(r))i=new Date(r);else{let n;if(typeof r=="string"){let s;try{s=JSON.parse(r)}catch{}typeof s=="number"&&(n=s)}else typeof r=="number"&&(n=r);if(typeof n<"u")if(Number.isSafeInteger(n)||!Number.isSafeInteger(n*1e3))i=new Date(n*1e3);else return pt(e,`Received a timestamp that can't be safely represented by the runtime (${r})`)}if(typeof i<"u")return e.coercions.push([(t=e.p)!==null&&t!==void 0?t:".",e.coercion.bind(null,i)]),!0}return pt(e,`Expected a date (got ${Vr(r)})`)}return!0}}),Ppe=(r,{delimiter:e}={})=>bt({test:(t,i)=>{var n;if(typeof t=="string"&&typeof e<"u"&&typeof(i==null?void 0:i.coercions)<"u"){if(typeof(i==null?void 0:i.coercion)>"u")return pt(i,"Unbound coercion result");t=t.split(e),i.coercions.push([(n=i.p)!==null&&n!==void 0?n:".",i.coercion.bind(null,t)])}if(!Array.isArray(t))return pt(i,`Expected an array (got ${Vr(t)})`);let s=!0;for(let o=0,a=t.length;o<a&&(s=r(t[o],Object.assign(Object.assign({},i),{p:BA(i,o),coercion:_l(t,o)}))&&s,!(!s&&(i==null?void 0:i.errors)==null));++o);return s}}),Dpe=(r,{delimiter:e}={})=>{let t=X2(r.length);return bt({test:(i,n)=>{var s;if(typeof i=="string"&&typeof e<"u"&&typeof(n==null?void 0:n.coercions)<"u"){if(typeof(n==null?void 0:n.coercion)>"u")return pt(n,"Unbound coercion result");i=i.split(e),n.coercions.push([(s=n.p)!==null&&s!==void 0?s:".",n.coercion.bind(null,i)])}if(!Array.isArray(i))return pt(n,`Expected a tuple (got ${Vr(i)})`);let o=t(i,Object.assign({},n));for(let a=0,l=i.length;a<l&&a<r.length&&(o=r[a](i[a],Object.assign(Object.assign({},n),{p:BA(n,a),coercion:_l(i,a)}))&&o,!(!o&&(n==null?void 0:n.errors)==null));++a);return o}})},kpe=(r,{keys:e=null}={})=>bt({test:(t,i)=>{if(typeof t!="object"||t===null)return pt(i,`Expected an object (got ${Vr(t)})`);let n=Object.keys(t),s=!0;for(let o=0,a=n.length;o<a&&(s||(i==null?void 0:i.errors)!=null);++o){let l=n[o],c=t[l];if(l==="__proto__"||l==="constructor"){s=pt(Object.assign(Object.assign({},i),{p:BA(i,l)}),"Unsafe property name");continue}if(e!==null&&!e(l,i)){s=!1;continue}if(!r(c,Object.assign(Object.assign({},i),{p:BA(i,l),coercion:_l(t,l)}))){s=!1;continue}}return s}}),Rpe=(r,{extra:e=null}={})=>{let t=Object.keys(r);return bt({test:(i,n)=>{if(typeof i!="object"||i===null)return pt(n,`Expected an object (got ${Vr(i)})`);let s=new Set([...t,...Object.keys(i)]),o={},a=!0;for(let l of s){if(l==="constructor"||l==="__proto__")a=pt(Object.assign(Object.assign({},n),{p:BA(n,l)}),"Unsafe property name");else{let c=Object.prototype.hasOwnProperty.call(r,l)?r[l]:void 0,u=Object.prototype.hasOwnProperty.call(i,l)?i[l]:void 0;typeof c<"u"?a=c(u,Object.assign(Object.assign({},n),{p:BA(n,l),coercion:_l(i,l)}))&&a:e===null?a=pt(Object.assign(Object.assign({},n),{p:BA(n,l)}),`Extraneous property (got ${Vr(u)})`):Object.defineProperty(o,l,{enumerable:!0,get:()=>u,set:z2(i,l)})}if(!a&&(n==null?void 0:n.errors)==null)break}return e!==null&&(a||(n==null?void 0:n.errors)!=null)&&(a=e(o,n)&&a),a}})},Fpe=r=>bt({test:(e,t)=>e instanceof r?!0:pt(t,`Expected an instance of ${r.name} (got ${Vr(e)})`)}),Npe=(r,{exclusive:e=!1}={})=>bt({test:(t,i)=>{var n,s,o;let a=[],l=typeof(i==null?void 0:i.errors)<"u"?[]:void 0;for(let c=0,u=r.length;c<u;++c){let g=typeof(i==null?void 0:i.errors)<"u"?[]:void 0,f=typeof(i==null?void 0:i.coercions)<"u"?[]:void 0;if(r[c](t,Object.assign(Object.assign({},i),{errors:g,coercions:f,p:`${(n=i==null?void 0:i.p)!==null&&n!==void 0?n:"."}#${c+1}`}))){if(a.push([`#${c+1}`,f]),!e)break}else l==null||l.push(g[0])}if(a.length===1){let[,c]=a[0];return typeof c<"u"&&((s=i==null?void 0:i.coercions)===null||s===void 0||s.push(...c)),!0}return a.length>1?pt(i,`Expected to match exactly a single predicate (matched ${a.join(", ")})`):(o=i==null?void 0:i.errors)===null||o===void 0||o.push(...l),!1}}),zp=(r,e)=>bt({test:(t,i)=>{var n,s;let o={value:t},a=typeof(i==null?void 0:i.coercions)<"u"?_l(o,"value"):void 0,l=typeof(i==null?void 0:i.coercions)<"u"?[]:void 0;if(!r(t,Object.assign(Object.assign({},i),{coercion:a,coercions:l})))return!1;let c=[];if(typeof l<"u")for(let[,u]of l)c.push(u());try{if(typeof(i==null?void 0:i.coercions)<"u"){if(o.value!==t){if(typeof(i==null?void 0:i.coercion)>"u")return pt(i,"Unbound coercion result");i.coercions.push([(n=i.p)!==null&&n!==void 0?n:".",i.coercion.bind(null,o.value)])}(s=i==null?void 0:i.coercions)===null||s===void 0||s.push(...l)}return e.every(u=>u(o.value,i))}finally{for(let u of c)u()}}}),Lpe=r=>bt({test:(e,t)=>typeof e>"u"?!0:r(e,t)}),Tpe=r=>bt({test:(e,t)=>e===null?!0:r(e,t)}),Ope=r=>bt({test:(e,t)=>e.length>=r?!0:pt(t,`Expected to have a length of at least ${r} elements (got ${e.length})`)}),Mpe=r=>bt({test:(e,t)=>e.length<=r?!0:pt(t,`Expected to have a length of at most ${r} elements (got ${e.length})`)}),X2=r=>bt({test:(e,t)=>e.length!==r?pt(t,`Expected to have a length of exactly ${r} elements (got ${e.length})`):!0}),Kpe=({map:r}={})=>bt({test:(e,t)=>{let i=new Set,n=new Set;for(let s=0,o=e.length;s<o;++s){let a=e[s],l=typeof r<"u"?r(a):a;if(i.has(l)){if(n.has(l))continue;pt(t,`Expected to contain unique elements; got a duplicate with ${Vr(e)}`),n.add(l)}else i.add(l)}return n.size===0}}),Upe=()=>bt({test:(r,e)=>r<=0?!0:pt(e,`Expected to be negative (got ${r})`)}),Hpe=()=>bt({test:(r,e)=>r>=0?!0:pt(e,`Expected to be positive (got ${r})`)}),Gpe=r=>bt({test:(e,t)=>e>=r?!0:pt(t,`Expected to be at least ${r} (got ${e})`)}),Ype=r=>bt({test:(e,t)=>e<=r?!0:pt(t,`Expected to be at most ${r} (got ${e})`)}),jpe=(r,e)=>bt({test:(t,i)=>t>=r&&t<=e?!0:pt(i,`Expected to be in the [${r}; ${e}] range (got ${t})`)}),qpe=(r,e)=>bt({test:(t,i)=>t>=r&&t<e?!0:pt(i,`Expected to be in the [${r}; ${e}[ range (got ${t})`)}),Jpe=({unsafe:r=!1}={})=>bt({test:(e,t)=>e!==Math.round(e)?pt(t,`Expected to be an integer (got ${e})`):Number.isSafeInteger(e)?!0:pt(t,`Expected to be a safe integer (got ${e})`)}),Vp=r=>bt({test:(e,t)=>r.test(e)?!0:pt(t,`Expected to match the pattern ${r.toString()} (got ${Vr(e)})`)}),Wpe=()=>bt({test:(r,e)=>r!==r.toLowerCase()?pt(e,`Expected to be all-lowercase (got ${r})`):!0}),zpe=()=>bt({test:(r,e)=>r!==r.toUpperCase()?pt(e,`Expected to be all-uppercase (got ${r})`):!0}),Vpe=()=>bt({test:(r,e)=>J2.test(r)?!0:pt(e,`Expected to be a valid UUID v4 (got ${Vr(r)})`)}),Xpe=()=>bt({test:(r,e)=>qS.test(r)?!1:pt(e,`Expected to be a valid ISO 8601 date string (got ${Vr(r)})`)}),_pe=({alpha:r=!1})=>bt({test:(e,t)=>(r?Y2.test(e):j2.test(e))?!0:pt(t,`Expected to be a valid hexadecimal color string (got ${Vr(e)})`)}),Zpe=()=>bt({test:(r,e)=>q2.test(r)?!0:pt(e,`Expected to be a valid base 64 string (got ${Vr(r)})`)}),$pe=(r=V2())=>bt({test:(e,t)=>{let i;try{i=JSON.parse(e)}catch{return pt(t,`Expected to be a valid JSON string (got ${Vr(e)})`)}return r(i,t)}}),ede=r=>{let e=new Set(r);return bt({test:(t,i)=>{let n=new Set(Object.keys(t)),s=[];for(let o of e)n.has(o)||s.push(o);return s.length>0?pt(i,`Missing required ${EI(s.length,"property","properties")} ${s.map(o=>`"${o}"`).join(", ")}`):!0}})},tde=r=>{let e=new Set(r);return bt({test:(t,i)=>{let n=new Set(Object.keys(t)),s=[];for(let o of e)n.has(o)&&s.push(o);return s.length>0?pt(i,`Forbidden ${EI(s.length,"property","properties")} ${s.map(o=>`"${o}"`).join(", ")}`):!0}})},rde=r=>{let e=new Set(r);return bt({test:(t,i)=>{let n=new Set(Object.keys(t)),s=[];for(let o of e)n.has(o)&&s.push(o);return s.length>1?pt(i,`Mutually exclusive properties ${s.map(o=>`"${o}"`).join(", ")}`):!0}})};(function(r){r.Forbids="Forbids",r.Requires="Requires"})(Xl||(Xl={}));ide={[Xl.Forbids]:{expect:!1,message:"forbids using"},[Xl.Requires]:{expect:!0,message:"requires using"}},JS=(r,e,t,{ignore:i=[]}={})=>{let n=new Set(i),s=new Set(t),o=ide[e];return bt({test:(a,l)=>{let c=new Set(Object.keys(a));if(!c.has(r)||n.has(a[r]))return!0;let u=[];for(let g of s)(c.has(g)&&!n.has(a[g]))!==o.expect&&u.push(g);return u.length>=1?pt(l,`Property "${r}" ${o.message} ${EI(u.length,"property","properties")} ${u.map(g=>`"${g}"`).join(", ")}`):!0}})}});var fH=w((V_e,gH)=>{"use strict";gH.exports=(r,...e)=>new Promise(t=>{t(r(...e))})});var Tg=w((X_e,ev)=>{"use strict";var Ide=fH(),hH=r=>{if(r<1)throw new TypeError("Expected `concurrency` to be a number from 1 and up");let e=[],t=0,i=()=>{t--,e.length>0&&e.shift()()},n=(a,l,...c)=>{t++;let u=Ide(a,...c);l(u),u.then(i,i)},s=(a,l,...c)=>{t<r?n(a,l,...c):e.push(n.bind(null,a,l,...c))},o=(a,...l)=>new Promise(c=>s(a,c,...l));return Object.defineProperties(o,{activeCount:{get:()=>t},pendingCount:{get:()=>e.length}}),o};ev.exports=hH;ev.exports.default=hH});var ed=w((Z_e,pH)=>{var yde="2.0.0",wde=Number.MAX_SAFE_INTEGER||9007199254740991,Bde=16;pH.exports={SEMVER_SPEC_VERSION:yde,MAX_LENGTH:256,MAX_SAFE_INTEGER:wde,MAX_SAFE_COMPONENT_LENGTH:Bde}});var td=w(($_e,dH)=>{var Qde=typeof process=="object"&&process.env&&process.env.NODE_DEBUG&&/\bsemver\b/i.test(process.env.NODE_DEBUG)?(...r)=>console.error("SEMVER",...r):()=>{};dH.exports=Qde});var Zl=w((bA,CH)=>{var{MAX_SAFE_COMPONENT_LENGTH:tv}=ed(),bde=td();bA=CH.exports={};var Sde=bA.re=[],$e=bA.src=[],et=bA.t={},vde=0,St=(r,e,t)=>{let i=vde++;bde(i,e),et[r]=i,$e[i]=e,Sde[i]=new RegExp(e,t?"g":void 0)};St("NUMERICIDENTIFIER","0|[1-9]\\d*");St("NUMERICIDENTIFIERLOOSE","[0-9]+");St("NONNUMERICIDENTIFIER","\\d*[a-zA-Z-][a-zA-Z0-9-]*");St("MAINVERSION",`(${$e[et.NUMERICIDENTIFIER]})\\.(${$e[et.NUMERICIDENTIFIER]})\\.(${$e[et.NUMERICIDENTIFIER]})`);St("MAINVERSIONLOOSE",`(${$e[et.NUMERICIDENTIFIERLOOSE]})\\.(${$e[et.NUMERICIDENTIFIERLOOSE]})\\.(${$e[et.NUMERICIDENTIFIERLOOSE]})`);St("PRERELEASEIDENTIFIER",`(?:${$e[et.NUMERICIDENTIFIER]}|${$e[et.NONNUMERICIDENTIFIER]})`);St("PRERELEASEIDENTIFIERLOOSE",`(?:${$e[et.NUMERICIDENTIFIERLOOSE]}|${$e[et.NONNUMERICIDENTIFIER]})`);St("PRERELEASE",`(?:-(${$e[et.PRERELEASEIDENTIFIER]}(?:\\.${$e[et.PRERELEASEIDENTIFIER]})*))`);St("PRERELEASELOOSE",`(?:-?(${$e[et.PRERELEASEIDENTIFIERLOOSE]}(?:\\.${$e[et.PRERELEASEIDENTIFIERLOOSE]})*))`);St("BUILDIDENTIFIER","[0-9A-Za-z-]+");St("BUILD",`(?:\\+(${$e[et.BUILDIDENTIFIER]}(?:\\.${$e[et.BUILDIDENTIFIER]})*))`);St("FULLPLAIN",`v?${$e[et.MAINVERSION]}${$e[et.PRERELEASE]}?${$e[et.BUILD]}?`);St("FULL",`^${$e[et.FULLPLAIN]}$`);St("LOOSEPLAIN",`[v=\\s]*${$e[et.MAINVERSIONLOOSE]}${$e[et.PRERELEASELOOSE]}?${$e[et.BUILD]}?`);St("LOOSE",`^${$e[et.LOOSEPLAIN]}$`);St("GTLT","((?:<|>)?=?)");St("XRANGEIDENTIFIERLOOSE",`${$e[et.NUMERICIDENTIFIERLOOSE]}|x|X|\\*`);St("XRANGEIDENTIFIER",`${$e[et.NUMERICIDENTIFIER]}|x|X|\\*`);St("XRANGEPLAIN",`[v=\\s]*(${$e[et.XRANGEIDENTIFIER]})(?:\\.(${$e[et.XRANGEIDENTIFIER]})(?:\\.(${$e[et.XRANGEIDENTIFIER]})(?:${$e[et.PRERELEASE]})?${$e[et.BUILD]}?)?)?`);St("XRANGEPLAINLOOSE",`[v=\\s]*(${$e[et.XRANGEIDENTIFIERLOOSE]})(?:\\.(${$e[et.XRANGEIDENTIFIERLOOSE]})(?:\\.(${$e[et.XRANGEIDENTIFIERLOOSE]})(?:${$e[et.PRERELEASELOOSE]})?${$e[et.BUILD]}?)?)?`);St("XRANGE",`^${$e[et.GTLT]}\\s*${$e[et.XRANGEPLAIN]}$`);St("XRANGELOOSE",`^${$e[et.GTLT]}\\s*${$e[et.XRANGEPLAINLOOSE]}$`);St("COERCE",`(^|[^\\d])(\\d{1,${tv}})(?:\\.(\\d{1,${tv}}))?(?:\\.(\\d{1,${tv}}))?(?:$|[^\\d])`);St("COERCERTL",$e[et.COERCE],!0);St("LONETILDE","(?:~>?)");St("TILDETRIM",`(\\s*)${$e[et.LONETILDE]}\\s+`,!0);bA.tildeTrimReplace="$1~";St("TILDE",`^${$e[et.LONETILDE]}${$e[et.XRANGEPLAIN]}$`);St("TILDELOOSE",`^${$e[et.LONETILDE]}${$e[et.XRANGEPLAINLOOSE]}$`);St("LONECARET","(?:\\^)");St("CARETTRIM",`(\\s*)${$e[et.LONECARET]}\\s+`,!0);bA.caretTrimReplace="$1^";St("CARET",`^${$e[et.LONECARET]}${$e[et.XRANGEPLAIN]}$`);St("CARETLOOSE",`^${$e[et.LONECARET]}${$e[et.XRANGEPLAINLOOSE]}$`);St("COMPARATORLOOSE",`^${$e[et.GTLT]}\\s*(${$e[et.LOOSEPLAIN]})$|^$`);St("COMPARATOR",`^${$e[et.GTLT]}\\s*(${$e[et.FULLPLAIN]})$|^$`);St("COMPARATORTRIM",`(\\s*)${$e[et.GTLT]}\\s*(${$e[et.LOOSEPLAIN]}|${$e[et.XRANGEPLAIN]})`,!0);bA.comparatorTrimReplace="$1$2$3";St("HYPHENRANGE",`^\\s*(${$e[et.XRANGEPLAIN]})\\s+-\\s+(${$e[et.XRANGEPLAIN]})\\s*$`);St("HYPHENRANGELOOSE",`^\\s*(${$e[et.XRANGEPLAINLOOSE]})\\s+-\\s+(${$e[et.XRANGEPLAINLOOSE]})\\s*$`);St("STAR","(<|>)?=?\\s*\\*");St("GTE0","^\\s*>=\\s*0.0.0\\s*$");St("GTE0PRE","^\\s*>=\\s*0.0.0-0\\s*$")});var rd=w((eZe,mH)=>{var xde=["includePrerelease","loose","rtl"],Pde=r=>r?typeof r!="object"?{loose:!0}:xde.filter(e=>r[e]).reduce((e,t)=>(e[t]=!0,e),{}):{};mH.exports=Pde});var bI=w((tZe,yH)=>{var EH=/^[0-9]+$/,IH=(r,e)=>{let t=EH.test(r),i=EH.test(e);return t&&i&&(r=+r,e=+e),r===e?0:t&&!i?-1:i&&!t?1:r<e?-1:1},Dde=(r,e)=>IH(e,r);yH.exports={compareIdentifiers:IH,rcompareIdentifiers:Dde}});var Li=w((rZe,bH)=>{var SI=td(),{MAX_LENGTH:wH,MAX_SAFE_INTEGER:vI}=ed(),{re:BH,t:QH}=Zl(),kde=rd(),{compareIdentifiers:id}=bI(),Un=class{constructor(e,t){if(t=kde(t),e instanceof Un){if(e.loose===!!t.loose&&e.includePrerelease===!!t.includePrerelease)return e;e=e.version}else if(typeof e!="string")throw new TypeError(`Invalid Version: ${e}`);if(e.length>wH)throw new TypeError(`version is longer than ${wH} characters`);SI("SemVer",e,t),this.options=t,this.loose=!!t.loose,this.includePrerelease=!!t.includePrerelease;let i=e.trim().match(t.loose?BH[QH.LOOSE]:BH[QH.FULL]);if(!i)throw new TypeError(`Invalid Version: ${e}`);if(this.raw=e,this.major=+i[1],this.minor=+i[2],this.patch=+i[3],this.major>vI||this.major<0)throw new TypeError("Invalid major version");if(this.minor>vI||this.minor<0)throw new TypeError("Invalid minor version");if(this.patch>vI||this.patch<0)throw new TypeError("Invalid patch version");i[4]?this.prerelease=i[4].split(".").map(n=>{if(/^[0-9]+$/.test(n)){let s=+n;if(s>=0&&s<vI)return s}return n}):this.prerelease=[],this.build=i[5]?i[5].split("."):[],this.format()}format(){return this.version=`${this.major}.${this.minor}.${this.patch}`,this.prerelease.length&&(this.version+=`-${this.prerelease.join(".")}`),this.version}toString(){return this.version}compare(e){if(SI("SemVer.compare",this.version,this.options,e),!(e instanceof Un)){if(typeof e=="string"&&e===this.version)return 0;e=new Un(e,this.options)}return e.version===this.version?0:this.compareMain(e)||this.comparePre(e)}compareMain(e){return e instanceof Un||(e=new Un(e,this.options)),id(this.major,e.major)||id(this.minor,e.minor)||id(this.patch,e.patch)}comparePre(e){if(e instanceof Un||(e=new Un(e,this.options)),this.prerelease.length&&!e.prerelease.length)return-1;if(!this.prerelease.length&&e.prerelease.length)return 1;if(!this.prerelease.length&&!e.prerelease.length)return 0;let t=0;do{let i=this.prerelease[t],n=e.prerelease[t];if(SI("prerelease compare",t,i,n),i===void 0&&n===void 0)return 0;if(n===void 0)return 1;if(i===void 0)return-1;if(i===n)continue;return id(i,n)}while(++t)}compareBuild(e){e instanceof Un||(e=new Un(e,this.options));let t=0;do{let i=this.build[t],n=e.build[t];if(SI("prerelease compare",t,i,n),i===void 0&&n===void 0)return 0;if(n===void 0)return 1;if(i===void 0)return-1;if(i===n)continue;return id(i,n)}while(++t)}inc(e,t){switch(e){case"premajor":this.prerelease.length=0,this.patch=0,this.minor=0,this.major++,this.inc("pre",t);break;case"preminor":this.prerelease.length=0,this.patch=0,this.minor++,this.inc("pre",t);break;case"prepatch":this.prerelease.length=0,this.inc("patch",t),this.inc("pre",t);break;case"prerelease":this.prerelease.length===0&&this.inc("patch",t),this.inc("pre",t);break;case"major":(this.minor!==0||this.patch!==0||this.prerelease.length===0)&&this.major++,this.minor=0,this.patch=0,this.prerelease=[];break;case"minor":(this.patch!==0||this.prerelease.length===0)&&this.minor++,this.patch=0,this.prerelease=[];break;case"patch":this.prerelease.length===0&&this.patch++,this.prerelease=[];break;case"pre":if(this.prerelease.length===0)this.prerelease=[0];else{let i=this.prerelease.length;for(;--i>=0;)typeof this.prerelease[i]=="number"&&(this.prerelease[i]++,i=-2);i===-1&&this.prerelease.push(0)}t&&(this.prerelease[0]===t?isNaN(this.prerelease[1])&&(this.prerelease=[t,0]):this.prerelease=[t,0]);break;default:throw new Error(`invalid increment argument: ${e}`)}return this.format(),this.raw=this.version,this}};bH.exports=Un});var $l=w((iZe,PH)=>{var{MAX_LENGTH:Rde}=ed(),{re:SH,t:vH}=Zl(),xH=Li(),Fde=rd(),Nde=(r,e)=>{if(e=Fde(e),r instanceof xH)return r;if(typeof r!="string"||r.length>Rde||!(e.loose?SH[vH.LOOSE]:SH[vH.FULL]).test(r))return null;try{return new xH(r,e)}catch{return null}};PH.exports=Nde});var kH=w((nZe,DH)=>{var Lde=$l(),Tde=(r,e)=>{let t=Lde(r,e);return t?t.version:null};DH.exports=Tde});var FH=w((sZe,RH)=>{var Ode=$l(),Mde=(r,e)=>{let t=Ode(r.trim().replace(/^[=v]+/,""),e);return t?t.version:null};RH.exports=Mde});var LH=w((oZe,NH)=>{var Kde=Li(),Ude=(r,e,t,i)=>{typeof t=="string"&&(i=t,t=void 0);try{return new Kde(r,t).inc(e,i).version}catch{return null}};NH.exports=Ude});var ss=w((aZe,OH)=>{var TH=Li(),Hde=(r,e,t)=>new TH(r,t).compare(new TH(e,t));OH.exports=Hde});var xI=w((AZe,MH)=>{var Gde=ss(),Yde=(r,e,t)=>Gde(r,e,t)===0;MH.exports=Yde});var HH=w((lZe,UH)=>{var KH=$l(),jde=xI(),qde=(r,e)=>{if(jde(r,e))return null;{let t=KH(r),i=KH(e),n=t.prerelease.length||i.prerelease.length,s=n?"pre":"",o=n?"prerelease":"";for(let a in t)if((a==="major"||a==="minor"||a==="patch")&&t[a]!==i[a])return s+a;return o}};UH.exports=qde});var YH=w((cZe,GH)=>{var Jde=Li(),Wde=(r,e)=>new Jde(r,e).major;GH.exports=Wde});var qH=w((uZe,jH)=>{var zde=Li(),Vde=(r,e)=>new zde(r,e).minor;jH.exports=Vde});var WH=w((gZe,JH)=>{var Xde=Li(),_de=(r,e)=>new Xde(r,e).patch;JH.exports=_de});var VH=w((fZe,zH)=>{var Zde=$l(),$de=(r,e)=>{let t=Zde(r,e);return t&&t.prerelease.length?t.prerelease:null};zH.exports=$de});var _H=w((hZe,XH)=>{var eCe=ss(),tCe=(r,e,t)=>eCe(e,r,t);XH.exports=tCe});var $H=w((pZe,ZH)=>{var rCe=ss(),iCe=(r,e)=>rCe(r,e,!0);ZH.exports=iCe});var PI=w((dZe,tG)=>{var eG=Li(),nCe=(r,e,t)=>{let i=new eG(r,t),n=new eG(e,t);return i.compare(n)||i.compareBuild(n)};tG.exports=nCe});var iG=w((CZe,rG)=>{var sCe=PI(),oCe=(r,e)=>r.sort((t,i)=>sCe(t,i,e));rG.exports=oCe});var sG=w((mZe,nG)=>{var aCe=PI(),ACe=(r,e)=>r.sort((t,i)=>aCe(i,t,e));nG.exports=ACe});var nd=w((EZe,oG)=>{var lCe=ss(),cCe=(r,e,t)=>lCe(r,e,t)>0;oG.exports=cCe});var DI=w((IZe,aG)=>{var uCe=ss(),gCe=(r,e,t)=>uCe(r,e,t)<0;aG.exports=gCe});var rv=w((yZe,AG)=>{var fCe=ss(),hCe=(r,e,t)=>fCe(r,e,t)!==0;AG.exports=hCe});var kI=w((wZe,lG)=>{var pCe=ss(),dCe=(r,e,t)=>pCe(r,e,t)>=0;lG.exports=dCe});var RI=w((BZe,cG)=>{var CCe=ss(),mCe=(r,e,t)=>CCe(r,e,t)<=0;cG.exports=mCe});var iv=w((QZe,uG)=>{var ECe=xI(),ICe=rv(),yCe=nd(),wCe=kI(),BCe=DI(),QCe=RI(),bCe=(r,e,t,i)=>{switch(e){case"===":return typeof r=="object"&&(r=r.version),typeof t=="object"&&(t=t.version),r===t;case"!==":return typeof r=="object"&&(r=r.version),typeof t=="object"&&(t=t.version),r!==t;case"":case"=":case"==":return ECe(r,t,i);case"!=":return ICe(r,t,i);case">":return yCe(r,t,i);case">=":return wCe(r,t,i);case"<":return BCe(r,t,i);case"<=":return QCe(r,t,i);default:throw new TypeError(`Invalid operator: ${e}`)}};uG.exports=bCe});var fG=w((bZe,gG)=>{var SCe=Li(),vCe=$l(),{re:FI,t:NI}=Zl(),xCe=(r,e)=>{if(r instanceof SCe)return r;if(typeof r=="number"&&(r=String(r)),typeof r!="string")return null;e=e||{};let t=null;if(!e.rtl)t=r.match(FI[NI.COERCE]);else{let i;for(;(i=FI[NI.COERCERTL].exec(r))&&(!t||t.index+t[0].length!==r.length);)(!t||i.index+i[0].length!==t.index+t[0].length)&&(t=i),FI[NI.COERCERTL].lastIndex=i.index+i[1].length+i[2].length;FI[NI.COERCERTL].lastIndex=-1}return t===null?null:vCe(`${t[2]}.${t[3]||"0"}.${t[4]||"0"}`,e)};gG.exports=xCe});var pG=w((SZe,hG)=>{"use strict";hG.exports=function(r){r.prototype[Symbol.iterator]=function*(){for(let e=this.head;e;e=e.next)yield e.value}}});var sd=w((vZe,dG)=>{"use strict";dG.exports=Ht;Ht.Node=ec;Ht.create=Ht;function Ht(r){var e=this;if(e instanceof Ht||(e=new Ht),e.tail=null,e.head=null,e.length=0,r&&typeof r.forEach=="function")r.forEach(function(n){e.push(n)});else if(arguments.length>0)for(var t=0,i=arguments.length;t<i;t++)e.push(arguments[t]);return e}Ht.prototype.removeNode=function(r){if(r.list!==this)throw new Error("removing node which does not belong to this list");var e=r.next,t=r.prev;return e&&(e.prev=t),t&&(t.next=e),r===this.head&&(this.head=e),r===this.tail&&(this.tail=t),r.list.length--,r.next=null,r.prev=null,r.list=null,e};Ht.prototype.unshiftNode=function(r){if(r!==this.head){r.list&&r.list.removeNode(r);var e=this.head;r.list=this,r.next=e,e&&(e.prev=r),this.head=r,this.tail||(this.tail=r),this.length++}};Ht.prototype.pushNode=function(r){if(r!==this.tail){r.list&&r.list.removeNode(r);var e=this.tail;r.list=this,r.prev=e,e&&(e.next=r),this.tail=r,this.head||(this.head=r),this.length++}};Ht.prototype.push=function(){for(var r=0,e=arguments.length;r<e;r++)DCe(this,arguments[r]);return this.length};Ht.prototype.unshift=function(){for(var r=0,e=arguments.length;r<e;r++)kCe(this,arguments[r]);return this.length};Ht.prototype.pop=function(){if(!!this.tail){var r=this.tail.value;return this.tail=this.tail.prev,this.tail?this.tail.next=null:this.head=null,this.length--,r}};Ht.prototype.shift=function(){if(!!this.head){var r=this.head.value;return this.head=this.head.next,this.head?this.head.prev=null:this.tail=null,this.length--,r}};Ht.prototype.forEach=function(r,e){e=e||this;for(var t=this.head,i=0;t!==null;i++)r.call(e,t.value,i,this),t=t.next};Ht.prototype.forEachReverse=function(r,e){e=e||this;for(var t=this.tail,i=this.length-1;t!==null;i--)r.call(e,t.value,i,this),t=t.prev};Ht.prototype.get=function(r){for(var e=0,t=this.head;t!==null&&e<r;e++)t=t.next;if(e===r&&t!==null)return t.value};Ht.prototype.getReverse=function(r){for(var e=0,t=this.tail;t!==null&&e<r;e++)t=t.prev;if(e===r&&t!==null)return t.value};Ht.prototype.map=function(r,e){e=e||this;for(var t=new Ht,i=this.head;i!==null;)t.push(r.call(e,i.value,this)),i=i.next;return t};Ht.prototype.mapReverse=function(r,e){e=e||this;for(var t=new Ht,i=this.tail;i!==null;)t.push(r.call(e,i.value,this)),i=i.prev;return t};Ht.prototype.reduce=function(r,e){var t,i=this.head;if(arguments.length>1)t=e;else if(this.head)i=this.head.next,t=this.head.value;else throw new TypeError("Reduce of empty list with no initial value");for(var n=0;i!==null;n++)t=r(t,i.value,n),i=i.next;return t};Ht.prototype.reduceReverse=function(r,e){var t,i=this.tail;if(arguments.length>1)t=e;else if(this.tail)i=this.tail.prev,t=this.tail.value;else throw new TypeError("Reduce of empty list with no initial value");for(var n=this.length-1;i!==null;n--)t=r(t,i.value,n),i=i.prev;return t};Ht.prototype.toArray=function(){for(var r=new Array(this.length),e=0,t=this.head;t!==null;e++)r[e]=t.value,t=t.next;return r};Ht.prototype.toArrayReverse=function(){for(var r=new Array(this.length),e=0,t=this.tail;t!==null;e++)r[e]=t.value,t=t.prev;return r};Ht.prototype.slice=function(r,e){e=e||this.length,e<0&&(e+=this.length),r=r||0,r<0&&(r+=this.length);var t=new Ht;if(e<r||e<0)return t;r<0&&(r=0),e>this.length&&(e=this.length);for(var i=0,n=this.head;n!==null&&i<r;i++)n=n.next;for(;n!==null&&i<e;i++,n=n.next)t.push(n.value);return t};Ht.prototype.sliceReverse=function(r,e){e=e||this.length,e<0&&(e+=this.length),r=r||0,r<0&&(r+=this.length);var t=new Ht;if(e<r||e<0)return t;r<0&&(r=0),e>this.length&&(e=this.length);for(var i=this.length,n=this.tail;n!==null&&i>e;i--)n=n.prev;for(;n!==null&&i>r;i--,n=n.prev)t.push(n.value);return t};Ht.prototype.splice=function(r,e,...t){r>this.length&&(r=this.length-1),r<0&&(r=this.length+r);for(var i=0,n=this.head;n!==null&&i<r;i++)n=n.next;for(var s=[],i=0;n&&i<e;i++)s.push(n.value),n=this.removeNode(n);n===null&&(n=this.tail),n!==this.head&&n!==this.tail&&(n=n.prev);for(var i=0;i<t.length;i++)n=PCe(this,n,t[i]);return s};Ht.prototype.reverse=function(){for(var r=this.head,e=this.tail,t=r;t!==null;t=t.prev){var i=t.prev;t.prev=t.next,t.next=i}return this.head=e,this.tail=r,this};function PCe(r,e,t){var i=e===r.head?new ec(t,null,e,r):new ec(t,e,e.next,r);return i.next===null&&(r.tail=i),i.prev===null&&(r.head=i),r.length++,i}function DCe(r,e){r.tail=new ec(e,r.tail,null,r),r.head||(r.head=r.tail),r.length++}function kCe(r,e){r.head=new ec(e,null,r.head,r),r.tail||(r.tail=r.head),r.length++}function ec(r,e,t,i){if(!(this instanceof ec))return new ec(r,e,t,i);this.list=i,this.value=r,e?(e.next=this,this.prev=e):this.prev=null,t?(t.prev=this,this.next=t):this.next=null}try{pG()(Ht)}catch{}});var yG=w((xZe,IG)=>{"use strict";var RCe=sd(),tc=Symbol("max"),Ia=Symbol("length"),Og=Symbol("lengthCalculator"),ad=Symbol("allowStale"),rc=Symbol("maxAge"),Ea=Symbol("dispose"),CG=Symbol("noDisposeOnSet"),di=Symbol("lruList"),Ws=Symbol("cache"),EG=Symbol("updateAgeOnGet"),nv=()=>1,ov=class{constructor(e){if(typeof e=="number"&&(e={max:e}),e||(e={}),e.max&&(typeof e.max!="number"||e.max<0))throw new TypeError("max must be a non-negative number");let t=this[tc]=e.max||1/0,i=e.length||nv;if(this[Og]=typeof i!="function"?nv:i,this[ad]=e.stale||!1,e.maxAge&&typeof e.maxAge!="number")throw new TypeError("maxAge must be a number");this[rc]=e.maxAge||0,this[Ea]=e.dispose,this[CG]=e.noDisposeOnSet||!1,this[EG]=e.updateAgeOnGet||!1,this.reset()}set max(e){if(typeof e!="number"||e<0)throw new TypeError("max must be a non-negative number");this[tc]=e||1/0,od(this)}get max(){return this[tc]}set allowStale(e){this[ad]=!!e}get allowStale(){return this[ad]}set maxAge(e){if(typeof e!="number")throw new TypeError("maxAge must be a non-negative number");this[rc]=e,od(this)}get maxAge(){return this[rc]}set lengthCalculator(e){typeof e!="function"&&(e=nv),e!==this[Og]&&(this[Og]=e,this[Ia]=0,this[di].forEach(t=>{t.length=this[Og](t.value,t.key),this[Ia]+=t.length})),od(this)}get lengthCalculator(){return this[Og]}get length(){return this[Ia]}get itemCount(){return this[di].length}rforEach(e,t){t=t||this;for(let i=this[di].tail;i!==null;){let n=i.prev;mG(this,e,i,t),i=n}}forEach(e,t){t=t||this;for(let i=this[di].head;i!==null;){let n=i.next;mG(this,e,i,t),i=n}}keys(){return this[di].toArray().map(e=>e.key)}values(){return this[di].toArray().map(e=>e.value)}reset(){this[Ea]&&this[di]&&this[di].length&&this[di].forEach(e=>this[Ea](e.key,e.value)),this[Ws]=new Map,this[di]=new RCe,this[Ia]=0}dump(){return this[di].map(e=>LI(this,e)?!1:{k:e.key,v:e.value,e:e.now+(e.maxAge||0)}).toArray().filter(e=>e)}dumpLru(){return this[di]}set(e,t,i){if(i=i||this[rc],i&&typeof i!="number")throw new TypeError("maxAge must be a number");let n=i?Date.now():0,s=this[Og](t,e);if(this[Ws].has(e)){if(s>this[tc])return Mg(this,this[Ws].get(e)),!1;let l=this[Ws].get(e).value;return this[Ea]&&(this[CG]||this[Ea](e,l.value)),l.now=n,l.maxAge=i,l.value=t,this[Ia]+=s-l.length,l.length=s,this.get(e),od(this),!0}let o=new av(e,t,s,n,i);return o.length>this[tc]?(this[Ea]&&this[Ea](e,t),!1):(this[Ia]+=o.length,this[di].unshift(o),this[Ws].set(e,this[di].head),od(this),!0)}has(e){if(!this[Ws].has(e))return!1;let t=this[Ws].get(e).value;return!LI(this,t)}get(e){return sv(this,e,!0)}peek(e){return sv(this,e,!1)}pop(){let e=this[di].tail;return e?(Mg(this,e),e.value):null}del(e){Mg(this,this[Ws].get(e))}load(e){this.reset();let t=Date.now();for(let i=e.length-1;i>=0;i--){let n=e[i],s=n.e||0;if(s===0)this.set(n.k,n.v);else{let o=s-t;o>0&&this.set(n.k,n.v,o)}}}prune(){this[Ws].forEach((e,t)=>sv(this,t,!1))}},sv=(r,e,t)=>{let i=r[Ws].get(e);if(i){let n=i.value;if(LI(r,n)){if(Mg(r,i),!r[ad])return}else t&&(r[EG]&&(i.value.now=Date.now()),r[di].unshiftNode(i));return n.value}},LI=(r,e)=>{if(!e||!e.maxAge&&!r[rc])return!1;let t=Date.now()-e.now;return e.maxAge?t>e.maxAge:r[rc]&&t>r[rc]},od=r=>{if(r[Ia]>r[tc])for(let e=r[di].tail;r[Ia]>r[tc]&&e!==null;){let t=e.prev;Mg(r,e),e=t}},Mg=(r,e)=>{if(e){let t=e.value;r[Ea]&&r[Ea](t.key,t.value),r[Ia]-=t.length,r[Ws].delete(t.key),r[di].removeNode(e)}},av=class{constructor(e,t,i,n,s){this.key=e,this.value=t,this.length=i,this.now=n,this.maxAge=s||0}},mG=(r,e,t,i)=>{let n=t.value;LI(r,n)&&(Mg(r,t),r[ad]||(n=void 0)),n&&e.call(i,n.value,n.key,r)};IG.exports=ov});var os=w((PZe,bG)=>{var ic=class{constructor(e,t){if(t=NCe(t),e instanceof ic)return e.loose===!!t.loose&&e.includePrerelease===!!t.includePrerelease?e:new ic(e.raw,t);if(e instanceof Av)return this.raw=e.value,this.set=[[e]],this.format(),this;if(this.options=t,this.loose=!!t.loose,this.includePrerelease=!!t.includePrerelease,this.raw=e,this.set=e.split(/\s*\|\|\s*/).map(i=>this.parseRange(i.trim())).filter(i=>i.length),!this.set.length)throw new TypeError(`Invalid SemVer Range: ${e}`);if(this.set.length>1){let i=this.set[0];if(this.set=this.set.filter(n=>!BG(n[0])),this.set.length===0)this.set=[i];else if(this.set.length>1){for(let n of this.set)if(n.length===1&&KCe(n[0])){this.set=[n];break}}}this.format()}format(){return this.range=this.set.map(e=>e.join(" ").trim()).join("||").trim(),this.range}toString(){return this.range}parseRange(e){e=e.trim();let i=`parseRange:${Object.keys(this.options).join(",")}:${e}`,n=wG.get(i);if(n)return n;let s=this.options.loose,o=s?Ti[Bi.HYPHENRANGELOOSE]:Ti[Bi.HYPHENRANGE];e=e.replace(o,VCe(this.options.includePrerelease)),Gr("hyphen replace",e),e=e.replace(Ti[Bi.COMPARATORTRIM],TCe),Gr("comparator trim",e,Ti[Bi.COMPARATORTRIM]),e=e.replace(Ti[Bi.TILDETRIM],OCe),e=e.replace(Ti[Bi.CARETTRIM],MCe),e=e.split(/\s+/).join(" ");let a=s?Ti[Bi.COMPARATORLOOSE]:Ti[Bi.COMPARATOR],l=e.split(" ").map(f=>UCe(f,this.options)).join(" ").split(/\s+/).map(f=>zCe(f,this.options)).filter(this.options.loose?f=>!!f.match(a):()=>!0).map(f=>new Av(f,this.options)),c=l.length,u=new Map;for(let f of l){if(BG(f))return[f];u.set(f.value,f)}u.size>1&&u.has("")&&u.delete("");let g=[...u.values()];return wG.set(i,g),g}intersects(e,t){if(!(e instanceof ic))throw new TypeError("a Range is required");return this.set.some(i=>QG(i,t)&&e.set.some(n=>QG(n,t)&&i.every(s=>n.every(o=>s.intersects(o,t)))))}test(e){if(!e)return!1;if(typeof e=="string")try{e=new LCe(e,this.options)}catch{return!1}for(let t=0;t<this.set.length;t++)if(XCe(this.set[t],e,this.options))return!0;return!1}};bG.exports=ic;var FCe=yG(),wG=new FCe({max:1e3}),NCe=rd(),Av=Ad(),Gr=td(),LCe=Li(),{re:Ti,t:Bi,comparatorTrimReplace:TCe,tildeTrimReplace:OCe,caretTrimReplace:MCe}=Zl(),BG=r=>r.value==="<0.0.0-0",KCe=r=>r.value==="",QG=(r,e)=>{let t=!0,i=r.slice(),n=i.pop();for(;t&&i.length;)t=i.every(s=>n.intersects(s,e)),n=i.pop();return t},UCe=(r,e)=>(Gr("comp",r,e),r=YCe(r,e),Gr("caret",r),r=HCe(r,e),Gr("tildes",r),r=qCe(r,e),Gr("xrange",r),r=WCe(r,e),Gr("stars",r),r),Vi=r=>!r||r.toLowerCase()==="x"||r==="*",HCe=(r,e)=>r.trim().split(/\s+/).map(t=>GCe(t,e)).join(" "),GCe=(r,e)=>{let t=e.loose?Ti[Bi.TILDELOOSE]:Ti[Bi.TILDE];return r.replace(t,(i,n,s,o,a)=>{Gr("tilde",r,i,n,s,o,a);let l;return Vi(n)?l="":Vi(s)?l=`>=${n}.0.0 <${+n+1}.0.0-0`:Vi(o)?l=`>=${n}.${s}.0 <${n}.${+s+1}.0-0`:a?(Gr("replaceTilde pr",a),l=`>=${n}.${s}.${o}-${a} <${n}.${+s+1}.0-0`):l=`>=${n}.${s}.${o} <${n}.${+s+1}.0-0`,Gr("tilde return",l),l})},YCe=(r,e)=>r.trim().split(/\s+/).map(t=>jCe(t,e)).join(" "),jCe=(r,e)=>{Gr("caret",r,e);let t=e.loose?Ti[Bi.CARETLOOSE]:Ti[Bi.CARET],i=e.includePrerelease?"-0":"";return r.replace(t,(n,s,o,a,l)=>{Gr("caret",r,n,s,o,a,l);let c;return Vi(s)?c="":Vi(o)?c=`>=${s}.0.0${i} <${+s+1}.0.0-0`:Vi(a)?s==="0"?c=`>=${s}.${o}.0${i} <${s}.${+o+1}.0-0`:c=`>=${s}.${o}.0${i} <${+s+1}.0.0-0`:l?(Gr("replaceCaret pr",l),s==="0"?o==="0"?c=`>=${s}.${o}.${a}-${l} <${s}.${o}.${+a+1}-0`:c=`>=${s}.${o}.${a}-${l} <${s}.${+o+1}.0-0`:c=`>=${s}.${o}.${a}-${l} <${+s+1}.0.0-0`):(Gr("no pr"),s==="0"?o==="0"?c=`>=${s}.${o}.${a}${i} <${s}.${o}.${+a+1}-0`:c=`>=${s}.${o}.${a}${i} <${s}.${+o+1}.0-0`:c=`>=${s}.${o}.${a} <${+s+1}.0.0-0`),Gr("caret return",c),c})},qCe=(r,e)=>(Gr("replaceXRanges",r,e),r.split(/\s+/).map(t=>JCe(t,e)).join(" ")),JCe=(r,e)=>{r=r.trim();let t=e.loose?Ti[Bi.XRANGELOOSE]:Ti[Bi.XRANGE];return r.replace(t,(i,n,s,o,a,l)=>{Gr("xRange",r,i,n,s,o,a,l);let c=Vi(s),u=c||Vi(o),g=u||Vi(a),f=g;return n==="="&&f&&(n=""),l=e.includePrerelease?"-0":"",c?n===">"||n==="<"?i="<0.0.0-0":i="*":n&&f?(u&&(o=0),a=0,n===">"?(n=">=",u?(s=+s+1,o=0,a=0):(o=+o+1,a=0)):n==="<="&&(n="<",u?s=+s+1:o=+o+1),n==="<"&&(l="-0"),i=`${n+s}.${o}.${a}${l}`):u?i=`>=${s}.0.0${l} <${+s+1}.0.0-0`:g&&(i=`>=${s}.${o}.0${l} <${s}.${+o+1}.0-0`),Gr("xRange return",i),i})},WCe=(r,e)=>(Gr("replaceStars",r,e),r.trim().replace(Ti[Bi.STAR],"")),zCe=(r,e)=>(Gr("replaceGTE0",r,e),r.trim().replace(Ti[e.includePrerelease?Bi.GTE0PRE:Bi.GTE0],"")),VCe=r=>(e,t,i,n,s,o,a,l,c,u,g,f,h)=>(Vi(i)?t="":Vi(n)?t=`>=${i}.0.0${r?"-0":""}`:Vi(s)?t=`>=${i}.${n}.0${r?"-0":""}`:o?t=`>=${t}`:t=`>=${t}${r?"-0":""}`,Vi(c)?l="":Vi(u)?l=`<${+c+1}.0.0-0`:Vi(g)?l=`<${c}.${+u+1}.0-0`:f?l=`<=${c}.${u}.${g}-${f}`:r?l=`<${c}.${u}.${+g+1}-0`:l=`<=${l}`,`${t} ${l}`.trim()),XCe=(r,e,t)=>{for(let i=0;i<r.length;i++)if(!r[i].test(e))return!1;if(e.prerelease.length&&!t.includePrerelease){for(let i=0;i<r.length;i++)if(Gr(r[i].semver),r[i].semver!==Av.ANY&&r[i].semver.prerelease.length>0){let n=r[i].semver;if(n.major===e.major&&n.minor===e.minor&&n.patch===e.patch)return!0}return!1}return!0}});var Ad=w((DZe,DG)=>{var ld=Symbol("SemVer ANY"),Kg=class{static get ANY(){return ld}constructor(e,t){if(t=_Ce(t),e instanceof Kg){if(e.loose===!!t.loose)return e;e=e.value}cv("comparator",e,t),this.options=t,this.loose=!!t.loose,this.parse(e),this.semver===ld?this.value="":this.value=this.operator+this.semver.version,cv("comp",this)}parse(e){let t=this.options.loose?SG[vG.COMPARATORLOOSE]:SG[vG.COMPARATOR],i=e.match(t);if(!i)throw new TypeError(`Invalid comparator: ${e}`);this.operator=i[1]!==void 0?i[1]:"",this.operator==="="&&(this.operator=""),i[2]?this.semver=new xG(i[2],this.options.loose):this.semver=ld}toString(){return this.value}test(e){if(cv("Comparator.test",e,this.options.loose),this.semver===ld||e===ld)return!0;if(typeof e=="string")try{e=new xG(e,this.options)}catch{return!1}return lv(e,this.operator,this.semver,this.options)}intersects(e,t){if(!(e instanceof Kg))throw new TypeError("a Comparator is required");if((!t||typeof t!="object")&&(t={loose:!!t,includePrerelease:!1}),this.operator==="")return this.value===""?!0:new PG(e.value,t).test(this.value);if(e.operator==="")return e.value===""?!0:new PG(this.value,t).test(e.semver);let i=(this.operator===">="||this.operator===">")&&(e.operator===">="||e.operator===">"),n=(this.operator==="<="||this.operator==="<")&&(e.operator==="<="||e.operator==="<"),s=this.semver.version===e.semver.version,o=(this.operator===">="||this.operator==="<=")&&(e.operator===">="||e.operator==="<="),a=lv(this.semver,"<",e.semver,t)&&(this.operator===">="||this.operator===">")&&(e.operator==="<="||e.operator==="<"),l=lv(this.semver,">",e.semver,t)&&(this.operator==="<="||this.operator==="<")&&(e.operator===">="||e.operator===">");return i||n||s&&o||a||l}};DG.exports=Kg;var _Ce=rd(),{re:SG,t:vG}=Zl(),lv=iv(),cv=td(),xG=Li(),PG=os()});var cd=w((kZe,kG)=>{var ZCe=os(),$Ce=(r,e,t)=>{try{e=new ZCe(e,t)}catch{return!1}return e.test(r)};kG.exports=$Ce});var FG=w((RZe,RG)=>{var eme=os(),tme=(r,e)=>new eme(r,e).set.map(t=>t.map(i=>i.value).join(" ").trim().split(" "));RG.exports=tme});var LG=w((FZe,NG)=>{var rme=Li(),ime=os(),nme=(r,e,t)=>{let i=null,n=null,s=null;try{s=new ime(e,t)}catch{return null}return r.forEach(o=>{s.test(o)&&(!i||n.compare(o)===-1)&&(i=o,n=new rme(i,t))}),i};NG.exports=nme});var OG=w((NZe,TG)=>{var sme=Li(),ome=os(),ame=(r,e,t)=>{let i=null,n=null,s=null;try{s=new ome(e,t)}catch{return null}return r.forEach(o=>{s.test(o)&&(!i||n.compare(o)===1)&&(i=o,n=new sme(i,t))}),i};TG.exports=ame});var UG=w((LZe,KG)=>{var uv=Li(),Ame=os(),MG=nd(),lme=(r,e)=>{r=new Ame(r,e);let t=new uv("0.0.0");if(r.test(t)||(t=new uv("0.0.0-0"),r.test(t)))return t;t=null;for(let i=0;i<r.set.length;++i){let n=r.set[i],s=null;n.forEach(o=>{let a=new uv(o.semver.version);switch(o.operator){case">":a.prerelease.length===0?a.patch++:a.prerelease.push(0),a.raw=a.format();case"":case">=":(!s||MG(a,s))&&(s=a);break;case"<":case"<=":break;default:throw new Error(`Unexpected operation: ${o.operator}`)}}),s&&(!t||MG(t,s))&&(t=s)}return t&&r.test(t)?t:null};KG.exports=lme});var GG=w((TZe,HG)=>{var cme=os(),ume=(r,e)=>{try{return new cme(r,e).range||"*"}catch{return null}};HG.exports=ume});var TI=w((OZe,JG)=>{var gme=Li(),qG=Ad(),{ANY:fme}=qG,hme=os(),pme=cd(),YG=nd(),jG=DI(),dme=RI(),Cme=kI(),mme=(r,e,t,i)=>{r=new gme(r,i),e=new hme(e,i);let n,s,o,a,l;switch(t){case">":n=YG,s=dme,o=jG,a=">",l=">=";break;case"<":n=jG,s=Cme,o=YG,a="<",l="<=";break;default:throw new TypeError('Must provide a hilo val of "<" or ">"')}if(pme(r,e,i))return!1;for(let c=0;c<e.set.length;++c){let u=e.set[c],g=null,f=null;if(u.forEach(h=>{h.semver===fme&&(h=new qG(">=0.0.0")),g=g||h,f=f||h,n(h.semver,g.semver,i)?g=h:o(h.semver,f.semver,i)&&(f=h)}),g.operator===a||g.operator===l||(!f.operator||f.operator===a)&&s(r,f.semver))return!1;if(f.operator===l&&o(r,f.semver))return!1}return!0};JG.exports=mme});var zG=w((MZe,WG)=>{var Eme=TI(),Ime=(r,e,t)=>Eme(r,e,">",t);WG.exports=Ime});var XG=w((KZe,VG)=>{var yme=TI(),wme=(r,e,t)=>yme(r,e,"<",t);VG.exports=wme});var $G=w((UZe,ZG)=>{var _G=os(),Bme=(r,e,t)=>(r=new _G(r,t),e=new _G(e,t),r.intersects(e));ZG.exports=Bme});var tY=w((HZe,eY)=>{var Qme=cd(),bme=ss();eY.exports=(r,e,t)=>{let i=[],n=null,s=null,o=r.sort((u,g)=>bme(u,g,t));for(let u of o)Qme(u,e,t)?(s=u,n||(n=u)):(s&&i.push([n,s]),s=null,n=null);n&&i.push([n,null]);let a=[];for(let[u,g]of i)u===g?a.push(u):!g&&u===o[0]?a.push("*"):g?u===o[0]?a.push(`<=${g}`):a.push(`${u} - ${g}`):a.push(`>=${u}`);let l=a.join(" || "),c=typeof e.raw=="string"?e.raw:String(e);return l.length<c.length?l:e}});var oY=w((GZe,sY)=>{var rY=os(),OI=Ad(),{ANY:gv}=OI,ud=cd(),fv=ss(),Sme=(r,e,t={})=>{if(r===e)return!0;r=new rY(r,t),e=new rY(e,t);let i=!1;e:for(let n of r.set){for(let s of e.set){let o=vme(n,s,t);if(i=i||o!==null,o)continue e}if(i)return!1}return!0},vme=(r,e,t)=>{if(r===e)return!0;if(r.length===1&&r[0].semver===gv){if(e.length===1&&e[0].semver===gv)return!0;t.includePrerelease?r=[new OI(">=0.0.0-0")]:r=[new OI(">=0.0.0")]}if(e.length===1&&e[0].semver===gv){if(t.includePrerelease)return!0;e=[new OI(">=0.0.0")]}let i=new Set,n,s;for(let h of r)h.operator===">"||h.operator===">="?n=iY(n,h,t):h.operator==="<"||h.operator==="<="?s=nY(s,h,t):i.add(h.semver);if(i.size>1)return null;let o;if(n&&s){if(o=fv(n.semver,s.semver,t),o>0)return null;if(o===0&&(n.operator!==">="||s.operator!=="<="))return null}for(let h of i){if(n&&!ud(h,String(n),t)||s&&!ud(h,String(s),t))return null;for(let p of e)if(!ud(h,String(p),t))return!1;return!0}let a,l,c,u,g=s&&!t.includePrerelease&&s.semver.prerelease.length?s.semver:!1,f=n&&!t.includePrerelease&&n.semver.prerelease.length?n.semver:!1;g&&g.prerelease.length===1&&s.operator==="<"&&g.prerelease[0]===0&&(g=!1);for(let h of e){if(u=u||h.operator===">"||h.operator===">=",c=c||h.operator==="<"||h.operator==="<=",n){if(f&&h.semver.prerelease&&h.semver.prerelease.length&&h.semver.major===f.major&&h.semver.minor===f.minor&&h.semver.patch===f.patch&&(f=!1),h.operator===">"||h.operator===">="){if(a=iY(n,h,t),a===h&&a!==n)return!1}else if(n.operator===">="&&!ud(n.semver,String(h),t))return!1}if(s){if(g&&h.semver.prerelease&&h.semver.prerelease.length&&h.semver.major===g.major&&h.semver.minor===g.minor&&h.semver.patch===g.patch&&(g=!1),h.operator==="<"||h.operator==="<="){if(l=nY(s,h,t),l===h&&l!==s)return!1}else if(s.operator==="<="&&!ud(s.semver,String(h),t))return!1}if(!h.operator&&(s||n)&&o!==0)return!1}return!(n&&c&&!s&&o!==0||s&&u&&!n&&o!==0||f||g)},iY=(r,e,t)=>{if(!r)return e;let i=fv(r.semver,e.semver,t);return i>0?r:i<0||e.operator===">"&&r.operator===">="?e:r},nY=(r,e,t)=>{if(!r)return e;let i=fv(r.semver,e.semver,t);return i<0?r:i>0||e.operator==="<"&&r.operator==="<="?e:r};sY.exports=Sme});var Xr=w((YZe,aY)=>{var hv=Zl();aY.exports={re:hv.re,src:hv.src,tokens:hv.t,SEMVER_SPEC_VERSION:ed().SEMVER_SPEC_VERSION,SemVer:Li(),compareIdentifiers:bI().compareIdentifiers,rcompareIdentifiers:bI().rcompareIdentifiers,parse:$l(),valid:kH(),clean:FH(),inc:LH(),diff:HH(),major:YH(),minor:qH(),patch:WH(),prerelease:VH(),compare:ss(),rcompare:_H(),compareLoose:$H(),compareBuild:PI(),sort:iG(),rsort:sG(),gt:nd(),lt:DI(),eq:xI(),neq:rv(),gte:kI(),lte:RI(),cmp:iv(),coerce:fG(),Comparator:Ad(),Range:os(),satisfies:cd(),toComparators:FG(),maxSatisfying:LG(),minSatisfying:OG(),minVersion:UG(),validRange:GG(),outside:TI(),gtr:zG(),ltr:XG(),intersects:$G(),simplifyRange:tY(),subset:oY()}});var pv=w(MI=>{"use strict";Object.defineProperty(MI,"__esModule",{value:!0});MI.VERSION=void 0;MI.VERSION="9.1.0"});var Gt=w((exports,module)=>{"use strict";var __spreadArray=exports&&exports.__spreadArray||function(r,e,t){if(t||arguments.length===2)for(var i=0,n=e.length,s;i<n;i++)(s||!(i in e))&&(s||(s=Array.prototype.slice.call(e,0,i)),s[i]=e[i]);return r.concat(s||Array.prototype.slice.call(e))};Object.defineProperty(exports,"__esModule",{value:!0});exports.toFastProperties=exports.timer=exports.peek=exports.isES2015MapSupported=exports.PRINT_WARNING=exports.PRINT_ERROR=exports.packArray=exports.IDENTITY=exports.NOOP=exports.merge=exports.groupBy=exports.defaults=exports.assignNoOverwrite=exports.assign=exports.zipObject=exports.sortBy=exports.indexOf=exports.some=exports.difference=exports.every=exports.isObject=exports.isRegExp=exports.isArray=exports.partial=exports.uniq=exports.compact=exports.reduce=exports.findAll=exports.find=exports.cloneObj=exports.cloneArr=exports.contains=exports.has=exports.pick=exports.reject=exports.filter=exports.dropRight=exports.drop=exports.isFunction=exports.isUndefined=exports.isString=exports.forEach=exports.last=exports.first=exports.flatten=exports.map=exports.mapValues=exports.values=exports.keys=exports.isEmpty=void 0;exports.upperFirst=void 0;function isEmpty(r){return r&&r.length===0}exports.isEmpty=isEmpty;function keys(r){return r==null?[]:Object.keys(r)}exports.keys=keys;function values(r){for(var e=[],t=Object.keys(r),i=0;i<t.length;i++)e.push(r[t[i]]);return e}exports.values=values;function mapValues(r,e){for(var t=[],i=keys(r),n=0;n<i.length;n++){var s=i[n];t.push(e.call(null,r[s],s))}return t}exports.mapValues=mapValues;function map(r,e){for(var t=[],i=0;i<r.length;i++)t.push(e.call(null,r[i],i));return t}exports.map=map;function flatten(r){for(var e=[],t=0;t<r.length;t++){var i=r[t];Array.isArray(i)?e=e.concat(flatten(i)):e.push(i)}return e}exports.flatten=flatten;function first(r){return isEmpty(r)?void 0:r[0]}exports.first=first;function last(r){var e=r&&r.length;return e?r[e-1]:void 0}exports.last=last;function forEach(r,e){if(Array.isArray(r))for(var t=0;t<r.length;t++)e.call(null,r[t],t);else if(isObject(r))for(var i=keys(r),t=0;t<i.length;t++){var n=i[t],s=r[n];e.call(null,s,n)}else throw Error("non exhaustive match")}exports.forEach=forEach;function isString(r){return typeof r=="string"}exports.isString=isString;function isUndefined(r){return r===void 0}exports.isUndefined=isUndefined;function isFunction(r){return r instanceof Function}exports.isFunction=isFunction;function drop(r,e){return e===void 0&&(e=1),r.slice(e,r.length)}exports.drop=drop;function dropRight(r,e){return e===void 0&&(e=1),r.slice(0,r.length-e)}exports.dropRight=dropRight;function filter(r,e){var t=[];if(Array.isArray(r))for(var i=0;i<r.length;i++){var n=r[i];e.call(null,n)&&t.push(n)}return t}exports.filter=filter;function reject(r,e){return filter(r,function(t){return!e(t)})}exports.reject=reject;function pick(r,e){for(var t=Object.keys(r),i={},n=0;n<t.length;n++){var s=t[n],o=r[s];e(o)&&(i[s]=o)}return i}exports.pick=pick;function has(r,e){return isObject(r)?r.hasOwnProperty(e):!1}exports.has=has;function contains(r,e){return find(r,function(t){return t===e})!==void 0}exports.contains=contains;function cloneArr(r){for(var e=[],t=0;t<r.length;t++)e.push(r[t]);return e}exports.cloneArr=cloneArr;function cloneObj(r){var e={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t]);return e}exports.cloneObj=cloneObj;function find(r,e){for(var t=0;t<r.length;t++){var i=r[t];if(e.call(null,i))return i}}exports.find=find;function findAll(r,e){for(var t=[],i=0;i<r.length;i++){var n=r[i];e.call(null,n)&&t.push(n)}return t}exports.findAll=findAll;function reduce(r,e,t){for(var i=Array.isArray(r),n=i?r:values(r),s=i?[]:keys(r),o=t,a=0;a<n.length;a++)o=e.call(null,o,n[a],i?a:s[a]);return o}exports.reduce=reduce;function compact(r){return reject(r,function(e){return e==null})}exports.compact=compact;function uniq(r,e){e===void 0&&(e=function(i){return i});var t=[];return reduce(r,function(i,n){var s=e(n);return contains(t,s)?i:(t.push(s),i.concat(n))},[])}exports.uniq=uniq;function partial(r){for(var e=[],t=1;t<arguments.length;t++)e[t-1]=arguments[t];var i=[null],n=i.concat(e);return Function.bind.apply(r,n)}exports.partial=partial;function isArray(r){return Array.isArray(r)}exports.isArray=isArray;function isRegExp(r){return r instanceof RegExp}exports.isRegExp=isRegExp;function isObject(r){return r instanceof Object}exports.isObject=isObject;function every(r,e){for(var t=0;t<r.length;t++)if(!e(r[t],t))return!1;return!0}exports.every=every;function difference(r,e){return reject(r,function(t){return contains(e,t)})}exports.difference=difference;function some(r,e){for(var t=0;t<r.length;t++)if(e(r[t]))return!0;return!1}exports.some=some;function indexOf(r,e){for(var t=0;t<r.length;t++)if(r[t]===e)return t;return-1}exports.indexOf=indexOf;function sortBy(r,e){var t=cloneArr(r);return t.sort(function(i,n){return e(i)-e(n)}),t}exports.sortBy=sortBy;function zipObject(r,e){if(r.length!==e.length)throw Error("can't zipObject with different number of keys and values!");for(var t={},i=0;i<r.length;i++)t[r[i]]=e[i];return t}exports.zipObject=zipObject;function assign(r){for(var e=[],t=1;t<arguments.length;t++)e[t-1]=arguments[t];for(var i=0;i<e.length;i++)for(var n=e[i],s=keys(n),o=0;o<s.length;o++){var a=s[o];r[a]=n[a]}return r}exports.assign=assign;function assignNoOverwrite(r){for(var e=[],t=1;t<arguments.length;t++)e[t-1]=arguments[t];for(var i=0;i<e.length;i++)for(var n=e[i],s=keys(n),o=0;o<s.length;o++){var a=s[o];has(r,a)||(r[a]=n[a])}return r}exports.assignNoOverwrite=assignNoOverwrite;function defaults(){for(var r=[],e=0;e<arguments.length;e++)r[e]=arguments[e];return assignNoOverwrite.apply(void 0,__spreadArray([{}],r,!1))}exports.defaults=defaults;function groupBy(r,e){var t={};return forEach(r,function(i){var n=e(i),s=t[n];s?s.push(i):t[n]=[i]}),t}exports.groupBy=groupBy;function merge(r,e){for(var t=cloneObj(r),i=keys(e),n=0;n<i.length;n++){var s=i[n],o=e[s];t[s]=o}return t}exports.merge=merge;function NOOP(){}exports.NOOP=NOOP;function IDENTITY(r){return r}exports.IDENTITY=IDENTITY;function packArray(r){for(var e=[],t=0;t<r.length;t++){var i=r[t];e.push(i!==void 0?i:void 0)}return e}exports.packArray=packArray;function PRINT_ERROR(r){console&&console.error&&console.error("Error: "+r)}exports.PRINT_ERROR=PRINT_ERROR;function PRINT_WARNING(r){console&&console.warn&&console.warn("Warning: "+r)}exports.PRINT_WARNING=PRINT_WARNING;function isES2015MapSupported(){return typeof Map=="function"}exports.isES2015MapSupported=isES2015MapSupported;function peek(r){return r[r.length-1]}exports.peek=peek;function timer(r){var e=new Date().getTime(),t=r(),i=new Date().getTime(),n=i-e;return{time:n,value:t}}exports.timer=timer;function toFastProperties(toBecomeFast){function FakeConstructor(){}FakeConstructor.prototype=toBecomeFast;var fakeInstance=new FakeConstructor;function fakeAccess(){return typeof fakeInstance.bar}return fakeAccess(),fakeAccess(),toBecomeFast;eval(toBecomeFast)}exports.toFastProperties=toFastProperties;function upperFirst(r){if(!r)return r;var e=getCharacterFromCodePointAt(r,0);return e.toUpperCase()+r.substring(e.length)}exports.upperFirst=upperFirst;var surrogatePairPattern=/[\uD800-\uDBFF][\uDC00-\uDFFF]/;function getCharacterFromCodePointAt(r,e){var t=r.substring(e,e+1);return surrogatePairPattern.test(t)?t:r[e]}});var UI=w((AY,KI)=>{(function(r,e){typeof define=="function"&&define.amd?define([],e):typeof KI=="object"&&KI.exports?KI.exports=e():r.regexpToAst=e()})(typeof self<"u"?self:AY,function(){function r(){}r.prototype.saveState=function(){return{idx:this.idx,input:this.input,groupIdx:this.groupIdx}},r.prototype.restoreState=function(p){this.idx=p.idx,this.input=p.input,this.groupIdx=p.groupIdx},r.prototype.pattern=function(p){this.idx=0,this.input=p,this.groupIdx=0,this.consumeChar("/");var C=this.disjunction();this.consumeChar("/");for(var y={type:"Flags",loc:{begin:this.idx,end:p.length},global:!1,ignoreCase:!1,multiLine:!1,unicode:!1,sticky:!1};this.isRegExpFlag();)switch(this.popChar()){case"g":o(y,"global");break;case"i":o(y,"ignoreCase");break;case"m":o(y,"multiLine");break;case"u":o(y,"unicode");break;case"y":o(y,"sticky");break}if(this.idx!==this.input.length)throw Error("Redundant input: "+this.input.substring(this.idx));return{type:"Pattern",flags:y,value:C,loc:this.loc(0)}},r.prototype.disjunction=function(){var p=[],C=this.idx;for(p.push(this.alternative());this.peekChar()==="|";)this.consumeChar("|"),p.push(this.alternative());return{type:"Disjunction",value:p,loc:this.loc(C)}},r.prototype.alternative=function(){for(var p=[],C=this.idx;this.isTerm();)p.push(this.term());return{type:"Alternative",value:p,loc:this.loc(C)}},r.prototype.term=function(){return this.isAssertion()?this.assertion():this.atom()},r.prototype.assertion=function(){var p=this.idx;switch(this.popChar()){case"^":return{type:"StartAnchor",loc:this.loc(p)};case"$":return{type:"EndAnchor",loc:this.loc(p)};case"\\":switch(this.popChar()){case"b":return{type:"WordBoundary",loc:this.loc(p)};case"B":return{type:"NonWordBoundary",loc:this.loc(p)}}throw Error("Invalid Assertion Escape");case"(":this.consumeChar("?");var C;switch(this.popChar()){case"=":C="Lookahead";break;case"!":C="NegativeLookahead";break}a(C);var y=this.disjunction();return this.consumeChar(")"),{type:C,value:y,loc:this.loc(p)}}l()},r.prototype.quantifier=function(p){var C,y=this.idx;switch(this.popChar()){case"*":C={atLeast:0,atMost:1/0};break;case"+":C={atLeast:1,atMost:1/0};break;case"?":C={atLeast:0,atMost:1};break;case"{":var B=this.integerIncludingZero();switch(this.popChar()){case"}":C={atLeast:B,atMost:B};break;case",":var v;this.isDigit()?(v=this.integerIncludingZero(),C={atLeast:B,atMost:v}):C={atLeast:B,atMost:1/0},this.consumeChar("}");break}if(p===!0&&C===void 0)return;a(C);break}if(!(p===!0&&C===void 0))return a(C),this.peekChar(0)==="?"?(this.consumeChar("?"),C.greedy=!1):C.greedy=!0,C.type="Quantifier",C.loc=this.loc(y),C},r.prototype.atom=function(){var p,C=this.idx;switch(this.peekChar()){case".":p=this.dotAll();break;case"\\":p=this.atomEscape();break;case"[":p=this.characterClass();break;case"(":p=this.group();break}return p===void 0&&this.isPatternCharacter()&&(p=this.patternCharacter()),a(p),p.loc=this.loc(C),this.isQuantifier()&&(p.quantifier=this.quantifier()),p},r.prototype.dotAll=function(){return this.consumeChar("."),{type:"Set",complement:!0,value:[n(`
-`),n("\r"),n("\u2028"),n("\u2029")]}},r.prototype.atomEscape=function(){switch(this.consumeChar("\\"),this.peekChar()){case"1":case"2":case"3":case"4":case"5":case"6":case"7":case"8":case"9":return this.decimalEscapeAtom();case"d":case"D":case"s":case"S":case"w":case"W":return this.characterClassEscape();case"f":case"n":case"r":case"t":case"v":return this.controlEscapeAtom();case"c":return this.controlLetterEscapeAtom();case"0":return this.nulCharacterAtom();case"x":return this.hexEscapeSequenceAtom();case"u":return this.regExpUnicodeEscapeSequenceAtom();default:return this.identityEscapeAtom()}},r.prototype.decimalEscapeAtom=function(){var p=this.positiveInteger();return{type:"GroupBackReference",value:p}},r.prototype.characterClassEscape=function(){var p,C=!1;switch(this.popChar()){case"d":p=u;break;case"D":p=u,C=!0;break;case"s":p=f;break;case"S":p=f,C=!0;break;case"w":p=g;break;case"W":p=g,C=!0;break}return a(p),{type:"Set",value:p,complement:C}},r.prototype.controlEscapeAtom=function(){var p;switch(this.popChar()){case"f":p=n("\f");break;case"n":p=n(`
-`);break;case"r":p=n("\r");break;case"t":p=n("	");break;case"v":p=n("\v");break}return a(p),{type:"Character",value:p}},r.prototype.controlLetterEscapeAtom=function(){this.consumeChar("c");var p=this.popChar();if(/[a-zA-Z]/.test(p)===!1)throw Error("Invalid ");var C=p.toUpperCase().charCodeAt(0)-64;return{type:"Character",value:C}},r.prototype.nulCharacterAtom=function(){return this.consumeChar("0"),{type:"Character",value:n("\0")}},r.prototype.hexEscapeSequenceAtom=function(){return this.consumeChar("x"),this.parseHexDigits(2)},r.prototype.regExpUnicodeEscapeSequenceAtom=function(){return this.consumeChar("u"),this.parseHexDigits(4)},r.prototype.identityEscapeAtom=function(){var p=this.popChar();return{type:"Character",value:n(p)}},r.prototype.classPatternCharacterAtom=function(){switch(this.peekChar()){case`
-`:case"\r":case"\u2028":case"\u2029":case"\\":case"]":throw Error("TBD");default:var p=this.popChar();return{type:"Character",value:n(p)}}},r.prototype.characterClass=function(){var p=[],C=!1;for(this.consumeChar("["),this.peekChar(0)==="^"&&(this.consumeChar("^"),C=!0);this.isClassAtom();){var y=this.classAtom(),B=y.type==="Character";if(B&&this.isRangeDash()){this.consumeChar("-");var v=this.classAtom(),D=v.type==="Character";if(D){if(v.value<y.value)throw Error("Range out of order in character class");p.push({from:y.value,to:v.value})}else s(y.value,p),p.push(n("-")),s(v.value,p)}else s(y.value,p)}return this.consumeChar("]"),{type:"Set",complement:C,value:p}},r.prototype.classAtom=function(){switch(this.peekChar()){case"]":case`
-`:case"\r":case"\u2028":case"\u2029":throw Error("TBD");case"\\":return this.classEscape();default:return this.classPatternCharacterAtom()}},r.prototype.classEscape=function(){switch(this.consumeChar("\\"),this.peekChar()){case"b":return this.consumeChar("b"),{type:"Character",value:n("\b")};case"d":case"D":case"s":case"S":case"w":case"W":return this.characterClassEscape();case"f":case"n":case"r":case"t":case"v":return this.controlEscapeAtom();case"c":return this.controlLetterEscapeAtom();case"0":return this.nulCharacterAtom();case"x":return this.hexEscapeSequenceAtom();case"u":return this.regExpUnicodeEscapeSequenceAtom();default:return this.identityEscapeAtom()}},r.prototype.group=function(){var p=!0;switch(this.consumeChar("("),this.peekChar(0)){case"?":this.consumeChar("?"),this.consumeChar(":"),p=!1;break;default:this.groupIdx++;break}var C=this.disjunction();this.consumeChar(")");var y={type:"Group",capturing:p,value:C};return p&&(y.idx=this.groupIdx),y},r.prototype.positiveInteger=function(){var p=this.popChar();if(i.test(p)===!1)throw Error("Expecting a positive integer");for(;t.test(this.peekChar(0));)p+=this.popChar();return parseInt(p,10)},r.prototype.integerIncludingZero=function(){var p=this.popChar();if(t.test(p)===!1)throw Error("Expecting an integer");for(;t.test(this.peekChar(0));)p+=this.popChar();return parseInt(p,10)},r.prototype.patternCharacter=function(){var p=this.popChar();switch(p){case`
-`:case"\r":case"\u2028":case"\u2029":case"^":case"$":case"\\":case".":case"*":case"+":case"?":case"(":case")":case"[":case"|":throw Error("TBD");default:return{type:"Character",value:n(p)}}},r.prototype.isRegExpFlag=function(){switch(this.peekChar(0)){case"g":case"i":case"m":case"u":case"y":return!0;default:return!1}},r.prototype.isRangeDash=function(){return this.peekChar()==="-"&&this.isClassAtom(1)},r.prototype.isDigit=function(){return t.test(this.peekChar(0))},r.prototype.isClassAtom=function(p){switch(p===void 0&&(p=0),this.peekChar(p)){case"]":case`
-`:case"\r":case"\u2028":case"\u2029":return!1;default:return!0}},r.prototype.isTerm=function(){return this.isAtom()||this.isAssertion()},r.prototype.isAtom=function(){if(this.isPatternCharacter())return!0;switch(this.peekChar(0)){case".":case"\\":case"[":case"(":return!0;default:return!1}},r.prototype.isAssertion=function(){switch(this.peekChar(0)){case"^":case"$":return!0;case"\\":switch(this.peekChar(1)){case"b":case"B":return!0;default:return!1}case"(":return this.peekChar(1)==="?"&&(this.peekChar(2)==="="||this.peekChar(2)==="!");default:return!1}},r.prototype.isQuantifier=function(){var p=this.saveState();try{return this.quantifier(!0)!==void 0}catch{return!1}finally{this.restoreState(p)}},r.prototype.isPatternCharacter=function(){switch(this.peekChar()){case"^":case"$":case"\\":case".":case"*":case"+":case"?":case"(":case")":case"[":case"|":case"/":case`
-`:case"\r":case"\u2028":case"\u2029":return!1;default:return!0}},r.prototype.parseHexDigits=function(p){for(var C="",y=0;y<p;y++){var B=this.popChar();if(e.test(B)===!1)throw Error("Expecting a HexDecimal digits");C+=B}var v=parseInt(C,16);return{type:"Character",value:v}},r.prototype.peekChar=function(p){return p===void 0&&(p=0),this.input[this.idx+p]},r.prototype.popChar=function(){var p=this.peekChar(0);return this.consumeChar(),p},r.prototype.consumeChar=function(p){if(p!==void 0&&this.input[this.idx]!==p)throw Error("Expected: '"+p+"' but found: '"+this.input[this.idx]+"' at offset: "+this.idx);if(this.idx>=this.input.length)throw Error("Unexpected end of input");this.idx++},r.prototype.loc=function(p){return{begin:p,end:this.idx}};var e=/[0-9a-fA-F]/,t=/[0-9]/,i=/[1-9]/;function n(p){return p.charCodeAt(0)}function s(p,C){p.length!==void 0?p.forEach(function(y){C.push(y)}):C.push(p)}function o(p,C){if(p[C]===!0)throw"duplicate flag "+C;p[C]=!0}function a(p){if(p===void 0)throw Error("Internal Error - Should never get here!")}function l(){throw Error("Internal Error - Should never get here!")}var c,u=[];for(c=n("0");c<=n("9");c++)u.push(c);var g=[n("_")].concat(u);for(c=n("a");c<=n("z");c++)g.push(c);for(c=n("A");c<=n("Z");c++)g.push(c);var f=[n(" "),n("\f"),n(`
-`),n("\r"),n("	"),n("\v"),n("	"),n("\xA0"),n("\u1680"),n("\u2000"),n("\u2001"),n("\u2002"),n("\u2003"),n("\u2004"),n("\u2005"),n("\u2006"),n("\u2007"),n("\u2008"),n("\u2009"),n("\u200A"),n("\u2028"),n("\u2029"),n("\u202F"),n("\u205F"),n("\u3000"),n("\uFEFF")];function h(){}return h.prototype.visitChildren=function(p){for(var C in p){var y=p[C];p.hasOwnProperty(C)&&(y.type!==void 0?this.visit(y):Array.isArray(y)&&y.forEach(function(B){this.visit(B)},this))}},h.prototype.visit=function(p){switch(p.type){case"Pattern":this.visitPattern(p);break;case"Flags":this.visitFlags(p);break;case"Disjunction":this.visitDisjunction(p);break;case"Alternative":this.visitAlternative(p);break;case"StartAnchor":this.visitStartAnchor(p);break;case"EndAnchor":this.visitEndAnchor(p);break;case"WordBoundary":this.visitWordBoundary(p);break;case"NonWordBoundary":this.visitNonWordBoundary(p);break;case"Lookahead":this.visitLookahead(p);break;case"NegativeLookahead":this.visitNegativeLookahead(p);break;case"Character":this.visitCharacter(p);break;case"Set":this.visitSet(p);break;case"Group":this.visitGroup(p);break;case"GroupBackReference":this.visitGroupBackReference(p);break;case"Quantifier":this.visitQuantifier(p);break}this.visitChildren(p)},h.prototype.visitPattern=function(p){},h.prototype.visitFlags=function(p){},h.prototype.visitDisjunction=function(p){},h.prototype.visitAlternative=function(p){},h.prototype.visitStartAnchor=function(p){},h.prototype.visitEndAnchor=function(p){},h.prototype.visitWordBoundary=function(p){},h.prototype.visitNonWordBoundary=function(p){},h.prototype.visitLookahead=function(p){},h.prototype.visitNegativeLookahead=function(p){},h.prototype.visitCharacter=function(p){},h.prototype.visitSet=function(p){},h.prototype.visitGroup=function(p){},h.prototype.visitGroupBackReference=function(p){},h.prototype.visitQuantifier=function(p){},{RegExpParser:r,BaseRegExpVisitor:h,VERSION:"0.5.0"}})});var GI=w(Ug=>{"use strict";Object.defineProperty(Ug,"__esModule",{value:!0});Ug.clearRegExpParserCache=Ug.getRegExpAst=void 0;var xme=UI(),HI={},Pme=new xme.RegExpParser;function Dme(r){var e=r.toString();if(HI.hasOwnProperty(e))return HI[e];var t=Pme.pattern(e);return HI[e]=t,t}Ug.getRegExpAst=Dme;function kme(){HI={}}Ug.clearRegExpParserCache=kme});var fY=w(pn=>{"use strict";var Rme=pn&&pn.__extends||function(){var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,n){i.__proto__=n}||function(i,n){for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(i[s]=n[s])},r(e,t)};return function(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");r(e,t);function i(){this.constructor=e}e.prototype=t===null?Object.create(t):(i.prototype=t.prototype,new i)}}();Object.defineProperty(pn,"__esModule",{value:!0});pn.canMatchCharCode=pn.firstCharOptimizedIndices=pn.getOptimizedStartCodesIndices=pn.failedOptimizationPrefixMsg=void 0;var cY=UI(),as=Gt(),uY=GI(),ya=Cv(),gY="Complement Sets are not supported for first char optimization";pn.failedOptimizationPrefixMsg=`Unable to use "first char" lexer optimizations:
-`;function Fme(r,e){e===void 0&&(e=!1);try{var t=(0,uY.getRegExpAst)(r),i=jI(t.value,{},t.flags.ignoreCase);return i}catch(s){if(s.message===gY)e&&(0,as.PRINT_WARNING)(""+pn.failedOptimizationPrefixMsg+("	Unable to optimize: < "+r.toString()+` >
-`)+`	Complement Sets cannot be automatically optimized.
-	This will disable the lexer's first char optimizations.
-	See: https://chevrotain.io/docs/guide/resolving_lexer_errors.html#COMPLEMENT for details.`);else{var n="";e&&(n=`
-	This will disable the lexer's first char optimizations.
-	See: https://chevrotain.io/docs/guide/resolving_lexer_errors.html#REGEXP_PARSING for details.`),(0,as.PRINT_ERROR)(pn.failedOptimizationPrefixMsg+`
-`+("	Failed parsing: < "+r.toString()+` >
-`)+("	Using the regexp-to-ast library version: "+cY.VERSION+`
-`)+"	Please open an issue at: https://github.com/bd82/regexp-to-ast/issues"+n)}}return[]}pn.getOptimizedStartCodesIndices=Fme;function jI(r,e,t){switch(r.type){case"Disjunction":for(var i=0;i<r.value.length;i++)jI(r.value[i],e,t);break;case"Alternative":for(var n=r.value,i=0;i<n.length;i++){var s=n[i];switch(s.type){case"EndAnchor":case"GroupBackReference":case"Lookahead":case"NegativeLookahead":case"StartAnchor":case"WordBoundary":case"NonWordBoundary":continue}var o=s;switch(o.type){case"Character":YI(o.value,e,t);break;case"Set":if(o.complement===!0)throw Error(gY);(0,as.forEach)(o.value,function(c){if(typeof c=="number")YI(c,e,t);else{var u=c;if(t===!0)for(var g=u.from;g<=u.to;g++)YI(g,e,t);else{for(var g=u.from;g<=u.to&&g<ya.minOptimizationVal;g++)YI(g,e,t);if(u.to>=ya.minOptimizationVal)for(var f=u.from>=ya.minOptimizationVal?u.from:ya.minOptimizationVal,h=u.to,p=(0,ya.charCodeToOptimizedIndex)(f),C=(0,ya.charCodeToOptimizedIndex)(h),y=p;y<=C;y++)e[y]=y}}});break;case"Group":jI(o.value,e,t);break;default:throw Error("Non Exhaustive Match")}var a=o.quantifier!==void 0&&o.quantifier.atLeast===0;if(o.type==="Group"&&dv(o)===!1||o.type!=="Group"&&a===!1)break}break;default:throw Error("non exhaustive match!")}return(0,as.values)(e)}pn.firstCharOptimizedIndices=jI;function YI(r,e,t){var i=(0,ya.charCodeToOptimizedIndex)(r);e[i]=i,t===!0&&Nme(r,e)}function Nme(r,e){var t=String.fromCharCode(r),i=t.toUpperCase();if(i!==t){var n=(0,ya.charCodeToOptimizedIndex)(i.charCodeAt(0));e[n]=n}else{var s=t.toLowerCase();if(s!==t){var n=(0,ya.charCodeToOptimizedIndex)(s.charCodeAt(0));e[n]=n}}}function lY(r,e){return(0,as.find)(r.value,function(t){if(typeof t=="number")return(0,as.contains)(e,t);var i=t;return(0,as.find)(e,function(n){return i.from<=n&&n<=i.to})!==void 0})}function dv(r){return r.quantifier&&r.quantifier.atLeast===0?!0:r.value?(0,as.isArray)(r.value)?(0,as.every)(r.value,dv):dv(r.value):!1}var Lme=function(r){Rme(e,r);function e(t){var i=r.call(this)||this;return i.targetCharCodes=t,i.found=!1,i}return e.prototype.visitChildren=function(t){if(this.found!==!0){switch(t.type){case"Lookahead":this.visitLookahead(t);return;case"NegativeLookahead":this.visitNegativeLookahead(t);return}r.prototype.visitChildren.call(this,t)}},e.prototype.visitCharacter=function(t){(0,as.contains)(this.targetCharCodes,t.value)&&(this.found=!0)},e.prototype.visitSet=function(t){t.complement?lY(t,this.targetCharCodes)===void 0&&(this.found=!0):lY(t,this.targetCharCodes)!==void 0&&(this.found=!0)},e}(cY.BaseRegExpVisitor);function Tme(r,e){if(e instanceof RegExp){var t=(0,uY.getRegExpAst)(e),i=new Lme(r);return i.visit(t),i.found}else return(0,as.find)(e,function(n){return(0,as.contains)(r,n.charCodeAt(0))})!==void 0}pn.canMatchCharCode=Tme});var Cv=w(Ve=>{"use strict";var hY=Ve&&Ve.__extends||function(){var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,n){i.__proto__=n}||function(i,n){for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(i[s]=n[s])},r(e,t)};return function(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");r(e,t);function i(){this.constructor=e}e.prototype=t===null?Object.create(t):(i.prototype=t.prototype,new i)}}();Object.defineProperty(Ve,"__esModule",{value:!0});Ve.charCodeToOptimizedIndex=Ve.minOptimizationVal=Ve.buildLineBreakIssueMessage=Ve.LineTerminatorOptimizedTester=Ve.isShortPattern=Ve.isCustomPattern=Ve.cloneEmptyGroups=Ve.performWarningRuntimeChecks=Ve.performRuntimeChecks=Ve.addStickyFlag=Ve.addStartOfInput=Ve.findUnreachablePatterns=Ve.findModesThatDoNotExist=Ve.findInvalidGroupType=Ve.findDuplicatePatterns=Ve.findUnsupportedFlags=Ve.findStartOfInputAnchor=Ve.findEmptyMatchRegExps=Ve.findEndOfInputAnchor=Ve.findInvalidPatterns=Ve.findMissingPatterns=Ve.validatePatterns=Ve.analyzeTokenTypes=Ve.enableSticky=Ve.disableSticky=Ve.SUPPORT_STICKY=Ve.MODES=Ve.DEFAULT_MODE=void 0;var pY=UI(),ir=gd(),xe=Gt(),Hg=fY(),dY=GI(),So="PATTERN";Ve.DEFAULT_MODE="defaultMode";Ve.MODES="modes";Ve.SUPPORT_STICKY=typeof new RegExp("(?:)").sticky=="boolean";function Ome(){Ve.SUPPORT_STICKY=!1}Ve.disableSticky=Ome;function Mme(){Ve.SUPPORT_STICKY=!0}Ve.enableSticky=Mme;function Kme(r,e){e=(0,xe.defaults)(e,{useSticky:Ve.SUPPORT_STICKY,debug:!1,safeMode:!1,positionTracking:"full",lineTerminatorCharacters:["\r",`
-`],tracer:function(v,D){return D()}});var t=e.tracer;t("initCharCodeToOptimizedIndexMap",function(){Vme()});var i;t("Reject Lexer.NA",function(){i=(0,xe.reject)(r,function(v){return v[So]===ir.Lexer.NA})});var n=!1,s;t("Transform Patterns",function(){n=!1,s=(0,xe.map)(i,function(v){var D=v[So];if((0,xe.isRegExp)(D)){var L=D.source;return L.length===1&&L!=="^"&&L!=="$"&&L!=="."&&!D.ignoreCase?L:L.length===2&&L[0]==="\\"&&!(0,xe.contains)(["d","D","s","S","t","r","n","t","0","c","b","B","f","v","w","W"],L[1])?L[1]:e.useSticky?Iv(D):Ev(D)}else{if((0,xe.isFunction)(D))return n=!0,{exec:D};if((0,xe.has)(D,"exec"))return n=!0,D;if(typeof D=="string"){if(D.length===1)return D;var H=D.replace(/[\\^$.*+?()[\]{}|]/g,"\\$&"),j=new RegExp(H);return e.useSticky?Iv(j):Ev(j)}else throw Error("non exhaustive match")}})});var o,a,l,c,u;t("misc mapping",function(){o=(0,xe.map)(i,function(v){return v.tokenTypeIdx}),a=(0,xe.map)(i,function(v){var D=v.GROUP;if(D!==ir.Lexer.SKIPPED){if((0,xe.isString)(D))return D;if((0,xe.isUndefined)(D))return!1;throw Error("non exhaustive match")}}),l=(0,xe.map)(i,function(v){var D=v.LONGER_ALT;if(D){var L=(0,xe.isArray)(D)?(0,xe.map)(D,function(H){return(0,xe.indexOf)(i,H)}):[(0,xe.indexOf)(i,D)];return L}}),c=(0,xe.map)(i,function(v){return v.PUSH_MODE}),u=(0,xe.map)(i,function(v){return(0,xe.has)(v,"POP_MODE")})});var g;t("Line Terminator Handling",function(){var v=DY(e.lineTerminatorCharacters);g=(0,xe.map)(i,function(D){return!1}),e.positionTracking!=="onlyOffset"&&(g=(0,xe.map)(i,function(D){if((0,xe.has)(D,"LINE_BREAKS"))return D.LINE_BREAKS;if(xY(D,v)===!1)return(0,Hg.canMatchCharCode)(v,D.PATTERN)}))});var f,h,p,C;t("Misc Mapping #2",function(){f=(0,xe.map)(i,wv),h=(0,xe.map)(s,vY),p=(0,xe.reduce)(i,function(v,D){var L=D.GROUP;return(0,xe.isString)(L)&&L!==ir.Lexer.SKIPPED&&(v[L]=[]),v},{}),C=(0,xe.map)(s,function(v,D){return{pattern:s[D],longerAlt:l[D],canLineTerminator:g[D],isCustom:f[D],short:h[D],group:a[D],push:c[D],pop:u[D],tokenTypeIdx:o[D],tokenType:i[D]}})});var y=!0,B=[];return e.safeMode||t("First Char Optimization",function(){B=(0,xe.reduce)(i,function(v,D,L){if(typeof D.PATTERN=="string"){var H=D.PATTERN.charCodeAt(0),j=yv(H);mv(v,j,C[L])}else if((0,xe.isArray)(D.START_CHARS_HINT)){var $;(0,xe.forEach)(D.START_CHARS_HINT,function(W){var Z=typeof W=="string"?W.charCodeAt(0):W,A=yv(Z);$!==A&&($=A,mv(v,A,C[L]))})}else if((0,xe.isRegExp)(D.PATTERN))if(D.PATTERN.unicode)y=!1,e.ensureOptimizations&&(0,xe.PRINT_ERROR)(""+Hg.failedOptimizationPrefixMsg+("	Unable to analyze < "+D.PATTERN.toString()+` > pattern.
-`)+`	The regexp unicode flag is not currently supported by the regexp-to-ast library.
-	This will disable the lexer's first char optimizations.
-	For details See: https://chevrotain.io/docs/guide/resolving_lexer_errors.html#UNICODE_OPTIMIZE`);else{var V=(0,Hg.getOptimizedStartCodesIndices)(D.PATTERN,e.ensureOptimizations);(0,xe.isEmpty)(V)&&(y=!1),(0,xe.forEach)(V,function(W){mv(v,W,C[L])})}else e.ensureOptimizations&&(0,xe.PRINT_ERROR)(""+Hg.failedOptimizationPrefixMsg+("	TokenType: <"+D.name+`> is using a custom token pattern without providing <start_chars_hint> parameter.
-`)+`	This will disable the lexer's first char optimizations.
-	For details See: https://chevrotain.io/docs/guide/resolving_lexer_errors.html#CUSTOM_OPTIMIZE`),y=!1;return v},[])}),t("ArrayPacking",function(){B=(0,xe.packArray)(B)}),{emptyGroups:p,patternIdxToConfig:C,charCodeToPatternIdxToConfig:B,hasCustom:n,canBeOptimized:y}}Ve.analyzeTokenTypes=Kme;function Ume(r,e){var t=[],i=CY(r);t=t.concat(i.errors);var n=mY(i.valid),s=n.valid;return t=t.concat(n.errors),t=t.concat(Hme(s)),t=t.concat(QY(s)),t=t.concat(bY(s,e)),t=t.concat(SY(s)),t}Ve.validatePatterns=Ume;function Hme(r){var e=[],t=(0,xe.filter)(r,function(i){return(0,xe.isRegExp)(i[So])});return e=e.concat(EY(t)),e=e.concat(yY(t)),e=e.concat(wY(t)),e=e.concat(BY(t)),e=e.concat(IY(t)),e}function CY(r){var e=(0,xe.filter)(r,function(n){return!(0,xe.has)(n,So)}),t=(0,xe.map)(e,function(n){return{message:"Token Type: ->"+n.name+"<- missing static 'PATTERN' property",type:ir.LexerDefinitionErrorType.MISSING_PATTERN,tokenTypes:[n]}}),i=(0,xe.difference)(r,e);return{errors:t,valid:i}}Ve.findMissingPatterns=CY;function mY(r){var e=(0,xe.filter)(r,function(n){var s=n[So];return!(0,xe.isRegExp)(s)&&!(0,xe.isFunction)(s)&&!(0,xe.has)(s,"exec")&&!(0,xe.isString)(s)}),t=(0,xe.map)(e,function(n){return{message:"Token Type: ->"+n.name+"<- static 'PATTERN' can only be a RegExp, a Function matching the {CustomPatternMatcherFunc} type or an Object matching the {ICustomPattern} interface.",type:ir.LexerDefinitionErrorType.INVALID_PATTERN,tokenTypes:[n]}}),i=(0,xe.difference)(r,e);return{errors:t,valid:i}}Ve.findInvalidPatterns=mY;var Gme=/[^\\][\$]/;function EY(r){var e=function(n){hY(s,n);function s(){var o=n!==null&&n.apply(this,arguments)||this;return o.found=!1,o}return s.prototype.visitEndAnchor=function(o){this.found=!0},s}(pY.BaseRegExpVisitor),t=(0,xe.filter)(r,function(n){var s=n[So];try{var o=(0,dY.getRegExpAst)(s),a=new e;return a.visit(o),a.found}catch{return Gme.test(s.source)}}),i=(0,xe.map)(t,function(n){return{message:`Unexpected RegExp Anchor Error:
-	Token Type: ->`+n.name+`<- static 'PATTERN' cannot contain end of input anchor '$'
-	See chevrotain.io/docs/guide/resolving_lexer_errors.html#ANCHORS	for details.`,type:ir.LexerDefinitionErrorType.EOI_ANCHOR_FOUND,tokenTypes:[n]}});return i}Ve.findEndOfInputAnchor=EY;function IY(r){var e=(0,xe.filter)(r,function(i){var n=i[So];return n.test("")}),t=(0,xe.map)(e,function(i){return{message:"Token Type: ->"+i.name+"<- static 'PATTERN' must not match an empty string",type:ir.LexerDefinitionErrorType.EMPTY_MATCH_PATTERN,tokenTypes:[i]}});return t}Ve.findEmptyMatchRegExps=IY;var Yme=/[^\\[][\^]|^\^/;function yY(r){var e=function(n){hY(s,n);function s(){var o=n!==null&&n.apply(this,arguments)||this;return o.found=!1,o}return s.prototype.visitStartAnchor=function(o){this.found=!0},s}(pY.BaseRegExpVisitor),t=(0,xe.filter)(r,function(n){var s=n[So];try{var o=(0,dY.getRegExpAst)(s),a=new e;return a.visit(o),a.found}catch{return Yme.test(s.source)}}),i=(0,xe.map)(t,function(n){return{message:`Unexpected RegExp Anchor Error:
-	Token Type: ->`+n.name+`<- static 'PATTERN' cannot contain start of input anchor '^'
-	See https://chevrotain.io/docs/guide/resolving_lexer_errors.html#ANCHORS	for details.`,type:ir.LexerDefinitionErrorType.SOI_ANCHOR_FOUND,tokenTypes:[n]}});return i}Ve.findStartOfInputAnchor=yY;function wY(r){var e=(0,xe.filter)(r,function(i){var n=i[So];return n instanceof RegExp&&(n.multiline||n.global)}),t=(0,xe.map)(e,function(i){return{message:"Token Type: ->"+i.name+"<- static 'PATTERN' may NOT contain global('g') or multiline('m')",type:ir.LexerDefinitionErrorType.UNSUPPORTED_FLAGS_FOUND,tokenTypes:[i]}});return t}Ve.findUnsupportedFlags=wY;function BY(r){var e=[],t=(0,xe.map)(r,function(s){return(0,xe.reduce)(r,function(o,a){return s.PATTERN.source===a.PATTERN.source&&!(0,xe.contains)(e,a)&&a.PATTERN!==ir.Lexer.NA&&(e.push(a),o.push(a)),o},[])});t=(0,xe.compact)(t);var i=(0,xe.filter)(t,function(s){return s.length>1}),n=(0,xe.map)(i,function(s){var o=(0,xe.map)(s,function(l){return l.name}),a=(0,xe.first)(s).PATTERN;return{message:"The same RegExp pattern ->"+a+"<-"+("has been used in all of the following Token Types: "+o.join(", ")+" <-"),type:ir.LexerDefinitionErrorType.DUPLICATE_PATTERNS_FOUND,tokenTypes:s}});return n}Ve.findDuplicatePatterns=BY;function QY(r){var e=(0,xe.filter)(r,function(i){if(!(0,xe.has)(i,"GROUP"))return!1;var n=i.GROUP;return n!==ir.Lexer.SKIPPED&&n!==ir.Lexer.NA&&!(0,xe.isString)(n)}),t=(0,xe.map)(e,function(i){return{message:"Token Type: ->"+i.name+"<- static 'GROUP' can only be Lexer.SKIPPED/Lexer.NA/A String",type:ir.LexerDefinitionErrorType.INVALID_GROUP_TYPE_FOUND,tokenTypes:[i]}});return t}Ve.findInvalidGroupType=QY;function bY(r,e){var t=(0,xe.filter)(r,function(n){return n.PUSH_MODE!==void 0&&!(0,xe.contains)(e,n.PUSH_MODE)}),i=(0,xe.map)(t,function(n){var s="Token Type: ->"+n.name+"<- static 'PUSH_MODE' value cannot refer to a Lexer Mode ->"+n.PUSH_MODE+"<-which does not exist";return{message:s,type:ir.LexerDefinitionErrorType.PUSH_MODE_DOES_NOT_EXIST,tokenTypes:[n]}});return i}Ve.findModesThatDoNotExist=bY;function SY(r){var e=[],t=(0,xe.reduce)(r,function(i,n,s){var o=n.PATTERN;return o===ir.Lexer.NA||((0,xe.isString)(o)?i.push({str:o,idx:s,tokenType:n}):(0,xe.isRegExp)(o)&&qme(o)&&i.push({str:o.source,idx:s,tokenType:n})),i},[]);return(0,xe.forEach)(r,function(i,n){(0,xe.forEach)(t,function(s){var o=s.str,a=s.idx,l=s.tokenType;if(n<a&&jme(o,i.PATTERN)){var c="Token: ->"+l.name+`<- can never be matched.
-`+("Because it appears AFTER the Token Type ->"+i.name+"<-")+`in the lexer's definition.
-See https://chevrotain.io/docs/guide/resolving_lexer_errors.html#UNREACHABLE`;e.push({message:c,type:ir.LexerDefinitionErrorType.UNREACHABLE_PATTERN,tokenTypes:[i,l]})}})}),e}Ve.findUnreachablePatterns=SY;function jme(r,e){if((0,xe.isRegExp)(e)){var t=e.exec(r);return t!==null&&t.index===0}else{if((0,xe.isFunction)(e))return e(r,0,[],{});if((0,xe.has)(e,"exec"))return e.exec(r,0,[],{});if(typeof e=="string")return e===r;throw Error("non exhaustive match")}}function qme(r){var e=[".","\\","[","]","|","^","$","(",")","?","*","+","{"];return(0,xe.find)(e,function(t){return r.source.indexOf(t)!==-1})===void 0}function Ev(r){var e=r.ignoreCase?"i":"";return new RegExp("^(?:"+r.source+")",e)}Ve.addStartOfInput=Ev;function Iv(r){var e=r.ignoreCase?"iy":"y";return new RegExp(""+r.source,e)}Ve.addStickyFlag=Iv;function Jme(r,e,t){var i=[];return(0,xe.has)(r,Ve.DEFAULT_MODE)||i.push({message:"A MultiMode Lexer cannot be initialized without a <"+Ve.DEFAULT_MODE+`> property in its definition
-`,type:ir.LexerDefinitionErrorType.MULTI_MODE_LEXER_WITHOUT_DEFAULT_MODE}),(0,xe.has)(r,Ve.MODES)||i.push({message:"A MultiMode Lexer cannot be initialized without a <"+Ve.MODES+`> property in its definition
-`,type:ir.LexerDefinitionErrorType.MULTI_MODE_LEXER_WITHOUT_MODES_PROPERTY}),(0,xe.has)(r,Ve.MODES)&&(0,xe.has)(r,Ve.DEFAULT_MODE)&&!(0,xe.has)(r.modes,r.defaultMode)&&i.push({message:"A MultiMode Lexer cannot be initialized with a "+Ve.DEFAULT_MODE+": <"+r.defaultMode+`>which does not exist
-`,type:ir.LexerDefinitionErrorType.MULTI_MODE_LEXER_DEFAULT_MODE_VALUE_DOES_NOT_EXIST}),(0,xe.has)(r,Ve.MODES)&&(0,xe.forEach)(r.modes,function(n,s){(0,xe.forEach)(n,function(o,a){(0,xe.isUndefined)(o)&&i.push({message:"A Lexer cannot be initialized using an undefined Token Type. Mode:"+("<"+s+"> at index: <"+a+`>
-`),type:ir.LexerDefinitionErrorType.LEXER_DEFINITION_CANNOT_CONTAIN_UNDEFINED})})}),i}Ve.performRuntimeChecks=Jme;function Wme(r,e,t){var i=[],n=!1,s=(0,xe.compact)((0,xe.flatten)((0,xe.mapValues)(r.modes,function(l){return l}))),o=(0,xe.reject)(s,function(l){return l[So]===ir.Lexer.NA}),a=DY(t);return e&&(0,xe.forEach)(o,function(l){var c=xY(l,a);if(c!==!1){var u=PY(l,c),g={message:u,type:c.issue,tokenType:l};i.push(g)}else(0,xe.has)(l,"LINE_BREAKS")?l.LINE_BREAKS===!0&&(n=!0):(0,Hg.canMatchCharCode)(a,l.PATTERN)&&(n=!0)}),e&&!n&&i.push({message:`Warning: No LINE_BREAKS Found.
-	This Lexer has been defined to track line and column information,
-	But none of the Token Types can be identified as matching a line terminator.
-	See https://chevrotain.io/docs/guide/resolving_lexer_errors.html#LINE_BREAKS 
-	for details.`,type:ir.LexerDefinitionErrorType.NO_LINE_BREAKS_FLAGS}),i}Ve.performWarningRuntimeChecks=Wme;function zme(r){var e={},t=(0,xe.keys)(r);return(0,xe.forEach)(t,function(i){var n=r[i];if((0,xe.isArray)(n))e[i]=[];else throw Error("non exhaustive match")}),e}Ve.cloneEmptyGroups=zme;function wv(r){var e=r.PATTERN;if((0,xe.isRegExp)(e))return!1;if((0,xe.isFunction)(e))return!0;if((0,xe.has)(e,"exec"))return!0;if((0,xe.isString)(e))return!1;throw Error("non exhaustive match")}Ve.isCustomPattern=wv;function vY(r){return(0,xe.isString)(r)&&r.length===1?r.charCodeAt(0):!1}Ve.isShortPattern=vY;Ve.LineTerminatorOptimizedTester={test:function(r){for(var e=r.length,t=this.lastIndex;t<e;t++){var i=r.charCodeAt(t);if(i===10)return this.lastIndex=t+1,!0;if(i===13)return r.charCodeAt(t+1)===10?this.lastIndex=t+2:this.lastIndex=t+1,!0}return!1},lastIndex:0};function xY(r,e){if((0,xe.has)(r,"LINE_BREAKS"))return!1;if((0,xe.isRegExp)(r.PATTERN)){try{(0,Hg.canMatchCharCode)(e,r.PATTERN)}catch(t){return{issue:ir.LexerDefinitionErrorType.IDENTIFY_TERMINATOR,errMsg:t.message}}return!1}else{if((0,xe.isString)(r.PATTERN))return!1;if(wv(r))return{issue:ir.LexerDefinitionErrorType.CUSTOM_LINE_BREAK};throw Error("non exhaustive match")}}function PY(r,e){if(e.issue===ir.LexerDefinitionErrorType.IDENTIFY_TERMINATOR)return`Warning: unable to identify line terminator usage in pattern.
-`+("	The problem is in the <"+r.name+`> Token Type
-`)+("	 Root cause: "+e.errMsg+`.
-`)+"	For details See: https://chevrotain.io/docs/guide/resolving_lexer_errors.html#IDENTIFY_TERMINATOR";if(e.issue===ir.LexerDefinitionErrorType.CUSTOM_LINE_BREAK)return`Warning: A Custom Token Pattern should specify the <line_breaks> option.
-`+("	The problem is in the <"+r.name+`> Token Type
-`)+"	For details See: https://chevrotain.io/docs/guide/resolving_lexer_errors.html#CUSTOM_LINE_BREAK";throw Error("non exhaustive match")}Ve.buildLineBreakIssueMessage=PY;function DY(r){var e=(0,xe.map)(r,function(t){return(0,xe.isString)(t)&&t.length>0?t.charCodeAt(0):t});return e}function mv(r,e,t){r[e]===void 0?r[e]=[t]:r[e].push(t)}Ve.minOptimizationVal=256;var qI=[];function yv(r){return r<Ve.minOptimizationVal?r:qI[r]}Ve.charCodeToOptimizedIndex=yv;function Vme(){if((0,xe.isEmpty)(qI)){qI=new Array(65536);for(var r=0;r<65536;r++)qI[r]=r>255?255+~~(r/255):r}}});var Gg=w(Nt=>{"use strict";Object.defineProperty(Nt,"__esModule",{value:!0});Nt.isTokenType=Nt.hasExtendingTokensTypesMapProperty=Nt.hasExtendingTokensTypesProperty=Nt.hasCategoriesProperty=Nt.hasShortKeyProperty=Nt.singleAssignCategoriesToksMap=Nt.assignCategoriesMapProp=Nt.assignCategoriesTokensProp=Nt.assignTokenDefaultProps=Nt.expandCategories=Nt.augmentTokenTypes=Nt.tokenIdxToClass=Nt.tokenShortNameIdx=Nt.tokenStructuredMatcherNoCategories=Nt.tokenStructuredMatcher=void 0;var _r=Gt();function Xme(r,e){var t=r.tokenTypeIdx;return t===e.tokenTypeIdx?!0:e.isParent===!0&&e.categoryMatchesMap[t]===!0}Nt.tokenStructuredMatcher=Xme;function _me(r,e){return r.tokenTypeIdx===e.tokenTypeIdx}Nt.tokenStructuredMatcherNoCategories=_me;Nt.tokenShortNameIdx=1;Nt.tokenIdxToClass={};function Zme(r){var e=kY(r);RY(e),NY(e),FY(e),(0,_r.forEach)(e,function(t){t.isParent=t.categoryMatches.length>0})}Nt.augmentTokenTypes=Zme;function kY(r){for(var e=(0,_r.cloneArr)(r),t=r,i=!0;i;){t=(0,_r.compact)((0,_r.flatten)((0,_r.map)(t,function(s){return s.CATEGORIES})));var n=(0,_r.difference)(t,e);e=e.concat(n),(0,_r.isEmpty)(n)?i=!1:t=n}return e}Nt.expandCategories=kY;function RY(r){(0,_r.forEach)(r,function(e){LY(e)||(Nt.tokenIdxToClass[Nt.tokenShortNameIdx]=e,e.tokenTypeIdx=Nt.tokenShortNameIdx++),Bv(e)&&!(0,_r.isArray)(e.CATEGORIES)&&(e.CATEGORIES=[e.CATEGORIES]),Bv(e)||(e.CATEGORIES=[]),TY(e)||(e.categoryMatches=[]),OY(e)||(e.categoryMatchesMap={})})}Nt.assignTokenDefaultProps=RY;function FY(r){(0,_r.forEach)(r,function(e){e.categoryMatches=[],(0,_r.forEach)(e.categoryMatchesMap,function(t,i){e.categoryMatches.push(Nt.tokenIdxToClass[i].tokenTypeIdx)})})}Nt.assignCategoriesTokensProp=FY;function NY(r){(0,_r.forEach)(r,function(e){Qv([],e)})}Nt.assignCategoriesMapProp=NY;function Qv(r,e){(0,_r.forEach)(r,function(t){e.categoryMatchesMap[t.tokenTypeIdx]=!0}),(0,_r.forEach)(e.CATEGORIES,function(t){var i=r.concat(e);(0,_r.contains)(i,t)||Qv(i,t)})}Nt.singleAssignCategoriesToksMap=Qv;function LY(r){return(0,_r.has)(r,"tokenTypeIdx")}Nt.hasShortKeyProperty=LY;function Bv(r){return(0,_r.has)(r,"CATEGORIES")}Nt.hasCategoriesProperty=Bv;function TY(r){return(0,_r.has)(r,"categoryMatches")}Nt.hasExtendingTokensTypesProperty=TY;function OY(r){return(0,_r.has)(r,"categoryMatchesMap")}Nt.hasExtendingTokensTypesMapProperty=OY;function $me(r){return(0,_r.has)(r,"tokenTypeIdx")}Nt.isTokenType=$me});var bv=w(JI=>{"use strict";Object.defineProperty(JI,"__esModule",{value:!0});JI.defaultLexerErrorProvider=void 0;JI.defaultLexerErrorProvider={buildUnableToPopLexerModeMessage:function(r){return"Unable to pop Lexer Mode after encountering Token ->"+r.image+"<- The Mode Stack is empty"},buildUnexpectedCharactersMessage:function(r,e,t,i,n){return"unexpected character: ->"+r.charAt(e)+"<- at offset: "+e+","+(" skipped "+t+" characters.")}}});var gd=w(nc=>{"use strict";Object.defineProperty(nc,"__esModule",{value:!0});nc.Lexer=nc.LexerDefinitionErrorType=void 0;var zs=Cv(),nr=Gt(),eEe=Gg(),tEe=bv(),rEe=GI(),iEe;(function(r){r[r.MISSING_PATTERN=0]="MISSING_PATTERN",r[r.INVALID_PATTERN=1]="INVALID_PATTERN",r[r.EOI_ANCHOR_FOUND=2]="EOI_ANCHOR_FOUND",r[r.UNSUPPORTED_FLAGS_FOUND=3]="UNSUPPORTED_FLAGS_FOUND",r[r.DUPLICATE_PATTERNS_FOUND=4]="DUPLICATE_PATTERNS_FOUND",r[r.INVALID_GROUP_TYPE_FOUND=5]="INVALID_GROUP_TYPE_FOUND",r[r.PUSH_MODE_DOES_NOT_EXIST=6]="PUSH_MODE_DOES_NOT_EXIST",r[r.MULTI_MODE_LEXER_WITHOUT_DEFAULT_MODE=7]="MULTI_MODE_LEXER_WITHOUT_DEFAULT_MODE",r[r.MULTI_MODE_LEXER_WITHOUT_MODES_PROPERTY=8]="MULTI_MODE_LEXER_WITHOUT_MODES_PROPERTY",r[r.MULTI_MODE_LEXER_DEFAULT_MODE_VALUE_DOES_NOT_EXIST=9]="MULTI_MODE_LEXER_DEFAULT_MODE_VALUE_DOES_NOT_EXIST",r[r.LEXER_DEFINITION_CANNOT_CONTAIN_UNDEFINED=10]="LEXER_DEFINITION_CANNOT_CONTAIN_UNDEFINED",r[r.SOI_ANCHOR_FOUND=11]="SOI_ANCHOR_FOUND",r[r.EMPTY_MATCH_PATTERN=12]="EMPTY_MATCH_PATTERN",r[r.NO_LINE_BREAKS_FLAGS=13]="NO_LINE_BREAKS_FLAGS",r[r.UNREACHABLE_PATTERN=14]="UNREACHABLE_PATTERN",r[r.IDENTIFY_TERMINATOR=15]="IDENTIFY_TERMINATOR",r[r.CUSTOM_LINE_BREAK=16]="CUSTOM_LINE_BREAK"})(iEe=nc.LexerDefinitionErrorType||(nc.LexerDefinitionErrorType={}));var fd={deferDefinitionErrorsHandling:!1,positionTracking:"full",lineTerminatorsPattern:/\n|\r\n?/g,lineTerminatorCharacters:[`
-`,"\r"],ensureOptimizations:!1,safeMode:!1,errorMessageProvider:tEe.defaultLexerErrorProvider,traceInitPerf:!1,skipValidations:!1};Object.freeze(fd);var nEe=function(){function r(e,t){var i=this;if(t===void 0&&(t=fd),this.lexerDefinition=e,this.lexerDefinitionErrors=[],this.lexerDefinitionWarning=[],this.patternIdxToConfig={},this.charCodeToPatternIdxToConfig={},this.modes=[],this.emptyGroups={},this.config=void 0,this.trackStartLines=!0,this.trackEndLines=!0,this.hasCustom=!1,this.canModeBeOptimized={},typeof t=="boolean")throw Error(`The second argument to the Lexer constructor is now an ILexerConfig Object.
-a boolean 2nd argument is no longer supported`);this.config=(0,nr.merge)(fd,t);var n=this.config.traceInitPerf;n===!0?(this.traceInitMaxIdent=1/0,this.traceInitPerf=!0):typeof n=="number"&&(this.traceInitMaxIdent=n,this.traceInitPerf=!0),this.traceInitIndent=-1,this.TRACE_INIT("Lexer Constructor",function(){var s,o=!0;i.TRACE_INIT("Lexer Config handling",function(){if(i.config.lineTerminatorsPattern===fd.lineTerminatorsPattern)i.config.lineTerminatorsPattern=zs.LineTerminatorOptimizedTester;else if(i.config.lineTerminatorCharacters===fd.lineTerminatorCharacters)throw Error(`Error: Missing <lineTerminatorCharacters> property on the Lexer config.
-	For details See: https://chevrotain.io/docs/guide/resolving_lexer_errors.html#MISSING_LINE_TERM_CHARS`);if(t.safeMode&&t.ensureOptimizations)throw Error('"safeMode" and "ensureOptimizations" flags are mutually exclusive.');i.trackStartLines=/full|onlyStart/i.test(i.config.positionTracking),i.trackEndLines=/full/i.test(i.config.positionTracking),(0,nr.isArray)(e)?(s={modes:{}},s.modes[zs.DEFAULT_MODE]=(0,nr.cloneArr)(e),s[zs.DEFAULT_MODE]=zs.DEFAULT_MODE):(o=!1,s=(0,nr.cloneObj)(e))}),i.config.skipValidations===!1&&(i.TRACE_INIT("performRuntimeChecks",function(){i.lexerDefinitionErrors=i.lexerDefinitionErrors.concat((0,zs.performRuntimeChecks)(s,i.trackStartLines,i.config.lineTerminatorCharacters))}),i.TRACE_INIT("performWarningRuntimeChecks",function(){i.lexerDefinitionWarning=i.lexerDefinitionWarning.concat((0,zs.performWarningRuntimeChecks)(s,i.trackStartLines,i.config.lineTerminatorCharacters))})),s.modes=s.modes?s.modes:{},(0,nr.forEach)(s.modes,function(u,g){s.modes[g]=(0,nr.reject)(u,function(f){return(0,nr.isUndefined)(f)})});var a=(0,nr.keys)(s.modes);if((0,nr.forEach)(s.modes,function(u,g){i.TRACE_INIT("Mode: <"+g+"> processing",function(){if(i.modes.push(g),i.config.skipValidations===!1&&i.TRACE_INIT("validatePatterns",function(){i.lexerDefinitionErrors=i.lexerDefinitionErrors.concat((0,zs.validatePatterns)(u,a))}),(0,nr.isEmpty)(i.lexerDefinitionErrors)){(0,eEe.augmentTokenTypes)(u);var f;i.TRACE_INIT("analyzeTokenTypes",function(){f=(0,zs.analyzeTokenTypes)(u,{lineTerminatorCharacters:i.config.lineTerminatorCharacters,positionTracking:t.positionTracking,ensureOptimizations:t.ensureOptimizations,safeMode:t.safeMode,tracer:i.TRACE_INIT.bind(i)})}),i.patternIdxToConfig[g]=f.patternIdxToConfig,i.charCodeToPatternIdxToConfig[g]=f.charCodeToPatternIdxToConfig,i.emptyGroups=(0,nr.merge)(i.emptyGroups,f.emptyGroups),i.hasCustom=f.hasCustom||i.hasCustom,i.canModeBeOptimized[g]=f.canBeOptimized}})}),i.defaultMode=s.defaultMode,!(0,nr.isEmpty)(i.lexerDefinitionErrors)&&!i.config.deferDefinitionErrorsHandling){var l=(0,nr.map)(i.lexerDefinitionErrors,function(u){return u.message}),c=l.join(`-----------------------
-`);throw new Error(`Errors detected in definition of Lexer:
-`+c)}(0,nr.forEach)(i.lexerDefinitionWarning,function(u){(0,nr.PRINT_WARNING)(u.message)}),i.TRACE_INIT("Choosing sub-methods implementations",function(){if(zs.SUPPORT_STICKY?(i.chopInput=nr.IDENTITY,i.match=i.matchWithTest):(i.updateLastIndex=nr.NOOP,i.match=i.matchWithExec),o&&(i.handleModes=nr.NOOP),i.trackStartLines===!1&&(i.computeNewColumn=nr.IDENTITY),i.trackEndLines===!1&&(i.updateTokenEndLineColumnLocation=nr.NOOP),/full/i.test(i.config.positionTracking))i.createTokenInstance=i.createFullToken;else if(/onlyStart/i.test(i.config.positionTracking))i.createTokenInstance=i.createStartOnlyToken;else if(/onlyOffset/i.test(i.config.positionTracking))i.createTokenInstance=i.createOffsetOnlyToken;else throw Error('Invalid <positionTracking> config option: "'+i.config.positionTracking+'"');i.hasCustom?(i.addToken=i.addTokenUsingPush,i.handlePayload=i.handlePayloadWithCustom):(i.addToken=i.addTokenUsingMemberAccess,i.handlePayload=i.handlePayloadNoCustom)}),i.TRACE_INIT("Failed Optimization Warnings",function(){var u=(0,nr.reduce)(i.canModeBeOptimized,function(g,f,h){return f===!1&&g.push(h),g},[]);if(t.ensureOptimizations&&!(0,nr.isEmpty)(u))throw Error("Lexer Modes: < "+u.join(", ")+` > cannot be optimized.
-	 Disable the "ensureOptimizations" lexer config flag to silently ignore this and run the lexer in an un-optimized mode.
-	 Or inspect the console log for details on how to resolve these issues.`)}),i.TRACE_INIT("clearRegExpParserCache",function(){(0,rEe.clearRegExpParserCache)()}),i.TRACE_INIT("toFastProperties",function(){(0,nr.toFastProperties)(i)})})}return r.prototype.tokenize=function(e,t){if(t===void 0&&(t=this.defaultMode),!(0,nr.isEmpty)(this.lexerDefinitionErrors)){var i=(0,nr.map)(this.lexerDefinitionErrors,function(o){return o.message}),n=i.join(`-----------------------
-`);throw new Error(`Unable to Tokenize because Errors detected in definition of Lexer:
-`+n)}var s=this.tokenizeInternal(e,t);return s},r.prototype.tokenizeInternal=function(e,t){var i=this,n,s,o,a,l,c,u,g,f,h,p,C,y,B,v,D,L=e,H=L.length,j=0,$=0,V=this.hasCustom?0:Math.floor(e.length/10),W=new Array(V),Z=[],A=this.trackStartLines?1:void 0,ae=this.trackStartLines?1:void 0,ge=(0,zs.cloneEmptyGroups)(this.emptyGroups),re=this.trackStartLines,O=this.config.lineTerminatorsPattern,F=0,ue=[],he=[],ke=[],Fe=[];Object.freeze(Fe);var Ne=void 0;function oe(){return ue}function le(pr){var Ei=(0,zs.charCodeToOptimizedIndex)(pr),_n=he[Ei];return _n===void 0?Fe:_n}var we=function(pr){if(ke.length===1&&pr.tokenType.PUSH_MODE===void 0){var Ei=i.config.errorMessageProvider.buildUnableToPopLexerModeMessage(pr);Z.push({offset:pr.startOffset,line:pr.startLine!==void 0?pr.startLine:void 0,column:pr.startColumn!==void 0?pr.startColumn:void 0,length:pr.image.length,message:Ei})}else{ke.pop();var _n=(0,nr.last)(ke);ue=i.patternIdxToConfig[_n],he=i.charCodeToPatternIdxToConfig[_n],F=ue.length;var oa=i.canModeBeOptimized[_n]&&i.config.safeMode===!1;he&&oa?Ne=le:Ne=oe}};function fe(pr){ke.push(pr),he=this.charCodeToPatternIdxToConfig[pr],ue=this.patternIdxToConfig[pr],F=ue.length,F=ue.length;var Ei=this.canModeBeOptimized[pr]&&this.config.safeMode===!1;he&&Ei?Ne=le:Ne=oe}fe.call(this,t);for(var Ae;j<H;){c=null;var qe=L.charCodeAt(j),ne=Ne(qe),Y=ne.length;for(n=0;n<Y;n++){Ae=ne[n];var pe=Ae.pattern;u=null;var ie=Ae.short;if(ie!==!1?qe===ie&&(c=pe):Ae.isCustom===!0?(D=pe.exec(L,j,W,ge),D!==null?(c=D[0],D.payload!==void 0&&(u=D.payload)):c=null):(this.updateLastIndex(pe,j),c=this.match(pe,e,j)),c!==null){if(l=Ae.longerAlt,l!==void 0){var de=l.length;for(o=0;o<de;o++){var tt=ue[l[o]],Pt=tt.pattern;if(g=null,tt.isCustom===!0?(D=Pt.exec(L,j,W,ge),D!==null?(a=D[0],D.payload!==void 0&&(g=D.payload)):a=null):(this.updateLastIndex(Pt,j),a=this.match(Pt,e,j)),a&&a.length>c.length){c=a,u=g,Ae=tt;break}}}break}}if(c!==null){if(f=c.length,h=Ae.group,h!==void 0&&(p=Ae.tokenTypeIdx,C=this.createTokenInstance(c,j,p,Ae.tokenType,A,ae,f),this.handlePayload(C,u),h===!1?$=this.addToken(W,$,C):ge[h].push(C)),e=this.chopInput(e,f),j=j+f,ae=this.computeNewColumn(ae,f),re===!0&&Ae.canLineTerminator===!0){var It=0,Or=void 0,ii=void 0;O.lastIndex=0;do Or=O.test(c),Or===!0&&(ii=O.lastIndex-1,It++);while(Or===!0);It!==0&&(A=A+It,ae=f-ii,this.updateTokenEndLineColumnLocation(C,h,ii,It,A,ae,f))}this.handleModes(Ae,we,fe,C)}else{for(var gi=j,hr=A,fi=ae,ni=!1;!ni&&j<H;)for(B=L.charCodeAt(j),e=this.chopInput(e,1),j++,s=0;s<F;s++){var Ls=ue[s],pe=Ls.pattern,ie=Ls.short;if(ie!==!1?L.charCodeAt(j)===ie&&(ni=!0):Ls.isCustom===!0?ni=pe.exec(L,j,W,ge)!==null:(this.updateLastIndex(pe,j),ni=pe.exec(e)!==null),ni===!0)break}y=j-gi,v=this.config.errorMessageProvider.buildUnexpectedCharactersMessage(L,gi,y,hr,fi),Z.push({offset:gi,line:hr,column:fi,length:y,message:v})}}return this.hasCustom||(W.length=$),{tokens:W,groups:ge,errors:Z}},r.prototype.handleModes=function(e,t,i,n){if(e.pop===!0){var s=e.push;t(n),s!==void 0&&i.call(this,s)}else e.push!==void 0&&i.call(this,e.push)},r.prototype.chopInput=function(e,t){return e.substring(t)},r.prototype.updateLastIndex=function(e,t){e.lastIndex=t},r.prototype.updateTokenEndLineColumnLocation=function(e,t,i,n,s,o,a){var l,c;t!==void 0&&(l=i===a-1,c=l?-1:0,n===1&&l===!0||(e.endLine=s+c,e.endColumn=o-1+-c))},r.prototype.computeNewColumn=function(e,t){return e+t},r.prototype.createTokenInstance=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return null},r.prototype.createOffsetOnlyToken=function(e,t,i,n){return{image:e,startOffset:t,tokenTypeIdx:i,tokenType:n}},r.prototype.createStartOnlyToken=function(e,t,i,n,s,o){return{image:e,startOffset:t,startLine:s,startColumn:o,tokenTypeIdx:i,tokenType:n}},r.prototype.createFullToken=function(e,t,i,n,s,o,a){return{image:e,startOffset:t,endOffset:t+a-1,startLine:s,endLine:s,startColumn:o,endColumn:o+a-1,tokenTypeIdx:i,tokenType:n}},r.prototype.addToken=function(e,t,i){return 666},r.prototype.addTokenUsingPush=function(e,t,i){return e.push(i),t},r.prototype.addTokenUsingMemberAccess=function(e,t,i){return e[t]=i,t++,t},r.prototype.handlePayload=function(e,t){},r.prototype.handlePayloadNoCustom=function(e,t){},r.prototype.handlePayloadWithCustom=function(e,t){t!==null&&(e.payload=t)},r.prototype.match=function(e,t,i){return null},r.prototype.matchWithTest=function(e,t,i){var n=e.test(t);return n===!0?t.substring(i,e.lastIndex):null},r.prototype.matchWithExec=function(e,t){var i=e.exec(t);return i!==null?i[0]:i},r.prototype.TRACE_INIT=function(e,t){if(this.traceInitPerf===!0){this.traceInitIndent++;var i=new Array(this.traceInitIndent+1).join("	");this.traceInitIndent<this.traceInitMaxIdent&&console.log(i+"--> <"+e+">");var n=(0,nr.timer)(t),s=n.time,o=n.value,a=s>10?console.warn:console.log;return this.traceInitIndent<this.traceInitMaxIdent&&a(i+"<-- <"+e+"> time: "+s+"ms"),this.traceInitIndent--,o}else return t()},r.SKIPPED="This marks a skipped Token pattern, this means each token identified by it willbe consumed and then thrown into oblivion, this can be used to for example to completely ignore whitespace.",r.NA=/NOT_APPLICABLE/,r}();nc.Lexer=nEe});var SA=w(Qi=>{"use strict";Object.defineProperty(Qi,"__esModule",{value:!0});Qi.tokenMatcher=Qi.createTokenInstance=Qi.EOF=Qi.createToken=Qi.hasTokenLabel=Qi.tokenName=Qi.tokenLabel=void 0;var Vs=Gt(),sEe=gd(),Sv=Gg();function oEe(r){return JY(r)?r.LABEL:r.name}Qi.tokenLabel=oEe;function aEe(r){return r.name}Qi.tokenName=aEe;function JY(r){return(0,Vs.isString)(r.LABEL)&&r.LABEL!==""}Qi.hasTokenLabel=JY;var AEe="parent",MY="categories",KY="label",UY="group",HY="push_mode",GY="pop_mode",YY="longer_alt",jY="line_breaks",qY="start_chars_hint";function WY(r){return lEe(r)}Qi.createToken=WY;function lEe(r){var e=r.pattern,t={};if(t.name=r.name,(0,Vs.isUndefined)(e)||(t.PATTERN=e),(0,Vs.has)(r,AEe))throw`The parent property is no longer supported.
-See: https://github.com/chevrotain/chevrotain/issues/564#issuecomment-349062346 for details.`;return(0,Vs.has)(r,MY)&&(t.CATEGORIES=r[MY]),(0,Sv.augmentTokenTypes)([t]),(0,Vs.has)(r,KY)&&(t.LABEL=r[KY]),(0,Vs.has)(r,UY)&&(t.GROUP=r[UY]),(0,Vs.has)(r,GY)&&(t.POP_MODE=r[GY]),(0,Vs.has)(r,HY)&&(t.PUSH_MODE=r[HY]),(0,Vs.has)(r,YY)&&(t.LONGER_ALT=r[YY]),(0,Vs.has)(r,jY)&&(t.LINE_BREAKS=r[jY]),(0,Vs.has)(r,qY)&&(t.START_CHARS_HINT=r[qY]),t}Qi.EOF=WY({name:"EOF",pattern:sEe.Lexer.NA});(0,Sv.augmentTokenTypes)([Qi.EOF]);function cEe(r,e,t,i,n,s,o,a){return{image:e,startOffset:t,endOffset:i,startLine:n,endLine:s,startColumn:o,endColumn:a,tokenTypeIdx:r.tokenTypeIdx,tokenType:r}}Qi.createTokenInstance=cEe;function uEe(r,e){return(0,Sv.tokenStructuredMatcher)(r,e)}Qi.tokenMatcher=uEe});var dn=w(Wt=>{"use strict";var wa=Wt&&Wt.__extends||function(){var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,n){i.__proto__=n}||function(i,n){for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(i[s]=n[s])},r(e,t)};return function(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");r(e,t);function i(){this.constructor=e}e.prototype=t===null?Object.create(t):(i.prototype=t.prototype,new i)}}();Object.defineProperty(Wt,"__esModule",{value:!0});Wt.serializeProduction=Wt.serializeGrammar=Wt.Terminal=Wt.Alternation=Wt.RepetitionWithSeparator=Wt.Repetition=Wt.RepetitionMandatoryWithSeparator=Wt.RepetitionMandatory=Wt.Option=Wt.Alternative=Wt.Rule=Wt.NonTerminal=Wt.AbstractProduction=void 0;var Ar=Gt(),gEe=SA(),vo=function(){function r(e){this._definition=e}return Object.defineProperty(r.prototype,"definition",{get:function(){return this._definition},set:function(e){this._definition=e},enumerable:!1,configurable:!0}),r.prototype.accept=function(e){e.visit(this),(0,Ar.forEach)(this.definition,function(t){t.accept(e)})},r}();Wt.AbstractProduction=vo;var zY=function(r){wa(e,r);function e(t){var i=r.call(this,[])||this;return i.idx=1,(0,Ar.assign)(i,(0,Ar.pick)(t,function(n){return n!==void 0})),i}return Object.defineProperty(e.prototype,"definition",{get:function(){return this.referencedRule!==void 0?this.referencedRule.definition:[]},set:function(t){},enumerable:!1,configurable:!0}),e.prototype.accept=function(t){t.visit(this)},e}(vo);Wt.NonTerminal=zY;var VY=function(r){wa(e,r);function e(t){var i=r.call(this,t.definition)||this;return i.orgText="",(0,Ar.assign)(i,(0,Ar.pick)(t,function(n){return n!==void 0})),i}return e}(vo);Wt.Rule=VY;var XY=function(r){wa(e,r);function e(t){var i=r.call(this,t.definition)||this;return i.ignoreAmbiguities=!1,(0,Ar.assign)(i,(0,Ar.pick)(t,function(n){return n!==void 0})),i}return e}(vo);Wt.Alternative=XY;var _Y=function(r){wa(e,r);function e(t){var i=r.call(this,t.definition)||this;return i.idx=1,(0,Ar.assign)(i,(0,Ar.pick)(t,function(n){return n!==void 0})),i}return e}(vo);Wt.Option=_Y;var ZY=function(r){wa(e,r);function e(t){var i=r.call(this,t.definition)||this;return i.idx=1,(0,Ar.assign)(i,(0,Ar.pick)(t,function(n){return n!==void 0})),i}return e}(vo);Wt.RepetitionMandatory=ZY;var $Y=function(r){wa(e,r);function e(t){var i=r.call(this,t.definition)||this;return i.idx=1,(0,Ar.assign)(i,(0,Ar.pick)(t,function(n){return n!==void 0})),i}return e}(vo);Wt.RepetitionMandatoryWithSeparator=$Y;var ej=function(r){wa(e,r);function e(t){var i=r.call(this,t.definition)||this;return i.idx=1,(0,Ar.assign)(i,(0,Ar.pick)(t,function(n){return n!==void 0})),i}return e}(vo);Wt.Repetition=ej;var tj=function(r){wa(e,r);function e(t){var i=r.call(this,t.definition)||this;return i.idx=1,(0,Ar.assign)(i,(0,Ar.pick)(t,function(n){return n!==void 0})),i}return e}(vo);Wt.RepetitionWithSeparator=tj;var rj=function(r){wa(e,r);function e(t){var i=r.call(this,t.definition)||this;return i.idx=1,i.ignoreAmbiguities=!1,i.hasPredicates=!1,(0,Ar.assign)(i,(0,Ar.pick)(t,function(n){return n!==void 0})),i}return Object.defineProperty(e.prototype,"definition",{get:function(){return this._definition},set:function(t){this._definition=t},enumerable:!1,configurable:!0}),e}(vo);Wt.Alternation=rj;var WI=function(){function r(e){this.idx=1,(0,Ar.assign)(this,(0,Ar.pick)(e,function(t){return t!==void 0}))}return r.prototype.accept=function(e){e.visit(this)},r}();Wt.Terminal=WI;function fEe(r){return(0,Ar.map)(r,hd)}Wt.serializeGrammar=fEe;function hd(r){function e(s){return(0,Ar.map)(s,hd)}if(r instanceof zY){var t={type:"NonTerminal",name:r.nonTerminalName,idx:r.idx};return(0,Ar.isString)(r.label)&&(t.label=r.label),t}else{if(r instanceof XY)return{type:"Alternative",definition:e(r.definition)};if(r instanceof _Y)return{type:"Option",idx:r.idx,definition:e(r.definition)};if(r instanceof ZY)return{type:"RepetitionMandatory",idx:r.idx,definition:e(r.definition)};if(r instanceof $Y)return{type:"RepetitionMandatoryWithSeparator",idx:r.idx,separator:hd(new WI({terminalType:r.separator})),definition:e(r.definition)};if(r instanceof tj)return{type:"RepetitionWithSeparator",idx:r.idx,separator:hd(new WI({terminalType:r.separator})),definition:e(r.definition)};if(r instanceof ej)return{type:"Repetition",idx:r.idx,definition:e(r.definition)};if(r instanceof rj)return{type:"Alternation",idx:r.idx,definition:e(r.definition)};if(r instanceof WI){var i={type:"Terminal",name:r.terminalType.name,label:(0,gEe.tokenLabel)(r.terminalType),idx:r.idx};(0,Ar.isString)(r.label)&&(i.terminalLabel=r.label);var n=r.terminalType.PATTERN;return r.terminalType.PATTERN&&(i.pattern=(0,Ar.isRegExp)(n)?n.source:n),i}else{if(r instanceof VY)return{type:"Rule",name:r.name,orgText:r.orgText,definition:e(r.definition)};throw Error("non exhaustive match")}}}Wt.serializeProduction=hd});var VI=w(zI=>{"use strict";Object.defineProperty(zI,"__esModule",{value:!0});zI.RestWalker=void 0;var vv=Gt(),Cn=dn(),hEe=function(){function r(){}return r.prototype.walk=function(e,t){var i=this;t===void 0&&(t=[]),(0,vv.forEach)(e.definition,function(n,s){var o=(0,vv.drop)(e.definition,s+1);if(n instanceof Cn.NonTerminal)i.walkProdRef(n,o,t);else if(n instanceof Cn.Terminal)i.walkTerminal(n,o,t);else if(n instanceof Cn.Alternative)i.walkFlat(n,o,t);else if(n instanceof Cn.Option)i.walkOption(n,o,t);else if(n instanceof Cn.RepetitionMandatory)i.walkAtLeastOne(n,o,t);else if(n instanceof Cn.RepetitionMandatoryWithSeparator)i.walkAtLeastOneSep(n,o,t);else if(n instanceof Cn.RepetitionWithSeparator)i.walkManySep(n,o,t);else if(n instanceof Cn.Repetition)i.walkMany(n,o,t);else if(n instanceof Cn.Alternation)i.walkOr(n,o,t);else throw Error("non exhaustive match")})},r.prototype.walkTerminal=function(e,t,i){},r.prototype.walkProdRef=function(e,t,i){},r.prototype.walkFlat=function(e,t,i){var n=t.concat(i);this.walk(e,n)},r.prototype.walkOption=function(e,t,i){var n=t.concat(i);this.walk(e,n)},r.prototype.walkAtLeastOne=function(e,t,i){var n=[new Cn.Option({definition:e.definition})].concat(t,i);this.walk(e,n)},r.prototype.walkAtLeastOneSep=function(e,t,i){var n=ij(e,t,i);this.walk(e,n)},r.prototype.walkMany=function(e,t,i){var n=[new Cn.Option({definition:e.definition})].concat(t,i);this.walk(e,n)},r.prototype.walkManySep=function(e,t,i){var n=ij(e,t,i);this.walk(e,n)},r.prototype.walkOr=function(e,t,i){var n=this,s=t.concat(i);(0,vv.forEach)(e.definition,function(o){var a=new Cn.Alternative({definition:[o]});n.walk(a,s)})},r}();zI.RestWalker=hEe;function ij(r,e,t){var i=[new Cn.Option({definition:[new Cn.Terminal({terminalType:r.separator})].concat(r.definition)})],n=i.concat(e,t);return n}});var Yg=w(XI=>{"use strict";Object.defineProperty(XI,"__esModule",{value:!0});XI.GAstVisitor=void 0;var xo=dn(),pEe=function(){function r(){}return r.prototype.visit=function(e){var t=e;switch(t.constructor){case xo.NonTerminal:return this.visitNonTerminal(t);case xo.Alternative:return this.visitAlternative(t);case xo.Option:return this.visitOption(t);case xo.RepetitionMandatory:return this.visitRepetitionMandatory(t);case xo.RepetitionMandatoryWithSeparator:return this.visitRepetitionMandatoryWithSeparator(t);case xo.RepetitionWithSeparator:return this.visitRepetitionWithSeparator(t);case xo.Repetition:return this.visitRepetition(t);case xo.Alternation:return this.visitAlternation(t);case xo.Terminal:return this.visitTerminal(t);case xo.Rule:return this.visitRule(t);default:throw Error("non exhaustive match")}},r.prototype.visitNonTerminal=function(e){},r.prototype.visitAlternative=function(e){},r.prototype.visitOption=function(e){},r.prototype.visitRepetition=function(e){},r.prototype.visitRepetitionMandatory=function(e){},r.prototype.visitRepetitionMandatoryWithSeparator=function(e){},r.prototype.visitRepetitionWithSeparator=function(e){},r.prototype.visitAlternation=function(e){},r.prototype.visitTerminal=function(e){},r.prototype.visitRule=function(e){},r}();XI.GAstVisitor=pEe});var dd=w(Oi=>{"use strict";var dEe=Oi&&Oi.__extends||function(){var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,n){i.__proto__=n}||function(i,n){for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(i[s]=n[s])},r(e,t)};return function(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");r(e,t);function i(){this.constructor=e}e.prototype=t===null?Object.create(t):(i.prototype=t.prototype,new i)}}();Object.defineProperty(Oi,"__esModule",{value:!0});Oi.collectMethods=Oi.DslMethodsCollectorVisitor=Oi.getProductionDslName=Oi.isBranchingProd=Oi.isOptionalProd=Oi.isSequenceProd=void 0;var pd=Gt(),Qr=dn(),CEe=Yg();function mEe(r){return r instanceof Qr.Alternative||r instanceof Qr.Option||r instanceof Qr.Repetition||r instanceof Qr.RepetitionMandatory||r instanceof Qr.RepetitionMandatoryWithSeparator||r instanceof Qr.RepetitionWithSeparator||r instanceof Qr.Terminal||r instanceof Qr.Rule}Oi.isSequenceProd=mEe;function xv(r,e){e===void 0&&(e=[]);var t=r instanceof Qr.Option||r instanceof Qr.Repetition||r instanceof Qr.RepetitionWithSeparator;return t?!0:r instanceof Qr.Alternation?(0,pd.some)(r.definition,function(i){return xv(i,e)}):r instanceof Qr.NonTerminal&&(0,pd.contains)(e,r)?!1:r instanceof Qr.AbstractProduction?(r instanceof Qr.NonTerminal&&e.push(r),(0,pd.every)(r.definition,function(i){return xv(i,e)})):!1}Oi.isOptionalProd=xv;function EEe(r){return r instanceof Qr.Alternation}Oi.isBranchingProd=EEe;function IEe(r){if(r instanceof Qr.NonTerminal)return"SUBRULE";if(r instanceof Qr.Option)return"OPTION";if(r instanceof Qr.Alternation)return"OR";if(r instanceof Qr.RepetitionMandatory)return"AT_LEAST_ONE";if(r instanceof Qr.RepetitionMandatoryWithSeparator)return"AT_LEAST_ONE_SEP";if(r instanceof Qr.RepetitionWithSeparator)return"MANY_SEP";if(r instanceof Qr.Repetition)return"MANY";if(r instanceof Qr.Terminal)return"CONSUME";throw Error("non exhaustive match")}Oi.getProductionDslName=IEe;var nj=function(r){dEe(e,r);function e(){var t=r!==null&&r.apply(this,arguments)||this;return t.separator="-",t.dslMethods={option:[],alternation:[],repetition:[],repetitionWithSeparator:[],repetitionMandatory:[],repetitionMandatoryWithSeparator:[]},t}return e.prototype.reset=function(){this.dslMethods={option:[],alternation:[],repetition:[],repetitionWithSeparator:[],repetitionMandatory:[],repetitionMandatoryWithSeparator:[]}},e.prototype.visitTerminal=function(t){var i=t.terminalType.name+this.separator+"Terminal";(0,pd.has)(this.dslMethods,i)||(this.dslMethods[i]=[]),this.dslMethods[i].push(t)},e.prototype.visitNonTerminal=function(t){var i=t.nonTerminalName+this.separator+"Terminal";(0,pd.has)(this.dslMethods,i)||(this.dslMethods[i]=[]),this.dslMethods[i].push(t)},e.prototype.visitOption=function(t){this.dslMethods.option.push(t)},e.prototype.visitRepetitionWithSeparator=function(t){this.dslMethods.repetitionWithSeparator.push(t)},e.prototype.visitRepetitionMandatory=function(t){this.dslMethods.repetitionMandatory.push(t)},e.prototype.visitRepetitionMandatoryWithSeparator=function(t){this.dslMethods.repetitionMandatoryWithSeparator.push(t)},e.prototype.visitRepetition=function(t){this.dslMethods.repetition.push(t)},e.prototype.visitAlternation=function(t){this.dslMethods.alternation.push(t)},e}(CEe.GAstVisitor);Oi.DslMethodsCollectorVisitor=nj;var _I=new nj;function yEe(r){_I.reset(),r.accept(_I);var e=_I.dslMethods;return _I.reset(),e}Oi.collectMethods=yEe});var Dv=w(Po=>{"use strict";Object.defineProperty(Po,"__esModule",{value:!0});Po.firstForTerminal=Po.firstForBranching=Po.firstForSequence=Po.first=void 0;var ZI=Gt(),sj=dn(),Pv=dd();function $I(r){if(r instanceof sj.NonTerminal)return $I(r.referencedRule);if(r instanceof sj.Terminal)return Aj(r);if((0,Pv.isSequenceProd)(r))return oj(r);if((0,Pv.isBranchingProd)(r))return aj(r);throw Error("non exhaustive match")}Po.first=$I;function oj(r){for(var e=[],t=r.definition,i=0,n=t.length>i,s,o=!0;n&&o;)s=t[i],o=(0,Pv.isOptionalProd)(s),e=e.concat($I(s)),i=i+1,n=t.length>i;return(0,ZI.uniq)(e)}Po.firstForSequence=oj;function aj(r){var e=(0,ZI.map)(r.definition,function(t){return $I(t)});return(0,ZI.uniq)((0,ZI.flatten)(e))}Po.firstForBranching=aj;function Aj(r){return[r.terminalType]}Po.firstForTerminal=Aj});var kv=w(ey=>{"use strict";Object.defineProperty(ey,"__esModule",{value:!0});ey.IN=void 0;ey.IN="_~IN~_"});var fj=w(As=>{"use strict";var wEe=As&&As.__extends||function(){var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,n){i.__proto__=n}||function(i,n){for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(i[s]=n[s])},r(e,t)};return function(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");r(e,t);function i(){this.constructor=e}e.prototype=t===null?Object.create(t):(i.prototype=t.prototype,new i)}}();Object.defineProperty(As,"__esModule",{value:!0});As.buildInProdFollowPrefix=As.buildBetweenProdsFollowPrefix=As.computeAllProdsFollows=As.ResyncFollowsWalker=void 0;var BEe=VI(),QEe=Dv(),lj=Gt(),cj=kv(),bEe=dn(),uj=function(r){wEe(e,r);function e(t){var i=r.call(this)||this;return i.topProd=t,i.follows={},i}return e.prototype.startWalking=function(){return this.walk(this.topProd),this.follows},e.prototype.walkTerminal=function(t,i,n){},e.prototype.walkProdRef=function(t,i,n){var s=gj(t.referencedRule,t.idx)+this.topProd.name,o=i.concat(n),a=new bEe.Alternative({definition:o}),l=(0,QEe.first)(a);this.follows[s]=l},e}(BEe.RestWalker);As.ResyncFollowsWalker=uj;function SEe(r){var e={};return(0,lj.forEach)(r,function(t){var i=new uj(t).startWalking();(0,lj.assign)(e,i)}),e}As.computeAllProdsFollows=SEe;function gj(r,e){return r.name+e+cj.IN}As.buildBetweenProdsFollowPrefix=gj;function vEe(r){var e=r.terminalType.name;return e+r.idx+cj.IN}As.buildInProdFollowPrefix=vEe});var Cd=w(Ba=>{"use strict";Object.defineProperty(Ba,"__esModule",{value:!0});Ba.defaultGrammarValidatorErrorProvider=Ba.defaultGrammarResolverErrorProvider=Ba.defaultParserErrorProvider=void 0;var jg=SA(),xEe=Gt(),Xs=Gt(),Rv=dn(),hj=dd();Ba.defaultParserErrorProvider={buildMismatchTokenMessage:function(r){var e=r.expected,t=r.actual,i=r.previous,n=r.ruleName,s=(0,jg.hasTokenLabel)(e),o=s?"--> "+(0,jg.tokenLabel)(e)+" <--":"token of type --> "+e.name+" <--",a="Expecting "+o+" but found --> '"+t.image+"' <--";return a},buildNotAllInputParsedMessage:function(r){var e=r.firstRedundant,t=r.ruleName;return"Redundant input, expecting EOF but found: "+e.image},buildNoViableAltMessage:function(r){var e=r.expectedPathsPerAlt,t=r.actual,i=r.previous,n=r.customUserDescription,s=r.ruleName,o="Expecting: ",a=(0,Xs.first)(t).image,l=`
-but found: '`+a+"'";if(n)return o+n+l;var c=(0,Xs.reduce)(e,function(h,p){return h.concat(p)},[]),u=(0,Xs.map)(c,function(h){return"["+(0,Xs.map)(h,function(p){return(0,jg.tokenLabel)(p)}).join(", ")+"]"}),g=(0,Xs.map)(u,function(h,p){return"  "+(p+1)+". "+h}),f=`one of these possible Token sequences:
-`+g.join(`
-`);return o+f+l},buildEarlyExitMessage:function(r){var e=r.expectedIterationPaths,t=r.actual,i=r.customUserDescription,n=r.ruleName,s="Expecting: ",o=(0,Xs.first)(t).image,a=`
-but found: '`+o+"'";if(i)return s+i+a;var l=(0,Xs.map)(e,function(u){return"["+(0,Xs.map)(u,function(g){return(0,jg.tokenLabel)(g)}).join(",")+"]"}),c=`expecting at least one iteration which starts with one of these possible Token sequences::
-  `+("<"+l.join(" ,")+">");return s+c+a}};Object.freeze(Ba.defaultParserErrorProvider);Ba.defaultGrammarResolverErrorProvider={buildRuleNotFoundError:function(r,e){var t="Invalid grammar, reference to a rule which is not defined: ->"+e.nonTerminalName+`<-
-inside top level rule: ->`+r.name+"<-";return t}};Ba.defaultGrammarValidatorErrorProvider={buildDuplicateFoundError:function(r,e){function t(u){return u instanceof Rv.Terminal?u.terminalType.name:u instanceof Rv.NonTerminal?u.nonTerminalName:""}var i=r.name,n=(0,Xs.first)(e),s=n.idx,o=(0,hj.getProductionDslName)(n),a=t(n),l=s>0,c="->"+o+(l?s:"")+"<- "+(a?"with argument: ->"+a+"<-":"")+`
-                  appears more than once (`+e.length+" times) in the top level rule: ->"+i+`<-.                  
-                  For further details see: https://chevrotain.io/docs/FAQ.html#NUMERICAL_SUFFIXES 
-                  `;return c=c.replace(/[ \t]+/g," "),c=c.replace(/\s\s+/g,`
-`),c},buildNamespaceConflictError:function(r){var e=`Namespace conflict found in grammar.
-`+("The grammar has both a Terminal(Token) and a Non-Terminal(Rule) named: <"+r.name+`>.
-`)+`To resolve this make sure each Terminal and Non-Terminal names are unique
-This is easy to accomplish by using the convention that Terminal names start with an uppercase letter
-and Non-Terminal names start with a lower case letter.`;return e},buildAlternationPrefixAmbiguityError:function(r){var e=(0,Xs.map)(r.prefixPath,function(n){return(0,jg.tokenLabel)(n)}).join(", "),t=r.alternation.idx===0?"":r.alternation.idx,i="Ambiguous alternatives: <"+r.ambiguityIndices.join(" ,")+`> due to common lookahead prefix
-`+("in <OR"+t+"> inside <"+r.topLevelRule.name+`> Rule,
-`)+("<"+e+`> may appears as a prefix path in all these alternatives.
-`)+`See: https://chevrotain.io/docs/guide/resolving_grammar_errors.html#COMMON_PREFIX
-For Further details.`;return i},buildAlternationAmbiguityError:function(r){var e=(0,Xs.map)(r.prefixPath,function(n){return(0,jg.tokenLabel)(n)}).join(", "),t=r.alternation.idx===0?"":r.alternation.idx,i="Ambiguous Alternatives Detected: <"+r.ambiguityIndices.join(" ,")+"> in <OR"+t+">"+(" inside <"+r.topLevelRule.name+`> Rule,
-`)+("<"+e+`> may appears as a prefix path in all these alternatives.
-`);return i=i+`See: https://chevrotain.io/docs/guide/resolving_grammar_errors.html#AMBIGUOUS_ALTERNATIVES
-For Further details.`,i},buildEmptyRepetitionError:function(r){var e=(0,hj.getProductionDslName)(r.repetition);r.repetition.idx!==0&&(e+=r.repetition.idx);var t="The repetition <"+e+"> within Rule <"+r.topLevelRule.name+`> can never consume any tokens.
-This could lead to an infinite loop.`;return t},buildTokenNameError:function(r){return"deprecated"},buildEmptyAlternationError:function(r){var e="Ambiguous empty alternative: <"+(r.emptyChoiceIdx+1)+">"+(" in <OR"+r.alternation.idx+"> inside <"+r.topLevelRule.name+`> Rule.
-`)+"Only the last alternative may be an empty alternative.";return e},buildTooManyAlternativesError:function(r){var e=`An Alternation cannot have more than 256 alternatives:
-`+("<OR"+r.alternation.idx+"> inside <"+r.topLevelRule.name+`> Rule.
- has `+(r.alternation.definition.length+1)+" alternatives.");return e},buildLeftRecursionError:function(r){var e=r.topLevelRule.name,t=xEe.map(r.leftRecursionPath,function(s){return s.name}),i=e+" --> "+t.concat([e]).join(" --> "),n=`Left Recursion found in grammar.
-`+("rule: <"+e+`> can be invoked from itself (directly or indirectly)
-`)+(`without consuming any Tokens. The grammar path that causes this is: 
- `+i+`
-`)+` To fix this refactor your grammar to remove the left recursion.
-see: https://en.wikipedia.org/wiki/LL_parser#Left_Factoring.`;return n},buildInvalidRuleNameError:function(r){return"deprecated"},buildDuplicateRuleNameError:function(r){var e;r.topLevelRule instanceof Rv.Rule?e=r.topLevelRule.name:e=r.topLevelRule;var t="Duplicate definition, rule: ->"+e+"<- is already defined in the grammar: ->"+r.grammarName+"<-";return t}}});var Cj=w(vA=>{"use strict";var PEe=vA&&vA.__extends||function(){var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,n){i.__proto__=n}||function(i,n){for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(i[s]=n[s])},r(e,t)};return function(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");r(e,t);function i(){this.constructor=e}e.prototype=t===null?Object.create(t):(i.prototype=t.prototype,new i)}}();Object.defineProperty(vA,"__esModule",{value:!0});vA.GastRefResolverVisitor=vA.resolveGrammar=void 0;var DEe=Hn(),pj=Gt(),kEe=Yg();function REe(r,e){var t=new dj(r,e);return t.resolveRefs(),t.errors}vA.resolveGrammar=REe;var dj=function(r){PEe(e,r);function e(t,i){var n=r.call(this)||this;return n.nameToTopRule=t,n.errMsgProvider=i,n.errors=[],n}return e.prototype.resolveRefs=function(){var t=this;(0,pj.forEach)((0,pj.values)(this.nameToTopRule),function(i){t.currTopLevel=i,i.accept(t)})},e.prototype.visitNonTerminal=function(t){var i=this.nameToTopRule[t.nonTerminalName];if(i)t.referencedRule=i;else{var n=this.errMsgProvider.buildRuleNotFoundError(this.currTopLevel,t);this.errors.push({message:n,type:DEe.ParserDefinitionErrorType.UNRESOLVED_SUBRULE_REF,ruleName:this.currTopLevel.name,unresolvedRefName:t.nonTerminalName})}},e}(kEe.GAstVisitor);vA.GastRefResolverVisitor=dj});var Ed=w(Nr=>{"use strict";var sc=Nr&&Nr.__extends||function(){var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,n){i.__proto__=n}||function(i,n){for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(i[s]=n[s])},r(e,t)};return function(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");r(e,t);function i(){this.constructor=e}e.prototype=t===null?Object.create(t):(i.prototype=t.prototype,new i)}}();Object.defineProperty(Nr,"__esModule",{value:!0});Nr.nextPossibleTokensAfter=Nr.possiblePathsFrom=Nr.NextTerminalAfterAtLeastOneSepWalker=Nr.NextTerminalAfterAtLeastOneWalker=Nr.NextTerminalAfterManySepWalker=Nr.NextTerminalAfterManyWalker=Nr.AbstractNextTerminalAfterProductionWalker=Nr.NextAfterTokenWalker=Nr.AbstractNextPossibleTokensWalker=void 0;var mj=VI(),Kt=Gt(),FEe=Dv(),kt=dn(),Ej=function(r){sc(e,r);function e(t,i){var n=r.call(this)||this;return n.topProd=t,n.path=i,n.possibleTokTypes=[],n.nextProductionName="",n.nextProductionOccurrence=0,n.found=!1,n.isAtEndOfPath=!1,n}return e.prototype.startWalking=function(){if(this.found=!1,this.path.ruleStack[0]!==this.topProd.name)throw Error("The path does not start with the walker's top Rule!");return this.ruleStack=(0,Kt.cloneArr)(this.path.ruleStack).reverse(),this.occurrenceStack=(0,Kt.cloneArr)(this.path.occurrenceStack).reverse(),this.ruleStack.pop(),this.occurrenceStack.pop(),this.updateExpectedNext(),this.walk(this.topProd),this.possibleTokTypes},e.prototype.walk=function(t,i){i===void 0&&(i=[]),this.found||r.prototype.walk.call(this,t,i)},e.prototype.walkProdRef=function(t,i,n){if(t.referencedRule.name===this.nextProductionName&&t.idx===this.nextProductionOccurrence){var s=i.concat(n);this.updateExpectedNext(),this.walk(t.referencedRule,s)}},e.prototype.updateExpectedNext=function(){(0,Kt.isEmpty)(this.ruleStack)?(this.nextProductionName="",this.nextProductionOccurrence=0,this.isAtEndOfPath=!0):(this.nextProductionName=this.ruleStack.pop(),this.nextProductionOccurrence=this.occurrenceStack.pop())},e}(mj.RestWalker);Nr.AbstractNextPossibleTokensWalker=Ej;var NEe=function(r){sc(e,r);function e(t,i){var n=r.call(this,t,i)||this;return n.path=i,n.nextTerminalName="",n.nextTerminalOccurrence=0,n.nextTerminalName=n.path.lastTok.name,n.nextTerminalOccurrence=n.path.lastTokOccurrence,n}return e.prototype.walkTerminal=function(t,i,n){if(this.isAtEndOfPath&&t.terminalType.name===this.nextTerminalName&&t.idx===this.nextTerminalOccurrence&&!this.found){var s=i.concat(n),o=new kt.Alternative({definition:s});this.possibleTokTypes=(0,FEe.first)(o),this.found=!0}},e}(Ej);Nr.NextAfterTokenWalker=NEe;var md=function(r){sc(e,r);function e(t,i){var n=r.call(this)||this;return n.topRule=t,n.occurrence=i,n.result={token:void 0,occurrence:void 0,isEndOfRule:void 0},n}return e.prototype.startWalking=function(){return this.walk(this.topRule),this.result},e}(mj.RestWalker);Nr.AbstractNextTerminalAfterProductionWalker=md;var LEe=function(r){sc(e,r);function e(){return r!==null&&r.apply(this,arguments)||this}return e.prototype.walkMany=function(t,i,n){if(t.idx===this.occurrence){var s=(0,Kt.first)(i.concat(n));this.result.isEndOfRule=s===void 0,s instanceof kt.Terminal&&(this.result.token=s.terminalType,this.result.occurrence=s.idx)}else r.prototype.walkMany.call(this,t,i,n)},e}(md);Nr.NextTerminalAfterManyWalker=LEe;var TEe=function(r){sc(e,r);function e(){return r!==null&&r.apply(this,arguments)||this}return e.prototype.walkManySep=function(t,i,n){if(t.idx===this.occurrence){var s=(0,Kt.first)(i.concat(n));this.result.isEndOfRule=s===void 0,s instanceof kt.Terminal&&(this.result.token=s.terminalType,this.result.occurrence=s.idx)}else r.prototype.walkManySep.call(this,t,i,n)},e}(md);Nr.NextTerminalAfterManySepWalker=TEe;var OEe=function(r){sc(e,r);function e(){return r!==null&&r.apply(this,arguments)||this}return e.prototype.walkAtLeastOne=function(t,i,n){if(t.idx===this.occurrence){var s=(0,Kt.first)(i.concat(n));this.result.isEndOfRule=s===void 0,s instanceof kt.Terminal&&(this.result.token=s.terminalType,this.result.occurrence=s.idx)}else r.prototype.walkAtLeastOne.call(this,t,i,n)},e}(md);Nr.NextTerminalAfterAtLeastOneWalker=OEe;var MEe=function(r){sc(e,r);function e(){return r!==null&&r.apply(this,arguments)||this}return e.prototype.walkAtLeastOneSep=function(t,i,n){if(t.idx===this.occurrence){var s=(0,Kt.first)(i.concat(n));this.result.isEndOfRule=s===void 0,s instanceof kt.Terminal&&(this.result.token=s.terminalType,this.result.occurrence=s.idx)}else r.prototype.walkAtLeastOneSep.call(this,t,i,n)},e}(md);Nr.NextTerminalAfterAtLeastOneSepWalker=MEe;function Ij(r,e,t){t===void 0&&(t=[]),t=(0,Kt.cloneArr)(t);var i=[],n=0;function s(c){return c.concat((0,Kt.drop)(r,n+1))}function o(c){var u=Ij(s(c),e,t);return i.concat(u)}for(;t.length<e&&n<r.length;){var a=r[n];if(a instanceof kt.Alternative)return o(a.definition);if(a instanceof kt.NonTerminal)return o(a.definition);if(a instanceof kt.Option)i=o(a.definition);else if(a instanceof kt.RepetitionMandatory){var l=a.definition.concat([new kt.Repetition({definition:a.definition})]);return o(l)}else if(a instanceof kt.RepetitionMandatoryWithSeparator){var l=[new kt.Alternative({definition:a.definition}),new kt.Repetition({definition:[new kt.Terminal({terminalType:a.separator})].concat(a.definition)})];return o(l)}else if(a instanceof kt.RepetitionWithSeparator){var l=a.definition.concat([new kt.Repetition({definition:[new kt.Terminal({terminalType:a.separator})].concat(a.definition)})]);i=o(l)}else if(a instanceof kt.Repetition){var l=a.definition.concat([new kt.Repetition({definition:a.definition})]);i=o(l)}else{if(a instanceof kt.Alternation)return(0,Kt.forEach)(a.definition,function(c){(0,Kt.isEmpty)(c.definition)===!1&&(i=o(c.definition))}),i;if(a instanceof kt.Terminal)t.push(a.terminalType);else throw Error("non exhaustive match")}n++}return i.push({partialPath:t,suffixDef:(0,Kt.drop)(r,n)}),i}Nr.possiblePathsFrom=Ij;function KEe(r,e,t,i){var n="EXIT_NONE_TERMINAL",s=[n],o="EXIT_ALTERNATIVE",a=!1,l=e.length,c=l-i-1,u=[],g=[];for(g.push({idx:-1,def:r,ruleStack:[],occurrenceStack:[]});!(0,Kt.isEmpty)(g);){var f=g.pop();if(f===o){a&&(0,Kt.last)(g).idx<=c&&g.pop();continue}var h=f.def,p=f.idx,C=f.ruleStack,y=f.occurrenceStack;if(!(0,Kt.isEmpty)(h)){var B=h[0];if(B===n){var v={idx:p,def:(0,Kt.drop)(h),ruleStack:(0,Kt.dropRight)(C),occurrenceStack:(0,Kt.dropRight)(y)};g.push(v)}else if(B instanceof kt.Terminal)if(p<l-1){var D=p+1,L=e[D];if(t(L,B.terminalType)){var v={idx:D,def:(0,Kt.drop)(h),ruleStack:C,occurrenceStack:y};g.push(v)}}else if(p===l-1)u.push({nextTokenType:B.terminalType,nextTokenOccurrence:B.idx,ruleStack:C,occurrenceStack:y}),a=!0;else throw Error("non exhaustive match");else if(B instanceof kt.NonTerminal){var H=(0,Kt.cloneArr)(C);H.push(B.nonTerminalName);var j=(0,Kt.cloneArr)(y);j.push(B.idx);var v={idx:p,def:B.definition.concat(s,(0,Kt.drop)(h)),ruleStack:H,occurrenceStack:j};g.push(v)}else if(B instanceof kt.Option){var $={idx:p,def:(0,Kt.drop)(h),ruleStack:C,occurrenceStack:y};g.push($),g.push(o);var V={idx:p,def:B.definition.concat((0,Kt.drop)(h)),ruleStack:C,occurrenceStack:y};g.push(V)}else if(B instanceof kt.RepetitionMandatory){var W=new kt.Repetition({definition:B.definition,idx:B.idx}),Z=B.definition.concat([W],(0,Kt.drop)(h)),v={idx:p,def:Z,ruleStack:C,occurrenceStack:y};g.push(v)}else if(B instanceof kt.RepetitionMandatoryWithSeparator){var A=new kt.Terminal({terminalType:B.separator}),W=new kt.Repetition({definition:[A].concat(B.definition),idx:B.idx}),Z=B.definition.concat([W],(0,Kt.drop)(h)),v={idx:p,def:Z,ruleStack:C,occurrenceStack:y};g.push(v)}else if(B instanceof kt.RepetitionWithSeparator){var $={idx:p,def:(0,Kt.drop)(h),ruleStack:C,occurrenceStack:y};g.push($),g.push(o);var A=new kt.Terminal({terminalType:B.separator}),ae=new kt.Repetition({definition:[A].concat(B.definition),idx:B.idx}),Z=B.definition.concat([ae],(0,Kt.drop)(h)),V={idx:p,def:Z,ruleStack:C,occurrenceStack:y};g.push(V)}else if(B instanceof kt.Repetition){var $={idx:p,def:(0,Kt.drop)(h),ruleStack:C,occurrenceStack:y};g.push($),g.push(o);var ae=new kt.Repetition({definition:B.definition,idx:B.idx}),Z=B.definition.concat([ae],(0,Kt.drop)(h)),V={idx:p,def:Z,ruleStack:C,occurrenceStack:y};g.push(V)}else if(B instanceof kt.Alternation)for(var ge=B.definition.length-1;ge>=0;ge--){var re=B.definition[ge],O={idx:p,def:re.definition.concat((0,Kt.drop)(h)),ruleStack:C,occurrenceStack:y};g.push(O),g.push(o)}else if(B instanceof kt.Alternative)g.push({idx:p,def:B.definition.concat((0,Kt.drop)(h)),ruleStack:C,occurrenceStack:y});else if(B instanceof kt.Rule)g.push(UEe(B,p,C,y));else throw Error("non exhaustive match")}}return u}Nr.nextPossibleTokensAfter=KEe;function UEe(r,e,t,i){var n=(0,Kt.cloneArr)(t);n.push(r.name);var s=(0,Kt.cloneArr)(i);return s.push(1),{idx:e,def:r.definition,ruleStack:n,occurrenceStack:s}}});var Id=w(_t=>{"use strict";var Bj=_t&&_t.__extends||function(){var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,n){i.__proto__=n}||function(i,n){for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(i[s]=n[s])},r(e,t)};return function(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");r(e,t);function i(){this.constructor=e}e.prototype=t===null?Object.create(t):(i.prototype=t.prototype,new i)}}();Object.defineProperty(_t,"__esModule",{value:!0});_t.areTokenCategoriesNotUsed=_t.isStrictPrefixOfPath=_t.containsPath=_t.getLookaheadPathsForOptionalProd=_t.getLookaheadPathsForOr=_t.lookAheadSequenceFromAlternatives=_t.buildSingleAlternativeLookaheadFunction=_t.buildAlternativesLookAheadFunc=_t.buildLookaheadFuncForOptionalProd=_t.buildLookaheadFuncForOr=_t.getProdType=_t.PROD_TYPE=void 0;var sr=Gt(),yj=Ed(),HEe=VI(),ty=Gg(),xA=dn(),GEe=Yg(),oi;(function(r){r[r.OPTION=0]="OPTION",r[r.REPETITION=1]="REPETITION",r[r.REPETITION_MANDATORY=2]="REPETITION_MANDATORY",r[r.REPETITION_MANDATORY_WITH_SEPARATOR=3]="REPETITION_MANDATORY_WITH_SEPARATOR",r[r.REPETITION_WITH_SEPARATOR=4]="REPETITION_WITH_SEPARATOR",r[r.ALTERNATION=5]="ALTERNATION"})(oi=_t.PROD_TYPE||(_t.PROD_TYPE={}));function YEe(r){if(r instanceof xA.Option)return oi.OPTION;if(r instanceof xA.Repetition)return oi.REPETITION;if(r instanceof xA.RepetitionMandatory)return oi.REPETITION_MANDATORY;if(r instanceof xA.RepetitionMandatoryWithSeparator)return oi.REPETITION_MANDATORY_WITH_SEPARATOR;if(r instanceof xA.RepetitionWithSeparator)return oi.REPETITION_WITH_SEPARATOR;if(r instanceof xA.Alternation)return oi.ALTERNATION;throw Error("non exhaustive match")}_t.getProdType=YEe;function jEe(r,e,t,i,n,s){var o=bj(r,e,t),a=Lv(o)?ty.tokenStructuredMatcherNoCategories:ty.tokenStructuredMatcher;return s(o,i,a,n)}_t.buildLookaheadFuncForOr=jEe;function qEe(r,e,t,i,n,s){var o=Sj(r,e,n,t),a=Lv(o)?ty.tokenStructuredMatcherNoCategories:ty.tokenStructuredMatcher;return s(o[0],a,i)}_t.buildLookaheadFuncForOptionalProd=qEe;function JEe(r,e,t,i){var n=r.length,s=(0,sr.every)(r,function(l){return(0,sr.every)(l,function(c){return c.length===1})});if(e)return function(l){for(var c=(0,sr.map)(l,function(D){return D.GATE}),u=0;u<n;u++){var g=r[u],f=g.length,h=c[u];if(h!==void 0&&h.call(this)===!1)continue;e:for(var p=0;p<f;p++){for(var C=g[p],y=C.length,B=0;B<y;B++){var v=this.LA(B+1);if(t(v,C[B])===!1)continue e}return u}}};if(s&&!i){var o=(0,sr.map)(r,function(l){return(0,sr.flatten)(l)}),a=(0,sr.reduce)(o,function(l,c,u){return(0,sr.forEach)(c,function(g){(0,sr.has)(l,g.tokenTypeIdx)||(l[g.tokenTypeIdx]=u),(0,sr.forEach)(g.categoryMatches,function(f){(0,sr.has)(l,f)||(l[f]=u)})}),l},[]);return function(){var l=this.LA(1);return a[l.tokenTypeIdx]}}else return function(){for(var l=0;l<n;l++){var c=r[l],u=c.length;e:for(var g=0;g<u;g++){for(var f=c[g],h=f.length,p=0;p<h;p++){var C=this.LA(p+1);if(t(C,f[p])===!1)continue e}return l}}}}_t.buildAlternativesLookAheadFunc=JEe;function WEe(r,e,t){var i=(0,sr.every)(r,function(c){return c.length===1}),n=r.length;if(i&&!t){var s=(0,sr.flatten)(r);if(s.length===1&&(0,sr.isEmpty)(s[0].categoryMatches)){var o=s[0],a=o.tokenTypeIdx;return function(){return this.LA(1).tokenTypeIdx===a}}else{var l=(0,sr.reduce)(s,function(c,u,g){return c[u.tokenTypeIdx]=!0,(0,sr.forEach)(u.categoryMatches,function(f){c[f]=!0}),c},[]);return function(){var c=this.LA(1);return l[c.tokenTypeIdx]===!0}}}else return function(){e:for(var c=0;c<n;c++){for(var u=r[c],g=u.length,f=0;f<g;f++){var h=this.LA(f+1);if(e(h,u[f])===!1)continue e}return!0}return!1}}_t.buildSingleAlternativeLookaheadFunction=WEe;var zEe=function(r){Bj(e,r);function e(t,i,n){var s=r.call(this)||this;return s.topProd=t,s.targetOccurrence=i,s.targetProdType=n,s}return e.prototype.startWalking=function(){return this.walk(this.topProd),this.restDef},e.prototype.checkIsTarget=function(t,i,n,s){return t.idx===this.targetOccurrence&&this.targetProdType===i?(this.restDef=n.concat(s),!0):!1},e.prototype.walkOption=function(t,i,n){this.checkIsTarget(t,oi.OPTION,i,n)||r.prototype.walkOption.call(this,t,i,n)},e.prototype.walkAtLeastOne=function(t,i,n){this.checkIsTarget(t,oi.REPETITION_MANDATORY,i,n)||r.prototype.walkOption.call(this,t,i,n)},e.prototype.walkAtLeastOneSep=function(t,i,n){this.checkIsTarget(t,oi.REPETITION_MANDATORY_WITH_SEPARATOR,i,n)||r.prototype.walkOption.call(this,t,i,n)},e.prototype.walkMany=function(t,i,n){this.checkIsTarget(t,oi.REPETITION,i,n)||r.prototype.walkOption.call(this,t,i,n)},e.prototype.walkManySep=function(t,i,n){this.checkIsTarget(t,oi.REPETITION_WITH_SEPARATOR,i,n)||r.prototype.walkOption.call(this,t,i,n)},e}(HEe.RestWalker),Qj=function(r){Bj(e,r);function e(t,i,n){var s=r.call(this)||this;return s.targetOccurrence=t,s.targetProdType=i,s.targetRef=n,s.result=[],s}return e.prototype.checkIsTarget=function(t,i){t.idx===this.targetOccurrence&&this.targetProdType===i&&(this.targetRef===void 0||t===this.targetRef)&&(this.result=t.definition)},e.prototype.visitOption=function(t){this.checkIsTarget(t,oi.OPTION)},e.prototype.visitRepetition=function(t){this.checkIsTarget(t,oi.REPETITION)},e.prototype.visitRepetitionMandatory=function(t){this.checkIsTarget(t,oi.REPETITION_MANDATORY)},e.prototype.visitRepetitionMandatoryWithSeparator=function(t){this.checkIsTarget(t,oi.REPETITION_MANDATORY_WITH_SEPARATOR)},e.prototype.visitRepetitionWithSeparator=function(t){this.checkIsTarget(t,oi.REPETITION_WITH_SEPARATOR)},e.prototype.visitAlternation=function(t){this.checkIsTarget(t,oi.ALTERNATION)},e}(GEe.GAstVisitor);function wj(r){for(var e=new Array(r),t=0;t<r;t++)e[t]=[];return e}function Fv(r){for(var e=[""],t=0;t<r.length;t++){for(var i=r[t],n=[],s=0;s<e.length;s++){var o=e[s];n.push(o+"_"+i.tokenTypeIdx);for(var a=0;a<i.categoryMatches.length;a++){var l="_"+i.categoryMatches[a];n.push(o+l)}}e=n}return e}function VEe(r,e,t){for(var i=0;i<r.length;i++)if(i!==t)for(var n=r[i],s=0;s<e.length;s++){var o=e[s];if(n[o]===!0)return!1}return!0}function Nv(r,e){for(var t=(0,sr.map)(r,function(u){return(0,yj.possiblePathsFrom)([u],1)}),i=wj(t.length),n=(0,sr.map)(t,function(u){var g={};return(0,sr.forEach)(u,function(f){var h=Fv(f.partialPath);(0,sr.forEach)(h,function(p){g[p]=!0})}),g}),s=t,o=1;o<=e;o++){var a=s;s=wj(a.length);for(var l=function(u){for(var g=a[u],f=0;f<g.length;f++){var h=g[f].partialPath,p=g[f].suffixDef,C=Fv(h),y=VEe(n,C,u);if(y||(0,sr.isEmpty)(p)||h.length===e){var B=i[u];if(vj(B,h)===!1){B.push(h);for(var v=0;v<C.length;v++){var D=C[v];n[u][D]=!0}}}else{var L=(0,yj.possiblePathsFrom)(p,o+1,h);s[u]=s[u].concat(L),(0,sr.forEach)(L,function(H){var j=Fv(H.partialPath);(0,sr.forEach)(j,function($){n[u][$]=!0})})}}},c=0;c<a.length;c++)l(c)}return i}_t.lookAheadSequenceFromAlternatives=Nv;function bj(r,e,t,i){var n=new Qj(r,oi.ALTERNATION,i);return e.accept(n),Nv(n.result,t)}_t.getLookaheadPathsForOr=bj;function Sj(r,e,t,i){var n=new Qj(r,t);e.accept(n);var s=n.result,o=new zEe(e,r,t),a=o.startWalking(),l=new xA.Alternative({definition:s}),c=new xA.Alternative({definition:a});return Nv([l,c],i)}_t.getLookaheadPathsForOptionalProd=Sj;function vj(r,e){e:for(var t=0;t<r.length;t++){var i=r[t];if(i.length===e.length){for(var n=0;n<i.length;n++){var s=e[n],o=i[n],a=s===o||o.categoryMatchesMap[s.tokenTypeIdx]!==void 0;if(a===!1)continue e}return!0}}return!1}_t.containsPath=vj;function XEe(r,e){return r.length<e.length&&(0,sr.every)(r,function(t,i){var n=e[i];return t===n||n.categoryMatchesMap[t.tokenTypeIdx]})}_t.isStrictPrefixOfPath=XEe;function Lv(r){return(0,sr.every)(r,function(e){return(0,sr.every)(e,function(t){return(0,sr.every)(t,function(i){return(0,sr.isEmpty)(i.categoryMatches)})})})}_t.areTokenCategoriesNotUsed=Lv});var Hv=w(zt=>{"use strict";var Tv=zt&&zt.__extends||function(){var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,n){i.__proto__=n}||function(i,n){for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(i[s]=n[s])},r(e,t)};return function(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");r(e,t);function i(){this.constructor=e}e.prototype=t===null?Object.create(t):(i.prototype=t.prototype,new i)}}();Object.defineProperty(zt,"__esModule",{value:!0});zt.checkPrefixAlternativesAmbiguities=zt.validateSomeNonEmptyLookaheadPath=zt.validateTooManyAlts=zt.RepetionCollector=zt.validateAmbiguousAlternationAlternatives=zt.validateEmptyOrAlternative=zt.getFirstNoneTerminal=zt.validateNoLeftRecursion=zt.validateRuleIsOverridden=zt.validateRuleDoesNotAlreadyExist=zt.OccurrenceValidationCollector=zt.identifyProductionForDuplicates=zt.validateGrammar=void 0;var er=Gt(),br=Gt(),Do=Hn(),Ov=dd(),qg=Id(),_Ee=Ed(),_s=dn(),Mv=Yg();function ZEe(r,e,t,i,n){var s=er.map(r,function(h){return $Ee(h,i)}),o=er.map(r,function(h){return Kv(h,h,i)}),a=[],l=[],c=[];(0,br.every)(o,br.isEmpty)&&(a=(0,br.map)(r,function(h){return Rj(h,i)}),l=(0,br.map)(r,function(h){return Fj(h,e,i)}),c=Tj(r,e,i));var u=rIe(r,t,i),g=(0,br.map)(r,function(h){return Lj(h,i)}),f=(0,br.map)(r,function(h){return kj(h,r,n,i)});return er.flatten(s.concat(c,o,a,l,u,g,f))}zt.validateGrammar=ZEe;function $Ee(r,e){var t=new Dj;r.accept(t);var i=t.allProductions,n=er.groupBy(i,xj),s=er.pick(n,function(a){return a.length>1}),o=er.map(er.values(s),function(a){var l=er.first(a),c=e.buildDuplicateFoundError(r,a),u=(0,Ov.getProductionDslName)(l),g={message:c,type:Do.ParserDefinitionErrorType.DUPLICATE_PRODUCTIONS,ruleName:r.name,dslName:u,occurrence:l.idx},f=Pj(l);return f&&(g.parameter=f),g});return o}function xj(r){return(0,Ov.getProductionDslName)(r)+"_#_"+r.idx+"_#_"+Pj(r)}zt.identifyProductionForDuplicates=xj;function Pj(r){return r instanceof _s.Terminal?r.terminalType.name:r instanceof _s.NonTerminal?r.nonTerminalName:""}var Dj=function(r){Tv(e,r);function e(){var t=r!==null&&r.apply(this,arguments)||this;return t.allProductions=[],t}return e.prototype.visitNonTerminal=function(t){this.allProductions.push(t)},e.prototype.visitOption=function(t){this.allProductions.push(t)},e.prototype.visitRepetitionWithSeparator=function(t){this.allProductions.push(t)},e.prototype.visitRepetitionMandatory=function(t){this.allProductions.push(t)},e.prototype.visitRepetitionMandatoryWithSeparator=function(t){this.allProductions.push(t)},e.prototype.visitRepetition=function(t){this.allProductions.push(t)},e.prototype.visitAlternation=function(t){this.allProductions.push(t)},e.prototype.visitTerminal=function(t){this.allProductions.push(t)},e}(Mv.GAstVisitor);zt.OccurrenceValidationCollector=Dj;function kj(r,e,t,i){var n=[],s=(0,br.reduce)(e,function(a,l){return l.name===r.name?a+1:a},0);if(s>1){var o=i.buildDuplicateRuleNameError({topLevelRule:r,grammarName:t});n.push({message:o,type:Do.ParserDefinitionErrorType.DUPLICATE_RULE_NAME,ruleName:r.name})}return n}zt.validateRuleDoesNotAlreadyExist=kj;function eIe(r,e,t){var i=[],n;return er.contains(e,r)||(n="Invalid rule override, rule: ->"+r+"<- cannot be overridden in the grammar: ->"+t+"<-as it is not defined in any of the super grammars ",i.push({message:n,type:Do.ParserDefinitionErrorType.INVALID_RULE_OVERRIDE,ruleName:r})),i}zt.validateRuleIsOverridden=eIe;function Kv(r,e,t,i){i===void 0&&(i=[]);var n=[],s=yd(e.definition);if(er.isEmpty(s))return[];var o=r.name,a=er.contains(s,r);a&&n.push({message:t.buildLeftRecursionError({topLevelRule:r,leftRecursionPath:i}),type:Do.ParserDefinitionErrorType.LEFT_RECURSION,ruleName:o});var l=er.difference(s,i.concat([r])),c=er.map(l,function(u){var g=er.cloneArr(i);return g.push(u),Kv(r,u,t,g)});return n.concat(er.flatten(c))}zt.validateNoLeftRecursion=Kv;function yd(r){var e=[];if(er.isEmpty(r))return e;var t=er.first(r);if(t instanceof _s.NonTerminal)e.push(t.referencedRule);else if(t instanceof _s.Alternative||t instanceof _s.Option||t instanceof _s.RepetitionMandatory||t instanceof _s.RepetitionMandatoryWithSeparator||t instanceof _s.RepetitionWithSeparator||t instanceof _s.Repetition)e=e.concat(yd(t.definition));else if(t instanceof _s.Alternation)e=er.flatten(er.map(t.definition,function(o){return yd(o.definition)}));else if(!(t instanceof _s.Terminal))throw Error("non exhaustive match");var i=(0,Ov.isOptionalProd)(t),n=r.length>1;if(i&&n){var s=er.drop(r);return e.concat(yd(s))}else return e}zt.getFirstNoneTerminal=yd;var Uv=function(r){Tv(e,r);function e(){var t=r!==null&&r.apply(this,arguments)||this;return t.alternations=[],t}return e.prototype.visitAlternation=function(t){this.alternations.push(t)},e}(Mv.GAstVisitor);function Rj(r,e){var t=new Uv;r.accept(t);var i=t.alternations,n=er.reduce(i,function(s,o){var a=er.dropRight(o.definition),l=er.map(a,function(c,u){var g=(0,_Ee.nextPossibleTokensAfter)([c],[],null,1);return er.isEmpty(g)?{message:e.buildEmptyAlternationError({topLevelRule:r,alternation:o,emptyChoiceIdx:u}),type:Do.ParserDefinitionErrorType.NONE_LAST_EMPTY_ALT,ruleName:r.name,occurrence:o.idx,alternative:u+1}:null});return s.concat(er.compact(l))},[]);return n}zt.validateEmptyOrAlternative=Rj;function Fj(r,e,t){var i=new Uv;r.accept(i);var n=i.alternations;n=(0,br.reject)(n,function(o){return o.ignoreAmbiguities===!0});var s=er.reduce(n,function(o,a){var l=a.idx,c=a.maxLookahead||e,u=(0,qg.getLookaheadPathsForOr)(l,r,c,a),g=tIe(u,a,r,t),f=Oj(u,a,r,t);return o.concat(g,f)},[]);return s}zt.validateAmbiguousAlternationAlternatives=Fj;var Nj=function(r){Tv(e,r);function e(){var t=r!==null&&r.apply(this,arguments)||this;return t.allProductions=[],t}return e.prototype.visitRepetitionWithSeparator=function(t){this.allProductions.push(t)},e.prototype.visitRepetitionMandatory=function(t){this.allProductions.push(t)},e.prototype.visitRepetitionMandatoryWithSeparator=function(t){this.allProductions.push(t)},e.prototype.visitRepetition=function(t){this.allProductions.push(t)},e}(Mv.GAstVisitor);zt.RepetionCollector=Nj;function Lj(r,e){var t=new Uv;r.accept(t);var i=t.alternations,n=er.reduce(i,function(s,o){return o.definition.length>255&&s.push({message:e.buildTooManyAlternativesError({topLevelRule:r,alternation:o}),type:Do.ParserDefinitionErrorType.TOO_MANY_ALTS,ruleName:r.name,occurrence:o.idx}),s},[]);return n}zt.validateTooManyAlts=Lj;function Tj(r,e,t){var i=[];return(0,br.forEach)(r,function(n){var s=new Nj;n.accept(s);var o=s.allProductions;(0,br.forEach)(o,function(a){var l=(0,qg.getProdType)(a),c=a.maxLookahead||e,u=a.idx,g=(0,qg.getLookaheadPathsForOptionalProd)(u,n,l,c),f=g[0];if((0,br.isEmpty)((0,br.flatten)(f))){var h=t.buildEmptyRepetitionError({topLevelRule:n,repetition:a});i.push({message:h,type:Do.ParserDefinitionErrorType.NO_NON_EMPTY_LOOKAHEAD,ruleName:n.name})}})}),i}zt.validateSomeNonEmptyLookaheadPath=Tj;function tIe(r,e,t,i){var n=[],s=(0,br.reduce)(r,function(a,l,c){return e.definition[c].ignoreAmbiguities===!0||(0,br.forEach)(l,function(u){var g=[c];(0,br.forEach)(r,function(f,h){c!==h&&(0,qg.containsPath)(f,u)&&e.definition[h].ignoreAmbiguities!==!0&&g.push(h)}),g.length>1&&!(0,qg.containsPath)(n,u)&&(n.push(u),a.push({alts:g,path:u}))}),a},[]),o=er.map(s,function(a){var l=(0,br.map)(a.alts,function(u){return u+1}),c=i.buildAlternationAmbiguityError({topLevelRule:t,alternation:e,ambiguityIndices:l,prefixPath:a.path});return{message:c,type:Do.ParserDefinitionErrorType.AMBIGUOUS_ALTS,ruleName:t.name,occurrence:e.idx,alternatives:[a.alts]}});return o}function Oj(r,e,t,i){var n=[],s=(0,br.reduce)(r,function(o,a,l){var c=(0,br.map)(a,function(u){return{idx:l,path:u}});return o.concat(c)},[]);return(0,br.forEach)(s,function(o){var a=e.definition[o.idx];if(a.ignoreAmbiguities!==!0){var l=o.idx,c=o.path,u=(0,br.findAll)(s,function(f){return e.definition[f.idx].ignoreAmbiguities!==!0&&f.idx<l&&(0,qg.isStrictPrefixOfPath)(f.path,c)}),g=(0,br.map)(u,function(f){var h=[f.idx+1,l+1],p=e.idx===0?"":e.idx,C=i.buildAlternationPrefixAmbiguityError({topLevelRule:t,alternation:e,ambiguityIndices:h,prefixPath:f.path});return{message:C,type:Do.ParserDefinitionErrorType.AMBIGUOUS_PREFIX_ALTS,ruleName:t.name,occurrence:p,alternatives:h}});n=n.concat(g)}}),n}zt.checkPrefixAlternativesAmbiguities=Oj;function rIe(r,e,t){var i=[],n=(0,br.map)(e,function(s){return s.name});return(0,br.forEach)(r,function(s){var o=s.name;if((0,br.contains)(n,o)){var a=t.buildNamespaceConflictError(s);i.push({message:a,type:Do.ParserDefinitionErrorType.CONFLICT_TOKENS_RULES_NAMESPACE,ruleName:o})}}),i}});var Kj=w(Jg=>{"use strict";Object.defineProperty(Jg,"__esModule",{value:!0});Jg.validateGrammar=Jg.resolveGrammar=void 0;var Gv=Gt(),iIe=Cj(),nIe=Hv(),Mj=Cd();function sIe(r){r=(0,Gv.defaults)(r,{errMsgProvider:Mj.defaultGrammarResolverErrorProvider});var e={};return(0,Gv.forEach)(r.rules,function(t){e[t.name]=t}),(0,iIe.resolveGrammar)(e,r.errMsgProvider)}Jg.resolveGrammar=sIe;function oIe(r){return r=(0,Gv.defaults)(r,{errMsgProvider:Mj.defaultGrammarValidatorErrorProvider}),(0,nIe.validateGrammar)(r.rules,r.maxLookahead,r.tokenTypes,r.errMsgProvider,r.grammarName)}Jg.validateGrammar=oIe});var Wg=w(mn=>{"use strict";var wd=mn&&mn.__extends||function(){var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,n){i.__proto__=n}||function(i,n){for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(i[s]=n[s])},r(e,t)};return function(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");r(e,t);function i(){this.constructor=e}e.prototype=t===null?Object.create(t):(i.prototype=t.prototype,new i)}}();Object.defineProperty(mn,"__esModule",{value:!0});mn.EarlyExitException=mn.NotAllInputParsedException=mn.NoViableAltException=mn.MismatchedTokenException=mn.isRecognitionException=void 0;var aIe=Gt(),Uj="MismatchedTokenException",Hj="NoViableAltException",Gj="EarlyExitException",Yj="NotAllInputParsedException",jj=[Uj,Hj,Gj,Yj];Object.freeze(jj);function AIe(r){return(0,aIe.contains)(jj,r.name)}mn.isRecognitionException=AIe;var ry=function(r){wd(e,r);function e(t,i){var n=this.constructor,s=r.call(this,t)||this;return s.token=i,s.resyncedTokens=[],Object.setPrototypeOf(s,n.prototype),Error.captureStackTrace&&Error.captureStackTrace(s,s.constructor),s}return e}(Error),lIe=function(r){wd(e,r);function e(t,i,n){var s=r.call(this,t,i)||this;return s.previousToken=n,s.name=Uj,s}return e}(ry);mn.MismatchedTokenException=lIe;var cIe=function(r){wd(e,r);function e(t,i,n){var s=r.call(this,t,i)||this;return s.previousToken=n,s.name=Hj,s}return e}(ry);mn.NoViableAltException=cIe;var uIe=function(r){wd(e,r);function e(t,i){var n=r.call(this,t,i)||this;return n.name=Yj,n}return e}(ry);mn.NotAllInputParsedException=uIe;var gIe=function(r){wd(e,r);function e(t,i,n){var s=r.call(this,t,i)||this;return s.previousToken=n,s.name=Gj,s}return e}(ry);mn.EarlyExitException=gIe});var jv=w(Mi=>{"use strict";Object.defineProperty(Mi,"__esModule",{value:!0});Mi.attemptInRepetitionRecovery=Mi.Recoverable=Mi.InRuleRecoveryException=Mi.IN_RULE_RECOVERY_EXCEPTION=Mi.EOF_FOLLOW_KEY=void 0;var iy=SA(),ls=Gt(),fIe=Wg(),hIe=kv(),pIe=Hn();Mi.EOF_FOLLOW_KEY={};Mi.IN_RULE_RECOVERY_EXCEPTION="InRuleRecoveryException";function Yv(r){this.name=Mi.IN_RULE_RECOVERY_EXCEPTION,this.message=r}Mi.InRuleRecoveryException=Yv;Yv.prototype=Error.prototype;var dIe=function(){function r(){}return r.prototype.initRecoverable=function(e){this.firstAfterRepMap={},this.resyncFollows={},this.recoveryEnabled=(0,ls.has)(e,"recoveryEnabled")?e.recoveryEnabled:pIe.DEFAULT_PARSER_CONFIG.recoveryEnabled,this.recoveryEnabled&&(this.attemptInRepetitionRecovery=qj)},r.prototype.getTokenToInsert=function(e){var t=(0,iy.createTokenInstance)(e,"",NaN,NaN,NaN,NaN,NaN,NaN);return t.isInsertedInRecovery=!0,t},r.prototype.canTokenTypeBeInsertedInRecovery=function(e){return!0},r.prototype.tryInRepetitionRecovery=function(e,t,i,n){for(var s=this,o=this.findReSyncTokenType(),a=this.exportLexerState(),l=[],c=!1,u=this.LA(1),g=this.LA(1),f=function(){var h=s.LA(0),p=s.errorMessageProvider.buildMismatchTokenMessage({expected:n,actual:u,previous:h,ruleName:s.getCurrRuleFullName()}),C=new fIe.MismatchedTokenException(p,u,s.LA(0));C.resyncedTokens=(0,ls.dropRight)(l),s.SAVE_ERROR(C)};!c;)if(this.tokenMatcher(g,n)){f();return}else if(i.call(this)){f(),e.apply(this,t);return}else this.tokenMatcher(g,o)?c=!0:(g=this.SKIP_TOKEN(),this.addToResyncTokens(g,l));this.importLexerState(a)},r.prototype.shouldInRepetitionRecoveryBeTried=function(e,t,i){return!(i===!1||e===void 0||t===void 0||this.tokenMatcher(this.LA(1),e)||this.isBackTracking()||this.canPerformInRuleRecovery(e,this.getFollowsForInRuleRecovery(e,t)))},r.prototype.getFollowsForInRuleRecovery=function(e,t){var i=this.getCurrentGrammarPath(e,t),n=this.getNextPossibleTokenTypes(i);return n},r.prototype.tryInRuleRecovery=function(e,t){if(this.canRecoverWithSingleTokenInsertion(e,t)){var i=this.getTokenToInsert(e);return i}if(this.canRecoverWithSingleTokenDeletion(e)){var n=this.SKIP_TOKEN();return this.consumeToken(),n}throw new Yv("sad sad panda")},r.prototype.canPerformInRuleRecovery=function(e,t){return this.canRecoverWithSingleTokenInsertion(e,t)||this.canRecoverWithSingleTokenDeletion(e)},r.prototype.canRecoverWithSingleTokenInsertion=function(e,t){var i=this;if(!this.canTokenTypeBeInsertedInRecovery(e)||(0,ls.isEmpty)(t))return!1;var n=this.LA(1),s=(0,ls.find)(t,function(o){return i.tokenMatcher(n,o)})!==void 0;return s},r.prototype.canRecoverWithSingleTokenDeletion=function(e){var t=this.tokenMatcher(this.LA(2),e);return t},r.prototype.isInCurrentRuleReSyncSet=function(e){var t=this.getCurrFollowKey(),i=this.getFollowSetFromFollowKey(t);return(0,ls.contains)(i,e)},r.prototype.findReSyncTokenType=function(){for(var e=this.flattenFollowSet(),t=this.LA(1),i=2;;){var n=t.tokenType;if((0,ls.contains)(e,n))return n;t=this.LA(i),i++}},r.prototype.getCurrFollowKey=function(){if(this.RULE_STACK.length===1)return Mi.EOF_FOLLOW_KEY;var e=this.getLastExplicitRuleShortName(),t=this.getLastExplicitRuleOccurrenceIndex(),i=this.getPreviousExplicitRuleShortName();return{ruleName:this.shortRuleNameToFullName(e),idxInCallingRule:t,inRule:this.shortRuleNameToFullName(i)}},r.prototype.buildFullFollowKeyStack=function(){var e=this,t=this.RULE_STACK,i=this.RULE_OCCURRENCE_STACK;return(0,ls.map)(t,function(n,s){return s===0?Mi.EOF_FOLLOW_KEY:{ruleName:e.shortRuleNameToFullName(n),idxInCallingRule:i[s],inRule:e.shortRuleNameToFullName(t[s-1])}})},r.prototype.flattenFollowSet=function(){var e=this,t=(0,ls.map)(this.buildFullFollowKeyStack(),function(i){return e.getFollowSetFromFollowKey(i)});return(0,ls.flatten)(t)},r.prototype.getFollowSetFromFollowKey=function(e){if(e===Mi.EOF_FOLLOW_KEY)return[iy.EOF];var t=e.ruleName+e.idxInCallingRule+hIe.IN+e.inRule;return this.resyncFollows[t]},r.prototype.addToResyncTokens=function(e,t){return this.tokenMatcher(e,iy.EOF)||t.push(e),t},r.prototype.reSyncTo=function(e){for(var t=[],i=this.LA(1);this.tokenMatcher(i,e)===!1;)i=this.SKIP_TOKEN(),this.addToResyncTokens(i,t);return(0,ls.dropRight)(t)},r.prototype.attemptInRepetitionRecovery=function(e,t,i,n,s,o,a){},r.prototype.getCurrentGrammarPath=function(e,t){var i=this.getHumanReadableRuleStack(),n=(0,ls.cloneArr)(this.RULE_OCCURRENCE_STACK),s={ruleStack:i,occurrenceStack:n,lastTok:e,lastTokOccurrence:t};return s},r.prototype.getHumanReadableRuleStack=function(){var e=this;return(0,ls.map)(this.RULE_STACK,function(t){return e.shortRuleNameToFullName(t)})},r}();Mi.Recoverable=dIe;function qj(r,e,t,i,n,s,o){var a=this.getKeyForAutomaticLookahead(i,n),l=this.firstAfterRepMap[a];if(l===void 0){var c=this.getCurrRuleFullName(),u=this.getGAstProductions()[c],g=new s(u,n);l=g.startWalking(),this.firstAfterRepMap[a]=l}var f=l.token,h=l.occurrence,p=l.isEndOfRule;this.RULE_STACK.length===1&&p&&f===void 0&&(f=iy.EOF,h=1),this.shouldInRepetitionRecoveryBeTried(f,h,o)&&this.tryInRepetitionRecovery(r,e,t,f)}Mi.attemptInRepetitionRecovery=qj});var ny=w(qt=>{"use strict";Object.defineProperty(qt,"__esModule",{value:!0});qt.getKeyForAutomaticLookahead=qt.AT_LEAST_ONE_SEP_IDX=qt.MANY_SEP_IDX=qt.AT_LEAST_ONE_IDX=qt.MANY_IDX=qt.OPTION_IDX=qt.OR_IDX=qt.BITS_FOR_ALT_IDX=qt.BITS_FOR_RULE_IDX=qt.BITS_FOR_OCCURRENCE_IDX=qt.BITS_FOR_METHOD_TYPE=void 0;qt.BITS_FOR_METHOD_TYPE=4;qt.BITS_FOR_OCCURRENCE_IDX=8;qt.BITS_FOR_RULE_IDX=12;qt.BITS_FOR_ALT_IDX=8;qt.OR_IDX=1<<qt.BITS_FOR_OCCURRENCE_IDX;qt.OPTION_IDX=2<<qt.BITS_FOR_OCCURRENCE_IDX;qt.MANY_IDX=3<<qt.BITS_FOR_OCCURRENCE_IDX;qt.AT_LEAST_ONE_IDX=4<<qt.BITS_FOR_OCCURRENCE_IDX;qt.MANY_SEP_IDX=5<<qt.BITS_FOR_OCCURRENCE_IDX;qt.AT_LEAST_ONE_SEP_IDX=6<<qt.BITS_FOR_OCCURRENCE_IDX;function CIe(r,e,t){return t|e|r}qt.getKeyForAutomaticLookahead=CIe;var f$e=32-qt.BITS_FOR_ALT_IDX});var Wj=w(sy=>{"use strict";Object.defineProperty(sy,"__esModule",{value:!0});sy.LooksAhead=void 0;var Qa=Id(),Zs=Gt(),Jj=Hn(),ba=ny(),oc=dd(),mIe=function(){function r(){}return r.prototype.initLooksAhead=function(e){this.dynamicTokensEnabled=(0,Zs.has)(e,"dynamicTokensEnabled")?e.dynamicTokensEnabled:Jj.DEFAULT_PARSER_CONFIG.dynamicTokensEnabled,this.maxLookahead=(0,Zs.has)(e,"maxLookahead")?e.maxLookahead:Jj.DEFAULT_PARSER_CONFIG.maxLookahead,this.lookAheadFuncsCache=(0,Zs.isES2015MapSupported)()?new Map:[],(0,Zs.isES2015MapSupported)()?(this.getLaFuncFromCache=this.getLaFuncFromMap,this.setLaFuncCache=this.setLaFuncCacheUsingMap):(this.getLaFuncFromCache=this.getLaFuncFromObj,this.setLaFuncCache=this.setLaFuncUsingObj)},r.prototype.preComputeLookaheadFunctions=function(e){var t=this;(0,Zs.forEach)(e,function(i){t.TRACE_INIT(i.name+" Rule Lookahead",function(){var n=(0,oc.collectMethods)(i),s=n.alternation,o=n.repetition,a=n.option,l=n.repetitionMandatory,c=n.repetitionMandatoryWithSeparator,u=n.repetitionWithSeparator;(0,Zs.forEach)(s,function(g){var f=g.idx===0?"":g.idx;t.TRACE_INIT(""+(0,oc.getProductionDslName)(g)+f,function(){var h=(0,Qa.buildLookaheadFuncForOr)(g.idx,i,g.maxLookahead||t.maxLookahead,g.hasPredicates,t.dynamicTokensEnabled,t.lookAheadBuilderForAlternatives),p=(0,ba.getKeyForAutomaticLookahead)(t.fullRuleNameToShort[i.name],ba.OR_IDX,g.idx);t.setLaFuncCache(p,h)})}),(0,Zs.forEach)(o,function(g){t.computeLookaheadFunc(i,g.idx,ba.MANY_IDX,Qa.PROD_TYPE.REPETITION,g.maxLookahead,(0,oc.getProductionDslName)(g))}),(0,Zs.forEach)(a,function(g){t.computeLookaheadFunc(i,g.idx,ba.OPTION_IDX,Qa.PROD_TYPE.OPTION,g.maxLookahead,(0,oc.getProductionDslName)(g))}),(0,Zs.forEach)(l,function(g){t.computeLookaheadFunc(i,g.idx,ba.AT_LEAST_ONE_IDX,Qa.PROD_TYPE.REPETITION_MANDATORY,g.maxLookahead,(0,oc.getProductionDslName)(g))}),(0,Zs.forEach)(c,function(g){t.computeLookaheadFunc(i,g.idx,ba.AT_LEAST_ONE_SEP_IDX,Qa.PROD_TYPE.REPETITION_MANDATORY_WITH_SEPARATOR,g.maxLookahead,(0,oc.getProductionDslName)(g))}),(0,Zs.forEach)(u,function(g){t.computeLookaheadFunc(i,g.idx,ba.MANY_SEP_IDX,Qa.PROD_TYPE.REPETITION_WITH_SEPARATOR,g.maxLookahead,(0,oc.getProductionDslName)(g))})})})},r.prototype.computeLookaheadFunc=function(e,t,i,n,s,o){var a=this;this.TRACE_INIT(""+o+(t===0?"":t),function(){var l=(0,Qa.buildLookaheadFuncForOptionalProd)(t,e,s||a.maxLookahead,a.dynamicTokensEnabled,n,a.lookAheadBuilderForOptional),c=(0,ba.getKeyForAutomaticLookahead)(a.fullRuleNameToShort[e.name],i,t);a.setLaFuncCache(c,l)})},r.prototype.lookAheadBuilderForOptional=function(e,t,i){return(0,Qa.buildSingleAlternativeLookaheadFunction)(e,t,i)},r.prototype.lookAheadBuilderForAlternatives=function(e,t,i,n){return(0,Qa.buildAlternativesLookAheadFunc)(e,t,i,n)},r.prototype.getKeyForAutomaticLookahead=function(e,t){var i=this.getLastExplicitRuleShortName();return(0,ba.getKeyForAutomaticLookahead)(i,e,t)},r.prototype.getLaFuncFromCache=function(e){},r.prototype.getLaFuncFromMap=function(e){return this.lookAheadFuncsCache.get(e)},r.prototype.getLaFuncFromObj=function(e){return this.lookAheadFuncsCache[e]},r.prototype.setLaFuncCache=function(e,t){},r.prototype.setLaFuncCacheUsingMap=function(e,t){this.lookAheadFuncsCache.set(e,t)},r.prototype.setLaFuncUsingObj=function(e,t){this.lookAheadFuncsCache[e]=t},r}();sy.LooksAhead=mIe});var zj=w(ko=>{"use strict";Object.defineProperty(ko,"__esModule",{value:!0});ko.addNoneTerminalToCst=ko.addTerminalToCst=ko.setNodeLocationFull=ko.setNodeLocationOnlyOffset=void 0;function EIe(r,e){isNaN(r.startOffset)===!0?(r.startOffset=e.startOffset,r.endOffset=e.endOffset):r.endOffset<e.endOffset&&(r.endOffset=e.endOffset)}ko.setNodeLocationOnlyOffset=EIe;function IIe(r,e){isNaN(r.startOffset)===!0?(r.startOffset=e.startOffset,r.startColumn=e.startColumn,r.startLine=e.startLine,r.endOffset=e.endOffset,r.endColumn=e.endColumn,r.endLine=e.endLine):r.endOffset<e.endOffset&&(r.endOffset=e.endOffset,r.endColumn=e.endColumn,r.endLine=e.endLine)}ko.setNodeLocationFull=IIe;function yIe(r,e,t){r.children[t]===void 0?r.children[t]=[e]:r.children[t].push(e)}ko.addTerminalToCst=yIe;function wIe(r,e,t){r.children[e]===void 0?r.children[e]=[t]:r.children[e].push(t)}ko.addNoneTerminalToCst=wIe});var qv=w(PA=>{"use strict";Object.defineProperty(PA,"__esModule",{value:!0});PA.defineNameProp=PA.functionName=PA.classNameFromInstance=void 0;var BIe=Gt();function QIe(r){return Xj(r.constructor)}PA.classNameFromInstance=QIe;var Vj="name";function Xj(r){var e=r.name;return e||"anonymous"}PA.functionName=Xj;function bIe(r,e){var t=Object.getOwnPropertyDescriptor(r,Vj);return(0,BIe.isUndefined)(t)||t.configurable?(Object.defineProperty(r,Vj,{enumerable:!1,configurable:!0,writable:!1,value:e}),!0):!1}PA.defineNameProp=bIe});var tq=w(bi=>{"use strict";Object.defineProperty(bi,"__esModule",{value:!0});bi.validateRedundantMethods=bi.validateMissingCstMethods=bi.validateVisitor=bi.CstVisitorDefinitionError=bi.createBaseVisitorConstructorWithDefaults=bi.createBaseSemanticVisitorConstructor=bi.defaultVisit=void 0;var cs=Gt(),Bd=qv();function _j(r,e){for(var t=(0,cs.keys)(r),i=t.length,n=0;n<i;n++)for(var s=t[n],o=r[s],a=o.length,l=0;l<a;l++){var c=o[l];c.tokenTypeIdx===void 0&&this[c.name](c.children,e)}}bi.defaultVisit=_j;function SIe(r,e){var t=function(){};(0,Bd.defineNameProp)(t,r+"BaseSemantics");var i={visit:function(n,s){if((0,cs.isArray)(n)&&(n=n[0]),!(0,cs.isUndefined)(n))return this[n.name](n.children,s)},validateVisitor:function(){var n=Zj(this,e);if(!(0,cs.isEmpty)(n)){var s=(0,cs.map)(n,function(o){return o.msg});throw Error("Errors Detected in CST Visitor <"+(0,Bd.functionName)(this.constructor)+`>:
-	`+(""+s.join(`
-
-`).replace(/\n/g,`
-	`)))}}};return t.prototype=i,t.prototype.constructor=t,t._RULE_NAMES=e,t}bi.createBaseSemanticVisitorConstructor=SIe;function vIe(r,e,t){var i=function(){};(0,Bd.defineNameProp)(i,r+"BaseSemanticsWithDefaults");var n=Object.create(t.prototype);return(0,cs.forEach)(e,function(s){n[s]=_j}),i.prototype=n,i.prototype.constructor=i,i}bi.createBaseVisitorConstructorWithDefaults=vIe;var Jv;(function(r){r[r.REDUNDANT_METHOD=0]="REDUNDANT_METHOD",r[r.MISSING_METHOD=1]="MISSING_METHOD"})(Jv=bi.CstVisitorDefinitionError||(bi.CstVisitorDefinitionError={}));function Zj(r,e){var t=$j(r,e),i=eq(r,e);return t.concat(i)}bi.validateVisitor=Zj;function $j(r,e){var t=(0,cs.map)(e,function(i){if(!(0,cs.isFunction)(r[i]))return{msg:"Missing visitor method: <"+i+"> on "+(0,Bd.functionName)(r.constructor)+" CST Visitor.",type:Jv.MISSING_METHOD,methodName:i}});return(0,cs.compact)(t)}bi.validateMissingCstMethods=$j;var xIe=["constructor","visit","validateVisitor"];function eq(r,e){var t=[];for(var i in r)(0,cs.isFunction)(r[i])&&!(0,cs.contains)(xIe,i)&&!(0,cs.contains)(e,i)&&t.push({msg:"Redundant visitor method: <"+i+"> on "+(0,Bd.functionName)(r.constructor)+` CST Visitor
-There is no Grammar Rule corresponding to this method's name.
-`,type:Jv.REDUNDANT_METHOD,methodName:i});return t}bi.validateRedundantMethods=eq});var iq=w(oy=>{"use strict";Object.defineProperty(oy,"__esModule",{value:!0});oy.TreeBuilder=void 0;var zg=zj(),Zr=Gt(),rq=tq(),PIe=Hn(),DIe=function(){function r(){}return r.prototype.initTreeBuilder=function(e){if(this.CST_STACK=[],this.outputCst=e.outputCst,this.nodeLocationTracking=(0,Zr.has)(e,"nodeLocationTracking")?e.nodeLocationTracking:PIe.DEFAULT_PARSER_CONFIG.nodeLocationTracking,!this.outputCst)this.cstInvocationStateUpdate=Zr.NOOP,this.cstFinallyStateUpdate=Zr.NOOP,this.cstPostTerminal=Zr.NOOP,this.cstPostNonTerminal=Zr.NOOP,this.cstPostRule=Zr.NOOP;else if(/full/i.test(this.nodeLocationTracking))this.recoveryEnabled?(this.setNodeLocationFromToken=zg.setNodeLocationFull,this.setNodeLocationFromNode=zg.setNodeLocationFull,this.cstPostRule=Zr.NOOP,this.setInitialNodeLocation=this.setInitialNodeLocationFullRecovery):(this.setNodeLocationFromToken=Zr.NOOP,this.setNodeLocationFromNode=Zr.NOOP,this.cstPostRule=this.cstPostRuleFull,this.setInitialNodeLocation=this.setInitialNodeLocationFullRegular);else if(/onlyOffset/i.test(this.nodeLocationTracking))this.recoveryEnabled?(this.setNodeLocationFromToken=zg.setNodeLocationOnlyOffset,this.setNodeLocationFromNode=zg.setNodeLocationOnlyOffset,this.cstPostRule=Zr.NOOP,this.setInitialNodeLocation=this.setInitialNodeLocationOnlyOffsetRecovery):(this.setNodeLocationFromToken=Zr.NOOP,this.setNodeLocationFromNode=Zr.NOOP,this.cstPostRule=this.cstPostRuleOnlyOffset,this.setInitialNodeLocation=this.setInitialNodeLocationOnlyOffsetRegular);else if(/none/i.test(this.nodeLocationTracking))this.setNodeLocationFromToken=Zr.NOOP,this.setNodeLocationFromNode=Zr.NOOP,this.cstPostRule=Zr.NOOP,this.setInitialNodeLocation=Zr.NOOP;else throw Error('Invalid <nodeLocationTracking> config option: "'+e.nodeLocationTracking+'"')},r.prototype.setInitialNodeLocationOnlyOffsetRecovery=function(e){e.location={startOffset:NaN,endOffset:NaN}},r.prototype.setInitialNodeLocationOnlyOffsetRegular=function(e){e.location={startOffset:this.LA(1).startOffset,endOffset:NaN}},r.prototype.setInitialNodeLocationFullRecovery=function(e){e.location={startOffset:NaN,startLine:NaN,startColumn:NaN,endOffset:NaN,endLine:NaN,endColumn:NaN}},r.prototype.setInitialNodeLocationFullRegular=function(e){var t=this.LA(1);e.location={startOffset:t.startOffset,startLine:t.startLine,startColumn:t.startColumn,endOffset:NaN,endLine:NaN,endColumn:NaN}},r.prototype.cstInvocationStateUpdate=function(e,t){var i={name:e,children:{}};this.setInitialNodeLocation(i),this.CST_STACK.push(i)},r.prototype.cstFinallyStateUpdate=function(){this.CST_STACK.pop()},r.prototype.cstPostRuleFull=function(e){var t=this.LA(0),i=e.location;i.startOffset<=t.startOffset?(i.endOffset=t.endOffset,i.endLine=t.endLine,i.endColumn=t.endColumn):(i.startOffset=NaN,i.startLine=NaN,i.startColumn=NaN)},r.prototype.cstPostRuleOnlyOffset=function(e){var t=this.LA(0),i=e.location;i.startOffset<=t.startOffset?i.endOffset=t.endOffset:i.startOffset=NaN},r.prototype.cstPostTerminal=function(e,t){var i=this.CST_STACK[this.CST_STACK.length-1];(0,zg.addTerminalToCst)(i,t,e),this.setNodeLocationFromToken(i.location,t)},r.prototype.cstPostNonTerminal=function(e,t){var i=this.CST_STACK[this.CST_STACK.length-1];(0,zg.addNoneTerminalToCst)(i,t,e),this.setNodeLocationFromNode(i.location,e.location)},r.prototype.getBaseCstVisitorConstructor=function(){if((0,Zr.isUndefined)(this.baseCstVisitorConstructor)){var e=(0,rq.createBaseSemanticVisitorConstructor)(this.className,(0,Zr.keys)(this.gastProductionsCache));return this.baseCstVisitorConstructor=e,e}return this.baseCstVisitorConstructor},r.prototype.getBaseCstVisitorConstructorWithDefaults=function(){if((0,Zr.isUndefined)(this.baseCstVisitorWithDefaultsConstructor)){var e=(0,rq.createBaseVisitorConstructorWithDefaults)(this.className,(0,Zr.keys)(this.gastProductionsCache),this.getBaseCstVisitorConstructor());return this.baseCstVisitorWithDefaultsConstructor=e,e}return this.baseCstVisitorWithDefaultsConstructor},r.prototype.getLastExplicitRuleShortName=function(){var e=this.RULE_STACK;return e[e.length-1]},r.prototype.getPreviousExplicitRuleShortName=function(){var e=this.RULE_STACK;return e[e.length-2]},r.prototype.getLastExplicitRuleOccurrenceIndex=function(){var e=this.RULE_OCCURRENCE_STACK;return e[e.length-1]},r}();oy.TreeBuilder=DIe});var sq=w(ay=>{"use strict";Object.defineProperty(ay,"__esModule",{value:!0});ay.LexerAdapter=void 0;var nq=Hn(),kIe=function(){function r(){}return r.prototype.initLexerAdapter=function(){this.tokVector=[],this.tokVectorLength=0,this.currIdx=-1},Object.defineProperty(r.prototype,"input",{get:function(){return this.tokVector},set:function(e){if(this.selfAnalysisDone!==!0)throw Error("Missing <performSelfAnalysis> invocation at the end of the Parser's constructor.");this.reset(),this.tokVector=e,this.tokVectorLength=e.length},enumerable:!1,configurable:!0}),r.prototype.SKIP_TOKEN=function(){return this.currIdx<=this.tokVector.length-2?(this.consumeToken(),this.LA(1)):nq.END_OF_FILE},r.prototype.LA=function(e){var t=this.currIdx+e;return t<0||this.tokVectorLength<=t?nq.END_OF_FILE:this.tokVector[t]},r.prototype.consumeToken=function(){this.currIdx++},r.prototype.exportLexerState=function(){return this.currIdx},r.prototype.importLexerState=function(e){this.currIdx=e},r.prototype.resetLexerState=function(){this.currIdx=-1},r.prototype.moveToTerminatedState=function(){this.currIdx=this.tokVector.length-1},r.prototype.getLexerPosition=function(){return this.exportLexerState()},r}();ay.LexerAdapter=kIe});var aq=w(Ay=>{"use strict";Object.defineProperty(Ay,"__esModule",{value:!0});Ay.RecognizerApi=void 0;var oq=Gt(),RIe=Wg(),Wv=Hn(),FIe=Cd(),NIe=Hv(),LIe=dn(),TIe=function(){function r(){}return r.prototype.ACTION=function(e){return e.call(this)},r.prototype.consume=function(e,t,i){return this.consumeInternal(t,e,i)},r.prototype.subrule=function(e,t,i){return this.subruleInternal(t,e,i)},r.prototype.option=function(e,t){return this.optionInternal(t,e)},r.prototype.or=function(e,t){return this.orInternal(t,e)},r.prototype.many=function(e,t){return this.manyInternal(e,t)},r.prototype.atLeastOne=function(e,t){return this.atLeastOneInternal(e,t)},r.prototype.CONSUME=function(e,t){return this.consumeInternal(e,0,t)},r.prototype.CONSUME1=function(e,t){return this.consumeInternal(e,1,t)},r.prototype.CONSUME2=function(e,t){return this.consumeInternal(e,2,t)},r.prototype.CONSUME3=function(e,t){return this.consumeInternal(e,3,t)},r.prototype.CONSUME4=function(e,t){return this.consumeInternal(e,4,t)},r.prototype.CONSUME5=function(e,t){return this.consumeInternal(e,5,t)},r.prototype.CONSUME6=function(e,t){return this.consumeInternal(e,6,t)},r.prototype.CONSUME7=function(e,t){return this.consumeInternal(e,7,t)},r.prototype.CONSUME8=function(e,t){return this.consumeInternal(e,8,t)},r.prototype.CONSUME9=function(e,t){return this.consumeInternal(e,9,t)},r.prototype.SUBRULE=function(e,t){return this.subruleInternal(e,0,t)},r.prototype.SUBRULE1=function(e,t){return this.subruleInternal(e,1,t)},r.prototype.SUBRULE2=function(e,t){return this.subruleInternal(e,2,t)},r.prototype.SUBRULE3=function(e,t){return this.subruleInternal(e,3,t)},r.prototype.SUBRULE4=function(e,t){return this.subruleInternal(e,4,t)},r.prototype.SUBRULE5=function(e,t){return this.subruleInternal(e,5,t)},r.prototype.SUBRULE6=function(e,t){return this.subruleInternal(e,6,t)},r.prototype.SUBRULE7=function(e,t){return this.subruleInternal(e,7,t)},r.prototype.SUBRULE8=function(e,t){return this.subruleInternal(e,8,t)},r.prototype.SUBRULE9=function(e,t){return this.subruleInternal(e,9,t)},r.prototype.OPTION=function(e){return this.optionInternal(e,0)},r.prototype.OPTION1=function(e){return this.optionInternal(e,1)},r.prototype.OPTION2=function(e){return this.optionInternal(e,2)},r.prototype.OPTION3=function(e){return this.optionInternal(e,3)},r.prototype.OPTION4=function(e){return this.optionInternal(e,4)},r.prototype.OPTION5=function(e){return this.optionInternal(e,5)},r.prototype.OPTION6=function(e){return this.optionInternal(e,6)},r.prototype.OPTION7=function(e){return this.optionInternal(e,7)},r.prototype.OPTION8=function(e){return this.optionInternal(e,8)},r.prototype.OPTION9=function(e){return this.optionInternal(e,9)},r.prototype.OR=function(e){return this.orInternal(e,0)},r.prototype.OR1=function(e){return this.orInternal(e,1)},r.prototype.OR2=function(e){return this.orInternal(e,2)},r.prototype.OR3=function(e){return this.orInternal(e,3)},r.prototype.OR4=function(e){return this.orInternal(e,4)},r.prototype.OR5=function(e){return this.orInternal(e,5)},r.prototype.OR6=function(e){return this.orInternal(e,6)},r.prototype.OR7=function(e){return this.orInternal(e,7)},r.prototype.OR8=function(e){return this.orInternal(e,8)},r.prototype.OR9=function(e){return this.orInternal(e,9)},r.prototype.MANY=function(e){this.manyInternal(0,e)},r.prototype.MANY1=function(e){this.manyInternal(1,e)},r.prototype.MANY2=function(e){this.manyInternal(2,e)},r.prototype.MANY3=function(e){this.manyInternal(3,e)},r.prototype.MANY4=function(e){this.manyInternal(4,e)},r.prototype.MANY5=function(e){this.manyInternal(5,e)},r.prototype.MANY6=function(e){this.manyInternal(6,e)},r.prototype.MANY7=function(e){this.manyInternal(7,e)},r.prototype.MANY8=function(e){this.manyInternal(8,e)},r.prototype.MANY9=function(e){this.manyInternal(9,e)},r.prototype.MANY_SEP=function(e){this.manySepFirstInternal(0,e)},r.prototype.MANY_SEP1=function(e){this.manySepFirstInternal(1,e)},r.prototype.MANY_SEP2=function(e){this.manySepFirstInternal(2,e)},r.prototype.MANY_SEP3=function(e){this.manySepFirstInternal(3,e)},r.prototype.MANY_SEP4=function(e){this.manySepFirstInternal(4,e)},r.prototype.MANY_SEP5=function(e){this.manySepFirstInternal(5,e)},r.prototype.MANY_SEP6=function(e){this.manySepFirstInternal(6,e)},r.prototype.MANY_SEP7=function(e){this.manySepFirstInternal(7,e)},r.prototype.MANY_SEP8=function(e){this.manySepFirstInternal(8,e)},r.prototype.MANY_SEP9=function(e){this.manySepFirstInternal(9,e)},r.prototype.AT_LEAST_ONE=function(e){this.atLeastOneInternal(0,e)},r.prototype.AT_LEAST_ONE1=function(e){return this.atLeastOneInternal(1,e)},r.prototype.AT_LEAST_ONE2=function(e){this.atLeastOneInternal(2,e)},r.prototype.AT_LEAST_ONE3=function(e){this.atLeastOneInternal(3,e)},r.prototype.AT_LEAST_ONE4=function(e){this.atLeastOneInternal(4,e)},r.prototype.AT_LEAST_ONE5=function(e){this.atLeastOneInternal(5,e)},r.prototype.AT_LEAST_ONE6=function(e){this.atLeastOneInternal(6,e)},r.prototype.AT_LEAST_ONE7=function(e){this.atLeastOneInternal(7,e)},r.prototype.AT_LEAST_ONE8=function(e){this.atLeastOneInternal(8,e)},r.prototype.AT_LEAST_ONE9=function(e){this.atLeastOneInternal(9,e)},r.prototype.AT_LEAST_ONE_SEP=function(e){this.atLeastOneSepFirstInternal(0,e)},r.prototype.AT_LEAST_ONE_SEP1=function(e){this.atLeastOneSepFirstInternal(1,e)},r.prototype.AT_LEAST_ONE_SEP2=function(e){this.atLeastOneSepFirstInternal(2,e)},r.prototype.AT_LEAST_ONE_SEP3=function(e){this.atLeastOneSepFirstInternal(3,e)},r.prototype.AT_LEAST_ONE_SEP4=function(e){this.atLeastOneSepFirstInternal(4,e)},r.prototype.AT_LEAST_ONE_SEP5=function(e){this.atLeastOneSepFirstInternal(5,e)},r.prototype.AT_LEAST_ONE_SEP6=function(e){this.atLeastOneSepFirstInternal(6,e)},r.prototype.AT_LEAST_ONE_SEP7=function(e){this.atLeastOneSepFirstInternal(7,e)},r.prototype.AT_LEAST_ONE_SEP8=function(e){this.atLeastOneSepFirstInternal(8,e)},r.prototype.AT_LEAST_ONE_SEP9=function(e){this.atLeastOneSepFirstInternal(9,e)},r.prototype.RULE=function(e,t,i){if(i===void 0&&(i=Wv.DEFAULT_RULE_CONFIG),(0,oq.contains)(this.definedRulesNames,e)){var n=FIe.defaultGrammarValidatorErrorProvider.buildDuplicateRuleNameError({topLevelRule:e,grammarName:this.className}),s={message:n,type:Wv.ParserDefinitionErrorType.DUPLICATE_RULE_NAME,ruleName:e};this.definitionErrors.push(s)}this.definedRulesNames.push(e);var o=this.defineRule(e,t,i);return this[e]=o,o},r.prototype.OVERRIDE_RULE=function(e,t,i){i===void 0&&(i=Wv.DEFAULT_RULE_CONFIG);var n=[];n=n.concat((0,NIe.validateRuleIsOverridden)(e,this.definedRulesNames,this.className)),this.definitionErrors=this.definitionErrors.concat(n);var s=this.defineRule(e,t,i);return this[e]=s,s},r.prototype.BACKTRACK=function(e,t){return function(){this.isBackTrackingStack.push(1);var i=this.saveRecogState();try{return e.apply(this,t),!0}catch(n){if((0,RIe.isRecognitionException)(n))return!1;throw n}finally{this.reloadRecogState(i),this.isBackTrackingStack.pop()}}},r.prototype.getGAstProductions=function(){return this.gastProductionsCache},r.prototype.getSerializedGastProductions=function(){return(0,LIe.serializeGrammar)((0,oq.values)(this.gastProductionsCache))},r}();Ay.RecognizerApi=TIe});var uq=w(cy=>{"use strict";Object.defineProperty(cy,"__esModule",{value:!0});cy.RecognizerEngine=void 0;var Pr=Gt(),Gn=ny(),ly=Wg(),Aq=Id(),Vg=Ed(),lq=Hn(),OIe=jv(),cq=SA(),Qd=Gg(),MIe=qv(),KIe=function(){function r(){}return r.prototype.initRecognizerEngine=function(e,t){if(this.className=(0,MIe.classNameFromInstance)(this),this.shortRuleNameToFull={},this.fullRuleNameToShort={},this.ruleShortNameIdx=256,this.tokenMatcher=Qd.tokenStructuredMatcherNoCategories,this.definedRulesNames=[],this.tokensMap={},this.isBackTrackingStack=[],this.RULE_STACK=[],this.RULE_OCCURRENCE_STACK=[],this.gastProductionsCache={},(0,Pr.has)(t,"serializedGrammar"))throw Error(`The Parser's configuration can no longer contain a <serializedGrammar> property.
-	See: https://chevrotain.io/docs/changes/BREAKING_CHANGES.html#_6-0-0
-	For Further details.`);if((0,Pr.isArray)(e)){if((0,Pr.isEmpty)(e))throw Error(`A Token Vocabulary cannot be empty.
-	Note that the first argument for the parser constructor
-	is no longer a Token vector (since v4.0).`);if(typeof e[0].startOffset=="number")throw Error(`The Parser constructor no longer accepts a token vector as the first argument.
-	See: https://chevrotain.io/docs/changes/BREAKING_CHANGES.html#_4-0-0
-	For Further details.`)}if((0,Pr.isArray)(e))this.tokensMap=(0,Pr.reduce)(e,function(o,a){return o[a.name]=a,o},{});else if((0,Pr.has)(e,"modes")&&(0,Pr.every)((0,Pr.flatten)((0,Pr.values)(e.modes)),Qd.isTokenType)){var i=(0,Pr.flatten)((0,Pr.values)(e.modes)),n=(0,Pr.uniq)(i);this.tokensMap=(0,Pr.reduce)(n,function(o,a){return o[a.name]=a,o},{})}else if((0,Pr.isObject)(e))this.tokensMap=(0,Pr.cloneObj)(e);else throw new Error("<tokensDictionary> argument must be An Array of Token constructors, A dictionary of Token constructors or an IMultiModeLexerDefinition");this.tokensMap.EOF=cq.EOF;var s=(0,Pr.every)((0,Pr.values)(e),function(o){return(0,Pr.isEmpty)(o.categoryMatches)});this.tokenMatcher=s?Qd.tokenStructuredMatcherNoCategories:Qd.tokenStructuredMatcher,(0,Qd.augmentTokenTypes)((0,Pr.values)(this.tokensMap))},r.prototype.defineRule=function(e,t,i){if(this.selfAnalysisDone)throw Error("Grammar rule <"+e+`> may not be defined after the 'performSelfAnalysis' method has been called'
-Make sure that all grammar rule definitions are done before 'performSelfAnalysis' is called.`);var n=(0,Pr.has)(i,"resyncEnabled")?i.resyncEnabled:lq.DEFAULT_RULE_CONFIG.resyncEnabled,s=(0,Pr.has)(i,"recoveryValueFunc")?i.recoveryValueFunc:lq.DEFAULT_RULE_CONFIG.recoveryValueFunc,o=this.ruleShortNameIdx<<Gn.BITS_FOR_METHOD_TYPE+Gn.BITS_FOR_OCCURRENCE_IDX;this.ruleShortNameIdx++,this.shortRuleNameToFull[o]=e,this.fullRuleNameToShort[e]=o;function a(u){try{if(this.outputCst===!0){t.apply(this,u);var g=this.CST_STACK[this.CST_STACK.length-1];return this.cstPostRule(g),g}else return t.apply(this,u)}catch(f){return this.invokeRuleCatch(f,n,s)}finally{this.ruleFinallyStateUpdate()}}var l=function(u,g){return u===void 0&&(u=0),this.ruleInvocationStateUpdate(o,e,u),a.call(this,g)},c="ruleName";return l[c]=e,l.originalGrammarAction=t,l},r.prototype.invokeRuleCatch=function(e,t,i){var n=this.RULE_STACK.length===1,s=t&&!this.isBackTracking()&&this.recoveryEnabled;if((0,ly.isRecognitionException)(e)){var o=e;if(s){var a=this.findReSyncTokenType();if(this.isInCurrentRuleReSyncSet(a))if(o.resyncedTokens=this.reSyncTo(a),this.outputCst){var l=this.CST_STACK[this.CST_STACK.length-1];return l.recoveredNode=!0,l}else return i();else{if(this.outputCst){var l=this.CST_STACK[this.CST_STACK.length-1];l.recoveredNode=!0,o.partialCstResult=l}throw o}}else{if(n)return this.moveToTerminatedState(),i();throw o}}else throw e},r.prototype.optionInternal=function(e,t){var i=this.getKeyForAutomaticLookahead(Gn.OPTION_IDX,t);return this.optionInternalLogic(e,t,i)},r.prototype.optionInternalLogic=function(e,t,i){var n=this,s=this.getLaFuncFromCache(i),o,a;if(e.DEF!==void 0){if(o=e.DEF,a=e.GATE,a!==void 0){var l=s;s=function(){return a.call(n)&&l.call(n)}}}else o=e;if(s.call(this)===!0)return o.call(this)},r.prototype.atLeastOneInternal=function(e,t){var i=this.getKeyForAutomaticLookahead(Gn.AT_LEAST_ONE_IDX,e);return this.atLeastOneInternalLogic(e,t,i)},r.prototype.atLeastOneInternalLogic=function(e,t,i){var n=this,s=this.getLaFuncFromCache(i),o,a;if(t.DEF!==void 0){if(o=t.DEF,a=t.GATE,a!==void 0){var l=s;s=function(){return a.call(n)&&l.call(n)}}}else o=t;if(s.call(this)===!0)for(var c=this.doSingleRepetition(o);s.call(this)===!0&&c===!0;)c=this.doSingleRepetition(o);else throw this.raiseEarlyExitException(e,Aq.PROD_TYPE.REPETITION_MANDATORY,t.ERR_MSG);this.attemptInRepetitionRecovery(this.atLeastOneInternal,[e,t],s,Gn.AT_LEAST_ONE_IDX,e,Vg.NextTerminalAfterAtLeastOneWalker)},r.prototype.atLeastOneSepFirstInternal=function(e,t){var i=this.getKeyForAutomaticLookahead(Gn.AT_LEAST_ONE_SEP_IDX,e);this.atLeastOneSepFirstInternalLogic(e,t,i)},r.prototype.atLeastOneSepFirstInternalLogic=function(e,t,i){var n=this,s=t.DEF,o=t.SEP,a=this.getLaFuncFromCache(i);if(a.call(this)===!0){s.call(this);for(var l=function(){return n.tokenMatcher(n.LA(1),o)};this.tokenMatcher(this.LA(1),o)===!0;)this.CONSUME(o),s.call(this);this.attemptInRepetitionRecovery(this.repetitionSepSecondInternal,[e,o,l,s,Vg.NextTerminalAfterAtLeastOneSepWalker],l,Gn.AT_LEAST_ONE_SEP_IDX,e,Vg.NextTerminalAfterAtLeastOneSepWalker)}else throw this.raiseEarlyExitException(e,Aq.PROD_TYPE.REPETITION_MANDATORY_WITH_SEPARATOR,t.ERR_MSG)},r.prototype.manyInternal=function(e,t){var i=this.getKeyForAutomaticLookahead(Gn.MANY_IDX,e);return this.manyInternalLogic(e,t,i)},r.prototype.manyInternalLogic=function(e,t,i){var n=this,s=this.getLaFuncFromCache(i),o,a;if(t.DEF!==void 0){if(o=t.DEF,a=t.GATE,a!==void 0){var l=s;s=function(){return a.call(n)&&l.call(n)}}}else o=t;for(var c=!0;s.call(this)===!0&&c===!0;)c=this.doSingleRepetition(o);this.attemptInRepetitionRecovery(this.manyInternal,[e,t],s,Gn.MANY_IDX,e,Vg.NextTerminalAfterManyWalker,c)},r.prototype.manySepFirstInternal=function(e,t){var i=this.getKeyForAutomaticLookahead(Gn.MANY_SEP_IDX,e);this.manySepFirstInternalLogic(e,t,i)},r.prototype.manySepFirstInternalLogic=function(e,t,i){var n=this,s=t.DEF,o=t.SEP,a=this.getLaFuncFromCache(i);if(a.call(this)===!0){s.call(this);for(var l=function(){return n.tokenMatcher(n.LA(1),o)};this.tokenMatcher(this.LA(1),o)===!0;)this.CONSUME(o),s.call(this);this.attemptInRepetitionRecovery(this.repetitionSepSecondInternal,[e,o,l,s,Vg.NextTerminalAfterManySepWalker],l,Gn.MANY_SEP_IDX,e,Vg.NextTerminalAfterManySepWalker)}},r.prototype.repetitionSepSecondInternal=function(e,t,i,n,s){for(;i();)this.CONSUME(t),n.call(this);this.attemptInRepetitionRecovery(this.repetitionSepSecondInternal,[e,t,i,n,s],i,Gn.AT_LEAST_ONE_SEP_IDX,e,s)},r.prototype.doSingleRepetition=function(e){var t=this.getLexerPosition();e.call(this);var i=this.getLexerPosition();return i>t},r.prototype.orInternal=function(e,t){var i=this.getKeyForAutomaticLookahead(Gn.OR_IDX,t),n=(0,Pr.isArray)(e)?e:e.DEF,s=this.getLaFuncFromCache(i),o=s.call(this,n);if(o!==void 0){var a=n[o];return a.ALT.call(this)}this.raiseNoAltException(t,e.ERR_MSG)},r.prototype.ruleFinallyStateUpdate=function(){if(this.RULE_STACK.pop(),this.RULE_OCCURRENCE_STACK.pop(),this.cstFinallyStateUpdate(),this.RULE_STACK.length===0&&this.isAtEndOfInput()===!1){var e=this.LA(1),t=this.errorMessageProvider.buildNotAllInputParsedMessage({firstRedundant:e,ruleName:this.getCurrRuleFullName()});this.SAVE_ERROR(new ly.NotAllInputParsedException(t,e))}},r.prototype.subruleInternal=function(e,t,i){var n;try{var s=i!==void 0?i.ARGS:void 0;return n=e.call(this,t,s),this.cstPostNonTerminal(n,i!==void 0&&i.LABEL!==void 0?i.LABEL:e.ruleName),n}catch(o){this.subruleInternalError(o,i,e.ruleName)}},r.prototype.subruleInternalError=function(e,t,i){throw(0,ly.isRecognitionException)(e)&&e.partialCstResult!==void 0&&(this.cstPostNonTerminal(e.partialCstResult,t!==void 0&&t.LABEL!==void 0?t.LABEL:i),delete e.partialCstResult),e},r.prototype.consumeInternal=function(e,t,i){var n;try{var s=this.LA(1);this.tokenMatcher(s,e)===!0?(this.consumeToken(),n=s):this.consumeInternalError(e,s,i)}catch(o){n=this.consumeInternalRecovery(e,t,o)}return this.cstPostTerminal(i!==void 0&&i.LABEL!==void 0?i.LABEL:e.name,n),n},r.prototype.consumeInternalError=function(e,t,i){var n,s=this.LA(0);throw i!==void 0&&i.ERR_MSG?n=i.ERR_MSG:n=this.errorMessageProvider.buildMismatchTokenMessage({expected:e,actual:t,previous:s,ruleName:this.getCurrRuleFullName()}),this.SAVE_ERROR(new ly.MismatchedTokenException(n,t,s))},r.prototype.consumeInternalRecovery=function(e,t,i){if(this.recoveryEnabled&&i.name==="MismatchedTokenException"&&!this.isBackTracking()){var n=this.getFollowsForInRuleRecovery(e,t);try{return this.tryInRuleRecovery(e,n)}catch(s){throw s.name===OIe.IN_RULE_RECOVERY_EXCEPTION?i:s}}else throw i},r.prototype.saveRecogState=function(){var e=this.errors,t=(0,Pr.cloneArr)(this.RULE_STACK);return{errors:e,lexerState:this.exportLexerState(),RULE_STACK:t,CST_STACK:this.CST_STACK}},r.prototype.reloadRecogState=function(e){this.errors=e.errors,this.importLexerState(e.lexerState),this.RULE_STACK=e.RULE_STACK},r.prototype.ruleInvocationStateUpdate=function(e,t,i){this.RULE_OCCURRENCE_STACK.push(i),this.RULE_STACK.push(e),this.cstInvocationStateUpdate(t,e)},r.prototype.isBackTracking=function(){return this.isBackTrackingStack.length!==0},r.prototype.getCurrRuleFullName=function(){var e=this.getLastExplicitRuleShortName();return this.shortRuleNameToFull[e]},r.prototype.shortRuleNameToFullName=function(e){return this.shortRuleNameToFull[e]},r.prototype.isAtEndOfInput=function(){return this.tokenMatcher(this.LA(1),cq.EOF)},r.prototype.reset=function(){this.resetLexerState(),this.isBackTrackingStack=[],this.errors=[],this.RULE_STACK=[],this.CST_STACK=[],this.RULE_OCCURRENCE_STACK=[]},r}();cy.RecognizerEngine=KIe});var fq=w(uy=>{"use strict";Object.defineProperty(uy,"__esModule",{value:!0});uy.ErrorHandler=void 0;var zv=Wg(),Vv=Gt(),gq=Id(),UIe=Hn(),HIe=function(){function r(){}return r.prototype.initErrorHandler=function(e){this._errors=[],this.errorMessageProvider=(0,Vv.has)(e,"errorMessageProvider")?e.errorMessageProvider:UIe.DEFAULT_PARSER_CONFIG.errorMessageProvider},r.prototype.SAVE_ERROR=function(e){if((0,zv.isRecognitionException)(e))return e.context={ruleStack:this.getHumanReadableRuleStack(),ruleOccurrenceStack:(0,Vv.cloneArr)(this.RULE_OCCURRENCE_STACK)},this._errors.push(e),e;throw Error("Trying to save an Error which is not a RecognitionException")},Object.defineProperty(r.prototype,"errors",{get:function(){return(0,Vv.cloneArr)(this._errors)},set:function(e){this._errors=e},enumerable:!1,configurable:!0}),r.prototype.raiseEarlyExitException=function(e,t,i){for(var n=this.getCurrRuleFullName(),s=this.getGAstProductions()[n],o=(0,gq.getLookaheadPathsForOptionalProd)(e,s,t,this.maxLookahead),a=o[0],l=[],c=1;c<=this.maxLookahead;c++)l.push(this.LA(c));var u=this.errorMessageProvider.buildEarlyExitMessage({expectedIterationPaths:a,actual:l,previous:this.LA(0),customUserDescription:i,ruleName:n});throw this.SAVE_ERROR(new zv.EarlyExitException(u,this.LA(1),this.LA(0)))},r.prototype.raiseNoAltException=function(e,t){for(var i=this.getCurrRuleFullName(),n=this.getGAstProductions()[i],s=(0,gq.getLookaheadPathsForOr)(e,n,this.maxLookahead),o=[],a=1;a<=this.maxLookahead;a++)o.push(this.LA(a));var l=this.LA(0),c=this.errorMessageProvider.buildNoViableAltMessage({expectedPathsPerAlt:s,actual:o,previous:l,customUserDescription:t,ruleName:this.getCurrRuleFullName()});throw this.SAVE_ERROR(new zv.NoViableAltException(c,this.LA(1),l))},r}();uy.ErrorHandler=HIe});var dq=w(gy=>{"use strict";Object.defineProperty(gy,"__esModule",{value:!0});gy.ContentAssist=void 0;var hq=Ed(),pq=Gt(),GIe=function(){function r(){}return r.prototype.initContentAssist=function(){},r.prototype.computeContentAssist=function(e,t){var i=this.gastProductionsCache[e];if((0,pq.isUndefined)(i))throw Error("Rule ->"+e+"<- does not exist in this grammar.");return(0,hq.nextPossibleTokensAfter)([i],t,this.tokenMatcher,this.maxLookahead)},r.prototype.getNextPossibleTokenTypes=function(e){var t=(0,pq.first)(e.ruleStack),i=this.getGAstProductions(),n=i[t],s=new hq.NextAfterTokenWalker(n,e).startWalking();return s},r}();gy.ContentAssist=GIe});var Qq=w(py=>{"use strict";Object.defineProperty(py,"__esModule",{value:!0});py.GastRecorder=void 0;var En=Gt(),Ro=dn(),YIe=gd(),Iq=Gg(),yq=SA(),jIe=Hn(),qIe=ny(),hy={description:"This Object indicates the Parser is during Recording Phase"};Object.freeze(hy);var Cq=!0,mq=Math.pow(2,qIe.BITS_FOR_OCCURRENCE_IDX)-1,wq=(0,yq.createToken)({name:"RECORDING_PHASE_TOKEN",pattern:YIe.Lexer.NA});(0,Iq.augmentTokenTypes)([wq]);var Bq=(0,yq.createTokenInstance)(wq,`This IToken indicates the Parser is in Recording Phase
-	See: https://chevrotain.io/docs/guide/internals.html#grammar-recording for details`,-1,-1,-1,-1,-1,-1);Object.freeze(Bq);var JIe={name:`This CSTNode indicates the Parser is in Recording Phase
-	See: https://chevrotain.io/docs/guide/internals.html#grammar-recording for details`,children:{}},WIe=function(){function r(){}return r.prototype.initGastRecorder=function(e){this.recordingProdStack=[],this.RECORDING_PHASE=!1},r.prototype.enableRecording=function(){var e=this;this.RECORDING_PHASE=!0,this.TRACE_INIT("Enable Recording",function(){for(var t=function(n){var s=n>0?n:"";e["CONSUME"+s]=function(o,a){return this.consumeInternalRecord(o,n,a)},e["SUBRULE"+s]=function(o,a){return this.subruleInternalRecord(o,n,a)},e["OPTION"+s]=function(o){return this.optionInternalRecord(o,n)},e["OR"+s]=function(o){return this.orInternalRecord(o,n)},e["MANY"+s]=function(o){this.manyInternalRecord(n,o)},e["MANY_SEP"+s]=function(o){this.manySepFirstInternalRecord(n,o)},e["AT_LEAST_ONE"+s]=function(o){this.atLeastOneInternalRecord(n,o)},e["AT_LEAST_ONE_SEP"+s]=function(o){this.atLeastOneSepFirstInternalRecord(n,o)}},i=0;i<10;i++)t(i);e.consume=function(n,s,o){return this.consumeInternalRecord(s,n,o)},e.subrule=function(n,s,o){return this.subruleInternalRecord(s,n,o)},e.option=function(n,s){return this.optionInternalRecord(s,n)},e.or=function(n,s){return this.orInternalRecord(s,n)},e.many=function(n,s){this.manyInternalRecord(n,s)},e.atLeastOne=function(n,s){this.atLeastOneInternalRecord(n,s)},e.ACTION=e.ACTION_RECORD,e.BACKTRACK=e.BACKTRACK_RECORD,e.LA=e.LA_RECORD})},r.prototype.disableRecording=function(){var e=this;this.RECORDING_PHASE=!1,this.TRACE_INIT("Deleting Recording methods",function(){for(var t=0;t<10;t++){var i=t>0?t:"";delete e["CONSUME"+i],delete e["SUBRULE"+i],delete e["OPTION"+i],delete e["OR"+i],delete e["MANY"+i],delete e["MANY_SEP"+i],delete e["AT_LEAST_ONE"+i],delete e["AT_LEAST_ONE_SEP"+i]}delete e.consume,delete e.subrule,delete e.option,delete e.or,delete e.many,delete e.atLeastOne,delete e.ACTION,delete e.BACKTRACK,delete e.LA})},r.prototype.ACTION_RECORD=function(e){},r.prototype.BACKTRACK_RECORD=function(e,t){return function(){return!0}},r.prototype.LA_RECORD=function(e){return jIe.END_OF_FILE},r.prototype.topLevelRuleRecord=function(e,t){try{var i=new Ro.Rule({definition:[],name:e});return i.name=e,this.recordingProdStack.push(i),t.call(this),this.recordingProdStack.pop(),i}catch(n){if(n.KNOWN_RECORDER_ERROR!==!0)try{n.message=n.message+`
-	 This error was thrown during the "grammar recording phase" For more info see:
-	https://chevrotain.io/docs/guide/internals.html#grammar-recording`}catch{throw n}throw n}},r.prototype.optionInternalRecord=function(e,t){return bd.call(this,Ro.Option,e,t)},r.prototype.atLeastOneInternalRecord=function(e,t){bd.call(this,Ro.RepetitionMandatory,t,e)},r.prototype.atLeastOneSepFirstInternalRecord=function(e,t){bd.call(this,Ro.RepetitionMandatoryWithSeparator,t,e,Cq)},r.prototype.manyInternalRecord=function(e,t){bd.call(this,Ro.Repetition,t,e)},r.prototype.manySepFirstInternalRecord=function(e,t){bd.call(this,Ro.RepetitionWithSeparator,t,e,Cq)},r.prototype.orInternalRecord=function(e,t){return zIe.call(this,e,t)},r.prototype.subruleInternalRecord=function(e,t,i){if(fy(t),!e||(0,En.has)(e,"ruleName")===!1){var n=new Error("<SUBRULE"+Eq(t)+"> argument is invalid"+(" expecting a Parser method reference but got: <"+JSON.stringify(e)+">")+(`
- inside top level rule: <`+this.recordingProdStack[0].name+">"));throw n.KNOWN_RECORDER_ERROR=!0,n}var s=(0,En.peek)(this.recordingProdStack),o=e.ruleName,a=new Ro.NonTerminal({idx:t,nonTerminalName:o,label:i==null?void 0:i.LABEL,referencedRule:void 0});return s.definition.push(a),this.outputCst?JIe:hy},r.prototype.consumeInternalRecord=function(e,t,i){if(fy(t),!(0,Iq.hasShortKeyProperty)(e)){var n=new Error("<CONSUME"+Eq(t)+"> argument is invalid"+(" expecting a TokenType reference but got: <"+JSON.stringify(e)+">")+(`
- inside top level rule: <`+this.recordingProdStack[0].name+">"));throw n.KNOWN_RECORDER_ERROR=!0,n}var s=(0,En.peek)(this.recordingProdStack),o=new Ro.Terminal({idx:t,terminalType:e,label:i==null?void 0:i.LABEL});return s.definition.push(o),Bq},r}();py.GastRecorder=WIe;function bd(r,e,t,i){i===void 0&&(i=!1),fy(t);var n=(0,En.peek)(this.recordingProdStack),s=(0,En.isFunction)(e)?e:e.DEF,o=new r({definition:[],idx:t});return i&&(o.separator=e.SEP),(0,En.has)(e,"MAX_LOOKAHEAD")&&(o.maxLookahead=e.MAX_LOOKAHEAD),this.recordingProdStack.push(o),s.call(this),n.definition.push(o),this.recordingProdStack.pop(),hy}function zIe(r,e){var t=this;fy(e);var i=(0,En.peek)(this.recordingProdStack),n=(0,En.isArray)(r)===!1,s=n===!1?r:r.DEF,o=new Ro.Alternation({definition:[],idx:e,ignoreAmbiguities:n&&r.IGNORE_AMBIGUITIES===!0});(0,En.has)(r,"MAX_LOOKAHEAD")&&(o.maxLookahead=r.MAX_LOOKAHEAD);var a=(0,En.some)(s,function(l){return(0,En.isFunction)(l.GATE)});return o.hasPredicates=a,i.definition.push(o),(0,En.forEach)(s,function(l){var c=new Ro.Alternative({definition:[]});o.definition.push(c),(0,En.has)(l,"IGNORE_AMBIGUITIES")?c.ignoreAmbiguities=l.IGNORE_AMBIGUITIES:(0,En.has)(l,"GATE")&&(c.ignoreAmbiguities=!0),t.recordingProdStack.push(c),l.ALT.call(t),t.recordingProdStack.pop()}),hy}function Eq(r){return r===0?"":""+r}function fy(r){if(r<0||r>mq){var e=new Error("Invalid DSL Method idx value: <"+r+`>
-	`+("Idx value must be a none negative value smaller than "+(mq+1)));throw e.KNOWN_RECORDER_ERROR=!0,e}}});var Sq=w(dy=>{"use strict";Object.defineProperty(dy,"__esModule",{value:!0});dy.PerformanceTracer=void 0;var bq=Gt(),VIe=Hn(),XIe=function(){function r(){}return r.prototype.initPerformanceTracer=function(e){if((0,bq.has)(e,"traceInitPerf")){var t=e.traceInitPerf,i=typeof t=="number";this.traceInitMaxIdent=i?t:1/0,this.traceInitPerf=i?t>0:t}else this.traceInitMaxIdent=0,this.traceInitPerf=VIe.DEFAULT_PARSER_CONFIG.traceInitPerf;this.traceInitIndent=-1},r.prototype.TRACE_INIT=function(e,t){if(this.traceInitPerf===!0){this.traceInitIndent++;var i=new Array(this.traceInitIndent+1).join("	");this.traceInitIndent<this.traceInitMaxIdent&&console.log(i+"--> <"+e+">");var n=(0,bq.timer)(t),s=n.time,o=n.value,a=s>10?console.warn:console.log;return this.traceInitIndent<this.traceInitMaxIdent&&a(i+"<-- <"+e+"> time: "+s+"ms"),this.traceInitIndent--,o}else return t()},r}();dy.PerformanceTracer=XIe});var vq=w(Cy=>{"use strict";Object.defineProperty(Cy,"__esModule",{value:!0});Cy.applyMixins=void 0;function _Ie(r,e){e.forEach(function(t){var i=t.prototype;Object.getOwnPropertyNames(i).forEach(function(n){if(n!=="constructor"){var s=Object.getOwnPropertyDescriptor(i,n);s&&(s.get||s.set)?Object.defineProperty(r.prototype,n,s):r.prototype[n]=t.prototype[n]}})})}Cy.applyMixins=_Ie});var Hn=w(dr=>{"use strict";var Dq=dr&&dr.__extends||function(){var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(i,n){i.__proto__=n}||function(i,n){for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(i[s]=n[s])},r(e,t)};return function(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");r(e,t);function i(){this.constructor=e}e.prototype=t===null?Object.create(t):(i.prototype=t.prototype,new i)}}();Object.defineProperty(dr,"__esModule",{value:!0});dr.EmbeddedActionsParser=dr.CstParser=dr.Parser=dr.EMPTY_ALT=dr.ParserDefinitionErrorType=dr.DEFAULT_RULE_CONFIG=dr.DEFAULT_PARSER_CONFIG=dr.END_OF_FILE=void 0;var Xi=Gt(),ZIe=fj(),xq=SA(),kq=Cd(),Pq=Kj(),$Ie=jv(),eye=Wj(),tye=iq(),rye=sq(),iye=aq(),nye=uq(),sye=fq(),oye=dq(),aye=Qq(),Aye=Sq(),lye=vq();dr.END_OF_FILE=(0,xq.createTokenInstance)(xq.EOF,"",NaN,NaN,NaN,NaN,NaN,NaN);Object.freeze(dr.END_OF_FILE);dr.DEFAULT_PARSER_CONFIG=Object.freeze({recoveryEnabled:!1,maxLookahead:3,dynamicTokensEnabled:!1,outputCst:!0,errorMessageProvider:kq.defaultParserErrorProvider,nodeLocationTracking:"none",traceInitPerf:!1,skipValidations:!1});dr.DEFAULT_RULE_CONFIG=Object.freeze({recoveryValueFunc:function(){},resyncEnabled:!0});var cye;(function(r){r[r.INVALID_RULE_NAME=0]="INVALID_RULE_NAME",r[r.DUPLICATE_RULE_NAME=1]="DUPLICATE_RULE_NAME",r[r.INVALID_RULE_OVERRIDE=2]="INVALID_RULE_OVERRIDE",r[r.DUPLICATE_PRODUCTIONS=3]="DUPLICATE_PRODUCTIONS",r[r.UNRESOLVED_SUBRULE_REF=4]="UNRESOLVED_SUBRULE_REF",r[r.LEFT_RECURSION=5]="LEFT_RECURSION",r[r.NONE_LAST_EMPTY_ALT=6]="NONE_LAST_EMPTY_ALT",r[r.AMBIGUOUS_ALTS=7]="AMBIGUOUS_ALTS",r[r.CONFLICT_TOKENS_RULES_NAMESPACE=8]="CONFLICT_TOKENS_RULES_NAMESPACE",r[r.INVALID_TOKEN_NAME=9]="INVALID_TOKEN_NAME",r[r.NO_NON_EMPTY_LOOKAHEAD=10]="NO_NON_EMPTY_LOOKAHEAD",r[r.AMBIGUOUS_PREFIX_ALTS=11]="AMBIGUOUS_PREFIX_ALTS",r[r.TOO_MANY_ALTS=12]="TOO_MANY_ALTS"})(cye=dr.ParserDefinitionErrorType||(dr.ParserDefinitionErrorType={}));function uye(r){return r===void 0&&(r=void 0),function(){return r}}dr.EMPTY_ALT=uye;var my=function(){function r(e,t){this.definitionErrors=[],this.selfAnalysisDone=!1;var i=this;if(i.initErrorHandler(t),i.initLexerAdapter(),i.initLooksAhead(t),i.initRecognizerEngine(e,t),i.initRecoverable(t),i.initTreeBuilder(t),i.initContentAssist(),i.initGastRecorder(t),i.initPerformanceTracer(t),(0,Xi.has)(t,"ignoredIssues"))throw new Error(`The <ignoredIssues> IParserConfig property has been deprecated.
-	Please use the <IGNORE_AMBIGUITIES> flag on the relevant DSL method instead.
-	See: https://chevrotain.io/docs/guide/resolving_grammar_errors.html#IGNORING_AMBIGUITIES
-	For further details.`);this.skipValidations=(0,Xi.has)(t,"skipValidations")?t.skipValidations:dr.DEFAULT_PARSER_CONFIG.skipValidations}return r.performSelfAnalysis=function(e){throw Error("The **static** `performSelfAnalysis` method has been deprecated.	\nUse the **instance** method with the same name instead.")},r.prototype.performSelfAnalysis=function(){var e=this;this.TRACE_INIT("performSelfAnalysis",function(){var t;e.selfAnalysisDone=!0;var i=e.className;e.TRACE_INIT("toFastProps",function(){(0,Xi.toFastProperties)(e)}),e.TRACE_INIT("Grammar Recording",function(){try{e.enableRecording(),(0,Xi.forEach)(e.definedRulesNames,function(s){var o=e[s],a=o.originalGrammarAction,l=void 0;e.TRACE_INIT(s+" Rule",function(){l=e.topLevelRuleRecord(s,a)}),e.gastProductionsCache[s]=l})}finally{e.disableRecording()}});var n=[];if(e.TRACE_INIT("Grammar Resolving",function(){n=(0,Pq.resolveGrammar)({rules:(0,Xi.values)(e.gastProductionsCache)}),e.definitionErrors=e.definitionErrors.concat(n)}),e.TRACE_INIT("Grammar Validations",function(){if((0,Xi.isEmpty)(n)&&e.skipValidations===!1){var s=(0,Pq.validateGrammar)({rules:(0,Xi.values)(e.gastProductionsCache),maxLookahead:e.maxLookahead,tokenTypes:(0,Xi.values)(e.tokensMap),errMsgProvider:kq.defaultGrammarValidatorErrorProvider,grammarName:i});e.definitionErrors=e.definitionErrors.concat(s)}}),(0,Xi.isEmpty)(e.definitionErrors)&&(e.recoveryEnabled&&e.TRACE_INIT("computeAllProdsFollows",function(){var s=(0,ZIe.computeAllProdsFollows)((0,Xi.values)(e.gastProductionsCache));e.resyncFollows=s}),e.TRACE_INIT("ComputeLookaheadFunctions",function(){e.preComputeLookaheadFunctions((0,Xi.values)(e.gastProductionsCache))})),!r.DEFER_DEFINITION_ERRORS_HANDLING&&!(0,Xi.isEmpty)(e.definitionErrors))throw t=(0,Xi.map)(e.definitionErrors,function(s){return s.message}),new Error(`Parser Definition Errors detected:
- `+t.join(`
--------------------------------
-`))})},r.DEFER_DEFINITION_ERRORS_HANDLING=!1,r}();dr.Parser=my;(0,lye.applyMixins)(my,[$Ie.Recoverable,eye.LooksAhead,tye.TreeBuilder,rye.LexerAdapter,nye.RecognizerEngine,iye.RecognizerApi,sye.ErrorHandler,oye.ContentAssist,aye.GastRecorder,Aye.PerformanceTracer]);var gye=function(r){Dq(e,r);function e(t,i){i===void 0&&(i=dr.DEFAULT_PARSER_CONFIG);var n=this,s=(0,Xi.cloneObj)(i);return s.outputCst=!0,n=r.call(this,t,s)||this,n}return e}(my);dr.CstParser=gye;var fye=function(r){Dq(e,r);function e(t,i){i===void 0&&(i=dr.DEFAULT_PARSER_CONFIG);var n=this,s=(0,Xi.cloneObj)(i);return s.outputCst=!1,n=r.call(this,t,s)||this,n}return e}(my);dr.EmbeddedActionsParser=fye});var Fq=w(Ey=>{"use strict";Object.defineProperty(Ey,"__esModule",{value:!0});Ey.createSyntaxDiagramsCode=void 0;var Rq=pv();function hye(r,e){var t=e===void 0?{}:e,i=t.resourceBase,n=i===void 0?"https://unpkg.com/chevrotain@"+Rq.VERSION+"/diagrams/":i,s=t.css,o=s===void 0?"https://unpkg.com/chevrotain@"+Rq.VERSION+"/diagrams/diagrams.css":s,a=`
-<!-- This is a generated file -->
-<!DOCTYPE html>
-<meta charset="utf-8">
-<style>
-  body {
-    background-color: hsl(30, 20%, 95%)
-  }
-</style>
-
-`,l=`
-<link rel='stylesheet' href='`+o+`'>
-`,c=`
-<script src='`+n+`vendor/railroad-diagrams.js'><\/script>
-<script src='`+n+`src/diagrams_builder.js'><\/script>
-<script src='`+n+`src/diagrams_behavior.js'><\/script>
-<script src='`+n+`src/main.js'><\/script>
-`,u=`
-<div id="diagrams" align="center"></div>    
-`,g=`
-<script>
-    window.serializedGrammar = `+JSON.stringify(r,null,"  ")+`;
-<\/script>
-`,f=`
-<script>
-    var diagramsDiv = document.getElementById("diagrams");
-    main.drawDiagramsFromSerializedGrammar(serializedGrammar, diagramsDiv);
-<\/script>
-`;return a+l+c+u+g+f}Ey.createSyntaxDiagramsCode=hye});var Tq=w(We=>{"use strict";Object.defineProperty(We,"__esModule",{value:!0});We.Parser=We.createSyntaxDiagramsCode=We.clearCache=We.GAstVisitor=We.serializeProduction=We.serializeGrammar=We.Terminal=We.Rule=We.RepetitionWithSeparator=We.RepetitionMandatoryWithSeparator=We.RepetitionMandatory=We.Repetition=We.Option=We.NonTerminal=We.Alternative=We.Alternation=We.defaultLexerErrorProvider=We.NoViableAltException=We.NotAllInputParsedException=We.MismatchedTokenException=We.isRecognitionException=We.EarlyExitException=We.defaultParserErrorProvider=We.tokenName=We.tokenMatcher=We.tokenLabel=We.EOF=We.createTokenInstance=We.createToken=We.LexerDefinitionErrorType=We.Lexer=We.EMPTY_ALT=We.ParserDefinitionErrorType=We.EmbeddedActionsParser=We.CstParser=We.VERSION=void 0;var pye=pv();Object.defineProperty(We,"VERSION",{enumerable:!0,get:function(){return pye.VERSION}});var Iy=Hn();Object.defineProperty(We,"CstParser",{enumerable:!0,get:function(){return Iy.CstParser}});Object.defineProperty(We,"EmbeddedActionsParser",{enumerable:!0,get:function(){return Iy.EmbeddedActionsParser}});Object.defineProperty(We,"ParserDefinitionErrorType",{enumerable:!0,get:function(){return Iy.ParserDefinitionErrorType}});Object.defineProperty(We,"EMPTY_ALT",{enumerable:!0,get:function(){return Iy.EMPTY_ALT}});var Nq=gd();Object.defineProperty(We,"Lexer",{enumerable:!0,get:function(){return Nq.Lexer}});Object.defineProperty(We,"LexerDefinitionErrorType",{enumerable:!0,get:function(){return Nq.LexerDefinitionErrorType}});var Xg=SA();Object.defineProperty(We,"createToken",{enumerable:!0,get:function(){return Xg.createToken}});Object.defineProperty(We,"createTokenInstance",{enumerable:!0,get:function(){return Xg.createTokenInstance}});Object.defineProperty(We,"EOF",{enumerable:!0,get:function(){return Xg.EOF}});Object.defineProperty(We,"tokenLabel",{enumerable:!0,get:function(){return Xg.tokenLabel}});Object.defineProperty(We,"tokenMatcher",{enumerable:!0,get:function(){return Xg.tokenMatcher}});Object.defineProperty(We,"tokenName",{enumerable:!0,get:function(){return Xg.tokenName}});var dye=Cd();Object.defineProperty(We,"defaultParserErrorProvider",{enumerable:!0,get:function(){return dye.defaultParserErrorProvider}});var Sd=Wg();Object.defineProperty(We,"EarlyExitException",{enumerable:!0,get:function(){return Sd.EarlyExitException}});Object.defineProperty(We,"isRecognitionException",{enumerable:!0,get:function(){return Sd.isRecognitionException}});Object.defineProperty(We,"MismatchedTokenException",{enumerable:!0,get:function(){return Sd.MismatchedTokenException}});Object.defineProperty(We,"NotAllInputParsedException",{enumerable:!0,get:function(){return Sd.NotAllInputParsedException}});Object.defineProperty(We,"NoViableAltException",{enumerable:!0,get:function(){return Sd.NoViableAltException}});var Cye=bv();Object.defineProperty(We,"defaultLexerErrorProvider",{enumerable:!0,get:function(){return Cye.defaultLexerErrorProvider}});var Fo=dn();Object.defineProperty(We,"Alternation",{enumerable:!0,get:function(){return Fo.Alternation}});Object.defineProperty(We,"Alternative",{enumerable:!0,get:function(){return Fo.Alternative}});Object.defineProperty(We,"NonTerminal",{enumerable:!0,get:function(){return Fo.NonTerminal}});Object.defineProperty(We,"Option",{enumerable:!0,get:function(){return Fo.Option}});Object.defineProperty(We,"Repetition",{enumerable:!0,get:function(){return Fo.Repetition}});Object.defineProperty(We,"RepetitionMandatory",{enumerable:!0,get:function(){return Fo.RepetitionMandatory}});Object.defineProperty(We,"RepetitionMandatoryWithSeparator",{enumerable:!0,get:function(){return Fo.RepetitionMandatoryWithSeparator}});Object.defineProperty(We,"RepetitionWithSeparator",{enumerable:!0,get:function(){return Fo.RepetitionWithSeparator}});Object.defineProperty(We,"Rule",{enumerable:!0,get:function(){return Fo.Rule}});Object.defineProperty(We,"Terminal",{enumerable:!0,get:function(){return Fo.Terminal}});var Lq=dn();Object.defineProperty(We,"serializeGrammar",{enumerable:!0,get:function(){return Lq.serializeGrammar}});Object.defineProperty(We,"serializeProduction",{enumerable:!0,get:function(){return Lq.serializeProduction}});var mye=Yg();Object.defineProperty(We,"GAstVisitor",{enumerable:!0,get:function(){return mye.GAstVisitor}});function Eye(){console.warn(`The clearCache function was 'soft' removed from the Chevrotain API.
-	 It performs no action other than printing this message.
-	 Please avoid using it as it will be completely removed in the future`)}We.clearCache=Eye;var Iye=Fq();Object.defineProperty(We,"createSyntaxDiagramsCode",{enumerable:!0,get:function(){return Iye.createSyntaxDiagramsCode}});var yye=function(){function r(){throw new Error(`The Parser class has been deprecated, use CstParser or EmbeddedActionsParser instead.	
-See: https://chevrotain.io/docs/changes/BREAKING_CHANGES.html#_7-0-0`)}return r}();We.Parser=yye});var Kq=w((k$e,Mq)=>{var yy=Tq(),Sa=yy.createToken,Oq=yy.tokenMatcher,Xv=yy.Lexer,wye=yy.EmbeddedActionsParser;Mq.exports=r=>{let e=Sa({name:"LogicalOperator",pattern:Xv.NA}),t=Sa({name:"Or",pattern:/\|/,categories:e}),i=Sa({name:"Xor",pattern:/\^/,categories:e}),n=Sa({name:"And",pattern:/&/,categories:e}),s=Sa({name:"Not",pattern:/!/}),o=Sa({name:"LParen",pattern:/\(/}),a=Sa({name:"RParen",pattern:/\)/}),l=Sa({name:"Query",pattern:r}),u=[Sa({name:"WhiteSpace",pattern:/\s+/,group:Xv.SKIPPED}),t,i,n,o,a,s,e,l],g=new Xv(u);class f extends wye{constructor(p){super(u),this.RULE("expression",()=>this.SUBRULE(this.logicalExpression)),this.RULE("logicalExpression",()=>{let y=this.SUBRULE(this.atomicExpression);return this.MANY(()=>{let B=y,v=this.CONSUME(e),D=this.SUBRULE2(this.atomicExpression);Oq(v,t)?y=L=>B(L)||D(L):Oq(v,i)?y=L=>!!(B(L)^D(L)):y=L=>B(L)&&D(L)}),y}),this.RULE("atomicExpression",()=>this.OR([{ALT:()=>this.SUBRULE(this.parenthesisExpression)},{ALT:()=>{let{image:C}=this.CONSUME(l);return y=>y(C)}},{ALT:()=>{this.CONSUME(s);let C=this.SUBRULE(this.atomicExpression);return y=>!C(y)}}])),this.RULE("parenthesisExpression",()=>{let C;return this.CONSUME(o),C=this.SUBRULE(this.expression),this.CONSUME(a),C}),this.performSelfAnalysis()}}return{TinylogicLexer:g,TinylogicParser:f}}});var Uq=w(wy=>{var Bye=Kq();wy.makeParser=(r=/[a-z]+/)=>{let{TinylogicLexer:e,TinylogicParser:t}=Bye(r),i=new t;return(n,s)=>{let o=e.tokenize(n);return i.input=o.tokens,i.expression()(s)}};wy.parse=wy.makeParser()});var Gq=w((F$e,Hq)=>{"use strict";Hq.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}});var _v=w((N$e,jq)=>{var vd=Gq(),Yq={};for(let r of Object.keys(vd))Yq[vd[r]]=r;var st={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};jq.exports=st;for(let r of Object.keys(st)){if(!("channels"in st[r]))throw new Error("missing channels property: "+r);if(!("labels"in st[r]))throw new Error("missing channel labels property: "+r);if(st[r].labels.length!==st[r].channels)throw new Error("channel and label counts mismatch: "+r);let{channels:e,labels:t}=st[r];delete st[r].channels,delete st[r].labels,Object.defineProperty(st[r],"channels",{value:e}),Object.defineProperty(st[r],"labels",{value:t})}st.rgb.hsl=function(r){let e=r[0]/255,t=r[1]/255,i=r[2]/255,n=Math.min(e,t,i),s=Math.max(e,t,i),o=s-n,a,l;s===n?a=0:e===s?a=(t-i)/o:t===s?a=2+(i-e)/o:i===s&&(a=4+(e-t)/o),a=Math.min(a*60,360),a<0&&(a+=360);let c=(n+s)/2;return s===n?l=0:c<=.5?l=o/(s+n):l=o/(2-s-n),[a,l*100,c*100]};st.rgb.hsv=function(r){let e,t,i,n,s,o=r[0]/255,a=r[1]/255,l=r[2]/255,c=Math.max(o,a,l),u=c-Math.min(o,a,l),g=function(f){return(c-f)/6/u+1/2};return u===0?(n=0,s=0):(s=u/c,e=g(o),t=g(a),i=g(l),o===c?n=i-t:a===c?n=1/3+e-i:l===c&&(n=2/3+t-e),n<0?n+=1:n>1&&(n-=1)),[n*360,s*100,c*100]};st.rgb.hwb=function(r){let e=r[0],t=r[1],i=r[2],n=st.rgb.hsl(r)[0],s=1/255*Math.min(e,Math.min(t,i));return i=1-1/255*Math.max(e,Math.max(t,i)),[n,s*100,i*100]};st.rgb.cmyk=function(r){let e=r[0]/255,t=r[1]/255,i=r[2]/255,n=Math.min(1-e,1-t,1-i),s=(1-e-n)/(1-n)||0,o=(1-t-n)/(1-n)||0,a=(1-i-n)/(1-n)||0;return[s*100,o*100,a*100,n*100]};function Qye(r,e){return(r[0]-e[0])**2+(r[1]-e[1])**2+(r[2]-e[2])**2}st.rgb.keyword=function(r){let e=Yq[r];if(e)return e;let t=1/0,i;for(let n of Object.keys(vd)){let s=vd[n],o=Qye(r,s);o<t&&(t=o,i=n)}return i};st.keyword.rgb=function(r){return vd[r]};st.rgb.xyz=function(r){let e=r[0]/255,t=r[1]/255,i=r[2]/255;e=e>.04045?((e+.055)/1.055)**2.4:e/12.92,t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,i=i>.04045?((i+.055)/1.055)**2.4:i/12.92;let n=e*.4124+t*.3576+i*.1805,s=e*.2126+t*.7152+i*.0722,o=e*.0193+t*.1192+i*.9505;return[n*100,s*100,o*100]};st.rgb.lab=function(r){let e=st.rgb.xyz(r),t=e[0],i=e[1],n=e[2];t/=95.047,i/=100,n/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,i=i>.008856?i**(1/3):7.787*i+16/116,n=n>.008856?n**(1/3):7.787*n+16/116;let s=116*i-16,o=500*(t-i),a=200*(i-n);return[s,o,a]};st.hsl.rgb=function(r){let e=r[0]/360,t=r[1]/100,i=r[2]/100,n,s,o;if(t===0)return o=i*255,[o,o,o];i<.5?n=i*(1+t):n=i+t-i*t;let a=2*i-n,l=[0,0,0];for(let c=0;c<3;c++)s=e+1/3*-(c-1),s<0&&s++,s>1&&s--,6*s<1?o=a+(n-a)*6*s:2*s<1?o=n:3*s<2?o=a+(n-a)*(2/3-s)*6:o=a,l[c]=o*255;return l};st.hsl.hsv=function(r){let e=r[0],t=r[1]/100,i=r[2]/100,n=t,s=Math.max(i,.01);i*=2,t*=i<=1?i:2-i,n*=s<=1?s:2-s;let o=(i+t)/2,a=i===0?2*n/(s+n):2*t/(i+t);return[e,a*100,o*100]};st.hsv.rgb=function(r){let e=r[0]/60,t=r[1]/100,i=r[2]/100,n=Math.floor(e)%6,s=e-Math.floor(e),o=255*i*(1-t),a=255*i*(1-t*s),l=255*i*(1-t*(1-s));switch(i*=255,n){case 0:return[i,l,o];case 1:return[a,i,o];case 2:return[o,i,l];case 3:return[o,a,i];case 4:return[l,o,i];case 5:return[i,o,a]}};st.hsv.hsl=function(r){let e=r[0],t=r[1]/100,i=r[2]/100,n=Math.max(i,.01),s,o;o=(2-t)*i;let a=(2-t)*n;return s=t*n,s/=a<=1?a:2-a,s=s||0,o/=2,[e,s*100,o*100]};st.hwb.rgb=function(r){let e=r[0]/360,t=r[1]/100,i=r[2]/100,n=t+i,s;n>1&&(t/=n,i/=n);let o=Math.floor(6*e),a=1-i;s=6*e-o,(o&1)!==0&&(s=1-s);let l=t+s*(a-t),c,u,g;switch(o){default:case 6:case 0:c=a,u=l,g=t;break;case 1:c=l,u=a,g=t;break;case 2:c=t,u=a,g=l;break;case 3:c=t,u=l,g=a;break;case 4:c=l,u=t,g=a;break;case 5:c=a,u=t,g=l;break}return[c*255,u*255,g*255]};st.cmyk.rgb=function(r){let e=r[0]/100,t=r[1]/100,i=r[2]/100,n=r[3]/100,s=1-Math.min(1,e*(1-n)+n),o=1-Math.min(1,t*(1-n)+n),a=1-Math.min(1,i*(1-n)+n);return[s*255,o*255,a*255]};st.xyz.rgb=function(r){let e=r[0]/100,t=r[1]/100,i=r[2]/100,n,s,o;return n=e*3.2406+t*-1.5372+i*-.4986,s=e*-.9689+t*1.8758+i*.0415,o=e*.0557+t*-.204+i*1.057,n=n>.0031308?1.055*n**(1/2.4)-.055:n*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,n=Math.min(Math.max(0,n),1),s=Math.min(Math.max(0,s),1),o=Math.min(Math.max(0,o),1),[n*255,s*255,o*255]};st.xyz.lab=function(r){let e=r[0],t=r[1],i=r[2];e/=95.047,t/=100,i/=108.883,e=e>.008856?e**(1/3):7.787*e+16/116,t=t>.008856?t**(1/3):7.787*t+16/116,i=i>.008856?i**(1/3):7.787*i+16/116;let n=116*t-16,s=500*(e-t),o=200*(t-i);return[n,s,o]};st.lab.xyz=function(r){let e=r[0],t=r[1],i=r[2],n,s,o;s=(e+16)/116,n=t/500+s,o=s-i/200;let a=s**3,l=n**3,c=o**3;return s=a>.008856?a:(s-16/116)/7.787,n=l>.008856?l:(n-16/116)/7.787,o=c>.008856?c:(o-16/116)/7.787,n*=95.047,s*=100,o*=108.883,[n,s,o]};st.lab.lch=function(r){let e=r[0],t=r[1],i=r[2],n;n=Math.atan2(i,t)*360/2/Math.PI,n<0&&(n+=360);let o=Math.sqrt(t*t+i*i);return[e,o,n]};st.lch.lab=function(r){let e=r[0],t=r[1],n=r[2]/360*2*Math.PI,s=t*Math.cos(n),o=t*Math.sin(n);return[e,s,o]};st.rgb.ansi16=function(r,e=null){let[t,i,n]=r,s=e===null?st.rgb.hsv(r)[2]:e;if(s=Math.round(s/50),s===0)return 30;let o=30+(Math.round(n/255)<<2|Math.round(i/255)<<1|Math.round(t/255));return s===2&&(o+=60),o};st.hsv.ansi16=function(r){return st.rgb.ansi16(st.hsv.rgb(r),r[2])};st.rgb.ansi256=function(r){let e=r[0],t=r[1],i=r[2];return e===t&&t===i?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(t/255*5)+Math.round(i/255*5)};st.ansi16.rgb=function(r){let e=r%10;if(e===0||e===7)return r>50&&(e+=3.5),e=e/10.5*255,[e,e,e];let t=(~~(r>50)+1)*.5,i=(e&1)*t*255,n=(e>>1&1)*t*255,s=(e>>2&1)*t*255;return[i,n,s]};st.ansi256.rgb=function(r){if(r>=232){let s=(r-232)*10+8;return[s,s,s]}r-=16;let e,t=Math.floor(r/36)/5*255,i=Math.floor((e=r%36)/6)/5*255,n=e%6/5*255;return[t,i,n]};st.rgb.hex=function(r){let t=(((Math.round(r[0])&255)<<16)+((Math.round(r[1])&255)<<8)+(Math.round(r[2])&255)).toString(16).toUpperCase();return"000000".substring(t.length)+t};st.hex.rgb=function(r){let e=r.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!e)return[0,0,0];let t=e[0];e[0].length===3&&(t=t.split("").map(a=>a+a).join(""));let i=parseInt(t,16),n=i>>16&255,s=i>>8&255,o=i&255;return[n,s,o]};st.rgb.hcg=function(r){let e=r[0]/255,t=r[1]/255,i=r[2]/255,n=Math.max(Math.max(e,t),i),s=Math.min(Math.min(e,t),i),o=n-s,a,l;return o<1?a=s/(1-o):a=0,o<=0?l=0:n===e?l=(t-i)/o%6:n===t?l=2+(i-e)/o:l=4+(e-t)/o,l/=6,l%=1,[l*360,o*100,a*100]};st.hsl.hcg=function(r){let e=r[1]/100,t=r[2]/100,i=t<.5?2*e*t:2*e*(1-t),n=0;return i<1&&(n=(t-.5*i)/(1-i)),[r[0],i*100,n*100]};st.hsv.hcg=function(r){let e=r[1]/100,t=r[2]/100,i=e*t,n=0;return i<1&&(n=(t-i)/(1-i)),[r[0],i*100,n*100]};st.hcg.rgb=function(r){let e=r[0]/360,t=r[1]/100,i=r[2]/100;if(t===0)return[i*255,i*255,i*255];let n=[0,0,0],s=e%1*6,o=s%1,a=1-o,l=0;switch(Math.floor(s)){case 0:n[0]=1,n[1]=o,n[2]=0;break;case 1:n[0]=a,n[1]=1,n[2]=0;break;case 2:n[0]=0,n[1]=1,n[2]=o;break;case 3:n[0]=0,n[1]=a,n[2]=1;break;case 4:n[0]=o,n[1]=0,n[2]=1;break;default:n[0]=1,n[1]=0,n[2]=a}return l=(1-t)*i,[(t*n[0]+l)*255,(t*n[1]+l)*255,(t*n[2]+l)*255]};st.hcg.hsv=function(r){let e=r[1]/100,t=r[2]/100,i=e+t*(1-e),n=0;return i>0&&(n=e/i),[r[0],n*100,i*100]};st.hcg.hsl=function(r){let e=r[1]/100,i=r[2]/100*(1-e)+.5*e,n=0;return i>0&&i<.5?n=e/(2*i):i>=.5&&i<1&&(n=e/(2*(1-i))),[r[0],n*100,i*100]};st.hcg.hwb=function(r){let e=r[1]/100,t=r[2]/100,i=e+t*(1-e);return[r[0],(i-e)*100,(1-i)*100]};st.hwb.hcg=function(r){let e=r[1]/100,t=r[2]/100,i=1-t,n=i-e,s=0;return n<1&&(s=(i-n)/(1-n)),[r[0],n*100,s*100]};st.apple.rgb=function(r){return[r[0]/65535*255,r[1]/65535*255,r[2]/65535*255]};st.rgb.apple=function(r){return[r[0]/255*65535,r[1]/255*65535,r[2]/255*65535]};st.gray.rgb=function(r){return[r[0]/100*255,r[0]/100*255,r[0]/100*255]};st.gray.hsl=function(r){return[0,0,r[0]]};st.gray.hsv=st.gray.hsl;st.gray.hwb=function(r){return[0,100,r[0]]};st.gray.cmyk=function(r){return[0,0,0,r[0]]};st.gray.lab=function(r){return[r[0],0,0]};st.gray.hex=function(r){let e=Math.round(r[0]/100*255)&255,i=((e<<16)+(e<<8)+e).toString(16).toUpperCase();return"000000".substring(i.length)+i};st.rgb.gray=function(r){return[(r[0]+r[1]+r[2])/3/255*100]}});var Jq=w((L$e,qq)=>{var By=_v();function bye(){let r={},e=Object.keys(By);for(let t=e.length,i=0;i<t;i++)r[e[i]]={distance:-1,parent:null};return r}function Sye(r){let e=bye(),t=[r];for(e[r].distance=0;t.length;){let i=t.pop(),n=Object.keys(By[i]);for(let s=n.length,o=0;o<s;o++){let a=n[o],l=e[a];l.distance===-1&&(l.distance=e[i].distance+1,l.parent=i,t.unshift(a))}}return e}function vye(r,e){return function(t){return e(r(t))}}function xye(r,e){let t=[e[r].parent,r],i=By[e[r].parent][r],n=e[r].parent;for(;e[n].parent;)t.unshift(e[n].parent),i=vye(By[e[n].parent][n],i),n=e[n].parent;return i.conversion=t,i}qq.exports=function(r){let e=Sye(r),t={},i=Object.keys(e);for(let n=i.length,s=0;s<n;s++){let o=i[s];e[o].parent!==null&&(t[o]=xye(o,e))}return t}});var zq=w((T$e,Wq)=>{var Zv=_v(),Pye=Jq(),_g={},Dye=Object.keys(Zv);function kye(r){let e=function(...t){let i=t[0];return i==null?i:(i.length>1&&(t=i),r(t))};return"conversion"in r&&(e.conversion=r.conversion),e}function Rye(r){let e=function(...t){let i=t[0];if(i==null)return i;i.length>1&&(t=i);let n=r(t);if(typeof n=="object")for(let s=n.length,o=0;o<s;o++)n[o]=Math.round(n[o]);return n};return"conversion"in r&&(e.conversion=r.conversion),e}Dye.forEach(r=>{_g[r]={},Object.defineProperty(_g[r],"channels",{value:Zv[r].channels}),Object.defineProperty(_g[r],"labels",{value:Zv[r].labels});let e=Pye(r);Object.keys(e).forEach(i=>{let n=e[i];_g[r][i]=Rye(n),_g[r][i].raw=kye(n)})});Wq.exports=_g});var eJ=w((O$e,$q)=>{"use strict";var Vq=(r,e)=>(...t)=>`\x1B[${r(...t)+e}m`,Xq=(r,e)=>(...t)=>{let i=r(...t);return`\x1B[${38+e};5;${i}m`},_q=(r,e)=>(...t)=>{let i=r(...t);return`\x1B[${38+e};2;${i[0]};${i[1]};${i[2]}m`},Qy=r=>r,Zq=(r,e,t)=>[r,e,t],Zg=(r,e,t)=>{Object.defineProperty(r,e,{get:()=>{let i=t();return Object.defineProperty(r,e,{value:i,enumerable:!0,configurable:!0}),i},enumerable:!0,configurable:!0})},$v,$g=(r,e,t,i)=>{$v===void 0&&($v=zq());let n=i?10:0,s={};for(let[o,a]of Object.entries($v)){let l=o==="ansi16"?"ansi":o;o===e?s[l]=r(t,n):typeof a=="object"&&(s[l]=r(a[e],n))}return s};function Fye(){let r=new Map,e={modifier:{reset:[0,0],bold:[1,22],dim:[2,22],italic:[3,23],underline:[4,24],inverse:[7,27],hidden:[8,28],strikethrough:[9,29]},color:{black:[30,39],red:[31,39],green:[32,39],yellow:[33,39],blue:[34,39],magenta:[35,39],cyan:[36,39],white:[37,39],blackBright:[90,39],redBright:[91,39],greenBright:[92,39],yellowBright:[93,39],blueBright:[94,39],magentaBright:[95,39],cyanBright:[96,39],whiteBright:[97,39]},bgColor:{bgBlack:[40,49],bgRed:[41,49],bgGreen:[42,49],bgYellow:[43,49],bgBlue:[44,49],bgMagenta:[45,49],bgCyan:[46,49],bgWhite:[47,49],bgBlackBright:[100,49],bgRedBright:[101,49],bgGreenBright:[102,49],bgYellowBright:[103,49],bgBlueBright:[104,49],bgMagentaBright:[105,49],bgCyanBright:[106,49],bgWhiteBright:[107,49]}};e.color.gray=e.color.blackBright,e.bgColor.bgGray=e.bgColor.bgBlackBright,e.color.grey=e.color.blackBright,e.bgColor.bgGrey=e.bgColor.bgBlackBright;for(let[t,i]of Object.entries(e)){for(let[n,s]of Object.entries(i))e[n]={open:`\x1B[${s[0]}m`,close:`\x1B[${s[1]}m`},i[n]=e[n],r.set(s[0],s[1]);Object.defineProperty(e,t,{value:i,enumerable:!1})}return Object.defineProperty(e,"codes",{value:r,enumerable:!1}),e.color.close="\x1B[39m",e.bgColor.close="\x1B[49m",Zg(e.color,"ansi",()=>$g(Vq,"ansi16",Qy,!1)),Zg(e.color,"ansi256",()=>$g(Xq,"ansi256",Qy,!1)),Zg(e.color,"ansi16m",()=>$g(_q,"rgb",Zq,!1)),Zg(e.bgColor,"ansi",()=>$g(Vq,"ansi16",Qy,!0)),Zg(e.bgColor,"ansi256",()=>$g(Xq,"ansi256",Qy,!0)),Zg(e.bgColor,"ansi16m",()=>$g(_q,"rgb",Zq,!0)),e}Object.defineProperty($q,"exports",{enumerable:!0,get:Fye})});var rJ=w((M$e,tJ)=>{"use strict";tJ.exports=(r,e=process.argv)=>{let t=r.startsWith("-")?"":r.length===1?"-":"--",i=e.indexOf(t+r),n=e.indexOf("--");return i!==-1&&(n===-1||i<n)}});var sJ=w((K$e,nJ)=>{"use strict";var Nye=J("os"),iJ=J("tty"),us=rJ(),{env:ai}=process,DA;us("no-color")||us("no-colors")||us("color=false")||us("color=never")?DA=0:(us("color")||us("colors")||us("color=true")||us("color=always"))&&(DA=1);"FORCE_COLOR"in ai&&(ai.FORCE_COLOR==="true"?DA=1:ai.FORCE_COLOR==="false"?DA=0:DA=ai.FORCE_COLOR.length===0?1:Math.min(parseInt(ai.FORCE_COLOR,10),3));function ex(r){return r===0?!1:{level:r,hasBasic:!0,has256:r>=2,has16m:r>=3}}function tx(r,e){if(DA===0)return 0;if(us("color=16m")||us("color=full")||us("color=truecolor"))return 3;if(us("color=256"))return 2;if(r&&!e&&DA===void 0)return 0;let t=DA||0;if(ai.TERM==="dumb")return t;if(process.platform==="win32"){let i=Nye.release().split(".");return Number(i[0])>=10&&Number(i[2])>=10586?Number(i[2])>=14931?3:2:1}if("CI"in ai)return["TRAVIS","CIRCLECI","APPVEYOR","GITLAB_CI"].some(i=>i in ai)||ai.CI_NAME==="codeship"?1:t;if("TEAMCITY_VERSION"in ai)return/^(9\.(0*[1-9]\d*)\.|\d{2,}\.)/.test(ai.TEAMCITY_VERSION)?1:0;if("GITHUB_ACTIONS"in ai)return 1;if(ai.COLORTERM==="truecolor")return 3;if("TERM_PROGRAM"in ai){let i=parseInt((ai.TERM_PROGRAM_VERSION||"").split(".")[0],10);switch(ai.TERM_PROGRAM){case"iTerm.app":return i>=3?3:2;case"Apple_Terminal":return 2}}return/-256(color)?$/i.test(ai.TERM)?2:/^screen|^xterm|^vt100|^vt220|^rxvt|color|ansi|cygwin|linux/i.test(ai.TERM)||"COLORTERM"in ai?1:t}function Lye(r){let e=tx(r,r&&r.isTTY);return ex(e)}nJ.exports={supportsColor:Lye,stdout:ex(tx(!0,iJ.isatty(1))),stderr:ex(tx(!0,iJ.isatty(2)))}});var aJ=w((U$e,oJ)=>{"use strict";var Tye=(r,e,t)=>{let i=r.indexOf(e);if(i===-1)return r;let n=e.length,s=0,o="";do o+=r.substr(s,i-s)+e+t,s=i+n,i=r.indexOf(e,s);while(i!==-1);return o+=r.substr(s),o},Oye=(r,e,t,i)=>{let n=0,s="";do{let o=r[i-1]==="\r";s+=r.substr(n,(o?i-1:i)-n)+e+(o?`\r
-`:`
-`)+t,n=i+1,i=r.indexOf(`
-`,n)}while(i!==-1);return s+=r.substr(n),s};oJ.exports={stringReplaceAll:Tye,stringEncaseCRLFWithFirstIndex:Oye}});var gJ=w((H$e,uJ)=>{"use strict";var Mye=/(?:\\(u(?:[a-f\d]{4}|\{[a-f\d]{1,6}\})|x[a-f\d]{2}|.))|(?:\{(~)?(\w+(?:\([^)]*\))?(?:\.\w+(?:\([^)]*\))?)*)(?:[ \t]|(?=\r?\n)))|(\})|((?:.|[\r\n\f])+?)/gi,AJ=/(?:^|\.)(\w+)(?:\(([^)]*)\))?/g,Kye=/^(['"])((?:\\.|(?!\1)[^\\])*)\1$/,Uye=/\\(u(?:[a-f\d]{4}|\{[a-f\d]{1,6}\})|x[a-f\d]{2}|.)|([^\\])/gi,Hye=new Map([["n",`
-`],["r","\r"],["t","	"],["b","\b"],["f","\f"],["v","\v"],["0","\0"],["\\","\\"],["e","\x1B"],["a","\x07"]]);function cJ(r){let e=r[0]==="u",t=r[1]==="{";return e&&!t&&r.length===5||r[0]==="x"&&r.length===3?String.fromCharCode(parseInt(r.slice(1),16)):e&&t?String.fromCodePoint(parseInt(r.slice(2,-1),16)):Hye.get(r)||r}function Gye(r,e){let t=[],i=e.trim().split(/\s*,\s*/g),n;for(let s of i){let o=Number(s);if(!Number.isNaN(o))t.push(o);else if(n=s.match(Kye))t.push(n[2].replace(Uye,(a,l,c)=>l?cJ(l):c));else throw new Error(`Invalid Chalk template style argument: ${s} (in style '${r}')`)}return t}function Yye(r){AJ.lastIndex=0;let e=[],t;for(;(t=AJ.exec(r))!==null;){let i=t[1];if(t[2]){let n=Gye(i,t[2]);e.push([i].concat(n))}else e.push([i])}return e}function lJ(r,e){let t={};for(let n of e)for(let s of n.styles)t[s[0]]=n.inverse?null:s.slice(1);let i=r;for(let[n,s]of Object.entries(t))if(!!Array.isArray(s)){if(!(n in i))throw new Error(`Unknown Chalk style: ${n}`);i=s.length>0?i[n](...s):i[n]}return i}uJ.exports=(r,e)=>{let t=[],i=[],n=[];if(e.replace(Mye,(s,o,a,l,c,u)=>{if(o)n.push(cJ(o));else if(l){let g=n.join("");n=[],i.push(t.length===0?g:lJ(r,t)(g)),t.push({inverse:a,styles:Yye(l)})}else if(c){if(t.length===0)throw new Error("Found extraneous } in Chalk template literal");i.push(lJ(r,t)(n.join(""))),n=[],t.pop()}else n.push(u)}),i.push(n.join("")),t.length>0){let s=`Chalk template literal is missing ${t.length} closing bracket${t.length===1?"":"s"} (\`}\`)`;throw new Error(s)}return i.join("")}});var ax=w((G$e,dJ)=>{"use strict";var xd=eJ(),{stdout:ix,stderr:nx}=sJ(),{stringReplaceAll:jye,stringEncaseCRLFWithFirstIndex:qye}=aJ(),fJ=["ansi","ansi","ansi256","ansi16m"],ef=Object.create(null),Jye=(r,e={})=>{if(e.level>3||e.level<0)throw new Error("The `level` option should be an integer from 0 to 3");let t=ix?ix.level:0;r.level=e.level===void 0?t:e.level},sx=class{constructor(e){return hJ(e)}},hJ=r=>{let e={};return Jye(e,r),e.template=(...t)=>Vye(e.template,...t),Object.setPrototypeOf(e,by.prototype),Object.setPrototypeOf(e.template,e),e.template.constructor=()=>{throw new Error("`chalk.constructor()` is deprecated. Use `new chalk.Instance()` instead.")},e.template.Instance=sx,e.template};function by(r){return hJ(r)}for(let[r,e]of Object.entries(xd))ef[r]={get(){let t=Sy(this,ox(e.open,e.close,this._styler),this._isEmpty);return Object.defineProperty(this,r,{value:t}),t}};ef.visible={get(){let r=Sy(this,this._styler,!0);return Object.defineProperty(this,"visible",{value:r}),r}};var pJ=["rgb","hex","keyword","hsl","hsv","hwb","ansi","ansi256"];for(let r of pJ)ef[r]={get(){let{level:e}=this;return function(...t){let i=ox(xd.color[fJ[e]][r](...t),xd.color.close,this._styler);return Sy(this,i,this._isEmpty)}}};for(let r of pJ){let e="bg"+r[0].toUpperCase()+r.slice(1);ef[e]={get(){let{level:t}=this;return function(...i){let n=ox(xd.bgColor[fJ[t]][r](...i),xd.bgColor.close,this._styler);return Sy(this,n,this._isEmpty)}}}}var Wye=Object.defineProperties(()=>{},{...ef,level:{enumerable:!0,get(){return this._generator.level},set(r){this._generator.level=r}}}),ox=(r,e,t)=>{let i,n;return t===void 0?(i=r,n=e):(i=t.openAll+r,n=e+t.closeAll),{open:r,close:e,openAll:i,closeAll:n,parent:t}},Sy=(r,e,t)=>{let i=(...n)=>zye(i,n.length===1?""+n[0]:n.join(" "));return i.__proto__=Wye,i._generator=r,i._styler=e,i._isEmpty=t,i},zye=(r,e)=>{if(r.level<=0||!e)return r._isEmpty?"":e;let t=r._styler;if(t===void 0)return e;let{openAll:i,closeAll:n}=t;if(e.indexOf("\x1B")!==-1)for(;t!==void 0;)e=jye(e,t.close,t.open),t=t.parent;let s=e.indexOf(`
-`);return s!==-1&&(e=qye(e,n,i,s)),i+e+n},rx,Vye=(r,...e)=>{let[t]=e;if(!Array.isArray(t))return e.join(" ");let i=e.slice(1),n=[t.raw[0]];for(let s=1;s<t.length;s++)n.push(String(i[s-1]).replace(/[{}\\]/g,"\\$&"),String(t.raw[s]));return rx===void 0&&(rx=gJ()),rx(r,n.join(""))};Object.defineProperties(by.prototype,ef);var Pd=by();Pd.supportsColor=ix;Pd.stderr=by({level:nx?nx.level:0});Pd.stderr.supportsColor=nx;Pd.Level={None:0,Basic:1,Ansi256:2,TrueColor:3,0:"None",1:"Basic",2:"Ansi256",3:"TrueColor"};dJ.exports=Pd});var vy=w(gs=>{"use strict";gs.isInteger=r=>typeof r=="number"?Number.isInteger(r):typeof r=="string"&&r.trim()!==""?Number.isInteger(Number(r)):!1;gs.find=(r,e)=>r.nodes.find(t=>t.type===e);gs.exceedsLimit=(r,e,t=1,i)=>i===!1||!gs.isInteger(r)||!gs.isInteger(e)?!1:(Number(e)-Number(r))/Number(t)>=i;gs.escapeNode=(r,e=0,t)=>{let i=r.nodes[e];!i||(t&&i.type===t||i.type==="open"||i.type==="close")&&i.escaped!==!0&&(i.value="\\"+i.value,i.escaped=!0)};gs.encloseBrace=r=>r.type!=="brace"?!1:r.commas>>0+r.ranges>>0===0?(r.invalid=!0,!0):!1;gs.isInvalidBrace=r=>r.type!=="brace"?!1:r.invalid===!0||r.dollar?!0:r.commas>>0+r.ranges>>0===0||r.open!==!0||r.close!==!0?(r.invalid=!0,!0):!1;gs.isOpenOrClose=r=>r.type==="open"||r.type==="close"?!0:r.open===!0||r.close===!0;gs.reduce=r=>r.reduce((e,t)=>(t.type==="text"&&e.push(t.value),t.type==="range"&&(t.type="text"),e),[]);gs.flatten=(...r)=>{let e=[],t=i=>{for(let n=0;n<i.length;n++){let s=i[n];Array.isArray(s)?t(s,e):s!==void 0&&e.push(s)}return e};return t(r),e}});var xy=w((j$e,mJ)=>{"use strict";var CJ=vy();mJ.exports=(r,e={})=>{let t=(i,n={})=>{let s=e.escapeInvalid&&CJ.isInvalidBrace(n),o=i.invalid===!0&&e.escapeInvalid===!0,a="";if(i.value)return(s||o)&&CJ.isOpenOrClose(i)?"\\"+i.value:i.value;if(i.value)return i.value;if(i.nodes)for(let l of i.nodes)a+=t(l);return a};return t(r)}});var IJ=w((q$e,EJ)=>{"use strict";EJ.exports=function(r){return typeof r=="number"?r-r===0:typeof r=="string"&&r.trim()!==""?Number.isFinite?Number.isFinite(+r):isFinite(+r):!1}});var PJ=w((J$e,xJ)=>{"use strict";var yJ=IJ(),ac=(r,e,t)=>{if(yJ(r)===!1)throw new TypeError("toRegexRange: expected the first argument to be a number");if(e===void 0||r===e)return String(r);if(yJ(e)===!1)throw new TypeError("toRegexRange: expected the second argument to be a number.");let i={relaxZeros:!0,...t};typeof i.strictZeros=="boolean"&&(i.relaxZeros=i.strictZeros===!1);let n=String(i.relaxZeros),s=String(i.shorthand),o=String(i.capture),a=String(i.wrap),l=r+":"+e+"="+n+s+o+a;if(ac.cache.hasOwnProperty(l))return ac.cache[l].result;let c=Math.min(r,e),u=Math.max(r,e);if(Math.abs(c-u)===1){let C=r+"|"+e;return i.capture?`(${C})`:i.wrap===!1?C:`(?:${C})`}let g=vJ(r)||vJ(e),f={min:r,max:e,a:c,b:u},h=[],p=[];if(g&&(f.isPadded=g,f.maxLen=String(f.max).length),c<0){let C=u<0?Math.abs(u):1;p=wJ(C,Math.abs(c),f,i),c=f.a=0}return u>=0&&(h=wJ(c,u,f,i)),f.negatives=p,f.positives=h,f.result=Xye(p,h,i),i.capture===!0?f.result=`(${f.result})`:i.wrap!==!1&&h.length+p.length>1&&(f.result=`(?:${f.result})`),ac.cache[l]=f,f.result};function Xye(r,e,t){let i=Ax(r,e,"-",!1,t)||[],n=Ax(e,r,"",!1,t)||[],s=Ax(r,e,"-?",!0,t)||[];return i.concat(s).concat(n).join("|")}function _ye(r,e){let t=1,i=1,n=QJ(r,t),s=new Set([e]);for(;r<=n&&n<=e;)s.add(n),t+=1,n=QJ(r,t);for(n=bJ(e+1,i)-1;r<n&&n<=e;)s.add(n),i+=1,n=bJ(e+1,i)-1;return s=[...s],s.sort(ewe),s}function Zye(r,e,t){if(r===e)return{pattern:r,count:[],digits:0};let i=$ye(r,e),n=i.length,s="",o=0;for(let a=0;a<n;a++){let[l,c]=i[a];l===c?s+=l:l!=="0"||c!=="9"?s+=twe(l,c,t):o++}return o&&(s+=t.shorthand===!0?"\\d":"[0-9]"),{pattern:s,count:[o],digits:n}}function wJ(r,e,t,i){let n=_ye(r,e),s=[],o=r,a;for(let l=0;l<n.length;l++){let c=n[l],u=Zye(String(o),String(c),i),g="";if(!t.isPadded&&a&&a.pattern===u.pattern){a.count.length>1&&a.count.pop(),a.count.push(u.count[0]),a.string=a.pattern+SJ(a.count),o=c+1;continue}t.isPadded&&(g=rwe(c,t,i)),u.string=g+u.pattern+SJ(u.count),s.push(u),o=c+1,a=u}return s}function Ax(r,e,t,i,n){let s=[];for(let o of r){let{string:a}=o;!i&&!BJ(e,"string",a)&&s.push(t+a),i&&BJ(e,"string",a)&&s.push(t+a)}return s}function $ye(r,e){let t=[];for(let i=0;i<r.length;i++)t.push([r[i],e[i]]);return t}function ewe(r,e){return r>e?1:e>r?-1:0}function BJ(r,e,t){return r.some(i=>i[e]===t)}function QJ(r,e){return Number(String(r).slice(0,-e)+"9".repeat(e))}function bJ(r,e){return r-r%Math.pow(10,e)}function SJ(r){let[e=0,t=""]=r;return t||e>1?`{${e+(t?","+t:"")}}`:""}function twe(r,e,t){return`[${r}${e-r===1?"":"-"}${e}]`}function vJ(r){return/^-?(0+)\d/.test(r)}function rwe(r,e,t){if(!e.isPadded)return r;let i=Math.abs(e.maxLen-String(r).length),n=t.relaxZeros!==!1;switch(i){case 0:return"";case 1:return n?"0?":"0";case 2:return n?"0{0,2}":"00";default:return n?`0{0,${i}}`:`0{${i}}`}}ac.cache={};ac.clearCache=()=>ac.cache={};xJ.exports=ac});var ux=w((W$e,OJ)=>{"use strict";var iwe=J("util"),RJ=PJ(),DJ=r=>r!==null&&typeof r=="object"&&!Array.isArray(r),nwe=r=>e=>r===!0?Number(e):String(e),lx=r=>typeof r=="number"||typeof r=="string"&&r!=="",Dd=r=>Number.isInteger(+r),cx=r=>{let e=`${r}`,t=-1;if(e[0]==="-"&&(e=e.slice(1)),e==="0")return!1;for(;e[++t]==="0";);return t>0},swe=(r,e,t)=>typeof r=="string"||typeof e=="string"?!0:t.stringify===!0,owe=(r,e,t)=>{if(e>0){let i=r[0]==="-"?"-":"";i&&(r=r.slice(1)),r=i+r.padStart(i?e-1:e,"0")}return t===!1?String(r):r},kJ=(r,e)=>{let t=r[0]==="-"?"-":"";for(t&&(r=r.slice(1),e--);r.length<e;)r="0"+r;return t?"-"+r:r},awe=(r,e)=>{r.negatives.sort((o,a)=>o<a?-1:o>a?1:0),r.positives.sort((o,a)=>o<a?-1:o>a?1:0);let t=e.capture?"":"?:",i="",n="",s;return r.positives.length&&(i=r.positives.join("|")),r.negatives.length&&(n=`-(${t}${r.negatives.join("|")})`),i&&n?s=`${i}|${n}`:s=i||n,e.wrap?`(${t}${s})`:s},FJ=(r,e,t,i)=>{if(t)return RJ(r,e,{wrap:!1,...i});let n=String.fromCharCode(r);if(r===e)return n;let s=String.fromCharCode(e);return`[${n}-${s}]`},NJ=(r,e,t)=>{if(Array.isArray(r)){let i=t.wrap===!0,n=t.capture?"":"?:";return i?`(${n}${r.join("|")})`:r.join("|")}return RJ(r,e,t)},LJ=(...r)=>new RangeError("Invalid range arguments: "+iwe.inspect(...r)),TJ=(r,e,t)=>{if(t.strictRanges===!0)throw LJ([r,e]);return[]},Awe=(r,e)=>{if(e.strictRanges===!0)throw new TypeError(`Expected step "${r}" to be a number`);return[]},lwe=(r,e,t=1,i={})=>{let n=Number(r),s=Number(e);if(!Number.isInteger(n)||!Number.isInteger(s)){if(i.strictRanges===!0)throw LJ([r,e]);return[]}n===0&&(n=0),s===0&&(s=0);let o=n>s,a=String(r),l=String(e),c=String(t);t=Math.max(Math.abs(t),1);let u=cx(a)||cx(l)||cx(c),g=u?Math.max(a.length,l.length,c.length):0,f=u===!1&&swe(r,e,i)===!1,h=i.transform||nwe(f);if(i.toRegex&&t===1)return FJ(kJ(r,g),kJ(e,g),!0,i);let p={negatives:[],positives:[]},C=v=>p[v<0?"negatives":"positives"].push(Math.abs(v)),y=[],B=0;for(;o?n>=s:n<=s;)i.toRegex===!0&&t>1?C(n):y.push(owe(h(n,B),g,f)),n=o?n-t:n+t,B++;return i.toRegex===!0?t>1?awe(p,i):NJ(y,null,{wrap:!1,...i}):y},cwe=(r,e,t=1,i={})=>{if(!Dd(r)&&r.length>1||!Dd(e)&&e.length>1)return TJ(r,e,i);let n=i.transform||(f=>String.fromCharCode(f)),s=`${r}`.charCodeAt(0),o=`${e}`.charCodeAt(0),a=s>o,l=Math.min(s,o),c=Math.max(s,o);if(i.toRegex&&t===1)return FJ(l,c,!1,i);let u=[],g=0;for(;a?s>=o:s<=o;)u.push(n(s,g)),s=a?s-t:s+t,g++;return i.toRegex===!0?NJ(u,null,{wrap:!1,options:i}):u},Py=(r,e,t,i={})=>{if(e==null&&lx(r))return[r];if(!lx(r)||!lx(e))return TJ(r,e,i);if(typeof t=="function")return Py(r,e,1,{transform:t});if(DJ(t))return Py(r,e,0,t);let n={...i};return n.capture===!0&&(n.wrap=!0),t=t||n.step||1,Dd(t)?Dd(r)&&Dd(e)?lwe(r,e,t,n):cwe(r,e,Math.max(Math.abs(t),1),n):t!=null&&!DJ(t)?Awe(t,n):Py(r,e,1,t)};OJ.exports=Py});var UJ=w((z$e,KJ)=>{"use strict";var uwe=ux(),MJ=vy(),gwe=(r,e={})=>{let t=(i,n={})=>{let s=MJ.isInvalidBrace(n),o=i.invalid===!0&&e.escapeInvalid===!0,a=s===!0||o===!0,l=e.escapeInvalid===!0?"\\":"",c="";if(i.isOpen===!0||i.isClose===!0)return l+i.value;if(i.type==="open")return a?l+i.value:"(";if(i.type==="close")return a?l+i.value:")";if(i.type==="comma")return i.prev.type==="comma"?"":a?i.value:"|";if(i.value)return i.value;if(i.nodes&&i.ranges>0){let u=MJ.reduce(i.nodes),g=uwe(...u,{...e,wrap:!1,toRegex:!0});if(g.length!==0)return u.length>1&&g.length>1?`(${g})`:g}if(i.nodes)for(let u of i.nodes)c+=t(u,i);return c};return t(r)};KJ.exports=gwe});var YJ=w((V$e,GJ)=>{"use strict";var fwe=ux(),HJ=xy(),tf=vy(),Ac=(r="",e="",t=!1)=>{let i=[];if(r=[].concat(r),e=[].concat(e),!e.length)return r;if(!r.length)return t?tf.flatten(e).map(n=>`{${n}}`):e;for(let n of r)if(Array.isArray(n))for(let s of n)i.push(Ac(s,e,t));else for(let s of e)t===!0&&typeof s=="string"&&(s=`{${s}}`),i.push(Array.isArray(s)?Ac(n,s,t):n+s);return tf.flatten(i)},hwe=(r,e={})=>{let t=e.rangeLimit===void 0?1e3:e.rangeLimit,i=(n,s={})=>{n.queue=[];let o=s,a=s.queue;for(;o.type!=="brace"&&o.type!=="root"&&o.parent;)o=o.parent,a=o.queue;if(n.invalid||n.dollar){a.push(Ac(a.pop(),HJ(n,e)));return}if(n.type==="brace"&&n.invalid!==!0&&n.nodes.length===2){a.push(Ac(a.pop(),["{}"]));return}if(n.nodes&&n.ranges>0){let g=tf.reduce(n.nodes);if(tf.exceedsLimit(...g,e.step,t))throw new RangeError("expanded array length exceeds range limit. Use options.rangeLimit to increase or disable the limit.");let f=fwe(...g,e);f.length===0&&(f=HJ(n,e)),a.push(Ac(a.pop(),f)),n.nodes=[];return}let l=tf.encloseBrace(n),c=n.queue,u=n;for(;u.type!=="brace"&&u.type!=="root"&&u.parent;)u=u.parent,c=u.queue;for(let g=0;g<n.nodes.length;g++){let f=n.nodes[g];if(f.type==="comma"&&n.type==="brace"){g===1&&c.push(""),c.push("");continue}if(f.type==="close"){a.push(Ac(a.pop(),c,l));continue}if(f.value&&f.type!=="open"){c.push(Ac(c.pop(),f.value));continue}f.nodes&&i(f,n)}return c};return tf.flatten(i(r))};GJ.exports=hwe});var qJ=w((X$e,jJ)=>{"use strict";jJ.exports={MAX_LENGTH:1024*64,CHAR_0:"0",CHAR_9:"9",CHAR_UPPERCASE_A:"A",CHAR_LOWERCASE_A:"a",CHAR_UPPERCASE_Z:"Z",CHAR_LOWERCASE_Z:"z",CHAR_LEFT_PARENTHESES:"(",CHAR_RIGHT_PARENTHESES:")",CHAR_ASTERISK:"*",CHAR_AMPERSAND:"&",CHAR_AT:"@",CHAR_BACKSLASH:"\\",CHAR_BACKTICK:"`",CHAR_CARRIAGE_RETURN:"\r",CHAR_CIRCUMFLEX_ACCENT:"^",CHAR_COLON:":",CHAR_COMMA:",",CHAR_DOLLAR:"$",CHAR_DOT:".",CHAR_DOUBLE_QUOTE:'"',CHAR_EQUAL:"=",CHAR_EXCLAMATION_MARK:"!",CHAR_FORM_FEED:"\f",CHAR_FORWARD_SLASH:"/",CHAR_HASH:"#",CHAR_HYPHEN_MINUS:"-",CHAR_LEFT_ANGLE_BRACKET:"<",CHAR_LEFT_CURLY_BRACE:"{",CHAR_LEFT_SQUARE_BRACKET:"[",CHAR_LINE_FEED:`
-`,CHAR_NO_BREAK_SPACE:"\xA0",CHAR_PERCENT:"%",CHAR_PLUS:"+",CHAR_QUESTION_MARK:"?",CHAR_RIGHT_ANGLE_BRACKET:">",CHAR_RIGHT_CURLY_BRACE:"}",CHAR_RIGHT_SQUARE_BRACKET:"]",CHAR_SEMICOLON:";",CHAR_SINGLE_QUOTE:"'",CHAR_SPACE:" ",CHAR_TAB:"	",CHAR_UNDERSCORE:"_",CHAR_VERTICAL_LINE:"|",CHAR_ZERO_WIDTH_NOBREAK_SPACE:"\uFEFF"}});var XJ=w((_$e,VJ)=>{"use strict";var pwe=xy(),{MAX_LENGTH:JJ,CHAR_BACKSLASH:gx,CHAR_BACKTICK:dwe,CHAR_COMMA:Cwe,CHAR_DOT:mwe,CHAR_LEFT_PARENTHESES:Ewe,CHAR_RIGHT_PARENTHESES:Iwe,CHAR_LEFT_CURLY_BRACE:ywe,CHAR_RIGHT_CURLY_BRACE:wwe,CHAR_LEFT_SQUARE_BRACKET:WJ,CHAR_RIGHT_SQUARE_BRACKET:zJ,CHAR_DOUBLE_QUOTE:Bwe,CHAR_SINGLE_QUOTE:Qwe,CHAR_NO_BREAK_SPACE:bwe,CHAR_ZERO_WIDTH_NOBREAK_SPACE:Swe}=qJ(),vwe=(r,e={})=>{if(typeof r!="string")throw new TypeError("Expected a string");let t=e||{},i=typeof t.maxLength=="number"?Math.min(JJ,t.maxLength):JJ;if(r.length>i)throw new SyntaxError(`Input length (${r.length}), exceeds max characters (${i})`);let n={type:"root",input:r,nodes:[]},s=[n],o=n,a=n,l=0,c=r.length,u=0,g=0,f,h={},p=()=>r[u++],C=y=>{if(y.type==="text"&&a.type==="dot"&&(a.type="text"),a&&a.type==="text"&&y.type==="text"){a.value+=y.value;return}return o.nodes.push(y),y.parent=o,y.prev=a,a=y,y};for(C({type:"bos"});u<c;)if(o=s[s.length-1],f=p(),!(f===Swe||f===bwe)){if(f===gx){C({type:"text",value:(e.keepEscaping?f:"")+p()});continue}if(f===zJ){C({type:"text",value:"\\"+f});continue}if(f===WJ){l++;let y=!0,B;for(;u<c&&(B=p());){if(f+=B,B===WJ){l++;continue}if(B===gx){f+=p();continue}if(B===zJ&&(l--,l===0))break}C({type:"text",value:f});continue}if(f===Ewe){o=C({type:"paren",nodes:[]}),s.push(o),C({type:"text",value:f});continue}if(f===Iwe){if(o.type!=="paren"){C({type:"text",value:f});continue}o=s.pop(),C({type:"text",value:f}),o=s[s.length-1];continue}if(f===Bwe||f===Qwe||f===dwe){let y=f,B;for(e.keepQuotes!==!0&&(f="");u<c&&(B=p());){if(B===gx){f+=B+p();continue}if(B===y){e.keepQuotes===!0&&(f+=B);break}f+=B}C({type:"text",value:f});continue}if(f===ywe){g++;let y=a.value&&a.value.slice(-1)==="$"||o.dollar===!0;o=C({type:"brace",open:!0,close:!1,dollar:y,depth:g,commas:0,ranges:0,nodes:[]}),s.push(o),C({type:"open",value:f});continue}if(f===wwe){if(o.type!=="brace"){C({type:"text",value:f});continue}let y="close";o=s.pop(),o.close=!0,C({type:y,value:f}),g--,o=s[s.length-1];continue}if(f===Cwe&&g>0){if(o.ranges>0){o.ranges=0;let y=o.nodes.shift();o.nodes=[y,{type:"text",value:pwe(o)}]}C({type:"comma",value:f}),o.commas++;continue}if(f===mwe&&g>0&&o.commas===0){let y=o.nodes;if(g===0||y.length===0){C({type:"text",value:f});continue}if(a.type==="dot"){if(o.range=[],a.value+=f,a.type="range",o.nodes.length!==3&&o.nodes.length!==5){o.invalid=!0,o.ranges=0,a.type="text";continue}o.ranges++,o.args=[];continue}if(a.type==="range"){y.pop();let B=y[y.length-1];B.value+=a.value+f,a=B,o.ranges--;continue}C({type:"dot",value:f});continue}C({type:"text",value:f})}do if(o=s.pop(),o.type!=="root"){o.nodes.forEach(v=>{v.nodes||(v.type==="open"&&(v.isOpen=!0),v.type==="close"&&(v.isClose=!0),v.nodes||(v.type="text"),v.invalid=!0)});let y=s[s.length-1],B=y.nodes.indexOf(o);y.nodes.splice(B,1,...o.nodes)}while(s.length>0);return C({type:"eos"}),n};VJ.exports=vwe});var $J=w((Z$e,ZJ)=>{"use strict";var _J=xy(),xwe=UJ(),Pwe=YJ(),Dwe=XJ(),Yn=(r,e={})=>{let t=[];if(Array.isArray(r))for(let i of r){let n=Yn.create(i,e);Array.isArray(n)?t.push(...n):t.push(n)}else t=[].concat(Yn.create(r,e));return e&&e.expand===!0&&e.nodupes===!0&&(t=[...new Set(t)]),t};Yn.parse=(r,e={})=>Dwe(r,e);Yn.stringify=(r,e={})=>_J(typeof r=="string"?Yn.parse(r,e):r,e);Yn.compile=(r,e={})=>(typeof r=="string"&&(r=Yn.parse(r,e)),xwe(r,e));Yn.expand=(r,e={})=>{typeof r=="string"&&(r=Yn.parse(r,e));let t=Pwe(r,e);return e.noempty===!0&&(t=t.filter(Boolean)),e.nodupes===!0&&(t=[...new Set(t)]),t};Yn.create=(r,e={})=>r===""||r.length<3?[r]:e.expand!==!0?Yn.compile(r,e):Yn.expand(r,e);ZJ.exports=Yn});var kd=w(($$e,nW)=>{"use strict";var kwe=J("path"),No="\\\\/",eW=`[^${No}]`,va="\\.",Rwe="\\+",Fwe="\\?",Dy="\\/",Nwe="(?=.)",tW="[^/]",fx=`(?:${Dy}|$)`,rW=`(?:^|${Dy})`,hx=`${va}{1,2}${fx}`,Lwe=`(?!${va})`,Twe=`(?!${rW}${hx})`,Owe=`(?!${va}{0,1}${fx})`,Mwe=`(?!${hx})`,Kwe=`[^.${Dy}]`,Uwe=`${tW}*?`,iW={DOT_LITERAL:va,PLUS_LITERAL:Rwe,QMARK_LITERAL:Fwe,SLASH_LITERAL:Dy,ONE_CHAR:Nwe,QMARK:tW,END_ANCHOR:fx,DOTS_SLASH:hx,NO_DOT:Lwe,NO_DOTS:Twe,NO_DOT_SLASH:Owe,NO_DOTS_SLASH:Mwe,QMARK_NO_DOT:Kwe,STAR:Uwe,START_ANCHOR:rW},Hwe={...iW,SLASH_LITERAL:`[${No}]`,QMARK:eW,STAR:`${eW}*?`,DOTS_SLASH:`${va}{1,2}(?:[${No}]|$)`,NO_DOT:`(?!${va})`,NO_DOTS:`(?!(?:^|[${No}])${va}{1,2}(?:[${No}]|$))`,NO_DOT_SLASH:`(?!${va}{0,1}(?:[${No}]|$))`,NO_DOTS_SLASH:`(?!${va}{1,2}(?:[${No}]|$))`,QMARK_NO_DOT:`[^.${No}]`,START_ANCHOR:`(?:^|[${No}])`,END_ANCHOR:`(?:[${No}]|$)`},Gwe={alnum:"a-zA-Z0-9",alpha:"a-zA-Z",ascii:"\\x00-\\x7F",blank:" \\t",cntrl:"\\x00-\\x1F\\x7F",digit:"0-9",graph:"\\x21-\\x7E",lower:"a-z",print:"\\x20-\\x7E ",punct:"\\-!\"#$%&'()\\*+,./:;<=>?@[\\]^_`{|}~",space:" \\t\\r\\n\\v\\f",upper:"A-Z",word:"A-Za-z0-9_",xdigit:"A-Fa-f0-9"};nW.exports={MAX_LENGTH:1024*64,POSIX_REGEX_SOURCE:Gwe,REGEX_BACKSLASH:/\\(?![*+?^${}(|)[\]])/g,REGEX_NON_SPECIAL_CHARS:/^[^@![\].,$*+?^{}()|\\/]+/,REGEX_SPECIAL_CHARS:/[-*+?.^${}(|)[\]]/,REGEX_SPECIAL_CHARS_BACKREF:/(\\?)((\W)(\3*))/g,REGEX_SPECIAL_CHARS_GLOBAL:/([-*+?.^${}(|)[\]])/g,REGEX_REMOVE_BACKSLASH:/(?:\[.*?[^\\]\]|\\(?=.))/g,REPLACEMENTS:{"***":"*","**/**":"**","**/**/**":"**"},CHAR_0:48,CHAR_9:57,CHAR_UPPERCASE_A:65,CHAR_LOWERCASE_A:97,CHAR_UPPERCASE_Z:90,CHAR_LOWERCASE_Z:122,CHAR_LEFT_PARENTHESES:40,CHAR_RIGHT_PARENTHESES:41,CHAR_ASTERISK:42,CHAR_AMPERSAND:38,CHAR_AT:64,CHAR_BACKWARD_SLASH:92,CHAR_CARRIAGE_RETURN:13,CHAR_CIRCUMFLEX_ACCENT:94,CHAR_COLON:58,CHAR_COMMA:44,CHAR_DOT:46,CHAR_DOUBLE_QUOTE:34,CHAR_EQUAL:61,CHAR_EXCLAMATION_MARK:33,CHAR_FORM_FEED:12,CHAR_FORWARD_SLASH:47,CHAR_GRAVE_ACCENT:96,CHAR_HASH:35,CHAR_HYPHEN_MINUS:45,CHAR_LEFT_ANGLE_BRACKET:60,CHAR_LEFT_CURLY_BRACE:123,CHAR_LEFT_SQUARE_BRACKET:91,CHAR_LINE_FEED:10,CHAR_NO_BREAK_SPACE:160,CHAR_PERCENT:37,CHAR_PLUS:43,CHAR_QUESTION_MARK:63,CHAR_RIGHT_ANGLE_BRACKET:62,CHAR_RIGHT_CURLY_BRACE:125,CHAR_RIGHT_SQUARE_BRACKET:93,CHAR_SEMICOLON:59,CHAR_SINGLE_QUOTE:39,CHAR_SPACE:32,CHAR_TAB:9,CHAR_UNDERSCORE:95,CHAR_VERTICAL_LINE:124,CHAR_ZERO_WIDTH_NOBREAK_SPACE:65279,SEP:kwe.sep,extglobChars(r){return{"!":{type:"negate",open:"(?:(?!(?:",close:`))${r.STAR})`},"?":{type:"qmark",open:"(?:",close:")?"},"+":{type:"plus",open:"(?:",close:")+"},"*":{type:"star",open:"(?:",close:")*"},"@":{type:"at",open:"(?:",close:")"}}},globChars(r){return r===!0?Hwe:iW}}});var Rd=w(In=>{"use strict";var Ywe=J("path"),jwe=process.platform==="win32",{REGEX_BACKSLASH:qwe,REGEX_REMOVE_BACKSLASH:Jwe,REGEX_SPECIAL_CHARS:Wwe,REGEX_SPECIAL_CHARS_GLOBAL:zwe}=kd();In.isObject=r=>r!==null&&typeof r=="object"&&!Array.isArray(r);In.hasRegexChars=r=>Wwe.test(r);In.isRegexChar=r=>r.length===1&&In.hasRegexChars(r);In.escapeRegex=r=>r.replace(zwe,"\\$1");In.toPosixSlashes=r=>r.replace(qwe,"/");In.removeBackslashes=r=>r.replace(Jwe,e=>e==="\\"?"":e);In.supportsLookbehinds=()=>{let r=process.version.slice(1).split(".").map(Number);return r.length===3&&r[0]>=9||r[0]===8&&r[1]>=10};In.isWindows=r=>r&&typeof r.windows=="boolean"?r.windows:jwe===!0||Ywe.sep==="\\";In.escapeLast=(r,e,t)=>{let i=r.lastIndexOf(e,t);return i===-1?r:r[i-1]==="\\"?In.escapeLast(r,e,i-1):`${r.slice(0,i)}\\${r.slice(i)}`};In.removePrefix=(r,e={})=>{let t=r;return t.startsWith("./")&&(t=t.slice(2),e.prefix="./"),t};In.wrapOutput=(r,e={},t={})=>{let i=t.contains?"":"^",n=t.contains?"":"$",s=`${i}(?:${r})${n}`;return e.negated===!0&&(s=`(?:^(?!${s}).*$)`),s}});var gW=w((tet,uW)=>{"use strict";var sW=Rd(),{CHAR_ASTERISK:px,CHAR_AT:Vwe,CHAR_BACKWARD_SLASH:Fd,CHAR_COMMA:Xwe,CHAR_DOT:dx,CHAR_EXCLAMATION_MARK:Cx,CHAR_FORWARD_SLASH:cW,CHAR_LEFT_CURLY_BRACE:mx,CHAR_LEFT_PARENTHESES:Ex,CHAR_LEFT_SQUARE_BRACKET:_we,CHAR_PLUS:Zwe,CHAR_QUESTION_MARK:oW,CHAR_RIGHT_CURLY_BRACE:$we,CHAR_RIGHT_PARENTHESES:aW,CHAR_RIGHT_SQUARE_BRACKET:eBe}=kd(),AW=r=>r===cW||r===Fd,lW=r=>{r.isPrefix!==!0&&(r.depth=r.isGlobstar?1/0:1)},tBe=(r,e)=>{let t=e||{},i=r.length-1,n=t.parts===!0||t.scanToEnd===!0,s=[],o=[],a=[],l=r,c=-1,u=0,g=0,f=!1,h=!1,p=!1,C=!1,y=!1,B=!1,v=!1,D=!1,L=!1,H=!1,j=0,$,V,W={value:"",depth:0,isGlob:!1},Z=()=>c>=i,A=()=>l.charCodeAt(c+1),ae=()=>($=V,l.charCodeAt(++c));for(;c<i;){V=ae();let ue;if(V===Fd){v=W.backslashes=!0,V=ae(),V===mx&&(B=!0);continue}if(B===!0||V===mx){for(j++;Z()!==!0&&(V=ae());){if(V===Fd){v=W.backslashes=!0,ae();continue}if(V===mx){j++;continue}if(B!==!0&&V===dx&&(V=ae())===dx){if(f=W.isBrace=!0,p=W.isGlob=!0,H=!0,n===!0)continue;break}if(B!==!0&&V===Xwe){if(f=W.isBrace=!0,p=W.isGlob=!0,H=!0,n===!0)continue;break}if(V===$we&&(j--,j===0)){B=!1,f=W.isBrace=!0,H=!0;break}}if(n===!0)continue;break}if(V===cW){if(s.push(c),o.push(W),W={value:"",depth:0,isGlob:!1},H===!0)continue;if($===dx&&c===u+1){u+=2;continue}g=c+1;continue}if(t.noext!==!0&&(V===Zwe||V===Vwe||V===px||V===oW||V===Cx)===!0&&A()===Ex){if(p=W.isGlob=!0,C=W.isExtglob=!0,H=!0,V===Cx&&c===u&&(L=!0),n===!0){for(;Z()!==!0&&(V=ae());){if(V===Fd){v=W.backslashes=!0,V=ae();continue}if(V===aW){p=W.isGlob=!0,H=!0;break}}continue}break}if(V===px){if($===px&&(y=W.isGlobstar=!0),p=W.isGlob=!0,H=!0,n===!0)continue;break}if(V===oW){if(p=W.isGlob=!0,H=!0,n===!0)continue;break}if(V===_we){for(;Z()!==!0&&(ue=ae());){if(ue===Fd){v=W.backslashes=!0,ae();continue}if(ue===eBe){h=W.isBracket=!0,p=W.isGlob=!0,H=!0;break}}if(n===!0)continue;break}if(t.nonegate!==!0&&V===Cx&&c===u){D=W.negated=!0,u++;continue}if(t.noparen!==!0&&V===Ex){if(p=W.isGlob=!0,n===!0){for(;Z()!==!0&&(V=ae());){if(V===Ex){v=W.backslashes=!0,V=ae();continue}if(V===aW){H=!0;break}}continue}break}if(p===!0){if(H=!0,n===!0)continue;break}}t.noext===!0&&(C=!1,p=!1);let ge=l,re="",O="";u>0&&(re=l.slice(0,u),l=l.slice(u),g-=u),ge&&p===!0&&g>0?(ge=l.slice(0,g),O=l.slice(g)):p===!0?(ge="",O=l):ge=l,ge&&ge!==""&&ge!=="/"&&ge!==l&&AW(ge.charCodeAt(ge.length-1))&&(ge=ge.slice(0,-1)),t.unescape===!0&&(O&&(O=sW.removeBackslashes(O)),ge&&v===!0&&(ge=sW.removeBackslashes(ge)));let F={prefix:re,input:r,start:u,base:ge,glob:O,isBrace:f,isBracket:h,isGlob:p,isExtglob:C,isGlobstar:y,negated:D,negatedExtglob:L};if(t.tokens===!0&&(F.maxDepth=0,AW(V)||o.push(W),F.tokens=o),t.parts===!0||t.tokens===!0){let ue;for(let he=0;he<s.length;he++){let ke=ue?ue+1:u,Fe=s[he],Ne=r.slice(ke,Fe);t.tokens&&(he===0&&u!==0?(o[he].isPrefix=!0,o[he].value=re):o[he].value=Ne,lW(o[he]),F.maxDepth+=o[he].depth),(he!==0||Ne!=="")&&a.push(Ne),ue=Fe}if(ue&&ue+1<r.length){let he=r.slice(ue+1);a.push(he),t.tokens&&(o[o.length-1].value=he,lW(o[o.length-1]),F.maxDepth+=o[o.length-1].depth)}F.slashes=s,F.parts=a}return F};uW.exports=tBe});var dW=w((ret,pW)=>{"use strict";var ky=kd(),jn=Rd(),{MAX_LENGTH:Ry,POSIX_REGEX_SOURCE:rBe,REGEX_NON_SPECIAL_CHARS:iBe,REGEX_SPECIAL_CHARS_BACKREF:nBe,REPLACEMENTS:fW}=ky,sBe=(r,e)=>{if(typeof e.expandRange=="function")return e.expandRange(...r,e);r.sort();let t=`[${r.join("-")}]`;try{new RegExp(t)}catch{return r.map(n=>jn.escapeRegex(n)).join("..")}return t},rf=(r,e)=>`Missing ${r}: "${e}" - use "\\\\${e}" to match literal characters`,hW=(r,e)=>{if(typeof r!="string")throw new TypeError("Expected a string");r=fW[r]||r;let t={...e},i=typeof t.maxLength=="number"?Math.min(Ry,t.maxLength):Ry,n=r.length;if(n>i)throw new SyntaxError(`Input length: ${n}, exceeds maximum allowed length: ${i}`);let s={type:"bos",value:"",output:t.prepend||""},o=[s],a=t.capture?"":"?:",l=jn.isWindows(e),c=ky.globChars(l),u=ky.extglobChars(c),{DOT_LITERAL:g,PLUS_LITERAL:f,SLASH_LITERAL:h,ONE_CHAR:p,DOTS_SLASH:C,NO_DOT:y,NO_DOT_SLASH:B,NO_DOTS_SLASH:v,QMARK:D,QMARK_NO_DOT:L,STAR:H,START_ANCHOR:j}=c,$=Y=>`(${a}(?:(?!${j}${Y.dot?C:g}).)*?)`,V=t.dot?"":y,W=t.dot?D:L,Z=t.bash===!0?$(t):H;t.capture&&(Z=`(${Z})`),typeof t.noext=="boolean"&&(t.noextglob=t.noext);let A={input:r,index:-1,start:0,dot:t.dot===!0,consumed:"",output:"",prefix:"",backtrack:!1,negated:!1,brackets:0,braces:0,parens:0,quotes:0,globstar:!1,tokens:o};r=jn.removePrefix(r,A),n=r.length;let ae=[],ge=[],re=[],O=s,F,ue=()=>A.index===n-1,he=A.peek=(Y=1)=>r[A.index+Y],ke=A.advance=()=>r[++A.index]||"",Fe=()=>r.slice(A.index+1),Ne=(Y="",pe=0)=>{A.consumed+=Y,A.index+=pe},oe=Y=>{A.output+=Y.output!=null?Y.output:Y.value,Ne(Y.value)},le=()=>{let Y=1;for(;he()==="!"&&(he(2)!=="("||he(3)==="?");)ke(),A.start++,Y++;return Y%2===0?!1:(A.negated=!0,A.start++,!0)},we=Y=>{A[Y]++,re.push(Y)},fe=Y=>{A[Y]--,re.pop()},Ae=Y=>{if(O.type==="globstar"){let pe=A.braces>0&&(Y.type==="comma"||Y.type==="brace"),ie=Y.extglob===!0||ae.length&&(Y.type==="pipe"||Y.type==="paren");Y.type!=="slash"&&Y.type!=="paren"&&!pe&&!ie&&(A.output=A.output.slice(0,-O.output.length),O.type="star",O.value="*",O.output=Z,A.output+=O.output)}if(ae.length&&Y.type!=="paren"&&(ae[ae.length-1].inner+=Y.value),(Y.value||Y.output)&&oe(Y),O&&O.type==="text"&&Y.type==="text"){O.value+=Y.value,O.output=(O.output||"")+Y.value;return}Y.prev=O,o.push(Y),O=Y},qe=(Y,pe)=>{let ie={...u[pe],conditions:1,inner:""};ie.prev=O,ie.parens=A.parens,ie.output=A.output;let de=(t.capture?"(":"")+ie.open;we("parens"),Ae({type:Y,value:pe,output:A.output?"":p}),Ae({type:"paren",extglob:!0,value:ke(),output:de}),ae.push(ie)},ne=Y=>{let pe=Y.close+(t.capture?")":""),ie;if(Y.type==="negate"){let de=Z;Y.inner&&Y.inner.length>1&&Y.inner.includes("/")&&(de=$(t)),(de!==Z||ue()||/^\)+$/.test(Fe()))&&(pe=Y.close=`)$))${de}`),Y.inner.includes("*")&&(ie=Fe())&&/^\.[^\\/.]+$/.test(ie)&&(pe=Y.close=`)${ie})${de})`),Y.prev.type==="bos"&&(A.negatedExtglob=!0)}Ae({type:"paren",extglob:!0,value:F,output:pe}),fe("parens")};if(t.fastpaths!==!1&&!/(^[*!]|[/()[\]{}"])/.test(r)){let Y=!1,pe=r.replace(nBe,(ie,de,tt,Pt,It,Or)=>Pt==="\\"?(Y=!0,ie):Pt==="?"?de?de+Pt+(It?D.repeat(It.length):""):Or===0?W+(It?D.repeat(It.length):""):D.repeat(tt.length):Pt==="."?g.repeat(tt.length):Pt==="*"?de?de+Pt+(It?Z:""):Z:de?ie:`\\${ie}`);return Y===!0&&(t.unescape===!0?pe=pe.replace(/\\/g,""):pe=pe.replace(/\\+/g,ie=>ie.length%2===0?"\\\\":ie?"\\":"")),pe===r&&t.contains===!0?(A.output=r,A):(A.output=jn.wrapOutput(pe,A,e),A)}for(;!ue();){if(F=ke(),F==="\0")continue;if(F==="\\"){let ie=he();if(ie==="/"&&t.bash!==!0||ie==="."||ie===";")continue;if(!ie){F+="\\",Ae({type:"text",value:F});continue}let de=/^\\+/.exec(Fe()),tt=0;if(de&&de[0].length>2&&(tt=de[0].length,A.index+=tt,tt%2!==0&&(F+="\\")),t.unescape===!0?F=ke():F+=ke(),A.brackets===0){Ae({type:"text",value:F});continue}}if(A.brackets>0&&(F!=="]"||O.value==="["||O.value==="[^")){if(t.posix!==!1&&F===":"){let ie=O.value.slice(1);if(ie.includes("[")&&(O.posix=!0,ie.includes(":"))){let de=O.value.lastIndexOf("["),tt=O.value.slice(0,de),Pt=O.value.slice(de+2),It=rBe[Pt];if(It){O.value=tt+It,A.backtrack=!0,ke(),!s.output&&o.indexOf(O)===1&&(s.output=p);continue}}}(F==="["&&he()!==":"||F==="-"&&he()==="]")&&(F=`\\${F}`),F==="]"&&(O.value==="["||O.value==="[^")&&(F=`\\${F}`),t.posix===!0&&F==="!"&&O.value==="["&&(F="^"),O.value+=F,oe({value:F});continue}if(A.quotes===1&&F!=='"'){F=jn.escapeRegex(F),O.value+=F,oe({value:F});continue}if(F==='"'){A.quotes=A.quotes===1?0:1,t.keepQuotes===!0&&Ae({type:"text",value:F});continue}if(F==="("){we("parens"),Ae({type:"paren",value:F});continue}if(F===")"){if(A.parens===0&&t.strictBrackets===!0)throw new SyntaxError(rf("opening","("));let ie=ae[ae.length-1];if(ie&&A.parens===ie.parens+1){ne(ae.pop());continue}Ae({type:"paren",value:F,output:A.parens?")":"\\)"}),fe("parens");continue}if(F==="["){if(t.nobracket===!0||!Fe().includes("]")){if(t.nobracket!==!0&&t.strictBrackets===!0)throw new SyntaxError(rf("closing","]"));F=`\\${F}`}else we("brackets");Ae({type:"bracket",value:F});continue}if(F==="]"){if(t.nobracket===!0||O&&O.type==="bracket"&&O.value.length===1){Ae({type:"text",value:F,output:`\\${F}`});continue}if(A.brackets===0){if(t.strictBrackets===!0)throw new SyntaxError(rf("opening","["));Ae({type:"text",value:F,output:`\\${F}`});continue}fe("brackets");let ie=O.value.slice(1);if(O.posix!==!0&&ie[0]==="^"&&!ie.includes("/")&&(F=`/${F}`),O.value+=F,oe({value:F}),t.literalBrackets===!1||jn.hasRegexChars(ie))continue;let de=jn.escapeRegex(O.value);if(A.output=A.output.slice(0,-O.value.length),t.literalBrackets===!0){A.output+=de,O.value=de;continue}O.value=`(${a}${de}|${O.value})`,A.output+=O.value;continue}if(F==="{"&&t.nobrace!==!0){we("braces");let ie={type:"brace",value:F,output:"(",outputIndex:A.output.length,tokensIndex:A.tokens.length};ge.push(ie),Ae(ie);continue}if(F==="}"){let ie=ge[ge.length-1];if(t.nobrace===!0||!ie){Ae({type:"text",value:F,output:F});continue}let de=")";if(ie.dots===!0){let tt=o.slice(),Pt=[];for(let It=tt.length-1;It>=0&&(o.pop(),tt[It].type!=="brace");It--)tt[It].type!=="dots"&&Pt.unshift(tt[It].value);de=sBe(Pt,t),A.backtrack=!0}if(ie.comma!==!0&&ie.dots!==!0){let tt=A.output.slice(0,ie.outputIndex),Pt=A.tokens.slice(ie.tokensIndex);ie.value=ie.output="\\{",F=de="\\}",A.output=tt;for(let It of Pt)A.output+=It.output||It.value}Ae({type:"brace",value:F,output:de}),fe("braces"),ge.pop();continue}if(F==="|"){ae.length>0&&ae[ae.length-1].conditions++,Ae({type:"text",value:F});continue}if(F===","){let ie=F,de=ge[ge.length-1];de&&re[re.length-1]==="braces"&&(de.comma=!0,ie="|"),Ae({type:"comma",value:F,output:ie});continue}if(F==="/"){if(O.type==="dot"&&A.index===A.start+1){A.start=A.index+1,A.consumed="",A.output="",o.pop(),O=s;continue}Ae({type:"slash",value:F,output:h});continue}if(F==="."){if(A.braces>0&&O.type==="dot"){O.value==="."&&(O.output=g);let ie=ge[ge.length-1];O.type="dots",O.output+=F,O.value+=F,ie.dots=!0;continue}if(A.braces+A.parens===0&&O.type!=="bos"&&O.type!=="slash"){Ae({type:"text",value:F,output:g});continue}Ae({type:"dot",value:F,output:g});continue}if(F==="?"){if(!(O&&O.value==="(")&&t.noextglob!==!0&&he()==="("&&he(2)!=="?"){qe("qmark",F);continue}if(O&&O.type==="paren"){let de=he(),tt=F;if(de==="<"&&!jn.supportsLookbehinds())throw new Error("Node.js v10 or higher is required for regex lookbehinds");(O.value==="("&&!/[!=<:]/.test(de)||de==="<"&&!/<([!=]|\w+>)/.test(Fe()))&&(tt=`\\${F}`),Ae({type:"text",value:F,output:tt});continue}if(t.dot!==!0&&(O.type==="slash"||O.type==="bos")){Ae({type:"qmark",value:F,output:L});continue}Ae({type:"qmark",value:F,output:D});continue}if(F==="!"){if(t.noextglob!==!0&&he()==="("&&(he(2)!=="?"||!/[!=<:]/.test(he(3)))){qe("negate",F);continue}if(t.nonegate!==!0&&A.index===0){le();continue}}if(F==="+"){if(t.noextglob!==!0&&he()==="("&&he(2)!=="?"){qe("plus",F);continue}if(O&&O.value==="("||t.regex===!1){Ae({type:"plus",value:F,output:f});continue}if(O&&(O.type==="bracket"||O.type==="paren"||O.type==="brace")||A.parens>0){Ae({type:"plus",value:F});continue}Ae({type:"plus",value:f});continue}if(F==="@"){if(t.noextglob!==!0&&he()==="("&&he(2)!=="?"){Ae({type:"at",extglob:!0,value:F,output:""});continue}Ae({type:"text",value:F});continue}if(F!=="*"){(F==="$"||F==="^")&&(F=`\\${F}`);let ie=iBe.exec(Fe());ie&&(F+=ie[0],A.index+=ie[0].length),Ae({type:"text",value:F});continue}if(O&&(O.type==="globstar"||O.star===!0)){O.type="star",O.star=!0,O.value+=F,O.output=Z,A.backtrack=!0,A.globstar=!0,Ne(F);continue}let Y=Fe();if(t.noextglob!==!0&&/^\([^?]/.test(Y)){qe("star",F);continue}if(O.type==="star"){if(t.noglobstar===!0){Ne(F);continue}let ie=O.prev,de=ie.prev,tt=ie.type==="slash"||ie.type==="bos",Pt=de&&(de.type==="star"||de.type==="globstar");if(t.bash===!0&&(!tt||Y[0]&&Y[0]!=="/")){Ae({type:"star",value:F,output:""});continue}let It=A.braces>0&&(ie.type==="comma"||ie.type==="brace"),Or=ae.length&&(ie.type==="pipe"||ie.type==="paren");if(!tt&&ie.type!=="paren"&&!It&&!Or){Ae({type:"star",value:F,output:""});continue}for(;Y.slice(0,3)==="/**";){let ii=r[A.index+4];if(ii&&ii!=="/")break;Y=Y.slice(3),Ne("/**",3)}if(ie.type==="bos"&&ue()){O.type="globstar",O.value+=F,O.output=$(t),A.output=O.output,A.globstar=!0,Ne(F);continue}if(ie.type==="slash"&&ie.prev.type!=="bos"&&!Pt&&ue()){A.output=A.output.slice(0,-(ie.output+O.output).length),ie.output=`(?:${ie.output}`,O.type="globstar",O.output=$(t)+(t.strictSlashes?")":"|$)"),O.value+=F,A.globstar=!0,A.output+=ie.output+O.output,Ne(F);continue}if(ie.type==="slash"&&ie.prev.type!=="bos"&&Y[0]==="/"){let ii=Y[1]!==void 0?"|$":"";A.output=A.output.slice(0,-(ie.output+O.output).length),ie.output=`(?:${ie.output}`,O.type="globstar",O.output=`${$(t)}${h}|${h}${ii})`,O.value+=F,A.output+=ie.output+O.output,A.globstar=!0,Ne(F+ke()),Ae({type:"slash",value:"/",output:""});continue}if(ie.type==="bos"&&Y[0]==="/"){O.type="globstar",O.value+=F,O.output=`(?:^|${h}|${$(t)}${h})`,A.output=O.output,A.globstar=!0,Ne(F+ke()),Ae({type:"slash",value:"/",output:""});continue}A.output=A.output.slice(0,-O.output.length),O.type="globstar",O.output=$(t),O.value+=F,A.output+=O.output,A.globstar=!0,Ne(F);continue}let pe={type:"star",value:F,output:Z};if(t.bash===!0){pe.output=".*?",(O.type==="bos"||O.type==="slash")&&(pe.output=V+pe.output),Ae(pe);continue}if(O&&(O.type==="bracket"||O.type==="paren")&&t.regex===!0){pe.output=F,Ae(pe);continue}(A.index===A.start||O.type==="slash"||O.type==="dot")&&(O.type==="dot"?(A.output+=B,O.output+=B):t.dot===!0?(A.output+=v,O.output+=v):(A.output+=V,O.output+=V),he()!=="*"&&(A.output+=p,O.output+=p)),Ae(pe)}for(;A.brackets>0;){if(t.strictBrackets===!0)throw new SyntaxError(rf("closing","]"));A.output=jn.escapeLast(A.output,"["),fe("brackets")}for(;A.parens>0;){if(t.strictBrackets===!0)throw new SyntaxError(rf("closing",")"));A.output=jn.escapeLast(A.output,"("),fe("parens")}for(;A.braces>0;){if(t.strictBrackets===!0)throw new SyntaxError(rf("closing","}"));A.output=jn.escapeLast(A.output,"{"),fe("braces")}if(t.strictSlashes!==!0&&(O.type==="star"||O.type==="bracket")&&Ae({type:"maybe_slash",value:"",output:`${h}?`}),A.backtrack===!0){A.output="";for(let Y of A.tokens)A.output+=Y.output!=null?Y.output:Y.value,Y.suffix&&(A.output+=Y.suffix)}return A};hW.fastpaths=(r,e)=>{let t={...e},i=typeof t.maxLength=="number"?Math.min(Ry,t.maxLength):Ry,n=r.length;if(n>i)throw new SyntaxError(`Input length: ${n}, exceeds maximum allowed length: ${i}`);r=fW[r]||r;let s=jn.isWindows(e),{DOT_LITERAL:o,SLASH_LITERAL:a,ONE_CHAR:l,DOTS_SLASH:c,NO_DOT:u,NO_DOTS:g,NO_DOTS_SLASH:f,STAR:h,START_ANCHOR:p}=ky.globChars(s),C=t.dot?g:u,y=t.dot?f:u,B=t.capture?"":"?:",v={negated:!1,prefix:""},D=t.bash===!0?".*?":h;t.capture&&(D=`(${D})`);let L=V=>V.noglobstar===!0?D:`(${B}(?:(?!${p}${V.dot?c:o}).)*?)`,H=V=>{switch(V){case"*":return`${C}${l}${D}`;case".*":return`${o}${l}${D}`;case"*.*":return`${C}${D}${o}${l}${D}`;case"*/*":return`${C}${D}${a}${l}${y}${D}`;case"**":return C+L(t);case"**/*":return`(?:${C}${L(t)}${a})?${y}${l}${D}`;case"**/*.*":return`(?:${C}${L(t)}${a})?${y}${D}${o}${l}${D}`;case"**/.*":return`(?:${C}${L(t)}${a})?${o}${l}${D}`;default:{let W=/^(.*?)\.(\w+)$/.exec(V);if(!W)return;let Z=H(W[1]);return Z?Z+o+W[2]:void 0}}},j=jn.removePrefix(r,v),$=H(j);return $&&t.strictSlashes!==!0&&($+=`${a}?`),$};pW.exports=hW});var mW=w((iet,CW)=>{"use strict";var oBe=J("path"),aBe=gW(),Ix=dW(),yx=Rd(),ABe=kd(),lBe=r=>r&&typeof r=="object"&&!Array.isArray(r),Yr=(r,e,t=!1)=>{if(Array.isArray(r)){let u=r.map(f=>Yr(f,e,t));return f=>{for(let h of u){let p=h(f);if(p)return p}return!1}}let i=lBe(r)&&r.tokens&&r.input;if(r===""||typeof r!="string"&&!i)throw new TypeError("Expected pattern to be a non-empty string");let n=e||{},s=yx.isWindows(e),o=i?Yr.compileRe(r,e):Yr.makeRe(r,e,!1,!0),a=o.state;delete o.state;let l=()=>!1;if(n.ignore){let u={...e,ignore:null,onMatch:null,onResult:null};l=Yr(n.ignore,u,t)}let c=(u,g=!1)=>{let{isMatch:f,match:h,output:p}=Yr.test(u,o,e,{glob:r,posix:s}),C={glob:r,state:a,regex:o,posix:s,input:u,output:p,match:h,isMatch:f};return typeof n.onResult=="function"&&n.onResult(C),f===!1?(C.isMatch=!1,g?C:!1):l(u)?(typeof n.onIgnore=="function"&&n.onIgnore(C),C.isMatch=!1,g?C:!1):(typeof n.onMatch=="function"&&n.onMatch(C),g?C:!0)};return t&&(c.state=a),c};Yr.test=(r,e,t,{glob:i,posix:n}={})=>{if(typeof r!="string")throw new TypeError("Expected input to be a string");if(r==="")return{isMatch:!1,output:""};let s=t||{},o=s.format||(n?yx.toPosixSlashes:null),a=r===i,l=a&&o?o(r):r;return a===!1&&(l=o?o(r):r,a=l===i),(a===!1||s.capture===!0)&&(s.matchBase===!0||s.basename===!0?a=Yr.matchBase(r,e,t,n):a=e.exec(l)),{isMatch:Boolean(a),match:a,output:l}};Yr.matchBase=(r,e,t,i=yx.isWindows(t))=>(e instanceof RegExp?e:Yr.makeRe(e,t)).test(oBe.basename(r));Yr.isMatch=(r,e,t)=>Yr(e,t)(r);Yr.parse=(r,e)=>Array.isArray(r)?r.map(t=>Yr.parse(t,e)):Ix(r,{...e,fastpaths:!1});Yr.scan=(r,e)=>aBe(r,e);Yr.compileRe=(r,e,t=!1,i=!1)=>{if(t===!0)return r.output;let n=e||{},s=n.contains?"":"^",o=n.contains?"":"$",a=`${s}(?:${r.output})${o}`;r&&r.negated===!0&&(a=`^(?!${a}).*$`);let l=Yr.toRegex(a,e);return i===!0&&(l.state=r),l};Yr.makeRe=(r,e={},t=!1,i=!1)=>{if(!r||typeof r!="string")throw new TypeError("Expected a non-empty string");let n={negated:!1,fastpaths:!0};return e.fastpaths!==!1&&(r[0]==="."||r[0]==="*")&&(n.output=Ix.fastpaths(r,e)),n.output||(n=Ix(r,e)),Yr.compileRe(n,e,t,i)};Yr.toRegex=(r,e)=>{try{let t=e||{};return new RegExp(r,t.flags||(t.nocase?"i":""))}catch(t){if(e&&e.debug===!0)throw t;return/$^/}};Yr.constants=ABe;CW.exports=Yr});var wx=w((net,EW)=>{"use strict";EW.exports=mW()});var yn=w((set,BW)=>{"use strict";var yW=J("util"),wW=$J(),Lo=wx(),Bx=Rd(),IW=r=>r===""||r==="./",Sr=(r,e,t)=>{e=[].concat(e),r=[].concat(r);let i=new Set,n=new Set,s=new Set,o=0,a=u=>{s.add(u.output),t&&t.onResult&&t.onResult(u)};for(let u=0;u<e.length;u++){let g=Lo(String(e[u]),{...t,onResult:a},!0),f=g.state.negated||g.state.negatedExtglob;f&&o++;for(let h of r){let p=g(h,!0);!(f?!p.isMatch:p.isMatch)||(f?i.add(p.output):(i.delete(p.output),n.add(p.output)))}}let c=(o===e.length?[...s]:[...n]).filter(u=>!i.has(u));if(t&&c.length===0){if(t.failglob===!0)throw new Error(`No matches found for "${e.join(", ")}"`);if(t.nonull===!0||t.nullglob===!0)return t.unescape?e.map(u=>u.replace(/\\/g,"")):e}return c};Sr.match=Sr;Sr.matcher=(r,e)=>Lo(r,e);Sr.isMatch=(r,e,t)=>Lo(e,t)(r);Sr.any=Sr.isMatch;Sr.not=(r,e,t={})=>{e=[].concat(e).map(String);let i=new Set,n=[],o=Sr(r,e,{...t,onResult:a=>{t.onResult&&t.onResult(a),n.push(a.output)}});for(let a of n)o.includes(a)||i.add(a);return[...i]};Sr.contains=(r,e,t)=>{if(typeof r!="string")throw new TypeError(`Expected a string: "${yW.inspect(r)}"`);if(Array.isArray(e))return e.some(i=>Sr.contains(r,i,t));if(typeof e=="string"){if(IW(r)||IW(e))return!1;if(r.includes(e)||r.startsWith("./")&&r.slice(2).includes(e))return!0}return Sr.isMatch(r,e,{...t,contains:!0})};Sr.matchKeys=(r,e,t)=>{if(!Bx.isObject(r))throw new TypeError("Expected the first argument to be an object");let i=Sr(Object.keys(r),e,t),n={};for(let s of i)n[s]=r[s];return n};Sr.some=(r,e,t)=>{let i=[].concat(r);for(let n of[].concat(e)){let s=Lo(String(n),t);if(i.some(o=>s(o)))return!0}return!1};Sr.every=(r,e,t)=>{let i=[].concat(r);for(let n of[].concat(e)){let s=Lo(String(n),t);if(!i.every(o=>s(o)))return!1}return!0};Sr.all=(r,e,t)=>{if(typeof r!="string")throw new TypeError(`Expected a string: "${yW.inspect(r)}"`);return[].concat(e).every(i=>Lo(i,t)(r))};Sr.capture=(r,e,t)=>{let i=Bx.isWindows(t),s=Lo.makeRe(String(r),{...t,capture:!0}).exec(i?Bx.toPosixSlashes(e):e);if(s)return s.slice(1).map(o=>o===void 0?"":o)};Sr.makeRe=(...r)=>Lo.makeRe(...r);Sr.scan=(...r)=>Lo.scan(...r);Sr.parse=(r,e)=>{let t=[];for(let i of[].concat(r||[]))for(let n of wW(String(i),e))t.push(Lo.parse(n,e));return t};Sr.braces=(r,e)=>{if(typeof r!="string")throw new TypeError("Expected a string");return e&&e.nobrace===!0||!/\{.*\}/.test(r)?[r]:wW(r,e)};Sr.braceExpand=(r,e)=>{if(typeof r!="string")throw new TypeError("Expected a string");return Sr.braces(r,{...e,expand:!0})};BW.exports=Sr});var bW=w((oet,QW)=>{"use strict";QW.exports=({onlyFirst:r=!1}={})=>{let e=["[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)","(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~]))"].join("|");return new RegExp(e,r?void 0:"g")}});var vW=w((aet,SW)=>{"use strict";var cBe=bW();SW.exports=r=>typeof r=="string"?r.replace(cBe(),""):r});var HW=w((Eet,UW)=>{"use strict";UW.exports=(...r)=>[...new Set([].concat(...r))]});var Yx=w((Iet,jW)=>{"use strict";var BBe=J("stream"),GW=BBe.PassThrough,QBe=Array.prototype.slice;jW.exports=bBe;function bBe(){let r=[],e=!1,t=QBe.call(arguments),i=t[t.length-1];i&&!Array.isArray(i)&&i.pipe==null?t.pop():i={};let n=i.end!==!1;i.objectMode==null&&(i.objectMode=!0),i.highWaterMark==null&&(i.highWaterMark=64*1024);let s=GW(i);function o(){for(let c=0,u=arguments.length;c<u;c++)r.push(YW(arguments[c],i));return a(),this}function a(){if(e)return;e=!0;let c=r.shift();if(!c){process.nextTick(l);return}Array.isArray(c)||(c=[c]);let u=c.length+1;function g(){--u>0||(e=!1,a())}function f(h){function p(){h.removeListener("merge2UnpipeEnd",p),h.removeListener("end",p),g()}if(h._readableState.endEmitted)return g();h.on("merge2UnpipeEnd",p),h.on("end",p),h.pipe(s,{end:!1}),h.resume()}for(let h=0;h<c.length;h++)f(c[h]);g()}function l(){return e=!1,s.emit("queueDrain"),n&&s.end()}return s.setMaxListeners(0),s.add=o,s.on("unpipe",function(c){c.emit("merge2UnpipeEnd")}),t.length&&o.apply(null,t),s}function YW(r,e){if(Array.isArray(r))for(let t=0,i=r.length;t<i;t++)r[t]=YW(r[t],e);else{if(!r._readableState&&r.pipe&&(r=r.pipe(GW(e))),!r._readableState||!r.pause||!r.pipe)throw new Error("Only readable stream can be merged.");r.pause()}return r}});var qW=w(My=>{"use strict";Object.defineProperty(My,"__esModule",{value:!0});function SBe(r){return r.reduce((e,t)=>[].concat(e,t),[])}My.flatten=SBe;function vBe(r,e){let t=[[]],i=0;for(let n of r)e(n)?(i++,t[i]=[]):t[i].push(n);return t}My.splitWhen=vBe});var JW=w(jx=>{"use strict";Object.defineProperty(jx,"__esModule",{value:!0});function xBe(r){return r.code==="ENOENT"}jx.isEnoentCodeError=xBe});var WW=w(Jx=>{"use strict";Object.defineProperty(Jx,"__esModule",{value:!0});var qx=class{constructor(e,t){this.name=e,this.isBlockDevice=t.isBlockDevice.bind(t),this.isCharacterDevice=t.isCharacterDevice.bind(t),this.isDirectory=t.isDirectory.bind(t),this.isFIFO=t.isFIFO.bind(t),this.isFile=t.isFile.bind(t),this.isSocket=t.isSocket.bind(t),this.isSymbolicLink=t.isSymbolicLink.bind(t)}};function PBe(r,e){return new qx(r,e)}Jx.createDirentFromStats=PBe});var zW=w(uf=>{"use strict";Object.defineProperty(uf,"__esModule",{value:!0});var DBe=J("path"),kBe=2,RBe=/(\\?)([()*?[\]{|}]|^!|[!+@](?=\())/g;function FBe(r){return r.replace(/\\/g,"/")}uf.unixify=FBe;function NBe(r,e){return DBe.resolve(r,e)}uf.makeAbsolute=NBe;function LBe(r){return r.replace(RBe,"\\$2")}uf.escape=LBe;function TBe(r){if(r.charAt(0)==="."){let e=r.charAt(1);if(e==="/"||e==="\\")return r.slice(kBe)}return r}uf.removeLeadingDotSegment=TBe});var XW=w((bet,VW)=>{VW.exports=function(e){if(typeof e!="string"||e==="")return!1;for(var t;t=/(\\).|([@?!+*]\(.*\))/g.exec(e);){if(t[2])return!0;e=e.slice(t.index+t[0].length)}return!1}});var $W=w((vet,ZW)=>{var OBe=XW(),_W={"{":"}","(":")","[":"]"},MBe=function(r){if(r[0]==="!")return!0;for(var e=0,t=-2,i=-2,n=-2,s=-2,o=-2;e<r.length;){if(r[e]==="*"||r[e+1]==="?"&&/[\].+)]/.test(r[e])||i!==-1&&r[e]==="["&&r[e+1]!=="]"&&(i<e&&(i=r.indexOf("]",e)),i>e&&(o===-1||o>i||(o=r.indexOf("\\",e),o===-1||o>i)))||n!==-1&&r[e]==="{"&&r[e+1]!=="}"&&(n=r.indexOf("}",e),n>e&&(o=r.indexOf("\\",e),o===-1||o>n))||s!==-1&&r[e]==="("&&r[e+1]==="?"&&/[:!=]/.test(r[e+2])&&r[e+3]!==")"&&(s=r.indexOf(")",e),s>e&&(o=r.indexOf("\\",e),o===-1||o>s))||t!==-1&&r[e]==="("&&r[e+1]!=="|"&&(t<e&&(t=r.indexOf("|",e)),t!==-1&&r[t+1]!==")"&&(s=r.indexOf(")",t),s>t&&(o=r.indexOf("\\",t),o===-1||o>s))))return!0;if(r[e]==="\\"){var a=r[e+1];e+=2;var l=_W[a];if(l){var c=r.indexOf(l,e);c!==-1&&(e=c+1)}if(r[e]==="!")return!0}else e++}return!1},KBe=function(r){if(r[0]==="!")return!0;for(var e=0;e<r.length;){if(/[*?{}()[\]]/.test(r[e]))return!0;if(r[e]==="\\"){var t=r[e+1];e+=2;var i=_W[t];if(i){var n=r.indexOf(i,e);n!==-1&&(e=n+1)}if(r[e]==="!")return!0}else e++}return!1};ZW.exports=function(e,t){if(typeof e!="string"||e==="")return!1;if(OBe(e))return!0;var i=MBe;return t&&t.strict===!1&&(i=KBe),i(e)}});var t3=w((xet,e3)=>{"use strict";var UBe=$W(),HBe=J("path").posix.dirname,GBe=J("os").platform()==="win32",Wx="/",YBe=/\\/g,jBe=/[\{\[].*[\}\]]$/,qBe=/(^|[^\\])([\{\[]|\([^\)]+$)/,JBe=/\\([\!\*\?\|\[\]\(\)\{\}])/g;e3.exports=function(e,t){var i=Object.assign({flipBackslashes:!0},t);i.flipBackslashes&&GBe&&e.indexOf(Wx)<0&&(e=e.replace(YBe,Wx)),jBe.test(e)&&(e+=Wx),e+="a";do e=HBe(e);while(UBe(e)||qBe.test(e));return e.replace(JBe,"$1")}});var c3=w($r=>{"use strict";Object.defineProperty($r,"__esModule",{value:!0});var WBe=J("path"),zBe=t3(),r3=yn(),VBe=wx(),i3="**",XBe="\\",_Be=/[*?]|^!/,ZBe=/\[.*]/,$Be=/(?:^|[^!*+?@])\(.*\|.*\)/,e0e=/[!*+?@]\(.*\)/,t0e=/{.*(?:,|\.\.).*}/;function n3(r,e={}){return!s3(r,e)}$r.isStaticPattern=n3;function s3(r,e={}){return!!(e.caseSensitiveMatch===!1||r.includes(XBe)||_Be.test(r)||ZBe.test(r)||$Be.test(r)||e.extglob!==!1&&e0e.test(r)||e.braceExpansion!==!1&&t0e.test(r))}$r.isDynamicPattern=s3;function r0e(r){return Ky(r)?r.slice(1):r}$r.convertToPositivePattern=r0e;function i0e(r){return"!"+r}$r.convertToNegativePattern=i0e;function Ky(r){return r.startsWith("!")&&r[1]!=="("}$r.isNegativePattern=Ky;function o3(r){return!Ky(r)}$r.isPositivePattern=o3;function n0e(r){return r.filter(Ky)}$r.getNegativePatterns=n0e;function s0e(r){return r.filter(o3)}$r.getPositivePatterns=s0e;function o0e(r){return zBe(r,{flipBackslashes:!1})}$r.getBaseDirectory=o0e;function a0e(r){return r.includes(i3)}$r.hasGlobStar=a0e;function a3(r){return r.endsWith("/"+i3)}$r.endsWithSlashGlobStar=a3;function A0e(r){let e=WBe.basename(r);return a3(r)||n3(e)}$r.isAffectDepthOfReadingPattern=A0e;function l0e(r){return r.reduce((e,t)=>e.concat(A3(t)),[])}$r.expandPatternsWithBraceExpansion=l0e;function A3(r){return r3.braces(r,{expand:!0,nodupes:!0})}$r.expandBraceExpansion=A3;function c0e(r,e){let t=VBe.scan(r,Object.assign(Object.assign({},e),{parts:!0}));return t.parts.length===0?[r]:t.parts}$r.getPatternParts=c0e;function l3(r,e){return r3.makeRe(r,e)}$r.makeRe=l3;function u0e(r,e){return r.map(t=>l3(t,e))}$r.convertPatternsToRe=u0e;function g0e(r,e){return e.some(t=>t.test(r))}$r.matchAny=g0e});var g3=w(zx=>{"use strict";Object.defineProperty(zx,"__esModule",{value:!0});var f0e=Yx();function h0e(r){let e=f0e(r);return r.forEach(t=>{t.once("error",i=>e.emit("error",i))}),e.once("close",()=>u3(r)),e.once("end",()=>u3(r)),e}zx.merge=h0e;function u3(r){r.forEach(e=>e.emit("close"))}});var f3=w(Uy=>{"use strict";Object.defineProperty(Uy,"__esModule",{value:!0});function p0e(r){return typeof r=="string"}Uy.isString=p0e;function d0e(r){return r===""}Uy.isEmpty=d0e});var Da=w(Pa=>{"use strict";Object.defineProperty(Pa,"__esModule",{value:!0});var C0e=qW();Pa.array=C0e;var m0e=JW();Pa.errno=m0e;var E0e=WW();Pa.fs=E0e;var I0e=zW();Pa.path=I0e;var y0e=c3();Pa.pattern=y0e;var w0e=g3();Pa.stream=w0e;var B0e=f3();Pa.string=B0e});var m3=w(ka=>{"use strict";Object.defineProperty(ka,"__esModule",{value:!0});var uc=Da();function Q0e(r,e){let t=h3(r),i=p3(r,e.ignore),n=t.filter(l=>uc.pattern.isStaticPattern(l,e)),s=t.filter(l=>uc.pattern.isDynamicPattern(l,e)),o=Vx(n,i,!1),a=Vx(s,i,!0);return o.concat(a)}ka.generate=Q0e;function Vx(r,e,t){let i=d3(r);return"."in i?[Xx(".",r,e,t)]:C3(i,e,t)}ka.convertPatternsToTasks=Vx;function h3(r){return uc.pattern.getPositivePatterns(r)}ka.getPositivePatterns=h3;function p3(r,e){return uc.pattern.getNegativePatterns(r).concat(e).map(uc.pattern.convertToPositivePattern)}ka.getNegativePatternsAsPositive=p3;function d3(r){let e={};return r.reduce((t,i)=>{let n=uc.pattern.getBaseDirectory(i);return n in t?t[n].push(i):t[n]=[i],t},e)}ka.groupPatternsByBaseDirectory=d3;function C3(r,e,t){return Object.keys(r).map(i=>Xx(i,r[i],e,t))}ka.convertPatternGroupsToTasks=C3;function Xx(r,e,t,i){return{dynamic:i,positive:e,negative:t,base:r,patterns:[].concat(e,t.map(uc.pattern.convertToNegativePattern))}}ka.convertPatternGroupToTask=Xx});var I3=w(Hy=>{"use strict";Object.defineProperty(Hy,"__esModule",{value:!0});Hy.read=void 0;function b0e(r,e,t){e.fs.lstat(r,(i,n)=>{if(i!==null){E3(t,i);return}if(!n.isSymbolicLink()||!e.followSymbolicLink){_x(t,n);return}e.fs.stat(r,(s,o)=>{if(s!==null){if(e.throwErrorOnBrokenSymbolicLink){E3(t,s);return}_x(t,n);return}e.markSymbolicLink&&(o.isSymbolicLink=()=>!0),_x(t,o)})})}Hy.read=b0e;function E3(r,e){r(e)}function _x(r,e){r(null,e)}});var y3=w(Gy=>{"use strict";Object.defineProperty(Gy,"__esModule",{value:!0});Gy.read=void 0;function S0e(r,e){let t=e.fs.lstatSync(r);if(!t.isSymbolicLink()||!e.followSymbolicLink)return t;try{let i=e.fs.statSync(r);return e.markSymbolicLink&&(i.isSymbolicLink=()=>!0),i}catch(i){if(!e.throwErrorOnBrokenSymbolicLink)return t;throw i}}Gy.read=S0e});var w3=w(kA=>{"use strict";Object.defineProperty(kA,"__esModule",{value:!0});kA.createFileSystemAdapter=kA.FILE_SYSTEM_ADAPTER=void 0;var Yy=J("fs");kA.FILE_SYSTEM_ADAPTER={lstat:Yy.lstat,stat:Yy.stat,lstatSync:Yy.lstatSync,statSync:Yy.statSync};function v0e(r){return r===void 0?kA.FILE_SYSTEM_ADAPTER:Object.assign(Object.assign({},kA.FILE_SYSTEM_ADAPTER),r)}kA.createFileSystemAdapter=v0e});var B3=w($x=>{"use strict";Object.defineProperty($x,"__esModule",{value:!0});var x0e=w3(),Zx=class{constructor(e={}){this._options=e,this.followSymbolicLink=this._getValue(this._options.followSymbolicLink,!0),this.fs=x0e.createFileSystemAdapter(this._options.fs),this.markSymbolicLink=this._getValue(this._options.markSymbolicLink,!1),this.throwErrorOnBrokenSymbolicLink=this._getValue(this._options.throwErrorOnBrokenSymbolicLink,!0)}_getValue(e,t){return e!=null?e:t}};$x.default=Zx});var gc=w(RA=>{"use strict";Object.defineProperty(RA,"__esModule",{value:!0});RA.statSync=RA.stat=RA.Settings=void 0;var Q3=I3(),P0e=y3(),eP=B3();RA.Settings=eP.default;function D0e(r,e,t){if(typeof e=="function"){Q3.read(r,tP(),e);return}Q3.read(r,tP(e),t)}RA.stat=D0e;function k0e(r,e){let t=tP(e);return P0e.read(r,t)}RA.statSync=k0e;function tP(r={}){return r instanceof eP.default?r:new eP.default(r)}});var S3=w((Ket,b3)=>{b3.exports=R0e;function R0e(r,e){var t,i,n,s=!0;Array.isArray(r)?(t=[],i=r.length):(n=Object.keys(r),t={},i=n.length);function o(l){function c(){e&&e(l,t),e=null}s?process.nextTick(c):c()}function a(l,c,u){t[l]=u,(--i===0||c)&&o(c)}i?n?n.forEach(function(l){r[l](function(c,u){a(l,c,u)})}):r.forEach(function(l,c){l(function(u,g){a(c,u,g)})}):o(null),s=!1}});var rP=w(qy=>{"use strict";Object.defineProperty(qy,"__esModule",{value:!0});qy.IS_SUPPORT_READDIR_WITH_FILE_TYPES=void 0;var jy=process.versions.node.split(".");if(jy[0]===void 0||jy[1]===void 0)throw new Error(`Unexpected behavior. The 'process.versions.node' variable has invalid value: ${process.versions.node}`);var v3=Number.parseInt(jy[0],10),F0e=Number.parseInt(jy[1],10),x3=10,N0e=10,L0e=v3>x3,T0e=v3===x3&&F0e>=N0e;qy.IS_SUPPORT_READDIR_WITH_FILE_TYPES=L0e||T0e});var P3=w(Jy=>{"use strict";Object.defineProperty(Jy,"__esModule",{value:!0});Jy.createDirentFromStats=void 0;var iP=class{constructor(e,t){this.name=e,this.isBlockDevice=t.isBlockDevice.bind(t),this.isCharacterDevice=t.isCharacterDevice.bind(t),this.isDirectory=t.isDirectory.bind(t),this.isFIFO=t.isFIFO.bind(t),this.isFile=t.isFile.bind(t),this.isSocket=t.isSocket.bind(t),this.isSymbolicLink=t.isSymbolicLink.bind(t)}};function O0e(r,e){return new iP(r,e)}Jy.createDirentFromStats=O0e});var nP=w(Wy=>{"use strict";Object.defineProperty(Wy,"__esModule",{value:!0});Wy.fs=void 0;var M0e=P3();Wy.fs=M0e});var sP=w(zy=>{"use strict";Object.defineProperty(zy,"__esModule",{value:!0});zy.joinPathSegments=void 0;function K0e(r,e,t){return r.endsWith(t)?r+e:r+t+e}zy.joinPathSegments=K0e});var L3=w(FA=>{"use strict";Object.defineProperty(FA,"__esModule",{value:!0});FA.readdir=FA.readdirWithFileTypes=FA.read=void 0;var U0e=gc(),D3=S3(),H0e=rP(),k3=nP(),R3=sP();function G0e(r,e,t){if(!e.stats&&H0e.IS_SUPPORT_READDIR_WITH_FILE_TYPES){F3(r,e,t);return}N3(r,e,t)}FA.read=G0e;function F3(r,e,t){e.fs.readdir(r,{withFileTypes:!0},(i,n)=>{if(i!==null){Vy(t,i);return}let s=n.map(a=>({dirent:a,name:a.name,path:R3.joinPathSegments(r,a.name,e.pathSegmentSeparator)}));if(!e.followSymbolicLinks){oP(t,s);return}let o=s.map(a=>Y0e(a,e));D3(o,(a,l)=>{if(a!==null){Vy(t,a);return}oP(t,l)})})}FA.readdirWithFileTypes=F3;function Y0e(r,e){return t=>{if(!r.dirent.isSymbolicLink()){t(null,r);return}e.fs.stat(r.path,(i,n)=>{if(i!==null){if(e.throwErrorOnBrokenSymbolicLink){t(i);return}t(null,r);return}r.dirent=k3.fs.createDirentFromStats(r.name,n),t(null,r)})}}function N3(r,e,t){e.fs.readdir(r,(i,n)=>{if(i!==null){Vy(t,i);return}let s=n.map(o=>{let a=R3.joinPathSegments(r,o,e.pathSegmentSeparator);return l=>{U0e.stat(a,e.fsStatSettings,(c,u)=>{if(c!==null){l(c);return}let g={name:o,path:a,dirent:k3.fs.createDirentFromStats(o,u)};e.stats&&(g.stats=u),l(null,g)})}});D3(s,(o,a)=>{if(o!==null){Vy(t,o);return}oP(t,a)})})}FA.readdir=N3;function Vy(r,e){r(e)}function oP(r,e){r(null,e)}});var U3=w(NA=>{"use strict";Object.defineProperty(NA,"__esModule",{value:!0});NA.readdir=NA.readdirWithFileTypes=NA.read=void 0;var j0e=gc(),q0e=rP(),T3=nP(),O3=sP();function J0e(r,e){return!e.stats&&q0e.IS_SUPPORT_READDIR_WITH_FILE_TYPES?M3(r,e):K3(r,e)}NA.read=J0e;function M3(r,e){return e.fs.readdirSync(r,{withFileTypes:!0}).map(i=>{let n={dirent:i,name:i.name,path:O3.joinPathSegments(r,i.name,e.pathSegmentSeparator)};if(n.dirent.isSymbolicLink()&&e.followSymbolicLinks)try{let s=e.fs.statSync(n.path);n.dirent=T3.fs.createDirentFromStats(n.name,s)}catch(s){if(e.throwErrorOnBrokenSymbolicLink)throw s}return n})}NA.readdirWithFileTypes=M3;function K3(r,e){return e.fs.readdirSync(r).map(i=>{let n=O3.joinPathSegments(r,i,e.pathSegmentSeparator),s=j0e.statSync(n,e.fsStatSettings),o={name:i,path:n,dirent:T3.fs.createDirentFromStats(i,s)};return e.stats&&(o.stats=s),o})}NA.readdir=K3});var H3=w(LA=>{"use strict";Object.defineProperty(LA,"__esModule",{value:!0});LA.createFileSystemAdapter=LA.FILE_SYSTEM_ADAPTER=void 0;var gf=J("fs");LA.FILE_SYSTEM_ADAPTER={lstat:gf.lstat,stat:gf.stat,lstatSync:gf.lstatSync,statSync:gf.statSync,readdir:gf.readdir,readdirSync:gf.readdirSync};function W0e(r){return r===void 0?LA.FILE_SYSTEM_ADAPTER:Object.assign(Object.assign({},LA.FILE_SYSTEM_ADAPTER),r)}LA.createFileSystemAdapter=W0e});var G3=w(AP=>{"use strict";Object.defineProperty(AP,"__esModule",{value:!0});var z0e=J("path"),V0e=gc(),X0e=H3(),aP=class{constructor(e={}){this._options=e,this.followSymbolicLinks=this._getValue(this._options.followSymbolicLinks,!1),this.fs=X0e.createFileSystemAdapter(this._options.fs),this.pathSegmentSeparator=this._getValue(this._options.pathSegmentSeparator,z0e.sep),this.stats=this._getValue(this._options.stats,!1),this.throwErrorOnBrokenSymbolicLink=this._getValue(this._options.throwErrorOnBrokenSymbolicLink,!0),this.fsStatSettings=new V0e.Settings({followSymbolicLink:this.followSymbolicLinks,fs:this.fs,throwErrorOnBrokenSymbolicLink:this.throwErrorOnBrokenSymbolicLink})}_getValue(e,t){return e!=null?e:t}};AP.default=aP});var Xy=w(TA=>{"use strict";Object.defineProperty(TA,"__esModule",{value:!0});TA.Settings=TA.scandirSync=TA.scandir=void 0;var Y3=L3(),_0e=U3(),lP=G3();TA.Settings=lP.default;function Z0e(r,e,t){if(typeof e=="function"){Y3.read(r,cP(),e);return}Y3.read(r,cP(e),t)}TA.scandir=Z0e;function $0e(r,e){let t=cP(e);return _0e.read(r,t)}TA.scandirSync=$0e;function cP(r={}){return r instanceof lP.default?r:new lP.default(r)}});var q3=w((Vet,j3)=>{"use strict";function eQe(r){var e=new r,t=e;function i(){var s=e;return s.next?e=s.next:(e=new r,t=e),s.next=null,s}function n(s){t.next=s,t=s}return{get:i,release:n}}j3.exports=eQe});var W3=w((Xet,uP)=>{"use strict";var tQe=q3();function J3(r,e,t){if(typeof r=="function"&&(t=e,e=r,r=null),t<1)throw new Error("fastqueue concurrency must be greater than 1");var i=tQe(rQe),n=null,s=null,o=0,a=null,l={push:C,drain:ps,saturated:ps,pause:u,paused:!1,concurrency:t,running:c,resume:h,idle:p,length:g,getQueue:f,unshift:y,empty:ps,kill:v,killAndDrain:D,error:L};return l;function c(){return o}function u(){l.paused=!0}function g(){for(var H=n,j=0;H;)H=H.next,j++;return j}function f(){for(var H=n,j=[];H;)j.push(H.value),H=H.next;return j}function h(){if(!!l.paused){l.paused=!1;for(var H=0;H<l.concurrency;H++)o++,B()}}function p(){return o===0&&l.length()===0}function C(H,j){var $=i.get();$.context=r,$.release=B,$.value=H,$.callback=j||ps,$.errorHandler=a,o===l.concurrency||l.paused?s?(s.next=$,s=$):(n=$,s=$,l.saturated()):(o++,e.call(r,$.value,$.worked))}function y(H,j){var $=i.get();$.context=r,$.release=B,$.value=H,$.callback=j||ps,o===l.concurrency||l.paused?n?($.next=n,n=$):(n=$,s=$,l.saturated()):(o++,e.call(r,$.value,$.worked))}function B(H){H&&i.release(H);var j=n;j?l.paused?o--:(s===n&&(s=null),n=j.next,j.next=null,e.call(r,j.value,j.worked),s===null&&l.empty()):--o===0&&l.drain()}function v(){n=null,s=null,l.drain=ps}function D(){n=null,s=null,l.drain(),l.drain=ps}function L(H){a=H}}function ps(){}function rQe(){this.value=null,this.callback=ps,this.next=null,this.release=ps,this.context=null,this.errorHandler=null;var r=this;this.worked=function(t,i){var n=r.callback,s=r.errorHandler,o=r.value;r.value=null,r.callback=ps,r.errorHandler&&s(t,o),n.call(r.context,t,i),r.release(r)}}function iQe(r,e,t){typeof r=="function"&&(t=e,e=r,r=null);function i(u,g){e.call(this,u).then(function(f){g(null,f)},g)}var n=J3(r,i,t),s=n.push,o=n.unshift;return n.push=a,n.unshift=l,n.drained=c,n;function a(u){var g=new Promise(function(f,h){s(u,function(p,C){if(p){h(p);return}f(C)})});return g.catch(ps),g}function l(u){var g=new Promise(function(f,h){o(u,function(p,C){if(p){h(p);return}f(C)})});return g.catch(ps),g}function c(){var u=n.drain,g=new Promise(function(f){n.drain=function(){u(),f()}});return g}}uP.exports=J3;uP.exports.promise=iQe});var _y=w(Mo=>{"use strict";Object.defineProperty(Mo,"__esModule",{value:!0});Mo.joinPathSegments=Mo.replacePathSegmentSeparator=Mo.isAppliedFilter=Mo.isFatalError=void 0;function nQe(r,e){return r.errorFilter===null?!0:!r.errorFilter(e)}Mo.isFatalError=nQe;function sQe(r,e){return r===null||r(e)}Mo.isAppliedFilter=sQe;function oQe(r,e){return r.split(/[/\\]/).join(e)}Mo.replacePathSegmentSeparator=oQe;function aQe(r,e,t){return r===""?e:r.endsWith(t)?r+e:r+t+e}Mo.joinPathSegments=aQe});var hP=w(fP=>{"use strict";Object.defineProperty(fP,"__esModule",{value:!0});var AQe=_y(),gP=class{constructor(e,t){this._root=e,this._settings=t,this._root=AQe.replacePathSegmentSeparator(e,t.pathSegmentSeparator)}};fP.default=gP});var CP=w(dP=>{"use strict";Object.defineProperty(dP,"__esModule",{value:!0});var lQe=J("events"),cQe=Xy(),uQe=W3(),Zy=_y(),gQe=hP(),pP=class extends gQe.default{constructor(e,t){super(e,t),this._settings=t,this._scandir=cQe.scandir,this._emitter=new lQe.EventEmitter,this._queue=uQe(this._worker.bind(this),this._settings.concurrency),this._isFatalError=!1,this._isDestroyed=!1,this._queue.drain=()=>{this._isFatalError||this._emitter.emit("end")}}read(){return this._isFatalError=!1,this._isDestroyed=!1,setImmediate(()=>{this._pushToQueue(this._root,this._settings.basePath)}),this._emitter}get isDestroyed(){return this._isDestroyed}destroy(){if(this._isDestroyed)throw new Error("The reader is already destroyed");this._isDestroyed=!0,this._queue.killAndDrain()}onEntry(e){this._emitter.on("entry",e)}onError(e){this._emitter.once("error",e)}onEnd(e){this._emitter.once("end",e)}_pushToQueue(e,t){let i={directory:e,base:t};this._queue.push(i,n=>{n!==null&&this._handleError(n)})}_worker(e,t){this._scandir(e.directory,this._settings.fsScandirSettings,(i,n)=>{if(i!==null){t(i,void 0);return}for(let s of n)this._handleEntry(s,e.base);t(null,void 0)})}_handleError(e){this._isDestroyed||!Zy.isFatalError(this._settings,e)||(this._isFatalError=!0,this._isDestroyed=!0,this._emitter.emit("error",e))}_handleEntry(e,t){if(this._isDestroyed||this._isFatalError)return;let i=e.path;t!==void 0&&(e.path=Zy.joinPathSegments(t,e.name,this._settings.pathSegmentSeparator)),Zy.isAppliedFilter(this._settings.entryFilter,e)&&this._emitEntry(e),e.dirent.isDirectory()&&Zy.isAppliedFilter(this._settings.deepFilter,e)&&this._pushToQueue(i,e.path)}_emitEntry(e){this._emitter.emit("entry",e)}};dP.default=pP});var z3=w(EP=>{"use strict";Object.defineProperty(EP,"__esModule",{value:!0});var fQe=CP(),mP=class{constructor(e,t){this._root=e,this._settings=t,this._reader=new fQe.default(this._root,this._settings),this._storage=new Set}read(e){this._reader.onError(t=>{hQe(e,t)}),this._reader.onEntry(t=>{this._storage.add(t)}),this._reader.onEnd(()=>{pQe(e,[...this._storage])}),this._reader.read()}};EP.default=mP;function hQe(r,e){r(e)}function pQe(r,e){r(null,e)}});var V3=w(yP=>{"use strict";Object.defineProperty(yP,"__esModule",{value:!0});var dQe=J("stream"),CQe=CP(),IP=class{constructor(e,t){this._root=e,this._settings=t,this._reader=new CQe.default(this._root,this._settings),this._stream=new dQe.Readable({objectMode:!0,read:()=>{},destroy:()=>{this._reader.isDestroyed||this._reader.destroy()}})}read(){return this._reader.onError(e=>{this._stream.emit("error",e)}),this._reader.onEntry(e=>{this._stream.push(e)}),this._reader.onEnd(()=>{this._stream.push(null)}),this._reader.read(),this._stream}};yP.default=IP});var X3=w(BP=>{"use strict";Object.defineProperty(BP,"__esModule",{value:!0});var mQe=Xy(),$y=_y(),EQe=hP(),wP=class extends EQe.default{constructor(){super(...arguments),this._scandir=mQe.scandirSync,this._storage=new Set,this._queue=new Set}read(){return this._pushToQueue(this._root,this._settings.basePath),this._handleQueue(),[...this._storage]}_pushToQueue(e,t){this._queue.add({directory:e,base:t})}_handleQueue(){for(let e of this._queue.values())this._handleDirectory(e.directory,e.base)}_handleDirectory(e,t){try{let i=this._scandir(e,this._settings.fsScandirSettings);for(let n of i)this._handleEntry(n,t)}catch(i){this._handleError(i)}}_handleError(e){if(!!$y.isFatalError(this._settings,e))throw e}_handleEntry(e,t){let i=e.path;t!==void 0&&(e.path=$y.joinPathSegments(t,e.name,this._settings.pathSegmentSeparator)),$y.isAppliedFilter(this._settings.entryFilter,e)&&this._pushToStorage(e),e.dirent.isDirectory()&&$y.isAppliedFilter(this._settings.deepFilter,e)&&this._pushToQueue(i,e.path)}_pushToStorage(e){this._storage.add(e)}};BP.default=wP});var _3=w(bP=>{"use strict";Object.defineProperty(bP,"__esModule",{value:!0});var IQe=X3(),QP=class{constructor(e,t){this._root=e,this._settings=t,this._reader=new IQe.default(this._root,this._settings)}read(){return this._reader.read()}};bP.default=QP});var Z3=w(vP=>{"use strict";Object.defineProperty(vP,"__esModule",{value:!0});var yQe=J("path"),wQe=Xy(),SP=class{constructor(e={}){this._options=e,this.basePath=this._getValue(this._options.basePath,void 0),this.concurrency=this._getValue(this._options.concurrency,Number.POSITIVE_INFINITY),this.deepFilter=this._getValue(this._options.deepFilter,null),this.entryFilter=this._getValue(this._options.entryFilter,null),this.errorFilter=this._getValue(this._options.errorFilter,null),this.pathSegmentSeparator=this._getValue(this._options.pathSegmentSeparator,yQe.sep),this.fsScandirSettings=new wQe.Settings({followSymbolicLinks:this._options.followSymbolicLinks,fs:this._options.fs,pathSegmentSeparator:this._options.pathSegmentSeparator,stats:this._options.stats,throwErrorOnBrokenSymbolicLink:this._options.throwErrorOnBrokenSymbolicLink})}_getValue(e,t){return e!=null?e:t}};vP.default=SP});var PP=w(Ko=>{"use strict";Object.defineProperty(Ko,"__esModule",{value:!0});Ko.Settings=Ko.walkStream=Ko.walkSync=Ko.walk=void 0;var $3=z3(),BQe=V3(),QQe=_3(),xP=Z3();Ko.Settings=xP.default;function bQe(r,e,t){if(typeof e=="function"){new $3.default(r,ew()).read(e);return}new $3.default(r,ew(e)).read(t)}Ko.walk=bQe;function SQe(r,e){let t=ew(e);return new QQe.default(r,t).read()}Ko.walkSync=SQe;function vQe(r,e){let t=ew(e);return new BQe.default(r,t).read()}Ko.walkStream=vQe;function ew(r={}){return r instanceof xP.default?r:new xP.default(r)}});var RP=w(kP=>{"use strict";Object.defineProperty(kP,"__esModule",{value:!0});var xQe=J("path"),PQe=gc(),e4=Da(),DP=class{constructor(e){this._settings=e,this._fsStatSettings=new PQe.Settings({followSymbolicLink:this._settings.followSymbolicLinks,fs:this._settings.fs,throwErrorOnBrokenSymbolicLink:this._settings.followSymbolicLinks})}_getFullEntryPath(e){return xQe.resolve(this._settings.cwd,e)}_makeEntry(e,t){let i={name:t,path:t,dirent:e4.fs.createDirentFromStats(t,e)};return this._settings.stats&&(i.stats=e),i}_isFatalError(e){return!e4.errno.isEnoentCodeError(e)&&!this._settings.suppressErrors}};kP.default=DP});var LP=w(NP=>{"use strict";Object.defineProperty(NP,"__esModule",{value:!0});var DQe=J("stream"),kQe=gc(),RQe=PP(),FQe=RP(),FP=class extends FQe.default{constructor(){super(...arguments),this._walkStream=RQe.walkStream,this._stat=kQe.stat}dynamic(e,t){return this._walkStream(e,t)}static(e,t){let i=e.map(this._getFullEntryPath,this),n=new DQe.PassThrough({objectMode:!0});n._write=(s,o,a)=>this._getEntry(i[s],e[s],t).then(l=>{l!==null&&t.entryFilter(l)&&n.push(l),s===i.length-1&&n.end(),a()}).catch(a);for(let s=0;s<i.length;s++)n.write(s);return n}_getEntry(e,t,i){return this._getStat(e).then(n=>this._makeEntry(n,t)).catch(n=>{if(i.errorFilter(n))return null;throw n})}_getStat(e){return new Promise((t,i)=>{this._stat(e,this._fsStatSettings,(n,s)=>n===null?t(s):i(n))})}};NP.default=FP});var t4=w(OP=>{"use strict";Object.defineProperty(OP,"__esModule",{value:!0});var ff=Da(),TP=class{constructor(e,t,i){this._patterns=e,this._settings=t,this._micromatchOptions=i,this._storage=[],this._fillStorage()}_fillStorage(){let e=ff.pattern.expandPatternsWithBraceExpansion(this._patterns);for(let t of e){let i=this._getPatternSegments(t),n=this._splitSegmentsIntoSections(i);this._storage.push({complete:n.length<=1,pattern:t,segments:i,sections:n})}}_getPatternSegments(e){return ff.pattern.getPatternParts(e,this._micromatchOptions).map(i=>ff.pattern.isDynamicPattern(i,this._settings)?{dynamic:!0,pattern:i,patternRe:ff.pattern.makeRe(i,this._micromatchOptions)}:{dynamic:!1,pattern:i})}_splitSegmentsIntoSections(e){return ff.array.splitWhen(e,t=>t.dynamic&&ff.pattern.hasGlobStar(t.pattern))}};OP.default=TP});var r4=w(KP=>{"use strict";Object.defineProperty(KP,"__esModule",{value:!0});var NQe=t4(),MP=class extends NQe.default{match(e){let t=e.split("/"),i=t.length,n=this._storage.filter(s=>!s.complete||s.segments.length>i);for(let s of n){let o=s.sections[0];if(!s.complete&&i>o.length||t.every((l,c)=>{let u=s.segments[c];return!!(u.dynamic&&u.patternRe.test(l)||!u.dynamic&&u.pattern===l)}))return!0}return!1}};KP.default=MP});var i4=w(HP=>{"use strict";Object.defineProperty(HP,"__esModule",{value:!0});var tw=Da(),LQe=r4(),UP=class{constructor(e,t){this._settings=e,this._micromatchOptions=t}getFilter(e,t,i){let n=this._getMatcher(t),s=this._getNegativePatternsRe(i);return o=>this._filter(e,o,n,s)}_getMatcher(e){return new LQe.default(e,this._settings,this._micromatchOptions)}_getNegativePatternsRe(e){let t=e.filter(tw.pattern.isAffectDepthOfReadingPattern);return tw.pattern.convertPatternsToRe(t,this._micromatchOptions)}_filter(e,t,i,n){let s=this._getEntryLevel(e,t.path);if(this._isSkippedByDeep(s)||this._isSkippedSymbolicLink(t))return!1;let o=tw.path.removeLeadingDotSegment(t.path);return this._isSkippedByPositivePatterns(o,i)?!1:this._isSkippedByNegativePatterns(o,n)}_isSkippedByDeep(e){return e>=this._settings.deep}_isSkippedSymbolicLink(e){return!this._settings.followSymbolicLinks&&e.dirent.isSymbolicLink()}_getEntryLevel(e,t){let i=e.split("/").length;return t.split("/").length-(e===""?0:i)}_isSkippedByPositivePatterns(e,t){return!this._settings.baseNameMatch&&!t.match(e)}_isSkippedByNegativePatterns(e,t){return!tw.pattern.matchAny(e,t)}};HP.default=UP});var n4=w(YP=>{"use strict";Object.defineProperty(YP,"__esModule",{value:!0});var Ud=Da(),GP=class{constructor(e,t){this._settings=e,this._micromatchOptions=t,this.index=new Map}getFilter(e,t){let i=Ud.pattern.convertPatternsToRe(e,this._micromatchOptions),n=Ud.pattern.convertPatternsToRe(t,this._micromatchOptions);return s=>this._filter(s,i,n)}_filter(e,t,i){if(this._settings.unique){if(this._isDuplicateEntry(e))return!1;this._createIndexRecord(e)}if(this._onlyFileFilter(e)||this._onlyDirectoryFilter(e)||this._isSkippedByAbsoluteNegativePatterns(e,i))return!1;let n=this._settings.baseNameMatch?e.name:e.path;return this._isMatchToPatterns(n,t)&&!this._isMatchToPatterns(e.path,i)}_isDuplicateEntry(e){return this.index.has(e.path)}_createIndexRecord(e){this.index.set(e.path,void 0)}_onlyFileFilter(e){return this._settings.onlyFiles&&!e.dirent.isFile()}_onlyDirectoryFilter(e){return this._settings.onlyDirectories&&!e.dirent.isDirectory()}_isSkippedByAbsoluteNegativePatterns(e,t){if(!this._settings.absolute)return!1;let i=Ud.path.makeAbsolute(this._settings.cwd,e.path);return this._isMatchToPatterns(i,t)}_isMatchToPatterns(e,t){let i=Ud.path.removeLeadingDotSegment(e);return Ud.pattern.matchAny(i,t)}};YP.default=GP});var s4=w(qP=>{"use strict";Object.defineProperty(qP,"__esModule",{value:!0});var TQe=Da(),jP=class{constructor(e){this._settings=e}getFilter(){return e=>this._isNonFatalError(e)}_isNonFatalError(e){return TQe.errno.isEnoentCodeError(e)||this._settings.suppressErrors}};qP.default=jP});var a4=w(WP=>{"use strict";Object.defineProperty(WP,"__esModule",{value:!0});var o4=Da(),JP=class{constructor(e){this._settings=e}getTransformer(){return e=>this._transform(e)}_transform(e){let t=e.path;return this._settings.absolute&&(t=o4.path.makeAbsolute(this._settings.cwd,t),t=o4.path.unixify(t)),this._settings.markDirectories&&e.dirent.isDirectory()&&(t+="/"),this._settings.objectMode?Object.assign(Object.assign({},e),{path:t}):t}};WP.default=JP});var rw=w(VP=>{"use strict";Object.defineProperty(VP,"__esModule",{value:!0});var OQe=J("path"),MQe=i4(),KQe=n4(),UQe=s4(),HQe=a4(),zP=class{constructor(e){this._settings=e,this.errorFilter=new UQe.default(this._settings),this.entryFilter=new KQe.default(this._settings,this._getMicromatchOptions()),this.deepFilter=new MQe.default(this._settings,this._getMicromatchOptions()),this.entryTransformer=new HQe.default(this._settings)}_getRootDirectory(e){return OQe.resolve(this._settings.cwd,e.base)}_getReaderOptions(e){let t=e.base==="."?"":e.base;return{basePath:t,pathSegmentSeparator:"/",concurrency:this._settings.concurrency,deepFilter:this.deepFilter.getFilter(t,e.positive,e.negative),entryFilter:this.entryFilter.getFilter(e.positive,e.negative),errorFilter:this.errorFilter.getFilter(),followSymbolicLinks:this._settings.followSymbolicLinks,fs:this._settings.fs,stats:this._settings.stats,throwErrorOnBrokenSymbolicLink:this._settings.throwErrorOnBrokenSymbolicLink,transform:this.entryTransformer.getTransformer()}}_getMicromatchOptions(){return{dot:this._settings.dot,matchBase:this._settings.baseNameMatch,nobrace:!this._settings.braceExpansion,nocase:!this._settings.caseSensitiveMatch,noext:!this._settings.extglob,noglobstar:!this._settings.globstar,posix:!0,strictSlashes:!1}}};VP.default=zP});var A4=w(_P=>{"use strict";Object.defineProperty(_P,"__esModule",{value:!0});var GQe=LP(),YQe=rw(),XP=class extends YQe.default{constructor(){super(...arguments),this._reader=new GQe.default(this._settings)}read(e){let t=this._getRootDirectory(e),i=this._getReaderOptions(e),n=[];return new Promise((s,o)=>{let a=this.api(t,e,i);a.once("error",o),a.on("data",l=>n.push(i.transform(l))),a.once("end",()=>s(n))})}api(e,t,i){return t.dynamic?this._reader.dynamic(e,i):this._reader.static(t.patterns,i)}};_P.default=XP});var l4=w($P=>{"use strict";Object.defineProperty($P,"__esModule",{value:!0});var jQe=J("stream"),qQe=LP(),JQe=rw(),ZP=class extends JQe.default{constructor(){super(...arguments),this._reader=new qQe.default(this._settings)}read(e){let t=this._getRootDirectory(e),i=this._getReaderOptions(e),n=this.api(t,e,i),s=new jQe.Readable({objectMode:!0,read:()=>{}});return n.once("error",o=>s.emit("error",o)).on("data",o=>s.emit("data",i.transform(o))).once("end",()=>s.emit("end")),s.once("close",()=>n.destroy()),s}api(e,t,i){return t.dynamic?this._reader.dynamic(e,i):this._reader.static(t.patterns,i)}};$P.default=ZP});var c4=w(tD=>{"use strict";Object.defineProperty(tD,"__esModule",{value:!0});var WQe=gc(),zQe=PP(),VQe=RP(),eD=class extends VQe.default{constructor(){super(...arguments),this._walkSync=zQe.walkSync,this._statSync=WQe.statSync}dynamic(e,t){return this._walkSync(e,t)}static(e,t){let i=[];for(let n of e){let s=this._getFullEntryPath(n),o=this._getEntry(s,n,t);o===null||!t.entryFilter(o)||i.push(o)}return i}_getEntry(e,t,i){try{let n=this._getStat(e);return this._makeEntry(n,t)}catch(n){if(i.errorFilter(n))return null;throw n}}_getStat(e){return this._statSync(e,this._fsStatSettings)}};tD.default=eD});var u4=w(iD=>{"use strict";Object.defineProperty(iD,"__esModule",{value:!0});var XQe=c4(),_Qe=rw(),rD=class extends _Qe.default{constructor(){super(...arguments),this._reader=new XQe.default(this._settings)}read(e){let t=this._getRootDirectory(e),i=this._getReaderOptions(e);return this.api(t,e,i).map(i.transform)}api(e,t,i){return t.dynamic?this._reader.dynamic(e,i):this._reader.static(t.patterns,i)}};iD.default=rD});var g4=w(Hd=>{"use strict";Object.defineProperty(Hd,"__esModule",{value:!0});var hf=J("fs"),ZQe=J("os"),$Qe=ZQe.cpus().length;Hd.DEFAULT_FILE_SYSTEM_ADAPTER={lstat:hf.lstat,lstatSync:hf.lstatSync,stat:hf.stat,statSync:hf.statSync,readdir:hf.readdir,readdirSync:hf.readdirSync};var nD=class{constructor(e={}){this._options=e,this.absolute=this._getValue(this._options.absolute,!1),this.baseNameMatch=this._getValue(this._options.baseNameMatch,!1),this.braceExpansion=this._getValue(this._options.braceExpansion,!0),this.caseSensitiveMatch=this._getValue(this._options.caseSensitiveMatch,!0),this.concurrency=this._getValue(this._options.concurrency,$Qe),this.cwd=this._getValue(this._options.cwd,process.cwd()),this.deep=this._getValue(this._options.deep,1/0),this.dot=this._getValue(this._options.dot,!1),this.extglob=this._getValue(this._options.extglob,!0),this.followSymbolicLinks=this._getValue(this._options.followSymbolicLinks,!0),this.fs=this._getFileSystemMethods(this._options.fs),this.globstar=this._getValue(this._options.globstar,!0),this.ignore=this._getValue(this._options.ignore,[]),this.markDirectories=this._getValue(this._options.markDirectories,!1),this.objectMode=this._getValue(this._options.objectMode,!1),this.onlyDirectories=this._getValue(this._options.onlyDirectories,!1),this.onlyFiles=this._getValue(this._options.onlyFiles,!0),this.stats=this._getValue(this._options.stats,!1),this.suppressErrors=this._getValue(this._options.suppressErrors,!1),this.throwErrorOnBrokenSymbolicLink=this._getValue(this._options.throwErrorOnBrokenSymbolicLink,!1),this.unique=this._getValue(this._options.unique,!0),this.onlyDirectories&&(this.onlyFiles=!1),this.stats&&(this.objectMode=!0)}_getValue(e,t){return e===void 0?t:e}_getFileSystemMethods(e={}){return Object.assign(Object.assign({},Hd.DEFAULT_FILE_SYSTEM_ADAPTER),e)}};Hd.default=nD});var iw=w((Itt,h4)=>{"use strict";var f4=m3(),ebe=A4(),tbe=l4(),rbe=u4(),sD=g4(),fc=Da();async function oD(r,e){pf(r);let t=aD(r,ebe.default,e),i=await Promise.all(t);return fc.array.flatten(i)}(function(r){function e(o,a){pf(o);let l=aD(o,rbe.default,a);return fc.array.flatten(l)}r.sync=e;function t(o,a){pf(o);let l=aD(o,tbe.default,a);return fc.stream.merge(l)}r.stream=t;function i(o,a){pf(o);let l=[].concat(o),c=new sD.default(a);return f4.generate(l,c)}r.generateTasks=i;function n(o,a){pf(o);let l=new sD.default(a);return fc.pattern.isDynamicPattern(o,l)}r.isDynamicPattern=n;function s(o){return pf(o),fc.path.escape(o)}r.escapePath=s})(oD||(oD={}));function aD(r,e,t){let i=[].concat(r),n=new sD.default(t),s=f4.generate(i,n),o=new e(n);return s.map(o.read,o)}function pf(r){if(![].concat(r).every(i=>fc.string.isString(i)&&!fc.string.isEmpty(i)))throw new TypeError("Patterns must be a string (non empty) or an array of strings")}h4.exports=oD});var d4=w(hc=>{"use strict";var{promisify:ibe}=J("util"),p4=J("fs");async function AD(r,e,t){if(typeof t!="string")throw new TypeError(`Expected a string, got ${typeof t}`);try{return(await ibe(p4[r])(t))[e]()}catch(i){if(i.code==="ENOENT")return!1;throw i}}function lD(r,e,t){if(typeof t!="string")throw new TypeError(`Expected a string, got ${typeof t}`);try{return p4[r](t)[e]()}catch(i){if(i.code==="ENOENT")return!1;throw i}}hc.isFile=AD.bind(null,"stat","isFile");hc.isDirectory=AD.bind(null,"stat","isDirectory");hc.isSymlink=AD.bind(null,"lstat","isSymbolicLink");hc.isFileSync=lD.bind(null,"statSync","isFile");hc.isDirectorySync=lD.bind(null,"statSync","isDirectory");hc.isSymlinkSync=lD.bind(null,"lstatSync","isSymbolicLink")});var y4=w((wtt,cD)=>{"use strict";var pc=J("path"),C4=d4(),m4=r=>r.length>1?`{${r.join(",")}}`:r[0],E4=(r,e)=>{let t=r[0]==="!"?r.slice(1):r;return pc.isAbsolute(t)?t:pc.join(e,t)},nbe=(r,e)=>pc.extname(r)?`**/${r}`:`**/${r}.${m4(e)}`,I4=(r,e)=>{if(e.files&&!Array.isArray(e.files))throw new TypeError(`Expected \`files\` to be of type \`Array\` but received type \`${typeof e.files}\``);if(e.extensions&&!Array.isArray(e.extensions))throw new TypeError(`Expected \`extensions\` to be of type \`Array\` but received type \`${typeof e.extensions}\``);return e.files&&e.extensions?e.files.map(t=>pc.posix.join(r,nbe(t,e.extensions))):e.files?e.files.map(t=>pc.posix.join(r,`**/${t}`)):e.extensions?[pc.posix.join(r,`**/*.${m4(e.extensions)}`)]:[pc.posix.join(r,"**")]};cD.exports=async(r,e)=>{if(e={cwd:process.cwd(),...e},typeof e.cwd!="string")throw new TypeError(`Expected \`cwd\` to be of type \`string\` but received type \`${typeof e.cwd}\``);let t=await Promise.all([].concat(r).map(async i=>await C4.isDirectory(E4(i,e.cwd))?I4(i,e):i));return[].concat.apply([],t)};cD.exports.sync=(r,e)=>{if(e={cwd:process.cwd(),...e},typeof e.cwd!="string")throw new TypeError(`Expected \`cwd\` to be of type \`string\` but received type \`${typeof e.cwd}\``);let t=[].concat(r).map(i=>C4.isDirectorySync(E4(i,e.cwd))?I4(i,e):i);return[].concat.apply([],t)}});var P4=w((Btt,x4)=>{function w4(r){return Array.isArray(r)?r:[r]}var S4="",B4=" ",uD="\\",sbe=/^\s+$/,obe=/^\\!/,abe=/^\\#/,Abe=/\r?\n/g,lbe=/^\.*\/|^\.+$/,gD="/",Q4=typeof Symbol<"u"?Symbol.for("node-ignore"):"node-ignore",cbe=(r,e,t)=>Object.defineProperty(r,e,{value:t}),ube=/([0-z])-([0-z])/g,gbe=r=>r.replace(ube,(e,t,i)=>t.charCodeAt(0)<=i.charCodeAt(0)?e:S4),fbe=r=>{let{length:e}=r;return r.slice(0,e-e%2)},hbe=[[/\\?\s+$/,r=>r.indexOf("\\")===0?B4:S4],[/\\\s/g,()=>B4],[/[\\$.|*+(){^]/g,r=>`\\${r}`],[/(?!\\)\?/g,()=>"[^/]"],[/^\//,()=>"^"],[/\//g,()=>"\\/"],[/^\^*\\\*\\\*\\\//,()=>"^(?:.*\\/)?"],[/^(?=[^^])/,function(){return/\/(?!$)/.test(this)?"^":"(?:^|\\/)"}],[/\\\/\\\*\\\*(?=\\\/|$)/g,(r,e,t)=>e+6<t.length?"(?:\\/[^\\/]+)*":"\\/.+"],[/(^|[^\\]+)\\\*(?=.+)/g,(r,e)=>`${e}[^\\/]*`],[/\\\\\\(?=[$.|*+(){^])/g,()=>uD],[/\\\\/g,()=>uD],[/(\\)?\[([^\]/]*?)(\\*)($|\])/g,(r,e,t,i,n)=>e===uD?`\\[${t}${fbe(i)}${n}`:n==="]"&&i.length%2===0?`[${gbe(t)}${i}]`:"[]"],[/(?:[^*])$/,r=>/\/$/.test(r)?`${r}$`:`${r}(?=$|\\/$)`],[/(\^|\\\/)?\\\*$/,(r,e)=>`${e?`${e}[^/]+`:"[^/]*"}(?=$|\\/$)`]],b4=Object.create(null),pbe=(r,e)=>{let t=b4[r];return t||(t=hbe.reduce((i,n)=>i.replace(n[0],n[1].bind(r)),r),b4[r]=t),e?new RegExp(t,"i"):new RegExp(t)},pD=r=>typeof r=="string",dbe=r=>r&&pD(r)&&!sbe.test(r)&&r.indexOf("#")!==0,Cbe=r=>r.split(Abe),fD=class{constructor(e,t,i,n){this.origin=e,this.pattern=t,this.negative=i,this.regex=n}},mbe=(r,e)=>{let t=r,i=!1;r.indexOf("!")===0&&(i=!0,r=r.substr(1)),r=r.replace(obe,"!").replace(abe,"#");let n=pbe(r,e);return new fD(t,r,i,n)},Ebe=(r,e)=>{throw new e(r)},Ra=(r,e,t)=>pD(r)?r?Ra.isNotRelative(r)?t(`path should be a \`path.relative()\`d string, but got "${e}"`,RangeError):!0:t("path must not be empty",TypeError):t(`path must be a string, but got \`${e}\``,TypeError),v4=r=>lbe.test(r);Ra.isNotRelative=v4;Ra.convert=r=>r;var hD=class{constructor({ignorecase:e=!0}={}){cbe(this,Q4,!0),this._rules=[],this._ignorecase=e,this._initCache()}_initCache(){this._ignoreCache=Object.create(null),this._testCache=Object.create(null)}_addPattern(e){if(e&&e[Q4]){this._rules=this._rules.concat(e._rules),this._added=!0;return}if(dbe(e)){let t=mbe(e,this._ignorecase);this._added=!0,this._rules.push(t)}}add(e){return this._added=!1,w4(pD(e)?Cbe(e):e).forEach(this._addPattern,this),this._added&&this._initCache(),this}addPattern(e){return this.add(e)}_testOne(e,t){let i=!1,n=!1;return this._rules.forEach(s=>{let{negative:o}=s;if(n===o&&i!==n||o&&!i&&!n&&!t)return;s.regex.test(e)&&(i=!o,n=o)}),{ignored:i,unignored:n}}_test(e,t,i,n){let s=e&&Ra.convert(e);return Ra(s,e,Ebe),this._t(s,t,i,n)}_t(e,t,i,n){if(e in t)return t[e];if(n||(n=e.split(gD)),n.pop(),!n.length)return t[e]=this._testOne(e,i);let s=this._t(n.join(gD)+gD,t,i,n);return t[e]=s.ignored?s:this._testOne(e,i)}ignores(e){return this._test(e,this._ignoreCache,!1).ignored}createFilter(){return e=>!this.ignores(e)}filter(e){return w4(e).filter(this.createFilter())}test(e){return this._test(e,this._testCache,!0)}},nw=r=>new hD(r),Ibe=()=>!1,ybe=r=>Ra(r&&Ra.convert(r),r,Ibe);nw.isPathValid=ybe;nw.default=nw;x4.exports=nw;if(typeof process<"u"&&(process.env&&process.env.IGNORE_TEST_WIN32||process.platform==="win32")){let r=t=>/^\\\\\?\\/.test(t)||/["<>|\u0000-\u001F]+/u.test(t)?t:t.replace(/\\/g,"/");Ra.convert=r;let e=/^[a-z]:\//i;Ra.isNotRelative=t=>e.test(t)||v4(t)}});var k4=w((Qtt,D4)=>{"use strict";D4.exports=r=>{let e=/^\\\\\?\\/.test(r),t=/[^\u0000-\u0080]+/.test(r);return e||t?r:r.replace(/\\/g,"/")}});var M4=w((btt,dD)=>{"use strict";var{promisify:wbe}=J("util"),R4=J("fs"),Fa=J("path"),F4=iw(),Bbe=P4(),Gd=k4(),N4=["**/node_modules/**","**/flow-typed/**","**/coverage/**","**/.git"],Qbe=wbe(R4.readFile),bbe=r=>e=>e.startsWith("!")?"!"+Fa.posix.join(r,e.slice(1)):Fa.posix.join(r,e),Sbe=(r,e)=>{let t=Gd(Fa.relative(e.cwd,Fa.dirname(e.fileName)));return r.split(/\r?\n/).filter(Boolean).filter(i=>!i.startsWith("#")).map(bbe(t))},L4=r=>{let e=Bbe();for(let t of r)e.add(Sbe(t.content,{cwd:t.cwd,fileName:t.filePath}));return e},vbe=(r,e)=>{if(r=Gd(r),Fa.isAbsolute(e)){if(Gd(e).startsWith(r))return e;throw new Error(`Path ${e} is not in cwd ${r}`)}return Fa.join(r,e)},T4=(r,e)=>t=>r.ignores(Gd(Fa.relative(e,vbe(e,t.path||t)))),xbe=async(r,e)=>{let t=Fa.join(e,r),i=await Qbe(t,"utf8");return{cwd:e,filePath:t,content:i}},Pbe=(r,e)=>{let t=Fa.join(e,r),i=R4.readFileSync(t,"utf8");return{cwd:e,filePath:t,content:i}},O4=({ignore:r=[],cwd:e=Gd(process.cwd())}={})=>({ignore:r,cwd:e});dD.exports=async r=>{r=O4(r);let e=await F4("**/.gitignore",{ignore:N4.concat(r.ignore),cwd:r.cwd}),t=await Promise.all(e.map(n=>xbe(n,r.cwd))),i=L4(t);return T4(i,r.cwd)};dD.exports.sync=r=>{r=O4(r);let t=F4.sync("**/.gitignore",{ignore:N4.concat(r.ignore),cwd:r.cwd}).map(n=>Pbe(n,r.cwd)),i=L4(t);return T4(i,r.cwd)}});var U4=w((Stt,K4)=>{"use strict";var{Transform:Dbe}=J("stream"),sw=class extends Dbe{constructor(){super({objectMode:!0})}},CD=class extends sw{constructor(e){super(),this._filter=e}_transform(e,t,i){this._filter(e)&&this.push(e),i()}},mD=class extends sw{constructor(){super(),this._pushed=new Set}_transform(e,t,i){this._pushed.has(e)||(this.push(e),this._pushed.add(e)),i()}};K4.exports={FilterStream:CD,UniqueStream:mD}});var wD=w((vtt,dc)=>{"use strict";var G4=J("fs"),ow=HW(),kbe=Yx(),aw=iw(),Aw=y4(),ED=M4(),{FilterStream:Rbe,UniqueStream:Fbe}=U4(),Y4=()=>!1,H4=r=>r[0]==="!",Nbe=r=>{if(!r.every(e=>typeof e=="string"))throw new TypeError("Patterns must be a string or an array of strings")},Lbe=(r={})=>{if(!r.cwd)return;let e;try{e=G4.statSync(r.cwd)}catch{return}if(!e.isDirectory())throw new Error("The `cwd` option must be a path to a directory")},Tbe=r=>r.stats instanceof G4.Stats?r.path:r,lw=(r,e)=>{r=ow([].concat(r)),Nbe(r),Lbe(e);let t=[];e={ignore:[],expandDirectories:!0,...e};for(let[i,n]of r.entries()){if(H4(n))continue;let s=r.slice(i).filter(a=>H4(a)).map(a=>a.slice(1)),o={...e,ignore:e.ignore.concat(s)};t.push({pattern:n,options:o})}return t},Obe=(r,e)=>{let t={};return r.options.cwd&&(t.cwd=r.options.cwd),Array.isArray(r.options.expandDirectories)?t={...t,files:r.options.expandDirectories}:typeof r.options.expandDirectories=="object"&&(t={...t,...r.options.expandDirectories}),e(r.pattern,t)},ID=(r,e)=>r.options.expandDirectories?Obe(r,e):[r.pattern],j4=r=>r&&r.gitignore?ED.sync({cwd:r.cwd,ignore:r.ignore}):Y4,yD=r=>e=>{let{options:t}=r;return t.ignore&&Array.isArray(t.ignore)&&t.expandDirectories&&(t.ignore=Aw.sync(t.ignore)),{pattern:e,options:t}};dc.exports=async(r,e)=>{let t=lw(r,e),i=async()=>e&&e.gitignore?ED({cwd:e.cwd,ignore:e.ignore}):Y4,n=async()=>{let l=await Promise.all(t.map(async c=>{let u=await ID(c,Aw);return Promise.all(u.map(yD(c)))}));return ow(...l)},[s,o]=await Promise.all([i(),n()]),a=await Promise.all(o.map(l=>aw(l.pattern,l.options)));return ow(...a).filter(l=>!s(Tbe(l)))};dc.exports.sync=(r,e)=>{let t=lw(r,e),i=[];for(let o of t){let a=ID(o,Aw.sync).map(yD(o));i.push(...a)}let n=j4(e),s=[];for(let o of i)s=ow(s,aw.sync(o.pattern,o.options));return s.filter(o=>!n(o))};dc.exports.stream=(r,e)=>{let t=lw(r,e),i=[];for(let a of t){let l=ID(a,Aw.sync).map(yD(a));i.push(...l)}let n=j4(e),s=new Rbe(a=>!n(a)),o=new Fbe;return kbe(i.map(a=>aw.stream(a.pattern,a.options))).pipe(s).pipe(o)};dc.exports.generateGlobTasks=lw;dc.exports.hasMagic=(r,e)=>[].concat(r).some(t=>aw.isDynamicPattern(t,e));dc.exports.gitignore=ED});var bn=w((jtt,s8)=>{function Xbe(r){var e=typeof r;return r!=null&&(e=="object"||e=="function")}s8.exports=Xbe});var kD=w((qtt,o8)=>{var _be=typeof global=="object"&&global&&global.Object===Object&&global;o8.exports=_be});var ds=w((Jtt,a8)=>{var Zbe=kD(),$be=typeof self=="object"&&self&&self.Object===Object&&self,eSe=Zbe||$be||Function("return this")();a8.exports=eSe});var l8=w((Wtt,A8)=>{var tSe=ds(),rSe=function(){return tSe.Date.now()};A8.exports=rSe});var u8=w((ztt,c8)=>{var iSe=/\s/;function nSe(r){for(var e=r.length;e--&&iSe.test(r.charAt(e)););return e}c8.exports=nSe});var f8=w((Vtt,g8)=>{var sSe=u8(),oSe=/^\s+/;function aSe(r){return r&&r.slice(0,sSe(r)+1).replace(oSe,"")}g8.exports=aSe});var Ec=w((Xtt,h8)=>{var ASe=ds(),lSe=ASe.Symbol;h8.exports=lSe});var m8=w((_tt,C8)=>{var p8=Ec(),d8=Object.prototype,cSe=d8.hasOwnProperty,uSe=d8.toString,eC=p8?p8.toStringTag:void 0;function gSe(r){var e=cSe.call(r,eC),t=r[eC];try{r[eC]=void 0;var i=!0}catch{}var n=uSe.call(r);return i&&(e?r[eC]=t:delete r[eC]),n}C8.exports=gSe});var I8=w((Ztt,E8)=>{var fSe=Object.prototype,hSe=fSe.toString;function pSe(r){return hSe.call(r)}E8.exports=pSe});var Ic=w(($tt,B8)=>{var y8=Ec(),dSe=m8(),CSe=I8(),mSe="[object Null]",ESe="[object Undefined]",w8=y8?y8.toStringTag:void 0;function ISe(r){return r==null?r===void 0?ESe:mSe:w8&&w8 in Object(r)?dSe(r):CSe(r)}B8.exports=ISe});var Go=w((ert,Q8)=>{function ySe(r){return r!=null&&typeof r=="object"}Q8.exports=ySe});var tC=w((trt,b8)=>{var wSe=Ic(),BSe=Go(),QSe="[object Symbol]";function bSe(r){return typeof r=="symbol"||BSe(r)&&wSe(r)==QSe}b8.exports=bSe});var P8=w((rrt,x8)=>{var SSe=f8(),S8=bn(),vSe=tC(),v8=0/0,xSe=/^[-+]0x[0-9a-f]+$/i,PSe=/^0b[01]+$/i,DSe=/^0o[0-7]+$/i,kSe=parseInt;function RSe(r){if(typeof r=="number")return r;if(vSe(r))return v8;if(S8(r)){var e=typeof r.valueOf=="function"?r.valueOf():r;r=S8(e)?e+"":e}if(typeof r!="string")return r===0?r:+r;r=SSe(r);var t=PSe.test(r);return t||DSe.test(r)?kSe(r.slice(2),t?2:8):xSe.test(r)?v8:+r}x8.exports=RSe});var R8=w((irt,k8)=>{var FSe=bn(),RD=l8(),D8=P8(),NSe="Expected a function",LSe=Math.max,TSe=Math.min;function OSe(r,e,t){var i,n,s,o,a,l,c=0,u=!1,g=!1,f=!0;if(typeof r!="function")throw new TypeError(NSe);e=D8(e)||0,FSe(t)&&(u=!!t.leading,g="maxWait"in t,s=g?LSe(D8(t.maxWait)||0,e):s,f="trailing"in t?!!t.trailing:f);function h(j){var $=i,V=n;return i=n=void 0,c=j,o=r.apply(V,$),o}function p(j){return c=j,a=setTimeout(B,e),u?h(j):o}function C(j){var $=j-l,V=j-c,W=e-$;return g?TSe(W,s-V):W}function y(j){var $=j-l,V=j-c;return l===void 0||$>=e||$<0||g&&V>=s}function B(){var j=RD();if(y(j))return v(j);a=setTimeout(B,C(j))}function v(j){return a=void 0,f&&i?h(j):(i=n=void 0,o)}function D(){a!==void 0&&clearTimeout(a),c=0,i=l=n=a=void 0}function L(){return a===void 0?o:v(RD())}function H(){var j=RD(),$=y(j);if(i=arguments,n=this,l=j,$){if(a===void 0)return p(l);if(g)return clearTimeout(a),a=setTimeout(B,e),h(l)}return a===void 0&&(a=setTimeout(B,e)),o}return H.cancel=D,H.flush=L,H}k8.exports=OSe});var N8=w((nrt,F8)=>{var MSe=R8(),KSe=bn(),USe="Expected a function";function HSe(r,e,t){var i=!0,n=!0;if(typeof r!="function")throw new TypeError(USe);return KSe(t)&&(i="leading"in t?!!t.leading:i,n="trailing"in t?!!t.trailing:n),MSe(r,e,{leading:i,maxWait:e,trailing:n})}F8.exports=HSe});var Ta=w((La,kw)=>{"use strict";Object.defineProperty(La,"__esModule",{value:!0});var Y8=["Int8Array","Uint8Array","Uint8ClampedArray","Int16Array","Uint16Array","Int32Array","Uint32Array","Float32Array","Float64Array","BigInt64Array","BigUint64Array"];function eve(r){return Y8.includes(r)}var tve=["Function","Generator","AsyncGenerator","GeneratorFunction","AsyncGeneratorFunction","AsyncFunction","Observable","Array","Buffer","Object","RegExp","Date","Error","Map","Set","WeakMap","WeakSet","ArrayBuffer","SharedArrayBuffer","DataView","Promise","URL","FormData","URLSearchParams","HTMLElement",...Y8];function rve(r){return tve.includes(r)}var ive=["null","undefined","string","number","bigint","boolean","symbol"];function nve(r){return ive.includes(r)}function Sf(r){return e=>typeof e===r}var{toString:j8}=Object.prototype,oC=r=>{let e=j8.call(r).slice(8,-1);if(/HTML\w+Element/.test(e)&&X.domElement(r))return"HTMLElement";if(rve(e))return e},lr=r=>e=>oC(e)===r;function X(r){if(r===null)return"null";switch(typeof r){case"undefined":return"undefined";case"string":return"string";case"number":return"number";case"boolean":return"boolean";case"function":return"Function";case"bigint":return"bigint";case"symbol":return"symbol";default:}if(X.observable(r))return"Observable";if(X.array(r))return"Array";if(X.buffer(r))return"Buffer";let e=oC(r);if(e)return e;if(r instanceof String||r instanceof Boolean||r instanceof Number)throw new TypeError("Please don't use object wrappers for primitive types");return"Object"}X.undefined=Sf("undefined");X.string=Sf("string");var sve=Sf("number");X.number=r=>sve(r)&&!X.nan(r);X.bigint=Sf("bigint");X.function_=Sf("function");X.null_=r=>r===null;X.class_=r=>X.function_(r)&&r.toString().startsWith("class ");X.boolean=r=>r===!0||r===!1;X.symbol=Sf("symbol");X.numericString=r=>X.string(r)&&!X.emptyStringOrWhitespace(r)&&!Number.isNaN(Number(r));X.array=(r,e)=>Array.isArray(r)?X.function_(e)?r.every(e):!0:!1;X.buffer=r=>{var e,t,i,n;return(n=(i=(t=(e=r)===null||e===void 0?void 0:e.constructor)===null||t===void 0?void 0:t.isBuffer)===null||i===void 0?void 0:i.call(t,r))!==null&&n!==void 0?n:!1};X.nullOrUndefined=r=>X.null_(r)||X.undefined(r);X.object=r=>!X.null_(r)&&(typeof r=="object"||X.function_(r));X.iterable=r=>{var e;return X.function_((e=r)===null||e===void 0?void 0:e[Symbol.iterator])};X.asyncIterable=r=>{var e;return X.function_((e=r)===null||e===void 0?void 0:e[Symbol.asyncIterator])};X.generator=r=>X.iterable(r)&&X.function_(r.next)&&X.function_(r.throw);X.asyncGenerator=r=>X.asyncIterable(r)&&X.function_(r.next)&&X.function_(r.throw);X.nativePromise=r=>lr("Promise")(r);var ove=r=>{var e,t;return X.function_((e=r)===null||e===void 0?void 0:e.then)&&X.function_((t=r)===null||t===void 0?void 0:t.catch)};X.promise=r=>X.nativePromise(r)||ove(r);X.generatorFunction=lr("GeneratorFunction");X.asyncGeneratorFunction=r=>oC(r)==="AsyncGeneratorFunction";X.asyncFunction=r=>oC(r)==="AsyncFunction";X.boundFunction=r=>X.function_(r)&&!r.hasOwnProperty("prototype");X.regExp=lr("RegExp");X.date=lr("Date");X.error=lr("Error");X.map=r=>lr("Map")(r);X.set=r=>lr("Set")(r);X.weakMap=r=>lr("WeakMap")(r);X.weakSet=r=>lr("WeakSet")(r);X.int8Array=lr("Int8Array");X.uint8Array=lr("Uint8Array");X.uint8ClampedArray=lr("Uint8ClampedArray");X.int16Array=lr("Int16Array");X.uint16Array=lr("Uint16Array");X.int32Array=lr("Int32Array");X.uint32Array=lr("Uint32Array");X.float32Array=lr("Float32Array");X.float64Array=lr("Float64Array");X.bigInt64Array=lr("BigInt64Array");X.bigUint64Array=lr("BigUint64Array");X.arrayBuffer=lr("ArrayBuffer");X.sharedArrayBuffer=lr("SharedArrayBuffer");X.dataView=lr("DataView");X.directInstanceOf=(r,e)=>Object.getPrototypeOf(r)===e.prototype;X.urlInstance=r=>lr("URL")(r);X.urlString=r=>{if(!X.string(r))return!1;try{return new URL(r),!0}catch{return!1}};X.truthy=r=>Boolean(r);X.falsy=r=>!r;X.nan=r=>Number.isNaN(r);X.primitive=r=>X.null_(r)||nve(typeof r);X.integer=r=>Number.isInteger(r);X.safeInteger=r=>Number.isSafeInteger(r);X.plainObject=r=>{if(j8.call(r)!=="[object Object]")return!1;let e=Object.getPrototypeOf(r);return e===null||e===Object.getPrototypeOf({})};X.typedArray=r=>eve(oC(r));var ave=r=>X.safeInteger(r)&&r>=0;X.arrayLike=r=>!X.nullOrUndefined(r)&&!X.function_(r)&&ave(r.length);X.inRange=(r,e)=>{if(X.number(e))return r>=Math.min(0,e)&&r<=Math.max(e,0);if(X.array(e)&&e.length===2)return r>=Math.min(...e)&&r<=Math.max(...e);throw new TypeError(`Invalid range: ${JSON.stringify(e)}`)};var Ave=1,lve=["innerHTML","ownerDocument","style","attributes","nodeValue"];X.domElement=r=>X.object(r)&&r.nodeType===Ave&&X.string(r.nodeName)&&!X.plainObject(r)&&lve.every(e=>e in r);X.observable=r=>{var e,t,i,n;return r?r===((t=(e=r)[Symbol.observable])===null||t===void 0?void 0:t.call(e))||r===((n=(i=r)["@@observable"])===null||n===void 0?void 0:n.call(i)):!1};X.nodeStream=r=>X.object(r)&&X.function_(r.pipe)&&!X.observable(r);X.infinite=r=>r===1/0||r===-1/0;var q8=r=>e=>X.integer(e)&&Math.abs(e%2)===r;X.evenInteger=q8(0);X.oddInteger=q8(1);X.emptyArray=r=>X.array(r)&&r.length===0;X.nonEmptyArray=r=>X.array(r)&&r.length>0;X.emptyString=r=>X.string(r)&&r.length===0;X.nonEmptyString=r=>X.string(r)&&r.length>0;var cve=r=>X.string(r)&&!/\S/.test(r);X.emptyStringOrWhitespace=r=>X.emptyString(r)||cve(r);X.emptyObject=r=>X.object(r)&&!X.map(r)&&!X.set(r)&&Object.keys(r).length===0;X.nonEmptyObject=r=>X.object(r)&&!X.map(r)&&!X.set(r)&&Object.keys(r).length>0;X.emptySet=r=>X.set(r)&&r.size===0;X.nonEmptySet=r=>X.set(r)&&r.size>0;X.emptyMap=r=>X.map(r)&&r.size===0;X.nonEmptyMap=r=>X.map(r)&&r.size>0;X.propertyKey=r=>X.any([X.string,X.number,X.symbol],r);X.formData=r=>lr("FormData")(r);X.urlSearchParams=r=>lr("URLSearchParams")(r);var J8=(r,e,t)=>{if(!X.function_(e))throw new TypeError(`Invalid predicate: ${JSON.stringify(e)}`);if(t.length===0)throw new TypeError("Invalid number of values");return r.call(t,e)};X.any=(r,...e)=>(X.array(r)?r:[r]).some(i=>J8(Array.prototype.some,i,e));X.all=(r,...e)=>J8(Array.prototype.every,r,e);var Ye=(r,e,t,i={})=>{if(!r){let{multipleValues:n}=i,s=n?`received values of types ${[...new Set(t.map(o=>`\`${X(o)}\``))].join(", ")}`:`received value of type \`${X(t)}\``;throw new TypeError(`Expected value which is \`${e}\`, ${s}.`)}};La.assert={undefined:r=>Ye(X.undefined(r),"undefined",r),string:r=>Ye(X.string(r),"string",r),number:r=>Ye(X.number(r),"number",r),bigint:r=>Ye(X.bigint(r),"bigint",r),function_:r=>Ye(X.function_(r),"Function",r),null_:r=>Ye(X.null_(r),"null",r),class_:r=>Ye(X.class_(r),"Class",r),boolean:r=>Ye(X.boolean(r),"boolean",r),symbol:r=>Ye(X.symbol(r),"symbol",r),numericString:r=>Ye(X.numericString(r),"string with a number",r),array:(r,e)=>{Ye(X.array(r),"Array",r),e&&r.forEach(e)},buffer:r=>Ye(X.buffer(r),"Buffer",r),nullOrUndefined:r=>Ye(X.nullOrUndefined(r),"null or undefined",r),object:r=>Ye(X.object(r),"Object",r),iterable:r=>Ye(X.iterable(r),"Iterable",r),asyncIterable:r=>Ye(X.asyncIterable(r),"AsyncIterable",r),generator:r=>Ye(X.generator(r),"Generator",r),asyncGenerator:r=>Ye(X.asyncGenerator(r),"AsyncGenerator",r),nativePromise:r=>Ye(X.nativePromise(r),"native Promise",r),promise:r=>Ye(X.promise(r),"Promise",r),generatorFunction:r=>Ye(X.generatorFunction(r),"GeneratorFunction",r),asyncGeneratorFunction:r=>Ye(X.asyncGeneratorFunction(r),"AsyncGeneratorFunction",r),asyncFunction:r=>Ye(X.asyncFunction(r),"AsyncFunction",r),boundFunction:r=>Ye(X.boundFunction(r),"Function",r),regExp:r=>Ye(X.regExp(r),"RegExp",r),date:r=>Ye(X.date(r),"Date",r),error:r=>Ye(X.error(r),"Error",r),map:r=>Ye(X.map(r),"Map",r),set:r=>Ye(X.set(r),"Set",r),weakMap:r=>Ye(X.weakMap(r),"WeakMap",r),weakSet:r=>Ye(X.weakSet(r),"WeakSet",r),int8Array:r=>Ye(X.int8Array(r),"Int8Array",r),uint8Array:r=>Ye(X.uint8Array(r),"Uint8Array",r),uint8ClampedArray:r=>Ye(X.uint8ClampedArray(r),"Uint8ClampedArray",r),int16Array:r=>Ye(X.int16Array(r),"Int16Array",r),uint16Array:r=>Ye(X.uint16Array(r),"Uint16Array",r),int32Array:r=>Ye(X.int32Array(r),"Int32Array",r),uint32Array:r=>Ye(X.uint32Array(r),"Uint32Array",r),float32Array:r=>Ye(X.float32Array(r),"Float32Array",r),float64Array:r=>Ye(X.float64Array(r),"Float64Array",r),bigInt64Array:r=>Ye(X.bigInt64Array(r),"BigInt64Array",r),bigUint64Array:r=>Ye(X.bigUint64Array(r),"BigUint64Array",r),arrayBuffer:r=>Ye(X.arrayBuffer(r),"ArrayBuffer",r),sharedArrayBuffer:r=>Ye(X.sharedArrayBuffer(r),"SharedArrayBuffer",r),dataView:r=>Ye(X.dataView(r),"DataView",r),urlInstance:r=>Ye(X.urlInstance(r),"URL",r),urlString:r=>Ye(X.urlString(r),"string with a URL",r),truthy:r=>Ye(X.truthy(r),"truthy",r),falsy:r=>Ye(X.falsy(r),"falsy",r),nan:r=>Ye(X.nan(r),"NaN",r),primitive:r=>Ye(X.primitive(r),"primitive",r),integer:r=>Ye(X.integer(r),"integer",r),safeInteger:r=>Ye(X.safeInteger(r),"integer",r),plainObject:r=>Ye(X.plainObject(r),"plain object",r),typedArray:r=>Ye(X.typedArray(r),"TypedArray",r),arrayLike:r=>Ye(X.arrayLike(r),"array-like",r),domElement:r=>Ye(X.domElement(r),"HTMLElement",r),observable:r=>Ye(X.observable(r),"Observable",r),nodeStream:r=>Ye(X.nodeStream(r),"Node.js Stream",r),infinite:r=>Ye(X.infinite(r),"infinite number",r),emptyArray:r=>Ye(X.emptyArray(r),"empty array",r),nonEmptyArray:r=>Ye(X.nonEmptyArray(r),"non-empty array",r),emptyString:r=>Ye(X.emptyString(r),"empty string",r),nonEmptyString:r=>Ye(X.nonEmptyString(r),"non-empty string",r),emptyStringOrWhitespace:r=>Ye(X.emptyStringOrWhitespace(r),"empty string or whitespace",r),emptyObject:r=>Ye(X.emptyObject(r),"empty object",r),nonEmptyObject:r=>Ye(X.nonEmptyObject(r),"non-empty object",r),emptySet:r=>Ye(X.emptySet(r),"empty set",r),nonEmptySet:r=>Ye(X.nonEmptySet(r),"non-empty set",r),emptyMap:r=>Ye(X.emptyMap(r),"empty map",r),nonEmptyMap:r=>Ye(X.nonEmptyMap(r),"non-empty map",r),propertyKey:r=>Ye(X.propertyKey(r),"PropertyKey",r),formData:r=>Ye(X.formData(r),"FormData",r),urlSearchParams:r=>Ye(X.urlSearchParams(r),"URLSearchParams",r),evenInteger:r=>Ye(X.evenInteger(r),"even integer",r),oddInteger:r=>Ye(X.oddInteger(r),"odd integer",r),directInstanceOf:(r,e)=>Ye(X.directInstanceOf(r,e),"T",r),inRange:(r,e)=>Ye(X.inRange(r,e),"in range",r),any:(r,...e)=>Ye(X.any(r,...e),"predicate returns truthy for any value",e,{multipleValues:!0}),all:(r,...e)=>Ye(X.all(r,...e),"predicate returns truthy for all values",e,{multipleValues:!0})};Object.defineProperties(X,{class:{value:X.class_},function:{value:X.function_},null:{value:X.null_}});Object.defineProperties(La.assert,{class:{value:La.assert.class_},function:{value:La.assert.function_},null:{value:La.assert.null_}});La.default=X;kw.exports=X;kw.exports.default=X;kw.exports.assert=La.assert});var W8=w((Yrt,ek)=>{"use strict";var Rw=class extends Error{constructor(e){super(e||"Promise was canceled"),this.name="CancelError"}get isCanceled(){return!0}},vf=class{static fn(e){return(...t)=>new vf((i,n,s)=>{t.push(s),e(...t).then(i,n)})}constructor(e){this._cancelHandlers=[],this._isPending=!0,this._isCanceled=!1,this._rejectOnCancel=!0,this._promise=new Promise((t,i)=>{this._reject=i;let n=a=>{this._isPending=!1,t(a)},s=a=>{this._isPending=!1,i(a)},o=a=>{if(!this._isPending)throw new Error("The `onCancel` handler was attached after the promise settled.");this._cancelHandlers.push(a)};return Object.defineProperties(o,{shouldReject:{get:()=>this._rejectOnCancel,set:a=>{this._rejectOnCancel=a}}}),e(n,s,o)})}then(e,t){return this._promise.then(e,t)}catch(e){return this._promise.catch(e)}finally(e){return this._promise.finally(e)}cancel(e){if(!(!this._isPending||this._isCanceled)){if(this._cancelHandlers.length>0)try{for(let t of this._cancelHandlers)t()}catch(t){this._reject(t)}this._isCanceled=!0,this._rejectOnCancel&&this._reject(new Rw(e))}}get isCanceled(){return this._isCanceled}};Object.setPrototypeOf(vf.prototype,Promise.prototype);ek.exports=vf;ek.exports.CancelError=Rw});var z8=w((rk,ik)=>{"use strict";Object.defineProperty(rk,"__esModule",{value:!0});var uve=J("tls"),tk=(r,e)=>{let t;typeof e=="function"?t={connect:e}:t=e;let i=typeof t.connect=="function",n=typeof t.secureConnect=="function",s=typeof t.close=="function",o=()=>{i&&t.connect(),r instanceof uve.TLSSocket&&n&&(r.authorized?t.secureConnect():r.authorizationError||r.once("secureConnect",t.secureConnect)),s&&r.once("close",t.close)};r.writable&&!r.connecting?o():r.connecting?r.once("connect",o):r.destroyed&&s&&t.close(r._hadError)};rk.default=tk;ik.exports=tk;ik.exports.default=tk});var V8=w((sk,ok)=>{"use strict";Object.defineProperty(sk,"__esModule",{value:!0});var gve=z8(),fve=Number(process.versions.node.split(".")[0]),nk=r=>{let e={start:Date.now(),socket:void 0,lookup:void 0,connect:void 0,secureConnect:void 0,upload:void 0,response:void 0,end:void 0,error:void 0,abort:void 0,phases:{wait:void 0,dns:void 0,tcp:void 0,tls:void 0,request:void 0,firstByte:void 0,download:void 0,total:void 0}};r.timings=e;let t=o=>{let a=o.emit.bind(o);o.emit=(l,...c)=>(l==="error"&&(e.error=Date.now(),e.phases.total=e.error-e.start,o.emit=a),a(l,...c))};t(r),r.prependOnceListener("abort",()=>{e.abort=Date.now(),(!e.response||fve>=13)&&(e.phases.total=Date.now()-e.start)});let i=o=>{e.socket=Date.now(),e.phases.wait=e.socket-e.start;let a=()=>{e.lookup=Date.now(),e.phases.dns=e.lookup-e.socket};o.prependOnceListener("lookup",a),gve.default(o,{connect:()=>{e.connect=Date.now(),e.lookup===void 0&&(o.removeListener("lookup",a),e.lookup=e.connect,e.phases.dns=e.lookup-e.socket),e.phases.tcp=e.connect-e.lookup},secureConnect:()=>{e.secureConnect=Date.now(),e.phases.tls=e.secureConnect-e.connect}})};r.socket?i(r.socket):r.prependOnceListener("socket",i);let n=()=>{var o;e.upload=Date.now(),e.phases.request=e.upload-(o=e.secureConnect,o!=null?o:e.connect)};return(()=>typeof r.writableFinished=="boolean"?r.writableFinished:r.finished&&r.outputSize===0&&(!r.socket||r.socket.writableLength===0))()?n():r.prependOnceListener("finish",n),r.prependOnceListener("response",o=>{e.response=Date.now(),e.phases.firstByte=e.response-e.upload,o.timings=e,t(o),o.prependOnceListener("end",()=>{e.end=Date.now(),e.phases.download=e.end-e.response,e.phases.total=e.end-e.start})}),e};sk.default=nk;ok.exports=nk;ok.exports.default=nk});var rz=w((jrt,lk)=>{"use strict";var{V4MAPPED:hve,ADDRCONFIG:pve,ALL:tz,promises:{Resolver:X8},lookup:dve}=J("dns"),{promisify:ak}=J("util"),Cve=J("os"),xf=Symbol("cacheableLookupCreateConnection"),Ak=Symbol("cacheableLookupInstance"),_8=Symbol("expires"),mve=typeof tz=="number",Z8=r=>{if(!(r&&typeof r.createConnection=="function"))throw new Error("Expected an Agent instance as the first argument")},Eve=r=>{for(let e of r)e.family!==6&&(e.address=`::ffff:${e.address}`,e.family=6)},$8=()=>{let r=!1,e=!1;for(let t of Object.values(Cve.networkInterfaces()))for(let i of t)if(!i.internal&&(i.family==="IPv6"?e=!0:r=!0,r&&e))return{has4:r,has6:e};return{has4:r,has6:e}},Ive=r=>Symbol.iterator in r,ez={ttl:!0},yve={all:!0},Fw=class{constructor({cache:e=new Map,maxTtl:t=1/0,fallbackDuration:i=3600,errorTtl:n=.15,resolver:s=new X8,lookup:o=dve}={}){if(this.maxTtl=t,this.errorTtl=n,this._cache=e,this._resolver=s,this._dnsLookup=ak(o),this._resolver instanceof X8?(this._resolve4=this._resolver.resolve4.bind(this._resolver),this._resolve6=this._resolver.resolve6.bind(this._resolver)):(this._resolve4=ak(this._resolver.resolve4.bind(this._resolver)),this._resolve6=ak(this._resolver.resolve6.bind(this._resolver))),this._iface=$8(),this._pending={},this._nextRemovalTime=!1,this._hostnamesToFallback=new Set,i<1)this._fallback=!1;else{this._fallback=!0;let a=setInterval(()=>{this._hostnamesToFallback.clear()},i*1e3);a.unref&&a.unref()}this.lookup=this.lookup.bind(this),this.lookupAsync=this.lookupAsync.bind(this)}set servers(e){this.clear(),this._resolver.setServers(e)}get servers(){return this._resolver.getServers()}lookup(e,t,i){if(typeof t=="function"?(i=t,t={}):typeof t=="number"&&(t={family:t}),!i)throw new Error("Callback must be a function.");this.lookupAsync(e,t).then(n=>{t.all?i(null,n):i(null,n.address,n.family,n.expires,n.ttl)},i)}async lookupAsync(e,t={}){typeof t=="number"&&(t={family:t});let i=await this.query(e);if(t.family===6){let n=i.filter(s=>s.family===6);t.hints&hve&&(mve&&t.hints&tz||n.length===0)?Eve(i):i=n}else t.family===4&&(i=i.filter(n=>n.family===4));if(t.hints&pve){let{_iface:n}=this;i=i.filter(s=>s.family===6?n.has6:n.has4)}if(i.length===0){let n=new Error(`cacheableLookup ENOTFOUND ${e}`);throw n.code="ENOTFOUND",n.hostname=e,n}return t.all?i:i[0]}async query(e){let t=await this._cache.get(e);if(!t){let i=this._pending[e];if(i)t=await i;else{let n=this.queryAndCache(e);this._pending[e]=n,t=await n}}return t=t.map(i=>({...i})),t}async _resolve(e){let t=async c=>{try{return await c}catch(u){if(u.code==="ENODATA"||u.code==="ENOTFOUND")return[];throw u}},[i,n]=await Promise.all([this._resolve4(e,ez),this._resolve6(e,ez)].map(c=>t(c))),s=0,o=0,a=0,l=Date.now();for(let c of i)c.family=4,c.expires=l+c.ttl*1e3,s=Math.max(s,c.ttl);for(let c of n)c.family=6,c.expires=l+c.ttl*1e3,o=Math.max(o,c.ttl);return i.length>0?n.length>0?a=Math.min(s,o):a=s:a=o,{entries:[...i,...n],cacheTtl:a}}async _lookup(e){try{return{entries:await this._dnsLookup(e,{all:!0}),cacheTtl:0}}catch{return{entries:[],cacheTtl:0}}}async _set(e,t,i){if(this.maxTtl>0&&i>0){i=Math.min(i,this.maxTtl)*1e3,t[_8]=Date.now()+i;try{await this._cache.set(e,t,i)}catch(n){this.lookupAsync=async()=>{let s=new Error("Cache Error. Please recreate the CacheableLookup instance.");throw s.cause=n,s}}Ive(this._cache)&&this._tick(i)}}async queryAndCache(e){if(this._hostnamesToFallback.has(e))return this._dnsLookup(e,yve);try{let t=await this._resolve(e);t.entries.length===0&&this._fallback&&(t=await this._lookup(e),t.entries.length!==0&&this._hostnamesToFallback.add(e));let i=t.entries.length===0?this.errorTtl:t.cacheTtl;return await this._set(e,t.entries,i),delete this._pending[e],t.entries}catch(t){throw delete this._pending[e],t}}_tick(e){let t=this._nextRemovalTime;(!t||e<t)&&(clearTimeout(this._removalTimeout),this._nextRemovalTime=e,this._removalTimeout=setTimeout(()=>{this._nextRemovalTime=!1;let i=1/0,n=Date.now();for(let[s,o]of this._cache){let a=o[_8];n>=a?this._cache.delete(s):a<i&&(i=a)}i!==1/0&&this._tick(i-n)},e),this._removalTimeout.unref&&this._removalTimeout.unref())}install(e){if(Z8(e),xf in e)throw new Error("CacheableLookup has been already installed");e[xf]=e.createConnection,e[Ak]=this,e.createConnection=(t,i)=>("lookup"in t||(t.lookup=this.lookup),e[xf](t,i))}uninstall(e){if(Z8(e),e[xf]){if(e[Ak]!==this)throw new Error("The agent is not owned by this CacheableLookup instance");e.createConnection=e[xf],delete e[xf],delete e[Ak]}}updateInterfaceInfo(){let{_iface:e}=this;this._iface=$8(),(e.has4&&!this._iface.has4||e.has6&&!this._iface.has6)&&this._cache.clear()}clear(e){if(e){this._cache.delete(e);return}this._cache.clear()}};lk.exports=Fw;lk.exports.default=Fw});var sz=w((qrt,ck)=>{"use strict";var wve=typeof URL>"u"?J("url").URL:URL,Bve="text/plain",Qve="us-ascii",iz=(r,e)=>e.some(t=>t instanceof RegExp?t.test(r):t===r),bve=(r,{stripHash:e})=>{let t=r.match(/^data:([^,]*?),([^#]*?)(?:#(.*))?$/);if(!t)throw new Error(`Invalid URL: ${r}`);let i=t[1].split(";"),n=t[2],s=e?"":t[3],o=!1;i[i.length-1]==="base64"&&(i.pop(),o=!0);let a=(i.shift()||"").toLowerCase(),c=[...i.map(u=>{let[g,f=""]=u.split("=").map(h=>h.trim());return g==="charset"&&(f=f.toLowerCase(),f===Qve)?"":`${g}${f?`=${f}`:""}`}).filter(Boolean)];return o&&c.push("base64"),(c.length!==0||a&&a!==Bve)&&c.unshift(a),`data:${c.join(";")},${o?n.trim():n}${s?`#${s}`:""}`},nz=(r,e)=>{if(e={defaultProtocol:"http:",normalizeProtocol:!0,forceHttp:!1,forceHttps:!1,stripAuthentication:!0,stripHash:!1,stripWWW:!0,removeQueryParameters:[/^utm_\w+/i],removeTrailingSlash:!0,removeDirectoryIndex:!1,sortQueryParameters:!0,...e},Reflect.has(e,"normalizeHttps"))throw new Error("options.normalizeHttps is renamed to options.forceHttp");if(Reflect.has(e,"normalizeHttp"))throw new Error("options.normalizeHttp is renamed to options.forceHttps");if(Reflect.has(e,"stripFragment"))throw new Error("options.stripFragment is renamed to options.stripHash");if(r=r.trim(),/^data:/i.test(r))return bve(r,e);let t=r.startsWith("//");!t&&/^\.*\//.test(r)||(r=r.replace(/^(?!(?:\w+:)?\/\/)|^\/\//,e.defaultProtocol));let n=new wve(r);if(e.forceHttp&&e.forceHttps)throw new Error("The `forceHttp` and `forceHttps` options cannot be used together");if(e.forceHttp&&n.protocol==="https:"&&(n.protocol="http:"),e.forceHttps&&n.protocol==="http:"&&(n.protocol="https:"),e.stripAuthentication&&(n.username="",n.password=""),e.stripHash&&(n.hash=""),n.pathname&&(n.pathname=n.pathname.replace(/((?!:).|^)\/{2,}/g,(s,o)=>/^(?!\/)/g.test(o)?`${o}/`:"/")),n.pathname&&(n.pathname=decodeURI(n.pathname)),e.removeDirectoryIndex===!0&&(e.removeDirectoryIndex=[/^index\.[a-z]+$/]),Array.isArray(e.removeDirectoryIndex)&&e.removeDirectoryIndex.length>0){let s=n.pathname.split("/"),o=s[s.length-1];iz(o,e.removeDirectoryIndex)&&(s=s.slice(0,s.length-1),n.pathname=s.slice(1).join("/")+"/")}if(n.hostname&&(n.hostname=n.hostname.replace(/\.$/,""),e.stripWWW&&/^www\.([a-z\-\d]{2,63})\.([a-z.]{2,5})$/.test(n.hostname)&&(n.hostname=n.hostname.replace(/^www\./,""))),Array.isArray(e.removeQueryParameters))for(let s of[...n.searchParams.keys()])iz(s,e.removeQueryParameters)&&n.searchParams.delete(s);return e.sortQueryParameters&&n.searchParams.sort(),e.removeTrailingSlash&&(n.pathname=n.pathname.replace(/\/$/,"")),r=n.toString(),(e.removeTrailingSlash||n.pathname==="/")&&n.hash===""&&(r=r.replace(/\/$/,"")),t&&!e.normalizeProtocol&&(r=r.replace(/^http:\/\//,"//")),e.stripProtocol&&(r=r.replace(/^(?:https?:)?\/\//,"")),r};ck.exports=nz;ck.exports.default=nz});var Az=w((Jrt,az)=>{az.exports=oz;function oz(r,e){if(r&&e)return oz(r)(e);if(typeof r!="function")throw new TypeError("need wrapper function");return Object.keys(r).forEach(function(i){t[i]=r[i]}),t;function t(){for(var i=new Array(arguments.length),n=0;n<i.length;n++)i[n]=arguments[n];var s=r.apply(this,i),o=i[i.length-1];return typeof s=="function"&&s!==o&&Object.keys(o).forEach(function(a){s[a]=o[a]}),s}}});var gk=w((Wrt,uk)=>{var lz=Az();uk.exports=lz(Nw);uk.exports.strict=lz(cz);Nw.proto=Nw(function(){Object.defineProperty(Function.prototype,"once",{value:function(){return Nw(this)},configurable:!0}),Object.defineProperty(Function.prototype,"onceStrict",{value:function(){return cz(this)},configurable:!0})});function Nw(r){var e=function(){return e.called?e.value:(e.called=!0,e.value=r.apply(this,arguments))};return e.called=!1,e}function cz(r){var e=function(){if(e.called)throw new Error(e.onceError);return e.called=!0,e.value=r.apply(this,arguments)},t=r.name||"Function wrapped with `once`";return e.onceError=t+" shouldn't be called more than once",e.called=!1,e}});var fk=w((zrt,gz)=>{var Sve=gk(),vve=function(){},xve=function(r){return r.setHeader&&typeof r.abort=="function"},Pve=function(r){return r.stdio&&Array.isArray(r.stdio)&&r.stdio.length===3},uz=function(r,e,t){if(typeof e=="function")return uz(r,null,e);e||(e={}),t=Sve(t||vve);var i=r._writableState,n=r._readableState,s=e.readable||e.readable!==!1&&r.readable,o=e.writable||e.writable!==!1&&r.writable,a=function(){r.writable||l()},l=function(){o=!1,s||t.call(r)},c=function(){s=!1,o||t.call(r)},u=function(p){t.call(r,p?new Error("exited with error code: "+p):null)},g=function(p){t.call(r,p)},f=function(){if(s&&!(n&&n.ended))return t.call(r,new Error("premature close"));if(o&&!(i&&i.ended))return t.call(r,new Error("premature close"))},h=function(){r.req.on("finish",l)};return xve(r)?(r.on("complete",l),r.on("abort",f),r.req?h():r.on("request",h)):o&&!i&&(r.on("end",a),r.on("close",a)),Pve(r)&&r.on("exit",u),r.on("end",c),r.on("finish",l),e.error!==!1&&r.on("error",g),r.on("close",f),function(){r.removeListener("complete",l),r.removeListener("abort",f),r.removeListener("request",h),r.req&&r.req.removeListener("finish",l),r.removeListener("end",a),r.removeListener("close",a),r.removeListener("finish",l),r.removeListener("exit",u),r.removeListener("end",c),r.removeListener("error",g),r.removeListener("close",f)}};gz.exports=uz});var pz=w((Vrt,hz)=>{var Dve=gk(),kve=fk(),hk=J("fs"),aC=function(){},Rve=/^v?\.0/.test(process.version),Lw=function(r){return typeof r=="function"},Fve=function(r){return!Rve||!hk?!1:(r instanceof(hk.ReadStream||aC)||r instanceof(hk.WriteStream||aC))&&Lw(r.close)},Nve=function(r){return r.setHeader&&Lw(r.abort)},Lve=function(r,e,t,i){i=Dve(i);var n=!1;r.on("close",function(){n=!0}),kve(r,{readable:e,writable:t},function(o){if(o)return i(o);n=!0,i()});var s=!1;return function(o){if(!n&&!s){if(s=!0,Fve(r))return r.close(aC);if(Nve(r))return r.abort();if(Lw(r.destroy))return r.destroy();i(o||new Error("stream was destroyed"))}}},fz=function(r){r()},Tve=function(r,e){return r.pipe(e)},Ove=function(){var r=Array.prototype.slice.call(arguments),e=Lw(r[r.length-1]||aC)&&r.pop()||aC;if(Array.isArray(r[0])&&(r=r[0]),r.length<2)throw new Error("pump requires two streams per minimum");var t,i=r.map(function(n,s){var o=s<r.length-1,a=s>0;return Lve(n,o,a,function(l){t||(t=l),l&&i.forEach(fz),!o&&(i.forEach(fz),e(t))})});return r.reduce(Tve)};hz.exports=Ove});var Cz=w((Xrt,dz)=>{"use strict";var{PassThrough:Mve}=J("stream");dz.exports=r=>{r={...r};let{array:e}=r,{encoding:t}=r,i=t==="buffer",n=!1;e?n=!(t||i):t=t||"utf8",i&&(t=null);let s=new Mve({objectMode:n});t&&s.setEncoding(t);let o=0,a=[];return s.on("data",l=>{a.push(l),n?o=a.length:o+=l.length}),s.getBufferedValue=()=>e?a:i?Buffer.concat(a,o):a.join(""),s.getBufferedLength=()=>o,s}});var mz=w((_rt,Pf)=>{"use strict";var Kve=pz(),Uve=Cz(),Tw=class extends Error{constructor(){super("maxBuffer exceeded"),this.name="MaxBufferError"}};async function Ow(r,e){if(!r)return Promise.reject(new Error("Expected a stream"));e={maxBuffer:1/0,...e};let{maxBuffer:t}=e,i;return await new Promise((n,s)=>{let o=a=>{a&&(a.bufferedData=i.getBufferedValue()),s(a)};i=Kve(r,Uve(e),a=>{if(a){o(a);return}n()}),i.on("data",()=>{i.getBufferedLength()>t&&o(new Tw)})}),i.getBufferedValue()}Pf.exports=Ow;Pf.exports.default=Ow;Pf.exports.buffer=(r,e)=>Ow(r,{...e,encoding:"buffer"});Pf.exports.array=(r,e)=>Ow(r,{...e,array:!0});Pf.exports.MaxBufferError=Tw});var Iz=w(($rt,Ez)=>{"use strict";var Hve=[200,203,204,206,300,301,404,405,410,414,501],Gve=[200,203,204,300,301,302,303,307,308,404,405,410,414,501],Yve={date:!0,connection:!0,"keep-alive":!0,"proxy-authenticate":!0,"proxy-authorization":!0,te:!0,trailer:!0,"transfer-encoding":!0,upgrade:!0},jve={"content-length":!0,"content-encoding":!0,"transfer-encoding":!0,"content-range":!0};function pk(r){let e={};if(!r)return e;let t=r.trim().split(/\s*,\s*/);for(let i of t){let[n,s]=i.split(/\s*=\s*/,2);e[n]=s===void 0?!0:s.replace(/^"|"$/g,"")}return e}function qve(r){let e=[];for(let t in r){let i=r[t];e.push(i===!0?t:t+"="+i)}if(!!e.length)return e.join(", ")}Ez.exports=class{constructor(e,t,{shared:i,cacheHeuristic:n,immutableMinTimeToLive:s,ignoreCargoCult:o,trustServerDate:a,_fromObject:l}={}){if(l){this._fromObject(l);return}if(!t||!t.headers)throw Error("Response headers missing");this._assertRequestHasHeaders(e),this._responseTime=this.now(),this._isShared=i!==!1,this._trustServerDate=a!==void 0?a:!0,this._cacheHeuristic=n!==void 0?n:.1,this._immutableMinTtl=s!==void 0?s:24*3600*1e3,this._status="status"in t?t.status:200,this._resHeaders=t.headers,this._rescc=pk(t.headers["cache-control"]),this._method="method"in e?e.method:"GET",this._url=e.url,this._host=e.headers.host,this._noAuthorization=!e.headers.authorization,this._reqHeaders=t.headers.vary?e.headers:null,this._reqcc=pk(e.headers["cache-control"]),o&&"pre-check"in this._rescc&&"post-check"in this._rescc&&(delete this._rescc["pre-check"],delete this._rescc["post-check"],delete this._rescc["no-cache"],delete this._rescc["no-store"],delete this._rescc["must-revalidate"],this._resHeaders=Object.assign({},this._resHeaders,{"cache-control":qve(this._rescc)}),delete this._resHeaders.expires,delete this._resHeaders.pragma),!t.headers["cache-control"]&&/no-cache/.test(t.headers.pragma)&&(this._rescc["no-cache"]=!0)}now(){return Date.now()}storable(){return!!(!this._reqcc["no-store"]&&(this._method==="GET"||this._method==="HEAD"||this._method==="POST"&&this._hasExplicitExpiration())&&Gve.indexOf(this._status)!==-1&&!this._rescc["no-store"]&&(!this._isShared||!this._rescc.private)&&(!this._isShared||this._noAuthorization||this._allowsStoringAuthenticated())&&(this._resHeaders.expires||this._rescc.public||this._rescc["max-age"]||this._rescc["s-maxage"]||Hve.indexOf(this._status)!==-1))}_hasExplicitExpiration(){return this._isShared&&this._rescc["s-maxage"]||this._rescc["max-age"]||this._resHeaders.expires}_assertRequestHasHeaders(e){if(!e||!e.headers)throw Error("Request headers missing")}satisfiesWithoutRevalidation(e){this._assertRequestHasHeaders(e);let t=pk(e.headers["cache-control"]);return t["no-cache"]||/no-cache/.test(e.headers.pragma)||t["max-age"]&&this.age()>t["max-age"]||t["min-fresh"]&&this.timeToLive()<1e3*t["min-fresh"]||this.stale()&&!(t["max-stale"]&&!this._rescc["must-revalidate"]&&(t["max-stale"]===!0||t["max-stale"]>this.age()-this.maxAge()))?!1:this._requestMatches(e,!1)}_requestMatches(e,t){return(!this._url||this._url===e.url)&&this._host===e.headers.host&&(!e.method||this._method===e.method||t&&e.method==="HEAD")&&this._varyMatches(e)}_allowsStoringAuthenticated(){return this._rescc["must-revalidate"]||this._rescc.public||this._rescc["s-maxage"]}_varyMatches(e){if(!this._resHeaders.vary)return!0;if(this._resHeaders.vary==="*")return!1;let t=this._resHeaders.vary.trim().toLowerCase().split(/\s*,\s*/);for(let i of t)if(e.headers[i]!==this._reqHeaders[i])return!1;return!0}_copyWithoutHopByHopHeaders(e){let t={};for(let i in e)Yve[i]||(t[i]=e[i]);if(e.connection){let i=e.connection.trim().split(/\s*,\s*/);for(let n of i)delete t[n]}if(t.warning){let i=t.warning.split(/,/).filter(n=>!/^\s*1[0-9][0-9]/.test(n));i.length?t.warning=i.join(",").trim():delete t.warning}return t}responseHeaders(){let e=this._copyWithoutHopByHopHeaders(this._resHeaders),t=this.age();return t>3600*24&&!this._hasExplicitExpiration()&&this.maxAge()>3600*24&&(e.warning=(e.warning?`${e.warning}, `:"")+'113 - "rfc7234 5.5.4"'),e.age=`${Math.round(t)}`,e.date=new Date(this.now()).toUTCString(),e}date(){return this._trustServerDate?this._serverDate():this._responseTime}_serverDate(){let e=Date.parse(this._resHeaders.date);return isFinite(e)&&Math.abs(this._responseTime-e)<288e5?e:this._responseTime}age(){let e=Math.max(0,(this._responseTime-this.date())/1e3);if(this._resHeaders.age){let i=this._ageValue();i>e&&(e=i)}let t=(this.now()-this._responseTime)/1e3;return e+t}_ageValue(){let e=parseInt(this._resHeaders.age);return isFinite(e)?e:0}maxAge(){if(!this.storable()||this._rescc["no-cache"]||this._isShared&&this._resHeaders["set-cookie"]&&!this._rescc.public&&!this._rescc.immutable||this._resHeaders.vary==="*")return 0;if(this._isShared){if(this._rescc["proxy-revalidate"])return 0;if(this._rescc["s-maxage"])return parseInt(this._rescc["s-maxage"],10)}if(this._rescc["max-age"])return parseInt(this._rescc["max-age"],10);let e=this._rescc.immutable?this._immutableMinTtl:0,t=this._serverDate();if(this._resHeaders.expires){let i=Date.parse(this._resHeaders.expires);return Number.isNaN(i)||i<t?0:Math.max(e,(i-t)/1e3)}if(this._resHeaders["last-modified"]){let i=Date.parse(this._resHeaders["last-modified"]);if(isFinite(i)&&t>i)return Math.max(e,(t-i)/1e3*this._cacheHeuristic)}return e}timeToLive(){return Math.max(0,this.maxAge()-this.age())*1e3}stale(){return this.maxAge()<=this.age()}static fromObject(e){return new this(void 0,void 0,{_fromObject:e})}_fromObject(e){if(this._responseTime)throw Error("Reinitialized");if(!e||e.v!==1)throw Error("Invalid serialization");this._responseTime=e.t,this._isShared=e.sh,this._cacheHeuristic=e.ch,this._immutableMinTtl=e.imm!==void 0?e.imm:24*3600*1e3,this._status=e.st,this._resHeaders=e.resh,this._rescc=e.rescc,this._method=e.m,this._url=e.u,this._host=e.h,this._noAuthorization=e.a,this._reqHeaders=e.reqh,this._reqcc=e.reqcc}toObject(){return{v:1,t:this._responseTime,sh:this._isShared,ch:this._cacheHeuristic,imm:this._immutableMinTtl,st:this._status,resh:this._resHeaders,rescc:this._rescc,m:this._method,u:this._url,h:this._host,a:this._noAuthorization,reqh:this._reqHeaders,reqcc:this._reqcc}}revalidationHeaders(e){this._assertRequestHasHeaders(e);let t=this._copyWithoutHopByHopHeaders(e.headers);if(delete t["if-range"],!this._requestMatches(e,!0)||!this.storable())return delete t["if-none-match"],delete t["if-modified-since"],t;if(this._resHeaders.etag&&(t["if-none-match"]=t["if-none-match"]?`${t["if-none-match"]}, ${this._resHeaders.etag}`:this._resHeaders.etag),t["accept-ranges"]||t["if-match"]||t["if-unmodified-since"]||this._method&&this._method!="GET"){if(delete t["if-modified-since"],t["if-none-match"]){let n=t["if-none-match"].split(/,/).filter(s=>!/^\s*W\//.test(s));n.length?t["if-none-match"]=n.join(",").trim():delete t["if-none-match"]}}else this._resHeaders["last-modified"]&&!t["if-modified-since"]&&(t["if-modified-since"]=this._resHeaders["last-modified"]);return t}revalidatedPolicy(e,t){if(this._assertRequestHasHeaders(e),!t||!t.headers)throw Error("Response headers missing");let i=!1;if(t.status!==void 0&&t.status!=304?i=!1:t.headers.etag&&!/^\s*W\//.test(t.headers.etag)?i=this._resHeaders.etag&&this._resHeaders.etag.replace(/^\s*W\//,"")===t.headers.etag:this._resHeaders.etag&&t.headers.etag?i=this._resHeaders.etag.replace(/^\s*W\//,"")===t.headers.etag.replace(/^\s*W\//,""):this._resHeaders["last-modified"]?i=this._resHeaders["last-modified"]===t.headers["last-modified"]:!this._resHeaders.etag&&!this._resHeaders["last-modified"]&&!t.headers.etag&&!t.headers["last-modified"]&&(i=!0),!i)return{policy:new this.constructor(e,t),modified:t.status!=304,matches:!1};let n={};for(let o in this._resHeaders)n[o]=o in t.headers&&!jve[o]?t.headers[o]:this._resHeaders[o];let s=Object.assign({},t,{status:this._status,method:this._method,headers:n});return{policy:new this.constructor(e,s,{shared:this._isShared,cacheHeuristic:this._cacheHeuristic,immutableMinTimeToLive:this._immutableMinTtl,trustServerDate:this._trustServerDate}),modified:!1,matches:!0}}}});var Mw=w((eit,yz)=>{"use strict";yz.exports=r=>{let e={};for(let[t,i]of Object.entries(r))e[t.toLowerCase()]=i;return e}});var Bz=w((tit,wz)=>{"use strict";var Jve=J("stream").Readable,Wve=Mw(),dk=class extends Jve{constructor(e,t,i,n){if(typeof e!="number")throw new TypeError("Argument `statusCode` should be a number");if(typeof t!="object")throw new TypeError("Argument `headers` should be an object");if(!(i instanceof Buffer))throw new TypeError("Argument `body` should be a buffer");if(typeof n!="string")throw new TypeError("Argument `url` should be a string");super(),this.statusCode=e,this.headers=Wve(t),this.body=i,this.url=n}_read(){this.push(this.body),this.push(null)}};wz.exports=dk});var bz=w((rit,Qz)=>{"use strict";var zve=["destroy","setTimeout","socket","headers","trailers","rawHeaders","statusCode","httpVersion","httpVersionMinor","httpVersionMajor","rawTrailers","statusMessage"];Qz.exports=(r,e)=>{let t=new Set(Object.keys(r).concat(zve));for(let i of t)i in e||(e[i]=typeof r[i]=="function"?r[i].bind(r):r[i])}});var vz=w((iit,Sz)=>{"use strict";var Vve=J("stream").PassThrough,Xve=bz(),_ve=r=>{if(!(r&&r.pipe))throw new TypeError("Parameter `response` must be a response stream.");let e=new Vve;return Xve(r,e),r.pipe(e)};Sz.exports=_ve});var xz=w(Ck=>{Ck.stringify=function r(e){if(typeof e>"u")return e;if(e&&Buffer.isBuffer(e))return JSON.stringify(":base64:"+e.toString("base64"));if(e&&e.toJSON&&(e=e.toJSON()),e&&typeof e=="object"){var t="",i=Array.isArray(e);t=i?"[":"{";var n=!0;for(var s in e){var o=typeof e[s]=="function"||!i&&typeof e[s]>"u";Object.hasOwnProperty.call(e,s)&&!o&&(n||(t+=","),n=!1,i?e[s]==null?t+="null":t+=r(e[s]):e[s]!==void 0&&(t+=r(s)+":"+r(e[s])))}return t+=i?"]":"}",t}else return typeof e=="string"?JSON.stringify(/^:/.test(e)?":"+e:e):typeof e>"u"?"null":JSON.stringify(e)};Ck.parse=function(r){return JSON.parse(r,function(e,t){return typeof t=="string"?/^:base64:/.test(t)?Buffer.from(t.substring(8),"base64"):/^:/.test(t)?t.substring(1):t:t})}});var kz=w((sit,Dz)=>{"use strict";var Zve=J("events"),Pz=xz(),$ve=r=>{let e={redis:"@keyv/redis",mongodb:"@keyv/mongo",mongo:"@keyv/mongo",sqlite:"@keyv/sqlite",postgresql:"@keyv/postgres",postgres:"@keyv/postgres",mysql:"@keyv/mysql"};if(r.adapter||r.uri){let t=r.adapter||/^[^:]*/.exec(r.uri)[0];return new(J(e[t]))(r)}return new Map},mk=class extends Zve{constructor(e,t){if(super(),this.opts=Object.assign({namespace:"keyv",serialize:Pz.stringify,deserialize:Pz.parse},typeof e=="string"?{uri:e}:e,t),!this.opts.store){let i=Object.assign({},this.opts);this.opts.store=$ve(i)}typeof this.opts.store.on=="function"&&this.opts.store.on("error",i=>this.emit("error",i)),this.opts.store.namespace=this.opts.namespace}_getKeyPrefix(e){return`${this.opts.namespace}:${e}`}get(e,t){e=this._getKeyPrefix(e);let{store:i}=this.opts;return Promise.resolve().then(()=>i.get(e)).then(n=>typeof n=="string"?this.opts.deserialize(n):n).then(n=>{if(n!==void 0){if(typeof n.expires=="number"&&Date.now()>n.expires){this.delete(e);return}return t&&t.raw?n:n.value}})}set(e,t,i){e=this._getKeyPrefix(e),typeof i>"u"&&(i=this.opts.ttl),i===0&&(i=void 0);let{store:n}=this.opts;return Promise.resolve().then(()=>{let s=typeof i=="number"?Date.now()+i:null;return t={value:t,expires:s},this.opts.serialize(t)}).then(s=>n.set(e,s,i)).then(()=>!0)}delete(e){e=this._getKeyPrefix(e);let{store:t}=this.opts;return Promise.resolve().then(()=>t.delete(e))}clear(){let{store:e}=this.opts;return Promise.resolve().then(()=>e.clear())}};Dz.exports=mk});var Nz=w((oit,Fz)=>{"use strict";var exe=J("events"),Kw=J("url"),txe=sz(),rxe=mz(),Ek=Iz(),Rz=Bz(),ixe=Mw(),nxe=vz(),sxe=kz(),ro=class{constructor(e,t){if(typeof e!="function")throw new TypeError("Parameter `request` must be a function");return this.cache=new sxe({uri:typeof t=="string"&&t,store:typeof t!="string"&&t,namespace:"cacheable-request"}),this.createCacheableRequest(e)}createCacheableRequest(e){return(t,i)=>{let n;if(typeof t=="string")n=Ik(Kw.parse(t)),t={};else if(t instanceof Kw.URL)n=Ik(Kw.parse(t.toString())),t={};else{let[g,...f]=(t.path||"").split("?"),h=f.length>0?`?${f.join("?")}`:"";n=Ik({...t,pathname:g,search:h})}t={headers:{},method:"GET",cache:!0,strictTtl:!1,automaticFailover:!1,...t,...oxe(n)},t.headers=ixe(t.headers);let s=new exe,o=txe(Kw.format(n),{stripWWW:!1,removeTrailingSlash:!1,stripAuthentication:!1}),a=`${t.method}:${o}`,l=!1,c=!1,u=g=>{c=!0;let f=!1,h,p=new Promise(y=>{h=()=>{f||(f=!0,y())}}),C=y=>{if(l&&!g.forceRefresh){y.status=y.statusCode;let v=Ek.fromObject(l.cachePolicy).revalidatedPolicy(g,y);if(!v.modified){let D=v.policy.responseHeaders();y=new Rz(l.statusCode,D,l.body,l.url),y.cachePolicy=v.policy,y.fromCache=!0}}y.fromCache||(y.cachePolicy=new Ek(g,y,g),y.fromCache=!1);let B;g.cache&&y.cachePolicy.storable()?(B=nxe(y),(async()=>{try{let v=rxe.buffer(y);if(await Promise.race([p,new Promise(j=>y.once("end",j))]),f)return;let D=await v,L={cachePolicy:y.cachePolicy.toObject(),url:y.url,statusCode:y.fromCache?l.statusCode:y.statusCode,body:D},H=g.strictTtl?y.cachePolicy.timeToLive():void 0;g.maxTtl&&(H=H?Math.min(H,g.maxTtl):g.maxTtl),await this.cache.set(a,L,H)}catch(v){s.emit("error",new ro.CacheError(v))}})()):g.cache&&l&&(async()=>{try{await this.cache.delete(a)}catch(v){s.emit("error",new ro.CacheError(v))}})(),s.emit("response",B||y),typeof i=="function"&&i(B||y)};try{let y=e(g,C);y.once("error",h),y.once("abort",h),s.emit("request",y)}catch(y){s.emit("error",new ro.RequestError(y))}};return(async()=>{let g=async h=>{await Promise.resolve();let p=h.cache?await this.cache.get(a):void 0;if(typeof p>"u")return u(h);let C=Ek.fromObject(p.cachePolicy);if(C.satisfiesWithoutRevalidation(h)&&!h.forceRefresh){let y=C.responseHeaders(),B=new Rz(p.statusCode,y,p.body,p.url);B.cachePolicy=C,B.fromCache=!0,s.emit("response",B),typeof i=="function"&&i(B)}else l=p,h.headers=C.revalidationHeaders(h),u(h)},f=h=>s.emit("error",new ro.CacheError(h));this.cache.once("error",f),s.on("response",()=>this.cache.removeListener("error",f));try{await g(t)}catch(h){t.automaticFailover&&!c&&u(t),s.emit("error",new ro.CacheError(h))}})(),s}}};function oxe(r){let e={...r};return e.path=`${r.pathname||"/"}${r.search||""}`,delete e.pathname,delete e.search,e}function Ik(r){return{protocol:r.protocol,auth:r.auth,hostname:r.hostname||r.host||"localhost",port:r.port,pathname:r.pathname,search:r.search}}ro.RequestError=class extends Error{constructor(r){super(r.message),this.name="RequestError",Object.assign(this,r)}};ro.CacheError=class extends Error{constructor(r){super(r.message),this.name="CacheError",Object.assign(this,r)}};Fz.exports=ro});var Tz=w((lit,Lz)=>{"use strict";var axe=["aborted","complete","headers","httpVersion","httpVersionMinor","httpVersionMajor","method","rawHeaders","rawTrailers","setTimeout","socket","statusCode","statusMessage","trailers","url"];Lz.exports=(r,e)=>{if(e._readableState.autoDestroy)throw new Error("The second stream must have the `autoDestroy` option set to `false`");let t=new Set(Object.keys(r).concat(axe)),i={};for(let n of t)n in e||(i[n]={get(){let s=r[n];return typeof s=="function"?s.bind(r):s},set(s){r[n]=s},enumerable:!0,configurable:!1});return Object.defineProperties(e,i),r.once("aborted",()=>{e.destroy(),e.emit("aborted")}),r.once("close",()=>{r.complete&&e.readable?e.once("end",()=>{e.emit("close")}):e.emit("close")}),e}});var Mz=w((cit,Oz)=>{"use strict";var{Transform:Axe,PassThrough:lxe}=J("stream"),yk=J("zlib"),cxe=Tz();Oz.exports=r=>{let e=(r.headers["content-encoding"]||"").toLowerCase();if(!["gzip","deflate","br"].includes(e))return r;let t=e==="br";if(t&&typeof yk.createBrotliDecompress!="function")return r.destroy(new Error("Brotli is not supported on Node.js < 12")),r;let i=!0,n=new Axe({transform(a,l,c){i=!1,c(null,a)},flush(a){a()}}),s=new lxe({autoDestroy:!1,destroy(a,l){r.destroy(),l(a)}}),o=t?yk.createBrotliDecompress():yk.createUnzip();return o.once("error",a=>{if(i&&!r.readable){s.end();return}s.destroy(a)}),cxe(r,s),r.pipe(n).pipe(o).pipe(s),s}});var Bk=w((uit,Kz)=>{"use strict";var wk=class{constructor(e={}){if(!(e.maxSize&&e.maxSize>0))throw new TypeError("`maxSize` must be a number greater than 0");this.maxSize=e.maxSize,this.onEviction=e.onEviction,this.cache=new Map,this.oldCache=new Map,this._size=0}_set(e,t){if(this.cache.set(e,t),this._size++,this._size>=this.maxSize){if(this._size=0,typeof this.onEviction=="function")for(let[i,n]of this.oldCache.entries())this.onEviction(i,n);this.oldCache=this.cache,this.cache=new Map}}get(e){if(this.cache.has(e))return this.cache.get(e);if(this.oldCache.has(e)){let t=this.oldCache.get(e);return this.oldCache.delete(e),this._set(e,t),t}}set(e,t){return this.cache.has(e)?this.cache.set(e,t):this._set(e,t),this}has(e){return this.cache.has(e)||this.oldCache.has(e)}peek(e){if(this.cache.has(e))return this.cache.get(e);if(this.oldCache.has(e))return this.oldCache.get(e)}delete(e){let t=this.cache.delete(e);return t&&this._size--,this.oldCache.delete(e)||t}clear(){this.cache.clear(),this.oldCache.clear(),this._size=0}*keys(){for(let[e]of this)yield e}*values(){for(let[,e]of this)yield e}*[Symbol.iterator](){for(let e of this.cache)yield e;for(let e of this.oldCache){let[t]=e;this.cache.has(t)||(yield e)}}get size(){let e=0;for(let t of this.oldCache.keys())this.cache.has(t)||e++;return Math.min(this._size+e,this.maxSize)}};Kz.exports=wk});var bk=w((git,Yz)=>{"use strict";var uxe=J("events"),gxe=J("tls"),fxe=J("http2"),hxe=Bk(),tn=Symbol("currentStreamsCount"),Uz=Symbol("request"),ms=Symbol("cachedOriginSet"),Df=Symbol("gracefullyClosing"),pxe=["maxDeflateDynamicTableSize","maxSessionMemory","maxHeaderListPairs","maxOutstandingPings","maxReservedRemoteStreams","maxSendHeaderBlockLength","paddingStrategy","localAddress","path","rejectUnauthorized","minDHSize","ca","cert","clientCertEngine","ciphers","key","pfx","servername","minVersion","maxVersion","secureProtocol","crl","honorCipherOrder","ecdhCurve","dhparam","secureOptions","sessionIdContext"],dxe=(r,e,t)=>{let i=0,n=r.length;for(;i<n;){let s=i+n>>>1;t(r[s],e)?i=s+1:n=s}return i},Cxe=(r,e)=>r.remoteSettings.maxConcurrentStreams>e.remoteSettings.maxConcurrentStreams,Qk=(r,e)=>{for(let t of r)t[ms].length<e[ms].length&&t[ms].every(i=>e[ms].includes(i))&&t[tn]+e[tn]<=e.remoteSettings.maxConcurrentStreams&&Gz(t)},mxe=(r,e)=>{for(let t of r)e[ms].length<t[ms].length&&e[ms].every(i=>t[ms].includes(i))&&e[tn]+t[tn]<=t.remoteSettings.maxConcurrentStreams&&Gz(e)},Hz=({agent:r,isFree:e})=>{let t={};for(let i in r.sessions){let s=r.sessions[i].filter(o=>{let a=o[jo.kCurrentStreamsCount]<o.remoteSettings.maxConcurrentStreams;return e?a:!a});s.length!==0&&(t[i]=s)}return t},Gz=r=>{r[Df]=!0,r[tn]===0&&r.close()},jo=class extends uxe{constructor({timeout:e=6e4,maxSessions:t=1/0,maxFreeSessions:i=10,maxCachedTlsSessions:n=100}={}){super(),this.sessions={},this.queue={},this.timeout=e,this.maxSessions=t,this.maxFreeSessions=i,this._freeSessionsCount=0,this._sessionsCount=0,this.settings={enablePush:!1},this.tlsSessionCache=new hxe({maxSize:n})}static normalizeOrigin(e,t){return typeof e=="string"&&(e=new URL(e)),t&&e.hostname!==t&&(e.hostname=t),e.origin}normalizeOptions(e){let t="";if(e)for(let i of pxe)e[i]&&(t+=`:${e[i]}`);return t}_tryToCreateNewSession(e,t){if(!(e in this.queue)||!(t in this.queue[e]))return;let i=this.queue[e][t];this._sessionsCount<this.maxSessions&&!i.completed&&(i.completed=!0,i())}getSession(e,t,i){return new Promise((n,s)=>{Array.isArray(i)?(i=[...i],n()):i=[{resolve:n,reject:s}];let o=this.normalizeOptions(t),a=jo.normalizeOrigin(e,t&&t.servername);if(a===void 0){for(let{reject:u}of i)u(new TypeError("The `origin` argument needs to be a string or an URL object"));return}if(o in this.sessions){let u=this.sessions[o],g=-1,f=-1,h;for(let p of u){let C=p.remoteSettings.maxConcurrentStreams;if(C<g)break;if(p[ms].includes(a)){let y=p[tn];if(y>=C||p[Df]||p.destroyed)continue;h||(g=C),y>f&&(h=p,f=y)}}if(h){if(i.length!==1){for(let{reject:p}of i){let C=new Error(`Expected the length of listeners to be 1, got ${i.length}.
-Please report this to https://github.com/szmarczak/http2-wrapper/`);p(C)}return}i[0].resolve(h);return}}if(o in this.queue){if(a in this.queue[o]){this.queue[o][a].listeners.push(...i),this._tryToCreateNewSession(o,a);return}}else this.queue[o]={};let l=()=>{o in this.queue&&this.queue[o][a]===c&&(delete this.queue[o][a],Object.keys(this.queue[o]).length===0&&delete this.queue[o])},c=()=>{let u=`${a}:${o}`,g=!1;try{let f=fxe.connect(e,{createConnection:this.createConnection,settings:this.settings,session:this.tlsSessionCache.get(u),...t});f[tn]=0,f[Df]=!1;let h=()=>f[tn]<f.remoteSettings.maxConcurrentStreams,p=!0;f.socket.once("session",y=>{this.tlsSessionCache.set(u,y)}),f.once("error",y=>{for(let{reject:B}of i)B(y);this.tlsSessionCache.delete(u)}),f.setTimeout(this.timeout,()=>{f.destroy()}),f.once("close",()=>{if(g){p&&this._freeSessionsCount--,this._sessionsCount--;let y=this.sessions[o];y.splice(y.indexOf(f),1),y.length===0&&delete this.sessions[o]}else{let y=new Error("Session closed without receiving a SETTINGS frame");y.code="HTTP2WRAPPER_NOSETTINGS";for(let{reject:B}of i)B(y);l()}this._tryToCreateNewSession(o,a)});let C=()=>{if(!(!(o in this.queue)||!h())){for(let y of f[ms])if(y in this.queue[o]){let{listeners:B}=this.queue[o][y];for(;B.length!==0&&h();)B.shift().resolve(f);let v=this.queue[o];if(v[y].listeners.length===0&&(delete v[y],Object.keys(v).length===0)){delete this.queue[o];break}if(!h())break}}};f.on("origin",()=>{f[ms]=f.originSet,h()&&(C(),Qk(this.sessions[o],f))}),f.once("remoteSettings",()=>{if(f.ref(),f.unref(),this._sessionsCount++,c.destroyed){let y=new Error("Agent has been destroyed");for(let B of i)B.reject(y);f.destroy();return}f[ms]=f.originSet;{let y=this.sessions;if(o in y){let B=y[o];B.splice(dxe(B,f,Cxe),0,f)}else y[o]=[f]}this._freeSessionsCount+=1,g=!0,this.emit("session",f),C(),l(),f[tn]===0&&this._freeSessionsCount>this.maxFreeSessions&&f.close(),i.length!==0&&(this.getSession(a,t,i),i.length=0),f.on("remoteSettings",()=>{C(),Qk(this.sessions[o],f)})}),f[Uz]=f.request,f.request=(y,B)=>{if(f[Df])throw new Error("The session is gracefully closing. No new streams are allowed.");let v=f[Uz](y,B);return f.ref(),++f[tn],f[tn]===f.remoteSettings.maxConcurrentStreams&&this._freeSessionsCount--,v.once("close",()=>{if(p=h(),--f[tn],!f.destroyed&&!f.closed&&(mxe(this.sessions[o],f),h()&&!f.closed)){p||(this._freeSessionsCount++,p=!0);let D=f[tn]===0;D&&f.unref(),D&&(this._freeSessionsCount>this.maxFreeSessions||f[Df])?f.close():(Qk(this.sessions[o],f),C())}}),v}}catch(f){for(let h of i)h.reject(f);l()}};c.listeners=i,c.completed=!1,c.destroyed=!1,this.queue[o][a]=c,this._tryToCreateNewSession(o,a)})}request(e,t,i,n){return new Promise((s,o)=>{this.getSession(e,t,[{reject:o,resolve:a=>{try{s(a.request(i,n))}catch(l){o(l)}}}])})}createConnection(e,t){return jo.connect(e,t)}static connect(e,t){t.ALPNProtocols=["h2"];let i=e.port||443,n=e.hostname||e.host;return typeof t.servername>"u"&&(t.servername=n),gxe.connect(i,n,t)}closeFreeSessions(){for(let e of Object.values(this.sessions))for(let t of e)t[tn]===0&&t.close()}destroy(e){for(let t of Object.values(this.sessions))for(let i of t)i.destroy(e);for(let t of Object.values(this.queue))for(let i of Object.values(t))i.destroyed=!0;this.queue={}}get freeSessions(){return Hz({agent:this,isFree:!0})}get busySessions(){return Hz({agent:this,isFree:!1})}};jo.kCurrentStreamsCount=tn;jo.kGracefullyClosing=Df;Yz.exports={Agent:jo,globalAgent:new jo}});var vk=w((fit,jz)=>{"use strict";var{Readable:Exe}=J("stream"),Sk=class extends Exe{constructor(e,t){super({highWaterMark:t,autoDestroy:!1}),this.statusCode=null,this.statusMessage="",this.httpVersion="2.0",this.httpVersionMajor=2,this.httpVersionMinor=0,this.headers={},this.trailers={},this.req=null,this.aborted=!1,this.complete=!1,this.upgrade=null,this.rawHeaders=[],this.rawTrailers=[],this.socket=e,this.connection=e,this._dumped=!1}_destroy(e){this.req._request.destroy(e)}setTimeout(e,t){return this.req.setTimeout(e,t),this}_dump(){this._dumped||(this._dumped=!0,this.removeAllListeners("data"),this.resume())}_read(){this.req&&this.req._request.resume()}};jz.exports=Sk});var xk=w((hit,qz)=>{"use strict";qz.exports=r=>{let e={protocol:r.protocol,hostname:typeof r.hostname=="string"&&r.hostname.startsWith("[")?r.hostname.slice(1,-1):r.hostname,host:r.host,hash:r.hash,search:r.search,pathname:r.pathname,href:r.href,path:`${r.pathname||""}${r.search||""}`};return typeof r.port=="string"&&r.port.length!==0&&(e.port=Number(r.port)),(r.username||r.password)&&(e.auth=`${r.username||""}:${r.password||""}`),e}});var Wz=w((pit,Jz)=>{"use strict";Jz.exports=(r,e,t)=>{for(let i of t)r.on(i,(...n)=>e.emit(i,...n))}});var Vz=w((dit,zz)=>{"use strict";zz.exports=r=>{switch(r){case":method":case":scheme":case":authority":case":path":return!0;default:return!1}}});var _z=w((mit,Xz)=>{"use strict";var kf=(r,e,t)=>{Xz.exports[e]=class extends r{constructor(...n){super(typeof t=="string"?t:t(n)),this.name=`${super.name} [${e}]`,this.code=e}}};kf(TypeError,"ERR_INVALID_ARG_TYPE",r=>{let e=r[0].includes(".")?"property":"argument",t=r[1],i=Array.isArray(t);return i&&(t=`${t.slice(0,-1).join(", ")} or ${t.slice(-1)}`),`The "${r[0]}" ${e} must be ${i?"one of":"of"} type ${t}. Received ${typeof r[2]}`});kf(TypeError,"ERR_INVALID_PROTOCOL",r=>`Protocol "${r[0]}" not supported. Expected "${r[1]}"`);kf(Error,"ERR_HTTP_HEADERS_SENT",r=>`Cannot ${r[0]} headers after they are sent to the client`);kf(TypeError,"ERR_INVALID_HTTP_TOKEN",r=>`${r[0]} must be a valid HTTP token [${r[1]}]`);kf(TypeError,"ERR_HTTP_INVALID_HEADER_VALUE",r=>`Invalid value "${r[0]} for header "${r[1]}"`);kf(TypeError,"ERR_INVALID_CHAR",r=>`Invalid character in ${r[0]} [${r[1]}]`)});var Fk=w((Eit,n5)=>{"use strict";var Ixe=J("http2"),{Writable:yxe}=J("stream"),{Agent:Zz,globalAgent:wxe}=bk(),Bxe=vk(),Qxe=xk(),bxe=Wz(),Sxe=Vz(),{ERR_INVALID_ARG_TYPE:Pk,ERR_INVALID_PROTOCOL:vxe,ERR_HTTP_HEADERS_SENT:$z,ERR_INVALID_HTTP_TOKEN:xxe,ERR_HTTP_INVALID_HEADER_VALUE:Pxe,ERR_INVALID_CHAR:Dxe}=_z(),{HTTP2_HEADER_STATUS:e5,HTTP2_HEADER_METHOD:t5,HTTP2_HEADER_PATH:r5,HTTP2_METHOD_CONNECT:kxe}=Ixe.constants,Ki=Symbol("headers"),Dk=Symbol("origin"),kk=Symbol("session"),i5=Symbol("options"),Uw=Symbol("flushedHeaders"),AC=Symbol("jobs"),Rxe=/^[\^`\-\w!#$%&*+.|~]+$/,Fxe=/[^\t\u0020-\u007E\u0080-\u00FF]/,Rk=class extends yxe{constructor(e,t,i){super({autoDestroy:!1});let n=typeof e=="string"||e instanceof URL;if(n&&(e=Qxe(e instanceof URL?e:new URL(e))),typeof t=="function"||t===void 0?(i=t,t=n?e:{...e}):t={...e,...t},t.h2session)this[kk]=t.h2session;else if(t.agent===!1)this.agent=new Zz({maxFreeSessions:0});else if(typeof t.agent>"u"||t.agent===null)typeof t.createConnection=="function"?(this.agent=new Zz({maxFreeSessions:0}),this.agent.createConnection=t.createConnection):this.agent=wxe;else if(typeof t.agent.request=="function")this.agent=t.agent;else throw new Pk("options.agent",["Agent-like Object","undefined","false"],t.agent);if(t.protocol&&t.protocol!=="https:")throw new vxe(t.protocol,"https:");let s=t.port||t.defaultPort||this.agent&&this.agent.defaultPort||443,o=t.hostname||t.host||"localhost";delete t.hostname,delete t.host,delete t.port;let{timeout:a}=t;if(t.timeout=void 0,this[Ki]=Object.create(null),this[AC]=[],this.socket=null,this.connection=null,this.method=t.method||"GET",this.path=t.path,this.res=null,this.aborted=!1,this.reusedSocket=!1,t.headers)for(let[l,c]of Object.entries(t.headers))this.setHeader(l,c);t.auth&&!("authorization"in this[Ki])&&(this[Ki].authorization="Basic "+Buffer.from(t.auth).toString("base64")),t.session=t.tlsSession,t.path=t.socketPath,this[i5]=t,s===443?(this[Dk]=`https://${o}`,":authority"in this[Ki]||(this[Ki][":authority"]=o)):(this[Dk]=`https://${o}:${s}`,":authority"in this[Ki]||(this[Ki][":authority"]=`${o}:${s}`)),a&&this.setTimeout(a),i&&this.once("response",i),this[Uw]=!1}get method(){return this[Ki][t5]}set method(e){e&&(this[Ki][t5]=e.toUpperCase())}get path(){return this[Ki][r5]}set path(e){e&&(this[Ki][r5]=e)}get _mustNotHaveABody(){return this.method==="GET"||this.method==="HEAD"||this.method==="DELETE"}_write(e,t,i){if(this._mustNotHaveABody){i(new Error("The GET, HEAD and DELETE methods must NOT have a body"));return}this.flushHeaders();let n=()=>this._request.write(e,t,i);this._request?n():this[AC].push(n)}_final(e){if(this.destroyed)return;this.flushHeaders();let t=()=>{if(this._mustNotHaveABody){e();return}this._request.end(e)};this._request?t():this[AC].push(t)}abort(){this.res&&this.res.complete||(this.aborted||process.nextTick(()=>this.emit("abort")),this.aborted=!0,this.destroy())}_destroy(e,t){this.res&&this.res._dump(),this._request&&this._request.destroy(),t(e)}async flushHeaders(){if(this[Uw]||this.destroyed)return;this[Uw]=!0;let e=this.method===kxe,t=i=>{if(this._request=i,this.destroyed){i.destroy();return}e||bxe(i,this,["timeout","continue","close","error"]);let n=o=>(...a)=>{!this.writable&&!this.destroyed?o(...a):this.once("finish",()=>{o(...a)})};i.once("response",n((o,a,l)=>{let c=new Bxe(this.socket,i.readableHighWaterMark);this.res=c,c.req=this,c.statusCode=o[e5],c.headers=o,c.rawHeaders=l,c.once("end",()=>{this.aborted?(c.aborted=!0,c.emit("aborted")):(c.complete=!0,c.socket=null,c.connection=null)}),e?(c.upgrade=!0,this.emit("connect",c,i,Buffer.alloc(0))?this.emit("close"):i.destroy()):(i.on("data",u=>{!c._dumped&&!c.push(u)&&i.pause()}),i.once("end",()=>{c.push(null)}),this.emit("response",c)||c._dump())})),i.once("headers",n(o=>this.emit("information",{statusCode:o[e5]}))),i.once("trailers",n((o,a,l)=>{let{res:c}=this;c.trailers=o,c.rawTrailers=l}));let{socket:s}=i.session;this.socket=s,this.connection=s;for(let o of this[AC])o();this.emit("socket",this.socket)};if(this[kk])try{t(this[kk].request(this[Ki]))}catch(i){this.emit("error",i)}else{this.reusedSocket=!0;try{t(await this.agent.request(this[Dk],this[i5],this[Ki]))}catch(i){this.emit("error",i)}}}getHeader(e){if(typeof e!="string")throw new Pk("name","string",e);return this[Ki][e.toLowerCase()]}get headersSent(){return this[Uw]}removeHeader(e){if(typeof e!="string")throw new Pk("name","string",e);if(this.headersSent)throw new $z("remove");delete this[Ki][e.toLowerCase()]}setHeader(e,t){if(this.headersSent)throw new $z("set");if(typeof e!="string"||!Rxe.test(e)&&!Sxe(e))throw new xxe("Header name",e);if(typeof t>"u")throw new Pxe(t,e);if(Fxe.test(t))throw new Dxe("header content",e);this[Ki][e.toLowerCase()]=t}setNoDelay(){}setSocketKeepAlive(){}setTimeout(e,t){let i=()=>this._request.setTimeout(e,t);return this._request?i():this[AC].push(i),this}get maxHeadersCount(){if(!this.destroyed&&this._request)return this._request.session.localSettings.maxHeaderListSize}set maxHeadersCount(e){}};n5.exports=Rk});var o5=w((Iit,s5)=>{"use strict";var Nxe=J("tls");s5.exports=(r={})=>new Promise((e,t)=>{let i=Nxe.connect(r,()=>{r.resolveSocket?(i.off("error",t),e({alpnProtocol:i.alpnProtocol,socket:i})):(i.destroy(),e({alpnProtocol:i.alpnProtocol}))});i.on("error",t)})});var A5=w((yit,a5)=>{"use strict";var Lxe=J("net");a5.exports=r=>{let e=r.host,t=r.headers&&r.headers.host;return t&&(t.startsWith("[")?t.indexOf("]")===-1?e=t:e=t.slice(1,-1):e=t.split(":",1)[0]),Lxe.isIP(e)?"":e}});var u5=w((wit,Lk)=>{"use strict";var l5=J("http"),Nk=J("https"),Txe=o5(),Oxe=Bk(),Mxe=Fk(),Kxe=A5(),Uxe=xk(),Hw=new Oxe({maxSize:100}),lC=new Map,c5=(r,e,t)=>{e._httpMessage={shouldKeepAlive:!0};let i=()=>{r.emit("free",e,t)};e.on("free",i);let n=()=>{r.removeSocket(e,t)};e.on("close",n);let s=()=>{r.removeSocket(e,t),e.off("close",n),e.off("free",i),e.off("agentRemove",s)};e.on("agentRemove",s),r.emit("free",e,t)},Hxe=async r=>{let e=`${r.host}:${r.port}:${r.ALPNProtocols.sort()}`;if(!Hw.has(e)){if(lC.has(e))return(await lC.get(e)).alpnProtocol;let{path:t,agent:i}=r;r.path=r.socketPath;let n=Txe(r);lC.set(e,n);try{let{socket:s,alpnProtocol:o}=await n;if(Hw.set(e,o),r.path=t,o==="h2")s.destroy();else{let{globalAgent:a}=Nk,l=Nk.Agent.prototype.createConnection;i?i.createConnection===l?c5(i,s,r):s.destroy():a.createConnection===l?c5(a,s,r):s.destroy()}return lC.delete(e),o}catch(s){throw lC.delete(e),s}}return Hw.get(e)};Lk.exports=async(r,e,t)=>{if((typeof r=="string"||r instanceof URL)&&(r=Uxe(new URL(r))),typeof e=="function"&&(t=e,e=void 0),e={ALPNProtocols:["h2","http/1.1"],...r,...e,resolveSocket:!0},!Array.isArray(e.ALPNProtocols)||e.ALPNProtocols.length===0)throw new Error("The `ALPNProtocols` option must be an Array with at least one entry");e.protocol=e.protocol||"https:";let i=e.protocol==="https:";e.host=e.hostname||e.host||"localhost",e.session=e.tlsSession,e.servername=e.servername||Kxe(e),e.port=e.port||(i?443:80),e._defaultAgent=i?Nk.globalAgent:l5.globalAgent;let n=e.agent;if(n){if(n.addRequest)throw new Error("The `options.agent` object can contain only `http`, `https` or `http2` properties");e.agent=n[i?"https":"http"]}return i&&await Hxe(e)==="h2"?(n&&(e.agent=n.http2),new Mxe(e,t)):l5.request(e,t)};Lk.exports.protocolCache=Hw});var f5=w((Bit,g5)=>{"use strict";var Gxe=J("http2"),Yxe=bk(),Tk=Fk(),jxe=vk(),qxe=u5(),Jxe=(r,e,t)=>new Tk(r,e,t),Wxe=(r,e,t)=>{let i=new Tk(r,e,t);return i.end(),i};g5.exports={...Gxe,ClientRequest:Tk,IncomingMessage:jxe,...Yxe,request:Jxe,get:Wxe,auto:qxe}});var Mk=w(Ok=>{"use strict";Object.defineProperty(Ok,"__esModule",{value:!0});var h5=Ta();Ok.default=r=>h5.default.nodeStream(r)&&h5.default.function_(r.getBoundary)});var m5=w(Kk=>{"use strict";Object.defineProperty(Kk,"__esModule",{value:!0});var d5=J("fs"),C5=J("util"),p5=Ta(),zxe=Mk(),Vxe=C5.promisify(d5.stat);Kk.default=async(r,e)=>{if(e&&"content-length"in e)return Number(e["content-length"]);if(!r)return 0;if(p5.default.string(r))return Buffer.byteLength(r);if(p5.default.buffer(r))return r.length;if(zxe.default(r))return C5.promisify(r.getLength.bind(r))();if(r instanceof d5.ReadStream){let{size:t}=await Vxe(r.path);return t===0?void 0:t}}});var Hk=w(Uk=>{"use strict";Object.defineProperty(Uk,"__esModule",{value:!0});function Xxe(r,e,t){let i={};for(let n of t)i[n]=(...s)=>{e.emit(n,...s)},r.on(n,i[n]);return()=>{for(let n of t)r.off(n,i[n])}}Uk.default=Xxe});var E5=w(Gk=>{"use strict";Object.defineProperty(Gk,"__esModule",{value:!0});Gk.default=()=>{let r=[];return{once(e,t,i){e.once(t,i),r.push({origin:e,event:t,fn:i})},unhandleAll(){for(let e of r){let{origin:t,event:i,fn:n}=e;t.removeListener(i,n)}r.length=0}}}});var y5=w(cC=>{"use strict";Object.defineProperty(cC,"__esModule",{value:!0});cC.TimeoutError=void 0;var _xe=J("net"),Zxe=E5(),I5=Symbol("reentry"),$xe=()=>{},Gw=class extends Error{constructor(e,t){super(`Timeout awaiting '${t}' for ${e}ms`),this.event=t,this.name="TimeoutError",this.code="ETIMEDOUT"}};cC.TimeoutError=Gw;cC.default=(r,e,t)=>{if(I5 in r)return $xe;r[I5]=!0;let i=[],{once:n,unhandleAll:s}=Zxe.default(),o=(g,f,h)=>{var p;let C=setTimeout(f,g,g,h);(p=C.unref)===null||p===void 0||p.call(C);let y=()=>{clearTimeout(C)};return i.push(y),y},{host:a,hostname:l}=t,c=(g,f)=>{r.destroy(new Gw(g,f))},u=()=>{for(let g of i)g();s()};if(r.once("error",g=>{if(u(),r.listenerCount("error")===0)throw g}),r.once("close",u),n(r,"response",g=>{n(g,"end",u)}),typeof e.request<"u"&&o(e.request,c,"request"),typeof e.socket<"u"){let g=()=>{c(e.socket,"socket")};r.setTimeout(e.socket,g),i.push(()=>{r.removeListener("timeout",g)})}return n(r,"socket",g=>{var f;let{socketPath:h}=r;if(g.connecting){let p=Boolean(h!=null?h:_xe.isIP((f=l!=null?l:a)!==null&&f!==void 0?f:"")!==0);if(typeof e.lookup<"u"&&!p&&typeof g.address().address>"u"){let C=o(e.lookup,c,"lookup");n(g,"lookup",C)}if(typeof e.connect<"u"){let C=()=>o(e.connect,c,"connect");p?n(g,"connect",C()):n(g,"lookup",y=>{y===null&&n(g,"connect",C())})}typeof e.secureConnect<"u"&&t.protocol==="https:"&&n(g,"connect",()=>{let C=o(e.secureConnect,c,"secureConnect");n(g,"secureConnect",C)})}if(typeof e.send<"u"){let p=()=>o(e.send,c,"send");g.connecting?n(g,"connect",()=>{n(r,"upload-complete",p())}):n(r,"upload-complete",p())}}),typeof e.response<"u"&&n(r,"upload-complete",()=>{let g=o(e.response,c,"response");n(r,"response",g)}),u}});var B5=w(Yk=>{"use strict";Object.defineProperty(Yk,"__esModule",{value:!0});var w5=Ta();Yk.default=r=>{r=r;let e={protocol:r.protocol,hostname:w5.default.string(r.hostname)&&r.hostname.startsWith("[")?r.hostname.slice(1,-1):r.hostname,host:r.host,hash:r.hash,search:r.search,pathname:r.pathname,href:r.href,path:`${r.pathname||""}${r.search||""}`};return w5.default.string(r.port)&&r.port.length>0&&(e.port=Number(r.port)),(r.username||r.password)&&(e.auth=`${r.username||""}:${r.password||""}`),e}});var Q5=w(jk=>{"use strict";Object.defineProperty(jk,"__esModule",{value:!0});var ePe=J("url"),tPe=["protocol","host","hostname","port","pathname","search"];jk.default=(r,e)=>{var t,i;if(e.path){if(e.pathname)throw new TypeError("Parameters `path` and `pathname` are mutually exclusive.");if(e.search)throw new TypeError("Parameters `path` and `search` are mutually exclusive.");if(e.searchParams)throw new TypeError("Parameters `path` and `searchParams` are mutually exclusive.")}if(e.search&&e.searchParams)throw new TypeError("Parameters `search` and `searchParams` are mutually exclusive.");if(!r){if(!e.protocol)throw new TypeError("No URL protocol specified");r=`${e.protocol}//${(i=(t=e.hostname)!==null&&t!==void 0?t:e.host)!==null&&i!==void 0?i:""}`}let n=new ePe.URL(r);if(e.path){let s=e.path.indexOf("?");s===-1?e.pathname=e.path:(e.pathname=e.path.slice(0,s),e.search=e.path.slice(s+1)),delete e.path}for(let s of tPe)e[s]&&(n[s]=e[s].toString());return n}});var b5=w(Jk=>{"use strict";Object.defineProperty(Jk,"__esModule",{value:!0});var qk=class{constructor(){this.weakMap=new WeakMap,this.map=new Map}set(e,t){typeof e=="object"?this.weakMap.set(e,t):this.map.set(e,t)}get(e){return typeof e=="object"?this.weakMap.get(e):this.map.get(e)}has(e){return typeof e=="object"?this.weakMap.has(e):this.map.has(e)}};Jk.default=qk});var zk=w(Wk=>{"use strict";Object.defineProperty(Wk,"__esModule",{value:!0});var rPe=async r=>{let e=[],t=0;for await(let i of r)e.push(i),t+=Buffer.byteLength(i);return Buffer.isBuffer(e[0])?Buffer.concat(e,t):Buffer.from(e.join(""))};Wk.default=rPe});var v5=w(Bc=>{"use strict";Object.defineProperty(Bc,"__esModule",{value:!0});Bc.dnsLookupIpVersionToFamily=Bc.isDnsLookupIpVersion=void 0;var S5={auto:0,ipv4:4,ipv6:6};Bc.isDnsLookupIpVersion=r=>r in S5;Bc.dnsLookupIpVersionToFamily=r=>{if(Bc.isDnsLookupIpVersion(r))return S5[r];throw new Error("Invalid DNS lookup IP version")}});var Vk=w(Yw=>{"use strict";Object.defineProperty(Yw,"__esModule",{value:!0});Yw.isResponseOk=void 0;Yw.isResponseOk=r=>{let{statusCode:e}=r,t=r.request.options.followRedirect?299:399;return e>=200&&e<=t||e===304}});var P5=w(Xk=>{"use strict";Object.defineProperty(Xk,"__esModule",{value:!0});var x5=new Set;Xk.default=r=>{x5.has(r)||(x5.add(r),process.emitWarning(`Got: ${r}`,{type:"DeprecationWarning"}))}});var D5=w(_k=>{"use strict";Object.defineProperty(_k,"__esModule",{value:!0});var mr=Ta(),iPe=(r,e)=>{if(mr.default.null_(r.encoding))throw new TypeError("To get a Buffer, set `options.responseType` to `buffer` instead");mr.assert.any([mr.default.string,mr.default.undefined],r.encoding),mr.assert.any([mr.default.boolean,mr.default.undefined],r.resolveBodyOnly),mr.assert.any([mr.default.boolean,mr.default.undefined],r.methodRewriting),mr.assert.any([mr.default.boolean,mr.default.undefined],r.isStream),mr.assert.any([mr.default.string,mr.default.undefined],r.responseType),r.responseType===void 0&&(r.responseType="text");let{retry:t}=r;if(e?r.retry={...e.retry}:r.retry={calculateDelay:i=>i.computedValue,limit:0,methods:[],statusCodes:[],errorCodes:[],maxRetryAfter:void 0},mr.default.object(t)?(r.retry={...r.retry,...t},r.retry.methods=[...new Set(r.retry.methods.map(i=>i.toUpperCase()))],r.retry.statusCodes=[...new Set(r.retry.statusCodes)],r.retry.errorCodes=[...new Set(r.retry.errorCodes)]):mr.default.number(t)&&(r.retry.limit=t),mr.default.undefined(r.retry.maxRetryAfter)&&(r.retry.maxRetryAfter=Math.min(...[r.timeout.request,r.timeout.connect].filter(mr.default.number))),mr.default.object(r.pagination)){e&&(r.pagination={...e.pagination,...r.pagination});let{pagination:i}=r;if(!mr.default.function_(i.transform))throw new Error("`options.pagination.transform` must be implemented");if(!mr.default.function_(i.shouldContinue))throw new Error("`options.pagination.shouldContinue` must be implemented");if(!mr.default.function_(i.filter))throw new TypeError("`options.pagination.filter` must be implemented");if(!mr.default.function_(i.paginate))throw new Error("`options.pagination.paginate` must be implemented")}return r.responseType==="json"&&r.headers.accept===void 0&&(r.headers.accept="application/json"),r};_k.default=iPe});var k5=w(uC=>{"use strict";Object.defineProperty(uC,"__esModule",{value:!0});uC.retryAfterStatusCodes=void 0;uC.retryAfterStatusCodes=new Set([413,429,503]);var nPe=({attemptCount:r,retryOptions:e,error:t,retryAfter:i})=>{if(r>e.limit)return 0;let n=e.methods.includes(t.options.method),s=e.errorCodes.includes(t.code),o=t.response&&e.statusCodes.includes(t.response.statusCode);if(!n||!s&&!o)return 0;if(t.response){if(i)return e.maxRetryAfter===void 0||i>e.maxRetryAfter?0:i;if(t.response.statusCode===413)return 0}let a=Math.random()*100;return 2**(r-1)*1e3+a};uC.default=nPe});var hC=w(Yt=>{"use strict";Object.defineProperty(Yt,"__esModule",{value:!0});Yt.UnsupportedProtocolError=Yt.ReadError=Yt.TimeoutError=Yt.UploadError=Yt.CacheError=Yt.HTTPError=Yt.MaxRedirectsError=Yt.RequestError=Yt.setNonEnumerableProperties=Yt.knownHookEvents=Yt.withoutBody=Yt.kIsNormalizedAlready=void 0;var R5=J("util"),F5=J("stream"),sPe=J("fs"),UA=J("url"),N5=J("http"),Zk=J("http"),oPe=J("https"),aPe=V8(),APe=rz(),L5=Nz(),lPe=Mz(),cPe=f5(),uPe=Mw(),Ee=Ta(),gPe=m5(),T5=Mk(),fPe=Hk(),O5=y5(),hPe=B5(),M5=Q5(),pPe=b5(),dPe=zk(),K5=v5(),CPe=Vk(),HA=P5(),mPe=D5(),EPe=k5(),$k,xi=Symbol("request"),Jw=Symbol("response"),Rf=Symbol("responseSize"),Ff=Symbol("downloadedSize"),Nf=Symbol("bodySize"),Lf=Symbol("uploadedSize"),jw=Symbol("serverResponsesPiped"),U5=Symbol("unproxyEvents"),H5=Symbol("isFromCache"),eR=Symbol("cancelTimeouts"),G5=Symbol("startedReading"),Tf=Symbol("stopReading"),qw=Symbol("triggerRead"),GA=Symbol("body"),gC=Symbol("jobs"),Y5=Symbol("originalResponse"),j5=Symbol("retryTimeout");Yt.kIsNormalizedAlready=Symbol("isNormalizedAlready");var IPe=Ee.default.string(process.versions.brotli);Yt.withoutBody=new Set(["GET","HEAD"]);Yt.knownHookEvents=["init","beforeRequest","beforeRedirect","beforeError","beforeRetry","afterResponse"];function yPe(r){for(let e in r){let t=r[e];if(!Ee.default.string(t)&&!Ee.default.number(t)&&!Ee.default.boolean(t)&&!Ee.default.null_(t)&&!Ee.default.undefined(t))throw new TypeError(`The \`searchParams\` value '${String(t)}' must be a string, number, boolean or null`)}}function wPe(r){return Ee.default.object(r)&&!("statusCode"in r)}var tR=new pPe.default,BPe=async r=>new Promise((e,t)=>{let i=n=>{t(n)};r.pending||e(),r.once("error",i),r.once("ready",()=>{r.off("error",i),e()})}),QPe=new Set([300,301,302,303,304,307,308]),bPe=["context","body","json","form"];Yt.setNonEnumerableProperties=(r,e)=>{let t={};for(let i of r)if(!!i)for(let n of bPe)n in i&&(t[n]={writable:!0,configurable:!0,enumerable:!1,value:i[n]});Object.defineProperties(e,t)};var ei=class extends Error{constructor(e,t,i){var n;if(super(e),Error.captureStackTrace(this,this.constructor),this.name="RequestError",this.code=t.code,i instanceof $w?(Object.defineProperty(this,"request",{enumerable:!1,value:i}),Object.defineProperty(this,"response",{enumerable:!1,value:i[Jw]}),Object.defineProperty(this,"options",{enumerable:!1,value:i.options})):Object.defineProperty(this,"options",{enumerable:!1,value:i}),this.timings=(n=this.request)===null||n===void 0?void 0:n.timings,Ee.default.string(t.stack)&&Ee.default.string(this.stack)){let s=this.stack.indexOf(this.message)+this.message.length,o=this.stack.slice(s).split(`
-`).reverse(),a=t.stack.slice(t.stack.indexOf(t.message)+t.message.length).split(`
-`).reverse();for(;a.length!==0&&a[0]===o[0];)o.shift();this.stack=`${this.stack.slice(0,s)}${o.reverse().join(`
-`)}${a.reverse().join(`
-`)}`}}};Yt.RequestError=ei;var Ww=class extends ei{constructor(e){super(`Redirected ${e.options.maxRedirects} times. Aborting.`,{},e),this.name="MaxRedirectsError"}};Yt.MaxRedirectsError=Ww;var zw=class extends ei{constructor(e){super(`Response code ${e.statusCode} (${e.statusMessage})`,{},e.request),this.name="HTTPError"}};Yt.HTTPError=zw;var Vw=class extends ei{constructor(e,t){super(e.message,e,t),this.name="CacheError"}};Yt.CacheError=Vw;var Xw=class extends ei{constructor(e,t){super(e.message,e,t),this.name="UploadError"}};Yt.UploadError=Xw;var _w=class extends ei{constructor(e,t,i){super(e.message,e,i),this.name="TimeoutError",this.event=e.event,this.timings=t}};Yt.TimeoutError=_w;var fC=class extends ei{constructor(e,t){super(e.message,e,t),this.name="ReadError"}};Yt.ReadError=fC;var Zw=class extends ei{constructor(e){super(`Unsupported protocol "${e.url.protocol}"`,{},e),this.name="UnsupportedProtocolError"}};Yt.UnsupportedProtocolError=Zw;var SPe=["socket","connect","continue","information","upgrade","timeout"],$w=class extends F5.Duplex{constructor(e,t={},i){super({autoDestroy:!1,highWaterMark:0}),this[Ff]=0,this[Lf]=0,this.requestInitialized=!1,this[jw]=new Set,this.redirects=[],this[Tf]=!1,this[qw]=!1,this[gC]=[],this.retryCount=0,this._progressCallbacks=[];let n=()=>this._unlockWrite(),s=()=>this._lockWrite();this.on("pipe",c=>{c.prependListener("data",n),c.on("data",s),c.prependListener("end",n),c.on("end",s)}),this.on("unpipe",c=>{c.off("data",n),c.off("data",s),c.off("end",n),c.off("end",s)}),this.on("pipe",c=>{c instanceof Zk.IncomingMessage&&(this.options.headers={...c.headers,...this.options.headers})});let{json:o,body:a,form:l}=t;if((o||a||l)&&this._lockWrite(),Yt.kIsNormalizedAlready in t)this.options=t;else try{this.options=this.constructor.normalizeArguments(e,t,i)}catch(c){Ee.default.nodeStream(t.body)&&t.body.destroy(),this.destroy(c);return}(async()=>{var c;try{this.options.body instanceof sPe.ReadStream&&await BPe(this.options.body);let{url:u}=this.options;if(!u)throw new TypeError("Missing `url` property");if(this.requestUrl=u.toString(),decodeURI(this.requestUrl),await this._finalizeBody(),await this._makeRequest(),this.destroyed){(c=this[xi])===null||c===void 0||c.destroy();return}for(let g of this[gC])g();this[gC].length=0,this.requestInitialized=!0}catch(u){if(u instanceof ei){this._beforeError(u);return}this.destroyed||this.destroy(u)}})()}static normalizeArguments(e,t,i){var n,s,o,a,l;let c=t;if(Ee.default.object(e)&&!Ee.default.urlInstance(e))t={...i,...e,...t};else{if(e&&t&&t.url!==void 0)throw new TypeError("The `url` option is mutually exclusive with the `input` argument");t={...i,...t},e!==void 0&&(t.url=e),Ee.default.urlInstance(t.url)&&(t.url=new UA.URL(t.url.toString()))}if(t.cache===!1&&(t.cache=void 0),t.dnsCache===!1&&(t.dnsCache=void 0),Ee.assert.any([Ee.default.string,Ee.default.undefined],t.method),Ee.assert.any([Ee.default.object,Ee.default.undefined],t.headers),Ee.assert.any([Ee.default.string,Ee.default.urlInstance,Ee.default.undefined],t.prefixUrl),Ee.assert.any([Ee.default.object,Ee.default.undefined],t.cookieJar),Ee.assert.any([Ee.default.object,Ee.default.string,Ee.default.undefined],t.searchParams),Ee.assert.any([Ee.default.object,Ee.default.string,Ee.default.undefined],t.cache),Ee.assert.any([Ee.default.object,Ee.default.number,Ee.default.undefined],t.timeout),Ee.assert.any([Ee.default.object,Ee.default.undefined],t.context),Ee.assert.any([Ee.default.object,Ee.default.undefined],t.hooks),Ee.assert.any([Ee.default.boolean,Ee.default.undefined],t.decompress),Ee.assert.any([Ee.default.boolean,Ee.default.undefined],t.ignoreInvalidCookies),Ee.assert.any([Ee.default.boolean,Ee.default.undefined],t.followRedirect),Ee.assert.any([Ee.default.number,Ee.default.undefined],t.maxRedirects),Ee.assert.any([Ee.default.boolean,Ee.default.undefined],t.throwHttpErrors),Ee.assert.any([Ee.default.boolean,Ee.default.undefined],t.http2),Ee.assert.any([Ee.default.boolean,Ee.default.undefined],t.allowGetBody),Ee.assert.any([Ee.default.string,Ee.default.undefined],t.localAddress),Ee.assert.any([K5.isDnsLookupIpVersion,Ee.default.undefined],t.dnsLookupIpVersion),Ee.assert.any([Ee.default.object,Ee.default.undefined],t.https),Ee.assert.any([Ee.default.boolean,Ee.default.undefined],t.rejectUnauthorized),t.https&&(Ee.assert.any([Ee.default.boolean,Ee.default.undefined],t.https.rejectUnauthorized),Ee.assert.any([Ee.default.function_,Ee.default.undefined],t.https.checkServerIdentity),Ee.assert.any([Ee.default.string,Ee.default.object,Ee.default.array,Ee.default.undefined],t.https.certificateAuthority),Ee.assert.any([Ee.default.string,Ee.default.object,Ee.default.array,Ee.default.undefined],t.https.key),Ee.assert.any([Ee.default.string,Ee.default.object,Ee.default.array,Ee.default.undefined],t.https.certificate),Ee.assert.any([Ee.default.string,Ee.default.undefined],t.https.passphrase),Ee.assert.any([Ee.default.string,Ee.default.buffer,Ee.default.array,Ee.default.undefined],t.https.pfx)),Ee.assert.any([Ee.default.object,Ee.default.undefined],t.cacheOptions),Ee.default.string(t.method)?t.method=t.method.toUpperCase():t.method="GET",t.headers===(i==null?void 0:i.headers)?t.headers={...t.headers}:t.headers=uPe({...i==null?void 0:i.headers,...t.headers}),"slashes"in t)throw new TypeError("The legacy `url.Url` has been deprecated. Use `URL` instead.");if("auth"in t)throw new TypeError("Parameter `auth` is deprecated. Use `username` / `password` instead.");if("searchParams"in t&&t.searchParams&&t.searchParams!==(i==null?void 0:i.searchParams)){let h;if(Ee.default.string(t.searchParams)||t.searchParams instanceof UA.URLSearchParams)h=new UA.URLSearchParams(t.searchParams);else{yPe(t.searchParams),h=new UA.URLSearchParams;for(let p in t.searchParams){let C=t.searchParams[p];C===null?h.append(p,""):C!==void 0&&h.append(p,C)}}(n=i==null?void 0:i.searchParams)===null||n===void 0||n.forEach((p,C)=>{h.has(C)||h.append(C,p)}),t.searchParams=h}if(t.username=(s=t.username)!==null&&s!==void 0?s:"",t.password=(o=t.password)!==null&&o!==void 0?o:"",Ee.default.undefined(t.prefixUrl)?t.prefixUrl=(a=i==null?void 0:i.prefixUrl)!==null&&a!==void 0?a:"":(t.prefixUrl=t.prefixUrl.toString(),t.prefixUrl!==""&&!t.prefixUrl.endsWith("/")&&(t.prefixUrl+="/")),Ee.default.string(t.url)){if(t.url.startsWith("/"))throw new Error("`input` must not start with a slash when using `prefixUrl`");t.url=M5.default(t.prefixUrl+t.url,t)}else(Ee.default.undefined(t.url)&&t.prefixUrl!==""||t.protocol)&&(t.url=M5.default(t.prefixUrl,t));if(t.url){"port"in t&&delete t.port;let{prefixUrl:h}=t;Object.defineProperty(t,"prefixUrl",{set:C=>{let y=t.url;if(!y.href.startsWith(C))throw new Error(`Cannot change \`prefixUrl\` from ${h} to ${C}: ${y.href}`);t.url=new UA.URL(C+y.href.slice(h.length)),h=C},get:()=>h});let{protocol:p}=t.url;if(p==="unix:"&&(p="http:",t.url=new UA.URL(`http://unix${t.url.pathname}${t.url.search}`)),t.searchParams&&(t.url.search=t.searchParams.toString()),p!=="http:"&&p!=="https:")throw new Zw(t);t.username===""?t.username=t.url.username:t.url.username=t.username,t.password===""?t.password=t.url.password:t.url.password=t.password}let{cookieJar:u}=t;if(u){let{setCookie:h,getCookieString:p}=u;Ee.assert.function_(h),Ee.assert.function_(p),h.length===4&&p.length===0&&(h=R5.promisify(h.bind(t.cookieJar)),p=R5.promisify(p.bind(t.cookieJar)),t.cookieJar={setCookie:h,getCookieString:p})}let{cache:g}=t;if(g&&(tR.has(g)||tR.set(g,new L5((h,p)=>{let C=h[xi](h,p);return Ee.default.promise(C)&&(C.once=(y,B)=>{if(y==="error")C.catch(B);else if(y==="abort")(async()=>{try{(await C).once("abort",B)}catch{}})();else throw new Error(`Unknown HTTP2 promise event: ${y}`);return C}),C},g))),t.cacheOptions={...t.cacheOptions},t.dnsCache===!0)$k||($k=new APe.default),t.dnsCache=$k;else if(!Ee.default.undefined(t.dnsCache)&&!t.dnsCache.lookup)throw new TypeError(`Parameter \`dnsCache\` must be a CacheableLookup instance or a boolean, got ${Ee.default(t.dnsCache)}`);Ee.default.number(t.timeout)?t.timeout={request:t.timeout}:i&&t.timeout!==i.timeout?t.timeout={...i.timeout,...t.timeout}:t.timeout={...t.timeout},t.context||(t.context={});let f=t.hooks===(i==null?void 0:i.hooks);t.hooks={...t.hooks};for(let h of Yt.knownHookEvents)if(h in t.hooks)if(Ee.default.array(t.hooks[h]))t.hooks[h]=[...t.hooks[h]];else throw new TypeError(`Parameter \`${h}\` must be an Array, got ${Ee.default(t.hooks[h])}`);else t.hooks[h]=[];if(i&&!f)for(let h of Yt.knownHookEvents)i.hooks[h].length>0&&(t.hooks[h]=[...i.hooks[h],...t.hooks[h]]);if("family"in t&&HA.default('"options.family" was never documented, please use "options.dnsLookupIpVersion"'),i!=null&&i.https&&(t.https={...i.https,...t.https}),"rejectUnauthorized"in t&&HA.default('"options.rejectUnauthorized" is now deprecated, please use "options.https.rejectUnauthorized"'),"checkServerIdentity"in t&&HA.default('"options.checkServerIdentity" was never documented, please use "options.https.checkServerIdentity"'),"ca"in t&&HA.default('"options.ca" was never documented, please use "options.https.certificateAuthority"'),"key"in t&&HA.default('"options.key" was never documented, please use "options.https.key"'),"cert"in t&&HA.default('"options.cert" was never documented, please use "options.https.certificate"'),"passphrase"in t&&HA.default('"options.passphrase" was never documented, please use "options.https.passphrase"'),"pfx"in t&&HA.default('"options.pfx" was never documented, please use "options.https.pfx"'),"followRedirects"in t)throw new TypeError("The `followRedirects` option does not exist. Use `followRedirect` instead.");if(t.agent){for(let h in t.agent)if(h!=="http"&&h!=="https"&&h!=="http2")throw new TypeError(`Expected the \`options.agent\` properties to be \`http\`, \`https\` or \`http2\`, got \`${h}\``)}return t.maxRedirects=(l=t.maxRedirects)!==null&&l!==void 0?l:0,Yt.setNonEnumerableProperties([i,c],t),mPe.default(t,i)}_lockWrite(){let e=()=>{throw new TypeError("The payload has been already provided")};this.write=e,this.end=e}_unlockWrite(){this.write=super.write,this.end=super.end}async _finalizeBody(){let{options:e}=this,{headers:t}=e,i=!Ee.default.undefined(e.form),n=!Ee.default.undefined(e.json),s=!Ee.default.undefined(e.body),o=i||n||s,a=Yt.withoutBody.has(e.method)&&!(e.method==="GET"&&e.allowGetBody);if(this._cannotHaveBody=a,o){if(a)throw new TypeError(`The \`${e.method}\` method cannot be used with a body`);if([s,i,n].filter(l=>l).length>1)throw new TypeError("The `body`, `json` and `form` options are mutually exclusive");if(s&&!(e.body instanceof F5.Readable)&&!Ee.default.string(e.body)&&!Ee.default.buffer(e.body)&&!T5.default(e.body))throw new TypeError("The `body` option must be a stream.Readable, string or Buffer");if(i&&!Ee.default.object(e.form))throw new TypeError("The `form` option must be an Object");{let l=!Ee.default.string(t["content-type"]);s?(T5.default(e.body)&&l&&(t["content-type"]=`multipart/form-data; boundary=${e.body.getBoundary()}`),this[GA]=e.body):i?(l&&(t["content-type"]="application/x-www-form-urlencoded"),this[GA]=new UA.URLSearchParams(e.form).toString()):(l&&(t["content-type"]="application/json"),this[GA]=e.stringifyJson(e.json));let c=await gPe.default(this[GA],e.headers);Ee.default.undefined(t["content-length"])&&Ee.default.undefined(t["transfer-encoding"])&&!a&&!Ee.default.undefined(c)&&(t["content-length"]=String(c))}}else a?this._lockWrite():this._unlockWrite();this[Nf]=Number(t["content-length"])||void 0}async _onResponseBase(e){let{options:t}=this,{url:i}=t;this[Y5]=e,t.decompress&&(e=lPe(e));let n=e.statusCode,s=e;s.statusMessage=s.statusMessage?s.statusMessage:N5.STATUS_CODES[n],s.url=t.url.toString(),s.requestUrl=this.requestUrl,s.redirectUrls=this.redirects,s.request=this,s.isFromCache=e.fromCache||!1,s.ip=this.ip,s.retryCount=this.retryCount,this[H5]=s.isFromCache,this[Rf]=Number(e.headers["content-length"])||void 0,this[Jw]=e,e.once("end",()=>{this[Rf]=this[Ff],this.emit("downloadProgress",this.downloadProgress)}),e.once("error",a=>{e.destroy(),this._beforeError(new fC(a,this))}),e.once("aborted",()=>{this._beforeError(new fC({name:"Error",message:"The server aborted pending request",code:"ECONNRESET"},this))}),this.emit("downloadProgress",this.downloadProgress);let o=e.headers["set-cookie"];if(Ee.default.object(t.cookieJar)&&o){let a=o.map(async l=>t.cookieJar.setCookie(l,i.toString()));t.ignoreInvalidCookies&&(a=a.map(async l=>l.catch(()=>{})));try{await Promise.all(a)}catch(l){this._beforeError(l);return}}if(t.followRedirect&&e.headers.location&&QPe.has(n)){if(e.resume(),this[xi]&&(this[eR](),delete this[xi],this[U5]()),(n===303&&t.method!=="GET"&&t.method!=="HEAD"||!t.methodRewriting)&&(t.method="GET","body"in t&&delete t.body,"json"in t&&delete t.json,"form"in t&&delete t.form,this[GA]=void 0,delete t.headers["content-length"]),this.redirects.length>=t.maxRedirects){this._beforeError(new Ww(this));return}try{let l=Buffer.from(e.headers.location,"binary").toString(),c=new UA.URL(l,i),u=c.toString();decodeURI(u),c.hostname!==i.hostname||c.port!==i.port?("host"in t.headers&&delete t.headers.host,"cookie"in t.headers&&delete t.headers.cookie,"authorization"in t.headers&&delete t.headers.authorization,(t.username||t.password)&&(t.username="",t.password="")):(c.username=t.username,c.password=t.password),this.redirects.push(u),t.url=c;for(let g of t.hooks.beforeRedirect)await g(t,s);this.emit("redirect",s,t),await this._makeRequest()}catch(l){this._beforeError(l);return}return}if(t.isStream&&t.throwHttpErrors&&!CPe.isResponseOk(s)){this._beforeError(new zw(s));return}e.on("readable",()=>{this[qw]&&this._read()}),this.on("resume",()=>{e.resume()}),this.on("pause",()=>{e.pause()}),e.once("end",()=>{this.push(null)}),this.emit("response",e);for(let a of this[jw])if(!a.headersSent){for(let l in e.headers){let c=t.decompress?l!=="content-encoding":!0,u=e.headers[l];c&&a.setHeader(l,u)}a.statusCode=n}}async _onResponse(e){try{await this._onResponseBase(e)}catch(t){this._beforeError(t)}}_onRequest(e){let{options:t}=this,{timeout:i,url:n}=t;aPe.default(e),this[eR]=O5.default(e,i,n);let s=t.cache?"cacheableResponse":"response";e.once(s,l=>{this._onResponse(l)}),e.once("error",l=>{var c;e.destroy(),(c=e.res)===null||c===void 0||c.removeAllListeners("end"),l=l instanceof O5.TimeoutError?new _w(l,this.timings,this):new ei(l.message,l,this),this._beforeError(l)}),this[U5]=fPe.default(e,this,SPe),this[xi]=e,this.emit("uploadProgress",this.uploadProgress);let o=this[GA],a=this.redirects.length===0?this:e;Ee.default.nodeStream(o)?(o.pipe(a),o.once("error",l=>{this._beforeError(new Xw(l,this))})):(this._unlockWrite(),Ee.default.undefined(o)?(this._cannotHaveBody||this._noPipe)&&(a.end(),this._lockWrite()):(this._writeRequest(o,void 0,()=>{}),a.end(),this._lockWrite())),this.emit("request",e)}async _createCacheableRequest(e,t){return new Promise((i,n)=>{Object.assign(t,hPe.default(e)),delete t.url;let s,o=tR.get(t.cache)(t,async a=>{a._readableState.autoDestroy=!1,s&&(await s).emit("cacheableResponse",a),i(a)});t.url=e,o.once("error",n),o.once("request",async a=>{s=a,i(s)})})}async _makeRequest(){var e,t,i,n,s;let{options:o}=this,{headers:a}=o;for(let B in a)if(Ee.default.undefined(a[B]))delete a[B];else if(Ee.default.null_(a[B]))throw new TypeError(`Use \`undefined\` instead of \`null\` to delete the \`${B}\` header`);if(o.decompress&&Ee.default.undefined(a["accept-encoding"])&&(a["accept-encoding"]=IPe?"gzip, deflate, br":"gzip, deflate"),o.cookieJar){let B=await o.cookieJar.getCookieString(o.url.toString());Ee.default.nonEmptyString(B)&&(o.headers.cookie=B)}for(let B of o.hooks.beforeRequest){let v=await B(o);if(!Ee.default.undefined(v)){o.request=()=>v;break}}o.body&&this[GA]!==o.body&&(this[GA]=o.body);let{agent:l,request:c,timeout:u,url:g}=o;if(o.dnsCache&&!("lookup"in o)&&(o.lookup=o.dnsCache.lookup),g.hostname==="unix"){let B=/(?<socketPath>.+?):(?<path>.+)/.exec(`${g.pathname}${g.search}`);if(B!=null&&B.groups){let{socketPath:v,path:D}=B.groups;Object.assign(o,{socketPath:v,path:D,host:""})}}let f=g.protocol==="https:",h;o.http2?h=cPe.auto:h=f?oPe.request:N5.request;let p=(e=o.request)!==null&&e!==void 0?e:h,C=o.cache?this._createCacheableRequest:p;l&&!o.http2&&(o.agent=l[f?"https":"http"]),o[xi]=p,delete o.request,delete o.timeout;let y=o;if(y.shared=(t=o.cacheOptions)===null||t===void 0?void 0:t.shared,y.cacheHeuristic=(i=o.cacheOptions)===null||i===void 0?void 0:i.cacheHeuristic,y.immutableMinTimeToLive=(n=o.cacheOptions)===null||n===void 0?void 0:n.immutableMinTimeToLive,y.ignoreCargoCult=(s=o.cacheOptions)===null||s===void 0?void 0:s.ignoreCargoCult,o.dnsLookupIpVersion!==void 0)try{y.family=K5.dnsLookupIpVersionToFamily(o.dnsLookupIpVersion)}catch{throw new Error("Invalid `dnsLookupIpVersion` option value")}o.https&&("rejectUnauthorized"in o.https&&(y.rejectUnauthorized=o.https.rejectUnauthorized),o.https.checkServerIdentity&&(y.checkServerIdentity=o.https.checkServerIdentity),o.https.certificateAuthority&&(y.ca=o.https.certificateAuthority),o.https.certificate&&(y.cert=o.https.certificate),o.https.key&&(y.key=o.https.key),o.https.passphrase&&(y.passphrase=o.https.passphrase),o.https.pfx&&(y.pfx=o.https.pfx));try{let B=await C(g,y);Ee.default.undefined(B)&&(B=h(g,y)),o.request=c,o.timeout=u,o.agent=l,o.https&&("rejectUnauthorized"in o.https&&delete y.rejectUnauthorized,o.https.checkServerIdentity&&delete y.checkServerIdentity,o.https.certificateAuthority&&delete y.ca,o.https.certificate&&delete y.cert,o.https.key&&delete y.key,o.https.passphrase&&delete y.passphrase,o.https.pfx&&delete y.pfx),wPe(B)?this._onRequest(B):this.writable?(this.once("finish",()=>{this._onResponse(B)}),this._unlockWrite(),this.end(),this._lockWrite()):this._onResponse(B)}catch(B){throw B instanceof L5.CacheError?new Vw(B,this):new ei(B.message,B,this)}}async _error(e){try{for(let t of this.options.hooks.beforeError)e=await t(e)}catch(t){e=new ei(t.message,t,this)}this.destroy(e)}_beforeError(e){if(this[Tf])return;let{options:t}=this,i=this.retryCount+1;this[Tf]=!0,e instanceof ei||(e=new ei(e.message,e,this));let n=e,{response:s}=n;(async()=>{if(s&&!s.body){s.setEncoding(this._readableState.encoding);try{s.rawBody=await dPe.default(s),s.body=s.rawBody.toString()}catch{}}if(this.listenerCount("retry")!==0){let o;try{let a;s&&"retry-after"in s.headers&&(a=Number(s.headers["retry-after"]),Number.isNaN(a)?(a=Date.parse(s.headers["retry-after"])-Date.now(),a<=0&&(a=1)):a*=1e3),o=await t.retry.calculateDelay({attemptCount:i,retryOptions:t.retry,error:n,retryAfter:a,computedValue:EPe.default({attemptCount:i,retryOptions:t.retry,error:n,retryAfter:a,computedValue:0})})}catch(a){this._error(new ei(a.message,a,this));return}if(o){let a=async()=>{try{for(let l of this.options.hooks.beforeRetry)await l(this.options,n,i)}catch(l){this._error(new ei(l.message,e,this));return}this.destroyed||(this.destroy(),this.emit("retry",i,e))};this[j5]=setTimeout(a,o);return}}this._error(n)})()}_read(){this[qw]=!0;let e=this[Jw];if(e&&!this[Tf]){e.readableLength&&(this[qw]=!1);let t;for(;(t=e.read())!==null;){this[Ff]+=t.length,this[G5]=!0;let i=this.downloadProgress;i.percent<1&&this.emit("downloadProgress",i),this.push(t)}}}_write(e,t,i){let n=()=>{this._writeRequest(e,t,i)};this.requestInitialized?n():this[gC].push(n)}_writeRequest(e,t,i){this[xi].destroyed||(this._progressCallbacks.push(()=>{this[Lf]+=Buffer.byteLength(e,t);let n=this.uploadProgress;n.percent<1&&this.emit("uploadProgress",n)}),this[xi].write(e,t,n=>{!n&&this._progressCallbacks.length>0&&this._progressCallbacks.shift()(),i(n)}))}_final(e){let t=()=>{for(;this._progressCallbacks.length!==0;)this._progressCallbacks.shift()();if(!(xi in this)){e();return}if(this[xi].destroyed){e();return}this[xi].end(i=>{i||(this[Nf]=this[Lf],this.emit("uploadProgress",this.uploadProgress),this[xi].emit("upload-complete")),e(i)})};this.requestInitialized?t():this[gC].push(t)}_destroy(e,t){var i;this[Tf]=!0,clearTimeout(this[j5]),xi in this&&(this[eR](),!((i=this[Jw])===null||i===void 0)&&i.complete||this[xi].destroy()),e!==null&&!Ee.default.undefined(e)&&!(e instanceof ei)&&(e=new ei(e.message,e,this)),t(e)}get _isAboutToError(){return this[Tf]}get ip(){var e;return(e=this.socket)===null||e===void 0?void 0:e.remoteAddress}get aborted(){var e,t,i;return((t=(e=this[xi])===null||e===void 0?void 0:e.destroyed)!==null&&t!==void 0?t:this.destroyed)&&!(!((i=this[Y5])===null||i===void 0)&&i.complete)}get socket(){var e,t;return(t=(e=this[xi])===null||e===void 0?void 0:e.socket)!==null&&t!==void 0?t:void 0}get downloadProgress(){let e;return this[Rf]?e=this[Ff]/this[Rf]:this[Rf]===this[Ff]?e=1:e=0,{percent:e,transferred:this[Ff],total:this[Rf]}}get uploadProgress(){let e;return this[Nf]?e=this[Lf]/this[Nf]:this[Nf]===this[Lf]?e=1:e=0,{percent:e,transferred:this[Lf],total:this[Nf]}}get timings(){var e;return(e=this[xi])===null||e===void 0?void 0:e.timings}get isFromCache(){return this[H5]}pipe(e,t){if(this[G5])throw new Error("Failed to pipe. The response has been emitted already.");return e instanceof Zk.ServerResponse&&this[jw].add(e),super.pipe(e,t)}unpipe(e){return e instanceof Zk.ServerResponse&&this[jw].delete(e),super.unpipe(e),this}};Yt.default=$w});var pC=w(io=>{"use strict";var vPe=io&&io.__createBinding||(Object.create?function(r,e,t,i){i===void 0&&(i=t),Object.defineProperty(r,i,{enumerable:!0,get:function(){return e[t]}})}:function(r,e,t,i){i===void 0&&(i=t),r[i]=e[t]}),xPe=io&&io.__exportStar||function(r,e){for(var t in r)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&vPe(e,r,t)};Object.defineProperty(io,"__esModule",{value:!0});io.CancelError=io.ParseError=void 0;var q5=hC(),rR=class extends q5.RequestError{constructor(e,t){let{options:i}=t.request;super(`${e.message} in "${i.url.toString()}"`,e,t.request),this.name="ParseError"}};io.ParseError=rR;var iR=class extends q5.RequestError{constructor(e){super("Promise was canceled",{},e),this.name="CancelError"}get isCanceled(){return!0}};io.CancelError=iR;xPe(hC(),io)});var W5=w(nR=>{"use strict";Object.defineProperty(nR,"__esModule",{value:!0});var J5=pC(),PPe=(r,e,t,i)=>{let{rawBody:n}=r;try{if(e==="text")return n.toString(i);if(e==="json")return n.length===0?"":t(n.toString());if(e==="buffer")return n;throw new J5.ParseError({message:`Unknown body type '${e}'`,name:"Error"},r)}catch(s){throw new J5.ParseError(s,r)}};nR.default=PPe});var sR=w(YA=>{"use strict";var DPe=YA&&YA.__createBinding||(Object.create?function(r,e,t,i){i===void 0&&(i=t),Object.defineProperty(r,i,{enumerable:!0,get:function(){return e[t]}})}:function(r,e,t,i){i===void 0&&(i=t),r[i]=e[t]}),kPe=YA&&YA.__exportStar||function(r,e){for(var t in r)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&DPe(e,r,t)};Object.defineProperty(YA,"__esModule",{value:!0});var RPe=J("events"),FPe=Ta(),NPe=W8(),eB=pC(),z5=W5(),V5=hC(),LPe=Hk(),TPe=zk(),X5=Vk(),OPe=["request","response","redirect","uploadProgress","downloadProgress"];function _5(r){let e,t,i=new RPe.EventEmitter,n=new NPe((o,a,l)=>{let c=u=>{let g=new V5.default(void 0,r);g.retryCount=u,g._noPipe=!0,l(()=>g.destroy()),l.shouldReject=!1,l(()=>a(new eB.CancelError(g))),e=g,g.once("response",async p=>{var C;if(p.retryCount=u,p.request.aborted)return;let y;try{y=await TPe.default(g),p.rawBody=y}catch{return}if(g._isAboutToError)return;let B=((C=p.headers["content-encoding"])!==null&&C!==void 0?C:"").toLowerCase(),v=["gzip","deflate","br"].includes(B),{options:D}=g;if(v&&!D.decompress)p.body=y;else try{p.body=z5.default(p,D.responseType,D.parseJson,D.encoding)}catch(L){if(p.body=y.toString(),X5.isResponseOk(p)){g._beforeError(L);return}}try{for(let[L,H]of D.hooks.afterResponse.entries())p=await H(p,async j=>{let $=V5.default.normalizeArguments(void 0,{...j,retry:{calculateDelay:()=>0},throwHttpErrors:!1,resolveBodyOnly:!1},D);$.hooks.afterResponse=$.hooks.afterResponse.slice(0,L);for(let W of $.hooks.beforeRetry)await W($);let V=_5($);return l(()=>{V.catch(()=>{}),V.cancel()}),V})}catch(L){g._beforeError(new eB.RequestError(L.message,L,g));return}if(!X5.isResponseOk(p)){g._beforeError(new eB.HTTPError(p));return}t=p,o(g.options.resolveBodyOnly?p.body:p)});let f=p=>{if(n.isCanceled)return;let{options:C}=g;if(p instanceof eB.HTTPError&&!C.throwHttpErrors){let{response:y}=p;o(g.options.resolveBodyOnly?y.body:y);return}a(p)};g.once("error",f);let h=g.options.body;g.once("retry",(p,C)=>{var y,B;if(h===((y=C.request)===null||y===void 0?void 0:y.options.body)&&FPe.default.nodeStream((B=C.request)===null||B===void 0?void 0:B.options.body)){f(C);return}c(p)}),LPe.default(g,i,OPe)};c(0)});n.on=(o,a)=>(i.on(o,a),n);let s=o=>{let a=(async()=>{await n;let{options:l}=t.request;return z5.default(t,o,l.parseJson,l.encoding)})();return Object.defineProperties(a,Object.getOwnPropertyDescriptors(n)),a};return n.json=()=>{let{headers:o}=e.options;return!e.writableFinished&&o.accept===void 0&&(o.accept="application/json"),s("json")},n.buffer=()=>s("buffer"),n.text=()=>s("text"),n}YA.default=_5;kPe(pC(),YA)});var Z5=w(oR=>{"use strict";Object.defineProperty(oR,"__esModule",{value:!0});var MPe=pC();function KPe(r,...e){let t=(async()=>{if(r instanceof MPe.RequestError)try{for(let n of e)if(n)for(let s of n)r=await s(r)}catch(n){r=n}throw r})(),i=()=>t;return t.json=i,t.text=i,t.buffer=i,t.on=i,t}oR.default=KPe});var tV=w(aR=>{"use strict";Object.defineProperty(aR,"__esModule",{value:!0});var $5=Ta();function eV(r){for(let e of Object.values(r))($5.default.plainObject(e)||$5.default.array(e))&&eV(e);return Object.freeze(r)}aR.default=eV});var iV=w(rV=>{"use strict";Object.defineProperty(rV,"__esModule",{value:!0})});var AR=w(Is=>{"use strict";var UPe=Is&&Is.__createBinding||(Object.create?function(r,e,t,i){i===void 0&&(i=t),Object.defineProperty(r,i,{enumerable:!0,get:function(){return e[t]}})}:function(r,e,t,i){i===void 0&&(i=t),r[i]=e[t]}),HPe=Is&&Is.__exportStar||function(r,e){for(var t in r)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&UPe(e,r,t)};Object.defineProperty(Is,"__esModule",{value:!0});Is.defaultHandler=void 0;var nV=Ta(),Es=sR(),GPe=Z5(),rB=hC(),YPe=tV(),jPe={RequestError:Es.RequestError,CacheError:Es.CacheError,ReadError:Es.ReadError,HTTPError:Es.HTTPError,MaxRedirectsError:Es.MaxRedirectsError,TimeoutError:Es.TimeoutError,ParseError:Es.ParseError,CancelError:Es.CancelError,UnsupportedProtocolError:Es.UnsupportedProtocolError,UploadError:Es.UploadError},qPe=async r=>new Promise(e=>{setTimeout(e,r)}),{normalizeArguments:tB}=rB.default,sV=(...r)=>{let e;for(let t of r)e=tB(void 0,t,e);return e},JPe=r=>r.isStream?new rB.default(void 0,r):Es.default(r),WPe=r=>"defaults"in r&&"options"in r.defaults,zPe=["get","post","put","patch","head","delete"];Is.defaultHandler=(r,e)=>e(r);var oV=(r,e)=>{if(r)for(let t of r)t(e)},aV=r=>{r._rawHandlers=r.handlers,r.handlers=r.handlers.map(i=>(n,s)=>{let o,a=i(n,l=>(o=s(l),o));if(a!==o&&!n.isStream&&o){let l=a,{then:c,catch:u,finally:g}=l;Object.setPrototypeOf(l,Object.getPrototypeOf(o)),Object.defineProperties(l,Object.getOwnPropertyDescriptors(o)),l.then=c,l.catch=u,l.finally=g}return a});let e=(i,n={},s)=>{var o,a;let l=0,c=u=>r.handlers[l++](u,l===r.handlers.length?JPe:c);if(nV.default.plainObject(i)){let u={...i,...n};rB.setNonEnumerableProperties([i,n],u),n=u,i=void 0}try{let u;try{oV(r.options.hooks.init,n),oV((o=n.hooks)===null||o===void 0?void 0:o.init,n)}catch(f){u=f}let g=tB(i,n,s!=null?s:r.options);if(g[rB.kIsNormalizedAlready]=!0,u)throw new Es.RequestError(u.message,u,g);return c(g)}catch(u){if(n.isStream)throw u;return GPe.default(u,r.options.hooks.beforeError,(a=n.hooks)===null||a===void 0?void 0:a.beforeError)}};e.extend=(...i)=>{let n=[r.options],s=[...r._rawHandlers],o;for(let a of i)WPe(a)?(n.push(a.defaults.options),s.push(...a.defaults._rawHandlers),o=a.defaults.mutableDefaults):(n.push(a),"handlers"in a&&s.push(...a.handlers),o=a.mutableDefaults);return s=s.filter(a=>a!==Is.defaultHandler),s.length===0&&s.push(Is.defaultHandler),aV({options:sV(...n),handlers:s,mutableDefaults:Boolean(o)})};let t=async function*(i,n){let s=tB(i,n,r.options);s.resolveBodyOnly=!1;let o=s.pagination;if(!nV.default.object(o))throw new TypeError("`options.pagination` must be implemented");let a=[],{countLimit:l}=o,c=0;for(;c<o.requestLimit;){c!==0&&await qPe(o.backoff);let u=await e(void 0,void 0,s),g=await o.transform(u),f=[];for(let p of g)if(o.filter(p,a,f)&&(!o.shouldContinue(p,a,f)||(yield p,o.stackAllItems&&a.push(p),f.push(p),--l<=0)))return;let h=o.paginate(u,a,f);if(h===!1)return;h===u.request.options?s=u.request.options:h!==void 0&&(s=tB(void 0,h,s)),c++}};e.paginate=t,e.paginate.all=async(i,n)=>{let s=[];for await(let o of t(i,n))s.push(o);return s},e.paginate.each=t,e.stream=(i,n)=>e(i,{...n,isStream:!0});for(let i of zPe)e[i]=(n,s)=>e(n,{...s,method:i}),e.stream[i]=(n,s)=>e(n,{...s,method:i,isStream:!0});return Object.assign(e,jPe),Object.defineProperty(e,"defaults",{value:r.mutableDefaults?r:YPe.default(r),writable:r.mutableDefaults,configurable:r.mutableDefaults,enumerable:!0}),e.mergeOptions=sV,e};Is.default=aV;HPe(iV(),Is)});var nB=w((Oa,iB)=>{"use strict";var VPe=Oa&&Oa.__createBinding||(Object.create?function(r,e,t,i){i===void 0&&(i=t),Object.defineProperty(r,i,{enumerable:!0,get:function(){return e[t]}})}:function(r,e,t,i){i===void 0&&(i=t),r[i]=e[t]}),AV=Oa&&Oa.__exportStar||function(r,e){for(var t in r)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&VPe(e,r,t)};Object.defineProperty(Oa,"__esModule",{value:!0});var XPe=J("url"),lV=AR(),_Pe={options:{method:"GET",retry:{limit:2,methods:["GET","PUT","HEAD","DELETE","OPTIONS","TRACE"],statusCodes:[408,413,429,500,502,503,504,521,522,524],errorCodes:["ETIMEDOUT","ECONNRESET","EADDRINUSE","ECONNREFUSED","EPIPE","ENOTFOUND","ENETUNREACH","EAI_AGAIN"],maxRetryAfter:void 0,calculateDelay:({computedValue:r})=>r},timeout:{},headers:{"user-agent":"got (https://github.com/sindresorhus/got)"},hooks:{init:[],beforeRequest:[],beforeRedirect:[],beforeRetry:[],beforeError:[],afterResponse:[]},cache:void 0,dnsCache:void 0,decompress:!0,throwHttpErrors:!0,followRedirect:!0,isStream:!1,responseType:"text",resolveBodyOnly:!1,maxRedirects:10,prefixUrl:"",methodRewriting:!0,ignoreInvalidCookies:!1,context:{},http2:!1,allowGetBody:!1,https:void 0,pagination:{transform:r=>r.request.options.responseType==="json"?r.body:JSON.parse(r.body),paginate:r=>{if(!Reflect.has(r.headers,"link"))return!1;let e=r.headers.link.split(","),t;for(let i of e){let n=i.split(";");if(n[1].includes("next")){t=n[0].trimStart().trim(),t=t.slice(1,-1);break}}return t?{url:new XPe.URL(t)}:!1},filter:()=>!0,shouldContinue:()=>!0,countLimit:1/0,backoff:0,requestLimit:1e4,stackAllItems:!0},parseJson:r=>JSON.parse(r),stringifyJson:r=>JSON.stringify(r),cacheOptions:{}},handlers:[lV.defaultHandler],mutableDefaults:!1},lR=lV.default(_Pe);Oa.default=lR;iB.exports=lR;iB.exports.default=lR;iB.exports.__esModule=!0;AV(AR(),Oa);AV(sR(),Oa)});var fV=w(Of=>{"use strict";var Jit=J("net"),ZPe=J("tls"),cR=J("http"),cV=J("https"),$Pe=J("events"),Wit=J("assert"),eDe=J("util");Of.httpOverHttp=tDe;Of.httpsOverHttp=rDe;Of.httpOverHttps=iDe;Of.httpsOverHttps=nDe;function tDe(r){var e=new Ma(r);return e.request=cR.request,e}function rDe(r){var e=new Ma(r);return e.request=cR.request,e.createSocket=uV,e.defaultPort=443,e}function iDe(r){var e=new Ma(r);return e.request=cV.request,e}function nDe(r){var e=new Ma(r);return e.request=cV.request,e.createSocket=uV,e.defaultPort=443,e}function Ma(r){var e=this;e.options=r||{},e.proxyOptions=e.options.proxy||{},e.maxSockets=e.options.maxSockets||cR.Agent.defaultMaxSockets,e.requests=[],e.sockets=[],e.on("free",function(i,n,s,o){for(var a=gV(n,s,o),l=0,c=e.requests.length;l<c;++l){var u=e.requests[l];if(u.host===a.host&&u.port===a.port){e.requests.splice(l,1),u.request.onSocket(i);return}}i.destroy(),e.removeSocket(i)})}eDe.inherits(Ma,$Pe.EventEmitter);Ma.prototype.addRequest=function(e,t,i,n){var s=this,o=uR({request:e},s.options,gV(t,i,n));if(s.sockets.length>=this.maxSockets){s.requests.push(o);return}s.createSocket(o,function(a){a.on("free",l),a.on("close",c),a.on("agentRemove",c),e.onSocket(a);function l(){s.emit("free",a,o)}function c(u){s.removeSocket(a),a.removeListener("free",l),a.removeListener("close",c),a.removeListener("agentRemove",c)}})};Ma.prototype.createSocket=function(e,t){var i=this,n={};i.sockets.push(n);var s=uR({},i.proxyOptions,{method:"CONNECT",path:e.host+":"+e.port,agent:!1,headers:{host:e.host+":"+e.port}});e.localAddress&&(s.localAddress=e.localAddress),s.proxyAuth&&(s.headers=s.headers||{},s.headers["Proxy-Authorization"]="Basic "+new Buffer(s.proxyAuth).toString("base64")),jA("making CONNECT request");var o=i.request(s);o.useChunkedEncodingByDefault=!1,o.once("response",a),o.once("upgrade",l),o.once("connect",c),o.once("error",u),o.end();function a(g){g.upgrade=!0}function l(g,f,h){process.nextTick(function(){c(g,f,h)})}function c(g,f,h){if(o.removeAllListeners(),f.removeAllListeners(),g.statusCode!==200){jA("tunneling socket could not be established, statusCode=%d",g.statusCode),f.destroy();var p=new Error("tunneling socket could not be established, statusCode="+g.statusCode);p.code="ECONNRESET",e.request.emit("error",p),i.removeSocket(n);return}if(h.length>0){jA("got illegal response body from proxy"),f.destroy();var p=new Error("got illegal response body from proxy");p.code="ECONNRESET",e.request.emit("error",p),i.removeSocket(n);return}return jA("tunneling connection has established"),i.sockets[i.sockets.indexOf(n)]=f,t(f)}function u(g){o.removeAllListeners(),jA(`tunneling socket could not be established, cause=%s
-`,g.message,g.stack);var f=new Error("tunneling socket could not be established, cause="+g.message);f.code="ECONNRESET",e.request.emit("error",f),i.removeSocket(n)}};Ma.prototype.removeSocket=function(e){var t=this.sockets.indexOf(e);if(t!==-1){this.sockets.splice(t,1);var i=this.requests.shift();i&&this.createSocket(i,function(n){i.request.onSocket(n)})}};function uV(r,e){var t=this;Ma.prototype.createSocket.call(t,r,function(i){var n=r.request.getHeader("host"),s=uR({},t.options,{socket:i,servername:n?n.replace(/:.*$/,""):r.host}),o=ZPe.connect(0,s);t.sockets[t.sockets.indexOf(i)]=o,e(o)})}function gV(r,e,t){return typeof r=="string"?{host:r,port:e,localAddress:t}:r}function uR(r){for(var e=1,t=arguments.length;e<t;++e){var i=arguments[e];if(typeof i=="object")for(var n=Object.keys(i),s=0,o=n.length;s<o;++s){var a=n[s];i[a]!==void 0&&(r[a]=i[a])}}return r}var jA;process.env.NODE_DEBUG&&/\btunnel\b/.test(process.env.NODE_DEBUG)?jA=function(){var r=Array.prototype.slice.call(arguments);typeof r[0]=="string"?r[0]="TUNNEL: "+r[0]:r.unshift("TUNNEL:"),console.error.apply(console,r)}:jA=function(){};Of.debug=jA});var pV=w((Vit,hV)=>{hV.exports=fV()});var SV=w((aB,CR)=>{var bV=Object.assign({},J("fs")),dR=function(){var r=typeof document<"u"&&document.currentScript?document.currentScript.src:void 0;return typeof __filename<"u"&&(r=r||__filename),function(e){e=e||{};var t=typeof e<"u"?e:{},i,n;t.ready=new Promise(function(d,E){i=d,n=E});var s={},o;for(o in t)t.hasOwnProperty(o)&&(s[o]=t[o]);var a=[],l="./this.program",c=function(d,E){throw E},u=!1,g=!0,f="";function h(d){return t.locateFile?t.locateFile(d,f):f+d}var p,C,y,B;g&&(u?f=J("path").dirname(f)+"/":f=__dirname+"/",p=function(E,I){var k=ca(E);return k?I?k:k.toString():(y||(y=bV),B||(B=J("path")),E=B.normalize(E),y.readFileSync(E,I?null:"utf8"))},C=function(E){var I=p(E,!0);return I.buffer||(I=new Uint8Array(I)),re(I.buffer),I},process.argv.length>1&&(l=process.argv[1].replace(/\\/g,"/")),a=process.argv.slice(2),c=function(d){process.exit(d)},t.inspect=function(){return"[Emscripten Module object]"});var v=t.print||console.log.bind(console),D=t.printErr||console.warn.bind(console);for(o in s)s.hasOwnProperty(o)&&(t[o]=s[o]);s=null,t.arguments&&(a=t.arguments),t.thisProgram&&(l=t.thisProgram),t.quit&&(c=t.quit);var L=16;function H(d,E){return E||(E=L),Math.ceil(d/E)*E}var j=0,$=function(d){j=d},V;t.wasmBinary&&(V=t.wasmBinary);var W=t.noExitRuntime||!0;typeof WebAssembly!="object"&&wr("no native wasm support detected");function Z(d,E,I){switch(E=E||"i8",E.charAt(E.length-1)==="*"&&(E="i32"),E){case"i1":return ne[d>>0];case"i8":return ne[d>>0];case"i16":return pe[d>>1];case"i32":return de[d>>2];case"i64":return de[d>>2];case"float":return Pt[d>>2];case"double":return It[d>>3];default:wr("invalid type for getValue: "+E)}return null}var A,ae=!1,ge;function re(d,E){d||wr("Assertion failed: "+E)}function O(d){var E=t["_"+d];return re(E,"Cannot call unknown function "+d+", make sure it is exported"),E}function F(d,E,I,k,T){var _={string:function(it){var Et=0;if(it!=null&&it!==0){var Qe=(it.length<<2)+1;Et=Q(Qe),oe(it,Et,Qe)}return Et},array:function(it){var Et=Q(it.length);return fe(it,Et),Et}};function te(it){return E==="string"?Fe(it):E==="boolean"?Boolean(it):it}var Be=O(d),me=[],Je=0;if(k)for(var nt=0;nt<k.length;nt++){var wt=_[I[nt]];wt?(Je===0&&(Je=kE()),me[nt]=wt(k[nt])):me[nt]=k[nt]}var lt=Be.apply(null,me);return lt=te(lt),Je!==0&&RE(Je),lt}function ue(d,E,I,k){I=I||[];var T=I.every(function(te){return te==="number"}),_=E!=="string";return _&&T&&!k?O(d):function(){return F(d,E,I,arguments,k)}}var he=typeof TextDecoder<"u"?new TextDecoder("utf8"):void 0;function ke(d,E,I){for(var k=E+I,T=E;d[T]&&!(T>=k);)++T;if(T-E>16&&d.subarray&&he)return he.decode(d.subarray(E,T));for(var _="";E<T;){var te=d[E++];if(!(te&128)){_+=String.fromCharCode(te);continue}var Be=d[E++]&63;if((te&224)==192){_+=String.fromCharCode((te&31)<<6|Be);continue}var me=d[E++]&63;if((te&240)==224?te=(te&15)<<12|Be<<6|me:te=(te&7)<<18|Be<<12|me<<6|d[E++]&63,te<65536)_+=String.fromCharCode(te);else{var Je=te-65536;_+=String.fromCharCode(55296|Je>>10,56320|Je&1023)}}return _}function Fe(d,E){return d?ke(Y,d,E):""}function Ne(d,E,I,k){if(!(k>0))return 0;for(var T=I,_=I+k-1,te=0;te<d.length;++te){var Be=d.charCodeAt(te);if(Be>=55296&&Be<=57343){var me=d.charCodeAt(++te);Be=65536+((Be&1023)<<10)|me&1023}if(Be<=127){if(I>=_)break;E[I++]=Be}else if(Be<=2047){if(I+1>=_)break;E[I++]=192|Be>>6,E[I++]=128|Be&63}else if(Be<=65535){if(I+2>=_)break;E[I++]=224|Be>>12,E[I++]=128|Be>>6&63,E[I++]=128|Be&63}else{if(I+3>=_)break;E[I++]=240|Be>>18,E[I++]=128|Be>>12&63,E[I++]=128|Be>>6&63,E[I++]=128|Be&63}}return E[I]=0,I-T}function oe(d,E,I){return Ne(d,Y,E,I)}function le(d){for(var E=0,I=0;I<d.length;++I){var k=d.charCodeAt(I);k>=55296&&k<=57343&&(k=65536+((k&1023)<<10)|d.charCodeAt(++I)&1023),k<=127?++E:k<=2047?E+=2:k<=65535?E+=3:E+=4}return E}function we(d){var E=le(d)+1,I=dt(E);return I&&Ne(d,ne,I,E),I}function fe(d,E){ne.set(d,E)}function Ae(d,E){return d%E>0&&(d+=E-d%E),d}var qe,ne,Y,pe,ie,de,tt,Pt,It;function Or(d){qe=d,t.HEAP8=ne=new Int8Array(d),t.HEAP16=pe=new Int16Array(d),t.HEAP32=de=new Int32Array(d),t.HEAPU8=Y=new Uint8Array(d),t.HEAPU16=ie=new Uint16Array(d),t.HEAPU32=tt=new Uint32Array(d),t.HEAPF32=Pt=new Float32Array(d),t.HEAPF64=It=new Float64Array(d)}var ii=t.INITIAL_MEMORY||16777216,gi,hr=[],fi=[],ni=[],Ls=!1;function pr(){if(t.preRun)for(typeof t.preRun=="function"&&(t.preRun=[t.preRun]);t.preRun.length;)oa(t.preRun.shift());Co(hr)}function Ei(){Ls=!0,!t.noFSInit&&!S.init.initialized&&S.init(),$n.init(),Co(fi)}function _n(){if(t.postRun)for(typeof t.postRun=="function"&&(t.postRun=[t.postRun]);t.postRun.length;)eg(t.postRun.shift());Co(ni)}function oa(d){hr.unshift(d)}function aA(d){fi.unshift(d)}function eg(d){ni.unshift(d)}var Zn=0,AA=null,aa=null;function up(d){return d}function lA(d){Zn++,t.monitorRunDependencies&&t.monitorRunDependencies(Zn)}function cA(d){if(Zn--,t.monitorRunDependencies&&t.monitorRunDependencies(Zn),Zn==0&&(AA!==null&&(clearInterval(AA),AA=null),aa)){var E=aa;aa=null,E()}}t.preloadedImages={},t.preloadedAudios={};function wr(d){t.onAbort&&t.onAbort(d),d+="",D(d),ae=!0,ge=1,d="abort("+d+"). Build with -s ASSERTIONS=1 for more info.";var E=new WebAssembly.RuntimeError(d);throw n(E),E}var wl="data:application/octet-stream;base64,";function tg(d){return d.startsWith(wl)}var po="data:application/octet-stream;base64,AGFzbQEAAAABlAInYAF/AX9gA39/fwF/YAF/AGACf38Bf2ACf38AYAV/f39/fwF/YAR/f39/AX9gA39/fwBgBH9+f38Bf2AAAX9gBX9/f35/AX5gA39+fwF/YAF/AX5gAn9+AX9gBH9/fn8BfmADf35/AX5gA39/fgF/YAR/f35/AX9gBn9/f39/fwF/YAR/f39/AGADf39+AX5gAn5/AX9gA398fwBgBH9/f38BfmADf39/AX5gBn98f39/fwF/YAV/f35/fwF/YAV/fn9/fwF/YAV/f39/fwBgAn9+AGACf38BfmACf3wAYAh/fn5/f39+fwF/YAV/f39+fwBgAABgBX5+f35/AX5gBX9/f39/AX5gAnx/AXxgAn9+AX4CeRQBYQFhAAIBYQFiAAABYQFjAAMBYQFkAAYBYQFlAAEBYQFmAAABYQFnAAYBYQFoAAABYQFpAAMBYQFqAAMBYQFrAAMBYQFsAAEBYQFtAAABYQFuAAUBYQFvAAEBYQFwAAMBYQFxAAEBYQFyAAABYQFzAAMBYQF0AAADggKAAgcCAgQAAQECAgANBA4EBwICAhwLEw0AFA0dAAAMDAIHHgwQAgIDAwICAQAIAAcIFBUEBgAADAAECAgDAQYAAgIBBgAfFwEBAwITAiAPBgIFEQMFAxgBCAIBAAAHBQEYABoSAQIABwQDIREIAyIGAAEBAwMAIwUbASQHAQsVAQMABQMEAA0bFw0BBAALCwMDDAwAAwAHJQMBAAgaAQECBQMBAgMDAAcHBwICAgImEQsICAsECQoJAgAAAAAAAAkFAAUFBQEGAwYGBgUSBgYBARIBAAIJBgABDgABAQ8ACQEEGQkJCQAAAAMECgoBAQIQAAAAAgEDAwAEAQoFAA4ACQAEBQFwAR8fBQcBAYACgIACBgkBfwFB0KDBAgsHvgI8AXUCAAF2AIABAXcAkwIBeADjAQF5APEBAXoA0QEBQQDQAQFCAM8BAUMAzgEBRADMAQFFAMsBAUYAyQEBRwCSAgFIAJECAUkAjwIBSgCKAgFLAOkBAUwA4gEBTQDhAQFOADwBTwD8AQFQAPkBAVEA+AEBUgDwAQFTAPoBAVQA4AEBVQAVAVYAGAFXAMcBAVgAzQEBWQDfAQFaAN4BAV8A3QEBJADkAQJhYQDcAQJiYQDbAQJjYQDaAQJkYQDZAQJlYQDYAQJmYQDXAQJnYQDqAQJoYQCcAQJpYQDWAQJqYQDVAQJrYQDUAQJsYQAvAm1hABsCbmEAygECb2EASAJwYQEAAnFhAGcCcmEA0wECc2EA6AECdGEA0gECdWEA9wECdmEA9gECd2EA9QECeGEA5wECeWEA5gECemEA5QEJQQEAQQELHsgBkAKNAo4CjAKLArcBiQKIAocChgKFAoQCgwKCAoECgAL/Af4B/QH7AVv0AfMB8gHvAe4B7QHsAesBCu+QCYACQAEBfyMAQRBrIgMgADYCDCADIAE2AgggAyACNgIEIAMoAgwEQCADKAIMIAMoAgg2AgAgAygCDCADKAIENgIECwvMDAEHfwJAIABFDQAgAEEIayIDIABBBGsoAgAiAUF4cSIAaiEFAkAgAUEBcQ0AIAFBA3FFDQEgAyADKAIAIgFrIgNB9JsBKAIASQ0BIAAgAWohACADQfibASgCAEcEQCABQf8BTQRAIAMoAggiAiABQQN2IgRBA3RBjJwBakYaIAIgAygCDCIBRgRAQeSbAUHkmwEoAgBBfiAEd3E2AgAMAwsgAiABNgIMIAEgAjYCCAwCCyADKAIYIQYCQCADIAMoAgwiAUcEQCADKAIIIgIgATYCDCABIAI2AggMAQsCQCADQRRqIgIoAgAiBA0AIANBEGoiAigCACIEDQBBACEBDAELA0AgAiEHIAQiAUEUaiICKAIAIgQNACABQRBqIQIgASgCECIEDQALIAdBADYCAAsgBkUNAQJAIAMgAygCHCICQQJ0QZSeAWoiBCgCAEYEQCAEIAE2AgAgAQ0BQeibAUHomwEoAgBBfiACd3E2AgAMAwsgBkEQQRQgBigCECADRhtqIAE2AgAgAUUNAgsgASAGNgIYIAMoAhAiAgRAIAEgAjYCECACIAE2AhgLIAMoAhQiAkUNASABIAI2AhQgAiABNgIYDAELIAUoAgQiAUEDcUEDRw0AQeybASAANgIAIAUgAUF+cTYCBCADIABBAXI2AgQgACADaiAANgIADwsgAyAFTw0AIAUoAgQiAUEBcUUNAAJAIAFBAnFFBEAgBUH8mwEoAgBGBEBB/JsBIAM2AgBB8JsBQfCbASgCACAAaiIANgIAIAMgAEEBcjYCBCADQfibASgCAEcNA0HsmwFBADYCAEH4mwFBADYCAA8LIAVB+JsBKAIARgRAQfibASADNgIAQeybAUHsmwEoAgAgAGoiADYCACADIABBAXI2AgQgACADaiAANgIADwsgAUF4cSAAaiEAAkAgAUH/AU0EQCAFKAIIIgIgAUEDdiIEQQN0QYycAWpGGiACIAUoAgwiAUYEQEHkmwFB5JsBKAIAQX4gBHdxNgIADAILIAIgATYCDCABIAI2AggMAQsgBSgCGCEGAkAgBSAFKAIMIgFHBEAgBSgCCCICQfSbASgCAEkaIAIgATYCDCABIAI2AggMAQsCQCAFQRRqIgIoAgAiBA0AIAVBEGoiAigCACIEDQBBACEBDAELA0AgAiEHIAQiAUEUaiICKAIAIgQNACABQRBqIQIgASgCECIEDQALIAdBADYCAAsgBkUNAAJAIAUgBSgCHCICQQJ0QZSeAWoiBCgCAEYEQCAEIAE2AgAgAQ0BQeibAUHomwEoAgBBfiACd3E2AgAMAgsgBkEQQRQgBigCECAFRhtqIAE2AgAgAUUNAQsgASAGNgIYIAUoAhAiAgRAIAEgAjYCECACIAE2AhgLIAUoAhQiAkUNACABIAI2AhQgAiABNgIYCyADIABBAXI2AgQgACADaiAANgIAIANB+JsBKAIARw0BQeybASAANgIADwsgBSABQX5xNgIEIAMgAEEBcjYCBCAAIANqIAA2AgALIABB/wFNBEAgAEEDdiIBQQN0QYycAWohAAJ/QeSbASgCACICQQEgAXQiAXFFBEBB5JsBIAEgAnI2AgAgAAwBCyAAKAIICyECIAAgAzYCCCACIAM2AgwgAyAANgIMIAMgAjYCCA8LQR8hAiADQgA3AhAgAEH///8HTQRAIABBCHYiASABQYD+P2pBEHZBCHEiAXQiAiACQYDgH2pBEHZBBHEiAnQiBCAEQYCAD2pBEHZBAnEiBHRBD3YgASACciAEcmsiAUEBdCAAIAFBFWp2QQFxckEcaiECCyADIAI2AhwgAkECdEGUngFqIQECQAJAAkBB6JsBKAIAIgRBASACdCIHcUUEQEHomwEgBCAHcjYCACABIAM2AgAgAyABNgIYDAELIABBAEEZIAJBAXZrIAJBH0YbdCECIAEoAgAhAQNAIAEiBCgCBEF4cSAARg0CIAJBHXYhASACQQF0IQIgBCABQQRxaiIHQRBqKAIAIgENAAsgByADNgIQIAMgBDYCGAsgAyADNgIMIAMgAzYCCAwBCyAEKAIIIgAgAzYCDCAEIAM2AgggA0EANgIYIAMgBDYCDCADIAA2AggLQYScAUGEnAEoAgBBAWsiAEF/IAAbNgIACwtCAQF/IwBBEGsiASQAIAEgADYCDCABKAIMBEAgASgCDC0AAUEBcQRAIAEoAgwoAgQQFQsgASgCDBAVCyABQRBqJAALQwEBfyMAQRBrIgIkACACIAA2AgwgAiABNgIIIAIoAgwCfyMAQRBrIgAgAigCCDYCDCAAKAIMQQxqCxBFIAJBEGokAAuiLgEMfyMAQRBrIgwkAAJAAkACQAJAAkACQAJAAkACQAJAAkACQCAAQfQBTQRAQeSbASgCACIFQRAgAEELakF4cSAAQQtJGyIIQQN2IgJ2IgFBA3EEQCABQX9zQQFxIAJqIgNBA3QiAUGUnAFqKAIAIgRBCGohAAJAIAQoAggiAiABQYycAWoiAUYEQEHkmwEgBUF+IAN3cTYCAAwBCyACIAE2AgwgASACNgIICyAEIANBA3QiAUEDcjYCBCABIARqIgEgASgCBEEBcjYCBAwNCyAIQeybASgCACIKTQ0BIAEEQAJAQQIgAnQiAEEAIABrciABIAJ0cSIAQQAgAGtxQQFrIgAgAEEMdkEQcSICdiIBQQV2QQhxIgAgAnIgASAAdiIBQQJ2QQRxIgByIAEgAHYiAUEBdkECcSIAciABIAB2IgFBAXZBAXEiAHIgASAAdmoiA0EDdCIAQZScAWooAgAiBCgCCCIBIABBjJwBaiIARgRAQeSbASAFQX4gA3dxIgU2AgAMAQsgASAANgIMIAAgATYCCAsgBEEIaiEAIAQgCEEDcjYCBCAEIAhqIgIgA0EDdCIBIAhrIgNBAXI2AgQgASAEaiADNgIAIAoEQCAKQQN2IgFBA3RBjJwBaiEHQfibASgCACEEAn8gBUEBIAF0IgFxRQRAQeSbASABIAVyNgIAIAcMAQsgBygCCAshASAHIAQ2AgggASAENgIMIAQgBzYCDCAEIAE2AggLQfibASACNgIAQeybASADNgIADA0LQeibASgCACIGRQ0BIAZBACAGa3FBAWsiACAAQQx2QRBxIgJ2IgFBBXZBCHEiACACciABIAB2IgFBAnZBBHEiAHIgASAAdiIBQQF2QQJxIgByIAEgAHYiAUEBdkEBcSIAciABIAB2akECdEGUngFqKAIAIgEoAgRBeHEgCGshAyABIQIDQAJAIAIoAhAiAEUEQCACKAIUIgBFDQELIAAoAgRBeHEgCGsiAiADIAIgA0kiAhshAyAAIAEgAhshASAAIQIMAQsLIAEgCGoiCSABTQ0CIAEoAhghCyABIAEoAgwiBEcEQCABKAIIIgBB9JsBKAIASRogACAENgIMIAQgADYCCAwMCyABQRRqIgIoAgAiAEUEQCABKAIQIgBFDQQgAUEQaiECCwNAIAIhByAAIgRBFGoiAigCACIADQAgBEEQaiECIAQoAhAiAA0ACyAHQQA2AgAMCwtBfyEIIABBv39LDQAgAEELaiIAQXhxIQhB6JsBKAIAIglFDQBBACAIayEDAkACQAJAAn9BACAIQYACSQ0AGkEfIAhB////B0sNABogAEEIdiIAIABBgP4/akEQdkEIcSICdCIAIABBgOAfakEQdkEEcSIBdCIAIABBgIAPakEQdkECcSIAdEEPdiABIAJyIAByayIAQQF0IAggAEEVanZBAXFyQRxqCyIFQQJ0QZSeAWooAgAiAkUEQEEAIQAMAQtBACEAIAhBAEEZIAVBAXZrIAVBH0YbdCEBA0ACQCACKAIEQXhxIAhrIgcgA08NACACIQQgByIDDQBBACEDIAIhAAwDCyAAIAIoAhQiByAHIAIgAUEddkEEcWooAhAiAkYbIAAgBxshACABQQF0IQEgAg0ACwsgACAEckUEQEECIAV0IgBBACAAa3IgCXEiAEUNAyAAQQAgAGtxQQFrIgAgAEEMdkEQcSICdiIBQQV2QQhxIgAgAnIgASAAdiIBQQJ2QQRxIgByIAEgAHYiAUEBdkECcSIAciABIAB2IgFBAXZBAXEiAHIgASAAdmpBAnRBlJ4BaigCACEACyAARQ0BCwNAIAAoAgRBeHEgCGsiASADSSECIAEgAyACGyEDIAAgBCACGyEEIAAoAhAiAQR/IAEFIAAoAhQLIgANAAsLIARFDQAgA0HsmwEoAgAgCGtPDQAgBCAIaiIGIARNDQEgBCgCGCEFIAQgBCgCDCIBRwRAIAQoAggiAEH0mwEoAgBJGiAAIAE2AgwgASAANgIIDAoLIARBFGoiAigCACIARQRAIAQoAhAiAEUNBCAEQRBqIQILA0AgAiEHIAAiAUEUaiICKAIAIgANACABQRBqIQIgASgCECIADQALIAdBADYCAAwJCyAIQeybASgCACICTQRAQfibASgCACEDAkAgAiAIayIBQRBPBEBB7JsBIAE2AgBB+JsBIAMgCGoiADYCACAAIAFBAXI2AgQgAiADaiABNgIAIAMgCEEDcjYCBAwBC0H4mwFBADYCAEHsmwFBADYCACADIAJBA3I2AgQgAiADaiIAIAAoAgRBAXI2AgQLIANBCGohAAwLCyAIQfCbASgCACIGSQRAQfCbASAGIAhrIgE2AgBB/JsBQfybASgCACICIAhqIgA2AgAgACABQQFyNgIEIAIgCEEDcjYCBCACQQhqIQAMCwtBACEAIAhBL2oiCQJ/QbyfASgCAARAQcSfASgCAAwBC0HInwFCfzcCAEHAnwFCgKCAgICABDcCAEG8nwEgDEEMakFwcUHYqtWqBXM2AgBB0J8BQQA2AgBBoJ8BQQA2AgBBgCALIgFqIgVBACABayIHcSICIAhNDQpBnJ8BKAIAIgQEQEGUnwEoAgAiAyACaiIBIANNDQsgASAESw0LC0GgnwEtAABBBHENBQJAAkBB/JsBKAIAIgMEQEGknwEhAANAIAMgACgCACIBTwRAIAEgACgCBGogA0sNAwsgACgCCCIADQALC0EAED4iAUF/Rg0GIAIhBUHAnwEoAgAiA0EBayIAIAFxBEAgAiABayAAIAFqQQAgA2txaiEFCyAFIAhNDQYgBUH+////B0sNBkGcnwEoAgAiBARAQZSfASgCACIDIAVqIgAgA00NByAAIARLDQcLIAUQPiIAIAFHDQEMCAsgBSAGayAHcSIFQf7///8HSw0FIAUQPiIBIAAoAgAgACgCBGpGDQQgASEACwJAIABBf0YNACAIQTBqIAVNDQBBxJ8BKAIAIgEgCSAFa2pBACABa3EiAUH+////B0sEQCAAIQEMCAsgARA+QX9HBEAgASAFaiEFIAAhAQwIC0EAIAVrED4aDAULIAAiAUF/Rw0GDAQLAAtBACEEDAcLQQAhAQwFCyABQX9HDQILQaCfAUGgnwEoAgBBBHI2AgALIAJB/v///wdLDQEgAhA+IQFBABA+IQAgAUF/Rg0BIABBf0YNASAAIAFNDQEgACABayIFIAhBKGpNDQELQZSfAUGUnwEoAgAgBWoiADYCAEGYnwEoAgAgAEkEQEGYnwEgADYCAAsCQAJAAkBB/JsBKAIAIgcEQEGknwEhAANAIAEgACgCACIDIAAoAgQiAmpGDQIgACgCCCIADQALDAILQfSbASgCACIAQQAgACABTRtFBEBB9JsBIAE2AgALQQAhAEGonwEgBTYCAEGknwEgATYCAEGEnAFBfzYCAEGInAFBvJ8BKAIANgIAQbCfAUEANgIAA0AgAEEDdCIDQZScAWogA0GMnAFqIgI2AgAgA0GYnAFqIAI2AgAgAEEBaiIAQSBHDQALQfCbASAFQShrIgNBeCABa0EHcUEAIAFBCGpBB3EbIgBrIgI2AgBB/JsBIAAgAWoiADYCACAAIAJBAXI2AgQgASADakEoNgIEQYCcAUHMnwEoAgA2AgAMAgsgAC0ADEEIcQ0AIAMgB0sNACABIAdNDQAgACACIAVqNgIEQfybASAHQXggB2tBB3FBACAHQQhqQQdxGyIAaiICNgIAQfCbAUHwmwEoAgAgBWoiASAAayIANgIAIAIgAEEBcjYCBCABIAdqQSg2AgRBgJwBQcyfASgCADYCAAwBC0H0mwEoAgAgAUsEQEH0mwEgATYCAAsgASAFaiECQaSfASEAAkACQAJAAkACQAJAA0AgAiAAKAIARwRAIAAoAggiAA0BDAILCyAALQAMQQhxRQ0BC0GknwEhAANAIAcgACgCACICTwRAIAIgACgCBGoiBCAHSw0DCyAAKAIIIQAMAAsACyAAIAE2AgAgACAAKAIEIAVqNgIEIAFBeCABa0EHcUEAIAFBCGpBB3EbaiIJIAhBA3I2AgQgAkF4IAJrQQdxQQAgAkEIakEHcRtqIgUgCCAJaiIGayECIAUgB0YEQEH8mwEgBjYCAEHwmwFB8JsBKAIAIAJqIgA2AgAgBiAAQQFyNgIEDAMLIAVB+JsBKAIARgRAQfibASAGNgIAQeybAUHsmwEoAgAgAmoiADYCACAGIABBAXI2AgQgACAGaiAANgIADAMLIAUoAgQiAEEDcUEBRgRAIABBeHEhBwJAIABB/wFNBEAgBSgCCCIDIABBA3YiAEEDdEGMnAFqRhogAyAFKAIMIgFGBEBB5JsBQeSbASgCAEF+IAB3cTYCAAwCCyADIAE2AgwgASADNgIIDAELIAUoAhghCAJAIAUgBSgCDCIBRwRAIAUoAggiACABNgIMIAEgADYCCAwBCwJAIAVBFGoiACgCACIDDQAgBUEQaiIAKAIAIgMNAEEAIQEMAQsDQCAAIQQgAyIBQRRqIgAoAgAiAw0AIAFBEGohACABKAIQIgMNAAsgBEEANgIACyAIRQ0AAkAgBSAFKAIcIgNBAnRBlJ4BaiIAKAIARgRAIAAgATYCACABDQFB6JsBQeibASgCAEF+IAN3cTYCAAwCCyAIQRBBFCAIKAIQIAVGG2ogATYCACABRQ0BCyABIAg2AhggBSgCECIABEAgASAANgIQIAAgATYCGAsgBSgCFCIARQ0AIAEgADYCFCAAIAE2AhgLIAUgB2ohBSACIAdqIQILIAUgBSgCBEF+cTYCBCAGIAJBAXI2AgQgAiAGaiACNgIAIAJB/wFNBEAgAkEDdiIAQQN0QYycAWohAgJ/QeSbASgCACIBQQEgAHQiAHFFBEBB5JsBIAAgAXI2AgAgAgwBCyACKAIICyEAIAIgBjYCCCAAIAY2AgwgBiACNgIMIAYgADYCCAwDC0EfIQAgAkH///8HTQRAIAJBCHYiACAAQYD+P2pBEHZBCHEiA3QiACAAQYDgH2pBEHZBBHEiAXQiACAAQYCAD2pBEHZBAnEiAHRBD3YgASADciAAcmsiAEEBdCACIABBFWp2QQFxckEcaiEACyAGIAA2AhwgBkIANwIQIABBAnRBlJ4BaiEEAkBB6JsBKAIAIgNBASAAdCIBcUUEQEHomwEgASADcjYCACAEIAY2AgAgBiAENgIYDAELIAJBAEEZIABBAXZrIABBH0YbdCEAIAQoAgAhAQNAIAEiAygCBEF4cSACRg0DIABBHXYhASAAQQF0IQAgAyABQQRxaiIEKAIQIgENAAsgBCAGNgIQIAYgAzYCGAsgBiAGNgIMIAYgBjYCCAwCC0HwmwEgBUEoayIDQXggAWtBB3FBACABQQhqQQdxGyIAayICNgIAQfybASAAIAFqIgA2AgAgACACQQFyNgIEIAEgA2pBKDYCBEGAnAFBzJ8BKAIANgIAIAcgBEEnIARrQQdxQQAgBEEna0EHcRtqQS9rIgAgACAHQRBqSRsiAkEbNgIEIAJBrJ8BKQIANwIQIAJBpJ8BKQIANwIIQayfASACQQhqNgIAQaifASAFNgIAQaSfASABNgIAQbCfAUEANgIAIAJBGGohAANAIABBBzYCBCAAQQhqIQEgAEEEaiEAIAEgBEkNAAsgAiAHRg0DIAIgAigCBEF+cTYCBCAHIAIgB2siBEEBcjYCBCACIAQ2AgAgBEH/AU0EQCAEQQN2IgBBA3RBjJwBaiECAn9B5JsBKAIAIgFBASAAdCIAcUUEQEHkmwEgACABcjYCACACDAELIAIoAggLIQAgAiAHNgIIIAAgBzYCDCAHIAI2AgwgByAANgIIDAQLQR8hACAHQgA3AhAgBEH///8HTQRAIARBCHYiACAAQYD+P2pBEHZBCHEiAnQiACAAQYDgH2pBEHZBBHEiAXQiACAAQYCAD2pBEHZBAnEiAHRBD3YgASACciAAcmsiAEEBdCAEIABBFWp2QQFxckEcaiEACyAHIAA2AhwgAEECdEGUngFqIQMCQEHomwEoAgAiAkEBIAB0IgFxRQRAQeibASABIAJyNgIAIAMgBzYCACAHIAM2AhgMAQsgBEEAQRkgAEEBdmsgAEEfRht0IQAgAygCACEBA0AgASICKAIEQXhxIARGDQQgAEEddiEBIABBAXQhACACIAFBBHFqIgMoAhAiAQ0ACyADIAc2AhAgByACNgIYCyAHIAc2AgwgByAHNgIIDAMLIAMoAggiACAGNgIMIAMgBjYCCCAGQQA2AhggBiADNgIMIAYgADYCCAsgCUEIaiEADAULIAIoAggiACAHNgIMIAIgBzYCCCAHQQA2AhggByACNgIMIAcgADYCCAtB8JsBKAIAIgAgCE0NAEHwmwEgACAIayIBNgIAQfybAUH8mwEoAgAiAiAIaiIANgIAIAAgAUEBcjYCBCACIAhBA3I2AgQgAkEIaiEADAMLQbSbAUEwNgIAQQAhAAwCCwJAIAVFDQACQCAEKAIcIgJBAnRBlJ4BaiIAKAIAIARGBEAgACABNgIAIAENAUHomwEgCUF+IAJ3cSIJNgIADAILIAVBEEEUIAUoAhAgBEYbaiABNgIAIAFFDQELIAEgBTYCGCAEKAIQIgAEQCABIAA2AhAgACABNgIYCyAEKAIUIgBFDQAgASAANgIUIAAgATYCGAsCQCADQQ9NBEAgBCADIAhqIgBBA3I2AgQgACAEaiIAIAAoAgRBAXI2AgQMAQsgBCAIQQNyNgIEIAYgA0EBcjYCBCADIAZqIAM2AgAgA0H/AU0EQCADQQN2IgBBA3RBjJwBaiECAn9B5JsBKAIAIgFBASAAdCIAcUUEQEHkmwEgACABcjYCACACDAELIAIoAggLIQAgAiAGNgIIIAAgBjYCDCAGIAI2AgwgBiAANgIIDAELQR8hACADQf///wdNBEAgA0EIdiIAIABBgP4/akEQdkEIcSICdCIAIABBgOAfakEQdkEEcSIBdCIAIABBgIAPakEQdkECcSIAdEEPdiABIAJyIAByayIAQQF0IAMgAEEVanZBAXFyQRxqIQALIAYgADYCHCAGQgA3AhAgAEECdEGUngFqIQICQAJAIAlBASAAdCIBcUUEQEHomwEgASAJcjYCACACIAY2AgAgBiACNgIYDAELIANBAEEZIABBAXZrIABBH0YbdCEAIAIoAgAhCANAIAgiASgCBEF4cSADRg0CIABBHXYhAiAAQQF0IQAgASACQQRxaiICKAIQIggNAAsgAiAGNgIQIAYgATYCGAsgBiAGNgIMIAYgBjYCCAwBCyABKAIIIgAgBjYCDCABIAY2AgggBkEANgIYIAYgATYCDCAGIAA2AggLIARBCGohAAwBCwJAIAtFDQACQCABKAIcIgJBAnRBlJ4BaiIAKAIAIAFGBEAgACAENgIAIAQNAUHomwEgBkF+IAJ3cTYCAAwCCyALQRBBFCALKAIQIAFGG2ogBDYCACAERQ0BCyAEIAs2AhggASgCECIABEAgBCAANgIQIAAgBDYCGAsgASgCFCIARQ0AIAQgADYCFCAAIAQ2AhgLAkAgA0EPTQRAIAEgAyAIaiIAQQNyNgIEIAAgAWoiACAAKAIEQQFyNgIEDAELIAEgCEEDcjYCBCAJIANBAXI2AgQgAyAJaiADNgIAIAoEQCAKQQN2IgBBA3RBjJwBaiEEQfibASgCACECAn9BASAAdCIAIAVxRQRAQeSbASAAIAVyNgIAIAQMAQsgBCgCCAshACAEIAI2AgggACACNgIMIAIgBDYCDCACIAA2AggLQfibASAJNgIAQeybASADNgIACyABQQhqIQALIAxBEGokACAAC4MEAQN/IAJBgARPBEAgACABIAIQCxogAA8LIAAgAmohAwJAIAAgAXNBA3FFBEACQCAAQQNxRQRAIAAhAgwBCyACQQFIBEAgACECDAELIAAhAgNAIAIgAS0AADoAACABQQFqIQEgAkEBaiICQQNxRQ0BIAIgA0kNAAsLAkAgA0F8cSIEQcAASQ0AIAIgBEFAaiIFSw0AA0AgAiABKAIANgIAIAIgASgCBDYCBCACIAEoAgg2AgggAiABKAIMNgIMIAIgASgCEDYCECACIAEoAhQ2AhQgAiABKAIYNgIYIAIgASgCHDYCHCACIAEoAiA2AiAgAiABKAIkNgIkIAIgASgCKDYCKCACIAEoAiw2AiwgAiABKAIwNgIwIAIgASgCNDYCNCACIAEoAjg2AjggAiABKAI8NgI8IAFBQGshASACQUBrIgIgBU0NAAsLIAIgBE8NAQNAIAIgASgCADYCACABQQRqIQEgAkEEaiICIARJDQALDAELIANBBEkEQCAAIQIMAQsgACADQQRrIgRLBEAgACECDAELIAAhAgNAIAIgAS0AADoAACACIAEtAAE6AAEgAiABLQACOgACIAIgAS0AAzoAAyABQQRqIQEgAkEEaiICIARNDQALCyACIANJBEADQCACIAEtAAA6AAAgAUEBaiEBIAJBAWoiAiADRw0ACwsgAAvBGAECfyMAQRBrIgQkACAEIAA2AgwgBCABNgIIIAQgAjYCBCAEKAIMIQAgBCgCCCECIAQoAgQhAyMAQSBrIgEkACABIAA2AhggASACNgIUIAEgAzYCEAJAIAEoAhRFBEAgAUEANgIcDAELIAFBATYCDCABLQAMBEAgASgCFCECIAEoAhAhAyMAQSBrIgAgASgCGDYCHCAAIAI2AhggACADNgIUIAAgACgCHDYCECAAIAAoAhBBf3M2AhADQCAAKAIUBH8gACgCGEEDcUEARwVBAAtBAXEEQCAAKAIQIQIgACAAKAIYIgNBAWo2AhggACADLQAAIAJzQf8BcUECdEGgGWooAgAgACgCEEEIdnM2AhAgACAAKAIUQQFrNgIUDAELCyAAIAAoAhg2AgwDQCAAKAIUQSBPBEAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGgGWooAgAgACgCEEEQdkH/AXFBAnRBoCFqKAIAIAAoAhBB/wFxQQJ0QaAxaigCACAAKAIQQQh2Qf8BcUECdEGgKWooAgBzc3M2AhAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGgGWooAgAgACgCEEEQdkH/AXFBAnRBoCFqKAIAIAAoAhBB/wFxQQJ0QaAxaigCACAAKAIQQQh2Qf8BcUECdEGgKWooAgBzc3M2AhAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGgGWooAgAgACgCEEEQdkH/AXFBAnRBoCFqKAIAIAAoAhBB/wFxQQJ0QaAxaigCACAAKAIQQQh2Qf8BcUECdEGgKWooAgBzc3M2AhAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGgGWooAgAgACgCEEEQdkH/AXFBAnRBoCFqKAIAIAAoAhBB/wFxQQJ0QaAxaigCACAAKAIQQQh2Qf8BcUECdEGgKWooAgBzc3M2AhAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGgGWooAgAgACgCEEEQdkH/AXFBAnRBoCFqKAIAIAAoAhBB/wFxQQJ0QaAxaigCACAAKAIQQQh2Qf8BcUECdEGgKWooAgBzc3M2AhAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGgGWooAgAgACgCEEEQdkH/AXFBAnRBoCFqKAIAIAAoAhBB/wFxQQJ0QaAxaigCACAAKAIQQQh2Qf8BcUECdEGgKWooAgBzc3M2AhAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGgGWooAgAgACgCEEEQdkH/AXFBAnRBoCFqKAIAIAAoAhBB/wFxQQJ0QaAxaigCACAAKAIQQQh2Qf8BcUECdEGgKWooAgBzc3M2AhAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGgGWooAgAgACgCEEEQdkH/AXFBAnRBoCFqKAIAIAAoAhBB/wFxQQJ0QaAxaigCACAAKAIQQQh2Qf8BcUECdEGgKWooAgBzc3M2AhAgACAAKAIUQSBrNgIUDAELCwNAIAAoAhRBBE8EQCAAIAAoAgwiAkEEajYCDCAAIAIoAgAgACgCEHM2AhAgACAAKAIQQRh2QQJ0QaAZaigCACAAKAIQQRB2Qf8BcUECdEGgIWooAgAgACgCEEH/AXFBAnRBoDFqKAIAIAAoAhBBCHZB/wFxQQJ0QaApaigCAHNzczYCECAAIAAoAhRBBGs2AhQMAQsLIAAgACgCDDYCGCAAKAIUBEADQCAAKAIQIQIgACAAKAIYIgNBAWo2AhggACADLQAAIAJzQf8BcUECdEGgGWooAgAgACgCEEEIdnM2AhAgACAAKAIUQQFrIgI2AhQgAg0ACwsgACAAKAIQQX9zNgIQIAEgACgCEDYCHAwBCyABKAIUIQIgASgCECEDIwBBIGsiACABKAIYNgIcIAAgAjYCGCAAIAM2AhQgACAAKAIcQQh2QYD+A3EgACgCHEEYdmogACgCHEGA/gNxQQh0aiAAKAIcQf8BcUEYdGo2AhAgACAAKAIQQX9zNgIQA0AgACgCFAR/IAAoAhhBA3FBAEcFQQALQQFxBEAgACgCEEEYdiECIAAgACgCGCIDQQFqNgIYIAAgAy0AACACc0ECdEGgOWooAgAgACgCEEEIdHM2AhAgACAAKAIUQQFrNgIUDAELCyAAIAAoAhg2AgwDQCAAKAIUQSBPBEAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGg0QBqKAIAIAAoAhBBEHZB/wFxQQJ0QaDJAGooAgAgACgCEEH/AXFBAnRBoDlqKAIAIAAoAhBBCHZB/wFxQQJ0QaDBAGooAgBzc3M2AhAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGg0QBqKAIAIAAoAhBBEHZB/wFxQQJ0QaDJAGooAgAgACgCEEH/AXFBAnRBoDlqKAIAIAAoAhBBCHZB/wFxQQJ0QaDBAGooAgBzc3M2AhAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGg0QBqKAIAIAAoAhBBEHZB/wFxQQJ0QaDJAGooAgAgACgCEEH/AXFBAnRBoDlqKAIAIAAoAhBBCHZB/wFxQQJ0QaDBAGooAgBzc3M2AhAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGg0QBqKAIAIAAoAhBBEHZB/wFxQQJ0QaDJAGooAgAgACgCEEH/AXFBAnRBoDlqKAIAIAAoAhBBCHZB/wFxQQJ0QaDBAGooAgBzc3M2AhAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGg0QBqKAIAIAAoAhBBEHZB/wFxQQJ0QaDJAGooAgAgACgCEEH/AXFBAnRBoDlqKAIAIAAoAhBBCHZB/wFxQQJ0QaDBAGooAgBzc3M2AhAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGg0QBqKAIAIAAoAhBBEHZB/wFxQQJ0QaDJAGooAgAgACgCEEH/AXFBAnRBoDlqKAIAIAAoAhBBCHZB/wFxQQJ0QaDBAGooAgBzc3M2AhAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGg0QBqKAIAIAAoAhBBEHZB/wFxQQJ0QaDJAGooAgAgACgCEEH/AXFBAnRBoDlqKAIAIAAoAhBBCHZB/wFxQQJ0QaDBAGooAgBzc3M2AhAgACAAKAIMIgJBBGo2AgwgACACKAIAIAAoAhBzNgIQIAAgACgCEEEYdkECdEGg0QBqKAIAIAAoAhBBEHZB/wFxQQJ0QaDJAGooAgAgACgCEEH/AXFBAnRBoDlqKAIAIAAoAhBBCHZB/wFxQQJ0QaDBAGooAgBzc3M2AhAgACAAKAIUQSBrNgIUDAELCwNAIAAoAhRBBE8EQCAAIAAoAgwiAkEEajYCDCAAIAIoAgAgACgCEHM2AhAgACAAKAIQQRh2QQJ0QaDRAGooAgAgACgCEEEQdkH/AXFBAnRBoMkAaigCACAAKAIQQf8BcUECdEGgOWooAgAgACgCEEEIdkH/AXFBAnRBoMEAaigCAHNzczYCECAAIAAoAhRBBGs2AhQMAQsLIAAgACgCDDYCGCAAKAIUBEADQCAAKAIQQRh2IQIgACAAKAIYIgNBAWo2AhggACADLQAAIAJzQQJ0QaA5aigCACAAKAIQQQh0czYCECAAIAAoAhRBAWsiAjYCFCACDQALCyAAIAAoAhBBf3M2AhAgASAAKAIQQQh2QYD+A3EgACgCEEEYdmogACgCEEGA/gNxQQh0aiAAKAIQQf8BcUEYdGo2AhwLIAEoAhwhACABQSBqJAAgBEEQaiQAIAAL7AIBAn8jAEEQayIBJAAgASAANgIMAkAgASgCDEUNACABKAIMKAIwBEAgASgCDCIAIAAoAjBBAWs2AjALIAEoAgwoAjANACABKAIMKAIgBEAgASgCDEEBNgIgIAEoAgwQLxoLIAEoAgwoAiRBAUYEQCABKAIMEGILAkAgASgCDCgCLEUNACABKAIMLQAoQQFxDQAgASgCDCECIwBBEGsiACABKAIMKAIsNgIMIAAgAjYCCCAAQQA2AgQDQCAAKAIEIAAoAgwoAkRJBEAgACgCDCgCTCAAKAIEQQJ0aigCACAAKAIIRgRAIAAoAgwoAkwgACgCBEECdGogACgCDCgCTCAAKAIMKAJEQQFrQQJ0aigCADYCACAAKAIMIgAgACgCREEBazYCRAUgACAAKAIEQQFqNgIEDAILCwsLIAEoAgxBAEIAQQUQIBogASgCDCgCAARAIAEoAgwoAgAQGwsgASgCDBAVCyABQRBqJAALnwIBAn8jAEEQayIBJAAgASAANgIMIAEgASgCDCgCHDYCBCABKAIEIQIjAEEQayIAJAAgACACNgIMIAAoAgwQvAEgAEEQaiQAIAEgASgCBCgCFDYCCCABKAIIIAEoAgwoAhBLBEAgASABKAIMKAIQNgIICwJAIAEoAghFDQAgASgCDCgCDCABKAIEKAIQIAEoAggQGRogASgCDCIAIAEoAgggACgCDGo2AgwgASgCBCIAIAEoAgggACgCEGo2AhAgASgCDCIAIAEoAgggACgCFGo2AhQgASgCDCIAIAAoAhAgASgCCGs2AhAgASgCBCIAIAAoAhQgASgCCGs2AhQgASgCBCgCFA0AIAEoAgQgASgCBCgCCDYCEAsgAUEQaiQAC2ABAX8jAEEQayIBJAAgASAANgIIIAEgASgCCEICEB42AgQCQCABKAIERQRAIAFBADsBDgwBCyABIAEoAgQtAAAgASgCBC0AAUEIdGo7AQ4LIAEvAQ4hACABQRBqJAAgAAvpAQEBfyMAQSBrIgIkACACIAA2AhwgAiABNwMQIAIpAxAhASMAQSBrIgAgAigCHDYCGCAAIAE3AxACQAJAAkAgACgCGC0AAEEBcUUNACAAKQMQIAAoAhgpAxAgACkDEHxWDQAgACgCGCkDCCAAKAIYKQMQIAApAxB8Wg0BCyAAKAIYQQA6AAAgAEEANgIcDAELIAAgACgCGCgCBCAAKAIYKQMQp2o2AgwgACAAKAIMNgIcCyACIAAoAhw2AgwgAigCDARAIAIoAhwiACACKQMQIAApAxB8NwMQCyACKAIMIQAgAkEgaiQAIAALbwEBfyMAQRBrIgIkACACIAA2AgggAiABOwEGIAIgAigCCEICEB42AgACQCACKAIARQRAIAJBfzYCDAwBCyACKAIAIAIvAQY6AAAgAigCACACLwEGQQh2OgABIAJBADYCDAsgAigCDBogAkEQaiQAC7YCAQF/IwBBMGsiBCQAIAQgADYCJCAEIAE2AiAgBCACNwMYIAQgAzYCFAJAIAQoAiQpAxhCASAEKAIUrYaDUARAIAQoAiRBDGpBHEEAEBQgBEJ/NwMoDAELAkAgBCgCJCgCAEUEQCAEIAQoAiQoAgggBCgCICAEKQMYIAQoAhQgBCgCJCgCBBEOADcDCAwBCyAEIAQoAiQoAgAgBCgCJCgCCCAEKAIgIAQpAxggBCgCFCAEKAIkKAIEEQoANwMICyAEKQMIQgBTBEACQCAEKAIUQQRGDQAgBCgCFEEORg0AAkAgBCgCJCAEQghBBBAgQgBTBEAgBCgCJEEMakEUQQAQFAwBCyAEKAIkQQxqIAQoAgAgBCgCBBAUCwsLIAQgBCkDCDcDKAsgBCkDKCECIARBMGokACACC48BAQF/IwBBEGsiAiQAIAIgADYCCCACIAE2AgQgAiACKAIIQgQQHjYCAAJAIAIoAgBFBEAgAkF/NgIMDAELIAIoAgAgAigCBDoAACACKAIAIAIoAgRBCHY6AAEgAigCACACKAIEQRB2OgACIAIoAgAgAigCBEEYdjoAAyACQQA2AgwLIAIoAgwaIAJBEGokAAsXACAALQAAQSBxRQRAIAEgAiAAEHEaCwtQAQF/IwBBEGsiASQAIAEgADYCDANAIAEoAgwEQCABIAEoAgwoAgA2AgggASgCDCgCDBAVIAEoAgwQFSABIAEoAgg2AgwMAQsLIAFBEGokAAs+AQF/IwBBEGsiASQAIAEgADYCDCABKAIMBEAgASgCDCgCABAVIAEoAgwoAgwQFSABKAIMEBULIAFBEGokAAt9AQF/IwBBEGsiASQAIAEgADYCDCABKAIMBEAgAUIANwMAA0AgASkDACABKAIMKQMIWkUEQCABKAIMKAIAIAEpAwCnQQR0ahB3IAEgASkDAEIBfDcDAAwBCwsgASgCDCgCABAVIAEoAgwoAigQJCABKAIMEBULIAFBEGokAAtuAQF/IwBBgAJrIgUkAAJAIARBgMAEcQ0AIAIgA0wNACAFIAFB/wFxIAIgA2siAkGAAiACQYACSSIBGxAzIAFFBEADQCAAIAVBgAIQIiACQYACayICQf8BSw0ACwsgACAFIAIQIgsgBUGAAmokAAvRAQEBfyMAQTBrIgMkACADIAA2AiggAyABNwMgIAMgAjYCHAJAIAMoAigtAChBAXEEQCADQX82AiwMAQsCQCADKAIoKAIgBEAgAygCHEUNASADKAIcQQFGDQEgAygCHEECRg0BCyADKAIoQQxqQRJBABAUIANBfzYCLAwBCyADIAMpAyA3AwggAyADKAIcNgIQIAMoAiggA0EIakIQQQYQIEIAUwRAIANBfzYCLAwBCyADKAIoQQA6ADQgA0EANgIsCyADKAIsIQAgA0EwaiQAIAALmBcBAn8jAEEwayIEJAAgBCAANgIsIAQgATYCKCAEIAI2AiQgBCADNgIgIARBADYCFAJAIAQoAiwoAoQBQQBKBEAgBCgCLCgCACgCLEECRgRAIwBBEGsiACAEKAIsNgIIIABB/4D/n382AgQgAEEANgIAAkADQCAAKAIAQR9MBEACQCAAKAIEQQFxRQ0AIAAoAghBlAFqIAAoAgBBAnRqLwEARQ0AIABBADYCDAwDCyAAIAAoAgBBAWo2AgAgACAAKAIEQQF2NgIEDAELCwJAAkAgACgCCC8BuAENACAAKAIILwG8AQ0AIAAoAggvAcgBRQ0BCyAAQQE2AgwMAQsgAEEgNgIAA0AgACgCAEGAAkgEQCAAKAIIQZQBaiAAKAIAQQJ0ai8BAARAIABBATYCDAwDBSAAIAAoAgBBAWo2AgAMAgsACwsgAEEANgIMCyAAKAIMIQAgBCgCLCgCACAANgIsCyAEKAIsIAQoAixBmBZqEHogBCgCLCAEKAIsQaQWahB6IAQoAiwhASMAQRBrIgAkACAAIAE2AgwgACgCDCAAKAIMQZQBaiAAKAIMKAKcFhC6ASAAKAIMIAAoAgxBiBNqIAAoAgwoAqgWELoBIAAoAgwgACgCDEGwFmoQeiAAQRI2AggDQAJAIAAoAghBA0gNACAAKAIMQfwUaiAAKAIILQDgbEECdGovAQINACAAIAAoAghBAWs2AggMAQsLIAAoAgwiASABKAKoLSAAKAIIQQNsQRFqajYCqC0gACgCCCEBIABBEGokACAEIAE2AhQgBCAEKAIsKAKoLUEKakEDdjYCHCAEIAQoAiwoAqwtQQpqQQN2NgIYIAQoAhggBCgCHE0EQCAEIAQoAhg2AhwLDAELIAQgBCgCJEEFaiIANgIYIAQgADYCHAsCQAJAIAQoAhwgBCgCJEEEakkNACAEKAIoRQ0AIAQoAiwgBCgCKCAEKAIkIAQoAiAQXQwBCwJAAkAgBCgCLCgCiAFBBEcEQCAEKAIYIAQoAhxHDQELIARBAzYCEAJAIAQoAiwoArwtQRAgBCgCEGtKBEAgBCAEKAIgQQJqNgIMIAQoAiwiACAALwG4LSAEKAIMQf//A3EgBCgCLCgCvC10cjsBuC0gBCgCLC8BuC1B/wFxIQEgBCgCLCgCCCECIAQoAiwiAygCFCEAIAMgAEEBajYCFCAAIAJqIAE6AAAgBCgCLC8BuC1BCHYhASAEKAIsKAIIIQIgBCgCLCIDKAIUIQAgAyAAQQFqNgIUIAAgAmogAToAACAEKAIsIAQoAgxB//8DcUEQIAQoAiwoArwta3U7AbgtIAQoAiwiACAAKAK8LSAEKAIQQRBrajYCvC0MAQsgBCgCLCIAIAAvAbgtIAQoAiBBAmpB//8DcSAEKAIsKAK8LXRyOwG4LSAEKAIsIgAgBCgCECAAKAK8LWo2ArwtCyAEKAIsQZDgAEGQ6QAQuwEMAQsgBEEDNgIIAkAgBCgCLCgCvC1BECAEKAIIa0oEQCAEIAQoAiBBBGo2AgQgBCgCLCIAIAAvAbgtIAQoAgRB//8DcSAEKAIsKAK8LXRyOwG4LSAEKAIsLwG4LUH/AXEhASAEKAIsKAIIIQIgBCgCLCIDKAIUIQAgAyAAQQFqNgIUIAAgAmogAToAACAEKAIsLwG4LUEIdiEBIAQoAiwoAgghAiAEKAIsIgMoAhQhACADIABBAWo2AhQgACACaiABOgAAIAQoAiwgBCgCBEH//wNxQRAgBCgCLCgCvC1rdTsBuC0gBCgCLCIAIAAoArwtIAQoAghBEGtqNgK8LQwBCyAEKAIsIgAgAC8BuC0gBCgCIEEEakH//wNxIAQoAiwoArwtdHI7AbgtIAQoAiwiACAEKAIIIAAoArwtajYCvC0LIAQoAiwhASAEKAIsKAKcFkEBaiECIAQoAiwoAqgWQQFqIQMgBCgCFEEBaiEFIwBBQGoiACQAIAAgATYCPCAAIAI2AjggACADNgI0IAAgBTYCMCAAQQU2AigCQCAAKAI8KAK8LUEQIAAoAihrSgRAIAAgACgCOEGBAms2AiQgACgCPCIBIAEvAbgtIAAoAiRB//8DcSAAKAI8KAK8LXRyOwG4LSAAKAI8LwG4LUH/AXEhAiAAKAI8KAIIIQMgACgCPCIFKAIUIQEgBSABQQFqNgIUIAEgA2ogAjoAACAAKAI8LwG4LUEIdiECIAAoAjwoAgghAyAAKAI8IgUoAhQhASAFIAFBAWo2AhQgASADaiACOgAAIAAoAjwgACgCJEH//wNxQRAgACgCPCgCvC1rdTsBuC0gACgCPCIBIAEoArwtIAAoAihBEGtqNgK8LQwBCyAAKAI8IgEgAS8BuC0gACgCOEGBAmtB//8DcSAAKAI8KAK8LXRyOwG4LSAAKAI8IgEgACgCKCABKAK8LWo2ArwtCyAAQQU2AiACQCAAKAI8KAK8LUEQIAAoAiBrSgRAIAAgACgCNEEBazYCHCAAKAI8IgEgAS8BuC0gACgCHEH//wNxIAAoAjwoArwtdHI7AbgtIAAoAjwvAbgtQf8BcSECIAAoAjwoAgghAyAAKAI8IgUoAhQhASAFIAFBAWo2AhQgASADaiACOgAAIAAoAjwvAbgtQQh2IQIgACgCPCgCCCEDIAAoAjwiBSgCFCEBIAUgAUEBajYCFCABIANqIAI6AAAgACgCPCAAKAIcQf//A3FBECAAKAI8KAK8LWt1OwG4LSAAKAI8IgEgASgCvC0gACgCIEEQa2o2ArwtDAELIAAoAjwiASABLwG4LSAAKAI0QQFrQf//A3EgACgCPCgCvC10cjsBuC0gACgCPCIBIAAoAiAgASgCvC1qNgK8LQsgAEEENgIYAkAgACgCPCgCvC1BECAAKAIYa0oEQCAAIAAoAjBBBGs2AhQgACgCPCIBIAEvAbgtIAAoAhRB//8DcSAAKAI8KAK8LXRyOwG4LSAAKAI8LwG4LUH/AXEhAiAAKAI8KAIIIQMgACgCPCIFKAIUIQEgBSABQQFqNgIUIAEgA2ogAjoAACAAKAI8LwG4LUEIdiECIAAoAjwoAgghAyAAKAI8IgUoAhQhASAFIAFBAWo2AhQgASADaiACOgAAIAAoAjwgACgCFEH//wNxQRAgACgCPCgCvC1rdTsBuC0gACgCPCIBIAEoArwtIAAoAhhBEGtqNgK8LQwBCyAAKAI8IgEgAS8BuC0gACgCMEEEa0H//wNxIAAoAjwoArwtdHI7AbgtIAAoAjwiASAAKAIYIAEoArwtajYCvC0LIABBADYCLANAIAAoAiwgACgCMEgEQCAAQQM2AhACQCAAKAI8KAK8LUEQIAAoAhBrSgRAIAAgACgCPEH8FGogACgCLC0A4GxBAnRqLwECNgIMIAAoAjwiASABLwG4LSAAKAIMQf//A3EgACgCPCgCvC10cjsBuC0gACgCPC8BuC1B/wFxIQIgACgCPCgCCCEDIAAoAjwiBSgCFCEBIAUgAUEBajYCFCABIANqIAI6AAAgACgCPC8BuC1BCHYhAiAAKAI8KAIIIQMgACgCPCIFKAIUIQEgBSABQQFqNgIUIAEgA2ogAjoAACAAKAI8IAAoAgxB//8DcUEQIAAoAjwoArwta3U7AbgtIAAoAjwiASABKAK8LSAAKAIQQRBrajYCvC0MAQsgACgCPCIBIAEvAbgtIAAoAjxB/BRqIAAoAiwtAOBsQQJ0ai8BAiAAKAI8KAK8LXRyOwG4LSAAKAI8IgEgACgCECABKAK8LWo2ArwtCyAAIAAoAixBAWo2AiwMAQsLIAAoAjwgACgCPEGUAWogACgCOEEBaxC5ASAAKAI8IAAoAjxBiBNqIAAoAjRBAWsQuQEgAEFAayQAIAQoAiwgBCgCLEGUAWogBCgCLEGIE2oQuwELCyAEKAIsEL4BIAQoAiAEQCAEKAIsEL0BCyAEQTBqJAAL1AEBAX8jAEEgayICJAAgAiAANgIYIAIgATcDECACIAIoAhhFOgAPAkAgAigCGEUEQCACIAIpAxCnEBgiADYCGCAARQRAIAJBADYCHAwCCwsgAkEYEBgiADYCCCAARQRAIAItAA9BAXEEQCACKAIYEBULIAJBADYCHAwBCyACKAIIQQE6AAAgAigCCCACKAIYNgIEIAIoAgggAikDEDcDCCACKAIIQgA3AxAgAigCCCACLQAPQQFxOgABIAIgAigCCDYCHAsgAigCHCEAIAJBIGokACAAC3gBAX8jAEEQayIBJAAgASAANgIIIAEgASgCCEIEEB42AgQCQCABKAIERQRAIAFBADYCDAwBCyABIAEoAgQtAAAgASgCBC0AASABKAIELQACIAEoAgQtAANBCHRqQQh0akEIdGo2AgwLIAEoAgwhACABQRBqJAAgAAuHAwEBfyMAQTBrIgMkACADIAA2AiQgAyABNgIgIAMgAjcDGAJAIAMoAiQtAChBAXEEQCADQn83AygMAQsCQAJAIAMoAiQoAiBFDQAgAykDGEL///////////8AVg0AIAMpAxhQDQEgAygCIA0BCyADKAIkQQxqQRJBABAUIANCfzcDKAwBCyADKAIkLQA1QQFxBEAgA0J/NwMoDAELAn8jAEEQayIAIAMoAiQ2AgwgACgCDC0ANEEBcQsEQCADQgA3AygMAQsgAykDGFAEQCADQgA3AygMAQsgA0IANwMQA0AgAykDECADKQMYVARAIAMgAygCJCADKAIgIAMpAxCnaiADKQMYIAMpAxB9QQEQICICNwMIIAJCAFMEQCADKAIkQQE6ADUgAykDEFAEQCADQn83AygMBAsgAyADKQMQNwMoDAMLIAMpAwhQBEAgAygCJEEBOgA0BSADIAMpAwggAykDEHw3AxAMAgsLCyADIAMpAxA3AygLIAMpAyghAiADQTBqJAAgAgthAQF/IwBBEGsiAiAANgIIIAIgATcDAAJAIAIpAwAgAigCCCkDCFYEQCACKAIIQQA6AAAgAkF/NgIMDAELIAIoAghBAToAACACKAIIIAIpAwA3AxAgAkEANgIMCyACKAIMC+8BAQF/IwBBIGsiAiQAIAIgADYCGCACIAE3AxAgAiACKAIYQggQHjYCDAJAIAIoAgxFBEAgAkF/NgIcDAELIAIoAgwgAikDEEL/AYM8AAAgAigCDCACKQMQQgiIQv8BgzwAASACKAIMIAIpAxBCEIhC/wGDPAACIAIoAgwgAikDEEIYiEL/AYM8AAMgAigCDCACKQMQQiCIQv8BgzwABCACKAIMIAIpAxBCKIhC/wGDPAAFIAIoAgwgAikDEEIwiEL/AYM8AAYgAigCDCACKQMQQjiIQv8BgzwAByACQQA2AhwLIAIoAhwaIAJBIGokAAt/AQN/IAAhAQJAIABBA3EEQANAIAEtAABFDQIgAUEBaiIBQQNxDQALCwNAIAEiAkEEaiEBIAIoAgAiA0F/cyADQYGChAhrcUGAgYKEeHFFDQALIANB/wFxRQRAIAIgAGsPCwNAIAItAAEhAyACQQFqIgEhAiADDQALCyABIABrC6YBAQF/IwBBEGsiASQAIAEgADYCCAJAIAEoAggoAiBFBEAgASgCCEEMakESQQAQFCABQX82AgwMAQsgASgCCCIAIAAoAiBBAWs2AiAgASgCCCgCIEUEQCABKAIIQQBCAEECECAaIAEoAggoAgAEQCABKAIIKAIAEC9BAEgEQCABKAIIQQxqQRRBABAUCwsLIAFBADYCDAsgASgCDCEAIAFBEGokACAACzYBAX8jAEEQayIBIAA2AgwCfiABKAIMLQAAQQFxBEAgASgCDCkDCCABKAIMKQMQfQwBC0IACwuyAQIBfwF+IwBBEGsiASQAIAEgADYCBCABIAEoAgRCCBAeNgIAAkAgASgCAEUEQCABQgA3AwgMAQsgASABKAIALQAArSABKAIALQAHrUI4hiABKAIALQAGrUIwhnwgASgCAC0ABa1CKIZ8IAEoAgAtAAStQiCGfCABKAIALQADrUIYhnwgASgCAC0AAq1CEIZ8IAEoAgAtAAGtQgiGfHw3AwgLIAEpAwghAiABQRBqJAAgAgvcAQEBfyMAQRBrIgEkACABIAA2AgwgASgCDARAIAEoAgwoAigEQCABKAIMKAIoQQA2AiggASgCDCgCKEIANwMgIAEoAgwCfiABKAIMKQMYIAEoAgwpAyBWBEAgASgCDCkDGAwBCyABKAIMKQMgCzcDGAsgASABKAIMKQMYNwMAA0AgASkDACABKAIMKQMIWkUEQCABKAIMKAIAIAEpAwCnQQR0aigCABAVIAEgASkDAEIBfDcDAAwBCwsgASgCDCgCABAVIAEoAgwoAgQQFSABKAIMEBULIAFBEGokAAvwAgICfwF+AkAgAkUNACAAIAJqIgNBAWsgAToAACAAIAE6AAAgAkEDSQ0AIANBAmsgAToAACAAIAE6AAEgA0EDayABOgAAIAAgAToAAiACQQdJDQAgA0EEayABOgAAIAAgAToAAyACQQlJDQAgAEEAIABrQQNxIgRqIgMgAUH/AXFBgYKECGwiADYCACADIAIgBGtBfHEiAmoiAUEEayAANgIAIAJBCUkNACADIAA2AgggAyAANgIEIAFBCGsgADYCACABQQxrIAA2AgAgAkEZSQ0AIAMgADYCGCADIAA2AhQgAyAANgIQIAMgADYCDCABQRBrIAA2AgAgAUEUayAANgIAIAFBGGsgADYCACABQRxrIAA2AgAgAiADQQRxQRhyIgFrIgJBIEkNACAArUKBgICAEH4hBSABIANqIQEDQCABIAU3AxggASAFNwMQIAEgBTcDCCABIAU3AwAgAUEgaiEBIAJBIGsiAkEfSw0ACwsLawEBfyMAQSBrIgIgADYCHCACQgEgAigCHK2GNwMQIAJBDGogATYCAANAIAIgAigCDCIAQQRqNgIMIAIgACgCADYCCCACKAIIQQBIRQRAIAIgAikDEEIBIAIoAgithoQ3AxAMAQsLIAIpAxALYAIBfwF+IwBBEGsiASQAIAEgADYCBAJAIAEoAgQoAiRBAUcEQCABKAIEQQxqQRJBABAUIAFCfzcDCAwBCyABIAEoAgRBAEIAQQ0QIDcDCAsgASkDCCECIAFBEGokACACC6UCAQJ/IwBBIGsiAyQAIAMgADYCGCADIAE2AhQgAyACNwMIIAMoAhgoAgAhASADKAIUIQQgAykDCCECIwBBIGsiACQAIAAgATYCFCAAIAQ2AhAgACACNwMIAkACQCAAKAIUKAIkQQFGBEAgACkDCEL///////////8AWA0BCyAAKAIUQQxqQRJBABAUIABCfzcDGAwBCyAAIAAoAhQgACgCECAAKQMIQQsQIDcDGAsgACkDGCECIABBIGokACADIAI3AwACQCACQgBTBEAgAygCGEEIaiADKAIYKAIAEBcgA0F/NgIcDAELIAMpAwAgAykDCFIEQCADKAIYQQhqQQZBGxAUIANBfzYCHAwBCyADQQA2AhwLIAMoAhwhACADQSBqJAAgAAsxAQF/IwBBEGsiASQAIAEgADYCDCABKAIMBEAgASgCDBBSIAEoAgwQFQsgAUEQaiQACy8BAX8jAEEQayIBJAAgASAANgIMIAEoAgwoAggQFSABKAIMQQA2AgggAUEQaiQAC80BAQF/IwBBEGsiAiQAIAIgADYCCCACIAE2AgQCQCACKAIILQAoQQFxBEAgAkF/NgIMDAELIAIoAgRFBEAgAigCCEEMakESQQAQFCACQX82AgwMAQsgAigCBBA7IAIoAggoAgAEQCACKAIIKAIAIAIoAgQQOUEASARAIAIoAghBDGogAigCCCgCABAXIAJBfzYCDAwCCwsgAigCCCACKAIEQjhBAxAgQgBTBEAgAkF/NgIMDAELIAJBADYCDAsgAigCDCEAIAJBEGokACAAC98EAQF/IwBBIGsiAiAANgIYIAIgATYCFAJAIAIoAhhFBEAgAkEBNgIcDAELIAIgAigCGCgCADYCDAJAIAIoAhgoAggEQCACIAIoAhgoAgg2AhAMAQsgAkEBNgIQIAJBADYCCANAAkAgAigCCCACKAIYLwEETw0AAkAgAigCDCACKAIIai0AAEEfSwRAIAIoAgwgAigCCGotAABBgAFJDQELIAIoAgwgAigCCGotAABBDUYNACACKAIMIAIoAghqLQAAQQpGDQAgAigCDCACKAIIai0AAEEJRgRADAELIAJBAzYCEAJAIAIoAgwgAigCCGotAABB4AFxQcABRgRAIAJBATYCAAwBCwJAIAIoAgwgAigCCGotAABB8AFxQeABRgRAIAJBAjYCAAwBCwJAIAIoAgwgAigCCGotAABB+AFxQfABRgRAIAJBAzYCAAwBCyACQQQ2AhAMBAsLCyACKAIYLwEEIAIoAgggAigCAGpNBEAgAkEENgIQDAILIAJBATYCBANAIAIoAgQgAigCAE0EQCACKAIMIAIoAgggAigCBGpqLQAAQcABcUGAAUcEQCACQQQ2AhAMBgUgAiACKAIEQQFqNgIEDAILAAsLIAIgAigCACACKAIIajYCCAsgAiACKAIIQQFqNgIIDAELCwsgAigCGCACKAIQNgIIIAIoAhQEQAJAIAIoAhRBAkcNACACKAIQQQNHDQAgAkECNgIQIAIoAhhBAjYCCAsCQCACKAIUIAIoAhBGDQAgAigCEEEBRg0AIAJBBTYCHAwCCwsgAiACKAIQNgIcCyACKAIcC2oBAX8jAEEQayIBIAA2AgwgASgCDEIANwMAIAEoAgxBADYCCCABKAIMQn83AxAgASgCDEEANgIsIAEoAgxBfzYCKCABKAIMQgA3AxggASgCDEIANwMgIAEoAgxBADsBMCABKAIMQQA7ATILjQUBA38jAEEQayIBJAAgASAANgIMIAEoAgwEQCABKAIMKAIABEAgASgCDCgCABAvGiABKAIMKAIAEBsLIAEoAgwoAhwQFSABKAIMKAIgECQgASgCDCgCJBAkIAEoAgwoAlAhAiMAQRBrIgAkACAAIAI2AgwgACgCDARAIAAoAgwoAhAEQCAAQQA2AggDQCAAKAIIIAAoAgwoAgBJBEAgACgCDCgCECAAKAIIQQJ0aigCAARAIAAoAgwoAhAgACgCCEECdGooAgAhAyMAQRBrIgIkACACIAM2AgwDQCACKAIMBEAgAiACKAIMKAIYNgIIIAIoAgwQFSACIAIoAgg2AgwMAQsLIAJBEGokAAsgACAAKAIIQQFqNgIIDAELCyAAKAIMKAIQEBULIAAoAgwQFQsgAEEQaiQAIAEoAgwoAkAEQCABQgA3AwADQCABKQMAIAEoAgwpAzBUBEAgASgCDCgCQCABKQMAp0EEdGoQdyABIAEpAwBCAXw3AwAMAQsLIAEoAgwoAkAQFQsgAUIANwMAA0AgASkDACABKAIMKAJErVQEQCABKAIMKAJMIAEpAwCnQQJ0aigCACECIwBBEGsiACQAIAAgAjYCDCAAKAIMQQE6ACgCfyMAQRBrIgIgACgCDEEMajYCDCACKAIMKAIARQsEQCAAKAIMQQxqQQhBABAUCyAAQRBqJAAgASABKQMAQgF8NwMADAELCyABKAIMKAJMEBUgASgCDCgCVCECIwBBEGsiACQAIAAgAjYCDCAAKAIMBEAgACgCDCgCCARAIAAoAgwoAgwgACgCDCgCCBECAAsgACgCDBAVCyAAQRBqJAAgASgCDEEIahA4IAEoAgwQFQsgAUEQaiQAC48OAQF/IwBBEGsiAyQAIAMgADYCDCADIAE2AgggAyACNgIEIAMoAgghASADKAIEIQIjAEEgayIAIAMoAgw2AhggACABNgIUIAAgAjYCECAAIAAoAhhBEHY2AgwgACAAKAIYQf//A3E2AhgCQCAAKAIQQQFGBEAgACAAKAIULQAAIAAoAhhqNgIYIAAoAhhB8f8DTwRAIAAgACgCGEHx/wNrNgIYCyAAIAAoAhggACgCDGo2AgwgACgCDEHx/wNPBEAgACAAKAIMQfH/A2s2AgwLIAAgACgCGCAAKAIMQRB0cjYCHAwBCyAAKAIURQRAIABBATYCHAwBCyAAKAIQQRBJBEADQCAAIAAoAhAiAUEBazYCECABBEAgACAAKAIUIgFBAWo2AhQgACABLQAAIAAoAhhqNgIYIAAgACgCGCAAKAIMajYCDAwBCwsgACgCGEHx/wNPBEAgACAAKAIYQfH/A2s2AhgLIAAgACgCDEHx/wNwNgIMIAAgACgCGCAAKAIMQRB0cjYCHAwBCwNAIAAoAhBBsCtPBEAgACAAKAIQQbArazYCECAAQdsCNgIIA0AgACAAKAIULQAAIAAoAhhqNgIYIAAgACgCGCAAKAIMajYCDCAAIAAoAhQtAAEgACgCGGo2AhggACAAKAIYIAAoAgxqNgIMIAAgACgCFC0AAiAAKAIYajYCGCAAIAAoAhggACgCDGo2AgwgACAAKAIULQADIAAoAhhqNgIYIAAgACgCGCAAKAIMajYCDCAAIAAoAhQtAAQgACgCGGo2AhggACAAKAIYIAAoAgxqNgIMIAAgACgCFC0ABSAAKAIYajYCGCAAIAAoAhggACgCDGo2AgwgACAAKAIULQAGIAAoAhhqNgIYIAAgACgCGCAAKAIMajYCDCAAIAAoAhQtAAcgACgCGGo2AhggACAAKAIYIAAoAgxqNgIMIAAgACgCFC0ACCAAKAIYajYCGCAAIAAoAhggACgCDGo2AgwgACAAKAIULQAJIAAoAhhqNgIYIAAgACgCGCAAKAIMajYCDCAAIAAoAhQtAAogACgCGGo2AhggACAAKAIYIAAoAgxqNgIMIAAgACgCFC0ACyAAKAIYajYCGCAAIAAoAhggACgCDGo2AgwgACAAKAIULQAMIAAoAhhqNgIYIAAgACgCGCAAKAIMajYCDCAAIAAoAhQtAA0gACgCGGo2AhggACAAKAIYIAAoAgxqNgIMIAAgACgCFC0ADiAAKAIYajYCGCAAIAAoAhggACgCDGo2AgwgACAAKAIULQAPIAAoAhhqNgIYIAAgACgCGCAAKAIMajYCDCAAIAAoAhRBEGo2AhQgACAAKAIIQQFrIgE2AgggAQ0ACyAAIAAoAhhB8f8DcDYCGCAAIAAoAgxB8f8DcDYCDAwBCwsgACgCEARAA0AgACgCEEEQTwRAIAAgACgCEEEQazYCECAAIAAoAhQtAAAgACgCGGo2AhggACAAKAIYIAAoAgxqNgIMIAAgACgCFC0AASAAKAIYajYCGCAAIAAoAhggACgCDGo2AgwgACAAKAIULQACIAAoAhhqNgIYIAAgACgCGCAAKAIMajYCDCAAIAAoAhQtAAMgACgCGGo2AhggACAAKAIYIAAoAgxqNgIMIAAgACgCFC0ABCAAKAIYajYCGCAAIAAoAhggACgCDGo2AgwgACAAKAIULQAFIAAoAhhqNgIYIAAgACgCGCAAKAIMajYCDCAAIAAoAhQtAAYgACgCGGo2AhggACAAKAIYIAAoAgxqNgIMIAAgACgCFC0AByAAKAIYajYCGCAAIAAoAhggACgCDGo2AgwgACAAKAIULQAIIAAoAhhqNgIYIAAgACgCGCAAKAIMajYC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NgIYIAEoAgxCADcDICABKAIMQgA3AyggASgCDEEANgIwIAEoAgxBADYCNCABKAIMQQA2AjggASgCDEEANgI8IAEoAgxBADsBQCABKAIMQYCA2I14NgJEIAEoAgxCADcDSCABKAIMQQA7AVAgASgCDEEAOwFSIAEoAgxBADYCVAvSEwEBfyMAQbABayIDJAAgAyAANgKoASADIAE2AqQBIAMgAjYCoAEgA0EANgKQASADIAMoAqQBKAIwQQAQOjYClAEgAyADKAKkASgCOEEAEDo2ApgBAkACQAJAAkAgAygClAFBAkYEQCADKAKYAUEBRg0BCyADKAKUAUEBRgRAIAMoApgBQQJGDQELIAMoApQBQQJHDQEgAygCmAFBAkcNAQsgAygCpAEiACAALwEMQYAQcjsBDAwBCyADKAKkASIAIAAvAQxB/+8DcTsBDCADKAKUAUECRgRAIANB9eABIAMoAqQBKAIwIAMoAqgBQQhqEI4BNgKQASADKAKQAUUEQCADQX82AqwBDAMLCwJAIAMoAqABQYACcQ0AIAMoApgBQQJHDQAgA0H1xgEgAygCpAEoAjggAygCqAFBCGoQjgE2AkggAygCSEUEQCADKAKQARAjIANBfzYCrAEMAwsgAygCSCADKAKQATYCACADIAMoAkg2ApABCwsCQCADKAKkAS8BUkUEQCADKAKkASIAIAAvAQxB/v8DcTsBDAwBCyADKAKkASIAIAAvAQxBAXI7AQwLIAMgAygCpAEgAygCoAEQZUEBcToAhgEgAyADKAKgAUGACnFBgApHBH8gAy0AhgEFQQELQQFxOgCHASADAn9BASADKAKkAS8BUkGBAkYNABpBASADKAKkAS8BUkGCAkYNABogAygCpAEvAVJBgwJGC0EBcToAhQEgAy0AhwFBAXEEQCADIANBIGpCHBApNgIcIAMoAhxFBEAgAygCqAFBCGpBDkEAEBQgAygCkAEQIyADQX82AqwBDAILAkAgAygCoAFBgAJxBEACQCADKAKgAUGACHENACADKAKkASkDIEL/////D1YNACADKAKkASkDKEL/////D1gNAgsgAygCHCADKAKkASkDKBAtIAMoAhwgAygCpAEpAyAQLQwBCwJAAkAgAygCoAFBgAhxDQAgAygCpAEpAyBC/////w9WDQAgAygCpAEpAyhC/////w9WDQAgAygCpAEpA0hC/////w9YDQELIAMoAqQBKQMoQv////8PWgRAIAMoAhwgAygCpAEpAygQLQsgAygCpAEpAyBC/////w9aBEAgAygCHCADKAKkASkDIBAtCyADKAKkASkDSEL/////D1oEQCADKAIcIAMoAqQBKQNIEC0LCwsCfyMAQRBrIgAgAygCHDYCDCAAKAIMLQAAQQFxRQsEQCADKAKoAUEIakEUQQAQFCADKAIcEBYgAygCkAEQIyADQX82AqwBDAILIANBAQJ/IwBBEGsiACADKAIcNgIMAn4gACgCDC0AAEEBcQRAIAAoAgwpAxAMAQtCAAunQf//A3ELIANBIGpBgAYQVTYCjAEgAygCHBAWIAMoAowBIAMoApABNgIAIAMgAygCjAE2ApABCyADLQCFAUEBcQRAIAMgA0EVakIHECk2AhAgAygCEEUEQCADKAKoAUEIakEOQQAQFCADKAKQARAjIANBfzYCrAEMAgsgAygCEEECEB8gAygCEEG9EkECEEEgAygCECADKAKkAS8BUkH/AXEQlgEgAygCECADKAKkASgCEEH//wNxEB8CfyMAQRBrIgAgAygCEDYCDCAAKAIMLQAAQQFxRQsEQCADKAKoAUEIakEUQQAQFCADKAIQEBYgAygCkAEQIyADQX82AqwBDAILIANBgbICQQcgA0EVakGABhBVNgIMIAMoAhAQFiADKAIMIAMoApABNgIAIAMgAygCDDYCkAELIAMgA0HQAGpCLhApIgA2AkwgAEUEQCADKAKoAUEIakEOQQAQFCADKAKQARAjIANBfzYCrAEMAQsgAygCTEHxEkH2EiADKAKgAUGAAnEbQQQQQSADKAKgAUGAAnFFBEAgAygCTCADLQCGAUEBcQR/QS0FIAMoAqQBLwEIC0H//wNxEB8LIAMoAkwgAy0AhgFBAXEEf0EtBSADKAKkAS8BCgtB//8DcRAfIAMoAkwgAygCpAEvAQwQHwJAIAMtAIUBQQFxBEAgAygCTEHjABAfDAELIAMoAkwgAygCpAEoAhBB//8DcRAfCyADKAKkASgCFCADQZ4BaiADQZwBahCNASADKAJMIAMvAZ4BEB8gAygCTCADLwGcARAfAkACQCADLQCFAUEBcUUNACADKAKkASkDKEIUWg0AIAMoAkxBABAhDAELIAMoAkwgAygCpAEoAhgQIQsCQAJAIAMoAqABQYACcUGAAkcNACADKAKkASkDIEL/////D1QEQCADKAKkASkDKEL/////D1QNAQsgAygCTEF/ECEgAygCTEF/ECEMAQsCQCADKAKkASkDIEL/////D1QEQCADKAJMIAMoAqQBKQMgpxAhDAELIAMoAkxBfxAhCwJAIAMoAqQBKQMoQv////8PVARAIAMoAkwgAygCpAEpAyinECEMAQsgAygCTEF/ECELCyADKAJMIAMoAqQBKAIwEFFB//8DcRAfIAMgAygCpAEoAjQgAygCoAEQkgFB//8DcSADKAKQAUGABhCSAUH//wNxajYCiAEgAygCTCADKAKIAUH//wNxEB8gAygCoAFBgAJxRQRAIAMoAkwgAygCpAEoAjgQUUH//wNxEB8gAygCTCADKAKkASgCPEH//wNxEB8gAygCTCADKAKkAS8BQBAfIAMoAkwgAygCpAEoAkQQIQJAIAMoAqQBKQNIQv////8PVARAIAMoAkwgAygCpAEpA0inECEMAQsgAygCTEF/ECELCwJ/IwBBEGsiACADKAJMNgIMIAAoAgwtAABBAXFFCwRAIAMoAqgBQQhqQRRBABAUIAMoAkwQFiADKAKQARAjIANBfzYCrAEMAQsgAygCqAEgA0HQAGoCfiMAQRBrIgAgAygCTDYCDAJ+IAAoAgwtAABBAXEEQCAAKAIMKQMQDAELQgALCxA2QQBIBEAgAygCTBAWIAMoApABECMgA0F/NgKsAQwBCyADKAJMEBYgAygCpAEoAjAEQCADKAKoASADKAKkASgCMBCFAUEASARAIAMoApABECMgA0F/NgKsAQwCCwsgAygCkAEEQCADKAKoASADKAKQAUGABhCRAUEASARAIAMoApABECMgA0F/NgKsAQwCCwsgAygCkAEQIyADKAKkASgCNARAIAMoAqgBIAMoAqQBKAI0IAMoAqABEJEBQQBIBEAgA0F/NgKsAQwCCwsgAygCoAFBgAJxRQRAIAMoAqQBKAI4BEAgAygCqAEgAygCpAEoAjgQhQFBAEgEQCADQX82AqwBDAMLCwsgAyADLQCHAUEBcTYCrAELIAMoAqwBIQAgA0GwAWokACAAC+ACAQF/IwBBIGsiBCQAIAQgADsBGiAEIAE7ARggBCACNgIUIAQgAzYCECAEQRAQGCIANgIMAkAg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AAAgAygCHEHcFmogAygCDEECdGooAgAgAygCHEHYKGpqLQAASg0ADAELIAMoAhxB3BZqIAMoAhRBAnRqIAMoAhxB3BZqIAMoAgxBAnRqKAIANgIAIAMgAygCDDYCFCADIAMoAgxBAXQ2AgwMAQsLIAMoAhxB3BZqIAMoAhRBAnRqIAMoAhA2AgAL1xMBA38jAEEwayICJAAgAiAANgIsIAIgATYCKCACIAIoAigoAgA2AiQgAiACKAIoKAIIKAIANgIgIAIgAigCKCgCCCgCDDYCHCACQX82AhAgAigCLEEANgLQKCACKAIsQb0ENgLUKCACQQA2AhgDQCACKAIYIAIoAhxIBEACQCACKAIkIAIoAhhBAnRqLwEABEAgAiACKAIYIgE2AhAgAigCLEHcFmohAyACKAIsIgQoAtAoQQFqIQAgBCAANgLQKCAAQQJ0IANqIAE2AgAgAigCGCACKAIsQdgoampBADoAAAwBCyACKAIkIAIoAhhBAnRqQQA7AQILIAIgAigCGEEBajYCGAwBCwsDQCACKAIsKALQKEECSARAAkAgAigCEEECSARAIAIgAigCEEEBaiIANgIQDAELQQAhAAsgAigCLEHcFmohAyACKAIsIgQoAtAoQQFqIQEgBCABNgLQKCABQQJ0IANqIAA2AgAgAiAANgIMIAIoAiQgAigCDEECdGpBATsBACACKAIMIAIoAixB2ChqakEAOgAAIAIoAiwiACAAKAKoLUEBazYCqC0gAigCIARAIAIoAiwiACAAKAKsLSACKAIgIAIoAgxBAnRqLwECazYCrC0LDAELCyACKAIoIAIoAhA2AgQgAiACKAIsKALQKEECbTYCGANAIAIoAhhBAU4EQCACKAIsIAIoAiQgAigCGBB5IAIgAigCGEEBazYCGAwBCwsgAiACKAIcNgIMA0AgAiACKAIsKALgFjYCGCACKAIsQdwWaiEBIAIoAiwiAygC0CghACADIABBAWs2AtAoIAIoAiwgAEECdCABaigCADYC4BYgAigCLCACKAIkQQEQeSACIAIoAiwoAuAWNgIUIAIoAhghASACKAIsQdwWaiEDIAIoAiwiBCgC1ChBAWshACAEIAA2AtQoIABBAnQgA2ogATYCACACKAIUIQEgAigCLEHcFmohAyACKAIsIgQoAtQoQQFrIQAgBCAANgLUKCAA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AQsgAigCCEEANgIAIAIoAghCADcDECACKAIIQgA3AwggAigCCEIANwMgIAIoAghCADcDGCACKAIIQQA2AiggAigCCEEAOgAsIAIoAgggAikDECACKAIMEI8BQQFxRQRAIAIoAggQJSACQQA2AhwMAQsgAiACKAIINgIcCyACKAIcIQEgAkEgaiQAIAEL1gIBAX8jAEEgayIDJAAgAyAANgIYIAMgATYCFCADIAI2AhAgAyADQQxqQgQQKTYCCAJAIAMoAghFBEAgA0F/NgIcDAELA0AgAygCFARAIAMoAhQoAgQgAygCEHFBgAZxBEAgAygCCEIAECwaIAMoAgggAygCFC8BCBAfIAMoAgggAygCFC8BChAfAn8jAEEQayIAIAMoAgg2AgwgACgCDC0AAEEBcUULBEAgAygCGEEIakEUQQAQFCADKAIIEBYgA0F/NgIcDAQLIAMoAhggA0EMakIEEDZBAEgEQCADKAIIEBYgA0F/NgIcDAQLIAMoAhQvAQoEQCADKAIYIAMoAhQoAgwgAygCFC8BCq0QNkEASARAIAMoAggQFiADQX82AhwMBQsLCyADIAMoAhQoAgA2AhQMAQsLIAMoAggQFiADQQA2AhwLIAMoAhwhACADQSBqJAAgAAtoAQF/IwBBEGsiAiAANgIMIAIgATYCCCACQQA7AQYDQCACKAIMBEAgAigCDCgCBCACKAIIcUGABnEEQCACIAIoAgwvAQogAi8BBkEEamo7AQYLIAIgAigCDCgCADYCDAwBCwsgAi8BBgvwAQEBfyMAQRBrIgEkACABIAA2AgwgASABKAIMNgIIIAFBADYCBANAIAEoAgwEQAJAAkAgASgCDC8BCEH1xgFGDQAgASgCDC8BCEH14AFGDQAgASgCDC8BCEGBsgJGDQAgASgCDC8BCEEBRw0BCyABIAEoAgwoAgA2AgAgASgCCCABKAIMRgRAIAEgASgCADYCCAsgASgCDEEANgIAIAEoAgwQIyABKAIEBEAgASgCBCABKAIANgIACyABIAEoAgA2AgwMAgsgASABKAIMNgIEIAEgASgCDCgCADYCDAwBCwsgASgCCCEAIAFBEGokACAAC7IEAQF/IwBBQGoiBSQAIAUgADYCOCAFIAE7ATYgBSACNgIwIAUgAzYCLCAFIAQ2AiggBSAFKAI4IAUvATatECkiADYC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IAEoAhBB//8DRgRAIAEgASgCDDYCEAsgASgCCEH//wNGBEAgASABKAIENgIICwJAIAEoApQBQQRxRQ0AIAEoAgggASgCBEYEQCABKAIQIAEoAgxGDQELIAEoApABQRVBABAUIAEtABdBAXEEQCABKAKkARAWCyABQQA2AqwBDAELAkAgASgCEEUEQCABKAIIRQ0BCyABKAKQAUEBQQAQFCABLQAXQQFxBEAgASgCpAEQFgsgAUEANgKsAQwBCyABIAEoAqQBEDE3AyggASABKAKkARAxNwMgIAEpAyggASkDIFIEQCABKAKQAUEBQQAQFCABLQAXQQFxBEAgASgCpAEQFgsgAUEANgKsAQwBCyABIAEoAqQBEDE3AzAgASABKAKkARAxNwOAAQJ/IwBBEGsiBSABKAKkATYCDCAFKAIMLQAAQQFxRQsEQCABKAKQAUEUQQAQFCABLQAXQQFxBEAgASgCpAEQFgsgAUEANgKsAQwBCyABLQAXQQFxBEAgASgCpAEQFgsCQCABKQOAAUL///////////8AWARAIAEpA4ABIAEpA4ABIAEpAzB8WA0BCyABKAKQAUEEQRYQFCABQQA2AqwBDAELIAEpA4ABIAEpAzB8IAEpA5gBIAEpAzh8VgRAIAEoApABQRVBABAUIAFBADYCrAEMAQsCQCABKAKUAUEEcUUNACABKQOAASABKQMwfCABKQOYASABKQM4fFENACABKAKQAUEVQQAQFCABQQA2AqwBDAELIAEpAyggASkDMEIugFYEQCABKAKQAUEVQQAQFCABQQA2AqwBDAELIAEgASkDKCABKAKQARCQASIFNgKMASAFRQRAIAFBADYCrAEMAQsgASgCjAFBAToALCABKAKMASABKQMwNwMYIAEoAowBIAEpA4ABNwMgIAEgASgCjAE2AqwBCyABKAKsASEFIAFBsAFqJAAgACAFNgJQDAELIAAoAmQgACkDMBAsGiAAKAJkIQUgACkDWCEJIAAoAmgoAhQhBiAAKAJUIQcjAEHQAGsiASQAIAEgBTYCSCABIAk3A0AgASAGNgI8IAEgBzYCOAJAIAEoAkgQMEIWVARAIAEoAjhBFUEAEBQgAUEANgJMDAELIwBBEGsiBSABKAJINgIMIAECfiAFKAIMLQAAQQFxBEAgBSgCDCkDEAwBC0IACzcDCCABKAJI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ECADQcgAEBgiADYCDAJAIABFBEAgAygCEEEBQbSbASgCABAUIANBADYCHAwBCyADKAIMIAMoAhA2AgAgAygCDCADLQAbQQFxOgAEIAMoAgwgAygCFDYCCAJAIAMoAgwoAghBAU4EQCADKAIMKAIIQQlMDQELIAMoAgxBCTYCCAsgAygCDEEAOgAMIAMoAgxBADYCMCADKAIMQQA2AjQgAygCDEEANgI4IAMgAygCDDYCHAsgAygCHCEAIANBIGokACAACzgBAX8jAEEQayIBIAA2AgwgASgCDEEANgIAIAEoAgxBADYCBCABKAIMQQA2AgggASgCDEEAOgAMC+MIAQF/IwBBQGoiAiAANgI4IAIgATYCNCACIAIoAjgoAnw2AjAgAiACKAI4KAI4IAIoAjgoAmxqNgIsIAIgAigCOCgCeDYCICACIAIoAjgoApABNgIcIAICfyACKAI4KAJsIAIoAjgoAixBhgJrSwRAIAIoAjgoAmwgAigCOCgCLEGGAmtrDAELQQALNgIYIAIgAigCOCgCQDYCFCACIAIoAjgoAjQ2AhAgAiACKAI4KAI4IAIoAjgoAmxqQYICajYCDCACIAIoAiwgAigCIEEBa2otAAA6AAsgAiACKAIsIAIoAiBqLQAAOgAKIAIoAjgoAnggAigCOCgCjAFPBEAgAiACKAIwQQJ2NgIwCyACKAIcIAIoAjgoAnRLBEAgAiACKAI4KAJ0NgIcCwNAAkAgAiACKAI4KAI4IAIoAjRqNgIoAkAgAigCKCACKAIgai0AACACLQAKRw0AIAIoAiggAigCIEEBa2otAAAgAi0AC0cNACACKAIoLQAAIAIoAiwtAABHDQAgAiACKAIoIgBBAWo2AiggAC0AASACKAIsLQABRwRADAELIAIgAigCLEECajYCLCACIAIoAihBAWo2AigDQCACIAIoAiwiAEEBajYCLCAALQABIQEgAiACKAIoIgBBAWo2AigCf0EAIAAtAAEgAUcNABogAiACKAIsIgBBAWo2AiwgAC0AASEBIAIgAigCKCIAQQFqNgIoQQAgAC0AASABRw0AGiACIAIoAiwiAEEBajYCLCAALQABIQEgAiACKAIoIgBBAWo2AihBACAALQABIAFHDQAaIAIgAigCLCIAQQFqNgIsIAAtAAEhASACIAIoAigiAEEBajYCKEEAIAAtAAEgAUcNABogAiACKAIsIgBBAWo2AiwgAC0AASEBIAIgAigCKCIAQQFqNgIoQQAgAC0AASABRw0AGiACIAIoAiwiAEEBajYCLCAALQABIQEgAiACKAIoIgBBAWo2AihBACAALQABIAFHDQAaIAIgAigCLCIAQQFqNgIsIAAtAAEhASACIAIoAigiAEEBajYCKEEAIAAtAAEgAUcNABogAiACKAIsIgBBAWo2AiwgAC0AASEBIAIgAigCKCIAQQFqNgIoQQAgAC0AASABRw0AGiACKAIsIAIoAgxJC0EBcQ0ACyACQYICIAIoAgwgAigCLGtrNgIkIAIgAigCDEGCAms2AiwgAigCJCACKAIgSgRAIAIoAjggAigCNDYCcCACIAIoAiQ2AiAgAigCJCACKAIcTg0CIAIgAigCLCACKAIgQQFrai0AADoACyACIAIoAiwgAigCIGotAAA6AAoLCyACIAIoAhQgAigCNCACKAIQcUEBdGovAQAiATYCNEEAIQAgASACKAIYSwR/IAIgAigCMEEBayIANgIwIABBAEcFQQALQQFxDQELCwJAIAIoAiAgAigCOCgCdE0EQCACIAIoAiA2AjwMAQsgAiACKAI4KAJ0NgI8CyACKAI8C5IQAQF/IwBBMGsiAiQAIAIgADYCKCACIAE2AiQgAgJ/IAIoAigoAiwgAigCKCgCDEEFa0kEQCACKAIoKAIsDAELIAIoAigoAgxBBWsLNgIgIAJBADYCECACIAIoAigoAgAoAgQ2AgwDQAJAIAJB//8DNgIcIAIgAigCKCgCvC1BKmpBA3U2AhQgAigCKCgCACgCECACKAIUSQ0AIAIgAigCKCgCACgCECACKAIUazYCFCACIAIoAigoAmwgAigCKCgCXGs2AhggAigCHCACKAIYIAIoAigoAgAoAgRqSwRAIAIgAigCGCACKAIoKAIAKAIEajYCHAsgAigCHCACKAIUSwRAIAIgAigCFDYCHAsCQCACKAIcIAIoAiBPDQACQCACKAIcRQRAIAIoAiRBBEcNAQsgAigCJEUNACACKAIcIAIoAhggAigCKCgCACgCBGpGDQELDAELQQAhACACIAIoAiRBBEYEfyACKAIcIAIoAhggAigCKCgCACgCBGpGBUEAC0EBcTYCECACKAIoQQBBACACKAIQEF0gAigCKCgCCCACKAIoKAIUQQRraiACKAIcOgAAIAIoAigoAgggAigCKCgCFEEDa2ogAigCHEEIdjoAACACKAIoKAIIIAIoAigoAhRBAmtqIAIoAhxBf3M6AAAgAigCKCgCCCACKAIoKAIUQQFraiACKAIcQX9zQQh2OgAAIAIoAigoAgAQHCACKAIYBEAgAigCGCACKAIcSwRAIAIgAigCHDYCGAsgAigCKCgCACgCDCACKAIoKAI4IAIoAigoAlxqIAIoAhgQGRogAigCKCgCACIAIAIoAhggACgCDGo2AgwgAigCKCgCACIAIAAoAhAgAigCGGs2AhAgAigCKCgCACIAIAIoAhggACgCFGo2AhQgAigCKCIAIAIoAhggACgCXGo2AlwgAiACKAIcIAIoAhhrNgIcCyACKAIcBEAgAigCKCgCACACKAIoKAIAKAIMIAIoAhwQdhogAigCKCgCACIAIAIoAhwgACgCDGo2AgwgAigCKCgCACIAIAAoAhAgAigCHGs2AhAgAigCKCgCACIAIAIoAhwgACgCFGo2AhQLIAIoAhBFDQELCyACIAIoAgwgAigCKCgCACgCBGs2AgwgAigCDARAAkAgAigCDCACKAIoKAIsTwRAIAIoAihBAjYCsC0gAigCKCgCOCACKAIoKAIAKAIAIAIoAigoAixrIAIoAigoAiwQGRogAigCKCACKAIoKAIsNgJsDAELIAIoAgwgAigCKCgCPCACKAIoKAJsa08EQCACKAIoIgAgACgCbCACKAIoKAIsazYCbCACKAIoKAI4IAIoAigoAjggAigCKCgCLGogAigCKCgCbBAZGiACKAIoKAKwLUECSQRAIAIoAigiACAAKAKwLUEBajYCsC0LCyACKAIoKAI4IAIoAigoAmxqIAIoAigoAgAoAgAgAigCDGsgAigCDBAZGiACKAIoIgAgAigCDCAAKAJsajYCbAsgAigCKCACKAIoKAJsNgJcIAIoAigiAQJ/IAIoAgwgAigCKCgCLCACKAIoKAK0LWtLBEAgAigCKCgCLCACKAIoKAK0LWsMAQsgAigCDAsgASgCtC1qNgK0LQsgAigCKCgCwC0gAigCKCgCbEkEQCACKAIoIAIoAigoAmw2AsAtCwJAIAIoAhAEQCACQQM2AiwMAQsCQCACKAIkRQ0AIAIoAiRBBEYNACACKAIoKAIAKAIEDQAgAigCKCgCbCACKAIoKAJcRw0AIAJBATYCLAwBCyACIAIoAigoAjwgAigCKCgCbGtBAWs2AhQCQCACKAIoKAIAKAIEIAIoAhRNDQAgAigCKCgCXCACKAIoKAIsSA0AIAIoAigiACAAKAJcIAIoAigoAixrNgJcIAIoAigiACAAKAJsIAIoAigoAixrNgJsIAIoAigoAjggAigCKCgCOCACKAIoKAIsaiACKAIoKAJsEBkaIAIoAigoArAtQQJJBEAgAigCKCIAIAAoArAtQQFqNgKwLQsgAiACKAIoKAIsIAIoAhRqNgIUCyACKAIUIAIoAigoAgAoAgRLBEAgAiACKAIoKAIAKAIENgIUCyACKAIUBEAgAigCKCgCACACKAIoKAI4IAIoAigoAmxqIAIoAhQQdhogAigCKCIAIAIoAhQgACgCbGo2AmwLIAIoAigoAsAtIAIoAigoAmxJBEAgAigCKCACKAIoKAJsNgLALQsgAiACKAIoKAK8LUEqakEDdTYCFCACIAIoAigoAgwgAigCFGtB//8DSwR/Qf//AwUgAigCKCgCDCACKAIUaws2AhQgAgJ/IAIoAhQgAigCKCgCLEsEQCACKAIoKAIsDAELIAIoAhQLNgIgIAIgAigCKCgCbCACKAIoKAJcazYCGAJAIAIoAhggAigCIEkEQCACKAIYRQRAIAIoAiRBBEcNAgsgAigCJEUNASACKAIoKAIAKAIEDQEgAigCGCACKAIUSw0BCyACAn8gAigCGCACKAIUSwRAIAIoAhQMAQsgAigCGAs2AhwgAgJ/QQAgAigCJEEERw0AGkEAIAIoAigoAgAoAgQNABogAigCHCACKAIYRgtBAXE2AhAgAigCKCACKAIoKAI4IAIoAigoAlxqIAIoAhwgAigCEBBdIAIoAigiACACKAIcIAAoAlxqNgJcIAIoAigoAgAQHAsgAkECQQAgAigCEBs2AiwLIAIoAiwhACACQTBqJAAgAAuyAgEBfyMAQRBrIgEkACABIAA2AggCQCABKAIIEHgEQCABQX42AgwMAQsgASABKAIIKAIcKAIENgIEIAEoAggoAhwoAggEQCABKAIIKAIoIAEoAggoAhwoAgggASgCCCgCJBEEAAsgASgCCCgCHCgCRARAIAEoAggoAiggASgCCCgCHCgCRCABKAIIKAIkEQQACyABKAIIKAIc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DQAgAiEAIANBAWsiAw0ACwsgBCgCFBogASACNgKgAQwCCyMAQRBrIgAgASgCqAEoAgQ2AgwgAUEAIAAoAgxrQQJ0QajZAGooAgA2AqABDAELIAFBADYCoAELCwJAIAEoAqABRQRAIAEgASgCpAE2AqwBDAELIAEgASgCoAEQLgJ/IAEoAqQBBEAgASgCpAEQLkECagwBC0EAC2pBAWoQGCIANgIcIABFBEAgAUG4EygCADYCrAEMAQsgASgCHCEAAn8gASgCpAEEQCABKAKkAQwBC0H6EgshA0HfEkH6EiABKAKkARshAiABIAEoAqABNgIIIAEgAjYCBCABIAM2AgAgAEG+CiABEG8gASgCqAEgASgCHDYCCCABIAEoAhw2AqwBCyABKAKsASEAIAFBsAFqJAAgAAsIAEEBQTgQfwszAQF/IAAoAhQiAyABIAIgACgCECADayIBIAEgAksbIgEQGRogACAAKAIUIAFqNgIUIAILjwUCBn4BfyABIAEoAgBBD2pBcHEiAUEQajYCACAAAnwgASkDACEDIAEpAwghBiMAQSBrIggkAAJAIAZC////////////AIMiBEKAgICAgIDAgDx9IARCgICAgICAwP/DAH1UBEAgBkIEhiADQjyIhCEEIANC//////////8PgyIDQoGAgICAgICACFoEQCAEQoGAgICAgICAwAB8IQIMAgsgBEKAgICAgICAgEB9IQIgA0KAgICAgICAgAiFQgBSDQEgAiAEQgGDfCECDAELIANQIARCgICAgICAwP//AFQgBEKAgICAgIDA//8AURtFBEAgBkIEhiADQjyIhEL/////////A4NCgICAgICAgPz/AIQhAgwBC0KAgICAgICA+P8AIQIgBEL///////+//8MAVg0AQgAhAiAEQjCIpyIAQZH3AEkNACADIQIgBkL///////8/g0KAgICAgIDAAIQiBSEHAkAgAEGB9wBrIgFBwABxBEAgAiABQUBqrYYhB0IAIQIMAQsgAUUNACAHIAGtIgSGIAJBwAAgAWutiIQhByACIASGIQILIAggAjcDECAIIAc3AxgCQEGB+AAgAGsiAEHAAHEEQCAFIABBQGqtiCEDQgAhBQwBCyAARQ0AIAVBwAAgAGuthiADIACtIgKIhCEDIAUgAoghBQsgCCADNwMAIAggBTcDCCAIKQMI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ADYCtC0gASgCFEEERgRAIAEoAhgCfyABKAIYKAJcQQBOBEAgASgCGCgCOCABKAIYKAJcagwBC0EACyABKAIYKAJsIAEoAhgoAlxrQQEQKCABKAIYIAEoAhgoAmw2AlwgASgCGCgCABAcIAEoAhgoAgAoAhBFBEAgAUECNgIcDAILIAFBAzYCHAwBCyABKAIYKAKgLQRAIAEoAhgCfyABKAIYKAJcQQBOBEAgASgCGCgCOCABKAIYKAJcagwBC0EACyABKAIYKAJsIAEoAhgoAlxrQQAQKCABKAIYIAEoAhgoAmw2AlwgASgCGCgCABAcIAEoAhgoAgAoAhBFBEAgAUEANgIcDAILCyABQQE2AhwLIAEoAhwhAiABQSBqJAAgAgwBCwJ/IAAoAiwoAogBQQNGBEAgACgCLCECIAAoAjQhAyMAQTBrIgEkACABIAI2AiggASADNgIkAkADQAJAIAEoAigoAnRBggJNBEAgASgCKBBcAkAgASgCKCgCdEGCAksNACABKAIkDQAgAUEANgIsDAQLIAEoAigoAnRFDQELIAEoAihBADYCYAJAIAEoAigoAnRBA0kNACABKAIoKAJsRQ0AIAEgASgCKCgCOCABKAIoKAJsakEBazYCGCABIAEoAhgtAAA2AhwgASgCHCECIAEgASgCGCIDQQFqNgIYAkAgAy0AASACRw0AIAEoAhwhAiABIAEoAhgiA0EBajYCGCADLQABIAJHDQAgASgCHCECIAEgASgCGCIDQQFqNgIYIAMtAAEgAkcNACABIAEoAigoAjggASgCKCgCbGpBggJqNgIUA0AgASgCHCECIAEgASgCGCIDQQFqNgIYAn9BACADLQABIAJHDQAaIAEoAhwhAiABIAEoAhgiA0EBajYCGEEAIAMtAAEgAkcNABogASgCHCECIAEgASgCGCIDQQFqNgIYQQAgAy0AASACRw0AGiABKAIcIQIgASABKAIYIgNBAWo2AhhBACADLQABIAJHDQAaIAEoAhwhAiABIAEoAhgiA0EBajYCGEEAIAMtAAEgAkcNABogASgCHCECIAEgASgCGCIDQQFqNgIYQQAgAy0AASACRw0AGiABKAIcIQIgASABKAIYIgNBAWo2AhhBACADLQABIAJHDQAaIAEoAhwhAiABIAEoAhgiA0EBajYCGEEAIAMtAAEgAkcNABog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AS8BEiECIAEgASgCSCIDQQFqNgJIIAMgAjoAAAwCCyABKAIMQRBxBEAgASABLwESNgIIIAEgASgCDEEPcTYCDCABKAIMBEAgASgCKCABKAIMSQRAIAEgASgCUCICQQFqNgJQIAEgASgCLCACLQAAIAEoAih0ajYCLCABIAEoAihBCGo2AigLIAEgASgCCCABKAIsQQEgASgCDHRBAWtxajYCCCABIAEoAiwgASgCDHY2AiwgASABKAIoIAEoAgxrNgIoCyABKAIoQQ9JBEAgASABKAJQIgJBAWo2AlAgASABKAIsIAItAAAgASgCKHRqNgIsIAEgASgCKEEIajYCKCABIAEoAlAiAkEBajYCUCABIAEoAiwgAi0AACABKAIodGo2AiwgASABKAIoQQhqNgIoCyABIAEoAiAgASgCLCABKAIYcUECdGooAQA2ARACQANAIAEgAS0AETYCDCABIAEoAiwgASgCDHY2AiwgASABKAIoIAEoAgxrNgIoIAEgAS0AEDYCDCABKAIMQRBxBEAgASABLwESNgIEIAEgASgCDEEPcTYCDCABKAIoIAEoAgxJBEAgASABKAJQIgJBAWo2AlAgASABKAIsIAItAAAgASgCKHRqNgIsIAEgASgCKEEIajYCKCABKAIoIAEoAgxJBEAgASABKAJQIgJBAWo2AlAgASABKAIsIAItAAAgASgCKHRqNgIsIAEgASgCKEEIajYCKAsLIAEgASgCBCABKAIsQQEgASgCDHRBAWtxajYCBCABIAEoAiwgASgCDHY2AiwgASABKAIoIAEoAgxrNgIoIAEgASgCSCABKAJEazYCDAJAIAEoAgQgASgCDEsEQCABIAEoAgQgASgCDGs2AgwgASgCDCABKAI4SwRAIAEoAlQoAsQ3BEAgASgCXEHdDDYCGCABKAJUQdH+ADYCBAwKCwsgASABKAIwNgIAAkAgASgCNEUEQCABIAEoAgAgASgCPCABKAIMa2o2AgAgASgCDCABKAIISQRAIAEgASgCCCABKAIMazYCCANAIAEgASgCACICQQFqNgIAIAItAAAhAiABIAEoAkgiA0EBajYCSCADIAI6AAAgASABKAIMQQFrIgI2AgwgAg0ACyABIAEoAkggASgCBGs2AgALDAELAkAgASgCNCABKAIMSQRAIAEgASgCACABKAI8IAEoAjRqIAEoAgxrajYCACABIAEoAgwgASgCNGs2AgwgASgCDCABKAIISQRAIAEgASgCCCABKAIMazYCCANAIAEgASgCACICQQFqNgIAIAItAAAhAiABIAEoAkgiA0EBajYCSCADIAI6AAAgASABKAIMQQFrIgI2AgwgAg0ACyABIAEoAjA2AgAgASgCNCABKAIISQRAIAEgASgCNDYCDCABIAEoAgggASgCDGs2AggDQCABIAEoAgAiAkEBajYCACACLQAAIQIgASABKAJIIgNBAWo2AkggAyACOgAAIAEgASgCDEEBayICNgIMIAINAAsgASABKAJIIAEoAgRrNgIACwsMAQsgASABKAIAIAEoAjQgASgCDGtqNgIAIAEoAgwgASgCCEkEQCABIAEoAgggASgCDGs2AggDQCABIAEoAgAiAkEBajYCACACLQAAIQIgASABKAJIIgNBAWo2AkggAyACOgAAIAEgASgCDEEBayICNgIMIAINAAsgASABKAJIIAEoAgRrNgIACwsLA0AgASgCCEECSwRAIAEgASgCACICQQFqNgIAIAItAAAhAiABIAEoAkgiA0EBajYCSCADIAI6AAAgASABKAIAIgJBAWo2AgAgAi0AACECIAEgASgCSCIDQQFqNgJIIAMgAjoAACABIAEoAgAiAkEBajYCACACLQAAIQIgASABKAJIIgNBAWo2AkggAyACOgAAIAEgASgCCEEDazYCCAwBCwsMAQsgASABKAJIIAEoAgRrNgIAA0AgASABKAIAIgJBAWo2AgAgAi0AACECIAEgASgCSCIDQQFqNgJIIAMgAjoAACABIAEoAgAiAkEBajYCACACLQAAIQIgASABKAJIIgNBAWo2AkggAyACOgAAIAEgASgCACICQQFqNgIAIAItAAAhAiABIAEoAkgiA0EBajYCSCADIAI6AAAgASABKAIIQQNrNgIIIAEoAghBAksNAAsLIAEoAggEQCABIAEoAgAiAkEBajYCACACLQAAIQIgASABKAJIIgNBAWo2AkggAyACOgAAIAEoAghBAUsEQCABIAEoAgAiAkEBajYCACACLQAAIQIgASABKAJIIgNBAWo2AkggAyACOgAACwsMAgsgASgCDEHAAHFFBEAgASABKAIgIAEvARIgASgCLEEBIAEoAgx0QQFrcWpBAnRqKAEANgEQDAELCyAB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AG5hbgAvZGV2L3VyYW5kb20AaW52YWxpZCBjb2RlIC0tIG1pc3NpbmcgZW5kLW9mLWJsb2NrAGluY29ycmVjdCBoZWFkZXIgY2hlY2sAaW5jb3JyZWN0IGxlbmd0aCBjaGVjawBpbmNvcnJlY3QgZGF0YSBjaGVjawBpbnZhbGlkIGRpc3RhbmNlIHRvbyBmYXIgYmFjawBoZWFkZXIgY3JjIG1pc21hdGNoAGluZgBpbnZhbGlkIHdpbmRvdyBzaXplAFJlYWQtb25seSBhcmNoaXZlAE5vdCBhIHppcCBhcmNoaXZlAFJlc291cmNlIHN0aWxsIGluIHVzZQBNYWxsb2MgZmFpbHVyZQBpbnZhbGlkIGJsb2NrIHR5cGUARmFpbHVyZSB0byBjcmVhdGUgdGVtcG9yYXJ5IGZpbGUAQ2FuJ3Qgb3BlbiBmaWxlAE5vIHN1Y2ggZmlsZQBQcmVtYXR1cmUgZW5kIG9mIGZpbGUAQ2FuJ3QgcmVtb3ZlIGZpbGUAaW52YWxpZCBsaXRlcmFsL2xlbmd0aCBjb2RlAGludmFsaWQgZGlzdGFuY2UgY29kZQB1bmtub3duIGNvbXByZXNzaW9uIG1ldGhvZABzdHJlYW0gZW5kAENvbXByZXNzZWQgZGF0YSBpbnZhbGlkAE11bHRpLWRpc2sgemlwIGFyY2hpdmVzIG5vdCBzdXBwb3J0ZWQAT3BlcmF0aW9uIG5vdCBzdXBwb3J0ZWQARW5jcnlwdGlvbiBtZXRob2Qgbm90IHN1cHBvcnRlZABDb21wcmVzc2lvbiBtZXRob2Qgbm90IHN1cHBvcnRlZABFbnRyeSBoYXMgYmVlbiBkZWxldGVkAENvbnRhaW5pbmcgemlwIGFyY2hpdmUgd2FzIGNsb3NlZABDbG9zaW5nIHppcCBhcmNoaXZlIGZhaWxlZABSZW5hbWluZyB0ZW1wb3JhcnkgZmlsZSBmYWlsZWQARW50cnkgaGFzIGJlZW4gY2hhbmdlZABObyBwYXNzd29yZCBwcm92aWRlZABXcm9uZyBwYXNzd29yZCBwcm92aWRlZABVbmtub3duIGVycm9yICVkAHJiAHIrYgByd2EAJXMuWFhYWFhYAE5BTgBJTkYAQUUAMS4yLjExAC9wcm9jL3NlbGYvZmQvAC4AKG51bGwpADogAFBLBgcA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0gAIADIACACyAAgAcgAIAPIACAAKAAgAigAIAEoACADKAAgAKgAIAKoACABqAAgA6gAIABoACACaAAgAWgAIANoACAA6AAgAugAIAHoACAD6AAgABgAIAIYACABGAAgAxgAIACYACACmAAgAZgAIAOYACAAWAAgAlgAIAFYACADWAAgANgAIALYACAB2AAgA9gAIAA4ACACOAAgATgAIAM4ACAAuAAgArgAIAG4ACADuAAgAHgAIAJ4ACABeAAgA3gAIAD4ACAC+AAgAfgAIAP4ACAABAAgAgQAIAEEACADBAAgAIQAIAKEACABhAAgA4QAIABEACACRAAgAUQAIANEACAAxAAgAsQAIAHEACADxAAgACQAIAIkACABJAAgAyQAIACkACACpAAgAaQAIAOkACAAZAAgAmQAIAFkACADZAAgAOQAIALkACAB5AAgA+QAIAAUACACFAAgARQAIAMUACAAlAAgApQAIAGUACADlAAgAFQAIAJUACABVAAgA1QAIADUACAC1AAgAdQAIAPUACAANAAgAjQAIAE0ACADNAAgALQAIAK0ACABtAAgA7QAIAB0ACACdAAgAXQAIAN0ACAA9AAgAvQAIAH0ACAD9AAgAEwAJABMBCQCTAAkAkwEJAFMACQBTAQkA0wAJANMBCQAzAAkAMwEJALMACQCzAQkAcwAJAHMBCQDzAAkA8wEJAAsACQALAQkAiwAJAIsBCQBLAAkASwEJAMsACQDLAQkAKwAJACsBCQCrAAkAqwEJAGsACQBrAQkA6wAJAOsBCQAbAAkAGwEJAJsACQCbAQkAWwAJAFsBCQDbAAkA2wEJADsACQA7AQkAuwAJALsBCQB7AAkAewEJAPsACQD7AQkABwAJAAcBCQCHAAkAhwEJAEcACQBHAQkAxwAJAMcBCQAnAAkAJwEJAKcACQCnAQkAZwAJAGcBCQDnAAkA5wEJABcACQAXAQkAlwAJAJcBCQBXAAkAVwEJANcACQDXAQkANwAJADcBCQC3AAkAtwEJAHcACQB3AQkA9wAJAPcBCQAPAAkADwEJAI8ACQCPAQkATwAJAE8BCQDPAAkAzwEJAC8ACQAvAQkArwAJAK8BCQBvAAkAbwEJAO8ACQDvAQkAHwAJAB8BCQCfAAkAnwEJAF8ACQBfAQkA3wAJAN8BCQA/AAkAPwEJAL8ACQC/AQkAfwAJAH8BCQD/AAkA/wEJAAAABwBAAAcAIAAHAGAABwAQAAcAUAAHADAABwBwAAcACAAHAEgABwAoAAcAaAAHABgABwBYAAcAOAAHAHgABwAEAAcARAAHACQABwBkAAcAFAAHAFQABwA0AAcAdAAHAAMACACDAAgAQwAIAMMACAAjAAgAowAIAGMACADjAAgAAAAFABAABQAIAAUAGAAFAAQABQAUAAUADAAFABwABQACAAUAEgAFAAoABQAaAAUABgAFABYABQAOAAUAHgAFAAEABQARAAUACQAFABkABQAFAAUAFQAFAA0ABQAdAAUAAwAFABMABQALAAUAGwAFAAcABQAXAAUAQbDqAAtNAQAAAAEAAAABAAAAAQAAAAIAAAACAAAAAgAAAAIAAAADAAAAAwAAAAMAAAADAAAABAAAAAQAAAAEAAAABAAAAAUAAAAFAAAABQAAAAUAQaDrAAtlAQAAAAEAAAACAAAAAgAAAAMAAAADAAAABAAAAAQAAAAFAAAABQAAAAYAAAAGAAAABwAAAAcAAAAIAAAACAAAAAkAAAAJAAAACgAAAAoAAAALAAAACwAAAAwAAAAMAAAADQAAAA0AQdDsAAsjAgAAAAMAAAAHAAAAAAAAABAREgAIBwkGCgULBAwDDQIOAQ8AQYTtAAtpAQAAAAIAAAADAAAABAAAAAUAAAAGAAAABwAAAAgAAAAKAAAADAAAAA4AAAAQAAAAFAAAABgAAAAcAAAAIAAAACgAAAAwAAAAOAAAAEAAAABQAAAAYAAAAHAAAACAAAAAoAAAAMAAAADgAEGE7gALegEAAAACAAAAAwAAAAQAAAAGAAAACAAAAAwAAAAQAAAAGAAAACAAAAAwAAAAQAAAAGAAAACAAAAAwAAAAAABAACAAQAAAAIAAAADAAAABAAAAAYAAAAIAAAADAAAABAAAAAYAAAAIAAAADAAAABAAAAAYAAAMS4yLjExAEGI7wALbQcAAAAEAAQACAAEAAgAAAAEAAUAEAAIAAgAAAAEAAYAIAAgAAgAAAAEAAQAEAAQAAkAAAAIABAAIAAgAAkAAAAIABAAgACAAAkAAAAIACAAgAAAAQkAAAAgAIAAAgEABAkAAAAgAAIBAgEAEAkAQYDwAAulAgMABAAFAAYABwAIAAkACgALAA0ADwARABMAFwAbAB8AIwArADMAOwBDAFMAYwBzAIMAowDDAOMAAgEAAAAAAAAQABAAEAAQABAAEAAQABAAEQARABEAEQASABIAEgASABMAEwATABMAFAAUABQAFAAVABUAFQAVABAATQDKAAAAAQACAAMABAAFAAcACQANABEAGQAhADEAQQBhAIEAwQABAYEBAQIBAwEEAQYBCAEMARABGAEgATABQAFgAAAAABAAEAAQABAAEQARABIAEgATABMAFAAUABUAFQAWABYAFwAXABgAGAAZABkAGgAaABsAGwAcABwAHQAdAEAAQAAQABEAEgAAAAgABwAJAAYACgAFAAsABAAMAAMADQACAA4AAQAPAEGw8gALwRFgBwAAAAhQAAAIEAAUCHMAEgcfAAAIcAAACDAAAAnAABAHCgAACGAAAAggAAAJoAAACAAAAAiAAAAIQAAACeAAEAcGAAAIWAAACBgAAAmQABMHOwAACHgAAAg4AAAJ0AARBxEAAAhoAAAIKAAACbAAAAgIAAAIiAAACEgAAAnwABAHBAAACFQAAAgUABUI4wATBysAAAh0AAAINAAACcgAEQcNAAAIZAAACCQAAAmoAAAIBAAACIQAAAhEAAAJ6AAQBwgAAAhcAAAIHAAACZgAFAdTAAAIfAAACDwAAAnYABIHFwAACGwAAAgsAAAJuAAACAwAAAiMAAAITAAACfgAEAcDAAAIUgAACBIAFQijABMHIwAACHIAAAgyAAAJxAARBwsAAAhiAAAIIgAACaQAAAgCAAAIggAACEIAAAnkABAHBwAACFoAAAgaAAAJlAAUB0MAAAh6AAAIOgAACdQAEgcTAAAIagAACCoAAAm0AAAICgAACIoAAAhKAAAJ9AAQBwUAAAhWAAAIFgBACAAAEwczAAAIdgAACDYAAAnMABEHDwAACGYAAAgmAAAJrAAACAYAAAiGAAAIRgAACewAEAcJAAAIXgAACB4AAAmcABQHYwAACH4AAAg+AAAJ3AASBxsAAAhuAAAILgAACbwAAAgOAAAIjgAACE4AAAn8AGAHAAAACFEAAAgRABUIgwASBx8AAAhxAAAIMQAACcIAEAcKAAAIYQAACCEAAAmiAAAIAQAACIEAAAhBAAAJ4gAQBwYAAAhZAAAIGQAACZIAEwc7AAAIeQAACDkAAAnSABEHEQAACGkAAAgpAAAJsgAACAkAAAiJAAAISQAACfIAEAcEAAAIVQAACBUAEAgCARMHKwAACHUAAAg1AAAJygARBw0AAAhlAAAIJQAACaoAAAgFAAAIhQAACEUAAAnqABAHCAAACF0AAAgdAAAJmgAUB1MAAAh9AAAIPQAACdoAEgcXAAAIbQAACC0AAAm6AAAIDQAACI0AAAhNAAAJ+gAQBwMAAAhTAAAIEwAVCMMAEwcjAAAIcwAACDMAAAnGABEHCwAACGMAAAgjAAAJpgAACAMAAAiDAAAIQwAACeYAEAcHAAAIWwAACBsAAAmWABQHQwAACHsAAAg7AAAJ1gASBxMAAAhrAAAIKwAACbYAAAgLAAAIiwAACEsAAAn2ABAHBQAACFcAAAgXAEAIAAATBzMAAAh3AAAINwAACc4AEQcPAAAIZwAACCcAAAmuAAAIBwAACIcAAAhHAAAJ7gAQBwkAAAhfAAAIHwAACZ4AFAdjAAAIfwAACD8AAAneABIHGwAACG8AAAgvAAAJvgAACA8AAAiPAAAITwAACf4AYAcAAAAIUAAACBAAFAhzABIHHwAACHAAAAgwAAAJwQAQBwoAAAhgAAAIIAAACaEAAAgAAAAIgAAACEAAAAnhABAHBgAACFgAAAgYAAAJkQATBzsAAAh4AAAIOAAACdEAEQcRAAAIaAAACCgAAAmxAAAICAAACIgAAAhIAAAJ8QAQBwQAAAhUAAAIFAAVCOMAEwcrAAAIdAAACDQAAAnJABEHDQAACGQAAAgkAAAJqQAACAQAAAiEAAAIRAAACekAEAcIAAAIXAAACBwAAAmZABQHUwAACHwAAAg8AAAJ2QASBxcAAAhsAAAILAAACbkAAAgMAAAIjAAACEwAAAn5ABAHAwAACFIAAAgSABUIowATByMAAAhyAAAIMgAACcUAEQcLAAAIYgAACCIAAAmlAAAIAgAACIIAAAhCAAAJ5QAQBwcAAAhaAAAIGgAACZUAFAdDAAAIegAACDoAAAnVABIHEwAACGoAAAgqAAAJtQAACAoAAAiKAAAISgAACfUAEAcFAAAIVgAACBYAQAgAABMHMwAACHYAAAg2AAAJzQARBw8AAAhmAAAIJgAACa0AAAgGAAAIhgAACEYAAAntABAHCQAACF4AAAgeAAAJnQAUB2MAAAh+AAAIPgAACd0AEgcbAAAIbgAACC4AAAm9AAAIDgAACI4AAAhOAAAJ/QBgBwAAAAhRAAAIEQAVCIMAEgcfAAAIcQAACDEAAAnDABAHCgAACGEAAAghAAAJowAACAEAAAiBAAAIQQAACeMAEAcGAAAIWQAACBkAAAmTABMHOwAACHkAAAg5AAAJ0wARBxEAAAhpAAAIKQAACbMAAAgJAAAIiQAACEkAAAnzABAHBAAACFUAAAgVABAIAgETBysAAAh1AAAINQAACcsAEQcNAAAIZQAACCUAAAmrAAAIBQAACIUAAAhFAAAJ6wAQBwgAAAhdAAAIHQAACZsAFAdTAAAIfQAACD0AAAnbABIHFwAACG0AAAgtAAAJuwAACA0AAAiNAAAITQAACfsAEAcDAAAIUwAACBMAFQjDABMHIwAACHMAAAgzAAAJxwARBwsAAAhjAAAIIwAACacAAAgDAAAIgwAACEMAAAnnABAHBwAACFsAAAgbAAAJlwAUB0MAAAh7AAAIOwAACdcAEgcTAAAIawAACCsAAAm3AAAICwAACIsAAAhLAAAJ9wAQBwUAAAhXAAAIFwBACAAAEwczAAAIdwAACDcAAAnPABEHDwAACGcAAAgnAAAJrwAACAcAAAiHAAAIRwAACe8AEAcJAAAIXwAACB8AAAmfABQHYwAACH8AAAg/AAAJ3wASBxsAAAhvAAAILwAACb8AAAgPAAAIjwAACE8AAAn/ABAFAQAXBQEBEwURABsFARARBQUAGQUBBBUFQQAdBQFAEAUDABgFAQIUBSEAHAUBIBIFCQAaBQEIFgWBAEAFAAAQBQIAFwWBARMFGQAbBQEYEQUHABkFAQYVBWEAHQUBYBAFBAAYBQEDFAUxABwFATASBQ0AGgUBDBYFwQBABQAAEQAKABEREQAAAAAFAAAAAAAACQAAAAALAAAAAAAAAAARAA8KERERAwoHAAEACQsLAAAJBgsAAAsABhEAAAAREREAQYGEAQshCwAAAAAAAAAAEQAKChEREQAKAAACAAkLAAAACQALAAALAEG7hAELAQwAQceEAQsVDAAAAAAMAAAAAAkMAAAAAAAMAAAMAEH1hAELAQ4AQYGFAQsVDQAAAAQNAAAAAAkOAAAAAAAOAAAOAEGvhQELARAAQbuFAQseDwAAAAAPAAAAAAkQAAAAAAAQAAAQAAASAAAAEhISAEHyhQELDhIAAAASEhIAAAAAAAAJAEGjhgELAQsAQa+GAQsVCgAAAAAKAAAAAAkLAAAAAAALAAALAEHdhgELAQwAQemGAQsnDAAAAAAMAAAAAAkMAAAAAAAMAAAMAAAwMTIzNDU2Nzg5QUJDREVGAEG0hwELARkAQduHAQsF//////8AQaCIAQtXGRJEOwI/LEcUPTMwChsGRktFNw9JDo4XA0AdPGkrNh9KLRwBICUpIQgMFRYiLhA4Pgs0MRhkdHV2L0EJfzkRI0MyQomKiwUEJignDSoeNYwHGkiTE5SVAEGAiQELig5JbGxlZ2FsIGJ5dGUgc2VxdWVuY2UARG9tYWluIGVycm9yAFJlc3VsdCBub3QgcmVwcmVzZW50YWJsZQBOb3QgYSB0dHkAUGVybWlzc2lvbiBkZW5pZWQAT3BlcmF0aW9uIG5vdCBwZXJtaXR0ZWQATm8gc3VjaCBmaWxlIG9yIGRpcmVjdG9yeQBObyBzdWNoIHByb2Nlc3MARmlsZSBleGlzdHMAVmFsdWUgdG9vIGxhcmdlIGZvciBkYXRhIHR5cGUATm8gc3BhY2UgbGVmdCBvbiBkZXZpY2UAT3V0IG9mIG1lbW9yeQBSZXNvdXJjZSBidXN5AEludGVycnVwdGVkIHN5c3RlbSBjYWxsAFJlc291cmNlIHRlbXBvcmFyaWx5IHVuYXZhaWxhYmxlAEludmFsaWQgc2VlawBDcm9zcy1kZXZpY2UgbGluawBSZWFkLW9ubHkgZmlsZSBzeXN0ZW0ARGlyZWN0b3J5IG5vdCBlbXB0eQBDb25uZWN0aW9uIHJlc2V0IGJ5IHBlZXIAT3BlcmF0aW9uIHRpbWVkIG91dABDb25uZWN0aW9uIHJlZnVzZWQASG9zdCBpcyBkb3duAEhvc3QgaXMgdW5yZWFjaGFibGUAQWRkcmVzcyBpbiB1c2UAQnJva2VuIHBpcGUASS9PIGVycm9yAE5vIHN1Y2ggZGV2aWNlIG9yIGFkZHJlc3MAQmxvY2sgZGV2aWNlIHJlcXVpcmVkAE5vIHN1Y2ggZGV2aWNlAE5vdCBhIGRpcmVjdG9yeQBJcyBhIGRpcmVjdG9yeQBUZXh0IGZpbGUgYnVzeQBFeGVjIGZvcm1hdCBlcnJvcgBJbnZhbGlkIGFyZ3VtZW50AEFyZ3VtZW50IGxpc3QgdG9vIGxvbmcAU3ltYm9saWMgbGluayBsb29wAEZpbGVuYW1lIHRvbyBsb25nAFRvbyBtYW55IG9wZW4gZmlsZXMgaW4gc3lzdGVtAE5vIGZpbGUgZGVzY3JpcHRvcnMgYXZhaWxhYmxlAEJhZCBmaWxlIGRlc2NyaXB0b3IATm8gY2hpbGQgcHJvY2VzcwBCYWQgYWRkcmVzcwBGaWxlIHRvbyBsYXJnZQBUb28gbWFueSBsaW5rcwBObyBsb2NrcyBhdmFpbGFibGUAUmVzb3VyY2UgZGVhZGxvY2sgd291bGQgb2NjdXIAU3RhdGUgbm90IHJlY292ZXJhYmxlAFByZXZpb3VzIG93bmVyIGRpZWQAT3BlcmF0aW9uIGNhbmNlbGVkAEZ1bmN0aW9uIG5vdCBpbXBsZW1lbnRlZABObyBtZXNzYWdlIG9mIGRlc2lyZWQgdHlwZQBJZGVudGlmaWVyIHJlbW92ZWQARGV2aWNlIG5vdCBhIHN0cmVhbQBObyBkYXRhIGF2YWlsYWJsZQBEZXZpY2UgdGltZW91dABPdXQgb2Ygc3RyZWFtcyByZXNvdXJjZXMATGluayBoYXMgYmVlbiBzZXZlcmVkAFByb3RvY29sIGVycm9yAEJhZCBtZXNzYWdlAEZpbGUgZGVzY3JpcHRvciBpbiBiYWQgc3RhdGUATm90IGEgc29ja2V0AERlc3RpbmF0aW9uIGFkZHJlc3MgcmVxdWlyZWQATWVzc2FnZSB0b28gbGFyZ2UAUHJvdG9jb2wgd3JvbmcgdHlwZSBmb3Igc29ja2V0AFByb3RvY29sIG5vdCBhdmFpbGFibGUAUHJvdG9jb2wgbm90IHN1cHBvcnRlZABTb2NrZXQgdHlwZSBub3Qgc3VwcG9ydGVkAE5vdCBzdXBwb3J0ZWQAUHJvdG9jb2wgZmFtaWx5IG5vdCBzdXBwb3J0ZWQAQWRkcmVzcyBmYW1pbHkgbm90IHN1cHBvcnRlZCBieSBwcm90b2NvbABBZGRyZXNzIG5vdCBhdmFpbGFibGUATmV0d29yayBpcyBkb3duAE5ldHdvcmsgdW5yZWFjaGFibGUAQ29ubmVjdGlvbiByZXNldCBieSBuZXR3b3JrAENvbm5lY3Rpb24gYWJvcnRlZABObyBidWZmZXIgc3BhY2UgYXZhaWxhYmxlAFNvY2tldCBpcyBjb25uZWN0ZWQAU29ja2V0IG5vdCBjb25uZWN0ZWQAQ2Fubm90IHNlbmQgYWZ0ZXIgc29ja2V0IHNodXRkb3duAE9wZXJhdGlvbiBhbHJlYWR5IGluIHByb2dyZXNzAE9wZXJhdGlvbiBpbiBwcm9ncmVzcwBTdGFsZSBmaWxlIGhhbmRsZQBSZW1vdGUgSS9PIGVycm9yAFF1b3RhIGV4Y2VlZGVkAE5vIG1lZGl1bSBmb3VuZABXcm9uZyBtZWRpdW0gdHlwZQBObyBlcnJvciBpbmZvcm1hdGlvbgBBkJcBC1JQUFAACgAAAAsAAAAMAAAADQAAAA4AAAAPAAAAEAAAABEAAAASAAAACwAAAAwAAAANAAAADgAAAA8AAAAQAAAAEQAAAAEAAAAIAAAAlEsAALRLAEGQmQELAgxQAEHImQELCR8AAADkTAAAAwBB5JkBC4wBLfRRWM+MscBG9rXLKTEDxwRbcDC0Xf0geH+LmthZKVBoSImrp1YDbP+3zYg/1He0K6WjcPG65Kj8QYP92W/hinovLXSWBx8NCV4Ddixw90ClLKdvV0GoqnTfoFhkA0rHxDxTrq9fGAQVseNtKIarDKS/Q/DpUIE5VxZSN/////////////////////8=";tg(po)||(po=h(po));function rg(d){try{if(d==po&&V)return new Uint8Array(V);var E=ca(d);if(E)return E;if(C)return C(d);throw"sync fetching of the wasm failed: you can preload it to Module['wasmBinary'] manually, or emcc.py will do that for you when generating HTML (but not JS)"}catch(I){wr(I)}}function gp(d,E){var I,k,T;try{T=rg(d),k=new WebAssembly.Module(T),I=new WebAssembly.Instance(k,E)}catch(te){var _=te.toString();throw D("failed to compile wasm module: "+_),(_.includes("imported Memory")||_.includes("memory import"))&&D("Memory size incompatibility issues may be due to changing INITIAL_MEMORY at runtime to something too large. Use ALLOW_MEMORY_GROWTH to allow any size memory (and also make sure not to set INITIAL_MEMORY at runtime to something smaller than it was at compile time)."),te}return[I,k]}function fp(){var d={a:ua};function E(T,_){var te=T.exports;t.asm=te,A=t.asm.u,Or(A.buffer),gi=t.asm.pa,aA(t.asm.v),cA("wasm-instantiate")}if(lA("wasm-instantiate"),t.instantiateWasm)try{var I=t.instantiateWasm(d,E);return I}catch(T){return D("Module.instantiateWasm callback failed with error: "+T),!1}var k=gp(po,d);return E(k[0]),t.asm}var vr,se;function Co(d){for(;d.length>0;){var E=d.shift();if(typeof E=="function"){E(t);continue}var I=E.func;typeof I=="number"?E.arg===void 0?gi.get(I)():gi.get(I)(E.arg):I(E.arg===void 0?null:E.arg)}}function Dn(d,E){var I=new Date(de[d>>2]*1e3);de[E>>2]=I.getUTCSeconds(),de[E+4>>2]=I.getUTCMinutes(),de[E+8>>2]=I.getUTCHours(),de[E+12>>2]=I.getUTCDate(),de[E+16>>2]=I.getUTCMonth(),de[E+20>>2]=I.getUTCFullYear()-1900,de[E+24>>2]=I.getUTCDay(),de[E+36>>2]=0,de[E+32>>2]=0;var k=Date.UTC(I.getUTCFullYear(),0,1,0,0,0,0),T=(I.getTime()-k)/(1e3*60*60*24)|0;return de[E+28>>2]=T,Dn.GMTString||(Dn.GMTString=we("GMT")),de[E+40>>2]=Dn.GMTString,E}function ig(d,E){return Dn(d,E)}var Qt={splitPath:function(d){var E=/^(\/?|)([\s\S]*?)((?:\.{1,2}|[^\/]+?|)(\.[^.\/]*|))(?:[\/]*)$/;return E.exec(d).slice(1)},normalizeArray:function(d,E){for(var I=0,k=d.length-1;k>=0;k--){var T=d[k];T==="."?d.splice(k,1):T===".."?(d.splice(k,1),I++):I&&(d.splice(k,1),I--)}if(E)for(;I;I--)d.unshift("..");return d},normalize:function(d){var E=d.charAt(0)==="/",I=d.substr(-1)==="/";return d=Qt.normalizeArray(d.split("/").filter(function(k){return!!k}),!E).join("/"),!d&&!E&&(d="."),d&&I&&(d+="/"),(E?"/":"")+d},dirname:function(d){var E=Qt.splitPath(d),I=E[0],k=E[1];return!I&&!k?".":(k&&(k=k.substr(0,k.length-1)),I+k)},basename:function(d){if(d==="/")return"/";d=Qt.normalize(d),d=d.replace(/\/$/,"");var E=d.lastIndexOf("/");return E===-1?d:d.substr(E+1)},extname:function(d){return Qt.splitPath(d)[3]},join:function(){var d=Array.prototype.slice.call(arguments,0);return Qt.normalize(d.join("/"))},join2:function(d,E){return Qt.normalize(d+"/"+E)}};function Bl(){if(typeof crypto=="object"&&typeof crypto.getRandomValues=="function"){var d=new Uint8Array(1);return function(){return crypto.getRandomValues(d),d[0]}}else if(g)try{var E=J("crypto");return function(){return E.randomBytes(1)[0]}}catch{}return function(){wr("randomDevice")}}var kn={resolve:function(){for(var d="",E=!1,I=arguments.length-1;I>=-1&&!E;I--){var k=I>=0?arguments[I]:S.cwd();if(typeof k!="string")throw new TypeError("Arguments to path.resolve must be strings");if(!k)return"";d=k+"/"+d,E=k.charAt(0)==="/"}return d=Qt.normalizeArray(d.split("/").filter(function(T){return!!T}),!E).join("/"),(E?"/":"")+d||"."},relative:function(d,E){d=kn.resolve(d).substr(1),E=kn.resolve(E).substr(1);function I(Je){for(var nt=0;nt<Je.length&&Je[nt]==="";nt++);for(var wt=Je.length-1;wt>=0&&Je[wt]==="";wt--);return nt>wt?[]:Je.slice(nt,wt-nt+1)}for(var k=I(d.split("/")),T=I(E.split("/")),_=Math.min(k.length,T.length),te=_,Be=0;Be<_;Be++)if(k[Be]!==T[Be]){te=Be;break}for(var me=[],Be=te;Be<k.length;Be++)me.push("..");return me=me.concat(T.slice(te)),me.join("/")}},$n={ttys:[],init:function(){},shutdown:function(){},register:function(d,E){$n.ttys[d]={input:[],output:[],ops:E},S.registerDevice(d,$n.stream_ops)},stream_ops:{open:function(d){var E=$n.ttys[d.node.rdev];if(!E)throw new S.ErrnoError(43);d.tty=E,d.seekable=!1},close:function(d){d.tty.ops.flush(d.tty)},flush:function(d){d.tty.ops.flush(d.tty)},read:function(d,E,I,k,T){if(!d.tty||!d.tty.ops.get_char)throw new S.ErrnoError(60);for(var _=0,te=0;te<k;te++){var Be;try{Be=d.tty.ops.get_char(d.tty)}catch{throw new S.ErrnoError(29)}if(Be===void 0&&_===0)throw new S.ErrnoError(6);if(Be==null)break;_++,E[I+te]=Be}return _&&(d.node.timestamp=Date.now()),_},write:function(d,E,I,k,T){if(!d.tty||!d.tty.ops.put_char)throw new S.ErrnoError(60);try{for(var _=0;_<k;_++)d.tty.ops.put_char(d.tty,E[I+_])}catch{throw new S.ErrnoError(29)}return k&&(d.node.timestamp=Date.now()),_}},default_tty_ops:{get_char:function(d){if(!d.input.length){var E=null;if(g){var I=256,k=Buffer.alloc?Buffer.alloc(I):new Buffer(I),T=0;try{T=y.readSync(process.stdin.fd,k,0,I,null)}catch(_){if(_.toString().includes("EOF"))T=0;else throw _}T>0?E=k.slice(0,T).toString("utf-8"):E=null}else typeof window<"u"&&typeof window.prompt=="function"?(E=window.prompt("Input: "),E!==null&&(E+=`
-`)):typeof readline=="function"&&(E=readline(),E!==null&&(E+=`
-`));if(!E)return null;d.input=gA(E,!0)}return d.input.shift()},put_char:function(d,E){E===null||E===10?(v(ke(d.output,0)),d.output=[]):E!=0&&d.output.push(E)},flush:function(d){d.output&&d.output.length>0&&(v(ke(d.output,0)),d.output=[])}},default_tty1_ops:{put_char:function(d,E){E===null||E===10?(D(ke(d.output,0)),d.output=[]):E!=0&&d.output.push(E)},flush:function(d){d.output&&d.output.length>0&&(D(ke(d.output,0)),d.output=[])}}};function es(d){for(var E=H(d,65536),I=dt(E);d<E;)ne[I+d++]=0;return I}var gt={ops_table:null,mount:function(d){return gt.createNode(null,"/",16895,0)},createNode:function(d,E,I,k){if(S.isBlkdev(I)||S.isFIFO(I))throw new S.ErrnoError(63);gt.ops_table||(gt.ops_table={dir:{node:{getattr:gt.node_ops.getattr,setattr:gt.node_ops.setattr,lookup:gt.node_ops.lookup,mknod:gt.node_ops.mknod,rename:gt.node_ops.rename,unlink:gt.node_ops.unlink,rmdir:gt.node_ops.rmdir,readdir:gt.node_ops.readdir,symlink:gt.node_ops.symlink},stream:{llseek:gt.stream_ops.llseek}},file:{node:{getattr:gt.node_ops.getattr,setattr:gt.node_ops.setattr},stream:{llseek:gt.stream_ops.llseek,read:gt.stream_ops.read,write:gt.stream_ops.write,allocate:gt.stream_ops.allocate,mmap:gt.stream_ops.mmap,msync:gt.stream_ops.msync}},link:{node:{getattr:gt.node_ops.getattr,setattr:gt.node_ops.setattr,readlink:gt.node_ops.readlink},stream:{}},chrdev:{node:{getattr:gt.node_ops.getattr,setattr:gt.node_ops.setattr},stream:S.chrdev_stream_ops}});var T=S.createNode(d,E,I,k);return S.isDir(T.mode)?(T.node_ops=gt.ops_table.dir.node,T.stream_ops=gt.ops_table.dir.stream,T.contents={}):S.isFile(T.mode)?(T.node_ops=gt.ops_table.file.node,T.stream_ops=gt.ops_table.file.stream,T.usedBytes=0,T.contents=null):S.isLink(T.mode)?(T.node_ops=gt.ops_table.link.node,T.stream_ops=gt.ops_table.link.stream):S.isChrdev(T.mode)&&(T.node_ops=gt.ops_table.chrdev.node,T.stream_ops=gt.ops_table.chrdev.stream),T.timestamp=Date.now(),d&&(d.contents[E]=T,d.timestamp=T.timestamp),T},getFileDataAsTypedArray:function(d){return d.contents?d.contents.subarray?d.contents.subarray(0,d.usedBytes):new Uint8Array(d.contents):new Uint8Array(0)},expandFileStorage:function(d,E){var I=d.contents?d.contents.length:0;if(!(I>=E)){var k=1024*1024;E=Math.max(E,I*(I<k?2:1.125)>>>0),I!=0&&(E=Math.max(E,256));var T=d.contents;d.contents=new Uint8Array(E),d.usedBytes>0&&d.contents.set(T.subarray(0,d.usedBytes),0)}},resizeFileStorage:function(d,E){if(d.usedBytes!=E)if(E==0)d.contents=null,d.usedBytes=0;else{var I=d.contents;d.contents=new Uint8Array(E),I&&d.contents.set(I.subarray(0,Math.min(E,d.usedBytes))),d.usedBytes=E}},node_ops:{getattr:function(d){var E={};return E.dev=S.isChrdev(d.mode)?d.id:1,E.ino=d.id,E.mode=d.mode,E.nlink=1,E.uid=0,E.gid=0,E.rdev=d.rdev,S.isDir(d.mode)?E.size=4096:S.isFile(d.mode)?E.size=d.usedBytes:S.isLink(d.mode)?E.size=d.link.length:E.size=0,E.atime=new Date(d.timestamp),E.mtime=new Date(d.timestamp),E.ctime=new Date(d.timestamp),E.blksize=4096,E.blocks=Math.ceil(E.size/E.blksize),E},setattr:function(d,E){E.mode!==void 0&&(d.mode=E.mode),E.timestamp!==void 0&&(d.timestamp=E.timestamp),E.size!==void 0&&gt.resizeFileStorage(d,E.size)},lookup:function(d,E){throw S.genericErrors[44]},mknod:function(d,E,I,k){return gt.createNode(d,E,I,k)},rename:function(d,E,I){if(S.isDir(d.mode)){var k;try{k=S.lookupNode(E,I)}catch{}if(k)for(var T in k.contents)throw new S.ErrnoError(55)}delete d.parent.contents[d.name],d.parent.timestamp=Date.now(),d.name=I,E.contents[I]=d,E.timestamp=d.parent.timestamp,d.parent=E},unlink:function(d,E){delete d.contents[E],d.timestamp=Date.now()},rmdir:function(d,E){var I=S.lookupNode(d,E);for(var k in I.contents)throw new S.ErrnoError(55);delete d.contents[E],d.timestamp=Date.now()},readdir:function(d){var E=[".",".."];for(var I in d.contents)!d.contents.hasOwnProperty(I)||E.push(I);return E},symlink:function(d,E,I){var k=gt.createNode(d,E,41471,0);return k.link=I,k},readlink:function(d){if(!S.isLink(d.mode))throw new S.ErrnoError(28);return d.link}},stream_ops:{read:function(d,E,I,k,T){var _=d.node.contents;if(T>=d.node.usedBytes)return 0;var te=Math.min(d.node.usedBytes-T,k);if(te>8&&_.subarray)E.set(_.subarray(T,T+te),I);else for(var Be=0;Be<te;Be++)E[I+Be]=_[T+Be];return te},write:function(d,E,I,k,T,_){if(E.buffer===ne.buffer&&(_=!1),!k)return 0;var te=d.node;if(te.timestamp=Date.now(),E.subarray&&(!te.contents||te.contents.subarray)){if(_)return te.contents=E.subarray(I,I+k),te.usedBytes=k,k;if(te.usedBytes===0&&T===0)return te.contents=E.slice(I,I+k),te.usedBytes=k,k;if(T+k<=te.usedBytes)return te.contents.set(E.subarray(I,I+k),T),k}if(gt.expandFileStorage(te,T+k),te.contents.subarray&&E.subarray)te.contents.set(E.subarray(I,I+k),T);else for(var Be=0;Be<k;Be++)te.contents[T+Be]=E[I+Be];return te.usedBytes=Math.max(te.usedBytes,T+k),k},llseek:function(d,E,I){var k=E;if(I===1?k+=d.position:I===2&&S.isFile(d.node.mode)&&(k+=d.node.usedBytes),k<0)throw new S.ErrnoError(28);return k},allocate:function(d,E,I){gt.expandFileStorage(d.node,E+I),d.node.usedBytes=Math.max(d.node.usedBytes,E+I)},mmap:function(d,E,I,k,T,_){if(E!==0)throw new S.ErrnoError(28);if(!S.isFile(d.node.mode))throw new S.ErrnoError(43);var te,Be,me=d.node.contents;if(!(_&2)&&me.buffer===qe)Be=!1,te=me.byteOffset;else{if((k>0||k+I<me.length)&&(me.subarray?me=me.subarray(k,k+I):me=Array.prototype.slice.call(me,k,k+I)),Be=!0,te=es(I),!te)throw new S.ErrnoError(48);ne.set(me,te)}return{ptr:te,allocated:Be}},msync:function(d,E,I,k,T){if(!S.isFile(d.node.mode))throw new S.ErrnoError(43);if(T&2)return 0;var _=gt.stream_ops.write(d,E,0,k,I,!1);return 0}}},mo={EPERM:63,ENOENT:44,ESRCH:71,EINTR:27,EIO:29,ENXIO:60,E2BIG:1,ENOEXEC:45,EBADF:8,ECHILD:12,EAGAIN:6,EWOULDBLOCK:6,ENOMEM:48,EACCES:2,EFAULT:21,ENOTBLK:105,EBUSY:10,EEXIST:20,EXDEV:75,ENODEV:43,ENOTDIR:54,EISDIR:31,EINVAL:28,ENFILE:41,EMFILE:33,ENOTTY:59,ETXTBSY:74,EFBIG:22,ENOSPC:51,ESPIPE:70,EROFS:69,EMLINK:34,EPIPE:64,EDOM:18,ERANGE:68,ENOMSG:49,EIDRM:24,ECHRNG:106,EL2NSYNC:156,EL3HLT:107,EL3RST:108,ELNRNG:109,EUNATCH:110,ENOCSI:111,EL2HLT:112,EDEADLK:16,ENOLCK:46,EBADE:113,EBADR:114,EXFULL:115,ENOANO:104,EBADRQC:103,EBADSLT:102,EDEADLOCK:16,EBFONT:101,ENOSTR:100,ENODATA:116,ETIME:117,ENOSR:118,ENONET:119,ENOPKG:120,EREMOTE:121,ENOLINK:47,EADV:122,ESRMNT:123,ECOMM:124,EPROTO:65,EMULTIHOP:36,EDOTDOT:125,EBADMSG:9,ENOTUNIQ:126,EBADFD:127,EREMCHG:128,ELIBACC:129,ELIBBAD:130,ELIBSCN:131,ELIBMAX:132,ELIBEXEC:133,ENOSYS:52,ENOTEMPTY:55,ENAMETOOLONG:37,ELOOP:32,EOPNOTSUPP:138,EPFNOSUPPORT:139,ECONNRESET:15,ENOBUFS:42,EAFNOSUPPORT:5,EPROTOTYPE:67,ENOTSOCK:57,ENOPROTOOPT:50,ESHUTDOWN:140,ECONNREFUSED:14,EADDRINUSE:3,ECONNABORTED:13,ENETUNREACH:40,ENETDOWN:38,ETIMEDOUT:73,EHOSTDOWN:142,EHOSTUNREACH:23,EINPROGRESS:26,EALREADY:7,EDESTADDRREQ:17,EMSGSIZE:35,EPROTONOSUPPORT:66,ESOCKTNOSUPPORT:137,EADDRNOTAVAIL:4,ENETRESET:39,EISCONN:30,ENOTCONN:53,ETOOMANYREFS:141,EUSERS:136,EDQUOT:19,ESTALE:72,ENOTSUP:138,ENOMEDIUM:148,EILSEQ:25,EOVERFLOW:61,ECANCELED:11,ENOTRECOVERABLE:56,EOWNERDEAD:62,ESTRPIPE:135},At={isWindows:!1,staticInit:function(){At.isWindows=!!process.platform.match(/^win/);var d={fs:Te.constants};d.fs&&(d=d.fs),At.flagsForNodeMap={1024:d.O_APPEND,64:d.O_CREAT,128:d.O_EXCL,256:d.O_NOCTTY,0:d.O_RDONLY,2:d.O_RDWR,4096:d.O_SYNC,512:d.O_TRUNC,1:d.O_WRONLY}},bufferFrom:function(d){return Buffer.alloc?Buffer.from(d):new Buffer(d)},convertNodeCode:function(d){var E=d.code;return mo[E]},mount:function(d){return At.createNode(null,"/",At.getMode(d.opts.root),0)},createNode:function(d,E,I,k){if(!S.isDir(I)&&!S.isFile(I)&&!S.isLink(I))throw new S.ErrnoError(28);var T=S.createNode(d,E,I);return T.node_ops=At.node_ops,T.stream_ops=At.stream_ops,T},getMode:function(d){var E;try{E=Te.lstatSync(d),At.isWindows&&(E.mode=E.mode|(E.mode&292)>>2)}catch(I){throw I.code?new S.ErrnoError(At.convertNodeCode(I)):I}return E.mode},realPath:function(d){for(var E=[];d.parent!==d;)E.push(d.name),d=d.parent;return E.push(d.mount.opts.root),E.reverse(),Qt.join.apply(null,E)},flagsForNode:function(d){d&=-2097153,d&=-2049,d&=-32769,d&=-524289;var E=0;for(var I in At.flagsForNodeMap)d&I&&(E|=At.flagsForNodeMap[I],d^=I);if(d)throw new S.ErrnoError(28);return E},node_ops:{getattr:function(d){var E=At.realPath(d),I;try{I=Te.lstatSync(E)}catch(k){throw k.code?new S.ErrnoError(At.convertNodeCode(k)):k}return At.isWindows&&!I.blksize&&(I.blksize=4096),At.isWindows&&!I.blocks&&(I.blocks=(I.size+I.blksize-1)/I.blksize|0),{dev:I.dev,ino:I.ino,mode:I.mode,nlink:I.nlink,uid:I.uid,gid:I.gid,rdev:I.rdev,size:I.size,atime:I.atime,mtime:I.mtime,ctime:I.ctime,blksize:I.blksize,blocks:I.blocks}},setattr:function(d,E){var I=At.realPath(d);try{if(E.mode!==void 0&&(Te.chmodSync(I,E.mode),d.mode=E.mode),E.timestamp!==void 0){var k=new Date(E.timestamp);Te.utimesSync(I,k,k)}E.size!==void 0&&Te.truncateSync(I,E.size)}catch(T){throw T.code?new S.ErrnoError(At.convertNodeCode(T)):T}},lookup:function(d,E){var I=Qt.join2(At.realPath(d),E),k=At.getMode(I);return At.createNode(d,E,k)},mknod:function(d,E,I,k){var T=At.createNode(d,E,I,k),_=At.realPath(T);try{S.isDir(T.mode)?Te.mkdirSync(_,T.mode):Te.writeFileSync(_,"",{mode:T.mode})}catch(te){throw te.code?new S.ErrnoError(At.convertNodeCode(te)):te}return T},rename:function(d,E,I){var k=At.realPath(d),T=Qt.join2(At.realPath(E),I);try{Te.renameSync(k,T)}catch(_){throw _.code?new S.ErrnoError(At.convertNodeCode(_)):_}d.name=I},unlink:function(d,E){var I=Qt.join2(At.realPath(d),E);try{Te.unlinkSync(I)}catch(k){throw k.code?new S.ErrnoError(At.convertNodeCode(k)):k}},rmdir:function(d,E){var I=Qt.join2(At.realPath(d),E);try{Te.rmdirSync(I)}catch(k){throw k.code?new S.ErrnoError(At.convertNodeCode(k)):k}},readdir:function(d){var E=At.realPath(d);try{return Te.readdirSync(E)}catch(I){throw I.code?new S.ErrnoError(At.convertNodeCode(I)):I}},symlink:function(d,E,I){var k=Qt.join2(At.realPath(d),E);try{Te.symlinkSync(I,k)}catch(T){throw T.code?new S.ErrnoError(At.convertNodeCode(T)):T}},readlink:function(d){var E=At.realPath(d);try{return E=Te.readlinkSync(E),E=og.relative(og.resolve(d.mount.opts.root),E),E}catch(I){throw I.code?new S.ErrnoError(At.convertNodeCode(I)):I}}},stream_ops:{open:function(d){var E=At.realPath(d.node);try{S.isFile(d.node.mode)&&(d.nfd=Te.openSync(E,At.flagsForNode(d.flags)))}catch(I){throw I.code?new S.ErrnoError(At.convertNodeCode(I)):I}},close:function(d){try{S.isFile(d.node.mode)&&d.nfd&&Te.closeSync(d.nfd)}catch(E){throw E.code?new S.ErrnoError(At.convertNodeCode(E)):E}},read:function(d,E,I,k,T){if(k===0)return 0;try{return Te.readSync(d.nfd,At.bufferFrom(E.buffer),I,k,T)}catch(_){throw new S.ErrnoError(At.convertNodeCode(_))}},write:function(d,E,I,k,T){try{return Te.writeSync(d.nfd,At.bufferFrom(E.buffer),I,k,T)}catch(_){throw new S.ErrnoError(At.convertNodeCode(_))}},llseek:function(d,E,I){var k=E;if(I===1)k+=d.position;else if(I===2&&S.isFile(d.node.mode))try{var T=Te.fstatSync(d.nfd);k+=T.size}catch(_){throw new S.ErrnoError(At.convertNodeCode(_))}if(k<0)throw new S.ErrnoError(28);return k},mmap:function(d,E,I,k,T,_){if(E!==0)throw new S.ErrnoError(28);if(!S.isFile(d.node.mode))throw new S.ErrnoError(43);var te=es(I);return At.stream_ops.read(d,ne,te,I,k),{ptr:te,allocated:!0}},msync:function(d,E,I,k,T){if(!S.isFile(d.node.mode))throw new S.ErrnoError(43);if(T&2)return 0;var _=At.stream_ops.write(d,E,0,k,I,!1);return 0}}},an={lookupPath:function(d){return{path:d,node:{mode:At.getMode(d)}}},createStandardStreams:function(){S.streams[0]={fd:0,nfd:0,position:0,path:"",flags:0,tty:!0,seekable:!1};for(var d=1;d<3;d++)S.streams[d]={fd:d,nfd:d,position:0,path:"",flags:577,tty:!0,seekable:!1}},cwd:function(){return process.cwd()},chdir:function(){process.chdir.apply(void 0,arguments)},mknod:function(d,E){S.isDir(d)?Te.mkdirSync(d,E):Te.writeFileSync(d,"",{mode:E})},mkdir:function(){Te.mkdirSync.apply(void 0,arguments)},symlink:function(){Te.symlinkSync.apply(void 0,arguments)},rename:function(){Te.renameSync.apply(void 0,arguments)},rmdir:function(){Te.rmdirSync.apply(void 0,arguments)},readdir:function(){Te.readdirSync.apply(void 0,arguments)},unlink:function(){Te.unlinkSync.apply(void 0,arguments)},readlink:function(){return Te.readlinkSync.apply(void 0,arguments)},stat:function(){return Te.statSync.apply(void 0,arguments)},lstat:function(){return Te.lstatSync.apply(void 0,arguments)},chmod:function(){Te.chmodSync.apply(void 0,arguments)},fchmod:function(){Te.fchmodSync.apply(void 0,arguments)},chown:function(){Te.chownSync.apply(void 0,arguments)},fchown:function(){Te.fchownSync.apply(void 0,arguments)},truncate:function(){Te.truncateSync.apply(void 0,arguments)},ftruncate:function(d,E){if(E<0)throw new S.ErrnoError(28);Te.ftruncateSync.apply(void 0,arguments)},utime:function(){Te.utimesSync.apply(void 0,arguments)},open:function(d,E,I,k){typeof E=="string"&&(E=Os.modeStringToFlags(E));var T=Te.openSync(d,At.flagsForNode(E),I),_=k!=null?k:S.nextfd(T),te={fd:_,nfd:T,position:0,path:d,flags:E,seekable:!0};return S.streams[_]=te,te},close:function(d){d.stream_ops||Te.closeSync(d.nfd),S.closeStream(d.fd)},llseek:function(d,E,I){if(d.stream_ops)return Os.llseek(d,E,I);var k=E;if(I===1)k+=d.position;else if(I===2)k+=Te.fstatSync(d.nfd).size;else if(I!==0)throw new S.ErrnoError(mo.EINVAL);if(k<0)throw new S.ErrnoError(mo.EINVAL);return d.position=k,k},read:function(d,E,I,k,T){if(d.stream_ops)return Os.read(d,E,I,k,T);var _=typeof T<"u";!_&&d.seekable&&(T=d.position);var te=Te.readSync(d.nfd,At.bufferFrom(E.buffer),I,k,T);return _||(d.position+=te),te},write:function(d,E,I,k,T){if(d.stream_ops)return Os.write(d,E,I,k,T);d.flags&+"1024"&&S.llseek(d,0,+"2");var _=typeof T<"u";!_&&d.seekable&&(T=d.position);var te=Te.writeSync(d.nfd,At.bufferFrom(E.buffer),I,k,T);return _||(d.position+=te),te},allocate:function(){throw new S.ErrnoError(mo.EOPNOTSUPP)},mmap:function(d,E,I,k,T,_){if(d.stream_ops)return Os.mmap(d,E,I,k,T,_);if(E!==0)throw new S.ErrnoError(28);var te=es(I);return S.read(d,ne,te,I,k),{ptr:te,allocated:!0}},msync:function(d,E,I,k,T){return d.stream_ops?Os.msync(d,E,I,k,T):(T&2||S.write(d,E,0,k,I),0)},munmap:function(){return 0},ioctl:function(){throw new S.ErrnoError(mo.ENOTTY)}},S={root:null,mounts:[],devices:{},streams:[],nextInode:1,nameTable:null,currentPath:"/",initialized:!1,ignorePermissions:!0,trackingDelegate:{},tracking:{openFlags:{READ:1,WRITE:2}},ErrnoError:null,genericErrors:{},filesystems:null,syncFSRequests:0,lookupPath:function(d,E){if(d=kn.resolve(S.cwd(),d),E=E||{},!d)return{path:"",node:null};var I={follow_mount:!0,recurse_count:0};for(var k in I)E[k]===void 0&&(E[k]=I[k]);if(E.recurse_count>8)throw new S.ErrnoError(32);for(var T=Qt.normalizeArray(d.split("/").filter(function(lt){return!!lt}),!1),_=S.root,te="/",Be=0;Be<T.length;Be++){var me=Be===T.length-1;if(me&&E.parent)break;if(_=S.lookupNode(_,T[Be]),te=Qt.join2(te,T[Be]),S.isMountpoint(_)&&(!me||me&&E.follow_mount)&&(_=_.mounted.root),!me||E.follow)for(var Je=0;S.isLink(_.mode);){var nt=S.readlink(te);te=kn.resolve(Qt.dirname(te),nt);var wt=S.lookupPath(te,{recurse_count:E.recurse_count});if(_=wt.node,Je++>40)throw new S.ErrnoError(32)}}return{path:te,node:_}},getPath:function(d){for(var E;;){if(S.isRoot(d)){var I=d.mount.mountpoint;return E?I[I.length-1]!=="/"?I+"/"+E:I+E:I}E=E?d.name+"/"+E:d.name,d=d.parent}},hashName:function(d,E){for(var I=0,k=0;k<E.length;k++)I=(I<<5)-I+E.charCodeAt(k)|0;return(d+I>>>0)%S.nameTable.length},hashAddNode:function(d){var E=S.hashName(d.parent.id,d.name);d.name_next=S.nameTable[E],S.nameTable[E]=d},hashRemoveNode:function(d){var E=S.hashName(d.parent.id,d.name);if(S.nameTable[E]===d)S.nameTable[E]=d.name_next;else for(var I=S.nameTable[E];I;){if(I.name_next===d){I.name_next=d.name_next;break}I=I.name_next}},lookupNode:function(d,E){var I=S.mayLookup(d);if(I)throw new S.ErrnoError(I,d);for(var k=S.hashName(d.id,E),T=S.nameTable[k];T;T=T.name_next){var _=T.name;if(T.parent.id===d.id&&_===E)return T}return S.lookup(d,E)},createNode:function(d,E,I,k){var T=new S.FSNode(d,E,I,k);return S.hashAddNode(T),T},destroyNode:function(d){S.hashRemoveNode(d)},isRoot:function(d){return d===d.parent},isMountpoint:function(d){return!!d.mounted},isFile:function(d){return(d&61440)===32768},isDir:function(d){return(d&61440)===16384},isLink:function(d){return(d&61440)===40960},isChrdev:function(d){return(d&61440)===8192},isBlkdev:function(d){return(d&61440)===24576},isFIFO:function(d){return(d&61440)===4096},isSocket:function(d){return(d&49152)===49152},flagModes:{r:0,"r+":2,w:577,"w+":578,a:1089,"a+":1090},modeStringToFlags:function(d){var E=S.flagModes[d];if(typeof E>"u")throw new Error("Unknown file open mode: "+d);return E},flagsToPermissionString:function(d){var E=["r","w","rw"][d&3];return d&512&&(E+="w"),E},nodePermissions:function(d,E){return S.ignorePermissions?0:E.includes("r")&&!(d.mode&292)||E.includes("w")&&!(d.mode&146)||E.includes("x")&&!(d.mode&73)?2:0},mayLookup:function(d){var E=S.nodePermissions(d,"x");return E||(d.node_ops.lookup?0:2)},mayCreate:function(d,E){try{var I=S.lookupNode(d,E);return 20}catch{}return S.nodePermissions(d,"wx")},mayDelete:function(d,E,I){var k;try{k=S.lookupNode(d,E)}catch(_){return _.errno}var T=S.nodePermissions(d,"wx");if(T)return T;if(I){if(!S.isDir(k.mode))return 54;if(S.isRoot(k)||S.getPath(k)===S.cwd())return 10}else if(S.isDir(k.mode))return 31;return 0},mayOpen:function(d,E){return d?S.isLink(d.mode)?32:S.isDir(d.mode)&&(S.flagsToPermissionString(E)!=="r"||E&512)?31:S.nodePermissions(d,S.flagsToPermissionString(E)):44},MAX_OPEN_FDS:4096,nextfd:function(d,E){d=d||0,E=E||S.MAX_OPEN_FDS;for(var I=d;I<=E;I++)if(!S.streams[I])return I;throw new S.ErrnoError(33)},getStream:function(d){return S.streams[d]},createStream:function(d,E,I){S.FSStream||(S.FSStream=function(){},S.FSStream.prototype={object:{get:function(){return this.node},set:function(te){this.node=te}},isRead:{get:function(){return(this.flags&2097155)!==1}},isWrite:{get:function(){return(this.flags&2097155)!==0}},isAppend:{get:function(){return this.flags&1024}}});var k=new S.FSStream;for(var T in d)k[T]=d[T];d=k;var _=S.nextfd(E,I);return d.fd=_,S.streams[_]=d,d},closeStream:function(d){S.streams[d]=null},chrdev_stream_ops:{open:function(d){var E=S.getDevice(d.node.rdev);d.stream_ops=E.stream_ops,d.stream_ops.open&&d.stream_ops.open(d)},llseek:function(){throw new S.ErrnoError(70)}},major:function(d){return d>>8},minor:function(d){return d&255},makedev:function(d,E){return d<<8|E},registerDevice:function(d,E){S.devices[d]={stream_ops:E}},getDevice:function(d){return S.devices[d]},getMounts:function(d){for(var E=[],I=[d];I.length;){var k=I.pop();E.push(k),I.push.apply(I,k.mounts)}return E},syncfs:function(d,E){typeof d=="function"&&(E=d,d=!1),S.syncFSRequests++,S.syncFSRequests>1&&D("warning: "+S.syncFSRequests+" FS.syncfs operations in flight at once, probably just doing extra work");var I=S.getMounts(S.root.mount),k=0;function T(te){return S.syncFSRequests--,E(te)}function _(te){if(te)return _.errored?void 0:(_.errored=!0,T(te));++k>=I.length&&T(null)}I.forEach(function(te){if(!te.type.syncfs)return _(null);te.type.syncfs(te,d,_)})},mount:function(d,E,I){var k=I==="/",T=!I,_;if(k&&S.root)throw new S.ErrnoError(10);if(!k&&!T){var te=S.lookupPath(I,{follow_mount:!1});if(I=te.path,_=te.node,S.isMountpoint(_))throw new S.ErrnoError(10);if(!S.isDir(_.mode))throw new S.ErrnoError(54)}var Be={type:d,opts:E,mountpoint:I,mounts:[]},me=d.mount(Be);return me.mount=Be,Be.root=me,k?S.root=me:_&&(_.mounted=Be,_.mount&&_.mount.mounts.push(Be)),me},unmount:function(d){var E=S.lookupPath(d,{follow_mount:!1});if(!S.isMountpoint(E.node))throw new S.ErrnoError(28);var I=E.node,k=I.mounted,T=S.getMounts(k);Object.keys(S.nameTable).forEach(function(te){for(var Be=S.nameTable[te];Be;){var me=Be.name_next;T.includes(Be.mount)&&S.destroyNode(Be),Be=me}}),I.mounted=null;var _=I.mount.mounts.indexOf(k);I.mount.mounts.splice(_,1)},lookup:function(d,E){return d.node_ops.lookup(d,E)},mknod:function(d,E,I){var k=S.lookupPath(d,{parent:!0}),T=k.node,_=Qt.basename(d);if(!_||_==="."||_==="..")throw new S.ErrnoError(28);var te=S.mayCreate(T,_);if(te)throw new S.ErrnoError(te);if(!T.node_ops.mknod)throw new S.ErrnoError(63);return T.node_ops.mknod(T,_,E,I)},create:function(d,E){return E=E!==void 0?E:438,E&=4095,E|=32768,S.mknod(d,E,0)},mkdir:function(d,E){return E=E!==void 0?E:511,E&=1023,E|=16384,S.mknod(d,E,0)},mkdirTree:function(d,E){for(var I=d.split("/"),k="",T=0;T<I.length;++T)if(!!I[T]){k+="/"+I[T];try{S.mkdir(k,E)}catch(_){if(_.errno!=20)throw _}}},mkdev:function(d,E,I){return typeof I>"u"&&(I=E,E=438),E|=8192,S.mknod(d,E,I)},symlink:function(d,E){if(!kn.resolve(d))throw new S.ErrnoError(44);var I=S.lookupPath(E,{parent:!0}),k=I.node;if(!k)throw new S.ErrnoError(44);var T=Qt.basename(E),_=S.mayCreate(k,T);if(_)throw new S.ErrnoError(_);if(!k.node_ops.symlink)throw new S.ErrnoError(63);return k.node_ops.symlink(k,T,d)},rename:function(d,E){var I=Qt.dirname(d),k=Qt.dirname(E),T=Qt.basename(d),_=Qt.basename(E),te,Be,me;if(te=S.lookupPath(d,{parent:!0}),Be=te.node,te=S.lookupPath(E,{parent:!0}),me=te.node,!Be||!me)throw new S.ErrnoError(44);if(Be.mount!==me.mount)throw new S.ErrnoError(75);var Je=S.lookupNode(Be,T),nt=kn.relative(d,k);if(nt.charAt(0)!==".")throw new S.ErrnoError(28);if(nt=kn.relative(E,I),nt.charAt(0)!==".")throw new S.ErrnoError(55);var wt;try{wt=S.lookupNode(me,_)}catch{}if(Je!==wt){var lt=S.isDir(Je.mode),it=S.mayDelete(Be,T,lt);if(it)throw new S.ErrnoError(it);if(it=wt?S.mayDelete(me,_,lt):S.mayCreate(me,_),it)throw new S.ErrnoError(it);if(!Be.node_ops.rename)throw new S.ErrnoError(63);if(S.isMountpoint(Je)||wt&&S.isMountpoint(wt))throw new S.ErrnoError(10);if(me!==Be&&(it=S.nodePermissions(Be,"w"),it))throw new S.ErrnoError(it);try{S.trackingDelegate.willMovePath&&S.trackingDelegate.willMovePath(d,E)}catch(Et){D("FS.trackingDelegate['willMovePath']('"+d+"', '"+E+"') threw an exception: "+Et.message)}S.hashRemoveNode(Je);try{Be.node_ops.rename(Je,me,_)}catch(Et){throw Et}finally{S.hashAddNode(Je)}try{S.trackingDelegate.onMovePath&&S.trackingDelegate.onMovePath(d,E)}catch(Et){D("FS.trackingDelegate['onMovePath']('"+d+"', '"+E+"') threw an exception: "+Et.message)}}},rmdir:function(d){var E=S.lookupPath(d,{parent:!0}),I=E.node,k=Qt.basename(d),T=S.lookupNode(I,k),_=S.mayDelete(I,k,!0);if(_)throw new S.ErrnoError(_);if(!I.node_ops.rmdir)throw new S.ErrnoError(63);if(S.isMountpoint(T))throw new S.ErrnoError(10);try{S.trackingDelegate.willDeletePath&&S.trackingDelegate.willDeletePath(d)}catch(te){D("FS.trackingDelegate['willDeletePath']('"+d+"') threw an exception: "+te.message)}I.node_ops.rmdir(I,k),S.destroyNode(T);try{S.trackingDelegate.onDeletePath&&S.trackingDelegate.onDeletePath(d)}catch(te){D("FS.trackingDelegate['onDeletePath']('"+d+"') threw an exception: "+te.message)}},readdir:function(d){var E=S.lookupPath(d,{follow:!0}),I=E.node;if(!I.node_ops.readdir)throw new S.ErrnoError(54);return I.node_ops.readdir(I)},unlink:function(d){var E=S.lookupPath(d,{parent:!0}),I=E.node,k=Qt.basename(d),T=S.lookupNode(I,k),_=S.mayDelete(I,k,!1);if(_)throw new S.ErrnoError(_);if(!I.node_ops.unlink)throw new S.ErrnoError(63);if(S.isMountpoint(T))throw new S.ErrnoError(10);try{S.trackingDelegate.willDeletePath&&S.trackingDelegate.willDeletePath(d)}catch(te){D("FS.trackingDelegate['willDeletePath']('"+d+"') threw an exception: "+te.message)}I.node_ops.unlink(I,k),S.destroyNode(T);try{S.trackingDelegate.onDeletePath&&S.trackingDelegate.onDeletePath(d)}catch(te){D("FS.trackingDelegate['onDeletePath']('"+d+"') threw an exception: "+te.message)}},readlink:function(d){var E=S.lookupPath(d),I=E.node;if(!I)throw new S.ErrnoError(44);if(!I.node_ops.readlink)throw new S.ErrnoError(28);return kn.resolve(S.getPath(I.parent),I.node_ops.readlink(I))},stat:function(d,E){var I=S.lookupPath(d,{follow:!E}),k=I.node;if(!k)throw new S.ErrnoError(44);if(!k.node_ops.getattr)throw new S.ErrnoError(63);return k.node_ops.getattr(k)},lstat:function(d){return S.stat(d,!0)},chmod:function(d,E,I){var k;if(typeof d=="string"){var T=S.lookupPath(d,{follow:!I});k=T.node}else k=d;if(!k.node_ops.setattr)throw new S.ErrnoError(63);k.node_ops.setattr(k,{mode:E&4095|k.mode&-4096,timestamp:Date.now()})},lchmod:function(d,E){S.chmod(d,E,!0)},fchmod:function(d,E){var I=S.getStream(d);if(!I)throw new S.ErrnoError(8);S.chmod(I.node,E)},chown:function(d,E,I,k){var T;if(typeof d=="string"){var _=S.lookupPath(d,{follow:!k});T=_.node}else T=d;if(!T.node_ops.setattr)throw new S.ErrnoError(63);T.node_ops.setattr(T,{timestamp:Date.now()})},lchown:function(d,E,I){S.chown(d,E,I,!0)},fchown:function(d,E,I){var k=S.getStream(d);if(!k)throw new S.ErrnoError(8);S.chown(k.node,E,I)},truncate:function(d,E){if(E<0)throw new S.ErrnoError(28);var I;if(typeof d=="string"){var k=S.lookupPath(d,{follow:!0});I=k.node}else I=d;if(!I.node_ops.setattr)throw new S.ErrnoError(63);if(S.isDir(I.mode))throw new S.ErrnoError(31);if(!S.isFile(I.mode))throw new S.ErrnoError(28);var T=S.nodePermissions(I,"w");if(T)throw new S.ErrnoError(T);I.node_ops.setattr(I,{size:E,timestamp:Date.now()})},ftruncate:function(d,E){var I=S.getStream(d);if(!I)throw new S.ErrnoError(8);if((I.flags&2097155)===0)throw new S.ErrnoError(28);S.truncate(I.node,E)},utime:function(d,E,I){var k=S.lookupPath(d,{follow:!0}),T=k.node;T.node_ops.setattr(T,{timestamp:Math.max(E,I)})},open:function(d,E,I,k,T){if(d==="")throw new S.ErrnoError(44);E=typeof E=="string"?S.modeStringToFlags(E):E,I=typeof I>"u"?438:I,E&64?I=I&4095|32768:I=0;var _;if(typeof d=="object")_=d;else{d=Qt.normalize(d);try{var te=S.lookupPath(d,{follow:!(E&131072)});_=te.node}catch{}}var Be=!1;if(E&64)if(_){if(E&128)throw new S.ErrnoError(20)}else _=S.mknod(d,I,0),Be=!0;if(!_)throw new S.ErrnoError(44);if(S.isChrdev(_.mode)&&(E&=-513),E&65536&&!S.isDir(_.mode))throw new S.ErrnoError(54);if(!Be){var me=S.mayOpen(_,E);if(me)throw new S.ErrnoError(me)}E&512&&S.truncate(_,0),E&=-131713;var Je=S.createStream({node:_,path:S.getPath(_),flags:E,seekable:!0,position:0,stream_ops:_.stream_ops,ungotten:[],error:!1},k,T);Je.stream_ops.open&&Je.stream_ops.open(Je),t.logReadFiles&&!(E&1)&&(S.readFiles||(S.readFiles={}),d in S.readFiles||(S.readFiles[d]=1,D("FS.trackingDelegate error on read file: "+d)));try{if(S.trackingDelegate.onOpenFile){var nt=0;(E&2097155)!==1&&(nt|=S.tracking.openFlags.READ),(E&2097155)!==0&&(nt|=S.tracking.openFlags.WRITE),S.trackingDelegate.onOpenFile(d,nt)}}catch(wt){D("FS.trackingDelegate['onOpenFile']('"+d+"', flags) threw an exception: "+wt.message)}return Je},close:function(d){if(S.isClosed(d))throw new S.ErrnoError(8);d.getdents&&(d.getdents=null);try{d.stream_ops.close&&d.stream_ops.close(d)}catch(E){throw E}finally{S.closeStream(d.fd)}d.fd=null},isClosed:function(d){return d.fd===null},llseek:function(d,E,I){if(S.isClosed(d))throw new S.ErrnoError(8);if(!d.seekable||!d.stream_ops.llseek)throw new S.ErrnoError(70);if(I!=0&&I!=1&&I!=2)throw new S.ErrnoError(28);return d.position=d.stream_ops.llseek(d,E,I),d.ungotten=[],d.position},read:function(d,E,I,k,T){if(k<0||T<0)throw new S.ErrnoError(28);if(S.isClosed(d))throw new S.ErrnoError(8);if((d.flags&2097155)===1)throw new S.ErrnoError(8);if(S.isDir(d.node.mode))throw new S.ErrnoError(31);if(!d.stream_ops.read)throw new S.ErrnoError(28);var _=typeof T<"u";if(!_)T=d.position;else if(!d.seekable)throw new S.ErrnoError(70);var te=d.stream_ops.read(d,E,I,k,T);return _||(d.position+=te),te},write:function(d,E,I,k,T,_){if(k<0||T<0)throw new S.ErrnoError(28);if(S.isClosed(d))throw new S.ErrnoError(8);if((d.flags&2097155)===0)throw new S.ErrnoError(8);if(S.isDir(d.node.mode))throw new S.ErrnoError(31);if(!d.stream_ops.write)throw new S.ErrnoError(28);d.seekable&&d.flags&1024&&S.llseek(d,0,2);var te=typeof T<"u";if(!te)T=d.position;else if(!d.seekable)throw new S.ErrnoError(70);var Be=d.stream_ops.write(d,E,I,k,T,_);te||(d.position+=Be);try{d.path&&S.trackingDelegate.onWriteToFile&&S.trackingDelegate.onWriteToFile(d.path)}catch(me){D("FS.trackingDelegate['onWriteToFile']('"+d.path+"') threw an exception: "+me.message)}return Be},allocate:function(d,E,I){if(S.isClosed(d))throw new S.ErrnoError(8);if(E<0||I<=0)throw new S.ErrnoError(28);if((d.flags&2097155)===0)throw new S.ErrnoError(8);if(!S.isFile(d.node.mode)&&!S.isDir(d.node.mode))throw new S.ErrnoError(43);if(!d.stream_ops.allocate)throw new S.ErrnoError(138);d.stream_ops.allocate(d,E,I)},mmap:function(d,E,I,k,T,_){if((T&2)!==0&&(_&2)===0&&(d.flags&2097155)!==2)throw new S.ErrnoError(2);if((d.flags&2097155)===1)throw new S.ErrnoError(2);if(!d.stream_ops.mmap)throw new S.ErrnoError(43);return d.stream_ops.mmap(d,E,I,k,T,_)},msync:function(d,E,I,k,T){return!d||!d.stream_ops.msync?0:d.stream_ops.msync(d,E,I,k,T)},munmap:function(d){return 0},ioctl:function(d,E,I){if(!d.stream_ops.ioctl)throw new S.ErrnoError(59);return d.stream_ops.ioctl(d,E,I)},readFile:function(d,E){if(E=E||{},E.flags=E.flags||0,E.encoding=E.encoding||"binary",E.encoding!=="utf8"&&E.encoding!=="binary")throw new Error('Invalid encoding type "'+E.encoding+'"');var I,k=S.open(d,E.flags),T=S.stat(d),_=T.size,te=new Uint8Array(_);return S.read(k,te,0,_,0),E.encoding==="utf8"?I=ke(te,0):E.encoding==="binary"&&(I=te),S.close(k),I},writeFile:function(d,E,I){I=I||{},I.flags=I.flags||577;var k=S.open(d,I.flags,I.mode);if(typeof E=="string"){var T=new Uint8Array(le(E)+1),_=Ne(E,T,0,T.length);S.write(k,T,0,_,void 0,I.canOwn)}else if(ArrayBuffer.isView(E))S.write(k,E,0,E.byteLength,void 0,I.canOwn);else throw new Error("Unsupported data type");S.close(k)},cwd:function(){return S.currentPath},chdir:function(d){var E=S.lookupPath(d,{follow:!0});if(E.node===null)throw new S.ErrnoError(44);if(!S.isDir(E.node.mode))throw new S.ErrnoError(54);var I=S.nodePermissions(E.node,"x");if(I)throw new S.ErrnoError(I);S.currentPath=E.path},createDefaultDirectories:function(){S.mkdir("/tmp"),S.mkdir("/home"),S.mkdir("/home/web_user")},createDefaultDevices:function(){S.mkdir("/dev"),S.registerDevice(S.makedev(1,3),{read:function(){return 0},write:function(E,I,k,T,_){return T}}),S.mkdev("/dev/null",S.makedev(1,3)),$n.register(S.makedev(5,0),$n.default_tty_ops),$n.register(S.makedev(6,0),$n.default_tty1_ops),S.mkdev("/dev/tty",S.makedev(5,0)),S.mkdev("/dev/tty1",S.makedev(6,0));var d=Bl();S.createDevice("/dev","random",d),S.createDevice("/dev","urandom",d),S.mkdir("/dev/shm"),S.mkdir("/dev/shm/tmp")},createSpecialDirectories:function(){S.mkdir("/proc");var d=S.mkdir("/proc/self");S.mkdir("/proc/self/fd"),S.mount({mount:function(){var E=S.createNode(d,"fd",16895,73);return E.node_ops={lookup:function(I,k){var T=+k,_=S.getStream(T);if(!_)throw new S.ErrnoError(8);var te={parent:null,mount:{mountpoint:"fake"},node_ops:{readlink:function(){return _.path}}};return te.parent=te,te}},E}},{},"/proc/self/fd")},createStandardStreams:function(){t.stdin?S.createDevice("/dev","stdin",t.stdin):S.symlink("/dev/tty","/dev/stdin"),t.stdout?S.createDevice("/dev","stdout",null,t.stdout):S.symlink("/dev/tty","/dev/stdout"),t.stderr?S.createDevice("/dev","stderr",null,t.stderr):S.symlink("/dev/tty1","/dev/stderr");var d=S.open("/dev/stdin",0),E=S.open("/dev/stdout",1),I=S.open("/dev/stderr",1)},ensureErrnoError:function(){S.ErrnoError||(S.ErrnoError=function(E,I){this.node=I,this.setErrno=function(k){this.errno=k},this.setErrno(E),this.message="FS error"},S.ErrnoError.prototype=new Error,S.ErrnoError.prototype.constructor=S.ErrnoError,[44].forEach(function(d){S.genericErrors[d]=new S.ErrnoError(d),S.genericErrors[d].stack="<generic error, no stack>"}))},staticInit:function(){S.ensureErrnoError(),S.nameTable=new Array(4096),S.mount(gt,{},"/"),S.createDefaultDirectories(),S.createDefaultDevices(),S.createSpecialDirectories(),S.filesystems={MEMFS:gt,NODEFS:At}},init:function(d,E,I){S.init.initialized=!0,S.ensureErrnoError(),t.stdin=d||t.stdin,t.stdout=E||t.stdout,t.stderr=I||t.stderr,S.createStandardStreams()},quit:function(){S.init.initialized=!1;var d=t._fflush;d&&d(0);for(var E=0;E<S.streams.length;E++){var I=S.streams[E];!I||S.close(I)}},getMode:function(d,E){var I=0;return d&&(I|=365),E&&(I|=146),I},findObject:function(d,E){var I=S.analyzePath(d,E);return I.exists?I.object:null},analyzePath:function(d,E){try{var I=S.lookupPath(d,{follow:!E});d=I.path}catch{}var k={isRoot:!1,exists:!1,error:0,name:null,path:null,object:null,parentExists:!1,parentPath:null,parentObject:null};try{var I=S.lookupPath(d,{parent:!0});k.parentExists=!0,k.parentPath=I.path,k.parentObject=I.node,k.name=Qt.basename(d),I=S.lookupPath(d,{follow:!E}),k.exists=!0,k.path=I.path,k.object=I.node,k.name=I.node.name,k.isRoot=I.path==="/"}catch(T){k.error=T.errno}return k},createPath:function(d,E,I,k){d=typeof d=="string"?d:S.getPath(d);for(var T=E.split("/").reverse();T.length;){var _=T.pop();if(!!_){var te=Qt.join2(d,_);try{S.mkdir(te)}catch{}d=te}}return te},createFile:function(d,E,I,k,T){var _=Qt.join2(typeof d=="string"?d:S.getPath(d),E),te=S.getMode(k,T);return S.create(_,te)},createDataFile:function(d,E,I,k,T,_){var te=E?Qt.join2(typeof d=="string"?d:S.getPath(d),E):d,Be=S.getMode(k,T),me=S.create(te,Be);if(I){if(typeof I=="string"){for(var Je=new Array(I.length),nt=0,wt=I.length;nt<wt;++nt)Je[nt]=I.charCodeAt(nt);I=Je}S.chmod(me,Be|146);var lt=S.open(me,577);S.write(lt,I,0,I.length,0,_),S.close(lt),S.chmod(me,Be)}return me},createDevice:function(d,E,I,k){var T=Qt.join2(typeof d=="string"?d:S.getPath(d),E),_=S.getMode(!!I,!!k);S.createDevice.major||(S.createDevice.major=64);var te=S.makedev(S.createDevice.major++,0);return S.registerDevice(te,{open:function(Be){Be.seekable=!1},close:function(Be){k&&k.buffer&&k.buffer.length&&k(10)},read:function(Be,me,Je,nt,wt){for(var lt=0,it=0;it<nt;it++){var Et;try{Et=I()}catch{throw new S.ErrnoError(29)}if(Et===void 0&&lt===0)throw new S.ErrnoError(6);if(Et==null)break;lt++,me[Je+it]=Et}return lt&&(Be.node.timestamp=Date.now()),lt},write:function(Be,me,Je,nt,wt){for(var lt=0;lt<nt;lt++)try{k(me[Je+lt])}catch{throw new S.ErrnoError(29)}return nt&&(Be.node.timestamp=Date.now()),lt}}),S.mkdev(T,_,te)},forceLoadFile:function(d){if(d.isDevice||d.isFolder||d.link||d.contents)return!0;if(typeof XMLHttpRequest<"u")throw new Error("Lazy loading should have been performed (contents set) in createLazyFile, but it was not. Lazy loading only works in web workers. Use --embed-file or --preload-file in emcc on the main thread.");if(p)try{d.contents=gA(p(d.url),!0),d.usedBytes=d.contents.length}catch{throw new S.ErrnoError(29)}else throw new Error("Cannot load without read() or XMLHttpRequest.")},createLazyFile:function(d,E,I,k,T){function _(){this.lengthKnown=!1,this.chunks=[]}if(_.prototype.get=function(lt){if(!(lt>this.length-1||lt<0)){var it=lt%this.chunkSize,Et=lt/this.chunkSize|0;return this.getter(Et)[it]}},_.prototype.setDataGetter=function(lt){this.getter=lt},_.prototype.cacheLength=function(){var lt=new XMLHttpRequest;if(lt.open("HEAD",I,!1),lt.send(null),!(lt.status>=200&&lt.status<300||lt.status===304))throw new Error("Couldn't load "+I+". Status: "+lt.status);var it=Number(lt.getResponseHeader("Content-length")),Et,Qe=(Et=lt.getResponseHeader("Accept-Ranges"))&&Et==="bytes",Nn=(Et=lt.getResponseHeader("Content-Encoding"))&&Et==="gzip",ki=1024*1024;Qe||(ki=it);var CA=function(ts,ga){if(ts>ga)throw new Error("invalid range ("+ts+", "+ga+") or no bytes requested!");if(ga>it-1)throw new Error("only "+it+" bytes available! programmer error!");var Kr=new XMLHttpRequest;if(Kr.open("GET",I,!1),it!==ki&&Kr.setRequestHeader("Range","bytes="+ts+"-"+ga),typeof Uint8Array<"u"&&(Kr.responseType="arraybuffer"),Kr.overrideMimeType&&Kr.overrideMimeType("text/plain; charset=x-user-defined"),Kr.send(null),!(Kr.status>=200&&Kr.status<300||Kr.status===304))throw new Error("Couldn't load "+I+". Status: "+Kr.status);return Kr.response!==void 0?new Uint8Array(Kr.response||[]):gA(Kr.responseText||"",!0)},Mr=this;Mr.setDataGetter(function(ts){var ga=ts*ki,Kr=(ts+1)*ki-1;if(Kr=Math.min(Kr,it-1),typeof Mr.chunks[ts]>"u"&&(Mr.chunks[ts]=CA(ga,Kr)),typeof Mr.chunks[ts]>"u")throw new Error("doXHR failed!");return Mr.chunks[ts]}),(Nn||!it)&&(ki=it=1,it=this.getter(0).length,ki=it,v("LazyFiles on gzip forces download of the whole file when length is accessed")),this._length=it,this._chunkSize=ki,this.lengthKnown=!0},typeof XMLHttpRequest<"u"){if(!u)throw"Cannot do synchronous binary XHRs outside webworkers in modern browsers. Use --embed-file or --preload-file in emcc";var te=new _;Object.defineProperties(te,{length:{get:function(){return this.lengthKnown||this.cacheLength(),this._length}},chunkSize:{get:function(){return this.lengthKnown||this.cacheLength(),this._chunkSize}}});var Be={isDevice:!1,contents:te}}else var Be={isDevice:!1,url:I};var me=S.createFile(d,E,Be,k,T);Be.contents?me.contents=Be.contents:Be.url&&(me.contents=null,me.url=Be.url),Object.defineProperties(me,{usedBytes:{get:function(){return this.contents.length}}});var Je={},nt=Object.keys(me.stream_ops);return nt.forEach(function(wt){var lt=me.stream_ops[wt];Je[wt]=function(){return S.forceLoadFile(me),lt.apply(null,arguments)}}),Je.read=function(lt,it,Et,Qe,Nn){S.forceLoadFile(me);var ki=lt.node.contents;if(Nn>=ki.length)return 0;var CA=Math.min(ki.length-Nn,Qe);if(ki.slice)for(var Mr=0;Mr<CA;Mr++)it[Et+Mr]=ki[Nn+Mr];else for(var Mr=0;Mr<CA;Mr++)it[Et+Mr]=ki.get(Nn+Mr);return CA},me.stream_ops=Je,me},createPreloadedFile:function(d,E,I,k,T,_,te,Be,me,Je){Browser.init();var nt=E?kn.resolve(Qt.join2(d,E)):d,wt="cp "+nt;function lt(it){function Et(Nn){Je&&Je(),Be||S.createDataFile(d,E,Nn,k,T,me),_&&_(),cA(wt)}var Qe=!1;t.preloadPlugins.forEach(function(Nn){Qe||Nn.canHandle(nt)&&(Nn.handle(it,nt,Et,function(){te&&te(),cA(wt)}),Qe=!0)}),Qe||Et(it)}lA(wt),typeof I=="string"?Browser.asyncLoad(I,function(it){lt(it)},te):lt(I)},indexedDB:function(){return window.indexedDB||window.mozIndexedDB||window.webkitIndexedDB||window.msIndexedDB},DB_NAME:function(){return"EM_FS_"+window.location.pathname},DB_VERSION:20,DB_STORE_NAME:"FILE_DATA",saveFilesToDB:function(d,E,I){E=E||function(){},I=I||function(){};var k=S.indexedDB();try{var T=k.open(S.DB_NAME(),S.DB_VERSION)}catch(_){return I(_)}T.onupgradeneeded=function(){v("creating db");var te=T.result;te.createObjectStore(S.DB_STORE_NAME)},T.onsuccess=function(){var te=T.result,Be=te.transaction([S.DB_STORE_NAME],"readwrite"),me=Be.objectStore(S.DB_STORE_NAME),Je=0,nt=0,wt=d.length;function lt(){nt==0?E():I()}d.forEach(function(it){var Et=me.put(S.analyzePath(it).object.contents,it);Et.onsuccess=function(){Je++,Je+nt==wt&&lt()},Et.onerror=function(){nt++,Je+nt==wt&&lt()}}),Be.onerror=I},T.onerror=I},loadFilesFromDB:function(d,E,I){E=E||function(){},I=I||function(){};var k=S.indexedDB();try{var T=k.open(S.DB_NAME(),S.DB_VERSION)}catch(_){return I(_)}T.onupgradeneeded=I,T.onsuccess=function(){var te=T.result;try{var Be=te.transaction([S.DB_STORE_NAME],"readonly")}catch(it){I(it);return}var me=Be.objectStore(S.DB_STORE_NAME),Je=0,nt=0,wt=d.length;function lt(){nt==0?E():I()}d.forEach(function(it){var Et=me.get(it);Et.onsuccess=function(){S.analyzePath(it).exists&&S.unlink(it),S.createDataFile(Qt.dirname(it),Qt.basename(it),Et.result,!0,!0,!0),Je++,Je+nt==wt&&lt()},Et.onerror=function(){nt++,Je+nt==wt&&lt()}}),Be.onerror=I},T.onerror=I}},Tt={mappings:{},DEFAULT_POLLMASK:5,umask:511,calculateAt:function(d,E,I){if(E[0]==="/")return E;var k;if(d===-100)k=S.cwd();else{var T=S.getStream(d);if(!T)throw new S.ErrnoError(8);k=T.path}if(E.length==0){if(!I)throw new S.ErrnoError(44);return k}return Qt.join2(k,E)},doStat:function(d,E,I){try{var k=d(E)}catch(T){if(T&&T.node&&Qt.normalize(E)!==Qt.normalize(S.getPath(T.node)))return-54;throw T}return de[I>>2]=k.dev,de[I+4>>2]=0,de[I+8>>2]=k.ino,de[I+12>>2]=k.mode,de[I+16>>2]=k.nlink,de[I+20>>2]=k.uid,de[I+24>>2]=k.gid,de[I+28>>2]=k.rdev,de[I+32>>2]=0,se=[k.size>>>0,(vr=k.size,+Math.abs(vr)>=1?vr>0?(Math.min(+Math.floor(vr/4294967296),4294967295)|0)>>>0:~~+Math.ceil((vr-+(~~vr>>>0))/4294967296)>>>0:0)],de[I+40>>2]=se[0],de[I+44>>2]=se[1],de[I+48>>2]=4096,de[I+52>>2]=k.blocks,de[I+56>>2]=k.atime.getTime()/1e3|0,de[I+60>>2]=0,de[I+64>>2]=k.mtime.getTime()/1e3|0,de[I+68>>2]=0,de[I+72>>2]=k.ctime.getTime()/1e3|0,de[I+76>>2]=0,se=[k.ino>>>0,(vr=k.ino,+Math.abs(vr)>=1?vr>0?(Math.min(+Math.floor(vr/4294967296),4294967295)|0)>>>0:~~+Math.ceil((vr-+(~~vr>>>0))/4294967296)>>>0:0)],de[I+80>>2]=se[0],de[I+84>>2]=se[1],0},doMsync:function(d,E,I,k,T){var _=Y.slice(d,d+I);S.msync(E,_,T,I,k)},doMkdir:function(d,E){return d=Qt.normalize(d),d[d.length-1]==="/"&&(d=d.substr(0,d.length-1)),S.mkdir(d,E,0),0},doMknod:function(d,E,I){switch(E&61440){case 32768:case 8192:case 24576:case 4096:case 49152:break;default:return-28}return S.mknod(d,E,I),0},doReadlink:function(d,E,I){if(I<=0)return-28;var k=S.readlink(d),T=Math.min(I,le(k)),_=ne[E+T];return oe(k,E,I+1),ne[E+T]=_,T},doAccess:function(d,E){if(E&-8)return-28;var I,k=S.lookupPath(d,{follow:!0});if(I=k.node,!I)return-44;var T="";return E&4&&(T+="r"),E&2&&(T+="w"),E&1&&(T+="x"),T&&S.nodePermissions(I,T)?-2:0},doDup:function(d,E,I){var k=S.getStream(I);return k&&S.close(k),S.open(d,E,0,I,I).fd},doReadv:function(d,E,I,k){for(var T=0,_=0;_<I;_++){var te=de[E+_*8>>2],Be=de[E+(_*8+4)>>2],me=S.read(d,ne,te,Be,k);if(me<0)return-1;if(T+=me,me<Be)break}return T},doWritev:function(d,E,I,k){for(var T=0,_=0;_<I;_++){var te=de[E+_*8>>2],Be=de[E+(_*8+4)>>2],me=S.write(d,ne,te,Be,k);if(me<0)return-1;T+=me}return T},varargs:void 0,get:function(){Tt.varargs+=4;var d=de[Tt.varargs-4>>2];return d},getStr:function(d){var E=Fe(d);return E},getStreamFromFD:function(d){var E=S.getStream(d);if(!E)throw new S.ErrnoError(8);return E},get64:function(d,E){return d}};function ng(d,E){try{return d=Tt.getStr(d),S.chmod(d,E),0}catch(I){return(typeof S>"u"||!(I instanceof S.ErrnoError))&&wr(I),-I.errno}}function Ql(d){return de[Ft()>>2]=d,d}function hp(d,E,I){Tt.varargs=I;try{var k=Tt.getStreamFromFD(d);switch(E){case 0:{var T=Tt.get();if(T<0)return-28;var _;return _=S.open(k.path,k.flags,0,T),_.fd}case 1:case 2:return 0;case 3:return k.flags;case 4:{var T=Tt.get();return k.flags|=T,0}case 12:{var T=Tt.get(),te=0;return pe[T+te>>1]=2,0}case 13:case 14:return 0;case 16:case 8:return-28;case 9:return Ql(28),-1;default:return-28}}catch(Be){return(typeof S>"u"||!(Be instanceof S.ErrnoError))&&wr(Be),-Be.errno}}function pp(d,E){try{var I=Tt.getStreamFromFD(d);return Tt.doStat(S.stat,I.path,E)}catch(k){return(typeof S>"u"||!(k instanceof S.ErrnoError))&&wr(k),-k.errno}}function dp(d,E,I){Tt.varargs=I;try{var k=Tt.getStreamFromFD(d);switch(E){case 21509:case 21505:return k.tty?0:-59;case 21510:case 21511:case 21512:case 21506:case 21507:case 21508:return k.tty?0:-59;case 21519:{if(!k.tty)return-59;var T=Tt.get();return de[T>>2]=0,0}case 21520:return k.tty?-28:-59;case 21531:{var T=Tt.get();return S.ioctl(k,E,T)}case 21523:return k.tty?0:-59;case 21524:return k.tty?0:-59;default:wr("bad ioctl syscall "+E)}}catch(_){return(typeof S>"u"||!(_ instanceof S.ErrnoError))&&wr(_),-_.errno}}function Cp(d,E,I){Tt.varargs=I;try{var k=Tt.getStr(d),T=I?Tt.get():0,_=S.open(k,E,T);return _.fd}catch(te){return(typeof S>"u"||!(te instanceof S.ErrnoError))&&wr(te),-te.errno}}function mp(d,E){try{return d=Tt.getStr(d),E=Tt.getStr(E),S.rename(d,E),0}catch(I){return(typeof S>"u"||!(I instanceof S.ErrnoError))&&wr(I),-I.errno}}function G(d){try{return d=Tt.getStr(d),S.rmdir(d),0}catch(E){return(typeof S>"u"||!(E instanceof S.ErrnoError))&&wr(E),-E.errno}}function yt(d,E){try{return d=Tt.getStr(d),Tt.doStat(S.stat,d,E)}catch(I){return(typeof S>"u"||!(I instanceof S.ErrnoError))&&wr(I),-I.errno}}function uA(d){try{return d=Tt.getStr(d),S.unlink(d),0}catch(E){return(typeof S>"u"||!(E instanceof S.ErrnoError))&&wr(E),-E.errno}}function ji(d,E,I){Y.copyWithin(d,E,E+I)}function bl(d){try{return A.grow(d-qe.byteLength+65535>>>16),Or(A.buffer),1}catch{}}function Xe(d){var E=Y.length;d=d>>>0;var I=2147483648;if(d>I)return!1;for(var k=1;k<=4;k*=2){var T=E*(1+.2/k);T=Math.min(T,d+100663296);var _=Math.min(I,Ae(Math.max(d,T),65536)),te=bl(_);if(te)return!0}return!1}function Aa(d){try{var E=Tt.getStreamFromFD(d);return S.close(E),0}catch(I){return(typeof S>"u"||!(I instanceof S.ErrnoError))&&wr(I),I.errno}}function sg(d,E){try{var I=Tt.getStreamFromFD(d),k=I.tty?2:S.isDir(I.mode)?3:S.isLink(I.mode)?7:4;return ne[E>>0]=k,0}catch(T){return(typeof S>"u"||!(T instanceof S.ErrnoError))&&wr(T),T.errno}}function bE(d,E,I,k){try{var T=Tt.getStreamFromFD(d),_=Tt.doReadv(T,E,I);return de[k>>2]=_,0}catch(te){return(typeof S>"u"||!(te instanceof S.ErrnoError))&&wr(te),te.errno}}function Ep(d,E,I,k,T){try{var _=Tt.getStreamFromFD(d),te=4294967296,Be=I*te+(E>>>0),me=9007199254740992;return Be<=-me||Be>=me?-61:(S.llseek(_,Be,k),se=[_.position>>>0,(vr=_.position,+Math.abs(vr)>=1?vr>0?(Math.min(+Math.floor(vr/4294967296),4294967295)|0)>>>0:~~+Math.ceil((vr-+(~~vr>>>0))/4294967296)>>>0:0)],de[T>>2]=se[0],de[T+4>>2]=se[1],_.getdents&&Be===0&&k===0&&(_.getdents=null),0)}catch(Je){return(typeof S>"u"||!(Je instanceof S.ErrnoError))&&wr(Je),Je.errno}}function SE(d,E,I,k){try{var T=Tt.getStreamFromFD(d),_=Tt.doWritev(T,E,I);return de[k>>2]=_,0}catch(te){return(typeof S>"u"||!(te instanceof S.ErrnoError))&&wr(te),te.errno}}function ar(d){$(d)}function Rn(d){var E=Date.now()/1e3|0;return d&&(de[d>>2]=E),E}function Sl(){if(Sl.called)return;Sl.called=!0;var d=new Date().getFullYear(),E=new Date(d,0,1),I=new Date(d,6,1),k=E.getTimezoneOffset(),T=I.getTimezoneOffset(),_=Math.max(k,T);de[Hb()>>2]=_*60,de[Ub()>>2]=Number(k!=T);function te(wt){var lt=wt.toTimeString().match(/\(([A-Za-z ]+)\)$/);return lt?lt[1]:"GMT"}var Be=te(E),me=te(I),Je=we(Be),nt=we(me);T<k?(de[gg()>>2]=Je,de[gg()+4>>2]=nt):(de[gg()>>2]=nt,de[gg()+4>>2]=Je)}function Ip(d){Sl();var E=Date.UTC(de[d+20>>2]+1900,de[d+16>>2],de[d+12>>2],de[d+8>>2],de[d+4>>2],de[d>>2],0),I=new Date(E);de[d+24>>2]=I.getUTCDay();var k=Date.UTC(I.getUTCFullYear(),0,1,0,0,0,0),T=(I.getTime()-k)/(1e3*60*60*24)|0;return de[d+28>>2]=T,I.getTime()/1e3|0}var Ts=function(d,E,I,k){d||(d=this),this.parent=d,this.mount=d.mount,this.mounted=null,this.id=S.nextInode++,this.name=E,this.mode=I,this.node_ops={},this.stream_ops={},this.rdev=k},la=365,An=146;if(Object.defineProperties(Ts.prototype,{read:{get:function(){return(this.mode&la)===la},set:function(d){d?this.mode|=la:this.mode&=~la}},write:{get:function(){return(this.mode&An)===An},set:function(d){d?this.mode|=An:this.mode&=~An}},isFolder:{get:function(){return S.isDir(this.mode)}},isDevice:{get:function(){return S.isChrdev(this.mode)}}}),S.FSNode=Ts,S.staticInit(),g){var Te=bV,og=J("path");At.staticInit()}if(g){var vl=function(d){return function(){try{return d.apply(this,arguments)}catch(E){throw E.code?new S.ErrnoError(mo[E.code]):E}}},Os=Object.assign({},S);for(var xl in an)S[xl]=vl(an[xl])}else throw new Error("NODERAWFS is currently only supported on Node.js environment.");function gA(d,E,I){var k=I>0?I:le(d)+1,T=new Array(k),_=Ne(d,T,0,T.length);return E&&(T.length=_),T}var ag=typeof atob=="function"?atob:function(d){var E="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",I="",k,T,_,te,Be,me,Je,nt=0;d=d.replace(/[^A-Za-z0-9\+\/\=]/g,"");do te=E.indexOf(d.charAt(nt++)),Be=E.indexOf(d.charAt(nt++)),me=E.indexOf(d.charAt(nt++)),Je=E.indexOf(d.charAt(nt++)),k=te<<2|Be>>4,T=(Be&15)<<4|me>>2,_=(me&3)<<6|Je,I=I+String.fromCharCode(k),me!==64&&(I=I+String.fromCharCode(T)),Je!==64&&(I=I+String.fromCharCode(_));while(nt<d.length);return I};function Ag(d){if(typeof g=="boolean"&&g){var E;try{E=Buffer.from(d,"base64")}catch{E=new Buffer(d,"base64")}return new Uint8Array(E.buffer,E.byteOffset,E.byteLength)}try{for(var I=ag(d),k=new Uint8Array(I.length),T=0;T<I.length;++T)k[T]=I.charCodeAt(T);return k}catch{throw new Error("Converting base64 string to bytes failed.")}}function ca(d){if(!!tg(d))return Ag(d.slice(wl.length))}var ua={s:ig,p:ng,e:hp,k:pp,o:dp,q:Cp,i:mp,r:G,c:yt,h:uA,l:ji,m:Xe,f:Aa,j:sg,g:bE,n:Ep,d:SE,a:ar,b:Rn,t:Ip},rt=fp(),Eo=t.___wasm_call_ctors=rt.v,fA=t._zip_ext_count_symlinks=rt.w,Pl=t._zip_file_get_external_attributes=rt.x,Ms=t._zipstruct_stat=rt.y,Dl=t._zipstruct_statS=rt.z,vE=t._zipstruct_stat_name=rt.A,yp=t._zipstruct_stat_index=rt.B,lg=t._zipstruct_stat_size=rt.C,wp=t._zipstruct_stat_mtime=rt.D,xE=t._zipstruct_stat_crc=rt.E,kl=t._zipstruct_error=rt.F,PE=t._zipstruct_errorS=rt.G,cg=t._zipstruct_error_code_zip=rt.H,hA=t._zipstruct_stat_comp_size=rt.I,Rr=t._zipstruct_stat_comp_method=rt.J,DE=t._zip_close=rt.K,Ks=t._zip_delete=rt.L,Us=t._zip_dir_add=rt.M,ug=t._zip_discard=rt.N,pA=t._zip_error_init_with_code=rt.O,R=t._zip_get_error=rt.P,q=t._zip_file_get_error=rt.Q,Ce=t._zip_error_strerror=rt.R,Ke=t._zip_fclose=rt.S,Re=t._zip_file_add=rt.T,ze=t._free=rt.U,dt=t._malloc=rt.V,Ft=t.___errno_location=rt.W,Fn=t._zip_source_error=rt.X,Db=t._zip_source_seek=rt.Y,$M=t._zip_file_set_external_attributes=rt.Z,e1=t._zip_file_set_mtime=rt._,kb=t._zip_fopen=rt.$,t1=t._zip_fopen_index=rt.aa,r1=t._zip_fread=rt.ba,Rb=t._zip_get_name=rt.ca,i1=t._zip_get_num_entries=rt.da,n1=t._zip_source_read=rt.ea,Fb=t._zip_name_locate=rt.fa,s1=t._zip_open=rt.ga,o1=t._zip_open_from_source=rt.ha,Nb=t._zip_set_file_compression=rt.ia,a1=t._zip_source_buffer=rt.ja,A1=t._zip_source_buffer_create=rt.ka,l1=t._zip_source_close=rt.la,c1=t._zip_source_free=rt.ma,Lb=t._zip_source_keep=rt.na,Tb=t._zip_source_open=rt.oa,Ob=t._zip_source_set_mtime=rt.qa,Mb=t._zip_source_tell=rt.ra,Kb=t._zip_stat=rt.sa,u1=t._zip_stat_index=rt.ta,gg=t.__get_tzname=rt.ua,Ub=t.__get_daylight=rt.va,Hb=t.__get_timezone=rt.wa,kE=t.stackSave=rt.xa,RE=t.stackRestore=rt.ya,Q=t.stackAlloc=rt.za;t.cwrap=ue,t.getValue=Z;var Me;aa=function d(){Me||dA(),Me||(aa=d)};function dA(d){if(d=d||a,Zn>0||(pr(),Zn>0))return;function E(){Me||(Me=!0,t.calledRun=!0,!ae&&(Ei(),i(t),t.onRuntimeInitialized&&t.onRuntimeInitialized(),_n()))}t.setStatus?(t.setStatus("Running..."),setTimeout(function(){setTimeout(function(){t.setStatus("")},1),E()},1)):E()}if(t.run=dA,t.preInit)for(typeof t.preInit=="function"&&(t.preInit=[t.preInit]);t.preInit.length>0;)t.preInit.pop()();return dA(),e}}();typeof aB=="object"&&typeof CR=="object"?CR.exports=dR:typeof define=="function"&&define.amd?define([],function(){return dR}):typeof aB=="object"&&(aB.createModule=dR)});var XV=w((Dnt,VV)=>{function wDe(r,e){for(var t=-1,i=r==null?0:r.length,n=Array(i);++t<i;)n[t]=e(r[t],t,r);return n}VV.exports=wDe});var ws=w((knt,_V)=>{var BDe=Array.isArray;_V.exports=BDe});var i6=w((Rnt,r6)=>{var ZV=Ec(),QDe=XV(),bDe=ws(),SDe=tC(),vDe=1/0,$V=ZV?ZV.prototype:void 0,e6=$V?$V.toString:void 0;function t6(r){if(typeof r=="string")return r;if(bDe(r))return QDe(r,t6)+"";if(SDe(r))return e6?e6.call(r):"";var e=r+"";return e=="0"&&1/r==-vDe?"-0":e}r6.exports=t6});var Kf=w((Fnt,n6)=>{var xDe=i6();function PDe(r){return r==null?"":xDe(r)}n6.exports=PDe});var bR=w((Nnt,s6)=>{function DDe(r,e,t){var i=-1,n=r.length;e<0&&(e=-e>n?0:n+e),t=t>n?n:t,t<0&&(t+=n),n=e>t?0:t-e>>>0,e>>>=0;for(var s=Array(n);++i<n;)s[i]=r[i+e];return s}s6.exports=DDe});var a6=w((Lnt,o6)=>{var kDe=bR();function RDe(r,e,t){var i=r.length;return t=t===void 0?i:t,!e&&t>=i?r:kDe(r,e,t)}o6.exports=RDe});var SR=w((Tnt,A6)=>{var FDe="\\ud800-\\udfff",NDe="\\u0300-\\u036f",LDe="\\ufe20-\\ufe2f",TDe="\\u20d0-\\u20ff",ODe=NDe+LDe+TDe,MDe="\\ufe0e\\ufe0f",KDe="\\u200d",UDe=RegExp("["+KDe+FDe+ODe+MDe+"]");function HDe(r){return UDe.test(r)}A6.exports=HDe});var c6=w((Ont,l6)=>{function GDe(r){return r.split("")}l6.exports=GDe});var m6=w((Mnt,C6)=>{var u6="\\ud800-\\udfff",YDe="\\u0300-\\u036f",jDe="\\ufe20-\\ufe2f",qDe="\\u20d0-\\u20ff",JDe=YDe+jDe+qDe,WDe="\\ufe0e\\ufe0f",zDe="["+u6+"]",vR="["+JDe+"]",xR="\\ud83c[\\udffb-\\udfff]",VDe="(?:"+vR+"|"+xR+")",g6="[^"+u6+"]",f6="(?:\\ud83c[\\udde6-\\uddff]){2}",h6="[\\ud800-\\udbff][\\udc00-\\udfff]",XDe="\\u200d",p6=VDe+"?",d6="["+WDe+"]?",_De="(?:"+XDe+"(?:"+[g6,f6,h6].join("|")+")"+d6+p6+")*",ZDe=d6+p6+_De,$De="(?:"+[g6+vR+"?",vR,f6,h6,zDe].join("|")+")",eke=RegExp(xR+"(?="+xR+")|"+$De+ZDe,"g");function tke(r){return r.match(eke)||[]}C6.exports=tke});var I6=w((Knt,E6)=>{var rke=c6(),ike=SR(),nke=m6();function ske(r){return ike(r)?nke(r):rke(r)}E6.exports=ske});var w6=w((Unt,y6)=>{var oke=a6(),ake=SR(),Ake=I6(),lke=Kf();function cke(r){return function(e){e=lke(e);var t=ake(e)?Ake(e):void 0,i=t?t[0]:e.charAt(0),n=t?oke(t,1).join(""):e.slice(1);return i[r]()+n}}y6.exports=cke});var Q6=w((Hnt,B6)=>{var uke=w6(),gke=uke("toUpperCase");B6.exports=gke});var dB=w((Gnt,b6)=>{var fke=Kf(),hke=Q6();function pke(r){return hke(fke(r).toLowerCase())}b6.exports=pke});var S6=w((Ynt,CB)=>{function dke(){var r=0,e=1,t=2,i=3,n=4,s=5,o=6,a=7,l=8,c=9,u=10,g=11,f=12,h=13,p=14,C=15,y=16,B=17,v=0,D=1,L=2,H=3,j=4;function $(A,ae){return 55296<=A.charCodeAt(ae)&&A.charCodeAt(ae)<=56319&&56320<=A.charCodeAt(ae+1)&&A.charCodeAt(ae+1)<=57343}function V(A,ae){ae===void 0&&(ae=0);var ge=A.charCodeAt(ae);if(55296<=ge&&ge<=56319&&ae<A.length-1){var re=ge,O=A.charCodeAt(ae+1);return 56320<=O&&O<=57343?(re-55296)*1024+(O-56320)+65536:re}if(56320<=ge&&ge<=57343&&ae>=1){var re=A.charCodeAt(ae-1),O=ge;return 55296<=re&&re<=56319?(re-55296)*1024+(O-56320)+65536:O}return ge}function W(A,ae,ge){var re=[A].concat(ae).concat([ge]),O=re[re.length-2],F=ge,ue=re.lastIndexOf(p);if(ue>1&&re.slice(1,ue).every(function(Fe){return Fe==i})&&[i,h,B].indexOf(A)==-1)return L;var he=re.lastIndexOf(n);if(he>0&&re.slice(1,he).every(function(Fe){return Fe==n})&&[f,n].indexOf(O)==-1)return re.filter(function(Fe){return Fe==n}).length%2==1?H:j;if(O==r&&F==e)return v;if(O==t||O==r||O==e)return F==p&&ae.every(function(Fe){return Fe==i})?L:D;if(F==t||F==r||F==e)return D;if(O==o&&(F==o||F==a||F==c||F==u))return v;if((O==c||O==a)&&(F==a||F==l))return v;if((O==u||O==l)&&F==l)return v;if(F==i||F==C)return v;if(F==s)return v;if(O==f)return v;var ke=re.indexOf(i)!=-1?re.lastIndexOf(i)-1:re.length-2;return[h,B].indexOf(re[ke])!=-1&&re.slice(ke+1,-1).every(function(Fe){return Fe==i})&&F==p||O==C&&[y,B].indexOf(F)!=-1?v:ae.indexOf(n)!=-1?L:O==n&&F==n?v:D}this.nextBreak=function(A,ae){if(ae===void 0&&(ae=0),ae<0)return 0;if(ae>=A.length-1)return A.length;for(var ge=Z(V(A,ae)),re=[],O=ae+1;O<A.length;O++)if(!$(A,O-1)){var F=Z(V(A,O));if(W(ge,re,F))return O;re.push(F)}return A.length},this.splitGraphemes=function(A){for(var ae=[],ge=0,re;(re=this.nextBreak(A,ge))<A.length;)ae.push(A.slice(ge,re)),ge=re;return ge<A.length&&ae.push(A.slice(ge)),ae},this.iterateGraphemes=function(A){var ae=0,ge={next:function(){var re,O;return(O=this.nextBreak(A,ae))<A.length?(re=A.slice(ae,O),ae=O,{value:re,done:!1}):ae<A.length?(re=A.slice(ae),ae=A.length,{value:re,done:!1}):{value:void 0,done:!0}}.bind(this)};return typeof Symbol<"u"&&Symbol.iterator&&(ge[Symbol.iterator]=function(){return ge}),ge},this.countGraphemes=function(A){for(var ae=0,ge=0,re;(re=this.nextBreak(A,ge))<A.length;)ge=re,ae++;return ge<A.length&&ae++,ae};function Z(A){return 1536<=A&&A<=1541||A==1757||A==1807||A==2274||A==3406||A==69821||70082<=A&&A<=70083||A==72250||72326<=A&&A<=72329||A==73030?f:A==13?r:A==10?e:0<=A&&A<=9||11<=A&&A<=12||14<=A&&A<=31||127<=A&&A<=159||A==173||A==1564||A==6158||A==8203||8206<=A&&A<=8207||A==8232||A==8233||8234<=A&&A<=8238||8288<=A&&A<=8292||A==8293||8294<=A&&A<=8303||55296<=A&&A<=57343||A==65279||65520<=A&&A<=65528||65529<=A&&A<=65531||113824<=A&&A<=113827||119155<=A&&A<=119162||A==917504||A==917505||917506<=A&&A<=917535||917632<=A&&A<=917759||918e3<=A&&A<=921599?t:768<=A&&A<=879||1155<=A&&A<=1159||1160<=A&&A<=1161||1425<=A&&A<=1469||A==1471||1473<=A&&A<=1474||1476<=A&&A<=1477||A==1479||1552<=A&&A<=1562||1611<=A&&A<=1631||A==1648||1750<=A&&A<=1756||1759<=A&&A<=1764||1767<=A&&A<=1768||1770<=A&&A<=1773||A==1809||1840<=A&&A<=1866||1958<=A&&A<=1968||2027<=A&&A<=2035||2070<=A&&A<=2073||2075<=A&&A<=2083||2085<=A&&A<=2087||2089<=A&&A<=2093||2137<=A&&A<=2139||2260<=A&&A<=2273||2275<=A&&A<=2306||A==2362||A==2364||2369<=A&&A<=2376||A==2381||2385<=A&&A<=2391||2402<=A&&A<=2403||A==2433||A==2492||A==2494||2497<=A&&A<=2500||A==2509||A==2519||2530<=A&&A<=2531||2561<=A&&A<=2562||A==2620||2625<=A&&A<=2626||2631<=A&&A<=2632||2635<=A&&A<=2637||A==2641||2672<=A&&A<=2673||A==2677||2689<=A&&A<=2690||A==2748||2753<=A&&A<=2757||2759<=A&&A<=2760||A==2765||2786<=A&&A<=2787||2810<=A&&A<=2815||A==2817||A==2876||A==2878||A==2879||2881<=A&&A<=2884||A==2893||A==2902||A==2903||2914<=A&&A<=2915||A==2946||A==3006||A==3008||A==3021||A==3031||A==3072||3134<=A&&A<=3136||3142<=A&&A<=3144||3146<=A&&A<=3149||3157<=A&&A<=3158||3170<=A&&A<=3171||A==3201||A==3260||A==3263||A==3266||A==3270||3276<=A&&A<=3277||3285<=A&&A<=3286||3298<=A&&A<=3299||3328<=A&&A<=3329||3387<=A&&A<=3388||A==3390||3393<=A&&A<=3396||A==3405||A==3415||3426<=A&&A<=3427||A==3530||A==3535||3538<=A&&A<=3540||A==3542||A==3551||A==3633||3636<=A&&A<=3642||3655<=A&&A<=3662||A==3761||3764<=A&&A<=3769||3771<=A&&A<=3772||3784<=A&&A<=3789||3864<=A&&A<=3865||A==3893||A==3895||A==3897||3953<=A&&A<=3966||3968<=A&&A<=3972||3974<=A&&A<=3975||3981<=A&&A<=3991||3993<=A&&A<=4028||A==4038||4141<=A&&A<=4144||4146<=A&&A<=4151||4153<=A&&A<=4154||4157<=A&&A<=4158||4184<=A&&A<=4185||4190<=A&&A<=4192||4209<=A&&A<=4212||A==4226||4229<=A&&A<=4230||A==4237||A==4253||4957<=A&&A<=4959||5906<=A&&A<=5908||5938<=A&&A<=5940||5970<=A&&A<=5971||6002<=A&&A<=6003||6068<=A&&A<=6069||6071<=A&&A<=6077||A==6086||6089<=A&&A<=6099||A==6109||6155<=A&&A<=6157||6277<=A&&A<=6278||A==6313||6432<=A&&A<=6434||6439<=A&&A<=6440||A==6450||6457<=A&&A<=6459||6679<=A&&A<=6680||A==6683||A==6742||6744<=A&&A<=6750||A==6752||A==6754||6757<=A&&A<=6764||6771<=A&&A<=6780||A==6783||6832<=A&&A<=6845||A==6846||6912<=A&&A<=6915||A==6964||6966<=A&&A<=6970||A==6972||A==6978||7019<=A&&A<=7027||7040<=A&&A<=7041||7074<=A&&A<=7077||7080<=A&&A<=7081||7083<=A&&A<=7085||A==7142||7144<=A&&A<=7145||A==7149||7151<=A&&A<=7153||7212<=A&&A<=7219||7222<=A&&A<=7223||7376<=A&&A<=7378||7380<=A&&A<=7392||7394<=A&&A<=7400||A==7405||A==7412||7416<=A&&A<=7417||7616<=A&&A<=7673||7675<=A&&A<=7679||A==8204||8400<=A&&A<=8412||8413<=A&&A<=8416||A==8417||8418<=A&&A<=8420||8421<=A&&A<=8432||11503<=A&&A<=11505||A==11647||11744<=A&&A<=11775||12330<=A&&A<=12333||12334<=A&&A<=12335||12441<=A&&A<=12442||A==42607||42608<=A&&A<=42610||42612<=A&&A<=42621||42654<=A&&A<=42655||42736<=A&&A<=42737||A==43010||A==43014||A==43019||43045<=A&&A<=43046||43204<=A&&A<=43205||43232<=A&&A<=43249||43302<=A&&A<=43309||43335<=A&&A<=43345||43392<=A&&A<=43394||A==43443||43446<=A&&A<=43449||A==43452||A==43493||43561<=A&&A<=43566||43569<=A&&A<=43570||43573<=A&&A<=43574||A==43587||A==43596||A==43644||A==43696||43698<=A&&A<=43700||43703<=A&&A<=43704||43710<=A&&A<=43711||A==43713||43756<=A&&A<=43757||A==43766||A==44005||A==44008||A==44013||A==64286||65024<=A&&A<=65039||65056<=A&&A<=65071||65438<=A&&A<=65439||A==66045||A==66272||66422<=A&&A<=66426||68097<=A&&A<=68099||68101<=A&&A<=68102||68108<=A&&A<=68111||68152<=A&&A<=68154||A==68159||68325<=A&&A<=68326||A==69633||69688<=A&&A<=69702||69759<=A&&A<=69761||69811<=A&&A<=69814||69817<=A&&A<=69818||69888<=A&&A<=69890||69927<=A&&A<=69931||69933<=A&&A<=69940||A==70003||70016<=A&&A<=70017||70070<=A&&A<=70078||70090<=A&&A<=70092||70191<=A&&A<=70193||A==70196||70198<=A&&A<=70199||A==70206||A==70367||70371<=A&&A<=70378||70400<=A&&A<=70401||A==70460||A==70462||A==70464||A==70487||70502<=A&&A<=70508||70512<=A&&A<=70516||70712<=A&&A<=70719||70722<=A&&A<=70724||A==70726||A==70832||70835<=A&&A<=70840||A==70842||A==70845||70847<=A&&A<=70848||70850<=A&&A<=70851||A==71087||71090<=A&&A<=71093||71100<=A&&A<=71101||71103<=A&&A<=71104||71132<=A&&A<=71133||71219<=A&&A<=71226||A==71229||71231<=A&&A<=71232||A==71339||A==71341||71344<=A&&A<=71349||A==71351||71453<=A&&A<=71455||71458<=A&&A<=71461||71463<=A&&A<=71467||72193<=A&&A<=72198||72201<=A&&A<=72202||72243<=A&&A<=72248||72251<=A&&A<=72254||A==72263||72273<=A&&A<=72278||72281<=A&&A<=72283||72330<=A&&A<=72342||72344<=A&&A<=72345||72752<=A&&A<=72758||72760<=A&&A<=72765||A==72767||72850<=A&&A<=72871||72874<=A&&A<=72880||72882<=A&&A<=72883||72885<=A&&A<=72886||73009<=A&&A<=73014||A==73018||73020<=A&&A<=73021||73023<=A&&A<=73029||A==73031||92912<=A&&A<=92916||92976<=A&&A<=92982||94095<=A&&A<=94098||113821<=A&&A<=113822||A==119141||119143<=A&&A<=119145||119150<=A&&A<=119154||119163<=A&&A<=119170||119173<=A&&A<=119179||119210<=A&&A<=119213||119362<=A&&A<=119364||121344<=A&&A<=121398||121403<=A&&A<=121452||A==121461||A==121476||121499<=A&&A<=121503||121505<=A&&A<=121519||122880<=A&&A<=122886||122888<=A&&A<=122904||122907<=A&&A<=122913||122915<=A&&A<=122916||122918<=A&&A<=122922||125136<=A&&A<=125142||125252<=A&&A<=125258||917536<=A&&A<=917631||917760<=A&&A<=917999?i:127462<=A&&A<=127487?n:A==2307||A==2363||2366<=A&&A<=2368||2377<=A&&A<=2380||2382<=A&&A<=2383||2434<=A&&A<=2435||2495<=A&&A<=2496||2503<=A&&A<=2504||2507<=A&&A<=2508||A==2563||2622<=A&&A<=2624||A==2691||2750<=A&&A<=2752||A==2761||2763<=A&&A<=2764||2818<=A&&A<=2819||A==2880||2887<=A&&A<=2888||2891<=A&&A<=2892||A==3007||3009<=A&&A<=3010||3014<=A&&A<=3016||3018<=A&&A<=3020||3073<=A&&A<=3075||3137<=A&&A<=3140||3202<=A&&A<=3203||A==3262||3264<=A&&A<=3265||3267<=A&&A<=3268||3271<=A&&A<=3272||3274<=A&&A<=3275||3330<=A&&A<=3331||3391<=A&&A<=3392||3398<=A&&A<=3400||3402<=A&&A<=3404||3458<=A&&A<=3459||3536<=A&&A<=3537||3544<=A&&A<=3550||3570<=A&&A<=3571||A==3635||A==3763||3902<=A&&A<=3903||A==3967||A==4145||4155<=A&&A<=4156||4182<=A&&A<=4183||A==4228||A==6070||6078<=A&&A<=6085||6087<=A&&A<=6088||6435<=A&&A<=6438||6441<=A&&A<=6443||6448<=A&&A<=6449||6451<=A&&A<=6456||6681<=A&&A<=6682||A==6741||A==6743||6765<=A&&A<=6770||A==6916||A==6965||A==6971||6973<=A&&A<=6977||6979<=A&&A<=6980||A==7042||A==7073||7078<=A&&A<=7079||A==7082||A==7143||7146<=A&&A<=7148||A==7150||7154<=A&&A<=7155||7204<=A&&A<=7211||7220<=A&&A<=7221||A==7393||7410<=A&&A<=7411||A==7415||43043<=A&&A<=43044||A==43047||43136<=A&&A<=43137||43188<=A&&A<=43203||43346<=A&&A<=43347||A==43395||43444<=A&&A<=43445||43450<=A&&A<=43451||43453<=A&&A<=43456||43567<=A&&A<=43568||43571<=A&&A<=43572||A==43597||A==43755||43758<=A&&A<=43759||A==43765||44003<=A&&A<=44004||44006<=A&&A<=44007||44009<=A&&A<=44010||A==44012||A==69632||A==69634||A==69762||69808<=A&&A<=69810||69815<=A&&A<=69816||A==69932||A==70018||70067<=A&&A<=70069||70079<=A&&A<=70080||70188<=A&&A<=70190||70194<=A&&A<=70195||A==70197||70368<=A&&A<=70370||70402<=A&&A<=70403||A==70463||70465<=A&&A<=70468||70471<=A&&A<=70472||70475<=A&&A<=70477||70498<=A&&A<=70499||70709<=A&&A<=70711||70720<=A&&A<=70721||A==70725||70833<=A&&A<=70834||A==70841||70843<=A&&A<=70844||A==70846||A==70849||71088<=A&&A<=71089||71096<=A&&A<=71099||A==71102||71216<=A&&A<=71218||71227<=A&&A<=71228||A==71230||A==71340||71342<=A&&A<=71343||A==71350||71456<=A&&A<=71457||A==71462||72199<=A&&A<=72200||A==72249||72279<=A&&A<=72280||A==72343||A==72751||A==72766||A==72873||A==72881||A==72884||94033<=A&&A<=94078||A==119142||A==119149?s:4352<=A&&A<=4447||43360<=A&&A<=43388?o:4448<=A&&A<=4519||55216<=A&&A<=55238?a:4520<=A&&A<=4607||55243<=A&&A<=55291?l:A==44032||A==44060||A==44088||A==44116||A==44144||A==44172||A==44200||A==44228||A==44256||A==44284||A==44312||A==44340||A==44368||A==44396||A==44424||A==44452||A==44480||A==44508||A==44536||A==44564||A==44592||A==44620||A==44648||A==44676||A==44704||A==44732||A==44760||A==44788||A==44816||A==44844||A==44872||A==44900||A==44928||A==44956||A==44984||A==45012||A==45040||A==45068||A==45096||A==45124||A==45152||A==45180||A==45208||A==45236||A==45264||A==45292||A==45320||A==45348||A==45376||A==45404||A==45432||A==45460||A==45488||A==45516||A==45544||A==45572||A==45600||A==45628||A==45656||A==45684||A==45712||A==45740||A==45768||A==45796||A==45824||A==45852||A==45880||A==45908||A==45936||A==45964||A==45992||A==46020||A==46048||A==46076||A==46104||A==46132||A==46160||A==46188||A==46216||A==46244||A==46272||A==46300||A==46328||A==46356||A==46384||A==46412||A==46440||A==46468||A==46496||A==46524||A==46552||A==46580||A==46608||A==46636||A==46664||A==46692||A==46720||A==46748||A==46776||A==46804||A==46832||A==46860||A==46888||A==46916||A==46944||A==46972||A==47e3||A==47028||A==47056||A==47084||A==47112||A==47140||A==47168||A==47196||A==47224||A==47252||A==47280||A==47308||A==47336||A==47364||A==47392||A==47420||A==47448||A==47476||A==47504||A==47532||A==47560||A==47588||A==47616||A==47644||A==47672||A==47700||A==47728||A==47756||A==47784||A==47812||A==47840||A==47868||A==47896||A==47924||A==47952||A==47980||A==48008||A==48036||A==48064||A==48092||A==48120||A==48148||A==48176||A==48204||A==48232||A==48260||A==48288||A==48316||A==48344||A==48372||A==48400||A==48428||A==48456||A==48484||A==48512||A==48540||A==48568||A==48596||A==48624||A==48652||A==48680||A==48708||A==48736||A==48764||A==48792||A==48820||A==48848||A==48876||A==48904||A==48932||A==48960||A==48988||A==49016||A==49044||A==49072||A==49100||A==49128||A==49156||A==49184||A==49212||A==49240||A==49268||A==49296||A==49324||A==49352||A==49380||A==49408||A==49436||A==49464||A==49492||A==49520||A==49548||A==49576||A==49604||A==49632||A==49660||A==49688||A==49716||A==49744||A==49772||A==49800||A==49828||A==49856||A==49884||A==49912||A==49940||A==49968||A==49996||A==50024||A==50052||A==50080||A==50108||A==50136||A==50164||A==50192||A==50220||A==50248||A==50276||A==50304||A==50332||A==50360||A==50388||A==50416||A==50444||A==50472||A==50500||A==50528||A==50556||A==50584||A==50612||A==50640||A==50668||A==50696||A==50724||A==50752||A==50780||A==50808||A==50836||A==50864||A==50892||A==50920||A==50948||A==50976||A==51004||A==51032||A==51060||A==51088||A==51116||A==51144||A==51172||A==51200||A==51228||A==51256||A==51284||A==51312||A==51340||A==51368||A==51396||A==51424||A==51452||A==51480||A==51508||A==51536||A==51564||A==51592||A==51620||A==51648||A==51676||A==51704||A==51732||A==51760||A==51788||A==51816||A==51844||A==51872||A==51900||A==51928||A==51956||A==51984||A==52012||A==52040||A==52068||A==52096||A==52124||A==52152||A==52180||A==52208||A==52236||A==52264||A==52292||A==52320||A==52348||A==52376||A==52404||A==52432||A==52460||A==52488||A==52516||A==52544||A==52572||A==52600||A==52628||A==52656||A==52684||A==52712||A==52740||A==52768||A==52796||A==52824||A==52852||A==52880||A==52908||A==52936||A==52964||A==52992||A==53020||A==53048||A==53076||A==53104||A==53132||A==53160||A==53188||A==53216||A==53244||A==53272||A==53300||A==53328||A==53356||A==53384||A==53412||A==53440||A==53468||A==53496||A==53524||A==53552||A==53580||A==53608||A==53636||A==53664||A==53692||A==53720||A==53748||A==53776||A==53804||A==53832||A==53860||A==53888||A==53916||A==53944||A==53972||A==54e3||A==54028||A==54056||A==54084||A==54112||A==54140||A==54168||A==54196||A==54224||A==54252||A==54280||A==54308||A==54336||A==54364||A==54392||A==54420||A==54448||A==54476||A==54504||A==54532||A==54560||A==54588||A==54616||A==54644||A==54672||A==54700||A==54728||A==54756||A==54784||A==54812||A==54840||A==54868||A==54896||A==54924||A==54952||A==54980||A==55008||A==55036||A==55064||A==55092||A==55120||A==55148||A==55176?c:44033<=A&&A<=44059||44061<=A&&A<=44087||44089<=A&&A<=44115||44117<=A&&A<=44143||44145<=A&&A<=44171||44173<=A&&A<=44199||44201<=A&&A<=44227||44229<=A&&A<=44255||44257<=A&&A<=44283||44285<=A&&A<=44311||44313<=A&&A<=44339||44341<=A&&A<=44367||44369<=A&&A<=44395||44397<=A&&A<=44423||44425<=A&&A<=44451||44453<=A&&A<=44479||44481<=A&&A<=44507||44509<=A&&A<=44535||44537<=A&&A<=44563||44565<=A&&A<=44591||44593<=A&&A<=44619||44621<=A&&A<=44647||44649<=A&&A<=44675||44677<=A&&A<=44703||44705<=A&&A<=44731||44733<=A&&A<=44759||44761<=A&&A<=44787||44789<=A&&A<=44815||44817<=A&&A<=44843||44845<=A&&A<=44871||44873<=A&&A<=44899||44901<=A&&A<=44927||44929<=A&&A<=44955||44957<=A&&A<=44983||44985<=A&&A<=45011||45013<=A&&A<=45039||45041<=A&&A<=45067||45069<=A&&A<=45095||45097<=A&&A<=45123||45125<=A&&A<=45151||45153<=A&&A<=45179||45181<=A&&A<=45207||45209<=A&&A<=45235||45237<=A&&A<=45263||45265<=A&&A<=45291||45293<=A&&A<=45319||45321<=A&&A<=45347||45349<=A&&A<=45375||45377<=A&&A<=45403||45405<=A&&A<=45431||45433<=A&&A<=45459||45461<=A&&A<=45487||45489<=A&&A<=45515||45517<=A&&A<=45543||45545<=A&&A<=45571||45573<=A&&A<=45599||45601<=A&&A<=45627||45629<=A&&A<=45655||45657<=A&&A<=45683||45685<=A&&A<=45711||45713<=A&&A<=45739||45741<=A&&A<=45767||45769<=A&&A<=45795||45797<=A&&A<=45823||45825<=A&&A<=45851||45853<=A&&A<=45879||45881<=A&&A<=45907||45909<=A&&A<=45935||45937<=A&&A<=45963||45965<=A&&A<=45991||45993<=A&&A<=46019||46021<=A&&A<=46047||46049<=A&&A<=46075||46077<=A&&A<=46103||46105<=A&&A<=46131||46133<=A&&A<=46159||46161<=A&&A<=46187||46189<=A&&A<=46215||46217<=A&&A<=46243||46245<=A&&A<=46271||46273<=A&&A<=46299||46301<=A&&A<=46327||46329<=A&&A<=46355||46357<=A&&A<=46383||46385<=A&&A<=46411||46413<=A&&A<=46439||46441<=A&&A<=46467||46469<=A&&A<=46495||46497<=A&&A<=46523||46525<=A&&A<=46551||46553<=A&&A<=46579||46581<=A&&A<=46607||46609<=A&&A<=46635||46637<=A&&A<=46663||46665<=A&&A<=46691||46693<=A&&A<=46719||46721<=A&&A<=46747||46749<=A&&A<=46775||46777<=A&&A<=46803||46805<=A&&A<=46831||46833<=A&&A<=46859||46861<=A&&A<=46887||46889<=A&&A<=46915||46917<=A&&A<=46943||46945<=A&&A<=46971||46973<=A&&A<=46999||47001<=A&&A<=47027||47029<=A&&A<=47055||47057<=A&&A<=47083||47085<=A&&A<=47111||47113<=A&&A<=47139||47141<=A&&A<=47167||47169<=A&&A<=47195||47197<=A&&A<=47223||47225<=A&&A<=47251||47253<=A&&A<=47279||47281<=A&&A<=47307||47309<=A&&A<=47335||47337<=A&&A<=47363||47365<=A&&A<=47391||47393<=A&&A<=47419||47421<=A&&A<=47447||47449<=A&&A<=47475||47477<=A&&A<=47503||47505<=A&&A<=47531||47533<=A&&A<=47559||47561<=A&&A<=47587||47589<=A&&A<=47615||47617<=A&&A<=47643||47645<=A&&A<=47671||47673<=A&&A<=47699||47701<=A&&A<=47727||47729<=A&&A<=47755||47757<=A&&A<=47783||47785<=A&&A<=47811||47813<=A&&A<=47839||47841<=A&&A<=47867||47869<=A&&A<=47895||47897<=A&&A<=47923||47925<=A&&A<=47951||47953<=A&&A<=47979||47981<=A&&A<=48007||48009<=A&&A<=48035||48037<=A&&A<=48063||48065<=A&&A<=48091||48093<=A&&A<=48119||48121<=A&&A<=48147||48149<=A&&A<=48175||48177<=A&&A<=48203||48205<=A&&A<=48231||48233<=A&&A<=48259||48261<=A&&A<=48287||48289<=A&&A<=48315||48317<=A&&A<=48343||48345<=A&&A<=48371||48373<=A&&A<=48399||48401<=A&&A<=48427||48429<=A&&A<=48455||48457<=A&&A<=48483||48485<=A&&A<=48511||48513<=A&&A<=48539||48541<=A&&A<=48567||48569<=A&&A<=48595||48597<=A&&A<=48623||48625<=A&&A<=48651||48653<=A&&A<=48679||48681<=A&&A<=48707||48709<=A&&A<=48735||48737<=A&&A<=48763||48765<=A&&A<=48791||48793<=A&&A<=48819||48821<=A&&A<=48847||48849<=A&&A<=48875||48877<=A&&A<=48903||48905<=A&&A<=48931||48933<=A&&A<=48959||48961<=A&&A<=48987||48989<=A&&A<=49015||49017<=A&&A<=49043||49045<=A&&A<=49071||49073<=A&&A<=49099||49101<=A&&A<=49127||49129<=A&&A<=49155||49157<=A&&A<=49183||49185<=A&&A<=49211||49213<=A&&A<=49239||49241<=A&&A<=49267||49269<=A&&A<=49295||49297<=A&&A<=49323||49325<=A&&A<=49351||49353<=A&&A<=49379||49381<=A&&A<=49407||49409<=A&&A<=49435||49437<=A&&A<=49463||49465<=A&&A<=49491||49493<=A&&A<=49519||49521<=A&&A<=49547||49549<=A&&A<=49575||49577<=A&&A<=49603||49605<=A&&A<=49631||49633<=A&&A<=49659||49661<=A&&A<=49687||49689<=A&&A<=49715||49717<=A&&A<=49743||49745<=A&&A<=49771||49773<=A&&A<=49799||49801<=A&&A<=49827||49829<=A&&A<=49855||49857<=A&&A<=49883||49885<=A&&A<=49911||49913<=A&&A<=49939||49941<=A&&A<=49967||49969<=A&&A<=49995||49997<=A&&A<=50023||50025<=A&&A<=50051||50053<=A&&A<=50079||50081<=A&&A<=50107||50109<=A&&A<=50135||50137<=A&&A<=50163||50165<=A&&A<=50191||50193<=A&&A<=50219||50221<=A&&A<=50247||50249<=A&&A<=50275||50277<=A&&A<=50303||50305<=A&&A<=50331||50333<=A&&A<=50359||50361<=A&&A<=50387||50389<=A&&A<=50415||50417<=A&&A<=50443||50445<=A&&A<=50471||50473<=A&&A<=50499||50501<=A&&A<=50527||50529<=A&&A<=50555||50557<=A&&A<=50583||50585<=A&&A<=50611||50613<=A&&A<=50639||50641<=A&&A<=50667||50669<=A&&A<=50695||50697<=A&&A<=50723||50725<=A&&A<=50751||50753<=A&&A<=50779||50781<=A&&A<=50807||50809<=A&&A<=50835||50837<=A&&A<=50863||50865<=A&&A<=50891||50893<=A&&A<=50919||50921<=A&&A<=50947||50949<=A&&A<=50975||50977<=A&&A<=51003||51005<=A&&A<=51031||51033<=A&&A<=51059||51061<=A&&A<=51087||51089<=A&&A<=51115||51117<=A&&A<=51143||51145<=A&&A<=51171||51173<=A&&A<=51199||51201<=A&&A<=51227||51229<=A&&A<=51255||51257<=A&&A<=51283||51285<=A&&A<=51311||51313<=A&&A<=51339||51341<=A&&A<=51367||51369<=A&&A<=51395||51397<=A&&A<=51423||51425<=A&&A<=51451||51453<=A&&A<=51479||51481<=A&&A<=51507||51509<=A&&A<=51535||51537<=A&&A<=51563||51565<=A&&A<=51591||51593<=A&&A<=51619||51621<=A&&A<=51647||51649<=A&&A<=51675||51677<=A&&A<=51703||51705<=A&&A<=51731||51733<=A&&A<=51759||51761<=A&&A<=51787||51789<=A&&A<=51815||51817<=A&&A<=51843||51845<=A&&A<=51871||51873<=A&&A<=51899||51901<=A&&A<=51927||51929<=A&&A<=51955||51957<=A&&A<=51983||51985<=A&&A<=52011||52013<=A&&A<=52039||52041<=A&&A<=52067||52069<=A&&A<=52095||52097<=A&&A<=52123||52125<=A&&A<=52151||52153<=A&&A<=52179||52181<=A&&A<=52207||52209<=A&&A<=52235||52237<=A&&A<=52263||52265<=A&&A<=52291||52293<=A&&A<=52319||52321<=A&&A<=52347||52349<=A&&A<=52375||52377<=A&&A<=52403||52405<=A&&A<=52431||52433<=A&&A<=52459||52461<=A&&A<=52487||52489<=A&&A<=52515||52517<=A&&A<=52543||52545<=A&&A<=52571||52573<=A&&A<=52599||52601<=A&&A<=52627||52629<=A&&A<=52655||52657<=A&&A<=52683||52685<=A&&A<=52711||52713<=A&&A<=52739||52741<=A&&A<=52767||52769<=A&&A<=52795||52797<=A&&A<=52823||52825<=A&&A<=52851||52853<=A&&A<=52879||52881<=A&&A<=52907||52909<=A&&A<=52935||52937<=A&&A<=52963||52965<=A&&A<=52991||52993<=A&&A<=53019||53021<=A&&A<=53047||53049<=A&&A<=53075||53077<=A&&A<=53103||53105<=A&&A<=53131||53133<=A&&A<=53159||53161<=A&&A<=53187||53189<=A&&A<=53215||53217<=A&&A<=53243||53245<=A&&A<=53271||53273<=A&&A<=53299||53301<=A&&A<=53327||53329<=A&&A<=53355||53357<=A&&A<=53383||53385<=A&&A<=53411||53413<=A&&A<=53439||53441<=A&&A<=53467||53469<=A&&A<=53495||53497<=A&&A<=53523||53525<=A&&A<=53551||53553<=A&&A<=53579||53581<=A&&A<=53607||53609<=A&&A<=53635||53637<=A&&A<=53663||53665<=A&&A<=53691||53693<=A&&A<=53719||53721<=A&&A<=53747||53749<=A&&A<=53775||53777<=A&&A<=53803||53805<=A&&A<=53831||53833<=A&&A<=53859||53861<=A&&A<=53887||53889<=A&&A<=53915||53917<=A&&A<=53943||53945<=A&&A<=53971||53973<=A&&A<=53999||54001<=A&&A<=54027||54029<=A&&A<=54055||54057<=A&&A<=54083||54085<=A&&A<=54111||54113<=A&&A<=54139||54141<=A&&A<=54167||54169<=A&&A<=54195||54197<=A&&A<=54223||54225<=A&&A<=54251||54253<=A&&A<=54279||54281<=A&&A<=54307||54309<=A&&A<=54335||54337<=A&&A<=54363||54365<=A&&A<=54391||54393<=A&&A<=54419||54421<=A&&A<=54447||54449<=A&&A<=54475||54477<=A&&A<=54503||54505<=A&&A<=54531||54533<=A&&A<=54559||54561<=A&&A<=54587||54589<=A&&A<=54615||54617<=A&&A<=54643||54645<=A&&A<=54671||54673<=A&&A<=54699||54701<=A&&A<=54727||54729<=A&&A<=54755||54757<=A&&A<=54783||54785<=A&&A<=54811||54813<=A&&A<=54839||54841<=A&&A<=54867||54869<=A&&A<=54895||54897<=A&&A<=54923||54925<=A&&A<=54951||54953<=A&&A<=54979||54981<=A&&A<=55007||55009<=A&&A<=55035||55037<=A&&A<=55063||55065<=A&&A<=55091||55093<=A&&A<=55119||55121<=A&&A<=55147||55149<=A&&A<=55175||55177<=A&&A<=55203?u:A==9757||A==9977||9994<=A&&A<=9997||A==127877||127938<=A&&A<=127940||A==127943||127946<=A&&A<=127948||128066<=A&&A<=128067||128070<=A&&A<=128080||A==128110||128112<=A&&A<=128120||A==128124||128129<=A&&A<=128131||128133<=A&&A<=128135||A==128170||128372<=A&&A<=128373||A==128378||A==128400||128405<=A&&A<=128406||128581<=A&&A<=128583||128587<=A&&A<=128591||A==128675||128692<=A&&A<=128694||A==128704||A==128716||129304<=A&&A<=129308||129310<=A&&A<=129311||A==129318||129328<=A&&A<=129337||129341<=A&&A<=129342||129489<=A&&A<=129501?h:127995<=A&&A<=127999?p:A==8205?C:A==9792||A==9794||9877<=A&&A<=9878||A==9992||A==10084||A==127752||A==127806||A==127859||A==127891||A==127908||A==127912||A==127979||A==127981||A==128139||128187<=A&&A<=128188||A==128295||A==128300||A==128488||A==128640||A==128658?y:128102<=A&&A<=128105?B:g}return this}typeof CB<"u"&&CB.exports&&(CB.exports=dke)});var x6=w((jnt,v6)=>{var Cke=/^(.*?)(\x1b\[[^m]+m|\x1b\]8;;.*?(\x1b\\|\u0007))/,mB;function mke(){if(mB)return mB;if(typeof Intl.Segmenter<"u"){let r=new Intl.Segmenter("en",{granularity:"grapheme"});return mB=e=>Array.from(r.segment(e),({segment:t})=>t)}else{let r=S6(),e=new r;return mB=t=>e.splitGraphemes(t)}}v6.exports=(r,e=0,t=r.length)=>{if(e<0||t<0)throw new RangeError("Negative indices aren't supported by this implementation");let i=t-e,n="",s=0,o=0;for(;r.length>0;){let a=r.match(Cke)||[r,r,void 0],l=mke()(a[1]),c=Math.min(e-s,l.length);l=l.slice(c);let u=Math.min(i-o,l.length);n+=l.slice(0,u).join(""),s+=c,o+=u,typeof a[2]<"u"&&(n+=a[2]),r=r.slice(a[0].length)}return n}});var Uf=w((ust,j6)=>{"use strict";var Y6=new Map([["C","cwd"],["f","file"],["z","gzip"],["P","preservePaths"],["U","unlink"],["strip-components","strip"],["stripComponents","strip"],["keep-newer","newer"],["keepNewer","newer"],["keep-newer-files","newer"],["keepNewerFiles","newer"],["k","keep"],["keep-existing","keep"],["keepExisting","keep"],["m","noMtime"],["no-mtime","noMtime"],["p","preserveOwner"],["L","follow"],["h","follow"]]),cst=j6.exports=r=>r?Object.keys(r).map(e=>[Y6.has(e)?Y6.get(e):e,r[e]]).reduce((e,t)=>(e[t[0]]=t[1],e),Object.create(null)):{}});var Hf=w((gst,$6)=>{"use strict";var kke=J("events"),q6=J("stream"),BC=sd(),J6=J("string_decoder").StringDecoder,Ua=Symbol("EOF"),QC=Symbol("maybeEmitEnd"),WA=Symbol("emittedEnd"),QB=Symbol("emittingEnd"),bB=Symbol("closed"),W6=Symbol("read"),RR=Symbol("flush"),z6=Symbol("flushChunk"),Sn=Symbol("encoding"),Ha=Symbol("decoder"),SB=Symbol("flowing"),bC=Symbol("paused"),SC=Symbol("resume"),nn=Symbol("bufferLength"),V6=Symbol("bufferPush"),FR=Symbol("bufferShift"),Ui=Symbol("objectMode"),Hi=Symbol("destroyed"),_6=global._MP_NO_ITERATOR_SYMBOLS_!=="1",Rke=_6&&Symbol.asyncIterator||Symbol("asyncIterator not implemented"),Fke=_6&&Symbol.iterator||Symbol("iterator not implemented"),X6=r=>r==="end"||r==="finish"||r==="prefinish",Nke=r=>r instanceof ArrayBuffer||typeof r=="object"&&r.constructor&&r.constructor.name==="ArrayBuffer"&&r.byteLength>=0,Lke=r=>!Buffer.isBuffer(r)&&ArrayBuffer.isView(r);$6.exports=class Z6 extends q6{constructor(e){super(),this[SB]=!1,this[bC]=!1,this.pipes=new BC,this.buffer=new BC,this[Ui]=e&&e.objectMode||!1,this[Ui]?this[Sn]=null:this[Sn]=e&&e.encoding||null,this[Sn]==="buffer"&&(this[Sn]=null),this[Ha]=this[Sn]?new J6(this[Sn]):null,this[Ua]=!1,this[WA]=!1,this[QB]=!1,this[bB]=!1,this.writable=!0,this.readable=!0,this[nn]=0,this[Hi]=!1}get bufferLength(){return this[nn]}get encoding(){return this[Sn]}set encoding(e){if(this[Ui])throw new Error("cannot set encoding in objectMode");if(this[Sn]&&e!==this[Sn]&&(this[Ha]&&this[Ha].lastNeed||this[nn]))throw new Error("cannot change encoding");this[Sn]!==e&&(this[Ha]=e?new J6(e):null,this.buffer.length&&(this.buffer=this.buffer.map(t=>this[Ha].write(t)))),this[Sn]=e}setEncoding(e){this.encoding=e}get objectMode(){return this[Ui]}set objectMode(e){this[Ui]=this[Ui]||!!e}write(e,t,i){if(this[Ua])throw new Error("write after end");return this[Hi]?(this.emit("error",Object.assign(new Error("Cannot call write after a stream was destroyed"),{code:"ERR_STREAM_DESTROYED"})),!0):(typeof t=="function"&&(i=t,t="utf8"),t||(t="utf8"),!this[Ui]&&!Buffer.isBuffer(e)&&(Lke(e)?e=Buffer.from(e.buffer,e.byteOffset,e.byteLength):Nke(e)?e=Buffer.from(e):typeof e!="string"&&(this.objectMode=!0)),!this.objectMode&&!e.length?(this[nn]!==0&&this.emit("readable"),i&&i(),this.flowing):(typeof e=="string"&&!this[Ui]&&!(t===this[Sn]&&!this[Ha].lastNeed)&&(e=Buffer.from(e,t)),Buffer.isBuffer(e)&&this[Sn]&&(e=this[Ha].write(e)),this.flowing?(this[nn]!==0&&this[RR](!0),this.emit("data",e)):this[V6](e),this[nn]!==0&&this.emit("readable"),i&&i(),this.flowing))}read(e){if(this[Hi])return null;try{return this[nn]===0||e===0||e>this[nn]?null:(this[Ui]&&(e=null),this.buffer.length>1&&!this[Ui]&&(this.encoding?this.buffer=new BC([Array.from(this.buffer).join("")]):this.buffer=new BC([Buffer.concat(Array.from(this.buffer),this[nn])])),this[W6](e||null,this.buffer.head.value))}finally{this[QC]()}}[W6](e,t){return e===t.length||e===null?this[FR]():(this.buffer.head.value=t.slice(e),t=t.slice(0,e),this[nn]-=e),this.emit("data",t),!this.buffer.length&&!this[Ua]&&this.emit("drain"),t}end(e,t,i){return typeof e=="function"&&(i=e,e=null),typeof t=="function"&&(i=t,t="utf8"),e&&this.write(e,t),i&&this.once("end",i),this[Ua]=!0,this.writable=!1,(this.flowing||!this[bC])&&this[QC](),this}[SC](){this[Hi]||(this[bC]=!1,this[SB]=!0,this.emit("resume"),this.buffer.length?this[RR]():this[Ua]?this[QC]():this.emit("drain"))}resume(){return this[SC]()}pause(){this[SB]=!1,this[bC]=!0}get destroyed(){return this[Hi]}get flowing(){return this[SB]}get paused(){return this[bC]}[V6](e){return this[Ui]?this[nn]+=1:this[nn]+=e.length,this.buffer.push(e)}[FR](){return this.buffer.length&&(this[Ui]?this[nn]-=1:this[nn]-=this.buffer.head.value.length),this.buffer.shift()}[RR](e){do;while(this[z6](this[FR]()));!e&&!this.buffer.length&&!this[Ua]&&this.emit("drain")}[z6](e){return e?(this.emit("data",e),this.flowing):!1}pipe(e,t){if(this[Hi])return;let i=this[WA];t=t||{},e===process.stdout||e===process.stderr?t.end=!1:t.end=t.end!==!1;let n={dest:e,opts:t,ondrain:s=>this[SC]()};return this.pipes.push(n),e.on("drain",n.ondrain),this[SC](),i&&n.opts.end&&n.dest.end(),e}addListener(e,t){return this.on(e,t)}on(e,t){try{return super.on(e,t)}finally{e==="data"&&!this.pipes.length&&!this.flowing?this[SC]():X6(e)&&this[WA]&&(super.emit(e),this.removeAllListeners(e))}}get emittedEnd(){return this[WA]}[QC](){!this[QB]&&!this[WA]&&!this[Hi]&&this.buffer.length===0&&this[Ua]&&(this[QB]=!0,this.emit("end"),this.emit("prefinish"),this.emit("finish"),this[bB]&&this.emit("close"),this[QB]=!1)}emit(e,t){if(e!=="error"&&e!=="close"&&e!==Hi&&this[Hi])return;if(e==="data"){if(!t)return;this.pipes.length&&this.pipes.forEach(n=>n.dest.write(t)===!1&&this.pause())}else if(e==="end"){if(this[WA]===!0)return;this[WA]=!0,this.readable=!1,this[Ha]&&(t=this[Ha].end(),t&&(this.pipes.forEach(n=>n.dest.write(t)),super.emit("data",t))),this.pipes.forEach(n=>{n.dest.removeListener("drain",n.ondrain),n.opts.end&&n.dest.end()})}else if(e==="close"&&(this[bB]=!0,!this[WA]&&!this[Hi]))return;let i=new Array(arguments.length);if(i[0]=e,i[1]=t,arguments.length>2)for(let n=2;n<arguments.length;n++)i[n]=arguments[n];try{return super.emit.apply(this,i)}finally{X6(e)?this.removeAllListeners(e):this[QC]()}}collect(){let e=[];this[Ui]||(e.dataLength=0);let t=this.promise();return this.on("data",i=>{e.push(i),this[Ui]||(e.dataLength+=i.length)}),t.then(()=>e)}concat(){return this[Ui]?Promise.reject(new Error("cannot concat in objectMode")):this.collect().then(e=>this[Ui]?Promise.reject(new Error("cannot concat in objectMode")):this[Sn]?e.join(""):Buffer.concat(e,e.dataLength))}promise(){return new Promise((e,t)=>{this.on(Hi,()=>t(new Error("stream destroyed"))),this.on("end",()=>e()),this.on("error",i=>t(i))})}[Rke](){return{next:()=>{let t=this.read();if(t!==null)return Promise.resolve({done:!1,value:t});if(this[Ua])return Promise.resolve({done:!0});let i=null,n=null,s=c=>{this.removeListener("data",o),this.removeListener("end",a),n(c)},o=c=>{this.removeListener("error",s),this.removeListener("end",a),this.pause(),i({value:c,done:!!this[Ua]})},a=()=>{this.removeListener("error",s),this.removeListener("data",o),i({done:!0})},l=()=>s(new Error("stream destroyed"));return new Promise((c,u)=>{n=u,i=c,this.once(Hi,l),this.once("error",s),this.once("end",a),this.once("data",o)})}}}[Fke](){return{next:()=>{let t=this.read();return{value:t,done:t===null}}}}destroy(e){return this[Hi]?(e?this.emit("error",e):this.emit(Hi),this):(this[Hi]=!0,this.buffer=new BC,this[nn]=0,typeof this.close=="function"&&!this[bB]&&this.close(),e?this.emit("error",e):this.emit(Hi),this)}static isStream(e){return!!e&&(e instanceof Z6||e instanceof q6||e instanceof kke&&(typeof e.pipe=="function"||typeof e.write=="function"&&typeof e.end=="function"))}}});var t9=w((fst,e9)=>{var Tke=J("zlib").constants||{ZLIB_VERNUM:4736};e9.exports=Object.freeze(Object.assign(Object.create(null),{Z_NO_FLUSH:0,Z_PARTIAL_FLUSH:1,Z_SYNC_FLUSH:2,Z_FULL_FLUSH:3,Z_FINISH:4,Z_BLOCK:5,Z_OK:0,Z_STREAM_END:1,Z_NEED_DICT:2,Z_ERRNO:-1,Z_STREAM_ERROR:-2,Z_DATA_ERROR:-3,Z_MEM_ERROR:-4,Z_BUF_ERROR:-5,Z_VERSION_ERROR:-6,Z_NO_COMPRESSION:0,Z_BEST_SPEED:1,Z_BEST_COMPRESSION:9,Z_DEFAULT_COMPRESSION:-1,Z_FILTERED:1,Z_HUFFMAN_ONLY:2,Z_RLE:3,Z_FIXED:4,Z_DEFAULT_STRATEGY:0,DEFLATE:1,INFLATE:2,GZIP:3,GUNZIP:4,DEFLATERAW:5,INFLATERAW:6,UNZIP:7,BROTLI_DECODE:8,BROTLI_ENCODE:9,Z_MIN_WINDOWBITS:8,Z_MAX_WINDOWBITS:15,Z_DEFAULT_WINDOWBITS:15,Z_MIN_CHUNK:64,Z_MAX_CHUNK:1/0,Z_DEFAULT_CHUNK:16384,Z_MIN_MEMLEVEL:1,Z_MAX_MEMLEVEL:9,Z_DEFAULT_MEMLEVEL:8,Z_MIN_LEVEL:-1,Z_MAX_LEVEL:9,Z_DEFAULT_LEVEL:-1,BROTLI_OPERATION_PROCESS:0,BROTLI_OPERATION_FLUSH:1,BROTLI_OPERATION_FINISH:2,BROTLI_OPERATION_EMIT_METADATA:3,BROTLI_MODE_GENERIC:0,BROTLI_MODE_TEXT:1,BROTLI_MODE_FONT:2,BROTLI_DEFAULT_MODE:0,BROTLI_MIN_QUALITY:0,BROTLI_MAX_QUALITY:11,BROTLI_DEFAULT_QUALITY:11,BROTLI_MIN_WINDOW_BITS:10,BROTLI_MAX_WINDOW_BITS:24,BROTLI_LARGE_MAX_WINDOW_BITS:30,BROTLI_DEFAULT_WINDOW:22,BROTLI_MIN_INPUT_BLOCK_BITS:16,BROTLI_MAX_INPUT_BLOCK_BITS:24,BROTLI_PARAM_MODE:0,BROTLI_PARAM_QUALITY:1,BROTLI_PARAM_LGWIN:2,BROTLI_PARAM_LGBLOCK:3,BROTLI_PARAM_DISABLE_LITERAL_CONTEXT_MODELING:4,BROTLI_PARAM_SIZE_HINT:5,BROTLI_PARAM_LARGE_WINDOW:6,BROTLI_PARAM_NPOSTFIX:7,BROTLI_PARAM_NDIRECT:8,BROTLI_DECODER_RESULT_ERROR:0,BROTLI_DECODER_RESULT_SUCCESS:1,BROTLI_DECODER_RESULT_NEEDS_MORE_INPUT:2,BROTLI_DECODER_RESULT_NEEDS_MORE_OUTPUT:3,BROTLI_DECODER_PARAM_DISABLE_RING_BUFFER_REALLOCATION:0,BROTLI_DECODER_PARAM_LARGE_WINDOW:1,BROTLI_DECODER_NO_ERROR:0,BROTLI_DECODER_SUCCESS:1,BROTLI_DECODER_NEEDS_MORE_INPUT:2,BROTLI_DECODER_NEEDS_MORE_OUTPUT:3,BROTLI_DECODER_ERROR_FORMAT_EXUBERANT_NIBBLE:-1,BROTLI_DECODER_ERROR_FORMAT_RESERVED:-2,BROTLI_DECODER_ERROR_FORMAT_EXUBERANT_META_NIBBLE:-3,BROTLI_DECODER_ERROR_FORMAT_SIMPLE_HUFFMAN_ALPHABET:-4,BROTLI_DECODER_ERROR_FORMAT_SIMPLE_HUFFMAN_SAME:-5,BROTLI_DECODER_ERROR_FORMAT_CL_SPACE:-6,BROTLI_DECODER_ERROR_FORMAT_HUFFMAN_SPACE:-7,BROTLI_DECODER_ERROR_FORMAT_CONTEXT_MAP_REPEAT:-8,BROTLI_DECODER_ERROR_FORMAT_BLOCK_LENGTH_1:-9,BROTLI_DECODER_ERROR_FORMAT_BLOCK_LENGTH_2:-10,BROTLI_DECODER_ERROR_FORMAT_TRANSFORM:-11,BROTLI_DECODER_ERROR_FORMAT_DICTIONARY:-12,BROTLI_DECODER_ERROR_FORMAT_WINDOW_BITS:-13,BROTLI_DECODER_ERROR_FORMAT_PADDING_1:-14,BROTLI_DECODER_ERROR_FORMAT_PADDING_2:-15,BROTLI_DECODER_ERROR_FORMAT_DISTANCE:-16,BROTLI_DECODER_ERROR_DICTIONARY_NOT_SET:-19,BROTLI_DECODER_ERROR_INVALID_ARGUMENTS:-20,BROTLI_DECODER_ERROR_ALLOC_CONTEXT_MODES:-21,BROTLI_DECODER_ERROR_ALLOC_TREE_GROUPS:-22,BROTLI_DECODER_ERROR_ALLOC_CONTEXT_MAP:-25,BROTLI_DECODER_ERROR_ALLOC_RING_BUFFER_1:-26,BROTLI_DECODER_ERROR_ALLOC_RING_BUFFER_2:-27,BROTLI_DECODER_ERROR_ALLOC_BLOCK_TYPE_TREES:-30,BROTLI_DECODER_ERROR_UNREACHABLE:-31},Tke))});var VR=w(Wn=>{"use strict";var MR=J("assert"),zA=J("buffer").Buffer,n9=J("zlib"),Sc=Wn.constants=t9(),Oke=Hf(),r9=zA.concat,vc=Symbol("_superWrite"),Yf=class extends Error{constructor(e){super("zlib: "+e.message),this.code=e.code,this.errno=e.errno,this.code||(this.code="ZLIB_ERROR"),this.message="zlib: "+e.message,Error.captureStackTrace(this,this.constructor)}get name(){return"ZlibError"}},Mke=Symbol("opts"),vC=Symbol("flushFlag"),i9=Symbol("finishFlushFlag"),zR=Symbol("fullFlushFlag"),cr=Symbol("handle"),vB=Symbol("onError"),Gf=Symbol("sawError"),NR=Symbol("level"),LR=Symbol("strategy"),TR=Symbol("ended"),hst=Symbol("_defaultFullFlush"),xB=class extends Oke{constructor(e,t){if(!e||typeof e!="object")throw new TypeError("invalid options for ZlibBase constructor");super(e),this[Gf]=!1,this[TR]=!1,this[Mke]=e,this[vC]=e.flush,this[i9]=e.finishFlush;try{this[cr]=new n9[t](e)}catch(i){throw new Yf(i)}this[vB]=i=>{this[Gf]||(this[Gf]=!0,this.close(),this.emit("error",i))},this[cr].on("error",i=>this[vB](new Yf(i))),this.once("end",()=>this.close)}close(){this[cr]&&(this[cr].close(),this[cr]=null,this.emit("close"))}reset(){if(!this[Gf])return MR(this[cr],"zlib binding closed"),this[cr].reset()}flush(e){this.ended||(typeof e!="number"&&(e=this[zR]),this.write(Object.assign(zA.alloc(0),{[vC]:e})))}end(e,t,i){return e&&this.write(e,t),this.flush(this[i9]),this[TR]=!0,super.end(null,null,i)}get ended(){return this[TR]}write(e,t,i){if(typeof t=="function"&&(i=t,t="utf8"),typeof e=="string"&&(e=zA.from(e,t)),this[Gf])return;MR(this[cr],"zlib binding closed");let n=this[cr]._handle,s=n.close;n.close=()=>{};let o=this[cr].close;this[cr].close=()=>{},zA.concat=c=>c;let a;try{let c=typeof e[vC]=="number"?e[vC]:this[vC];a=this[cr]._processChunk(e,c),zA.concat=r9}catch(c){zA.concat=r9,this[vB](new Yf(c))}finally{this[cr]&&(this[cr]._handle=n,n.close=s,this[cr].close=o,this[cr].removeAllListeners("error"))}this[cr]&&this[cr].on("error",c=>this[vB](new Yf(c)));let l;if(a)if(Array.isArray(a)&&a.length>0){l=this[vc](zA.from(a[0]));for(let c=1;c<a.length;c++)l=this[vc](a[c])}else l=this[vc](zA.from(a));return i&&i(),l}[vc](e){return super.write(e)}},Ga=class extends xB{constructor(e,t){e=e||{},e.flush=e.flush||Sc.Z_NO_FLUSH,e.finishFlush=e.finishFlush||Sc.Z_FINISH,super(e,t),this[zR]=Sc.Z_FULL_FLUSH,this[NR]=e.level,this[LR]=e.strategy}params(e,t){if(!this[Gf]){if(!this[cr])throw new Error("cannot switch params when binding is closed");if(!this[cr].params)throw new Error("not supported in this implementation");if(this[NR]!==e||this[LR]!==t){this.flush(Sc.Z_SYNC_FLUSH),MR(this[cr],"zlib binding closed");let i=this[cr].flush;this[cr].flush=(n,s)=>{this.flush(n),s()};try{this[cr].params(e,t)}finally{this[cr].flush=i}this[cr]&&(this[NR]=e,this[LR]=t)}}}},KR=class extends Ga{constructor(e){super(e,"Deflate")}},UR=class extends Ga{constructor(e){super(e,"Inflate")}},OR=Symbol("_portable"),HR=class extends Ga{constructor(e){super(e,"Gzip"),this[OR]=e&&!!e.portable}[vc](e){return this[OR]?(this[OR]=!1,e[9]=255,super[vc](e)):super[vc](e)}},GR=class extends Ga{constructor(e){super(e,"Gunzip")}},YR=class extends Ga{constructor(e){super(e,"DeflateRaw")}},jR=class extends Ga{constructor(e){super(e,"InflateRaw")}},qR=class extends Ga{constructor(e){super(e,"Unzip")}},PB=class extends xB{constructor(e,t){e=e||{},e.flush=e.flush||Sc.BROTLI_OPERATION_PROCESS,e.finishFlush=e.finishFlush||Sc.BROTLI_OPERATION_FINISH,super(e,t),this[zR]=Sc.BROTLI_OPERATION_FLUSH}},JR=class extends PB{constructor(e){super(e,"BrotliCompress")}},WR=class extends PB{constructor(e){super(e,"BrotliDecompress")}};Wn.Deflate=KR;Wn.Inflate=UR;Wn.Gzip=HR;Wn.Gunzip=GR;Wn.DeflateRaw=YR;Wn.InflateRaw=jR;Wn.Unzip=qR;typeof n9.BrotliCompress=="function"?(Wn.BrotliCompress=JR,Wn.BrotliDecompress=WR):Wn.BrotliCompress=Wn.BrotliDecompress=class{constructor(){throw new Error("Brotli is not supported in this version of Node.js")}}});var xC=w(DB=>{"use strict";DB.name=new Map([["0","File"],["","OldFile"],["1","Link"],["2","SymbolicLink"],["3","CharacterDevice"],["4","BlockDevice"],["5","Directory"],["6","FIFO"],["7","ContiguousFile"],["g","GlobalExtendedHeader"],["x","ExtendedHeader"],["A","SolarisACL"],["D","GNUDumpDir"],["I","Inode"],["K","NextFileHasLongLinkpath"],["L","NextFileHasLongPath"],["M","ContinuationFile"],["N","OldGnuLongPath"],["S","SparseFile"],["V","TapeVolumeHeader"],["X","OldExtendedHeader"]]);DB.code=new Map(Array.from(DB.name).map(r=>[r[1],r[0]]))});var PC=w((Ist,s9)=>{"use strict";var mst=xC(),Kke=Hf(),XR=Symbol("slurp");s9.exports=class extends Kke{constructor(e,t,i){switch(super(),this.pause(),this.extended=t,this.globalExtended=i,this.header=e,this.startBlockSize=512*Math.ceil(e.size/512),this.blockRemain=this.startBlockSize,this.remain=e.size,this.type=e.type,this.meta=!1,this.ignore=!1,this.type){case"File":case"OldFile":case"Link":case"SymbolicLink":case"CharacterDevice":case"BlockDevice":case"Directory":case"FIFO":case"ContiguousFile":case"GNUDumpDir":break;case"NextFileHasLongLinkpath":case"NextFileHasLongPath":case"OldGnuLongPath":case"GlobalExtendedHeader":case"ExtendedHeader":case"OldExtendedHeader":this.meta=!0;break;default:this.ignore=!0}this.path=e.path,this.mode=e.mode,this.mode&&(this.mode=this.mode&4095),this.uid=e.uid,this.gid=e.gid,this.uname=e.uname,this.gname=e.gname,this.size=e.size,this.mtime=e.mtime,this.atime=e.atime,this.ctime=e.ctime,this.linkpath=e.linkpath,this.uname=e.uname,this.gname=e.gname,t&&this[XR](t),i&&this[XR](i,!0)}write(e){let t=e.length;if(t>this.blockRemain)throw new Error("writing more to entry than is appropriate");let i=this.remain,n=this.blockRemain;return this.remain=Math.max(0,i-t),this.blockRemain=Math.max(0,n-t),this.ignore?!0:i>=t?super.write(e):super.write(e.slice(0,i))}[XR](e,t){for(let i in e)e[i]!==null&&e[i]!==void 0&&!(t&&i==="path")&&(this[i]=e[i])}}});var A9=w(_R=>{"use strict";var yst=_R.encode=(r,e)=>{if(Number.isSafeInteger(r))r<0?Hke(r,e):Uke(r,e);else throw Error("cannot encode number outside of javascript safe integer range");return e},Uke=(r,e)=>{e[0]=128;for(var t=e.length;t>1;t--)e[t-1]=r&255,r=Math.floor(r/256)},Hke=(r,e)=>{e[0]=255;var t=!1;r=r*-1;for(var i=e.length;i>1;i--){var n=r&255;r=Math.floor(r/256),t?e[i-1]=o9(n):n===0?e[i-1]=0:(t=!0,e[i-1]=a9(n))}},wst=_R.parse=r=>{var e=r[r.length-1],t=r[0],i;if(t===128)i=Yke(r.slice(1,r.length));else if(t===255)i=Gke(r);else throw Error("invalid base256 encoding");if(!Number.isSafeInteger(i))throw Error("parsed number outside of javascript safe integer range");return i},Gke=r=>{for(var e=r.length,t=0,i=!1,n=e-1;n>-1;n--){var s=r[n],o;i?o=o9(s):s===0?o=s:(i=!0,o=a9(s)),o!==0&&(t-=o*Math.pow(256,e-n-1))}return t},Yke=r=>{for(var e=r.length,t=0,i=e-1;i>-1;i--){var n=r[i];n!==0&&(t+=n*Math.pow(256,e-i-1))}return t},o9=r=>(255^r)&255,a9=r=>(255^r)+1&255});var qf=w((Qst,c9)=>{"use strict";var ZR=xC(),jf=J("path").posix,l9=A9(),$R=Symbol("slurp"),zn=Symbol("type"),rF=class{constructor(e,t,i,n){this.cksumValid=!1,this.needPax=!1,this.nullBlock=!1,this.block=null,this.path=null,this.mode=null,this.uid=null,this.gid=null,this.size=null,this.mtime=null,this.cksum=null,this[zn]="0",this.linkpath=null,this.uname=null,this.gname=null,this.devmaj=0,this.devmin=0,this.atime=null,this.ctime=null,Buffer.isBuffer(e)?this.decode(e,t||0,i,n):e&&this.set(e)}decode(e,t,i,n){if(t||(t=0),!e||!(e.length>=t+512))throw new Error("need 512 bytes for header");if(this.path=xc(e,t,100),this.mode=VA(e,t+100,8),this.uid=VA(e,t+108,8),this.gid=VA(e,t+116,8),this.size=VA(e,t+124,12),this.mtime=eF(e,t+136,12),this.cksum=VA(e,t+148,12),this[$R](i),this[$R](n,!0),this[zn]=xc(e,t+156,1),this[zn]===""&&(this[zn]="0"),this[zn]==="0"&&this.path.substr(-1)==="/"&&(this[zn]="5"),this[zn]==="5"&&(this.size=0),this.linkpath=xc(e,t+157,100),e.slice(t+257,t+265).toString()==="ustar\x0000")if(this.uname=xc(e,t+265,32),this.gname=xc(e,t+297,32),this.devmaj=VA(e,t+329,8),this.devmin=VA(e,t+337,8),e[t+475]!==0){let o=xc(e,t+345,155);this.path=o+"/"+this.path}else{let o=xc(e,t+345,130);o&&(this.path=o+"/"+this.path),this.atime=eF(e,t+476,12),this.ctime=eF(e,t+488,12)}let s=8*32;for(let o=t;o<t+148;o++)s+=e[o];for(let o=t+156;o<t+512;o++)s+=e[o];this.cksumValid=s===this.cksum,this.cksum===null&&s===8*32&&(this.nullBlock=!0)}[$R](e,t){for(let i in e)e[i]!==null&&e[i]!==void 0&&!(t&&i==="path")&&(this[i]=e[i])}encode(e,t){if(e||(e=this.block=Buffer.alloc(512),t=0),t||(t=0),!(e.length>=t+512))throw new Error("need 512 bytes for header");let i=this.ctime||this.atime?130:155,n=jke(this.path||"",i),s=n[0],o=n[1];this.needPax=n[2],this.needPax=Pc(e,t,100,s)||this.needPax,this.needPax=XA(e,t+100,8,this.mode)||this.needPax,this.needPax=XA(e,t+108,8,this.uid)||this.needPax,this.needPax=XA(e,t+116,8,this.gid)||this.needPax,this.needPax=XA(e,t+124,12,this.size)||this.needPax,this.needPax=tF(e,t+136,12,this.mtime)||this.needPax,e[t+156]=this[zn].charCodeAt(0),this.needPax=Pc(e,t+157,100,this.linkpath)||this.needPax,e.write("ustar\x0000",t+257,8),this.needPax=Pc(e,t+265,32,this.uname)||this.needPax,this.needPax=Pc(e,t+297,32,this.gname)||this.needPax,this.needPax=XA(e,t+329,8,this.devmaj)||this.needPax,this.needPax=XA(e,t+337,8,this.devmin)||this.needPax,this.needPax=Pc(e,t+345,i,o)||this.needPax,e[t+475]!==0?this.needPax=Pc(e,t+345,155,o)||this.needPax:(this.needPax=Pc(e,t+345,130,o)||this.needPax,this.needPax=tF(e,t+476,12,this.atime)||this.needPax,this.needPax=tF(e,t+488,12,this.ctime)||this.needPax);let a=8*32;for(let l=t;l<t+148;l++)a+=e[l];for(let l=t+156;l<t+512;l++)a+=e[l];return this.cksum=a,XA(e,t+148,8,this.cksum),this.cksumValid=!0,this.needPax}set(e){for(let t in e)e[t]!==null&&e[t]!==void 0&&(this[t]=e[t])}get type(){return ZR.name.get(this[zn])||this[zn]}get typeKey(){return this[zn]}set type(e){ZR.code.has(e)?this[zn]=ZR.code.get(e):this[zn]=e}},jke=(r,e)=>{let i=r,n="",s,o=jf.parse(r).root||".";if(Buffer.byteLength(i)<100)s=[i,n,!1];else{n=jf.dirname(i),i=jf.basename(i);do Buffer.byteLength(i)<=100&&Buffer.byteLength(n)<=e?s=[i,n,!1]:Buffer.byteLength(i)>100&&Buffer.byteLength(n)<=e?s=[i.substr(0,100-1),n,!0]:(i=jf.join(jf.basename(n),i),n=jf.dirname(n));while(n!==o&&!s);s||(s=[r.substr(0,100-1),"",!0])}return s},xc=(r,e,t)=>r.slice(e,e+t).toString("utf8").replace(/\0.*/,""),eF=(r,e,t)=>qke(VA(r,e,t)),qke=r=>r===null?null:new Date(r*1e3),VA=(r,e,t)=>r[e]&128?l9.parse(r.slice(e,e+t)):Wke(r,e,t),Jke=r=>isNaN(r)?null:r,Wke=(r,e,t)=>Jke(parseInt(r.slice(e,e+t).toString("utf8").replace(/\0.*$/,"").trim(),8)),zke={12:8589934591,8:2097151},XA=(r,e,t,i)=>i===null?!1:i>zke[t]||i<0?(l9.encode(i,r.slice(e,e+t)),!0):(Vke(r,e,t,i),!1),Vke=(r,e,t,i)=>r.write(Xke(i,t),e,t,"ascii"),Xke=(r,e)=>_ke(Math.floor(r).toString(8),e),_ke=(r,e)=>(r.length===e-1?r:new Array(e-r.length-1).join("0")+r+" ")+"\0",tF=(r,e,t,i)=>i===null?!1:XA(r,e,t,i.getTime()/1e3),Zke=new Array(156).join("\0"),Pc=(r,e,t,i)=>i===null?!1:(r.write(i+Zke,e,t,"utf8"),i.length!==Buffer.byteLength(i)||i.length>t);c9.exports=rF});var kB=w((bst,u9)=>{"use strict";var $ke=qf(),eRe=J("path"),DC=class{constructor(e,t){this.atime=e.atime||null,this.charset=e.charset||null,this.comment=e.comment||null,this.ctime=e.ctime||null,this.gid=e.gid||null,this.gname=e.gname||null,this.linkpath=e.linkpath||null,this.mtime=e.mtime||null,this.path=e.path||null,this.size=e.size||null,this.uid=e.uid||null,this.uname=e.uname||null,this.dev=e.dev||null,this.ino=e.ino||null,this.nlink=e.nlink||null,this.global=t||!1}encode(){let e=this.encodeBody();if(e==="")return null;let t=Buffer.byteLength(e),i=512*Math.ceil(1+t/512),n=Buffer.allocUnsafe(i);for(let s=0;s<512;s++)n[s]=0;new $ke({path:("PaxHeader/"+eRe.basename(this.path)).slice(0,99),mode:this.mode||420,uid:this.uid||null,gid:this.gid||null,size:t,mtime:this.mtime||null,type:this.global?"GlobalExtendedHeader":"ExtendedHeader",linkpath:"",uname:this.uname||"",gname:this.gname||"",devmaj:0,devmin:0,atime:this.atime||null,ctime:this.ctime||null}).encode(n),n.write(e,512,t,"utf8");for(let s=t+512;s<n.length;s++)n[s]=0;return n}encodeBody(){return this.encodeField("path")+this.encodeField("ctime")+this.encodeField("atime")+this.encodeField("dev")+this.encodeField("ino")+this.encodeField("nlink")+this.encodeField("charset")+this.encodeField("comment")+this.encodeField("gid")+this.encodeField("gname")+this.encodeField("linkpath")+this.encodeField("mtime")+this.encodeField("size")+this.encodeField("uid")+this.encodeField("uname")}encodeField(e){if(this[e]===null||this[e]===void 0)return"";let t=this[e]instanceof Date?this[e].getTime()/1e3:this[e],i=" "+(e==="dev"||e==="ino"||e==="nlink"?"SCHILY.":"")+e+"="+t+`
-`,n=Buffer.byteLength(i),s=Math.floor(Math.log(n)/Math.log(10))+1;return n+s>=Math.pow(10,s)&&(s+=1),s+n+i}};DC.parse=(r,e,t)=>new DC(tRe(rRe(r),e),t);var tRe=(r,e)=>e?Object.keys(r).reduce((t,i)=>(t[i]=r[i],t),e):r,rRe=r=>r.replace(/\n$/,"").split(`
-`).reduce(iRe,Object.create(null)),iRe=(r,e)=>{let t=parseInt(e,10);if(t!==Buffer.byteLength(e)+1)return r;e=e.substr((t+" ").length);let i=e.split("="),n=i.shift().replace(/^SCHILY\.(dev|ino|nlink)/,"$1");if(!n)return r;let s=i.join("=");return r[n]=/^([A-Z]+\.)?([mac]|birth|creation)time$/.test(n)?new Date(s*1e3):/^[0-9]+$/.test(s)?+s:s,r};u9.exports=DC});var RB=w((Sst,g9)=>{"use strict";g9.exports=r=>class extends r{warn(e,t,i={}){this.file&&(i.file=this.file),this.cwd&&(i.cwd=this.cwd),i.code=t instanceof Error&&t.code||e,i.tarCode=e,!this.strict&&i.recoverable!==!1?(t instanceof Error&&(i=Object.assign(t,i),t=t.message),this.emit("warn",i.tarCode,t,i)):t instanceof Error?this.emit("error",Object.assign(t,i)):this.emit("error",Object.assign(new Error(`${e}: ${t}`),i))}}});var nF=w((xst,f9)=>{"use strict";var FB=["|","<",">","?",":"],iF=FB.map(r=>String.fromCharCode(61440+r.charCodeAt(0))),nRe=new Map(FB.map((r,e)=>[r,iF[e]])),sRe=new Map(iF.map((r,e)=>[r,FB[e]]));f9.exports={encode:r=>FB.reduce((e,t)=>e.split(t).join(nRe.get(t)),r),decode:r=>iF.reduce((e,t)=>e.split(t).join(sRe.get(t)),r)}});var p9=w((Pst,h9)=>{"use strict";h9.exports=(r,e,t)=>(r&=4095,t&&(r=(r|384)&-19),e&&(r&256&&(r|=64),r&32&&(r|=8),r&4&&(r|=1)),r)});var gF=w((Nst,b9)=>{"use strict";var I9=Hf(),y9=kB(),w9=qf(),Dst=PC(),Jo=J("fs"),Jf=J("path"),kst=xC(),oRe=16*1024*1024,d9=Symbol("process"),C9=Symbol("file"),m9=Symbol("directory"),sF=Symbol("symlink"),E9=Symbol("hardlink"),kC=Symbol("header"),NB=Symbol("read"),oF=Symbol("lstat"),LB=Symbol("onlstat"),aF=Symbol("onread"),AF=Symbol("onreadlink"),lF=Symbol("openfile"),cF=Symbol("onopenfile"),Dc=Symbol("close"),TB=Symbol("mode"),B9=RB(),aRe=nF(),Q9=p9(),OB=B9(class extends I9{constructor(e,t){if(t=t||{},super(t),typeof e!="string")throw new TypeError("path is required");this.path=e,this.portable=!!t.portable,this.myuid=process.getuid&&process.getuid(),this.myuser=process.env.USER||"",this.maxReadSize=t.maxReadSize||oRe,this.linkCache=t.linkCache||new Map,this.statCache=t.statCache||new Map,this.preservePaths=!!t.preservePaths,this.cwd=t.cwd||process.cwd(),this.strict=!!t.strict,this.noPax=!!t.noPax,this.noMtime=!!t.noMtime,this.mtime=t.mtime||null,typeof t.onwarn=="function"&&this.on("warn",t.onwarn);let i=!1;if(!this.preservePaths&&Jf.win32.isAbsolute(e)){let n=Jf.win32.parse(e);this.path=e.substr(n.root.length),i=n.root}this.win32=!!t.win32||process.platform==="win32",this.win32&&(this.path=aRe.decode(this.path.replace(/\\/g,"/")),e=e.replace(/\\/g,"/")),this.absolute=t.absolute||Jf.resolve(this.cwd,e),this.path===""&&(this.path="./"),i&&this.warn("TAR_ENTRY_INFO",`stripping ${i} from absolute path`,{entry:this,path:i+this.path}),this.statCache.has(this.absolute)?this[LB](this.statCache.get(this.absolute)):this[oF]()}[oF](){Jo.lstat(this.absolute,(e,t)=>{if(e)return this.emit("error",e);this[LB](t)})}[LB](e){this.statCache.set(this.absolute,e),this.stat=e,e.isFile()||(e.size=0),this.type=lRe(e),this.emit("stat",e),this[d9]()}[d9](){switch(this.type){case"File":return this[C9]();case"Directory":return this[m9]();case"SymbolicLink":return this[sF]();default:return this.end()}}[TB](e){return Q9(e,this.type==="Directory",this.portable)}[kC](){this.type==="Directory"&&this.portable&&(this.noMtime=!0),this.header=new w9({path:this.path,linkpath:this.linkpath,mode:this[TB](this.stat.mode),uid:this.portable?null:this.stat.uid,gid:this.portable?null:this.stat.gid,size:this.stat.size,mtime:this.noMtime?null:this.mtime||this.stat.mtime,type:this.type,uname:this.portable?null:this.stat.uid===this.myuid?this.myuser:"",atime:this.portable?null:this.stat.atime,ctime:this.portable?null:this.stat.ctime}),this.header.encode()&&!this.noPax&&this.write(new y9({atime:this.portable?null:this.header.atime,ctime:this.portable?null:this.header.ctime,gid:this.portable?null:this.header.gid,mtime:this.noMtime?null:this.mtime||this.header.mtime,path:this.path,linkpath:this.linkpath,size:this.header.size,uid:this.portable?null:this.header.uid,uname:this.portable?null:this.header.uname,dev:this.portable?null:this.stat.dev,ino:this.portable?null:this.stat.ino,nlink:this.portable?null:this.stat.nlink}).encode()),this.write(this.header.block)}[m9](){this.path.substr(-1)!=="/"&&(this.path+="/"),this.stat.size=0,this[kC](),this.end()}[sF](){Jo.readlink(this.absolute,(e,t)=>{if(e)return this.emit("error",e);this[AF](t)})}[AF](e){this.linkpath=e.replace(/\\/g,"/"),this[kC](),this.end()}[E9](e){this.type="Link",this.linkpath=Jf.relative(this.cwd,e).replace(/\\/g,"/"),this.stat.size=0,this[kC](),this.end()}[C9](){if(this.stat.nlink>1){let e=this.stat.dev+":"+this.stat.ino;if(this.linkCache.has(e)){let t=this.linkCache.get(e);if(t.indexOf(this.cwd)===0)return this[E9](t)}this.linkCache.set(e,this.absolute)}if(this[kC](),this.stat.size===0)return this.end();this[lF]()}[lF](){Jo.open(this.absolute,"r",(e,t)=>{if(e)return this.emit("error",e);this[cF](t)})}[cF](e){let t=512*Math.ceil(this.stat.size/512),i=Math.min(t,this.maxReadSize),n=Buffer.allocUnsafe(i);this[NB](e,n,0,n.length,0,this.stat.size,t)}[NB](e,t,i,n,s,o,a){Jo.read(e,t,i,n,s,(l,c)=>{if(l)return this[Dc](e,()=>this.emit("error",l));this[aF](e,t,i,n,s,o,a,c)})}[Dc](e,t){Jo.close(e,t)}[aF](e,t,i,n,s,o,a,l){if(l<=0&&o>0){let u=new Error("encountered unexpected EOF");return u.path=this.absolute,u.syscall="read",u.code="EOF",this[Dc](e,()=>this.emit("error",u))}if(l>o){let u=new Error("did not encounter expected EOF");return u.path=this.absolute,u.syscall="read",u.code="EOF",this[Dc](e,()=>this.emit("error",u))}if(l===o)for(let u=l;u<n&&l<a;u++)t[u+i]=0,l++,o++;let c=i===0&&l===t.length?t:t.slice(i,i+l);if(o-=l,a-=l,s+=l,i+=l,this.write(c),!o)return a&&this.write(Buffer.alloc(a)),this[Dc](e,u=>u?this.emit("error",u):this.end());i>=n&&(t=Buffer.allocUnsafe(n),i=0),n=t.length-i,this[NB](e,t,i,n,s,o,a)}}),uF=class extends OB{constructor(e,t){super(e,t)}[oF](){this[LB](Jo.lstatSync(this.absolute))}[sF](){this[AF](Jo.readlinkSync(this.absolute))}[lF](){this[cF](Jo.openSync(this.absolute,"r"))}[NB](e,t,i,n,s,o,a){let l=!0;try{let c=Jo.readSync(e,t,i,n,s);this[aF](e,t,i,n,s,o,a,c),l=!1}finally{if(l)try{this[Dc](e,()=>{})}catch{}}}[Dc](e,t){Jo.closeSync(e),t()}},ARe=B9(class extends I9{constructor(e,t){t=t||{},super(t),this.preservePaths=!!t.preservePaths,this.portable=!!t.portable,this.strict=!!t.strict,this.noPax=!!t.noPax,this.noMtime=!!t.noMtime,this.readEntry=e,this.type=e.type,this.type==="Directory"&&this.portable&&(this.noMtime=!0),this.path=e.path,this.mode=this[TB](e.mode),this.uid=this.portable?null:e.uid,this.gid=this.portable?null:e.gid,this.uname=this.portable?null:e.uname,this.gname=this.portable?null:e.gname,this.size=e.size,this.mtime=this.noMtime?null:t.mtime||e.mtime,this.atime=this.portable?null:e.atime,this.ctime=this.portable?null:e.ctime,this.linkpath=e.linkpath,typeof t.onwarn=="function"&&this.on("warn",t.onwarn);let i=!1;if(Jf.isAbsolute(this.path)&&!this.preservePaths){let n=Jf.parse(this.path);i=n.root,this.path=this.path.substr(n.root.length)}this.remain=e.size,this.blockRemain=e.startBlockSize,this.header=new w9({path:this.path,linkpath:this.linkpath,mode:this.mode,uid:this.portable?null:this.uid,gid:this.portable?null:this.gid,size:this.size,mtime:this.noMtime?null:this.mtime,type:this.type,uname:this.portable?null:this.uname,atime:this.portable?null:this.atime,ctime:this.portable?null:this.ctime}),i&&this.warn("TAR_ENTRY_INFO",`stripping ${i} from absolute path`,{entry:this,path:i+this.path}),this.header.encode()&&!this.noPax&&super.write(new y9({atime:this.portable?null:this.atime,ctime:this.portable?null:this.ctime,gid:this.portable?null:this.gid,mtime:this.noMtime?null:this.mtime,path:this.path,linkpath:this.linkpath,size:this.size,uid:this.portable?null:this.uid,uname:this.portable?null:this.uname,dev:this.portable?null:this.readEntry.dev,ino:this.portable?null:this.readEntry.ino,nlink:this.portable?null:this.readEntry.nlink}).encode()),super.write(this.header.block),e.pipe(this)}[TB](e){return Q9(e,this.type==="Directory",this.portable)}write(e){let t=e.length;if(t>this.blockRemain)throw new Error("writing more to entry than is appropriate");return this.blockRemain-=t,super.write(e)}end(){return this.blockRemain&&this.write(Buffer.alloc(this.blockRemain)),super.end()}});OB.Sync=uF;OB.Tar=ARe;var lRe=r=>r.isFile()?"File":r.isDirectory()?"Directory":r.isSymbolicLink()?"SymbolicLink":"Unsupported";b9.exports=OB});var JB=w((Tst,R9)=>{"use strict";var jB=class{constructor(e,t){this.path=e||"./",this.absolute=t,this.entry=null,this.stat=null,this.readdir=null,this.pending=!1,this.ignore=!1,this.piped=!1}},cRe=Hf(),uRe=VR(),gRe=PC(),IF=gF(),fRe=IF.Sync,hRe=IF.Tar,pRe=sd(),S9=Buffer.alloc(1024),UB=Symbol("onStat"),MB=Symbol("ended"),Wo=Symbol("queue"),Wf=Symbol("current"),kc=Symbol("process"),KB=Symbol("processing"),v9=Symbol("processJob"),zo=Symbol("jobs"),fF=Symbol("jobDone"),HB=Symbol("addFSEntry"),x9=Symbol("addTarEntry"),dF=Symbol("stat"),CF=Symbol("readdir"),GB=Symbol("onreaddir"),YB=Symbol("pipe"),P9=Symbol("entry"),hF=Symbol("entryOpt"),mF=Symbol("writeEntryClass"),k9=Symbol("write"),pF=Symbol("ondrain"),qB=J("fs"),D9=J("path"),dRe=RB(),yF=dRe(class extends cRe{constructor(e){super(e),e=e||Object.create(null),this.opt=e,this.file=e.file||"",this.cwd=e.cwd||process.cwd(),this.maxReadSize=e.maxReadSize,this.preservePaths=!!e.preservePaths,this.strict=!!e.strict,this.noPax=!!e.noPax,this.prefix=(e.prefix||"").replace(/(\\|\/)+$/,""),this.linkCache=e.linkCache||new Map,this.statCache=e.statCache||new Map,this.readdirCache=e.readdirCache||new Map,this[mF]=IF,typeof e.onwarn=="function"&&this.on("warn",e.onwarn),this.portable=!!e.portable,this.zip=null,e.gzip?(typeof e.gzip!="object"&&(e.gzip={}),this.portable&&(e.gzip.portable=!0),this.zip=new uRe.Gzip(e.gzip),this.zip.on("data",t=>super.write(t)),this.zip.on("end",t=>super.end()),this.zip.on("drain",t=>this[pF]()),this.on("resume",t=>this.zip.resume())):this.on("drain",this[pF]),this.noDirRecurse=!!e.noDirRecurse,this.follow=!!e.follow,this.noMtime=!!e.noMtime,this.mtime=e.mtime||null,this.filter=typeof e.filter=="function"?e.filter:t=>!0,this[Wo]=new pRe,this[zo]=0,this.jobs=+e.jobs||4,this[KB]=!1,this[MB]=!1}[k9](e){return super.write(e)}add(e){return this.write(e),this}end(e){return e&&this.write(e),this[MB]=!0,this[kc](),this}write(e){if(this[MB])throw new Error("write after end");return e instanceof gRe?this[x9](e):this[HB](e),this.flowing}[x9](e){let t=D9.resolve(this.cwd,e.path);if(this.prefix&&(e.path=this.prefix+"/"+e.path.replace(/^\.(\/+|$)/,"")),!this.filter(e.path,e))e.resume();else{let i=new jB(e.path,t,!1);i.entry=new hRe(e,this[hF](i)),i.entry.on("end",n=>this[fF](i)),this[zo]+=1,this[Wo].push(i)}this[kc]()}[HB](e){let t=D9.resolve(this.cwd,e);this.prefix&&(e=this.prefix+"/"+e.replace(/^\.(\/+|$)/,"")),this[Wo].push(new jB(e,t)),this[kc]()}[dF](e){e.pending=!0,this[zo]+=1;let t=this.follow?"stat":"lstat";qB[t](e.absolute,(i,n)=>{e.pending=!1,this[zo]-=1,i?this.emit("error",i):this[UB](e,n)})}[UB](e,t){this.statCache.set(e.absolute,t),e.stat=t,this.filter(e.path,t)||(e.ignore=!0),this[kc]()}[CF](e){e.pending=!0,this[zo]+=1,qB.readdir(e.absolute,(t,i)=>{if(e.pending=!1,this[zo]-=1,t)return this.emit("error",t);this[GB](e,i)})}[GB](e,t){this.readdirCache.set(e.absolute,t),e.readdir=t,this[kc]()}[kc](){if(!this[KB]){this[KB]=!0;for(let e=this[Wo].head;e!==null&&this[zo]<this.jobs;e=e.next)if(this[v9](e.value),e.value.ignore){let t=e.next;this[Wo].removeNode(e),e.next=t}this[KB]=!1,this[MB]&&!this[Wo].length&&this[zo]===0&&(this.zip?this.zip.end(S9):(super.write(S9),super.end()))}}get[Wf](){return this[Wo]&&this[Wo].head&&this[Wo].head.value}[fF](e){this[Wo].shift(),this[zo]-=1,this[kc]()}[v9](e){if(!e.pending){if(e.entry){e===this[Wf]&&!e.piped&&this[YB](e);return}if(e.stat||(this.statCache.has(e.absolute)?this[UB](e,this.statCache.get(e.absolute)):this[dF](e)),!!e.stat&&!e.ignore&&!(!this.noDirRecurse&&e.stat.isDirectory()&&!e.readdir&&(this.readdirCache.has(e.absolute)?this[GB](e,this.readdirCache.get(e.absolute)):this[CF](e),!e.readdir))){if(e.entry=this[P9](e),!e.entry){e.ignore=!0;return}e===this[Wf]&&!e.piped&&this[YB](e)}}}[hF](e){return{onwarn:(t,i,n)=>this.warn(t,i,n),noPax:this.noPax,cwd:this.cwd,absolute:e.absolute,preservePaths:this.preservePaths,maxReadSize:this.maxReadSize,strict:this.strict,portable:this.portable,linkCache:this.linkCache,statCache:this.statCache,noMtime:this.noMtime,mtime:this.mtime}}[P9](e){this[zo]+=1;try{return new this[mF](e.path,this[hF](e)).on("end",()=>this[fF](e)).on("error",t=>this.emit("error",t))}catch(t){this.emit("error",t)}}[pF](){this[Wf]&&this[Wf].entry&&this[Wf].entry.resume()}[YB](e){e.piped=!0,e.readdir&&e.readdir.forEach(n=>{let s=this.prefix?e.path.slice(this.prefix.length+1)||"./":e.path,o=s==="./"?"":s.replace(/\/*$/,"/");this[HB](o+n)});let t=e.entry,i=this.zip;i?t.on("data",n=>{i.write(n)||t.pause()}):t.on("data",n=>{super.write(n)||t.pause()})}pause(){return this.zip&&this.zip.pause(),super.pause()}}),EF=class extends yF{constructor(e){super(e),this[mF]=fRe}pause(){}resume(){}[dF](e){let t=this.follow?"statSync":"lstatSync";this[UB](e,qB[t](e.absolute))}[CF](e,t){this[GB](e,qB.readdirSync(e.absolute))}[YB](e){let t=e.entry,i=this.zip;e.readdir&&e.readdir.forEach(n=>{let s=this.prefix?e.path.slice(this.prefix.length+1)||"./":e.path,o=s==="./"?"":s.replace(/\/*$/,"/");this[HB](o+n)}),i?t.on("data",n=>{i.write(n)}):t.on("data",n=>{super[k9](n)})}};yF.Sync=EF;R9.exports=yF});var $f=w(FC=>{"use strict";var CRe=Hf(),mRe=J("events").EventEmitter,Bs=J("fs"),_B=process.binding("fs"),Ost=_B.writeBuffers,ERe=_B.FSReqWrap||_B.FSReqCallback,_f=Symbol("_autoClose"),Xo=Symbol("_close"),RC=Symbol("_ended"),rr=Symbol("_fd"),F9=Symbol("_finished"),Nc=Symbol("_flags"),wF=Symbol("_flush"),QF=Symbol("_handleChunk"),bF=Symbol("_makeBuf"),SF=Symbol("_mode"),WB=Symbol("_needDrain"),Xf=Symbol("_onerror"),Zf=Symbol("_onopen"),BF=Symbol("_onread"),Fc=Symbol("_onwrite"),ZA=Symbol("_open"),$A=Symbol("_path"),Rc=Symbol("_pos"),Vo=Symbol("_queue"),Vf=Symbol("_read"),N9=Symbol("_readSize"),_A=Symbol("_reading"),zB=Symbol("_remain"),L9=Symbol("_size"),VB=Symbol("_write"),zf=Symbol("_writing"),XB=Symbol("_defaultFlag"),ZB=class extends CRe{constructor(e,t){if(t=t||{},super(t),this.writable=!1,typeof e!="string")throw new TypeError("path must be a string");this[rr]=typeof t.fd=="number"?t.fd:null,this[$A]=e,this[N9]=t.readSize||16*1024*1024,this[_A]=!1,this[L9]=typeof t.size=="number"?t.size:1/0,this[zB]=this[L9],this[_f]=typeof t.autoClose=="boolean"?t.autoClose:!0,typeof this[rr]=="number"?this[Vf]():this[ZA]()}get fd(){return this[rr]}get path(){return this[$A]}write(){throw new TypeError("this is a readable stream")}end(){throw new TypeError("this is a readable stream")}[ZA](){Bs.open(this[$A],"r",(e,t)=>this[Zf](e,t))}[Zf](e,t){e?this[Xf](e):(this[rr]=t,this.emit("open",t),this[Vf]())}[bF](){return Buffer.allocUnsafe(Math.min(this[N9],this[zB]))}[Vf](){if(!this[_A]){this[_A]=!0;let e=this[bF]();if(e.length===0)return process.nextTick(()=>this[BF](null,0,e));Bs.read(this[rr],e,0,e.length,null,(t,i,n)=>this[BF](t,i,n))}}[BF](e,t,i){this[_A]=!1,e?this[Xf](e):this[QF](t,i)&&this[Vf]()}[Xo](){this[_f]&&typeof this[rr]=="number"&&(Bs.close(this[rr],e=>this.emit("close")),this[rr]=null)}[Xf](e){this[_A]=!0,this[Xo](),this.emit("error",e)}[QF](e,t){let i=!1;return this[zB]-=e,e>0&&(i=super.write(e<t.length?t.slice(0,e):t)),(e===0||this[zB]<=0)&&(i=!1,this[Xo](),super.end()),i}emit(e,t){switch(e){case"prefinish":case"finish":break;case"drain":typeof this[rr]=="number"&&this[Vf]();break;default:return super.emit(e,t)}}},vF=class extends ZB{[ZA](){let e=!0;try{this[Zf](null,Bs.openSync(this[$A],"r")),e=!1}finally{e&&this[Xo]()}}[Vf](){let e=!0;try{if(!this[_A]){this[_A]=!0;do{let t=this[bF](),i=t.length===0?0:Bs.readSync(this[rr],t,0,t.length,null);if(!this[QF](i,t))break}while(!0);this[_A]=!1}e=!1}finally{e&&this[Xo]()}}[Xo](){if(this[_f]&&typeof this[rr]=="number"){try{Bs.closeSync(this[rr])}catch{}this[rr]=null,this.emit("close")}}},$B=class extends mRe{constructor(e,t){t=t||{},super(t),this.readable=!1,this[zf]=!1,this[RC]=!1,this[WB]=!1,this[Vo]=[],this[$A]=e,this[rr]=typeof t.fd=="number"?t.fd:null,this[SF]=t.mode===void 0?438:t.mode,this[Rc]=typeof t.start=="number"?t.start:null,this[_f]=typeof t.autoClose=="boolean"?t.autoClose:!0;let i=this[Rc]!==null?"r+":"w";this[XB]=t.flags===void 0,this[Nc]=this[XB]?i:t.flags,this[rr]===null&&this[ZA]()}get fd(){return this[rr]}get path(){return this[$A]}[Xf](e){this[Xo](),this[zf]=!0,this.emit("error",e)}[ZA](){Bs.open(this[$A],this[Nc],this[SF],(e,t)=>this[Zf](e,t))}[Zf](e,t){this[XB]&&this[Nc]==="r+"&&e&&e.code==="ENOENT"?(this[Nc]="w",this[ZA]()):e?this[Xf](e):(this[rr]=t,this.emit("open",t),this[wF]())}end(e,t){e&&this.write(e,t),this[RC]=!0,!this[zf]&&!this[Vo].length&&typeof this[rr]=="number"&&this[Fc](null,0)}write(e,t){return typeof e=="string"&&(e=new Buffer(e,t)),this[RC]?(this.emit("error",new Error("write() after end()")),!1):this[rr]===null||this[zf]||this[Vo].length?(this[Vo].push(e),this[WB]=!0,!1):(this[zf]=!0,this[VB](e),!0)}[VB](e){Bs.write(this[rr],e,0,e.length,this[Rc],(t,i)=>this[Fc](t,i))}[Fc](e,t){e?this[Xf](e):(this[Rc]!==null&&(this[Rc]+=t),this[Vo].length?this[wF]():(this[zf]=!1,this[RC]&&!this[F9]?(this[F9]=!0,this[Xo](),this.emit("finish")):this[WB]&&(this[WB]=!1,this.emit("drain"))))}[wF](){if(this[Vo].length===0)this[RC]&&this[Fc](null,0);else if(this[Vo].length===1)this[VB](this[Vo].pop());else{let e=this[Vo];this[Vo]=[],IRe(this[rr],e,this[Rc],(t,i)=>this[Fc](t,i))}}[Xo](){this[_f]&&typeof this[rr]=="number"&&(Bs.close(this[rr],e=>this.emit("close")),this[rr]=null)}},xF=class extends $B{[ZA](){let e;try{e=Bs.openSync(this[$A],this[Nc],this[SF])}catch(t){if(this[XB]&&this[Nc]==="r+"&&t&&t.code==="ENOENT")return this[Nc]="w",this[ZA]();throw t}this[Zf](null,e)}[Xo](){if(this[_f]&&typeof this[rr]=="number"){try{Bs.closeSync(this[rr])}catch{}this[rr]=null,this.emit("close")}}[VB](e){try{this[Fc](null,Bs.writeSync(this[rr],e,0,e.length,this[Rc]))}catch(t){this[Fc](t,0)}}},IRe=(r,e,t,i)=>{let n=(o,a)=>i(o,a,e),s=new ERe;s.oncomplete=n,_B.writeBuffers(r,e,t,s)};FC.ReadStream=ZB;FC.ReadStreamSync=vF;FC.WriteStream=$B;FC.WriteStreamSync=xF});var TC=w((Hst,G9)=>{"use strict";var yRe=RB(),Kst=J("path"),wRe=qf(),BRe=J("events"),QRe=sd(),bRe=1024*1024,SRe=PC(),T9=kB(),vRe=VR(),PF=Buffer.from([31,139]),Qs=Symbol("state"),Lc=Symbol("writeEntry"),Ya=Symbol("readEntry"),DF=Symbol("nextEntry"),O9=Symbol("processEntry"),bs=Symbol("extendedHeader"),NC=Symbol("globalExtendedHeader"),el=Symbol("meta"),M9=Symbol("emitMeta"),Er=Symbol("buffer"),ja=Symbol("queue"),Tc=Symbol("ended"),K9=Symbol("emittedEnd"),Oc=Symbol("emit"),vn=Symbol("unzip"),e0=Symbol("consumeChunk"),t0=Symbol("consumeChunkSub"),kF=Symbol("consumeBody"),U9=Symbol("consumeMeta"),H9=Symbol("consumeHeader"),r0=Symbol("consuming"),RF=Symbol("bufferConcat"),FF=Symbol("maybeEnd"),LC=Symbol("writing"),tl=Symbol("aborted"),i0=Symbol("onDone"),Mc=Symbol("sawValidEntry"),n0=Symbol("sawNullBlock"),s0=Symbol("sawEOF"),xRe=r=>!0;G9.exports=yRe(class extends BRe{constructor(e){e=e||{},super(e),this.file=e.file||"",this[Mc]=null,this.on(i0,t=>{(this[Qs]==="begin"||this[Mc]===!1)&&this.warn("TAR_BAD_ARCHIVE","Unrecognized archive format")}),e.ondone?this.on(i0,e.ondone):this.on(i0,t=>{this.emit("prefinish"),this.emit("finish"),this.emit("end"),this.emit("close")}),this.strict=!!e.strict,this.maxMetaEntrySize=e.maxMetaEntrySize||bRe,this.filter=typeof e.filter=="function"?e.filter:xRe,this.writable=!0,this.readable=!1,this[ja]=new QRe,this[Er]=null,this[Ya]=null,this[Lc]=null,this[Qs]="begin",this[el]="",this[bs]=null,this[NC]=null,this[Tc]=!1,this[vn]=null,this[tl]=!1,this[n0]=!1,this[s0]=!1,typeof e.onwarn=="function"&&this.on("warn",e.onwarn),typeof e.onentry=="function"&&this.on("entry",e.onentry)}[H9](e,t){this[Mc]===null&&(this[Mc]=!1);let i;try{i=new wRe(e,t,this[bs],this[NC])}catch(n){return this.warn("TAR_ENTRY_INVALID",n)}if(i.nullBlock)this[n0]?(this[s0]=!0,this[Qs]==="begin"&&(this[Qs]="header"),this[Oc]("eof")):(this[n0]=!0,this[Oc]("nullBlock"));else if(this[n0]=!1,!i.cksumValid)this.warn("TAR_ENTRY_INVALID","checksum failure",{header:i});else if(!i.path)this.warn("TAR_ENTRY_INVALID","path is required",{header:i});else{let n=i.type;if(/^(Symbolic)?Link$/.test(n)&&!i.linkpath)this.warn("TAR_ENTRY_INVALID","linkpath required",{header:i});else if(!/^(Symbolic)?Link$/.test(n)&&i.linkpath)this.warn("TAR_ENTRY_INVALID","linkpath forbidden",{header:i});else{let s=this[Lc]=new SRe(i,this[bs],this[NC]);if(!this[Mc])if(s.remain){let o=()=>{s.invalid||(this[Mc]=!0)};s.on("end",o)}else this[Mc]=!0;s.meta?s.size>this.maxMetaEntrySize?(s.ignore=!0,this[Oc]("ignoredEntry",s),this[Qs]="ignore",s.resume()):s.size>0&&(this[el]="",s.on("data",o=>this[el]+=o),this[Qs]="meta"):(this[bs]=null,s.ignore=s.ignore||!this.filter(s.path,s),s.ignore?(this[Oc]("ignoredEntry",s),this[Qs]=s.remain?"ignore":"header",s.resume()):(s.remain?this[Qs]="body":(this[Qs]="header",s.end()),this[Ya]?this[ja].push(s):(this[ja].push(s),this[DF]())))}}}[O9](e){let t=!0;return e?Array.isArray(e)?this.emit.apply(this,e):(this[Ya]=e,this.emit("entry",e),e.emittedEnd||(e.on("end",i=>this[DF]()),t=!1)):(this[Ya]=null,t=!1),t}[DF](){do;while(this[O9](this[ja].shift()));if(!this[ja].length){let e=this[Ya];!e||e.flowing||e.size===e.remain?this[LC]||this.emit("drain"):e.once("drain",i=>this.emit("drain"))}}[kF](e,t){let i=this[Lc],n=i.blockRemain,s=n>=e.length&&t===0?e:e.slice(t,t+n);return i.write(s),i.blockRemain||(this[Qs]="header",this[Lc]=null,i.end()),s.length}[U9](e,t){let i=this[Lc],n=this[kF](e,t);return this[Lc]||this[M9](i),n}[Oc](e,t,i){!this[ja].length&&!this[Ya]?this.emit(e,t,i):this[ja].push([e,t,i])}[M9](e){switch(this[Oc]("meta",this[el]),e.type){case"ExtendedHeader":case"OldExtendedHeader":this[bs]=T9.parse(this[el],this[bs],!1);break;case"GlobalExtendedHeader":this[NC]=T9.parse(this[el],this[NC],!0);break;case"NextFileHasLongPath":case"OldGnuLongPath":this[bs]=this[bs]||Object.create(null),this[bs].path=this[el].replace(/\0.*/,"");break;case"NextFileHasLongLinkpath":this[bs]=this[bs]||Object.create(null),this[bs].linkpath=this[el].replace(/\0.*/,"");break;default:throw new Error("unknown meta: "+e.type)}}abort(e){this[tl]=!0,this.emit("abort",e),this.warn("TAR_ABORT",e,{recoverable:!1})}write(e){if(this[tl])return;if(this[vn]===null&&e){if(this[Er]&&(e=Buffer.concat([this[Er],e]),this[Er]=null),e.length<PF.length)return this[Er]=e,!0;for(let i=0;this[vn]===null&&i<PF.length;i++)e[i]!==PF[i]&&(this[vn]=!1);if(this[vn]===null){let i=this[Tc];this[Tc]=!1,this[vn]=new vRe.Unzip,this[vn].on("data",s=>this[e0](s)),this[vn].on("error",s=>this.abort(s)),this[vn].on("end",s=>{this[Tc]=!0,this[e0]()}),this[LC]=!0;let n=this[vn][i?"end":"write"](e);return this[LC]=!1,n}}this[LC]=!0,this[vn]?this[vn].write(e):this[e0](e),this[LC]=!1;let t=this[ja].length?!1:this[Ya]?this[Ya].flowing:!0;return!t&&!this[ja].length&&this[Ya].once("drain",i=>this.emit("drain")),t}[RF](e){e&&!this[tl]&&(this[Er]=this[Er]?Buffer.concat([this[Er],e]):e)}[FF](){if(this[Tc]&&!this[K9]&&!this[tl]&&!this[r0]){this[K9]=!0;let e=this[Lc];if(e&&e.blockRemain){let t=this[Er]?this[Er].length:0;this.warn("TAR_BAD_ARCHIVE",`Truncated input (needed ${e.blockRemain} more bytes, only ${t} available)`,{entry:e}),this[Er]&&e.write(this[Er]),e.end()}this[Oc](i0)}}[e0](e){if(this[r0])this[RF](e);else if(!e&&!this[Er])this[FF]();else{if(this[r0]=!0,this[Er]){this[RF](e);let t=this[Er];this[Er]=null,this[t0](t)}else this[t0](e);for(;this[Er]&&this[Er].length>=512&&!this[tl]&&!this[s0];){let t=this[Er];this[Er]=null,this[t0](t)}this[r0]=!1}(!this[Er]||this[Tc])&&this[FF]()}[t0](e){let t=0,i=e.length;for(;t+512<=i&&!this[tl]&&!this[s0];)switch(this[Qs]){case"begin":case"header":this[H9](e,t),t+=512;break;case"ignore":case"body":t+=this[kF](e,t);break;case"meta":t+=this[U9](e,t);break;default:throw new Error("invalid state: "+this[Qs])}t<i&&(this[Er]?this[Er]=Buffer.concat([e.slice(t),this[Er]]):this[Er]=e.slice(t))}end(e){this[tl]||(this[vn]?this[vn].end(e):(this[Tc]=!0,this.write(e)))}})});var o0=w((Yst,J9)=>{"use strict";var PRe=Uf(),j9=TC(),eh=J("fs"),DRe=$f(),Y9=J("path"),Gst=J9.exports=(r,e,t)=>{typeof r=="function"?(t=r,e=null,r={}):Array.isArray(r)&&(e=r,r={}),typeof e=="function"&&(t=e,e=null),e?e=Array.from(e):e=[];let i=PRe(r);if(i.sync&&typeof t=="function")throw new TypeError("callback not supported for sync tar functions");if(!i.file&&typeof t=="function")throw new TypeError("callback only supported with file option");return e.length&&RRe(i,e),i.noResume||kRe(i),i.file&&i.sync?FRe(i):i.file?NRe(i,t):q9(i)},kRe=r=>{let e=r.onentry;r.onentry=e?t=>{e(t),t.resume()}:t=>t.resume()},RRe=(r,e)=>{let t=new Map(e.map(s=>[s.replace(/\/+$/,""),!0])),i=r.filter,n=(s,o)=>{let a=o||Y9.parse(s).root||".",l=s===a?!1:t.has(s)?t.get(s):n(Y9.dirname(s),a);return t.set(s,l),l};r.filter=i?(s,o)=>i(s,o)&&n(s.replace(/\/+$/,"")):s=>n(s.replace(/\/+$/,""))},FRe=r=>{let e=q9(r),t=r.file,i=!0,n;try{let s=eh.statSync(t),o=r.maxReadSize||16*1024*1024;if(s.size<o)e.end(eh.readFileSync(t));else{let a=0,l=Buffer.allocUnsafe(o);for(n=eh.openSync(t,"r");a<s.size;){let c=eh.readSync(n,l,0,o,a);a+=c,e.write(l.slice(0,c))}e.end()}i=!1}finally{if(i&&n)try{eh.closeSync(n)}catch{}}},NRe=(r,e)=>{let t=new j9(r),i=r.maxReadSize||16*1024*1024,n=r.file,s=new Promise((o,a)=>{t.on("error",a),t.on("end",o),eh.stat(n,(l,c)=>{if(l)a(l);else{let u=new DRe.ReadStream(n,{readSize:i,size:c.size});u.on("error",a),u.pipe(t)}})});return e?s.then(e,e):s},q9=r=>new j9(r)});var Z9=w((Jst,_9)=>{"use strict";var LRe=Uf(),a0=JB(),jst=J("fs"),W9=$f(),z9=o0(),V9=J("path"),qst=_9.exports=(r,e,t)=>{if(typeof e=="function"&&(t=e),Array.isArray(r)&&(e=r,r={}),!e||!Array.isArray(e)||!e.length)throw new TypeError("no files or directories specified");e=Array.from(e);let i=LRe(r);if(i.sync&&typeof t=="function")throw new TypeError("callback not supported for sync tar functions");if(!i.file&&typeof t=="function")throw new TypeError("callback only supported with file option");return i.file&&i.sync?TRe(i,e):i.file?ORe(i,e,t):i.sync?MRe(i,e):KRe(i,e)},TRe=(r,e)=>{let t=new a0.Sync(r),i=new W9.WriteStreamSync(r.file,{mode:r.mode||438});t.pipe(i),X9(t,e)},ORe=(r,e,t)=>{let i=new a0(r),n=new W9.WriteStream(r.file,{mode:r.mode||438});i.pipe(n);let s=new Promise((o,a)=>{n.on("error",a),n.on("close",o),i.on("error",a)});return NF(i,e),t?s.then(t,t):s},X9=(r,e)=>{e.forEach(t=>{t.charAt(0)==="@"?z9({file:V9.resolve(r.cwd,t.substr(1)),sync:!0,noResume:!0,onentry:i=>r.add(i)}):r.add(t)}),r.end()},NF=(r,e)=>{for(;e.length;){let t=e.shift();if(t.charAt(0)==="@")return z9({file:V9.resolve(r.cwd,t.substr(1)),noResume:!0,onentry:i=>r.add(i)}).then(i=>NF(r,e));r.add(t)}r.end()},MRe=(r,e)=>{let t=new a0.Sync(r);return X9(t,e),t},KRe=(r,e)=>{let t=new a0(r);return NF(t,e),t}});var LF=w((Vst,s7)=>{"use strict";var URe=Uf(),$9=JB(),Wst=TC(),Ss=J("fs"),e7=$f(),t7=o0(),r7=J("path"),i7=qf(),zst=s7.exports=(r,e,t)=>{let i=URe(r);if(!i.file)throw new TypeError("file is required");if(i.gzip)throw new TypeError("cannot append to compressed archives");if(!e||!Array.isArray(e)||!e.length)throw new TypeError("no files or directories specified");return e=Array.from(e),i.sync?HRe(i,e):YRe(i,e,t)},HRe=(r,e)=>{let t=new $9.Sync(r),i=!0,n,s;try{try{n=Ss.openSync(r.file,"r+")}catch(l){if(l.code==="ENOENT")n=Ss.openSync(r.file,"w+");else throw l}let o=Ss.fstatSync(n),a=Buffer.alloc(512);e:for(s=0;s<o.size;s+=512){for(let u=0,g=0;u<512;u+=g){if(g=Ss.readSync(n,a,u,a.length-u,s+u),s===0&&a[0]===31&&a[1]===139)throw new Error("cannot append to compressed archives");if(!g)break e}let l=new i7(a);if(!l.cksumValid)break;let c=512*Math.ceil(l.size/512);if(s+c+512>o.size)break;s+=c,r.mtimeCache&&r.mtimeCache.set(l.path,l.mtime)}i=!1,GRe(r,t,s,n,e)}finally{if(i)try{Ss.closeSync(n)}catch{}}},GRe=(r,e,t,i,n)=>{let s=new e7.WriteStreamSync(r.file,{fd:i,start:t});e.pipe(s),jRe(e,n)},YRe=(r,e,t)=>{e=Array.from(e);let i=new $9(r),n=(o,a,l)=>{let c=(p,C)=>{p?Ss.close(o,y=>l(p)):l(null,C)},u=0;if(a===0)return c(null,0);let g=0,f=Buffer.alloc(512),h=(p,C)=>{if(p)return c(p);if(g+=C,g<512&&C)return Ss.read(o,f,g,f.length-g,u+g,h);if(u===0&&f[0]===31&&f[1]===139)return c(new Error("cannot append to compressed archives"));if(g<512)return c(null,u);let y=new i7(f);if(!y.cksumValid)return c(null,u);let B=512*Math.ceil(y.size/512);if(u+B+512>a||(u+=B+512,u>=a))return c(null,u);r.mtimeCache&&r.mtimeCache.set(y.path,y.mtime),g=0,Ss.read(o,f,0,512,u,h)};Ss.read(o,f,0,512,u,h)},s=new Promise((o,a)=>{i.on("error",a);let l="r+",c=(u,g)=>{if(u&&u.code==="ENOENT"&&l==="r+")return l="w+",Ss.open(r.file,l,c);if(u)return a(u);Ss.fstat(g,(f,h)=>{if(f)return a(f);n(g,h.size,(p,C)=>{if(p)return a(p);let y=new e7.WriteStream(r.file,{fd:g,start:C});i.pipe(y),y.on("error",a),y.on("close",o),n7(i,e)})})};Ss.open(r.file,l,c)});return t?s.then(t,t):s},jRe=(r,e)=>{e.forEach(t=>{t.charAt(0)==="@"?t7({file:r7.resolve(r.cwd,t.substr(1)),sync:!0,noResume:!0,onentry:i=>r.add(i)}):r.add(t)}),r.end()},n7=(r,e)=>{for(;e.length;){let t=e.shift();if(t.charAt(0)==="@")return t7({file:r7.resolve(r.cwd,t.substr(1)),noResume:!0,onentry:i=>r.add(i)}).then(i=>n7(r,e));r.add(t)}r.end()}});var a7=w((_st,o7)=>{"use strict";var qRe=Uf(),JRe=LF(),Xst=o7.exports=(r,e,t)=>{let i=qRe(r);if(!i.file)throw new TypeError("file is required");if(i.gzip)throw new TypeError("cannot append to compressed archives");if(!e||!Array.isArray(e)||!e.length)throw new TypeError("no files or directories specified");return e=Array.from(e),WRe(i),JRe(i,e,t)},WRe=r=>{let e=r.filter;r.mtimeCache||(r.mtimeCache=new Map),r.filter=e?(t,i)=>e(t,i)&&!(r.mtimeCache.get(t)>i.mtime):(t,i)=>!(r.mtimeCache.get(t)>i.mtime)}});var c7=w((Zst,l7)=>{var{promisify:A7}=J("util"),rl=J("fs"),zRe=r=>{if(!r)r={mode:511,fs:rl};else if(typeof r=="object")r={mode:511,fs:rl,...r};else if(typeof r=="number")r={mode:r,fs:rl};else if(typeof r=="string")r={mode:parseInt(r,8),fs:rl};else throw new TypeError("invalid options argument");return r.mkdir=r.mkdir||r.fs.mkdir||rl.mkdir,r.mkdirAsync=A7(r.mkdir),r.stat=r.stat||r.fs.stat||rl.stat,r.statAsync=A7(r.stat),r.statSync=r.statSync||r.fs.statSync||rl.statSync,r.mkdirSync=r.mkdirSync||r.fs.mkdirSync||rl.mkdirSync,r};l7.exports=zRe});var g7=w(($st,u7)=>{var VRe=process.env.__TESTING_MKDIRP_PLATFORM__||process.platform,{resolve:XRe,parse:_Re}=J("path"),ZRe=r=>{if(/\0/.test(r))throw Object.assign(new TypeError("path must be a string without null bytes"),{path:r,code:"ERR_INVALID_ARG_VALUE"});if(r=XRe(r),VRe==="win32"){let e=/[*|"<>?:]/,{root:t}=_Re(r);if(e.test(r.substr(t.length)))throw Object.assign(new Error("Illegal characters in path."),{path:r,code:"EINVAL"})}return r};u7.exports=ZRe});var C7=w((eot,d7)=>{var{dirname:f7}=J("path"),h7=(r,e,t=void 0)=>t===e?Promise.resolve():r.statAsync(e).then(i=>i.isDirectory()?t:void 0,i=>i.code==="ENOENT"?h7(r,f7(e),e):void 0),p7=(r,e,t=void 0)=>{if(t!==e)try{return r.statSync(e).isDirectory()?t:void 0}catch(i){return i.code==="ENOENT"?p7(r,f7(e),e):void 0}};d7.exports={findMade:h7,findMadeSync:p7}});var MF=w((tot,E7)=>{var{dirname:m7}=J("path"),TF=(r,e,t)=>{e.recursive=!1;let i=m7(r);return i===r?e.mkdirAsync(r,e).catch(n=>{if(n.code!=="EISDIR")throw n}):e.mkdirAsync(r,e).then(()=>t||r,n=>{if(n.code==="ENOENT")return TF(i,e).then(s=>TF(r,e,s));if(n.code!=="EEXIST"&&n.code!=="EROFS")throw n;return e.statAsync(r).then(s=>{if(s.isDirectory())return t;throw n},()=>{throw n})})},OF=(r,e,t)=>{let i=m7(r);if(e.recursive=!1,i===r)try{return e.mkdirSync(r,e)}catch(n){if(n.code!=="EISDIR")throw n;return}try{return e.mkdirSync(r,e),t||r}catch(n){if(n.code==="ENOENT")return OF(r,e,OF(i,e,t));if(n.code!=="EEXIST"&&n.code!=="EROFS")throw n;try{if(!e.statSync(r).isDirectory())throw n}catch{throw n}}};E7.exports={mkdirpManual:TF,mkdirpManualSync:OF}});var w7=w((rot,y7)=>{var{dirname:I7}=J("path"),{findMade:$Re,findMadeSync:eFe}=C7(),{mkdirpManual:tFe,mkdirpManualSync:rFe}=MF(),iFe=(r,e)=>(e.recursive=!0,I7(r)===r?e.mkdirAsync(r,e):$Re(e,r).then(i=>e.mkdirAsync(r,e).then(()=>i).catch(n=>{if(n.code==="ENOENT")return tFe(r,e);throw n}))),nFe=(r,e)=>{if(e.recursive=!0,I7(r)===r)return e.mkdirSync(r,e);let i=eFe(e,r);try{return e.mkdirSync(r,e),i}catch(n){if(n.code==="ENOENT")return rFe(r,e);throw n}};y7.exports={mkdirpNative:iFe,mkdirpNativeSync:nFe}});var S7=w((iot,b7)=>{var B7=J("fs"),sFe=process.env.__TESTING_MKDIRP_NODE_VERSION__||process.version,KF=sFe.replace(/^v/,"").split("."),Q7=+KF[0]>10||+KF[0]==10&&+KF[1]>=12,oFe=Q7?r=>r.mkdir===B7.mkdir:()=>!1,aFe=Q7?r=>r.mkdirSync===B7.mkdirSync:()=>!1;b7.exports={useNative:oFe,useNativeSync:aFe}});var R7=w((not,k7)=>{var th=c7(),rh=g7(),{mkdirpNative:v7,mkdirpNativeSync:x7}=w7(),{mkdirpManual:P7,mkdirpManualSync:D7}=MF(),{useNative:AFe,useNativeSync:lFe}=S7(),ih=(r,e)=>(r=rh(r),e=th(e),AFe(e)?v7(r,e):P7(r,e)),cFe=(r,e)=>(r=rh(r),e=th(e),lFe(e)?x7(r,e):D7(r,e));ih.sync=cFe;ih.native=(r,e)=>v7(rh(r),th(e));ih.manual=(r,e)=>P7(rh(r),th(e));ih.nativeSync=(r,e)=>x7(rh(r),th(e));ih.manualSync=(r,e)=>D7(rh(r),th(e));k7.exports=ih});var K7=w((sot,M7)=>{"use strict";var vs=J("fs"),Kc=J("path"),uFe=vs.lchown?"lchown":"chown",gFe=vs.lchownSync?"lchownSync":"chownSync",N7=vs.lchown&&!process.version.match(/v1[1-9]+\./)&&!process.version.match(/v10\.[6-9]/),F7=(r,e,t)=>{try{return vs[gFe](r,e,t)}catch(i){if(i.code!=="ENOENT")throw i}},fFe=(r,e,t)=>{try{return vs.chownSync(r,e,t)}catch(i){if(i.code!=="ENOENT")throw i}},hFe=N7?(r,e,t,i)=>n=>{!n||n.code!=="EISDIR"?i(n):vs.chown(r,e,t,i)}:(r,e,t,i)=>i,UF=N7?(r,e,t)=>{try{return F7(r,e,t)}catch(i){if(i.code!=="EISDIR")throw i;fFe(r,e,t)}}:(r,e,t)=>F7(r,e,t),pFe=process.version,L7=(r,e,t)=>vs.readdir(r,e,t),dFe=(r,e)=>vs.readdirSync(r,e);/^v4\./.test(pFe)&&(L7=(r,e,t)=>vs.readdir(r,t));var A0=(r,e,t,i)=>{vs[uFe](r,e,t,hFe(r,e,t,n=>{i(n&&n.code!=="ENOENT"?n:null)}))},T7=(r,e,t,i,n)=>{if(typeof e=="string")return vs.lstat(Kc.resolve(r,e),(s,o)=>{if(s)return n(s.code!=="ENOENT"?s:null);o.name=e,T7(r,o,t,i,n)});if(e.isDirectory())HF(Kc.resolve(r,e.name),t,i,s=>{if(s)return n(s);let o=Kc.resolve(r,e.name);A0(o,t,i,n)});else{let s=Kc.resolve(r,e.name);A0(s,t,i,n)}},HF=(r,e,t,i)=>{L7(r,{withFileTypes:!0},(n,s)=>{if(n){if(n.code==="ENOENT")return i();if(n.code!=="ENOTDIR"&&n.code!=="ENOTSUP")return i(n)}if(n||!s.length)return A0(r,e,t,i);let o=s.length,a=null,l=c=>{if(!a){if(c)return i(a=c);if(--o===0)return A0(r,e,t,i)}};s.forEach(c=>T7(r,c,e,t,l))})},CFe=(r,e,t,i)=>{if(typeof e=="string")try{let n=vs.lstatSync(Kc.resolve(r,e));n.name=e,e=n}catch(n){if(n.code==="ENOENT")return;throw n}e.isDirectory()&&O7(Kc.resolve(r,e.name),t,i),UF(Kc.resolve(r,e.name),t,i)},O7=(r,e,t)=>{let i;try{i=dFe(r,{withFileTypes:!0})}catch(n){if(n.code==="ENOENT")return;if(n.code==="ENOTDIR"||n.code==="ENOTSUP")return UF(r,e,t);throw n}return i&&i.length&&i.forEach(n=>CFe(r,n,e,t)),UF(r,e,t)};M7.exports=HF;HF.sync=O7});var Y7=w((Aot,GF)=>{"use strict";var U7=R7(),xs=J("fs"),l0=J("path"),H7=K7(),c0=class extends Error{constructor(e,t){super("Cannot extract through symbolic link"),this.path=t,this.symlink=e}get name(){return"SylinkError"}},nh=class extends Error{constructor(e,t){super(t+": Cannot cd into '"+e+"'"),this.path=e,this.code=t}get name(){return"CwdError"}},oot=GF.exports=(r,e,t)=>{let i=e.umask,n=e.mode|448,s=(n&i)!==0,o=e.uid,a=e.gid,l=typeof o=="number"&&typeof a=="number"&&(o!==e.processUid||a!==e.processGid),c=e.preserve,u=e.unlink,g=e.cache,f=e.cwd,h=(y,B)=>{y?t(y):(g.set(r,!0),B&&l?H7(B,o,a,v=>h(v)):s?xs.chmod(r,n,t):t())};if(g&&g.get(r)===!0)return h();if(r===f)return xs.stat(r,(y,B)=>{(y||!B.isDirectory())&&(y=new nh(r,y&&y.code||"ENOTDIR")),h(y)});if(c)return U7(r,{mode:n}).then(y=>h(null,y),h);let C=l0.relative(f,r).split(/\/|\\/);u0(f,C,n,g,u,f,null,h)},u0=(r,e,t,i,n,s,o,a)=>{if(!e.length)return a(null,o);let l=e.shift(),c=r+"/"+l;if(i.get(c))return u0(c,e,t,i,n,s,o,a);xs.mkdir(c,t,G7(c,e,t,i,n,s,o,a))},G7=(r,e,t,i,n,s,o,a)=>l=>{if(l){if(l.path&&l0.dirname(l.path)===s&&(l.code==="ENOTDIR"||l.code==="ENOENT"))return a(new nh(s,l.code));xs.lstat(r,(c,u)=>{if(c)a(c);else if(u.isDirectory())u0(r,e,t,i,n,s,o,a);else if(n)xs.unlink(r,g=>{if(g)return a(g);xs.mkdir(r,t,G7(r,e,t,i,n,s,o,a))});else{if(u.isSymbolicLink())return a(new c0(r,r+"/"+e.join("/")));a(l)}})}else o=o||r,u0(r,e,t,i,n,s,o,a)},aot=GF.exports.sync=(r,e)=>{let t=e.umask,i=e.mode|448,n=(i&t)!==0,s=e.uid,o=e.gid,a=typeof s=="number"&&typeof o=="number"&&(s!==e.processUid||o!==e.processGid),l=e.preserve,c=e.unlink,u=e.cache,g=e.cwd,f=y=>{u.set(r,!0),y&&a&&H7.sync(y,s,o),n&&xs.chmodSync(r,i)};if(u&&u.get(r)===!0)return f();if(r===g){let y=!1,B="ENOTDIR";try{y=xs.statSync(r).isDirectory()}catch(v){B=v.code}finally{if(!y)throw new nh(r,B)}f();return}if(l)return f(U7.sync(r,i));let p=l0.relative(g,r).split(/\/|\\/),C=null;for(let y=p.shift(),B=g;y&&(B+="/"+y);y=p.shift())if(!u.get(B))try{xs.mkdirSync(B,i),C=C||B,u.set(B,!0)}catch(v){if(v.path&&l0.dirname(v.path)===g&&(v.code==="ENOTDIR"||v.code==="ENOENT"))return new nh(g,v.code);let D=xs.lstatSync(B);if(D.isDirectory()){u.set(B,!0);continue}else if(c){xs.unlinkSync(B),xs.mkdirSync(B,i),C=C||B,u.set(B,!0);continue}else if(D.isSymbolicLink())return new c0(B,B+"/"+p.join("/"))}return f(C)}});var J7=w((lot,q7)=>{var j7=J("assert");q7.exports=()=>{let r=new Map,e=new Map,{join:t}=J("path"),i=u=>t(u).split(/[\\\/]/).slice(0,-1).reduce((g,f)=>g.length?g.concat(t(g[g.length-1],f)):[f],[]),n=new Set,s=u=>{let g=e.get(u);if(!g)throw new Error("function does not have any path reservations");return{paths:g.paths.map(f=>r.get(f)),dirs:[...g.dirs].map(f=>r.get(f))}},o=u=>{let{paths:g,dirs:f}=s(u);return g.every(h=>h[0]===u)&&f.every(h=>h[0]instanceof Set&&h[0].has(u))},a=u=>n.has(u)||!o(u)?!1:(n.add(u),u(()=>l(u)),!0),l=u=>{if(!n.has(u))return!1;let{paths:g,dirs:f}=e.get(u),h=new Set;return g.forEach(p=>{let C=r.get(p);j7.equal(C[0],u),C.length===1?r.delete(p):(C.shift(),typeof C[0]=="function"?h.add(C[0]):C[0].forEach(y=>h.add(y)))}),f.forEach(p=>{let C=r.get(p);j7(C[0]instanceof Set),C[0].size===1&&C.length===1?r.delete(p):C[0].size===1?(C.shift(),h.add(C[0])):C[0].delete(u)}),n.delete(u),h.forEach(p=>a(p)),!0};return{check:o,reserve:(u,g)=>{let f=new Set(u.map(h=>i(h)).reduce((h,p)=>h.concat(p)));return e.set(g,{dirs:f,paths:u}),u.forEach(h=>{let p=r.get(h);p?p.push(g):r.set(h,[g])}),f.forEach(h=>{let p=r.get(h);p?p[p.length-1]instanceof Set?p[p.length-1].add(g):p.push(new Set([g])):r.set(h,[new Set([g])])}),a(g)}}}});var V7=w((cot,z7)=>{var mFe=process.env.__FAKE_PLATFORM__||process.platform,EFe=mFe==="win32",IFe=global.__FAKE_TESTING_FS__||J("fs"),{O_CREAT:yFe,O_TRUNC:wFe,O_WRONLY:BFe,UV_FS_O_FILEMAP:W7=0}=IFe.constants,QFe=EFe&&!!W7,bFe=512*1024,SFe=W7|wFe|yFe|BFe;z7.exports=QFe?r=>r<bFe?SFe:"w":()=>"w"});var ZF=w((hot,aX)=>{"use strict";var vFe=J("assert"),uot=J("events").EventEmitter,xFe=TC(),Xt=J("fs"),PFe=$f(),qa=J("path"),_F=Y7(),got=_F.sync,X7=nF(),DFe=J7(),_7=Symbol("onEntry"),qF=Symbol("checkFs"),Z7=Symbol("checkFs2"),JF=Symbol("isReusable"),Ja=Symbol("makeFs"),WF=Symbol("file"),zF=Symbol("directory"),h0=Symbol("link"),$7=Symbol("symlink"),eX=Symbol("hardlink"),tX=Symbol("unsupported"),fot=Symbol("unknown"),rX=Symbol("checkPath"),oh=Symbol("mkdir"),sn=Symbol("onError"),g0=Symbol("pending"),iX=Symbol("pend"),sh=Symbol("unpend"),YF=Symbol("ended"),jF=Symbol("maybeClose"),VF=Symbol("skip"),OC=Symbol("doChown"),MC=Symbol("uid"),KC=Symbol("gid"),sX=J("crypto"),oX=V7(),f0=()=>{throw new Error("sync function called cb somehow?!?")},kFe=(r,e)=>{if(process.platform!=="win32")return Xt.unlink(r,e);let t=r+".DELETE."+sX.randomBytes(16).toString("hex");Xt.rename(r,t,i=>{if(i)return e(i);Xt.unlink(t,e)})},RFe=r=>{if(process.platform!=="win32")return Xt.unlinkSync(r);let e=r+".DELETE."+sX.randomBytes(16).toString("hex");Xt.renameSync(r,e),Xt.unlinkSync(e)},nX=(r,e,t)=>r===r>>>0?r:e===e>>>0?e:t,UC=class extends xFe{constructor(e){if(e||(e={}),e.ondone=t=>{this[YF]=!0,this[jF]()},super(e),this.reservations=DFe(),this.transform=typeof e.transform=="function"?e.transform:null,this.writable=!0,this.readable=!1,this[g0]=0,this[YF]=!1,this.dirCache=e.dirCache||new Map,typeof e.uid=="number"||typeof e.gid=="number"){if(typeof e.uid!="number"||typeof e.gid!="number")throw new TypeError("cannot set owner without number uid and gid");if(e.preserveOwner)throw new TypeError("cannot preserve owner in archive and also set owner explicitly");this.uid=e.uid,this.gid=e.gid,this.setOwner=!0}else this.uid=null,this.gid=null,this.setOwner=!1;e.preserveOwner===void 0&&typeof e.uid!="number"?this.preserveOwner=process.getuid&&process.getuid()===0:this.preserveOwner=!!e.preserveOwner,this.processUid=(this.preserveOwner||this.setOwner)&&process.getuid?process.getuid():null,this.processGid=(this.preserveOwner||this.setOwner)&&process.getgid?process.getgid():null,this.forceChown=e.forceChown===!0,this.win32=!!e.win32||process.platform==="win32",this.newer=!!e.newer,this.keep=!!e.keep,this.noMtime=!!e.noMtime,this.preservePaths=!!e.preservePaths,this.unlink=!!e.unlink,this.cwd=qa.resolve(e.cwd||process.cwd()),this.strip=+e.strip||0,this.processUmask=process.umask(),this.umask=typeof e.umask=="number"?e.umask:this.processUmask,this.dmode=e.dmode||511&~this.umask,this.fmode=e.fmode||438&~this.umask,this.on("entry",t=>this[_7](t))}warn(e,t,i={}){return(e==="TAR_BAD_ARCHIVE"||e==="TAR_ABORT")&&(i.recoverable=!1),super.warn(e,t,i)}[jF](){this[YF]&&this[g0]===0&&(this.emit("prefinish"),this.emit("finish"),this.emit("end"),this.emit("close"))}[rX](e){if(this.strip){let t=e.path.split(/\/|\\/);if(t.length<this.strip)return!1;if(e.path=t.slice(this.strip).join("/"),e.type==="Link"){let i=e.linkpath.split(/\/|\\/);i.length>=this.strip&&(e.linkpath=i.slice(this.strip).join("/"))}}if(!this.preservePaths){let t=e.path;if(t.match(/(^|\/|\\)\.\.(\\|\/|$)/))return this.warn("TAR_ENTRY_ERROR","path contains '..'",{entry:e,path:t}),!1;if(qa.win32.isAbsolute(t)){let i=qa.win32.parse(t);e.path=t.substr(i.root.length);let n=i.root;this.warn("TAR_ENTRY_INFO",`stripping ${n} from absolute path`,{entry:e,path:t})}}if(this.win32){let t=qa.win32.parse(e.path);e.path=t.root===""?X7.encode(e.path):t.root+X7.encode(e.path.substr(t.root.length))}return qa.isAbsolute(e.path)?e.absolute=e.path:e.absolute=qa.resolve(this.cwd,e.path),!0}[_7](e){if(!this[rX](e))return e.resume();switch(vFe.equal(typeof e.absolute,"string"),e.type){case"Directory":case"GNUDumpDir":e.mode&&(e.mode=e.mode|448);case"File":case"OldFile":case"ContiguousFile":case"Link":case"SymbolicLink":return this[qF](e);case"CharacterDevice":case"BlockDevice":case"FIFO":return this[tX](e)}}[sn](e,t){e.name==="CwdError"?this.emit("error",e):(this.warn("TAR_ENTRY_ERROR",e,{entry:t}),this[sh](),t.resume())}[oh](e,t,i){_F(e,{uid:this.uid,gid:this.gid,processUid:this.processUid,processGid:this.processGid,umask:this.processUmask,preserve:this.preservePaths,unlink:this.unlink,cache:this.dirCache,cwd:this.cwd,mode:t},i)}[OC](e){return this.forceChown||this.preserveOwner&&(typeof e.uid=="number"&&e.uid!==this.processUid||typeof e.gid=="number"&&e.gid!==this.processGid)||typeof this.uid=="number"&&this.uid!==this.processUid||typeof this.gid=="number"&&this.gid!==this.processGid}[MC](e){return nX(this.uid,e.uid,this.processUid)}[KC](e){return nX(this.gid,e.gid,this.processGid)}[WF](e,t){let i=e.mode&4095||this.fmode,n=new PFe.WriteStream(e.absolute,{flags:oX(e.size),mode:i,autoClose:!1});n.on("error",l=>this[sn](l,e));let s=1,o=l=>{if(l)return this[sn](l,e);--s===0&&Xt.close(n.fd,c=>{t(),c?this[sn](c,e):this[sh]()})};n.on("finish",l=>{let c=e.absolute,u=n.fd;if(e.mtime&&!this.noMtime){s++;let g=e.atime||new Date,f=e.mtime;Xt.futimes(u,g,f,h=>h?Xt.utimes(c,g,f,p=>o(p&&h)):o())}if(this[OC](e)){s++;let g=this[MC](e),f=this[KC](e);Xt.fchown(u,g,f,h=>h?Xt.chown(c,g,f,p=>o(p&&h)):o())}o()});let a=this.transform&&this.transform(e)||e;a!==e&&(a.on("error",l=>this[sn](l,e)),e.pipe(a)),a.pipe(n)}[zF](e,t){let i=e.mode&4095||this.dmode;this[oh](e.absolute,i,n=>{if(n)return t(),this[sn](n,e);let s=1,o=a=>{--s===0&&(t(),this[sh](),e.resume())};e.mtime&&!this.noMtime&&(s++,Xt.utimes(e.absolute,e.atime||new Date,e.mtime,o)),this[OC](e)&&(s++,Xt.chown(e.absolute,this[MC](e),this[KC](e),o)),o()})}[tX](e){e.unsupported=!0,this.warn("TAR_ENTRY_UNSUPPORTED",`unsupported entry type: ${e.type}`,{entry:e}),e.resume()}[$7](e,t){this[h0](e,e.linkpath,"symlink",t)}[eX](e,t){this[h0](e,qa.resolve(this.cwd,e.linkpath),"link",t)}[iX](){this[g0]++}[sh](){this[g0]--,this[jF]()}[VF](e){this[sh](),e.resume()}[JF](e,t){return e.type==="File"&&!this.unlink&&t.isFile()&&t.nlink<=1&&process.platform!=="win32"}[qF](e){this[iX]();let t=[e.path];e.linkpath&&t.push(e.linkpath),this.reservations.reserve(t,i=>this[Z7](e,i))}[Z7](e,t){this[oh](qa.dirname(e.absolute),this.dmode,i=>{if(i)return t(),this[sn](i,e);Xt.lstat(e.absolute,(n,s)=>{s&&(this.keep||this.newer&&s.mtime>e.mtime)?(this[VF](e),t()):n||this[JF](e,s)?this[Ja](null,e,t):s.isDirectory()?e.type==="Directory"?!e.mode||(s.mode&4095)===e.mode?this[Ja](null,e,t):Xt.chmod(e.absolute,e.mode,o=>this[Ja](o,e,t)):Xt.rmdir(e.absolute,o=>this[Ja](o,e,t)):kFe(e.absolute,o=>this[Ja](o,e,t))})})}[Ja](e,t,i){if(e)return this[sn](e,t);switch(t.type){case"File":case"OldFile":case"ContiguousFile":return this[WF](t,i);case"Link":return this[eX](t,i);case"SymbolicLink":return this[$7](t,i);case"Directory":case"GNUDumpDir":return this[zF](t,i)}}[h0](e,t,i,n){Xt[i](t,e.absolute,s=>{if(s)return this[sn](s,e);n(),this[sh](),e.resume()})}},XF=class extends UC{constructor(e){super(e)}[qF](e){let t=this[oh](qa.dirname(e.absolute),this.dmode,f0);if(t)return this[sn](t,e);try{let i=Xt.lstatSync(e.absolute);if(this.keep||this.newer&&i.mtime>e.mtime)return this[VF](e);if(this[JF](e,i))return this[Ja](null,e,f0);try{return i.isDirectory()?e.type==="Directory"?e.mode&&(i.mode&4095)!==e.mode&&Xt.chmodSync(e.absolute,e.mode):Xt.rmdirSync(e.absolute):RFe(e.absolute),this[Ja](null,e,f0)}catch(n){return this[sn](n,e)}}catch{return this[Ja](null,e,f0)}}[WF](e,t){let i=e.mode&4095||this.fmode,n=l=>{let c;try{Xt.closeSync(o)}catch(u){c=u}(l||c)&&this[sn](l||c,e)},s,o;try{o=Xt.openSync(e.absolute,oX(e.size),i)}catch(l){return n(l)}let a=this.transform&&this.transform(e)||e;a!==e&&(a.on("error",l=>this[sn](l,e)),e.pipe(a)),a.on("data",l=>{try{Xt.writeSync(o,l,0,l.length)}catch(c){n(c)}}),a.on("end",l=>{let c=null;if(e.mtime&&!this.noMtime){let u=e.atime||new Date,g=e.mtime;try{Xt.futimesSync(o,u,g)}catch(f){try{Xt.utimesSync(e.absolute,u,g)}catch{c=f}}}if(this[OC](e)){let u=this[MC](e),g=this[KC](e);try{Xt.fchownSync(o,u,g)}catch(f){try{Xt.chownSync(e.absolute,u,g)}catch{c=c||f}}}n(c)})}[zF](e,t){let i=e.mode&4095||this.dmode,n=this[oh](e.absolute,i);if(n)return this[sn](n,e);if(e.mtime&&!this.noMtime)try{Xt.utimesSync(e.absolute,e.atime||new Date,e.mtime)}catch{}if(this[OC](e))try{Xt.chownSync(e.absolute,this[MC](e),this[KC](e))}catch{}e.resume()}[oh](e,t){try{return _F.sync(e,{uid:this.uid,gid:this.gid,processUid:this.processUid,processGid:this.processGid,umask:this.processUmask,preserve:this.preservePaths,unlink:this.unlink,cache:this.dirCache,cwd:this.cwd,mode:t})}catch(i){return i}}[h0](e,t,i,n){try{Xt[i+"Sync"](t,e.absolute),e.resume()}catch(s){return this[sn](s,e)}}};UC.Sync=XF;aX.exports=UC});var gX=w((dot,uX)=>{"use strict";var FFe=Uf(),p0=ZF(),lX=J("fs"),cX=$f(),AX=J("path"),pot=uX.exports=(r,e,t)=>{typeof r=="function"?(t=r,e=null,r={}):Array.isArray(r)&&(e=r,r={}),typeof e=="function"&&(t=e,e=null),e?e=Array.from(e):e=[];let i=FFe(r);if(i.sync&&typeof t=="function")throw new TypeError("callback not supported for sync tar functions");if(!i.file&&typeof t=="function")throw new TypeError("callback only supported with file option");return e.length&&NFe(i,e),i.file&&i.sync?LFe(i):i.file?TFe(i,t):i.sync?OFe(i):MFe(i)},NFe=(r,e)=>{let t=new Map(e.map(s=>[s.replace(/\/+$/,""),!0])),i=r.filter,n=(s,o)=>{let a=o||AX.parse(s).root||".",l=s===a?!1:t.has(s)?t.get(s):n(AX.dirname(s),a);return t.set(s,l),l};r.filter=i?(s,o)=>i(s,o)&&n(s.replace(/\/+$/,"")):s=>n(s.replace(/\/+$/,""))},LFe=r=>{let e=new p0.Sync(r),t=r.file,i=!0,n,s=lX.statSync(t),o=r.maxReadSize||16*1024*1024;new cX.ReadStreamSync(t,{readSize:o,size:s.size}).pipe(e)},TFe=(r,e)=>{let t=new p0(r),i=r.maxReadSize||16*1024*1024,n=r.file,s=new Promise((o,a)=>{t.on("error",a),t.on("close",o),lX.stat(n,(l,c)=>{if(l)a(l);else{let u=new cX.ReadStream(n,{readSize:i,size:c.size});u.on("error",a),u.pipe(t)}})});return e?s.then(e,e):s},OFe=r=>new p0.Sync(r),MFe=r=>new p0(r)});var fX=w(ci=>{"use strict";ci.c=ci.create=Z9();ci.r=ci.replace=LF();ci.t=ci.list=o0();ci.u=ci.update=a7();ci.x=ci.extract=gX();ci.Pack=JB();ci.Unpack=ZF();ci.Parse=TC();ci.ReadEntry=PC();ci.WriteEntry=gF();ci.Header=qf();ci.Pax=kB();ci.types=xC()});var CX=w((Eot,dX)=>{var $F;dX.exports.getContent=()=>(typeof $F>"u"&&($F=J("zlib").brotliDecompressSync(Buffer.from("W4cNdwE3xxFxBTLHtk3ByhDhVM1doBzbUTrHtsmVjBVyejNHkHl/YQV0jm0GmYB29PjGUVXVrKNjjNrSAaiW1fV9JTIjVyhtozk6gs0EHx1Os+045mEw6w6pxuri3DphGBzGYm2qQMGjZFIehhhhOHGiNQtXIth1QDSoN6yZ7u3KGieuy5Bli72GQThhSOiOkmM0W7RCEz9ubCy+dzK6yRvuHO7ukGqclZ4i1f+r/7wU/x8SiTfJWnnrtd9OT0zIOw2a7qVfqnZseMdy/oRhVrzq+0FzYIcoG9LiOYDFsf0NoKpEkdAIvYxZkiVu8Yh38dB5aXyEn5ctrdc3VrkoeVw4ksAOrh15qt0hKc1NjrnsHBjkjnKAB5QTdtZl2etb0RMpot3j8sqqWDAzKIREHNNEXcuvT3hpi6r+dasXk06VJQnHX5CB5GyzVHt9Q44HwYYri+CuJKcwNxCPuuE115/l6xRm3Ziy6chZaZZG8ZHSCv3oxZdSLBpTI/6R/o7GQ6CJJJ+rhIH/+nKvq62GskdzxSFJufs3ryicWDktEQoJhWznx71spq/3aXC8C4sK5zQRLGuUxuOVogVXLNeOsFWvmd///XwJfWaBY/DUGJpdGSgikSrplTxk3MhwjlubbD1yeoVpyiE4sC6qlWsThAj4OYB2U/Xfac1aqv9Pw50GCAQlxCTAB4C2nMa0rd4e/1UrrdrVYEHoz7yV/8XbtIrWTsoNk7sO+pC5931X/dev8fp6qnDF9GOfcipa81x2gO5DmKc7NyNiBTRxJK+lkKSxfG3Iz2mS/tA3Oo6xjzWFxiIcFqau57OVp0xxBIa7LnZ+O7Oi2qTaIfGjbIs/Hv4CKuPg8VV1daezUukEjDcWaWIG2ZyJ+P/aa79cvB9CnPNcck0l0oap2AC6i7GjUTCe+kWo1harIf+xOyNYP2TpggphllrPxyWetPHZ4FAeWuMAefPPEYS4Wa6FKD++sXU8dJDKdun45jPAoGADUtGNMAejDRW3L8ETn+iKjofdXRxgus3xVf2SXbKspGQU2tyMGUrCQzuJQn+nfSlxPh0Pu7vfhbSlxyeNxtbEY5ATh5hbMEU2poTWFEMXM7Wej72Yo8c+ARCSaEtOIIZNnF/raUCIspXUmZFp//neUqtZRhoAKpVTqY0xqzF2l0gkWe3tZp9xzTvM/39EkBGRmUQaoIgEqBFAil0gJZZhqe597/3Ajx+ZVKShOpGkVCAotdwYljRGbaw4xrjVrDZTvaqudS8XKPVGNbZmVrNZznL+z1TzKr9ZkKJA6gJ5IcaiYXCsU2qaKPz/ByvOzALH3QVJ7AKkuAtSTwAoPQEgqQDJAOgAwYmSU8oMFxguhVSfXYVYXu8YispN6fK6zlXronFTuK3z/1+m1rd9LyLSgCAhUEWpSqdUamPMOjIBoiiV+caadTPeve+2Mt6L+ALSdBGZiS4iAfwvguRvAiDml0jVe5EJMiIBqRIQ1Z2AqG6AUtUnVeZQavUcVY0vUdJC1d3fmbF+sW433izWs/qLpb5X13i7nOVsNrPZzWK3GJP2frMU4dACp4/d5A2tyqLsJpNytSo0QuEtWn4cPE8//Waz54o/71KaYoVjjcqgkDqhJtSAQlWHcLjStEZIjDTcT/V94OOQuquKAQkw9J+6Zc6cYcw8uO2ff/PqLhdEfrz3LBBRWgYSo3KMkDGiJSI2hlLqrXPOUS/xY942/RoTmFwrDjTgQSxofaq3byKn7SGTeZizvm8mJrkkE+/6bCbVaKdoFLGAFcSGWCg2sAFixYammt3+3g21mZUsbNuk5lE2EGJKDIgSJUT1xN99vM7GmDlx6MQAi18ycdHnCAQCJSe/0z4+38y2d5f8l7DFFFOYYIgKF4IYokIBFSKIRAkKuFDhwsUUU2yxxX1+ZlsffG9WqPeR9xmBQCAiEAgEdYVAICIQEYiIiBapuohZt/6f/z+zljD3899ixOQGgeAlCASiAlExeUEgEIgKREVfUlFRgdjyWTkrKtwD4D27dwMMDAQMBAQUFwICBgYGAgYCDRwXBgICBQokKJCg7tk2/x++03OEfN/dKyo6swgEAoFARCAimJ0IRAQCUVFRgUAgEBERQJQ2/T2FoVQqwDPfGzVjBQBKd3E6wtJl4F+8cJvo4KBQOCgEAoFA4EMgUII332/rv4L1ZuimgZWo2BiF61LqDKi0+ernwwA89w29btFfUFCpr25xoYcmrQmEHopCQgsEhBBKlyJIcd328TOTbAlPTa6PY/ikbCi+CVX3/pC2PgXdK4i00+X6SgjVckQ1/KwnxUStGAS5LTg1YqKjsOwS0Z1lqQ3SMsCsGPVVVf6Frniw2a3XIt711pln54nLL5pCeNuwrnvFPIc1iuHYB8er62CI2hiRq2duj7l+O0HK+okqYtBitwGjFi0mHSkDdxi9S2b8OCi5blwrBEQ6aVhmeFjwyS/XALpbAxRA+e/K+oGfDPQBNlSubRN7JvqxaICfx0ChGyBAlZzWpomJ/51o6KEpOGmN6A4iBs4o0uHL3iqgleqwD7XDIJE2Ka88IgdESHe/Spq62Xn+4b114gOBNqPgo1rsBk7LyBv0pQqSDDwFUmbf36jQRBx7/KeLN53JinvQFBA8ktO5r3nS4dAvk/4+Ra5897TAn7w5cnsIIfoUddX7+nhFHpMcVQtNchZNgf4/Sp4h8jZOM2L11OwK7WTwmJ2dKWNJ7bk17LyxYRHf0FqbT+p8bOL0Hr/pfXOezvOBlVdK583Vs+ev4pMrD6xuxUgyZXLBkH+5Qv6+BKggGn2f6gdFyRp6PZ43TcuC61aEHAk3v8Habe4IoO/b32c70g5i7SQM7hoYfX5T160sWGmrayFgp61vFP32vBts3TXVqFOcUGJVaJ06ZnmjGZ650rvfs/Qbf34tf0p3QRAoTh5C6TVpAzwGrAYQnCpP/zu6tD7rph5z/TasUEjxtyaIHyh0+TrmhhsdTkVP4NCsKvMasJTMxsNEc9/S0K0NWefw3ixOgf9pugtK8vdBUTErUFbUtAa5JnqKSwewhoc1PKzxYdWHJ5+y8VxQuL2L5A33XZaf0mZ10hsftAd0FAHYfwKLgj5DibGj4KsWjKNpc32QWlDeTG2uD/sjKc8D80/EPUu5L0UIMIskWUGPjSsWrMXxM2BGULpCyp5gNu7zG+X5Izq8lxdBoRD1BmQYtEjGlRsecIjyyd/nEpE25sXY8BhUMDuq0LJcbHzEnjLvEWPAPdrsCu6qAZHUVub4yY4QW40pQ4jSnTOlKu20MaVYIDcT4XkjpWGNj98dF3GJ83lMNiYia5Y7XTG+vEUQDwoTSwEnRBf7yQd+CUVj+N180A3Kv61CfUQ28UHFuROtbh8HBK/YNQvIIighr/Zc7sQbkdOphKXkS0yhWRQ0EwuhqY9k6GNM/NHGtMTFuI921hEX42K2TGQjwbFY8SkOMRGWFxsWEIngH48hk51Iwyeh9Eu5a3AxDtOcyiIgquinPsTwIbFEbBNJkT9Fw21rXlNkBiIF+RyT6e/NPSMEdLXUE0N9mULJJGu4SBddS8U4UNtaG+/35QH/8E/+yV/kC42DglJ20+KKshw+OuJGaN5G7auG3M0Q7y47E1SedkrJuem+19lOpCrrI5aCTj2OhBTr5xHZieuXBJnvHjDVulvivuXMsBbaEFcPJHuoeHrswcVgGhwHs3Y4/jDmUkpf63mJ9+3ZOgT2tth/uMoCItCjOTQDYDl+k6oX8VWiw941GwTJntvU/hWQCKv6PTEcYElpmv5UxR/n4UGH9ztRCsHT/phonBxlyzfqHi8ZUqF/jsAtMYmTA2ELX2qop7gZYXSJ9JwSJE7zVBK9WZHTSGpM8R04Q1hf4J50CfdKcFDQA820PPtXXiv29GDVC3k7iEoOjP0fFrg/QtyfvNWTP7NOSiwUnV+cmD6QFStgyQodnIa3vYjbTgLOc7H7aFfAzx25AN9Ir6K41PP70t7Yz0HcFLJzEF+ajqzn7jUOCWnLvhg62ZOo3NXwou59kuCSHzc7CK7iYYBL498LoGu+/shiDkNOE+X7rhAsjfc+pmbsCVFGnPvDWKlELNrASv4vp3fhRSF4iHsFtsh3zgRitFwyI0L3O69rVcwJcVHsWSwk3ZEA1a1RMvbPIk8pOX32/RQk7lGiuE3ipw9AWmfvdpnmFwkjYSDO09Jj+qmJ9bHxn8/PxCojBVLnYJ4NxmZ/XHVAGMeLdAaH2fG0d66v/CmYzpck700qtO74fTWvLnD/XXbV0IFo6MHyqizKlok6hbInHVjE1ba9vRMj73HcxXLUxRNCS+HhJ58G5bRpzdCbXbC7lPhdCvGoe3yzx09ZNZRN04EbS2bYsFLkcTm6UKit8iZ9iaavCQSUJ4oc4/fvdLvtO6jkaMl2oX2QcZtIOVFp2pUNeNLyl4uBsBoFnwyJrZMaI9kHsCEgagjcX0pRPfSS8OfS6NrmjAUCuHqOPKlqv82+oyYeHpNxXQapkj5yr11xJ2BvwBekfN+jpWy0+hQJ6X2p7VRPc10uc+84r373wrc6od4/27LkLc9FzvFcXg8s2aiW2enGzMscIKoqKGApPQi+W9e7Zx1jcLo2sXzZkMIghL6UUrlvK/MnJr15c/7vcDgNglN/+gEvuiUbeiPqSSPsAA5jP+TwEmvu+Mcws979PQGLUNfHewelJJ2oQxg430Z1xwC6RnN1tsq6ouXGovwBkEmY+vffJ0stVSiR80AI8N3SRhZ9abqRcM5Rj0rfWtoSMg7OC4dSvH6EbDUf5Biw2/KsbklVylCS5mk5GhiEJ9dNoWzBAOUtodsWYafJi08oR5dNXaSx7PiTBr7lw9Vm0RgNx0OehnPvIdL8TIm6DCnCTGEeeQ4a5YjnMs5KctHz2jkQjrbEtjLM0MRj0b1laeWyk0QeVWmZvjANmQswaK5C6rwfoiUynKOkFD+KdPd09vTrqEjLDQ1hnBSSya1+d0s6Gv6jt5YONJeGHTgrfMlXLA/Xqjcwvzgta3gZT1926q8xyCMp7cliLVpi5dgIOzOjZ6SLs8bpdyX+SfC9cMlMButJST1AaILw08sq7tc7f9Gd1XoxeL4MrsFpVo5334NX0jcqhTAvhau1FbIhDuSCbi6cF2SXC5ac9Cmb3iCtbR5wIwr8FB3K2xkefYEci5y1ojiQ0c9CC7xEOpbEULYBsgBCeyirT0sCR0wCw7axmU3Dl2hEBdWBoS/fQugfCiEmkt0Tl9ZMsrsWR5rgLeYNdqLQXGq/+bLWoy75YR7cfbHVvplRkM7uK/CbUnGdnapfPo3swMiTh4dDBxJx2qiXyUthL+azij4+EYwwMCKBfcAzNVQd5pvZw5ZxKNdbNtNmaiicZWlESqgzazaP+BbF8J+eSlZ4JqBROwSMJXdxLIjxeuQGmHPiCVn8wRG+HQNxCnYlnYJPWsZloYkaqzqCFby7BpFluD4h4EVMRKgSY0+bhMNyjSoVJ4X9HTWBC/tLhh1E7L0Kap4V3cv9zkO0Q19Jz3s9eAb3jDJZn1eAGyknvP9whVKkxOdlHIB/Cbf5ZlNg8rRbHjkrbxkUnAjSKvAFnFsfjtm6221uFM85KBVPAMvF5h1QbhfytNsPKzctW0Bu18N09PTpF7AdWcTNaoMv3vn5gcM6o8TxWOJYFefxAmf5kIUtyjDJ0y7hqKpKuiirpU6/ALcaJrbuDgSk+FSelMCqTGUab/wyXRmncNAd8SGgWQEvBXNso846zLiAk26Pg29GSyUZ5df4KuLr/+XXNHDv6CbPTBQTxyzTEP2OPOVdAFozNEyf94lZv5seDNfQxVulPfY8p+NHwzDQv0ujFwkCuVPpQ8jj3axRAKTqufVLhjlM1PZ0gZJoBQggKwjBT9nAug2yrjbzJ0XA5442H+DetoubEmhqqT3OJVTEHZXa9un13z4o3jJvRzqk3LCYmjfQKJDoKjDeYdaxHhw6+AIWEGHPkMN/RndtgpB7RHAtdU1QiL9gF7anEmDKeVkd4c06xy6Mq4k7JAw6rN3T3LKCe3xnoLHEiGJzDwYHqwGPQFQgtoNE4kRBsUnYkfcGVV1Ie0qkgsjEW7i8tvaoadqTvtYWpG3Ts78kC7rdmtah7wUHae2CqHGL/tqSX9ctwfWWzre0iHqqQEupDNFqRUPjfpFDbG+w/akesvC883V8oLb6+mO2VmoGoE0Gyd0n2j6FUidGJX4O3FpoQyGKpjyB3ve9PSYZDtgj0u92BoglfyoRm/V8U/wiQM1mYMp4irY4S8C9sBPsSDmWHhjUVNqZtqi+tyurPTtiEgNYFRmDwhoLofgoFwUeJ+AoGK22Y9708SseD+qw9ZQPeVFdJRYV1aEf+fZsrkTwbXJUqwOZVP0/tMy7sVkuaegr/taspBhxWR2pJxfTWCJpURMLiRwpnimif29x7ppOPFS4LtwuKFPbE5WG+bArF0WFG40q1Gtx8cQPHZrSJ74QCQh0aWNbme37wZH5KYhKstpQlXNg1qaDRFxyWjR9TWYucY5KSXE34atrM0K03qS+9XQfCGcnUz/TABAEGzYe9IlSeZCiw8Tt/30hEp2XjA9CN5ScCJAHFNmU6HrfAvAAmRUd+xNxxX2MLP3dioq4fiO06xj4sg/nzhxLFHre+3g7AyjCCaBCM/iJCGoSdxVWp5YqfLfZIZqo7IrCNAYkLdpOnxqjYnDrAK2UXdUnxipMWyS788Sx4Nwc3eXIk4EkkWChpLWeHF3JSYlOO2z6pCozmwQp8pbddhtHpAzG3j/yXJksoVZPypUhBYHvrmzGqI2s1Eemi9PMqyjU/IxWWhAdDCy2cTJ71ykY34BEAkPhdZ9lFRZC79Gr+i82J6YZCesUEKJxEnofKPu1A/L51kd/5s9iZ93/uQkix7heDBxrcz6YtL1QF0YsmygL0hY03JJNv3cIqJ6OT4kzWWxVpD2QTh9Rd3IrHy0KYXQx60VpL6HVIS8R6XzyPGpBb8SIysSG+pKTW7nQbxBPKX57Xrky7BlVrmoiPV10LeKXgsXg1vvfTfx77luU4aMavuoFLW9U+1lq7rtG+vBAz9ibmLHSWg8mET/pfXfFNsy3oUPEo52QQ9Og1FJtq4r0DdAqVJkoZrvs0KoE9Zfz9Km9kv0PGk0jMOFZHnogJyGckU5qfwIkMiHpoFCTgmpPCPFKP49fQSbBFaSRtBRPjTMFo3+TAO92CqtAkFESGSCeF77Bpv24+1D3n+1gRIJoeEwOglMa+rXHT8e0C+t/ikiESmSbpspAer/FgIAdD9Ho3VMVw301InapLThipFT5QAgBIDKurIPZ9jy5lPeYEwj1kzxdWrhMzgh6On2pCsm1xEP5gJM2HQFkJsg00hhsFzepu79z9tRyibc+erq1ba7iFDk0VyfeEGGgKNVMI8aEUg8IWVT020SufJUkgSfK1tAwJpliF1OICFi8PVweO7n1R+86VPc76vbAzTEv0K8yB70C2rlF4bhwj1mEf/1/09kZHMI3gbz/orQr5j0KICiJjbZm5HyZ+wsABFoSDXerdfjiqAZGQmIf0/f2VyLtD+mAOldWCmwEA/C8NukNIvlKS86sgOfD+nbX/9yoankpiTv2hz+TD75Da7Y3Drppae6SXv9O5rv/1bE+rd2qfjhdt/69KG3sWIloB6/ICB3RNn7FrI+wV9fbMe2CR42qatwUDB2WSCQrDQR45ItkHFrcBXKNEZHr9KxbU3hkOVb85Y+QszqS5Ojp0/DdKeLNk9etp9zwKXrSKzoUWoxwlVeaPfhnawJwxrgLNziVX6FRX1UsLUu1Wn4y7cgPH//oDJ8t7ipRqtaFqUi7A8JjIT/JZHLFajdxZalBSo5LV83sOUOLyfg5gJHW8S8DeYknB1ne+YsCqXOcDCfwh6tIN5OErWaUyHmrvDmRaLDX/GNMnLyhUqufSmcz+mdSXc96KcrXTn7kR0mHK22/NHD5EnK2P+7N/Tu5fzwTXl9pc18Kvq+rvnx5TVMgKn2YQWZaz8zS68DN9C2oo0A97nN2vr03Seb0uUhPg1iSXfCk3ZcSMYLZRpEJHfHnP3MlcXzcpRLq7NBIgxCXqJTfR3XXyRgasVaaBWh6R4qqZ/F9UnSKZ6dVmew+h/7DakTNQ/9hnWRIj2njIGpHwcpriRTl8SCKieDMa1sYsSTq3NC+gatUhUVKFcRJuIQgIK0wFQEjyQmshJ16KsOKQQyLRhQUBqGFwQXufIGjfJ9cjFTSqJb8k4+SjlQ+JnmqAPP9j4eR4X4WFbDSJxxP9E4X3IeQNVuF6DoZsR2cyHFw19TQWUE1hP4sNkuhCCXoYg1c1MoERHtCLtFLlxG9p5GWHYl0ClzP8McXHnxO1HBhIyNwgmcVeYr+JznbgeWR6UVjF4SY0TcLN2mCTjl0AkRcS6BusHWhGTOyPpKCDFuBxkmNodjkgxcEI8tbT5xJRqzroeXdp4KRkUjgUpXNTGKGYMZSUnu/E9EhF5KG7EgFgbh3NMxkghytbib7IYpcqrLA2WAUvxUwu+fEQXcYAuOV3J4ss4fcoS08RQfRxrNCmQS+w2Uuozjb9pQRKPE6kG/xqUldbwhEkublDCS5Kw89eI2jiGkeIpnOY+QwYUM8Ry+l9JB5t7ZjTjcWR3GQGmqxVFaB5JnV1d6MkenM55ewFTVtJ2h1FF06Zc0A0lR/5wGF/UIjI7bfvqSUOc5XqcCAZ/tKeNOEk0NbiBHWy0lfCVaJ5eLcqp/tfUXPvpvKGXXhpO+FU+7CaXUBN+cdlkOSwV2ksiIbt3heJC1jKy98h11LFh18OJ+1se/Q7fddks6NAMcrUcw89yW1rM288D37w3QFFj7PtUD7EAMHLcQkQKIXkcfHVykgoOPZbHFUHgRkqtW+QBOpNnkVUnloMpmu4GExCLJQ9OBloQpzeGk+brInGBHjN3gSrPlB0vcFhWtDKxTHDJdhvML++h2jQNuRB/SnfoKwZxu8/yjmEYLsufWWPoft3ToHeHMetoVzDOE0tOwEQvAy3LwW79FWAWxlTehUbaqZBErThVyZC+JHUa1EpMQe2dBu59Fhv6i1ay+lakX9TDurN30sk6UvE/2NGwifk2fDVy+v0+Mm/p4Ftbc+Sn8NymnS0QAnJiPqzoUXjncjzKXRsaN2u1iHCaOFA51XcRPspU1QFu9pMU0wjSaAqjdNz3G8PK/YgjE2JDFMuyIQDrjxS9jqusS40K7yVOGELqzeoT/HHS37lCJ/qIFlGgXG7k4ghuID9YUyC5RfK6t/c7L5fwOIEkOdkuHu0iAw/Fr4j2hwU8xUdLj5veZBea33BRwBzF1IHMRyRy3hblsLYvQIpWgRgFd+n93Tr/dcicE8o0uVkQScuogiSkWgTMb1CYUKJPq9tatffSk1wWvchLM/rQ07u1JBMrBBaanot6u4xdjMdzZ1hw9wctK9fDSI3TdeIiRaqouTuKAmgGbuiAKDsxTAi3/ZU24y3+LpYXBmQG4Y/2uaABFIDqvuaGWyKogYP2sW3KXe+YRCYq8sVEBueLclYz3smqovlo4nVrijV+gNcoEt9hraFgRkasyyCfxqm9/AlZgQtCZ3tS0CvS04idWr0sifcSUbn9xEuVq20rurBz8Tz81PlbvqD0qRPNQpVgdNbbRKjpkwvixBIUwQ3+vKzwENTR7SgJb162QANNb64BDEE0JthgqxctRehgGPX6Z7RtkwX6IYHvTl9lNRtaNAZTpzPXz44TTES5A1e03dmgDpZfpjCRO7Q5rNnQtaQyg7WohA7Lse1kBYjCwafNKn5T7QZtzWYTDt9YlEhwyclrSchjnIHF4SWlsgUEssrVG92c+fbm3PlAuKT4sZ2EfoYh62ieNG2dkvwemmqE+BMi9AnCLtlb5t0uHmnaEYRJKaHFNm9vHKqqDeBt5H9d9eilA57aDXMHgNpumLIsl+CxnegLZ9ZP2bjbwsepfE2mOmlCQoKzA5URX4pAXrAqV9XiSruNmRf+27Qwhh+VsZnAJ6F9S9+7cPeYgtGJkESB8PXjWIc6P7WL9W3hcQYgq4rHyxO1vvNKuPDKtL0ffRrrh0LD1HdtLA1KP/rtofjVOpuefPj6MuM/SqxarqMV3rRPUjkaQnpSd0RJz2WDRtyG9humLOqMzpmn0o3GzPfHI5dhEObU7c7uyiztTSx0icWhjxCDl1RqcknWpW75WKS6fP7q5cgMzQzBNf95oDrlzHNMv6CNE5iKL48jdEtKJYy+z0UKUt0vZsI7KGm/Acja/4shMh1u0m4YLWZd/Di2LXCePli6DVMl+dMaKYfE2CKE9J27cqK6otPAfzDATRMO/WvfvDN13G06DO4RYJWGRfhTuCzz7nAw7Lo9jP/1PKn7EE7969mTMt0+6sYPSUmm3rHKur6bjM4RlP8O4hA4YFIytL+/G001Ll9Yw+6HMt32NY7q3on+vWnVF7ditRePeYdZQ9trZC5uVE23Fv0zxgNA+S/nV/x6bd0SHf/6X7F4znEbc/yWvk/mRPP18/GlfuPoniPcf9+7KKVnDSDQ1jPKduhBl5QJNmBUb0YaO9iUV2BtdLXrHgx3RLbskCkLhZ9sWSNlk/zOh6Si62x0sgGmXcijd78v8OJ7Kc8mDfAJYilDEnC0oLeSRoOZeKmcjVb46aqiZP51msd4XJz7gJLMMNHVG4Sr32M1eNct3ju2UFJZ0HePyWdWeBH6mcFeTy6c6oJjFYTBGzcBOr6yBWmY4w3tmm5riUiZ1Ll6pFeZbcC7aGimjm8Rgh3f7xZJM/imnrafXvdPW6Z2cbaURRGUCGF3cfzShKfrN9+rPNbtoBqqXO/3CQz5WwLMbDV1NB/6RGQUruGQMwk/c82gaYOi7lQyz3NpTJkokOSJnO6A8FUGi+d5rARzVQeCYWS/IBS6nBrx39+PkyJHCxpve5phUY6A+QNYUcTMySPxrtN3Um87l5oLPLzqdGVIrxdhYGh5ra/K5cEuE5PpGjpPbGnB4zHsSCs/8w5W/5PMT8PGVayGMhT8UCHu2CQkotALAL5koxvvTGtnAuDtAuP6kkFQHVAwAhhn+3XAXbEHYDDFojQMYHw7b++ZkPiZR1ugR4A18fjd16CO/EXc3tGXzcQc6JKDwEpQvppIthCA8EqMZIS/oT/QaRgWtPeERUO7+zF6kp2hQ75Jh/kBPpmnABnEy6O/CNFqnWV3S9HS4d9vNr+SO+JiRIJbf5qUKXf3YIY0C1QFtKaBaJvmtCNmIPcptrLBEmEgstoaZVngqDE7E5bChN2VQqbH28r7jZWh1xiNvANYWO+T09CsIfTLxXOmFHkqh4rSqZxwNIJWZBE6Fk2LoxwLTUOW3iTs5pD1XyKxzaPCTr9yKxAJ78Ls9t7Nba6sSzcxjqWtVqdZyONuagpftskWoGSFyeDY1EPGAVJIRupxi/QrRBqx1ugpk6QutLZPqNMngLCiGcq0YGCtUDypEcq8gzEBqpzbyprn8ejBREf1HjuX+O1HrDbK2z//8DH880S754dBJ1HEy08nnMC0L/vwrAxv9rLs/tX7PEnuXqM8RY/iDAyNZo5NBU5Ay0Ko4OVwWxqJ4TAT/fEUzot2FDFIwxPPS6JWL/Wp32VKiOklzs+745263/Ptg9/qzEr4hUMN1ybbkzOgSajlI2EDvkfFc+5PB0SYdoWx3fppEotdWeHsli0r205wx5811+pZSTlF0F7OsQvRk+6F+sOjg/qmmL5DBh7KuDdyuqW+nQ8vXsuq0rcmoBz9c3sYspp+xG+YCgZw4YoN2jy75OT+sbhwHsmN3MGiWnLkFw4oqKsKTqG50dpgNskPWk1ino0vrQBAQbcv6RIPfAxoM447E+TE9NhELd4Tya3fOncafZ7ppjuzHTilf7x724Wh46OY4XjpUZt7bVcpFzM1B+J+N1cg3xbm7awiWlsrz8ijFtnhgQQjI1p20jxE7NIjqO2S2c62dJpFAwR9m7cRd6QHt93eAoWAVL2ljFNc/USilLOhviMH35Cu/SQ1HxeVUBgxnasy4+LXj/f1L2Uz8eMuc8mfhJBSH6/K6TgTK7cl8MILrpq52WOUU6rrGcHquM+5hWTRux7h2DfpMXmWANFW2kdapTedBo9UesD75+GppyOS3sGPQE7cu5JLO3C6qLudzXSsesv/2QUst/3bBcIB4v/BbprxF1gIxrWj0m6Ki4menT0McT6syWrjSeXTL4/69REQtSpmrX1372ms200lfsEYDlTKx2CRhL3DRO49XU/E//vgxSQqs6e37waUyRnnCQ4AyDbsnx1P3tg54ONOupEsJbAmKEbolIsVkENacTK1O4HS88d73T9e+LqtgGVrkw0TwDtHCavnIR3em9vA6zAfBgI353gP0wI84OCCQNok0vtHLo+d9w6M5gClHhsdH9F6Uyni1l9CEDcmwpqhDbfN1KhZSe4UOfZxIfkotf/CJOCJGgapr3bhp6flp5AUUySzZnEFpnziaerrTB4QzP2IX90xex9ERa+yMd+c66yb5xOUNg9HqWMEMfyTVRStNAs8ycb+OXCkVEMAZ5EE/NpMGZpK9LBCrok1pWxsDpc1+UZiG9IlWBIh0kT1Zgp7L3WJR+3CiiSEHnaS+1tMvRYgEATWanfR/XxgcaGdUwT0mtd7kGrSoPEnFzFGnvJ2ac9ePW85sUq94Y957CZ2epIzBUj49DmBKJoxx79JzXsCvVYs1KAn8cZjWiFbJSevo0BE6u4s1BdGrqImC3Md0HMV0IU7wFErsE1Bf16uvpM3ZPwD0J51GIaKTZ/pizSI7wwlfHDKMAcxY6qHg0AK/lB8z1pZSEtpgmFlxAJtgNk+FnBHYP63WMHkwszwAQtxMjohNUgrOCnmzHZYKJL15IAIwDVzUEn0Q+aNxfMEpni5J978DnMKGZ1mDJ02UKEpQnLEUSgdXgs+dbABC2Y7K7v4O4z2ebVyHAhHpy+P56HtfPhYwkXPTDeL5YQ6waAKiXivk/GR++tlirTx/C0AztnQkXncN381Q3f4e8N7fdm/9v3dHVd8q9+cj35ln3ZtiBzmZIHlzkdbSRx9LhfXiXU2/2Iqbmp2yctun3LL2D+jOGziM03xF13tfKbd5G7SanrRnKware3wdsr5etUflKFM3Xz4vadGC3DVl5g/GtIJDF+2G25mBl2Q+tND/4KXVcpryyrPBLt9jsu2Mn3y1bn/JPruN1M6gECk3SPJfKHSykPMNOSfZN9/yncTKf/32s1i6V8b7+HBd5DwAFWA1GRgW/qsyXyXmPfIyrmYtYqHOzrzh/ksv9I2l7NK0I0mu60ecHrhn3lNEUlbaP0RGFDitox7TnhnlxoNsrfbdstrp11rlPsZzirdbM21/uOdGDWnVpr3+ft8NKfCyohyc0XDKh7lsYOf0V4qt82BXjlNUTiaucQMedoJyH254xBxjKp6T6YMIy4ZpaCIRZar7Fqu/Eiu9YWYlu4bLaIoKT5Flm3KahC08Fz0eu+ZfcnDsVjqVWqGWLe5iyO3ar0512G5uzvIcvetHFeZnIpd5P0SeWO6PCELa+brYFb8qrJTi3X/80Nnz48vP9n6rPzc+lGsrytOpLEoWDZP4pmM/JR1RNuu/0ZT2qfJrKz+VdBFhEQNRrCOpFm7RVQ3x7My5xXQJmstUl6qJQpCVm18shZXd5xKL/YIWOCFXGAX7iMjw/PUjAGO0iaf7gguFHKapvDamte8xEgoYOt0MmxuKI6OLshVboUyAJtIAAoqonScTwLV61d+DvI9httD/9iEw47ShZEWGpBNcGvz1ZdPYYzZhEdNLsgwaKq8+YClibhUThg0hxfcOfExJFYJNQnfm/tlwWWD4of8Qdaqpdo4kiwR43SCasY8y/RBNd0yKWRscb5mCGPbhO4m7ALEsTKYsSieYjHMvOZXTKEV4bWIGJNx9ovINCPmyA0zPfLDNlDDCWrMRDdezFJ9IGow38G5l9n+3c+i5g5xHWW6k0muZzovyqyHfZO0hLxVK8VKBGYLpSO72vrYyKMETfi6W/muPoj6oCkhilMrtTxRYEmVSqX10RtqyUPQasqaXqGyL6pLIIm73gLstFe8loHaUR27P1oGRI7HKlr/rmDw3/9DIWKfkLGf5/mES+C70nETE76AhzMiXsnzF6BC7IPVsNFs+5imMPb3E8n0aMhmHsGhTURcn2FW2bDp2jWLk/PoIkR5a2W46neCyK6Xg6HGOwJldHppwfEaOAk7X6A+O0Hvb4I1/4rqHUEkbzIrI0BaHnOSfsFjFF/03yxXA5pZFO7eBLiTNBqKET2vF4r949l9P3VA6c1MmaPcCRfapBo3WLaECYLA26JhoS0VDtphdyYKWz4OHrfzyHZBsFNxpuyn32N3nrWfAFAaEHFEnUSnH+Buzkm4LR78vhS19ym9cfASMDvr01RQjJJ6kZYnCgU/En3iZJbXnO1WoqkmRR5f5lRWpiySTydjT5k5PR+hQyLvEz7SKvJfygew5CnId6cyN1Dt1sypvi0ulMq4yngj6tQuoNTkQuxZygLbVNnpF/hnjkQrWKs0ooqaCcC8ppcmQPDPkPvlbMA58Pb6H8+Sfr/eXaKynPvLsihWNq1J7NIyDt6pSqjP2KZf/gNb2oDPbi6LdlhQ+48Hr9CHsopH/qJbeUvFc+GYxOFGJ9ZVWGQVYZtZ7Dkv5BqZFz/FhQjlaPDNcfmlN+OlZrxuXUBsbaM7T5ZDtXqhKALyIVWlAZ1ikoeCqQBLG6x2YQy9+pJQfCLszFUHmn4BH6oAm8wQTBzbVI26itXHuMy+js9QWXxaBms0NYsx3eXr9qG5jde56vRCXW2CPlO9QXqVafQi55ZtX1b6oppu+OiWnXnYFaIMNJmgQFApneEnGBadjIgqRkWHvR6TjUCh7jwait+JavCzq9smPkXj2/8udcDu0W3iGtlDK7wnlr57LmxsuaI4r2zld+vddiqRIrXAV4DBsF5lgRos7EZcdjKMC54HVdxlnlIFOT9t5BozpD85MVpWR4HhTasYBgqcW0upWFtVh2roWLH6UYmIi8jvdU/KhpAE5Ud6ldrnnztjsQa7z/ehshKK6b1QRuMIdxetfmGC3ACANdxZcjGMgSDwniAhdPpcE9Ljq6hjVbwh4JzR/KH9/MMwWs2LJnEVVDVPJNQhs8icfJ2pL8W7CYWXxyoyXjC4ncpSVth7b/1ZNKHcrG3skARc1zjICyUSh1q1v7tMu9LzCE2EC6lQuJY9D+22W4XN1hK6RKWxkxrSw1XCQul4Mte13M4pwHZHRsl9WhfbFz1AWIWOWDkFVkqW3Rvl3w9Z6VnP1fgMoOho00PmWocYcaT/p/4ff4t5tUamBYCyuzHm5fqaylRTqktk/amljpz2hIwjvwBmS6VP+lRl27dQzQDxn7fujbKHqk/bc1vCcT++dn3EYEfsFpNC7A+8cNIi2xbmqc65OGqBbK2uVFTY2e2FmmupIaMhT1Z+te5/keLZmdmrzx+CKJVO6ogaQkcDQ76RYcUBIkCM4SWo/El2rZHMEL9yf3GOJu1SqbxXkU59cW3NT6voqy/DocFbzA1D0vkoDFMFyP7ucs4gYBiSV42XX0di0MipeoaS0ONzDZkLAKXMMjcLR784xuflPfmz8j92Y0yHMs5p6UEgkqORUYTX4ZO5tju8sMs/2LswJZZ3Xkq+JkN9FVhQ6N8gVG5+z6UgrJrfD8FQXsvkjQ/LR3dDJsIRHKADuogd5VTvppiunS+0opY0Lkkgi7ncCldwH6EE/jZUd2CI+8IB73PU0ULFWOVFJH9CUOsFUeF7+4E9+RzjLViCuGABOUjiDgJow6yK/XABQXbxKTSZMI9Xz2yGAfe9zyzpHMqQbimglIeSVzAfYhkavTg9I0xB/pbaw7pGks3xFSdkvIMM2AbVJpcO4aEoDpli2Iru0gobZ7BStunCQaom7DhuzA9JuxxG7WImr1kNnevzbTrmGqz51lB54uVVpYftRFf6YLxu+EhI6qX6QOaS5tz7K/tnz9QCW77TnA+46LOK5ZkWZpPyGWlM9pqA1sjb/0WFMoVKSbhShW5yRTQ+XdwuAyFQ8oWOnQ1PIbjnP7aCfYoplYU+XB6xwwZw9u3IaHVj+fxqbpT7w/xgtjyKykyLf++iLIBr5ej92sN63tF8tK6YUAzAdkApQs05uRm4sMqtFhEXX7yMScpVSlFS4MNMOO1zr6gqSIDUN8dQ5pSe/RocmVh4NOpTXIjQj0S4FMKNC0nx52zHPNCcwhOL4x9AA1mQF38rn7adclgZcj04NpqecX8zzF0CMRDaTkIblOCwafJlIG1x9C9qilpVJvcvS6tTQjgM6L8kR+6oMgkV8dg4cim8T8PMZCMvqTiGjGDoDqr1rDnqO24tUzoKiaRI21aZydXHjaXx1dsYbFiMGI4sDByF6KzWz2ZdwR8aLeMG8pw3vkim1fuNnrdtc9dFVSBA9q4nvv1er5qZ5mitAbfSdTavmJNzyJF8n/uZkuWVAiayfw9sWyVtfBE9FBVGvqQa3NdfBtQkB5GikN3sgbwoz/9H///CaOB4NQydb0jsINeT1L2NcXIark/x5SwFNYSXv0opSF/O/bYntCeGdjT3rbn5gZZVa/IxM7DBVfqGbdXWNvrNSz2+937jET6KwneweGwMNk57j09hyChpwUmk1KIcquJ3v4dVEUer+X/aeM+cm8KpeNSsfvF4OUK2ARzJcambZdHxXNQKITA9+1YAhNLPjDbLRFxVM88l5Zb9HCeTdSd2b9+ucEgKLY+vxplfF3nt93FuD9KUWmyhr//ujXUXHdz83Gsp19kVH056Flr90dtK5bCKq0k0jdR9BXlymcmGOuxu2ibSLK/hSck8QTA4j12voT7JGIoc9ejl6E4eVtD5APbQJYvV0zTmPLvXvV3Ch2SyvMs/01hBlkobdq72j/bFF1rO2neJTfD8hoFlPl1Sc60oHjy35ujvqVxPe6e9mNt968gdzZPHcVg1P9A0REzIYq/viG7xdjyXo2UIPDAu0KKiv07Ze6Ch+OQEG+3e+356xqmCf92IlvEh5+vLqrgwmPU3fdE1qfl4f97/T6qXa63/HSR0jWvYQiQdK3EfQHJlqt5iliBkR7hzZLnQhpfgNY+hGSAtp5lmUNhcY9wXxaNGlpC57m4s+9vVQXOiVp7Vp9O0IA6GaG2X5gBXpPLHwMLilpCEH3Eg9T7+sT48K5jvL3ppYg3kHeXTDNhkj0oI+i9qHxpST5qum7O8pP+JGDD/yFy2ViIZ6S31BPspQp3EMAhDyi9CNnxRVWUCYox8OYEolvd52C1+14BaXOVe5fp74DIbtwfs28cGs41sUpF8PlXNJY+FW9FkJn1QdqSb4sVeoCTrA2ycx0YvtV+GK2i1YU4zOfHPogITTApt+lGZGeneu0snfV9gY89Gfmw3/zwjWj5cmX7/3H9BUf6TW9pM/4Nz3QqxoL9m6mLt8bCVehKr1nQLnDu0VKKC/yZSUdxpDnUkHT06owohkxFcasHDnMXR1DZk5Enb0HeATwUhE5SLHdV2UJcAuAblhYkDb8DNGYc0rTqOJd2JuCOIW7AZ8dtYRs9f6Vry08XqfqEfudeoTM7ZR4b/J0jlhVGXG+oOEYQxaVfZ+u9lp1vSbRP7/JirByJoLzvZIuidES/VnE8l8MoAfvV1G5iJC2hUSBgGZsdzGZ/md8FbWm9W623TCukikvYrXwbsubvXic7S8Eyed/vRraTtlYEKOoZj/gjS6AXaRHuh3sbJ9sxp8uowQvDTDnfb2eS5xTqRIb4v3LYOayE0y5W4NBj5RBLRQMVrMeMIVnts4q9t8foE33d2Vzm8XKGJt9YY+LSsuEKlO82HAC+I+I/OyoGcU2e2kcfp8aBuZuqu6f8GSwtWM375zp9PFj1dVm27u4N60lyS0gAjUdL8qGIEsFpsGNmgXUZw5rAw3AJhhGnf0FwNPFBiwyxcW7n9yUwb2mavYTHhtSOXy8bThj/zbyeEVgDih3Jq2Xyjhj7Ge+UsYnW3hy/dLbOREqoiffwh2ap8LSPbTLaBqIp36oWYJw3G5OoB5rValgxEwQ4fCruWEGoHvnmzMfCwxthervsbZY7KxTDbBe/JLGa/NOHz+ZH/im4+VDfW4O9t/jURizTY0v6RtBpqMj37Sb6eFAws9On+uDzinzr/TTx99jf99ixr+xHCV/vjmCy6h8WAVWPvpv5/+XP1fG12orhDHn16OfZ4dvrPbo49TLKrtn/bEfg51q9fR4ED4nNP0vGZIfgc/3BbQ/SB7T577oKumrXx+hrVDHGwV0KPkjmMnw0Xp1QwCL1wGmPs8dIMeUIreT4r8XNFSPBdszg8svUhq8X+K/pudtgjeVSotrrji+vZjyTHkGh8Bym8KdLtlAuW4HTrqeIQzsBQKs0nN0w9vL7eftiQfiJfq5Fz7MfMEzMWbEi6utaqugw+TV0SqVRvbw37ewElj6r5E8Gbzrx8wXEBI+E7/Rf/VcskH+i0YSf7kjMAzDsCOjzAkjgkxMNwxKg/Ujgos6Do+VGK5GKbZGnl/KJEwIykLovozaGrZhZRqoVJjTCBs/guLNwTUAhgObxc7lh+fVmhi+DMCoaXHxIjsnt79LYvhaAXuE43hUsEuwQwcQHxWGcHql5xN0EphEwZn4w9rijOOOFRd4mGExxqELEvDoR+YX+u3++TGucvkBFACUGo17QJ/s4IB9OpkNTs++HGH/HOjvExsd6GNFn/bcmU2OsIsD9t/p9M+u/a6vBzY70L87C/4/wgiWO8DPCg/AmOHsCBsj74SxdrKuiCi+A8gRtEqtBtw9VicYFBi8oVrIgAAIwwusAdyRjLdmNMTqT5h4JPOGLY/xkcJQAlCRcg8ab2AC8mGkZcWnt4AQ1j10HX8RNYVNj7AcpDkDxbdmXAkBtfN7E2EFVrpMcwL8hDCT5gTfG2DYkneC+9FkcsJipOM5HAAAYG6ALpJyifXoyMZIdiS0QoAmMjAyEBbCylLq0LICQGa2q8DEAABuHisMGzfABlYIaewZwx+inaAHmwOTXWRfGwp2EcGX7b/07xxrBuIdCsKxo1THD/wnEj9ww4TjiAsm1UhhsUMOBV3GvzQsEXJYHCNPgq7HZwiVXgO88UjM6Gam6liZZvAmx/Us6Fbu03CrUY/EGwQvjS9zLFbcDIID439QqPYyIvEWN6PgoNgg9Kw44NCgRHxF7gQH4xpCLxrtkbhltxQcQi6DKUMYkKw/atQh2eGzRu9I9nnUqEWy4ajRGyz7OmrUwLJ/R41eYdn3UaMTko2f1XVIdjxq9ALLTkeNnmHZ+ahRDcumo+Kd490ETrr5ZfCZRu/vDTskf1QGXpoDbafbXwZFNereG74hvNsIijTafRH8qEa7XwY/0mj33vAjmD/OBF+r0cdHwdc0+vhm8DU4qTJMuU6nlIFtgfML/WS7xp+z9JoJzvd6yJ3FWdnqjnEuZPQLPH2UhaZ/OfyseNxTmNt//H4hfyOd+H0Q/v+XugasENq/7WElnV33Ed+4yCEI5ALPpEKFOSvyiFYTh7CC5u1O+R5Hqalmq0j5/1XY/7M3kGpfWygojhQOi56GewERJdMVxUhxeT54nLw0mFGSUBdTFJFw2cSRslPxKyjUm6trT4/tJBkUOw1EAOd5bBCC7uc7oilkMHEg3a9lqyVQ/z7NGKha3LkPhMuBPttR1v24rqAd/tkUKm2AfdxsSNXwq9qCCu1n+OGDXeAMWJfEwMJ8EIgzHdlhVca8tBdrnDqEVlbraSC2UtVdeaLLyNH5PWyqrNSyPLk6lf/fKyhQNMTl6JgpWCQoEZgpgtQocKx0AjuQpDt5pRUU6lGCQVrSyUWcaCosEhS14EEQGgcsKcO4g2VQZKOmJk5YNQvirfrgeXRhU0jP5iAKucBRJBD98DtSNZIpoT8rGUy0VJPeVBih7F+fAW+Wuga+JBFlYb4nVMy0dQDJeWZwpTlmV2AR4OodsfoY9Iv76GRjHde/lCYJ3cih9CvsY3wjAo05KDonxZuu6Rw5BAERjnKBR4QQWgcacwh+SSrN1q+AMlpODZBkZC+XEcOlrUICP8AREy3whTzyHS4UtpPoXiVcw8DJKwrLX8FC3U9L1Et6FNvpV234zEm1fF2Gq05woBvZAzGh+ihCYd414OFNp1BkCR4beYByDjx4g2qB94WZQ5T0TzVJ2M2VTYsgmvnM83HjDhAdXk/3bKxIq6EHxMfY6zIl2d2aPjm0Fsj+ZinB1DkuMaMSWlk+0yTEOK9lJ6z7A6HnN58qaDNBfBsfvjgIO9Srv5X38rHEjqfzdRPwNbpZjiFFI1vLr0QlEudCCSB9fWDcj4UO6n+yJwdc4PQCooW3JTEcFsmHl40NSAv9eAiKH8HOix54USwkoUS/6skff29gFZ6BLVR5NhLAuR7ZObB6q2pSASPn8t+Lq07LcMLwatwxonC1WCzCxAlfSuTShsc3a6Kbp7snkeqNXMoTzocMiiO2dYid3iUMucchFPHyj7okJUX3RyOCuxkefi0zSWingCJS/HJ8Hxpfzxc7nLwQh4ANq3/axWhnbf2SzcWFWZGAWegPC+GqV9+Bd+qrbkxiLNKjKoyKPgMjnR1smfEfdSKI3AkS4fh2dkiUBsf37yoskDNKRgooZBI2JbbCfGsrLf+9fW16Ilg1DtzEhUGq5fXktdOSTngztlMjvBupIvSLYh5O3Gvr0QbiRRwD7KqzpyIHwWe5ozNwCI+PAKbrtKk6UskvKHRD4Xaa4bgQcN9HB/avCosXEkJcTjNRoZCIAZJ+JobaKeMCAoPVCCyuVzQ01qmQJRzcbINP0AK1+jByvSBdHbhWXlAoqEqLhShmyggB5Kpen/Vb/nsMhvp8HfjrS7Sh5tYL/N8sSJ95DrB9BE2pQrtHLZFlqdvOscj00rrZQ+gUt4/uDeHSgsh5ffxXxgvkkE6uPeEyDqSyfqE5CWe5RNMVUFg0cX1LzT+PqbTxRmjuz5879wA69bJjBIeccbgpJsEYjFhrqVGPkEnysfY8E8xD/e7b260GIhAxJJiKc4oeFijofJ5BQQrOBw9TOO3lFhqfXVFY8u5i0h087+aKqs93of3NFeXkSgROWqaVltylsbpG39DWSKFFEcWNj2+EI090gFl+XR1nYace9lYRIhdJ9hhUKTD7vUJUOhHRlUHuEq6jB8jw3GAMgaeQTl1ET15AYaZCj4k2Mqd2nwRjFOtWb4mQel9wLuKwlaGqid5+L12EXDhmwcs6pRUSxMC9+R4UuZOgZpgaHM7u0zGWiYhKYAonIqRDv5norWSnaFnEesCMDig6/XDeS8qy+I7AKNt1o/opEWB6fR8lXWWO0aup35DAjIyXbbOOsRZ3mLXB6pOJud1+ZRZ0oI9ZXN00UUExCYoEhZ7JGNyJOfAK2qmLjZRrAarujNk+33GXmQwiO8FLi6YJVdEd91c3es7QVgN9jMw56R00VWyWUUMWrZIR9H7laBADC29cbV+FgaQja1RvcTV+0Ustvoc/yh0LVMURxSAgo2YaUf/LDwU806niAmdw/lX2bxYURD8fPnWRWkl4GL5/f3PpvWb/rwmzMdDTMG856+XT8fStAVcaUA725jDK5M6lYOlBI7RRH+ZUENnD7F3bm+wuFlQ39LTLPTxqvJh2cbjRqAAPxjc7i2w4O9B8Gg7O+3HDE5ZD+/0r4RjPUV+f9e5N7BFRrZwPFqghwy4CZihG9y46NBwE/aNxYaRQQXXzzolb924ZaWpydx+tMwaBjsBaeEa6nOjlTveVT5KHjoATyHMcNw5w+V4mCNQlaDytrmC/JAQZkE/AgkPgLv88Aqe1u77yBHcNPjHpZXgSvAz01c6kdVMwg2eg1UDErKQVi35VMTdNXaFkNi+AC780JirNUi5siYf1IhdnB+im2hxR5caTr+7yIHozQ7tq21jhswuPlZFRYCacCJjX/ZjkKgj7YJpUgwMD2D3gvFRQym4VwC0SbMiQ8VE6UtpDh7SDra2tQxlPLGH68xgwoxjhNBy1pCdior/BjQO2OX5zk0c2HZMMvuiag0GR3HQzVuFgvGoZtTRIWcpcQuLKFuELuaCJj5m16zK219Gy4lpFqQ4g88WA7juDHxVBDCqoebBk1KPjrBqoe4Lzr5rfXT1rttD3tx/AVWhh3eEFHYvy4sY9ef/vWWCbxHYMdwJFx2AZnifTIpLb3oznsWtOr18u8poHmoM2tBR76zFtiloGwOXQRwKD2uFdd/AsGHujR/ls5+Z0QsxTJO08RoVaryhoiigizqvs/Kpzwcb+rvYJEFHKDemoWLwQe5A2pDLQ5AlJBC3ayi3lkKZkNMxrrctmsHBzusAgYTmT4qK01cYd/W0FNNNZj3xQxKvIgyGKJE+GYbeQ+1JupukpmqwSuTH9EA2b7S6EA3vjjFkIHPIUt+oJeu2160i7zqOzp0MFRUwj5eywpASU7aDrDj7q/s/xN1j5VVNWKKBBX+u4cWIqMjhZXkjar44FGGpbOjkcikiJrjyKTTUgtqsnbm+3tokeI0wcoChFjPgffX3cjhATsf9lEWBEvFNgUBzO5penCV0tAFnm8yLYGhA0XwKGTrUG5AQCp4hUam3znsR8xwU1ZISzdM5+JouF33VG2cn8SzQm0DMG5xeVrnLHCK3HJQQ+nmTJ8ShrDtEkX1JlZYg+KZtHFp5NDoZmkzeqCvnaOzeICky86Dny2FykWxFB6yxkcPDnEWhbXrJB9NFiClIOlyNKozTUaCuvo/ILDe3/DYjxwxUDVbwTlfKIoUgYSfUh8NOG2+RjyXIlDYekXLfJwSwLRc/aitJIUVvr7qjV38uePjKoTVZ1I0MRySVHoXu7d5UrFGhh1jYt7Es8Hu22XM7WuI5U5RwoK10CBQQWTelns8l0SULNh97Qq7BOAQQM+vcelb5ayuOr0H1DYFSq/XPo7ra5O5y8Bvz0XnOW40mEcxE4jdTpU2j88HME02UDWTuKdnath8aqUQBbJi0mTgVedSzKnCJtLdCfhzE4U4xsBTd7+HcOComgtZuBWpFV+9uggbhAvvyg2Hx5Pe3CsEVU0pOIvHNYoNnzjJDOkZC8PkVkfLuT141g9OCFpZk50pnwP7+hcIqFU7euG76eXUdVRmq9tu0wEnQu0yMbV+GvaiofR4ZU/ldtKFSrgeS+B6QHrisgZ+SJy8KxXFkoB5DTu8sVAgeVV/iYZZSxRQakrAvpcebyWKvuTKV1w+Fq1AwcuQRIiaMimSFPXP3eCTgFwGCiRGvFmtelabZxvRLbq0OguRSGEDzaiinYZ/clQp9zdSp2P6tG9YHlodbZqsIRQ0NL7TPZURG8MvBMaDUgf7Mh3QdwvQIrmQMeCwZFGtMfMn4vaR4brCSKHbR5HQ5JcncFBPLDmFzr7xkzJSDbxIjVSBpnEywFbgNcSWx/7IDU/Kouj9cmASx4iFdJvkE8ubDSl44arUPBiTKxW0qhVF3iXUnHkHtxNUcM3q0uHwxuf7/0UNQLsKJwYI+uoJWHvfSLJ4Df/eIJYC+MsvDBgwsuMy5LHFjr4qcqg0PjXQQkyA6FE7HTc/gJGmFj4va/kvRwLuUoTwyldheVMyt58vAlcKpi8T1rMkq5WJ+7hv3RGSKZT5vB1mfFC+R8O9z76C6eSyk/2BuEixX9Pv424tw+SRad4hK+9/0KB1wsIi8OrYnFoXpK23KExxeHiux9yaGeZor9gp9KdIYp5RQcfMdTwVrXwdAQuNOtP1R8OTd9KTgCSCtJRj9NE6U0RgpjZRU7LJIEz4iLzIQ7GB2Xg+qYfqy6nbo8LrM4mbEyGWKZ/ZTkwRKpUI6JHyTLNzm4wz0EUizVY/WMZucNaJDHFZIgIIGK0X0cK5tp7iVUpbLFdn/vnMrxZCTfbYM3loNmmIFuNhRQNs15LoWZgAuW9TiDrhSBlUNiTP9anguPw+FVp2YqktGv7ERR7Uj5+iwP3+eC9+Go/WuxIBKl8cl1Vm9KgC/ZMD1CnZPad4sGFk4HTo+yJ70yygZ9V6mKQ2P6PGTqw9rCeIkU4lVM3Z9CdewO5YbUW8Rc6qhK0UNscB8EjVF3mt5vg2GEeZ2hkPpwaEnEV8lrfT9sSLIC1ypGYNUAuDSOFKwO4uTybUB/gRgeERx0M+vOqE4hLA0dfJq/1xyIRbrJ9iYV6d/TiY65GAaKSpqZhSRaEA/bgFuKMzM525dwQVLVx+BqMkIKSQmJZyJIdgEZ1zDUtLAm62NHk4XG3WlijJ013o7hS6F1Pwplvs/LbND9wIWIeNu7NFw+L7qgVmIhdShNlmQNJiJMt/Ts61zys48m27h6SMG8EHkoqN/uiWCP3DwRm/CJplwPiRUj3rNUwwYQseXLmse8SOEdvak3ScpHTwo2KoMVwbneq904KiYnjN3FzwnCh8WU4jfXZjCLp2581RGnWol0whEvh6IxyrhkJEkOJ8GE90tR2ZSInxnHn5TbpThsPniW429EEIUeIzBT1zAuQdkUcvTpXgP1MW3/mRDAyz3DioWQyBifzHmJQM1dr7ZsEmNzubG2CPmwWPvViKfuGS16LCowxn1HNRZYyPaAs+r//VgbAxBGsi8E03gxrFaC1QKZ4gLZkd+rN+H54MU6YKcB6PVEIk5em8qv8oIZjJDeA0IuaVk/RlnkOT9wyXMxx9gYvM/veZJPi8bYBJ/zhWeFFY988DW/8jJfFKcce0p+xb4vR9JkWnh8WU1n15m2IAMUzl/1sKIzB5DNlw53BG2W58BS64hnEzdrziSuKJbnpzfk7AD5O7wB8g3IR60VvHGoyP9t/oniFPe5GWLZHIICGTAQwjaaWAq0PGv40s9jt4V3cZAFx0UxQJClx5hwy4wZXiSLqkGnpmMeTSwCiFM5xgltUwV7mwm7dhgJYkwPdsMRoA6EqpHsKSjQeqVlHcuUpgnOyknEoLTxGCEwKJKMMQPDo1lo/yFGm3i103xHaVhULumcQesfKT+zI5ZC+18KvE734j1JanuTtQKK9Bv7tXSj/5ZssxoT+woR0Ye/W48owcwYYAa9627GqyR1QmtbRQYJsa/yligZExDMqbKX+jE4NT5zv7ugPMZ2l+0En2Lf7BuzPUFEtgq/p95my2WOhP4HVPv3/dzdrPycSf6NERADIxrWPOL7rzMQ8ZXBYVbr7EeIc4aUIqoKSM2sRKTS1weXlHWLmgYtM+1y6dvmvt9SFb/nfx30ZQNRMulYPwG4YsJbOul/sozgHuYBAi1kqHvt9dElngRuNUZPqltfTHNYnDoSU9SxA4OaukDyiQIeDpyXm+gG662SeKr26/q6Y4n/rPwO7Vcnr2CvA/1uc+pAmO9AQceiXZAN0scdG4IMjSpq1QmenMhmSfu0cxJCGUKU4dK6AgzuVhTL3v883Pp79ypIsFJ+XlOKUszJ/jkwEUrF/sYPmG89v+OD1b2OoF0XA/63fFr23q4yuYqOJ9QNex6jot+XcOq3aofleDjlOsVpwBq+SMmLiV72ywRSxqq1G+SsHiVQ+9TCnLF0UfFnh/ovSnhZ/4TF2uGYAdi/htlLWeCugauybwVdfRVc0fQkvdj7Br23sm2iVPAPsZC0ZvdFfr3+Zm1HDgcWl7iUusV+Z5o3Ob1WnAOiXjRTZ3ZszOp48RbAFrmoe8yrZbXsWh1SGYA63WQCruakWuEDlsJamCa+nM6eytBgOnGIEGUoNE42oO6nXLNQezpyic5VrHc6q7Xzy0BvfBOIwrQ2oXGUbYAr9GuBJP4av+vUxwSCKkbRgIuiJgUOpGFxgHXxD3bWBBRO3Hou1nbNLPkKaB5uC4F922FgauY8CWwRFCHzVRmuHGuCN4wO0ibScuTIU48UQ/v4gwHzc5xMv5h+/khF5xoKMr2FX9ViLA7D32YF30E4TpAPFzIrMy0F5ewQaOZLIiFMYkz0sa71BTQEb+wL6sPm9BpbdgJ5R5a798o1wPsT4ouVq3LjUb/Xr/vKhUz0VSzB27Akl3wgN5T1TgDERxYrbmmuwh3AXk+hoUh1/WK00BoK8xTzJ+s5mX+xlUvZ6lXVaIbVoyT8wqbUOL6Xdo5KrnT0DrXQ1Yf7BqYGLV4s1xkC1wf9g5pUp4sUU05u7d2zc7OzWa0FDtaMDpw9hAl1zkR48OCX9R1pugJnHuW1t9b6p+8drB1CUEuHaRrRHJnjv0evkOeHhF2LMr9JTd7BfOH3XcquUezOXWp65jIpdvZ27Z/jemrR/v7kdxQlR0lYIKQmkhaF358mCJOLwjxFZ0cLUWyLywrPkK3WBtpQ4VIivkboCo9gFg2qYn19yh0QgejYN4fOO6iIjez83vNcsyxm0lgZ6LLatEwiRfF2LNetrWh9B4jZJETwBxMB4m9nyRQWu6CV+SpywKFhhwgdk0+ZicTjUVfC5V9hpr+bLeWWifH2tXifjrnKHLqILJgVV3i8WWj6eWQ4XFUV9X60NBNnIJlipslK4JKENZ92qUwFEWcyXdKWpXIQEeFPW8FIWASkD9STA3rn5S8wUCtgFdku8fs5BkjFpzy+htcKcFqGONJ0UPff4qncSWHaDltlxU1HMYtimyf6fxxaIvuAdMgNM9XUD/zt03RS4RSwS2soSAP55m6HUVZgii8sr6z6GVoGpyZPDimtFqV92RazvIWl6W/ZLFKX/32JsTm7jmUlq1qyPQRQf7k6rrIYRpkX79W3y0zZwBf/CcBVJZRcuTrEWHAvVxzICCa5YL0WRKSu7BNQ/yzUxJeUtgR+XTvwPpyJs3X2bihO5tYo+u5h2riSey6+Qr21WRn0NXzPNLfWAEl8lkVWK0nwhbvkuwyhcRIpzwqXZwGlQNUVUWcE+h8TrPXWr+YF+UjljrWZoC300aWRgBn/ik/dRbVREUW3DqBQzTl8I6gLrs9JuJzFvc7W9j/ZihZfHR4VZufQ0AFbMWE6PemZB6YHWkJg9OvElUVJlVasejh/OMJ8gMEBwqtFdlm4lGixNIvvpzVjEPY2MF8ahurjnpsknMEEjWK7apI/NKd/Cdi5fOlGg4yiQ0LvD3Nwh0YcIqo7geViiMJl7EL5DzfZdVr7zZzqc/kPh4TAi2DKLAh6uI5K8XJICcxpQlqwN6ULpCDby28EaBt7+wdTJV0EWDmMVBmayZzS4BEmdxjmufwoR3k7WTdmIb0s1rpqmzxPCBLllsMF8u8aZO692f5OeYVt1xz0md0LGq+7SS/l6Xas/cgvUo/yg+fVufTN8arvDlgJJpaKIk16DkX2qLxnX8dVWmtk3+7L/B9EclSq304hk7i79oKlC9txCcNfqMUUdXwa+62TTmcG+Cf4JUWkOAaOJAinW9m2q+rADiQQQb+PrK+hx+fQQiD8uVlNGIPiW9xbOMXITlxHcBftRUinjg+Uopo9K6d+6XfTOe80yHimM9mA9xrkVb2smFax0NOQ78xENq3etmiu3pJBp278j6oJTSkvm4byox6aneTDfDif7mq/mXUVZLLz7xZYW/1r/dOH1fnnIn/z9D0eyn/gfkqyS+yYqWG18xT54S2LwcsQoCEL2rJLm54GavFLtDwVsZ7btSpwVXXCMrc3nkaAmVkVpqcmi3CyzxiNz3Jaj9+5z9fe79liG1ZMmwBz9kenBsD2m6DAe3VZCL+eGhBXQPa9lvM9wdbiSl62nHz/AEMq/RPFW2RwqX8C9j9s/SouN3ZhhnxVuN9+PaVr+GrJi1sI1KenA6ZgXqnT1ceQyROsKrrARerLmhNWgL0WhztMmLKceJhxEDeOEmLxfKsvv6Om0X75/llC6i34wvaqk0h5ee7jbt6pR4nHHBRWQ68jNFiC/GK+bz2Sly0oh+4KRE0YVKyqSH5hTFhc6XwUiEKl8edRTcZYL1mip4VK4clxD0vyfNy0rk/mzvCKp5Cb46L2cogDRurKSkrCr8XzwWHtwgkJRAyGgnGUu+IovVJ2hC3KoSpuiu8f0caE37oTh/+KEUNuUrXQdB+38Yjoi0cjgkcMbOL4U06ZhdUbN4ZyRu0dU+Jm0Nv6KyGqgrX7kd7IazKUii4z3DWkDqmesKQMZSY8CrYiv34MD4QJpjU7I90FdhwK1VnWVorux5HRGfHGUajitAse2dUQ09j75XJHk0X9r/cqL2Ltiii4FtpvIoLW1bBInOgpTsnCFoGhZrSoBwkg7rjs3mMWSeLq3raUmjHd96DVF/H8ZcrtFORK8XhiSWQ9xyfrs7LL+O+s0YCnDjCE+IzpdNGDcmXy2QVXYZPML85dwGZzHRqUmLvJ9sSyaFYMXV19aLu6oojd3hnKTFZv3CZEd/GL061F5YnN+VceaBpCT3Ay6EQCMHWUFka6tAByvL+scVupDLp41F+AEYuGSzjNXj/t+KvicMRpRGToHIav0yIX1xiL+nDoWL8USamwCJt7A5av2tZwjN8i7pG7S66pfaBxvCvCOdDmTFM5j9xhpl0oCfT3av00tBnlTfpWAdqEehnbxfa5gjunb8APvVFhjUDlUJkc0DlT1r6a8xgBATtxufUioSvsCr+RccfH6bXiZrSDJlaawOUBXT/juHUk4P1p36d9mKT82jYugtoV9tUKzqxoyKXlyU7OdgtGMuc59cqXCfg7Y1VKnh4xf+e5uDL6jb7XH/hMI9c6YW7S7eqlOK4Xfz4a4mCrYpDDo1BMDQ+9VG5mbvxcMsosdYovkCnlVLlp22QTvP8Q+TvUsLo1HzOg5VPESEKnIl1llUklZPa5Z7SRXJVqNOWdOvp58hy8PlJeQtmEZRJg/nHJIeZsrusyfyPU9O0Rg04T0ARNaceZvKa21yl03R1TFto4TiqEVCVtuvLynh/gS6fkwks3oIT1nmi/5VscfZ3ULO44H1CRt19ZNzE/FI6tMe6Lo6s6r05ylSALFNxWXBSQQwPuRt+XEy+BIjysd7MQldx8B1X3fbHUC3zOQw5oY6O+gNpc5Wct9m8Fdn8Al/5VEGYddeKdeQKYNqf9gVgm33XID4HOtyoXfWuZ/oTPWdqD3OhlV6pv7xybKsaIs6LAYxMNvIevpDhSgfjqwrUoUIkSQCIurNZgz198s+jueG0S15NfzmMLP2b8c7ZxpKgFzekji5eddnqgrdY3QEb8nPmTq60N0QXDl4nO+nwkE1B3sNNhckRaBsXGyI2zDqSyXYdMzcmBcuETFoVYkzV4YzUlBxFmxqmqoWTeaAuF8KNA/A1MYqW0UcRoaRYg7EG+0/bfI//RG5nT/QwpHBwRATvLycn/ntzHKBw42P8eiNC+Nv8Z635yoFUDO8JP7QxUjd6Cad6Kp8ExgD//Wl+dx7CZ5hcvO+v0dyXdiQOo/V9XchfWvSGfwO4SfXZ7LfFQ0hfxu5RZWYxzYKfKaiIm7novaln852yZX8c8AnrG4IttZjYoPO8jNdmumYwZrmOBJgBGi/ctT1RZTaHd6WJ22fTnXNw/o3zl7ZR2+3TFDNW1aJi0C94r6iSGmBzCzjECrvXbSVFF0I0dinmn7WQp+4sJc/V26CiF55IJUt21xrj0l8f59L4wwBqY5Q6uw8V1H0kwLDDHMCc+RP6m6uIust/KxPHqJDoFD5ZcPfcycsiTg+J4zsCU/ln1+pITHb1XnU8DCWNjRJKqSISMcjtJ1yBoKUl8pTjNk9+dqPu3rwPzLYm0XYk/45bM/7/21iTh3jSFg429Q3fJRyYREXxcLC5NVzgN1xbafTQ4wE6xt8Ozu1sHIpFuMWNl8tlc3W3IC4miJPASgsd4JusEpuXJRWTEwR1yMRKW4yHhESzPz9NVZYIZQpXr7RtwiRiuA5flhz4idm50mViG4IoFlXAOl73sZ8fM2Fdg92dkWCYLvNrT5wXFK0iwKgMmtQi1yxXoRDLVpBszGxmBp4H5bqtO4KSLfFJJkhveCi3kEx6XPGcgJ6nMV2guptMAjmPkuqNEghsKpDlH6sCookhlLlQBnYX2R3aeusQJEQpkUA4Cjgs8EFLZ90bJ1ebmUkM4oowa8+ETAyw3JDBHVMGDtCKt92tepwYWFlI0GvAkPO1whT6OsTqJGHuAHuhe9jfhKGVm7yLC94wKRJ4huTx00wl2aF9q2mcAB9bHR6AEN9e6p+vFPifBB5qx2yYjJbyfed79uDaZtm85Gm98gD5oKM1w0YETJNiwoTC7mq9AERgFKJG0ewkODTBf7vVrb7z3q8QzF+rJExDjybFULd4pGZ8BIqPJTF+X9GxU9wVEG4dWz4IV3AzsXjWeSqMhyRx2oX/EkniNLVgReRk134L/OaH//TienBv/PvdPHGuo484QbhwNCCQ32yiPsawK01+MoHXTFqGpdaMNKVaayRRGMNipDox8ZLbRoG7j7bKRbBGQa4kwsIhBREshpyzUpV6452KL5C/lEFvZuYEwnyddaapFGmlHhyDHJqiSu1ZdEsvkK0WESluNOkhbjRRbvT78Dg76eGWQLZsgkB7UbdnINnHVax9kAajgI3YdrZ4RI5NEX7x3kuLnvuI7e6k/oyVcMtGWzCSENfS+6dMhoQl6q4yy8LfkRlpkaTxnX3AmY4jCp2lg7KUMG/DOZ0EfrOJJQW0aZBXjCDjrZAAaZZ8s5nNR9i9Uel4QfRX/LNyWTy+cELDS1gzQlAl3CoflMQ01WLhYM/hZ5jTHtdh1lXYembnj68rkYXPS3Rt4ER4VxtFDsCVVQHVPGO53isR/HnUs5TQwyk0JZ6YPFLflb7AptIW5Av+JLI27Bq1OJkUhNKPaB9TowqnY87RZM8fGUanhSdAgT2TZzlpOhpcyoDVpEvOchO89oG1+cj017sVj93J9Lw5O3dCXM50CSVDfcUij6qcoshLQiTNZo21Vg6Z1b1eCqhTL2KQSRbNRKwHdTKB15j/WJVDq4iMcV9d3vryWDLG0sT78C7K2h/n1db+dYLXEHVGm50oKzj+FEFo1WoVemJA5kaGNGMF1lUwv4wx126XeQIhNqKvdBBYJdxmSLl0K/ZExqbMaGdprP/KrbhGa9It81vSdPz3mYbvli8kAij4bb0+jLMcXIBnhQ8TZAa1V5rntKusCMGUCkJN0n5faTGGYOvvgUTWF5dQNHzx2U5im8Dx18xTmqSs+eOEwRTezA3GLfCh155GXSoawOKU7q4dt6W3t+TaCFihcRGQbvXB/5iBThw8edk8izzN1+YNH7kmMbaawn7p5CnXq5g8eH6awnrr1gxeqKbyeoqtTLLapeC9v7WO1j/TQmgRJ+EDWBBBpw+9tiIu3vu7lkwzt9lPCClhC22NrMX+drBULd36e4ltROD4EDmpgBubFztiFRFp2Bwkjni/yGnY/BJjg8Jhw3rjImFcuCC+SsDDqMfImhSPFQKeuXcQjjkip4otbfIAlwb6QI9VYhkvAJad/u/5Ao4RNmVgIDWY1pUXRze/hSwn0n2wr7UM7EXxByIn4faMocaLj+5dSN+1JXlkxp1N+nKHIdieUlqcdVO62w8pjyuT5XW8PI4mPjHQHLHFyOM+YUatVV9y6SC2dvFuaXq9lu4RpOE2QW9UKrU2LDK/D83UHwn4EMdsrmvgMvP2DxOq5bS5IwHPn7Tzgp+ftVsPLcUfrY7LuvuGChwseTO4wN2x6FfuJr0ezxdMHI1zbPuZh1vj24spe01phJeIfeLA0TjTUSSj7iHC7D1oODO6MzNw8J1YhlXsMKVcVxrwssEMYTWpfFZzFwWnEIk5H1w/HNj1r0A+QaGFNAiwpycum5PhX1zCza4NafuADXOQu+ar4e2pIMHivwVu4EyRqLNGpi0U1CdafpkKA2TPBH9l9/+fT08rWM3ibtp/ZYf5mjx9wbqkRQ8RojazvZ1SwmklIc/1k6hTbvs/Vqx6XE00YPdXZEQG6MQC5h9RPTi5e5SNg2/cl1YkauQ/UI+7stpG7R1eTYzu1+eTwGPeaixeRwlYSPMJ3avjOu0/K5/imulztiA8T37TaL2V68csI3zaWgoOyQqQEjvCBGK1ZMxL/qjrpy2025TrS+lU91PkyGalY9G7VpAyf9Vx/WuskV03ltvEUaI3K91smDKyLR0HJnKGvSpkTw/ljpD0PAXBzkAPGKRKEmo+YAo3PZOptIUDVXqF7Iayp/kEREq/PWQOqoFt+T2nByj6ddSCeTyCfB2JH4pMhuxNCBNgMdZ870FURJ4PaBk6aEyfcSx6GY/IBZQySwek56pBFmUQTsBLHkkZZen8EBDOTTQ0nC5J4ctd97YxoBxKCf8r/Ku0u9nYeO+Ao38Bhrtw+3qIDsWB8B+ojwOYlcwlnbCE+cT6sO/cOSSTNL6Tvr/R033RQM560Wy3817VtI/gwLidKyk7vdm/hNMfO57u1sDv0/kyStpbX5PD750mTr85CuL08ozj4RV5hxnZrHTJVtO6cRwfwswNbI+UFfTsHhtCR3sjILwyMg0GRsDDFD5i+imI7TAxNORYhE9LMql5PevvyH5WKtuIlqWKEwNNdSeiTOeksLPv86r/VpVDipsvZBWxZqGPFQ+z/BTvPCxuPTfRCXEIuJnxs9kfEP5+TToDfUdPL/zWwLvuxozFu1iu2wz4pifnIi6y7DcyEEFPoqQIjP0Qp0cVrx1WfRxjZebNmr646nsQ5hhF7SgLAc8ZApxxijHzcm8Se9i4giQ2OXXJXCr/8cHvpkMlxdH0eYIG5wj1JEdAhaFhsQL/BouFmu4XOSEo6aIWBkyQNtX4Fapi+hMvDjJ2+i8E7thcVlsedOMFLdUsIVkBfbzBAELhQjJkVDFOuLjMwK7AHE9nH7Fdy9rLOqQ3hp5zlbhfx9wvJ/+6aTgHuw095r9+P0fpzPJu+tkglIPx0nFsmZXUAOzNPwZFVkTv+pasMhlZ3QZa1jNCVwmXhqzE+TH4Rc+ZMxOzHU7JE/k6/9lWUmMgRerHCIYcM369OSjgQFpqYIQ4D5PA7CqegC1Sk0Q+rXplAkUMnJL6ds+rDToDQ0vxw7/gTdxiDeSAvOAfpV/Mam8EKOhFdJagtBFYn4Z2ZUg/4HMyC/TyRvdOfc+WboJagIkSiNu/cTLfjSpUgLJPiJyUZXohuSjDAVqwvdFQMXKspmUVVa0JHSFWT8R39SJxAlNPSApJLwt4uDlS9g12AVLMphYU2X9sSnXOqkIHKLBAOG14tkDyhH0nU30oh5/DCoBKYwX+bLPHuD8TtUPCkCu6tjNrsQ+9haaowW0PIGRP2tRc/VAe7vEtYYETvvlHB5JBkAnqjG+fbiZZwkkeBR6FZEJddMs2iKlPJZi6qRclS8eamcBk2wHzpMV5NGPsqbAYJOzl8UXF3tgnDYlrjevirmEtCNtuekU7VhfUTmQxLG1qnpCwS4Xi67OpwN4dmlpH7OpfjkOHNI+Fg6U8wfy1kvaaAn506jJgWSd7+vYsow6rHRCN4FhzZ5bMlvPgtHlbdWa++ifDIr0KOtDaBnTJoSCvnZPgG3CQ9GxsnR8StrrSVBkrLRG1OAKHXKyu2N5VtpEDk8kBGNChCtU7g7j4qDaO02pFeeyAwsypGwZsZOzRDq/s3Un8DgC2Uyh+RXYuy4yQSxiW2De/am9a+20EbMJuUVGXSUeFzsNdcybmEsTdMwj2IEzP3yoLP3LtbH7vTedMk7qNqyqlXuXEIdR9GhXOcVyWTYnbKcnnsuKfvVlP2uNCM6ZQN7r0k3IUxdv19K0r8YZ2O6t2rXD+scr8yav/g95yXDH7NhXgwcxHOpa9ci1gXSxDrAp+vPaDsLkbvzGJ4x93vKyLhzl8PumKvf18QrCKtMvZvoUudP7NELhmveQaZbJa2E2NxPWG4w1XeM2Banlu7oCVc2n21+THbPDDd/dmtkyuvyQEQql30UmDFQlYYQXMx3gBMslPd4o+O2MriULXx0uEZEWVLJuj3r+d2mHcz3i1rgcUU8dfqO21z4x/Gt0HZGzMEcDGnPCmOmiakxnptLqHSF/BaeJ5QRQ9nrQq3xnWxJYo6B4at62YkUuql7h6ZMAW3Zij8TCgKjlSbkh6XAOfEPFwqRBlEWtg3R0+EhESDMi6X2tvzZjXezZCPhChuNBCGLxNucWxmePvOupmtKW3A88pIHSBsHxN63payBa1OFMviya5z//VqD1pW3GwopP0MF5H/ZYvs9zlcSBpQJRxOtHnMjgh3rjb0PVAQZp70WeVYUsoqK0uejrMoK6wqmY9rQwR8gGtW1OYPh2rTyIstCX+Lz8MJDP+255CZnuGGNDYYuYj2dKAXHru3GJPP8jfQB9eXC/pchFN+o/E1Nu5abeB1M5y3bQyuN7eH9WZdzicFs2srVmL26eP7fu8k+tNpHC78y8feWsnMBD548IAK25rwOfeM94Ngf+odDERBzpy6sDsR98n27yBFoBqlr6Dg6Ugeg0a+PmKbxr5Q4Te9Hdp59VkkjCteU3qySF3xh4YwD29QWW7QCSkDxc2rwbsqAMyrZglS4usET0UaO9KeEuytM6zpusAGbWA3KJCoYDlUQL2xXGVyE5ru802My/b4RRp6/C9YFX7CNNZ1LGwEhogyNffZFb+rGGS1HsQYL9KAu5hW0qlDxuLtLa14eEaA1fAir10y6kfaLfNdBXIFme0WT/LN7BkeERHCAFi7sanHlnzPK+j86yKEhVDqOTERivPTI7QVOMp3TPLB4lCBnabtLTbOfz6RE4dXN1IJ/m7IeN9S3em6Kiw3qlxrEqY1IQkGQqtgZSPJDUvQ8eFxNBZ4rXd+ZGS1dS74g4XIatRGPxAQ+wgpj5oQXp0gPjqL4AQ9OpITcb3IAJt8NlvXGmN+WjA2V1WjUXcp5QZgW0Pxstfu6Pb4KGQslTeYSQJNwlvJqFZd90pF1so7qwgwGkZwRvh/sId/+fKYxFRw7NjgGv2m5uNm3A4XLy9pF+K56ZR945MIanE/oPdbHCBEV8EsNeRfUIhw0Ilrk3ZWfQltBu1BJ6TPjyRRZTAmX59h02ogB+7L1tbvDHN4+aiFcEGMuXqSHddcFPj7ndHWNWp3lMhen7eN+4RLzxJu6zWXkC4YBJdmUIRXXTvj1+pizyQI3NnZoe3eMQ/vGVdUCnuKdJ3zD90t4flaEWGm8PVo+WizHeFgG0Jk2T3tK88tU7mFtLdhyGeK5bhsrX1zUu1IXLAB9bLc5OplJj6ANs1kT5moAaua5KtsFeVR8573xPQJnWuyefZTaLi6Wtk+2qT/TwMv9itUVatj3FhmpnF8c8m5hVZBI/y6tbfAAVnQsFqqyby8+XFlb2LDmrM7bO0BjxWyYkd8JB46fyF0FGqA/1GfIB4LpIkejSzQtDo9IHKBvi2l9Sfztab3fyuJ/CM/JIiFXdf6zZYRj5ewhtQ7jcmEC9rdmh9fjnITEEa04Qx/O4bcGlC+lvls3V9ysLEglrfEBWd+Ya7oDYi9yZIte7phY4/i/kYBkGTSI88oKbX5e7OFslft5rYXga7WxNzNeIjDxbUhSxQogTYdDegEC6aY2oHe0HVO0MlnO25wUGRq2yujraQbQziL7ueXHIoSHoG3lFAxYu9/IZNxfb3FB1O+1sIFxW3j2PkBQUc3O7AJjdKj/q0LbJMbjHk/G9Bp9kC6aR1isWm4orJcpkbvrtwu36AuNrBYizm/yL5od0O8yDDM1LBIYa9UZHC+IBfjorgrEAYyWjcJQsI8WfU2aGKLgRKETXmjQt1FTkzdk4HJ8hEgtYm1LMv40g9hCeIRDkBhHzcNP7PEwKlWuQ++sPE8p//ruEFORA9M4g55y6eQKYccjIhBLQxdOEjaxq3NY0CCFRgoSjBClUWAoPC92lKmoVAShqN5IAYsyWwgwf4v5TLik0gDaMpZuUCsEwtzyIMiPFIyke1dhbgmMjQFi1rL3GQy32lSFEREojxTMpQxQ4U9FUNyRJvO5E3RiD8rjExdNhrIEERVyvyMFkonZMLhWL3pze91/mGOtJjJzFNoF4fOO7ixHG1HOizwW4/ui8gEYiUxwMzfLz9ios3O4sHRArpm8curUpJh+KmlWSeD9spL2VeymrCBBz+Z8p5N6NA/XETwp9M0iGyzhyIeNQOBT/wWvO+qPP6c5j10v99r+V/n79AiGWawmQ5Gbwq3b/CfQL2wG/cnHdX6F6oerv5YH6/TUNjdQk2vranMWzEVt4o/a0FC84pWoNgQND+Xo46NOJR/1F9b3qBIFvoxy6gZL2vp8H5ba/fYpHnlKTpYSH5ez9ukpZ3jHPteXci2pQWea24S3+SbKHcOWjb4LrNQN2hUB0SE3kPCtO8qP4y4g8OO6sLLS46ooKljmc4QmuW2kBbPZWPEXw3zWQRl8e1c5lMFYTfQ4QdsI9XH7dbS0FqNPqBVua1VS9ke6YFgFvBjTeLQjzScUPhJijgiLZUBaL2rN/NkQRpbeH+4rppK7DoWrYp8tGNq35+cec1rIdU5Uxkaphwt+b2ZWJSisc83J4VyBVOmkTfqCnE7IoafRgVuFXd+ZSEwQ9R2GKS46H2WoyCZuPR9IHoXg0iQLw6RionBVYo9Y86KfX86xOgOdcLet8lYyQvC+7tKdAd1IiM0qGXRVA7RvS+i+Vil4Rx3m3yYffzlZ6x0jxGJF3KhBL3lxEhZxWTa9JLfkhBGOh/2IA6bwL3dSeUUSasU2ciqjFtN3HiN0RNXvaE0IAueExrEJWOhJBV90wALG88OJE67pwgBUuP7O6N7DU6TXzQ2xDlxlVMw+AJmABoaACyIUB0JYAr4rjsGH1gT6rT4aWZ+9fkzUZ0N6TT+ufyY/vtDJ6PrbY3YmUPaqx5xA16TcJy+FwlRq6oTpFaWnPxSAV+9oqiC9g9QqMncDZWNH/sn2ABHnn0Sui1BvZGZaTy2o1Um7+P31QtHx49S2eJmlnmB2tSz5QZZCpF6ljbOP2tSqjvPilThPPQxZnHa5hhzFIVUq0tQzVTP0oqZrRaJkJfKms/0VsR2jEZmaYihK9Ex8Cc8h2w3EhoVBAySCxlf0kRa9JYhzVBy2kzRmK+nkQE2SlqAUMeBdZJtQgAU3w+UFoK0zF4gNXA4PuKtwMV6loEHxNKItlt0Ezc694XQzlSDbtOKtNarArCT4Iyh4qcVgYEN3R0iZz/rFWrjn4GVee/+4FRNEyderN10FzsRzJ6503D9mTneTLDGTVfruJH2uOga166eHvY7nqSqgNp8qnL5J4TmbDJZHt2EQZ2eTKL3P3Tddazyoss3nwStFywN9d9JAMmuUDbVyOJQs17CQUKT8XzEKw2i+mV1ZYxmvxiq+gOCtBjXvQxfiRkzt5fVznRos5pKA+aRJmVWuuH0ec7sC2PiBb1qHJxQGmiSmOQ4lHvV3timIDZveFl/8aaz9G4UriaTQ+LNWP7ENBdkqvdyaAYbJcNmnKNSV7b3NN0JkdId4bb8fHJw/FSTR99YBBa2O4nNIu1z2Qbdy1FQrLPvOtZTX/ogdG6wkSWJaCE0rkqllJ3nCAcqiggVGEhyzU+r84fdbVvRgntqify+SxjjehNQZFFio2Tk9CotfxNEqsp2kdLU6TJNvQPlKaEQKqAdiAst4yNdVxF4odYJUI3F6oucPgDqKApYUOAO/YmvLskE+OC9p+ZTpFouau+jrU0wX+ztDQKaxVZQSrVgi9sVU4nNjTr9uZ4Fz20jKkOe2sB8jbr6ahWVjCQIDenpZMXtWCMsgZ+KZPKnHXHc2IOpTyPSkpB/LSNucAOz1sHYkFwkaKm2vQZJVwPZNrfrzGcpo0C6AnmOh5fDWInynuplKk/x6JmjWCDCv1BjJlOhBNsrv6OhNvRlUvDyGHNQcSpS9kC5UKQj1yXDIsHsiN5io1qe6zuYhQaZrUIT5Ww2tmi6W6akqRky+aN44VkGrinKKqmU1i+XMoNVGy4u5QzlJxjFSmyiZCBx9JBh2Vog0Cb3aI296gDJ2kLWqquYVt1/0IFf1TbOWo6LbjO7qu2OHVE0+i7tTm6PK2P6uAakIkYUXNkXxX8WUZ1aDYHqyY7jXh1oOSsxPUwFvsG8iORrUoQ/fHe8KX04+CP14N4cTZqyRbCKUcklo0zHUA14ZywfDyN3jisrRTnNuUtcZxXXr3dJgeu4389cD4vnl9sfQq6iDjH0VR/6T2WIP2KGQh0/4GMv2WoBhT8lt4ZSWau5zuco5NmsorSFe+EGfGG1La5zo0SY2Ed76txHZV5X3Vk8lSshqBxkhFkk1EczX/6QMrjerteqfzYf/S614t+9SoTSC1HjOALlhQLSVAhwPzfJL0j3Qu3IqYksqUXM0mEH4+oXIZW82mQpZG+GgnHfCl1d1oUOil3/xA5WwpVQOEpW4yrnqfD9WAP1Jl9gaz2gjUOUb1SPuRJthWaWjHeouzhYsA0IUgTpd0e95Te1lo8sn+LTQixn3Bx4Vy4GgaFU2vK9m/XLCZCXBZTlxRPaOSLTQGQalQpRIc3cQrIRBNY8TLo+WS7q8FACFhjy9MXWSUB42f8ie5GOecBBB3lGr77YtNSSOLhwjMCPJzLCd3aN9xZTGOCZbGAS/kwJMvwBTQnLTw3LhALKgDxHda38233W+iiJA2rFfWh83TzfBG1xRtqHRemQ1cPeGQK3z1jEtMmZ/nvA1JEnw7wnciuFO3BpwW2eRIk+StovZvezap44+OUk8oAK3VrGKoPxs6nfQ2Z0iwBhKA6EN46Ub8IMI5pJpaC3M7d+TNU1HjpXcPtyQW84ETirXbKxrEql1e16+8Y/DXtaIfhrIVY2WtXlC3r4+mE9H6UyyjcfD7m7lax1b+PisZH7B8x03zVhbliUP22USPCyPTLY1/qs3PReSPCPsLwl1MyGxhB8tZGei64f3PRsbXbiiO95B3O2lbHVjasnSwkgVQbr3InFSs6IwZmL3lNjHse96EUSAqrgdAA7BEKQMLS/O2OhzpeTunUfxR1WfNJZ2nTb+Gz0Z2EmQxB+MB81QUoScDtlIXIjhjnDQnVqlD3fRVhLGimQRGF45uzMy+Gfiz2X5daenIyqgKihpLtFkDJz6pSSasRWieF0SWF1yUGOjCBdojfxYQT8bPtHvULkH6RJ8JoH4NIOofbSYrk1Wl7By8RY4OWlrpYqufk9MFDMVh9mzV6M/gR7RTbbnqx3ur1Z2BnuHpGvWSYdqNfc98ldqyV0kycMrCXrWMnZdmZAjRa+INdM8qP8RHanlOc440uvgWoDkSDc3bLK9MC+oojDV1fvC3gMPbrZnnZQJ0taqk5wO5Z4kQULnc1q8fVmJ5Gn+MiXVeEDqoAaijc5ixaYf+7kQnEOce0tTmjdbQ/wnTbpIoW/whMerVD4HeCO4+I6IB3hvVORdZvPRYDlFloILmIZpleTt6NvOHAWLJshDpY0hX3SIrOklzcsDPnOF4t/v/XsS0Htw2XrM0pSjtogDhteC20pd10RsRXJNCAEYrvEveVL9wQnt3Xd2crc9m9nJzsxiIrvZC0HL9k4ssdAowJrn5U2mZbBM/CRds661sxecSF526tuYSsyZh3vKAIErALRW43vh73ZOARhsBsXeV/csoEpjm0xI3hrw1XKDF5DWvhJ+gd4n26qdZhK0Lzc+U4naHPNOWbm3eNjc2sKoywMenEvFWy4zGxqHGmsZEr7n8ZWc/txLS1M8IR3ePnrW5Pv+oEvNdUqoqxjVb4HVLHS1Hbt1EPZ3ou/YiGmsCxg4OqnmoAYo4GvtUkx7pmBDwkBGO3EB80Ou8YhcBS93Ir7APOFW+y9xZ2Z9OfsibmgTGoQy+MAFanfSWpv2wqF1q2ZaEE8uB4YW4cYlHYSadr9poUT/Gkz9LSuNb0lyQgU8bm5vvT59z5RA14pue7RfAw8UxkaYGJRDelfnKJklAlcxP+SByLNGM9i1G1aJHqYJynoDw/vjMCgTAjlng9mraemtx63BSuXhx+LwlJNYqiBomTrEYKhJLeJyJWCfGRe0pe+DLNr+5+nuk27eT0/6OJPEXqmqYUFp6dPxkpYHlX0iMKrnenhURhwjldWKGx9i60Je/fO73MxSQu94gwaTmVIY7vEHj6kTr4hnRYKxzxiqZMJlhRpqWQJpJlsaUK7aj9J28IJ1w/tsH1EW5QXLA78GKsjroOmtixyS8iBotVI1WToevS0Fx4hwbwArFE6k1klKZMGHzSpT+8d2aIKh+NRZkws0RPn3NbKp2Q78hyDAFQPGOf5xtmInC0PXbWoqgfKM/R3aKGKb7Ozkr+DSEoIwaEXT3rkpii7npjTMaqveTaPI4nmD1zyQX7gTq6MsuL6rS4yVUPmhL/2P95dVJL0f0VXgfi9/WuY1P2bZiVmvNAjLHInZoyhj21hdSuMgGxBL1Zyi7gx5BJ3H3Hp3l2WqfvpvtCr//JmIAIDgm6CACsvGzc7UPool/ZGAE5ZCDgQsJzyE32z2HA4V0fyoEYlSBp2F9f9E25q2omxFqVWO8BWPR48hq6ue2Rlfr0mNs0LmQq5LvrjTcCSOC1Zc+4Ni2wEo9lRX4wcg4hWlF6fx77Qk/PDJLEhfvONQGp3dxG8rJU56Mu33pRo2LCNTIkJNDrbiQJgPLxJRDoixU54J9XggNtkZ+wInSshMHg7rgN1GxOJlwYtx+L9xGrtQtDpCNNNvf6ES+MZadkKk0WDH0TfQMw3Ya4Vuoc0OXijvzqNi9wqTMh1ftXlm+tR06WgptAZXA3RvffrB1IO2wnLjJq64pS1BdtuYJVFwQnFz1VKysMyiFC0uxSYhnfAyaOjm4yhJBMi27Bgf6AgTFw3ghq0UiU29UhgfX68caa44Opium/DWENI3ryZ5vTcKYA6R0taB7JpVkqL5RGEdAZEZ0q1HA2yGH4G1iShDAluRxkFrhk0C+r2lLnUgPIAmBIxokkTvkN46NRYO+tDoA8c8rrRkcB6pqjrHIyt6opvqWhW1FKCRAp8g5K9LEwPY3dnNYRfC1oYSF50y45XD/BvRyy63JX01c+etG2ubnfPPuY1trGLOO2TPW6K0gp2KLB9Z+6fCL68ZKIQU6/spNtgaP9mO5XDcFmNraz1T71xUonxeZaUouMTUmpQkZAmmT/Jzy3p+nVe2FxmZO8oq4fjST3WcGKrtXpOIy8BeIdVpoioxI2DtRdA3gAdS09QYy+DzcxYRnq6drsxwNTOPCQjpnwHIw2qQOFO7s6UugCR8uQiPKx7fIJrBWtVppHmRvRAJ+tp2KMqjxZBqsWpwNb+BY7XMLdQqZ1llLDL/EOzE5sSKFwpjiPNCDsmFLgwyCzFKYGsGejCpmnBiYaw60k6BmPK1tgbRDgvHBilh5xta3vqG0Ph0f1hXz3YLFRY3rVlRiefBWqmDRQAUL+NMremzmXKLp/Ry7BJgyiXBmemIzFH5bkCgAY6hCT+OcjLY5FMBTTiwPjegEaoRCnm/nuEIvJ7iDpeNaQxlxE3riK3TyBRttgStAaIM3O0p9iCbbJtYZ7g4jK8xRORnXrHtCPputa6uPbPhTEJ3BSjJYHaaEBrgN0HLBSBoz8xjW9SzWAvq8NWXx93kcYExrYdthWMEvfAMJfwBufrQL/gybadeH8SiPd0qOYY117tU82s40laDzU1HVUdN8RoTnCuHx16fDCKl4WiCkjX4/zMRjuFnPoWuL0Ifx4ZGmOtYE2qQ2gduY2EuiYBRHb9jIgbmgFKw8QgH+l+Ssa5zadJctJA/4LlZv+6guHkn+ND7z1FW+UoRz1Xi+kAjqAYJfZe31uRV01VJpGKUF6k6hYcHcVW0/0Kao0VZhL0ZsW+ftuc5fdHp9YTYClV43No3xpFLbgjLo4FJtpSg43gh0A2Zg6i+MHecndoNyDc2SVJFnaPXoihOani1xG6di1NemmIeGu9Y09FSace8ZB5zamIQKuB8Qw/438QmzoujMyFHG6TDAZqFzmjU7kjYtbDE/e1l1/ly/rYkMid6cUzDb3e20JD3fTl0SJJZlBI7l0buoPOpS8so8e/Tvogvt5E9vFe/Hg4foSPnkffMIt5HLqYJZIPOpd4vmdfDpXLDixJqraQvnDqB55pVlpA25KO6J6AvTQ6Y2SrCfYLXDNA8L1EP7Yx0fXVodGyBalBsAm0GEXlY04QycXFYs6bSBpqnKTV5y+y+AMgsye3YrUWZgz2MZ9M8SzMyzeXwUuNYfB0nwjbKJS4g7Nn5mVKGIo66Trp/AGsB5mIC9xJryu76cYWY224yMv09e1eAaXSRbfHvjA6s4PXVq1g4DBxZIwGn7TURxU39bnf6Eh+dnkUTKWPkMvEiMA/2DhoqeYCl6pvL/uehrI1apJ73f22MnpErjSRzllgBnENMMHDiyEHHbvzKpomVbzDueef93dnE4eohjZJMG9MV5SFUKY1NHbYQCqWhxbwNHMq2SlHgrw68Yv4MyclWOm4cjPtuwRdxEYpuCnZjxnwYfK1gWqAKcbi01u3Z1tSA7qOq9DJk7S4ts62b8+KxGUR0l0ePOTe9buAkXg7iXdT8cieGpPZgmIzSQ9CycCcjDA0j2y2vo0Uq3JgWOyuO3CWqZK50cRyxXBC0FXwo6W6kbUOpEyX8zwzNrehxVv/PsjYUBfnfW+MMkMXaq25h7ikmUwNOyfXQVEcRhb4/fwqRqFkbMpIAnF5vDpp0cOJ10bWD2960qn0Xmcj9hnpnE8DG/o2Km+X2mphE7jWrhC5fA8HRVwdItEDvp8YfqTw/Yaa28sLTKtNBFS5Zge2jKiJrYAMrZkNFN0fHK49GwHuQXLkdojQPrqhFrgBLkNHZ9q9WJelL20EHV4xctHZmZ46KuEtqRyaQX+43HNqwPWOpnlyo2fGVuCpw/XO1VQZ1u1IuBEs4SfAtnAiVHFH5iDDjaMDUe6QBV8FhF8OcLnzICy5mpRWn9oq5OkHAuFyHUfoNJMUX9kCi1UxSow/JnUssTtUrxqfHZr5XiXzk+gzHYz1rjN3ZU9KXFidT+oQOiUHTlrM62sxu4Z/qmmhDauijpTXhli1s9ZJbE+7RHh9hxeXDAqbHGgNWmvMV4IhIocn6r11SJam4zOKrRh82hpzaquaUA8XcWPSaccERWyOjjNchkrINOkdfbiQrk8RyP6I4tc4IwvPMAepOAqxtUqDzvZetYBX/8tn6cCh2ILoLtiPamPUGAn7cwrePmjS30gRXX84rVlR7Ce7rRzzPZwE9ppudb7YcRfl+LDems/bv+eCIApDnpNbw0BYull8RvB3JmVDjp2LExDxSstibJ4x5TsXlTKMLO6UN4wPKJeA4TBk4UwrdDmdYfVi4UzGJTClV6lxPMrxuRhRyWNAPFSBlEWZyFtE2VX35CbU+WLdg3TKMY9caDtHLprHOF8N0+dtQfReFEo9DyIpj3khCDUNYbRuzY6+X0S2+3ZwtdXcExCH4iQmapbEUs1+0D6Q6N0rvkVdfmRac+ADLhrpfdU4Vmk/4lV7BxTvW1I5giInxIHXNJKLWkfGSqKi9gm1Ga8DVIHHnv+ZcfLQfz3q6n+LsL8qjNfP7bA6CZWQ6HBje1hLcVYBjghAG0vIy8C+Edw21gXiUmfaszyc0Gkj7UEFS5bZD3zg5xByQM57InszeitBSnQ96+X5gZkTUye4rccGPG7Q/g0e/1DfAc5ex7qR12jeETRPy0EdSoXJvNxUQbXTpVY0bsQn6C9YpJHVWM96PSy1oAAI4WGJFecQFITCj3yhJkFhsnKX+8W9dYZDIO/Md6NBVuTaPEYjt2MAEwWj3G2p9gkdwDK1Iyd8Zs5UK0a/Tn8KCT3uZtEwa7YzmJ4SGZMcdHMDRhlee+7jTmC8COt1LMwOc2viUpq5iMUaMwE3/pMatkAYeXYoVfkbcUiBWG3WYOereC9+d4ZStJaD2h13yU83QWgIDXU6omyoQGZTIA4iM+x8c9cILjCAATNGDdwO+42UTTyyB0h1EwC7t37VVrpvKRUayUvuAAl1MHExaIkv60VDgArj6ZcgAkrIISuA28BjD3g6BVIs9tZOkzbd4TnvbwQipYoQmV/Sd7rHaCyeVzbIDbit6jJblEcAFy6wvEeadZtRq8shmGfDJJiqVV95AXyTZhR8QoLeJnDPeTU5Xu942+EPiPr0h4pO7/f8MmK8nXyyP7MjMVsP/2R5XRgwnDYBDX1QNb3tsJwm4UUEGR2FNsEOSOjwyartiteidY+QP3pElgoIx1rvQco5PKIx3Srx5ThqXEVMgvid9fi9uFlq9+NsP9Qwj8i3NGcPkqD81ylCpAWDU9xzNwSIqFf2stAt6s4ZxM+98Qi48/PaR8Zk5heYy9DDu4y6mD559Mw9V8VXQ/axqBonXFZuratpWLwOQsLdVmB0WfKxg/cq5V3KcyiQHctrl6fTlWdtqpXk3t3CzdNh1AcNRjwkS5JiOUyysjVLbyVQa0j23gaqYR7XopHo0H0uJBekxWuXrjo1LZhW8l+/BN+IZuChPC5s2DswmZ5eGPG2qkrm4v1W7/gVNvruQx93HlZAvfVbHG9Px1dYw0StY7pR+vit1lUuOK95B512EDRmUG6XABJZDR41dqWwPqrr2UhwfMwkODZ3/IpzclB9DWlCqIzA4vlz/F5XWQico3/Nz6hAd2U33Vm3VlGY6Oyk2vX6zjBeKoL3Tcozi1oUEclI3UUkyYR+1FEPZRajwtSq6xpOLUfn203DNd342kHrg/MBeVUXm0jivdK2FKQ2qFQJ2fCdRModantVDW5xoOY6jA51hG7p2Vsze6ADEK/u4j2sMrgiqNjx09oa44a3HqqzKhkDuWpwj8br/nCVR3Wn2PtlJ6ngfB9NBHYeyASMAC/2sY0zppVBMQV9DqR16h+gBJwHxaZw4uOkOtkmL4NL17mB3qtfxm+Y1KMHpey51a3BxXuVt5FmK/NNN7+9ZYPnubUEBYp522h1i48ohnyHF6rvbn1duTqVUV3f+a/fnqin8MDkSL7H4nKGRRatCDB6ydbjByvqztVSEQwEZG6KVE6PWcH15kDWR2V44kCRfkYVgaiLdRYVoxRIjVGuxLZTJp89pDtIxcxczhAUDi0TuOvTmZ54YI+e1u/RkWdbvHqf7BQ6+ZMkmet4RcwI2zCTmkzg4GUb7p4qhWVOxSiqWdKc5hMWZBeMBuGHyZepWHU0XLY7xPK1iw3D3V7XoNArVhmkL7BL2nO3EH3oh1r+Ov42bjZqz9vh0b163MoObo6T98jHmiF29cta7rM0OTF/sDurXtcOvRHIywtT7XdneEz1FKvrPlnexRWKyTqeF+3b2ByvPrl2+ENcdQXwg/6wv//T3NuQLnodqpihdWeZydvpxdfkmzxqr/VIhlnI9JzP6+03m+7QKlLVEmkytmMxsZOrIXaIzD3wJG8ndZHtt1sX13BR3VhcbrEzei5L4Zg0X/2lwlYBkZ61ZuXt8znvbEWA1N/RPPRcLVGpHcVYjuoNX2Ej6XDuuH1723vrZFcXxGPmZ3lShysaZePJxVqfO4Qj1MiIWduU5Rnp4DQz8gxzhmm+05VL+ENLbFZmTmuqsTyuaIezjgy+e3M0YYnCC0YG3LKgCdbgmnWN95Pqp7YwighU0IJ57ALXriA0HD6tFgWjk1xkNhQTghycEF+UgmSlN1x2qHXFwhValyYtNxnngm6+WjRHH+8ILLUczpGPcpDDw1Q0aLzwQewnMb1re2OSBDPqnlsdF4cJ8BhmtqdHG6pO3e4S+iOlzppBlZ1xbokQPyOShBbBqrwbeg4NgLe7jQG16hx0RA8NFE4yVQ/6RStnyZqPY9vw/o2CdSrV5GlTabCp+cYSwCNpbQWNQ3MpTVOQ+F3nULaPG/DFV/7muTDvpYM5EbPzvih86kH7Rjz19DDII7DxUESOAKKNdauMiBPpM/aTap2Uuq+Hl7Og77csTJJshwCd991enNYvRZ0JKcmPT4k2xIjBwHePzqCmRk+plCSftgPXq1Eg55C2aapRnxkgwm0aFwwh7gZLO8TVUBlGf14wf1zeeA+keEs0zc/VJw5NaUgJ3n2Veun43qcXpcS4cIFFd4P4ScxPb7o7Pkfx4pRdxcVfofsTErhFyqwWiPy57zZV6bLKSucfdJ3oHx5ICZATH7Up4mNVpxfg7KGvdWs3gxAmRrVQZXAOdG5/JMfJYNsOJZmiSOywj7NeQ+lZSQ3pZ5A+a2MFlOTDCg2eM+jN4EcMiqXwPrB+Rus/SwAr//yO/rKALQBFocVKGZo/x+qZzF9l0HanG3B29adySMB2sq1/qzOq+kEADpjkuLhux3kFipZOO1kAzkoSO5vuB9GtWaJUILWQoRBawCFoMZr88AaMcIuOvua2t45LMB6WG7CyzUpgHPQgUgX9162d0inP5P2qrMRCbOoXLgg3Kj5ZyBzKziTrbJOz3jDj53GUeMD3XvnkyO9j1wxOxUHhgztC2JX6RxVGI4ozNJO0h5UCK7PDJj9oKnCDhBhevoc+kt6rYLHOFjhxul19tgbQswJJL0Tak+RJYDSqzlOrjrq326ljvoU+0NA1FvagzmdXsBPdiPGYZ0HhlskAGA9Rm/YZ2KlqPjiiU4jOc1j9mcRVUC+T54Qbd1ey2sim6O1gDpCXgJHtIXScm8xBeDA6BzbEWGmHlP4LpGMhuexJA5m6HozVsmSchsQ+hBFxXLHuk3sWouYtxJMT6NGSa4Y2d3fG0sc4Se8EVtO5BZyyle/JwUc1AxgJ6QJFaN0NljymsR4ziVks5H59xdgF8Drxfq9CyUd+8bIH7vnIYD0BciSoPMBszkLoJFNiUMR9lle7Jbpw7XQ8CDIt4tIL+VCzzkF1igU1aRleTTX+/WasDz+X+2pB9wYMITgUU/kFI5sQnbkFL5uX1/dXBUudfvUhMJdmDLurfr5GdfccypYMh6pBcR3aNiiI95NKkyDyX+MU3YucD8D9jGOcipFZoeT4QzxEn6jN5jFARQt8fp09UE7p+NuTEDux3Ov3vgx1t6MrqxmR5lXpmvLy6qkVwd608cP/51zER8MdH+RHcg9qwZ6OAZPwmSAb0tdyynkphqIYO3Ek2C1xYe21/YZ69i16GlMTiNKam/nqsTPj2CbmPVJp8r3AmPoO2U0NHXl2bb5d5p2ar2doCh3Ai2IC6im4z/oLB2r7Htd3qn0TNqvVNZN4EURmP4GD5a99H7sq2+fVB1b6LPIPyEpOIx5BkA6eycgmnhhCqH7xuxC8f7QyUHDciS8O5eXHXP2xDy91XjIyBzn4rhoG9As493m7/aZ3JyY7o+5wtTxb6FghDzI0GWycvTNqrKC7GQHeiGdXUo3VEhhyR5zbSrD/mFo/bjrncuJJH2ekpkhiJvh0GddYho6Aoruuug48LmpnZAmxdIdTayhOtYIo1HThMbthe/LT+JNeTs+xIfQuB31E6C9JscjhDAVibor5mRAsEd/0q1w7S2HNuPFEIzJEvl49mUds5WIms3zu2Y/s/KBafwPsr6gj1CdSyDkJviznHaHC8905GNoQQrsgzbjgim4XmS7wyvsTcL+Ir74hrlipG2JtZzQ8WIKeSu0OVnhSB96U6SY1cyuN70evp6Dnzb4md+BL6fmnMgG+cnQ+oB3Qt5zJo0kKsPCiayFboC9sDjZ3Pf8PT+KCiTfRu9dlbIvwIueWsjg5yJ6ewlj+g7xZwLerxmxKnw8HCQkurJnyyll1VDVdV/92/odUF/ONxunJuNZUkaurJHia9GK2t+gg9z6uAFlTsbO1N241U2MIlGAcsjH0VhWtnRb50fRNOiT0REVrKDrvElMiEE5AE4/YGF7KUncockNaW9gpZXPXE+rAQnP+/kv+8YH4/ULH+zdOfa6XVuEnHdKGWaAIVHkLENLEVgtVTvhvqiYK1Li1Pi7vYXWAKc2GhlLw4FU8ng9iBedvtWZGIKmuZnDs7Le0QJkHvtMDRy/46spsk9LU7ZkVt1quleBekGt2XbsOZKLhqDpTSGrJNxsuJA8ecZt84J2c9Y/qd1o5f3nYOOOgGEZ/NKe2SjqxdkI0wIpHxxB9jmo+STtZktY0FxIui/u0RssJVKlxDRL7O9+cIO3TOma1Y10Rqd1zA16lJOb9ZGNp1MHpkyqtNAWH4tagseZiCuWibVo7LV13K6j4tD7D3vMlk6QHOXjqTIJmG0r3V9DrXkyDgZSNZZEHZjx45fzD+CBUz9vwMp8AaU2RL8GHSFxOT6tYDb1OK4bG/XaW3Cva0TpV5BG35lWeXIrd+KNFH2PrsD4oX9+EpXfcHv6EPwsymTYx02FSnp2MgwcsjthFjbnqWKaB2/LK6EGdqpz0NUOP109T+wYlcKt1zO9GXwhWfOL55dcrPwdyjCBQv/kUSunG+cvhQOlgf7/KofZSuecHAwFh2WedjWDtsLY/P2Jzy3EgLnqD97W87hUR1VuBIriF2tEtnT4rQvVQoSg0RAkg4OD3X0kMTQ8FbG9R98fwR20HMtYGSksuvrHse2hxrXiwXUHu+RrWlizqvuopFIaUPhjHtZsPLtfMTvnGVIiGwyZyXYwlHG2zO0nFiB2KqA1cUi7bAaAgFH+h7ST54QYdN/93Fe4qvfZ8LckhyiC4ac280E3Fbi2NVvqa+sRT79U2Po1SY0Iq7Fdes6TdZatw1HxX7e2snh3FkNSakbnH82c/x9XvxAdx94eVMe7+zbYnZ4G/fzDcwfkfjqZQrp3LbZOgRTHUDo2Nnyg4gIsN/YHfLytXgjafrnOnV5emPV0OPjV7o/vV7Nb8TVETOycaktYkPh89jyAVfCI00BGXLoMCdFyMJaJxPviTHTLRbGFVo/Qu6I01OCE7UG73ytt7b4DGYC8Xvf9ozKBoJvclzBECfnjQSOp33SGWQR+GiMNhoCqc7QCQAEm8RvABi6EI+nJsH7ZH4SAqeA5+MMFm8wYKAbsr0NERYWg18Is4eRRmVxAMzq1RRXsRcXh1O3ZN9jB32CXRKWil320Hfgbml5HRf1COegiKhL5sJ2YETG4eLMzSPPhxAOAgifS1nmVcSt5eHAor46RRt47WIOw+hLEyKtd8yV+YS8SiPsIHv42UeKfYGRtHhpXq0jU0tDTrRIAKDbZ+q1ZrEX3OKqKzG8whaVH3KLyCGBsy5LXrww2hVnFy8Ls3SsNSzPmEq8HxlCKH6NwWQc4ltHGY/YLpM6FFbZ/u6LIeTG0a0JsiV7XJ9/oGXxTcQAjTGyKH6DUJA/w+4POSo1bk1nVhJWHIchRgJiu0NTepuV1bkGB5W3iHuMs7UzpEdbHZPEYCkeP/3OGDpTdLJB4KJZ6qnlDH5K83jFYvIEjYvYgDj9KDjnsDAlUjnOkcYYK1tzhmk1X9942jg440Ndf1qRO9TmUA9qyk04MPHReQtCDCXsGtcboiRxKjTLhyRAOwGwnhY8DbUe9vRvCo/Q0mFHtPbxBeDfBAOgLdkccxluLvAWN5eDl7LNDZ4krgQhH7cAliYF8OhsdU5z5Z3RTuufPxlXYsxK5BeXRRr6A6EwFVjYO9HABwE671YFwEiT/3cYHWO1BLezB54sIW/2fDsmv7hqZsyXglEP3bEgyn7ce8M2ZEwZpWjEK5Qwg0pyncyIQCsZnVxdXUdkLMwlRQhQ23cEHRCJVLOLQzTKbAc/fgDgWqzvlb1A6oyILGCYEF3Z5Ssk0e0vXXVoz8XkbAuk3mFK+gaE33FhZeqWoXwoSh5p/aFF2xgvB9pVUW/jvm2nQpXDo8LUJ4XgrW5G6zGhcCMF4iXcH1bT1qDzbpc7stMaoe32Emp7HGoYBwfOChTr8jGoCQaU3lKIaQM7YKOftwSXWqPgevAvIuSUDaGIg9yW3HKComyqjZ6TQ5veoFxIsXvKmX0DzSmYIr5EV+ynAfYFy/mf2qJnym0ZfBO21hvF/toSZmz5BvAI+BHWr2NSoUAJNpnKUg6BYz1tSvVQD4JE6vEO95gm+vz5lxxm9ilnqXwCR6NmFLd4TwlkcxtbDXw8u9ffzXMIk7WDRGuGj8HbkFTGHlYeNZYJZ4zizK4UVCMBMjKQd0iV5Or/62llG6TDaPQMC+1W7di9M6RG4f2lcTudOWsYuIOh+b6X5RebqkXbxvU0SQsZ0Tc7WZctlAwfOmhDePmwxKIYo9b15P6wJVfE9XPNfHah5r2QhWc7ZnfUrIGh41ZVV5Ei5jSk76aHHuMc5laJDt7VSrXRh61GWimYaZDOxlz2SyQWTLN+O4yELdiVG6vqYHIg9KcxrTKbVhpr3PyYetrwlwx+MreWE1yqpPu8Hl9ygVnuAFj+aKuh8TSOS1hNWl4lhXBFCYLbbyBOpJfCPn16w5luWZNibaj7nWJ02mo1CH16SDB0Yw52DPxguu7Pl8FHz2Z9arJceUKUuTSg1CW75HD7BTPsFS36bQKfw5l2LoClCUncnsIyF1FF4FEqU4elqLWQfwBSgHhP2pjz9n60JxhMc767u88dazZ5hL9A9ylQpHJmjiWC07S3iz2fQeORf/kDGU6qumauHzp1UUg1FEmuVcz0ZNJnsjnsJUR5ENnSwZebv27u0J8lC/5hgD9h4i+DrD2IK+jc19KrWjYA8ZnebTtytkaS3QeAqu7hB8FvZPPegD+2Yir0mbKK5jTsUQFIv6Bo2L9P6QHxFzOumqCfkVJ51ddaCjFgOlGZnRxGrZFSKQaEf9Zz9x3BUhI4dYTKuu5oxEaFgk6RxS6q9IuluTcTPxNu/5zr457Ot7jrx2RyYT5HDhnad2/IEWWovdn4mRcAJtaJHujDdO0GDNvQ/TZtxsQX12nc2To3g8FY/FwpkU79Q2t4KK4sWxauPyPX+ZEpVXdLa1YJGWxgdbXZ1zJRr7Xz2vyelofIAIJq4piJ7FnQus9A9cH8gkJonXqKET/Rfk3VLfM6EuU4PunuGFAeetXvtTonT14n0d1ofoww331GDGI+dY2ljjUgGmWUEHZ0zrfNiE55pg3L/7ZCufz1CrTXjSpDmPVLCO2+qF3A3uYLYTsHCd4uyB2uibcUaVMFzP5ibkY19yZTuMwwfiFW3gdDoGWfhEW5lxMw6nSOEvFb1HPUx8S8xftBfSORnNrpHUl9yw+2M+qaKyfKJ1MBrH7ekYMsFFelwDE4KzEa+yEACIkQaBwtPE5kanTTr3glAoPY2wm1IPbqoAEGBbTuXTBu/b1QXPVABuDRaB6vH03NO5XXNGcyNYfP+kaE9rFSz5bI/CAbtPvdo4cND5ad/G6bpJ0q9+xHv17fdkvKC8AVecTvFetkAHrws5h5mZh54pS/5LHITUNidHzqXLgbVaTnnKOLkHjlPuF9r0El8FMgdFcpqjNlQ3P3TP0zPC5jVizc7HOGaImds5nNi2/Wp45iYPCj9AhH0Mi1gqc+rnUOeaucyleL3ZMSzk2iMcb9MMc9ezIO4ClqcjXLBeeGGU89QzmAZJw0Ku6KJxMXuWAk5U+GGDTCcW9Ywp7GUFYbF1F2HE/Mg35rTqSOHAzPW2ZC4mbSad6bXzxofi8UYI8MCC17icPvvdDJhA03p1T2vsjBRToQjuN9pQYkSg7Eu2PmTacrgH7aUcS12rmxu8LsJla8gYU46jbc3tfE3j9eB1joX3x0Td8QfWpYvyI8kCeQbx/eiIN2Z8Xn388fz9KlDRHvP7OHfk1FCcn1iyBRhtzKH6D7ncgQZan3U2OM0Io9xrPtJ8IdCFToovgepgFl4yBXaZ/3gXlH+QXjhtcthFsC5/gCVFs0WINgogbWGis9J7sqIXLFWW3Rg2S3UvA93ytqE0tAiH8gs6XAscQdOINhMQOO3MsyIYue0k0MYimpY6ll53wC+pmICMqQoeDlD2pITPQ5pDUP/meGSOlFjOMB/jStKWY4G1PA9GXx6HMZNGY0m5TQndpy0CGc1MNOO1UPysxWxjHKqrxY5mlZelsVa20tTBPJwP6QMLdmT1gHK5LVzEzqlKXODbVBDPpMS0bYrB41JaYJqqLs2x1pmre7XYMYbTona5kh4QoCOHZIiSbxUEsJtrDDMzJmEYxu0XqunEJH7aiMKCI60BhZaFcbw6KJkBcMxuwmHw96D+5xDIfbJtPcfbRHhBZIvTjfOwkd2TRFQ6Vc8mK0N0YrW6kDRjB+Wlrp7xo7zbZ/CljJi3NSTYVNmnbtMS2hwQGD5jzmVZ9i6Mwd4yh6Qq4CGt23wVhSsRWxmaFgqly1xqJyIqlI+ODmGDE0ClcfDmNU0f2OFeyeaw+7npmpMEOTOQHMDEB1M3Fe1yON50BEsHSFQhPlO6Rok8NdjUFZfxTKJYBd3FPRBc5aFUUqJoDdWrsnEGsKcq7NKV+F7volF3GnW1HFb23baxphZ/rHYs/JI/fOKjEflhZI6UFZptosocPllzwH2Kdc4tdVjPWWK41LdzXyTZw69hg/mN4+wAeVgIRu80NeIXT7CMO2rSJNH23/BjXhPJ4mrT9bmjS+yJSa8z7N6rhBfzhNmBHNIRtDFBckWgBZ1uoNE0b4aFd9kt9MS+mpstC7oDKO37A0UT6oSKYtGeFXVMNxA5aBsmFOi1qQ5BQE8/cCaaewMPtXKoebQP6YpQw74JE2zTuKfqlE3wDSQKFs+kzbwFLXK4NgaPfIrp9zLovEm5dlNQHaQFRGWc4hwk+t8FCCtWOs7EftOsHdfcZ/AOlSmrXgHQgTIzkVbBgsThVKNrC0NCDIHWC+VJd3KRSzF5MLkDiY+/RKdPiuxWsck0q4d3BMiUSHFGZVqYMBp+gUiYGBlyyO2mdxlpUPc0VcOB2ioJ6UK1SEsn/n642D63iwc9cOB0IfU2ah9wOiiTy1rWdZEaRELjY5ZFERo+6HtaEddgbTL5zW8tCGCjPaWbTjDXyk0JErV6CmA/9FYkaRJzKVPQ3Lr+wv5Tpf1aSMko+6yPT+BRHLfUFxMPbRIs5qGo4zGr83J/V5+ym4LOW4a64lea4cEwaPYLLMizUIs2LjgdK7AznIWV+vh3oTa5s6Av2p8JZoL+WyHBlioUdzNg2AsHoejQQzX5ndljmC99vT/jJ+vXz0X2WsA+ALG50Oafa8/UZdaYB0Pc7BbJUgIP40Kjs60OCJfa8gS3P2+Vkj3+0vxAIbRsxwNww9+fBkEfPK7JOcnpTuaIlG5gTy5xhqRp1b9UUbjZhG0/h0UoMGoFAG+cczGK3JUa18XdIumyePdbkqjSYEbLgwTxW1FxmcXbfueADqqWVwdt9fprwlaP39LeWZGtK9+G1dSuTKcbFrtH0t5i+XT6bmR5B6G/j6SGp05/wZGkZE61+LR8NT9HZHxqfBtN8RSjvIk/6KJCc3RoEATpPnFOZbuG3zZ08yd9TiNFkD4dYlmMMTF530BX1xJHWlpWg5ibY3a/8eAXYkfJbM5WH/NwYawkHT+axmGXQ9iMUqnJh9QvEcUPxDDc5HJIK9gQd9Ha++cGOvQBX3yVOcIx2zoEFRX/wl6L3PWUrZXjaN+KB/c2q5Vvj/yKWhuVwnWtnCiqx+RbdjW+OOu4nUruN+PO4LbIpJxnkkbDX5tFrBmlVCXroSr+QYdM8VFvGWfM2mGGQjwKOBSqd0h0Drpda1B4X3xm48gU1qR0l7t2ZK4TdL552gY63OzNyX35yvkDX7hYC9X+a7uZq9XKyj6xILnnin7CgOnKG3GnK7ycxQ1YpOAYfHsOrGA8kpomzMj/uiK9FYyePebWylTPStRDXulgIe5/Pf5CRHrPg2Xi/K9p4NxHDy2dGSgejnOCqioPtkS6PSxqj8GkqdiyVJUk3yf1vJSxYmAZK7hTPAOLDQSA2n8VQnzWWDEoRG5yXpszdIQ6opwqUgA+7SeX6E0tYdmokTLSngwwVH6mLONX+zUSnxv5uUhY49C+PL1ZwwE7XWCm6mQzZz9M1Wenu2eeygPb1cWVfvWCLgmGugsQSNlpM5VPnTC48nPb1VUv1VZXJlB4GRo6Quqm+Gx8pXWra578opK9+Lx2WCBDs0PqjpbuXALPMmZZ+O73gf/ROmyYMGP1a5yumBP5nULYfv2LlNxt7fAV2nRlpdIBvX7Po+UeTyWgaV/x9C1LQejLwVx6I6w9wIgts/vjR+4vCMNh89e7AkRB234omG/mKVdkqc+IDgi2OlW86ngEDqchJ1GQhOADw2943gGwna7+fT7QkuhtfTYPwwtcBnU8E6UlddalSVpaOU6BYg73zurYjF2HiPeLS/MeIsqQ+nL2a8qH/XhfXJnK9tnIYnTm7CrCoWw3UVSdwm8mSKht9VfTOt40MOLhHOUWeDzIs/JhKQGbxc0rnx8thpDTJcU9Kx7JAxmja3TzQ0EHoSuv/dWeuiqyHhFTEZG1iogaRPPLgLf4WXGdtKp8xstwhHk/g4vkCPbFeFs/2go4kKIzQTWt416da8D1GAqYnitUG9JmUoadJfIzTs3Po/qZwajCuqtbcuLjbYkXPsTEiIOL5/aua/KndjBAKv16utRh/Bpcz1l5A3doUIPqNtEygUUC6DLLt10pkNJYgJUdAWPr+6qrGtDin4suvQ7c2NxAI4hxRmLQiPoLl40FFniDxhHh51kPhiP+/S1UAX/3neHbbbFn3LhMrny7HbFzyDMH9hVTZzWRRLGmNuFxkV4FwO/ATFrOkcOv4CDc88TW+sh5USu7YluQcIQAvXDgSz5fNIyNjdZUXn/zFsh7qH9suwf/dy1PlGY2iS7rVGQKu96C2Akn2afro9FbjL9yb//zlqvMv6ABEpjs5hJjsnOwb55x/WhvZ6OttTKr8RwElsUeqfoft1z/Y7L80UiDHrTa/TQL1r/WnWRtjbLg2tYpdhLNTipOwy5vyT6AC4dolBenUWksARfRw2jI+Qj50YnIsUFP7hI4O2Ilmfo4yEFkRv24TqLO93G32umCCwa1VjCydf8+rNGm3x5XMgrW2+f+Hpim3kol3z0LbfLBE+OSgPecCIalJjgVLzZRiBrDe5FpIPzG+EAlQo3RYsdMUkTUTunVuz4UFwzj0Phea70vKRqQIjMvn9djRFAq2c1C9ZHoSagN6wvymPxrIpbb6DWu3UDgWKdk3HfUzbuo7YTDdHYTJnm7hGpeRRdH3z/laT1a0Bwhr33uaksg8VEJANQiCXjLtJQFIFlFlWBcQ4ouKiJwuCNV8ZDVhcTAuuoziOt5A0jxgrfRX2DtHvHHh1B9qAb3ii5RICmkDbGbVW8yPpxev8xq7wDROeY6l8boyyiU7QChs+MWKkOohRDpYZe7E8ffNXIaDXrMmAcgN1RuZ95J316XIk1kPbTImBHzq1H7pvrzSNk3WLSqdXK0KRkNWS3DZYWqAZB2aL3Ljc6UrG6ekaxaGLV12bAQZrXSM414zEt+bk8DCEYTzYxk58ofNljPybgAqd2oEU1L1my29kTWpp9Xj72fSSX7TescFckZm6kIzAg+M+EIadCX0ABlQAYl1JzMnpgyA5TgA1Azs9QDBUJLyxGFADvdzsdUEW2v05C5quWAmt1YAc81k+ZfUa67NapjBi1EW+yhirBtDxs2RWOTdvdo/cKzNlPVHBtj44inPZL2Cbq2xLwTmObcU3JaqndjWSA1DLE7yhUjn2vq7aO2zWEtsDUZ7dBej610yOWgSJ4uDT1s31b3UJKXcZl6vRAX5x5r231u8Ny0yDuYE25xrM3UQq+qegEz4y3r8qKUIxYgclWDz5sxJiyoi6iAZCSuwR66LaF/Blg8wt2QCbqWiLV/HyN6Hqm2nc5xyUwa3I2uXIJQ947dAaTWWmn/4q19I3yzxq+06NoZhGm3HOQHCD5miSc89IYo1UJ4SIHWYusVQJi6RbP719IrMQgiBoDwNZucNAp4qZnL10E3ecpaC5JI0wQ1rNYJGrOwKa80BjZexaGgaphhFgLhucsUFRBON5HSTzlOGypqOiksFY9F2c4qGUV9/LZWzDfbawixnPtkojsfeftqBIn7B6GeILoN0V4AJC4CkUBcsUKQcCERiHrIW2PKN4bMi0CqjnuAemUg+tmjDv5RMo1qrVzzldqPxMIkbZDYcgigA500wuIZrc6sQUh1H5UzaMd/mcDONddvM2wVgw0FywteoMoppG5uSluzXzYHXYYHLb0oMInWb0QsDxFlnKwQRVZpoT4a/Gntt3LzWUmuh/jIqTAbcB3+z7jvR1fKVRU9YmN11v9hzTkP3gA3+VjldusAKCXMhl5cogOIaTq5tIQ74Wc557zUxsEdlxoUTeaLmLiaOMx4E+1syQzaKVhqL18nKxhDP89d3p1/xk1Kj3BlZUr4kexW0GGSKKQQm963PBBu7bmgBW9woHAqChp4bFyv+GIJAGwJmteVeVoW6C+crd7tabQcV8GgCt9jILc1dakJNhrOOom0She1yKsYNu/fcizLDOlZIHxWc1W9mKQBUw1zCXhNtLelXTz16Ldd3QDPk7B0U3G6bN7xju9hI2+OWxlyDY2QYTxCAip42z5zfr2OHnilX9/3+lWJ0Fgy5n/WV2AEwFGSjHPu8vrbrvn2kzAL3Dbiqkju9gIEqJkhNgAxqrwFSdQDOsY2xAy8xQ8z3j1S9f5wSsbm7osOZsFpG2gaq/PkPkjdhmsWgZjZSLLBd4v/A4sNF50CMvOYaJB5TftqB+wmtO5AQwITriRa2ILCXG10mz+Q9pgu3ZRxX7eU44xbfzJZk49fDq0t9zleX7bTCZnAaL+0HTFayXXFnyEbFCHRcCSL3x1q02AZ6P78KxVB8K+yr/9MqFGtf/aQFuiQcvltBq4ByFaoVFBbOACEGP5l6Zu1QjajK3GBgZXzxy0VLf45RFpdtSdN/draiwHcBbZ3aHtPebxODIBUPTycNMBtoPRrB1UYOSFtoIOPahBzpujNXFdiVfYZWDuZfCUho5ldjcX1jl6+IktSNmBZI1y0+zRP+mYNq9fs09IIKpBLJ+rtL4PL7WmBCw9sCfPbjctLvanlOIMDKk6nBK6aFj6z4LTf5HlPosua2SJX/XadnzeeJjuR8+qw8flsi9xU5IYKrQUm4yFSe1nDtJAsqq17oVWU5v5gY3eH1kaaGwbyltX2BagBCSkjI1MkLtXgR1DXckjcG3e43KJzZNfdbPitm82yn1j7f8H83f6AJucpIGaSSFRg+0RNmDspYWbK/S97ashcbTGRZEn+Ze6fAIrgJQW3LF4bRsh6qM30nUB4mbRjCAyc0gxAMnacTRK/HL+grVxfFVxn0A3IF6pjR5hGQyc8/8cxmyiGYrnBGinOr3L9FJ/YmuOBlQkv36SVPv6vkC1EvWHEwd7mVui8vCh2RzXXUvL/8OOvEZ7HltYxzNE0mAup1XfzlJRLm8IfrWDjz2qOjX8/BzmGjMjlzGpo4naqp8wy+qbkRcYpQl3AfRK6e/dYOCNYXOB8EgQIrMBqArydqqMKdb5dze+H3DdxBghPJrN8YcWwAJiDAE7pPxqkOMGFHQw8EMMWJnBaKJe7/K9OCEQoILbwPxx4wce7ne+J2hlD//6Q2vi4A4SxhiU7O+m4IMtSYHK8Rlx9Rp70A+jKBHVTpLLS5D7dpz7NoUQ+TaHlieahDxDweOP5+eQOeNjL92wK9q/v5mV/QkkfzDgv5u1OJv7l5to+F7eUemj0bhJY0YT9td2MzuHv0upnd0Z3FKYxCVXGoZY80DvEbWja7mWdasCdt1m+8/axBzs++oD/+vzjhwydh0XxRSaL0BH0JrSL9vmXR2WkzMql/gs5o4zwT6cSj0Zb281Laavy9Qg6Rj1AMMlyOQSki30rb7b8GDCVTFjiFhd2T4DGn3VLY7I9Qnl9bRZvKkapt5SEorvK3cWQeT4S1lnzStTGgRJbrYXJVssdK6xy0leV2V3sXU42csb9vjlthFD1r41RK4e2WHwkmJSwCip+hmt3kxufQeeYGyaEh5YuKnCbbPXzPAqapr9IpC8w2UZijH338H0gTS+2ufGRSXeV6DGABgVv6Ou2ZFf19yoBxd1chdC9Od/OCVuE10gLSlVmmymW+5tY5hCixFYDxgIaAKyI7mew+IECL9OrAG8nw2GLQ+agKW26/ryUiH+gjCxB90RB5A6tavwgttRJf3S7/6gYxiYr4mB9VmW7FKFFb6axMA2ORgkUFxw0ahszYmhHmnR6oN3uTqTBciuMU+VkzyK7YVFhYdpwOAqibxOgm4SFL2W/Ecj0FxnhSY1+IdJMxfVBLSxJNp9S9NGwSoB1z9ZOF/0934P3IMhkZcSK/7BLACPxKY/3XfIt3c45ChKN6ft94RuqccdXlMBocBY+tF2CYBq64A+W3AuX2hdcWlM3Z3V50CiIDelzdv+lUXMoYT+cOWnjmx9BtkFKjs5mmrkLrfxSZS4DWQ3TfPWTBMHvCPbiaK5g2wbtKiKf/Qmu9QEQlXnNN4cDzeDJugfE7cQJEyUMVqRymtkOjEj4EzzAAw6tqcQ/fGhEmkDsEhTcnqLxQIlc/3AoCGGxxwFtzBsOaACyYv4n5qmQn2HdU9zy7G/wJhMrr9KoOk0kRF2Z6WMglEiSQchcIfW1SxIBLmyWpDpvx/H4uPbNcyilZxX3jxUiFJj8qKv6yT4Ko/WvgiN/Q0yXQOGiUMipZ2dF+aSMrqSuoIzwcM/EnEf9A00yQkBdVfTZcG2JHddqZ4Jj05eu9vYpEqPufPg2enwFaZzgLfJEVE66tI+1rLvGQmYWmEDzIHSruONIMNHmq5PA0ssO7h5csl4wRx5qPVyCp4hl5BGzmOZMPzrq6+wqcy+T7p4nC9Re5sP+TBtYQrCaKKYsF9tKMBtMdNkL+dnMSwtRyEB3tsm+wF74bMKzJ/ZYi4NJgxHhmiyfiYKDrHCQ8Ln6FB11LCgRDcC5pGLZGamHhGTw5QPesSQHkmEPlq38iDjlDXKD/QGu3JWlnMMGjg7P8ay9M0m51NvvfutYfOOpn/m1/XylxIFKJxCKWJyj44x3MpMd7vYUnw92B5R4YogWyr6QoMV9WpABp2a1pADrc1JNIp+7ZHPC3sw3ehJ9kAKI+2kQx6ruT8s9bAk2m3AxkqTjoALoAXVSTJju3rMzq8uaCwEA2uS0ewTFE7+w473Bd0/iEgK4BDROs50rVqznaSEQzRmzijnWTLNF5ByKBgiKjwbgyw/gQIQaHFP5D/AYt8qhDFjWTQi286h54eLUVFhpJxvZij8IYeoYaK6TNLyD5IRwdp6tCUeFvOqHVgJoiYJIHYuyFtLX1/Y0941nU8Bb9bZ5auh6z5jVZzsMVsjam7Q62jBeFaI4S9C6y6rpHUEQwStnzmHDhCBcGpwK9g6zqnSQRaGxBVEBYi30eoodPBqjro+ol0gTHf3VwhiiPKw2pdlUoXzSWq6/9PWXXYRdHQNS/bxvbNoPEaew3O7u0Ur1dmTSMdd81xgTjCm7+LGUuyTh28aMGw4O/IvMzpZcFWRMIT73eWaSgoXaiPxzRExUcq0sOojg2kFeuCNaTrlj7wXDrLxtQiaGCXNcxlcU/a3UGormCzQpO7dfne2NcXH29WHzSBahyvis4A8v2v5e8Qeim1ve83vimQwWExSSU4L13yA4JK7G6+PTfSO+IgYsdRWk05omZxnqDhX+MYab2YXl79BFWDQR9cakENJEfjSIjaHGq2CFT1VDiUZUxiCb14yNW+SpmxudMeks31990HbKNdlLv55KG3XOS7TkrsSTFClbNquJu37hbosl126cF4G+dGI9hfeIAwsevSFVE9gJm6xoKT/VAjHlfNYU+O2qV9vzmNffp9cp2AEYJ4QEejYamoA9fehvO3KY8XwKwvLj2jux1hJBYhADpVIX43Y9eB9IOIQsL/lGhQzEjnF3SJBMioIm6bvlOhnh0cVa6KYsfEbI4eIzbBQqbriL+CFsjoiDS1Ff81DEFimm3Yd4urBUtsS2blbuidRxGwZkbcWIgyjKXlyyteiU7YC7ySqvRsmGdy+JgR3tnDj52wnHrWz+gFthGEY4JGXyKv3+EqXQ0XcgP7R5P8fclaZVdqSDpcZVFB37yPU5lwl+XSzPoJcZiVxL4sokbI+ZF7UTxtxYgBvuW+1qFMXSuaslFAmQIrWtJrYc+z/QPF0QWx/J7hivUn/aq5Z5kKoIg67xSccCmHOLh6FatszgokMHVcH1Cogq5OxrRdY7LIEDyfHCeVGExawTP7CtVyV/0GZKBxWcXivI9pY+fDZnqbGwjtp+w+jagPOwtYKF3aac2OZ98Krlcm4oQGPQt+jINsCEi6oJ2mZxUUX2ClH5QS0PWVqNEABq+DpOSb5cn7O2R8SEgv232BUXoYtq6jXtNoCoDbS0wUhzyeXMo8ysY7h0JICZwCnNeRVboxlhP27HtGi6bWLn/LCNgasDY4KpCCzlwjGP3QpR2QiN87IdzarL+5rqgIjh1J41Fjwn3PDFypeTVFVAVTiwNUuct2DyJoVGMe2id+RPuCEJmdUiKNNy6IB7EOv4h7C85jnEwMFRKqyyL9dcbFN/aJ63ECJR+AK9Er1MJo70tvdhFNiuBcWwhWlOdpKFA1L1rVn9OxIuxQy4QewNZ93RPXffBmvWTJycOpYIX6n7pKEqHCIhY6283BwLFxWdlVKDp31fkXn6eqE90UW5w1GTBa1J/bLGdkQ8SDsInGvsDmQrSFz5Da7BX0MEjvo4en6c98nyrr7tXAUWVGJEdo5jYNNsQPmfzXPr7vs2CgBm+Ky2LKFdjWDk0LvhEqvtVC7p/S7ZwfXy7O/zPwC8CzEojNihvwtQh6SYNAcrMxw6EXttAUkZr3jjWJuvwVCKKlmU+CYK4rENHBhCYLY1OHBLaCddndeRZ2+lua2/DgENkrjbiNKa2mfUXR/h+P3kkhKv8jMocDDHCpLQy06iUGl8waTI/duxBIi/Gpgcin2qiCmQafB4pZSRmOlMbzpJweKF6Xya2hQSTT5bpzcugU02fcclNeE/kCeH2kx2RsvarV+3wlXmaS4wXKrUxhXwEjyASRPIhOCqyfQf0yuq11kHxNL7Z2kbiJPibZA9JVuAyeWw7lFfmLTrNZoqJ01xVl+L9viUbOkxyYENF4dJ5nWPWPDpKq7G02gmFxia4l5eol2/Av19EhR+RmzVcTCMauTXlGLBNzfJV2/PjUZldcfBjUzpU3i9T5cKdsLbUocqgTcM5aZNb2hlKhRTnuQS49Ae6//gUzXL0oI8wwUmlKoxFcMNIwkhI4hfnw43qiM2CMvSlULdER7ISiMiCVeagGowxPAZnw4UKwHjbWtEwjWL4W/xnf22xe+psk9MlRJcol9m4Ku5RnJDGOkT/1jssXfOC/egCXlnc8UP5mRtSyjklM9C/54F/N53h3iGC451MJuEBjpMHsFwZisU9HN9yww+MyL8vdfAwGjI9QYj1Urr5KdS6Lk8AfqSEO2wJ64JYZSZoBIXDBlB15nytYQmdYOn7yTwdcLfQfaQtwWVytyHbL6EbOJJp5lrBeEUFOp33hpIzjXEAiwrNPq0eF52MNsasS82syh4zrItYXy1PXM/5s+Lak1AnWurU+byU/eUpAQI0eTgfKR9zdielzVUSpJfFr/2zWKkLAMhnOLk3/O/6tlg6J56FQgCLCx+lg1WtMSJb+dUlVUht/ywNqNUp+BoV1j2d0c44eH+oRrqqdaX6SOeTWzVmEERjpnIJOtZ+3yLW2xjOjNPDprrlEMv3dV0qrXCIRLsw6YmOwIrTFUTGSrMGAmg+cBTw2V0JC6Fj66X3iNYwHwWC6j4xGrvSUeqJ9C3AQjURsokhXREETW3wQV6/cswJLiiyD+GYBUTAN8EQkuG5ZJjrxseTMvrF/dazuDRRX4pIhbQgfs/rw8ERY1FZ4UWRvmelxrwVEfplGBI90jW5btDaiNzkwd+taGDwxbuATR0IwDzV1uNN6z6N1c3UetAoHBoMVS9HAxbYimnYBX+jan/YRj7sGLjwUPZK/Qnyag9w+w1R7WeVBKlmhJN8N12rsaS50fXY/KfmIh6yX+hJIsz30qe9y/exeeDruvxlgTvCVb5nqg8pSphQpQ1ltQ+kEeMknbCVlYpfRHPPlN+noL801TV4kwlKQAzeVGtrI7otsMxz8+hlLeS5a18eijFZOSLuP9MuU9N+gGnmDhl+WTGSeTJJF/E3WfK+7dd8pk4W3lx3FbifE1gHZkMfxGXz5TbFNnjlokt6ybj5dWpJ+O+iPNnynVqzBRdyisM71AdhkTCVXeF7MzBp8xzLllhX5Wd3CpB3Zg9twOXtbmxEhbTsy9w0X5VP9RoBKmbtf27B9WpDHJ+5hhqLlO/As1WwDpDjzg1Zn/P6aGzT46Xj3a75cvwAzzVJyrDdKM6k3tH0MCco/4aEyixYyTKCnFY41Mlp9nUODs39NCmFJeXYBywx1TvBctDIYURLy5SPEnArJ05lZSFjIWQzh0jSbpzudUJrCQOEhfNINrUnrJKc29rWCZ+cTlP9EPLxQWVTRRnNPA5Ijf4sPC9DVeIL+MyjrkBP/D37DbW6bJ13+FvajEuCHc83UDS1uFpSS5Iict7qeR8TsbPV++8zFWKuedjWZGv+Jx2FXpt8Sc+8NmnkArnmn5VUnNCbSODofhuseAXbyTOFZ8MNdmwdQZVf1C5tcL2K17McLXryKRzHWqp1RR5q7J5STZRmaiUlqnJJyglzRSVLTTVZKL8+PPyRUnC7Oq99AiJmoCyC3pAmmtcgCIOnv4sn1tLMk1JRJVl4rIBBxa2Iol/EfefKfepSpNhklcyd+XziVLp9q3wUtKwWRg0fv5Mr8WUuTIfs40LpnT2hKbKmujrKDDsRrB0aEx+Zl7fpuHSuT3bYhXLFjuMZ6uxm6ImlX+vLkpU7ehLIOiwYuPBc9lr92wc34JyXnagxHWZg67n5ZN4rhlutqyGSoF4aCG/sLJUu8EBv8Zn7OjNjaKho9J2yiqB92PUB+fSq0uKyfAXcflMuU2B9XjKyrKdTEWXHQrtP57mUqvVI62Xdyn+DOZj+J7BKOOKFqvSTTpvaFTnyud/BU9+ynUKTAZVbqJm0g1Q22ZIdeizouKerf3mfWUrVPQFIouDrSDNL+L4TDmOlwjeRou8LL308fcnuLHIJrrVy9QalLzjJcpzZrFgnpgIV6OD3OjgmMto6LWM6UvvH4gDvYbQPQzcgCvmHG8GtgBildlGUqY59oqLdcTSFUo8gDnCCFTWi6H9S4ZAHHHfssuGD0lh/Wdil6sKyzquTnwWsjUmvxil1cdoGtQWfmACbbIA4jX9rBsuwZRJe+rQgr0tVdOQIkp13BqA/iwAy6UjmNjLghYDCgLZn5G/Ihv7XLr/5bavI1aznjbrpuXqGn7VC37XPqcat49d+NPjU+9u7TJgK3qFHf6EwpgYngGQEnUScWMw30dpTlpoADCZU8w6PMtrhGuc2Y+BDuAshxTrvbXyobLi5PDQbp5tLI1sweyzywkszG7KJDn2hYVxnKNRdxTTT+Mz54ImI6pSQA9ttDKyOPS88vNZSP4Lqwn0mIMwW7xmCkDFtrmHzUWWnGAPCZScLzy3Te4xhvjdvJkR/7iKImDHvJlnOpcfgoh49k6CfNrw/oJIbqMsJLcl1Ny5QmwqtsiWkGDf/CJMcvpe4spr4c3LPibLepI4f3YLoX8+R3PAm2PHSkKM5YkemaHsURpBxbEQcp/4MVclY+id8IQI8XrgwCFK+Kb1OOpz2QgFAc7OAhIA3Emiu6nmIkGzIeF0PinhzfZiSnMNxKcNjR1b5yTsPnNa35PcGIa/C4Ydx+lo9gSdt2ezmKKXUAkOiqmQEXZYM0GbckAuAD5ieE/CITv89Hz+xb8/r8YBiZqel4BzHEIU2RuJBvItV80iDkfwsy/GaofCaJLRIc6dC9oz763YRfRa8preNrQ1cUobkYMMgOASbCsgfQPeJM1/L14ue9jbwofigKjZ+xI5YVhEq5jnHeCYh7rvcOBZU11mD4ULtqAWDnEhiytg4oKy+pl9HDJvef7wrMC0o2I6gtqzweVWpjhWs53/cYrDoK4/Ox3ksP0QirnU8FrFdxzjkt6RMZyby8gr9YK7OFJhopahOovzIUzF/k8uf3R2F/TMDf1xZshN33lDcnsPz/OG5yy7Hx4cZ8HTewzvAW+ZHKsQU+dqGjNWvXWHMl2cMdkUmUlKGAXV+m+fCrZTNdWFnhJX9HQk4IPzq2dXeU124aLLedsUbsEcNnly0Gad56lIix/HHblUi25+QSbfr2HH48uM+mlTf/OgQ6q8+UhkoaLAH5eWi+mbPHcx8VKZMiY8mb4kpfnU+/IyJtH6mbpuVFqPHfeiGw+JOpanUWE/5/l9og5YfK93DMrrQ0pbwscTfc1E2OJyHkMMnBtdkXk6C51TKPoST7pNIAXXNp6dVfaPp3SBC/N+ZVXDtduLCVLg3jo/YpxrXDlCHDfQQ8acA4qFwVH14MUrEo0AEx097Ik78KWk2r/nfvkG/32+PEdNXvDqw3QzuhFc4n4Zc3i2op2GPr4/0qpEnFMrvv37cVQjgrV8Pn2/GHZ/pZQmY0MX63F2yCQvXqzL4uaqLlJPpl9YyLXvHhLPUBiOkHIlX46Jixt+oerMIxO3MO+lcYNzjaDyg8Op9UJM11M5CWF9yCvHYgh+MXOIaJsTlA6htCiyXYcYVzfQhyz2lxi4T/ayCkqq/TagzeuB4b3bXaHI+PaVQLoa/wjiPlSrGvvfVaJOC96BoPrm12I5Az3Bx42z6/Yva3Ce2RbR620eOsW6EzWumpAPBXoYMl220icYURSOWgnoYhAONiNrHg3ZQe5WKzAnpFhxN+l3t+ZN2k/UJLrun/g6EdAojDk5ESgvEn47uulVhYnpIdKfkEIOYLWQsaD1if22AxD1MeJBMAmZhEROmKVS7lBPKOpXS73SUj2IlbBLFCS0ac0dw/KE6oA09vULvo1brOALpQ9qe+CDuzJuOgl+zAixxtQ/B/+Wooaq8/6IUwFbze4bX3UwldlwZHSXUAfa7R5WLFqIXae5GrjT63Z2JEAU5Qe+SQ2oL491EiSrMqwKAx1NJ6bjsSi4NNFPs8oLJdlaF7io9w8wJGnE6IjCt20H/HQdJYBUzjZndnuJW2sjHLFqY+mK6YcK7AeL9NoGoVo+fmjyudUx5qkpC6+Mf4+nHWuLM055mCgbcayH5OtAFbTAVgGser7hsMd3wZsj5cFzMQTDKBNvWsKQhQ1URyX1u35MeALPfqILB6+Yah+Q860DePyoBxqCuOMtJdk4ZlD/rGe/8kGWLQSjuyKeEo5ZoOA3J9TGQyWM+L72o2Gk0ujHBHhQOVT+9eJ8IhpTRLRws8umuluR1HpSU35FjmWL56/n/C2smsuthRd658/fLSPu1RhvDaS0X7Wp7uTxN371Sx7iOxHnUsb/Jcn6GHAIdD6Az2Pw6aqRCku17Hg13M+AyDyT1OftNsCgY10ewYCivDhsL9Fn1yuCwPRKbHBuOVwHgv3TCLpzqK3BnX6m5ONORU/lGRh1X69clMYO4jF4WIJX6Cgl8/r+HUjwQdKW7SaIvoP2custqZsNlgAMV91jgmTpWejCLCmhCy2bKnuMrTDtwwQYCEW9S0JWAHSlY6H3XTgZthMRAE5pbFMxQsESYzeQ6FNAw0DhSLL0IQwcfqXNLaDsXc0o1IlCuLAur2oZj9Fedti5CERQW6XxiLXrKf8wuC6x7YiCWTCLwc9i/skhoTv2iBBxuTSX5GXN9Sw4Li/h66h1c/Vv6F9vgOL6Rb/XAftS/hQFf1wHFp2+G8Al67prmvn2jtkymOdTgXODwcMLm0iQNopXiIxTq6yMSEkaaYi1NDaDzYseWdAIWsTuWX6l0HsjLRkgNlBVUrA7hrWcqktsJz+bfm6WyzjX5Jap6hxSutlP1MNjvMNczn+skq9N0vaYn8lxh2NDtlDYEFov3ZK2wwukO8qbMbckB06IJZ8wi7XCOiu+XKLwdDZkRg7cSaCqmR0Kn0RnvGPtWRaryxwlY/5frSUcIVFD9+vaAxIgSlo97E6NrZ9H4w3r5dW+E9KSyQn0HiAzJloHf5iNa7wz/LL9K9Kc0YssJwpekF+1gw4J1h4oE76Gp8DSI+1AcdZteD9dDd87W3G6pMSIDJqSTZtY+BJD9F0+FCJZ51NyT/HYu4y2lphEz5BxUwIqMU8eZaicTCQT9v7URyq3ErWsAT+8u6I5odmzcVca6ipHd29uSSdo7B/TYjbQbBu0KbmG2HeenyVFZ/9CavbA7IWTj5sr0kD4xvEi6i0WdRuhevCa7Z6SkfbO2IsqiSG141qeGvWQ8CBHRU06tiuL7d8bspja/Dv82isP3bhd0BlgWaSWprY7BxFQ/oR44HNvDhzgeDT23edGS1MUiFC9HG1NACLvUxCagQgqTu0xiakPqQ+7lP2kpSY0m+kYXaGCTFBIxkQqhpI3JD8gNrFEjSRp/XrWQTbQuK1lMNSQbrJUWRQh3hQDH3qlVm1MiajJqrEMj8Rz18zvSXrnDY40WlpjDOnvR7nkKPnvFWE8cZZFRzZPi/6MNCpwhJI8mJlqpxG0uyfSwrOwMbHRZHJTJ2eeklhS3lpc/PuYcB8jX/Y/rsC0IHMf/qyh/+JbimeC44IXkH/waUnwFaHy7/6xirq6gZ4Waqfju1sNFPjCfD8nkyh/Fs/gN2BE1rPw/Zo1YOOaAmOYYNkErzOuZBJDBN2OOvDCuip/R9dMi3Xw87ZtIML/f+wYeIKAU2r8+eCRAAeWDRhIQE3AE/A3o2muLIWzbdkmyhWENS7cQ++Lt8o+cr1cLcmHV71HrXnSjKkK7XKiJ3L0qGc8uJPcNsGRWC6JkMZUO4auTHLpRTNOgwVZpl1SQwmN/tQYHLyK7dsxlpi7PYr2UHgXyfWWMENxZAthwPWWGAUJusT0Wam76kUzEuIyI0i/7ymTYvriJWXvaWf/M/ABddgGkMvjuyDZMA/f6mQ9ASGNBVxLnCGIzkArUSdjZFGvFP1YuybhHn7vIwGA9aTFw3ptluOu5DPsWofDpoOJLFiB6OPTWikbPdEOp0NqID/BDggEteboSYP3tyURxDtiKNEJprCTD6o+lvNXgmvcIB6Ouf49I+gzuYloaGMJOAlWh4bKBrysREKsST0r9GVQIAAySW+fEqRpGHFy7MoX1Xx8iBf40HgVhsVLlEjiNMSAtMJO+sWRyZLCaHBVdTzVdCDUH+NLvdAMuDRYa0dsQ/qGZ4eQ1lgJArDS7RdkIOgpy5SEa7pebrA4tNVdQLssVZvwWwS26pZKzELVaaw3GiCz3ROIfKiGBbLaraitEFRlxIzLQEPj0fPzPxesjykpl1WWmQsPkAQvKEXx2C5hkQkCiDXwWrHWoU0IM7RgFrZKi2gSmZoJyId9u+u1tBMyl3ulLRybWiwM/wP/EvJFcFsVv/hGCEn9x3rV7fHxJvR8Ts8bxDgsVZ+reo4LKMM1xLJcv8NSa8V1iy1na8KwYgPWHXdPL966CSf3Lx2K4QMfLgDFNgDBZ11o46R6AqmHZraJsoYIIPIqA5qqwBvGvLtcztmPJtpdM5iIrkHmjBIcqQF2lGFmLZOfCCMDYv2YmcgCjmoEkwE6Xi6kHXII/dYEkDK8Djki/Ik4hOiD1gHMX3nmGgELd/NDBZO7zcQZSvyoSYnXpy3lsx6NQh7rbpVEQRQ3tiUEXbPKNPySIYHj0N8xYT+3Voyqvt5ut6al+dJMr8H7FmNaNbmEZ2SuPA9E7hx3WukIXtyfHEyUAANYy34hbkmsiQgplm6A/FdduJD8doNisGuUezr2n36EGDrP1Sv0/zhmQo7K9NYb6C5QPx/U+hY9kdpFGUEHLUJKfd0i2H+sD2E1LCDgQWkbeDtAei7qCAiyt27K0q2tKFObowVXFaL+31c36iP1j/u8dxk6lHN1AAW+Yyjyeg+K4/yHY9rfN1KUy4nw7f5w4QufOCakp1TjJ3MrWbNnchG8pK43Fbr39X3BewWo9aiDc0mBFjuy+4Hgs/jEJVaRG74x7z3CQHxYbifERNitJJUmamZpI14aNjR7XwVUDvmkJoDFtIfdQ4K/mUS8Sqs6FQ+XpPtrJyHGMIMzkHQQ1CyyVXJtuTy/8j4Jp9XHIM0TZt7UGxienGpFIBS0vqA3oVaIwtkmQ8fTwS733KynJ5wgg7Jq6N4l0KtJIXK3yCWGMM8WYdthjz69FP0pKcwiwtK3vj9nrL7kkkDzBVEZA8bFXuENsoyTFC+XzG1RZssDoz5LfABqbwKFh2nguMXzplQ4cJ6+jEKtaFgGiUqjfRGs6RO2j2f7DU21MRcbyHFGtAGTt/FEntVw05ZZm1R0XZD1786wlW1x3OGUU8PSmZHV8Ssacs/YMW+ZCv7hVLdG0yMGXPD5UMA5cgGkY6ZQOs5KusKk89bCVQU19sjidjtWJWHP+s7Wjlq3Z6aouuXi6PDwlNpHqlwzi8wg5q7e+xasWUSzkHLNk1Ps5dAU0Ka3EXIswADQl5QSZ0kngwHYrzP/pljWDddCjZpaZp11Uzolu4Va/+B+vbBrsRtgtl/BB9aX/oGd7Abeykgd9dQyZFysftWWIy7s/AhFNYhaQCc7gNrXBoYDmRPflh5AiqgGVGC3IFY+tF9qNCdA6Ow7aD75iJ/VjiyoIl0BfD1S/9dR8TsaMBBQcxicCLaghe/vMhQ4vF8BVl3uGQsYdNUyRtCqBrnNR1quSAK9+yZZW4tLdN6QkWbJIouLSTBYeWApkwsCaTpUt6LMb/qGEs0/mw2bISc9rj45C6itwDQ2QZOjlpeUuFKse/MPbsU9gm6vta3X3+9+ys+5yHSv17Txyk8P84fC75ViuBAsmM051G4qBRkVauU2XwHZGQuIeDVNS6KY5qyuuw/YoeJRG1UyJ+NKKFXdByNPcXXfH6Qrk5cZRCwjWazVfSbNEOxQOq1vODjgSmKlCDyNihLw5PFLSq5G3x+wnG4cC9QJ0FneLuCf7Qe2TlYvz4fSYtr1BskufirUicLYAh3Dz4O4Eag5XagVU4M8d1KFgjN14CLdgm/vGAI2jtsvO8BQq/NQlcdM97/49q2MABCkAJPaTxx75V4YVD3qmKAHZKCM1IBAyvYEqQjLzhBDDHQW9jG8QuyQYqSyx4VerMzep88cA0XNOnQEkZJL2zQp0lmrgdPIE1TGrMhN1d12LNy8gEmta2pFjMLY3f+MxQ3mpEIuCnu7JpngShc0hUz2AZRoIisi3EjR93SG3A8RWn7tDRBd6vCJ7IMF1oQNRO1Rtdyyy7Gg2harEXyp7/zAKP3EqXz2+H51aVA0kq3bhVaMh7tT8K8D+Buran+knRrRY1qrbheWSk2rSYz0cto64TOMFnSScuZFQVkZbKsyyu/1kORuTwG52l9KXSRwKtRT2lkTYZfpjQQNsjKQeZA6HwtWjQPS1YOUvPaTN/fCCi7tPxPqYNXljSvwSrzMvtv2Z5hhovkxmiunwSAU2TR+TDMNh3joRKADbbi640ycJuARDBrPoHPr4Ffe0bRaBp7qYhL2S5ptqlT1FAinVpTGgy3FwAiczujmrOLMFdxkzwL2NZANL7X/N9Y1+b+f1nSKnsCPivYbmenfgsy2f5lcu7iD1+BwoFOZVxy8Vm9kTaQCzcrdhIDp9c6hiG/uSMzPyv5Bsw6/knJpyc+OyqlgkaxixrDUdHEOZkvqiYBKIFTofdTGeYxg6+volzFRxxLNt9qOq/6I6RsARnJsq2gIXQsaAr2uuuxmVJejFSJgTGa/wsT60H5nD4kTTsrNtikqtk38k9ALZDtTPeXzB/09Mxc5AdOuv0+RNIn3xr9UM0b0V0v/a2oUl6AnsZnNLUo0ZxBPW2urLeardLcOiMIwvfZv06mBiS1dFbHt/C1OiC6rxuD+ZG2+cnd7+HCkecxCJOKetUH3f6sNC4P/h8IKksj7DY9Uhv7RjYx2Ns4ADkIP2R+GPXWWEZTerEur/Pet15qDg7DOrs0929ZrtfwTG4ftbrBW1EvQbnsTEH01TWj1BXaAu/pt6FiPofkdK/Wdib32ag1PXBdhh9Btlhbn1KpRMexVJ6BAXiuu1zW09jukozFDLol5KJ0zpvrsCpafsRySUaUVGo2ca1i/puwdZzbwJtN3eQlCGZQQ+dDRFpSAOyh/oi367BPI+14tyA4Q2RQf0x42LbTWZ9b94QipsABV5wfgyWK80iUtgzmWNSyS4qwWDTF2fJAZ2Tlatz07Svumi+05tjKit9EYREhEfNKFCzGUVU3NbSaMlmZtJpXXLcTmFA/72OUb0/X4khW1EUPni6AjOHSDcX6dhh8vO6xAfJzl348atbqkzlT7MAKovr3iUJ2gfv1KzIo3WMaQ9fsSXtCsgijWadFgYB2LX+iARiWv+6OhfyNzXB2YSsXqafJ4jHQKDEEesSOBIwbPOAGkjcAb23EuFEKgCuvSaMel4rmiE+81cmV+jrKOyulss3KT8GVmDUE6XomHGMCHTf72kKroXMLcOU+DBUzHrwgSYHyCPTpKBEc2RnPJI4EoQvPp4J39AXP3nstf3AmCi9U68YgmbbhRx4wp19qLnfmhbK6ETj91cAcnzZVxBIWoB/uSbhIpXCYbfTBDXxLcrgAHG9BTBN2E0hWaJQx/MmQjmmpevLoZhUUdS0P3+pI6h/+r8IWPtF3fU555ylejHE1UTxnHtU80JqvsCGv3Ug+NFykDDq7wel7Zux7Ea+GRKdLjMa15UnIeE7uNnav5fn8g+8bVYh+R//6WQhDp/FtQmOzEYRe/pghBhjyHoRFv5BgCorTd1ns+LuDqUIr9Flc3C4Q5Ek4QAEpm3ouUTWyKOZ4pPEOzv64v15I8aMtQ9YnFkFIWpmLB6uLr4v9rebt09cJ+hvjPd5Juuygdd/4kySPcDjaVdtmbyeHJnHwnzY8oFhBLpHWqZJSCq6orQh6K15AebUtBxA/2hXdEwaPxWwlzVKR9ThzRd7NKpEugNxUBZ5NbhC6bUC8QRnCkvPYh9q3nCjwCGW6WreXywNIZK1pgYEHOqO+/FLTBKowLCnd/sHrRFPw7HArdNLsY9HB52oFukNDUzYbVLCYwDt4Fq4Gz/Gq8xyBqna3xrXieiRAMSLrcvh2Wblh2G10GLfHW6dGBUuTae5umpy6OEu06IEUVSL/1sGNyf1kOQPZpRt7mtp8NewRSKOUGXZ90HbQeL5RmppEYdER69mBfjbQHbtTRksWBPcybLk0LcNhM2V7KCBy7yEgsWqpA5+bFRz9nUQf5Uel+rfvZfea95iUtgrvf73Cmp70K3WgrwMnd3zoEdNEhliAmibAAP8EmLbLUy5eN8xbE/QDsHRbrCPN2mF/LacskxW9H6mm43FMMGIdn2sigoPThh0u9nc9f2Qc+zkRbFBtwrjdQqccnySHu0+NCEWoeH4j4iLs/wvUL9dLTjNK4id3dit0fHeB4HfptJHVRGxNBYn6He5MxZFuOeu1jR1h88ZYFwg/annAEVYtpN2Ilw7v3SW22FJpidE0W8Ys7waHB9HeL0j7UHFxUQFjWsbzvyjpnbTkUK1/vx8PU96Q1oyfYCd1tQMQ/jVd5pPhHnoEdjBJ62rgIsmZsP+OSL4prVj8zHznroGQFW233z9A6t1nx+YpO5su2z9yJFrEYbWB8CxVoP655ZWESu+cT5BNG/zDukss1D948g8lwYe0evv+y0ivHQoF3ap4VSTkNvBKvo1aw/tezbA+t1eQMV3JykeZFPBO/rG165KL955VmhvQQvBdrCn4coPsojnRVsg2tswXDS/WCXCu5Xmf2xH07FNgy7SMCm44Upcd3qvQM/1qea2zFG/oo8Fyn0ufvWfggmdzHlSjro89nbZruO06FtNoMIL9jb1yO0igWPWIwPHeg662F01TgcEk0nCe500zywpr5DkpfADGWmyP6cUdiwnDYDa4OmTAaOP5mG5zrXDh+kMwKiPFUQ1l4AZH793EGBR8/aBepeJH9qaVqtk4gI4TKc/epSDlsiFE+lX84elP0aOxpvbDVNZ9H7B+BhSOe9ovdQafQ58FT0I/O5aV4UbM7LvGTzPme+QrzjNiAZbuH0BFKDiXEJ3fUVKDlZfT+nRbj9Q+Fj2jIEkESXgxXNTbaxQcdzxQTayoY2sTYztxOWPPkdvpQPEjsixTSYDAJTbulw+XstHRxAuzeFjVHgZnfLd55F47QWUfacWPlLJmD2t4HSNXvVPH3lE18XqLA7I7MfXdhZjIqzH64u+gzxHG+uzKNaNeeP+q0r9zINl7sWHmY75mmYMGzAFOiah7pTpSIM1Ui0+1OxTD74I8i2hcKoSVT8Pxzrr33XEI0eyx9JNXFgRZgevQ0zrlSf4h6/4GWqGQ9JvBqqOMVWJ4xlgejNoihFU2wL660TZVKF/IchJVXQy62UkNXKyY44LBnke/+yKDpUzI5H/lgYY7d74VTpHCS3Tkzt/aovCMhRO+AbRsawkWJfYychulf/XrkFHYOCRd+zNkM5DL8iXb6iU/tWCe523xG1ZckA4/kVbPPEOGvPymy3rEZfWCn3h48k/9MJM4DUjWQ3lU1fNJG5AOLdMipQXaGwSSYci/jVeLfCcuty5UZmCDR3F93Hf9PPSgaomgSOuD1wzpVIhBNIH8XgwQYCGzJlJRVhqh0SVZUftfaW+sMaZM78eQMSuUgvpkvBYdGQkoJXGPQHySWaiuiLFQBTi7GXyDH2r9X6/idbJUEziXBeUHzi4Ho7NCsX1W+tomca5ph7fOszjtoTVAhSaTvCuu000hsVh4jxgKB9NR+mXXzFzhg+j2We4MowuHv1U7f0ElQLQg7BNXdxs14LR83yU4TRsIrdvfqfE7tTBbzTLwJtfaymigGoi4XouBO7s4/Csmdf/z5+NBX8aLtjqgeFEc/U1znaaZglD0FX36MuDN1jcgdIwRHI/jlHDALze0wmzjzOCT6E8M+Vudfx5ndW/vwETrJzFzsDj5EDhjEgQMGXdBMnQrb0fe39DP1uR0oRwdGk6HBRSeM0jnVoTgr5QyGM7X9tYbjphN3LeHY9KybzYAGweseyE2mEe6dDBqL1nYIM1l7dGolQ6+uSn+v9LPlxj30jm2FNQvwJsXkZrjObl8hCDGdq8zKfxfhgAepBuw0f1OCtpg5DoZKugoUGVHHJvQcdNafbtdXbchfizrA3jUFUaSwjg3MuM0GcMbzmxpczbgNNXxlj6tNcEPsMEJbCx4PqhDc9bqEiHy3vDArewc+y30BPPDYyof8+ZI4lTXatF+tFGFpB70+uetYP/GN0tlHM+UfKzQeXUaV6lxoPbFkn4LHgrd2cp2ny6Y/HwyM6hLCAhFGta5YWEpgWdPbDtg1O7mX3OlYA1o2Y+tL1o8a2pIWmHVi2V+vODvEKucTjF8+wPbcZqJDJPVPHply6pssa6iMTKXv0AIG+FFksBNUGD/VURMfvXxsM0L+4bNssQVaHII61hTFw3S86bFx1UmrjrgMdcv3qLyTQPDYiKvrlwwiWJMQvSQGDQYZmBOOJXvL9jycY5pEaN3Mlkq4jsxFqCw2DdqazeVgKSTIRdzRKxurgbrGNOgaQl45aZljjWl3XdgViH9TS6P4uYS3DLc46WKuXuw1TQ73cG8EMBFzWQmlPpm60TOmi0NZl0coQty4IlsuSQoFqaakBRL1oktI4D9wmbjADHNySm19jDO6n95qsZymcRmj8ljpqZ+tBnlJHh517EMrujz8j/gquMH9IoU+qF+1PKQfoDKFI/jsenqzyGpW4qBHhQtVWg0dz0w5+bkipyhb2DOi/ng1/L3v3N7eAKpQCTonAgo4afnmapKUjsKmIOIIxVAGKKJxuFTvjsQIynhmAPfRL9zSTCxRDJHoBL25huGkRZEUgQrDWsWkFbnj7GnSiolUuR6BR2X1sZx86cnrRS0vqygf7zQYd14Yktj11BRG4IuOgm7pJ1DX25DrMv/w7GI5G9vhOMOcA75VSvkaBiF2cJ2JHuzGu2mVXp7IYHzFfTLRt6cnG3E6na9u1z92hJbDjjAg+AlsN3JEF5JO5jazK4EHs86JOcoyvgG9JAfSJ1BYlNyVoLLjAG9OC5Epw7i8Mjs0E+2lHFGmyU23K6itmmrq5XolbAqghLWrR/ZT71GQcz/YIDoNz4jXaI2IFRkPA+JdjuyLY0zrWtvmJO6r68zuxGIRixe6udDgUb3Q1PSNNw4yRHdRUQCN+txyhUUt/R6b+pXBBet32WzIyUvWhf4XtkJPaqUpKF3Cl/sDBVfpYBCzPj6JpGHsUy6AoAfpjqgHtktIhXxTSX09F8AQuX2hUSzWphcEp3zwUrmBDcQ8nqZyD1TF7lt06GQpGOuhSG6gVVRj1jSfYNh21aDjxqMZ4MvErt+EX5A7k/ScPQm98ebImTS61y/MGJ7ipsIpjyLpEdYicYwt5zw/go3yez7kuUgWoqS9TbbDWwl3OWaiIaBR5oliNffZTe4TSn4rPymZKn2m6Jx1UtKNYGnfX61z8u76x41QW4GkYpyLlWHVzRDK03ZKV9HA+P5Y52pg5DUBRdYubjNJ70tNpuXtgDL0M36Sw9copbuPsJDorj4LvG1+RGrJIVJNYjgCPwOVP58hOdK9zcN+SLbK8vKPli4trJ/pK0NXPyBEqWAFjq6EZl65ug4EmZIvFwOJpqItsPkTlcYXN+trOIn0Z72YeNsMFXEJaxqt+Fg/O6bS8AW8ehk9gpHI/SoYSOK+bRoTV0WvqDbmOS/lVoN63cmdRI5iUEFTkxjJzDoZvkNRlbeaHJ9YSm73QDxx7CvM8yAfE77q240Z0lgWzD1JQc/nU0CC9TpmspJVCwp5WVorz4SpdMrx5ORY0uILl85RMAluWGeQD4L2rESkcNaGBJhixCUUFItFaYgL4J/1qWtrnMvK5fSF1RQuh9cX10wNprSDefunVPXMnr1Lh6GnVoLFc+3ZpU4e3wtWisthmWHfc3dn1zMKzPui1GBjVTlcqFoYzC2uE5U5uUnFVHHpuWI0DHHApEE3qZdWRD03NS5taiaTpg7Xu3m6EQJQ4txTzPnjG9i52nyDhqYDRrz/hYqZErTFoG1UU+LjHRYYPgan7iGUyDNh3eIYvmLPyCSt4GnxjEoDhGsKu03dT8Urtt4hvRu1uvAwdayhm5V940ECK3FAt0+/7IIT+d/dQi6ETaDbJRxMQ4hEVNvl8blEB5gsL1SJ5KJlNLSIRSubzHDUzW2xVdo8JeOy1g+w3ZnmiVFYT43Rb6QDN64xXmJaO6JVOPgzVhM0Rul0PesZwq0NMBAJgAhXHIEUxzIXtouva8QHZtw4hCpJTQug+H5x/xUlKBTZjA2wHtdbAYws95C9z/CiRH7qrK2dWLYFLfdbsx6MWptNXLmzWjQKxc8fPkdSubTP1FV6c4nj57PBM+sLKwL8cbd/zJcJt91b2T7bdNXjABeGt/W/jTtQlO80J9649OXek3LaDRLX7ZXizwAWBxHSrcW+Lv8isSKHmZ7WMFJhaioMb+wXp9RspDMeLL2e1p91JPr+KPvWkenXie6eZLtVSV8hsAMsr1sEc1A/G0uHK0uQbpzwOLRQ80HU6L2Ru4eX70+OdnnFmvVhEqGSn3N6cB4Nf/vPN88qstgCHlcufnOv4xnsmtUNWufVKxi6CS+QN6OioShh89fENqJuX5sdg802Zq9C0J0aDTq9wF8x4wS3X27ctZcmvNkPk8XKjOWfd6iWRTOIjF/wf55C1MTFei3dLBZhgYOtMCNjsH2qf31zsLf0Hpl7MIKtYegPJ+Z6xTygdpDAFWYULumxytW1IQ/OPT5V1JpOL8eul6lv+4EvRJXVGMHCenCCRB5wnv8/z3UosBOB5Ir4PHJDe+mKVLmkG9An283VUnsWFybS5PQ6ZwlqZFE/jT4QkA9rgWKugC+uOwlYWKBzFptEp1RGEPwfVi+rlKkBFcZyDobzq83CrlIvzmUurN/hfEDoqJs2Wt6Les92ZByDoLf2EDd89BPa1z1hzNi5cnDvpIxBmJQghTCqx7WtNe5EYN+AH+/lvS7/YaU/D9siL2vdZzP3VWhiPLteLhCSKia/XHH6Ofhevz/9RUyEHe+0feHa5sbr6PxaTWMHv8zWwLqoYcqjlc23Mu8jSK3v4a1944qWcOSp5GWySiwrPjrfQqlHU/uo0Zz4ajbLKlyKompxcl3teCN5/3WTi7v3XkhyPzTX9zHyFLJPf3mVj3on/3feuZRmUdO/Cj6wjMln1uszSA9Mgo4sT+slZKq8w5g9dZPJPh1iLyMXaQxZjHwTMm2WBiV6WJsGoZPveaBlEAOSNci10YgSSZCUTSnbFN5R+jLNWdJGifcnUxONXtC2+zJpT8KZnGeZBmwQ3r598W+uHycZeygG3b85sZvNmlMWwN13wcROtaxIYhw+aTEC3RhmrzfX92L5Qt2HXttqpIVgtjRvi3hvD8jMejcvGCbpedD+jJGlL0GxLPdxGkp1GCxvvVQXJkUN753nrWBsjcJLFkybVqGtFXUoBf0tjm66xjaJn88YvY65/faplqj+z9v/vfo/xZQyyrUjo7+WxPBN09y33Pfy7fo2WafsQ6nZSLVkiaUoVcbMMlxM3KLnnmVKTc6vCqLYhpJLlWLdqw1feDKNDvbadtu8H+oFb0lV9YQ2f5CNVP/gvm+0gOnXPRBYm687OnXPxT1h5wdYEzPX09ud26MzreedMLigjQtjpBLUuqIOlSCPSpqSK7xEB7JQzNiP5TbLJFg7404Gs+epciSpwoPlbGHstMdl/FTd4UF0MoJIYWYX0BQ0TYolNSCtoIvj2+kdB6Uub0r1ves5SyvAM00reIgz/9bxRWIxteXCpSIJzk1jS/vtyGNcK0aLF/q10LaVY06lemyNEj0AzEDiJbhlPvHRmeemVdt3lSBZb7QOBoohhSv1fhok+7hnPLBVpbT7cpuptIKvvgWhXy8HtPp/dtg+8tPrqPr16noTvETUVtZTNx5mNroLbp1elaS8e5KodHa5FXcoHjNqEVn1azkNH1R3uwiBj6xPIiokUzXLg+pXAKhyz79TWiF2bj/OEyO8b27zNDUSfBFKRs932rJ/bYwSAwAAbMrjX+urdf4nClN6+lF+loU85yu+c3/duJle8KNLZvu5w/85RigqgT8lncgPtHsXZnU4Rgq3ugIib8O4Qul0quNovI4NmbIEtIIfL67Lexwl4vQjgxoNUBRJpW+dTjM0ZG1z/kDzNBYhm+Ki3Nc3jXcd4fx6w8NYsCqgvYEIOe64eFgY63vHC4XZo1B3/KaKRGrXCwhe1FblNElcqGb6IrYxywxVdfjokTJUlCig00iE3B2sw0Fu5IMyiwP2b2z1BtLDMktPVx3o9PWy2x58SGba1stWXx9lP+OTeSMuM7fkUp6mcYW9dqPPybVHCL7/Er6lGspls/smTwRqVwBNElPZ5LPSqDJuwQZ5h6otkbKqEMpqHTp6lohAZht/lYgqGdEGeCpM7bcBAqq5rj0Rp1OlVTK7F2TByN0yildmN3i7S3et05oWtcYZ+u4o+wwzL17tckZbN7MV/HgLpVRaGc1Kg+QefNbuiMUHJusyKu9cP6oRquPlTO7HidurcXf/5ggrnZRtMtqiBYrnGDZs3cpAcoxQSHCFMmDSSdjjh6DjlvWSvUWYUpC7abJ2HVpOpz2xdcb22xMN3iBA2EeXqnwcYydoSx4VEx/yPX4NZtKMBbt4/sk/Cr/KKMhfOU9lXO+uyyyBFQWupmYwKhYbBVf6Km+UDp29VChHLTa+PjDrhqruuTnRm0xBlwlOiizBQsIVRE3tbx2xMmH+n0C43msABwa1xix1DSbAdsegyiYTQfH2YJRdB8MKhYQOdHg5NlrS6TCmYxjggOBv8ipcYav65e0VO515mSbpGcE5rdDpusenKdxhPNuX7aB4HYs+z2grDb2md6sD5y7fXOok+KbQs9Qsb1aHA+9crN8i6l8TvMN6r+wFuRev2UrQz0BxPr7PGkhcYE4H5tFi+k9gMVGGP+VXgaxZvpceDDxyQPNLypE04baULxrym5EoqNNbduSumrVcZ15lv7qWOYp+Xtxqmb3GsV93hDcBJvR8NqrNVe3RGLctAqWPdts0LbPuuUfMedt5Yv3H5O9l0tiCUoeC5XQWNELapfdGKhg3sYfS8bw+Mx/qOAIDDlJn4eAgc+CNTxXKtuJpup6f2mrkU3TKI4rPpkowK7ijRFGOJ8gnLB8MnzPyp+lnNqqPzy7NWigjvHguPTPVpfux4VM9UHR3JQUVgq7qDG11BNbgNMq3Up6/JmpusfXyJM1j3B0DSZYbl+J2sn1dn6bgvADKyx8NKJJrzeKqJsprvr0KumE8wbCcA+gwURhU3uGNpXmg9SgSizx7KuusAhcm8yzYLFMADlXYLsx4sl0NLy71jmbtaMVdBL+uiCjC/cMOH8/1xcPJlplbev7abQWbmgMtW07IaPBWnmFZVWmEwP3rbp9eQgnn2xdGYJYIwWD9eiVW8Pe8tqWXmh4W/meqfumIneMq+PftUJw/wnZvP5BpA6nql2p9Aq9tT6c8qW6ZPt3XJ+8kJR23gei2vQGpGlOySqDQyYonX4QQJ9oWtk4hdNeWJR650mlA/Tk3ivdq1jbYiOuUVPL4R4+0MzglO93UUxIDwMJa0eygTtkSyou44fJtFx7NCoNEUnIhID/DnvCwByr/Tqh6xDL4GN3vrJlg8fPc519tH3SO+ti6u6XrYcKYLuQ+idbzV3SqRi5EYTSO6zneemJhjjnQNOw/UxadYmHVgfqOmeHZtjOJj1ZVR3bxPRe81ua5DAEuXqG7Z/THufMwlf/yB3wdeKY+Ukg7Jx3aPyySXTprG9BHRNhbNRdEnW/ZFkEusG46xzzNzFdJVsc6b5G7UhNPsdorfG+6h2rsCc2B8bvLRomMWdHd7uE/pLsTuSLKFGRIvjlql0jUIIhLJCbgkjRs3bcUg8KiqhNYXZ4LH8rXhK6nb5TdHbrTsJ+/wDkyqProQswOpkZhRkUFvsllGowChQZubdXG+mgBCJtlj0UJJsND8b+zWdxse6o3WBlGykc56lgXaWpi46cIzOeNx9GlW4sfL781P+6F/AegArbtZzXZJxM67+68Wb98uvGzShEg2qUllFwgKD5JMT4KGMM+xFVkrabhnoNOmHnKVYRCv28WUvvD7HJYztzdYt5dpfmhSQkdlxnJ7NqJVuGT2z0PTnFgnTnQEru52hoCArpacYiacXK/FqSe2Os9K1p5WBpkixZxDm/izqyq1VJUiDVkIJQ9xKTB4YjXiTMWHPpAOZ4FwtCQZWNXU7M1GyCo5+uvoUkON6FX5dEjzFnU4JBXnp1QdJ8u8cHhx1FFZwWnRR8Q7KJqWNlisIEsLsFsb4KmS7osrKkhE/22Sp4BlJ+GelAMQohlCB6gOuM7Z0NtKPTxIOfhQb11sI21X1yOAyedMsgClsRD01XLDTMqmqz/v/9+QY5dYGIj/uq8/mbtt+rpeRELEy8iJeC9fq9eJLk3ero1RD3zU416A5gE0ubfSpYHR3hNBrtULp76Bppp0bsgk/tH/IzcDLCgIRGXArM6CGIZl5rOeL6m5QyrU2Q085Jxlt4+uICzhShnknGA4RIKNqIc7uFOOsxbd6K9QVCuIGlUyotcMhVtylAVFRSf5xP4MpwKKkcQTpI4q6Cu5i+c2PpwGRxQRVQ77eGjTvWamltAjEAZFPJCrSQsQsJPEtYGqwiYKWTYXwQbBrM03gZvNNifCc36kIpsnGBQGMRYc16zCkj7VsWSj0ajsqaMUJpx0r+uGXc6AWEwxqICRvHWF6NB2NePyUYanChHtCTOrZIxsMutupd7tMobhgt6M3AS/0ar/m1OBJltthmMGo7Qi3H5PkW/opwkf6UkOiV22U5cLjfctPBx41dN05S6yRoBTizHPNgJqXtYh7jrVuFK21alLGSB/eR0qnKvochpMftCBhqX/ycAGmNsyo59kK4uikLJBpZ6ESQmkjRPLuzMNPxTFpK2+Hh4vCBDWffpclyoXnjr+vvAYOLBvbmBfT7OMCHTqisQbM5Iq2BCs0y6V/pz1Ou0h/enuOOOigm2cDBfQdKHW7RWNBZ6KdrwG2m+N8f7GhMskkGfQPl20k7YT+0bWYnXC8TtT/YpeBkqRtOMP/gbgL3SwixRD0ptFRSNlbQMdSg7zsOq4UHwRcsGOtnoR6aJTHQXiaXZ2/BmUhP+Z5yQ5SMUugobx2xgTITTx1+8OqbLAP+pR+VQoS68Q6DnbxJFKSxDxP64haQzRW09AJDuAJcaRXz+Hw4wwTuatn0BlXJe80Bu0j53Xj/BfOzX8B1b9mG6tbNELgC2VeDiH39fMwuIANX6Aw7fKjGNmhCA0A4tXca0bfjPb4OqgJCKaukhEKVD907kBqUCDn9vg6olIeTk59zcjRho3Q3XBP8nixURNf7yrrByNla2QNevycYCeSTe4EQTd8ljjxknHhN0u/TmK0JbB1I6CJbgS620A8ttTVWxjKQ2+27FADL5RaL9J48OJWSMIqffv52xjxPZ0HdOmEnv30PmcrRZomx1i9jnMk1cWmwe1mN4bY1X/DlZrMQ3wd6GdsxJT+dl11+uZL/4WJKrBcejxOe7dSLPMBjaIcRieKcQABzw8f6GehukqGe0pH8mVoV+flqn779vYK1iHdjrFMVKiJRDxDiz4o7ywN0S5YU4VbFAMbylVPAhIbaJ+THRjNOIwCk7YDZp2gAG9AZnFKheRLSzEt8r2VMuw9HldC5ONzqLxjlN3+WdMQXMHNfxP9rIV9LD0k8UPV6ryf1U/+xKWNCiaZhDDaQpKiX/Oa9a0x3LcpFdmecqfyFMpGhWTL/QsspzmOlMDZ+FIl/izhdevdOLOKDdjn2Czld7eZ6KgYYFkgVZJzLYl4VLheTQUa3DK21tdRO92VsbpigFJ/oij3d3CQYuVIcz2FVFKRz2IRPZy/RXP1bKDE/LEzOJZUFXLuNcwciuq7Turlne1t6UdD6MCZcazQa94ogMaG4d5ural7Z/w+Tp3COFRwkGKqJ0zh9i1Sy+1IMWLG/axIIkDvxP45dwu03h8rub0OWkNbFZjRhTUvk8L9dMvCUIcsvK1ihKjS15nbRQlIaWG2C5mikShJg2vPI24dg/kmV/F5DK46fl6p4fA2aqRRIM+/KBN2/E32OaZvI/iXt3B//2uULfS9Ai+vYpPf7oWhZNtQ8yl84FJNkFYxZYtyKK+lwXESIpwdFtnVBqtSqeP2ThhO2B4QPdK4mRcZou8WAo66YG4Ixp44LNj7qsaOrBJGdFEDxKbKfyQhdy0L6RUW5JkyVDCqdW7qAc0RYpRYPiu7wUvJ1eMa5GeNFXWeOMt3cMxVwI7WBjdcjDhTthFp23V5LCO2ktT5TG01TfqUUjOVcempfYgb3E6Q7GSHB5yXa0RgHiurcaoLrbW0dB4LIxdGN0qqtsLMz+TpRNNGQSknmLsvFsFqINvSRiu60s2b9fgSiBJpxQ1V2/A49ihP0VYbBQDOjjjizxpe8Ruhe/fjEZ+iUsUM4zYWiKQ5Q3DfP8UArT+cc8YwcsmToeO4GddAevEwYm1Uc/jceqadU7/4hnwdqWgjikvsoKTFcx8nMFsD+eXD6/b71eyVrSP5ZdRUH7aA14CKM4gYw4vFasz/6YGod8+hoUdZ4+AL0+tF4nYQiFiX5N9ODkZDIJXGPRSXdlGTm1RuBjSzxBUK46S0Qiubdrpq5uLaaWAkWTm0k3UtDUBALkd7a8e3i/NJizX1z9zxdcd9THaPOnQX2ETWN3jrCIb5mHOQEGoHkC0NuS2om0ec6eo79kOlkjLB2K2avZ5g5kLWmxN4RXdNWP105k9hiL5iF9XtHWPOUHCeCkku9FAoSZvZkd416LyIoPfIpmORZ/p0Gd7AlThjixvi1vUAmDY77qK/s3vcadUtAAIZ7+VT5xqreX3TDRrwYpk/DO9oVP/OTdYoB8J17C+iuLyXdEZJeu9WSUnEFnvXERa8vOJoawhS6weo4cFxWSXnHeW1JijEWFVWtb2F/0Jf5NlkXagEO8nwNYK+q5y1ThInvjMoJRqMp8Ad1iW33pEh5FfZDjMAhRzEXV7SSsfFx83X8p8vu/3NbWGvq9hjxIyr+1qxyf1aAz8+x2864ikXyipx0mlWyZuhMP5wsKvJ60ohk7LZqlJYTFjKjLvJudax3maZrD3BxpeHYetLWToU5YGTb9Gq8miuGHS+ZQ/g/5pavrQtsFa40mgMhkkX9F12y3Nx10BDPbiXceEyhlUrkiYYkKS0Cd1LuzmOC8AOJQvQPRKKO4oK9ypqkv/Ny7oxjHTgiw9VPY3SwIce00emxTBUEzKdQwMWIH0N54/tNEH4YIuK/b6eURAhSkMAdXJFzlKlqqwS9t2MZ5NgxDJXDYATdOeVZaHctWFbJyXm5PJzjj7e9oLdPCC0u2DplOuhWVfn8MiT8LrRV7sfzHmphFLi6c8vQgBQKK6ZzBJ++QVeIm+qNbN5LwouxWY0FBEUDVC6xlOXrEzMRvaBNz1aFLYu4d43IH8DAOOCUeleABiqeNpS0ZhkSlWiZz1WeUysCRytU1Sg45gkqWSIRlYNjkssR6mtatMg+QKhoOTJEhLPUmJEfRMOOqFaba0mwGYfSD1zxYsJ5s4Q+AH4j+wMUzjFbpO16V4CwlLXZBRQD6m373ODPnsqbSDzv/gZb9dhe+oSWULMZ+6gyVYNmzL5voXDiXN/dcxkqy8kZFgg8nYIOBSD2dHM/mRpkEHEZaBKBOG2ONYUHkKmIzGIVa+5pcCC1CmxQXwr7IcRhCUZbYnEyscOUUfNq8sE3q9N56od9rlEc6HxgTZp2rgc/lEIdDR12wm+vp/P6tWLh+VsUeO6RYa5IIb8zZVuXEahr6mynbUX2jEdklxFaoO73dvAextD1cUxAJTxULT3iYmmldbEfwwsMYKyW50OoIKBI8kDN1MiHVaskM07hbR/GrieYSPFsrGNzcS1zh2e0Zs75QkimSSQ63eoOrLPFKJvf2ULcKhHyaLhfk/WrkTLZi48GpbI/+wdfiex2qAoSMsazCtLfb8gqprP4A79B+24e0TTI5kmlNpGGjWPi3lSGhL97580HX6/HZxW/RCIXkl7AEAwMoTfGgMPiL0VZz78kj9rsYTzHnC9XntKJQq9KgXT59Bclzq1ooidp2e6n61GQ8R80C45JqPjtlAlrg8kqjBdXPDRUWDC3MstrlkcmulWyTw6Moj/IO4mFvUzyuMNfAfrhW2BlZLWnUNzPU9l7lGyw1a9b99aq3a+9ds6Je7bsrr/6rwRxqXE3fGgn8BteehH5/lKTfHYIlFjql+hQ9XfBG+YzMS8t+c69Kq3xbSNM2L4zztZVWZiC+T6Sc0EuV1bhHPLnQfh7kLyOmZZ7ZKr/KrJ7/cJjze7LADtEz4YOybW6lajvXm8TeF8DNbF1S7aL/3NXIh0Q9kBMX+eBF896cmWxc8sJbvig8MfAy9mQxv1Dgsvd0rhECgby96D82DLZdYtp0r5D/hDSpw7xi70tjoXIr+5jq2/hqb66ftkm93Lu7QypLgVom8k8zgZfMNVAIRqxbZVpXShtVHB9bVQK20DihRpUVRudmfa05XOyn7R4oiVEMNluFg25FTZivDstX+nZz2/RQ+JJzGHGo8Tx3JDmMzmApHqF/zSFnWG+td2ZYuQDDuim6cY0mbYyec2X5RBsMj7y/1tceMKAQa6x6isDwgNjY/6pYp0TgQHi4IaqWS/U0LfprsxlM7ve9Nz/3dHwMUOa1IFW5eN1lIq3LN13Nyv9oez/9nOBUy7u4hMOsnE6xSbvDjLl/o7OjqqzeIDiFp+XGZAmfsyw32/Rsa1xUErYa2UZRAvh97VLFjtVUWyp6nExKHzOOd0qMXSwfzwP9LLA4pyPG6ztPMfEDJf587yOHXLw98aEoSCMdAyElp1ckWQYJOrQdA2I6q4T9fphjRp77ZhLgbGYokBY0NacyxFmuGqSM0DmtMsPQYWjjAIMLzRu+8lXD3K19R8J4//NaduiSlCRC6/IzexCKC7C4cpmhmLgY7JN2+SRTaBffl39qSw5x38Kjs9klJ29TRqVA5VlBamgQ7K0BixAORQ1DapPhsKTbRI8TcZwzNWVAonSkvO8xB/+VLpcfOb+T4MroM5MVwXQwmpD26DiibNwppbTJSwlg3oZHPOlChhsXafIE9iiyiZTNtWIpCu+zSyihlqtHwD8/QsqwckMI/7xPeb++CIKHXCNQdzP4/LdNQpjabTEeUz3VUgQOgzxIC2uKGs5VJUBZxio1C7s3TUEzHWEq1H6xzX7ECssUPcvg9UpD7E6OWUqmNu2BU0w0+FuZ+8ZrYlkgaiBm4NSVHAQHTTZNtTmoRF8cBNUi2E3GeHjKQc1TaJWJT4pUHwLZ+f/uBG0QFdpNNXdNModv2KiT/Ei99Dp7JCobTySl6g0U1obf9HJlwTbJukZJ1RydUa4uU8pZevSgjDRIp1p8r1zpEr0QCCbUA8HA5HH2SBydO0BBQtxGKB/su/MuTnDHlIGKhXJSP8wtCpJCwPYZjn4DTMEawrIYsFGGe5J8/qRANpD+adKDickixmLRgm2jddVa+0eTlitl5gGeN45mUybW438BGiCrH59F0VL2xEkn/nUoBRYrI2/P9nNtPstCvIhCmylqJ5Ey8a+5+htFm7ZF1DPzUYot/bpl5ew5G2yfzavrxutLtGB7ltQjjb+7ooyCBFKXiw+ZyvxHjqhRh+GeigwCM2Ks+ndUT3tz+FS31sTdcvkXEyz8V5t5zF75qf9fxFJSN90mVaRdq9UlgCmBygx1P2dh45rVWBif2IhXsbZdw75wqX3wnirM1Dcuieq+iG9fm74lUVmCO6upTmHVwap77ZCXuTpA9/G5AuV+dwWqub1M+HlQc6Xi6Z7MRfj2Q5SqagS76SLEgg8MKu1gqWOpt3naA+vUreCfT3Ppw2L8LDmFpbGs+/BNAlm+DWbQ+LVZ9PZmSiJjFKxv1pC43MH6yl0Z6ORtW1jpvNzoHrsnJkjscLAf5BlS2Rc3W4pI16nQdffuukskZdiMvNy2ZqR4O8cfWq1JVVW93c+gjwGA/BLbsm0EyoXtBrj2VFmPVE4KpbupLC2oEsk9bVus9InOMCPF4q44Tx6NWcdlGTKUoFNqUJr6WUH/YA1tIZO7yWTl4IiuflLArP0bwlqVdW6xbS1bkgeb4W1dfiQWFyb3MZmmxikMN2KJO8oowjmhgFrl45VWT+7J7qhT+mN5cROTzWbSsEowrax7y7GnZGgxfymqR5cvUUCbRDcdNy1UcqmNb8UM3iPR36bywaTW0D2PsPAvsFecvNaU2QRb0Lw20Caa0S41rh313rdrIpRC2UtWEM/5CnasS4EqBcnTGPU4sz5qHLLZRuZkWrO67k4UQJ8KhRFrvWoXEQId6/IEAvrkn//udo84nLirX5pSaHJ/yQc/uEzVOH8rXJ+7AGZ80gOqc5dmVFNJYK3CNs5h/zxf61q9RFz0bnYmvv8MbzXA8C19I1oMSeZ2jFw4+o0FCCEh92AdmgrBr9PpLu22D0oTwO0TcTWeBYR6hjmWvtqQ5w064Zaib9v6QzZGmygftt9AbEj5Sdnm//2pnhxGm4GT1AauX3RzEUV5wYsT5VyWR/GL+jsuqT2b1nEyymCHvgHh4sgpb8/qQzb0T+A6xEvevvYyRfwJd+VD4SI5bln6ouI+VN04KjUwvSZ3eXJ34GmQCIVxdCdSOtyxtvJDv0H4FmHusnDX1NBc7ZzvNOW3nFDysZC+iCLcbu3TKXHHsL/kfd0fwRVVwXcF7t+4/QVlA9Kp6pk6xO65ImIQSwHKEWj8VjYMkWc4ZX+336ttGz2ofTLC/rJ/HLzi+TD1Z8crrOHP/RgyJRmWT2LGiVIMfXj483e3Cehl1N0Aa9rukpN5YE89VrS5SIOWsTE/tcWUqTYNQ5MWQu85tWgpE9VrtwMM20Y0CjwvAV57pJXImAn6so18gsUJ50MfQGVl5jxXwTwB/K5fn1/i50n3zFOdnQbtxmW5JHq5lKvpwE2+2lZssrLoR6i2K8KgY0FWZCLT9Fkx1gCxarvCQ9c9wdG9L1/yMlPYRiYrAb8qOXMtWRVnnDjpSKqZDkY6R82jPU8HVB1br2k5/cUxTrc7qz5mxPDoDkBAA6yGvr0GAE0pqM4O44jx8qHqM4qpaSXAVxQ4n1Q84ZFa3h+UPnuDJTuwVrrdlWQYWUm3D7WWrZp3REZHbqgxrj6ZNWeo5wLfRVLTe1Ah6KwTrzrSZQg+qDgXHI96jjzIVuUZbrqt8CednSzV7nHb0g9mGkUxB94nZ8yOhMfgZJLXIC2ZeGjSnr5cqwWn45ptEkAI+prCX6nQKGGCvtrg1wog8K9IdLI6obeEJ8Hk9haA9pZzbWDBZbI0VSQdeYDbrbWwWSsomL5vnxvJ1EYiQLXhHSRd+6xPmVl45Wp3e+DkrxdX7KdgmXVvUU5Jvi70IlWxOhrPnsloHiM2ijm1cXNJ4ZamAbjx6pcvJCMAn+zBjTTxj7m3yyckINDBSzG6kULhCK/s7am8pBE0x4jsel1C/ss/amMC9PIllGM+GlTDZNBMkkSQCHSk18yxJAKqrk/OlFfaEUB+ICuOpeOmGOxtTkF4ia2+QDEgK77b/WUfPJ2vbtacp6uaaAzaMAdSb6Qcr3ZsxipgWV8pka7f//qhCHrVwWpt8TDSQk+YJfLRDNmrFJBcf+i6xUnAZw4ozlbAnGCKofzVVsukVS1e6tqMoZwXVGWopTpyXO60q2+qFhd/qWx6CDhJ7cgEvJq6EhYGZpI6gnf1WgQEatDswwuy4WECPcd+FujH5tqzrrZiMbOs18pccJVKYOPMgtx7KM/il1Izo2noy7FryS7tr5zHMomEDgSU9KOI3jlmQXDVV+dINHJmqmmcbtjhFAb34PpVbXkheunpyFDA2XK9ytVhLvx2RIos5y+h42J/1W6kfz4hTFdPFLmNjtBL7gjyCgR3tX/2gsB9iXHLg684slsb17ym9V5NtZ3rVjcvE6Kf6/aLPTnvy1uEOL/1WuH/qmrwQW984JmvFS790Hi8u5h8aChBM06Ni9I1Dpkx4vwbcHBslskxZhhcd9/t/mU9o61vrayaM6FamJrfnxebz4Tlg/CrZkQJhAxYB+2fuDnarlt0et7r4A2U7Te8R7tTGde+mQFQq1EwhWTMV53cvUAP0kqFx70DrcSFm0A3yYJafKgt/CU/6zKOntHQ2tTHK2bYDtHNnZDI5k00Pfhlr8fbN/rYz5Fdsne4XIWPX8mQ2OhSPGh16T4MfnCTZrRcS3M3UgGB2A+xc4t/Apd8ayKfuL7lxbuz7krLzg8ihBAyRW7etusP0WGgTs815yMu0ArRJjBqeaOIf8bCDIlvC/tTWWEGs2+lnJUs6iFHoBuZUPrLouV/n/jV9w4JJJmNwxWucBsTdU25ERLQr4FINE2kxMu/DIckbAPkLhNF9wwIXt9bWxxx1u9zhLzm6y2OnM1ixGEzMt/PpBGZKocCicDp1ROh05XY8cSEZZ867ya0GqSWJLiLPWUICVnSd9xZujwGk4mXp8mRWvecFAgHI9+Kw688JxUnxY9NZZ78yFw3t3TbdxRURgvwvCAVsnDQZbIgJdsnk255+4w1L3JAJhdUU6EDtUpZmbaJETs51tSgkAeeJq+zdWV56g1icTahUCfUAYyMFKyzQmHsCabR/0NPR6agOnisJ3FLGayOUHpT9Urk1hImYHL6UMDwvnntLm69zX1aYSOC+5FzvCH0ZDFjpceky/HPa4KU2Q4nN1BL7Ni7I2b0tYT1Nb0uiZGKhBnjHVkB//zUCT90ZlKzvbC8KTjp7uXImHI1uV+j6W35xl1PRibtz6jdO3mgT+bjBfPfGwP5X2Wa/zCKZVzW/CXfYnwq8gKZwb7mlE770XGX6mtwniZ0md4LWUZDTvxqAaE9k0vJwNVjt+FlmxPj3JelsezTBsry4AypdBGHtQ4zEQrYTpdRiCFB2IkWZ75hKclBbktrKwAdyIc03cyHxFKj86dj7TDuVZWqBzPSL9o3kWixa5qabsqljIWu38LaKpSLnhbAzAbhmdqMqsWbjk93z9XavuIRMenKTZiN6tgC9bbidj2TsmDbjg9D3Rgi3Rmilz8SVpbskarhDH2pZnwyYBvvpscZa2kzMgC+zRmU7cWpB1BLMJ2hrGii1yKWpVqDaFMC/5yttuM/4uEWTDII3R7MKIEhDdkY2Il0GA3L8ogjvK/USwcrpcEKMvqLsYNGtSsvrUqgM+vO13IpSxz2ZIidL+fDwT8i5yXFXHpSm7NNFqcuGWmcjgfUAYonaNbPXb3C6by4nDp+jYIXHFUsKEwtKG2/F6WHliyx4BLekgZy7RlBwlRP4z83MB90r6TkbPfYp1Ycp6HNiAhU4TdednWgc0jvHDPkJpocYENo20a6HyhFkc68i/vlPuGGOQdDu9HmLDEYSwp3WrrXFi1SjHqlZHaknDHu4Z0RoD4XGAAsiGZR8+dcs1TBB1ZF7aj3aHm8Qu+rkRiW3EyzUhQW3DpEKrfqWmffBed8CKqGNP4w8I9YbOJWn5Y5Z2etLr3o3oll73E/ph5/P8EkUibvNsrLOtKmHqwlAeJIkfhgOj0viOwkUjj0Ls3lxk0NDVGHV+AY+du3QkLJLMHaiklorewi4oJ8kqWmM3YxLL648d0uS+tsXVSKeoVw5K9k8JgEO+OmVuiazi57OCCLjE6xWbyEZJTR6jwWjiulnaTIsqYu70iw43Ak6pYRSThgUoB3kpa/0dhAohN5eUAYMqewZdwqvgR/H5Jj4VFGjaSf5GtpfAFt7kgpKbYLUF21tsnaGekce64V3evdZ3j4UAkBWPpDRF68O/BNNPBkH3q/io2lv1DmDBDdbF5QA+hyBrK3K+k7nPr8WQ430BqE7EtDwPsNPe8cBa9F2uZkWBX1PGu6R1Sm8mGu6H0+rbuRl/Q40LwkboKSACWv8cuqZzTfY4KrJ3IUeqamwxwNQK2rkR9f3at+7Za8iIJiucFsZEPhkaX3YIei7cbqM+vGSJjdJTtzpIFMJk5MvJ9a1zU+SDA8pQ+6ZiCN36iruK62mcicpRRLQsrvXVGDF6oMTWaZ6mdJIzaS11omYEYwQQRR/iEU10fW7zO3NggSHisbKeikFPTuwSzR6VDSsttcKTyTJVTJPjPF/8dMiGiTa1/OwpeLGGEYPaFyg5lnceZc1EXLheoCIw7gk5TmI3sOmp6SShaTua0Vcra9TpOICNdT9O/po7zFbdcfkbDzeWdyOGQgRY6sgyj7kIXYw/RAEKV1hwUUIxYO1FzBUzDH2m3laGrUaTPM5XLcFM4/CnJL2hFPTw3n1rbrdnYsGqBdv+PLGPI/bPN0eN8f/JpROjvYsDzcgXkrAwt8hUPv7ZiUdnlPUFepgF30Rze6y5IUS8JxfFdPoXYB5eO9kZ4pScJcogLJzdOeLbFAsV+QC9nQYn7BbF5mBfPoHv+663fsbc38puo4+y4saRt6CfrSOKlg+UhqpWJKxFKiehV2T7V6QkmuIel6yuwPMOAbfVk3dPm0D2lsF5s1QvJyXy/lKT+c1o93+8bWWboffmf2tQ5F0/FKXC0/VG7540MCZPymKof9XC9loVCKeCcvBWQV6JzPuOQDq2LibJfcZFfd4ALbUaqphTpMz21WzzpZi2XoZsTdi5BXUic1ioI7uAN2QXBYdNV1iS76ecsDXduJrcPnPdBQlFwl3n/nx0TE6VkNsC9rt7XzWp55F8yZfm5SHmxt66LT64hwYcaeMo3Lg35l2m+YUqRiz4U8SkCC+p9ClIvUjSmt0zpUe9UPd03xynMJ8xQM4iqZur4KMgWgksnBnG57fuAfvjTuV1gmXawdMMRuC1XyyurDE7jsQVrl1mWokGAhYC2xA/fdFFNQOvf9xIS6QaHKFFPKubVoLdUXWDx0SlB/puEc9Z09T9SOMNHg0oCchf6Vjk6PicihnkHsFkVyrqveFJyJHHBJ7U23oc+nQaPWQPnqJjzBLbQ+xhRJbLvJc1z3RuZqUFkdCsU5DGJuBxO2/6nP1mEXaetpGLwNVTtwooYeDjD15UFXdzerJKnJbJ8oS7wFVchuyLmqVzwOsCLr+fQCB1Z4ajR5vmFOElbmRZ2vn0v5F2NQQZmkmGszoW8sF4TRSzKiyyviM3aAkohRG1M4Udkz8yiSIB1z4PI3gmUy64lP9XALFWd4TRNzWHVnE1D0swEVJZA72zevZXulx50um7o4UUK9ojrT80wcRznrqfXUwMLSWIf4ZS3vdoOQy0QYUldWgDyHxmfYvxSLiAGPlyDSSHpmTjQ+Hhoic/V9nLC90U3ft8FksJmthYpWvfYg2F/LI6USPnwIYRXtHdTYDailvua5ygKCzGJQuSqVpNxmf+2uZ3XxerUH1o1dnu8fCDtsw/bUCyJxP553ESitGjJPY1lMvcx6N2WWd8w8xxJnzdnt3OIdmPqyJQgUB8bOB6HFk4dxiWt7Y0rPhY0xKz2mcyrYZpvdtr8k9vYTCmSsaSFplK6FeiCJRnQtjDanTjfKgIt7IXYI7Bhueg/6LrGUMQ9TnQ98A9VvJtGK1H5BSmyICKJhWxNpniKNR1Jc+y5x11ibLj2+4HQb5JKWzxE8KeSB0Oe1e6unWVJkmYpFuhnDXZ38KW2gfcOkURkHpPooXtE0kEbO5hVDYNCWs3R5gJbo2sVCarKLTgtQlqs1mBbplvA+++H9h/4kzT6tGRpa9FHTQTXvCf8XSdBsaGFH3HW1xthiQeydczUZ7KZLZcOICyrvOqu7smMnZEIT9TO9WashH2yw40bYpkDTG2+mulYirBieAkKB5xm6/0rWuXgm0he9eCSLYWsxOBpEwT9rdIlFEj6ATynsoIQDTPah33ualj7YARyL8Ua0QV18pAKL+z/F9PmvCQEjZe1AgSU0QEY4Mqcd9PVrwNKwVZIKuLqDuEx7aImz1zMtm5nmMjO/s+lEBxx0MCvjXGYjJ2Rf+t5gzYhcHtbN9O2ZDA6gbtlnsx2K3y8oAF+uuYZRlpj6rbxlBiH7NGha1nw6kRWsPLtWhn1qIKYBE2JjqnTRp6cb9rKR5NJ7YnNKnSDvAIy52hcaf6URVUIsTB+y4CMhjV2qMURnUh6PicCVaRzNeLD8HgL8YOCNIxZ9NR8MyuEKUREbChk3sDOlJcWMUsJC0UfRGNuPjI3K5rU8FWwi9lFZ9biMltgEWlJKko/ecqHfW7APTj3rGvvfVj4Y5eCuPEuShxPLaEnKS8ufaL2J64bkrMCTAy3skWxSJ8s/daGtrCtHTm83UZazmmCctBTMPMeZ1TFb8GCBIUd+PkoIHjJllnNZLqKtvB2MUuLs65meID2zEsdsUu4XQ8DGC8+mPp7oh3epLix/fgErn7w1imwzjtOx08fToEHxUMBNl6yTPm57hzD10j4o7KZgItr3TnfU6ahNICK3SBDAfVzgWpkcyQ+ZhjixnLmxx6If3sOu5JxBsqvFmF7cJClNo7AGGIPQm4eFttmDBxxcS1LwYE/8h+w3Jd17n96rD935pyds/5tM78zu4SnczLJsg1WTfsCvke/QhytICH6rsfDxE12tYX+W3CelXMBzmRlK+C0XesrRyy46+6AGSD+kFJ+XKZQcy9NOHgsRhNLckW328I32ZP7hhJPgXr9blPhwrh1+bCJ3CliOzDHWwn2KsvNiLRDGlkuQVW0ADPjAUuJ6ISV//ksjEpqekRIi/PzOVUSvN6pIRWH55UQzeIpYGY1utPeYQXWjc+RWxFwRzQQQmZu7lnxrk2ngDFJgM7X/obovvfQ+z61cjlpZ8VAatukyEf27unQ427SEuSYbaPLpSO1ynG9Xaftgqry9lZlORv+b3+eE24EP/VxqVcYrncwtEbCpA5RQOsa9i7xiwCRA1aICquf7tNi9w3qhWLYVMT60TBe+9LAydJCMycQMta334Da1GFPxqIf/l404jCW4m7TT14C1iXXNidNn3JfouKoXI9xtHomxIducWKmAVsv/P7vgzOE6Joc8OLmwghE5aJEYFT6EnqsUpTGF6vbHv2o5tGz6NcfK1d5D3g4XQv5wPmPB3Sz5//BMTxxFO2P22Kg7nnfhRbWNrv8kkrIXIgaY6U9MOXk+QdA+UEIUsgGym25s55D5SSTsK4+vJLafD6uvTG5mP3qgw/3/ef6X7j/yUuJSw++/Zk4CdpVuMepnUIX/vIay7b0yN1lCNPGTlwCjwqJ07J3+xqWLTT3+vt28hfrvvZPlB68JvuWS4MwDeSHgbx+DWrUpIv7xW2Izkp3VwGJna7BeBr7ywCTEvjq4wGAmBIdebVmnX/r/AmhRBrGLEVlJkVJTsM3hpAHsqMTOYcPnSgTbs0dupk+ce4JdeveHz8XJ5PouGhu7ISoZ3Z8T5Zi71ivXWZtgWzL00Jal6s4I8LrUWUVLdqpJOmYIo0n6dMTDtE3QkEdaqpinDYkERlPOqJoYRDuXbPX7CXoOUT4H6zZgQqV9/JPSP/gmQJjwajtTMGOQd69onAY6Gs3Pia521DIVANQpHIQhofcwqdjczBSJM2HkFHhF0NFdorQprukpgQl+jUcdvw4om8Gk+L1KRxF/tKgrWvnhCyDp2sMLwtfRzYCTLqmF2i+qOpfhOqHNj2TSjc4ciB2wmSu2dg/4too5Ees/KW8pZ4BAYe8wiuAMlDs/WoRPfzzTK0dGhl5xnRA7OVdgBpO2QNXQsP77fcZBnA2/IYmr34lGk6lRXiKzJqenffFsn0ViEARnK7lGKD9jpnK3LbgJiW7BM22Wc/xUYWQ/h/onVRkaGghhQQdM4jVH6pEAaJmePn0rsYYUjZkpbAiASLWFKqPE0mlXhzyqBRA2w8jr3lBZVB1cSMUfvlFcZ+36l5CPH9AiLoj3whhEgv6OMNPyUgeLStdGFfC3Lh+YE7d+x1EyTVh5HyLY1p59j0EhJgtz4FJ7Tf42HHZgNNo6jnbiCS4YXc1zPkQOCmVIqyGYpDatiucDV4wKmcRIpOTwZA/Ec6Cn95tQMR9h318KWLxrg0a3hOJl3FuudZPpphlmnxUsTtiyjI4aeRZH7UhmMFQnM50p47iRszAO1a1S0s2xLD7clEk2CHLgyil0TFyixdbx1vkbHLllzigoofcKb7lxVyxRECwI/WEFA00dBZdo2o0mkyNJwNLhukMX0bzYZ4IpklkEJHE5BnGdBrTMrUJFZP/y3mzJ9dPMiqmE0uDMs7uyT3fNwkOT8eSUIu9dYXZorLxy9kX65LGsPGMi+bYgeXFaLhDLKoVAzF7pytIy/3cswQFAsGIX05aWEqtYq3/qoSGsXSQ4gKdWfJLp2DNKWS3RmjGiT8GBOzevWwv3mWdZBtO9P3Opl1Cd5Ga0pO8ZLeTRVoTPzR9t0IYKykPyCNiJf05MNa0UBkqTQS29a9OauhQgx5JOFOxUdfuJxTqsbyqqN5KYiS+VwJSty8lUlIU4MtApGfXF4YnX4Jl0TBrEVEujUhitUK+hzuiusJepyxVf6EXxyO+NrHEgQi/GAMuAC210/XqJYVx31uggJaRmlYbW3kQMNl/ewhmLAczI9hgS+R4TgMmy1+ZjzDpBoJsRVeuqZEpih2tiMqS5R2RGXhiFJiiL0qF53iqQtgO8fDyBQ2v54wChBrVIUT4EWo38TEgJhjHe1Y2CLVuoyjrXxM7nHlPUfr4fT4CTuxyQSGK+sQaqF3ZR1KCaoob/2NVFoxOliISdRpe6mFQIDHG+NEMNmdIcIiGhmnyNQTUohkSIObUpedxrO5hZOBErL4lrynLr3NoX5raXgq+JtH4n5meNg73r5kkWLi9V/p/BRLZiWMdcCRmGsUofXjXqHKuFm9bZ99zyWbwPu6anqUFRIbKfo9Z1Ba1F16pRWu5fLy7bWgkpSfXYlSLGtr704HD0AL/qH5dimJP5N/r/C/LaLTcFdjmsgfLS8qfnvYRH6NK5FiN0iFIXWOrI1wwWaNVn5GhEjsRhq6GnVz69pkPHcoYTZbSVeNrqmI4lRluNp+13TMdK190NjWZ458welzmMdGLlIEYRaTlkNOgQF3pflDG0cnVQFbUEXSOHsiWznyn7ombKm96miqkFRL7k4YDJ6Nr+66Ejljaz95Wr0X12bYQVoolaHIdr4FPjTLVgymfKyXS9TxX2upiE9PpQLZ2whlVPN1nj0Jvl7fBMtUEXW2fvU5JJjjmX/rU07dHhjqRcuXo2HYZuv6zXsOoJvRuBCh12yOGoOngS73uKHWuXTK6zRkSucqrP8IlY/IRdWZqaq5VXR4IHpYPVE6wGvqqB35vd/8IeceHWNGpguCdJsWRqYrz5/Lz6klYubJ8X7qvU6iejvFzkU+vd3Uj7GEM5kt0ORRtc8n2/O5l93x8m22Bvb6cBP68/eexY4GgWS9C98Ak54NLww3W0JMKWDX3BFP4gypsOe2JU+nQHzZlgFBEj3aMpa0GnI9fpZNxyjr2c6iKGF3TSw6TRcNsXeDr8/B0J99AC1SnsnKnON6VnooFbI1kDlqAiX8cXo3Jt05nFdHfbEqtLeOebi4M2mHj5TSybo9mtF5WTa3g43Iw9bbn1spk4nGrexcniFaw89fxaI4Y2Oy4e8QdfMsJR8HA5OwLdy75OsWOqOpCBKGztCl8buLuRrnndrgvbRBk+2hvqXW4OqNpBp3r+YLcYTM1ikTfDw1TC7FCcLPcka0jA8gmuBfC8NFkRFLh5LV0/lRlkj0HNZmTwGG6lgpmKJ7AbJCntUlZcTApHyCVTh0txBWXNXFtgdl+zZDF8i4ajHhkE1TAvFanHFLHSgIcRymBsvcFaRGkn6DYhZdsDXV7P9Q1oHoJqJsdO49zh6fXb2S0l8YbbRe3UkSk06xEGNhKOSp3RhoC/QuZxNstq/C7WabBbzexUPWGGkS/irKGLUJqI4DGDVYO0oHSujoNNTh3C+1mT6kv6msPLzLUx979QY49EzVRo3iBb12E/FUKmv92BkyMjJhJhjrfR0WsM8rCWaKufk5JSXuqwpbZj6RtU6iAQboIUjMzBmbbrYIa8vrkzS5pb6FOXy94o6iMY2DfczIgjcOQRA/0I30tUpzlgeKE2UVWcj+ac5FF9kj+T6dWaxgd+m2d6KUlrB8LkJaHyC76ahn/1RvXWoshPvutu/zSR+prvOiIsWbHC/VrTnGjGwqBqtwV5DjMmLK3Jzmhl2ZCJVn50/o5YIyVwxv4fGSUC4Y08+EMEiRVgRwq80gJabIAQkwL31YCgKRCOAiBhAMgpwD+iwEYbIE8O4DIDMO1AHA3gBzEw1BoQEYBeyYNbOKDOAf6WCDaWwE3nQFiIB5+1AUprgEDkgYLon+iajQGAAAAGAAIABCnDDZYWxo3VyOTvY0N0kLaGMaz1pfuz4+vp+Pv833j82n/9aI8cvS9d1i1fd/HssoHj6Vle24/67//TSHqrxwd2d2w7rroa/Y3Hy5wEucO4ve9avfc//7jWYYY6H7AiKX7BHRnwCo9knhscUBv/MEBWfGJyNMAXQoPGMyMMVM5vgmeh+B9KiIEIojAvAunQmiQQJyitIAsNqIBs2HtRREbn0iAqDkoviB0r0BviyMrLFhtwNNnjgF7pgMtxB/rCNbjzcsINrJOuOM8m6D8uZICuJIKh0pSqxkPSE5XxHvSHamIPPVItwfSQ4MbzrNGByrAhfFENPFu5Ujm/o/ylWvnGxMgDv6w43Ch+WLmzmPhPRAu0wSV8IMvxGvztqdBSowuLHP+T5ZuS8TvdM3WI8GYhD3iHe7KJ+x7V9XCumirj8AWc6jlj4oWdGiZj6IW9Ggpj+IWlGj5j9AWO6jqjyQWH6j4jwwWUGmJj/IWZGjpj5oWTGjFjwIWHGhVjxoWDGgVj5IWJGipj8IW7Gi2jxAWGmjRjy0WGmjJjw0UvQ1PM8NgMQxj881gwYzj82lgJQwz8yRiVciT86RirMgnd4bCjMjmdwhmtAhaMx2kPww7d+TCZMlPN0XCNmjEMwzAMoyYPixZH4pDXNQrq5M5C7lQ2La2PmYU9kVlhqmJfZx7WqvdF5ZIrXHEKUmqxBn0Il8PUEWOynvfz4CLgIDnO+aKforObJ0s4RePsvbg0bC4ZAfhlHkowbPtyW1p8uLaHQHFLhrgEEOk0aYxjN9AF4/ppzqR98oNs4A5MTkEVRcLIuGVX33LZxAy/Iqo6qHJ4W6gDVrjp1kG9jAy0td6W0w+PSVc5+JhIBOLxW/v1udl8Zfir3YIy4fNN7VLad55P1X5h0FFigrJWxEl2bjKGTk7oX92MpjQifg8w3nlXXYyycEojxqSe8kYyEM71tuh7669oZGK3y5HM2h48nSvLonIiFeXB3hzvTdziwBWgtrn4ymSEsFs83Dj1g/V+WY5BrngfZxjA2pgpktTGwvLDzGbqtCNIGZF3GByxSIAcCqJzTybxkM3mSZPQYiT9I9NAyuVrZNybpZmOCynHpos8PaTQIfLCI/YO6NBPuepfLZdw53loJtYmBWHv6Js+GUnS5xe4e/orxOhfj/UcCQvSiEJ7PJYNnRe+u9o3BJ/mRkQjD5rjZQqZkhKoc0l8VnyQ4FpByfzM2me27YsfE/Xflw25zXGUWWAZ/V6ShjeG8Yza+MDCW2HmIN2nGpdki7/nKl57FfGGbjK559T6+H0L+oAnls+dy4I/+iTg4zqYpiH789wtcGp+3dlYGbSLkBXUIbHRKLRCoXoeQvPmRfEqegJYgoV4gT2tJ5+1WTYv+u8hh7mm1OGrLobZ3rkpaVc1bMrUek4pF6oRKvBQpCyE4+Su9RSJmMJPD6kqpAzBEYn2AYy7/S5cCaTlDe+E55wGcKCe73vB+XsvYjghnsTqevhMgYGW2tfQE0vUPxQC35S83RSuqPWEpNOndXNXFaQ7TER4cm4DEa8xkEReBKew78SkQxSpFhLDLyOegCzIjAORdWkxp1vjvfwLEGxqvTEujB9jyhx54WKjdPqXiGGOkdcRLByJfMO4Qdrjbgf8zSBdc0YBOmdyVYj3lPuJ54ehDtOXfwnwFQuywtxqnsw2SFz6gGZD7m1UyEVrxgwTcd4OhKK8YdiG7Ud8YBKZGBNGekODAHAVoST9UkoJ5hztexCWctjpv4Bul5lE8EgLmuJOsNGX4fQloodEoy5ZJPi4KJ3MbjwIataTTjFzsEINVGlCr/ukYxBI70kQ2zmbYlizNeSpmDDs8axAcsdj4ImXzitYRInJmi4yqghaXvawblBGFtGZp2lz147NkAhf+vv+rW9KkOgM2sdQryAZPLKt0Xeyc9exPANp+utmQSoTIJC++exZm1pYV6FOz4hnXNWU/S5hbV9GyTMRCTSE2kwS009NsnjDyNEnzPqK4nSHYRiGZQ33SJtJQYzD9HXvEN7oHdzaReskm6Mxl8dBtDllTz9hIp9T0ggLJD56hrDntc/sNeuNgPsO4eeDKialdIVD1QTOTgPafGi585yKbsOyuvTWn06/js+0KcbF49lwSiRMSTaHyxFwOQ91181tLOO4nmTpPUCaAp3Sq/hxN5fOE8bKCGfsadxdm5O4Wu8tbwlbniHbXlTFrh4k+t5y2/YRLgmcllyuNzKEXsGYRfbpeK2KzrSOOTin0HO/KYTbQNwT+FgYlYrQfUifHTPQR6lvI89DeZc5cmVlgBamcgDyq0VyM1sGx9FtGC0L+GybxinUAjyr3Wr3Fh3/2dCxEX10flwZ74ikOH1Kl2TRz5lkCUeBI/kF4QnOmp5zwO4HFRe+NWj9aHuiiriDiHrXUBnjLTxejt3k7ICJ1AJAREMRIa82PBbNjmwMUcaHiIaQS2Aac7fiJ0P33pKqrQN3WMCI+slVimc0AYcCV7cCnUasYont0IsOmBV8M0yQ0NtZuYNRPEVXSqnOrIeIg0EC0e+rwGIroEmcbKw/swHzZ9sBYdgr0rFJ52xerc51RW23Y/CMeRND29GCFACQFk0rHal86j6hZjBnJ+dcCNZaRaD21/dIy/RE9UGnEDcqGkhs8odfFfjcKFCrsgP7SPNRP8JcNv56Knea2+DWBTzNqsXDO956tnXidBXYA7UzrksQ6JKEKSu3Xenng2mePNYzu7ww7j+mM1niEJ/ckBgnrhOXLpDxySc9IcXT4cZWcfKb3TQnFvMLXpfJalGHntNcXCr/g8IYxRBefU7pq0uZYQCh4ZIrNN6G4JxkI3QotOChzUXahGPaAoVRqzmSjiKkztebqa5NgYoTuSsjfTby20QyHvdve5XCNG8JRjG9WyWsEhB0yhqWCsEE9peQU0cKQud/cCekwq2GtkpI5bY8My0qtV4aKeL2VKM3RPxsO6pAdPmR774lPB3tWmo3U33MFNZq16Oyz0G5gWz6qqS1+K/8CfJpiY9nx04GC0gDpURJqmUCkTFwHDZ+yd5Pjw0gQQQYYDVhzW7us8zzaJ9FRVQnvwR3hHrmKQ+L3QX7Dd7WwSxN0BIfKfgtdIHHXvEwkfVkeOrX79j4dvpJRWZ+t4uxjTbpYQM8XF4f/NJk0mNENPFfW9pYMEb1vTqjh8YV7RQ/SfG7BTqD/YpMVV6uF3SQjJFI2wTiDeXSoLyGoD10gvXLqkGEflvZZ+iz0Rk47hztVx6qrIrWoKN6JMmHzJm1ZaMx/adTm2RC1tmhN8ooADghOdrerE9BWmHamKWpM/ENPoCrJvsAbKxn/inhg0qUIJyf0TmitpvVR4ByoX2VfavQpHRxef/Mr9Ya1AN2s06rqsEwDMOYyM4xERm0jJneQ8KhWqOywM19T/bVCiS0bmqzeesKD2FbtGDDSxTzlXyHzjsA7qIGuJ1wzHLOzUK78KMXmjHJQq3iLFSVhFJrLtzI26Pr75UnFZQ9J7BLdgRn7qxQfeCBeI8KRDIdruT6suGI4kKJnvGArUv0exP5lUuIACv5fh/rCoX3q65a5Ixxv4UiBwfkME+yR4V4+HcMGIWO2LIyJ5qe+QJ56AVmsiExFQ8Mf9IPToOHmG7fOCFW8C0Hj45hxYBVrbGX/Go1+qDJF+BOQY954ZRuqpJGrI1B8Tqo4pYa3ZfdnXhKiwXN7npIloXzQbOfru4K7RHn0hf3oyBZYddzJEtX5OK/ybeLon3GAS12HxaR4hbiUohyOA4xVBkBn0z1+k0UPoba5KCpVfaYKjUqZ+61hXEJsNilimSuW/pkV8ZP9F6wHJgcYMKPdg/3CHjRrFE9I2pgyzZXTgbupKfCPDKn7TvboJDXxPTjdYr7O3KHqzG6dIFXTCqajy4VkRBCL8DqADrxMhU1ULIrnzpUWSC8E16NtUQSP+2yV8huikllesAZtxCGZnAF44DZAm5sh9snL1DKXjn5QOrfUCo4Aw6AWw5jrszQcPkxgGiRW796WOtSgRkC9ygvVqVmKGw0EZaf6Ti9LeEmpirvsWOTWvhmbkRXuQecMcbkZiWhRV035AG82DmNBWAWx+83ZfQM4D91vqxA5ON9sIRlIh+qwS08mjf9SGq3ISu/04He7yx07fpsJ0i4yKr9uVibfmndBVX8GEFiZccY1FkmA9qTQOyTe1USLzO8AIR+ZWwTbCj9U3tEoFgxdm8pcJwZWr5bp+st7OvaBCEQSUQYQ8ICvc7G6upfZlUGgJA/uCgJfSbtGupkGK1C3aR/CS/dMYlkK7znCUl77NGhIau5HcTb1mKKW2HlfuwuA9TyQHwE86j+hLrbs3cYGcmojXCsOeD3hQ+hcRAlhQQrM5tGmx8Oij21SxU1K5Qr6F/syK7x8nmSm9JpM78PwZkDZ8YNcEvwPQcO5zRcSTVr8meemMbtDFK1/ohOC9+Eb0a7l28VtPeYqMbWwGZNxIEVGnIySoQnRKdgI430pKHaygw+UnunrD3srTAHsbLktnvgKxtlz2lI05thELo86N+lU1J14+8HT5ore+SFd5HzY0Pj81vJmoIkICS2kvlYD9uNd7Btiq+OW36NO233eK3aSVXWdXmvsu6vduQENL4bckiK/K4fuBtEioRxNDg+gK6FswIa/3N+W7vdMLXgSHxvulNQHoy/g3TqxOzomfpLNJQ3b/Por5cnzY6HpjeMIv2Qmg4mz9pjI4K9U//ipWLIJ6g7CaoBmOIu1yrawdNUO4BhGIaRwvnWO/1jpo3cAFgYqzhZqI8yMRQV6V3NBwzG0VvTfbEbKKWO/OaOKLZ95PjSwcg70SS7lV9Jg03Ysn2k0rEU8oShxYuoUg4wy9gu6Moj3/We1XIKGUoxB1NOkWYhA+foBongoeRJOOB8Mkn71cvvXbketbqd46XDGOWqaYD9pzUR1VmSHs7WszuMUn2Z3zr689akWneUOIktXo92KcntFEEYv5fRANi/H7UYaCUJlr9haJkEDZqQAbvcsIwtdbNThlePULMZnJr5cFVhd3p7MeBzdizXWcnAbs+AEmxBKgVrZNH3RZCMK9DU3zJLQU1f89M4jub1oOPQQKtsPJyI6pnYRNOfK1MapY0uybj90CTgiV7bLUGuSUJIDEOCZq6J9yKWrTS9tBmyTSr0lXh+TrlpZHzlO1CvkFMpKavjH1R/ke4tvllmJdFY9D6l0/Z2VR6EwBcIpPySfnUWDtB8OdjiMBHyXsCzapbCs092mBdb0+VspSIGdTckI4TPgMVkIZkzLZZif4BLhp2vhW7j6s7Lgo2BEq0p77tNZfmB4jrQ5c3lTkU8wQ5XcPVxQf1TlNjtG8PT2HMeVqWY4F9jIzf+YrYvIg3yxIrdzbNuwuiwj3wbCzwYCtg4WT1SYJ2+t/ltvjnmKIowewVwc05NeCJbiVG603XTUdsT8wZ5jvMZn/IY5iwQCHUoVT8w5wQyaUappfeZ8HWlWQirML2K9LoXCCUnhvOh6Zc34jeeS4AZn7Cf/PRs28Dn2m/waonMXUgSyAS3FgyxN5DwDpqI0muRkBJapWP7xKLp+LH6V7uYvuHKYzAsWGpjOoibLBIRjQ64NgDxuNIldQs97gRpBsFNfdZwf4odDlwIOtJe38ycCUxwdY4SI3WUkv8copfrTqGj5Me2QJl0rIpv045Mt1MnjyOB5kRAe2ioHBtl/qyU4DdbqytJFVlCWFHYv3Jwhq0Ddm6VBHfAFDQbGzmc3rNxmHhtwI20i/VWC2rpqMyNXTxJSGLA9xo14lYU2Qs3y8lSqYIw1cEvCEHGUlHEdXCA5NVkkV2YAhKMpute33v69ZoocohiUewgZ8HX3qOU2+aBqJgDT6kWBTZ26euEh1xOoVdXCbNY9nIRYb5v6X22btCkCUE82Y/RNIlFlqvcYK+NxOJNR9WoTjweUp4gNdMrJD4ZbAehvwewmiiGOTEYxV7O57ullvMvIo9dyOmkjJztXSp5kFv/18TT4tHl+r3Wx8/VHmsyd/mzVDcSA25TgadDqDIHsvDpFbiftb7p1B7qi/TYgU7U4eWzP9ocyzJTiO/dW0GDubzYdbinYp8qr4fjBVA2ggDTNESlKxPT85N3i5e9IMnHiXISEW0YhmFYlP1xEdngra4OapAvcl44aSHtUA+M/epHVapGPX9eijHPxaX5DVwN1UjracdMiM+dwBF/NE42J4tzoJwK5fmyQ7YzDXVbeBF0wj3IlXTuQR2hJW7dEKyHbkNb4vuaxySmQ0b0DBjpeLWs41c9ARO+dvKkB1Ivth1ZJsegsIVgzSe8qyCSYSLIwzKVb9E/PG6KOmu6MtQgIpgF2hkd8Jn1hLNrSW5e5Fdmx22PjHG2BwbFdSzHBdyg9kYLdOTlqaG9LtowxGeWbqODTuIm7Wl7cLjbgkIBxJhO2J0FtsZo2DxSYsf0Em9O3+Hcq8rRd62USSY87hMJ5Uamk+7DCCpIDlOeL7v2nqL/bthltiKXxM7JkNMF6hvwRkLvAwNt5C9TbMYeoLGZlv4SrIltwaxBSE6CaD0Vh1ytpwR+2Aw5XZp9jyTSxNTnE2pSGH96pLGCciYLyabpoacO7Fcsx8OcJWGv10C5gMvaqStpqeSESvSNMz2YDAj9/QDaNdIA+ZKwIc5QthbyYUrTIw1L1VAiZO2yC2HCd18J9eHbJx1kXrPevZD6O1OslZCJwyDBEfTY+DEvOm7NasQ0ZNbG6LCxQKmPym47pgssr/IcJ4VIB6see7e5haeno/4meZhhsgIcbEWKKTlMLlGOOt50Nz1+UKzvjtnkFR3zN3NN30nmHa+oG3iQCX9eilHqsjdde+j+phKaq5s1j0mM7UJc7D55Dm+UHLJl4DPrcSIbtwVnSJvDDRXEIY3RsLl2quqoGXuAPJnTbE9u5C+TBum5STQZy7KRwvl7x8OcxSt78hk8nbxcZl8DGAeZ1yylYe1nTziKANZ9gbhIVoCDcE9/xhG82ctSSn7d98lzuDYKqh6UnzOVZVSIFODp5KWnK4hHN6ZGbzfXnobZmBo9CEI18XVigfwm1XXoi1d/0VKW4/iHSL9ef6fmXcac1ppg6jvzeIwSj0gOKnilUaIrDES1A8Wrv4Bjh3SNu6BoVYsDWYTnrMGVjJ3fTziQlNAjmrjk9ByenT8SUJnKaOtnRj2HZys4J1uJB0NsVJFTLBAZsfDHnNaaS8Oq1iUP77p4PcktVff69R7hHDNr83efz52jnyRBtB5Qpd85U18eYFMji3k1ORb96gxXx/M+5LqV9FIusUaJrhzkkfVJm4T8WoHl4M9OUxIEJO3KInEHaSPKDVpcmL2rzMKELtxiFTOwHOv3bOWsTrKTsDnqRaPs+/hV0tcFRauGlGmGCnzNIQmK8Pez5d8V0AQ5H6F8HDRo6DFI5AhNtT/tOjQtIC3f4DxoITIC4hPxVxbSAPtV+A09ElXggaSEfritt7dlxh6cNlH7qDv63dc8rxBt1MS19EEciUEMwzCM5B6v4ytIsii7Htp8Kv1EVoZRWgijaKskH5Kil+rTrundZz9V4AKX7rIhpLiOM6CMM8MBPyV4PSHkif3Z3qF4QWinystitMz7SUWzQ0dcMBygZ5UEstrB8BPxrZpxEt6m08Otks6cwHmt5nFl+FyWcU0fOfsLHB+sf+FizWskqJpmzG/cr6QqKTqxloj8EpY0Ebbt4JRdNZ+fvbk6xiFybYMrzcB5Z9SzlDNPZ/7wZgTWaON+c0+h6qxSWBJau33+e0dIPi74CWUZypDgub79RxPK++yZKqsiPDBVY7JVfduH1SoIoWZzVfnfR/7aH4XOYHa1yj3IooTCCdotFCWPNluNXT34nP8hMgI7xbs6YddIJr+fzNrZS0NSGFIo2GIEppLfkM9s0YpRfp/mVmw8DBfEsRG0FzBpegmI/rdvZBx6/SI9YadAILxKEb/WFYy3zkt9q1D9WuDUYeC4/GLS41g6cbyFmVCPqygAhPlNLGFsbNEzUpVvH6SHeic9RzC65tpKM3ysdc4LLYhvByaVruXttBlQfiv1tNr+oxMNGrAMgGyav+ZX4/UkUY/pp3qct0OiERL3Cbjd3KVxueg/Gqf7ZPD0ouTcE2JZZTOD079t1fMU5FdFcVVILED+5Bm/bQC8Ue6mY2eIf8ZHMHSDLQiwbi5LXu8tutimlaPlX/wkHN2kDRqXx8TncteHtTUJw7Z7uwc/oalNwdDTEAYFL54DrKzy6Gwu8ywil2yjFggMVZZeJdLqcPCbP3mruK+TLFkmbmQEmSihtlluzqnowbbcPEg9UrP0IYXdMAWaTwnDak3zE/2OwLtB1eCAlkvaCKLXAqEQALkV9xEkzcO9qSgiL4o+6wqjxPfW22/tWPeqQv1C6A5AhPIcECWtwye0z9uaCuRF9JdQMk0KCTpm13+4e63P5jytKs5aCjTq5Yv73tPoCuLwbRvWAS5gfDFbdFFTrmZgrtWcT+wt34I6+wwHH8hiLVTakHzsT0QLqH2w3HUzmoerIePNySyPudaBs7SgS554cDbO4tfAmGfueOJ5e2Yqz1UuMq+0+sl2jtHHQZJZ0iMbbgC+XGPxSzj7eMvVo7cycIgDB2skx8U2fi/KeNPTIvHjt6rc2ihCrTBg2Jvyf2IGI2o3FTge0K2KBVQc2CsQznesp2H3Y3+BniCa8POiC1bqC+hcduNTSMQBCnjltNDOXOjcfA79haMIoc8X5RnkzWmGUFpcGwn2cStxXAEoT4uGwT2nO1k2FdT12+J3SEHax0ar5Jwn8jOC25JoPqsdkMu05keBQ64ChckMVzTrYt1y+JCQEQij1fmOGRmL9bhD5GioJlgqlpxhXEa8i6vVlLKAP97yVRv+GIZhGEbmsr7gW9O9mCEDIqdQN/ORPkrfWQWmjia0xSWwBFjCeFog+weJ2zIxwgpsOXfHU6ZPBtjQ5g7SOPiVbfeZFpQpcWOUZUJF5RZvZG/I9ec6pAtup7fbUUpJszyGhT7+PtZGJ5tyDy+bBNk0BjegotYJwJ7pxb2zqrYkcAHC/CBvrIQ64N+tDgtGcGCH25B/2TwhtcxBPfzq2Y7qpH5aiXCDzjJ8m+XOm72TbI7whiQgGGocHj/dz4DlJzhyqUr3OHDR2hPFTP5kQO3g/PPMzg+ebuFKUrGyVOmEgXqDrdKdRSP3Sv5mKhGSxW7WV4+Fgua+X3kYF110mf6ruj3msr5g38iq0eLF033WCwMf0eELinIUbQ11YipWYTg9xXqZi0qm9XOgad5potqgOyWemFJzMacl/Krxmm++pe+Gj5sjnjzGhRahMODEL2Dl14yMpFxaUVI8FyNUuKw2MDPS7vpp+9wNwMS79nTi1ycUx/Wsg1TyaAxJOoZcZ0yaTM+sdUUYwsUt9eClLW8V4SoAqwR8LZmZdV/c0GFAEjQLpVfdEvfJnx0KGf9OhabzWaeAPldg7Eg2Oa9KNge7DDn030xkQ+NR5xCNKHvMULgZfcDgjKDftgtmKdFS3Xsmw+hScEI8moCm0/RCpEjz5CNE98F3C60++HiixWgETh1BW9O9GMwu3xPQ3h9A9gURp3j//WKrBpDoHi+p+HB5MdmKmry+v3COsUlNq8ILbmhJXnRAH4gKUSDg2s1l37Lwo0HXwij750JHDYzIV4FwIG31kgncj0TkJQdSUnDuttjn+MdYo0IdGl+DnGB7+euOhUszIzvasa4RNtqnMUEPIPgrRyyO+OTqyxi5P5U/DwD7zVVRRxRKWnVHo7BS6oUJ3SOMHAZiZmt6gQFJdwjsIV9Tst3K+O5iYD8ISJ/sVAZpRMX4xpxX/QKVyjNtJmVJYNVnLKOfYYW2fbMQpnUPKy9jcZo70Ws9FdWfMZLvMehCLRsuU0K/JD0dCmSgd7eYfTiHDIgclT1BufI0SLkGYFikNJvs9YtT0dtHT9+o1W8aI6pvo8bmmTh/+IMJeFYC89ROenir6oiyrpUb+alNt+3WCaKaPmd4MCX3DdrGC2h3yKQ1Knp0kI4i2CB4iaa8nQU3+Dp0iprwO8DIOz815S+DEs//iZ4YZGnfvkViLXlYNMiKnVyzcRwxEuvEGsS+SiS+XydWa9QqDNeZE4+3a6ikZvXbuN1kAMe9ymFYbhFqQ1IDcLOw+CtPESYFZlt3r1V5Fu4P0h1JqirE0SrgxHSzy3UTeb4fTwrkEQx2snN6GkYk/KnL1YZKTLY+3WT4kD7vbRLaqUMFplhgNJLZvTYQ6TAMw3DYLZXj1sxK92rwDhB2spaxSZOP0YV7TH8l/OvwN3cWEoUUH1vvu2IH+JFkJtijm+y/7OxLzKRRA257QUwdKaxqQgse4F6c+XW53W5fFL2ZT6rllYDhomn5X4Hf6hqdNcqcgtuENuGhAFYkkIplP6CZl9mynZ2XFO1RqqFWF1677bazPvHQLKSCj6VgII52LGmKSZEy2nB+sB4dR6wc26V2UX9vTgOwfXhFja8Bictx2lFNSsBkyLIxAVECM5vZAU1URhwUok55tEurQogGvQhEXjBQBjpkVhQ+QYNJzBR0/AXqz++qx7YX1W8FF32n3XfgHI+lBNuzh61VCLvKRbGhFaIBI14oBz1Tl7r2RTm3s+2nbQwA1E/dsofZtCLRFKY+yWyF0tqERcETor+f+1yVmMUEg8m3rj8kX0Lt/j2QvczWmxllyxrFiuRd4wvuPdkxBYGAQ06pU495Zr6HdXmleTYho2neQ1JJwStd35TXI/XjDKPUDs2dOyBYTfPHRD8WP63sNHgU2HGTH1kI5EpswNuNbLi4uZnARBUAAa56TQrJdSljML3lTHLlw8zy4+m36nNghYATY0imiMPhbhNcAWG2DBQCkrEl3jX0h4sQ+sG/NtBwK7Rphr66RM0IvZONyASoiFVUBtAfQMWhlnCpYQpDzEnuBiaoX6zzGhlOiAXHIxTiciATDwg8KRwppBL9shZK1I/XVxzlrH5RFjIlg0GU8SPRh3CkiIgXiBWj1OalfvmVmO0hKKe/TXkOM1jmiKCSsyI0rDoBwv6wfMqc/7oVc8e12e+5aUZ6KCvbVz2KVfaO9EBHZrJBnNa6iuL2tbV+xOMUiEYg6KlaNbN3EOmyBBKr7KAEr9E9359msoJ5gwm/XBghTyH9aW+lr41qeRI4s5Uzx5N03ebGke8so+9HZhENgfI+CTlm9OVYtaYttrQaQCsscXmqbktVcZAC2nadWCx2cN2FG8vOTt4phRN5YQVZt/eb1ApqykPCf5WLSsahpnd/Wl1XrH5yapJNblHJ2KOCM/WRjzlVj+vo6DqpUZmiMR3lvk9nBh7gLBHOKS7Jk1IM3i3Bu7K/Lw9yQlB/eT6uWmp62AWOzBTqUzpffQUqb1m4CoS5Kbr5yfVrJc3LDt4GUvHCLFax7GaI0zy2E9+rxhSsxdBe26Npkhbm8dY1Mv23rYBJzDY806wlkbw6wlS5TL/X2C94HEp4AtslFzTqdSpcuJYqEfwPmeMNLaxjn7klfNj6SPBZm4GGc8KpCpCFT/S+fd18SSdxKwBkljldAitd9f0rGFRWkZ8j76cxM0wvPvLDwyqHVgDPPq/IQ1cEzPkgqtz1+J7NpSHewIl0H9vRxET2FjqtJQBv2QHV2AL8Rgrc+hGoxwYACECrNZDDDUB/shIFDxfw388Kk0CwmLRJyI4J+XPKcGe4M7xlHZKnPe7Y4I37K/OsMFj3z4reaPDwWl4FSx5eI/LrJA3A+D+mdriPfRtJm8v6gA8YELtcz69Y85V5POXw9VkxntjhSfG9vPNHzP0l8ddVBw/JZvqW8sq3yaBpv2xH3t6IdIEJNtlouYc6WVoQjWocRmRBkVlQhInIKG2IDUIRJ/PW3wb+0alaAJBQAxAC8BMFggdIKABroRg5SkvGbvAewgVHZWVs4B/x7wFQ6AqDcsD58XB5snFdDD7FBAt1KTQZ0LIbanIxOSkTiFSqTIXybOum2OqHnBNktqWTZ1RurTTFN39VCWhoX0p84/I/b66LW3/EBKW6dOdlYFPeaOTir6syQSKVPjwJ5Rt7NwWNGEMkgbct9WaoXGo1xYebKgEfOous9zA4dh1mdz2GYUWlLj34z4EOcWtVe+451CusVHr2IJRv7dwUjY8hRYLctnTxG5V3XjXFD/9UCf8uKykoJ6duC8wMlVPEHKy0hQ1MF9AU/xTqul9bVSLzgaWo9UOX0lqQE8lw3dlFWTp7dl3cc1Ldu5WYyKNQfPdXXfrr3U0iNDDUpQ5DhlLqWy5epLZ1396UifxCxdEfqfRqqUmkFOrufalK917cFDfM0Ku6J82Qq0R+cPHualv6sXGdSILq9vunCO3zJPRfFkKL7IUrJstR97WXY+3k31YovaJaoTLiIV5O1qjSqVRF1AerM7CNamr3BvlTcpZjMC/Pkypf3FLaEVHSqVsoTCeUPB7ixdkJlRrXqgFZOOuWBQxioyo8FKtc3dIbHD/Ze7l0qs5Fvtm2ke7snTzBesqPFv16VU+7AIIded5oy3X+v0d5fF/5tWLrSfnoXPtVQc1S2ZzVG2Nr7AuO7kEW2K7cwPLToLo6tz/0LTue/CVhG3PCWozKNSzEmu0FvD0FtXmoerlpwKu2NVhrk2ItSylqBQ5c15J6qKrKXXUu14M1pOTvRv6RwUbX3F4Z5RxeMcbjV/cV14vejngGKeV7kL/HtpyugWcN90TXV6WoHh1pUzz2hIIWKXP7OYwAQ5qI9AJ2uTVcdoSSJtjpxzbA3/8h7kHNxHrYt4OY/2w0cqAgeGpQjujZQCG6csXkuF7FIObovfzgM841MrjOgBsAAICBAJkVphQM2zEJOMtbVhraweuIHWBfB8kAe422LWrAsDGeI0SjZKU7Yp4IndPjBWuWor8tYNK1mp7TkIPkIrBEuGOKjVXRkJvpRtyE3YomCPZ6KQ0H3IEGnLGGJpxnC3kSxcMqsZ8xZmP4OdLtwcc2tuAmzTJWSWyWsG/w9tnZ3A/W9qnGMYRuKDcupznEz3sAOgBwBAAvgFA5A5wAgCeANG7agalFDeKjmuawGdVuJe+PXb+CrpduVsCpKQIfWeC1dDWDwFVske95CEdVTQe7UwehsS5hfaGboKF5ESvNxS4h1vXuDqey5rEKOUaT6c+50UOeN51qe6u942GLx0Z+am5LFfsmfpvc/j8Aqwv77k3Uzi8Ioh72EWJ2rZ8chnpb5epGM/DGrWX6Ou8oyP1xfew0Qs1xMjEKyuZslUe1l+vRaL3vOrof+mCaKb/FVaTxL2e9s9FaP0KW49Lc26+T5Ou0EUs30/2tHV39V/fd2+TJ5nqIsgDeym3gcK8Quh5Z2cTA6ugV7FAYQV2axltL3SQAv/tTDaqyGRw7mdn5tpPsscNGx9537tBeslK77WwCX03qh7ij6pzqILAb/yy3HnujRq+9V4E/DapQ9MblthdlxQ+X5z46eLkkTu6zR5NNNe+ztLfe5CVq8re3torzGlDfm319DBBny6WXO6q78xUCBfqb5563zBOvy3/eIO1fM2TPW+aTF/pIIvTTH3OVa/76En0AE95i/FXsKcAfXg2MuwFKAJCeMc0xaACmfQlszF4Clitw0lBp6s/AwW22gf0K0GSUGnpSlgJ6BHhvqXlh71SXCQzJwbo9UKxkq9jP54BV9lnYVrOvYSRfnHJ9UF1attWI+tOMnsNGp17Ued/C1InZ9QZ2HUDJNe76q8L8Y1ISps+FWvoY35q73DBBNswyj8zG5vECH14DpHxi9E+B4lmE0wsSobMLaphtDXk4+RypPBk1z37V0/MS6XMmt3Q2UXXOVJf45LOjs4kKZu+CXIQil3Q2Wc/yez4jeX5PPp9W94l4efZtyvvJ56911glT7nlL1ief17t5Xjd70uWbN2TmZ2944WwvzOLk88ML88S7+m8vmIUIw5GUidd6BE0xWrSkNUqtiaiOqnggjSHoAshimHRUMSp0JCTRKU6irNFeCIIIwEgF0b8Q2jxOFPek3LPVFWiIYc0zvTAqrakhRAJ6Ug4xug+gj7HHjjRAaTVG1MReCaSAGLYgbtlwV6rI0KPYC9S8f2ULXK38U7ZYxxkQsE7x+GQTruHxahVbGzKwJuG/ihgZ10H5LXG9tmW83byuq2eR8m8PrmEe0n0M2s9GVO435tkAshlS3a4glnnKmIBuZ8WiDbsO4nqP8qfXYIum9//2x2Ro3LBIDZvUdgKtJR6kmleW0RmpC7sznx+/t5fz2UeBuLBpx/YvqYkNQxuwPbBPtetjy8c398h/XzJgzRv5V5j6ovi1X1qnqORDAimD3gexoWX3f47ESDlubb7+Nl5eXZnx9Sr/q2WoH7e5d4fJ1cPFlv4xi8YXryjw8OSGc3l4XK1LT57rVxHLbdkclgPun2ya5mU/7JLl3TrgtP8dal/ks56+ZX20nA72acL4eNn51A2Hd/K1eoaUmFTqg8G5kFft3pc4mTI8rNtbFFZ7aLUYvqFm0WzaUjJkfUVETRHDQnyH1A3gpigYopPB72VdywHVsz7t2Udt6VtnX1+WEcudZIPhsxs5beMuGxHVeQwOVFqRh4UAEUNHVNN52sERWryy4ImFFbnSGraZtkK9S3G50qW7m0LfYrBozexvD1fblJJYDpqRLQ7kRhNawFdIplzE4Bw35egh2ArhP52KLsuZFmsYTjAneYYRIZU/Y53KGdSG6vysCEmok0NHDCugw1DMbWCVS7zr/SxN1GIG0jlvhUOEpUxzHqysb3B+DNEhH3ihq2fH+8brRMIj+xdeYN3+RzUCMWQxSyIHqxMepgazg75/QT4zXFasIPSDyFD9JBKwMGklXzmSqL6LKKjTu4lBwa2Q0cCiI2IY5aEnqUeaw/QgWePm2oQOPXTSOUueZDeolj0EbPEwxoPHsR9/uF8dqyULZYZCHn3qK+eMSzWI70XIyCQ9LlzAcnXfa2k1wWIaJeel9Qc6paykK8gfFZ/DtzfTHoLHldGG/wcyyXerOlHv4II2OKkOKnMSD6LmRiZQ+QOFhTRc5rxT5R50P9lN4a4m19e663uYiKMtxZpVi+kAdeLyDuGQClrNaGOEKGDAXBs/pgiVtNQcTu7w/dYcRvioi1w1XBt1/WmL5qaWVlh4N4Cqk7QRAIsXrGJZowtfDatDG8SFzhorKTcmq3teCjN8QAa3zfH/DXWy1Bwm1+GPtn4Rd0JqEbSTq0i3x/8HcarAvgBvqahX4yiwh9Z6XZgU7ZPEnpxHprk1HBFWCnEKvhOThFqmI1INah7jjUcKfipJJbveglM2pPVHGpigA4tmOXdsnOGYrn/KZYLGzmHWxMVuywx4ydQSzA53rbxbkBpxpC6Wi2tRoKWkkdGMHBKMJvlII2+ts1i2IbbnfNbPGUQBdqGn1bM8+BH55kobOWU4ExCwVdoGDl/wJHLtiaauqLoe9qpopMhno+JZWyl9E5rd3VuU2Tkqjktts2dkXr3L0D8Bl4KpHNpoAGolA2gFGdDIOcA3tAlfg0Ud8fZaE94EZR2TgyNJTWURPGeZoLKjcbGo+FKXhMnO+Y0xAhyWuGhlclp+6pfubh52bbctG1ramQ7GIVf2yMTwrDn+PByqjsVKH0omaeu4QV7j/iMWuoX7qT47v2xc6unhJh9HC6eFlwvHtg3rhguMJNUJ/wGqCRdahp05Naa5H1cunkQb8G/4Essn0VuxIjb3kze6K6BUvBIPKVsR5fIcjqWbhlUiC73BMvgKIwPNl61nHmG1JLemDCkw3b2sf+VbUgppjWFG3lfdJnfIhwaktVO+FlymGazzKL+XdJOgOulwpDoVWFlogMvPgNmjSuJEtSDXTWZoOYZG/ZfwavCR7hbIz2pgkuXfVPyoOODZzX4Lqdbtu10lP7VSJ/i+VvjuWF0ZaKrmt3rk0r+t0/zn9knl8oP+HtRZnvOdUUlSrxnLhK7p/6b7L9cGQt438WlrPv78lvr6V04Bi36eP96/3sy+lZXOMTJ/Dpt6+auWTVu+K3j9SY+rMSjO1c+/Lg9rDnD5Pnz/pTt9sl/he3eZFZ8R1v+NPrzWD5Nr2C9FrE7n+n3fIhTb7r2eFGKv5fD1Z560n/T4me03+9+fZfSnpaqmKuaHdL06v+f/2eXg/075pXbk4r9XE9dTFZreNn8DUJ/NYC6EcjTuccBCfxkg/TcPWoTmauyEcIHb+qEjSBb8GkrUIQZOpbAFtHSg/x4OdGnCip6O9zzu7FI4euAAo3kx7zC2N6F5Bk89+4fJDD5OdyRyl8i129Wq9CPDpjilS4j7CpJFADGHKQ4RCPzEWByFytt9nOsZeFA7n56N9tYxOIgjVT44BILhYeclvMIpTJMjR68KkNXHjbEiuYHkDFFKKY20XhOrx8f3VCYTuUfDJdGiPv2TcnkDXPoIRF0qJFuUQmNwAykyOneUbcqdpAmRh0sJK1RxdroK06lKBWDNZe4gJA0O5PCughPvsZwjJke3e03I0DyREsa0hgRI1Cix3JaGq2twws2a4B0s96BdMJvXhg6lKKOHlRLq1wPlsGYhWiEuxQgIsxzTkD49KCI/cWK3xTvAGhHUxaPwrBxt4Q2n8HBymEqJcVkfpAQDsSNKGHKrF/kAJML+hPYLit8RA5MyB80f3nFk5L0BQcCCrvrXeK5Aqxtrlw16bybaLSBTWFjypyf3//yrayBzyyJ+zFlniYe3TZCgcrhrS6kCZs1dbRMSYQ53Pa5iYLEcYK3hgqE2lTlSLc/YOPL1kRI+9TqMZxukRJ7Qzcx4Sf2HSEA+5F6QH2hw+31Q97hF+OCmCqFM1Fgqr7X0qxy/aOP2/NiD3wv8OzHYVNKj1MxK/XCi+C/8jtnp24lVcxKoyAqgC6ekzwcDuERdZoh0ixZ254/uCOiBCaBhhsjsv/XZJbByGSHy/bfTeeMQwNm1nA3UXnF0DIfq8bq6LjYk+0iZccfZ1f2/ExZKTge9glIPAKrstoFxIE/zNt85Ckt5C5xzoS3xjd175e774mUnPnD4zFQKnqaQDPrA1vH5kcJQYRqFv1aYXRfcgCMc2oKIInbe4eF7e1emHZqUosHsua1BCqR/ghJFAWpeWTPtSJ/BlqL5bsA5JflVAPqxaERLVwb0bcOxHySaZvfEMOtbVEL1DxxnRxc1pV0oTUWjDao7zDH8Hr2kZeGOl3DOAXIHk5XY/rH0hyHgRSEqfrjuEg+N8GqOWgwdrnp9r9nNDO+sgoxdlI64ISLAp/VZGkgt6izeVXS+v6CHtNOtTAke9MpbComleqqKAj7Km5Kr3ocqTO/iOARVtFKRit89XkyjWxNZdDSCOsnQ04j0awEwvoHB4CB3GV8R21ySR9sn809G3ciVn1gI2nyrjfnt8dwMmX9HKKUk7ghUacz46fDTzimAkYqD6DmXtp3vKK9pOMOcXUEcVMIvDw4+kBtfHxVejP06GVowLT4Qlabk1CHjKbgeQ7Ovwy7kddxiDp4Vrgup7btP2IjhPhocOWSkRbAAdoiGVrafCBPTbg62H+8OLQiAYpAWzFmvBUK+Q2qHYCY/QbO9Xf8cmCAPRNxN9vxO35JCQujOj46EQldI8teO9bq5LkK9WtuNQRd9yTcpPjEUTP8nU+Xc67RVtXDdmzX4qIshTtHUhbqpMhkFFUhE98FFWC8tWMhQYgtD3lkr+iIULggL7UXVzxnUMdTf/4HguLVw9GL/M8WaYPb3PXF63QXyifSiQFmRkbbcgZvU7jWYtVHaCmV6o+7C5zf2XihibjKAox+5DcId6+rG0nkOjc9QbE4wMmFBkSVRIBvT3MiMBVZxn3PTjq0bQweXRhnzgEXA6PYnq+dOc0cYYPQ5sfT9pfW+bJ12OWgXzX19eaL/SPARKEuXneS5UU0St0iH5bDMq8GxawYfYS8jWvCGHwb7wrLu/06pnGkoF/YyWYWMdnWOxtp1p+bw4ZCtaIA0tAHD7m4rHPYDO3lQIT5IS6S0FwivxVK2w0uiRRyLxIT09gfpOzYKdNelC22hxdKCprj0n4150VhaxafomwZei7eXcziad2ghW+tQWx5BOsKD2ZOmjxNBBjklfe6DXUwUZRURB93BldkWYrCC2hoOiOTHZWiNLVuL9s9uoUAhqD0aHoddezx95eoaFKCFvufK5PHwerH39Z3YkaLjSIOge1hMBM4pnCmQT6+q9vvyfb2IiMtDw8KxbdM0WdT+BOJmOBiVeFPyWjzAlwllAvoEZRI+r+L9z4pMlBQhUOznbA3xoGRiWGImqZFTpNOrj8JkKvGdf/foKdxZGms5QfUMnV5V0cr4fcRjIrCb/AG4FbwhcQKRiQj8E/4noakafh/MnN1N5U0vL3dvYI1b7f2S3Ba4/zO1viS3lZusUaVOdLjMyj+LdGZpTKVGZDIycRvD95VR2cm/w6bVb0BcNBPIyRmJCaZjN+mmqA+NigH38/bSDGKzDDzaX6NCGAQnCuoNvTL4NDqFX0pinZfju56XwOv0sAEfytyI1l2Ad0lgRTAy9WJxlQRlUB/K/jyPRcUa/Hg6HbdpKheW8FeL7b7zWiuJPz+Xl7vRkDLFA9RS/fy4LkYMt846kVAOLsmqtiuJ8OCr0cNW9W4KHNLDqWgslIN3ozHYA6wxV8cZHs8jnrtP5vZ1U/REGHjP3CTbWLrH0dcaDwXbGMTgCmO6Z8yNMoagdZCbDSO7KR42GyWweJOiAdORNHyLgsDiXsfbk8IIHaVeQdT9cj1QgodoG+79z49Be84F86Ksz/8i71g31Fa5HJSU08zLC+OH52caQdBOyn8O2fD8EGxbhmBbg9oOG12jNRHZxn0ZiQgeMomthoZ17lxb20snTNkm7Yb8Apw9JoMfgQw0xUkY375ArMRDWgDE4cZQCZXgq1A0d+Ga9uhyORL5ePHNkL2E6gLV939FEW+QbWQvMac7tPG6qhGG0Dv5iKdDPg6tzWTwND3fFVUCGZWu/jR3Q1khKJ5lKFr+xob2ZbJ0wEugjXr7JArRznuBcGfuLvM5zkCCfHNYl3aW/ypivzytmhyXcn9R0YwATG6pfeL29rT/Z7pvcaNpGRvteNCKEcy2UrDPiCSuWGqbxGgvlZj9pbteIkpuxHAPaJq7BCFXFSYZGDM5RWVs1awliUtSKUJf1BAqQ4wiXZoYk13P2mXteHPtNlWgAHFeLmZdJ0UZnEl3a4O4kPguZmklgqu2mUMNNWgekUI5WBZ+TuwTUP7r4U6KmzkVzhG20Jsor5oe6zbNSZ2W71/jm0ufXl8ltorpFSdkel59xRJijem6iJ4M6sGs6xE1OcPjImqp8HCvpO/4bSc+hvJWp1tXEenN8wmYDdFM5UMUVbcXiNMzgMg+wqRivy9ngUqQSAcp77PiljOmfZTNzi64jxSl8tY0PV17zXGoOZkjXT11vmlZIqyJE5PN3X0qBZ2/DRYlWeQKmC9RrGcuUMnppEkUf2OVHe1WMn8kTPHLL8WznIqXPnW8wqTHxjF+3hCfePIMtr0rqS+hJV7U5Z15yemLuKAJerkZM5G195qLfDuwYZenUenNSUWo6uus3w8wzyQjPM8tK9obg6LIgABcfuggOXldMjr3We9+Y7UmCqxdM6+khtQeA6ycd3iavvry9ysHbNwR0ZXaaG1Z7YxRN5DnlRywy8aaG9Vr6sql6LesjFyD0xoBvzk0hxnuQ+wBzMT2gZz0zYwU9TQn88W7oihNSCTFrZJQ7VYgPsVdTDdbtFtgDKVU9WnAQBc1s0q3/aLbJPh5WT0BfcDVFms4+4KLSeNLd58ZI5W/f4Zuyl5HKzmCovCKXfCxDTYHC4p1PseIDZAvGm95jG57HGHjqiV1roWvuzpFhTepgaiYE1Q+DOcNFJ6v84sOWxQ3RPZpfrnR0HqXrFTsy4hdmEedBqZ/EqePywMo0Ry9tOTUyuUqoqKzqhw+Sr7Ewel/dRHfirQLKX3fisqdR4cm1QtRfFbkV701Wch+CCRUzxBMBdLQxBZcvDnHvL8Og7Cn2VbU6HOG8a3ti1+betf5ULtQR70MwVy0bJLW7TzkbeOO2+TG7WDv0Aokp167YMcNpxMGcUXTgRNXDHji6iUGnXFvb+QAJOq9mBirDXYsFTYuPUM2A4gMCelDx3VkkUiWkCY019u5A9siJOIABkzjLWCyubm3OyCF+IzXrgIcsT4wg4g2HJhShLsmCzCjmgvluBKcVPF7H9gY2zW1SmPwWfY7pXgn5wvYmTSv3OMF47i1ViYprIxBUHT3GDLcyYCWbBd0Jzr7Q3aBAMOD7dmKdcDGddSDoQvd3Xoc7ORK8Q60bppdj1my47bb93gpAcpn+buPLbEpp+l3aKs0BjuTTMWkE4DMOE4hVCApTAiG9gpjMRoat7nRXXaLdHJA6rPmzOKiqMgQQwMWohogrdD1RoKURaTdkLbRY2+vpmHYSvFIByzTQMFExtpJ6dnKkQIOG6JLOduE0zzuh0YiJPVtqM2xQYOeOJbHWdAERS8sSA2Q9b6Dzpe7pTFWSEKSOacNUDe+k8WiUDcEw2OWK3OqvHHSh6h9Uk7uLXQeYOSVsiORqDvNO5YlypYgrUNLx6uO2NsVulFzvIIxDEfbpZJWDnamPsm06QFqVWGqMurYqA19B9uTR+WcDdRDsjh1tVTJY1JBEx1+nzXArEb5kKnTjqQLPYWLaCZZXgzvshGdL+PGObPYUwHOPDhttodkMPZAcdHBBkkciLt5Qv18zqmkLemA00XJQdmhk0+x2EwYxT0t8pH00+NC63WLUqOkgKbgzlhdA69wZDE85zfoMWaPrxvQx6A6llTb6477fLM0mJo6TKGW+EBp4HKSDqExTYnHLii1hF6nFB1z7jrqy7kGwIg7gz0ApmS+Td48oZ7fGKZ5odmABy+RuPpSrjlHWvAbmJ3OYpOTNOISKnHTJNkyTjbuadwbw3BHCp6EgeVAMzvpVmQmqDxkY2vunP93gkDEGPLOglndfiu/39al7BvlwYDKYMJEqNF7+WyAZtfPA9xtvahqXBkvjwnlCLtzoU8+YmtsBx/OX1s8WPoenDtiGJ0SBYEtHIO1fNJ+ROsB/ifgcgBeYzgJQ5+TqFHm65PkzjvAIOc+/ZMLFPCA9XM/KTwkNhCwPsEz8+mJEq1bh1nufZEToQYkzx3jN6dAQrZ/cQcwIAenhyxlb3dhRXVLDawAaC5SSjmkx6jWEF3rFulwf1XiUDjhXb16dJyy6newAnOQpudXO4zqDs0hXS6AjwsraN6O+if4y3rX/qZg8Kz77MP+bD/hWB84HK6KEmDqBESvGXFXNfx8PG63N8XT/vDzyEoxlUKkaG8CIGaWMJhTbu9UMyHyJOWbAHF80kmccAycu/BLXkQgJwGHsHHtcAXd0//MpN2BHxVy3J47FVGuaV0+Vh+ILZ4Hrlmi4efI6xWZNx1BPnWlrqV2NSrPl0g03V3cbULqU8b4+Mc1nOBLJK1+ZIw+ji7h7JAYYsj2rpWsHt9xLPBIhRsYPibhwQs+TyScqyCUbvRHj+HQK8XHJkQr293RE9tYHAug71GxToDNshGK5bgioExv7tGjacXliPR9gejke4QoYBUC6wYwV0HwJj38tiSXbpdQk9QX8cM2Mg+pOUTk4UqRJS+oUBL83fljvSuBO1Q+b13YN4yYAUu7x1t5NH8y6nvhoGscDO48Yr/Kiku5/+RUJQiUk3klzfmET5Bn3ch5XCTfktg4+T2jA4QWkj07bo7Timo54tOvxx5ro2PSowediO5I/31K6X4bFlffebFOZkHnShCxvJwd2dxRRYw7R7tRpX8ROYs/8MUBbk+MCBBL8f6kkThA5hOPG6M/aTe5wHmybQlyYS31YWbyJCUqH1yvmV8aQOiOnrQ8c3Gsj3DvGTt4TL4M8aHeP8Tbh1qZOcmSPEGY1Jbi9WkS9lIylcUXJbvhusWWfBVMowORHtj94kGlKqkinJ1YPuNeibzKG3Z8kt7kiV2Uz2/GIlJNzMSNcGmGUBBtVOinTfYkY5kt1xtJErt8wpHJAPZXA5Y6IR+4L5Su7rh1rPe7PYqeGZEHEncWA08C/P95DMk/JNXsTVzljje5a2UMS1y4/Yu68+dPQ11owublaOr13venv8jXCZtkOXomgUKnBctdpcZMzQll+hajb+mbPGt71YqM42clPGyE/3FKOcLuadTCrv0P+gsLAgO8/8XQ2NEuOrLrQljGEtaIt7vK+ZKwae67GQAb3oLtkMShvObhFC7oro5uhWofQBcqTe82kG1tAcPKdMkk1qsrMFJMN6aOyyTTjZWBj66i/OfYxHq3hNRxz9iq+wcXW2yqPKeifA7rV89JSM1CY/FjC0rNTMgyZmRA4hqJD3kvHLELvDONVZ2Da7hnvkooIbUK/GO6vSV3HS6Z8KhNCBDv0DdmCw/qhK1OU4qBR1HfQwmcQEg8hPcnGNbn34J9jAyGVWsyumeWq1u4oZw/sfNkrzq3fRDCnZ55XBUyklRrUvNf6CS6lWpuVB/CuoVAjJQutdWjh7OmOtCBV0G0JLnT3tZoVKV7QZ02Kvu4hTmyy+7YhRymhkvQ+Rvowb3b+pK7APdOjPk5LBgceV7ZjLVxz92MtY51sja1TzX5JmEkgZLHAGdnntDM84KD7cb8pN2ourkyoSBJ2driJLA6k6SjkYpH2qjo5yeKaEDRaJIZYW8OoemXXiBqplNR1D81GbuMamgPHklKppx56ASACdBsWZNsXJFb7/qoyQanKdqOPVA6Vv1ziS1kMsmddTmKnmI9MTud2m0oL47v7CWC/lsib4pbhS6LRZ3hI9qu3KAC2XlWrBGsf6QV/W1Az/eoXSxv6d/hCDqn8TRDS41bEtPONMllrINS0Yon1ZLpGUu4VXh2MxyMSXcva9cv1WN7e3IU+IDb8qHYpoJ3YcQeix/CLuFIk9i8NC8FZIydTeWfo+zevP5oLJWIoU7S+uj/aDbeV3x7osMZ4kFz/ysApAHBKKXnHNo4JvRWbZY9qVzmKqVY9th1pf+4LU7KW2m1gevF7DQ+e7Xu8lwRZUGm6TKIs83u1+IPXSjUhh/sXP6CesaROVx0nUxZ1VufihnoupeBi6pKiBn5lPA7JQcRjZm9ct/WpHhHjWa8dwg8uJ79zgOC4j7VbBKVZGsUH3TTqEFbPPPd/cbNgDArvEXOw5XfNcNmopTQCIAKO2e4YVSt7gfgplWDwY878b5jvSV/DDE9BoxbWcfKbhwlcfev8Vq417e5HI/ZRFbZ2ajFcdZMUeVc9Y7aORnR8y2AFxzAv4HkaOjiePEHenVvDxbg3mxpWYyh4MeX4sySQnB9IL8Y0ScljqwM08aDkb/YzCdy96YKtOA/o716tnevaJGy7Lvfbcd6PgeAnObVfOzbuGl/1CeJ+r3r0j6InqmYQuz6EGOa7yH+jTG/FkvyNsURkEx4zGFcCFFM89uDuJYy8gE/dpoAR5uwiCxrK+M6ThZ9g57Y32b/1b3RdSXm93KB6S2kLCV5fyDqeHety8RlUnvnSajl+1yRuTYXIJGWjn9ZVMFxpRLkak9RNgKnlMru8lAO83bk34xoQ8NkLOqoVUhnqSk506s3MxktodGwYCui0USI1wR1YwiFlUukUab14uY0NaUpOr3ZonMOHd04Aoslg2Vrp7Q7pt4iKpUhCSRYSd7wIanknQt5TCJ8aCr546BblbS9+4VUPdO51unjr9x5zOlUdLGzEuLPgmUuSrvZqRJP+SsfE7VMAjvSX/hWIiMNhRU7/CkIeyHtC7vtFBxkK5+pp46im4t5M8TM6AAQxgUN5rb5T+4Yat3VykPTGfw4ComWDGyybIWMMOeejIWShKR1UhaGjf3j04d9ejpeBJ5B0Q6OL5i+GBXRfCiozIajzCL139T+OAP3rlGx29nnnWF4UZmdAU/aeBeL+z8h8rR42NrY2euab7sNycnI61gKdgAMqJkLEsS15ynoks4vvAgNfXjRRGKe0Xl2PD8LTpMJ2dgzDovo2/gQL1cPjJ7CsR04FLV7rWJ7lRkpk0mQQ+mkI3Jj4WD9CURx3DvNUPkSCMpkdA/7NU20L7zdGHlz/FkBb11IQZQZF61fBDkGuxmm/3hz0OY7CIaIrBxilNMc2CQnEJF/w4JtkJZV+X78F1Fc+uZT3+X0JWXZ3VXQgxQgKJYG3hrS9zzEyjbn0a1O9dqDbVLF1Z2aHRg0x7m59fMowY59CAnok2zfPNwfejqgRKod92/y+Pyo+Ns0L/Bk75qZD2Pe/ig55jd1shHDrcE5ztJEPr54uMuIfpCgm5yAbo9H7CXcRjF4lQldPua9t56FrDWX9dZ9z0IYPDFonRiEYlImyJLpaibmjwIOIxaF552EHGQxsKGTpSSw7gJuBAX+MhCpIvYly7BkWNThqMvJdWnBusCWXSPrIUxIb07pzN1nqPTkHOy3ATzH2lBD+VwHnc10VJrpud639wN/AMbe3cUYOIDjG00zePLx9bR3XyyJrCmWECkJP0PGxGwekjY5siuZDI/Orpk1O5yXE604sHj65HCgs/nJxV0PQ8qFHjjgdwW/90in6pp+A0mzwKJ13SsnjYgRC793QegfUvXxYMcphXMczTarCatZlCJ2I4H6a2xyND+39omJkpM/QiH6T2CCWWcjkyXFhuKLD1MrMmN428ohBPDYA1BB0i5LVWG5oWaUQjxp48nCnDzAw2JjBVVFU8MusKXbzQE+6H+nmVpi5Ated+ZKL64vqNY16rr3pSGjTGZhkUov0aGUea54QXTidTqf+HcAEdjQkmJ4kgbYZCzH+CqycZf6780csidvZDUeeay+G+4ZLqnN+BAdRvhPI9rexpQJITogl3UMcYjl7I6oU9REprvbV06edVls+bMjQCute070MLppUOB4wxSQYhtq91mV3w+4Us2ZT+ZCIbP/LMXaqGE01HXq6bqhZ9qwpOHdrSiKGJRPk6TT43ItaO2yrlR+1lS2H5Off5FcTPYJFE2j78ZYSozzhRshN7F6prsgz1F3UOpYozZggmG6e2qAXPHsYFZkyEqa5yLEl19E2tdNE8fGqClSCmL3dfnfhZaWnkVTjzPq/AykBJJNKFFiMoQmQbwK2c4H/2i2D7TljEddzJi/yXl+6eHljmEDKZeyj5kNtWpnbWWJrvz1xDQ3ot4oTE57YPAy8Dilg0vmx4i4tALl8ux3IjRaPqmxeaAytgCJidpBfvRK5FePrMagQc7xO3wKLQB0APQQX073/YJzjyk38fSwIrm6NWIhhSoSNtIvQT2QIzkRXGnxzo6PyCkZ83LEsTpZv9Wg+C7M553h/WNE4ksrlEHiXeBGUdPyo9pDuGVkM6WSBt4f+up7DTEBHS35N+WVPMBqqKnYx+uZp1WcrEiaydq2hEcK91RiQRT/dyoaDKR30Gx2HbVY3T1OzaT2ZjVb/xE9q9kyIJzVFETClA7t9kmc/Hueuw89j2rxlGKc/ZCcMJjTt1K5PUxJXk+l4I1lQeb8NgnupnofZWtq1w1k8yrqcMQSeJGzLj1DuvOdQsj2zK/95XXIyR4AB2E44hzDw50ir04uHuYi0X/AWZtRdSVONYLyRCu1LfeGPUVf3KMVxUjRB0crdNDYT+3GzBMvZoFnT4WBkrLo5CcZE0yyLGpEsJy0/Odi5lbnq99Bun7j6Vjz7Pzgh9P0bAtZX/+B3tgW5D685l8H/Y88cFCR0YCgn8wcxyloOLtaMxEvhgtgpZokWWFMA1EMRn9HKzo/5s1epF1M8hbuHsRtaoaFXBxV3VEbO7Xkuk/HiGbFjrQWbv0OfIVwTCfaHPJp/xqVVuIMW6YrtYWTtQtoOMktqhUSzQ7Bb4zCPaRjdbrZC//cJG/hbqK3UPWcELdiql20amhguaM19OwJj9sg+dGfR03g6SWJ6z/aIcDHt3lkAoTnCL8WQ+dbhoZTW8PCMPlWRALllln4vQ9CxeckNZzZkN8c4QTkufiqvpOj4OHxGFDaOj3ZUKmDiglK1WnuXJZLTRt6mLx0X0rnBcBZ1MWo3VE2wWcE0Oi3E4qFGKcKkNWAjO2wXd6P0o4MReBjmHUawXzmK6cO4gzKuUdB+T3zAhCGFMc8SXo8raIgefv0xQ9KuUZ0Ii8Hk7FXmzHUNGpLORfbtX3NBeFITdCR+gOSa+fylOx++viD4t1Y6jLzvJx0IVpasNXK1OGcY2F/M/O54zNYHTqURQXy6hXmBjz4OqPrFmKar5eu8jPeMD0ItDI3GyFVA+uVcJrkuJbh1obmt2k9BlVcln9VVA/qqUzoYc2Gwd9jtNJI6tqnf+LIO5DM+hAHIWxd4ygtWPBtWoZV87qN74UFnmP/HExZh0xc3YejCedxeM0xK1RQcYCY3Ybnrj1GxL+JvlvWc+Wye7xY3rwJlNsj88p7Ui9q9ZRu/edlo4kzWjBlT4z+OsUjQXKY4niKxpFXrfYsFpV2OACjnjhc8eO+gr4jGq4j1MJSRjFbhwPJYhWgsS7Soy1GVvWvTPvEsiOnGTRR/JxCK/6csjHgg0f74g7ejd39z0yW0ZgHE+opuYqGV393sCLdXojvPW4S+df4USmIrMEgHL0dL9w/BCLFvCdl2vYMI9jLMjGbuoRCKlQqOzXQKiUZdGywzB9B6vdY7qoHhRDH+WVF74NSGr0ozz4/muxFjALEEYjNv64ALjA7DU8OyuCCr0tVKzU3c9VAQjMRy8V0ZqBN5mp30Gob1gTDLzxJJLnvlQc4zFNycDwrADBKazzRZ1WICMlNsqv6F3XIQ84cqUliLRr7oWHxX6KK/62RPKTznHyRfwdQ0ueFkPv6Suo9pcLVkxug1OMFNt5y9aRk/tXnsrSyRBPFVXPsqdfOQLPyXgs6CSYormFe69jPgJIxvJZesrmFqC8hN09Kz5Ka7p85zfz6RUqthH7h5SPGNh9x+mh19dnarDR/sG2xxpIdmT/WZiXZr+TusA6ZsOza8MnIdl1nFfhYl7fiUQUR7wBYar8OGlUz78G2k4Uq7TtNbTqfdEXMX5XCsWyTWRUiXkUVD5lvR6Odp9A0v+quvLHT70KSOfO7YcZ+YEK4eJN3beysHbYU19orZsTdeqxqazpG+nw5niHtLfopkTUcZ+PcE2o8k+w0D/n+q5rwiCJVBjQlQAhzAyuVwJhlgf2RJwODWxM0+PZgVPt8woFeym2N5k/RyPfm4PUSzwn0n8GPSzAmsLZ0Lv1UWHy2eHpQFoYw2WXSZo+BFIH24smi7ROp7dLTHs+83nM2yvxcQqNwlT4uk75Mri2KqHgpT6xotGfXeeajVn6IY5ek7+opii9zd5Vz5JxIUXrUC5KGnBbtdmiN+6Xe2XI+v3Hn06QImn15B7n4tnTtfoP6j2/Ggsp+2VsEJCa2E9zJgqAn+xThIg/Hk5h+zUsV1HTq2YI8LymJu20xmbUyC5kyz+ESQ3GyQ0iOP42IpF4PNIjwU1b/ahZMqltKHZHnOGrMMVvHyD2PWBWgTpMKXMslwC7CcaO338FEom+azuZtnwpl4sGNceHds0/6eQnkjS3yRscQZ3nR7QWJ7XpMiIxv/rpgxAWxg4ojfZlrBGDlp55DTE6yr8VZKp6U4tE5Af+4YOxeIRvGXlKbZ+Ma19VHYSwoXT2I4V4SdfqjcPFaN6JG1GVxjmhFgfwMhCuBxQrcHp1fWjGCkQMHNt01lbC59wcka5JatE92OeGcpLzoaOr2MM3cgCbL1NRO6LPH82fvX62kiLMm8E25VlrN/EzbLvVT7MUMPn72XndrR1K8e3Zog6JjcNu2KbK4jG09eiOt231WT3tuQ8hn5W291IvOhBj+T5VSnusgs3stbHObVVwkKKyZSjcizl3BqHLSMWevey0e/BxyUESjaLYnYqzuKl9VvGD5UDJvsJHNFJM3MWzNKVeA5FbMVxK+M7cLdosJASIbWKnhut6lkj8xPQxiAoioZSD9j0K1tSXqbndfJ5MNNAotowQu8Uxi4V9rJnvEHgmjLexEo+H3LXbzk7ZE4KjAFqxZFZVV7wSEAPC4oH/SguPrN12TD6fGczufCrRBlrFmCeoy0ywr6BV1GRPB47vZXYxZj1HXfS2IMnx5teE01WYwat2tXCIczWY8EynnBQMdiybLMRgWzkukhfaS1bVBbsb0AiZ5JKv2FidTVS9006RSjdiNQP5evH16XkIF+rQXTHcvY1kawhUZviQDw+FYeQ5JOsyhINOiQL1FAaQnhvAFBYcaukFAzqZLFNpa79jvu+DlBKxHZP8gyr+HPcCL6gnsMSlTHqehbxLwOTaSaqlsUHhDAWZXANQvsK1/ujwf5HYVUf1vWPEiRUJfdkdPCoI4NpnfkDUiGDinZuP7rD7MVFC4OrktUzF7hAVsbaSW8X7hUO/jLCqV/qY5oNu26DL9vY7gNX9mQlPmLW+k6iHb8tmGqqLqo39lUzU4kNZM80tYuBup3oIGGoZ1rhM+iqpSwEsuMnjS42Fx2eQhOgsrH0MVmIdn3pdZ5oGq0AWpCyZx1oxIbFeck9XnZc0ho7VeRarGpkHMxJD8FI+ATWHtG3cQC/PChRMyFuf9ssZB3cKiiW1oZJq2X3rQNNEnnnayCMNlQ8c2vRcinM+PDtaO/yNM5pjKKDeYA1yo77z/ck4IBnSPnz3JUNDSrahsjkIRMnhO4FnzhKuWHxM018pgwGNwfMqijFka/yDV0ubjzJ3ja7PM4oowr1+Q1Bqnzry20OhptYbh4NQ98OWFrnLuXP/AiRh86L5dt0TnZF0cVNZop7hmUNaknEmm6VXt6+9MYmdK54Jh7VWaLwmDG3ztveC23ZQ2PV+4F4KmnkJncAlxvYNxvOgblP0u8RlzKYsyZTLV96R4CHy4YcqbSNnto3R+wmeb6aQay+Wp26WyZB/x3C6Xp2RrMX+fcjyPxZC1oat0Io4JHizjKcW0tf/HQeUBww3cyXfGxGQRsWsED4ajfhG+I0YIUfH0EbvWSkB0nMXKJv4NnPmAD3YV+C6cgALXBdfqgZNDKy+RMV78XPB9vVRAmUOHdH6X7/ge7BNIuFBwv5g7OB3L4v4WF1RXv+Zx6ASD4BpCzhaX2ly2/eGv5AbrDEW7H+LjCbFd0wszGHOLaJLDN+0Y7R9HRD97lYVozGC7gmZ93blfQmp7udMIOvcWnZaPFrUDke5m9FmMpp00tXuR3byV55CWtSt5JqdFyrlD527BOBCJ31u3UXcJDmjYHbhq+3Vi5beF8nKZ1qrs+rs8dSZsr5U0xce66gbnMEfNXJx9jCtZ8yVwSIKMLAgIBHuWFq7wLEccE1+i/+jMkqvNoSFC65M0sET+IydgROXHLRucp4GyGUmEIrAB+KEVMfdCHv8rPZ9dHNsQ4OwE+hcAm8aX8lhCjJX9LVet5l0Zqo3K+5MzT9Rnmzs1h+bedQmo/KfhqP5+zo+bFNxlKGaEe3pQ7ngYyICsf6GDe6JiOCX84+I9dHv57LFR7qoIU5unqj5e3Pfbm29kr583JtxaGPjLg8H7v0DfcsLNv7b0+xeyeyO2gGs5pn+pYcy29e9eZAd2rMIAHSIulgmyNeivHuSAJ/VWBp3zTxYxdEx5BMpv2XIBRVUMlpjIly8kWCmXyqmlbkQjJK1lE8LEBkQF455Gq0e7HoTnhOfOOSJx4wCJF9qNXj73KAmIzem1kCbmoIXqOeKAKi5yXcFuzjks4YFzjg8vngh7hyqGJQkG/cwd0aJ6/OzZbU1TpIFyiCSjmP378ApDz2OqUmAIpsE7EhqcwWXHAC1ZjRAQOQvWxduC7vfMmcu50TKVdx3/wCi0lazHalfhekEgj12hiElS0vela8Wv1vtXNHx6EogH5DtrG8eJgHtqdglIQDtCcKDB9kRaduGVl4lWb5mCElqN0mNeSM5H2BoXLBl8rieEKInQ24uqEzr7WjHYpM7/z0rizLVi4so+WzvPcbyQUUQm1daYWj/cwNMu2ICXYFQugDrnV11sneEKj1vlN+sJGJDd2L9mvtGJxcSRyIxDCNLykvnk+blhnjodP1mdzDiNxuZ2evmkpyCHCSYFHn2Djl60wQU4NAiHn2Stzc2PxlS6+VBRNHp9+sL+ViH2DxKv07PGX98iHDqtbLYvwQatSTw3mTpEdNFB6EJeh+ZFhCcVPCdeKKQ6MXyHsw6PgwdLZkA1l0QWFJIjipuPphXlPE/S5ahxuxapsDnsVpz5QnB6liY/Y5UZGit+cnj28BtuO3nfztY314vKS5/Bq93n+e0s1uo1ZWUp05dTkWD3vvbvvTqwxh/szyZjUCtnuoMEy2C+KWhiBqLVGkatkfOcAWnAxBYCPcUW7qIoZLkp7MuYwFF+lCa4mnmFSpFjvEcb/hId+Lq1Ahk4SHEtUpbEgdJf1uJyiT+piIdmS/eTi5D068czKcyDkMcC4EyioL1WsbIQDvW2sQkQly7nnrN4DQW+6JjOW+cHGrDFTU8w4N3XqgG+KIHrlKIYVmYN222wzYgQw9ancBHkMXEB25b2aZxRAgt6XZUCnrBJCQZJcnSKruRVjNMjp6iap+cW4VWLlCceJe/AS/91fDqosKuJqs+8lymYRQPap8uT9T2sazVbKkS/mvMvgehZqw0uvCECx2IIdJ2lgWnGgU7MILhcTaxU+L4g+eF7DXafC7XCwOqmxd6zvpz94rQUyb/ZXxJ73yWu3M8xmIaO6bLZW0+i0W1dFTiimEPZZSuO7jj99FczrFUe5my2iOlmB8d7E7Aalp7E03RW8pQWZ7UjNz2hmcw9Is3EWNK3oP8ENd6zJLg2/XTZkxrU8OLF5KceekJaNUqztyl0jLLRCCfkRG6Y2fV61xGHDTUD2vgprl9MkereiJh0Qh9Cur6Wv4/rXFnn6XKc/Rq84E8UYBj7p7FgYcFVHATgnpwnnqfqhRsZ+WwV2c0ahFM0VcOffg37bTBUmNPdeQugeb7KNJ0JZ4biwI6WqjNrG1HN0/ru7IklQjj7XneD2J8gA0YwzpTNQw248odpxk9Pp/zf8E/ttegnbXu5f0CWCKkXhl/q+HdKefO3qDHt1I1/If9Z1ZES0je7GgwjZZoBh5jLZHu7T3t3H/LAawQQWv/yAKLf/3yfvCUXGRkLle4VeV7HsJ4gExa5PVMGOHpVWz2IZuC4AZxlEoIKbnKn4COp08prIJ7mFj9pD47BYsx/ztIEV3YaDWgijlqUiWlFMjjE0KMmuPRR21No6yHbLXVG5cDisxRw3JrNruzO6+tC5+91m/jasA1vRh8eXTGoBLuZN1J6feTGvHHb42rLtEeNZ8kC76qwj69Fd4doFXqPe0ToeUNbMbcgrTF/ijNXktMqqBfw5a5qNsxreKZ4qsraZDfdiB6p2+WNAqatCJ2FXPH9SZvun8bVYu/DTWr+XZFOR2bD52f+3sTXePbP53qhmxr85xTKR35vH3cnOFOerpwTwhpTonwGbznAsAbVv9QKxiKnbLGvHUJY039BQFFPRxawD4xQJeM6D8RWYATSCSZtY92P2kv7Jg0SHfrEnv27gAbf1I2+CBswK57PJ8BunXb9a9XELe62NG+D6uptAND/Ceubm5eJ8HdTSZ9MJS9P3Mutk7FWlScHo3BI/ylMM7uNqnqQcdoDBYmq5KDGxaazpJproj32Omy8Dgz4Td9hU1qDC6cnKDMuPMCJoOkVVk5o2ciGDzVpwoa3kQRomksNtAt0puPmX8P9Pi3qwqgtuVCTKjSt/GtAuyYK8a2bKQVBx4P1aH75OM+qoGxeV1z/t/AUmp0yog31TJG7LCKa471khtHwgi4NDeUWjg0Jst1bI+e8fer/rFMSubbbQjxB2CcFPYGTLxfKCWopl7yBD0cpWvixdrunayOnQh9JTWAiKV9RT40boRCjF6UscN+SPZVJ1qulvqCFe8Oi7NQTJE7MJgxPJ+3R04YAxxZvkUyc2r/Q4ayjRSC2E8roAa+SCvVbJKhPjisp06RgitKXu761Sk5/swHCjZubvX0gfXKKWOlSHrx9gBQ8GTfYIJb4W0nSZZlZ+AjeGwDzpUITz77UC2+/0I/Xr06WlXj2YskLZ7d4Rd/7dieo87g3Op7oCMuLp7j7U61a2peYG25ek+bLaqHmkbhexQhZMqdkvXNzrgb9XUH8xHmXgimwgUGnr6x2/QKYn0Xc6f8IEgpEinbkNhMgghuoKIgVcrULh3H5JN5WW8H22oJcmruIeBxo63PWkWb7c4ujUDk9WzXTbxcj3YSYKxSOydiKN0Cm0TSEVbOecP3t4oNZvhqgvZqMH0jVy7v8xMzTmQf/LGqeM2epVaNn51o1i/zLajq8HvsfXbUMP0nj87uDqRHTBt3W8cMCa8m4NlT/Mu69zsT1YBSXsd8CA2ehwQdmdoKHzTH+p4GgtPuYlNkL2X5veYk/D/qZN9t0uSVw66WszibHU4/PiF5WlbQ2na7bvzGdGTywgcNTOh9DXGMAC24LGieX+ViIsoLtVRHLanPHAgcZf6udVtwHMi1j5iXbnDqekvqWLhef/JSuCZy0Q8M/OcGbVLYEv2XDbxKvWGmunNijqB/UF1wR3s7t6OO5vBWn8sy/WcOvzztAHvgBwaigf4mnsZ5ORulhR6vZG0jHr0++Q/JSRPjbiRB9zbC5Twp49tmV9Qj+gd8JMFAsCbiM47wH/l5dPUti6ZxYLgdZ0/Opm5vMwjfTL+0hvIzTWC5cQhMNDywZWbUkHZacl7BqyZcKAX3RS4t0xJIKAr0OPjEXdvBDjugHhh0xON4CJB2xMFQKFx1xMIiIFx3xTjGsRO0IGLcg70jEMLw0SSKWDJ/hAWkR2kzZzZtu2wf3UIpAALKQri6p5bIBQaqXNTmhIUmu6PfMsMxby5cNhZEikl0yNbQ0xq5Y5iMOOKFdtuZJx0K7nQOg3+I4erMNAzJwrSL405596t9Ff3c7aGNlQD7KxyU7wuVlSOdeyNc1518uQfvLGWRkuBkdrgro0ZjgLcZWm6pUEk8nfjlki9PtKTpy0uA/fWqJkerVf0x23c6UNnUNk/qVfI50nm8pFPu77RKIQ0hwUqnuKbh2uWKXBDvs5JU6BHK6US2WvXbqIBm53NL9Srgtrzqkq9YuFFJKkuwQvf6dZTHoILUOxpAv2kZd5IbWSfyr77TuV5sRztYF8ZnWuhkhHphEF5d3lFnTh6pJ0tGpcuhBWdNnN5xeW/57OnauxqvBbqmOu0GRrHM3H6zpSBAJOs/ilp8n3J3DTqvzXjlRIGGlm8535ahfPyBzP1XPvftL/QLHRt8Z9XKEZVTWL3jSIa+dx6lqG7c6NTGG1x/Z5aeN/TN00HoNDPxMHwF0hmc3KUhqNG7NnyEPDLplWz/LXrXXnQ9unoCcem0X0ObywMI2r25vLpRCLFua20lTD0W9zaam7mH598999V3aoKeR5J/7+qI8eGcd9KWYETHdiljEIpYLJ1Z1iK95vHhcISIQQVGIpZqSSnuQTiTXy0uytRyhyoUlR8+7dMBG1jBmlT7tKjBeOBZ6yOPJD8Vze2Qtkt3VhSAhOfl6dPNmEHMauEVRGNcssL1DL+n6hozdAzBKVB267cfNb2P5r81heDbJML3zVlaiIW5vg9d+NDRLhXeEE15t0weMR27/8fERnzr/RId3EXqJNkjai7vlDbukd2//3YWL5aWbAhm6uJr6qi9wlwjh4mvnlu2VDBzmjmB9N8SDQkWIA869m5yp6F+CjS/bIgf8TDCe+NWxs/zFJ9ykYpqF70ATiXwhiYpFIhf2XTKgKfMHTTcuB4b4dBKa3o+wjRP8jYCHAnKtITRwg00EixXlrhf/7mOV1fr8VM4CJfO3P505aDHBAP7m9PrTZyhOxVTmFSh8AMLnWbNIxBYR0/KmSz+R4OZGOVStXKHEbrxJDGUvflUw3zdfQiPm3gGWrUQQeClvnznaGoFyLCR3nLYRiZqXdhf237myLSq0vGk+yuR4Oyah7E3Jn8XO1oa4hrozyjvBjjdcQNkb28s+bhbpNSNheL7JTpcEZSfXb1KyPi7aqUNmoe9pvV8srxmRbFk/dsX2hrj3BpEEedZqszjQ8HI+wsd6v7hWNRb33W1zgwQXHgmce3xu4xW0YsZ/iEwDF+HUvVT+VHf+sUU6xCPyO8LzTGGL8ppe8iIrecx9mHYGcUSPOrgeXiynHkuYv2RgxLNErzS0vIyBlTzcLE7cIJZHEeDFhU5Kygd+XO8Wj1WNZOmXuLVNqQNlZ8wCUA4vc1lPLCJt2K3ufaiJyPF6YFpy0mJXcF7PQsSPxmCUb1wRxK35w8pb/zFsn8KNyeQvMks86gOIncaQt7+VpgPuYy3ACCxzeXLCp3PggKqpEUDp9XxRA4aEdBdXk5eOwxnlEzwl7DIXh+gc8ULhkuXLiwWkxl3scqCvkBHZ2H308IPjsSzzIOUXHn1RzDn+M8BElxUJZed6e/72pOU7HQnEyx+NE0Y8/mH9JfVIJFX2LI3TigOOJTjUPDnlVNq98ZBX4iOP4JX8GSOZ63IJAkTl+YrZOzFAulwcXlnXdza6sv9aErVwB0ykn3+fOa6yxXWuS8Aljxw0tfPggZWnmWhVS3UF4p0teN2+3z3xSOv3kl7m72Vc9u+V3Fn5bMSFTqEWJKnRxwFRTFtQFLLqfAV07hakNrGhJLa4olXfU48glXGJ4EpU1j7/ydrYjc8UmZ1hx7Wp7tiDO7Rbx5Gplm5BZO7YuIKLIwEjJ+KWAv+URcCyeJ8uUEyFz0IQlXHNZ3SYoFDHpMvLcUY0U9bHU7wjHapcGk9/gCWPZyeYBNzZHxMpm61cccQWL6d6PoSwh4VsGtRI4ORkVDmOTfUCnLYClrNPsBX+Pogub4Xo1YwnyNepQ80QJ8BsLM5wFB3fxVwB4gDpw13iXZDF+GTzaoUf/r/2P8opZ5iP6JKrLyoO7P5YLzjTstot+Xo+F0UHFlbGMzpE4krh2Mw9BzoucWWd473wIOAUC9q7Th1SQ5OtjZ9kc6a3XRexccEyjnMPCZycghcjBfUg6wXvES4mJsOnnAfc6SzBO1rLhzarT0cvNLcxLhiCEt5FXDIfbhDAYrgEHQMcXDC0yyqBwRjn9o2LiB9Qb7hIuvqAHDnclYTLWxAdbjkus/lahuH2iN9gEG2fblCq4Fhz80fMhaCqqILTVvHGh98/GsGScg8li/j9p0Hbk/SGXZjinF3g5kBRGfo/ozI/s/2R3nhQ9uZgCC4fVtY5fkJKxJuF482Fbt4wPB/LWuQDy5Eq5625Vc63B3cWAcPd5z7csVEPhV1gyJfdyk4ecKu+G2EK2LAMYoMXPbhWCMfBq/qgiPkqY6yHani2Ruw/nklO51IA9pTM0U0f/tIHXWVwfEo+vGxVD6pc/y6wXzG8Byv2bToRC1uiAFiy8FZQQhGy8F0hno63DCi9zsK5TI8kNS5yc323PAGf3Qp1g3KIi0si+geTR70vTfgj9GY8XMJCOVl3M+OuGdf6oxQTxq4AgpZR7VlXl8XWtdI9NCzbt25SSLxes0+o/S976/3CnSw2ZUHzVe2hkzLT0K3/FdB7O1tnaRvgMzPVMSUDTDCpyg+QDjshOir0nZO0hBvjPvBRuZ0JY6uD8vTmZ9QFNgvYp9xUrMjxxr9V1xkf+IePc9lYGKCO2VU874x353DTtmAWMOwCVdos4s5QpuNWKQRN1volzKf5WhnYoE8FK18cBjfACOdhprWAcFo8DIBhhKWFjosVRTuo2PxANeqk+1pl9lnM4L5ww9fYUT+p746jV8gY0D36JaKPEhBauyItuuuOLVm6lC7pzhVi7aYD3V/jg34jXwjpIQyPFK730JFCZmypK3B/LFIVv+0BOLc1qqtiwtlvRDr4Kgq1YRBxVq5JII4RIqEQ3bRAHInwXRbKZg7Hpj47BxCJva1BwvHMOXZC4+VrGJTE2OZ8K4YUl4+wMJQ49LdpyAuYFuslEVFiZBDxu7yW3dH/NUhTp29AbvTtdsyD2Pu+ndfTIwvKaYsSa+TJH/fW7tG1AMIL6MD0cPXKWCT7+umExgrZbpdCWN2StkpR3yU4tISIXxICBYQzr2vii1NwBgsiF+SS3EsYPT636BGDcwTMq1ktD2bH2NK8l5Y0TyEcY7dznMNHG89bAEzASlVdsnII4LwIIx3gQp+pDbkaX4CKfJ2OBJOVLDnsrI/Aikc0VhWRexJELCgSCjy+TEwwm99a720yVJ7+JjRVAFANNkixAtbz/NSfNKLWH5jiMe56HudiU0uCAWUhOcF56Bk0ziCTIQ2pjUdjIFJGFCJDEcqRAUs2pLAvIFCOIXAXn4VMQK0htfHYDkToJxZSrb19tuugaH9hJIslbgqq8vR99P35U5KkO+l34DaIqJ+KAnyqXy3QUrmV77uCyW/dYCCcXeLkTQrSH8S+oATLQOZJJ1uc77wgDuDbvQ1kinXVQ0QDR/q6gQ1QQ+2owcnz3GMi7Q9gIIno/T0IhBq1ddPANx9PgcfLlh8wWIh0WHYR7QunpbDde16IgJXJB81jqz4iCZiPaGM+CcY0PkaStO6XbWgvAV4kLGS8+2P56N5uUtdAB0p8Rnzz6HgRKYfjcanSSYXDWU16u72LwUwZ+HMTiTHSiGSqHxtpBbCCjKiNwMITgqCMdwUoLkiXJR/xI5IYqp9TRsPN/0/XkHZNA+v5mZCShh9xholLLcQoV4Nf1g6k04RDgzTMR4CVXOTi7MyjI9Manc+9q+WKPjRVf/Q2QVkFs7IMkFdTdkCv/seJ2yo48b7KhGbOkLv+EqRFwGUqniFFcBOZEhXf7kuOjOC7vJlFXe5D+VNFoh0WcQiJhZT79hlvTu84BR4BQ51OtTQhhD/AIMws7i73E0Xa++zG0Fh0ETqi0YLCv0lE2Qk++wXnCe4iDN/ck+glgxsndH9GSJ117YpOkOtL3MSY7CamT9p+qoaOHhIN7g/8oE0aSGGQSAP8y4M4nPbOKe2zyxD4aY50Ta1ZQzYCkcD2LpL28kGJWUXIxexBBbersyS7qOClcPulmrjY4uvK/z7VFI0EtxZ8xM4PYaOd1alH5+NL8w9PoAZ3NofRO3eOvrq7q31wWP7wQZSX2byW7BoeaPAGHn2vyhL4yr8r+UVsM9CAwvAj+fe4EhOutE2F4uFG/mZDD+eDbm8ujvkiJDaqSGQiLFACR2QsGI+LoAXo83kdK65txqnFLxsKkq9C59S7/sfpbpn/igTulA9ReEFod/iuwtvslwYmQPU3eco6O/7vsfXQwBnqX+5w/YaYnRUYpbv8Nfuslf1fFgpGZERV1tyBucGIIKTnhhtnihiu8mNChrDZLpU/fSiCizAIZF3hnXsrAQE85eMa/Or45wKU7jbogZmcDVqDuc5/dKmGZYyltiTZMc3X72/UaBGDnkvmB70KnTk1B0hn3BrVbX/BzCgP20qHwsl2duyQxq4fU/yVtsa/dpkfzLRt50rsLbXcTVRVqEfeKrpJ+zpVsu6XGhvD7pDkw6BT/OK08zlYS+yDM8GbptFdZt2lC2aVA0H7uVJAZgxgKnXaCDu/avfPGx+MNb3ynrl32gCcO03Kkwi3TouIek2uv83VkbJkd4gJ+sanfX1dDdqSG1OSRpMzR1wxZaTjUV32qGVTDo9tg7sToKkumT2O5RvNDJ7jO2JFWY4xZzXcSgLa2BYz5k/66tKyvDmqIEw4DbYsObRaIIFOIkTPJGoAz78OizLJHTLVlCGbXFr6SItjxR5z7IiK6S9MOMIWQgzG0BHdef+BqmzIaHolmM7KececbVpxzZVFRN9Fk+k0PiWdE3dP/pK/DfTwoS6eS0TxUAqZANqqqQFa0uPHDnGC51sFnGgiD0T3HprCB8F+AWxdelfD1qQF/qsVHKf4b15d0jWyfDfQOdtYdcno00hkBp1k8Ycyqtzt9w1HELFqr832icRlC8xhUIncgoaL5dT5hnD5pqP6WTAl6XnujnOnOsAfq4cW3ABlkgy8kPIbSTUQzysFmZKnUizCGujkdfJ6cVLMKaoksJTmbVVx4t212hrgVYWV967CVZgOp1LOnIx4V+uAt6ZspdJDc5YvccOI2ikS7Tpl6f3OEnJ6KPMoTmNgFcKEktVXvKifDhWPEA5tepXy3OSJAq/2cjNwyNOrBZDVAjSDPQooLJeb8XcIYC/sCeS4TIe8TkgpVD+1GL0rCrF0ILL+sfHvKGw3uTg1D4/3Luqpm1O4o8hXv4+ScckA1Ikx0jaabZI9bs2XSoeTNMDxcw/6aTAavv31v9QUTwoHIvx5Kce1WdQBXS560pLYnxPoBGvZsiNbkDeItTQtoIL3noBjUZ61GcYmACjJOhB/ocn+L4GnIXrP8X6DtNYblN42AxF7u0UEjk8r+RAgS7RZCRYJ5JoZYnNOsO1pFHOOdrpIzSX1y9AeHgBUJJz3SUr/Xi1Mk18AQUu1eoroIUJXVNgRUKV6n/HUkg55dWyNdU9TvVCxzRlI23rqt+HjGe24JDIlSc/8ENE5RAvejEiJkexOtBZHGAq3L8lIHQq99M0CVIlO7GOATWqCeincECl7HXEKHraZkEKebsp7PH7PeRybTqibXExjsk7kYYKXaTqsbigWFymdjCKqzvs8gHfBJrkmwsFL9/70u67BN4YlcRpPBGFXyjp3sg/ulB33p/FWDERqvlhlc+DPpi+SuRJwnaJ4y6afB9LfhoDIU/eVXrfctb7EnaHF7UXuqH3SI2b0Wm92XBvemmO5jqoNayXoZfcggKZEOxTH2H0RxWwcdQd15Tgi4jJoWIpP5A/6Qt4TwgvmHbjSxcGJSJnds7wyJT89BzTUIpIC5VAZm0AjnT1dE3oqQB25eCcFeyMpG+FPjOfq3oGyHKgck2hclMGOc8U56tEMk6sZvQ0r/odlqEdKWG0QxfP2tBG2oxfRspefJJwymDURPXeN1rWnwJTXrGV0yIdkVDwW2jKRlqBYZyXpoCKq4kOq+JAzjAMLpWf2DYbx7CAOqTomLFKPT0FOSDaVWnQdVaQ1QkOwBwn2lohBG7qMQjCi2qluhxZijGBwBapScDak50QgFvjzEvkYdIsKE05UXRjjQnZ4zFegiUK9kpuOI03KpWogrkj0Z3UPXavJ3GjpiH7K+AgyMzcIyCRHhauLSzTMfMJN4uySUTSelLT+hQ7cZCTX/Dcx6tbRb7AMsuXKIVupcaho7OofLiRAL4yGjhKdwx1Eycze3aTcCHhB6R86ru8NcLzybEEVCHlHdbww/PKMkngTwdYecwjOfcgdhMzGiAHPy+LP8CV6hsSRaHeVNtqAFQOWe0+MJ57xOOD2UVu0gKaIFSICiOfZnatjfRRUSHjgdTnF3dQ5mNqtYrtU6MFV69pgF4w3kzZ6cYY9XNwF9PBNH4cFDNVWvP/mTCS4L568sNmCKCeOUR3leJgH20tnd0tWEFIsw6qtXOooKr+EA79iAH8ARdIDxqKlj+Lt2wViRDG025BXOZ6JcAoYO4pLHKm/iQBwFSUSrib928IyjfvBXURsoAQiR5fsKIcccpjMdYv1J1GVxGCrz+LgvEEPwXRSxAakCC3nsWfMJytXVJ+Yoc2+EVeNHKjqFPPyFNjVFJ7qYEECr+1+31V/WD9Yku7pT3w/IBYS2I6NWqORiuhy9plokMGX9zaL33eqoRbGgmABh3YZeg25K6LFw9unB2C6cs1/6qj6QjukF3hwC4KyQcEgF4HJ1hZvzy99fNWq+13tX3xd0Byw2eqhGdrYZXe8RZPXxL5BZwePeo4LjF3wrufcwzXSW52aJ7PD/xgo5ac0Wp+jt/56xFR1AVQ+qnyB9F6ziizquqi8FyzfOHejupHdXVO29i5rkQ+Vt6vZFUrxPXZXWyFEY1UgcX7IvEN+WpuwsKDtzj1Y2das+ELpC+eG5k6Tqex57o4N+ifuHLliMGuTBy2c1DnyTsyUuAKm3D/mnLV21NVPDbuz7409Ul1PRwNhIdYi3ICMZzw5QHzSSrf8wocfZMDOh6lnfYPuOT6h5rVu3EH3xok3btlkHd1uwbZ8mJXd2O+iTyXz/C6JxV79vfCaRxnpSSqBT9j3oM2tTefw+AtObeW3tC2M5Ep8NsEbAzhR7/2Ltt4WZa7/gCXmQKVokegReivZg50M2Y0JHF/QKdtOQg4rb3VORMAtEBXFmHorhYmJMnTQXpMALbLEH90XEO5sGAd+dlwTYJht+368TgSExDttX1dr+Jw4X/w+mpNmQhzQF3tsUjwEJCSn2gRZz1XpynY9oqo74xj2MKAVyCLLz7Vjhi/RJtuYFi3uFolz3GnZdrObbaUMMVb51ZroAabQ0+8+u079j04o9ZCib2nyp+mwyCrXOgiSZGQxsybqaWe10pCYbpQOkzSaocS6U3qRt5mvidXN2cfwSy71M4b0bTXFPFZ4gQKF3yxnC1vKVYibmwxP3OSzqNmb52RNdHXdEuhqpYWxn/3ia+7sqLlU9r3xRiPNE1LEAkU5tWXL1gEQa5fEtDHsKzh2Lzy/cxafNv9QYOfS2utZau31gRRdc0OuMqx9sB7t4Vjxemw9t+bVdV8OBZ9dX2aeptO5nR2JIfsvdP1rh0lcDF22ZrrNYLdfuzRDmJH+3jq8sHBbe4XExtCFa7e16dZSy+72uvFrHn2GyJtSVkJkWO/+AJi8yvstJYlZM+6lM6/kykBf1ko3ebpkreU5fSXRxpfj09ILt7WO5jH66tYUfIriH4BS36K6wmJ9Mf5DmYNTTwm4BZ7+zpmtVyS9IHPvMLkCl7FsyyW8zGj+X6EbmapWhOkQNJn23+LTSXS9h099gixb8a68YMv0OYjKphnRVe8cv9wEkyyt5mYK3i1Lfq0H8qFBVKSQ8t4TODuj5eyhJXyYohNiicSYkx53tVGylg9nWKs6OVbcvYrEyqdsi/mK6MXTnxKKee7ZBrvEQQfemwz9yghvP+VSgMUV2xYxREoEeLU8ZpdOqwpdqJIJYfS3X6NaA5h+u13XiaCjUjk2CMyIGmmPahtiSFSDJBe0ai8UZZEwJyqDnFVIHnjDLQRBmRTM+W3tNGfW8FmFwNYP4pA1vQLf/qABs1KvnNLzl7Dmtf7pa8BD68bDKZLLjA6aeDDD0OFejCqn8vrUg0skZ/dYFqWgjSSECavOTG9BlySS44SFYv61Gy0mOMwOch2ZUX9V1u/oorP3ow+Ij9ySADslKXpYxo9RlmjE/bbJf47Femylr8zFPsr+8HERJuBAwwcVOlhy64fCdNzBng6Qb2LhVxYqCHTEvZJSQuEwGDP1IwFSL0qntp29WLbTxHQ7HZtNzRSwyOPbXIDUVLT3JZS94OSbx+jyGjGHT5GmuMxKZqbwtYQ2I2u2K6f3xIgW+cAxLQxlIYFsEpKWxHZ8YmX9CTVJAPvDbLtjmbzKyNCnr0K3eCRj9dNtsmyyXa8SM8sYrLjTPOMoM94fn1KtDOFEG/Upj8HnciAMLSV4ApbL9Omm0hrk58RMI6RjFnieCMdgPBDJWt+UOrWtHIUIAYbt6jzk+ukGGyb6qZbis8XrJEf+tJySfShiHj/QUu1OijfrsXo6kXUI9tVezMY6416nhaWMTlhM+FzYy7QccP4tyKm0jzTlSjfbAen7reuNGcHQKZkn1NHGcUCfK8alztm1c6iZUX0mEPDtKSEyoQ6cH/vmaGPZazw9VYKuRozbUuabECPJwclytK0sguEsVoRyocqXP4kWmi2kCF+qyKF32bN09QEt4FHWNHwBmGFxVH5FK/2LxQMpittbLa0lXKZr8NdtujMCW8Firws7ZuhYOWmdJ+wVg8OiY+B/1jUl6yoovsyqNKd5CDfUp8y7nbhkTGInMhYpaffpGGUNckIcD2hn5pDvR4eaS595RUa7ZR9MFgbpQ/PZMtaB7zf/asshQEovmstQRZP5r8Dxd9N7QcZBuwSXeFkRvddeUM4jCzGbJzQuYGr4DRjzU6k7sZBGHTtVoYfE+vwc7zQ6ZJ5ksZT6fDzC/gY2nGKCrkBgkTfpPBIt55f/H7EcXOgMgc0a6qhf3qYdmTj5zRhUiYQ7rL2M8IteXtxFrEYT8PN7WdFF2IQMPSWaU3r8cUDa3/P2X0UMQgWt4P8z6pJfK/5g9EwubPCt8wQmILBI+dlV/v/UGHV0GFvKOBtLbk9cu4XVjE/ROGpl5TNhOJvpCqeaT5UUqKGJVaofk5Wd8m5tXf2Ol51XHs0mTBR+I9DN/7nqVR97rB+ueUmq2/xz4QZDfXHDzy65aY2l2gbM+vrqnhvIFLjKFrQW0BiU3rJiAVO+fAvNKRwcV1m6QNBbN7LSAmn/UmBeaa7lOkKx0Mgc5QCZ0QLOv4yy8Kb0Fphv4S1jtncHw+nqC/wbJTPgr2nlO6MLCh9whFUWNOKU0QKifncPfZmbsNLZE9jMNfS+bdg3gj+aL0oEssrE6sPSfNlY8EqP74HC+EJIkDItYEBuo1PFzkTDuh1SDZiqvwJd656fcamuW4cu+NKv/0krgfaxp5aZTgtf57KIGfrlp8972bquXvbdbui3DqQpN8y7v3T5sYqsSw7nYzvLCTHyk6BUSZwa6PUXpinj5xi3IXtUDwwgxsi5jUF4+tGp6PPXQJIfj6arOWjcFdAon8VOCGoVZsQOUefztJbwIXSpbgXFDNM3loQaGdXd8CiDRaaFS1VEKnJIoR6VqgJSqEIqUpHKrZeqDfcQNCoM0GblfbUYlUIXudtppQus6scEsCuqQCwn4HrLJjjJLUgi8gd7PJkSEKMsDWFF4a8mAek2Aou9Bfy/qC3RZSon8azgoxpT9SvEucZnH9kztYSPqn4JVuSXcEXR6ymxzXA7Cf+ERVT6EJfz22ZHNeUbkoRWLxgwYZEOb83TOis2GcuCqRVE3IRcoJ6NfrdALKgI+84RCtqFZORLeGq3Rh1PAbwYdyrOHm3RzA9W+DIa++9TqEV28qerGublFdiriLiSRqh0VQDOeMOkwpcGzpV3rIcaHbSci09X7SHbuauzEZrUxj92nE4NSZtX7KzO+prZ/vh4DbpZJHaqVgpRx1eij+2zJQ1hbm1DKNCGwo33W7X+R+TAjJE+j5bAFiWTwCLVXJoqggNbVYOK3bQZIzLYx+6mJpPvlaU2WCFvQFspj/rPv47YvdRwl62mLw9A0CkKhrj9voqOBwXJu8F36iZSxK1jP3ajQ+PbCtMx9tdkE+Rax31Eo8aDRPA7TJTcLQiM1Oxb7V3ROEjYqdoNv3dmifpy6SkwRsojDx5IwPrHL5BBla7y6izKHq/Db7xzPudtjbDVQOAdPL+L8duNx4Z16OQ3D31apVUOSvIndTDz8tJq4oB/hlo86lO+IM85BjRZLDFRziVIh9sdMp3Fqpj9X0imPU/pV9s8Z8wnx7JtpOeDtPJ+sIbDqEZ0UTf1ou/t2lf6P1t3e9jFBJrYiSQc9vYou9Bx0BZN9FeII48W7R8za7uaCfdA3hHuUQYe/Apg0NVg07xExcY24OY5qHQiHLpXaz3o3BVS0uRsqDRbVFTQiD60yDuwUqTCPZ7FjTVsuS1V092N321/znOgb+gYhTe/wkGDykOmTVRVSTOGphxkMaLOtWrdwYovE+pTvYBUJQigQYomskNWq8bXoWoM1afVWI2+SdFvW/UnC9H3GdsKAYAgtf1Bz+zprbYk3x17fdOrg1MKNnaNMIa1zmVbCuLmp3JGP2Wr7xQVDdlEJUzJspHYxdsKEzLMK1SyMkORDnulXq0Jxl4ekww6wYQieYmQhWIOCWUUl1wp16APS0IyRiW76miQI1UJjQ43IdIPW3LJHHPh+71IVb2OLUGt6Bs3Llcg/OJIGU8Xxm/EA1SwSYFLXV/rB6Gc6A7xan/6u5gTi39b9W8NwIz6E7gaV1Q5lYZs10q59+3lg+cAhUpjPbSguq9jKcLsGPXPmOzu7BbzW4gSdyahfbhmVxxiKbAXaU1iPCJRtA9bprKzgO+470aOk75sQw/vRR4hvyYgcql8DXBo8EhPtgMfMu5hwqYd0eC2Q177veKcMFEW6UFc6NCMGKSRKto6doQtL/LuEKOpaN5ZM5zNyBwVWo9Ey9XK5hHV5CFmL305D5qYtmOMlrh9Tak+USKhwtAPFM6ThtLd/wxs3LpmguVI14O7DmluUmdu7JPyW0lp3GSMMDp0tXBpdoMHt8depN/wrTAHaNnwSymxj+qrq/7RavIka4njLiy6DVNRG/ESE+S0tnUvBaGtbxnSgDxNBAJsSug6d0fLZkO449ZHMPJ+c5Z67kjVKnauJ8QRshj3RJ/WvKCiNDxk4gVKP9MMqBfxeLmoiV3XdpxgOoI6McHvZfkPxtho+XgR0lvzJfNsc8KXznHZWxLc4oeNa+cqkGFbSte1DjmQa2GFM1Hyy+6n+APm0C0BuuSxKa29mkuAdjJCQ1+tq0gFgnSvoMWTX0uL8QPUpKxe1ALtJh16/jELiVWE4ct7QZnCKHGkSrB87sd6vLFmLt1TEMVZqhT4VVMd2IaORSkpTM2K9GFY15JqtOlDOb8rmdPrVYaWgRAXJvpzqdpEChCsI+Cr+PI71RJ1q3WR2VTtPwYCrwKeaDWRpwHAAzebYw7W+JrWwAE433tn6d6dp10PEtoLbY6k2zOr7aNsL835P3fmlVzq6CnuT3lePOnvsn2/VdF7Vf2+1qspT86KREdA/2swq4deK+/tkKVCtGg7BhQXZ9pzhBzNTz6UVuSn1uuC/SkXd/X1TtijZpVx5d7VbvtkRRlNRzX8fhC1lgMNI9uZ+R+n8iaAdhjH6c3OqHAUrVOMfOODPYQNG73a3Hv+cVbKPvwmyf9pp/4BHhbAPNCS91BlA+DUzJPDUFkI6U+G6n/kQAmBvvie+4Kd0ZbEUqt5rIKkvYNPKT1jPhRDmivDneTGfXeGqbyX+iZunhDaoDvuVISVEk+ZbII8R+P4DYZAcZ9DdfxyXQXV3e+BE4H2zZnyK2NS0HUo/LduVPtFZwq65GyMlS/OLh+MBqugKoesmTXnbqjrc8xrcmJWeVSo8/bxymeWLC+Lb/pB7ZERe8BuuIych2nY8W/PZK6ip/tjTO6RGxJXuNdU6gSMjTw7xqY0a+CnleyG42UEvx99QOvNfjwNHf4KvTdKMFVtHA0TzEw6c5YzkrQX6Gt8zw+ZGneR6KtwK+vFQcS7D58divI95w4r4hF1dtUCgy3Qio5qOO1U/whMRPtd3IXa8jb8oA2kvk/Ia2moVn2UX+etC/ZCvus3+n8IAOLJFXyENvo8h0ybJYe2WIwfEYoO/VurbQ/tW/35zSPFxizKU48DiEOke+OLrqfNk93wJ8v2PRHI1SiJNlqAF/oBU6ZiEXJfdf5wEC9x8fX7QXPvjBV50VZYeDKvRJC0BuJ3qDQH6Dzot5R/nCJWN6nQJ+QK6VdD5PQWQ5fy/E3AbeIeRo5OtjHlkjlLf2kLSm91SFO+q62gKyR0/kiIT99lbCMP2UpoFHorcDuKYBNxEMLxcXAqiiqyyTKiQoQfZtKlDupy4E2suaeeMc8PD7D9PKPS5gCmJWtTb9/qN9Ef31jHRSEtUBKTlqk4jbz9i2kNOLXSspDhacXhtpGlLJiWHGYXiOVdc9HSNWEt+2euQa8NVM2Pq4mp8rsJyzGum9wTlvVWEpVlH2hs/uAa02GYYDXjBhfVbruNB1WSPakXqQZ7L8RUoXauZiFx6Qvc62zNzrev7+4FiFvhjxmZUJmOb0SPAZU7I8P8DGnbknLvqzJmiq6khKIzFBiVPazdPP/ug4QS2/zxy1ef6GMvEqMEOqI17aWLV+OKq1uQmGDdgr6NhrrMixQsFVddifStPwgzcFCtEWTCpl+t2yS0eIsI9OSm6P2fO0zH+IlzA97QpTmoUaDsR31oAGFQMfz+eXH3WNjY0kSrGnFl5/8EqjGqtDgbfRKuiGVmmnbr5Ou+Z0MLNbhfkIbzGGqQ6fpbZpboIF6q1eICCIf9kTtLL+I424eU6YcDG5X/b+cx9seoP+Yzm+q011QPwhNMeTvYqQNngwI/K8Ddez4Ym1KR2UhD+B8lCnq+u810/Xr8acDqodU+3Lco9LHPynsITrNyK98IM3M/D9Liyw3vrDzDy4xPujWYVajSidWq/+hVNHl4hnTsSHLVdO4kzbBG64M/MNueyaNwMQT5JKsU4zlU6ythtZGGV1pvmBnwd2vUnldiFMSmj4XZgvxRgi3o2Vj2YBZaCp7R5Ozax1/QdShL6D7mfmE7ww1O6SM0jN4DeuG1mP8Vj7Dv6lGk+x2KMD51fVzVbGdyNsZ10MIZfXV2zxej8EOTst9kx23yWTql6gR5XQfhkDpEfu6LL7vmQyZLu03wX6u+xPlgHxSaGvi6+AK89c7dJqYA+sX6piY3GKnKiwkxFpXSh+hMvxVq+P2723d26kAUXV91JL6Irc82/FtWnjbWPBcY8R2pdoLeTxwJemaIjgnadoqh/g6BvC+o0libHtHuhD98FqsP7rB/AOL1q7dZhR4rozs87kQvQuK91OHiGOPeQIIBfTVRVPRbWyQmuHncY4CpwVyddfZKHIJYZCLmUMUMFaHj9lBCGCO7vbYysp0QDOyVvmrJX5KO3zGo3K5MyASUkx2ktE8PRYMfj5A7B5xLSyxn4HGgNzIaDh3mnA06MzzLrBNBdbNhzIGst6yZ8M6Ck/hUOoKoxBdzSW52RpREfyjHjp3mNyqE3cMJOQi3YTB/0+tBeKvat/I7WSN6X9Fs9p6Syvyol6blKtzPeKAv3WiUC4v2gjlcRBF/BgO5T6eKmmzIEh0f9cczcpUT2dbbcIprYrWTDn8WsZ5sQGTyxbW1r1Z6M7eh2TyCteFDRRK0pfnY49vazuiiOc6hnCkv3rjsYanZAhuiM4duY5c98L3RMiMZa36PKeUymmYnKLryeXMpIC9fQw2y5Puh9dHBGBDoJjn08nsDQSpPjXq/26zb8agI1r0Mab5JmNQAH33Anktlh+35mTa6l568yN/OSyG/O4VD3uAEv1UDwyeuQuWlul8kl7t/9Nu/VA+J5M2kmhywb1FWlmEDHx4dQlCSeRJPNv5YpIMOK6h4e/DnotdPygNg/V2ADFr/K00kF/dPZ2iUr9BCgzpmsSCumvOESJ9jkMM/88a2GO+BceTUupLBFdew4toCL4NA9chRtiqYQZ8xy9z151D9wHe15URxbxTVKkzHZqN7hdaxItX63aHppsxDHysbt5ROq45zAPpHsqtGJFJy76GPlTKFO8ea5GVIQm5HiXXc02IB2111KSDrGnaPZy8atpRGCRktff1gUcEvMmwAk/hu1fKlC0Q5xaqTGrq1cG/OupJd3CXKluFFn8G6qhFMiVmtG5uy5qPeL/RgZTrDpt4i3aIzMh0zJvR4Ke+u02rIb94QnvbfKZ2bn+AoZDVNiwyplInOstoZYm2prH52Qx6AHSw74qP/OhMpnY/OqMSYzE8nfHdw+Rddl/6KcPkm2ZRhanYGm7I2dDK26CR0iVT1X4gnZ7Id9PR7MIbXDvquDSFpQqIMKUNFEhreD1IBqh4Kow4FUj5d92eH3DzFiJ2oV2QxUQseoKHwmE4FI4z5PFkson4h7MSS/YTZpt8CeesrCytSgUvU4EOo0WTwdF3EhIUgP/5xa/BTcIBV45LKJhhnSMy1xYw0tLBaho06uRdJnHas9jQHaLuMKm4oIZdRCy2Wwz7PaUgFsB+IVR8g9mIDPQiHnRPX4BGv29WiyRwRwn5bXWTo3Wv62655r+6Q0MY9T1bWWIlzedz9SiU2rlSsfU2uYO2kCIZuVtRVyssxC7bgVE/+0K+FzUHNsD6qGKBvMp1ygHm2jmE7ntFyYW7DA8N5d2U8JyHN8EgO2FR5KvaKmQubaOM2uvvoDH9HnG/fvs7+DF2Aw26E8hdiEkIqSPaFGAt1xzf4QTyX8BHk9JMzauH6Vjg+sqk/lkez7b/2kBTxI3FWbZL73UmsZP/3XVEs0lY4jxSk+/46fQPD5XOeWxKL2jOAnA3WQQIoC47ZIWIwWWwKf9yKXKgMh+YVr5LFY8ueo2G6WejgR9sZMVYc8yUhw3YF7mkp0tExrSdyPNbhilaS8drNV5tpezwBjJddIImw7cnioVRyUO7hd7A360WNCtuZgk7O/DKB3+W+TxuoSKlDdqfkD/cn8d3fLFIiQZC1W3Tim0krm37BEwSbzLnOM4ByPWD98mUO+BGYI93Ubosu5107Yodi3i6T2+d4uTF3aS+V+fNsuSw9B5h0HN7r2n82mLvlLxfmRlMLiLtZdEpbrl1xSDm05Wy2XGhCuVvZc4vV70n92lfQJE3/g+i6O8pz9f15wYdicX8/2lMB9MrwES13+Ld7/+Suv/yIP2USu/j0jhkH912+PMxfDUyrSD39Fc21Wryd6nf9uf1+8pCfPd7DZmOXn5THXj/5nB320Vzc8xnw451hRPdsscfwX9rEQP3q2v1wEhX2t1ibFPfm2gg2RV3j9CfEKbnIVKJrBBaXvJUpxmmYetyn78FNEqWztUeax7mg97rXWMoxCNyeaozkBP/ZbmvMY/cm4lU63I5gTHEQMRn1a+Lmv7ZeoWEwXDqUER0dEQ3ONLd8+FcEFfDzklhZ5RA6nrOJC2VTAbznNvefryDa7Ek16HabvqSNUEBsavQZC14nloGcoVYcuab0xClArgQ6G7HPR/SzBtBQcWxUuppf8r8QT/c7YitSl/xF9NhBcuYY5d1Gf0coIQSY9PfVl58Smb8hnijKOWNfbv6Yq//e9h/4vq5d3ThNYEcumvTPyeNudkrVQN7DUmrUSVBch/LnkTAnZi5OdOGNPITQx1aVImpD3CziiOYj6cOHIcSQzQ9ZdP9h5xZ8Z5wNOhfYyJuheQD46L6Mdp4aJrLJSgUVnmA8YoZD+eXFUVSkuwvTxI6n7Gu/1FZNk0KPpg9QMabZBKqb9bSzCgXRLQAU89TMOQBStLY6ZPZWiWsdkNe+7zXBj9ZfhYzW1TUZbahr81Xc90VP+plCatmvzyB7Rnmvg0Pb6DSBp4q1QXOjmoRaQtHW4FqTy5tki2FNuIx4K3Q1pm389JRvGyROlriZvWjLjz1BVk7anhyGvvVpzpMXFE4hz7w9oVowaDEgD43U3NMyyyWkilERx+VSuMwKyvr4TfNrNPUl8yKBE6JF6MpWsi561/rKbQeXHI+/8JvEsFMWU3KuRELR22ib/grXWDIhfwj/qbyghn35iSa+hWOMaE0yPfc+XA5E2vu8qgYhu3zGHx8edRwA9y/A10qLlKuda3NXb77oadtu4gpDdlDWjM9aL74Vnk77oOHkAXoHRkGgmNS5OfypYzCSEB5UFttUWwPWrtSaTu/7Vd/boruYfMyskxEjfC6dqIZhcfHSdjge8KIK8t2qDb9xfww/LZ0edYe276hG4fSoRwdLKiurFxyUOnSbHoU3uvLszyYgSbSqJF0fm8JDJIeyUxUQ+LwpirtgHkfy1A/grAuJD5AT2zK9p4z3+okqUGxiJuIyH4/xoHrcYf5/jyYUVhoQalt8HGDagC0lKsnr9GIUY5GcAW+2Ybpkw+h4B34ldRanQV3kHSnzUvQ2yT4r3JwpGRsX+DOaKpzNFHlVUrKBLsBUwiifVsfCHFGoJZMYoHyebckcuLsihAb4wH1nUUQyLWpLLT7C+IlZ2j0zFX8iNLbpNYp89vP7zOrARHpwVXpvVjAeso900PD1REhqZJb+0ORCPlLvLdWzvXGLMMDxaLFuUEkRgGHtfR3A1TCEbmfiPcIPrtTf165BR1+X8O0pqn0xtKDXtIZa+BK+a3z5hEzcx97oQLcom3q7YZxGhOCSKY9E91mdc0hZa5Sw5x6gP7poFwz21EMtFjoaR5/ruvWUKl87zlCcUxetOAOtCgWbKxvM0RgXbj40KjuNdESsz8gJ6jbcyUXWFzd3lo2y8WRzH2+JQLErmDVV8oQT3JVhRGamsrNf/1ME64GYFICOWL1d0upYEnzNX2sC1VKIWlOUJ75xI479XSe3Lw7szYoaP/JEfvaIF491U/apFaNPcKciasFDHPVIMPXdrPHpnb2ILT7zzNztn4Aqz3QrR6uRKH/RgV8HPypULCC6Wkqyf9j1GiadzNsthOlOLMdHuCMUlX4ArmVgkup1Qut2hmLXEdfG+IaGJp05DqWSCaN97PZh2JHcmKgLriewOHTd4gPCedSmgqpFB8tnR0tze/KuI8/yK2BLNO/cIIouP66iSTNtu/Ns/6IybzRBag/7KMlTbnq+9u0Dbm2GX9SFlv/wPG91VFInHbo1ROyR1aVRr51N8ICY2SaMFery2DfyLCyc/mxL2pwQ6KicSXAevoz0HBFBjkEAyeVm4Lc5Ejw02SyXstD+lB0KCAGIGD6Qh45R3FttmGkkN/HK7zN50vY0F8uIzmDn/S8hcnDAS0l1lOfdeLo3DRYuqIbwbvdeSiXSwjzu+dDx9x9X/PLOMgEVqsdHFYZ/odp7v/69C+6HW0GXIwS82+L0v4aihp0RIRIBGTQO111h9oa0FlRVFPyGjFCIGl43CYEIzL6Q/FIwGHFaZG7nQW1iB2aCMhvOuTZCpMJiWt2puGTeQN+oyysnr9YiFYks4YJUNUSXHiMgeiEIpyEkQZkl3sEgosIDKauwTsMlHimRlHv/gYgaIZHQBFHvHX0ACVTVCOdGiFVZxFNbrJGGyqffu9h771os3BDpIF5EV33Rx8LvFOq0sCWu4YytcbZ13Xls8XMtTXBRm/7xg6lVJWHv8euhXeyKd1dla+X/2aPKcbLi9U5Ihy7ZLmNpGp7BFFRND/NUxbGddpe0K/mBzjUgd2iyzS/KDtUFEVifAdmHjcFJmJgfVamd3AcmGi3QSBYgxIndd1cRgpdsmSskMi+Zj2PCzDQvbx3SLqPbvlggnEaJUqvSIt5JSxW4tW7w5efQkT9WQ1b2a4U6lRH2zQ6L0eBEMnLG40yppRFJBRVZME+SV4M3m7ZNVWdEneEYikWQgRVU+ZEdAY+mx+DiY9dg3OoG1b3RPXpkNXA5h4B2j8f5vrcwUZ99RpkT5GVaNt0w5jMEfFThksRM9+ksQFMeivCjxzO6P0o6iRzaMKZcZC8dG8Ep6JAjRjqOPkBnHMFn7I6AJmQZDAMZlNiksHMCQWQRAp2GUw4kd0B3s8nUeCOq+0TVMXU471buLSKI+UEep+Ltg1bd1xFJVkTBZ68nes3LRjPM5hPgMMDrcnC2IQlIaEpXoQmdnXJSGVxKsyOkaIXMocMhvJ3GRi3xFRXQyYW2Ix6buXA3Gu+YQ7LstCasCyQU7YFZSL4odqHCF1f7tQetw9Yafni9cmnvTIWHCS/9jt4Z+reHEB/elL75Tgtz2odKNyRp37QJPGl23EcebesZl6TPifk8mR6WYUVM4OoN41rWWM1ABfvJh8UJZQxqNgxOT+0pxIOiE3hbEHFUwy3xvcctav9zsmKiyRHa/0qa9UJyiJ1XEksuggqnOg9V6m/25CkUfiBxi7bqAw5t1C/bWnxupn0a2iUMvQE4U6Ha4MtTFiXuRktVMHp0QiDx4JMsSYwNRI67/Ex/UC8Z4g3qHHRysZOEBQ1HsG01G1WjO1/MG/yxfB+XaNm0uqDeCv8yKZI+khZkBkUPrOHkiOHe17R52z12UR+D6Y/FJz0HXCouZNIUY2MMJjdr/PQk4O65n3ECTSZJrowWQ8/B8HUPhtliyw7Co0KndfUrKuKaknCXClhKr86M3mOCIWOi8nBUhkuRk+lZYQP8cQI1+U4wwJkdb47iBi0vUrbxPCJF3CY8Ujn9JgNflFRp/gVczrDXiXWJUEwny1g3tBwP1uOkCHY54MbKXadM14Lwp92wmVvD4UeZVKzjJ/OZS7wDvnHQmhESyzT1hhIT8gQ/L2PYPnKPJ/JwK8lg2nEoSVcfU0eerfzBBcUo3c4PkLECDKkE6f8TADEti2FE7iRSA/NAtRrYx5X3RFmE30P9YUFf10Owor0M3YkC1o9VUdq7xpSkUJq0OJxSuJQstFV5Hwl0FjQ3yvRDgy9mEz8uvI5ccfwtkjb5MiUMMlouFIhzLbCZNBsVqS9q65Fq05w+9UJ2ZjvnjaMx9GWiysuD+zpUGQsXSurLEumjyyrUz6aBzwjkutwGpMaCAosndPUN+wvBaHXWF56mo2ldZzdVW1erFEMImIH+5/jsvDfK4RAAVabBcszA2raPQIvu0va8+JAPRlWNCCNSfcCg4TeVrGt/ix4qMmNMUzpGonRoRB4BUet8NQJh2fmHnneciqwrXNOh0Quel+6CvhBx2GHPntCvXtTb1/7v27n5XL/RB5o/Ruf+dI0gWJEFlKUABpfzTLF5MFFXHoKELhbdjT3kbLNtUB4RpvCdIN57U1vEdIqbnHF9mQbg3VLPn7BJX89+09nD21/5h1DLE3GLu17tx7gQhoikvs6FoBwntP8wfpHSqemCFSLUiO8enRsrTxcQgTsLbmabWuUx8HQ7V7xiyPjM2uJtjYEk6kBtXbIEKfkr02YqEhKH7Pu7PRO5mZbtpIs2lXt267b+PxgLDYNvPt7+4bPyKhs0ElUqCtWL73JWS92A5xQMbU6QeMo04ZVgiS6ya7vHMWw7rp446uGEaxQTKtQjmtpV7YxUOVZe8UHWjgdNQOyuAXuDYVy7V+5AuMnHdzvlOGYf72j5kKFYz6QEOOhygtQXGiDif8wt9TLMPvlG+VkStYEJGMxFDL35MPoYkLncXSUVP+0TkCGJ3SJD6Gpeuma4BckNazUWmniW55xmqKwK52/IsiSHwGYmWu1JDcGOF1duK58+jR5BkiSOxND7eErarTNkh+hdcNqLblgcaFJPWfbf5OhBJRqM4v7uU5ROLkknN978A5vfDbF9Db0mF2hB20hDatUww34SaQbWHLOZ+pxgaPrwnZoTPiQMWD5veSbxAxg46lfZDWmS7tSTJygwjntCstAeOo+buixVX9NZJ9c906ge+Ms8OdFQLLxYsSwJXaTk1FjyGpSkg9EpWZfZuxvh0cj1YYDASQV0P0wnkirU4uKVSKDVhgYtRsBj5hGArglAddsI2gCrqbs529T7h2D1b7UNFBylL43WD2/nTTjoRUbwNCXLZscDuwnKgaKhQKOFIMjHUnn8NRWPWDrlHuLjm14H0eP91frj2lB2V686MNANI8MDqAOsmquAnwshHxa82JNqg+Fpo1SlwvQ2nJxGrAFON4eSSOe6xr45RsrMhgj3x+8jqCV8HkJRbJzQYm9Sa1doKN2Trwcv8qEQkMRgKHIqVX1uQ0MXXOvkhGlCM41Hp6dpPAoQ9uQ7gCXz3Tq2qYp2/pP89PjtXbjYBpwG7D/fC/Xa8RLEMKaTWTfqUJPt4UAgnT6qD8mJBfX50PRCZeiDg41agFyNGhu6jNHdlINFBX4XZTIXytsT9qsSs711uZehObvOVzmbvuc0elZVpSUYtDG/fYFuVyc3lQVg0RtffD90fwJFTdS11VG5cS4FDQjhcmUsPzy64idIwANgDmc5nXFVgLYVgzZSE8AdJacZMXGVkcjIV73W+8m+n97vmuTYhcBNLhk8stvDlDNcQz06oMaoqMpsKc42uvo8tz0f+Of8jS0bhOv+XMloWKPdsD2CNbRreFAoAWmpMPN4MPUUZN/hrDFlc8Vm13iLY3CZEMCwPRnAGWIn3tbm3BAnFN3HEralTZCOtqHNfGfq8Nm+osw1Z4Vx+kn6x7GDZIy/s5Ye76/4kTSNGrCtB3PRRz1EWxtVjJkKNcWE2D1KOt+Luf3k3zghDYuiLmTYVRfSZvtijkGRCmA7RGYJYaqSpR9WO0aM4+Q5VLXu+9KuS9TrV7FMP1hWmS6H1D43FDPNfcjfTuko7XEqYigj9LRBZjM6uGl6NGdwCJomsbEoz9liJOupp5c/2I+r2PGoRMLkeGQzrxQqu2Bq8+ZqUTDLdmNQqPo9TuH4f3X3LWMvOTJpN20UIDTGDDYMiQH29HQCAguR9sVe0nOP+uLRG66AuXsLQpPJmoh7l4hsipIAGqyqMAY/U2CQV+AsA2oS34dJUVOsq3mbp5Zi2o6+6U/LO3HmbmFN9S6miMt3ajg5rImj20E8nhoUBVcUYkhPm2Kh8W89zLCPaLbczKCQKzjhFe4+x68TYwweDl9B40pDTXp2lN5pvm5IJRlbO6iIYUu1oD1KSvqUeRYV9K21KfQjTEep51rUCc74wf1L1Dhx91eaS8QfDot8tGGAtkIkLxN8pCaLIRFCtWZMNA6kGYhkZCJSTo8+9LM9a2zZXukbvOtcNo5nnrxHX3wPXwKo2f9ULnuUk9Yu7/PKb7NxlErK4DVr3lQVPahsJlxKL3n2dUNCTzkh/Pa/oilrWRRt4ZM/ewaNjT0qlqTU6BVh7H8ezo1tSLu7Ln2Zr9NUMh+CTQrC9pCKvWiH5KO5g/YTJt7cHpeRTFwpCQmw4z3p4rKzbCbSR5KBhFB/Y2Uo/O04DXm5q+4xp2dz1CzosKeV3nCgQ7GQQjqg+eB2jxFCcINHIy6Co+sIxc0xyFP8DidGtvegOu/+RSSoUvNetLjcCM1emcY40Qn9MBJZQ9NvSn4ItXn0bX4SuFABchKFYoU39hSPnRoS/Q41xmTDfY7U3k+jso8D7nQrNtX0qfGF3tA/gbSYmvhl7FYeTmnNupPaL2QuOTePGZfy5k5M0kmPxXMYB9738bvY5k+uNzQzj/Xe5Nu0ECpL3+MHU8M5YGIZIp9Q7VDtKAxrqzUxkn039+1Ztliu6DsheYx2z37V0B0ACdTFfLxuhP8TOZLKmXFUBm36nPhpe9kjMSE7s1hm9/4y9v0Rw4rTHi9gU3byLIvro3T07anxtOKbTA3x+JomzXMTwIkqGDLhSqMHx+fjswqMrW0VlG6x3GxNPjnATBObfXdUQnUMGrlP+I/m1ry3x4Vg+1J9j4jVkJuLWgQFrYcaIp4RbsDRahOhXDW8u2XrEWVoOLP2teRfpJn5JGGeHYleim6I6Iig54THgGEzMPbIOrw85f/A8m8a7bdYDKYeyIdKnva/LYa/YuGKOJhhblNfzc3w8Qd3d9k7hIsuEfJE5E4/qIJ+g+tzyA7v0jrUruqBf9U/Z+YwWvbQyor9iRd5ycGhXYgxGQhUPhrdDXQSUBHHK500sYbI1sCy98PT5OCT1WIpOIhj5rSLcP48mGpc59GCb8EH/6MkY4aHmbeo/fk4/XvVOLF62fe1OVufmx4r4bfRs1MJWkNvYnEoNEGrXBviLHSpzKFQ4oC6ICPdN+LCPOa2oR/oUlI9WOQKIMmU3h6nwL+CKLSroY+VrKl5nf1ChzENa2PaKoV3CIPBO9R153DVqEdlemDmKpSS53idR1x9SJMk8aqHSIUcMoQHAXyr2Sb90RIii2uv1rzSeo8K9ir40+GHw8tLAUFmRuBIvL4YUoNyyplNSQJlYfoxtaXBkAMZg6bakuLqJzIyggvHwqUeuFfNyTCUXYPoYNfKk4+aADUJukXtK/03Jf++P9uEYJDqUGPNXKOfQuslqfHPpEqexb3AVJkwvOUQ+ePFjVPZs5OomELWL72yGGgZ+RaYRorOgNZQalBFLZZSxsVRP1YJfCc3v8SMgkc7+g+OHAYZ01SbPEcgq5d+LmCTRhXpoDdO8IepbGv/bEIVZKu8iBi2lyi1Cg2NYCQLzVWkfKLqm5nonUUkuLU/S+5X6FgOHPLizrQXObm1i/7zA29vo1peYkFCLxc37zfaGjcWEmp8+09oOULYw4Uw/qVXrXC2fdsgXVZLC99fAFGgenJ7khOXg7tHJO/fQ9+L4aPgKh6KYWM3j2m56CRN0586CyxV07bgOYnZzn5A6B9MJ+++9perrFA/pqfmy00o9DFwdy+bjYx/UfZ99XkytoBzMGfpeimaLw8FTjfCE8nGapxBfh/54h5ozkKCFkxUSD2An0zh3rlqcYXrq4F7VY4rWSug7b/jA7/3PiCqZP7u/TJbkVk+871ZDx6UmiyLj1hTMT33G2LMWnzjyvOsO9tmv7lyUWm7rdj6z+29yXAv+lZEnnejzepbHT+7vCwvspR6QCBjxaMMxYdUChsPlbdfsqZCWCPTw8EtpH2s862XyoIte6dOV98kXIjvduhjLyNwFn9L+hoXGz5PWZO9q8TEwKtWvyBWfz0JYNQITxyQBUocU/bJiSzaGujklRN3VSVbnfje/7aiv9i3S94qJYja1sSdFeLyFpGHOlXhkeOjBjL4gHgPKOzsSEKY4nzapdNGkr5m283tIRDqxcCwKYEdLe8VWXRHrohkRHTp+tOPJ9X78/68t1kfYwpk5fhWsvUjCpHo/ql1vGQ0kD3XfabW4Hq806P98Er6xC2E/LwNLwyiNBUt9RJi+wBFgluYzYmSKB82tZ0tpRKGwqKbfEHKSYVkSuuYQ5gunV2PT7m+X99fkmABenQsOAp20IMbGIRY/hVIciF0AlRUVB7hCXTG0uZCoOGKQAQQYFOxuHQGsVLBFUjkUPvvLIEG6n/CEPbrsidtYPPvnxu38afJb898LJtsDG7r+smqw9+H7yu2JDsSZzo9WyOtH1bCeUaqrYXq4+pGIpRo1O4qC2uBSTEKaZhwIxXfmRKeFNLN9aGUrY5YnippG4o+5sF4/7AoU8/iA9+8/l+10/fai59X/Rus2WeU8TWQ7slEIRTCuoNm6lP1qLvgidmDbbhbxISJmNZQ22CF2j3xFUDOAfTfXwqunp49C87Fq6f6rnsomhiNcl/zNL41CTQD/edBT04VnTyonz4otgWRrU1DLLEh1e0CdErRwZZQ+kDwIZ/P5quXJOrbLz2b/ej152gJC6umYtOag6q5GlRSjIOEjeUcLhvCdF4fLUL+w2w7WztJZFL12xzPsSykBwflBza3i0gNQm6bnVY6pTg9wYZIAFVLM6p6b4vdpyCxqSZcLIUMdu5en7ZfyqAPuWDN09HSPGIYivRtDC3CB11zteTHSb8XmVHdigrAqfAOIslh3e4yYNSY+41+byL7ETU+KLg4Du/tgx3V2UnKAVj3EbsqYR/OEzeE3yOLG5VvL2rUw0bZCuxGIS5GXRb0x4epG5U7zCQP0c1UQ7ztagiijQ0EdvV+Dibygo6rRSBQHP4ZwjgxL1nDH8K3ez8+FytAOCx09BSJ8IDXZ7hLNmsfxYZxr4+mIKb0P8O7Axs9CiJ4vXyvPQCOaKf3XiNLOlYv1SGl2b2BRN85hiL0inw5DJAcdWqdq7AJD59+Q2mrcu2MGg2ICQCAcrUIR4xbgxfhwwkq+DjKKv6vxILXSObRqvRiHlg2qacysEx36hiYy05cMv2RAiZKpOzdKa/dTT6T+qomz+2GXzGt494ege2Z0fX6GhWPXntkyEU1cEIifjhNhhY2nv3Z5kBiYT1p8XQTMgR2lYVdSGTSE7A1hKZiaoE3Zi8a0x5wwjvEeTk+JpweAVaSBhjuIBpoxLFEPEgwBrhCwh8sBBzGi21N0CQlgGECit1AaleaarqTQMMxmbOne9DBxJh0h1MF3HGVwNxSmoQrhBp8/wFdn1bqkb0JrLYM2JD0UpQE4PSbD0BpZw1xo00Ahrg8sIU8wAY6N5Y0FDRY48jjsH9rH+//5MF1/cgoY3Wtwf9Y2tNfmkZSUTSDBieSdC6i5VLuUKCgsbkkZnRnHXLSL8rB4KawVIq3Pn6MI5lYX/D+WHUCP65/OY7X7blVBxw2eWYjBFK78WkMbYFW50+PHAnht2pUGFyiJnosA1+KebWjrTVlD0MU36ZYl/AzBw2pCUh4//AU6IDQPCinAWlKyaQJD3NvulZPsF7lJ/shNeioi3FFeaWlp3+O4mD3XJYTJkmCPGxw5Qky6RW4lhfqEhKf9OYfH//Kx7kVVnWqm1VLuQEnumC9+G6gLLopqnl71qucMim8+UfcfWxK3pAqOB7F93nc8COXiseMdQq3HlLJ6JEgwG+1B1kVJBae5bY8b6UtECRg6sIlG1vpnljsXoSflhEcDLFEOc7Yt7KaM5mkC3I1AA7fKPFI7c7LbcvA6p0R9p38I3yXj7m8wF4nlXXH05Aies2btMcO/JAQKxSLcEv8WFM+78tD5Wbge4zqjCg3C2fMt7tmvS/JkioTQ/7u80U2iCjwmMtW0tRx5+icEZSKOI+evmw8k2mqAYdoBIyUW72hpNv7PIq5YyXEPON4hCOvWpI5BSxZUwpsIRI++I1UweGepIdCcBo13FXuUQl8tkYFwA0gqh+FUa2p6W8culGW3jjD8VUOzQo4i5BfMkci8caShu/q9TON2RlzE2TVxI2C5XLkviMPiZq1D6JSn2HSiSB0sYImtDk34DnWtcJHd+aU3qm3lF5C2Fn8M+pepWqnMZ6qa/j7fzfBZO19vrhvtfayCiveAIa37f5ooq9ywGtoCluIQ+pElOYTtof8KmojlSsv+6kUfOll9fj8gZyP2EdegOk7hxxXBmeUAaBnWd+QRV3wYq5lpSF/8dNALVONs3PzCLLytDhepEV668zFXA4uI5AJeWSfoCP3+tzSF6kTznY/b44SvICn1YT/qAxy11hD5Opj45Jhkx4QK1q5F8QVP/su5+68wQx9e3M7DJDoKbh+A3b/xM1ycTjcwLCT9CSeLQk/Yf1kxDnEqQ0BgvD6VO69BQpxW9YCC3zQio9F/BjIa3+dJD1Eq8uHxkBB0P6JkOqnTh53dL9fPoptLO1vcaCgmQtPJN/gWForgtojZTUa7bRJ6FVV7Wwbwij9nsxdw4DSrfZKUVjaiiplWi/z6cIBWe1lXOSWfDOp1erNt1HBf3RqZWo7mh2lNypsyONx8JUCnL1cjKG93W42EqFGGHT0+OhKC3859wnWTq5tS6xKrWQ14I5RIHTxGcSAMaGt6WKGK7EqkKxSeDxVCBGDuqCVoKnz2u/tfKhUf+CZHSeNM5RNt/ExFZ3YqDunanseRgFSibsx7lvKtZxNUCdq3Mq38rmk+NbCkpunT9xYJ70EQkxRS5TE5brTfr+BMAgDUdgLJ7ml3OI7qbndEkFQ3yg73KwuQCjLnpcXb9fVWxNVqCXp1q01hquOEX9u36SbBTeK7gRDbZVpnBAEtB8x0bVmMlB1SNaa6rBmdejuiOfjNXSRhzvPSAGFtC5m1hFZg0F+onMo8QYOfBhVyI4W5ZOah0DQcAWrzdfAKvDgL5kJW6gN/CDMUzG3XwejY7vzHnAg0uzBgEI5OvqPyHY4evs4+EtEWvk4MBJccEA/MeJTIFR4l4/+S14WVDfpnww4UDow0Hmxqf8WBEt0+v7Z0X6Rgiknl8LveOElwD+dFxGrZ7wn+edCjBJ+0+TLbw8puwd71Mt8sh6halRQtSynWPihwY5qTNENv6eIi3IxYyGK8KlbP9ywxngbuOyOPOvDUufO2C33zL+39MiBO3x+iflplAvUgBr4u0T5lqkAhbpHGYJ/DIqKyu/jTIzRSjNTNqcgH9Yl01nzcnQsWOyJ1HfB9nRUc4RTLKGjgEi8y7cyJfgHBGMaSPvvH/AnTbs7gSjWZOdtkmPUmuHoYqj4x89lXPiQcX9A1iS0ePLpti0apVv6lknzdO1FNqUhLLx6pGJLanDgV0i4M0j/Tzvrb3fIO43jZlAo1iL+DPr75jTb4B2c9UN9Dzz93PVPMHezIvj44nMi8khhRHzYx6fTU5TwimQT2eu0xE+lYI0qAundsG0fyrhrL2hDqx59VREWkXKmFdyiLf7JPgYw4N4+Fk5c7273Yuti9hy5Tc5Fqug9g43SiVXb3RBtVO1DMRxr1BUDv4idz9SQy3xPt4n6TxQltIX1AVGZUZE43L1h1kiJ97dXchtepW14jbY70zfvZSlOnxP5flrshnlHbfbDEv0yvboH38+apvjluLYZ6cyfd+Cdkl9HbFnYecLHmODeCUvvhK1/wsThyq50aOjNkq0GuFJx0O7Vl0rQxEFcodhdfRRWB5zIRK+iqDZldv1iPFVanY4YqhO1ccyaY9oSB1UNHftzRRlqNBqewSHzBZDCtNfwLdPBwnmd67Zr8DLOmasnoPV2tIHZPQnnOSdfMD+J02Meay/xaMc7y0wTkDGd0CBvWrFpkGgAhaaExh72DibB7anbwiBY9s9oOhj6MQPzPKrGJK1cag8G2023122YOzWL0WpsD9sAlTQA5fU0hhF00Zwwpef+GKgDzoPMWMMMI/7SDkAIkPYDKRpUXioPYdFD4x5tSP2m0AqmNQ/OJZJXr2Dc8DXoMdGSnuDV+eMhHRM2si8/SeIwHj+L7SIaLPwfn9w+Jye31a8fk+YH+zaKfH8L9XdqEPKtSG27Rim3kW35fwxg4zOFASNvjmEqEZE/fNVvKIJlxHrAavmQmzogD7rgVF3gnGUC9MYxaSDyTm3+jIppqt1E1dkXesHyTP4iZVwLrI/pCzdXiSW9KILHU+iVfedgsARrRpmYz8jc9tTdfgt33WdAg+p03MImjHHowHs94Iv9Fzc5ADuENOUlxrur3fu9+nSlqAWGUCHNkgycBAk48XwNJXc+datD/sMjfZhB2tVDftOT3ZMOG30OqnGLInvJo/mEt5P3149RvF9Lr3zIQbDKv13sOAv4oTiY+5tddeqtKmcA1s0zHJvcvZC8mjMYgqQGvePuYyY6LQcLBDGmXnicamGSM0q58Ky486TO3Fu0aHKvTuFe4vFRTdGK0yRul8pD/8gFmzT0VV5WeZFlnOfIY8SdhVrOaSLi92nhPdV7W5JzucZr40l0OqsxhZ76xCMpliNALwzZSpI8Q/lhioglNynH7Z7P+OyCUb19UnYn9Mp5n4KNlG0G+2+53pOn7QKi4hKZUZt8Kcf3SHnvf7kh6lIbtO5BEgDGmfDkEmHw8oskT9lcIqJ4n5VClYrpcZfYKXAHmeUaUGIqaoB8Ahy0u8BfHiiPWymr98kZYeWmfEzqoVdLOK4jrIEQI5LdqTUotBtfI9G/X7yFhQUmsQJNwZvO6pB9ECGDU5ncZ1L1QJub1RF1RQxx+apSQVTG9J6jxhZTav2tXfxFdbDTPTwmlqfYc3THM3caEYTjxdr/ftgTal55VuRm2j+pkGr3qKKganBGmGL0FS3z6tARbFxPriaaXsiNN6WioG/tDiOIxRrMFzR8TQkNcJepUzBrbU9+WpFvB75VXF+1SJNRbQpyVWmYI+idFoyjLt0UnCo1h0IlzpZyQQUmo/b+CYiBHvqwSMuSKdfCwID9oAUQahDr5R256am5E07j9eJLRfcSvwXMeR+mn8sQzGwCnDVdLIPR1p8lopsVopfPpkhlPqq9Y2pSu/dHmb/gCUqyZ1BBeujeF/bhYfvqDVgymjwcOOyKsDI93qK7/1DROLU9A4af/UWDYi+RcMvcXO1m4SYrkgs4KUkJjUTWwqsRN+/0mD6JHSG6Rl8OLoc4mvF1BGvFEjIaI4olCw+BcfStHHZLFW+UrIS7iFudOjez8CiYufQ/XP9+kHqF0ip+RTx+88RbhKTzBqcL24S3OX4Gi2v8cIlWo6Ubyu+JjFQhz/wYBi4ziRbb7dpV5MhvqrYX3aT5DDq17wrte5uczFS+s79p7z9+WfBmMmF9+HSYhzra/VY5gu5JImIXWGaNPCn/7dMasN8traX+7pGgW7S4xOnwfpwjoHBKwkUYMCur96FJCbszsMjAy0gK38Qe5No2NFOYsHszb7rulIx/r+0ACC8bRU5ZLV/Xw0WKjd0G5VDVZg6GGUy7hymiPgtQD6aTjwSPo+prXdAoXW5k0ss/zQ01TSOP9Yry4OLisH0+bGmJjmqogEEtN+y9bFNODHU9NF4snLAAJjWOeCHZoxahShwUN3nFl4JRrlMuRkEQvhKHSBThJ/qYd70zO+0lUEbBr0qBwsmhGFzN0r0bcCAfKOU/0UjvfEfJgUU2SzQ8sxLPK95IUiIxmSJTGiSfgWYc/N7ZEojqdaPjBy5LnSvyk5l6X2WlxebFmyDjOSSB6nTT/fFmOHcWk7556mKRC1YcC3bZDBNuAoY1hfN+CX0kVoR0h3oWjVTXO7MXutAlX3t+Oo0kM5dyEJNE0JSC+FLtk5Bzi7QY/PIFzNVUgZ6yhR6lXBys8XVkeXAK4B5CdSI0BAHCNvGRejJelFFfG4IZADtHAflT5FtgJmTFPi6h3ZZszXb7Zwrzh0s+h+g4eFfM8XpOPpdUpoQhvaVn1DzCQOHCAxlL5mBrqRSIHfk8YODuGAkYYDNe/ZI0wswZcDFEXaVuALlymRzx+ndoB2/csq88OBlmMz88fjSVqaifNkgT8y9Eowgjnj4AtoDA2oT8Q0x+ZsdLd1GTtNRBoKTzlyTHGH5SgKNX8uiXlQgPz5oezch0m1x2vxtHX69mTivTYwukkifrZ11l0lvBNFKsFcMKskowpBzfu0qCatYPQ47Yl21CQsLPOIP4jtBvMn32lRRuGQaM6/23868xQc5nRm8eBf3YwTjznGW2ReXLPMm0RE/NOpZoYurMaInak5+ISaOSgQPN8jViSRqBFSrDA7kBRGGr0QxJk+qgk1AHIZNRPwF7qT1tbaG1Noq5YBGGooLpoKTAapl1WhkShtSCuXKpSnZqpHZKBFrSA2XeELlOOgG+9hCWDjFwyXcQ0WmU2ukTqCcHNXQEYdn0HS79Vh6qe004I6GaTDKl7n1GoLfomXaUstb6qQHb4SltywnrqZ8ycHLbcAZ6jy38kakB8+0+VyqBI9oRiQPtbn0yW7AlDdNd1Fw/6O05ilZKlU0oLt0w8JU+izKDKGaAIrJkidRNd00w3ghqzVRVbbi+fY0O9I9AYAD9UA3qQIYBUHmVATDcChL0ih0ZyKr65I/g84NBv9DoL5htgsW2Iz6SH2w3mU9Bg577oXvWFpr/aseFkbvs2DDLcckl3tEiLSacD8ATNwYOJ+2UOcmDJxmExQR7S7mUCooI4HjJXTWUyP/oUAzRcWwKul2GoND9uJ7GRC0NnoiH/o4JWJraj67860UsHYJW9TSmCMZqYA4fNYgI8mmoNUucqel58634FL3B9GMzMKdSjMKX/umtOUSTKsLR/l5Hr58ITxn26FaVEMsjW0FEW/9cSjbHmSRWLL2CwujH9QxtxL5hu0J68aZwdpMBuv3HE+8GzJTdfbocG0Sdf+zTHLPez/3uN/Kc4tgX0Cuwtb/gEbTG3J8G4zrSXzmJRtZ82XQ/BtzcSQGOEmTdc/qCJhXOp/XBXDq2MQ1FOyh/yPxIg1XOXuTi6X5Ew6Ev+FAP3x0X2Y1XyfqOKfYabRshUHXxVrfCHvOzvw8azMauB/MYRQe5wd4RYxD2VroVEhgqQicoOTVIyaYDSN86TZfbIuDceEmuf65/S2SfLnGJB198XwCa4YN6ullm582vRvcZ+v0HOeZ9HuU96exXSr8hMmCTy9R7XIAyLZERoXVKZ1ZHU8CKa60ddJoLg5oH715OF2fR6LFYE8vzedDiwbOV5cBmvP9p/oc9BYoPvN6+6eHb5sx15ZIhfEvbPogTPqDZVX2wxPAjhQD9gG+TDQmc+0s54I19Xra141ieSaktmrXkfRgpSD6rkZbTnpKOu/JOE2VGDU2Gw+piId0YNnvdK3XTJVkD53+Puhi3JjkiJB0w5cg3ZVFE9l/ygrKZnFGh3ovGXtIeV/+HROsgPbxbqEQXPeUWQ6SiYB/WwEvf6K98dMqQ+I7SujrfFXuKP41VCqdes0CCpOkDZ3O/KHez67PKv3PvMU+5v8+Kayjmh8aKsI9w4GdG0rTuqVM70hphJyQ/uF4wYf/ra0oO8wYnbZzNWf2r3JkMbr5kIEzLx+IkYVRsL0RsSI6x63rHa5bYxViieKv3WUOngYGAqoE7ZZxtNw1AJ6/8CiOdSUNQkkZIiV5FxNihPUnhlNIajdzako1ue/wkMTsKT+Rw4DyHE9xVjKzbiuuRHESTAgJgtAHurzk+8ZrvFzdUMm1Cq3al4ZlsCG6KEP9lbt6mpmAAzr7P2+i6D+jNr/Xra5svE7LO3F/3y/hrrbnck5MpIc0eD4oOKCSDqBB7cIDEcLYhtoG3uIlsf00ruSf0eRIWkpOhruVmVJAbeI6DNk9nME4sn0ivz8z0EHH34krFHQxh/LHqfJyPFoLX8+8j6HYItK75TOhm+0MpTv7d0pJCF9JE5FXo9L8vU4vJR3Pd+ta/7fHNbbR3fBJsZIxqhIGJ7RsV18L+ragcpmv1U5jtRffcb8jM/wxhcTIyfAo+4DWZUYRbv9XZQm297415bkvlweTztI8ZrhaWflUFyENGTh58yOcyp/OU7CrtNwiWN81m8C3Y47HIo5A0f3zDm8Z9+OpaMCsHpI8BtinA7iQ3hPngXb1H86/7z6ftSnmVBFRULNldEf6dRVOdOuOEsqmZFuuQWUhS/qQwqHFr/tYWxNOQgnjXH5uliEa+i95YzeGi+6cQj0MMwQh6u++FvvU/vg4XSHMV+DvErZvYe+8+r8RLat7/GnqDnrxH1jl3+tIQunSOdqG7RtI4i1fmODF7hZF1EqnbtqLKrwVy0jXDWQYtyfF6MxpokAqQNYXh1LxgKYcWVA+8QRqdMyt+XtaKUOQ+fdtqGybZOW3wY5PrnWEIjhNoOP2fBLfsxyefNPYkHq/v7z2SouFq878Qmma2+4PJBo2u0HIwJXQRwCSMUmpOxm46cTM64TMFhKSSkXTkQD1aHaJ7ZF1d+tQZZdX9zESjsxhe+CzeQqUIakxHTkXKpjTYLKOGPue+cbv9uQ6ZpTL4BLE61F+LmzsCIGh/NIyEQ9bzdpJLagQc8+DgF7/l9jifPvSsKm3eJjS2z/fe9Npfal+8M/dFk1KY5BwhA5LCMJ+47RPr2LBLb+5xU/b/GLWuPj6ZxcylXP4hnWRIu99TmwIo1xIH6QPTkVef4lxbrahihUSZjU+UoH2LKxdHFkqd1JsbrE+qq22qfY99+obWivES5Cn79xh7SRUOGwGLUZA2Y5ZFZPicPs06u5yYb1iLlio9gPp50P9gjf19Gwu9JAHwqQUwXwu8hCOe9tXYN12z3dqj0od8Vmw+wr6Sfzz2Mw0alpgOTVSraNxnJuu5EGjVV4JbedtXvI9xTKf9bbXUt8KEWrgOhDPfsUBNWfDjEJx1Ky45vt9Ytb6L4hPSkCHtxUF9pmBlfeSEawevTkmzDHZSBrH9d1qHvYgbtUVPzOv2SgHTqbzeK48IlpohHRTmbfATFH05qOblnnEZDaAcB6g3QOcL4mMKjaWwV9X6wT0YW6PGXSu/6nk6hMF60ibh5urZWpulEL8BDj8mOH1neMkiP2ysADkA3MuY4AB6GXx1wQdhgjz3d8rK8/g3zHSoTnLm4XIyOVXhQcIUiLZLl4yKyXa90WJuAc6p9NyGd5B4cJ1vv3s13LgcGC2QXIkbV8tptKF5nvinHJaUVhK7bp5VyVH5Pf9NzAdBS9sUcJtaE9i+PVrQOzq1K8qh2Zetdxlu6xiLsLgpommwyavTQ/KDbaKRThMGKv0hNrY+dBabDUABFkzMOoqCNUyr9Wd5u8nKLtYtisKQ6LStVtA9HepQVwNl2DpkSpujD6OdTtQ1Jqk2HGViqrHAulbJTMifA5Ft9Qusbg2MdpRlXk+KSZISQbLPTlj7n3HTzFEbQR9YDtCy3l97Y64IFDZ0fMj8g+EgTEp+3ytTJDlGeWZMZfUWonzOjxPSYLxvOJGYsDdqkelz+SZsFH40YSmGL9UkO5INPtk2oHh8PHYjb3NKSit7HMhqRsNmeNKp06VotUgVGZesaCS1uqqS6hL96aN66tFzTapRZhqT6US/OgU5qcCosKkuNbUQXY7AJQDi5DnLp2rDrIUya3cUsrkulN8itqGPecKxGQ8BJew/VaiiIiMvE3LrA9q1/aU2MJTOUqF5ta5EvCNG5YCdKDx6ovrWq8bYPS3mX+vBwYp3CZ/qsVpVv/AwbW68hjitwJZ5LwuJqjDOMf+F4g6inPYrG7SU7RjdeHfoviK6u7zRaHsuy0u87X2XNyGT4XkXJFlOIoRcHBCVGbi250PUQ7D/G9GRsCgECo/I/Ky9xBeHt9slpXKRiO7ud/xI5+OIl694dI65fKmy7MDWobe1jKHOjP7aS+TZymjggKWUfoEo4nYbdJH8QCDu/LGGPuLVhSWgE7DxCQFM+eXOgJmw6i6BdcMXgIq91H7J4N2e/o0wLuesopqPs9uFvEMshOXj824vnJ5xZf77N/bS/PuM/R5jGfDA5YSNnAKWExbCAJ93CR97ZLgijfVn+HNFCFsQm3LpKclt/bhhECxgi6H4igRZqQbNIfDFkwi+DBpJl0ZU5pUHenjuzpxBIVJfcrYobAWT4u5KxE4uH7hUS3qiVWtPCwdcFdVz+20GBAHGMNAL+QxRGM3dXQsaBRzK9F9UFKS9Dq0bAg9YSxxcErCAEfFK9LNiK+LfnejflEpR8M1ojtDGURxXv/BpzFVXzt6DQhYhSm/GOeqaWRA0Ehyjr5x27q+hLk2X2+I9ATFgZVxWeNUEzyuOq+KyOmIJMYjTkQlnap31I0a/O+omlkaMebVKy9hXDAWW7lfej+wlpCDTEdyssy5sUoCTVFezJPGiGl/wg3fStp+oKvKysijYDh07k8vb3ITc/5MRQQv4K4KQy4UqzGR8J52gXzlp69S+TgcaOLAXgH6DNsDbVh0NOkBWGjkwEtmcPfNK69zHvhhg5T3SD9n5/GFvFKOjhaQh5fVi2wM7ZORgepacR3SiGYEltZp6pXB6WAXBWVl2jVkyPvMds6/Zul8MAIrru5Z77iUG79+FbvIJeWzsmqT5jU8cXNUu+vyr4qK0G70x/yo863VRLLiqWTAR8z5rf3kUtiCJWkEdTkkejz2VVUm18bPTarCcl8euuLw7QgWhF5LMZ3bUpdgdrby+/xU+Wam0D+nd7KRLhTx9bTRXFh8ebJfijT0qnkWcmFh8pgwlhRlkkZ9H1fHqrZdeTl5sibLFaLh1/yJsNFvjhZiwHr1KQx5kWH6pYfxbxIFQ/p2G7Ue7d8f8FdfCg9UfI/W8fCxGH8J+g7sU2r7a4rOzTFdvEaL21Pivdy3NY+j2fXyuJiHoPujdDbs7zpu8G7+Cxh3kuoP8z+0AwUWKr/xJmiI8VxNZurlzVOZtwS24LnwYHuzWJ4/dQYw2Oc/0OQfbgzoMCOJ6n+2e7SBPlwe+Phr133cwzVS01f20pDC8eHR2sgFoqYI9dQtzx3cu1jn64vvrgX+wBkWT8rg7OJXrVyvWlHfvCtGh9RCypnRj1S389RjF8ZODnerNDNMKw7G8IcWD8T1FcOgVs2o8EfOq55LjOIsERdyXWansmIcRMRF0AYD1EOy+wl7VGkEMv/rOP/XcsuOyw5YoCJC51PbOqgOAGIbN+E/SYMLRaDWoW84iAS0uIZj0ndWkv9Vw1frHsGdPh+qOBSmqwWigRVqNumf4VOumJeGR8zB0Ezm8f2SB6JU5BFStvPa5osUctfAMfd3LI1t9RPn9KhrT6K/efFJGd9aUVs1KTIsWfgcl6G2TmCgLJlRt9b6aNLli+pI0iNwZW+b5ULGOxVpXOR+dD93voEAlfvDm31SrR+25MoC/CNWHwEtHkmUGuuD1Dag7IPY3kp1yguJZml3CRY/Vjo8AJc6F0oFcFPSylhO8A1JZEY4j0QGPnuQhemrbY6j/L2m/2G17I0Ovu8PksYxa9Wswwrd/C81s/iG+7lAI/Hx+X2AQT+3kjNmhjt0CRpD67+Qudt8YN9g+fOTVK3nsMUuR1JvK6Aluy24NJF9YZISXD1tYhzV/LIcAfx+pCMwDsPdSd9bnpOmob3N0fQsmhERf94FHr8NgSKkWZdBmiw1lhjR93mFns6stJp+TWLhrOyaTEIczXeJE1aAJ0LjnV0c1Fz4D/Y9SkBfeBNmMLZ3U0GBR3c8Ln0wFGgQYQ1u8NgbvPbTtdQrHxPTC288Jeq6N2TMAONtTUsT3lAr4bU46cchDxep/IZ+13ghYoDnXrzBOGjeDkPABurttAF9IoWPXJFWy0XLP793Cd7vEEgxtfAqwd/xnVsarh+a3hSteyRYKFtwu19A3v1Crr7YlL7t22AcxkWreUVGR0l3Frc/DzsYrnAmAOTUVDXNc1IaKeJbqVFbkFKyip65UUH2scoskHnVVgiL+nm2VV2JomhNeijL6iEmJl1RctWuJ4myx/ju8nQHk1h9pgWlVLtL3o4ENWQiBGKiBJOi3DWPPKDI3qfZwIae4j8pxQ6Z+0RAKPTJC6qzSXgrtn4OPFUFbLJTpKOp+o6LxUhqmNOUsSWaIhYdfIcUGB18cau9QZ2sCwzSYVjIUqwhuI9poLDaCDaCFDMUm0pzL+HmQ0jyxllJwYHKtzsaMrySbxkR9EBwC2yVKgC0XyqKHKHhkGw/yuYjSZ22f7ha0O4EjgB1GDnmTMAL5Ps8E0Z1H6YYzQnmJf2hhxt79sBuxJKS01fC8ycW95ezvKtKrk8oQos4HWkdaFx9JIQ8BRfoV+W6v8oAtNbayQX1Th1etIARFX433e8w6nsxBcj9R9ZcbpBWjiT76/Kf2F+vjhi6NZbyUhbJNs8lRBH2CFAvDgPBbdNDD1eyCUM2KFLN1DZ5jMvnlpdCbVE3FCsYt6EySm/T0ITSMXomhEWW6g3FtwkF6+I5209qIbuIqyq/CeRDZqdq/PPlaj8pO93vIE4sd1XV6i7AWwAt7CYsH/UzC4Bx6dXvUowbypOvkgo9z3pvoqNqOULpxI+i8+K9vS+nj3WjQxj1K6HDI3Z4qfLNRYHp/dYAiit4UuVP9jwU6ka42SKdy3DzGuZgqPzHo7ti/avvI5dRJNX0Yi+qIHZI7lYBI6erFyQ7VI228Tmc6ZlmFjYgisWBqnpClGClb9v+VUhutDE9kWhCegpLCHeUEQPM8AMbnnyuWnadCGgJ24bQJepz3BmPYhBWCh2UUMsFivOGoVd9rC7Ko0ai9V1wG4KGERyokBuibrPhxw+nfNLzCFCi54Dpxj800bx06jIV0cVsVGJQWJSG4MYl78vVljXMq7ieg+vSsFp1N2VIDOynFC4kZEAsDOtAYv4PrXaEFixEmD9Zi/mypICW+sUEPXq/C4n3OxsgwI0NbKRERMvJUSWA63fKnOqR15fvZD+PXRj13GkjhCCxsVSyhn4YbXmC47OCkfTFB+I/KtbzERA2OaWZuYyq+kfJqq9TO2xHb7JlgXEPOPuF30go5bRBCVZpj8ps32AyAq/ZJQK4OIC5LFQl9TPLIAH4EO90oX4oNro//XOeR5E200Z5D3sYIYkKwg7ZvwTq0BDFUGC7RISjwiuOXOAaJVTQC+fl7WOhNO2ByDSF1+xwlsgDH4xEFcW99fkT0R4QpiofhEyp/hjDdqZ0MdRpfXg17uce6xssGEMzi/cWwVNDM9BSEa5OyPrq+Ki6sReS2uJ6udf0WLJ5sMwqU4VqEUf6KKFFGeUCiCPDY+VADWHhuod8Fxf9q27xcuOXB3P3mT7YxWEun09Ro0L8mAjKDZEhj0GFxL2tiSgaKnX2U5qN2XAO+M2Hhx8i+nw5CQJa+iYzYLjkYRLO5/NiFaFkpFZeLvnPzuvoBIIR99m26v3SWMm33W/7O96qgsZmIxWzdxGJhcK5JZHEWcCt5PaTqe0Xo749EXJzWomKndCEmKTKGTLpfzt7DgI376TzphJwW0tIABACIoz6liNKujRiJA3CNWockM1y7duIbJ+a5ByGTU4HVK7QG0Ti43DpxVSOrT7uJsomtPjx3sLGrTuAuYVyuLS8EpqG3GALBlhnomFFVTqdCdfpSNIRaYWXoYmEGmBSTr1ucxHU818Xh0DqN1gdhTvl0iK5Pj+suGhTDZ3TqiorANhHUR0SEQD/Tz0B0nCFHEAEGMli5D0r7txQPeLIwY4y6EhOCXHqcoiDEMeUBuI+Vy6iXnfZLF60d25+1qLiXVnrLlOW27neZHD7X176aikxKM7EHS+30rGexAxa2c2qFnGPDXzFZlSl7VWmFqfNjZ5VolRjsCTYQokMquC/Y8zDbbUWawie0YipJDqsm9DlCU37DyjCOwEautOnZLRVLVF/HN9T4pItVpuDgUizXlZV2fS0IFChgGfftkRL2AUaHl4hQPX0MAThWFEo87tFAGh2G55NUU1Jm8MmnJ52Y1NJeN/pwqer6dDfFQBBZ21fRza9u+9YR672aTj2FxiYwZvCS94FQvYiDIQI41bH6hnmALbyIZ79fmwXpB6uyCws58Yp3fGt5LlcHvXz+3IvT0JuOiuXvYsaTz56iuQB3uHm2DeBY3DPFt86RMyPpCVtmgKIP/8fij5/xDBV5hO45fCpotpqzzkoFHDVUgftg5SStMI+wPXQSpxTH+15PL8cTiEjo5NhsXWQD/nTc84EL9qZJ57s5FKZe/R5jmUmAnKdeHCk4HwWXY0kztECxq2F2z9YIm+G/JXDfkQ6iTL4YQzrizmuOgl6JrJ44fPcaWs7CNu/yhybZZwUGkxYObUE2mib9lDd32EOj7RemhSqozUI6WqVZzfXSVYMPqqEMy2kUodipTcst8jxzTMPIo6s/DGNDYHlj2I1bhjYlMPqbwiGJtJxgDm8cF0dlVOWy2SzCFSAMx1OAZ6mTNkOSmHsyqxVm7woy1IKN22EfTq6fUCvtvDeW8gX8xkRyRZ7qKGdUHRli1NwcTBG5amZDeb+SlRNl+SYIGp6lnT9CFh4y9L10kRHCgDo248kkhFDrk+uwr7lRi3k6z+VadxQsbETaBbhLQ50FGuSwBz1YqEkQDjuM/7SfoO+6ET/cHFV4G2getiGu6LWn15xeY7rq9LTgwINNHrl6Nmr6UrVqMuKaouQiuVHnJin5FzTAhY2s9CxWI36NxSxNp0BbnDqlr1FXn117uobpNWarzdxvM/EjS+tr51Hz0pbDaAJIG02jNYmLuOJdVD121dTaDOxue+6AIJFAtBDx8qhIXY78KeW4dFKdsvUep302kEIoYweoBIoj5gZAOp3eUEQMmc8vadxHjKry9jaamGvOMqZ8qz0VKnRfrJaogRcvZ7PFG9p0yqlFOvNckfYbLYP5XVrvP6jD3ljpV1qxve+TEzepcefmZrPIxXVOy2ZltaD2ab/ZLKWaGKsbbMAs1AGO4wboQou58eF0pG5HuYvY8O9e0uBKMH2ZkF/9AjT2vbra8OFE4cHG0kEXoAx5ow5BLbqWqVvX7r5MNgGMiTblEn83sFFKjlPTSiaFGK3B6eoST1ocZ4BTdG2xEykPmQJtHZqSqNdyELfrSU27bSOh6DUSDSEwVqIN8vq9s5bMvTrR8rUvA16c9kIDRIxQFYeBStdDBzJ09KKGS+QIPI1+rqoS6W6kdyV64arOQBB226YRE4Re22AkbttFtSJerKOm+y/zy6hAt/KF08y31KTXuJMuMWw+8Ls0cII5kucU65SvdwgWZLFcHJDdJJ9lbrD83p0H0EY+U1QZdXfD5YDY6kO0S5R6i9YQaXRVXHKTx27DhwAJlLaQCsqy1ZJi0WpLyH6AW7NuUurYuXCpE+hqg+6QVClI9euarNmhyhF+WXKnvLsh4Yv3S1rS0vTKNLtTYPFsm9HTvVX81p3pnOVT6fLzqaWlM+z22Q9DYlszY0M3PWcg8qjfIm98Of2SlbXMpWWb5lZ7rWuTBZ8BGdAzaTtHpcSM4iUqROwsd5mz5n8H8eBv0cL8Jo52LlS7eWWmIHp3FvBuY3lc+8ppqqNyTZc8kfN9t01ITW/F03iL2wB1pvHAC3+mwLUz8hzEbwjqUfs7IKGyAhd4GWUtoaDgx5yEVptE2+KloWWAZsFr3Qt4Zbp0v3QPPPG9GZmMmpFNnVT5S2O+aV1dVBNFqiA7FgcUDwJbODGedYq8N3rxaFCbaYZoNtbQWccqtTpMjU8WYHx229z9itSSOQpP1dmAjiCUZi+xC0a0UGLOkpQdJU+T+NMFtYVosZOH0C9F0NXBYmBh0jHU/XgDasHHjgF0B23OmT9Go/IpTjbNsDsiWRfKj3MQO9rqgl12GI6WPR7O82ziy3w6rUXSr4nZUd9X5LVzXgFHmqX8ZyS+um0HAe4XskPwfci8axKKnktBgxGi4YDD/wbfJ5HCgAPsqqMDJglFa+SyOZqcD+t+4yCBOrk9Lxlxo3qCxeC4THxX9inFgyQMu8uRnmuIhzHVITGpbCPUKt4m7dI5upN5pTBHA2gwWgYtXp+QqhJ6PLypu6grWlWcLc1ibn7LNRYXUBOJZzmFAAKPYPWhw9S9ja7OLFYm0pNHOVzRlyVEN8GvMZBxblN2gr+6JytvJXbjm09vI5lKkOISV52OZt6W6565g+UmhM71ZGi39Vu0bnqzojQ7m8m2qZ8R5KHpGbndC62vpevrXQ6FJzMim+ZKm0IZ2iJSl64JivvC2+0D+KDzxMFR1Q/RRK/ejHKL/pwQkrRFx0NxpZPL7s7c7XVbCZQR8mazyhkoUg+WWJwUWVNdc71Ux9VMbd3MuWhFc3BsvtTAC0c/dBx3ObmjyEYKQzlRJIh6DVzBLq3syHH+q06LsPD3OOXARkxeg4FwG8Uxl044RoXM4skBKJtB94dDPOn9qBiPbWKqPoQLGFMH/CsaosOToN9xhXQlvOeEl1JkuxrsmcmiftDntc1rm6/MS3MdlwXQKHhH6MtlYVq9odAxA3hq7XjH5SS3R63Yq2W7hWYUmJAKvZkf99RBWGPjvJ2q1zbey8W2nDvYeyTkO7Hj3Txl4HjyMlYIXTYxKWD8e1UB3ofuFViBl0QgMNMnQhNLbbGvPr3mVJK3HP5TASafqbphk8g7/lhzYxvVrc6lJnE8lMPqyH3fDafSNVKfnXBgRtnjrRcyI45krOa9YLr1RT8hu5/wxCb7taWmYv9EPxgj+53TCHUvNmpllTabX/NbTx5BqrDrEuIQWfemXhtRZV16bs3FJcjkNCz6tfWw0rr142hKrYQDjQgq4AnrMAo3O/3I0604dp4mpcBBbL0F7Y5Qq6O7jm2FkrLj520+WO3HY5wLNVW7VHDGk/1SCkJ1u8elS9XQFXKtK/NYs2CQvyzMUc+VarQd/QreWt56BduA+PETSxNspZVv8zyqZwxnz+duSh4VLtjra5Wfbdcvzh2iy90xZT7S7SmRgKwbaDsiK5LWbNGjDo2GDGo1KJljn7LBMqE3lzKT2aCOHTkc6rXxJb7zJS74ko7g1VWBRvkdfYyiFWMMXq6FpbXvXrrlbgr6EICe3A2/cU54AGCZEDm6CssVcx8I4D1NkocedLHZGbE4Dicg5f4Gc3svkQVf4QvOI0y/r+zI64+/ENjScyoSBlF4CVX714/CbUz8rkD2o6dVvkFrP4HhRqWzh9e3kvhj4/3PJ1lOn9t69ZTrfKRE4+bX6/wr13EsZtCnjrlHh9f2O5SQtB0paDebds2d6iuyF7bMWMexGJfvqP+obxcSfGwLMnDdBJk/EFkzqkFQevFylV9R4asfeimvGqvAPUq8fI72xMs8W0L3fnVqHS2Kcvx3TtePRt1wfOvaqBsiiC0rhj7IvYo5A8oBVlUGlxbl8cr/aA1pVXhGL1qDK0ByolaJuJqeIf0y+Plx49R736817sE+VtEQH8HIwEWihsESSjs81sOKIDji/RBB55GwxdNTOPv8hXjV7PNSShQR8y6A6zhNBWIKRjMT624uoY39Y6yaCZPjguSsAh57YvmhYZwsAk/JiIw3A6Fio2gtkM89XbH6qjHOFKXkLSiy1i1CvFjtTRDQpYJYLZNS4pVcT66wLn5St9/Z3VawV5YdPcgE5NrYbX6lXxlTfFtP6I2P18E/dopsR/4sS+g3fUhZ2DB0VJsfd7SamrM7gQWHrMDK+OgTiepkPu5kuFHK5FwhgGW/caf9kp1d/c9Ur1j8pdiATUDmsqKJsv+97xZuJzIP4+7enJd3Qcl7nA37x39b331bX31bP+0ep8wg5CVDRDv6eMVeu3S9vzf/jdGLpcTdOVrYtj1+/ZwpfmUs/t3mU/6sprrbS3fzOLi+z8z/K8SycmMxL5Ax8jCgStS7X6/5QHQv2rSa0Yq+Xh93Vt4dSUOJXRhipg52XCk8yvNcrINNqSBNsFm3CgVYUbEPdAjAf5B4/RxZk+CRK5yLLsQ1YFl/nWXnMA2LeCvK0k0SeWvgIVvAqJtA2QRq/S9W6MTple/gvEF7pWaBYX4YSUM5Z8fg+uKJt7L3d09qMCFcFxMGL4Su1t2aPWsf4H4/wEk9nwSJpbjmusa8GHlycIBZMNZbV+ish4eRvOFeJ8GsD/YxMlALaDE/oV3EQMHWdM23D8bhSxO6S88UdHF9kQSIdJriNHttfC0kYs3cIsMvUrEPahuyvSOYjFuPbndNzO9jBhP2dQxEhQn9OgmNhuxFDftvcIDbb0MG4LuhlfXX7ImysdSBbT2rD8cH68nhxSloWxU9/hhe8837zwCXx79t1KPx2h3pzgmd3QfR9PZ6fwZQJbqkv9BZtztIirLFdemUhEs5K2DrzxLThwZCCdLwpqalaDpTNZx2seGRxcY4iJncIDlKNAuPEyr3TnCXaPZOYykwOmDSpjb0BHkncYd2FvN+hs0bP/YmHFbYBLHJTEgry6atHrtcOyP2Q0vNWj6gi3PiDw+gWu+/fLeie4pDeOnc88VGDV5A701bOrHip6JVpi7oxjp9ubg0+amEtr306nB3bjqV6lNYVYyoZjtJycX/NlRTHELaCwmbdV8paIsGTB8uzi+fcie+NLB448q/T1cB/MpZtNCvPNZMWxyoCfGf1rFl1sn6UiiZEnX3JyhfTNeKZyff60wVua2YIo5WnEGAX3ypC7rgWZYHPhWniJbL00ZtFz5B7Ed7oALicyBqg+oxb2mK6Lm7VQ/PxxDTmEwuHNMiMRtwu3wPBLGLBdNCGK0Rlsy+X4TThc4PW1zA5Sw3aOIxjk19ramp9bXZvMLsBHSbDxo/2Ra4FHshsy8JKmPpnfh3kXLctQ1w7BUXdukROvlYUKuUmLKffqxO85B6v0CFTxZxk4NlcSPVb0fncf2lbL0C6KLTnrxwYljHYrWeQCpbTk513zxahv0VVqR3tKiyajH5o5R12taaV9Ba9J6D0mF5ilOvrFZdCOcdZ8EaGDculWup2Kk3dYalykUOd/rnFhaq5U4fXH9PAjtVZEv6G4PLis+NqBQsNrUrlcQ295nOqttUCe1wJWEXucOGejeYzu+whUJ82FufJqBcbol4ZaQgoJpVgvotuXhCtInfe47CJNjLB22f/Yp6iBPX9aRo3f/OCxuVKrjBuqO7Fa3Y1WiXJhgMLxQ0A3az+WFQqW3wry6wzC7IOStFOWvrliE4lMefZ0cM/9Atcd60kY7KqmCPsfQ2Y121c3bGwdhTCsqrrH218o+V9CFUXGA0AuV8Q9ymKVxFirZjd8+BCniZJ7IuzIWRMzE+ohqWQ/d1kf4788f4V+1Fdrw8o0lPX7TRWs70B6OgoPC7v+2pw5rkf4eNuPD2ndlmpyuc9oTPR2dFg99mbmx8U83TRtFG+0W1g995W28tPRnERlcXxkdH3vxOHXWfIsRa/BjGuOwFDeT5nuh8drfqrVDsDNb6Ne4gA8/0c1q/BFzi44AXQ4qAOGziN0TnGHzQNQoqiDELivR8oEuGvYvbT767iF2odK13oj0SBpvymwQfr6quDl2APb+jr7X/00XXpXvQSyiWPUE1HM9DNYauFpHY2/eIeZD+38Z8yosRut3JBk+K0tk6ORErpQKSdcnZNP92HlqWR92TDs/bHSI7QH4v+X8iYchvyYXhx2JBYWOUkv3k3toBwmOMVD3hlbs+XN6Dk0KyyMzElDjLAFPu1zdF92Pby3dBtm0fqL+/8ChweynVTCTUSATFLwexRGTJyx7mdPDi3CjY4YSdvPj4UkQHqTdtPOZetndHUdf9pc9XeXgVr2KVMseTWLuVbPCHlrLDHR0SS/mt7ny43wcUvTNVOMV/AA==","base64")).toString()),$F)});var BX=w((eN,wX)=>{(function(r,e){typeof eN=="object"?wX.exports=e():typeof define=="function"&&define.amd?define(e):r.treeify=e()})(eN,function(){function r(n,s){var o=s?"\u2514":"\u251C";return n?o+="\u2500 ":o+="\u2500\u2500\u2510",o}function e(n,s){var o=[];for(var a in n)!n.hasOwnProperty(a)||s&&typeof n[a]=="function"||o.push(a);return o}function t(n,s,o,a,l,c,u){var g="",f=0,h,p,C=a.slice(0);if(C.push([s,o])&&a.length>0&&(a.forEach(function(B,v){v>0&&(g+=(B[1]?" ":"\u2502")+"  "),!p&&B[0]===s&&(p=!0)}),g+=r(n,o)+n,l&&(typeof s!="object"||s instanceof Date)&&(g+=": "+s),p&&(g+=" (circular ref.)"),u(g)),!p&&typeof s=="object"){var y=e(s,c);y.forEach(function(B){h=++f===y.length,t(B,s[B],h,C,l,c,u)})}}var i={};return i.asLines=function(n,s,o,a){var l=typeof o!="function"?o:!1;t(".",n,!1,[],s,l,a||o)},i.asTree=function(n,s,o){var a="";return t(".",n,!1,[],s,o,function(l){a+=l+`
-`}),a},i})});var E0=w((Got,FX)=>{var rNe=ws(),iNe=tC(),nNe=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,sNe=/^\w*$/;function oNe(r,e){if(rNe(r))return!1;var t=typeof r;return t=="number"||t=="symbol"||t=="boolean"||r==null||iNe(r)?!0:sNe.test(r)||!nNe.test(r)||e!=null&&r in Object(e)}FX.exports=oNe});var I0=w((Yot,NX)=>{var aNe=Ic(),ANe=bn(),lNe="[object AsyncFunction]",cNe="[object Function]",uNe="[object GeneratorFunction]",gNe="[object Proxy]";function fNe(r){if(!ANe(r))return!1;var e=aNe(r);return e==cNe||e==uNe||e==lNe||e==gNe}NX.exports=fNe});var TX=w((jot,LX)=>{var hNe=ds(),pNe=hNe["__core-js_shared__"];LX.exports=pNe});var KX=w((qot,MX)=>{var AN=TX(),OX=function(){var r=/[^.]+$/.exec(AN&&AN.keys&&AN.keys.IE_PROTO||"");return r?"Symbol(src)_1."+r:""}();function dNe(r){return!!OX&&OX in r}MX.exports=dNe});var lN=w((Jot,UX)=>{var CNe=Function.prototype,mNe=CNe.toString;function ENe(r){if(r!=null){try{return mNe.call(r)}catch{}try{return r+""}catch{}}return""}UX.exports=ENe});var GX=w((Wot,HX)=>{var INe=I0(),yNe=KX(),wNe=bn(),BNe=lN(),QNe=/[\\^$.*+?()[\]{}|]/g,bNe=/^\[object .+?Constructor\]$/,SNe=Function.prototype,vNe=Object.prototype,xNe=SNe.toString,PNe=vNe.hasOwnProperty,DNe=RegExp("^"+xNe.call(PNe).replace(QNe,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function kNe(r){if(!wNe(r)||yNe(r))return!1;var e=INe(r)?DNe:bNe;return e.test(BNe(r))}HX.exports=kNe});var jX=w((zot,YX)=>{function RNe(r,e){return r==null?void 0:r[e]}YX.exports=RNe});var nl=w((Vot,qX)=>{var FNe=GX(),NNe=jX();function LNe(r,e){var t=NNe(r,e);return FNe(t)?t:void 0}qX.exports=LNe});var GC=w((Xot,JX)=>{var TNe=nl(),ONe=TNe(Object,"create");JX.exports=ONe});var VX=w((_ot,zX)=>{var WX=GC();function MNe(){this.__data__=WX?WX(null):{},this.size=0}zX.exports=MNe});var _X=w((Zot,XX)=>{function KNe(r){var e=this.has(r)&&delete this.__data__[r];return this.size-=e?1:0,e}XX.exports=KNe});var $X=w(($ot,ZX)=>{var UNe=GC(),HNe="__lodash_hash_undefined__",GNe=Object.prototype,YNe=GNe.hasOwnProperty;function jNe(r){var e=this.__data__;if(UNe){var t=e[r];return t===HNe?void 0:t}return YNe.call(e,r)?e[r]:void 0}ZX.exports=jNe});var t_=w((eat,e_)=>{var qNe=GC(),JNe=Object.prototype,WNe=JNe.hasOwnProperty;function zNe(r){var e=this.__data__;return qNe?e[r]!==void 0:WNe.call(e,r)}e_.exports=zNe});var i_=w((tat,r_)=>{var VNe=GC(),XNe="__lodash_hash_undefined__";function _Ne(r,e){var t=this.__data__;return this.size+=this.has(r)?0:1,t[r]=VNe&&e===void 0?XNe:e,this}r_.exports=_Ne});var s_=w((rat,n_)=>{var ZNe=VX(),$Ne=_X(),eLe=$X(),tLe=t_(),rLe=i_();function ah(r){var e=-1,t=r==null?0:r.length;for(this.clear();++e<t;){var i=r[e];this.set(i[0],i[1])}}ah.prototype.clear=ZNe;ah.prototype.delete=$Ne;ah.prototype.get=eLe;ah.prototype.has=tLe;ah.prototype.set=rLe;n_.exports=ah});var a_=w((iat,o_)=>{function iLe(){this.__data__=[],this.size=0}o_.exports=iLe});var Ah=w((nat,A_)=>{function nLe(r,e){return r===e||r!==r&&e!==e}A_.exports=nLe});var YC=w((sat,l_)=>{var sLe=Ah();function oLe(r,e){for(var t=r.length;t--;)if(sLe(r[t][0],e))return t;return-1}l_.exports=oLe});var u_=w((oat,c_)=>{var aLe=YC(),ALe=Array.prototype,lLe=ALe.splice;function cLe(r){var e=this.__data__,t=aLe(e,r);if(t<0)return!1;var i=e.length-1;return t==i?e.pop():lLe.call(e,t,1),--this.size,!0}c_.exports=cLe});var f_=w((aat,g_)=>{var uLe=YC();function gLe(r){var e=this.__data__,t=uLe(e,r);return t<0?void 0:e[t][1]}g_.exports=gLe});var p_=w((Aat,h_)=>{var fLe=YC();function hLe(r){return fLe(this.__data__,r)>-1}h_.exports=hLe});var C_=w((lat,d_)=>{var pLe=YC();function dLe(r,e){var t=this.__data__,i=pLe(t,r);return i<0?(++this.size,t.push([r,e])):t[i][1]=e,this}d_.exports=dLe});var jC=w((cat,m_)=>{var CLe=a_(),mLe=u_(),ELe=f_(),ILe=p_(),yLe=C_();function lh(r){var e=-1,t=r==null?0:r.length;for(this.clear();++e<t;){var i=r[e];this.set(i[0],i[1])}}lh.prototype.clear=CLe;lh.prototype.delete=mLe;lh.prototype.get=ELe;lh.prototype.has=ILe;lh.prototype.set=yLe;m_.exports=lh});var y0=w((uat,E_)=>{var wLe=nl(),BLe=ds(),QLe=wLe(BLe,"Map");E_.exports=QLe});var w_=w((gat,y_)=>{var I_=s_(),bLe=jC(),SLe=y0();function vLe(){this.size=0,this.__data__={hash:new I_,map:new(SLe||bLe),string:new I_}}y_.exports=vLe});var Q_=w((fat,B_)=>{function xLe(r){var e=typeof r;return e=="string"||e=="number"||e=="symbol"||e=="boolean"?r!=="__proto__":r===null}B_.exports=xLe});var qC=w((hat,b_)=>{var PLe=Q_();function DLe(r,e){var t=r.__data__;return PLe(e)?t[typeof e=="string"?"string":"hash"]:t.map}b_.exports=DLe});var v_=w((pat,S_)=>{var kLe=qC();function RLe(r){var e=kLe(this,r).delete(r);return this.size-=e?1:0,e}S_.exports=RLe});var P_=w((dat,x_)=>{var FLe=qC();function NLe(r){return FLe(this,r).get(r)}x_.exports=NLe});var k_=w((Cat,D_)=>{var LLe=qC();function TLe(r){return LLe(this,r).has(r)}D_.exports=TLe});var F_=w((mat,R_)=>{var OLe=qC();function MLe(r,e){var t=OLe(this,r),i=t.size;return t.set(r,e),this.size+=t.size==i?0:1,this}R_.exports=MLe});var w0=w((Eat,N_)=>{var KLe=w_(),ULe=v_(),HLe=P_(),GLe=k_(),YLe=F_();function ch(r){var e=-1,t=r==null?0:r.length;for(this.clear();++e<t;){var i=r[e];this.set(i[0],i[1])}}ch.prototype.clear=KLe;ch.prototype.delete=ULe;ch.prototype.get=HLe;ch.prototype.has=GLe;ch.prototype.set=YLe;N_.exports=ch});var O_=w((Iat,T_)=>{var L_=w0(),jLe="Expected a function";function cN(r,e){if(typeof r!="function"||e!=null&&typeof e!="function")throw new TypeError(jLe);var t=function(){var i=arguments,n=e?e.apply(this,i):i[0],s=t.cache;if(s.has(n))return s.get(n);var o=r.apply(this,i);return t.cache=s.set(n,o)||s,o};return t.cache=new(cN.Cache||L_),t}cN.Cache=L_;T_.exports=cN});var K_=w((yat,M_)=>{var qLe=O_(),JLe=500;function WLe(r){var e=qLe(r,function(i){return t.size===JLe&&t.clear(),i}),t=e.cache;return e}M_.exports=WLe});var H_=w((wat,U_)=>{var zLe=K_(),VLe=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,XLe=/\\(\\)?/g,_Le=zLe(function(r){var e=[];return r.charCodeAt(0)===46&&e.push(""),r.replace(VLe,function(t,i,n,s){e.push(n?s.replace(XLe,"$1"):i||t)}),e});U_.exports=_Le});var uh=w((Bat,G_)=>{var ZLe=ws(),$Le=E0(),eTe=H_(),tTe=Kf();function rTe(r,e){return ZLe(r)?r:$Le(r,e)?[r]:eTe(tTe(r))}G_.exports=rTe});var Uc=w((Qat,Y_)=>{var iTe=tC(),nTe=1/0;function sTe(r){if(typeof r=="string"||iTe(r))return r;var e=r+"";return e=="0"&&1/r==-nTe?"-0":e}Y_.exports=sTe});var JC=w((bat,j_)=>{var oTe=uh(),aTe=Uc();function ATe(r,e){e=oTe(e,r);for(var t=0,i=e.length;r!=null&&t<i;)r=r[aTe(e[t++])];return t&&t==i?r:void 0}j_.exports=ATe});var uN=w((Sat,q_)=>{var lTe=nl(),cTe=function(){try{var r=lTe(Object,"defineProperty");return r({},"",{}),r}catch{}}();q_.exports=cTe});var gh=w((vat,W_)=>{var J_=uN();function uTe(r,e,t){e=="__proto__"&&J_?J_(r,e,{configurable:!0,enumerable:!0,value:t,writable:!0}):r[e]=t}W_.exports=uTe});var B0=w((xat,z_)=>{var gTe=gh(),fTe=Ah(),hTe=Object.prototype,pTe=hTe.hasOwnProperty;function dTe(r,e,t){var i=r[e];(!(pTe.call(r,e)&&fTe(i,t))||t===void 0&&!(e in r))&&gTe(r,e,t)}z_.exports=dTe});var WC=w((Pat,V_)=>{var CTe=9007199254740991,mTe=/^(?:0|[1-9]\d*)$/;function ETe(r,e){var t=typeof r;return e=e==null?CTe:e,!!e&&(t=="number"||t!="symbol"&&mTe.test(r))&&r>-1&&r%1==0&&r<e}V_.exports=ETe});var gN=w((Dat,__)=>{var ITe=B0(),yTe=uh(),wTe=WC(),X_=bn(),BTe=Uc();function QTe(r,e,t,i){if(!X_(r))return r;e=yTe(e,r);for(var n=-1,s=e.length,o=s-1,a=r;a!=null&&++n<s;){var l=BTe(e[n]),c=t;if(l==="__proto__"||l==="constructor"||l==="prototype")return r;if(n!=o){var u=a[l];c=i?i(u,l,a):void 0,c===void 0&&(c=X_(u)?u:wTe(e[n+1])?[]:{})}ITe(a,l,c),a=a[l]}return r}__.exports=QTe});var $_=w((kat,Z_)=>{var bTe=JC(),STe=gN(),vTe=uh();function xTe(r,e,t){for(var i=-1,n=e.length,s={};++i<n;){var o=e[i],a=bTe(r,o);t(a,o)&&STe(s,vTe(o,r),a)}return s}Z_.exports=xTe});var tZ=w((Rat,eZ)=>{function PTe(r,e){return r!=null&&e in Object(r)}eZ.exports=PTe});var iZ=w((Fat,rZ)=>{var DTe=Ic(),kTe=Go(),RTe="[object Arguments]";function FTe(r){return kTe(r)&&DTe(r)==RTe}rZ.exports=FTe});var zC=w((Nat,oZ)=>{var nZ=iZ(),NTe=Go(),sZ=Object.prototype,LTe=sZ.hasOwnProperty,TTe=sZ.propertyIsEnumerable,OTe=nZ(function(){return arguments}())?nZ:function(r){return NTe(r)&&LTe.call(r,"callee")&&!TTe.call(r,"callee")};oZ.exports=OTe});var Q0=w((Lat,aZ)=>{var MTe=9007199254740991;function KTe(r){return typeof r=="number"&&r>-1&&r%1==0&&r<=MTe}aZ.exports=KTe});var fN=w((Tat,AZ)=>{var UTe=uh(),HTe=zC(),GTe=ws(),YTe=WC(),jTe=Q0(),qTe=Uc();function JTe(r,e,t){e=UTe(e,r);for(var i=-1,n=e.length,s=!1;++i<n;){var o=qTe(e[i]);if(!(s=r!=null&&t(r,o)))break;r=r[o]}return s||++i!=n?s:(n=r==null?0:r.length,!!n&&jTe(n)&&YTe(o,n)&&(GTe(r)||HTe(r)))}AZ.exports=JTe});var hN=w((Oat,lZ)=>{var WTe=tZ(),zTe=fN();function VTe(r,e){return r!=null&&zTe(r,e,WTe)}lZ.exports=VTe});var uZ=w((Mat,cZ)=>{var XTe=$_(),_Te=hN();function ZTe(r,e){return XTe(r,e,function(t,i){return _Te(r,i)})}cZ.exports=ZTe});var b0=w((Kat,gZ)=>{function $Te(r,e){for(var t=-1,i=e.length,n=r.length;++t<i;)r[n+t]=e[t];return r}gZ.exports=$Te});var dZ=w((Uat,pZ)=>{var fZ=Ec(),eOe=zC(),tOe=ws(),hZ=fZ?fZ.isConcatSpreadable:void 0;function rOe(r){return tOe(r)||eOe(r)||!!(hZ&&r&&r[hZ])}pZ.exports=rOe});var EZ=w((Hat,mZ)=>{var iOe=b0(),nOe=dZ();function CZ(r,e,t,i,n){var s=-1,o=r.length;for(t||(t=nOe),n||(n=[]);++s<o;){var a=r[s];e>0&&t(a)?e>1?CZ(a,e-1,t,i,n):iOe(n,a):i||(n[n.length]=a)}return n}mZ.exports=CZ});var yZ=w((Gat,IZ)=>{var sOe=EZ();function oOe(r){var e=r==null?0:r.length;return e?sOe(r,1):[]}IZ.exports=oOe});var BZ=w((Yat,wZ)=>{function aOe(r,e,t){switch(t.length){case 0:return r.call(e);case 1:return r.call(e,t[0]);case 2:return r.call(e,t[0],t[1]);case 3:return r.call(e,t[0],t[1],t[2])}return r.apply(e,t)}wZ.exports=aOe});var pN=w((jat,bZ)=>{var AOe=BZ(),QZ=Math.max;function lOe(r,e,t){return e=QZ(e===void 0?r.length-1:e,0),function(){for(var i=arguments,n=-1,s=QZ(i.length-e,0),o=Array(s);++n<s;)o[n]=i[e+n];n=-1;for(var a=Array(e+1);++n<e;)a[n]=i[n];return a[e]=t(o),AOe(r,this,a)}}bZ.exports=lOe});var vZ=w((qat,SZ)=>{function cOe(r){return function(){return r}}SZ.exports=cOe});var S0=w((Jat,xZ)=>{function uOe(r){return r}xZ.exports=uOe});var kZ=w((Wat,DZ)=>{var gOe=vZ(),PZ=uN(),fOe=S0(),hOe=PZ?function(r,e){return PZ(r,"toString",{configurable:!0,enumerable:!1,value:gOe(e),writable:!0})}:fOe;DZ.exports=hOe});var FZ=w((zat,RZ)=>{var pOe=800,dOe=16,COe=Date.now;function mOe(r){var e=0,t=0;return function(){var i=COe(),n=dOe-(i-t);if(t=i,n>0){if(++e>=pOe)return arguments[0]}else e=0;return r.apply(void 0,arguments)}}RZ.exports=mOe});var dN=w((Vat,NZ)=>{var EOe=kZ(),IOe=FZ(),yOe=IOe(EOe);NZ.exports=yOe});var TZ=w((Xat,LZ)=>{var wOe=yZ(),BOe=pN(),QOe=dN();function bOe(r){return QOe(BOe(r,void 0,wOe),r+"")}LZ.exports=bOe});var MZ=w((_at,OZ)=>{var SOe=uZ(),vOe=TZ(),xOe=vOe(function(r,e){return r==null?{}:SOe(r,e)});OZ.exports=xOe});var XZ=w((Ilt,VZ)=>{"use strict";var BN;try{BN=Map}catch{}var QN;try{QN=Set}catch{}function WZ(r,e,t){if(!r||typeof r!="object"||typeof r=="function")return r;if(r.nodeType&&"cloneNode"in r)return r.cloneNode(!0);if(r instanceof Date)return new Date(r.getTime());if(r instanceof RegExp)return new RegExp(r);if(Array.isArray(r))return r.map(zZ);if(BN&&r instanceof BN)return new Map(Array.from(r.entries()));if(QN&&r instanceof QN)return new Set(Array.from(r.values()));if(r instanceof Object){e.push(r);var i=Object.create(r);t.push(i);for(var n in r){var s=e.findIndex(function(o){return o===r[n]});i[n]=s>-1?t[s]:WZ(r[n],e,t)}return i}return r}function zZ(r){return WZ(r,[],[])}VZ.exports=zZ});var XC=w(bN=>{"use strict";Object.defineProperty(bN,"__esModule",{value:!0});bN.default=YOe;var OOe=Object.prototype.toString,MOe=Error.prototype.toString,KOe=RegExp.prototype.toString,UOe=typeof Symbol<"u"?Symbol.prototype.toString:()=>"",HOe=/^Symbol\((.*)\)(.*)$/;function GOe(r){return r!=+r?"NaN":r===0&&1/r<0?"-0":""+r}function _Z(r,e=!1){if(r==null||r===!0||r===!1)return""+r;let t=typeof r;if(t==="number")return GOe(r);if(t==="string")return e?`"${r}"`:r;if(t==="function")return"[Function "+(r.name||"anonymous")+"]";if(t==="symbol")return UOe.call(r).replace(HOe,"Symbol($1)");let i=OOe.call(r).slice(8,-1);return i==="Date"?isNaN(r.getTime())?""+r:r.toISOString(r):i==="Error"||r instanceof Error?"["+MOe.call(r)+"]":i==="RegExp"?KOe.call(r):null}function YOe(r,e){let t=_Z(r,e);return t!==null?t:JSON.stringify(r,function(i,n){let s=_Z(this[i],e);return s!==null?s:n},2)}});var za=w(mi=>{"use strict";Object.defineProperty(mi,"__esModule",{value:!0});mi.default=mi.array=mi.object=mi.boolean=mi.date=mi.number=mi.string=mi.mixed=void 0;var ZZ=jOe(XC());function jOe(r){return r&&r.__esModule?r:{default:r}}var $Z={default:"${path} is invalid",required:"${path} is a required field",oneOf:"${path} must be one of the following values: ${values}",notOneOf:"${path} must not be one of the following values: ${values}",notType:({path:r,type:e,value:t,originalValue:i})=>{let n=i!=null&&i!==t,s=`${r} must be a \`${e}\` type, but the final value was: \`${(0,ZZ.default)(t,!0)}\``+(n?` (cast from the value \`${(0,ZZ.default)(i,!0)}\`).`:".");return t===null&&(s+='\n If "null" is intended as an empty value be sure to mark the schema as `.nullable()`'),s},defined:"${path} must be defined"};mi.mixed=$Z;var e$={length:"${path} must be exactly ${length} characters",min:"${path} must be at least ${min} characters",max:"${path} must be at most ${max} characters",matches:'${path} must match the following: "${regex}"',email:"${path} must be a valid email",url:"${path} must be a valid URL",uuid:"${path} must be a valid UUID",trim:"${path} must be a trimmed string",lowercase:"${path} must be a lowercase string",uppercase:"${path} must be a upper case string"};mi.string=e$;var t$={min:"${path} must be greater than or equal to ${min}",max:"${path} must be less than or equal to ${max}",lessThan:"${path} must be less than ${less}",moreThan:"${path} must be greater than ${more}",positive:"${path} must be a positive number",negative:"${path} must be a negative number",integer:"${path} must be an integer"};mi.number=t$;var r$={min:"${path} field must be later than ${min}",max:"${path} field must be at earlier than ${max}"};mi.date=r$;var i$={isValue:"${path} field must be ${value}"};mi.boolean=i$;var n$={noUnknown:"${path} field has unspecified keys: ${unknown}"};mi.object=n$;var s$={min:"${path} field must have at least ${min} items",max:"${path} field must have less than or equal to ${max} items",length:"${path} must be have ${length} items"};mi.array=s$;var qOe=Object.assign(Object.create(null),{mixed:$Z,string:e$,number:t$,date:r$,object:n$,array:s$,boolean:i$});mi.default=qOe});var a$=w((Blt,o$)=>{var JOe=Object.prototype,WOe=JOe.hasOwnProperty;function zOe(r,e){return r!=null&&WOe.call(r,e)}o$.exports=zOe});var _C=w((Qlt,A$)=>{var VOe=a$(),XOe=fN();function _Oe(r,e){return r!=null&&XOe(r,e,VOe)}A$.exports=_Oe});var dh=w(F0=>{"use strict";Object.defineProperty(F0,"__esModule",{value:!0});F0.default=void 0;var ZOe=r=>r&&r.__isYupSchema__;F0.default=ZOe});var c$=w(N0=>{"use strict";Object.defineProperty(N0,"__esModule",{value:!0});N0.default=void 0;var $Oe=l$(_C()),eMe=l$(dh());function l$(r){return r&&r.__esModule?r:{default:r}}var SN=class{constructor(e,t){if(this.refs=e,this.refs=e,typeof t=="function"){this.fn=t;return}if(!(0,$Oe.default)(t,"is"))throw new TypeError("`is:` is required for `when()` conditions");if(!t.then&&!t.otherwise)throw new TypeError("either `then:` or `otherwise:` is required for `when()` conditions");let{is:i,then:n,otherwise:s}=t,o=typeof i=="function"?i:(...a)=>a.every(l=>l===i);this.fn=function(...a){let l=a.pop(),c=a.pop(),u=o(...a)?n:s;if(!!u)return typeof u=="function"?u(c):c.concat(u.resolve(l))}}resolve(e,t){let i=this.refs.map(s=>s.getValue(t==null?void 0:t.value,t==null?void 0:t.parent,t==null?void 0:t.context)),n=this.fn.apply(e,i.concat(e,t));if(n===void 0||n===e)return e;if(!(0,eMe.default)(n))throw new TypeError("conditions must return a schema object");return n.resolve(t)}},tMe=SN;N0.default=tMe});var xN=w(vN=>{"use strict";Object.defineProperty(vN,"__esModule",{value:!0});vN.default=rMe;function rMe(r){return r==null?[]:[].concat(r)}});var Hc=w(L0=>{"use strict";Object.defineProperty(L0,"__esModule",{value:!0});L0.default=void 0;var iMe=u$(XC()),nMe=u$(xN());function u$(r){return r&&r.__esModule?r:{default:r}}function PN(){return PN=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(r[i]=t[i])}return r},PN.apply(this,arguments)}var sMe=/\$\{\s*(\w+)\s*\}/g,Ch=class extends Error{static formatError(e,t){let i=t.label||t.path||"this";return i!==t.path&&(t=PN({},t,{path:i})),typeof e=="string"?e.replace(sMe,(n,s)=>(0,iMe.default)(t[s])):typeof e=="function"?e(t):e}static isError(e){return e&&e.name==="ValidationError"}constructor(e,t,i,n){super(),this.name="ValidationError",this.value=t,this.path=i,this.type=n,this.errors=[],this.inner=[],(0,nMe.default)(e).forEach(s=>{Ch.isError(s)?(this.errors.push(...s.errors),this.inner=this.inner.concat(s.inner.length?s.inner:s)):this.errors.push(s)}),this.message=this.errors.length>1?`${this.errors.length} errors occurred`:this.errors[0],Error.captureStackTrace&&Error.captureStackTrace(this,Ch)}};L0.default=Ch});var T0=w(kN=>{"use strict";Object.defineProperty(kN,"__esModule",{value:!0});kN.default=AMe;var DN=oMe(Hc());function oMe(r){return r&&r.__esModule?r:{default:r}}var aMe=r=>{let e=!1;return(...t)=>{e||(e=!0,r(...t))}};function AMe(r,e){let{endEarly:t,tests:i,args:n,value:s,errors:o,sort:a,path:l}=r,c=aMe(e),u=i.length,g=[];if(o=o||[],!u)return o.length?c(new DN.default(o,s,l)):c(null,s);for(let f=0;f<i.length;f++){let h=i[f];h(n,function(C){if(C){if(!DN.default.isError(C))return c(C,s);if(t)return C.value=s,c(C,s);g.push(C)}if(--u<=0){if(g.length&&(a&&g.sort(a),o.length&&g.push(...o),o=g),o.length){c(new DN.default(o,s,l),s);return}c(null,s)}})}}});var f$=w((Dlt,g$)=>{function lMe(r){return function(e,t,i){for(var n=-1,s=Object(e),o=i(e),a=o.length;a--;){var l=o[r?a:++n];if(t(s[l],l,s)===!1)break}return e}}g$.exports=lMe});var RN=w((klt,h$)=>{var cMe=f$(),uMe=cMe();h$.exports=uMe});var d$=w((Rlt,p$)=>{function gMe(r,e){for(var t=-1,i=Array(r);++t<r;)i[t]=e(t);return i}p$.exports=gMe});var m$=w((Flt,C$)=>{function fMe(){return!1}C$.exports=fMe});var $C=w((ZC,mh)=>{var hMe=ds(),pMe=m$(),y$=typeof ZC=="object"&&ZC&&!ZC.nodeType&&ZC,E$=y$&&typeof mh=="object"&&mh&&!mh.nodeType&&mh,dMe=E$&&E$.exports===y$,I$=dMe?hMe.Buffer:void 0,CMe=I$?I$.isBuffer:void 0,mMe=CMe||pMe;mh.exports=mMe});var B$=w((Nlt,w$)=>{var EMe=Ic(),IMe=Q0(),yMe=Go(),wMe="[object Arguments]",BMe="[object Array]",QMe="[object Boolean]",bMe="[object Date]",SMe="[object Error]",vMe="[object Function]",xMe="[object Map]",PMe="[object Number]",DMe="[object Object]",kMe="[object RegExp]",RMe="[object Set]",FMe="[object String]",NMe="[object WeakMap]",LMe="[object ArrayBuffer]",TMe="[object DataView]",OMe="[object Float32Array]",MMe="[object Float64Array]",KMe="[object Int8Array]",UMe="[object Int16Array]",HMe="[object Int32Array]",GMe="[object Uint8Array]",YMe="[object Uint8ClampedArray]",jMe="[object Uint16Array]",qMe="[object Uint32Array]",Ir={};Ir[OMe]=Ir[MMe]=Ir[KMe]=Ir[UMe]=Ir[HMe]=Ir[GMe]=Ir[YMe]=Ir[jMe]=Ir[qMe]=!0;Ir[wMe]=Ir[BMe]=Ir[LMe]=Ir[QMe]=Ir[TMe]=Ir[bMe]=Ir[SMe]=Ir[vMe]=Ir[xMe]=Ir[PMe]=Ir[DMe]=Ir[kMe]=Ir[RMe]=Ir[FMe]=Ir[NMe]=!1;function JMe(r){return yMe(r)&&IMe(r.length)&&!!Ir[EMe(r)]}w$.exports=JMe});var O0=w((Llt,Q$)=>{function WMe(r){return function(e){return r(e)}}Q$.exports=WMe});var M0=w((em,Eh)=>{var zMe=kD(),b$=typeof em=="object"&&em&&!em.nodeType&&em,tm=b$&&typeof Eh=="object"&&Eh&&!Eh.nodeType&&Eh,VMe=tm&&tm.exports===b$,FN=VMe&&zMe.process,XMe=function(){try{var r=tm&&tm.require&&tm.require("util").types;return r||FN&&FN.binding&&FN.binding("util")}catch{}}();Eh.exports=XMe});var K0=w((Tlt,x$)=>{var _Me=B$(),ZMe=O0(),S$=M0(),v$=S$&&S$.isTypedArray,$Me=v$?ZMe(v$):_Me;x$.exports=$Me});var NN=w((Olt,P$)=>{var e1e=d$(),t1e=zC(),r1e=ws(),i1e=$C(),n1e=WC(),s1e=K0(),o1e=Object.prototype,a1e=o1e.hasOwnProperty;function A1e(r,e){var t=r1e(r),i=!t&&t1e(r),n=!t&&!i&&i1e(r),s=!t&&!i&&!n&&s1e(r),o=t||i||n||s,a=o?e1e(r.length,String):[],l=a.length;for(var c in r)(e||a1e.call(r,c))&&!(o&&(c=="length"||n&&(c=="offset"||c=="parent")||s&&(c=="buffer"||c=="byteLength"||c=="byteOffset")||n1e(c,l)))&&a.push(c);return a}P$.exports=A1e});var U0=w((Mlt,D$)=>{var l1e=Object.prototype;function c1e(r){var e=r&&r.constructor,t=typeof e=="function"&&e.prototype||l1e;return r===t}D$.exports=c1e});var LN=w((Klt,k$)=>{function u1e(r,e){return function(t){return r(e(t))}}k$.exports=u1e});var F$=w((Ult,R$)=>{var g1e=LN(),f1e=g1e(Object.keys,Object);R$.exports=f1e});var L$=w((Hlt,N$)=>{var h1e=U0(),p1e=F$(),d1e=Object.prototype,C1e=d1e.hasOwnProperty;function m1e(r){if(!h1e(r))return p1e(r);var e=[];for(var t in Object(r))C1e.call(r,t)&&t!="constructor"&&e.push(t);return e}N$.exports=m1e});var rm=w((Glt,T$)=>{var E1e=I0(),I1e=Q0();function y1e(r){return r!=null&&I1e(r.length)&&!E1e(r)}T$.exports=y1e});var Ih=w((Ylt,O$)=>{var w1e=NN(),B1e=L$(),Q1e=rm();function b1e(r){return Q1e(r)?w1e(r):B1e(r)}O$.exports=b1e});var TN=w((jlt,M$)=>{var S1e=RN(),v1e=Ih();function x1e(r,e){return r&&S1e(r,e,v1e)}M$.exports=x1e});var U$=w((qlt,K$)=>{var P1e=jC();function D1e(){this.__data__=new P1e,this.size=0}K$.exports=D1e});var G$=w((Jlt,H$)=>{function k1e(r){var e=this.__data__,t=e.delete(r);return this.size=e.size,t}H$.exports=k1e});var j$=w((Wlt,Y$)=>{function R1e(r){return this.__data__.get(r)}Y$.exports=R1e});var J$=w((zlt,q$)=>{function F1e(r){return this.__data__.has(r)}q$.exports=F1e});var z$=w((Vlt,W$)=>{var N1e=jC(),L1e=y0(),T1e=w0(),O1e=200;function M1e(r,e){var t=this.__data__;if(t instanceof N1e){var i=t.__data__;if(!L1e||i.length<O1e-1)return i.push([r,e]),this.size=++t.size,this;t=this.__data__=new T1e(i)}return t.set(r,e),this.size=t.size,this}W$.exports=M1e});var im=w((Xlt,V$)=>{var K1e=jC(),U1e=U$(),H1e=G$(),G1e=j$(),Y1e=J$(),j1e=z$();function yh(r){var e=this.__data__=new K1e(r);this.size=e.size}yh.prototype.clear=U1e;yh.prototype.delete=H1e;yh.prototype.get=G1e;yh.prototype.has=Y1e;yh.prototype.set=j1e;V$.exports=yh});var _$=w((_lt,X$)=>{var q1e="__lodash_hash_undefined__";function J1e(r){return this.__data__.set(r,q1e),this}X$.exports=J1e});var $$=w((Zlt,Z$)=>{function W1e(r){return this.__data__.has(r)}Z$.exports=W1e});var tee=w(($lt,eee)=>{var z1e=w0(),V1e=_$(),X1e=$$();function H0(r){var e=-1,t=r==null?0:r.length;for(this.__data__=new z1e;++e<t;)this.add(r[e])}H0.prototype.add=H0.prototype.push=V1e;H0.prototype.has=X1e;eee.exports=H0});var iee=w((ect,ree)=>{function _1e(r,e){for(var t=-1,i=r==null?0:r.length;++t<i;)if(e(r[t],t,r))return!0;return!1}ree.exports=_1e});var see=w((tct,nee)=>{function Z1e(r,e){return r.has(e)}nee.exports=Z1e});var ON=w((rct,oee)=>{var $1e=tee(),eKe=iee(),tKe=see(),rKe=1,iKe=2;function nKe(r,e,t,i,n,s){var o=t&rKe,a=r.length,l=e.length;if(a!=l&&!(o&&l>a))return!1;var c=s.get(r),u=s.get(e);if(c&&u)return c==e&&u==r;var g=-1,f=!0,h=t&iKe?new $1e:void 0;for(s.set(r,e),s.set(e,r);++g<a;){var p=r[g],C=e[g];if(i)var y=o?i(C,p,g,e,r,s):i(p,C,g,r,e,s);if(y!==void 0){if(y)continue;f=!1;break}if(h){if(!eKe(e,function(B,v){if(!tKe(h,v)&&(p===B||n(p,B,t,i,s)))return h.push(v)})){f=!1;break}}else if(!(p===C||n(p,C,t,i,s))){f=!1;break}}return s.delete(r),s.delete(e),f}oee.exports=nKe});var MN=w((ict,aee)=>{var sKe=ds(),oKe=sKe.Uint8Array;aee.exports=oKe});var lee=w((nct,Aee)=>{function aKe(r){var e=-1,t=Array(r.size);return r.forEach(function(i,n){t[++e]=[n,i]}),t}Aee.exports=aKe});var uee=w((sct,cee)=>{function AKe(r){var e=-1,t=Array(r.size);return r.forEach(function(i){t[++e]=i}),t}cee.exports=AKe});var dee=w((oct,pee)=>{var gee=Ec(),fee=MN(),lKe=Ah(),cKe=ON(),uKe=lee(),gKe=uee(),fKe=1,hKe=2,pKe="[object Boolean]",dKe="[object Date]",CKe="[object Error]",mKe="[object Map]",EKe="[object Number]",IKe="[object RegExp]",yKe="[object Set]",wKe="[object String]",BKe="[object Symbol]",QKe="[object ArrayBuffer]",bKe="[object DataView]",hee=gee?gee.prototype:void 0,KN=hee?hee.valueOf:void 0;function SKe(r,e,t,i,n,s,o){switch(t){case bKe:if(r.byteLength!=e.byteLength||r.byteOffset!=e.byteOffset)return!1;r=r.buffer,e=e.buffer;case QKe:return!(r.byteLength!=e.byteLength||!s(new fee(r),new fee(e)));case pKe:case dKe:case EKe:return lKe(+r,+e);case CKe:return r.name==e.name&&r.message==e.message;case IKe:case wKe:return r==e+"";case mKe:var a=uKe;case yKe:var l=i&fKe;if(a||(a=gKe),r.size!=e.size&&!l)return!1;var c=o.get(r);if(c)return c==e;i|=hKe,o.set(r,e);var u=cKe(a(r),a(e),i,n,s,o);return o.delete(r),u;case BKe:if(KN)return KN.call(r)==KN.call(e)}return!1}pee.exports=SKe});var UN=w((act,Cee)=>{var vKe=b0(),xKe=ws();function PKe(r,e,t){var i=e(r);return xKe(r)?i:vKe(i,t(r))}Cee.exports=PKe});var Eee=w((Act,mee)=>{function DKe(r,e){for(var t=-1,i=r==null?0:r.length,n=0,s=[];++t<i;){var o=r[t];e(o,t,r)&&(s[n++]=o)}return s}mee.exports=DKe});var HN=w((lct,Iee)=>{function kKe(){return[]}Iee.exports=kKe});var G0=w((cct,wee)=>{var RKe=Eee(),FKe=HN(),NKe=Object.prototype,LKe=NKe.propertyIsEnumerable,yee=Object.getOwnPropertySymbols,TKe=yee?function(r){return r==null?[]:(r=Object(r),RKe(yee(r),function(e){return LKe.call(r,e)}))}:FKe;wee.exports=TKe});var GN=w((uct,Bee)=>{var OKe=UN(),MKe=G0(),KKe=Ih();function UKe(r){return OKe(r,KKe,MKe)}Bee.exports=UKe});var See=w((gct,bee)=>{var Qee=GN(),HKe=1,GKe=Object.prototype,YKe=GKe.hasOwnProperty;function jKe(r,e,t,i,n,s){var o=t&HKe,a=Qee(r),l=a.length,c=Qee(e),u=c.length;if(l!=u&&!o)return!1;for(var g=l;g--;){var f=a[g];if(!(o?f in e:YKe.call(e,f)))return!1}var h=s.get(r),p=s.get(e);if(h&&p)return h==e&&p==r;var C=!0;s.set(r,e),s.set(e,r);for(var y=o;++g<l;){f=a[g];var B=r[f],v=e[f];if(i)var D=o?i(v,B,f,e,r,s):i(B,v,f,r,e,s);if(!(D===void 0?B===v||n(B,v,t,i,s):D)){C=!1;break}y||(y=f=="constructor")}if(C&&!y){var L=r.constructor,H=e.constructor;L!=H&&"constructor"in r&&"constructor"in e&&!(typeof L=="function"&&L instanceof L&&typeof H=="function"&&H instanceof H)&&(C=!1)}return s.delete(r),s.delete(e),C}bee.exports=jKe});var xee=w((fct,vee)=>{var qKe=nl(),JKe=ds(),WKe=qKe(JKe,"DataView");vee.exports=WKe});var Dee=w((hct,Pee)=>{var zKe=nl(),VKe=ds(),XKe=zKe(VKe,"Promise");Pee.exports=XKe});var Ree=w((pct,kee)=>{var _Ke=nl(),ZKe=ds(),$Ke=_Ke(ZKe,"Set");kee.exports=$Ke});var Nee=w((dct,Fee)=>{var eUe=nl(),tUe=ds(),rUe=eUe(tUe,"WeakMap");Fee.exports=rUe});var nm=w((Cct,Hee)=>{var YN=xee(),jN=y0(),qN=Dee(),JN=Ree(),WN=Nee(),Uee=Ic(),wh=lN(),Lee="[object Map]",iUe="[object Object]",Tee="[object Promise]",Oee="[object Set]",Mee="[object WeakMap]",Kee="[object DataView]",nUe=wh(YN),sUe=wh(jN),oUe=wh(qN),aUe=wh(JN),AUe=wh(WN),Gc=Uee;(YN&&Gc(new YN(new ArrayBuffer(1)))!=Kee||jN&&Gc(new jN)!=Lee||qN&&Gc(qN.resolve())!=Tee||JN&&Gc(new JN)!=Oee||WN&&Gc(new WN)!=Mee)&&(Gc=function(r){var e=Uee(r),t=e==iUe?r.constructor:void 0,i=t?wh(t):"";if(i)switch(i){case nUe:return Kee;case sUe:return Lee;case oUe:return Tee;case aUe:return Oee;case AUe:return Mee}return e});Hee.exports=Gc});var Vee=w((mct,zee)=>{var zN=im(),lUe=ON(),cUe=dee(),uUe=See(),Gee=nm(),Yee=ws(),jee=$C(),gUe=K0(),fUe=1,qee="[object Arguments]",Jee="[object Array]",Y0="[object Object]",hUe=Object.prototype,Wee=hUe.hasOwnProperty;function pUe(r,e,t,i,n,s){var o=Yee(r),a=Yee(e),l=o?Jee:Gee(r),c=a?Jee:Gee(e);l=l==qee?Y0:l,c=c==qee?Y0:c;var u=l==Y0,g=c==Y0,f=l==c;if(f&&jee(r)){if(!jee(e))return!1;o=!0,u=!1}if(f&&!u)return s||(s=new zN),o||gUe(r)?lUe(r,e,t,i,n,s):cUe(r,e,l,t,i,n,s);if(!(t&fUe)){var h=u&&Wee.call(r,"__wrapped__"),p=g&&Wee.call(e,"__wrapped__");if(h||p){var C=h?r.value():r,y=p?e.value():e;return s||(s=new zN),n(C,y,t,i,s)}}return f?(s||(s=new zN),uUe(r,e,t,i,n,s)):!1}zee.exports=pUe});var VN=w((Ect,Zee)=>{var dUe=Vee(),Xee=Go();function _ee(r,e,t,i,n){return r===e?!0:r==null||e==null||!Xee(r)&&!Xee(e)?r!==r&&e!==e:dUe(r,e,t,i,_ee,n)}Zee.exports=_ee});var ete=w((Ict,$ee)=>{var CUe=im(),mUe=VN(),EUe=1,IUe=2;function yUe(r,e,t,i){var n=t.length,s=n,o=!i;if(r==null)return!s;for(r=Object(r);n--;){var a=t[n];if(o&&a[2]?a[1]!==r[a[0]]:!(a[0]in r))return!1}for(;++n<s;){a=t[n];var l=a[0],c=r[l],u=a[1];if(o&&a[2]){if(c===void 0&&!(l in r))return!1}else{var g=new CUe;if(i)var f=i(c,u,l,r,e,g);if(!(f===void 0?mUe(u,c,EUe|IUe,i,g):f))return!1}}return!0}$ee.exports=yUe});var XN=w((yct,tte)=>{var wUe=bn();function BUe(r){return r===r&&!wUe(r)}tte.exports=BUe});var ite=w((wct,rte)=>{var QUe=XN(),bUe=Ih();function SUe(r){for(var e=bUe(r),t=e.length;t--;){var i=e[t],n=r[i];e[t]=[i,n,QUe(n)]}return e}rte.exports=SUe});var _N=w((Bct,nte)=>{function vUe(r,e){return function(t){return t==null?!1:t[r]===e&&(e!==void 0||r in Object(t))}}nte.exports=vUe});var ote=w((Qct,ste)=>{var xUe=ete(),PUe=ite(),DUe=_N();function kUe(r){var e=PUe(r);return e.length==1&&e[0][2]?DUe(e[0][0],e[0][1]):function(t){return t===r||xUe(t,r,e)}}ste.exports=kUe});var j0=w((bct,ate)=>{var RUe=JC();function FUe(r,e,t){var i=r==null?void 0:RUe(r,e);return i===void 0?t:i}ate.exports=FUe});var lte=w((Sct,Ate)=>{var NUe=VN(),LUe=j0(),TUe=hN(),OUe=E0(),MUe=XN(),KUe=_N(),UUe=Uc(),HUe=1,GUe=2;function YUe(r,e){return OUe(r)&&MUe(e)?KUe(UUe(r),e):function(t){var i=LUe(t,r);return i===void 0&&i===e?TUe(t,r):NUe(e,i,HUe|GUe)}}Ate.exports=YUe});var ute=w((vct,cte)=>{function jUe(r){return function(e){return e==null?void 0:e[r]}}cte.exports=jUe});var fte=w((xct,gte)=>{var qUe=JC();function JUe(r){return function(e){return qUe(e,r)}}gte.exports=JUe});var pte=w((Pct,hte)=>{var WUe=ute(),zUe=fte(),VUe=E0(),XUe=Uc();function _Ue(r){return VUe(r)?WUe(XUe(r)):zUe(r)}hte.exports=_Ue});var ZN=w((Dct,dte)=>{var ZUe=ote(),$Ue=lte(),e2e=S0(),t2e=ws(),r2e=pte();function i2e(r){return typeof r=="function"?r:r==null?e2e:typeof r=="object"?t2e(r)?$Ue(r[0],r[1]):ZUe(r):r2e(r)}dte.exports=i2e});var $N=w((kct,Cte)=>{var n2e=gh(),s2e=TN(),o2e=ZN();function a2e(r,e){var t={};return e=o2e(e,3),s2e(r,function(i,n,s){n2e(t,n,e(i,n,s))}),t}Cte.exports=a2e});var sm=w((Rct,wte)=>{"use strict";function Yc(r){this._maxSize=r,this.clear()}Yc.prototype.clear=function(){this._size=0,this._values=Object.create(null)};Yc.prototype.get=function(r){return this._values[r]};Yc.prototype.set=function(r,e){return this._size>=this._maxSize&&this.clear(),r in this._values||this._size++,this._values[r]=e};var A2e=/[^.^\]^[]+|(?=\[\]|\.\.)/g,yte=/^\d+$/,l2e=/^\d/,c2e=/[~`!#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?]/g,u2e=/^\s*(['"]?)(.*?)(\1)\s*$/,rL=512,mte=new Yc(rL),Ete=new Yc(rL),Ite=new Yc(rL);wte.exports={Cache:Yc,split:tL,normalizePath:eL,setter:function(r){var e=eL(r);return Ete.get(r)||Ete.set(r,function(i,n){for(var s=0,o=e.length,a=i;s<o-1;){var l=e[s];if(l==="__proto__"||l==="constructor"||l==="prototype")return i;a=a[e[s++]]}a[e[s]]=n})},getter:function(r,e){var t=eL(r);return Ite.get(r)||Ite.set(r,function(n){for(var s=0,o=t.length;s<o;)if(n!=null||!e)n=n[t[s++]];else return;return n})},join:function(r){return r.reduce(function(e,t){return e+(iL(t)||yte.test(t)?"["+t+"]":(e?".":"")+t)},"")},forEach:function(r,e,t){g2e(Array.isArray(r)?r:tL(r),e,t)}};function eL(r){return mte.get(r)||mte.set(r,tL(r).map(function(e){return e.replace(u2e,"$2")}))}function tL(r){return r.match(A2e)}function g2e(r,e,t){var i=r.length,n,s,o,a;for(s=0;s<i;s++)n=r[s],n&&(p2e(n)&&(n='"'+n+'"'),a=iL(n),o=!a&&/^\d+$/.test(n),e.call(t,n,a,o,s,r))}function iL(r){return typeof r=="string"&&r&&["'",'"'].indexOf(r.charAt(0))!==-1}function f2e(r){return r.match(l2e)&&!r.match(yte)}function h2e(r){return c2e.test(r)}function p2e(r){return!iL(r)&&(f2e(r)||h2e(r))}});var jc=w(am=>{"use strict";Object.defineProperty(am,"__esModule",{value:!0});am.create=C2e;am.default=void 0;var d2e=sm(),q0={context:"$",value:"."};function C2e(r,e){return new om(r,e)}var om=class{constructor(e,t={}){if(typeof e!="string")throw new TypeError("ref must be a string, got: "+e);if(this.key=e.trim(),e==="")throw new TypeError("ref must be a non-empty string");this.isContext=this.key[0]===q0.context,this.isValue=this.key[0]===q0.value,this.isSibling=!this.isContext&&!this.isValue;let i=this.isContext?q0.context:this.isValue?q0.value:"";this.path=this.key.slice(i.length),this.getter=this.path&&(0,d2e.getter)(this.path,!0),this.map=t.map}getValue(e,t,i){let n=this.isContext?i:this.isValue?e:t;return this.getter&&(n=this.getter(n||{})),this.map&&(n=this.map(n)),n}cast(e,t){return this.getValue(e,t==null?void 0:t.parent,t==null?void 0:t.context)}resolve(){return this}describe(){return{type:"ref",key:this.key}}toString(){return`Ref(${this.key})`}static isRef(e){return e&&e.__isYupRef}};am.default=om;om.prototype.__isYupRef=!0});var Bte=w(sL=>{"use strict";Object.defineProperty(sL,"__esModule",{value:!0});sL.default=y2e;var m2e=nL($N()),J0=nL(Hc()),E2e=nL(jc());function nL(r){return r&&r.__esModule?r:{default:r}}function W0(){return W0=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(r[i]=t[i])}return r},W0.apply(this,arguments)}function I2e(r,e){if(r==null)return{};var t={},i=Object.keys(r),n,s;for(s=0;s<i.length;s++)n=i[s],!(e.indexOf(n)>=0)&&(t[n]=r[n]);return t}function y2e(r){function e(t,i){let{value:n,path:s="",label:o,options:a,originalValue:l,sync:c}=t,u=I2e(t,["value","path","label","options","originalValue","sync"]),{name:g,test:f,params:h,message:p}=r,{parent:C,context:y}=a;function B(j){return E2e.default.isRef(j)?j.getValue(n,C,y):j}function v(j={}){let $=(0,m2e.default)(W0({value:n,originalValue:l,label:o,path:j.path||s},h,j.params),B),V=new J0.default(J0.default.formatError(j.message||p,$),n,$.path,j.type||g);return V.params=$,V}let D=W0({path:s,parent:C,type:g,createError:v,resolve:B,options:a,originalValue:l},u);if(!c){try{Promise.resolve(f.call(D,n,D)).then(j=>{J0.default.isError(j)?i(j):j?i(null,j):i(v())})}catch(j){i(j)}return}let L;try{var H;if(L=f.call(D,n,D),typeof((H=L)==null?void 0:H.then)=="function")throw new Error(`Validation test of type: "${D.type}" returned a Promise during a synchronous validate. This test will finish after the validate call has returned`)}catch(j){i(j);return}J0.default.isError(L)?i(L):L?i(null,L):i(v())}return e.OPTIONS=r,e}});var oL=w(Am=>{"use strict";Object.defineProperty(Am,"__esModule",{value:!0});Am.getIn=Qte;Am.default=void 0;var w2e=sm(),B2e=r=>r.substr(0,r.length-1).substr(1);function Qte(r,e,t,i=t){let n,s,o;return e?((0,w2e.forEach)(e,(a,l,c)=>{let u=l?B2e(a):a;if(r=r.resolve({context:i,parent:n,value:t}),r.innerType){let g=c?parseInt(u,10):0;if(t&&g>=t.length)throw new Error(`Yup.reach cannot resolve an array item at index: ${a}, in the path: ${e}. because there is no value at that index. `);n=t,t=t&&t[g],r=r.innerType}if(!c){if(!r.fields||!r.fields[u])throw new Error(`The schema does not contain the path: ${e}. (failed at: ${o} which is a type: "${r._type}")`);n=t,t=t&&t[u],r=r.fields[u]}s=u,o=l?"["+a+"]":"."+a}),{schema:r,parent:n,parentPath:s}):{parent:n,parentPath:e,schema:r}}var Q2e=(r,e,t,i)=>Qte(r,e,t,i).schema,b2e=Q2e;Am.default=b2e});var Ste=w(z0=>{"use strict";Object.defineProperty(z0,"__esModule",{value:!0});z0.default=void 0;var bte=S2e(jc());function S2e(r){return r&&r.__esModule?r:{default:r}}var lm=class{constructor(){this.list=new Set,this.refs=new Map}get size(){return this.list.size+this.refs.size}describe(){let e=[];for(let t of this.list)e.push(t);for(let[,t]of this.refs)e.push(t.describe());return e}toArray(){return Array.from(this.list).concat(Array.from(this.refs.values()))}add(e){bte.default.isRef(e)?this.refs.set(e.key,e):this.list.add(e)}delete(e){bte.default.isRef(e)?this.refs.delete(e.key):this.list.delete(e)}has(e,t){if(this.list.has(e))return!0;let i,n=this.refs.values();for(;i=n.next(),!i.done;)if(t(i.value)===e)return!0;return!1}clone(){let e=new lm;return e.list=new Set(this.list),e.refs=new Map(this.refs),e}merge(e,t){let i=this.clone();return e.list.forEach(n=>i.add(n)),e.refs.forEach(n=>i.add(n)),t.list.forEach(n=>i.delete(n)),t.refs.forEach(n=>i.delete(n)),i}};z0.default=lm});var Xa=w(X0=>{"use strict";Object.defineProperty(X0,"__esModule",{value:!0});X0.default=void 0;var vte=Va(XZ()),Bh=za(),v2e=Va(c$()),xte=Va(T0()),V0=Va(Bte()),Pte=Va(XC()),x2e=Va(jc()),P2e=oL(),D2e=Va(xN()),Dte=Va(Hc()),kte=Va(Ste());function Va(r){return r&&r.__esModule?r:{default:r}}function Ps(){return Ps=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(r[i]=t[i])}return r},Ps.apply(this,arguments)}var no=class{constructor(e){this.deps=[],this.conditions=[],this._whitelist=new kte.default,this._blacklist=new kte.default,this.exclusiveTests=Object.create(null),this.tests=[],this.transforms=[],this.withMutation(()=>{this.typeError(Bh.mixed.notType)}),this.type=(e==null?void 0:e.type)||"mixed",this.spec=Ps({strip:!1,strict:!1,abortEarly:!0,recursive:!0,nullable:!1,presence:"optional"},e==null?void 0:e.spec)}get _type(){return this.type}_typeCheck(e){return!0}clone(e){if(this._mutate)return e&&Object.assign(this.spec,e),this;let t=Object.create(Object.getPrototypeOf(this));return t.type=this.type,t._typeError=this._typeError,t._whitelistError=this._whitelistError,t._blacklistError=this._blacklistError,t._whitelist=this._whitelist.clone(),t._blacklist=this._blacklist.clone(),t.exclusiveTests=Ps({},this.exclusiveTests),t.deps=[...this.deps],t.conditions=[...this.conditions],t.tests=[...this.tests],t.transforms=[...this.transforms],t.spec=(0,vte.default)(Ps({},this.spec,e)),t}label(e){var t=this.clone();return t.spec.label=e,t}meta(...e){if(e.length===0)return this.spec.meta;let t=this.clone();return t.spec.meta=Object.assign(t.spec.meta||{},e[0]),t}withMutation(e){let t=this._mutate;this._mutate=!0;let i=e(this);return this._mutate=t,i}concat(e){if(!e||e===this)return this;if(e.type!==this.type&&this.type!=="mixed")throw new TypeError(`You cannot \`concat()\` schema's of different types: ${this.type} and ${e.type}`);let t=this,i=e.clone(),n=Ps({},t.spec,i.spec);return i.spec=n,i._typeError||(i._typeError=t._typeError),i._whitelistError||(i._whitelistError=t._whitelistError),i._blacklistError||(i._blacklistError=t._blacklistError),i._whitelist=t._whitelist.merge(e._whitelist,e._blacklist),i._blacklist=t._blacklist.merge(e._blacklist,e._whitelist),i.tests=t.tests,i.exclusiveTests=t.exclusiveTests,i.withMutation(s=>{e.tests.forEach(o=>{s.test(o.OPTIONS)})}),i}isType(e){return this.spec.nullable&&e===null?!0:this._typeCheck(e)}resolve(e){let t=this;if(t.conditions.length){let i=t.conditions;t=t.clone(),t.conditions=[],t=i.reduce((n,s)=>s.resolve(n,e),t),t=t.resolve(e)}return t}cast(e,t={}){let i=this.resolve(Ps({value:e},t)),n=i._cast(e,t);if(e!==void 0&&t.assert!==!1&&i.isType(n)!==!0){let s=(0,Pte.default)(e),o=(0,Pte.default)(n);throw new TypeError(`The value of ${t.path||"field"} could not be cast to a value that satisfies the schema type: "${i._type}". 
-
-attempted value: ${s} 
-`+(o!==s?`result of cast: ${o}`:""))}return n}_cast(e,t){let i=e===void 0?e:this.transforms.reduce((n,s)=>s.call(this,n,e,this),e);return i===void 0&&(i=this.getDefault()),i}_validate(e,t={},i){let{sync:n,path:s,from:o=[],originalValue:a=e,strict:l=this.spec.strict,abortEarly:c=this.spec.abortEarly}=t,u=e;l||(u=this._cast(u,Ps({assert:!1},t)));let g={value:u,path:s,options:t,originalValue:a,schema:this,label:this.spec.label,sync:n,from:o},f=[];this._typeError&&f.push(this._typeError),this._whitelistError&&f.push(this._whitelistError),this._blacklistError&&f.push(this._blacklistError),(0,xte.default)({args:g,value:u,path:s,sync:n,tests:f,endEarly:c},h=>{if(h)return void i(h,u);(0,xte.default)({tests:this.tests,args:g,path:s,sync:n,value:u,endEarly:c},i)})}validate(e,t,i){let n=this.resolve(Ps({},t,{value:e}));return typeof i=="function"?n._validate(e,t,i):new Promise((s,o)=>n._validate(e,t,(a,l)=>{a?o(a):s(l)}))}validateSync(e,t){let i=this.resolve(Ps({},t,{value:e})),n;return i._validate(e,Ps({},t,{sync:!0}),(s,o)=>{if(s)throw s;n=o}),n}isValid(e,t){return this.validate(e,t).then(()=>!0,i=>{if(Dte.default.isError(i))return!1;throw i})}isValidSync(e,t){try{return this.validateSync(e,t),!0}catch(i){if(Dte.default.isError(i))return!1;throw i}}_getDefault(){let e=this.spec.default;return e==null?e:typeof e=="function"?e.call(this):(0,vte.default)(e)}getDefault(e){return this.resolve(e||{})._getDefault()}default(e){return arguments.length===0?this._getDefault():this.clone({default:e})}strict(e=!0){var t=this.clone();return t.spec.strict=e,t}_isPresent(e){return e!=null}defined(e=Bh.mixed.defined){return this.test({message:e,name:"defined",exclusive:!0,test(t){return t!==void 0}})}required(e=Bh.mixed.required){return this.clone({presence:"required"}).withMutation(t=>t.test({message:e,name:"required",exclusive:!0,test(i){return this.schema._isPresent(i)}}))}notRequired(){var e=this.clone({presence:"optional"});return e.tests=e.tests.filter(t=>t.OPTIONS.name!=="required"),e}nullable(e=!0){var t=this.clone({nullable:e!==!1});return t}transform(e){var t=this.clone();return t.transforms.push(e),t}test(...e){let t;if(e.length===1?typeof e[0]=="function"?t={test:e[0]}:t=e[0]:e.length===2?t={name:e[0],test:e[1]}:t={name:e[0],message:e[1],test:e[2]},t.message===void 0&&(t.message=Bh.mixed.default),typeof t.test!="function")throw new TypeError("`test` is a required parameters");let i=this.clone(),n=(0,V0.default)(t),s=t.exclusive||t.name&&i.exclusiveTests[t.name]===!0;if(t.exclusive&&!t.name)throw new TypeError("Exclusive tests must provide a unique `name` identifying the test");return t.name&&(i.exclusiveTests[t.name]=!!t.exclusive),i.tests=i.tests.filter(o=>!(o.OPTIONS.name===t.name&&(s||o.OPTIONS.test===n.OPTIONS.test))),i.tests.push(n),i}when(e,t){!Array.isArray(e)&&typeof e!="string"&&(t=e,e=".");let i=this.clone(),n=(0,D2e.default)(e).map(s=>new x2e.default(s));return n.forEach(s=>{s.isSibling&&i.deps.push(s.key)}),i.conditions.push(new v2e.default(n,t)),i}typeError(e){var t=this.clone();return t._typeError=(0,V0.default)({message:e,name:"typeError",test(i){return i!==void 0&&!this.schema.isType(i)?this.createError({params:{type:this.schema._type}}):!0}}),t}oneOf(e,t=Bh.mixed.oneOf){var i=this.clone();return e.forEach(n=>{i._whitelist.add(n),i._blacklist.delete(n)}),i._whitelistError=(0,V0.default)({message:t,name:"oneOf",test(n){if(n===void 0)return!0;let s=this.schema._whitelist;return s.has(n,this.resolve)?!0:this.createError({params:{values:s.toArray().join(", ")}})}}),i}notOneOf(e,t=Bh.mixed.notOneOf){var i=this.clone();return e.forEach(n=>{i._blacklist.add(n),i._whitelist.delete(n)}),i._blacklistError=(0,V0.default)({message:t,name:"notOneOf",test(n){let s=this.schema._blacklist;return s.has(n,this.resolve)?this.createError({params:{values:s.toArray().join(", ")}}):!0}}),i}strip(e=!0){let t=this.clone();return t.spec.strip=e,t}describe(){let e=this.clone(),{label:t,meta:i}=e.spec;return{meta:i,label:t,type:e.type,oneOf:e._whitelist.describe(),notOneOf:e._blacklist.describe(),tests:e.tests.map(s=>({name:s.OPTIONS.name,params:s.OPTIONS.params})).filter((s,o,a)=>a.findIndex(l=>l.name===s.name)===o)}}};X0.default=no;no.prototype.__isYupSchema__=!0;for(let r of["validate","validateSync"])no.prototype[`${r}At`]=function(e,t,i={}){let{parent:n,parentPath:s,schema:o}=(0,P2e.getIn)(this,e,t,i.context);return o[r](n&&n[s],Ps({},i,{parent:n,path:e}))};for(let r of["equals","is"])no.prototype[r]=no.prototype.oneOf;for(let r of["not","nope"])no.prototype[r]=no.prototype.notOneOf;no.prototype.optional=no.prototype.notRequired});var Fte=w(cm=>{"use strict";Object.defineProperty(cm,"__esModule",{value:!0});cm.create=Rte;cm.default=void 0;var k2e=R2e(Xa());function R2e(r){return r&&r.__esModule?r:{default:r}}var aL=k2e.default,F2e=aL;cm.default=F2e;function Rte(){return new aL}Rte.prototype=aL.prototype});var Qh=w(_0=>{"use strict";Object.defineProperty(_0,"__esModule",{value:!0});_0.default=void 0;var N2e=r=>r==null;_0.default=N2e});var Mte=w(gm=>{"use strict";Object.defineProperty(gm,"__esModule",{value:!0});gm.create=Ote;gm.default=void 0;var L2e=Tte(Xa()),Nte=za(),Lte=Tte(Qh());function Tte(r){return r&&r.__esModule?r:{default:r}}function Ote(){return new um}var um=class extends L2e.default{constructor(){super({type:"boolean"}),this.withMutation(()=>{this.transform(function(e){if(!this.isType(e)){if(/^(true|1)$/i.test(String(e)))return!0;if(/^(false|0)$/i.test(String(e)))return!1}return e})})}_typeCheck(e){return e instanceof Boolean&&(e=e.valueOf()),typeof e=="boolean"}isTrue(e=Nte.boolean.isValue){return this.test({message:e,name:"is-value",exclusive:!0,params:{value:"true"},test(t){return(0,Lte.default)(t)||t===!0}})}isFalse(e=Nte.boolean.isValue){return this.test({message:e,name:"is-value",exclusive:!0,params:{value:"false"},test(t){return(0,Lte.default)(t)||t===!1}})}};gm.default=um;Ote.prototype=um.prototype});var Hte=w(hm=>{"use strict";Object.defineProperty(hm,"__esModule",{value:!0});hm.create=Ute;hm.default=void 0;var Zo=za(),_a=Kte(Qh()),T2e=Kte(Xa());function Kte(r){return r&&r.__esModule?r:{default:r}}var O2e=/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i,M2e=/^((https?|ftp):)?\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i,K2e=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i,U2e=r=>(0,_a.default)(r)||r===r.trim(),H2e={}.toString();function Ute(){return new fm}var fm=class extends T2e.default{constructor(){super({type:"string"}),this.withMutation(()=>{this.transform(function(e){if(this.isType(e)||Array.isArray(e))return e;let t=e!=null&&e.toString?e.toString():e;return t===H2e?e:t})})}_typeCheck(e){return e instanceof String&&(e=e.valueOf()),typeof e=="string"}_isPresent(e){return super._isPresent(e)&&!!e.length}length(e,t=Zo.string.length){return this.test({message:t,name:"length",exclusive:!0,params:{length:e},test(i){return(0,_a.default)(i)||i.length===this.resolve(e)}})}min(e,t=Zo.string.min){return this.test({message:t,name:"min",exclusive:!0,params:{min:e},test(i){return(0,_a.default)(i)||i.length>=this.resolve(e)}})}max(e,t=Zo.string.max){return this.test({name:"max",exclusive:!0,message:t,params:{max:e},test(i){return(0,_a.default)(i)||i.length<=this.resolve(e)}})}matches(e,t){let i=!1,n,s;return t&&(typeof t=="object"?{excludeEmptyString:i=!1,message:n,name:s}=t:n=t),this.test({name:s||"matches",message:n||Zo.string.matches,params:{regex:e},test:o=>(0,_a.default)(o)||o===""&&i||o.search(e)!==-1})}email(e=Zo.string.email){return this.matches(O2e,{name:"email",message:e,excludeEmptyString:!0})}url(e=Zo.string.url){return this.matches(M2e,{name:"url",message:e,excludeEmptyString:!0})}uuid(e=Zo.string.uuid){return this.matches(K2e,{name:"uuid",message:e,excludeEmptyString:!1})}ensure(){return this.default("").transform(e=>e===null?"":e)}trim(e=Zo.string.trim){return this.transform(t=>t!=null?t.trim():t).test({message:e,name:"trim",test:U2e})}lowercase(e=Zo.string.lowercase){return this.transform(t=>(0,_a.default)(t)?t:t.toLowerCase()).test({message:e,name:"string_case",exclusive:!0,test:t=>(0,_a.default)(t)||t===t.toLowerCase()})}uppercase(e=Zo.string.uppercase){return this.transform(t=>(0,_a.default)(t)?t:t.toUpperCase()).test({message:e,name:"string_case",exclusive:!0,test:t=>(0,_a.default)(t)||t===t.toUpperCase()})}};hm.default=fm;Ute.prototype=fm.prototype});var jte=w(dm=>{"use strict";Object.defineProperty(dm,"__esModule",{value:!0});dm.create=Yte;dm.default=void 0;var qc=za(),Jc=Gte(Qh()),G2e=Gte(Xa());function Gte(r){return r&&r.__esModule?r:{default:r}}var Y2e=r=>r!=+r;function Yte(){return new pm}var pm=class extends G2e.default{constructor(){super({type:"number"}),this.withMutation(()=>{this.transform(function(e){let t=e;if(typeof t=="string"){if(t=t.replace(/\s/g,""),t==="")return NaN;t=+t}return this.isType(t)?t:parseFloat(t)})})}_typeCheck(e){return e instanceof Number&&(e=e.valueOf()),typeof e=="number"&&!Y2e(e)}min(e,t=qc.number.min){return this.test({message:t,name:"min",exclusive:!0,params:{min:e},test(i){return(0,Jc.default)(i)||i>=this.resolve(e)}})}max(e,t=qc.number.max){return this.test({message:t,name:"max",exclusive:!0,params:{max:e},test(i){return(0,Jc.default)(i)||i<=this.resolve(e)}})}lessThan(e,t=qc.number.lessThan){return this.test({message:t,name:"max",exclusive:!0,params:{less:e},test(i){return(0,Jc.default)(i)||i<this.resolve(e)}})}moreThan(e,t=qc.number.moreThan){return this.test({message:t,name:"min",exclusive:!0,params:{more:e},test(i){return(0,Jc.default)(i)||i>this.resolve(e)}})}positive(e=qc.number.positive){return this.moreThan(0,e)}negative(e=qc.number.negative){return this.lessThan(0,e)}integer(e=qc.number.integer){return this.test({name:"integer",message:e,test:t=>(0,Jc.default)(t)||Number.isInteger(t)})}truncate(){return this.transform(e=>(0,Jc.default)(e)?e:e|0)}round(e){var t,i=["ceil","floor","round","trunc"];if(e=((t=e)==null?void 0:t.toLowerCase())||"round",e==="trunc")return this.truncate();if(i.indexOf(e.toLowerCase())===-1)throw new TypeError("Only valid options for round() are: "+i.join(", "));return this.transform(n=>(0,Jc.default)(n)?n:Math[e](n))}};dm.default=pm;Yte.prototype=pm.prototype});var qte=w(AL=>{"use strict";Object.defineProperty(AL,"__esModule",{value:!0});AL.default=q2e;var j2e=/^(\d{4}|[+\-]\d{6})(?:-?(\d{2})(?:-?(\d{2}))?)?(?:[ T]?(\d{2}):?(\d{2})(?::?(\d{2})(?:[,\.](\d{1,}))?)?(?:(Z)|([+\-])(\d{2})(?::?(\d{2}))?)?)?$/;function q2e(r){var e=[1,4,5,6,7,10,11],t=0,i,n;if(n=j2e.exec(r)){for(var s=0,o;o=e[s];++s)n[o]=+n[o]||0;n[2]=(+n[2]||1)-1,n[3]=+n[3]||1,n[7]=n[7]?String(n[7]).substr(0,3):0,(n[8]===void 0||n[8]==="")&&(n[9]===void 0||n[9]==="")?i=+new Date(n[1],n[2],n[3],n[4],n[5],n[6],n[7]):(n[8]!=="Z"&&n[9]!==void 0&&(t=n[10]*60+n[11],n[9]==="+"&&(t=0-t)),i=Date.UTC(n[1],n[2],n[3],n[4],n[5]+t,n[6],n[7]))}else i=Date.parse?Date.parse(r):NaN;return i}});var zte=w(Cm=>{"use strict";Object.defineProperty(Cm,"__esModule",{value:!0});Cm.create=cL;Cm.default=void 0;var J2e=Z0(qte()),Jte=za(),Wte=Z0(Qh()),W2e=Z0(jc()),z2e=Z0(Xa());function Z0(r){return r&&r.__esModule?r:{default:r}}var lL=new Date(""),V2e=r=>Object.prototype.toString.call(r)==="[object Date]";function cL(){return new bh}var bh=class extends z2e.default{constructor(){super({type:"date"}),this.withMutation(()=>{this.transform(function(e){return this.isType(e)?e:(e=(0,J2e.default)(e),isNaN(e)?lL:new Date(e))})})}_typeCheck(e){return V2e(e)&&!isNaN(e.getTime())}prepareParam(e,t){let i;if(W2e.default.isRef(e))i=e;else{let n=this.cast(e);if(!this._typeCheck(n))throw new TypeError(`\`${t}\` must be a Date or a value that can be \`cast()\` to a Date`);i=n}return i}min(e,t=Jte.date.min){let i=this.prepareParam(e,"min");return this.test({message:t,name:"min",exclusive:!0,params:{min:e},test(n){return(0,Wte.default)(n)||n>=this.resolve(i)}})}max(e,t=Jte.date.max){var i=this.prepareParam(e,"max");return this.test({message:t,name:"max",exclusive:!0,params:{max:e},test(n){return(0,Wte.default)(n)||n<=this.resolve(i)}})}};Cm.default=bh;bh.INVALID_DATE=lL;cL.prototype=bh.prototype;cL.INVALID_DATE=lL});var Xte=w((qct,Vte)=>{function X2e(r,e,t,i){var n=-1,s=r==null?0:r.length;for(i&&s&&(t=r[++n]);++n<s;)t=e(t,r[n],n,r);return t}Vte.exports=X2e});var Zte=w((Jct,_te)=>{function _2e(r){return function(e){return r==null?void 0:r[e]}}_te.exports=_2e});var ere=w((Wct,$te)=>{var Z2e=Zte(),$2e={\u00C0:"A",\u00C1:"A",\u00C2:"A",\u00C3:"A",\u00C4:"A",\u00C5:"A",\u00E0:"a",\u00E1:"a",\u00E2:"a",\u00E3:"a",\u00E4:"a",\u00E5:"a",\u00C7:"C",\u00E7:"c",\u00D0:"D",\u00F0:"d",\u00C8:"E",\u00C9:"E",\u00CA:"E",\u00CB:"E",\u00E8:"e",\u00E9:"e",\u00EA:"e",\u00EB:"e",\u00CC:"I",\u00CD:"I",\u00CE:"I",\u00CF:"I",\u00EC:"i",\u00ED:"i",\u00EE:"i",\u00EF:"i",\u00D1:"N",\u00F1:"n",\u00D2:"O",\u00D3:"O",\u00D4:"O",\u00D5:"O",\u00D6:"O",\u00D8:"O",\u00F2:"o",\u00F3:"o",\u00F4:"o",\u00F5:"o",\u00F6:"o",\u00F8:"o",\u00D9:"U",\u00DA:"U",\u00DB:"U",\u00DC:"U",\u00F9:"u",\u00FA:"u",\u00FB:"u",\u00FC:"u",\u00DD:"Y",\u00FD:"y",\u00FF:"y",\u00C6:"Ae",\u00E6:"ae",\u00DE:"Th",\u00FE:"th",\u00DF:"ss",\u0100:"A",\u0102:"A",\u0104:"A",\u0101:"a",\u0103:"a",\u0105:"a",\u0106:"C",\u0108:"C",\u010A:"C",\u010C:"C",\u0107:"c",\u0109:"c",\u010B:"c",\u010D:"c",\u010E:"D",\u0110:"D",\u010F:"d",\u0111:"d",\u0112:"E",\u0114:"E",\u0116:"E",\u0118:"E",\u011A:"E",\u0113:"e",\u0115:"e",\u0117:"e",\u0119:"e",\u011B:"e",\u011C:"G",\u011E:"G",\u0120:"G",\u0122:"G",\u011D:"g",\u011F:"g",\u0121:"g",\u0123:"g",\u0124:"H",\u0126:"H",\u0125:"h",\u0127:"h",\u0128:"I",\u012A:"I",\u012C:"I",\u012E:"I",\u0130:"I",\u0129:"i",\u012B:"i",\u012D:"i",\u012F:"i",\u0131:"i",\u0134:"J",\u0135:"j",\u0136:"K",\u0137:"k",\u0138:"k",\u0139:"L",\u013B:"L",\u013D:"L",\u013F:"L",\u0141:"L",\u013A:"l",\u013C:"l",\u013E:"l",\u0140:"l",\u0142:"l",\u0143:"N",\u0145:"N",\u0147:"N",\u014A:"N",\u0144:"n",\u0146:"n",\u0148:"n",\u014B:"n",\u014C:"O",\u014E:"O",\u0150:"O",\u014D:"o",\u014F:"o",\u0151:"o",\u0154:"R",\u0156:"R",\u0158:"R",\u0155:"r",\u0157:"r",\u0159:"r",\u015A:"S",\u015C:"S",\u015E:"S",\u0160:"S",\u015B:"s",\u015D:"s",\u015F:"s",\u0161:"s",\u0162:"T",\u0164:"T",\u0166:"T",\u0163:"t",\u0165:"t",\u0167:"t",\u0168:"U",\u016A:"U",\u016C:"U",\u016E:"U",\u0170:"U",\u0172:"U",\u0169:"u",\u016B:"u",\u016D:"u",\u016F:"u",\u0171:"u",\u0173:"u",\u0174:"W",\u0175:"w",\u0176:"Y",\u0177:"y",\u0178:"Y",\u0179:"Z",\u017B:"Z",\u017D:"Z",\u017A:"z",\u017C:"z",\u017E:"z",\u0132:"IJ",\u0133:"ij",\u0152:"Oe",\u0153:"oe",\u0149:"'n",\u017F:"s"},eHe=Z2e($2e);$te.exports=eHe});var rre=w((zct,tre)=>{var tHe=ere(),rHe=Kf(),iHe=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,nHe="\\u0300-\\u036f",sHe="\\ufe20-\\ufe2f",oHe="\\u20d0-\\u20ff",aHe=nHe+sHe+oHe,AHe="["+aHe+"]",lHe=RegExp(AHe,"g");function cHe(r){return r=rHe(r),r&&r.replace(iHe,tHe).replace(lHe,"")}tre.exports=cHe});var nre=w((Vct,ire)=>{var uHe=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;function gHe(r){return r.match(uHe)||[]}ire.exports=gHe});var ore=w((Xct,sre)=>{var fHe=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;function hHe(r){return fHe.test(r)}sre.exports=hHe});var bre=w((_ct,Qre)=>{var ure="\\ud800-\\udfff",pHe="\\u0300-\\u036f",dHe="\\ufe20-\\ufe2f",CHe="\\u20d0-\\u20ff",mHe=pHe+dHe+CHe,gre="\\u2700-\\u27bf",fre="a-z\\xdf-\\xf6\\xf8-\\xff",EHe="\\xac\\xb1\\xd7\\xf7",IHe="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",yHe="\\u2000-\\u206f",wHe=" \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",hre="A-Z\\xc0-\\xd6\\xd8-\\xde",BHe="\\ufe0e\\ufe0f",pre=EHe+IHe+yHe+wHe,dre="['\u2019]",are="["+pre+"]",QHe="["+mHe+"]",Cre="\\d+",bHe="["+gre+"]",mre="["+fre+"]",Ere="[^"+ure+pre+Cre+gre+fre+hre+"]",SHe="\\ud83c[\\udffb-\\udfff]",vHe="(?:"+QHe+"|"+SHe+")",xHe="[^"+ure+"]",Ire="(?:\\ud83c[\\udde6-\\uddff]){2}",yre="[\\ud800-\\udbff][\\udc00-\\udfff]",Sh="["+hre+"]",PHe="\\u200d",Are="(?:"+mre+"|"+Ere+")",DHe="(?:"+Sh+"|"+Ere+")",lre="(?:"+dre+"(?:d|ll|m|re|s|t|ve))?",cre="(?:"+dre+"(?:D|LL|M|RE|S|T|VE))?",wre=vHe+"?",Bre="["+BHe+"]?",kHe="(?:"+PHe+"(?:"+[xHe,Ire,yre].join("|")+")"+Bre+wre+")*",RHe="\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",FHe="\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])",NHe=Bre+wre+kHe,LHe="(?:"+[bHe,Ire,yre].join("|")+")"+NHe,THe=RegExp([Sh+"?"+mre+"+"+lre+"(?="+[are,Sh,"$"].join("|")+")",DHe+"+"+cre+"(?="+[are,Sh+Are,"$"].join("|")+")",Sh+"?"+Are+"+"+lre,Sh+"+"+cre,FHe,RHe,Cre,LHe].join("|"),"g");function OHe(r){return r.match(THe)||[]}Qre.exports=OHe});var vre=w((Zct,Sre)=>{var MHe=nre(),KHe=ore(),UHe=Kf(),HHe=bre();function GHe(r,e,t){return r=UHe(r),e=t?void 0:e,e===void 0?KHe(r)?HHe(r):MHe(r):r.match(e)||[]}Sre.exports=GHe});var uL=w(($ct,xre)=>{var YHe=Xte(),jHe=rre(),qHe=vre(),JHe="['\u2019]",WHe=RegExp(JHe,"g");function zHe(r){return function(e){return YHe(qHe(jHe(e).replace(WHe,"")),r,"")}}xre.exports=zHe});var Dre=w((eut,Pre)=>{var VHe=uL(),XHe=VHe(function(r,e,t){return r+(t?"_":"")+e.toLowerCase()});Pre.exports=XHe});var Rre=w((tut,kre)=>{var _He=dB(),ZHe=uL(),$He=ZHe(function(r,e,t){return e=e.toLowerCase(),r+(t?_He(e):e)});kre.exports=$He});var Nre=w((rut,Fre)=>{var eGe=gh(),tGe=TN(),rGe=ZN();function iGe(r,e){var t={};return e=rGe(e,3),tGe(r,function(i,n,s){eGe(t,e(i,n,s),i)}),t}Fre.exports=iGe});var Tre=w((iut,gL)=>{gL.exports=function(r){return Lre(nGe(r),r)};gL.exports.array=Lre;function Lre(r,e){var t=r.length,i=new Array(t),n={},s=t,o=sGe(e),a=oGe(r);for(e.forEach(function(c){if(!a.has(c[0])||!a.has(c[1]))throw new Error("Unknown node. There is an unknown node in the supplied edges.")});s--;)n[s]||l(r[s],s,new Set);return i;function l(c,u,g){if(g.has(c)){var f;try{f=", node was:"+JSON.stringify(c)}catch{f=""}throw new Error("Cyclic dependency"+f)}if(!a.has(c))throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: "+JSON.stringify(c));if(!n[u]){n[u]=!0;var h=o.get(c)||new Set;if(h=Array.from(h),u=h.length){g.add(c);do{var p=h[--u];l(p,a.get(p),g)}while(u);g.delete(c)}i[--t]=c}}}function nGe(r){for(var e=new Set,t=0,i=r.length;t<i;t++){var n=r[t];e.add(n[0]),e.add(n[1])}return Array.from(e)}function sGe(r){for(var e=new Map,t=0,i=r.length;t<i;t++){var n=r[t];e.has(n[0])||e.set(n[0],new Set),e.has(n[1])||e.set(n[1],new Set),e.get(n[0]).add(n[1])}return e}function oGe(r){for(var e=new Map,t=0,i=r.length;t<i;t++)e.set(r[t],t);return e}});var Ore=w(fL=>{"use strict";Object.defineProperty(fL,"__esModule",{value:!0});fL.default=gGe;var aGe=$0(_C()),AGe=$0(Tre()),lGe=sm(),cGe=$0(jc()),uGe=$0(dh());function $0(r){return r&&r.__esModule?r:{default:r}}function gGe(r,e=[]){let t=[],i=[];function n(s,o){var a=(0,lGe.split)(s)[0];~i.indexOf(a)||i.push(a),~e.indexOf(`${o}-${a}`)||t.push([o,a])}for(let s in r)if((0,aGe.default)(r,s)){let o=r[s];~i.indexOf(s)||i.push(s),cGe.default.isRef(o)&&o.isSibling?n(o.path,s):(0,uGe.default)(o)&&"deps"in o&&o.deps.forEach(a=>n(a,s))}return AGe.default.array(i,t).reverse()}});var Kre=w(hL=>{"use strict";Object.defineProperty(hL,"__esModule",{value:!0});hL.default=fGe;function Mre(r,e){let t=1/0;return r.some((i,n)=>{var s;if(((s=e.path)==null?void 0:s.indexOf(i))!==-1)return t=n,!0}),t}function fGe(r){return(e,t)=>Mre(r,e)-Mre(r,t)}});var Jre=w(Em=>{"use strict";Object.defineProperty(Em,"__esModule",{value:!0});Em.create=qre;Em.default=void 0;var Ure=$o(_C()),Hre=$o(Dre()),hGe=$o(Rre()),pGe=$o(Nre()),dGe=$o($N()),CGe=sm(),Gre=za(),mGe=$o(Ore()),jre=$o(Kre()),EGe=$o(T0()),IGe=$o(Hc()),pL=$o(Xa());function $o(r){return r&&r.__esModule?r:{default:r}}function vh(){return vh=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(r[i]=t[i])}return r},vh.apply(this,arguments)}var Yre=r=>Object.prototype.toString.call(r)==="[object Object]";function yGe(r,e){let t=Object.keys(r.fields);return Object.keys(e).filter(i=>t.indexOf(i)===-1)}var wGe=(0,jre.default)([]),mm=class extends pL.default{constructor(e){super({type:"object"}),this.fields=Object.create(null),this._sortErrors=wGe,this._nodes=[],this._excludedEdges=[],this.withMutation(()=>{this.transform(function(i){if(typeof i=="string")try{i=JSON.parse(i)}catch{i=null}return this.isType(i)?i:null}),e&&this.shape(e)})}_typeCheck(e){return Yre(e)||typeof e=="function"}_cast(e,t={}){var i;let n=super._cast(e,t);if(n===void 0)return this.getDefault();if(!this._typeCheck(n))return n;let s=this.fields,o=(i=t.stripUnknown)!=null?i:this.spec.noUnknown,a=this._nodes.concat(Object.keys(n).filter(g=>this._nodes.indexOf(g)===-1)),l={},c=vh({},t,{parent:l,__validating:t.__validating||!1}),u=!1;for(let g of a){let f=s[g],h=(0,Ure.default)(n,g);if(f){let p,C=n[g];c.path=(t.path?`${t.path}.`:"")+g,f=f.resolve({value:C,context:t.context,parent:l});let y="spec"in f?f.spec:void 0,B=y==null?void 0:y.strict;if(y!=null&&y.strip){u=u||g in n;continue}p=!t.__validating||!B?f.cast(n[g],c):n[g],p!==void 0&&(l[g]=p)}else h&&!o&&(l[g]=n[g]);l[g]!==n[g]&&(u=!0)}return u?l:n}_validate(e,t={},i){let n=[],{sync:s,from:o=[],originalValue:a=e,abortEarly:l=this.spec.abortEarly,recursive:c=this.spec.recursive}=t;o=[{schema:this,value:a},...o],t.__validating=!0,t.originalValue=a,t.from=o,super._validate(e,t,(u,g)=>{if(u){if(!IGe.default.isError(u)||l)return void i(u,g);n.push(u)}if(!c||!Yre(g)){i(n[0]||null,g);return}a=a||g;let f=this._nodes.map(h=>(p,C)=>{let y=h.indexOf(".")===-1?(t.path?`${t.path}.`:"")+h:`${t.path||""}["${h}"]`,B=this.fields[h];if(B&&"validate"in B){B.validate(g[h],vh({},t,{path:y,from:o,strict:!0,parent:g,originalValue:a[h]}),C);return}C(null)});(0,EGe.default)({sync:s,tests:f,value:g,errors:n,endEarly:l,sort:this._sortErrors,path:t.path},i)})}clone(e){let t=super.clone(e);return t.fields=vh({},this.fields),t._nodes=this._nodes,t._excludedEdges=this._excludedEdges,t._sortErrors=this._sortErrors,t}concat(e){let t=super.concat(e),i=t.fields;for(let[n,s]of Object.entries(this.fields)){let o=i[n];o===void 0?i[n]=s:o instanceof pL.default&&s instanceof pL.default&&(i[n]=s.concat(o))}return t.withMutation(()=>t.shape(i))}getDefaultFromShape(){let e={};return this._nodes.forEach(t=>{let i=this.fields[t];e[t]="default"in i?i.getDefault():void 0}),e}_getDefault(){if("default"in this.spec)return super._getDefault();if(!!this._nodes.length)return this.getDefaultFromShape()}shape(e,t=[]){let i=this.clone(),n=Object.assign(i.fields,e);if(i.fields=n,i._sortErrors=(0,jre.default)(Object.keys(n)),t.length){Array.isArray(t[0])||(t=[t]);let s=t.map(([o,a])=>`${o}-${a}`);i._excludedEdges=i._excludedEdges.concat(s)}return i._nodes=(0,mGe.default)(n,i._excludedEdges),i}pick(e){let t={};for(let i of e)this.fields[i]&&(t[i]=this.fields[i]);return this.clone().withMutation(i=>(i.fields={},i.shape(t)))}omit(e){let t=this.clone(),i=t.fields;t.fields={};for(let n of e)delete i[n];return t.withMutation(()=>t.shape(i))}from(e,t,i){let n=(0,CGe.getter)(e,!0);return this.transform(s=>{if(s==null)return s;let o=s;return(0,Ure.default)(s,e)&&(o=vh({},s),i||delete o[e],o[t]=n(s)),o})}noUnknown(e=!0,t=Gre.object.noUnknown){typeof e=="string"&&(t=e,e=!0);let i=this.test({name:"noUnknown",exclusive:!0,message:t,test(n){if(n==null)return!0;let s=yGe(this.schema,n);return!e||s.length===0||this.createError({params:{unknown:s.join(", ")}})}});return i.spec.noUnknown=e,i}unknown(e=!0,t=Gre.object.noUnknown){return this.noUnknown(!e,t)}transformKeys(e){return this.transform(t=>t&&(0,pGe.default)(t,(i,n)=>e(n)))}camelCase(){return this.transformKeys(hGe.default)}snakeCase(){return this.transformKeys(Hre.default)}constantCase(){return this.transformKeys(e=>(0,Hre.default)(e).toUpperCase())}describe(){let e=super.describe();return e.fields=(0,dGe.default)(this.fields,t=>t.describe()),e}};Em.default=mm;function qre(r){return new mm(r)}qre.prototype=mm.prototype});var zre=w(ym=>{"use strict";Object.defineProperty(ym,"__esModule",{value:!0});ym.create=Wre;ym.default=void 0;var dL=xh(Qh()),BGe=xh(dh()),QGe=xh(XC()),CL=za(),bGe=xh(T0()),SGe=xh(Hc()),vGe=xh(Xa());function xh(r){return r&&r.__esModule?r:{default:r}}function eQ(){return eQ=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(r[i]=t[i])}return r},eQ.apply(this,arguments)}function Wre(r){return new Im(r)}var Im=class extends vGe.default{constructor(e){super({type:"array"}),this.innerType=e,this.withMutation(()=>{this.transform(function(t){if(typeof t=="string")try{t=JSON.parse(t)}catch{t=null}return this.isType(t)?t:null})})}_typeCheck(e){return Array.isArray(e)}get _subType(){return this.innerType}_cast(e,t){let i=super._cast(e,t);if(!this._typeCheck(i)||!this.innerType)return i;let n=!1,s=i.map((o,a)=>{let l=this.innerType.cast(o,eQ({},t,{path:`${t.path||""}[${a}]`}));return l!==o&&(n=!0),l});return n?s:i}_validate(e,t={},i){var n,s;let o=[],a=t.sync,l=t.path,c=this.innerType,u=(n=t.abortEarly)!=null?n:this.spec.abortEarly,g=(s=t.recursive)!=null?s:this.spec.recursive,f=t.originalValue!=null?t.originalValue:e;super._validate(e,t,(h,p)=>{if(h){if(!SGe.default.isError(h)||u)return void i(h,p);o.push(h)}if(!g||!c||!this._typeCheck(p)){i(o[0]||null,p);return}f=f||p;let C=new Array(p.length);for(let y=0;y<p.length;y++){let B=p[y],v=`${t.path||""}[${y}]`,D=eQ({},t,{path:v,strict:!0,parent:p,index:y,originalValue:f[y]});C[y]=(L,H)=>c.validate(B,D,H)}(0,bGe.default)({sync:a,path:l,value:p,errors:o,endEarly:u,tests:C},i)})}clone(e){let t=super.clone(e);return t.innerType=this.innerType,t}concat(e){let t=super.concat(e);return t.innerType=this.innerType,e.innerType&&(t.innerType=t.innerType?t.innerType.concat(e.innerType):e.innerType),t}of(e){let t=this.clone();if(!(0,BGe.default)(e))throw new TypeError("`array.of()` sub-schema must be a valid yup schema not: "+(0,QGe.default)(e));return t.innerType=e,t}length(e,t=CL.array.length){return this.test({message:t,name:"length",exclusive:!0,params:{length:e},test(i){return(0,dL.default)(i)||i.length===this.resolve(e)}})}min(e,t){return t=t||CL.array.min,this.test({message:t,name:"min",exclusive:!0,params:{min:e},test(i){return(0,dL.default)(i)||i.length>=this.resolve(e)}})}max(e,t){return t=t||CL.array.max,this.test({message:t,name:"max",exclusive:!0,params:{max:e},test(i){return(0,dL.default)(i)||i.length<=this.resolve(e)}})}ensure(){return this.default(()=>[]).transform((e,t)=>this._typeCheck(e)?e:t==null?[]:[].concat(t))}compact(e){let t=e?(i,n,s)=>!e(i,n,s):i=>!!i;return this.transform(i=>i!=null?i.filter(t):i)}describe(){let e=super.describe();return this.innerType&&(e.innerType=this.innerType.describe()),e}nullable(e=!0){return super.nullable(e)}defined(){return super.defined()}required(e){return super.required(e)}};ym.default=Im;Wre.prototype=Im.prototype});var Vre=w(wm=>{"use strict";Object.defineProperty(wm,"__esModule",{value:!0});wm.create=DGe;wm.default=void 0;var xGe=PGe(dh());function PGe(r){return r&&r.__esModule?r:{default:r}}function DGe(r){return new tQ(r)}var tQ=class{constructor(e){this.type="lazy",this.__isYupSchema__=!0,this._resolve=(t,i={})=>{let n=this.builder(t,i);if(!(0,xGe.default)(n))throw new TypeError("lazy() functions must return a valid schema");return n.resolve(i)},this.builder=e}resolve(e){return this._resolve(e.value,e)}cast(e,t){return this._resolve(e,t).cast(e,t)}validate(e,t,i){return this._resolve(e,t).validate(e,t,i)}validateSync(e,t){return this._resolve(e,t).validateSync(e,t)}validateAt(e,t,i){return this._resolve(t,i).validateAt(e,t,i)}validateSyncAt(e,t,i){return this._resolve(t,i).validateSyncAt(e,t,i)}describe(){return null}isValid(e,t){return this._resolve(e,t).isValid(e,t)}isValidSync(e,t){return this._resolve(e,t).isValidSync(e,t)}},kGe=tQ;wm.default=kGe});var Xre=w(mL=>{"use strict";Object.defineProperty(mL,"__esModule",{value:!0});mL.default=NGe;var RGe=FGe(za());function FGe(r){return r&&r.__esModule?r:{default:r}}function NGe(r){Object.keys(r).forEach(e=>{Object.keys(r[e]).forEach(t=>{RGe.default[e][t]=r[e][t]})})}});var IL=w(yr=>{"use strict";Object.defineProperty(yr,"__esModule",{value:!0});yr.addMethod=HGe;Object.defineProperty(yr,"MixedSchema",{enumerable:!0,get:function(){return _re.default}});Object.defineProperty(yr,"mixed",{enumerable:!0,get:function(){return _re.create}});Object.defineProperty(yr,"BooleanSchema",{enumerable:!0,get:function(){return EL.default}});Object.defineProperty(yr,"bool",{enumerable:!0,get:function(){return EL.create}});Object.defineProperty(yr,"boolean",{enumerable:!0,get:function(){return EL.create}});Object.defineProperty(yr,"StringSchema",{enumerable:!0,get:function(){return Zre.default}});Object.defineProperty(yr,"string",{enumerable:!0,get:function(){return Zre.create}});Object.defineProperty(yr,"NumberSchema",{enumerable:!0,get:function(){return $re.default}});Object.defineProperty(yr,"number",{enumerable:!0,get:function(){return $re.create}});Object.defineProperty(yr,"DateSchema",{enumerable:!0,get:function(){return eie.default}});Object.defineProperty(yr,"date",{enumerable:!0,get:function(){return eie.create}});Object.defineProperty(yr,"ObjectSchema",{enumerable:!0,get:function(){return tie.default}});Object.defineProperty(yr,"object",{enumerable:!0,get:function(){return tie.create}});Object.defineProperty(yr,"ArraySchema",{enumerable:!0,get:function(){return rie.default}});Object.defineProperty(yr,"array",{enumerable:!0,get:function(){return rie.create}});Object.defineProperty(yr,"ref",{enumerable:!0,get:function(){return LGe.create}});Object.defineProperty(yr,"lazy",{enumerable:!0,get:function(){return TGe.create}});Object.defineProperty(yr,"ValidationError",{enumerable:!0,get:function(){return OGe.default}});Object.defineProperty(yr,"reach",{enumerable:!0,get:function(){return MGe.default}});Object.defineProperty(yr,"isSchema",{enumerable:!0,get:function(){return iie.default}});Object.defineProperty(yr,"setLocale",{enumerable:!0,get:function(){return KGe.default}});Object.defineProperty(yr,"BaseSchema",{enumerable:!0,get:function(){return UGe.default}});var _re=Wc(Fte()),EL=Wc(Mte()),Zre=Wc(Hte()),$re=Wc(jte()),eie=Wc(zte()),tie=Wc(Jre()),rie=Wc(zre()),LGe=jc(),TGe=Vre(),OGe=Bm(Hc()),MGe=Bm(oL()),iie=Bm(dh()),KGe=Bm(Xre()),UGe=Bm(Xa());function Bm(r){return r&&r.__esModule?r:{default:r}}function nie(){if(typeof WeakMap!="function")return null;var r=new WeakMap;return nie=function(){return r},r}function Wc(r){if(r&&r.__esModule)return r;if(r===null||typeof r!="object"&&typeof r!="function")return{default:r};var e=nie();if(e&&e.has(r))return e.get(r);var t={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n)){var s=i?Object.getOwnPropertyDescriptor(r,n):null;s&&(s.get||s.set)?Object.defineProperty(t,n,s):t[n]=r[n]}return t.default=r,e&&e.set(r,t),t}function HGe(r,e,t){if(!r||!(0,iie.default)(r.prototype))throw new TypeError("You must provide a yup schema constructor function");if(typeof e!="string")throw new TypeError("A Method name must be provided");if(typeof t!="function")throw new TypeError("Method function must be provided");r.prototype[e]=t}});var lie=w((But,bm)=>{"use strict";var jGe=process.env.TERM_PROGRAM==="Hyper",qGe=process.platform==="win32",oie=process.platform==="linux",yL={ballotDisabled:"\u2612",ballotOff:"\u2610",ballotOn:"\u2611",bullet:"\u2022",bulletWhite:"\u25E6",fullBlock:"\u2588",heart:"\u2764",identicalTo:"\u2261",line:"\u2500",mark:"\u203B",middot:"\xB7",minus:"\uFF0D",multiplication:"\xD7",obelus:"\xF7",pencilDownRight:"\u270E",pencilRight:"\u270F",pencilUpRight:"\u2710",percent:"%",pilcrow2:"\u2761",pilcrow:"\xB6",plusMinus:"\xB1",section:"\xA7",starsOff:"\u2606",starsOn:"\u2605",upDownArrow:"\u2195"},aie=Object.assign({},yL,{check:"\u221A",cross:"\xD7",ellipsisLarge:"...",ellipsis:"...",info:"i",question:"?",questionSmall:"?",pointer:">",pointerSmall:"\xBB",radioOff:"( )",radioOn:"(*)",warning:"\u203C"}),Aie=Object.assign({},yL,{ballotCross:"\u2718",check:"\u2714",cross:"\u2716",ellipsisLarge:"\u22EF",ellipsis:"\u2026",info:"\u2139",question:"?",questionFull:"\uFF1F",questionSmall:"\uFE56",pointer:oie?"\u25B8":"\u276F",pointerSmall:oie?"\u2023":"\u203A",radioOff:"\u25EF",radioOn:"\u25C9",warning:"\u26A0"});bm.exports=qGe&&!jGe?aie:Aie;Reflect.defineProperty(bm.exports,"common",{enumerable:!1,value:yL});Reflect.defineProperty(bm.exports,"windows",{enumerable:!1,value:aie});Reflect.defineProperty(bm.exports,"other",{enumerable:!1,value:Aie})});var so=w((Qut,wL)=>{"use strict";var JGe=r=>r!==null&&typeof r=="object"&&!Array.isArray(r),WGe=/[\u001b\u009b][[\]#;?()]*(?:(?:(?:[^\W_]*;?[^\W_]*)\u0007)|(?:(?:[0-9]{1,4}(;[0-9]{0,4})*)?[~0-9=<>cf-nqrtyA-PRZ]))/g,cie=()=>{let r={enabled:!0,visible:!0,styles:{},keys:{}};"FORCE_COLOR"in process.env&&(r.enabled=process.env.FORCE_COLOR!=="0");let e=s=>{let o=s.open=`\x1B[${s.codes[0]}m`,a=s.close=`\x1B[${s.codes[1]}m`,l=s.regex=new RegExp(`\\u001b\\[${s.codes[1]}m`,"g");return s.wrap=(c,u)=>{c.includes(a)&&(c=c.replace(l,a+o));let g=o+c+a;return u?g.replace(/\r*\n/g,`${a}$&${o}`):g},s},t=(s,o,a)=>typeof s=="function"?s(o):s.wrap(o,a),i=(s,o)=>{if(s===""||s==null)return"";if(r.enabled===!1)return s;if(r.visible===!1)return"";let a=""+s,l=a.includes(`
-`),c=o.length;for(c>0&&o.includes("unstyle")&&(o=[...new Set(["unstyle",...o])].reverse());c-- >0;)a=t(r.styles[o[c]],a,l);return a},n=(s,o,a)=>{r.styles[s]=e({name:s,codes:o}),(r.keys[a]||(r.keys[a]=[])).push(s),Reflect.defineProperty(r,s,{configurable:!0,enumerable:!0,set(c){r.alias(s,c)},get(){let c=u=>i(u,c.stack);return Reflect.setPrototypeOf(c,r),c.stack=this.stack?this.stack.concat(s):[s],c}})};return n("reset",[0,0],"modifier"),n("bold",[1,22],"modifier"),n("dim",[2,22],"modifier"),n("italic",[3,23],"modifier"),n("underline",[4,24],"modifier"),n("inverse",[7,27],"modifier"),n("hidden",[8,28],"modifier"),n("strikethrough",[9,29],"modifier"),n("black",[30,39],"color"),n("red",[31,39],"color"),n("green",[32,39],"color"),n("yellow",[33,39],"color"),n("blue",[34,39],"color"),n("magenta",[35,39],"color"),n("cyan",[36,39],"color"),n("white",[37,39],"color"),n("gray",[90,39],"color"),n("grey",[90,39],"color"),n("bgBlack",[40,49],"bg"),n("bgRed",[41,49],"bg"),n("bgGreen",[42,49],"bg"),n("bgYellow",[43,49],"bg"),n("bgBlue",[44,49],"bg"),n("bgMagenta",[45,49],"bg"),n("bgCyan",[46,49],"bg"),n("bgWhite",[47,49],"bg"),n("blackBright",[90,39],"bright"),n("redBright",[91,39],"bright"),n("greenBright",[92,39],"bright"),n("yellowBright",[93,39],"bright"),n("blueBright",[94,39],"bright"),n("magentaBright",[95,39],"bright"),n("cyanBright",[96,39],"bright"),n("whiteBright",[97,39],"bright"),n("bgBlackBright",[100,49],"bgBright"),n("bgRedBright",[101,49],"bgBright"),n("bgGreenBright",[102,49],"bgBright"),n("bgYellowBright",[103,49],"bgBright"),n("bgBlueBright",[104,49],"bgBright"),n("bgMagentaBright",[105,49],"bgBright"),n("bgCyanBright",[106,49],"bgBright"),n("bgWhiteBright",[107,49],"bgBright"),r.ansiRegex=WGe,r.hasColor=r.hasAnsi=s=>(r.ansiRegex.lastIndex=0,typeof s=="string"&&s!==""&&r.ansiRegex.test(s)),r.alias=(s,o)=>{let a=typeof o=="string"?r[o]:o;if(typeof a!="function")throw new TypeError("Expected alias to be the name of an existing color (string) or a function");a.stack||(Reflect.defineProperty(a,"name",{value:s}),r.styles[s]=a,a.stack=[s]),Reflect.defineProperty(r,s,{configurable:!0,enumerable:!0,set(l){r.alias(s,l)},get(){let l=c=>i(c,l.stack);return Reflect.setPrototypeOf(l,r),l.stack=this.stack?this.stack.concat(a.stack):a.stack,l}})},r.theme=s=>{if(!JGe(s))throw new TypeError("Expected theme to be an object");for(let o of Object.keys(s))r.alias(o,s[o]);return r},r.alias("unstyle",s=>typeof s=="string"&&s!==""?(r.ansiRegex.lastIndex=0,s.replace(r.ansiRegex,"")):""),r.alias("noop",s=>s),r.none=r.clear=r.noop,r.stripColor=r.unstyle,r.symbols=lie(),r.define=n,r};wL.exports=cie();wL.exports.create=cie});var Gi=w(Lt=>{"use strict";var zGe=Object.prototype.toString,Ds=so(),uie=!1,BL=[],gie={yellow:"blue",cyan:"red",green:"magenta",black:"white",blue:"yellow",red:"cyan",magenta:"green",white:"black"};Lt.longest=(r,e)=>r.reduce((t,i)=>Math.max(t,e?i[e].length:i.length),0);Lt.hasColor=r=>!!r&&Ds.hasColor(r);var iQ=Lt.isObject=r=>r!==null&&typeof r=="object"&&!Array.isArray(r);Lt.nativeType=r=>zGe.call(r).slice(8,-1).toLowerCase().replace(/\s/g,"");Lt.isAsyncFn=r=>Lt.nativeType(r)==="asyncfunction";Lt.isPrimitive=r=>r!=null&&typeof r!="object"&&typeof r!="function";Lt.resolve=(r,e,...t)=>typeof e=="function"?e.call(r,...t):e;Lt.scrollDown=(r=[])=>[...r.slice(1),r[0]];Lt.scrollUp=(r=[])=>[r.pop(),...r];Lt.reorder=(r=[])=>{let e=r.slice();return e.sort((t,i)=>t.index>i.index?1:t.index<i.index?-1:0),e};Lt.swap=(r,e,t)=>{let i=r.length,n=t===i?0:t<0?i-1:t,s=r[e];r[e]=r[n],r[n]=s};Lt.width=(r,e=80)=>{let t=r&&r.columns?r.columns:e;return r&&typeof r.getWindowSize=="function"&&(t=r.getWindowSize()[0]),process.platform==="win32"?t-1:t};Lt.height=(r,e=20)=>{let t=r&&r.rows?r.rows:e;return r&&typeof r.getWindowSize=="function"&&(t=r.getWindowSize()[1]),t};Lt.wordWrap=(r,e={})=>{if(!r)return r;typeof e=="number"&&(e={width:e});let{indent:t="",newline:i=`
-`+t,width:n=80}=e;n-=((i+t).match(/[^\S\n]/g)||[]).length;let o=`.{1,${n}}([\\s\\u200B]+|$)|[^\\s\\u200B]+?([\\s\\u200B]+|$)`,a=r.trim(),l=new RegExp(o,"g"),c=a.match(l)||[];return c=c.map(u=>u.replace(/\n$/,"")),e.padEnd&&(c=c.map(u=>u.padEnd(n," "))),e.padStart&&(c=c.map(u=>u.padStart(n," "))),t+c.join(i)};Lt.unmute=r=>{let e=r.stack.find(i=>Ds.keys.color.includes(i));return e?Ds[e]:r.stack.find(i=>i.slice(2)==="bg")?Ds[e.slice(2)]:i=>i};Lt.pascal=r=>r?r[0].toUpperCase()+r.slice(1):"";Lt.inverse=r=>{if(!r||!r.stack)return r;let e=r.stack.find(i=>Ds.keys.color.includes(i));if(e){let i=Ds["bg"+Lt.pascal(e)];return i?i.black:r}let t=r.stack.find(i=>i.slice(0,2)==="bg");return t?Ds[t.slice(2).toLowerCase()]||r:Ds.none};Lt.complement=r=>{if(!r||!r.stack)return r;let e=r.stack.find(i=>Ds.keys.color.includes(i)),t=r.stack.find(i=>i.slice(0,2)==="bg");if(e&&!t)return Ds[gie[e]||e];if(t){let i=t.slice(2).toLowerCase(),n=gie[i];return n&&Ds["bg"+Lt.pascal(n)]||r}return Ds.none};Lt.meridiem=r=>{let e=r.getHours(),t=r.getMinutes(),i=e>=12?"pm":"am";e=e%12;let n=e===0?12:e,s=t<10?"0"+t:t;return n+":"+s+" "+i};Lt.set=(r={},e="",t)=>e.split(".").reduce((i,n,s,o)=>{let a=o.length-1>s?i[n]||{}:t;return!Lt.isObject(a)&&s<o.length-1&&(a={}),i[n]=a},r);Lt.get=(r={},e="",t)=>{let i=r[e]==null?e.split(".").reduce((n,s)=>n&&n[s],r):r[e];return i==null?t:i};Lt.mixin=(r,e)=>{if(!iQ(r))return e;if(!iQ(e))return r;for(let t of Object.keys(e)){let i=Object.getOwnPropertyDescriptor(e,t);if(i.hasOwnProperty("value"))if(r.hasOwnProperty(t)&&iQ(i.value)){let n=Object.getOwnPropertyDescriptor(r,t);iQ(n.value)?r[t]=Lt.merge({},r[t],e[t]):Reflect.defineProperty(r,t,i)}else Reflect.defineProperty(r,t,i);else Reflect.defineProperty(r,t,i)}return r};Lt.merge=(...r)=>{let e={};for(let t of r)Lt.mixin(e,t);return e};Lt.mixinEmitter=(r,e)=>{let t=e.constructor.prototype;for(let i of Object.keys(t)){let n=t[i];typeof n=="function"?Lt.define(r,i,n.bind(e)):Lt.define(r,i,n)}};Lt.onExit=r=>{let e=(t,i)=>{uie||(uie=!0,BL.forEach(n=>n()),t===!0&&process.exit(128+i))};BL.length===0&&(process.once("SIGTERM",e.bind(null,!0,15)),process.once("SIGINT",e.bind(null,!0,2)),process.once("exit",e)),BL.push(r)};Lt.define=(r,e,t)=>{Reflect.defineProperty(r,e,{value:t})};Lt.defineExport=(r,e,t)=>{let i;Reflect.defineProperty(r,e,{enumerable:!0,configurable:!0,set(n){i=n},get(){return i?i():t()}})}});var fie=w(Dh=>{"use strict";Dh.ctrl={a:"first",b:"backward",c:"cancel",d:"deleteForward",e:"last",f:"forward",g:"reset",i:"tab",k:"cutForward",l:"reset",n:"newItem",m:"cancel",j:"submit",p:"search",r:"remove",s:"save",u:"undo",w:"cutLeft",x:"toggleCursor",v:"paste"};Dh.shift={up:"shiftUp",down:"shiftDown",left:"shiftLeft",right:"shiftRight",tab:"prev"};Dh.fn={up:"pageUp",down:"pageDown",left:"pageLeft",right:"pageRight",delete:"deleteForward"};Dh.option={b:"backward",f:"forward",d:"cutRight",left:"cutLeft",up:"altUp",down:"altDown"};Dh.keys={pageup:"pageUp",pagedown:"pageDown",home:"home",end:"end",cancel:"cancel",delete:"deleteForward",backspace:"delete",down:"down",enter:"submit",escape:"cancel",left:"left",space:"space",number:"number",return:"submit",right:"right",tab:"next",up:"up"}});var die=w((vut,pie)=>{"use strict";var hie=J("readline"),VGe=fie(),XGe=/^(?:\x1b)([a-zA-Z0-9])$/,_Ge=/^(?:\x1b+)(O|N|\[|\[\[)(?:(\d+)(?:;(\d+))?([~^$])|(?:1;)?(\d+)?([a-zA-Z]))/,ZGe={OP:"f1",OQ:"f2",OR:"f3",OS:"f4","[11~":"f1","[12~":"f2","[13~":"f3","[14~":"f4","[[A":"f1","[[B":"f2","[[C":"f3","[[D":"f4","[[E":"f5","[15~":"f5","[17~":"f6","[18~":"f7","[19~":"f8","[20~":"f9","[21~":"f10","[23~":"f11","[24~":"f12","[A":"up","[B":"down","[C":"right","[D":"left","[E":"clear","[F":"end","[H":"home",OA:"up",OB:"down",OC:"right",OD:"left",OE:"clear",OF:"end",OH:"home","[1~":"home","[2~":"insert","[3~":"delete","[4~":"end","[5~":"pageup","[6~":"pagedown","[[5~":"pageup","[[6~":"pagedown","[7~":"home","[8~":"end","[a":"up","[b":"down","[c":"right","[d":"left","[e":"clear","[2$":"insert","[3$":"delete","[5$":"pageup","[6$":"pagedown","[7$":"home","[8$":"end",Oa:"up",Ob:"down",Oc:"right",Od:"left",Oe:"clear","[2^":"insert","[3^":"delete","[5^":"pageup","[6^":"pagedown","[7^":"home","[8^":"end","[Z":"tab"};function $Ge(r){return["[a","[b","[c","[d","[e","[2$","[3$","[5$","[6$","[7$","[8$","[Z"].includes(r)}function eYe(r){return["Oa","Ob","Oc","Od","Oe","[2^","[3^","[5^","[6^","[7^","[8^"].includes(r)}var nQ=(r="",e={})=>{let t,i={name:e.name,ctrl:!1,meta:!1,shift:!1,option:!1,sequence:r,raw:r,...e};if(Buffer.isBuffer(r)?r[0]>127&&r[1]===void 0?(r[0]-=128,r="\x1B"+String(r)):r=String(r):r!==void 0&&typeof r!="string"?r=String(r):r||(r=i.sequence||""),i.sequence=i.sequence||r||i.name,r==="\r")i.raw=void 0,i.name="return";else if(r===`
-`)i.name="enter";else if(r==="	")i.name="tab";else if(r==="\b"||r==="\x7F"||r==="\x1B\x7F"||r==="\x1B\b")i.name="backspace",i.meta=r.charAt(0)==="\x1B";else if(r==="\x1B"||r==="\x1B\x1B")i.name="escape",i.meta=r.length===2;else if(r===" "||r==="\x1B ")i.name="space",i.meta=r.length===2;else if(r<="")i.name=String.fromCharCode(r.charCodeAt(0)+"a".charCodeAt(0)-1),i.ctrl=!0;else if(r.length===1&&r>="0"&&r<="9")i.name="number";else if(r.length===1&&r>="a"&&r<="z")i.name=r;else if(r.length===1&&r>="A"&&r<="Z")i.name=r.toLowerCase(),i.shift=!0;else if(t=XGe.exec(r))i.meta=!0,i.shift=/^[A-Z]$/.test(t[1]);else if(t=_Ge.exec(r)){let n=[...r];n[0]==="\x1B"&&n[1]==="\x1B"&&(i.option=!0);let s=[t[1],t[2],t[4],t[6]].filter(Boolean).join(""),o=(t[3]||t[5]||1)-1;i.ctrl=!!(o&4),i.meta=!!(o&10),i.shift=!!(o&1),i.code=s,i.name=ZGe[s],i.shift=$Ge(s)||i.shift,i.ctrl=eYe(s)||i.ctrl}return i};nQ.listen=(r={},e)=>{let{stdin:t}=r;if(!t||t!==process.stdin&&!t.isTTY)throw new Error("Invalid stream passed");let i=hie.createInterface({terminal:!0,input:t});hie.emitKeypressEvents(t,i);let n=(a,l)=>e(a,nQ(a,l),i),s=t.isRaw;return t.isTTY&&t.setRawMode(!0),t.on("keypress",n),i.resume(),()=>{t.isTTY&&t.setRawMode(s),t.removeListener("keypress",n),i.pause(),i.close()}};nQ.action=(r,e,t)=>{let i={...VGe,...t};return e.ctrl?(e.action=i.ctrl[e.name],e):e.option&&i.option?(e.action=i.option[e.name],e):e.shift?(e.action=i.shift[e.name],e):(e.action=i.keys[e.name],e)};pie.exports=nQ});var mie=w((xut,Cie)=>{"use strict";Cie.exports=r=>{r.timers=r.timers||{};let e=r.options.timers;if(!!e)for(let t of Object.keys(e)){let i=e[t];typeof i=="number"&&(i={interval:i}),tYe(r,t,i)}};function tYe(r,e,t={}){let i=r.timers[e]={name:e,start:Date.now(),ms:0,tick:0},n=t.interval||120;i.frames=t.frames||[],i.loading=!0;let s=setInterval(()=>{i.ms=Date.now()-i.start,i.tick++,r.render()},n);return i.stop=()=>{i.loading=!1,clearInterval(s)},Reflect.defineProperty(i,"interval",{value:s}),r.once("close",()=>i.stop()),i.stop}});var Iie=w((Put,Eie)=>{"use strict";var{define:rYe,width:iYe}=Gi(),QL=class{constructor(e){let t=e.options;rYe(this,"_prompt",e),this.type=e.type,this.name=e.name,this.message="",this.header="",this.footer="",this.error="",this.hint="",this.input="",this.cursor=0,this.index=0,this.lines=0,this.tick=0,this.prompt="",this.buffer="",this.width=iYe(t.stdout||process.stdout),Object.assign(this,t),this.name=this.name||this.message,this.message=this.message||this.name,this.symbols=e.symbols,this.styles=e.styles,this.required=new Set,this.cancelled=!1,this.submitted=!1}clone(){let e={...this};return e.status=this.status,e.buffer=Buffer.from(e.buffer),delete e.clone,e}set color(e){this._color=e}get color(){let e=this.prompt.styles;if(this.cancelled)return e.cancelled;if(this.submitted)return e.submitted;let t=this._color||e[this.status];return typeof t=="function"?t:e.pending}set loading(e){this._loading=e}get loading(){return typeof this._loading=="boolean"?this._loading:this.loadingChoices?"choices":!1}get status(){return this.cancelled?"cancelled":this.submitted?"submitted":"pending"}};Eie.exports=QL});var wie=w((Dut,yie)=>{"use strict";var bL=Gi(),Pi=so(),SL={default:Pi.noop,noop:Pi.noop,set inverse(r){this._inverse=r},get inverse(){return this._inverse||bL.inverse(this.primary)},set complement(r){this._complement=r},get complement(){return this._complement||bL.complement(this.primary)},primary:Pi.cyan,success:Pi.green,danger:Pi.magenta,strong:Pi.bold,warning:Pi.yellow,muted:Pi.dim,disabled:Pi.gray,dark:Pi.dim.gray,underline:Pi.underline,set info(r){this._info=r},get info(){return this._info||this.primary},set em(r){this._em=r},get em(){return this._em||this.primary.underline},set heading(r){this._heading=r},get heading(){return this._heading||this.muted.underline},set pending(r){this._pending=r},get pending(){return this._pending||this.primary},set submitted(r){this._submitted=r},get submitted(){return this._submitted||this.success},set cancelled(r){this._cancelled=r},get cancelled(){return this._cancelled||this.danger},set typing(r){this._typing=r},get typing(){return this._typing||this.dim},set placeholder(r){this._placeholder=r},get placeholder(){return this._placeholder||this.primary.dim},set highlight(r){this._highlight=r},get highlight(){return this._highlight||this.inverse}};SL.merge=(r={})=>{r.styles&&typeof r.styles.enabled=="boolean"&&(Pi.enabled=r.styles.enabled),r.styles&&typeof r.styles.visible=="boolean"&&(Pi.visible=r.styles.visible);let e=bL.merge({},SL,r.styles);delete e.merge;for(let t of Object.keys(Pi))e.hasOwnProperty(t)||Reflect.defineProperty(e,t,{get:()=>Pi[t]});for(let t of Object.keys(Pi.styles))e.hasOwnProperty(t)||Reflect.defineProperty(e,t,{get:()=>Pi[t]});return e};yie.exports=SL});var Qie=w((kut,Bie)=>{"use strict";var vL=process.platform==="win32",Za=so(),nYe=Gi(),xL={...Za.symbols,upDownDoubleArrow:"\u21D5",upDownDoubleArrow2:"\u2B0D",upDownArrow:"\u2195",asterisk:"*",asterism:"\u2042",bulletWhite:"\u25E6",electricArrow:"\u2301",ellipsisLarge:"\u22EF",ellipsisSmall:"\u2026",fullBlock:"\u2588",identicalTo:"\u2261",indicator:Za.symbols.check,leftAngle:"\u2039",mark:"\u203B",minus:"\u2212",multiplication:"\xD7",obelus:"\xF7",percent:"%",pilcrow:"\xB6",pilcrow2:"\u2761",pencilUpRight:"\u2710",pencilDownRight:"\u270E",pencilRight:"\u270F",plus:"+",plusMinus:"\xB1",pointRight:"\u261E",rightAngle:"\u203A",section:"\xA7",hexagon:{off:"\u2B21",on:"\u2B22",disabled:"\u2B22"},ballot:{on:"\u2611",off:"\u2610",disabled:"\u2612"},stars:{on:"\u2605",off:"\u2606",disabled:"\u2606"},folder:{on:"\u25BC",off:"\u25B6",disabled:"\u25B6"},prefix:{pending:Za.symbols.question,submitted:Za.symbols.check,cancelled:Za.symbols.cross},separator:{pending:Za.symbols.pointerSmall,submitted:Za.symbols.middot,cancelled:Za.symbols.middot},radio:{off:vL?"( )":"\u25EF",on:vL?"(*)":"\u25C9",disabled:vL?"(|)":"\u24BE"},numbers:["\u24EA","\u2460","\u2461","\u2462","\u2463","\u2464","\u2465","\u2466","\u2467","\u2468","\u2469","\u246A","\u246B","\u246C","\u246D","\u246E","\u246F","\u2470","\u2471","\u2472","\u2473","\u3251","\u3252","\u3253","\u3254","\u3255","\u3256","\u3257","\u3258","\u3259","\u325A","\u325B","\u325C","\u325D","\u325E","\u325F","\u32B1","\u32B2","\u32B3","\u32B4","\u32B5","\u32B6","\u32B7","\u32B8","\u32B9","\u32BA","\u32BB","\u32BC","\u32BD","\u32BE","\u32BF"]};xL.merge=r=>{let e=nYe.merge({},Za.symbols,xL,r.symbols);return delete e.merge,e};Bie.exports=xL});var Sie=w((Rut,bie)=>{"use strict";var sYe=wie(),oYe=Qie(),aYe=Gi();bie.exports=r=>{r.options=aYe.merge({},r.options.theme,r.options),r.symbols=oYe.merge(r.options),r.styles=sYe.merge(r.options)}});var kie=w((Pie,Die)=>{"use strict";var vie=process.env.TERM_PROGRAM==="Apple_Terminal",AYe=so(),PL=Gi(),oo=Die.exports=Pie,Dr="\x1B[",xie="\x07",DL=!1,sl=oo.code={bell:xie,beep:xie,beginning:`${Dr}G`,down:`${Dr}J`,esc:Dr,getPosition:`${Dr}6n`,hide:`${Dr}?25l`,line:`${Dr}2K`,lineEnd:`${Dr}K`,lineStart:`${Dr}1K`,restorePosition:Dr+(vie?"8":"u"),savePosition:Dr+(vie?"7":"s"),screen:`${Dr}2J`,show:`${Dr}?25h`,up:`${Dr}1J`},zc=oo.cursor={get hidden(){return DL},hide(){return DL=!0,sl.hide},show(){return DL=!1,sl.show},forward:(r=1)=>`${Dr}${r}C`,backward:(r=1)=>`${Dr}${r}D`,nextLine:(r=1)=>`${Dr}E`.repeat(r),prevLine:(r=1)=>`${Dr}F`.repeat(r),up:(r=1)=>r?`${Dr}${r}A`:"",down:(r=1)=>r?`${Dr}${r}B`:"",right:(r=1)=>r?`${Dr}${r}C`:"",left:(r=1)=>r?`${Dr}${r}D`:"",to(r,e){return e?`${Dr}${e+1};${r+1}H`:`${Dr}${r+1}G`},move(r=0,e=0){let t="";return t+=r<0?zc.left(-r):r>0?zc.right(r):"",t+=e<0?zc.up(-e):e>0?zc.down(e):"",t},restore(r={}){let{after:e,cursor:t,initial:i,input:n,prompt:s,size:o,value:a}=r;if(i=PL.isPrimitive(i)?String(i):"",n=PL.isPrimitive(n)?String(n):"",a=PL.isPrimitive(a)?String(a):"",o){let l=oo.cursor.up(o)+oo.cursor.to(s.length),c=n.length-t;return c>0&&(l+=oo.cursor.left(c)),l}if(a||e){let l=!n&&!!i?-i.length:-n.length+t;return e&&(l-=e.length),n===""&&i&&!s.includes(i)&&(l+=i.length),oo.cursor.move(l)}}},kL=oo.erase={screen:sl.screen,up:sl.up,down:sl.down,line:sl.line,lineEnd:sl.lineEnd,lineStart:sl.lineStart,lines(r){let e="";for(let t=0;t<r;t++)e+=oo.erase.line+(t<r-1?oo.cursor.up(1):"");return r&&(e+=oo.code.beginning),e}};oo.clear=(r="",e=process.stdout.columns)=>{if(!e)return kL.line+zc.to(0);let t=s=>[...AYe.unstyle(s)].length,i=r.split(/\r?\n/),n=0;for(let s of i)n+=1+Math.floor(Math.max(t(s)-1,0)/e);return(kL.line+zc.prevLine()).repeat(n-1)+kL.line+zc.to(0)}});var kh=w((Fut,Fie)=>{"use strict";var lYe=J("events"),Rie=so(),RL=die(),cYe=mie(),uYe=Iie(),gYe=Sie(),xn=Gi(),Vc=kie(),Sm=class extends lYe{constructor(e={}){super(),this.name=e.name,this.type=e.type,this.options=e,gYe(this),cYe(this),this.state=new uYe(this),this.initial=[e.initial,e.default].find(t=>t!=null),this.stdout=e.stdout||process.stdout,this.stdin=e.stdin||process.stdin,this.scale=e.scale||1,this.term=this.options.term||process.env.TERM_PROGRAM,this.margin=hYe(this.options.margin),this.setMaxListeners(0),fYe(this)}async keypress(e,t={}){this.keypressed=!0;let i=RL.action(e,RL(e,t),this.options.actions);this.state.keypress=i,this.emit("keypress",e,i),this.emit("state",this.state.clone());let n=this.options[i.action]||this[i.action]||this.dispatch;if(typeof n=="function")return await n.call(this,e,i);this.alert()}alert(){delete this.state.alert,this.options.show===!1?this.emit("alert"):this.stdout.write(Vc.code.beep)}cursorHide(){this.stdout.write(Vc.cursor.hide()),xn.onExit(()=>this.cursorShow())}cursorShow(){this.stdout.write(Vc.cursor.show())}write(e){!e||(this.stdout&&this.state.show!==!1&&this.stdout.write(e),this.state.buffer+=e)}clear(e=0){let t=this.state.buffer;this.state.buffer="",!(!t&&!e||this.options.show===!1)&&this.stdout.write(Vc.cursor.down(e)+Vc.clear(t,this.width))}restore(){if(this.state.closed||this.options.show===!1)return;let{prompt:e,after:t,rest:i}=this.sections(),{cursor:n,initial:s="",input:o="",value:a=""}=this,l=this.state.size=i.length,c={after:t,cursor:n,initial:s,input:o,prompt:e,size:l,value:a},u=Vc.cursor.restore(c);u&&this.stdout.write(u)}sections(){let{buffer:e,input:t,prompt:i}=this.state;i=Rie.unstyle(i);let n=Rie.unstyle(e),s=n.indexOf(i),o=n.slice(0,s),l=n.slice(s).split(`
-`),c=l[0],u=l[l.length-1],f=(i+(t?" "+t:"")).length,h=f<c.length?c.slice(f+1):"";return{header:o,prompt:c,after:h,rest:l.slice(1),last:u}}async submit(){this.state.submitted=!0,this.state.validating=!0,this.options.onSubmit&&await this.options.onSubmit.call(this,this.name,this.value,this);let e=this.state.error||await this.validate(this.value,this.state);if(e!==!0){let t=`
-`+this.symbols.pointer+" ";typeof e=="string"?t+=e.trim():t+="Invalid input",this.state.error=`
-`+this.styles.danger(t),this.state.submitted=!1,await this.render(),await this.alert(),this.state.validating=!1,this.state.error=void 0;return}this.state.validating=!1,await this.render(),await this.close(),this.value=await this.result(this.value),this.emit("submit",this.value)}async cancel(e){this.state.cancelled=this.state.submitted=!0,await this.render(),await this.close(),typeof this.options.onCancel=="function"&&await this.options.onCancel.call(this,this.name,this.value,this),this.emit("cancel",await this.error(e))}async close(){this.state.closed=!0;try{let e=this.sections(),t=Math.ceil(e.prompt.length/this.width);e.rest&&this.write(Vc.cursor.down(e.rest.length)),this.write(`
-`.repeat(t))}catch{}this.emit("close")}start(){!this.stop&&this.options.show!==!1&&(this.stop=RL.listen(this,this.keypress.bind(this)),this.once("close",this.stop))}async skip(){return this.skipped=this.options.skip===!0,typeof this.options.skip=="function"&&(this.skipped=await this.options.skip.call(this,this.name,this.value)),this.skipped}async initialize(){let{format:e,options:t,result:i}=this;if(this.format=()=>e.call(this,this.value),this.result=()=>i.call(this,this.value),typeof t.initial=="function"&&(this.initial=await t.initial.call(this,this)),typeof t.onRun=="function"&&await t.onRun.call(this,this),typeof t.onSubmit=="function"){let n=t.onSubmit.bind(this),s=this.submit.bind(this);delete this.options.onSubmit,this.submit=async()=>(await n(this.name,this.value,this),s())}await this.start(),await this.render()}render(){throw new Error("expected prompt to have a custom render method")}run(){return new Promise(async(e,t)=>{if(this.once("submit",e),this.once("cancel",t),await this.skip())return this.render=()=>{},this.submit();await this.initialize(),this.emit("run")})}async element(e,t,i){let{options:n,state:s,symbols:o,timers:a}=this,l=a&&a[e];s.timer=l;let c=n[e]||s[e]||o[e],u=t&&t[e]!=null?t[e]:await c;if(u==="")return u;let g=await this.resolve(u,s,t,i);return!g&&t&&t[e]?this.resolve(c,s,t,i):g}async prefix(){let e=await this.element("prefix")||this.symbols,t=this.timers&&this.timers.prefix,i=this.state;return i.timer=t,xn.isObject(e)&&(e=e[i.status]||e.pending),xn.hasColor(e)?e:(this.styles[i.status]||this.styles.pending)(e)}async message(){let e=await this.element("message");return xn.hasColor(e)?e:this.styles.strong(e)}async separator(){let e=await this.element("separator")||this.symbols,t=this.timers&&this.timers.separator,i=this.state;i.timer=t;let n=e[i.status]||e.pending||i.separator,s=await this.resolve(n,i);return xn.isObject(s)&&(s=s[i.status]||s.pending),xn.hasColor(s)?s:this.styles.muted(s)}async pointer(e,t){let i=await this.element("pointer",e,t);if(typeof i=="string"&&xn.hasColor(i))return i;if(i){let n=this.styles,s=this.index===t,o=s?n.primary:c=>c,a=await this.resolve(i[s?"on":"off"]||i,this.state),l=xn.hasColor(a)?a:o(a);return s?l:" ".repeat(a.length)}}async indicator(e,t){let i=await this.element("indicator",e,t);if(typeof i=="string"&&xn.hasColor(i))return i;if(i){let n=this.styles,s=e.enabled===!0,o=s?n.success:n.dark,a=i[s?"on":"off"]||i;return xn.hasColor(a)?a:o(a)}return""}body(){return null}footer(){if(this.state.status==="pending")return this.element("footer")}header(){if(this.state.status==="pending")return this.element("header")}async hint(){if(this.state.status==="pending"&&!this.isValue(this.state.input)){let e=await this.element("hint");return xn.hasColor(e)?e:this.styles.muted(e)}}error(e){return this.state.submitted?"":e||this.state.error}format(e){return e}result(e){return e}validate(e){return this.options.required===!0?this.isValue(e):!0}isValue(e){return e!=null&&e!==""}resolve(e,...t){return xn.resolve(this,e,...t)}get base(){return Sm.prototype}get style(){return this.styles[this.state.status]}get height(){return this.options.rows||xn.height(this.stdout,25)}get width(){return this.options.columns||xn.width(this.stdout,80)}get size(){return{width:this.width,height:this.height}}set cursor(e){this.state.cursor=e}get cursor(){return this.state.cursor}set input(e){this.state.input=e}get input(){return this.state.input}set value(e){this.state.value=e}get value(){let{input:e,value:t}=this.state,i=[t,e].find(this.isValue.bind(this));return this.isValue(i)?i:this.initial}static get prompt(){return e=>new this(e).run()}};function fYe(r){let e=n=>r[n]===void 0||typeof r[n]=="function",t=["actions","choices","initial","margin","roles","styles","symbols","theme","timers","value"],i=["body","footer","error","header","hint","indicator","message","prefix","separator","skip"];for(let n of Object.keys(r.options)){if(t.includes(n)||/^on[A-Z]/.test(n))continue;let s=r.options[n];typeof s=="function"&&e(n)?i.includes(n)||(r[n]=s.bind(r)):typeof r[n]!="function"&&(r[n]=s)}}function hYe(r){typeof r=="number"&&(r=[r,r,r,r]);let e=[].concat(r||[]),t=n=>n%2===0?`
-`:" ",i=[];for(let n=0;n<4;n++){let s=t(n);e[n]?i.push(s.repeat(e[n])):i.push("")}return i}Fie.exports=Sm});var Tie=w((Nut,Lie)=>{"use strict";var pYe=Gi(),Nie={default(r,e){return e},checkbox(r,e){throw new Error("checkbox role is not implemented yet")},editable(r,e){throw new Error("editable role is not implemented yet")},expandable(r,e){throw new Error("expandable role is not implemented yet")},heading(r,e){return e.disabled="",e.indicator=[e.indicator," "].find(t=>t!=null),e.message=e.message||"",e},input(r,e){throw new Error("input role is not implemented yet")},option(r,e){return Nie.default(r,e)},radio(r,e){throw new Error("radio role is not implemented yet")},separator(r,e){return e.disabled="",e.indicator=[e.indicator," "].find(t=>t!=null),e.message=e.message||r.symbols.line.repeat(5),e},spacer(r,e){return e}};Lie.exports=(r,e={})=>{let t=pYe.merge({},Nie,e.roles);return t[r]||t.default}});var vm=w((Lut,Kie)=>{"use strict";var dYe=so(),CYe=kh(),mYe=Tie(),sQ=Gi(),{reorder:FL,scrollUp:EYe,scrollDown:IYe,isObject:Oie,swap:yYe}=sQ,NL=class extends CYe{constructor(e){super(e),this.cursorHide(),this.maxSelected=e.maxSelected||1/0,this.multiple=e.multiple||!1,this.initial=e.initial||0,this.delay=e.delay||0,this.longest=0,this.num=""}async initialize(){typeof this.options.initial=="function"&&(this.initial=await this.options.initial.call(this)),await this.reset(!0),await super.initialize()}async reset(){let{choices:e,initial:t,autofocus:i,suggest:n}=this.options;if(this.state._choices=[],this.state.choices=[],this.choices=await Promise.all(await this.toChoices(e)),this.choices.forEach(s=>s.enabled=!1),typeof n!="function"&&this.selectable.length===0)throw new Error("At least one choice must be selectable");Oie(t)&&(t=Object.keys(t)),Array.isArray(t)?(i!=null&&(this.index=this.findIndex(i)),t.forEach(s=>this.enable(this.find(s))),await this.render()):(i!=null&&(t=i),typeof t=="string"&&(t=this.findIndex(t)),typeof t=="number"&&t>-1&&(this.index=Math.max(0,Math.min(t,this.choices.length)),this.enable(this.find(this.index)))),this.isDisabled(this.focused)&&await this.down()}async toChoices(e,t){this.state.loadingChoices=!0;let i=[],n=0,s=async(o,a)=>{typeof o=="function"&&(o=await o.call(this)),o instanceof Promise&&(o=await o);for(let l=0;l<o.length;l++){let c=o[l]=await this.toChoice(o[l],n++,a);i.push(c),c.choices&&await s(c.choices,c)}return i};return s(e,t).then(o=>(this.state.loadingChoices=!1,o))}async toChoice(e,t,i){if(typeof e=="function"&&(e=await e.call(this,this)),e instanceof Promise&&(e=await e),typeof e=="string"&&(e={name:e}),e.normalized)return e;e.normalized=!0;let n=e.value;if(e=mYe(e.role,this.options)(this,e),typeof e.disabled=="string"&&!e.hint&&(e.hint=e.disabled,e.disabled=!0),e.disabled===!0&&e.hint==null&&(e.hint="(disabled)"),e.index!=null)return e;e.name=e.name||e.key||e.title||e.value||e.message,e.message=e.message||e.name||"",e.value=[e.value,e.name].find(this.isValue.bind(this)),e.input="",e.index=t,e.cursor=0,sQ.define(e,"parent",i),e.level=i?i.level+1:1,e.indent==null&&(e.indent=i?i.indent+"  ":e.indent||""),e.path=i?i.path+"."+e.name:e.name,e.enabled=!!(this.multiple&&!this.isDisabled(e)&&(e.enabled||this.isSelected(e))),this.isDisabled(e)||(this.longest=Math.max(this.longest,dYe.unstyle(e.message).length));let o={...e};return e.reset=(a=o.input,l=o.value)=>{for(let c of Object.keys(o))e[c]=o[c];e.input=a,e.value=l},n==null&&typeof e.initial=="function"&&(e.input=await e.initial.call(this,this.state,e,t)),e}async onChoice(e,t){this.emit("choice",e,t,this),typeof e.onChoice=="function"&&await e.onChoice.call(this,this.state,e,t)}async addChoice(e,t,i){let n=await this.toChoice(e,t,i);return this.choices.push(n),this.index=this.choices.length-1,this.limit=this.choices.length,n}async newItem(e,t,i){let n={name:"New choice name?",editable:!0,newChoice:!0,...e},s=await this.addChoice(n,t,i);return s.updateChoice=()=>{delete s.newChoice,s.name=s.message=s.input,s.input="",s.cursor=0},this.render()}indent(e){return e.indent==null?e.level>1?"  ".repeat(e.level-1):"":e.indent}dispatch(e,t){if(this.multiple&&this[t.name])return this[t.name]();this.alert()}focus(e,t){return typeof t!="boolean"&&(t=e.enabled),t&&!e.enabled&&this.selected.length>=this.maxSelected?this.alert():(this.index=e.index,e.enabled=t&&!this.isDisabled(e),e)}space(){return this.multiple?(this.toggle(this.focused),this.render()):this.alert()}a(){if(this.maxSelected<this.choices.length)return this.alert();let e=this.selectable.every(t=>t.enabled);return this.choices.forEach(t=>t.enabled=!e),this.render()}i(){return this.choices.length-this.selected.length>this.maxSelected?this.alert():(this.choices.forEach(e=>e.enabled=!e.enabled),this.render())}g(e=this.focused){return this.choices.some(t=>!!t.parent)?(this.toggle(e.parent&&!e.choices?e.parent:e),this.render()):this.a()}toggle(e,t){if(!e.enabled&&this.selected.length>=this.maxSelected)return this.alert();typeof t!="boolean"&&(t=!e.enabled),e.enabled=t,e.choices&&e.choices.forEach(n=>this.toggle(n,t));let i=e.parent;for(;i;){let n=i.choices.filter(s=>this.isDisabled(s));i.enabled=n.every(s=>s.enabled===!0),i=i.parent}return Mie(this,this.choices),this.emit("toggle",e,this),e}enable(e){return this.selected.length>=this.maxSelected?this.alert():(e.enabled=!this.isDisabled(e),e.choices&&e.choices.forEach(this.enable.bind(this)),e)}disable(e){return e.enabled=!1,e.choices&&e.choices.forEach(this.disable.bind(this)),e}number(e){this.num+=e;let t=i=>{let n=Number(i);if(n>this.choices.length-1)return this.alert();let s=this.focused,o=this.choices.find(a=>n===a.index);if(!o.enabled&&this.selected.length>=this.maxSelected)return this.alert();if(this.visible.indexOf(o)===-1){let a=FL(this.choices),l=a.indexOf(o);if(s.index>l){let c=a.slice(l,l+this.limit),u=a.filter(g=>!c.includes(g));this.choices=c.concat(u)}else{let c=l-this.limit+1;this.choices=a.slice(c).concat(a.slice(0,c))}}return this.index=this.choices.indexOf(o),this.toggle(this.focused),this.render()};return clearTimeout(this.numberTimeout),new Promise(i=>{let n=this.choices.length,s=this.num,o=(a=!1,l)=>{clearTimeout(this.numberTimeout),a&&(l=t(s)),this.num="",i(l)};if(s==="0"||s.length===1&&Number(s+"0")>n)return o(!0);if(Number(s)>n)return o(!1,this.alert());this.numberTimeout=setTimeout(()=>o(!0),this.delay)})}home(){return this.choices=FL(this.choices),this.index=0,this.render()}end(){let e=this.choices.length-this.limit,t=FL(this.choices);return this.choices=t.slice(e).concat(t.slice(0,e)),this.index=this.limit-1,this.render()}first(){return this.index=0,this.render()}last(){return this.index=this.visible.length-1,this.render()}prev(){return this.visible.length<=1?this.alert():this.up()}next(){return this.visible.length<=1?this.alert():this.down()}right(){return this.cursor>=this.input.length?this.alert():(this.cursor++,this.render())}left(){return this.cursor<=0?this.alert():(this.cursor--,this.render())}up(){let e=this.choices.length,t=this.visible.length,i=this.index;return this.options.scroll===!1&&i===0?this.alert():e>t&&i===0?this.scrollUp():(this.index=(i-1%e+e)%e,this.isDisabled()?this.up():this.render())}down(){let e=this.choices.length,t=this.visible.length,i=this.index;return this.options.scroll===!1&&i===t-1?this.alert():e>t&&i===t-1?this.scrollDown():(this.index=(i+1)%e,this.isDisabled()?this.down():this.render())}scrollUp(e=0){return this.choices=EYe(this.choices),this.index=e,this.isDisabled()?this.up():this.render()}scrollDown(e=this.visible.length-1){return this.choices=IYe(this.choices),this.index=e,this.isDisabled()?this.down():this.render()}async shiftUp(){if(this.options.sort===!0){this.sorting=!0,this.swap(this.index-1),await this.up(),this.sorting=!1;return}return this.scrollUp(this.index)}async shiftDown(){if(this.options.sort===!0){this.sorting=!0,this.swap(this.index+1),await this.down(),this.sorting=!1;return}return this.scrollDown(this.index)}pageUp(){return this.visible.length<=1?this.alert():(this.limit=Math.max(this.limit-1,0),this.index=Math.min(this.limit-1,this.index),this._limit=this.limit,this.isDisabled()?this.up():this.render())}pageDown(){return this.visible.length>=this.choices.length?this.alert():(this.index=Math.max(0,this.index),this.limit=Math.min(this.limit+1,this.choices.length),this._limit=this.limit,this.isDisabled()?this.down():this.render())}swap(e){yYe(this.choices,this.index,e)}isDisabled(e=this.focused){return e&&["disabled","collapsed","hidden","completing","readonly"].some(i=>e[i]===!0)?!0:e&&e.role==="heading"}isEnabled(e=this.focused){if(Array.isArray(e))return e.every(t=>this.isEnabled(t));if(e.choices){let t=e.choices.filter(i=>!this.isDisabled(i));return e.enabled&&t.every(i=>this.isEnabled(i))}return e.enabled&&!this.isDisabled(e)}isChoice(e,t){return e.name===t||e.index===Number(t)}isSelected(e){return Array.isArray(this.initial)?this.initial.some(t=>this.isChoice(e,t)):this.isChoice(e,this.initial)}map(e=[],t="value"){return[].concat(e||[]).reduce((i,n)=>(i[n]=this.find(n,t),i),{})}filter(e,t){let n=typeof e=="function"?e:(a,l)=>[a.name,l].includes(e),o=(this.options.multiple?this.state._choices:this.choices).filter(n);return t?o.map(a=>a[t]):o}find(e,t){if(Oie(e))return t?e[t]:e;let n=typeof e=="function"?e:(o,a)=>[o.name,a].includes(e),s=this.choices.find(n);if(s)return t?s[t]:s}findIndex(e){return this.choices.indexOf(this.find(e))}async submit(){let e=this.focused;if(!e)return this.alert();if(e.newChoice)return e.input?(e.updateChoice(),this.render()):this.alert();if(this.choices.some(o=>o.newChoice))return this.alert();let{reorder:t,sort:i}=this.options,n=this.multiple===!0,s=this.selected;return s===void 0?this.alert():(Array.isArray(s)&&t!==!1&&i!==!0&&(s=sQ.reorder(s)),this.value=n?s.map(o=>o.name):s.name,super.submit())}set choices(e=[]){this.state._choices=this.state._choices||[],this.state.choices=e;for(let t of e)this.state._choices.some(i=>i.name===t.name)||this.state._choices.push(t);if(!this._initial&&this.options.initial){this._initial=!0;let t=this.initial;if(typeof t=="string"||typeof t=="number"){let i=this.find(t);i&&(this.initial=i.index,this.focus(i,!0))}}}get choices(){return Mie(this,this.state.choices||[])}set visible(e){this.state.visible=e}get visible(){return(this.state.visible||this.choices).slice(0,this.limit)}set limit(e){this.state.limit=e}get limit(){let{state:e,options:t,choices:i}=this,n=e.limit||this._limit||t.limit||i.length;return Math.min(n,this.height)}set value(e){super.value=e}get value(){return typeof super.value!="string"&&super.value===this.initial?this.input:super.value}set index(e){this.state.index=e}get index(){return Math.max(0,this.state?this.state.index:0)}get enabled(){return this.filter(this.isEnabled.bind(this))}get focused(){let e=this.choices[this.index];return e&&this.state.submitted&&this.multiple!==!0&&(e.enabled=!0),e}get selectable(){return this.choices.filter(e=>!this.isDisabled(e))}get selected(){return this.multiple?this.enabled:this.focused}};function Mie(r,e){if(e instanceof Promise)return e;if(typeof e=="function"){if(sQ.isAsyncFn(e))return e;e=e.call(r,r)}for(let t of e){if(Array.isArray(t.choices)){let i=t.choices.filter(n=>!r.isDisabled(n));t.enabled=i.every(n=>n.enabled===!0)}r.isDisabled(t)===!0&&delete t.enabled}return e}Kie.exports=NL});var ol=w((Tut,Uie)=>{"use strict";var wYe=vm(),LL=Gi(),TL=class extends wYe{constructor(e){super(e),this.emptyError=this.options.emptyError||"No items were selected"}async dispatch(e,t){if(this.multiple)return this[t.name]?await this[t.name](e,t):await super.dispatch(e,t);this.alert()}separator(){if(this.options.separator)return super.separator();let e=this.styles.muted(this.symbols.ellipsis);return this.state.submitted?super.separator():e}pointer(e,t){return!this.multiple||this.options.pointer?super.pointer(e,t):""}indicator(e,t){return this.multiple?super.indicator(e,t):""}choiceMessage(e,t){let i=this.resolve(e.message,this.state,e,t);return e.role==="heading"&&!LL.hasColor(i)&&(i=this.styles.strong(i)),this.resolve(i,this.state,e,t)}choiceSeparator(){return":"}async renderChoice(e,t){await this.onChoice(e,t);let i=this.index===t,n=await this.pointer(e,t),s=await this.indicator(e,t)+(e.pad||""),o=await this.resolve(e.hint,this.state,e,t);o&&!LL.hasColor(o)&&(o=this.styles.muted(o));let a=this.indent(e),l=await this.choiceMessage(e,t),c=()=>[this.margin[3],a+n+s,l,this.margin[1],o].filter(Boolean).join(" ");return e.role==="heading"?c():e.disabled?(LL.hasColor(l)||(l=this.styles.disabled(l)),c()):(i&&(l=this.styles.em(l)),c())}async renderChoices(){if(this.state.loading==="choices")return this.styles.warning("Loading choices");if(this.state.submitted)return"";let e=this.visible.map(async(s,o)=>await this.renderChoice(s,o)),t=await Promise.all(e);t.length||t.push(this.styles.danger("No matching choices"));let i=this.margin[0]+t.join(`
-`),n;return this.options.choicesHeader&&(n=await this.resolve(this.options.choicesHeader,this.state)),[n,i].filter(Boolean).join(`
-`)}format(){return!this.state.submitted||this.state.cancelled?"":Array.isArray(this.selected)?this.selected.map(e=>this.styles.primary(e.name)).join(", "):this.styles.primary(this.selected.name)}async render(){let{submitted:e,size:t}=this.state,i="",n=await this.header(),s=await this.prefix(),o=await this.separator(),a=await this.message();this.options.promptLine!==!1&&(i=[s,a,o,""].join(" "),this.state.prompt=i);let l=await this.format(),c=await this.error()||await this.hint(),u=await this.renderChoices(),g=await this.footer();l&&(i+=l),c&&!i.includes(c)&&(i+=" "+c),e&&!l&&!u.trim()&&this.multiple&&this.emptyError!=null&&(i+=this.styles.danger(this.emptyError)),this.clear(t),this.write([n,i,u,g].filter(Boolean).join(`
-`)),this.write(this.margin[2]),this.restore()}};Uie.exports=TL});var Gie=w((Out,Hie)=>{"use strict";var BYe=ol(),QYe=(r,e)=>{let t=r.toLowerCase();return i=>{let s=i.toLowerCase().indexOf(t),o=e(i.slice(s,s+t.length));return s>=0?i.slice(0,s)+o+i.slice(s+t.length):i}},OL=class extends BYe{constructor(e){super(e),this.cursorShow()}moveCursor(e){this.state.cursor+=e}dispatch(e){return this.append(e)}space(e){return this.options.multiple?super.space(e):this.append(e)}append(e){let{cursor:t,input:i}=this.state;return this.input=i.slice(0,t)+e+i.slice(t),this.moveCursor(1),this.complete()}delete(){let{cursor:e,input:t}=this.state;return t?(this.input=t.slice(0,e-1)+t.slice(e),this.moveCursor(-1),this.complete()):this.alert()}deleteForward(){let{cursor:e,input:t}=this.state;return t[e]===void 0?this.alert():(this.input=`${t}`.slice(0,e)+`${t}`.slice(e+1),this.complete())}number(e){return this.append(e)}async complete(){this.completing=!0,this.choices=await this.suggest(this.input,this.state._choices),this.state.limit=void 0,this.index=Math.min(Math.max(this.visible.length-1,0),this.index),await this.render(),this.completing=!1}suggest(e=this.input,t=this.state._choices){if(typeof this.options.suggest=="function")return this.options.suggest.call(this,e,t);let i=e.toLowerCase();return t.filter(n=>n.message.toLowerCase().includes(i))}pointer(){return""}format(){if(!this.focused)return this.input;if(this.options.multiple&&this.state.submitted)return this.selected.map(e=>this.styles.primary(e.message)).join(", ");if(this.state.submitted){let e=this.value=this.input=this.focused.value;return this.styles.primary(e)}return this.input}async render(){if(this.state.status!=="pending")return super.render();let e=this.options.highlight?this.options.highlight.bind(this):this.styles.placeholder,t=QYe(this.input,e),i=this.choices;this.choices=i.map(n=>({...n,message:t(n.message)})),await super.render(),this.choices=i}submit(){return this.options.multiple&&(this.value=this.selected.map(e=>e.name)),super.submit()}};Hie.exports=OL});var KL=w((Mut,Yie)=>{"use strict";var ML=Gi();Yie.exports=(r,e={})=>{r.cursorHide();let{input:t="",initial:i="",pos:n,showCursor:s=!0,color:o}=e,a=o||r.styles.placeholder,l=ML.inverse(r.styles.primary),c=C=>l(r.styles.black(C)),u=t,g=" ",f=c(g);if(r.blink&&r.blink.off===!0&&(c=C=>C,f=""),s&&n===0&&i===""&&t==="")return c(g);if(s&&n===0&&(t===i||t===""))return c(i[0])+a(i.slice(1));i=ML.isPrimitive(i)?`${i}`:"",t=ML.isPrimitive(t)?`${t}`:"";let h=i&&i.startsWith(t)&&i!==t,p=h?c(i[t.length]):f;if(n!==t.length&&s===!0&&(u=t.slice(0,n)+c(t[n])+t.slice(n+1),p=""),s===!1&&(p=""),h){let C=r.styles.unstyle(u+p);return u+p+a(i.slice(C.length))}return u+p}});var oQ=w((Kut,jie)=>{"use strict";var bYe=so(),SYe=ol(),vYe=KL(),UL=class extends SYe{constructor(e){super({...e,multiple:!0}),this.type="form",this.initial=this.options.initial,this.align=[this.options.align,"right"].find(t=>t!=null),this.emptyError="",this.values={}}async reset(e){return await super.reset(),e===!0&&(this._index=this.index),this.index=this._index,this.values={},this.choices.forEach(t=>t.reset&&t.reset()),this.render()}dispatch(e){return!!e&&this.append(e)}append(e){let t=this.focused;if(!t)return this.alert();let{cursor:i,input:n}=t;return t.value=t.input=n.slice(0,i)+e+n.slice(i),t.cursor++,this.render()}delete(){let e=this.focused;if(!e||e.cursor<=0)return this.alert();let{cursor:t,input:i}=e;return e.value=e.input=i.slice(0,t-1)+i.slice(t),e.cursor--,this.render()}deleteForward(){let e=this.focused;if(!e)return this.alert();let{cursor:t,input:i}=e;if(i[t]===void 0)return this.alert();let n=`${i}`.slice(0,t)+`${i}`.slice(t+1);return e.value=e.input=n,this.render()}right(){let e=this.focused;return e?e.cursor>=e.input.length?this.alert():(e.cursor++,this.render()):this.alert()}left(){let e=this.focused;return e?e.cursor<=0?this.alert():(e.cursor--,this.render()):this.alert()}space(e,t){return this.dispatch(e,t)}number(e,t){return this.dispatch(e,t)}next(){let e=this.focused;if(!e)return this.alert();let{initial:t,input:i}=e;return t&&t.startsWith(i)&&i!==t?(e.value=e.input=t,e.cursor=e.value.length,this.render()):super.next()}prev(){let e=this.focused;return e?e.cursor===0?super.prev():(e.value=e.input="",e.cursor=0,this.render()):this.alert()}separator(){return""}format(e){return this.state.submitted?"":super.format(e)}pointer(){return""}indicator(e){return e.input?"\u29BF":"\u2299"}async choiceSeparator(e,t){let i=await this.resolve(e.separator,this.state,e,t)||":";return i?" "+this.styles.disabled(i):""}async renderChoice(e,t){await this.onChoice(e,t);let{state:i,styles:n}=this,{cursor:s,initial:o="",name:a,hint:l,input:c=""}=e,{muted:u,submitted:g,primary:f,danger:h}=n,p=l,C=this.index===t,y=e.validate||(()=>!0),B=await this.choiceSeparator(e,t),v=e.message;this.align==="right"&&(v=v.padStart(this.longest+1," ")),this.align==="left"&&(v=v.padEnd(this.longest+1," "));let D=this.values[a]=c||o,L=c?"success":"dark";await y.call(e,D,this.state)!==!0&&(L="danger");let H=n[L],j=H(await this.indicator(e,t))+(e.pad||""),$=this.indent(e),V=()=>[$,j,v+B,c,p].filter(Boolean).join(" ");if(i.submitted)return v=bYe.unstyle(v),c=g(c),p="",V();if(e.format)c=await e.format.call(this,c,e,t);else{let W=this.styles.muted;c=vYe(this,{input:c,initial:o,pos:s,showCursor:C,color:W})}return this.isValue(c)||(c=this.styles.muted(this.symbols.ellipsis)),e.result&&(this.values[a]=await e.result.call(this,D,e,t)),C&&(v=f(v)),e.error?c+=(c?" ":"")+h(e.error.trim()):e.hint&&(c+=(c?" ":"")+u(e.hint.trim())),V()}async submit(){return this.value=this.values,super.base.submit.call(this)}};jie.exports=UL});var HL=w((Uut,Jie)=>{"use strict";var xYe=oQ(),PYe=()=>{throw new Error("expected prompt to have a custom authenticate method")},qie=(r=PYe)=>{class e extends xYe{constructor(i){super(i)}async submit(){this.value=await r.call(this,this.values,this.state),super.base.submit.call(this)}static create(i){return qie(i)}}return e};Jie.exports=qie()});var Vie=w((Hut,zie)=>{"use strict";var DYe=HL();function kYe(r,e){return r.username===this.options.username&&r.password===this.options.password}var Wie=(r=kYe)=>{let e=[{name:"username",message:"username"},{name:"password",message:"password",format(i){return this.options.showPassword?i:(this.state.submitted?this.styles.primary:this.styles.muted)(this.symbols.asterisk.repeat(i.length))}}];class t extends DYe.create(r){constructor(n){super({...n,choices:e})}static create(n){return Wie(n)}}return t};zie.exports=Wie()});var aQ=w((Gut,Xie)=>{"use strict";var RYe=kh(),{isPrimitive:FYe,hasColor:NYe}=Gi(),GL=class extends RYe{constructor(e){super(e),this.cursorHide()}async initialize(){let e=await this.resolve(this.initial,this.state);this.input=await this.cast(e),await super.initialize()}dispatch(e){return this.isValue(e)?(this.input=e,this.submit()):this.alert()}format(e){let{styles:t,state:i}=this;return i.submitted?t.success(e):t.primary(e)}cast(e){return this.isTrue(e)}isTrue(e){return/^[ty1]/i.test(e)}isFalse(e){return/^[fn0]/i.test(e)}isValue(e){return FYe(e)&&(this.isTrue(e)||this.isFalse(e))}async hint(){if(this.state.status==="pending"){let e=await this.element("hint");return NYe(e)?e:this.styles.muted(e)}}async render(){let{input:e,size:t}=this.state,i=await this.prefix(),n=await this.separator(),s=await this.message(),o=this.styles.muted(this.default),a=[i,s,o,n].filter(Boolean).join(" ");this.state.prompt=a;let l=await this.header(),c=this.value=this.cast(e),u=await this.format(c),g=await this.error()||await this.hint(),f=await this.footer();g&&!a.includes(g)&&(u+=" "+g),a+=" "+u,this.clear(t),this.write([l,a,f].filter(Boolean).join(`
-`)),this.restore()}set value(e){super.value=e}get value(){return this.cast(super.value)}};Xie.exports=GL});var Zie=w((Yut,_ie)=>{"use strict";var LYe=aQ(),YL=class extends LYe{constructor(e){super(e),this.default=this.options.default||(this.initial?"(Y/n)":"(y/N)")}};_ie.exports=YL});var ene=w((jut,$ie)=>{"use strict";var TYe=ol(),OYe=oQ(),Rh=OYe.prototype,jL=class extends TYe{constructor(e){super({...e,multiple:!0}),this.align=[this.options.align,"left"].find(t=>t!=null),this.emptyError="",this.values={}}dispatch(e,t){let i=this.focused,n=i.parent||{};return!i.editable&&!n.editable&&(e==="a"||e==="i")?super[e]():Rh.dispatch.call(this,e,t)}append(e,t){return Rh.append.call(this,e,t)}delete(e,t){return Rh.delete.call(this,e,t)}space(e){return this.focused.editable?this.append(e):super.space()}number(e){return this.focused.editable?this.append(e):super.number(e)}next(){return this.focused.editable?Rh.next.call(this):super.next()}prev(){return this.focused.editable?Rh.prev.call(this):super.prev()}async indicator(e,t){let i=e.indicator||"",n=e.editable?i:super.indicator(e,t);return await this.resolve(n,this.state,e,t)||""}indent(e){return e.role==="heading"?"":e.editable?" ":"  "}async renderChoice(e,t){return e.indent="",e.editable?Rh.renderChoice.call(this,e,t):super.renderChoice(e,t)}error(){return""}footer(){return this.state.error}async validate(){let e=!0;for(let t of this.choices){if(typeof t.validate!="function"||t.role==="heading")continue;let i=t.parent?this.value[t.parent.name]:this.value;if(t.editable?i=t.value===t.name?t.initial||"":t.value:this.isDisabled(t)||(i=t.enabled===!0),e=await t.validate(i,this.state),e!==!0)break}return e!==!0&&(this.state.error=typeof e=="string"?e:"Invalid Input"),e}submit(){if(this.focused.newChoice===!0)return super.submit();if(this.choices.some(e=>e.newChoice))return this.alert();this.value={};for(let e of this.choices){let t=e.parent?this.value[e.parent.name]:this.value;if(e.role==="heading"){this.value[e.name]={};continue}e.editable?t[e.name]=e.value===e.name?e.initial||"":e.value:this.isDisabled(e)||(t[e.name]=e.enabled===!0)}return this.base.submit.call(this)}};$ie.exports=jL});var Xc=w((qut,tne)=>{"use strict";var MYe=kh(),KYe=KL(),{isPrimitive:UYe}=Gi(),qL=class extends MYe{constructor(e){super(e),this.initial=UYe(this.initial)?String(this.initial):"",this.initial&&this.cursorHide(),this.state.prevCursor=0,this.state.clipboard=[]}async keypress(e,t={}){let i=this.state.prevKeypress;return this.state.prevKeypress=t,this.options.multiline===!0&&t.name==="return"&&(!i||i.name!=="return")?this.append(`
-`,t):super.keypress(e,t)}moveCursor(e){this.cursor+=e}reset(){return this.input=this.value="",this.cursor=0,this.render()}dispatch(e,t){if(!e||t.ctrl||t.code)return this.alert();this.append(e)}append(e){let{cursor:t,input:i}=this.state;this.input=`${i}`.slice(0,t)+e+`${i}`.slice(t),this.moveCursor(String(e).length),this.render()}insert(e){this.append(e)}delete(){let{cursor:e,input:t}=this.state;if(e<=0)return this.alert();this.input=`${t}`.slice(0,e-1)+`${t}`.slice(e),this.moveCursor(-1),this.render()}deleteForward(){let{cursor:e,input:t}=this.state;if(t[e]===void 0)return this.alert();this.input=`${t}`.slice(0,e)+`${t}`.slice(e+1),this.render()}cutForward(){let e=this.cursor;if(this.input.length<=e)return this.alert();this.state.clipboard.push(this.input.slice(e)),this.input=this.input.slice(0,e),this.render()}cutLeft(){let e=this.cursor;if(e===0)return this.alert();let t=this.input.slice(0,e),i=this.input.slice(e),n=t.split(" ");this.state.clipboard.push(n.pop()),this.input=n.join(" "),this.cursor=this.input.length,this.input+=i,this.render()}paste(){if(!this.state.clipboard.length)return this.alert();this.insert(this.state.clipboard.pop()),this.render()}toggleCursor(){this.state.prevCursor?(this.cursor=this.state.prevCursor,this.state.prevCursor=0):(this.state.prevCursor=this.cursor,this.cursor=0),this.render()}first(){this.cursor=0,this.render()}last(){this.cursor=this.input.length-1,this.render()}next(){let e=this.initial!=null?String(this.initial):"";if(!e||!e.startsWith(this.input))return this.alert();this.input=this.initial,this.cursor=this.initial.length,this.render()}prev(){if(!this.input)return this.alert();this.reset()}backward(){return this.left()}forward(){return this.right()}right(){return this.cursor>=this.input.length?this.alert():(this.moveCursor(1),this.render())}left(){return this.cursor<=0?this.alert():(this.moveCursor(-1),this.render())}isValue(e){return!!e}async format(e=this.value){let t=await this.resolve(this.initial,this.state);return this.state.submitted?this.styles.submitted(e||t):KYe(this,{input:e,initial:t,pos:this.cursor})}async render(){let e=this.state.size,t=await this.prefix(),i=await this.separator(),n=await this.message(),s=[t,n,i].filter(Boolean).join(" ");this.state.prompt=s;let o=await this.header(),a=await this.format(),l=await this.error()||await this.hint(),c=await this.footer();l&&!a.includes(l)&&(a+=" "+l),s+=" "+a,this.clear(e),this.write([o,s,c].filter(Boolean).join(`
-`)),this.restore()}};tne.exports=qL});var ine=w((Jut,rne)=>{"use strict";var HYe=r=>r.filter((e,t)=>r.lastIndexOf(e)===t),AQ=r=>HYe(r).filter(Boolean);rne.exports=(r,e={},t="")=>{let{past:i=[],present:n=""}=e,s,o;switch(r){case"prev":case"undo":return s=i.slice(0,i.length-1),o=i[i.length-1]||"",{past:AQ([t,...s]),present:o};case"next":case"redo":return s=i.slice(1),o=i[0]||"",{past:AQ([...s,t]),present:o};case"save":return{past:AQ([...i,t]),present:""};case"remove":return o=AQ(i.filter(a=>a!==t)),n="",o.length&&(n=o.pop()),{past:o,present:n};default:throw new Error(`Invalid action: "${r}"`)}}});var WL=w((Wut,sne)=>{"use strict";var GYe=Xc(),nne=ine(),JL=class extends GYe{constructor(e){super(e);let t=this.options.history;if(t&&t.store){let i=t.values||this.initial;this.autosave=!!t.autosave,this.store=t.store,this.data=this.store.get("values")||{past:[],present:i},this.initial=this.data.present||this.data.past[this.data.past.length-1]}}completion(e){return this.store?(this.data=nne(e,this.data,this.input),this.data.present?(this.input=this.data.present,this.cursor=this.input.length,this.render()):this.alert()):this.alert()}altUp(){return this.completion("prev")}altDown(){return this.completion("next")}prev(){return this.save(),super.prev()}save(){!this.store||(this.data=nne("save",this.data,this.input),this.store.set("values",this.data))}submit(){return this.store&&this.autosave===!0&&this.save(),super.submit()}};sne.exports=JL});var ane=w((zut,one)=>{"use strict";var YYe=Xc(),zL=class extends YYe{format(){return""}};one.exports=zL});var lne=w((Vut,Ane)=>{"use strict";var jYe=Xc(),VL=class extends jYe{constructor(e={}){super(e),this.sep=this.options.separator||/, */,this.initial=e.initial||""}split(e=this.value){return e?String(e).split(this.sep):[]}format(){let e=this.state.submitted?this.styles.primary:t=>t;return this.list.map(e).join(", ")}async submit(e){let t=this.state.error||await this.validate(this.list,this.state);return t!==!0?(this.state.error=t,super.submit()):(this.value=this.list,super.submit())}get list(){return this.split()}};Ane.exports=VL});var une=w((Xut,cne)=>{"use strict";var qYe=ol(),XL=class extends qYe{constructor(e){super({...e,multiple:!0})}};cne.exports=XL});var ZL=w((_ut,gne)=>{"use strict";var JYe=Xc(),_L=class extends JYe{constructor(e={}){super({style:"number",...e}),this.min=this.isValue(e.min)?this.toNumber(e.min):-1/0,this.max=this.isValue(e.max)?this.toNumber(e.max):1/0,this.delay=e.delay!=null?e.delay:1e3,this.float=e.float!==!1,this.round=e.round===!0||e.float===!1,this.major=e.major||10,this.minor=e.minor||1,this.initial=e.initial!=null?e.initial:"",this.input=String(this.initial),this.cursor=this.input.length,this.cursorShow()}append(e){return!/[-+.]/.test(e)||e==="."&&this.input.includes(".")?this.alert("invalid number"):super.append(e)}number(e){return super.append(e)}next(){return this.input&&this.input!==this.initial?this.alert():this.isValue(this.initial)?(this.input=this.initial,this.cursor=String(this.initial).length,this.render()):this.alert()}up(e){let t=e||this.minor,i=this.toNumber(this.input);return i>this.max+t?this.alert():(this.input=`${i+t}`,this.render())}down(e){let t=e||this.minor,i=this.toNumber(this.input);return i<this.min-t?this.alert():(this.input=`${i-t}`,this.render())}shiftDown(){return this.down(this.major)}shiftUp(){return this.up(this.major)}format(e=this.input){return typeof this.options.format=="function"?this.options.format.call(this,e):this.styles.info(e)}toNumber(e=""){return this.float?+e:Math.round(+e)}isValue(e){return/^[-+]?[0-9]+((\.)|(\.[0-9]+))?$/.test(e)}submit(){let e=[this.input,this.initial].find(t=>this.isValue(t));return this.value=this.toNumber(e||0),super.submit()}};gne.exports=_L});var hne=w((Zut,fne)=>{fne.exports=ZL()});var dne=w(($ut,pne)=>{"use strict";var WYe=Xc(),$L=class extends WYe{constructor(e){super(e),this.cursorShow()}format(e=this.input){return this.keypressed?(this.state.submitted?this.styles.primary:this.styles.muted)(this.symbols.asterisk.repeat(e.length)):""}};pne.exports=$L});var Ene=w((egt,mne)=>{"use strict";var zYe=so(),VYe=vm(),Cne=Gi(),eT=class extends VYe{constructor(e={}){super(e),this.widths=[].concat(e.messageWidth||50),this.align=[].concat(e.align||"left"),this.linebreak=e.linebreak||!1,this.edgeLength=e.edgeLength||3,this.newline=e.newline||`
-   `;let t=e.startNumber||1;typeof this.scale=="number"&&(this.scaleKey=!1,this.scale=Array(this.scale).fill(0).map((i,n)=>({name:n+t})))}async reset(){return this.tableized=!1,await super.reset(),this.render()}tableize(){if(this.tableized===!0)return;this.tableized=!0;let e=0;for(let t of this.choices){e=Math.max(e,t.message.length),t.scaleIndex=t.initial||2,t.scale=[];for(let i=0;i<this.scale.length;i++)t.scale.push({index:i})}this.widths[0]=Math.min(this.widths[0],e+3)}async dispatch(e,t){if(this.multiple)return this[t.name]?await this[t.name](e,t):await super.dispatch(e,t);this.alert()}heading(e,t,i){return this.styles.strong(e)}separator(){return this.styles.muted(this.symbols.ellipsis)}right(){let e=this.focused;return e.scaleIndex>=this.scale.length-1?this.alert():(e.scaleIndex++,this.render())}left(){let e=this.focused;return e.scaleIndex<=0?this.alert():(e.scaleIndex--,this.render())}indent(){return""}format(){return this.state.submitted?this.choices.map(t=>this.styles.info(t.index)).join(", "):""}pointer(){return""}renderScaleKey(){if(this.scaleKey===!1||this.state.submitted)return"";let e=this.scale.map(i=>`   ${i.name} - ${i.message}`);return["",...e].map(i=>this.styles.muted(i)).join(`
-`)}renderScaleHeading(e){let t=this.scale.map(l=>l.name);typeof this.options.renderScaleHeading=="function"&&(t=this.options.renderScaleHeading.call(this,e));let i=this.scaleLength-t.join("").length,n=Math.round(i/(t.length-1)),o=t.map(l=>this.styles.strong(l)).join(" ".repeat(n)),a=" ".repeat(this.widths[0]);return this.margin[3]+a+this.margin[1]+o}scaleIndicator(e,t,i){if(typeof this.options.scaleIndicator=="function")return this.options.scaleIndicator.call(this,e,t,i);let n=e.scaleIndex===t.index;return t.disabled?this.styles.hint(this.symbols.radio.disabled):n?this.styles.success(this.symbols.radio.on):this.symbols.radio.off}renderScale(e,t){let i=e.scale.map(s=>this.scaleIndicator(e,s,t)),n=this.term==="Hyper"?"":" ";return i.join(n+this.symbols.line.repeat(this.edgeLength))}async renderChoice(e,t){await this.onChoice(e,t);let i=this.index===t,n=await this.pointer(e,t),s=await e.hint;s&&!Cne.hasColor(s)&&(s=this.styles.muted(s));let o=p=>this.margin[3]+p.replace(/\s+$/,"").padEnd(this.widths[0]," "),a=this.newline,l=this.indent(e),c=await this.resolve(e.message,this.state,e,t),u=await this.renderScale(e,t),g=this.margin[1]+this.margin[3];this.scaleLength=zYe.unstyle(u).length,this.widths[0]=Math.min(this.widths[0],this.width-this.scaleLength-g.length);let h=Cne.wordWrap(c,{width:this.widths[0],newline:a}).split(`
-`).map(p=>o(p)+this.margin[1]);return i&&(u=this.styles.info(u),h=h.map(p=>this.styles.info(p))),h[0]+=u,this.linebreak&&h.push(""),[l+n,h.join(`
-`)].filter(Boolean)}async renderChoices(){if(this.state.submitted)return"";this.tableize();let e=this.visible.map(async(n,s)=>await this.renderChoice(n,s)),t=await Promise.all(e),i=await this.renderScaleHeading();return this.margin[0]+[i,...t.map(n=>n.join(" "))].join(`
-`)}async render(){let{submitted:e,size:t}=this.state,i=await this.prefix(),n=await this.separator(),s=await this.message(),o="";this.options.promptLine!==!1&&(o=[i,s,n,""].join(" "),this.state.prompt=o);let a=await this.header(),l=await this.format(),c=await this.renderScaleKey(),u=await this.error()||await this.hint(),g=await this.renderChoices(),f=await this.footer(),h=this.emptyError;l&&(o+=l),u&&!o.includes(u)&&(o+=" "+u),e&&!l&&!g.trim()&&this.multiple&&h!=null&&(o+=this.styles.danger(h)),this.clear(t),this.write([a,o,c,g,f].filter(Boolean).join(`
-`)),this.state.submitted||this.write(this.margin[2]),this.restore()}submit(){this.value={};for(let e of this.choices)this.value[e.name]=e.scaleIndex;return this.base.submit.call(this)}};mne.exports=eT});var wne=w((tgt,yne)=>{"use strict";var Ine=so(),XYe=(r="")=>typeof r=="string"?r.replace(/^['"]|['"]$/g,""):"",rT=class{constructor(e){this.name=e.key,this.field=e.field||{},this.value=XYe(e.initial||this.field.initial||""),this.message=e.message||this.name,this.cursor=0,this.input="",this.lines=[]}},_Ye=async(r={},e={},t=i=>i)=>{let i=new Set,n=r.fields||[],s=r.template,o=[],a=[],l=[],c=1;typeof s=="function"&&(s=await s());let u=-1,g=()=>s[++u],f=()=>s[u+1],h=p=>{p.line=c,o.push(p)};for(h({type:"bos",value:""});u<s.length-1;){let p=g();if(/^[^\S\n ]$/.test(p)){h({type:"text",value:p});continue}if(p===`
-`){h({type:"newline",value:p}),c++;continue}if(p==="\\"){p+=g(),h({type:"text",value:p});continue}if((p==="$"||p==="#"||p==="{")&&f()==="{"){p+=g();let B={type:"template",open:p,inner:"",close:"",value:p},v;for(;v=g();){if(v==="}"){f()==="}"&&(v+=g()),B.value+=v,B.close=v;break}v===":"?(B.initial="",B.key=B.inner):B.initial!==void 0&&(B.initial+=v),B.value+=v,B.inner+=v}B.template=B.open+(B.initial||B.inner)+B.close,B.key=B.key||B.inner,e.hasOwnProperty(B.key)&&(B.initial=e[B.key]),B=t(B),h(B),l.push(B.key),i.add(B.key);let D=a.find(L=>L.name===B.key);B.field=n.find(L=>L.name===B.key),D||(D=new rT(B),a.push(D)),D.lines.push(B.line-1);continue}let C=o[o.length-1];C.type==="text"&&C.line===c?C.value+=p:h({type:"text",value:p})}return h({type:"eos",value:""}),{input:s,tabstops:o,unique:i,keys:l,items:a}};yne.exports=async r=>{let e=r.options,t=new Set(e.required===!0?[]:e.required||[]),i={...e.values,...e.initial},{tabstops:n,items:s,keys:o}=await _Ye(e,i),a=tT("result",r,e),l=tT("format",r,e),c=tT("validate",r,e,!0),u=r.isValue.bind(r);return async(g={},f=!1)=>{let h=0;g.required=t,g.items=s,g.keys=o,g.output="";let p=async(v,D,L,H)=>{let j=await c(v,D,L,H);return j===!1?"Invalid field "+L.name:j};for(let v of n){let D=v.value,L=v.key;if(v.type!=="template"){D&&(g.output+=D);continue}if(v.type==="template"){let H=s.find(Z=>Z.name===L);e.required===!0&&g.required.add(H.name);let j=[H.input,g.values[H.value],H.value,D].find(u),V=(H.field||{}).message||v.inner;if(f){let Z=await p(g.values[L],g,H,h);if(Z&&typeof Z=="string"||Z===!1){g.invalid.set(L,Z);continue}g.invalid.delete(L);let A=await a(g.values[L],g,H,h);g.output+=Ine.unstyle(A);continue}H.placeholder=!1;let W=D;D=await l(D,g,H,h),j!==D?(g.values[L]=j,D=r.styles.typing(j),g.missing.delete(V)):(g.values[L]=void 0,j=`<${V}>`,D=r.styles.primary(j),H.placeholder=!0,g.required.has(L)&&g.missing.add(V)),g.missing.has(V)&&g.validating&&(D=r.styles.warning(j)),g.invalid.has(L)&&g.validating&&(D=r.styles.danger(j)),h===g.index&&(W!==D?D=r.styles.underline(D):D=r.styles.heading(Ine.unstyle(D))),h++}D&&(g.output+=D)}let C=g.output.split(`
-`).map(v=>" "+v),y=s.length,B=0;for(let v of s)g.invalid.has(v.name)&&v.lines.forEach(D=>{C[D][0]===" "&&(C[D]=g.styles.danger(g.symbols.bullet)+C[D].slice(1))}),r.isValue(g.values[v.name])&&B++;return g.completed=(B/y*100).toFixed(0),g.output=C.join(`
-`),g.output}};function tT(r,e,t,i){return(n,s,o,a)=>typeof o.field[r]=="function"?o.field[r].call(e,n,s,o,a):[i,n].find(l=>e.isValue(l))}});var Qne=w((rgt,Bne)=>{"use strict";var ZYe=so(),$Ye=wne(),eje=kh(),iT=class extends eje{constructor(e){super(e),this.cursorHide(),this.reset(!0)}async initialize(){this.interpolate=await $Ye(this),await super.initialize()}async reset(e){this.state.keys=[],this.state.invalid=new Map,this.state.missing=new Set,this.state.completed=0,this.state.values={},e!==!0&&(await this.initialize(),await this.render())}moveCursor(e){let t=this.getItem();this.cursor+=e,t.cursor+=e}dispatch(e,t){if(!t.code&&!t.ctrl&&e!=null&&this.getItem()){this.append(e,t);return}this.alert()}append(e,t){let i=this.getItem(),n=i.input.slice(0,this.cursor),s=i.input.slice(this.cursor);this.input=i.input=`${n}${e}${s}`,this.moveCursor(1),this.render()}delete(){let e=this.getItem();if(this.cursor<=0||!e.input)return this.alert();let t=e.input.slice(this.cursor),i=e.input.slice(0,this.cursor-1);this.input=e.input=`${i}${t}`,this.moveCursor(-1),this.render()}increment(e){return e>=this.state.keys.length-1?0:e+1}decrement(e){return e<=0?this.state.keys.length-1:e-1}first(){this.state.index=0,this.render()}last(){this.state.index=this.state.keys.length-1,this.render()}right(){if(this.cursor>=this.input.length)return this.alert();this.moveCursor(1),this.render()}left(){if(this.cursor<=0)return this.alert();this.moveCursor(-1),this.render()}prev(){this.state.index=this.decrement(this.state.index),this.getItem(),this.render()}next(){this.state.index=this.increment(this.state.index),this.getItem(),this.render()}up(){this.prev()}down(){this.next()}format(e){let t=this.state.completed<100?this.styles.warning:this.styles.success;return this.state.submitted===!0&&this.state.completed!==100&&(t=this.styles.danger),t(`${this.state.completed}% completed`)}async render(){let{index:e,keys:t=[],submitted:i,size:n}=this.state,s=[this.options.newline,`
-`].find(v=>v!=null),o=await this.prefix(),a=await this.separator(),l=await this.message(),c=[o,l,a].filter(Boolean).join(" ");this.state.prompt=c;let u=await this.header(),g=await this.error()||"",f=await this.hint()||"",h=i?"":await this.interpolate(this.state),p=this.state.key=t[e]||"",C=await this.format(p),y=await this.footer();C&&(c+=" "+C),f&&!C&&this.state.completed===0&&(c+=" "+f),this.clear(n);let B=[u,c,h,y,g.trim()];this.write(B.filter(Boolean).join(s)),this.restore()}getItem(e){let{items:t,keys:i,index:n}=this.state,s=t.find(o=>o.name===i[n]);return s&&s.input!=null&&(this.input=s.input,this.cursor=s.cursor),s}async submit(){typeof this.interpolate!="function"&&await this.initialize(),await this.interpolate(this.state,!0);let{invalid:e,missing:t,output:i,values:n}=this.state;if(e.size){let a="";for(let[l,c]of e)a+=`Invalid ${l}: ${c}
-`;return this.state.error=a,super.submit()}if(t.size)return this.state.error="Required: "+[...t.keys()].join(", "),super.submit();let o=ZYe.unstyle(i).split(`
-`).map(a=>a.slice(1)).join(`
-`);return this.value={values:n,result:o},super.submit()}};Bne.exports=iT});var Sne=w((igt,bne)=>{"use strict";var tje="(Use <shift>+<up/down> to sort)",rje=ol(),nT=class extends rje{constructor(e){super({...e,reorder:!1,sort:!0,multiple:!0}),this.state.hint=[this.options.hint,tje].find(this.isValue.bind(this))}indicator(){return""}async renderChoice(e,t){let i=await super.renderChoice(e,t),n=this.symbols.identicalTo+" ",s=this.index===t&&this.sorting?this.styles.muted(n):"  ";return this.options.drag===!1&&(s=""),this.options.numbered===!0?s+`${t+1} - `+i:s+i}get selected(){return this.choices}submit(){return this.value=this.choices.map(e=>e.value),super.submit()}};bne.exports=nT});var xne=w((ngt,vne)=>{"use strict";var ije=vm(),sT=class extends ije{constructor(e={}){if(super(e),this.emptyError=e.emptyError||"No items were selected",this.term=process.env.TERM_PROGRAM,!this.options.header){let t=["","4 - Strongly Agree","3 - Agree","2 - Neutral","1 - Disagree","0 - Strongly Disagree",""];t=t.map(i=>this.styles.muted(i)),this.state.header=t.join(`
-   `)}}async toChoices(...e){if(this.createdScales)return!1;this.createdScales=!0;let t=await super.toChoices(...e);for(let i of t)i.scale=nje(5,this.options),i.scaleIdx=2;return t}dispatch(){this.alert()}space(){let e=this.focused,t=e.scale[e.scaleIdx],i=t.selected;return e.scale.forEach(n=>n.selected=!1),t.selected=!i,this.render()}indicator(){return""}pointer(){return""}separator(){return this.styles.muted(this.symbols.ellipsis)}right(){let e=this.focused;return e.scaleIdx>=e.scale.length-1?this.alert():(e.scaleIdx++,this.render())}left(){let e=this.focused;return e.scaleIdx<=0?this.alert():(e.scaleIdx--,this.render())}indent(){return"   "}async renderChoice(e,t){await this.onChoice(e,t);let i=this.index===t,n=this.term==="Hyper",s=n?9:8,o=n?"":" ",a=this.symbols.line.repeat(s),l=" ".repeat(s+(n?0:1)),c=D=>(D?this.styles.success("\u25C9"):"\u25EF")+o,u=t+1+".",g=i?this.styles.heading:this.styles.noop,f=await this.resolve(e.message,this.state,e,t),h=this.indent(e),p=h+e.scale.map((D,L)=>c(L===e.scaleIdx)).join(a),C=D=>D===e.scaleIdx?g(D):D,y=h+e.scale.map((D,L)=>C(L)).join(l),B=()=>[u,f].filter(Boolean).join(" "),v=()=>[B(),p,y," "].filter(Boolean).join(`
-`);return i&&(p=this.styles.cyan(p),y=this.styles.cyan(y)),v()}async renderChoices(){if(this.state.submitted)return"";let e=this.visible.map(async(i,n)=>await this.renderChoice(i,n)),t=await Promise.all(e);return t.length||t.push(this.styles.danger("No matching choices")),t.join(`
-`)}format(){return this.state.submitted?this.choices.map(t=>this.styles.info(t.scaleIdx)).join(", "):""}async render(){let{submitted:e,size:t}=this.state,i=await this.prefix(),n=await this.separator(),s=await this.message(),o=[i,s,n].filter(Boolean).join(" ");this.state.prompt=o;let a=await this.header(),l=await this.format(),c=await this.error()||await this.hint(),u=await this.renderChoices(),g=await this.footer();(l||!c)&&(o+=" "+l),c&&!o.includes(c)&&(o+=" "+c),e&&!l&&!u&&this.multiple&&this.type!=="form"&&(o+=this.styles.danger(this.emptyError)),this.clear(t),this.write([o,a,u,g].filter(Boolean).join(`
-`)),this.restore()}submit(){this.value={};for(let e of this.choices)this.value[e.name]=e.scaleIdx;return this.base.submit.call(this)}};function nje(r,e={}){if(Array.isArray(e.scale))return e.scale.map(i=>({...i}));let t=[];for(let i=1;i<r+1;i++)t.push({i,selected:!1});return t}vne.exports=sT});var Dne=w((sgt,Pne)=>{Pne.exports=WL()});var Rne=w((ogt,kne)=>{"use strict";var sje=aQ(),oT=class extends sje{async initialize(){await super.initialize(),this.value=this.initial=!!this.options.initial,this.disabled=this.options.disabled||"no",this.enabled=this.options.enabled||"yes",await this.render()}reset(){this.value=this.initial,this.render()}delete(){this.alert()}toggle(){this.value=!this.value,this.render()}enable(){if(this.value===!0)return this.alert();this.value=!0,this.render()}disable(){if(this.value===!1)return this.alert();this.value=!1,this.render()}up(){this.toggle()}down(){this.toggle()}right(){this.toggle()}left(){this.toggle()}next(){this.toggle()}prev(){this.toggle()}dispatch(e="",t){switch(e.toLowerCase()){case" ":return this.toggle();case"1":case"y":case"t":return this.enable();case"0":case"n":case"f":return this.disable();default:return this.alert()}}format(){let e=i=>this.styles.primary.underline(i);return[this.value?this.disabled:e(this.disabled),this.value?e(this.enabled):this.enabled].join(this.styles.muted(" / "))}async render(){let{size:e}=this.state,t=await this.header(),i=await this.prefix(),n=await this.separator(),s=await this.message(),o=await this.format(),a=await this.error()||await this.hint(),l=await this.footer(),c=[i,s,n,o].join(" ");this.state.prompt=c,a&&!c.includes(a)&&(c+=" "+a),this.clear(e),this.write([t,c,l].filter(Boolean).join(`
-`)),this.write(this.margin[2]),this.restore()}};kne.exports=oT});var Nne=w((agt,Fne)=>{"use strict";var oje=ol(),aT=class extends oje{constructor(e){if(super(e),typeof this.options.correctChoice!="number"||this.options.correctChoice<0)throw new Error("Please specify the index of the correct answer from the list of choices")}async toChoices(e,t){let i=await super.toChoices(e,t);if(i.length<2)throw new Error("Please give at least two choices to the user");if(this.options.correctChoice>i.length)throw new Error("Please specify the index of the correct answer from the list of choices");return i}check(e){return e.index===this.options.correctChoice}async result(e){return{selectedAnswer:e,correctAnswer:this.options.choices[this.options.correctChoice].value,correct:await this.check(this.state)}}};Fne.exports=aT});var Tne=w(AT=>{"use strict";var Lne=Gi(),ui=(r,e)=>{Lne.defineExport(AT,r,e),Lne.defineExport(AT,r.toLowerCase(),e)};ui("AutoComplete",()=>Gie());ui("BasicAuth",()=>Vie());ui("Confirm",()=>Zie());ui("Editable",()=>ene());ui("Form",()=>oQ());ui("Input",()=>WL());ui("Invisible",()=>ane());ui("List",()=>lne());ui("MultiSelect",()=>une());ui("Numeral",()=>hne());ui("Password",()=>dne());ui("Scale",()=>Ene());ui("Select",()=>ol());ui("Snippet",()=>Qne());ui("Sort",()=>Sne());ui("Survey",()=>xne());ui("Text",()=>Dne());ui("Toggle",()=>Rne());ui("Quiz",()=>Nne())});var Mne=w((lgt,One)=>{One.exports={ArrayPrompt:vm(),AuthPrompt:HL(),BooleanPrompt:aQ(),NumberPrompt:ZL(),StringPrompt:Xc()}});var Pm=w((cgt,Une)=>{"use strict";var Kne=J("assert"),cT=J("events"),al=Gi(),ao=class extends cT{constructor(e,t){super(),this.options=al.merge({},e),this.answers={...t}}register(e,t){if(al.isObject(e)){for(let n of Object.keys(e))this.register(n,e[n]);return this}Kne.equal(typeof t,"function","expected a function");let i=e.toLowerCase();return t.prototype instanceof this.Prompt?this.prompts[i]=t:this.prompts[i]=t(this.Prompt,this),this}async prompt(e=[]){for(let t of[].concat(e))try{typeof t=="function"&&(t=await t.call(this)),await this.ask(al.merge({},this.options,t))}catch(i){return Promise.reject(i)}return this.answers}async ask(e){typeof e=="function"&&(e=await e.call(this));let t=al.merge({},this.options,e),{type:i,name:n}=e,{set:s,get:o}=al;if(typeof i=="function"&&(i=await i.call(this,e,this.answers)),!i)return this.answers[n];Kne(this.prompts[i],`Prompt "${i}" is not registered`);let a=new this.prompts[i](t),l=o(this.answers,n);a.state.answers=this.answers,a.enquirer=this,n&&a.on("submit",u=>{this.emit("answer",n,u,a),s(this.answers,n,u)});let c=a.emit.bind(a);return a.emit=(...u)=>(this.emit.call(this,...u),c(...u)),this.emit("prompt",a,this),t.autofill&&l!=null?(a.value=a.input=l,t.autofill==="show"&&await a.submit()):l=a.value=await a.run(),l}use(e){return e.call(this,this),this}set Prompt(e){this._Prompt=e}get Prompt(){return this._Prompt||this.constructor.Prompt}get prompts(){return this.constructor.prompts}static set Prompt(e){this._Prompt=e}static get Prompt(){return this._Prompt||kh()}static get prompts(){return Tne()}static get types(){return Mne()}static get prompt(){let e=(t,...i)=>{let n=new this(...i),s=n.emit.bind(n);return n.emit=(...o)=>(e.emit(...o),s(...o)),n.prompt(t)};return al.mixinEmitter(e,new cT),e}};al.mixinEmitter(ao,new cT);var lT=ao.prompts;for(let r of Object.keys(lT)){let e=r.toLowerCase(),t=i=>new lT[r](i).run();ao.prompt[e]=t,ao[e]=t,ao[r]||Reflect.defineProperty(ao,r,{get:()=>lT[r]})}var xm=r=>{al.defineExport(ao,r,()=>ao.types[r])};xm("ArrayPrompt");xm("AuthPrompt");xm("BooleanPrompt");xm("NumberPrompt");xm("StringPrompt");Une.exports=ao});var Xne=w((_gt,Vne)=>{function uje(r,e){for(var t=-1,i=r==null?0:r.length;++t<i&&e(r[t],t,r)!==!1;);return r}Vne.exports=uje});var Nh=w((Zgt,_ne)=>{var gje=B0(),fje=gh();function hje(r,e,t,i){var n=!t;t||(t={});for(var s=-1,o=e.length;++s<o;){var a=e[s],l=i?i(t[a],r[a],a,t,r):void 0;l===void 0&&(l=r[a]),n?fje(t,a,l):gje(t,a,l)}return t}_ne.exports=hje});var $ne=w(($gt,Zne)=>{var pje=Nh(),dje=Ih();function Cje(r,e){return r&&pje(e,dje(e),r)}Zne.exports=Cje});var tse=w((eft,ese)=>{function mje(r){var e=[];if(r!=null)for(var t in Object(r))e.push(t);return e}ese.exports=mje});var ise=w((tft,rse)=>{var Eje=bn(),Ije=U0(),yje=tse(),wje=Object.prototype,Bje=wje.hasOwnProperty;function Qje(r){if(!Eje(r))return yje(r);var e=Ije(r),t=[];for(var i in r)i=="constructor"&&(e||!Bje.call(r,i))||t.push(i);return t}rse.exports=Qje});var Lh=w((rft,nse)=>{var bje=NN(),Sje=ise(),vje=rm();function xje(r){return vje(r)?bje(r,!0):Sje(r)}nse.exports=xje});var ose=w((ift,sse)=>{var Pje=Nh(),Dje=Lh();function kje(r,e){return r&&Pje(e,Dje(e),r)}sse.exports=kje});var dT=w((Fm,Th)=>{var Rje=ds(),cse=typeof Fm=="object"&&Fm&&!Fm.nodeType&&Fm,ase=cse&&typeof Th=="object"&&Th&&!Th.nodeType&&Th,Fje=ase&&ase.exports===cse,Ase=Fje?Rje.Buffer:void 0,lse=Ase?Ase.allocUnsafe:void 0;function Nje(r,e){if(e)return r.slice();var t=r.length,i=lse?lse(t):new r.constructor(t);return r.copy(i),i}Th.exports=Nje});var CT=w((nft,use)=>{function Lje(r,e){var t=-1,i=r.length;for(e||(e=Array(i));++t<i;)e[t]=r[t];return e}use.exports=Lje});var fse=w((sft,gse)=>{var Tje=Nh(),Oje=G0();function Mje(r,e){return Tje(r,Oje(r),e)}gse.exports=Mje});var cQ=w((oft,hse)=>{var Kje=LN(),Uje=Kje(Object.getPrototypeOf,Object);hse.exports=Uje});var mT=w((aft,pse)=>{var Hje=b0(),Gje=cQ(),Yje=G0(),jje=HN(),qje=Object.getOwnPropertySymbols,Jje=qje?function(r){for(var e=[];r;)Hje(e,Yje(r)),r=Gje(r);return e}:jje;pse.exports=Jje});var Cse=w((Aft,dse)=>{var Wje=Nh(),zje=mT();function Vje(r,e){return Wje(r,zje(r),e)}dse.exports=Vje});var Ese=w((lft,mse)=>{var Xje=UN(),_je=mT(),Zje=Lh();function $je(r){return Xje(r,Zje,_je)}mse.exports=$je});var yse=w((cft,Ise)=>{var eqe=Object.prototype,tqe=eqe.hasOwnProperty;function rqe(r){var e=r.length,t=new r.constructor(e);return e&&typeof r[0]=="string"&&tqe.call(r,"index")&&(t.index=r.index,t.input=r.input),t}Ise.exports=rqe});var uQ=w((uft,Bse)=>{var wse=MN();function iqe(r){var e=new r.constructor(r.byteLength);return new wse(e).set(new wse(r)),e}Bse.exports=iqe});var bse=w((gft,Qse)=>{var nqe=uQ();function sqe(r,e){var t=e?nqe(r.buffer):r.buffer;return new r.constructor(t,r.byteOffset,r.byteLength)}Qse.exports=sqe});var vse=w((fft,Sse)=>{var oqe=/\w*$/;function aqe(r){var e=new r.constructor(r.source,oqe.exec(r));return e.lastIndex=r.lastIndex,e}Sse.exports=aqe});var Rse=w((hft,kse)=>{var xse=Ec(),Pse=xse?xse.prototype:void 0,Dse=Pse?Pse.valueOf:void 0;function Aqe(r){return Dse?Object(Dse.call(r)):{}}kse.exports=Aqe});var ET=w((pft,Fse)=>{var lqe=uQ();function cqe(r,e){var t=e?lqe(r.buffer):r.buffer;return new r.constructor(t,r.byteOffset,r.length)}Fse.exports=cqe});var Lse=w((dft,Nse)=>{var uqe=uQ(),gqe=bse(),fqe=vse(),hqe=Rse(),pqe=ET(),dqe="[object Boolean]",Cqe="[object Date]",mqe="[object Map]",Eqe="[object Number]",Iqe="[object RegExp]",yqe="[object Set]",wqe="[object String]",Bqe="[object Symbol]",Qqe="[object ArrayBuffer]",bqe="[object DataView]",Sqe="[object Float32Array]",vqe="[object Float64Array]",xqe="[object Int8Array]",Pqe="[object Int16Array]",Dqe="[object Int32Array]",kqe="[object Uint8Array]",Rqe="[object Uint8ClampedArray]",Fqe="[object Uint16Array]",Nqe="[object Uint32Array]";function Lqe(r,e,t){var i=r.constructor;switch(e){case Qqe:return uqe(r);case dqe:case Cqe:return new i(+r);case bqe:return gqe(r,t);case Sqe:case vqe:case xqe:case Pqe:case Dqe:case kqe:case Rqe:case Fqe:case Nqe:return pqe(r,t);case mqe:return new i;case Eqe:case wqe:return new i(r);case Iqe:return fqe(r);case yqe:return new i;case Bqe:return hqe(r)}}Nse.exports=Lqe});var Mse=w((Cft,Ose)=>{var Tqe=bn(),Tse=Object.create,Oqe=function(){function r(){}return function(e){if(!Tqe(e))return{};if(Tse)return Tse(e);r.prototype=e;var t=new r;return r.prototype=void 0,t}}();Ose.exports=Oqe});var IT=w((mft,Kse)=>{var Mqe=Mse(),Kqe=cQ(),Uqe=U0();function Hqe(r){return typeof r.constructor=="function"&&!Uqe(r)?Mqe(Kqe(r)):{}}Kse.exports=Hqe});var Hse=w((Eft,Use)=>{var Gqe=nm(),Yqe=Go(),jqe="[object Map]";function qqe(r){return Yqe(r)&&Gqe(r)==jqe}Use.exports=qqe});var qse=w((Ift,jse)=>{var Jqe=Hse(),Wqe=O0(),Gse=M0(),Yse=Gse&&Gse.isMap,zqe=Yse?Wqe(Yse):Jqe;jse.exports=zqe});var Wse=w((yft,Jse)=>{var Vqe=nm(),Xqe=Go(),_qe="[object Set]";function Zqe(r){return Xqe(r)&&Vqe(r)==_qe}Jse.exports=Zqe});var _se=w((wft,Xse)=>{var $qe=Wse(),eJe=O0(),zse=M0(),Vse=zse&&zse.isSet,tJe=Vse?eJe(Vse):$qe;Xse.exports=tJe});var roe=w((Bft,toe)=>{var rJe=im(),iJe=Xne(),nJe=B0(),sJe=$ne(),oJe=ose(),aJe=dT(),AJe=CT(),lJe=fse(),cJe=Cse(),uJe=GN(),gJe=Ese(),fJe=nm(),hJe=yse(),pJe=Lse(),dJe=IT(),CJe=ws(),mJe=$C(),EJe=qse(),IJe=bn(),yJe=_se(),wJe=Ih(),BJe=Lh(),QJe=1,bJe=2,SJe=4,Zse="[object Arguments]",vJe="[object Array]",xJe="[object Boolean]",PJe="[object Date]",DJe="[object Error]",$se="[object Function]",kJe="[object GeneratorFunction]",RJe="[object Map]",FJe="[object Number]",eoe="[object Object]",NJe="[object RegExp]",LJe="[object Set]",TJe="[object String]",OJe="[object Symbol]",MJe="[object WeakMap]",KJe="[object ArrayBuffer]",UJe="[object DataView]",HJe="[object Float32Array]",GJe="[object Float64Array]",YJe="[object Int8Array]",jJe="[object Int16Array]",qJe="[object Int32Array]",JJe="[object Uint8Array]",WJe="[object Uint8ClampedArray]",zJe="[object Uint16Array]",VJe="[object Uint32Array]",ur={};ur[Zse]=ur[vJe]=ur[KJe]=ur[UJe]=ur[xJe]=ur[PJe]=ur[HJe]=ur[GJe]=ur[YJe]=ur[jJe]=ur[qJe]=ur[RJe]=ur[FJe]=ur[eoe]=ur[NJe]=ur[LJe]=ur[TJe]=ur[OJe]=ur[JJe]=ur[WJe]=ur[zJe]=ur[VJe]=!0;ur[DJe]=ur[$se]=ur[MJe]=!1;function gQ(r,e,t,i,n,s){var o,a=e&QJe,l=e&bJe,c=e&SJe;if(t&&(o=n?t(r,i,n,s):t(r)),o!==void 0)return o;if(!IJe(r))return r;var u=CJe(r);if(u){if(o=hJe(r),!a)return AJe(r,o)}else{var g=fJe(r),f=g==$se||g==kJe;if(mJe(r))return aJe(r,a);if(g==eoe||g==Zse||f&&!n){if(o=l||f?{}:dJe(r),!a)return l?cJe(r,oJe(o,r)):lJe(r,sJe(o,r))}else{if(!ur[g])return n?r:{};o=pJe(r,g,a)}}s||(s=new rJe);var h=s.get(r);if(h)return h;s.set(r,o),yJe(r)?r.forEach(function(y){o.add(gQ(y,e,t,y,r,s))}):EJe(r)&&r.forEach(function(y,B){o.set(B,gQ(y,e,t,B,r,s))});var p=c?l?gJe:uJe:l?BJe:wJe,C=u?void 0:p(r);return iJe(C||r,function(y,B){C&&(B=y,y=r[B]),nJe(o,B,gQ(y,e,t,B,r,s))}),o}toe.exports=gQ});var yT=w((Qft,ioe)=>{var XJe=roe(),_Je=1,ZJe=4;function $Je(r){return XJe(r,_Je|ZJe)}ioe.exports=$Je});var soe=w((bft,noe)=>{var eWe=gN();function tWe(r,e,t){return r==null?r:eWe(r,e,t)}noe.exports=tWe});var coe=w((kft,loe)=>{function rWe(r){var e=r==null?0:r.length;return e?r[e-1]:void 0}loe.exports=rWe});var goe=w((Rft,uoe)=>{var iWe=JC(),nWe=bR();function sWe(r,e){return e.length<2?r:iWe(r,nWe(e,0,-1))}uoe.exports=sWe});var hoe=w((Fft,foe)=>{var oWe=uh(),aWe=coe(),AWe=goe(),lWe=Uc();function cWe(r,e){return e=oWe(e,r),r=AWe(r,e),r==null||delete r[lWe(aWe(e))]}foe.exports=cWe});var doe=w((Nft,poe)=>{var uWe=hoe();function gWe(r,e){return r==null?!0:uWe(r,e)}poe.exports=gWe});var yoe=w((Aht,pWe)=>{pWe.exports={name:"@yarnpkg/cli",version:"3.4.1",license:"BSD-2-Clause",main:"./sources/index.ts",dependencies:{"@yarnpkg/core":"workspace:^","@yarnpkg/fslib":"workspace:^","@yarnpkg/libzip":"workspace:^","@yarnpkg/parsers":"workspace:^","@yarnpkg/plugin-compat":"workspace:^","@yarnpkg/plugin-dlx":"workspace:^","@yarnpkg/plugin-essentials":"workspace:^","@yarnpkg/plugin-file":"workspace:^","@yarnpkg/plugin-git":"workspace:^","@yarnpkg/plugin-github":"workspace:^","@yarnpkg/plugin-http":"workspace:^","@yarnpkg/plugin-init":"workspace:^","@yarnpkg/plugin-link":"workspace:^","@yarnpkg/plugin-nm":"workspace:^","@yarnpkg/plugin-npm":"workspace:^","@yarnpkg/plugin-npm-cli":"workspace:^","@yarnpkg/plugin-pack":"workspace:^","@yarnpkg/plugin-patch":"workspace:^","@yarnpkg/plugin-pnp":"workspace:^","@yarnpkg/plugin-pnpm":"workspace:^","@yarnpkg/shell":"workspace:^",chalk:"^3.0.0","ci-info":"^3.2.0",clipanion:"3.2.0-rc.4",semver:"^7.1.2",tslib:"^1.13.0",typanion:"^3.3.0",yup:"^0.32.9"},devDependencies:{"@types/semver":"^7.1.0","@types/yup":"^0","@yarnpkg/builder":"workspace:^","@yarnpkg/monorepo":"workspace:^","@yarnpkg/pnpify":"workspace:^",micromatch:"^4.0.2"},peerDependencies:{"@yarnpkg/core":"workspace:^"},scripts:{postpack:"rm -rf lib",prepack:'run build:compile "$(pwd)"',"build:cli+hook":"run build:pnp:hook && builder build bundle","build:cli":"builder build bundle","run:cli":"builder run","update-local":"run build:cli --no-git-hash && rsync -a --delete bundles/ bin/"},publishConfig:{main:"./lib/index.js",types:"./lib/index.d.ts",bin:null},files:["/lib/**/*","!/lib/pluginConfiguration.*","!/lib/cli.*"],"@yarnpkg/builder":{bundles:{standard:["@yarnpkg/plugin-essentials","@yarnpkg/plugin-compat","@yarnpkg/plugin-dlx","@yarnpkg/plugin-file","@yarnpkg/plugin-git","@yarnpkg/plugin-github","@yarnpkg/plugin-http","@yarnpkg/plugin-init","@yarnpkg/plugin-link","@yarnpkg/plugin-nm","@yarnpkg/plugin-npm","@yarnpkg/plugin-npm-cli","@yarnpkg/plugin-pack","@yarnpkg/plugin-patch","@yarnpkg/plugin-pnp","@yarnpkg/plugin-pnpm"]}},repository:{type:"git",url:"ssh://git@github.com/yarnpkg/berry.git",directory:"packages/yarnpkg-cli"},engines:{node:">=12 <14 || 14.2 - 14.9 || >14.10.0"}}});var kT=w((FCt,Loe)=>{"use strict";Loe.exports=function(e,t){t===!0&&(t=0);var i="";if(typeof e=="string")try{i=new URL(e).protocol}catch{}else e&&e.constructor===URL&&(i=e.protocol);var n=i.split(/\:|\+/).filter(Boolean);return typeof t=="number"?n[t]:n}});var Ooe=w((NCt,Toe)=>{"use strict";var NWe=kT();function LWe(r){var e={protocols:[],protocol:null,port:null,resource:"",host:"",user:"",password:"",pathname:"",hash:"",search:"",href:r,query:{},parse_failed:!1};try{var t=new URL(r);e.protocols=NWe(t),e.protocol=e.protocols[0],e.port=t.port,e.resource=t.hostname,e.host=t.host,e.user=t.username||"",e.password=t.password||"",e.pathname=t.pathname,e.hash=t.hash.slice(1),e.search=t.search.slice(1),e.href=t.href,e.query=Object.fromEntries(t.searchParams)}catch{e.protocols=["file"],e.protocol=e.protocols[0],e.port="",e.resource="",e.user="",e.pathname="",e.hash="",e.search="",e.href=r,e.query={},e.parse_failed=!0}return e}Toe.exports=LWe});var Uoe=w((LCt,Koe)=>{"use strict";var TWe=Ooe();function OWe(r){return r&&typeof r=="object"&&"default"in r?r:{default:r}}var MWe=OWe(TWe),KWe="text/plain",UWe="us-ascii",Moe=(r,e)=>e.some(t=>t instanceof RegExp?t.test(r):t===r),HWe=(r,{stripHash:e})=>{let t=/^data:(?<type>[^,]*?),(?<data>[^#]*?)(?:#(?<hash>.*))?$/.exec(r);if(!t)throw new Error(`Invalid URL: ${r}`);let{type:i,data:n,hash:s}=t.groups,o=i.split(";");s=e?"":s;let a=!1;o[o.length-1]==="base64"&&(o.pop(),a=!0);let l=(o.shift()||"").toLowerCase(),u=[...o.map(g=>{let[f,h=""]=g.split("=").map(p=>p.trim());return f==="charset"&&(h=h.toLowerCase(),h===UWe)?"":`${f}${h?`=${h}`:""}`}).filter(Boolean)];return a&&u.push("base64"),(u.length>0||l&&l!==KWe)&&u.unshift(l),`data:${u.join(";")},${a?n.trim():n}${s?`#${s}`:""}`};function GWe(r,e){if(e={defaultProtocol:"http:",normalizeProtocol:!0,forceHttp:!1,forceHttps:!1,stripAuthentication:!0,stripHash:!1,stripTextFragment:!0,stripWWW:!0,removeQueryParameters:[/^utm_\w+/i],removeTrailingSlash:!0,removeSingleSlash:!0,removeDirectoryIndex:!1,sortQueryParameters:!0,...e},r=r.trim(),/^data:/i.test(r))return HWe(r,e);if(/^view-source:/i.test(r))throw new Error("`view-source:` is not supported as it is a non-standard protocol");let t=r.startsWith("//");!t&&/^\.*\//.test(r)||(r=r.replace(/^(?!(?:\w+:)?\/\/)|^\/\//,e.defaultProtocol));let n=new URL(r);if(e.forceHttp&&e.forceHttps)throw new Error("The `forceHttp` and `forceHttps` options cannot be used together");if(e.forceHttp&&n.protocol==="https:"&&(n.protocol="http:"),e.forceHttps&&n.protocol==="http:"&&(n.protocol="https:"),e.stripAuthentication&&(n.username="",n.password=""),e.stripHash?n.hash="":e.stripTextFragment&&(n.hash=n.hash.replace(/#?:~:text.*?$/i,"")),n.pathname){let o=/\b[a-z][a-z\d+\-.]{1,50}:\/\//g,a=0,l="";for(;;){let u=o.exec(n.pathname);if(!u)break;let g=u[0],f=u.index;l+=n.pathname.slice(a,f).replace(/\/{2,}/g,"/"),l+=g,a=f+g.length}l+=n.pathname.slice(a,n.pathname.length).replace(/\/{2,}/g,"/"),n.pathname=l}if(n.pathname)try{n.pathname=decodeURI(n.pathname)}catch{}if(e.removeDirectoryIndex===!0&&(e.removeDirectoryIndex=[/^index\.[a-z]+$/]),Array.isArray(e.removeDirectoryIndex)&&e.removeDirectoryIndex.length>0){let o=n.pathname.split("/"),a=o[o.length-1];Moe(a,e.removeDirectoryIndex)&&(o=o.slice(0,-1),n.pathname=o.slice(1).join("/")+"/")}if(n.hostname&&(n.hostname=n.hostname.replace(/\.$/,""),e.stripWWW&&/^www\.(?!www\.)[a-z\-\d]{1,63}\.[a-z.\-\d]{2,63}$/.test(n.hostname)&&(n.hostname=n.hostname.replace(/^www\./,""))),Array.isArray(e.removeQueryParameters))for(let o of[...n.searchParams.keys()])Moe(o,e.removeQueryParameters)&&n.searchParams.delete(o);if(e.removeQueryParameters===!0&&(n.search=""),e.sortQueryParameters){n.searchParams.sort();try{n.search=decodeURIComponent(n.search)}catch{}}e.removeTrailingSlash&&(n.pathname=n.pathname.replace(/\/$/,""));let s=r;return r=n.toString(),!e.removeSingleSlash&&n.pathname==="/"&&!s.endsWith("/")&&n.hash===""&&(r=r.replace(/\/$/,"")),(e.removeTrailingSlash||n.pathname==="/")&&n.hash===""&&e.removeSingleSlash&&(r=r.replace(/\/$/,"")),t&&!e.normalizeProtocol&&(r=r.replace(/^http:\/\//,"//")),e.stripProtocol&&(r=r.replace(/^(?:https?:)?\/\//,"")),r}var RT=(r,e=!1)=>{let t=/^(?:([a-z_][a-z0-9_-]{0,31})@|https?:\/\/)([\w\.\-@]+)[\/:]([\~,\.\w,\-,\_,\/]+?(?:\.git|\/)?)$/,i=s=>{let o=new Error(s);throw o.subject_url=r,o};(typeof r!="string"||!r.trim())&&i("Invalid url."),r.length>RT.MAX_INPUT_LENGTH&&i("Input exceeds maximum length. If needed, change the value of parseUrl.MAX_INPUT_LENGTH."),e&&(typeof e!="object"&&(e={stripHash:!1}),r=GWe(r,e));let n=MWe.default(r);if(n.parse_failed){let s=n.href.match(t);s?(n.protocols=["ssh"],n.protocol="ssh",n.resource=s[2],n.host=s[2],n.user=s[1],n.pathname=`/${s[3]}`,n.parse_failed=!1):i("URL parsing failed.")}return n};RT.MAX_INPUT_LENGTH=2048;Koe.exports=RT});var Yoe=w((TCt,Goe)=>{"use strict";var YWe=kT();function Hoe(r){if(Array.isArray(r))return r.indexOf("ssh")!==-1||r.indexOf("rsync")!==-1;if(typeof r!="string")return!1;var e=YWe(r);if(r=r.substring(r.indexOf("://")+3),Hoe(e))return!0;var t=new RegExp(".([a-zA-Z\\d]+):(\\d+)/");return!r.match(t)&&r.indexOf("@")<r.indexOf(":")}Goe.exports=Hoe});var Joe=w((OCt,qoe)=>{"use strict";var jWe=Uoe(),joe=Yoe();function qWe(r){var e=jWe(r);return e.token="",e.password==="x-oauth-basic"?e.token=e.user:e.user==="x-token-auth"&&(e.token=e.password),joe(e.protocols)||e.protocols.length===0&&joe(r)?e.protocol="ssh":e.protocols.length?e.protocol=e.protocols[0]:(e.protocol="file",e.protocols=["file"]),e.href=e.href.replace(/\/$/,""),e}qoe.exports=qWe});var zoe=w((MCt,Woe)=>{"use strict";var JWe=Joe();function FT(r){if(typeof r!="string")throw new Error("The url must be a string.");var e=/^([a-z\d-]{1,39})\/([-\.\w]{1,100})$/i;e.test(r)&&(r="https://github.com/"+r);var t=JWe(r),i=t.resource.split("."),n=null;switch(t.toString=function(y){return FT.stringify(this,y)},t.source=i.length>2?i.slice(1-i.length).join("."):t.source=t.resource,t.git_suffix=/\.git$/.test(t.pathname),t.name=decodeURIComponent((t.pathname||t.href).replace(/(^\/)|(\/$)/g,"").replace(/\.git$/,"")),t.owner=decodeURIComponent(t.user),t.source){case"git.cloudforge.com":t.owner=t.user,t.organization=i[0],t.source="cloudforge.com";break;case"visualstudio.com":if(t.resource==="vs-ssh.visualstudio.com"){n=t.name.split("/"),n.length===4&&(t.organization=n[1],t.owner=n[2],t.name=n[3],t.full_name=n[2]+"/"+n[3]);break}else{n=t.name.split("/"),n.length===2?(t.owner=n[1],t.name=n[1],t.full_name="_git/"+t.name):n.length===3?(t.name=n[2],n[0]==="DefaultCollection"?(t.owner=n[2],t.organization=n[0],t.full_name=t.organization+"/_git/"+t.name):(t.owner=n[0],t.full_name=t.owner+"/_git/"+t.name)):n.length===4&&(t.organization=n[0],t.owner=n[1],t.name=n[3],t.full_name=t.organization+"/"+t.owner+"/_git/"+t.name);break}case"dev.azure.com":case"azure.com":if(t.resource==="ssh.dev.azure.com"){n=t.name.split("/"),n.length===4&&(t.organization=n[1],t.owner=n[2],t.name=n[3]);break}else{n=t.name.split("/"),n.length===5?(t.organization=n[0],t.owner=n[1],t.name=n[4],t.full_name="_git/"+t.name):n.length===3?(t.name=n[2],n[0]==="DefaultCollection"?(t.owner=n[2],t.organization=n[0],t.full_name=t.organization+"/_git/"+t.name):(t.owner=n[0],t.full_name=t.owner+"/_git/"+t.name)):n.length===4&&(t.organization=n[0],t.owner=n[1],t.name=n[3],t.full_name=t.organization+"/"+t.owner+"/_git/"+t.name),t.query&&t.query.path&&(t.filepath=t.query.path.replace(/^\/+/g,"")),t.query&&t.query.version&&(t.ref=t.query.version.replace(/^GB/,""));break}default:n=t.name.split("/");var s=n.length-1;if(n.length>=2){var o=n.indexOf("-",2),a=n.indexOf("blob",2),l=n.indexOf("tree",2),c=n.indexOf("commit",2),u=n.indexOf("src",2),g=n.indexOf("raw",2),f=n.indexOf("edit",2);s=o>0?o-1:a>0?a-1:l>0?l-1:c>0?c-1:u>0?u-1:g>0?g-1:f>0?f-1:s,t.owner=n.slice(0,s).join("/"),t.name=n[s],c&&(t.commit=n[s+2])}t.ref="",t.filepathtype="",t.filepath="";var h=n.length>s&&n[s+1]==="-"?s+1:s;n.length>h+2&&["raw","src","blob","tree","edit"].indexOf(n[h+1])>=0&&(t.filepathtype=n[h+1],t.ref=n[h+2],n.length>h+3&&(t.filepath=n.slice(h+3).join("/"))),t.organization=t.owner;break}t.full_name||(t.full_name=t.owner,t.name&&(t.full_name&&(t.full_name+="/"),t.full_name+=t.name)),t.owner.startsWith("scm/")&&(t.source="bitbucket-server",t.owner=t.owner.replace("scm/",""),t.organization=t.owner,t.full_name=t.owner+"/"+t.name);var p=/(projects|users)\/(.*?)\/repos\/(.*?)((\/.*$)|$)/,C=p.exec(t.pathname);return C!=null&&(t.source="bitbucket-server",C[1]==="users"?t.owner="~"+C[2]:t.owner=C[2],t.organization=t.owner,t.name=C[3],n=C[4].split("/"),n.length>1&&(["raw","browse"].indexOf(n[1])>=0?(t.filepathtype=n[1],n.length>2&&(t.filepath=n.slice(2).join("/"))):n[1]==="commits"&&n.length>2&&(t.commit=n[2])),t.full_name=t.owner+"/"+t.name,t.query.at?t.ref=t.query.at:t.ref=""),t}FT.stringify=function(r,e){e=e||(r.protocols&&r.protocols.length?r.protocols.join("+"):r.protocol);var t=r.port?":"+r.port:"",i=r.user||"git",n=r.git_suffix?".git":"";switch(e){case"ssh":return t?"ssh://"+i+"@"+r.resource+t+"/"+r.full_name+n:i+"@"+r.resource+":"+r.full_name+n;case"git+ssh":case"ssh+git":case"ftp":case"ftps":return e+"://"+i+"@"+r.resource+t+"/"+r.full_name+n;case"http":case"https":var s=r.token?WWe(r):r.user&&(r.protocols.includes("http")||r.protocols.includes("https"))?r.user+"@":"";return e+"://"+s+r.resource+t+"/"+zWe(r)+n;default:return r.href}};function WWe(r){switch(r.source){case"bitbucket.org":return"x-token-auth:"+r.token+"@";default:return r.token+"@"}}function zWe(r){switch(r.source){case"bitbucket-server":return"scm/"+r.full_name;default:return""+r.full_name}}Woe.exports=FT});var tO=w((xIt,fae)=>{var p3e=gh(),d3e=Ah();function C3e(r,e,t){(t!==void 0&&!d3e(r[e],t)||t===void 0&&!(e in r))&&p3e(r,e,t)}fae.exports=C3e});var pae=w((PIt,hae)=>{var m3e=rm(),E3e=Go();function I3e(r){return E3e(r)&&m3e(r)}hae.exports=I3e});var mae=w((DIt,Cae)=>{var y3e=Ic(),w3e=cQ(),B3e=Go(),Q3e="[object Object]",b3e=Function.prototype,S3e=Object.prototype,dae=b3e.toString,v3e=S3e.hasOwnProperty,x3e=dae.call(Object);function P3e(r){if(!B3e(r)||y3e(r)!=Q3e)return!1;var e=w3e(r);if(e===null)return!0;var t=v3e.call(e,"constructor")&&e.constructor;return typeof t=="function"&&t instanceof t&&dae.call(t)==x3e}Cae.exports=P3e});var rO=w((kIt,Eae)=>{function D3e(r,e){if(!(e==="constructor"&&typeof r[e]=="function")&&e!="__proto__")return r[e]}Eae.exports=D3e});var yae=w((RIt,Iae)=>{var k3e=Nh(),R3e=Lh();function F3e(r){return k3e(r,R3e(r))}Iae.exports=F3e});var vae=w((FIt,Sae)=>{var wae=tO(),N3e=dT(),L3e=ET(),T3e=CT(),O3e=IT(),Bae=zC(),Qae=ws(),M3e=pae(),K3e=$C(),U3e=I0(),H3e=bn(),G3e=mae(),Y3e=K0(),bae=rO(),j3e=yae();function q3e(r,e,t,i,n,s,o){var a=bae(r,t),l=bae(e,t),c=o.get(l);if(c){wae(r,t,c);return}var u=s?s(a,l,t+"",r,e,o):void 0,g=u===void 0;if(g){var f=Qae(l),h=!f&&K3e(l),p=!f&&!h&&Y3e(l);u=l,f||h||p?Qae(a)?u=a:M3e(a)?u=T3e(a):h?(g=!1,u=N3e(l,!0)):p?(g=!1,u=L3e(l,!0)):u=[]:G3e(l)||Bae(l)?(u=a,Bae(a)?u=j3e(a):(!H3e(a)||U3e(a))&&(u=O3e(l))):g=!1}g&&(o.set(l,u),n(u,l,i,s,o),o.delete(l)),wae(r,t,u)}Sae.exports=q3e});var Dae=w((NIt,Pae)=>{var J3e=im(),W3e=tO(),z3e=RN(),V3e=vae(),X3e=bn(),_3e=Lh(),Z3e=rO();function xae(r,e,t,i,n){r!==e&&z3e(e,function(s,o){if(n||(n=new J3e),X3e(s))V3e(r,e,o,t,xae,i,n);else{var a=i?i(Z3e(r,o),s,o+"",r,e,n):void 0;a===void 0&&(a=s),W3e(r,o,a)}},_3e)}Pae.exports=xae});var Rae=w((LIt,kae)=>{var $3e=S0(),e4e=pN(),t4e=dN();function r4e(r,e){return t4e(e4e(r,e,$3e),r+"")}kae.exports=r4e});var Nae=w((TIt,Fae)=>{var i4e=Ah(),n4e=rm(),s4e=WC(),o4e=bn();function a4e(r,e,t){if(!o4e(t))return!1;var i=typeof e;return(i=="number"?n4e(t)&&s4e(e,t.length):i=="string"&&e in t)?i4e(t[e],r):!1}Fae.exports=a4e});var Tae=w((OIt,Lae)=>{var A4e=Rae(),l4e=Nae();function c4e(r){return A4e(function(e,t){var i=-1,n=t.length,s=n>1?t[n-1]:void 0,o=n>2?t[2]:void 0;for(s=r.length>3&&typeof s=="function"?(n--,s):void 0,o&&l4e(t[0],t[1],o)&&(s=n<3?void 0:s,n=1),e=Object(e);++i<n;){var a=t[i];a&&r(e,a,i,s)}return e})}Lae.exports=c4e});var Mae=w((MIt,Oae)=>{var u4e=Dae(),g4e=Tae(),f4e=g4e(function(r,e,t){u4e(r,e,t)});Oae.exports=f4e});var Zae=w((Oyt,_ae)=>{var gO;_ae.exports=()=>(typeof gO>"u"&&(gO=J("zlib").brotliDecompressSync(Buffer.from("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","base64")).toString()),gO)});var EAe=w((Awt,mAe)=>{var mO=Symbol("arg flag"),Pn=class extends Error{constructor(e,t){super(e),this.name="ArgError",this.code=t,Object.setPrototypeOf(this,Pn.prototype)}};function $m(r,{argv:e=process.argv.slice(2),permissive:t=!1,stopAtPositional:i=!1}={}){if(!r)throw new Pn("argument specification object is required","ARG_CONFIG_NO_SPEC");let n={_:[]},s={},o={};for(let a of Object.keys(r)){if(!a)throw new Pn("argument key cannot be an empty string","ARG_CONFIG_EMPTY_KEY");if(a[0]!=="-")throw new Pn(`argument key must start with '-' but found: '${a}'`,"ARG_CONFIG_NONOPT_KEY");if(a.length===1)throw new Pn(`argument key must have a name; singular '-' keys are not allowed: ${a}`,"ARG_CONFIG_NONAME_KEY");if(typeof r[a]=="string"){s[a]=r[a];continue}let l=r[a],c=!1;if(Array.isArray(l)&&l.length===1&&typeof l[0]=="function"){let[u]=l;l=(g,f,h=[])=>(h.push(u(g,f,h[h.length-1])),h),c=u===Boolean||u[mO]===!0}else if(typeof l=="function")c=l===Boolean||l[mO]===!0;else throw new Pn(`type missing or not a function or valid array type: ${a}`,"ARG_CONFIG_VAD_TYPE");if(a[1]!=="-"&&a.length>2)throw new Pn(`short argument keys (with a single hyphen) must have only one character: ${a}`,"ARG_CONFIG_SHORTOPT_TOOLONG");o[a]=[l,c]}for(let a=0,l=e.length;a<l;a++){let c=e[a];if(i&&n._.length>0){n._=n._.concat(e.slice(a));break}if(c==="--"){n._=n._.concat(e.slice(a+1));break}if(c.length>1&&c[0]==="-"){let u=c[1]==="-"||c.length===2?[c]:c.slice(1).split("").map(g=>`-${g}`);for(let g=0;g<u.length;g++){let f=u[g],[h,p]=f[1]==="-"?f.split(/=(.*)/,2):[f,void 0],C=h;for(;C in s;)C=s[C];if(!(C in o))if(t){n._.push(f);continue}else throw new Pn(`unknown or unexpected option: ${h}`,"ARG_UNKNOWN_OPTION");let[y,B]=o[C];if(!B&&g+1<u.length)throw new Pn(`option requires argument (but was followed by another short argument): ${h}`,"ARG_MISSING_REQUIRED_SHORTARG");if(B)n[C]=y(!0,C,n[C]);else if(p===void 0){if(e.length<a+2||e[a+1].length>1&&e[a+1][0]==="-"&&!(e[a+1].match(/^-?\d*(\.(?=\d))?\d*$/)&&(y===Number||typeof BigInt<"u"&&y===BigInt))){let v=h===C?"":` (alias for ${C})`;throw new Pn(`option requires argument: ${h}${v}`,"ARG_MISSING_REQUIRED_LONGARG")}n[C]=y(e[a+1],C,n[C]),++a}else n[C]=y(p,C,n[C])}}else n._.push(c)}return n}$m.flag=r=>(r[mO]=!0,r);$m.COUNT=$m.flag((r,e,t)=>(t||0)+1);$m.ArgError=Pn;mAe.exports=$m});var DAe=w((Mwt,PAe)=>{var wO;PAe.exports=()=>(typeof wO>"u"&&(wO=J("zlib").brotliDecompressSync(Buffer.from("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","base64")).toString()),wO)});var OAe=w((xO,PO)=>{(function(r){xO&&typeof xO=="object"&&typeof PO<"u"?PO.exports=r():typeof define=="function"&&define.amd?define([],r):typeof window<"u"?window.isWindows=r():typeof global<"u"?global.isWindows=r():typeof self<"u"?self.isWindows=r():this.isWindows=r()})(function(){"use strict";return function(){return process&&(process.platform==="win32"||/^(msys|cygwin)$/.test(process.env.OSTYPE))}})});var HAe=w((OBt,UAe)=>{"use strict";DO.ifExists=u8e;var Wh=J("util"),ks=J("path"),MAe=OAe(),A8e=/^#!\s*(?:\/usr\/bin\/env)?\s*([^ \t]+)(.*)$/,l8e={createPwshFile:!0,createCmdFile:MAe(),fs:J("fs")},c8e=new Map([[".js","node"],[".cjs","node"],[".mjs","node"],[".cmd","cmd"],[".bat","cmd"],[".ps1","pwsh"],[".sh","sh"]]);function KAe(r){let e={...l8e,...r},t=e.fs;return e.fs_={chmod:t.chmod?Wh.promisify(t.chmod):async()=>{},mkdir:Wh.promisify(t.mkdir),readFile:Wh.promisify(t.readFile),stat:Wh.promisify(t.stat),unlink:Wh.promisify(t.unlink),writeFile:Wh.promisify(t.writeFile)},e}async function DO(r,e,t){let i=KAe(t);await i.fs_.stat(r),await f8e(r,e,i)}function u8e(r,e,t){return DO(r,e,t).catch(()=>{})}function g8e(r,e){return e.fs_.unlink(r).catch(()=>{})}async function f8e(r,e,t){let i=await m8e(r,t);return await h8e(e,t),p8e(r,e,i,t)}function h8e(r,e){return e.fs_.mkdir(ks.dirname(r),{recursive:!0})}function p8e(r,e,t,i){let n=KAe(i),s=[{generator:y8e,extension:""}];return n.createCmdFile&&s.push({generator:I8e,extension:".cmd"}),n.createPwshFile&&s.push({generator:w8e,extension:".ps1"}),Promise.all(s.map(o=>E8e(r,e+o.extension,t,o.generator,n)))}function d8e(r,e){return g8e(r,e)}function C8e(r,e){return B8e(r,e)}async function m8e(r,e){let n=(await e.fs_.readFile(r,"utf8")).trim().split(/\r*\n/)[0].match(A8e);if(!n){let s=ks.extname(r).toLowerCase();return{program:c8e.get(s)||null,additionalArgs:""}}return{program:n[1],additionalArgs:n[2]}}async function E8e(r,e,t,i,n){let s=n.preserveSymlinks?"--preserve-symlinks":"",o=[t.additionalArgs,s].filter(a=>a).join(" ");return n=Object.assign({},n,{prog:t.program,args:o}),await d8e(e,n),await n.fs_.writeFile(e,i(r,e,n),"utf8"),C8e(e,n)}function I8e(r,e,t){let n=ks.relative(ks.dirname(e),r).split("/").join("\\"),s=ks.isAbsolute(n)?`"${n}"`:`"%~dp0\\${n}"`,o,a=t.prog,l=t.args||"",c=kO(t.nodePath).win32;a?(o=`"%~dp0\\${a}.exe"`,n=s):(a=s,l="",n="");let u=t.progArgs?`${t.progArgs.join(" ")} `:"",g=c?`@SET NODE_PATH=${c}\r
-`:"";return o?g+=`@IF EXIST ${o} (\r
-  ${o} ${l} ${n} ${u}%*\r
-) ELSE (\r
-  @SETLOCAL\r
-  @SET PATHEXT=%PATHEXT:;.JS;=;%\r
-  ${a} ${l} ${n} ${u}%*\r
-)\r
-`:g+=`@${a} ${l} ${n} ${u}%*\r
-`,g}function y8e(r,e,t){let i=ks.relative(ks.dirname(e),r),n=t.prog&&t.prog.split("\\").join("/"),s;i=i.split("\\").join("/");let o=ks.isAbsolute(i)?`"${i}"`:`"$basedir/${i}"`,a=t.args||"",l=kO(t.nodePath).posix;n?(s=`"$basedir/${t.prog}"`,i=o):(n=o,a="",i="");let c=t.progArgs?`${t.progArgs.join(" ")} `:"",u=`#!/bin/sh
-basedir=$(dirname "$(echo "$0" | sed -e 's,\\\\,/,g')")
-
-case \`uname\` in
-    *CYGWIN*) basedir=\`cygpath -w "$basedir"\`;;
-esac
-
-`,g=t.nodePath?`export NODE_PATH="${l}"
-`:"";return s?u+=`${g}if [ -x ${s} ]; then
-  exec ${s} ${a} ${i} ${c}"$@"
-else
-  exec ${n} ${a} ${i} ${c}"$@"
-fi
-`:u+=`${g}${n} ${a} ${i} ${c}"$@"
-exit $?
-`,u}function w8e(r,e,t){let i=ks.relative(ks.dirname(e),r),n=t.prog&&t.prog.split("\\").join("/"),s=n&&`"${n}$exe"`,o;i=i.split("\\").join("/");let a=ks.isAbsolute(i)?`"${i}"`:`"$basedir/${i}"`,l=t.args||"",c=kO(t.nodePath),u=c.win32,g=c.posix;s?(o=`"$basedir/${t.prog}$exe"`,i=a):(s=a,l="",i="");let f=t.progArgs?`${t.progArgs.join(" ")} `:"",h=`#!/usr/bin/env pwsh
-$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
-
-$exe=""
-${t.nodePath?`$env_node_path=$env:NODE_PATH
-$env:NODE_PATH="${u}"
-`:""}if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
-  # Fix case when both the Windows and Linux builds of Node
-  # are installed in the same directory
-  $exe=".exe"
-}`;return t.nodePath&&(h+=` else {
-  $env:NODE_PATH="${g}"
-}`),o?h+=`
-$ret=0
-if (Test-Path ${o}) {
-  # Support pipeline input
-  if ($MyInvocation.ExpectingInput) {
-    $input | & ${o} ${l} ${i} ${f}$args
-  } else {
-    & ${o} ${l} ${i} ${f}$args
-  }
-  $ret=$LASTEXITCODE
-} else {
-  # Support pipeline input
-  if ($MyInvocation.ExpectingInput) {
-    $input | & ${s} ${l} ${i} ${f}$args
-  } else {
-    & ${s} ${l} ${i} ${f}$args
-  }
-  $ret=$LASTEXITCODE
-}
-${t.nodePath?`$env:NODE_PATH=$env_node_path
-`:""}exit $ret
-`:h+=`
-# Support pipeline input
-if ($MyInvocation.ExpectingInput) {
-  $input | & ${s} ${l} ${i} ${f}$args
-} else {
-  & ${s} ${l} ${i} ${f}$args
-}
-${t.nodePath?`$env:NODE_PATH=$env_node_path
-`:""}exit $LASTEXITCODE
-`,h}function B8e(r,e){return e.fs_.chmod(r,493)}function kO(r){if(!r)return{win32:"",posix:""};let e=typeof r=="string"?r.split(ks.delimiter):Array.from(r),t={};for(let i=0;i<e.length;i++){let n=e[i].split("/").join("\\"),s=MAe()?e[i].split("\\").join("/").replace(/^([^:\\/]*):/,(o,a)=>`/mnt/${a.toLowerCase()}`):e[i];t.win32=t.win32?`${t.win32};${n}`:n,t.posix=t.posix?`${t.posix}:${s}`:s,t[i]={win32:n,posix:s}}return t}UAe.exports=DO});var YO=w((tQt,ale)=>{ale.exports=J("stream")});var ule=w((rQt,cle)=>{"use strict";function Ale(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);e&&(i=i.filter(function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable})),t.push.apply(t,i)}return t}function Y8e(r){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?Ale(Object(t),!0).forEach(function(i){j8e(r,i,t[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):Ale(Object(t)).forEach(function(i){Object.defineProperty(r,i,Object.getOwnPropertyDescriptor(t,i))})}return r}function j8e(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function q8e(r,e){if(!(r instanceof e))throw new TypeError("Cannot call a class as a function")}function lle(r,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(r,i.key,i)}}function J8e(r,e,t){return e&&lle(r.prototype,e),t&&lle(r,t),r}var W8e=J("buffer"),$Q=W8e.Buffer,z8e=J("util"),jO=z8e.inspect,V8e=jO&&jO.custom||"inspect";function X8e(r,e,t){$Q.prototype.copy.call(r,e,t)}cle.exports=function(){function r(){q8e(this,r),this.head=null,this.tail=null,this.length=0}return J8e(r,[{key:"push",value:function(t){var i={data:t,next:null};this.length>0?this.tail.next=i:this.head=i,this.tail=i,++this.length}},{key:"unshift",value:function(t){var i={data:t,next:this.head};this.length===0&&(this.tail=i),this.head=i,++this.length}},{key:"shift",value:function(){if(this.length!==0){var t=this.head.data;return this.length===1?this.head=this.tail=null:this.head=this.head.next,--this.length,t}}},{key:"clear",value:function(){this.head=this.tail=null,this.length=0}},{key:"join",value:function(t){if(this.length===0)return"";for(var i=this.head,n=""+i.data;i=i.next;)n+=t+i.data;return n}},{key:"concat",value:function(t){if(this.length===0)return $Q.alloc(0);for(var i=$Q.allocUnsafe(t>>>0),n=this.head,s=0;n;)X8e(n.data,i,s),s+=n.data.length,n=n.next;return i}},{key:"consume",value:function(t,i){var n;return t<this.head.data.length?(n=this.head.data.slice(0,t),this.head.data=this.head.data.slice(t)):t===this.head.data.length?n=this.shift():n=i?this._getString(t):this._getBuffer(t),n}},{key:"first",value:function(){return this.head.data}},{key:"_getString",value:function(t){var i=this.head,n=1,s=i.data;for(t-=s.length;i=i.next;){var o=i.data,a=t>o.length?o.length:t;if(a===o.length?s+=o:s+=o.slice(0,t),t-=a,t===0){a===o.length?(++n,i.next?this.head=i.next:this.head=this.tail=null):(this.head=i,i.data=o.slice(a));break}++n}return this.length-=n,s}},{key:"_getBuffer",value:function(t){var i=$Q.allocUnsafe(t),n=this.head,s=1;for(n.data.copy(i),t-=n.data.length;n=n.next;){var o=n.data,a=t>o.length?o.length:t;if(o.copy(i,i.length-t,0,a),t-=a,t===0){a===o.length?(++s,n.next?this.head=n.next:this.head=this.tail=null):(this.head=n,n.data=o.slice(a));break}++s}return this.length-=s,i}},{key:V8e,value:function(t,i){return jO(this,Y8e({},i,{depth:0,customInspect:!1}))}}]),r}()});var JO=w((iQt,fle)=>{"use strict";function _8e(r,e){var t=this,i=this._readableState&&this._readableState.destroyed,n=this._writableState&&this._writableState.destroyed;return i||n?(e?e(r):r&&(this._writableState?this._writableState.errorEmitted||(this._writableState.errorEmitted=!0,process.nextTick(qO,this,r)):process.nextTick(qO,this,r)),this):(this._readableState&&(this._readableState.destroyed=!0),this._writableState&&(this._writableState.destroyed=!0),this._destroy(r||null,function(s){!e&&s?t._writableState?t._writableState.errorEmitted?process.nextTick(eb,t):(t._writableState.errorEmitted=!0,process.nextTick(gle,t,s)):process.nextTick(gle,t,s):e?(process.nextTick(eb,t),e(s)):process.nextTick(eb,t)}),this)}function gle(r,e){qO(r,e),eb(r)}function eb(r){r._writableState&&!r._writableState.emitClose||r._readableState&&!r._readableState.emitClose||r.emit("close")}function Z8e(){this._readableState&&(this._readableState.destroyed=!1,this._readableState.reading=!1,this._readableState.ended=!1,this._readableState.endEmitted=!1),this._writableState&&(this._writableState.destroyed=!1,this._writableState.ended=!1,this._writableState.ending=!1,this._writableState.finalCalled=!1,this._writableState.prefinished=!1,this._writableState.finished=!1,this._writableState.errorEmitted=!1)}function qO(r,e){r.emit("error",e)}function $8e(r,e){var t=r._readableState,i=r._writableState;t&&t.autoDestroy||i&&i.autoDestroy?r.destroy(e):r.emit("error",e)}fle.exports={destroy:_8e,undestroy:Z8e,errorOrDestroy:$8e}});var fl=w((nQt,dle)=>{"use strict";var ple={};function Fs(r,e,t){t||(t=Error);function i(s,o,a){return typeof e=="string"?e:e(s,o,a)}class n extends t{constructor(o,a,l){super(i(o,a,l))}}n.prototype.name=t.name,n.prototype.code=r,ple[r]=n}function hle(r,e){if(Array.isArray(r)){let t=r.length;return r=r.map(i=>String(i)),t>2?`one of ${e} ${r.slice(0,t-1).join(", ")}, or `+r[t-1]:t===2?`one of ${e} ${r[0]} or ${r[1]}`:`of ${e} ${r[0]}`}else return`of ${e} ${String(r)}`}function eze(r,e,t){return r.substr(!t||t<0?0:+t,e.length)===e}function tze(r,e,t){return(t===void 0||t>r.length)&&(t=r.length),r.substring(t-e.length,t)===e}function rze(r,e,t){return typeof t!="number"&&(t=0),t+e.length>r.length?!1:r.indexOf(e,t)!==-1}Fs("ERR_INVALID_OPT_VALUE",function(r,e){return'The value "'+e+'" is invalid for option "'+r+'"'},TypeError);Fs("ERR_INVALID_ARG_TYPE",function(r,e,t){let i;typeof e=="string"&&eze(e,"not ")?(i="must not be",e=e.replace(/^not /,"")):i="must be";let n;if(tze(r," argument"))n=`The ${r} ${i} ${hle(e,"type")}`;else{let s=rze(r,".")?"property":"argument";n=`The "${r}" ${s} ${i} ${hle(e,"type")}`}return n+=`. Received type ${typeof t}`,n},TypeError);Fs("ERR_STREAM_PUSH_AFTER_EOF","stream.push() after EOF");Fs("ERR_METHOD_NOT_IMPLEMENTED",function(r){return"The "+r+" method is not implemented"});Fs("ERR_STREAM_PREMATURE_CLOSE","Premature close");Fs("ERR_STREAM_DESTROYED",function(r){return"Cannot call "+r+" after a stream was destroyed"});Fs("ERR_MULTIPLE_CALLBACK","Callback called multiple times");Fs("ERR_STREAM_CANNOT_PIPE","Cannot pipe, not readable");Fs("ERR_STREAM_WRITE_AFTER_END","write after end");Fs("ERR_STREAM_NULL_VALUES","May not write null values to stream",TypeError);Fs("ERR_UNKNOWN_ENCODING",function(r){return"Unknown encoding: "+r},TypeError);Fs("ERR_STREAM_UNSHIFT_AFTER_END_EVENT","stream.unshift() after end event");dle.exports.codes=ple});var WO=w((sQt,Cle)=>{"use strict";var ize=fl().codes.ERR_INVALID_OPT_VALUE;function nze(r,e,t){return r.highWaterMark!=null?r.highWaterMark:e?r[t]:null}function sze(r,e,t,i){var n=nze(e,i,t);if(n!=null){if(!(isFinite(n)&&Math.floor(n)===n)||n<0){var s=i?t:"highWaterMark";throw new ize(s,n)}return Math.floor(n)}return r.objectMode?16:16*1024}Cle.exports={getHighWaterMark:sze}});var mle=w((oQt,zO)=>{typeof Object.create=="function"?zO.exports=function(e,t){t&&(e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}))}:zO.exports=function(e,t){if(t){e.super_=t;var i=function(){};i.prototype=t.prototype,e.prototype=new i,e.prototype.constructor=e}}});var hl=w((aQt,XO)=>{try{if(VO=J("util"),typeof VO.inherits!="function")throw"";XO.exports=VO.inherits}catch{XO.exports=mle()}var VO});var Ile=w((AQt,Ele)=>{Ele.exports=J("util").deprecate});var $O=w((lQt,Sle)=>{"use strict";Sle.exports=Tr;function wle(r){var e=this;this.next=null,this.entry=null,this.finish=function(){Rze(e,r)}}var Xh;Tr.WritableState=nE;var oze={deprecate:Ile()},Ble=YO(),rb=J("buffer").Buffer,aze=global.Uint8Array||function(){};function Aze(r){return rb.from(r)}function lze(r){return rb.isBuffer(r)||r instanceof aze}var ZO=JO(),cze=WO(),uze=cze.getHighWaterMark,pl=fl().codes,gze=pl.ERR_INVALID_ARG_TYPE,fze=pl.ERR_METHOD_NOT_IMPLEMENTED,hze=pl.ERR_MULTIPLE_CALLBACK,pze=pl.ERR_STREAM_CANNOT_PIPE,dze=pl.ERR_STREAM_DESTROYED,Cze=pl.ERR_STREAM_NULL_VALUES,mze=pl.ERR_STREAM_WRITE_AFTER_END,Eze=pl.ERR_UNKNOWN_ENCODING,_h=ZO.errorOrDestroy;hl()(Tr,Ble);function Ize(){}function nE(r,e,t){Xh=Xh||Lu(),r=r||{},typeof t!="boolean"&&(t=e instanceof Xh),this.objectMode=!!r.objectMode,t&&(this.objectMode=this.objectMode||!!r.writableObjectMode),this.highWaterMark=uze(this,r,"writableHighWaterMark",t),this.finalCalled=!1,this.needDrain=!1,this.ending=!1,this.ended=!1,this.finished=!1,this.destroyed=!1;var i=r.decodeStrings===!1;this.decodeStrings=!i,this.defaultEncoding=r.defaultEncoding||"utf8",this.length=0,this.writing=!1,this.corked=0,this.sync=!0,this.bufferProcessing=!1,this.onwrite=function(n){vze(e,n)},this.writecb=null,this.writelen=0,this.bufferedRequest=null,this.lastBufferedRequest=null,this.pendingcb=0,this.prefinished=!1,this.errorEmitted=!1,this.emitClose=r.emitClose!==!1,this.autoDestroy=!!r.autoDestroy,this.bufferedRequestCount=0,this.corkedRequestsFree=new wle(this)}nE.prototype.getBuffer=function(){for(var e=this.bufferedRequest,t=[];e;)t.push(e),e=e.next;return t};(function(){try{Object.defineProperty(nE.prototype,"buffer",{get:oze.deprecate(function(){return this.getBuffer()},"_writableState.buffer is deprecated. Use _writableState.getBuffer instead.","DEP0003")})}catch{}})();var tb;typeof Symbol=="function"&&Symbol.hasInstance&&typeof Function.prototype[Symbol.hasInstance]=="function"?(tb=Function.prototype[Symbol.hasInstance],Object.defineProperty(Tr,Symbol.hasInstance,{value:function(e){return tb.call(this,e)?!0:this!==Tr?!1:e&&e._writableState instanceof nE}})):tb=function(e){return e instanceof this};function Tr(r){Xh=Xh||Lu();var e=this instanceof Xh;if(!e&&!tb.call(Tr,this))return new Tr(r);this._writableState=new nE(r,this,e),this.writable=!0,r&&(typeof r.write=="function"&&(this._write=r.write),typeof r.writev=="function"&&(this._writev=r.writev),typeof r.destroy=="function"&&(this._destroy=r.destroy),typeof r.final=="function"&&(this._final=r.final)),Ble.call(this)}Tr.prototype.pipe=function(){_h(this,new pze)};function yze(r,e){var t=new mze;_h(r,t),process.nextTick(e,t)}function wze(r,e,t,i){var n;return t===null?n=new Cze:typeof t!="string"&&!e.objectMode&&(n=new gze("chunk",["string","Buffer"],t)),n?(_h(r,n),process.nextTick(i,n),!1):!0}Tr.prototype.write=function(r,e,t){var i=this._writableState,n=!1,s=!i.objectMode&&lze(r);return s&&!rb.isBuffer(r)&&(r=Aze(r)),typeof e=="function"&&(t=e,e=null),s?e="buffer":e||(e=i.defaultEncoding),typeof t!="function"&&(t=Ize),i.ending?yze(this,t):(s||wze(this,i,r,t))&&(i.pendingcb++,n=Qze(this,i,s,r,e,t)),n};Tr.prototype.cork=function(){this._writableState.corked++};Tr.prototype.uncork=function(){var r=this._writableState;r.corked&&(r.corked--,!r.writing&&!r.corked&&!r.bufferProcessing&&r.bufferedRequest&&Qle(this,r))};Tr.prototype.setDefaultEncoding=function(e){if(typeof e=="string"&&(e=e.toLowerCase()),!(["hex","utf8","utf-8","ascii","binary","base64","ucs2","ucs-2","utf16le","utf-16le","raw"].indexOf((e+"").toLowerCase())>-1))throw new Eze(e);return this._writableState.defaultEncoding=e,this};Object.defineProperty(Tr.prototype,"writableBuffer",{enumerable:!1,get:function(){return this._writableState&&this._writableState.getBuffer()}});function Bze(r,e,t){return!r.objectMode&&r.decodeStrings!==!1&&typeof e=="string"&&(e=rb.from(e,t)),e}Object.defineProperty(Tr.prototype,"writableHighWaterMark",{enumerable:!1,get:function(){return this._writableState.highWaterMark}});function Qze(r,e,t,i,n,s){if(!t){var o=Bze(e,i,n);i!==o&&(t=!0,n="buffer",i=o)}var a=e.objectMode?1:i.length;e.length+=a;var l=e.length<e.highWaterMark;if(l||(e.needDrain=!0),e.writing||e.corked){var c=e.lastBufferedRequest;e.lastBufferedRequest={chunk:i,encoding:n,isBuf:t,callback:s,next:null},c?c.next=e.lastBufferedRequest:e.bufferedRequest=e.lastBufferedRequest,e.bufferedRequestCount+=1}else _O(r,e,!1,a,i,n,s);return l}function _O(r,e,t,i,n,s,o){e.writelen=i,e.writecb=o,e.writing=!0,e.sync=!0,e.destroyed?e.onwrite(new dze("write")):t?r._writev(n,e.onwrite):r._write(n,s,e.onwrite),e.sync=!1}function bze(r,e,t,i,n){--e.pendingcb,t?(process.nextTick(n,i),process.nextTick(iE,r,e),r._writableState.errorEmitted=!0,_h(r,i)):(n(i),r._writableState.errorEmitted=!0,_h(r,i),iE(r,e))}function Sze(r){r.writing=!1,r.writecb=null,r.length-=r.writelen,r.writelen=0}function vze(r,e){var t=r._writableState,i=t.sync,n=t.writecb;if(typeof n!="function")throw new hze;if(Sze(t),e)bze(r,t,i,e,n);else{var s=ble(t)||r.destroyed;!s&&!t.corked&&!t.bufferProcessing&&t.bufferedRequest&&Qle(r,t),i?process.nextTick(yle,r,t,s,n):yle(r,t,s,n)}}function yle(r,e,t,i){t||xze(r,e),e.pendingcb--,i(),iE(r,e)}function xze(r,e){e.length===0&&e.needDrain&&(e.needDrain=!1,r.emit("drain"))}function Qle(r,e){e.bufferProcessing=!0;var t=e.bufferedRequest;if(r._writev&&t&&t.next){var i=e.bufferedRequestCount,n=new Array(i),s=e.corkedRequestsFree;s.entry=t;for(var o=0,a=!0;t;)n[o]=t,t.isBuf||(a=!1),t=t.next,o+=1;n.allBuffers=a,_O(r,e,!0,e.length,n,"",s.finish),e.pendingcb++,e.lastBufferedRequest=null,s.next?(e.corkedRequestsFree=s.next,s.next=null):e.corkedRequestsFree=new wle(e),e.bufferedRequestCount=0}else{for(;t;){var l=t.chunk,c=t.encoding,u=t.callback,g=e.objectMode?1:l.length;if(_O(r,e,!1,g,l,c,u),t=t.next,e.bufferedRequestCount--,e.writing)break}t===null&&(e.lastBufferedRequest=null)}e.bufferedRequest=t,e.bufferProcessing=!1}Tr.prototype._write=function(r,e,t){t(new fze("_write()"))};Tr.prototype._writev=null;Tr.prototype.end=function(r,e,t){var i=this._writableState;return typeof r=="function"?(t=r,r=null,e=null):typeof e=="function"&&(t=e,e=null),r!=null&&this.write(r,e),i.corked&&(i.corked=1,this.uncork()),i.ending||kze(this,i,t),this};Object.defineProperty(Tr.prototype,"writableLength",{enumerable:!1,get:function(){return this._writableState.length}});function ble(r){return r.ending&&r.length===0&&r.bufferedRequest===null&&!r.finished&&!r.writing}function Pze(r,e){r._final(function(t){e.pendingcb--,t&&_h(r,t),e.prefinished=!0,r.emit("prefinish"),iE(r,e)})}function Dze(r,e){!e.prefinished&&!e.finalCalled&&(typeof r._final=="function"&&!e.destroyed?(e.pendingcb++,e.finalCalled=!0,process.nextTick(Pze,r,e)):(e.prefinished=!0,r.emit("prefinish")))}function iE(r,e){var t=ble(e);if(t&&(Dze(r,e),e.pendingcb===0&&(e.finished=!0,r.emit("finish"),e.autoDestroy))){var i=r._readableState;(!i||i.autoDestroy&&i.endEmitted)&&r.destroy()}return t}function kze(r,e,t){e.ending=!0,iE(r,e),t&&(e.finished?process.nextTick(t):r.once("finish",t)),e.ended=!0,r.writable=!1}function Rze(r,e,t){var i=r.entry;for(r.entry=null;i;){var n=i.callback;e.pendingcb--,n(t),i=i.next}e.corkedRequestsFree.next=r}Object.defineProperty(Tr.prototype,"destroyed",{enumerable:!1,get:function(){return this._writableState===void 0?!1:this._writableState.destroyed},set:function(e){!this._writableState||(this._writableState.destroyed=e)}});Tr.prototype.destroy=ZO.destroy;Tr.prototype._undestroy=ZO.undestroy;Tr.prototype._destroy=function(r,e){e(r)}});var Lu=w((cQt,xle)=>{"use strict";var Fze=Object.keys||function(r){var e=[];for(var t in r)e.push(t);return e};xle.exports=ta;var vle=rM(),tM=$O();hl()(ta,vle);for(eM=Fze(tM.prototype),ib=0;ib<eM.length;ib++)nb=eM[ib],ta.prototype[nb]||(ta.prototype[nb]=tM.prototype[nb]);var eM,nb,ib;function ta(r){if(!(this instanceof ta))return new ta(r);vle.call(this,r),tM.call(this,r),this.allowHalfOpen=!0,r&&(r.readable===!1&&(this.readable=!1),r.writable===!1&&(this.writable=!1),r.allowHalfOpen===!1&&(this.allowHalfOpen=!1,this.once("end",Nze)))}Object.defineProperty(ta.prototype,"writableHighWaterMark",{enumerable:!1,get:function(){return this._writableState.highWaterMark}});Object.defineProperty(ta.prototype,"writableBuffer",{enumerable:!1,get:function(){return this._writableState&&this._writableState.getBuffer()}});Object.defineProperty(ta.prototype,"writableLength",{enumerable:!1,get:function(){return this._writableState.length}});function Nze(){this._writableState.ended||process.nextTick(Lze,this)}function Lze(r){r.end()}Object.defineProperty(ta.prototype,"destroyed",{enumerable:!1,get:function(){return this._readableState===void 0||this._writableState===void 0?!1:this._readableState.destroyed&&this._writableState.destroyed},set:function(e){this._readableState===void 0||this._writableState===void 0||(this._readableState.destroyed=e,this._writableState.destroyed=e)}})});var kle=w((iM,Dle)=>{var sb=J("buffer"),nA=sb.Buffer;function Ple(r,e){for(var t in r)e[t]=r[t]}nA.from&&nA.alloc&&nA.allocUnsafe&&nA.allocUnsafeSlow?Dle.exports=sb:(Ple(sb,iM),iM.Buffer=Zh);function Zh(r,e,t){return nA(r,e,t)}Ple(nA,Zh);Zh.from=function(r,e,t){if(typeof r=="number")throw new TypeError("Argument must not be a number");return nA(r,e,t)};Zh.alloc=function(r,e,t){if(typeof r!="number")throw new TypeError("Argument must be a number");var i=nA(r);return e!==void 0?typeof t=="string"?i.fill(e,t):i.fill(e):i.fill(0),i};Zh.allocUnsafe=function(r){if(typeof r!="number")throw new TypeError("Argument must be a number");return nA(r)};Zh.allocUnsafeSlow=function(r){if(typeof r!="number")throw new TypeError("Argument must be a number");return sb.SlowBuffer(r)}});var oM=w(Fle=>{"use strict";var sM=kle().Buffer,Rle=sM.isEncoding||function(r){switch(r=""+r,r&&r.toLowerCase()){case"hex":case"utf8":case"utf-8":case"ascii":case"binary":case"base64":case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":case"raw":return!0;default:return!1}};function Tze(r){if(!r)return"utf8";for(var e;;)switch(r){case"utf8":case"utf-8":return"utf8";case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return"utf16le";case"latin1":case"binary":return"latin1";case"base64":case"ascii":case"hex":return r;default:if(e)return;r=(""+r).toLowerCase(),e=!0}}function Oze(r){var e=Tze(r);if(typeof e!="string"&&(sM.isEncoding===Rle||!Rle(r)))throw new Error("Unknown encoding: "+r);return e||r}Fle.StringDecoder=sE;function sE(r){this.encoding=Oze(r);var e;switch(this.encoding){case"utf16le":this.text=Yze,this.end=jze,e=4;break;case"utf8":this.fillLast=Uze,e=4;break;case"base64":this.text=qze,this.end=Jze,e=3;break;default:this.write=Wze,this.end=zze;return}this.lastNeed=0,this.lastTotal=0,this.lastChar=sM.allocUnsafe(e)}sE.prototype.write=function(r){if(r.length===0)return"";var e,t;if(this.lastNeed){if(e=this.fillLast(r),e===void 0)return"";t=this.lastNeed,this.lastNeed=0}else t=0;return t<r.length?e?e+this.text(r,t):this.text(r,t):e||""};sE.prototype.end=Gze;sE.prototype.text=Hze;sE.prototype.fillLast=function(r){if(this.lastNeed<=r.length)return r.copy(this.lastChar,this.lastTotal-this.lastNeed,0,this.lastNeed),this.lastChar.toString(this.encoding,0,this.lastTotal);r.copy(this.lastChar,this.lastTotal-this.lastNeed,0,r.length),this.lastNeed-=r.length};function nM(r){return r<=127?0:r>>5===6?2:r>>4===14?3:r>>3===30?4:r>>6===2?-1:-2}function Mze(r,e,t){var i=e.length-1;if(i<t)return 0;var n=nM(e[i]);return n>=0?(n>0&&(r.lastNeed=n-1),n):--i<t||n===-2?0:(n=nM(e[i]),n>=0?(n>0&&(r.lastNeed=n-2),n):--i<t||n===-2?0:(n=nM(e[i]),n>=0?(n>0&&(n===2?n=0:r.lastNeed=n-3),n):0))}function Kze(r,e,t){if((e[0]&192)!==128)return r.lastNeed=0,"\uFFFD";if(r.lastNeed>1&&e.length>1){if((e[1]&192)!==128)return r.lastNeed=1,"\uFFFD";if(r.lastNeed>2&&e.length>2&&(e[2]&192)!==128)return r.lastNeed=2,"\uFFFD"}}function Uze(r){var e=this.lastTotal-this.lastNeed,t=Kze(this,r,e);if(t!==void 0)return t;if(this.lastNeed<=r.length)return r.copy(this.lastChar,e,0,this.lastNeed),this.lastChar.toString(this.encoding,0,this.lastTotal);r.copy(this.lastChar,e,0,r.length),this.lastNeed-=r.length}function Hze(r,e){var t=Mze(this,r,e);if(!this.lastNeed)return r.toString("utf8",e);this.lastTotal=t;var i=r.length-(t-this.lastNeed);return r.copy(this.lastChar,0,i),r.toString("utf8",e,i)}function Gze(r){var e=r&&r.length?this.write(r):"";return this.lastNeed?e+"\uFFFD":e}function Yze(r,e){if((r.length-e)%2===0){var t=r.toString("utf16le",e);if(t){var i=t.charCodeAt(t.length-1);if(i>=55296&&i<=56319)return this.lastNeed=2,this.lastTotal=4,this.lastChar[0]=r[r.length-2],this.lastChar[1]=r[r.length-1],t.slice(0,-1)}return t}return this.lastNeed=1,this.lastTotal=2,this.lastChar[0]=r[r.length-1],r.toString("utf16le",e,r.length-1)}function jze(r){var e=r&&r.length?this.write(r):"";if(this.lastNeed){var t=this.lastTotal-this.lastNeed;return e+this.lastChar.toString("utf16le",0,t)}return e}function qze(r,e){var t=(r.length-e)%3;return t===0?r.toString("base64",e):(this.lastNeed=3-t,this.lastTotal=3,t===1?this.lastChar[0]=r[r.length-1]:(this.lastChar[0]=r[r.length-2],this.lastChar[1]=r[r.length-1]),r.toString("base64",e,r.length-t))}function Jze(r){var e=r&&r.length?this.write(r):"";return this.lastNeed?e+this.lastChar.toString("base64",0,3-this.lastNeed):e}function Wze(r){return r.toString(this.encoding)}function zze(r){return r&&r.length?this.write(r):""}});var ob=w((gQt,Tle)=>{"use strict";var Nle=fl().codes.ERR_STREAM_PREMATURE_CLOSE;function Vze(r){var e=!1;return function(){if(!e){e=!0;for(var t=arguments.length,i=new Array(t),n=0;n<t;n++)i[n]=arguments[n];r.apply(this,i)}}}function Xze(){}function _ze(r){return r.setHeader&&typeof r.abort=="function"}function Lle(r,e,t){if(typeof e=="function")return Lle(r,null,e);e||(e={}),t=Vze(t||Xze);var i=e.readable||e.readable!==!1&&r.readable,n=e.writable||e.writable!==!1&&r.writable,s=function(){r.writable||a()},o=r._writableState&&r._writableState.finished,a=function(){n=!1,o=!0,i||t.call(r)},l=r._readableState&&r._readableState.endEmitted,c=function(){i=!1,l=!0,n||t.call(r)},u=function(p){t.call(r,p)},g=function(){var p;if(i&&!l)return(!r._readableState||!r._readableState.ended)&&(p=new Nle),t.call(r,p);if(n&&!o)return(!r._writableState||!r._writableState.ended)&&(p=new Nle),t.call(r,p)},f=function(){r.req.on("finish",a)};return _ze(r)?(r.on("complete",a),r.on("abort",g),r.req?f():r.on("request",f)):n&&!r._writableState&&(r.on("end",s),r.on("close",s)),r.on("end",c),r.on("finish",a),e.error!==!1&&r.on("error",u),r.on("close",g),function(){r.removeListener("complete",a),r.removeListener("abort",g),r.removeListener("request",f),r.req&&r.req.removeListener("finish",a),r.removeListener("end",s),r.removeListener("close",s),r.removeListener("finish",a),r.removeListener("end",c),r.removeListener("error",u),r.removeListener("close",g)}}Tle.exports=Lle});var Mle=w((fQt,Ole)=>{"use strict";var ab;function dl(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}var Zze=ob(),Cl=Symbol("lastResolve"),Tu=Symbol("lastReject"),oE=Symbol("error"),Ab=Symbol("ended"),Ou=Symbol("lastPromise"),aM=Symbol("handlePromise"),Mu=Symbol("stream");function ml(r,e){return{value:r,done:e}}function $ze(r){var e=r[Cl];if(e!==null){var t=r[Mu].read();t!==null&&(r[Ou]=null,r[Cl]=null,r[Tu]=null,e(ml(t,!1)))}}function e5e(r){process.nextTick($ze,r)}function t5e(r,e){return function(t,i){r.then(function(){if(e[Ab]){t(ml(void 0,!0));return}e[aM](t,i)},i)}}var r5e=Object.getPrototypeOf(function(){}),i5e=Object.setPrototypeOf((ab={get stream(){return this[Mu]},next:function(){var e=this,t=this[oE];if(t!==null)return Promise.reject(t);if(this[Ab])return Promise.resolve(ml(void 0,!0));if(this[Mu].destroyed)return new Promise(function(o,a){process.nextTick(function(){e[oE]?a(e[oE]):o(ml(void 0,!0))})});var i=this[Ou],n;if(i)n=new Promise(t5e(i,this));else{var s=this[Mu].read();if(s!==null)return Promise.resolve(ml(s,!1));n=new Promise(this[aM])}return this[Ou]=n,n}},dl(ab,Symbol.asyncIterator,function(){return this}),dl(ab,"return",function(){var e=this;return new Promise(function(t,i){e[Mu].destroy(null,function(n){if(n){i(n);return}t(ml(void 0,!0))})})}),ab),r5e),n5e=function(e){var t,i=Object.create(i5e,(t={},dl(t,Mu,{value:e,writable:!0}),dl(t,Cl,{value:null,writable:!0}),dl(t,Tu,{value:null,writable:!0}),dl(t,oE,{value:null,writable:!0}),dl(t,Ab,{value:e._readableState.endEmitted,writable:!0}),dl(t,aM,{value:function(s,o){var a=i[Mu].read();a?(i[Ou]=null,i[Cl]=null,i[Tu]=null,s(ml(a,!1))):(i[Cl]=s,i[Tu]=o)},writable:!0}),t));return i[Ou]=null,Zze(e,function(n){if(n&&n.code!=="ERR_STREAM_PREMATURE_CLOSE"){var s=i[Tu];s!==null&&(i[Ou]=null,i[Cl]=null,i[Tu]=null,s(n)),i[oE]=n;return}var o=i[Cl];o!==null&&(i[Ou]=null,i[Cl]=null,i[Tu]=null,o(ml(void 0,!0))),i[Ab]=!0}),e.on("readable",e5e.bind(null,i)),i};Ole.exports=n5e});var Gle=w((hQt,Hle)=>{"use strict";function Kle(r,e,t,i,n,s,o){try{var a=r[s](o),l=a.value}catch(c){t(c);return}a.done?e(l):Promise.resolve(l).then(i,n)}function s5e(r){return function(){var e=this,t=arguments;return new Promise(function(i,n){var s=r.apply(e,t);function o(l){Kle(s,i,n,o,a,"next",l)}function a(l){Kle(s,i,n,o,a,"throw",l)}o(void 0)})}}function Ule(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);e&&(i=i.filter(function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable})),t.push.apply(t,i)}return t}function o5e(r){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?Ule(Object(t),!0).forEach(function(i){a5e(r,i,t[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):Ule(Object(t)).forEach(function(i){Object.defineProperty(r,i,Object.getOwnPropertyDescriptor(t,i))})}return r}function a5e(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}var A5e=fl().codes.ERR_INVALID_ARG_TYPE;function l5e(r,e,t){var i;if(e&&typeof e.next=="function")i=e;else if(e&&e[Symbol.asyncIterator])i=e[Symbol.asyncIterator]();else if(e&&e[Symbol.iterator])i=e[Symbol.iterator]();else throw new A5e("iterable",["Iterable"],e);var n=new r(o5e({objectMode:!0},t)),s=!1;n._read=function(){s||(s=!0,o())};function o(){return a.apply(this,arguments)}function a(){return a=s5e(function*(){try{var l=yield i.next(),c=l.value,u=l.done;u?n.push(null):n.push(yield c)?o():s=!1}catch(g){n.destroy(g)}}),a.apply(this,arguments)}return n}Hle.exports=l5e});var rM=w((dQt,Zle)=>{"use strict";Zle.exports=Ut;var $h;Ut.ReadableState=Jle;var pQt=J("events").EventEmitter,qle=function(e,t){return e.listeners(t).length},AE=YO(),lb=J("buffer").Buffer,c5e=global.Uint8Array||function(){};function u5e(r){return lb.from(r)}function g5e(r){return lb.isBuffer(r)||r instanceof c5e}var AM=J("util"),Dt;AM&&AM.debuglog?Dt=AM.debuglog("stream"):Dt=function(){};var f5e=ule(),pM=JO(),h5e=WO(),p5e=h5e.getHighWaterMark,cb=fl().codes,d5e=cb.ERR_INVALID_ARG_TYPE,C5e=cb.ERR_STREAM_PUSH_AFTER_EOF,m5e=cb.ERR_METHOD_NOT_IMPLEMENTED,E5e=cb.ERR_STREAM_UNSHIFT_AFTER_END_EVENT,ep,lM,cM;hl()(Ut,AE);var aE=pM.errorOrDestroy,uM=["error","close","destroy","pause","resume"];function I5e(r,e,t){if(typeof r.prependListener=="function")return r.prependListener(e,t);!r._events||!r._events[e]?r.on(e,t):Array.isArray(r._events[e])?r._events[e].unshift(t):r._events[e]=[t,r._events[e]]}function Jle(r,e,t){$h=$h||Lu(),r=r||{},typeof t!="boolean"&&(t=e instanceof $h),this.objectMode=!!r.objectMode,t&&(this.objectMode=this.objectMode||!!r.readableObjectMode),this.highWaterMark=p5e(this,r,"readableHighWaterMark",t),this.buffer=new f5e,this.length=0,this.pipes=null,this.pipesCount=0,this.flowing=null,this.ended=!1,this.endEmitted=!1,this.reading=!1,this.sync=!0,this.needReadable=!1,this.emittedReadable=!1,this.readableListening=!1,this.resumeScheduled=!1,this.paused=!0,this.emitClose=r.emitClose!==!1,this.autoDestroy=!!r.autoDestroy,this.destroyed=!1,this.defaultEncoding=r.defaultEncoding||"utf8",this.awaitDrain=0,this.readingMore=!1,this.decoder=null,this.encoding=null,r.encoding&&(ep||(ep=oM().StringDecoder),this.decoder=new ep(r.encoding),this.encoding=r.encoding)}function Ut(r){if($h=$h||Lu(),!(this instanceof Ut))return new Ut(r);var e=this instanceof $h;this._readableState=new Jle(r,this,e),this.readable=!0,r&&(typeof r.read=="function"&&(this._read=r.read),typeof r.destroy=="function"&&(this._destroy=r.destroy)),AE.call(this)}Object.defineProperty(Ut.prototype,"destroyed",{enumerable:!1,get:function(){return this._readableState===void 0?!1:this._readableState.destroyed},set:function(e){!this._readableState||(this._readableState.destroyed=e)}});Ut.prototype.destroy=pM.destroy;Ut.prototype._undestroy=pM.undestroy;Ut.prototype._destroy=function(r,e){e(r)};Ut.prototype.push=function(r,e){var t=this._readableState,i;return t.objectMode?i=!0:typeof r=="string"&&(e=e||t.defaultEncoding,e!==t.encoding&&(r=lb.from(r,e),e=""),i=!0),Wle(this,r,e,!1,i)};Ut.prototype.unshift=function(r){return Wle(this,r,null,!0,!1)};function Wle(r,e,t,i,n){Dt("readableAddChunk",e);var s=r._readableState;if(e===null)s.reading=!1,B5e(r,s);else{var o;if(n||(o=y5e(s,e)),o)aE(r,o);else if(s.objectMode||e&&e.length>0)if(typeof e!="string"&&!s.objectMode&&Object.getPrototypeOf(e)!==lb.prototype&&(e=u5e(e)),i)s.endEmitted?aE(r,new E5e):gM(r,s,e,!0);else if(s.ended)aE(r,new C5e);else{if(s.destroyed)return!1;s.reading=!1,s.decoder&&!t?(e=s.decoder.write(e),s.objectMode||e.length!==0?gM(r,s,e,!1):hM(r,s)):gM(r,s,e,!1)}else i||(s.reading=!1,hM(r,s))}return!s.ended&&(s.length<s.highWaterMark||s.length===0)}function gM(r,e,t,i){e.flowing&&e.length===0&&!e.sync?(e.awaitDrain=0,r.emit("data",t)):(e.length+=e.objectMode?1:t.length,i?e.buffer.unshift(t):e.buffer.push(t),e.needReadable&&ub(r)),hM(r,e)}function y5e(r,e){var t;return!g5e(e)&&typeof e!="string"&&e!==void 0&&!r.objectMode&&(t=new d5e("chunk",["string","Buffer","Uint8Array"],e)),t}Ut.prototype.isPaused=function(){return this._readableState.flowing===!1};Ut.prototype.setEncoding=function(r){ep||(ep=oM().StringDecoder);var e=new ep(r);this._readableState.decoder=e,this._readableState.encoding=this._readableState.decoder.encoding;for(var t=this._readableState.buffer.head,i="";t!==null;)i+=e.write(t.data),t=t.next;return this._readableState.buffer.clear(),i!==""&&this._readableState.buffer.push(i),this._readableState.length=i.length,this};var Yle=1073741824;function w5e(r){return r>=Yle?r=Yle:(r--,r|=r>>>1,r|=r>>>2,r|=r>>>4,r|=r>>>8,r|=r>>>16,r++),r}function jle(r,e){return r<=0||e.length===0&&e.ended?0:e.objectMode?1:r!==r?e.flowing&&e.length?e.buffer.head.data.length:e.length:(r>e.highWaterMark&&(e.highWaterMark=w5e(r)),r<=e.length?r:e.ended?e.length:(e.needReadable=!0,0))}Ut.prototype.read=function(r){Dt("read",r),r=parseInt(r,10);var e=this._readableState,t=r;if(r!==0&&(e.emittedReadable=!1),r===0&&e.needReadable&&((e.highWaterMark!==0?e.length>=e.highWaterMark:e.length>0)||e.ended))return Dt("read: emitReadable",e.length,e.ended),e.length===0&&e.ended?fM(this):ub(this),null;if(r=jle(r,e),r===0&&e.ended)return e.length===0&&fM(this),null;var i=e.needReadable;Dt("need readable",i),(e.length===0||e.length-r<e.highWaterMark)&&(i=!0,Dt("length less than watermark",i)),e.ended||e.reading?(i=!1,Dt("reading or ended",i)):i&&(Dt("do read"),e.reading=!0,e.sync=!0,e.length===0&&(e.needReadable=!0),this._read(e.highWaterMark),e.sync=!1,e.reading||(r=jle(t,e)));var n;return r>0?n=Xle(r,e):n=null,n===null?(e.needReadable=e.length<=e.highWaterMark,r=0):(e.length-=r,e.awaitDrain=0),e.length===0&&(e.ended||(e.needReadable=!0),t!==r&&e.ended&&fM(this)),n!==null&&this.emit("data",n),n};function B5e(r,e){if(Dt("onEofChunk"),!e.ended){if(e.decoder){var t=e.decoder.end();t&&t.length&&(e.buffer.push(t),e.length+=e.objectMode?1:t.length)}e.ended=!0,e.sync?ub(r):(e.needReadable=!1,e.emittedReadable||(e.emittedReadable=!0,zle(r)))}}function ub(r){var e=r._readableState;Dt("emitReadable",e.needReadable,e.emittedReadable),e.needReadable=!1,e.emittedReadable||(Dt("emitReadable",e.flowing),e.emittedReadable=!0,process.nextTick(zle,r))}function zle(r){var e=r._readableState;Dt("emitReadable_",e.destroyed,e.length,e.ended),!e.destroyed&&(e.length||e.ended)&&(r.emit("readable"),e.emittedReadable=!1),e.needReadable=!e.flowing&&!e.ended&&e.length<=e.highWaterMark,dM(r)}function hM(r,e){e.readingMore||(e.readingMore=!0,process.nextTick(Q5e,r,e))}function Q5e(r,e){for(;!e.reading&&!e.ended&&(e.length<e.highWaterMark||e.flowing&&e.length===0);){var t=e.length;if(Dt("maybeReadMore read 0"),r.read(0),t===e.length)break}e.readingMore=!1}Ut.prototype._read=function(r){aE(this,new m5e("_read()"))};Ut.prototype.pipe=function(r,e){var t=this,i=this._readableState;switch(i.pipesCount){case 0:i.pipes=r;break;case 1:i.pipes=[i.pipes,r];break;default:i.pipes.push(r);break}i.pipesCount+=1,Dt("pipe count=%d opts=%j",i.pipesCount,e);var n=(!e||e.end!==!1)&&r!==process.stdout&&r!==process.stderr,s=n?a:C;i.endEmitted?process.nextTick(s):t.once("end",s),r.on("unpipe",o);function o(y,B){Dt("onunpipe"),y===t&&B&&B.hasUnpiped===!1&&(B.hasUnpiped=!0,u())}function a(){Dt("onend"),r.end()}var l=b5e(t);r.on("drain",l);var c=!1;function u(){Dt("cleanup"),r.removeListener("close",h),r.removeListener("finish",p),r.removeListener("drain",l),r.removeListener("error",f),r.removeListener("unpipe",o),t.removeListener("end",a),t.removeListener("end",C),t.removeListener("data",g),c=!0,i.awaitDrain&&(!r._writableState||r._writableState.needDrain)&&l()}t.on("data",g);function g(y){Dt("ondata");var B=r.write(y);Dt("dest.write",B),B===!1&&((i.pipesCount===1&&i.pipes===r||i.pipesCount>1&&_le(i.pipes,r)!==-1)&&!c&&(Dt("false write response, pause",i.awaitDrain),i.awaitDrain++),t.pause())}function f(y){Dt("onerror",y),C(),r.removeListener("error",f),qle(r,"error")===0&&aE(r,y)}I5e(r,"error",f);function h(){r.removeListener("finish",p),C()}r.once("close",h);function p(){Dt("onfinish"),r.removeListener("close",h),C()}r.once("finish",p);function C(){Dt("unpipe"),t.unpipe(r)}return r.emit("pipe",t),i.flowing||(Dt("pipe resume"),t.resume()),r};function b5e(r){return function(){var t=r._readableState;Dt("pipeOnDrain",t.awaitDrain),t.awaitDrain&&t.awaitDrain--,t.awaitDrain===0&&qle(r,"data")&&(t.flowing=!0,dM(r))}}Ut.prototype.unpipe=function(r){var e=this._readableState,t={hasUnpiped:!1};if(e.pipesCount===0)return this;if(e.pipesCount===1)return r&&r!==e.pipes?this:(r||(r=e.pipes),e.pipes=null,e.pipesCount=0,e.flowing=!1,r&&r.emit("unpipe",this,t),this);if(!r){var i=e.pipes,n=e.pipesCount;e.pipes=null,e.pipesCount=0,e.flowing=!1;for(var s=0;s<n;s++)i[s].emit("unpipe",this,{hasUnpiped:!1});return this}var o=_le(e.pipes,r);return o===-1?this:(e.pipes.splice(o,1),e.pipesCount-=1,e.pipesCount===1&&(e.pipes=e.pipes[0]),r.emit("unpipe",this,t),this)};Ut.prototype.on=function(r,e){var t=AE.prototype.on.call(this,r,e),i=this._readableState;return r==="data"?(i.readableListening=this.listenerCount("readable")>0,i.flowing!==!1&&this.resume()):r==="readable"&&!i.endEmitted&&!i.readableListening&&(i.readableListening=i.needReadable=!0,i.flowing=!1,i.emittedReadable=!1,Dt("on readable",i.length,i.reading),i.length?ub(this):i.reading||process.nextTick(S5e,this)),t};Ut.prototype.addListener=Ut.prototype.on;Ut.prototype.removeListener=function(r,e){var t=AE.prototype.removeListener.call(this,r,e);return r==="readable"&&process.nextTick(Vle,this),t};Ut.prototype.removeAllListeners=function(r){var e=AE.prototype.removeAllListeners.apply(this,arguments);return(r==="readable"||r===void 0)&&process.nextTick(Vle,this),e};function Vle(r){var e=r._readableState;e.readableListening=r.listenerCount("readable")>0,e.resumeScheduled&&!e.paused?e.flowing=!0:r.listenerCount("data")>0&&r.resume()}function S5e(r){Dt("readable nexttick read 0"),r.read(0)}Ut.prototype.resume=function(){var r=this._readableState;return r.flowing||(Dt("resume"),r.flowing=!r.readableListening,v5e(this,r)),r.paused=!1,this};function v5e(r,e){e.resumeScheduled||(e.resumeScheduled=!0,process.nextTick(x5e,r,e))}function x5e(r,e){Dt("resume",e.reading),e.reading||r.read(0),e.resumeScheduled=!1,r.emit("resume"),dM(r),e.flowing&&!e.reading&&r.read(0)}Ut.prototype.pause=function(){return Dt("call pause flowing=%j",this._readableState.flowing),this._readableState.flowing!==!1&&(Dt("pause"),this._readableState.flowing=!1,this.emit("pause")),this._readableState.paused=!0,this};function dM(r){var e=r._readableState;for(Dt("flow",e.flowing);e.flowing&&r.read()!==null;);}Ut.prototype.wrap=function(r){var e=this,t=this._readableState,i=!1;r.on("end",function(){if(Dt("wrapped end"),t.decoder&&!t.ended){var o=t.decoder.end();o&&o.length&&e.push(o)}e.push(null)}),r.on("data",function(o){if(Dt("wrapped data"),t.decoder&&(o=t.decoder.write(o)),!(t.objectMode&&o==null)&&!(!t.objectMode&&(!o||!o.length))){var a=e.push(o);a||(i=!0,r.pause())}});for(var n in r)this[n]===void 0&&typeof r[n]=="function"&&(this[n]=function(a){return function(){return r[a].apply(r,arguments)}}(n));for(var s=0;s<uM.length;s++)r.on(uM[s],this.emit.bind(this,uM[s]));return this._read=function(o){Dt("wrapped _read",o),i&&(i=!1,r.resume())},this};typeof Symbol=="function"&&(Ut.prototype[Symbol.asyncIterator]=function(){return lM===void 0&&(lM=Mle()),lM(this)});Object.defineProperty(Ut.prototype,"readableHighWaterMark",{enumerable:!1,get:function(){return this._readableState.highWaterMark}});Object.defineProperty(Ut.prototype,"readableBuffer",{enumerable:!1,get:function(){return this._readableState&&this._readableState.buffer}});Object.defineProperty(Ut.prototype,"readableFlowing",{enumerable:!1,get:function(){return this._readableState.flowing},set:function(e){this._readableState&&(this._readableState.flowing=e)}});Ut._fromList=Xle;Object.defineProperty(Ut.prototype,"readableLength",{enumerable:!1,get:function(){return this._readableState.length}});function Xle(r,e){if(e.length===0)return null;var t;return e.objectMode?t=e.buffer.shift():!r||r>=e.length?(e.decoder?t=e.buffer.join(""):e.buffer.length===1?t=e.buffer.first():t=e.buffer.concat(e.length),e.buffer.clear()):t=e.buffer.consume(r,e.decoder),t}function fM(r){var e=r._readableState;Dt("endReadable",e.endEmitted),e.endEmitted||(e.ended=!0,process.nextTick(P5e,e,r))}function P5e(r,e){if(Dt("endReadableNT",r.endEmitted,r.length),!r.endEmitted&&r.length===0&&(r.endEmitted=!0,e.readable=!1,e.emit("end"),r.autoDestroy)){var t=e._writableState;(!t||t.autoDestroy&&t.finished)&&e.destroy()}}typeof Symbol=="function"&&(Ut.from=function(r,e){return cM===void 0&&(cM=Gle()),cM(Ut,r,e)});function _le(r,e){for(var t=0,i=r.length;t<i;t++)if(r[t]===e)return t;return-1}});var CM=w((CQt,ece)=>{"use strict";ece.exports=sA;var gb=fl().codes,D5e=gb.ERR_METHOD_NOT_IMPLEMENTED,k5e=gb.ERR_MULTIPLE_CALLBACK,R5e=gb.ERR_TRANSFORM_ALREADY_TRANSFORMING,F5e=gb.ERR_TRANSFORM_WITH_LENGTH_0,fb=Lu();hl()(sA,fb);function N5e(r,e){var t=this._transformState;t.transforming=!1;var i=t.writecb;if(i===null)return this.emit("error",new k5e);t.writechunk=null,t.writecb=null,e!=null&&this.push(e),i(r);var n=this._readableState;n.reading=!1,(n.needReadable||n.length<n.highWaterMark)&&this._read(n.highWaterMark)}function sA(r){if(!(this instanceof sA))return new sA(r);fb.call(this,r),this._transformState={afterTransform:N5e.bind(this),needTransform:!1,transforming:!1,writecb:null,writechunk:null,writeencoding:null},this._readableState.needReadable=!0,this._readableState.sync=!1,r&&(typeof r.transform=="function"&&(this._transform=r.transform),typeof r.flush=="function"&&(this._flush=r.flush)),this.on("prefinish",L5e)}function L5e(){var r=this;typeof this._flush=="function"&&!this._readableState.destroyed?this._flush(function(e,t){$le(r,e,t)}):$le(this,null,null)}sA.prototype.push=function(r,e){return this._transformState.needTransform=!1,fb.prototype.push.call(this,r,e)};sA.prototype._transform=function(r,e,t){t(new D5e("_transform()"))};sA.prototype._write=function(r,e,t){var i=this._transformState;if(i.writecb=t,i.writechunk=r,i.writeencoding=e,!i.transforming){var n=this._readableState;(i.needTransform||n.needReadable||n.length<n.highWaterMark)&&this._read(n.highWaterMark)}};sA.prototype._read=function(r){var e=this._transformState;e.writechunk!==null&&!e.transforming?(e.transforming=!0,this._transform(e.writechunk,e.writeencoding,e.afterTransform)):e.needTransform=!0};sA.prototype._destroy=function(r,e){fb.prototype._destroy.call(this,r,function(t){e(t)})};function $le(r,e,t){if(e)return r.emit("error",e);if(t!=null&&r.push(t),r._writableState.length)throw new F5e;if(r._transformState.transforming)throw new R5e;return r.push(null)}});var ice=w((mQt,rce)=>{"use strict";rce.exports=lE;var tce=CM();hl()(lE,tce);function lE(r){if(!(this instanceof lE))return new lE(r);tce.call(this,r)}lE.prototype._transform=function(r,e,t){t(null,r)}});var Ace=w((EQt,ace)=>{"use strict";var mM;function T5e(r){var e=!1;return function(){e||(e=!0,r.apply(void 0,arguments))}}var oce=fl().codes,O5e=oce.ERR_MISSING_ARGS,M5e=oce.ERR_STREAM_DESTROYED;function nce(r){if(r)throw r}function K5e(r){return r.setHeader&&typeof r.abort=="function"}function U5e(r,e,t,i){i=T5e(i);var n=!1;r.on("close",function(){n=!0}),mM===void 0&&(mM=ob()),mM(r,{readable:e,writable:t},function(o){if(o)return i(o);n=!0,i()});var s=!1;return function(o){if(!n&&!s){if(s=!0,K5e(r))return r.abort();if(typeof r.destroy=="function")return r.destroy();i(o||new M5e("pipe"))}}}function sce(r){r()}function H5e(r,e){return r.pipe(e)}function G5e(r){return!r.length||typeof r[r.length-1]!="function"?nce:r.pop()}function Y5e(){for(var r=arguments.length,e=new Array(r),t=0;t<r;t++)e[t]=arguments[t];var i=G5e(e);if(Array.isArray(e[0])&&(e=e[0]),e.length<2)throw new O5e("streams");var n,s=e.map(function(o,a){var l=a<e.length-1,c=a>0;return U5e(o,l,c,function(u){n||(n=u),u&&s.forEach(sce),!l&&(s.forEach(sce),i(n))})});return e.reduce(H5e)}ace.exports=Y5e});var tp=w((Ns,uE)=>{var cE=J("stream");process.env.READABLE_STREAM==="disable"&&cE?(uE.exports=cE.Readable,Object.assign(uE.exports,cE),uE.exports.Stream=cE):(Ns=uE.exports=rM(),Ns.Stream=cE||Ns,Ns.Readable=Ns,Ns.Writable=$O(),Ns.Duplex=Lu(),Ns.Transform=CM(),Ns.PassThrough=ice(),Ns.finished=ob(),Ns.pipeline=Ace())});var uce=w((IQt,cce)=>{"use strict";var{Buffer:ho}=J("buffer"),lce=Symbol.for("BufferList");function fr(r){if(!(this instanceof fr))return new fr(r);fr._init.call(this,r)}fr._init=function(e){Object.defineProperty(this,lce,{value:!0}),this._bufs=[],this.length=0,e&&this.append(e)};fr.prototype._new=function(e){return new fr(e)};fr.prototype._offset=function(e){if(e===0)return[0,0];let t=0;for(let i=0;i<this._bufs.length;i++){let n=t+this._bufs[i].length;if(e<n||i===this._bufs.length-1)return[i,e-t];t=n}};fr.prototype._reverseOffset=function(r){let e=r[0],t=r[1];for(let i=0;i<e;i++)t+=this._bufs[i].length;return t};fr.prototype.get=function(e){if(e>this.length||e<0)return;let t=this._offset(e);return this._bufs[t[0]][t[1]]};fr.prototype.slice=function(e,t){return typeof e=="number"&&e<0&&(e+=this.length),typeof t=="number"&&t<0&&(t+=this.length),this.copy(null,0,e,t)};fr.prototype.copy=function(e,t,i,n){if((typeof i!="number"||i<0)&&(i=0),(typeof n!="number"||n>this.length)&&(n=this.length),i>=this.length||n<=0)return e||ho.alloc(0);let s=!!e,o=this._offset(i),a=n-i,l=a,c=s&&t||0,u=o[1];if(i===0&&n===this.length){if(!s)return this._bufs.length===1?this._bufs[0]:ho.concat(this._bufs,this.length);for(let g=0;g<this._bufs.length;g++)this._bufs[g].copy(e,c),c+=this._bufs[g].length;return e}if(l<=this._bufs[o[0]].length-u)return s?this._bufs[o[0]].copy(e,t,u,u+l):this._bufs[o[0]].slice(u,u+l);s||(e=ho.allocUnsafe(a));for(let g=o[0];g<this._bufs.length;g++){let f=this._bufs[g].length-u;if(l>f)this._bufs[g].copy(e,c,u),c+=f;else{this._bufs[g].copy(e,c,u,u+l),c+=f;break}l-=f,u&&(u=0)}return e.length>c?e.slice(0,c):e};fr.prototype.shallowSlice=function(e,t){if(e=e||0,t=typeof t!="number"?this.length:t,e<0&&(e+=this.length),t<0&&(t+=this.length),e===t)return this._new();let i=this._offset(e),n=this._offset(t),s=this._bufs.slice(i[0],n[0]+1);return n[1]===0?s.pop():s[s.length-1]=s[s.length-1].slice(0,n[1]),i[1]!==0&&(s[0]=s[0].slice(i[1])),this._new(s)};fr.prototype.toString=function(e,t,i){return this.slice(t,i).toString(e)};fr.prototype.consume=function(e){if(e=Math.trunc(e),Number.isNaN(e)||e<=0)return this;for(;this._bufs.length;)if(e>=this._bufs[0].length)e-=this._bufs[0].length,this.length-=this._bufs[0].length,this._bufs.shift();else{this._bufs[0]=this._bufs[0].slice(e),this.length-=e;break}return this};fr.prototype.duplicate=function(){let e=this._new();for(let t=0;t<this._bufs.length;t++)e.append(this._bufs[t]);return e};fr.prototype.append=function(e){if(e==null)return this;if(e.buffer)this._appendBuffer(ho.from(e.buffer,e.byteOffset,e.byteLength));else if(Array.isArray(e))for(let t=0;t<e.length;t++)this.append(e[t]);else if(this._isBufferList(e))for(let t=0;t<e._bufs.length;t++)this.append(e._bufs[t]);else typeof e=="number"&&(e=e.toString()),this._appendBuffer(ho.from(e));return this};fr.prototype._appendBuffer=function(e){this._bufs.push(e),this.length+=e.length};fr.prototype.indexOf=function(r,e,t){if(t===void 0&&typeof e=="string"&&(t=e,e=void 0),typeof r=="function"||Array.isArray(r))throw new TypeError('The "value" argument must be one of type string, Buffer, BufferList, or Uint8Array.');if(typeof r=="number"?r=ho.from([r]):typeof r=="string"?r=ho.from(r,t):this._isBufferList(r)?r=r.slice():Array.isArray(r.buffer)?r=ho.from(r.buffer,r.byteOffset,r.byteLength):ho.isBuffer(r)||(r=ho.from(r)),e=Number(e||0),isNaN(e)&&(e=0),e<0&&(e=this.length+e),e<0&&(e=0),r.length===0)return e>this.length?this.length:e;let i=this._offset(e),n=i[0],s=i[1];for(;n<this._bufs.length;n++){let o=this._bufs[n];for(;s<o.length;)if(o.length-s>=r.length){let l=o.indexOf(r,s);if(l!==-1)return this._reverseOffset([n,l]);s=o.length-r.length+1}else{let l=this._reverseOffset([n,s]);if(this._match(l,r))return l;s++}s=0}return-1};fr.prototype._match=function(r,e){if(this.length-r<e.length)return!1;for(let t=0;t<e.length;t++)if(this.get(r+t)!==e[t])return!1;return!0};(function(){let r={readDoubleBE:8,readDoubleLE:8,readFloatBE:4,readFloatLE:4,readInt32BE:4,readInt32LE:4,readUInt32BE:4,readUInt32LE:4,readInt16BE:2,readInt16LE:2,readUInt16BE:2,readUInt16LE:2,readInt8:1,readUInt8:1,readIntBE:null,readIntLE:null,readUIntBE:null,readUIntLE:null};for(let e in r)(function(t){r[t]===null?fr.prototype[t]=function(i,n){return this.slice(i,i+n)[t](0,n)}:fr.prototype[t]=function(i=0){return this.slice(i,i+r[t])[t](0)}})(e)})();fr.prototype._isBufferList=function(e){return e instanceof fr||fr.isBufferList(e)};fr.isBufferList=function(e){return e!=null&&e[lce]};cce.exports=fr});var gce=w((yQt,hb)=>{"use strict";var EM=tp().Duplex,j5e=hl(),gE=uce();function Yi(r){if(!(this instanceof Yi))return new Yi(r);if(typeof r=="function"){this._callback=r;let e=function(i){this._callback&&(this._callback(i),this._callback=null)}.bind(this);this.on("pipe",function(i){i.on("error",e)}),this.on("unpipe",function(i){i.removeListener("error",e)}),r=null}gE._init.call(this,r),EM.call(this)}j5e(Yi,EM);Object.assign(Yi.prototype,gE.prototype);Yi.prototype._new=function(e){return new Yi(e)};Yi.prototype._write=function(e,t,i){this._appendBuffer(e),typeof i=="function"&&i()};Yi.prototype._read=function(e){if(!this.length)return this.push(null);e=Math.min(e,this.length),this.push(this.slice(0,e)),this.consume(e)};Yi.prototype.end=function(e){EM.prototype.end.call(this,e),this._callback&&(this._callback(null,this.slice()),this._callback=null)};Yi.prototype._destroy=function(e,t){this._bufs.length=0,this.length=0,t(e)};Yi.prototype._isBufferList=function(e){return e instanceof Yi||e instanceof gE||Yi.isBufferList(e)};Yi.isBufferList=gE.isBufferList;hb.exports=Yi;hb.exports.BufferListStream=Yi;hb.exports.BufferList=gE});var wM=w(ip=>{var q5e=Buffer.alloc,J5e="0000000000000000000",W5e="7777777777777777777",fce="0".charCodeAt(0),hce=Buffer.from("ustar\0","binary"),z5e=Buffer.from("00","binary"),V5e=Buffer.from("ustar ","binary"),X5e=Buffer.from(" \0","binary"),_5e=parseInt("7777",8),fE=257,yM=263,Z5e=function(r,e,t){return typeof r!="number"?t:(r=~~r,r>=e?e:r>=0||(r+=e,r>=0)?r:0)},$5e=function(r){switch(r){case 0:return"file";case 1:return"link";case 2:return"symlink";case 3:return"character-device";case 4:return"block-device";case 5:return"directory";case 6:return"fifo";case 7:return"contiguous-file";case 72:return"pax-header";case 55:return"pax-global-header";case 27:return"gnu-long-link-path";case 28:case 30:return"gnu-long-path"}return null},eVe=function(r){switch(r){case"file":return 0;case"link":return 1;case"symlink":return 2;case"character-device":return 3;case"block-device":return 4;case"directory":return 5;case"fifo":return 6;case"contiguous-file":return 7;case"pax-header":return 72}return 0},pce=function(r,e,t,i){for(;t<i;t++)if(r[t]===e)return t;return i},dce=function(r){for(var e=256,t=0;t<148;t++)e+=r[t];for(var i=156;i<512;i++)e+=r[i];return e},El=function(r,e){return r=r.toString(8),r.length>e?W5e.slice(0,e)+" ":J5e.slice(0,e-r.length)+r+" "};function tVe(r){var e;if(r[0]===128)e=!0;else if(r[0]===255)e=!1;else return null;for(var t=[],i=r.length-1;i>0;i--){var n=r[i];e?t.push(n):t.push(255-n)}var s=0,o=t.length;for(i=0;i<o;i++)s+=t[i]*Math.pow(256,i);return e?s:-1*s}var Il=function(r,e,t){if(r=r.slice(e,e+t),e=0,r[e]&128)return tVe(r);for(;e<r.length&&r[e]===32;)e++;for(var i=Z5e(pce(r,32,e,r.length),r.length,r.length);e<i&&r[e]===0;)e++;return i===e?0:parseInt(r.slice(e,i).toString(),8)},rp=function(r,e,t,i){return r.slice(e,pce(r,0,e,e+t)).toString(i)},IM=function(r){var e=Buffer.byteLength(r),t=Math.floor(Math.log(e)/Math.log(10))+1;return e+t>=Math.pow(10,t)&&t++,e+t+r};ip.decodeLongPath=function(r,e){return rp(r,0,r.length,e)};ip.encodePax=function(r){var e="";r.name&&(e+=IM(" path="+r.name+`
-`)),r.linkname&&(e+=IM(" linkpath="+r.linkname+`
-`));var t=r.pax;if(t)for(var i in t)e+=IM(" "+i+"="+t[i]+`
-`);return Buffer.from(e)};ip.decodePax=function(r){for(var e={};r.length;){for(var t=0;t<r.length&&r[t]!==32;)t++;var i=parseInt(r.slice(0,t).toString(),10);if(!i)return e;var n=r.slice(t+1,i-1).toString(),s=n.indexOf("=");if(s===-1)return e;e[n.slice(0,s)]=n.slice(s+1),r=r.slice(i)}return e};ip.encode=function(r){var e=q5e(512),t=r.name,i="";if(r.typeflag===5&&t[t.length-1]!=="/"&&(t+="/"),Buffer.byteLength(t)!==t.length)return null;for(;Buffer.byteLength(t)>100;){var n=t.indexOf("/");if(n===-1)return null;i+=i?"/"+t.slice(0,n):t.slice(0,n),t=t.slice(n+1)}return Buffer.byteLength(t)>100||Buffer.byteLength(i)>155||r.linkname&&Buffer.byteLength(r.linkname)>100?null:(e.write(t),e.write(El(r.mode&_5e,6),100),e.write(El(r.uid,6),108),e.write(El(r.gid,6),116),e.write(El(r.size,11),124),e.write(El(r.mtime.getTime()/1e3|0,11),136),e[156]=fce+eVe(r.type),r.linkname&&e.write(r.linkname,157),hce.copy(e,fE),z5e.copy(e,yM),r.uname&&e.write(r.uname,265),r.gname&&e.write(r.gname,297),e.write(El(r.devmajor||0,6),329),e.write(El(r.devminor||0,6),337),i&&e.write(i,345),e.write(El(dce(e),6),148),e)};ip.decode=function(r,e,t){var i=r[156]===0?0:r[156]-fce,n=rp(r,0,100,e),s=Il(r,100,8),o=Il(r,108,8),a=Il(r,116,8),l=Il(r,124,12),c=Il(r,136,12),u=$5e(i),g=r[157]===0?null:rp(r,157,100,e),f=rp(r,265,32),h=rp(r,297,32),p=Il(r,329,8),C=Il(r,337,8),y=dce(r);if(y===8*32)return null;if(y!==Il(r,148,8))throw new Error("Invalid tar header. Maybe the tar is corrupted or it needs to be gunzipped?");if(hce.compare(r,fE,fE+6)===0)r[345]&&(n=rp(r,345,155,e)+"/"+n);else if(!(V5e.compare(r,fE,fE+6)===0&&X5e.compare(r,yM,yM+2)===0)){if(!t)throw new Error("Invalid tar header: unknown format.")}return i===0&&n&&n[n.length-1]==="/"&&(i=5),{name:n,mode:s,uid:o,gid:a,size:l,mtime:new Date(1e3*c),type:u,linkname:g,uname:f,gname:h,devmajor:p,devminor:C}}});var Bce=w((BQt,wce)=>{var mce=J("util"),rVe=gce(),hE=wM(),Ece=tp().Writable,Ice=tp().PassThrough,yce=function(){},Cce=function(r){return r&=511,r&&512-r},iVe=function(r,e){var t=new pb(r,e);return t.end(),t},nVe=function(r,e){return e.path&&(r.name=e.path),e.linkpath&&(r.linkname=e.linkpath),e.size&&(r.size=parseInt(e.size,10)),r.pax=e,r},pb=function(r,e){this._parent=r,this.offset=e,Ice.call(this,{autoDestroy:!1})};mce.inherits(pb,Ice);pb.prototype.destroy=function(r){this._parent.destroy(r)};var oA=function(r){if(!(this instanceof oA))return new oA(r);Ece.call(this,r),r=r||{},this._offset=0,this._buffer=rVe(),this._missing=0,this._partial=!1,this._onparse=yce,this._header=null,this._stream=null,this._overflow=null,this._cb=null,this._locked=!1,this._destroyed=!1,this._pax=null,this._paxGlobal=null,this._gnuLongPath=null,this._gnuLongLinkPath=null;var e=this,t=e._buffer,i=function(){e._continue()},n=function(f){if(e._locked=!1,f)return e.destroy(f);e._stream||i()},s=function(){e._stream=null;var f=Cce(e._header.size);f?e._parse(f,o):e._parse(512,g),e._locked||i()},o=function(){e._buffer.consume(Cce(e._header.size)),e._parse(512,g),i()},a=function(){var f=e._header.size;e._paxGlobal=hE.decodePax(t.slice(0,f)),t.consume(f),s()},l=function(){var f=e._header.size;e._pax=hE.decodePax(t.slice(0,f)),e._paxGlobal&&(e._pax=Object.assign({},e._paxGlobal,e._pax)),t.consume(f),s()},c=function(){var f=e._header.size;this._gnuLongPath=hE.decodeLongPath(t.slice(0,f),r.filenameEncoding),t.consume(f),s()},u=function(){var f=e._header.size;this._gnuLongLinkPath=hE.decodeLongPath(t.slice(0,f),r.filenameEncoding),t.consume(f),s()},g=function(){var f=e._offset,h;try{h=e._header=hE.decode(t.slice(0,512),r.filenameEncoding,r.allowUnknownFormat)}catch(p){e.emit("error",p)}if(t.consume(512),!h){e._parse(512,g),i();return}if(h.type==="gnu-long-path"){e._parse(h.size,c),i();return}if(h.type==="gnu-long-link-path"){e._parse(h.size,u),i();return}if(h.type==="pax-global-header"){e._parse(h.size,a),i();return}if(h.type==="pax-header"){e._parse(h.size,l),i();return}if(e._gnuLongPath&&(h.name=e._gnuLongPath,e._gnuLongPath=null),e._gnuLongLinkPath&&(h.linkname=e._gnuLongLinkPath,e._gnuLongLinkPath=null),e._pax&&(e._header=h=nVe(h,e._pax),e._pax=null),e._locked=!0,!h.size||h.type==="directory"){e._parse(512,g),e.emit("entry",h,iVe(e,f),n);return}e._stream=new pb(e,f),e.emit("entry",h,e._stream,n),e._parse(h.size,s),i()};this._onheader=g,this._parse(512,g)};mce.inherits(oA,Ece);oA.prototype.destroy=function(r){this._destroyed||(this._destroyed=!0,r&&this.emit("error",r),this.emit("close"),this._stream&&this._stream.emit("close"))};oA.prototype._parse=function(r,e){this._destroyed||(this._offset+=r,this._missing=r,e===this._onheader&&(this._partial=!1),this._onparse=e)};oA.prototype._continue=function(){if(!this._destroyed){var r=this._cb;this._cb=yce,this._overflow?this._write(this._overflow,void 0,r):r()}};oA.prototype._write=function(r,e,t){if(!this._destroyed){var i=this._stream,n=this._buffer,s=this._missing;if(r.length&&(this._partial=!0),r.length<s)return this._missing-=r.length,this._overflow=null,i?i.write(r,t):(n.append(r),t());this._cb=t,this._missing=0;var o=null;r.length>s&&(o=r.slice(s),r=r.slice(0,s)),i?i.end(r):n.append(r),this._overflow=o,this._onparse()}};oA.prototype._final=function(r){if(this._partial)return this.destroy(new Error("Unexpected end of data"));r()};wce.exports=oA});var bce=w((QQt,Qce)=>{Qce.exports=J("fs").constants||J("constants")});var Dce=w((bQt,Pce)=>{var np=bce(),Sce=fk(),Cb=hl(),sVe=Buffer.alloc,vce=tp().Readable,sp=tp().Writable,oVe=J("string_decoder").StringDecoder,db=wM(),aVe=parseInt("755",8),AVe=parseInt("644",8),xce=sVe(1024),QM=function(){},BM=function(r,e){e&=511,e&&r.push(xce.slice(0,512-e))};function lVe(r){switch(r&np.S_IFMT){case np.S_IFBLK:return"block-device";case np.S_IFCHR:return"character-device";case np.S_IFDIR:return"directory";case np.S_IFIFO:return"fifo";case np.S_IFLNK:return"symlink"}return"file"}var mb=function(r){sp.call(this),this.written=0,this._to=r,this._destroyed=!1};Cb(mb,sp);mb.prototype._write=function(r,e,t){if(this.written+=r.length,this._to.push(r))return t();this._to._drain=t};mb.prototype.destroy=function(){this._destroyed||(this._destroyed=!0,this.emit("close"))};var Eb=function(){sp.call(this),this.linkname="",this._decoder=new oVe("utf-8"),this._destroyed=!1};Cb(Eb,sp);Eb.prototype._write=function(r,e,t){this.linkname+=this._decoder.write(r),t()};Eb.prototype.destroy=function(){this._destroyed||(this._destroyed=!0,this.emit("close"))};var pE=function(){sp.call(this),this._destroyed=!1};Cb(pE,sp);pE.prototype._write=function(r,e,t){t(new Error("No body allowed for this entry"))};pE.prototype.destroy=function(){this._destroyed||(this._destroyed=!0,this.emit("close"))};var ra=function(r){if(!(this instanceof ra))return new ra(r);vce.call(this,r),this._drain=QM,this._finalized=!1,this._finalizing=!1,this._destroyed=!1,this._stream=null};Cb(ra,vce);ra.prototype.entry=function(r,e,t){if(this._stream)throw new Error("already piping an entry");if(!(this._finalized||this._destroyed)){typeof e=="function"&&(t=e,e=null),t||(t=QM);var i=this;if((!r.size||r.type==="symlink")&&(r.size=0),r.type||(r.type=lVe(r.mode)),r.mode||(r.mode=r.type==="directory"?aVe:AVe),r.uid||(r.uid=0),r.gid||(r.gid=0),r.mtime||(r.mtime=new Date),typeof e=="string"&&(e=Buffer.from(e)),Buffer.isBuffer(e)){r.size=e.length,this._encode(r);var n=this.push(e);return BM(i,r.size),n?process.nextTick(t):this._drain=t,new pE}if(r.type==="symlink"&&!r.linkname){var s=new Eb;return Sce(s,function(a){if(a)return i.destroy(),t(a);r.linkname=s.linkname,i._encode(r),t()}),s}if(this._encode(r),r.type!=="file"&&r.type!=="contiguous-file")return process.nextTick(t),new pE;var o=new mb(this);return this._stream=o,Sce(o,function(a){if(i._stream=null,a)return i.destroy(),t(a);if(o.written!==r.size)return i.destroy(),t(new Error("size mismatch"));BM(i,r.size),i._finalizing&&i.finalize(),t()}),o}};ra.prototype.finalize=function(){if(this._stream){this._finalizing=!0;return}this._finalized||(this._finalized=!0,this.push(xce),this.push(null))};ra.prototype.destroy=function(r){this._destroyed||(this._destroyed=!0,r&&this.emit("error",r),this.emit("close"),this._stream&&this._stream.destroy&&this._stream.destroy())};ra.prototype._encode=function(r){if(!r.pax){var e=db.encode(r);if(e){this.push(e);return}}this._encodePax(r)};ra.prototype._encodePax=function(r){var e=db.encodePax({name:r.name,linkname:r.linkname,pax:r.pax}),t={name:"PaxHeader",mode:r.mode,uid:r.uid,gid:r.gid,size:e.length,mtime:r.mtime,type:"pax-header",linkname:r.linkname&&"PaxHeader",uname:r.uname,gname:r.gname,devmajor:r.devmajor,devminor:r.devminor};this.push(db.encode(t)),this.push(e),BM(this,e.length),t.size=r.size,t.type=r.type,this.push(db.encode(t))};ra.prototype._read=function(r){var e=this._drain;this._drain=QM,e()};Pce.exports=ra});var kce=w(bM=>{bM.extract=Bce();bM.pack=Dce()});var Yce=w((WQt,Gce)=>{"use strict";var Uu=class{constructor(e,t,i){this.__specs=e||{},Object.keys(this.__specs).forEach(n=>{if(typeof this.__specs[n]=="string"){let s=this.__specs[n],o=this.__specs[s];if(o){let a=o.aliases||[];a.push(n,s),o.aliases=[...new Set(a)],this.__specs[n]=o}else throw new Error(`Alias refers to invalid key: ${s} -> ${n}`)}}),this.__opts=t||{},this.__providers=Uce(i.filter(n=>n!=null&&typeof n=="object")),this.__isFiggyPudding=!0}get(e){return kM(this,e,!0)}get[Symbol.toStringTag](){return"FiggyPudding"}forEach(e,t=this){for(let[i,n]of this.entries())e.call(t,n,i,this)}toJSON(){let e={};return this.forEach((t,i)=>{e[i]=t}),e}*entries(e){for(let i of Object.keys(this.__specs))yield[i,this.get(i)];let t=e||this.__opts.other;if(t){let i=new Set;for(let n of this.__providers){let s=n.entries?n.entries(t):QVe(n);for(let[o,a]of s)t(o)&&!i.has(o)&&(i.add(o),yield[o,a])}}}*[Symbol.iterator](){for(let[e,t]of this.entries())yield[e,t]}*keys(){for(let[e]of this.entries())yield e}*values(){for(let[,e]of this.entries())yield e}concat(...e){return new Proxy(new Uu(this.__specs,this.__opts,Uce(this.__providers).concat(e)),Hce)}};try{let r=J("util");Uu.prototype[r.inspect.custom]=function(e,t){return this[Symbol.toStringTag]+" "+r.inspect(this.toJSON(),t)}}catch{}function wVe(r){throw Object.assign(new Error(`invalid config key requested: ${r}`),{code:"EBADKEY"})}function kM(r,e,t){let i=r.__specs[e];if(t&&!i&&(!r.__opts.other||!r.__opts.other(e)))wVe(e);else{i||(i={});let n;for(let s of r.__providers){if(n=Kce(e,s),n===void 0&&i.aliases&&i.aliases.length){for(let o of i.aliases)if(o!==e&&(n=Kce(o,s),n!==void 0))break}if(n!==void 0)break}return n===void 0&&i.default!==void 0?typeof i.default=="function"?i.default(r):i.default:n}}function Kce(r,e){let t;return e.__isFiggyPudding?t=kM(e,r,!1):typeof e.get=="function"?t=e.get(r):t=e[r],t}var Hce={has(r,e){return e in r.__specs&&kM(r,e,!1)!==void 0},ownKeys(r){return Object.keys(r.__specs)},get(r,e){return typeof e=="symbol"||e.slice(0,2)==="__"||e in Uu.prototype?r[e]:r.get(e)},set(r,e,t){if(typeof e=="symbol"||e.slice(0,2)==="__")return r[e]=t,!0;throw new Error("figgyPudding options cannot be modified. Use .concat() instead.")},deleteProperty(){throw new Error("figgyPudding options cannot be deleted. Use .concat() and shadow them instead.")}};Gce.exports=BVe;function BVe(r,e){function t(...i){return new Proxy(new Uu(r,e,i),Hce)}return t}function Uce(r){let e=[];return r.forEach(t=>e.unshift(t)),e}function QVe(r){return Object.keys(r).map(e=>[e,r[e]])}});var Jce=w((zQt,sa)=>{"use strict";var CE=J("crypto"),bVe=Yce(),SVe=J("stream").Transform,jce=["sha256","sha384","sha512"],vVe=/^[a-z0-9+/]+(?:=?=?)$/i,xVe=/^([^-]+)-([^?]+)([?\S*]*)$/,PVe=/^([^-]+)-([A-Za-z0-9+/=]{44,88})(\?[\x21-\x7E]*)*$/,DVe=/^[\x21-\x7E]+$/,on=bVe({algorithms:{default:["sha512"]},error:{default:!1},integrity:{},options:{default:[]},pickAlgorithm:{default:()=>MVe},Promise:{default:()=>Promise},sep:{default:" "},single:{default:!1},size:{},strict:{default:!1}}),yl=class{get isHash(){return!0}constructor(e,t){t=on(t);let i=!!t.strict;this.source=e.trim();let n=this.source.match(i?PVe:xVe);if(!n||i&&!jce.some(o=>o===n[1]))return;this.algorithm=n[1],this.digest=n[2];let s=n[3];this.options=s?s.slice(1).split("?"):[]}hexDigest(){return this.digest&&Buffer.from(this.digest,"base64").toString("hex")}toJSON(){return this.toString()}toString(e){if(e=on(e),e.strict&&!(jce.some(i=>i===this.algorithm)&&this.digest.match(vVe)&&(this.options||[]).every(i=>i.match(DVe))))return"";let t=this.options&&this.options.length?`?${this.options.join("?")}`:"";return`${this.algorithm}-${this.digest}${t}`}},Hu=class{get isIntegrity(){return!0}toJSON(){return this.toString()}toString(e){e=on(e);let t=e.sep||" ";return e.strict&&(t=t.replace(/\S+/g," ")),Object.keys(this).map(i=>this[i].map(n=>yl.prototype.toString.call(n,e)).filter(n=>n.length).join(t)).filter(i=>i.length).join(t)}concat(e,t){t=on(t);let i=typeof e=="string"?e:dE(e,t);return na(`${this.toString(t)} ${i}`,t)}hexDigest(){return na(this,{single:!0}).hexDigest()}match(e,t){t=on(t);let i=na(e,t),n=i.pickAlgorithm(t);return this[n]&&i[n]&&this[n].find(s=>i[n].find(o=>s.digest===o.digest))||!1}pickAlgorithm(e){e=on(e);let t=e.pickAlgorithm,i=Object.keys(this);if(!i.length)throw new Error(`No algorithms available for ${JSON.stringify(this.toString())}`);return i.reduce((n,s)=>t(n,s)||n)}};sa.exports.parse=na;function na(r,e){if(e=on(e),typeof r=="string")return RM(r,e);if(r.algorithm&&r.digest){let t=new Hu;return t[r.algorithm]=[r],RM(dE(t,e),e)}else return RM(dE(r,e),e)}function RM(r,e){return e.single?new yl(r,e):r.trim().split(/\s+/).reduce((t,i)=>{let n=new yl(i,e);if(n.algorithm&&n.digest){let s=n.algorithm;t[s]||(t[s]=[]),t[s].push(n)}return t},new Hu)}sa.exports.stringify=dE;function dE(r,e){return e=on(e),r.algorithm&&r.digest?yl.prototype.toString.call(r,e):typeof r=="string"?dE(na(r,e),e):Hu.prototype.toString.call(r,e)}sa.exports.fromHex=kVe;function kVe(r,e,t){t=on(t);let i=t.options&&t.options.length?`?${t.options.join("?")}`:"";return na(`${e}-${Buffer.from(r,"hex").toString("base64")}${i}`,t)}sa.exports.fromData=RVe;function RVe(r,e){e=on(e);let t=e.algorithms,i=e.options&&e.options.length?`?${e.options.join("?")}`:"";return t.reduce((n,s)=>{let o=CE.createHash(s).update(r).digest("base64"),a=new yl(`${s}-${o}${i}`,e);if(a.algorithm&&a.digest){let l=a.algorithm;n[l]||(n[l]=[]),n[l].push(a)}return n},new Hu)}sa.exports.fromStream=FVe;function FVe(r,e){e=on(e);let t=e.Promise||Promise,i=FM(e);return new t((n,s)=>{r.pipe(i),r.on("error",s),i.on("error",s);let o;i.on("integrity",a=>{o=a}),i.on("end",()=>n(o)),i.on("data",()=>{})})}sa.exports.checkData=NVe;function NVe(r,e,t){if(t=on(t),e=na(e,t),!Object.keys(e).length){if(t.error)throw Object.assign(new Error("No valid integrity hashes to check against"),{code:"EINTEGRITY"});return!1}let i=e.pickAlgorithm(t),n=CE.createHash(i).update(r).digest("base64"),s=na({algorithm:i,digest:n}),o=s.match(e,t);if(o||!t.error)return o;if(typeof t.size=="number"&&r.length!==t.size){let a=new Error(`data size mismatch when checking ${e}.
-  Wanted: ${t.size}
-  Found: ${r.length}`);throw a.code="EBADSIZE",a.found=r.length,a.expected=t.size,a.sri=e,a}else{let a=new Error(`Integrity checksum failed when using ${i}: Wanted ${e}, but got ${s}. (${r.length} bytes)`);throw a.code="EINTEGRITY",a.found=s,a.expected=e,a.algorithm=i,a.sri=e,a}}sa.exports.checkStream=LVe;function LVe(r,e,t){t=on(t);let i=t.Promise||Promise,n=FM(t.concat({integrity:e}));return new i((s,o)=>{r.pipe(n),r.on("error",o),n.on("error",o);let a;n.on("verified",l=>{a=l}),n.on("end",()=>s(a)),n.on("data",()=>{})})}sa.exports.integrityStream=FM;function FM(r){r=on(r);let e=r.integrity&&na(r.integrity,r),t=e&&Object.keys(e).length,i=t&&e.pickAlgorithm(r),n=t&&e[i],s=Array.from(new Set(r.algorithms.concat(i?[i]:[]))),o=s.map(CE.createHash),a=0,l=new SVe({transform(c,u,g){a+=c.length,o.forEach(f=>f.update(c,u)),g(null,c,u)}}).on("end",()=>{let c=r.options&&r.options.length?`?${r.options.join("?")}`:"",u=na(o.map((f,h)=>`${s[h]}-${f.digest("base64")}${c}`).join(" "),r),g=t&&u.match(e,r);if(typeof r.size=="number"&&a!==r.size){let f=new Error(`stream size mismatch when checking ${e}.
-  Wanted: ${r.size}
-  Found: ${a}`);f.code="EBADSIZE",f.found=a,f.expected=r.size,f.sri=e,l.emit("error",f)}else if(r.integrity&&!g){let f=new Error(`${e} integrity checksum failed when using ${i}: wanted ${n} but got ${u}. (${a} bytes)`);f.code="EINTEGRITY",f.found=u,f.expected=n,f.algorithm=i,f.sri=e,l.emit("error",f)}else l.emit("size",a),l.emit("integrity",u),g&&l.emit("verified",g)});return l}sa.exports.create=TVe;function TVe(r){r=on(r);let e=r.algorithms,t=r.options.length?`?${r.options.join("?")}`:"",i=e.map(CE.createHash);return{update:function(n,s){return i.forEach(o=>o.update(n,s)),this},digest:function(n){return e.reduce((o,a)=>{let l=i.shift().digest("base64"),c=new yl(`${a}-${l}${t}`,r);if(c.algorithm&&c.digest){let u=c.algorithm;o[u]||(o[u]=[]),o[u].push(c)}return o},new Hu)}}}var OVe=new Set(CE.getHashes()),qce=["md5","whirlpool","sha1","sha224","sha256","sha384","sha512","sha3","sha3-256","sha3-384","sha3-512","sha3_256","sha3_384","sha3_512"].filter(r=>OVe.has(r));function MVe(r,e){return qce.indexOf(r.toLowerCase())>=qce.indexOf(e.toLowerCase())?r:e}});var VC={};ut(VC,{BuildType:()=>C0,Cache:()=>Rt,Configuration:()=>ye,DEFAULT_LOCK_FILENAME:()=>jD,DEFAULT_RC_FILENAME:()=>YD,FormatType:()=>vi,InstallMode:()=>Xn,LightReport:()=>_o,LinkType:()=>lf,Manifest:()=>ot,MessageName:()=>Ct,MultiFetcher:()=>If,PackageExtensionStatus:()=>Nx,PackageExtensionType:()=>Fx,Project:()=>je,ProjectLookup:()=>zD,Report:()=>Si,ReportError:()=>at,SettingsType:()=>qD,StreamReport:()=>Ge,TAG_REGEXP:()=>wf,TelemetryManager:()=>hh,ThrowReport:()=>ti,VirtualFetcher:()=>Bf,Workspace:()=>fh,WorkspaceFetcher:()=>bf,WorkspaceResolver:()=>jr,YarnVersion:()=>Lr,execUtils:()=>Cr,folderUtils:()=>ww,formatUtils:()=>ee,hashUtils:()=>li,httpUtils:()=>Vt,miscUtils:()=>Ie,nodeUtils:()=>Cs,parseMessageName:()=>QI,scriptUtils:()=>Jt,semverUtils:()=>vt,stringifyMessageName:()=>QA,structUtils:()=>P,tgzUtils:()=>Ci,treeUtils:()=>Vn});var Cr={};ut(Cr,{EndStrategy:()=>ZD,ExecError:()=>Dw,PipeError:()=>sC,execvp:()=>KD,pipevp:()=>Yo});var Lp={};ut(Lp,{AliasFS:()=>yo,CwdFS:()=>jt,DEFAULT_COMPRESSION_LEVEL:()=>Ol,FakeFS:()=>ha,Filename:()=>xt,JailFS:()=>wo,LazyFS:()=>dg,LinkStrategy:()=>tS,NoFS:()=>Rp,NodeFS:()=>$t,PortablePath:()=>Oe,PosixFS:()=>Cg,ProxiedFS:()=>pi,VirtualFS:()=>Br,ZipFS:()=>Wr,ZipOpenFS:()=>Tn,constants:()=>xr,extendFs:()=>XE,normalizeLineEndings:()=>Tl,npath:()=>K,opendir:()=>YE,patchFs:()=>lS,ppath:()=>x,statUtils:()=>Sp,toFilename:()=>Ur,xfs:()=>M});var xr={};ut(xr,{SAFE_TIME:()=>v1,S_IFDIR:()=>Fl,S_IFLNK:()=>Ll,S_IFMT:()=>Hs,S_IFREG:()=>Nl});var Hs=61440,Fl=16384,Nl=32768,Ll=40960,v1=456789e3;var Sp={};ut(Sp,{BigIntStatsEntry:()=>fg,DEFAULT_MODE:()=>Qp,DirEntry:()=>zb,StatEntry:()=>fa,areStatsEqual:()=>Xb,clearStats:()=>LE,convertToBigIntStats:()=>TE,makeDefaultStats:()=>bp,makeEmptyStats:()=>que});var Vb=Pe(J("util"));var Qp=33188,zb=class{constructor(){this.name="";this.mode=0}isBlockDevice(){return!1}isCharacterDevice(){return!1}isDirectory(){return(this.mode&61440)===16384}isFIFO(){return!1}isFile(){return(this.mode&61440)===32768}isSocket(){return!1}isSymbolicLink(){return(this.mode&61440)===40960}},fa=class{constructor(){this.uid=0;this.gid=0;this.size=0;this.blksize=0;this.atimeMs=0;this.mtimeMs=0;this.ctimeMs=0;this.birthtimeMs=0;this.atime=new Date(0);this.mtime=new Date(0);this.ctime=new Date(0);this.birthtime=new Date(0);this.dev=0;this.ino=0;this.mode=Qp;this.nlink=1;this.rdev=0;this.blocks=1}isBlockDevice(){return!1}isCharacterDevice(){return!1}isDirectory(){return(this.mode&61440)===16384}isFIFO(){return!1}isFile(){return(this.mode&61440)===32768}isSocket(){return!1}isSymbolicLink(){return(this.mode&61440)===40960}},fg=class{constructor(){this.uid=BigInt(0);this.gid=BigInt(0);this.size=BigInt(0);this.blksize=BigInt(0);this.atimeMs=BigInt(0);this.mtimeMs=BigInt(0);this.ctimeMs=BigInt(0);this.birthtimeMs=BigInt(0);this.atimeNs=BigInt(0);this.mtimeNs=BigInt(0);this.ctimeNs=BigInt(0);this.birthtimeNs=BigInt(0);this.atime=new Date(0);this.mtime=new Date(0);this.ctime=new Date(0);this.birthtime=new Date(0);this.dev=BigInt(0);this.ino=BigInt(0);this.mode=BigInt(Qp);this.nlink=BigInt(1);this.rdev=BigInt(0);this.blocks=BigInt(1)}isBlockDevice(){return!1}isCharacterDevice(){return!1}isDirectory(){return(this.mode&BigInt(61440))===BigInt(16384)}isFIFO(){return!1}isFile(){return(this.mode&BigInt(61440))===BigInt(32768)}isSocket(){return!1}isSymbolicLink(){return(this.mode&BigInt(61440))===BigInt(40960)}};function bp(){return new fa}function que(){return LE(bp())}function LE(r){for(let e in r)if(Object.prototype.hasOwnProperty.call(r,e)){let t=r[e];typeof t=="number"?r[e]=0:typeof t=="bigint"?r[e]=BigInt(0):Vb.types.isDate(t)&&(r[e]=new Date(0))}return r}function TE(r){let e=new fg;for(let t in r)if(Object.prototype.hasOwnProperty.call(r,t)){let i=r[t];typeof i=="number"?e[t]=BigInt(i):Vb.types.isDate(i)&&(e[t]=new Date(i))}return e.atimeNs=e.atimeMs*BigInt(1e6),e.mtimeNs=e.mtimeMs*BigInt(1e6),e.ctimeNs=e.ctimeMs*BigInt(1e6),e.birthtimeNs=e.birthtimeMs*BigInt(1e6),e}function Xb(r,e){if(r.atimeMs!==e.atimeMs||r.birthtimeMs!==e.birthtimeMs||r.blksize!==e.blksize||r.blocks!==e.blocks||r.ctimeMs!==e.ctimeMs||r.dev!==e.dev||r.gid!==e.gid||r.ino!==e.ino||r.isBlockDevice()!==e.isBlockDevice()||r.isCharacterDevice()!==e.isCharacterDevice()||r.isDirectory()!==e.isDirectory()||r.isFIFO()!==e.isFIFO()||r.isFile()!==e.isFile()||r.isSocket()!==e.isSocket()||r.isSymbolicLink()!==e.isSymbolicLink()||r.mode!==e.mode||r.mtimeMs!==e.mtimeMs||r.nlink!==e.nlink||r.rdev!==e.rdev||r.size!==e.size||r.uid!==e.uid)return!1;let t=r,i=e;return!(t.atimeNs!==i.atimeNs||t.mtimeNs!==i.mtimeNs||t.ctimeNs!==i.ctimeNs||t.birthtimeNs!==i.birthtimeNs)}var ME=Pe(J("fs"));var vp=Pe(J("path"));var Oe={root:"/",dot:".",parent:".."},xt={nodeModules:"node_modules",manifest:"package.json",lockfile:"yarn.lock",virtual:"__virtual__",pnpJs:".pnp.js",pnpCjs:".pnp.cjs",rc:".yarnrc.yml"},K=Object.create(vp.default),x=Object.create(vp.default.posix);K.cwd=()=>process.cwd();x.cwd=()=>_b(process.cwd());x.resolve=(...r)=>r.length>0&&x.isAbsolute(r[0])?vp.default.posix.resolve(...r):vp.default.posix.resolve(x.cwd(),...r);var x1=function(r,e,t){return e=r.normalize(e),t=r.normalize(t),e===t?".":(e.endsWith(r.sep)||(e=e+r.sep),t.startsWith(e)?t.slice(e.length):null)};K.fromPortablePath=P1;K.toPortablePath=_b;K.contains=(r,e)=>x1(K,r,e);x.contains=(r,e)=>x1(x,r,e);var Jue=/^([a-zA-Z]:.*)$/,Wue=/^\/\/(\.\/)?(.*)$/,zue=/^\/([a-zA-Z]:.*)$/,Vue=/^\/unc\/(\.dot\/)?(.*)$/;function P1(r){if(process.platform!=="win32")return r;let e,t;if(e=r.match(zue))r=e[1];else if(t=r.match(Vue))r=`\\\\${t[1]?".\\":""}${t[2]}`;else return r;return r.replace(/\//g,"\\")}function _b(r){if(process.platform!=="win32")return r;r=r.replace(/\\/g,"/");let e,t;return(e=r.match(Jue))?r=`/${e[1]}`:(t=r.match(Wue))&&(r=`/unc/${t[1]?".dot/":""}${t[2]}`),r}function OE(r,e){return r===K?P1(e):_b(e)}function Ur(r){if(K.parse(r).dir!==""||x.parse(r).dir!=="")throw new Error(`Invalid filename: "${r}"`);return r}var KE=new Date(456789e3*1e3),tS=(t=>(t.Allow="allow",t.ReadOnly="readOnly",t))(tS||{});async function D1(r,e,t,i,n){let s=r.pathUtils.normalize(e),o=t.pathUtils.normalize(i),a=[],l=[],{atime:c,mtime:u}=n.stableTime?{atime:KE,mtime:KE}:await t.lstatPromise(o);await r.mkdirpPromise(r.pathUtils.dirname(e),{utimes:[c,u]});let g=typeof r.lutimesPromise=="function"?r.lutimesPromise.bind(r):r.utimesPromise.bind(r);await $b(a,l,g,r,s,t,o,{...n,didParentExist:!0});for(let f of a)await f();await Promise.all(l.map(f=>f()))}async function $b(r,e,t,i,n,s,o,a){var h,p;let l=a.didParentExist?await Xue(i,n):null,c=await s.lstatPromise(o),{atime:u,mtime:g}=a.stableTime?{atime:KE,mtime:KE}:c,f;switch(!0){case c.isDirectory():f=await _ue(r,e,t,i,n,l,s,o,c,a);break;case c.isFile():f=await $ue(r,e,t,i,n,l,s,o,c,a);break;case c.isSymbolicLink():f=await ege(r,e,t,i,n,l,s,o,c,a);break;default:throw new Error(`Unsupported file type (${c.mode})`)}return(f||((h=l==null?void 0:l.mtime)==null?void 0:h.getTime())!==g.getTime()||((p=l==null?void 0:l.atime)==null?void 0:p.getTime())!==u.getTime())&&(e.push(()=>t(n,u,g)),f=!0),(l===null||(l.mode&511)!==(c.mode&511))&&(e.push(()=>i.chmodPromise(n,c.mode&511)),f=!0),f}async function Xue(r,e){try{return await r.lstatPromise(e)}catch{return null}}async function _ue(r,e,t,i,n,s,o,a,l,c){if(s!==null&&!s.isDirectory())if(c.overwrite)r.push(async()=>i.removePromise(n)),s=null;else return!1;let u=!1;s===null&&(r.push(async()=>{try{await i.mkdirPromise(n,{mode:l.mode})}catch(h){if(h.code!=="EEXIST")throw h}}),u=!0);let g=await o.readdirPromise(a),f=c.didParentExist&&!s?{...c,didParentExist:!1}:c;if(c.stableSort)for(let h of g.sort())await $b(r,e,t,i,i.pathUtils.join(n,h),o,o.pathUtils.join(a,h),f)&&(u=!0);else(await Promise.all(g.map(async p=>{await $b(r,e,t,i,i.pathUtils.join(n,p),o,o.pathUtils.join(a,p),f)}))).some(p=>p)&&(u=!0);return u}var Zb=new WeakMap;function eS(r,e,t,i,n){return async()=>{await r.linkPromise(t,e),n==="readOnly"&&(i.mode&=-147,await r.chmodPromise(e,i.mode))}}function Zue(r,e,t,i,n){let s=Zb.get(r);return typeof s>"u"?async()=>{try{await r.copyFilePromise(t,e,ME.default.constants.COPYFILE_FICLONE_FORCE),Zb.set(r,!0)}catch(o){if(o.code==="ENOSYS"||o.code==="ENOTSUP")Zb.set(r,!1),await eS(r,e,t,i,n)();else throw o}}:s?async()=>r.copyFilePromise(t,e,ME.default.constants.COPYFILE_FICLONE_FORCE):eS(r,e,t,i,n)}async function $ue(r,e,t,i,n,s,o,a,l,c){var f;if(s!==null)if(c.overwrite)r.push(async()=>i.removePromise(n)),s=null;else return!1;let u=(f=c.linkStrategy)!=null?f:null,g=i===o?u!==null?Zue(i,n,a,l,u):async()=>i.copyFilePromise(a,n,ME.default.constants.COPYFILE_FICLONE):u!==null?eS(i,n,a,l,u):async()=>i.writeFilePromise(n,await o.readFilePromise(a));return r.push(async()=>g()),!0}async function ege(r,e,t,i,n,s,o,a,l,c){if(s!==null)if(c.overwrite)r.push(async()=>i.removePromise(n)),s=null;else return!1;return r.push(async()=>{await i.symlinkPromise(OE(i.pathUtils,await o.readlinkPromise(a)),n)}),!0}function is(r,e){return Object.assign(new Error(`${r}: ${e}`),{code:r})}function HE(r){return is("EBUSY",r)}function xp(r,e){return is("ENOSYS",`${r}, ${e}`)}function mA(r){return is("EINVAL",`invalid argument, ${r}`)}function Hr(r){return is("EBADF",`bad file descriptor, ${r}`)}function Gs(r){return is("ENOENT",`no such file or directory, ${r}`)}function Io(r){return is("ENOTDIR",`not a directory, ${r}`)}function Pp(r){return is("EISDIR",`illegal operation on a directory, ${r}`)}function GE(r){return is("EEXIST",`file already exists, ${r}`)}function ln(r){return is("EROFS",`read-only filesystem, ${r}`)}function k1(r){return is("ENOTEMPTY",`directory not empty, ${r}`)}function R1(r){return is("EOPNOTSUPP",`operation not supported, ${r}`)}function F1(){return is("ERR_DIR_CLOSED","Directory handle was closed")}var UE=class extends Error{constructor(t,i){super(t);this.name="Libzip Error",this.code=i}};var iS=class{constructor(e,t,i={}){this.path=e;this.nextDirent=t;this.opts=i;this.closed=!1}throwIfClosed(){if(this.closed)throw F1()}async*[Symbol.asyncIterator](){try{let e;for(;(e=await this.read())!==null;)yield e}finally{await this.close()}}read(e){let t=this.readSync();return typeof e<"u"?e(null,t):Promise.resolve(t)}readSync(){return this.throwIfClosed(),this.nextDirent()}close(e){return this.closeSync(),typeof e<"u"?e(null):Promise.resolve()}closeSync(){var e,t;this.throwIfClosed(),(t=(e=this.opts).onClose)==null||t.call(e),this.closed=!0}};function YE(r,e,t,i){let n=()=>{let s=t.shift();return typeof s>"u"?null:Object.assign(r.statSync(r.pathUtils.join(e,s)),{name:s})};return new iS(e,n,i)}var N1=J("os");var ha=class{constructor(e){this.pathUtils=e}async*genTraversePromise(e,{stableSort:t=!1}={}){let i=[e];for(;i.length>0;){let n=i.shift();if((await this.lstatPromise(n)).isDirectory()){let o=await this.readdirPromise(n);if(t)for(let a of o.sort())i.push(this.pathUtils.join(n,a));else throw new Error("Not supported")}else yield n}}async removePromise(e,{recursive:t=!0,maxRetries:i=5}={}){let n;try{n=await this.lstatPromise(e)}catch(s){if(s.code==="ENOENT")return;throw s}if(n.isDirectory()){if(t){let s=await this.readdirPromise(e);await Promise.all(s.map(o=>this.removePromise(this.pathUtils.resolve(e,o))))}for(let s=0;s<=i;s++)try{await this.rmdirPromise(e);break}catch(o){if(o.code!=="EBUSY"&&o.code!=="ENOTEMPTY")throw o;s<i&&await new Promise(a=>setTimeout(a,s*100))}}else await this.unlinkPromise(e)}removeSync(e,{recursive:t=!0}={}){let i;try{i=this.lstatSync(e)}catch(n){if(n.code==="ENOENT")return;throw n}if(i.isDirectory()){if(t)for(let n of this.readdirSync(e))this.removeSync(this.pathUtils.resolve(e,n));this.rmdirSync(e)}else this.unlinkSync(e)}async mkdirpPromise(e,{chmod:t,utimes:i}={}){if(e=this.resolve(e),e===this.pathUtils.dirname(e))return;let n=e.split(this.pathUtils.sep),s;for(let o=2;o<=n.length;++o){let a=n.slice(0,o).join(this.pathUtils.sep);if(!this.existsSync(a)){try{await this.mkdirPromise(a)}catch(l){if(l.code==="EEXIST")continue;throw l}if(s!=null||(s=a),t!=null&&await this.chmodPromise(a,t),i!=null)await this.utimesPromise(a,i[0],i[1]);else{let l=await this.statPromise(this.pathUtils.dirname(a));await this.utimesPromise(a,l.atime,l.mtime)}}}return s}mkdirpSync(e,{chmod:t,utimes:i}={}){if(e=this.resolve(e),e===this.pathUtils.dirname(e))return;let n=e.split(this.pathUtils.sep),s;for(let o=2;o<=n.length;++o){let a=n.slice(0,o).join(this.pathUtils.sep);if(!this.existsSync(a)){try{this.mkdirSync(a)}catch(l){if(l.code==="EEXIST")continue;throw l}if(s!=null||(s=a),t!=null&&this.chmodSync(a,t),i!=null)this.utimesSync(a,i[0],i[1]);else{let l=this.statSync(this.pathUtils.dirname(a));this.utimesSync(a,l.atime,l.mtime)}}}return s}async copyPromise(e,t,{baseFs:i=this,overwrite:n=!0,stableSort:s=!1,stableTime:o=!1,linkStrategy:a=null}={}){return await D1(this,e,i,t,{overwrite:n,stableSort:s,stableTime:o,linkStrategy:a})}copySync(e,t,{baseFs:i=this,overwrite:n=!0}={}){let s=i.lstatSync(t),o=this.existsSync(e);if(s.isDirectory()){this.mkdirpSync(e);let l=i.readdirSync(t);for(let c of l)this.copySync(this.pathUtils.join(e,c),i.pathUtils.join(t,c),{baseFs:i,overwrite:n})}else if(s.isFile()){if(!o||n){o&&this.removeSync(e);let l=i.readFileSync(t);this.writeFileSync(e,l)}}else if(s.isSymbolicLink()){if(!o||n){o&&this.removeSync(e);let l=i.readlinkSync(t);this.symlinkSync(OE(this.pathUtils,l),e)}}else throw new Error(`Unsupported file type (file: ${t}, mode: 0o${s.mode.toString(8).padStart(6,"0")})`);let a=s.mode&511;this.chmodSync(e,a)}async changeFilePromise(e,t,i={}){return Buffer.isBuffer(t)?this.changeFileBufferPromise(e,t,i):this.changeFileTextPromise(e,t,i)}async changeFileBufferPromise(e,t,{mode:i}={}){let n=Buffer.alloc(0);try{n=await this.readFilePromise(e)}catch{}Buffer.compare(n,t)!==0&&await this.writeFilePromise(e,t,{mode:i})}async changeFileTextPromise(e,t,{automaticNewlines:i,mode:n}={}){let s="";try{s=await this.readFilePromise(e,"utf8")}catch{}let o=i?Tl(s,t):t;s!==o&&await this.writeFilePromise(e,o,{mode:n})}changeFileSync(e,t,i={}){return Buffer.isBuffer(t)?this.changeFileBufferSync(e,t,i):this.changeFileTextSync(e,t,i)}changeFileBufferSync(e,t,{mode:i}={}){let n=Buffer.alloc(0);try{n=this.readFileSync(e)}catch{}Buffer.compare(n,t)!==0&&this.writeFileSync(e,t,{mode:i})}changeFileTextSync(e,t,{automaticNewlines:i=!1,mode:n}={}){let s="";try{s=this.readFileSync(e,"utf8")}catch{}let o=i?Tl(s,t):t;s!==o&&this.writeFileSync(e,o,{mode:n})}async movePromise(e,t){try{await this.renamePromise(e,t)}catch(i){if(i.code==="EXDEV")await this.copyPromise(t,e),await this.removePromise(e);else throw i}}moveSync(e,t){try{this.renameSync(e,t)}catch(i){if(i.code==="EXDEV")this.copySync(t,e),this.removeSync(e);else throw i}}async lockPromise(e,t){let i=`${e}.flock`,n=1e3/60,s=Date.now(),o=null,a=async()=>{let l;try{[l]=await this.readJsonPromise(i)}catch{return Date.now()-s<500}try{return process.kill(l,0),!0}catch{return!1}};for(;o===null;)try{o=await this.openPromise(i,"wx")}catch(l){if(l.code==="EEXIST"){if(!await a())try{await this.unlinkPromise(i);continue}catch{}if(Date.now()-s<60*1e3)await new Promise(c=>setTimeout(c,n));else throw new Error(`Couldn't acquire a lock in a reasonable time (via ${i})`)}else throw l}await this.writePromise(o,JSON.stringify([process.pid]));try{return await t()}finally{try{await this.closePromise(o),await this.unlinkPromise(i)}catch{}}}async readJsonPromise(e){let t=await this.readFilePromise(e,"utf8");try{return JSON.parse(t)}catch(i){throw i.message+=` (in ${e})`,i}}readJsonSync(e){let t=this.readFileSync(e,"utf8");try{return JSON.parse(t)}catch(i){throw i.message+=` (in ${e})`,i}}async writeJsonPromise(e,t){return await this.writeFilePromise(e,`${JSON.stringify(t,null,2)}
-`)}writeJsonSync(e,t){return this.writeFileSync(e,`${JSON.stringify(t,null,2)}
-`)}async preserveTimePromise(e,t){let i=await this.lstatPromise(e),n=await t();typeof n<"u"&&(e=n),this.lutimesPromise?await this.lutimesPromise(e,i.atime,i.mtime):i.isSymbolicLink()||await this.utimesPromise(e,i.atime,i.mtime)}async preserveTimeSync(e,t){let i=this.lstatSync(e),n=t();typeof n<"u"&&(e=n),this.lutimesSync?this.lutimesSync(e,i.atime,i.mtime):i.isSymbolicLink()||this.utimesSync(e,i.atime,i.mtime)}},EA=class extends ha{constructor(){super(x)}};function tge(r){let e=r.match(/\r?\n/g);if(e===null)return N1.EOL;let t=e.filter(n=>n===`\r
-`).length,i=e.length-t;return t>i?`\r
-`:`
-`}function Tl(r,e){return e.replace(/\r?\n/g,tge(r))}var pg=J("fs"),sS=J("stream"),M1=J("util"),oS=Pe(J("zlib"));var L1=Pe(J("fs"));var $t=class extends EA{constructor(t=L1.default){super();this.realFs=t,typeof this.realFs.lutimes<"u"&&(this.lutimesPromise=this.lutimesPromiseImpl,this.lutimesSync=this.lutimesSyncImpl)}getExtractHint(){return!1}getRealPath(){return Oe.root}resolve(t){return x.resolve(t)}async openPromise(t,i,n){return await new Promise((s,o)=>{this.realFs.open(K.fromPortablePath(t),i,n,this.makeCallback(s,o))})}openSync(t,i,n){return this.realFs.openSync(K.fromPortablePath(t),i,n)}async opendirPromise(t,i){return await new Promise((n,s)=>{typeof i<"u"?this.realFs.opendir(K.fromPortablePath(t),i,this.makeCallback(n,s)):this.realFs.opendir(K.fromPortablePath(t),this.makeCallback(n,s))}).then(n=>Object.defineProperty(n,"path",{value:t,configurable:!0,writable:!0}))}opendirSync(t,i){let n=typeof i<"u"?this.realFs.opendirSync(K.fromPortablePath(t),i):this.realFs.opendirSync(K.fromPortablePath(t));return Object.defineProperty(n,"path",{value:t,configurable:!0,writable:!0})}async readPromise(t,i,n=0,s=0,o=-1){return await new Promise((a,l)=>{this.realFs.read(t,i,n,s,o,(c,u)=>{c?l(c):a(u)})})}readSync(t,i,n,s,o){return this.realFs.readSync(t,i,n,s,o)}async writePromise(t,i,n,s,o){return await new Promise((a,l)=>typeof i=="string"?this.realFs.write(t,i,n,this.makeCallback(a,l)):this.realFs.write(t,i,n,s,o,this.makeCallback(a,l)))}writeSync(t,i,n,s,o){return typeof i=="string"?this.realFs.writeSync(t,i,n):this.realFs.writeSync(t,i,n,s,o)}async closePromise(t){await new Promise((i,n)=>{this.realFs.close(t,this.makeCallback(i,n))})}closeSync(t){this.realFs.closeSync(t)}createReadStream(t,i){let n=t!==null?K.fromPortablePath(t):t;return this.realFs.createReadStream(n,i)}createWriteStream(t,i){let n=t!==null?K.fromPortablePath(t):t;return this.realFs.createWriteStream(n,i)}async realpathPromise(t){return await new Promise((i,n)=>{this.realFs.realpath(K.fromPortablePath(t),{},this.makeCallback(i,n))}).then(i=>K.toPortablePath(i))}realpathSync(t){return K.toPortablePath(this.realFs.realpathSync(K.fromPortablePath(t),{}))}async existsPromise(t){return await new Promise(i=>{this.realFs.exists(K.fromPortablePath(t),i)})}accessSync(t,i){return this.realFs.accessSync(K.fromPortablePath(t),i)}async accessPromise(t,i){return await new Promise((n,s)=>{this.realFs.access(K.fromPortablePath(t),i,this.makeCallback(n,s))})}existsSync(t){return this.realFs.existsSync(K.fromPortablePath(t))}async statPromise(t,i){return await new Promise((n,s)=>{i?this.realFs.stat(K.fromPortablePath(t),i,this.makeCallback(n,s)):this.realFs.stat(K.fromPortablePath(t),this.makeCallback(n,s))})}statSync(t,i){return i?this.realFs.statSync(K.fromPortablePath(t),i):this.realFs.statSync(K.fromPortablePath(t))}async fstatPromise(t,i){return await new Promise((n,s)=>{i?this.realFs.fstat(t,i,this.makeCallback(n,s)):this.realFs.fstat(t,this.makeCallback(n,s))})}fstatSync(t,i){return i?this.realFs.fstatSync(t,i):this.realFs.fstatSync(t)}async lstatPromise(t,i){return await new Promise((n,s)=>{i?this.realFs.lstat(K.fromPortablePath(t),i,this.makeCallback(n,s)):this.realFs.lstat(K.fromPortablePath(t),this.makeCallback(n,s))})}lstatSync(t,i){return i?this.realFs.lstatSync(K.fromPortablePath(t),i):this.realFs.lstatSync(K.fromPortablePath(t))}async fchmodPromise(t,i){return await new Promise((n,s)=>{this.realFs.fchmod(t,i,this.makeCallback(n,s))})}fchmodSync(t,i){return this.realFs.fchmodSync(t,i)}async chmodPromise(t,i){return await new Promise((n,s)=>{this.realFs.chmod(K.fromPortablePath(t),i,this.makeCallback(n,s))})}chmodSync(t,i){return this.realFs.chmodSync(K.fromPortablePath(t),i)}async fchownPromise(t,i,n){return await new Promise((s,o)=>{this.realFs.fchown(t,i,n,this.makeCallback(s,o))})}fchownSync(t,i,n){return this.realFs.fchownSync(t,i,n)}async chownPromise(t,i,n){return await new Promise((s,o)=>{this.realFs.chown(K.fromPortablePath(t),i,n,this.makeCallback(s,o))})}chownSync(t,i,n){return this.realFs.chownSync(K.fromPortablePath(t),i,n)}async renamePromise(t,i){return await new Promise((n,s)=>{this.realFs.rename(K.fromPortablePath(t),K.fromPortablePath(i),this.makeCallback(n,s))})}renameSync(t,i){return this.realFs.renameSync(K.fromPortablePath(t),K.fromPortablePath(i))}async copyFilePromise(t,i,n=0){return await new Promise((s,o)=>{this.realFs.copyFile(K.fromPortablePath(t),K.fromPortablePath(i),n,this.makeCallback(s,o))})}copyFileSync(t,i,n=0){return this.realFs.copyFileSync(K.fromPortablePath(t),K.fromPortablePath(i),n)}async appendFilePromise(t,i,n){return await new Promise((s,o)=>{let a=typeof t=="string"?K.fromPortablePath(t):t;n?this.realFs.appendFile(a,i,n,this.makeCallback(s,o)):this.realFs.appendFile(a,i,this.makeCallback(s,o))})}appendFileSync(t,i,n){let s=typeof t=="string"?K.fromPortablePath(t):t;n?this.realFs.appendFileSync(s,i,n):this.realFs.appendFileSync(s,i)}async writeFilePromise(t,i,n){return await new Promise((s,o)=>{let a=typeof t=="string"?K.fromPortablePath(t):t;n?this.realFs.writeFile(a,i,n,this.makeCallback(s,o)):this.realFs.writeFile(a,i,this.makeCallback(s,o))})}writeFileSync(t,i,n){let s=typeof t=="string"?K.fromPortablePath(t):t;n?this.realFs.writeFileSync(s,i,n):this.realFs.writeFileSync(s,i)}async unlinkPromise(t){return await new Promise((i,n)=>{this.realFs.unlink(K.fromPortablePath(t),this.makeCallback(i,n))})}unlinkSync(t){return this.realFs.unlinkSync(K.fromPortablePath(t))}async utimesPromise(t,i,n){return await new Promise((s,o)=>{this.realFs.utimes(K.fromPortablePath(t),i,n,this.makeCallback(s,o))})}utimesSync(t,i,n){this.realFs.utimesSync(K.fromPortablePath(t),i,n)}async lutimesPromiseImpl(t,i,n){let s=this.realFs.lutimes;if(typeof s>"u")throw xp("unavailable Node binding",`lutimes '${t}'`);return await new Promise((o,a)=>{s.call(this.realFs,K.fromPortablePath(t),i,n,this.makeCallback(o,a))})}lutimesSyncImpl(t,i,n){let s=this.realFs.lutimesSync;if(typeof s>"u")throw xp("unavailable Node binding",`lutimes '${t}'`);s.call(this.realFs,K.fromPortablePath(t),i,n)}async mkdirPromise(t,i){return await new Promise((n,s)=>{this.realFs.mkdir(K.fromPortablePath(t),i,this.makeCallback(n,s))})}mkdirSync(t,i){return this.realFs.mkdirSync(K.fromPortablePath(t),i)}async rmdirPromise(t,i){return await new Promise((n,s)=>{i?this.realFs.rmdir(K.fromPortablePath(t),i,this.makeCallback(n,s)):this.realFs.rmdir(K.fromPortablePath(t),this.makeCallback(n,s))})}rmdirSync(t,i){return this.realFs.rmdirSync(K.fromPortablePath(t),i)}async linkPromise(t,i){return await new Promise((n,s)=>{this.realFs.link(K.fromPortablePath(t),K.fromPortablePath(i),this.makeCallback(n,s))})}linkSync(t,i){return this.realFs.linkSync(K.fromPortablePath(t),K.fromPortablePath(i))}async symlinkPromise(t,i,n){return await new Promise((s,o)=>{this.realFs.symlink(K.fromPortablePath(t.replace(/\/+$/,"")),K.fromPortablePath(i),n,this.makeCallback(s,o))})}symlinkSync(t,i,n){return this.realFs.symlinkSync(K.fromPortablePath(t.replace(/\/+$/,"")),K.fromPortablePath(i),n)}async readFilePromise(t,i){return await new Promise((n,s)=>{let o=typeof t=="string"?K.fromPortablePath(t):t;this.realFs.readFile(o,i,this.makeCallback(n,s))})}readFileSync(t,i){let n=typeof t=="string"?K.fromPortablePath(t):t;return this.realFs.readFileSync(n,i)}async readdirPromise(t,i){return await new Promise((n,s)=>{i!=null&&i.withFileTypes?this.realFs.readdir(K.fromPortablePath(t),{withFileTypes:!0},this.makeCallback(n,s)):this.realFs.readdir(K.fromPortablePath(t),this.makeCallback(o=>n(o),s))})}readdirSync(t,i){return i!=null&&i.withFileTypes?this.realFs.readdirSync(K.fromPortablePath(t),{withFileTypes:!0}):this.realFs.readdirSync(K.fromPortablePath(t))}async readlinkPromise(t){return await new Promise((i,n)=>{this.realFs.readlink(K.fromPortablePath(t),this.makeCallback(i,n))}).then(i=>K.toPortablePath(i))}readlinkSync(t){return K.toPortablePath(this.realFs.readlinkSync(K.fromPortablePath(t)))}async truncatePromise(t,i){return await new Promise((n,s)=>{this.realFs.truncate(K.fromPortablePath(t),i,this.makeCallback(n,s))})}truncateSync(t,i){return this.realFs.truncateSync(K.fromPortablePath(t),i)}async ftruncatePromise(t,i){return await new Promise((n,s)=>{this.realFs.ftruncate(t,i,this.makeCallback(n,s))})}ftruncateSync(t,i){return this.realFs.ftruncateSync(t,i)}watch(t,i,n){return this.realFs.watch(K.fromPortablePath(t),i,n)}watchFile(t,i,n){return this.realFs.watchFile(K.fromPortablePath(t),i,n)}unwatchFile(t,i){return this.realFs.unwatchFile(K.fromPortablePath(t),i)}makeCallback(t,i){return(n,s)=>{n?i(n):t(s)}}};var O1=J("events");function T1(r,e){if(r!==e)throw new Error(`Invalid StatWatcher status: expected '${e}', got '${r}'`)}var hg=class extends O1.EventEmitter{constructor(t,i,{bigint:n=!1}={}){super();this.status="ready";this.changeListeners=new Map;this.startTimeout=null;this.fakeFs=t,this.path=i,this.bigint=n,this.lastStats=this.stat()}static create(t,i,n){let s=new hg(t,i,n);return s.start(),s}start(){T1(this.status,"ready"),this.status="running",this.startTimeout=setTimeout(()=>{this.startTimeout=null,this.fakeFs.existsSync(this.path)||this.emit("change",this.lastStats,this.lastStats)},3)}stop(){T1(this.status,"running"),this.status="stopped",this.startTimeout!==null&&(clearTimeout(this.startTimeout),this.startTimeout=null),this.emit("stop")}stat(){try{return this.fakeFs.statSync(this.path,{bigint:this.bigint})}catch{let i=this.bigint?new fg:new fa;return LE(i)}}makeInterval(t){let i=setInterval(()=>{let n=this.stat(),s=this.lastStats;Xb(n,s)||(this.lastStats=n,this.emit("change",n,s))},t.interval);return t.persistent?i:i.unref()}registerChangeListener(t,i){this.addListener("change",t),this.changeListeners.set(t,this.makeInterval(i))}unregisterChangeListener(t){this.removeListener("change",t);let i=this.changeListeners.get(t);typeof i<"u"&&clearInterval(i),this.changeListeners.delete(t)}unregisterAllChangeListeners(){for(let t of this.changeListeners.keys())this.unregisterChangeListener(t)}hasChangeListeners(){return this.changeListeners.size>0}ref(){for(let t of this.changeListeners.values())t.ref();return this}unref(){for(let t of this.changeListeners.values())t.unref();return this}};var jE=new WeakMap;function qE(r,e,t,i){let n,s,o,a;switch(typeof t){case"function":n=!1,s=!0,o=5007,a=t;break;default:({bigint:n=!1,persistent:s=!0,interval:o=5007}=t),a=i;break}let l=jE.get(r);typeof l>"u"&&jE.set(r,l=new Map);let c=l.get(e);return typeof c>"u"&&(c=hg.create(r,e,{bigint:n}),l.set(e,c)),c.registerChangeListener(a,{persistent:s,interval:o}),c}function Dp(r,e,t){let i=jE.get(r);if(typeof i>"u")return;let n=i.get(e);typeof n>"u"||(typeof t>"u"?n.unregisterAllChangeListeners():n.unregisterChangeListener(t),n.hasChangeListeners()||(n.stop(),i.delete(e)))}function kp(r){let e=jE.get(r);if(!(typeof e>"u"))for(let t of e.keys())Dp(r,t)}var Ol="mixed";function rge(r){if(typeof r=="string"&&String(+r)===r)return+r;if(Number.isFinite(r))return r<0?Date.now()/1e3:r;if(M1.types.isDate(r))return r.getTime()/1e3;throw new Error("Invalid time")}function nS(){return Buffer.from([80,75,5,6,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0])}var Wr=class extends EA{constructor(t,i){super();this.lzSource=null;this.listings=new Map;this.entries=new Map;this.fileSources=new Map;this.fds=new Map;this.nextFd=0;this.ready=!1;this.readOnly=!1;this.libzip=i.libzip;let n=i;if(this.level=typeof n.level<"u"?n.level:Ol,t!=null||(t=nS()),typeof t=="string"){let{baseFs:a=new $t}=n;this.baseFs=a,this.path=t}else this.path=null,this.baseFs=null;if(i.stats)this.stats=i.stats;else if(typeof t=="string")try{this.stats=this.baseFs.statSync(t)}catch(a){if(a.code==="ENOENT"&&n.create)this.stats=bp();else throw a}else this.stats=bp();let s=this.libzip.malloc(4);try{let a=0;if(typeof t=="string"&&n.create&&(a|=this.libzip.ZIP_CREATE|this.libzip.ZIP_TRUNCATE),i.readOnly&&(a|=this.libzip.ZIP_RDONLY,this.readOnly=!0),typeof t=="string")this.zip=this.libzip.open(K.fromPortablePath(t),a,s);else{let l=this.allocateUnattachedSource(t);try{this.zip=this.libzip.openFromSource(l,a,s),this.lzSource=l}catch(c){throw this.libzip.source.free(l),c}}if(this.zip===0){let l=this.libzip.struct.errorS();throw this.libzip.error.initWithCode(l,this.libzip.getValue(s,"i32")),this.makeLibzipError(l)}}finally{this.libzip.free(s)}this.listings.set(Oe.root,new Set);let o=this.libzip.getNumEntries(this.zip,0);for(let a=0;a<o;++a){let l=this.libzip.getName(this.zip,a,0);if(x.isAbsolute(l))continue;let c=x.resolve(Oe.root,l);this.registerEntry(c,a),l.endsWith("/")&&this.registerListing(c)}if(this.symlinkCount=this.libzip.ext.countSymlinks(this.zip),this.symlinkCount===-1)throw this.makeLibzipError(this.libzip.getError(this.zip));this.ready=!0}makeLibzipError(t){let i=this.libzip.struct.errorCodeZip(t),n=this.libzip.error.strerror(t),s=new UE(n,this.libzip.errors[i]);if(i===this.libzip.errors.ZIP_ER_CHANGED)throw new Error(`Assertion failed: Unexpected libzip error: ${s.message}`);return s}getExtractHint(t){for(let i of this.entries.keys()){let n=this.pathUtils.extname(i);if(t.relevantExtensions.has(n))return!0}return!1}getAllFiles(){return Array.from(this.entries.keys())}getRealPath(){if(!this.path)throw new Error("ZipFS don't have real paths when loaded from a buffer");return this.path}getBufferAndClose(){if(this.prepareClose(),!this.lzSource)throw new Error("ZipFS was not created from a Buffer");if(this.entries.size===0)return this.discardAndClose(),nS();try{if(this.libzip.source.keep(this.lzSource),this.libzip.close(this.zip)===-1)throw this.makeLibzipError(this.libzip.getError(this.zip));if(this.libzip.source.open(this.lzSource)===-1)throw this.makeLibzipError(this.libzip.source.error(this.lzSource));if(this.libzip.source.seek(this.lzSource,0,0,this.libzip.SEEK_END)===-1)throw this.makeLibzipError(this.libzip.source.error(this.lzSource));let t=this.libzip.source.tell(this.lzSource);if(t===-1)throw this.makeLibzipError(this.libzip.source.error(this.lzSource));if(this.libzip.source.seek(this.lzSource,0,0,this.libzip.SEEK_SET)===-1)throw this.makeLibzipError(this.libzip.source.error(this.lzSource));let i=this.libzip.malloc(t);if(!i)throw new Error("Couldn't allocate enough memory");try{let n=this.libzip.source.read(this.lzSource,i,t);if(n===-1)throw this.makeLibzipError(this.libzip.source.error(this.lzSource));if(n<t)throw new Error("Incomplete read");if(n>t)throw new Error("Overread");let s=this.libzip.HEAPU8.subarray(i,i+t);return Buffer.from(s)}finally{this.libzip.free(i)}}finally{this.libzip.source.close(this.lzSource),this.libzip.source.free(this.lzSource),this.ready=!1}}prepareClose(){if(!this.ready)throw HE("archive closed, close");kp(this)}saveAndClose(){if(!this.path||!this.baseFs)throw new Error("ZipFS cannot be saved and must be discarded when loaded from a buffer");if(this.prepareClose(),this.readOnly){this.discardAndClose();return}let t=this.baseFs.existsSync(this.path)||this.stats.mode===Qp?void 0:this.stats.mode;if(this.entries.size===0)this.discardAndClose(),this.baseFs.writeFileSync(this.path,nS(),{mode:t});else{if(this.libzip.close(this.zip)===-1)throw this.makeLibzipError(this.libzip.getError(this.zip));typeof t<"u"&&this.baseFs.chmodSync(this.path,t)}this.ready=!1}discardAndClose(){this.prepareClose(),this.libzip.discard(this.zip),this.ready=!1}resolve(t){return x.resolve(Oe.root,t)}async openPromise(t,i,n){return this.openSync(t,i,n)}openSync(t,i,n){let s=this.nextFd++;return this.fds.set(s,{cursor:0,p:t}),s}hasOpenFileHandles(){return!!this.fds.size}async opendirPromise(t,i){return this.opendirSync(t,i)}opendirSync(t,i={}){let n=this.resolveFilename(`opendir '${t}'`,t);if(!this.entries.has(n)&&!this.listings.has(n))throw Gs(`opendir '${t}'`);let s=this.listings.get(n);if(!s)throw Io(`opendir '${t}'`);let o=[...s],a=this.openSync(n,"r");return YE(this,n,o,{onClose:()=>{this.closeSync(a)}})}async readPromise(t,i,n,s,o){return this.readSync(t,i,n,s,o)}readSync(t,i,n=0,s=i.byteLength,o=-1){let a=this.fds.get(t);if(typeof a>"u")throw Hr("read");let l=o===-1||o===null?a.cursor:o,c=this.readFileSync(a.p);c.copy(i,n,l,l+s);let u=Math.max(0,Math.min(c.length-l,s));return(o===-1||o===null)&&(a.cursor+=u),u}async writePromise(t,i,n,s,o){return typeof i=="string"?this.writeSync(t,i,o):this.writeSync(t,i,n,s,o)}writeSync(t,i,n,s,o){throw typeof this.fds.get(t)>"u"?Hr("read"):new Error("Unimplemented")}async closePromise(t){return this.closeSync(t)}closeSync(t){if(typeof this.fds.get(t)>"u")throw Hr("read");this.fds.delete(t)}createReadStream(t,{encoding:i}={}){if(t===null)throw new Error("Unimplemented");let n=this.openSync(t,"r"),s=Object.assign(new sS.PassThrough({emitClose:!0,autoDestroy:!0,destroy:(a,l)=>{clearImmediate(o),this.closeSync(n),l(a)}}),{close(){s.destroy()},bytesRead:0,path:t}),o=setImmediate(async()=>{try{let a=await this.readFilePromise(t,i);s.bytesRead=a.length,s.end(a)}catch(a){s.destroy(a)}});return s}createWriteStream(t,{encoding:i}={}){if(this.readOnly)throw ln(`open '${t}'`);if(t===null)throw new Error("Unimplemented");let n=[],s=this.openSync(t,"w"),o=Object.assign(new sS.PassThrough({autoDestroy:!0,emitClose:!0,destroy:(a,l)=>{try{a?l(a):(this.writeFileSync(t,Buffer.concat(n),i),l(null))}catch(c){l(c)}finally{this.closeSync(s)}}}),{bytesWritten:0,path:t,close(){o.destroy()}});return o.on("data",a=>{let l=Buffer.from(a);o.bytesWritten+=l.length,n.push(l)}),o}async realpathPromise(t){return this.realpathSync(t)}realpathSync(t){let i=this.resolveFilename(`lstat '${t}'`,t);if(!this.entries.has(i)&&!this.listings.has(i))throw Gs(`lstat '${t}'`);return i}async existsPromise(t){return this.existsSync(t)}existsSync(t){if(!this.ready)throw HE(`archive closed, existsSync '${t}'`);if(this.symlinkCount===0){let n=x.resolve(Oe.root,t);return this.entries.has(n)||this.listings.has(n)}let i;try{i=this.resolveFilename(`stat '${t}'`,t,void 0,!1)}catch{return!1}return i===void 0?!1:this.entries.has(i)||this.listings.has(i)}async accessPromise(t,i){return this.accessSync(t,i)}accessSync(t,i=pg.constants.F_OK){let n=this.resolveFilename(`access '${t}'`,t);if(!this.entries.has(n)&&!this.listings.has(n))throw Gs(`access '${t}'`);if(this.readOnly&&i&pg.constants.W_OK)throw ln(`access '${t}'`)}async statPromise(t,i={bigint:!1}){return i.bigint?this.statSync(t,{bigint:!0}):this.statSync(t)}statSync(t,i={bigint:!1,throwIfNoEntry:!0}){let n=this.resolveFilename(`stat '${t}'`,t,void 0,i.throwIfNoEntry);if(n!==void 0){if(!this.entries.has(n)&&!this.listings.has(n)){if(i.throwIfNoEntry===!1)return;throw Gs(`stat '${t}'`)}if(t[t.length-1]==="/"&&!this.listings.has(n))throw Io(`stat '${t}'`);return this.statImpl(`stat '${t}'`,n,i)}}async fstatPromise(t,i){return this.fstatSync(t,i)}fstatSync(t,i){let n=this.fds.get(t);if(typeof n>"u")throw Hr("fstatSync");let{p:s}=n,o=this.resolveFilename(`stat '${s}'`,s);if(!this.entries.has(o)&&!this.listings.has(o))throw Gs(`stat '${s}'`);if(s[s.length-1]==="/"&&!this.listings.has(o))throw Io(`stat '${s}'`);return this.statImpl(`fstat '${s}'`,o,i)}async lstatPromise(t,i={bigint:!1}){return i.bigint?this.lstatSync(t,{bigint:!0}):this.lstatSync(t)}lstatSync(t,i={bigint:!1,throwIfNoEntry:!0}){let n=this.resolveFilename(`lstat '${t}'`,t,!1,i.throwIfNoEntry);if(n!==void 0){if(!this.entries.has(n)&&!this.listings.has(n)){if(i.throwIfNoEntry===!1)return;throw Gs(`lstat '${t}'`)}if(t[t.length-1]==="/"&&!this.listings.has(n))throw Io(`lstat '${t}'`);return this.statImpl(`lstat '${t}'`,n,i)}}statImpl(t,i,n={}){let s=this.entries.get(i);if(typeof s<"u"){let o=this.libzip.struct.statS();if(this.libzip.statIndex(this.zip,s,0,0,o)===-1)throw this.makeLibzipError(this.libzip.getError(this.zip));let l=this.stats.uid,c=this.stats.gid,u=this.libzip.struct.statSize(o)>>>0,g=512,f=Math.ceil(u/g),h=(this.libzip.struct.statMtime(o)>>>0)*1e3,p=h,C=h,y=h,B=new Date(p),v=new Date(C),D=new Date(y),L=new Date(h),H=this.listings.has(i)?16384:this.isSymbolicLink(s)?40960:32768,j=H===16384?493:420,$=H|this.getUnixMode(s,j)&511,V=this.libzip.struct.statCrc(o),W=Object.assign(new fa,{uid:l,gid:c,size:u,blksize:g,blocks:f,atime:B,birthtime:v,ctime:D,mtime:L,atimeMs:p,birthtimeMs:C,ctimeMs:y,mtimeMs:h,mode:$,crc:V});return n.bigint===!0?TE(W):W}if(this.listings.has(i)){let o=this.stats.uid,a=this.stats.gid,l=0,c=512,u=0,g=this.stats.mtimeMs,f=this.stats.mtimeMs,h=this.stats.mtimeMs,p=this.stats.mtimeMs,C=new Date(g),y=new Date(f),B=new Date(h),v=new Date(p),D=16877,L=0,H=Object.assign(new fa,{uid:o,gid:a,size:l,blksize:c,blocks:u,atime:C,birthtime:y,ctime:B,mtime:v,atimeMs:g,birthtimeMs:f,ctimeMs:h,mtimeMs:p,mode:D,crc:L});return n.bigint===!0?TE(H):H}throw new Error("Unreachable")}getUnixMode(t,i){if(this.libzip.file.getExternalAttributes(this.zip,t,0,0,this.libzip.uint08S,this.libzip.uint32S)===-1)throw this.makeLibzipError(this.libzip.getError(this.zip));return this.libzip.getValue(this.libzip.uint08S,"i8")>>>0!==this.libzip.ZIP_OPSYS_UNIX?i:this.libzip.getValue(this.libzip.uint32S,"i32")>>>16}registerListing(t){let i=this.listings.get(t);if(i)return i;this.registerListing(x.dirname(t)).add(x.basename(t));let s=new Set;return this.listings.set(t,s),s}registerEntry(t,i){this.registerListing(x.dirname(t)).add(x.basename(t)),this.entries.set(t,i)}unregisterListing(t){this.listings.delete(t);let i=this.listings.get(x.dirname(t));i==null||i.delete(x.basename(t))}unregisterEntry(t){this.unregisterListing(t);let i=this.entries.get(t);this.entries.delete(t),!(typeof i>"u")&&(this.fileSources.delete(i),this.isSymbolicLink(i)&&this.symlinkCount--)}deleteEntry(t,i){if(this.unregisterEntry(t),this.libzip.delete(this.zip,i)===-1)throw this.makeLibzipError(this.libzip.getError(this.zip))}resolveFilename(t,i,n=!0,s=!0){if(!this.ready)throw HE(`archive closed, ${t}`);let o=x.resolve(Oe.root,i);if(o==="/")return Oe.root;let a=this.entries.get(o);if(n&&a!==void 0)if(this.symlinkCount!==0&&this.isSymbolicLink(a)){let l=this.getFileSource(a).toString();return this.resolveFilename(t,x.resolve(x.dirname(o),l),!0,s)}else return o;for(;;){let l=this.resolveFilename(t,x.dirname(o),!0,s);if(l===void 0)return l;let c=this.listings.has(l),u=this.entries.has(l);if(!c&&!u){if(s===!1)return;throw Gs(t)}if(!c)throw Io(t);if(o=x.resolve(l,x.basename(o)),!n||this.symlinkCount===0)break;let g=this.libzip.name.locate(this.zip,o.slice(1));if(g===-1)break;if(this.isSymbolicLink(g)){let f=this.getFileSource(g).toString();o=x.resolve(x.dirname(o),f)}else break}return o}allocateBuffer(t){Buffer.isBuffer(t)||(t=Buffer.from(t));let i=this.libzip.malloc(t.byteLength);if(!i)throw new Error("Couldn't allocate enough memory");return new Uint8Array(this.libzip.HEAPU8.buffer,i,t.byteLength).set(t),{buffer:i,byteLength:t.byteLength}}allocateUnattachedSource(t){let i=this.libzip.struct.errorS(),{buffer:n,byteLength:s}=this.allocateBuffer(t),o=this.libzip.source.fromUnattachedBuffer(n,s,0,!0,i);if(o===0)throw this.libzip.free(i),this.makeLibzipError(i);return o}allocateSource(t){let{buffer:i,byteLength:n}=this.allocateBuffer(t),s=this.libzip.source.fromBuffer(this.zip,i,n,0,!0);if(s===0)throw this.libzip.free(i),this.makeLibzipError(this.libzip.getError(this.zip));return s}setFileSource(t,i){let n=Buffer.isBuffer(i)?i:Buffer.from(i),s=x.relative(Oe.root,t),o=this.allocateSource(i);try{let a=this.libzip.file.add(this.zip,s,o,this.libzip.ZIP_FL_OVERWRITE);if(a===-1)throw this.makeLibzipError(this.libzip.getError(this.zip));if(this.level!=="mixed"){let l=this.level===0?this.libzip.ZIP_CM_STORE:this.libzip.ZIP_CM_DEFLATE;if(this.libzip.file.setCompression(this.zip,a,0,l,this.level)===-1)throw this.makeLibzipError(this.libzip.getError(this.zip))}return this.fileSources.set(a,n),a}catch(a){throw this.libzip.source.free(o),a}}isSymbolicLink(t){if(this.symlinkCount===0)return!1;if(this.libzip.file.getExternalAttributes(this.zip,t,0,0,this.libzip.uint08S,this.libzip.uint32S)===-1)throw this.makeLibzipError(this.libzip.getError(this.zip));return this.libzip.getValue(this.libzip.uint08S,"i8")>>>0!==this.libzip.ZIP_OPSYS_UNIX?!1:(this.libzip.getValue(this.libzip.uint32S,"i32")>>>16&61440)===40960}getFileSource(t,i={asyncDecompress:!1}){let n=this.fileSources.get(t);if(typeof n<"u")return n;let s=this.libzip.struct.statS();if(this.libzip.statIndex(this.zip,t,0,0,s)===-1)throw this.makeLibzipError(this.libzip.getError(this.zip));let a=this.libzip.struct.statCompSize(s),l=this.libzip.struct.statCompMethod(s),c=this.libzip.malloc(a);try{let u=this.libzip.fopenIndex(this.zip,t,0,this.libzip.ZIP_FL_COMPRESSED);if(u===0)throw this.makeLibzipError(this.libzip.getError(this.zip));try{let g=this.libzip.fread(u,c,a,0);if(g===-1)throw this.makeLibzipError(this.libzip.file.getError(u));if(g<a)throw new Error("Incomplete read");if(g>a)throw new Error("Overread");let f=this.libzip.HEAPU8.subarray(c,c+a),h=Buffer.from(f);if(l===0)return this.fileSources.set(t,h),h;if(i.asyncDecompress)return new Promise((p,C)=>{oS.default.inflateRaw(h,(y,B)=>{y?C(y):(this.fileSources.set(t,B),p(B))})});{let p=oS.default.inflateRawSync(h);return this.fileSources.set(t,p),p}}finally{this.libzip.fclose(u)}}finally{this.libzip.free(c)}}async fchmodPromise(t,i){return this.chmodPromise(this.fdToPath(t,"fchmod"),i)}fchmodSync(t,i){return this.chmodSync(this.fdToPath(t,"fchmodSync"),i)}async chmodPromise(t,i){return this.chmodSync(t,i)}chmodSync(t,i){if(this.readOnly)throw ln(`chmod '${t}'`);i&=493;let n=this.resolveFilename(`chmod '${t}'`,t,!1),s=this.entries.get(n);if(typeof s>"u")throw new Error(`Assertion failed: The entry should have been registered (${n})`);let a=this.getUnixMode(s,32768)&-512|i;if(this.libzip.file.setExternalAttributes(this.zip,s,0,0,this.libzip.ZIP_OPSYS_UNIX,a<<16)===-1)throw this.makeLibzipError(this.libzip.getError(this.zip))}async fchownPromise(t,i,n){return this.chownPromise(this.fdToPath(t,"fchown"),i,n)}fchownSync(t,i,n){return this.chownSync(this.fdToPath(t,"fchownSync"),i,n)}async chownPromise(t,i,n){return this.chownSync(t,i,n)}chownSync(t,i,n){throw new Error("Unimplemented")}async renamePromise(t,i){return this.renameSync(t,i)}renameSync(t,i){throw new Error("Unimplemented")}async copyFilePromise(t,i,n){let{indexSource:s,indexDest:o,resolvedDestP:a}=this.prepareCopyFile(t,i,n),l=await this.getFileSource(s,{asyncDecompress:!0}),c=this.setFileSource(a,l);c!==o&&this.registerEntry(a,c)}copyFileSync(t,i,n=0){let{indexSource:s,indexDest:o,resolvedDestP:a}=this.prepareCopyFile(t,i,n),l=this.getFileSource(s),c=this.setFileSource(a,l);c!==o&&this.registerEntry(a,c)}prepareCopyFile(t,i,n=0){if(this.readOnly)throw ln(`copyfile '${t} -> '${i}'`);if((n&pg.constants.COPYFILE_FICLONE_FORCE)!==0)throw xp("unsupported clone operation",`copyfile '${t}' -> ${i}'`);let s=this.resolveFilename(`copyfile '${t} -> ${i}'`,t),o=this.entries.get(s);if(typeof o>"u")throw mA(`copyfile '${t}' -> '${i}'`);let a=this.resolveFilename(`copyfile '${t}' -> ${i}'`,i),l=this.entries.get(a);if((n&(pg.constants.COPYFILE_EXCL|pg.constants.COPYFILE_FICLONE_FORCE))!==0&&typeof l<"u")throw GE(`copyfile '${t}' -> '${i}'`);return{indexSource:o,resolvedDestP:a,indexDest:l}}async appendFilePromise(t,i,n){if(this.readOnly)throw ln(`open '${t}'`);return typeof n>"u"?n={flag:"a"}:typeof n=="string"?n={flag:"a",encoding:n}:typeof n.flag>"u"&&(n={flag:"a",...n}),this.writeFilePromise(t,i,n)}appendFileSync(t,i,n={}){if(this.readOnly)throw ln(`open '${t}'`);return typeof n>"u"?n={flag:"a"}:typeof n=="string"?n={flag:"a",encoding:n}:typeof n.flag>"u"&&(n={flag:"a",...n}),this.writeFileSync(t,i,n)}fdToPath(t,i){var s;let n=(s=this.fds.get(t))==null?void 0:s.p;if(typeof n>"u")throw Hr(i);return n}async writeFilePromise(t,i,n){let{encoding:s,mode:o,index:a,resolvedP:l}=this.prepareWriteFile(t,n);a!==void 0&&typeof n=="object"&&n.flag&&n.flag.includes("a")&&(i=Buffer.concat([await this.getFileSource(a,{asyncDecompress:!0}),Buffer.from(i)])),s!==null&&(i=i.toString(s));let c=this.setFileSource(l,i);c!==a&&this.registerEntry(l,c),o!==null&&await this.chmodPromise(l,o)}writeFileSync(t,i,n){let{encoding:s,mode:o,index:a,resolvedP:l}=this.prepareWriteFile(t,n);a!==void 0&&typeof n=="object"&&n.flag&&n.flag.includes("a")&&(i=Buffer.concat([this.getFileSource(a),Buffer.from(i)])),s!==null&&(i=i.toString(s));let c=this.setFileSource(l,i);c!==a&&this.registerEntry(l,c),o!==null&&this.chmodSync(l,o)}prepareWriteFile(t,i){if(typeof t=="number"&&(t=this.fdToPath(t,"read")),this.readOnly)throw ln(`open '${t}'`);let n=this.resolveFilename(`open '${t}'`,t);if(this.listings.has(n))throw Pp(`open '${t}'`);let s=null,o=null;typeof i=="string"?s=i:typeof i=="object"&&({encoding:s=null,mode:o=null}=i);let a=this.entries.get(n);return{encoding:s,mode:o,resolvedP:n,index:a}}async unlinkPromise(t){return this.unlinkSync(t)}unlinkSync(t){if(this.readOnly)throw ln(`unlink '${t}'`);let i=this.resolveFilename(`unlink '${t}'`,t);if(this.listings.has(i))throw Pp(`unlink '${t}'`);let n=this.entries.get(i);if(typeof n>"u")throw mA(`unlink '${t}'`);this.deleteEntry(i,n)}async utimesPromise(t,i,n){return this.utimesSync(t,i,n)}utimesSync(t,i,n){if(this.readOnly)throw ln(`utimes '${t}'`);let s=this.resolveFilename(`utimes '${t}'`,t);this.utimesImpl(s,n)}async lutimesPromise(t,i,n){return this.lutimesSync(t,i,n)}lutimesSync(t,i,n){if(this.readOnly)throw ln(`lutimes '${t}'`);let s=this.resolveFilename(`utimes '${t}'`,t,!1);this.utimesImpl(s,n)}utimesImpl(t,i){this.listings.has(t)&&(this.entries.has(t)||this.hydrateDirectory(t));let n=this.entries.get(t);if(n===void 0)throw new Error("Unreachable");if(this.libzip.file.setMtime(this.zip,n,0,rge(i),0)===-1)throw this.makeLibzipError(this.libzip.getError(this.zip))}async mkdirPromise(t,i){return this.mkdirSync(t,i)}mkdirSync(t,{mode:i=493,recursive:n=!1}={}){if(n)return this.mkdirpSync(t,{chmod:i});if(this.readOnly)throw ln(`mkdir '${t}'`);let s=this.resolveFilename(`mkdir '${t}'`,t);if(this.entries.has(s)||this.listings.has(s))throw GE(`mkdir '${t}'`);this.hydrateDirectory(s),this.chmodSync(s,i)}async rmdirPromise(t,i){return this.rmdirSync(t,i)}rmdirSync(t,{recursive:i=!1}={}){if(this.readOnly)throw ln(`rmdir '${t}'`);if(i){this.removeSync(t);return}let n=this.resolveFilename(`rmdir '${t}'`,t),s=this.listings.get(n);if(!s)throw Io(`rmdir '${t}'`);if(s.size>0)throw k1(`rmdir '${t}'`);let o=this.entries.get(n);if(typeof o>"u")throw mA(`rmdir '${t}'`);this.deleteEntry(t,o)}hydrateDirectory(t){let i=this.libzip.dir.add(this.zip,x.relative(Oe.root,t));if(i===-1)throw this.makeLibzipError(this.libzip.getError(this.zip));return this.registerListing(t),this.registerEntry(t,i),i}async linkPromise(t,i){return this.linkSync(t,i)}linkSync(t,i){throw R1(`link '${t}' -> '${i}'`)}async symlinkPromise(t,i){return this.symlinkSync(t,i)}symlinkSync(t,i){if(this.readOnly)throw ln(`symlink '${t}' -> '${i}'`);let n=this.resolveFilename(`symlink '${t}' -> '${i}'`,i);if(this.listings.has(n))throw Pp(`symlink '${t}' -> '${i}'`);if(this.entries.has(n))throw GE(`symlink '${t}' -> '${i}'`);let s=this.setFileSource(n,t);if(this.registerEntry(n,s),this.libzip.file.setExternalAttributes(this.zip,s,0,0,this.libzip.ZIP_OPSYS_UNIX,41471<<16)===-1)throw this.makeLibzipError(this.libzip.getError(this.zip));this.symlinkCount+=1}async readFilePromise(t,i){typeof i=="object"&&(i=i?i.encoding:void 0);let n=await this.readFileBuffer(t,{asyncDecompress:!0});return i?n.toString(i):n}readFileSync(t,i){typeof i=="object"&&(i=i?i.encoding:void 0);let n=this.readFileBuffer(t);return i?n.toString(i):n}readFileBuffer(t,i={asyncDecompress:!1}){typeof t=="number"&&(t=this.fdToPath(t,"read"));let n=this.resolveFilename(`open '${t}'`,t);if(!this.entries.has(n)&&!this.listings.has(n))throw Gs(`open '${t}'`);if(t[t.length-1]==="/"&&!this.listings.has(n))throw Io(`open '${t}'`);if(this.listings.has(n))throw Pp("read");let s=this.entries.get(n);if(s===void 0)throw new Error("Unreachable");return this.getFileSource(s,i)}async readdirPromise(t,i){return this.readdirSync(t,i)}readdirSync(t,i){let n=this.resolveFilename(`scandir '${t}'`,t);if(!this.entries.has(n)&&!this.listings.has(n))throw Gs(`scandir '${t}'`);let s=this.listings.get(n);if(!s)throw Io(`scandir '${t}'`);let o=[...s];return i!=null&&i.withFileTypes?o.map(a=>Object.assign(this.statImpl("lstat",x.join(t,a)),{name:a})):o}async readlinkPromise(t){let i=this.prepareReadlink(t);return(await this.getFileSource(i,{asyncDecompress:!0})).toString()}readlinkSync(t){let i=this.prepareReadlink(t);return this.getFileSource(i).toString()}prepareReadlink(t){let i=this.resolveFilename(`readlink '${t}'`,t,!1);if(!this.entries.has(i)&&!this.listings.has(i))throw Gs(`readlink '${t}'`);if(t[t.length-1]==="/"&&!this.listings.has(i))throw Io(`open '${t}'`);if(this.listings.has(i))throw mA(`readlink '${t}'`);let n=this.entries.get(i);if(n===void 0)throw new Error("Unreachable");if(!this.isSymbolicLink(n))throw mA(`readlink '${t}'`);return n}async truncatePromise(t,i=0){let n=this.resolveFilename(`open '${t}'`,t),s=this.entries.get(n);if(typeof s>"u")throw mA(`open '${t}'`);let o=await this.getFileSource(s,{asyncDecompress:!0}),a=Buffer.alloc(i,0);return o.copy(a),await this.writeFilePromise(t,a)}truncateSync(t,i=0){let n=this.resolveFilename(`open '${t}'`,t),s=this.entries.get(n);if(typeof s>"u")throw mA(`open '${t}'`);let o=this.getFileSource(s),a=Buffer.alloc(i,0);return o.copy(a),this.writeFileSync(t,a)}async ftruncatePromise(t,i){return this.truncatePromise(this.fdToPath(t,"ftruncate"),i)}ftruncateSync(t,i){return this.truncateSync(this.fdToPath(t,"ftruncateSync"),i)}watch(t,i,n){let s;switch(typeof i){case"function":case"string":case"undefined":s=!0;break;default:({persistent:s=!0}=i);break}if(!s)return{on:()=>{},close:()=>{}};let o=setInterval(()=>{},24*60*60*1e3);return{on:()=>{},close:()=>{clearInterval(o)}}}watchFile(t,i,n){let s=x.resolve(Oe.root,t);return qE(this,s,i,n)}unwatchFile(t,i){let n=x.resolve(Oe.root,t);return Dp(this,n,i)}};var pi=class extends ha{getExtractHint(e){return this.baseFs.getExtractHint(e)}resolve(e){return this.mapFromBase(this.baseFs.resolve(this.mapToBase(e)))}getRealPath(){return this.mapFromBase(this.baseFs.getRealPath())}async openPromise(e,t,i){return this.baseFs.openPromise(this.mapToBase(e),t,i)}openSync(e,t,i){return this.baseFs.openSync(this.mapToBase(e),t,i)}async opendirPromise(e,t){return Object.assign(await this.baseFs.opendirPromise(this.mapToBase(e),t),{path:e})}opendirSync(e,t){return Object.assign(this.baseFs.opendirSync(this.mapToBase(e),t),{path:e})}async readPromise(e,t,i,n,s){return await this.baseFs.readPromise(e,t,i,n,s)}readSync(e,t,i,n,s){return this.baseFs.readSync(e,t,i,n,s)}async writePromise(e,t,i,n,s){return typeof t=="string"?await this.baseFs.writePromise(e,t,i):await this.baseFs.writePromise(e,t,i,n,s)}writeSync(e,t,i,n,s){return typeof t=="string"?this.baseFs.writeSync(e,t,i):this.baseFs.writeSync(e,t,i,n,s)}async closePromise(e){return this.baseFs.closePromise(e)}closeSync(e){this.baseFs.closeSync(e)}createReadStream(e,t){return this.baseFs.createReadStream(e!==null?this.mapToBase(e):e,t)}createWriteStream(e,t){return this.baseFs.createWriteStream(e!==null?this.mapToBase(e):e,t)}async realpathPromise(e){return this.mapFromBase(await this.baseFs.realpathPromise(this.mapToBase(e)))}realpathSync(e){return this.mapFromBase(this.baseFs.realpathSync(this.mapToBase(e)))}async existsPromise(e){return this.baseFs.existsPromise(this.mapToBase(e))}existsSync(e){return this.baseFs.existsSync(this.mapToBase(e))}accessSync(e,t){return this.baseFs.accessSync(this.mapToBase(e),t)}async accessPromise(e,t){return this.baseFs.accessPromise(this.mapToBase(e),t)}async statPromise(e,t){return this.baseFs.statPromise(this.mapToBase(e),t)}statSync(e,t){return this.baseFs.statSync(this.mapToBase(e),t)}async fstatPromise(e,t){return this.baseFs.fstatPromise(e,t)}fstatSync(e,t){return this.baseFs.fstatSync(e,t)}lstatPromise(e,t){return this.baseFs.lstatPromise(this.mapToBase(e),t)}lstatSync(e,t){return this.baseFs.lstatSync(this.mapToBase(e),t)}async fchmodPromise(e,t){return this.baseFs.fchmodPromise(e,t)}fchmodSync(e,t){return this.baseFs.fchmodSync(e,t)}async chmodPromise(e,t){return this.baseFs.chmodPromise(this.mapToBase(e),t)}chmodSync(e,t){return this.baseFs.chmodSync(this.mapToBase(e),t)}async fchownPromise(e,t,i){return this.baseFs.fchownPromise(e,t,i)}fchownSync(e,t,i){return this.baseFs.fchownSync(e,t,i)}async chownPromise(e,t,i){return this.baseFs.chownPromise(this.mapToBase(e),t,i)}chownSync(e,t,i){return this.baseFs.chownSync(this.mapToBase(e),t,i)}async renamePromise(e,t){return this.baseFs.renamePromise(this.mapToBase(e),this.mapToBase(t))}renameSync(e,t){return this.baseFs.renameSync(this.mapToBase(e),this.mapToBase(t))}async copyFilePromise(e,t,i=0){return this.baseFs.copyFilePromise(this.mapToBase(e),this.mapToBase(t),i)}copyFileSync(e,t,i=0){return this.baseFs.copyFileSync(this.mapToBase(e),this.mapToBase(t),i)}async appendFilePromise(e,t,i){return this.baseFs.appendFilePromise(this.fsMapToBase(e),t,i)}appendFileSync(e,t,i){return this.baseFs.appendFileSync(this.fsMapToBase(e),t,i)}async writeFilePromise(e,t,i){return this.baseFs.writeFilePromise(this.fsMapToBase(e),t,i)}writeFileSync(e,t,i){return this.baseFs.writeFileSync(this.fsMapToBase(e),t,i)}async unlinkPromise(e){return this.baseFs.unlinkPromise(this.mapToBase(e))}unlinkSync(e){return this.baseFs.unlinkSync(this.mapToBase(e))}async utimesPromise(e,t,i){return this.baseFs.utimesPromise(this.mapToBase(e),t,i)}utimesSync(e,t,i){return this.baseFs.utimesSync(this.mapToBase(e),t,i)}async mkdirPromise(e,t){return this.baseFs.mkdirPromise(this.mapToBase(e),t)}mkdirSync(e,t){return this.baseFs.mkdirSync(this.mapToBase(e),t)}async rmdirPromise(e,t){return this.baseFs.rmdirPromise(this.mapToBase(e),t)}rmdirSync(e,t){return this.baseFs.rmdirSync(this.mapToBase(e),t)}async linkPromise(e,t){return this.baseFs.linkPromise(this.mapToBase(e),this.mapToBase(t))}linkSync(e,t){return this.baseFs.linkSync(this.mapToBase(e),this.mapToBase(t))}async symlinkPromise(e,t,i){let n=this.mapToBase(t);if(this.pathUtils.isAbsolute(e))return this.baseFs.symlinkPromise(this.mapToBase(e),n,i);let s=this.mapToBase(this.pathUtils.join(this.pathUtils.dirname(t),e)),o=this.baseFs.pathUtils.relative(this.baseFs.pathUtils.dirname(n),s);return this.baseFs.symlinkPromise(o,n,i)}symlinkSync(e,t,i){let n=this.mapToBase(t);if(this.pathUtils.isAbsolute(e))return this.baseFs.symlinkSync(this.mapToBase(e),n,i);let s=this.mapToBase(this.pathUtils.join(this.pathUtils.dirname(t),e)),o=this.baseFs.pathUtils.relative(this.baseFs.pathUtils.dirname(n),s);return this.baseFs.symlinkSync(o,n,i)}async readFilePromise(e,t){return t==="utf8"?this.baseFs.readFilePromise(this.fsMapToBase(e),t):this.baseFs.readFilePromise(this.fsMapToBase(e),t)}readFileSync(e,t){return t==="utf8"?this.baseFs.readFileSync(this.fsMapToBase(e),t):this.baseFs.readFileSync(this.fsMapToBase(e),t)}async readdirPromise(e,t){return this.baseFs.readdirPromise(this.mapToBase(e),t)}readdirSync(e,t){return this.baseFs.readdirSync(this.mapToBase(e),t)}async readlinkPromise(e){return this.mapFromBase(await this.baseFs.readlinkPromise(this.mapToBase(e)))}readlinkSync(e){return this.mapFromBase(this.baseFs.readlinkSync(this.mapToBase(e)))}async truncatePromise(e,t){return this.baseFs.truncatePromise(this.mapToBase(e),t)}truncateSync(e,t){return this.baseFs.truncateSync(this.mapToBase(e),t)}async ftruncatePromise(e,t){return this.baseFs.ftruncatePromise(e,t)}ftruncateSync(e,t){return this.baseFs.ftruncateSync(e,t)}watch(e,t,i){return this.baseFs.watch(this.mapToBase(e),t,i)}watchFile(e,t,i){return this.baseFs.watchFile(this.mapToBase(e),t,i)}unwatchFile(e,t){return this.baseFs.unwatchFile(this.mapToBase(e),t)}fsMapToBase(e){return typeof e=="number"?e:this.mapToBase(e)}};var yo=class extends pi{constructor(t,{baseFs:i,pathUtils:n}){super(n);this.target=t,this.baseFs=i}getRealPath(){return this.target}getBaseFs(){return this.baseFs}mapFromBase(t){return t}mapToBase(t){return t}};var jt=class extends pi{constructor(t,{baseFs:i=new $t}={}){super(x);this.target=this.pathUtils.normalize(t),this.baseFs=i}getRealPath(){return this.pathUtils.resolve(this.baseFs.getRealPath(),this.target)}resolve(t){return this.pathUtils.isAbsolute(t)?x.normalize(t):this.baseFs.resolve(x.join(this.target,t))}mapFromBase(t){return t}mapToBase(t){return this.pathUtils.isAbsolute(t)?t:this.pathUtils.join(this.target,t)}};var K1=Oe.root,wo=class extends pi{constructor(t,{baseFs:i=new $t}={}){super(x);this.target=this.pathUtils.resolve(Oe.root,t),this.baseFs=i}getRealPath(){return this.pathUtils.resolve(this.baseFs.getRealPath(),this.pathUtils.relative(Oe.root,this.target))}getTarget(){return this.target}getBaseFs(){return this.baseFs}mapToBase(t){let i=this.pathUtils.normalize(t);if(this.pathUtils.isAbsolute(t))return this.pathUtils.resolve(this.target,this.pathUtils.relative(K1,t));if(i.match(/^\.\.\/?/))throw new Error(`Resolving this path (${t}) would escape the jail`);return this.pathUtils.resolve(this.target,t)}mapFromBase(t){return this.pathUtils.resolve(K1,this.pathUtils.relative(this.target,t))}};var dg=class extends pi{constructor(t,i){super(i);this.instance=null;this.factory=t}get baseFs(){return this.instance||(this.instance=this.factory()),this.instance}set baseFs(t){this.instance=t}mapFromBase(t){return t}mapToBase(t){return t}};var _e=()=>Object.assign(new Error("ENOSYS: unsupported filesystem access"),{code:"ENOSYS"}),aS=class extends ha{constructor(){super(x)}getExtractHint(){throw _e()}getRealPath(){throw _e()}resolve(){throw _e()}async openPromise(){throw _e()}openSync(){throw _e()}async opendirPromise(){throw _e()}opendirSync(){throw _e()}async readPromise(){throw _e()}readSync(){throw _e()}async writePromise(){throw _e()}writeSync(){throw _e()}async closePromise(){throw _e()}closeSync(){throw _e()}createWriteStream(){throw _e()}createReadStream(){throw _e()}async realpathPromise(){throw _e()}realpathSync(){throw _e()}async readdirPromise(){throw _e()}readdirSync(){throw _e()}async existsPromise(e){throw _e()}existsSync(e){throw _e()}async accessPromise(){throw _e()}accessSync(){throw _e()}async statPromise(){throw _e()}statSync(){throw _e()}async fstatPromise(e){throw _e()}fstatSync(e){throw _e()}async lstatPromise(e){throw _e()}lstatSync(e){throw _e()}async fchmodPromise(){throw _e()}fchmodSync(){throw _e()}async chmodPromise(){throw _e()}chmodSync(){throw _e()}async fchownPromise(){throw _e()}fchownSync(){throw _e()}async chownPromise(){throw _e()}chownSync(){throw _e()}async mkdirPromise(){throw _e()}mkdirSync(){throw _e()}async rmdirPromise(){throw _e()}rmdirSync(){throw _e()}async linkPromise(){throw _e()}linkSync(){throw _e()}async symlinkPromise(){throw _e()}symlinkSync(){throw _e()}async renamePromise(){throw _e()}renameSync(){throw _e()}async copyFilePromise(){throw _e()}copyFileSync(){throw _e()}async appendFilePromise(){throw _e()}appendFileSync(){throw _e()}async writeFilePromise(){throw _e()}writeFileSync(){throw _e()}async unlinkPromise(){throw _e()}unlinkSync(){throw _e()}async utimesPromise(){throw _e()}utimesSync(){throw _e()}async readFilePromise(){throw _e()}readFileSync(){throw _e()}async readlinkPromise(){throw _e()}readlinkSync(){throw _e()}async truncatePromise(){throw _e()}truncateSync(){throw _e()}async ftruncatePromise(e,t){throw _e()}ftruncateSync(e,t){throw _e()}watch(){throw _e()}watchFile(){throw _e()}unwatchFile(){throw _e()}},Rp=aS;Rp.instance=new aS;var Cg=class extends pi{constructor(t){super(K);this.baseFs=t}mapFromBase(t){return K.fromPortablePath(t)}mapToBase(t){return K.toPortablePath(t)}};var ige=/^[0-9]+$/,AS=/^(\/(?:[^/]+\/)*?(?:\$\$virtual|__virtual__))((?:\/((?:[^/]+-)?[a-f0-9]+)(?:\/([^/]+))?)?((?:\/.*)?))$/,nge=/^([^/]+-)?[a-f0-9]+$/,Br=class extends pi{constructor({baseFs:t=new $t}={}){super(x);this.baseFs=t}static makeVirtualPath(t,i,n){if(x.basename(t)!=="__virtual__")throw new Error('Assertion failed: Virtual folders must be named "__virtual__"');if(!x.basename(i).match(nge))throw new Error("Assertion failed: Virtual components must be ended by an hexadecimal hash");let o=x.relative(x.dirname(t),n).split("/"),a=0;for(;a<o.length&&o[a]==="..";)a+=1;let l=o.slice(a);return x.join(t,i,String(a),...l)}static resolveVirtual(t){let i=t.match(AS);if(!i||!i[3]&&i[5])return t;let n=x.dirname(i[1]);if(!i[3]||!i[4])return n;if(!ige.test(i[4]))return t;let o=Number(i[4]),a="../".repeat(o),l=i[5]||".";return Br.resolveVirtual(x.join(n,a,l))}getExtractHint(t){return this.baseFs.getExtractHint(t)}getRealPath(){return this.baseFs.getRealPath()}realpathSync(t){let i=t.match(AS);if(!i)return this.baseFs.realpathSync(t);if(!i[5])return t;let n=this.baseFs.realpathSync(this.mapToBase(t));return Br.makeVirtualPath(i[1],i[3],n)}async realpathPromise(t){let i=t.match(AS);if(!i)return await this.baseFs.realpathPromise(t);if(!i[5])return t;let n=await this.baseFs.realpathPromise(this.mapToBase(t));return Br.makeVirtualPath(i[1],i[3],n)}mapToBase(t){if(t==="")return t;if(this.pathUtils.isAbsolute(t))return Br.resolveVirtual(t);let i=Br.resolveVirtual(this.baseFs.resolve(Oe.dot)),n=Br.resolveVirtual(this.baseFs.resolve(t));return x.relative(i,n)||Oe.dot}mapFromBase(t){return t}};var Fp=J("fs");var cn=4278190080,qi=704643072,U1=(r,e)=>{let t=r.indexOf(e);if(t<=0)return null;let i=t;for(;t>=0&&(i=t+e.length,r[i]!==x.sep);){if(r[t-1]===x.sep)return null;t=r.indexOf(e,i)}return r.length>i&&r[i]!==x.sep?null:r.slice(0,i)},Tn=class extends EA{constructor({libzip:t,baseFs:i=new $t,filter:n=null,maxOpenFiles:s=1/0,readOnlyArchives:o=!1,useCache:a=!0,maxAge:l=5e3,fileExtensions:c=null}){super();this.fdMap=new Map;this.nextFd=3;this.isZip=new Set;this.notZip=new Set;this.realPaths=new Map;this.limitOpenFilesTimeout=null;this.libzipFactory=typeof t!="function"?()=>t:t,this.baseFs=i,this.zipInstances=a?new Map:null,this.filter=n,this.maxOpenFiles=s,this.readOnlyArchives=o,this.maxAge=l,this.fileExtensions=c}static async openPromise(t,i){let n=new Tn(i);try{return await t(n)}finally{n.saveAndClose()}}get libzip(){return typeof this.libzipInstance>"u"&&(this.libzipInstance=this.libzipFactory()),this.libzipInstance}getExtractHint(t){return this.baseFs.getExtractHint(t)}getRealPath(){return this.baseFs.getRealPath()}saveAndClose(){if(kp(this),this.zipInstances)for(let[t,{zipFs:i}]of this.zipInstances.entries())i.saveAndClose(),this.zipInstances.delete(t)}discardAndClose(){if(kp(this),this.zipInstances)for(let[t,{zipFs:i}]of this.zipInstances.entries())i.discardAndClose(),this.zipInstances.delete(t)}resolve(t){return this.baseFs.resolve(t)}remapFd(t,i){let n=this.nextFd++|qi;return this.fdMap.set(n,[t,i]),n}async openPromise(t,i,n){return await this.makeCallPromise(t,async()=>await this.baseFs.openPromise(t,i,n),async(s,{subPath:o})=>this.remapFd(s,await s.openPromise(o,i,n)))}openSync(t,i,n){return this.makeCallSync(t,()=>this.baseFs.openSync(t,i,n),(s,{subPath:o})=>this.remapFd(s,s.openSync(o,i,n)))}async opendirPromise(t,i){return await this.makeCallPromise(t,async()=>await this.baseFs.opendirPromise(t,i),async(n,{subPath:s})=>await n.opendirPromise(s,i),{requireSubpath:!1})}opendirSync(t,i){return this.makeCallSync(t,()=>this.baseFs.opendirSync(t,i),(n,{subPath:s})=>n.opendirSync(s,i),{requireSubpath:!1})}async readPromise(t,i,n,s,o){if((t&cn)!==qi)return await this.baseFs.readPromise(t,i,n,s,o);let a=this.fdMap.get(t);if(typeof a>"u")throw Hr("read");let[l,c]=a;return await l.readPromise(c,i,n,s,o)}readSync(t,i,n,s,o){if((t&cn)!==qi)return this.baseFs.readSync(t,i,n,s,o);let a=this.fdMap.get(t);if(typeof a>"u")throw Hr("readSync");let[l,c]=a;return l.readSync(c,i,n,s,o)}async writePromise(t,i,n,s,o){if((t&cn)!==qi)return typeof i=="string"?await this.baseFs.writePromise(t,i,n):await this.baseFs.writePromise(t,i,n,s,o);let a=this.fdMap.get(t);if(typeof a>"u")throw Hr("write");let[l,c]=a;return typeof i=="string"?await l.writePromise(c,i,n):await l.writePromise(c,i,n,s,o)}writeSync(t,i,n,s,o){if((t&cn)!==qi)return typeof i=="string"?this.baseFs.writeSync(t,i,n):this.baseFs.writeSync(t,i,n,s,o);let a=this.fdMap.get(t);if(typeof a>"u")throw Hr("writeSync");let[l,c]=a;return typeof i=="string"?l.writeSync(c,i,n):l.writeSync(c,i,n,s,o)}async closePromise(t){if((t&cn)!==qi)return await this.baseFs.closePromise(t);let i=this.fdMap.get(t);if(typeof i>"u")throw Hr("close");this.fdMap.delete(t);let[n,s]=i;return await n.closePromise(s)}closeSync(t){if((t&cn)!==qi)return this.baseFs.closeSync(t);let i=this.fdMap.get(t);if(typeof i>"u")throw Hr("closeSync");this.fdMap.delete(t);let[n,s]=i;return n.closeSync(s)}createReadStream(t,i){return t===null?this.baseFs.createReadStream(t,i):this.makeCallSync(t,()=>this.baseFs.createReadStream(t,i),(n,{archivePath:s,subPath:o})=>{let a=n.createReadStream(o,i);return a.path=K.fromPortablePath(this.pathUtils.join(s,o)),a})}createWriteStream(t,i){return t===null?this.baseFs.createWriteStream(t,i):this.makeCallSync(t,()=>this.baseFs.createWriteStream(t,i),(n,{subPath:s})=>n.createWriteStream(s,i))}async realpathPromise(t){return await this.makeCallPromise(t,async()=>await this.baseFs.realpathPromise(t),async(i,{archivePath:n,subPath:s})=>{let o=this.realPaths.get(n);return typeof o>"u"&&(o=await this.baseFs.realpathPromise(n),this.realPaths.set(n,o)),this.pathUtils.join(o,this.pathUtils.relative(Oe.root,await i.realpathPromise(s)))})}realpathSync(t){return this.makeCallSync(t,()=>this.baseFs.realpathSync(t),(i,{archivePath:n,subPath:s})=>{let o=this.realPaths.get(n);return typeof o>"u"&&(o=this.baseFs.realpathSync(n),this.realPaths.set(n,o)),this.pathUtils.join(o,this.pathUtils.relative(Oe.root,i.realpathSync(s)))})}async existsPromise(t){return await this.makeCallPromise(t,async()=>await this.baseFs.existsPromise(t),async(i,{subPath:n})=>await i.existsPromise(n))}existsSync(t){return this.makeCallSync(t,()=>this.baseFs.existsSync(t),(i,{subPath:n})=>i.existsSync(n))}async accessPromise(t,i){return await this.makeCallPromise(t,async()=>await this.baseFs.accessPromise(t,i),async(n,{subPath:s})=>await n.accessPromise(s,i))}accessSync(t,i){return this.makeCallSync(t,()=>this.baseFs.accessSync(t,i),(n,{subPath:s})=>n.accessSync(s,i))}async statPromise(t,i){return await this.makeCallPromise(t,async()=>await this.baseFs.statPromise(t,i),async(n,{subPath:s})=>await n.statPromise(s,i))}statSync(t,i){return this.makeCallSync(t,()=>this.baseFs.statSync(t,i),(n,{subPath:s})=>n.statSync(s,i))}async fstatPromise(t,i){if((t&cn)!==qi)return this.baseFs.fstatPromise(t,i);let n=this.fdMap.get(t);if(typeof n>"u")throw Hr("fstat");let[s,o]=n;return s.fstatPromise(o,i)}fstatSync(t,i){if((t&cn)!==qi)return this.baseFs.fstatSync(t,i);let n=this.fdMap.get(t);if(typeof n>"u")throw Hr("fstatSync");let[s,o]=n;return s.fstatSync(o,i)}async lstatPromise(t,i){return await this.makeCallPromise(t,async()=>await this.baseFs.lstatPromise(t,i),async(n,{subPath:s})=>await n.lstatPromise(s,i))}lstatSync(t,i){return this.makeCallSync(t,()=>this.baseFs.lstatSync(t,i),(n,{subPath:s})=>n.lstatSync(s,i))}async fchmodPromise(t,i){if((t&cn)!==qi)return this.baseFs.fchmodPromise(t,i);let n=this.fdMap.get(t);if(typeof n>"u")throw Hr("fchmod");let[s,o]=n;return s.fchmodPromise(o,i)}fchmodSync(t,i){if((t&cn)!==qi)return this.baseFs.fchmodSync(t,i);let n=this.fdMap.get(t);if(typeof n>"u")throw Hr("fchmodSync");let[s,o]=n;return s.fchmodSync(o,i)}async chmodPromise(t,i){return await this.makeCallPromise(t,async()=>await this.baseFs.chmodPromise(t,i),async(n,{subPath:s})=>await n.chmodPromise(s,i))}chmodSync(t,i){return this.makeCallSync(t,()=>this.baseFs.chmodSync(t,i),(n,{subPath:s})=>n.chmodSync(s,i))}async fchownPromise(t,i,n){if((t&cn)!==qi)return this.baseFs.fchownPromise(t,i,n);let s=this.fdMap.get(t);if(typeof s>"u")throw Hr("fchown");let[o,a]=s;return o.fchownPromise(a,i,n)}fchownSync(t,i,n){if((t&cn)!==qi)return this.baseFs.fchownSync(t,i,n);let s=this.fdMap.get(t);if(typeof s>"u")throw Hr("fchownSync");let[o,a]=s;return o.fchownSync(a,i,n)}async chownPromise(t,i,n){return await this.makeCallPromise(t,async()=>await this.baseFs.chownPromise(t,i,n),async(s,{subPath:o})=>await s.chownPromise(o,i,n))}chownSync(t,i,n){return this.makeCallSync(t,()=>this.baseFs.chownSync(t,i,n),(s,{subPath:o})=>s.chownSync(o,i,n))}async renamePromise(t,i){return await this.makeCallPromise(t,async()=>await this.makeCallPromise(i,async()=>await this.baseFs.renamePromise(t,i),async()=>{throw Object.assign(new Error("EEXDEV: cross-device link not permitted"),{code:"EEXDEV"})}),async(n,{subPath:s})=>await this.makeCallPromise(i,async()=>{throw Object.assign(new Error("EEXDEV: cross-device link not permitted"),{code:"EEXDEV"})},async(o,{subPath:a})=>{if(n!==o)throw Object.assign(new Error("EEXDEV: cross-device link not permitted"),{code:"EEXDEV"});return await n.renamePromise(s,a)}))}renameSync(t,i){return this.makeCallSync(t,()=>this.makeCallSync(i,()=>this.baseFs.renameSync(t,i),()=>{throw Object.assign(new Error("EEXDEV: cross-device link not permitted"),{code:"EEXDEV"})}),(n,{subPath:s})=>this.makeCallSync(i,()=>{throw Object.assign(new Error("EEXDEV: cross-device link not permitted"),{code:"EEXDEV"})},(o,{subPath:a})=>{if(n!==o)throw Object.assign(new Error("EEXDEV: cross-device link not permitted"),{code:"EEXDEV"});return n.renameSync(s,a)}))}async copyFilePromise(t,i,n=0){let s=async(o,a,l,c)=>{if((n&Fp.constants.COPYFILE_FICLONE_FORCE)!==0)throw Object.assign(new Error(`EXDEV: cross-device clone not permitted, copyfile '${a}' -> ${c}'`),{code:"EXDEV"});if(n&Fp.constants.COPYFILE_EXCL&&await this.existsPromise(a))throw Object.assign(new Error(`EEXIST: file already exists, copyfile '${a}' -> '${c}'`),{code:"EEXIST"});let u;try{u=await o.readFilePromise(a)}catch{throw Object.assign(new Error(`EINVAL: invalid argument, copyfile '${a}' -> '${c}'`),{code:"EINVAL"})}await l.writeFilePromise(c,u)};return await this.makeCallPromise(t,async()=>await this.makeCallPromise(i,async()=>await this.baseFs.copyFilePromise(t,i,n),async(o,{subPath:a})=>await s(this.baseFs,t,o,a)),async(o,{subPath:a})=>await this.makeCallPromise(i,async()=>await s(o,a,this.baseFs,i),async(l,{subPath:c})=>o!==l?await s(o,a,l,c):await o.copyFilePromise(a,c,n)))}copyFileSync(t,i,n=0){let s=(o,a,l,c)=>{if((n&Fp.constants.COPYFILE_FICLONE_FORCE)!==0)throw Object.assign(new Error(`EXDEV: cross-device clone not permitted, copyfile '${a}' -> ${c}'`),{code:"EXDEV"});if(n&Fp.constants.COPYFILE_EXCL&&this.existsSync(a))throw Object.assign(new Error(`EEXIST: file already exists, copyfile '${a}' -> '${c}'`),{code:"EEXIST"});let u;try{u=o.readFileSync(a)}catch{throw Object.assign(new Error(`EINVAL: invalid argument, copyfile '${a}' -> '${c}'`),{code:"EINVAL"})}l.writeFileSync(c,u)};return this.makeCallSync(t,()=>this.makeCallSync(i,()=>this.baseFs.copyFileSync(t,i,n),(o,{subPath:a})=>s(this.baseFs,t,o,a)),(o,{subPath:a})=>this.makeCallSync(i,()=>s(o,a,this.baseFs,i),(l,{subPath:c})=>o!==l?s(o,a,l,c):o.copyFileSync(a,c,n)))}async appendFilePromise(t,i,n){return await this.makeCallPromise(t,async()=>await this.baseFs.appendFilePromise(t,i,n),async(s,{subPath:o})=>await s.appendFilePromise(o,i,n))}appendFileSync(t,i,n){return this.makeCallSync(t,()=>this.baseFs.appendFileSync(t,i,n),(s,{subPath:o})=>s.appendFileSync(o,i,n))}async writeFilePromise(t,i,n){return await this.makeCallPromise(t,async()=>await this.baseFs.writeFilePromise(t,i,n),async(s,{subPath:o})=>await s.writeFilePromise(o,i,n))}writeFileSync(t,i,n){return this.makeCallSync(t,()=>this.baseFs.writeFileSync(t,i,n),(s,{subPath:o})=>s.writeFileSync(o,i,n))}async unlinkPromise(t){return await this.makeCallPromise(t,async()=>await this.baseFs.unlinkPromise(t),async(i,{subPath:n})=>await i.unlinkPromise(n))}unlinkSync(t){return this.makeCallSync(t,()=>this.baseFs.unlinkSync(t),(i,{subPath:n})=>i.unlinkSync(n))}async utimesPromise(t,i,n){return await this.makeCallPromise(t,async()=>await this.baseFs.utimesPromise(t,i,n),async(s,{subPath:o})=>await s.utimesPromise(o,i,n))}utimesSync(t,i,n){return this.makeCallSync(t,()=>this.baseFs.utimesSync(t,i,n),(s,{subPath:o})=>s.utimesSync(o,i,n))}async mkdirPromise(t,i){return await this.makeCallPromise(t,async()=>await this.baseFs.mkdirPromise(t,i),async(n,{subPath:s})=>await n.mkdirPromise(s,i))}mkdirSync(t,i){return this.makeCallSync(t,()=>this.baseFs.mkdirSync(t,i),(n,{subPath:s})=>n.mkdirSync(s,i))}async rmdirPromise(t,i){return await this.makeCallPromise(t,async()=>await this.baseFs.rmdirPromise(t,i),async(n,{subPath:s})=>await n.rmdirPromise(s,i))}rmdirSync(t,i){return this.makeCallSync(t,()=>this.baseFs.rmdirSync(t,i),(n,{subPath:s})=>n.rmdirSync(s,i))}async linkPromise(t,i){return await this.makeCallPromise(i,async()=>await this.baseFs.linkPromise(t,i),async(n,{subPath:s})=>await n.linkPromise(t,s))}linkSync(t,i){return this.makeCallSync(i,()=>this.baseFs.linkSync(t,i),(n,{subPath:s})=>n.linkSync(t,s))}async symlinkPromise(t,i,n){return await this.makeCallPromise(i,async()=>await this.baseFs.symlinkPromise(t,i,n),async(s,{subPath:o})=>await s.symlinkPromise(t,o))}symlinkSync(t,i,n){return this.makeCallSync(i,()=>this.baseFs.symlinkSync(t,i,n),(s,{subPath:o})=>s.symlinkSync(t,o))}async readFilePromise(t,i){return this.makeCallPromise(t,async()=>{switch(i){case"utf8":return await this.baseFs.readFilePromise(t,i);default:return await this.baseFs.readFilePromise(t,i)}},async(n,{subPath:s})=>await n.readFilePromise(s,i))}readFileSync(t,i){return this.makeCallSync(t,()=>{switch(i){case"utf8":return this.baseFs.readFileSync(t,i);default:return this.baseFs.readFileSync(t,i)}},(n,{subPath:s})=>n.readFileSync(s,i))}async readdirPromise(t,i){return await this.makeCallPromise(t,async()=>await this.baseFs.readdirPromise(t,i),async(n,{subPath:s})=>await n.readdirPromise(s,i),{requireSubpath:!1})}readdirSync(t,i){return this.makeCallSync(t,()=>this.baseFs.readdirSync(t,i),(n,{subPath:s})=>n.readdirSync(s,i),{requireSubpath:!1})}async readlinkPromise(t){return await this.makeCallPromise(t,async()=>await this.baseFs.readlinkPromise(t),async(i,{subPath:n})=>await i.readlinkPromise(n))}readlinkSync(t){return this.makeCallSync(t,()=>this.baseFs.readlinkSync(t),(i,{subPath:n})=>i.readlinkSync(n))}async truncatePromise(t,i){return await this.makeCallPromise(t,async()=>await this.baseFs.truncatePromise(t,i),async(n,{subPath:s})=>await n.truncatePromise(s,i))}truncateSync(t,i){return this.makeCallSync(t,()=>this.baseFs.truncateSync(t,i),(n,{subPath:s})=>n.truncateSync(s,i))}async ftruncatePromise(t,i){if((t&cn)!==qi)return this.baseFs.ftruncatePromise(t,i);let n=this.fdMap.get(t);if(typeof n>"u")throw Hr("ftruncate");let[s,o]=n;return s.ftruncatePromise(o,i)}ftruncateSync(t,i){if((t&cn)!==qi)return this.baseFs.ftruncateSync(t,i);let n=this.fdMap.get(t);if(typeof n>"u")throw Hr("ftruncateSync");let[s,o]=n;return s.ftruncateSync(o,i)}watch(t,i,n){return this.makeCallSync(t,()=>this.baseFs.watch(t,i,n),(s,{subPath:o})=>s.watch(o,i,n))}watchFile(t,i,n){return this.makeCallSync(t,()=>this.baseFs.watchFile(t,i,n),()=>qE(this,t,i,n))}unwatchFile(t,i){return this.makeCallSync(t,()=>this.baseFs.unwatchFile(t,i),()=>Dp(this,t,i))}async makeCallPromise(t,i,n,{requireSubpath:s=!0}={}){if(typeof t!="string")return await i();let o=this.resolve(t),a=this.findZip(o);return a?s&&a.subPath==="/"?await i():await this.getZipPromise(a.archivePath,async l=>await n(l,a)):await i()}makeCallSync(t,i,n,{requireSubpath:s=!0}={}){if(typeof t!="string")return i();let o=this.resolve(t),a=this.findZip(o);return!a||s&&a.subPath==="/"?i():this.getZipSync(a.archivePath,l=>n(l,a))}findZip(t){if(this.filter&&!this.filter.test(t))return null;let i="";for(;;){let n=t.substring(i.length),s;if(!this.fileExtensions)s=U1(n,".zip");else for(let o of this.fileExtensions)if(s=U1(n,o),s)break;if(!s)return null;if(i=this.pathUtils.join(i,s),this.isZip.has(i)===!1){if(this.notZip.has(i))continue;try{if(!this.baseFs.lstatSync(i).isFile()){this.notZip.add(i);continue}}catch{return null}this.isZip.add(i)}return{archivePath:i,subPath:this.pathUtils.join(Oe.root,t.substring(i.length))}}}limitOpenFiles(t){if(this.zipInstances===null)return;let i=Date.now(),n=i+this.maxAge,s=t===null?0:this.zipInstances.size-t;for(let[o,{zipFs:a,expiresAt:l,refCount:c}]of this.zipInstances.entries())if(!(c!==0||a.hasOpenFileHandles())){if(i>=l){a.saveAndClose(),this.zipInstances.delete(o),s-=1;continue}else if(t===null||s<=0){n=l;break}a.saveAndClose(),this.zipInstances.delete(o),s-=1}this.limitOpenFilesTimeout===null&&(t===null&&this.zipInstances.size>0||t!==null)&&(this.limitOpenFilesTimeout=setTimeout(()=>{this.limitOpenFilesTimeout=null,this.limitOpenFiles(null)},n-i).unref())}async getZipPromise(t,i){let n=async()=>({baseFs:this.baseFs,libzip:this.libzip,readOnly:this.readOnlyArchives,stats:await this.baseFs.statPromise(t)});if(this.zipInstances){let s=this.zipInstances.get(t);if(!s){let o=await n();s=this.zipInstances.get(t),s||(s={zipFs:new Wr(t,o),expiresAt:0,refCount:0})}this.zipInstances.delete(t),this.limitOpenFiles(this.maxOpenFiles-1),this.zipInstances.set(t,s),s.expiresAt=Date.now()+this.maxAge,s.refCount+=1;try{return await i(s.zipFs)}finally{s.refCount-=1}}else{let s=new Wr(t,await n());try{return await i(s)}finally{s.saveAndClose()}}}getZipSync(t,i){let n=()=>({baseFs:this.baseFs,libzip:this.libzip,readOnly:this.readOnlyArchives,stats:this.baseFs.statSync(t)});if(this.zipInstances){let s=this.zipInstances.get(t);return s||(s={zipFs:new Wr(t,n()),expiresAt:0,refCount:0}),this.zipInstances.delete(t),this.limitOpenFiles(this.maxOpenFiles-1),this.zipInstances.set(t,s),s.expiresAt=Date.now()+this.maxAge,i(s.zipFs)}else{let s=new Wr(t,n());try{return i(s)}finally{s.saveAndClose()}}}};var Eg=J("util");var WE=J("url"),H1=J("util");var JE=class extends pi{constructor(t){super(K);this.baseFs=t}mapFromBase(t){return t}mapToBase(t){if(typeof t=="string")return t;if(t instanceof WE.URL)return(0,WE.fileURLToPath)(t);if(Buffer.isBuffer(t)){let i=t.toString();if(Buffer.byteLength(i)!==t.byteLength)throw new Error("Non-utf8 buffers are not supported at the moment. Please upvote the following issue if you encounter this error: https://github.com/yarnpkg/berry/issues/4942");return i}throw new Error(`Unsupported path type: ${(0,H1.inspect)(t)}`)}};var G1=J("readline"),Ri=Symbol("kBaseFs"),pa=Symbol("kFd"),IA=Symbol("kClosePromise"),zE=Symbol("kCloseResolve"),VE=Symbol("kCloseReject"),mg=Symbol("kRefs"),Ys=Symbol("kRef"),js=Symbol("kUnref"),sge,oge,age,Age,Np=class{constructor(e,t){this[sge]=1;this[oge]=void 0;this[age]=void 0;this[Age]=void 0;this[Ri]=t,this[pa]=e}get fd(){return this[pa]}async appendFile(e,t){var i;try{this[Ys](this.appendFile);let n=(i=typeof t=="string"?t:t==null?void 0:t.encoding)!=null?i:void 0;return await this[Ri].appendFilePromise(this.fd,e,n?{encoding:n}:void 0)}finally{this[js]()}}async chown(e,t){try{return this[Ys](this.chown),await this[Ri].fchownPromise(this.fd,e,t)}finally{this[js]()}}async chmod(e){try{return this[Ys](this.chmod),await this[Ri].fchmodPromise(this.fd,e)}finally{this[js]()}}createReadStream(e){return this[Ri].createReadStream(null,{...e,fd:this.fd})}createWriteStream(e){return this[Ri].createWriteStream(null,{...e,fd:this.fd})}datasync(){throw new Error("Method not implemented.")}sync(){throw new Error("Method not implemented.")}async read(e,t,i,n){var s,o,a;try{this[Ys](this.read);let l;return Buffer.isBuffer(e)?l=e:(e!=null||(e={}),l=(s=e.buffer)!=null?s:Buffer.alloc(16384),t=e.offset||0,i=(o=e.length)!=null?o:l.byteLength,n=(a=e.position)!=null?a:null),t!=null||(t=0),i!=null||(i=0),i===0?{bytesRead:i,buffer:l}:{bytesRead:await this[Ri].readPromise(this.fd,l,t,i,n),buffer:l}}finally{this[js]()}}async readFile(e){var t;try{this[Ys](this.readFile);let i=(t=typeof e=="string"?e:e==null?void 0:e.encoding)!=null?t:void 0;return await this[Ri].readFilePromise(this.fd,i)}finally{this[js]()}}readLines(e){return(0,G1.createInterface)({input:this.createReadStream(e),crlfDelay:1/0})}async stat(e){try{return this[Ys](this.stat),await this[Ri].fstatPromise(this.fd,e)}finally{this[js]()}}async truncate(e){try{return this[Ys](this.truncate),await this[Ri].ftruncatePromise(this.fd,e)}finally{this[js]()}}utimes(e,t){throw new Error("Method not implemented.")}async writeFile(e,t){var i;try{this[Ys](this.writeFile);let n=(i=typeof t=="string"?t:t==null?void 0:t.encoding)!=null?i:void 0;await this[Ri].writeFilePromise(this.fd,e,n)}finally{this[js]()}}async write(...e){try{if(this[Ys](this.write),ArrayBuffer.isView(e[0])){let[t,i,n,s]=e;return{bytesWritten:await this[Ri].writePromise(this.fd,t,i!=null?i:void 0,n!=null?n:void 0,s!=null?s:void 0),buffer:t}}else{let[t,i,n]=e;return{bytesWritten:await this[Ri].writePromise(this.fd,t,i,n),buffer:t}}}finally{this[js]()}}async writev(e,t){try{this[Ys](this.writev);let i=0;if(typeof t<"u")for(let n of e){let s=await this.write(n,void 0,void 0,t);i+=s.bytesWritten,t+=s.bytesWritten}else for(let n of e)i+=(await this.write(n)).bytesWritten;return{buffers:e,bytesWritten:i}}finally{this[js]()}}readv(e,t){throw new Error("Method not implemented.")}close(){if(this[pa]===-1)return Promise.resolve();if(this[IA])return this[IA];if(this[mg]--,this[mg]===0){let e=this[pa];this[pa]=-1,this[IA]=this[Ri].closePromise(e).finally(()=>{this[IA]=void 0})}else this[IA]=new Promise((e,t)=>{this[zE]=e,this[VE]=t}).finally(()=>{this[IA]=void 0,this[VE]=void 0,this[zE]=void 0});return this[IA]}[(Ri,pa,sge=mg,oge=IA,age=zE,Age=VE,Ys)](e){if(this[pa]===-1){let t=new Error("file closed");throw t.code="EBADF",t.syscall=e.name,t}this[mg]++}[js](){if(this[mg]--,this[mg]===0){let e=this[pa];this[pa]=-1,this[Ri].closePromise(e).then(this[zE],this[VE])}}};var lge=new Set(["accessSync","appendFileSync","createReadStream","createWriteStream","chmodSync","fchmodSync","chownSync","fchownSync","closeSync","copyFileSync","linkSync","lstatSync","fstatSync","lutimesSync","mkdirSync","openSync","opendirSync","readlinkSync","readFileSync","readdirSync","readlinkSync","realpathSync","renameSync","rmdirSync","statSync","symlinkSync","truncateSync","ftruncateSync","unlinkSync","unwatchFile","utimesSync","watch","watchFile","writeFileSync","writeSync"]),Y1=new Set(["accessPromise","appendFilePromise","fchmodPromise","chmodPromise","fchownPromise","chownPromise","closePromise","copyFilePromise","linkPromise","fstatPromise","lstatPromise","lutimesPromise","mkdirPromise","openPromise","opendirPromise","readdirPromise","realpathPromise","readFilePromise","readdirPromise","readlinkPromise","renamePromise","rmdirPromise","statPromise","symlinkPromise","truncatePromise","ftruncatePromise","unlinkPromise","utimesPromise","writeFilePromise","writeSync"]);function lS(r,e){e=new JE(e);let t=(i,n,s)=>{let o=i[n];i[n]=s,typeof(o==null?void 0:o[Eg.promisify.custom])<"u"&&(s[Eg.promisify.custom]=o[Eg.promisify.custom])};{t(r,"exists",(i,...n)=>{let o=typeof n[n.length-1]=="function"?n.pop():()=>{};process.nextTick(()=>{e.existsPromise(i).then(a=>{o(a)},()=>{o(!1)})})}),t(r,"read",(...i)=>{let[n,s,o,a,l,c]=i;if(i.length<=3){let u={};i.length<3?c=i[1]:(u=i[1],c=i[2]),{buffer:s=Buffer.alloc(16384),offset:o=0,length:a=s.byteLength,position:l}=u}if(o==null&&(o=0),a|=0,a===0){process.nextTick(()=>{c(null,0,s)});return}l==null&&(l=-1),process.nextTick(()=>{e.readPromise(n,s,o,a,l).then(u=>{c(null,u,s)},u=>{c(u,0,s)})})});for(let i of Y1){let n=i.replace(/Promise$/,"");if(typeof r[n]>"u")continue;let s=e[i];if(typeof s>"u")continue;t(r,n,(...a)=>{let c=typeof a[a.length-1]=="function"?a.pop():()=>{};process.nextTick(()=>{s.apply(e,a).then(u=>{c(null,u)},u=>{c(u)})})})}r.realpath.native=r.realpath}{t(r,"existsSync",i=>{try{return e.existsSync(i)}catch{return!1}}),t(r,"readSync",(...i)=>{let[n,s,o,a,l]=i;return i.length<=3&&({offset:o=0,length:a=s.byteLength,position:l}=i[2]||{}),o==null&&(o=0),a|=0,a===0?0:(l==null&&(l=-1),e.readSync(n,s,o,a,l))});for(let i of lge){let n=i;if(typeof r[n]>"u")continue;let s=e[i];typeof s>"u"||t(r,n,s.bind(e))}r.realpathSync.native=r.realpathSync}{let i=process.emitWarning;process.emitWarning=()=>{};let n;try{n=r.promises}finally{process.emitWarning=i}if(typeof n<"u"){for(let s of Y1){let o=s.replace(/Promise$/,"");if(typeof n[o]>"u")continue;let a=e[s];typeof a>"u"||s!=="open"&&t(n,o,(l,...c)=>l instanceof Np?l[o].apply(l,c):a.call(e,l,...c))}t(n,"open",async(...s)=>{let o=await e.openPromise(...s);return new Np(o,e)})}}r.read[Eg.promisify.custom]=async(i,n,...s)=>({bytesRead:await e.readPromise(i,n,...s),buffer:n}),r.write[Eg.promisify.custom]=async(i,n,...s)=>({bytesWritten:await e.writePromise(i,n,...s),buffer:n})}function XE(r,e){let t=Object.create(r);return lS(t,e),t}var J1=Pe(J("os"));function j1(r){let e=Math.ceil(Math.random()*4294967296).toString(16).padStart(8,"0");return`${r}${e}`}var qs=new Set,cS=null;function q1(){if(cS)return cS;let r=K.toPortablePath(J1.default.tmpdir()),e=M.realpathSync(r);return process.once("exit",()=>{M.rmtempSync()}),cS={tmpdir:r,realTmpdir:e}}var M=Object.assign(new $t,{detachTemp(r){qs.delete(r)},mktempSync(r){let{tmpdir:e,realTmpdir:t}=q1();for(;;){let i=j1("xfs-");try{this.mkdirSync(x.join(e,i))}catch(s){if(s.code==="EEXIST")continue;throw s}let n=x.join(t,i);if(qs.add(n),typeof r>"u")return n;try{return r(n)}finally{if(qs.has(n)){qs.delete(n);try{this.removeSync(n)}catch{}}}}},async mktempPromise(r){let{tmpdir:e,realTmpdir:t}=q1();for(;;){let i=j1("xfs-");try{await this.mkdirPromise(x.join(e,i))}catch(s){if(s.code==="EEXIST")continue;throw s}let n=x.join(t,i);if(qs.add(n),typeof r>"u")return n;try{return await r(n)}finally{if(qs.has(n)){qs.delete(n);try{await this.removePromise(n)}catch{}}}}},async rmtempPromise(){await Promise.all(Array.from(qs.values()).map(async r=>{try{await M.removePromise(r,{maxRetries:0}),qs.delete(r)}catch{}}))},rmtempSync(){for(let r of qs)try{M.removeSync(r),qs.delete(r)}catch{}}});var _D=Pe(IS());var Yp={};ut(Yp,{parseResolution:()=>rI,parseShell:()=>$E,parseSyml:()=>Ii,stringifyArgument:()=>QS,stringifyArgumentSegment:()=>bS,stringifyArithmeticExpression:()=>tI,stringifyCommand:()=>BS,stringifyCommandChain:()=>Bg,stringifyCommandChainThen:()=>wS,stringifyCommandLine:()=>eI,stringifyCommandLineThen:()=>yS,stringifyEnvSegment:()=>ZE,stringifyRedirectArgument:()=>Tp,stringifyResolution:()=>iI,stringifyShell:()=>wg,stringifyShellLine:()=>wg,stringifySyml:()=>Ca,stringifyValueArgument:()=>Kl});var TK=Pe(LK());function $E(r,e={isGlobPattern:()=>!1}){try{return(0,TK.parse)(r,e)}catch(t){throw t.location&&(t.message=t.message.replace(/(\.)?$/,` (line ${t.location.start.line}, column ${t.location.start.column})$1`)),t}}function wg(r,{endSemicolon:e=!1}={}){return r.map(({command:t,type:i},n)=>`${eI(t)}${i===";"?n!==r.length-1||e?";":"":" &"}`).join(" ")}function eI(r){return`${Bg(r.chain)}${r.then?` ${yS(r.then)}`:""}`}function yS(r){return`${r.type} ${eI(r.line)}`}function Bg(r){return`${BS(r)}${r.then?` ${wS(r.then)}`:""}`}function wS(r){return`${r.type} ${Bg(r.chain)}`}function BS(r){switch(r.type){case"command":return`${r.envs.length>0?`${r.envs.map(e=>ZE(e)).join(" ")} `:""}${r.args.map(e=>QS(e)).join(" ")}`;case"subshell":return`(${wg(r.subshell)})${r.args.length>0?` ${r.args.map(e=>Tp(e)).join(" ")}`:""}`;case"group":return`{ ${wg(r.group,{endSemicolon:!0})} }${r.args.length>0?` ${r.args.map(e=>Tp(e)).join(" ")}`:""}`;case"envs":return r.envs.map(e=>ZE(e)).join(" ");default:throw new Error(`Unsupported command type:  "${r.type}"`)}}function ZE(r){return`${r.name}=${r.args[0]?Kl(r.args[0]):""}`}function QS(r){switch(r.type){case"redirection":return Tp(r);case"argument":return Kl(r);default:throw new Error(`Unsupported argument type: "${r.type}"`)}}function Tp(r){return`${r.subtype} ${r.args.map(e=>Kl(e)).join(" ")}`}function Kl(r){return r.segments.map(e=>bS(e)).join("")}function bS(r){let e=(i,n)=>n?`"${i}"`:i,t=i=>i===""?'""':i.match(/[(){}<>$|&; \t"']/)?`$'${i.replace(/\\/g,"\\\\").replace(/'/g,"\\'").replace(/\f/g,"\\f").replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/\t/g,"\\t").replace(/\v/g,"\\v").replace(/\0/g,"\\0")}'`:i;switch(r.type){case"text":return t(r.text);case"glob":return r.pattern;case"shell":return e(`\${${wg(r.shell)}}`,r.quoted);case"variable":return e(typeof r.defaultValue>"u"?typeof r.alternativeValue>"u"?`\${${r.name}}`:r.alternativeValue.length===0?`\${${r.name}:+}`:`\${${r.name}:+${r.alternativeValue.map(i=>Kl(i)).join(" ")}}`:r.defaultValue.length===0?`\${${r.name}:-}`:`\${${r.name}:-${r.defaultValue.map(i=>Kl(i)).join(" ")}}`,r.quoted);case"arithmetic":return`$(( ${tI(r.arithmetic)} ))`;default:throw new Error(`Unsupported argument segment type: "${r.type}"`)}}function tI(r){let e=n=>{switch(n){case"addition":return"+";case"subtraction":return"-";case"multiplication":return"*";case"division":return"/";default:throw new Error(`Can't extract operator from arithmetic expression of type "${n}"`)}},t=(n,s)=>s?`( ${n} )`:n,i=n=>t(tI(n),!["number","variable"].includes(n.type));switch(r.type){case"number":return String(r.value);case"variable":return r.name;default:return`${i(r.left)} ${e(r.type)} ${i(r.right)}`}}var KK=Pe(MK());function rI(r){let e=r.match(/^\*{1,2}\/(.*)/);if(e)throw new Error(`The override for '${r}' includes a glob pattern. Glob patterns have been removed since their behaviours don't match what you'd expect. Set the override to '${e[1]}' instead.`);try{return(0,KK.parse)(r)}catch(t){throw t.location&&(t.message=t.message.replace(/(\.)?$/,` (line ${t.location.start.line}, column ${t.location.start.column})$1`)),t}}function iI(r){let e="";return r.from&&(e+=r.from.fullName,r.from.description&&(e+=`@${r.from.description}`),e+="/"),e+=r.descriptor.fullName,r.descriptor.description&&(e+=`@${r.descriptor.description}`),e}var pI=Pe(P2()),N2=Pe(k2()),mpe=/^(?![-?:,\][{}#&*!|>'"%@` \t\r\n]).([ \t]*(?![,\][{}:# \t\r\n]).)*$/,R2=["__metadata","version","resolution","dependencies","peerDependencies","dependenciesMeta","peerDependenciesMeta","binaries"],hI=class{constructor(e){this.data=e}};function F2(r){return r.match(mpe)?r:JSON.stringify(r)}function L2(r){return typeof r>"u"?!0:typeof r=="object"&&r!==null?Object.keys(r).every(e=>L2(r[e])):!1}function MS(r,e,t){if(r===null)return`null
-`;if(typeof r=="number"||typeof r=="boolean")return`${r.toString()}
-`;if(typeof r=="string")return`${F2(r)}
-`;if(Array.isArray(r)){if(r.length===0)return`[]
-`;let i="  ".repeat(e);return`
-${r.map(s=>`${i}- ${MS(s,e+1,!1)}`).join("")}`}if(typeof r=="object"&&r){let i,n;r instanceof hI?(i=r.data,n=!1):(i=r,n=!0);let s="  ".repeat(e),o=Object.keys(i);n&&o.sort((l,c)=>{let u=R2.indexOf(l),g=R2.indexOf(c);return u===-1&&g===-1?l<c?-1:l>c?1:0:u!==-1&&g===-1?-1:u===-1&&g!==-1?1:u-g});let a=o.filter(l=>!L2(i[l])).map((l,c)=>{let u=i[l],g=F2(l),f=MS(u,e+1,!0),h=c>0||t?s:"",p=g.length>1024?`? ${g}
-${h}:`:`${g}:`,C=f.startsWith(`
-`)?f:` ${f}`;return`${h}${p}${C}`}).join(e===0?`
-`:"")||`
-`;return t?`
-${a}`:`${a}`}throw new Error(`Unsupported value type (${r})`)}function Ca(r){try{let e=MS(r,0,!1);return e!==`
-`?e:""}catch(e){throw e.location&&(e.message=e.message.replace(/(\.)?$/,` (line ${e.location.start.line}, column ${e.location.start.column})$1`)),e}}Ca.PreserveOrdering=hI;function Epe(r){return r.endsWith(`
-`)||(r+=`
-`),(0,N2.parse)(r)}var Ipe=/^(#.*(\r?\n))*?#\s+yarn\s+lockfile\s+v1\r?\n/i;function ype(r){if(Ipe.test(r))return Epe(r);let e=(0,pI.safeLoad)(r,{schema:pI.FAILSAFE_SCHEMA,json:!0});if(e==null)return{};if(typeof e!="object")throw new Error(`Expected an indexed object, got a ${typeof e} instead. Does your file follow Yaml's rules?`);if(Array.isArray(e))throw new Error("Expected an indexed object, got an array instead. Does your file follow Yaml's rules?");return e}function Ii(r){return ype(r)}var H8=Pe(O2()),Sw=Pe(Vl());var $p={};ut($p,{Builtins:()=>$S,Cli:()=>Kn,Command:()=>ve,Option:()=>z,UsageError:()=>be,formatMarkdownish:()=>Ni});var US="
",yi="\0";var HS=/^(-h|--help)(?:=([0-9]+))?$/,dI=/^(--[a-z]+(?:-[a-z]+)*|-[a-zA-Z]+)$/,H2=/^-[a-zA-Z]{2,}$/,GS=/^([^=]+)=([\s\S]*)$/,YS=process.env.DEBUG_CLI==="1";var be=class extends Error{constructor(e){super(e),this.clipanion={type:"usage"},this.name="UsageError"}},kg=class extends Error{constructor(e,t){if(super(),this.input=e,this.candidates=t,this.clipanion={type:"none"},this.name="UnknownSyntaxError",this.candidates.length===0)this.message="Command not found, but we're not sure what's the alternative.";else if(this.candidates.every(i=>i.reason!==null&&i.reason===t[0].reason)){let[{reason:i}]=this.candidates;this.message=`${i}
-
-${this.candidates.map(({usage:n})=>`$ ${n}`).join(`
-`)}`}else if(this.candidates.length===1){let[{usage:i}]=this.candidates;this.message=`Command not found; did you mean:
-
-$ ${i}
-${jS(e)}`}else this.message=`Command not found; did you mean one of:
-
-${this.candidates.map(({usage:i},n)=>`${`${n}.`.padStart(4)} ${i}`).join(`
-`)}
-
-${jS(e)}`}},CI=class extends Error{constructor(e,t){super(),this.input=e,this.usages=t,this.clipanion={type:"none"},this.name="AmbiguousSyntaxError",this.message=`Cannot find which to pick amongst the following alternatives:
-
-${this.usages.map((i,n)=>`${`${n}.`.padStart(4)} ${i}`).join(`
-`)}
-
-${jS(e)}`}},jS=r=>`While running ${r.filter(e=>e!==yi).map(e=>{let t=JSON.stringify(e);return e.match(/\s/)||e.length===0||t!==`"${e}"`?t:e}).join(" ")}`;var jp=Symbol("clipanion/isOption");function Ji(r){return{...r,[jp]:!0}}function bo(r,e){return typeof r>"u"?[r,e]:typeof r=="object"&&r!==null&&!Array.isArray(r)?[void 0,r]:[r,e]}function mI(r,e=!1){let t=r.replace(/^\.: /,"");return e&&(t=t[0].toLowerCase()+t.slice(1)),t}function qp(r,e){return e.length===1?new be(`${r}: ${mI(e[0],!0)}`):new be(`${r}:
-${e.map(t=>`
-- ${mI(t)}`).join("")}`)}function Jp(r,e,t){if(typeof t>"u")return e;let i=[],n=[],s=a=>{let l=e;return e=a,s.bind(null,l)};if(!t(e,{errors:i,coercions:n,coercion:s}))throw qp(`Invalid value for ${r}`,i);for(let[,a]of n)a();return e}var ve=class{constructor(){this.help=!1}static Usage(e){return e}async catch(e){throw e}async validateAndExecute(){let t=this.constructor.schema;if(Array.isArray(t)){let{isDict:n,isUnknown:s,applyCascade:o}=await Promise.resolve().then(()=>(ns(),gn)),a=o(n(s()),t),l=[],c=[];if(!a(this,{errors:l,coercions:c}))throw qp("Invalid option schema",l);for(let[,g]of c)g()}else if(t!=null)throw new Error("Invalid command schema");let i=await this.execute();return typeof i<"u"?i:0}};ve.isOption=jp;ve.Default=[];var WS=Array(80).fill("\u2501");for(let r=0;r<=24;++r)WS[WS.length-r]=`\x1B[38;5;${232+r}m\u2501`;var zS={header:r=>`\x1B[1m\u2501\u2501\u2501 ${r}${r.length<80-5?` ${WS.slice(r.length+5).join("")}`:":"}\x1B[0m`,bold:r=>`\x1B[1m${r}\x1B[22m`,error:r=>`\x1B[31m\x1B[1m${r}\x1B[22m\x1B[39m`,code:r=>`\x1B[36m${r}\x1B[39m`},_2={header:r=>r,bold:r=>r,error:r=>r,code:r=>r};function nde(r){let e=r.split(`
-`),t=e.filter(n=>n.match(/\S/)),i=t.length>0?t.reduce((n,s)=>Math.min(n,s.length-s.trimStart().length),Number.MAX_VALUE):0;return e.map(n=>n.slice(i).trimRight()).join(`
-`)}function Ni(r,{format:e,paragraphs:t}){return r=r.replace(/\r\n?/g,`
-`),r=nde(r),r=r.replace(/^\n+|\n+$/g,""),r=r.replace(/^(\s*)-([^\n]*?)\n+/gm,`$1-$2
-
-`),r=r.replace(/\n(\n)?\n*/g,"$1"),t&&(r=r.split(/\n/).map(i=>{let n=i.match(/^\s*[*-][\t ]+(.*)/);if(!n)return i.match(/(.{1,80})(?: |$)/g).join(`
-`);let s=i.length-i.trimStart().length;return n[1].match(new RegExp(`(.{1,${78-s}})(?: |$)`,"g")).map((o,a)=>" ".repeat(s)+(a===0?"- ":"  ")+o).join(`
-`)}).join(`
-
-`)),r=r.replace(/(`+)((?:.|[\n])*?)\1/g,(i,n,s)=>e.code(n+s+n)),r=r.replace(/(\*\*)((?:.|[\n])*?)\1/g,(i,n,s)=>e.bold(n+s+n)),r?`${r}
-`:""}var ZS=Pe(J("tty"),1);function fn(r){YS&&console.log(r)}var Z2={candidateUsage:null,requiredOptions:[],errorMessage:null,ignoreOptions:!1,path:[],positionals:[],options:[],remainder:null,selectedIndex:-1};function $2(){return{nodes:[zi(),zi(),zi()]}}function sde(r){let e=$2(),t=[],i=e.nodes.length;for(let n of r){t.push(i);for(let s=0;s<n.nodes.length;++s)rH(s)||e.nodes.push(hde(n.nodes[s],i));i+=n.nodes.length-2}for(let n of t)Rg(e,0,n);return e}function Js(r,e){return r.nodes.push(e),r.nodes.length-1}function ode(r){let e=new Set,t=i=>{if(e.has(i))return;e.add(i);let n=r.nodes[i];for(let o of Object.values(n.statics))for(let{to:a}of o)t(a);for(let[,{to:o}]of n.dynamics)t(o);for(let{to:o}of n.shortcuts)t(o);let s=new Set(n.shortcuts.map(({to:o})=>o));for(;n.shortcuts.length>0;){let{to:o}=n.shortcuts.shift(),a=r.nodes[o];for(let[l,c]of Object.entries(a.statics)){let u=Object.prototype.hasOwnProperty.call(n.statics,l)?n.statics[l]:n.statics[l]=[];for(let g of c)u.some(({to:f})=>g.to===f)||u.push(g)}for(let[l,c]of a.dynamics)n.dynamics.some(([u,{to:g}])=>l===u&&c.to===g)||n.dynamics.push([l,c]);for(let l of a.shortcuts)s.has(l.to)||(n.shortcuts.push(l),s.add(l.to))}};t(0)}function ade(r,{prefix:e=""}={}){if(YS){fn(`${e}Nodes are:`);for(let t=0;t<r.nodes.length;++t)fn(`${e}  ${t}: ${JSON.stringify(r.nodes[t])}`)}}function eH(r,e,t=!1){fn(`Running a vm on ${JSON.stringify(e)}`);let i=[{node:0,state:{candidateUsage:null,requiredOptions:[],errorMessage:null,ignoreOptions:!1,options:[],path:[],positionals:[],remainder:null,selectedIndex:null}}];ade(r,{prefix:"  "});let n=[US,...e];for(let s=0;s<n.length;++s){let o=n[s];fn(`  Processing ${JSON.stringify(o)}`);let a=[];for(let{node:l,state:c}of i){fn(`    Current node is ${l}`);let u=r.nodes[l];if(l===2){a.push({node:l,state:c});continue}console.assert(u.shortcuts.length===0,"Shortcuts should have been eliminated by now");let g=Object.prototype.hasOwnProperty.call(u.statics,o);if(!t||s<n.length-1||g)if(g){let f=u.statics[o];for(let{to:h,reducer:p}of f)a.push({node:h,state:typeof p<"u"?II(XS,p,c,o):c}),fn(`      Static transition to ${h} found`)}else fn("      No static transition found");else{let f=!1;for(let h of Object.keys(u.statics))if(!!h.startsWith(o)){if(o===h)for(let{to:p,reducer:C}of u.statics[h])a.push({node:p,state:typeof C<"u"?II(XS,C,c,o):c}),fn(`      Static transition to ${p} found`);else for(let{to:p}of u.statics[h])a.push({node:p,state:{...c,remainder:h.slice(o.length)}}),fn(`      Static transition to ${p} found (partial match)`);f=!0}f||fn("      No partial static transition found")}if(o!==yi)for(let[f,{to:h,reducer:p}]of u.dynamics)II(wI,f,c,o)&&(a.push({node:h,state:typeof p<"u"?II(XS,p,c,o):c}),fn(`      Dynamic transition to ${h} found (via ${f})`))}if(a.length===0&&o===yi&&e.length===1)return[{node:0,state:Z2}];if(a.length===0)throw new kg(e,i.filter(({node:l})=>l!==2).map(({state:l})=>({usage:l.candidateUsage,reason:null})));if(a.every(({node:l})=>l===2))throw new kg(e,a.map(({state:l})=>({usage:l.candidateUsage,reason:l.errorMessage})));i=ude(a)}if(i.length>0){fn("  Results:");for(let s of i)fn(`    - ${s.node} -> ${JSON.stringify(s.state)}`)}else fn("  No results");return i}function Ade(r,e){if(e.selectedIndex!==null)return!0;if(Object.prototype.hasOwnProperty.call(r.statics,yi)){for(let{to:t}of r.statics[yi])if(t===1)return!0}return!1}function lde(r,e,t){let i=t&&e.length>0?[""]:[],n=eH(r,e,t),s=[],o=new Set,a=(l,c,u=!0)=>{let g=[c];for(;g.length>0;){let h=g;g=[];for(let p of h){let C=r.nodes[p],y=Object.keys(C.statics);for(let B of Object.keys(C.statics)){let v=y[0];for(let{to:D,reducer:L}of C.statics[v])L==="pushPath"&&(u||l.push(v),g.push(D))}}u=!1}let f=JSON.stringify(l);o.has(f)||(s.push(l),o.add(f))};for(let{node:l,state:c}of n){if(c.remainder!==null){a([c.remainder],l);continue}let u=r.nodes[l],g=Ade(u,c);for(let[f,h]of Object.entries(u.statics))(g&&f!==yi||!f.startsWith("-")&&h.some(({reducer:p})=>p==="pushPath"))&&a([...i,f],l);if(!!g)for(let[f,{to:h}]of u.dynamics){if(h===2)continue;let p=pde(f,c);if(p!==null)for(let C of p)a([...i,C],l)}}return[...s].sort()}function cde(r,e){let t=eH(r,[...e,yi]);return gde(e,t.map(({state:i})=>i))}function ude(r){let e=0;for(let{state:t}of r)t.path.length>e&&(e=t.path.length);return r.filter(({state:t})=>t.path.length===e)}function gde(r,e){let t=e.filter(g=>g.selectedIndex!==null);if(t.length===0)throw new Error;let i=t.filter(g=>g.requiredOptions.every(f=>f.some(h=>g.options.find(p=>p.name===h))));if(i.length===0)throw new kg(r,t.map(g=>({usage:g.candidateUsage,reason:null})));let n=0;for(let g of i)g.path.length>n&&(n=g.path.length);let s=i.filter(g=>g.path.length===n),o=g=>g.positionals.filter(({extra:f})=>!f).length+g.options.length,a=s.map(g=>({state:g,positionalCount:o(g)})),l=0;for(let{positionalCount:g}of a)g>l&&(l=g);let c=a.filter(({positionalCount:g})=>g===l).map(({state:g})=>g),u=fde(c);if(u.length>1)throw new CI(r,u.map(g=>g.candidateUsage));return u[0]}function fde(r){let e=[],t=[];for(let i of r)i.selectedIndex===-1?t.push(i):e.push(i);return t.length>0&&e.push({...Z2,path:tH(...t.map(i=>i.path)),options:t.reduce((i,n)=>i.concat(n.options),[])}),e}function tH(r,e,...t){return e===void 0?Array.from(r):tH(r.filter((i,n)=>i===e[n]),...t)}function zi(){return{dynamics:[],shortcuts:[],statics:{}}}function rH(r){return r===1||r===2}function VS(r,e=0){return{to:rH(r.to)?r.to:r.to>2?r.to+e-2:r.to+e,reducer:r.reducer}}function hde(r,e=0){let t=zi();for(let[i,n]of r.dynamics)t.dynamics.push([i,VS(n,e)]);for(let i of r.shortcuts)t.shortcuts.push(VS(i,e));for(let[i,n]of Object.entries(r.statics))t.statics[i]=n.map(s=>VS(s,e));return t}function wi(r,e,t,i,n){r.nodes[e].dynamics.push([t,{to:i,reducer:n}])}function Rg(r,e,t,i){r.nodes[e].shortcuts.push({to:t,reducer:i})}function ma(r,e,t,i,n){(Object.prototype.hasOwnProperty.call(r.nodes[e].statics,t)?r.nodes[e].statics[t]:r.nodes[e].statics[t]=[]).push({to:i,reducer:n})}function II(r,e,t,i){if(Array.isArray(e)){let[n,...s]=e;return r[n](t,i,...s)}else return r[e](t,i)}function pde(r,e){let t=Array.isArray(r)?wI[r[0]]:wI[r];if(typeof t.suggest>"u")return null;let i=Array.isArray(r)?r.slice(1):[];return t.suggest(e,...i)}var wI={always:()=>!0,isOptionLike:(r,e)=>!r.ignoreOptions&&e!=="-"&&e.startsWith("-"),isNotOptionLike:(r,e)=>r.ignoreOptions||e==="-"||!e.startsWith("-"),isOption:(r,e,t,i)=>!r.ignoreOptions&&e===t,isBatchOption:(r,e,t)=>!r.ignoreOptions&&H2.test(e)&&[...e.slice(1)].every(i=>t.includes(`-${i}`)),isBoundOption:(r,e,t,i)=>{let n=e.match(GS);return!r.ignoreOptions&&!!n&&dI.test(n[1])&&t.includes(n[1])&&i.filter(s=>s.names.includes(n[1])).every(s=>s.allowBinding)},isNegatedOption:(r,e,t)=>!r.ignoreOptions&&e===`--no-${t.slice(2)}`,isHelp:(r,e)=>!r.ignoreOptions&&HS.test(e),isUnsupportedOption:(r,e,t)=>!r.ignoreOptions&&e.startsWith("-")&&dI.test(e)&&!t.includes(e),isInvalidOption:(r,e)=>!r.ignoreOptions&&e.startsWith("-")&&!dI.test(e)};wI.isOption.suggest=(r,e,t=!0)=>t?null:[e];var XS={setCandidateState:(r,e,t)=>({...r,...t}),setSelectedIndex:(r,e,t)=>({...r,selectedIndex:t}),pushBatch:(r,e)=>({...r,options:r.options.concat([...e.slice(1)].map(t=>({name:`-${t}`,value:!0})))}),pushBound:(r,e)=>{let[,t,i]=e.match(GS);return{...r,options:r.options.concat({name:t,value:i})}},pushPath:(r,e)=>({...r,path:r.path.concat(e)}),pushPositional:(r,e)=>({...r,positionals:r.positionals.concat({value:e,extra:!1})}),pushExtra:(r,e)=>({...r,positionals:r.positionals.concat({value:e,extra:!0})}),pushExtraNoLimits:(r,e)=>({...r,positionals:r.positionals.concat({value:e,extra:Mn})}),pushTrue:(r,e,t=e)=>({...r,options:r.options.concat({name:e,value:!0})}),pushFalse:(r,e,t=e)=>({...r,options:r.options.concat({name:t,value:!1})}),pushUndefined:(r,e)=>({...r,options:r.options.concat({name:e,value:void 0})}),pushStringValue:(r,e)=>{var t;let i={...r,options:[...r.options]},n=r.options[r.options.length-1];return n.value=((t=n.value)!==null&&t!==void 0?t:[]).concat([e]),i},setStringValue:(r,e)=>{let t={...r,options:[...r.options]},i=r.options[r.options.length-1];return i.value=e,t},inhibateOptions:r=>({...r,ignoreOptions:!0}),useHelp:(r,e,t)=>{let[,,i]=e.match(HS);return typeof i<"u"?{...r,options:[{name:"-c",value:String(t)},{name:"-i",value:i}]}:{...r,options:[{name:"-c",value:String(t)}]}},setError:(r,e,t)=>e===yi?{...r,errorMessage:`${t}.`}:{...r,errorMessage:`${t} ("${e}").`},setOptionArityError:(r,e)=>{let t=r.options[r.options.length-1];return{...r,errorMessage:`Not enough arguments to option ${t.name}.`}}},Mn=Symbol(),_S=class{constructor(e,t){this.allOptionNames=[],this.arity={leading:[],trailing:[],extra:[],proxy:!1},this.options=[],this.paths=[],this.cliIndex=e,this.cliOpts=t}addPath(e){this.paths.push(e)}setArity({leading:e=this.arity.leading,trailing:t=this.arity.trailing,extra:i=this.arity.extra,proxy:n=this.arity.proxy}){Object.assign(this.arity,{leading:e,trailing:t,extra:i,proxy:n})}addPositional({name:e="arg",required:t=!0}={}){if(!t&&this.arity.extra===Mn)throw new Error("Optional parameters cannot be declared when using .rest() or .proxy()");if(!t&&this.arity.trailing.length>0)throw new Error("Optional parameters cannot be declared after the required trailing positional arguments");!t&&this.arity.extra!==Mn?this.arity.extra.push(e):this.arity.extra!==Mn&&this.arity.extra.length===0?this.arity.leading.push(e):this.arity.trailing.push(e)}addRest({name:e="arg",required:t=0}={}){if(this.arity.extra===Mn)throw new Error("Infinite lists cannot be declared multiple times in the same command");if(this.arity.trailing.length>0)throw new Error("Infinite lists cannot be declared after the required trailing positional arguments");for(let i=0;i<t;++i)this.addPositional({name:e});this.arity.extra=Mn}addProxy({required:e=0}={}){this.addRest({required:e}),this.arity.proxy=!0}addOption({names:e,description:t,arity:i=0,hidden:n=!1,required:s=!1,allowBinding:o=!0}){if(!o&&i>1)throw new Error("The arity cannot be higher than 1 when the option only supports the --arg=value syntax");if(!Number.isInteger(i))throw new Error(`The arity must be an integer, got ${i}`);if(i<0)throw new Error(`The arity must be positive, got ${i}`);this.allOptionNames.push(...e),this.options.push({names:e,description:t,arity:i,hidden:n,required:s,allowBinding:o})}setContext(e){this.context=e}usage({detailed:e=!0,inlineOptions:t=!0}={}){let i=[this.cliOpts.binaryName],n=[];if(this.paths.length>0&&i.push(...this.paths[0]),e){for(let{names:o,arity:a,hidden:l,description:c,required:u}of this.options){if(l)continue;let g=[];for(let h=0;h<a;++h)g.push(` #${h}`);let f=`${o.join(",")}${g.join("")}`;!t&&c?n.push({definition:f,description:c,required:u}):i.push(u?`<${f}>`:`[${f}]`)}i.push(...this.arity.leading.map(o=>`<${o}>`)),this.arity.extra===Mn?i.push("..."):i.push(...this.arity.extra.map(o=>`[${o}]`)),i.push(...this.arity.trailing.map(o=>`<${o}>`))}return{usage:i.join(" "),options:n}}compile(){if(typeof this.context>"u")throw new Error("Assertion failed: No context attached");let e=$2(),t=0,i=this.usage().usage,n=this.options.filter(a=>a.required).map(a=>a.names);t=Js(e,zi()),ma(e,0,US,t,["setCandidateState",{candidateUsage:i,requiredOptions:n}]);let s=this.arity.proxy?"always":"isNotOptionLike",o=this.paths.length>0?this.paths:[[]];for(let a of o){let l=t;if(a.length>0){let f=Js(e,zi());Rg(e,l,f),this.registerOptions(e,f),l=f}for(let f=0;f<a.length;++f){let h=Js(e,zi());ma(e,l,a[f],h,"pushPath"),l=h}if(this.arity.leading.length>0||!this.arity.proxy){let f=Js(e,zi());wi(e,l,"isHelp",f,["useHelp",this.cliIndex]),ma(e,f,yi,1,["setSelectedIndex",-1]),this.registerOptions(e,l)}this.arity.leading.length>0&&ma(e,l,yi,2,["setError","Not enough positional arguments"]);let c=l;for(let f=0;f<this.arity.leading.length;++f){let h=Js(e,zi());this.arity.proxy||this.registerOptions(e,h),(this.arity.trailing.length>0||f+1!==this.arity.leading.length)&&ma(e,h,yi,2,["setError","Not enough positional arguments"]),wi(e,c,"isNotOptionLike",h,"pushPositional"),c=h}let u=c;if(this.arity.extra===Mn||this.arity.extra.length>0){let f=Js(e,zi());if(Rg(e,c,f),this.arity.extra===Mn){let h=Js(e,zi());this.arity.proxy||this.registerOptions(e,h),wi(e,c,s,h,"pushExtraNoLimits"),wi(e,h,s,h,"pushExtraNoLimits"),Rg(e,h,f)}else for(let h=0;h<this.arity.extra.length;++h){let p=Js(e,zi());this.arity.proxy||this.registerOptions(e,p),wi(e,u,s,p,"pushExtra"),Rg(e,p,f),u=p}u=f}this.arity.trailing.length>0&&ma(e,u,yi,2,["setError","Not enough positional arguments"]);let g=u;for(let f=0;f<this.arity.trailing.length;++f){let h=Js(e,zi());this.arity.proxy||this.registerOptions(e,h),f+1<this.arity.trailing.length&&ma(e,h,yi,2,["setError","Not enough positional arguments"]),wi(e,g,"isNotOptionLike",h,"pushPositional"),g=h}wi(e,g,s,2,["setError","Extraneous positional argument"]),ma(e,g,yi,1,["setSelectedIndex",this.cliIndex])}return{machine:e,context:this.context}}registerOptions(e,t){wi(e,t,["isOption","--"],t,"inhibateOptions"),wi(e,t,["isBatchOption",this.allOptionNames],t,"pushBatch"),wi(e,t,["isBoundOption",this.allOptionNames,this.options],t,"pushBound"),wi(e,t,["isUnsupportedOption",this.allOptionNames],2,["setError","Unsupported option name"]),wi(e,t,["isInvalidOption"],2,["setError","Invalid option name"]);for(let i of this.options){let n=i.names.reduce((s,o)=>o.length>s.length?o:s,"");if(i.arity===0)for(let s of i.names)wi(e,t,["isOption",s,i.hidden||s!==n],t,"pushTrue"),s.startsWith("--")&&!s.startsWith("--no-")&&wi(e,t,["isNegatedOption",s],t,["pushFalse",s]);else{let s=Js(e,zi());for(let o of i.names)wi(e,t,["isOption",o,i.hidden||o!==n],s,"pushUndefined");for(let o=0;o<i.arity;++o){let a=Js(e,zi());ma(e,s,yi,2,"setOptionArityError"),wi(e,s,"isOptionLike",2,"setOptionArityError");let l=i.arity===1?"setStringValue":"pushStringValue";wi(e,s,"isNotOptionLike",a,l),s=a}Rg(e,s,t)}}}},Ng=class{constructor({binaryName:e="..."}={}){this.builders=[],this.opts={binaryName:e}}static build(e,t={}){return new Ng(t).commands(e).compile()}getBuilderByIndex(e){if(!(e>=0&&e<this.builders.length))throw new Error(`Assertion failed: Out-of-bound command index (${e})`);return this.builders[e]}commands(e){for(let t of e)t(this.command());return this}command(){let e=new _S(this.builders.length,this.opts);return this.builders.push(e),e}compile(){let e=[],t=[];for(let n of this.builders){let{machine:s,context:o}=n.compile();e.push(s),t.push(o)}let i=sde(e);return ode(i),{machine:i,contexts:t,process:n=>cde(i,n),suggest:(n,s)=>lde(i,n,s)}}};var Lg=class extends ve{constructor(e){super(),this.contexts=e,this.commands=[]}static from(e,t){let i=new Lg(t);i.path=e.path;for(let n of e.options)switch(n.name){case"-c":i.commands.push(Number(n.value));break;case"-i":i.index=Number(n.value);break}return i}async execute(){let e=this.commands;if(typeof this.index<"u"&&this.index>=0&&this.index<e.length&&(e=[e[this.index]]),e.length===0)this.context.stdout.write(this.cli.usage());else if(e.length===1)this.context.stdout.write(this.cli.usage(this.contexts[e[0]].commandClass,{detailed:!0}));else if(e.length>1){this.context.stdout.write(`Multiple commands match your selection:
-`),this.context.stdout.write(`
-`);let t=0;for(let i of this.commands)this.context.stdout.write(this.cli.usage(this.contexts[i].commandClass,{prefix:`${t++}. `.padStart(5)}));this.context.stdout.write(`
-`),this.context.stdout.write(`Run again with -h=<index> to see the longer details of any of those commands.
-`)}}};var iH=Symbol("clipanion/errorCommand");function dde(){return process.env.FORCE_COLOR==="0"?1:process.env.FORCE_COLOR==="1"||typeof process.stdout<"u"&&process.stdout.isTTY?8:1}var Kn=class{constructor({binaryLabel:e,binaryName:t="...",binaryVersion:i,enableCapture:n=!1,enableColors:s}={}){this.registrations=new Map,this.builder=new Ng({binaryName:t}),this.binaryLabel=e,this.binaryName=t,this.binaryVersion=i,this.enableCapture=n,this.enableColors=s}static from(e,t={}){let i=new Kn(t);for(let n of e)i.register(n);return i}register(e){var t;let i=new Map,n=new e;for(let l in n){let c=n[l];typeof c=="object"&&c!==null&&c[ve.isOption]&&i.set(l,c)}let s=this.builder.command(),o=s.cliIndex,a=(t=e.paths)!==null&&t!==void 0?t:n.paths;if(typeof a<"u")for(let l of a)s.addPath(l);this.registrations.set(e,{specs:i,builder:s,index:o});for(let[l,{definition:c}]of i.entries())c(s,l);s.setContext({commandClass:e})}process(e){let{contexts:t,process:i}=this.builder.compile(),n=i(e);switch(n.selectedIndex){case-1:return Lg.from(n,t);default:{let{commandClass:s}=t[n.selectedIndex],o=this.registrations.get(s);if(typeof o>"u")throw new Error("Assertion failed: Expected the command class to have been registered.");let a=new s;a.path=n.path;try{for(let[l,{transformer:c}]of o.specs.entries())a[l]=c(o.builder,l,n);return a}catch(l){throw l[iH]=a,l}}break}}async run(e,t){var i;let n,s={...Kn.defaultContext,...t},o=(i=this.enableColors)!==null&&i!==void 0?i:s.colorDepth>1;if(!Array.isArray(e))n=e;else try{n=this.process(e)}catch(c){return s.stdout.write(this.error(c,{colored:o})),1}if(n.help)return s.stdout.write(this.usage(n,{colored:o,detailed:!0})),0;n.context=s,n.cli={binaryLabel:this.binaryLabel,binaryName:this.binaryName,binaryVersion:this.binaryVersion,enableCapture:this.enableCapture,enableColors:this.enableColors,definitions:()=>this.definitions(),error:(c,u)=>this.error(c,u),format:c=>this.format(c),process:c=>this.process(c),run:(c,u)=>this.run(c,{...s,...u}),usage:(c,u)=>this.usage(c,u)};let a=this.enableCapture?Cde(s):sH,l;try{l=await a(()=>n.validateAndExecute().catch(c=>n.catch(c).then(()=>0)))}catch(c){return s.stdout.write(this.error(c,{colored:o,command:n})),1}return l}async runExit(e,t){process.exitCode=await this.run(e,t)}suggest(e,t){let{suggest:i}=this.builder.compile();return i(e,t)}definitions({colored:e=!1}={}){let t=[];for(let[i,{index:n}]of this.registrations){if(typeof i.usage>"u")continue;let{usage:s}=this.getUsageByIndex(n,{detailed:!1}),{usage:o,options:a}=this.getUsageByIndex(n,{detailed:!0,inlineOptions:!1}),l=typeof i.usage.category<"u"?Ni(i.usage.category,{format:this.format(e),paragraphs:!1}):void 0,c=typeof i.usage.description<"u"?Ni(i.usage.description,{format:this.format(e),paragraphs:!1}):void 0,u=typeof i.usage.details<"u"?Ni(i.usage.details,{format:this.format(e),paragraphs:!0}):void 0,g=typeof i.usage.examples<"u"?i.usage.examples.map(([f,h])=>[Ni(f,{format:this.format(e),paragraphs:!1}),h.replace(/\$0/g,this.binaryName)]):void 0;t.push({path:s,usage:o,category:l,description:c,details:u,examples:g,options:a})}return t}usage(e=null,{colored:t,detailed:i=!1,prefix:n="$ "}={}){var s;if(e===null){for(let l of this.registrations.keys()){let c=l.paths,u=typeof l.usage<"u";if(!c||c.length===0||c.length===1&&c[0].length===0||((s=c==null?void 0:c.some(h=>h.length===0))!==null&&s!==void 0?s:!1))if(e){e=null;break}else e=l;else if(u){e=null;continue}}e&&(i=!0)}let o=e!==null&&e instanceof ve?e.constructor:e,a="";if(o)if(i){let{description:l="",details:c="",examples:u=[]}=o.usage||{};l!==""&&(a+=Ni(l,{format:this.format(t),paragraphs:!1}).replace(/^./,h=>h.toUpperCase()),a+=`
-`),(c!==""||u.length>0)&&(a+=`${this.format(t).header("Usage")}
-`,a+=`
-`);let{usage:g,options:f}=this.getUsageByRegistration(o,{inlineOptions:!1});if(a+=`${this.format(t).bold(n)}${g}
-`,f.length>0){a+=`
-`,a+=`${zS.header("Options")}
-`;let h=f.reduce((p,C)=>Math.max(p,C.definition.length),0);a+=`
-`;for(let{definition:p,description:C}of f)a+=`  ${this.format(t).bold(p.padEnd(h))}    ${Ni(C,{format:this.format(t),paragraphs:!1})}`}if(c!==""&&(a+=`
-`,a+=`${this.format(t).header("Details")}
-`,a+=`
-`,a+=Ni(c,{format:this.format(t),paragraphs:!0})),u.length>0){a+=`
-`,a+=`${this.format(t).header("Examples")}
-`;for(let[h,p]of u)a+=`
-`,a+=Ni(h,{format:this.format(t),paragraphs:!1}),a+=`${p.replace(/^/m,`  ${this.format(t).bold(n)}`).replace(/\$0/g,this.binaryName)}
-`}}else{let{usage:l}=this.getUsageByRegistration(o);a+=`${this.format(t).bold(n)}${l}
-`}else{let l=new Map;for(let[f,{index:h}]of this.registrations.entries()){if(typeof f.usage>"u")continue;let p=typeof f.usage.category<"u"?Ni(f.usage.category,{format:this.format(t),paragraphs:!1}):null,C=l.get(p);typeof C>"u"&&l.set(p,C=[]);let{usage:y}=this.getUsageByIndex(h);C.push({commandClass:f,usage:y})}let c=Array.from(l.keys()).sort((f,h)=>f===null?-1:h===null?1:f.localeCompare(h,"en",{usage:"sort",caseFirst:"upper"})),u=typeof this.binaryLabel<"u",g=typeof this.binaryVersion<"u";u||g?(u&&g?a+=`${this.format(t).header(`${this.binaryLabel} - ${this.binaryVersion}`)}
-
-`:u?a+=`${this.format(t).header(`${this.binaryLabel}`)}
-`:a+=`${this.format(t).header(`${this.binaryVersion}`)}
-`,a+=`  ${this.format(t).bold(n)}${this.binaryName} <command>
-`):a+=`${this.format(t).bold(n)}${this.binaryName} <command>
-`;for(let f of c){let h=l.get(f).slice().sort((C,y)=>C.usage.localeCompare(y.usage,"en",{usage:"sort",caseFirst:"upper"})),p=f!==null?f.trim():"General commands";a+=`
-`,a+=`${this.format(t).header(`${p}`)}
-`;for(let{commandClass:C,usage:y}of h){let B=C.usage.description||"undocumented";a+=`
-`,a+=`  ${this.format(t).bold(y)}
-`,a+=`    ${Ni(B,{format:this.format(t),paragraphs:!1})}`}}a+=`
-`,a+=Ni("You can also print more details about any of these commands by calling them with the `-h,--help` flag right after the command name.",{format:this.format(t),paragraphs:!0})}return a}error(e,t){var i,{colored:n,command:s=(i=e[iH])!==null&&i!==void 0?i:null}=t===void 0?{}:t;e instanceof Error||(e=new Error(`Execution failed with a non-error rejection (rejected value: ${JSON.stringify(e)})`));let o="",a=e.name.replace(/([a-z])([A-Z])/g,"$1 $2");a==="Error"&&(a="Internal Error"),o+=`${this.format(n).error(a)}: ${e.message}
-`;let l=e.clipanion;return typeof l<"u"?l.type==="usage"&&(o+=`
-`,o+=this.usage(s)):e.stack&&(o+=`${e.stack.replace(/^.*\n/,"")}
-`),o}format(e){var t;return((t=e!=null?e:this.enableColors)!==null&&t!==void 0?t:Kn.defaultContext.colorDepth>1)?zS:_2}getUsageByRegistration(e,t){let i=this.registrations.get(e);if(typeof i>"u")throw new Error("Assertion failed: Unregistered command");return this.getUsageByIndex(i.index,t)}getUsageByIndex(e,t){return this.builder.getBuilderByIndex(e).usage(t)}};Kn.defaultContext={stdin:process.stdin,stdout:process.stdout,stderr:process.stderr,colorDepth:"getColorDepth"in ZS.default.WriteStream.prototype?ZS.default.WriteStream.prototype.getColorDepth():dde()};var nH;function Cde(r){let e=nH;if(typeof e>"u"){if(r.stdout===process.stdout&&r.stderr===process.stderr)return sH;let{AsyncLocalStorage:t}=J("async_hooks");e=nH=new t;let i=process.stdout._write;process.stdout._write=function(s,o,a){let l=e.getStore();return typeof l>"u"?i.call(this,s,o,a):l.stdout.write(s,o,a)};let n=process.stderr._write;process.stderr._write=function(s,o,a){let l=e.getStore();return typeof l>"u"?n.call(this,s,o,a):l.stderr.write(s,o,a)}}return t=>e.run(r,t)}function sH(r){return r()}var $S={};ut($S,{DefinitionsCommand:()=>Xp,HelpCommand:()=>_p,VersionCommand:()=>Zp});var Xp=class extends ve{async execute(){this.context.stdout.write(`${JSON.stringify(this.cli.definitions(),null,2)}
-`)}};Xp.paths=[["--clipanion=definitions"]];var _p=class extends ve{async execute(){this.context.stdout.write(this.cli.usage())}};_p.paths=[["-h"],["--help"]];var Zp=class extends ve{async execute(){var e;this.context.stdout.write(`${(e=this.cli.binaryVersion)!==null&&e!==void 0?e:"<unknown>"}
-`)}};Zp.paths=[["-v"],["--version"]];var z={};ut(z,{Array:()=>oH,Boolean:()=>aH,Counter:()=>AH,Proxy:()=>lH,Rest:()=>cH,String:()=>uH,applyValidator:()=>Jp,cleanValidationError:()=>mI,formatError:()=>qp,isOptionSymbol:()=>jp,makeCommandOption:()=>Ji,rerouteArguments:()=>bo});function oH(r,e,t){let[i,n]=bo(e,t!=null?t:{}),{arity:s=1}=n,o=r.split(","),a=new Set(o);return Ji({definition(l){l.addOption({names:o,arity:s,hidden:n==null?void 0:n.hidden,description:n==null?void 0:n.description,required:n.required})},transformer(l,c,u){let g=typeof i<"u"?[...i]:void 0;for(let{name:f,value:h}of u.options)!a.has(f)||(g=g!=null?g:[],g.push(h));return g}})}function aH(r,e,t){let[i,n]=bo(e,t!=null?t:{}),s=r.split(","),o=new Set(s);return Ji({definition(a){a.addOption({names:s,allowBinding:!1,arity:0,hidden:n.hidden,description:n.description,required:n.required})},transformer(a,l,c){let u=i;for(let{name:g,value:f}of c.options)!o.has(g)||(u=f);return u}})}function AH(r,e,t){let[i,n]=bo(e,t!=null?t:{}),s=r.split(","),o=new Set(s);return Ji({definition(a){a.addOption({names:s,allowBinding:!1,arity:0,hidden:n.hidden,description:n.description,required:n.required})},transformer(a,l,c){let u=i;for(let{name:g,value:f}of c.options)!o.has(g)||(u!=null||(u=0),f?u+=1:u=0);return u}})}function lH(r={}){return Ji({definition(e,t){var i;e.addProxy({name:(i=r.name)!==null&&i!==void 0?i:t,required:r.required})},transformer(e,t,i){return i.positionals.map(({value:n})=>n)}})}function cH(r={}){return Ji({definition(e,t){var i;e.addRest({name:(i=r.name)!==null&&i!==void 0?i:t,required:r.required})},transformer(e,t,i){let n=o=>{let a=i.positionals[o];return a.extra===Mn||a.extra===!1&&o<e.arity.leading.length},s=0;for(;s<i.positionals.length&&n(s);)s+=1;return i.positionals.splice(0,s).map(({value:o})=>o)}})}function mde(r,e,t){let[i,n]=bo(e,t!=null?t:{}),{arity:s=1}=n,o=r.split(","),a=new Set(o);return Ji({definition(l){l.addOption({names:o,arity:n.tolerateBoolean?0:s,hidden:n.hidden,description:n.description,required:n.required})},transformer(l,c,u){let g,f=i;for(let{name:h,value:p}of u.options)!a.has(h)||(g=h,f=p);return typeof f=="string"?Jp(g!=null?g:c,f,n.validator):f}})}function Ede(r={}){let{required:e=!0}=r;return Ji({definition(t,i){var n;t.addPositional({name:(n=r.name)!==null&&n!==void 0?n:i,required:r.required})},transformer(t,i,n){var s;for(let o=0;o<n.positionals.length;++o){if(n.positionals[o].extra===Mn||e&&n.positionals[o].extra===!0||!e&&n.positionals[o].extra===!1)continue;let[a]=n.positionals.splice(o,1);return Jp((s=r.name)!==null&&s!==void 0?s:i,a.value,r.validator)}}})}function uH(r,...e){return typeof r=="string"?mde(r,...e):Ede(r)}var G8=Pe(Tg()),GD=J("stream");var Ct=(se=>(se[se.UNNAMED=0]="UNNAMED",se[se.EXCEPTION=1]="EXCEPTION",se[se.MISSING_PEER_DEPENDENCY=2]="MISSING_PEER_DEPENDENCY",se[se.CYCLIC_DEPENDENCIES=3]="CYCLIC_DEPENDENCIES",se[se.DISABLED_BUILD_SCRIPTS=4]="DISABLED_BUILD_SCRIPTS",se[se.BUILD_DISABLED=5]="BUILD_DISABLED",se[se.SOFT_LINK_BUILD=6]="SOFT_LINK_BUILD",se[se.MUST_BUILD=7]="MUST_BUILD",se[se.MUST_REBUILD=8]="MUST_REBUILD",se[se.BUILD_FAILED=9]="BUILD_FAILED",se[se.RESOLVER_NOT_FOUND=10]="RESOLVER_NOT_FOUND",se[se.FETCHER_NOT_FOUND=11]="FETCHER_NOT_FOUND",se[se.LINKER_NOT_FOUND=12]="LINKER_NOT_FOUND",se[se.FETCH_NOT_CACHED=13]="FETCH_NOT_CACHED",se[se.YARN_IMPORT_FAILED=14]="YARN_IMPORT_FAILED",se[se.REMOTE_INVALID=15]="REMOTE_INVALID",se[se.REMOTE_NOT_FOUND=16]="REMOTE_NOT_FOUND",se[se.RESOLUTION_PACK=17]="RESOLUTION_PACK",se[se.CACHE_CHECKSUM_MISMATCH=18]="CACHE_CHECKSUM_MISMATCH",se[se.UNUSED_CACHE_ENTRY=19]="UNUSED_CACHE_ENTRY",se[se.MISSING_LOCKFILE_ENTRY=20]="MISSING_LOCKFILE_ENTRY",se[se.WORKSPACE_NOT_FOUND=21]="WORKSPACE_NOT_FOUND",se[se.TOO_MANY_MATCHING_WORKSPACES=22]="TOO_MANY_MATCHING_WORKSPACES",se[se.CONSTRAINTS_MISSING_DEPENDENCY=23]="CONSTRAINTS_MISSING_DEPENDENCY",se[se.CONSTRAINTS_INCOMPATIBLE_DEPENDENCY=24]="CONSTRAINTS_INCOMPATIBLE_DEPENDENCY",se[se.CONSTRAINTS_EXTRANEOUS_DEPENDENCY=25]="CONSTRAINTS_EXTRANEOUS_DEPENDENCY",se[se.CONSTRAINTS_INVALID_DEPENDENCY=26]="CONSTRAINTS_INVALID_DEPENDENCY",se[se.CANT_SUGGEST_RESOLUTIONS=27]="CANT_SUGGEST_RESOLUTIONS",se[se.FROZEN_LOCKFILE_EXCEPTION=28]="FROZEN_LOCKFILE_EXCEPTION",se[se.CROSS_DRIVE_VIRTUAL_LOCAL=29]="CROSS_DRIVE_VIRTUAL_LOCAL",se[se.FETCH_FAILED=30]="FETCH_FAILED",se[se.DANGEROUS_NODE_MODULES=31]="DANGEROUS_NODE_MODULES",se[se.NODE_GYP_INJECTED=32]="NODE_GYP_INJECTED",se[se.AUTHENTICATION_NOT_FOUND=33]="AUTHENTICATION_NOT_FOUND",se[se.INVALID_CONFIGURATION_KEY=34]="INVALID_CONFIGURATION_KEY",se[se.NETWORK_ERROR=35]="NETWORK_ERROR",se[se.LIFECYCLE_SCRIPT=36]="LIFECYCLE_SCRIPT",se[se.CONSTRAINTS_MISSING_FIELD=37]="CONSTRAINTS_MISSING_FIELD",se[se.CONSTRAINTS_INCOMPATIBLE_FIELD=38]="CONSTRAINTS_INCOMPATIBLE_FIELD",se[se.CONSTRAINTS_EXTRANEOUS_FIELD=39]="CONSTRAINTS_EXTRANEOUS_FIELD",se[se.CONSTRAINTS_INVALID_FIELD=40]="CONSTRAINTS_INVALID_FIELD",se[se.AUTHENTICATION_INVALID=41]="AUTHENTICATION_INVALID",se[se.PROLOG_UNKNOWN_ERROR=42]="PROLOG_UNKNOWN_ERROR",se[se.PROLOG_SYNTAX_ERROR=43]="PROLOG_SYNTAX_ERROR",se[se.PROLOG_EXISTENCE_ERROR=44]="PROLOG_EXISTENCE_ERROR",se[se.STACK_OVERFLOW_RESOLUTION=45]="STACK_OVERFLOW_RESOLUTION",se[se.AUTOMERGE_FAILED_TO_PARSE=46]="AUTOMERGE_FAILED_TO_PARSE",se[se.AUTOMERGE_IMMUTABLE=47]="AUTOMERGE_IMMUTABLE",se[se.AUTOMERGE_SUCCESS=48]="AUTOMERGE_SUCCESS",se[se.AUTOMERGE_REQUIRED=49]="AUTOMERGE_REQUIRED",se[se.DEPRECATED_CLI_SETTINGS=50]="DEPRECATED_CLI_SETTINGS",se[se.PLUGIN_NAME_NOT_FOUND=51]="PLUGIN_NAME_NOT_FOUND",se[se.INVALID_PLUGIN_REFERENCE=52]="INVALID_PLUGIN_REFERENCE",se[se.CONSTRAINTS_AMBIGUITY=53]="CONSTRAINTS_AMBIGUITY",se[se.CACHE_OUTSIDE_PROJECT=54]="CACHE_OUTSIDE_PROJECT",se[se.IMMUTABLE_INSTALL=55]="IMMUTABLE_INSTALL",se[se.IMMUTABLE_CACHE=56]="IMMUTABLE_CACHE",se[se.INVALID_MANIFEST=57]="INVALID_MANIFEST",se[se.PACKAGE_PREPARATION_FAILED=58]="PACKAGE_PREPARATION_FAILED",se[se.INVALID_RANGE_PEER_DEPENDENCY=59]="INVALID_RANGE_PEER_DEPENDENCY",se[se.INCOMPATIBLE_PEER_DEPENDENCY=60]="INCOMPATIBLE_PEER_DEPENDENCY",se[se.DEPRECATED_PACKAGE=61]="DEPRECATED_PACKAGE",se[se.INCOMPATIBLE_OS=62]="INCOMPATIBLE_OS",se[se.INCOMPATIBLE_CPU=63]="INCOMPATIBLE_CPU",se[se.FROZEN_ARTIFACT_EXCEPTION=64]="FROZEN_ARTIFACT_EXCEPTION",se[se.TELEMETRY_NOTICE=65]="TELEMETRY_NOTICE",se[se.PATCH_HUNK_FAILED=66]="PATCH_HUNK_FAILED",se[se.INVALID_CONFIGURATION_VALUE=67]="INVALID_CONFIGURATION_VALUE",se[se.UNUSED_PACKAGE_EXTENSION=68]="UNUSED_PACKAGE_EXTENSION",se[se.REDUNDANT_PACKAGE_EXTENSION=69]="REDUNDANT_PACKAGE_EXTENSION",se[se.AUTO_NM_SUCCESS=70]="AUTO_NM_SUCCESS",se[se.NM_CANT_INSTALL_EXTERNAL_SOFT_LINK=71]="NM_CANT_INSTALL_EXTERNAL_SOFT_LINK",se[se.NM_PRESERVE_SYMLINKS_REQUIRED=72]="NM_PRESERVE_SYMLINKS_REQUIRED",se[se.UPDATE_LOCKFILE_ONLY_SKIP_LINK=73]="UPDATE_LOCKFILE_ONLY_SKIP_LINK",se[se.NM_HARDLINKS_MODE_DOWNGRADED=74]="NM_HARDLINKS_MODE_DOWNGRADED",se[se.PROLOG_INSTANTIATION_ERROR=75]="PROLOG_INSTANTIATION_ERROR",se[se.INCOMPATIBLE_ARCHITECTURE=76]="INCOMPATIBLE_ARCHITECTURE",se[se.GHOST_ARCHITECTURE=77]="GHOST_ARCHITECTURE",se[se.PROLOG_LIMIT_EXCEEDED=79]="PROLOG_LIMIT_EXCEEDED",se))(Ct||{});function QA(r){return`YN${r.toString(10).padStart(4,"0")}`}function QI(r){let e=Number(r.slice(2));if(typeof Ct[e]>"u")throw new Error(`Unknown message name: "${r}"`);return e}var P={};ut(P,{areDescriptorsEqual:()=>V4,areIdentsEqual:()=>zd,areLocatorsEqual:()=>Vd,areVirtualPackagesEquivalent:()=>jbe,bindDescriptor:()=>Gbe,bindLocator:()=>Ybe,convertDescriptorToLocator:()=>fw,convertLocatorToDescriptor:()=>bD,convertPackageToLocator:()=>Hbe,convertToIdent:()=>Ube,convertToManifestRange:()=>Wbe,copyPackage:()=>qd,devirtualizeDescriptor:()=>Jd,devirtualizeLocator:()=>Wd,getIdentVendorPath:()=>PD,isPackageCompatible:()=>mw,isVirtualDescriptor:()=>OA,isVirtualLocator:()=>Uo,makeDescriptor:()=>Zt,makeIdent:()=>Ho,makeLocator:()=>$i,makeRange:()=>pw,parseDescriptor:()=>MA,parseFileStyleRange:()=>qbe,parseIdent:()=>_i,parseLocator:()=>Cc,parseRange:()=>Cf,prettyDependent:()=>Gx,prettyDescriptor:()=>tr,prettyIdent:()=>Ai,prettyLocator:()=>mt,prettyLocatorNoColors:()=>xD,prettyRange:()=>Cw,prettyReference:()=>_d,prettyResolution:()=>Hx,prettyWorkspace:()=>Zd,renamePackage:()=>jd,slugifyIdent:()=>QD,slugifyLocator:()=>mf,sortDescriptors:()=>Ef,stringifyDescriptor:()=>Qn,stringifyIdent:()=>Ot,stringifyLocator:()=>hs,tryParseDescriptor:()=>Xd,tryParseIdent:()=>X4,tryParseLocator:()=>hw,virtualizeDescriptor:()=>SD,virtualizePackage:()=>vD});var df=Pe(J("querystring")),J4=Pe(Xr()),W4=Pe(Uq());var ee={};ut(ee,{LogLevel:()=>Oy,Style:()=>Tx,Type:()=>Ue,addLogFilterSupport:()=>Kd,applyColor:()=>Bn,applyHyperlink:()=>cf,applyStyle:()=>Ty,json:()=>cc,jsonOrPretty:()=>wBe,mark:()=>Ux,pretty:()=>Ze,prettyField:()=>Oo,prettyList:()=>Kx,supportsColor:()=>Ly,supportsHyperlinks:()=>Mx,tuple:()=>eo});var Md=Pe(ax()),Od=Pe(Vl());var MW=Pe(yn()),KW=Pe(vW());var Ie={};ut(Ie,{AsyncActions:()=>Sx,BufferStream:()=>bx,CachingStrategy:()=>TW,DefaultStream:()=>vx,allSettledSafe:()=>$s,assertNever:()=>Px,bufferStream:()=>af,buildIgnorePattern:()=>mBe,convertMapsToIndexableObjects:()=>Fy,dynamicRequire:()=>Af,escapeRegExp:()=>gBe,getArrayWithDefault:()=>nf,getFactoryWithDefault:()=>xa,getMapWithDefault:()=>sf,getSetWithDefault:()=>lc,isIndexableObject:()=>Qx,isPathLike:()=>EBe,isTaggedYarnVersion:()=>uBe,mapAndFilter:()=>To,mapAndFind:()=>Ld,overrideType:()=>fBe,parseBoolean:()=>Td,parseOptionalBoolean:()=>OW,prettifyAsyncErrors:()=>of,prettifySyncErrors:()=>Dx,releaseAfterUseAsync:()=>pBe,replaceEnvVariables:()=>kx,sortMap:()=>wn,tryParseOptionalBoolean:()=>Rx,validateEnum:()=>hBe});var PW=Pe(yn()),DW=Pe(Tg()),kW=Pe(Xr()),xx=J("stream");function uBe(r){return!!(kW.default.valid(r)&&r.match(/^[^-]+(-rc\.[0-9]+)?$/))}function gBe(r){return r.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function fBe(r){}function Px(r){throw new Error(`Assertion failed: Unexpected object '${r}'`)}function hBe(r,e){let t=Object.values(r);if(!t.includes(e))throw new be(`Invalid value for enumeration: ${JSON.stringify(e)} (expected one of ${t.map(i=>JSON.stringify(i)).join(", ")})`);return e}function To(r,e){let t=[];for(let i of r){let n=e(i);n!==RW&&t.push(n)}return t}var RW=Symbol();To.skip=RW;function Ld(r,e){for(let t of r){let i=e(t);if(i!==FW)return i}}var FW=Symbol();Ld.skip=FW;function Qx(r){return typeof r=="object"&&r!==null}async function $s(r){let e=await Promise.allSettled(r),t=[];for(let i of e){if(i.status==="rejected")throw i.reason;t.push(i.value)}return t}function Fy(r){if(r instanceof Map&&(r=Object.fromEntries(r)),Qx(r))for(let e of Object.keys(r)){let t=r[e];Qx(t)&&(r[e]=Fy(t))}return r}function xa(r,e,t){let i=r.get(e);return typeof i>"u"&&r.set(e,i=t()),i}function nf(r,e){let t=r.get(e);return typeof t>"u"&&r.set(e,t=[]),t}function lc(r,e){let t=r.get(e);return typeof t>"u"&&r.set(e,t=new Set),t}function sf(r,e){let t=r.get(e);return typeof t>"u"&&r.set(e,t=new Map),t}async function pBe(r,e){if(e==null)return await r();try{return await r()}finally{await e()}}async function of(r,e){try{return await r()}catch(t){throw t.message=e(t.message),t}}function Dx(r,e){try{return r()}catch(t){throw t.message=e(t.message),t}}async function af(r){return await new Promise((e,t)=>{let i=[];r.on("error",n=>{t(n)}),r.on("data",n=>{i.push(n)}),r.on("end",()=>{e(Buffer.concat(i))})})}var bx=class extends xx.Transform{constructor(){super(...arguments);this.chunks=[]}_transform(t,i,n){if(i!=="buffer"||!Buffer.isBuffer(t))throw new Error("Assertion failed: BufferStream only accept buffers");this.chunks.push(t),n(null,null)}_flush(t){t(null,Buffer.concat(this.chunks))}};function dBe(){let r,e;return{promise:new Promise((i,n)=>{r=i,e=n}),resolve:r,reject:e}}var Sx=class{constructor(e){this.deferred=new Map;this.promises=new Map;this.limit=(0,DW.default)(e)}set(e,t){let i=this.deferred.get(e);typeof i>"u"&&this.deferred.set(e,i=dBe());let n=this.limit(()=>t());return this.promises.set(e,n),n.then(()=>{this.promises.get(e)===n&&i.resolve()},s=>{this.promises.get(e)===n&&i.reject(s)}),i.promise}reduce(e,t){var n;let i=(n=this.promises.get(e))!=null?n:Promise.resolve();this.set(e,()=>t(i))}async wait(){await Promise.all(this.promises.values())}},vx=class extends xx.Transform{constructor(t=Buffer.alloc(0)){super();this.active=!0;this.ifEmpty=t}_transform(t,i,n){if(i!=="buffer"||!Buffer.isBuffer(t))throw new Error("Assertion failed: DefaultStream only accept buffers");this.active=!1,n(null,t)}_flush(t){this.active&&this.ifEmpty.length>0?t(null,this.ifEmpty):t(null)}},Nd=eval("require");function NW(r){return Nd(K.fromPortablePath(r))}function LW(path){let physicalPath=K.fromPortablePath(path),currentCacheEntry=Nd.cache[physicalPath];delete Nd.cache[physicalPath];let result;try{result=NW(physicalPath);let freshCacheEntry=Nd.cache[physicalPath],dynamicModule=eval("module"),freshCacheIndex=dynamicModule.children.indexOf(freshCacheEntry);freshCacheIndex!==-1&&dynamicModule.children.splice(freshCacheIndex,1)}finally{Nd.cache[physicalPath]=currentCacheEntry}return result}var xW=new Map;function CBe(r){let e=xW.get(r),t=M.statSync(r);if((e==null?void 0:e.mtime)===t.mtimeMs)return e.instance;let i=LW(r);return xW.set(r,{mtime:t.mtimeMs,instance:i}),i}var TW=(i=>(i[i.NoCache=0]="NoCache",i[i.FsTime=1]="FsTime",i[i.Node=2]="Node",i))(TW||{});function Af(r,{cachingStrategy:e=2}={}){switch(e){case 0:return LW(r);case 1:return CBe(r);case 2:return NW(r);default:throw new Error("Unsupported caching strategy")}}function wn(r,e){let t=Array.from(r);Array.isArray(e)||(e=[e]);let i=[];for(let s of e)i.push(t.map(o=>s(o)));let n=t.map((s,o)=>o);return n.sort((s,o)=>{for(let a of i){let l=a[s]<a[o]?-1:a[s]>a[o]?1:0;if(l!==0)return l}return 0}),n.map(s=>t[s])}function mBe(r){return r.length===0?null:r.map(e=>`(${PW.default.makeRe(e,{windows:!1,dot:!0}).source})`).join("|")}function kx(r,{env:e}){let t=/\${(?<variableName>[\d\w_]+)(?<colon>:)?(?:-(?<fallback>[^}]*))?}/g;return r.replace(t,(...i)=>{let{variableName:n,colon:s,fallback:o}=i[i.length-1],a=Object.prototype.hasOwnProperty.call(e,n),l=e[n];if(l||a&&!s)return l;if(o!=null)return o;throw new be(`Environment variable not found (${n})`)})}function Td(r){switch(r){case"true":case"1":case 1:case!0:return!0;case"false":case"0":case 0:case!1:return!1;default:throw new Error(`Couldn't parse "${r}" as a boolean`)}}function OW(r){return typeof r>"u"?r:Td(r)}function Rx(r){try{return OW(r)}catch{return null}}function EBe(r){return!!(K.isAbsolute(r)||r.match(/^(\.{1,2}|~)\//))}var lf=(t=>(t.HARD="HARD",t.SOFT="SOFT",t))(lf||{}),Fx=(i=>(i.Dependency="Dependency",i.PeerDependency="PeerDependency",i.PeerDependencyMeta="PeerDependencyMeta",i))(Fx||{}),Nx=(i=>(i.Inactive="inactive",i.Redundant="redundant",i.Active="active",i))(Nx||{});var Ue={NO_HINT:"NO_HINT",NULL:"NULL",SCOPE:"SCOPE",NAME:"NAME",RANGE:"RANGE",REFERENCE:"REFERENCE",NUMBER:"NUMBER",PATH:"PATH",URL:"URL",ADDED:"ADDED",REMOVED:"REMOVED",CODE:"CODE",DURATION:"DURATION",SIZE:"SIZE",IDENT:"IDENT",DESCRIPTOR:"DESCRIPTOR",LOCATOR:"LOCATOR",RESOLUTION:"RESOLUTION",DEPENDENT:"DEPENDENT",PACKAGE_EXTENSION:"PACKAGE_EXTENSION",SETTING:"SETTING",MARKDOWN:"MARKDOWN"},Tx=(e=>(e[e.BOLD=2]="BOLD",e))(Tx||{}),Ox=Od.default.GITHUB_ACTIONS?{level:2}:Md.default.supportsColor?{level:Md.default.supportsColor.level}:{level:0},Ly=Ox.level!==0,Mx=Ly&&!Od.default.GITHUB_ACTIONS&&!Od.default.CIRCLE&&!Od.default.GITLAB,Lx=new Md.default.Instance(Ox),IBe=new Map([[Ue.NO_HINT,null],[Ue.NULL,["#a853b5",129]],[Ue.SCOPE,["#d75f00",166]],[Ue.NAME,["#d7875f",173]],[Ue.RANGE,["#00afaf",37]],[Ue.REFERENCE,["#87afff",111]],[Ue.NUMBER,["#ffd700",220]],[Ue.PATH,["#d75fd7",170]],[Ue.URL,["#d75fd7",170]],[Ue.ADDED,["#5faf00",70]],[Ue.REMOVED,["#d70000",160]],[Ue.CODE,["#87afff",111]],[Ue.SIZE,["#ffd700",220]]]),fs=r=>r,Ny={[Ue.NUMBER]:fs({pretty:(r,e)=>Bn(r,`${e}`,Ue.NUMBER),json:r=>r}),[Ue.IDENT]:fs({pretty:(r,e)=>Ai(r,e),json:r=>Ot(r)}),[Ue.LOCATOR]:fs({pretty:(r,e)=>mt(r,e),json:r=>hs(r)}),[Ue.DESCRIPTOR]:fs({pretty:(r,e)=>tr(r,e),json:r=>Qn(r)}),[Ue.RESOLUTION]:fs({pretty:(r,{descriptor:e,locator:t})=>Hx(r,e,t),json:({descriptor:r,locator:e})=>({descriptor:Qn(r),locator:e!==null?hs(e):null})}),[Ue.DEPENDENT]:fs({pretty:(r,{locator:e,descriptor:t})=>Gx(r,e,t),json:({locator:r,descriptor:e})=>({locator:hs(r),descriptor:Qn(e)})}),[Ue.PACKAGE_EXTENSION]:fs({pretty:(r,e)=>{switch(e.type){case"Dependency":return`${Ai(r,e.parentDescriptor)} \u27A4 ${Bn(r,"dependencies",Ue.CODE)} \u27A4 ${Ai(r,e.descriptor)}`;case"PeerDependency":return`${Ai(r,e.parentDescriptor)} \u27A4 ${Bn(r,"peerDependencies",Ue.CODE)} \u27A4 ${Ai(r,e.descriptor)}`;case"PeerDependencyMeta":return`${Ai(r,e.parentDescriptor)} \u27A4 ${Bn(r,"peerDependenciesMeta",Ue.CODE)} \u27A4 ${Ai(r,_i(e.selector))} \u27A4 ${Bn(r,e.key,Ue.CODE)}`;default:throw new Error(`Assertion failed: Unsupported package extension type: ${e.type}`)}},json:r=>{switch(r.type){case"Dependency":return`${Ot(r.parentDescriptor)} > ${Ot(r.descriptor)}`;case"PeerDependency":return`${Ot(r.parentDescriptor)} >> ${Ot(r.descriptor)}`;case"PeerDependencyMeta":return`${Ot(r.parentDescriptor)} >> ${r.selector} / ${r.key}`;default:throw new Error(`Assertion failed: Unsupported package extension type: ${r.type}`)}}}),[Ue.SETTING]:fs({pretty:(r,e)=>(r.get(e),cf(r,Bn(r,e,Ue.CODE),`https://yarnpkg.com/configuration/yarnrc#${e}`)),json:r=>r}),[Ue.DURATION]:fs({pretty:(r,e)=>{if(e>1e3*60){let t=Math.floor(e/1e3/60),i=Math.ceil((e-t*60*1e3)/1e3);return i===0?`${t}m`:`${t}m ${i}s`}else{let t=Math.floor(e/1e3),i=e-t*1e3;return i===0?`${t}s`:`${t}s ${i}ms`}},json:r=>r}),[Ue.SIZE]:fs({pretty:(r,e)=>{let t=["KB","MB","GB","TB"],i=t.length;for(;i>1&&e<1024**i;)i-=1;let n=1024**i,s=Math.floor(e*100/n)/100;return Bn(r,`${s} ${t[i-1]}`,Ue.NUMBER)},json:r=>r}),[Ue.PATH]:fs({pretty:(r,e)=>Bn(r,K.fromPortablePath(e),Ue.PATH),json:r=>K.fromPortablePath(r)}),[Ue.MARKDOWN]:fs({pretty:(r,{text:e,format:t,paragraphs:i})=>Ni(e,{format:t,paragraphs:i}),json:({text:r})=>r})};function eo(r,e){return[e,r]}function Ty(r,e,t){return r.get("enableColors")&&t&2&&(e=Md.default.bold(e)),e}function Bn(r,e,t){if(!r.get("enableColors"))return e;let i=IBe.get(t);if(i===null)return e;let n=typeof i>"u"?t:Ox.level>=3?i[0]:i[1],s=typeof n=="number"?Lx.ansi256(n):n.startsWith("#")?Lx.hex(n):Lx[n];if(typeof s!="function")throw new Error(`Invalid format type ${n}`);return s(e)}var yBe=!!process.env.KONSOLE_VERSION;function cf(r,e,t){return r.get("enableHyperlinks")?yBe?`\x1B]8;;${t}\x1B\\${e}\x1B]8;;\x1B\\`:`\x1B]8;;${t}\x07${e}\x1B]8;;\x07`:e}function Ze(r,e,t){if(e===null)return Bn(r,"null",Ue.NULL);if(Object.prototype.hasOwnProperty.call(Ny,t))return Ny[t].pretty(r,e);if(typeof e!="string")throw new Error(`Assertion failed: Expected the value to be a string, got ${typeof e}`);return Bn(r,e,t)}function Kx(r,e,t,{separator:i=", "}={}){return[...e].map(n=>Ze(r,n,t)).join(i)}function cc(r,e){if(r===null)return null;if(Object.prototype.hasOwnProperty.call(Ny,e))return Ny[e].json(r);if(typeof r!="string")throw new Error(`Assertion failed: Expected the value to be a string, got ${typeof r}`);return r}function wBe(r,e,[t,i]){return r?cc(t,i):Ze(e,t,i)}function Ux(r){return{Check:Bn(r,"\u2713","green"),Cross:Bn(r,"\u2718","red"),Question:Bn(r,"?","cyan")}}function Oo(r,{label:e,value:[t,i]}){return`${Ze(r,e,Ue.CODE)}: ${Ze(r,t,i)}`}var Oy=(n=>(n.Error="error",n.Warning="warning",n.Info="info",n.Discard="discard",n))(Oy||{});function Kd(r,{configuration:e}){let t=e.get("logFilters"),i=new Map,n=new Map,s=[];for(let g of t){let f=g.get("level");if(typeof f>"u")continue;let h=g.get("code");typeof h<"u"&&i.set(h,f);let p=g.get("text");typeof p<"u"&&n.set(p,f);let C=g.get("pattern");typeof C<"u"&&s.push([MW.default.matcher(C,{contains:!0}),f])}s.reverse();let o=(g,f,h)=>{if(g===null||g===0)return h;let p=n.size>0||s.length>0?(0,KW.default)(f):f;if(n.size>0){let C=n.get(p);if(typeof C<"u")return C!=null?C:h}if(s.length>0){for(let[C,y]of s)if(C(p))return y!=null?y:h}if(i.size>0){let C=i.get(QA(g));if(typeof C<"u")return C!=null?C:h}return h},a=r.reportInfo,l=r.reportWarning,c=r.reportError,u=function(g,f,h,p){switch(o(f,h,p)){case"info":a.call(g,f,h);break;case"warning":l.call(g,f!=null?f:0,h);break;case"error":c.call(g,f!=null?f:0,h);break}};r.reportInfo=function(...g){return u(this,...g,"info")},r.reportWarning=function(...g){return u(this,...g,"warning")},r.reportError=function(...g){return u(this,...g,"error")}}var li={};ut(li,{checksumFile:()=>uw,checksumPattern:()=>gw,makeHash:()=>Zi});var cw=J("crypto"),BD=Pe(wD());function Zi(...r){let e=(0,cw.createHash)("sha512"),t="";for(let i of r)typeof i=="string"?t+=i:i&&(t&&(e.update(t),t=""),e.update(i));return t&&e.update(t),e.digest("hex")}async function uw(r,{baseFs:e,algorithm:t}={baseFs:M,algorithm:"sha512"}){let i=await e.openPromise(r,"r");try{let s=Buffer.allocUnsafeSlow(65536),o=(0,cw.createHash)(t),a=0;for(;(a=await e.readPromise(i,s,0,65536))!==0;)o.update(a===65536?s:s.slice(0,a));return o.digest("hex")}finally{await e.closePromise(i)}}async function gw(r,{cwd:e}){let i=(await(0,BD.default)(r,{cwd:K.fromPortablePath(e),expandDirectories:!1,onlyDirectories:!0,unique:!0})).map(a=>`${a}/**/*`),n=await(0,BD.default)([r,...i],{cwd:K.fromPortablePath(e),expandDirectories:!1,onlyFiles:!1,unique:!0});n.sort();let s=await Promise.all(n.map(async a=>{let l=[Buffer.from(a)],c=K.toPortablePath(a),u=await M.lstatPromise(c);return u.isSymbolicLink()?l.push(Buffer.from(await M.readlinkPromise(c))):u.isFile()&&l.push(await M.readFilePromise(c)),l.join("\0")})),o=(0,cw.createHash)("sha512");for(let a of s)o.update(a);return o.digest("hex")}var Yd="virtual:",Mbe=5,z4=/(os|cpu|libc)=([a-z0-9_-]+)/,Kbe=(0,W4.makeParser)(z4);function Ho(r,e){if(r!=null&&r.startsWith("@"))throw new Error("Invalid scope: don't prefix it with '@'");return{identHash:Zi(r,e),scope:r,name:e}}function Zt(r,e){return{identHash:r.identHash,scope:r.scope,name:r.name,descriptorHash:Zi(r.identHash,e),range:e}}function $i(r,e){return{identHash:r.identHash,scope:r.scope,name:r.name,locatorHash:Zi(r.identHash,e),reference:e}}function Ube(r){return{identHash:r.identHash,scope:r.scope,name:r.name}}function fw(r){return{identHash:r.identHash,scope:r.scope,name:r.name,locatorHash:r.descriptorHash,reference:r.range}}function bD(r){return{identHash:r.identHash,scope:r.scope,name:r.name,descriptorHash:r.locatorHash,range:r.reference}}function Hbe(r){return{identHash:r.identHash,scope:r.scope,name:r.name,locatorHash:r.locatorHash,reference:r.reference}}function jd(r,e){return{identHash:e.identHash,scope:e.scope,name:e.name,locatorHash:e.locatorHash,reference:e.reference,version:r.version,languageName:r.languageName,linkType:r.linkType,conditions:r.conditions,dependencies:new Map(r.dependencies),peerDependencies:new Map(r.peerDependencies),dependenciesMeta:new Map(r.dependenciesMeta),peerDependenciesMeta:new Map(r.peerDependenciesMeta),bin:new Map(r.bin)}}function qd(r){return jd(r,r)}function SD(r,e){if(e.includes("#"))throw new Error("Invalid entropy");return Zt(r,`virtual:${e}#${r.range}`)}function vD(r,e){if(e.includes("#"))throw new Error("Invalid entropy");return jd(r,$i(r,`virtual:${e}#${r.reference}`))}function OA(r){return r.range.startsWith(Yd)}function Uo(r){return r.reference.startsWith(Yd)}function Jd(r){if(!OA(r))throw new Error("Not a virtual descriptor");return Zt(r,r.range.replace(/^[^#]*#/,""))}function Wd(r){if(!Uo(r))throw new Error("Not a virtual descriptor");return $i(r,r.reference.replace(/^[^#]*#/,""))}function Gbe(r,e){return r.range.includes("::")?r:Zt(r,`${r.range}::${df.default.stringify(e)}`)}function Ybe(r,e){return r.reference.includes("::")?r:$i(r,`${r.reference}::${df.default.stringify(e)}`)}function zd(r,e){return r.identHash===e.identHash}function V4(r,e){return r.descriptorHash===e.descriptorHash}function Vd(r,e){return r.locatorHash===e.locatorHash}function jbe(r,e){if(!Uo(r))throw new Error("Invalid package type");if(!Uo(e))throw new Error("Invalid package type");if(!zd(r,e)||r.dependencies.size!==e.dependencies.size)return!1;for(let t of r.dependencies.values()){let i=e.dependencies.get(t.identHash);if(!i||!V4(t,i))return!1}return!0}function _i(r){let e=X4(r);if(!e)throw new Error(`Invalid ident (${r})`);return e}function X4(r){let e=r.match(/^(?:@([^/]+?)\/)?([^/]+)$/);if(!e)return null;let[,t,i]=e;return Ho(typeof t<"u"?t:null,i)}function MA(r,e=!1){let t=Xd(r,e);if(!t)throw new Error(`Invalid descriptor (${r})`);return t}function Xd(r,e=!1){let t=e?r.match(/^(?:@([^/]+?)\/)?([^/]+?)(?:@(.+))$/):r.match(/^(?:@([^/]+?)\/)?([^/]+?)(?:@(.+))?$/);if(!t)return null;let[,i,n,s]=t;if(s==="unknown")throw new Error(`Invalid range (${r})`);let o=typeof i<"u"?i:null,a=typeof s<"u"?s:"unknown";return Zt(Ho(o,n),a)}function Cc(r,e=!1){let t=hw(r,e);if(!t)throw new Error(`Invalid locator (${r})`);return t}function hw(r,e=!1){let t=e?r.match(/^(?:@([^/]+?)\/)?([^/]+?)(?:@(.+))$/):r.match(/^(?:@([^/]+?)\/)?([^/]+?)(?:@(.+))?$/);if(!t)return null;let[,i,n,s]=t;if(s==="unknown")throw new Error(`Invalid reference (${r})`);let o=typeof i<"u"?i:null,a=typeof s<"u"?s:"unknown";return $i(Ho(o,n),a)}function Cf(r,e){let t=r.match(/^([^#:]*:)?((?:(?!::)[^#])*)(?:#((?:(?!::).)*))?(?:::(.*))?$/);if(t===null)throw new Error(`Invalid range (${r})`);let i=typeof t[1]<"u"?t[1]:null;if(typeof(e==null?void 0:e.requireProtocol)=="string"&&i!==e.requireProtocol)throw new Error(`Invalid protocol (${i})`);if((e==null?void 0:e.requireProtocol)&&i===null)throw new Error(`Missing protocol (${i})`);let n=typeof t[3]<"u"?decodeURIComponent(t[2]):null;if((e==null?void 0:e.requireSource)&&n===null)throw new Error(`Missing source (${r})`);let s=typeof t[3]<"u"?decodeURIComponent(t[3]):decodeURIComponent(t[2]),o=e!=null&&e.parseSelector?df.default.parse(s):s,a=typeof t[4]<"u"?df.default.parse(t[4]):null;return{protocol:i,source:n,selector:o,params:a}}function qbe(r,{protocol:e}){let{selector:t,params:i}=Cf(r,{requireProtocol:e,requireBindings:!0});if(typeof i.locator!="string")throw new Error(`Assertion failed: Invalid bindings for ${r}`);return{parentLocator:Cc(i.locator,!0),path:t}}function q4(r){return r=r.replace(/%/g,"%25"),r=r.replace(/:/g,"%3A"),r=r.replace(/#/g,"%23"),r}function Jbe(r){return r===null?!1:Object.entries(r).length>0}function pw({protocol:r,source:e,selector:t,params:i}){let n="";return r!==null&&(n+=`${r}`),e!==null&&(n+=`${q4(e)}#`),n+=q4(t),Jbe(i)&&(n+=`::${df.default.stringify(i)}`),n}function Wbe(r){let{params:e,protocol:t,source:i,selector:n}=Cf(r);for(let s in e)s.startsWith("__")&&delete e[s];return pw({protocol:t,source:i,params:e,selector:n})}function Ot(r){return r.scope?`@${r.scope}/${r.name}`:`${r.name}`}function Qn(r){return r.scope?`@${r.scope}/${r.name}@${r.range}`:`${r.name}@${r.range}`}function hs(r){return r.scope?`@${r.scope}/${r.name}@${r.reference}`:`${r.name}@${r.reference}`}function QD(r){return r.scope!==null?`@${r.scope}-${r.name}`:r.name}function mf(r){let{protocol:e,selector:t}=Cf(r.reference),i=e!==null?e.replace(/:$/,""):"exotic",n=J4.default.valid(t),s=n!==null?`${i}-${n}`:`${i}`,o=10,a=r.scope?`${QD(r)}-${s}-${r.locatorHash.slice(0,o)}`:`${QD(r)}-${s}-${r.locatorHash.slice(0,o)}`;return Ur(a)}function Ai(r,e){return e.scope?`${Ze(r,`@${e.scope}/`,Ue.SCOPE)}${Ze(r,e.name,Ue.NAME)}`:`${Ze(r,e.name,Ue.NAME)}`}function dw(r){if(r.startsWith(Yd)){let e=dw(r.substring(r.indexOf("#")+1)),t=r.substring(Yd.length,Yd.length+Mbe);return`${e} [${t}]`}else return r.replace(/\?.*/,"?[...]")}function Cw(r,e){return`${Ze(r,dw(e),Ue.RANGE)}`}function tr(r,e){return`${Ai(r,e)}${Ze(r,"@",Ue.RANGE)}${Cw(r,e.range)}`}function _d(r,e){return`${Ze(r,dw(e),Ue.REFERENCE)}`}function mt(r,e){return`${Ai(r,e)}${Ze(r,"@",Ue.REFERENCE)}${_d(r,e.reference)}`}function xD(r){return`${Ot(r)}@${dw(r.reference)}`}function Ef(r){return wn(r,[e=>Ot(e),e=>e.range])}function Zd(r,e){return Ai(r,e.locator)}function Hx(r,e,t){let i=OA(e)?Jd(e):e;return t===null?`${tr(r,i)} \u2192 ${Ux(r).Cross}`:i.identHash===t.identHash?`${tr(r,i)} \u2192 ${_d(r,t.reference)}`:`${tr(r,i)} \u2192 ${mt(r,t)}`}function Gx(r,e,t){return t===null?`${mt(r,e)}`:`${mt(r,e)} (via ${Cw(r,t.range)})`}function PD(r){return`node_modules/${Ot(r)}`}function mw(r,e){return r.conditions?Kbe(r.conditions,t=>{let[,i,n]=t.match(z4),s=e[i];return s?s.includes(n):!0}):!0}var _4={hooks:{reduceDependency:(r,e,t,i,{resolver:n,resolveOptions:s})=>{for(let{pattern:o,reference:a}of e.topLevelWorkspace.manifest.resolutions){if(o.from&&o.from.fullName!==Ot(t)||o.from&&o.from.description&&o.from.description!==t.reference||o.descriptor.fullName!==Ot(r)||o.descriptor.description&&o.descriptor.description!==r.range)continue;return n.bindDescriptor(Zt(r,a),e.topLevelWorkspace.anchoredLocator,s)}return r},validateProject:async(r,e)=>{for(let t of r.workspaces){let i=Zd(r.configuration,t);await r.configuration.triggerHook(n=>n.validateWorkspace,t,{reportWarning:(n,s)=>e.reportWarning(n,`${i}: ${s}`),reportError:(n,s)=>e.reportError(n,`${i}: ${s}`)})}},validateWorkspace:async(r,e)=>{let{manifest:t}=r;t.resolutions.length&&r.cwd!==r.project.cwd&&t.errors.push(new Error("Resolutions field will be ignored"));for(let i of t.errors)e.reportWarning(57,i.message)}}};var n8=Pe(Xr());var $d=class{supportsDescriptor(e,t){return!!(e.range.startsWith($d.protocol)||t.project.tryWorkspaceByDescriptor(e)!==null)}supportsLocator(e,t){return!!e.reference.startsWith($d.protocol)}shouldPersistResolution(e,t){return!1}bindDescriptor(e,t,i){return e}getResolutionDependencies(e,t){return[]}async getCandidates(e,t,i){return[i.project.getWorkspaceByDescriptor(e).anchoredLocator]}async getSatisfying(e,t,i){return null}async resolve(e,t){let i=t.project.getWorkspaceByCwd(e.reference.slice($d.protocol.length));return{...e,version:i.manifest.version||"0.0.0",languageName:"unknown",linkType:"SOFT",conditions:null,dependencies:new Map([...i.manifest.dependencies,...i.manifest.devDependencies]),peerDependencies:new Map([...i.manifest.peerDependencies]),dependenciesMeta:i.manifest.dependenciesMeta,peerDependenciesMeta:i.manifest.peerDependenciesMeta,bin:i.manifest.bin}}},jr=$d;jr.protocol="workspace:";var vt={};ut(vt,{SemVer:()=>e8.SemVer,clean:()=>Vbe,satisfiesWithPrereleases:()=>mc,validRange:()=>to});var Ew=Pe(Xr()),e8=Pe(Xr()),Z4=new Map;function mc(r,e,t=!1){if(!r)return!1;let i=`${e}${t}`,n=Z4.get(i);if(typeof n>"u")try{n=new Ew.default.Range(e,{includePrerelease:!0,loose:t})}catch{return!1}finally{Z4.set(i,n||null)}else if(n===null)return!1;let s;try{s=new Ew.default.SemVer(r,n)}catch{return!1}return n.test(s)?!0:(s.prerelease&&(s.prerelease=[]),n.set.some(o=>{for(let a of o)a.semver.prerelease&&(a.semver.prerelease=[]);return o.every(a=>a.test(s))}))}var $4=new Map;function to(r){if(r.indexOf(":")!==-1)return null;let e=$4.get(r);if(typeof e<"u")return e;try{e=new Ew.default.Range(r)}catch{e=null}return $4.set(r,e),e}var zbe=/^(?:[\sv=]*?)((0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?)(?:\s*)$/;function Vbe(r){let e=zbe.exec(r);return e?e[1]:null}var KA=class{constructor(){this.indent="  ";this.name=null;this.version=null;this.os=null;this.cpu=null;this.libc=null;this.type=null;this.packageManager=null;this.private=!1;this.license=null;this.main=null;this.module=null;this.browser=null;this.languageName=null;this.bin=new Map;this.scripts=new Map;this.dependencies=new Map;this.devDependencies=new Map;this.peerDependencies=new Map;this.workspaceDefinitions=[];this.dependenciesMeta=new Map;this.peerDependenciesMeta=new Map;this.resolutions=[];this.files=null;this.publishConfig=null;this.installConfig=null;this.preferUnplugged=null;this.raw={};this.errors=[]}static async tryFind(e,{baseFs:t=new $t}={}){let i=x.join(e,"package.json");try{return await KA.fromFile(i,{baseFs:t})}catch(n){if(n.code==="ENOENT")return null;throw n}}static async find(e,{baseFs:t}={}){let i=await KA.tryFind(e,{baseFs:t});if(i===null)throw new Error("Manifest not found");return i}static async fromFile(e,{baseFs:t=new $t}={}){let i=new KA;return await i.loadFile(e,{baseFs:t}),i}static fromText(e){let t=new KA;return t.loadFromText(e),t}static isManifestFieldCompatible(e,t){if(e===null)return!0;let i=!0,n=!1;for(let s of e)if(s[0]==="!"){if(n=!0,t===s.slice(1))return!1}else if(i=!1,s===t)return!0;return n&&i}loadFromText(e){let t;try{t=JSON.parse(r8(e)||"{}")}catch(i){throw i.message+=` (when parsing ${e})`,i}this.load(t),this.indent=t8(e)}async loadFile(e,{baseFs:t=new $t}){let i=await t.readFilePromise(e,"utf8"),n;try{n=JSON.parse(r8(i)||"{}")}catch(s){throw s.message+=` (when parsing ${e})`,s}this.load(n),this.indent=t8(i)}load(e,{yamlCompatibilityMode:t=!1}={}){if(typeof e!="object"||e===null)throw new Error(`Utterly invalid manifest data (${e})`);this.raw=e;let i=[];if(this.name=null,typeof e.name=="string")try{this.name=_i(e.name)}catch{i.push(new Error("Parsing failed for the 'name' field"))}if(typeof e.version=="string"?this.version=e.version:this.version=null,Array.isArray(e.os)){let s=[];this.os=s;for(let o of e.os)typeof o!="string"?i.push(new Error("Parsing failed for the 'os' field")):s.push(o)}else this.os=null;if(Array.isArray(e.cpu)){let s=[];this.cpu=s;for(let o of e.cpu)typeof o!="string"?i.push(new Error("Parsing failed for the 'cpu' field")):s.push(o)}else this.cpu=null;if(Array.isArray(e.libc)){let s=[];this.libc=s;for(let o of e.libc)typeof o!="string"?i.push(new Error("Parsing failed for the 'libc' field")):s.push(o)}else this.libc=null;if(typeof e.type=="string"?this.type=e.type:this.type=null,typeof e.packageManager=="string"?this.packageManager=e.packageManager:this.packageManager=null,typeof e.private=="boolean"?this.private=e.private:this.private=!1,typeof e.license=="string"?this.license=e.license:this.license=null,typeof e.languageName=="string"?this.languageName=e.languageName:this.languageName=null,typeof e.main=="string"?this.main=en(e.main):this.main=null,typeof e.module=="string"?this.module=en(e.module):this.module=null,e.browser!=null)if(typeof e.browser=="string")this.browser=en(e.browser);else{this.browser=new Map;for(let[s,o]of Object.entries(e.browser))this.browser.set(en(s),typeof o=="string"?en(o):o)}else this.browser=null;if(this.bin=new Map,typeof e.bin=="string")this.name!==null?this.bin.set(this.name.name,en(e.bin)):i.push(new Error("String bin field, but no attached package name"));else if(typeof e.bin=="object"&&e.bin!==null)for(let[s,o]of Object.entries(e.bin)){if(typeof o!="string"){i.push(new Error(`Invalid bin definition for '${s}'`));continue}let a=_i(s);this.bin.set(a.name,en(o))}if(this.scripts=new Map,typeof e.scripts=="object"&&e.scripts!==null)for(let[s,o]of Object.entries(e.scripts)){if(typeof o!="string"){i.push(new Error(`Invalid script definition for '${s}'`));continue}this.scripts.set(s,o)}if(this.dependencies=new Map,typeof e.dependencies=="object"&&e.dependencies!==null)for(let[s,o]of Object.entries(e.dependencies)){if(typeof o!="string"){i.push(new Error(`Invalid dependency range for '${s}'`));continue}let a;try{a=_i(s)}catch{i.push(new Error(`Parsing failed for the dependency name '${s}'`));continue}let l=Zt(a,o);this.dependencies.set(l.identHash,l)}if(this.devDependencies=new Map,typeof e.devDependencies=="object"&&e.devDependencies!==null)for(let[s,o]of Object.entries(e.devDependencies)){if(typeof o!="string"){i.push(new Error(`Invalid dependency range for '${s}'`));continue}let a;try{a=_i(s)}catch{i.push(new Error(`Parsing failed for the dependency name '${s}'`));continue}let l=Zt(a,o);this.devDependencies.set(l.identHash,l)}if(this.peerDependencies=new Map,typeof e.peerDependencies=="object"&&e.peerDependencies!==null)for(let[s,o]of Object.entries(e.peerDependencies)){let a;try{a=_i(s)}catch{i.push(new Error(`Parsing failed for the dependency name '${s}'`));continue}(typeof o!="string"||!o.startsWith(jr.protocol)&&!to(o))&&(i.push(new Error(`Invalid dependency range for '${s}'`)),o="*");let l=Zt(a,o);this.peerDependencies.set(l.identHash,l)}typeof e.workspaces=="object"&&e.workspaces!==null&&e.workspaces.nohoist&&i.push(new Error("'nohoist' is deprecated, please use 'installConfig.hoistingLimits' instead"));let n=Array.isArray(e.workspaces)?e.workspaces:typeof e.workspaces=="object"&&e.workspaces!==null&&Array.isArray(e.workspaces.packages)?e.workspaces.packages:[];this.workspaceDefinitions=[];for(let s of n){if(typeof s!="string"){i.push(new Error(`Invalid workspace definition for '${s}'`));continue}this.workspaceDefinitions.push({pattern:s})}if(this.dependenciesMeta=new Map,typeof e.dependenciesMeta=="object"&&e.dependenciesMeta!==null)for(let[s,o]of Object.entries(e.dependenciesMeta)){if(typeof o!="object"||o===null){i.push(new Error(`Invalid meta field for '${s}`));continue}let a=MA(s),l=this.ensureDependencyMeta(a),c=Iw(o.built,{yamlCompatibilityMode:t});if(c===null){i.push(new Error(`Invalid built meta field for '${s}'`));continue}let u=Iw(o.optional,{yamlCompatibilityMode:t});if(u===null){i.push(new Error(`Invalid optional meta field for '${s}'`));continue}let g=Iw(o.unplugged,{yamlCompatibilityMode:t});if(g===null){i.push(new Error(`Invalid unplugged meta field for '${s}'`));continue}Object.assign(l,{built:c,optional:u,unplugged:g})}if(this.peerDependenciesMeta=new Map,typeof e.peerDependenciesMeta=="object"&&e.peerDependenciesMeta!==null)for(let[s,o]of Object.entries(e.peerDependenciesMeta)){if(typeof o!="object"||o===null){i.push(new Error(`Invalid meta field for '${s}'`));continue}let a=MA(s),l=this.ensurePeerDependencyMeta(a),c=Iw(o.optional,{yamlCompatibilityMode:t});if(c===null){i.push(new Error(`Invalid optional meta field for '${s}'`));continue}Object.assign(l,{optional:c})}if(this.resolutions=[],typeof e.resolutions=="object"&&e.resolutions!==null)for(let[s,o]of Object.entries(e.resolutions)){if(typeof o!="string"){i.push(new Error(`Invalid resolution entry for '${s}'`));continue}try{this.resolutions.push({pattern:rI(s),reference:o})}catch(a){i.push(a);continue}}if(Array.isArray(e.files)){this.files=new Set;for(let s of e.files){if(typeof s!="string"){i.push(new Error(`Invalid files entry for '${s}'`));continue}this.files.add(s)}}else this.files=null;if(typeof e.publishConfig=="object"&&e.publishConfig!==null){if(this.publishConfig={},typeof e.publishConfig.access=="string"&&(this.publishConfig.access=e.publishConfig.access),typeof e.publishConfig.main=="string"&&(this.publishConfig.main=en(e.publishConfig.main)),typeof e.publishConfig.module=="string"&&(this.publishConfig.module=en(e.publishConfig.module)),e.publishConfig.browser!=null)if(typeof e.publishConfig.browser=="string")this.publishConfig.browser=en(e.publishConfig.browser);else{this.publishConfig.browser=new Map;for(let[s,o]of Object.entries(e.publishConfig.browser))this.publishConfig.browser.set(en(s),typeof o=="string"?en(o):o)}if(typeof e.publishConfig.registry=="string"&&(this.publishConfig.registry=e.publishConfig.registry),typeof e.publishConfig.bin=="string")this.name!==null?this.publishConfig.bin=new Map([[this.name.name,en(e.publishConfig.bin)]]):i.push(new Error("String bin field, but no attached package name"));else if(typeof e.publishConfig.bin=="object"&&e.publishConfig.bin!==null){this.publishConfig.bin=new Map;for(let[s,o]of Object.entries(e.publishConfig.bin)){if(typeof o!="string"){i.push(new Error(`Invalid bin definition for '${s}'`));continue}this.publishConfig.bin.set(s,en(o))}}if(Array.isArray(e.publishConfig.executableFiles)){this.publishConfig.executableFiles=new Set;for(let s of e.publishConfig.executableFiles){if(typeof s!="string"){i.push(new Error("Invalid executable file definition"));continue}this.publishConfig.executableFiles.add(en(s))}}}else this.publishConfig=null;if(typeof e.installConfig=="object"&&e.installConfig!==null){this.installConfig={};for(let s of Object.keys(e.installConfig))s==="hoistingLimits"?typeof e.installConfig.hoistingLimits=="string"?this.installConfig.hoistingLimits=e.installConfig.hoistingLimits:i.push(new Error("Invalid hoisting limits definition")):s=="selfReferences"?typeof e.installConfig.selfReferences=="boolean"?this.installConfig.selfReferences=e.installConfig.selfReferences:i.push(new Error("Invalid selfReferences definition, must be a boolean value")):i.push(new Error(`Unrecognized installConfig key: ${s}`))}else this.installConfig=null;if(typeof e.optionalDependencies=="object"&&e.optionalDependencies!==null)for(let[s,o]of Object.entries(e.optionalDependencies)){if(typeof o!="string"){i.push(new Error(`Invalid dependency range for '${s}'`));continue}let a;try{a=_i(s)}catch{i.push(new Error(`Parsing failed for the dependency name '${s}'`));continue}let l=Zt(a,o);this.dependencies.set(l.identHash,l);let c=Zt(a,"unknown"),u=this.ensureDependencyMeta(c);Object.assign(u,{optional:!0})}typeof e.preferUnplugged=="boolean"?this.preferUnplugged=e.preferUnplugged:this.preferUnplugged=null,this.errors=i}getForScope(e){switch(e){case"dependencies":return this.dependencies;case"devDependencies":return this.devDependencies;case"peerDependencies":return this.peerDependencies;default:throw new Error(`Unsupported value ("${e}")`)}}hasConsumerDependency(e){return!!(this.dependencies.has(e.identHash)||this.peerDependencies.has(e.identHash))}hasHardDependency(e){return!!(this.dependencies.has(e.identHash)||this.devDependencies.has(e.identHash))}hasSoftDependency(e){return!!this.peerDependencies.has(e.identHash)}hasDependency(e){return!!(this.hasHardDependency(e)||this.hasSoftDependency(e))}getConditions(){let e=[];return this.os&&this.os.length>0&&e.push(DD("os",this.os)),this.cpu&&this.cpu.length>0&&e.push(DD("cpu",this.cpu)),this.libc&&this.libc.length>0&&e.push(DD("libc",this.libc)),e.length>0?e.join(" & "):null}isCompatibleWithOS(e){return KA.isManifestFieldCompatible(this.os,e)}isCompatibleWithCPU(e){return KA.isManifestFieldCompatible(this.cpu,e)}ensureDependencyMeta(e){if(e.range!=="unknown"&&!n8.default.valid(e.range))throw new Error(`Invalid meta field range for '${Qn(e)}'`);let t=Ot(e),i=e.range!=="unknown"?e.range:null,n=this.dependenciesMeta.get(t);n||this.dependenciesMeta.set(t,n=new Map);let s=n.get(i);return s||n.set(i,s={}),s}ensurePeerDependencyMeta(e){if(e.range!=="unknown")throw new Error(`Invalid meta field range for '${Qn(e)}'`);let t=Ot(e),i=this.peerDependenciesMeta.get(t);return i||this.peerDependenciesMeta.set(t,i={}),i}setRawField(e,t,{after:i=[]}={}){let n=new Set(i.filter(s=>Object.prototype.hasOwnProperty.call(this.raw,s)));if(n.size===0||Object.prototype.hasOwnProperty.call(this.raw,e))this.raw[e]=t;else{let s=this.raw,o=this.raw={},a=!1;for(let l of Object.keys(s))o[l]=s[l],a||(n.delete(l),n.size===0&&(o[e]=t,a=!0))}}exportTo(e,{compatibilityMode:t=!0}={}){var s;if(Object.assign(e,this.raw),this.name!==null?e.name=Ot(this.name):delete e.name,this.version!==null?e.version=this.version:delete e.version,this.os!==null?e.os=this.os:delete e.os,this.cpu!==null?e.cpu=this.cpu:delete e.cpu,this.type!==null?e.type=this.type:delete e.type,this.packageManager!==null?e.packageManager=this.packageManager:delete e.packageManager,this.private?e.private=!0:delete e.private,this.license!==null?e.license=this.license:delete e.license,this.languageName!==null?e.languageName=this.languageName:delete e.languageName,this.main!==null?e.main=this.main:delete e.main,this.module!==null?e.module=this.module:delete e.module,this.browser!==null){let o=this.browser;typeof o=="string"?e.browser=o:o instanceof Map&&(e.browser=Object.assign({},...Array.from(o.keys()).sort().map(a=>({[a]:o.get(a)}))))}else delete e.browser;this.bin.size===1&&this.name!==null&&this.bin.has(this.name.name)?e.bin=this.bin.get(this.name.name):this.bin.size>0?e.bin=Object.assign({},...Array.from(this.bin.keys()).sort().map(o=>({[o]:this.bin.get(o)}))):delete e.bin,this.workspaceDefinitions.length>0?this.raw.workspaces&&!Array.isArray(this.raw.workspaces)?e.workspaces={...this.raw.workspaces,packages:this.workspaceDefinitions.map(({pattern:o})=>o)}:e.workspaces=this.workspaceDefinitions.map(({pattern:o})=>o):this.raw.workspaces&&!Array.isArray(this.raw.workspaces)&&Object.keys(this.raw.workspaces).length>0?e.workspaces=this.raw.workspaces:delete e.workspaces;let i=[],n=[];for(let o of this.dependencies.values()){let a=this.dependenciesMeta.get(Ot(o)),l=!1;if(t&&a){let c=a.get(null);c&&c.optional&&(l=!0)}l?n.push(o):i.push(o)}i.length>0?e.dependencies=Object.assign({},...Ef(i).map(o=>({[Ot(o)]:o.range}))):delete e.dependencies,n.length>0?e.optionalDependencies=Object.assign({},...Ef(n).map(o=>({[Ot(o)]:o.range}))):delete e.optionalDependencies,this.devDependencies.size>0?e.devDependencies=Object.assign({},...Ef(this.devDependencies.values()).map(o=>({[Ot(o)]:o.range}))):delete e.devDependencies,this.peerDependencies.size>0?e.peerDependencies=Object.assign({},...Ef(this.peerDependencies.values()).map(o=>({[Ot(o)]:o.range}))):delete e.peerDependencies,e.dependenciesMeta={};for(let[o,a]of wn(this.dependenciesMeta.entries(),([l,c])=>l))for(let[l,c]of wn(a.entries(),([u,g])=>u!==null?`0${u}`:"1")){let u=l!==null?Qn(Zt(_i(o),l)):o,g={...c};t&&l===null&&delete g.optional,Object.keys(g).length!==0&&(e.dependenciesMeta[u]=g)}if(Object.keys(e.dependenciesMeta).length===0&&delete e.dependenciesMeta,this.peerDependenciesMeta.size>0?e.peerDependenciesMeta=Object.assign({},...wn(this.peerDependenciesMeta.entries(),([o,a])=>o).map(([o,a])=>({[o]:a}))):delete e.peerDependenciesMeta,this.resolutions.length>0?e.resolutions=Object.assign({},...this.resolutions.map(({pattern:o,reference:a})=>({[iI(o)]:a}))):delete e.resolutions,this.files!==null?e.files=Array.from(this.files):delete e.files,this.preferUnplugged!==null?e.preferUnplugged=this.preferUnplugged:delete e.preferUnplugged,this.scripts!==null&&this.scripts.size>0){(s=e.scripts)!=null||(e.scripts={});for(let o of Object.keys(e.scripts))this.scripts.has(o)||delete e.scripts[o];for(let[o,a]of this.scripts.entries())e.scripts[o]=a}else delete e.scripts;return e}},ot=KA;ot.fileName="package.json",ot.allDependencies=["dependencies","devDependencies","peerDependencies"],ot.hardDependencies=["dependencies","devDependencies"];function t8(r){let e=r.match(/^[ \t]+/m);return e?e[0]:"  "}function r8(r){return r.charCodeAt(0)===65279?r.slice(1):r}function en(r){return r.replace(/\\/g,"/")}function Iw(r,{yamlCompatibilityMode:e}){return e?Rx(r):typeof r>"u"||typeof r=="boolean"?r:null}function i8(r,e){let t=e.search(/[^!]/);if(t===-1)return"invalid";let i=t%2===0?"":"!",n=e.slice(t);return`${i}${r}=${n}`}function DD(r,e){return e.length===1?i8(r,e[0]):`(${e.map(t=>i8(r,t)).join(" | ")})`}var L8=Pe(N8()),T8=J("stream"),O8=J("string_decoder");var GSe=15,at=class extends Error{constructor(t,i,n){super(i);this.reportExtra=n;this.reportCode=t}};function YSe(r){return typeof r.reportCode<"u"}var Si=class{constructor(){this.reportedInfos=new Set;this.reportedWarnings=new Set;this.reportedErrors=new Set}static progressViaCounter(e){let t=0,i,n=new Promise(l=>{i=l}),s=l=>{let c=i;n=new Promise(u=>{i=u}),t=l,c()},o=(l=0)=>{s(t+1)},a=async function*(){for(;t<e;)await n,yield{progress:t/e}}();return{[Symbol.asyncIterator](){return a},hasProgress:!0,hasTitle:!1,set:s,tick:o}}static progressViaTitle(){let e,t,i=new Promise(o=>{t=o}),n=(0,L8.default)(o=>{let a=t;i=new Promise(l=>{t=l}),e=o,a()},1e3/GSe),s=async function*(){for(;;)await i,yield{title:e}}();return{[Symbol.asyncIterator](){return s},hasProgress:!1,hasTitle:!0,setTitle:n}}async startProgressPromise(e,t){let i=this.reportProgress(e);try{return await t(e)}finally{i.stop()}}startProgressSync(e,t){let i=this.reportProgress(e);try{return t(e)}finally{i.stop()}}reportInfoOnce(e,t,i){var s;let n=i&&i.key?i.key:t;this.reportedInfos.has(n)||(this.reportedInfos.add(n),this.reportInfo(e,t),(s=i==null?void 0:i.reportExtra)==null||s.call(i,this))}reportWarningOnce(e,t,i){var s;let n=i&&i.key?i.key:t;this.reportedWarnings.has(n)||(this.reportedWarnings.add(n),this.reportWarning(e,t),(s=i==null?void 0:i.reportExtra)==null||s.call(i,this))}reportErrorOnce(e,t,i){var s;let n=i&&i.key?i.key:t;this.reportedErrors.has(n)||(this.reportedErrors.add(n),this.reportError(e,t),(s=i==null?void 0:i.reportExtra)==null||s.call(i,this))}reportExceptionOnce(e){YSe(e)?this.reportErrorOnce(e.reportCode,e.message,{key:e,reportExtra:e.reportExtra}):this.reportErrorOnce(1,e.stack||e.message,{key:e})}createStreamReporter(e=null){let t=new T8.PassThrough,i=new O8.StringDecoder,n="";return t.on("data",s=>{let o=i.write(s),a;do if(a=o.indexOf(`
-`),a!==-1){let l=n+o.substring(0,a);o=o.substring(a+1),n="",e!==null?this.reportInfo(null,`${e} ${l}`):this.reportInfo(null,l)}while(a!==-1);n+=o}),t.on("end",()=>{let s=i.end();s!==""&&(e!==null?this.reportInfo(null,`${e} ${s}`):this.reportInfo(null,s))}),t}};var If=class{constructor(e){this.fetchers=e}supports(e,t){return!!this.tryFetcher(e,t)}getLocalPath(e,t){return this.getFetcher(e,t).getLocalPath(e,t)}async fetch(e,t){return await this.getFetcher(e,t).fetch(e,t)}tryFetcher(e,t){let i=this.fetchers.find(n=>n.supports(e,t));return i||null}getFetcher(e,t){let i=this.fetchers.find(n=>n.supports(e,t));if(!i)throw new at(11,`${mt(t.project.configuration,e)} isn't supported by any available fetcher`);return i}};var yf=class{constructor(e){this.resolvers=e.filter(t=>t)}supportsDescriptor(e,t){return!!this.tryResolverByDescriptor(e,t)}supportsLocator(e,t){return!!this.tryResolverByLocator(e,t)}shouldPersistResolution(e,t){return this.getResolverByLocator(e,t).shouldPersistResolution(e,t)}bindDescriptor(e,t,i){return this.getResolverByDescriptor(e,i).bindDescriptor(e,t,i)}getResolutionDependencies(e,t){return this.getResolverByDescriptor(e,t).getResolutionDependencies(e,t)}async getCandidates(e,t,i){return await this.getResolverByDescriptor(e,i).getCandidates(e,t,i)}async getSatisfying(e,t,i){return this.getResolverByDescriptor(e,i).getSatisfying(e,t,i)}async resolve(e,t){return await this.getResolverByLocator(e,t).resolve(e,t)}tryResolverByDescriptor(e,t){let i=this.resolvers.find(n=>n.supportsDescriptor(e,t));return i||null}getResolverByDescriptor(e,t){let i=this.resolvers.find(n=>n.supportsDescriptor(e,t));if(!i)throw new Error(`${tr(t.project.configuration,e)} isn't supported by any available resolver`);return i}tryResolverByLocator(e,t){let i=this.resolvers.find(n=>n.supportsLocator(e,t));return i||null}getResolverByLocator(e,t){let i=this.resolvers.find(n=>n.supportsLocator(e,t));if(!i)throw new Error(`${mt(t.project.configuration,e)} isn't supported by any available resolver`);return i}};var M8=Pe(Xr());var wf=/^(?!v)[a-z0-9._-]+$/i,yw=class{supportsDescriptor(e,t){return!!(to(e.range)||wf.test(e.range))}supportsLocator(e,t){return!!(M8.default.valid(e.reference)||wf.test(e.reference))}shouldPersistResolution(e,t){return t.resolver.shouldPersistResolution(this.forwardLocator(e,t),t)}bindDescriptor(e,t,i){return i.resolver.bindDescriptor(this.forwardDescriptor(e,i),t,i)}getResolutionDependencies(e,t){return t.resolver.getResolutionDependencies(this.forwardDescriptor(e,t),t)}async getCandidates(e,t,i){return await i.resolver.getCandidates(this.forwardDescriptor(e,i),t,i)}async getSatisfying(e,t,i){return await i.resolver.getSatisfying(this.forwardDescriptor(e,i),t,i)}async resolve(e,t){let i=await t.resolver.resolve(this.forwardLocator(e,t),t);return jd(i,e)}forwardDescriptor(e,t){return Zt(e,`${t.project.configuration.get("defaultProtocol")}${e.range}`)}forwardLocator(e,t){return $i(e,`${t.project.configuration.get("defaultProtocol")}${e.reference}`)}};var Bf=class{supports(e){return!!e.reference.startsWith("virtual:")}getLocalPath(e,t){let i=e.reference.indexOf("#");if(i===-1)throw new Error("Invalid virtual package reference");let n=e.reference.slice(i+1),s=$i(e,n);return t.fetcher.getLocalPath(s,t)}async fetch(e,t){let i=e.reference.indexOf("#");if(i===-1)throw new Error("Invalid virtual package reference");let n=e.reference.slice(i+1),s=$i(e,n),o=await t.fetcher.fetch(s,t);return await this.ensureVirtualLink(e,o,t)}getLocatorFilename(e){return mf(e)}async ensureVirtualLink(e,t,i){let n=t.packageFs.getRealPath(),s=i.project.configuration.get("virtualFolder"),o=this.getLocatorFilename(e),a=Br.makeVirtualPath(s,o,n),l=new yo(a,{baseFs:t.packageFs,pathUtils:x});return{...t,packageFs:l}}};var Qf=class{static isVirtualDescriptor(e){return!!e.range.startsWith(Qf.protocol)}static isVirtualLocator(e){return!!e.reference.startsWith(Qf.protocol)}supportsDescriptor(e,t){return Qf.isVirtualDescriptor(e)}supportsLocator(e,t){return Qf.isVirtualLocator(e)}shouldPersistResolution(e,t){return!1}bindDescriptor(e,t,i){throw new Error('Assertion failed: calling "bindDescriptor" on a virtual descriptor is unsupported')}getResolutionDependencies(e,t){throw new Error('Assertion failed: calling "getResolutionDependencies" on a virtual descriptor is unsupported')}async getCandidates(e,t,i){throw new Error('Assertion failed: calling "getCandidates" on a virtual descriptor is unsupported')}async getSatisfying(e,t,i){throw new Error('Assertion failed: calling "getSatisfying" on a virtual descriptor is unsupported')}async resolve(e,t){throw new Error('Assertion failed: calling "resolve" on a virtual locator is unsupported')}},rC=Qf;rC.protocol="virtual:";var bf=class{supports(e){return!!e.reference.startsWith(jr.protocol)}getLocalPath(e,t){return this.getWorkspace(e,t).cwd}async fetch(e,t){let i=this.getWorkspace(e,t).cwd;return{packageFs:new jt(i),prefixPath:Oe.dot,localPath:i}}getWorkspace(e,t){return t.project.getWorkspaceByCwd(e.reference.slice(jr.protocol.length))}};var ww={};ut(ww,{getDefaultGlobalFolder:()=>ND,getHomeFolder:()=>iC,isFolderInside:()=>LD});var FD=J("os");function ND(){if(process.platform==="win32"){let r=K.toPortablePath(process.env.LOCALAPPDATA||K.join((0,FD.homedir)(),"AppData","Local"));return x.resolve(r,"Yarn/Berry")}if(process.env.XDG_DATA_HOME){let r=K.toPortablePath(process.env.XDG_DATA_HOME);return x.resolve(r,"yarn/berry")}return x.resolve(iC(),".yarn/berry")}function iC(){return K.toPortablePath((0,FD.homedir)()||"/usr/local/share")}function LD(r,e){let t=x.relative(e,r);return t&&!t.startsWith("..")&&!x.isAbsolute(t)}var Cs={};ut(Cs,{availableParallelism:()=>MD,builtinModules:()=>TD,getArchitecture:()=>nC,getArchitectureName:()=>JSe,getArchitectureSet:()=>OD,openUrl:()=>jSe});var U8=Pe(J("module")),bw=Pe(J("os"));var K8=new Map([["darwin","open"],["linux","xdg-open"],["win32","explorer.exe"]]).get(process.platform),jSe=typeof K8<"u"?async r=>{try{return await KD(K8,[r],{cwd:x.cwd()}),!0}catch{return!1}}:void 0;function TD(){return new Set(U8.default.builtinModules||Object.keys(process.binding("natives")))}function qSe(){var i,n,s,o;if(process.platform==="win32")return null;let e=(s=((n=(i=process.report)==null?void 0:i.getReport())!=null?n:{}).sharedObjects)!=null?s:[],t=/\/(?:(ld-linux-|[^/]+-linux-gnu\/)|(libc.musl-|ld-musl-))/;return(o=Ld(e,a=>{let l=a.match(t);if(!l)return Ld.skip;if(l[1])return"glibc";if(l[2])return"musl";throw new Error("Assertion failed: Expected the libc variant to have been detected")}))!=null?o:null}var Bw,Qw;function nC(){return Bw=Bw!=null?Bw:{os:process.platform,cpu:process.arch,libc:qSe()}}function JSe(r=nC()){return r.libc?`${r.os}-${r.cpu}-${r.libc}`:`${r.os}-${r.cpu}`}function OD(){let r=nC();return Qw=Qw!=null?Qw:{os:[r.os],cpu:[r.cpu],libc:r.libc?[r.libc]:[]}}function MD(){return"availableParallelism"in bw.default?bw.default.availableParallelism():Math.max(1,bw.default.cpus().length)}var WSe=new Set(["isTestEnv","injectNpmUser","injectNpmPassword","injectNpm2FaToken","binFolder","version","flags","profile","gpg","ignoreNode","wrapOutput","home","confDir"]),Pw="yarn_",YD=".yarnrc.yml",jD="yarn.lock",zSe="********",qD=(u=>(u.ANY="ANY",u.BOOLEAN="BOOLEAN",u.ABSOLUTE_PATH="ABSOLUTE_PATH",u.LOCATOR="LOCATOR",u.LOCATOR_LOOSE="LOCATOR_LOOSE",u.NUMBER="NUMBER",u.STRING="STRING",u.SECRET="SECRET",u.SHAPE="SHAPE",u.MAP="MAP",u))(qD||{}),vi=Ue,UD={lastUpdateCheck:{description:"Last timestamp we checked whether new Yarn versions were available",type:"STRING",default:null},yarnPath:{description:"Path to the local executable that must be used over the global one",type:"ABSOLUTE_PATH",default:null},ignorePath:{description:"If true, the local executable will be ignored when using the global one",type:"BOOLEAN",default:!1},ignoreCwd:{description:"If true, the `--cwd` flag will be ignored",type:"BOOLEAN",default:!1},cacheKeyOverride:{description:"A global cache key override; used only for test purposes",type:"STRING",default:null},globalFolder:{description:"Folder where all system-global files are stored",type:"ABSOLUTE_PATH",default:ND()},cacheFolder:{description:"Folder where the cache files must be written",type:"ABSOLUTE_PATH",default:"./.yarn/cache"},compressionLevel:{description:"Zip files compression level, from 0 to 9 or mixed (a variant of 9, which stores some files uncompressed, when compression doesn't yield good results)",type:"NUMBER",values:["mixed",0,1,2,3,4,5,6,7,8,9],default:Ol},virtualFolder:{description:"Folder where the virtual packages (cf doc) will be mapped on the disk (must be named __virtual__)",type:"ABSOLUTE_PATH",default:"./.yarn/__virtual__"},lockfileFilename:{description:"Name of the files where the Yarn dependency tree entries must be stored",type:"STRING",default:jD},installStatePath:{description:"Path of the file where the install state will be persisted",type:"ABSOLUTE_PATH",default:"./.yarn/install-state.gz"},immutablePatterns:{description:"Array of glob patterns; files matching them won't be allowed to change during immutable installs",type:"STRING",default:[],isArray:!0},rcFilename:{description:"Name of the files where the configuration can be found",type:"STRING",default:xw()},enableGlobalCache:{description:"If true, the system-wide cache folder will be used regardless of `cache-folder`",type:"BOOLEAN",default:!1},enableColors:{description:"If true, the CLI is allowed to use colors in its output",type:"BOOLEAN",default:Ly,defaultText:"<dynamic>"},enableHyperlinks:{description:"If true, the CLI is allowed to use hyperlinks in its output",type:"BOOLEAN",default:Mx,defaultText:"<dynamic>"},enableInlineBuilds:{description:"If true, the CLI will print the build output on the command line",type:"BOOLEAN",default:Sw.isCI,defaultText:"<dynamic>"},enableMessageNames:{description:"If true, the CLI will prefix most messages with codes suitable for search engines",type:"BOOLEAN",default:!0},enableProgressBars:{description:"If true, the CLI is allowed to show a progress bar for long-running events",type:"BOOLEAN",default:!Sw.isCI,defaultText:"<dynamic>"},enableTimers:{description:"If true, the CLI is allowed to print the time spent executing commands",type:"BOOLEAN",default:!0},preferAggregateCacheInfo:{description:"If true, the CLI will only print a one-line report of any cache changes",type:"BOOLEAN",default:Sw.isCI},preferInteractive:{description:"If true, the CLI will automatically use the interactive mode when called from a TTY",type:"BOOLEAN",default:!1},preferTruncatedLines:{description:"If true, the CLI will truncate lines that would go beyond the size of the terminal",type:"BOOLEAN",default:!1},progressBarStyle:{description:"Which style of progress bar should be used (only when progress bars are enabled)",type:"STRING",default:void 0,defaultText:"<dynamic>"},defaultLanguageName:{description:"Default language mode that should be used when a package doesn't offer any insight",type:"STRING",default:"node"},defaultProtocol:{description:"Default resolution protocol used when resolving pure semver and tag ranges",type:"STRING",default:"npm:"},enableTransparentWorkspaces:{description:"If false, Yarn won't automatically resolve workspace dependencies unless they use the `workspace:` protocol",type:"BOOLEAN",default:!0},supportedArchitectures:{description:"Architectures that Yarn will fetch and inject into the resolver",type:"SHAPE",properties:{os:{description:"Array of supported process.platform strings, or null to target them all",type:"STRING",isArray:!0,isNullable:!0,default:["current"]},cpu:{description:"Array of supported process.arch strings, or null to target them all",type:"STRING",isArray:!0,isNullable:!0,default:["current"]},libc:{description:"Array of supported libc libraries, or null to target them all",type:"STRING",isArray:!0,isNullable:!0,default:["current"]}}},enableMirror:{description:"If true, the downloaded packages will be retrieved and stored in both the local and global folders",type:"BOOLEAN",default:!0},enableNetwork:{description:"If false, the package manager will refuse to use the network if required to",type:"BOOLEAN",default:!0},httpProxy:{description:"URL of the http proxy that must be used for outgoing http requests",type:"STRING",default:null},httpsProxy:{description:"URL of the http proxy that must be used for outgoing https requests",type:"STRING",default:null},unsafeHttpWhitelist:{description:"List of the hostnames for which http queries are allowed (glob patterns are supported)",type:"STRING",default:[],isArray:!0},httpTimeout:{description:"Timeout of each http request in milliseconds",type:"NUMBER",default:6e4},httpRetry:{description:"Retry times on http failure",type:"NUMBER",default:3},networkConcurrency:{description:"Maximal number of concurrent requests",type:"NUMBER",default:50},networkSettings:{description:"Network settings per hostname (glob patterns are supported)",type:"MAP",valueDefinition:{description:"",type:"SHAPE",properties:{caFilePath:{description:"Path to file containing one or multiple Certificate Authority signing certificates",type:"ABSOLUTE_PATH",default:null},enableNetwork:{description:"If false, the package manager will refuse to use the network if required to",type:"BOOLEAN",default:null},httpProxy:{description:"URL of the http proxy that must be used for outgoing http requests",type:"STRING",default:null},httpsProxy:{description:"URL of the http proxy that must be used for outgoing https requests",type:"STRING",default:null},httpsKeyFilePath:{description:"Path to file containing private key in PEM format",type:"ABSOLUTE_PATH",default:null},httpsCertFilePath:{description:"Path to file containing certificate chain in PEM format",type:"ABSOLUTE_PATH",default:null}}}},caFilePath:{description:"A path to a file containing one or multiple Certificate Authority signing certificates",type:"ABSOLUTE_PATH",default:null},httpsKeyFilePath:{description:"Path to file containing private key in PEM format",type:"ABSOLUTE_PATH",default:null},httpsCertFilePath:{description:"Path to file containing certificate chain in PEM format",type:"ABSOLUTE_PATH",default:null},enableStrictSsl:{description:"If false, SSL certificate errors will be ignored",type:"BOOLEAN",default:!0},logFilters:{description:"Overrides for log levels",type:"SHAPE",isArray:!0,concatenateValues:!0,properties:{code:{description:"Code of the messages covered by this override",type:"STRING",default:void 0},text:{description:"Code of the texts covered by this override",type:"STRING",default:void 0},pattern:{description:"Code of the patterns covered by this override",type:"STRING",default:void 0},level:{description:"Log level override, set to null to remove override",type:"STRING",values:Object.values(Oy),isNullable:!0,default:void 0}}},enableTelemetry:{description:"If true, telemetry will be periodically sent, following the rules in https://yarnpkg.com/advanced/telemetry",type:"BOOLEAN",default:!0},telemetryInterval:{description:"Minimal amount of time between two telemetry uploads, in days",type:"NUMBER",default:7},telemetryUserId:{description:"If you desire to tell us which project you are, you can set this field. Completely optional and opt-in.",type:"STRING",default:null},enableScripts:{description:"If true, packages are allowed to have install scripts by default",type:"BOOLEAN",default:!0},enableStrictSettings:{description:"If true, unknown settings will cause Yarn to abort",type:"BOOLEAN",default:!0},enableImmutableCache:{description:"If true, the cache is reputed immutable and actions that would modify it will throw",type:"BOOLEAN",default:!1},checksumBehavior:{description:"Enumeration defining what to do when a checksum doesn't match expectations",type:"STRING",default:"throw"},packageExtensions:{description:"Map of package corrections to apply on the dependency tree",type:"MAP",valueDefinition:{description:"The extension that will be applied to any package whose version matches the specified range",type:"SHAPE",properties:{dependencies:{description:"The set of dependencies that must be made available to the current package in order for it to work properly",type:"MAP",valueDefinition:{description:"A range",type:"STRING"}},peerDependencies:{description:"Inherited dependencies - the consumer of the package will be tasked to provide them",type:"MAP",valueDefinition:{description:"A semver range",type:"STRING"}},peerDependenciesMeta:{description:"Extra information related to the dependencies listed in the peerDependencies field",type:"MAP",valueDefinition:{description:"The peerDependency meta",type:"SHAPE",properties:{optional:{description:"If true, the selected peer dependency will be marked as optional by the package manager and the consumer omitting it won't be reported as an error",type:"BOOLEAN",default:!1}}}}}}}};function JD(r,e,t,i,n){if(i.isArray||i.type==="ANY"&&Array.isArray(t))return Array.isArray(t)?t.map((s,o)=>HD(r,`${e}[${o}]`,s,i,n)):String(t).split(/,/).map(s=>HD(r,e,s,i,n));if(Array.isArray(t))throw new Error(`Non-array configuration settings "${e}" cannot be an array`);return HD(r,e,t,i,n)}function HD(r,e,t,i,n){var a;switch(i.type){case"ANY":return t;case"SHAPE":return VSe(r,e,t,i,n);case"MAP":return XSe(r,e,t,i,n)}if(t===null&&!i.isNullable&&i.default!==null)throw new Error(`Non-nullable configuration settings "${e}" cannot be set to null`);if((a=i.values)!=null&&a.includes(t))return t;let o=(()=>{if(i.type==="BOOLEAN"&&typeof t!="string")return Td(t);if(typeof t!="string")throw new Error(`Expected value (${t}) to be a string`);let l=kx(t,{env:process.env});switch(i.type){case"ABSOLUTE_PATH":return x.resolve(n,K.toPortablePath(l));case"LOCATOR_LOOSE":return Cc(l,!1);case"NUMBER":return parseInt(l);case"LOCATOR":return Cc(l);case"BOOLEAN":return Td(l);default:return l}})();if(i.values&&!i.values.includes(o))throw new Error(`Invalid value, expected one of ${i.values.join(", ")}`);return o}function VSe(r,e,t,i,n){if(typeof t!="object"||Array.isArray(t))throw new be(`Object configuration settings "${e}" must be an object`);let s=WD(r,i,{ignoreArrays:!0});if(t===null)return s;for(let[o,a]of Object.entries(t)){let l=`${e}.${o}`;if(!i.properties[o])throw new be(`Unrecognized configuration settings found: ${e}.${o} - run "yarn config -v" to see the list of settings supported in Yarn`);s.set(o,JD(r,l,a,i.properties[o],n))}return s}function XSe(r,e,t,i,n){let s=new Map;if(typeof t!="object"||Array.isArray(t))throw new be(`Map configuration settings "${e}" must be an object`);if(t===null)return s;for(let[o,a]of Object.entries(t)){let l=i.normalizeKeys?i.normalizeKeys(o):o,c=`${e}['${l}']`,u=i.valueDefinition;s.set(l,JD(r,c,a,u,n))}return s}function WD(r,e,{ignoreArrays:t=!1}={}){switch(e.type){case"SHAPE":{if(e.isArray&&!t)return[];let i=new Map;for(let[n,s]of Object.entries(e.properties))i.set(n,WD(r,s));return i}break;case"MAP":return e.isArray&&!t?[]:new Map;case"ABSOLUTE_PATH":return e.default===null?null:r.projectCwd===null?x.isAbsolute(e.default)?x.normalize(e.default):e.isNullable?null:void 0:Array.isArray(e.default)?e.default.map(i=>x.resolve(r.projectCwd,i)):x.resolve(r.projectCwd,e.default);default:return e.default}}function vw(r,e,t){if(e.type==="SECRET"&&typeof r=="string"&&t.hideSecrets)return zSe;if(e.type==="ABSOLUTE_PATH"&&typeof r=="string"&&t.getNativePaths)return K.fromPortablePath(r);if(e.isArray&&Array.isArray(r)){let i=[];for(let n of r)i.push(vw(n,e,t));return i}if(e.type==="MAP"&&r instanceof Map){let i=new Map;for(let[n,s]of r.entries())i.set(n,vw(s,e.valueDefinition,t));return i}if(e.type==="SHAPE"&&r instanceof Map){let i=new Map;for(let[n,s]of r.entries()){let o=e.properties[n];i.set(n,vw(s,o,t))}return i}return r}function _Se(){let r={};for(let[e,t]of Object.entries(process.env))e=e.toLowerCase(),e.startsWith(Pw)&&(e=(0,H8.default)(e.slice(Pw.length)),r[e]=t);return r}function xw(){let r=`${Pw}rc_filename`;for(let[e,t]of Object.entries(process.env))if(e.toLowerCase()===r&&typeof t=="string")return t;return YD}var zD=(i=>(i[i.LOCKFILE=0]="LOCKFILE",i[i.MANIFEST=1]="MANIFEST",i[i.NONE=2]="NONE",i))(zD||{}),Na=class{constructor(e){this.projectCwd=null;this.plugins=new Map;this.settings=new Map;this.values=new Map;this.sources=new Map;this.invalid=new Map;this.packageExtensions=new Map;this.limits=new Map;this.startingCwd=e}static create(e,t,i){let n=new Na(e);typeof t<"u"&&!(t instanceof Map)&&(n.projectCwd=t),n.importSettings(UD);let s=typeof i<"u"?i:t instanceof Map?t:new Map;for(let[o,a]of s)n.activatePlugin(o,a);return n}static async find(e,t,{lookup:i=0,strict:n=!0,usePath:s=!1,useRc:o=!0}={}){let a=_Se();delete a.rcFilename;let l=await Na.findRcFiles(e),c=await Na.findHomeRcFile();if(c){let B=l.find(v=>v.path===c.path);B?B.strict=!1:l.push({...c,strict:!1})}let u=({ignoreCwd:B,yarnPath:v,ignorePath:D,lockfileFilename:L})=>({ignoreCwd:B,yarnPath:v,ignorePath:D,lockfileFilename:L}),g=({ignoreCwd:B,yarnPath:v,ignorePath:D,lockfileFilename:L,...H})=>H,f=new Na(e);f.importSettings(u(UD)),f.useWithSource("<environment>",u(a),e,{strict:!1});for(let{path:B,cwd:v,data:D}of l)f.useWithSource(B,u(D),v,{strict:!1});if(s){let B=f.get("yarnPath"),v=f.get("ignorePath");if(B!==null&&!v)return f}let h=f.get("lockfileFilename"),p;switch(i){case 0:p=await Na.findProjectCwd(e,h);break;case 1:p=await Na.findProjectCwd(e,null);break;case 2:M.existsSync(x.join(e,"package.json"))?p=x.resolve(e):p=null;break}f.startingCwd=e,f.projectCwd=p,f.importSettings(g(UD));let C=new Map([["@@core",_4]]),y=B=>"default"in B?B.default:B;if(t!==null){for(let L of t.plugins.keys())C.set(L,y(t.modules.get(L)));let B=new Map;for(let L of TD())B.set(L,()=>Af(L));for(let[L,H]of t.modules)B.set(L,()=>H);let v=new Set,D=async(L,H)=>{let{factory:j,name:$}=Af(L);if(v.has($))return;let V=new Map(B),W=A=>{if(V.has(A))return V.get(A)();throw new be(`This plugin cannot access the package referenced via ${A} which is neither a builtin, nor an exposed entry`)},Z=await of(async()=>y(await j(W)),A=>`${A} (when initializing ${$}, defined in ${H})`);B.set($,()=>Z),v.add($),C.set($,Z)};if(a.plugins)for(let L of a.plugins.split(";")){let H=x.resolve(e,K.toPortablePath(L));await D(H,"<environment>")}for(let{path:L,cwd:H,data:j}of l)if(!!o&&!!Array.isArray(j.plugins))for(let $ of j.plugins){let V=typeof $!="string"?$.path:$,W=x.resolve(H,K.toPortablePath(V));await D(W,L)}}for(let[B,v]of C)f.activatePlugin(B,v);f.useWithSource("<environment>",g(a),e,{strict:n});for(let{path:B,cwd:v,data:D,strict:L}of l)f.useWithSource(B,g(D),v,{strict:L!=null?L:n});return f.get("enableGlobalCache")&&(f.values.set("cacheFolder",`${f.get("globalFolder")}/cache`),f.sources.set("cacheFolder","<internal>")),await f.refreshPackageExtensions(),f}static async findRcFiles(e){let t=xw(),i=[],n=e,s=null;for(;n!==s;){s=n;let o=x.join(s,t);if(M.existsSync(o)){let a=await M.readFilePromise(o,"utf8"),l;try{l=Ii(a)}catch{let u="";throw a.match(/^\s+(?!-)[^:]+\s+\S+/m)&&(u=" (in particular, make sure you list the colons after each key name)"),new be(`Parse error when loading ${o}; please check it's proper Yaml${u}`)}i.push({path:o,cwd:s,data:l})}n=x.dirname(s)}return i}static async findHomeRcFile(){let e=xw(),t=iC(),i=x.join(t,e);if(M.existsSync(i)){let n=await M.readFilePromise(i,"utf8"),s=Ii(n);return{path:i,cwd:t,data:s}}return null}static async findProjectCwd(e,t){let i=null,n=e,s=null;for(;n!==s;){if(s=n,M.existsSync(x.join(s,"package.json"))&&(i=s),t!==null){if(M.existsSync(x.join(s,t))){i=s;break}}else if(i!==null)break;n=x.dirname(s)}return i}static async updateConfiguration(e,t){let i=xw(),n=x.join(e,i),s=M.existsSync(n)?Ii(await M.readFilePromise(n,"utf8")):{},o=!1,a;if(typeof t=="function"){try{a=t(s)}catch{a=t({})}if(a===s)return}else{a=s;for(let l of Object.keys(t)){let c=s[l],u=t[l],g;if(typeof u=="function")try{g=u(c)}catch{g=u(void 0)}else g=u;c!==g&&(a[l]=g,o=!0)}if(!o)return}await M.changeFilePromise(n,Ca(a),{automaticNewlines:!0})}static async updateHomeConfiguration(e){let t=iC();return await Na.updateConfiguration(t,e)}activatePlugin(e,t){this.plugins.set(e,t),typeof t.configuration<"u"&&this.importSettings(t.configuration)}importSettings(e){for(let[t,i]of Object.entries(e))if(i!=null){if(this.settings.has(t))throw new Error(`Cannot redefine settings "${t}"`);this.settings.set(t,i),this.values.set(t,WD(this,i))}}useWithSource(e,t,i,n){try{this.use(e,t,i,n)}catch(s){throw s.message+=` (in ${Ze(this,e,Ue.PATH)})`,s}}use(e,t,i,{strict:n=!0,overwrite:s=!1}={}){n=n&&this.get("enableStrictSettings");for(let o of["enableStrictSettings",...Object.keys(t)]){if(typeof t[o]>"u"||o==="plugins"||e==="<environment>"&&WSe.has(o))continue;if(o==="rcFilename")throw new be(`The rcFilename settings can only be set via ${`${Pw}RC_FILENAME`.toUpperCase()}, not via a rc file`);let l=this.settings.get(o);if(!l){if(n)throw new be(`Unrecognized or legacy configuration settings found: ${o} - run "yarn config -v" to see the list of settings supported in Yarn`);this.invalid.set(o,e);continue}if(this.sources.has(o)&&!(s||l.type==="MAP"||l.isArray&&l.concatenateValues))continue;let c;try{c=JD(this,o,t[o],l,i)}catch(u){throw u.message+=` in ${Ze(this,e,Ue.PATH)}`,u}if(o==="enableStrictSettings"&&e!=="<environment>"){n=c;continue}if(l.type==="MAP"){let u=this.values.get(o);this.values.set(o,new Map(s?[...u,...c]:[...c,...u])),this.sources.set(o,`${this.sources.get(o)}, ${e}`)}else if(l.isArray&&l.concatenateValues){let u=this.values.get(o);this.values.set(o,s?[...u,...c]:[...c,...u]),this.sources.set(o,`${this.sources.get(o)}, ${e}`)}else this.values.set(o,c),this.sources.set(o,e)}}get(e){if(!this.values.has(e))throw new Error(`Invalid configuration key "${e}"`);return this.values.get(e)}getSpecial(e,{hideSecrets:t=!1,getNativePaths:i=!1}){let n=this.get(e),s=this.settings.get(e);if(typeof s>"u")throw new be(`Couldn't find a configuration settings named "${e}"`);return vw(n,s,{hideSecrets:t,getNativePaths:i})}getSubprocessStreams(e,{header:t,prefix:i,report:n}){let s,o,a=M.createWriteStream(e);if(this.get("enableInlineBuilds")){let l=n.createStreamReporter(`${i} ${Ze(this,"STDOUT","green")}`),c=n.createStreamReporter(`${i} ${Ze(this,"STDERR","red")}`);s=new GD.PassThrough,s.pipe(l),s.pipe(a),o=new GD.PassThrough,o.pipe(c),o.pipe(a)}else s=a,o=a,typeof t<"u"&&s.write(`${t}
-`);return{stdout:s,stderr:o}}makeResolver(){let e=[];for(let t of this.plugins.values())for(let i of t.resolvers||[])e.push(new i);return new yf([new rC,new jr,new yw,...e])}makeFetcher(){let e=[];for(let t of this.plugins.values())for(let i of t.fetchers||[])e.push(new i);return new If([new Bf,new bf,...e])}getLinkers(){let e=[];for(let t of this.plugins.values())for(let i of t.linkers||[])e.push(new i);return e}getSupportedArchitectures(){let e=nC(),t=this.get("supportedArchitectures"),i=t.get("os");i!==null&&(i=i.map(o=>o==="current"?e.os:o));let n=t.get("cpu");n!==null&&(n=n.map(o=>o==="current"?e.cpu:o));let s=t.get("libc");return s!==null&&(s=To(s,o=>{var a;return o==="current"?(a=e.libc)!=null?a:To.skip:o})),{os:i,cpu:n,libc:s}}async refreshPackageExtensions(){this.packageExtensions=new Map;let e=this.packageExtensions,t=(i,n,{userProvided:s=!1}={})=>{if(!to(i.range))throw new Error("Only semver ranges are allowed as keys for the packageExtensions setting");let o=new ot;o.load(n,{yamlCompatibilityMode:!0});let a=nf(e,i.identHash),l=[];a.push([i.range,l]);let c={status:"inactive",userProvided:s,parentDescriptor:i};for(let u of o.dependencies.values())l.push({...c,type:"Dependency",descriptor:u});for(let u of o.peerDependencies.values())l.push({...c,type:"PeerDependency",descriptor:u});for(let[u,g]of o.peerDependenciesMeta)for(let[f,h]of Object.entries(g))l.push({...c,type:"PeerDependencyMeta",selector:u,key:f,value:h})};await this.triggerHook(i=>i.registerPackageExtensions,this,t);for(let[i,n]of this.get("packageExtensions"))t(MA(i,!0),Fy(n),{userProvided:!0})}normalizePackage(e){let t=qd(e);if(this.packageExtensions==null)throw new Error("refreshPackageExtensions has to be called before normalizing packages");let i=this.packageExtensions.get(e.identHash);if(typeof i<"u"){let s=e.version;if(s!==null){for(let[o,a]of i)if(!!mc(s,o))for(let l of a)switch(l.status==="inactive"&&(l.status="redundant"),l.type){case"Dependency":typeof t.dependencies.get(l.descriptor.identHash)>"u"&&(l.status="active",t.dependencies.set(l.descriptor.identHash,l.descriptor));break;case"PeerDependency":typeof t.peerDependencies.get(l.descriptor.identHash)>"u"&&(l.status="active",t.peerDependencies.set(l.descriptor.identHash,l.descriptor));break;case"PeerDependencyMeta":{let c=t.peerDependenciesMeta.get(l.selector);(typeof c>"u"||!Object.prototype.hasOwnProperty.call(c,l.key)||c[l.key]!==l.value)&&(l.status="active",xa(t.peerDependenciesMeta,l.selector,()=>({}))[l.key]=l.value)}break;default:Px(l);break}}}let n=s=>s.scope?`${s.scope}__${s.name}`:`${s.name}`;for(let s of t.peerDependenciesMeta.keys()){let o=_i(s);t.peerDependencies.has(o.identHash)||t.peerDependencies.set(o.identHash,Zt(o,"*"))}for(let s of t.peerDependencies.values()){if(s.scope==="types")continue;let o=n(s),a=Ho("types",o),l=Ot(a);t.peerDependencies.has(a.identHash)||t.peerDependenciesMeta.has(l)||(t.peerDependencies.set(a.identHash,Zt(a,"*")),t.peerDependenciesMeta.set(l,{optional:!0}))}return t.dependencies=new Map(wn(t.dependencies,([,s])=>Qn(s))),t.peerDependencies=new Map(wn(t.peerDependencies,([,s])=>Qn(s))),t}getLimit(e){return xa(this.limits,e,()=>(0,G8.default)(this.get(e)))}async triggerHook(e,...t){for(let i of this.plugins.values()){let n=i.hooks;if(!n)continue;let s=e(n);!s||await s(...t)}}async triggerMultipleHooks(e,t){for(let i of t)await this.triggerHook(e,...i)}async reduceHook(e,t,...i){let n=t;for(let s of this.plugins.values()){let o=s.hooks;if(!o)continue;let a=e(o);!a||(n=await a(n,...i))}return n}async firstHook(e,...t){for(let i of this.plugins.values()){let n=i.hooks;if(!n)continue;let s=e(n);if(!s)continue;let o=await s(...t);if(typeof o<"u")return o}return null}},ye=Na;ye.telemetry=null;var ZD=(i=>(i[i.Never=0]="Never",i[i.ErrorCode=1]="ErrorCode",i[i.Always=2]="Always",i))(ZD||{}),sC=class extends at{constructor({fileName:t,code:i,signal:n}){let s=ye.create(x.cwd()),o=Ze(s,t,Ue.PATH);super(1,`Child ${o} reported an error`,a=>{$Se(i,n,{configuration:s,report:a})});this.code=$D(i,n)}},Dw=class extends sC{constructor({fileName:t,code:i,signal:n,stdout:s,stderr:o}){super({fileName:t,code:i,signal:n});this.stdout=s,this.stderr=o}};function yc(r){return r!==null&&typeof r.fd=="number"}var wc=new Set;function VD(){}function XD(){for(let r of wc)r.kill()}async function Yo(r,e,{cwd:t,env:i=process.env,strict:n=!1,stdin:s=null,stdout:o,stderr:a,end:l=2}){let c=["pipe","pipe","pipe"];s===null?c[0]="ignore":yc(s)&&(c[0]=s),yc(o)&&(c[1]=o),yc(a)&&(c[2]=a);let u=(0,_D.default)(r,e,{cwd:K.fromPortablePath(t),env:{...i,PWD:K.fromPortablePath(t)},stdio:c});wc.add(u),wc.size===1&&(process.on("SIGINT",VD),process.on("SIGTERM",XD)),!yc(s)&&s!==null&&s.pipe(u.stdin),yc(o)||u.stdout.pipe(o,{end:!1}),yc(a)||u.stderr.pipe(a,{end:!1});let g=()=>{for(let f of new Set([o,a]))yc(f)||f.end()};return new Promise((f,h)=>{u.on("error",p=>{wc.delete(u),wc.size===0&&(process.off("SIGINT",VD),process.off("SIGTERM",XD)),(l===2||l===1)&&g(),h(p)}),u.on("close",(p,C)=>{wc.delete(u),wc.size===0&&(process.off("SIGINT",VD),process.off("SIGTERM",XD)),(l===2||l===1&&p>0)&&g(),p===0||!n?f({code:$D(p,C)}):h(new sC({fileName:r,code:p,signal:C}))})})}async function KD(r,e,{cwd:t,env:i=process.env,encoding:n="utf8",strict:s=!1}){let o=["ignore","pipe","pipe"],a=[],l=[],c=K.fromPortablePath(t);typeof i.PWD<"u"&&(i={...i,PWD:c});let u=(0,_D.default)(r,e,{cwd:c,env:i,stdio:o});return u.stdout.on("data",g=>{a.push(g)}),u.stderr.on("data",g=>{l.push(g)}),await new Promise((g,f)=>{u.on("error",h=>{let p=ye.create(t),C=Ze(p,r,Ue.PATH);f(new at(1,`Process ${C} failed to spawn`,y=>{y.reportError(1,`  ${Oo(p,{label:"Thrown Error",value:eo(Ue.NO_HINT,h.message)})}`)}))}),u.on("close",(h,p)=>{let C=n==="buffer"?Buffer.concat(a):Buffer.concat(a).toString(n),y=n==="buffer"?Buffer.concat(l):Buffer.concat(l).toString(n);h===0||!s?g({code:$D(h,p),stdout:C,stderr:y}):f(new Dw({fileName:r,code:h,signal:p,stdout:C,stderr:y}))})})}var ZSe=new Map([["SIGINT",2],["SIGQUIT",3],["SIGKILL",9],["SIGTERM",15]]);function $D(r,e){let t=ZSe.get(e);return typeof t<"u"?128+t:r!=null?r:1}function $Se(r,e,{configuration:t,report:i}){i.reportError(1,`  ${Oo(t,r!==null?{label:"Exit Code",value:eo(Ue.NUMBER,r)}:{label:"Exit Signal",value:eo(Ue.CODE,e)})}`)}var Vt={};ut(Vt,{Method:()=>BV,RequestError:()=>QV.RequestError,del:()=>cDe,get:()=>ADe,getNetworkSettings:()=>wV,post:()=>pR,put:()=>lDe,request:()=>dC});var EV=Pe(nB()),IV=J("https"),yV=J("http"),hR=Pe(yn()),fR=Pe(pV()),sB=J("url");var QV=Pe(nB()),dV=new Map,CV=new Map,sDe=new yV.Agent({keepAlive:!0}),oDe=new IV.Agent({keepAlive:!0});function mV(r){let e=new sB.URL(r),t={host:e.hostname,headers:{}};return e.port&&(t.port=Number(e.port)),{proxy:t}}async function gR(r){return xa(CV,r,()=>M.readFilePromise(r).then(e=>(CV.set(r,e),e)))}function aDe({statusCode:r,statusMessage:e},t){let i=Ze(t,r,Ue.NUMBER),n=`https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/${r}`;return cf(t,`${i}${e?` (${e})`:""}`,n)}async function oB(r,{configuration:e,customErrorMessage:t}){var i,n;try{return await r}catch(s){if(s.name!=="HTTPError")throw s;let o=(n=t==null?void 0:t(s))!=null?n:(i=s.response.body)==null?void 0:i.error;o==null&&(s.message.startsWith("Response code")?o="The remote server failed to provide the requested resource":o=s.message),s instanceof EV.TimeoutError&&s.event==="socket"&&(o+=`(can be increased via ${Ze(e,"httpTimeout",Ue.SETTING)})`);let a=new at(35,o,l=>{s.response&&l.reportError(35,`  ${Oo(e,{label:"Response Code",value:eo(Ue.NO_HINT,aDe(s.response,e))})}`),s.request&&(l.reportError(35,`  ${Oo(e,{label:"Request Method",value:eo(Ue.NO_HINT,s.request.options.method)})}`),l.reportError(35,`  ${Oo(e,{label:"Request URL",value:eo(Ue.URL,s.request.requestUrl)})}`)),s.request.redirects.length>0&&l.reportError(35,`  ${Oo(e,{label:"Request Redirects",value:eo(Ue.NO_HINT,Kx(e,s.request.redirects,Ue.URL))})}`),s.request.retryCount===s.request.options.retry.limit&&l.reportError(35,`  ${Oo(e,{label:"Request Retry Count",value:eo(Ue.NO_HINT,`${Ze(e,s.request.retryCount,Ue.NUMBER)} (can be increased via ${Ze(e,"httpRetry",Ue.SETTING)})`)})}`)});throw a.originalError=s,a}}function wV(r,e){let t=[...e.configuration.get("networkSettings")].sort(([o],[a])=>a.length-o.length),i={enableNetwork:void 0,caFilePath:void 0,httpProxy:void 0,httpsProxy:void 0,httpsKeyFilePath:void 0,httpsCertFilePath:void 0},n=Object.keys(i),s=typeof r=="string"?new sB.URL(r):r;for(let[o,a]of t)if(hR.default.isMatch(s.hostname,o))for(let l of n){let c=a.get(l);c!==null&&typeof i[l]>"u"&&(i[l]=c)}for(let o of n)typeof i[o]>"u"&&(i[o]=e.configuration.get(o));return i}var BV=(n=>(n.GET="GET",n.PUT="PUT",n.POST="POST",n.DELETE="DELETE",n))(BV||{});async function dC(r,e,{configuration:t,headers:i,jsonRequest:n,jsonResponse:s,method:o="GET"}){let a=async()=>await uDe(r,e,{configuration:t,headers:i,jsonRequest:n,jsonResponse:s,method:o});return await(await t.reduceHook(c=>c.wrapNetworkRequest,a,{target:r,body:e,configuration:t,headers:i,jsonRequest:n,jsonResponse:s,method:o}))()}async function ADe(r,{configuration:e,jsonResponse:t,...i}){let n=xa(dV,r,()=>oB(dC(r,null,{configuration:e,...i}),{configuration:e}).then(s=>(dV.set(r,s.body),s.body)));return Buffer.isBuffer(n)===!1&&(n=await n),t?JSON.parse(n.toString()):n}async function lDe(r,e,{customErrorMessage:t,...i}){return(await oB(dC(r,e,{...i,method:"PUT"}),i)).body}async function pR(r,e,{customErrorMessage:t,...i}){return(await oB(dC(r,e,{...i,method:"POST"}),i)).body}async function cDe(r,{customErrorMessage:e,...t}){return(await oB(dC(r,null,{...t,method:"DELETE"}),t)).body}async function uDe(r,e,{configuration:t,headers:i,jsonRequest:n,jsonResponse:s,method:o="GET"}){let a=typeof r=="string"?new sB.URL(r):r,l=wV(a,{configuration:t});if(l.enableNetwork===!1)throw new Error(`Request to '${a.href}' has been blocked because of your configuration settings`);if(a.protocol==="http:"&&!hR.default.isMatch(a.hostname,t.get("unsafeHttpWhitelist")))throw new Error(`Unsafe http requests must be explicitly whitelisted in your configuration (${a.hostname})`);let u={agent:{http:l.httpProxy?fR.default.httpOverHttp(mV(l.httpProxy)):sDe,https:l.httpsProxy?fR.default.httpsOverHttp(mV(l.httpsProxy)):oDe},headers:i,method:o};u.responseType=s?"json":"buffer",e!==null&&(Buffer.isBuffer(e)||!n&&typeof e=="string"?u.body=e:u.json=e);let g=t.get("httpTimeout"),f=t.get("httpRetry"),h=t.get("enableStrictSsl"),p=l.caFilePath,C=l.httpsCertFilePath,y=l.httpsKeyFilePath,{default:B}=await Promise.resolve().then(()=>Pe(nB())),v=p?await gR(p):void 0,D=C?await gR(C):void 0,L=y?await gR(y):void 0,H=B.extend({timeout:{socket:g},retry:f,https:{rejectUnauthorized:h,certificateAuthority:v,certificate:D,key:L},...u});return t.getLimit("networkConcurrency")(()=>H(a))}var Jt={};ut(Jt,{PackageManager:()=>T6,detectPackageManager:()=>O6,executePackageAccessibleBinary:()=>G6,executePackageScript:()=>wB,executePackageShellcode:()=>DR,executeWorkspaceAccessibleBinary:()=>Dke,executeWorkspaceLifecycleScript:()=>U6,executeWorkspaceScript:()=>K6,getPackageAccessibleBinaries:()=>BB,getWorkspaceAccessibleBinaries:()=>H6,hasPackageScript:()=>vke,hasWorkspaceScript:()=>kR,makeScriptEnv:()=>wC,maybeExecuteWorkspaceLifecycleScript:()=>Pke,prepareExternalProject:()=>Ske});var CC={};ut(CC,{getLibzipPromise:()=>rn,getLibzipSync:()=>DV});var PV=Pe(SV());var qA=["number","number"],vV=(F=>(F[F.ZIP_ER_OK=0]="ZIP_ER_OK",F[F.ZIP_ER_MULTIDISK=1]="ZIP_ER_MULTIDISK",F[F.ZIP_ER_RENAME=2]="ZIP_ER_RENAME",F[F.ZIP_ER_CLOSE=3]="ZIP_ER_CLOSE",F[F.ZIP_ER_SEEK=4]="ZIP_ER_SEEK",F[F.ZIP_ER_READ=5]="ZIP_ER_READ",F[F.ZIP_ER_WRITE=6]="ZIP_ER_WRITE",F[F.ZIP_ER_CRC=7]="ZIP_ER_CRC",F[F.ZIP_ER_ZIPCLOSED=8]="ZIP_ER_ZIPCLOSED",F[F.ZIP_ER_NOENT=9]="ZIP_ER_NOENT",F[F.ZIP_ER_EXISTS=10]="ZIP_ER_EXISTS",F[F.ZIP_ER_OPEN=11]="ZIP_ER_OPEN",F[F.ZIP_ER_TMPOPEN=12]="ZIP_ER_TMPOPEN",F[F.ZIP_ER_ZLIB=13]="ZIP_ER_ZLIB",F[F.ZIP_ER_MEMORY=14]="ZIP_ER_MEMORY",F[F.ZIP_ER_CHANGED=15]="ZIP_ER_CHANGED",F[F.ZIP_ER_COMPNOTSUPP=16]="ZIP_ER_COMPNOTSUPP",F[F.ZIP_ER_EOF=17]="ZIP_ER_EOF",F[F.ZIP_ER_INVAL=18]="ZIP_ER_INVAL",F[F.ZIP_ER_NOZIP=19]="ZIP_ER_NOZIP",F[F.ZIP_ER_INTERNAL=20]="ZIP_ER_INTERNAL",F[F.ZIP_ER_INCONS=21]="ZIP_ER_INCONS",F[F.ZIP_ER_REMOVE=22]="ZIP_ER_REMOVE",F[F.ZIP_ER_DELETED=23]="ZIP_ER_DELETED",F[F.ZIP_ER_ENCRNOTSUPP=24]="ZIP_ER_ENCRNOTSUPP",F[F.ZIP_ER_RDONLY=25]="ZIP_ER_RDONLY",F[F.ZIP_ER_NOPASSWD=26]="ZIP_ER_NOPASSWD",F[F.ZIP_ER_WRONGPASSWD=27]="ZIP_ER_WRONGPASSWD",F[F.ZIP_ER_OPNOTSUPP=28]="ZIP_ER_OPNOTSUPP",F[F.ZIP_ER_INUSE=29]="ZIP_ER_INUSE",F[F.ZIP_ER_TELL=30]="ZIP_ER_TELL",F[F.ZIP_ER_COMPRESSED_DATA=31]="ZIP_ER_COMPRESSED_DATA",F))(vV||{}),xV=r=>({get HEAP8(){return r.HEAP8},get HEAPU8(){return r.HEAPU8},errors:vV,SEEK_SET:0,SEEK_CUR:1,SEEK_END:2,ZIP_CHECKCONS:4,ZIP_CREATE:1,ZIP_EXCL:2,ZIP_TRUNCATE:8,ZIP_RDONLY:16,ZIP_FL_OVERWRITE:8192,ZIP_FL_COMPRESSED:4,ZIP_OPSYS_DOS:0,ZIP_OPSYS_AMIGA:1,ZIP_OPSYS_OPENVMS:2,ZIP_OPSYS_UNIX:3,ZIP_OPSYS_VM_CMS:4,ZIP_OPSYS_ATARI_ST:5,ZIP_OPSYS_OS_2:6,ZIP_OPSYS_MACINTOSH:7,ZIP_OPSYS_Z_SYSTEM:8,ZIP_OPSYS_CPM:9,ZIP_OPSYS_WINDOWS_NTFS:10,ZIP_OPSYS_MVS:11,ZIP_OPSYS_VSE:12,ZIP_OPSYS_ACORN_RISC:13,ZIP_OPSYS_VFAT:14,ZIP_OPSYS_ALTERNATE_MVS:15,ZIP_OPSYS_BEOS:16,ZIP_OPSYS_TANDEM:17,ZIP_OPSYS_OS_400:18,ZIP_OPSYS_OS_X:19,ZIP_CM_DEFAULT:-1,ZIP_CM_STORE:0,ZIP_CM_DEFLATE:8,uint08S:r._malloc(1),uint16S:r._malloc(2),uint32S:r._malloc(4),uint64S:r._malloc(8),malloc:r._malloc,free:r._free,getValue:r.getValue,open:r.cwrap("zip_open","number",["string","number","number"]),openFromSource:r.cwrap("zip_open_from_source","number",["number","number","number"]),close:r.cwrap("zip_close","number",["number"]),discard:r.cwrap("zip_discard",null,["number"]),getError:r.cwrap("zip_get_error","number",["number"]),getName:r.cwrap("zip_get_name","string",["number","number","number"]),getNumEntries:r.cwrap("zip_get_num_entries","number",["number","number"]),delete:r.cwrap("zip_delete","number",["number","number"]),stat:r.cwrap("zip_stat","number",["number","string","number","number"]),statIndex:r.cwrap("zip_stat_index","number",["number",...qA,"number","number"]),fopen:r.cwrap("zip_fopen","number",["number","string","number"]),fopenIndex:r.cwrap("zip_fopen_index","number",["number",...qA,"number"]),fread:r.cwrap("zip_fread","number",["number","number","number","number"]),fclose:r.cwrap("zip_fclose","number",["number"]),dir:{add:r.cwrap("zip_dir_add","number",["number","string"])},file:{add:r.cwrap("zip_file_add","number",["number","string","number","number"]),getError:r.cwrap("zip_file_get_error","number",["number"]),getExternalAttributes:r.cwrap("zip_file_get_external_attributes","number",["number",...qA,"number","number","number"]),setExternalAttributes:r.cwrap("zip_file_set_external_attributes","number",["number",...qA,"number","number","number"]),setMtime:r.cwrap("zip_file_set_mtime","number",["number",...qA,"number","number"]),setCompression:r.cwrap("zip_set_file_compression","number",["number",...qA,"number","number"])},ext:{countSymlinks:r.cwrap("zip_ext_count_symlinks","number",["number"])},error:{initWithCode:r.cwrap("zip_error_init_with_code",null,["number","number"]),strerror:r.cwrap("zip_error_strerror","string",["number"])},name:{locate:r.cwrap("zip_name_locate","number",["number","string","number"])},source:{fromUnattachedBuffer:r.cwrap("zip_source_buffer_create","number",["number","number","number","number"]),fromBuffer:r.cwrap("zip_source_buffer","number",["number","number",...qA,"number"]),free:r.cwrap("zip_source_free",null,["number"]),keep:r.cwrap("zip_source_keep",null,["number"]),open:r.cwrap("zip_source_open","number",["number"]),close:r.cwrap("zip_source_close","number",["number"]),seek:r.cwrap("zip_source_seek","number",["number",...qA,"number"]),tell:r.cwrap("zip_source_tell","number",["number"]),read:r.cwrap("zip_source_read","number",["number","number","number"]),error:r.cwrap("zip_source_error","number",["number"]),setMtime:r.cwrap("zip_source_set_mtime","number",["number","number"])},struct:{stat:r.cwrap("zipstruct_stat","number",[]),statS:r.cwrap("zipstruct_statS","number",[]),statName:r.cwrap("zipstruct_stat_name","string",["number"]),statIndex:r.cwrap("zipstruct_stat_index","number",["number"]),statSize:r.cwrap("zipstruct_stat_size","number",["number"]),statCompSize:r.cwrap("zipstruct_stat_comp_size","number",["number"]),statCompMethod:r.cwrap("zipstruct_stat_comp_method","number",["number"]),statMtime:r.cwrap("zipstruct_stat_mtime","number",["number"]),statCrc:r.cwrap("zipstruct_stat_crc","number",["number"]),error:r.cwrap("zipstruct_error","number",[]),errorS:r.cwrap("zipstruct_errorS","number",[]),errorCodeZip:r.cwrap("zipstruct_error_code_zip","number",["number"])}});var mR=null;function DV(){return mR===null&&(mR=xV((0,PV.default)())),mR}async function rn(){return DV()}var yC={};ut(yC,{ShellError:()=>qn,execute:()=>pB,globUtils:()=>cB});var jV=Pe(ax()),qV=J("os"),Jn=J("stream"),JV=J("util");var qn=class extends Error{constructor(e){super(e),this.name="ShellError"}};var cB={};ut(cB,{fastGlobOptions:()=>FV,isBraceExpansion:()=>ER,isGlobPattern:()=>gDe,match:()=>fDe,micromatchOptions:()=>lB});var kV=Pe(iw()),RV=Pe(J("fs")),AB=Pe(yn()),lB={strictBrackets:!0},FV={onlyDirectories:!1,onlyFiles:!1};function gDe(r){if(!AB.default.scan(r,lB).isGlob)return!1;try{AB.default.parse(r,lB)}catch{return!1}return!0}function fDe(r,{cwd:e,baseFs:t}){return(0,kV.default)(r,{...FV,cwd:K.fromPortablePath(e),fs:XE(RV.default,new Cg(t))})}function ER(r){return AB.default.scan(r,lB).isBrace}var LV=Pe(IS()),qo=J("stream"),TV=J("string_decoder");var Qc=new Set;function IR(){}function yR(){for(let r of Qc)r.kill()}function OV(r,e,t,i){return n=>{let s=n[0]instanceof qo.Transform?"pipe":n[0],o=n[1]instanceof qo.Transform?"pipe":n[1],a=n[2]instanceof qo.Transform?"pipe":n[2],l=(0,LV.default)(r,e,{...i,stdio:[s,o,a]});return Qc.add(l),Qc.size===1&&(process.on("SIGINT",IR),process.on("SIGTERM",yR)),n[0]instanceof qo.Transform&&n[0].pipe(l.stdin),n[1]instanceof qo.Transform&&l.stdout.pipe(n[1],{end:!1}),n[2]instanceof qo.Transform&&l.stderr.pipe(n[2],{end:!1}),{stdin:l.stdin,promise:new Promise(c=>{l.on("error",u=>{switch(Qc.delete(l),Qc.size===0&&(process.off("SIGINT",IR),process.off("SIGTERM",yR)),u.code){case"ENOENT":n[2].write(`command not found: ${r}
-`),c(127);break;case"EACCES":n[2].write(`permission denied: ${r}
-`),c(128);break;default:n[2].write(`uncaught error: ${u.message}
-`),c(1);break}}),l.on("close",u=>{Qc.delete(l),Qc.size===0&&(process.off("SIGINT",IR),process.off("SIGTERM",yR)),c(u!==null?u:129)})})}}}function MV(r){return e=>{let t=e[0]==="pipe"?new qo.PassThrough:e[0];return{stdin:t,promise:Promise.resolve().then(()=>r({stdin:t,stdout:e[1],stderr:e[2]}))}}}var ys=class{constructor(e){this.stream=e}close(){}get(){return this.stream}},wR=class{constructor(){this.stream=null}close(){if(this.stream===null)throw new Error("Assertion failed: No stream attached");this.stream.end()}attach(e){this.stream=e}get(){if(this.stream===null)throw new Error("Assertion failed: No stream attached");return this.stream}},Mf=class{constructor(e,t){this.stdin=null;this.stdout=null;this.stderr=null;this.pipe=null;this.ancestor=e,this.implementation=t}static start(e,{stdin:t,stdout:i,stderr:n}){let s=new Mf(null,e);return s.stdin=t,s.stdout=i,s.stderr=n,s}pipeTo(e,t=1){let i=new Mf(this,e),n=new wR;return i.pipe=n,i.stdout=this.stdout,i.stderr=this.stderr,(t&1)===1?this.stdout=n:this.ancestor!==null&&(this.stderr=this.ancestor.stdout),(t&2)===2?this.stderr=n:this.ancestor!==null&&(this.stderr=this.ancestor.stderr),i}async exec(){let e=["ignore","ignore","ignore"];if(this.pipe)e[0]="pipe";else{if(this.stdin===null)throw new Error("Assertion failed: No input stream registered");e[0]=this.stdin.get()}let t;if(this.stdout===null)throw new Error("Assertion failed: No output stream registered");t=this.stdout,e[1]=t.get();let i;if(this.stderr===null)throw new Error("Assertion failed: No error stream registered");i=this.stderr,e[2]=i.get();let n=this.implementation(e);return this.pipe&&this.pipe.attach(n.stdin),await n.promise.then(s=>(t.close(),i.close(),s))}async run(){let e=[];for(let i=this;i;i=i.ancestor)e.push(i.exec());return(await Promise.all(e))[0]}};function uB(r,e){return Mf.start(r,e)}function NV(r,e=null){let t=new qo.PassThrough,i=new TV.StringDecoder,n="";return t.on("data",s=>{let o=i.write(s),a;do if(a=o.indexOf(`
-`),a!==-1){let l=n+o.substring(0,a);o=o.substring(a+1),n="",r(e!==null?`${e} ${l}`:l)}while(a!==-1);n+=o}),t.on("end",()=>{let s=i.end();s!==""&&r(e!==null?`${e} ${s}`:s)}),t}function KV(r,{prefix:e}){return{stdout:NV(t=>r.stdout.write(`${t}
-`),r.stdout.isTTY?e:null),stderr:NV(t=>r.stderr.write(`${t}
-`),r.stderr.isTTY?e:null)}}var hDe=(0,JV.promisify)(setTimeout);function UV(r,e,t){let i=new Jn.PassThrough({autoDestroy:!0});switch(r){case 0:(e&1)===1&&t.stdin.pipe(i,{end:!1}),(e&2)===2&&t.stdin instanceof Jn.Writable&&i.pipe(t.stdin,{end:!1});break;case 1:(e&1)===1&&t.stdout.pipe(i,{end:!1}),(e&2)===2&&i.pipe(t.stdout,{end:!1});break;case 2:(e&1)===1&&t.stderr.pipe(i,{end:!1}),(e&2)===2&&i.pipe(t.stderr,{end:!1});break;default:throw new qn(`Bad file descriptor: "${r}"`)}return i}function fB(r,e={}){let t={...r,...e};return t.environment={...r.environment,...e.environment},t.variables={...r.variables,...e.variables},t}var pDe=new Map([["cd",async([r=(0,qV.homedir)(),...e],t,i)=>{let n=x.resolve(i.cwd,K.toPortablePath(r));if(!(await t.baseFs.statPromise(n).catch(o=>{throw o.code==="ENOENT"?new qn(`cd: no such file or directory: ${r}`):o})).isDirectory())throw new qn(`cd: not a directory: ${r}`);return i.cwd=n,0}],["pwd",async(r,e,t)=>(t.stdout.write(`${K.fromPortablePath(t.cwd)}
-`),0)],[":",async(r,e,t)=>0],["true",async(r,e,t)=>0],["false",async(r,e,t)=>1],["exit",async([r,...e],t,i)=>i.exitCode=parseInt(r!=null?r:i.variables["?"],10)],["echo",async(r,e,t)=>(t.stdout.write(`${r.join(" ")}
-`),0)],["sleep",async([r],e,t)=>{if(typeof r>"u")throw new qn("sleep: missing operand");let i=Number(r);if(Number.isNaN(i))throw new qn(`sleep: invalid time interval '${r}'`);return await hDe(1e3*i,0)}],["__ysh_run_procedure",async(r,e,t)=>{let i=t.procedures[r[0]];return await uB(i,{stdin:new ys(t.stdin),stdout:new ys(t.stdout),stderr:new ys(t.stderr)}).run()}],["__ysh_set_redirects",async(r,e,t)=>{let i=t.stdin,n=t.stdout,s=t.stderr,o=[],a=[],l=[],c=0;for(;r[c]!=="--";){let g=r[c++],{type:f,fd:h}=JSON.parse(g),p=v=>{switch(h){case null:case 0:o.push(v);break;default:throw new Error(`Unsupported file descriptor: "${h}"`)}},C=v=>{switch(h){case null:case 1:a.push(v);break;case 2:l.push(v);break;default:throw new Error(`Unsupported file descriptor: "${h}"`)}},y=Number(r[c++]),B=c+y;for(let v=c;v<B;++c,++v)switch(f){case"<":p(()=>e.baseFs.createReadStream(x.resolve(t.cwd,K.toPortablePath(r[v]))));break;case"<<<":p(()=>{let D=new Jn.PassThrough;return process.nextTick(()=>{D.write(`${r[v]}
-`),D.end()}),D});break;case"<&":p(()=>UV(Number(r[v]),1,t));break;case">":case">>":{let D=x.resolve(t.cwd,K.toPortablePath(r[v]));C(D==="/dev/null"?new Jn.Writable({autoDestroy:!0,emitClose:!0,write(L,H,j){setImmediate(j)}}):e.baseFs.createWriteStream(D,f===">>"?{flags:"a"}:void 0))}break;case">&":C(UV(Number(r[v]),2,t));break;default:throw new Error(`Assertion failed: Unsupported redirection type: "${f}"`)}}if(o.length>0){let g=new Jn.PassThrough;i=g;let f=h=>{if(h===o.length)g.end();else{let p=o[h]();p.pipe(g,{end:!1}),p.on("end",()=>{f(h+1)})}};f(0)}if(a.length>0){let g=new Jn.PassThrough;n=g;for(let f of a)g.pipe(f)}if(l.length>0){let g=new Jn.PassThrough;s=g;for(let f of l)g.pipe(f)}let u=await uB(EC(r.slice(c+1),e,t),{stdin:new ys(i),stdout:new ys(n),stderr:new ys(s)}).run();return await Promise.all(a.map(g=>new Promise((f,h)=>{g.on("error",p=>{h(p)}),g.on("close",()=>{f()}),g.end()}))),await Promise.all(l.map(g=>new Promise((f,h)=>{g.on("error",p=>{h(p)}),g.on("close",()=>{f()}),g.end()}))),u}]]);async function dDe(r,e,t){let i=[],n=new Jn.PassThrough;return n.on("data",s=>i.push(s)),await hB(r,e,fB(t,{stdout:n})),Buffer.concat(i).toString().replace(/[\r\n]+$/,"")}async function HV(r,e,t){let i=r.map(async s=>{let o=await bc(s.args,e,t);return{name:s.name,value:o.join(" ")}});return(await Promise.all(i)).reduce((s,o)=>(s[o.name]=o.value,s),{})}function gB(r){return r.match(/[^ \r\n\t]+/g)||[]}async function WV(r,e,t,i,n=i){switch(r.name){case"$":i(String(process.pid));break;case"#":i(String(e.args.length));break;case"@":if(r.quoted)for(let s of e.args)n(s);else for(let s of e.args){let o=gB(s);for(let a=0;a<o.length-1;++a)n(o[a]);i(o[o.length-1])}break;case"*":{let s=e.args.join(" ");if(r.quoted)i(s);else for(let o of gB(s))n(o)}break;case"PPID":i(String(process.ppid));break;case"RANDOM":i(String(Math.floor(Math.random()*32768)));break;default:{let s=parseInt(r.name,10),o,a=Number.isFinite(s);if(a?s>=0&&s<e.args.length&&(o=e.args[s]):Object.prototype.hasOwnProperty.call(t.variables,r.name)?o=t.variables[r.name]:Object.prototype.hasOwnProperty.call(t.environment,r.name)&&(o=t.environment[r.name]),typeof o<"u"&&r.alternativeValue?o=(await bc(r.alternativeValue,e,t)).join(" "):typeof o>"u"&&(r.defaultValue?o=(await bc(r.defaultValue,e,t)).join(" "):r.alternativeValue&&(o="")),typeof o>"u")throw a?new qn(`Unbound argument #${s}`):new qn(`Unbound variable "${r.name}"`);if(r.quoted)i(o);else{let l=gB(o);for(let u=0;u<l.length-1;++u)n(l[u]);let c=l[l.length-1];typeof c<"u"&&i(c)}}break}}var CDe={addition:(r,e)=>r+e,subtraction:(r,e)=>r-e,multiplication:(r,e)=>r*e,division:(r,e)=>Math.trunc(r/e)};async function mC(r,e,t){if(r.type==="number"){if(Number.isInteger(r.value))return r.value;throw new Error(`Invalid number: "${r.value}", only integers are allowed`)}else if(r.type==="variable"){let i=[];await WV({...r,quoted:!0},e,t,s=>i.push(s));let n=Number(i.join(" "));return Number.isNaN(n)?mC({type:"variable",name:i.join(" ")},e,t):mC({type:"number",value:n},e,t)}else return CDe[r.type](await mC(r.left,e,t),await mC(r.right,e,t))}async function bc(r,e,t){let i=new Map,n=[],s=[],o=u=>{s.push(u)},a=()=>{s.length>0&&n.push(s.join("")),s=[]},l=u=>{o(u),a()},c=(u,g,f)=>{let h=JSON.stringify({type:u,fd:g}),p=i.get(h);typeof p>"u"&&i.set(h,p=[]),p.push(f)};for(let u of r){let g=!1;switch(u.type){case"redirection":{let f=await bc(u.args,e,t);for(let h of f)c(u.subtype,u.fd,h)}break;case"argument":for(let f of u.segments)switch(f.type){case"text":o(f.text);break;case"glob":o(f.pattern),g=!0;break;case"shell":{let h=await dDe(f.shell,e,t);if(f.quoted)o(h);else{let p=gB(h);for(let C=0;C<p.length-1;++C)l(p[C]);o(p[p.length-1])}}break;case"variable":await WV(f,e,t,o,l);break;case"arithmetic":o(String(await mC(f.arithmetic,e,t)));break}break}if(a(),g){let f=n.pop();if(typeof f>"u")throw new Error("Assertion failed: Expected a glob pattern to have been set");let h=await e.glob.match(f,{cwd:t.cwd,baseFs:e.baseFs});if(h.length===0){let p=ER(f)?". Note: Brace expansion of arbitrary strings isn't currently supported. For more details, please read this issue: https://github.com/yarnpkg/berry/issues/22":"";throw new qn(`No matches found: "${f}"${p}`)}for(let p of h.sort())l(p)}}if(i.size>0){let u=[];for(let[g,f]of i.entries())u.splice(u.length,0,g,String(f.length),...f);n.splice(0,0,"__ysh_set_redirects",...u,"--")}return n}function EC(r,e,t){e.builtins.has(r[0])||(r=["command",...r]);let i=K.fromPortablePath(t.cwd),n=t.environment;typeof n.PWD<"u"&&(n={...n,PWD:i});let[s,...o]=r;if(s==="command")return OV(o[0],o.slice(1),e,{cwd:i,env:n});let a=e.builtins.get(s);if(typeof a>"u")throw new Error(`Assertion failed: A builtin should exist for "${s}"`);return MV(async({stdin:l,stdout:c,stderr:u})=>{let{stdin:g,stdout:f,stderr:h}=t;t.stdin=l,t.stdout=c,t.stderr=u;try{return await a(o,e,t)}finally{t.stdin=g,t.stdout=f,t.stderr=h}})}function mDe(r,e,t){return i=>{let n=new Jn.PassThrough,s=hB(r,e,fB(t,{stdin:n}));return{stdin:n,promise:s}}}function EDe(r,e,t){return i=>{let n=new Jn.PassThrough,s=hB(r,e,t);return{stdin:n,promise:s}}}function GV(r,e,t,i){if(e.length===0)return r;{let n;do n=String(Math.random());while(Object.prototype.hasOwnProperty.call(i.procedures,n));return i.procedures={...i.procedures},i.procedures[n]=r,EC([...e,"__ysh_run_procedure",n],t,i)}}async function YV(r,e,t){let i=r,n=null,s=null;for(;i;){let o=i.then?{...t}:t,a;switch(i.type){case"command":{let l=await bc(i.args,e,t),c=await HV(i.envs,e,t);a=i.envs.length?EC(l,e,fB(o,{environment:c})):EC(l,e,o)}break;case"subshell":{let l=await bc(i.args,e,t),c=mDe(i.subshell,e,o);a=GV(c,l,e,o)}break;case"group":{let l=await bc(i.args,e,t),c=EDe(i.group,e,o);a=GV(c,l,e,o)}break;case"envs":{let l=await HV(i.envs,e,t);o.environment={...o.environment,...l},a=EC(["true"],e,o)}break}if(typeof a>"u")throw new Error("Assertion failed: An action should have been generated");if(n===null)s=uB(a,{stdin:new ys(o.stdin),stdout:new ys(o.stdout),stderr:new ys(o.stderr)});else{if(s===null)throw new Error("Assertion failed: The execution pipeline should have been setup");switch(n){case"|":s=s.pipeTo(a,1);break;case"|&":s=s.pipeTo(a,3);break}}i.then?(n=i.then.type,i=i.then.chain):i=null}if(s===null)throw new Error("Assertion failed: The execution pipeline should have been setup");return await s.run()}async function IDe(r,e,t,{background:i=!1}={}){function n(s){let o=["#2E86AB","#A23B72","#F18F01","#C73E1D","#CCE2A3"],a=o[s%o.length];return jV.default.hex(a)}if(i){let s=t.nextBackgroundJobIndex++,o=n(s),a=`[${s}]`,l=o(a),{stdout:c,stderr:u}=KV(t,{prefix:l});return t.backgroundJobs.push(YV(r,e,fB(t,{stdout:c,stderr:u})).catch(g=>u.write(`${g.message}
-`)).finally(()=>{t.stdout.isTTY&&t.stdout.write(`Job ${l}, '${o(Bg(r))}' has ended
-`)})),0}return await YV(r,e,t)}async function yDe(r,e,t,{background:i=!1}={}){let n,s=a=>{n=a,t.variables["?"]=String(a)},o=async a=>{try{return await IDe(a.chain,e,t,{background:i&&typeof a.then>"u"})}catch(l){if(!(l instanceof qn))throw l;return t.stderr.write(`${l.message}
-`),1}};for(s(await o(r));r.then;){if(t.exitCode!==null)return t.exitCode;switch(r.then.type){case"&&":n===0&&s(await o(r.then.line));break;case"||":n!==0&&s(await o(r.then.line));break;default:throw new Error(`Assertion failed: Unsupported command type: "${r.then.type}"`)}r=r.then.line}return n}async function hB(r,e,t){let i=t.backgroundJobs;t.backgroundJobs=[];let n=0;for(let{command:s,type:o}of r){if(n=await yDe(s,e,t,{background:o==="&"}),t.exitCode!==null)return t.exitCode;t.variables["?"]=String(n)}return await Promise.all(t.backgroundJobs),t.backgroundJobs=i,n}function zV(r){switch(r.type){case"variable":return r.name==="@"||r.name==="#"||r.name==="*"||Number.isFinite(parseInt(r.name,10))||"defaultValue"in r&&!!r.defaultValue&&r.defaultValue.some(e=>IC(e))||"alternativeValue"in r&&!!r.alternativeValue&&r.alternativeValue.some(e=>IC(e));case"arithmetic":return BR(r.arithmetic);case"shell":return QR(r.shell);default:return!1}}function IC(r){switch(r.type){case"redirection":return r.args.some(e=>IC(e));case"argument":return r.segments.some(e=>zV(e));default:throw new Error(`Assertion failed: Unsupported argument type: "${r.type}"`)}}function BR(r){switch(r.type){case"variable":return zV(r);case"number":return!1;default:return BR(r.left)||BR(r.right)}}function QR(r){return r.some(({command:e})=>{for(;e;){let t=e.chain;for(;t;){let i;switch(t.type){case"subshell":i=QR(t.subshell);break;case"command":i=t.envs.some(n=>n.args.some(s=>IC(s)))||t.args.some(n=>IC(n));break}if(i)return!0;if(!t.then)break;t=t.then.chain}if(!e.then)break;e=e.then.line}return!1})}async function pB(r,e=[],{baseFs:t=new $t,builtins:i={},cwd:n=K.toPortablePath(process.cwd()),env:s=process.env,stdin:o=process.stdin,stdout:a=process.stdout,stderr:l=process.stderr,variables:c={},glob:u=cB}={}){let g={};for(let[p,C]of Object.entries(s))typeof C<"u"&&(g[p]=C);let f=new Map(pDe);for(let[p,C]of Object.entries(i))f.set(p,C);o===null&&(o=new Jn.PassThrough,o.end());let h=$E(r,u);if(!QR(h)&&h.length>0&&e.length>0){let{command:p}=h[h.length-1];for(;p.then;)p=p.then.line;let C=p.chain;for(;C.then;)C=C.then.chain;C.type==="command"&&(C.args=C.args.concat(e.map(y=>({type:"argument",segments:[{type:"text",text:y}]}))))}return await hB(h,{args:e,baseFs:t,builtins:f,initialStdin:o,initialStdout:a,initialStderr:l,glob:u},{cwd:n,environment:g,exitCode:null,procedures:{},stdin:o,stdout:a,stderr:l,variables:Object.assign({},c,{["?"]:0}),nextBackgroundJobIndex:1,backgroundJobs:[]})}var N6=Pe(dB()),L6=Pe(Tg()),JA=J("stream");var R6=Pe(x6()),IB=Pe(Vl());var P6=["\u280B","\u2819","\u2839","\u2838","\u283C","\u2834","\u2826","\u2827","\u2807","\u280F"],D6=80,Eke=new Set([13,19]),Ike=5,EB=IB.default.GITHUB_ACTIONS?{start:r=>`::group::${r}
-`,end:r=>`::endgroup::
-`}:IB.default.TRAVIS?{start:r=>`travis_fold:start:${r}
-`,end:r=>`travis_fold:end:${r}
-`}:IB.default.GITLAB?{start:r=>`section_start:${Math.floor(Date.now()/1e3)}:${r.toLowerCase().replace(/\W+/g,"_")}[collapsed=true]\r\x1B[0K${r}
-`,end:r=>`section_end:${Math.floor(Date.now()/1e3)}:${r.toLowerCase().replace(/\W+/g,"_")}\r\x1B[0K`}:null,k6=new Date,yke=["iTerm.app","Apple_Terminal","WarpTerminal","vscode"].includes(process.env.TERM_PROGRAM)||!!process.env.WT_SESSION,wke=r=>r,yB=wke({patrick:{date:[17,3],chars:["\u{1F340}","\u{1F331}"],size:40},simba:{date:[19,7],chars:["\u{1F981}","\u{1F334}"],size:40},jack:{date:[31,10],chars:["\u{1F383}","\u{1F987}"],size:40},hogsfather:{date:[31,12],chars:["\u{1F389}","\u{1F384}"],size:40},default:{chars:["=","-"],size:80}}),Bke=yke&&Object.keys(yB).find(r=>{let e=yB[r];return!(e.date&&(e.date[0]!==k6.getDate()||e.date[1]!==k6.getMonth()+1))})||"default";function F6(r,{configuration:e,json:t}){if(!e.get("enableMessageNames"))return"";let n=QA(r===null?0:r);return!t&&r===null?Ze(e,n,"grey"):n}function PR(r,{configuration:e,json:t}){let i=F6(r,{configuration:e,json:t});if(!i||r===null||r===0)return i;let n=Ct[r],s=`https://yarnpkg.com/advanced/error-codes#${i}---${n}`.toLowerCase();return cf(e,i,s)}var Ge=class extends Si{constructor({configuration:t,stdout:i,json:n=!1,includePrefix:s=!0,includeFooter:o=!0,includeLogs:a=!n,includeInfos:l=a,includeWarnings:c=a,forgettableBufferSize:u=Ike,forgettableNames:g=new Set}){super();this.uncommitted=new Set;this.cacheHitCount=0;this.cacheMissCount=0;this.lastCacheMiss=null;this.warningCount=0;this.errorCount=0;this.startTime=Date.now();this.indent=0;this.progress=new Map;this.progressTime=0;this.progressFrame=0;this.progressTimeout=null;this.progressStyle=null;this.progressMaxScaledSize=null;this.forgettableLines=[];if(Kd(this,{configuration:t}),this.configuration=t,this.forgettableBufferSize=u,this.forgettableNames=new Set([...g,...Eke]),this.includePrefix=s,this.includeFooter=o,this.includeInfos=l,this.includeWarnings=c,this.json=n,this.stdout=i,t.get("enableProgressBars")&&!n&&i.isTTY&&i.columns>22){let f=t.get("progressBarStyle")||Bke;if(!Object.prototype.hasOwnProperty.call(yB,f))throw new Error("Assertion failed: Invalid progress bar style");this.progressStyle=yB[f];let h=12,p=Math.max(0,Math.min(i.columns-h,80));this.progressMaxScaledSize=Math.floor(this.progressStyle.size*p/80)}}static async start(t,i){let n=new this(t),s=process.emitWarning;process.emitWarning=(o,a)=>{if(typeof o!="string"){let c=o;o=c.message,a=a!=null?a:c.name}let l=typeof a<"u"?`${a}: ${o}`:o;n.reportWarning(0,l)};try{await i(n)}catch(o){n.reportExceptionOnce(o)}finally{await n.finalize(),process.emitWarning=s}return n}hasErrors(){return this.errorCount>0}exitCode(){return this.hasErrors()?1:0}reportCacheHit(t){this.cacheHitCount+=1}reportCacheMiss(t,i){this.lastCacheMiss=t,this.cacheMissCount+=1,typeof i<"u"&&!this.configuration.get("preferAggregateCacheInfo")&&this.reportInfo(13,i)}startSectionSync({reportHeader:t,reportFooter:i,skipIfEmpty:n},s){let o={committed:!1,action:()=>{t==null||t()}};n?this.uncommitted.add(o):(o.action(),o.committed=!0);let a=Date.now();try{return s()}catch(l){throw this.reportExceptionOnce(l),l}finally{let l=Date.now();this.uncommitted.delete(o),o.committed&&(i==null||i(l-a))}}async startSectionPromise({reportHeader:t,reportFooter:i,skipIfEmpty:n},s){let o={committed:!1,action:()=>{t==null||t()}};n?this.uncommitted.add(o):(o.action(),o.committed=!0);let a=Date.now();try{return await s()}catch(l){throw this.reportExceptionOnce(l),l}finally{let l=Date.now();this.uncommitted.delete(o),o.committed&&(i==null||i(l-a))}}startTimerImpl(t,i,n){return{cb:typeof i=="function"?i:n,reportHeader:()=>{this.reportInfo(null,`\u250C ${t}`),this.indent+=1,EB!==null&&!this.json&&this.includeInfos&&this.stdout.write(EB.start(t))},reportFooter:a=>{this.indent-=1,EB!==null&&!this.json&&this.includeInfos&&this.stdout.write(EB.end(t)),this.configuration.get("enableTimers")&&a>200?this.reportInfo(null,`\u2514 Completed in ${Ze(this.configuration,a,Ue.DURATION)}`):this.reportInfo(null,"\u2514 Completed")},skipIfEmpty:(typeof i=="function"?{}:i).skipIfEmpty}}startTimerSync(t,i,n){let{cb:s,...o}=this.startTimerImpl(t,i,n);return this.startSectionSync(o,s)}async startTimerPromise(t,i,n){let{cb:s,...o}=this.startTimerImpl(t,i,n);return this.startSectionPromise(o,s)}async startCacheReport(t){let i=this.configuration.get("preferAggregateCacheInfo")?{cacheHitCount:this.cacheHitCount,cacheMissCount:this.cacheMissCount}:null;try{return await t()}catch(n){throw this.reportExceptionOnce(n),n}finally{i!==null&&this.reportCacheChanges(i)}}reportSeparator(){this.indent===0?this.writeLineWithForgettableReset(""):this.reportInfo(null,"")}reportInfo(t,i){if(!this.includeInfos)return;this.commit();let n=this.formatNameWithHyperlink(t),s=n?`${n}: `:"",o=`${this.formatPrefix(s,"blueBright")}${i}`;if(this.json)this.reportJson({type:"info",name:t,displayName:this.formatName(t),indent:this.formatIndent(),data:i});else if(this.forgettableNames.has(t))if(this.forgettableLines.push(o),this.forgettableLines.length>this.forgettableBufferSize){for(;this.forgettableLines.length>this.forgettableBufferSize;)this.forgettableLines.shift();this.writeLines(this.forgettableLines,{truncate:!0})}else this.writeLine(o,{truncate:!0});else this.writeLineWithForgettableReset(o)}reportWarning(t,i){if(this.warningCount+=1,!this.includeWarnings)return;this.commit();let n=this.formatNameWithHyperlink(t),s=n?`${n}: `:"";this.json?this.reportJson({type:"warning",name:t,displayName:this.formatName(t),indent:this.formatIndent(),data:i}):this.writeLineWithForgettableReset(`${this.formatPrefix(s,"yellowBright")}${i}`)}reportError(t,i){this.errorCount+=1,this.commit();let n=this.formatNameWithHyperlink(t),s=n?`${n}: `:"";this.json?this.reportJson({type:"error",name:t,displayName:this.formatName(t),indent:this.formatIndent(),data:i}):this.writeLineWithForgettableReset(`${this.formatPrefix(s,"redBright")}${i}`,{truncate:!1})}reportProgress(t){if(this.progressStyle===null)return{...Promise.resolve(),stop:()=>{}};if(t.hasProgress&&t.hasTitle)throw new Error("Unimplemented: Progress bars can't have both progress and titles.");let i=!1,n=Promise.resolve().then(async()=>{let o={progress:t.hasProgress?0:void 0,title:t.hasTitle?"":void 0};this.progress.set(t,{definition:o,lastScaledSize:t.hasProgress?-1:void 0,lastTitle:void 0}),this.refreshProgress({delta:-1});for await(let{progress:a,title:l}of t)i||o.progress===a&&o.title===l||(o.progress=a,o.title=l,this.refreshProgress());s()}),s=()=>{i||(i=!0,this.progress.delete(t),this.refreshProgress({delta:1}))};return{...n,stop:s}}reportJson(t){this.json&&this.writeLineWithForgettableReset(`${JSON.stringify(t)}`)}async finalize(){if(!this.includeFooter)return;let t="";this.errorCount>0?t="Failed with errors":this.warningCount>0?t="Done with warnings":t="Done";let i=Ze(this.configuration,Date.now()-this.startTime,Ue.DURATION),n=this.configuration.get("enableTimers")?`${t} in ${i}`:t;this.errorCount>0?this.reportError(0,n):this.warningCount>0?this.reportWarning(0,n):this.reportInfo(0,n)}writeLine(t,{truncate:i}={}){this.clearProgress({clear:!0}),this.stdout.write(`${this.truncate(t,{truncate:i})}
-`),this.writeProgress()}writeLineWithForgettableReset(t,{truncate:i}={}){this.forgettableLines=[],this.writeLine(t,{truncate:i})}writeLines(t,{truncate:i}={}){this.clearProgress({delta:t.length});for(let n of t)this.stdout.write(`${this.truncate(n,{truncate:i})}
-`);this.writeProgress()}reportCacheChanges({cacheHitCount:t,cacheMissCount:i}){let n=this.cacheHitCount-t,s=this.cacheMissCount-i;if(n===0&&s===0)return;let o="";this.cacheHitCount>1?o+=`${this.cacheHitCount} packages were already cached`:this.cacheHitCount===1?o+=" - one package was already cached":o+="No packages were cached",this.cacheHitCount>0?this.cacheMissCount>1?o+=`, ${this.cacheMissCount} had to be fetched`:this.cacheMissCount===1&&(o+=`, one had to be fetched (${mt(this.configuration,this.lastCacheMiss)})`):this.cacheMissCount>1?o+=` - ${this.cacheMissCount} packages had to be fetched`:this.cacheMissCount===1&&(o+=` - one package had to be fetched (${mt(this.configuration,this.lastCacheMiss)})`),this.reportInfo(13,o)}commit(){let t=this.uncommitted;this.uncommitted=new Set;for(let i of t)i.committed=!0,i.action()}clearProgress({delta:t=0,clear:i=!1}){this.progressStyle!==null&&this.progress.size+t>0&&(this.stdout.write(`\x1B[${this.progress.size+t}A`),(t>0||i)&&this.stdout.write("\x1B[0J"))}writeProgress(){if(this.progressStyle===null||(this.progressTimeout!==null&&clearTimeout(this.progressTimeout),this.progressTimeout=null,this.progress.size===0))return;let t=Date.now();t-this.progressTime>D6&&(this.progressFrame=(this.progressFrame+1)%P6.length,this.progressTime=t);let i=P6[this.progressFrame];for(let n of this.progress.values()){let s="";if(typeof n.lastScaledSize<"u"){let c=this.progressStyle.chars[0].repeat(n.lastScaledSize),u=this.progressStyle.chars[1].repeat(this.progressMaxScaledSize-n.lastScaledSize);s=` ${c}${u}`}let o=this.formatName(null),a=o?`${o}: `:"",l=n.definition.title?` ${n.definition.title}`:"";this.stdout.write(`${Ze(this.configuration,"\u27A4","blueBright")} ${a}${i}${s}${l}
-`)}this.progressTimeout=setTimeout(()=>{this.refreshProgress({force:!0})},D6)}refreshProgress({delta:t=0,force:i=!1}={}){let n=!1,s=!1;if(i||this.progress.size===0)n=!0;else for(let o of this.progress.values()){let a=typeof o.definition.progress<"u"?Math.trunc(this.progressMaxScaledSize*o.definition.progress):void 0,l=o.lastScaledSize;o.lastScaledSize=a;let c=o.lastTitle;if(o.lastTitle=o.definition.title,a!==l||(s=c!==o.definition.title)){n=!0;break}}n&&(this.clearProgress({delta:t,clear:s}),this.writeProgress())}truncate(t,{truncate:i}={}){return this.progressStyle===null&&(i=!1),typeof i>"u"&&(i=this.configuration.get("preferTruncatedLines")),i&&(t=(0,R6.default)(t,0,this.stdout.columns-1)),t}formatName(t){return F6(t,{configuration:this.configuration,json:this.json})}formatPrefix(t,i){return this.includePrefix?`${Ze(this.configuration,"\u27A4",i)} ${t}${this.formatIndent()}`:""}formatNameWithHyperlink(t){return PR(t,{configuration:this.configuration,json:this.json})}formatIndent(){return"\u2502 ".repeat(this.indent)}};var Lr="3.4.1";var T6=(n=>(n.Yarn1="Yarn Classic",n.Yarn2="Yarn",n.Npm="npm",n.Pnpm="pnpm",n))(T6||{});async function Ka(r,e,t,i=[]){if(process.platform==="win32"){let n=`@goto #_undefined_# 2>NUL || @title %COMSPEC% & @setlocal & @"${t}" ${i.map(s=>`"${s.replace('"','""')}"`).join(" ")} %*`;await M.writeFilePromise(x.format({dir:r,name:e,ext:".cmd"}),n)}await M.writeFilePromise(x.join(r,e),`#!/bin/sh
-exec "${t}" ${i.map(n=>`'${n.replace(/'/g,`'"'"'`)}'`).join(" ")} "$@"
-`,{mode:493})}async function O6(r){let e=await ot.tryFind(r);if(e!=null&&e.packageManager){let i=hw(e.packageManager);if(i!=null&&i.name){let n=`found ${JSON.stringify({packageManager:e.packageManager})} in manifest`,[s]=i.reference.split(".");switch(i.name){case"yarn":{let o=Number(s)===1?"Yarn Classic":"Yarn";return{packageManagerField:!0,packageManager:o,reason:n}}break;case"npm":return{packageManagerField:!0,packageManager:"npm",reason:n};case"pnpm":return{packageManagerField:!0,packageManager:"pnpm",reason:n}}}}let t;try{t=await M.readFilePromise(x.join(r,xt.lockfile),"utf8")}catch{}return t!==void 0?t.match(/^__metadata:$/m)?{packageManager:"Yarn",reason:'"__metadata" key found in yarn.lock'}:{packageManager:"Yarn Classic",reason:'"__metadata" key not found in yarn.lock, must be a Yarn classic lockfile'}:M.existsSync(x.join(r,"package-lock.json"))?{packageManager:"npm",reason:`found npm's "package-lock.json" lockfile`}:M.existsSync(x.join(r,"pnpm-lock.yaml"))?{packageManager:"pnpm",reason:`found pnpm's "pnpm-lock.yaml" lockfile`}:null}async function wC({project:r,locator:e,binFolder:t,ignoreCorepack:i,lifecycleScript:n}){var c,u;let s={};for(let[g,f]of Object.entries(process.env))typeof f<"u"&&(s[g.toLowerCase()!=="path"?g:"PATH"]=f);let o=K.fromPortablePath(t);s.BERRY_BIN_FOLDER=K.fromPortablePath(o);let a=process.env.COREPACK_ROOT&&!i?K.join(process.env.COREPACK_ROOT,"dist/yarn.js"):process.argv[1];if(await Promise.all([Ka(t,"node",process.execPath),...Lr!==null?[Ka(t,"run",process.execPath,[a,"run"]),Ka(t,"yarn",process.execPath,[a]),Ka(t,"yarnpkg",process.execPath,[a]),Ka(t,"node-gyp",process.execPath,[a,"run","--top-level","node-gyp"])]:[]]),r&&(s.INIT_CWD=K.fromPortablePath(r.configuration.startingCwd),s.PROJECT_CWD=K.fromPortablePath(r.cwd)),s.PATH=s.PATH?`${o}${K.delimiter}${s.PATH}`:`${o}`,s.npm_execpath=`${o}${K.sep}yarn`,s.npm_node_execpath=`${o}${K.sep}node`,e){if(!r)throw new Error("Assertion failed: Missing project");let g=r.tryWorkspaceByLocator(e),f=g?(c=g.manifest.version)!=null?c:"":(u=r.storedPackages.get(e.locatorHash).version)!=null?u:"";s.npm_package_name=Ot(e),s.npm_package_version=f;let h;if(g)h=g.cwd;else{let p=r.storedPackages.get(e.locatorHash);if(!p)throw new Error(`Package for ${mt(r.configuration,e)} not found in the project`);let C=r.configuration.getLinkers(),y={project:r,report:new Ge({stdout:new JA.PassThrough,configuration:r.configuration})},B=C.find(v=>v.supportsPackage(p,y));if(!B)throw new Error(`The package ${mt(r.configuration,p)} isn't supported by any of the available linkers`);h=await B.findPackageLocation(p,y)}s.npm_package_json=K.fromPortablePath(x.join(h,xt.manifest))}let l=Lr!==null?`yarn/${Lr}`:`yarn/${Af("@yarnpkg/core").version}-core`;return s.npm_config_user_agent=`${l} npm/? node/${process.version} ${process.platform} ${process.arch}`,n&&(s.npm_lifecycle_event=n),r&&await r.configuration.triggerHook(g=>g.setupScriptEnvironment,r,s,async(g,f,h)=>await Ka(t,Ur(g),f,h)),s}var Qke=2,bke=(0,L6.default)(Qke);async function Ske(r,e,{configuration:t,report:i,workspace:n=null,locator:s=null}){await bke(async()=>{await M.mktempPromise(async o=>{let a=x.join(o,"pack.log"),l=null,{stdout:c,stderr:u}=t.getSubprocessStreams(a,{prefix:K.fromPortablePath(r),report:i}),g=s&&Uo(s)?Wd(s):s,f=g?hs(g):"an external project";c.write(`Packing ${f} from sources
-`);let h=await O6(r),p;h!==null?(c.write(`Using ${h.packageManager} for bootstrap. Reason: ${h.reason}
-
-`),p=h.packageManager):(c.write(`No package manager configuration detected; defaulting to Yarn
-
-`),p="Yarn");let C=p==="Yarn"&&!(h!=null&&h.packageManagerField);await M.mktempPromise(async y=>{let B=await wC({binFolder:y,ignoreCorepack:C}),D=new Map([["Yarn Classic",async()=>{let H=n!==null?["workspace",n]:[],j=x.join(r,xt.manifest),$=await M.readFilePromise(j),V=await Yo(process.execPath,[process.argv[1],"set","version","classic","--only-if-needed"],{cwd:r,env:B,stdin:l,stdout:c,stderr:u,end:1});if(V.code!==0)return V.code;await M.writeFilePromise(j,$),await M.appendFilePromise(x.join(r,".npmignore"),`/.yarn
-`),c.write(`
-`),delete B.NODE_ENV;let W=await Yo("yarn",["install"],{cwd:r,env:B,stdin:l,stdout:c,stderr:u,end:1});if(W.code!==0)return W.code;c.write(`
-`);let Z=await Yo("yarn",[...H,"pack","--filename",K.fromPortablePath(e)],{cwd:r,env:B,stdin:l,stdout:c,stderr:u});return Z.code!==0?Z.code:0}],["Yarn",async()=>{let H=n!==null?["workspace",n]:[];B.YARN_ENABLE_INLINE_BUILDS="1";let j=x.join(r,xt.lockfile);await M.existsPromise(j)||await M.writeFilePromise(j,"");let $=await Yo("yarn",[...H,"pack","--install-if-needed","--filename",K.fromPortablePath(e)],{cwd:r,env:B,stdin:l,stdout:c,stderr:u});return $.code!==0?$.code:0}],["npm",async()=>{if(n!==null){let ae=new JA.PassThrough,ge=af(ae);ae.pipe(c,{end:!1});let re=await Yo("npm",["--version"],{cwd:r,env:B,stdin:l,stdout:ae,stderr:u,end:0});if(ae.end(),re.code!==0)return c.end(),u.end(),re.code;let O=(await ge).toString().trim();if(!mc(O,">=7.x")){let F=Ho(null,"npm"),ue=Zt(F,O),he=Zt(F,">=7.x");throw new Error(`Workspaces aren't supported by ${tr(t,ue)}; please upgrade to ${tr(t,he)} (npm has been detected as the primary package manager for ${Ze(t,r,Ue.PATH)})`)}}let H=n!==null?["--workspace",n]:[];delete B.npm_config_user_agent,delete B.npm_config_production,delete B.NPM_CONFIG_PRODUCTION,delete B.NODE_ENV;let j=await Yo("npm",["install"],{cwd:r,env:B,stdin:l,stdout:c,stderr:u,end:1});if(j.code!==0)return j.code;let $=new JA.PassThrough,V=af($);$.pipe(c);let W=await Yo("npm",["pack","--silent",...H],{cwd:r,env:B,stdin:l,stdout:$,stderr:u});if(W.code!==0)return W.code;let Z=(await V).toString().trim().replace(/^.*\n/s,""),A=x.resolve(r,K.toPortablePath(Z));return await M.renamePromise(A,e),0}]]).get(p);if(typeof D>"u")throw new Error("Assertion failed: Unsupported workflow");let L=await D();if(!(L===0||typeof L>"u"))throw M.detachTemp(o),new at(58,`Packing the package failed (exit code ${L}, logs can be found here: ${Ze(t,a,Ue.PATH)})`)})})})}async function vke(r,e,{project:t}){let i=t.tryWorkspaceByLocator(r);if(i!==null)return kR(i,e);let n=t.storedPackages.get(r.locatorHash);if(!n)throw new Error(`Package for ${mt(t.configuration,r)} not found in the project`);return await Tn.openPromise(async s=>{let o=t.configuration,a=t.configuration.getLinkers(),l={project:t,report:new Ge({stdout:new JA.PassThrough,configuration:o})},c=a.find(h=>h.supportsPackage(n,l));if(!c)throw new Error(`The package ${mt(t.configuration,n)} isn't supported by any of the available linkers`);let u=await c.findPackageLocation(n,l),g=new jt(u,{baseFs:s});return(await ot.find(Oe.dot,{baseFs:g})).scripts.has(e)},{libzip:await rn()})}async function wB(r,e,t,{cwd:i,project:n,stdin:s,stdout:o,stderr:a}){return await M.mktempPromise(async l=>{let{manifest:c,env:u,cwd:g}=await M6(r,{project:n,binFolder:l,cwd:i,lifecycleScript:e}),f=c.scripts.get(e);if(typeof f>"u")return 1;let h=async()=>await pB(f,t,{cwd:g,env:u,stdin:s,stdout:o,stderr:a});return await(await n.configuration.reduceHook(C=>C.wrapScriptExecution,h,n,r,e,{script:f,args:t,cwd:g,env:u,stdin:s,stdout:o,stderr:a}))()})}async function DR(r,e,t,{cwd:i,project:n,stdin:s,stdout:o,stderr:a}){return await M.mktempPromise(async l=>{let{env:c,cwd:u}=await M6(r,{project:n,binFolder:l,cwd:i});return await pB(e,t,{cwd:u,env:c,stdin:s,stdout:o,stderr:a})})}async function xke(r,{binFolder:e,cwd:t,lifecycleScript:i}){let n=await wC({project:r.project,locator:r.anchoredLocator,binFolder:e,lifecycleScript:i});return await Promise.all(Array.from(await H6(r),([s,[,o]])=>Ka(e,Ur(s),process.execPath,[o]))),typeof t>"u"&&(t=x.dirname(await M.realpathPromise(x.join(r.cwd,"package.json")))),{manifest:r.manifest,binFolder:e,env:n,cwd:t}}async function M6(r,{project:e,binFolder:t,cwd:i,lifecycleScript:n}){let s=e.tryWorkspaceByLocator(r);if(s!==null)return xke(s,{binFolder:t,cwd:i,lifecycleScript:n});let o=e.storedPackages.get(r.locatorHash);if(!o)throw new Error(`Package for ${mt(e.configuration,r)} not found in the project`);return await Tn.openPromise(async a=>{let l=e.configuration,c=e.configuration.getLinkers(),u={project:e,report:new Ge({stdout:new JA.PassThrough,configuration:l})},g=c.find(y=>y.supportsPackage(o,u));if(!g)throw new Error(`The package ${mt(e.configuration,o)} isn't supported by any of the available linkers`);let f=await wC({project:e,locator:r,binFolder:t,lifecycleScript:n});await Promise.all(Array.from(await BB(r,{project:e}),([y,[,B]])=>Ka(t,Ur(y),process.execPath,[B])));let h=await g.findPackageLocation(o,u),p=new jt(h,{baseFs:a}),C=await ot.find(Oe.dot,{baseFs:p});return typeof i>"u"&&(i=h),{manifest:C,binFolder:t,env:f,cwd:i}},{libzip:await rn()})}async function K6(r,e,t,{cwd:i,stdin:n,stdout:s,stderr:o}){return await wB(r.anchoredLocator,e,t,{cwd:i,project:r.project,stdin:n,stdout:s,stderr:o})}function kR(r,e){return r.manifest.scripts.has(e)}async function U6(r,e,{cwd:t,report:i}){let{configuration:n}=r.project,s=null;await M.mktempPromise(async o=>{let a=x.join(o,`${e}.log`),l=`# This file contains the result of Yarn calling the "${e}" lifecycle script inside a workspace ("${K.fromPortablePath(r.cwd)}")
-`,{stdout:c,stderr:u}=n.getSubprocessStreams(a,{report:i,prefix:mt(n,r.anchoredLocator),header:l});i.reportInfo(36,`Calling the "${e}" lifecycle script`);let g=await K6(r,e,[],{cwd:t,stdin:s,stdout:c,stderr:u});if(c.end(),u.end(),g!==0)throw M.detachTemp(o),new at(36,`${(0,N6.default)(e)} script failed (exit code ${Ze(n,g,Ue.NUMBER)}, logs can be found here: ${Ze(n,a,Ue.PATH)}); run ${Ze(n,`yarn ${e}`,Ue.CODE)} to investigate`)})}async function Pke(r,e,t){kR(r,e)&&await U6(r,e,t)}async function BB(r,{project:e}){let t=e.configuration,i=new Map,n=e.storedPackages.get(r.locatorHash);if(!n)throw new Error(`Package for ${mt(t,r)} not found in the project`);let s=new JA.Writable,o=t.getLinkers(),a={project:e,report:new Ge({configuration:t,stdout:s})},l=new Set([r.locatorHash]);for(let u of n.dependencies.values()){let g=e.storedResolutions.get(u.descriptorHash);if(!g)throw new Error(`Assertion failed: The resolution (${tr(t,u)}) should have been registered`);l.add(g)}let c=await Promise.all(Array.from(l,async u=>{let g=e.storedPackages.get(u);if(!g)throw new Error(`Assertion failed: The package (${u}) should have been registered`);if(g.bin.size===0)return To.skip;let f=o.find(p=>p.supportsPackage(g,a));if(!f)return To.skip;let h=null;try{h=await f.findPackageLocation(g,a)}catch(p){if(p.code==="LOCATOR_NOT_INSTALLED")return To.skip;throw p}return{dependency:g,packageLocation:h}}));for(let u of c){if(u===To.skip)continue;let{dependency:g,packageLocation:f}=u;for(let[h,p]of g.bin)i.set(h,[g,K.fromPortablePath(x.resolve(f,p))])}return i}async function H6(r){return await BB(r.anchoredLocator,{project:r.project})}async function G6(r,e,t,{cwd:i,project:n,stdin:s,stdout:o,stderr:a,nodeArgs:l=[],packageAccessibleBinaries:c}){c!=null||(c=await BB(r,{project:n}));let u=c.get(e);if(!u)throw new Error(`Binary not found (${e}) for ${mt(n.configuration,r)}`);return await M.mktempPromise(async g=>{let[,f]=u,h=await wC({project:n,locator:r,binFolder:g});await Promise.all(Array.from(c,([C,[,y]])=>Ka(h.BERRY_BIN_FOLDER,Ur(C),process.execPath,[y])));let p;try{p=await Yo(process.execPath,[...l,f,...t],{cwd:i,env:h,stdin:s,stdout:o,stderr:a})}finally{await M.removePromise(h.BERRY_BIN_FOLDER)}return p.code})}async function Dke(r,e,t,{cwd:i,stdin:n,stdout:s,stderr:o,packageAccessibleBinaries:a}){return await G6(r.anchoredLocator,e,t,{project:r.project,cwd:i,stdin:n,stdout:s,stderr:o,packageAccessibleBinaries:a})}var Ci={};ut(Ci,{convertToZip:()=>UFe,extractArchiveTo:()=>GFe,makeArchiveFromDirectory:()=>KFe});var EX=J("stream"),IX=Pe(fX());var hX=Pe(Tg()),pX=J("worker_threads");var il=Symbol("kTaskInfo"),d0=class{constructor(e){this.source=e;this.workers=[];this.limit=(0,hX.default)(MD());this.cleanupInterval=setInterval(()=>{if(this.limit.pendingCount===0&&this.limit.activeCount===0){let t=this.workers.pop();t?t.terminate():clearInterval(this.cleanupInterval)}},5e3).unref()}createWorker(){this.cleanupInterval.refresh();let e=new pX.Worker(this.source,{eval:!0,execArgv:[...process.execArgv,"--unhandled-rejections=strict"]});return e.on("message",t=>{if(!e[il])throw new Error("Assertion failed: Worker sent a result without having a task assigned");e[il].resolve(t),e[il]=null,e.unref(),this.workers.push(e)}),e.on("error",t=>{var i;(i=e[il])==null||i.reject(t),e[il]=null}),e.on("exit",t=>{var i;t!==0&&((i=e[il])==null||i.reject(new Error(`Worker exited with code ${t}`))),e[il]=null}),e}run(e){return this.limit(()=>{var i;let t=(i=this.workers.pop())!=null?i:this.createWorker();return t.ref(),new Promise((n,s)=>{t[il]={resolve:n,reject:s},t.postMessage(e)})})}};var yX=Pe(CX());async function KFe(r,{baseFs:e=new $t,prefixPath:t=Oe.root,compressionLevel:i,inMemory:n=!1}={}){let s=await rn(),o;if(n)o=new Wr(null,{libzip:s,level:i});else{let l=await M.mktempPromise(),c=x.join(l,"archive.zip");o=new Wr(c,{create:!0,libzip:s,level:i})}let a=x.resolve(Oe.root,t);return await o.copyPromise(a,r,{baseFs:e,stableTime:!0,stableSort:!0}),o}var mX;async function UFe(r,e){let t=await M.mktempPromise(),i=x.join(t,"archive.zip");return mX||(mX=new d0((0,yX.getContent)())),await mX.run({tmpFile:i,tgz:r,opts:e}),new Wr(i,{libzip:await rn(),level:e.compressionLevel})}async function*HFe(r){let e=new IX.default.Parse,t=new EX.PassThrough({objectMode:!0,autoDestroy:!0,emitClose:!0});e.on("entry",i=>{t.write(i)}),e.on("error",i=>{t.destroy(i)}),e.on("close",()=>{t.destroyed||t.end()}),e.end(r);for await(let i of t){let n=i;yield n,n.resume()}}async function GFe(r,e,{stripComponents:t=0,prefixPath:i=Oe.dot}={}){var s,o;function n(a){if(a.path[0]==="/")return!0;let l=a.path.split(/\//g);return!!(l.some(c=>c==="..")||l.length<=t)}for await(let a of HFe(r)){if(n(a))continue;let l=x.normalize(K.toPortablePath(a.path)).replace(/\/$/,"").split(/\//g);if(l.length<=t)continue;let c=l.slice(t).join("/"),u=x.join(i,c),g=420;switch((a.type==="Directory"||(((s=a.mode)!=null?s:0)&73)!==0)&&(g|=73),a.type){case"Directory":e.mkdirpSync(x.dirname(u),{chmod:493,utimes:[xr.SAFE_TIME,xr.SAFE_TIME]}),e.mkdirSync(u,{mode:g}),e.utimesSync(u,xr.SAFE_TIME,xr.SAFE_TIME);break;case"OldFile":case"File":e.mkdirpSync(x.dirname(u),{chmod:493,utimes:[xr.SAFE_TIME,xr.SAFE_TIME]}),e.writeFileSync(u,await af(a),{mode:g}),e.utimesSync(u,xr.SAFE_TIME,xr.SAFE_TIME);break;case"SymbolicLink":e.mkdirpSync(x.dirname(u),{chmod:493,utimes:[xr.SAFE_TIME,xr.SAFE_TIME]}),e.symlinkSync(a.linkpath,u),(o=e.lutimesSync)==null||o.call(e,u,xr.SAFE_TIME,xr.SAFE_TIME);break}}return e}var Vn={};ut(Vn,{emitList:()=>YFe,emitTree:()=>vX,treeNodeToJson:()=>SX,treeNodeToTreeify:()=>bX});var QX=Pe(BX());function bX(r,{configuration:e}){let t={},i=(n,s)=>{let o=Array.isArray(n)?n.entries():Object.entries(n);for(let[a,{label:l,value:c,children:u}]of o){let g=[];typeof l<"u"&&g.push(Ty(e,l,2)),typeof c<"u"&&g.push(Ze(e,c[0],c[1])),g.length===0&&g.push(Ty(e,`${a}`,2));let f=g.join(": "),h=s[f]={};typeof u<"u"&&i(u,h)}};if(typeof r.children>"u")throw new Error("The root node must only contain children");return i(r.children,t),t}function SX(r){let e=t=>{var s;if(typeof t.children>"u"){if(typeof t.value>"u")throw new Error("Assertion failed: Expected a value to be set if the children are missing");return cc(t.value[0],t.value[1])}let i=Array.isArray(t.children)?t.children.entries():Object.entries((s=t.children)!=null?s:{}),n=Array.isArray(t.children)?[]:{};for(let[o,a]of i)n[o]=e(a);return typeof t.value>"u"?n:{value:cc(t.value[0],t.value[1]),children:n}};return e(r)}function YFe(r,{configuration:e,stdout:t,json:i}){let n=r.map(s=>({value:s}));vX({children:n},{configuration:e,stdout:t,json:i})}function vX(r,{configuration:e,stdout:t,json:i,separators:n=0}){var o;if(i){let a=Array.isArray(r.children)?r.children.values():Object.values((o=r.children)!=null?o:{});for(let l of a)t.write(`${JSON.stringify(SX(l))}
-`);return}let s=(0,QX.asTree)(bX(r,{configuration:e}),!1,!1);if(n>=1&&(s=s.replace(/^([├└]─)/gm,`\u2502
-$1`).replace(/^│\n/,"")),n>=2)for(let a=0;a<2;++a)s=s.replace(/^([│ ].{2}[├│ ].{2}[^\n]+\n)(([│ ]).{2}[├└].{2}[^\n]*\n[│ ].{2}[│ ].{2}[├└]─)/gm,`$1$3  \u2502
-$2`).replace(/^│\n/,"");if(n>=3)throw new Error("Only the first two levels are accepted by treeUtils.emitTree");t.write(s)}var xX=J("crypto"),rN=Pe(J("fs"));var jFe=8,Rt=class{constructor(e,{configuration:t,immutable:i=t.get("enableImmutableCache"),check:n=!1}){this.markedFiles=new Set;this.mutexes=new Map;this.cacheId=`-${(0,xX.randomBytes)(8).toString("hex")}.tmp`;this.configuration=t,this.cwd=e,this.immutable=i,this.check=n;let s=t.get("cacheKeyOverride");if(s!==null)this.cacheKey=`${s}`;else{let o=t.get("compressionLevel"),a=o!==Ol?`c${o}`:"";this.cacheKey=[jFe,a].join("")}}static async find(e,{immutable:t,check:i}={}){let n=new Rt(e.get("cacheFolder"),{configuration:e,immutable:t,check:i});return await n.setup(),n}get mirrorCwd(){if(!this.configuration.get("enableMirror"))return null;let e=`${this.configuration.get("globalFolder")}/cache`;return e!==this.cwd?e:null}getVersionFilename(e){return`${mf(e)}-${this.cacheKey}.zip`}getChecksumFilename(e,t){let n=qFe(t).slice(0,10);return`${mf(e)}-${n}.zip`}getLocatorPath(e,t,i={}){var s;return this.mirrorCwd===null||((s=i.unstablePackages)==null?void 0:s.has(e.locatorHash))?x.resolve(this.cwd,this.getVersionFilename(e)):t===null||tN(t)!==this.cacheKey?null:x.resolve(this.cwd,this.getChecksumFilename(e,t))}getLocatorMirrorPath(e){let t=this.mirrorCwd;return t!==null?x.resolve(t,this.getVersionFilename(e)):null}async setup(){if(!this.configuration.get("enableGlobalCache"))if(this.immutable){if(!await M.existsPromise(this.cwd))throw new at(56,"Cache path does not exist.")}else{await M.mkdirPromise(this.cwd,{recursive:!0});let e=x.resolve(this.cwd,".gitignore");await M.changeFilePromise(e,`/.gitignore
-*.flock
-*.tmp
-`)}(this.mirrorCwd||!this.immutable)&&await M.mkdirPromise(this.mirrorCwd||this.cwd,{recursive:!0})}async fetchPackageFromCache(e,t,{onHit:i,onMiss:n,loader:s,...o}){var W;let a=this.getLocatorMirrorPath(e),l=new $t,c=()=>{let Z=new Wr(null,{libzip:D}),A=x.join(Oe.root,PD(e));return Z.mkdirSync(A,{recursive:!0}),Z.writeJsonSync(x.join(A,xt.manifest),{name:Ot(e),mocked:!0}),Z},u=async(Z,A=null)=>{var ge;if(A===null&&((ge=o.unstablePackages)==null?void 0:ge.has(e.locatorHash)))return null;let ae=!o.skipIntegrityCheck||!t?`${this.cacheKey}/${await uw(Z)}`:t;if(A!==null){let re=!o.skipIntegrityCheck||!t?`${this.cacheKey}/${await uw(A)}`:t;if(ae!==re)throw new at(18,"The remote archive doesn't match the local checksum - has the local cache been corrupted?")}if(t!==null&&ae!==t){let re;switch(this.check?re="throw":tN(t)!==tN(ae)?re="update":re=this.configuration.get("checksumBehavior"),re){case"ignore":return t;case"update":return ae;default:case"throw":throw new at(18,"The remote archive doesn't match the expected checksum")}}return ae},g=async Z=>{if(!s)throw new Error(`Cache check required but no loader configured for ${mt(this.configuration,e)}`);let A=await s(),ae=A.getRealPath();return A.saveAndClose(),await M.chmodPromise(ae,420),await u(Z,ae)},f=async()=>{if(a===null||!await M.existsPromise(a)){let Z=await s(),A=Z.getRealPath();return Z.saveAndClose(),{source:"loader",path:A}}return{source:"mirror",path:a}},h=async()=>{if(!s)throw new Error(`Cache entry required but missing for ${mt(this.configuration,e)}`);if(this.immutable)throw new at(56,`Cache entry required but missing for ${mt(this.configuration,e)}`);let{path:Z,source:A}=await f(),ae=await u(Z),ge=this.getLocatorPath(e,ae,o);if(!ge)throw new Error("Assertion failed: Expected the cache path to be available");let re=[];A!=="mirror"&&a!==null&&re.push(async()=>{let F=`${a}${this.cacheId}`;await M.copyFilePromise(Z,F,rN.default.constants.COPYFILE_FICLONE),await M.chmodPromise(F,420),await M.renamePromise(F,a)}),(!o.mirrorWriteOnly||a===null)&&re.push(async()=>{let F=`${ge}${this.cacheId}`;await M.copyFilePromise(Z,F,rN.default.constants.COPYFILE_FICLONE),await M.chmodPromise(F,420),await M.renamePromise(F,ge)});let O=o.mirrorWriteOnly&&a!=null?a:ge;return await Promise.all(re.map(F=>F())),[!1,O,ae]},p=async()=>{let A=(async()=>{var ue;let ae=this.getLocatorPath(e,t,o),ge=ae!==null?await l.existsPromise(ae):!1,re=!!((ue=o.mockedPackages)!=null&&ue.has(e.locatorHash))&&(!this.check||!ge),O=re||ge,F=O?i:n;if(F&&F(),O){let he=null,ke=ae;return re||(he=this.check?await g(ke):await u(ke)),[re,ke,he]}else return h()})();this.mutexes.set(e.locatorHash,A);try{return await A}finally{this.mutexes.delete(e.locatorHash)}};for(let Z;Z=this.mutexes.get(e.locatorHash);)await Z;let[C,y,B]=await p();this.markedFiles.add(y);let v,D=await rn(),L=C?()=>c():()=>new Wr(y,{baseFs:l,libzip:D,readOnly:!0}),H=new dg(()=>Dx(()=>v=L(),Z=>`Failed to open the cache entry for ${mt(this.configuration,e)}: ${Z}`),x),j=new yo(y,{baseFs:H,pathUtils:x}),$=()=>{v==null||v.discardAndClose()},V=(W=o.unstablePackages)!=null&&W.has(e.locatorHash)?null:B;return[j,$,V]}};function tN(r){let e=r.indexOf("/");return e!==-1?r.slice(0,e):null}function qFe(r){let e=r.indexOf("/");return e!==-1?r.slice(e+1):r}var C0=(t=>(t[t.SCRIPT=0]="SCRIPT",t[t.SHELLCODE=1]="SHELLCODE",t))(C0||{});var _o=class extends Si{constructor({configuration:t,stdout:i,suggestInstall:n=!0}){super();this.errorCount=0;Kd(this,{configuration:t}),this.configuration=t,this.stdout=i,this.suggestInstall=n}static async start(t,i){let n=new this(t);try{await i(n)}catch(s){n.reportExceptionOnce(s)}finally{await n.finalize()}return n}hasErrors(){return this.errorCount>0}exitCode(){return this.hasErrors()?1:0}reportCacheHit(t){}reportCacheMiss(t){}startSectionSync(t,i){return i()}async startSectionPromise(t,i){return await i()}startTimerSync(t,i,n){return(typeof i=="function"?i:n)()}async startTimerPromise(t,i,n){return await(typeof i=="function"?i:n)()}async startCacheReport(t){return await t()}reportSeparator(){}reportInfo(t,i){}reportWarning(t,i){}reportError(t,i){this.errorCount+=1,this.stdout.write(`${Ze(this.configuration,"\u27A4","redBright")} ${this.formatNameWithHyperlink(t)}: ${i}
-`)}reportProgress(t){return{...Promise.resolve().then(async()=>{for await(let{}of t);}),stop:()=>{}}}reportJson(t){}async finalize(){this.errorCount>0&&(this.stdout.write(`
-`),this.stdout.write(`${Ze(this.configuration,"\u27A4","redBright")} Errors happened when preparing the environment required to run this command.
-`),this.suggestInstall&&this.stdout.write(`${Ze(this.configuration,"\u27A4","redBright")} This might be caused by packages being missing from the lockfile, in which case running "yarn install" might help.
-`))}formatNameWithHyperlink(t){return PR(t,{configuration:this.configuration,json:!1})}};var D0=J("crypto");function Wa(){}Wa.prototype={diff:function(e,t){var i=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{},n=i.callback;typeof i=="function"&&(n=i,i={}),this.options=i;var s=this;function o(C){return n?(setTimeout(function(){n(void 0,C)},0),!0):C}e=this.castInput(e),t=this.castInput(t),e=this.removeEmpty(this.tokenize(e)),t=this.removeEmpty(this.tokenize(t));var a=t.length,l=e.length,c=1,u=a+l;i.maxEditLength&&(u=Math.min(u,i.maxEditLength));var g=[{newPos:-1,components:[]}],f=this.extractCommon(g[0],t,e,0);if(g[0].newPos+1>=a&&f+1>=l)return o([{value:this.join(t),count:t.length}]);function h(){for(var C=-1*c;C<=c;C+=2){var y=void 0,B=g[C-1],v=g[C+1],D=(v?v.newPos:0)-C;B&&(g[C-1]=void 0);var L=B&&B.newPos+1<a,H=v&&0<=D&&D<l;if(!L&&!H){g[C]=void 0;continue}if(!L||H&&B.newPos<v.newPos?(y=WFe(v),s.pushComponent(y.components,void 0,!0)):(y=B,y.newPos++,s.pushComponent(y.components,!0,void 0)),D=s.extractCommon(y,t,e,C),y.newPos+1>=a&&D+1>=l)return o(JFe(s,y.components,t,e,s.useLongestToken));g[C]=y}c++}if(n)(function C(){setTimeout(function(){if(c>u)return n();h()||C()},0)})();else for(;c<=u;){var p=h();if(p)return p}},pushComponent:function(e,t,i){var n=e[e.length-1];n&&n.added===t&&n.removed===i?e[e.length-1]={count:n.count+1,added:t,removed:i}:e.push({count:1,added:t,removed:i})},extractCommon:function(e,t,i,n){for(var s=t.length,o=i.length,a=e.newPos,l=a-n,c=0;a+1<s&&l+1<o&&this.equals(t[a+1],i[l+1]);)a++,l++,c++;return c&&e.components.push({count:c}),e.newPos=a,l},equals:function(e,t){return this.options.comparator?this.options.comparator(e,t):e===t||this.options.ignoreCase&&e.toLowerCase()===t.toLowerCase()},removeEmpty:function(e){for(var t=[],i=0;i<e.length;i++)e[i]&&t.push(e[i]);return t},castInput:function(e){return e},tokenize:function(e){return e.split("")},join:function(e){return e.join("")}};function JFe(r,e,t,i,n){for(var s=0,o=e.length,a=0,l=0;s<o;s++){var c=e[s];if(c.removed){if(c.value=r.join(i.slice(l,l+c.count)),l+=c.count,s&&e[s-1].added){var g=e[s-1];e[s-1]=e[s],e[s]=g}}else{if(!c.added&&n){var u=t.slice(a,a+c.count);u=u.map(function(h,p){var C=i[l+p];return C.length>h.length?C:h}),c.value=r.join(u)}else c.value=r.join(t.slice(a,a+c.count));a+=c.count,c.added||(l+=c.count)}}var f=e[o-1];return o>1&&typeof f.value=="string"&&(f.added||f.removed)&&r.equals("",f.value)&&(e[o-2].value+=f.value,e.pop()),e}function WFe(r){return{newPos:r.newPos,components:r.components.slice(0)}}var Uot=new Wa;var PX=/^[A-Za-z\xC0-\u02C6\u02C8-\u02D7\u02DE-\u02FF\u1E00-\u1EFF]+$/,DX=/\S/,kX=new Wa;kX.equals=function(r,e){return this.options.ignoreCase&&(r=r.toLowerCase(),e=e.toLowerCase()),r===e||this.options.ignoreWhitespace&&!DX.test(r)&&!DX.test(e)};kX.tokenize=function(r){for(var e=r.split(/([^\S\r\n]+|[()[\]{}'"\r\n]|\b)/),t=0;t<e.length-1;t++)!e[t+1]&&e[t+2]&&PX.test(e[t])&&PX.test(e[t+2])&&(e[t]+=e[t+2],e.splice(t+1,2),t--);return e};var aN=new Wa;aN.tokenize=function(r){var e=[],t=r.split(/(\n|\r\n)/);t[t.length-1]||t.pop();for(var i=0;i<t.length;i++){var n=t[i];i%2&&!this.options.newlineIsToken?e[e.length-1]+=n:(this.options.ignoreWhitespace&&(n=n.trim()),e.push(n))}return e};function zFe(r,e,t){return aN.diff(r,e,t)}var VFe=new Wa;VFe.tokenize=function(r){return r.split(/(\S.+?[.!?])(?=\s+|$)/)};var XFe=new Wa;XFe.tokenize=function(r){return r.split(/([{}:;,]|\s+)/)};function m0(r){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?m0=function(e){return typeof e}:m0=function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m0(r)}function iN(r){return _Fe(r)||ZFe(r)||$Fe(r)||eNe()}function _Fe(r){if(Array.isArray(r))return nN(r)}function ZFe(r){if(typeof Symbol<"u"&&Symbol.iterator in Object(r))return Array.from(r)}function $Fe(r,e){if(!!r){if(typeof r=="string")return nN(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);if(t==="Object"&&r.constructor&&(t=r.constructor.name),t==="Map"||t==="Set")return Array.from(r);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return nN(r,e)}}function nN(r,e){(e==null||e>r.length)&&(e=r.length);for(var t=0,i=new Array(e);t<e;t++)i[t]=r[t];return i}function eNe(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var tNe=Object.prototype.toString,HC=new Wa;HC.useLongestToken=!0;HC.tokenize=aN.tokenize;HC.castInput=function(r){var e=this.options,t=e.undefinedReplacement,i=e.stringifyReplacer,n=i===void 0?function(s,o){return typeof o>"u"?t:o}:i;return typeof r=="string"?r:JSON.stringify(sN(r,null,null,n),n,"  ")};HC.equals=function(r,e){return Wa.prototype.equals.call(HC,r.replace(/,([\r\n])/g,"$1"),e.replace(/,([\r\n])/g,"$1"))};function sN(r,e,t,i,n){e=e||[],t=t||[],i&&(r=i(n,r));var s;for(s=0;s<e.length;s+=1)if(e[s]===r)return t[s];var o;if(tNe.call(r)==="[object Array]"){for(e.push(r),o=new Array(r.length),t.push(o),s=0;s<r.length;s+=1)o[s]=sN(r[s],e,t,i,n);return e.pop(),t.pop(),o}if(r&&r.toJSON&&(r=r.toJSON()),m0(r)==="object"&&r!==null){e.push(r),o={},t.push(o);var a=[],l;for(l in r)r.hasOwnProperty(l)&&a.push(l);for(a.sort(),s=0;s<a.length;s+=1)l=a[s],o[l]=sN(r[l],e,t,i,l);e.pop(),t.pop()}else o=r;return o}var oN=new Wa;oN.tokenize=function(r){return r.slice()};oN.join=oN.removeEmpty=function(r){return r};function RX(r,e,t,i,n,s,o){o||(o={}),typeof o.context>"u"&&(o.context=4);var a=zFe(t,i,o);if(!a)return;a.push({value:"",lines:[]});function l(B){return B.map(function(v){return" "+v})}for(var c=[],u=0,g=0,f=[],h=1,p=1,C=function(v){var D=a[v],L=D.lines||D.value.replace(/\n$/,"").split(`
-`);if(D.lines=L,D.added||D.removed){var H;if(!u){var j=a[v-1];u=h,g=p,j&&(f=o.context>0?l(j.lines.slice(-o.context)):[],u-=f.length,g-=f.length)}(H=f).push.apply(H,iN(L.map(function(re){return(D.added?"+":"-")+re}))),D.added?p+=L.length:h+=L.length}else{if(u)if(L.length<=o.context*2&&v<a.length-2){var $;($=f).push.apply($,iN(l(L)))}else{var V,W=Math.min(L.length,o.context);(V=f).push.apply(V,iN(l(L.slice(0,W))));var Z={oldStart:u,oldLines:h-u+W,newStart:g,newLines:p-g+W,lines:f};if(v>=a.length-2&&L.length<=o.context){var A=/\n$/.test(t),ae=/\n$/.test(i),ge=L.length==0&&f.length>Z.oldLines;!A&&ge&&t.length>0&&f.splice(Z.oldLines,0,"\\ No newline at end of file"),(!A&&!ge||!ae)&&f.push("\\ No newline at end of file")}c.push(Z),u=0,g=0,f=[]}h+=L.length,p+=L.length}},y=0;y<a.length;y++)C(y);return{oldFileName:r,newFileName:e,oldHeader:n,newHeader:s,hunks:c}}var k0=Pe(MZ()),YZ=Pe(Tg()),jZ=Pe(Xr()),EN=J("util"),mN=Pe(J("v8")),IN=Pe(J("zlib"));var POe=[[/^(git(?:\+(?:https|ssh))?:\/\/.*(?:\.git)?)#(.*)$/,(r,e,t,i)=>`${t}#commit=${i}`],[/^https:\/\/((?:[^/]+?)@)?codeload\.github\.com\/([^/]+\/[^/]+)\/tar\.gz\/([0-9a-f]+)$/,(r,e,t="",i,n)=>`https://${t}github.com/${i}.git#commit=${n}`],[/^https:\/\/((?:[^/]+?)@)?github\.com\/([^/]+\/[^/]+?)(?:\.git)?#([0-9a-f]+)$/,(r,e,t="",i,n)=>`https://${t}github.com/${i}.git#commit=${n}`],[/^https?:\/\/[^/]+\/(?:[^/]+\/)*(?:@.+(?:\/|(?:%2f)))?([^/]+)\/(?:-|download)\/\1-[^/]+\.tgz(?:#|$)/,r=>`npm:${r}`],[/^https:\/\/npm\.pkg\.github\.com\/download\/(?:@[^/]+)\/(?:[^/]+)\/(?:[^/]+)\/(?:[0-9a-f]+)(?:#|$)/,r=>`npm:${r}`],[/^https:\/\/npm\.fontawesome\.com\/(?:@[^/]+)\/([^/]+)\/-\/([^/]+)\/\1-\2.tgz(?:#|$)/,r=>`npm:${r}`],[/^https?:\/\/[^/]+\/.*\/(@[^/]+)\/([^/]+)\/-\/\1\/\2-(?:[.\d\w-]+)\.tgz(?:#|$)/,(r,e)=>pw({protocol:"npm:",source:null,selector:r,params:{__archiveUrl:e}})],[/^[^/]+\.tgz#[0-9a-f]+$/,r=>`npm:${r}`]],v0=class{constructor(e){this.resolver=e;this.resolutions=null}async setup(e,{report:t}){let i=x.join(e.cwd,e.configuration.get("lockfileFilename"));if(!M.existsSync(i))return;let n=await M.readFilePromise(i,"utf8"),s=Ii(n);if(Object.prototype.hasOwnProperty.call(s,"__metadata"))return;let o=this.resolutions=new Map;for(let a of Object.keys(s)){let l=Xd(a);if(!l){t.reportWarning(14,`Failed to parse the string "${a}" into a proper descriptor`);continue}let c=to(l.range)?Zt(l,`npm:${l.range}`):l,{version:u,resolved:g}=s[a];if(!g)continue;let f;for(let[p,C]of POe){let y=g.match(p);if(y){f=C(u,...y);break}}if(!f){t.reportWarning(14,`${tr(e.configuration,c)}: Only some patterns can be imported from legacy lockfiles (not "${g}")`);continue}let h=c;try{let p=Cf(c.range),C=Xd(p.selector,!0);C&&(h=C)}catch{}o.set(c.descriptorHash,$i(h,f))}}supportsDescriptor(e,t){return this.resolutions?this.resolutions.has(e.descriptorHash):!1}supportsLocator(e,t){return!1}shouldPersistResolution(e,t){throw new Error("Assertion failed: This resolver doesn't support resolving locators to packages")}bindDescriptor(e,t,i){return e}getResolutionDependencies(e,t){return[]}async getCandidates(e,t,i){if(!this.resolutions)throw new Error("Assertion failed: The resolution store should have been setup");let n=this.resolutions.get(e.descriptorHash);if(!n)throw new Error("Assertion failed: The resolution should have been registered");return await this.resolver.getCandidates(bD(n),t,i)}async getSatisfying(e,t,i){return null}async resolve(e,t){throw new Error("Assertion failed: This resolver doesn't support resolving locators to packages")}};var x0=class{constructor(e){this.resolver=e}supportsDescriptor(e,t){return!!(t.project.storedResolutions.get(e.descriptorHash)||t.project.originalPackages.has(fw(e).locatorHash))}supportsLocator(e,t){return!!(t.project.originalPackages.has(e.locatorHash)&&!t.project.lockfileNeedsRefresh)}shouldPersistResolution(e,t){throw new Error("The shouldPersistResolution method shouldn't be called on the lockfile resolver, which would always answer yes")}bindDescriptor(e,t,i){return e}getResolutionDependencies(e,t){return this.resolver.getResolutionDependencies(e,t)}async getCandidates(e,t,i){let n=i.project.originalPackages.get(fw(e).locatorHash);if(n)return[n];let s=i.project.storedResolutions.get(e.descriptorHash);if(!s)throw new Error("Expected the resolution to have been successful - resolution not found");if(n=i.project.originalPackages.get(s),!n)throw new Error("Expected the resolution to have been successful - package not found");return[n]}async getSatisfying(e,t,i){return null}async resolve(e,t){let i=t.project.originalPackages.get(e.locatorHash);if(!i)throw new Error("The lockfile resolver isn't meant to resolve packages - they should already have been stored into a cache");return i}};var P0=class{constructor(e){this.resolver=e}supportsDescriptor(e,t){return this.resolver.supportsDescriptor(e,t)}supportsLocator(e,t){return this.resolver.supportsLocator(e,t)}shouldPersistResolution(e,t){return this.resolver.shouldPersistResolution(e,t)}bindDescriptor(e,t,i){return this.resolver.bindDescriptor(e,t,i)}getResolutionDependencies(e,t){return this.resolver.getResolutionDependencies(e,t)}async getCandidates(e,t,i){throw new at(20,`This package doesn't seem to be present in your lockfile; run "yarn install" to update the lockfile`)}async getSatisfying(e,t,i){throw new at(20,`This package doesn't seem to be present in your lockfile; run "yarn install" to update the lockfile`)}async resolve(e,t){throw new at(20,`This package doesn't seem to be present in your lockfile; run "yarn install" to update the lockfile`)}};var ti=class extends Si{reportCacheHit(e){}reportCacheMiss(e){}startSectionSync(e,t){return t()}async startSectionPromise(e,t){return await t()}startTimerSync(e,t,i){return(typeof t=="function"?t:i)()}async startTimerPromise(e,t,i){return await(typeof t=="function"?t:i)()}async startCacheReport(e){return await e()}reportSeparator(){}reportInfo(e,t){}reportWarning(e,t){}reportError(e,t){}reportProgress(e){return{...Promise.resolve().then(async()=>{for await(let{}of e);}),stop:()=>{}}}reportJson(e){}async finalize(){}};var KZ=Pe(wD());var fh=class{constructor(e,{project:t}){this.workspacesCwds=new Set;this.dependencies=new Map;this.project=t,this.cwd=e}async setup(){var s;this.manifest=(s=await ot.tryFind(this.cwd))!=null?s:new ot,this.relativeCwd=x.relative(this.project.cwd,this.cwd)||Oe.dot;let e=this.manifest.name?this.manifest.name:Ho(null,`${this.computeCandidateName()}-${Zi(this.relativeCwd).substring(0,6)}`),t=this.manifest.version?this.manifest.version:"0.0.0";this.locator=$i(e,t),this.anchoredDescriptor=Zt(this.locator,`${jr.protocol}${this.relativeCwd}`),this.anchoredLocator=$i(this.locator,`${jr.protocol}${this.relativeCwd}`);let i=this.manifest.workspaceDefinitions.map(({pattern:o})=>o),n=await(0,KZ.default)(i,{cwd:K.fromPortablePath(this.cwd),expandDirectories:!1,onlyDirectories:!0,onlyFiles:!1,ignore:["**/node_modules","**/.git","**/.yarn"]});n.sort();for(let o of n){let a=x.resolve(this.cwd,K.toPortablePath(o));M.existsSync(x.join(a,"package.json"))&&this.workspacesCwds.add(a)}}accepts(e){var o;let t=e.indexOf(":"),i=t!==-1?e.slice(0,t+1):null,n=t!==-1?e.slice(t+1):e;if(i===jr.protocol&&x.normalize(n)===this.relativeCwd||i===jr.protocol&&(n==="*"||n==="^"||n==="~"))return!0;let s=to(n);return s?i===jr.protocol?s.test((o=this.manifest.version)!=null?o:"0.0.0"):this.project.configuration.get("enableTransparentWorkspaces")&&this.manifest.version!==null?s.test(this.manifest.version):!1:!1}computeCandidateName(){return this.cwd===this.project.cwd?"root-workspace":`${x.basename(this.cwd)}`||"unnamed-workspace"}getRecursiveWorkspaceDependencies({dependencies:e=ot.hardDependencies}={}){let t=new Set,i=n=>{for(let s of e)for(let o of n.manifest[s].values()){let a=this.project.tryWorkspaceByDescriptor(o);a===null||t.has(a)||(t.add(a),i(a))}};return i(this),t}getRecursiveWorkspaceDependents({dependencies:e=ot.hardDependencies}={}){let t=new Set,i=n=>{for(let s of this.project.workspaces)e.some(a=>[...s.manifest[a].values()].some(l=>{let c=this.project.tryWorkspaceByDescriptor(l);return c!==null&&Vd(c.anchoredLocator,n.anchoredLocator)}))&&!t.has(s)&&(t.add(s),i(s))};return i(this),t}getRecursiveWorkspaceChildren(){let e=[];for(let t of this.workspacesCwds){let i=this.project.workspacesByCwd.get(t);i&&e.push(i,...i.getRecursiveWorkspaceChildren())}return e}async persistManifest(){let e={};this.manifest.exportTo(e);let t=x.join(this.cwd,ot.fileName),i=`${JSON.stringify(e,null,this.manifest.indent)}
-`;await M.changeFilePromise(t,i,{automaticNewlines:!0}),this.manifest.raw=e}};var UZ=6,DOe=1,kOe=/ *, */g,HZ=/\/$/,ROe=32,FOe=(0,EN.promisify)(IN.default.gzip),NOe=(0,EN.promisify)(IN.default.gunzip),Xn=(t=>(t.UpdateLockfile="update-lockfile",t.SkipBuild="skip-build",t))(Xn||{}),CN={restoreInstallersCustomData:["installersCustomData"],restoreResolutions:["accessibleLocators","conditionalLocators","disabledLocators","optionalBuilds","storedDescriptors","storedResolutions","storedPackages","lockFileChecksum"],restoreBuildState:["storedBuildState"]},GZ=r=>Zi(`${DOe}`,r),je=class{constructor(e,{configuration:t}){this.resolutionAliases=new Map;this.workspaces=[];this.workspacesByCwd=new Map;this.workspacesByIdent=new Map;this.storedResolutions=new Map;this.storedDescriptors=new Map;this.storedPackages=new Map;this.storedChecksums=new Map;this.storedBuildState=new Map;this.accessibleLocators=new Set;this.conditionalLocators=new Set;this.disabledLocators=new Set;this.originalPackages=new Map;this.optionalBuilds=new Set;this.lockfileNeedsRefresh=!1;this.peerRequirements=new Map;this.installersCustomData=new Map;this.lockFileChecksum=null;this.installStateChecksum=null;this.configuration=t,this.cwd=e}static async find(e,t){var p,C,y;if(!e.projectCwd)throw new be(`No project found in ${t}`);let i=e.projectCwd,n=t,s=null;for(;s!==e.projectCwd;){if(s=n,M.existsSync(x.join(s,xt.manifest))){i=s;break}n=x.dirname(s)}let o=new je(e.projectCwd,{configuration:e});(p=ye.telemetry)==null||p.reportProject(o.cwd),await o.setupResolutions(),await o.setupWorkspaces(),(C=ye.telemetry)==null||C.reportWorkspaceCount(o.workspaces.length),(y=ye.telemetry)==null||y.reportDependencyCount(o.workspaces.reduce((B,v)=>B+v.manifest.dependencies.size+v.manifest.devDependencies.size,0));let a=o.tryWorkspaceByCwd(i);if(a)return{project:o,workspace:a,locator:a.anchoredLocator};let l=await o.findLocatorForLocation(`${i}/`,{strict:!0});if(l)return{project:o,locator:l,workspace:null};let c=Ze(e,o.cwd,Ue.PATH),u=Ze(e,x.relative(o.cwd,i),Ue.PATH),g=`- If ${c} isn't intended to be a project, remove any yarn.lock and/or package.json file there.`,f=`- If ${c} is intended to be a project, it might be that you forgot to list ${u} in its workspace configuration.`,h=`- Finally, if ${c} is fine and you intend ${u} to be treated as a completely separate project (not even a workspace), create an empty yarn.lock file in it.`;throw new be(`The nearest package directory (${Ze(e,i,Ue.PATH)}) doesn't seem to be part of the project declared in ${Ze(e,o.cwd,Ue.PATH)}.
-
-${[g,f,h].join(`
-`)}`)}async setupResolutions(){var i;this.storedResolutions=new Map,this.storedDescriptors=new Map,this.storedPackages=new Map,this.lockFileChecksum=null;let e=x.join(this.cwd,this.configuration.get("lockfileFilename")),t=this.configuration.get("defaultLanguageName");if(M.existsSync(e)){let n=await M.readFilePromise(e,"utf8");this.lockFileChecksum=GZ(n);let s=Ii(n);if(s.__metadata){let o=s.__metadata.version,a=s.__metadata.cacheKey;this.lockfileNeedsRefresh=o<UZ;for(let l of Object.keys(s)){if(l==="__metadata")continue;let c=s[l];if(typeof c.resolution>"u")throw new Error(`Assertion failed: Expected the lockfile entry to have a resolution field (${l})`);let u=Cc(c.resolution,!0),g=new ot;g.load(c,{yamlCompatibilityMode:!0});let f=g.version,h=g.languageName||t,p=c.linkType.toUpperCase(),C=(i=c.conditions)!=null?i:null,y=g.dependencies,B=g.peerDependencies,v=g.dependenciesMeta,D=g.peerDependenciesMeta,L=g.bin;if(c.checksum!=null){let j=typeof a<"u"&&!c.checksum.includes("/")?`${a}/${c.checksum}`:c.checksum;this.storedChecksums.set(u.locatorHash,j)}let H={...u,version:f,languageName:h,linkType:p,conditions:C,dependencies:y,peerDependencies:B,dependenciesMeta:v,peerDependenciesMeta:D,bin:L};this.originalPackages.set(H.locatorHash,H);for(let j of l.split(kOe)){let $=MA(j);this.storedDescriptors.set($.descriptorHash,$),this.storedResolutions.set($.descriptorHash,u.locatorHash)}}}}}async setupWorkspaces(){this.workspaces=[],this.workspacesByCwd=new Map,this.workspacesByIdent=new Map;let e=[this.cwd];for(;e.length>0;){let t=e;e=[];for(let i of t){if(this.workspacesByCwd.has(i))continue;let n=await this.addWorkspace(i),s=this.storedPackages.get(n.anchoredLocator.locatorHash);s&&(n.dependencies=s.dependencies);for(let o of n.workspacesCwds)e.push(o)}}}async addWorkspace(e){let t=new fh(e,{project:this});await t.setup();let i=this.workspacesByIdent.get(t.locator.identHash);if(typeof i<"u")throw new Error(`Duplicate workspace name ${Ai(this.configuration,t.locator)}: ${K.fromPortablePath(e)} conflicts with ${K.fromPortablePath(i.cwd)}`);return this.workspaces.push(t),this.workspacesByCwd.set(e,t),this.workspacesByIdent.set(t.locator.identHash,t),t}get topLevelWorkspace(){return this.getWorkspaceByCwd(this.cwd)}tryWorkspaceByCwd(e){x.isAbsolute(e)||(e=x.resolve(this.cwd,e)),e=x.normalize(e).replace(/\/+$/,"");let t=this.workspacesByCwd.get(e);return t||null}getWorkspaceByCwd(e){let t=this.tryWorkspaceByCwd(e);if(!t)throw new Error(`Workspace not found (${e})`);return t}tryWorkspaceByFilePath(e){let t=null;for(let i of this.workspaces)x.relative(i.cwd,e).startsWith("../")||t&&t.cwd.length>=i.cwd.length||(t=i);return t||null}getWorkspaceByFilePath(e){let t=this.tryWorkspaceByFilePath(e);if(!t)throw new Error(`Workspace not found (${e})`);return t}tryWorkspaceByIdent(e){let t=this.workspacesByIdent.get(e.identHash);return typeof t>"u"?null:t}getWorkspaceByIdent(e){let t=this.tryWorkspaceByIdent(e);if(!t)throw new Error(`Workspace not found (${Ai(this.configuration,e)})`);return t}tryWorkspaceByDescriptor(e){let t=this.tryWorkspaceByIdent(e);return t===null||(OA(e)&&(e=Jd(e)),!t.accepts(e.range))?null:t}getWorkspaceByDescriptor(e){let t=this.tryWorkspaceByDescriptor(e);if(t===null)throw new Error(`Workspace not found (${tr(this.configuration,e)})`);return t}tryWorkspaceByLocator(e){let t=this.tryWorkspaceByIdent(e);return t===null||(Uo(e)&&(e=Wd(e)),t.locator.locatorHash!==e.locatorHash&&t.anchoredLocator.locatorHash!==e.locatorHash)?null:t}getWorkspaceByLocator(e){let t=this.tryWorkspaceByLocator(e);if(!t)throw new Error(`Workspace not found (${mt(this.configuration,e)})`);return t}refreshWorkspaceDependencies(){for(let e of this.workspaces){let t=this.storedPackages.get(e.anchoredLocator.locatorHash);if(!t)throw new Error(`Assertion failed: Expected workspace ${Zd(this.configuration,e)} (${Ze(this.configuration,x.join(e.cwd,xt.manifest),Ue.PATH)}) to have been resolved. Run "yarn install" to update the lockfile`);e.dependencies=new Map(t.dependencies)}}forgetResolution(e){let t=n=>{this.storedResolutions.delete(n),this.storedDescriptors.delete(n)},i=n=>{this.originalPackages.delete(n),this.storedPackages.delete(n),this.accessibleLocators.delete(n)};if("descriptorHash"in e){let n=this.storedResolutions.get(e.descriptorHash);t(e.descriptorHash);let s=new Set(this.storedResolutions.values());typeof n<"u"&&!s.has(n)&&i(n)}if("locatorHash"in e){i(e.locatorHash);for(let[n,s]of this.storedResolutions)s===e.locatorHash&&t(n)}}forgetTransientResolutions(){let e=this.configuration.makeResolver();for(let t of this.originalPackages.values()){let i;try{i=e.shouldPersistResolution(t,{project:this,resolver:e})}catch{i=!1}i||this.forgetResolution(t)}}forgetVirtualResolutions(){for(let e of this.storedPackages.values())for(let[t,i]of e.dependencies)OA(i)&&e.dependencies.set(t,Jd(i))}getDependencyMeta(e,t){let i={},s=this.topLevelWorkspace.manifest.dependenciesMeta.get(Ot(e));if(!s)return i;let o=s.get(null);if(o&&Object.assign(i,o),t===null||!jZ.default.valid(t))return i;for(let[a,l]of s)a!==null&&a===t&&Object.assign(i,l);return i}async findLocatorForLocation(e,{strict:t=!1}={}){let i=new ti,n=this.configuration.getLinkers(),s={project:this,report:i};for(let o of n){let a=await o.findPackageLocator(e,s);if(a){if(t&&(await o.findPackageLocation(a,s)).replace(HZ,"")!==e.replace(HZ,""))continue;return a}}return null}async resolveEverything(e){if(!this.workspacesByCwd||!this.workspacesByIdent)throw new Error("Workspaces must have been setup before calling this function");this.forgetVirtualResolutions(),e.lockfileOnly||this.forgetTransientResolutions();let t=e.resolver||this.configuration.makeResolver(),i=new v0(t);await i.setup(this,{report:e.report});let n=e.lockfileOnly?[new P0(t)]:[i,t],s=new yf([new x0(t),...n]),o=this.configuration.makeFetcher(),a=e.lockfileOnly?{project:this,report:e.report,resolver:s}:{project:this,report:e.report,resolver:s,fetchOptions:{project:this,cache:e.cache,checksums:this.storedChecksums,report:e.report,fetcher:o,cacheOptions:{mirrorWriteOnly:!0}}},l=new Map,c=new Map,u=new Map,g=new Map,f=new Map,h=new Map,p=this.topLevelWorkspace.anchoredLocator,C=new Set,y=[],B=OD(),v=this.configuration.getSupportedArchitectures();await e.report.startProgressPromise(Si.progressViaTitle(),async W=>{let Z=async O=>{let F=await of(async()=>await s.resolve(O,a),ke=>`${mt(this.configuration,O)}: ${ke}`);if(!Vd(O,F))throw new Error(`Assertion failed: The locator cannot be changed by the resolver (went from ${mt(this.configuration,O)} to ${mt(this.configuration,F)})`);g.set(F.locatorHash,F);let ue=this.configuration.normalizePackage(F);for(let[ke,Fe]of ue.dependencies){let Ne=await this.configuration.reduceHook(le=>le.reduceDependency,Fe,this,ue,Fe,{resolver:s,resolveOptions:a});if(!zd(Fe,Ne))throw new Error("Assertion failed: The descriptor ident cannot be changed through aliases");let oe=s.bindDescriptor(Ne,O,a);ue.dependencies.set(ke,oe)}let he=$s([...ue.dependencies.values()].map(ke=>re(ke)));return y.push(he),he.catch(()=>{}),c.set(ue.locatorHash,ue),ue},A=async O=>{let F=f.get(O.locatorHash);if(typeof F<"u")return F;let ue=Promise.resolve().then(()=>Z(O));return f.set(O.locatorHash,ue),ue},ae=async(O,F)=>{let ue=await re(F);return l.set(O.descriptorHash,O),u.set(O.descriptorHash,ue.locatorHash),ue},ge=async O=>{W.setTitle(tr(this.configuration,O));let F=this.resolutionAliases.get(O.descriptorHash);if(typeof F<"u")return ae(O,this.storedDescriptors.get(F));let ue=s.getResolutionDependencies(O,a),he=new Map(await $s(ue.map(async Ne=>{let oe=s.bindDescriptor(Ne,p,a),le=await re(oe);return C.add(le.locatorHash),[Ne.descriptorHash,le]}))),Fe=(await of(async()=>await s.getCandidates(O,he,a),Ne=>`${tr(this.configuration,O)}: ${Ne}`))[0];if(typeof Fe>"u")throw new Error(`${tr(this.configuration,O)}: No candidates found`);return l.set(O.descriptorHash,O),u.set(O.descriptorHash,Fe.locatorHash),A(Fe)},re=O=>{let F=h.get(O.descriptorHash);if(typeof F<"u")return F;l.set(O.descriptorHash,O);let ue=Promise.resolve().then(()=>ge(O));return h.set(O.descriptorHash,ue),ue};for(let O of this.workspaces){let F=O.anchoredDescriptor;y.push(re(F))}for(;y.length>0;){let O=[...y];y.length=0,await $s(O)}});let D=new Set(this.resolutionAliases.values()),L=new Set(c.keys()),H=new Set,j=new Map;LOe({project:this,report:e.report,accessibleLocators:H,volatileDescriptors:D,optionalBuilds:L,peerRequirements:j,allDescriptors:l,allResolutions:u,allPackages:c});for(let W of C)L.delete(W);for(let W of D)l.delete(W),u.delete(W);let $=new Set,V=new Set;for(let W of c.values())W.conditions!=null&&(!L.has(W.locatorHash)||(mw(W,v)||(mw(W,B)&&e.report.reportWarningOnce(77,`${mt(this.configuration,W)}: Your current architecture (${process.platform}-${process.arch}) is supported by this package, but is missing from the ${Ze(this.configuration,"supportedArchitectures",vi.SETTING)} setting`),V.add(W.locatorHash)),$.add(W.locatorHash)));this.storedResolutions=u,this.storedDescriptors=l,this.storedPackages=c,this.accessibleLocators=H,this.conditionalLocators=$,this.disabledLocators=V,this.originalPackages=g,this.optionalBuilds=L,this.peerRequirements=j,this.refreshWorkspaceDependencies()}async fetchEverything({cache:e,report:t,fetcher:i,mode:n}){let s={mockedPackages:this.disabledLocators,unstablePackages:this.conditionalLocators},o=i||this.configuration.makeFetcher(),a={checksums:this.storedChecksums,project:this,cache:e,fetcher:o,report:t,cacheOptions:s},l=Array.from(new Set(wn(this.storedResolutions.values(),[f=>{let h=this.storedPackages.get(f);if(!h)throw new Error("Assertion failed: The locator should have been registered");return hs(h)}])));n==="update-lockfile"&&(l=l.filter(f=>!this.storedChecksums.has(f)));let c=!1,u=Si.progressViaCounter(l.length);await t.reportProgress(u);let g=(0,YZ.default)(ROe);if(await t.startCacheReport(async()=>{await $s(l.map(f=>g(async()=>{let h=this.storedPackages.get(f);if(!h)throw new Error("Assertion failed: The locator should have been registered");if(Uo(h))return;let p;try{p=await o.fetch(h,a)}catch(C){C.message=`${mt(this.configuration,h)}: ${C.message}`,t.reportExceptionOnce(C),c=C;return}p.checksum!=null?this.storedChecksums.set(h.locatorHash,p.checksum):this.storedChecksums.delete(h.locatorHash),p.releaseFs&&p.releaseFs()}).finally(()=>{u.tick()})))}),c)throw c}async linkEverything({cache:e,report:t,fetcher:i,mode:n}){var ae,ge,re;let s={mockedPackages:this.disabledLocators,unstablePackages:this.conditionalLocators,skipIntegrityCheck:!0},o=i||this.configuration.makeFetcher(),a={checksums:this.storedChecksums,project:this,cache:e,fetcher:o,report:t,skipIntegrityCheck:!0,cacheOptions:s},l=this.configuration.getLinkers(),c={project:this,report:t},u=new Map(l.map(O=>{let F=O.makeInstaller(c),ue=F.getCustomDataKey(),he=this.installersCustomData.get(ue);return typeof he<"u"&&F.attachCustomData(he),[O,F]})),g=new Map,f=new Map,h=new Map,p=new Map(await $s([...this.accessibleLocators].map(async O=>{let F=this.storedPackages.get(O);if(!F)throw new Error("Assertion failed: The locator should have been registered");return[O,await o.fetch(F,a)]}))),C=[];for(let O of this.accessibleLocators){let F=this.storedPackages.get(O);if(typeof F>"u")throw new Error("Assertion failed: The locator should have been registered");let ue=p.get(F.locatorHash);if(typeof ue>"u")throw new Error("Assertion failed: The fetch result should have been registered");let he=[],ke=Ne=>{he.push(Ne)},Fe=this.tryWorkspaceByLocator(F);if(Fe!==null){let Ne=[],{scripts:oe}=Fe.manifest;for(let we of["preinstall","install","postinstall"])oe.has(we)&&Ne.push([0,we]);try{for(let[we,fe]of u)if(we.supportsPackage(F,c)&&(await fe.installPackage(F,ue,{holdFetchResult:ke})).buildDirective!==null)throw new Error("Assertion failed: Linkers can't return build directives for workspaces; this responsibility befalls to the Yarn core")}finally{he.length===0?(ae=ue.releaseFs)==null||ae.call(ue):C.push($s(he).catch(()=>{}).then(()=>{var we;(we=ue.releaseFs)==null||we.call(ue)}))}let le=x.join(ue.packageFs.getRealPath(),ue.prefixPath);f.set(F.locatorHash,le),!Uo(F)&&Ne.length>0&&h.set(F.locatorHash,{directives:Ne,buildLocations:[le]})}else{let Ne=l.find(we=>we.supportsPackage(F,c));if(!Ne)throw new at(12,`${mt(this.configuration,F)} isn't supported by any available linker`);let oe=u.get(Ne);if(!oe)throw new Error("Assertion failed: The installer should have been registered");let le;try{le=await oe.installPackage(F,ue,{holdFetchResult:ke})}finally{he.length===0?(ge=ue.releaseFs)==null||ge.call(ue):C.push($s(he).then(()=>{}).then(()=>{var we;(we=ue.releaseFs)==null||we.call(ue)}))}g.set(F.locatorHash,Ne),f.set(F.locatorHash,le.packageLocation),le.buildDirective&&le.buildDirective.length>0&&le.packageLocation&&h.set(F.locatorHash,{directives:le.buildDirective,buildLocations:[le.packageLocation]})}}let y=new Map;for(let O of this.accessibleLocators){let F=this.storedPackages.get(O);if(!F)throw new Error("Assertion failed: The locator should have been registered");let ue=this.tryWorkspaceByLocator(F)!==null,he=async(ke,Fe)=>{let Ne=f.get(F.locatorHash);if(typeof Ne>"u")throw new Error(`Assertion failed: The package (${mt(this.configuration,F)}) should have been registered`);let oe=[];for(let le of F.dependencies.values()){let we=this.storedResolutions.get(le.descriptorHash);if(typeof we>"u")throw new Error(`Assertion failed: The resolution (${tr(this.configuration,le)}, from ${mt(this.configuration,F)})should have been registered`);let fe=this.storedPackages.get(we);if(typeof fe>"u")throw new Error(`Assertion failed: The package (${we}, resolved from ${tr(this.configuration,le)}) should have been registered`);let Ae=this.tryWorkspaceByLocator(fe)===null?g.get(we):null;if(typeof Ae>"u")throw new Error(`Assertion failed: The package (${we}, resolved from ${tr(this.configuration,le)}) should have been registered`);Ae===ke||Ae===null?f.get(fe.locatorHash)!==null&&oe.push([le,fe]):!ue&&Ne!==null&&nf(y,we).push(Ne)}Ne!==null&&await Fe.attachInternalDependencies(F,oe)};if(ue)for(let[ke,Fe]of u)ke.supportsPackage(F,c)&&await he(ke,Fe);else{let ke=g.get(F.locatorHash);if(!ke)throw new Error("Assertion failed: The linker should have been found");let Fe=u.get(ke);if(!Fe)throw new Error("Assertion failed: The installer should have been registered");await he(ke,Fe)}}for(let[O,F]of y){let ue=this.storedPackages.get(O);if(!ue)throw new Error("Assertion failed: The package should have been registered");let he=g.get(ue.locatorHash);if(!he)throw new Error("Assertion failed: The linker should have been found");let ke=u.get(he);if(!ke)throw new Error("Assertion failed: The installer should have been registered");await ke.attachExternalDependents(ue,F)}let B=new Map;for(let O of u.values()){let F=await O.finalizeInstall();for(let ue of(re=F==null?void 0:F.records)!=null?re:[])h.set(ue.locatorHash,{directives:ue.buildDirective,buildLocations:ue.buildLocations});typeof(F==null?void 0:F.customData)<"u"&&B.set(O.getCustomDataKey(),F.customData)}if(this.installersCustomData=B,await $s(C),n==="skip-build")return;let v=new Set(this.storedPackages.keys()),D=new Set(h.keys());for(let O of D)v.delete(O);let L=(0,D0.createHash)("sha512");L.update(process.versions.node),await this.configuration.triggerHook(O=>O.globalHashGeneration,this,O=>{L.update("\0"),L.update(O)});let H=L.digest("hex"),j=new Map,$=O=>{let F=j.get(O.locatorHash);if(typeof F<"u")return F;let ue=this.storedPackages.get(O.locatorHash);if(typeof ue>"u")throw new Error("Assertion failed: The package should have been registered");let he=(0,D0.createHash)("sha512");he.update(O.locatorHash),j.set(O.locatorHash,"<recursive>");for(let ke of ue.dependencies.values()){let Fe=this.storedResolutions.get(ke.descriptorHash);if(typeof Fe>"u")throw new Error(`Assertion failed: The resolution (${tr(this.configuration,ke)}) should have been registered`);let Ne=this.storedPackages.get(Fe);if(typeof Ne>"u")throw new Error("Assertion failed: The package should have been registered");he.update($(Ne))}return F=he.digest("hex"),j.set(O.locatorHash,F),F},V=(O,F)=>{let ue=(0,D0.createHash)("sha512");ue.update(H),ue.update($(O));for(let he of F)ue.update(he);return ue.digest("hex")},W=new Map,Z=!1,A=O=>{let F=new Set([O.locatorHash]);for(let ue of F){let he=this.storedPackages.get(ue);if(!he)throw new Error("Assertion failed: The package should have been registered");for(let ke of he.dependencies.values()){let Fe=this.storedResolutions.get(ke.descriptorHash);if(!Fe)throw new Error(`Assertion failed: The resolution (${tr(this.configuration,ke)}) should have been registered`);if(Fe!==O.locatorHash&&D.has(Fe))return!1;let Ne=this.storedPackages.get(Fe);if(!Ne)throw new Error("Assertion failed: The package should have been registered");let oe=this.tryWorkspaceByLocator(Ne);if(oe){if(oe.anchoredLocator.locatorHash!==O.locatorHash&&D.has(oe.anchoredLocator.locatorHash))return!1;F.add(oe.anchoredLocator.locatorHash)}F.add(Fe)}}return!0};for(;D.size>0;){let O=D.size,F=[];for(let ue of D){let he=this.storedPackages.get(ue);if(!he)throw new Error("Assertion failed: The package should have been registered");if(!A(he))continue;let ke=h.get(he.locatorHash);if(!ke)throw new Error("Assertion failed: The build directive should have been registered");let Fe=V(he,ke.buildLocations);if(this.storedBuildState.get(he.locatorHash)===Fe){W.set(he.locatorHash,Fe),D.delete(ue);continue}Z||(await this.persistInstallStateFile(),Z=!0),this.storedBuildState.has(he.locatorHash)?t.reportInfo(8,`${mt(this.configuration,he)} must be rebuilt because its dependency tree changed`):t.reportInfo(7,`${mt(this.configuration,he)} must be built because it never has been before or the last one failed`);let Ne=ke.buildLocations.map(async oe=>{if(!x.isAbsolute(oe))throw new Error(`Assertion failed: Expected the build location to be absolute (not ${oe})`);for(let[le,we]of ke.directives){let fe=`# This file contains the result of Yarn building a package (${hs(he)})
-`;switch(le){case 0:fe+=`# Script name: ${we}
-`;break;case 1:fe+=`# Script code: ${we}
-`;break}let Ae=null;if(!await M.mktempPromise(async ne=>{let Y=x.join(ne,"build.log"),{stdout:pe,stderr:ie}=this.configuration.getSubprocessStreams(Y,{header:fe,prefix:mt(this.configuration,he),report:t}),de;try{switch(le){case 0:de=await wB(he,we,[],{cwd:oe,project:this,stdin:Ae,stdout:pe,stderr:ie});break;case 1:de=await DR(he,we,[],{cwd:oe,project:this,stdin:Ae,stdout:pe,stderr:ie});break}}catch(Pt){ie.write(Pt.stack),de=1}if(pe.end(),ie.end(),de===0)return!0;M.detachTemp(ne);let tt=`${mt(this.configuration,he)} couldn't be built successfully (exit code ${Ze(this.configuration,de,Ue.NUMBER)}, logs can be found here: ${Ze(this.configuration,Y,Ue.PATH)})`;return this.optionalBuilds.has(he.locatorHash)?(t.reportInfo(9,tt),!0):(t.reportError(9,tt),!1)}))return!1}return!0});F.push(...Ne,Promise.allSettled(Ne).then(oe=>{D.delete(ue),oe.every(le=>le.status==="fulfilled"&&le.value===!0)&&W.set(he.locatorHash,Fe)}))}if(await $s(F),O===D.size){let ue=Array.from(D).map(he=>{let ke=this.storedPackages.get(he);if(!ke)throw new Error("Assertion failed: The package should have been registered");return mt(this.configuration,ke)}).join(", ");t.reportError(3,`Some packages have circular dependencies that make their build order unsatisfiable - as a result they won't be built (affected packages are: ${ue})`);break}}this.storedBuildState=W}async install(e){var a,l;let t=this.configuration.get("nodeLinker");(a=ye.telemetry)==null||a.reportInstall(t),await e.report.startTimerPromise("Project validation",{skipIfEmpty:!0},async()=>{await this.configuration.triggerHook(c=>c.validateProject,this,{reportWarning:e.report.reportWarning.bind(e.report),reportError:e.report.reportError.bind(e.report)})});for(let c of this.configuration.packageExtensions.values())for(let[,u]of c)for(let g of u)g.status="inactive";let i=x.join(this.cwd,this.configuration.get("lockfileFilename")),n=null;if(e.immutable)try{n=await M.readFilePromise(i,"utf8")}catch(c){throw c.code==="ENOENT"?new at(28,"The lockfile would have been created by this install, which is explicitly forbidden."):c}await e.report.startTimerPromise("Resolution step",async()=>{await this.resolveEverything(e)}),await e.report.startTimerPromise("Post-resolution validation",{skipIfEmpty:!0},async()=>{for(let[,c]of this.configuration.packageExtensions)for(let[,u]of c)for(let g of u)if(g.userProvided){let f=Ze(this.configuration,g,Ue.PACKAGE_EXTENSION);switch(g.status){case"inactive":e.report.reportWarning(68,`${f}: No matching package in the dependency tree; you may not need this rule anymore.`);break;case"redundant":e.report.reportWarning(69,`${f}: This rule seems redundant when applied on the original package; the extension may have been applied upstream.`);break}}if(n!==null){let c=Tl(n,this.generateLockfile());if(c!==n){let u=RX(i,i,n,c,void 0,void 0,{maxEditLength:100});if(u){e.report.reportSeparator();for(let g of u.hunks){e.report.reportInfo(null,`@@ -${g.oldStart},${g.oldLines} +${g.newStart},${g.newLines} @@`);for(let f of g.lines)f.startsWith("+")?e.report.reportError(28,Ze(this.configuration,f,Ue.ADDED)):f.startsWith("-")?e.report.reportError(28,Ze(this.configuration,f,Ue.REMOVED)):e.report.reportInfo(null,Ze(this.configuration,f,"grey"))}e.report.reportSeparator()}throw new at(28,"The lockfile would have been modified by this install, which is explicitly forbidden.")}}});for(let c of this.configuration.packageExtensions.values())for(let[,u]of c)for(let g of u)g.userProvided&&g.status==="active"&&((l=ye.telemetry)==null||l.reportPackageExtension(cc(g,Ue.PACKAGE_EXTENSION)));await e.report.startTimerPromise("Fetch step",async()=>{await this.fetchEverything(e),(typeof e.persistProject>"u"||e.persistProject)&&e.mode!=="update-lockfile"&&await this.cacheCleanup(e)});let s=e.immutable?[...new Set(this.configuration.get("immutablePatterns"))].sort():[],o=await Promise.all(s.map(async c=>gw(c,{cwd:this.cwd})));(typeof e.persistProject>"u"||e.persistProject)&&await this.persist(),await e.report.startTimerPromise("Link step",async()=>{if(e.mode==="update-lockfile"){e.report.reportWarning(73,`Skipped due to ${Ze(this.configuration,"mode=update-lockfile",Ue.CODE)}`);return}await this.linkEverything(e);let c=await Promise.all(s.map(async u=>gw(u,{cwd:this.cwd})));for(let u=0;u<s.length;++u)o[u]!==c[u]&&e.report.reportError(64,`The checksum for ${s[u]} has been modified by this install, which is explicitly forbidden.`)}),await this.persistInstallStateFile(),await this.configuration.triggerHook(c=>c.afterAllInstalled,this,e)}generateLockfile(){let e=new Map;for(let[n,s]of this.storedResolutions.entries()){let o=e.get(s);o||e.set(s,o=new Set),o.add(n)}let t={};t.__metadata={version:UZ,cacheKey:void 0};for(let[n,s]of e.entries()){let o=this.originalPackages.get(n);if(!o)continue;let a=[];for(let f of s){let h=this.storedDescriptors.get(f);if(!h)throw new Error("Assertion failed: The descriptor should have been registered");a.push(h)}let l=a.map(f=>Qn(f)).sort().join(", "),c=new ot;c.version=o.linkType==="HARD"?o.version:"0.0.0-use.local",c.languageName=o.languageName,c.dependencies=new Map(o.dependencies),c.peerDependencies=new Map(o.peerDependencies),c.dependenciesMeta=new Map(o.dependenciesMeta),c.peerDependenciesMeta=new Map(o.peerDependenciesMeta),c.bin=new Map(o.bin);let u,g=this.storedChecksums.get(o.locatorHash);if(typeof g<"u"){let f=g.indexOf("/");if(f===-1)throw new Error("Assertion failed: Expected the checksum to reference its cache key");let h=g.slice(0,f),p=g.slice(f+1);typeof t.__metadata.cacheKey>"u"&&(t.__metadata.cacheKey=h),h===t.__metadata.cacheKey?u=p:u=g}t[l]={...c.exportTo({},{compatibilityMode:!1}),linkType:o.linkType.toLowerCase(),resolution:hs(o),checksum:u,conditions:o.conditions||void 0}}return`${[`# This file is generated by running "yarn install" inside your project.
-`,`# Manual changes might be lost - proceed with caution!
-`].join("")}
-`+Ca(t)}async persistLockfile(){let e=x.join(this.cwd,this.configuration.get("lockfileFilename")),t="";try{t=await M.readFilePromise(e,"utf8")}catch{}let i=this.generateLockfile(),n=Tl(t,i);n!==t&&(await M.writeFilePromise(e,n),this.lockFileChecksum=GZ(n),this.lockfileNeedsRefresh=!1)}async persistInstallStateFile(){let e=[];for(let o of Object.values(CN))e.push(...o);let t=(0,k0.default)(this,e),i=mN.default.serialize(t),n=Zi(i);if(this.installStateChecksum===n)return;let s=this.configuration.get("installStatePath");await M.mkdirPromise(x.dirname(s),{recursive:!0}),await M.writeFilePromise(s,await FOe(i)),this.installStateChecksum=n}async restoreInstallState({restoreInstallersCustomData:e=!0,restoreResolutions:t=!0,restoreBuildState:i=!0}={}){let n=this.configuration.get("installStatePath"),s;try{let o=await NOe(await M.readFilePromise(n));s=mN.default.deserialize(o),this.installStateChecksum=Zi(o)}catch{t&&await this.applyLightResolution();return}e&&typeof s.installersCustomData<"u"&&(this.installersCustomData=s.installersCustomData),i&&Object.assign(this,(0,k0.default)(s,CN.restoreBuildState)),t&&(s.lockFileChecksum===this.lockFileChecksum?(Object.assign(this,(0,k0.default)(s,CN.restoreResolutions)),this.refreshWorkspaceDependencies()):await this.applyLightResolution())}async applyLightResolution(){await this.resolveEverything({lockfileOnly:!0,report:new ti}),await this.persistInstallStateFile()}async persist(){await this.persistLockfile();for(let e of this.workspacesByCwd.values())await e.persistManifest()}async cacheCleanup({cache:e,report:t}){if(this.configuration.get("enableGlobalCache"))return;let i=new Set([".gitignore"]);if(!LD(e.cwd,this.cwd)||!await M.existsPromise(e.cwd))return;let n=this.configuration.get("preferAggregateCacheInfo"),s=0,o=null;for(let a of await M.readdirPromise(e.cwd)){if(i.has(a))continue;let l=x.resolve(e.cwd,a);e.markedFiles.has(l)||(o=a,e.immutable?t.reportError(56,`${Ze(this.configuration,x.basename(l),"magenta")} appears to be unused and would be marked for deletion, but the cache is immutable`):(n?s+=1:t.reportInfo(19,`${Ze(this.configuration,x.basename(l),"magenta")} appears to be unused - removing`),await M.removePromise(l)))}n&&s!==0&&t.reportInfo(19,s>1?`${s} packages appeared to be unused and were removed`:`${o} appeared to be unused and was removed`),e.markedFiles.clear()}};function LOe({project:r,allDescriptors:e,allResolutions:t,allPackages:i,accessibleLocators:n=new Set,optionalBuilds:s=new Set,peerRequirements:o=new Map,volatileDescriptors:a=new Set,report:l}){var V;let c=new Map,u=[],g=new Map,f=new Map,h=new Map,p=new Map,C=new Map,y=new Map(r.workspaces.map(W=>{let Z=W.anchoredLocator.locatorHash,A=i.get(Z);if(typeof A>"u")throw new Error("Assertion failed: The workspace should have an associated package");return[Z,qd(A)]})),B=()=>{let W=M.mktempSync(),Z=x.join(W,"stacktrace.log"),A=String(u.length+1).length,ae=u.map((ge,re)=>`${`${re+1}.`.padStart(A," ")} ${hs(ge)}
-`).join("");throw M.writeFileSync(Z,ae),M.detachTemp(W),new at(45,`Encountered a stack overflow when resolving peer dependencies; cf ${K.fromPortablePath(Z)}`)},v=W=>{let Z=t.get(W.descriptorHash);if(typeof Z>"u")throw new Error("Assertion failed: The resolution should have been registered");let A=i.get(Z);if(!A)throw new Error("Assertion failed: The package could not be found");return A},D=(W,Z,A,{top:ae,optional:ge})=>{u.length>1e3&&B(),u.push(Z);let re=L(W,Z,A,{top:ae,optional:ge});return u.pop(),re},L=(W,Z,A,{top:ae,optional:ge})=>{if(n.has(Z.locatorHash))return;n.add(Z.locatorHash),ge||s.delete(Z.locatorHash);let re=i.get(Z.locatorHash);if(!re)throw new Error(`Assertion failed: The package (${mt(r.configuration,Z)}) should have been registered`);let O=[],F=[],ue=[],he=[],ke=[];for(let Ne of Array.from(re.dependencies.values())){if(re.peerDependencies.has(Ne.identHash)&&re.locatorHash!==ae)continue;if(OA(Ne))throw new Error("Assertion failed: Virtual packages shouldn't be encountered when virtualizing a branch");a.delete(Ne.descriptorHash);let oe=ge;if(!oe){let Y=re.dependenciesMeta.get(Ot(Ne));if(typeof Y<"u"){let pe=Y.get(null);typeof pe<"u"&&pe.optional&&(oe=!0)}}let le=t.get(Ne.descriptorHash);if(!le)throw new Error(`Assertion failed: The resolution (${tr(r.configuration,Ne)}) should have been registered`);let we=y.get(le)||i.get(le);if(!we)throw new Error(`Assertion failed: The package (${le}, resolved from ${tr(r.configuration,Ne)}) should have been registered`);if(we.peerDependencies.size===0){D(Ne,we,new Map,{top:ae,optional:oe});continue}let fe,Ae,qe=new Set,ne;F.push(()=>{fe=SD(Ne,Z.locatorHash),Ae=vD(we,Z.locatorHash),re.dependencies.delete(Ne.identHash),re.dependencies.set(fe.identHash,fe),t.set(fe.descriptorHash,Ae.locatorHash),e.set(fe.descriptorHash,fe),i.set(Ae.locatorHash,Ae),O.push([we,fe,Ae])}),ue.push(()=>{var Y;ne=new Map;for(let pe of Ae.peerDependencies.values()){let ie=re.dependencies.get(pe.identHash);if(!ie&&zd(Z,pe)&&(W.identHash===Z.identHash?ie=W:(ie=Zt(Z,W.range),e.set(ie.descriptorHash,ie),t.set(ie.descriptorHash,Z.locatorHash),a.delete(ie.descriptorHash))),(!ie||ie.range==="missing:")&&Ae.dependencies.has(pe.identHash)){Ae.peerDependencies.delete(pe.identHash);continue}ie||(ie=Zt(pe,"missing:")),Ae.dependencies.set(ie.identHash,ie),OA(ie)&&lc(h,ie.descriptorHash).add(Ae.locatorHash),g.set(ie.identHash,ie),ie.range==="missing:"&&qe.add(ie.identHash),ne.set(pe.identHash,(Y=A.get(pe.identHash))!=null?Y:Ae.locatorHash)}Ae.dependencies=new Map(wn(Ae.dependencies,([pe,ie])=>Ot(ie)))}),he.push(()=>{if(!i.has(Ae.locatorHash))return;let Y=c.get(we.locatorHash);typeof Y=="number"&&Y>=2&&B();let pe=c.get(we.locatorHash),ie=typeof pe<"u"?pe+1:1;c.set(we.locatorHash,ie),D(fe,Ae,ne,{top:ae,optional:oe}),c.set(we.locatorHash,ie-1)}),ke.push(()=>{let Y=re.dependencies.get(Ne.identHash);if(typeof Y>"u")throw new Error("Assertion failed: Expected the peer dependency to have been turned into a dependency");let pe=t.get(Y.descriptorHash);if(typeof pe>"u")throw new Error("Assertion failed: Expected the descriptor to be registered");if(lc(C,pe).add(Z.locatorHash),!!i.has(Ae.locatorHash)){for(let ie of Ae.peerDependencies.values()){let de=ne.get(ie.identHash);if(typeof de>"u")throw new Error("Assertion failed: Expected the peer dependency ident to be registered");nf(sf(p,de),Ot(ie)).push(Ae.locatorHash)}for(let ie of qe)Ae.dependencies.delete(ie)}})}for(let Ne of[...F,...ue])Ne();let Fe;do{Fe=!0;for(let[Ne,oe,le]of O){let we=sf(f,Ne.locatorHash),fe=Zi(...[...le.dependencies.values()].map(Y=>{let pe=Y.range!=="missing:"?t.get(Y.descriptorHash):"missing:";if(typeof pe>"u")throw new Error(`Assertion failed: Expected the resolution for ${tr(r.configuration,Y)} to have been registered`);return pe===ae?`${pe} (top)`:pe}),oe.identHash),Ae=we.get(fe);if(typeof Ae>"u"){we.set(fe,oe);continue}if(Ae===oe)continue;i.delete(le.locatorHash),e.delete(oe.descriptorHash),t.delete(oe.descriptorHash),n.delete(le.locatorHash);let qe=h.get(oe.descriptorHash)||[],ne=[re.locatorHash,...qe];h.delete(oe.descriptorHash);for(let Y of ne){let pe=i.get(Y);typeof pe>"u"||(pe.dependencies.get(oe.identHash).descriptorHash!==Ae.descriptorHash&&(Fe=!1),pe.dependencies.set(oe.identHash,Ae))}}}while(!Fe);for(let Ne of[...he,...ke])Ne()};for(let W of r.workspaces){let Z=W.anchoredLocator;a.delete(W.anchoredDescriptor.descriptorHash),D(W.anchoredDescriptor,Z,new Map,{top:Z.locatorHash,optional:!1})}let H;(A=>(A[A.NotProvided=0]="NotProvided",A[A.NotCompatible=1]="NotCompatible"))(H||(H={}));let j=[];for(let[W,Z]of C){let A=i.get(W);if(typeof A>"u")throw new Error("Assertion failed: Expected the root to be registered");let ae=p.get(W);if(!(typeof ae>"u"))for(let ge of Z){let re=i.get(ge);if(!(typeof re>"u"))for(let[O,F]of ae){let ue=_i(O);if(re.peerDependencies.has(ue.identHash))continue;let he=`p${Zi(ge,O,W).slice(0,5)}`;o.set(he,{subject:ge,requested:ue,rootRequester:W,allRequesters:F});let ke=A.dependencies.get(ue.identHash);if(typeof ke<"u"){let Fe=v(ke),Ne=(V=Fe.version)!=null?V:"0.0.0",oe=new Set;for(let we of F){let fe=i.get(we);if(typeof fe>"u")throw new Error("Assertion failed: Expected the link to be registered");let Ae=fe.peerDependencies.get(ue.identHash);if(typeof Ae>"u")throw new Error("Assertion failed: Expected the ident to be registered");oe.add(Ae.range)}[...oe].every(we=>{if(we.startsWith(jr.protocol)){if(!r.tryWorkspaceByLocator(Fe))return!1;we=we.slice(jr.protocol.length),(we==="^"||we==="~")&&(we="*")}return mc(Ne,we)})||j.push({type:1,subject:re,requested:ue,requester:A,version:Ne,hash:he,requirementCount:F.length})}else{let Fe=A.peerDependenciesMeta.get(O);Fe!=null&&Fe.optional||j.push({type:0,subject:re,requested:ue,requester:A,hash:he})}}}}let $=[W=>xD(W.subject),W=>Ot(W.requested),W=>`${W.type}`];l==null||l.startSectionSync({reportFooter:()=>{l.reportWarning(0,`Some peer dependencies are incorrectly met; run ${Ze(r.configuration,"yarn explain peer-requirements <hash>",Ue.CODE)} for details, where ${Ze(r.configuration,"<hash>",Ue.CODE)} is the six-letter p-prefixed code`)},skipIfEmpty:!0},()=>{for(let W of wn(j,$))switch(W.type){case 0:l.reportWarning(2,`${mt(r.configuration,W.subject)} doesn't provide ${Ai(r.configuration,W.requested)} (${Ze(r.configuration,W.hash,Ue.CODE)}), requested by ${Ai(r.configuration,W.requester)}`);break;case 1:{let Z=W.requirementCount>1?"and some of its descendants request":"requests";l.reportWarning(60,`${mt(r.configuration,W.subject)} provides ${Ai(r.configuration,W.requested)} (${Ze(r.configuration,W.hash,Ue.CODE)}) with version ${_d(r.configuration,W.version)}, which doesn't satisfy what ${Ai(r.configuration,W.requester)} ${Z}`)}break}})}var hh=class{constructor(e,t){this.values=new Map;this.hits=new Map;this.enumerators=new Map;this.configuration=e;let i=this.getRegistryPath();this.isNew=!M.existsSync(i),this.sendReport(t),this.startBuffer()}reportVersion(e){this.reportValue("version",e.replace(/-git\..*/,"-git"))}reportCommandName(e){this.reportValue("commandName",e||"<none>")}reportPluginName(e){this.reportValue("pluginName",e)}reportProject(e){this.reportEnumerator("projectCount",e)}reportInstall(e){this.reportHit("installCount",e)}reportPackageExtension(e){this.reportValue("packageExtension",e)}reportWorkspaceCount(e){this.reportValue("workspaceCount",String(e))}reportDependencyCount(e){this.reportValue("dependencyCount",String(e))}reportValue(e,t){lc(this.values,e).add(t)}reportEnumerator(e,t){lc(this.enumerators,e).add(Zi(t))}reportHit(e,t="*"){let i=sf(this.hits,e),n=xa(i,t,()=>0);i.set(t,n+1)}getRegistryPath(){let e=this.configuration.get("globalFolder");return x.join(e,"telemetry.json")}sendReport(e){var u,g,f;let t=this.getRegistryPath(),i;try{i=M.readJsonSync(t)}catch{i={}}let n=Date.now(),s=this.configuration.get("telemetryInterval")*24*60*60*1e3,a=((u=i.lastUpdate)!=null?u:n+s+Math.floor(s*Math.random()))+s;if(a>n&&i.lastUpdate!=null)return;try{M.mkdirSync(x.dirname(t),{recursive:!0}),M.writeJsonSync(t,{lastUpdate:n})}catch{return}if(a>n||!i.blocks)return;let l=`https://browser-http-intake.logs.datadoghq.eu/v1/input/${e}?ddsource=yarn`,c=h=>pR(l,h,{configuration:this.configuration}).catch(()=>{});for(let[h,p]of Object.entries((g=i.blocks)!=null?g:{})){if(Object.keys(p).length===0)continue;let C=p;C.userId=h,C.reportType="primary";for(let v of Object.keys((f=C.enumerators)!=null?f:{}))C.enumerators[v]=C.enumerators[v].length;c(C);let y=new Map,B=20;for(let[v,D]of Object.entries(C.values))D.length>0&&y.set(v,D.slice(0,B));for(;y.size>0;){let v={};v.userId=h,v.reportType="secondary",v.metrics={};for(let[D,L]of y)v.metrics[D]=L.shift(),L.length===0&&y.delete(D);c(v)}}}applyChanges(){var o,a,l,c,u,g,f,h,p;let e=this.getRegistryPath(),t;try{t=M.readJsonSync(e)}catch{t={}}let i=(o=this.configuration.get("telemetryUserId"))!=null?o:"*",n=t.blocks=(a=t.blocks)!=null?a:{},s=n[i]=(l=n[i])!=null?l:{};for(let C of this.hits.keys()){let y=s.hits=(c=s.hits)!=null?c:{},B=y[C]=(u=y[C])!=null?u:{};for(let[v,D]of this.hits.get(C))B[v]=((g=B[v])!=null?g:0)+D}for(let C of["values","enumerators"])for(let y of this[C].keys()){let B=s[C]=(f=s[C])!=null?f:{};B[y]=[...new Set([...(h=B[y])!=null?h:[],...(p=this[C].get(y))!=null?p:[]])]}M.mkdirSync(x.dirname(e),{recursive:!0}),M.writeJsonSync(e,t)}startBuffer(){process.on("exit",()=>{try{this.applyChanges()}catch{}})}};var yN=J("child_process"),qZ=Pe(Vl());var wN=J("fs");var ph=new Map([["constraints",[["constraints","query"],["constraints","source"],["constraints"]]],["exec",[]],["interactive-tools",[["search"],["upgrade-interactive"]]],["stage",[["stage"]]],["typescript",[]],["version",[["version","apply"],["version","check"],["version"]]],["workspace-tools",[["workspaces","focus"],["workspaces","foreach"]]]]);function TOe(r){let e=K.fromPortablePath(r);process.on("SIGINT",()=>{}),e?(0,yN.execFileSync)(process.execPath,[e,...process.argv.slice(2)],{stdio:"inherit",env:{...process.env,YARN_IGNORE_PATH:"1",YARN_IGNORE_CWD:"1"}}):(0,yN.execFileSync)(e,process.argv.slice(2),{stdio:"inherit",env:{...process.env,YARN_IGNORE_PATH:"1",YARN_IGNORE_CWD:"1"}})}async function R0({binaryVersion:r,pluginConfiguration:e}){async function t(){let n=new Kn({binaryLabel:"Yarn Package Manager",binaryName:"yarn",binaryVersion:r});try{await i(n)}catch(s){process.stdout.write(n.error(s)),process.exitCode=1}}async function i(n){var C,y,B,v,D;let s=process.versions.node,o=">=12 <14 || 14.2 - 14.9 || >14.10.0";if(!Ie.parseOptionalBoolean(process.env.YARN_IGNORE_NODE)&&!vt.satisfiesWithPrereleases(s,o))throw new be(`This tool requires a Node version compatible with ${o} (got ${s}). Upgrade Node, or set \`YARN_IGNORE_NODE=1\` in your environment.`);let l=await ye.find(K.toPortablePath(process.cwd()),e,{usePath:!0,strict:!1}),c=l.get("yarnPath"),u=l.get("ignorePath"),g=l.get("ignoreCwd"),f=K.toPortablePath(K.resolve(process.argv[1])),h=L=>M.readFilePromise(L).catch(()=>Buffer.of());if(!u&&!g&&await(async()=>c===f||Buffer.compare(...await Promise.all([h(c),h(f)]))===0)()){process.env.YARN_IGNORE_PATH="1",process.env.YARN_IGNORE_CWD="1",await i(n);return}else if(c!==null&&!u)if(!M.existsSync(c))process.stdout.write(n.error(new Error(`The "yarn-path" option has been set (in ${l.sources.get("yarnPath")}), but the specified location doesn't exist (${c}).`))),process.exitCode=1;else try{TOe(c)}catch(L){process.exitCode=L.code||1}else{u&&delete process.env.YARN_IGNORE_PATH,l.get("enableTelemetry")&&!qZ.isCI&&process.stdout.isTTY&&(ye.telemetry=new hh(l,"puba9cdc10ec5790a2cf4969dd413a47270")),(C=ye.telemetry)==null||C.reportVersion(r);for(let[$,V]of l.plugins.entries()){ph.has((B=(y=$.match(/^@yarnpkg\/plugin-(.*)$/))==null?void 0:y[1])!=null?B:"")&&((v=ye.telemetry)==null||v.reportPluginName($));for(let W of V.commands||[])n.register(W)}let H=n.process(process.argv.slice(2));H.help||(D=ye.telemetry)==null||D.reportCommandName(H.path.join(" "));let j=H.cwd;if(typeof j<"u"&&!g){let $=(0,wN.realpathSync)(process.cwd()),V=(0,wN.realpathSync)(j);if($!==V){process.chdir(j),await t();return}}await n.runExit(H,{cwd:K.toPortablePath(process.cwd()),plugins:e,quiet:!1,stdin:process.stdin,stdout:process.stdout,stderr:process.stderr})}}return t().catch(n=>{process.stdout.write(n.stack||n.message),process.exitCode=1}).finally(()=>M.rmtempPromise())}function JZ(r){r.Command.Path=(...e)=>t=>{t.paths=t.paths||[],t.paths.push(e)};for(let e of["Array","Boolean","String","Proxy","Rest","Counter"])r.Command[e]=(...t)=>(i,n)=>{let s=r.Option[e](...t);Object.defineProperty(i,`__${n}`,{configurable:!1,enumerable:!0,get(){return s},set(o){this[n]=o}})};return r}var Qm={};ut(Qm,{BaseCommand:()=>De,WorkspaceRequiredError:()=>ct,getDynamicLibs:()=>sie,getPluginConfiguration:()=>rQ,main:()=>R0,openWorkspace:()=>Ph,pluginCommands:()=>ph});var De=class extends ve{constructor(){super(...arguments);this.cwd=z.String("--cwd",{hidden:!0})}};var ct=class extends be{constructor(e,t){let i=x.relative(e,t),n=x.join(e,ot.fileName);super(`This command can only be run from within a workspace of your project (${i} isn't a workspace of ${n}).`)}};var GGe=Pe(Xr());ns();var YGe=Pe(IL()),sie=()=>new Map([["@yarnpkg/cli",Qm],["@yarnpkg/core",VC],["@yarnpkg/fslib",Lp],["@yarnpkg/libzip",CC],["@yarnpkg/parsers",Yp],["@yarnpkg/shell",yC],["clipanion",$p],["semver",GGe],["typanion",gn],["yup",YGe]]);async function Ph(r,e){let{project:t,workspace:i}=await je.find(r,e);if(!i)throw new ct(t.cwd,e);return i}var m6e=Pe(Xr());ns();var E6e=Pe(IL());var GT={};ut(GT,{dedupeUtils:()=>fQ,default:()=>t3e,suggestUtils:()=>Fh});var iae=Pe(Vl());var Wne=Pe(Pm());ns();var Fh={};ut(Fh,{Modifier:()=>gT,Strategy:()=>lQ,Target:()=>Dm,WorkspaceModifier:()=>Hne,applyModifier:()=>Yne,extractDescriptorFromPath:()=>fT,extractRangeModifier:()=>Gne,fetchDescriptorFrom:()=>hT,findProjectDescriptors:()=>Jne,getModifier:()=>km,getSuggestedDescriptors:()=>Rm,makeWorkspaceDescriptor:()=>qne,toWorkspaceModifier:()=>jne});var uT=Pe(Xr()),aje="workspace:",Dm=(i=>(i.REGULAR="dependencies",i.DEVELOPMENT="devDependencies",i.PEER="peerDependencies",i))(Dm||{}),gT=(i=>(i.CARET="^",i.TILDE="~",i.EXACT="",i))(gT||{}),Hne=(i=>(i.CARET="^",i.TILDE="~",i.EXACT="*",i))(Hne||{}),lQ=(s=>(s.KEEP="keep",s.REUSE="reuse",s.PROJECT="project",s.LATEST="latest",s.CACHE="cache",s))(lQ||{});function km(r,e){return r.exact?"":r.caret?"^":r.tilde?"~":e.configuration.get("defaultSemverRangePrefix")}var Aje=/^([\^~]?)[0-9]+(?:\.[0-9]+){0,2}(?:-\S+)?$/;function Gne(r,{project:e}){let t=r.match(Aje);return t?t[1]:e.configuration.get("defaultSemverRangePrefix")}function Yne(r,e){let{protocol:t,source:i,params:n,selector:s}=P.parseRange(r.range);return uT.default.valid(s)&&(s=`${e}${r.range}`),P.makeDescriptor(r,P.makeRange({protocol:t,source:i,params:n,selector:s}))}function jne(r){switch(r){case"^":return"^";case"~":return"~";case"":return"*";default:throw new Error(`Assertion failed: Unknown modifier: "${r}"`)}}function qne(r,e){return P.makeDescriptor(r.anchoredDescriptor,`${aje}${jne(e)}`)}async function Jne(r,{project:e,target:t}){let i=new Map,n=s=>{let o=i.get(s.descriptorHash);return o||i.set(s.descriptorHash,o={descriptor:s,locators:[]}),o};for(let s of e.workspaces)if(t==="peerDependencies"){let o=s.manifest.peerDependencies.get(r.identHash);o!==void 0&&n(o).locators.push(s.anchoredLocator)}else{let o=s.manifest.dependencies.get(r.identHash),a=s.manifest.devDependencies.get(r.identHash);t==="devDependencies"?a!==void 0?n(a).locators.push(s.anchoredLocator):o!==void 0&&n(o).locators.push(s.anchoredLocator):o!==void 0?n(o).locators.push(s.anchoredLocator):a!==void 0&&n(a).locators.push(s.anchoredLocator)}return i}async function fT(r,{cwd:e,workspace:t}){return await lje(async i=>{x.isAbsolute(r)||(r=x.relative(t.cwd,x.resolve(e,r)),r.match(/^\.{0,2}\//)||(r=`./${r}`));let{project:n}=t,s=await hT(P.makeIdent(null,"archive"),r,{project:t.project,cache:i,workspace:t});if(!s)throw new Error("Assertion failed: The descriptor should have been found");let o=new ti,a=n.configuration.makeResolver(),l=n.configuration.makeFetcher(),c={checksums:n.storedChecksums,project:n,cache:i,fetcher:l,report:o,resolver:a},u=a.bindDescriptor(s,t.anchoredLocator,c),g=P.convertDescriptorToLocator(u),f=await l.fetch(g,c),h=await ot.find(f.prefixPath,{baseFs:f.packageFs});if(!h.name)throw new Error("Target path doesn't have a name");return P.makeDescriptor(h.name,r)})}async function Rm(r,{project:e,workspace:t,cache:i,target:n,modifier:s,strategies:o,maxResults:a=1/0}){if(!(a>=0))throw new Error(`Invalid maxResults (${a})`);if(r.range!=="unknown")return{suggestions:[{descriptor:r,name:`Use ${P.prettyDescriptor(e.configuration,r)}`,reason:"(unambiguous explicit request)"}],rejections:[]};let l=typeof t<"u"&&t!==null&&t.manifest[n].get(r.identHash)||null,c=[],u=[],g=async f=>{try{await f()}catch(h){u.push(h)}};for(let f of o){if(c.length>=a)break;switch(f){case"keep":await g(async()=>{l&&c.push({descriptor:l,name:`Keep ${P.prettyDescriptor(e.configuration,l)}`,reason:"(no changes)"})});break;case"reuse":await g(async()=>{for(let{descriptor:h,locators:p}of(await Jne(r,{project:e,target:n})).values()){if(p.length===1&&p[0].locatorHash===t.anchoredLocator.locatorHash&&o.includes("keep"))continue;let C=`(originally used by ${P.prettyLocator(e.configuration,p[0])}`;C+=p.length>1?` and ${p.length-1} other${p.length>2?"s":""})`:")",c.push({descriptor:h,name:`Reuse ${P.prettyDescriptor(e.configuration,h)}`,reason:C})}});break;case"cache":await g(async()=>{for(let h of e.storedDescriptors.values())h.identHash===r.identHash&&c.push({descriptor:h,name:`Reuse ${P.prettyDescriptor(e.configuration,h)}`,reason:"(already used somewhere in the lockfile)"})});break;case"project":await g(async()=>{if(t.manifest.name!==null&&r.identHash===t.manifest.name.identHash)return;let h=e.tryWorkspaceByIdent(r);if(h===null)return;let p=qne(h,s);c.push({descriptor:p,name:`Attach ${P.prettyDescriptor(e.configuration,p)}`,reason:`(local workspace at ${ee.pretty(e.configuration,h.relativeCwd,ee.Type.PATH)})`})});break;case"latest":await g(async()=>{if(r.range!=="unknown")c.push({descriptor:r,name:`Use ${P.prettyRange(e.configuration,r.range)}`,reason:"(explicit range requested)"});else if(n==="peerDependencies")c.push({descriptor:P.makeDescriptor(r,"*"),name:"Use *",reason:"(catch-all peer dependency pattern)"});else if(!e.configuration.get("enableNetwork"))c.push({descriptor:null,name:"Resolve from latest",reason:ee.pretty(e.configuration,"(unavailable because enableNetwork is toggled off)","grey")});else{let h=await hT(r,"latest",{project:e,cache:i,workspace:t,preserveModifier:!1});h&&(h=Yne(h,s),c.push({descriptor:h,name:`Use ${P.prettyDescriptor(e.configuration,h)}`,reason:"(resolved from latest)"}))}});break}}return{suggestions:c.slice(0,a),rejections:u.slice(0,a)}}async function hT(r,e,{project:t,cache:i,workspace:n,preserveModifier:s=!0}){let o=P.makeDescriptor(r,e),a=new ti,l=t.configuration.makeFetcher(),c=t.configuration.makeResolver(),u={project:t,fetcher:l,cache:i,checksums:t.storedChecksums,report:a,cacheOptions:{skipIntegrityCheck:!0},skipIntegrityCheck:!0},g={...u,resolver:c,fetchOptions:u},f=c.bindDescriptor(o,n.anchoredLocator,g),h=await c.getCandidates(f,new Map,g);if(h.length===0)return null;let p=h[0],{protocol:C,source:y,params:B,selector:v}=P.parseRange(P.convertToManifestRange(p.reference));if(C===t.configuration.get("defaultProtocol")&&(C=null),uT.default.valid(v)&&s!==!1){let D=typeof s=="string"?s:o.range;v=Gne(D,{project:t})+v}return P.makeDescriptor(p,P.makeRange({protocol:C,source:y,params:B,selector:v}))}async function lje(r){return await M.mktempPromise(async e=>{let t=ye.create(e);return t.useWithSource(e,{enableMirror:!1,compressionLevel:0},e,{overwrite:!0}),await r(new Rt(e,{configuration:t,check:!1,immutable:!1}))})}var _c=class extends De{constructor(){super(...arguments);this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"});this.exact=z.Boolean("-E,--exact",!1,{description:"Don't use any semver modifier on the resolved range"});this.tilde=z.Boolean("-T,--tilde",!1,{description:"Use the `~` semver modifier on the resolved range"});this.caret=z.Boolean("-C,--caret",!1,{description:"Use the `^` semver modifier on the resolved range"});this.dev=z.Boolean("-D,--dev",!1,{description:"Add a package as a dev dependency"});this.peer=z.Boolean("-P,--peer",!1,{description:"Add a package as a peer dependency"});this.optional=z.Boolean("-O,--optional",!1,{description:"Add / upgrade a package to an optional regular / peer dependency"});this.preferDev=z.Boolean("--prefer-dev",!1,{description:"Add / upgrade a package to a dev dependency"});this.interactive=z.Boolean("-i,--interactive",{description:"Reuse the specified package from other workspaces in the project"});this.cached=z.Boolean("--cached",!1,{description:"Reuse the highest version already used somewhere within the project"});this.mode=z.String("--mode",{description:"Change what artifacts installs generate",validator:Wi(Xn)});this.silent=z.Boolean("--silent",{hidden:!0});this.packages=z.Rest()}async execute(){var y;let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd),s=await Rt.find(t);if(!n)throw new ct(i.cwd,this.context.cwd);await i.restoreInstallState({restoreResolutions:!1});let o=(y=this.interactive)!=null?y:t.get("preferInteractive"),a=km(this,i),l=[...o?["reuse"]:[],"project",...this.cached?["cache"]:[],"latest"],c=o?1/0:1,u=await Promise.all(this.packages.map(async B=>{let v=B.match(/^\.{0,2}\//)?await fT(B,{cwd:this.context.cwd,workspace:n}):P.tryParseDescriptor(B),D=B.match(/^(https?:|git@github)/);if(D)throw new be(`It seems you are trying to add a package using a ${ee.pretty(t,`${D[0]}...`,vi.RANGE)} url; we now require package names to be explicitly specified.
-Try running the command again with the package name prefixed: ${ee.pretty(t,"yarn add",vi.CODE)} ${ee.pretty(t,P.makeDescriptor(P.makeIdent(null,"my-package"),`${D[0]}...`),vi.DESCRIPTOR)}`);if(!v)throw new be(`The ${ee.pretty(t,B,vi.CODE)} string didn't match the required format (package-name@range). Did you perhaps forget to explicitly reference the package name?`);let L=cje(n,v,{dev:this.dev,peer:this.peer,preferDev:this.preferDev,optional:this.optional});return await Promise.all(L.map(async j=>{let $=await Rm(v,{project:i,workspace:n,cache:s,target:j,modifier:a,strategies:l,maxResults:c});return{request:v,suggestedDescriptors:$,target:j}}))})).then(B=>B.flat()),g=await _o.start({configuration:t,stdout:this.context.stdout,suggestInstall:!1},async B=>{for(let{request:v,suggestedDescriptors:{suggestions:D,rejections:L}}of u)if(D.filter(j=>j.descriptor!==null).length===0){let[j]=L;if(typeof j>"u")throw new Error("Assertion failed: Expected an error to have been set");i.configuration.get("enableNetwork")?B.reportError(27,`${P.prettyDescriptor(t,v)} can't be resolved to a satisfying range`):B.reportError(27,`${P.prettyDescriptor(t,v)} can't be resolved to a satisfying range (note: network resolution has been disabled)`),B.reportSeparator(),B.reportExceptionOnce(j)}});if(g.hasErrors())return g.exitCode();let f=!1,h=[],p=[];for(let{suggestedDescriptors:{suggestions:B},target:v}of u){let D,L=B.filter(V=>V.descriptor!==null),H=L[0].descriptor,j=L.every(V=>P.areDescriptorsEqual(V.descriptor,H));L.length===1||j?D=H:(f=!0,{answer:D}=await(0,Wne.prompt)({type:"select",name:"answer",message:"Which range do you want to use?",choices:B.map(({descriptor:V,name:W,reason:Z})=>V?{name:W,hint:Z,descriptor:V}:{name:W,hint:Z,disabled:!0}),onCancel:()=>process.exit(130),result(V){return this.find(V,"descriptor")},stdin:this.context.stdin,stdout:this.context.stdout}));let $=n.manifest[v].get(D.identHash);(typeof $>"u"||$.descriptorHash!==D.descriptorHash)&&(n.manifest[v].set(D.identHash,D),this.optional&&(v==="dependencies"?n.manifest.ensureDependencyMeta({...D,range:"unknown"}).optional=!0:v==="peerDependencies"&&(n.manifest.ensurePeerDependencyMeta({...D,range:"unknown"}).optional=!0)),typeof $>"u"?h.push([n,v,D,l]):p.push([n,v,$,D]))}return await t.triggerMultipleHooks(B=>B.afterWorkspaceDependencyAddition,h),await t.triggerMultipleHooks(B=>B.afterWorkspaceDependencyReplacement,p),f&&this.context.stdout.write(`
-`),(await Ge.start({configuration:t,json:this.json,stdout:this.context.stdout,includeLogs:!this.context.quiet},async B=>{await i.install({cache:s,report:B,mode:this.mode})})).exitCode()}};_c.paths=[["add"]],_c.usage=ve.Usage({description:"add dependencies to the project",details:"\n      This command adds a package to the package.json for the nearest workspace.\n\n      - If it didn't exist before, the package will by default be added to the regular `dependencies` field, but this behavior can be overriden thanks to the `-D,--dev` flag (which will cause the dependency to be added to the `devDependencies` field instead) and the `-P,--peer` flag (which will do the same but for `peerDependencies`).\n\n      - If the package was already listed in your dependencies, it will by default be upgraded whether it's part of your `dependencies` or `devDependencies` (it won't ever update `peerDependencies`, though).\n\n      - If set, the `--prefer-dev` flag will operate as a more flexible `-D,--dev` in that it will add the package to your `devDependencies` if it isn't already listed in either `dependencies` or `devDependencies`, but it will also happily upgrade your `dependencies` if that's what you already use (whereas `-D,--dev` would throw an exception).\n\n      - If set, the `-O,--optional` flag will add the package to the `optionalDependencies` field and, in combination with the `-P,--peer` flag, it will add the package as an optional peer dependency. If the package was already listed in your `dependencies`, it will be upgraded to `optionalDependencies`. If the package was already listed in your `peerDependencies`, in combination with the `-P,--peer` flag, it will be upgraded to an optional peer dependency: `\"peerDependenciesMeta\": { \"<package>\": { \"optional\": true } }`\n\n      - If the added package doesn't specify a range at all its `latest` tag will be resolved and the returned version will be used to generate a new semver range (using the `^` modifier by default unless otherwise configured via the `defaultSemverRangePrefix` configuration, or the `~` modifier if `-T,--tilde` is specified, or no modifier at all if `-E,--exact` is specified). Two exceptions to this rule: the first one is that if the package is a workspace then its local version will be used, and the second one is that if you use `-P,--peer` the default range will be `*` and won't be resolved at all.\n\n      - If the added package specifies a range (such as `^1.0.0`, `latest`, or `rc`), Yarn will add this range as-is in the resulting package.json entry (in particular, tags such as `rc` will be encoded as-is rather than being converted into a semver range).\n\n      If the `--cached` option is used, Yarn will preferably reuse the highest version already used somewhere within the project, even if through a transitive dependency.\n\n      If the `-i,--interactive` option is used (or if the `preferInteractive` settings is toggled on) the command will first try to check whether other workspaces in the project use the specified package and, if so, will offer to reuse them.\n\n      If the `--mode=<mode>` option is set, Yarn will change which artifacts are generated. The modes currently supported are:\n\n      - `skip-build` will not run the build scripts at all. Note that this is different from setting `enableScripts` to false because the latter will disable build scripts, and thus affect the content of the artifacts generated on disk, whereas the former will just disable the build step - but not the scripts themselves, which just won't run.\n\n      - `update-lockfile` will skip the link step altogether, and only fetch packages that are missing from the lockfile (or that have no associated checksums). This mode is typically used by tools like Renovate or Dependabot to keep a lockfile up-to-date without incurring the full install cost.\n\n      For a compilation of all the supported protocols, please consult the dedicated page from our website: https://yarnpkg.com/features/protocols.\n    ",examples:[["Add a regular package to the current workspace","$0 add lodash"],["Add a specific version for a package to the current workspace","$0 add lodash@1.2.3"],["Add a package from a GitHub repository (the master branch) to the current workspace using a URL","$0 add lodash@https://github.com/lodash/lodash"],["Add a package from a GitHub repository (the master branch) to the current workspace using the GitHub protocol","$0 add lodash@github:lodash/lodash"],["Add a package from a GitHub repository (the master branch) to the current workspace using the GitHub protocol (shorthand)","$0 add lodash@lodash/lodash"],["Add a package from a specific branch of a GitHub repository to the current workspace using the GitHub protocol (shorthand)","$0 add lodash-es@lodash/lodash#es"]]});function cje(r,e,{dev:t,peer:i,preferDev:n,optional:s}){let o=r.manifest["dependencies"].has(e.identHash),a=r.manifest["devDependencies"].has(e.identHash),l=r.manifest["peerDependencies"].has(e.identHash);if((t||i)&&o)throw new be(`Package "${P.prettyIdent(r.project.configuration,e)}" is already listed as a regular dependency - remove the -D,-P flags or remove it from your dependencies first`);if(!t&&!i&&l)throw new be(`Package "${P.prettyIdent(r.project.configuration,e)}" is already listed as a peer dependency - use either of -D or -P, or remove it from your peer dependencies first`);if(s&&a)throw new be(`Package "${P.prettyIdent(r.project.configuration,e)}" is already listed as a dev dependency - remove the -O flag or remove it from your dev dependencies first`);if(s&&!i&&l)throw new be(`Package "${P.prettyIdent(r.project.configuration,e)}" is already listed as a peer dependency - remove the -O flag or add the -P flag or remove it from your peer dependencies first`);if((t||n)&&s)throw new be(`Package "${P.prettyIdent(r.project.configuration,e)}" cannot simultaneously be a dev dependency and an optional dependency`);let c=[];return i&&c.push("peerDependencies"),(t||n)&&c.push("devDependencies"),s&&c.push("dependencies"),c.length>0?c:a?["devDependencies"]:l?["peerDependencies"]:["dependencies"]}var Zc=class extends De{constructor(){super(...arguments);this.verbose=z.Boolean("-v,--verbose",!1,{description:"Print both the binary name and the locator of the package that provides the binary"});this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"});this.name=z.String({required:!1})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,locator:n}=await je.find(t,this.context.cwd);if(await i.restoreInstallState(),this.name){let a=(await Jt.getPackageAccessibleBinaries(n,{project:i})).get(this.name);if(!a)throw new be(`Couldn't find a binary named "${this.name}" for package "${P.prettyLocator(t,n)}"`);let[,l]=a;return this.context.stdout.write(`${l}
-`),0}return(await Ge.start({configuration:t,json:this.json,stdout:this.context.stdout},async o=>{let a=await Jt.getPackageAccessibleBinaries(n,{project:i}),c=Array.from(a.keys()).reduce((u,g)=>Math.max(u,g.length),0);for(let[u,[g,f]]of a)o.reportJson({name:u,source:P.stringifyIdent(g),path:f});if(this.verbose)for(let[u,[g]]of a)o.reportInfo(null,`${u.padEnd(c," ")}   ${P.prettyLocator(t,g)}`);else for(let u of a.keys())o.reportInfo(null,u)})).exitCode()}};Zc.paths=[["bin"]],Zc.usage=ve.Usage({description:"get the path to a binary script",details:`
-      When used without arguments, this command will print the list of all the binaries available in the current workspace. Adding the \`-v,--verbose\` flag will cause the output to contain both the binary name and the locator of the package that provides the binary.
-
-      When an argument is specified, this command will just print the path to the binary on the standard output and exit. Note that the reported path may be stored within a zip archive.
-    `,examples:[["List all the available binaries","$0 bin"],["Print the path to a specific binary","$0 bin eslint"]]});var $c=class extends De{constructor(){super(...arguments);this.mirror=z.Boolean("--mirror",!1,{description:"Remove the global cache files instead of the local cache files"});this.all=z.Boolean("--all",!1,{description:"Remove both the global cache files and the local cache files of the current project"})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),i=await Rt.find(t);return(await Ge.start({configuration:t,stdout:this.context.stdout},async()=>{let s=(this.all||this.mirror)&&i.mirrorCwd!==null,o=!this.mirror;s&&(await M.removePromise(i.mirrorCwd),await t.triggerHook(a=>a.cleanGlobalArtifacts,t)),o&&await M.removePromise(i.cwd)})).exitCode()}};$c.paths=[["cache","clean"],["cache","clear"]],$c.usage=ve.Usage({description:"remove the shared cache files",details:`
-      This command will remove all the files from the cache.
-    `,examples:[["Remove all the local archives","$0 cache clean"],["Remove all the archives stored in the ~/.yarn directory","$0 cache clean --mirror"]]});var zne=Pe(j0()),pT=J("util"),eu=class extends De{constructor(){super(...arguments);this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"});this.unsafe=z.Boolean("--no-redacted",!1,{description:"Don't redact secrets (such as tokens) from the output"});this.name=z.String()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),i=this.name.replace(/[.[].*$/,""),n=this.name.replace(/^[^.[]*/,"");if(typeof t.settings.get(i)>"u")throw new be(`Couldn't find a configuration settings named "${i}"`);let o=t.getSpecial(i,{hideSecrets:!this.unsafe,getNativePaths:!0}),a=Ie.convertMapsToIndexableObjects(o),l=n?(0,zne.default)(a,n):a,c=await Ge.start({configuration:t,includeFooter:!1,json:this.json,stdout:this.context.stdout},async u=>{u.reportJson(l)});if(!this.json){if(typeof l=="string")return this.context.stdout.write(`${l}
-`),c.exitCode();pT.inspect.styles.name="cyan",this.context.stdout.write(`${(0,pT.inspect)(l,{depth:1/0,colors:t.get("enableColors"),compact:!1})}
-`)}return c.exitCode()}};eu.paths=[["config","get"]],eu.usage=ve.Usage({description:"read a configuration settings",details:`
-      This command will print a configuration setting.
-
-      Secrets (such as tokens) will be redacted from the output by default. If this behavior isn't desired, set the \`--no-redacted\` to get the untransformed value.
-    `,examples:[["Print a simple configuration setting","yarn config get yarnPath"],["Print a complex configuration setting","yarn config get packageExtensions"],["Print a nested field from the configuration",`yarn config get 'npmScopes["my-company"].npmRegistryServer'`],["Print a token from the configuration","yarn config get npmAuthToken --no-redacted"],["Print a configuration setting as JSON","yarn config get packageExtensions --json"]]});var ooe=Pe(yT()),aoe=Pe(j0()),Aoe=Pe(soe()),wT=J("util"),tu=class extends De{constructor(){super(...arguments);this.json=z.Boolean("--json",!1,{description:"Set complex configuration settings to JSON values"});this.home=z.Boolean("-H,--home",!1,{description:"Update the home configuration instead of the project configuration"});this.name=z.String();this.value=z.String()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),i=()=>{if(!t.projectCwd)throw new be("This command must be run from within a project folder");return t.projectCwd},n=this.name.replace(/[.[].*$/,""),s=this.name.replace(/^[^.[]*\.?/,"");if(typeof t.settings.get(n)>"u")throw new be(`Couldn't find a configuration settings named "${n}"`);if(n==="enableStrictSettings")throw new be("This setting only affects the file it's in, and thus cannot be set from the CLI");let a=this.json?JSON.parse(this.value):this.value;await(this.home?p=>ye.updateHomeConfiguration(p):p=>ye.updateConfiguration(i(),p))(p=>{if(s){let C=(0,ooe.default)(p);return(0,Aoe.default)(C,this.name,a),C}else return{...p,[n]:a}});let u=(await ye.find(this.context.cwd,this.context.plugins)).getSpecial(n,{hideSecrets:!0,getNativePaths:!0}),g=Ie.convertMapsToIndexableObjects(u),f=s?(0,aoe.default)(g,s):g;return(await Ge.start({configuration:t,includeFooter:!1,stdout:this.context.stdout},async p=>{wT.inspect.styles.name="cyan",p.reportInfo(0,`Successfully set ${this.name} to ${(0,wT.inspect)(f,{depth:1/0,colors:t.get("enableColors"),compact:!1})}`)})).exitCode()}};tu.paths=[["config","set"]],tu.usage=ve.Usage({description:"change a configuration settings",details:`
-      This command will set a configuration setting.
-
-      When used without the \`--json\` flag, it can only set a simple configuration setting (a string, a number, or a boolean).
-
-      When used with the \`--json\` flag, it can set both simple and complex configuration settings, including Arrays and Objects.
-    `,examples:[["Set a simple configuration setting (a string, a number, or a boolean)","yarn config set initScope myScope"],["Set a simple configuration setting (a string, a number, or a boolean) using the `--json` flag",'yarn config set initScope --json \\"myScope\\"'],["Set a complex configuration setting (an Array) using the `--json` flag",`yarn config set unsafeHttpWhitelist --json '["*.example.com", "example.com"]'`],["Set a complex configuration setting (an Object) using the `--json` flag",`yarn config set packageExtensions --json '{ "@babel/parser@*": { "dependencies": { "@babel/types": "*" } } }'`],["Set a nested configuration setting",'yarn config set npmScopes.company.npmRegistryServer "https://npm.example.com"'],["Set a nested configuration setting using indexed access for non-simple keys",`yarn config set 'npmRegistries["//npm.example.com"].npmAuthToken' "ffffffff-ffff-ffff-ffff-ffffffffffff"`]]});var Coe=Pe(yT()),moe=Pe(_C()),Eoe=Pe(doe()),ru=class extends De{constructor(){super(...arguments);this.home=z.Boolean("-H,--home",!1,{description:"Update the home configuration instead of the project configuration"});this.name=z.String()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),i=()=>{if(!t.projectCwd)throw new be("This command must be run from within a project folder");return t.projectCwd},n=this.name.replace(/[.[].*$/,""),s=this.name.replace(/^[^.[]*\.?/,"");if(typeof t.settings.get(n)>"u")throw new be(`Couldn't find a configuration settings named "${n}"`);let a=this.home?c=>ye.updateHomeConfiguration(c):c=>ye.updateConfiguration(i(),c);return(await Ge.start({configuration:t,includeFooter:!1,stdout:this.context.stdout},async c=>{let u=!1;await a(g=>{if(!(0,moe.default)(g,this.name))return c.reportWarning(0,`Configuration doesn't contain setting ${this.name}; there is nothing to unset`),u=!0,g;let f=s?(0,Coe.default)(g):{...g};return(0,Eoe.default)(f,this.name),f}),u||c.reportInfo(0,`Successfully unset ${this.name}`)})).exitCode()}};ru.paths=[["config","unset"]],ru.usage=ve.Usage({description:"unset a configuration setting",details:`
-      This command will unset a configuration setting.
-    `,examples:[["Unset a simple configuration setting","yarn config unset initScope"],["Unset a complex configuration setting","yarn config unset packageExtensions"],["Unset a nested configuration setting","yarn config unset npmScopes.company.npmRegistryServer"]]});var BT=J("util"),iu=class extends De{constructor(){super(...arguments);this.verbose=z.Boolean("-v,--verbose",!1,{description:"Print the setting description on top of the regular key/value information"});this.why=z.Boolean("--why",!1,{description:"Print the reason why a setting is set a particular way"});this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins,{strict:!1});return(await Ge.start({configuration:t,json:this.json,stdout:this.context.stdout},async n=>{if(t.invalid.size>0&&!this.json){for(let[s,o]of t.invalid)n.reportError(34,`Invalid configuration key "${s}" in ${o}`);n.reportSeparator()}if(this.json){let s=Ie.sortMap(t.settings.keys(),o=>o);for(let o of s){let a=t.settings.get(o),l=t.getSpecial(o,{hideSecrets:!0,getNativePaths:!0}),c=t.sources.get(o);this.verbose?n.reportJson({key:o,effective:l,source:c}):n.reportJson({key:o,effective:l,source:c,...a})}}else{let s=Ie.sortMap(t.settings.keys(),l=>l),o=s.reduce((l,c)=>Math.max(l,c.length),0),a={breakLength:1/0,colors:t.get("enableColors"),maxArrayLength:2};if(this.why||this.verbose){let l=s.map(u=>{let g=t.settings.get(u);if(!g)throw new Error(`Assertion failed: This settings ("${u}") should have been registered`);let f=this.why?t.sources.get(u)||"<default>":g.description;return[u,f]}),c=l.reduce((u,[,g])=>Math.max(u,g.length),0);for(let[u,g]of l)n.reportInfo(null,`${u.padEnd(o," ")}   ${g.padEnd(c," ")}   ${(0,BT.inspect)(t.getSpecial(u,{hideSecrets:!0,getNativePaths:!0}),a)}`)}else for(let l of s)n.reportInfo(null,`${l.padEnd(o," ")}   ${(0,BT.inspect)(t.getSpecial(l,{hideSecrets:!0,getNativePaths:!0}),a)}`)}})).exitCode()}};iu.paths=[["config"]],iu.usage=ve.Usage({description:"display the current configuration",details:`
-      This command prints the current active configuration settings.
-    `,examples:[["Print the active configuration settings","$0 config"]]});ns();var fQ={};ut(fQ,{Strategy:()=>Nm,acceptedStrategies:()=>fWe,dedupe:()=>QT});var Ioe=Pe(yn()),Nm=(e=>(e.HIGHEST="highest",e))(Nm||{}),fWe=new Set(Object.values(Nm)),hWe={highest:async(r,e,{resolver:t,fetcher:i,resolveOptions:n,fetchOptions:s})=>{let o=new Map;for(let[a,l]of r.storedResolutions){let c=r.storedDescriptors.get(a);if(typeof c>"u")throw new Error(`Assertion failed: The descriptor (${a}) should have been registered`);Ie.getSetWithDefault(o,c.identHash).add(l)}return Array.from(r.storedDescriptors.values(),async a=>{if(e.length&&!Ioe.default.isMatch(P.stringifyIdent(a),e))return null;let l=r.storedResolutions.get(a.descriptorHash);if(typeof l>"u")throw new Error(`Assertion failed: The resolution (${a.descriptorHash}) should have been registered`);let c=r.originalPackages.get(l);if(typeof c>"u"||!t.shouldPersistResolution(c,n))return null;let u=o.get(a.identHash);if(typeof u>"u")throw new Error(`Assertion failed: The resolutions (${a.identHash}) should have been registered`);if(u.size===1)return null;let g=[...u].map(y=>{let B=r.originalPackages.get(y);if(typeof B>"u")throw new Error(`Assertion failed: The package (${y}) should have been registered`);return B.reference}),f=await t.getSatisfying(a,g,n),h=f==null?void 0:f[0];if(typeof h>"u")return null;let p=h.locatorHash,C=r.originalPackages.get(p);if(typeof C>"u")throw new Error(`Assertion failed: The package (${p}) should have been registered`);return p===l?null:{descriptor:a,currentPackage:c,updatedPackage:C}})}};async function QT(r,{strategy:e,patterns:t,cache:i,report:n}){let{configuration:s}=r,o=new ti,a=s.makeResolver(),l=s.makeFetcher(),c={cache:i,checksums:r.storedChecksums,fetcher:l,project:r,report:o,skipIntegrityCheck:!0,cacheOptions:{skipIntegrityCheck:!0}},u={project:r,resolver:a,report:o,fetchOptions:c};return await n.startTimerPromise("Deduplication step",async()=>{let g=hWe[e],f=await g(r,t,{resolver:a,resolveOptions:u,fetcher:l,fetchOptions:c}),h=Si.progressViaCounter(f.length);await n.reportProgress(h);let p=0;await Promise.all(f.map(B=>B.then(v=>{if(v===null)return;p++;let{descriptor:D,currentPackage:L,updatedPackage:H}=v;n.reportInfo(0,`${P.prettyDescriptor(s,D)} can be deduped from ${P.prettyLocator(s,L)} to ${P.prettyLocator(s,H)}`),n.reportJson({descriptor:P.stringifyDescriptor(D),currentResolution:P.stringifyLocator(L),updatedResolution:P.stringifyLocator(H)}),r.storedResolutions.set(D.descriptorHash,H.locatorHash)}).finally(()=>h.tick())));let C;switch(p){case 0:C="No packages";break;case 1:C="One package";break;default:C=`${p} packages`}let y=ee.pretty(s,e,ee.Type.CODE);return n.reportInfo(0,`${C} can be deduped using the ${y} strategy`),p})}var nu=class extends De{constructor(){super(...arguments);this.strategy=z.String("-s,--strategy","highest",{description:"The strategy to use when deduping dependencies",validator:Wi(Nm)});this.check=z.Boolean("-c,--check",!1,{description:"Exit with exit code 1 when duplicates are found, without persisting the dependency tree"});this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"});this.mode=z.String("--mode",{description:"Change what artifacts installs generate",validator:Wi(Xn)});this.patterns=z.Rest()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i}=await je.find(t,this.context.cwd),n=await Rt.find(t);await i.restoreInstallState({restoreResolutions:!1});let s=0,o=await Ge.start({configuration:t,includeFooter:!1,stdout:this.context.stdout,json:this.json},async a=>{s=await QT(i,{strategy:this.strategy,patterns:this.patterns,cache:n,report:a})});return o.hasErrors()?o.exitCode():this.check?s?1:0:(await Ge.start({configuration:t,stdout:this.context.stdout,json:this.json},async l=>{await i.install({cache:n,report:l,mode:this.mode})})).exitCode()}};nu.paths=[["dedupe"]],nu.usage=ve.Usage({description:"deduplicate dependencies with overlapping ranges",details:"\n      Duplicates are defined as descriptors with overlapping ranges being resolved and locked to different locators. They are a natural consequence of Yarn's deterministic installs, but they can sometimes pile up and unnecessarily increase the size of your project.\n\n      This command dedupes dependencies in the current project using different strategies (only one is implemented at the moment):\n\n      - `highest`: Reuses (where possible) the locators with the highest versions. This means that dependencies can only be upgraded, never downgraded. It's also guaranteed that it never takes more than a single pass to dedupe the entire dependency tree.\n\n      **Note:** Even though it never produces a wrong dependency tree, this command should be used with caution, as it modifies the dependency tree, which can sometimes cause problems when packages don't strictly follow semver recommendations. Because of this, it is recommended to also review the changes manually.\n\n      If set, the `-c,--check` flag will only report the found duplicates, without persisting the modified dependency tree. If changes are found, the command will exit with a non-zero exit code, making it suitable for CI purposes.\n\n      If the `--mode=<mode>` option is set, Yarn will change which artifacts are generated. The modes currently supported are:\n\n      - `skip-build` will not run the build scripts at all. Note that this is different from setting `enableScripts` to false because the latter will disable build scripts, and thus affect the content of the artifacts generated on disk, whereas the former will just disable the build step - but not the scripts themselves, which just won't run.\n\n      - `update-lockfile` will skip the link step altogether, and only fetch packages that are missing from the lockfile (or that have no associated checksums). This mode is typically used by tools like Renovate or Dependabot to keep a lockfile up-to-date without incurring the full install cost.\n\n      This command accepts glob patterns as arguments (if valid Idents and supported by [micromatch](https://github.com/micromatch/micromatch)). Make sure to escape the patterns, to prevent your own shell from trying to expand them.\n\n      ### In-depth explanation:\n\n      Yarn doesn't deduplicate dependencies by default, otherwise installs wouldn't be deterministic and the lockfile would be useless. What it actually does is that it tries to not duplicate dependencies in the first place.\n\n      **Example:** If `foo@^2.3.4` (a dependency of a dependency) has already been resolved to `foo@2.3.4`, running `yarn add foo@*`will cause Yarn to reuse `foo@2.3.4`, even if the latest `foo` is actually `foo@2.10.14`, thus preventing unnecessary duplication.\n\n      Duplication happens when Yarn can't unlock dependencies that have already been locked inside the lockfile.\n\n      **Example:** If `foo@^2.3.4` (a dependency of a dependency) has already been resolved to `foo@2.3.4`, running `yarn add foo@2.10.14` will cause Yarn to install `foo@2.10.14` because the existing resolution doesn't satisfy the range `2.10.14`. This behavior can lead to (sometimes) unwanted duplication, since now the lockfile contains 2 separate resolutions for the 2 `foo` descriptors, even though they have overlapping ranges, which means that the lockfile can be simplified so that both descriptors resolve to `foo@2.10.14`.\n    ",examples:[["Dedupe all packages","$0 dedupe"],["Dedupe all packages using a specific strategy","$0 dedupe --strategy highest"],["Dedupe a specific package","$0 dedupe lodash"],["Dedupe all packages with the `@babel/*` scope","$0 dedupe '@babel/*'"],["Check for duplicates (can be used as a CI step)","$0 dedupe --check"]]});var Oh=class extends De{async execute(){let{plugins:e}=await ye.find(this.context.cwd,this.context.plugins),t=[];for(let o of e){let{commands:a}=o[1];if(a){let c=Kn.from(a).definitions();t.push([o[0],c])}}let i=this.cli.definitions(),n=(o,a)=>o.split(" ").slice(1).join()===a.split(" ").slice(1).join(),s=yoe()["@yarnpkg/builder"].bundles.standard;for(let o of t){let a=o[1];for(let l of a)i.find(c=>n(c.path,l.path)).plugin={name:o[0],isDefault:s.includes(o[0])}}this.context.stdout.write(`${JSON.stringify(i,null,2)}
-`)}};Oh.paths=[["--clipanion=definitions"]];var Mh=class extends De{async execute(){this.context.stdout.write(this.cli.usage(null))}};Mh.paths=[["help"],["--help"],["-h"]];var Lm=class extends De{constructor(){super(...arguments);this.leadingArgument=z.String();this.args=z.Proxy()}async execute(){if(this.leadingArgument.match(/[\\/]/)&&!P.tryParseIdent(this.leadingArgument)){let t=x.resolve(this.context.cwd,K.toPortablePath(this.leadingArgument));return await this.cli.run(this.args,{cwd:t})}else return await this.cli.run(["run",this.leadingArgument,...this.args])}};var Kh=class extends De{async execute(){this.context.stdout.write(`${Lr||"<unknown>"}
-`)}};Kh.paths=[["-v"],["--version"]];var su=class extends De{constructor(){super(...arguments);this.commandName=z.String();this.args=z.Proxy()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,locator:n}=await je.find(t,this.context.cwd);return await i.restoreInstallState(),await Jt.executePackageShellcode(n,this.commandName,this.args,{cwd:this.context.cwd,stdin:this.context.stdin,stdout:this.context.stdout,stderr:this.context.stderr,project:i})}};su.paths=[["exec"]],su.usage=ve.Usage({description:"execute a shell script",details:`
-      This command simply executes a shell script within the context of the root directory of the active workspace using the portable shell.
-
-      It also makes sure to call it in a way that's compatible with the current project (for example, on PnP projects the environment will be setup in such a way that PnP will be correctly injected into the environment).
-    `,examples:[["Execute a single shell command","$0 exec echo Hello World"],["Execute a shell script",'$0 exec "tsc & babel src --out-dir lib"']]});ns();var ou=class extends De{constructor(){super(...arguments);this.hash=z.String({required:!1,validator:zp(Wp(),[Vp(/^p[0-9a-f]{5}$/)])})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i}=await je.find(t,this.context.cwd);return await i.restoreInstallState({restoreResolutions:!1}),await i.applyLightResolution(),typeof this.hash<"u"?await dWe(this.hash,i,{stdout:this.context.stdout}):(await Ge.start({configuration:t,stdout:this.context.stdout,includeFooter:!1},async s=>{var a;let o=[([,l])=>P.stringifyLocator(i.storedPackages.get(l.subject)),([,l])=>P.stringifyIdent(l.requested)];for(let[l,c]of Ie.sortMap(i.peerRequirements,o)){let u=i.storedPackages.get(c.subject);if(typeof u>"u")throw new Error("Assertion failed: Expected the subject package to have been registered");let g=i.storedPackages.get(c.rootRequester);if(typeof g>"u")throw new Error("Assertion failed: Expected the root package to have been registered");let f=(a=u.dependencies.get(c.requested.identHash))!=null?a:null,h=ee.pretty(t,l,ee.Type.CODE),p=P.prettyLocator(t,u),C=P.prettyIdent(t,c.requested),y=P.prettyIdent(t,g),B=c.allRequesters.length-1,v=`descendant${B===1?"":"s"}`,D=B>0?` and ${B} ${v}`:"",L=f!==null?"provides":"doesn't provide";s.reportInfo(null,`${h} \u2192 ${p} ${L} ${C} to ${y}${D}`)}})).exitCode()}};ou.paths=[["explain","peer-requirements"]],ou.usage=ve.Usage({description:"explain a set of peer requirements",details:`
-      A set of peer requirements represents all peer requirements that a dependent must satisfy when providing a given peer request to a requester and its descendants.
-
-      When the hash argument is specified, this command prints a detailed explanation of all requirements of the set corresponding to the hash and whether they're satisfied or not.
-
-      When used without arguments, this command lists all sets of peer requirements and the corresponding hash that can be used to get detailed information about a given set.
-
-      **Note:** A hash is a six-letter p-prefixed code that can be obtained from peer dependency warnings or from the list of all peer requirements (\`yarn explain peer-requirements\`).
-    `,examples:[["Explain the corresponding set of peer requirements for a hash","$0 explain peer-requirements p1a4ed"],["List all sets of peer requirements","$0 explain peer-requirements"]]});async function dWe(r,e,t){let{configuration:i}=e,n=e.peerRequirements.get(r);if(typeof n>"u")throw new Error(`No peerDependency requirements found for hash: "${r}"`);return(await Ge.start({configuration:i,stdout:t.stdout,includeFooter:!1},async o=>{var B,v;let a=e.storedPackages.get(n.subject);if(typeof a>"u")throw new Error("Assertion failed: Expected the subject package to have been registered");let l=e.storedPackages.get(n.rootRequester);if(typeof l>"u")throw new Error("Assertion failed: Expected the root package to have been registered");let c=(B=a.dependencies.get(n.requested.identHash))!=null?B:null,u=c!==null?e.storedResolutions.get(c.descriptorHash):null;if(typeof u>"u")throw new Error("Assertion failed: Expected the resolution to have been registered");let g=u!==null?e.storedPackages.get(u):null;if(typeof g>"u")throw new Error("Assertion failed: Expected the provided package to have been registered");let f=[...n.allRequesters.values()].map(D=>{let L=e.storedPackages.get(D);if(typeof L>"u")throw new Error("Assertion failed: Expected the package to be registered");let H=P.devirtualizeLocator(L),j=e.storedPackages.get(H.locatorHash);if(typeof j>"u")throw new Error("Assertion failed: Expected the package to be registered");let $=j.peerDependencies.get(n.requested.identHash);if(typeof $>"u")throw new Error("Assertion failed: Expected the peer dependency to be registered");return{pkg:L,peerDependency:$}});if(g!==null){let D=f.every(({peerDependency:L})=>vt.satisfiesWithPrereleases(g.version,L.range));o.reportInfo(0,`${P.prettyLocator(i,a)} provides ${P.prettyLocator(i,g)} with version ${P.prettyReference(i,(v=g.version)!=null?v:"<missing>")}, which ${D?"satisfies":"doesn't satisfy"} the following requirements:`)}else o.reportInfo(0,`${P.prettyLocator(i,a)} doesn't provide ${P.prettyIdent(i,n.requested)}, breaking the following requirements:`);o.reportSeparator();let h=ee.mark(i),p=[];for(let{pkg:D,peerDependency:L}of Ie.sortMap(f,H=>P.stringifyLocator(H.pkg))){let j=(g!==null?vt.satisfiesWithPrereleases(g.version,L.range):!1)?h.Check:h.Cross;p.push({stringifiedLocator:P.stringifyLocator(D),prettyLocator:P.prettyLocator(i,D),prettyRange:P.prettyRange(i,L.range),mark:j})}let C=Math.max(...p.map(({stringifiedLocator:D})=>D.length)),y=Math.max(...p.map(({prettyRange:D})=>D.length));for(let{stringifiedLocator:D,prettyLocator:L,prettyRange:H,mark:j}of Ie.sortMap(p,({stringifiedLocator:$})=>$))o.reportInfo(null,`${L.padEnd(C+(L.length-D.length)," ")} \u2192 ${H.padEnd(y," ")} ${j}`);p.length>1&&(o.reportSeparator(),o.reportInfo(0,`Note: these requirements start with ${P.prettyLocator(e.configuration,l)}`))})).exitCode()}ns();var woe=Pe(Xr()),au=class extends De{constructor(){super(...arguments);this.onlyIfNeeded=z.Boolean("--only-if-needed",!1,{description:"Only lock the Yarn version if it isn't already locked"});this.version=z.String()}async execute(){var o;let t=await ye.find(this.context.cwd,this.context.plugins);if(this.onlyIfNeeded&&t.get("yarnPath")){let a=t.sources.get("yarnPath");if(!a)throw new Error("Assertion failed: Expected 'yarnPath' to have a source");let l=(o=t.projectCwd)!=null?o:t.startingCwd;if(x.contains(l,a))return 0}let i=()=>{if(typeof Lr>"u")throw new be("The --install flag can only be used without explicit version specifier from the Yarn CLI");return`file://${process.argv[1]}`},n;if(this.version==="self")n=i();else if(this.version==="latest"||this.version==="berry"||this.version==="stable")n=`https://repo.yarnpkg.com/${await Tm(t,"stable")}/packages/yarnpkg-cli/bin/yarn.js`;else if(this.version==="canary")n=`https://repo.yarnpkg.com/${await Tm(t,"canary")}/packages/yarnpkg-cli/bin/yarn.js`;else if(this.version==="classic")n="https://classic.yarnpkg.com/latest.js";else if(this.version.match(/^https?:/))n=this.version;else if(this.version.match(/^\.{0,2}[\\/]/)||K.isAbsolute(this.version))n=`file://${K.resolve(this.version)}`;else if(vt.satisfiesWithPrereleases(this.version,">=2.0.0"))n=`https://repo.yarnpkg.com/${this.version}/packages/yarnpkg-cli/bin/yarn.js`;else if(vt.satisfiesWithPrereleases(this.version,"^0.x || ^1.x"))n=`https://github.com/yarnpkg/yarn/releases/download/v${this.version}/yarn-${this.version}.js`;else if(vt.validRange(this.version))n=`https://repo.yarnpkg.com/${await CWe(t,this.version)}/packages/yarnpkg-cli/bin/yarn.js`;else throw new be(`Invalid version descriptor "${this.version}"`);return(await Ge.start({configuration:t,stdout:this.context.stdout,includeLogs:!this.context.quiet},async a=>{let l="file://",c;n.startsWith(l)?(a.reportInfo(0,`Downloading ${ee.pretty(t,n,vi.URL)}`),c=await M.readFilePromise(K.toPortablePath(n.slice(l.length)))):(a.reportInfo(0,`Retrieving ${ee.pretty(t,n,vi.PATH)}`),c=await Vt.get(n,{configuration:t})),await bT(t,null,c,{report:a})})).exitCode()}};au.paths=[["set","version"]],au.usage=ve.Usage({description:"lock the Yarn version used by the project",details:"\n      This command will download a specific release of Yarn directly from the Yarn GitHub repository, will store it inside your project, and will change the `yarnPath` settings from your project `.yarnrc.yml` file to point to the new file.\n\n      A very good use case for this command is to enforce the version of Yarn used by the any single member of your team inside a same project - by doing this you ensure that you have control on Yarn upgrades and downgrades (including on your deployment servers), and get rid of most of the headaches related to someone using a slightly different version and getting a different behavior than you.\n\n      The version specifier can be:\n\n      - a tag:\n        - `latest` / `berry` / `stable` -> the most recent stable berry (`>=2.0.0`) release\n        - `canary` -> the most recent canary (release candidate) berry (`>=2.0.0`) release\n        - `classic` -> the most recent classic (`^0.x || ^1.x`) release\n\n      - a semver range (e.g. `2.x`) -> the most recent version satisfying the range (limited to berry releases)\n\n      - a semver version (e.g. `2.4.1`, `1.22.1`)\n\n      - a local file referenced through either a relative or absolute path\n\n      - `self` -> the version used to invoke the command\n    ",examples:[["Download the latest release from the Yarn repository","$0 set version latest"],["Download the latest canary release from the Yarn repository","$0 set version canary"],["Download the latest classic release from the Yarn repository","$0 set version classic"],["Download the most recent Yarn 3 build","$0 set version 3.x"],["Download a specific Yarn 2 build","$0 set version 2.0.0-rc.30"],["Switch back to a specific Yarn 1 release","$0 set version 1.22.1"],["Use a release from the local filesystem","$0 set version ./yarn.cjs"],["Use a release from a URL","$0 set version https://repo.yarnpkg.com/3.1.0/packages/yarnpkg-cli/bin/yarn.js"],["Download the version used to invoke the command","$0 set version self"]]});async function CWe(r,e){let i=(await Vt.get("https://repo.yarnpkg.com/tags",{configuration:r,jsonResponse:!0})).tags.filter(n=>vt.satisfiesWithPrereleases(n,e));if(i.length===0)throw new be(`No matching release found for range ${ee.pretty(r,e,ee.Type.RANGE)}.`);return i[0]}async function Tm(r,e){let t=await Vt.get("https://repo.yarnpkg.com/tags",{configuration:r,jsonResponse:!0});if(!t.latest[e])throw new be(`Tag ${ee.pretty(r,e,ee.Type.RANGE)} not found`);return t.latest[e]}async function bT(r,e,t,{report:i}){var h;e===null&&await M.mktempPromise(async p=>{let C=x.join(p,"yarn.cjs");await M.writeFilePromise(C,t);let{stdout:y}=await Cr.execvp(process.execPath,[K.fromPortablePath(C),"--version"],{cwd:p,env:{...process.env,YARN_IGNORE_PATH:"1"}});if(e=y.trim(),!woe.default.valid(e))throw new Error(`Invalid semver version. ${ee.pretty(r,"yarn --version",ee.Type.CODE)} returned:
-${e}`)});let n=(h=r.projectCwd)!=null?h:r.startingCwd,s=x.resolve(n,".yarn/releases"),o=x.resolve(s,`yarn-${e}.cjs`),a=x.relative(r.startingCwd,o),l=x.relative(n,o);i.reportInfo(0,`Saving the new release in ${ee.pretty(r,a,"magenta")}`),await M.removePromise(x.dirname(o)),await M.mkdirPromise(x.dirname(o),{recursive:!0}),await M.writeFilePromise(o,t,{mode:493}),await ye.updateConfiguration(n,{yarnPath:l});let c=await ot.tryFind(n)||new ot;c.packageManager=`yarn@${e&&Ie.isTaggedYarnVersion(e)?e:await Tm(r,"stable")}`;let u={};c.exportTo(u);let g=x.join(n,ot.fileName),f=`${JSON.stringify(u,null,c.indent)}
-`;await M.changeFilePromise(g,f,{automaticNewlines:!0})}function Boe(r){return Ct[QI(r)]}var mWe=/## (?<code>YN[0-9]{4}) - `(?<name>[A-Z_]+)`\n\n(?<details>(?:.(?!##))+)/gs;async function EWe(r){let t=`https://repo.yarnpkg.com/${Ie.isTaggedYarnVersion(Lr)?Lr:await Tm(r,"canary")}/packages/gatsby/content/advanced/error-codes.md`,i=await Vt.get(t,{configuration:r});return new Map(Array.from(i.toString().matchAll(mWe),({groups:n})=>{if(!n)throw new Error("Assertion failed: Expected the match to have been successful");let s=Boe(n.code);if(n.name!==s)throw new Error(`Assertion failed: Invalid error code data: Expected "${n.name}" to be named "${s}"`);return[n.code,n.details]}))}var Au=class extends De{constructor(){super(...arguments);this.code=z.String({required:!1,validator:zp(Wp(),[Vp(/^YN[0-9]{4}$/)])});this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins);if(typeof this.code<"u"){let i=Boe(this.code),n=ee.pretty(t,i,ee.Type.CODE),s=this.cli.format().header(`${this.code} - ${n}`),a=(await EWe(t)).get(this.code),l=typeof a<"u"?ee.jsonOrPretty(this.json,t,ee.tuple(ee.Type.MARKDOWN,{text:a,format:this.cli.format(),paragraphs:!0})):`This error code does not have a description.
-
-You can help us by editing this page on GitHub \u{1F642}:
-${ee.jsonOrPretty(this.json,t,ee.tuple(ee.Type.URL,"https://github.com/yarnpkg/berry/blob/master/packages/gatsby/content/advanced/error-codes.md"))}
-`;this.json?this.context.stdout.write(`${JSON.stringify({code:this.code,name:i,details:l})}
-`):this.context.stdout.write(`${s}
-
-${l}
-`)}else{let i={children:Ie.mapAndFilter(Object.entries(Ct),([n,s])=>Number.isNaN(Number(n))?Ie.mapAndFilter.skip:{label:QA(Number(n)),value:ee.tuple(ee.Type.CODE,s)})};Vn.emitTree(i,{configuration:t,stdout:this.context.stdout,json:this.json})}}};Au.paths=[["explain"]],Au.usage=ve.Usage({description:"explain an error code",details:`
-      When the code argument is specified, this command prints its name and its details.
-
-      When used without arguments, this command lists all error codes and their names.
-    `,examples:[["Explain an error code","$0 explain YN0006"],["List all error codes","$0 explain"]]});var Qoe=Pe(yn()),lu=class extends De{constructor(){super(...arguments);this.all=z.Boolean("-A,--all",!1,{description:"Print versions of a package from the whole project"});this.recursive=z.Boolean("-R,--recursive",!1,{description:"Print information for all packages, including transitive dependencies"});this.extra=z.Array("-X,--extra",[],{description:"An array of requests of extra data provided by plugins"});this.cache=z.Boolean("--cache",!1,{description:"Print information about the cache entry of a package (path, size, checksum)"});this.dependents=z.Boolean("--dependents",!1,{description:"Print all dependents for each matching package"});this.manifest=z.Boolean("--manifest",!1,{description:"Print data obtained by looking at the package archive (license, homepage, ...)"});this.nameOnly=z.Boolean("--name-only",!1,{description:"Only print the name for the matching packages"});this.virtuals=z.Boolean("--virtuals",!1,{description:"Print each instance of the virtual packages"});this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"});this.patterns=z.Rest()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd),s=await Rt.find(t);if(!n&&!this.all)throw new ct(i.cwd,this.context.cwd);await i.restoreInstallState();let o=new Set(this.extra);this.cache&&o.add("cache"),this.dependents&&o.add("dependents"),this.manifest&&o.add("manifest");let a=(L,{recursive:H})=>{let j=L.anchoredLocator.locatorHash,$=new Map,V=[j];for(;V.length>0;){let W=V.shift();if($.has(W))continue;let Z=i.storedPackages.get(W);if(typeof Z>"u")throw new Error("Assertion failed: Expected the package to be registered");if($.set(W,Z),P.isVirtualLocator(Z)&&V.push(P.devirtualizeLocator(Z).locatorHash),!(!H&&W!==j))for(let A of Z.dependencies.values()){let ae=i.storedResolutions.get(A.descriptorHash);if(typeof ae>"u")throw new Error("Assertion failed: Expected the resolution to be registered");V.push(ae)}}return $.values()},l=({recursive:L})=>{let H=new Map;for(let j of i.workspaces)for(let $ of a(j,{recursive:L}))H.set($.locatorHash,$);return H.values()},c=({all:L,recursive:H})=>L&&H?i.storedPackages.values():L?l({recursive:H}):a(n,{recursive:H}),u=({all:L,recursive:H})=>{let j=c({all:L,recursive:H}),$=this.patterns.map(Z=>{let A=P.parseLocator(Z),ae=Qoe.default.makeRe(P.stringifyIdent(A)),ge=P.isVirtualLocator(A),re=ge?P.devirtualizeLocator(A):A;return O=>{let F=P.stringifyIdent(O);if(!ae.test(F))return!1;if(A.reference==="unknown")return!0;let ue=P.isVirtualLocator(O),he=ue?P.devirtualizeLocator(O):O;return!(ge&&ue&&A.reference!==O.reference||re.reference!==he.reference)}}),V=Ie.sortMap([...j],Z=>P.stringifyLocator(Z));return{selection:V.filter(Z=>$.length===0||$.some(A=>A(Z))),sortedLookup:V}},{selection:g,sortedLookup:f}=u({all:this.all,recursive:this.recursive});if(g.length===0)throw new be("No package matched your request");let h=new Map;if(this.dependents)for(let L of f)for(let H of L.dependencies.values()){let j=i.storedResolutions.get(H.descriptorHash);if(typeof j>"u")throw new Error("Assertion failed: Expected the resolution to be registered");Ie.getArrayWithDefault(h,j).push(L)}let p=new Map;for(let L of f){if(!P.isVirtualLocator(L))continue;let H=P.devirtualizeLocator(L);Ie.getArrayWithDefault(p,H.locatorHash).push(L)}let C={},y={children:C},B=t.makeFetcher(),v={project:i,fetcher:B,cache:s,checksums:i.storedChecksums,report:new ti,cacheOptions:{skipIntegrityCheck:!0},skipIntegrityCheck:!0},D=[async(L,H,j)=>{var W,Z;if(!H.has("manifest"))return;let $=await B.fetch(L,v),V;try{V=await ot.find($.prefixPath,{baseFs:$.packageFs})}finally{(W=$.releaseFs)==null||W.call($)}j("Manifest",{License:ee.tuple(ee.Type.NO_HINT,V.license),Homepage:ee.tuple(ee.Type.URL,(Z=V.raw.homepage)!=null?Z:null)})},async(L,H,j)=>{var ae;if(!H.has("cache"))return;let $={mockedPackages:i.disabledLocators,unstablePackages:i.conditionalLocators},V=(ae=i.storedChecksums.get(L.locatorHash))!=null?ae:null,W=s.getLocatorPath(L,V,$),Z;if(W!==null)try{Z=M.statSync(W)}catch{}let A=typeof Z<"u"?[Z.size,ee.Type.SIZE]:void 0;j("Cache",{Checksum:ee.tuple(ee.Type.NO_HINT,V),Path:ee.tuple(ee.Type.PATH,W),Size:A})}];for(let L of g){let H=P.isVirtualLocator(L);if(!this.virtuals&&H)continue;let j={},$={value:[L,ee.Type.LOCATOR],children:j};if(C[P.stringifyLocator(L)]=$,this.nameOnly){delete $.children;continue}let V=p.get(L.locatorHash);typeof V<"u"&&(j.Instances={label:"Instances",value:ee.tuple(ee.Type.NUMBER,V.length)}),j.Version={label:"Version",value:ee.tuple(ee.Type.NO_HINT,L.version)};let W=(A,ae)=>{let ge={};if(j[A]=ge,Array.isArray(ae))ge.children=ae.map(re=>({value:re}));else{let re={};ge.children=re;for(let[O,F]of Object.entries(ae))typeof F>"u"||(re[O]={label:O,value:F})}};if(!H){for(let A of D)await A(L,o,W);await t.triggerHook(A=>A.fetchPackageInfo,L,o,W)}L.bin.size>0&&!H&&W("Exported Binaries",[...L.bin.keys()].map(A=>ee.tuple(ee.Type.PATH,A)));let Z=h.get(L.locatorHash);typeof Z<"u"&&Z.length>0&&W("Dependents",Z.map(A=>ee.tuple(ee.Type.LOCATOR,A))),L.dependencies.size>0&&!H&&W("Dependencies",[...L.dependencies.values()].map(A=>{var re;let ae=i.storedResolutions.get(A.descriptorHash),ge=typeof ae<"u"&&(re=i.storedPackages.get(ae))!=null?re:null;return ee.tuple(ee.Type.RESOLUTION,{descriptor:A,locator:ge})})),L.peerDependencies.size>0&&H&&W("Peer dependencies",[...L.peerDependencies.values()].map(A=>{var O,F;let ae=L.dependencies.get(A.identHash),ge=typeof ae<"u"&&(O=i.storedResolutions.get(ae.descriptorHash))!=null?O:null,re=ge!==null&&(F=i.storedPackages.get(ge))!=null?F:null;return ee.tuple(ee.Type.RESOLUTION,{descriptor:A,locator:re})}))}Vn.emitTree(y,{configuration:t,json:this.json,stdout:this.context.stdout,separators:this.nameOnly?0:2})}};lu.paths=[["info"]],lu.usage=ve.Usage({description:"see information related to packages",details:"\n      This command prints various information related to the specified packages, accepting glob patterns.\n\n      By default, if the locator reference is missing, Yarn will default to print the information about all the matching direct dependencies of the package for the active workspace. To instead print all versions of the package that are direct dependencies of any of your workspaces, use the `-A,--all` flag. Adding the `-R,--recursive` flag will also report transitive dependencies.\n\n      Some fields will be hidden by default in order to keep the output readable, but can be selectively displayed by using additional options (`--dependents`, `--manifest`, `--virtuals`, ...) described in the option descriptions.\n\n      Note that this command will only print the information directly related to the selected packages - if you wish to know why the package is there in the first place, use `yarn why` which will do just that (it also provides a `-R,--recursive` flag that may be of some help).\n    ",examples:[["Show information about Lodash","$0 info lodash"]]});var hQ=Pe(Vl());ns();var cu=class extends De{constructor(){super(...arguments);this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"});this.immutable=z.Boolean("--immutable",{description:"Abort with an error exit code if the lockfile was to be modified"});this.immutableCache=z.Boolean("--immutable-cache",{description:"Abort with an error exit code if the cache folder was to be modified"});this.checkCache=z.Boolean("--check-cache",!1,{description:"Always refetch the packages and ensure that their checksums are consistent"});this.inlineBuilds=z.Boolean("--inline-builds",{description:"Verbosely print the output of the build steps of dependencies"});this.mode=z.String("--mode",{description:"Change what artifacts installs generate",validator:Wi(Xn)});this.cacheFolder=z.String("--cache-folder",{hidden:!0});this.frozenLockfile=z.Boolean("--frozen-lockfile",{hidden:!0});this.ignoreEngines=z.Boolean("--ignore-engines",{hidden:!0});this.nonInteractive=z.Boolean("--non-interactive",{hidden:!0});this.preferOffline=z.Boolean("--prefer-offline",{hidden:!0});this.production=z.Boolean("--production",{hidden:!0});this.registry=z.String("--registry",{hidden:!0});this.silent=z.Boolean("--silent",{hidden:!0});this.networkTimeout=z.String("--network-timeout",{hidden:!0})}async execute(){var f;let t=await ye.find(this.context.cwd,this.context.plugins);typeof this.inlineBuilds<"u"&&t.useWithSource("<cli>",{enableInlineBuilds:this.inlineBuilds},t.startingCwd,{overwrite:!0});let i=!!process.env.FUNCTION_TARGET||!!process.env.GOOGLE_RUNTIME,n=async(h,{error:p})=>{let C=await Ge.start({configuration:t,stdout:this.context.stdout,includeFooter:!1},async y=>{p?y.reportError(50,h):y.reportWarning(50,h)});return C.hasErrors()?C.exitCode():null};if(typeof this.ignoreEngines<"u"){let h=await n("The --ignore-engines option is deprecated; engine checking isn't a core feature anymore",{error:!hQ.default.VERCEL});if(h!==null)return h}if(typeof this.registry<"u"){let h=await n("The --registry option is deprecated; prefer setting npmRegistryServer in your .yarnrc.yml file",{error:!1});if(h!==null)return h}if(typeof this.preferOffline<"u"){let h=await n("The --prefer-offline flag is deprecated; use the --cached flag with 'yarn add' instead",{error:!hQ.default.VERCEL});if(h!==null)return h}if(typeof this.production<"u"){let h=await n("The --production option is deprecated on 'install'; use 'yarn workspaces focus' instead",{error:!0});if(h!==null)return h}if(typeof this.nonInteractive<"u"){let h=await n("The --non-interactive option is deprecated",{error:!i});if(h!==null)return h}if(typeof this.frozenLockfile<"u"&&(await n("The --frozen-lockfile option is deprecated; use --immutable and/or --immutable-cache instead",{error:!1}),this.immutable=this.frozenLockfile),typeof this.cacheFolder<"u"){let h=await n("The cache-folder option has been deprecated; use rc settings instead",{error:!hQ.default.NETLIFY});if(h!==null)return h}let s=this.mode==="update-lockfile";if(s&&(this.immutable||this.immutableCache))throw new be(`${ee.pretty(t,"--immutable",ee.Type.CODE)} and ${ee.pretty(t,"--immutable-cache",ee.Type.CODE)} cannot be used with ${ee.pretty(t,"--mode=update-lockfile",ee.Type.CODE)}`);let o=((f=this.immutable)!=null?f:t.get("enableImmutableInstalls"))&&!s,a=this.immutableCache&&!s;if(t.projectCwd!==null){let h=await Ge.start({configuration:t,json:this.json,stdout:this.context.stdout,includeFooter:!1},async p=>{await BWe(t,o)&&(p.reportInfo(48,"Automatically fixed merge conflicts \u{1F44D}"),p.reportSeparator())});if(h.hasErrors())return h.exitCode()}if(t.projectCwd!==null&&typeof t.sources.get("nodeLinker")>"u"){let h=t.projectCwd,p;try{p=await M.readFilePromise(x.join(h,xt.lockfile),"utf8")}catch{}if(p!=null&&p.includes("yarn lockfile v1")){let C=await Ge.start({configuration:t,json:this.json,stdout:this.context.stdout,includeFooter:!1},async y=>{y.reportInfo(70,"Migrating from Yarn 1; automatically enabling the compatibility node-modules linker \u{1F44D}"),y.reportSeparator(),t.use("<compat>",{nodeLinker:"node-modules"},h,{overwrite:!0}),await ye.updateConfiguration(h,{nodeLinker:"node-modules"})});if(C.hasErrors())return C.exitCode()}}if(t.projectCwd!==null){let h=await Ge.start({configuration:t,json:this.json,stdout:this.context.stdout,includeFooter:!1},async p=>{var C;(C=ye.telemetry)!=null&&C.isNew&&(p.reportInfo(65,"Yarn will periodically gather anonymous telemetry: https://yarnpkg.com/advanced/telemetry"),p.reportInfo(65,`Run ${ee.pretty(t,"yarn config set --home enableTelemetry 0",ee.Type.CODE)} to disable`),p.reportSeparator())});if(h.hasErrors())return h.exitCode()}let{project:l,workspace:c}=await je.find(t,this.context.cwd),u=await Rt.find(t,{immutable:a,check:this.checkCache});if(!c)throw new ct(l.cwd,this.context.cwd);return await l.restoreInstallState({restoreResolutions:!1}),(await Ge.start({configuration:t,json:this.json,stdout:this.context.stdout,includeLogs:!0},async h=>{await l.install({cache:u,report:h,immutable:o,mode:this.mode})})).exitCode()}};cu.paths=[["install"],ve.Default],cu.usage=ve.Usage({description:"install the project dependencies",details:`
-      This command sets up your project if needed. The installation is split into four different steps that each have their own characteristics:
-
-      - **Resolution:** First the package manager will resolve your dependencies. The exact way a dependency version is privileged over another isn't standardized outside of the regular semver guarantees. If a package doesn't resolve to what you would expect, check that all dependencies are correctly declared (also check our website for more information: ).
-
-      - **Fetch:** Then we download all the dependencies if needed, and make sure that they're all stored within our cache (check the value of \`cacheFolder\` in \`yarn config\` to see where the cache files are stored).
-
-      - **Link:** Then we send the dependency tree information to internal plugins tasked with writing them on the disk in some form (for example by generating the .pnp.cjs file you might know).
-
-      - **Build:** Once the dependency tree has been written on the disk, the package manager will now be free to run the build scripts for all packages that might need it, in a topological order compatible with the way they depend on one another. See https://yarnpkg.com/advanced/lifecycle-scripts for detail.
-
-      Note that running this command is not part of the recommended workflow. Yarn supports zero-installs, which means that as long as you store your cache and your .pnp.cjs file inside your repository, everything will work without requiring any install right after cloning your repository or switching branches.
-
-      If the \`--immutable\` option is set (defaults to true on CI), Yarn will abort with an error exit code if the lockfile was to be modified (other paths can be added using the \`immutablePatterns\` configuration setting). For backward compatibility we offer an alias under the name of \`--frozen-lockfile\`, but it will be removed in a later release.
-
-      If the \`--immutable-cache\` option is set, Yarn will abort with an error exit code if the cache folder was to be modified (either because files would be added, or because they'd be removed).
-
-      If the \`--check-cache\` option is set, Yarn will always refetch the packages and will ensure that their checksum matches what's 1/ described in the lockfile 2/ inside the existing cache files (if present). This is recommended as part of your CI workflow if you're both following the Zero-Installs model and accepting PRs from third-parties, as they'd otherwise have the ability to alter the checked-in packages before submitting them.
-
-      If the \`--inline-builds\` option is set, Yarn will verbosely print the output of the build steps of your dependencies (instead of writing them into individual files). This is likely useful mostly for debug purposes only when using Docker-like environments.
-
-      If the \`--mode=<mode>\` option is set, Yarn will change which artifacts are generated. The modes currently supported are:
-
-      - \`skip-build\` will not run the build scripts at all. Note that this is different from setting \`enableScripts\` to false because the latter will disable build scripts, and thus affect the content of the artifacts generated on disk, whereas the former will just disable the build step - but not the scripts themselves, which just won't run.
-
-      - \`update-lockfile\` will skip the link step altogether, and only fetch packages that are missing from the lockfile (or that have no associated checksums). This mode is typically used by tools like Renovate or Dependabot to keep a lockfile up-to-date without incurring the full install cost.
-    `,examples:[["Install the project","$0 install"],["Validate a project when using Zero-Installs","$0 install --immutable --immutable-cache"],["Validate a project when using Zero-Installs (slightly safer if you accept external PRs)","$0 install --immutable --immutable-cache --check-cache"]]});var IWe="|||||||",yWe=">>>>>>>",wWe="=======",boe="<<<<<<<";async function BWe(r,e){if(!r.projectCwd)return!1;let t=x.join(r.projectCwd,r.get("lockfileFilename"));if(!await M.existsPromise(t))return!1;let i=await M.readFilePromise(t,"utf8");if(!i.includes(boe))return!1;if(e)throw new at(47,"Cannot autofix a lockfile when running an immutable install");let[n,s]=QWe(i),o,a;try{o=Ii(n),a=Ii(s)}catch{throw new at(46,"The individual variants of the lockfile failed to parse")}let l={...o,...a};for(let[c,u]of Object.entries(l))typeof u=="string"&&delete l[c];return await M.changeFilePromise(t,Ca(l),{automaticNewlines:!0}),!0}function QWe(r){let e=[[],[]],t=r.split(/\r?\n/g),i=!1;for(;t.length>0;){let n=t.shift();if(typeof n>"u")throw new Error("Assertion failed: Some lines should remain");if(n.startsWith(boe)){for(;t.length>0;){let s=t.shift();if(typeof s>"u")throw new Error("Assertion failed: Some lines should remain");if(s===wWe){i=!1;break}else if(i||s.startsWith(IWe)){i=!0;continue}else e[0].push(s)}for(;t.length>0;){let s=t.shift();if(typeof s>"u")throw new Error("Assertion failed: Some lines should remain");if(s.startsWith(yWe))break;e[1].push(s)}}else e[0].push(n),e[1].push(n)}return[e[0].join(`
-`),e[1].join(`
-`)]}var uu=class extends De{constructor(){super(...arguments);this.all=z.Boolean("-A,--all",!1,{description:"Link all workspaces belonging to the target project to the current one"});this.private=z.Boolean("-p,--private",!1,{description:"Also link private workspaces belonging to the target project to the current one"});this.relative=z.Boolean("-r,--relative",!1,{description:"Link workspaces using relative paths instead of absolute paths"});this.destination=z.String()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd),s=await Rt.find(t);if(!n)throw new ct(i.cwd,this.context.cwd);await i.restoreInstallState({restoreResolutions:!1});let o=x.resolve(this.context.cwd,K.toPortablePath(this.destination)),a=await ye.find(o,this.context.plugins,{useRc:!1,strict:!1}),{project:l,workspace:c}=await je.find(a,o);if(i.cwd===l.cwd)throw new be("Invalid destination; Can't link the project to itself");if(!c)throw new ct(l.cwd,o);let u=i.topLevelWorkspace,g=[];if(this.all){for(let h of l.workspaces)h.manifest.name&&(!h.manifest.private||this.private)&&g.push(h);if(g.length===0)throw new be("No workspace found to be linked in the target project")}else{if(!c.manifest.name)throw new be("The target workspace doesn't have a name and thus cannot be linked");if(c.manifest.private&&!this.private)throw new be("The target workspace is marked private - use the --private flag to link it anyway");g.push(c)}for(let h of g){let p=P.stringifyIdent(h.locator),C=this.relative?x.relative(i.cwd,h.cwd):h.cwd;u.manifest.resolutions.push({pattern:{descriptor:{fullName:p}},reference:`portal:${C}`})}return(await Ge.start({configuration:t,stdout:this.context.stdout},async h=>{await i.install({cache:s,report:h})})).exitCode()}};uu.paths=[["link"]],uu.usage=ve.Usage({description:"connect the local project to another one",details:"\n      This command will set a new `resolutions` field in the project-level manifest and point it to the workspace at the specified location (even if part of another project).\n    ",examples:[["Register a remote workspace for use in the current project","$0 link ~/ts-loader"],["Register all workspaces from a remote project for use in the current project","$0 link ~/jest --all"]]});var gu=class extends De{constructor(){super(...arguments);this.args=z.Proxy()}async execute(){return this.cli.run(["exec","node",...this.args])}};gu.paths=[["node"]],gu.usage=ve.Usage({description:"run node with the hook already setup",details:`
-      This command simply runs Node. It also makes sure to call it in a way that's compatible with the current project (for example, on PnP projects the environment will be setup in such a way that PnP will be correctly injected into the environment).
-
-      The Node process will use the exact same version of Node as the one used to run Yarn itself, which might be a good way to ensure that your commands always use a consistent Node version.
-    `,examples:[["Run a Node script","$0 node ./my-script.js"]]});var koe=J("os");var Soe=J("os");var bWe="https://raw.githubusercontent.com/yarnpkg/berry/master/plugins.yml";async function hu(r){let e=await Vt.get(bWe,{configuration:r});return Ii(e.toString())}var fu=class extends De{constructor(){super(...arguments);this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins);return(await Ge.start({configuration:t,json:this.json,stdout:this.context.stdout},async n=>{let s=await hu(t);for(let[o,{experimental:a,...l}]of Object.entries(s)){let c=o;a&&(c+=" [experimental]"),n.reportJson({name:o,experimental:a,...l}),n.reportInfo(null,c)}})).exitCode()}};fu.paths=[["plugin","list"]],fu.usage=ve.Usage({category:"Plugin-related commands",description:"list the available official plugins",details:"\n      This command prints the plugins available directly from the Yarn repository. Only those plugins can be referenced by name in `yarn plugin import`.\n    ",examples:[["List the official plugins","$0 plugin list"]]});var SWe=/^[0-9]+$/;function voe(r){return SWe.test(r)?`pull/${r}/head`:r}var vWe=({repository:r,branch:e},t)=>[["git","init",K.fromPortablePath(t)],["git","remote","add","origin",r],["git","fetch","origin","--depth=1",voe(e)],["git","reset","--hard","FETCH_HEAD"]],xWe=({branch:r})=>[["git","fetch","origin","--depth=1",voe(r),"--force"],["git","reset","--hard","FETCH_HEAD"],["git","clean","-dfx"]],PWe=({plugins:r,noMinify:e},t)=>[["yarn","build:cli",...new Array().concat(...r.map(i=>["--plugin",x.resolve(t,i)])),...e?["--no-minify"]:[],"|"]],pu=class extends De{constructor(){super(...arguments);this.installPath=z.String("--path",{description:"The path where the repository should be cloned to"});this.repository=z.String("--repository","https://github.com/yarnpkg/berry.git",{description:"The repository that should be cloned"});this.branch=z.String("--branch","master",{description:"The branch of the repository that should be cloned"});this.plugins=z.Array("--plugin",[],{description:"An array of additional plugins that should be included in the bundle"});this.noMinify=z.Boolean("--no-minify",!1,{description:"Build a bundle for development (debugging) - non-minified and non-mangled"});this.force=z.Boolean("-f,--force",!1,{description:"Always clone the repository instead of trying to fetch the latest commits"});this.skipPlugins=z.Boolean("--skip-plugins",!1,{description:"Skip updating the contrib plugins"})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i}=await je.find(t,this.context.cwd),n=typeof this.installPath<"u"?x.resolve(this.context.cwd,K.toPortablePath(this.installPath)):x.resolve(K.toPortablePath((0,Soe.tmpdir)()),"yarnpkg-sources",li.makeHash(this.repository).slice(0,6));return(await Ge.start({configuration:t,stdout:this.context.stdout},async o=>{await ST(this,{configuration:t,report:o,target:n}),o.reportSeparator(),o.reportInfo(0,"Building a fresh bundle"),o.reportSeparator(),await Om(PWe(this,n),{configuration:t,context:this.context,target:n}),o.reportSeparator();let a=x.resolve(n,"packages/yarnpkg-cli/bundles/yarn.js"),l=await M.readFilePromise(a);await bT(t,"sources",l,{report:o}),this.skipPlugins||await DWe(this,{project:i,report:o,target:n})})).exitCode()}};pu.paths=[["set","version","from","sources"]],pu.usage=ve.Usage({description:"build Yarn from master",details:`
-      This command will clone the Yarn repository into a temporary folder, then build it. The resulting bundle will then be copied into the local project.
-
-      By default, it also updates all contrib plugins to the same commit the bundle is built from. This behavior can be disabled by using the \`--skip-plugins\` flag.
-    `,examples:[["Build Yarn from master","$0 set version from sources"]]});async function Om(r,{configuration:e,context:t,target:i}){for(let[n,...s]of r){let o=s[s.length-1]==="|";if(o&&s.pop(),o)await Cr.pipevp(n,s,{cwd:i,stdin:t.stdin,stdout:t.stdout,stderr:t.stderr,strict:!0});else{t.stdout.write(`${ee.pretty(e,`  $ ${[n,...s].join(" ")}`,"grey")}
-`);try{await Cr.execvp(n,s,{cwd:i,strict:!0})}catch(a){throw t.stdout.write(a.stdout||a.stack),a}}}}async function ST(r,{configuration:e,report:t,target:i}){let n=!1;if(!r.force&&M.existsSync(x.join(i,".git"))){t.reportInfo(0,"Fetching the latest commits"),t.reportSeparator();try{await Om(xWe(r),{configuration:e,context:r.context,target:i}),n=!0}catch{t.reportSeparator(),t.reportWarning(0,"Repository update failed; we'll try to regenerate it")}}n||(t.reportInfo(0,"Cloning the remote repository"),t.reportSeparator(),await M.removePromise(i),await M.mkdirPromise(i,{recursive:!0}),await Om(vWe(r,i),{configuration:e,context:r.context,target:i}))}async function DWe(r,{project:e,report:t,target:i}){let n=await hu(e.configuration),s=new Set(Object.keys(n));for(let o of e.configuration.plugins.keys())!s.has(o)||await vT(o,r,{project:e,report:t,target:i})}var xoe=Pe(Xr()),Poe=J("url"),Doe=J("vm");var du=class extends De{constructor(){super(...arguments);this.name=z.String()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins);return(await Ge.start({configuration:t,stdout:this.context.stdout},async n=>{let{project:s}=await je.find(t,this.context.cwd),o,a;if(this.name.match(/^\.{0,2}[\\/]/)||K.isAbsolute(this.name)){let l=x.resolve(this.context.cwd,K.toPortablePath(this.name));n.reportInfo(0,`Reading ${ee.pretty(t,l,ee.Type.PATH)}`),o=x.relative(s.cwd,l),a=await M.readFilePromise(l)}else{let l;if(this.name.match(/^https?:/)){try{new Poe.URL(this.name)}catch{throw new at(52,`Plugin specifier "${this.name}" is neither a plugin name nor a valid url`)}o=this.name,l=this.name}else{let c=P.parseLocator(this.name.replace(/^((@yarnpkg\/)?plugin-)?/,"@yarnpkg/plugin-"));if(c.reference!=="unknown"&&!xoe.default.valid(c.reference))throw new at(0,"Official plugins only accept strict version references. Use an explicit URL if you wish to download them from another location.");let u=P.stringifyIdent(c),g=await hu(t);if(!Object.prototype.hasOwnProperty.call(g,u))throw new at(51,`Couldn't find a plugin named "${u}" on the remote registry. Note that only the plugins referenced on our website (https://github.com/yarnpkg/berry/blob/master/plugins.yml) can be referenced by their name; any other plugin will have to be referenced through its public url (for example https://github.com/yarnpkg/berry/raw/master/packages/plugin-typescript/bin/%40yarnpkg/plugin-typescript.js).`);o=u,l=g[u].url,c.reference!=="unknown"?l=l.replace(/\/master\//,`/${u}/${c.reference}/`):Lr!==null&&(l=l.replace(/\/master\//,`/@yarnpkg/cli/${Lr}/`))}n.reportInfo(0,`Downloading ${ee.pretty(t,l,"green")}`),a=await Vt.get(l,{configuration:t})}await xT(o,a,{project:s,report:n})})).exitCode()}};du.paths=[["plugin","import"]],du.usage=ve.Usage({category:"Plugin-related commands",description:"download a plugin",details:`
-      This command downloads the specified plugin from its remote location and updates the configuration to reference it in further CLI invocations.
-
-      Three types of plugin references are accepted:
-
-      - If the plugin is stored within the Yarn repository, it can be referenced by name.
-      - Third-party plugins can be referenced directly through their public urls.
-      - Local plugins can be referenced by their path on the disk.
-
-      Plugins cannot be downloaded from the npm registry, and aren't allowed to have dependencies (they need to be bundled into a single file, possibly thanks to the \`@yarnpkg/builder\` package).
-    `,examples:[['Download and activate the "@yarnpkg/plugin-exec" plugin',"$0 plugin import @yarnpkg/plugin-exec"],['Download and activate the "@yarnpkg/plugin-exec" plugin (shorthand)',"$0 plugin import exec"],["Download and activate a community plugin","$0 plugin import https://example.org/path/to/plugin.js"],["Activate a local plugin","$0 plugin import ./path/to/plugin.js"]]});async function xT(r,e,{project:t,report:i}){let{configuration:n}=t,s={},o={exports:s};(0,Doe.runInNewContext)(e.toString(),{module:o,exports:s});let a=o.exports.name,l=`.yarn/plugins/${a}.cjs`,c=x.resolve(t.cwd,l);i.reportInfo(0,`Saving the new plugin in ${ee.pretty(n,l,"magenta")}`),await M.mkdirPromise(x.dirname(c),{recursive:!0}),await M.writeFilePromise(c,e);let u={path:l,spec:r};await ye.updateConfiguration(t.cwd,g=>{let f=[],h=!1;for(let p of g.plugins||[]){let C=typeof p!="string"?p.path:p,y=x.resolve(t.cwd,K.toPortablePath(C)),{name:B}=Ie.dynamicRequire(y);B!==a?f.push(p):(f.push(u),h=!0)}return h||f.push(u),{...g,plugins:f}})}var kWe=({pluginName:r,noMinify:e},t)=>[["yarn",`build:${r}`,...e?["--no-minify"]:[],"|"]],Cu=class extends De{constructor(){super(...arguments);this.installPath=z.String("--path",{description:"The path where the repository should be cloned to"});this.repository=z.String("--repository","https://github.com/yarnpkg/berry.git",{description:"The repository that should be cloned"});this.branch=z.String("--branch","master",{description:"The branch of the repository that should be cloned"});this.noMinify=z.Boolean("--no-minify",!1,{description:"Build a plugin for development (debugging) - non-minified and non-mangled"});this.force=z.Boolean("-f,--force",!1,{description:"Always clone the repository instead of trying to fetch the latest commits"});this.name=z.String()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),i=typeof this.installPath<"u"?x.resolve(this.context.cwd,K.toPortablePath(this.installPath)):x.resolve(K.toPortablePath((0,koe.tmpdir)()),"yarnpkg-sources",li.makeHash(this.repository).slice(0,6));return(await Ge.start({configuration:t,stdout:this.context.stdout},async s=>{let{project:o}=await je.find(t,this.context.cwd),a=P.parseIdent(this.name.replace(/^((@yarnpkg\/)?plugin-)?/,"@yarnpkg/plugin-")),l=P.stringifyIdent(a),c=await hu(t);if(!Object.prototype.hasOwnProperty.call(c,l))throw new at(51,`Couldn't find a plugin named "${l}" on the remote registry. Note that only the plugins referenced on our website (https://github.com/yarnpkg/berry/blob/master/plugins.yml) can be built and imported from sources.`);let u=l;await ST(this,{configuration:t,report:s,target:i}),await vT(u,this,{project:o,report:s,target:i})})).exitCode()}};Cu.paths=[["plugin","import","from","sources"]],Cu.usage=ve.Usage({category:"Plugin-related commands",description:"build a plugin from sources",details:`
-      This command clones the Yarn repository into a temporary folder, builds the specified contrib plugin and updates the configuration to reference it in further CLI invocations.
-
-      The plugins can be referenced by their short name if sourced from the official Yarn repository.
-    `,examples:[['Build and activate the "@yarnpkg/plugin-exec" plugin',"$0 plugin import from sources @yarnpkg/plugin-exec"],['Build and activate the "@yarnpkg/plugin-exec" plugin (shorthand)',"$0 plugin import from sources exec"]]});async function vT(r,{context:e,noMinify:t},{project:i,report:n,target:s}){let o=r.replace(/@yarnpkg\//,""),{configuration:a}=i;n.reportSeparator(),n.reportInfo(0,`Building a fresh ${o}`),n.reportSeparator(),await Om(kWe({pluginName:o,noMinify:t},s),{configuration:a,context:e,target:s}),n.reportSeparator();let l=x.resolve(s,`packages/${o}/bundles/${r}.js`),c=await M.readFilePromise(l);await xT(r,c,{project:i,report:n})}var mu=class extends De{constructor(){super(...arguments);this.name=z.String()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i}=await je.find(t,this.context.cwd);return(await Ge.start({configuration:t,stdout:this.context.stdout},async s=>{let o=this.name,a=P.parseIdent(o);if(!t.plugins.has(o))throw new be(`${P.prettyIdent(t,a)} isn't referenced by the current configuration`);let l=`.yarn/plugins/${o}.cjs`,c=x.resolve(i.cwd,l);M.existsSync(c)&&(s.reportInfo(0,`Removing ${ee.pretty(t,l,ee.Type.PATH)}...`),await M.removePromise(c)),s.reportInfo(0,"Updating the configuration..."),await ye.updateConfiguration(i.cwd,u=>{if(!Array.isArray(u.plugins))return u;let g=u.plugins.filter(f=>f.path!==l);return u.plugins.length===g.length?u:{...u,plugins:g}})})).exitCode()}};mu.paths=[["plugin","remove"]],mu.usage=ve.Usage({category:"Plugin-related commands",description:"remove a plugin",details:`
-      This command deletes the specified plugin from the .yarn/plugins folder and removes it from the configuration.
-
-      **Note:** The plugins have to be referenced by their name property, which can be obtained using the \`yarn plugin runtime\` command. Shorthands are not allowed.
-   `,examples:[["Remove a plugin imported from the Yarn repository","$0 plugin remove @yarnpkg/plugin-typescript"],["Remove a plugin imported from a local file","$0 plugin remove my-local-plugin"]]});var Eu=class extends De{constructor(){super(...arguments);this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins);return(await Ge.start({configuration:t,json:this.json,stdout:this.context.stdout},async n=>{for(let s of t.plugins.keys()){let o=this.context.plugins.plugins.has(s),a=s;o&&(a+=" [builtin]"),n.reportJson({name:s,builtin:o}),n.reportInfo(null,`${a}`)}})).exitCode()}};Eu.paths=[["plugin","runtime"]],Eu.usage=ve.Usage({category:"Plugin-related commands",description:"list the active plugins",details:`
-      This command prints the currently active plugins. Will be displayed both builtin plugins and external plugins.
-    `,examples:[["List the currently active plugins","$0 plugin runtime"]]});var Iu=class extends De{constructor(){super(...arguments);this.idents=z.Rest()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd),s=await Rt.find(t);if(!n)throw new ct(i.cwd,this.context.cwd);let o=new Set;for(let l of this.idents)o.add(P.parseIdent(l).identHash);if(await i.restoreInstallState({restoreResolutions:!1}),await i.resolveEverything({cache:s,report:new ti}),o.size>0)for(let l of i.storedPackages.values())o.has(l.identHash)&&i.storedBuildState.delete(l.locatorHash);else i.storedBuildState.clear();return(await Ge.start({configuration:t,stdout:this.context.stdout,includeLogs:!this.context.quiet},async l=>{await i.install({cache:s,report:l})})).exitCode()}};Iu.paths=[["rebuild"]],Iu.usage=ve.Usage({description:"rebuild the project's native packages",details:`
-      This command will automatically cause Yarn to forget about previous compilations of the given packages and to run them again.
-
-      Note that while Yarn forgets the compilation, the previous artifacts aren't erased from the filesystem and may affect the next builds (in good or bad). To avoid this, you may remove the .yarn/unplugged folder, or any other relevant location where packages might have been stored (Yarn may offer a way to do that automatically in the future).
-
-      By default all packages will be rebuilt, but you can filter the list by specifying the names of the packages you want to clear from memory.
-    `,examples:[["Rebuild all packages","$0 rebuild"],["Rebuild fsevents only","$0 rebuild fsevents"]]});var PT=Pe(yn());ns();var yu=class extends De{constructor(){super(...arguments);this.all=z.Boolean("-A,--all",!1,{description:"Apply the operation to all workspaces from the current project"});this.mode=z.String("--mode",{description:"Change what artifacts installs generate",validator:Wi(Xn)});this.patterns=z.Rest()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd),s=await Rt.find(t);if(!n)throw new ct(i.cwd,this.context.cwd);await i.restoreInstallState({restoreResolutions:!1});let o=this.all?i.workspaces:[n],a=["dependencies","devDependencies","peerDependencies"],l=[],c=!1,u=[];for(let p of this.patterns){let C=!1,y=P.parseIdent(p);for(let B of o){let v=[...B.manifest.peerDependenciesMeta.keys()];for(let D of(0,PT.default)(v,p))B.manifest.peerDependenciesMeta.delete(D),c=!0,C=!0;for(let D of a){let L=B.manifest.getForScope(D),H=[...L.values()].map(j=>P.stringifyIdent(j));for(let j of(0,PT.default)(H,P.stringifyIdent(y))){let{identHash:$}=P.parseIdent(j),V=L.get($);if(typeof V>"u")throw new Error("Assertion failed: Expected the descriptor to be registered");B.manifest[D].delete($),u.push([B,D,V]),c=!0,C=!0}}}C||l.push(p)}let g=l.length>1?"Patterns":"Pattern",f=l.length>1?"don't":"doesn't",h=this.all?"any":"this";if(l.length>0)throw new be(`${g} ${ee.prettyList(t,l,vi.CODE)} ${f} match any packages referenced by ${h} workspace`);return c?(await t.triggerMultipleHooks(C=>C.afterWorkspaceDependencyRemoval,u),(await Ge.start({configuration:t,stdout:this.context.stdout},async C=>{await i.install({cache:s,report:C,mode:this.mode})})).exitCode()):0}};yu.paths=[["remove"]],yu.usage=ve.Usage({description:"remove dependencies from the project",details:`
-      This command will remove the packages matching the specified patterns from the current workspace.
-
-      If the \`--mode=<mode>\` option is set, Yarn will change which artifacts are generated. The modes currently supported are:
-
-      - \`skip-build\` will not run the build scripts at all. Note that this is different from setting \`enableScripts\` to false because the latter will disable build scripts, and thus affect the content of the artifacts generated on disk, whereas the former will just disable the build step - but not the scripts themselves, which just won't run.
-
-      - \`update-lockfile\` will skip the link step altogether, and only fetch packages that are missing from the lockfile (or that have no associated checksums). This mode is typically used by tools like Renovate or Dependabot to keep a lockfile up-to-date without incurring the full install cost.
-
-      This command accepts glob patterns as arguments (if valid Idents and supported by [micromatch](https://github.com/micromatch/micromatch)). Make sure to escape the patterns, to prevent your own shell from trying to expand them.
-    `,examples:[["Remove a dependency from the current project","$0 remove lodash"],["Remove a dependency from all workspaces at once","$0 remove lodash --all"],["Remove all dependencies starting with `eslint-`","$0 remove 'eslint-*'"],["Remove all dependencies with the `@babel` scope","$0 remove '@babel/*'"],["Remove all dependencies matching `react-dom` or `react-helmet`","$0 remove 'react-{dom,helmet}'"]]});var Roe=J("util"),Uh=class extends De{async execute(){let e=await ye.find(this.context.cwd,this.context.plugins),{project:t,workspace:i}=await je.find(e,this.context.cwd);if(!i)throw new ct(t.cwd,this.context.cwd);return(await Ge.start({configuration:e,stdout:this.context.stdout},async s=>{let o=i.manifest.scripts,a=Ie.sortMap(o.keys(),u=>u),l={breakLength:1/0,colors:e.get("enableColors"),maxArrayLength:2},c=a.reduce((u,g)=>Math.max(u,g.length),0);for(let[u,g]of o.entries())s.reportInfo(null,`${u.padEnd(c," ")}   ${(0,Roe.inspect)(g,l)}`)})).exitCode()}};Uh.paths=[["run"]];var wu=class extends De{constructor(){super(...arguments);this.inspect=z.String("--inspect",!1,{tolerateBoolean:!0,description:"Forwarded to the underlying Node process when executing a binary"});this.inspectBrk=z.String("--inspect-brk",!1,{tolerateBoolean:!0,description:"Forwarded to the underlying Node process when executing a binary"});this.topLevel=z.Boolean("-T,--top-level",!1,{description:"Check the root workspace for scripts and/or binaries instead of the current one"});this.binariesOnly=z.Boolean("-B,--binaries-only",!1,{description:"Ignore any user defined scripts and only check for binaries"});this.silent=z.Boolean("--silent",{hidden:!0});this.scriptName=z.String();this.args=z.Proxy()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n,locator:s}=await je.find(t,this.context.cwd);await i.restoreInstallState();let o=this.topLevel?i.topLevelWorkspace.anchoredLocator:s;if(!this.binariesOnly&&await Jt.hasPackageScript(o,this.scriptName,{project:i}))return await Jt.executePackageScript(o,this.scriptName,this.args,{project:i,stdin:this.context.stdin,stdout:this.context.stdout,stderr:this.context.stderr});let a=await Jt.getPackageAccessibleBinaries(o,{project:i});if(a.get(this.scriptName)){let c=[];return this.inspect&&(typeof this.inspect=="string"?c.push(`--inspect=${this.inspect}`):c.push("--inspect")),this.inspectBrk&&(typeof this.inspectBrk=="string"?c.push(`--inspect-brk=${this.inspectBrk}`):c.push("--inspect-brk")),await Jt.executePackageAccessibleBinary(o,this.scriptName,this.args,{cwd:this.context.cwd,project:i,stdin:this.context.stdin,stdout:this.context.stdout,stderr:this.context.stderr,nodeArgs:c,packageAccessibleBinaries:a})}if(!this.topLevel&&!this.binariesOnly&&n&&this.scriptName.includes(":")){let u=(await Promise.all(i.workspaces.map(async g=>g.manifest.scripts.has(this.scriptName)?g:null))).filter(g=>g!==null);if(u.length===1)return await Jt.executeWorkspaceScript(u[0],this.scriptName,this.args,{stdin:this.context.stdin,stdout:this.context.stdout,stderr:this.context.stderr})}if(this.topLevel)throw this.scriptName==="node-gyp"?new be(`Couldn't find a script name "${this.scriptName}" in the top-level (used by ${P.prettyLocator(t,s)}). This typically happens because some package depends on "node-gyp" to build itself, but didn't list it in their dependencies. To fix that, please run "yarn add node-gyp" into your top-level workspace. You also can open an issue on the repository of the specified package to suggest them to use an optional peer dependency.`):new be(`Couldn't find a script name "${this.scriptName}" in the top-level (used by ${P.prettyLocator(t,s)}).`);{if(this.scriptName==="global")throw new be("The 'yarn global' commands have been removed in 2.x - consider using 'yarn dlx' or a third-party plugin instead");let c=[this.scriptName].concat(this.args);for(let[u,g]of ph)for(let f of g)if(c.length>=f.length&&JSON.stringify(c.slice(0,f.length))===JSON.stringify(f))throw new be(`Couldn't find a script named "${this.scriptName}", but a matching command can be found in the ${u} plugin. You can install it with "yarn plugin import ${u}".`);throw new be(`Couldn't find a script named "${this.scriptName}".`)}}};wu.paths=[["run"]],wu.usage=ve.Usage({description:"run a script defined in the package.json",details:`
-      This command will run a tool. The exact tool that will be executed will depend on the current state of your workspace:
-
-      - If the \`scripts\` field from your local package.json contains a matching script name, its definition will get executed.
-
-      - Otherwise, if one of the local workspace's dependencies exposes a binary with a matching name, this binary will get executed.
-
-      - Otherwise, if the specified name contains a colon character and if one of the workspaces in the project contains exactly one script with a matching name, then this script will get executed.
-
-      Whatever happens, the cwd of the spawned process will be the workspace that declares the script (which makes it possible to call commands cross-workspaces using the third syntax).
-    `,examples:[["Run the tests from the local workspace","$0 run test"],['Same thing, but without the "run" keyword',"$0 test"],["Inspect Webpack while running","$0 run --inspect-brk webpack"]]});var Bu=class extends De{constructor(){super(...arguments);this.save=z.Boolean("-s,--save",!1,{description:"Persist the resolution inside the top-level manifest"});this.descriptor=z.String();this.resolution=z.String()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd),s=await Rt.find(t);if(await i.restoreInstallState({restoreResolutions:!1}),!n)throw new ct(i.cwd,this.context.cwd);let o=P.parseDescriptor(this.descriptor,!0),a=P.makeDescriptor(o,this.resolution);return i.storedDescriptors.set(o.descriptorHash,o),i.storedDescriptors.set(a.descriptorHash,a),i.resolutionAliases.set(o.descriptorHash,a.descriptorHash),(await Ge.start({configuration:t,stdout:this.context.stdout},async c=>{await i.install({cache:s,report:c})})).exitCode()}};Bu.paths=[["set","resolution"]],Bu.usage=ve.Usage({description:"enforce a package resolution",details:'\n      This command updates the resolution table so that `descriptor` is resolved by `resolution`.\n\n      Note that by default this command only affect the current resolution table - meaning that this "manual override" will disappear if you remove the lockfile, or if the package disappear from the table. If you wish to make the enforced resolution persist whatever happens, add the `-s,--save` flag which will also edit the `resolutions` field from your top-level manifest.\n\n      Note that no attempt is made at validating that `resolution` is a valid resolution entry for `descriptor`.\n    ',examples:[["Force all instances of lodash@npm:^1.2.3 to resolve to 1.5.0","$0 set resolution lodash@npm:^1.2.3 1.5.0"]]});var Foe=Pe(yn()),Qu=class extends De{constructor(){super(...arguments);this.all=z.Boolean("-A,--all",!1,{description:"Unlink all workspaces belonging to the target project from the current one"});this.leadingArguments=z.Rest()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd),s=await Rt.find(t);if(!n)throw new ct(i.cwd,this.context.cwd);let o=i.topLevelWorkspace,a=new Set;if(this.leadingArguments.length===0&&this.all)for(let{pattern:c,reference:u}of o.manifest.resolutions)u.startsWith("portal:")&&a.add(c.descriptor.fullName);if(this.leadingArguments.length>0)for(let c of this.leadingArguments){let u=x.resolve(this.context.cwd,K.toPortablePath(c));if(Ie.isPathLike(c)){let g=await ye.find(u,this.context.plugins,{useRc:!1,strict:!1}),{project:f,workspace:h}=await je.find(g,u);if(!h)throw new ct(f.cwd,u);if(this.all){for(let p of f.workspaces)p.manifest.name&&a.add(P.stringifyIdent(p.locator));if(a.size===0)throw new be("No workspace found to be unlinked in the target project")}else{if(!h.manifest.name)throw new be("The target workspace doesn't have a name and thus cannot be unlinked");a.add(P.stringifyIdent(h.locator))}}else{let g=[...o.manifest.resolutions.map(({pattern:f})=>f.descriptor.fullName)];for(let f of(0,Foe.default)(g,c))a.add(f)}}return o.manifest.resolutions=o.manifest.resolutions.filter(({pattern:c})=>!a.has(c.descriptor.fullName)),(await Ge.start({configuration:t,stdout:this.context.stdout},async c=>{await i.install({cache:s,report:c})})).exitCode()}};Qu.paths=[["unlink"]],Qu.usage=ve.Usage({description:"disconnect the local project from another one",details:`
-      This command will remove any resolutions in the project-level manifest that would have been added via a yarn link with similar arguments.
-    `,examples:[["Unregister a remote workspace in the current project","$0 unlink ~/ts-loader"],["Unregister all workspaces from a remote project in the current project","$0 unlink ~/jest --all"],["Unregister all previously linked workspaces","$0 unlink --all"],["Unregister all workspaces matching a glob","$0 unlink '@babel/*' 'pkg-{a,b}'"]]});var Noe=Pe(Pm()),DT=Pe(yn());ns();var Al=class extends De{constructor(){super(...arguments);this.interactive=z.Boolean("-i,--interactive",{description:"Offer various choices, depending on the detected upgrade paths"});this.exact=z.Boolean("-E,--exact",!1,{description:"Don't use any semver modifier on the resolved range"});this.tilde=z.Boolean("-T,--tilde",!1,{description:"Use the `~` semver modifier on the resolved range"});this.caret=z.Boolean("-C,--caret",!1,{description:"Use the `^` semver modifier on the resolved range"});this.recursive=z.Boolean("-R,--recursive",!1,{description:"Resolve again ALL resolutions for those packages"});this.mode=z.String("--mode",{description:"Change what artifacts installs generate",validator:Wi(Xn)});this.patterns=z.Rest()}async execute(){return this.recursive?await this.executeUpRecursive():await this.executeUpClassic()}async executeUpRecursive(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd),s=await Rt.find(t);if(!n)throw new ct(i.cwd,this.context.cwd);await i.restoreInstallState({restoreResolutions:!1});let o=[...i.storedDescriptors.values()],a=o.map(g=>P.stringifyIdent(g)),l=new Set;for(let g of this.patterns){if(P.parseDescriptor(g).range!=="unknown")throw new be("Ranges aren't allowed when using --recursive");for(let f of(0,DT.default)(a,g)){let h=P.parseIdent(f);l.add(h.identHash)}}let c=o.filter(g=>l.has(g.identHash));for(let g of c)i.storedDescriptors.delete(g.descriptorHash),i.storedResolutions.delete(g.descriptorHash);return(await Ge.start({configuration:t,stdout:this.context.stdout},async g=>{await i.install({cache:s,report:g})})).exitCode()}async executeUpClassic(){var y;let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd),s=await Rt.find(t);if(!n)throw new ct(i.cwd,this.context.cwd);await i.restoreInstallState({restoreResolutions:!1});let o=(y=this.interactive)!=null?y:t.get("preferInteractive"),a=km(this,i),l=o?["keep","reuse","project","latest"]:["project","latest"],c=[],u=[];for(let B of this.patterns){let v=!1,D=P.parseDescriptor(B);for(let L of i.workspaces)for(let H of["dependencies","devDependencies"]){let $=[...L.manifest.getForScope(H).values()].map(V=>P.stringifyIdent(V));for(let V of(0,DT.default)($,P.stringifyIdent(D))){let W=P.parseIdent(V),Z=L.manifest[H].get(W.identHash);if(typeof Z>"u")throw new Error("Assertion failed: Expected the descriptor to be registered");let A=P.makeDescriptor(W,D.range);c.push(Promise.resolve().then(async()=>[L,H,Z,await Rm(A,{project:i,workspace:L,cache:s,target:H,modifier:a,strategies:l})])),v=!0}}v||u.push(B)}if(u.length>1)throw new be(`Patterns ${ee.prettyList(t,u,vi.CODE)} don't match any packages referenced by any workspace`);if(u.length>0)throw new be(`Pattern ${ee.prettyList(t,u,vi.CODE)} doesn't match any packages referenced by any workspace`);let g=await Promise.all(c),f=await _o.start({configuration:t,stdout:this.context.stdout,suggestInstall:!1},async B=>{for(let[,,v,{suggestions:D,rejections:L}]of g){let H=D.filter(j=>j.descriptor!==null);if(H.length===0){let[j]=L;if(typeof j>"u")throw new Error("Assertion failed: Expected an error to have been set");let $=this.cli.error(j);i.configuration.get("enableNetwork")?B.reportError(27,`${P.prettyDescriptor(t,v)} can't be resolved to a satisfying range
-
-${$}`):B.reportError(27,`${P.prettyDescriptor(t,v)} can't be resolved to a satisfying range (note: network resolution has been disabled)
-
-${$}`)}else H.length>1&&!o&&B.reportError(27,`${P.prettyDescriptor(t,v)} has multiple possible upgrade strategies; use -i to disambiguate manually`)}});if(f.hasErrors())return f.exitCode();let h=!1,p=[];for(let[B,v,,{suggestions:D}]of g){let L,H=D.filter(W=>W.descriptor!==null),j=H[0].descriptor,$=H.every(W=>P.areDescriptorsEqual(W.descriptor,j));H.length===1||$?L=j:(h=!0,{answer:L}=await(0,Noe.prompt)({type:"select",name:"answer",message:`Which range to you want to use in ${P.prettyWorkspace(t,B)} \u276F ${v}?`,choices:D.map(({descriptor:W,name:Z,reason:A})=>W?{name:Z,hint:A,descriptor:W}:{name:Z,hint:A,disabled:!0}),onCancel:()=>process.exit(130),result(W){return this.find(W,"descriptor")},stdin:this.context.stdin,stdout:this.context.stdout}));let V=B.manifest[v].get(L.identHash);if(typeof V>"u")throw new Error("Assertion failed: This descriptor should have a matching entry");if(V.descriptorHash!==L.descriptorHash)B.manifest[v].set(L.identHash,L),p.push([B,v,V,L]);else{let W=t.makeResolver(),Z={project:i,resolver:W},A=W.bindDescriptor(V,B.anchoredLocator,Z);i.forgetResolution(A)}}return await t.triggerMultipleHooks(B=>B.afterWorkspaceDependencyReplacement,p),h&&this.context.stdout.write(`
-`),(await Ge.start({configuration:t,stdout:this.context.stdout},async B=>{await i.install({cache:s,report:B,mode:this.mode})})).exitCode()}};Al.paths=[["up"]],Al.usage=ve.Usage({description:"upgrade dependencies across the project",details:"\n      This command upgrades the packages matching the list of specified patterns to their latest available version across the whole project (regardless of whether they're part of `dependencies` or `devDependencies` - `peerDependencies` won't be affected). This is a project-wide command: all workspaces will be upgraded in the process.\n\n      If `-R,--recursive` is set the command will change behavior and no other switch will be allowed. When operating under this mode `yarn up` will force all ranges matching the selected packages to be resolved again (often to the highest available versions) before being stored in the lockfile. It however won't touch your manifests anymore, so depending on your needs you might want to run both `yarn up` and `yarn up -R` to cover all bases.\n\n      If `-i,--interactive` is set (or if the `preferInteractive` settings is toggled on) the command will offer various choices, depending on the detected upgrade paths. Some upgrades require this flag in order to resolve ambiguities.\n\n      The, `-C,--caret`, `-E,--exact` and  `-T,--tilde` options have the same meaning as in the `add` command (they change the modifier used when the range is missing or a tag, and are ignored when the range is explicitly set).\n\n      If the `--mode=<mode>` option is set, Yarn will change which artifacts are generated. The modes currently supported are:\n\n      - `skip-build` will not run the build scripts at all. Note that this is different from setting `enableScripts` to false because the latter will disable build scripts, and thus affect the content of the artifacts generated on disk, whereas the former will just disable the build step - but not the scripts themselves, which just won't run.\n\n      - `update-lockfile` will skip the link step altogether, and only fetch packages that are missing from the lockfile (or that have no associated checksums). This mode is typically used by tools like Renovate or Dependabot to keep a lockfile up-to-date without incurring the full install cost.\n\n      Generally you can see `yarn up` as a counterpart to what was `yarn upgrade --latest` in Yarn 1 (ie it ignores the ranges previously listed in your manifests), but unlike `yarn upgrade` which only upgraded dependencies in the current workspace, `yarn up` will upgrade all workspaces at the same time.\n\n      This command accepts glob patterns as arguments (if valid Descriptors and supported by [micromatch](https://github.com/micromatch/micromatch)). Make sure to escape the patterns, to prevent your own shell from trying to expand them.\n\n      **Note:** The ranges have to be static, only the package scopes and names can contain glob patterns.\n    ",examples:[["Upgrade all instances of lodash to the latest release","$0 up lodash"],["Upgrade all instances of lodash to the latest release, but ask confirmation for each","$0 up lodash -i"],["Upgrade all instances of lodash to 1.2.3","$0 up lodash@1.2.3"],["Upgrade all instances of packages with the `@babel` scope to the latest release","$0 up '@babel/*'"],["Upgrade all instances of packages containing the word `jest` to the latest release","$0 up '*jest*'"],["Upgrade all instances of packages with the `@babel` scope to 7.0.0","$0 up '@babel/*@7.0.0'"]]}),Al.schema=[JS("recursive",Xl.Forbids,["interactive","exact","tilde","caret"],{ignore:[void 0,!1]})];var bu=class extends De{constructor(){super(...arguments);this.recursive=z.Boolean("-R,--recursive",!1,{description:"List, for each workspace, what are all the paths that lead to the dependency"});this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"});this.peers=z.Boolean("--peers",!1,{description:"Also print the peer dependencies that match the specified name"});this.package=z.String()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd);if(!n)throw new ct(i.cwd,this.context.cwd);await i.restoreInstallState();let s=P.parseIdent(this.package).identHash,o=this.recursive?FWe(i,s,{configuration:t,peers:this.peers}):RWe(i,s,{configuration:t,peers:this.peers});Vn.emitTree(o,{configuration:t,stdout:this.context.stdout,json:this.json,separators:1})}};bu.paths=[["why"]],bu.usage=ve.Usage({description:"display the reason why a package is needed",details:`
-      This command prints the exact reasons why a package appears in the dependency tree.
-
-      If \`-R,--recursive\` is set, the listing will go in depth and will list, for each workspaces, what are all the paths that lead to the dependency. Note that the display is somewhat optimized in that it will not print the package listing twice for a single package, so if you see a leaf named "Foo" when looking for "Bar", it means that "Foo" already got printed higher in the tree.
-    `,examples:[["Explain why lodash is used in your project","$0 why lodash"]]});function RWe(r,e,{configuration:t,peers:i}){let n=Ie.sortMap(r.storedPackages.values(),a=>P.stringifyLocator(a)),s={},o={children:s};for(let a of n){let l={};for(let u of a.dependencies.values()){if(!i&&a.peerDependencies.has(u.identHash))continue;let g=r.storedResolutions.get(u.descriptorHash);if(!g)throw new Error("Assertion failed: The resolution should have been registered");let f=r.storedPackages.get(g);if(!f)throw new Error("Assertion failed: The package should have been registered");if(f.identHash!==e)continue;{let p=P.stringifyLocator(a);s[p]={value:[a,ee.Type.LOCATOR],children:l}}let h=P.stringifyLocator(f);l[h]={value:[{descriptor:u,locator:f},ee.Type.DEPENDENT]}}}return o}function FWe(r,e,{configuration:t,peers:i}){let n=Ie.sortMap(r.workspaces,f=>P.stringifyLocator(f.anchoredLocator)),s=new Set,o=new Set,a=f=>{if(s.has(f.locatorHash))return o.has(f.locatorHash);if(s.add(f.locatorHash),f.identHash===e)return o.add(f.locatorHash),!0;let h=!1;f.identHash===e&&(h=!0);for(let p of f.dependencies.values()){if(!i&&f.peerDependencies.has(p.identHash))continue;let C=r.storedResolutions.get(p.descriptorHash);if(!C)throw new Error("Assertion failed: The resolution should have been registered");let y=r.storedPackages.get(C);if(!y)throw new Error("Assertion failed: The package should have been registered");a(y)&&(h=!0)}return h&&o.add(f.locatorHash),h};for(let f of n){let h=r.storedPackages.get(f.anchoredLocator.locatorHash);if(!h)throw new Error("Assertion failed: The package should have been registered");a(h)}let l=new Set,c={},u={children:c},g=(f,h,p)=>{if(!o.has(f.locatorHash))return;let C=p!==null?ee.tuple(ee.Type.DEPENDENT,{locator:f,descriptor:p}):ee.tuple(ee.Type.LOCATOR,f),y={},B={value:C,children:y},v=P.stringifyLocator(f);if(h[v]=B,!l.has(f.locatorHash)&&(l.add(f.locatorHash),!(p!==null&&r.tryWorkspaceByLocator(f))))for(let D of f.dependencies.values()){if(!i&&f.peerDependencies.has(D.identHash))continue;let L=r.storedResolutions.get(D.descriptorHash);if(!L)throw new Error("Assertion failed: The resolution should have been registered");let H=r.storedPackages.get(L);if(!H)throw new Error("Assertion failed: The package should have been registered");g(H,y,D)}};for(let f of n){let h=r.storedPackages.get(f.anchoredLocator.locatorHash);if(!h)throw new Error("Assertion failed: The package should have been registered");g(h,c,null)}return u}var HT={};ut(HT,{default:()=>$We,gitUtils:()=>$a});var $a={};ut($a,{TreeishProtocols:()=>pQ,clone:()=>UT,fetchBase:()=>tae,fetchChangedFiles:()=>rae,fetchChangedWorkspaces:()=>_We,fetchRoot:()=>eae,isGitUrl:()=>Gh,lsRemote:()=>$oe,normalizeLocator:()=>MT,normalizeRepoUrl:()=>Km,resolveUrl:()=>KT,splitRepoUrl:()=>Mm});var OT=Pe(zoe()),_oe=Pe(dB()),Hh=Pe(J("querystring")),LT=Pe(Xr());function NT(r,e,t){let i=r.indexOf(t);return r.lastIndexOf(e,i>-1?i:1/0)}function Voe(r){try{return new URL(r)}catch{return}}function VWe(r){let e=NT(r,"@","#"),t=NT(r,":","#");return t>e&&(r=`${r.slice(0,t)}/${r.slice(t+1)}`),NT(r,":","#")===-1&&r.indexOf("//")===-1&&(r=`ssh://${r}`),r}function Xoe(r){return Voe(r)||Voe(VWe(r))}function Zoe(){return{...process.env,GIT_SSH_COMMAND:process.env.GIT_SSH_COMMAND||`${process.env.GIT_SSH||"ssh"} -o BatchMode=yes`}}var XWe=[/^ssh:/,/^git(?:\+[^:]+)?:/,/^(?:git\+)?https?:[^#]+\/[^#]+(?:\.git)(?:#.*)?$/,/^git@[^#]+\/[^#]+\.git(?:#.*)?$/,/^(?:github:|https:\/\/github\.com\/)?(?!\.{1,2}\/)([a-zA-Z._0-9-]+)\/(?!\.{1,2}(?:#|$))([a-zA-Z._0-9-]+?)(?:\.git)?(?:#.*)?$/,/^https:\/\/github\.com\/(?!\.{1,2}\/)([a-zA-Z0-9._-]+)\/(?!\.{1,2}(?:#|$))([a-zA-Z0-9._-]+?)\/tarball\/(.+)?$/],pQ=(n=>(n.Commit="commit",n.Head="head",n.Tag="tag",n.Semver="semver",n))(pQ||{});function Gh(r){return r?XWe.some(e=>!!r.match(e)):!1}function Mm(r){r=Km(r);let e=r.indexOf("#");if(e===-1)return{repo:r,treeish:{protocol:"head",request:"HEAD"},extra:{}};let t=r.slice(0,e),i=r.slice(e+1);if(i.match(/^[a-z]+=/)){let n=Hh.default.parse(i);for(let[l,c]of Object.entries(n))if(typeof c!="string")throw new Error(`Assertion failed: The ${l} parameter must be a literal string`);let s=Object.values(pQ).find(l=>Object.prototype.hasOwnProperty.call(n,l)),o,a;typeof s<"u"?(o=s,a=n[s]):(o="head",a="HEAD");for(let l of Object.values(pQ))delete n[l];return{repo:t,treeish:{protocol:o,request:a},extra:n}}else{let n=i.indexOf(":"),s,o;return n===-1?(s=null,o=i):(s=i.slice(0,n),o=i.slice(n+1)),{repo:t,treeish:{protocol:s,request:o},extra:{}}}}function Km(r,{git:e=!1}={}){if(r=r.replace(/^git\+https:/,"https:"),r=r.replace(/^(?:github:|https:\/\/github\.com\/)?(?!\.{1,2}\/)([a-zA-Z0-9._-]+)\/(?!\.{1,2}(?:#|$))([a-zA-Z0-9._-]+?)(?:\.git)?(#.*)?$/,"https://github.com/$1/$2.git$3"),r=r.replace(/^https:\/\/github\.com\/(?!\.{1,2}\/)([a-zA-Z0-9._-]+)\/(?!\.{1,2}(?:#|$))([a-zA-Z0-9._-]+?)\/tarball\/(.+)?$/,"https://github.com/$1/$2.git#$3"),e){let t=Xoe(r);t&&(r=t.href),r=r.replace(/^git\+([^:]+):/,"$1:")}return r}function MT(r){return P.makeLocator(r,Km(r.reference))}async function $oe(r,e){let t=Km(r,{git:!0});if(!Vt.getNetworkSettings(`https://${(0,OT.default)(t).resource}`,{configuration:e}).enableNetwork)throw new Error(`Request to '${t}' has been blocked because of your configuration settings`);let n=await TT("listing refs",["ls-remote",t],{cwd:e.startingCwd,env:Zoe()},{configuration:e,normalizedRepoUrl:t}),s=new Map,o=/^([a-f0-9]{40})\t([^\n]+)/gm,a;for(;(a=o.exec(n.stdout))!==null;)s.set(a[2],a[1]);return s}async function KT(r,e){let{repo:t,treeish:{protocol:i,request:n},extra:s}=Mm(r),o=await $oe(t,e),a=(c,u)=>{switch(c){case"commit":{if(!u.match(/^[a-f0-9]{40}$/))throw new Error("Invalid commit hash");return Hh.default.stringify({...s,commit:u})}case"head":{let g=o.get(u==="HEAD"?u:`refs/heads/${u}`);if(typeof g>"u")throw new Error(`Unknown head ("${u}")`);return Hh.default.stringify({...s,commit:g})}case"tag":{let g=o.get(`refs/tags/${u}`);if(typeof g>"u")throw new Error(`Unknown tag ("${u}")`);return Hh.default.stringify({...s,commit:g})}case"semver":{let g=vt.validRange(u);if(!g)throw new Error(`Invalid range ("${u}")`);let f=new Map([...o.entries()].filter(([p])=>p.startsWith("refs/tags/")).map(([p,C])=>[LT.default.parse(p.slice(10)),C]).filter(p=>p[0]!==null)),h=LT.default.maxSatisfying([...f.keys()],g);if(h===null)throw new Error(`No matching range ("${u}")`);return Hh.default.stringify({...s,commit:f.get(h)})}case null:{let g;if((g=l("commit",u))!==null||(g=l("tag",u))!==null||(g=l("head",u))!==null)return g;throw u.match(/^[a-f0-9]+$/)?new Error(`Couldn't resolve "${u}" as either a commit, a tag, or a head - if a commit, use the 40-characters commit hash`):new Error(`Couldn't resolve "${u}" as either a commit, a tag, or a head`)}default:throw new Error(`Invalid Git resolution protocol ("${c}")`)}},l=(c,u)=>{try{return a(c,u)}catch{return null}};return`${t}#${a(i,n)}`}async function UT(r,e){return await e.getLimit("cloneConcurrency")(async()=>{let{repo:t,treeish:{protocol:i,request:n}}=Mm(r);if(i!=="commit")throw new Error("Invalid treeish protocol when cloning");let s=Km(t,{git:!0});if(Vt.getNetworkSettings(`https://${(0,OT.default)(s).resource}`,{configuration:e}).enableNetwork===!1)throw new Error(`Request to '${s}' has been blocked because of your configuration settings`);let o=await M.mktempPromise(),a={cwd:o,env:Zoe()};return await TT("cloning the repository",["clone","-c core.autocrlf=false",s,K.fromPortablePath(o)],a,{configuration:e,normalizedRepoUrl:s}),await TT("switching branch",["checkout",`${n}`],a,{configuration:e,normalizedRepoUrl:s}),o})}async function eae(r){let e=null,t,i=r;do t=i,await M.existsPromise(x.join(t,".git"))&&(e=t),i=x.dirname(t);while(e===null&&i!==t);return e}async function tae(r,{baseRefs:e}){if(e.length===0)throw new be("Can't run this command with zero base refs specified.");let t=[];for(let a of e){let{code:l}=await Cr.execvp("git",["merge-base",a,"HEAD"],{cwd:r});l===0&&t.push(a)}if(t.length===0)throw new be(`No ancestor could be found between any of HEAD and ${e.join(", ")}`);let{stdout:i}=await Cr.execvp("git",["merge-base","HEAD",...t],{cwd:r,strict:!0}),n=i.trim(),{stdout:s}=await Cr.execvp("git",["show","--quiet","--pretty=format:%s",n],{cwd:r,strict:!0}),o=s.trim();return{hash:n,title:o}}async function rae(r,{base:e,project:t}){let i=Ie.buildIgnorePattern(t.configuration.get("changesetIgnorePatterns")),{stdout:n}=await Cr.execvp("git",["diff","--name-only",`${e}`],{cwd:r,strict:!0}),s=n.split(/\r\n|\r|\n/).filter(c=>c.length>0).map(c=>x.resolve(r,K.toPortablePath(c))),{stdout:o}=await Cr.execvp("git",["ls-files","--others","--exclude-standard"],{cwd:r,strict:!0}),a=o.split(/\r\n|\r|\n/).filter(c=>c.length>0).map(c=>x.resolve(r,K.toPortablePath(c))),l=[...new Set([...s,...a].sort())];return i?l.filter(c=>!x.relative(t.cwd,c).match(i)):l}async function _We({ref:r,project:e}){if(e.configuration.projectCwd===null)throw new be("This command can only be run from within a Yarn project");let t=[x.resolve(e.cwd,e.configuration.get("cacheFolder")),x.resolve(e.cwd,e.configuration.get("installStatePath")),x.resolve(e.cwd,e.configuration.get("lockfileFilename")),x.resolve(e.cwd,e.configuration.get("virtualFolder"))];await e.configuration.triggerHook(o=>o.populateYarnPaths,e,o=>{o!=null&&t.push(o)});let i=await eae(e.configuration.projectCwd);if(i==null)throw new be("This command can only be run on Git repositories");let n=await tae(i,{baseRefs:typeof r=="string"?[r]:e.configuration.get("changesetBaseRefs")}),s=await rae(i,{base:n.hash,project:e});return new Set(Ie.mapAndFilter(s,o=>{let a=e.tryWorkspaceByFilePath(o);return a===null?Ie.mapAndFilter.skip:t.some(l=>o.startsWith(l))?Ie.mapAndFilter.skip:a}))}async function TT(r,e,t,{configuration:i,normalizedRepoUrl:n}){try{return await Cr.execvp("git",e,{...t,strict:!0})}catch(s){if(!(s instanceof Cr.ExecError))throw s;let o=s.reportExtra,a=s.stderr.toString();throw new at(1,`Failed ${r}`,l=>{l.reportError(1,`  ${ee.prettyField(i,{label:"Repository URL",value:ee.tuple(ee.Type.URL,n)})}`);for(let c of a.matchAll(/^(.+?): (.*)$/gm)){let[,u,g]=c;u=u.toLowerCase();let f=u==="error"?"Error":`${(0,_oe.default)(u)} Error`;l.reportError(1,`  ${ee.prettyField(i,{label:f,value:ee.tuple(ee.Type.NO_HINT,g)})}`)}o==null||o(l)})}}var dQ=class{supports(e,t){return Gh(e.reference)}getLocalPath(e,t){return null}async fetch(e,t){let i=t.checksums.get(e.locatorHash)||null,n=MT(e),s=new Map(t.checksums);s.set(n.locatorHash,i);let o={...t,checksums:s},a=await this.downloadHosted(n,o);if(a!==null)return a;let[l,c,u]=await t.cache.fetchPackageFromCache(e,i,{onHit:()=>t.report.reportCacheHit(e),onMiss:()=>t.report.reportCacheMiss(e,`${P.prettyLocator(t.project.configuration,e)} can't be found in the cache and will be fetched from the remote repository`),loader:()=>this.cloneFromRemote(n,o),skipIntegrityCheck:t.skipIntegrityCheck,...t.cacheOptions});return{packageFs:l,releaseFs:c,prefixPath:P.getIdentVendorPath(e),checksum:u}}async downloadHosted(e,t){return t.project.configuration.reduceHook(i=>i.fetchHostedRepository,null,e,t)}async cloneFromRemote(e,t){let i=await UT(e.reference,t.project.configuration),n=Mm(e.reference),s=x.join(i,"package.tgz");await Jt.prepareExternalProject(i,s,{configuration:t.project.configuration,report:t.report,workspace:n.extra.workspace,locator:e});let o=await M.readFilePromise(s);return await Ie.releaseAfterUseAsync(async()=>await Ci.convertToZip(o,{compressionLevel:t.project.configuration.get("compressionLevel"),prefixPath:P.getIdentVendorPath(e),stripComponents:1}))}};var CQ=class{supportsDescriptor(e,t){return Gh(e.range)}supportsLocator(e,t){return Gh(e.reference)}shouldPersistResolution(e,t){return!0}bindDescriptor(e,t,i){return e}getResolutionDependencies(e,t){return[]}async getCandidates(e,t,i){let n=await KT(e.range,i.project.configuration);return[P.makeLocator(e,n)]}async getSatisfying(e,t,i){return null}async resolve(e,t){if(!t.fetchOptions)throw new Error("Assertion failed: This resolver cannot be used unless a fetcher is configured");let i=await t.fetchOptions.fetcher.fetch(e,t.fetchOptions),n=await Ie.releaseAfterUseAsync(async()=>await ot.find(i.prefixPath,{baseFs:i.packageFs}),i.releaseFs);return{...e,version:n.version||"0.0.0",languageName:n.languageName||t.project.configuration.get("defaultLanguageName"),linkType:"HARD",conditions:n.getConditions(),dependencies:n.dependencies,peerDependencies:n.peerDependencies,dependenciesMeta:n.dependenciesMeta,peerDependenciesMeta:n.peerDependenciesMeta,bin:n.bin}}};var ZWe={configuration:{changesetBaseRefs:{description:"The base git refs that the current HEAD is compared against when detecting changes. Supports git branches, tags, and commits.",type:"STRING",isArray:!0,isNullable:!1,default:["master","origin/master","upstream/master","main","origin/main","upstream/main"]},changesetIgnorePatterns:{description:"Array of glob patterns; files matching them will be ignored when fetching the changed files",type:"STRING",default:[],isArray:!0},cloneConcurrency:{description:"Maximal number of concurrent clones",type:"NUMBER",default:2}},fetchers:[dQ],resolvers:[CQ]};var $We=ZWe;var Su=class extends De{constructor(){super(...arguments);this.since=z.String("--since",{description:"Only include workspaces that have been changed since the specified ref.",tolerateBoolean:!0});this.recursive=z.Boolean("-R,--recursive",!1,{description:"Find packages via dependencies/devDependencies instead of using the workspaces field"});this.noPrivate=z.Boolean("--no-private",{description:"Exclude workspaces that have the private field set to true"});this.verbose=z.Boolean("-v,--verbose",!1,{description:"Also return the cross-dependencies between workspaces"});this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i}=await je.find(t,this.context.cwd);return(await Ge.start({configuration:t,json:this.json,stdout:this.context.stdout},async s=>{let o=this.since?await $a.fetchChangedWorkspaces({ref:this.since,project:i}):i.workspaces,a=new Set(o);if(this.recursive)for(let l of[...o].map(c=>c.getRecursiveWorkspaceDependents()))for(let c of l)a.add(c);for(let l of a){let{manifest:c}=l;if(c.private&&this.noPrivate)continue;let u;if(this.verbose){let g=new Set,f=new Set;for(let h of ot.hardDependencies)for(let[p,C]of c.getForScope(h)){let y=i.tryWorkspaceByDescriptor(C);y===null?i.workspacesByIdent.has(p)&&f.add(C):g.add(y)}u={workspaceDependencies:Array.from(g).map(h=>h.relativeCwd),mismatchedWorkspaceDependencies:Array.from(f).map(h=>P.stringifyDescriptor(h))}}s.reportInfo(null,`${l.relativeCwd}`),s.reportJson({location:l.relativeCwd,name:c.name?P.stringifyIdent(c.name):null,...u})}})).exitCode()}};Su.paths=[["workspaces","list"]],Su.usage=ve.Usage({category:"Workspace-related commands",description:"list all available workspaces",details:"\n      This command will print the list of all workspaces in the project.\n\n      - If `--since` is set, Yarn will only list workspaces that have been modified since the specified ref. By default Yarn will use the refs specified by the `changesetBaseRefs` configuration option.\n\n      - If `-R,--recursive` is set, Yarn will find workspaces to run the command on by recursively evaluating `dependencies` and `devDependencies` fields, instead of looking at the `workspaces` fields.\n\n      - If `--no-private` is set, Yarn will not list any workspaces that have the `private` field set to `true`.\n\n      - If both the `-v,--verbose` and `--json` options are set, Yarn will also return the cross-dependencies between each workspaces (useful when you wish to automatically generate Buck / Bazel rules).\n    "});var vu=class extends De{constructor(){super(...arguments);this.workspaceName=z.String();this.commandName=z.String();this.args=z.Proxy()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd);if(!n)throw new ct(i.cwd,this.context.cwd);let s=i.workspaces,o=new Map(s.map(l=>[P.stringifyIdent(l.locator),l])),a=o.get(this.workspaceName);if(a===void 0){let l=Array.from(o.keys()).sort();throw new be(`Workspace '${this.workspaceName}' not found. Did you mean any of the following:
-  - ${l.join(`
-  - `)}?`)}return this.cli.run([this.commandName,...this.args],{cwd:a.cwd})}};vu.paths=[["workspace"]],vu.usage=ve.Usage({category:"Workspace-related commands",description:"run a command within the specified workspace",details:`
-      This command will run a given sub-command on a single workspace.
-    `,examples:[["Add a package to a single workspace","yarn workspace components add -D react"],["Run build script on a single workspace","yarn workspace components run build"]]});var e3e={configuration:{enableImmutableInstalls:{description:"If true (the default on CI), prevents the install command from modifying the lockfile",type:"BOOLEAN",default:iae.isCI},defaultSemverRangePrefix:{description:"The default save prefix: '^', '~' or ''",type:"STRING",values:["^","~",""],default:"^"}},commands:[$c,eu,tu,ru,Bu,pu,au,Su,Oh,Mh,Lm,Kh,_c,Zc,iu,nu,su,ou,Au,lu,cu,uu,Qu,gu,Cu,du,mu,fu,Eu,Iu,yu,Uh,wu,Al,bu,vu]},t3e=e3e;var WT={};ut(WT,{default:()=>i3e});var Le={optional:!0},YT=[["@tailwindcss/aspect-ratio@<0.2.1",{peerDependencies:{tailwindcss:"^2.0.2"}}],["@tailwindcss/line-clamp@<0.2.1",{peerDependencies:{tailwindcss:"^2.0.2"}}],["@fullhuman/postcss-purgecss@3.1.3 || 3.1.3-alpha.0",{peerDependencies:{postcss:"^8.0.0"}}],["@samverschueren/stream-to-observable@<0.3.1",{peerDependenciesMeta:{rxjs:Le,zenObservable:Le}}],["any-observable@<0.5.1",{peerDependenciesMeta:{rxjs:Le,zenObservable:Le}}],["@pm2/agent@<1.0.4",{dependencies:{debug:"*"}}],["debug@<4.2.0",{peerDependenciesMeta:{["supports-color"]:Le}}],["got@<11",{dependencies:{["@types/responselike"]:"^1.0.0",["@types/keyv"]:"^3.1.1"}}],["cacheable-lookup@<4.1.2",{dependencies:{["@types/keyv"]:"^3.1.1"}}],["http-link-dataloader@*",{peerDependencies:{graphql:"^0.13.1 || ^14.0.0"}}],["typescript-language-server@*",{dependencies:{["vscode-jsonrpc"]:"^5.0.1",["vscode-languageserver-protocol"]:"^3.15.0"}}],["postcss-syntax@*",{peerDependenciesMeta:{["postcss-html"]:Le,["postcss-jsx"]:Le,["postcss-less"]:Le,["postcss-markdown"]:Le,["postcss-scss"]:Le}}],["jss-plugin-rule-value-function@<=10.1.1",{dependencies:{["tiny-warning"]:"^1.0.2"}}],["ink-select-input@<4.1.0",{peerDependencies:{react:"^16.8.2"}}],["license-webpack-plugin@<2.3.18",{peerDependenciesMeta:{webpack:Le}}],["snowpack@>=3.3.0",{dependencies:{["node-gyp"]:"^7.1.0"}}],["promise-inflight@*",{peerDependenciesMeta:{bluebird:Le}}],["reactcss@*",{peerDependencies:{react:"*"}}],["react-color@<=2.19.0",{peerDependencies:{react:"*"}}],["gatsby-plugin-i18n@*",{dependencies:{ramda:"^0.24.1"}}],["useragent@^2.0.0",{dependencies:{request:"^2.88.0",yamlparser:"0.0.x",semver:"5.5.x"}}],["@apollographql/apollo-tools@<=0.5.2",{peerDependencies:{graphql:"^14.2.1 || ^15.0.0"}}],["material-table@^2.0.0",{dependencies:{"@babel/runtime":"^7.11.2"}}],["@babel/parser@*",{dependencies:{"@babel/types":"^7.8.3"}}],["fork-ts-checker-webpack-plugin@<=6.3.4",{peerDependencies:{eslint:">= 6",typescript:">= 2.7",webpack:">= 4","vue-template-compiler":"*"},peerDependenciesMeta:{eslint:Le,"vue-template-compiler":Le}}],["rc-animate@<=3.1.1",{peerDependencies:{react:">=16.9.0","react-dom":">=16.9.0"}}],["react-bootstrap-table2-paginator@*",{dependencies:{classnames:"^2.2.6"}}],["react-draggable@<=4.4.3",{peerDependencies:{react:">= 16.3.0","react-dom":">= 16.3.0"}}],["apollo-upload-client@<14",{peerDependencies:{graphql:"14 - 15"}}],["react-instantsearch-core@<=6.7.0",{peerDependencies:{algoliasearch:">= 3.1 < 5"}}],["react-instantsearch-dom@<=6.7.0",{dependencies:{"react-fast-compare":"^3.0.0"}}],["ws@<7.2.1",{peerDependencies:{bufferutil:"^4.0.1","utf-8-validate":"^5.0.2"},peerDependenciesMeta:{bufferutil:Le,"utf-8-validate":Le}}],["react-portal@<4.2.2",{peerDependencies:{"react-dom":"^15.0.0-0 || ^16.0.0-0 || ^17.0.0-0"}}],["react-scripts@<=4.0.1",{peerDependencies:{react:"*"}}],["testcafe@<=1.10.1",{dependencies:{"@babel/plugin-transform-for-of":"^7.12.1","@babel/runtime":"^7.12.5"}}],["testcafe-legacy-api@<=4.2.0",{dependencies:{"testcafe-hammerhead":"^17.0.1","read-file-relative":"^1.2.0"}}],["@google-cloud/firestore@<=4.9.3",{dependencies:{protobufjs:"^6.8.6"}}],["gatsby-source-apiserver@*",{dependencies:{["babel-polyfill"]:"^6.26.0"}}],["@webpack-cli/package-utils@<=1.0.1-alpha.4",{dependencies:{["cross-spawn"]:"^7.0.3"}}],["gatsby-remark-prismjs@<3.3.28",{dependencies:{lodash:"^4"}}],["gatsby-plugin-favicon@*",{peerDependencies:{webpack:"*"}}],["gatsby-plugin-sharp@<=4.6.0-next.3",{dependencies:{debug:"^4.3.1"}}],["gatsby-react-router-scroll@<=5.6.0-next.0",{dependencies:{["prop-types"]:"^15.7.2"}}],["@rebass/forms@*",{dependencies:{["@styled-system/should-forward-prop"]:"^5.0.0"},peerDependencies:{react:"^16.8.6"}}],["rebass@*",{peerDependencies:{react:"^16.8.6"}}],["@ant-design/react-slick@<=0.28.3",{peerDependencies:{react:">=16.0.0"}}],["mqtt@<4.2.7",{dependencies:{duplexify:"^4.1.1"}}],["vue-cli-plugin-vuetify@<=2.0.3",{dependencies:{semver:"^6.3.0"},peerDependenciesMeta:{"sass-loader":Le,"vuetify-loader":Le}}],["vue-cli-plugin-vuetify@<=2.0.4",{dependencies:{"null-loader":"^3.0.0"}}],["vue-cli-plugin-vuetify@>=2.4.3",{peerDependencies:{vue:"*"}}],["@vuetify/cli-plugin-utils@<=0.0.4",{dependencies:{semver:"^6.3.0"},peerDependenciesMeta:{"sass-loader":Le}}],["@vue/cli-plugin-typescript@<=5.0.0-alpha.0",{dependencies:{"babel-loader":"^8.1.0"}}],["@vue/cli-plugin-typescript@<=5.0.0-beta.0",{dependencies:{"@babel/core":"^7.12.16"},peerDependencies:{"vue-template-compiler":"^2.0.0"},peerDependenciesMeta:{"vue-template-compiler":Le}}],["cordova-ios@<=6.3.0",{dependencies:{underscore:"^1.9.2"}}],["cordova-lib@<=10.0.1",{dependencies:{underscore:"^1.9.2"}}],["git-node-fs@*",{peerDependencies:{"js-git":"^0.7.8"},peerDependenciesMeta:{"js-git":Le}}],["consolidate@<0.16.0",{peerDependencies:{mustache:"^3.0.0"},peerDependenciesMeta:{mustache:Le}}],["consolidate@<=0.16.0",{peerDependencies:{velocityjs:"^2.0.1",tinyliquid:"^0.2.34","liquid-node":"^3.0.1",jade:"^1.11.0","then-jade":"*",dust:"^0.3.0","dustjs-helpers":"^1.7.4","dustjs-linkedin":"^2.7.5",swig:"^1.4.2","swig-templates":"^2.0.3","razor-tmpl":"^1.3.1",atpl:">=0.7.6",liquor:"^0.0.5",twig:"^1.15.2",ejs:"^3.1.5",eco:"^1.1.0-rc-3",jazz:"^0.0.18",jqtpl:"~1.1.0",hamljs:"^0.6.2",hamlet:"^0.3.3",whiskers:"^0.4.0","haml-coffee":"^1.14.1","hogan.js":"^3.0.2",templayed:">=0.2.3",handlebars:"^4.7.6",underscore:"^1.11.0",lodash:"^4.17.20",pug:"^3.0.0","then-pug":"*",qejs:"^3.0.5",walrus:"^0.10.1",mustache:"^4.0.1",just:"^0.1.8",ect:"^0.5.9",mote:"^0.2.0",toffee:"^0.3.6",dot:"^1.1.3","bracket-template":"^1.1.5",ractive:"^1.3.12",nunjucks:"^3.2.2",htmling:"^0.0.8","babel-core":"^6.26.3",plates:"~0.4.11","react-dom":"^16.13.1",react:"^16.13.1","arc-templates":"^0.5.3",vash:"^0.13.0",slm:"^2.0.0",marko:"^3.14.4",teacup:"^2.0.0","coffee-script":"^1.12.7",squirrelly:"^5.1.0",twing:"^5.0.2"},peerDependenciesMeta:{velocityjs:Le,tinyliquid:Le,"liquid-node":Le,jade:Le,"then-jade":Le,dust:Le,"dustjs-helpers":Le,"dustjs-linkedin":Le,swig:Le,"swig-templates":Le,"razor-tmpl":Le,atpl:Le,liquor:Le,twig:Le,ejs:Le,eco:Le,jazz:Le,jqtpl:Le,hamljs:Le,hamlet:Le,whiskers:Le,"haml-coffee":Le,"hogan.js":Le,templayed:Le,handlebars:Le,underscore:Le,lodash:Le,pug:Le,"then-pug":Le,qejs:Le,walrus:Le,mustache:Le,just:Le,ect:Le,mote:Le,toffee:Le,dot:Le,"bracket-template":Le,ractive:Le,nunjucks:Le,htmling:Le,"babel-core":Le,plates:Le,"react-dom":Le,react:Le,"arc-templates":Le,vash:Le,slm:Le,marko:Le,teacup:Le,"coffee-script":Le,squirrelly:Le,twing:Le}}],["vue-loader@<=16.3.3",{peerDependencies:{"@vue/compiler-sfc":"^3.0.8",webpack:"^4.1.0 || ^5.0.0-0"},peerDependenciesMeta:{"@vue/compiler-sfc":Le}}],["vue-loader@^16.7.0",{peerDependencies:{"@vue/compiler-sfc":"^3.0.8",vue:"^3.2.13"},peerDependenciesMeta:{"@vue/compiler-sfc":Le,vue:Le}}],["scss-parser@<=1.0.5",{dependencies:{lodash:"^4.17.21"}}],["query-ast@<1.0.5",{dependencies:{lodash:"^4.17.21"}}],["redux-thunk@<=2.3.0",{peerDependencies:{redux:"^4.0.0"}}],["skypack@<=0.3.2",{dependencies:{tar:"^6.1.0"}}],["@npmcli/metavuln-calculator@<2.0.0",{dependencies:{"json-parse-even-better-errors":"^2.3.1"}}],["bin-links@<2.3.0",{dependencies:{"mkdirp-infer-owner":"^1.0.2"}}],["rollup-plugin-polyfill-node@<=0.8.0",{peerDependencies:{rollup:"^1.20.0 || ^2.0.0"}}],["snowpack@<3.8.6",{dependencies:{"magic-string":"^0.25.7"}}],["elm-webpack-loader@*",{dependencies:{temp:"^0.9.4"}}],["winston-transport@<=4.4.0",{dependencies:{logform:"^2.2.0"}}],["jest-vue-preprocessor@*",{dependencies:{"@babel/core":"7.8.7","@babel/template":"7.8.6"},peerDependencies:{pug:"^2.0.4"},peerDependenciesMeta:{pug:Le}}],["redux-persist@*",{peerDependencies:{react:">=16"},peerDependenciesMeta:{react:Le}}],["sodium@>=3",{dependencies:{"node-gyp":"^3.8.0"}}],["babel-plugin-graphql-tag@<=3.1.0",{peerDependencies:{graphql:"^14.0.0 || ^15.0.0"}}],["@playwright/test@<=1.14.1",{dependencies:{"jest-matcher-utils":"^26.4.2"}}],...["babel-plugin-remove-graphql-queries@<3.14.0-next.1","babel-preset-gatsby-package@<1.14.0-next.1","create-gatsby@<1.14.0-next.1","gatsby-admin@<0.24.0-next.1","gatsby-cli@<3.14.0-next.1","gatsby-core-utils@<2.14.0-next.1","gatsby-design-tokens@<3.14.0-next.1","gatsby-legacy-polyfills@<1.14.0-next.1","gatsby-plugin-benchmark-reporting@<1.14.0-next.1","gatsby-plugin-graphql-config@<0.23.0-next.1","gatsby-plugin-image@<1.14.0-next.1","gatsby-plugin-mdx@<2.14.0-next.1","gatsby-plugin-netlify-cms@<5.14.0-next.1","gatsby-plugin-no-sourcemaps@<3.14.0-next.1","gatsby-plugin-page-creator@<3.14.0-next.1","gatsby-plugin-preact@<5.14.0-next.1","gatsby-plugin-preload-fonts@<2.14.0-next.1","gatsby-plugin-schema-snapshot@<2.14.0-next.1","gatsby-plugin-styletron@<6.14.0-next.1","gatsby-plugin-subfont@<3.14.0-next.1","gatsby-plugin-utils@<1.14.0-next.1","gatsby-recipes@<0.25.0-next.1","gatsby-source-shopify@<5.6.0-next.1","gatsby-source-wikipedia@<3.14.0-next.1","gatsby-transformer-screenshot@<3.14.0-next.1","gatsby-worker@<0.5.0-next.1"].map(r=>[r,{dependencies:{"@babel/runtime":"^7.14.8"}}]),["gatsby-core-utils@<2.14.0-next.1",{dependencies:{got:"8.3.2"}}],["gatsby-plugin-gatsby-cloud@<=3.1.0-next.0",{dependencies:{"gatsby-core-utils":"^2.13.0-next.0"}}],["gatsby-plugin-gatsby-cloud@<=3.2.0-next.1",{peerDependencies:{webpack:"*"}}],["babel-plugin-remove-graphql-queries@<=3.14.0-next.1",{dependencies:{"gatsby-core-utils":"^2.8.0-next.1"}}],["gatsby-plugin-netlify@3.13.0-next.1",{dependencies:{"gatsby-core-utils":"^2.13.0-next.0"}}],["clipanion-v3-codemod@<=0.2.0",{peerDependencies:{jscodeshift:"^0.11.0"}}],["react-live@*",{peerDependencies:{"react-dom":"*",react:"*"}}],["webpack@<4.44.1",{peerDependenciesMeta:{"webpack-cli":Le,"webpack-command":Le}}],["webpack@<5.0.0-beta.23",{peerDependenciesMeta:{"webpack-cli":Le}}],["webpack-dev-server@<3.10.2",{peerDependenciesMeta:{"webpack-cli":Le}}],["@docusaurus/responsive-loader@<1.5.0",{peerDependenciesMeta:{sharp:Le,jimp:Le}}],["eslint-module-utils@*",{peerDependenciesMeta:{"eslint-import-resolver-node":Le,"eslint-import-resolver-typescript":Le,"eslint-import-resolver-webpack":Le,"@typescript-eslint/parser":Le}}],["eslint-plugin-import@*",{peerDependenciesMeta:{"@typescript-eslint/parser":Le}}],["critters-webpack-plugin@<3.0.2",{peerDependenciesMeta:{"html-webpack-plugin":Le}}],["terser@<=5.10.0",{dependencies:{acorn:"^8.5.0"}}],["babel-preset-react-app@10.0.x",{dependencies:{"@babel/plugin-proposal-private-property-in-object":"^7.16.0"}}],["eslint-config-react-app@*",{peerDependenciesMeta:{typescript:Le}}],["@vue/eslint-config-typescript@<11.0.0",{peerDependenciesMeta:{typescript:Le}}],["unplugin-vue2-script-setup@<0.9.1",{peerDependencies:{"@vue/composition-api":"^1.4.3","@vue/runtime-dom":"^3.2.26"}}],["@cypress/snapshot@*",{dependencies:{debug:"^3.2.7"}}],["auto-relay@<=0.14.0",{peerDependencies:{"reflect-metadata":"^0.1.13"}}],["vue-template-babel-compiler@<1.2.0",{peerDependencies:{["vue-template-compiler"]:"^2.6.0"}}],["@parcel/transformer-image@<2.5.0",{peerDependencies:{["@parcel/core"]:"*"}}],["@parcel/transformer-js@<2.5.0",{peerDependencies:{["@parcel/core"]:"*"}}],["parcel@*",{peerDependenciesMeta:{["@parcel/core"]:Le}}],["react-scripts@*",{peerDependencies:{eslint:"*"}}],["focus-trap-react@^8.0.0",{dependencies:{tabbable:"^5.3.2"}}],["react-rnd@<10.3.7",{peerDependencies:{react:">=16.3.0","react-dom":">=16.3.0"}}],["connect-mongo@*",{peerDependencies:{"express-session":"^1.17.1"}}],["vue-i18n@<9",{peerDependencies:{vue:"^2"}}],["vue-router@<4",{peerDependencies:{vue:"^2"}}],["unified@<10",{dependencies:{"@types/unist":"^2.0.0"}}],["react-github-btn@<=1.3.0",{peerDependencies:{react:">=16.3.0"}}],["react-dev-utils@*",{peerDependencies:{typescript:">=2.7",webpack:">=4"},peerDependenciesMeta:{typescript:Le}}],["@asyncapi/react-component@<=1.0.0-next.39",{peerDependencies:{react:">=16.8.0","react-dom":">=16.8.0"}}],["xo@*",{peerDependencies:{webpack:">=1.11.0"},peerDependenciesMeta:{webpack:Le}}],["babel-plugin-remove-graphql-queries@<=4.20.0-next.0",{dependencies:{"@babel/types":"^7.15.4"}}],["gatsby-plugin-page-creator@<=4.20.0-next.1",{dependencies:{"fs-extra":"^10.1.0"}}],["gatsby-plugin-utils@<=3.14.0-next.1",{dependencies:{fastq:"^1.13.0"},peerDependencies:{graphql:"^15.0.0"}}],["gatsby-plugin-mdx@<3.1.0-next.1",{dependencies:{mkdirp:"^1.0.4"}}],["gatsby-plugin-mdx@^2",{peerDependencies:{gatsby:"^3.0.0-next"}}],["fdir@<=5.2.0",{peerDependencies:{picomatch:"2.x"},peerDependenciesMeta:{picomatch:Le}}],["babel-plugin-transform-typescript-metadata@<=0.3.2",{peerDependencies:{"@babel/core":"^7","@babel/traverse":"^7"},peerDependenciesMeta:{"@babel/traverse":Le}}],["graphql-compose@>=9.0.10",{peerDependencies:{graphql:"^14.2.0 || ^15.0.0 || ^16.0.0"}}]];var jT;function nae(){return typeof jT>"u"&&(jT=J("zlib").brotliDecompressSync(Buffer.from("G7weAByFTVk3Vs7UfHhq4yykgEM7pbW7TI43SG2S5tvGrwHBAzdz+s/npQ6tgEvobvxisrPIadkXeUAJotBn5bDZ5kAhcRqsIHe3F75Walet5hNalwgFDtxb0BiDUjiUQkjG0yW2hto9HPgiCkm316d6bC0kST72YN7D7rfkhCE9x4J0XwB0yavalxpUu2t9xszHrmtwalOxT7VslsxWcB1qpqZwERUra4psWhTV8BgwWeizurec82Caf1ABL11YMfbf8FJ9JBceZOkgmvrQPbC9DUldX/yMbmX06UQluCEjSwUoyO+EZPIjofr+/oAZUck2enraRD+oWLlnlYnj8xB+gwSo9lmmks4fXv574qSqcWA6z21uYkzMu3EWj+K23RxeQlLqiE35/rC8GcS4CGkKHKKq+zAIQwD9iRDNfiAqueLLpicFFrNsAI4zeTD/eO9MHcnRa5m8UT+M2+V+AkFST4BlKneiAQRSdST8KEAIyFlULt6wa9EBd0Ds28VmpaxquJdVt+nwdEs5xUskI13OVtFyY0UrQIRAlCuvvWivvlSKQfTO+2Q8OyUR1W5RvetaPz4jD27hdtwHFFA1Ptx6Ee/t2cY2rg2G46M1pNDRf2pWhvpy8pqMnuI3++4OF3+7OFIWXGjh+o7Nr2jNvbiYcQdQS1h903/jVFgOpA0yJ78z+x759bFA0rq+6aY5qPB4FzS3oYoLupDUhD9nDz6F6H7hpnlMf18KNKDu4IKjTWwrAnY6MFQw1W6ymOALHlFyCZmQhldg1MQHaMVVQTVgDC60TfaBqG++Y8PEoFhN/PBTZT175KNP/BlHDYGOOBmnBdzqJKplZ/ljiVG0ZBzfqeBRrrUkn6rA54462SgiliKoYVnbeptMdXNfAuaupIEi0bApF10TlgHfmEJAPUVidRVFyDupSem5po5vErPqWKhKbUIp0LozpYsIKK57dM/HKr+nguF+7924IIWMICkQ8JUigs9D+W+c4LnNoRtPPKNRUiCYmP+Jfo2lfKCKw8qpraEeWU3uiNRO6zcyKQoXPR5htmzzLznke7b4YbXW3I1lIRzmgG02Udb58U+7TpwyN7XymCgH+wuPDthZVQvRZuEP+SnLtMicz9m5zASWOBiAcLmkuFlTKuHspSIhCBD0yUPKcxu81A+4YD78rA2vtwsUEday9WNyrShyrl60rWmA+SmbYZkQOwFJWArxRYYc5jGhA5ikxYw1rx3ei4NmeX/lKiwpZ9Ln1tV2Ae7sArvxuVLbJjqJRjW1vFXAyHpvLG+8MJ6T2Ubx5M2KDa2SN6vuIGxJ9WQM9Mk3Q7aCNiZONXllhqq24DmoLbQfW2rYWsOgHWjtOmIQMyMKdiHZDjoyIq5+U700nZ6odJAoYXPQBvFNiQ78d5jaXliBqLTJEqUCwi+LiH2mx92EmNKDsJL74Z613+3lf20pxkV1+erOrjj8pW00vsPaahKUM+05ssd5uwM7K482KWEf3TCwlg/o3e5ngto7qSMz7YteIgCsF1UOcsLk7F7MxWbvrPMY473ew0G+noVL8EPbkmEMftMSeL6HFub/zy+2JQ==","base64")).toString()),jT}var qT;function sae(){return typeof qT>"u"&&(qT=J("zlib").brotliDecompressSync(Buffer.from("G8MSIIzURnVBnObTcvb3XE6v2S9Qgc2K801Oa5otNKEtK8BINZNcaQHy+9/vf/WXBimwutXC33P2DPc64pps5rz7NGGWaOKNSPL4Y2KRE8twut2lFOIN+OXPtRmPMRhMTILib2bEQx43az2I5d3YS8Roa5UZpF/ujHb3Djd3GDvYUfvFYSUQ39vb2cmifp/rgB4J/65JK3wRBTvMBoNBmn3mbXC63/gbBkW/2IRPri0O8bcsRBsmarF328pAln04nyJFkwUAvNu934supAqLtyerZZpJ8I8suJHhf/ocMV+scKwa8NOiDKIPXw6Ex/EEZD6TEGaW8N5zvNHYF10l6Lfooj7D5W2k3dgvQSbp2Wv8TGOayS978gxlOLVjTGXs66ozewbrjwElLtyrYNnWTfzzdEutgROUFPVMhnMoy8EjJLLlWwIEoySxliim9kYW30JUHiPVyjt0iAw/ZpPmCbUCltYPnq6ZNblIKhTNhqS/oqC9iya5sGKZTOVsTEg34n92uZTf2iPpcZih8rPW8CzA+adIGmyCPcKdLMsBLShd+zuEbTrqpwuh+DLmracZcjPC5Sdf5odDAhKpFuOsQS67RT+1VgWWygSv3YwxDnylc04/PYuaMeIzhBkLrvs7e/OUzRTF56MmfY6rI63QtEjEQzq637zQqJ39nNhu3NmoRRhW/086bHGBUtx0PE0j3aEGvkdh9WJC8y8j8mqqke9/dQ5la+Q3ba4RlhvTbnfQhPDDab3tUifkjKuOsp13mXEmO00Mu88F/M67R7LXfoFDFLNtgCSWjWX+3Jn1371pJTK9xPBiMJafvDjtFyAzu8rxeQ0TKMQXNPs5xxiBOd+BRJP8KP88XPtJIbZKh/cdW8KvBUkpqKpGoiIaA32c3/JnQr4efXt85mXvidOvn/eU3Pase1typLYBalJ14mCso9h79nuMOuCa/kZAOkJHmTjP5RM2WNoPasZUAnT1TAE/NH25hUxcQv6hQWR/m1PKk4ooXMcM4SR1iYU3fUohvqk4RY2hbmTVVIXv6TvqO+0doOjgeVFAcom+RlwJQmOVH7pr1Q9LoJT6n1DeQEB+NHygsATbIwTcOKZlJsY8G4+suX1uQLjUWwLjjs0mvSvZcLTpIGAekeR7GCgl8eo3ndAqEe2XCav4huliHjdbIPBsGJuPX7lrO9HX1UbXRH5opOe1x6JsOSgHZR+EaxuXVhpLLxm6jk1LJtZfHSc6BKPun3CpYYVMJGwEUyk8MTGG0XL5MfEwaXpnc9TKnBmlGn6nHiGREc3ysn47XIBDzA+YvFdjZzVIEDcKGpS6PbUJehFRjEne8D0lVU1XuRtlgszq6pTNlQ/3MzNOEgCWPyTct22V2mEi2krizn5VDo9B19/X2DB3hCGRMM7ONbtnAcIx/OWB1u5uPbW1gsH8irXxT/IzG0PoXWYjhbMsH3KTuoOl5o17PulcgvsfTSnKFM354GWI8luqZnrswWjiXy3G+Vbyo1KMopFmmvBwNELgaS8z8dNZchx/Cl/xjddxhMcyqtzFyONb2Zdu90NkI8pAeufe7YlXrp53v8Dj/l8vWeVspRKBGXScBBPI/HinSTGmLDOGGOCIyH0JFdOZx0gWsacNlQLJMIrBhqRxXxHF/5pseWwejlAAvZ3klZSDSYY8mkToaWejXhgNomeGtx1DTLEUFMRkgF5yFB22WYdJnaWN14r1YJj81hGi45+jrADS5nYRhCiSlCJJ1nL8pYX+HDSMhdTEWyRcgHVp/IsUIZYMfT+YYncUQPgcxNGCHfZ88vDdrcUuaGIl6zhAsiaq7R5dfqrqXH/JcBhfjT8D0azayIyEz75Nxp6YkcyDxlJq3EXnJUpqDohJJOysL1t1uNiHESlvsxPb5cpbW0+ICZqJmUZus1BMW0F5IVBODLIo2zHHjA0=","base64")).toString()),qT}var JT;function oae(){return typeof JT>"u"&&(JT=J("zlib").brotliDecompressSync(Buffer.from("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","base64")).toString()),JT}var aae=new Map([[P.makeIdent(null,"fsevents").identHash,nae],[P.makeIdent(null,"resolve").identHash,sae],[P.makeIdent(null,"typescript").identHash,oae]]),r3e={hooks:{registerPackageExtensions:async(r,e)=>{for(let[t,i]of YT)e(P.parseDescriptor(t,!0),i)},getBuiltinPatch:async(r,e)=>{var s;let t="compat/";if(!e.startsWith(t))return;let i=P.parseIdent(e.slice(t.length)),n=(s=aae.get(i.identHash))==null?void 0:s();return typeof n<"u"?n:null},reduceDependency:async(r,e,t,i)=>typeof aae.get(r.identHash)>"u"?r:P.makeDescriptor(r,P.makeRange({protocol:"patch:",source:P.stringifyDescriptor(r),selector:`~builtin<compat/${P.stringifyIdent(r)}>`,params:null}))}},i3e=r3e;var zT={};ut(zT,{default:()=>s3e});var Yh=class extends De{constructor(){super(...arguments);this.pkg=z.String("-p,--package",{description:"The package to run the provided command from"});this.quiet=z.Boolean("-q,--quiet",!1,{description:"Only report critical errors instead of printing the full install logs"});this.command=z.String();this.args=z.Proxy()}async execute(){let t=[];this.pkg&&t.push("--package",this.pkg),this.quiet&&t.push("--quiet");let i=P.parseDescriptor(this.command),n;i.scope?n=P.makeIdent(i.scope,`create-${i.name}`):i.name.startsWith("@")?n=P.makeIdent(i.name.substring(1),"create"):n=P.makeIdent(null,`create-${i.name}`);let s=P.stringifyIdent(n);return i.range!=="unknown"&&(s+=`@${i.range}`),this.cli.run(["dlx",...t,s,...this.args])}};Yh.paths=[["create"]];var xu=class extends De{constructor(){super(...arguments);this.packages=z.Array("-p,--package",{description:"The package(s) to install before running the command"});this.quiet=z.Boolean("-q,--quiet",!1,{description:"Only report critical errors instead of printing the full install logs"});this.command=z.String();this.args=z.Proxy()}async execute(){return ye.telemetry=null,await M.mktempPromise(async t=>{var C;let i=x.join(t,`dlx-${process.pid}`);await M.mkdirPromise(i),await M.writeFilePromise(x.join(i,"package.json"),`{}
-`),await M.writeFilePromise(x.join(i,"yarn.lock"),"");let n=x.join(i,".yarnrc.yml"),s=await ye.findProjectCwd(this.context.cwd,xt.lockfile),o=!(await ye.find(this.context.cwd,null,{strict:!1})).get("enableGlobalCache"),a=s!==null?x.join(s,".yarnrc.yml"):null;a!==null&&M.existsSync(a)?(await M.copyFilePromise(a,n),await ye.updateConfiguration(i,y=>{let B={...y,enableGlobalCache:o,enableTelemetry:!1};return Array.isArray(y.plugins)&&(B.plugins=y.plugins.map(v=>{let D=typeof v=="string"?v:v.path,L=K.isAbsolute(D)?D:K.resolve(K.fromPortablePath(s),D);return typeof v=="string"?L:{path:L,spec:v.spec}})),B})):await M.writeFilePromise(n,`enableGlobalCache: ${o}
-enableTelemetry: false
-`);let l=(C=this.packages)!=null?C:[this.command],c=P.parseDescriptor(this.command).name,u=await this.cli.run(["add","--",...l],{cwd:i,quiet:this.quiet});if(u!==0)return u;this.quiet||this.context.stdout.write(`
-`);let g=await ye.find(i,this.context.plugins),{project:f,workspace:h}=await je.find(g,i);if(h===null)throw new ct(f.cwd,i);await f.restoreInstallState();let p=await Jt.getWorkspaceAccessibleBinaries(h);return p.has(c)===!1&&p.size===1&&typeof this.packages>"u"&&(c=Array.from(p)[0][0]),await Jt.executeWorkspaceAccessibleBinary(h,c,this.args,{packageAccessibleBinaries:p,cwd:this.context.cwd,stdin:this.context.stdin,stdout:this.context.stdout,stderr:this.context.stderr})})}};xu.paths=[["dlx"]],xu.usage=ve.Usage({description:"run a package in a temporary environment",details:"\n      This command will install a package within a temporary environment, and run its binary script if it contains any. The binary will run within the current cwd.\n\n      By default Yarn will download the package named `command`, but this can be changed through the use of the `-p,--package` flag which will instruct Yarn to still run the same command but from a different package.\n\n      Using `yarn dlx` as a replacement of `yarn add` isn't recommended, as it makes your project non-deterministic (Yarn doesn't keep track of the packages installed through `dlx` - neither their name, nor their version).\n    ",examples:[["Use create-react-app to create a new React app","yarn dlx create-react-app ./my-app"],["Install multiple packages for a single command",`yarn dlx -p typescript -p ts-node ts-node --transpile-only -e "console.log('hello!')"`]]});var n3e={commands:[Yh,xu]},s3e=n3e;var ZT={};ut(ZT,{default:()=>A3e,fileUtils:()=>Hm});var jh=/^(?:[a-zA-Z]:[\\/]|\.{0,2}\/)/,Um=/^[^?]*\.(?:tar\.gz|tgz)(?:::.*)?$/,qr="file:";var Hm={};ut(Hm,{makeArchiveFromLocator:()=>mQ,makeBufferFromLocator:()=>_T,makeLocator:()=>XT,makeSpec:()=>Aae,parseSpec:()=>VT});function VT(r){let{params:e,selector:t}=P.parseRange(r),i=K.toPortablePath(t);return{parentLocator:e&&typeof e.locator=="string"?P.parseLocator(e.locator):null,path:i}}function Aae({parentLocator:r,path:e,folderHash:t,protocol:i}){let n=r!==null?{locator:P.stringifyLocator(r)}:{},s=typeof t<"u"?{hash:t}:{};return P.makeRange({protocol:i,source:e,selector:e,params:{...s,...n}})}function XT(r,{parentLocator:e,path:t,folderHash:i,protocol:n}){return P.makeLocator(r,Aae({parentLocator:e,path:t,folderHash:i,protocol:n}))}async function mQ(r,{protocol:e,fetchOptions:t,inMemory:i=!1}){let{parentLocator:n,path:s}=P.parseFileStyleRange(r.reference,{protocol:e}),o=x.isAbsolute(s)?{packageFs:new jt(Oe.root),prefixPath:Oe.dot,localPath:Oe.root}:await t.fetcher.fetch(n,t),a=o.localPath?{packageFs:new jt(Oe.root),prefixPath:x.relative(Oe.root,o.localPath)}:o;o!==a&&o.releaseFs&&o.releaseFs();let l=a.packageFs,c=x.join(a.prefixPath,s);return await Ie.releaseAfterUseAsync(async()=>await Ci.makeArchiveFromDirectory(c,{baseFs:l,prefixPath:P.getIdentVendorPath(r),compressionLevel:t.project.configuration.get("compressionLevel"),inMemory:i}),a.releaseFs)}async function _T(r,{protocol:e,fetchOptions:t}){return(await mQ(r,{protocol:e,fetchOptions:t,inMemory:!0})).getBufferAndClose()}var EQ=class{supports(e,t){return!!e.reference.startsWith(qr)}getLocalPath(e,t){let{parentLocator:i,path:n}=P.parseFileStyleRange(e.reference,{protocol:qr});if(x.isAbsolute(n))return n;let s=t.fetcher.getLocalPath(i,t);return s===null?null:x.resolve(s,n)}async fetch(e,t){let i=t.checksums.get(e.locatorHash)||null,[n,s,o]=await t.cache.fetchPackageFromCache(e,i,{onHit:()=>t.report.reportCacheHit(e),onMiss:()=>t.report.reportCacheMiss(e,`${P.prettyLocator(t.project.configuration,e)} can't be found in the cache and will be fetched from the disk`),loader:()=>this.fetchFromDisk(e,t),skipIntegrityCheck:t.skipIntegrityCheck,...t.cacheOptions});return{packageFs:n,releaseFs:s,prefixPath:P.getIdentVendorPath(e),localPath:this.getLocalPath(e,t),checksum:o}}async fetchFromDisk(e,t){return mQ(e,{protocol:qr,fetchOptions:t})}};var o3e=2,IQ=class{supportsDescriptor(e,t){return e.range.match(jh)?!0:!!e.range.startsWith(qr)}supportsLocator(e,t){return!!e.reference.startsWith(qr)}shouldPersistResolution(e,t){return!1}bindDescriptor(e,t,i){return jh.test(e.range)&&(e=P.makeDescriptor(e,`${qr}${e.range}`)),P.bindDescriptor(e,{locator:P.stringifyLocator(t)})}getResolutionDependencies(e,t){return[]}async getCandidates(e,t,i){if(!i.fetchOptions)throw new Error("Assertion failed: This resolver cannot be used unless a fetcher is configured");let{path:n,parentLocator:s}=VT(e.range);if(s===null)throw new Error("Assertion failed: The descriptor should have been bound");let o=await _T(P.makeLocator(e,P.makeRange({protocol:qr,source:n,selector:n,params:{locator:P.stringifyLocator(s)}})),{protocol:qr,fetchOptions:i.fetchOptions}),a=li.makeHash(`${o3e}`,o).slice(0,6);return[XT(e,{parentLocator:s,path:n,folderHash:a,protocol:qr})]}async getSatisfying(e,t,i){return null}async resolve(e,t){if(!t.fetchOptions)throw new Error("Assertion failed: This resolver cannot be used unless a fetcher is configured");let i=await t.fetchOptions.fetcher.fetch(e,t.fetchOptions),n=await Ie.releaseAfterUseAsync(async()=>await ot.find(i.prefixPath,{baseFs:i.packageFs}),i.releaseFs);return{...e,version:n.version||"0.0.0",languageName:n.languageName||t.project.configuration.get("defaultLanguageName"),linkType:"HARD",conditions:n.getConditions(),dependencies:n.dependencies,peerDependencies:n.peerDependencies,dependenciesMeta:n.dependenciesMeta,peerDependenciesMeta:n.peerDependenciesMeta,bin:n.bin}}};var yQ=class{supports(e,t){return Um.test(e.reference)?!!e.reference.startsWith(qr):!1}getLocalPath(e,t){return null}async fetch(e,t){let i=t.checksums.get(e.locatorHash)||null,[n,s,o]=await t.cache.fetchPackageFromCache(e,i,{onHit:()=>t.report.reportCacheHit(e),onMiss:()=>t.report.reportCacheMiss(e,`${P.prettyLocator(t.project.configuration,e)} can't be found in the cache and will be fetched from the disk`),loader:()=>this.fetchFromDisk(e,t),skipIntegrityCheck:t.skipIntegrityCheck,...t.cacheOptions});return{packageFs:n,releaseFs:s,prefixPath:P.getIdentVendorPath(e),checksum:o}}async fetchFromDisk(e,t){let{parentLocator:i,path:n}=P.parseFileStyleRange(e.reference,{protocol:qr}),s=x.isAbsolute(n)?{packageFs:new jt(Oe.root),prefixPath:Oe.dot,localPath:Oe.root}:await t.fetcher.fetch(i,t),o=s.localPath?{packageFs:new jt(Oe.root),prefixPath:x.relative(Oe.root,s.localPath)}:s;s!==o&&s.releaseFs&&s.releaseFs();let a=o.packageFs,l=x.join(o.prefixPath,n),c=await a.readFilePromise(l);return await Ie.releaseAfterUseAsync(async()=>await Ci.convertToZip(c,{compressionLevel:t.project.configuration.get("compressionLevel"),prefixPath:P.getIdentVendorPath(e),stripComponents:1}),o.releaseFs)}};var wQ=class{supportsDescriptor(e,t){return Um.test(e.range)?!!(e.range.startsWith(qr)||jh.test(e.range)):!1}supportsLocator(e,t){return Um.test(e.reference)?!!e.reference.startsWith(qr):!1}shouldPersistResolution(e,t){return!0}bindDescriptor(e,t,i){return jh.test(e.range)&&(e=P.makeDescriptor(e,`${qr}${e.range}`)),P.bindDescriptor(e,{locator:P.stringifyLocator(t)})}getResolutionDependencies(e,t){return[]}async getCandidates(e,t,i){let n=e.range;return n.startsWith(qr)&&(n=n.slice(qr.length)),[P.makeLocator(e,`${qr}${K.toPortablePath(n)}`)]}async getSatisfying(e,t,i){return null}async resolve(e,t){if(!t.fetchOptions)throw new Error("Assertion failed: This resolver cannot be used unless a fetcher is configured");let i=await t.fetchOptions.fetcher.fetch(e,t.fetchOptions),n=await Ie.releaseAfterUseAsync(async()=>await ot.find(i.prefixPath,{baseFs:i.packageFs}),i.releaseFs);return{...e,version:n.version||"0.0.0",languageName:n.languageName||t.project.configuration.get("defaultLanguageName"),linkType:"HARD",conditions:n.getConditions(),dependencies:n.dependencies,peerDependencies:n.peerDependencies,dependenciesMeta:n.dependenciesMeta,peerDependenciesMeta:n.peerDependenciesMeta,bin:n.bin}}};var a3e={fetchers:[yQ,EQ],resolvers:[wQ,IQ]},A3e=a3e;var $T={};ut($T,{default:()=>g3e});var lae=Pe(J("querystring")),cae=[/^https?:\/\/(?:([^/]+?)@)?github.com\/([^/#]+)\/([^/#]+)\/tarball\/([^/#]+)(?:#(.*))?$/,/^https?:\/\/(?:([^/]+?)@)?github.com\/([^/#]+)\/([^/#]+?)(?:\.git)?(?:#(.*))?$/];function uae(r){return r?cae.some(e=>!!r.match(e)):!1}function gae(r){let e;for(let a of cae)if(e=r.match(a),e)break;if(!e)throw new Error(l3e(r));let[,t,i,n,s="master"]=e,{commit:o}=lae.default.parse(s);return s=o||s.replace(/[^:]*:/,""),{auth:t,username:i,reponame:n,treeish:s}}function l3e(r){return`Input cannot be parsed as a valid GitHub URL ('${r}').`}var BQ=class{supports(e,t){return!!uae(e.reference)}getLocalPath(e,t){return null}async fetch(e,t){let i=t.checksums.get(e.locatorHash)||null,[n,s,o]=await t.cache.fetchPackageFromCache(e,i,{onHit:()=>t.report.reportCacheHit(e),onMiss:()=>t.report.reportCacheMiss(e,`${P.prettyLocator(t.project.configuration,e)} can't be found in the cache and will be fetched from GitHub`),loader:()=>this.fetchFromNetwork(e,t),skipIntegrityCheck:t.skipIntegrityCheck,...t.cacheOptions});return{packageFs:n,releaseFs:s,prefixPath:P.getIdentVendorPath(e),checksum:o}}async fetchFromNetwork(e,t){let i=await Vt.get(this.getLocatorUrl(e,t),{configuration:t.project.configuration});return await M.mktempPromise(async n=>{let s=new jt(n);await Ci.extractArchiveTo(i,s,{stripComponents:1});let o=$a.splitRepoUrl(e.reference),a=x.join(n,"package.tgz");await Jt.prepareExternalProject(n,a,{configuration:t.project.configuration,report:t.report,workspace:o.extra.workspace,locator:e});let l=await M.readFilePromise(a);return await Ci.convertToZip(l,{compressionLevel:t.project.configuration.get("compressionLevel"),prefixPath:P.getIdentVendorPath(e),stripComponents:1})})}getLocatorUrl(e,t){let{auth:i,username:n,reponame:s,treeish:o}=gae(e.reference);return`https://${i?`${i}@`:""}github.com/${n}/${s}/archive/${o}.tar.gz`}};var u3e={hooks:{async fetchHostedRepository(r,e,t){if(r!==null)return r;let i=new BQ;if(!i.supports(e,t))return null;try{return await i.fetch(e,t)}catch{return null}}}},g3e=u3e;var eO={};ut(eO,{default:()=>h3e});var Gm=/^[^?]*\.(?:tar\.gz|tgz)(?:\?.*)?$/,Ym=/^https?:/;var QQ=class{supports(e,t){return Gm.test(e.reference)?!!Ym.test(e.reference):!1}getLocalPath(e,t){return null}async fetch(e,t){let i=t.checksums.get(e.locatorHash)||null,[n,s,o]=await t.cache.fetchPackageFromCache(e,i,{onHit:()=>t.report.reportCacheHit(e),onMiss:()=>t.report.reportCacheMiss(e,`${P.prettyLocator(t.project.configuration,e)} can't be found in the cache and will be fetched from the remote server`),loader:()=>this.fetchFromNetwork(e,t),skipIntegrityCheck:t.skipIntegrityCheck,...t.cacheOptions});return{packageFs:n,releaseFs:s,prefixPath:P.getIdentVendorPath(e),checksum:o}}async fetchFromNetwork(e,t){let i=await Vt.get(e.reference,{configuration:t.project.configuration});return await Ci.convertToZip(i,{compressionLevel:t.project.configuration.get("compressionLevel"),prefixPath:P.getIdentVendorPath(e),stripComponents:1})}};var bQ=class{supportsDescriptor(e,t){return Gm.test(e.range)?!!Ym.test(e.range):!1}supportsLocator(e,t){return Gm.test(e.reference)?!!Ym.test(e.reference):!1}shouldPersistResolution(e,t){return!0}bindDescriptor(e,t,i){return e}getResolutionDependencies(e,t){return[]}async getCandidates(e,t,i){return[P.convertDescriptorToLocator(e)]}async getSatisfying(e,t,i){return null}async resolve(e,t){if(!t.fetchOptions)throw new Error("Assertion failed: This resolver cannot be used unless a fetcher is configured");let i=await t.fetchOptions.fetcher.fetch(e,t.fetchOptions),n=await Ie.releaseAfterUseAsync(async()=>await ot.find(i.prefixPath,{baseFs:i.packageFs}),i.releaseFs);return{...e,version:n.version||"0.0.0",languageName:n.languageName||t.project.configuration.get("defaultLanguageName"),linkType:"HARD",conditions:n.getConditions(),dependencies:n.dependencies,peerDependencies:n.peerDependencies,dependenciesMeta:n.dependenciesMeta,peerDependenciesMeta:n.peerDependenciesMeta,bin:n.bin}}};var f3e={fetchers:[QQ],resolvers:[bQ]},h3e=f3e;var nO={};ut(nO,{default:()=>p4e});var Kae=Pe(Mae()),iO=J("util"),Pu=class extends De{constructor(){super(...arguments);this.private=z.Boolean("-p,--private",!1,{description:"Initialize a private package"});this.workspace=z.Boolean("-w,--workspace",!1,{description:"Initialize a workspace root with a `packages/` directory"});this.install=z.String("-i,--install",!1,{tolerateBoolean:!0,description:"Initialize a package with a specific bundle that will be locked in the project"});this.usev2=z.Boolean("-2",!1,{hidden:!0});this.yes=z.Boolean("-y,--yes",{hidden:!0});this.assumeFreshProject=z.Boolean("--assume-fresh-project",!1,{hidden:!0})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),i=typeof this.install=="string"?this.install:this.usev2||this.install===!0?"latest":null;return i!==null?await this.executeProxy(t,i):await this.executeRegular(t)}async executeProxy(t,i){if(t.projectCwd!==null&&t.projectCwd!==this.context.cwd)throw new be("Cannot use the --install flag from within a project subdirectory");M.existsSync(this.context.cwd)||await M.mkdirPromise(this.context.cwd,{recursive:!0});let n=x.join(this.context.cwd,t.get("lockfileFilename"));M.existsSync(n)||await M.writeFilePromise(n,"");let s=await this.cli.run(["set","version",i],{quiet:!0});if(s!==0)return s;let o=[];return this.private&&o.push("-p"),this.workspace&&o.push("-w"),this.yes&&o.push("-y"),await M.mktempPromise(async a=>{let{code:l}=await Cr.pipevp("yarn",["init",...o],{cwd:this.context.cwd,stdin:this.context.stdin,stdout:this.context.stdout,stderr:this.context.stderr,env:await Jt.makeScriptEnv({binFolder:a})});return l})}async executeRegular(t){var c;let i=null;try{i=(await je.find(t,this.context.cwd)).project}catch{i=null}M.existsSync(this.context.cwd)||await M.mkdirPromise(this.context.cwd,{recursive:!0});let n=await ot.tryFind(this.context.cwd)||new ot,s=Object.fromEntries(t.get("initFields").entries());n.load(s),n.name=(c=n.name)!=null?c:P.makeIdent(t.get("initScope"),x.basename(this.context.cwd)),n.packageManager=Lr&&Ie.isTaggedYarnVersion(Lr)?`yarn@${Lr}`:null,typeof n.raw.private>"u"&&(this.private||this.workspace&&n.workspaceDefinitions.length===0)&&(n.private=!0),this.workspace&&n.workspaceDefinitions.length===0&&(await M.mkdirPromise(x.join(this.context.cwd,"packages"),{recursive:!0}),n.workspaceDefinitions=[{pattern:"packages/*"}]);let o={};n.exportTo(o),iO.inspect.styles.name="cyan",this.context.stdout.write(`${(0,iO.inspect)(o,{depth:1/0,colors:!0,compact:!1})}
-`);let a=x.join(this.context.cwd,ot.fileName);await M.changeFilePromise(a,`${JSON.stringify(o,null,2)}
-`,{automaticNewlines:!0});let l=x.join(this.context.cwd,"README.md");if(M.existsSync(l)||await M.writeFilePromise(l,`# ${P.stringifyIdent(n.name)}
-`),!i||i.cwd===this.context.cwd){let u=x.join(this.context.cwd,xt.lockfile);M.existsSync(u)||await M.writeFilePromise(u,"");let f=[".yarn/*","!.yarn/patches","!.yarn/plugins","!.yarn/releases","!.yarn/sdks","!.yarn/versions","","# Swap the comments on the following lines if you don't wish to use zero-installs","# Documentation here: https://yarnpkg.com/features/zero-installs","!.yarn/cache","#.pnp.*"].map(L=>`${L}
-`).join(""),h=x.join(this.context.cwd,".gitignore");M.existsSync(h)||await M.writeFilePromise(h,f);let C=["/.yarn/**            linguist-vendored","/.yarn/releases/*    binary","/.yarn/plugins/**/*  binary","/.pnp.*              binary linguist-generated"].map(L=>`${L}
-`).join(""),y=x.join(this.context.cwd,".gitattributes");M.existsSync(y)||await M.writeFilePromise(y,C);let B={["*"]:{endOfLine:"lf",insertFinalNewline:!0},["*.{js,json,yml}"]:{charset:"utf-8",indentStyle:"space",indentSize:2}};(0,Kae.default)(B,t.get("initEditorConfig"));let v=`root = true
-`;for(let[L,H]of Object.entries(B)){v+=`
-[${L}]
-`;for(let[j,$]of Object.entries(H))v+=`${j.replace(/[A-Z]/g,W=>`_${W.toLowerCase()}`)} = ${$}
-`}let D=x.join(this.context.cwd,".editorconfig");M.existsSync(D)||await M.writeFilePromise(D,v),M.existsSync(x.join(this.context.cwd,".git"))||await Cr.execvp("git",["init"],{cwd:this.context.cwd})}}};Pu.paths=[["init"]],Pu.usage=ve.Usage({description:"create a new package",details:"\n      This command will setup a new package in your local directory.\n\n      If the `-p,--private` or `-w,--workspace` options are set, the package will be private by default.\n\n      If the `-w,--workspace` option is set, the package will be configured to accept a set of workspaces in the `packages/` directory.\n\n      If the `-i,--install` option is given a value, Yarn will first download it using `yarn set version` and only then forward the init call to the newly downloaded bundle. Without arguments, the downloaded bundle will be `latest`.\n\n      The initial settings of the manifest can be changed by using the `initScope` and `initFields` configuration values. Additionally, Yarn will generate an EditorConfig file whose rules can be altered via `initEditorConfig`, and will initialize a Git repository in the current directory.\n    ",examples:[["Create a new package in the local directory","yarn init"],["Create a new private package in the local directory","yarn init -p"],["Create a new package and store the Yarn release inside","yarn init -i=latest"],["Create a new private package and defines it as a workspace root","yarn init -w"]]});var h4e={configuration:{initScope:{description:"Scope used when creating packages via the init command",type:"STRING",default:null},initFields:{description:"Additional fields to set when creating packages via the init command",type:"MAP",valueDefinition:{description:"",type:"ANY"}},initEditorConfig:{description:"Extra rules to define in the generator editorconfig",type:"MAP",valueDefinition:{description:"",type:"ANY"}}},commands:[Pu]},p4e=h4e;var sO={};ut(sO,{default:()=>C4e});var eA="portal:",tA="link:";var SQ=class{supports(e,t){return!!e.reference.startsWith(eA)}getLocalPath(e,t){let{parentLocator:i,path:n}=P.parseFileStyleRange(e.reference,{protocol:eA});if(x.isAbsolute(n))return n;let s=t.fetcher.getLocalPath(i,t);return s===null?null:x.resolve(s,n)}async fetch(e,t){var c;let{parentLocator:i,path:n}=P.parseFileStyleRange(e.reference,{protocol:eA}),s=x.isAbsolute(n)?{packageFs:new jt(Oe.root),prefixPath:Oe.dot,localPath:Oe.root}:await t.fetcher.fetch(i,t),o=s.localPath?{packageFs:new jt(Oe.root),prefixPath:x.relative(Oe.root,s.localPath),localPath:Oe.root}:s;s!==o&&s.releaseFs&&s.releaseFs();let a=o.packageFs,l=x.resolve((c=o.localPath)!=null?c:o.packageFs.getRealPath(),o.prefixPath,n);return s.localPath?{packageFs:new jt(l,{baseFs:a}),releaseFs:o.releaseFs,prefixPath:Oe.dot,localPath:l}:{packageFs:new wo(l,{baseFs:a}),releaseFs:o.releaseFs,prefixPath:Oe.dot}}};var vQ=class{supportsDescriptor(e,t){return!!e.range.startsWith(eA)}supportsLocator(e,t){return!!e.reference.startsWith(eA)}shouldPersistResolution(e,t){return!1}bindDescriptor(e,t,i){return P.bindDescriptor(e,{locator:P.stringifyLocator(t)})}getResolutionDependencies(e,t){return[]}async getCandidates(e,t,i){let n=e.range.slice(eA.length);return[P.makeLocator(e,`${eA}${K.toPortablePath(n)}`)]}async getSatisfying(e,t,i){return null}async resolve(e,t){if(!t.fetchOptions)throw new Error("Assertion failed: This resolver cannot be used unless a fetcher is configured");let i=await t.fetchOptions.fetcher.fetch(e,t.fetchOptions),n=await Ie.releaseAfterUseAsync(async()=>await ot.find(i.prefixPath,{baseFs:i.packageFs}),i.releaseFs);return{...e,version:n.version||"0.0.0",languageName:n.languageName||t.project.configuration.get("defaultLanguageName"),linkType:"SOFT",conditions:n.getConditions(),dependencies:new Map([...n.dependencies]),peerDependencies:n.peerDependencies,dependenciesMeta:n.dependenciesMeta,peerDependenciesMeta:n.peerDependenciesMeta,bin:n.bin}}};var xQ=class{supports(e,t){return!!e.reference.startsWith(tA)}getLocalPath(e,t){let{parentLocator:i,path:n}=P.parseFileStyleRange(e.reference,{protocol:tA});if(x.isAbsolute(n))return n;let s=t.fetcher.getLocalPath(i,t);return s===null?null:x.resolve(s,n)}async fetch(e,t){var c;let{parentLocator:i,path:n}=P.parseFileStyleRange(e.reference,{protocol:tA}),s=x.isAbsolute(n)?{packageFs:new jt(Oe.root),prefixPath:Oe.dot,localPath:Oe.root}:await t.fetcher.fetch(i,t),o=s.localPath?{packageFs:new jt(Oe.root),prefixPath:x.relative(Oe.root,s.localPath),localPath:Oe.root}:s;s!==o&&s.releaseFs&&s.releaseFs();let a=o.packageFs,l=x.resolve((c=o.localPath)!=null?c:o.packageFs.getRealPath(),o.prefixPath,n);return s.localPath?{packageFs:new jt(l,{baseFs:a}),releaseFs:o.releaseFs,prefixPath:Oe.dot,discardFromLookup:!0,localPath:l}:{packageFs:new wo(l,{baseFs:a}),releaseFs:o.releaseFs,prefixPath:Oe.dot,discardFromLookup:!0}}};var PQ=class{supportsDescriptor(e,t){return!!e.range.startsWith(tA)}supportsLocator(e,t){return!!e.reference.startsWith(tA)}shouldPersistResolution(e,t){return!1}bindDescriptor(e,t,i){return P.bindDescriptor(e,{locator:P.stringifyLocator(t)})}getResolutionDependencies(e,t){return[]}async getCandidates(e,t,i){let n=e.range.slice(tA.length);return[P.makeLocator(e,`${tA}${K.toPortablePath(n)}`)]}async getSatisfying(e,t,i){return null}async resolve(e,t){return{...e,version:"0.0.0",languageName:t.project.configuration.get("defaultLanguageName"),linkType:"SOFT",conditions:null,dependencies:new Map,peerDependencies:new Map,dependenciesMeta:new Map,peerDependenciesMeta:new Map,bin:new Map}}};var d4e={fetchers:[xQ,SQ],resolvers:[PQ,vQ]},C4e=d4e;var MO={};ut(MO,{default:()=>N8e});var aO=(r,e)=>`${r}@${e}`,Uae=(r,e)=>{let t=e.indexOf("#"),i=t>=0?e.substring(t+1):e;return aO(r,i)};var Yae=(r,e={})=>{let t=e.debugLevel||Number(process.env.NM_DEBUG_LEVEL||-1),i=e.check||t>=9,n=e.hoistingLimits||new Map,s={check:i,debugLevel:t,hoistingLimits:n,fastLookupPossible:!0},o;s.debugLevel>=0&&(o=Date.now());let a=Q4e(r,s),l=!1,c=0;do l=AO(a,[a],new Set([a.locator]),new Map,s).anotherRoundNeeded,s.fastLookupPossible=!1,c++;while(l);if(s.debugLevel>=0&&console.log(`hoist time: ${Date.now()-o}ms, rounds: ${c}`),s.debugLevel>=1){let u=jm(a);if(AO(a,[a],new Set([a.locator]),new Map,s).isGraphChanged)throw new Error(`The hoisting result is not terminal, prev tree:
-${u}, next tree:
-${jm(a)}`);let f=jae(a);if(f)throw new Error(`${f}, after hoisting finished:
-${jm(a)}`)}return s.debugLevel>=2&&console.log(jm(a)),b4e(a)},m4e=r=>{let e=r[r.length-1],t=new Map,i=new Set,n=s=>{if(!i.has(s)){i.add(s);for(let o of s.hoistedDependencies.values())t.set(o.name,o);for(let o of s.dependencies.values())s.peerNames.has(o.name)||n(o)}};return n(e),t},E4e=r=>{let e=r[r.length-1],t=new Map,i=new Set,n=new Set,s=(o,a)=>{if(i.has(o))return;i.add(o);for(let c of o.hoistedDependencies.values())if(!a.has(c.name)){let u;for(let g of r)u=g.dependencies.get(c.name),u&&t.set(u.name,u)}let l=new Set;for(let c of o.dependencies.values())l.add(c.name);for(let c of o.dependencies.values())o.peerNames.has(c.name)||s(c,l)};return s(e,n),t},Hae=(r,e)=>{if(e.decoupled)return e;let{name:t,references:i,ident:n,locator:s,dependencies:o,originalDependencies:a,hoistedDependencies:l,peerNames:c,reasons:u,isHoistBorder:g,hoistPriority:f,dependencyKind:h,hoistedFrom:p,hoistedTo:C}=e,y={name:t,references:new Set(i),ident:n,locator:s,dependencies:new Map(o),originalDependencies:new Map(a),hoistedDependencies:new Map(l),peerNames:new Set(c),reasons:new Map(u),decoupled:!0,isHoistBorder:g,hoistPriority:f,dependencyKind:h,hoistedFrom:new Map(p),hoistedTo:new Map(C)},B=y.dependencies.get(t);return B&&B.ident==y.ident&&y.dependencies.set(t,y),r.dependencies.set(y.name,y),y},I4e=(r,e)=>{let t=new Map([[r.name,[r.ident]]]);for(let n of r.dependencies.values())r.peerNames.has(n.name)||t.set(n.name,[n.ident]);let i=Array.from(e.keys());i.sort((n,s)=>{let o=e.get(n),a=e.get(s);return a.hoistPriority!==o.hoistPriority?a.hoistPriority-o.hoistPriority:a.peerDependents.size!==o.peerDependents.size?a.peerDependents.size-o.peerDependents.size:a.dependents.size-o.dependents.size});for(let n of i){let s=n.substring(0,n.indexOf("@",1)),o=n.substring(s.length+1);if(!r.peerNames.has(s)){let a=t.get(s);a||(a=[],t.set(s,a)),a.indexOf(o)<0&&a.push(o)}}return t},oO=r=>{let e=new Set,t=(i,n=new Set)=>{if(!n.has(i)){n.add(i);for(let s of i.peerNames)if(!r.peerNames.has(s)){let o=r.dependencies.get(s);o&&!e.has(o)&&t(o,n)}e.add(i)}};for(let i of r.dependencies.values())r.peerNames.has(i.name)||t(i);return e},AO=(r,e,t,i,n,s=new Set)=>{let o=e[e.length-1];if(s.has(o))return{anotherRoundNeeded:!1,isGraphChanged:!1};s.add(o);let a=S4e(o),l=I4e(o,a),c=r==o?new Map:n.fastLookupPossible?m4e(e):E4e(e),u,g=!1,f=!1,h=new Map(Array.from(l.entries()).map(([C,y])=>[C,y[0]])),p=new Map;do{let C=B4e(r,e,t,c,h,l,i,p,n);C.isGraphChanged&&(f=!0),C.anotherRoundNeeded&&(g=!0),u=!1;for(let[y,B]of l)B.length>1&&!o.dependencies.has(y)&&(h.delete(y),B.shift(),h.set(y,B[0]),u=!0)}while(u);for(let C of o.dependencies.values())if(!o.peerNames.has(C.name)&&!t.has(C.locator)){t.add(C.locator);let y=AO(r,[...e,C],t,p,n);y.isGraphChanged&&(f=!0),y.anotherRoundNeeded&&(g=!0),t.delete(C.locator)}return{anotherRoundNeeded:g,isGraphChanged:f}},y4e=r=>{for(let[e,t]of r.dependencies)if(!r.peerNames.has(e)&&t.ident!==r.ident)return!0;return!1},w4e=(r,e,t,i,n,s,o,a,{outputReason:l,fastLookupPossible:c})=>{let u,g=null,f=new Set;l&&(u=`${Array.from(e).map(y=>Di(y)).join("\u2192")}`);let h=t[t.length-1],C=!(i.ident===h.ident);if(l&&!C&&(g="- self-reference"),C&&(C=i.dependencyKind!==1,l&&!C&&(g="- workspace")),C&&i.dependencyKind===2&&(C=!y4e(i),l&&!C&&(g="- external soft link with unhoisted dependencies")),C&&(C=h.dependencyKind!==1||h.hoistedFrom.has(i.name)||e.size===1,l&&!C&&(g=h.reasons.get(i.name))),C&&(C=!r.peerNames.has(i.name),l&&!C&&(g=`- cannot shadow peer: ${Di(r.originalDependencies.get(i.name).locator)} at ${u}`)),C){let y=!1,B=n.get(i.name);if(y=!B||B.ident===i.ident,l&&!y&&(g=`- filled by: ${Di(B.locator)} at ${u}`),y)for(let v=t.length-1;v>=1;v--){let L=t[v].dependencies.get(i.name);if(L&&L.ident!==i.ident){y=!1;let H=a.get(h);H||(H=new Set,a.set(h,H)),H.add(i.name),l&&(g=`- filled by ${Di(L.locator)} at ${t.slice(0,v).map(j=>Di(j.locator)).join("\u2192")}`);break}}C=y}if(C&&(C=s.get(i.name)===i.ident,l&&!C&&(g=`- filled by: ${Di(o.get(i.name)[0])} at ${u}`)),C){let y=!0,B=new Set(i.peerNames);for(let v=t.length-1;v>=1;v--){let D=t[v];for(let L of B){if(D.peerNames.has(L)&&D.originalDependencies.has(L))continue;let H=D.dependencies.get(L);H&&r.dependencies.get(L)!==H&&(v===t.length-1?f.add(H):(f=null,y=!1,l&&(g=`- peer dependency ${Di(H.locator)} from parent ${Di(D.locator)} was not hoisted to ${u}`))),B.delete(L)}if(!y)break}C=y}if(C&&!c)for(let y of i.hoistedDependencies.values()){let B=n.get(y.name)||r.dependencies.get(y.name);if(!B||y.ident!==B.ident){C=!1,l&&(g=`- previously hoisted dependency mismatch, needed: ${Di(y.locator)}, available: ${Di(B==null?void 0:B.locator)}`);break}}return f!==null&&f.size>0?{isHoistable:2,dependsOn:f,reason:g}:{isHoistable:C?0:1,reason:g}},DQ=r=>`${r.name}@${r.locator}`,B4e=(r,e,t,i,n,s,o,a,l)=>{let c=e[e.length-1],u=new Set,g=!1,f=!1,h=(B,v,D,L,H)=>{if(u.has(L))return;let j=[...v,DQ(L)],$=[...D,DQ(L)],V=new Map,W=new Map;for(let re of oO(L)){let O=w4e(c,t,[c,...B,L],re,i,n,s,a,{outputReason:l.debugLevel>=2,fastLookupPossible:l.fastLookupPossible});if(W.set(re,O),O.isHoistable===2)for(let F of O.dependsOn){let ue=V.get(F.name)||new Set;ue.add(re.name),V.set(F.name,ue)}}let Z=new Set,A=(re,O,F)=>{if(!Z.has(re)){Z.add(re),W.set(re,{isHoistable:1,reason:F});for(let ue of V.get(re.name)||[])A(L.dependencies.get(ue),O,l.debugLevel>=2?`- peer dependency ${Di(re.locator)} from parent ${Di(L.locator)} was not hoisted`:"")}};for(let[re,O]of W)O.isHoistable===1&&A(re,O,O.reason);let ae=!1;for(let re of W.keys())if(!Z.has(re)){f=!0;let O=o.get(L);O&&O.has(re.name)&&(g=!0),ae=!0,L.dependencies.delete(re.name),L.hoistedDependencies.set(re.name,re),L.reasons.delete(re.name);let F=c.dependencies.get(re.name);if(l.debugLevel>=2){let ue=Array.from(v).concat([L.locator]).map(ke=>Di(ke)).join("\u2192"),he=c.hoistedFrom.get(re.name);he||(he=[],c.hoistedFrom.set(re.name,he)),he.push(ue),L.hoistedTo.set(re.name,Array.from(e).map(ke=>Di(ke.locator)).join("\u2192"))}if(!F)c.ident!==re.ident&&(c.dependencies.set(re.name,re),H.add(re));else for(let ue of re.references)F.references.add(ue)}if(L.dependencyKind===2&&ae&&(g=!0),l.check){let re=jae(r);if(re)throw new Error(`${re}, after hoisting dependencies of ${[c,...B,L].map(O=>Di(O.locator)).join("\u2192")}:
-${jm(r)}`)}let ge=oO(L);for(let re of ge)if(Z.has(re)){let O=W.get(re);if((n.get(re.name)===re.ident||!L.reasons.has(re.name))&&O.isHoistable!==0&&L.reasons.set(re.name,O.reason),!re.isHoistBorder&&$.indexOf(DQ(re))<0){u.add(L);let ue=Hae(L,re);h([...B,L],j,$,ue,C),u.delete(L)}}},p,C=new Set(oO(c)),y=Array.from(e).map(B=>DQ(B));do{p=C,C=new Set;for(let B of p){if(B.locator===c.locator||B.isHoistBorder)continue;let v=Hae(c,B);h([],Array.from(t),y,v,C)}}while(C.size>0);return{anotherRoundNeeded:g,isGraphChanged:f}},jae=r=>{let e=[],t=new Set,i=new Set,n=(s,o,a)=>{if(t.has(s)||(t.add(s),i.has(s)))return;let l=new Map(o);for(let c of s.dependencies.values())s.peerNames.has(c.name)||l.set(c.name,c);for(let c of s.originalDependencies.values()){let u=l.get(c.name),g=()=>`${Array.from(i).concat([s]).map(f=>Di(f.locator)).join("\u2192")}`;if(s.peerNames.has(c.name)){let f=o.get(c.name);(f!==u||!f||f.ident!==c.ident)&&e.push(`${g()} - broken peer promise: expected ${c.ident} but found ${f&&f.ident}`)}else{let f=a.hoistedFrom.get(s.name),h=s.hoistedTo.get(c.name),p=`${f?` hoisted from ${f.join(", ")}`:""}`,C=`${h?` hoisted to ${h}`:""}`,y=`${g()}${p}`;u?u.ident!==c.ident&&e.push(`${y} - broken require promise for ${c.name}${C}: expected ${c.ident}, but found: ${u.ident}`):e.push(`${y} - broken require promise: no required dependency ${c.name}${C} found`)}}i.add(s);for(let c of s.dependencies.values())s.peerNames.has(c.name)||n(c,l,s);i.delete(s)};return n(r,r.dependencies,r),e.join(`
-`)},Q4e=(r,e)=>{let{identName:t,name:i,reference:n,peerNames:s}=r,o={name:i,references:new Set([n]),locator:aO(t,n),ident:Uae(t,n),dependencies:new Map,originalDependencies:new Map,hoistedDependencies:new Map,peerNames:new Set(s),reasons:new Map,decoupled:!0,isHoistBorder:!0,hoistPriority:0,dependencyKind:1,hoistedFrom:new Map,hoistedTo:new Map},a=new Map([[r,o]]),l=(c,u)=>{let g=a.get(c),f=!!g;if(!g){let{name:h,identName:p,reference:C,peerNames:y,hoistPriority:B,dependencyKind:v}=c,D=e.hoistingLimits.get(u.locator);g={name:h,references:new Set([C]),locator:aO(p,C),ident:Uae(p,C),dependencies:new Map,originalDependencies:new Map,hoistedDependencies:new Map,peerNames:new Set(y),reasons:new Map,decoupled:!0,isHoistBorder:D?D.has(h):!1,hoistPriority:B||0,dependencyKind:v||0,hoistedFrom:new Map,hoistedTo:new Map},a.set(c,g)}if(u.dependencies.set(c.name,g),u.originalDependencies.set(c.name,g),f){let h=new Set,p=C=>{if(!h.has(C)){h.add(C),C.decoupled=!1;for(let y of C.dependencies.values())C.peerNames.has(y.name)||p(y)}};p(g)}else for(let h of c.dependencies)l(h,g)};for(let c of r.dependencies)l(c,o);return o},lO=r=>r.substring(0,r.indexOf("@",1)),b4e=r=>{let e={name:r.name,identName:lO(r.locator),references:new Set(r.references),dependencies:new Set},t=new Set([r]),i=(n,s,o)=>{let a=t.has(n),l;if(s===n)l=o;else{let{name:c,references:u,locator:g}=n;l={name:c,identName:lO(g),references:u,dependencies:new Set}}if(o.dependencies.add(l),!a){t.add(n);for(let c of n.dependencies.values())n.peerNames.has(c.name)||i(c,n,l);t.delete(n)}};for(let n of r.dependencies.values())i(n,r,e);return e},S4e=r=>{let e=new Map,t=new Set([r]),i=o=>`${o.name}@${o.ident}`,n=o=>{let a=i(o),l=e.get(a);return l||(l={dependents:new Set,peerDependents:new Set,hoistPriority:0},e.set(a,l)),l},s=(o,a)=>{let l=!!t.has(a);if(n(a).dependents.add(o.ident),!l){t.add(a);for(let u of a.dependencies.values()){let g=n(u);g.hoistPriority=Math.max(g.hoistPriority,u.hoistPriority),a.peerNames.has(u.name)?g.peerDependents.add(a.ident):s(a,u)}}};for(let o of r.dependencies.values())r.peerNames.has(o.name)||s(r,o);return e},Di=r=>{if(!r)return"none";let e=r.indexOf("@",1),t=r.substring(0,e);t.endsWith("$wsroot$")&&(t=`wh:${t.replace("$wsroot$","")}`);let i=r.substring(e+1);if(i==="workspace:.")return".";if(i){let n=(i.indexOf("#")>0?i.split("#")[1]:i).replace("npm:","");return i.startsWith("virtual")&&(t=`v:${t}`),n.startsWith("workspace")&&(t=`w:${t}`,n=""),`${t}${n?`@${n}`:""}`}else return`${t}`},Gae=5e4,jm=r=>{let e=0,t=(n,s,o="")=>{if(e>Gae||s.has(n))return"";e++;let a=Array.from(n.dependencies.values()).sort((c,u)=>c.name===u.name?0:c.name>u.name?1:-1),l="";s.add(n);for(let c=0;c<a.length;c++){let u=a[c];if(!n.peerNames.has(u.name)&&u!==n){let g=n.reasons.get(u.name),f=lO(u.locator);l+=`${o}${c<a.length-1?"\u251C\u2500":"\u2514\u2500"}${(s.has(u)?">":"")+(f!==u.name?`a:${u.name}:`:"")+Di(u.locator)+(g?` ${g}`:"")}
-`,l+=t(u,s,`${o}${c<a.length-1?"\u2502 ":"  "}`)}}return s.delete(n),l};return t(r,new Set)+(e>Gae?`
-Tree is too large, part of the tree has been dunped
-`:"")};var qm=(i=>(i.WORKSPACES="workspaces",i.DEPENDENCIES="dependencies",i.NONE="none",i))(qm||{}),qae="node_modules",Du="$wsroot$";var Jm=(r,e)=>{let{packageTree:t,hoistingLimits:i,errors:n,preserveSymlinksRequired:s}=x4e(r,e),o=null;if(n.length===0){let a=Yae(t,{hoistingLimits:i});o=D4e(r,a,e)}return{tree:o,errors:n,preserveSymlinksRequired:s}},ea=r=>`${r.name}@${r.reference}`,uO=r=>{let e=new Map;for(let[t,i]of r.entries())if(!i.dirList){let n=e.get(i.locator);n||(n={target:i.target,linkType:i.linkType,locations:[],aliases:i.aliases},e.set(i.locator,n)),n.locations.push(t)}for(let t of e.values())t.locations=t.locations.sort((i,n)=>{let s=i.split(x.delimiter).length,o=n.split(x.delimiter).length;return n===i?0:s!==o?o-s:n>i?1:-1});return e},Jae=(r,e)=>{let t=P.isVirtualLocator(r)?P.devirtualizeLocator(r):r,i=P.isVirtualLocator(e)?P.devirtualizeLocator(e):e;return P.areLocatorsEqual(t,i)},cO=(r,e,t,i)=>{if(r.linkType!=="SOFT")return!1;let n=K.toPortablePath(t.resolveVirtual&&e.reference&&e.reference.startsWith("virtual:")?t.resolveVirtual(r.packageLocation):r.packageLocation);return x.contains(i,n)===null},v4e=r=>{let e=r.getPackageInformation(r.topLevel);if(e===null)throw new Error("Assertion failed: Expected the top-level package to have been registered");if(r.findPackageLocator(e.packageLocation)===null)throw new Error("Assertion failed: Expected the top-level package to have a physical locator");let i=K.toPortablePath(e.packageLocation.slice(0,-1)),n=new Map,s={children:new Map},o=r.getDependencyTreeRoots(),a=new Map,l=new Set,c=(f,h)=>{let p=ea(f);if(l.has(p))return;l.add(p);let C=r.getPackageInformation(f);if(C){let y=h?ea(h):"";if(ea(f)!==y&&C.linkType==="SOFT"&&!cO(C,f,r,i)){let B=Wae(C,f,r);(!a.get(B)||f.reference.startsWith("workspace:"))&&a.set(B,f)}for(let[B,v]of C.packageDependencies)v!==null&&(C.packagePeers.has(B)||c(r.getLocator(B,v),f))}};for(let f of o)c(f,null);let u=i.split(x.sep);for(let f of a.values()){let h=r.getPackageInformation(f),C=K.toPortablePath(h.packageLocation.slice(0,-1)).split(x.sep).slice(u.length),y=s;for(let B of C){let v=y.children.get(B);v||(v={children:new Map},y.children.set(B,v)),y=v}y.workspaceLocator=f}let g=(f,h)=>{if(f.workspaceLocator){let p=ea(h),C=n.get(p);C||(C=new Set,n.set(p,C)),C.add(f.workspaceLocator)}for(let p of f.children.values())g(p,f.workspaceLocator||h)};for(let f of s.children.values())g(f,s.workspaceLocator);return n},x4e=(r,e)=>{let t=[],i=!1,n=new Map,s=v4e(r),o=r.getPackageInformation(r.topLevel);if(o===null)throw new Error("Assertion failed: Expected the top-level package to have been registered");let a=r.findPackageLocator(o.packageLocation);if(a===null)throw new Error("Assertion failed: Expected the top-level package to have a physical locator");let l=K.toPortablePath(o.packageLocation.slice(0,-1)),c={name:a.name,identName:a.name,reference:a.reference,peerNames:o.packagePeers,dependencies:new Set,dependencyKind:1},u=new Map,g=(h,p)=>`${ea(p)}:${h}`,f=(h,p,C,y,B,v,D,L)=>{var re,O;let H=g(h,C),j=u.get(H),$=!!j;!$&&C.name===a.name&&C.reference===a.reference&&(j=c,u.set(H,c));let V=cO(p,C,r,l);if(!j){let F=0;V?F=2:p.linkType==="SOFT"&&C.name.endsWith(Du)&&(F=1),j={name:h,identName:C.name,reference:C.reference,dependencies:new Set,peerNames:F===1?new Set:p.packagePeers,dependencyKind:F},u.set(H,j)}let W;if(V?W=2:B.linkType==="SOFT"?W=1:W=0,j.hoistPriority=Math.max(j.hoistPriority||0,W),L&&!V){let F=ea({name:y.identName,reference:y.reference}),ue=n.get(F)||new Set;n.set(F,ue),ue.add(j.name)}let Z=new Map(p.packageDependencies);if(e.project){let F=e.project.workspacesByCwd.get(K.toPortablePath(p.packageLocation.slice(0,-1)));if(F){let ue=new Set([...Array.from(F.manifest.peerDependencies.values(),he=>P.stringifyIdent(he)),...Array.from(F.manifest.peerDependenciesMeta.keys())]);for(let he of ue)Z.has(he)||(Z.set(he,v.get(he)||null),j.peerNames.add(he))}}let A=ea({name:C.name.replace(Du,""),reference:C.reference}),ae=s.get(A);if(ae)for(let F of ae)Z.set(`${F.name}${Du}`,F.reference);(p!==B||p.linkType!=="SOFT"||!V&&(!e.selfReferencesByCwd||e.selfReferencesByCwd.get(D)))&&y.dependencies.add(j);let ge=C!==a&&p.linkType==="SOFT"&&!C.name.endsWith(Du)&&!V;if(!$&&!ge){let F=new Map;for(let[ue,he]of Z)if(he!==null){let ke=r.getLocator(ue,he),Fe=r.getLocator(ue.replace(Du,""),he),Ne=r.getPackageInformation(Fe);if(Ne===null)throw new Error("Assertion failed: Expected the package to have been registered");let oe=cO(Ne,ke,r,l);if(e.validateExternalSoftLinks&&e.project&&oe){Ne.packageDependencies.size>0&&(i=!0);for(let[qe,ne]of Ne.packageDependencies)if(ne!==null){let Y=P.parseLocator(Array.isArray(ne)?`${ne[0]}@${ne[1]}`:`${qe}@${ne}`);if(ea(Y)!==ea(ke)){let pe=Z.get(qe);if(pe){let ie=P.parseLocator(Array.isArray(pe)?`${pe[0]}@${pe[1]}`:`${qe}@${pe}`);Jae(ie,Y)||t.push({messageName:71,text:`Cannot link ${P.prettyIdent(e.project.configuration,P.parseIdent(ke.name))} into ${P.prettyLocator(e.project.configuration,P.parseLocator(`${C.name}@${C.reference}`))} dependency ${P.prettyLocator(e.project.configuration,Y)} conflicts with parent dependency ${P.prettyLocator(e.project.configuration,ie)}`})}else{let ie=F.get(qe);if(ie){let de=ie.target,tt=P.parseLocator(Array.isArray(de)?`${de[0]}@${de[1]}`:`${qe}@${de}`);Jae(tt,Y)||t.push({messageName:71,text:`Cannot link ${P.prettyIdent(e.project.configuration,P.parseIdent(ke.name))} into ${P.prettyLocator(e.project.configuration,P.parseLocator(`${C.name}@${C.reference}`))} dependency ${P.prettyLocator(e.project.configuration,Y)} conflicts with dependency ${P.prettyLocator(e.project.configuration,tt)} from sibling portal ${P.prettyIdent(e.project.configuration,P.parseIdent(ie.portal.name))}`})}else F.set(qe,{target:Y.reference,portal:ke})}}}}let le=(re=e.hoistingLimitsByCwd)==null?void 0:re.get(D),we=oe?D:x.relative(l,K.toPortablePath(Ne.packageLocation))||Oe.dot,fe=(O=e.hoistingLimitsByCwd)==null?void 0:O.get(we);f(ue,Ne,ke,j,p,Z,we,le==="dependencies"||fe==="dependencies"||fe==="workspaces")}}};return f(a.name,o,a,c,o,o.packageDependencies,Oe.dot,!1),{packageTree:c,hoistingLimits:n,errors:t,preserveSymlinksRequired:i}};function Wae(r,e,t){let i=t.resolveVirtual&&e.reference&&e.reference.startsWith("virtual:")?t.resolveVirtual(r.packageLocation):r.packageLocation;return K.toPortablePath(i||r.packageLocation)}function P4e(r,e,t){let i=e.getLocator(r.name.replace(Du,""),r.reference),n=e.getPackageInformation(i);if(n===null)throw new Error("Assertion failed: Expected the package to be registered");let s,o;return t.pnpifyFs?(o=K.toPortablePath(n.packageLocation),s="SOFT"):(o=Wae(n,r,e),s=n.linkType),{linkType:s,target:o}}var D4e=(r,e,t)=>{let i=new Map,n=(u,g,f)=>{let{linkType:h,target:p}=P4e(u,r,t);return{locator:ea(u),nodePath:g,target:p,linkType:h,aliases:f}},s=u=>{let[g,f]=u.split("/");return f?{scope:Ur(g),name:Ur(f)}:{scope:null,name:Ur(g)}},o=new Set,a=(u,g,f)=>{if(o.has(u))return;o.add(u);let h=Array.from(u.references).sort().join("#");for(let p of u.dependencies){let C=Array.from(p.references).sort().join("#");if(p.identName===u.identName&&C===h)continue;let y=Array.from(p.references).sort(),B={name:p.identName,reference:y[0]},{name:v,scope:D}=s(p.name),L=D?[D,v]:[v],H=x.join(g,qae),j=x.join(H,...L),$=`${f}/${B.name}`,V=n(B,f,y.slice(1)),W=!1;if(V.linkType==="SOFT"&&t.project){let A=t.project.workspacesByCwd.get(V.target.slice(0,-1));W=!!(A&&!A.manifest.name)}let Z=V.linkType==="SOFT"&&j.startsWith(V.target);if(!p.name.endsWith(Du)&&!W&&!Z){let A=i.get(j);if(A){if(A.dirList)throw new Error(`Assertion failed: ${j} cannot merge dir node with leaf node`);{let O=P.parseLocator(A.locator),F=P.parseLocator(V.locator);if(A.linkType!==V.linkType)throw new Error(`Assertion failed: ${j} cannot merge nodes with different link types ${A.nodePath}/${P.stringifyLocator(O)} and ${f}/${P.stringifyLocator(F)}`);if(O.identHash!==F.identHash)throw new Error(`Assertion failed: ${j} cannot merge nodes with different idents ${A.nodePath}/${P.stringifyLocator(O)} and ${f}/s${P.stringifyLocator(F)}`);V.aliases=[...V.aliases,...A.aliases,P.parseLocator(A.locator).reference]}}i.set(j,V);let ae=j.split("/"),ge=ae.indexOf(qae),re=ae.length-1;for(;ge>=0&&re>ge;){let O=K.toPortablePath(ae.slice(0,re).join(x.sep)),F=Ur(ae[re]),ue=i.get(O);if(!ue)i.set(O,{dirList:new Set([F])});else if(ue.dirList){if(ue.dirList.has(F))break;ue.dirList.add(F)}re--}}a(p,V.linkType==="SOFT"?V.target:j,$)}},l=n({name:e.name,reference:Array.from(e.references)[0]},"",[]),c=l.target;return i.set(c,l),a(e,c,""),i};var vO={};ut(vO,{PnpInstaller:()=>Fu,PnpLinker:()=>ll,default:()=>a8e,getPnpPath:()=>cl,jsInstallUtils:()=>uo,pnpUtils:()=>rE,quotePathIfNeeded:()=>TAe});var NAe=Pe(Xr()),LAe=J("url");var zae={["DEFAULT"]:{collapsed:!1,next:{["*"]:"DEFAULT"}},["TOP_LEVEL"]:{collapsed:!1,next:{fallbackExclusionList:"FALLBACK_EXCLUSION_LIST",packageRegistryData:"PACKAGE_REGISTRY_DATA",["*"]:"DEFAULT"}},["FALLBACK_EXCLUSION_LIST"]:{collapsed:!1,next:{["*"]:"FALLBACK_EXCLUSION_ENTRIES"}},["FALLBACK_EXCLUSION_ENTRIES"]:{collapsed:!0,next:{["*"]:"FALLBACK_EXCLUSION_DATA"}},["FALLBACK_EXCLUSION_DATA"]:{collapsed:!0,next:{["*"]:"DEFAULT"}},["PACKAGE_REGISTRY_DATA"]:{collapsed:!1,next:{["*"]:"PACKAGE_REGISTRY_ENTRIES"}},["PACKAGE_REGISTRY_ENTRIES"]:{collapsed:!0,next:{["*"]:"PACKAGE_STORE_DATA"}},["PACKAGE_STORE_DATA"]:{collapsed:!1,next:{["*"]:"PACKAGE_STORE_ENTRIES"}},["PACKAGE_STORE_ENTRIES"]:{collapsed:!0,next:{["*"]:"PACKAGE_INFORMATION_DATA"}},["PACKAGE_INFORMATION_DATA"]:{collapsed:!1,next:{packageDependencies:"PACKAGE_DEPENDENCIES",["*"]:"DEFAULT"}},["PACKAGE_DEPENDENCIES"]:{collapsed:!1,next:{["*"]:"PACKAGE_DEPENDENCY"}},["PACKAGE_DEPENDENCY"]:{collapsed:!0,next:{["*"]:"DEFAULT"}}};function k4e(r,e,t){let i="";i+="[";for(let n=0,s=r.length;n<s;++n)i+=kQ(String(n),r[n],e,t).replace(/^ +/g,""),n+1<s&&(i+=", ");return i+="]",i}function R4e(r,e,t){let i=`${t}  `,n="";n+=t,n+=`[
-`;for(let s=0,o=r.length;s<o;++s)n+=i+kQ(String(s),r[s],e,i).replace(/^ +/,""),s+1<o&&(n+=","),n+=`
-`;return n+=t,n+="]",n}function F4e(r,e,t){let i=Object.keys(r),n="";n+="{";for(let s=0,o=i.length,a=0;s<o;++s){let l=i[s],c=r[l];typeof c>"u"||(a!==0&&(n+=", "),n+=JSON.stringify(l),n+=": ",n+=kQ(l,c,e,t).replace(/^ +/g,""),a+=1)}return n+="}",n}function N4e(r,e,t){let i=Object.keys(r),n=`${t}  `,s="";s+=t,s+=`{
-`;let o=0;for(let a=0,l=i.length;a<l;++a){let c=i[a],u=r[c];typeof u>"u"||(o!==0&&(s+=",",s+=`
-`),s+=n,s+=JSON.stringify(c),s+=": ",s+=kQ(c,u,e,n).replace(/^ +/g,""),o+=1)}return o!==0&&(s+=`
-`),s+=t,s+="}",s}function kQ(r,e,t,i){let{next:n}=zae[t],s=n[r]||n["*"];return Vae(e,s,i)}function Vae(r,e,t){let{collapsed:i}=zae[e];return Array.isArray(r)?i?k4e(r,e,t):R4e(r,e,t):typeof r=="object"&&r!==null?i?F4e(r,e,t):N4e(r,e,t):JSON.stringify(r)}function Xae(r){return Vae(r,"TOP_LEVEL","")}function Wm(r,e){let t=Array.from(r);Array.isArray(e)||(e=[e]);let i=[];for(let s of e)i.push(t.map(o=>s(o)));let n=t.map((s,o)=>o);return n.sort((s,o)=>{for(let a of i){let l=a[s]<a[o]?-1:a[s]>a[o]?1:0;if(l!==0)return l}return 0}),n.map(s=>t[s])}function L4e(r){let e=new Map,t=Wm(r.fallbackExclusionList||[],[({name:i,reference:n})=>i,({name:i,reference:n})=>n]);for(let{name:i,reference:n}of t){let s=e.get(i);typeof s>"u"&&e.set(i,s=new Set),s.add(n)}return Array.from(e).map(([i,n])=>[i,Array.from(n)])}function T4e(r){return Wm(r.fallbackPool||[],([e])=>e)}function O4e(r){let e=[];for(let[t,i]of Wm(r.packageRegistry,([n])=>n===null?"0":`1${n}`)){let n=[];e.push([t,n]);for(let[s,{packageLocation:o,packageDependencies:a,packagePeers:l,linkType:c,discardFromLookup:u}]of Wm(i,([g])=>g===null?"0":`1${g}`)){let g=[];t!==null&&s!==null&&!a.has(t)&&g.push([t,s]);for(let[p,C]of Wm(a.entries(),([y])=>y))g.push([p,C]);let f=l&&l.size>0?Array.from(l):void 0,h=u||void 0;n.push([s,{packageLocation:o,packageDependencies:g,packagePeers:f,linkType:c,discardFromLookup:h}])}}return e}function zm(r){return{__info:["This file is automatically generated. Do not touch it, or risk","your modifications being lost. We also recommend you not to read","it either without using the @yarnpkg/pnp package, as the data layout","is entirely unspecified and WILL change from a version to another."],dependencyTreeRoots:r.dependencyTreeRoots,enableTopLevelFallback:r.enableTopLevelFallback||!1,ignorePatternData:r.ignorePattern||null,fallbackExclusionList:L4e(r),fallbackPool:T4e(r),packageRegistryData:O4e(r)}}var $ae=Pe(Zae());function eAe(r,e){return[r?`${r}
-`:"",`/* eslint-disable */
-`,`"use strict";
-`,`
-`,`function $$SETUP_STATE(hydrateRuntimeState, basePath) {
-`,e.replace(/^/gm,"  "),`}
-`,`
-`,(0,$ae.default)()].join("")}function M4e(r){return JSON.stringify(r,null,2)}function K4e(r){return`'${r.replace(/\\/g,"\\\\").replace(/'/g,"\\'").replace(/\n/g,`\\
-`)}'`}function U4e(r){return[`return hydrateRuntimeState(JSON.parse(${K4e(Xae(r))}), {basePath: basePath || __dirname});
-`].join("")}function H4e(r){return[`var path = require('path');
-`,`var dataLocation = path.resolve(__dirname, ${JSON.stringify(r)});
-`,`return hydrateRuntimeState(require(dataLocation), {basePath: basePath || path.dirname(dataLocation)});
-`].join("")}function tAe(r){let e=zm(r),t=U4e(e);return eAe(r.shebang,t)}function rAe(r){let e=zm(r),t=H4e(r.dataLocation),i=eAe(r.shebang,t);return{dataFile:M4e(e),loaderFile:i}}var SAe=J("fs");var vAe=J("util");function fO(r,{basePath:e}){let t=K.toPortablePath(e),i=x.resolve(t),n=r.ignorePatternData!==null?new RegExp(r.ignorePatternData):null,s=new Map,o=new Map(r.packageRegistryData.map(([g,f])=>[g,new Map(f.map(([h,p])=>{var D;if(g===null!=(h===null))throw new Error("Assertion failed: The name and reference should be null, or neither should");let C=(D=p.discardFromLookup)!=null?D:!1,y={name:g,reference:h},B=s.get(p.packageLocation);B?(B.discardFromLookup=B.discardFromLookup&&C,C||(B.locator=y)):s.set(p.packageLocation,{locator:y,discardFromLookup:C});let v=null;return[h,{packageDependencies:new Map(p.packageDependencies),packagePeers:new Set(p.packagePeers),linkType:p.linkType,discardFromLookup:C,get packageLocation(){return v||(v=x.join(i,p.packageLocation))}}]}))])),a=new Map(r.fallbackExclusionList.map(([g,f])=>[g,new Set(f)])),l=new Map(r.fallbackPool),c=r.dependencyTreeRoots,u=r.enableTopLevelFallback;return{basePath:t,dependencyTreeRoots:c,enableTopLevelFallback:u,fallbackExclusionList:a,fallbackPool:l,ignorePattern:n,packageLocatorsByLocations:s,packageRegistry:o}}var eE=J("module");function qh(r,e){if(typeof r=="string")return r;if(r){let t,i;if(Array.isArray(r)){for(t=0;t<r.length;t++)if(i=qh(r[t],e))return i}else for(t in r)if(e.has(t))return qh(r[t],e)}}function ku(r,e,t){throw new Error(t?`No known conditions for "${e}" entry in "${r}" package`:`Missing "${e}" export in "${r}" package`)}function G4e(r,e){return e===r?".":e[0]==="."?e:e.replace(new RegExp("^"+r+"/"),"./")}function iAe(r,e=".",t={}){let{name:i,exports:n}=r;if(n){let{browser:s,require:o,unsafe:a,conditions:l=[]}=t,c=G4e(i,e);if(c[0]!=="."&&(c="./"+c),typeof n=="string")return c==="."?n:ku(i,c);let u=new Set(["default",...l]);a||u.add(o?"require":"import"),a||u.add(s?"browser":"node");let g,f,h=!1;for(g in n){h=g[0]!==".";break}if(h)return c==="."?qh(n,u)||ku(i,c,1):ku(i,c);if(f=n[c])return qh(f,u)||ku(i,c,1);for(g in n){if(f=g[g.length-1],f==="/"&&c.startsWith(g))return(f=qh(n[g],u))?f+c.substring(g.length):ku(i,c,1);if(f==="*"&&c.startsWith(g.slice(0,-1))&&c.substring(g.length-1).length>0)return(f=qh(n[g],u))?f.replace("*",c.substring(g.length-1)):ku(i,c,1)}return ku(i,c)}}var KQ=J("url"),IO=J("util");var Ao=J("url");var cAe=Pe(J("assert"));var nAe=Array.isArray,Vm=JSON.stringify,hO=Object.getOwnPropertyNames,Jh=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),pO=(r,e)=>RegExp.prototype.exec.call(r,e),dO=(r,...e)=>RegExp.prototype[Symbol.replace].apply(r,e),Xm=(r,...e)=>String.prototype.endsWith.apply(r,e),sAe=(r,...e)=>String.prototype.includes.apply(r,e),oAe=(r,...e)=>String.prototype.lastIndexOf.apply(r,e),RQ=(r,...e)=>String.prototype.indexOf.apply(r,e),aAe=(r,...e)=>String.prototype.replace.apply(r,e),_m=(r,...e)=>String.prototype.slice.apply(r,e),rA=(r,...e)=>String.prototype.startsWith.apply(r,e),AAe=Map,lAe=JSON.parse;function FQ(r,e,t){return class extends t{constructor(...i){super(e(...i)),this.code=r,this.name=`${t.name} [${r}]`}}}var uAe=FQ("ERR_PACKAGE_IMPORT_NOT_DEFINED",(r,e,t)=>`Package import specifier "${r}" is not defined${e?` in package ${e}package.json`:""} imported from ${t}`,TypeError),CO=FQ("ERR_INVALID_MODULE_SPECIFIER",(r,e,t=void 0)=>`Invalid module "${r}" ${e}${t?` imported from ${t}`:""}`,TypeError),gAe=FQ("ERR_INVALID_PACKAGE_TARGET",(r,e,t,i=!1,n=void 0)=>{let s=typeof t=="string"&&!i&&t.length&&!rA(t,"./");return e==="."?((0,cAe.default)(i===!1),`Invalid "exports" main target ${Vm(t)} defined in the package config ${r}package.json${n?` imported from ${n}`:""}${s?'; targets must start with "./"':""}`):`Invalid "${i?"imports":"exports"}" target ${Vm(t)} defined for '${e}' in the package config ${r}package.json${n?` imported from ${n}`:""}${s?'; targets must start with "./"':""}`},Error),NQ=FQ("ERR_INVALID_PACKAGE_CONFIG",(r,e,t)=>`Invalid package config ${r}${e?` while importing ${e}`:""}${t?`. ${t}`:""}`,Error);var TQ=J("url");function fAe(r,e){let t=Object.create(null);for(let i=0;i<e.length;i++){let n=e[i];Jh(r,n)&&(t[n]=r[n])}return t}var LQ=new AAe;function Y4e(r,e,t,i){let n=LQ.get(r);if(n!==void 0)return n;let s=i(r);if(s===void 0){let h={pjsonPath:r,exists:!1,main:void 0,name:void 0,type:"none",exports:void 0,imports:void 0};return LQ.set(r,h),h}let o;try{o=lAe(s)}catch(h){throw new NQ(r,(t?`"${e}" from `:"")+(0,TQ.fileURLToPath)(t||e),h.message)}let{imports:a,main:l,name:c,type:u}=fAe(o,["imports","main","name","type"]),g=Jh(o,"exports")?o.exports:void 0;(typeof a!="object"||a===null)&&(a=void 0),typeof l!="string"&&(l=void 0),typeof c!="string"&&(c=void 0),u!=="module"&&u!=="commonjs"&&(u="none");let f={pjsonPath:r,exists:!0,main:l,name:c,type:u,exports:g,imports:a};return LQ.set(r,f),f}function hAe(r,e){let t=new URL("./package.json",r);for(;;){let s=t.pathname;if(Xm(s,"node_modules/package.json"))break;let o=Y4e((0,TQ.fileURLToPath)(t),r,void 0,e);if(o.exists)return o;let a=t;if(t=new URL("../package.json",t),t.pathname===a.pathname)break}let i=(0,TQ.fileURLToPath)(t),n={pjsonPath:i,exists:!1,main:void 0,name:void 0,type:"none",exports:void 0,imports:void 0};return LQ.set(i,n),n}function j4e(r,e,t){throw new uAe(r,e&&(0,Ao.fileURLToPath)(new URL(".",e)),(0,Ao.fileURLToPath)(t))}function q4e(r,e,t,i){let n=`request is not a valid subpath for the "${t?"imports":"exports"}" resolution of ${(0,Ao.fileURLToPath)(e)}`;throw new CO(r,n,i&&(0,Ao.fileURLToPath)(i))}function Zm(r,e,t,i,n){throw typeof e=="object"&&e!==null?e=Vm(e,null,""):e=`${e}`,new gAe((0,Ao.fileURLToPath)(new URL(".",t)),r,e,i,n&&(0,Ao.fileURLToPath)(n))}var pAe=/(^|\\|\/)((\.|%2e)(\.|%2e)?|(n|%6e|%4e)(o|%6f|%4f)(d|%64|%44)(e|%65|%45)(_|%5f)(m|%6d|%4d)(o|%6f|%4f)(d|%64|%44)(u|%75|%55)(l|%6c|%4c)(e|%65|%45)(s|%73|%53))(\\|\/|$)/i,dAe=/\*/g;function J4e(r,e,t,i,n,s,o,a){if(e!==""&&!s&&r[r.length-1]!=="/"&&Zm(t,r,i,o,n),!rA(r,"./")){if(o&&!rA(r,"../")&&!rA(r,"/")){let g=!1;try{new URL(r),g=!0}catch{}if(!g)return s?dO(dAe,r,()=>e):r+e}Zm(t,r,i,o,n)}pO(pAe,_m(r,2))!==null&&Zm(t,r,i,o,n);let l=new URL(r,i),c=l.pathname,u=new URL(".",i).pathname;if(rA(c,u)||Zm(t,r,i,o,n),e==="")return l;if(pO(pAe,e)!==null){let g=s?aAe(t,"*",()=>e):t+e;q4e(g,i,o,n)}return s?new URL(dO(dAe,l.href,()=>e)):new URL(e,l)}function W4e(r){let e=+r;return`${e}`!==r?!1:e>=0&&e<4294967295}function OQ(r,e,t,i,n,s,o,a){if(typeof e=="string")return J4e(e,t,i,r,n,s,o,a);if(nAe(e)){if(e.length===0)return null;let l;for(let c=0;c<e.length;c++){let u=e[c],g;try{g=OQ(r,u,t,i,n,s,o,a)}catch(f){if(l=f,f.code==="ERR_INVALID_PACKAGE_TARGET")continue;throw f}if(g!==void 0){if(g===null){l=null;continue}return g}}if(l==null)return l;throw l}else if(typeof e=="object"&&e!==null){let l=hO(e);for(let c=0;c<l.length;c++){let u=l[c];if(W4e(u))throw new NQ((0,Ao.fileURLToPath)(r),n,'"exports" cannot contain numeric property keys.')}for(let c=0;c<l.length;c++){let u=l[c];if(u==="default"||a.has(u)){let g=e[u],f=OQ(r,g,t,i,n,s,o,a);if(f===void 0)continue;return f}}return}else if(e===null)return null;Zm(i,e,r,o,n)}function z4e(r,e){let t=RQ(r,"*"),i=RQ(e,"*"),n=t===-1?r.length:t+1,s=i===-1?e.length:i+1;return n>s?-1:s>n||t===-1?1:i===-1||r.length>e.length?-1:e.length>r.length?1:0}function CAe({name:r,base:e,conditions:t,readFileSyncFn:i}){if(r==="#"||rA(r,"#/")||Xm(r,"/")){let o="is not a valid internal imports specifier name";throw new CO(r,o,(0,Ao.fileURLToPath)(e))}let n,s=hAe(e,i);if(s.exists){n=(0,Ao.pathToFileURL)(s.pjsonPath);let o=s.imports;if(o)if(Jh(o,r)&&!sAe(r,"*")){let a=OQ(n,o[r],"",r,e,!1,!0,t);if(a!=null)return a}else{let a="",l,c=hO(o);for(let u=0;u<c.length;u++){let g=c[u],f=RQ(g,"*");if(f!==-1&&rA(r,_m(g,0,f))){let h=_m(g,f+1);r.length>=g.length&&Xm(r,h)&&z4e(a,g)===1&&oAe(g,"*")===f&&(a=g,l=_m(r,f,r.length-h.length))}}if(a){let u=o[a],g=OQ(n,u,l,a,e,!0,!0,t);if(g!=null)return g}}}j4e(r,n,e)}var V4e=new Set(["BUILTIN_NODE_RESOLUTION_FAILED","MISSING_DEPENDENCY","MISSING_PEER_DEPENDENCY","QUALIFIED_PATH_RESOLUTION_FAILED","UNDECLARED_DEPENDENCY"]);function ri(r,e,t={},i){i!=null||(i=V4e.has(r)?"MODULE_NOT_FOUND":r);let n={configurable:!0,writable:!0,enumerable:!1};return Object.defineProperties(new Error(e),{code:{...n,value:i},pnpCode:{...n,value:r},data:{...n,value:t}})}function lo(r){return K.normalize(K.fromPortablePath(r))}var yAe=Pe(EAe());function wAe(r){return X4e(),EO[r]}var EO;function X4e(){EO||(EO={"--conditions":[],...IAe(_4e()),...IAe(process.execArgv)})}function IAe(r){return(0,yAe.default)({"--conditions":[String],"-C":"--conditions"},{argv:r,permissive:!0})}function _4e(){let r=[],e=Z4e(process.env.NODE_OPTIONS||"",r);return r.length,e}function Z4e(r,e){let t=[],i=!1,n=!0;for(let s=0;s<r.length;++s){let o=r[s];if(o==="\\"&&i){if(s+1===r.length)return e.push(`invalid value for NODE_OPTIONS (invalid escape)
-`),t;o=r[++s]}else if(o===" "&&!i){n=!0;continue}else if(o==='"'){i=!i;continue}n?(t.push(o),n=!1):t[t.length-1]+=o}return i&&e.push(`invalid value for NODE_OPTIONS (unterminated string)
-`),t}var QAe=J("module");var[co,Ru]=process.versions.node.split(".").map(r=>parseInt(r,10)),cwt=co>16||co===16&&Ru>=12,uwt=co>17||co===17&&Ru>=5||co===16&&Ru>=15,gwt=co>17||co===17&&Ru>=1||co===16&&Ru>14,BAe=co>19||co===19&&Ru>=2||co===18&&Ru>=13;var $4e=new Set(QAe.Module.builtinModules||Object.keys(process.binding("natives"))),MQ=r=>r.startsWith("node:")||$4e.has(r);function bAe(r){if(process.env.WATCH_REPORT_DEPENDENCIES&&process.send)if(r=r.map(e=>K.fromPortablePath(Br.resolveVirtual(K.toPortablePath(e)))),BAe)process.send({"watch:require":r});else for(let e of r)process.send({"watch:require":e})}function yO(r,e){let t=Number(process.env.PNP_ALWAYS_WARN_ON_FALLBACK)>0,i=Number(process.env.PNP_DEBUG_LEVEL),n=/^(?![a-zA-Z]:[\\/]|\\\\|\.{0,2}(?:\/|$))((?:node:)?(?:@[^/]+\/)?[^/]+)\/*(.*|)$/,s=/^(\/|\.{1,2}(\/|$))/,o=/\/$/,a=/^\.{0,2}\//,l={name:null,reference:null},c=[],u=new Set;if(r.enableTopLevelFallback===!0&&c.push(l),e.compatibilityMode!==!1)for(let oe of["react-scripts","gatsby"]){let le=r.packageRegistry.get(oe);if(le)for(let we of le.keys()){if(we===null)throw new Error("Assertion failed: This reference shouldn't be null");c.push({name:oe,reference:we})}}let{ignorePattern:g,packageRegistry:f,packageLocatorsByLocations:h}=r;function p(oe,le){return{fn:oe,args:le,error:null,result:null}}function C(oe){var qe,ne,Y,pe,ie,de;let le=(Y=(ne=(qe=process.stderr)==null?void 0:qe.hasColors)==null?void 0:ne.call(qe))!=null?Y:process.stdout.isTTY,we=(tt,Pt)=>`\x1B[${tt}m${Pt}\x1B[0m`,fe=oe.error;console.error(fe?we("31;1",`\u2716 ${(pe=oe.error)==null?void 0:pe.message.replace(/\n.*/s,"")}`):we("33;1","\u203C Resolution")),oe.args.length>0&&console.error();for(let tt of oe.args)console.error(`  ${we("37;1","In \u2190")} ${(0,IO.inspect)(tt,{colors:le,compact:!0})}`);oe.result&&(console.error(),console.error(`  ${we("37;1","Out \u2192")} ${(0,IO.inspect)(oe.result,{colors:le,compact:!0})}`));let Ae=(de=(ie=new Error().stack.match(/(?<=^ +)at.*/gm))==null?void 0:ie.slice(2))!=null?de:[];if(Ae.length>0){console.error();for(let tt of Ae)console.error(`  ${we("38;5;244",tt)}`)}console.error()}function y(oe,le){if(e.allowDebug===!1)return le;if(Number.isFinite(i)){if(i>=2)return(...we)=>{let fe=p(oe,we);try{return fe.result=le(...we)}catch(Ae){throw fe.error=Ae}finally{C(fe)}};if(i>=1)return(...we)=>{try{return le(...we)}catch(fe){let Ae=p(oe,we);throw Ae.error=fe,C(Ae),fe}}}return le}function B(oe){let le=A(oe);if(!le)throw ri("INTERNAL","Couldn't find a matching entry in the dependency tree for the specified parent (this is probably an internal error)");return le}function v(oe){if(oe.name===null)return!0;for(let le of r.dependencyTreeRoots)if(le.name===oe.name&&le.reference===oe.reference)return!0;return!1}let D=new Set(["default","node","require",...wAe("--conditions")]);function L(oe,le=D){let we=re(x.join(oe,"internal.js"),{resolveIgnored:!0,includeDiscardFromLookup:!0});if(we===null)throw ri("INTERNAL",`The locator that owns the "${oe}" path can't be found inside the dependency tree (this is probably an internal error)`);let{packageLocation:fe}=B(we),Ae=x.join(fe,xt.manifest);if(!e.fakeFs.existsSync(Ae))return null;let qe=JSON.parse(e.fakeFs.readFileSync(Ae,"utf8")),ne=x.contains(fe,oe);if(ne===null)throw ri("INTERNAL","unqualifiedPath doesn't contain the packageLocation (this is probably an internal error)");a.test(ne)||(ne=`./${ne}`);let Y;try{Y=iAe(qe,x.normalize(ne),{conditions:le,unsafe:!0})}catch(pe){throw ri("EXPORTS_RESOLUTION_FAILED",pe.message,{unqualifiedPath:lo(oe),locator:we,pkgJson:qe,subpath:lo(ne),conditions:le},"ERR_PACKAGE_PATH_NOT_EXPORTED")}return typeof Y=="string"?x.join(fe,Y):null}function H(oe,le,{extensions:we}){let fe;try{le.push(oe),fe=e.fakeFs.statSync(oe)}catch{}if(fe&&!fe.isDirectory())return e.fakeFs.realpathSync(oe);if(fe&&fe.isDirectory()){let Ae;try{Ae=JSON.parse(e.fakeFs.readFileSync(x.join(oe,xt.manifest),"utf8"))}catch{}let qe;if(Ae&&Ae.main&&(qe=x.resolve(oe,Ae.main)),qe&&qe!==oe){let ne=H(qe,le,{extensions:we});if(ne!==null)return ne}}for(let Ae=0,qe=we.length;Ae<qe;Ae++){let ne=`${oe}${we[Ae]}`;if(le.push(ne),e.fakeFs.existsSync(ne))return ne}if(fe&&fe.isDirectory())for(let Ae=0,qe=we.length;Ae<qe;Ae++){let ne=x.format({dir:oe,name:"index",ext:we[Ae]});if(le.push(ne),e.fakeFs.existsSync(ne))return ne}return null}function j(oe){let le=new eE.Module(oe,null);return le.filename=oe,le.paths=eE.Module._nodeModulePaths(oe),le}function $(oe,le){return le.endsWith("/")&&(le=x.join(le,"internal.js")),eE.Module._resolveFilename(K.fromPortablePath(oe),j(K.fromPortablePath(le)),!1,{plugnplay:!1})}function V(oe){if(g===null)return!1;let le=x.contains(r.basePath,oe);return le===null?!1:!!g.test(le.replace(/\/$/,""))}let W={std:3,resolveVirtual:1,getAllLocators:1},Z=l;function A({name:oe,reference:le}){let we=f.get(oe);if(!we)return null;let fe=we.get(le);return fe||null}function ae({name:oe,reference:le}){let we=[];for(let[fe,Ae]of f)if(fe!==null)for(let[qe,ne]of Ae)qe===null||ne.packageDependencies.get(oe)!==le||fe===oe&&qe===le||we.push({name:fe,reference:qe});return we}function ge(oe,le){let we=new Map,fe=new Set,Ae=ne=>{let Y=JSON.stringify(ne.name);if(fe.has(Y))return;fe.add(Y);let pe=ae(ne);for(let ie of pe)if(B(ie).packagePeers.has(oe))Ae(ie);else{let tt=we.get(ie.name);typeof tt>"u"&&we.set(ie.name,tt=new Set),tt.add(ie.reference)}};Ae(le);let qe=[];for(let ne of[...we.keys()].sort())for(let Y of[...we.get(ne)].sort())qe.push({name:ne,reference:Y});return qe}function re(oe,{resolveIgnored:le=!1,includeDiscardFromLookup:we=!1}={}){if(V(oe)&&!le)return null;let fe=x.relative(r.basePath,oe);fe.match(s)||(fe=`./${fe}`),fe.endsWith("/")||(fe=`${fe}/`);do{let Ae=h.get(fe);if(typeof Ae>"u"||Ae.discardFromLookup&&!we){fe=fe.substring(0,fe.lastIndexOf("/",fe.length-2)+1);continue}return Ae.locator}while(fe!=="");return null}function O(oe){try{return e.fakeFs.readFileSync(K.toPortablePath(oe),"utf8")}catch(le){if(le.code==="ENOENT")return;throw le}}function F(oe,le,{considerBuiltins:we=!0}={}){if(oe.startsWith("#"))throw new Error("resolveToUnqualified can not handle private import mappings");if(oe==="pnpapi")return K.toPortablePath(e.pnpapiResolution);if(we&&MQ(oe))return null;let fe=lo(oe),Ae=le&&lo(le);if(le&&V(le)&&(!x.isAbsolute(oe)||re(oe)===null)){let Y=$(oe,le);if(Y===!1)throw ri("BUILTIN_NODE_RESOLUTION_FAILED",`The builtin node resolution algorithm was unable to resolve the requested module (it didn't go through the pnp resolver because the issuer was explicitely ignored by the regexp)
-
-Require request: "${fe}"
-Required by: ${Ae}
-`,{request:fe,issuer:Ae});return K.toPortablePath(Y)}let qe,ne=oe.match(n);if(ne){if(!le)throw ri("API_ERROR","The resolveToUnqualified function must be called with a valid issuer when the path isn't a builtin nor absolute",{request:fe,issuer:Ae});let[,Y,pe]=ne,ie=re(le);if(!ie){let hr=$(oe,le);if(hr===!1)throw ri("BUILTIN_NODE_RESOLUTION_FAILED",`The builtin node resolution algorithm was unable to resolve the requested module (it didn't go through the pnp resolver because the issuer doesn't seem to be part of the Yarn-managed dependency tree).
-
-Require path: "${fe}"
-Required by: ${Ae}
-`,{request:fe,issuer:Ae});return K.toPortablePath(hr)}let tt=B(ie).packageDependencies.get(Y),Pt=null;if(tt==null&&ie.name!==null){let hr=r.fallbackExclusionList.get(ie.name);if(!hr||!hr.has(ie.reference)){for(let ni=0,Ls=c.length;ni<Ls;++ni){let Ei=B(c[ni]).packageDependencies.get(Y);if(Ei!=null){t?Pt=Ei:tt=Ei;break}}if(r.enableTopLevelFallback&&tt==null&&Pt===null){let ni=r.fallbackPool.get(Y);ni!=null&&(Pt=ni)}}}let It=null;if(tt===null)if(v(ie))It=ri("MISSING_PEER_DEPENDENCY",`Your application tried to access ${Y} (a peer dependency); this isn't allowed as there is no ancestor to satisfy the requirement. Use a devDependency if needed.
-
-Required package: ${Y}${Y!==fe?` (via "${fe}")`:""}
-Required by: ${Ae}
-`,{request:fe,issuer:Ae,dependencyName:Y});else{let hr=ge(Y,ie);hr.every(fi=>v(fi))?It=ri("MISSING_PEER_DEPENDENCY",`${ie.name} tried to access ${Y} (a peer dependency) but it isn't provided by your application; this makes the require call ambiguous and unsound.
-
-Required package: ${Y}${Y!==fe?` (via "${fe}")`:""}
-Required by: ${ie.name}@${ie.reference} (via ${Ae})
-${hr.map(fi=>`Ancestor breaking the chain: ${fi.name}@${fi.reference}
-`).join("")}
-`,{request:fe,issuer:Ae,issuerLocator:Object.assign({},ie),dependencyName:Y,brokenAncestors:hr}):It=ri("MISSING_PEER_DEPENDENCY",`${ie.name} tried to access ${Y} (a peer dependency) but it isn't provided by its ancestors; this makes the require call ambiguous and unsound.
-
-Required package: ${Y}${Y!==fe?` (via "${fe}")`:""}
-Required by: ${ie.name}@${ie.reference} (via ${Ae})
-
-${hr.map(fi=>`Ancestor breaking the chain: ${fi.name}@${fi.reference}
-`).join("")}
-`,{request:fe,issuer:Ae,issuerLocator:Object.assign({},ie),dependencyName:Y,brokenAncestors:hr})}else tt===void 0&&(!we&&MQ(oe)?v(ie)?It=ri("UNDECLARED_DEPENDENCY",`Your application tried to access ${Y}. While this module is usually interpreted as a Node builtin, your resolver is running inside a non-Node resolution context where such builtins are ignored. Since ${Y} isn't otherwise declared in your dependencies, this makes the require call ambiguous and unsound.
-
-Required package: ${Y}${Y!==fe?` (via "${fe}")`:""}
-Required by: ${Ae}
-`,{request:fe,issuer:Ae,dependencyName:Y}):It=ri("UNDECLARED_DEPENDENCY",`${ie.name} tried to access ${Y}. While this module is usually interpreted as a Node builtin, your resolver is running inside a non-Node resolution context where such builtins are ignored. Since ${Y} isn't otherwise declared in ${ie.name}'s dependencies, this makes the require call ambiguous and unsound.
-
-Required package: ${Y}${Y!==fe?` (via "${fe}")`:""}
-Required by: ${Ae}
-`,{request:fe,issuer:Ae,issuerLocator:Object.assign({},ie),dependencyName:Y}):v(ie)?It=ri("UNDECLARED_DEPENDENCY",`Your application tried to access ${Y}, but it isn't declared in your dependencies; this makes the require call ambiguous and unsound.
-
-Required package: ${Y}${Y!==fe?` (via "${fe}")`:""}
-Required by: ${Ae}
-`,{request:fe,issuer:Ae,dependencyName:Y}):It=ri("UNDECLARED_DEPENDENCY",`${ie.name} tried to access ${Y}, but it isn't declared in its dependencies; this makes the require call ambiguous and unsound.
-
-Required package: ${Y}${Y!==fe?` (via "${fe}")`:""}
-Required by: ${ie.name}@${ie.reference} (via ${Ae})
-`,{request:fe,issuer:Ae,issuerLocator:Object.assign({},ie),dependencyName:Y}));if(tt==null){if(Pt===null||It===null)throw It||new Error("Assertion failed: Expected an error to have been set");tt=Pt;let hr=It.message.replace(/\n.*/g,"");It.message=hr,!u.has(hr)&&i!==0&&(u.add(hr),process.emitWarning(It))}let Or=Array.isArray(tt)?{name:tt[0],reference:tt[1]}:{name:Y,reference:tt},ii=B(Or);if(!ii.packageLocation)throw ri("MISSING_DEPENDENCY",`A dependency seems valid but didn't get installed for some reason. This might be caused by a partial install, such as dev vs prod.
-
-Required package: ${Or.name}@${Or.reference}${Or.name!==fe?` (via "${fe}")`:""}
-Required by: ${ie.name}@${ie.reference} (via ${Ae})
-`,{request:fe,issuer:Ae,dependencyLocator:Object.assign({},Or)});let gi=ii.packageLocation;pe?qe=x.join(gi,pe):qe=gi}else if(x.isAbsolute(oe))qe=x.normalize(oe);else{if(!le)throw ri("API_ERROR","The resolveToUnqualified function must be called with a valid issuer when the path isn't a builtin nor absolute",{request:fe,issuer:Ae});let Y=x.resolve(le);le.match(o)?qe=x.normalize(x.join(Y,oe)):qe=x.normalize(x.join(x.dirname(Y),oe))}return x.normalize(qe)}function ue(oe,le,we=D){if(s.test(oe))return le;let fe=L(le,we);return fe?x.normalize(fe):le}function he(oe,{extensions:le=Object.keys(eE.Module._extensions)}={}){var Ae,qe;let we=[],fe=H(oe,we,{extensions:le});if(fe)return x.normalize(fe);{bAe(we.map(pe=>K.fromPortablePath(pe)));let ne=lo(oe),Y=re(oe);if(Y){let{packageLocation:pe}=B(Y),ie=!0;try{e.fakeFs.accessSync(pe)}catch(de){if((de==null?void 0:de.code)==="ENOENT")ie=!1;else{let tt=((qe=(Ae=de==null?void 0:de.message)!=null?Ae:de)!=null?qe:"empty exception thrown").replace(/^[A-Z]/,Pt=>Pt.toLowerCase());throw ri("QUALIFIED_PATH_RESOLUTION_FAILED",`Required package exists but could not be accessed (${tt}).
-
-Missing package: ${Y.name}@${Y.reference}
-Expected package location: ${lo(pe)}
-`,{unqualifiedPath:ne,extensions:le})}}if(!ie){let de=pe.includes("/unplugged/")?"Required unplugged package missing from disk. This may happen when switching branches without running installs (unplugged packages must be fully materialized on disk to work).":"Required package missing from disk. If you keep your packages inside your repository then restarting the Node process may be enough. Otherwise, try to run an install first.";throw ri("QUALIFIED_PATH_RESOLUTION_FAILED",`${de}
-
-Missing package: ${Y.name}@${Y.reference}
-Expected package location: ${lo(pe)}
-`,{unqualifiedPath:ne,extensions:le})}}throw ri("QUALIFIED_PATH_RESOLUTION_FAILED",`Qualified path resolution failed: we looked for the following paths, but none could be accessed.
-
-Source path: ${ne}
-${we.map(pe=>`Not found: ${lo(pe)}
-`).join("")}`,{unqualifiedPath:ne,extensions:le})}}function ke(oe,le,we){var Ae;if(!le)throw new Error("Assertion failed: An issuer is required to resolve private import mappings");let fe=CAe({name:oe,base:(0,KQ.pathToFileURL)(K.fromPortablePath(le)),conditions:(Ae=we.conditions)!=null?Ae:D,readFileSyncFn:O});if(fe instanceof URL)return he(K.toPortablePath((0,KQ.fileURLToPath)(fe)),{extensions:we.extensions});if(fe.startsWith("#"))throw new Error("Mapping from one private import to another isn't allowed");return Fe(fe,le,we)}function Fe(oe,le,we={}){try{if(oe.startsWith("#"))return ke(oe,le,we);let{considerBuiltins:fe,extensions:Ae,conditions:qe}=we,ne=F(oe,le,{considerBuiltins:fe});if(oe==="pnpapi")return ne;if(ne===null)return null;let Y=()=>le!==null?V(le):!1,pe=(!fe||!MQ(oe))&&!Y()?ue(oe,ne,qe):ne;return he(pe,{extensions:Ae})}catch(fe){throw Object.prototype.hasOwnProperty.call(fe,"pnpCode")&&Object.assign(fe.data,{request:lo(oe),issuer:le&&lo(le)}),fe}}function Ne(oe){let le=x.normalize(oe),we=Br.resolveVirtual(le);return we!==le?we:null}return{VERSIONS:W,topLevel:Z,getLocator:(oe,le)=>Array.isArray(le)?{name:le[0],reference:le[1]}:{name:oe,reference:le},getDependencyTreeRoots:()=>[...r.dependencyTreeRoots],getAllLocators(){let oe=[];for(let[le,we]of f)for(let fe of we.keys())le!==null&&fe!==null&&oe.push({name:le,reference:fe});return oe},getPackageInformation:oe=>{let le=A(oe);if(le===null)return null;let we=K.fromPortablePath(le.packageLocation);return{...le,packageLocation:we}},findPackageLocator:oe=>re(K.toPortablePath(oe)),resolveToUnqualified:y("resolveToUnqualified",(oe,le,we)=>{let fe=le!==null?K.toPortablePath(le):null,Ae=F(K.toPortablePath(oe),fe,we);return Ae===null?null:K.fromPortablePath(Ae)}),resolveUnqualified:y("resolveUnqualified",(oe,le)=>K.fromPortablePath(he(K.toPortablePath(oe),le))),resolveRequest:y("resolveRequest",(oe,le,we)=>{let fe=le!==null?K.toPortablePath(le):null,Ae=Fe(K.toPortablePath(oe),fe,we);return Ae===null?null:K.fromPortablePath(Ae)}),resolveVirtual:y("resolveVirtual",oe=>{let le=Ne(K.toPortablePath(oe));return le!==null?K.fromPortablePath(le):null})}}var Dwt=(0,vAe.promisify)(SAe.readFile);var xAe=(r,e,t)=>{let i=zm(r),n=fO(i,{basePath:e}),s=K.join(e,xt.pnpCjs);return yO(n,{fakeFs:t,pnpapiResolution:s})};var BO=Pe(DAe());var uo={};ut(uo,{checkAndReportManifestCompatibility:()=>RAe,checkManifestCompatibility:()=>kAe,extractBuildScripts:()=>UQ,getExtractHint:()=>QO,hasBindingGyp:()=>bO});function kAe(r){return P.isPackageCompatible(r,Cs.getArchitectureSet())}function RAe(r,e,{configuration:t,report:i}){return kAe(r)?!0:(i==null||i.reportWarningOnce(76,`${P.prettyLocator(t,r)} The ${Cs.getArchitectureName()} architecture is incompatible with this package, ${e} skipped.`),!1)}function UQ(r,e,t,{configuration:i,report:n}){let s=[];for(let a of["preinstall","install","postinstall"])e.manifest.scripts.has(a)&&s.push([0,a]);return!e.manifest.scripts.has("install")&&e.misc.hasBindingGyp&&s.push([1,"node-gyp rebuild"]),s.length===0?[]:r.linkType!=="HARD"?(n==null||n.reportWarningOnce(6,`${P.prettyLocator(i,r)} lists build scripts, but is referenced through a soft link. Soft links don't support build scripts, so they'll be ignored.`),[]):t&&t.built===!1?(n==null||n.reportInfoOnce(5,`${P.prettyLocator(i,r)} lists build scripts, but its build has been explicitly disabled through configuration.`),[]):!i.get("enableScripts")&&!t.built?(n==null||n.reportWarningOnce(4,`${P.prettyLocator(i,r)} lists build scripts, but all build scripts have been disabled.`),[]):RAe(r,"build",{configuration:i,report:n})?s:[]}var t8e=new Set([".exe",".h",".hh",".hpp",".c",".cc",".cpp",".java",".jar",".node"]);function QO(r){return r.packageFs.getExtractHint({relevantExtensions:t8e})}function bO(r){let e=x.join(r.prefixPath,"binding.gyp");return r.packageFs.existsSync(e)}var rE={};ut(rE,{getUnpluggedPath:()=>tE});function tE(r,{configuration:e}){return x.resolve(e.get("pnpUnpluggedFolder"),P.slugifyLocator(r))}var r8e=new Set([P.makeIdent(null,"open").identHash,P.makeIdent(null,"opn").identHash]),ll=class{constructor(){this.mode="strict";this.pnpCache=new Map}supportsPackage(e,t){return this.isEnabled(t)}async findPackageLocation(e,t){if(!this.isEnabled(t))throw new Error("Assertion failed: Expected the PnP linker to be enabled");let i=cl(t.project).cjs;if(!M.existsSync(i))throw new be(`The project in ${ee.pretty(t.project.configuration,`${t.project.cwd}/package.json`,ee.Type.PATH)} doesn't seem to have been installed - running an install there might help`);let n=Ie.getFactoryWithDefault(this.pnpCache,i,()=>Ie.dynamicRequire(i,{cachingStrategy:Ie.CachingStrategy.FsTime})),s={name:P.stringifyIdent(e),reference:e.reference},o=n.getPackageInformation(s);if(!o)throw new be(`Couldn't find ${P.prettyLocator(t.project.configuration,e)} in the currently installed PnP map - running an install might help`);return K.toPortablePath(o.packageLocation)}async findPackageLocator(e,t){if(!this.isEnabled(t))return null;let i=cl(t.project).cjs;if(!M.existsSync(i))return null;let s=Ie.getFactoryWithDefault(this.pnpCache,i,()=>Ie.dynamicRequire(i,{cachingStrategy:Ie.CachingStrategy.FsTime})).findPackageLocator(K.fromPortablePath(e));return s?P.makeLocator(P.parseIdent(s.name),s.reference):null}makeInstaller(e){return new Fu(e)}isEnabled(e){return!(e.project.configuration.get("nodeLinker")!=="pnp"||e.project.configuration.get("pnpMode")!==this.mode)}},Fu=class{constructor(e){this.opts=e;this.mode="strict";this.asyncActions=new Ie.AsyncActions(10);this.packageRegistry=new Map;this.virtualTemplates=new Map;this.isESMLoaderRequired=!1;this.customData={store:new Map};this.unpluggedPaths=new Set;this.opts=e}getCustomDataKey(){return JSON.stringify({name:"PnpInstaller",version:2})}attachCustomData(e){this.customData=e}async installPackage(e,t,i){let n=P.stringifyIdent(e),s=e.reference,o=!!this.opts.project.tryWorkspaceByLocator(e),a=P.isVirtualLocator(e),l=e.peerDependencies.size>0&&!a,c=!l&&!o,u=!l&&e.linkType!=="SOFT",g,f;if(c||u){let D=a?P.devirtualizeLocator(e):e;g=this.customData.store.get(D.locatorHash),typeof g>"u"&&(g=await i8e(t),e.linkType==="HARD"&&this.customData.store.set(D.locatorHash,g)),g.manifest.type==="module"&&(this.isESMLoaderRequired=!0),f=this.opts.project.getDependencyMeta(D,e.version)}let h=c?UQ(e,g,f,{configuration:this.opts.project.configuration,report:this.opts.report}):[],p=u?await this.unplugPackageIfNeeded(e,g,t,f,i):t.packageFs;if(x.isAbsolute(t.prefixPath))throw new Error(`Assertion failed: Expected the prefix path (${t.prefixPath}) to be relative to the parent`);let C=x.resolve(p.getRealPath(),t.prefixPath),y=SO(this.opts.project.cwd,C),B=new Map,v=new Set;if(a){for(let D of e.peerDependencies.values())B.set(P.stringifyIdent(D),null),v.add(P.stringifyIdent(D));if(!o){let D=P.devirtualizeLocator(e);this.virtualTemplates.set(D.locatorHash,{location:SO(this.opts.project.cwd,Br.resolveVirtual(C)),locator:D})}}return Ie.getMapWithDefault(this.packageRegistry,n).set(s,{packageLocation:y,packageDependencies:B,packagePeers:v,linkType:e.linkType,discardFromLookup:t.discardFromLookup||!1}),{packageLocation:C,buildDirective:h.length>0?h:null}}async attachInternalDependencies(e,t){let i=this.getPackageInformation(e);for(let[n,s]of t){let o=P.areIdentsEqual(n,s)?s.reference:[P.stringifyIdent(s),s.reference];i.packageDependencies.set(P.stringifyIdent(n),o)}}async attachExternalDependents(e,t){for(let i of t)this.getDiskInformation(i).packageDependencies.set(P.stringifyIdent(e),e.reference)}async finalizeInstall(){if(this.opts.project.configuration.get("pnpMode")!==this.mode)return;let e=cl(this.opts.project);if(M.existsSync(e.cjsLegacy)&&(this.opts.report.reportWarning(0,`Removing the old ${ee.pretty(this.opts.project.configuration,xt.pnpJs,ee.Type.PATH)} file. You might need to manually update existing references to reference the new ${ee.pretty(this.opts.project.configuration,xt.pnpCjs,ee.Type.PATH)} file. If you use Editor SDKs, you'll have to rerun ${ee.pretty(this.opts.project.configuration,"yarn sdks",ee.Type.CODE)}.`),await M.removePromise(e.cjsLegacy)),this.isEsmEnabled()||await M.removePromise(e.esmLoader),this.opts.project.configuration.get("nodeLinker")!=="pnp"){await M.removePromise(e.cjs),await M.removePromise(this.opts.project.configuration.get("pnpDataPath")),await M.removePromise(e.esmLoader),await M.removePromise(this.opts.project.configuration.get("pnpUnpluggedFolder"));return}for(let{locator:u,location:g}of this.virtualTemplates.values())Ie.getMapWithDefault(this.packageRegistry,P.stringifyIdent(u)).set(u.reference,{packageLocation:g,packageDependencies:new Map,packagePeers:new Set,linkType:"SOFT",discardFromLookup:!1});this.packageRegistry.set(null,new Map([[null,this.getPackageInformation(this.opts.project.topLevelWorkspace.anchoredLocator)]]));let t=this.opts.project.configuration.get("pnpFallbackMode"),i=this.opts.project.workspaces.map(({anchoredLocator:u})=>({name:P.stringifyIdent(u),reference:u.reference})),n=t!=="none",s=[],o=new Map,a=Ie.buildIgnorePattern([".yarn/sdks/**",...this.opts.project.configuration.get("pnpIgnorePatterns")]),l=this.packageRegistry,c=this.opts.project.configuration.get("pnpShebang");if(t==="dependencies-only")for(let u of this.opts.project.storedPackages.values())this.opts.project.tryWorkspaceByLocator(u)&&s.push({name:P.stringifyIdent(u),reference:u.reference});return await this.asyncActions.wait(),await this.finalizeInstallWithPnp({dependencyTreeRoots:i,enableTopLevelFallback:n,fallbackExclusionList:s,fallbackPool:o,ignorePattern:a,packageRegistry:l,shebang:c}),{customData:this.customData}}async transformPnpSettings(e){}isEsmEnabled(){if(this.opts.project.configuration.sources.has("pnpEnableEsmLoader"))return this.opts.project.configuration.get("pnpEnableEsmLoader");if(this.isESMLoaderRequired)return!0;for(let e of this.opts.project.workspaces)if(e.manifest.type==="module")return!0;return!1}async finalizeInstallWithPnp(e){let t=cl(this.opts.project),i=this.opts.project.configuration.get("pnpDataPath"),n=await this.locateNodeModules(e.ignorePattern);if(n.length>0){this.opts.report.reportWarning(31,"One or more node_modules have been detected and will be removed. This operation may take some time.");for(let o of n)await M.removePromise(o)}if(await this.transformPnpSettings(e),this.opts.project.configuration.get("pnpEnableInlining")){let o=tAe(e);await M.changeFilePromise(t.cjs,o,{automaticNewlines:!0,mode:493}),await M.removePromise(i)}else{let o=x.relative(x.dirname(t.cjs),i),{dataFile:a,loaderFile:l}=rAe({...e,dataLocation:o});await M.changeFilePromise(t.cjs,l,{automaticNewlines:!0,mode:493}),await M.changeFilePromise(i,a,{automaticNewlines:!0,mode:420})}this.isEsmEnabled()&&(this.opts.report.reportWarning(0,"ESM support for PnP uses the experimental loader API and is therefore experimental"),await M.changeFilePromise(t.esmLoader,(0,BO.default)(),{automaticNewlines:!0,mode:420}));let s=this.opts.project.configuration.get("pnpUnpluggedFolder");if(this.unpluggedPaths.size===0)await M.removePromise(s);else for(let o of await M.readdirPromise(s)){let a=x.resolve(s,o);this.unpluggedPaths.has(a)||await M.removePromise(a)}}async locateNodeModules(e){let t=[],i=e?new RegExp(e):null;for(let n of this.opts.project.workspaces){let s=x.join(n.cwd,"node_modules");if(i&&i.test(x.relative(this.opts.project.cwd,n.cwd))||!M.existsSync(s))continue;let o=await M.readdirPromise(s,{withFileTypes:!0}),a=o.filter(l=>!l.isDirectory()||l.name===".bin"||!l.name.startsWith("."));if(a.length===o.length)t.push(s);else for(let l of a)t.push(x.join(s,l.name))}return t}async unplugPackageIfNeeded(e,t,i,n,s){return this.shouldBeUnplugged(e,t,n)?this.unplugPackage(e,i,s):i.packageFs}shouldBeUnplugged(e,t,i){return typeof i.unplugged<"u"?i.unplugged:r8e.has(e.identHash)||e.conditions!=null?!0:t.manifest.preferUnplugged!==null?t.manifest.preferUnplugged:!!(UQ(e,t,i,{configuration:this.opts.project.configuration}).length>0||t.misc.extractHint)}async unplugPackage(e,t,i){let n=tE(e,{configuration:this.opts.project.configuration});return this.opts.project.disabledLocators.has(e.locatorHash)?new yo(n,{baseFs:t.packageFs,pathUtils:x}):(this.unpluggedPaths.add(n),i.holdFetchResult(this.asyncActions.set(e.locatorHash,async()=>{let s=x.join(n,t.prefixPath,".ready");await M.existsPromise(s)||(this.opts.project.storedBuildState.delete(e.locatorHash),await M.mkdirPromise(n,{recursive:!0}),await M.copyPromise(n,Oe.dot,{baseFs:t.packageFs,overwrite:!1}),await M.writeFilePromise(s,""))})),new jt(n))}getPackageInformation(e){let t=P.stringifyIdent(e),i=e.reference,n=this.packageRegistry.get(t);if(!n)throw new Error(`Assertion failed: The package information store should have been available (for ${P.prettyIdent(this.opts.project.configuration,e)})`);let s=n.get(i);if(!s)throw new Error(`Assertion failed: The package information should have been available (for ${P.prettyLocator(this.opts.project.configuration,e)})`);return s}getDiskInformation(e){let t=Ie.getMapWithDefault(this.packageRegistry,"@@disk"),i=SO(this.opts.project.cwd,e);return Ie.getFactoryWithDefault(t,i,()=>({packageLocation:i,packageDependencies:new Map,packagePeers:new Set,linkType:"SOFT",discardFromLookup:!1}))}};function SO(r,e){let t=x.relative(r,e);return t.match(/^\.{0,2}\//)||(t=`./${t}`),t.replace(/\/?$/,"/")}async function i8e(r){var i;let e=(i=await ot.tryFind(r.prefixPath,{baseFs:r.packageFs}))!=null?i:new ot,t=new Set(["preinstall","install","postinstall"]);for(let n of e.scripts.keys())t.has(n)||e.scripts.delete(n);return{manifest:{scripts:e.scripts,preferUnplugged:e.preferUnplugged,type:e.type},misc:{extractHint:QO(r),hasBindingGyp:bO(r)}}}var FAe=Pe(yn());var Nu=class extends De{constructor(){super(...arguments);this.all=z.Boolean("-A,--all",!1,{description:"Unplug direct dependencies from the entire project"});this.recursive=z.Boolean("-R,--recursive",!1,{description:"Unplug both direct and transitive dependencies"});this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"});this.patterns=z.Rest()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd),s=await Rt.find(t);if(!n)throw new ct(i.cwd,this.context.cwd);if(t.get("nodeLinker")!=="pnp")throw new be("This command can only be used if the `nodeLinker` option is set to `pnp`");await i.restoreInstallState();let o=new Set(this.patterns),a=this.patterns.map(h=>{let p=P.parseDescriptor(h),C=p.range!=="unknown"?p:P.makeDescriptor(p,"*");if(!vt.validRange(C.range))throw new be(`The range of the descriptor patterns must be a valid semver range (${P.prettyDescriptor(t,C)})`);return y=>{let B=P.stringifyIdent(y);return!FAe.default.isMatch(B,P.stringifyIdent(C))||y.version&&!vt.satisfiesWithPrereleases(y.version,C.range)?!1:(o.delete(h),!0)}}),l=()=>{let h=[];for(let p of i.storedPackages.values())!i.tryWorkspaceByLocator(p)&&!P.isVirtualLocator(p)&&a.some(C=>C(p))&&h.push(p);return h},c=h=>{let p=new Set,C=[],y=(B,v)=>{if(!p.has(B.locatorHash)&&(p.add(B.locatorHash),!i.tryWorkspaceByLocator(B)&&a.some(D=>D(B))&&C.push(B),!(v>0&&!this.recursive)))for(let D of B.dependencies.values()){let L=i.storedResolutions.get(D.descriptorHash);if(!L)throw new Error("Assertion failed: The resolution should have been registered");let H=i.storedPackages.get(L);if(!H)throw new Error("Assertion failed: The package should have been registered");y(H,v+1)}};for(let B of h){let v=i.storedPackages.get(B.anchoredLocator.locatorHash);if(!v)throw new Error("Assertion failed: The package should have been registered");y(v,0)}return C},u,g;if(this.all&&this.recursive?(u=l(),g="the project"):this.all?(u=c(i.workspaces),g="any workspace"):(u=c([n]),g="this workspace"),o.size>1)throw new be(`Patterns ${ee.prettyList(t,o,ee.Type.CODE)} don't match any packages referenced by ${g}`);if(o.size>0)throw new be(`Pattern ${ee.prettyList(t,o,ee.Type.CODE)} doesn't match any packages referenced by ${g}`);return u=Ie.sortMap(u,h=>P.stringifyLocator(h)),(await Ge.start({configuration:t,stdout:this.context.stdout,json:this.json},async h=>{var p;for(let C of u){let y=(p=C.version)!=null?p:"unknown",B=i.topLevelWorkspace.manifest.ensureDependencyMeta(P.makeDescriptor(C,y));B.unplugged=!0,h.reportInfo(0,`Will unpack ${P.prettyLocator(t,C)} to ${ee.pretty(t,tE(C,{configuration:t}),ee.Type.PATH)}`),h.reportJson({locator:P.stringifyLocator(C),version:y})}await i.topLevelWorkspace.persistManifest(),h.reportSeparator(),await i.install({cache:s,report:h})})).exitCode()}};Nu.paths=[["unplug"]],Nu.usage=ve.Usage({description:"force the unpacking of a list of packages",details:"\n      This command will add the selectors matching the specified patterns to the list of packages that must be unplugged when installed.\n\n      A package being unplugged means that instead of being referenced directly through its archive, it will be unpacked at install time in the directory configured via `pnpUnpluggedFolder`. Note that unpacking packages this way is generally not recommended because it'll make it harder to store your packages within the repository. However, it's a good approach to quickly and safely debug some packages, and can even sometimes be required depending on the context (for example when the package contains shellscripts).\n\n      Running the command will set a persistent flag inside your top-level `package.json`, in the `dependenciesMeta` field. As such, to undo its effects, you'll need to revert the changes made to the manifest and run `yarn install` to apply the modification.\n\n      By default, only direct dependencies from the current workspace are affected. If `-A,--all` is set, direct dependencies from the entire project are affected. Using the `-R,--recursive` flag will affect transitive dependencies as well as direct ones.\n\n      This command accepts glob patterns inside the scope and name components (not the range). Make sure to escape the patterns to prevent your own shell from trying to expand them.\n    ",examples:[["Unplug the lodash dependency from the active workspace","yarn unplug lodash"],["Unplug all instances of lodash referenced by any workspace","yarn unplug lodash -A"],["Unplug all instances of lodash referenced by the active workspace and its dependencies","yarn unplug lodash -R"],["Unplug all instances of lodash, anywhere","yarn unplug lodash -AR"],["Unplug one specific version of lodash","yarn unplug lodash@1.2.3"],["Unplug all packages with the `@babel` scope","yarn unplug '@babel/*'"],["Unplug all packages (only for testing, not recommended)","yarn unplug -R '*'"]]});var cl=r=>({cjs:x.join(r.cwd,xt.pnpCjs),cjsLegacy:x.join(r.cwd,xt.pnpJs),esmLoader:x.join(r.cwd,".pnp.loader.mjs")}),TAe=r=>/\s/.test(r)?JSON.stringify(r):r;async function n8e(r,e,t){let i=cl(r),n=`--require ${TAe(K.fromPortablePath(i.cjs))}`;if(M.existsSync(i.esmLoader)&&(n=`${n} --experimental-loader ${(0,LAe.pathToFileURL)(K.fromPortablePath(i.esmLoader)).href}`),i.cjs.includes(" ")&&NAe.default.lt(process.versions.node,"12.0.0"))throw new Error(`Expected the build location to not include spaces when using Node < 12.0.0 (${process.versions.node})`);if(M.existsSync(i.cjs)){let s=e.NODE_OPTIONS||"",o=/\s*--require\s+\S*\.pnp\.c?js\s*/g,a=/\s*--experimental-loader\s+\S*\.pnp\.loader\.mjs\s*/;s=s.replace(o," ").replace(a," ").trim(),s=s?`${n} ${s}`:n,e.NODE_OPTIONS=s}}async function s8e(r,e){let t=cl(r);e(t.cjs),e(t.esmLoader),e(r.configuration.get("pnpDataPath")),e(r.configuration.get("pnpUnpluggedFolder"))}var o8e={hooks:{populateYarnPaths:s8e,setupScriptEnvironment:n8e},configuration:{nodeLinker:{description:'The linker used for installing Node packages, one of: "pnp", "node-modules"',type:"STRING",default:"pnp"},pnpMode:{description:"If 'strict', generates standard PnP maps. If 'loose', merges them with the n_m resolution.",type:"STRING",default:"strict"},pnpShebang:{description:"String to prepend to the generated PnP script",type:"STRING",default:"#!/usr/bin/env node"},pnpIgnorePatterns:{description:"Array of glob patterns; files matching them will use the classic resolution",type:"STRING",default:[],isArray:!0},pnpEnableEsmLoader:{description:"If true, Yarn will generate an ESM loader (`.pnp.loader.mjs`). If this is not explicitly set Yarn tries to automatically detect whether ESM support is required.",type:"BOOLEAN",default:!1},pnpEnableInlining:{description:"If true, the PnP data will be inlined along with the generated loader",type:"BOOLEAN",default:!0},pnpFallbackMode:{description:"If true, the generated PnP loader will follow the top-level fallback rule",type:"STRING",default:"dependencies-only"},pnpUnpluggedFolder:{description:"Folder where the unplugged packages must be stored",type:"ABSOLUTE_PATH",default:"./.yarn/unplugged"},pnpDataPath:{description:"Path of the file where the PnP data (used by the loader) must be written",type:"ABSOLUTE_PATH",default:"./.pnp.data.json"}},linkers:[ll],commands:[Nu]},a8e=o8e;var jAe=Pe(HAe());var NO=Pe(J("crypto")),qAe=Pe(J("fs")),JAe=1,kr="node_modules",HQ=".bin",WAe=".yarn-state.yml",Q8e=1e3;var GQ=class{constructor(){this.installStateCache=new Map}supportsPackage(e,t){return this.isEnabled(t)}async findPackageLocation(e,t){if(!this.isEnabled(t))throw new Error("Assertion failed: Expected the node-modules linker to be enabled");let i=t.project.tryWorkspaceByLocator(e);if(i)return i.cwd;let n=await Ie.getFactoryWithDefault(this.installStateCache,t.project.cwd,async()=>await FO(t.project,{unrollAliases:!0}));if(n===null)throw new be("Couldn't find the node_modules state file - running an install might help (findPackageLocation)");let s=n.locatorMap.get(P.stringifyLocator(e));if(!s){let l=new be(`Couldn't find ${P.prettyLocator(t.project.configuration,e)} in the currently installed node_modules map - running an install might help`);throw l.code="LOCATOR_NOT_INSTALLED",l}let o=s.locations.sort((l,c)=>l.split(x.sep).length-c.split(x.sep).length),a=x.join(t.project.configuration.startingCwd,kr);return o.find(l=>x.contains(a,l))||s.locations[0]}async findPackageLocator(e,t){if(!this.isEnabled(t))return null;let i=await Ie.getFactoryWithDefault(this.installStateCache,t.project.cwd,async()=>await FO(t.project,{unrollAliases:!0}));if(i===null)return null;let{locationRoot:n,segments:s}=YQ(x.resolve(e),{skipPrefix:t.project.cwd}),o=i.locationTree.get(n);if(!o)return null;let a=o.locator;for(let l of s){if(o=o.children.get(l),!o)break;a=o.locator||a}return P.parseLocator(a)}makeInstaller(e){return new RO(e)}isEnabled(e){return e.project.configuration.get("nodeLinker")==="node-modules"}},RO=class{constructor(e){this.opts=e;this.localStore=new Map;this.realLocatorChecksums=new Map;this.customData={store:new Map}}getCustomDataKey(){return JSON.stringify({name:"NodeModulesInstaller",version:2})}attachCustomData(e){this.customData=e}async installPackage(e,t){var u;let i=x.resolve(t.packageFs.getRealPath(),t.prefixPath),n=this.customData.store.get(e.locatorHash);if(typeof n>"u"&&(n=await b8e(e,t),e.linkType==="HARD"&&this.customData.store.set(e.locatorHash,n)),!P.isPackageCompatible(e,this.opts.project.configuration.getSupportedArchitectures()))return{packageLocation:null,buildDirective:null};let s=new Map,o=new Set;s.has(P.stringifyIdent(e))||s.set(P.stringifyIdent(e),e.reference);let a=e;if(P.isVirtualLocator(e)){a=P.devirtualizeLocator(e);for(let g of e.peerDependencies.values())s.set(P.stringifyIdent(g),null),o.add(P.stringifyIdent(g))}let l={packageLocation:`${K.fromPortablePath(i)}/`,packageDependencies:s,packagePeers:o,linkType:e.linkType,discardFromLookup:(u=t.discardFromLookup)!=null?u:!1};this.localStore.set(e.locatorHash,{pkg:e,customPackageData:n,dependencyMeta:this.opts.project.getDependencyMeta(e,e.version),pnpNode:l});let c=t.checksum?t.checksum.substring(t.checksum.indexOf("/")+1):null;return this.realLocatorChecksums.set(a.locatorHash,c),{packageLocation:i,buildDirective:null}}async attachInternalDependencies(e,t){let i=this.localStore.get(e.locatorHash);if(typeof i>"u")throw new Error("Assertion failed: Expected information object to have been registered");for(let[n,s]of t){let o=P.areIdentsEqual(n,s)?s.reference:[P.stringifyIdent(s),s.reference];i.pnpNode.packageDependencies.set(P.stringifyIdent(n),o)}}async attachExternalDependents(e,t){throw new Error("External dependencies haven't been implemented for the node-modules linker")}async finalizeInstall(){if(this.opts.project.configuration.get("nodeLinker")!=="node-modules")return;let e=new Br({baseFs:new Tn({libzip:await rn(),maxOpenFiles:80,readOnlyArchives:!0})}),t=await FO(this.opts.project),i=this.opts.project.configuration.get("nmMode");(t===null||i!==t.nmMode)&&(this.opts.project.storedBuildState.clear(),t={locatorMap:new Map,binSymlinks:new Map,locationTree:new Map,nmMode:i,mtimeMs:0});let n=new Map(this.opts.project.workspaces.map(f=>{var p,C;let h=this.opts.project.configuration.get("nmHoistingLimits");try{h=Ie.validateEnum(qm,(C=(p=f.manifest.installConfig)==null?void 0:p.hoistingLimits)!=null?C:h)}catch{let B=P.prettyWorkspace(this.opts.project.configuration,f);this.opts.report.reportWarning(57,`${B}: Invalid 'installConfig.hoistingLimits' value. Expected one of ${Object.values(qm).join(", ")}, using default: "${h}"`)}return[f.relativeCwd,h]})),s=new Map(this.opts.project.workspaces.map(f=>{var p,C;let h=this.opts.project.configuration.get("nmSelfReferences");return h=(C=(p=f.manifest.installConfig)==null?void 0:p.selfReferences)!=null?C:h,[f.relativeCwd,h]})),o={VERSIONS:{std:1},topLevel:{name:null,reference:null},getLocator:(f,h)=>Array.isArray(h)?{name:h[0],reference:h[1]}:{name:f,reference:h},getDependencyTreeRoots:()=>this.opts.project.workspaces.map(f=>{let h=f.anchoredLocator;return{name:P.stringifyIdent(f.locator),reference:h.reference}}),getPackageInformation:f=>{let h=f.reference===null?this.opts.project.topLevelWorkspace.anchoredLocator:P.makeLocator(P.parseIdent(f.name),f.reference),p=this.localStore.get(h.locatorHash);if(typeof p>"u")throw new Error("Assertion failed: Expected the package reference to have been registered");return p.pnpNode},findPackageLocator:f=>{let h=this.opts.project.tryWorkspaceByCwd(K.toPortablePath(f));if(h!==null){let p=h.anchoredLocator;return{name:P.stringifyIdent(p),reference:p.reference}}throw new Error("Assertion failed: Unimplemented")},resolveToUnqualified:()=>{throw new Error("Assertion failed: Unimplemented")},resolveUnqualified:()=>{throw new Error("Assertion failed: Unimplemented")},resolveRequest:()=>{throw new Error("Assertion failed: Unimplemented")},resolveVirtual:f=>K.fromPortablePath(Br.resolveVirtual(K.toPortablePath(f)))},{tree:a,errors:l,preserveSymlinksRequired:c}=Jm(o,{pnpifyFs:!1,validateExternalSoftLinks:!0,hoistingLimitsByCwd:n,project:this.opts.project,selfReferencesByCwd:s});if(!a){for(let{messageName:f,text:h}of l)this.opts.report.reportError(f,h);return}let u=uO(a);await k8e(t,u,{baseFs:e,project:this.opts.project,report:this.opts.report,realLocatorChecksums:this.realLocatorChecksums,loadManifest:async f=>{let h=P.parseLocator(f),p=this.localStore.get(h.locatorHash);if(typeof p>"u")throw new Error("Assertion failed: Expected the slot to exist");return p.customPackageData.manifest}});let g=[];for(let[f,h]of u.entries()){if(_Ae(f))continue;let p=P.parseLocator(f),C=this.localStore.get(p.locatorHash);if(typeof C>"u")throw new Error("Assertion failed: Expected the slot to exist");if(this.opts.project.tryWorkspaceByLocator(C.pkg))continue;let y=uo.extractBuildScripts(C.pkg,C.customPackageData,C.dependencyMeta,{configuration:this.opts.project.configuration,report:this.opts.report});y.length!==0&&g.push({buildLocations:h.locations,locatorHash:p.locatorHash,buildDirective:y})}return c&&this.opts.report.reportWarning(72,`The application uses portals and that's why ${ee.pretty(this.opts.project.configuration,"--preserve-symlinks",ee.Type.CODE)} Node option is required for launching it`),{customData:this.customData,records:g}}};async function b8e(r,e){var n;let t=(n=await ot.tryFind(e.prefixPath,{baseFs:e.packageFs}))!=null?n:new ot,i=new Set(["preinstall","install","postinstall"]);for(let s of t.scripts.keys())i.has(s)||t.scripts.delete(s);return{manifest:{bin:t.bin,scripts:t.scripts},misc:{extractHint:uo.getExtractHint(e),hasBindingGyp:uo.hasBindingGyp(e)}}}async function S8e(r,e,t,i,{installChangedByUser:n}){let s="";s+=`# Warning: This file is automatically generated. Removing it is fine, but will
-`,s+=`# cause your node_modules installation to become invalidated.
-`,s+=`
-`,s+=`__metadata:
-`,s+=`  version: ${JAe}
-`,s+=`  nmMode: ${i.value}
-`;let o=Array.from(e.keys()).sort(),a=P.stringifyLocator(r.topLevelWorkspace.anchoredLocator);for(let u of o){let g=e.get(u);s+=`
-`,s+=`${JSON.stringify(u)}:
-`,s+=`  locations:
-`;for(let f of g.locations){let h=x.contains(r.cwd,f);if(h===null)throw new Error(`Assertion failed: Expected the path to be within the project (${f})`);s+=`    - ${JSON.stringify(h)}
-`}if(g.aliases.length>0){s+=`  aliases:
-`;for(let f of g.aliases)s+=`    - ${JSON.stringify(f)}
-`}if(u===a&&t.size>0){s+=`  bin:
-`;for(let[f,h]of t){let p=x.contains(r.cwd,f);if(p===null)throw new Error(`Assertion failed: Expected the path to be within the project (${f})`);s+=`    ${JSON.stringify(p)}:
-`;for(let[C,y]of h){let B=x.relative(x.join(f,kr),y);s+=`      ${JSON.stringify(C)}: ${JSON.stringify(B)}
-`}}}}let l=r.cwd,c=x.join(l,kr,WAe);n&&await M.removePromise(c),await M.changeFilePromise(c,s,{automaticNewlines:!0})}async function FO(r,{unrollAliases:e=!1}={}){let t=r.cwd,i=x.join(t,kr,WAe),n;try{n=await M.statPromise(i)}catch{}if(!n)return null;let s=Ii(await M.readFilePromise(i,"utf8"));if(s.__metadata.version>JAe)return null;let o=s.__metadata.nmMode||"classic",a=new Map,l=new Map;delete s.__metadata;for(let[c,u]of Object.entries(s)){let g=u.locations.map(h=>x.join(t,h)),f=u.bin;if(f)for(let[h,p]of Object.entries(f)){let C=x.join(t,K.toPortablePath(h)),y=Ie.getMapWithDefault(l,C);for(let[B,v]of Object.entries(p))y.set(Ur(B),K.toPortablePath([C,kr,v].join(x.sep)))}if(a.set(c,{target:Oe.dot,linkType:"HARD",locations:g,aliases:u.aliases||[]}),e&&u.aliases)for(let h of u.aliases){let{scope:p,name:C}=P.parseLocator(c),y=P.makeLocator(P.makeIdent(p,C),h),B=P.stringifyLocator(y);a.set(B,{target:Oe.dot,linkType:"HARD",locations:g,aliases:[]})}}return{locatorMap:a,binSymlinks:l,locationTree:zAe(a,{skipPrefix:r.cwd}),nmMode:o,mtimeMs:n.mtimeMs}}var zh=async(r,e)=>{if(r.split(x.sep).indexOf(kr)<0)throw new Error(`Assertion failed: trying to remove dir that doesn't contain node_modules: ${r}`);try{if(!e.innerLoop){let i=e.allowSymlink?await M.statPromise(r):await M.lstatPromise(r);if(e.allowSymlink&&!i.isDirectory()||!e.allowSymlink&&i.isSymbolicLink()){await M.unlinkPromise(r);return}}let t=await M.readdirPromise(r,{withFileTypes:!0});for(let i of t){let n=x.join(r,Ur(i.name));i.isDirectory()?(i.name!==kr||e&&e.innerLoop)&&await zh(n,{innerLoop:!0,contentsOnly:!1}):await M.unlinkPromise(n)}e.contentsOnly||await M.rmdirPromise(r)}catch(t){if(t.code!=="ENOENT"&&t.code!=="ENOTEMPTY")throw t}},GAe=4,YQ=(r,{skipPrefix:e})=>{let t=x.contains(e,r);if(t===null)throw new Error(`Assertion failed: Writing attempt prevented to ${r} which is outside project root: ${e}`);let i=t.split(x.sep).filter(l=>l!==""),n=i.indexOf(kr),s=i.slice(0,n).join(x.sep),o=x.join(e,s),a=i.slice(n);return{locationRoot:o,segments:a}},zAe=(r,{skipPrefix:e})=>{let t=new Map;if(r===null)return t;let i=()=>({children:new Map,linkType:"HARD"});for(let[n,s]of r.entries()){if(s.linkType==="SOFT"&&x.contains(e,s.target)!==null){let a=Ie.getFactoryWithDefault(t,s.target,i);a.locator=n,a.linkType=s.linkType}for(let o of s.locations){let{locationRoot:a,segments:l}=YQ(o,{skipPrefix:e}),c=Ie.getFactoryWithDefault(t,a,i);for(let u=0;u<l.length;++u){let g=l[u];if(g!=="."){let f=Ie.getFactoryWithDefault(c.children,g,i);c.children.set(g,f),c=f}u===l.length-1&&(c.locator=n,c.linkType=s.linkType)}}}return t},LO=async(r,e)=>{let t;try{process.platform==="win32"&&(t=await M.lstatPromise(r))}catch{}process.platform=="win32"&&(!t||t.isDirectory())?await M.symlinkPromise(r,e,"junction"):await M.symlinkPromise(x.relative(x.dirname(e),r),e)};async function VAe(r,e,t){let i=x.join(r,Ur(`${NO.default.randomBytes(16).toString("hex")}.tmp`));try{await M.writeFilePromise(i,t);try{await M.linkPromise(i,e)}catch{}}finally{await M.unlinkPromise(i)}}async function v8e({srcPath:r,dstPath:e,entry:t,globalHardlinksStore:i,baseFs:n,nmMode:s}){if(t.kind===XAe.FILE){if(s.value==="hardlinks-global"&&i&&t.digest){let a=x.join(i,t.digest.substring(0,2),`${t.digest.substring(2)}.dat`),l;try{let c=await M.statPromise(a);if(c&&(!t.mtimeMs||c.mtimeMs>t.mtimeMs||c.mtimeMs<t.mtimeMs-Q8e))if(await li.checksumFile(a,{baseFs:M,algorithm:"sha1"})!==t.digest){let g=x.join(i,Ur(`${NO.default.randomBytes(16).toString("hex")}.tmp`));await M.renamePromise(a,g);let f=await n.readFilePromise(r);await M.writeFilePromise(g,f);try{await M.linkPromise(g,a),t.mtimeMs=new Date().getTime(),await M.unlinkPromise(g)}catch{}}else t.mtimeMs||(t.mtimeMs=Math.ceil(c.mtimeMs));await M.linkPromise(a,e),l=!0}catch{l=!1}if(!l){let c=await n.readFilePromise(r);await VAe(i,a,c),t.mtimeMs=new Date().getTime();try{await M.linkPromise(a,e)}catch(u){u&&u.code&&u.code=="EXDEV"&&(s.value="hardlinks-local",await n.copyFilePromise(r,e))}}}else await n.copyFilePromise(r,e);let o=t.mode&511;o!==420&&await M.chmodPromise(e,o)}}var XAe=(i=>(i.FILE="file",i.DIRECTORY="directory",i.SYMLINK="symlink",i))(XAe||{}),x8e=async(r,e,{baseFs:t,globalHardlinksStore:i,nmMode:n,packageChecksum:s})=>{await M.mkdirPromise(r,{recursive:!0});let o=async(c=Oe.dot)=>{let u=x.join(e,c),g=await t.readdirPromise(u,{withFileTypes:!0}),f=new Map;for(let h of g){let p=x.join(c,h.name),C,y=x.join(u,h.name);if(h.isFile()){if(C={kind:"file",mode:(await t.lstatPromise(y)).mode},n.value==="hardlinks-global"){let B=await li.checksumFile(y,{baseFs:t,algorithm:"sha1"});C.digest=B}}else if(h.isDirectory())C={kind:"directory"};else if(h.isSymbolicLink())C={kind:"symlink",symlinkTo:await t.readlinkPromise(y)};else throw new Error(`Unsupported file type (file: ${y}, mode: 0o${await t.statSync(y).mode.toString(8).padStart(6,"0")})`);if(f.set(p,C),h.isDirectory()&&p!==kr){let B=await o(p);for(let[v,D]of B)f.set(v,D)}}return f},a;if(n.value==="hardlinks-global"&&i&&s){let c=x.join(i,s.substring(0,2),`${s.substring(2)}.json`);try{a=new Map(Object.entries(JSON.parse(await M.readFilePromise(c,"utf8"))))}catch{a=await o()}}else a=await o();let l=!1;for(let[c,u]of a){let g=x.join(e,c),f=x.join(r,c);if(u.kind==="directory")await M.mkdirPromise(f,{recursive:!0});else if(u.kind==="file"){let h=u.mtimeMs;await v8e({srcPath:g,dstPath:f,entry:u,nmMode:n,baseFs:t,globalHardlinksStore:i}),u.mtimeMs!==h&&(l=!0)}else u.kind==="symlink"&&await LO(x.resolve(x.dirname(f),u.symlinkTo),f)}if(n.value==="hardlinks-global"&&i&&l&&s){let c=x.join(i,s.substring(0,2),`${s.substring(2)}.json`);await M.removePromise(c),await VAe(i,c,Buffer.from(JSON.stringify(Object.fromEntries(a))))}};function P8e(r,e,t,i){let n=new Map,s=new Map,o=new Map,a=!1,l=(c,u,g,f,h)=>{let p=!0,C=x.join(c,u),y=new Set;if(u===kr||u.startsWith("@")){let v;try{v=M.statSync(C)}catch{}p=!!v,v?v.mtimeMs>t?(a=!0,y=new Set(M.readdirSync(C))):y=new Set(g.children.get(u).children.keys()):a=!0;let D=e.get(c);if(D){let L=x.join(c,kr,HQ),H;try{H=M.statSync(L)}catch{}if(!H)a=!0;else if(H.mtimeMs>t){a=!0;let j=new Set(M.readdirSync(L)),$=new Map;s.set(c,$);for(let[V,W]of D)j.has(V)&&$.set(V,W)}else s.set(c,D)}}else p=h.has(u);let B=g.children.get(u);if(p){let{linkType:v,locator:D}=B,L={children:new Map,linkType:v,locator:D};if(f.children.set(u,L),D){let H=Ie.getSetWithDefault(o,D);H.add(C),o.set(D,H)}for(let H of B.children.keys())l(C,H,B,L,y)}else B.locator&&i.storedBuildState.delete(P.parseLocator(B.locator).locatorHash)};for(let[c,u]of r){let{linkType:g,locator:f}=u,h={children:new Map,linkType:g,locator:f};if(n.set(c,h),f){let p=Ie.getSetWithDefault(o,u.locator);p.add(c),o.set(u.locator,p)}u.children.has(kr)&&l(c,kr,u,h,new Set)}return{locationTree:n,binSymlinks:s,locatorLocations:o,installChangedByUser:a}}function _Ae(r){let e=P.parseDescriptor(r);return P.isVirtualDescriptor(e)&&(e=P.devirtualizeDescriptor(e)),e.range.startsWith("link:")}async function D8e(r,e,t,{loadManifest:i}){let n=new Map;for(let[a,{locations:l}]of r){let c=_Ae(a)?null:await i(a,l[0]),u=new Map;if(c)for(let[g,f]of c.bin){let h=x.join(l[0],f);f!==""&&M.existsSync(h)&&u.set(g,f)}n.set(a,u)}let s=new Map,o=(a,l,c)=>{let u=new Map,g=x.contains(t,a);if(c.locator&&g!==null){let f=n.get(c.locator);for(let[h,p]of f){let C=x.join(a,K.toPortablePath(p));u.set(Ur(h),C)}for(let[h,p]of c.children){let C=x.join(a,h),y=o(C,C,p);y.size>0&&s.set(a,new Map([...s.get(a)||new Map,...y]))}}else for(let[f,h]of c.children){let p=o(x.join(a,f),l,h);for(let[C,y]of p)u.set(C,y)}return u};for(let[a,l]of e){let c=o(a,a,l);c.size>0&&s.set(a,new Map([...s.get(a)||new Map,...c]))}return s}var YAe=(r,e)=>{if(!r||!e)return r===e;let t=P.parseLocator(r);P.isVirtualLocator(t)&&(t=P.devirtualizeLocator(t));let i=P.parseLocator(e);return P.isVirtualLocator(i)&&(i=P.devirtualizeLocator(i)),P.areLocatorsEqual(t,i)};function TO(r){return x.join(r.get("globalFolder"),"store")}async function k8e(r,e,{baseFs:t,project:i,report:n,loadManifest:s,realLocatorChecksums:o}){let a=x.join(i.cwd,kr),{locationTree:l,binSymlinks:c,locatorLocations:u,installChangedByUser:g}=P8e(r.locationTree,r.binSymlinks,r.mtimeMs,i),f=zAe(e,{skipPrefix:i.cwd}),h=[],p=async({srcDir:V,dstDir:W,linkType:Z,globalHardlinksStore:A,nmMode:ae,packageChecksum:ge})=>{let re=(async()=>{try{Z==="SOFT"?(await M.mkdirPromise(x.dirname(W),{recursive:!0}),await LO(x.resolve(V),W)):await x8e(W,V,{baseFs:t,globalHardlinksStore:A,nmMode:ae,packageChecksum:ge})}catch(O){throw O.message=`While persisting ${V} -> ${W} ${O.message}`,O}finally{L.tick()}})().then(()=>h.splice(h.indexOf(re),1));h.push(re),h.length>GAe&&await Promise.race(h)},C=async(V,W,Z)=>{let A=(async()=>{let ae=async(ge,re,O)=>{try{O.innerLoop||await M.mkdirPromise(re,{recursive:!0});let F=await M.readdirPromise(ge,{withFileTypes:!0});for(let ue of F){if(!O.innerLoop&&ue.name===HQ)continue;let he=x.join(ge,ue.name),ke=x.join(re,ue.name);ue.isDirectory()?(ue.name!==kr||O&&O.innerLoop)&&(await M.mkdirPromise(ke,{recursive:!0}),await ae(he,ke,{...O,innerLoop:!0})):$.value==="hardlinks-local"||$.value==="hardlinks-global"?await M.linkPromise(he,ke):await M.copyFilePromise(he,ke,qAe.default.constants.COPYFILE_FICLONE)}}catch(F){throw O.innerLoop||(F.message=`While cloning ${ge} -> ${re} ${F.message}`),F}finally{O.innerLoop||L.tick()}};await ae(V,W,Z)})().then(()=>h.splice(h.indexOf(A),1));h.push(A),h.length>GAe&&await Promise.race(h)},y=async(V,W,Z)=>{if(Z)for(let[A,ae]of W.children){let ge=Z.children.get(A);await y(x.join(V,A),ae,ge)}else{W.children.has(kr)&&await zh(x.join(V,kr),{contentsOnly:!1});let A=x.basename(V)===kr&&f.has(x.join(x.dirname(V),x.sep));await zh(V,{contentsOnly:V===a,allowSymlink:A})}};for(let[V,W]of l){let Z=f.get(V);for(let[A,ae]of W.children){if(A===".")continue;let ge=Z&&Z.children.get(A),re=x.join(V,A);await y(re,ae,ge)}}let B=async(V,W,Z)=>{if(Z){YAe(W.locator,Z.locator)||await zh(V,{contentsOnly:W.linkType==="HARD"});for(let[A,ae]of W.children){let ge=Z.children.get(A);await B(x.join(V,A),ae,ge)}}else{W.children.has(kr)&&await zh(x.join(V,kr),{contentsOnly:!0});let A=x.basename(V)===kr&&f.has(x.join(x.dirname(V),x.sep));await zh(V,{contentsOnly:W.linkType==="HARD",allowSymlink:A})}};for(let[V,W]of f){let Z=l.get(V);for(let[A,ae]of W.children){if(A===".")continue;let ge=Z&&Z.children.get(A);await B(x.join(V,A),ae,ge)}}let v=new Map,D=[];for(let[V,W]of u)for(let Z of W){let{locationRoot:A,segments:ae}=YQ(Z,{skipPrefix:i.cwd}),ge=f.get(A),re=A;if(ge){for(let O of ae)if(re=x.join(re,O),ge=ge.children.get(O),!ge)break;if(ge){let O=YAe(ge.locator,V),F=e.get(ge.locator),ue=F.target,he=re,ke=F.linkType;if(O)v.has(ue)||v.set(ue,he);else if(ue!==he){let Fe=P.parseLocator(ge.locator);P.isVirtualLocator(Fe)&&(Fe=P.devirtualizeLocator(Fe)),D.push({srcDir:ue,dstDir:he,linkType:ke,realLocatorHash:Fe.locatorHash})}}}}for(let[V,{locations:W}]of e.entries())for(let Z of W){let{locationRoot:A,segments:ae}=YQ(Z,{skipPrefix:i.cwd}),ge=l.get(A),re=f.get(A),O=A,F=e.get(V),ue=P.parseLocator(V);P.isVirtualLocator(ue)&&(ue=P.devirtualizeLocator(ue));let he=ue.locatorHash,ke=F.target,Fe=Z;if(ke===Fe)continue;let Ne=F.linkType;for(let oe of ae)re=re.children.get(oe);if(!ge)D.push({srcDir:ke,dstDir:Fe,linkType:Ne,realLocatorHash:he});else for(let oe of ae)if(O=x.join(O,oe),ge=ge.children.get(oe),!ge){D.push({srcDir:ke,dstDir:Fe,linkType:Ne,realLocatorHash:he});break}}let L=Si.progressViaCounter(D.length),H=n.reportProgress(L),j=i.configuration.get("nmMode"),$={value:j};try{let V=$.value==="hardlinks-global"?`${TO(i.configuration)}/v1`:null;if(V&&!await M.existsPromise(V)){await M.mkdirpPromise(V);for(let Z=0;Z<256;Z++)await M.mkdirPromise(x.join(V,Z.toString(16).padStart(2,"0")))}for(let Z of D)(Z.linkType==="SOFT"||!v.has(Z.srcDir))&&(v.set(Z.srcDir,Z.dstDir),await p({...Z,globalHardlinksStore:V,nmMode:$,packageChecksum:o.get(Z.realLocatorHash)||null}));await Promise.all(h),h.length=0;for(let Z of D){let A=v.get(Z.srcDir);Z.linkType!=="SOFT"&&Z.dstDir!==A&&await C(A,Z.dstDir,{nmMode:$})}await Promise.all(h),await M.mkdirPromise(a,{recursive:!0});let W=await D8e(e,f,i.cwd,{loadManifest:s});await R8e(c,W,i.cwd),await S8e(i,e,W,$,{installChangedByUser:g}),j=="hardlinks-global"&&$.value=="hardlinks-local"&&n.reportWarningOnce(74,"'nmMode' has been downgraded to 'hardlinks-local' due to global cache and install folder being on different devices")}finally{H.stop()}}async function R8e(r,e,t){for(let i of r.keys()){if(x.contains(t,i)===null)throw new Error(`Assertion failed. Excepted bin symlink location to be inside project dir, instead it was at ${i}`);if(!e.has(i)){let n=x.join(i,kr,HQ);await M.removePromise(n)}}for(let[i,n]of e){if(x.contains(t,i)===null)throw new Error(`Assertion failed. Excepted bin symlink location to be inside project dir, instead it was at ${i}`);let s=x.join(i,kr,HQ),o=r.get(i)||new Map;await M.mkdirPromise(s,{recursive:!0});for(let a of o.keys())n.has(a)||(await M.removePromise(x.join(s,a)),process.platform==="win32"&&await M.removePromise(x.join(s,Ur(`${a}.cmd`))));for(let[a,l]of n){let c=o.get(a),u=x.join(s,a);c!==l&&(process.platform==="win32"?await(0,jAe.default)(K.fromPortablePath(l),K.fromPortablePath(u),{createPwshFile:!1}):(await M.removePromise(u),await LO(l,u),x.contains(t,await M.realpathPromise(l))!==null&&await M.chmodPromise(l,493)))}}}var jQ=class extends ll{constructor(){super(...arguments);this.mode="loose"}makeInstaller(t){return new OO(t)}},OO=class extends Fu{constructor(){super(...arguments);this.mode="loose"}async transformPnpSettings(t){let i=new Br({baseFs:new Tn({libzip:await rn(),maxOpenFiles:80,readOnlyArchives:!0})}),n=xAe(t,this.opts.project.cwd,i),{tree:s,errors:o}=Jm(n,{pnpifyFs:!1,project:this.opts.project});if(!s){for(let{messageName:g,text:f}of o)this.opts.report.reportError(g,f);return}let a=new Map;t.fallbackPool=a;let l=(g,f)=>{let h=P.parseLocator(f.locator),p=P.stringifyIdent(h);p===g?a.set(g,h.reference):a.set(g,[p,h.reference])},c=x.join(this.opts.project.cwd,xt.nodeModules),u=s.get(c);if(!(typeof u>"u")){if("target"in u)throw new Error("Assertion failed: Expected the root junction point to be a directory");for(let g of u.dirList){let f=x.join(c,g),h=s.get(f);if(typeof h>"u")throw new Error("Assertion failed: Expected the child to have been registered");if("target"in h)l(g,h);else for(let p of h.dirList){let C=x.join(f,p),y=s.get(C);if(typeof y>"u")throw new Error("Assertion failed: Expected the subchild to have been registered");if("target"in y)l(`${g}/${p}`,y);else throw new Error("Assertion failed: Expected the leaf junction to be a package")}}}}};var F8e={hooks:{cleanGlobalArtifacts:async r=>{let e=TO(r);await M.removePromise(e)}},configuration:{nmHoistingLimits:{description:"Prevent packages to be hoisted past specific levels",type:"STRING",values:["workspaces","dependencies","none"],default:"none"},nmMode:{description:'If set to "hardlinks-local" Yarn will utilize hardlinks to reduce disk space consumption inside "node_modules" directories. With "hardlinks-global" Yarn will use global content addressable storage to reduce "node_modules" size across all the projects using this option.',type:"STRING",values:["classic","hardlinks-local","hardlinks-global"],default:"classic"},nmSelfReferences:{description:"If set to 'false' the workspace will not be allowed to require itself and corresponding self-referencing symlink will not be created",type:"BOOLEAN",default:!0}},linkers:[GQ,jQ]},N8e=F8e;var LM={};ut(LM,{default:()=>GVe,npmConfigUtils:()=>or,npmHttpUtils:()=>Mt,npmPublishUtils:()=>op});var ile=Pe(Xr());var gr="npm:";var Mt={};ut(Mt,{AuthType:()=>rle,customPackageError:()=>T8e,del:()=>K8e,get:()=>fo,getIdentUrl:()=>gl,handleInvalidAuthenticationError:()=>ul,post:()=>O8e,put:()=>M8e});var HO=Pe(Pm()),tle=J("url");var or={};ut(or,{RegistryType:()=>ZAe,getAuditRegistry:()=>L8e,getAuthConfiguration:()=>UO,getDefaultRegistry:()=>qQ,getPublishRegistry:()=>$Ae,getRegistryConfiguration:()=>ele,getScopeConfiguration:()=>KO,getScopeRegistry:()=>iA,normalizeRegistry:()=>go});var ZAe=(i=>(i.AUDIT_REGISTRY="npmAuditRegistry",i.FETCH_REGISTRY="npmRegistryServer",i.PUBLISH_REGISTRY="npmPublishRegistry",i))(ZAe||{});function go(r){return r.replace(/\/$/,"")}function L8e(r,{configuration:e}){let t=e.get("npmAuditRegistry");return t!==null?go(t):$Ae(r,{configuration:e})}function $Ae(r,{configuration:e}){var t;return(t=r.publishConfig)!=null&&t.registry?go(r.publishConfig.registry):r.name?iA(r.name.scope,{configuration:e,type:"npmPublishRegistry"}):qQ({configuration:e,type:"npmPublishRegistry"})}function iA(r,{configuration:e,type:t="npmRegistryServer"}){let i=KO(r,{configuration:e});if(i===null)return qQ({configuration:e,type:t});let n=i.get(t);return n===null?qQ({configuration:e,type:t}):go(n)}function qQ({configuration:r,type:e="npmRegistryServer"}){let t=r.get(e);return go(t!==null?t:r.get("npmRegistryServer"))}function ele(r,{configuration:e}){let t=e.get("npmRegistries"),i=go(r),n=t.get(i);if(typeof n<"u")return n;let s=t.get(i.replace(/^[a-z]+:/,""));return typeof s<"u"?s:null}function KO(r,{configuration:e}){if(r===null)return null;let i=e.get("npmScopes").get(r);return i||null}function UO(r,{configuration:e,ident:t}){let i=t&&KO(t.scope,{configuration:e});return(i==null?void 0:i.get("npmAuthIdent"))||(i==null?void 0:i.get("npmAuthToken"))?i:ele(r,{configuration:e})||e}var rle=(n=>(n[n.NO_AUTH=0]="NO_AUTH",n[n.BEST_EFFORT=1]="BEST_EFFORT",n[n.CONFIGURATION=2]="CONFIGURATION",n[n.ALWAYS_AUTH=3]="ALWAYS_AUTH",n))(rle||{});async function ul(r,{attemptedAs:e,registry:t,headers:i,configuration:n}){var s,o;if(WQ(r))throw new at(41,"Invalid OTP token");if(((s=r.originalError)==null?void 0:s.name)==="HTTPError"&&((o=r.originalError)==null?void 0:o.response.statusCode)===401)throw new at(41,`Invalid authentication (${typeof e!="string"?`as ${await H8e(t,i,{configuration:n})}`:`attempted as ${e}`})`)}function T8e(r){var e;return((e=r.response)==null?void 0:e.statusCode)===404?"Package not found":null}function gl(r){return r.scope?`/@${r.scope}%2f${r.name}`:`/${r.name}`}async function fo(r,{configuration:e,headers:t,ident:i,authType:n,registry:s,...o}){if(i&&typeof s>"u"&&(s=iA(i.scope,{configuration:e})),i&&i.scope&&typeof n>"u"&&(n=1),typeof s!="string")throw new Error("Assertion failed: The registry should be a string");let a=await JQ(s,{authType:n,configuration:e,ident:i});a&&(t={...t,authorization:a});try{return await Vt.get(r.charAt(0)==="/"?`${s}${r}`:r,{configuration:e,headers:t,...o})}catch(l){throw await ul(l,{registry:s,configuration:e,headers:t}),l}}async function O8e(r,e,{attemptedAs:t,configuration:i,headers:n,ident:s,authType:o=3,registry:a,otp:l,...c}){if(s&&typeof a>"u"&&(a=iA(s.scope,{configuration:i})),typeof a!="string")throw new Error("Assertion failed: The registry should be a string");let u=await JQ(a,{authType:o,configuration:i,ident:s});u&&(n={...n,authorization:u}),l&&(n={...n,...Vh(l)});try{return await Vt.post(a+r,e,{configuration:i,headers:n,...c})}catch(g){if(!WQ(g)||l)throw await ul(g,{attemptedAs:t,registry:a,configuration:i,headers:n}),g;l=await GO(g,{configuration:i});let f={...n,...Vh(l)};try{return await Vt.post(`${a}${r}`,e,{configuration:i,headers:f,...c})}catch(h){throw await ul(h,{attemptedAs:t,registry:a,configuration:i,headers:n}),h}}}async function M8e(r,e,{attemptedAs:t,configuration:i,headers:n,ident:s,authType:o=3,registry:a,otp:l,...c}){if(s&&typeof a>"u"&&(a=iA(s.scope,{configuration:i})),typeof a!="string")throw new Error("Assertion failed: The registry should be a string");let u=await JQ(a,{authType:o,configuration:i,ident:s});u&&(n={...n,authorization:u}),l&&(n={...n,...Vh(l)});try{return await Vt.put(a+r,e,{configuration:i,headers:n,...c})}catch(g){if(!WQ(g))throw await ul(g,{attemptedAs:t,registry:a,configuration:i,headers:n}),g;l=await GO(g,{configuration:i});let f={...n,...Vh(l)};try{return await Vt.put(`${a}${r}`,e,{configuration:i,headers:f,...c})}catch(h){throw await ul(h,{attemptedAs:t,registry:a,configuration:i,headers:n}),h}}}async function K8e(r,{attemptedAs:e,configuration:t,headers:i,ident:n,authType:s=3,registry:o,otp:a,...l}){if(n&&typeof o>"u"&&(o=iA(n.scope,{configuration:t})),typeof o!="string")throw new Error("Assertion failed: The registry should be a string");let c=await JQ(o,{authType:s,configuration:t,ident:n});c&&(i={...i,authorization:c}),a&&(i={...i,...Vh(a)});try{return await Vt.del(o+r,{configuration:t,headers:i,...l})}catch(u){if(!WQ(u)||a)throw await ul(u,{attemptedAs:e,registry:o,configuration:t,headers:i}),u;a=await GO(u,{configuration:t});let g={...i,...Vh(a)};try{return await Vt.del(`${o}${r}`,{configuration:t,headers:g,...l})}catch(f){throw await ul(f,{attemptedAs:e,registry:o,configuration:t,headers:i}),f}}}async function JQ(r,{authType:e=2,configuration:t,ident:i}){let n=UO(r,{configuration:t,ident:i}),s=U8e(n,e);if(!s)return null;let o=await t.reduceHook(a=>a.getNpmAuthenticationHeader,void 0,r,{configuration:t,ident:i});if(o)return o;if(n.get("npmAuthToken"))return`Bearer ${n.get("npmAuthToken")}`;if(n.get("npmAuthIdent")){let a=n.get("npmAuthIdent");return a.includes(":")?`Basic ${Buffer.from(a).toString("base64")}`:`Basic ${a}`}if(s&&e!==1)throw new at(33,"No authentication configured for request");return null}function U8e(r,e){switch(e){case 2:return r.get("npmAlwaysAuth");case 1:case 3:return!0;case 0:return!1;default:throw new Error("Unreachable")}}async function H8e(r,e,{configuration:t}){var i;if(typeof e>"u"||typeof e.authorization>"u")return"an anonymous user";try{return(i=(await Vt.get(new tle.URL(`${r}/-/whoami`).href,{configuration:t,headers:e,jsonResponse:!0})).username)!=null?i:"an unknown user"}catch{return"an unknown user"}}async function GO(r,{configuration:e}){var n;let t=(n=r.originalError)==null?void 0:n.response.headers["npm-notice"];if(t&&(await Ge.start({configuration:e,stdout:process.stdout,includeFooter:!1},async s=>{if(s.reportInfo(0,t.replace(/(https?:\/\/\S+)/g,ee.pretty(e,"$1",ee.Type.URL))),!process.env.YARN_IS_TEST_ENV){let o=t.match(/open (https?:\/\/\S+)/i);if(o&&Cs.openUrl){let{openNow:a}=await(0,HO.prompt)({type:"confirm",name:"openNow",message:"Do you want to try to open this url now?",required:!0,initial:!0,onCancel:()=>process.exit(130)});a&&(await Cs.openUrl(o[1])||(s.reportSeparator(),s.reportWarning(0,"We failed to automatically open the url; you'll have to open it yourself in your browser of choice.")))}}}),process.stdout.write(`
-`)),process.env.YARN_IS_TEST_ENV)return process.env.YARN_INJECT_NPM_2FA_TOKEN||"";let{otp:i}=await(0,HO.prompt)({type:"password",name:"otp",message:"One-time password:",required:!0,onCancel:()=>process.exit(130)});return process.stdout.write(`
-`),i}function WQ(r){var e,t;if(((e=r.originalError)==null?void 0:e.name)!=="HTTPError")return!1;try{return((t=r.originalError)==null?void 0:t.response.headers["www-authenticate"].split(/,\s*/).map(n=>n.toLowerCase())).includes("otp")}catch{return!1}}function Vh(r){return{["npm-otp"]:r}}var zQ=class{supports(e,t){if(!e.reference.startsWith(gr))return!1;let{selector:i,params:n}=P.parseRange(e.reference);return!(!ile.default.valid(i)||n===null||typeof n.__archiveUrl!="string")}getLocalPath(e,t){return null}async fetch(e,t){let i=t.checksums.get(e.locatorHash)||null,[n,s,o]=await t.cache.fetchPackageFromCache(e,i,{onHit:()=>t.report.reportCacheHit(e),onMiss:()=>t.report.reportCacheMiss(e,`${P.prettyLocator(t.project.configuration,e)} can't be found in the cache and will be fetched from the remote server`),loader:()=>this.fetchFromNetwork(e,t),skipIntegrityCheck:t.skipIntegrityCheck,...t.cacheOptions});return{packageFs:n,releaseFs:s,prefixPath:P.getIdentVendorPath(e),checksum:o}}async fetchFromNetwork(e,t){let{params:i}=P.parseRange(e.reference);if(i===null||typeof i.__archiveUrl!="string")throw new Error("Assertion failed: The archiveUrl querystring parameter should have been available");let n=await fo(i.__archiveUrl,{configuration:t.project.configuration,ident:e});return await Ci.convertToZip(n,{compressionLevel:t.project.configuration.get("compressionLevel"),prefixPath:P.getIdentVendorPath(e),stripComponents:1})}};var VQ=class{supportsDescriptor(e,t){return!(!e.range.startsWith(gr)||!P.tryParseDescriptor(e.range.slice(gr.length),!0))}supportsLocator(e,t){return!1}shouldPersistResolution(e,t){throw new Error("Unreachable")}bindDescriptor(e,t,i){return e}getResolutionDependencies(e,t){let i=P.parseDescriptor(e.range.slice(gr.length),!0);return t.resolver.getResolutionDependencies(i,t)}async getCandidates(e,t,i){let n=P.parseDescriptor(e.range.slice(gr.length),!0);return await i.resolver.getCandidates(n,t,i)}async getSatisfying(e,t,i){let n=P.parseDescriptor(e.range.slice(gr.length),!0);return i.resolver.getSatisfying(n,t,i)}resolve(e,t){throw new Error("Unreachable")}};var nle=Pe(Xr()),sle=J("url");var Rs=class{supports(e,t){if(!e.reference.startsWith(gr))return!1;let i=new sle.URL(e.reference);return!(!nle.default.valid(i.pathname)||i.searchParams.has("__archiveUrl"))}getLocalPath(e,t){return null}async fetch(e,t){let i=t.checksums.get(e.locatorHash)||null,[n,s,o]=await t.cache.fetchPackageFromCache(e,i,{onHit:()=>t.report.reportCacheHit(e),onMiss:()=>t.report.reportCacheMiss(e,`${P.prettyLocator(t.project.configuration,e)} can't be found in the cache and will be fetched from the remote registry`),loader:()=>this.fetchFromNetwork(e,t),skipIntegrityCheck:t.skipIntegrityCheck,...t.cacheOptions});return{packageFs:n,releaseFs:s,prefixPath:P.getIdentVendorPath(e),checksum:o}}async fetchFromNetwork(e,t){let i;try{i=await fo(Rs.getLocatorUrl(e),{configuration:t.project.configuration,ident:e})}catch{i=await fo(Rs.getLocatorUrl(e).replace(/%2f/g,"/"),{configuration:t.project.configuration,ident:e})}return await Ci.convertToZip(i,{compressionLevel:t.project.configuration.get("compressionLevel"),prefixPath:P.getIdentVendorPath(e),stripComponents:1})}static isConventionalTarballUrl(e,t,{configuration:i}){let n=iA(e.scope,{configuration:i}),s=Rs.getLocatorUrl(e);return t=t.replace(/^https?:(\/\/(?:[^/]+\.)?npmjs.org(?:$|\/))/,"https:$1"),n=n.replace(/^https:\/\/registry\.npmjs\.org($|\/)/,"https://registry.yarnpkg.com$1"),t=t.replace(/^https:\/\/registry\.npmjs\.org($|\/)/,"https://registry.yarnpkg.com$1"),t===n+s||t===n+s.replace(/%2f/g,"/")}static getLocatorUrl(e){let t=vt.clean(e.reference.slice(gr.length));if(t===null)throw new at(10,"The npm semver resolver got selected, but the version isn't semver");return`${gl(e)}/-/${e.name}-${t}.tgz`}};var ole=Pe(Xr());var XQ=P.makeIdent(null,"node-gyp"),G8e=/\b(node-gyp|prebuild-install)\b/,_Q=class{supportsDescriptor(e,t){return e.range.startsWith(gr)?!!vt.validRange(e.range.slice(gr.length)):!1}supportsLocator(e,t){if(!e.reference.startsWith(gr))return!1;let{selector:i}=P.parseRange(e.reference);return!!ole.default.valid(i)}shouldPersistResolution(e,t){return!0}bindDescriptor(e,t,i){return e}getResolutionDependencies(e,t){return[]}async getCandidates(e,t,i){let n=vt.validRange(e.range.slice(gr.length));if(n===null)throw new Error(`Expected a valid range, got ${e.range.slice(gr.length)}`);let s=await fo(gl(e),{configuration:i.project.configuration,ident:e,jsonResponse:!0}),o=Ie.mapAndFilter(Object.keys(s.versions),c=>{try{let u=new vt.SemVer(c);if(n.test(u))return u}catch{}return Ie.mapAndFilter.skip}),a=o.filter(c=>!s.versions[c.raw].deprecated),l=a.length>0?a:o;return l.sort((c,u)=>-c.compare(u)),l.map(c=>{let u=P.makeLocator(e,`${gr}${c.raw}`),g=s.versions[c.raw].dist.tarball;return Rs.isConventionalTarballUrl(u,g,{configuration:i.project.configuration})?u:P.bindLocator(u,{__archiveUrl:g})})}async getSatisfying(e,t,i){let n=vt.validRange(e.range.slice(gr.length));if(n===null)throw new Error(`Expected a valid range, got ${e.range.slice(gr.length)}`);return Ie.mapAndFilter(t,s=>{try{let{selector:o}=P.parseRange(s,{requireProtocol:gr}),a=new vt.SemVer(o);if(n.test(a))return{reference:s,version:a}}catch{}return Ie.mapAndFilter.skip}).sort((s,o)=>-s.version.compare(o.version)).map(({reference:s})=>P.makeLocator(e,s))}async resolve(e,t){let{selector:i}=P.parseRange(e.reference),n=vt.clean(i);if(n===null)throw new at(10,"The npm semver resolver got selected, but the version isn't semver");let s=await fo(gl(e),{configuration:t.project.configuration,ident:e,jsonResponse:!0});if(!Object.prototype.hasOwnProperty.call(s,"versions"))throw new at(15,'Registry returned invalid data for - missing "versions" field');if(!Object.prototype.hasOwnProperty.call(s.versions,n))throw new at(16,`Registry failed to return reference "${n}"`);let o=new ot;if(o.load(s.versions[n]),!o.dependencies.has(XQ.identHash)&&!o.peerDependencies.has(XQ.identHash)){for(let a of o.scripts.values())if(a.match(G8e)){o.dependencies.set(XQ.identHash,P.makeDescriptor(XQ,"latest")),t.report.reportWarningOnce(32,`${P.prettyLocator(t.project.configuration,e)}: Implicit dependencies on node-gyp are discouraged`);break}}if(typeof o.raw.deprecated=="string"&&o.raw.deprecated!==""){let a=P.prettyLocator(t.project.configuration,e),l=o.raw.deprecated.match(/\S/)?`${a} is deprecated: ${o.raw.deprecated}`:`${a} is deprecated`;t.report.reportWarningOnce(61,l)}return{...e,version:n,languageName:"node",linkType:"HARD",conditions:o.getConditions(),dependencies:o.dependencies,peerDependencies:o.peerDependencies,dependenciesMeta:o.dependenciesMeta,peerDependenciesMeta:o.peerDependenciesMeta,bin:o.bin}}};var ZQ=class{supportsDescriptor(e,t){return!(!e.range.startsWith(gr)||!wf.test(e.range.slice(gr.length)))}supportsLocator(e,t){return!1}shouldPersistResolution(e,t){throw new Error("Unreachable")}bindDescriptor(e,t,i){return e}getResolutionDependencies(e,t){return[]}async getCandidates(e,t,i){let n=e.range.slice(gr.length),s=await fo(gl(e),{configuration:i.project.configuration,ident:e,jsonResponse:!0});if(!Object.prototype.hasOwnProperty.call(s,"dist-tags"))throw new at(15,'Registry returned invalid data - missing "dist-tags" field');let o=s["dist-tags"];if(!Object.prototype.hasOwnProperty.call(o,n))throw new at(16,`Registry failed to return tag "${n}"`);let a=o[n],l=P.makeLocator(e,`${gr}${a}`),c=s.versions[a].dist.tarball;return Rs.isConventionalTarballUrl(l,c,{configuration:i.project.configuration})?[l]:[P.bindLocator(l,{__archiveUrl:c})]}async getSatisfying(e,t,i){return null}async resolve(e,t){throw new Error("Unreachable")}};var op={};ut(op,{getGitHead:()=>UVe,makePublishBody:()=>KVe});var DM={};ut(DM,{default:()=>yVe,packUtils:()=>ia});var ia={};ut(ia,{genPackList:()=>yb,genPackStream:()=>PM,genPackageManifest:()=>Oce,hasPackScripts:()=>vM,prepareForPack:()=>xM});var SM=Pe(yn()),Lce=Pe(kce()),Tce=J("zlib"),cVe=["/package.json","/readme","/readme.*","/license","/license.*","/licence","/licence.*","/changelog","/changelog.*"],uVe=["/package.tgz",".github",".git",".hg","node_modules",".npmignore",".gitignore",".#*",".DS_Store"];async function vM(r){return!!(Jt.hasWorkspaceScript(r,"prepack")||Jt.hasWorkspaceScript(r,"postpack"))}async function xM(r,{report:e},t){await Jt.maybeExecuteWorkspaceLifecycleScript(r,"prepack",{report:e});try{let i=x.join(r.cwd,ot.fileName);await M.existsPromise(i)&&await r.manifest.loadFile(i,{baseFs:M}),await t()}finally{await Jt.maybeExecuteWorkspaceLifecycleScript(r,"postpack",{report:e})}}async function PM(r,e){var s,o;typeof e>"u"&&(e=await yb(r));let t=new Set;for(let a of(o=(s=r.manifest.publishConfig)==null?void 0:s.executableFiles)!=null?o:new Set)t.add(x.normalize(a));for(let a of r.manifest.bin.values())t.add(x.normalize(a));let i=Lce.default.pack();process.nextTick(async()=>{for(let a of e){let l=x.normalize(a),c=x.resolve(r.cwd,l),u=x.join("package",l),g=await M.lstatPromise(c),f={name:u,mtime:new Date(xr.SAFE_TIME*1e3)},h=t.has(l)?493:420,p,C,y=new Promise((v,D)=>{p=v,C=D}),B=v=>{v?C(v):p()};if(g.isFile()){let v;l==="package.json"?v=Buffer.from(JSON.stringify(await Oce(r),null,2)):v=await M.readFilePromise(c),i.entry({...f,mode:h,type:"file"},v,B)}else g.isSymbolicLink()?i.entry({...f,mode:h,type:"symlink",linkname:await M.readlinkPromise(c)},B):B(new Error(`Unsupported file type ${g.mode} for ${K.fromPortablePath(l)}`));await y}i.finalize()});let n=(0,Tce.createGzip)();return i.pipe(n),n}async function Oce(r){let e=JSON.parse(JSON.stringify(r.manifest.raw));return await r.project.configuration.triggerHook(t=>t.beforeWorkspacePacking,r,e),e}async function yb(r){var g,f,h,p,C,y,B,v;let e=r.project,t=e.configuration,i={accept:[],reject:[]};for(let D of uVe)i.reject.push(D);for(let D of cVe)i.accept.push(D);i.reject.push(t.get("rcFilename"));let n=D=>{if(D===null||!D.startsWith(`${r.cwd}/`))return;let L=x.relative(r.cwd,D),H=x.resolve(Oe.root,L);i.reject.push(H)};n(x.resolve(e.cwd,t.get("lockfileFilename"))),n(t.get("cacheFolder")),n(t.get("globalFolder")),n(t.get("installStatePath")),n(t.get("virtualFolder")),n(t.get("yarnPath")),await t.triggerHook(D=>D.populateYarnPaths,e,D=>{n(D)});for(let D of e.workspaces){let L=x.relative(r.cwd,D.cwd);L!==""&&!L.match(/^(\.\.)?\//)&&i.reject.push(`/${L}`)}let s={accept:[],reject:[]},o=(f=(g=r.manifest.publishConfig)==null?void 0:g.main)!=null?f:r.manifest.main,a=(p=(h=r.manifest.publishConfig)==null?void 0:h.module)!=null?p:r.manifest.module,l=(y=(C=r.manifest.publishConfig)==null?void 0:C.browser)!=null?y:r.manifest.browser,c=(v=(B=r.manifest.publishConfig)==null?void 0:B.bin)!=null?v:r.manifest.bin;o!=null&&s.accept.push(x.resolve(Oe.root,o)),a!=null&&s.accept.push(x.resolve(Oe.root,a)),typeof l=="string"&&s.accept.push(x.resolve(Oe.root,l));for(let D of c.values())s.accept.push(x.resolve(Oe.root,D));if(l instanceof Map)for(let[D,L]of l.entries())s.accept.push(x.resolve(Oe.root,D)),typeof L=="string"&&s.accept.push(x.resolve(Oe.root,L));let u=r.manifest.files!==null;if(u){s.reject.push("/*");for(let D of r.manifest.files)Mce(s.accept,D,{cwd:Oe.root})}return await gVe(r.cwd,{hasExplicitFileList:u,globalList:i,ignoreList:s})}async function gVe(r,{hasExplicitFileList:e,globalList:t,ignoreList:i}){let n=[],s=new wo(r),o=[[Oe.root,[i]]];for(;o.length>0;){let[a,l]=o.pop(),c=await s.lstatPromise(a);if(!Fce(a,{globalList:t,ignoreLists:c.isDirectory()?null:l}))if(c.isDirectory()){let u=await s.readdirPromise(a),g=!1,f=!1;if(!e||a!==Oe.root)for(let C of u)g=g||C===".gitignore",f=f||C===".npmignore";let h=f?await Rce(s,a,".npmignore"):g?await Rce(s,a,".gitignore"):null,p=h!==null?[h].concat(l):l;Fce(a,{globalList:t,ignoreLists:l})&&(p=[...l,{accept:[],reject:["**/*"]}]);for(let C of u)o.push([x.resolve(a,C),p])}else(c.isFile()||c.isSymbolicLink())&&n.push(x.relative(Oe.root,a))}return n.sort()}async function Rce(r,e,t){let i={accept:[],reject:[]},n=await r.readFilePromise(x.join(e,t),"utf8");for(let s of n.split(/\n/g))Mce(i.reject,s,{cwd:e});return i}function fVe(r,{cwd:e}){let t=r[0]==="!";return t&&(r=r.slice(1)),r.match(/\.{0,1}\//)&&(r=x.resolve(e,r)),t&&(r=`!${r}`),r}function Mce(r,e,{cwd:t}){let i=e.trim();i===""||i[0]==="#"||r.push(fVe(i,{cwd:t}))}function Fce(r,{globalList:e,ignoreLists:t}){let i=Ib(r,e.accept);if(i!==0)return i===2;let n=Ib(r,e.reject);if(n!==0)return n===1;if(t!==null)for(let s of t){let o=Ib(r,s.accept);if(o!==0)return o===2;let a=Ib(r,s.reject);if(a!==0)return a===1}return!1}function Ib(r,e){let t=e,i=[];for(let n=0;n<e.length;++n)e[n][0]!=="!"?t!==e&&t.push(e[n]):(t===e&&(t=e.slice(0,n)),i.push(e[n].slice(1)));return Nce(r,i)?2:Nce(r,t)?1:0}function Nce(r,e){let t=e,i=[];for(let n=0;n<e.length;++n)e[n].includes("/")?t!==e&&t.push(e[n]):(t===e&&(t=e.slice(0,n)),i.push(e[n]));return!!(SM.default.isMatch(r,t,{dot:!0,nocase:!0})||SM.default.isMatch(r,i,{dot:!0,basename:!0,nocase:!0}))}var Ku=class extends De{constructor(){super(...arguments);this.installIfNeeded=z.Boolean("--install-if-needed",!1,{description:"Run a preliminary `yarn install` if the package contains build scripts"});this.dryRun=z.Boolean("-n,--dry-run",!1,{description:"Print the file paths without actually generating the package archive"});this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"});this.out=z.String("-o,--out",{description:"Create the archive at the specified path"});this.filename=z.String("--filename",{hidden:!0})}async execute(){var l;let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd);if(!n)throw new ct(i.cwd,this.context.cwd);await vM(n)&&(this.installIfNeeded?await i.install({cache:await Rt.find(t),report:new ti}):await i.restoreInstallState());let s=(l=this.out)!=null?l:this.filename,o=typeof s<"u"?x.resolve(this.context.cwd,hVe(s,{workspace:n})):x.resolve(n.cwd,"package.tgz");return(await Ge.start({configuration:t,stdout:this.context.stdout,json:this.json},async c=>{await xM(n,{report:c},async()=>{c.reportJson({base:K.fromPortablePath(n.cwd)});let u=await yb(n);for(let g of u)c.reportInfo(null,K.fromPortablePath(g)),c.reportJson({location:K.fromPortablePath(g)});if(!this.dryRun){let g=await PM(n,u),f=M.createWriteStream(o);g.pipe(f),await new Promise(h=>{f.on("finish",h)})}}),this.dryRun||(c.reportInfo(0,`Package archive generated in ${ee.pretty(t,o,ee.Type.PATH)}`),c.reportJson({output:K.fromPortablePath(o)}))})).exitCode()}};Ku.paths=[["pack"]],Ku.usage=ve.Usage({description:"generate a tarball from the active workspace",details:"\n      This command will turn the active workspace into a compressed archive suitable for publishing. The archive will by default be stored at the root of the workspace (`package.tgz`).\n\n      If the `-o,---out` is set the archive will be created at the specified path. The `%s` and `%v` variables can be used within the path and will be respectively replaced by the package name and version.\n    ",examples:[["Create an archive from the active workspace","yarn pack"],["List the files that would be made part of the workspace's archive","yarn pack --dry-run"],["Name and output the archive in a dedicated folder","yarn pack --out /artifacts/%s-%v.tgz"]]});function hVe(r,{workspace:e}){let t=r.replace("%s",pVe(e)).replace("%v",dVe(e));return K.toPortablePath(t)}function pVe(r){return r.manifest.name!==null?P.slugifyIdent(r.manifest.name):"package"}function dVe(r){return r.manifest.version!==null?r.manifest.version:"unknown"}var CVe=["dependencies","devDependencies","peerDependencies"],mVe="workspace:",EVe=(r,e)=>{var i,n;e.publishConfig&&(e.publishConfig.main&&(e.main=e.publishConfig.main),e.publishConfig.browser&&(e.browser=e.publishConfig.browser),e.publishConfig.module&&(e.module=e.publishConfig.module),e.publishConfig.exports&&(e.exports=e.publishConfig.exports),e.publishConfig.bin&&(e.bin=e.publishConfig.bin));let t=r.project;for(let s of CVe)for(let o of r.manifest.getForScope(s).values()){let a=t.tryWorkspaceByDescriptor(o),l=P.parseRange(o.range);if(l.protocol===mVe)if(a===null){if(t.tryWorkspaceByIdent(o)===null)throw new at(21,`${P.prettyDescriptor(t.configuration,o)}: No local workspace found for this range`)}else{let c;P.areDescriptorsEqual(o,a.anchoredDescriptor)||l.selector==="*"?c=(i=a.manifest.version)!=null?i:"0.0.0":l.selector==="~"||l.selector==="^"?c=`${l.selector}${(n=a.manifest.version)!=null?n:"0.0.0"}`:c=l.selector;let u=s==="dependencies"?P.makeDescriptor(o,"unknown"):null,g=u!==null&&r.manifest.ensureDependencyMeta(u).optional?"optionalDependencies":s;e[g][P.stringifyIdent(o)]=c}}},IVe={hooks:{beforeWorkspacePacking:EVe},commands:[Ku]},yVe=IVe;var Wce=J("crypto"),zce=Pe(Jce()),Vce=J("url");async function KVe(r,e,{access:t,tag:i,registry:n,gitHead:s}){let o=r.project.configuration,a=r.manifest.name,l=r.manifest.version,c=P.stringifyIdent(a),u=(0,Wce.createHash)("sha1").update(e).digest("hex"),g=zce.default.fromData(e).toString();typeof t>"u"&&(r.manifest.publishConfig&&typeof r.manifest.publishConfig.access=="string"?t=r.manifest.publishConfig.access:o.get("npmPublishAccess")!==null?t=o.get("npmPublishAccess"):a.scope?t="restricted":t="public");let f=await ia.genPackageManifest(r),h=`${c}-${l}.tgz`,p=new Vce.URL(`${go(n)}/${c}/-/${h}`);return{_id:c,_attachments:{[h]:{content_type:"application/octet-stream",data:e.toString("base64"),length:e.length}},name:c,access:t,["dist-tags"]:{[i]:l},versions:{[l]:{...f,_id:`${c}@${l}`,name:c,version:l,gitHead:s,dist:{shasum:u,integrity:g,tarball:p.toString()}}}}}async function UVe(r){try{let{stdout:e}=await Cr.execvp("git",["rev-parse","--revs-only","HEAD"],{cwd:r});return e.trim()===""?void 0:e.trim()}catch{return}}var NM={npmAlwaysAuth:{description:"URL of the selected npm registry (note: npm enterprise isn't supported)",type:"BOOLEAN",default:!1},npmAuthIdent:{description:"Authentication identity for the npm registry (_auth in npm and yarn v1)",type:"SECRET",default:null},npmAuthToken:{description:"Authentication token for the npm registry (_authToken in npm and yarn v1)",type:"SECRET",default:null}},Xce={npmAuditRegistry:{description:"Registry to query for audit reports",type:"STRING",default:null},npmPublishRegistry:{description:"Registry to push packages to",type:"STRING",default:null},npmRegistryServer:{description:"URL of the selected npm registry (note: npm enterprise isn't supported)",type:"STRING",default:"https://registry.yarnpkg.com"}},HVe={configuration:{...NM,...Xce,npmScopes:{description:"Settings per package scope",type:"MAP",valueDefinition:{description:"",type:"SHAPE",properties:{...NM,...Xce}}},npmRegistries:{description:"Settings per registry",type:"MAP",normalizeKeys:go,valueDefinition:{description:"",type:"SHAPE",properties:{...NM}}}},fetchers:[zQ,Rs],resolvers:[VQ,_Q,ZQ]},GVe=HVe;var KM={};ut(KM,{default:()=>ZVe});var EE=Pe(yn());ns();var wb=(i=>(i.All="all",i.Production="production",i.Development="development",i))(wb||{}),Bb=(s=>(s.Info="info",s.Low="low",s.Moderate="moderate",s.High="high",s.Critical="critical",s))(Bb||{});var mE=["info","low","moderate","high","critical"];function Zce(r,e){let t=[],i=new Set,n=o=>{i.has(o)||(i.add(o),t.push(o))};for(let o of e)n(o);let s=new Set;for(;t.length>0;){let o=t.shift(),a=r.storedResolutions.get(o);if(typeof a>"u")throw new Error("Assertion failed: Expected the resolution to have been registered");let l=r.storedPackages.get(a);if(!!l){s.add(o);for(let c of l.dependencies.values())n(c.descriptorHash)}}return s}function YVe(r,e){return new Set([...r].filter(t=>!e.has(t)))}function jVe(r,e,{all:t}){let i=t?r.workspaces:[e],n=i.map(f=>f.manifest),s=new Set(n.map(f=>[...f.dependencies].map(([h,p])=>h)).flat()),o=new Set(n.map(f=>[...f.devDependencies].map(([h,p])=>h)).flat()),a=i.map(f=>[...f.dependencies.values()]).flat(),l=a.filter(f=>s.has(f.identHash)).map(f=>f.descriptorHash),c=a.filter(f=>o.has(f.identHash)).map(f=>f.descriptorHash),u=Zce(r,l),g=Zce(r,c);return YVe(g,u)}function $ce(r){let e={};for(let t of r)e[P.stringifyIdent(t)]=P.parseRange(t.range).selector;return e}function eue(r){if(typeof r>"u")return new Set(mE);let e=mE.indexOf(r),t=mE.slice(e);return new Set(t)}function qVe(r,e){let t=eue(e),i={};for(let n of t)i[n]=r[n];return i}function tue(r,e){var i;let t=qVe(r,e);for(let n of Object.keys(t))if((i=t[n])!=null?i:0>0)return!0;return!1}function rue(r,e){var s;let t={},i={children:t},n=Object.values(r.advisories);if(e!=null){let o=eue(e);n=n.filter(a=>o.has(a.severity))}for(let o of Ie.sortMap(n,a=>a.module_name))t[o.module_name]={label:o.module_name,value:ee.tuple(ee.Type.RANGE,o.findings.map(a=>a.version).join(", ")),children:{ID:{label:"ID",value:ee.tuple(ee.Type.NUMBER,o.id)},Issue:{label:"Issue",value:ee.tuple(ee.Type.NO_HINT,o.title)},URL:{label:"URL",value:ee.tuple(ee.Type.URL,o.url)},Severity:{label:"Severity",value:ee.tuple(ee.Type.NO_HINT,o.severity)},["Vulnerable Versions"]:{label:"Vulnerable Versions",value:ee.tuple(ee.Type.RANGE,o.vulnerable_versions)},["Patched Versions"]:{label:"Patched Versions",value:ee.tuple(ee.Type.RANGE,o.patched_versions)},Via:{label:"Via",value:ee.tuple(ee.Type.NO_HINT,Array.from(new Set(o.findings.map(a=>a.paths).flat().map(a=>a.split(">")[0]))).join(", "))},Recommendation:{label:"Recommendation",value:ee.tuple(ee.Type.NO_HINT,(s=o.recommendation)==null?void 0:s.replace(/\n/g," "))}}};return i}function iue(r,e,{all:t,environment:i}){let n=t?r.workspaces:[e],s=["all","production"].includes(i),o=[];if(s)for(let c of n)for(let u of c.manifest.dependencies.values())o.push(u);let a=["all","development"].includes(i),l=[];if(a)for(let c of n)for(let u of c.manifest.devDependencies.values())l.push(u);return $ce([...o,...l].filter(c=>P.parseRange(c.range).protocol===null))}function nue(r,e,{all:t}){var s;let i=jVe(r,e,{all:t}),n={};for(let o of r.storedPackages.values())n[P.stringifyIdent(o)]={version:(s=o.version)!=null?s:"0.0.0",integrity:o.identHash,requires:$ce(o.dependencies.values()),dev:i.has(P.convertLocatorToDescriptor(o).descriptorHash)};return n}var Gu=class extends De{constructor(){super(...arguments);this.all=z.Boolean("-A,--all",!1,{description:"Audit dependencies from all workspaces"});this.recursive=z.Boolean("-R,--recursive",!1,{description:"Audit transitive dependencies as well"});this.environment=z.String("--environment","all",{description:"Which environments to cover",validator:Wi(wb)});this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"});this.severity=z.String("--severity","info",{description:"Minimal severity requested for packages to be displayed",validator:Wi(Bb)});this.excludes=z.Array("--exclude",[],{description:"Array of glob patterns of packages to exclude from audit"});this.ignores=z.Array("--ignore",[],{description:"Array of glob patterns of advisory ID's to ignore in the audit report"})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd);if(!n)throw new ct(i.cwd,this.context.cwd);await i.restoreInstallState();let s=iue(i,n,{all:this.all,environment:this.environment}),o=nue(i,n,{all:this.all});if(!this.recursive)for(let C of Object.keys(o))Object.prototype.hasOwnProperty.call(s,C)?o[C].requires={}:delete o[C];let a=Array.from(new Set([...t.get("npmAuditExcludePackages"),...this.excludes]));if(a){for(let C of Object.keys(s))EE.default.isMatch(C,a)&&delete s[C];for(let C of Object.keys(o))EE.default.isMatch(C,a)&&delete o[C];for(let C of Object.keys(o))for(let y of Object.keys(o[C].requires))EE.default.isMatch(y,a)&&delete o[C].requires[y]}let l={requires:s,dependencies:o},c=or.getAuditRegistry(n.manifest,{configuration:t}),u,g=await _o.start({configuration:t,stdout:this.context.stdout},async()=>{u=await Mt.post("/-/npm/v1/security/audits/quick",l,{authType:Mt.AuthType.BEST_EFFORT,configuration:t,jsonResponse:!0,registry:c})});if(g.hasErrors())return g.exitCode();let f=Array.from(new Set([...t.get("npmAuditIgnoreAdvisories"),...this.ignores]));if(f){for(let C of Object.keys(u.advisories))if(EE.default.isMatch(C,f)){let y=u.advisories[C];u.metadata.vulnerabilities[y.severity]-=1,delete u.advisories[C]}}let h=tue(u.metadata.vulnerabilities,this.severity);return!this.json&&h?(Vn.emitTree(rue(u,this.severity),{configuration:t,json:this.json,stdout:this.context.stdout,separators:2}),1):(await Ge.start({configuration:t,includeFooter:!1,json:this.json,stdout:this.context.stdout},async C=>{C.reportJson(u),h||C.reportInfo(1,"No audit suggestions")})).exitCode()}};Gu.paths=[["npm","audit"]],Gu.usage=ve.Usage({description:"perform a vulnerability audit against the installed packages",details:`
-      This command checks for known security reports on the packages you use. The reports are by default extracted from the npm registry, and may or may not be relevant to your actual program (not all vulnerabilities affect all code paths).
-
-      For consistency with our other commands the default is to only check the direct dependencies for the active workspace. To extend this search to all workspaces, use \`-A,--all\`. To extend this search to both direct and transitive dependencies, use \`-R,--recursive\`.
-
-      Applying the \`--severity\` flag will limit the audit table to vulnerabilities of the corresponding severity and above. Valid values are ${mE.map(t=>`\`${t}\``).join(", ")}.
-
-      If the \`--json\` flag is set, Yarn will print the output exactly as received from the registry. Regardless of this flag, the process will exit with a non-zero exit code if a report is found for the selected packages.
-
-      If certain packages produce false positives for a particular environment, the \`--exclude\` flag can be used to exclude any number of packages from the audit. This can also be set in the configuration file with the \`npmAuditExcludePackages\` option.
-
-      If particular advisories are needed to be ignored, the \`--ignore\` flag can be used with Advisory ID's to ignore any number of advisories in the audit report. This can also be set in the configuration file with the \`npmAuditIgnoreAdvisories\` option.
-
-      To understand the dependency tree requiring vulnerable packages, check the raw report with the \`--json\` flag or use \`yarn why <package>\` to get more information as to who depends on them.
-    `,examples:[["Checks for known security issues with the installed packages. The output is a list of known issues.","yarn npm audit"],["Audit dependencies in all workspaces","yarn npm audit --all"],["Limit auditing to `dependencies` (excludes `devDependencies`)","yarn npm audit --environment production"],["Show audit report as valid JSON","yarn npm audit --json"],["Audit all direct and transitive dependencies","yarn npm audit --recursive"],["Output moderate (or more severe) vulnerabilities","yarn npm audit --severity moderate"],["Exclude certain packages","yarn npm audit --exclude package1 --exclude package2"],["Ignore specific advisories","yarn npm audit --ignore 1234567 --ignore 7654321"]]});var TM=Pe(Xr()),OM=J("util"),Yu=class extends De{constructor(){super(...arguments);this.fields=z.String("-f,--fields",{description:"A comma-separated list of manifest fields that should be displayed"});this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"});this.packages=z.Rest()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i}=await je.find(t,this.context.cwd),n=typeof this.fields<"u"?new Set(["name",...this.fields.split(/\s*,\s*/)]):null,s=[],o=!1,a=await Ge.start({configuration:t,includeFooter:!1,json:this.json,stdout:this.context.stdout},async l=>{for(let c of this.packages){let u;if(c==="."){let L=i.topLevelWorkspace;if(!L.manifest.name)throw new be(`Missing ${ee.pretty(t,"name",ee.Type.CODE)} field in ${K.fromPortablePath(x.join(L.cwd,xt.manifest))}`);u=P.makeDescriptor(L.manifest.name,"unknown")}else u=P.parseDescriptor(c);let g=Mt.getIdentUrl(u),f=MM(await Mt.get(g,{configuration:t,ident:u,jsonResponse:!0,customErrorMessage:Mt.customPackageError})),h=Object.keys(f.versions).sort(TM.default.compareLoose),C=f["dist-tags"].latest||h[h.length-1],y=vt.validRange(u.range);if(y){let L=TM.default.maxSatisfying(h,y);L!==null?C=L:(l.reportWarning(0,`Unmet range ${P.prettyRange(t,u.range)}; falling back to the latest version`),o=!0)}else Object.prototype.hasOwnProperty.call(f["dist-tags"],u.range)?C=f["dist-tags"][u.range]:u.range!=="unknown"&&(l.reportWarning(0,`Unknown tag ${P.prettyRange(t,u.range)}; falling back to the latest version`),o=!0);let B=f.versions[C],v={...f,...B,version:C,versions:h},D;if(n!==null){D={};for(let L of n){let H=v[L];if(typeof H<"u")D[L]=H;else{l.reportWarning(1,`The ${ee.pretty(t,L,ee.Type.CODE)} field doesn't exist inside ${P.prettyIdent(t,u)}'s information`),o=!0;continue}}}else this.json||(delete v.dist,delete v.readme,delete v.users),D=v;l.reportJson(D),this.json||s.push(D)}});OM.inspect.styles.name="cyan";for(let l of s)(l!==s[0]||o)&&this.context.stdout.write(`
-`),this.context.stdout.write(`${(0,OM.inspect)(l,{depth:1/0,colors:!0,compact:!1})}
-`);return a.exitCode()}};Yu.paths=[["npm","info"]],Yu.usage=ve.Usage({category:"Npm-related commands",description:"show information about a package",details:"\n      This command fetches information about a package from the npm registry and prints it in a tree format.\n\n      The package does not have to be installed locally, but needs to have been published (in particular, local changes will be ignored even for workspaces).\n\n      Append `@<range>` to the package argument to provide information specific to the latest version that satisfies the range or to the corresponding tagged version. If the range is invalid or if there is no version satisfying the range, the command will print a warning and fall back to the latest version.\n\n      If the `-f,--fields` option is set, it's a comma-separated list of fields which will be used to only display part of the package information.\n\n      By default, this command won't return the `dist`, `readme`, and `users` fields, since they are often very long. To explicitly request those fields, explicitly list them with the `--fields` flag or request the output in JSON mode.\n    ",examples:[["Show all available information about react (except the `dist`, `readme`, and `users` fields)","yarn npm info react"],["Show all available information about react as valid JSON (including the `dist`, `readme`, and `users` fields)","yarn npm info react --json"],["Show all available information about react@16.12.0","yarn npm info react@16.12.0"],["Show all available information about react@next","yarn npm info react@next"],["Show the description of react","yarn npm info react --fields description"],["Show all available versions of react","yarn npm info react --fields versions"],["Show the readme of react","yarn npm info react --fields readme"],["Show a few fields of react","yarn npm info react --fields homepage,repository"]]});function MM(r){if(Array.isArray(r)){let e=[];for(let t of r)t=MM(t),t&&e.push(t);return e}else if(typeof r=="object"&&r!==null){let e={};for(let t of Object.keys(r)){if(t.startsWith("_"))continue;let i=MM(r[t]);i&&(e[t]=i)}return e}else return r||null}var sue=Pe(Pm()),ju=class extends De{constructor(){super(...arguments);this.scope=z.String("-s,--scope",{description:"Login to the registry configured for a given scope"});this.publish=z.Boolean("--publish",!1,{description:"Login to the publish registry"})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),i=await Qb({configuration:t,cwd:this.context.cwd,publish:this.publish,scope:this.scope});return(await Ge.start({configuration:t,stdout:this.context.stdout,includeFooter:!1},async s=>{let o=await zVe({configuration:t,registry:i,report:s,stdin:this.context.stdin,stdout:this.context.stdout}),a=`/-/user/org.couchdb.user:${encodeURIComponent(o.name)}`,l=await Mt.put(a,o,{attemptedAs:o.name,configuration:t,registry:i,jsonResponse:!0,authType:Mt.AuthType.NO_AUTH});return await WVe(i,l.token,{configuration:t,scope:this.scope}),s.reportInfo(0,"Successfully logged in")})).exitCode()}};ju.paths=[["npm","login"]],ju.usage=ve.Usage({category:"Npm-related commands",description:"store new login info to access the npm registry",details:"\n      This command will ask you for your username, password, and 2FA One-Time-Password (when it applies). It will then modify your local configuration (in your home folder, never in the project itself) to reference the new tokens thus generated.\n\n      Adding the `-s,--scope` flag will cause the authentication to be done against whatever registry is configured for the associated scope (see also `npmScopes`).\n\n      Adding the `--publish` flag will cause the authentication to be done against the registry used when publishing the package (see also `publishConfig.registry` and `npmPublishRegistry`).\n    ",examples:[["Login to the default registry","yarn npm login"],["Login to the registry linked to the @my-scope registry","yarn npm login --scope my-scope"],["Login to the publish registry for the current package","yarn npm login --publish"]]});async function Qb({scope:r,publish:e,configuration:t,cwd:i}){return r&&e?or.getScopeRegistry(r,{configuration:t,type:or.RegistryType.PUBLISH_REGISTRY}):r?or.getScopeRegistry(r,{configuration:t}):e?or.getPublishRegistry((await Ph(t,i)).manifest,{configuration:t}):or.getDefaultRegistry({configuration:t})}async function WVe(r,e,{configuration:t,scope:i}){let n=o=>a=>{let l=Ie.isIndexableObject(a)?a:{},c=l[o],u=Ie.isIndexableObject(c)?c:{};return{...l,[o]:{...u,npmAuthToken:e}}},s=i?{npmScopes:n(i)}:{npmRegistries:n(r)};return await ye.updateHomeConfiguration(s)}async function zVe({configuration:r,registry:e,report:t,stdin:i,stdout:n}){t.reportInfo(0,`Logging in to ${ee.pretty(r,e,ee.Type.URL)}`);let s=!1;if(e.match(/^https:\/\/npm\.pkg\.github\.com(\/|$)/)&&(t.reportInfo(0,"You seem to be using the GitHub Package Registry. Tokens must be generated with the 'repo', 'write:packages', and 'read:packages' permissions."),s=!0),t.reportSeparator(),process.env.YARN_IS_TEST_ENV)return{name:process.env.YARN_INJECT_NPM_USER||"",password:process.env.YARN_INJECT_NPM_PASSWORD||""};let{username:o,password:a}=await(0,sue.prompt)([{type:"input",name:"username",message:"Username:",required:!0,onCancel:()=>process.exit(130),stdin:i,stdout:n},{type:"password",name:"password",message:s?"Token:":"Password:",required:!0,onCancel:()=>process.exit(130),stdin:i,stdout:n}]);return t.reportSeparator(),{name:o,password:a}}var ap=new Set(["npmAuthIdent","npmAuthToken"]),qu=class extends De{constructor(){super(...arguments);this.scope=z.String("-s,--scope",{description:"Logout of the registry configured for a given scope"});this.publish=z.Boolean("--publish",!1,{description:"Logout of the publish registry"});this.all=z.Boolean("-A,--all",!1,{description:"Logout of all registries"})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),i=async()=>{var c;let s=await Qb({configuration:t,cwd:this.context.cwd,publish:this.publish,scope:this.scope}),o=await ye.find(this.context.cwd,this.context.plugins),a=P.makeIdent((c=this.scope)!=null?c:null,"pkg");return!or.getAuthConfiguration(s,{configuration:o,ident:a}).get("npmAuthToken")};return(await Ge.start({configuration:t,stdout:this.context.stdout},async s=>{if(this.all&&(await XVe(),s.reportInfo(0,"Successfully logged out from everything")),this.scope){await oue("npmScopes",this.scope),await i()?s.reportInfo(0,`Successfully logged out from ${this.scope}`):s.reportWarning(0,"Scope authentication settings removed, but some other ones settings still apply to it");return}let o=await Qb({configuration:t,cwd:this.context.cwd,publish:this.publish});await oue("npmRegistries",o),await i()?s.reportInfo(0,`Successfully logged out from ${o}`):s.reportWarning(0,"Registry authentication settings removed, but some other ones settings still apply to it")})).exitCode()}};qu.paths=[["npm","logout"]],qu.usage=ve.Usage({category:"Npm-related commands",description:"logout of the npm registry",details:"\n      This command will log you out by modifying your local configuration (in your home folder, never in the project itself) to delete all credentials linked to a registry.\n\n      Adding the `-s,--scope` flag will cause the deletion to be done against whatever registry is configured for the associated scope (see also `npmScopes`).\n\n      Adding the `--publish` flag will cause the deletion to be done against the registry used when publishing the package (see also `publishConfig.registry` and `npmPublishRegistry`).\n\n      Adding the `-A,--all` flag will cause the deletion to be done against all registries and scopes.\n    ",examples:[["Logout of the default registry","yarn npm logout"],["Logout of the @my-scope scope","yarn npm logout --scope my-scope"],["Logout of the publish registry for the current package","yarn npm logout --publish"],["Logout of all registries","yarn npm logout --all"]]});function VVe(r,e){let t=r[e];if(!Ie.isIndexableObject(t))return!1;let i=new Set(Object.keys(t));if([...ap].every(s=>!i.has(s)))return!1;for(let s of ap)i.delete(s);if(i.size===0)return r[e]=void 0,!0;let n={...t};for(let s of ap)delete n[s];return r[e]=n,!0}async function XVe(){let r=e=>{let t=!1,i=Ie.isIndexableObject(e)?{...e}:{};i.npmAuthToken&&(delete i.npmAuthToken,t=!0);for(let n of Object.keys(i))VVe(i,n)&&(t=!0);if(Object.keys(i).length!==0)return t?i:e};return await ye.updateHomeConfiguration({npmRegistries:r,npmScopes:r})}async function oue(r,e){return await ye.updateHomeConfiguration({[r]:t=>{let i=Ie.isIndexableObject(t)?t:{};if(!Object.prototype.hasOwnProperty.call(i,e))return t;let n=i[e],s=Ie.isIndexableObject(n)?n:{},o=new Set(Object.keys(s));if([...ap].every(l=>!o.has(l)))return t;for(let l of ap)o.delete(l);if(o.size===0)return Object.keys(i).length===1?void 0:{...i,[e]:void 0};let a={};for(let l of ap)a[l]=void 0;return{...i,[e]:{...s,...a}}}})}var Ju=class extends De{constructor(){super(...arguments);this.access=z.String("--access",{description:"The access for the published package (public or restricted)"});this.tag=z.String("--tag","latest",{description:"The tag on the registry that the package should be attached to"});this.tolerateRepublish=z.Boolean("--tolerate-republish",!1,{description:"Warn and exit when republishing an already existing version of a package"});this.otp=z.String("--otp",{description:"The OTP token to use with the command"})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd);if(!n)throw new ct(i.cwd,this.context.cwd);if(n.manifest.private)throw new be("Private workspaces cannot be published");if(n.manifest.name===null||n.manifest.version===null)throw new be("Workspaces must have valid names and versions to be published on an external registry");await i.restoreInstallState();let s=n.manifest.name,o=n.manifest.version,a=or.getPublishRegistry(n.manifest,{configuration:t});return(await Ge.start({configuration:t,stdout:this.context.stdout},async c=>{var u,g;if(this.tolerateRepublish)try{let f=await Mt.get(Mt.getIdentUrl(s),{configuration:t,registry:a,ident:s,jsonResponse:!0});if(!Object.prototype.hasOwnProperty.call(f,"versions"))throw new at(15,'Registry returned invalid data for - missing "versions" field');if(Object.prototype.hasOwnProperty.call(f.versions,o)){c.reportWarning(0,`Registry already knows about version ${o}; skipping.`);return}}catch(f){if(((g=(u=f.originalError)==null?void 0:u.response)==null?void 0:g.statusCode)!==404)throw f}await Jt.maybeExecuteWorkspaceLifecycleScript(n,"prepublish",{report:c}),await ia.prepareForPack(n,{report:c},async()=>{let f=await ia.genPackList(n);for(let B of f)c.reportInfo(null,B);let h=await ia.genPackStream(n,f),p=await Ie.bufferStream(h),C=await op.getGitHead(n.cwd),y=await op.makePublishBody(n,p,{access:this.access,tag:this.tag,registry:a,gitHead:C});await Mt.put(Mt.getIdentUrl(s),y,{configuration:t,registry:a,ident:s,otp:this.otp,jsonResponse:!0})}),c.reportInfo(0,"Package archive published")})).exitCode()}};Ju.paths=[["npm","publish"]],Ju.usage=ve.Usage({category:"Npm-related commands",description:"publish the active workspace to the npm registry",details:'\n      This command will pack the active workspace into a fresh archive and upload it to the npm registry.\n\n      The package will by default be attached to the `latest` tag on the registry, but this behavior can be overriden by using the `--tag` option.\n\n      Note that for legacy reasons scoped packages are by default published with an access set to `restricted` (aka "private packages"). This requires you to register for a paid npm plan. In case you simply wish to publish a public scoped package to the registry (for free), just add the `--access public` flag. This behavior can be enabled by default through the `npmPublishAccess` settings.\n    ',examples:[["Publish the active workspace","yarn npm publish"]]});var aue=Pe(Xr());var Wu=class extends De{constructor(){super(...arguments);this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"});this.package=z.String({required:!1})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd),s;if(typeof this.package<"u")s=P.parseIdent(this.package);else{if(!n)throw new ct(i.cwd,this.context.cwd);if(!n.manifest.name)throw new be(`Missing 'name' field in ${K.fromPortablePath(x.join(n.cwd,xt.manifest))}`);s=n.manifest.name}let o=await IE(s,t),l={children:Ie.sortMap(Object.entries(o),([c])=>c).map(([c,u])=>({value:ee.tuple(ee.Type.RESOLUTION,{descriptor:P.makeDescriptor(s,c),locator:P.makeLocator(s,u)})}))};return Vn.emitTree(l,{configuration:t,json:this.json,stdout:this.context.stdout})}};Wu.paths=[["npm","tag","list"]],Wu.usage=ve.Usage({category:"Npm-related commands",description:"list all dist-tags of a package",details:`
-      This command will list all tags of a package from the npm registry.
-
-      If the package is not specified, Yarn will default to the current workspace.
-    `,examples:[["List all tags of package `my-pkg`","yarn npm tag list my-pkg"]]});async function IE(r,e){let t=`/-/package${Mt.getIdentUrl(r)}/dist-tags`;return Mt.get(t,{configuration:e,ident:r,jsonResponse:!0,customErrorMessage:Mt.customPackageError})}var zu=class extends De{constructor(){super(...arguments);this.package=z.String();this.tag=z.String()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd);if(!n)throw new ct(i.cwd,this.context.cwd);let s=P.parseDescriptor(this.package,!0),o=s.range;if(!aue.default.valid(o))throw new be(`The range ${ee.pretty(t,s.range,ee.Type.RANGE)} must be a valid semver version`);let a=or.getPublishRegistry(n.manifest,{configuration:t}),l=ee.pretty(t,s,ee.Type.IDENT),c=ee.pretty(t,o,ee.Type.RANGE),u=ee.pretty(t,this.tag,ee.Type.CODE);return(await Ge.start({configuration:t,stdout:this.context.stdout},async f=>{let h=await IE(s,t);Object.prototype.hasOwnProperty.call(h,this.tag)&&h[this.tag]===o&&f.reportWarning(0,`Tag ${u} is already set to version ${c}`);let p=`/-/package${Mt.getIdentUrl(s)}/dist-tags/${encodeURIComponent(this.tag)}`;await Mt.put(p,o,{configuration:t,registry:a,ident:s,jsonRequest:!0,jsonResponse:!0}),f.reportInfo(0,`Tag ${u} added to version ${c} of package ${l}`)})).exitCode()}};zu.paths=[["npm","tag","add"]],zu.usage=ve.Usage({category:"Npm-related commands",description:"add a tag for a specific version of a package",details:`
-      This command will add a tag to the npm registry for a specific version of a package. If the tag already exists, it will be overwritten.
-    `,examples:[["Add a `beta` tag for version `2.3.4-beta.4` of package `my-pkg`","yarn npm tag add my-pkg@2.3.4-beta.4 beta"]]});var Vu=class extends De{constructor(){super(...arguments);this.package=z.String();this.tag=z.String()}async execute(){if(this.tag==="latest")throw new be("The 'latest' tag cannot be removed.");let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd);if(!n)throw new ct(i.cwd,this.context.cwd);let s=P.parseIdent(this.package),o=or.getPublishRegistry(n.manifest,{configuration:t}),a=ee.pretty(t,this.tag,ee.Type.CODE),l=ee.pretty(t,s,ee.Type.IDENT),c=await IE(s,t);if(!Object.prototype.hasOwnProperty.call(c,this.tag))throw new be(`${a} is not a tag of package ${l}`);return(await Ge.start({configuration:t,stdout:this.context.stdout},async g=>{let f=`/-/package${Mt.getIdentUrl(s)}/dist-tags/${encodeURIComponent(this.tag)}`;await Mt.del(f,{configuration:t,registry:o,ident:s,jsonResponse:!0}),g.reportInfo(0,`Tag ${a} removed from package ${l}`)})).exitCode()}};Vu.paths=[["npm","tag","remove"]],Vu.usage=ve.Usage({category:"Npm-related commands",description:"remove a tag from a package",details:`
-      This command will remove a tag from a package from the npm registry.
-    `,examples:[["Remove the `beta` tag from package `my-pkg`","yarn npm tag remove my-pkg beta"]]});var Xu=class extends De{constructor(){super(...arguments);this.scope=z.String("-s,--scope",{description:"Print username for the registry configured for a given scope"});this.publish=z.Boolean("--publish",!1,{description:"Print username for the publish registry"})}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),i;return this.scope&&this.publish?i=or.getScopeRegistry(this.scope,{configuration:t,type:or.RegistryType.PUBLISH_REGISTRY}):this.scope?i=or.getScopeRegistry(this.scope,{configuration:t}):this.publish?i=or.getPublishRegistry((await Ph(t,this.context.cwd)).manifest,{configuration:t}):i=or.getDefaultRegistry({configuration:t}),(await Ge.start({configuration:t,stdout:this.context.stdout},async s=>{var a,l;let o;try{o=await Mt.get("/-/whoami",{configuration:t,registry:i,authType:Mt.AuthType.ALWAYS_AUTH,jsonResponse:!0,ident:this.scope?P.makeIdent(this.scope,""):void 0})}catch(c){if(((a=c.response)==null?void 0:a.statusCode)===401||((l=c.response)==null?void 0:l.statusCode)===403){s.reportError(41,"Authentication failed - your credentials may have expired");return}else throw c}s.reportInfo(0,o.username)})).exitCode()}};Xu.paths=[["npm","whoami"]],Xu.usage=ve.Usage({category:"Npm-related commands",description:"display the name of the authenticated user",details:"\n      Print the username associated with the current authentication settings to the standard output.\n\n      When using `-s,--scope`, the username printed will be the one that matches the authentication settings of the registry associated with the given scope (those settings can be overriden using the `npmRegistries` map, and the registry associated with the scope is configured via the `npmScopes` map).\n\n      When using `--publish`, the registry we'll select will by default be the one used when publishing packages (`publishConfig.registry` or `npmPublishRegistry` if available, otherwise we'll fallback to the regular `npmRegistryServer`).\n    ",examples:[["Print username for the default registry","yarn npm whoami"],["Print username for the registry on a given scope","yarn npm whoami --scope company"]]});var _Ve={configuration:{npmPublishAccess:{description:"Default access of the published packages",type:"STRING",default:null},npmAuditExcludePackages:{description:"Array of glob patterns of packages to exclude from npm audit",type:"STRING",default:[],isArray:!0},npmAuditIgnoreAdvisories:{description:"Array of glob patterns of advisory IDs to exclude from npm audit",type:"STRING",default:[],isArray:!0}},commands:[Gu,Yu,ju,qu,Ju,zu,Wu,Vu,Xu]},ZVe=_Ve;var zM={};ut(zM,{default:()=>h6e,patchUtils:()=>_u});var _u={};ut(_u,{applyPatchFile:()=>Sb,diffFolders:()=>JM,ensureUnpatchedDescriptor:()=>HM,extractPackageToDisk:()=>qM,extractPatchFlags:()=>hue,isParentRequired:()=>jM,loadPatchFiles:()=>QE,makeDescriptor:()=>GM,makeLocator:()=>YM,makePatchHash:()=>WM,parseDescriptor:()=>wE,parseLocator:()=>BE,parsePatchFile:()=>yE});var $Ve=/^@@ -(\d+)(,(\d+))? \+(\d+)(,(\d+))? @@.*/;function Ap(r){return x.relative(Oe.root,x.resolve(Oe.root,K.toPortablePath(r)))}function e6e(r){let e=r.trim().match($Ve);if(!e)throw new Error(`Bad header line: '${r}'`);return{original:{start:Math.max(Number(e[1]),1),length:Number(e[3]||1)},patched:{start:Math.max(Number(e[4]),1),length:Number(e[6]||1)}}}var t6e=420,r6e=493;var Aue=()=>({semverExclusivity:null,diffLineFromPath:null,diffLineToPath:null,oldMode:null,newMode:null,deletedFileMode:null,newFileMode:null,renameFrom:null,renameTo:null,beforeHash:null,afterHash:null,fromPath:null,toPath:null,hunks:null}),i6e=r=>({header:e6e(r),parts:[]}),n6e={["@"]:"header",["-"]:"deletion",["+"]:"insertion",[" "]:"context",["\\"]:"pragma",undefined:"context"};function s6e(r){let e=[],t=Aue(),i="parsing header",n=null,s=null;function o(){n&&(s&&(n.parts.push(s),s=null),t.hunks.push(n),n=null)}function a(){o(),e.push(t),t=Aue()}for(let l=0;l<r.length;l++){let c=r[l];if(i==="parsing header")if(c.startsWith("@@"))i="parsing hunks",t.hunks=[],l-=1;else if(c.startsWith("diff --git ")){t&&t.diffLineFromPath&&a();let u=c.match(/^diff --git a\/(.*?) b\/(.*?)\s*$/);if(!u)throw new Error(`Bad diff line: ${c}`);t.diffLineFromPath=u[1],t.diffLineToPath=u[2]}else if(c.startsWith("old mode "))t.oldMode=c.slice(9).trim();else if(c.startsWith("new mode "))t.newMode=c.slice(9).trim();else if(c.startsWith("deleted file mode "))t.deletedFileMode=c.slice(18).trim();else if(c.startsWith("new file mode "))t.newFileMode=c.slice(14).trim();else if(c.startsWith("rename from "))t.renameFrom=c.slice(12).trim();else if(c.startsWith("rename to "))t.renameTo=c.slice(10).trim();else if(c.startsWith("index ")){let u=c.match(/(\w+)\.\.(\w+)/);if(!u)continue;t.beforeHash=u[1],t.afterHash=u[2]}else c.startsWith("semver exclusivity ")?t.semverExclusivity=c.slice(19).trim():c.startsWith("--- ")?t.fromPath=c.slice(6).trim():c.startsWith("+++ ")&&(t.toPath=c.slice(6).trim());else{let u=n6e[c[0]]||null;switch(u){case"header":o(),n=i6e(c);break;case null:i="parsing header",a(),l-=1;break;case"pragma":{if(!c.startsWith("\\ No newline at end of file"))throw new Error(`Unrecognized pragma in patch file: ${c}`);if(!s)throw new Error("Bad parser state: No newline at EOF pragma encountered without context");s.noNewlineAtEndOfFile=!0}break;case"context":case"deletion":case"insertion":{if(!n)throw new Error("Bad parser state: Hunk lines encountered before hunk header");s&&s.type!==u&&(n.parts.push(s),s=null),s||(s={type:u,lines:[],noNewlineAtEndOfFile:!1}),s.lines.push(c.slice(1))}break;default:Ie.assertNever(u);break}}}a();for(let{hunks:l}of e)if(l)for(let c of l)a6e(c);return e}function o6e(r){let e=[];for(let t of r){let{semverExclusivity:i,diffLineFromPath:n,diffLineToPath:s,oldMode:o,newMode:a,deletedFileMode:l,newFileMode:c,renameFrom:u,renameTo:g,beforeHash:f,afterHash:h,fromPath:p,toPath:C,hunks:y}=t,B=u?"rename":l?"file deletion":c?"file creation":y&&y.length>0?"patch":"mode change",v=null;switch(B){case"rename":{if(!u||!g)throw new Error("Bad parser state: rename from & to not given");e.push({type:"rename",semverExclusivity:i,fromPath:Ap(u),toPath:Ap(g)}),v=g}break;case"file deletion":{let D=n||p;if(!D)throw new Error("Bad parse state: no path given for file deletion");e.push({type:"file deletion",semverExclusivity:i,hunk:y&&y[0]||null,path:Ap(D),mode:bb(l),hash:f})}break;case"file creation":{let D=s||C;if(!D)throw new Error("Bad parse state: no path given for file creation");e.push({type:"file creation",semverExclusivity:i,hunk:y&&y[0]||null,path:Ap(D),mode:bb(c),hash:h})}break;case"patch":case"mode change":v=C||s;break;default:Ie.assertNever(B);break}v&&o&&a&&o!==a&&e.push({type:"mode change",semverExclusivity:i,path:Ap(v),oldMode:bb(o),newMode:bb(a)}),v&&y&&y.length&&e.push({type:"patch",semverExclusivity:i,path:Ap(v),hunks:y,beforeHash:f,afterHash:h})}if(e.length===0)throw new Error("Unable to parse patch file: No changes found. Make sure the patch is a valid UTF8 encoded string");return e}function bb(r){let e=parseInt(r,8)&511;if(e!==t6e&&e!==r6e)throw new Error(`Unexpected file mode string: ${r}`);return e}function yE(r){let e=r.split(/\n/g);return e[e.length-1]===""&&e.pop(),o6e(s6e(e))}function a6e(r){let e=0,t=0;for(let{type:i,lines:n}of r.parts)switch(i){case"context":t+=n.length,e+=n.length;break;case"deletion":e+=n.length;break;case"insertion":t+=n.length;break;default:Ie.assertNever(i);break}if(e!==r.header.original.length||t!==r.header.patched.length){let i=n=>n<0?n:`+${n}`;throw new Error(`hunk header integrity check failed (expected @@ ${i(r.header.original.length)} ${i(r.header.patched.length)} @@, got @@ ${i(e)} ${i(t)} @@)`)}}var lp=class extends Error{constructor(t,i){super(`Cannot apply hunk #${t+1}`);this.hunk=i}};async function cp(r,e,t){let i=await r.lstatPromise(e),n=await t();if(typeof n<"u"&&(e=n),r.lutimesPromise)await r.lutimesPromise(e,i.atime,i.mtime);else if(!i.isSymbolicLink())await r.utimesPromise(e,i.atime,i.mtime);else throw new Error("Cannot preserve the time values of a symlink")}async function Sb(r,{baseFs:e=new $t,dryRun:t=!1,version:i=null}={}){for(let n of r)if(!(n.semverExclusivity!==null&&i!==null&&!vt.satisfiesWithPrereleases(i,n.semverExclusivity)))switch(n.type){case"file deletion":if(t){if(!e.existsSync(n.path))throw new Error(`Trying to delete a file that doesn't exist: ${n.path}`)}else await cp(e,x.dirname(n.path),async()=>{await e.unlinkPromise(n.path)});break;case"rename":if(t){if(!e.existsSync(n.fromPath))throw new Error(`Trying to move a file that doesn't exist: ${n.fromPath}`)}else await cp(e,x.dirname(n.fromPath),async()=>{await cp(e,x.dirname(n.toPath),async()=>{await cp(e,n.fromPath,async()=>(await e.movePromise(n.fromPath,n.toPath),n.toPath))})});break;case"file creation":if(t){if(e.existsSync(n.path))throw new Error(`Trying to create a file that already exists: ${n.path}`)}else{let s=n.hunk?n.hunk.parts[0].lines.join(`
-`)+(n.hunk.parts[0].noNewlineAtEndOfFile?"":`
-`):"";await e.mkdirpPromise(x.dirname(n.path),{chmod:493,utimes:[xr.SAFE_TIME,xr.SAFE_TIME]}),await e.writeFilePromise(n.path,s,{mode:n.mode}),await e.utimesPromise(n.path,xr.SAFE_TIME,xr.SAFE_TIME)}break;case"patch":await cp(e,n.path,async()=>{await c6e(n,{baseFs:e,dryRun:t})});break;case"mode change":{let o=(await e.statPromise(n.path)).mode;if(lue(n.newMode)!==lue(o))continue;await cp(e,n.path,async()=>{await e.chmodPromise(n.path,n.newMode)})}break;default:Ie.assertNever(n);break}}function lue(r){return(r&64)>0}function cue(r){return r.replace(/\s+$/,"")}function l6e(r,e){return cue(r)===cue(e)}async function c6e({hunks:r,path:e},{baseFs:t,dryRun:i=!1}){let n=await t.statSync(e).mode,o=(await t.readFileSync(e,"utf8")).split(/\n/),a=[],l=0,c=0;for(let g of r){let f=Math.max(c,g.header.patched.start+l),h=Math.max(0,f-c),p=Math.max(0,o.length-f-g.header.original.length),C=Math.max(h,p),y=0,B=0,v=null;for(;y<=C;){if(y<=h&&(B=f-y,v=uue(g,o,B),v!==null)){y=-y;break}if(y<=p&&(B=f+y,v=uue(g,o,B),v!==null))break;y+=1}if(v===null)throw new lp(r.indexOf(g),g);a.push(v),l+=y,c=B+g.header.original.length}if(i)return;let u=0;for(let g of a)for(let f of g)switch(f.type){case"splice":{let h=f.index+u;o.splice(h,f.numToDelete,...f.linesToInsert),u+=f.linesToInsert.length-f.numToDelete}break;case"pop":o.pop();break;case"push":o.push(f.line);break;default:Ie.assertNever(f);break}await t.writeFilePromise(e,o.join(`
-`),{mode:n})}function uue(r,e,t){let i=[];for(let n of r.parts)switch(n.type){case"context":case"deletion":{for(let s of n.lines){let o=e[t];if(o==null||!l6e(o,s))return null;t+=1}n.type==="deletion"&&(i.push({type:"splice",index:t-n.lines.length,numToDelete:n.lines.length,linesToInsert:[]}),n.noNewlineAtEndOfFile&&i.push({type:"push",line:""}))}break;case"insertion":i.push({type:"splice",index:t,numToDelete:0,linesToInsert:n.lines}),n.noNewlineAtEndOfFile&&i.push({type:"pop"});break;default:Ie.assertNever(n.type);break}return i}var g6e=/^builtin<([^>]+)>$/;function UM(r,e){let{source:t,selector:i,params:n}=P.parseRange(r);if(t===null)throw new Error("Patch locators must explicitly define their source");let s=i?i.split(/&/).map(c=>K.toPortablePath(c)):[],o=n&&typeof n.locator=="string"?P.parseLocator(n.locator):null,a=n&&typeof n.version=="string"?n.version:null,l=e(t);return{parentLocator:o,sourceItem:l,patchPaths:s,sourceVersion:a}}function wE(r){let{sourceItem:e,...t}=UM(r.range,P.parseDescriptor);return{...t,sourceDescriptor:e}}function BE(r){let{sourceItem:e,...t}=UM(r.reference,P.parseLocator);return{...t,sourceLocator:e}}function HM(r){if(!r.range.startsWith("patch:"))return r;let{sourceItem:e}=UM(r.range,P.parseDescriptor);return e}function gue({parentLocator:r,sourceItem:e,patchPaths:t,sourceVersion:i,patchHash:n},s){let o=r!==null?{locator:P.stringifyLocator(r)}:{},a=typeof i<"u"?{version:i}:{},l=typeof n<"u"?{hash:n}:{};return P.makeRange({protocol:"patch:",source:s(e),selector:t.join("&"),params:{...a,...l,...o}})}function GM(r,{parentLocator:e,sourceDescriptor:t,patchPaths:i}){return P.makeDescriptor(r,gue({parentLocator:e,sourceItem:t,patchPaths:i},P.stringifyDescriptor))}function YM(r,{parentLocator:e,sourcePackage:t,patchPaths:i,patchHash:n}){return P.makeLocator(r,gue({parentLocator:e,sourceItem:t,sourceVersion:t.version,patchPaths:i,patchHash:n},P.stringifyLocator))}function fue({onAbsolute:r,onRelative:e,onBuiltin:t},i){i.startsWith("~")&&(i=i.slice(1));let s=i.match(g6e);return s!==null?t(s[1]):x.isAbsolute(i)?r(i):e(i)}function hue(r){let e=r.startsWith("~");return e&&(r=r.slice(1)),{optional:e}}function jM(r){return fue({onAbsolute:()=>!1,onRelative:()=>!0,onBuiltin:()=>!1},r)}async function QE(r,e,t){let i=r!==null?await t.fetcher.fetch(r,t):null,n=i&&i.localPath?{packageFs:new jt(Oe.root),prefixPath:x.relative(Oe.root,i.localPath)}:i;i&&i!==n&&i.releaseFs&&i.releaseFs();let s=await Ie.releaseAfterUseAsync(async()=>await Promise.all(e.map(async o=>{let a=hue(o),l=await fue({onAbsolute:async()=>await M.readFilePromise(o,"utf8"),onRelative:async()=>{if(n===null)throw new Error("Assertion failed: The parent locator should have been fetched");return await n.packageFs.readFilePromise(x.join(n.prefixPath,o),"utf8")},onBuiltin:async c=>await t.project.configuration.firstHook(u=>u.getBuiltinPatch,t.project,c)},o);return{...a,source:l}})));for(let o of s)typeof o.source=="string"&&(o.source=o.source.replace(/\r\n?/g,`
-`));return s}async function qM(r,{cache:e,project:t}){let i=t.storedPackages.get(r.locatorHash);if(typeof i>"u")throw new Error("Assertion failed: Expected the package to be registered");let n=t.storedChecksums,s=new ti,o=t.configuration.makeFetcher(),a=await o.fetch(r,{cache:e,project:t,fetcher:o,checksums:n,report:s}),l=await M.mktempPromise(),c=x.join(l,"source"),u=x.join(l,"user"),g=x.join(l,".yarn-patch.json");return await Promise.all([M.copyPromise(c,a.prefixPath,{baseFs:a.packageFs}),M.copyPromise(u,a.prefixPath,{baseFs:a.packageFs}),M.writeJsonPromise(g,{locator:P.stringifyLocator(r),version:i.version})]),M.detachTemp(l),u}async function JM(r,e){let t=K.fromPortablePath(r).replace(/\\/g,"/"),i=K.fromPortablePath(e).replace(/\\/g,"/"),{stdout:n,stderr:s}=await Cr.execvp("git",["-c","core.safecrlf=false","diff","--src-prefix=a/","--dst-prefix=b/","--ignore-cr-at-eol","--full-index","--no-index","--no-renames","--text",t,i],{cwd:K.toPortablePath(process.cwd()),env:{...process.env,GIT_CONFIG_NOSYSTEM:"1",HOME:"",XDG_CONFIG_HOME:"",USERPROFILE:""}});if(s.length>0)throw new Error(`Unable to diff directories. Make sure you have a recent version of 'git' available in PATH.
-The following error was reported by 'git':
-${s}`);let o=t.startsWith("/")?a=>a.slice(1):a=>a;return n.replace(new RegExp(`(a|b)(${Ie.escapeRegExp(`/${o(t)}/`)})`,"g"),"$1/").replace(new RegExp(`(a|b)${Ie.escapeRegExp(`/${o(i)}/`)}`,"g"),"$1/").replace(new RegExp(Ie.escapeRegExp(`${t}/`),"g"),"").replace(new RegExp(Ie.escapeRegExp(`${i}/`),"g"),"")}function WM(r,e){let t=[];for(let{source:i}of r){if(i===null)continue;let n=yE(i);for(let s of n){let{semverExclusivity:o,...a}=s;o!==null&&e!==null&&!vt.satisfiesWithPrereleases(e,o)||t.push(JSON.stringify(a))}}return li.makeHash(`${3}`,...t).slice(0,6)}function pue(r,{configuration:e,report:t}){for(let i of r.parts)for(let n of i.lines)switch(i.type){case"context":t.reportInfo(null,`  ${ee.pretty(e,n,"grey")}`);break;case"deletion":t.reportError(28,`- ${ee.pretty(e,n,ee.Type.REMOVED)}`);break;case"insertion":t.reportError(28,`+ ${ee.pretty(e,n,ee.Type.ADDED)}`);break;default:Ie.assertNever(i.type)}}var vb=class{supports(e,t){return!!e.reference.startsWith("patch:")}getLocalPath(e,t){return null}async fetch(e,t){let i=t.checksums.get(e.locatorHash)||null,[n,s,o]=await t.cache.fetchPackageFromCache(e,i,{onHit:()=>t.report.reportCacheHit(e),onMiss:()=>t.report.reportCacheMiss(e,`${P.prettyLocator(t.project.configuration,e)} can't be found in the cache and will be fetched from the disk`),loader:()=>this.patchPackage(e,t),skipIntegrityCheck:t.skipIntegrityCheck,...t.cacheOptions});return{packageFs:n,releaseFs:s,prefixPath:P.getIdentVendorPath(e),localPath:this.getLocalPath(e,t),checksum:o}}async patchPackage(e,t){let{parentLocator:i,sourceLocator:n,sourceVersion:s,patchPaths:o}=BE(e),a=await QE(i,o,t),l=await M.mktempPromise(),c=x.join(l,"current.zip"),u=await t.fetcher.fetch(n,t),g=P.getIdentVendorPath(e),f=await rn(),h=new Wr(c,{libzip:f,create:!0,level:t.project.configuration.get("compressionLevel")});await Ie.releaseAfterUseAsync(async()=>{await h.copyPromise(g,u.prefixPath,{baseFs:u.packageFs,stableSort:!0})},u.releaseFs),h.saveAndClose();for(let{source:p,optional:C}of a){if(p===null)continue;let y=new Wr(c,{libzip:f,level:t.project.configuration.get("compressionLevel")}),B=new jt(x.resolve(Oe.root,g),{baseFs:y});try{await Sb(yE(p),{baseFs:B,version:s})}catch(v){if(!(v instanceof lp))throw v;let D=t.project.configuration.get("enableInlineHunks"),L=!D&&!C?" (set enableInlineHunks for details)":"",H=`${P.prettyLocator(t.project.configuration,e)}: ${v.message}${L}`,j=$=>{!D||pue(v.hunk,{configuration:t.project.configuration,report:$})};if(y.discardAndClose(),C){t.report.reportWarningOnce(66,H,{reportExtra:j});continue}else throw new at(66,H,j)}y.saveAndClose()}return new Wr(c,{libzip:f,level:t.project.configuration.get("compressionLevel")})}};var xb=class{supportsDescriptor(e,t){return!!e.range.startsWith("patch:")}supportsLocator(e,t){return!!e.reference.startsWith("patch:")}shouldPersistResolution(e,t){return!1}bindDescriptor(e,t,i){let{patchPaths:n}=wE(e);return n.every(s=>!jM(s))?e:P.bindDescriptor(e,{locator:P.stringifyLocator(t)})}getResolutionDependencies(e,t){let{sourceDescriptor:i}=wE(e);return[i]}async getCandidates(e,t,i){if(!i.fetchOptions)throw new Error("Assertion failed: This resolver cannot be used unless a fetcher is configured");let{parentLocator:n,sourceDescriptor:s,patchPaths:o}=wE(e),a=await QE(n,o,i.fetchOptions),l=t.get(s.descriptorHash);if(typeof l>"u")throw new Error("Assertion failed: The dependency should have been resolved");let c=WM(a,l.version);return[YM(e,{parentLocator:n,sourcePackage:l,patchPaths:o,patchHash:c})]}async getSatisfying(e,t,i){return null}async resolve(e,t){let{sourceLocator:i}=BE(e);return{...await t.resolver.resolve(i,t),...e}}};var Zu=class extends De{constructor(){super(...arguments);this.save=z.Boolean("-s,--save",!1,{description:"Add the patch to your resolution entries"});this.patchFolder=z.String()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd);if(!n)throw new ct(i.cwd,this.context.cwd);await i.restoreInstallState();let s=x.resolve(this.context.cwd,K.toPortablePath(this.patchFolder)),o=x.join(s,"../source"),a=x.join(s,"../.yarn-patch.json");if(!M.existsSync(o))throw new be("The argument folder didn't get created by 'yarn patch'");let l=await JM(o,s),c=await M.readJsonPromise(a),u=P.parseLocator(c.locator,!0);if(!i.storedPackages.has(u.locatorHash))throw new be("No package found in the project for the given locator");if(!this.save){this.context.stdout.write(l);return}let g=t.get("patchFolder"),f=x.join(g,`${P.slugifyLocator(u)}.patch`);await M.mkdirPromise(g,{recursive:!0}),await M.writeFilePromise(f,l);let h=new Map;for(let p of i.storedPackages.values()){if(P.isVirtualLocator(p))continue;let C=p.dependencies.get(u.identHash);if(!C)continue;let y=P.isVirtualDescriptor(C)?P.devirtualizeDescriptor(C):C,B=HM(y),v=i.storedResolutions.get(B.descriptorHash);if(!v)throw new Error("Assertion failed: Expected the resolution to have been registered");if(!i.storedPackages.get(v))throw new Error("Assertion failed: Expected the package to have been registered");let L=i.originalPackages.get(p.locatorHash);if(!L)throw new Error("Assertion failed: Expected the original package to have been registered");let H=L.dependencies.get(C.identHash);if(!H)throw new Error("Assertion failed: Expected the original dependency to have been registered");h.set(H.descriptorHash,H)}for(let p of h.values()){let C=GM(p,{parentLocator:null,sourceDescriptor:P.convertLocatorToDescriptor(u),sourceVersion:null,patchPaths:[`./${x.relative(i.cwd,f)}`]});i.topLevelWorkspace.manifest.resolutions.push({pattern:{descriptor:{fullName:P.stringifyIdent(C),description:p.range}},reference:C.range})}await i.persist()}};Zu.paths=[["patch-commit"]],Zu.usage=ve.Usage({description:"generate a patch out of a directory",details:"\n      By default, this will print a patchfile on stdout based on the diff between the folder passed in and the original version of the package. Such file is suitable for consumption with the `patch:` protocol.\n\n      With the `-s,--save` option set, the patchfile won't be printed on stdout anymore and will instead be stored within a local file (by default kept within `.yarn/patches`, but configurable via the `patchFolder` setting). A `resolutions` entry will also be added to your top-level manifest, referencing the patched package via the `patch:` protocol.\n\n      Note that only folders generated by `yarn patch` are accepted as valid input for `yarn patch-commit`.\n    "});var $u=class extends De{constructor(){super(...arguments);this.json=z.Boolean("--json",!1,{description:"Format the output as an NDJSON stream"});this.package=z.String()}async execute(){let t=await ye.find(this.context.cwd,this.context.plugins),{project:i,workspace:n}=await je.find(t,this.context.cwd),s=await Rt.find(t);if(!n)throw new ct(i.cwd,this.context.cwd);await i.restoreInstallState();let o=P.parseLocator(this.package);if(o.reference==="unknown"){let a=Ie.mapAndFilter([...i.storedPackages.values()],l=>l.identHash!==o.identHash?Ie.mapAndFilter.skip:P.isVirtualLocator(l)?Ie.mapAndFilter.skip:l);if(a.length===0)throw new be("No package found in the project for the given locator");if(a.length>1)throw new be(`Multiple candidate packages found; explicitly choose one of them (use \`yarn why <package>\` to get more information as to who depends on them):
-${a.map(l=>`
-- ${P.prettyLocator(t,l)}`).join("")}`);o=a[0]}if(!i.storedPackages.has(o.locatorHash))throw new be("No package found in the project for the given locator");await Ge.start({configuration:t,json:this.json,stdout:this.context.stdout},async a=>{let l=await qM(o,{cache:s,project:i});a.reportJson({locator:P.stringifyLocator(o),path:K.fromPortablePath(l)}),a.reportInfo(0,`Package ${P.prettyLocator(t,o)} got extracted with success!`),a.reportInfo(0,`You can now edit the following folder: ${ee.pretty(t,K.fromPortablePath(l),"magenta")}`),a.reportInfo(0,`Once you are done run ${ee.pretty(t,`yarn patch-commit -s ${process.platform==="win32"?'"':""}${K.fromPortablePath(l)}${process.platform==="win32"?'"':""}`,"cyan")} and Yarn will store a patchfile based on your changes.`)})}};$u.paths=[["patch"]],$u.usage=ve.Usage({description:"prepare a package for patching",details:"\n      This command will cause a package to be extracted in a temporary directory intended to be editable at will.\n      \n      Once you're done with your changes, run `yarn patch-commit -s <path>` (with `<path>` being the temporary directory you received) to generate a patchfile and register it into your top-level manifest via the `patch:` protocol. Run `yarn patch-commit -h` for more details.\n    "});var f6e={configuration:{enableInlineHunks:{description:"If true, the installs will print unmatched patch hunks",type:"BOOLEAN",default:!1},patchFolder:{description:"Folder where the patch files must be written",type:"ABSOLUTE_PATH",default:"./.yarn/patches"}},commands:[Zu,$u],fetchers:[vb],resolvers:[xb]},h6e=f6e;var ZM={};ut(ZM,{default:()=>C6e});var Pb=class{supportsPackage(e,t){return this.isEnabled(t)}async findPackageLocation(e,t){if(!this.isEnabled(t))throw new Error("Assertion failed: Expected the pnpm linker to be enabled");let i=XM(),n=t.project.installersCustomData.get(i);if(!n)throw new be(`The project in ${ee.pretty(t.project.configuration,`${t.project.cwd}/package.json`,ee.Type.PATH)} doesn't seem to have been installed - running an install there might help`);let s=n.pathByLocator.get(e.locatorHash);if(typeof s>"u")throw new be(`Couldn't find ${P.prettyLocator(t.project.configuration,e)} in the currently installed pnpm map - running an install might help`);return s}async findPackageLocator(e,t){if(!this.isEnabled(t))return null;let i=XM(),n=t.project.installersCustomData.get(i);if(!n)throw new be(`The project in ${ee.pretty(t.project.configuration,`${t.project.cwd}/package.json`,ee.Type.PATH)} doesn't seem to have been installed - running an install there might help`);let s=e.match(/(^.*\/node_modules\/(@[^/]*\/)?[^/]+)(\/.*$)/);if(s){let l=n.locatorByPath.get(s[1]);if(l)return l}let o=e,a=e;do{a=o,o=x.dirname(a);let l=n.locatorByPath.get(a);if(l)return l}while(o!==a);return null}makeInstaller(e){return new VM(e)}isEnabled(e){return e.project.configuration.get("nodeLinker")==="pnpm"}},VM=class{constructor(e){this.opts=e;this.asyncActions=new Ie.AsyncActions(10);this.customData={pathByLocator:new Map,locatorByPath:new Map}}getCustomDataKey(){return XM()}attachCustomData(e){}async installPackage(e,t,i){switch(e.linkType){case"SOFT":return this.installPackageSoft(e,t,i);case"HARD":return this.installPackageHard(e,t,i)}throw new Error("Assertion failed: Unsupported package link type")}async installPackageSoft(e,t,i){let n=x.resolve(t.packageFs.getRealPath(),t.prefixPath);return this.customData.pathByLocator.set(e.locatorHash,n),{packageLocation:n,buildDirective:null}}async installPackageHard(e,t,i){var u;let n=p6e(e,{project:this.opts.project});this.customData.locatorByPath.set(n,P.stringifyLocator(e)),this.customData.pathByLocator.set(e.locatorHash,n),i.holdFetchResult(this.asyncActions.set(e.locatorHash,async()=>{await M.mkdirPromise(n,{recursive:!0}),await M.copyPromise(n,t.prefixPath,{baseFs:t.packageFs,overwrite:!1})}));let o=P.isVirtualLocator(e)?P.devirtualizeLocator(e):e,a={manifest:(u=await ot.tryFind(t.prefixPath,{baseFs:t.packageFs}))!=null?u:new ot,misc:{hasBindingGyp:uo.hasBindingGyp(t)}},l=this.opts.project.getDependencyMeta(o,e.version),c=uo.extractBuildScripts(e,a,l,{configuration:this.opts.project.configuration,report:this.opts.report});return{packageLocation:n,buildDirective:c}}async attachInternalDependencies(e,t){this.opts.project.configuration.get("nodeLinker")==="pnpm"&&(!due(e,{project:this.opts.project})||this.asyncActions.reduce(e.locatorHash,async i=>{await i;let n=this.customData.pathByLocator.get(e.locatorHash);if(typeof n>"u")throw new Error(`Assertion failed: Expected the package to have been registered (${P.stringifyLocator(e)})`);let s=x.join(n,xt.nodeModules),o=[],a=await Cue(s);for(let[l,c]of t){let u=c;due(c,{project:this.opts.project})||(this.opts.report.reportWarningOnce(0,"The pnpm linker doesn't support providing different versions to workspaces' peer dependencies"),u=P.devirtualizeLocator(c));let g=this.customData.pathByLocator.get(u.locatorHash);if(typeof g>"u")throw new Error(`Assertion failed: Expected the package to have been registered (${P.stringifyLocator(c)})`);let f=P.stringifyIdent(l),h=x.join(s,f),p=x.relative(x.dirname(h),g),C=a.get(f);a.delete(f),o.push(Promise.resolve().then(async()=>{if(C){if(C.isSymbolicLink()&&await M.readlinkPromise(h)===p)return;await M.removePromise(h)}await M.mkdirpPromise(x.dirname(h)),process.platform=="win32"?await M.symlinkPromise(g,h,"junction"):await M.symlinkPromise(p,h)}))}o.push(mue(s,a)),await Promise.all(o)}))}async attachExternalDependents(e,t){throw new Error("External dependencies haven't been implemented for the pnpm linker")}async finalizeInstall(){let e=Iue(this.opts.project);if(this.opts.project.configuration.get("nodeLinker")!=="pnpm")await M.removePromise(e);else{let t=[],i=new Set;for(let s of this.customData.pathByLocator.values()){let o=x.contains(e,s);if(o!==null){let[a,,...l]=o.split(x.sep);i.add(a);let c=x.join(e,a);t.push(M.readdirPromise(c).then(u=>Promise.all(u.map(async g=>{let f=x.join(c,g);if(g===xt.nodeModules){let h=await Cue(f);return h.delete(l.join(x.sep)),mue(f,h)}else return M.removePromise(f)}))).catch(u=>{if(u.code!=="ENOENT")throw u}))}}let n;try{n=await M.readdirPromise(e)}catch{n=[]}for(let s of n)i.has(s)||t.push(M.removePromise(x.join(e,s)));await Promise.all(t)}return await this.asyncActions.wait(),await _M(e),this.opts.project.configuration.get("nodeLinker")!=="node-modules"&&await _M(Eue(this.opts.project)),{customData:this.customData}}};function XM(){return JSON.stringify({name:"PnpmInstaller",version:2})}function Eue(r){return x.join(r.cwd,xt.nodeModules)}function Iue(r){return x.join(Eue(r),".store")}function p6e(r,{project:e}){let t=P.slugifyLocator(r),i=P.getIdentVendorPath(r);return x.join(Iue(e),t,i)}function due(r,{project:e}){return!P.isVirtualLocator(r)||!e.tryWorkspaceByLocator(r)}async function Cue(r){let e=new Map,t=[];try{t=await M.readdirPromise(r,{withFileTypes:!0})}catch(i){if(i.code!=="ENOENT")throw i}try{for(let i of t)if(!i.name.startsWith("."))if(i.name.startsWith("@")){let n=await M.readdirPromise(x.join(r,i.name),{withFileTypes:!0});if(n.length===0)e.set(i.name,i);else for(let s of n)e.set(`${i.name}/${s.name}`,s)}else e.set(i.name,i)}catch(i){if(i.code!=="ENOENT")throw i}return e}async function mue(r,e){var n;let t=[],i=new Set;for(let s of e.keys()){t.push(M.removePromise(x.join(r,s)));let o=(n=P.tryParseIdent(s))==null?void 0:n.scope;o&&i.add(`@${o}`)}return Promise.all(t).then(()=>Promise.all([...i].map(s=>_M(x.join(r,s)))))}async function _M(r){try{await M.rmdirPromise(r)}catch(e){if(e.code!=="ENOENT"&&e.code!=="ENOTEMPTY")throw e}}var d6e={linkers:[Pb]},C6e=d6e;var rQ=()=>({modules:new Map([["@yarnpkg/cli",Qm],["@yarnpkg/core",VC],["@yarnpkg/fslib",Lp],["@yarnpkg/libzip",CC],["@yarnpkg/parsers",Yp],["@yarnpkg/shell",yC],["clipanion",JZ($p)],["semver",m6e],["typanion",gn],["yup",E6e],["@yarnpkg/plugin-essentials",GT],["@yarnpkg/plugin-compat",WT],["@yarnpkg/plugin-dlx",zT],["@yarnpkg/plugin-file",ZT],["@yarnpkg/plugin-git",HT],["@yarnpkg/plugin-github",$T],["@yarnpkg/plugin-http",eO],["@yarnpkg/plugin-init",nO],["@yarnpkg/plugin-link",sO],["@yarnpkg/plugin-nm",MO],["@yarnpkg/plugin-npm",LM],["@yarnpkg/plugin-npm-cli",KM],["@yarnpkg/plugin-pack",DM],["@yarnpkg/plugin-patch",zM],["@yarnpkg/plugin-pnp",vO],["@yarnpkg/plugin-pnpm",ZM]]),plugins:new Set(["@yarnpkg/plugin-essentials","@yarnpkg/plugin-compat","@yarnpkg/plugin-dlx","@yarnpkg/plugin-file","@yarnpkg/plugin-git","@yarnpkg/plugin-github","@yarnpkg/plugin-http","@yarnpkg/plugin-init","@yarnpkg/plugin-link","@yarnpkg/plugin-nm","@yarnpkg/plugin-npm","@yarnpkg/plugin-npm-cli","@yarnpkg/plugin-pack","@yarnpkg/plugin-patch","@yarnpkg/plugin-pnp","@yarnpkg/plugin-pnpm"])});R0({binaryVersion:Lr||"<unknown>",pluginConfiguration:rQ()});})();
-/*!
- * buildToken
- * Builds OAuth token prefix (helper function)
- *
- * @name buildToken
- * @function
- * @param {GitUrl} obj The parsed Git url object.
- * @return {String} token prefix
- */
-/*!
- * fill-range <https://github.com/jonschlinkert/fill-range>
- *
- * Copyright (c) 2014-present, Jon Schlinkert.
- * Licensed under the MIT License.
- */
-/*!
- * is-extglob <https://github.com/jonschlinkert/is-extglob>
- *
- * Copyright (c) 2014-2016, Jon Schlinkert.
- * Licensed under the MIT License.
- */
-/*!
- * is-glob <https://github.com/jonschlinkert/is-glob>
- *
- * Copyright (c) 2014-2017, Jon Schlinkert.
- * Released under the MIT License.
- */
-/*!
- * is-number <https://github.com/jonschlinkert/is-number>
- *
- * Copyright (c) 2014-present, Jon Schlinkert.
- * Released under the MIT License.
- */
-/*!
- * is-windows <https://github.com/jonschlinkert/is-windows>
- *
- * Copyright © 2015-2018, Jon Schlinkert.
- * Released under the MIT License.
- */
-/*!
- * to-regex-range <https://github.com/micromatch/to-regex-range>
- *
- * Copyright (c) 2015-present, Jon Schlinkert.
- * Released under the MIT License.
- */
-/**
-  @license
-  Copyright (c) 2015, Rebecca Turner
-
-  Permission to use, copy, modify, and/or distribute this software for any
-  purpose with or without fee is hereby granted, provided that the above
-  copyright notice and this permission notice appear in all copies.
-
-  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
-  FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-  PERFORMANCE OF THIS SOFTWARE.
- */
-/**
-  @license
-  Copyright Joyent, Inc. and other Node contributors.
-
-  Permission is hereby granted, free of charge, to any person obtaining a
-  copy of this software and associated documentation files (the
-  "Software"), to deal in the Software without restriction, including
-  without limitation the rights to use, copy, modify, merge, publish,
-  distribute, sublicense, and/or sell copies of the Software, and to permit
-  persons to whom the Software is furnished to do so, subject to the
-  following conditions:
-
-  The above copyright notice and this permission notice shall be included
-  in all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
-  OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
-  NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
-  DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
-  OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
-  USE OR OTHER DEALINGS IN THE SOFTWARE.
-*/
-/**
-  @license
-  Copyright Node.js contributors. All rights reserved.
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to
-  deal in the Software without restriction, including without limitation the
-  rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
-  sell copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-  FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
-  IN THE SOFTWARE.
-*/
-/**
-  @license
-  The MIT License (MIT)
-
-  Copyright (c) 2014 Blake Embrey (hello@blakeembrey.com)
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
diff --git a/frontend/.yarnrc.yml b/frontend/.yarnrc.yml
deleted file mode 100644
index fd204f870..000000000
--- a/frontend/.yarnrc.yml
+++ /dev/null
@@ -1,7 +0,0 @@
-nodeLinker: node-modules
-
-plugins:
-  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
-    spec: "@yarnpkg/plugin-interactive-tools"
-
-yarnPath: .yarn/releases/yarn-3.4.1.cjs
diff --git a/frontend/CLAUDE.md b/frontend/CLAUDE.md
index ac540c2f0..485d422a0 100644
--- a/frontend/CLAUDE.md
+++ b/frontend/CLAUDE.md
@@ -1,396 +1,46 @@
-# CLAUDE.md
+# frontend/CLAUDE.md
 
-This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+Guidance for working in the RocketAdmin web app: Vue 3, Vite, Pinia, vue-router 4, TanStack Vue Query, Vitest, Storybook. It is installed with **pnpm**, on its own, not as a member of the root workspace. `README.md` lists the commands and the main mechanisms.
 
-## 🚀 Project Overview
+## Commands
 
-This is the frontend for Auto-Admin, a database administration tool built with Angular 19. The application provides a comprehensive interface for managing database connections, tables, and data with customizable widgets and user permissions.
-
-## 🔧 Development Commands
-
-### Build & Development
-```bash
-yarn start                    # Start development server (ng serve)
-yarn build                    # Production build (ng build)
-yarn build --configuration=development  # Development build
-yarn build --configuration=saas         # SaaS build 
-yarn build --configuration=saas-production  # SaaS production build
-yarn build:stats             # Build with webpack bundle analyzer stats
-yarn analyze                 # Analyze bundle size
-```
-
-### Testing
-```bash
-yarn test                     # Run tests in watch mode (ng test)
-yarn test:ci                  # Run tests once for CI (--watch=false --browsers=ChromeHeadlessCustom)
-yarn test --browsers=ChromeHeadlessCustom --no-watch --no-progress  # Run tests headlessly without watch
-```
-
-### Linting
-```bash
-yarn lint                     # Run TSLint (deprecated - needs ESLint migration)
-ng lint                       # Alternative lint command
-```
-
-### Package Management
 ```bash
-yarn add package-name         # Add dependency
-yarn add -D package-name      # Add dev dependency  
-yarn install                  # Install dependencies
-```
-
-## 🏗 Architecture Overview
-
-### Core Technologies
-- **Angular 20** with standalone components architecture
-- **TypeScript 5.6** targeting ES2022
-- **Angular Signals** for reactive state management
-- **Angular Material 19** for UI components
-- **RxJS 7.4** for reactive programming (HTTP calls, complex streams)
-- **SCSS** with Material Design theming
-- **Jasmine/Karma** for testing
-
-### Key Architecture Patterns
-
-#### Standalone Components
-Uses Angular 19's standalone component architecture without NgModules:
-
-```typescript
-@Component({
-  selector: 'app-example',
-  templateUrl: './example.component.html',
-  styleUrls: ['./example.component.css'],
-  imports: [CommonModule, MatButtonModule, FormsModule], // Direct imports
-})
-export class ExampleComponent implements OnInit {
-  // Component logic
-}
-```
-
-#### Signal-Based State Management (Required for New Code)
-All new code must use Angular signals for state management. Use `rxResource` for data fetching:
-
-```typescript
-@Injectable({ providedIn: 'root' })
-export class DataService {
-  private _http = inject(HttpClient);
-
-  // Reactive parameter for data fetching
-  private _activeId = signal<string | null>(null);
-
-  // Use rxResource for reactive data fetching
-  private _dataResource = rxResource({
-    params: () => this._activeId(),
-    stream: ({ params: id }) => {
-      if (!id) return EMPTY;
-      return this._http.get<Data[]>(`/api/data/${id}`);
-    },
-  });
-
-  // Expose as readonly signals
-  public readonly data = computed(() => this._dataResource.value() ?? []);
-  public readonly loading = computed(() => this._dataResource.isLoading());
-
-  setActiveId(id: string): void {
-    this._activeId.set(id);
-  }
-
-  refresh(): void {
-    this._dataResource.reload();
-  }
-}
-```
-
-**Legacy pattern** (BehaviorSubject - avoid in new code):
-```typescript
-// Old pattern - do not use for new code
-private dataSubject = new BehaviorSubject<any>('');
-public cast = this.dataSubject.asObservable();
-```
-
-#### Multi-Environment Support
-The app supports multiple deployment environments:
-- `environment.ts` - Development
-- `environment.prod.ts` - Production  
-- `environment.saas.ts` - SaaS development
-- `environment.saas-prod.ts` - SaaS production
-
-Each environment uses different file replacements and build configurations.
-
-### Project Structure
-
-```
-src/app/
-├── components/
-│   ├── dashboard/           # Main data interface
-│   ├── ui-components/       # Reusable UI components
-│   ├── login/               # Authentication
-│   ├── registration/        # User registration
-│   ├── connect-db/          # Database connection setup
-│   ├── company/             # Company management
-│   └── skeletons/           # Loading placeholders
-├── services/                # Business logic & API calls
-│   ├── auth.service.ts      # Authentication service
-│   ├── connections.service.ts # Database connections
-│   ├── tables.service.ts    # Table operations
-│   └── user.service.ts      # User management
-├── models/                  # TypeScript interfaces
-├── consts/                  # Constants & configurations
-│   ├── databases.ts         # Supported databases config
-│   └── plans.ts            # Subscription plans
-├── lib/                     # Utility functions
-├── validators/              # Form validation
-└── directives/              # Custom directives
-```
-
-### Database Support
-
-The application supports multiple database types:
-- MySQL
-- PostgreSQL  
-- MongoDB
-- DynamoDB
-- Cassandra
-- OracleDB
-- MSSQL
-
-Database configurations are defined in `src/app/consts/databases.ts`.
-
-### Authentication & User Management
-
-- JWT token-based authentication with expiration handling
-- Google OAuth integration
-- Session restoration on app initialization
-- Automatic logout on token expiration
-
-## 📝 Code Conventions
-
-### Template Syntax
-- **Use built-in control flow** (`@if`, `@for`, `@switch`) instead of structural directives (`*ngIf`, `*ngFor`, `*ngSwitch`) in all new code
-- Example: `@if (condition) { ... }` instead of `<div *ngIf="condition">...</div>`
-- Example: `@for (item of items; track item.id) { ... }` instead of `<div *ngFor="let item of items">...</div>`
-
-### Mat-Dialog Forms
-- **When a `mat-dialog` contains form elements and presumes form submission, `mat-dialog-content` and `mat-dialog-actions` MUST be wrapped in a `<form>` tag with an `(ngSubmit)` handler, and the primary action button inside `mat-dialog-actions` must use `type="submit"`.** This ensures the dialog properly supports keyboard submission (Enter key) and follows accessibility best practices.
-- Example:
-  ```html
-  <form [formGroup]="myForm" (ngSubmit)="handleSubmit()">
-    <mat-dialog-content>
-      <!-- form fields -->
-    </mat-dialog-content>
-    <mat-dialog-actions>
-      <button mat-button type="button" mat-dialog-close>Cancel</button>
-      <button mat-flat-button type="submit" color="primary">Submit</button>
-    </mat-dialog-actions>
-  </form>
-  ```
-
-### Naming Conventions
-- **Files**: `kebab-case.component.ts`
-- **Classes**: `PascalCase` (e.g., `DbTableSettingsComponent`)
-- **Methods**: `camelCase` with verb-noun pattern
-- **Variables**: `camelCase` descriptive names
-- **Constants**: `UPPER_SNAKE_CASE`
-- **Private members**: Prefixed with `_` (e.g., `_privateMethod`)
-- **Selectors**: `app-` prefix with kebab-case
-
-### Import Organization
-```typescript
-// External libraries first
-import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { CommonModule } from '@angular/common';
-
-// Internal imports second  
-import { BaseRowFieldComponent } from '../base-row-field/base-row-field.component';
-import { DataService } from 'src/app/services/data.service';
-```
-
-### Component Structure (Signal-Based)
-```typescript
-@Component({
-  selector: 'app-widget-name',
-  templateUrl: './widget-name.component.html',
-  styleUrls: ['./widget-name.component.css'],
-  imports: [CommonModule, MatModule, ...], // All required imports
-})
-export class WidgetNameComponent implements OnInit {
-  // Dependency injection
-  private _dataService = inject(DataService);
-
-  // Signals for component state (required for new code)
-  protected loading = signal(false);
-  protected items = signal<Item[]>([]);
-  protected searchQuery = signal('');
-
-  // Computed signals for derived state
-  protected filteredItems = computed(() => {
-    const items = this.items();
-    const query = this.searchQuery().toLowerCase();
-    return query ? items.filter(i => i.name.toLowerCase().includes(query)) : items;
-  });
-
-  // Effects for side effects
-  constructor() {
-    effect(() => {
-      const query = this.searchQuery();
-      // React to signal changes
-    });
-  }
-
-  // Lifecycle hooks
-  ngOnInit(): void {
-    // Initialization logic
-  }
-
-  // Public methods
-  handleClick(): void {
-    this.loading.set(true);
-    // Event handling
-  }
-
-  // Private methods at the end
-  private _helperMethod(): void {
-    // Internal logic
-  }
-}
-```
-
-## 🧪 Testing Configuration
-
-### Test Framework
-- **Jasmine** as testing framework
-- **Karma** as test runner
-- **ChromeHeadless** for CI environments
-
-### Test Structure
-```typescript
-// Define testable type for accessing protected signals (avoid `as any`)
-type ComponentNameTestable = ComponentName & {
-  loading: Signal<boolean>;
-  items: WritableSignal<Item[]>;
-  searchQuery: WritableSignal<string>;
-};
-
-describe('ComponentName', () => {
-  let component: ComponentName;
-  let fixture: ComponentFixture<ComponentName>;
-  let mockDataService: Partial<DataService>;
-
-  beforeEach(async () => {
-    // Use Partial<ServiceType> instead of `any` for mocks
-    mockDataService = {
-      data: signal([]).asReadonly(),
-      loading: signal(false).asReadonly(),
-      setActiveId: vi.fn(),
-    };
-
-    await TestBed.configureTestingModule({
-      imports: [ComponentName, MaterialModules, ...],
-      providers: [
-        provideHttpClient(),
-        { provide: DataService, useValue: mockDataService },
-      ]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(ComponentName);
-    component = fixture.componentInstance;
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should access protected signals with proper typing', () => {
-    const testable = component as ComponentNameTestable;
-    testable.searchQuery.set('test');
-    expect(testable.loading()).toBe(false);
-  });
-});
-```
-
-### Karma Configuration
-Custom launcher `ChromeHeadlessCustom` is configured for CI with flags `--no-sandbox --disable-gpu`.
-
-## 🎨 Styling & Theming
-
-### Color Usage Rule
-**Only use colors from the generated palettes defined in `src/main.ts` (`colorConfig`).** Do not hardcode arbitrary color values in components or stylesheets. Instead, reference the palette CSS variables generated by `@brumeilde/ngx-theme` from these palettes:
-- `primaryPalette`, `accentedPalette`, `warnPalette`, `whitePalette`, `warnDarkPalette`
-- `warningPalette`, `infoPalette`, `successPalette`, `alternativePalette`
-- `successDarkPalette`, `alternativeDarkPalette`
-- Simple colors: `myColorName`
-
-### Material Design
-- Uses Material Design 2 (M2) APIs
-- Custom theme with light/dark mode support
-- SCSS preprocessing with Material theme presets
-- Custom theme files: `src/custom-theme.scss`, `src/styles.scss`
-
-### SCSS Structure
-```scss
-// Component-specific styles using BEM methodology
-.component-name {
-  &__element {
-    // Element styles
-  }
-  
-  &--modifier {
-    // State variations
-  }
-}
-```
-
-## 📦 Third-Party Integrations
-
-### Analytics & Monitoring
-- **Angulartics2** with Amplitude integration
-- **@sentry/angular** for error monitoring
-- **Intercom** for customer support
-
-### Payment Processing
-- **@stripe/stripe-js** and **ngx-stripe** for payment processing
-
-### Additional Libraries
-- **@ngstack/code-editor** for code editing capabilities
-- **ngx-markdown** for markdown rendering
-- **libphonenumber-js** for phone number handling
-- **date-fns** for date manipulation
-- **lodash** for utility functions
-
-## 🔧 Build Configuration
-
-### Angular Build Targets
-- **Default**: Development configuration
-- **Production**: Optimized build with source maps
-- **Development**: Explicit development configuration
-- **SaaS/SaaS-Production**: Specialized SaaS builds with different index files
-
-### Bundle Size Limits
-- Initial bundle: Warning at 2MB, error at 5MB
-- Component styles: Warning at 6KB, error at 10KB
-
-## 🚨 Important Notes
-
-### Signals Requirement
-**All new code must use Angular signals** for state management:
-- Use `signal()` for component state instead of plain properties
-- Use `computed()` for derived state
-- Use `effect()` for side effects
-- Use `rxResource()` in services for data fetching
-- Avoid BehaviorSubject in new code
-- Never use `as any` in tests - use `Partial<ServiceType>` and testable type aliases
-
-### Migration Recommendations
-- **TSLint → ESLint**: Current linting uses deprecated TSLint
-- **Material Design 3**: Consider upgrading from M2 to M3 APIs  
-
-### Performance Considerations
-- Tree-shaking enabled in production builds
-- Lazy loading for route-based features
-- Memory leak prevention with proper subscription management using `takeUntil` pattern
-
-### Security
-- Token-based authentication with automatic expiration
-- XSS protection through Angular's built-in sanitization
-- Sentry integration for error monitoring and security alerts
\ No newline at end of file
+pnpm install
+pnpm dev              # mode `development`, proxies /api to app.rocketadmin.com
+pnpm dev:saas         # mode `saas`
+pnpm build            # self-hosted (`production`)
+pnpm build:saas       # SaaS (`saas-production`, index.saas.html)
+pnpm lint             # biome + eslint-plugin-vue
+pnpm typecheck        # vue-tsc
+pnpm test:ci          # vitest run
+pnpm test:e2e         # Playwright against a production build and a mocked API
+pnpm storybook        # :6006
+```
+
+Before you finish a change, run `pnpm lint`, `pnpm typecheck` and `pnpm test:ci`.
+
+## Layout
+
+- `src/views/<area>/` holds the routed pages (`*View.vue`). `src/components/<area>/` holds their parts.
+- `src/components/ui/` holds the design-system primitives (`Ui*`). Read `src/components/ui/CONVENTIONS.md` before you add or change one.
+- `src/components/fields/` holds the field widgets (record-edit, record-view, table-display, filter). `src/consts/*-types.ts` map each DB type to a widget with `defineAsyncComponent`.
+- `src/stores/` holds the Pinia stores. `src/composables/` holds the `use*` composables.
+- `src/api/client.ts` is the only HTTP entry point: base URL, credentials, the GCLID/masterpwd headers, 401 handling, error notifications and NDJSON streams.
+- `src/models/`, `src/lib/` and `src/validators/` hold framework-free TypeScript. Validators are pure functions.
+- `src/router/routes.ts` keeps the paths of the old Angular app. Guards come from route `meta`. `routes.spec.ts` checks the routes against an Angular snapshot.
+- `public/assets/` holds static images and icons, served at `/assets`. `nginx/default.conf` is the production nginx config, which the root `Dockerfile` copies into the image.
+
+## Conventions
+
+- **Components:** `<script setup lang="ts">` with the Composition API. Use `withDefaults(defineProps<…>(), …)` and typed `defineEmits`.
+- **State:** Pinia **setup stores** (`defineStore('x', () => { … })`) built from `ref` and `computed`. Server data that is fetched and cached goes through TanStack Vue Query (`src/api/query-options.ts`).
+- **Reuse logic through composables**, not mixins or base classes. Keep heavy page logic in a composable with its own spec (see `useRowEdit`, `useTableData`).
+- **Dialogs and snackbars:** `useDialog().open(Component, { data }).afterClosed()` and `useNotify()`. Dialogs with inputs use `AppDialogForm`.
+- **Styling:** scoped plain CSS with BEM class names. Colours come only from the semantic `--color-*` variables in `src/assets/theme.css`, never `--palette-*` or hex. Spacing, size and radius use the token scale. `src/__tests__/design-tokens.spec.ts` fails on hex colours and raw `font-size`/`gap`/`padding` values. The dark theme swaps the same semantic variables, so components need no dark-specific CSS.
+- **Table links** go through `tablePagePath()` (`src/lib/table-url.ts`), which encodes table names the way the old Angular router did.
+- **Tests:** Vitest with `@vue/test-utils`, in a `*.spec.ts` file next to the code. Test behaviour: stores, the API client, guards, validators and widgets. Mock stores as typed `Partial<…>` objects, never with `as any`. Write Storybook stories (`*.stories.ts`) for UI primitives and widgets.
+- **Analytics and monitoring:** `src/lib/monitoring.ts` sets up Sentry (SaaS builds only), PostHog (SaaS production only) and Amplitude. Report events through `useAnalytics()` or the area's `analytics.ts`.
+
+## Build and deploy
+
+The root `Dockerfile` builds this app (`pnpm build` or `pnpm build:saas` when `SAAS` is set) and copies `dist/` to `/var/www/html`. Vite writes its hashed bundles to the `dist/` root (`build.assetsDir: ''`), the only place where nginx's immutable-cache rule applies. If you add a new kind of hashed output file, add its extension to that rule in `nginx/default.conf`.
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
deleted file mode 100644
index 61444c381..000000000
--- a/frontend/Dockerfile
+++ /dev/null
@@ -1,21 +0,0 @@
-FROM public.ecr.aws/docker/library/node:18-alpine as builder
-ARG VERSION
-WORKDIR /app
-COPY package.json yarn.lock ./
-RUN yarn global add @angular/cli && yarn install
-COPY angular.json browserslist tsconfig.app.json tsconfig.json tslint.json ./
-COPY scripts ./scripts/
-COPY src ./src/
-
-# Update version if VERSION build arg is provided
-RUN if [ -n "$VERSION" ]; then \
-    echo "Updating package.json version to $VERSION" && \
-    npm version $VERSION --no-git-tag-version && \
-    yarn update-version; \
-  fi
-
-RUN ng build --configuration=production
-
-FROM public.ecr.aws/docker/library/nginx:alpine
-COPY --from=builder /app/dist/rocketadmin/ /usr/share/nginx/html/
-COPY nginx/default.conf.template /etc/nginx/templates/
diff --git a/frontend/LICENSE b/frontend/LICENSE
deleted file mode 100644
index 47f6c47cc..000000000
--- a/frontend/LICENSE
+++ /dev/null
@@ -1,166 +0,0 @@
-Server Side Public License
-
-VERSION 1, OCTOBER 16, 2018
-
-Copyright © 2018 MongoDB, Inc.
-
-Everyone is permitted to copy and distribute verbatim copies of this license document, but changing it is not allowed.
-
-TERMS AND CONDITIONS
-
-0. Definitions.
-"This License" refers to Server Side Public License.
-
-"Copyright" also means copyright-like laws that apply to other kinds of works, such as semiconductor masks.
-
-"The Program" refers to any copyrightable work licensed under this License. Each licensee is addressed as "you". "Licensees" and "recipients" may be individuals or organizations.
-
-To "modify" a work means to copy from or adapt all or part of the work in a fashion requiring copyright permission, other than the making of an exact copy. The resulting work is called a "modified version" of the earlier work or a work "based on" the earlier work.
-
-A "covered work" means either the unmodified Program or a work based on the Program.
-
-To "propagate" a work means to do anything with it that, without permission, would make you directly or secondarily liable for infringement under applicable copyright law, except executing it on a computer or modifying a private copy. Propagation includes copying, distribution (with or without modification), making available to the public, and in some countries other activities as well.
-
-To "convey" a work means any kind of propagation that enables other parties to make or receive copies. Mere interaction with a user through a computer network, with no transfer of a copy, is not conveying.
-
-An interactive user interface displays "Appropriate Legal Notices" to the extent that it includes a convenient and prominently visible feature that (1) displays an appropriate copyright notice, and (2) tells the user that there is no warranty for the work (except to the extent that warranties are provided), that licensees may convey the work under this License, and how to view a copy of this License. If the interface presents a list of user commands or options, such as a menu, a prominent item in the list meets this criterion.
-
-1. Source Code.
-The "source code" for a work means the preferred form of the work for making modifications to it. "Object code" means any non-source form of a work.
-
-A "Standard Interface" means an interface that either is an official standard defined by a recognized standards body, or, in the case of interfaces specified for a particular programming language, one that is widely used among developers working in that language.
-
-The "System Libraries" of an executable work include anything, other than the work as a whole, that (a) is included in the normal form of packaging a Major Component, but which is not part of that Major Component, and (b) serves only to enable use of the work with that Major Component, or to implement a Standard Interface for which an implementation is available to the public in source code form. A "Major Component", in this context, means a major essential component (kernel, window system, and so on) of the specific operating system (if any) on which the executable work runs, or a compiler used to produce the work, or an object code interpreter used to run it.
-
-The "Corresponding Source" for a work in object code form means all the source code needed to generate, install, and (for an executable work) run the object code and to modify the work, including scripts to control those activities. However, it does not include the work's System Libraries, or general-purpose tools or generally available free programs which are used unmodified in performing those activities but which are not part of the work. For example, Corresponding Source includes interface definition files associated with source files for the work, and the source code for shared libraries and dynamically linked subprograms that the work is specifically designed to require, such as by intimate data communication or control flow between those subprograms and other parts of the work.
-
-The Corresponding Source need not include anything that users can regenerate automatically from other parts of the Corresponding Source.
-
-The Corresponding Source for a work in source code form is that same work.
-
-2. Basic Permissions.
-All rights granted under this License are granted for the term of copyright on the Program, and are irrevocable provided the stated conditions are met. This License explicitly affirms your unlimited permission to run the unmodified Program, subject to section 13. The output from running a covered work is covered by this License only if the output, given its content, constitutes a covered work. This License acknowledges your rights of fair use or other equivalent, as provided by copyright law.
-
-Subject to section 13, you may make, run and propagate covered works that you do not convey, without conditions so long as your license otherwise remains in force. You may convey covered works to others for the sole purpose of having them make modifications exclusively for you, or provide you with facilities for running those works, provided that you comply with the terms of this License in conveying all material for which you do not control copyright. Those thus making or running the covered works for you must do so exclusively on your behalf, under your direction and control, on terms that prohibit them from making any copies of your copyrighted material outside their relationship with you.
-
-Conveying under any other circumstances is permitted solely under the conditions stated below. Sublicensing is not allowed; section 10 makes it unnecessary.
-
-3. Protecting Users' Legal Rights From Anti-Circumvention Law.
-No covered work shall be deemed part of an effective technological measure under any applicable law fulfilling obligations under article 11 of the WIPO copyright treaty adopted on 20 December 1996, or similar laws prohibiting or restricting circumvention of such measures.
-
-When you convey a covered work, you waive any legal power to forbid circumvention of technological measures to the extent such circumvention is effected by exercising rights under this License with respect to the covered work, and you disclaim any intention to limit operation or modification of the work as a means of enforcing, against the work's users, your or third parties' legal rights to forbid circumvention of technological measures.
-
-4. Conveying Verbatim Copies.
-You may convey verbatim copies of the Program's source code as you receive it, in any medium, provided that you conspicuously and appropriately publish on each copy an appropriate copyright notice; keep intact all notices stating that this License and any non-permissive terms added in accord with section 7 apply to the code; keep intact all notices of the absence of any warranty; and give all recipients a copy of this License along with the Program.
-
-You may charge any price or no price for each copy that you convey, and you may offer support or warranty protection for a fee.
-
-5. Conveying Modified Source Versions.
-You may convey a work based on the Program, or the modifications to produce it from the Program, in the form of source code under the terms of section 4, provided that you also meet all of these conditions:
-
-a) The work must carry prominent notices stating that you modified it, and giving a relevant date.
-b) The work must carry prominent notices stating that it is released under this License and any conditions added under section 7. This requirement modifies the requirement in section 4 to "keep intact all notices".
-c)You must license the entire work, as a whole, under this License to anyone who comes into possession of a copy. This License will therefore apply, along with any applicable section 7 additional terms, to the whole of the work, and all its parts, regardless of how they are packaged. This License gives no permission to license the work in any other way, but it does not invalidate such permission if you have separately received it.
-d)If the work has interactive user interfaces, each must display Appropriate Legal Notices; however, if the Program has interactive interfaces that do not display Appropriate Legal Notices, your work need not make them do so.
-A compilation of a covered work with other separate and independent works, which are not by their nature extensions of the covered work, and which are not combined with it such as to form a larger program, in or on a volume of a storage or distribution medium, is called an "aggregate" if the compilation and its resulting copyright are not used to limit the access or legal rights of the compilation's users beyond what the individual works permit. Inclusion of a covered work in an aggregate does not cause this License to apply to the other parts of the aggregate.
-
-6. Conveying Non-Source Forms.
-You may convey a covered work in object code form under the terms of sections 4 and 5, provided that you also convey the machine-readable Corresponding Source under the terms of this License, in one of these ways:
-
-a) Convey the object code in, or embodied in, a physical product (including a physical distribution medium), accompanied by the Corresponding Source fixed on a durable physical medium customarily used for software interchange.
-b) Convey the object code in, or embodied in, a physical product (including a physical distribution medium), accompanied by a written offer, valid for at least three years and valid for as long as you offer spare parts or customer support for that product model, to give anyone who possesses the object code either (1) a copy of the Corresponding Source for all the software in the product that is covered by this License, on a durable physical medium customarily used for software interchange, for a price no more than your reasonable cost of physically performing this conveying of source, or (2) access to copy the Corresponding Source from a network server at no charge.
-c) Convey individual copies of the object code with a copy of the written offer to provide the Corresponding Source. This alternative is allowed only occasionally and noncommercially, and only if you received the object code with such an offer, in accord with subsection 6b.
-d) Convey the object code by offering access from a designated place (gratis or for a charge), and offer equivalent access to the Corresponding Source in the same way through the same place at no further charge. You need not require recipients to copy the Corresponding Source along with the object code. If the place to copy the object code is a network server, the Corresponding Source may be on a different server (operated by you or a third party) that supports equivalent copying facilities, provided you maintain clear directions next to the object code saying where to find the Corresponding Source. Regardless of what server hosts the Corresponding Source, you remain obligated to ensure that it is available for as long as needed to satisfy these requirements.
-e) Convey the object code using peer-to-peer transmission, provided you inform other peers where the object code and Corresponding Source of the work are being offered to the general public at no charge under subsection 6d.
-A separable portion of the object code, whose source code is excluded from the Corresponding Source as a System Library, need not be included in conveying the object code work.
-
-A "User Product" is either (1) a "consumer product", which means any tangible personal property which is normally used for personal, family, or household purposes, or (2) anything designed or sold for incorporation into a dwelling. In determining whether a product is a consumer product, doubtful cases shall be resolved in favor of coverage. For a particular product received by a particular user, "normally used" refers to a typical or common use of that class of product, regardless of the status of the particular user or of the way in which the particular user actually uses, or expects or is expected to use, the product. A product is a consumer product regardless of whether the product has substantial commercial, industrial or non-consumer uses, unless such uses represent the only significant mode of use of the product.
-
-"Installation Information" for a User Product means any methods, procedures, authorization keys, or other information required to install and execute modified versions of a covered work in that User Product from a modified version of its Corresponding Source. The information must suffice to ensure that the continued functioning of the modified object code is in no case prevented or interfered with solely because modification has been made.
-
-If you convey an object code work under this section in, or with, or specifically for use in, a User Product, and the conveying occurs as part of a transaction in which the right of possession and use of the User Product is transferred to the recipient in perpetuity or for a fixed term (regardless of how the transaction is characterized), the Corresponding Source conveyed under this section must be accompanied by the Installation Information. But this requirement does not apply if neither you nor any third party retains the ability to install modified object code on the User Product (for example, the work has been installed in ROM).
-
-The requirement to provide Installation Information does not include a requirement to continue to provide support service, warranty, or updates for a work that has been modified or installed by the recipient, or for the User Product in which it has been modified or installed. Access to a network may be denied when the modification itself materially and adversely affects the operation of the network or violates the rules and protocols for communication across the network.
-
-Corresponding Source conveyed, and Installation Information provided, in accord with this section must be in a format that is publicly documented (and with an implementation available to the public in source code form), and must require no special password or key for unpacking, reading or copying.
-
-7. Additional Terms.
-"Additional permissions" are terms that supplement the terms of this License by making exceptions from one or more of its conditions. Additional permissions that are applicable to the entire Program shall be treated as though they were included in this License, to the extent that they are valid under applicable law. If additional permissions apply only to part of the Program, that part may be used separately under those permissions, but the entire Program remains governed by this License without regard to the additional permissions.
-
-When you convey a copy of a covered work, you may at your option remove any additional permissions from that copy, or from any part of it. (Additional permissions may be written to require their own removal in certain cases when you modify the work.) You may place additional permissions on material, added by you to a covered work, for which you have or can give appropriate copyright permission.
-
-Notwithstanding any other provision of this License, for material you add to a covered work, you may (if authorized by the copyright holders of that material) supplement the terms of this License with terms:
-
-a)Disclaiming warranty or limiting liability differently from the terms of sections 15 and 16 of this License; or
-b) Requiring preservation of specified reasonable legal notices or author attributions in that material or in the Appropriate Legal Notices displayed by works containing it; or
-c) Prohibiting misrepresentation of the origin of that material, or requiring that modified versions of such material be marked in reasonable ways as different from the original version; or
-d) Limiting the use for publicity purposes of names of licensors or authors of the material; or
-e) Declining to grant rights under trademark law for use of some trade names, trademarks, or service marks; or
-f) Requiring indemnification of licensors and authors of that material by anyone who conveys the material (or modified versions of it) with contractual assumptions of liability to the recipient, for any liability that these contractual assumptions directly impose on those licensors and authors.
-All other non-permissive additional terms are considered "further restrictions" within the meaning of section 10. If the Program as you received it, or any part of it, contains a notice stating that it is governed by this License along with a term that is a further restriction, you may remove that term. If a license document contains a further restriction but permits relicensing or conveying under this License, you may add to a covered work material governed by the terms of that license document, provided that the further restriction does not survive such relicensing or conveying.
-
-If you add terms to a covered work in accord with this section, you must place, in the relevant source files, a statement of the additional terms that apply to those files, or a notice indicating where to find the applicable terms.
-
-Additional terms, permissive or non-permissive, may be stated in the form of a separately written license, or stated as exceptions; the above requirements apply either way.
-
-8.Termination.
-You may not propagate or modify a covered work except as expressly provided under this License. Any attempt otherwise to propagate or modify it is void, and will automatically terminate your rights under this License (including any patent licenses granted under the third paragraph of section 11).
-
-However, if you cease all violation of this License, then your license from a particular copyright holder is reinstated (a) provisionally, unless and until the copyright holder explicitly and finally terminates your license, and (b) permanently, if the copyright holder fails to notify you of the violation by some reasonable means prior to 60 days after the cessation.
-
-Moreover, your license from a particular copyright holder is reinstated permanently if the copyright holder notifies you of the violation by some reasonable means, this is the first time you have received notice of violation of this License (for any work) from that copyright holder, and you cure the violation prior to 30 days after your receipt of the notice.
-
-Termination of your rights under this section does not terminate the licenses of parties who have received copies or rights from you under this License. If your rights have been terminated and not permanently reinstated, you do not qualify to receive new licenses for the same material under section 10.
-
-9. Acceptance Not Required for Having Copies.
-You are not required to accept this License in order to receive or run a copy of the Program. Ancillary propagation of a covered work occurring solely as a consequence of using peer-to-peer transmission to receive a copy likewise does not require acceptance. However, nothing other than this License grants you permission to propagate or modify any covered work. These actions infringe copyright if you do not accept this License. Therefore, by modifying or propagating a covered work, you indicate your acceptance of this License to do so.
-
-10. Automatic Licensing of Downstream Recipients.
-Each time you convey a covered work, the recipient automatically receives a license from the original licensors, to run, modify and propagate that work, subject to this License. You are not responsible for enforcing compliance by third parties with this License.
-
-An "entity transaction" is a transaction transferring control of an organization, or substantially all assets of one, or subdividing an organization, or merging organizations. If propagation of a covered work results from an entity transaction, each party to that transaction who receives a copy of the work also receives whatever licenses to the work the party's predecessor in interest had or could give under the previous paragraph, plus a right to possession of the Corresponding Source of the work from the predecessor in interest, if the predecessor has it or can get it with reasonable efforts.
-
-You may not impose any further restrictions on the exercise of the rights granted or affirmed under this License. For example, you may not impose a license fee, royalty, or other charge for exercise of rights granted under this License, and you may not initiate litigation (including a cross-claim or counterclaim in a lawsuit) alleging that any patent claim is infringed by making, using, selling, offering for sale, or importing the Program or any portion of it.
-
-11. Patents.
-A "contributor" is a copyright holder who authorizes use under this License of the Program or a work on which the Program is based. The work thus licensed is called the contributor's "contributor version".
-
-A contributor's "essential patent claims" are all patent claims owned or controlled by the contributor, whether already acquired or hereafter acquired, that would be infringed by some manner, permitted by this License, of making, using, or selling its contributor version, but do not include claims that would be infringed only as a consequence of further modification of the contributor version. For purposes of this definition, "control" includes the right to grant patent sublicenses in a manner consistent with the requirements of this License.
-
-Each contributor grants you a non-exclusive, worldwide, royalty-free patent license under the contributor's essential patent claims, to make, use, sell, offer for sale, import and otherwise run, modify and propagate the contents of its contributor version.
-
-In the following three paragraphs, a "patent license" is any express agreement or commitment, however denominated, not to enforce a patent (such as an express permission to practice a patent or covenant not to sue for patent infringement). To "grant" such a patent license to a party means to make such an agreement or commitment not to enforce a patent against the party.
-
-If you convey a covered work, knowingly relying on a patent license, and the Corresponding Source of the work is not available for anyone to copy, free of charge and under the terms of this License, through a publicly available network server or other readily accessible means, then you must either (1) cause the Corresponding Source to be so available, or (2) arrange to deprive yourself of the benefit of the patent license for this particular work, or (3) arrange, in a manner consistent with the requirements of this License, to extend the patent license to downstream recipients. "Knowingly relying" means you have actual knowledge that, but for the patent license, your conveying the covered work in a country, or your recipient's use of the covered work in a country, would infringe one or more identifiable patents in that country that you have reason to believe are valid.
-
-If, pursuant to or in connection with a single transaction or arrangement, you convey, or propagate by procuring conveyance of, a covered work, and grant a patent license to some of the parties receiving the covered work authorizing them to use, propagate, modify or convey a specific copy of the covered work, then the patent license you grant is automatically extended to all recipients of the covered work and works based on it.
-
-A patent license is "discriminatory" if it does not include within the scope of its coverage, prohibits the exercise of, or is conditioned on the non-exercise of one or more of the rights that are specifically granted under this License. You may not convey a covered work if you are a party to an arrangement with a third party that is in the business of distributing software, under which you make payment to the third party based on the extent of your activity of conveying the work, and under which the third party grants, to any of the parties who would receive the covered work from you, a discriminatory patent license (a) in connection with copies of the covered work conveyed by you (or copies made from those copies), or (b) primarily for and in connection with specific products or compilations that contain the covered work, unless you entered into that arrangement, or that patent license was granted, prior to 28 March 2007.
-
-Nothing in this License shall be construed as excluding or limiting any implied license or other defenses to infringement that may otherwise be available to you under applicable patent law.
-
-12. No Surrender of Others' Freedom.
-If conditions are imposed on you (whether by court order, agreement or otherwise) that contradict the conditions of this License, they do not excuse you from the conditions of this License. If you cannot use, propagate or convey a covered work so as to satisfy simultaneously your obligations under this License and any other pertinent obligations, then as a consequence you may not use, propagate or convey it at all. For example, if you agree to terms that obligate you to collect a royalty for further conveying from those to whom you convey the Program, the only way you could satisfy both those terms and this License would be to refrain entirely from conveying the Program.
-
-13. Offering the Program as a Service.
-If you make the functionality of the Program or a modified version available to third parties as a service, you must make the Service Source Code available via network download to everyone at no charge, under the terms of this License. Making the functionality of the Program or modified version available to third parties as a service includes, without limitation, enabling third parties to interact with the functionality of the Program or modified version remotely through a computer network, offering a service the value of which entirely or primarily derives from the value of the Program or modified version, or offering a service that accomplishes for users the primary purpose of the Program or modified version.
-
-"Service Source Code" means the Corresponding Source for the Program or the modified version, and the Corresponding Source for all programs that you use to make the Program or modified version available as a service, including, without limitation, management software, user interfaces, application program interfaces, automation software, monitoring software, backup software, storage software and hosting software, all such that a user could run an instance of the service using the Service Source Code you make available.
-
-14. Revised Versions of this License.
-MongoDB, Inc. may publish revised and/or new versions of the Server Side Public License from time to time. Such new versions will be similar in spirit to the present version, but may differ in detail to address new problems or concerns.
-
-Each version is given a distinguishing version number. If the Program specifies that a certain numbered version of the Server Side Public License "or any later version" applies to it, you have the option of following the terms and conditions either of that numbered version or of any later version published by MongoDB, Inc. If the Program does not specify a version number of the Server Side Public License, you may choose any version ever published by MongoDB, Inc.
-
-If the Program specifies that a proxy can decide which future versions of the Server Side Public License can be used, that proxy's public statement of acceptance of a version permanently authorizes you to choose that version for the Program.
-
-Later license versions may give you additional or different permissions. However, no additional obligations are imposed on any author or copyright holder as a result of your choosing to follow a later version.
-
-15. Disclaimer of Warranty.
-THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
-
-16. Limitation of Liability.
-IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
-
-17. Interpretation of Sections 15 and 16.
-If the disclaimer of warranty and limitation of liability provided above cannot be given local legal effect according to their terms, reviewing courts shall apply local law that most closely approximates an absolute waiver of all civil liability in connection with the Program, unless a warranty or assumption of liability accompanies a copy of the Program in return for a fee.
diff --git a/frontend-vue/README.md b/frontend/README.md
similarity index 72%
rename from frontend-vue/README.md
rename to frontend/README.md
index 5ee3dd6e8..0a5c76591 100644
--- a/frontend-vue/README.md
+++ b/frontend/README.md
@@ -1,6 +1,6 @@
-# frontend-vue
+# frontend
 
-Vue 3 rewrite of the RocketAdmin frontend (see `../VUE_MIGRATION_PLAN.md`). The Angular app in `../frontend` stays in production until this one reaches parity.
+The RocketAdmin web app, in Vue 3. It replaced the Angular app (see `../VUE_MIGRATION_PLAN.md`); `../Dockerfile` builds it and serves it with `nginx/default.conf`.
 
 Stack: Vite, Vue 3 (`<script setup lang="ts">`), Pinia, vue-router 4, TanStack Vue Query, Vitest, Storybook. UI: the design system copied from SiteNova (`src/assets/theme.css`, `src/components/ui/`), no component library.
 
@@ -17,13 +17,13 @@ pnpm test:e2e       # Playwright, against a production build and a mocked API
 pnpm storybook      # design system docs and component stories on :6006
 ```
 
-- **Modes / environments:** `.env.<mode>` files mirror `frontend/src/environments/*.ts`; `src/environment.ts` exposes them with the same shape.
+- **Modes / environments:** `.env.<mode>` files (`development`, `production`, `saas`, `saas-production`); `src/environment.ts` exposes them with the shape of the old Angular `environment*.ts`.
 - **Runtime config:** `public/config.json` is fetched before the app mounts (`src/config.ts`).
 - **Version:** `scripts/update-version.js` writes `package.json`'s version to `src/version.ts`.
-- **Assets:** served from `../frontend/src/assets` at `/assets` until the cutover, when they move here.
+- **Assets:** static images and icons live in `public/assets/` and are served at `/assets`. Vite writes its hashed bundles to the `dist/` root (`build.assetsDir: ''`), the only place where nginx's immutable-cache rule applies.
 - **Monaco / Cedar:** `src/lib/monaco.ts` and `src/lib/cedar-wasm.ts` load them lazily; Vite bundles the Monaco workers and the Cedar wasm.
 - **Design system:** copied from SiteNova (`sitenova/frontend`). Tokens in `src/assets/theme.css` (the `--palette-*` layer must stay in sync with SiteNova), primitives in `src/components/ui/` — read `src/components/ui/CONVENTIONS.md` before adding one. `src/__tests__/design-tokens.spec.ts` fails on hex colours and raw `font-size`/`gap`/`padding` values; `src/components/ui/__tests__/a11y.spec.ts` runs axe-core over every primitive.
 - **HTTP:** every request goes through `src/api/client.ts` (base URL, credentials, GCLID/masterpwd headers, 401 handling, error notifications, NDJSON streams). A failed request is shown to the user and then thrown as a `notified` `ApiError`, which `main.ts` keeps out of the console.
 - **Dialogs and snackbars:** `useDialog().open(Component, { data }).afterClosed()` and `useNotify()`; dialogs with inputs use `AppDialogForm`.
 - **End-to-end tests:** `e2e/*.e2e.ts` drive the self-hosted production build in Chromium. No backend is needed: `e2e/support/mock-backend.ts` answers every `/api` request from in-memory state seeded by `e2e/support/fixtures.ts`, so created and deleted records show up as they would against the real API. A test fails on any request the mock doesn't know and on any uncaught page error. Use `backend.override()` to make one endpoint fail and `backend.callsTo()` to check what was sent. First run: `pnpm exec playwright install chromium`.
-- **Routes:** `src/router/routes.ts` has every Angular route with the same paths; guards come from route `meta` (`requiresAuth`, `guestOnly`, `configuration`, `setup`). Every route maps to its page in the `views` table there (`page()` throws if a route has none).
+- **Routes:** `src/router/routes.ts` keeps every path of the old Angular app, so bookmarks and emailed links keep working (`src/router/routes.spec.ts` holds the Angular snapshot); guards come from route `meta` (`requiresAuth`, `guestOnly`, `configuration`, `setup`). Every route maps to its page in the `views` table there (`page()` throws if a route has none).
diff --git a/frontend/angular.json b/frontend/angular.json
deleted file mode 100644
index 409eeea7a..000000000
--- a/frontend/angular.json
+++ /dev/null
@@ -1,258 +0,0 @@
-{
-	"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-	"version": 1,
-	"newProjectRoot": "projects",
-	"projects": {
-		"rocketadmin": {
-			"projectType": "application",
-			"schematics": {},
-			"root": "",
-			"sourceRoot": "src",
-			"prefix": "app",
-			"architect": {
-				"build": {
-					"builder": "@angular/build:application",
-					"options": {
-						"outputPath": {
-							"base": "dist/rocketadmin"
-						},
-						"index": "src/index.html",
-						"polyfills": ["src/polyfills.ts"],
-						"tsConfig": "tsconfig.app.json",
-						"assets": [
-							"src/favicon.ico",
-							"src/assets",
-							"src/config.json",
-							{
-								"glob": "**/*",
-								"input": "./node_modules/monaco-editor/min",
-								"output": "./assets/monaco"
-							},
-							{
-								"glob": "cedar_wasm_bg.wasm",
-								"input": "./node_modules/@cedar-policy/cedar-wasm/web",
-								"output": "./assets/cedar-wasm"
-							}
-						],
-						"styles": [
-							"node_modules/@fontsource/noto-sans/300.css",
-							"node_modules/@fontsource/noto-sans/400.css",
-							"node_modules/@fontsource/noto-sans/500.css",
-							"node_modules/@fontsource/ibm-plex-mono/400.css",
-							"node_modules/@fontsource/ibm-plex-mono/500.css",
-							"node_modules/@material-symbols/font-400/outlined.css",
-							"src/custom-theme.scss",
-							"src/styles.scss"
-						],
-						"stylePreprocessorOptions": {
-							"includePaths": ["node_modules/@brumeilde/ngx-theme/presets/material"]
-						},
-						"scripts": ["node_modules/mermaid/dist/mermaid.min.js"],
-						"extractLicenses": false,
-						"sourceMap": true,
-						"optimization": false,
-						"namedChunks": true,
-						"browser": "src/main.ts"
-					},
-					"configurations": {
-						"production": {
-							"fileReplacements": [
-								{
-									"replace": "src/environments/environment.ts",
-									"with": "src/environments/environment.prod.ts"
-								}
-							],
-							"optimization": true,
-							"outputHashing": "all",
-							"sourceMap": true,
-							"namedChunks": false,
-							"extractLicenses": true,
-							"budgets": [
-								{
-									"type": "initial",
-									"maximumWarning": "2mb",
-									"maximumError": "5mb"
-								},
-								{
-									"type": "anyComponentStyle",
-									"maximumWarning": "20kb",
-									"maximumError": "32kb"
-								}
-							]
-						},
-						"development": {
-							"fileReplacements": [
-								{
-									"replace": "src/environments/environment.ts",
-									"with": "src/environments/environment.dev.ts"
-								}
-							],
-							"optimization": false,
-							"outputHashing": "all",
-							"sourceMap": true,
-							"namedChunks": false,
-							"extractLicenses": true
-						},
-						"saas": {
-							"index": {
-								"input": "src/index.saas.html",
-								"output": "index.html"
-							},
-							"fileReplacements": [
-								{
-									"replace": "src/environments/environment.ts",
-									"with": "src/environments/environment.saas.ts"
-								}
-							]
-						},
-						"saas-production": {
-							"index": {
-								"input": "src/index.saas.html",
-								"output": "index.html"
-							},
-							"fileReplacements": [
-								{
-									"replace": "src/environments/environment.ts",
-									"with": "src/environments/environment.saas-prod.ts"
-								}
-							],
-							"optimization": true,
-							"outputHashing": "all",
-							"sourceMap": true,
-							"namedChunks": false,
-							"extractLicenses": true,
-							"budgets": [
-								{
-									"type": "initial",
-									"maximumWarning": "2mb",
-									"maximumError": "5mb"
-								},
-								{
-									"type": "anyComponentStyle",
-									"maximumWarning": "20kb",
-									"maximumError": "32kb"
-								}
-							]
-						}
-					},
-					"defaultConfiguration": ""
-				},
-				"serve": {
-					"builder": "@angular-devkit/build-angular:dev-server",
-					"options": {
-						"buildTarget": "rocketadmin:build",
-						"host": "127.0.0.1",
-						"proxyConfig": "src/proxy.conf.json"
-					},
-					"configurations": {
-						"production": {
-							"buildTarget": "rocketadmin:build:production"
-						},
-						"saas": {
-							"buildTarget": "rocketadmin:build:saas"
-						},
-						"development": {
-							"buildTarget": "rocketadmin:build:development"
-						}
-					}
-				},
-				"extract-i18n": {
-					"builder": "@angular-devkit/build-angular:extract-i18n",
-					"options": {
-						"buildTarget": "rocketadmin:build"
-					}
-				},
-				"test": {
-					"builder": "@angular/build:unit-test",
-					"options": {
-						"buildTarget": "rocketadmin:build",
-						"runner": "vitest",
-						"tsConfig": "tsconfig.spec.json",
-						"setupFiles": ["src/test-setup.ts"],
-						"browsers": ["chromiumHeadless"]
-					}
-				},
-				"lint": {
-					"builder": "@angular-devkit/build-angular:tslint",
-					"options": {
-						"tsConfig": ["tsconfig.app.json", "tsconfig.spec.json", "e2e/tsconfig.json"],
-						"exclude": ["**/node_modules/**"]
-					}
-				},
-				"storybook": {
-					"builder": "@storybook/angular:start-storybook",
-					"options": {
-						"compodoc": false,
-						"configDir": ".storybook",
-						"browserTarget": "rocketadmin:build",
-						"port": 6006,
-						"styles": [
-							"node_modules/@fontsource/noto-sans/300.css",
-							"node_modules/@fontsource/noto-sans/400.css",
-							"node_modules/@fontsource/noto-sans/500.css",
-							"node_modules/@fontsource/ibm-plex-mono/400.css",
-							"node_modules/@fontsource/ibm-plex-mono/500.css",
-							"node_modules/@material-symbols/font-400/outlined.css",
-							"src/custom-theme.scss",
-							"src/styles.scss"
-						],
-						"stylePreprocessorOptions": {
-							"includePaths": ["node_modules/@brumeilde/ngx-theme/presets/material"]
-						}
-					}
-				},
-				"build-storybook": {
-					"builder": "@storybook/angular:build-storybook",
-					"options": {
-						"compodoc": false,
-						"configDir": ".storybook",
-						"browserTarget": "rocketadmin:build",
-						"outputDir": "storybook-static",
-						"styles": [
-							"node_modules/@fontsource/noto-sans/300.css",
-							"node_modules/@fontsource/noto-sans/400.css",
-							"node_modules/@fontsource/noto-sans/500.css",
-							"node_modules/@fontsource/ibm-plex-mono/400.css",
-							"node_modules/@fontsource/ibm-plex-mono/500.css",
-							"node_modules/@material-symbols/font-400/outlined.css",
-							"src/custom-theme.scss",
-							"src/styles.scss"
-						],
-						"stylePreprocessorOptions": {
-							"includePaths": ["node_modules/@brumeilde/ngx-theme/presets/material"]
-						}
-					}
-				}
-			}
-		}
-	},
-	"cli": {
-		"analytics": false
-	},
-	"schematics": {
-		"@schematics/angular:component": {
-			"type": "component"
-		},
-		"@schematics/angular:directive": {
-			"type": "directive"
-		},
-		"@schematics/angular:service": {
-			"type": "service"
-		},
-		"@schematics/angular:guard": {
-			"typeSeparator": "."
-		},
-		"@schematics/angular:interceptor": {
-			"typeSeparator": "."
-		},
-		"@schematics/angular:module": {
-			"typeSeparator": "."
-		},
-		"@schematics/angular:pipe": {
-			"typeSeparator": "."
-		},
-		"@schematics/angular:resolver": {
-			"typeSeparator": "."
-		}
-	}
-}
diff --git a/frontend-vue/biome.json b/frontend/biome.json
similarity index 100%
rename from frontend-vue/biome.json
rename to frontend/biome.json
diff --git a/frontend/browserslist b/frontend/browserslist
deleted file mode 100644
index 86881426c..000000000
--- a/frontend/browserslist
+++ /dev/null
@@ -1,6 +0,0 @@
-last 2 Chrome versions
-last 2 Firefox versions
-last 2 Safari versions
-last 2 Edge versions
-last 2 iOS versions
-not dead
diff --git a/frontend-vue/e2e/auth.e2e.ts b/frontend/e2e/auth.e2e.ts
similarity index 100%
rename from frontend-vue/e2e/auth.e2e.ts
rename to frontend/e2e/auth.e2e.ts
diff --git a/frontend-vue/e2e/connections.e2e.ts b/frontend/e2e/connections.e2e.ts
similarity index 100%
rename from frontend-vue/e2e/connections.e2e.ts
rename to frontend/e2e/connections.e2e.ts
diff --git a/frontend-vue/e2e/dashboards.e2e.ts b/frontend/e2e/dashboards.e2e.ts
similarity index 100%
rename from frontend-vue/e2e/dashboards.e2e.ts
rename to frontend/e2e/dashboards.e2e.ts
diff --git a/frontend-vue/e2e/permissions.e2e.ts b/frontend/e2e/permissions.e2e.ts
similarity index 100%
rename from frontend-vue/e2e/permissions.e2e.ts
rename to frontend/e2e/permissions.e2e.ts
diff --git a/frontend-vue/e2e/settings.e2e.ts b/frontend/e2e/settings.e2e.ts
similarity index 100%
rename from frontend-vue/e2e/settings.e2e.ts
rename to frontend/e2e/settings.e2e.ts
diff --git a/frontend-vue/e2e/smoke.e2e.ts b/frontend/e2e/smoke.e2e.ts
similarity index 100%
rename from frontend-vue/e2e/smoke.e2e.ts
rename to frontend/e2e/smoke.e2e.ts
diff --git a/frontend-vue/e2e/support/fixtures.ts b/frontend/e2e/support/fixtures.ts
similarity index 100%
rename from frontend-vue/e2e/support/fixtures.ts
rename to frontend/e2e/support/fixtures.ts
diff --git a/frontend-vue/e2e/support/mock-backend.ts b/frontend/e2e/support/mock-backend.ts
similarity index 100%
rename from frontend-vue/e2e/support/mock-backend.ts
rename to frontend/e2e/support/mock-backend.ts
diff --git a/frontend-vue/e2e/support/test.ts b/frontend/e2e/support/test.ts
similarity index 100%
rename from frontend-vue/e2e/support/test.ts
rename to frontend/e2e/support/test.ts
diff --git a/frontend-vue/e2e/table-config.e2e.ts b/frontend/e2e/table-config.e2e.ts
similarity index 100%
rename from frontend-vue/e2e/table-config.e2e.ts
rename to frontend/e2e/table-config.e2e.ts
diff --git a/frontend-vue/e2e/table.e2e.ts b/frontend/e2e/table.e2e.ts
similarity index 100%
rename from frontend-vue/e2e/table.e2e.ts
rename to frontend/e2e/table.e2e.ts
diff --git a/frontend-vue/eslint.config.js b/frontend/eslint.config.js
similarity index 100%
rename from frontend-vue/eslint.config.js
rename to frontend/eslint.config.js
diff --git a/frontend-vue/index.html b/frontend/index.html
similarity index 100%
rename from frontend-vue/index.html
rename to frontend/index.html
diff --git a/frontend-vue/index.saas.html b/frontend/index.saas.html
similarity index 100%
rename from frontend-vue/index.saas.html
rename to frontend/index.saas.html
diff --git a/frontend/package.json b/frontend/package.json
index a21ac9b58..bc7b153f6 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,107 +1,90 @@
 {
 	"name": "rocketadmin",
 	"version": "1.0.0",
+	"private": true,
+	"type": "module",
 	"scripts": {
-		"ng": "ng",
-		"start": "node scripts/update-version.js && ng serve",
-		"build": "node scripts/update-version.js && ng build",
-		"test": "ng test",
-		"test:ci": "ng test --no-watch",
-		"lint": "ng lint",
-		"e2e": "ng e2e",
-		"analyze": "webpack-bundle-analyzer dist/rocketadmin/stats.json",
-		"build:stats": "node scripts/update-version.js && ng build --stats-json",
+		"dev": "node scripts/update-version.js && vite --mode development",
+		"dev:saas": "node scripts/update-version.js && vite --mode saas",
+		"build": "node scripts/update-version.js && vite build --mode production",
+		"build:saas": "node scripts/update-version.js && vite build --mode saas-production",
+		"preview": "vite preview",
+		"typecheck": "vue-tsc --build",
+		"lint": "biome check . && eslint .",
+		"test": "vitest",
+		"test:ci": "vitest run",
+		"test:e2e": "playwright test",
+		"test:e2e:ui": "playwright test --ui",
 		"update-version": "node scripts/update-version.js",
-		"storybook": "ng run rocketadmin:storybook",
-		"storybook:build": "ng run rocketadmin:build-storybook"
+		"storybook": "node scripts/update-version.js && storybook dev -p 6006",
+		"build-storybook": "node scripts/update-version.js && storybook build"
 	},
-	"private": true,
 	"dependencies": {
-		"@angular/animations": "~20.3.18",
-		"@angular/cdk": "~20.2.14",
-		"@angular/common": "~20.3.18",
-		"@angular/compiler": "~20.3.18",
-		"@angular/core": "~20.3.18",
-		"@angular/forms": "~20.3.18",
-		"@angular/material": "~20.2.14",
-		"@angular/platform-browser": "~20.3.18",
-		"@angular/platform-browser-dynamic": "~20.3.18",
-		"@angular/router": "~20.3.18",
-		"@brumeilde/ngx-theme": "^1.2.1",
 		"@cedar-policy/cedar-wasm": "^4.9.1",
-		"@fontsource/ibm-plex-mono": "^5.2.7",
-		"@fontsource/noto-sans": "^5.2.10",
+		"@fontsource-variable/geist": "^5.3.0",
+		"@fontsource-variable/geist-mono": "^5.3.0",
+		"@fontsource-variable/space-grotesk": "^5.3.0",
 		"@jsonurl/jsonurl": "^1.1.8",
 		"@material-symbols/font-400": "^0.40.2",
-		"@ngstack/code-editor": "^9.0.0",
-		"@sentry-internal/rrweb": "^2.31.0",
-		"@sentry/angular": "^10.33.0",
-		"@zxcvbn-ts/core": "^3.0.4",
-		"@zxcvbn-ts/language-en": "^3.0.2",
-		"amplitude-js": "^8.21.9",
-		"angular-gridster2": "^20.0.0",
-		"angular-password-strength-meter": "npm:@eresearchqut/angular-password-strength-meter@^13.0.7",
-		"angulartics2": "^14.1.0",
+		"@sentry/vue": "^11.8.0",
+		"@tanstack/vue-query": "^5.104.2",
+		"@zxcvbn-ts/core": "^4.2.0",
+		"@zxcvbn-ts/language-common": "^4.1.3",
+		"@zxcvbn-ts/language-en": "^4.1.1",
+		"amplitude-js": "^8.21.10",
 		"chart.js": "^4.5.1",
 		"chartjs-adapter-date-fns": "^3.0.0",
-		"color-string": "^2.0.1",
+		"color-string": "^2.1.4",
 		"connection-string-parser": "^1.0.4",
-		"convert": "^5.12.0",
-		"date-fns": "^4.1.0",
-		"ipaddr.js": "^2.2.0",
+		"convert": "^5.14.1",
+		"date-fns": "^4.4.0",
+		"dompurify": "^3.4.17",
+		"grid-layout-plus": "^1.1.1",
+		"ipaddr.js": "^2.5.0",
 		"json5": "^2.2.3",
-		"libphonenumber-js": "^1.12.9",
-		"lodash": "^4.17.21",
-		"lodash-es": "^4.17.23",
-		"mermaid": "^11.12.1",
+		"libphonenumber-js": "^1.13.15",
+		"lodash-es": "4.17.23",
+		"marked": "^18.1.1",
+		"mermaid": "^12.2.0",
+		"mitt": "^3.0.1",
 		"monaco-editor": "0.55.1",
-		"ng-dynamic-component": "^10.8.0",
-		"ng2-charts": "^8.0.0",
-		"ngx-cookie-service": "^19.0.0",
-		"ngx-markdown": "^19.1.1",
 		"node-sql-parser": "^5.4.0",
+		"pinia": "^3.0.4",
 		"pluralize": "^8.0.0",
-		"postgres-interval": "^4.0.2",
-		"posthog-js": "^1.341.0",
-		"rxjs": "^7.4.0",
-		"tslib": "^2.8.1",
-		"uuid": "^11.1.0",
-		"validator": "^13.15.20",
-		"zone.js": "~0.15.0"
+		"postgres-interval": "^4.1.0",
+		"posthog-js": "^1.438.13",
+		"uuid": "^11.1.1",
+		"validator": "^13.15.35",
+		"vue": "^3.5.43",
+		"vue-chartjs": "^5.3.4",
+		"vue-router": "^4.6.4",
+		"vuedraggable": "^4.1.0"
 	},
 	"devDependencies": {
-		"@angular-devkit/build-angular": "20",
-		"@angular/build": "20.3.14",
-		"@angular/cli": "~20.3.14",
-		"@angular/compiler-cli": "~20.3.18",
-		"@angular/language-service": "~20.3.18",
-		"@sentry-internal/rrweb": "^2.16.0",
-		"@storybook/angular": "^10.2.14",
-		"@types/google-one-tap": "^1.2.6",
-		"@types/lodash": "^4.17.13",
-		"@types/node": "^22.10.2",
-		"@vitest/browser": "^3.1.1",
+		"@biomejs/biome": "2.4.0",
+		"@playwright/test": "^1.64.1",
+		"@storybook/addon-a11y": "^10.6.3",
+		"@storybook/addon-docs": "^10.6.3",
+		"@storybook/vue3-vite": "^10.6.3",
+		"@types/amplitude-js": "^8.16.5",
+		"@types/lodash-es": "^4.17.12",
+		"@types/node": "^24.0.0",
+		"@types/pluralize": "^0.0.33",
+		"@types/validator": "^13.15.10",
+		"@vitejs/plugin-vue": "^6.0.10",
+		"@vue/test-utils": "^2.5.1",
+		"@vue/tsconfig": "^0.8.1",
+		"axe-core": "^4.14.0",
+		"eslint": "^10.12.0",
+		"eslint-plugin-vue": "^10.11.1",
 		"jsdom": "^27.4.0",
-		"knip": "^5.79.0",
-		"playwright": "^1.57.0",
-		"puppeteer": "^24.29.1",
-		"storybook": "^10.2.14",
-		"ts-node": "~10.9.2",
+		"storybook": "^10.6.3",
 		"typescript": "~5.9.3",
-		"vitest": "^3.1.1"
-	},
-	"resolutions": {
-		"mermaid": "^11.10.0",
-		"webpack": "5.104.1",
-		"lodash-es": "4.17.23",
-		"path-to-regexp": "8.4.0",
-		"serialize-javascript": "7.0.5",
-		"brace-expansion": "1.1.13",
-		"node-forge": "1.4.0",
-		"dompurify": "3.3.2",
-		"picomatch": "4.0.4",
-		"tar": "7.5.11",
-		"rollup": "4.59.0"
+		"typescript-eslint": "^8.71.1",
+		"vite": "^8.3.4",
+		"vitest": "^5.0.4",
+		"vue-eslint-parser": "^10.2.0",
+		"vue-tsc": "^3.3.13"
 	},
-	"packageManager": "yarn@1.22.22"
+	"packageManager": "pnpm@10.33.0"
 }
diff --git a/frontend-vue/playwright.config.ts b/frontend/playwright.config.ts
similarity index 100%
rename from frontend-vue/playwright.config.ts
rename to frontend/playwright.config.ts
diff --git a/frontend-vue/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
similarity index 98%
rename from frontend-vue/pnpm-lock.yaml
rename to frontend/pnpm-lock.yaml
index 9c911ed72..1d83ff9f7 100644
--- a/frontend-vue/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -189,9 +189,6 @@ importers:
       vite:
         specifier: ^8.3.4
         version: 8.3.4(@types/node@24.19.2)(esbuild@0.28.2)
-      vite-plugin-static-copy:
-        specifier: ^4.1.1
-        version: 4.1.1(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2))
       vitest:
         specifier: ^5.0.4
         version: 5.0.4(@types/node@24.19.2)(jsdom@27.4.0)(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2))
@@ -1557,10 +1554,6 @@ packages:
     resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
     engines: {node: '>=10'}
 
-  anymatch@3.1.3:
-    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
-    engines: {node: '>= 8'}
-
   aria-query@5.3.0:
     resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
 
@@ -1601,10 +1594,6 @@ packages:
     resolution: {integrity: sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==}
     engines: {node: '>=0.6'}
 
-  binary-extensions@2.3.0:
-    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
-    engines: {node: '>=8'}
-
   birpc@2.9.0:
     resolution: {integrity: sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==}
 
@@ -1618,10 +1607,6 @@ packages:
     resolution: {integrity: sha512-YovQ3rzhaLMIrDjNDMkNS01tea93qhEhG5xy8f6+R0l+dw3Ki+5sCoIoI942iuLZTHWogWktgwVDhU09iNEimQ==}
     engines: {node: 20 || >=22}
 
-  braces@3.0.3:
-    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
-    engines: {node: '>=8'}
-
   bundle-name@4.1.1:
     resolution: {integrity: sha512-DdH81/zPLVS11EUgWq3tEu/xn+EzljlMYooDNdzWEnFha3R3NBMpMV1UqYIpjYHV/SgpFKMIX1Oh7o06SjM/oA==}
     engines: {node: '>=18'}
@@ -1666,10 +1651,6 @@ packages:
     resolution: {integrity: sha512-GTouk5YzgBxlTPCaDn5q0q2EJKkrYmnPF+HmF8v0Qo4r3iyPG7HJivkN1wthCXZcm3sIcZFpGTRovLPNdJNRCA==}
     engines: {node: '>=22.0.0'}
 
-  chokidar@3.6.0:
-    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
-    engines: {node: '>= 8.10.0'}
-
   color-name@2.1.1:
     resolution: {integrity: sha512-p2FdgwVx1a9yWBHP2wI0VgShkDpgN4kZISkxdNipGBJWpa5G6b04OINlVWCyJj0JmfvcPrgqt95E9k8yvaOJFg==}
     engines: {node: '>=12.20'}
@@ -2114,10 +2095,6 @@ packages:
   file-entry-cache@11.1.5:
     resolution: {integrity: sha512-+PFTHITI08JIGhnNpGNI8T8inUpgZfk3GNEqfT9R2zZV2iFXg3CvqzSl/uEhs7TSGujYRELEANyDvS8Fj7+S7Q==}
 
-  fill-range@7.1.1:
-    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
-    engines: {node: '>=8'}
-
   filter-obj@5.1.0:
     resolution: {integrity: sha512-qWeTREPoT7I0bifpPUXtxkZJ1XJzxWtfoWWkdVGqa+eCr3SHW/Ocp89o8vLvbUuQnadybJpjOKu4V+RwO6sGng==}
     engines: {node: '>=14.16'}
@@ -2148,10 +2125,6 @@ packages:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
 
-  glob-parent@5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
-
   glob-parent@6.0.2:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
@@ -2252,10 +2225,6 @@ packages:
     resolution: {integrity: sha512-aq+t5NAc+cS6rZQQVWC2x98CPqGtKKTMDd4Gaodv0wShnItdKg/51djkGJ1hqH+Oy0ivDftCbSLCQob8zso01w==}
     engines: {node: '>= 10'}
 
-  is-binary-path@2.1.0:
-    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
-    engines: {node: '>=8'}
-
   is-core-module@2.17.0:
     resolution: {integrity: sha512-J/vG0zBCbIKOQFfufSwyXdMrsohyJIUNkrnmo6WZGzoM7tr/lsbfW5b2BvisL6zsyMzK9UxV9L6c7AoFbyXHOA==}
     engines: {node: '>= 0.4'}
@@ -2281,10 +2250,6 @@ packages:
     engines: {node: '>=14.16'}
     hasBin: true
 
-  is-number@7.0.0:
-    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
-    engines: {node: '>=0.12.0'}
-
   is-potential-custom-element-name@1.0.1:
     resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
 
@@ -2534,10 +2499,6 @@ packages:
     engines: {node: ^22.22.2 || ^24.15.0 || >=26.0.0}
     hasBin: true
 
-  normalize-path@3.0.0:
-    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
-    engines: {node: '>=0.10.0'}
-
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
@@ -2572,10 +2533,6 @@ packages:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
     engines: {node: '>=10'}
 
-  p-map@7.1.1:
-    resolution: {integrity: sha512-6Lh3jQPLthYujSrlw6ccWXBGZTkoTCz27Hd92g79LH/kjAbgoEu0t442cCCNbegPSJsA0lwDX8z0bcKtkpA32g==}
-    engines: {node: '>=18'}
-
   package-manager-detector@1.9.0:
     resolution: {integrity: sha512-zAMfbta9nPA8AKkA4WdmNAT8R8s6Dk0/xwPsqNnRidMFcLo1YkLuPDTgs2f64XdzS8vbLNnoJ+uUIkgbz7oRHA==}
 
@@ -2613,10 +2570,6 @@ packages:
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
-  picomatch@2.3.2:
-    resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
-    engines: {node: '>=8.6'}
-
   picomatch@4.0.7:
     resolution: {integrity: sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==}
     engines: {node: '>=12'}
@@ -2758,10 +2711,6 @@ packages:
     resolution: {integrity: sha512-QNhWdt7nrgVWWQG58QuGsAR3jv3Hbe4mb4vz7w2csnHavciZJgda1CPNaldF6eVxv90ud3jUXpKlHL69gO38yw==}
     engines: {node: '>=0.10.0'}
 
-  readdirp@3.6.0:
-    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
-    engines: {node: '>=8.10.0'}
-
   recast@0.23.21:
     resolution: {integrity: sha512-mFAyJq9vUbSTARLZUvAEf1z3YxlvAwswbmxMx2mPA/MSm4KmpwvwvhsH/NIrZhyOuwD60Lzyw2qh83uCbgTPYw==}
     engines: {node: '>= 4'}
@@ -2915,10 +2864,6 @@ packages:
     resolution: {integrity: sha512-somxA8xKAUzlAxl0TX/jMSYIbRNFIVGnI96pVGJPeMc5BsHmfVXn6mOJT6U++ELnl04eGfzpfcEuZe8WiASkXg==}
     hasBin: true
 
-  to-regex-range@5.0.1:
-    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
-    engines: {node: '>=8.0'}
-
   token-stream@1.0.0:
     resolution: {integrity: sha512-VSsyNPPW74RpHwR8Fc21uubwHY7wMDeJLys2IX5zJNih+OnAnaifKHo+1LHT7DAdloQ7apeaaWg8l7qnf/TnEg==}
 
@@ -2992,12 +2937,6 @@ packages:
     resolution: {integrity: sha512-TQ5pAGhd5whStmqWvYF4OjQROlmv9SMFVt37qoCBdqRffuuklWYQlCNnEs2ZaIBD1kZRNnikiZOS1eqgkar0iw==}
     engines: {node: '>= 0.10'}
 
-  vite-plugin-static-copy@4.1.1:
-    resolution: {integrity: sha512-GrlA8YklrAfSyxJ4M3fdQLOo9oNkp56IM9FYgX/WtEgeIFkPwhu4wzpufBCIuNKCa6Fn77FkRdYxkHqV0FwjAw==}
-    engines: {node: ^22.0.0 || >=24.0.0}
-    peerDependencies:
-      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
-
   vite@8.3.4:
     resolution: {integrity: sha512-IftLE8phJhdNRIGNEV4JCCvfNScoZQVfcXaN8TQropWGJtOHcu+iAB9pHcuGvmEb/kddw0LBe/jS8ztdC6xdiQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -4438,11 +4377,6 @@ snapshots:
 
   ansi-styles@5.2.0: {}
 
-  anymatch@3.1.3:
-    dependencies:
-      normalize-path: 3.0.0
-      picomatch: 2.3.2
-
   aria-query@5.3.0:
     dependencies:
       dequal: 2.0.3
@@ -4473,8 +4407,6 @@ snapshots:
 
   big-integer@1.6.52: {}
 
-  binary-extensions@2.3.0: {}
-
   birpc@2.9.0: {}
 
   blueimp-md5@2.19.0: {}
@@ -4485,10 +4417,6 @@ snapshots:
     dependencies:
       balanced-match: 4.0.4
 
-  braces@3.0.3:
-    dependencies:
-      fill-range: 7.1.1
-
   bundle-name@4.1.1:
     dependencies:
       run-applescript: 7.1.0
@@ -4544,18 +4472,6 @@ snapshots:
       '@chevrotain/types': 13.2.0
       '@chevrotain/utils': 13.2.0
 
-  chokidar@3.6.0:
-    dependencies:
-      anymatch: 3.1.3
-      braces: 3.0.3
-      glob-parent: 5.1.2
-      is-binary-path: 2.1.0
-      is-glob: 4.0.3
-      normalize-path: 3.0.0
-      readdirp: 3.6.0
-    optionalDependencies:
-      fsevents: 2.3.3
-
   color-name@2.1.1: {}
 
   color-string@2.1.4:
@@ -5025,10 +4941,6 @@ snapshots:
     dependencies:
       flat-cache: 6.1.23
 
-  fill-range@7.1.1:
-    dependencies:
-      to-regex-range: 5.0.1
-
   filter-obj@5.1.0: {}
 
   find-up@5.0.0:
@@ -5067,10 +4979,6 @@ snapshots:
       dunder-proto: 1.0.1
       es-object-atoms: 1.1.2
 
-  glob-parent@5.1.2:
-    dependencies:
-      is-glob: 4.0.3
-
   glob-parent@6.0.2:
     dependencies:
       is-glob: 4.0.3
@@ -5160,10 +5068,6 @@ snapshots:
 
   ipaddr.js@2.5.0: {}
 
-  is-binary-path@2.1.0:
-    dependencies:
-      binary-extensions: 2.3.0
-
   is-core-module@2.17.0:
     dependencies:
       hasown: 2.0.4
@@ -5185,8 +5089,6 @@ snapshots:
     dependencies:
       is-docker: 3.0.0
 
-  is-number@7.0.0: {}
-
   is-potential-custom-element-name@1.0.1: {}
 
   is-promise@2.2.2: {}
@@ -5419,8 +5321,6 @@ snapshots:
     dependencies:
       abbrev: 5.0.0
 
-  normalize-path@3.0.0: {}
-
   nth-check@2.1.1:
     dependencies:
       boolbase: 1.0.0
@@ -5500,8 +5400,6 @@ snapshots:
     dependencies:
       p-limit: 3.1.0
 
-  p-map@7.1.1: {}
-
   package-manager-detector@1.9.0: {}
 
   parse5@8.0.1:
@@ -5529,8 +5427,6 @@ snapshots:
 
   picocolors@1.1.1: {}
 
-  picomatch@2.3.2: {}
-
   picomatch@4.0.7: {}
 
   pinia@3.0.4(typescript@5.9.3)(vue@3.5.43(typescript@5.9.3)):
@@ -5692,10 +5588,6 @@ snapshots:
 
   react@19.3.1: {}
 
-  readdirp@3.6.0:
-    dependencies:
-      picomatch: 2.3.2
-
   recast@0.23.21:
     dependencies:
       ast-types: 0.16.3
@@ -5847,10 +5739,6 @@ snapshots:
     dependencies:
       tldts-core: 7.4.18
 
-  to-regex-range@5.0.1:
-    dependencies:
-      is-number: 7.0.0
-
   token-stream@1.0.0: {}
 
   tough-cookie@6.0.2:
@@ -5915,14 +5803,6 @@ snapshots:
 
   validator@13.15.35: {}
 
-  vite-plugin-static-copy@4.1.1(vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2)):
-    dependencies:
-      chokidar: 3.6.0
-      p-map: 7.1.1
-      picocolors: 1.1.1
-      tinyglobby: 0.2.17
-      vite: 8.3.4(@types/node@24.19.2)(esbuild@0.28.2)
-
   vite@8.3.4(@types/node@24.19.2)(esbuild@0.28.2):
     dependencies:
       lightningcss: 1.33.0
diff --git a/frontend-vue/pnpm-workspace.yaml b/frontend/pnpm-workspace.yaml
similarity index 75%
rename from frontend-vue/pnpm-workspace.yaml
rename to frontend/pnpm-workspace.yaml
index e5d7bc54a..d3c9baf8c 100644
--- a/frontend-vue/pnpm-workspace.yaml
+++ b/frontend/pnpm-workspace.yaml
@@ -1,4 +1,4 @@
-# frontend-vue is installed on its own (like frontend/), not as a member of the root workspace.
+# frontend is installed on its own, not as a member of the root workspace.
 packages:
   - .
 
diff --git a/frontend/src/assets/.gitkeep b/frontend/public/assets/.gitkeep
similarity index 100%
rename from frontend/src/assets/.gitkeep
rename to frontend/public/assets/.gitkeep
diff --git a/frontend/src/assets/app.ico b/frontend/public/assets/app.ico
similarity index 100%
rename from frontend/src/assets/app.ico
rename to frontend/public/assets/app.ico
diff --git a/frontend/src/assets/bg/banner.svg b/frontend/public/assets/bg/banner.svg
similarity index 100%
rename from frontend/src/assets/bg/banner.svg
rename to frontend/public/assets/bg/banner.svg
diff --git a/frontend/src/assets/bg/connections-list-left-decoration.svg b/frontend/public/assets/bg/connections-list-left-decoration.svg
similarity index 100%
rename from frontend/src/assets/bg/connections-list-left-decoration.svg
rename to frontend/public/assets/bg/connections-list-left-decoration.svg
diff --git a/frontend/src/assets/bg/connections-list-left-decoration_dark.svg b/frontend/public/assets/bg/connections-list-left-decoration_dark.svg
similarity index 100%
rename from frontend/src/assets/bg/connections-list-left-decoration_dark.svg
rename to frontend/public/assets/bg/connections-list-left-decoration_dark.svg
diff --git a/frontend/src/assets/bg/connections-list-right-decoration.svg b/frontend/public/assets/bg/connections-list-right-decoration.svg
similarity index 100%
rename from frontend/src/assets/bg/connections-list-right-decoration.svg
rename to frontend/public/assets/bg/connections-list-right-decoration.svg
diff --git a/frontend/src/assets/bg/connections-list-right-decoration_dark.svg b/frontend/public/assets/bg/connections-list-right-decoration_dark.svg
similarity index 100%
rename from frontend/src/assets/bg/connections-list-right-decoration_dark.svg
rename to frontend/public/assets/bg/connections-list-right-decoration_dark.svg
diff --git a/frontend/src/assets/bg/decor-left.svg b/frontend/public/assets/bg/decor-left.svg
similarity index 100%
rename from frontend/src/assets/bg/decor-left.svg
rename to frontend/public/assets/bg/decor-left.svg
diff --git a/frontend/src/assets/bg/decor-left_dark.svg b/frontend/public/assets/bg/decor-left_dark.svg
similarity index 100%
rename from frontend/src/assets/bg/decor-left_dark.svg
rename to frontend/public/assets/bg/decor-left_dark.svg
diff --git a/frontend/src/assets/bg/decor-right.svg b/frontend/public/assets/bg/decor-right.svg
similarity index 100%
rename from frontend/src/assets/bg/decor-right.svg
rename to frontend/public/assets/bg/decor-right.svg
diff --git a/frontend/src/assets/bg/decor-right_dark.svg b/frontend/public/assets/bg/decor-right_dark.svg
similarity index 100%
rename from frontend/src/assets/bg/decor-right_dark.svg
rename to frontend/public/assets/bg/decor-right_dark.svg
diff --git a/frontend/src/assets/bg/not-found-bg.svg b/frontend/public/assets/bg/not-found-bg.svg
similarity index 100%
rename from frontend/src/assets/bg/not-found-bg.svg
rename to frontend/public/assets/bg/not-found-bg.svg
diff --git a/frontend/src/assets/custom_domain.gif b/frontend/public/assets/custom_domain.gif
similarity index 100%
rename from frontend/src/assets/custom_domain.gif
rename to frontend/public/assets/custom_domain.gif
diff --git a/frontend/src/assets/email-illustration.png b/frontend/public/assets/email-illustration.png
similarity index 100%
rename from frontend/src/assets/email-illustration.png
rename to frontend/public/assets/email-illustration.png
diff --git a/frontend/src/assets/favicon-16x16.png b/frontend/public/assets/favicon-16x16.png
similarity index 100%
rename from frontend/src/assets/favicon-16x16.png
rename to frontend/public/assets/favicon-16x16.png
diff --git a/frontend/src/assets/favicon-32x32.png b/frontend/public/assets/favicon-32x32.png
similarity index 100%
rename from frontend/src/assets/favicon-32x32.png
rename to frontend/public/assets/favicon-32x32.png
diff --git a/frontend/src/assets/favicon.ico b/frontend/public/assets/favicon.ico
similarity index 100%
rename from frontend/src/assets/favicon.ico
rename to frontend/public/assets/favicon.ico
diff --git a/frontend/src/assets/favicon.svg b/frontend/public/assets/favicon.svg
similarity index 100%
rename from frontend/src/assets/favicon.svg
rename to frontend/public/assets/favicon.svg
diff --git a/frontend/src/assets/feture-images/gif_white_label.gif b/frontend/public/assets/feture-images/gif_white_label.gif
similarity index 100%
rename from frontend/src/assets/feture-images/gif_white_label.gif
rename to frontend/public/assets/feture-images/gif_white_label.gif
diff --git a/frontend/src/assets/feture-images/saved-filters.gif b/frontend/public/assets/feture-images/saved-filters.gif
similarity index 100%
rename from frontend/src/assets/feture-images/saved-filters.gif
rename to frontend/public/assets/feture-images/saved-filters.gif
diff --git a/frontend/src/assets/feture-images/white-label.gif b/frontend/public/assets/feture-images/white-label.gif
similarity index 100%
rename from frontend/src/assets/feture-images/white-label.gif
rename to frontend/public/assets/feture-images/white-label.gif
diff --git a/frontend/src/assets/icons/ai-rocket.svg b/frontend/public/assets/icons/ai-rocket.svg
similarity index 100%
rename from frontend/src/assets/icons/ai-rocket.svg
rename to frontend/public/assets/icons/ai-rocket.svg
diff --git a/frontend/src/assets/icons/db-logos/clickhouse_logo.svg b/frontend/public/assets/icons/db-logos/clickhouse_logo.svg
similarity index 100%
rename from frontend/src/assets/icons/db-logos/clickhouse_logo.svg
rename to frontend/public/assets/icons/db-logos/clickhouse_logo.svg
diff --git a/frontend/src/assets/icons/db-logos/dynamodb_logo.svg b/frontend/public/assets/icons/db-logos/dynamodb_logo.svg
similarity index 100%
rename from frontend/src/assets/icons/db-logos/dynamodb_logo.svg
rename to frontend/public/assets/icons/db-logos/dynamodb_logo.svg
diff --git a/frontend/src/assets/icons/db-logos/elasticsearch_logo.svg b/frontend/public/assets/icons/db-logos/elasticsearch_logo.svg
similarity index 100%
rename from frontend/src/assets/icons/db-logos/elasticsearch_logo.svg
rename to frontend/public/assets/icons/db-logos/elasticsearch_logo.svg
diff --git a/frontend/src/assets/icons/db-logos/mongodb_logo.svg b/frontend/public/assets/icons/db-logos/mongodb_logo.svg
similarity index 100%
rename from frontend/src/assets/icons/db-logos/mongodb_logo.svg
rename to frontend/public/assets/icons/db-logos/mongodb_logo.svg
diff --git a/frontend/src/assets/icons/db-logos/mssql_logo.svg b/frontend/public/assets/icons/db-logos/mssql_logo.svg
similarity index 100%
rename from frontend/src/assets/icons/db-logos/mssql_logo.svg
rename to frontend/public/assets/icons/db-logos/mssql_logo.svg
diff --git a/frontend/src/assets/icons/db-logos/mysql_logo.svg b/frontend/public/assets/icons/db-logos/mysql_logo.svg
similarity index 100%
rename from frontend/src/assets/icons/db-logos/mysql_logo.svg
rename to frontend/public/assets/icons/db-logos/mysql_logo.svg
diff --git a/frontend/src/assets/icons/db-logos/oracle_logo.svg b/frontend/public/assets/icons/db-logos/oracle_logo.svg
similarity index 100%
rename from frontend/src/assets/icons/db-logos/oracle_logo.svg
rename to frontend/public/assets/icons/db-logos/oracle_logo.svg
diff --git a/frontend/src/assets/icons/db-logos/postgres_logo.svg b/frontend/public/assets/icons/db-logos/postgres_logo.svg
similarity index 100%
rename from frontend/src/assets/icons/db-logos/postgres_logo.svg
rename to frontend/public/assets/icons/db-logos/postgres_logo.svg
diff --git a/frontend/src/assets/icons/db-logos/redis_logo.svg b/frontend/public/assets/icons/db-logos/redis_logo.svg
similarity index 100%
rename from frontend/src/assets/icons/db-logos/redis_logo.svg
rename to frontend/public/assets/icons/db-logos/redis_logo.svg
diff --git "a/frontend/src/assets/icons/db-logos/\321\201assandra_logo.svg" "b/frontend/public/assets/icons/db-logos/\321\201assandra_logo.svg"
similarity index 100%
rename from "frontend/src/assets/icons/db-logos/\321\201assandra_logo.svg"
rename to "frontend/public/assets/icons/db-logos/\321\201assandra_logo.svg"
diff --git "a/frontend/src/assets/icons/db-logos/\321\201assandra_logo_dark.svg" "b/frontend/public/assets/icons/db-logos/\321\201assandra_logo_dark.svg"
similarity index 100%
rename from "frontend/src/assets/icons/db-logos/\321\201assandra_logo_dark.svg"
rename to "frontend/public/assets/icons/db-logos/\321\201assandra_logo_dark.svg"
diff --git a/frontend/src/assets/icons/fb_logo.png b/frontend/public/assets/icons/fb_logo.png
similarity index 100%
rename from frontend/src/assets/icons/fb_logo.png
rename to frontend/public/assets/icons/fb_logo.png
diff --git a/frontend/src/assets/icons/fb_logo.svg b/frontend/public/assets/icons/fb_logo.svg
similarity index 100%
rename from frontend/src/assets/icons/fb_logo.svg
rename to frontend/public/assets/icons/fb_logo.svg
diff --git a/frontend/src/assets/icons/github.svg b/frontend/public/assets/icons/github.svg
similarity index 100%
rename from frontend/src/assets/icons/github.svg
rename to frontend/public/assets/icons/github.svg
diff --git a/frontend/src/assets/icons/google.svg b/frontend/public/assets/icons/google.svg
similarity index 100%
rename from frontend/src/assets/icons/google.svg
rename to frontend/public/assets/icons/google.svg
diff --git a/frontend/src/assets/icons/google_logo.svg b/frontend/public/assets/icons/google_logo.svg
similarity index 100%
rename from frontend/src/assets/icons/google_logo.svg
rename to frontend/public/assets/icons/google_logo.svg
diff --git a/frontend/src/assets/icons/google_logo.webp b/frontend/public/assets/icons/google_logo.webp
similarity index 100%
rename from frontend/src/assets/icons/google_logo.webp
rename to frontend/public/assets/icons/google_logo.webp
diff --git a/frontend/src/assets/icons/test-connections-icons/add_shopping_cart.svg b/frontend/public/assets/icons/test-connections-icons/add_shopping_cart.svg
similarity index 100%
rename from frontend/src/assets/icons/test-connections-icons/add_shopping_cart.svg
rename to frontend/public/assets/icons/test-connections-icons/add_shopping_cart.svg
diff --git a/frontend/src/assets/icons/test-connections-icons/box.svg b/frontend/public/assets/icons/test-connections-icons/box.svg
similarity index 100%
rename from frontend/src/assets/icons/test-connections-icons/box.svg
rename to frontend/public/assets/icons/test-connections-icons/box.svg
diff --git a/frontend/src/assets/icons/test-connections-icons/cinematic_blur.svg b/frontend/public/assets/icons/test-connections-icons/cinematic_blur.svg
similarity index 100%
rename from frontend/src/assets/icons/test-connections-icons/cinematic_blur.svg
rename to frontend/public/assets/icons/test-connections-icons/cinematic_blur.svg
diff --git a/frontend/src/assets/icons/test-connections-icons/diversity_2.svg b/frontend/public/assets/icons/test-connections-icons/diversity_2.svg
similarity index 100%
rename from frontend/src/assets/icons/test-connections-icons/diversity_2.svg
rename to frontend/public/assets/icons/test-connections-icons/diversity_2.svg
diff --git a/frontend/src/assets/icons/test-connections-icons/set_meal.svg b/frontend/public/assets/icons/test-connections-icons/set_meal.svg
similarity index 100%
rename from frontend/src/assets/icons/test-connections-icons/set_meal.svg
rename to frontend/public/assets/icons/test-connections-icons/set_meal.svg
diff --git a/frontend/src/assets/icons/test-connections-icons/shopping_bag_speed.svg b/frontend/public/assets/icons/test-connections-icons/shopping_bag_speed.svg
similarity index 100%
rename from frontend/src/assets/icons/test-connections-icons/shopping_bag_speed.svg
rename to frontend/public/assets/icons/test-connections-icons/shopping_bag_speed.svg
diff --git a/frontend/src/assets/main-table-reg-image.svg b/frontend/public/assets/main-table-reg-image.svg
similarity index 100%
rename from frontend/src/assets/main-table-reg-image.svg
rename to frontend/public/assets/main-table-reg-image.svg
diff --git a/frontend/src/assets/main-table-reg-image_dark.svg b/frontend/public/assets/main-table-reg-image_dark.svg
similarity index 100%
rename from frontend/src/assets/main-table-reg-image_dark.svg
rename to frontend/public/assets/main-table-reg-image_dark.svg
diff --git a/frontend/src/assets/no-files.svg b/frontend/public/assets/no-files.svg
similarity index 100%
rename from frontend/src/assets/no-files.svg
rename to frontend/public/assets/no-files.svg
diff --git a/frontend/src/assets/rocketadmin_logo_black.png b/frontend/public/assets/rocketadmin_logo_black.png
similarity index 100%
rename from frontend/src/assets/rocketadmin_logo_black.png
rename to frontend/public/assets/rocketadmin_logo_black.png
diff --git a/frontend/src/assets/rocketadmin_logo_black.svg b/frontend/public/assets/rocketadmin_logo_black.svg
similarity index 100%
rename from frontend/src/assets/rocketadmin_logo_black.svg
rename to frontend/public/assets/rocketadmin_logo_black.svg
diff --git a/frontend/src/assets/rocketadmin_logo_white-short.svg b/frontend/public/assets/rocketadmin_logo_white-short.svg
similarity index 100%
rename from frontend/src/assets/rocketadmin_logo_white-short.svg
rename to frontend/public/assets/rocketadmin_logo_white-short.svg
diff --git a/frontend/src/assets/rocketadmin_logo_white.svg b/frontend/public/assets/rocketadmin_logo_white.svg
similarity index 100%
rename from frontend/src/assets/rocketadmin_logo_white.svg
rename to frontend/public/assets/rocketadmin_logo_white.svg
diff --git a/frontend-vue/public/config.json b/frontend/public/config.json
similarity index 100%
rename from frontend-vue/public/config.json
rename to frontend/public/config.json
diff --git a/frontend/scripts/update-version.js b/frontend/scripts/update-version.js
index da1e5207e..e5f777df5 100644
--- a/frontend/scripts/update-version.js
+++ b/frontend/scripts/update-version.js
@@ -1,13 +1,13 @@
-const fs = require('fs');
-const path = require('path');
+// Port of frontend/scripts/update-version.js: writes the package.json version to src/version.ts.
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 
-// Read package.json to get the version
-const packageJsonPath = path.join(__dirname, '..', 'package.json');
-const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
+const root = path.join(path.dirname(fileURLToPath(import.meta.url)), '..');
+const packageJson = JSON.parse(fs.readFileSync(path.join(root, 'package.json'), 'utf8'));
 const version = packageJson.version;
 
-// Update the version.ts file
-const versionTsPath = path.join(__dirname, '..', 'src', 'app', 'version.ts');
+const versionTsPath = path.join(root, 'src', 'version.ts');
 const versionTsContent = `// This file is auto-generated during build
 export const version = '${version}';
 `;
diff --git a/frontend-vue/src/App.spec.ts b/frontend/src/App.spec.ts
similarity index 100%
rename from frontend-vue/src/App.spec.ts
rename to frontend/src/App.spec.ts
diff --git a/frontend-vue/src/App.vue b/frontend/src/App.vue
similarity index 100%
rename from frontend-vue/src/App.vue
rename to frontend/src/App.vue
diff --git a/frontend-vue/src/__tests__/design-tokens.spec.ts b/frontend/src/__tests__/design-tokens.spec.ts
similarity index 99%
rename from frontend-vue/src/__tests__/design-tokens.spec.ts
rename to frontend/src/__tests__/design-tokens.spec.ts
index bc083b424..5f7652aa0 100644
--- a/frontend-vue/src/__tests__/design-tokens.spec.ts
+++ b/frontend/src/__tests__/design-tokens.spec.ts
@@ -19,7 +19,7 @@ import { describe, expect, it } from 'vitest';
  * toolchain than the problem deserves.
  */
 
-// Resolved from the process cwd, which vitest pins to the `frontend-vue/` root. Vite serves
+// Resolved from the process cwd, which vitest pins to the `frontend/` root. Vite serves
 // modules over http:// during a jsdom run, so `import.meta.url` isn't a file: URL here.
 const SRC = resolve(process.cwd(), 'src');
 
diff --git a/frontend-vue/src/__tests__/mock-fetch.ts b/frontend/src/__tests__/mock-fetch.ts
similarity index 100%
rename from frontend-vue/src/__tests__/mock-fetch.ts
rename to frontend/src/__tests__/mock-fetch.ts
diff --git a/frontend-vue/src/api/client.spec.ts b/frontend/src/api/client.spec.ts
similarity index 100%
rename from frontend-vue/src/api/client.spec.ts
rename to frontend/src/api/client.spec.ts
diff --git a/frontend-vue/src/api/client.ts b/frontend/src/api/client.ts
similarity index 100%
rename from frontend-vue/src/api/client.ts
rename to frontend/src/api/client.ts
diff --git a/frontend-vue/src/api/query-options.ts b/frontend/src/api/query-options.ts
similarity index 100%
rename from frontend-vue/src/api/query-options.ts
rename to frontend/src/api/query-options.ts
diff --git a/frontend/src/app/animations/toggle.animation.ts b/frontend/src/app/animations/toggle.animation.ts
deleted file mode 100644
index 64161dbbb..000000000
--- a/frontend/src/app/animations/toggle.animation.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { animate, group, query, style, transition, trigger } from '@angular/animations';
-
-const easing = 'cubic-bezier(0.4, 0.0, 0.2, 1)';
-const duration = '600ms';
-
-export const toggleAnimation = trigger('toggle', [
-	transition(':enter', [
-		style({ height: 0, opacity: 0 }),
-		query('.details', [style({ transform: 'translateY(-100%)' })], { optional: true }),
-		group([
-			animate(`${duration} ${easing}`, style({ height: '*', opacity: 1 })),
-			query('.details', [animate(`${duration} ${easing}`, style({ transform: 'translateY(0)' }))], { optional: true }),
-		]),
-	]),
-	transition(':leave', [
-		style({ height: '*', opacity: 1 }),
-		query('.details', [style({ transform: 'translateY(0)' })], { optional: true }),
-		group([
-			animate(`${duration} ${easing}`, style({ height: 0, opacity: 0 })),
-			query('.details', [animate(`${duration} ${easing}`, style({ transform: 'translateY(-100%)' }))], {
-				optional: true,
-			}),
-		]),
-	]),
-]);
diff --git a/frontend/src/app/app-routing.module.ts b/frontend/src/app/app-routing.module.ts
deleted file mode 100644
index 72342c10a..000000000
--- a/frontend/src/app/app-routing.module.ts
+++ /dev/null
@@ -1,243 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { provideZxvbnServiceForPSM } from 'angular-password-strength-meter/zxcvbn';
-import { AuthGuard } from './guards/auth.guard';
-import { configurationGuard } from './guards/configuration.guard';
-import { noAuthGuard } from './guards/no-auth.guard';
-import { setupGuard } from './guards/setup.guard';
-
-const routes: Routes = [
-	{ path: '', redirectTo: '/connections-list', pathMatch: 'full' },
-	{
-		path: 'setup',
-		loadComponent: () => import('./components/setup/setup.component').then((m) => m.SetupComponent),
-		canActivate: [setupGuard],
-		providers: [provideZxvbnServiceForPSM()],
-		title: 'Setup | Rocketadmin',
-	},
-	{
-		path: 'login',
-		loadComponent: () => import('./components/login/login.component').then((m) => m.LoginComponent),
-		canActivate: [noAuthGuard, configurationGuard],
-		title: 'Login | Rocketadmin',
-	},
-	{
-		path: 'forget-password',
-		loadComponent: () =>
-			import('./components/password-request/password-request.component').then((m) => m.PasswordRequestComponent),
-		title: 'Request password | Rocketadmin',
-	},
-	{
-		path: 'external/user/password/reset/verify/:verification-token',
-		loadChildren: () => import('./routes/password-reset.routes').then((m) => m.PASSWORD_RESET_ROUTES),
-	},
-	{
-		path: 'external/user/email/verify/:verification-token',
-		loadComponent: () =>
-			import('./components/email-verification/email-verification.component').then((m) => m.EmailVerificationComponent),
-		title: 'Email verification | Rocketadmin',
-	},
-	{
-		path: 'external/user/email/change/verify/:change-token',
-		loadComponent: () => import('./components/email-change/email-change.component').then((m) => m.EmailChangeComponent),
-		title: 'Email updating | Rocketadmin',
-	},
-	{
-		path: 'deleted',
-		loadComponent: () =>
-			import('./components/user-deleted-success/user-deleted-success.component').then(
-				(m) => m.UserDeletedSuccessComponent,
-			),
-		title: 'User deleted | Rocketadmin',
-	},
-	{
-		path: 'connect-db',
-		loadComponent: () => import('./components/connect-db/connect-db.component').then((m) => m.ConnectDBComponent),
-		canActivate: [AuthGuard],
-	},
-	{
-		path: 'connections-list',
-		loadComponent: () =>
-			import('./components/connections-list/connections-list.component').then((m) => m.ConnectionsListComponent),
-		canActivate: [AuthGuard],
-	},
-	{
-		path: 'user-settings',
-		loadComponent: () =>
-			import('./components/user-settings/user-settings.component').then((m) => m.UserSettingsComponent),
-		canActivate: [AuthGuard],
-	},
-	// company routes have to be in this specific order
-	{
-		path: 'company/:company-id/verify/:verification-token',
-		pathMatch: 'full',
-		loadChildren: () => import('./routes/company-invitation.routes').then((m) => m.COMPANY_INVITATION_ROUTES),
-	},
-	{
-		path: 'company',
-		pathMatch: 'full',
-		loadComponent: () => import('./components/company/company.component').then((m) => m.CompanyComponent),
-		canActivate: [AuthGuard],
-	},
-	{
-		path: 'api-keys',
-		pathMatch: 'full',
-		loadComponent: () => import('./components/api-keys/api-keys.component').then((m) => m.ApiKeysComponent),
-		canActivate: [AuthGuard],
-		title: 'API Keys | Rocketadmin',
-	},
-	{
-		path: 'secrets',
-		pathMatch: 'full',
-		loadComponent: () => import('./components/secrets/secrets.component').then((m) => m.SecretsComponent),
-		canActivate: [AuthGuard],
-		title: 'Secrets | Rocketadmin',
-	},
-	{
-		path: 'change-password',
-		loadChildren: () => import('./routes/password-change.routes').then((m) => m.PASSWORD_CHANGE_ROUTES),
-	},
-	{ path: 'hosted-databases', redirectTo: '/connections-list', pathMatch: 'full' },
-	{ path: 'saml', redirectTo: '/connections-list', pathMatch: 'full' },
-	{ path: 'demo', redirectTo: '/connections-list', pathMatch: 'full' },
-	{ path: 'upgrade', redirectTo: '/connections-list', pathMatch: 'full' },
-	{ path: 'upgrade/payment', redirectTo: '/connections-list', pathMatch: 'full' },
-	{ path: 'subscription/success', redirectTo: '/connections-list', pathMatch: 'full' },
-	{
-		path: 'auto-configure/:connection-id',
-		loadComponent: () =>
-			import('./components/auto-configure/auto-configure.component').then((m) => m.AutoConfigureComponent),
-		canActivate: [AuthGuard],
-		title: 'Auto-configure | Rocketadmin',
-	},
-	{
-		path: 'edit-db/:connection-id',
-		loadComponent: () => import('./components/connect-db/connect-db.component').then((m) => m.ConnectDBComponent),
-		canActivate: [AuthGuard],
-	},
-	{
-		path: 'edit-database-schema/:connection-id',
-		loadComponent: () =>
-			import('./components/edit-database-schema/edit-database-schema.component').then(
-				(m) => m.EditDatabaseSchemaComponent,
-			),
-		canActivate: [AuthGuard],
-		title: 'Edit Database Schema | Rocketadmin',
-	},
-	{
-		path: 'connection-settings/:connection-id',
-		loadComponent: () =>
-			import('./components/connection-settings/connection-settings.component').then(
-				(m) => m.ConnectionSettingsComponent,
-			),
-		canActivate: [AuthGuard],
-	},
-	{
-		path: 'dashboard/:connection-id',
-		loadComponent: () => import('./components/dashboard/dashboard.component').then((m) => m.DashboardComponent),
-		canActivate: [AuthGuard],
-	},
-	{
-		path: 'audit/:connection-id',
-		loadComponent: () => import('./components/audit/audit.component').then((m) => m.AuditComponent),
-		canActivate: [AuthGuard],
-	},
-	{
-		path: 'dashboard/:connection-id/:table-name',
-		pathMatch: 'full',
-		loadComponent: () => import('./components/dashboard/dashboard.component').then((m) => m.DashboardComponent),
-		canActivate: [AuthGuard],
-	},
-	{
-		path: 'dashboard/:connection-id/:table-name/entry',
-		pathMatch: 'full',
-		loadComponent: () =>
-			import('./components/db-table-row-edit/db-table-row-edit.component').then((m) => m.DbTableRowEditComponent),
-		canActivate: [AuthGuard],
-	},
-	{
-		path: 'dashboard/:connection-id/:table-name/widgets',
-		pathMatch: 'full',
-		loadComponent: () =>
-			import('./components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component').then(
-				(m) => m.DbTableWidgetsComponent,
-			),
-		canActivate: [AuthGuard],
-	},
-	{
-		path: 'dashboard/:connection-id/:table-name/settings',
-		pathMatch: 'full',
-		loadComponent: () =>
-			import('./components/dashboard/db-table-view/db-table-settings/db-table-settings.component').then(
-				(m) => m.DbTableSettingsComponent,
-			),
-		canActivate: [AuthGuard],
-	},
-	{
-		path: 'dashboard/:connection-id/:table-name/actions',
-		pathMatch: 'full',
-		loadComponent: () =>
-			import('./components/dashboard/db-table-view/db-table-actions/db-table-actions.component').then(
-				(m) => m.DbTableActionsComponent,
-			),
-		canActivate: [AuthGuard],
-	},
-	{
-		path: 'permissions/:connection-id',
-		loadComponent: () => import('./components/users/users.component').then((m) => m.UsersComponent),
-		canActivate: [AuthGuard],
-	},
-	{
-		path: 'zapier',
-		loadComponent: () => import('./components/zapier/zapier.component').then((m) => m.ZapierComponent),
-		canActivate: [AuthGuard],
-	},
-	{
-		path: 'panels/:connection-id',
-		loadComponent: () =>
-			import('./components/charts/charts-list/charts-list.component').then((m) => m.ChartsListComponent),
-		canActivate: [AuthGuard],
-		title: 'Saved Queries | Rocketadmin',
-	},
-	{
-		path: 'panels/:connection-id/new',
-		loadComponent: () =>
-			import('./components/charts/chart-edit/chart-edit.component').then((m) => m.ChartEditComponent),
-		canActivate: [AuthGuard],
-		title: 'Create Query | Rocketadmin',
-	},
-	{
-		path: 'panels/:connection-id/:query-id',
-		loadComponent: () =>
-			import('./components/charts/chart-edit/chart-edit.component').then((m) => m.ChartEditComponent),
-		canActivate: [AuthGuard],
-		title: 'Edit Query | Rocketadmin',
-	},
-	{
-		path: 'dashboards/:connection-id',
-		loadComponent: () =>
-			import('./components/dashboards/dashboards-list/dashboards-list.component').then(
-				(m) => m.DashboardsListComponent,
-			),
-		canActivate: [AuthGuard],
-		title: 'Dashboards | Rocketadmin',
-	},
-	{
-		path: 'dashboards/:connection-id/:dashboard-id',
-		loadComponent: () =>
-			import('./components/dashboards/dashboard-view/dashboard-view.component').then((m) => m.DashboardViewComponent),
-		canActivate: [AuthGuard],
-		title: 'Dashboard | Rocketadmin',
-	},
-	{
-		path: '**',
-		loadComponent: () =>
-			import('./components/page-not-found/page-not-found.component').then((m) => m.PageNotFoundComponent),
-	},
-];
-
-@NgModule({
-	imports: [RouterModule.forRoot(routes)],
-	exports: [RouterModule],
-})
-export class AppRoutingModule {}
diff --git a/frontend/src/app/app.component.css b/frontend/src/app/app.component.css
deleted file mode 100644
index 9c900b13c..000000000
--- a/frontend/src/app/app.component.css
+++ /dev/null
@@ -1,372 +0,0 @@
-.main-menu-container {
-	display: flex;
-	flex-direction: column;
-	height: 100vh;
-}
-
-@media (prefers-color-scheme: light) {
-	.main-menu-container {
-		--mat-sidenav-content-background-color: #fff;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.main-menu-container {
-		--mat-sidenav-content-background-color: #191919;
-		--mat-sidenav-container-background-color: #191919;
-		--mat-sidenav-container-divider-color: #303030;
-	}
-}
-
-.main-menu-sidenav {
-	width: 60vw;
-}
-
-.main-menu-sidenav .account-section-item {
-	--mdc-list-list-item-label-text-size: 13px;
-	--mat-list-list-item-leading-icon-size: 18px;
-	--mdc-list-list-item-one-line-container-height: 40px;
-	--mdc-list-list-item-two-line-container-height: 52px;
-}
-
-.main-menu-sidenav .account-section-item .mat-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-}
-
-@media (width <= 600px) {
-	.main-menu-sidenav.mat-drawer {
-		top: 44px !important;
-		height: calc(100vh - 44px) !important;
-	}
-
-	.main-menu-container ::ng-deep .mat-drawer-backdrop.mat-drawer-shown {
-		top: 44px !important;
-	}
-
-	.main-menu-sidenav mat-toolbar {
-		display: none !important;
-	}
-}
-
-.nav-bar {
-	position: sticky;
-	top: 0;
-	flex-shrink: 0;
-	background-color: var(--surface-dark-color);
-	z-index: 3;
-}
-
-@media (prefers-color-scheme: dark) {
-	.nav-bar {
-		border-bottom: 1px solid #303030;
-	}
-}
-
-.nav-bar_home {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-}
-
-.nav-bar_connection {
-	display: grid;
-	grid-template-columns: repeat(3, 1fr);
-	z-index: 3;
-}
-
-@media (width <= 600px) {
-	.nav-bar {
-		display: flex;
-		justify-content: space-between;
-	}
-}
-
-.nav-bar__slash {
-	color: #fff;
-	margin-bottom: -4px;
-}
-
-.nav-bar__button {
-	--mat-button-text-label-text-color: rgba(255, 255, 255, 1) !important;
-	--mat-mdc-button-persistent-ripple-color: transparent !important;
-
-	font-weight: 400 !important;
-	outline: 2px solid transparent;
-	transition: outline 0.2s;
-}
-
-.nav-bar__button[disabled="true"] {
-	--mat-button-text-disabled-label-text-color: #fff;
-}
-
-@media (prefers-color-scheme: dark) {
-	.nav-bar__button {
-		color: #fff;
-	}
-}
-
-.nav-bar__buttonConnectionsMenu {
-	margin-bottom: -4px;
-}
-
-.nav-bar__account-button ::ng-deep .mat-badge-content {
-	top: 14px;
-	left: 32px;
-	color: var(--color-accentedPalette);
-	height: 7px !important;
-	width: 7px !important;
-	z-index: 1;
-}
-
-.nav-menu__list-link-icon ::ng-deep .mat-badge-content {
-	top: 6px;
-	left: 26px;
-	color: var(--color-accentedPalette);
-	height: 7px !important;
-	width: 7px !important;
-}
-
-.nav-bar__button_active {
-	--mat-button-text-label-text-color: var(--color-accentedPalette-500) !important;
-	font-weight: 500 !important;
-}
-
-@media screen and (max-width: 600px) {
-	.nav-bar__button_active {
-		color: inherit;
-		font-weight: 600;
-	}
-}
-
-.nav-bar__account-button {
-	color: #fff;
-}
-
-.logo-box {
-	display: flex;
-	align-items: center;
-}
-
-.logo {
-	display: flex;
-	align-items: center;
-	color: #fff;
-	text-decoration: none;
-}
-
-.logo__image {
-	height: 24px;
-	margin-right: 12px;
-	display: block;
-	vertical-align: middle;
-}
-
-.logo picture {
-	display: inline-flex;
-	align-items: center;
-}
-
-@media (width <= 600px) {
-	.logo__image {
-		height: 28px;
-		margin-right: 8px;
-	}
-}
-
-.connection_active {
-	background: var(--color-accentedPalette-100);
-}
-
-@media (prefers-color-scheme: dark) {
-	.connection_active {
-		background: var(--color-accentedPalette-800);
-	}
-}
-
-.menu {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	gap: 4px;
-	text-align: center;
-}
-
-.menu-button {
-	color: #fff;
-}
-
-@media screen and (min-width: 600px) {
-	.menu-button {
-		display: none;
-	}
-}
-
-.actions {
-	display: flex;
-	align-items: center;
-	justify-content: flex-end;
-	gap: 20px;
-}
-
-@media screen and (max-width: 600px) {
-	.menu,
-	.actions_auth {
-		display: none;
-	}
-
-	.connection-navigation {
-		display: flex;
-		flex-direction: column;
-		align-items: flex-start;
-		border-bottom: var(--mat-table-row-item-outline-width, 1px) solid
-			var(--mat-table-row-item-outline-color, rgba(0, 0, 0, 0.12));
-		margin-left: 8px;
-		margin-bottom: 12px;
-		padding: 8px 0;
-		width: calc(100% - 16px);
-	}
-
-	.connection-navigation__item_user {
-		margin-top: -12px !important;
-	}
-
-	.connection-navigation__icon {
-		--mat-list-list-item-leading-icon-color: var(--mat-list-list-item-label-text-color);
-
-		margin-right: 12px !important;
-	}
-
-	.connection-navigation__icon_account {
-		margin-top: 24px !important;
-	}
-}
-
-/* .breadcrumbs {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: rgba(0, 103, 140, 0.24);
-    padding: 8px 0;
-    text-align: center;
-    width: 100%;
-}
-
-.breadcrumbs__tableName {
-    display: flex;
-    align-items: center;
-}
-
-.breadcrumbs__arrowIcon {
-    font-size: 12px;
-    height: 12px;
-    width: 12px;
-} */
-
-/* .connection-name {
-	position: absolute;
-	top: 6px;
-	left: 8px;
-	max-width: calc((100vw - 980px) / 2);
-	overflow: hidden;
-	text-overflow: ellipsis;
-} */
-
-/* .tab-icon {
-	margin-right: 8px;
-} */
-
-.main-menu-content {
-	flex-grow: 1;
-	display: flex;
-	flex-direction: column;
-}
-
-.main-menu-content_interior {
-	--mat-toolbar-standard-height: 44px !important;
-}
-
-.main-menu-content_exterior {
-	--mat-toolbar-standard-height: 56px !important;
-}
-
-.tab-content-wrapper {
-	flex: 1 0 auto;
-}
-
-.content {
-	--top-margin: 4em;
-
-	display: grid;
-	grid-template-rows: 0 100%;
-	height: 100%;
-}
-
-.helpContainer {
-	position: fixed;
-	right: 16px;
-	bottom: 16px;
-	z-index: 100;
-}
-
-.footer {
-	flex-shrink: 0;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background: transparent;
-	height: 60px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.footer {
-		background: var(--surface-dark-color);
-		border-top: 1px solid #303030;
-	}
-}
-
-.footer__text {
-	color: rgba(0, 0, 0, 0.5);
-	font-size: 0.875em;
-}
-
-@media (prefers-color-scheme: dark) {
-	.footer__text {
-		color: #fff;
-	}
-}
-
-::ng-deep .visually-hidden {
-	position: absolute !important;
-	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
-	clip: rect(1px, 1px, 1px, 1px);
-	padding: 0 !important;
-	border: 0 !important;
-	height: 1px !important;
-	width: 1px !important;
-	overflow: hidden;
-}
-
-.nav-bar__button-logout {
-	display: flex;
-	align-items: center;
-	gap: 4px;
-}
-
-.logout-button {
-	font-size: inherit;
-	font-weight: inherit;
-	margin: 4px 0;
-}
-
-.user-email {
-	color: rgba(0, 0, 0, 0.54);
-	font-size: 12px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.user-email {
-		color: rgba(255, 255, 255, 0.7);
-	}
-}
diff --git a/frontend/src/app/app.component.html b/frontend/src/app/app.component.html
deleted file mode 100644
index a53cd115f..000000000
--- a/frontend/src/app/app.component.html
+++ /dev/null
@@ -1,196 +0,0 @@
-<mat-sidenav-container class="main-menu-container" [ngClass]="{'main-menu-container_native': !isCustomAccentedColor}" autosize>
-    <mat-sidenav #drawer
-        fixedInViewport="true"
-        mode="over"
-        class="main-menu-sidenav"
-        >
-        <mat-toolbar>Rocketadmin</mat-toolbar>
-        <mat-nav-list *ngIf="userLoggedIn === true" (click)="drawer.close()">
-            <a *ngIf="!connectionID" mat-list-item routerLink="/connections-list"
-                routerLinkActive="nav-bar__button_active"
-                aria-label="List of connections">
-                <mat-icon matListItemIcon class="connection-navigation__icon">
-                    list
-                </mat-icon>
-                <div matListItemTitle>Connections</div>
-            </a>
-            <mat-nav-list *ngIf="connectionID && visibleTabs" class="connection-navigation">
-                <a mat-list-item *ngFor="let tab of visibleTabs" attr.data-testid="{{tab}}-header-link"
-                    routerLink="{{tab}}/{{connectionID}}"
-                    routerLinkActive="nav-bar__button_active">
-                    {{navigationTabs[tab].caption}}
-                </a>
-            </mat-nav-list>
-            <a mat-list-item routerLink="/user-settings" class="connection-navigation__item_user account-section-item" data-testid="account-link-account-menu">
-                <mat-icon matListItemIcon class="connection-navigation__icon connection-navigation__icon_account"
-                    matBadge="1" [matBadgeHidden]="currentUser.isActive"
-                    matBadgeColor="accent" matBadgeSize="small">
-                    face
-                </mat-icon>
-                <div matListItemTitle>Account</div>
-                <div matListItemLine>{{currentUser.email}}</div>
-            </a>
-            <a mat-list-item routerLink="/company" class="account-section-item" data-testid="company-link-account-menu">
-                <mat-icon matListItemIcon class="connection-navigation__icon">
-                    apartment
-                </mat-icon>
-                <div matListItemTitle>Company</div>
-            </a>
-            <a mat-list-item routerLink="/secrets" class="account-section-item" data-testid="secrets-link-account-menu">
-                <mat-icon matListItemIcon class="connection-navigation__icon">
-                    key
-                </mat-icon>
-                <div matListItemTitle>Secrets</div>
-            </a>
-            <a mat-list-item *ngIf="isSaas" routerLink="/zapier" class="account-section-item" data-testid="zapier-link-account-menu">
-                <mat-icon matListItemIcon class="connection-navigation__icon">
-                    electric_bolt
-                </mat-icon>
-                <div matListItemTitle>Zapier</div>
-            </a>
-            <button type="button" mat-menu-item (click)="openSupportChat()"
-                data-testid="support-chat-button-account-menu">
-                <mat-icon fontSet="material-symbols-outlined">chat_bubble</mat-icon>
-                <span>Chat with support</span>
-            </button>
-            <a mat-list-item class="account-section-item" href="https://docs.rocketadmin.com/" target="_blank">
-                <mat-icon matListItemIcon class="connection-navigation__icon" fontSet="material-symbols-outlined">help</mat-icon>
-                <div matListItemTitle>Help center</div>
-            </a>
-            <mat-list-item class="account-section-item" (click)="logOut()" data-testid="logout-button-account-menu">
-                <mat-icon matListItemIcon class="connection-navigation__icon">logout</mat-icon>
-                <div matListItemTitle>Log out</div>
-            </mat-list-item>
-        </mat-nav-list>
-    </mat-sidenav>
-
-    <mat-sidenav-content class="main-menu-content"
-        [ngClass]="{'main-menu-content_exterior': userLoggedIn === false, 'main-menu-content_interior': userLoggedIn === true}">
-        <app-view-as-banner></app-view-as-banner>
-        <mat-toolbar color="primary" class="nav-bar"
-            [ngClass]="{'nav-bar_home': !connectionID, 'nav-bar_connection': connectionID,
-                'nav-bar_exterior': userLoggedIn === false, 'nav-bar_interior': userLoggedIn === true}">
-            <div class="logo-box">
-                <a routerLink="/connections-list"
-                    *ngIf="userLoggedIn"
-                    class="logo">
-                    <picture>
-                        <source *ngIf="connectionID" media="(max-width: 600px)" srcset="../assets/rocketadmin_logo_white-short.svg">
-                        <img src="../assets/rocketadmin_logo_white.svg" alt="Rocketadmin logo" class="logo__image">
-                    </picture>
-                </a>
-
-                <a *ngIf="userLoggedIn === false" href="https://rocketadmin.com/" class="logo">
-                    <picture>
-                        <source media="(max-width: 767px)" srcset="../assets/rocketadmin_logo_white-short.svg">
-                        <img src="../assets/rocketadmin_logo_white.svg" alt="Rocketadmin logo" class="logo__image">
-                    </picture>
-                </a>
-                <span *ngIf="connectionID" class="nav-bar__slash">/</span>
-                <button *ngIf="connectionID"
-                    mat-button type="button" class="nav-bar__button nav-bar__buttonConnectionsMenu"
-                    [disabled]="ownUserConnections && ownUserConnections.length === 1 && !isTestConnection"
-                    [matMenuTriggerFor]="connectionsListMenu">
-                    {{currentConnectionName}}
-                    <mat-icon iconPositionEnd
-                        *ngIf="ownUserConnections && ownUserConnections.length !== 1 || isTestConnection"
-                        style="margin-left: 4px">
-                        arrow_drop_down
-                    </mat-icon>
-                </button>
-                <mat-menu #connectionsListMenu="matMenu">
-                    <a *ngIf="ownUserConnections && ownUserConnections.length === 0; else connectionsList"
-                        mat-menu-item
-                        routerLink="/connect-db">
-                        Add your own connection
-                    </a>
-                    <ng-template #connectionsList>
-                        <a mat-menu-item *ngFor="let connection of ownUserConnections"
-                            routerLink="/dashboard/{{connection.connection.id}}"
-                            [ngClass]="{'connection_active': connectionID === connection.connection.id}">
-                            {{connection.displayTitle}}
-                        </a>
-                    </ng-template>
-                </mat-menu>
-            </div>
-
-            <div *ngIf="connectionID" class="menu">
-                <a mat-button *ngFor="let tab of visibleTabs" attr.data-testid="{{tab}}-header-link"
-                    routerLink="{{tab + '/' + connectionID}}"
-                    routerLinkActive="nav-bar__button_active"
-                    class="nav-bar__button">
-                    <span *ngIf="tab !== 'edit-db' ">{{navigationTabs[tab].caption}}</span>
-                    <mat-icon *ngIf="tab === 'edit-db' "
-                        matTooltip="Database credentials">
-                        key_vertical
-                    </mat-icon>
-                </a>
-            </div>
-
-            <button type="button" mat-icon-button *ngIf="userLoggedIn === true" color="primary" class="menu-button" (click)="drawer.toggle()">
-                <mat-icon>menu</mat-icon>
-            </button>
-
-            <div *ngIf="userLoggedIn === true" class="actions actions_auth">
-                <button mat-icon-button type="button" data-testid="account-menu-anchor-header-button"
-                    matBadge="1" [matBadgeHidden]="currentUser.isActive"
-                    matBadgeColor="accent" matBadgeSize="small"
-                    [matMenuTriggerFor]="accountMenu"
-                    matTooltip="{{currentUser.email}}"
-                    class="nav-bar__account-button">
-                    <mat-icon>account_circle</mat-icon>
-                </button>
-                <mat-menu #accountMenu="matMenu" data-testid="account-menu-dropdown">
-                    <a mat-menu-item routerLink="/user-settings" data-testid="account-link-account-menu">
-                        <mat-icon class="nav-menu__list-link-icon"
-                            matBadge="1" [matBadgeHidden]="currentUser.isActive"
-                            matBadgeColor="accent" matBadgeSize="small">
-                            face
-                        </mat-icon>
-                        <span>Account</span>
-                        <br/>
-                        <span class="user-email">{{currentUser.email}}</span>
-                    </a>
-                    <a mat-menu-item routerLink="/company" data-testid="company-link-account-menu">
-                        <mat-icon class="nav-menu__list-link-icon">
-                            apartment
-                        </mat-icon>
-                        <span>Company</span>
-                    </a>
-                    <a mat-menu-item routerLink="/secrets" data-testid="secrets-link-account-menu">
-                        <mat-icon class="nav-menu__list-link-icon">
-                            key
-                        </mat-icon>
-                        <span>Secrets</span>
-                    </a>
-                    <a mat-menu-item *ngIf="isSaas" routerLink="/zapier" data-testid="zapier-link-account-menu">
-                        <mat-icon class="nav-menu__list-link-icon">
-                            electric_bolt
-                        </mat-icon>
-                        <span>Zapier</span>
-                    </a>
-                    <a mat-menu-item href="https://docs.rocketadmin.com/" target="_blank">
-                        <mat-icon fontSet="material-symbols-outlined">help</mat-icon>
-                        <span>Help center</span>
-                    </a>
-                    <button type="button" mat-menu-item (click)="logOut()" data-testid="logout-button-account-menu">
-                        <mat-icon>logout</mat-icon>
-                        <span>Log out</span>
-                    </button>
-                </mat-menu>
-            </div>
-        </mat-toolbar>
-
-        <mat-tab-nav-panel #tabPanel class="tab-content-wrapper">
-            <div class="content">
-                <router-outlet></router-outlet>
-            </div>
-        </mat-tab-nav-panel>
-
-        <div *ngIf="!authBarTheme" class="footer">
-            <span class="footer__text">&copy; 2026 Rocketadmin • v{{appVersion}}</span>
-        </div>
-        <app-feature-notification *ngIf="isFeatureNotificationShown" (dismiss)="dismissFeatureNotification()"></app-feature-notification>
-    </mat-sidenav-content>
-</mat-sidenav-container>
-
diff --git a/frontend/src/app/app.component.spec.ts b/frontend/src/app/app.component.spec.ts
deleted file mode 100644
index df1785487..000000000
--- a/frontend/src/app/app.component.spec.ts
+++ /dev/null
@@ -1,328 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ChangeDetectorRef, signal } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-// import { MatIconRegistry } from '@angular/material/icon';
-import { By, DomSanitizer } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-import { Angulartics2Module } from 'angulartics2';
-import { of, Subject } from 'rxjs';
-import { type Mock, vi } from 'vitest';
-import { AppComponent } from './app.component';
-import { AuthService } from './services/auth.service';
-import { ConnectionsService } from './services/connections.service';
-import { TablesService } from './services/tables.service';
-import { UiSettingsService } from './services/ui-settings.service';
-import { UserService } from './services/user.service';
-
-describe('AppComponent', () => {
-	let app: AppComponent;
-	let fixture: ComponentFixture<AppComponent>;
-	// let connectionsService: ConnectionsService;
-
-	const fakeUser = {
-		id: 'user-12345678',
-		createdAt: '2024-01-06T21:11:36.746Z',
-		suspended: false,
-		isActive: false,
-		email: 'test@email.com',
-		intercom_hash: 'intercom_hash-12345678',
-		name: null,
-		role: 'ADMIN',
-		is_2fa_enabled: false,
-		company: {
-			id: 'company-12345678',
-		},
-		externalRegistrationProvider: null,
-	};
-
-	const authCast = new Subject<any>();
-	const userCast = new Subject<any>();
-
-	const isAuthenticatedSignal = signal(false);
-	const mockAuthService = {
-		cast: authCast,
-		logOutUser: vi.fn().mockReturnValue(of(true)),
-		isAuthenticated: isAuthenticatedSignal.asReadonly(),
-		setAuthenticated: (value: boolean) => isAuthenticatedSignal.set(value),
-	};
-
-	const mockUserService = {
-		cast: userCast,
-		fetchUser: vi.fn().mockReturnValue(of(fakeUser)),
-	};
-
-	const mockUiSettingsService = {
-		getUiSettings: vi.fn().mockReturnValue(of({ globalSettings: { lastFeatureNotificationId: 'default-id' } })),
-		updateGlobalSetting: vi.fn().mockReturnValue(of({})),
-	};
-
-	const connectionsCast = new Subject<any>();
-
-	const mockConnectionsService = {
-		isCustomAccentedColor: true,
-		connectionID: '123',
-		visibleTabs: ['dashboard'],
-		currentTab: 'dashboard',
-		currentConnection: {
-			isTestConnection: false,
-		},
-		cast: connectionsCast,
-		fetchConnections: vi.fn().mockReturnValue(of([])),
-	};
-
-	const mockTablesService = {
-		currentTableName: 'users',
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				RouterTestingModule,
-				MatSnackBarModule,
-				MatDialogModule,
-				MatMenuModule,
-				Angulartics2Module.forRoot(),
-				AppComponent,
-				BrowserAnimationsModule,
-			],
-			providers: [
-				provideHttpClient(),
-				{ provide: AuthService, useValue: mockAuthService },
-				{ provide: UserService, useValue: mockUserService },
-				{ provide: UiSettingsService, useValue: mockUiSettingsService },
-				{ provide: TablesService, useValue: mockTablesService },
-				{ provide: ConnectionsService, useValue: mockConnectionsService },
-				// { provide: MatIconRegistry, useValue: {
-				//   addSvgIcon: () => {},
-				//   getDefaultFontSetClass: () => 'material-icons',
-				//   getFontSetName: () => 'material-icons',
-				//   getNamedSvgIcon: () => of(null), // only needed if you're testing SVG icons
-				// }},
-				{ provide: DomSanitizer, useValue: { bypassSecurityTrustResourceUrl: (url: string) => url } },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(AppComponent);
-		app = fixture.debugElement.componentInstance;
-
-		app.navigationTabs = {
-			dashboard: { caption: 'Tables' },
-			audit: { caption: 'Audit' },
-			permissions: { caption: 'Permissions' },
-			'connection-settings': { caption: 'Connection settings' },
-			'edit-db': { caption: 'Edit connection' },
-		};
-
-		fixture.detectChanges();
-
-		vi.spyOn(app, 'logOut');
-		vi.spyOn(app.router, 'navigate');
-	});
-
-	afterEach(() => {
-		localStorage.removeItem('token_expiration');
-		vi.mocked(app.logOut).mockClear();
-		vi.mocked(app.router.navigate).mockClear();
-		mockUiSettingsService.getUiSettings.mockClear();
-		mockUserService.fetchUser.mockClear();
-	});
-
-	it('should create the app', () => {
-		expect(app).toBeTruthy();
-	});
-
-	it('should set userLoggedIn on user session initialization', async () => {
-		mockUiSettingsService.getUiSettings.mockReturnValue(
-			of({ globalSettings: { lastFeatureNotificationId: 'old-id' } }),
-		);
-		app.initializeUserSession();
-		await fixture.whenStable();
-
-		expect(app.currentUser.email).toBe('test@email.com');
-		expect(app.userLoggedIn).toBe(true);
-		expect(mockUiSettingsService.getUiSettings).toHaveBeenCalled();
-	});
-
-	it('should render the link to Connections list that contains Rocketadmin logo in the navbar', async () => {
-		mockUiSettingsService.getUiSettings.mockReturnValue(
-			of({ globalSettings: { lastFeatureNotificationId: 'old-id' } }),
-		);
-		app.initializeUserSession();
-		await fixture.whenStable();
-
-		fixture.detectChanges();
-		const logoElement = fixture.debugElement.query(By.css('.logo')).nativeElement;
-		const logoImageElement = fixture.debugElement.query(By.css('.logo__image')).nativeElement;
-
-		expect(logoElement.href).toContain('/connections-list');
-		expect(logoImageElement.src).toContain('/assets/rocketadmin_logo_white.svg');
-	});
-
-	it('should render the link to Home website page that contains Rocketadmin logo in the template', () => {
-		app.userLoggedIn = false;
-
-		fixture.detectChanges();
-		const logoElement = fixture.debugElement.query(By.css('.logo')).nativeElement;
-		const logoImageElement = fixture.debugElement.query(By.css('.logo__image')).nativeElement;
-		const nameElement = fixture.debugElement.query(By.css('span[data-id="connection-custom-name"]'));
-
-		expect(logoElement.href).toEqual('https://rocketadmin.com/');
-		expect(logoImageElement.src).toContain('/assets/rocketadmin_logo_white.svg');
-		expect(nameElement).toBeFalsy();
-	});
-
-	it('should render feature popup if isFeatureNotificationShown different on server and client', async () => {
-		app.currentFeatureNotificationId = 'new-id';
-		mockUiSettingsService.getUiSettings.mockReturnValue(
-			of({ globalSettings: { lastFeatureNotificationId: 'old-id' } }),
-		);
-		app.initializeUserSession();
-		await fixture.whenStable();
-
-		fixture.detectChanges();
-		const featureNotificationElement = fixture.debugElement.query(By.css('app-feature-notification'));
-
-		expect(featureNotificationElement).toBeTruthy();
-	});
-
-	it('should not render feature popup if isFeatureNotificationShown the same on server and client', async () => {
-		app.currentFeatureNotificationId = 'old-id';
-		mockUiSettingsService.getUiSettings.mockReturnValue(
-			of({ globalSettings: { lastFeatureNotificationId: 'old-id' } }),
-		);
-		app.initializeUserSession();
-		await fixture.whenStable();
-
-		fixture.detectChanges();
-		const featureNotificationElement = fixture.debugElement.query(By.css('app-feature-notification'));
-
-		expect(featureNotificationElement).toBeFalsy();
-	});
-
-	it('should dismiss feature notification thus call updateGlobalSetting and hide feature notification', () => {
-		app.currentFeatureNotificationId = 'some-id';
-		app.isFeatureNotificationShown = true;
-
-		app.dismissFeatureNotification();
-
-		expect(mockUiSettingsService.updateGlobalSetting).toHaveBeenCalledWith('lastFeatureNotificationId', 'some-id');
-
-		expect(app.isFeatureNotificationShown).toBe(false);
-	});
-
-	it('should set userLoggedIn state and trigger change detection', () => {
-		const mockChangeDetectorRef = {
-			detectChanges: vi.fn(),
-			markForCheck: vi.fn(),
-			detach: vi.fn(),
-			checkNoChanges: vi.fn(),
-			reattach: vi.fn(),
-		} as unknown as ChangeDetectorRef;
-
-		app.changeDetector = mockChangeDetectorRef; // inject mock manually if needed
-
-		app.setUserLoggedIn(true);
-
-		expect(app.userLoggedIn).toBe(true);
-		expect(mockChangeDetectorRef.detectChanges).toHaveBeenCalled();
-	});
-
-	it('should handle user login flow when cast emits user with expires', async () => {
-		// AppComponent schedules a setTimeout to log the user out when the token expires. If
-		// fixture.whenStable() waits longer than that timer (e.g. while a stray HTTP request
-		// from a transitively-injected service settles), the callback fires and resets
-		// userLoggedIn back to null. Swap setTimeout for a no-op so the timer can't fire.
-		const setTimeoutSpy = vi
-			.spyOn(window, 'setTimeout')
-			.mockImplementation(() => 1 as unknown as ReturnType<typeof setTimeout>);
-
-		mockUiSettingsService.getUiSettings.mockReturnValue(
-			of({ globalSettings: { lastFeatureNotificationId: 'old-id' } }),
-		);
-
-		const expirationDate = new Date(Date.now() + 10_000); // 10s from now
-		app.currentFeatureNotificationId = 'some-id';
-
-		app.ngOnInit();
-
-		mockAuthService.cast.next({
-			isTemporary: false,
-			expires: expirationDate.toISOString(),
-		});
-
-		await fixture.whenStable();
-		fixture.detectChanges();
-
-		expect(app.userLoggedIn).toBe(true);
-		expect(app.currentUser.email).toBe('test@email.com');
-		expect(mockUserService.fetchUser).toHaveBeenCalled();
-		expect(mockUiSettingsService.getUiSettings).toHaveBeenCalled();
-		expect(app.isFeatureNotificationShown).toBe(true);
-
-		setTimeoutSpy.mockRestore();
-	});
-
-	it('should restore session and log out after token expiration', async () => {
-		// Lingering subscriptions from previous tests (AppComponent never unsubscribes from
-		// authCast) also schedule setTimeouts when cast.next fires. Capture only the timeout
-		// queued immediately after THIS app's mocked initializeUserSession, which is the one
-		// scheduled by the session-restoration branch for this component instance.
-		let capturedTimeoutCallback: Function | null = null;
-		let captureNextTimeout = false;
-		const setTimeoutSpy = vi.spyOn(window, 'setTimeout').mockImplementation((callback: Function) => {
-			if (captureNextTimeout) {
-				capturedTimeoutCallback = callback;
-				captureNextTimeout = false;
-			}
-			return 1 as unknown as ReturnType<typeof setTimeout>;
-		});
-
-		const expiration = new Date(Date.now() + 5000); // 5s ahead
-		localStorage.setItem('token_expiration', expiration.toString());
-
-		vi.spyOn(app, 'initializeUserSession').mockImplementation(() => {
-			app.userLoggedIn = true;
-			captureNextTimeout = true;
-		});
-
-		app.ngOnInit();
-		mockAuthService.cast.next({ some: 'session' }); // not 'delete'
-
-		await fixture.whenStable();
-
-		expect(app.initializeUserSession).toHaveBeenCalled();
-		expect(capturedTimeoutCallback).not.toBeNull();
-
-		capturedTimeoutCallback!();
-
-		expect(app.logOut).toHaveBeenCalledWith(true);
-		expect(app.router.navigate).toHaveBeenCalledWith(['/login']);
-
-		setTimeoutSpy.mockRestore();
-	});
-
-	it('should immediately log out and navigate to login if token is expired', async () => {
-		const expiration = new Date(Date.now() - 5000); // Expired 5s ago
-		localStorage.setItem('token_expiration', expiration.toString());
-
-		vi.spyOn(app, 'initializeUserSession');
-
-		app.userLoggedIn = true;
-
-		app.ngOnInit();
-
-		mockAuthService.cast.next({ some: 'session' });
-
-		await fixture.whenStable();
-
-		expect(app.initializeUserSession).not.toHaveBeenCalled();
-		expect(app.logOut).toHaveBeenCalledWith(true);
-		expect(app.router.navigate).toHaveBeenCalledWith(['/login']);
-	});
-});
diff --git a/frontend/src/app/app.component.ts b/frontend/src/app/app.component.ts
deleted file mode 100644
index 152bc2cf7..000000000
--- a/frontend/src/app/app.component.ts
+++ /dev/null
@@ -1,345 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ChangeDetectorRef, Component } from '@angular/core';
-import { MatBadgeModule } from '@angular/material/badge';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule, MatIconRegistry } from '@angular/material/icon';
-import { MatListModule } from '@angular/material/list';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import { MatTabsModule } from '@angular/material/tabs';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { DomSanitizer } from '@angular/platform-browser';
-import { ActivatedRoute, NavigationEnd, Router, RouterModule } from '@angular/router';
-import { User } from '@sentry/angular';
-import amplitude from 'amplitude-js';
-import { Angulartics2Amplitude, Angulartics2OnModule } from 'angulartics2';
-import { differenceInMilliseconds } from 'date-fns';
-import posthog from 'posthog-js';
-import { Subject } from 'rxjs';
-import { filter } from 'rxjs/operators';
-import { environment } from '../environments/environment';
-import { FeatureNotificationComponent } from './components/feature-notification/feature-notification.component';
-import { ViewAsBannerComponent } from './components/view-as-banner/view-as-banner.component';
-import { Connection } from './models/connection';
-import { AuthService } from './services/auth.service';
-import { ConnectionsService } from './services/connections.service';
-import { PosthogService } from './services/posthog.service';
-import { TablesService } from './services/tables.service';
-import { UiSettingsService } from './services/ui-settings.service';
-import { UserService } from './services/user.service';
-import { version } from './version';
-
-//@ts-expect-error
-window.amplitude = amplitude;
-amplitude.getInstance().init('9afd282be91f94da735c11418d5ff4f5');
-
-@Component({
-	selector: 'app-root',
-	templateUrl: './app.component.html',
-	styleUrls: ['./app.component.css'],
-	imports: [
-		CommonModule,
-		RouterModule,
-		MatTabsModule,
-		MatSidenavModule,
-		MatToolbarModule,
-		MatListModule,
-		MatIconModule,
-		MatButtonModule,
-		MatBadgeModule,
-		MatMenuModule,
-		MatTooltipModule,
-		Angulartics2OnModule,
-		FeatureNotificationComponent,
-		ViewAsBannerComponent,
-	],
-})
-export class AppComponent {
-	protected posthog = posthog;
-	public isSaas = (environment as any).saas;
-	public appVersion = version;
-	userActivity;
-	userInactive: Subject<any> = new Subject();
-	currentFeatureNotificationId: string = 'edit-schema';
-	isFeatureNotificationShown: boolean = false;
-
-	userLoggedIn = null;
-	redirect_uri = `${location.origin}/loader`;
-	token = null;
-	routePathParam;
-	authBarTheme;
-	activeLink: string;
-	navigationTabs: object;
-	currentUser: User;
-	page: string;
-	public connections: Connection[] = [];
-
-	constructor(
-		public changeDetector: ChangeDetectorRef,
-		// private ngZone: NgZone,
-		public route: ActivatedRoute,
-		public router: Router,
-		public _connections: ConnectionsService,
-		public _user: UserService,
-		public _auth: AuthService,
-		_tables: TablesService,
-		private _uiSettings: UiSettingsService,
-		angulartics2Amplitude: Angulartics2Amplitude,
-		private domSanitizer: DomSanitizer,
-		private matIconRegistry: MatIconRegistry,
-		_posthog: PosthogService,
-	) {
-		this.matIconRegistry.addSvgIcon(
-			'mysql',
-			this.domSanitizer.bypassSecurityTrustResourceUrl('/assets/icons/db-logos/mysql_logo.svg'),
-		);
-		this.matIconRegistry.addSvgIcon(
-			'mssql',
-			this.domSanitizer.bypassSecurityTrustResourceUrl('/assets/icons/db-logos/mssql_logo.svg'),
-		);
-		this.matIconRegistry.addSvgIcon(
-			'oracledb',
-			this.domSanitizer.bypassSecurityTrustResourceUrl('/assets/icons/db-logos/oracle_logo.svg'),
-		);
-		this.matIconRegistry.addSvgIcon(
-			'postgres',
-			this.domSanitizer.bypassSecurityTrustResourceUrl('/assets/icons/db-logos/postgres_logo.svg'),
-		);
-		this.matIconRegistry.addSvgIcon(
-			'mongodb',
-			this.domSanitizer.bypassSecurityTrustResourceUrl('/assets/icons/db-logos/mongodb_logo.svg'),
-		);
-		this.matIconRegistry.addSvgIcon(
-			'dynamodb',
-			this.domSanitizer.bypassSecurityTrustResourceUrl('/assets/icons/db-logos/dynamodb_logo.svg'),
-		);
-		this.matIconRegistry.addSvgIcon(
-			'cassandra',
-			this.domSanitizer.bypassSecurityTrustResourceUrl('/assets/icons/db-logos/сassandra_logo.svg'),
-		);
-		this.matIconRegistry.addSvgIcon(
-			'cassandra-dark',
-			this.domSanitizer.bypassSecurityTrustResourceUrl('/assets/icons/db-logos/сassandra_logo_dark.svg'),
-		);
-		this.matIconRegistry.addSvgIcon(
-			'redis',
-			this.domSanitizer.bypassSecurityTrustResourceUrl('/assets/icons/db-logos/redis_logo.svg'),
-		);
-		this.matIconRegistry.addSvgIcon(
-			'elasticsearch',
-			this.domSanitizer.bypassSecurityTrustResourceUrl('/assets/icons/db-logos/elasticsearch_logo.svg'),
-		);
-		this.matIconRegistry.addSvgIcon(
-			'clickhouse',
-			this.domSanitizer.bypassSecurityTrustResourceUrl('/assets/icons/db-logos/clickhouse_logo.svg'),
-		);
-		this.matIconRegistry.addSvgIcon(
-			'github',
-			this.domSanitizer.bypassSecurityTrustResourceUrl('/assets/icons/github.svg'),
-		);
-		this.matIconRegistry.addSvgIcon(
-			'google',
-			this.domSanitizer.bypassSecurityTrustResourceUrl('/assets/icons/google.svg'),
-		);
-		this.matIconRegistry.addSvgIcon(
-			'ai_rocket',
-			this.domSanitizer.bypassSecurityTrustResourceUrl('/assets/icons/ai-rocket.svg'),
-		);
-		angulartics2Amplitude.startTracking();
-	}
-
-	ngOnInit() {
-		this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe(() => {
-			this.page = this.router.routerState.snapshot.url.split('?')[0];
-
-			console.log('Navigated to page:', this.page);
-		});
-
-		const expirationDateFromURL = new URLSearchParams(location.search).get('expires');
-
-		if (expirationDateFromURL) {
-			const expirationDateString = new Date(parseInt(expirationDateFromURL, 10));
-			localStorage.setItem('token_expiration', expirationDateString.toString());
-		}
-
-		let expirationToken = localStorage.getItem('token_expiration');
-
-		if (!expirationToken) {
-			this.setUserLoggedIn(false);
-		}
-
-		this.navigationTabs = {
-			dashboard: {
-				caption: 'Tables',
-			},
-			audit: {
-				caption: 'Audit',
-			},
-			permissions: {
-				caption: 'Permissions',
-			},
-			dashboards: {
-				caption: 'Dashboards',
-			},
-			'connection-settings': {
-				caption: 'Connection settings',
-			},
-			'edit-db': {
-				caption: 'Edit connection',
-			},
-		};
-
-		document.cookie = 'G_AUTH2_MIGRATION=informational';
-		this._auth.cast.subscribe((res) => {
-			// app initialization after user logs in
-			if (!res.isTemporary && res.expires) {
-				const expirationTime = new Date(res.expires);
-				if (expirationTime) {
-					localStorage.setItem('token_expiration', expirationTime.toISOString());
-					expirationToken = expirationTime.toISOString();
-				}
-				this._auth.setAuthenticated(true);
-
-				this.router.navigate(['/connections-list']);
-
-				console.log('App component, user logged in, initializing app');
-				this.initializeUserSession();
-
-				const expirationInterval = differenceInMilliseconds(expirationTime, new Date());
-				setTimeout(() => {
-					this.logOut(true);
-					this.router.navigate(['/login']);
-				}, expirationInterval);
-			}
-			// app initialization if user is logged in (session restoration)
-			else if (expirationToken) {
-				const expirationTime = expirationToken ? new Date(expirationToken) : null;
-				const currantTime = new Date();
-
-				if (expirationTime && currantTime) {
-					const expirationInterval = differenceInMilliseconds(expirationTime, currantTime);
-					console.log('expirationInterval', expirationInterval);
-					if (expirationInterval > 0) {
-						this._auth.setAuthenticated(true);
-						console.log('App component, session restoration');
-						this.initializeUserSession();
-
-						setTimeout(() => {
-							if (this.userLoggedIn) this.logOut(true);
-							this.router.navigate(['/login']);
-						}, expirationInterval);
-					} else {
-						if (this.userLoggedIn) this.logOut(true);
-						this.router.navigate(['/login']);
-					}
-				}
-			}
-		});
-
-		this._user.cast.subscribe((arg) => {
-			if (arg === 'delete') {
-				this.logOut(true);
-			}
-		});
-	}
-
-	get isCustomAccentedColor() {
-		return this._connections.isCustomAccentedColor;
-	}
-
-	get connectionID() {
-		return this._connections.connectionID;
-	}
-
-	get currentConnectionName() {
-		return this._connections.currentConnectionName;
-	}
-
-	get isTestConnection() {
-		return this._connections.currentConnection?.isTestConnection || false;
-	}
-
-	get visibleTabs() {
-		return this._connections.visibleTabs;
-	}
-
-	get currentTab() {
-		return this._connections.currentTab;
-	}
-
-	get ownUserConnections() {
-		return this._connections.ownConnectionsList;
-	}
-
-	initializeUserSession() {
-		this._user.fetchUser().subscribe((res: User) => {
-			this.currentUser = res;
-			this.setUserLoggedIn(true);
-			if (typeof window.Intercom !== 'undefined')
-				window.Intercom('boot', {
-					...window.intercomSettings,
-					user_hash: res.intercom_hash,
-					user_id: res.id,
-					email: res.email,
-					hide_default_launcher: window.innerWidth <= 600,
-				});
-
-			// this._connections.fetchConnections()
-			//   .subscribe((res: any) => {
-			//     this.connections = res.filter(connectionItem => !connectionItem.isTestConnection);
-			//   })
-
-			this._connections.cast.subscribe(() => {
-				this._connections.fetchConnections().subscribe();
-			});
-
-			this._uiSettings.getUiSettings().subscribe((settings) => {
-				this.isFeatureNotificationShown =
-					settings?.globalSettings?.lastFeatureNotificationId !== this.currentFeatureNotificationId;
-			});
-		});
-	}
-
-	dismissFeatureNotification() {
-		this._uiSettings.updateGlobalSetting('lastFeatureNotificationId', this.currentFeatureNotificationId);
-		this.isFeatureNotificationShown = false;
-	}
-
-	openSupportChat() {
-		if (typeof window.Intercom !== 'undefined') {
-			window.Intercom('show');
-		}
-	}
-
-	setUserLoggedIn(state) {
-		this.userLoggedIn = state;
-		this.changeDetector.detectChanges();
-	}
-
-	logOut(isTokenExpired?: boolean) {
-		try {
-			// @ts-expect-error
-			google.accounts.id.revoke(this.currentUser.email, (done) => {
-				console.log('consent revoked');
-				console.log(done);
-				console.log(this.currentUser.email);
-			});
-		} catch (error) {
-			console.log('google error');
-			console.log(error);
-		}
-
-		this._auth.logOutUser().subscribe(() => {
-			this.setUserLoggedIn(null);
-			localStorage.removeItem('token_expiration');
-			this._auth.setAuthenticated(false);
-
-			if (this.isSaas) {
-				if (!isTokenExpired) window.location.href = 'https://rocketadmin.com/';
-			} else {
-				this.router.navigate(['/login']);
-			}
-		});
-	}
-}
diff --git a/frontend/src/app/components/api-keys/api-keys.component.css b/frontend/src/app/components/api-keys/api-keys.component.css
deleted file mode 100644
index e308bf539..000000000
--- a/frontend/src/app/components/api-keys/api-keys.component.css
+++ /dev/null
@@ -1,201 +0,0 @@
-.profile-layout {
-	display: flex;
-	height: calc(100vh - 64px);
-}
-
-.profile-main {
-	flex: 1;
-	background-color: var(--mat-sidenav-content-background-color);
-	overflow-y: auto;
-}
-
-::ng-deep .profile-main > app-alert {
-	position: relative;
-	top: 0;
-	margin: 24px;
-}
-
-.api-keys-page {
-	margin: var(--top-margin) auto;
-	padding: 0 clamp(40px, 5vw, 100px);
-	max-width: 800px;
-}
-
-@media (width <= 600px) {
-	.api-keys-page {
-		padding: 0 16px;
-		margin: 1.5em auto;
-	}
-}
-
-.api-keys-description {
-	color: rgba(0, 0, 0, 0.64);
-	margin-top: 8px;
-	margin-bottom: 32px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.api-keys-description {
-		color: rgba(255, 255, 255, 0.7);
-	}
-}
-
-.api-keys-content {
-	display: flex;
-	flex-direction: column;
-	gap: 24px;
-}
-
-.api-key-form {
-	display: flex;
-	align-items: flex-start;
-	gap: 16px;
-}
-
-@media (width <= 600px) {
-	.api-key-form {
-		flex-direction: column;
-		align-items: stretch;
-	}
-}
-
-.api-key-form__input {
-	flex: 1;
-}
-
-@media (width <= 600px) {
-	.api-key-form__input {
-		width: 100%;
-	}
-}
-
-.api-key-form__generate-button {
-	margin-top: 4px;
-}
-
-@media (width <= 600px) {
-	.api-key-form__generate-button {
-		margin-top: 0;
-	}
-}
-
-.api-key-value {
-	display: flex;
-	align-items: flex-start;
-	gap: 8px;
-	padding: 16px;
-	background-color: rgba(76, 175, 80, 0.08);
-	border-radius: 8px;
-	border: 1px solid rgba(76, 175, 80, 0.24);
-}
-
-@media (prefers-color-scheme: dark) {
-	.api-key-value {
-		background-color: rgba(76, 175, 80, 0.12);
-		border-color: rgba(76, 175, 80, 0.32);
-	}
-}
-
-.api-key-value__input {
-	flex: 1;
-}
-
-.api-key-value__copy-button {
-	margin-top: 4px;
-}
-
-.api-keys-list {
-	margin-top: 16px;
-}
-
-.api-keys-list__heading {
-	margin-bottom: 16px;
-	font-weight: 500;
-}
-
-.api-keys-empty {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	padding: 48px 24px;
-	text-align: center;
-	background-color: rgba(0, 0, 0, 0.02);
-	border-radius: 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.api-keys-empty {
-		background-color: rgba(255, 255, 255, 0.05);
-	}
-}
-
-.api-keys-empty__icon {
-	font-size: 48px;
-	width: 48px;
-	height: 48px;
-	color: rgba(0, 0, 0, 0.26);
-	margin-bottom: 16px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.api-keys-empty__icon {
-		color: rgba(255, 255, 255, 0.3);
-	}
-}
-
-.api-keys-empty p {
-	margin: 0;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.api-keys-empty p {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.api-keys-items {
-	padding: 0;
-}
-
-.api-key-list-item {
-	border-radius: 8px;
-	margin-bottom: 8px;
-}
-
-.api-key-list-item:hover {
-	background-color: rgba(0, 0, 0, 0.04);
-}
-
-@media (prefers-color-scheme: dark) {
-	.api-key-list-item:hover {
-		background-color: rgba(255, 255, 255, 0.08);
-	}
-}
-
-.api-key-item {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	width: 100%;
-}
-
-.api-key-item__info {
-	display: flex;
-	align-items: center;
-	gap: 12px;
-}
-
-.api-key-item__icon {
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.api-key-item__icon {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.api-key-item__title {
-	font-weight: 500;
-}
diff --git a/frontend/src/app/components/api-keys/api-keys.component.html b/frontend/src/app/components/api-keys/api-keys.component.html
deleted file mode 100644
index 0c776eaa3..000000000
--- a/frontend/src/app/components/api-keys/api-keys.component.html
+++ /dev/null
@@ -1,82 +0,0 @@
-<div class="profile-layout">
-    <app-profile-sidebar activeTab="api"></app-profile-sidebar>
-
-    <div class="profile-main">
-        <app-alert></app-alert>
-
-        <div class="api-keys-page">
-            <h1 class="mat-h1">API Keys</h1>
-            <p class="api-keys-description">
-                Generate and manage API keys to access Rocketadmin programmatically.
-            </p>
-
-            <div class="api-keys-content">
-                <form class="api-key-form" (ngSubmit)="generateAPIkey()">
-                    <mat-form-field appearance="outline" class="api-key-form__input">
-                        <mat-label>API key title</mat-label>
-                        <input matInput name="api-key-title" #apiKeyTitle="ngModel"
-                            data-testid="api-key-input"
-                            angulartics2On="change"
-                            angularticsAction="API Keys: api key title is edited"
-                            (change)="posthog.capture('API Keys: api key title is edited')"
-                            [(ngModel)]="generatingAPIkeyTitle">
-                    </mat-form-field>
-                    <button type="submit" mat-flat-button color="primary" data-testid="generate-api-key-button"
-                        class="api-key-form__generate-button"
-                        [disabled]="!generatingAPIkeyTitle || submitting">
-                        {{submitting ? 'Generating...' : 'Generate'}}
-                    </button>
-                </form>
-
-                <div *ngIf="generatedAPIkeyHash" class="api-key-value">
-                    <mat-form-field appearance="outline" class="api-key-value__input">
-                        <mat-label>API key</mat-label>
-                        <input matInput name="token" #token="ngModel" readonly
-                            data-testid="api-key-value-input"
-                            [(ngModel)]="generatedAPIkeyHash">
-                        <mat-hint>
-                            Please save this API key. You won't be able to see it again.
-                        </mat-hint>
-                    </mat-form-field>
-                    <button type="button" mat-icon-button
-                        data-testid="api-key-value-copy-button"
-                        class="api-key-value__copy-button"
-                        matTooltip="Copy API key"
-                        [cdkCopyToClipboard]="generatedAPIkeyHash"
-                        (cdkCopyToClipboardCopied)="showCopyNotification('API key was copied to clipboard.')">
-                        <mat-icon>content_copy</mat-icon>
-                    </button>
-                </div>
-
-                <div class="api-keys-list">
-                    <h3 class="api-keys-list__heading">Your API keys</h3>
-
-                    <app-placeholder-api-keys-list *ngIf="!apiKeys"></app-placeholder-api-keys-list>
-
-                    <div *ngIf="apiKeys && apiKeys.length === 0" class="api-keys-empty">
-                        <mat-icon class="api-keys-empty__icon">vpn_key_off</mat-icon>
-                        <p>You don't have any API keys yet.</p>
-                    </div>
-
-                    <mat-list role="list" *ngIf="apiKeys && apiKeys.length" class="api-keys-items">
-                        <mat-list-item role="listitem" *ngFor="let apiKey of apiKeys; let i=index" class="api-key-list-item">
-                            <div class="api-key-item">
-                                <div class="api-key-item__info">
-                                    <mat-icon class="api-key-item__icon">vpn_key</mat-icon>
-                                    <span class="api-key-item__title">{{apiKey.title}}</span>
-                                </div>
-                                <button type="button" mat-icon-button
-                                    attr.data-testid="api-key-{{i}}-delete-button"
-                                    matTooltip="Delete API key"
-                                    color="warn"
-                                    (click)="deleteAPIkey(apiKey)">
-                                    <mat-icon>delete</mat-icon>
-                                </button>
-                            </div>
-                        </mat-list-item>
-                    </mat-list>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/frontend/src/app/components/api-keys/api-keys.component.ts b/frontend/src/app/components/api-keys/api-keys.component.ts
deleted file mode 100644
index 34a792bef..000000000
--- a/frontend/src/app/components/api-keys/api-keys.component.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-import { CdkCopyToClipboard } from '@angular/cdk/clipboard';
-import { CommonModule } from '@angular/common';
-import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDialog } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatListModule } from '@angular/material/list';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Title } from '@angular/platform-browser';
-import { Angulartics2, Angulartics2OnModule } from 'angulartics2';
-import posthog from 'posthog-js';
-import { ApiKey } from 'src/app/models/user';
-import { NotificationsService } from 'src/app/services/notifications.service';
-import { UserService } from 'src/app/services/user.service';
-import { ProfileSidebarComponent } from '../profile/profile-sidebar/profile-sidebar.component';
-import { PlaceholderApiKeysListComponent } from '../skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-import { ApiKeyDeleteDialogComponent } from '../user-settings/api-key-delete-dialog/api-key-delete-dialog.component';
-
-@Component({
-	selector: 'app-api-keys',
-	templateUrl: './api-keys.component.html',
-	styleUrls: ['./api-keys.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatButtonModule,
-		MatFormFieldModule,
-		MatIconModule,
-		MatInputModule,
-		MatListModule,
-		MatTooltipModule,
-		CdkCopyToClipboard,
-		Angulartics2OnModule,
-		AlertComponent,
-		ProfileSidebarComponent,
-		PlaceholderApiKeysListComponent,
-	],
-})
-export class ApiKeysComponent implements OnInit {
-	protected posthog = posthog;
-	public apiKeys: ApiKey[] = null;
-	public generatingAPIkeyTitle: string = '';
-	public generatedAPIkeyHash: string = '';
-	public submitting: boolean = false;
-
-	constructor(
-		private _userService: UserService,
-		private _notifications: NotificationsService,
-		private dialog: MatDialog,
-		private title: Title,
-		private angulartics2: Angulartics2,
-	) {}
-
-	ngOnInit(): void {
-		this.title.setTitle('API Keys | Rocketadmin');
-		this.getAPIkeys();
-	}
-
-	getAPIkeys() {
-		this._userService.getAPIkeys().subscribe((res) => (this.apiKeys = res));
-	}
-
-	generateAPIkey() {
-		this.submitting = true;
-		this._userService.generateAPIkey(this.generatingAPIkeyTitle).subscribe(
-			(res) => {
-				this.generatedAPIkeyHash = res.hash;
-				this.generatingAPIkeyTitle = '';
-				this.getAPIkeys();
-				this.submitting = false;
-				this.angulartics2.eventTrack.next({
-					action: 'API Keys: key generated successfully',
-				});
-				posthog.capture('API Keys: key generated successfully');
-			},
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-
-	deleteAPIkey(apiKey: ApiKey) {
-		const deleteConfirmation = this.dialog.open(ApiKeyDeleteDialogComponent, {
-			width: '25em',
-			data: apiKey,
-		});
-
-		deleteConfirmation.afterClosed().subscribe((action) => {
-			if (action === 'delete') {
-				this.getAPIkeys();
-				this.angulartics2.eventTrack.next({
-					action: 'API Keys: key deleted successfully',
-				});
-				posthog.capture('API Keys: key deleted successfully');
-			}
-		});
-	}
-
-	showCopyNotification(message: string) {
-		this._notifications.showSuccessSnackbar(message);
-	}
-}
diff --git a/frontend/src/app/components/audit/audit-data-source.ts b/frontend/src/app/components/audit/audit-data-source.ts
deleted file mode 100644
index 55300c926..000000000
--- a/frontend/src/app/components/audit/audit-data-source.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-import { CollectionViewer } from '@angular/cdk/collections';
-import { DataSource } from '@angular/cdk/table';
-import { MatPaginator } from '@angular/material/paginator';
-import { format } from 'date-fns';
-import { BehaviorSubject, Observable, of } from 'rxjs';
-import { catchError, finalize } from 'rxjs/operators';
-import { ConnectionsService } from 'src/app/services/connections.service';
-
-interface Column {
-	title: string;
-	selected: boolean;
-}
-
-interface RowsParams {
-	connectionID: string;
-	tableName?: string;
-	userEmail: string;
-	requstedPage?: number;
-	filters?: object;
-}
-
-export class AuditDataSource implements DataSource<Object> {
-	private rowsSubject = new BehaviorSubject<Object[]>([]);
-	private loadingSubject = new BehaviorSubject<boolean>(false);
-
-	public loading$ = this.loadingSubject.asObservable();
-	public paginator: MatPaginator;
-
-	constructor(private _connections: ConnectionsService) {}
-
-	connect(_collectionViewer: CollectionViewer): Observable<Object[]> {
-		return this.rowsSubject.asObservable();
-	}
-
-	disconnect(_collectionViewer: CollectionViewer): void {
-		this.rowsSubject.complete();
-		this.loadingSubject.complete();
-	}
-
-	fetchLogs({ connectionID, tableName, userEmail }: RowsParams) {
-		this.loadingSubject.next(true);
-		const fetchedLogs = this._connections.fetchAuditLog({
-			connectionID,
-			tableName,
-			userEmail,
-			requstedPage: this.paginator?.pageIndex + 1 || 1,
-			chunkSize: this.paginator?.pageSize || 30,
-		});
-
-		if (fetchedLogs) {
-			fetchedLogs
-				.pipe(
-					catchError(() => of([])),
-					finalize(() => this.loadingSubject.next(false)),
-				)
-				.subscribe((res: any) => {
-					const actions = {
-						addRow: 'Created',
-						deleteRow: 'Deleted',
-						updateRow: 'Edited',
-						rowReceived: 'Viewed',
-						rowsReceived: 'Viewed',
-						importRows: 'Imported',
-						exportRows: 'Exported',
-					};
-
-					const actionIcons = {
-						addRow: 'add',
-						deleteRow: 'delete',
-						updateRow: 'edit',
-						rowReceived: 'visibility',
-						rowsReceived: 'visibility',
-						importRows: 'upload',
-						exportRows: 'download',
-					};
-
-					const formattedLogs = res.logs.map((log) => {
-						const date = new Date(log.createdAt);
-						const formattedDate = format(date, "d MMM yyyy 'at' h:mm a");
-						const dateOnly = format(date, 'd MMM yyyy');
-						const timeOnly = format(date, 'h:mm a');
-
-						return {
-							Table: log.table_name,
-							User: log.email,
-							UserEmail: log.email,
-							Action: actions[log.operationType],
-							ActionIcon: actionIcons[log.operationType],
-							Date: formattedDate,
-							DateOnly: dateOnly,
-							TimeOnly: timeOnly,
-							Status: log.operationStatusResult,
-							operationType: log.operationType,
-							createdAt: log.createdAt,
-							prevValue: log.old_data,
-							currentValue: log.received_data,
-							IsAddAction: log.operationType === 'addRow',
-						};
-					});
-					this.rowsSubject.next(formattedLogs);
-
-					this.paginator.pageSize = res.pagination.perPage;
-					this.paginator.length = res.pagination.total;
-				});
-		}
-	}
-}
diff --git a/frontend/src/app/components/audit/audit.component.css b/frontend/src/app/components/audit/audit.component.css
deleted file mode 100644
index d5a7162dd..000000000
--- a/frontend/src/app/components/audit/audit.component.css
+++ /dev/null
@@ -1,676 +0,0 @@
-.wrapper {
-	display: flex;
-	flex-direction: column;
-	align-items: stretch;
-	margin: 0 auto;
-	height: 100%;
-	width: clamp(300px, 75vw, 1000px);
-}
-
-header {
-	align-self: flex-start;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	margin: 2em 0 1em;
-	width: 100%;
-}
-
-.mat-h1 {
-	margin: 0;
-}
-
-.title-block {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-.title-block h1 {
-	margin: 0;
-	line-height: 1;
-}
-
-.back-button {
-	display: none !important;
-}
-
-.filters {
-	display: flex;
-	/* grid-template-columns: 1fr 1fr; */
-	gap: 24px;
-}
-
-.table-name {
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-}
-
-.table-name__title {
-	color: black;
-	font-size: 16px;
-	margin-bottom: -6px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.table-name__title {
-		color: white;
-	}
-}
-
-.table-name__line {
-	color: rgba(0, 0, 0, 0.6);
-	font-size: 12px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.table-name__line {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
-
-.mat-table {
-	width: 100%;
-}
-
-.mat-mdc-row:hover {
-	background-color: rgba(0, 0, 0, 0.02) !important;
-}
-
-@media (prefers-color-scheme: dark) {
-	.mat-mdc-row:hover {
-		background-color: rgba(255, 255, 255, 0.04) !important;
-	}
-}
-
-th.mat-header-cell,
-td.mat-cell {
-	padding-right: 20px;
-}
-
-td.mat-cell {
-	padding-top: 12px;
-	padding-bottom: 12px;
-}
-
-.table-cell-content_break-words {
-	padding: 16px 0;
-	word-break: break-all;
-}
-
-.table-wrapper {
-	position: relative;
-	min-height: 200px;
-}
-
-.spinner-wrapper {
-	position: absolute;
-	top: 56px;
-	left: 0;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background: rgba(255, 255, 255, 0.9);
-	height: calc(100% - 112px);
-	width: 100%;
-	z-index: 2;
-}
-
-.error-wrapper {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	margin-top: 100px;
-	height: 100%;
-}
-
-.error-box {
-	background-color: rgb(253, 237, 237);
-	border-radius: 4px;
-	color: rgb(95, 33, 32);
-	padding: 20px;
-	width: clamp(300px, 50vw, 450px);
-}
-
-.error-details {
-	margin-top: 8px;
-}
-
-.audit-banner {
-	margin: -60px calc((100vw - clamp(300px, 75vw, 1000px)) / -2) 0;
-	width: 100vw;
-}
-
-.hidden {
-	display: none;
-}
-
-.status-badge {
-	display: inline-block;
-	padding: 4px 12px;
-	border-radius: 4px;
-}
-
-.status-succeed {
-	background-color: #ebf9eb;
-	color: #1a5e20;
-}
-
-.action-cell {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-.action-icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-}
-
-.action-icon--add {
-	color: #1a5e20;
-}
-
-.action-icon--delete {
-	color: #c62828;
-}
-
-.action-icon--edit {
-	color: var(--color-accentedPalette-500);
-}
-
-.action-icon--visibility {
-	color: #6a6a6a;
-}
-
-.action-icon--upload {
-	color: #2e7d32;
-}
-
-.action-icon--download {
-	color: #1565c0;
-}
-
-.user-cell {
-	display: flex;
-	flex-direction: column;
-	gap: 0;
-}
-
-.user-name {
-	font-weight: 500;
-}
-
-.user-email--secondary {
-	font-size: 12px;
-	color: rgba(0, 0, 0, 0.6);
-}
-
-@media (prefers-color-scheme: dark) {
-	.user-email--secondary {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
-
-.date-cell {
-	display: flex;
-	flex-direction: column;
-	gap: 0;
-}
-
-.date-time {
-	font-size: 12px;
-	color: rgba(0, 0, 0, 0.6);
-}
-
-@media (prefers-color-scheme: dark) {
-	.date-time {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
-
-@media (width <= 600px) {
-	.wrapper {
-		width: 100%;
-		max-width: 100%;
-		min-width: 0;
-		padding: 0 16px;
-		box-sizing: border-box;
-		overflow-x: clip;
-		overflow-y: visible;
-	}
-
-	header {
-		flex-direction: column;
-		align-items: stretch;
-		gap: 12px;
-		margin: 16px 0 12px;
-	}
-
-	.back-button {
-		display: inline-flex !important;
-		align-items: center;
-		justify-content: center;
-		margin-left: -12px;
-	}
-
-	.title-block {
-		gap: 0;
-		align-items: center;
-	}
-
-	.title-block h1 {
-		font-size: 22px;
-		font-weight: 600;
-		line-height: 1;
-	}
-
-	.filters {
-		flex-direction: row;
-		gap: 8px;
-		width: 100%;
-		max-width: 100%;
-		min-width: 0;
-	}
-
-	.filters mat-form-field {
-		flex: 1 1 0;
-		min-width: 0;
-		max-width: 100%;
-		width: auto;
-	}
-
-	.filters mat-form-field ::ng-deep .mat-mdc-text-field-wrapper,
-	.filters mat-form-field ::ng-deep .mat-mdc-form-field-flex {
-		min-width: 0 !important;
-		width: 100% !important;
-	}
-
-	.filters mat-form-field ::ng-deep .mat-mdc-form-field-infix {
-		min-width: 0 !important;
-		flex: 1 1 auto !important;
-		width: auto !important;
-	}
-
-	.filters mat-form-field ::ng-deep .mat-mdc-select {
-		width: 100%;
-	}
-
-	.filters mat-form-field ::ng-deep .mat-mdc-select-arrow-wrapper {
-		padding-left: 4px;
-	}
-
-	.audit-banner {
-		margin: 0 -16px 12px;
-		width: calc(100% + 32px);
-	}
-
-	.table-wrapper {
-		width: 100%;
-		max-width: 100%;
-		min-width: 0;
-		background: transparent !important;
-		box-shadow: none !important;
-		box-sizing: border-box;
-	}
-
-	.table-wrapper table.mat-mdc-table,
-	.table-wrapper table.mat-mdc-table thead,
-	.table-wrapper table.mat-mdc-table tbody,
-	.table-wrapper table.mat-mdc-table tr {
-		display: block;
-		width: 100%;
-	}
-
-	.table-wrapper table.mat-mdc-table thead,
-	.table-wrapper table.mat-mdc-table tr.mat-mdc-header-row,
-	.table-wrapper table.mat-mdc-table th.mat-mdc-header-cell {
-		display: none !important;
-	}
-
-	.table-wrapper table.mat-mdc-table tbody {
-		display: flex;
-		flex-direction: column;
-		gap: 10px;
-	}
-
-	.table-wrapper tr.mat-mdc-row {
-		background: var(--mat-table-background-color, #fff);
-		border-radius: 12px;
-		padding: 10px 14px;
-		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.04);
-		display: grid !important;
-		grid-template-columns: auto 1fr;
-		grid-column-gap: 12px;
-		grid-row-gap: 4px;
-		height: auto !important;
-		width: calc(100vw - 32px) !important;
-		min-width: 0 !important;
-		max-width: calc(100vw - 32px) !important;
-		box-sizing: border-box;
-		margin: 0 !important;
-	}
-
-	.table-wrapper table.mat-mdc-table {
-		min-width: 0 !important;
-		max-width: 100% !important;
-		width: 100% !important;
-		background: transparent !important;
-	}
-
-	.table-wrapper table.mat-mdc-table tbody {
-		width: 100% !important;
-	}
-
-	.table-wrapper td.mat-mdc-cell {
-		display: block;
-		border: 0 !important;
-		padding: 0 !important;
-		font-size: 13px;
-	}
-
-	.table-wrapper td.mat-mdc-cell .table-cell-content {
-		padding: 0;
-	}
-
-	/* columns order: User(1) Table(2) Action(3) Status(4) Date(5) Changes(6)
-	   Card layout:
-	   row 1: User (name + email) full width
-	   row 2: Action + Table (inline)
-	   row 3: Status
-	   row 4: Date + Details */
-	.table-wrapper td.mat-mdc-cell:nth-of-type(1) {
-		grid-column: 1 / -1;
-		grid-row: 1;
-	}
-
-	.table-wrapper td.mat-mdc-cell:nth-of-type(3) {
-		grid-column: 1 / 2;
-		grid-row: 2;
-		font-weight: 500;
-	}
-
-	.table-wrapper td.mat-mdc-cell:nth-of-type(2) {
-		grid-column: 2 / 3;
-		grid-row: 2;
-		font-weight: 600;
-		font-size: 14px;
-		justify-self: start;
-	}
-
-	.table-wrapper td.mat-mdc-cell:nth-of-type(4) {
-		grid-column: 1 / -1;
-		grid-row: 3;
-	}
-
-	.table-wrapper td.mat-mdc-cell:nth-of-type(5) {
-		grid-column: 1 / 2;
-		grid-row: 4;
-		opacity: 0.75;
-		font-size: 12px;
-	}
-
-	.table-wrapper td.mat-mdc-cell:nth-of-type(6) {
-		grid-column: 2 / 3;
-		grid-row: 4;
-		justify-self: end;
-	}
-
-	.status-badge {
-		padding: 2px 8px;
-		font-size: 12px;
-	}
-
-	.mat-h1 {
-		font-size: 22px;
-	}
-
-	.table-wrapper mat-paginator ::ng-deep .mat-mdc-paginator-container {
-		flex-wrap: nowrap !important;
-		justify-content: space-between !important;
-		padding: 0 8px !important;
-		min-height: 48px;
-	}
-
-	.table-wrapper mat-paginator ::ng-deep .mat-mdc-paginator-page-size {
-		margin: 0 !important;
-		margin-right: auto !important;
-	}
-
-	.table-wrapper mat-paginator ::ng-deep .mat-mdc-paginator-range-label {
-		margin: 0 4px !important;
-	}
-
-	.table-wrapper mat-paginator {
-		margin-top: 8px;
-		background: transparent !important;
-	}
-}
-
-@media (prefers-color-scheme: dark) and (width <= 600px) {
-	.table-wrapper tr.mat-mdc-row {
-		background: var(--surface-dark-color);
-		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
-	}
-}
-
-@media (width <= 600px) {
-	.audit-feed {
-		display: flex;
-		flex-direction: column;
-		gap: 8px;
-		width: 100%;
-		max-width: 100%;
-		min-width: 0;
-		padding-bottom: 16px;
-	}
-
-	.audit-feed.hidden {
-		display: none;
-	}
-
-	.audit-feed__date-header {
-		position: sticky;
-		top: 44px;
-		z-index: 2;
-		background: var(--mat-sidenav-content-background-color, #fff);
-		padding: 8px 0 4px;
-		font-size: 12px;
-		font-weight: 600;
-		text-transform: uppercase;
-		letter-spacing: 0.04em;
-		color: rgba(0, 0, 0, 0.54);
-	}
-
-	.audit-card {
-		display: flex;
-		align-items: flex-start;
-		gap: 12px;
-		background: var(--mat-table-background-color, #fff);
-		border-radius: 12px;
-		padding: 10px 14px;
-		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.04);
-		cursor: pointer;
-		transition: opacity 200ms ease;
-	}
-
-	.audit-card_fade {
-		opacity: 0.6;
-	}
-
-	.audit-card__avatar {
-		flex: 0 0 36px;
-		width: 36px;
-		height: 36px;
-		border-radius: 50%;
-		background: var(--color-accentedPalette-100);
-		color: var(--color-accentedPalette-700);
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		font-size: 13px;
-		font-weight: 600;
-	}
-
-	.audit-card__body {
-		flex: 1 1 auto;
-		min-width: 0;
-		display: flex;
-		flex-direction: column;
-		gap: 4px;
-	}
-
-	.audit-card__row {
-		display: flex;
-		align-items: center;
-		gap: 6px;
-	}
-
-	.audit-card__row_top {
-		justify-content: space-between;
-	}
-
-	.audit-card__user {
-		min-width: 0;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		font-weight: 600;
-		font-size: 14px;
-	}
-
-	.audit-card__user-email {
-		font-weight: 400;
-		color: rgba(0, 0, 0, 0.72);
-	}
-
-	.audit-card__time {
-		flex: 0 0 auto;
-		font-size: 12px;
-		color: rgba(0, 0, 0, 0.54);
-	}
-
-	.audit-card__row_middle {
-		font-size: 13px;
-	}
-
-	.audit-card__action-icon {
-		font-size: 16px;
-		width: 16px;
-		height: 16px;
-	}
-
-	.audit-card__action {
-		font-weight: 500;
-	}
-
-	.audit-card__sep {
-		color: rgba(0, 0, 0, 0.3);
-	}
-
-	.audit-card__table {
-		font-family: "IBM Plex Mono", monospace;
-		font-size: 12px;
-		color: rgba(0, 0, 0, 0.72);
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.audit-card__row_bottom {
-		justify-content: space-between;
-		margin-top: 2px;
-	}
-
-	.audit-card__details-link {
-		color: var(--color-accentedPalette-500);
-		font-size: 13px;
-		font-weight: 500;
-	}
-
-	.audit-feed__paginator {
-		margin-top: 12px;
-		background: transparent !important;
-	}
-
-	.audit-feed__paginator ::ng-deep .mat-mdc-paginator-outer-container,
-	.audit-feed__paginator ::ng-deep .mat-mdc-paginator-container {
-		justify-content: space-between !important;
-		flex-wrap: nowrap !important;
-		min-height: 48px;
-		padding: 0 !important;
-	}
-
-	.audit-feed__paginator ::ng-deep .mat-mdc-paginator-page-size {
-		margin: 0 !important;
-		padding: 0 !important;
-		margin-right: auto !important;
-		flex: 0 0 auto;
-	}
-
-	.audit-feed__paginator ::ng-deep .mat-mdc-paginator-page-size-label {
-		margin: 0 4px 0 0 !important;
-	}
-
-	.audit-feed__paginator ::ng-deep .mat-mdc-paginator-page-size-select {
-		margin: 0 8px 0 0 !important;
-		width: auto !important;
-	}
-
-	.audit-feed__paginator ::ng-deep .mat-mdc-paginator-page-size-select .mat-mdc-form-field-infix {
-		width: auto !important;
-		min-width: 36px !important;
-		padding-right: 4px !important;
-	}
-
-	.audit-feed__paginator ::ng-deep .mat-mdc-paginator-page-size-select .mat-mdc-select {
-		width: auto !important;
-	}
-
-	.audit-feed__paginator ::ng-deep .mat-mdc-paginator-page-size-select .mat-mdc-select-arrow-wrapper {
-		padding-left: 6px !important;
-	}
-
-	.audit-feed__paginator ::ng-deep .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper {
-		padding: 0 10px !important;
-	}
-
-	.audit-feed__paginator ::ng-deep .mat-mdc-paginator-range-actions {
-		flex: 0 0 auto;
-		margin: 0 !important;
-	}
-
-	.audit-feed__paginator ::ng-deep .mat-mdc-paginator-range-label {
-		margin: 0 4px !important;
-	}
-}
-
-@media (prefers-color-scheme: dark) and (width <= 600px) {
-	.audit-feed__date-header {
-		background: var(--surface-dark-color);
-		color: rgba(255, 255, 255, 0.6);
-	}
-
-	.audit-card {
-		background: var(--surface-dark-color);
-		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
-	}
-
-	.audit-card__user-email {
-		color: rgba(255, 255, 255, 0.7);
-	}
-
-	.audit-card__time {
-		color: rgba(255, 255, 255, 0.54);
-	}
-
-	.audit-card__sep {
-		color: rgba(255, 255, 255, 0.3);
-	}
-
-	.audit-card__table {
-		color: rgba(255, 255, 255, 0.72);
-	}
-}
diff --git a/frontend/src/app/components/audit/audit.component.html b/frontend/src/app/components/audit/audit.component.html
deleted file mode 100644
index fc1926423..000000000
--- a/frontend/src/app/components/audit/audit.component.html
+++ /dev/null
@@ -1,172 +0,0 @@
-<div class="wrapper">
-    <header>
-        <div class="title-block">
-            <a mat-icon-button class="back-button" routerLink="/dashboard/{{connectionID}}" aria-label="Back to dashboard">
-                <mat-icon>arrow_back</mat-icon>
-            </a>
-            <h1>Audit</h1>
-        </div>
-        <div class="filters">
-            <mat-form-field *ngIf="tablesList && !isServerError && !noTablesError" appearance="outline">
-                <mat-label>Tables</mat-label>
-                <mat-select
-                    angulartics2On="click"
-                    angularticsAction="Audit: table is selected"
-                    (click)="posthog.capture('Audit: table is selected')"
-                    [(ngModel)]="tableName"
-                    (ngModelChange)="loadLogsPage()">
-                    <mat-option value="showAll">Show all</mat-option>
-                    <mat-option *ngFor="let tableItem of tablesList" [value]="tableItem.table">
-                        <div class="table-name">
-                            <span class="table-name__title">{{tableItem.display_name || tableItem.normalizedTableName}}</span>
-                            <span class="table-name__line"> ({{tableItem.table}})</span>
-                        </div>
-                    </mat-option>
-                </mat-select>
-            </mat-form-field>
-            <mat-form-field *ngIf="usersList && !isServerError" appearance="outline">
-                <mat-label>Users</mat-label>
-                <mat-select
-                    angulartics2On="click"
-                    angularticsAction="Audit: user is selected"
-                    (click)="posthog.capture('Audit: user is selected')"
-                    [(ngModel)]="userEmail" (ngModelChange)="loadLogsPage()">
-                    <mat-option value="showAll">Show all</mat-option>
-                    <mat-option *ngFor="let user of usersList" [value]="user.email">{{user.email}}</mat-option>
-                </mat-select>
-            </mat-form-field>
-        </div>
-    </header>
-
-    <app-banner *ngIf="noTablesError" type="info" class="audit-banner">
-        <h3 class='mat-subheading-2'>Rocketadmin can not find any tables</h3>
-        <p class="mat-body-1">
-            There are no tables Rocketadmin can track actions on.
-            Please grant Rocketadmin access to required tables or create new table.
-            You can create a table with SQL editor.
-        </p>
-    </app-banner>
-
-    <app-banner *ngIf="isServerError" type="error" class="audit-banner">
-        <div *ngIf="serverError.details; else stringError" class="mat-body-1">
-            <strong>{{serverError.abstract}}</strong>
-            <p class="mat-body-1 error-details">{{serverError.details}}</p>
-        </div>
-        <ng-template #stringError>
-            <p class="mat-body-1">{{serverError.abstract}}</p>
-        </ng-template>
-        <div class="error-actions">
-            <a mat-stroked-button *ngIf="accesLevel === 'edit'"
-                routerLink="/edit-db/{{connectionID}}">
-                Check database credentials
-            </a>
-            <button *ngIf="isSaas" mat-flat-button color="warn" (click)="openIntercome()">Chat with support</button>
-            <a *ngIf="!isSaas" mat-flat-button color="warn"
-                href="https://github.com/rocket-admin/rocketadmin/issues" target="_blank">
-                Report a bug
-            </a>
-        </div>
-    </app-banner>
-
-    <div *ngIf="dataSource && dataSource.loading$ | async" class="skeleton mat-elevation-z4">
-        <app-placeholder-table-data></app-placeholder-table-data>
-    </div>
-
-    <div *ngIf="!noTablesError && !isServerError && isMobileView"
-        class="audit-feed"
-        [ngClass]="{hidden: dataSource.loading$ | async}">
-        <ng-container *ngFor="let group of mobileGroupedLogs; trackBy: trackByDate">
-            <div class="audit-feed__date-header">{{ group.date }}</div>
-            <div *ngFor="let entry of group.entries; let last = last"
-                class="audit-card"
-                [class.audit-card_fade]="last && mobileGroupedLogs.length > 0"
-                (click)="openInfoLogDialog(entry); posthog.capture('Audit: view changes is clicked')">
-                <div class="audit-card__avatar">{{ getInitials(entry.UserEmail) }}</div>
-                <div class="audit-card__body">
-                    <div class="audit-card__row audit-card__row_top">
-                        <span class="audit-card__user">
-                            <span class="audit-card__user-name" *ngIf="getUserName(entry.UserEmail)">{{ getUserName(entry.UserEmail) }}</span>
-                            <span class="audit-card__user-email" *ngIf="!getUserName(entry.UserEmail)">{{ entry.UserEmail }}</span>
-                        </span>
-                        <span class="audit-card__time">{{ entry.TimeOnly }}</span>
-                    </div>
-                    <div class="audit-card__row audit-card__row_middle">
-                        <mat-icon *ngIf="entry.ActionIcon" class="audit-card__action-icon" [ngClass]="'action-icon--' + entry.ActionIcon">{{ entry.ActionIcon }}</mat-icon>
-                        <span class="audit-card__action">{{ entry.Action || '—' }}</span>
-                        <span class="audit-card__sep">·</span>
-                        <span class="audit-card__table">{{ entry.Table }}</span>
-                    </div>
-                    <div class="audit-card__row audit-card__row_bottom">
-                        <span class="status-badge"
-                            [ngClass]="{'status-succeed': entry.Status === 'successfully'}">
-                            {{ entry.Status === 'successfully' ? 'Success' : (entry.Status || '—') }}
-                        </span>
-                        <span class="audit-card__details-link">Details &rsaquo;</span>
-                    </div>
-                </div>
-            </div>
-        </ng-container>
-        <mat-paginator
-            class="audit-feed__paginator"
-            [pageSize]="30"
-            [pageSizeOptions]="[10, 30, 100, 300]"
-            [showFirstLastButtons]="true">
-        </mat-paginator>
-    </div>
-
-    <div *ngIf="!noTablesError && !isServerError && !isMobileView"
-        class="mat-elevation-z4 table-wrapper"
-        [ngClass]="{hidden: dataSource.loading$ | async}">
-        <table mat-table [dataSource]="dataSource" NgMatTableQueryReflector>
-            <ng-container [matColumnDef]="column" *ngFor="let column of dataColumns">
-                <th mat-header-cell *matHeaderCellDef> {{ column }} </th>
-                <td mat-cell *matCellDef="let element">
-                    <div class="table-cell-content">
-                        <span *ngIf="column === 'Status'"
-                            class="status-badge"
-                            [ngClass]="{'status-succeed': element[column] === 'successfully'}">
-                            {{element[column] || '—'}}
-                        </span>
-                        <span *ngIf="column === 'Action'" class="action-cell">
-                            <mat-icon *ngIf="element.ActionIcon !== 'visibility' && element.ActionIcon !== 'delete'" class="action-icon" [ngClass]="'action-icon--' + element.ActionIcon">{{element.ActionIcon}}</mat-icon>
-                            <mat-icon *ngIf="element.ActionIcon === 'visibility'" class="material-icons-outlined action-icon action-icon--visibility">visibility</mat-icon>
-                            <mat-icon *ngIf="element.ActionIcon === 'delete'" class="material-icons-outlined action-icon action-icon--delete">delete</mat-icon>
-                            {{element[column] || '—'}}
-                        </span>
-                        <span *ngIf="column === 'User'" class="user-cell">
-                            <span class="user-name" *ngIf="getUserName(element.UserEmail)">{{getUserName(element.UserEmail)}}</span>
-                            <span class="user-email" [class.user-email--secondary]="getUserName(element.UserEmail)">{{element.UserEmail}}</span>
-                        </span>
-                        <span *ngIf="column === 'Date'" class="date-cell">
-                            <span class="date-date">{{element.DateOnly}}</span>
-                            <span class="date-time">{{element.TimeOnly}}</span>
-                        </span>
-                        <span *ngIf="column !== 'Status' && column !== 'Action' && column !== 'User' && column !== 'Date'">{{element[column] || '—'}}</span>
-                    </div>
-                </td>
-            </ng-container>
-
-            <ng-container matColumnDef="Changes">
-                <th mat-header-cell *matHeaderCellDef> Changes </th>
-                <td mat-cell *matCellDef="let element">
-                    <button mat-button color="accent"
-                        angulartics2On="click"
-                        angularticsAction="Audit: view changes is clicked"
-                        (click)="openInfoLogDialog(element); posthog.capture('Audit: view changes is clicked')">
-                        Details
-                    </button>
-                </td>
-            </ng-container>
-
-            <tr mat-header-row *matHeaderRowDef="columns"></tr>
-            <tr mat-row *matRowDef="let row; columns: columns;"></tr>
-        </table>
-
-        <mat-paginator
-            [pageSize]="30"
-            [pageSizeOptions]="[10, 30, 100, 300]"
-            [showFirstLastButtons]="true">
-        </mat-paginator>
-    </div>
-
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/audit/audit.component.spec.ts b/frontend/src/app/components/audit/audit.component.spec.ts
deleted file mode 100644
index 1a3fb1443..000000000
--- a/frontend/src/app/components/audit/audit.component.spec.ts
+++ /dev/null
@@ -1,162 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialog, MatDialogModule } from '@angular/material/dialog';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { LogAction, LogStatus } from 'src/app/models/logs';
-import { TablesService } from 'src/app/services/tables.service';
-import { UsersService } from 'src/app/services/users.service';
-import { AuditComponent } from './audit.component';
-import { InfoDialogComponent } from './info-dialog/info-dialog.component';
-
-describe('AuditComponent', () => {
-	let component: AuditComponent;
-	let fixture: ComponentFixture<AuditComponent>;
-	let dialog: MatDialog;
-	let tablesService: TablesService;
-	let usersService: UsersService;
-
-	const mockTablesListResponse = [
-		{
-			table: 'customers',
-			permissions: {
-				visibility: true,
-				readonly: false,
-				add: true,
-				delete: true,
-				edit: true,
-			},
-		},
-		{
-			table: 'Orders',
-			permissions: {
-				visibility: true,
-				readonly: false,
-				add: true,
-				delete: true,
-				edit: true,
-			},
-			display_name: 'Created orders',
-		},
-		{
-			table: 'product',
-			permissions: {
-				visibility: true,
-				readonly: false,
-				add: true,
-				delete: true,
-				edit: true,
-			},
-		},
-	];
-
-	const mockUsersList = [
-		{
-			id: '1369ab9e-45d1-4d42-9feb-e3c8f53355ea',
-			isActive: true,
-			email: 'lyubov+ytrsdzxfcgvhb@voloshko.com',
-			createdAt: '2021-09-03T10:29:48.100Z',
-		},
-		{
-			id: '1369ab9e-45d1-4d42-9feb-e3c8f53355ea',
-			isActive: true,
-			email: 'lyubov+ytrsdzxfcgvhb@voloshko.com',
-			createdAt: '2021-09-03T10:29:48.100Z',
-		},
-	];
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				MatDialogModule,
-				MatPaginatorModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot(),
-				AuditComponent,
-			],
-			providers: [provideHttpClient(), provideRouter([])],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(AuditComponent);
-		component = fixture.componentInstance;
-		tablesService = TestBed.inject(TablesService);
-		usersService = TestBed.inject(UsersService);
-		dialog = TestBed.inject(MatDialog);
-
-		vi.spyOn(tablesService, 'fetchTables').mockReturnValue(of(mockTablesListResponse));
-		vi.spyOn(usersService, 'fetchConnectionUsers').mockReturnValue(of(mockUsersList));
-
-		fixture.autoDetectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should fill users and tables lists', () => {
-		expect(component.tablesList).toEqual([
-			{
-				table: 'customers',
-				permissions: {
-					visibility: true,
-					readonly: false,
-					add: true,
-					delete: true,
-					edit: true,
-				},
-				normalizedTableName: 'Customers',
-			},
-			{
-				table: 'Orders',
-				permissions: {
-					visibility: true,
-					readonly: false,
-					add: true,
-					delete: true,
-					edit: true,
-				},
-				display_name: 'Created orders',
-			},
-			{
-				table: 'product',
-				permissions: {
-					visibility: true,
-					readonly: false,
-					add: true,
-					delete: true,
-					edit: true,
-				},
-				normalizedTableName: 'Products',
-			},
-		]);
-		expect(component.usersList).toEqual(mockUsersList);
-	});
-
-	it('should open log information dialog', () => {
-		const fakeDialog = vi.spyOn(dialog, 'open');
-		const fakeLog = {
-			Action: 'received rows',
-			Date: '09/09/2021 5:47 PM',
-			Status: LogStatus.Successfully,
-			Table: 'Customers',
-			User: 'lyubov+ytrsdzxfcgvhb@voloshko.com',
-			createdAt: '2021-09-09T14:47:44.160Z',
-			currentValue: null,
-			operationType: LogAction.ReceiveRow,
-			prevValue: null,
-		};
-
-		component.openInfoLogDialog(fakeLog);
-		expect(fakeDialog).toHaveBeenCalledWith(InfoDialogComponent, {
-			width: '50em',
-			data: fakeLog,
-		});
-	});
-});
diff --git a/frontend/src/app/components/audit/audit.component.ts b/frontend/src/app/components/audit/audit.component.ts
deleted file mode 100644
index 713028c9f..000000000
--- a/frontend/src/app/components/audit/audit.component.ts
+++ /dev/null
@@ -1,190 +0,0 @@
-import { AsyncPipe, NgClass, NgForOf, NgIf } from '@angular/common';
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDialog } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatPaginator, MatPaginatorIntl, MatPaginatorModule } from '@angular/material/paginator';
-import { MatSelectModule } from '@angular/material/select';
-import { MatTableModule } from '@angular/material/table';
-import { Title } from '@angular/platform-browser';
-import { RouterModule } from '@angular/router';
-import { User } from '@sentry/angular';
-import { Angulartics2OnModule } from 'angulartics2';
-import posthog from 'posthog-js';
-import { merge } from 'rxjs';
-import { tap } from 'rxjs/operators';
-import { normalizeTableName } from 'src/app/lib/normalize';
-import { ServerError } from 'src/app/models/alert';
-import { Log } from 'src/app/models/logs';
-import { TableProperties } from 'src/app/models/table';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { UsersService } from 'src/app/services/users.service';
-import { environment } from 'src/environments/environment';
-import { PlaceholderTableDataComponent } from '../skeletons/placeholder-table-data/placeholder-table-data.component';
-import { BannerComponent } from '../ui-components/banner/banner.component';
-import { AuditDataSource } from './audit-data-source';
-import { InfoDialogComponent } from './info-dialog/info-dialog.component';
-
-@Component({
-	selector: 'app-audit',
-	standalone: true,
-	imports: [
-		NgIf,
-		NgForOf,
-		NgClass,
-		AsyncPipe,
-		MatFormFieldModule,
-		MatSelectModule,
-		MatButtonModule,
-		MatIconModule,
-		MatTableModule,
-		MatPaginatorModule,
-		FormsModule,
-		RouterModule,
-		Angulartics2OnModule,
-		BannerComponent,
-		PlaceholderTableDataComponent,
-	],
-	templateUrl: './audit.component.html',
-	styleUrls: ['./audit.component.css'],
-})
-export class AuditComponent implements OnInit {
-	protected posthog = posthog;
-	public isSaas = (environment as any).saas;
-	public connectionID: string;
-	public accesLevel: string;
-	public columns: string[];
-	public dataColumns: string[];
-	public tablesList: TableProperties[] = null;
-	public tableName: string = 'showAll';
-	public usersList: User[];
-	public userEmail: string = 'showAll';
-	public isServerError: boolean = false;
-	public serverError: ServerError;
-	public noTablesError: boolean = false;
-
-	public dataSource: AuditDataSource = null;
-
-	public mobileGroupedLogs: { date: string; entries: any[] }[] = [];
-
-	get isMobileView(): boolean {
-		return typeof window !== 'undefined' && window.innerWidth <= 600;
-	}
-
-	@ViewChild(MatPaginator) paginator: MatPaginator;
-
-	constructor(
-		private _connections: ConnectionsService,
-		private _tables: TablesService,
-		private _users: UsersService,
-		public dialog: MatDialog,
-		private title: Title,
-		private paginatorIntl: MatPaginatorIntl,
-	) {
-		this.paginatorIntl.itemsPerPageLabel = 'Per page:';
-		this.paginatorIntl.changes.next();
-	}
-
-	ngAfterViewInit() {
-		this.dataSource.paginator = this.paginator;
-
-		merge(this.paginator.page)
-			.pipe(tap(() => this.loadLogsPage()))
-			.subscribe();
-	}
-
-	ngOnInit(): void {
-		this.title.setTitle('Connections | Rocketadmin');
-		this.connectionID = this._connections.currentConnectionID;
-		this.accesLevel = this._connections.currentConnectionAccessLevel;
-		this.columns = ['User', 'Table', 'Action', 'Status', 'Date', 'Changes'];
-		this.dataColumns = ['User', 'Table', 'Action', 'Status', 'Date'];
-		this.dataSource = new AuditDataSource(this._connections);
-		this.dataSource.connect(null as any).subscribe((rows) => {
-			this.mobileGroupedLogs = this.groupByDate(rows);
-		});
-		this.loadLogsPage();
-
-		this._tables.fetchTables(this.connectionID).subscribe(
-			(res) => {
-				if (res.length) {
-					this.tablesList = res.map((tableItem: TableProperties) => {
-						if (tableItem.display_name) return { ...tableItem };
-						else return { ...tableItem, normalizedTableName: normalizeTableName(tableItem.table) };
-					});
-				}
-				this.noTablesError = res.length === 0;
-			},
-			(err) => {
-				this.isServerError = true;
-				this.serverError = { abstract: err.error?.message || err.message, details: err.error?.originalMessage };
-			},
-		);
-
-		if (this.accesLevel !== 'none')
-			this._users.fetchConnectionUsers(this.connectionID).subscribe((res) => {
-				this.usersList = res;
-			});
-	}
-
-	loadLogsPage() {
-		this.dataSource.fetchLogs({
-			connectionID: this.connectionID,
-			tableName: this.tableName,
-			userEmail: this.userEmail,
-		});
-	}
-
-	openInfoLogDialog(log: Log) {
-		this.dialog.open(InfoDialogComponent, {
-			width: '50em',
-			data: log,
-		});
-	}
-
-	openIntercome() {
-		// @ts-expect-error
-		Intercom('show');
-	}
-
-	getUserName(email: string): string | null {
-		if (!this.usersList) return null;
-		const user = this.usersList.find((u) => u.email === email);
-		return user?.name || null;
-	}
-
-	getInitials(email: string): string {
-		if (!email) return '?';
-		const name = this.getUserName(email);
-		if (name) {
-			const parts = name.trim().split(/\s+/);
-			return parts
-				.slice(0, 2)
-				.map((p) => p[0]?.toUpperCase() ?? '')
-				.join('');
-		}
-		const local = email.split('@')[0];
-		const parts = local.split(/[._-]/);
-		return parts
-			.slice(0, 2)
-			.map((p) => p[0]?.toUpperCase() ?? '')
-			.join('');
-	}
-
-	trackByDate(_index: number, group: { date: string }): string {
-		return group.date;
-	}
-
-	private groupByDate(rows: any[]): { date: string; entries: any[] }[] {
-		const groups = new Map<string, any[]>();
-		for (const row of rows) {
-			const date = row.DateOnly;
-			if (!groups.has(date)) groups.set(date, []);
-			groups.get(date)!.push(row);
-		}
-		return Array.from(groups, ([date, entries]) => ({ date, entries }));
-	}
-}
diff --git a/frontend/src/app/components/audit/info-dialog/info-dialog.component.css b/frontend/src/app/components/audit/info-dialog/info-dialog.component.css
deleted file mode 100644
index 4498b12cd..000000000
--- a/frontend/src/app/components/audit/info-dialog/info-dialog.component.css
+++ /dev/null
@@ -1,52 +0,0 @@
-.details {
-	margin-top: 16px;
-}
-
-table {
-	border-collapse: collapse;
-	border-top-width: 1px;
-	border-top-style: solid;
-	border-top-color: rgba(0, 0, 0, 0.12);
-	margin-top: 12px;
-	width: 100%;
-}
-
-td,
-th {
-	padding: 8px 36px 8px 24px;
-	border-bottom-width: 1px;
-	border-bottom-style: solid;
-	border-bottom-color: rgba(0, 0, 0, 0.12);
-}
-
-th {
-	font-weight: 500;
-	text-align: left;
-}
-
-.updated-cell {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-}
-
-.updated-icon {
-	margin-right: -24px;
-}
-
-.changed {
-	background-color: var(--color-primaryPalette-100);
-}
-
-@media (prefers-color-scheme: dark) {
-	.changed {
-		background-color: var(--color-primaryPalette-200);
-		color: rgba(0, 0, 0, 0.78);
-	}
-}
-
-.sensitive {
-	font-style: italic;
-	font-family: monospace;
-	font-size: 0.85em;
-}
diff --git a/frontend/src/app/components/audit/info-dialog/info-dialog.component.html b/frontend/src/app/components/audit/info-dialog/info-dialog.component.html
deleted file mode 100644
index 9e87c2368..000000000
--- a/frontend/src/app/components/audit/info-dialog/info-dialog.component.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<h1 mat-dialog-title>Log details</h1>
-<mat-dialog-content>
-    <p class="mat-body-1 ph-no-capture" data-block="preamble">
-      {{ log.User }} {{ action }} in "{{ normalizedTableName }}" table on {{formattedCrreatedAt}} {{ log.Status }}.
-    </p>
-
-    <div *ngIf="diffFields.length > 0; else oneRowDetails" class="details" data-block="comparison-details">
-        <table>
-          <tr *ngFor="let field of fields" attr.data-line="{{field}}-field"
-            class="mat-body"
-            [ngClass]="{changed: isChangedFiled(field)}">
-            <th>{{filedsNames[field]}}</th>
-            <td class="ph-no-capture" *ngIf="log.currentValue[field] !== '* * * sensitive data, no logs stored * * *'">
-              {{log.prevValue[field]}}
-            </td>
-            <td class="ph-no-capture"
-              [attr.colspan]="log.currentValue[field] === '* * * sensitive data, no logs stored * * *' ? '2' : '' "
-              [ngClass]="{sensitive: log.currentValue[field] === '* * * sensitive data, no logs stored * * *'}">
-              <div class="updated-cell">
-                <span>{{log.currentValue[field]}}</span>
-                <!--<mat-icon *ngIf="isChangedFiled(field)"
-                  class="updated-icon"
-                  matTooltip="This value has been changed.">
-                  published_with_changes
-                </mat-icon>-->
-              </div>
-            </td>
-          </tr>
-        </table>
-    </div>
-
-    <ng-template #oneRowDetails>
-      <table *ngIf="log.currentValue" data-block="one-row-details">
-        <tr *ngFor="let field of log.currentValue | keyvalue"
-          class="mat-body"
-          [ngClass]="{changed: isChangedFiled(field)}">
-          <th>{{filedsNames[field.key]}}</th>
-          <td class="ph-no-capture" *ngIf="log.currentValue[field] !== '* * * sensitive data, no logs stored * * *'">
-            {{field.value}}
-          </td>
-        </tr>
-      </table>
-    </ng-template>
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-  <button mat-flat-button color="primary" mat-dialog-close mat-dialog-close>Ok</button>
-</mat-dialog-actions>
diff --git a/frontend/src/app/components/audit/info-dialog/info-dialog.component.spec.ts b/frontend/src/app/components/audit/info-dialog/info-dialog.component.spec.ts
deleted file mode 100644
index aae8044df..000000000
--- a/frontend/src/app/components/audit/info-dialog/info-dialog.component.spec.ts
+++ /dev/null
@@ -1,183 +0,0 @@
-import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { By } from '@angular/platform-browser';
-import { LogAction, LogStatus } from 'src/app/models/logs';
-
-import { InfoDialogComponent } from './info-dialog.component';
-
-describe('InfoDialogComponent', () => {
-	let component: InfoDialogComponent;
-	let fixture: ComponentFixture<InfoDialogComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [InfoDialogComponent],
-			providers: [
-				{ provide: MAT_DIALOG_DATA, useValue: {} },
-				{ provide: MatDialogRef, useValue: {} },
-			],
-			schemas: [CUSTOM_ELEMENTS_SCHEMA],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(InfoDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should show block for added row details', () => {
-		component.log = {
-			Table: 'south_park_table',
-			User: 'eric@cartman.ass',
-			Action: 'added row',
-			Date: '06/26/2021 7:22 PM',
-			Status: LogStatus.Successfully,
-			operationType: LogAction.Add,
-			createdAt: '2021-06-26T07:22:00.603Z',
-			prevValue: null,
-			currentValue: {
-				firstName: 'Kenny',
-				secondName: 'Kenny McCormick',
-				status: 'poor',
-			},
-		};
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		const oneRowDetails = fixture.debugElement.query(By.css('table[data-block="one-row-details"]'));
-		expect(oneRowDetails).toBeTruthy();
-	});
-
-	it('should show block for deleted row details', () => {
-		component.log = {
-			Table: 'south_park_table',
-			User: 'eric@cartman.ass',
-			Action: 'deleted row',
-			Date: '06/26/2021 7:22 PM',
-			Status: LogStatus.Successfully,
-			operationType: LogAction.Delete,
-			createdAt: '2021-06-26T07:22:00.603Z',
-			prevValue: null,
-			currentValue: {
-				firstName: 'Kenny',
-				secondName: 'Kenny McCormick',
-				status: 'poor',
-			},
-		};
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		const oneRowDetails = fixture.debugElement.query(By.css('table[data-block="one-row-details"]'));
-		expect(oneRowDetails).toBeTruthy();
-	});
-
-	it('should show block for viewed row details', () => {
-		component.log = {
-			Table: 'south_park_table',
-			User: 'eric@cartman.ass',
-			Action: 'received row',
-			Date: '06/26/2021 7:22 PM',
-			Status: LogStatus.Successfully,
-			operationType: LogAction.ReceiveRow,
-			createdAt: '2021-06-26T07:22:00.603Z',
-			prevValue: null,
-			currentValue: {
-				firstName: 'Kenny',
-				secondName: 'Kenny McCormick',
-				status: 'poor',
-			},
-		};
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		const oneRowDetailsNode = fixture.debugElement.query(By.css('table[data-block="one-row-details"]'));
-		expect(oneRowDetailsNode).toBeTruthy();
-	});
-
-	it('should show block for comparison details of updated row', () => {
-		component.log = {
-			Table: 'south_park_table',
-			User: 'eric@cartman.ass',
-			Action: 'updated row',
-			Date: '06/26/2021 7:22 PM',
-			Status: LogStatus.Successfully,
-			operationType: LogAction.Update,
-			createdAt: '2021-06-26T07:22:00.603Z',
-			prevValue: {
-				firstName: 'Kenny',
-				secondName: 'Kenny McCormick',
-				status: 'poor',
-			},
-			currentValue: {
-				firstName: 'Kenny',
-				secondName: 'Kenny McCormick',
-				status: 'poor and stupid',
-			},
-		};
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		const comparisonDetails = fixture.debugElement.query(By.css('div[data-block="comparison-details"]'));
-		expect(comparisonDetails).toBeTruthy();
-	});
-
-	it('should show block with updated value, when prev value in unknown', () => {
-		component.log = {
-			Table: 'south_park_table',
-			User: 'eric@cartman.ass',
-			Action: 'updated row',
-			Date: '06/26/2021 7:22 PM',
-			Status: LogStatus.Successfully,
-			operationType: LogAction.Update,
-			createdAt: '2021-06-26T07:22:00.603Z',
-			prevValue: null,
-			currentValue: {
-				firstName: 'Kenny',
-				secondName: 'Kenny McCormick',
-				status: 'poor and stupid',
-			},
-		};
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		const comparisonDetails = fixture.debugElement.query(By.css('table[data-block="one-row-details"]'));
-		expect(comparisonDetails).toBeTruthy();
-	});
-
-	it('should highlight changed field of updated row', () => {
-		component.log = {
-			Table: 'south_park_table',
-			User: 'eric@cartman.ass',
-			Action: 'updated row',
-			Date: '06/26/2021 7:22 PM',
-			Status: LogStatus.Successfully,
-			operationType: LogAction.Update,
-			createdAt: '2021-06-26T07:22:00.603Z',
-			prevValue: {
-				firstName: 'Kenny',
-				secondName: 'McCormick',
-				status: 'poor',
-			},
-			currentValue: {
-				firstName: 'Kenny',
-				secondName: 'McCormick',
-				status: 'poor and stupid',
-			},
-		};
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		const changedField = fixture.debugElement.query(By.css('.changed[data-line="status-field"]'));
-		const unchangedField1 = fixture.debugElement.query(By.css('.changed[data-line="firstName-field"]'));
-		const unchangedField2 = fixture.debugElement.query(By.css('.changed[data-line="secondName-field"]'));
-		expect(changedField).toBeTruthy();
-		expect(unchangedField1).toBeNull();
-		expect(unchangedField2).toBeNull();
-	});
-});
diff --git a/frontend/src/app/components/audit/info-dialog/info-dialog.component.ts b/frontend/src/app/components/audit/info-dialog/info-dialog.component.ts
deleted file mode 100644
index b9c7c9fe4..000000000
--- a/frontend/src/app/components/audit/info-dialog/info-dialog.component.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import { format } from 'date-fns';
-import { normalizeFieldName, normalizeTableName } from 'src/app/lib/normalize';
-import { Log } from 'src/app/models/logs';
-
-@Component({
-	selector: 'app-info-dialog',
-	templateUrl: './info-dialog.component.html',
-	styleUrls: ['./info-dialog.component.css'],
-	imports: [CommonModule, MatDialogModule, MatButtonModule],
-})
-export class InfoDialogComponent implements OnInit {
-	public normalizedTableName: string;
-	public diffFields: string[] = [];
-	public fields: string[];
-	public filedsNames: object;
-	public formattedCrreatedAt: string;
-	public action: string;
-
-	constructor(@Inject(MAT_DIALOG_DATA) public log: Log) {}
-
-	ngOnInit(): void {
-		const actions = {
-			successfully: {
-				addRow: 'added the row',
-				deleteRow: 'deleted the row',
-				updateRow: 'edited the row',
-				rowReceived: 'received the row',
-				rowsReceived: 'received rows',
-			},
-			unsuccessfully: {
-				addRow: 'attempted to add the row',
-				deleteRow: 'attempted to delete the row',
-				updateRow: 'attempted to edit the row',
-				rowReceived: 'attempted to receive the row',
-				rowsReceived: 'attempted to receive rows',
-			},
-		};
-
-		if (this.log?.createdAt) {
-			const datetime = new Date(this.log.createdAt);
-			this.formattedCrreatedAt = format(datetime, 'PPPpp');
-			this.action = actions[this.log.Status][this.log.operationType];
-
-			this.normalizedTableName = normalizeTableName(this.log.Table);
-
-			if (this.log.currentValue) {
-				this.fields = Object.keys(this.log.currentValue);
-				if (this.log.operationType === 'updateRow')
-					this.diffFields = this.getFieldsDiff(this.log.prevValue, this.log.currentValue);
-
-				this.filedsNames = Object.assign({}, ...this.fields.map((field) => ({ [field]: normalizeFieldName(field) })));
-			}
-		}
-	}
-
-	isChangedFiled(field: string) {
-		if (this.diffFields.length) return this.diffFields.includes(field);
-	}
-
-	getFieldsDiff(prevLog, currentLog) {
-		if (prevLog) {
-			const diff = Object.entries(prevLog)
-				.map(([key, value]) => {
-					if (currentLog[key] !== value) return key;
-				})
-				.filter((key) => key);
-			return diff;
-		}
-		return currentLog;
-	}
-}
diff --git a/frontend/src/app/components/auto-configure/auto-configure.component.css b/frontend/src/app/components/auto-configure/auto-configure.component.css
deleted file mode 100644
index 79a592682..000000000
--- a/frontend/src/app/components/auto-configure/auto-configure.component.css
+++ /dev/null
@@ -1,394 +0,0 @@
-/* ── Page ── */
-
-.page {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	height: 100vh;
-	background: var(--color-primaryPalette-50);
-}
-
-@media (prefers-color-scheme: dark) {
-	.page {
-		background: var(--surface-dark-color);
-	}
-}
-
-/* ── Card ── */
-
-.card {
-	width: 100%;
-	max-width: 480px;
-	border-radius: 16px;
-	background: var(--color-whitePalette-500);
-	box-shadow:
-		0 1px 3px rgba(0, 0, 0, 0.08),
-		0 4px 24px rgba(0, 0, 0, 0.06);
-	overflow: hidden;
-}
-
-@media (prefers-color-scheme: dark) {
-	.card {
-		background: var(--color-primaryPalette-900);
-		box-shadow:
-			0 1px 3px rgba(0, 0, 0, 0.3),
-			0 4px 24px rgba(0, 0, 0, 0.2);
-	}
-}
-
-@media (width <= 600px) {
-	.card {
-		margin: 0 16px;
-	}
-}
-
-.card__body {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	padding: 40px 32px 24px;
-	gap: 10px;
-}
-
-.card__title {
-	margin: 0;
-	font-size: 20px;
-	font-weight: 700;
-	color: var(--color-primaryPalette-900);
-	text-align: center;
-}
-
-@media (prefers-color-scheme: dark) {
-	.card__title {
-		color: var(--color-primaryPalette-50);
-	}
-}
-
-.card__head-detail {
-	width: 100%;
-	min-height: 64px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: 8px;
-}
-
-.card__subtitle {
-	margin: 0;
-	font-size: 14px;
-	color: var(--color-primaryPalette-400);
-	text-align: center;
-	line-height: 1.5;
-	max-width: 360px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.card__subtitle {
-		color: var(--color-primaryPalette-300);
-	}
-}
-
-.card__notice {
-	margin: 0;
-	font-size: 14px;
-	color: var(--color-primaryPalette-400);
-	text-align: center;
-	max-width: 360px;
-	line-height: 1.5;
-}
-
-@media (prefers-color-scheme: dark) {
-	.card__notice {
-		color: var(--color-primaryPalette-300);
-	}
-}
-
-/* ── Footer ── */
-
-.card__footer {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 16px;
-	padding: 16px 24px;
-	border-top: 1px solid var(--color-primaryPalette-200);
-}
-
-@media (prefers-color-scheme: dark) {
-	.card__footer {
-		border-top-color: var(--color-primaryPalette-800);
-	}
-}
-
-@media (width <= 600px) {
-	.card__footer {
-		flex-direction: column;
-		text-align: center;
-	}
-}
-
-.card__footer-text {
-	margin: 0;
-	font-size: 13px;
-	color: var(--color-primaryPalette-300);
-	line-height: 1.4;
-	flex: 1;
-}
-
-@media (prefers-color-scheme: dark) {
-	.card__footer-text {
-		color: var(--color-primaryPalette-400);
-	}
-}
-
-/* ── CTA button ── */
-
-.card__cta {
-	flex-shrink: 0;
-	background: var(--color-accentedPalette-500) !important;
-	color: var(--color-accentedPalette-500-contrast) !important;
-	border-radius: 8px;
-	font-weight: 600;
-	font-size: 14px;
-	padding: 0 20px;
-	height: 40px;
-	text-decoration: none;
-}
-
-.card__cta:hover {
-	background: var(--color-accentedPalette-700) !important;
-}
-
-.card__cta-arrow {
-	margin-left: 6px;
-}
-
-/* ── Concentric spinning rings ── */
-
-.spinner {
-	position: relative;
-	width: 72px;
-	height: 72px;
-}
-
-.spinner__ring {
-	position: absolute;
-	border-radius: 50%;
-	border: 3px solid transparent;
-}
-
-.spinner__ring--outer {
-	inset: 0;
-	border-top-color: var(--color-accentedPalette-500);
-	border-right-color: var(--color-accentedPalette-500);
-	animation: spin-outer 1.8s linear infinite;
-}
-
-.spinner__ring--inner {
-	inset: 10px;
-	border-bottom-color: var(--color-accentedPalette-500);
-	border-left-color: var(--color-accentedPalette-500);
-	animation: spin-inner 1.2s linear infinite;
-}
-
-@keyframes spin-outer {
-	to { transform: rotate(360deg); }
-}
-
-@keyframes spin-inner {
-	to { transform: rotate(-360deg); }
-}
-
-/* ── Success checkmark (replaces spinner on complete) ── */
-
-.success-mark {
-	width: 72px;
-	height: 72px;
-}
-
-.success-mark svg {
-	width: 100%;
-	height: 100%;
-	overflow: visible;
-}
-
-.success-mark__circle {
-	fill: none;
-	stroke: var(--color-successPalette-500);
-	stroke-width: 2;
-	stroke-linecap: round;
-	stroke-dasharray: 158;
-	stroke-dashoffset: 158;
-	animation: success-circle 500ms ease-out forwards;
-	transform-origin: 50% 50%;
-}
-
-.success-mark__check {
-	fill: none;
-	stroke: var(--color-successPalette-500);
-	stroke-width: 3.5;
-	stroke-linecap: round;
-	stroke-linejoin: round;
-	stroke-dasharray: 36;
-	stroke-dashoffset: 36;
-	animation: success-check 350ms 400ms ease-out forwards;
-}
-
-@keyframes success-circle {
-	to { stroke-dashoffset: 0; }
-}
-
-@keyframes success-check {
-	to { stroke-dashoffset: 0; }
-}
-
-/* ── Summary chips (shown on complete) ── */
-
-.summary-chips {
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: center;
-	gap: 8px;
-	margin-top: 4px;
-}
-
-.summary-chip {
-	display: inline-flex;
-	align-items: baseline;
-	gap: 4px;
-	padding: 4px 10px;
-	border-radius: 999px;
-	background: var(--color-successPalette-50);
-	color: var(--color-successPalette-700);
-	font-size: 12px;
-	font-weight: 500;
-	line-height: 1.4;
-	white-space: nowrap;
-	animation: chip-enter 280ms ease-out;
-}
-
-.summary-chip strong {
-	font-size: 13px;
-	font-weight: 700;
-}
-
-@media (prefers-color-scheme: dark) {
-	.summary-chip {
-		background: var(--color-successPalette-900);
-		color: var(--color-successPalette-100);
-	}
-}
-
-@keyframes chip-enter {
-	from { transform: scale(0.85); opacity: 0; }
-	to { transform: scale(1); opacity: 1; }
-}
-
-/* ── Live status log ── */
-
-.status-log {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-	width: 100%;
-	max-width: 360px;
-	height: 78px;
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-end;
-	gap: 8px;
-	overflow: hidden;
-	mask-image: linear-gradient(to bottom, transparent 0, black 28px);
-	-webkit-mask-image: linear-gradient(to bottom, transparent 0, black 28px);
-}
-
-.status-log__item {
-	display: flex;
-	align-items: center;
-	gap: 10px;
-	font-size: 13px;
-	color: var(--color-primaryPalette-400);
-	text-align: left;
-	line-height: 1.35;
-	animation: status-log-enter 240ms ease-out;
-}
-
-.status-log__item_done {
-	color: var(--color-primaryPalette-200);
-	font-size: 12px;
-}
-
-.status-log__item_current {
-	color: var(--color-primaryPalette-800);
-	font-weight: 500;
-}
-
-@media (prefers-color-scheme: dark) {
-	.status-log__item_done {
-		color: var(--color-primaryPalette-500);
-	}
-	.status-log__item_current {
-		color: var(--color-primaryPalette-50);
-	}
-}
-
-.status-log__icon {
-	flex-shrink: 0;
-	width: 16px;
-	height: 16px;
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.status-log__check {
-	color: var(--color-primaryPalette-200);
-	font-size: 13px;
-	font-weight: 700;
-	line-height: 1;
-}
-
-@media (prefers-color-scheme: dark) {
-	.status-log__check {
-		color: var(--color-primaryPalette-500);
-	}
-}
-
-.status-log__spinner {
-	width: 12px;
-	height: 12px;
-	border-radius: 50%;
-	border: 2px solid var(--color-accentedPalette-200);
-	border-top-color: var(--color-accentedPalette-500);
-	animation: tiny-spin 0.8s linear infinite;
-}
-
-@keyframes tiny-spin {
-	to { transform: rotate(360deg); }
-}
-
-@keyframes status-log-enter {
-	from { transform: translateY(-6px); opacity: 0; }
-	to { transform: translateY(0); opacity: 1; }
-}
-
-.card__status {
-	margin: 0;
-	min-height: 20px;
-	font-size: 13px;
-	color: var(--color-primaryPalette-500);
-	text-align: center;
-	line-height: 1.4;
-	max-width: 360px;
-}
-
-.card__status_error {
-	color: var(--color-warnPalette-500);
-}
-
-@media (prefers-color-scheme: dark) {
-	.card__status {
-		color: var(--color-primaryPalette-200);
-	}
-}
diff --git a/frontend/src/app/components/auto-configure/auto-configure.component.html b/frontend/src/app/components/auto-configure/auto-configure.component.html
deleted file mode 100644
index 2c07d23f5..000000000
--- a/frontend/src/app/components/auto-configure/auto-configure.component.html
+++ /dev/null
@@ -1,49 +0,0 @@
-<div class="page">
-	<div class="card">
-		<div class="card__body">
-			<div *ngIf="!done()" class="spinner">
-				<div class="spinner__ring spinner__ring--outer"></div>
-				<div class="spinner__ring spinner__ring--inner"></div>
-			</div>
-			<div *ngIf="done()" class="success-mark" aria-label="Configuration complete">
-				<svg viewBox="0 0 52 52" xmlns="http://www.w3.org/2000/svg">
-					<circle class="success-mark__circle" cx="26" cy="26" r="25"></circle>
-					<path class="success-mark__check" d="M14 27 l8 8 l16 -18"></path>
-				</svg>
-			</div>
-			<h2 class="card__title">{{ done() ? 'Your database is ready' : 'Configuring your database' }}</h2>
-			<div class="card__head-detail">
-				<p *ngIf="!done()" class="card__subtitle">We're analyzing your structure and applying the best settings. This is running in the background.</p>
-				<div *ngIf="hasSummary()" class="summary-chips">
-					<span class="summary-chip"><strong>{{ tablesConfigured().size }}</strong> {{ tablesConfigured().size === 1 ? 'table' : 'tables' }}</span>
-					<span *ngIf="widgetsCount() > 0" class="summary-chip"><strong>{{ widgetsCount() }}</strong> {{ widgetsCount() === 1 ? 'widget' : 'widgets' }}</span>
-					<span *ngIf="settingsCount() > 0" class="summary-chip"><strong>{{ settingsCount() }}</strong> {{ settingsCount() === 1 ? 'setting' : 'settings' }}</span>
-				</div>
-				<p *ngIf="done() && !hasSummary()" class="card__subtitle">All set — opening your dashboard…</p>
-			</div>
-
-			<ul class="status-log" *ngIf="!errorText(); else errorBlock">
-				<li *ngFor="let m of messages(); let last = last; trackBy: trackByIndex"
-					class="status-log__item"
-					[class.status-log__item_current]="last"
-					[class.status-log__item_done]="!last">
-					<span class="status-log__icon" aria-hidden="true">
-						<span *ngIf="!last" class="status-log__check">&#10003;</span>
-						<span *ngIf="last" class="status-log__spinner"></span>
-					</span>
-					<span class="status-log__text">{{ m }}</span>
-				</li>
-			</ul>
-			<ng-template #errorBlock>
-				<p class="card__status card__status_error">{{ errorText() }}</p>
-			</ng-template>
-		</div>
-		<div class="card__footer">
-			<p class="card__footer-text">You can start working — setup will continue in the background.</p>
-			<a mat-flat-button class="card__cta" [routerLink]="'/dashboard/' + connectionId()">
-				Open tables
-				<span class="card__cta-arrow">&rarr;</span>
-			</a>
-		</div>
-	</div>
-</div>
diff --git a/frontend/src/app/components/auto-configure/auto-configure.component.ts b/frontend/src/app/components/auto-configure/auto-configure.component.ts
deleted file mode 100644
index 158b04e6d..000000000
--- a/frontend/src/app/components/auto-configure/auto-configure.component.ts
+++ /dev/null
@@ -1,179 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, inject, OnDestroy, OnInit, signal } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { ActivatedRoute, Router, RouterModule } from '@angular/router';
-import { Subscription } from 'rxjs';
-
-import { ConfigProgress, ConfigurationStateService } from '../../services/configuration-state.service';
-
-@Component({
-	selector: 'app-auto-configure',
-	templateUrl: './auto-configure.component.html',
-	styleUrls: ['./auto-configure.component.css'],
-	imports: [CommonModule, MatButtonModule, RouterModule],
-})
-export class AutoConfigureComponent implements OnInit, OnDestroy {
-	private _route = inject(ActivatedRoute);
-	private _router = inject(Router);
-	private _configState = inject(ConfigurationStateService);
-
-	protected connectionId = signal<string | null>(null);
-	protected progress = signal<ConfigProgress | null>(null);
-	protected messages = signal<string[]>(['Initializing…']);
-	protected tablesConfigured = signal<Set<string>>(new Set<string>());
-	protected widgetsCount = signal<number>(0);
-	protected settingsCount = signal<number>(0);
-	private _progressSub?: Subscription;
-
-	protected errorText = computed(() => {
-		const p = this.progress();
-		if (p?.type === 'error') return p.message ?? 'Something went wrong.';
-		return null;
-	});
-
-	protected done = computed(() => this.progress()?.type === 'complete');
-
-	protected hasSummary = computed(
-		() => this.done() && (this.tablesConfigured().size > 0 || this.widgetsCount() > 0 || this.settingsCount() > 0),
-	);
-
-	async ngOnInit(): Promise<void> {
-		const connectionId = this._route.snapshot.paramMap.get('connection-id');
-		if (!connectionId) {
-			this._router.navigate(['/connections-list']);
-			return;
-		}
-
-		this.connectionId.set(connectionId);
-		this._progressSub = this._configState.progress$.subscribe((p) => {
-			this.progress.set(p);
-			if (p?.type === 'message' && p.text) this._countMessage(p.text);
-			const rawIncoming =
-				p?.type === 'message' && p.text
-					? p.text
-					: p?.type === 'complete'
-						? 'All done — opening your dashboard…'
-						: null;
-			if (!rawIncoming) return;
-			const incoming = this._humanize(rawIncoming);
-			if (!incoming) return;
-			const current = this.messages();
-			if (current[current.length - 1] === incoming) return;
-			this.messages.set([...current, incoming].slice(-5));
-		});
-		await this._configState.startConfiguring(connectionId);
-		// Let the user read the summary chips before navigating away.
-		await new Promise((resolve) => setTimeout(resolve, 1800));
-		this._router.navigate(['/dashboard', connectionId]);
-	}
-
-	ngOnDestroy(): void {
-		this._progressSub?.unsubscribe();
-	}
-
-	trackByIndex(index: number): number {
-		return index;
-	}
-
-	private _countMessage(text: string): void {
-		const widgetMatch = text.match(/^Added\s+\S+\s+widget for table "([^"]+)"/i);
-		if (widgetMatch) {
-			this.widgetsCount.update((n) => n + 1);
-			this._addConfiguredTable(widgetMatch[1]);
-			return;
-		}
-		const settingMatch = text.match(/^Set up settings for table "([^"]+)",\s+\S+ parameter/i);
-		if (settingMatch) {
-			this.settingsCount.update((n) => n + 1);
-			this._addConfiguredTable(settingMatch[1]);
-			return;
-		}
-		const defaultsMatch = text.match(/^Set up settings for table "([^"]+)" with default parameters/i);
-		if (defaultsMatch) {
-			this._addConfiguredTable(defaultsMatch[1]);
-		}
-	}
-
-	private _addConfiguredTable(name: string): void {
-		const current = this.tablesConfigured();
-		if (current.has(name)) return;
-		const next = new Set(current);
-		next.add(name);
-		this.tablesConfigured.set(next);
-	}
-
-	private _humanize(text: string): string {
-		if (/^Initializing|^Starting configuration|^✓ Setup complete|^All done/i.test(text)) return text;
-		if (/^Starting AI scan/i.test(text)) return 'Looking at your database…';
-		if (/^Fetching tables from database/i.test(text)) return 'Reading your tables…';
-
-		let m = text.match(/^Found (\d+) new (?:table|tables) to scan/i);
-		if (m) return `Found ${m[1]} ${m[1] === '1' ? 'table' : 'tables'} to set up`;
-		if (/^No new tables to scan/i.test(text)) return 'Everything is already set up';
-
-		m = text.match(/^Inspected structure of table "([^"]+)"/i);
-		if (m) return `Read structure of ${m[1]}`;
-
-		m = text.match(/^Generating settings with AI for (\d+)/i);
-		if (m) return `Choosing the best layout for ${m[1]} ${m[1] === '1' ? 'table' : 'tables'}…`;
-
-		m = text.match(/^AI returned settings for (\d+)/i);
-		if (m) return `Recommendations ready for ${m[1]} ${m[1] === '1' ? 'table' : 'tables'}`;
-
-		m = text.match(/^Validation failed for table "([^"]+)"/i);
-		if (m) return `Couldn't configure ${m[1]}, skipped it`;
-
-		m = text.match(/^Set up settings for table "([^"]+)", display_name parameter set to "([^"]+)"/i);
-		if (m) return `Renamed ${m[1]} → ${m[2]}`;
-
-		m = text.match(/^Set up settings for table "([^"]+)", search_fields parameter set to (.+)$/i);
-		if (m) return `Search by ${m[2]} in ${m[1]}`;
-
-		m = text.match(/^Set up settings for table "([^"]+)", readonly_fields parameter set to (.+)$/i);
-		if (m) return `Locked fields in ${m[1]}: ${m[2]}`;
-
-		m = text.match(/^Set up settings for table "([^"]+)", columns_view parameter set to (.+)$/i);
-		if (m) return `Showing ${m[2]} on ${m[1]} overview`;
-
-		m = text.match(/^Set up settings for table "([^"]+)", ordering parameter set to (ASC|DESC)/i);
-		if (m) return `${m[1]} sorted ${m[2].toLowerCase() === 'asc' ? 'ascending' : 'descending'} by default`;
-
-		m = text.match(/^Set up settings for table "([^"]+)", ordering_field parameter set to "([^"]+)"/i);
-		if (m) return `${m[1]} sorts by ${m[2]} by default`;
-
-		m = text.match(/^Set up settings for table "([^"]+)", identity_column parameter set to "([^"]+)"/i);
-		if (m) return `${m[1]} identified by ${m[2]}`;
-
-		m = text.match(/^Set up settings for table "([^"]+)" with default parameters/i);
-		if (m) return `${m[1]} is ready with default setup`;
-
-		m = text.match(/^Added (\S+) widget for table "([^"]+)" on column "([^"]+)"/i);
-		if (m) return this._widgetPhrase(m[1], m[2], m[3]);
-
-		// Generic fallback for any unmatched "Set up settings ... <param> parameter ..." line
-		m = text.match(/^Set up settings for table "([^"]+)", (\S+) parameter/i);
-		if (m) return `${m[1]}: ${m[2].replace(/_/g, ' ')} configured`;
-
-		return text;
-	}
-
-	private _widgetPhrase(kind: string, table: string, column: string): string {
-		const ref = `${table}.${column}`;
-		switch (kind.toLowerCase()) {
-			case 'phone':
-				return `${ref} formatted as phone numbers`;
-			case 'uuid':
-				return `${ref} recognized as ID`;
-			case 'country':
-				return `${ref} shows country flags`;
-			case 'url':
-				return `${ref} shown as clickable link`;
-			case 'color':
-				return `${ref} shows a color swatch`;
-			case 'string':
-				return `${ref} validates email format`;
-			default:
-				return `${kind} widget enabled for ${ref}`;
-		}
-	}
-}
diff --git a/frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.css b/frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.css
deleted file mode 100644
index 2528b138d..000000000
--- a/frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.css
+++ /dev/null
@@ -1,46 +0,0 @@
-.warning-container {
-	display: flex;
-	gap: 16px;
-	padding: 16px;
-	background-color: #fff3e0;
-	border-radius: 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.warning-container {
-		background-color: rgba(255, 152, 0, 0.15);
-	}
-}
-
-.warning-icon {
-	font-size: 32px;
-	width: 32px;
-	height: 32px;
-	color: #ef6c00;
-	flex-shrink: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.warning-icon {
-		color: #ffb74d;
-	}
-}
-
-.warning-content p {
-	margin: 0;
-}
-
-.warning-content p:first-child {
-	margin-bottom: 8px;
-}
-
-.warning-details {
-	font-size: 14px;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.warning-details {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
diff --git a/frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.html b/frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.html
deleted file mode 100644
index 998e95302..000000000
--- a/frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<h2 mat-dialog-title>Delete saved query</h2>
-
-<mat-dialog-content>
-    <div class="warning-container">
-        <mat-icon class="warning-icon">warning</mat-icon>
-        <div class="warning-content">
-            <p>Are you sure you want to delete the query <strong>{{data.query.name}}</strong>?</p>
-            <p class="warning-details">
-                This action cannot be undone. The query and its configuration will be permanently removed.
-            </p>
-        </div>
-    </div>
-</mat-dialog-content>
-
-<mat-dialog-actions align="end">
-    <button mat-button mat-dialog-close [disabled]="submitting()">Cancel</button>
-    <button mat-flat-button color="warn"
-        (click)="onDelete()"
-        [disabled]="submitting()"
-        data-testid="delete-chart-confirm-button">
-        {{submitting() ? 'Deleting...' : 'Delete query'}}
-    </button>
-</mat-dialog-actions>
diff --git a/frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.spec.ts b/frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.spec.ts
deleted file mode 100644
index 3fe3da88b..000000000
--- a/frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.spec.ts
+++ /dev/null
@@ -1,116 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { WritableSignal } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { SavedQuery } from 'src/app/models/saved-query';
-import { SavedQueriesService } from 'src/app/services/saved-queries.service';
-import { ChartDeleteDialogComponent } from './chart-delete-dialog.component';
-
-type ChartDeleteDialogComponentTestable = ChartDeleteDialogComponent & {
-	submitting: WritableSignal<boolean>;
-};
-
-describe('ChartDeleteDialogComponent', () => {
-	let component: ChartDeleteDialogComponent;
-	let fixture: ComponentFixture<ChartDeleteDialogComponent>;
-	let mockSavedQueriesService: Partial<SavedQueriesService>;
-	let mockDialogRef: Partial<MatDialogRef<ChartDeleteDialogComponent>>;
-
-	const mockSavedQuery: SavedQuery = {
-		id: '1',
-		name: 'Test Query',
-		description: 'Test description',
-		widget_type: 'chart',
-		chart_type: 'bar',
-		widget_options: null,
-		query_text: 'SELECT * FROM users',
-		connection_id: 'conn-1',
-		created_at: '2024-01-01',
-		updated_at: '2024-01-01',
-	};
-
-	beforeEach(async () => {
-		mockSavedQueriesService = {
-			deleteSavedQuery: vi.fn().mockResolvedValue(mockSavedQuery),
-		};
-
-		mockDialogRef = {
-			close: vi.fn(),
-		};
-
-		await TestBed.configureTestingModule({
-			imports: [
-				ChartDeleteDialogComponent,
-				BrowserAnimationsModule,
-				MatSnackBarModule,
-				MatDialogModule,
-				Angulartics2Module.forRoot(),
-			],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				{ provide: SavedQueriesService, useValue: mockSavedQueriesService },
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: { query: mockSavedQuery, connectionId: 'conn-1' },
-				},
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(ChartDeleteDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should have submitting signal initialized to false', () => {
-		const testable = component as ChartDeleteDialogComponentTestable;
-		expect(testable.submitting()).toBe(false);
-	});
-
-	describe('onDelete', () => {
-		it('should call deleteSavedQuery service method', async () => {
-			await component.onDelete();
-			expect(mockSavedQueriesService.deleteSavedQuery).toHaveBeenCalledWith('conn-1', '1');
-		});
-
-		it('should set submitting to true during delete', () => {
-			component.onDelete();
-			// The deleteSavedQuery returns asynchronously, so submitting should be true while in flight
-			const testable = component as ChartDeleteDialogComponentTestable;
-			expect(testable.submitting()).toBe(true);
-		});
-
-		it('should close dialog with true on success', async () => {
-			await component.onDelete();
-			expect(mockDialogRef.close).toHaveBeenCalledWith(true);
-		});
-
-		it('should set submitting to false after successful delete', async () => {
-			const testable = component as ChartDeleteDialogComponentTestable;
-			await component.onDelete();
-			expect(testable.submitting()).toBe(false);
-		});
-
-		it('should set submitting to false on error', async () => {
-			const testable = component as ChartDeleteDialogComponentTestable;
-			vi.mocked(mockSavedQueriesService.deleteSavedQuery!).mockResolvedValue(null);
-			await component.onDelete();
-			expect(testable.submitting()).toBe(false);
-		});
-
-		it('should not close dialog on error', async () => {
-			vi.mocked(mockSavedQueriesService.deleteSavedQuery!).mockResolvedValue(null);
-			await component.onDelete();
-			expect(mockDialogRef.close).not.toHaveBeenCalled();
-		});
-	});
-});
diff --git a/frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.ts b/frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.ts
deleted file mode 100644
index 0231e1773..000000000
--- a/frontend/src/app/components/charts/chart-delete-dialog/chart-delete-dialog.component.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject, signal } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { SavedQuery } from 'src/app/models/saved-query';
-import { SavedQueriesService } from 'src/app/services/saved-queries.service';
-
-@Component({
-	selector: 'app-chart-delete-dialog',
-	templateUrl: './chart-delete-dialog.component.html',
-	styleUrls: ['./chart-delete-dialog.component.css'],
-	imports: [CommonModule, MatDialogModule, MatButtonModule, MatIconModule],
-})
-export class ChartDeleteDialogComponent {
-	protected submitting = signal(false);
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: { query: SavedQuery; connectionId: string },
-		private dialogRef: MatDialogRef<ChartDeleteDialogComponent>,
-		private _savedQueries: SavedQueriesService,
-		private angulartics2: Angulartics2,
-	) {}
-
-	async onDelete(): Promise<void> {
-		this.submitting.set(true);
-		const result = await this._savedQueries.deleteSavedQuery(this.data.connectionId, this.data.query.id);
-		this.submitting.set(false);
-
-		if (result) {
-			this.angulartics2.eventTrack.next({
-				action: 'Charts: saved query deleted successfully',
-			});
-			posthog.capture('Charts: saved query deleted successfully');
-			this.dialogRef.close(true);
-		}
-	}
-}
diff --git a/frontend/src/app/components/charts/chart-edit/chart-edit.component.css b/frontend/src/app/components/charts/chart-edit/chart-edit.component.css
deleted file mode 100644
index eab06f80c..000000000
--- a/frontend/src/app/components/charts/chart-edit/chart-edit.component.css
+++ /dev/null
@@ -1,697 +0,0 @@
-:host {
-	display: block;
-	height: calc(100vh - 44px);
-	margin-bottom: -60px;
-	overflow: hidden;
-	position: relative;
-	z-index: 1;
-}
-
-.chart-edit-layout {
-	display: flex;
-	height: 100%;
-}
-
-.chart-edit-main {
-	flex: 1;
-	overflow-y: auto;
-	display: flex;
-	flex-direction: column;
-	background-color: var(--mat-sidenav-content-background-color);
-}
-
-.chart-edit-page {
-	display: flex;
-	flex-direction: column;
-	flex: 1;
-	padding: 0 clamp(40px, 5vw, 100px);
-	max-width: 1400px;
-	margin: 3em auto;
-	width: 100%;
-	box-sizing: border-box;
-}
-
-@media (width <= 600px) {
-	.chart-edit-page {
-		padding: 0 16px;
-		margin: 1.5em auto;
-	}
-}
-
-.chart-edit-header {
-	display: flex;
-	align-items: center;
-	gap: 16px;
-	margin-bottom: 32px;
-	flex-shrink: 0;
-}
-
-.chart-edit-header h1 {
-	margin: 0;
-}
-
-.loading-container {
-	display: flex;
-	justify-content: center;
-	padding: 64px;
-}
-
-.chart-edit-content {
-	display: flex;
-	flex-direction: column;
-	gap: 24px;
-	flex: 1;
-	padding-bottom: 24px;
-}
-
-/* AI generation section */
-.ai-section {
-	border: 1px solid var(--mat-sidenav-container-divider-color);
-	border-radius: 8px;
-	overflow: hidden;
-}
-
-.ai-section-header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 12px 16px;
-	cursor: pointer;
-	user-select: none;
-	background-color: rgba(99, 102, 241, 0.05);
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-section-header {
-		background-color: rgba(99, 102, 241, 0.1);
-	}
-}
-
-.ai-section-header:hover {
-	background-color: rgba(99, 102, 241, 0.08);
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-section-header:hover {
-		background-color: rgba(99, 102, 241, 0.15);
-	}
-}
-
-.ai-section-title {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	font-weight: 500;
-	font-size: 14px;
-}
-
-.ai-icon {
-	color: var(--color-accentedPalette-500, #6366f1);
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-}
-
-.ai-toggle-icon {
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-toggle-icon {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.ai-section-body {
-	padding: 16px;
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-}
-
-.ai-fields {
-	display: flex;
-	gap: 16px;
-	align-items: flex-start;
-}
-
-@media (width <= 600px) {
-	.ai-fields {
-		flex-direction: column;
-	}
-}
-
-.ai-description-field {
-	flex: 1;
-}
-
-.ai-actions {
-	display: flex;
-	justify-content: flex-end;
-}
-
-.ai-actions .button-spinner {
-	display: inline-block;
-	vertical-align: middle;
-	margin-right: 6px;
-}
-
-/* Manual configuration section */
-.manual-section {
-	border: 1px solid var(--mat-sidenav-container-divider-color);
-	border-radius: 8px;
-	overflow: hidden;
-}
-
-.manual-section-header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 12px 16px;
-	cursor: pointer;
-	user-select: none;
-}
-
-.manual-section-header:hover {
-	background-color: rgba(0, 0, 0, 0.03);
-}
-
-@media (prefers-color-scheme: dark) {
-	.manual-section-header:hover {
-		background-color: rgba(255, 255, 255, 0.03);
-	}
-}
-
-.manual-section-title {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	font-weight: 500;
-	font-size: 14px;
-}
-
-.manual-section-title mat-icon {
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.manual-section-title mat-icon {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.manual-toggle-icon {
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.manual-toggle-icon {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.manual-section-body {
-	padding: 0 16px 16px;
-	display: flex;
-	flex-direction: column;
-	gap: 24px;
-}
-
-.query-details {
-	display: flex;
-	gap: 16px;
-	margin-top: 8px;
-}
-
-@media (width <= 600px) {
-	.query-details {
-		flex-direction: column;
-	}
-}
-
-.name-field {
-	flex: 1;
-	max-width: 300px;
-}
-
-@media (width <= 600px) {
-	.name-field {
-		max-width: 100%;
-	}
-}
-
-.description-field {
-	flex: 2;
-}
-
-.editor-preview-container {
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-	gap: 24px;
-}
-
-@media (width <= 900px) {
-	.editor-preview-container {
-		grid-template-columns: 1fr;
-	}
-}
-
-.editor-section,
-.right-panel {
-	display: flex;
-	flex-direction: column;
-	gap: 24px;
-}
-
-.config-section,
-.preview-section {
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-}
-
-.section-header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 16px;
-}
-
-.section-header h3 {
-	margin: 0;
-	font-size: 16px;
-	font-weight: 500;
-}
-
-.execution-time {
-	font-size: 12px;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.execution-time {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.code-editor-box {
-	height: 300px;
-	border: 1px solid var(--mat-sidenav-container-divider-color);
-	border-radius: 4px;
-	overflow: hidden;
-}
-
-.code-editor-box ngs-code-editor {
-	height: 100%;
-}
-
-.chart-config {
-	display: flex;
-	gap: 16px;
-	flex-wrap: wrap;
-}
-
-.chart-config-field {
-	flex: 1;
-	min-width: 150px;
-}
-
-.chart-container {
-	min-height: 250px;
-	padding: 16px;
-	background-color: rgba(0, 0, 0, 0.02);
-	border-radius: 4px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.chart-container {
-		background-color: rgba(255, 255, 255, 0.05);
-	}
-}
-
-.no-chart-data {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	min-height: 200px;
-	color: rgba(0, 0, 0, 0.54);
-	text-align: center;
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-chart-data {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.results-section {
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-}
-
-.results-table-container {
-	max-height: 300px;
-	overflow: auto;
-	border-radius: 4px;
-}
-
-.results-table {
-	width: 100%;
-}
-
-.results-table th {
-	font-weight: 500;
-}
-
-.no-results {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	padding: 24px;
-	color: rgba(0, 0, 0, 0.54);
-	background-color: rgba(0, 0, 0, 0.02);
-	border-radius: 4px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-results {
-		color: rgba(255, 255, 255, 0.54);
-		background-color: rgba(255, 255, 255, 0.05);
-	}
-}
-
-.no-results mat-icon {
-	color: var(--color-accentedPalette-500);
-}
-
-.actions {
-	position: sticky;
-	bottom: 0;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 16px;
-	padding: 0 clamp(40px, 5vw, 100px);
-	background-color: var(--background-color);
-	box-shadow: var(--shadow);
-	height: 64px;
-	flex-shrink: 0;
-	z-index: 10;
-}
-
-@media (prefers-color-scheme: dark) {
-	.actions {
-		--shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.5), 0 2px 2px 0 rgba(0, 0, 0, 0.64), 0 1px 5px 0 rgba(0, 0, 0, 0.85);
-		--background-color: var(--surface-dark-color);
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.actions {
-		--shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-		--background-color: #fff;
-	}
-}
-
-@media (width <= 600px) {
-	.actions {
-		padding: 0 16px;
-	}
-}
-
-.actions button mat-spinner {
-	display: inline-block;
-	margin-right: 8px;
-}
-
-.test-query-button .button-spinner {
-	display: inline-block;
-	vertical-align: middle;
-	margin-right: 4px;
-}
-
-/* Series section */
-.series-section {
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-	margin-top: 8px;
-}
-
-.series-section .section-header h4 {
-	margin: 0;
-	font-size: 14px;
-	font-weight: 500;
-}
-
-.add-series-button {
-	font-size: 13px;
-}
-
-.add-series-button mat-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-}
-
-.series-card {
-	border: 1px solid rgba(0, 0, 0, 0.12);
-	border-radius: 4px;
-	padding: 12px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.series-card {
-		border-color: rgba(255, 255, 255, 0.12);
-	}
-}
-
-.series-card-header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	margin-bottom: 8px;
-}
-
-.series-number {
-	font-size: 12px;
-	font-weight: 500;
-	text-transform: uppercase;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.series-number {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.remove-series-button {
-	width: 28px !important;
-	height: 28px !important;
-	line-height: 28px !important;
-}
-
-.remove-series-button mat-icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-}
-
-.series-fields {
-	display: flex;
-	gap: 12px;
-	flex-wrap: wrap;
-}
-
-.series-field {
-	flex: 1;
-	min-width: 120px;
-}
-
-/* Color picker */
-.series-color-picker {
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	min-width: 80px;
-}
-
-.color-picker-label {
-	font-size: 12px;
-	color: rgba(0, 0, 0, 0.6);
-}
-
-@media (prefers-color-scheme: dark) {
-	.color-picker-label {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
-
-.color-picker-row {
-	display: flex;
-	align-items: center;
-	gap: 6px;
-}
-
-.color-input {
-	width: 36px;
-	height: 36px;
-	padding: 2px;
-	border: 1px solid rgba(0, 0, 0, 0.12);
-	border-radius: 4px;
-	cursor: pointer;
-	background: none;
-}
-
-@media (prefers-color-scheme: dark) {
-	.color-input {
-		border-color: rgba(255, 255, 255, 0.12);
-	}
-}
-
-.color-input::-webkit-color-swatch-wrapper {
-	padding: 2px;
-}
-
-.color-input::-webkit-color-swatch {
-	border: none;
-	border-radius: 2px;
-}
-
-.color-input::-moz-color-swatch {
-	border: none;
-	border-radius: 2px;
-}
-
-.color-reset-button {
-	width: 24px !important;
-	height: 24px !important;
-	line-height: 24px !important;
-}
-
-.color-reset-button mat-icon {
-	font-size: 14px;
-	width: 14px;
-	height: 14px;
-}
-
-.color-auto-label {
-	font-size: 12px;
-	color: rgba(0, 0, 0, 0.38);
-}
-
-@media (prefers-color-scheme: dark) {
-	.color-auto-label {
-		color: rgba(255, 255, 255, 0.38);
-	}
-}
-
-/* Palette colors */
-.palette-colors {
-	display: flex;
-	flex-wrap: wrap;
-	gap: 8px;
-}
-
-.palette-color-item {
-	display: flex;
-	align-items: center;
-	gap: 2px;
-}
-
-.color-remove-button {
-	width: 24px !important;
-	height: 24px !important;
-	line-height: 24px !important;
-}
-
-.color-remove-button mat-icon {
-	font-size: 14px;
-	width: 14px;
-	height: 14px;
-}
-
-.series-mode-field {
-	min-width: 160px;
-	font-size: 13px;
-}
-
-.series-column-config {
-	display: flex;
-	gap: 12px;
-	flex-wrap: wrap;
-}
-
-.palette-actions {
-	display: flex;
-	gap: 8px;
-	flex-wrap: wrap;
-	margin-top: 4px;
-}
-
-.add-color-button {
-	font-size: 13px;
-}
-
-.add-color-button mat-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-}
-
-.series-field--small {
-	max-width: 100px;
-	min-width: 80px;
-}
-
-.series-options {
-	display: flex;
-	gap: 16px;
-	align-items: center;
-	flex-wrap: wrap;
-	margin-top: 4px;
-}
-
-/* Advanced options accordion */
-.advanced-options {
-	margin-top: 8px;
-}
-
-.option-group {
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-	padding: 4px 0;
-}
-
-.option-field {
-	min-width: 120px;
-}
-
-.inline-fields {
-	display: flex;
-	gap: 12px;
-	flex-wrap: wrap;
-}
-
-.inline-fields .option-field {
-	flex: 1;
-}
-
-.axis-label {
-	margin: 8px 0 0;
-	font-size: 13px;
-	font-weight: 500;
-	color: rgba(0, 0, 0, 0.6);
-}
-
-@media (prefers-color-scheme: dark) {
-	.axis-label {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
diff --git a/frontend/src/app/components/charts/chart-edit/chart-edit.component.html b/frontend/src/app/components/charts/chart-edit/chart-edit.component.html
deleted file mode 100644
index c7d0d464b..000000000
--- a/frontend/src/app/components/charts/chart-edit/chart-edit.component.html
+++ /dev/null
@@ -1,613 +0,0 @@
-<div class="chart-edit-layout">
-    <app-dashboards-sidebar
-        [connectionId]="connectionId()"
-        activeTab="queries">
-    </app-dashboards-sidebar>
-
-    <div class="chart-edit-main">
-        <app-alert></app-alert>
-
-        <div class="chart-edit-page">
-    <div class="chart-edit-header">
-        <h1 class="mat-h1">{{ isEditMode() ? 'Edit panel' : 'Create panel' }}</h1>
-    </div>
-
-    @if (loading()) {
-        <div class="loading-container">
-            <mat-spinner diameter="40"></mat-spinner>
-        </div>
-    }
-
-    @if (!loading()) {
-        <div class="chart-edit-content">
-                <div class="ai-section" [class.ai-section--collapsed]="!aiExpanded()">
-                    <div class="ai-section-header" (click)="aiExpanded.set(!aiExpanded())">
-                        <div class="ai-section-title">
-                            <mat-icon class="ai-icon">auto_awesome</mat-icon>
-                            <span>Generate with AI</span>
-                        </div>
-                        <mat-icon class="ai-toggle-icon">{{ aiExpanded() ? 'expand_less' : 'expand_more' }}</mat-icon>
-                    </div>
-
-                    @if (aiExpanded()) {
-                        <div class="ai-section-body">
-                            <div class="ai-fields">
-                                <mat-form-field appearance="outline" class="ai-description-field">
-                                    <mat-label>Chart description</mat-label>
-                                    <textarea matInput
-                                        [ngModel]="aiDescription()"
-                                        (ngModelChange)="aiDescription.set($event)"
-                                        placeholder="e.g. Show monthly revenue by product category as a bar chart"
-                                        rows="2"
-                                        data-testid="ai-description-input">
-                                    </textarea>
-                                    <mat-hint>Describe the chart you want in natural language</mat-hint>
-                                </mat-form-field>
-                            </div>
-
-                            <div class="ai-actions">
-                                <button mat-flat-button color="primary"
-                                    (click)="generateWithAi()"
-                                    [disabled]="!canGenerate()"
-                                    data-testid="ai-generate-button">
-                                    @if (aiGenerating()) {
-                                        <mat-spinner diameter="18" class="button-spinner"></mat-spinner>
-                                    } @else {
-                                        <mat-icon>auto_awesome</mat-icon>
-                                    }
-                                    {{ aiGenerating() ? 'Generating...' : 'Generate' }}
-                                </button>
-                            </div>
-                        </div>
-                    }
-                </div>
-
-            <!-- Chart preview (always visible when data exists) -->
-            @if (showResults()) {
-                <div class="preview-section">
-                    <div class="section-header">
-                        <h3>Chart preview</h3>
-                        @if (executionTime() !== null) {
-                            <span class="execution-time">
-                                Executed in {{ executionTime() }}ms
-                            </span>
-                        }
-                    </div>
-
-                    @if (hasChartData()) {
-                        <div class="chart-container">
-                            <app-chart-preview
-                                [chartType]="chartType()"
-                                [data]="testResults()"
-                                [widgetOptions]="currentWidgetOptions()">
-                            </app-chart-preview>
-                        </div>
-                    }
-
-                    @if (!hasChartData() && testResults().length > 0) {
-                        <div class="no-chart-data">
-                            <p>Add at least one data series to display the chart</p>
-                        </div>
-                    }
-                </div>
-            }
-
-            @if (showResults() && testResults().length === 0) {
-                <div class="no-results">
-                    <mat-icon>info</mat-icon>
-                    <p>Query executed successfully but returned no results.</p>
-                </div>
-            }
-
-            <div class="manual-section" [class.manual-section--collapsed]="!manualExpanded()">
-                <div class="manual-section-header" (click)="manualExpanded.set(!manualExpanded())">
-                    <div class="manual-section-title">
-                        <mat-icon>tune</mat-icon>
-                        <span>Manual configuration</span>
-                    </div>
-                    <mat-icon class="manual-toggle-icon">{{ manualExpanded() ? 'expand_less' : 'expand_more' }}</mat-icon>
-                </div>
-
-                @if (manualExpanded()) {
-                    <div class="manual-section-body">
-                        <div class="query-details">
-                            <mat-form-field appearance="outline" class="name-field">
-                                <mat-label>Query name</mat-label>
-                                <input matInput
-                                    [ngModel]="queryName()"
-                                    (ngModelChange)="queryName.set($event)"
-                                    placeholder="Enter a name for this query"
-                                    data-testid="query-name-input"
-                                    required>
-                            </mat-form-field>
-
-                            <mat-form-field appearance="outline" class="description-field">
-                                <mat-label>Description (optional)</mat-label>
-                                <input matInput
-                                    [ngModel]="queryDescription()"
-                                    (ngModelChange)="queryDescription.set($event)"
-                                    placeholder="Add a description"
-                                    data-testid="query-description-input">
-                            </mat-form-field>
-                        </div>
-
-                        <div class="editor-preview-container">
-                            <div class="editor-section">
-                                <div class="section-header">
-                                    <h3>SQL query</h3>
-                                    <button mat-stroked-button
-                                        (click)="testQuery()"
-                                        [disabled]="!canTest()"
-                                        class="test-query-button"
-                                        data-testid="test-query-button">
-                                        @if (!testing()) {
-                                            <mat-icon>play_arrow</mat-icon>
-                                        }
-                                        @if (testing()) {
-                                            <mat-spinner diameter="18" class="button-spinner"></mat-spinner>
-                                        }
-                                        {{ testing() ? 'Testing...' : 'Test query' }}
-                                    </button>
-                                </div>
-                                <div class="code-editor-box ph-no-capture">
-                                    <ngs-code-editor
-                                        [theme]="codeEditorTheme"
-                                        [codeModel]="codeModel()"
-                                        [options]="codeEditorOptions"
-                                        (valueChanged)="onCodeChange($event)">
-                                    </ngs-code-editor>
-                                </div>
-                            </div>
-
-                            @if (showResults()) {
-                                <div class="right-panel">
-                                    <div class="config-section">
-                                        <div class="section-header">
-                                            <h3>Chart configuration</h3>
-                                        </div>
-
-                                        <!-- Basic chart config -->
-                                        <div class="chart-config">
-                                            <mat-form-field appearance="outline" class="chart-config-field">
-                                                <mat-label>Chart type</mat-label>
-                                                <mat-select [ngModel]="chartType()" (ngModelChange)="chartType.set($event)" data-testid="chart-type-select">
-                                                    @for (type of chartTypes; track type.value) {
-                                                        <mat-option [value]="type.value">{{ type.label }}</mat-option>
-                                                    }
-                                                </mat-select>
-                                            </mat-form-field>
-
-                                            <mat-form-field appearance="outline" class="chart-config-field">
-                                                <mat-label>Label column</mat-label>
-                                                <mat-select [ngModel]="labelColumn()" (ngModelChange)="labelColumn.set($event)" data-testid="label-column-select">
-                                                    @for (col of resultColumns(); track col) {
-                                                        <mat-option [value]="col">{{ col }}</mat-option>
-                                                    }
-                                                </mat-select>
-                                            </mat-form-field>
-
-                                            @if (showLabelTypeOption()) {
-                                                <mat-form-field appearance="outline" class="chart-config-field">
-                                                    <mat-label>Label type</mat-label>
-                                                    <mat-select [ngModel]="labelType()" (ngModelChange)="labelType.set($event)" data-testid="label-type-select">
-                                                        @for (type of labelTypes; track type.value) {
-                                                            <mat-option [value]="type.value">{{ type.label }}</mat-option>
-                                                        }
-                                                    </mat-select>
-                                                </mat-form-field>
-                                            }
-                                        </div>
-
-                                        <!-- Series config -->
-                                        <div class="series-section">
-                                            <div class="section-header">
-                                                <h4>Data series</h4>
-                                                @if (!isPieType()) {
-                                                    <mat-form-field appearance="outline" class="series-mode-field">
-                                                        <mat-label>Series mode</mat-label>
-                                                        <mat-select [ngModel]="seriesMode()" (ngModelChange)="seriesMode.set($event)">
-                                                            <mat-option value="manual">Manual</mat-option>
-                                                            <mat-option value="column">Series from column</mat-option>
-                                                        </mat-select>
-                                                    </mat-form-field>
-                                                }
-                                            </div>
-
-                                            @if (seriesMode() === 'column' && !isPieType()) {
-                                                <div class="series-column-config">
-                                                    <mat-form-field appearance="outline" class="series-field">
-                                                        <mat-label>Series column</mat-label>
-                                                        <mat-select [ngModel]="seriesColumn()" (ngModelChange)="seriesColumn.set($event)">
-                                                            @for (col of resultColumns(); track col) {
-                                                                <mat-option [value]="col">{{ col }}</mat-option>
-                                                            }
-                                                        </mat-select>
-                                                        <mat-hint>Categorical column to split into datasets</mat-hint>
-                                                    </mat-form-field>
-
-                                                    <mat-form-field appearance="outline" class="series-field">
-                                                        <mat-label>Value column</mat-label>
-                                                        <mat-select [ngModel]="seriesValueColumn()" (ngModelChange)="seriesValueColumn.set($event)">
-                                                            @for (col of resultColumns(); track col) {
-                                                                <mat-option [value]="col">{{ col }}</mat-option>
-                                                            }
-                                                        </mat-select>
-                                                        <mat-hint>Numeric column to chart</mat-hint>
-                                                    </mat-form-field>
-                                                </div>
-                                            }
-
-                                            @if (seriesMode() === 'manual' || isPieType()) {
-                                                @if (!isPieType() || seriesList().length === 0) {
-                                                    <button mat-stroked-button (click)="addSeries()" class="add-series-button" data-testid="add-series-button">
-                                                        <mat-icon>add</mat-icon> Add series
-                                                    </button>
-                                                }
-
-                                            @for (series of seriesList(); track $index; let i = $index) {
-                                                <div class="series-card">
-                                                    <div class="series-card-header">
-                                                        <span class="series-number">Series {{ i + 1 }}</span>
-                                                        @if (seriesList().length > 1) {
-                                                            <button mat-icon-button (click)="removeSeries(i)" matTooltip="Remove series" class="remove-series-button">
-                                                                <mat-icon>close</mat-icon>
-                                                            </button>
-                                                        }
-                                                    </div>
-
-                                                    <div class="series-fields">
-                                                        <mat-form-field appearance="outline" class="series-field">
-                                                            <mat-label>Value column</mat-label>
-                                                            <mat-select [ngModel]="series.value_column" (ngModelChange)="updateSeries(i, 'value_column', $event)">
-                                                                @for (col of resultColumns(); track col) {
-                                                                    <mat-option [value]="col">{{ col }}</mat-option>
-                                                                }
-                                                            </mat-select>
-                                                        </mat-form-field>
-
-                                                        <mat-form-field appearance="outline" class="series-field">
-                                                            <mat-label>Label</mat-label>
-                                                            <input matInput [ngModel]="series.label || ''" (ngModelChange)="updateSeries(i, 'label', $event || undefined)" placeholder="Auto">
-                                                        </mat-form-field>
-
-                                                        @if (!isPieType()) {
-                                                            <div class="series-color-picker">
-                                                                <span class="color-picker-label">Color</span>
-                                                                <div class="color-picker-row">
-                                                                    <input type="color"
-                                                                        class="color-input"
-                                                                        [value]="toHex(series.color)"
-                                                                        (input)="updateSeries(i, 'color', $any($event.target).value)">
-                                                                    @if (series.color) {
-                                                                        <button mat-icon-button (click)="updateSeries(i, 'color', undefined)" matTooltip="Reset to auto" class="color-reset-button">
-                                                                            <mat-icon>close</mat-icon>
-                                                                        </button>
-                                                                    }
-                                                                    @if (!series.color) {
-                                                                        <span class="color-auto-label">Auto</span>
-                                                                    }
-                                                                </div>
-                                                            </div>
-                                                        }
-
-                                                        @if (!isPieType() && chartType() !== 'bar') {
-                                                            <mat-form-field appearance="outline" class="series-field">
-                                                                <mat-label>Point style</mat-label>
-                                                                <mat-select [ngModel]="series.point_style || 'circle'" (ngModelChange)="updateSeries(i, 'point_style', $event)">
-                                                                    @for (ps of pointStyles; track ps.value) {
-                                                                        <mat-option [value]="ps.value">{{ ps.label }}</mat-option>
-                                                                    }
-                                                                </mat-select>
-                                                            </mat-form-field>
-                                                        }
-                                                    </div>
-
-                                                    @if (!isPieType()) {
-                                                        <div class="series-options">
-                                                            @if (chartType() === 'line' || series.type === 'line') {
-                                                                <mat-checkbox [ngModel]="series.fill || false" (ngModelChange)="updateSeries(i, 'fill', $event)">
-                                                                    Fill area
-                                                                </mat-checkbox>
-                                                            }
-
-                                                            @if (chartType() === 'line' || series.type === 'line') {
-                                                                <mat-form-field appearance="outline" class="series-field series-field--small">
-                                                                    <mat-label>Tension</mat-label>
-                                                                    <input matInput type="number" min="0" max="1" step="0.1"
-                                                                        [ngModel]="series.tension ?? 0"
-                                                                        (ngModelChange)="updateSeries(i, 'tension', $event)">
-                                                                </mat-form-field>
-                                                            }
-
-                                                            @if (seriesList().length > 1) {
-                                                                <mat-form-field appearance="outline" class="series-field">
-                                                                    <mat-label>Type override</mat-label>
-                                                                    <mat-select [ngModel]="series.type || ''" (ngModelChange)="updateSeries(i, 'type', $event || undefined)">
-                                                                        <mat-option value="">Default</mat-option>
-                                                                        <mat-option value="bar">Bar</mat-option>
-                                                                        <mat-option value="line">Line</mat-option>
-                                                                    </mat-select>
-                                                                </mat-form-field>
-                                                            }
-                                                        </div>
-                                                    }
-                                                </div>
-                                            }
-                                            }
-                                        </div>
-                                    </div>
-
-                                    <!-- Advanced options -->
-                                    <mat-accordion class="advanced-options">
-                                        <!-- Display Options -->
-                                        <mat-expansion-panel>
-                                            <mat-expansion-panel-header>
-                                                <mat-panel-title>Display options</mat-panel-title>
-                                            </mat-expansion-panel-header>
-
-                                            <div class="option-group">
-                                                @if (!isPieType()) {
-                                                    <mat-checkbox [ngModel]="stacked()" (ngModelChange)="stacked.set($event)">
-                                                        Stacked
-                                                    </mat-checkbox>
-                                                }
-
-                                                @if (chartType() === 'bar') {
-                                                    <mat-checkbox [ngModel]="horizontal()" (ngModelChange)="horizontal.set($event)">
-                                                        Horizontal
-                                                    </mat-checkbox>
-                                                }
-
-                                                <mat-checkbox [ngModel]="showDataLabels()" (ngModelChange)="showDataLabels.set($event)">
-                                                    Show data labels
-                                                </mat-checkbox>
-
-                                                <mat-checkbox [ngModel]="legendShow()" (ngModelChange)="legendShow.set($event)">
-                                                    Show legend
-                                                </mat-checkbox>
-
-                                                @if (legendShow()) {
-                                                    <mat-form-field appearance="outline" class="option-field">
-                                                        <mat-label>Legend position</mat-label>
-                                                        <mat-select [ngModel]="legendPosition()" (ngModelChange)="legendPosition.set($event)">
-                                                            @for (pos of legendPositions; track pos.value) {
-                                                                <mat-option [value]="pos.value">{{ pos.label }}</mat-option>
-                                                            }
-                                                        </mat-select>
-                                                    </mat-form-field>
-                                                }
-                                            </div>
-                                        </mat-expansion-panel>
-
-                                        <!-- Units & Formatting -->
-                                        <mat-expansion-panel>
-                                            <mat-expansion-panel-header>
-                                                <mat-panel-title>Units & formatting</mat-panel-title>
-                                            </mat-expansion-panel-header>
-
-                                            <div class="option-group">
-                                                <mat-form-field appearance="outline" class="option-field">
-                                                    <mat-label>Unit mode</mat-label>
-                                                    <mat-select [ngModel]="unitMode()" (ngModelChange)="unitMode.set($event)">
-                                                        @for (mode of unitModes; track mode.value) {
-                                                            <mat-option [value]="mode.value">{{ mode.label }}</mat-option>
-                                                        }
-                                                    </mat-select>
-                                                </mat-form-field>
-
-                                                @if (unitMode() === 'custom') {
-                                                    <div class="inline-fields">
-                                                        <mat-form-field appearance="outline" class="option-field">
-                                                            <mat-label>Unit text</mat-label>
-                                                            <input matInput [ngModel]="unitsText()" (ngModelChange)="unitsText.set($event)" placeholder="e.g. $, %, EUR">
-                                                        </mat-form-field>
-
-                                                        <mat-form-field appearance="outline" class="option-field">
-                                                            <mat-label>Unit position</mat-label>
-                                                            <mat-select [ngModel]="unitsPosition()" (ngModelChange)="unitsPosition.set($event)">
-                                                                <mat-option value="prefix">Prefix ($100)</mat-option>
-                                                                <mat-option value="suffix">Suffix (100ms)</mat-option>
-                                                            </mat-select>
-                                                        </mat-form-field>
-                                                    </div>
-                                                }
-
-                                                @if (unitMode() === 'convert') {
-                                                    <mat-form-field appearance="outline" class="option-field">
-                                                        <mat-label>Source unit</mat-label>
-                                                        <mat-select [ngModel]="convertUnit()" (ngModelChange)="convertUnit.set($event)">
-                                                            @for (group of convertUnitPresets; track group.group) {
-                                                                <mat-optgroup [label]="group.group">
-                                                                    @for (unit of group.units; track unit.value) {
-                                                                        <mat-option [value]="unit.value">{{ unit.label }}</mat-option>
-                                                                    }
-                                                                </mat-optgroup>
-                                                            }
-                                                        </mat-select>
-                                                        <mat-hint>Values auto-convert to the best readable unit</mat-hint>
-                                                    </mat-form-field>
-                                                }
-
-                                                @if (unitMode() !== 'convert') {
-                                                    <div class="inline-fields">
-                                                        <mat-form-field appearance="outline" class="option-field">
-                                                            <mat-label>Decimal places</mat-label>
-                                                            <input matInput type="number" min="0" max="10"
-                                                                [ngModel]="decimalPlaces()"
-                                                                (ngModelChange)="decimalPlaces.set($event !== '' && $event !== null ? +$event : null)">
-                                                        </mat-form-field>
-                                                    </div>
-
-                                                    <mat-checkbox [ngModel]="thousandsSeparator()" (ngModelChange)="thousandsSeparator.set($event)">
-                                                        Thousands separator
-                                                    </mat-checkbox>
-
-                                                    <mat-checkbox [ngModel]="compact()" (ngModelChange)="compact.set($event)">
-                                                        Compact notation (1K, 1M, 1B)
-                                                    </mat-checkbox>
-                                                }
-                                            </div>
-                                        </mat-expansion-panel>
-
-                                        <!-- Axis Configuration -->
-                                        @if (!isPieType()) {
-                                            <mat-expansion-panel>
-                                                <mat-expansion-panel-header>
-                                                    <mat-panel-title>Axis configuration</mat-panel-title>
-                                                </mat-expansion-panel-header>
-
-                                                <div class="option-group">
-                                                    <h4 class="axis-label">Y-Axis</h4>
-                                                    <div class="inline-fields">
-                                                        <mat-form-field appearance="outline" class="option-field">
-                                                            <mat-label>Title</mat-label>
-                                                            <input matInput [ngModel]="yAxisTitle()" (ngModelChange)="yAxisTitle.set($event)">
-                                                        </mat-form-field>
-
-                                                        <mat-form-field appearance="outline" class="option-field">
-                                                            <mat-label>Scale type</mat-label>
-                                                            <mat-select [ngModel]="yAxisScaleType()" (ngModelChange)="yAxisScaleType.set($event)">
-                                                                @for (st of scaleTypes; track st.value) {
-                                                                    <mat-option [value]="st.value">{{ st.label }}</mat-option>
-                                                                }
-                                                            </mat-select>
-                                                        </mat-form-field>
-                                                    </div>
-
-                                                    <div class="inline-fields">
-                                                        <mat-form-field appearance="outline" class="option-field">
-                                                            <mat-label>Min</mat-label>
-                                                            <input matInput type="number"
-                                                                [ngModel]="yAxisMin()"
-                                                                (ngModelChange)="yAxisMin.set($event !== '' && $event !== null ? +$event : null)">
-                                                        </mat-form-field>
-
-                                                        <mat-form-field appearance="outline" class="option-field">
-                                                            <mat-label>Max</mat-label>
-                                                            <input matInput type="number"
-                                                                [ngModel]="yAxisMax()"
-                                                                (ngModelChange)="yAxisMax.set($event !== '' && $event !== null ? +$event : null)">
-                                                        </mat-form-field>
-                                                    </div>
-
-                                                    <mat-checkbox [ngModel]="yAxisBeginAtZero()" (ngModelChange)="yAxisBeginAtZero.set($event)">
-                                                        Begin at zero
-                                                    </mat-checkbox>
-
-                                                    <h4 class="axis-label">X-Axis</h4>
-                                                    <mat-form-field appearance="outline" class="option-field">
-                                                        <mat-label>Title</mat-label>
-                                                        <input matInput [ngModel]="xAxisTitle()" (ngModelChange)="xAxisTitle.set($event)">
-                                                    </mat-form-field>
-                                                </div>
-                                            </mat-expansion-panel>
-                                        }
-
-                                        <!-- Data Options -->
-                                        <mat-expansion-panel>
-                                            <mat-expansion-panel-header>
-                                                <mat-panel-title>Data options</mat-panel-title>
-                                            </mat-expansion-panel-header>
-
-                                            <div class="option-group">
-                                                <div class="inline-fields">
-                                                    <mat-form-field appearance="outline" class="option-field">
-                                                        <mat-label>Sort by</mat-label>
-                                                        <mat-select [ngModel]="sortBy()" (ngModelChange)="sortBy.set($event)">
-                                                            @for (opt of sortOptions; track opt.value) {
-                                                                <mat-option [value]="opt.value">{{ opt.label }}</mat-option>
-                                                            }
-                                                        </mat-select>
-                                                    </mat-form-field>
-
-                                                    <mat-form-field appearance="outline" class="option-field">
-                                                        <mat-label>Limit</mat-label>
-                                                        <input matInput type="number" min="1" max="10000"
-                                                            [ngModel]="limit()"
-                                                            (ngModelChange)="limit.set($event !== '' && $event !== null ? +$event : null)"
-                                                            placeholder="No limit">
-                                                    </mat-form-field>
-                                                </div>
-                                            </div>
-                                        </mat-expansion-panel>
-
-                                        <!-- Custom Palette -->
-                                        <mat-expansion-panel>
-                                            <mat-expansion-panel-header>
-                                                <mat-panel-title>Custom color palette</mat-panel-title>
-                                            </mat-expansion-panel-header>
-
-                                            <div class="option-group">
-                                                <div class="palette-colors">
-                                                    @for (color of colorPalette(); track $index; let i = $index) {
-                                                        <div class="palette-color-item">
-                                                            <input type="color"
-                                                                class="color-input"
-                                                                [value]="toHex(color)"
-                                                                (input)="updatePaletteColor(i, $any($event.target).value)">
-                                                            <button mat-icon-button (click)="removePaletteColor(i)" matTooltip="Remove color" class="color-remove-button">
-                                                                <mat-icon>close</mat-icon>
-                                                            </button>
-                                                        </div>
-                                                    }
-                                                </div>
-                                                <div class="palette-actions">
-                                                    <button mat-stroked-button (click)="addPaletteColor()" class="add-color-button">
-                                                        <mat-icon>add</mat-icon> Add color
-                                                    </button>
-                                                    @if (colorPalette().length === 0) {
-                                                        <button mat-stroked-button (click)="initializeDefaultPalette()" class="add-color-button">
-                                                            <mat-icon>palette</mat-icon> Load defaults
-                                                        </button>
-                                                    }
-                                                </div>
-                                            </div>
-                                        </mat-expansion-panel>
-                                    </mat-accordion>
-                                </div>
-                            }
-                        </div>
-
-                        @if (showResults() && testResults().length > 0) {
-                            <div class="results-section">
-                                <div class="section-header">
-                                    <h3>Query results ({{ testResults().length }} rows)</h3>
-                                </div>
-                                <div class="results-table-container">
-                                    <table mat-table [dataSource]="testResults()" class="results-table mat-elevation-z1">
-                                        @for (column of resultColumns(); track column) {
-                                            <ng-container [matColumnDef]="column">
-                                                <th mat-header-cell *matHeaderCellDef>{{ column }}</th>
-                                                <td mat-cell *matCellDef="let row">{{ row[column] }}</td>
-                                            </ng-container>
-                                        }
-
-                                        <tr mat-header-row *matHeaderRowDef="resultColumns()"></tr>
-                                        <tr mat-row *matRowDef="let row; columns: resultColumns();"></tr>
-                                    </table>
-                                </div>
-                            </div>
-                        }
-                    </div>
-                }
-            </div>
-        </div>
-    }
-        </div>
-
-        @if (!loading()) {
-            <div class="actions">
-                <a mat-stroked-button [routerLink]="['/panels', connectionId()]" data-testid="cancel-button">Back</a>
-                <button mat-flat-button color="primary"
-                    (click)="saveQuery()"
-                    [disabled]="!canSave()"
-                    data-testid="save-query-button">
-                    @if (saving()) {
-                        <mat-spinner diameter="18"></mat-spinner>
-                    }
-                    {{ saving() ? 'Saving...' : (isEditMode() ? 'Update query' : 'Save query') }}
-                </button>
-            </div>
-        }
-    </div>
-</div>
diff --git a/frontend/src/app/components/charts/chart-edit/chart-edit.component.spec.ts b/frontend/src/app/components/charts/chart-edit/chart-edit.component.spec.ts
deleted file mode 100644
index 994f01bfa..000000000
--- a/frontend/src/app/components/charts/chart-edit/chart-edit.component.spec.ts
+++ /dev/null
@@ -1,279 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { NO_ERRORS_SCHEMA, Signal, WritableSignal } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { ActivatedRoute, Router } from '@angular/router';
-import { RouterTestingModule } from '@angular/router/testing';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { ChartSeriesConfig, ChartType, SavedQuery } from 'src/app/models/saved-query';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { SavedQueriesService } from 'src/app/services/saved-queries.service';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { MockCodeEditorComponent } from 'src/app/testing/code-editor.mock';
-import { ChartEditComponent } from './chart-edit.component';
-
-type ChartEditComponentTestable = ChartEditComponent & {
-	isEditMode: WritableSignal<boolean>;
-	queryName: WritableSignal<string>;
-	queryText: WritableSignal<string>;
-	queryDescription: WritableSignal<string>;
-	saving: WritableSignal<boolean>;
-	testing: WritableSignal<boolean>;
-	testResults: WritableSignal<Record<string, unknown>[]>;
-	resultColumns: WritableSignal<string[]>;
-	executionTime: WritableSignal<number | null>;
-	labelColumn: WritableSignal<string>;
-	seriesList: WritableSignal<ChartSeriesConfig[]>;
-	chartType: WritableSignal<ChartType>;
-	canSave: Signal<boolean>;
-	canTest: Signal<boolean>;
-	hasChartData: Signal<boolean>;
-};
-
-describe('ChartEditComponent', () => {
-	let component: ChartEditComponent;
-	let fixture: ComponentFixture<ChartEditComponent>;
-	let mockSavedQueriesService: Partial<SavedQueriesService>;
-	let mockConnectionsService: Partial<ConnectionsService>;
-	let mockUiSettingsService: Partial<UiSettingsService>;
-	let router: Router;
-
-	const mockSavedQuery: SavedQuery = {
-		id: '1',
-		name: 'Test Query',
-		description: 'Test description',
-		widget_type: 'chart',
-		chart_type: 'bar',
-		widget_options: { label_column: 'name', value_column: 'count' },
-		query_text: 'SELECT * FROM users',
-		connection_id: 'conn-1',
-		created_at: '2024-01-01',
-		updated_at: '2024-01-01',
-	};
-
-	beforeEach(async () => {
-		mockSavedQueriesService = {
-			fetchSavedQuery: vi.fn().mockResolvedValue(mockSavedQuery),
-			createSavedQuery: vi.fn().mockResolvedValue(mockSavedQuery),
-			updateSavedQuery: vi.fn().mockResolvedValue(mockSavedQuery),
-			testQuery: vi.fn().mockResolvedValue({
-				data: [{ name: 'John', count: 10 }],
-				execution_time_ms: 50,
-			}),
-		};
-
-		mockConnectionsService = {
-			getCurrentConnectionTitle: vi.fn().mockReturnValue(of('Test Connection')),
-		};
-
-		mockUiSettingsService = {
-			isDarkMode: true,
-			getUiSettings: vi.fn().mockReturnValue(of({})),
-		};
-
-		await TestBed.configureTestingModule({
-			imports: [
-				ChartEditComponent,
-				BrowserAnimationsModule,
-				MatSnackBarModule,
-				RouterTestingModule,
-				Angulartics2Module.forRoot(),
-			],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				{ provide: SavedQueriesService, useValue: mockSavedQueriesService },
-				{ provide: ConnectionsService, useValue: mockConnectionsService },
-				{ provide: UiSettingsService, useValue: mockUiSettingsService },
-				{
-					provide: ActivatedRoute,
-					useValue: {
-						snapshot: {
-							paramMap: {
-								get: (key: string) => {
-									if (key === 'connection-id') return 'conn-1';
-									if (key === 'query-id') return null;
-									return null;
-								},
-							},
-						},
-					},
-				},
-			],
-		})
-			.overrideComponent(ChartEditComponent, {
-				remove: { imports: [CodeEditorModule] },
-				add: { imports: [MockCodeEditorComponent], schemas: [NO_ERRORS_SCHEMA] },
-			})
-			.compileComponents();
-
-		router = TestBed.inject(Router);
-		vi.spyOn(router, 'navigate');
-
-		fixture = TestBed.createComponent(ChartEditComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should initialize in create mode when no query-id', () => {
-		const testable = component as ChartEditComponentTestable;
-		expect(testable.isEditMode()).toBe(false);
-	});
-
-	it('should set page title on init', () => {
-		expect(mockConnectionsService.getCurrentConnectionTitle).toHaveBeenCalled();
-	});
-
-	it('should have correct default chart type', () => {
-		const testable = component as ChartEditComponentTestable;
-		expect(testable.chartType()).toBe('bar');
-	});
-
-	describe('canSave computed', () => {
-		it('should return false when name is empty', () => {
-			const testable = component as ChartEditComponentTestable;
-			testable.queryName.set('');
-			testable.queryText.set('SELECT 1');
-			expect(testable.canSave()).toBe(false);
-		});
-
-		it('should return false when query is empty', () => {
-			const testable = component as ChartEditComponentTestable;
-			testable.queryName.set('Test');
-			testable.queryText.set('');
-			expect(testable.canSave()).toBe(false);
-		});
-
-		it('should return true when name and query are provided', () => {
-			const testable = component as ChartEditComponentTestable;
-			testable.queryName.set('Test');
-			testable.queryText.set('SELECT 1');
-			testable.saving.set(false);
-			expect(testable.canSave()).toBe(true);
-		});
-
-		it('should return false when saving', () => {
-			const testable = component as ChartEditComponentTestable;
-			testable.queryName.set('Test');
-			testable.queryText.set('SELECT 1');
-			testable.saving.set(true);
-			expect(testable.canSave()).toBe(false);
-		});
-	});
-
-	describe('canTest computed', () => {
-		it('should return false when query is empty', () => {
-			const testable = component as ChartEditComponentTestable;
-			testable.queryText.set('');
-			expect(testable.canTest()).toBe(false);
-		});
-
-		it('should return true when query is provided', () => {
-			const testable = component as ChartEditComponentTestable;
-			testable.queryText.set('SELECT 1');
-			testable.testing.set(false);
-			expect(testable.canTest()).toBe(true);
-		});
-
-		it('should return false when testing', () => {
-			const testable = component as ChartEditComponentTestable;
-			testable.queryText.set('SELECT 1');
-			testable.testing.set(true);
-			expect(testable.canTest()).toBe(false);
-		});
-	});
-
-	describe('testQuery', () => {
-		it('should call testQuery service method', async () => {
-			const testable = component as ChartEditComponentTestable;
-			testable.queryText.set('SELECT * FROM users');
-			await component.testQuery();
-			expect(mockSavedQueriesService.testQuery).toHaveBeenCalledWith('conn-1', {
-				query_text: 'SELECT * FROM users',
-			});
-		});
-
-		it('should set results and columns after successful test', async () => {
-			const testable = component as ChartEditComponentTestable;
-			testable.queryText.set('SELECT * FROM users');
-			await component.testQuery();
-			expect(testable.testResults()).toEqual([{ name: 'John', count: 10 }]);
-			expect(testable.resultColumns()).toEqual(['name', 'count']);
-			expect(testable.executionTime()).toBe(50);
-		});
-
-		it('should auto-select label column and first series', async () => {
-			const testable = component as ChartEditComponentTestable;
-			testable.queryText.set('SELECT * FROM users');
-			await component.testQuery();
-			expect(testable.labelColumn()).toBe('name');
-			expect(testable.seriesList()).toEqual([{ value_column: 'count' }]);
-		});
-	});
-
-	describe('saveQuery', () => {
-		it('should call createSavedQuery in create mode', async () => {
-			const testable = component as ChartEditComponentTestable;
-			testable.isEditMode.set(false);
-			testable.queryName.set('New Query');
-			testable.queryText.set('SELECT 1');
-			await component.saveQuery();
-			expect(mockSavedQueriesService.createSavedQuery).toHaveBeenCalledWith('conn-1', {
-				name: 'New Query',
-				description: undefined,
-				query_text: 'SELECT 1',
-				widget_type: 'chart',
-				chart_type: 'bar',
-				widget_options: { label_column: '', label_type: 'values' },
-			});
-		});
-
-		it('should navigate to charts list after save', async () => {
-			const testable = component as ChartEditComponentTestable;
-			testable.queryName.set('New Query');
-			testable.queryText.set('SELECT 1');
-			await component.saveQuery();
-			expect(router.navigate).toHaveBeenCalledWith(['/panels', 'conn-1']);
-		});
-	});
-
-	describe('onCodeChange', () => {
-		it('should update queryText', () => {
-			const testable = component as ChartEditComponentTestable;
-			component.onCodeChange('SELECT * FROM table');
-			expect(testable.queryText()).toBe('SELECT * FROM table');
-		});
-	});
-
-	describe('hasChartData computed', () => {
-		it('should return false when no results', () => {
-			const testable = component as ChartEditComponentTestable;
-			testable.testResults.set([]);
-			expect(testable.hasChartData()).toBe(false);
-		});
-
-		it('should return false when no series configured', () => {
-			const testable = component as ChartEditComponentTestable;
-			testable.testResults.set([{ name: 'John' }]);
-			testable.labelColumn.set('name');
-			testable.seriesList.set([]);
-			expect(testable.hasChartData()).toBe(false);
-		});
-
-		it('should return true when results, label and series are set', () => {
-			const testable = component as ChartEditComponentTestable;
-			testable.testResults.set([{ name: 'John', count: 10 }]);
-			testable.labelColumn.set('name');
-			testable.seriesList.set([{ value_column: 'count' }]);
-			expect(testable.hasChartData()).toBe(true);
-		});
-	});
-});
diff --git a/frontend/src/app/components/charts/chart-edit/chart-edit.component.ts b/frontend/src/app/components/charts/chart-edit/chart-edit.component.ts
deleted file mode 100644
index f31a4ecde..000000000
--- a/frontend/src/app/components/charts/chart-edit/chart-edit.component.ts
+++ /dev/null
@@ -1,716 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, effect, inject, OnInit, signal } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatSelectModule } from '@angular/material/select';
-import { MatTableModule } from '@angular/material/table';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Title } from '@angular/platform-browser';
-import { ActivatedRoute, Router, RouterModule } from '@angular/router';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { DEFAULT_COLOR_PALETTE } from 'src/app/lib/chart-config.helper';
-import {
-	ChartAxisConfig,
-	ChartLegendConfig,
-	ChartNumberFormatConfig,
-	ChartSeriesConfig,
-	ChartType,
-	ChartUnitConfig,
-	ChartWidgetOptions,
-	GeneratedPanelWithPosition,
-	TestQueryResult,
-} from 'src/app/models/saved-query';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-import { SavedQueriesService } from 'src/app/services/saved-queries.service';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { DashboardsSidebarComponent } from '../../dashboards/dashboards-sidebar/dashboards-sidebar.component';
-import { AlertComponent } from '../../ui-components/alert/alert.component';
-import { ChartPreviewComponent } from '../chart-preview/chart-preview.component';
-
-@Component({
-	selector: 'app-chart-edit',
-	templateUrl: './chart-edit.component.html',
-	styleUrls: ['./chart-edit.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		RouterModule,
-		MatButtonModule,
-		MatCheckboxModule,
-		MatExpansionModule,
-		MatIconModule,
-		MatInputModule,
-		MatFormFieldModule,
-		MatSelectModule,
-		MatTableModule,
-		MatTooltipModule,
-		MatProgressSpinnerModule,
-		CodeEditorModule,
-		ChartPreviewComponent,
-		AlertComponent,
-		DashboardsSidebarComponent,
-	],
-})
-export class ChartEditComponent implements OnInit {
-	protected connectionId = signal('');
-	protected queryId = signal('');
-	protected isEditMode = signal(false);
-	protected loading = signal(true);
-	protected saving = signal(false);
-	protected testing = signal(false);
-
-	protected queryName = signal('');
-	protected queryDescription = signal('');
-	protected queryText = signal('');
-
-	protected testResults = signal<Record<string, unknown>[]>([]);
-	protected resultColumns = signal<string[]>([]);
-	protected executionTime = signal<number | null>(null);
-	protected showResults = signal(false);
-
-	// Basic chart config
-	protected chartType = signal<ChartType>('bar');
-	protected labelColumn = signal('');
-	protected labelType = signal<'values' | 'datetime'>('values');
-
-	// Series config
-	protected seriesMode = signal<'manual' | 'column'>('manual');
-	protected seriesList = signal<ChartSeriesConfig[]>([]);
-	protected seriesColumn = signal('');
-	protected seriesValueColumn = signal('');
-
-	// Display options
-	protected stacked = signal(false);
-	protected horizontal = signal(false);
-	protected showDataLabels = signal(false);
-
-	// Legend
-	protected legendShow = signal(true);
-	protected legendPosition = signal<'top' | 'bottom' | 'left' | 'right'>('top');
-
-	// Units
-	protected unitMode = signal<'none' | 'custom' | 'convert'>('none');
-	protected unitsText = signal('');
-	protected unitsPosition = signal<'prefix' | 'suffix'>('suffix');
-	protected convertUnit = signal('');
-
-	// Number format
-	protected decimalPlaces = signal<number | null>(null);
-	protected thousandsSeparator = signal(true);
-	protected compact = signal(false);
-
-	// Y-axis
-	protected yAxisTitle = signal('');
-	protected yAxisMin = signal<number | null>(null);
-	protected yAxisMax = signal<number | null>(null);
-	protected yAxisBeginAtZero = signal(true);
-	protected yAxisScaleType = signal<'linear' | 'logarithmic'>('linear');
-
-	// X-axis
-	protected xAxisTitle = signal('');
-
-	// Sort & limit
-	protected sortBy = signal<'label_asc' | 'label_desc' | 'value_asc' | 'value_desc' | 'none'>('none');
-	protected limit = signal<number | null>(null);
-
-	// Color palette
-	protected colorPalette = signal<string[]>([]);
-
-	// AI generation
-	protected aiDescription = signal('');
-	protected aiGenerating = signal(false);
-	protected aiExpanded = signal(true);
-	protected manualExpanded = signal(false);
-	protected canGenerate = computed(() => !!this.aiDescription().trim() && !this.aiGenerating());
-
-	public chartTypes: { value: ChartType; label: string }[] = [
-		{ value: 'bar', label: 'Bar Chart' },
-		{ value: 'line', label: 'Line Chart' },
-		{ value: 'pie', label: 'Pie Chart' },
-		{ value: 'doughnut', label: 'Doughnut Chart' },
-		{ value: 'polarArea', label: 'Polar Area Chart' },
-	];
-
-	public labelTypes: { value: 'values' | 'datetime'; label: string }[] = [
-		{ value: 'values', label: 'Values' },
-		{ value: 'datetime', label: 'Datetime' },
-	];
-
-	public legendPositions: { value: string; label: string }[] = [
-		{ value: 'top', label: 'Top' },
-		{ value: 'bottom', label: 'Bottom' },
-		{ value: 'left', label: 'Left' },
-		{ value: 'right', label: 'Right' },
-	];
-
-	public sortOptions: { value: string; label: string }[] = [
-		{ value: 'none', label: 'None' },
-		{ value: 'label_asc', label: 'Label (A-Z)' },
-		{ value: 'label_desc', label: 'Label (Z-A)' },
-		{ value: 'value_asc', label: 'Value (Low-High)' },
-		{ value: 'value_desc', label: 'Value (High-Low)' },
-	];
-
-	public scaleTypes: { value: string; label: string }[] = [
-		{ value: 'linear', label: 'Linear' },
-		{ value: 'logarithmic', label: 'Logarithmic' },
-	];
-
-	public pointStyles: { value: string; label: string }[] = [
-		{ value: 'circle', label: 'Circle' },
-		{ value: 'rect', label: 'Rectangle' },
-		{ value: 'triangle', label: 'Triangle' },
-		{ value: 'cross', label: 'Cross' },
-		{ value: 'none', label: 'None' },
-	];
-
-	public unitModes: { value: string; label: string }[] = [
-		{ value: 'none', label: 'None' },
-		{ value: 'custom', label: 'Custom text' },
-		{ value: 'convert', label: 'Auto-convert' },
-	];
-
-	public convertUnitPresets: { group: string; units: { value: string; label: string }[] }[] = [
-		{
-			group: 'Time',
-			units: [
-				{ value: 'ms', label: 'Milliseconds (ms)' },
-				{ value: 's', label: 'Seconds (s)' },
-				{ value: 'min', label: 'Minutes (min)' },
-				{ value: 'h', label: 'Hours (h)' },
-				{ value: 'd', label: 'Days (d)' },
-			],
-		},
-		{
-			group: 'Data',
-			units: [
-				{ value: 'B', label: 'Bytes (B)' },
-				{ value: 'KB', label: 'Kilobytes (KB)' },
-				{ value: 'MB', label: 'Megabytes (MB)' },
-				{ value: 'GB', label: 'Gigabytes (GB)' },
-				{ value: 'TB', label: 'Terabytes (TB)' },
-			],
-		},
-		{
-			group: 'Length',
-			units: [
-				{ value: 'mm', label: 'Millimeters (mm)' },
-				{ value: 'cm', label: 'Centimeters (cm)' },
-				{ value: 'm', label: 'Meters (m)' },
-				{ value: 'km', label: 'Kilometers (km)' },
-				{ value: 'in', label: 'Inches (in)' },
-				{ value: 'ft', label: 'Feet (ft)' },
-				{ value: 'mi', label: 'Miles (mi)' },
-			],
-		},
-		{
-			group: 'Mass',
-			units: [
-				{ value: 'mg', label: 'Milligrams (mg)' },
-				{ value: 'g', label: 'Grams (g)' },
-				{ value: 'kg', label: 'Kilograms (kg)' },
-				{ value: 'oz', label: 'Ounces (oz)' },
-				{ value: 'lb', label: 'Pounds (lb)' },
-			],
-		},
-		{
-			group: 'Temperature',
-			units: [
-				{ value: 'C', label: 'Celsius (C)' },
-				{ value: 'F', label: 'Fahrenheit (F)' },
-				{ value: 'K', label: 'Kelvin (K)' },
-			],
-		},
-		{
-			group: 'Frequency',
-			units: [
-				{ value: 'Hz', label: 'Hertz (Hz)' },
-				{ value: 'kHz', label: 'Kilohertz (kHz)' },
-				{ value: 'MHz', label: 'Megahertz (MHz)' },
-				{ value: 'GHz', label: 'Gigahertz (GHz)' },
-			],
-		},
-		{
-			group: 'Power',
-			units: [
-				{ value: 'W', label: 'Watts (W)' },
-				{ value: 'kW', label: 'Kilowatts (kW)' },
-				{ value: 'MW', label: 'Megawatts (MW)' },
-			],
-		},
-		{
-			group: 'Energy',
-			units: [
-				{ value: 'J', label: 'Joules (J)' },
-				{ value: 'Wh', label: 'Watt-hours (Wh)' },
-				{ value: 'kWh', label: 'Kilowatt-hours (kWh)' },
-			],
-		},
-		{
-			group: 'Pressure',
-			units: [
-				{ value: 'Pa', label: 'Pascals (Pa)' },
-				{ value: 'bar', label: 'Bar' },
-				{ value: 'psi', label: 'PSI' },
-				{ value: 'atm', label: 'Atmospheres (atm)' },
-			],
-		},
-		{
-			group: 'Volume',
-			units: [
-				{ value: 'mL', label: 'Milliliters (mL)' },
-				{ value: 'L', label: 'Liters (L)' },
-				{ value: 'gal', label: 'Gallons (gal)' },
-			],
-		},
-	];
-
-	protected showLabelTypeOption = computed(() => ['bar', 'line'].includes(this.chartType()));
-	protected isPieType = computed(() => ['pie', 'doughnut', 'polarArea'].includes(this.chartType()));
-
-	protected codeModel = signal({
-		language: 'sql',
-		uri: 'query.sql',
-		value: '',
-	});
-
-	public codeEditorOptions = {
-		minimap: { enabled: false },
-		automaticLayout: true,
-		scrollBeyondLastLine: false,
-		wordWrap: 'on' as const,
-		lineNumbers: 'on' as const,
-	};
-	public codeEditorTheme = 'vs-dark';
-
-	protected canSave = computed(() => !!this.queryName().trim() && !!this.queryText().trim() && !this.saving());
-	protected canTest = computed(() => !!this.queryText().trim() && !this.testing());
-
-	protected hasChartData = computed(() => {
-		const hasLabel = !!this.labelColumn();
-		if (this.seriesMode() === 'column') {
-			return this.testResults().length > 0 && hasLabel && !!this.seriesColumn() && !!this.seriesValueColumn();
-		}
-		const hasSeries = this.seriesList().length > 0 && this.seriesList().some((s) => !!s.value_column);
-		return this.testResults().length > 0 && hasLabel && hasSeries;
-	});
-
-	protected currentWidgetOptions = computed<ChartWidgetOptions>(() => {
-		const options: ChartWidgetOptions = {
-			label_column: this.labelColumn(),
-			label_type: this.labelType(),
-		};
-
-		if (this.seriesMode() === 'column' && this.seriesColumn()) {
-			options.series_column = this.seriesColumn();
-			options.value_column = this.seriesValueColumn();
-		} else {
-			const series = this.seriesList();
-			if (series.length > 0) {
-				options.series = series;
-			}
-		}
-
-		if (this.stacked()) options.stacked = true;
-		if (this.horizontal()) options.horizontal = true;
-		if (this.showDataLabels()) options.show_data_labels = true;
-
-		if (!this.legendShow() || this.legendPosition() !== 'top') {
-			options.legend = {
-				show: this.legendShow(),
-				position: this.legendPosition(),
-			};
-		}
-
-		if (this.unitMode() === 'custom' && this.unitsText()) {
-			options.units = { text: this.unitsText(), position: this.unitsPosition() };
-		} else if (this.unitMode() === 'convert' && this.convertUnit()) {
-			options.units = { convert_unit: this.convertUnit() };
-		}
-
-		const numberFormat: ChartNumberFormatConfig = {};
-		if (this.decimalPlaces() !== null) numberFormat.decimal_places = this.decimalPlaces()!;
-		if (!this.thousandsSeparator()) numberFormat.thousands_separator = false;
-		if (this.compact()) numberFormat.compact = true;
-		if (Object.keys(numberFormat).length > 0) options.number_format = numberFormat;
-
-		const yAxis: ChartAxisConfig = {};
-		if (this.yAxisTitle()) yAxis.title = this.yAxisTitle();
-		if (this.yAxisMin() !== null) yAxis.min = this.yAxisMin()!;
-		if (this.yAxisMax() !== null) yAxis.max = this.yAxisMax()!;
-		if (!this.yAxisBeginAtZero()) yAxis.begin_at_zero = false;
-		if (this.yAxisScaleType() !== 'linear') yAxis.scale_type = this.yAxisScaleType();
-		if (Object.keys(yAxis).length > 0) options.y_axis = yAxis;
-
-		const xAxis: ChartAxisConfig = {};
-		if (this.xAxisTitle()) xAxis.title = this.xAxisTitle();
-		if (Object.keys(xAxis).length > 0) options.x_axis = xAxis;
-
-		if (this.sortBy() !== 'none') options.sort_by = this.sortBy();
-		if (this.limit() !== null && this.limit()! > 0) options.limit = this.limit()!;
-
-		const palette = this.colorPalette();
-		if (palette.length > 0) options.color_palette = palette;
-
-		return options;
-	});
-
-	private _savedQueries = inject(SavedQueriesService);
-	private _connections = inject(ConnectionsService);
-	private _dashboards = inject(DashboardsService);
-	private _uiSettings = inject(UiSettingsService);
-	private route = inject(ActivatedRoute);
-	private router = inject(Router);
-	private angulartics2 = inject(Angulartics2);
-	private title = inject(Title);
-
-	private connectionTitle = toSignal(this._connections.getCurrentConnectionTitle(), { initialValue: '' });
-
-	constructor() {
-		effect(() => {
-			const title = this.connectionTitle();
-			const pageTitle = this.isEditMode() ? 'Edit Query' : 'Create Query';
-			this.title.setTitle(`${pageTitle} | ${title || 'Rocketadmin'}`);
-		});
-	}
-
-	ngOnInit(): void {
-		this.connectionId.set(this.route.snapshot.paramMap.get('connection-id') || '');
-		this.queryId.set(this.route.snapshot.paramMap.get('query-id') || '');
-		this.isEditMode.set(!!this.queryId());
-
-		this.codeEditorTheme = this._uiSettings.isDarkMode ? 'vs-dark' : 'vs';
-
-		if (this.isEditMode()) {
-			this.manualExpanded.set(true);
-			this.aiExpanded.set(false);
-			this.loadSavedQuery();
-		} else {
-			this.loading.set(false);
-		}
-
-		this._loadAiPrerequisites();
-	}
-
-	async loadSavedQuery(): Promise<void> {
-		this.loading.set(true);
-		try {
-			const query = await this._savedQueries.fetchSavedQuery(this.connectionId(), this.queryId());
-
-			if (query) {
-				this.queryName.set(query.name);
-				this.queryDescription.set(query.description || '');
-				this.queryText.set(query.query_text);
-
-				if (query.chart_type) {
-					this.chartType.set(query.chart_type);
-				}
-
-				if (query.widget_options) {
-					const opts = query.widget_options as Partial<ChartWidgetOptions>;
-
-					if (opts.label_column) this.labelColumn.set(opts.label_column);
-					if (opts.label_type) this.labelType.set(opts.label_type);
-
-					// Load series
-					if (opts.series_column) {
-						this.seriesMode.set('column');
-						this.seriesColumn.set(opts.series_column);
-						if (opts.value_column) this.seriesValueColumn.set(opts.value_column);
-					} else if (opts.series?.length) {
-						this.seriesList.set([...opts.series]);
-					} else if (opts.value_column) {
-						// Legacy: convert single value_column to series
-						this.seriesList.set([{ value_column: opts.value_column }]);
-					}
-
-					// Display options
-					if (opts.stacked) this.stacked.set(true);
-					if (opts.horizontal) this.horizontal.set(true);
-					if (opts.show_data_labels) this.showDataLabels.set(true);
-
-					// Legend
-					if (opts.legend) {
-						if (opts.legend.show !== undefined) this.legendShow.set(opts.legend.show);
-						if (opts.legend.position) this.legendPosition.set(opts.legend.position);
-					}
-
-					// Units
-					if (opts.units) {
-						if (opts.units.convert_unit) {
-							this.unitMode.set('convert');
-							this.convertUnit.set(opts.units.convert_unit);
-						} else if (opts.units.text) {
-							this.unitMode.set('custom');
-							this.unitsText.set(opts.units.text);
-							if (opts.units.position) this.unitsPosition.set(opts.units.position);
-						}
-					}
-
-					// Number format
-					if (opts.number_format) {
-						if (opts.number_format.decimal_places !== undefined) {
-							this.decimalPlaces.set(opts.number_format.decimal_places);
-						}
-						if (opts.number_format.thousands_separator !== undefined) {
-							this.thousandsSeparator.set(opts.number_format.thousands_separator);
-						}
-						if (opts.number_format.compact) this.compact.set(true);
-					}
-
-					// Y-axis
-					if (opts.y_axis) {
-						if (opts.y_axis.title) this.yAxisTitle.set(opts.y_axis.title);
-						if (opts.y_axis.min !== undefined) this.yAxisMin.set(opts.y_axis.min);
-						if (opts.y_axis.max !== undefined) this.yAxisMax.set(opts.y_axis.max);
-						if (opts.y_axis.begin_at_zero !== undefined) this.yAxisBeginAtZero.set(opts.y_axis.begin_at_zero);
-						if (opts.y_axis.scale_type) this.yAxisScaleType.set(opts.y_axis.scale_type);
-					}
-
-					// X-axis
-					if (opts.x_axis) {
-						if (opts.x_axis.title) this.xAxisTitle.set(opts.x_axis.title);
-					}
-
-					// Sort & limit
-					if (opts.sort_by) this.sortBy.set(opts.sort_by);
-					if (opts.limit) this.limit.set(opts.limit);
-
-					// Color palette
-					if (opts.color_palette?.length) {
-						this.colorPalette.set([...opts.color_palette]);
-					}
-				}
-
-				this.codeModel.set({ language: 'sql', uri: 'query.sql', value: query.query_text });
-				this.testQuery();
-			}
-		} finally {
-			this.loading.set(false);
-		}
-	}
-
-	onCodeChange(value: string): void {
-		this.queryText.set(value);
-	}
-
-	async testQuery(): Promise<void> {
-		if (!this.queryText().trim()) {
-			return;
-		}
-
-		this.testing.set(true);
-		this.showResults.set(false);
-
-		try {
-			const result = await this._savedQueries.testQuery(this.connectionId(), { query_text: this.queryText() });
-
-			if (result) {
-				this.testResults.set(result.data);
-				this.executionTime.set(result.execution_time_ms);
-				this.resultColumns.set(result.data.length > 0 ? Object.keys(result.data[0]) : []);
-				this.showResults.set(true);
-
-				if (this.resultColumns().length > 0 && !this.labelColumn()) {
-					this.labelColumn.set(this.resultColumns()[0]);
-				}
-				// Auto-add first series if none exist
-				if (this.seriesList().length === 0 && this.resultColumns().length > 1) {
-					this.seriesList.set([{ value_column: this.resultColumns()[1] }]);
-				}
-			}
-		} finally {
-			this.testing.set(false);
-		}
-
-		this.angulartics2.eventTrack.next({
-			action: 'Charts: test query executed',
-		});
-		posthog.capture('Charts: test query executed');
-	}
-
-	addSeries(): void {
-		const cols = this.resultColumns();
-		const usedCols = new Set(this.seriesList().map((s) => s.value_column));
-		const nextCol = cols.find((c) => c !== this.labelColumn() && !usedCols.has(c)) || cols[0] || '';
-		this.seriesList.update((list) => [...list, { value_column: nextCol }]);
-	}
-
-	removeSeries(index: number): void {
-		this.seriesList.update((list) => list.filter((_, i) => i !== index));
-	}
-
-	updateSeries(index: number, field: keyof ChartSeriesConfig, value: unknown): void {
-		this.seriesList.update((list) => {
-			const updated = [...list];
-			updated[index] = { ...updated[index], [field]: value };
-			return updated;
-		});
-	}
-
-	toHex(color: string | undefined): string {
-		if (!color) return '#6366f1';
-		if (color.startsWith('#')) return color.substring(0, 7);
-		const match = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-		if (!match) return '#000000';
-		const r = parseInt(match[1]).toString(16).padStart(2, '0');
-		const g = parseInt(match[2]).toString(16).padStart(2, '0');
-		const b = parseInt(match[3]).toString(16).padStart(2, '0');
-		return `#${r}${g}${b}`;
-	}
-
-	addPaletteColor(): void {
-		this.colorPalette.update((list) => [...list, '#6366f1']);
-	}
-
-	removePaletteColor(index: number): void {
-		this.colorPalette.update((list) => list.filter((_, i) => i !== index));
-	}
-
-	updatePaletteColor(index: number, value: string): void {
-		this.colorPalette.update((list) => {
-			const updated = [...list];
-			updated[index] = value;
-			return updated;
-		});
-	}
-
-	initializeDefaultPalette(): void {
-		this.colorPalette.set([...DEFAULT_COLOR_PALETTE]);
-	}
-
-	async saveQuery(): Promise<void> {
-		if (!this.queryName().trim() || !this.queryText().trim()) {
-			return;
-		}
-
-		this.saving.set(true);
-
-		const widgetOptions = this.currentWidgetOptions();
-
-		const payload = {
-			name: this.queryName(),
-			description: this.queryDescription() || undefined,
-			query_text: this.queryText(),
-			widget_type: 'chart' as const,
-			chart_type: this.chartType(),
-			widget_options: widgetOptions as unknown as Record<string, unknown>,
-		};
-
-		try {
-			if (this.isEditMode()) {
-				const result = await this._savedQueries.updateSavedQuery(this.connectionId(), this.queryId(), payload);
-				if (result) this.router.navigate(['/panels', this.connectionId()]);
-				this.angulartics2.eventTrack.next({
-					action: 'Charts: saved query updated',
-				});
-				posthog.capture('Charts: saved query updated');
-			} else {
-				const result = await this._savedQueries.createSavedQuery(this.connectionId(), payload);
-				if (result) this.router.navigate(['/panels', this.connectionId()]);
-				this.angulartics2.eventTrack.next({
-					action: 'Charts: saved query created',
-				});
-				posthog.capture('Charts: saved query created');
-			}
-		} finally {
-			this.saving.set(false);
-		}
-	}
-
-	async generateWithAi(): Promise<void> {
-		if (!this.aiDescription().trim()) return;
-
-		this.aiGenerating.set(true);
-
-		try {
-			const result = await this._dashboards.generateWidgetWithAi(this.connectionId(), {
-				chart_description: this.aiDescription(),
-			});
-
-			if (result) {
-				this._applyAiResponse(result);
-				this.aiExpanded.set(false);
-				this.manualExpanded.set(true);
-				await this.testQuery();
-			}
-		} finally {
-			this.aiGenerating.set(false);
-		}
-
-		this.angulartics2.eventTrack.next({
-			action: 'Charts: AI generation used',
-		});
-		posthog.capture('Charts: AI generation used');
-	}
-
-	private _applyAiResponse(result: GeneratedPanelWithPosition): void {
-		if (result.name) this.queryName.set(result.name);
-		if (result.description) this.queryDescription.set(result.description);
-		if (result.query_text) {
-			this.queryText.set(result.query_text);
-			this.codeModel.set({ language: 'sql', uri: 'query.sql', value: result.query_text });
-		}
-
-		if (result.chart_type) {
-			const validTypes: ChartType[] = ['bar', 'line', 'pie', 'doughnut', 'polarArea'];
-			if (validTypes.includes(result.chart_type as ChartType)) {
-				this.chartType.set(result.chart_type as ChartType);
-			}
-		}
-
-		if (result.widget_options) {
-			const opts = result.widget_options as Partial<ChartWidgetOptions>;
-
-			if (opts.label_column) this.labelColumn.set(opts.label_column);
-			if (opts.label_type) this.labelType.set(opts.label_type);
-
-			// Series
-			if (opts.series_column) {
-				this.seriesMode.set('column');
-				this.seriesColumn.set(opts.series_column);
-				if (opts.value_column) this.seriesValueColumn.set(opts.value_column);
-			} else if (opts.series?.length) {
-				this.seriesMode.set('manual');
-				this.seriesList.set([...opts.series]);
-			} else if (opts.value_column) {
-				this.seriesMode.set('manual');
-				this.seriesList.set([{ value_column: opts.value_column }]);
-			}
-
-			// Display options
-			if (opts.stacked) this.stacked.set(true);
-			if (opts.horizontal) this.horizontal.set(true);
-			if (opts.show_data_labels) this.showDataLabels.set(true);
-
-			// Legend
-			if (opts.legend) {
-				if (opts.legend.show !== undefined) this.legendShow.set(opts.legend.show);
-				if (opts.legend.position) this.legendPosition.set(opts.legend.position);
-			}
-
-			// Color palette
-			if (opts.color_palette?.length) {
-				this.colorPalette.set([...opts.color_palette]);
-			}
-		}
-	}
-
-	private _loadAiPrerequisites(): void {
-		const connectionId = this.connectionId();
-		if (!connectionId) return;
-
-		// Trigger dashboards loading; the effect in constructor picks up the result
-		this._dashboards.setActiveConnection(connectionId);
-	}
-}
diff --git a/frontend/src/app/components/charts/chart-preview/chart-preview.component.css b/frontend/src/app/components/charts/chart-preview/chart-preview.component.css
deleted file mode 100644
index 6f268a57f..000000000
--- a/frontend/src/app/components/charts/chart-preview/chart-preview.component.css
+++ /dev/null
@@ -1,24 +0,0 @@
-.chart-preview {
-	width: 100%;
-	height: 250px;
-	position: relative;
-}
-
-.chart-preview canvas {
-	max-width: 100%;
-	max-height: 100%;
-}
-
-.no-data {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 200px;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-data {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
diff --git a/frontend/src/app/components/charts/chart-preview/chart-preview.component.html b/frontend/src/app/components/charts/chart-preview/chart-preview.component.html
deleted file mode 100644
index 0f21f88fa..000000000
--- a/frontend/src/app/components/charts/chart-preview/chart-preview.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-@if (chartData) {
-    <div class="chart-preview">
-        <canvas baseChart
-            [type]="mappedChartType"
-            [data]="chartData"
-            [options]="chartOptions"
-            [plugins]="chartPlugins">
-        </canvas>
-    </div>
-} @else {
-    <div class="no-data">
-        <p>No chart data available</p>
-    </div>
-}
diff --git a/frontend/src/app/components/charts/chart-preview/chart-preview.component.ts b/frontend/src/app/components/charts/chart-preview/chart-preview.component.ts
deleted file mode 100644
index a78d60397..000000000
--- a/frontend/src/app/components/charts/chart-preview/chart-preview.component.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
-import { ChartConfiguration, ChartData, ChartType as ChartJsType, Plugin } from 'chart.js';
-import 'chartjs-adapter-date-fns';
-import { BaseChartDirective } from 'ng2-charts';
-import {
-	buildChartData,
-	buildChartOptions,
-	buildDataLabelsPlugin,
-	getMappedChartType,
-} from 'src/app/lib/chart-config.helper';
-import { ChartType, ChartWidgetOptions } from 'src/app/models/saved-query';
-
-@Component({
-	selector: 'app-chart-preview',
-	templateUrl: './chart-preview.component.html',
-	styleUrls: ['./chart-preview.component.css'],
-	imports: [CommonModule, BaseChartDirective],
-})
-export class ChartPreviewComponent implements OnChanges {
-	@Input() chartType: ChartType = 'bar';
-	@Input() data: Record<string, unknown>[] = [];
-	@Input() widgetOptions: ChartWidgetOptions | null = null;
-
-	// Legacy inputs for backward compatibility
-	@Input() labelColumn = '';
-	@Input() valueColumn = '';
-	@Input() labelType: 'values' | 'datetime' = 'values';
-
-	public chartData: ChartData<ChartJsType> | null = null;
-	public chartOptions: ChartConfiguration['options'] = this._getDefaultOptions();
-	public chartPlugins: Plugin[] = [];
-
-	ngOnChanges(changes: SimpleChanges): void {
-		if (
-			changes['data'] ||
-			changes['widgetOptions'] ||
-			changes['labelColumn'] ||
-			changes['valueColumn'] ||
-			changes['chartType'] ||
-			changes['labelType']
-		) {
-			this._updateChart();
-		}
-	}
-
-	get mappedChartType(): ChartJsType {
-		const options = this._resolveOptions();
-		return getMappedChartType(this.chartType, options);
-	}
-
-	private _updateChart(): void {
-		const options = this._resolveOptions();
-
-		if (!this.data.length || !options.label_column) {
-			this.chartData = null;
-			return;
-		}
-
-		// Check that at least one value source exists
-		const hasValues = options.series?.length || options.value_column;
-		if (!hasValues) {
-			this.chartData = null;
-			return;
-		}
-
-		this.chartData = buildChartData(this.data, this.chartType, options);
-		this.chartOptions = buildChartOptions(this.chartType, options);
-
-		this.chartPlugins = [buildDataLabelsPlugin(options)];
-	}
-
-	private _resolveOptions(): ChartWidgetOptions {
-		if (this.widgetOptions) {
-			return this.widgetOptions;
-		}
-
-		// Legacy mode: build options from individual inputs
-		return {
-			label_column: this.labelColumn,
-			value_column: this.valueColumn,
-			label_type: this.labelType,
-		};
-	}
-
-	private _getDefaultOptions(): ChartConfiguration['options'] {
-		return {
-			responsive: true,
-			maintainAspectRatio: false,
-			plugins: {
-				legend: {
-					display: true,
-					position: 'top',
-				},
-			},
-		};
-	}
-}
diff --git a/frontend/src/app/components/charts/charts-list/charts-list.component.css b/frontend/src/app/components/charts/charts-list/charts-list.component.css
deleted file mode 100644
index 8ece1d8c0..000000000
--- a/frontend/src/app/components/charts/charts-list/charts-list.component.css
+++ /dev/null
@@ -1,230 +0,0 @@
-:host {
-	display: block;
-	height: calc(100vh - 44px);
-	margin-bottom: -60px;
-	overflow: hidden;
-	position: relative;
-	z-index: 1;
-}
-
-.charts-layout {
-	display: flex;
-	height: 100%;
-}
-
-.charts-main {
-	flex: 1;
-	overflow-y: auto;
-	background-color: var(--mat-sidenav-content-background-color);
-}
-
-.charts-page {
-	margin: 3em auto;
-	padding: 0 clamp(40px, 5vw, 100px);
-	max-width: 1400px;
-}
-
-@media (width <= 600px) {
-	.charts-page {
-		padding: 0 16px;
-		margin: 1.5em auto;
-	}
-}
-
-.charts-header {
-	margin-bottom: 32px;
-}
-
-.charts-description {
-	color: rgba(0, 0, 0, 0.64);
-	margin-top: 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.charts-description {
-		color: rgba(255, 255, 255, 0.7);
-	}
-}
-
-.charts-toolbar {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 16px;
-	margin-bottom: 24px;
-}
-
-@media (width <= 600px) {
-	.charts-toolbar {
-		flex-direction: column;
-		align-items: stretch;
-	}
-}
-
-.search-field {
-	flex: 1;
-	max-width: 400px;
-}
-
-@media (width <= 600px) {
-	.search-field {
-		max-width: 100%;
-	}
-}
-
-/* Table Styles */
-.panels-table {
-	width: 100%;
-	background: transparent;
-}
-
-.panels-table tr.mat-mdc-row {
-	height: 64px;
-	cursor: pointer;
-}
-
-.panels-table tr.mat-mdc-row:hover {
-	background-color: rgba(0, 0, 0, 0.04);
-}
-
-@media (prefers-color-scheme: dark) {
-	.panels-table tr.mat-mdc-row:hover {
-		background-color: rgba(255, 255, 255, 0.04);
-	}
-}
-
-.panels-table th.mat-mdc-header-cell {
-	font-weight: 500;
-	color: rgba(0, 0, 0, 0.6);
-	font-size: 12px;
-	text-transform: uppercase;
-	letter-spacing: 0.5px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.panels-table th.mat-mdc-header-cell {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
-
-/* Preview Cell */
-.preview-cell {
-	width: 64px;
-	padding-right: 8px !important;
-}
-
-.preview-link {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 56px;
-	height: 56px;
-	overflow: hidden;
-}
-
-.preview-link app-chart-mini-preview {
-	width: 48px;
-	height: 40px;
-}
-
-/* Name Cell */
-.panel-name-cell {
-	font-weight: 500;
-}
-
-/* Description Cell */
-.description-cell {
-	color: rgba(0, 0, 0, 0.6);
-	max-width: 300px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-@media (prefers-color-scheme: dark) {
-	.description-cell {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
-
-/* Updated Cell */
-.updated-cell {
-	color: rgba(0, 0, 0, 0.5);
-	white-space: nowrap;
-}
-
-@media (prefers-color-scheme: dark) {
-	.updated-cell {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-/* Actions Cell */
-.actions-cell {
-	width: 48px;
-	text-align: right;
-}
-
-/* Empty State */
-.no-panels {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	padding: 64px 24px;
-	text-align: center;
-	background-color: rgba(0, 0, 0, 0.02);
-	border-radius: 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-panels {
-		background-color: rgba(255, 255, 255, 0.05);
-	}
-}
-
-.no-panels-icon {
-	font-size: 64px;
-	width: 64px;
-	height: 64px;
-	color: rgba(0, 0, 0, 0.26);
-	margin-bottom: 16px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-panels-icon {
-		color: rgba(255, 255, 255, 0.3);
-	}
-}
-
-.no-panels h3 {
-	margin: 0 0 8px 0;
-	color: rgba(0, 0, 0, 0.87);
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-panels h3 {
-		color: rgba(255, 255, 255, 0.87);
-	}
-}
-
-.no-panels p {
-	margin: 0 0 16px 0;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-panels p {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.delete-action {
-	color: var(--color-warnPalette-500);
-}
-
-@media (prefers-color-scheme: dark) {
-	.delete-action {
-		color: var(--color-warnDarkPalette-500);
-	}
-}
diff --git a/frontend/src/app/components/charts/charts-list/charts-list.component.html b/frontend/src/app/components/charts/charts-list/charts-list.component.html
deleted file mode 100644
index 10e43c925..000000000
--- a/frontend/src/app/components/charts/charts-list/charts-list.component.html
+++ /dev/null
@@ -1,120 +0,0 @@
-<div class="charts-layout">
-    <app-dashboards-sidebar
-        [connectionId]="connectionId()"
-        activeTab="queries">
-    </app-dashboards-sidebar>
-
-    <div class="charts-main">
-        <app-alert></app-alert>
-
-        <div class="charts-page">
-            <div class="charts-header">
-                <h1 class="mat-h1">Panels</h1>
-                <p class="charts-description">
-                    Create and manage panels with chart visualizations for your dashboards.
-                </p>
-            </div>
-
-            <div class="charts-toolbar">
-                <mat-form-field appearance="outline" class="search-field">
-                    <mat-label>Search panels</mat-label>
-                    <input matInput
-                        [ngModel]="searchQuery()"
-                        (ngModelChange)="searchQuery.set($event)"
-                        placeholder="Search by name or description..."
-                        data-testid="panels-search-input">
-                    <mat-icon matSuffix>search</mat-icon>
-                </mat-form-field>
-
-                <a *ngIf="filteredQueries().length > 0" mat-flat-button color="primary"
-                    [routerLink]="['/panels', connectionId(), 'new']"
-                    (click)="trackCreatePageOpened()"
-                    data-testid="create-panel-button">
-                    <mat-icon>add</mat-icon>
-                    Create panel
-                </a>
-            </div>
-
-            <app-placeholder-table-data *ngIf="loading()"></app-placeholder-table-data>
-
-            <div *ngIf="!loading() && filteredQueries().length === 0" class="no-panels">
-                <mat-icon class="no-panels-icon">widgets</mat-icon>
-                <h3>No panels found</h3>
-                <p *ngIf="searchQuery()">No panels match your search criteria.</p>
-                <p *ngIf="!searchQuery()">Create your first panel to visualize your data.</p>
-                <a mat-flat-button color="primary"
-                    [routerLink]="['/panels', connectionId(), 'new']"
-                    (click)="trackCreatePageOpened()">
-                    <mat-icon>add</mat-icon>
-                    Create panel
-                </a>
-            </div>
-
-            <table *ngIf="!loading() && filteredQueries().length > 0" mat-table [dataSource]="filteredQueries()" class="panels-table">
-                <!-- Preview Column -->
-                <ng-container matColumnDef="preview">
-                    <th mat-header-cell *matHeaderCellDef>Type</th>
-                    <td mat-cell *matCellDef="let query" class="preview-cell">
-                        <div class="preview-link" [matTooltip]="getChartTypeName(query.chart_type)">
-                            <app-chart-mini-preview [chartType]="query.chart_type"></app-chart-mini-preview>
-                        </div>
-                    </td>
-                </ng-container>
-
-                <!-- Name Column -->
-                <ng-container matColumnDef="name">
-                    <th mat-header-cell *matHeaderCellDef>Name</th>
-                    <td mat-cell *matCellDef="let query" class="panel-name-cell">
-                        {{query.name}}
-                    </td>
-                </ng-container>
-
-                <!-- Description Column -->
-                <ng-container matColumnDef="description">
-                    <th mat-header-cell *matHeaderCellDef>Description</th>
-                    <td mat-cell *matCellDef="let query" class="description-cell">
-                        {{query.description || '—'}}
-                    </td>
-                </ng-container>
-
-                <!-- Updated Column -->
-                <ng-container matColumnDef="updated">
-                    <th mat-header-cell *matHeaderCellDef>Updated</th>
-                    <td mat-cell *matCellDef="let query" class="updated-cell">
-                        {{formatUpdatedAt(query.updated_at)}}
-                    </td>
-                </ng-container>
-
-                <!-- Actions Column -->
-                <ng-container matColumnDef="actions">
-                    <th mat-header-cell *matHeaderCellDef></th>
-                    <td mat-cell *matCellDef="let query; let i = index" class="actions-cell">
-                        <button mat-icon-button [matMenuTriggerFor]="rowMenu"
-                            (click)="$event.stopPropagation()"
-                            attr.data-testid="panel-actions-{{i}}-button">
-                            <mat-icon>more_vert</mat-icon>
-                        </button>
-                        <mat-menu #rowMenu="matMenu">
-                            <a mat-menu-item
-                                [routerLink]="['/panels', connectionId(), query.id]"
-                                (click)="trackEditPageOpened()"
-                                attr.data-testid="panel-edit-{{i}}-menu-item">
-                                <mat-icon>edit</mat-icon>
-                                <span>Edit</span>
-                            </a>
-                            <mat-divider></mat-divider>
-                            <button mat-menu-item (click)="openDeleteDialog(query)" class="delete-action"
-                                attr.data-testid="panel-delete-{{i}}-menu-item">
-                                <mat-icon color="warn">delete</mat-icon>
-                                <span>Delete</span>
-                            </button>
-                        </mat-menu>
-                    </td>
-                </ng-container>
-
-                <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-                <tr mat-row *matRowDef="let row; columns: displayedColumns;" class="clickable-row" (click)="openQuery(row)"></tr>
-            </table>
-        </div>
-    </div>
-</div>
diff --git a/frontend/src/app/components/charts/charts-list/charts-list.component.spec.ts b/frontend/src/app/components/charts/charts-list/charts-list.component.spec.ts
deleted file mode 100644
index 5aa4f444d..000000000
--- a/frontend/src/app/components/charts/charts-list/charts-list.component.spec.ts
+++ /dev/null
@@ -1,189 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { NO_ERRORS_SCHEMA, Signal, signal, WritableSignal } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialog } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { ActivatedRoute } from '@angular/router';
-import { RouterTestingModule } from '@angular/router/testing';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { SavedQuery } from 'src/app/models/saved-query';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { QueryUpdateEvent, SavedQueriesService } from 'src/app/services/saved-queries.service';
-import { DashboardsSidebarComponent } from '../../dashboards/dashboards-sidebar/dashboards-sidebar.component';
-import { ChartDeleteDialogComponent } from '../chart-delete-dialog/chart-delete-dialog.component';
-import { ChartsListComponent } from './charts-list.component';
-
-type ChartsListComponentTestable = ChartsListComponent & {
-	savedQueries: Signal<SavedQuery[]>;
-	loading: Signal<boolean>;
-	searchQuery: WritableSignal<string>;
-	filteredQueries: Signal<SavedQuery[]>;
-};
-
-describe('ChartsListComponent', () => {
-	let component: ChartsListComponent;
-	let fixture: ComponentFixture<ChartsListComponent>;
-	let mockSavedQueriesService: Partial<SavedQueriesService>;
-	let mockConnectionsService: Partial<ConnectionsService>;
-	let mockDialog: Partial<MatDialog>;
-	let queriesUpdatedSignal: WritableSignal<QueryUpdateEvent>;
-	let savedQueriesSignal: WritableSignal<SavedQuery[]>;
-	let savedQueriesLoadingSignal: WritableSignal<boolean>;
-
-	const mockSavedQuery: SavedQuery = {
-		id: '1',
-		name: 'Test Query',
-		description: 'Test description',
-		widget_type: 'chart',
-		chart_type: 'bar',
-		widget_options: null,
-		query_text: 'SELECT * FROM users',
-		connection_id: 'conn-1',
-		created_at: '2024-01-01',
-		updated_at: '2024-01-01',
-	};
-
-	beforeEach(async () => {
-		queriesUpdatedSignal = signal<QueryUpdateEvent>('');
-		savedQueriesSignal = signal<SavedQuery[]>([mockSavedQuery]);
-		savedQueriesLoadingSignal = signal<boolean>(false);
-
-		mockSavedQueriesService = {
-			savedQueries: savedQueriesSignal.asReadonly(),
-			savedQueriesLoading: savedQueriesLoadingSignal.asReadonly(),
-			queriesUpdated: queriesUpdatedSignal.asReadonly(),
-			setActiveConnection: vi.fn(),
-			refreshSavedQueries: vi.fn(),
-		};
-
-		mockConnectionsService = {
-			getCurrentConnectionTitle: vi.fn().mockReturnValue(of('Test Connection')),
-		};
-
-		mockDialog = {
-			open: vi.fn(),
-		};
-
-		await TestBed.configureTestingModule({
-			imports: [
-				ChartsListComponent,
-				BrowserAnimationsModule,
-				MatSnackBarModule,
-				RouterTestingModule,
-				Angulartics2Module.forRoot(),
-			],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				{ provide: SavedQueriesService, useValue: mockSavedQueriesService },
-				{ provide: ConnectionsService, useValue: mockConnectionsService },
-				{ provide: MatDialog, useValue: mockDialog },
-				{
-					provide: ActivatedRoute,
-					useValue: {
-						snapshot: {
-							paramMap: {
-								get: () => 'conn-1',
-							},
-						},
-					},
-				},
-			],
-		})
-			.overrideComponent(ChartsListComponent, {
-				remove: { imports: [DashboardsSidebarComponent] },
-				add: { schemas: [NO_ERRORS_SCHEMA] },
-			})
-			.compileComponents();
-
-		fixture = TestBed.createComponent(ChartsListComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should set active connection on init', () => {
-		expect(mockSavedQueriesService.setActiveConnection).toHaveBeenCalledWith('conn-1');
-	});
-
-	it('should set page title on init', () => {
-		expect(mockConnectionsService.getCurrentConnectionTitle).toHaveBeenCalled();
-	});
-
-	it('should initialize with loading from service', () => {
-		const testable = component as ChartsListComponentTestable;
-		expect(testable.loading()).toBe(false);
-	});
-
-	it('should have correct displayed columns', () => {
-		expect(component.displayedColumns).toEqual(['preview', 'name', 'description', 'updated', 'actions']);
-	});
-
-	describe('filteredQueries computed', () => {
-		it('should show all queries when search is empty', () => {
-			const testable = component as ChartsListComponentTestable;
-			savedQueriesSignal.set([mockSavedQuery]);
-			testable.searchQuery.set('');
-			expect(testable.filteredQueries()).toEqual([mockSavedQuery]);
-		});
-
-		it('should filter by name', () => {
-			const testable = component as ChartsListComponentTestable;
-			savedQueriesSignal.set([mockSavedQuery]);
-			testable.searchQuery.set('Test');
-			expect(testable.filteredQueries()).toEqual([mockSavedQuery]);
-		});
-
-		it('should filter by description', () => {
-			const testable = component as ChartsListComponentTestable;
-			savedQueriesSignal.set([mockSavedQuery]);
-			testable.searchQuery.set('description');
-			expect(testable.filteredQueries()).toEqual([mockSavedQuery]);
-		});
-
-		it('should return empty when no match', () => {
-			const testable = component as ChartsListComponentTestable;
-			savedQueriesSignal.set([mockSavedQuery]);
-			testable.searchQuery.set('nonexistent');
-			expect(testable.filteredQueries()).toEqual([]);
-		});
-	});
-
-	describe('openDeleteDialog', () => {
-		it('should open delete dialog with query data', () => {
-			component.openDeleteDialog(mockSavedQuery);
-			expect(mockDialog.open).toHaveBeenCalledWith(ChartDeleteDialogComponent, {
-				width: '400px',
-				data: { query: mockSavedQuery, connectionId: 'conn-1' },
-			});
-		});
-	});
-
-	describe('queriesUpdated effect', () => {
-		it('should refresh queries when queriesUpdated signal changes', () => {
-			vi.mocked(mockSavedQueriesService.refreshSavedQueries!).mockClear();
-
-			// Trigger the signal change
-			queriesUpdatedSignal.set('created');
-			TestBed.flushEffects();
-
-			expect(mockSavedQueriesService.refreshSavedQueries).toHaveBeenCalled();
-		});
-
-		it('should not refresh queries when queriesUpdated signal is empty', () => {
-			vi.mocked(mockSavedQueriesService.refreshSavedQueries!).mockClear();
-
-			// Set empty value
-			queriesUpdatedSignal.set('');
-			TestBed.flushEffects();
-
-			expect(mockSavedQueriesService.refreshSavedQueries).not.toHaveBeenCalled();
-		});
-	});
-});
diff --git a/frontend/src/app/components/charts/charts-list/charts-list.component.ts b/frontend/src/app/components/charts/charts-list/charts-list.component.ts
deleted file mode 100644
index e43a103a5..000000000
--- a/frontend/src/app/components/charts/charts-list/charts-list.component.ts
+++ /dev/null
@@ -1,168 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, effect, inject, OnInit, signal } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCardModule } from '@angular/material/card';
-import { MatDialog } from '@angular/material/dialog';
-import { MatDividerModule } from '@angular/material/divider';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatTableModule } from '@angular/material/table';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Title } from '@angular/platform-browser';
-import { ActivatedRoute, Router, RouterModule } from '@angular/router';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { ChartType, SavedQuery } from 'src/app/models/saved-query';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { SavedQueriesService } from 'src/app/services/saved-queries.service';
-import { ChartMiniPreviewComponent } from '../../dashboards/chart-mini-preview/chart-mini-preview.component';
-import { DashboardsSidebarComponent } from '../../dashboards/dashboards-sidebar/dashboards-sidebar.component';
-import { PlaceholderTableDataComponent } from '../../skeletons/placeholder-table-data/placeholder-table-data.component';
-import { AlertComponent } from '../../ui-components/alert/alert.component';
-import { ChartDeleteDialogComponent } from '../chart-delete-dialog/chart-delete-dialog.component';
-
-@Component({
-	selector: 'app-charts-list',
-	templateUrl: './charts-list.component.html',
-	styleUrls: ['./charts-list.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		RouterModule,
-		MatButtonModule,
-		MatCardModule,
-		MatIconModule,
-		MatMenuModule,
-		MatInputModule,
-		MatFormFieldModule,
-		MatTooltipModule,
-		MatDividerModule,
-		MatTableModule,
-		ChartMiniPreviewComponent,
-		PlaceholderTableDataComponent,
-		AlertComponent,
-		DashboardsSidebarComponent,
-	],
-})
-export class ChartsListComponent implements OnInit {
-	protected searchQuery = signal('');
-	protected connectionId = signal('');
-	displayedColumns = ['preview', 'name', 'description', 'updated', 'actions'];
-
-	private chartTypeIcons: Record<ChartType, string> = {
-		bar: 'bar_chart',
-		line: 'show_chart',
-		pie: 'pie_chart',
-		doughnut: 'donut_large',
-		polarArea: 'radar',
-	};
-
-	getChartIcon(chartType: ChartType | null): string {
-		return chartType ? this.chartTypeIcons[chartType] : 'bar_chart';
-	}
-
-	getChartTypeName(chartType: ChartType | null): string {
-		const names: Record<ChartType, string> = {
-			bar: 'Bar Chart',
-			line: 'Line Chart',
-			pie: 'Pie Chart',
-			doughnut: 'Doughnut Chart',
-			polarArea: 'Polar Area Chart',
-		};
-		return chartType ? names[chartType] : 'Bar Chart';
-	}
-
-	private _savedQueries = inject(SavedQueriesService);
-	private _connections = inject(ConnectionsService);
-	private route = inject(ActivatedRoute);
-	private router = inject(Router);
-	private dialog = inject(MatDialog);
-	private angulartics2 = inject(Angulartics2);
-	private title = inject(Title);
-
-	// Use service signals for saved queries and loading
-	protected savedQueries = computed(() => this._savedQueries.savedQueries());
-	protected loading = computed(() => this._savedQueries.savedQueriesLoading());
-
-	protected filteredQueries = computed(() => {
-		const queries = this.savedQueries();
-		const search = this.searchQuery();
-		if (!search) return queries;
-		const query = search.toLowerCase();
-		return queries.filter(
-			(q) => q.name.toLowerCase().includes(query) || (q.description && q.description.toLowerCase().includes(query)),
-		);
-	});
-
-	private connectionTitle = toSignal(this._connections.getCurrentConnectionTitle(), { initialValue: '' });
-
-	constructor() {
-		// Connection title effect
-		effect(() => {
-			const title = this.connectionTitle();
-			this.title.setTitle(`Charts | ${title || 'Rocketadmin'}`);
-		});
-
-		// Queries update effect
-		effect(() => {
-			const action = this._savedQueries.queriesUpdated();
-			if (action) this._savedQueries.refreshSavedQueries();
-		});
-	}
-
-	ngOnInit(): void {
-		const connId = this.route.snapshot.paramMap.get('connection-id') || '';
-		this.connectionId.set(connId);
-		this._savedQueries.setActiveConnection(connId);
-	}
-
-	trackCreatePageOpened(): void {
-		this.angulartics2.eventTrack.next({
-			action: 'Charts: create chart page opened',
-		});
-		posthog.capture('Charts: create chart page opened');
-	}
-
-	trackEditPageOpened(): void {
-		this.angulartics2.eventTrack.next({
-			action: 'Charts: edit chart page opened',
-		});
-		posthog.capture('Charts: edit chart page opened');
-	}
-
-	openQuery(query: SavedQuery): void {
-		this.trackEditPageOpened();
-		this.router.navigate(['/panels', this.connectionId(), query.id]);
-	}
-
-	openDeleteDialog(query: SavedQuery): void {
-		this.dialog.open(ChartDeleteDialogComponent, {
-			width: '400px',
-			data: { query, connectionId: this.connectionId() },
-		});
-		this.angulartics2.eventTrack.next({
-			action: 'Charts: delete chart dialog opened',
-		});
-		posthog.capture('Charts: delete chart dialog opened');
-	}
-
-	formatUpdatedAt(date: string): string {
-		const now = new Date();
-		const updated = new Date(date);
-		const diffMs = now.getTime() - updated.getTime();
-		const diffMins = Math.floor(diffMs / 60000);
-		const diffHours = Math.floor(diffMs / 3600000);
-		const diffDays = Math.floor(diffMs / 86400000);
-
-		if (diffMins < 1) return 'Just now';
-		if (diffMins < 60) return `${diffMins} min ago`;
-		if (diffHours < 24) return `${diffHours} hour${diffHours > 1 ? 's' : ''} ago`;
-		if (diffDays < 7) return `${diffDays} day${diffDays > 1 ? 's' : ''} ago`;
-
-		return updated.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
-	}
-}
diff --git a/frontend/src/app/components/company-member-invitation/company-member-invitation.component.css b/frontend/src/app/components/company-member-invitation/company-member-invitation.component.css
deleted file mode 100644
index a10f35f1f..000000000
--- a/frontend/src/app/components/company-member-invitation/company-member-invitation.component.css
+++ /dev/null
@@ -1,41 +0,0 @@
-:host app-alert:not(:empty) {
-	--alert-margin: 24px;
-
-	position: absolute;
-	top: var(--mat-toolbar-standard-height);
-	width: calc(100% - 48px);
-}
-
-.wrapper {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	height: 100%;
-	margin: 0 auto;
-	padding: 16px;
-	max-width: 520px;
-	min-width: 300px;
-	width: 90%;
-}
-
-.password-form__title {
-	margin-bottom: 32px;
-}
-
-.name-input {
-	width: 100%;
-}
-
-.form-divider {
-	margin-top: 48px;
-	margin-bottom: 20px;
-}
-
-.actions {
-	display: flex;
-	justify-content: flex-end;
-}
-
-.password-form__back {
-	margin-right: 20px;
-}
diff --git a/frontend/src/app/components/company-member-invitation/company-member-invitation.component.html b/frontend/src/app/components/company-member-invitation/company-member-invitation.component.html
deleted file mode 100644
index af6f4f8c2..000000000
--- a/frontend/src/app/components/company-member-invitation/company-member-invitation.component.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<app-placeholder-company-invitation *ngIf="checkingLink"></app-placeholder-company-invitation>
-
-
-<app-banner *ngIf="!isLinkAvailable && !checkingLink">
-    <h1 class="mat-h1">Invitation link is invalid</h1>
-    <p class="mat-body-1">The link you are trying to use is invalid. Please contact the person who sent you the link.</p>
-    <a mat-flat-button color="primary" routerLink="/login">Go to login page</a>
-</app-banner>
-
-<div *ngIf="isLinkAvailable && !checkingLink" class="background-decoration">
-    <app-alert></app-alert>
-    <div class="wrapper">
-        <form class="password-form" #inviteUserForm="ngForm" (ngSubmit)="acceptInvitation()">
-            <h1 class="mat-h1 password-form__title">You were invited to <strong *ngIf="companyName !== null">{{companyName || 'Unknown company'}}</strong> company</h1>
-            <p class="mat-body-1">Create password for your account in this company.</p>
-            <app-user-password label="Password" [value]="password" (onFieldChange)="updatePasswordField($event)"></app-user-password>
-
-            <mat-divider class="form-divider"></mat-divider>
-
-            <p class="mat-body-1">Add name visible to your coworkers.</p>
-
-            <mat-form-field appearance="outline" class="name-input">
-                <mat-label>Name</mat-label>
-                <input matInput required [(ngModel)]="userName" name="user-name" #name="ngModel">
-            </mat-form-field>
-
-            <div class="actions">
-                <button mat-flat-button color="primary"
-                    [disabled]="submitting || inviteUserForm.form.invalid">
-                        Join
-                </button>
-            </div>
-        </form>
-    </div>
-</div>
diff --git a/frontend/src/app/components/company-member-invitation/company-member-invitation.component.spec.ts b/frontend/src/app/components/company-member-invitation/company-member-invitation.component.spec.ts
deleted file mode 100644
index 6078868b2..000000000
--- a/frontend/src/app/components/company-member-invitation/company-member-invitation.component.spec.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { provideRouter } from '@angular/router';
-import { IPasswordStrengthMeterService } from 'angular-password-strength-meter';
-import { Angulartics2Module } from 'angulartics2';
-import { CompanyMemberInvitationComponent } from './company-member-invitation.component';
-
-describe('CompanyMemberInvitationComponent', () => {
-	let component: CompanyMemberInvitationComponent;
-	let fixture: ComponentFixture<CompanyMemberInvitationComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, Angulartics2Module.forRoot(), CompanyMemberInvitationComponent],
-			providers: [provideHttpClient(), provideRouter([]), { provide: IPasswordStrengthMeterService, useValue: {} }],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(CompanyMemberInvitationComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/company-member-invitation/company-member-invitation.component.ts b/frontend/src/app/components/company-member-invitation/company-member-invitation.component.ts
deleted file mode 100644
index 04c6ba7db..000000000
--- a/frontend/src/app/components/company-member-invitation/company-member-invitation.component.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDividerModule } from '@angular/material/divider';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { ActivatedRoute, ParamMap, Router } from '@angular/router';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { map } from 'rxjs/operators';
-import { AuthService } from 'src/app/services/auth.service';
-import { CompanyService } from 'src/app/services/company.service';
-import { PlaceholderCompanyInvitationComponent } from '../skeletons/placeholder-company-invitation/placeholder-company-invitation.component';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-import { BannerComponent } from '../ui-components/banner/banner.component';
-import { UserPasswordComponent } from '../ui-components/user-password/user-password.component';
-
-@Component({
-	selector: 'app-company-member-invitation',
-	templateUrl: './company-member-invitation.component.html',
-	styleUrls: ['./company-member-invitation.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatButtonModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatDividerModule,
-		PlaceholderCompanyInvitationComponent,
-		BannerComponent,
-		AlertComponent,
-		UserPasswordComponent,
-	],
-})
-export class CompanyMemberInvitationComponent implements OnInit {
-	public token: string;
-	public companyName: string = null;
-	public password: string = '';
-	public userName: string;
-	public submitting: boolean;
-	public checkingLink: boolean = true;
-	public isLinkAvailable: boolean = false;
-
-	constructor(
-		private _auth: AuthService,
-		private _company: CompanyService,
-		private router: Router,
-		private route: ActivatedRoute,
-		private angulartics2: Angulartics2,
-	) {}
-
-	ngOnInit(): void {
-		this.route.paramMap
-			.pipe(
-				map((params: ParamMap) => {
-					this.token = params.get('verification-token');
-					const companyId = params.get('company-id');
-					this._company.fetchCompanyName(companyId).subscribe((res) => (this.companyName = res.name));
-					this._auth.checkInvitationAvailability(this.token).subscribe((res) => {
-						this.isLinkAvailable = res.success;
-						this.checkingLink = false;
-					});
-				}),
-			)
-			.subscribe();
-	}
-
-	updatePasswordField(updatedValue: string) {
-		this.password = updatedValue;
-	}
-
-	acceptInvitation() {
-		this._auth.acceptCompanyInvitation(this.token, this.password, this.userName).subscribe(() => {
-			this.angulartics2.eventTrack.next({
-				action: 'Company invitation: invitation is accepted successfully',
-			});
-			posthog.capture('Company invitation: invitation is accepted successfully');
-			this.router.navigate(['/connections-list']);
-		});
-	}
-}
diff --git a/frontend/src/app/components/company/company.component.css b/frontend/src/app/components/company/company.component.css
deleted file mode 100644
index 332125a2d..000000000
--- a/frontend/src/app/components/company/company.component.css
+++ /dev/null
@@ -1,303 +0,0 @@
-.profile-layout {
-	display: flex;
-	height: calc(100vh - 64px);
-}
-
-.profile-main {
-	flex: 1;
-	background-color: var(--mat-sidenav-content-background-color);
-	overflow-y: auto;
-}
-
-::ng-deep .profile-main > app-alert {
-	position: relative;
-	top: 0;
-	margin: 24px;
-}
-
-.companyPage {
-	margin: var(--top-margin) auto;
-	padding: 0 clamp(40px, 5vw, 100px);
-	max-width: 1200px;
-}
-
-@media (width <= 600px) {
-	.companyPage {
-		padding: 0 16px;
-		margin: 1.5em auto;
-	}
-}
-
-.companyPageHeader {
-	margin-bottom: 40px;
-}
-
-.text-filed-edit {
-	position: relative;
-}
-
-.text-filed-edit__input {
-	width: 100%;
-}
-
-.text-filed-edit__buttons {
-	position: absolute;
-	right: 4px;
-	top: 50%;
-	transform: translateY(calc(-50% - 10px));
-	display: flex;
-	gap: 4px;
-}
-
-.tableHeader {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	margin-top: 24px;
-}
-
-@media (width <= 600px) {
-	.tableHeader__heading {
-		display: flex;
-		flex-direction: column;
-	}
-}
-
-.tableHeader__actions {
-	display: flex;
-	gap: 8px;
-	margin-bottom: 16px;
-}
-
-.company-member-cell__label {
-	display: none;
-}
-
-.company-member-cell_email {
-	max-width: 216px;
-}
-
-@media (width <= 600px) {
-	.company-member-cell_email {
-		max-width: 100%;
-		word-break: break-all;
-	}
-}
-
-.company-member-cell_email-value {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-.company-member-cell_email-icon {
-	flex-shrink: 0;
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-}
-
-.company-member-cell_name {
-	max-width: 200px;
-}
-
-@media (width <= 600px) {
-	.company-member-cell_name {
-		max-width: 100%;
-		word-break: break-word;
-	}
-}
-
-.company-member-cell_accessed {
-	color: var(--color-successPalette-500);
-}
-
-.access-popup {
-	background: var(--mat-menu-container-color, #fff);
-	border-radius: 4px;
-	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
-	padding: 8px 12px;
-	min-width: 160px;
-	white-space: nowrap;
-	display: flex;
-	flex-direction: column;
-	font-family: var(--mat-menu-item-label-text-font, inherit);
-	font-size: var(--mat-menu-item-label-text-size, 14px);
-}
-
-.access-popup__connection {
-	display: flex;
-	flex-direction: column;
-}
-
-.access-popup__connection-title {
-	font-weight: 500;
-}
-
-.access-popup__connection-db {
-	font-size: 0.786em;
-	color: rgba(0, 0, 0, 0.45);
-	padding-left: 2px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.access-popup__connection-db {
-		color: rgba(255, 255, 255, 0.45);
-	}
-}
-
-.access-popup__group {
-	font-size: 0.857em;
-	color: rgba(0, 0, 0, 0.6);
-	padding-left: 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.access-popup__group {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
-
-.company-member-cell_not-accessed {
-	color: var(--color-warnPalette-500);
-}
-
-.company-member-cell_content-center {
-	text-align: center;
-}
-
-@media (width <= 600px) {
-	.company-member-cell_content-center {
-		text-align: initial;
-	}
-}
-
-.company-members-table {
-	margin-bottom: 32px;
-}
-
-@media (width <= 600px) {
-	.company-members-table {
-		display: grid;
-		grid-template-columns: auto 1fr;
-		max-width: 100%;
-	}
-
-	.company-members-table-heading {
-		display: none;
-	}
-
-	.company-members-table ::ng-deep tbody {
-		display: grid;
-		grid-template-columns: subgrid;
-		grid-column: 1 / 3;
-	}
-
-	.company-member-row {
-		display: grid;
-		grid-template-columns: subgrid;
-		grid-column: 1 / 3;
-		grid-gap: 12px 28px;
-		border-bottom-color: var(--mat-table-row-item-outline-color, rgba(0, 0, 0, 0.12));
-		border-bottom-width: var(--mat-table-row-item-outline-width, 1px);
-		border-bottom-style: solid;
-		height: auto;
-		padding: 20px 0;
-	}
-
-	.company-member-cell {
-		display: grid;
-		grid-template-columns: subgrid;
-		grid-column: 1 / 3;
-		border-bottom: none;
-	}
-
-	.company-member-cell::before {
-		content: attr(data-label);
-		display: inline-block;
-		font-weight: bold;
-		white-space: nowrap;
-	}
-
-	.company-member-cell-action {
-		grid-column: 1 / span 3;
-		display: flex;
-		justify-content: flex-end;
-		border-bottom: none;
-	}
-
-	.active-status-toggle {
-		padding-bottom: 4px;
-	}
-}
-
-.table-icon {
-	margin-bottom: -8px;
-}
-
-.role-option {
-	padding-top: 4px;
-	padding-bottom: 4px;
-}
-
-.role-option-header {
-	display: flex;
-	align-items: center;
-}
-
-.role-option-header__mark {
-	font-size: 14px;
-	margin-bottom: -10px;
-	font-weight: 600;
-	margin-left: 4px;
-}
-
-.role-option__description {
-	color: rgba(0, 0, 0, 0.64);
-	font-size: 13px;
-	margin-top: 2px;
-}
-
-.cname-hint {
-	margin-top: 2px;
-}
-
-.cname-hint_dimmed {
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.cname-hint_dimmed {
-		color: rgba(255, 255, 255, 0.7);
-	}
-}
-
-.cname-value {
-	position: relative;
-	padding: 0 4px;
-}
-
-.cname-value::after {
-	content: "";
-	position: absolute;
-	top: 0;
-	right: 0;
-	bottom: 0;
-	left: 0;
-	background-color: var(--color-accentedPalette-200);
-	border-radius: 4px;
-	height: 100%;
-	opacity: 0.5;
-	width: 100%;
-	z-index: -1;
-}
-
-@media (prefers-color-scheme: dark) {
-	.cname-value::after {
-		background-color: var(--color-accentedPalette-700);
-	}
-}
-
-.cname-instructions {
-	list-style: none;
-}
diff --git a/frontend/src/app/components/company/company.component.html b/frontend/src/app/components/company/company.component.html
deleted file mode 100644
index d1cdb76d3..000000000
--- a/frontend/src/app/components/company/company.component.html
+++ /dev/null
@@ -1,265 +0,0 @@
-<div class="profile-layout">
-    <app-profile-sidebar activeTab="company"></app-profile-sidebar>
-
-    <div class="profile-main">
-        <app-alert></app-alert>
-
-        <app-placeholder-company *ngIf="!company || !currentUser || !members"></app-placeholder-company>
-
-        <div *ngIf="company && currentUser && members" class="companyPage">
-    <h1 class="mat-h1 companyPageHeader">
-        <strong>{{ company.name }}</strong> company settings
-    </h1>
-
-    <form *ngIf="currentUser && currentUser.role === 'ADMIN'"
-        class="text-filed-edit"
-        (ngSubmit)="changeCompanyName()">
-        <mat-form-field appearance="outline" class="text-filed-edit__input">
-            <mat-label>Company name</mat-label>
-            <input matInput name="company-name" #nameField="ngModel"
-                [disabled]="submittingChangedName"
-                data-testid="company-name-input"
-                angulartics2On="change"
-                angularticsAction="Company: company name is edited"
-                (change)="posthog.capture('Company: company name is edited')"
-                [(ngModel)]="company.name">
-        </mat-form-field>
-        <div class="text-filed-edit__buttons">
-            <button type="submit"
-                mat-button color="primary"
-                [disabled]="!nameField.dirty || submittingChangedName">
-                {{submittingChangedName ? 'Saving' : 'Save'}}
-            </button>
-        </div>
-    </form>
-
-    <div class="tableHeader">
-        <h2 class="heading-2 tableHeader__heading">Members</h2>
-        <div class="tableHeader__actions">
-            <button *ngIf="currentUser && currentUser.role === 'ADMIN'"
-                mat-flat-button type="button" color="primary"
-                data-testid="company-invitation-button"
-                angulartics2On="click"
-                angularticsAction="Company: invite member is clicked"
-                (click)="handleAddMemberDialogOpen(); posthog.capture('Company: invite member is clicked')">
-                Invite member
-            </button>
-        </div>
-    </div>
-
-    <app-placeholder-table-data *ngIf="submittingUsersChange"></app-placeholder-table-data>
-    <table *ngIf="currentUser && members.length && !submittingUsersChange" mat-table [dataSource]="members" class="mat-elevation-z2 company-members-table">
-        <!-- Email Column -->
-        <ng-container matColumnDef="email">
-          <th mat-header-cell *matHeaderCellDef>Email</th>
-          <td mat-cell *matCellDef="let element; let i = index"
-            class="company-member-cell company-member-cell_email"
-            data-label="Email"
-            attr.data-testid="company-member-email-{{i}}-cell">
-            <div class="company-member-cell_email-value">
-                <mat-icon *ngIf="element.externalRegistrationProvider === null"
-                    class="company-member-cell_email-icon"
-                    matTooltip="Email registration">
-                    mail
-                </mat-icon>
-                <mat-icon *ngIf="element.externalRegistrationProvider !== null"
-                    class="company-member-cell_email-icon"
-                    [svgIcon]="authProviderIcons[element.externalRegistrationProvider]"
-                    matTooltip="{{element.externalRegistrationProvider}} registration">
-                </mat-icon>
-                <span>{{element.email}}</span>
-            </div>
-        </td>
-        </ng-container>
-
-        <!-- Name Column -->
-        <ng-container matColumnDef="name">
-            <th mat-header-cell *matHeaderCellDef>Name</th>
-            <td mat-cell *matCellDef="let element; let i = index"
-                data-label="Name"
-                class="company-member-cell company-member-cell_name">
-                <span *ngIf="!element.invitedUserEmail" attr.data-testid="company-member-name-{{i}}-cell">{{element.name || '—'}}</span>
-            </td>
-        </ng-container>
-
-        <!-- Role Column -->
-        <ng-container matColumnDef="role">
-            <th mat-header-cell *matHeaderCellDef style="padding-left: 24px">Role</th>
-            <td mat-cell *matCellDef="let element; let i = index"
-                data-label="Role"
-                class="company-member-cell">
-                <div *ngIf="currentUser && currentUser.role === 'ADMIN' && (adminsCount > 1 || element.role !== 'ADMIN') && !element.invitedUserEmail; else noSelect">
-                    <button mat-button type="button" [matMenuTriggerFor]="menu"
-                        style="width: 100%"
-                        angulartics2On="click"
-                        angularticsAction="Company: role is clicked"
-                        (click)="posthog.capture('Company: role is clicked')">
-                        {{ companyRolesName[element.role] }}
-                        <mat-icon iconPositionEnd style="margin-left: auto">arrow_drop_down</mat-icon>
-                    </button>
-                    <mat-menu #menu="matMenu">
-                        <button mat-menu-item class="role-option"
-                            (click)="updateRole(element.id, CompanyMemberRole.CAO)">
-                            <div class="role-option-header">
-                                <strong>Account Owner</strong>
-                                <mat-icon *ngIf="element.role === CompanyMemberRole.CAO" class="role-option-header__mark">check</mat-icon>
-                            </div>
-                            <div class="role-option__description">Can manage company information, <br> and has full control over databases</div>
-                        </button>
-                        <button mat-menu-item class="role-option"
-                            (click)="updateRole(element.id, CompanyMemberRole.SystemAdmin)">
-                            <div class="role-option-header">
-                                <strong>System Admin</strong>
-                                <mat-icon *ngIf="element.role === CompanyMemberRole.SystemAdmin" class="role-option-header__mark">check</mat-icon>
-                            </div>
-                            <div class="role-option__description">Can view company information, <br> and has full control over databases</div>
-                        </button>
-                        <button mat-menu-item class="role-option"
-                            (click)="updateRole(element.id, CompanyMemberRole.Member)">
-                            <div class="role-option-header">
-                                <strong>Member</strong>
-                                <mat-icon *ngIf="element.role === CompanyMemberRole.Member" class="role-option-header__mark">check</mat-icon>
-                            </div>
-                            <div class="role-option__description">Can view company information, <br> and can manage existing databases</div>
-                        </button>
-                    </mat-menu>
-                </div>
-
-
-                <!--<mat-select *ngIf="currentUser && currentUser.role === 'ADMIN' && (adminsCount > 1 || element.role !== 'ADMIN') && !element.invitedUserEmail; else noSelect"
-                    attr.data-testid="company-member-role-{{i}}-select"
-                    class="role-select"
-                    angulartics2On="click"
-                    angularticsAction="Company: role is clicked"
-                    (click)="posthog.capture('Company: role is clicked')"
-                    [(ngModel)]="element.role"
-                    (ngModelChange)="updateRole(element.id, element.role)">
-                    <mat-option value="ADMIN" attr.data-testid="company-member-superadmin-role-{{i}}-select-option">
-                        Account Owner
-                    </mat-option>
-                    <mat-option value="DB_ADMIN" attr.data-testid="company-member-dbadmin-role-{{i}}-select-option">
-                        System Admin
-                    </mat-option>
-                    <mat-option value="USER" attr.data-testid="company-member-user-role-{{i}}-select-option">
-                        Member
-                    </mat-option>
-                </mat-select>-->
-                <ng-template #noSelect>
-                    <span attr.data-testid="company-member-user-role-{{i}}-cell" style="padding: 0 8px">
-                        {{element.role === "ADMIN" ? 'Account Owner' : null}}
-                        {{element.role === "DB_ADMIN" ? 'System Admin' : null}}
-                        {{element.role === "USER" ? 'Member' : null}}
-                    </span>
-                </ng-template>
-            </td>
-        </ng-container>
-
-        <!-- 2fa Column -->
-        <ng-container matColumnDef="twoFA">
-            <th mat-header-cell *matHeaderCellDef>2fa</th>
-            <td mat-cell *matCellDef="let element; let i = index"
-                data-label="2fa"
-                class="company-member-cell">
-                <div *ngIf="!element.invitedUserEmail">
-                    <mat-icon *ngIf="element.is_2fa_enabled; else noTwoFA" color="accente"
-                        attr.data-testid="company-member-2fa-{{i}}-enabled-icon">
-                        done
-                    </mat-icon>
-                    <ng-template #noTwoFA>
-                        <mat-icon attr.data-testid="company-member-2fa-{{i}}-disabled-icon">remove</mat-icon>
-                    </ng-template>
-                </div>
-            </td>
-        </ng-container>
-
-        <!-- Active Column -->
-        <ng-container matColumnDef="active">
-            <th mat-header-cell *matHeaderCellDef>Suspended</th>
-            <td mat-cell *matCellDef="let element; let i = index"
-                data-label="Suspended"
-                class="company-member-cell_content-center company-member-cell">
-                <mat-slide-toggle *ngIf="!element.invitedUserEmail"
-                    class="active-status-toggle"
-                    [disabled]="unsuspendedAdminsCount === 1 && element.role === 'ADMIN' && currentUser.email === element.email"
-                    attr.data-testid="company-member-active-{{i}}-toggle"
-                    angulartics2On="click"
-                    angularticsAction="Company: suspend user is toggled"
-                    (click)="posthog.capture('Company: suspend user is toggled')"
-                    [angularticsProperties]="{'enable': element.suspended}"
-                    [(ngModel)]="element.suspended"
-                    (change)="switchSuspendance($event.checked, element.email)">
-                </mat-slide-toggle>
-            </td>
-        </ng-container>
-
-        <!-- Access Column -->
-        <ng-container matColumnDef="access">
-            <th mat-header-cell *matHeaderCellDef matTooltip="Access to connection">Access</th>
-            <td mat-cell *matCellDef="let element; let i = index"
-                data-label="Access"
-                class="company-member-cell company-member-cell_content-center">
-                @if (element.has_groups) {
-                    <mat-icon class="company-member-cell_accessed" fontSet="material-symbols-outlined"
-                        #overlayOrigin="cdkOverlayOrigin"
-                        cdkOverlayOrigin
-                        (mouseenter)="element._popupOpen = true"
-                        (mouseleave)="element._popupOpen = false">check_circle</mat-icon>
-                    <ng-template
-                        cdkConnectedOverlay
-                        [cdkConnectedOverlayOrigin]="overlayOrigin"
-                        [cdkConnectedOverlayOpen]="element._popupOpen"
-                        [cdkConnectedOverlayPositions]="[
-                            { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -4 },
-                            { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 4 }
-                        ]"
-                        [cdkConnectedOverlayHasBackdrop]="false">
-                        <div class="access-popup" (mouseleave)="element._popupOpen = false">
-                            @for (conn of element.user_membership; track conn.id) {
-                                <div class="access-popup__connection">
-                                    <span class="access-popup__connection-title">{{ conn.title }}</span>
-                                    <span class="access-popup__connection-db">{{ conn.database }}</span>
-                                    @for (group of conn.groups; track group.id) {
-                                        <span class="access-popup__group">{{ group.title }}</span>
-                                    }
-                                </div>
-                            }
-                        </div>
-                    </ng-template>
-                } @else {
-                    <mat-icon class="company-member-cell_not-accessed" fontSet="material-symbols-outlined">cancel</mat-icon>
-                }
-            </td>
-        </ng-container>
-
-        <!-- Delete Column -->
-        <ng-container matColumnDef="actions">
-            <th mat-header-cell *matHeaderCellDef></th>
-            <td mat-cell *matCellDef="let element; let i = index"
-                class="company-member-cell-action">
-                <button mat-button *ngIf="element.invitedUserEmail; else deleteUserButton"
-                    type="button" color="warn"
-                    attr.data-testid="company-member-revoke-{{i}}-button"
-                    angulartics2On="click"
-                    angularticsAction="Company: Revoke invitation is clicked"
-                    (click)="handleRevokeInvitationDialogOpen(element.email); posthog.capture('Company: Revoke invitation is clicked')">
-                    Revoke
-                </button>
-                <ng-template #deleteUserButton>
-                    <button mat-button *ngIf="(adminsCount > 1 && currentUser.role === 'ADMIN') || element.role === 'USER' || element.role === 'DB_ADMIN'"
-                        type="button" color="warn"
-                        attr.data-testid="company-member-delete-{{i}}-button"
-                        angulartics2On="click"
-                        angularticsAction="Company: Delete member is clicked"
-                        (click)="handleDeleteMemberDialogOpen(element); posthog.capture('Company: Delete member is clicked')">
-                        Delete
-                    </button>
-                </ng-template>
-            </td>
-        </ng-container>
-
-        <tr mat-header-row *matHeaderRowDef="membersTableDisplayedColumns" class="company-members-table-heading"></tr>
-        <tr mat-row *matRowDef="let row; columns: membersTableDisplayedColumns;" class="company-member-row"></tr>
-    </table>
-        </div>
-    </div>
-</div>
diff --git a/frontend/src/app/components/company/company.component.spec.ts b/frontend/src/app/components/company/company.component.spec.ts
deleted file mode 100644
index 77e46bb75..000000000
--- a/frontend/src/app/components/company/company.component.spec.ts
+++ /dev/null
@@ -1,287 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatDialog, MatDialogModule } from '@angular/material/dialog';
-import { MatInputModule } from '@angular/material/input';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { Company, CompanyMember, CompanyMemberRole } from 'src/app/models/company';
-import { SubscriptionPlans } from 'src/app/models/user';
-import { CompanyService } from 'src/app/services/company.service';
-import { UserService } from 'src/app/services/user.service';
-import { CompanyComponent } from './company.component';
-import { DeleteMemberDialogComponent } from './delete-member-dialog/delete-member-dialog.component';
-import { InviteMemberDialogComponent } from './invite-member-dialog/invite-member-dialog.component';
-import { RevokeInvitationDialogComponent } from './revoke-invitation-dialog/revoke-invitation-dialog.component';
-
-describe('CompanyComponent', () => {
-	let component: CompanyComponent;
-	let fixture: ComponentFixture<CompanyComponent>;
-	let dialog: MatDialog;
-
-	const fakeCompanyService = {
-		isCustomDomain: vi.fn(),
-		fetchCompany: vi.fn(),
-		fetchCompanyMembers: vi.fn(),
-		getCustomDomain: vi.fn(),
-		updateCompanyName: vi.fn(),
-		updateCompanyMemberRole: vi.fn(),
-		cast: of(''),
-	};
-	const fakeUserService = {
-		cast: of({}),
-	};
-
-	const mockCompany: Company = {
-		id: 'company-12345678',
-		name: 'My company',
-		additional_info: null,
-		subscriptionLevel: SubscriptionPlans.free,
-		address: {},
-		connections: [
-			{
-				id: '12345678',
-				createdAt: '2024-02-12T16:54:56.482Z',
-				updatedAt: '2024-02-12T17:08:12.643Z',
-				title: 'Test DB',
-				author: {
-					id: 'author-1',
-					isActive: false,
-					email: 'author1@test.com',
-					createdAt: '2024-01-06T21:11:36.746Z',
-					name: 'John Smith',
-					is_2fa_enabled: false,
-					role: 'ADMIN',
-				},
-				groups: [
-					{
-						id: '0955923f-9101-4fa9-95ca-b003a5c7ce89',
-						isMain: true,
-						title: 'Admin',
-						users: [
-							{
-								id: 'a06ee7bf-e6c9-4c1a-a5aa-e9ba09e3e8a1',
-								isActive: false,
-								email: 'author1@test.com',
-								createdAt: '2024-01-06T21:11:36.746Z',
-								name: null,
-								is_2fa_enabled: false,
-								role: CompanyMemberRole.CAO,
-							},
-						],
-					},
-				],
-			},
-		],
-		invitations: [
-			{
-				id: 'invitation1',
-				verification_string: 'verification_string_12345678',
-				groupId: null,
-				inviterId: 'user1',
-				invitedUserEmail: 'admin1@test.com',
-				role: CompanyMemberRole.CAO,
-			},
-		],
-	};
-
-	const mockMembers = [
-		{
-			id: '61582cb5-5577-43d2-811f-900668ecfff1',
-			isActive: true,
-			email: 'user1@test.com',
-			createdAt: '2024-02-05T09:41:08.199Z',
-			name: 'User 3333',
-			is_2fa_enabled: false,
-			role: 'USER',
-		},
-		{
-			id: 'a06ee7bf-e6c9-4c1a-a5aa-e9ba09e3e8a1',
-			isActive: false,
-			email: 'admin0@test.com',
-			createdAt: '2024-01-06T21:11:36.746Z',
-			name: null,
-			is_2fa_enabled: false,
-			role: 'ADMIN',
-		},
-	];
-
-	const mockCompanyDomain = {
-		success: false,
-		domain_info: null,
-	};
-
-	beforeEach(() => {
-		fakeCompanyService.cast = of('');
-		fakeCompanyService.fetchCompany.mockReturnValue(of(mockCompany));
-		fakeCompanyService.fetchCompanyMembers.mockReturnValue(of(mockMembers));
-		fakeCompanyService.getCustomDomain.mockReturnValue(of(mockCompanyDomain));
-		fakeCompanyService.updateCompanyName.mockReturnValue(of({}));
-		fakeCompanyService.updateCompanyMemberRole.mockReturnValue(of({}));
-		fakeUserService.cast = of(mockMembers[1]);
-	});
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				MatDialogModule,
-				Angulartics2Module.forRoot(),
-				FormsModule,
-				MatInputModule,
-				BrowserAnimationsModule,
-				CompanyComponent,
-			],
-			providers: [
-				provideRouter([]),
-				provideHttpClient(),
-				{ provide: CompanyService, useValue: fakeCompanyService },
-				{ provide: UserService, useValue: fakeUserService },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(CompanyComponent);
-		component = fixture.componentInstance;
-		dialog = TestBed.inject(MatDialog);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should set initial values and receive company members', () => {
-		vi.spyOn(fakeCompanyService.cast, 'subscribe');
-
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.company).toEqual(mockCompany);
-		expect(fakeCompanyService.fetchCompanyMembers).toHaveBeenCalledWith(mockCompany.id);
-		expect(fakeCompanyService.cast.subscribe).toHaveBeenCalled();
-	});
-
-	it('should receive company info and members when invitation was sent', () => {
-		fakeCompanyService.cast = of('invited');
-
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(fakeCompanyService.fetchCompany).toHaveBeenCalledWith();
-		expect(fakeCompanyService.fetchCompanyMembers).toHaveBeenCalledWith(mockCompany.id);
-	});
-
-	it('should receive company members when a member was deleted', () => {
-		fakeCompanyService.cast = of('deleted');
-
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(fakeCompanyService.fetchCompanyMembers).toHaveBeenCalledWith(mockCompany.id);
-	});
-
-	it('should get company members and mix it with invitation, and set the value', () => {
-		fakeCompanyService.cast = of('deleted');
-
-		component.getCompanyMembers('company-12345678');
-
-		expect(component.members).toEqual([
-			{
-				id: 'a06ee7bf-e6c9-4c1a-a5aa-e9ba09e3e8a1',
-				isActive: false,
-				email: 'admin0@test.com',
-				createdAt: '2024-01-06T21:11:36.746Z',
-				name: null,
-				is_2fa_enabled: false,
-				role: 'ADMIN',
-			},
-			{
-				id: '61582cb5-5577-43d2-811f-900668ecfff1',
-				isActive: true,
-				email: 'user1@test.com',
-				createdAt: '2024-02-05T09:41:08.199Z',
-				name: 'User 3333',
-				is_2fa_enabled: false,
-				role: 'USER',
-			},
-			{
-				id: 'invitation1',
-				verification_string: 'verification_string_12345678',
-				groupId: null,
-				inviterId: 'user1',
-				invitedUserEmail: 'admin1@test.com',
-				role: CompanyMemberRole.CAO,
-				pending: true,
-				email: 'admin1@test.com',
-			},
-		]);
-		expect(component.adminsCount).toBe(1);
-	});
-
-	it('should open Add member dialog and pass company id and name', () => {
-		const fakeAddMemberDialogOpen = vi.spyOn(dialog, 'open');
-		component.company = mockCompany;
-
-		component.handleAddMemberDialogOpen();
-		expect(fakeAddMemberDialogOpen).toHaveBeenCalledWith(InviteMemberDialogComponent, {
-			width: '25em',
-			data: mockCompany,
-		});
-	});
-
-	it('should open Delete member dialog and pass company id and member', () => {
-		const fakeDeleteMemberDialogOpen = vi.spyOn(dialog, 'open');
-		component.company.id = 'company-12345678';
-		const fakeMember: CompanyMember = {
-			id: '61582cb5-5577-43d2-811f-900668ecfff1',
-			isActive: true,
-			email: 'user1@test.com',
-			name: 'User 3333',
-			is_2fa_enabled: false,
-			role: CompanyMemberRole.Member,
-			has_groups: false,
-			user_membership: [],
-		};
-
-		component.handleDeleteMemberDialogOpen(fakeMember);
-		expect(fakeDeleteMemberDialogOpen).toHaveBeenCalledWith(DeleteMemberDialogComponent, {
-			width: '25em',
-			data: { companyId: 'company-12345678', user: fakeMember },
-		});
-	});
-
-	it('should open Revoke invitation dialog and pass company id and member email', () => {
-		const fakeRevokeInvitationDialogOpen = vi.spyOn(dialog, 'open');
-		component.company.id = 'company-12345678';
-
-		component.handleRevokeInvitationDialogOpen('user1@test.com');
-		expect(fakeRevokeInvitationDialogOpen).toHaveBeenCalledWith(RevokeInvitationDialogComponent, {
-			width: '25em',
-			data: { companyId: 'company-12345678', userEmail: 'user1@test.com' },
-		});
-	});
-
-	it('should call update company name', () => {
-		component.company.id = 'company-12345678';
-		component.company.name = 'New company name';
-
-		component.changeCompanyName();
-		expect(fakeCompanyService.updateCompanyName).toHaveBeenCalledWith('company-12345678', 'New company name');
-	});
-
-	it('should call update company member role to ADMIN and request company members list', () => {
-		component.company.id = 'company-12345678';
-		component.company.name = 'New company name';
-
-		component.updateRole('user-12345678', CompanyMemberRole.CAO);
-		expect(fakeCompanyService.updateCompanyMemberRole).toHaveBeenCalledWith(
-			'company-12345678',
-			'user-12345678',
-			'ADMIN',
-		);
-		expect(fakeCompanyService.fetchCompanyMembers).toHaveBeenCalledWith('company-12345678');
-	});
-});
diff --git a/frontend/src/app/components/company/company.component.ts b/frontend/src/app/components/company/company.component.ts
deleted file mode 100644
index f9eabd12f..000000000
--- a/frontend/src/app/components/company/company.component.ts
+++ /dev/null
@@ -1,291 +0,0 @@
-import { NgIf } from '@angular/common';
-import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
-import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDialog } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatTableModule } from '@angular/material/table';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Title } from '@angular/platform-browser';
-import { RouterModule } from '@angular/router';
-import { Angulartics2, Angulartics2OnModule } from 'angulartics2';
-import { orderBy } from 'lodash-es';
-import posthog from 'posthog-js';
-import { Company, CompanyMember, CompanyMemberRole } from 'src/app/models/company';
-import { CompanyService } from 'src/app/services/company.service';
-import { UserService } from 'src/app/services/user.service';
-import { environment } from 'src/environments/environment';
-import { ProfileSidebarComponent } from '../profile/profile-sidebar/profile-sidebar.component';
-import { PlaceholderCompanyComponent } from '../skeletons/placeholder-company/placeholder-company.component';
-import { PlaceholderTableDataComponent } from '../skeletons/placeholder-table-data/placeholder-table-data.component';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-import { DeleteDomainDialogComponent } from './delete-domain-dialog/delete-domain-dialog.component';
-import { DeleteMemberDialogComponent } from './delete-member-dialog/delete-member-dialog.component';
-import { InviteMemberDialogComponent } from './invite-member-dialog/invite-member-dialog.component';
-import { RevokeInvitationDialogComponent } from './revoke-invitation-dialog/revoke-invitation-dialog.component';
-
-@Component({
-	selector: 'app-company',
-	templateUrl: './company.component.html',
-	styleUrls: ['./company.component.css'],
-	imports: [
-		NgIf,
-		CdkOverlayOrigin,
-		CdkConnectedOverlay,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatButtonModule,
-		MatIconModule,
-		MatSelectModule,
-		MatSlideToggleModule,
-		MatTooltipModule,
-		MatTableModule,
-		MatMenuModule,
-		RouterModule,
-		Angulartics2OnModule,
-		AlertComponent,
-		PlaceholderCompanyComponent,
-		PlaceholderTableDataComponent,
-		ProfileSidebarComponent,
-	],
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class CompanyComponent {
-	protected posthog = posthog;
-	CompanyMemberRole = CompanyMemberRole;
-	public isSaas = (environment as any).saas;
-	public company: Company = null;
-	public members: any = null;
-	public submitting: boolean;
-	public adminsCount: number;
-	public unsuspendedAdminsCount: number;
-	public membersTableDisplayedColumns: string[];
-	// public invitationsTableDisplayColumns: string[] = ['invitedUserEmail', 'role'];
-	public submittingChangedName: boolean = false;
-	public currentUser;
-	public submittingUsersChange: boolean = false;
-	public companyCustomDomain: {
-		id: string;
-		companyId: string;
-		hostname: string;
-	} = {
-		id: null,
-		companyId: '',
-		hostname: '',
-	};
-
-	public companyCustomDomainHostname: string;
-	public companyCustomDomainPlaceholder: string;
-	public companyCustomDomainThirdLevel: string;
-	public submittingCustomDomain: boolean = false;
-	public isCustomDomain: boolean = false;
-
-	public companyRolesName = {
-		ADMIN: 'Account Owner',
-		DB_ADMIN: 'System Admin',
-		USER: 'Member',
-	};
-
-	public authProviderIcons = {
-		GOOGLE: 'google',
-		GITHUB: 'github',
-	};
-
-	constructor(
-		public _company: CompanyService,
-		public _user: UserService,
-		public dialog: MatDialog,
-		private angulartics2: Angulartics2,
-		private title: Title,
-	) {}
-
-	ngOnInit() {
-		this.isCustomDomain = this._company.isCustomDomain() && this.isSaas;
-
-		this.title.setTitle('Company settings | Rocketadmin');
-
-		this._company.fetchCompany().subscribe((res) => {
-			this.company = res;
-			this.getCompanyMembers(res.id);
-			if (this.isCustomDomain) {
-				this.companyCustomDomainHostname = res.custom_domain;
-			} else {
-				this.getCompanyCustomDomain(res.id);
-			}
-		});
-
-		this._company.cast.subscribe((arg) => {
-			if (arg === 'invited' || arg === 'revoked' || arg === 'role' || arg === 'suspended' || arg === 'unsuspended') {
-				this.submittingUsersChange = true;
-				this._company.fetchCompany().subscribe((res) => {
-					this.company = res;
-					this.getCompanyMembers(res.id);
-					this.submittingUsersChange = false;
-				});
-			} else if (arg === 'deleted') {
-				this.submittingUsersChange = true;
-				this.getCompanyMembers(this.company.id);
-			} else if (arg === 'domain') {
-				this.getCompanyCustomDomain(this.company.id);
-			}
-		});
-	}
-
-	getCompanyMembers(companyId: string) {
-		this._company.fetchCompanyMembers(companyId).subscribe((res) => {
-			if (this.company.invitations) {
-				this.company.invitations.map((invitee: any) => {
-					invitee.email = invitee.invitedUserEmail;
-					invitee.pending = true;
-				});
-			} else {
-				this.company.invitations = [];
-			}
-			this._user.cast.subscribe((user) => {
-				this.currentUser = res.find((member) => member.email === user.email);
-
-				if (this.currentUser.role === 'ADMIN') {
-					this.membersTableDisplayedColumns = ['email', 'name', 'role', 'twoFA', 'active', 'access', 'actions'];
-				} else {
-					this.membersTableDisplayedColumns = ['email', 'name', 'role', 'twoFA', 'access'];
-				}
-
-				const currentMembers = orderBy(res, ['role', 'email']);
-				if (this.currentUser.role === 'ADMIN') {
-					const userIndex = currentMembers.findIndex((user) => user.email === this.currentUser.email);
-
-					if (userIndex !== -1) {
-						const user = currentMembers.splice(userIndex, 1)[0];
-						currentMembers.unshift(user);
-					}
-				}
-
-				this.members = [...currentMembers, ...this.company.invitations];
-			});
-			this.adminsCount = res.filter((user) => user.role === 'ADMIN').length;
-			this.unsuspendedAdminsCount = res.filter((user) => user.role === 'ADMIN' && !user.suspended).length;
-			this.submittingUsersChange = false;
-		});
-	}
-
-	getCompanyCustomDomain(companyId: string) {
-		this._company.getCustomDomain(companyId).subscribe((res) => {
-			if (res.success) {
-				this.companyCustomDomain = res.domain_info;
-				this.companyCustomDomainHostname = res.domain_info.hostname;
-				this.companyCustomDomainThirdLevel = this.companyCustomDomainHostname.split('.')[0];
-			} else {
-				this.companyCustomDomain = {
-					id: null,
-					companyId: companyId,
-					hostname: '',
-				};
-				this.companyCustomDomainHostname = '';
-				this.companyCustomDomainPlaceholder = `${this.company.name.toLowerCase().replace(/[^a-z0-9]/g, '')}.example.com`;
-				this.companyCustomDomainThirdLevel = this.companyCustomDomainPlaceholder.split('.')[0];
-			}
-		});
-	}
-
-	handleAddMemberDialogOpen() {
-		this.dialog.open(InviteMemberDialogComponent, {
-			width: '25em',
-			data: this.company,
-		});
-	}
-
-	handleDeleteMemberDialogOpen(user: CompanyMember) {
-		this.dialog.open(DeleteMemberDialogComponent, {
-			width: '25em',
-			data: { companyId: this.company.id, user },
-		});
-	}
-
-	handleRevokeInvitationDialogOpen(userEmail: string) {
-		this.dialog.open(RevokeInvitationDialogComponent, {
-			width: '25em',
-			data: { companyId: this.company.id, userEmail },
-		});
-	}
-
-	changeCompanyName() {
-		this.submittingChangedName = true;
-		this._company.updateCompanyName(this.company.id, this.company.name).subscribe(
-			() => {
-				this.angulartics2.eventTrack.next({
-					action: 'Company: company name is updated successfully',
-				});
-				posthog.capture('Company: company name is updated successfully');
-				this.submittingChangedName = false;
-			},
-			() => (this.submittingChangedName = false),
-			() => (this.submittingChangedName = false),
-		);
-	}
-
-	updateRole(userId: string, userRole: CompanyMemberRole) {
-		this.submittingUsersChange = true;
-		this._company.updateCompanyMemberRole(this.company.id, userId, userRole).subscribe(() => {
-			this.getCompanyMembers(this.company.id);
-			this.angulartics2.eventTrack.next({
-				action: 'Company: role is updated successfully',
-			});
-			posthog.capture('Company: role is updated successfully');
-		});
-	}
-
-	switchSuspendance(isSuspendance: boolean, memberEmail: string) {
-		console.log(isSuspendance, memberEmail);
-		this.submittingUsersChange = true;
-		if (isSuspendance) {
-			this._company.suspendCompanyMember(this.company.id, [memberEmail]).subscribe(() => {
-				this.angulartics2.eventTrack.next({
-					action: 'Company: member is suspended',
-				});
-				posthog.capture('Company: member is suspended');
-			});
-		} else {
-			this._company.restoreCompanyMember(this.company.id, [memberEmail]).subscribe(() => {
-				this.angulartics2.eventTrack.next({
-					action: 'Company: member is restored',
-				});
-				posthog.capture('Company: member is restored');
-			});
-		}
-	}
-
-	handleChangeCompanyDomain() {
-		this.submittingCustomDomain = true;
-		if (this.companyCustomDomain.id) {
-			this._company.updateCustomDomain(this.company.id, this.companyCustomDomain.id).subscribe(() => {
-				this.submittingCustomDomain = false;
-				this.angulartics2.eventTrack.next({
-					action: 'Company: domain is updated successfully',
-				});
-				posthog.capture('Company: domain is updated successfully');
-			});
-		} else {
-			this._company.createCustomDomain(this.company.id, this.companyCustomDomainHostname).subscribe(() => {
-				this.submittingCustomDomain = false;
-				this.angulartics2.eventTrack.next({
-					action: 'Company: domain is created successfully',
-				});
-				posthog.capture('Company: domain is created successfully');
-			});
-		}
-	}
-
-	handleDeleteDomainDialogOpen() {
-		this.dialog.open(DeleteDomainDialogComponent, {
-			width: '25em',
-			data: { companyId: this.company.id, domain: this.companyCustomDomainHostname },
-		});
-	}
-}
diff --git a/frontend/src/app/components/company/delete-domain-dialog/delete-domain-dialog.component.css b/frontend/src/app/components/company/delete-domain-dialog/delete-domain-dialog.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/company/delete-domain-dialog/delete-domain-dialog.component.html b/frontend/src/app/components/company/delete-domain-dialog/delete-domain-dialog.component.html
deleted file mode 100644
index 7659a0cc6..000000000
--- a/frontend/src/app/components/company/delete-domain-dialog/delete-domain-dialog.component.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<h1 mat-dialog-title>Confirm domain deletion</h1>
-<mat-dialog-content>
-    <p class="mat-body">You are about to remove {{ data.domain }} from your company</p>
-    <br>
-    <p class="mat-body">Once deleted, users will no longer be able to access the admin panel via this domain — please notify them in advance.</p>
-    <br>
-    <p class="mat-body">Are you sure you want to proceed?</p>
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-  <button mat-flat-button mat-dialog-close>Cancel</button>
-  <button mat-flat-button color="warn"
-    [disabled]="submitting"
-    (click)="deleteCompanyDomain()">
-    Delete
-  </button>
-</mat-dialog-actions>
diff --git a/frontend/src/app/components/company/delete-domain-dialog/delete-domain-dialog.component.spec.ts b/frontend/src/app/components/company/delete-domain-dialog/delete-domain-dialog.component.spec.ts
deleted file mode 100644
index 731903753..000000000
--- a/frontend/src/app/components/company/delete-domain-dialog/delete-domain-dialog.component.spec.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { Angulartics2Module } from 'angulartics2';
-import { DeleteDomainDialogComponent } from './delete-domain-dialog.component';
-
-describe('DeleteDomainDialogComponent', () => {
-	let component: DeleteDomainDialogComponent;
-	let fixture: ComponentFixture<DeleteDomainDialogComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [Angulartics2Module.forRoot(), DeleteDomainDialogComponent],
-			providers: [
-				provideHttpClient(),
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						companyId: '',
-						domain: '',
-					},
-				},
-				{ provide: MatDialogRef, useValue: MatDialogRef },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(DeleteDomainDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/company/delete-domain-dialog/delete-domain-dialog.component.ts b/frontend/src/app/components/company/delete-domain-dialog/delete-domain-dialog.component.ts
deleted file mode 100644
index 8aeb75419..000000000
--- a/frontend/src/app/components/company/delete-domain-dialog/delete-domain-dialog.component.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { CompanyService } from 'src/app/services/company.service';
-
-@Component({
-	selector: 'app-delete-domain-dialog',
-	imports: [CommonModule, MatDialogModule, MatButtonModule],
-	templateUrl: './delete-domain-dialog.component.html',
-	styleUrl: './delete-domain-dialog.component.css',
-})
-export class DeleteDomainDialogComponent {
-	public submitting: boolean = false;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: any,
-		public dialogRef: MatDialogRef<DeleteDomainDialogComponent>,
-		public _company: CompanyService,
-		private angulartics2: Angulartics2,
-	) {}
-
-	deleteCompanyDomain() {
-		this.submitting = true;
-		this._company.deleteCustomDomain(this.data.companyId).subscribe(
-			() => {
-				this.angulartics2.eventTrack.next({
-					action: 'Company: domain is deleted successfully',
-				});
-				posthog.capture('Company: domain is deleted successfully');
-				this.submitting = false;
-				this.dialogRef.close();
-			},
-			() => {},
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-}
diff --git a/frontend/src/app/components/company/delete-member-dialog/delete-member-dialog.component.css b/frontend/src/app/components/company/delete-member-dialog/delete-member-dialog.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/company/delete-member-dialog/delete-member-dialog.component.html b/frontend/src/app/components/company/delete-member-dialog/delete-member-dialog.component.html
deleted file mode 100644
index 31d433f76..000000000
--- a/frontend/src/app/components/company/delete-member-dialog/delete-member-dialog.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<h1 mat-dialog-title>Confirm member delete</h1>
-<mat-dialog-content>
-    <p class="mat-body">You are going to delete <strong>{{ data.user.name ||  data.user.email}}</strong> from your company.</p>
-    <br>
-    <p class="mat-body">Please confirm.</p>
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-  <button mat-flat-button mat-dialog-close>Cancel</button>
-  <button mat-flat-button color="warn"
-    [disabled]="submitting"
-    (click)="deleteCompanyMember()">
-    Delete
-  </button>
-</mat-dialog-actions>
\ No newline at end of file
diff --git a/frontend/src/app/components/company/delete-member-dialog/delete-member-dialog.component.spec.ts b/frontend/src/app/components/company/delete-member-dialog/delete-member-dialog.component.spec.ts
deleted file mode 100644
index d720160f3..000000000
--- a/frontend/src/app/components/company/delete-member-dialog/delete-member-dialog.component.spec.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { Angulartics2Module } from 'angulartics2';
-import { DeleteMemberDialogComponent } from './delete-member-dialog.component';
-
-describe('DeleteMemberDialogComponent', () => {
-	let component: DeleteMemberDialogComponent;
-	let fixture: ComponentFixture<DeleteMemberDialogComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, FormsModule, Angulartics2Module.forRoot(), DeleteMemberDialogComponent],
-			providers: [
-				provideHttpClient(),
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						companyId: '',
-						user: {
-							id: '',
-							email: '',
-							name: '',
-						},
-					},
-				},
-				{ provide: MatDialogRef, useValue: MatDialogRef },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(DeleteMemberDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/company/delete-member-dialog/delete-member-dialog.component.ts b/frontend/src/app/components/company/delete-member-dialog/delete-member-dialog.component.ts
deleted file mode 100644
index 7b8aa2607..000000000
--- a/frontend/src/app/components/company/delete-member-dialog/delete-member-dialog.component.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { CompanyService } from 'src/app/services/company.service';
-
-@Component({
-	selector: 'app-delete-member-dialog',
-	templateUrl: './delete-member-dialog.component.html',
-	styleUrls: ['./delete-member-dialog.component.css'],
-	imports: [CommonModule, MatDialogModule, MatButtonModule],
-})
-export class DeleteMemberDialogComponent {
-	public submitting: boolean = false;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: any,
-		public dialogRef: MatDialogRef<DeleteMemberDialogComponent>,
-		private _company: CompanyService,
-		private angulartics2: Angulartics2,
-	) {}
-
-	deleteCompanyMember() {
-		this.submitting = true;
-		this._company
-			.removeCompanyMemder(this.data.companyId, this.data.user.id, this.data.user.email, this.data.user.name)
-			.subscribe(
-				() => {
-					this.angulartics2.eventTrack.next({
-						action: 'Company: member is deleted successfully',
-					});
-					posthog.capture('Company: member is deleted successfully');
-					this.submitting = false;
-					this.dialogRef.close();
-				},
-				() => {},
-				() => {
-					this.submitting = false;
-				},
-			);
-	}
-}
diff --git a/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.css b/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.css
deleted file mode 100644
index 10f62ab32..000000000
--- a/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.css
+++ /dev/null
@@ -1,43 +0,0 @@
-.add-member-input {
-	width: 100%;
-	margin-bottom: 8px;
-}
-
-.role-button {
-	width: 100%;
-	margin-bottom: 8px;
-}
-
-.role-button .mdc-button__label {
-	color: rgba(0, 0, 0, 0.55);
-	font-weight: 400;
-}
-
-.role-option {
-	padding-top: 4px;
-	padding-bottom: 4px;
-}
-
-.role-option-header {
-	display: flex;
-	align-items: center;
-}
-
-.role-option-header__mark {
-	font-size: 14px;
-	margin-bottom: -10px;
-	font-weight: 600;
-	margin-left: 4px;
-}
-
-.role-option__description {
-	color: rgba(0, 0, 0, 0.64);
-	font-size: 13px;
-	margin-top: 2px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.role-option__description {
-		color: rgba(255, 255, 255, 0.7);
-	}
-}
diff --git a/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.html b/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.html
deleted file mode 100644
index 336d49b10..000000000
--- a/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.html
+++ /dev/null
@@ -1,87 +0,0 @@
-<h1 mat-dialog-title>Add member to <strong>{{company.name}}</strong> company</h1>
-<form action="" #addUserForm="ngForm" (ngSubmit)="addCompanyMember()">
-    <mat-dialog-content>
-        <mat-form-field appearance="outline" class="add-member-input">
-            <mat-label>Enter user email</mat-label>
-            <input matInput type="email" [(ngModel)]="companyMemberEmail"
-                name="email" #email="ngModel" required emailValidator [disabled]="submitting">
-            <mat-error *ngIf="email.errors?.required && (email.invalid && email.touched)">Email should not be empty.</mat-error>
-            <mat-error *ngIf="email.errors?.isInvalidEmail">Invalid email format.</mat-error>
-        </mat-form-field>
-        <div style="margin-bottom: 16px">
-            <button mat-stroked-button type="button" [matMenuTriggerFor]="menu"
-                class="role-button"
-                angulartics2On="click"
-                angularticsAction="Company: role is clicked"
-                (click)="posthog.capture('Company: role is clicked')">
-                {{ companyRolesName[companyMemberRole] }}
-                <mat-icon iconPositionEnd style="margin-left: auto">arrow_drop_down</mat-icon>
-            </button>
-            <mat-menu #menu="matMenu">
-                <button mat-menu-item class="role-option"
-                    (click)="companyMemberRole = CompanyMemberRole.CAO">
-                    <div class="role-option-header">
-                        <strong>Account Owner</strong>
-                        <mat-icon *ngIf="companyMemberRole === CompanyMemberRole.CAO" class="role-option-header__mark">check</mat-icon>
-                    </div>
-                    <div class="role-option__description">Can manage company information, <br> and has full control over databases</div>
-                </button>
-                <button mat-menu-item class="role-option"
-                    (click)="companyMemberRole = CompanyMemberRole.SystemAdmin">
-                    <div class="role-option-header">
-                        <strong>System Admin</strong>
-                        <mat-icon *ngIf="companyMemberRole === CompanyMemberRole.SystemAdmin" class="role-option-header__mark">check</mat-icon>
-                    </div>
-                    <div class="role-option__description">Can view company information, <br> and has full control over databases</div>
-                </button>
-                <button mat-menu-item class="role-option-header"
-                    (click)="companyMemberRole = CompanyMemberRole.Member">
-                    <div class="role-option-header">
-                        <strong>Member</strong>
-                        <mat-icon *ngIf="companyMemberRole === CompanyMemberRole.Member" class="role-option-header__mark">check</mat-icon>
-                    </div>
-                    <div class="role-option__description">Can view company information, <br> and can manage existing databases</div>
-                </button>
-            </mat-menu>
-        </div>
-
-        <!--<mat-form-field appearance="outline" class="add-member-input">
-            <mat-label>Role</mat-label>
-            <mat-select name="memberType" #memberType="ngModel"
-                [disabled]="submitting"
-                [(ngModel)]="companyMemberRole">
-                <mat-option value="ADMIN">Account Owner</mat-option>
-                <mat-option value="DB_ADMIN">System Admin</mat-option>
-                <mat-option value="USER">Member</mat-option>
-            </mat-select>
-        </mat-form-field>-->
-
-        <mat-form-field appearance="outline" class="add-member-input">
-            <mat-label>Group</mat-label>
-            <mat-select name="connectionGroup" #connectionGroup="ngModel"
-                [(ngModel)]="companyUsersGroup">
-                <mat-option>-- None --</mat-option>
-                <mat-optgroup *ngFor="let connection of groups"
-                    [label]="connection.title">
-                    <mat-option *ngFor="let group of connection.groups"
-                        [value]="group.id">
-                        {{group.title}}
-                    </mat-option>
-                </mat-optgroup>
-            </mat-select>
-        </mat-form-field>
-    </mat-dialog-content>
-    <app-turnstile *ngIf="isSaas"
-        class="turnstile-widget"
-        (tokenReceived)="onTurnstileToken($event)"
-        (tokenError)="onTurnstileError()"
-        (tokenExpired)="onTurnstileExpired()">
-    </app-turnstile>
-    <mat-dialog-actions align="end">
-        <button type="button" mat-flat-button mat-dialog-close>Cancel</button>
-        <button type="submit" mat-flat-button color="primary"
-            [disabled]="submitting || addUserForm.form.invalid || (isSaas && !turnstileToken)">
-            Add
-        </button>
-    </mat-dialog-actions>
-</form>
diff --git a/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.spec.ts b/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.spec.ts
deleted file mode 100644
index 46b2da222..000000000
--- a/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.spec.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { InviteMemberDialogComponent } from './invite-member-dialog.component';
-
-describe('AddMemberDialogComponent', () => {
-	let component: InviteMemberDialogComponent;
-	let fixture: ComponentFixture<InviteMemberDialogComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				FormsModule,
-				Angulartics2Module.forRoot(),
-				InviteMemberDialogComponent,
-				BrowserAnimationsModule,
-			],
-			providers: [
-				provideHttpClient(),
-				{ provide: MAT_DIALOG_DATA, useValue: { id: '', connections: [] } },
-				{ provide: MatDialogRef, useValue: MatDialogRef },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(InviteMemberDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.stories.ts b/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.stories.ts
deleted file mode 100644
index e332b9c11..000000000
--- a/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.stories.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { applicationConfig, type Meta, type StoryObj } from '@storybook/angular';
-import { Angulartics2 } from 'angulartics2';
-import { of } from 'rxjs';
-import { CompanyService } from 'src/app/services/company.service';
-import { InviteMemberDialogComponent } from './invite-member-dialog.component';
-
-const mockCompanyService: Partial<CompanyService> = {
-	inviteCompanyMember: () => of(null as any),
-};
-
-const mockAngulartics: Partial<Angulartics2> = {
-	eventTrack: { next: () => {} } as any,
-};
-
-const meta: Meta<InviteMemberDialogComponent> = {
-	title: 'Dialogs/InviteMember',
-	component: InviteMemberDialogComponent,
-	decorators: [
-		applicationConfig({
-			providers: [
-				{ provide: MatDialogRef, useValue: { close: () => {} } },
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						id: 'company-1',
-						connections: [
-							{
-								title: 'Production DB',
-								isTestConnection: false,
-								groups: [
-									{ id: 'group-1', title: 'Admins' },
-									{ id: 'group-2', title: 'Readers' },
-								],
-							},
-							{
-								title: 'Test DB',
-								isTestConnection: true,
-								groups: [{ id: 'group-3', title: 'Testers' }],
-							},
-						],
-					},
-				},
-				{ provide: CompanyService, useValue: mockCompanyService },
-				{ provide: Angulartics2, useValue: mockAngulartics },
-			],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<InviteMemberDialogComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.ts b/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.ts
deleted file mode 100644
index d472a0d5c..000000000
--- a/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { NgForOf, NgIf } from '@angular/common';
-import { Component, Inject, ViewChild } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatSelectModule } from '@angular/material/select';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { EmailValidationDirective } from 'src/app/directives/emailValidator.directive';
-import { CompanyMemberRole } from 'src/app/models/company';
-import { CompanyService } from 'src/app/services/company.service';
-import { environment } from 'src/environments/environment';
-import { TurnstileComponent } from '../../ui-components/turnstile/turnstile.component';
-
-@Component({
-	selector: 'app-invite-member-dialog',
-	templateUrl: './invite-member-dialog.component.html',
-	styleUrls: ['./invite-member-dialog.component.css'],
-	standalone: true,
-	imports: [
-		NgIf,
-		NgForOf,
-		FormsModule,
-		MatDialogModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatSelectModule,
-		MatButtonModule,
-		MatMenuModule,
-		MatIconModule,
-		EmailValidationDirective,
-		TurnstileComponent,
-	],
-})
-export class InviteMemberDialogComponent {
-	protected posthog = posthog;
-	@ViewChild(TurnstileComponent) turnstileWidget: TurnstileComponent;
-
-	CompanyMemberRole = CompanyMemberRole;
-
-	public isSaas = (environment as any).saas;
-	public turnstileToken: string | null = null;
-	public companyMemberEmail: string;
-	public companyMemberRole: CompanyMemberRole = CompanyMemberRole.Member;
-	public submitting: boolean = false;
-	public companyUsersGroup: string = null;
-	public groups: {
-		title: string;
-		groups: object[];
-	}[] = [];
-
-	public companyRolesName = {
-		ADMIN: 'Account Owner',
-		DB_ADMIN: 'System Admin',
-		USER: 'Member',
-	};
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public company: any,
-		public dialogRef: MatDialogRef<InviteMemberDialogComponent>,
-		private _company: CompanyService,
-		private angulartics2: Angulartics2,
-	) {}
-
-	ngOnInit(): void {
-		this.groups = this.company.connections.sort((a, b) => a.isTestConnection - b.isTestConnection);
-	}
-
-	addCompanyMember() {
-		this.submitting = true;
-		this._company
-			.inviteCompanyMember(
-				this.company.id,
-				this.companyUsersGroup,
-				this.companyMemberEmail,
-				this.companyMemberRole,
-				this.isSaas ? this.turnstileToken : null,
-			)
-			.subscribe(
-				() => {
-					this.angulartics2.eventTrack.next({
-						action: 'Company: member is invited successfully',
-					});
-					posthog.capture('Company: member is invited successfully');
-
-					this.submitting = false;
-					this.dialogRef.close();
-				},
-				() => {
-					this._resetTurnstile();
-				},
-				() => {
-					this.submitting = false;
-				},
-			);
-	}
-
-	onTurnstileToken(token: string) {
-		this.turnstileToken = token;
-	}
-
-	onTurnstileError() {
-		this.turnstileToken = null;
-	}
-
-	onTurnstileExpired() {
-		this.turnstileToken = null;
-	}
-
-	private _resetTurnstile(): void {
-		if (this.isSaas && this.turnstileWidget) {
-			this.turnstileWidget.reset();
-			this.turnstileToken = null;
-		}
-	}
-}
diff --git a/frontend/src/app/components/company/revoke-invitation-dialog/revoke-invitation-dialog.component.css b/frontend/src/app/components/company/revoke-invitation-dialog/revoke-invitation-dialog.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/company/revoke-invitation-dialog/revoke-invitation-dialog.component.html b/frontend/src/app/components/company/revoke-invitation-dialog/revoke-invitation-dialog.component.html
deleted file mode 100644
index 772547d14..000000000
--- a/frontend/src/app/components/company/revoke-invitation-dialog/revoke-invitation-dialog.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<h1 mat-dialog-title>Revoke email invitation</h1>
-<mat-dialog-content>
-    <p class="mat-body">You are going to revoke invitation from <strong>{{ data.userEmail }}</strong> email.</p>
-    <br>
-    <p class="mat-body">Please confirm.</p>
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-  <button mat-flat-button mat-dialog-close>Cancel</button>
-  <button mat-flat-button color="warn"
-    [disabled]="submitting"
-    (click)="revokeInvitation()">
-    Revoke
-  </button>
-</mat-dialog-actions>
\ No newline at end of file
diff --git a/frontend/src/app/components/company/revoke-invitation-dialog/revoke-invitation-dialog.component.spec.ts b/frontend/src/app/components/company/revoke-invitation-dialog/revoke-invitation-dialog.component.spec.ts
deleted file mode 100644
index 30269255c..000000000
--- a/frontend/src/app/components/company/revoke-invitation-dialog/revoke-invitation-dialog.component.spec.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { Angulartics2Module } from 'angulartics2';
-import { RevokeInvitationDialogComponent } from './revoke-invitation-dialog.component';
-
-describe('RevokeInvitationDialogComponent', () => {
-	let component: RevokeInvitationDialogComponent;
-	let fixture: ComponentFixture<RevokeInvitationDialogComponent>;
-
-	const _mockDialogRef = {
-		close: () => {},
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, Angulartics2Module.forRoot(), RevokeInvitationDialogComponent],
-			providers: [
-				provideHttpClient(),
-				{ provide: MAT_DIALOG_DATA, useValue: { companyId: '', userEmail: '' } },
-				{ provide: MatDialogRef, useValue: MatDialogRef },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(RevokeInvitationDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/company/revoke-invitation-dialog/revoke-invitation-dialog.component.ts b/frontend/src/app/components/company/revoke-invitation-dialog/revoke-invitation-dialog.component.ts
deleted file mode 100644
index 93a8b9a29..000000000
--- a/frontend/src/app/components/company/revoke-invitation-dialog/revoke-invitation-dialog.component.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { CompanyService } from 'src/app/services/company.service';
-
-@Component({
-	selector: 'app-revoke-invitation-dialog',
-	templateUrl: './revoke-invitation-dialog.component.html',
-	styleUrls: ['./revoke-invitation-dialog.component.css'],
-	imports: [CommonModule, MatDialogModule, MatButtonModule],
-})
-export class RevokeInvitationDialogComponent {
-	public submitting: boolean = false;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: any,
-		public dialogRef: MatDialogRef<RevokeInvitationDialogComponent>,
-		private _company: CompanyService,
-		private angulartics2: Angulartics2,
-	) {}
-
-	revokeInvitation() {
-		this._company.revokeInvitation(this.data.companyId, this.data.userEmail).subscribe(
-			() => {
-				this.angulartics2.eventTrack.next({
-					action: 'Company: invitation is revoked successfully',
-				});
-				posthog.capture('Company: invitation is revoked successfully');
-
-				this.submitting = false;
-				this.dialogRef.close();
-			},
-			() => {},
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-}
diff --git a/frontend/src/app/components/connect-db/connect-db.component.css b/frontend/src/app/components/connect-db/connect-db.component.css
deleted file mode 100644
index b7c73b85c..000000000
--- a/frontend/src/app/components/connect-db/connect-db.component.css
+++ /dev/null
@@ -1,291 +0,0 @@
-:host app-alert:not(:empty) {
-	--alert-margin: 24px;
-}
-
-.connectPage {
-	margin-top: var(--top-margin);
-	margin-bottom: 4em;
-}
-
-.form {
-	display: grid;
-	grid-template-columns: repeat(4, 1fr);
-	grid-gap: 0.5em 1.5em;
-	margin: 0 auto 40px;
-	width: clamp(18.75em, 96%, 50em);
-}
-
-@media screen and (max-width: 600px) {
-	.form {
-		display: flex;
-		flex-direction: column;
-		padding: 0 9vw;
-		width: 100%;
-	}
-}
-
-:host ::ng-deep .credentials-fieldset {
-	display: grid;
-	grid-template-columns: subgrid;
-	grid-template-rows: subgrid;
-	grid-column: 1 / span 4;
-	grid-row: 6 / span 4;
-}
-
-:host ::ng-deep .connectForm__typeSwitch + ndc-dynamic + .credentials-fieldset {
-	grid-row: 4 / span 4;
-}
-
-@media (width <= 600px) {
-	:host ::ng-deep .credentials-fieldset {
-		display: flex;
-		flex-direction: column;
-	}
-}
-
-/* :host ::ng-deep .credentials-fieldset-no-warning {
-	display: grid;
-	grid-template-columns: subgrid;
-	grid-template-rows: subgrid;
-	grid-column: 1 / span 4;
-	grid-row: 4 / span 4;
-}
-
-@media (width <= 600px) {
-	:host ::ng-deep .credentials-fieldset-no-warning {
-		display: flex;
-		flex-direction: column;
-	}
-} */
-
-.mat-h1 {
-	margin-top: 2vw;
-}
-
-.warningMessage {
-	display: flex;
-	align-items: center;
-	margin-bottom: 8px;
-	padding: 16px 12px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.warningMessage {
-		background: #424242;
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.warningMessage {
-		background: #f5f5f5;
-	}
-}
-
-.warningMessage__icon {
-	flex-shrink: 0;
-	margin-right: 12px;
-}
-
-.warningMessage .mat-body-1 {
-	margin-bottom: 0;
-}
-
-.connectForm__ipAlert {
-	--alert-margin: 0 !important;
-	margin-bottom: 12px;
-}
-
-.connectForm__title {
-	grid-column: 1 / span 3;
-}
-
-.connectForm__hostname,
-.connectForm__port {
-	padding-bottom: 2em;
-}
-
-.connectForm__fullLine {
-	grid-column: 1 / span 4;
-}
-
-.connectForm__toggle {
-	margin-bottom: 12px;
-}
-
-.connectForm__toggle ::ng-deep .mat-button-toggle-checked {
-	background-color: rgba(0, 0, 0, 0.08) !important;
-}
-
-.radio-button {
-	margin-right: 20px;
-}
-
-.form-textarea {
-	resize: none;
-}
-
-.test-connection-actions {
-	grid-column: 1 / span 4;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 12px;
-	margin-top: 16px;
-}
-
-.test-connection-message {
-	color: rgba(0, 0, 0, 0.54);
-	margin-bottom: 4px;
-}
-
-.actions {
-	grid-column: 1 / span 4;
-	display: flex;
-	align-items: center;
-	justify-content: flex-end;
-	margin-top: 12px;
-}
-
-.delete-button {
-	margin-right: auto;
-}
-
-.test-button {
-	margin-right: 20px;
-}
-
-.instruction__docker {
-	margin-top: 32px;
-	margin-bottom: auto;
-}
-
-.github-button {
-	margin-bottom: 20px;
-}
-
-.github-button ::ng-deep .mdc-button__label {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	width: 100%;
-}
-
-.github-icon {
-	margin-right: 8px;
-	margin-left: -4px;
-	height: 22px;
-	width: 22px;
-}
-
-.docker-instruction {
-	margin-top: 20px;
-}
-
-.instruction-steps {
-	list-style-position: inside;
-}
-
-.instruction-step {
-	margin: 1em 0;
-}
-
-.instruction-step__link {
-	color: var(--color-accentedPalette-500);
-	text-decoration: none;
-}
-
-.instruction-step__link:hover {
-	color: #fe5e85;
-	text-decoration: underline;
-}
-
-.instruction-command {
-	background: rgba(0, 0, 0, 0.04);
-	border-radius: 4px;
-	padding: 8px 12px;
-}
-
-.connectForm__connectionStringContainer {
-	background-color: var(--info-background-color);
-	border: 1px solid var(--color-infoPalette-500);
-	border-radius: 8px;
-	padding: 16px;
-	margin-bottom: 16px;
-}
-
-.connectForm__connectionStringHeader {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	margin-bottom: 6px;
-	color: var(--color-infoPalette-500);
-}
-
-.connectForm__connectionStringIcon {
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-}
-
-.connectForm__connectionStringDescription {
-	margin: 0 0 12px 0;
-	font-size: 11px;
-	opacity: 0.6;
-}
-
-.agent-token {
-	display: flex;
-	margin-top: 32px;
-	margin-bottom: 20px;
-	width: 100%;
-}
-
-.agent-token__copy-button {
-	margin-top: 4px;
-	margin-left: 12px;
-}
-
-.connectForm__connectionStringParsed {
-	display: flex;
-	align-items: flex-start;
-	gap: 6px;
-	margin-top: 8px !important;
-	color: var(--color-successPalette-500);
-	font-size: 12px;
-}
-
-.connectForm__connectionStringParsed-icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-	flex-shrink: 0;
-	margin-top: 1px;
-}
-
-.connectForm__connectionStringParsed-label {
-	font-weight: 500;
-	margin-right: 4px;
-}
-
-.connectForm__connectionStringParsed-value {
-	word-break: break-all;
-	opacity: 0.8;
-}
-
-.connectForm__connectionStringOverrideNote {
-	display: flex;
-	align-items: center;
-	gap: 6px;
-	margin-top: -4px !important;
-	margin-bottom: 0 !important;
-	color: var(--color-infoPalette-500);
-	font-size: 13px;
-	font-weight: 500;
-}
-
-.connectForm__connectionStringOverrideNote-icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-	flex-shrink: 0;
-}
diff --git a/frontend/src/app/components/connect-db/connect-db.component.html b/frontend/src/app/components/connect-db/connect-db.component.html
deleted file mode 100644
index 8074e8ba8..000000000
--- a/frontend/src/app/components/connect-db/connect-db.component.html
+++ /dev/null
@@ -1,284 +0,0 @@
-<app-alert></app-alert>
-
-<div class="connectPage">
-    <form #connectForm="ngForm" class="form"
-        (ngSubmit)="handleCredentialsSubmitting(connectForm)">
-        <h1 class="mat-h1 connectForm__fullLine">
-            {{ connectionID ? 'Edit credentials' : 'Connect database' }}
-        </h1>
-
-        <mat-form-field appearance="outline" class="connectForm__title">
-            <mat-label>Connection title</mat-label>
-            <input matInput name="title" #title="ngModel"
-                data-testid="connection-title-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ db.id ? 'edit' : 'add' }}: title is edited"
-                (change)="posthog.capture('Connection creds {{ db.id ? \'edit\' : \'add\' }}: title is edited')"
-                [required]="db.connectionType === 'agent'"
-                [readonly]="(accessLevel === 'readonly' || db.isTestConnection) && db.id"
-                [disabled]="submitting"
-                [(ngModel)]="db.title">
-        </mat-form-field>
-
-        <mat-form-field appearance="outline">
-            <mat-label>Database type</mat-label>
-            <mat-select name="dbtype" #dbtype="ngModel"
-                data-testid="connection-dbtype-select"
-                angulartics2On="click"
-                angularticsAction="Connection creds {{ db.id ? 'edit' : 'add' }}: db type is selected"
-                (click)="posthog.capture('Connection creds {{ db.id ? \'edit\' : \'add\' }}: db type is selected')"
-                [angularticsProperties]="{'dbType': db.type}"
-                [disabled]="submitting"
-                [(ngModel)]="db.type"
-                (ngModelChange)="dbTypeChange()" >
-                <mat-option *ngFor="let dbType of supportedOrderedDatabases" [value]="dbType">
-                    {{supportedDatabasesTitles[dbType]}}
-                </mat-option>
-            </mat-select>
-        </mat-form-field>
-
-        <div class="connectForm__fullLine connectForm__toggle connectForm__typeSwitch">
-            <mat-button-toggle-group name="connectionType"
-                data-testid="connection-type-toggle"
-                [disabled]="submitting || db.isTestConnection || db.type === 'dynamodb'"
-                [(ngModel)]="db.connectionType">
-                <mat-button-toggle value="direct">Direct connection</mat-button-toggle>
-                <mat-button-toggle value="agent">Agent connection</mat-button-toggle>
-            </mat-button-toggle-group>
-        </div>
-
-        <div *ngIf="db && db.connectionType === 'direct' && !db.isTestConnection && isSaas && db.type !== 'dynamodb'"
-            data-testid="direct-connection-warning"
-            class="connectForm__fullLine connectForm__warningMessage">
-            <div *ngIf="connectionID; else warningAlert" class="warningMessage">
-                <mat-icon class="warningMessage__icon">warning_amber</mat-icon>
-                <div class="mat-body-1">
-                    Please make sure our servers are able to access your database. <br/> Rocketadmin uses the IP address
-                    <app-ip-address-button ip="18.221.81.73"></app-ip-address-button>
-                    for all outbound requests.
-                </div>
-            </div>
-
-            <ng-template #warningAlert>
-                <app-alert [alert]="warning" class="connectForm__ipAlert">
-                    <div class="mat-body-1" style="margin-bottom: 0">
-                        Please make sure our servers are able to access your database. <br/> Rocketadmin uses the IP address
-                        <app-ip-address-button ip="18.221.81.73"></app-ip-address-button>
-                        for all outbound requests.
-                    </div>
-                </app-alert>
-            </ng-template>
-        </div>
-
-        @if (db.connectionType === 'direct' && !db.id) {
-            <div class="connectForm__fullLine connectForm__connectionStringContainer">
-                <div class="connectForm__connectionStringHeader">
-                    <mat-icon class="connectForm__connectionStringIcon">link</mat-icon>
-                    <span class="mat-subtitle-2">Quick connect with a connection string</span>
-                </div>
-                <p class="mat-body-2 connectForm__connectionStringDescription">
-                    Paste your database connection URI below to automatically fill in all the credentials fields. The string is not stored — only the parsed values are used.
-                </p>
-                <mat-form-field appearance="outline" style="width: 100%">
-                    <mat-label>Connection string</mat-label>
-                    <input matInput name="connectionString"
-                        #connectionStringInput="ngModel"
-                        data-testid="connection-string-input"
-                        placeholder="e.g. postgresql://user:password@host:5432/dbname"
-                        connectionStringValidator
-                        [disabled]="submitting"
-                        [(ngModel)]="connectionString"
-                        (ngModelChange)="onConnectionStringChange(connectionStringInput)">
-                    @if (connectionStringInput.errors?.invalidConnectionStringFormat) {
-                        <mat-error>Invalid format. Expected: scheme://user:password@host:port/database</mat-error>
-                    }
-                    @if (connectionStringInput.errors?.unsupportedScheme) {
-                        <mat-error>Unsupported scheme "{{ connectionStringInput.errors?.unsupportedScheme }}"</mat-error>
-                    }
-                    @if (connectionStringInput.errors?.invalidConnectionString) {
-                        <mat-error>Failed to parse connection string</mat-error>
-                    }
-                </mat-form-field>
-                @if (parsedConnectionString) {
-                    <p class="connectForm__connectionStringParsed">
-                        <mat-icon class="connectForm__connectionStringParsed-icon">check_circle</mat-icon>
-                        <span>
-                            <span class="connectForm__connectionStringParsed-label">Parsed:</span>
-                            <code class="connectForm__connectionStringParsed-value">{{ parsedConnectionString }}</code>
-                        </span>
-                    </p>
-                }
-                @if (fieldsOverridden) {
-                    <p class="connectForm__connectionStringOverrideNote">
-                        <mat-icon class="connectForm__connectionStringOverrideNote-icon">info</mat-icon>
-                        Fields are now the source of truth — paste a new connection string to override them
-                    </p>
-                }
-            </div>
-        }
-
-        @if (db.connectionType === 'direct') {
-            <ndc-dynamic
-                [ndcDynamicComponent]="credentialsFormComponent"
-                [ndcDynamicInputs]="{
-                    connection: db,
-                    submitting: submitting,
-                    accessLevel: accessLevel,
-                    masterKey: masterKey,
-                    readonly: !!((accessLevel === 'readonly' || db.isTestConnection) && db.id),
-                    autoFilledFields: autoFilledFields
-                }"
-                [ndcDynamicOutputs]="credentialsFormOutputs"
-                [ndcDynamicAttributes]="credentialsFormAttributes"
-            ></ndc-dynamic>
-        }
-        
-
-        <div *ngIf="db.connectionType === 'agent'" class="connectForm__fullLine instruction">
-
-            <div class="instruction__docker">
-                <p class="mat-body-1">
-                    Visit our DockerHub page to install the Rocketadmin agent.
-                </p>
-
-                <a mat-flat-button color="accent" class="github-button"
-                    href="https://hub.docker.com/r/rocketadmin/rocketadmin-agent" target="_blank"
-                    data-testid="connection-agent-dockerhub-link"
-                    angulartics2On="click"
-                    angularticsAction="Connection creds {{ db.id ? 'edit' : 'add' }}: open github agent page"
-                    (click)="posthog.capture('Connection creds {{ db.id ? \'edit\' : \'add\' }}: open github agent page')">
-                    <svg class="github-icon" xmlns="http://www.w3.org/2000/svg"
-                        aria-label="Docker" role="img"
-                        viewBox="0 0 512 512"><rect
-                        width="512" height="512"
-                        rx="15%"
-                        fill="transparent"/><path stroke="#fff" stroke-width="38" d="M296 226h42m-92 0h42m-91 0h42m-91 0h41m-91 0h42m8-46h41m8 0h42m7 0h42m-42-46h42"/><path fill="#fff" d="m472 228s-18-17-55-11c-4-29-35-46-35-46s-29 35-8 74c-6 3-16 7-31 7H68c-5 19-5 145 133 145 99 0 173-46 208-130 52 4 63-39 63-39"/></svg>
-
-                    <span>Install Rocketadmin agent</span>
-                </a>
-
-                <p class="mat-body-1">
-                    Once the installation is successfully completed, the new connection will appear in the list of your admin panels.
-                </p>
-
-                <a mat-stroked-button color="accent"
-                    href="https://docs.rocketadmin.com/Create%20connections/Agent%20connection/agent_connection"
-                    target="_blank"
-                    data-testid="connection-agent-instruction-link"
-                    angulartics2On="click"
-                    angularticsAction="Connection creds {{ db.id ? 'edit' : 'add' }}: open agent connection instruction"
-                    (click)="posthog.capture('Connection creds {{ db.id ? \'edit\' : \'add\' }}: open agent connection instruction')">
-                    Check out the complete guide
-                </a>
-            </div>
-
-            <div *ngIf="connectionToken" class="agent-token">
-                <mat-form-field appearance="outline" style="width:100%">
-                    <mat-label>Token</mat-label>
-                    <input matInput name="token" #token="ngModel" readonly
-                        data-testid="connection-agent-token-input"
-                        [(ngModel)]="connectionToken">
-                    <mat-hint>
-                        Please save this token and use it to configure your agent connection in .config.env file.
-                    </mat-hint>
-                </mat-form-field>
-                <button type="button" mat-icon-button
-                    data-testid="connection-agent-token-copy-button"
-                    class="agent-token__copy-button"
-                    matTooltip="Copy mater password"
-                    [cdkCopyToClipboard]="connectionToken"
-                    (cdkCopyToClipboardCopied)="showCopyNotification('Connection token was copied to clipboard.')">
-                    <mat-icon>content_copy</mat-icon>
-                </button>
-            </div>
-        </div>
-
-        <!-- test connection actions -->
-        <div *ngIf="db.isTestConnection" class="test-connection-actions">
-            <p class="mat-body-1 test-connection-message">You cannot edit test connection.</p>
-            <a *ngIf="db.isTestConnection"
-                routerLink="/connect-db"
-                data-testid="test-connection-actions-create-own-link"
-                mat-flat-button color="accent">
-                Create your own
-            </a>
-            <button type="button" mat-button color="warn"
-                data-testid="test-connection-actions-delete-button"
-                angulartics2On="click"
-                angularticsAction="Connection creds test: delete db is clicked"
-                [disabled]="submitting"
-                (click)="confirmDeleteConnection(db, $event); posthog.capture('Connection creds test: delete db is clicked')">
-                Delete
-            </button>
-        </div>
-
-        <!-- add connection actions -->
-        <div class="actions" *ngIf="!db.id && !db.isTestConnection">
-            <a mat-stroked-button routerLink="/connections-list"
-                data-testid="add-connection-actions-back-link"
-                class="delete-button">
-                Back
-            </a>
-            <button *ngIf="db.connectionType === 'direct'" type="button" mat-button color="primary" class="test-button"
-                data-testid="add-connection-actions-test-button"
-                angulartics2On="click"
-                angularticsAction="Connection creds {{ db.id ? 'edit' : 'add' }}: test db creds is clicked"
-                (click)="testConnection(); posthog.capture('Connection creds {{ db.id ? \'edit\' : \'add\' }}: test db creds is clicked')"
-                [disabled]="submitting">
-                Test connection
-            </button>
-            <button mat-flat-button type="submit" *ngIf="!connectionToken && !connectionID"
-                data-testid="add-connection-actions-add-button"
-                color="primary"
-                angulartics2On="click"
-                angularticsAction="Connection creds add: db add clicked"
-                (click)="posthog.capture('Connection creds add: db add clicked')"
-                [disabled]="submitting">
-                {{ submitting ? 'Checking' : 'Add'}}
-            </button>
-            <a *ngIf="connectionToken && connectionID" mat-flat-button color="primary"
-                routerLink="/dashboard/{{connectionID}}"
-                data-testid="add-connection-actions-open-dashboard-link">
-                Open dashboard
-            </a>
-        </div>
-
-        <!-- edit connection actions -->
-        <div class="actions" *ngIf="canEditConnection() && db.id && !db.isTestConnection">
-            <button type="button" mat-button color="warn"
-                class="delete-button"
-                data-testid="edit-connection-actions-delete-button"
-                angulartics2On="click"
-                angularticsAction="Connection creds edit: delete db is clicked"
-                [disabled]="submitting"
-                (click)="confirmDeleteConnection(db, $event); posthog.capture('Connection creds edit: delete db is clicked')">
-                Delete
-            </button>
-            <button type="button" mat-button color="primary" class="test-button"
-                data-testid="edit-connection-actions-test-button"
-                angulartics2On="click"
-                angularticsAction="Connection creds {{ db.id ? 'edit' : 'add' }}: test db creads is clicked"
-                (click)="testConnection(); posthog.capture('Connection creds {{ db.id ? \'edit\' : \'add\' }}: test db creads is clicked')"
-                [disabled]="submitting">
-                Test connection
-            </button>
-
-            <!-- right button -->
-            <button type="submit" *ngIf="db.id && (db.connectionType === 'direct' || (!connectionToken && db.connectionType === 'agent'))"
-                mat-flat-button color="primary"
-                data-testid="edit-connection-actions-edit-button"
-                angulartics2On="click"
-                angularticsAction="Connection creds edit: db edit is clicked"
-                (click)="posthog.capture('Connection creds edit: db edit is clicked')"
-                [disabled]="submitting || db.isTestConnection">
-                {{ submitting ? 'Checking' : 'Edit'}}
-            </button>
-
-            <a *ngIf="connectionToken && connectionID && db.connectionType === 'agent'" mat-flat-button color="primary"
-                routerLink="/dashboard/{{connectionID}}"
-                data-testid="edit-connection-actions-open-dashboard-link">
-                Open dashboard
-            </a>
-        </div>
-    </form>
-</div>
diff --git a/frontend/src/app/components/connect-db/connect-db.component.spec.ts b/frontend/src/app/components/connect-db/connect-db.component.spec.ts
deleted file mode 100644
index 4a1f8b651..000000000
--- a/frontend/src/app/components/connect-db/connect-db.component.spec.ts
+++ /dev/null
@@ -1,414 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { forwardRef } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { MatDialog } from '@angular/material/dialog';
-import { MatInputModule } from '@angular/material/input';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { AlertActionType, AlertType } from 'src/app/models/alert';
-import { ConnectionType, DBtype } from 'src/app/models/connection';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { NotificationsService } from 'src/app/services/notifications.service';
-import { ConnectDBComponent } from './connect-db.component';
-import { DbConnectionConfirmDialogComponent } from './db-connection-confirm-dialog/db-connection-confirm-dialog.component';
-import { DbConnectionDeleteDialogComponent } from './db-connection-delete-dialog/db-connection-delete-dialog.component';
-
-describe('ConnectDBComponent', () => {
-	let component: ConnectDBComponent;
-	let fixture: ComponentFixture<ConnectDBComponent>;
-	let mockMatDialog: { open: ReturnType<typeof vi.fn> };
-
-	const fakeNotifications = {
-		showErrorSnackbar: vi.fn(),
-		showSuccessSnackbar: vi.fn(),
-		showAlert: vi.fn(),
-		dismissAlert: vi.fn(),
-	};
-	const fakeConnectionsService = {
-		currentConnection: vi.fn(),
-		currentConnectionAccessLevel: vi.fn(),
-		testConnection: vi.fn(),
-		createConnection: vi.fn(),
-		updateConnection: vi.fn(),
-		getCurrentConnectionTitle: vi.fn(),
-		currentConnectionID: '9d5f6d0f-9516-4598-91c4-e4fe6330b4d4',
-		canEditConnection: vi.fn().mockReturnValue(true),
-	};
-
-	const connectionCredsApp = {
-		title: 'Test connection via SSH tunnel to mySQL',
-		masterEncryption: false,
-		type: DBtype.MySQL,
-		host: 'database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com',
-		port: '3306',
-		username: 'admin',
-		database: 'testDB',
-		schema: null,
-		sid: null,
-		id: '9d5f6d0f-9516-4598-91c4-e4fe6330b4d4',
-		ssh: true,
-		sshHost: '3.134.99.192',
-		sshPort: '22',
-		sshUsername: 'ubuntu',
-		ssl: false,
-		cert: null,
-		connectionType: ConnectionType.Direct,
-		azure_encryption: false,
-		signing_key: '',
-	};
-
-	beforeEach(async () => {
-		mockMatDialog = { open: vi.fn() };
-
-		await TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				FormsModule,
-				MatSelectModule,
-				MatRadioModule,
-				MatInputModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot({}),
-				ConnectDBComponent,
-			],
-			providers: [
-				provideHttpClient(),
-				provideRouter([
-					{ path: 'dashboard/:id', component: ConnectDBComponent },
-					{ path: 'auto-configure/:connection-id', component: ConnectDBComponent },
-				]),
-				{
-					provide: NG_VALUE_ACCESSOR,
-					useExisting: forwardRef(() => ConnectDBComponent),
-					multi: true,
-				},
-				{ provide: NotificationsService, useValue: fakeNotifications },
-				{ provide: ConnectionsService, useValue: fakeConnectionsService },
-			],
-		})
-			.overrideComponent(ConnectDBComponent, {
-				set: {
-					providers: [{ provide: MatDialog, useFactory: () => mockMatDialog }],
-				},
-			})
-			.compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(ConnectDBComponent);
-		component = fixture.componentInstance;
-
-		// @ts-expect-error
-		global.window.fbq = vi.fn();
-		global.window.Intercom = vi.fn();
-
-		fakeConnectionsService.currentConnection.mockReturnValue(connectionCredsApp);
-		fakeConnectionsService.getCurrentConnectionTitle.mockReturnValue(of('Test connection via SSH tunnel to mySQL'));
-		// fakeConnectionsService.currentConnectionAccessLevel.mockReturnValue('edit');
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should show Success snackbar if test passes successfully', () => {
-		fakeConnectionsService.testConnection.mockReturnValue(
-			of({
-				result: true,
-			}),
-		);
-
-		component.testConnection();
-		expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('Connection is live');
-
-		fakeNotifications.showSuccessSnackbar.mockClear();
-	});
-
-	it('should show Error alert if test passes unsuccessfully', () => {
-		fakeConnectionsService.testConnection.mockReturnValue(
-			of({
-				result: false,
-				message: 'Error in hostname.',
-			}),
-		);
-
-		component.testConnection();
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(AlertType.Error, 'Error in hostname.', [
-			expect.objectContaining({
-				type: AlertActionType.Button,
-				caption: 'Dismiss',
-			}),
-		]);
-
-		fakeNotifications.showAlert.mockClear();
-	});
-
-	it('should set 1521 port for Oracle db type', () => {
-		component.db.type = DBtype.Oracle;
-		component.dbTypeChange();
-
-		expect(component.db.port).toEqual('1521');
-	});
-
-	it('should show Copy message', () => {
-		component.showCopyNotification('Connection token was copied to clipboard.');
-		expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('Connection token was copied to clipboard.');
-
-		fakeNotifications.showSuccessSnackbar.mockClear();
-	});
-
-	it('should generate password if toggle is enabled', () => {
-		component.generatePassword(true);
-		expect(component.masterKey).toBeDefined();
-	});
-
-	it('should open delete connection dialog', () => {
-		const event = { preventDefault: vi.fn(), stopImmediatePropagation: vi.fn() } as unknown as Event;
-
-		component.confirmDeleteConnection(connectionCredsApp, event);
-		expect(mockMatDialog.open).toHaveBeenCalledWith(DbConnectionDeleteDialogComponent, {
-			width: '32em',
-			data: connectionCredsApp,
-		});
-	});
-
-	it('should create direct connection', () => {
-		fakeConnectionsService.createConnection.mockReturnValue(of(connectionCredsApp));
-		vi.spyOn(component, 'db', 'get').mockReturnValue(connectionCredsApp);
-		component.createConnectionRequest();
-
-		expect(component.connectionID).toEqual('9d5f6d0f-9516-4598-91c4-e4fe6330b4d4');
-	});
-
-	it('should create agent connection and set token', () => {
-		const dbApp = {
-			id: null,
-			title: 'Agent connection',
-			type: DBtype.Oracle,
-			port: '5432',
-			connectionType: ConnectionType.Agent,
-		} as any;
-
-		const dbRes = {
-			id: '9d5f6d0f-9516-4598-91c4-e4fe6330b4d4',
-			title: 'Agent connection',
-			type: 'agent_oracle',
-			port: 5432,
-			token: '1234-abcd-0987',
-		};
-
-		fakeConnectionsService.createConnection.mockReturnValue(of(dbRes));
-		vi.spyOn(component, 'db', 'get').mockReturnValue(dbApp);
-		component.createConnectionRequest();
-
-		expect(component.connectionID).toEqual('9d5f6d0f-9516-4598-91c4-e4fe6330b4d4');
-		expect(component.connectionToken).toEqual('1234-abcd-0987');
-	});
-
-	it('should update direct connection', () => {
-		fakeConnectionsService.updateConnection.mockReturnValue(of({ connection: connectionCredsApp }));
-		vi.spyOn(component, 'db', 'get').mockReturnValue(connectionCredsApp);
-		component.updateConnectionRequest();
-
-		// expect(routerSpy.navigate).toHaveBeenCalledWith(['/dashboard/9d5f6d0f-9516-4598-91c4-e4fe6330b4d4']);
-	});
-
-	it('should update agent connection and set token', () => {
-		const dbApp = {
-			id: null,
-			title: 'Agent connection',
-			type: DBtype.Oracle,
-			port: '5432',
-			connectionType: ConnectionType.Agent,
-		} as any;
-
-		const dbRes = {
-			connection: {
-				id: '9d5f6d0f-9516-4598-91c4-e4fe6330b4d4',
-				title: 'Agent connection',
-				type: 'agent_oracle',
-				port: 5432,
-				token: '1234-abcd-0987',
-			},
-		};
-
-		fakeConnectionsService.updateConnection.mockReturnValue(of(dbRes));
-		vi.spyOn(component, 'db', 'get').mockReturnValue(dbApp);
-		component.updateConnectionRequest();
-
-		expect(component.connectionToken).toEqual('1234-abcd-0987');
-	});
-
-	it('should open dialog on test error', () => {
-		vi.spyOn(component, 'db', 'get').mockReturnValue(connectionCredsApp);
-		component.masterKey = 'master_password_12345678';
-		component.handleConnectionError('Hostname is invalid');
-
-		expect(mockMatDialog.open).toHaveBeenCalledWith(DbConnectionConfirmDialogComponent, {
-			width: '32em',
-			data: {
-				dbCreds: connectionCredsApp,
-				provider: 'amazon',
-				masterKey: 'master_password_12345678',
-				errorMessage: 'Hostname is invalid',
-			},
-		});
-	});
-
-	describe('Connection string functionality', () => {
-		it('should parse a PostgreSQL connection string and populate db fields', () => {
-			component.connectionString = 'postgresql://myuser:mypass@db.example.com:5432/mydb';
-			component.onConnectionStringChange(null);
-
-			expect(component.db.type).toBe(DBtype.Postgres);
-			expect(component.db.host).toBe('db.example.com');
-			expect(component.db.port).toBe('5432');
-			expect(component.db.username).toBe('myuser');
-			expect(component.db.password).toBe('mypass');
-			expect(component.db.database).toBe('mydb');
-		});
-
-		it('should parse a MySQL connection string and populate db fields', () => {
-			component.connectionString = 'mysql://root:secret@localhost:3306/app_db';
-			component.onConnectionStringChange(null);
-
-			expect(component.db.type).toBe(DBtype.MySQL);
-			expect(component.db.host).toBe('localhost');
-			expect(component.db.port).toBe('3306');
-			expect(component.db.username).toBe('root');
-			expect(component.db.password).toBe('secret');
-			expect(component.db.database).toBe('app_db');
-		});
-
-		it('should parse a MongoDB connection string with authSource option', () => {
-			component.connectionString = 'mongodb://admin:pass123@mongo.host.com:27017/mydb?authSource=admin';
-			component.onConnectionStringChange(null);
-
-			expect(component.db.type).toBe(DBtype.Mongo);
-			expect(component.db.host).toBe('mongo.host.com');
-			expect(component.db.port).toBe('27017');
-			expect(component.db.username).toBe('admin');
-			expect(component.db.password).toBe('pass123');
-			expect(component.db.database).toBe('mydb');
-			expect(component.db.authSource).toBe('admin');
-			expect(component.autoFilledFields.has('authSource')).toBe(true);
-		});
-
-		it('should set autoFilledFields for all parsed fields', () => {
-			component.connectionString = 'postgresql://user:pass@host:5432/db';
-			component.onConnectionStringChange(null);
-
-			expect(component.autoFilledFields.has('host')).toBe(true);
-			expect(component.autoFilledFields.has('port')).toBe(true);
-			expect(component.autoFilledFields.has('username')).toBe(true);
-			expect(component.autoFilledFields.has('password')).toBe(true);
-			expect(component.autoFilledFields.has('database')).toBe(true);
-		});
-
-		it('should set ssl to true when sslmode=require is in connection string', () => {
-			component.connectionString = 'postgresql://user:pass@host:5432/db?sslmode=require';
-			component.onConnectionStringChange(null);
-
-			expect(component.db.ssl).toBe(true);
-		});
-
-		it('should set schema when schema option is present', () => {
-			component.connectionString = 'postgresql://user:pass@host:5432/db?schema=my_schema';
-			component.onConnectionStringChange(null);
-
-			expect(component.db.schema).toBe('my_schema');
-			expect(component.autoFilledFields.has('schema')).toBe(true);
-		});
-
-		it('should reset fieldsOverridden to false after parsing', () => {
-			component.fieldsOverridden = true;
-			component.connectionString = 'postgresql://user:pass@host:5432/db';
-			component.onConnectionStringChange(null);
-
-			expect(component.fieldsOverridden).toBe(false);
-		});
-
-		it('should not modify db fields when connection string is empty', () => {
-			const originalType = component.db.type;
-			const originalHost = component.db.host;
-
-			component.connectionString = '   ';
-			component.onConnectionStringChange(null);
-
-			expect(component.db.type).toBe(originalType);
-			expect(component.db.host).toBe(originalHost);
-		});
-
-		it('should not modify db fields when connection string is invalid', () => {
-			const originalType = component.db.type;
-			const originalHost = component.db.host;
-
-			component.connectionString = 'not-a-valid-connection-string';
-			component.onConnectionStringChange(null);
-
-			expect(component.db.type).toBe(originalType);
-			expect(component.db.host).toBe(originalHost);
-		});
-
-		it('should use default port when port is not specified in connection string', () => {
-			component.connectionString = 'postgresql://user:pass@host/db';
-			component.onConnectionStringChange(null);
-
-			expect(component.db.port).toBe('5432');
-		});
-
-		it('should handle URL-encoded username and password', () => {
-			component.connectionString = 'postgresql://my%40user:p%40ss%23word@host:5432/db';
-			component.onConnectionStringChange(null);
-
-			expect(component.db.username).toBe('my@user');
-			expect(component.db.password).toBe('p@ss#word');
-		});
-
-		it('should clear the connection string after successful parsing', () => {
-			vi.useFakeTimers();
-			component.connectionString = 'postgresql://user:pass@host:5432/db';
-			component.onConnectionStringChange(null);
-
-			vi.advanceTimersByTime(300);
-			expect(component.connectionString).toBe('');
-			vi.useRealTimers();
-		});
-
-		it('should store parsed connection string in parsedConnectionString', () => {
-			const connStr = 'postgresql://user:pass@host:5432/db';
-			component.connectionString = connStr;
-			component.onConnectionStringChange(null);
-
-			expect(component.parsedConnectionString).toBe(connStr);
-		});
-	});
-
-	describe('clearAutoFilledField', () => {
-		it('should remove the field from autoFilledFields', () => {
-			component.autoFilledFields = new Set(['host', 'port', 'username']);
-			component.clearAutoFilledField('host');
-
-			expect(component.autoFilledFields.has('host')).toBe(false);
-			expect(component.autoFilledFields.has('port')).toBe(true);
-			expect(component.autoFilledFields.has('username')).toBe(true);
-		});
-
-		it('should set fieldsOverridden to true', () => {
-			component.autoFilledFields = new Set(['host']);
-			component.fieldsOverridden = false;
-
-			component.clearAutoFilledField('host');
-
-			expect(component.fieldsOverridden).toBe(true);
-		});
-	});
-});
diff --git a/frontend/src/app/components/connect-db/connect-db.component.ts b/frontend/src/app/components/connect-db/connect-db.component.ts
deleted file mode 100644
index 4b3edf3e3..000000000
--- a/frontend/src/app/components/connect-db/connect-db.component.ts
+++ /dev/null
@@ -1,519 +0,0 @@
-import { CdkCopyToClipboard } from '@angular/cdk/clipboard';
-import { CommonModule } from '@angular/common';
-import { Component, NgZone, OnInit, Type } from '@angular/core';
-import { FormsModule, NgForm } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatDialog, MatDialogModule } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Title } from '@angular/platform-browser';
-import { Router, RouterModule } from '@angular/router';
-import { Angulartics2, Angulartics2Module } from 'angulartics2';
-import * as ipaddr from 'ipaddr.js';
-import { DynamicAttributesDirective, DynamicModule } from 'ng-dynamic-component';
-import posthog from 'posthog-js';
-import { take } from 'rxjs';
-import { supportedDatabasesTitles, supportedOrderedDatabases } from 'src/app/consts/databases';
-import googlIPsList from 'src/app/consts/google-IP-addresses';
-import { Alert, AlertActionType, AlertType } from 'src/app/models/alert';
-import { Connection, ConnectionType, DBtype, TestConnection } from 'src/app/models/connection';
-import { AccessLevel } from 'src/app/models/user';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { NotificationsService } from 'src/app/services/notifications.service';
-import { UserService } from 'src/app/services/user.service';
-import { environment } from 'src/environments/environment';
-import isIP from 'validator/lib/isIP';
-import { ConnectionStringValidatorDirective } from '../../directives/connection-string-validator.directive';
-import { parseConnectionString } from '../../validators/connection-string.validator';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-import { IpAddressButtonComponent } from '../ui-components/ip-address-button/ip-address-button.component';
-import { DbConnectionConfirmDialogComponent } from './db-connection-confirm-dialog/db-connection-confirm-dialog.component';
-import { DbConnectionDeleteDialogComponent } from './db-connection-delete-dialog/db-connection-delete-dialog.component';
-import { DbConnectionIpAccessDialogComponent } from './db-connection-ip-access-dialog/db-connection-ip-access-dialog.component';
-import { BaseCredentialsFormComponent } from './db-credentials-forms/base-credentials-form/base-credentials-form.component';
-import { CassandraCredentialsFormComponent } from './db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component';
-import { ClickhouseCredentialsFormComponent } from './db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component';
-import { DynamodbCredentialsFormComponent } from './db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component';
-import { ElasticCredentialsFormComponent } from './db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component';
-import { MongodbCredentialsFormComponent } from './db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component';
-import { MssqlCredentialsFormComponent } from './db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component';
-import { MysqlCredentialsFormComponent } from './db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component';
-import { OracledbCredentialsFormComponent } from './db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component';
-import { PostgresCredentialsFormComponent } from './db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component';
-import { RedisCredentialsFormComponent } from './db-credentials-forms/redis-credentials-form/redis-credentials-form.component';
-
-@Component({
-	selector: 'app-connect-db',
-	templateUrl: './connect-db.component.html',
-	styleUrls: ['./connect-db.component.css'],
-	imports: [
-		MatInputModule,
-		MatSelectModule,
-		MatButtonToggleModule,
-		MatIconModule,
-		MatButtonModule,
-		MatTooltipModule,
-		CdkCopyToClipboard,
-		RouterModule,
-		FormsModule,
-		CommonModule,
-		MatDialogModule,
-		MatCheckboxModule,
-		MatSlideToggleModule,
-		IpAddressButtonComponent,
-		AlertComponent,
-		Angulartics2Module,
-		ConnectionStringValidatorDirective,
-		DynamicModule,
-		DynamicAttributesDirective,
-	],
-})
-export class ConnectDBComponent implements OnInit {
-	protected posthog = posthog;
-
-	public isSaas = (environment as any).saas;
-	public connectionID: string | null = null;
-	public masterKey: string;
-	public connectionToken: string | null = null;
-	public submitting: boolean = false;
-	public otherOS = [];
-	public warning: Alert = {
-		id: 10000000,
-		type: AlertType.Warning,
-		message: null,
-	};
-
-	public connectionString: string = '';
-	public parsedConnectionString: string = '';
-	public autoFilledFields: Set<string> = new Set();
-	public fieldsOverridden: boolean = false;
-
-	public credentialsFormMap: Record<string, Type<BaseCredentialsFormComponent>> = {
-		[DBtype.MySQL]: MysqlCredentialsFormComponent,
-		[DBtype.Postgres]: PostgresCredentialsFormComponent,
-		[DBtype.Mongo]: MongodbCredentialsFormComponent,
-		[DBtype.Dynamo]: DynamodbCredentialsFormComponent,
-		[DBtype.Cassandra]: CassandraCredentialsFormComponent,
-		[DBtype.Oracle]: OracledbCredentialsFormComponent,
-		[DBtype.MSSQL]: MssqlCredentialsFormComponent,
-		[DBtype.Redis]: RedisCredentialsFormComponent,
-		[DBtype.Elasticsearch]: ElasticCredentialsFormComponent,
-		[DBtype.ClickHouse]: ClickhouseCredentialsFormComponent,
-	};
-
-	public supportedOrderedDatabases = supportedOrderedDatabases;
-	public supportedDatabasesTitles = supportedDatabasesTitles;
-	public ports = {
-		[DBtype.MySQL]: '3306',
-		[DBtype.Postgres]: '5432',
-		[DBtype.Oracle]: '1521',
-		[DBtype.MSSQL]: '1433',
-		[DBtype.Mongo]: '27017',
-		[DBtype.Dynamo]: '',
-		[DBtype.Cassandra]: '9042',
-		[DBtype.Redis]: '6379',
-		[DBtype.Elasticsearch]: '9200',
-		[DBtype.ClickHouse]: '8443',
-	};
-
-	public credentialsFormComponent: Type<BaseCredentialsFormComponent> | null = null;
-	public credentialsFormInputs: Record<string, any> = {};
-	public credentialsFormOutputs: Record<string, any> = {
-		switchToAgent: () => this.switchToAgent(),
-		masterKeyChange: (key: string) => this.handleMasterKeyChange(key),
-		fieldChange: (field: string) => this.clearAutoFilledField(field),
-	};
-	public credentialsFormAttributes: Record<string, string> = { class: 'credentials-fieldset' };
-
-	constructor(
-		private _connections: ConnectionsService,
-		private _notifications: NotificationsService,
-		public _user: UserService,
-		private ngZone: NgZone,
-		public router: Router,
-		public dialog: MatDialog,
-		private angulartics2: Angulartics2,
-		private title: Title,
-	) {}
-
-	ngOnInit() {
-		this.connectionID = this._connections.currentConnectionID;
-
-		const databaseType = this.router.routerState.snapshot.root.queryParams.type;
-
-		if (databaseType) {
-			this.db.type = databaseType;
-			this.db.port = this.ports[databaseType];
-		}
-
-		this.credentialsFormComponent = this.credentialsFormMap[this.db.type] || null;
-
-		this._connections
-			.getCurrentConnectionTitle()
-			.pipe(take(1))
-			.subscribe((connectionTitle) => {
-				if (this.connectionID) {
-					this.title.setTitle(`Credentials — ${connectionTitle} | Rocketadmin`);
-				} else {
-					this.title.setTitle(`Add new database | Rocketadmin`);
-				}
-			});
-
-		if (!this.connectionID) {
-			this._user.sendUserAction('CONNECTION_CREATION_NOT_FINISHED').subscribe();
-			if (this.isSaas) {
-				// @ts-expect-error
-				fbq('trackCustom', 'Add_connection');
-			}
-		}
-	}
-
-	get db(): Connection {
-		return this._connections.currentConnection;
-	}
-
-	protected canEditConnection = () => this._connections.canEditConnection();
-
-	get accessLevel(): AccessLevel {
-		return this._connections.currentConnectionAccessLevel;
-	}
-
-	dbTypeChange() {
-		this.db.port = this.ports[this.db.type];
-		this.credentialsFormComponent = this.credentialsFormMap[this.db.type] || null;
-	}
-
-	testConnection() {
-		this.submitting = true;
-		this._connections.testConnection(this.connectionID, this.db).subscribe(
-			(credsCorrect: TestConnection) => {
-				this.angulartics2.eventTrack.next({
-					action: `Connect DB: manual test connection before ${this.db.id ? 'edit' : 'add'} is ${credsCorrect.result ? 'passed' : 'failed'}`,
-					properties: { errorMessage: credsCorrect.message },
-				});
-				posthog.capture(
-					`Connect DB: manual test connection before ${this.db.id ? 'edit' : 'add'} is ${credsCorrect.result ? 'passed' : 'failed'}`,
-					{ errorMessage: credsCorrect.message },
-				);
-				if (credsCorrect.result) {
-					this._notifications.dismissAlert();
-					this._notifications.showSuccessSnackbar('Connection is live');
-				} else {
-					this._notifications.showAlert(AlertType.Error, credsCorrect.message, [
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					]);
-				}
-			},
-			() => {
-				this.submitting = false;
-			},
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-
-	createConnectionRequest() {
-		this._connections.createConnection(this.db, this.masterKey).subscribe(
-			(res: any) => {
-				this.ngZone.run(() => {
-					const createdConnectionID = res.id!;
-					if (this.db.connectionType === 'agent') {
-						this.connectionToken = res.token;
-						this.connectionID = res.id;
-					} else {
-						this.router.navigate([`/auto-configure/${createdConnectionID}`]);
-					}
-					this.angulartics2.eventTrack.next({
-						action: 'Connect DB: connection is added successfully',
-						properties: { connectionType: this.db.connectionType, dbType: this.db.type },
-					});
-					posthog.capture('Connect DB: connection is added successfully', {
-						connectionType: this.db.connectionType,
-						dbType: this.db.type,
-					});
-				});
-			},
-			(errorMessage) => {
-				this.angulartics2.eventTrack.next({
-					action: 'Connect DB: connection is added unsuccessfully',
-					properties: { connectionType: this.db.connectionType, dbType: this.db.type, errorMessage },
-				});
-				posthog.capture('Connect DB: connection is added unsuccessfully', {
-					connectionType: this.db.connectionType,
-					dbType: this.db.type,
-					errorMessage,
-				});
-				this.submitting = false;
-			},
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-
-	updateConnectionRequest() {
-		this._connections.updateConnection(this.db, this.masterKey).subscribe(
-			(res: any) => {
-				this.ngZone.run(() => {
-					const connectionID = res.connection.id!;
-					if (this.db.connectionType === 'agent') {
-						this.connectionToken = res.connection.token;
-						this.angulartics2.eventTrack.next({
-							action: 'Connect DB: connection is edited successfully',
-							properties: { connectionType: 'agent' },
-						});
-						posthog.capture('Connect DB: connection is edited successfully', { connectionType: 'agent' });
-					} else {
-						this.angulartics2.eventTrack.next({
-							action: 'Connect DB: connection is edited successfully',
-							properties: { connectionType: 'direct' },
-						});
-						posthog.capture('Connect DB: connection is edited successfully', { connectionType: 'direct' });
-						this.router.navigate([`/dashboard/${connectionID}`]);
-					}
-				});
-			},
-			(errorMessage) => {
-				this.angulartics2.eventTrack.next({
-					action: 'Connect DB: connection is edited unsuccessfully',
-					properties: { errorMessage },
-				});
-				posthog.capture('Connect DB: connection is edited unsuccessfully', { errorMessage });
-				this.submitting = false;
-			},
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-
-	handleConnectionError(errorMessage: string) {
-		this.dialog.open(DbConnectionConfirmDialogComponent, {
-			width: '32em',
-			data: {
-				dbCreds: this.db,
-				provider: this.getProvider(),
-				masterKey: this.masterKey,
-				errorMessage,
-			},
-		});
-		this.submitting = false;
-	}
-
-	handleCredentialsSubmitting(connectForm: NgForm) {
-		this.db.masterEncryption = !!this.masterKey;
-		if (this.db.id) {
-			this.editConnection();
-		} else {
-			this.createConnection(connectForm);
-		}
-	}
-
-	async editConnection() {
-		this.submitting = true;
-		let credsCorrect: TestConnection;
-
-		(credsCorrect as any) = await this._connections.testConnection(this.connectionID, this.db).toPromise();
-
-		this.angulartics2.eventTrack.next({
-			action: `Connect DB: automatic test connection on edit is ${credsCorrect?.result ? 'passed' : 'failed'}`,
-			properties: { errorMessage: credsCorrect?.message },
-		});
-		posthog.capture(`Connect DB: automatic test connection on edit is ${credsCorrect?.result ? 'passed' : 'failed'}`, {
-			errorMessage: credsCorrect?.message,
-		});
-
-		if (this.db.connectionType === 'agent' || credsCorrect.result) {
-			this.updateConnectionRequest();
-		} else {
-			this.handleConnectionError(credsCorrect.message);
-		}
-	}
-
-	createConnection(_connectForm: NgForm) {
-		if (this.db.connectionType === 'direct') {
-			if (this.db.type !== DBtype.Dynamo) {
-				const ipAddressDilaog = this.dialog.open(DbConnectionIpAccessDialogComponent, {
-					width: '36em',
-					data: {
-						db: this.db,
-						provider: this.getProvider(),
-					},
-				});
-
-				ipAddressDilaog.afterClosed().subscribe(async (action) => {
-					if (action === 'confirmed') {
-						this.submitting = true;
-						let credsCorrect: TestConnection = null;
-
-						try {
-							(credsCorrect as any) = await this._connections.testConnection(this.connectionID, this.db).toPromise();
-
-							this.angulartics2.eventTrack.next({
-								action: `Connect DB: automatic test connection on add is ${credsCorrect.result ? 'passed' : 'failed'}`,
-								properties: {
-									connectionType: this.db.connectionType,
-									dbType: this.db.type,
-									errorMessage: credsCorrect.message,
-								},
-							});
-							posthog.capture(
-								`Connect DB: automatic test connection on add is ${credsCorrect.result ? 'passed' : 'failed'}`,
-								{ connectionType: this.db.connectionType, dbType: this.db.type, errorMessage: credsCorrect.message },
-							);
-
-							if (credsCorrect?.result) {
-								this.createConnectionRequest();
-							} else {
-								this.handleConnectionError(credsCorrect.message);
-							}
-						} catch (_e) {
-							credsCorrect = null;
-							this.submitting = false;
-						}
-					}
-				});
-			} else {
-				this.submitting = true;
-				let credsCorrect: TestConnection = null;
-
-				this._connections
-					.testConnection(this.connectionID, this.db)
-					.toPromise()
-					.then((res: TestConnection) => {
-						credsCorrect = res;
-						this.angulartics2.eventTrack.next({
-							action: `Connect DB: automatic test connection on add is ${credsCorrect.result ? 'passed' : 'failed'}`,
-							properties: {
-								connectionType: this.db.connectionType,
-								dbType: this.db.type,
-								errorMessage: credsCorrect.message,
-							},
-						});
-						posthog.capture(
-							`Connect DB: automatic test connection on add is ${credsCorrect.result ? 'passed' : 'failed'}`,
-							{
-								connectionType: this.db.connectionType,
-								dbType: this.db.type,
-								errorMessage: credsCorrect.message,
-							},
-						);
-						if (credsCorrect?.result) {
-							this.createConnectionRequest();
-						} else {
-							this.handleConnectionError(credsCorrect.message);
-						}
-					})
-					.catch((_e) => {
-						credsCorrect = null;
-						this.submitting = false;
-					});
-			}
-		} else {
-			this.createConnectionRequest();
-		}
-	}
-
-	confirmDeleteConnection(connectionCreds: any, event: Event): void {
-		event.preventDefault();
-		event.stopImmediatePropagation();
-		this.dialog.open(DbConnectionDeleteDialogComponent, {
-			width: '32em',
-			data: connectionCreds,
-		});
-	}
-
-	generatePassword(checked: boolean) {
-		if (checked) {
-			let randomArray = new Uint8Array(32);
-			window.crypto.getRandomValues(randomArray);
-			this.masterKey = btoa(String.fromCharCode(...randomArray));
-		}
-	}
-
-	showCopyNotification(message: string) {
-		this._notifications.showSuccessSnackbar(message);
-	}
-
-	switchToAgent() {
-		console.log('switchToAgent');
-		this.db.connectionType = ConnectionType.Agent;
-	}
-
-	handleMasterKeyChange(newMasterKey: string): void {
-		this.masterKey = newMasterKey;
-	}
-
-	onConnectionStringChange(_input: any) {
-		if (!this.connectionString.trim()) {
-			return;
-		}
-
-		try {
-			const parsed = parseConnectionString(this.connectionString);
-
-			this.parsedConnectionString = this.connectionString;
-			this.autoFilledFields = new Set(['host', 'port', 'username', 'password', 'database']);
-			this.fieldsOverridden = false;
-			this.db.type = parsed.dbType;
-			this.db.host = parsed.host;
-			this.db.port = parsed.port;
-			this.db.username = parsed.username;
-			this.db.password = parsed.password;
-			this.db.database = parsed.database;
-
-			if (parsed.authSource) {
-				this.db.authSource = parsed.authSource;
-				this.autoFilledFields.add('authSource');
-			}
-			if (parsed.schema) {
-				this.db.schema = parsed.schema;
-				this.autoFilledFields.add('schema');
-			}
-			if (parsed.ssl) {
-				this.db.ssl = true;
-			}
-
-			setTimeout(() => (this.connectionString = ''), 300);
-		} catch (_e) {
-			// Validation directive handles error display
-		}
-	}
-
-	clearAutoFilledField(field: string): void {
-		this.autoFilledFields = new Set(this.autoFilledFields);
-		this.autoFilledFields.delete(field);
-		this.fieldsOverridden = true;
-	}
-
-	getProvider() {
-		let provider: string = null;
-		if (this.db.host.endsWith('.amazonaws.com')) provider = 'amazon';
-		if (this.db.host.endsWith('.amazonaws.com') && this.db.type === DBtype.Dynamo) provider = 'amazonDynamoDB';
-		if (this.db.host.endsWith('.azure.com')) provider = 'azure';
-		if (this.db.host.endsWith('.mongodb.net')) provider = 'mongoatlas';
-		if (this.db.host.endsWith('.ondigitalocean.com')) provider = 'digitalocean';
-		if (this.db.host.endsWith('.scylla.cloud')) provider = 'scylladbcloud';
-		if (this.db.host.endsWith('.supabase.com')) provider = 'supabase';
-		if (isIP(this.db.host)) {
-			const hostIP = ipaddr.parse(this.db.host);
-			for (const addr of googlIPsList) {
-				if (hostIP.match(ipaddr.parseCIDR(addr))) {
-					provider = 'google';
-					return;
-				}
-			}
-		}
-		return provider;
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.css b/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.css
deleted file mode 100644
index 874b699a4..000000000
--- a/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.css
+++ /dev/null
@@ -1,53 +0,0 @@
-.connection-error-message {
-	display: block;
-	color: var(--mat-sidenav-content-text-color);
-	margin-bottom: 20px;
-}
-
-.docs-notification {
-	display: block;
-	background-color: var(--bg-color);
-	color: var(--mat-sidenav-content-text-color);
-	margin-bottom: 20px;
-	padding: 8px 12px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.docs-notification {
-		--bg-color: #292929;
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.docs-notification {
-		--bg-color: #f4f4f4;
-	}
-}
-
-.docs-link {
-	color: #ef6c00;
-	font-weight: 500;
-	text-decoration: none;
-}
-
-.connection-error__actions {
-	display: flex;
-	justify-content: space-between;
-}
-
-.main-actions {
-	display: flex;
-	gap: 12px;
-}
-
-.link {
-	display: inline-block;
-	color: var(--color-primaryPalette-500);
-	margin-top: 15px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.link {
-		color: var(--color-whitePalette-500);
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.html b/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.html
deleted file mode 100644
index 15542551e..000000000
--- a/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.html
+++ /dev/null
@@ -1,37 +0,0 @@
-<h1 mat-dialog-title>Connection error</h1>
-<mat-dialog-content class="mat-body">
-    <p>Connection does not exist or credentials are incorrect.</p>
-    <strong class="connection-error-message">Error: {{data.errorMessage}}</strong>
-
-    <div *ngIf="data.provider" class="docs-notification">
-        Need help with {{providerNames[data.provider]}} integration?
-        <a [href]="providerDocsLink[data.provider]"
-            target="_blank" class="docs-link">
-            Open docs
-        </a>
-    </div>
-</mat-dialog-content>
-<mat-dialog-actions class="connection-error__actions" align="end">
-    <button *ngIf="data.dbCreds && data.dbCreds.id; else addButton"
-        mat-button mat-dialog-close
-        (click)="editConnection()">
-    Save anyway
-    </button>
-    <ng-template #addButton>
-        <button mat-button mat-dialog-close color="primary"
-            (click)="createConnection()">
-            Add anyway
-        </button>
-    </ng-template>
-
-    <div class="main-actions">
-        <button mat-button mat-dialog-close="change" color="accent" >
-            Keep editing
-        </button>
-        <button *ngIf="isSaas" mat-flat-button color="accent" (click)="openIntercome()" cdkFocusInitial>Chat with support</button>
-        <a *ngIf="!isSaas" mat-flat-button color="accent"
-            href="https://github.com/rocket-admin/rocketadmin/issues" target="_blank" cdkFocusInitial>
-            Report a bug
-        </a>
-    </div>
-</mat-dialog-actions>
\ No newline at end of file
diff --git a/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.spec.ts b/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.spec.ts
deleted file mode 100644
index f2137a013..000000000
--- a/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.spec.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { provideRouter, Router } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { DbConnectionConfirmDialogComponent } from './db-connection-confirm-dialog.component';
-
-describe('DbConnectionConfirmDialogComponent', () => {
-	let component: DbConnectionConfirmDialogComponent;
-	let fixture: ComponentFixture<DbConnectionConfirmDialogComponent>;
-
-	let routerSpy;
-	let fakeConnectionsService = {
-		updateConnection: vi.fn(),
-		createConnection: vi.fn(),
-	};
-
-	beforeEach(async (): Promise<void> => {
-		routerSpy = { navigate: vi.fn() };
-
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, MatDialogModule, Angulartics2Module.forRoot(), DbConnectionConfirmDialogComponent],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						dbCreds: {
-							id: '12345678',
-						},
-					},
-				},
-				{ provide: MatDialogRef, useValue: {} },
-				{ provide: Router, useValue: routerSpy },
-				{
-					provide: ConnectionsService,
-					useValue: fakeConnectionsService,
-				},
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DbConnectionConfirmDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should redirect on dashboard after connection edited', () => {
-		fakeConnectionsService.updateConnection.mockReturnValue(of(true));
-		component.editConnection();
-
-		expect(routerSpy.navigate).toHaveBeenCalledWith(['/dashboard/12345678']);
-	});
-
-	it('should stop submitting if editing connection completed', () => {
-		fakeConnectionsService.updateConnection.mockReturnValue(of(false));
-		component.editConnection();
-
-		expect(component.submitting).toBe(false);
-	});
-
-	it('should redirect on dashboard after connection added', () => {
-		fakeConnectionsService.createConnection.mockReturnValue(
-			of({
-				id: '12345678',
-			}),
-		);
-		component.createConnection();
-
-		expect(routerSpy.navigate).toHaveBeenCalledWith(['/dashboard/12345678']);
-	});
-
-	it('should stop submitting if adding connection completed', () => {
-		fakeConnectionsService.createConnection.mockReturnValue(of(false));
-		component.createConnection();
-
-		expect(component.submitting).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.ts b/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.ts
deleted file mode 100644
index 34037d55b..000000000
--- a/frontend/src/app/components/connect-db/db-connection-confirm-dialog/db-connection-confirm-dialog.component.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { NgIf } from '@angular/common';
-import { Component, Inject, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { Router } from '@angular/router';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { environment } from 'src/environments/environment';
-import { DbConnectionDeleteDialogComponent } from '../db-connection-delete-dialog/db-connection-delete-dialog.component';
-
-@Component({
-	selector: 'app-db-connection-confirm-dialog',
-	templateUrl: './db-connection-confirm-dialog.component.html',
-	styleUrls: ['./db-connection-confirm-dialog.component.css'],
-	imports: [NgIf, MatDialogModule, MatButtonModule],
-})
-export class DbConnectionConfirmDialogComponent implements OnInit {
-	public isSaas = (environment as any).saas;
-	public submitting: boolean = false;
-	public providerNames = {
-		amazon: 'Amazon Web Services',
-		azure: 'Microsoft Azure',
-		google: 'Google Cloud Platform',
-		mongoatlas: 'MongoDB Atlas',
-		digitalocean: 'DigitalOcean',
-		scylladbcloud: 'ScyllaDB Cloud',
-		amazonDynamoDB: 'Amazon DynamoDB',
-		supabase: 'Supabase',
-	};
-	public providerDocsLink = {
-		amazon: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_aws_mysql',
-		azure: 'https://learn.microsoft.com/en-us/azure/mysql/flexible-server/how-to-manage-firewall-portal',
-		google: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_google_cloud',
-		mongoatlas: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_mongo_atlas',
-		digitalocean:
-			'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_digitalocean_postgresql',
-		scylladbcloud: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_scylladb',
-		amazonDynamoDB: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_aws_dynamodb',
-		supabase: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_supabase',
-	};
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: any,
-		private _connections: ConnectionsService,
-		public dialogRef: MatDialogRef<DbConnectionDeleteDialogComponent>,
-		public router: Router,
-	) {}
-
-	ngOnInit(): void {}
-
-	editConnection() {
-		this._connections.updateConnection(this.data.dbCreds, this.data.masterKey).subscribe(
-			() => {
-				this.router.navigate([`/dashboard/${this.data.dbCreds.id}`]);
-			},
-			undefined,
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-
-	createConnection() {
-		this._connections.createConnection(this.data.dbCreds, this.data.masterKey).subscribe(
-			(res: any) => {
-				const connectionID = res.id!;
-				this.router.navigate([`/dashboard/${connectionID}`]);
-			},
-			undefined,
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-
-	openIntercome() {
-		// @ts-expect-error
-		Intercom('show');
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.css b/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.css
deleted file mode 100644
index 716f248ce..000000000
--- a/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.mat-mdc-dialog-content {
-	margin-bottom: -20px;
-}
-
-.radio-group {
-	display: flex;
-	flex-direction: column;
-}
-
-.radio-button {
-	margin: 8px 0;
-}
-
-.message {
-	width: 100%;
-}
-
-.message textarea {
-	resize: none;
-}
diff --git a/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.html b/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.html
deleted file mode 100644
index 27066c32a..000000000
--- a/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<h1 mat-dialog-title>Delete <strong>{{ connectionName }}</strong> connection</h1>
-<form #deleteConnectionForm="ngForm" class="form" (ngSubmit)="deleteConnection()">
-<mat-dialog-content>
-    <p class="mat-body">
-      Before you delete the connection, please let us know why.
-      Every bit of feedback helps!
-    </p>
-    <br>
-    <mat-radio-group required
-        name="reasons"
-        class="radio-group"
-        [(ngModel)]="reason">
-        <mat-radio-button value='missing-features' class="radio-button">
-            Missing features I need
-        </mat-radio-button>
-        <mat-radio-button value='technical-issues' class="radio-button">
-            Technical issues
-        </mat-radio-button>
-        <mat-radio-button value='another-product' class="radio-button">
-            Another product
-        </mat-radio-button>
-        <mat-radio-button value='other' class="radio-button">
-            Other
-        </mat-radio-button>
-    </mat-radio-group>
-    <mat-form-field appearance="outline" class="message">
-        <mat-label>Anything you want to share? (optional)</mat-label>
-        <textarea matInput resizeToFitContent rows="8" name="message"
-            [(ngModel)]="message"
-        ></textarea>
-    </mat-form-field>
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-  <button type="button" mat-flat-button mat-dialog-close mat-dialog-close="cancel">Abort</button>
-  <button type="submit" mat-flat-button color="warn"
-    [disabled]="submitting">
-    Proceed
-  </button>
-</mat-dialog-actions>
-</form>
\ No newline at end of file
diff --git a/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.spec.ts b/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.spec.ts
deleted file mode 100644
index 6cedc6ad7..000000000
--- a/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.spec.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { provideRouter, Router } from '@angular/router';
-import { Angulartics2, Angulartics2Module } from 'angulartics2';
-import { of, Subject } from 'rxjs';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { DbConnectionDeleteDialogComponent } from './db-connection-delete-dialog.component';
-
-describe('DbConnectionDeleteDialogComponent', () => {
-	let component: DbConnectionDeleteDialogComponent;
-	let fixture: ComponentFixture<DbConnectionDeleteDialogComponent>;
-	let routerSpy;
-	let fakeConnectionsService = { deleteConnection: vi.fn() };
-
-	const mockDialogRef = {
-		close: () => {},
-	};
-
-	beforeEach(async (): Promise<void> => {
-		routerSpy = { navigate: vi.fn(), events: new Subject() };
-
-		await TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				MatDialogModule,
-				FormsModule,
-				MatRadioModule,
-				Angulartics2Module.forRoot(),
-				DbConnectionDeleteDialogComponent,
-			],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{ provide: MAT_DIALOG_DATA, useValue: {} },
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-				{ provide: Router, useValue: routerSpy },
-				{
-					provide: ConnectionsService,
-					useValue: fakeConnectionsService,
-				},
-				Angulartics2,
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DbConnectionDeleteDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should close confirmation dilog and redirect to connection list if deleting is successfull', () => {
-		fakeConnectionsService.deleteConnection.mockReturnValue(of(true));
-		vi.spyOn(component.dialogRef, 'close');
-
-		component.deleteConnection();
-
-		expect(component.submitting).toBe(false);
-		expect(component.dialogRef.close).toHaveBeenCalled();
-		expect(routerSpy.navigate).toHaveBeenCalledWith(['/connections-list']);
-	});
-
-	it('should stop submitting if deleting is completed', () => {
-		fakeConnectionsService.deleteConnection.mockReturnValue(of(false));
-
-		component.deleteConnection();
-
-		expect(component.submitting).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.stories.ts b/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.stories.ts
deleted file mode 100644
index 5f2670692..000000000
--- a/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.stories.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { Router } from '@angular/router';
-import { applicationConfig, type Meta, type StoryObj } from '@storybook/angular';
-import { Angulartics2 } from 'angulartics2';
-import { of } from 'rxjs';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { DbConnectionDeleteDialogComponent } from './db-connection-delete-dialog.component';
-
-const mockConnectionsService: Partial<ConnectionsService> = {
-	deleteConnection: () => of(null as any),
-};
-
-const mockRouter: Partial<Router> = {
-	navigate: () => Promise.resolve(true),
-};
-
-const mockAngulartics: Partial<Angulartics2> = {
-	eventTrack: { next: () => {} } as any,
-};
-
-const meta: Meta<DbConnectionDeleteDialogComponent> = {
-	title: 'Dialogs/DbConnectionDelete',
-	component: DbConnectionDeleteDialogComponent,
-	decorators: [
-		applicationConfig({
-			providers: [
-				{ provide: MatDialogRef, useValue: { close: () => {} } },
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						id: 'conn-1',
-						title: 'My PostgreSQL Database',
-						database: 'test_db',
-					},
-				},
-				{ provide: ConnectionsService, useValue: mockConnectionsService },
-				{ provide: Router, useValue: mockRouter },
-				{ provide: Angulartics2, useValue: mockAngulartics },
-			],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<DbConnectionDeleteDialogComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.ts b/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.ts
deleted file mode 100644
index 077a39e6a..000000000
--- a/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { Component, Inject, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatRadioModule } from '@angular/material/radio';
-import { Router } from '@angular/router';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { ConnectionsService } from 'src/app/services/connections.service';
-
-@Component({
-	selector: 'app-db-connection-delete-dialog',
-	templateUrl: './db-connection-delete-dialog.component.html',
-	styleUrls: ['./db-connection-delete-dialog.component.css'],
-	imports: [MatDialogModule, FormsModule, MatButtonModule, MatFormFieldModule, MatInputModule, MatRadioModule],
-})
-export class DbConnectionDeleteDialogComponent implements OnInit {
-	public connectionName: string;
-	public reason: string;
-	public message: string;
-	public submitting: boolean = false;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: any,
-		private _connectionsService: ConnectionsService,
-		public dialogRef: MatDialogRef<DbConnectionDeleteDialogComponent>,
-		public router: Router,
-		private angulartics2: Angulartics2,
-	) {}
-
-	ngOnInit() {
-		this.connectionName = this.data.title || this.data.database;
-	}
-
-	deleteConnection() {
-		this.submitting = true;
-		const metadata = {
-			reason: this.reason,
-			message: this.message,
-		};
-		this._connectionsService.deleteConnection(this.data.id, metadata).subscribe(
-			() => {
-				this.angulartics2.eventTrack.next({
-					action: 'Connect DB: connection is deleted',
-					properties: {
-						id: this.data.id,
-						title: this.data.title || null,
-						reason: this.reason,
-						message: this.message,
-					},
-				});
-				posthog.capture('Connect DB: connection is deleted', {
-					id: this.data.id,
-					title: this.data.title || null,
-					reason: this.reason,
-					message: this.message,
-				});
-				this.submitting = false;
-				this.router.navigate([`/connections-list`]);
-				this.dialogRef.close();
-			},
-			undefined,
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.css b/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.css
deleted file mode 100644
index 19a18582d..000000000
--- a/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.codeSnippet {
-	display: flex;
-	align-items: center;
-	/* justify-content: space-between; */
-	margin: 8px 0;
-}
-
-.code {
-	background: rgba(0, 0, 0, 0.04);
-	padding: 8px 12px;
-	border-radius: 4px;
-	margin-right: 20px;
-}
-
-.code pre {
-	white-space: break-spaces;
-}
-
-.rules {
-	padding: 16px;
-}
diff --git a/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.html b/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.html
deleted file mode 100644
index b8c0dded4..000000000
--- a/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.html
+++ /dev/null
@@ -1,145 +0,0 @@
-<h1 mat-dialog-title>Give access to our IP address</h1>
-<mat-dialog-content>
-    <p class="mat-body">
-        Please make sure our servers are able to access your database. Rocketadmin uses the IP address <app-ip-address-button ip="18.221.81.73"></app-ip-address-button> for all outbound requests.
-    </p>
-    <br>
-    <div *ngIf="data.provider === 'amazon'" class="mat-body">
-        <strong>Set up AWS's VPC security groups</strong>
-        <ol class="rules">
-            <li>Open the Amazon RDS <strong>console</strong>.</li>
-            <li>
-                In the navigation pane, choose <strong>Databases</strong> and open your database overview.
-                On the tab <strong>Connectivity & security</strong> find the section <strong>Security&nbsp;/&nbsp;VPC security groups</strong>.
-            </li>
-            <li>Open your VPC security group overview and then click <strong>Edit inbound rules</strong>.</li>
-            <li>
-                Click <strong>Add Rule</strong>, and enter the following information: <br/>
-                <strong>Type</strong> — your db type; <br/>
-                <strong>Source</strong> — select <strong>Custom</strong> and enter
-                <app-ip-address-button ip="18.221.81.73/32"></app-ip-address-button>.
-            </li>
-            <li>Click <strong>Save</strong>.</li>
-        </ol>
-    </div>
-    <div *ngIf="data.provider === 'azure'" class="mat-body">
-        <strong>Set up Azure's firewall rules</strong>
-        <ol class="rules">
-            <li>Open your database overview and select <strong>Networking</strong> from the navigation pane.</li>
-            <li>In the <strong>Connectivity method</strong> you have to have <strong>Public access (allowed IP addresses)</strong>.</li>
-            <li>
-                Add a rule to the Firewall rules table. Enter any Firewall rule name,
-                Start IP address: <app-ip-address-button ip="18.221.81.73"></app-ip-address-button>,
-                End IP address: <app-ip-address-button ip="18.221.81.73"></app-ip-address-button>.
-            </li>
-            <li>Click <strong>Save</strong>.</li>
-        </ol>
-    </div>
-    <div *ngIf="data.provider === 'google'" class="mat-body">
-        <strong>Set up Google Cloud's authorized networks</strong>
-        <ol class="rules">
-            <li>Open your instance overview and select <strong>Connections</strong> from the navigation pane.</li>
-            <li>
-                Tick the <strong>Public IP</strong> checkbox and click <strong>Add network</strong> in <strong>Authorized networks</strong> section.
-            </li>
-            <li>Enter any name and  <app-ip-address-button ip="18.221.81.73"></app-ip-address-button> IP address for a <strong>New network</strong>.</li>
-            <li>Click <strong>Done</strong> and then <strong>Save</strong> to update the instance.</li>
-        </ol>
-    </div>
-    <ng-container *ngIf="data.provider === null">
-        <div *ngIf="data.db.type === 'postgres'" class="mat-body">
-            Give privileges to a user:
-            <div class="codeSnippet">
-                <code class="code">
-                    <pre>GRANT CONNECT ON DATABASE &quot;{{data.db.database}}&quot; TO &quot;{{data.db.username}}&quot;;</pre>
-                    <pre>ALTER DEFAULT PRIVILEGES IN SCHEMA &quot;{{data.db.schema || 'public'}}&quot; GRANT SELECT, INSERT, UPDATE, DELETE ON TABLES TO &quot;{{data.db.username}}&quot;;</pre>
-                    <pre>GRANT SELECT, INSERT, UPDATE, DELETE ON ALL TABLES IN SCHEMA "public" TO &quot;{{data.db.username}}&quot;;</pre>
-
-                </code>
-                <button type="button" mat-icon-button
-                    matTooltip="Copy the command."
-                    cdkCopyToClipboard="GRANT CONNECT ON DATABASE &quot;{{data.db.database}}&quot; TO &quot;{{data.db.username}}&quot;;
-ALTER DEFAULT PRIVILEGES IN SCHEMA &quot;{{data.db.schema || 'public'}}&quot; GRANT SELECT, INSERT, UPDATE, DELETE ON TABLES TO &quot;{{data.db.username}}&quot;;
-GRANT SELECT, INSERT, UPDATE, DELETE ON ALL TABLES IN SCHEMA &quot;{{data.db.schema || 'public'}}&quot; TO &quot;{{data.db.username}}&quot;;"
-                    (cdkCopyToClipboardCopied)="showCopyNotification('Command was copied to clipboard.')">
-                    <mat-icon>content_copy</mat-icon>
-                </button>
-            </div>
-
-            Add the following line in file pg_hba.conf (/var/lib/pgsql/data/pg_hba.conf for Linux).
-
-            <div class="codeSnippet">
-                <code class="code">
-                    <pre>host    all    all    18.221.81.73/32    trust</pre>
-                </code>
-                <button type="button" mat-icon-button
-                    matTooltip="Copy the command."
-                    cdkCopyToClipboard="host    all         all         18.221.81.73/32    trust"
-                    (cdkCopyToClipboardCopied)="showCopyNotification('Command was copied to clipboard.')">
-                    <mat-icon>content_copy</mat-icon>
-                </button>
-            </div>
-        </div>
-
-        <div *ngIf="data.db.type === 'mysql'" class="mat-body">
-            Give privileges to user and allow to connect: <br/>
-
-            <div class="codeSnippet">
-                <code class="code">
-                    <pre>GRANT ALL PRIVILEGES ON {{data.db.database}} TO `{{data.db.username}}`&#64;`18.221.81.73` IDENTIFIED BY `&lt;password&gt;` WITH GRANT OPTION;</pre>
-                </code>
-                <button type="button" mat-icon-button
-                    matTooltip="Copy the command."
-                    cdkCopyToClipboard="GRANT ALL PRIVILEGES ON {{data.db.database}} TO `{{data.db.username}}`@`18.221.81.73` IDENTIFIED BY `&lt;password&gt;` WITH GRANT OPTION;"
-                    (cdkCopyToClipboardCopied)="showCopyNotification('Command was copied to clipboard.')">
-                    <mat-icon>content_copy</mat-icon>
-                </button>
-            </div>
-
-            and then
-
-            <div class="codeSnippet">
-                <code class="code">
-                    <pre>FLUSH PRIVILEGES;</pre>
-                </code>
-                <button type="button" mat-icon-button
-                    matTooltip="Copy the command."
-                    cdkCopyToClipboard="FLUSH PRIVILEGES;"
-                    (cdkCopyToClipboardCopied)="showCopyNotification('Command was copied to clipboard.')">
-                    <mat-icon>content_copy</mat-icon>
-                </button>
-            </div>
-        </div>
-
-        <div *ngIf="data.db.type === 'oracledb'" class="mat-body">
-            <p>
-                Start the SQL PLUS Command Line and connect to the database as user SYSTEM.
-                Provide the SYSTEM password that you assigned upon installation (Windows) or
-                configuration (Linux) of Oracle Database XE. Run the following command:
-            </p>
-
-            <div class="codeSnippet">
-                <code class="code">
-                    <pre>EXEC DBMS_XDB.SETLISTENERLOCALACCESS(FALSE);</pre>
-                </code>
-                <button type="button" mat-icon-button
-                    matTooltip="Copy the command."
-                    cdkCopyToClipboard="EXEC DBMS_XDB.SETLISTENERLOCALACCESS(FALSE);"
-                    (cdkCopyToClipboardCopied)="showCopyNotification('Command was copied to clipboard.')">
-                    <mat-icon>content_copy</mat-icon>
-                </button>
-            </div>
-        </div>
-    </ng-container>
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-    <button *ngIf="data.provider === null" mat-button mat-dialog-close mat-dialog-close>Cancel</button>
-    <a *ngIf="providerDocsLink[data.provider]" mat-button target="_blank"
-        [href]="providerDocsLink[data.provider]">
-        Setup guide
-    </a>
-    <button mat-flat-button color="primary"
-        mat-dialog-close="confirmed">
-        I've given access
-    </button>
-</mat-dialog-actions>
diff --git a/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.spec.ts b/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.spec.ts
deleted file mode 100644
index c93aaa12b..000000000
--- a/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.spec.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { DbConnectionIpAccessDialogComponent } from './db-connection-ip-access-dialog.component';
-
-describe('DbConnectionIpAccessDialogComponent', () => {
-	let component: DbConnectionIpAccessDialogComponent;
-	let fixture: ComponentFixture<DbConnectionIpAccessDialogComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatDialogModule, MatSnackBarModule, DbConnectionIpAccessDialogComponent],
-			providers: [
-				{ provide: MAT_DIALOG_DATA, useValue: { host: 'database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com' } },
-				{ provide: MatDialogRef, useValue: {} },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DbConnectionIpAccessDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.ts b/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.ts
deleted file mode 100644
index 178dedc11..000000000
--- a/frontend/src/app/components/connect-db/db-connection-ip-access-dialog/db-connection-ip-access-dialog.component.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { NgIf } from '@angular/common';
-import { Component, Inject, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Connection } from 'src/app/models/connection';
-import { NotificationsService } from 'src/app/services/notifications.service';
-import { IpAddressButtonComponent } from '../../ui-components/ip-address-button/ip-address-button.component';
-
-@Component({
-	selector: 'app-db-connection-ip-access-dialog',
-	templateUrl: './db-connection-ip-access-dialog.component.html',
-	styleUrls: ['./db-connection-ip-access-dialog.component.css'],
-	standalone: true,
-	imports: [
-		NgIf,
-		MatDialogModule,
-		MatButtonModule,
-		MatIconModule,
-		MatTooltipModule,
-		ClipboardModule,
-		IpAddressButtonComponent,
-	],
-})
-export class DbConnectionIpAccessDialogComponent implements OnInit {
-	public provider: string = null;
-	public providerDocsLink = {
-		amazon: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_aws_mysql',
-		azure: 'https://learn.microsoft.com/en-us/azure/mysql/flexible-server/how-to-manage-firewall-portal',
-		google: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_google_cloud',
-		mongoatlas: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_mongo_atlas',
-		digitalocean: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_digitalocean_postgresql',
-		supabase: 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_supabase',
-	};
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA)
-		public data: {
-			provider: string;
-			db: Connection;
-		},
-		private _notifications: NotificationsService,
-	) {}
-
-	ngOnInit(): void {}
-
-	showCopyNotification(message: string) {
-		this._notifications.showSuccessSnackbar(message);
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.css b/frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.css
deleted file mode 100644
index e80bcba87..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.css
+++ /dev/null
@@ -1,81 +0,0 @@
-.credentials-fieldset__1-2-columns {
-	grid-column: 1 / span 2;
-}
-
-.credentials-fieldset__3-4-columns {
-	grid-column: 3 / span 2;
-}
-
-.credentials-fieldset__1-3-columns {
-	grid-column: 1 / span 3;
-}
-
-.credentials-fieldset__1-4-columns {
-	grid-column: 1 / span 4;
-}
-
-.credentials-fieldset__hint-link {
-	color: inherit;
-}
-
-.credentials-fieldset__hint-button {
-	color: inherit;
-	background: transparent;
-	border: none;
-	font-size: inherit;
-	text-decoration: underline;
-	cursor: pointer;
-}
-
-.advanced-settings {
-	display: grid;
-	grid-template-columns: repeat(3, 1fr);
-	grid-gap: 0.25em 1.5em;
-}
-
-@media screen and (max-width: 600px) {
-	.advanced-settings {
-		display: flex;
-		flex-direction: column;
-	}
-}
-
-.advanced-settings__fullLine {
-	grid-column: 1 / span 3;
-}
-
-.checkbox-line {
-	margin-bottom: 16px;
-}
-
-@media (prefers-color-scheme: light) {
-	.autofilled ::ng-deep .mdc-notched-outline__leading,
-	.autofilled ::ng-deep .mdc-notched-outline__notch,
-	.autofilled ::ng-deep .mdc-notched-outline__trailing {
-		border-color: var(--color-successPalette-500) !important;
-	}
-
-	.autofilled ::ng-deep .mat-mdc-floating-label {
-		color: var(--color-successPalette-700);
-	}
-
-	.autofilled ::ng-deep .mat-mdc-text-field-wrapper {
-		background-color: var(--success-background-color);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.autofilled ::ng-deep .mdc-notched-outline__leading,
-	.autofilled ::ng-deep .mdc-notched-outline__notch,
-	.autofilled ::ng-deep .mdc-notched-outline__trailing {
-		border-color: var(--color-successDarkPalette-500) !important;
-	}
-
-	.autofilled ::ng-deep .mat-mdc-floating-label {
-		color: var(--color-successDarkPalette-300);
-	}
-
-	.autofilled ::ng-deep .mat-mdc-text-field-wrapper {
-		background-color: color-mix(in hsl, var(--color-successDarkPalette-500), transparent 90%);
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.html b/frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.html
deleted file mode 100644
index d142637e6..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>base-credentials-form works!</p>
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.spec.ts b/frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.spec.ts
deleted file mode 100644
index 37d8a12f0..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BaseCredentialsFormComponent } from './base-credentials-form.component';
-
-describe('BaseCredentialsFormComponent', () => {
-	let component: BaseCredentialsFormComponent;
-	let fixture: ComponentFixture<BaseCredentialsFormComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BaseCredentialsFormComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(BaseCredentialsFormComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.ts b/frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.ts
deleted file mode 100644
index ccb21c467..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/base-credentials-form/base-credentials-form.component.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-
-import { Connection } from 'src/app/models/connection';
-
-@Component({
-	selector: 'app-base-credentials-form',
-	templateUrl: './base-credentials-form.component.html',
-	styleUrl: './base-credentials-form.component.css',
-})
-export class BaseCredentialsFormComponent {
-	@Input() connection: Connection;
-	@Input() readonly: boolean;
-	@Input() submitting: boolean;
-	@Input() masterKey: string;
-	@Input() accessLevel: string;
-	@Input() autoFilledFields: Set<string> = new Set();
-
-	@Output() switchToAgent = new EventEmitter<void>();
-	@Output() masterKeyChange = new EventEmitter<string>();
-	@Output() fieldChange = new EventEmitter<string>();
-
-	public tunnelingServiceLink = 'https://docs.rocketadmin.com/Create%20connections/Direct%20connection/create_pinggy';
-
-	handleMasterKeyChange(newMasterKey: string): void {
-		this.masterKeyChange.emit(newMasterKey);
-	}
-
-	clearAutoFilled(field: string): void {
-		this.fieldChange.emit(field);
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.css b/frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.css
deleted file mode 100644
index 6f4923742..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.connectForm__hostname,
-.connectForm__port {
-	padding-bottom: 20px;
-}
-
-@media (width <= 600px) {
-	.connectForm__hostname {
-		padding-bottom: 44px;
-	}
-
-	.connectForm__port {
-		padding-bottom: 0;
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.html b/frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.html
deleted file mode 100644
index 685f4eefd..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.html
+++ /dev/null
@@ -1,209 +0,0 @@
-<mat-form-field appearance="outline" class="connectForm__hostname credentials-fieldset__1-3-columns"
-    [class.autofilled]="autoFilledFields?.has('host')">
-    <mat-label>Hostname</mat-label>
-    <input matInput name="hostname" #hostname="ngModel"
-        data-testid="connection-hostname-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: hostname is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: hostname is edited'); clearAutoFilled('host')"
-        required hostnameValidator
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.host">
-    <mat-hint>
-        <span>
-            E.g. <strong><code>cassandra.us-west-1.amazonaws.com</code></strong><br>
-            Connections from internal IPs (e.g. localhost) are not supported
-        </span>
-    </mat-hint>
-
-    <mat-error *ngIf="hostname.errors?.isLocalhost && hostname.invalid">
-        To connect a database on internal IP use <strong>Pinggy</strong>
-        (<a [href]="tunnelingServiceLink" target="_blank" class="credentials-fieldset__hint-link">how-to</a>)
-        or <button type="button" (click)="switchToAgent.emit()" class="credentials-fieldset__hint-button">click here</button> for agent connection.
-    </mat-error>
-    <mat-error *ngIf="hostname.errors?.isInvalidHostname && hostname.invalid">Hostname is invalid.</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="connectForm__port"
-    [class.autofilled]="autoFilledFields?.has('port')">
-    <mat-label>Port</mat-label>
-    <input matInput type="number" name="port" #port="ngModel"
-        data-testid="connection-port-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: port is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: port is edited'); clearAutoFilled('port')"
-        required
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.port">
-    <mat-error *ngIf="port.errors?.required && (port.invalid && port.touched)">Port should not be empty.</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-2-columns"
-    [class.autofilled]="autoFilledFields?.has('username')">
-    <mat-label>Username</mat-label>
-    <input matInput name="username" #username="ngModel"
-        data-testid="connection-username-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: username is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: username is edited'); clearAutoFilled('username')"
-        required
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.username">
-    <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty.</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__3-4-columns"
-    [class.autofilled]="autoFilledFields?.has('password')">
-    <mat-label>Password</mat-label>
-    <input type="password" matInput name="password" #password="ngModel"
-        data-testid="connection-password-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: password is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: password is edited'); clearAutoFilled('password')"
-        [required]="!connection.id || hostname.touched || port.touched"
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.password">
-    <mat-hint *ngIf="connection.id && (hostname.pristine && port.pristine)">To keep password the same keep this field blank.</mat-hint>
-    <mat-hint *ngIf="connection.id && (hostname.dirty || port.dirty)">Password needed due to hostname/port change.</mat-hint>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-2-columns"
-    [class.autofilled]="autoFilledFields?.has('database')">
-    <mat-label>Database name</mat-label>
-    <input matInput name="database" #database="ngModel"
-        data-testid="connection-database-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: database name is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: database name is edited'); clearAutoFilled('database')"
-        required
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.database">
-    <mat-error *ngIf="database.errors?.required && (database.invalid && database.touched)">Name should not be empty.</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__3-4-columns">
-    <mat-label>Data center</mat-label>
-    <input matInput name="authsource" #authsource="ngModel"
-        data-testid="connection-database-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: database dataCenter is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: database dataCenter is edited')"
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.dataCenter">
-    <!--<mat-error *ngIf="database.errors?.required && (database.invalid && database.touched)">Name should not be empty.</mat-error>-->
-</mat-form-field>
-
-<mat-expansion-panel class="credentials-fieldset__1-4-columns">
-    <mat-expansion-panel-header data-testid="connection-advanced-settings-expansion-panel-header">
-        <mat-panel-title>
-            Advanced settings
-        </mat-panel-title>
-    </mat-expansion-panel-header>
-
-    <div class="advanced-settings">
-        <app-master-encryption-password class="advanced-settings__fullLine"
-            [masterKey]="masterKey"
-            [disabled]="accessLevel === 'readonly' || submitting || connection.isTestConnection"
-            (onMasterKeyChange)="handleMasterKeyChange($event)">
-        </app-master-encryption-password>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssh" #ssh="ngModel"
-            data-testid="connection-ssh-checkbox"
-            labelPosition="after"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH is switched')"
-            [angularticsProperties]="{'enable': connection.ssh}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssh">
-            Use SSH tunnel
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always" class="advanced-settings__fullLine">
-            <mat-label>Private SSH key</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="privateSSHKey" #privateSSHKey="ngModel"
-                placeholder="Sensitive — write only field"
-                data-testid="connection-ssh-key-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH key is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH key is edited')"
-                [required]="connection.ssh && !connection.id" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.privateSSHKey"
-            ></textarea>
-            <mat-error *ngIf="privateSSHKey.errors?.required && (privateSSHKey.invalid && privateSSHKey.touched)">Private SSH key should not be empty.</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH host</mat-label>
-            <input matInput name="sshHost" #sshHost="ngModel"
-                data-testid="connection-ssh-host-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH host is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH host is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshHost">
-            <mat-error *ngIf="sshHost.errors?.required && (sshHost.invalid && sshHost.touched)">SSH host should not be empty.</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH port</mat-label>
-            <input matInput type="number" name="sshPort" #sshPort="ngModel"
-                data-testid="connection-ssh-port-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH port is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH port is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshPort">
-            <mat-error *ngIf="sshPort.errors?.required && (sshPort.invalid && sshPort.touched)">SSH port should not be empty.</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always">
-            <mat-label>SSH username</mat-label>
-            <input matInput name="sshUsername" #sshUsername="ngModel"
-                placeholder="Sensitive — write only field"
-                data-testid="connection-ssh-username-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH username is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH username is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshUsername">
-            <mat-error *ngIf="sshUsername.errors?.required && (sshUsername.invalid && sshUsername.touched)">SSH username should not be empty.</mat-error>
-        </mat-form-field>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssl" #ssh="ngModel"
-            labelPosition="after"
-            data-testid="connection-ssl-checkbox"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL is switched')"
-            [angularticsProperties]="{'enable': connection.ssl}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssl">
-            Check SSL certificate
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssl" appearance="outline" class="advanced-settings__fullLine">
-            <mat-label>SSL certificate</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="sslCert" #sslCert="ngModel"
-                data-testid="connection-ssl-certificate-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL certificate is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL certificate is edited')"
-                [required]="connection.ssl" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.cert"
-            ></textarea>
-            <mat-error *ngIf="sslCert.errors?.required && (sslCert.invalid && sslCert.touched)">SSL certificate should not be empty.</mat-error>
-        </mat-form-field>
-    </div>
-</mat-expansion-panel>
\ No newline at end of file
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.spec.ts b/frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.spec.ts
deleted file mode 100644
index 4bb682d39..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.spec.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { CassandraCredentialsFormComponent } from './cassandra-credentials-form.component';
-
-describe('CassandraCredentialsFormComponent', () => {
-	let component: CassandraCredentialsFormComponent;
-	let fixture: ComponentFixture<CassandraCredentialsFormComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BrowserAnimationsModule, Angulartics2Module.forRoot(), CassandraCredentialsFormComponent],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(CassandraCredentialsFormComponent);
-		component = fixture.componentInstance;
-
-		component.connection = {
-			id: '12345678',
-		} as any;
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.stories.ts b/frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.stories.ts
deleted file mode 100644
index 1786dc5d1..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.stories.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { CassandraCredentialsFormComponent } from './cassandra-credentials-form.component';
-
-const mockConnection = {
-	id: null,
-	database: 'test_keyspace',
-	title: 'Test Cassandra Connection',
-	host: 'localhost',
-	port: '9042',
-	sid: null,
-	type: 'cassandra',
-	username: 'admin',
-	password: '',
-	ssh: false,
-	ssl: false,
-	cert: '',
-	masterEncryption: false,
-	azure_encryption: false,
-	connectionType: 'direct',
-	schema: '',
-};
-
-const meta: Meta<CassandraCredentialsFormComponent> = {
-	title: 'DB Credentials/Cassandra',
-	component: CassandraCredentialsFormComponent,
-	args: {
-		connection: mockConnection as any,
-		readonly: false,
-		submitting: false,
-		masterKey: '',
-		accessLevel: 'edit',
-	},
-};
-
-export default meta;
-type Story = StoryObj<CassandraCredentialsFormComponent>;
-
-export const Default: Story = {};
-
-export const Readonly: Story = {
-	args: {
-		readonly: true,
-	},
-};
-
-export const Submitting: Story = {
-	args: {
-		submitting: true,
-	},
-};
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.ts b/frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.ts
deleted file mode 100644
index 6b55e8ee9..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/cassandra-credentials-form/cassandra-credentials-form.component.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { NgIf } from '@angular/common';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Angulartics2Module } from 'angulartics2';
-import posthog from 'posthog-js';
-import { HostnameValidationDirective } from 'src/app/directives/hostnameValidator.directive';
-import { MasterEncryptionPasswordComponent } from '../../master-encryption-password/master-encryption-password.component';
-import { BaseCredentialsFormComponent } from '../base-credentials-form/base-credentials-form.component';
-
-@Component({
-	selector: 'app-cassandra-credentials-form',
-	templateUrl: './cassandra-credentials-form.component.html',
-	styleUrls: [
-		'../base-credentials-form/base-credentials-form.component.css',
-		'./cassandra-credentials-form.component.css',
-	],
-	imports: [
-		NgIf,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatCheckboxModule,
-		MatExpansionModule,
-		HostnameValidationDirective,
-		MasterEncryptionPasswordComponent,
-		Angulartics2Module,
-	],
-})
-export class CassandraCredentialsFormComponent extends BaseCredentialsFormComponent {
-	protected posthog = posthog;
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.css b/frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.css
deleted file mode 100644
index 6f4923742..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.connectForm__hostname,
-.connectForm__port {
-	padding-bottom: 20px;
-}
-
-@media (width <= 600px) {
-	.connectForm__hostname {
-		padding-bottom: 44px;
-	}
-
-	.connectForm__port {
-		padding-bottom: 0;
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.html b/frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.html
deleted file mode 100644
index 3189ce85e..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.html
+++ /dev/null
@@ -1,197 +0,0 @@
-<mat-form-field appearance="outline" class="connectForm__hostname credentials-fieldset__1-3-columns"
-    [class.autofilled]="autoFilledFields?.has('host')">
-    <mat-label>Hostname</mat-label>
-    <input matInput name="hostname" #hostname="ngModel"
-        data-testid="connection-hostname-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: hostname is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: hostname is edited'); clearAutoFilled('host')"
-        required hostnameValidator
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.host">
-    <mat-hint>
-        E.g. <strong><code>my-test-db.eu-west-2.aws.clickhouse.cloud</code></strong>
-        <br/>
-        Connections from internal IPs (e.g. localhost) are not supported
-    </mat-hint>
-
-    <mat-error *ngIf="hostname.errors?.isLocalhost && hostname.invalid">
-        To connect a database to an internal IP, use something like <strong>Pinggy</strong>
-        (<a [href]="tunnelingServiceLink" target="_blank" class="credentials-fieldset__hint-link">here's a guide</a>),
-        or <button type="button" (click)="switchToAgent.emit()" class="credentials-fieldset__hint-button">click here</button> to connect through an agent
-    </mat-error>
-    <mat-error *ngIf="hostname.errors?.isInvalidHostname && hostname.invalid">Hostname is invalid</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="connectForm__port"
-    [class.autofilled]="autoFilledFields?.has('port')">
-    <mat-label>Port</mat-label>
-    <input matInput type="number" name="port" #port="ngModel"
-        data-testid="connection-port-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: port is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: port is edited'); clearAutoFilled('port')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.port">
-    <mat-error *ngIf="port.errors?.required && (port.invalid && port.touched)">Port should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-2-columns"
-    [class.autofilled]="autoFilledFields?.has('username')">
-    <mat-label>Username</mat-label>
-    <input matInput name="username" #username="ngModel"
-        data-testid="connection-username-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: username is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: username is edited'); clearAutoFilled('username')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.username">
-    <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__3-4-columns"
-    [class.autofilled]="autoFilledFields?.has('password')">
-    <mat-label>Password</mat-label>
-    <input type="password" matInput name="password" #password="ngModel"
-        data-testid="connection-password-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: password is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: password is edited'); clearAutoFilled('password')"
-        [required]="!connection.id || hostname.touched || port.touched"
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.password">
-    <mat-hint *ngIf="connection.id && (hostname.pristine && port.pristine)">To keep password the same keep this field blank</mat-hint>
-    <mat-hint *ngIf="connection.id && (hostname.dirty || port.dirty)">Password needed due to hostname/port change</mat-hint>
-    <!-- <mat-error *ngIf="email.errors.required && (email.invalid && email.touched)">Email should not be empty</mat-error> -->
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-4-columns"
-    [class.autofilled]="autoFilledFields?.has('database')">
-    <mat-label>Database Name</mat-label>
-    <input matInput name="database" #database="ngModel"
-        data-testid="connection-database-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: database name is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: database name is edited'); clearAutoFilled('database')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.database">
-    <mat-error *ngIf="database.errors?.required && (database.invalid && database.touched)">Name should not be empty</mat-error>
-</mat-form-field>
-
-<mat-expansion-panel class="credentials-fieldset__1-4-columns">
-    <mat-expansion-panel-header data-testid="connection-advanced-settings-expansion-panel-header">
-        <mat-panel-title>
-            Advanced settings
-        </mat-panel-title>
-    </mat-expansion-panel-header>
-
-    <div class="advanced-settings">
-        <app-master-encryption-password
-            class="advanced-settings__fullLine"
-            [masterKey]="masterKey"
-            [disabled]="accessLevel === 'readonly' || submitting || connection?.isTestConnection"
-            (onMasterKeyChange)="handleMasterKeyChange($event)">
-        </app-master-encryption-password>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssh" #ssh="ngModel"
-            data-testid="connection-ssh-checkbox"
-            labelPosition="after"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH is switched')"
-            [angularticsProperties]="{'enable': connection.ssh}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssh">
-            Use SSH tunnel
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always" class="advanced-settings__fullLine">
-            <mat-label>Private SSH key</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="privateSSHKey" #privateSSHKey="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-key-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH key is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH key is edited')"
-                [required]="connection.ssh && !connection.id" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.privateSSHKey"
-            ></textarea>
-            <mat-error *ngIf="privateSSHKey.errors?.required && (privateSSHKey.invalid && privateSSHKey.touched)">Private SSH key should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH host</mat-label>
-            <input matInput name="sshHost" #sshHost="ngModel"
-                data-testid="connection-ssh-host-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH host is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH host is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshHost">
-            <mat-error *ngIf="sshHost.errors?.required && (sshHost.invalid && sshHost.touched)">SSH host should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH port</mat-label>
-            <input matInput type="number" name="sshPort" #sshPort="ngModel"
-                data-testid="connection-ssh-port-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH port is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH port is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshPort">
-            <mat-error *ngIf="sshPort.errors?.required && (sshPort.invalid && sshPort.touched)">SSH port should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always">
-            <mat-label>SSH username</mat-label>
-            <input matInput name="sshUsername" #sshUsername="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-username-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH username is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH username is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshUsername">
-            <mat-error *ngIf="sshUsername.errors?.required && (sshUsername.invalid && sshUsername.touched)">SSH username should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssl" #ssh="ngModel"
-            labelPosition="after"
-            data-testid="connection-ssl-checkbox"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL is switched')"
-            [angularticsProperties]="{'enable': connection.ssl}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssl">
-            Check SSL certificate
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssl" appearance="outline" class="advanced-settings__fullLine">
-            <mat-label>SSL certificate</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="sslCert" #sslCert="ngModel"
-                data-testid="connection-ssl-certificate-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL certificate is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL certificate is edited')"
-                [required]="connection.ssl" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.cert"
-            ></textarea>
-            <mat-error *ngIf="sslCert.errors?.required && (sslCert.invalid && sslCert.touched)">SSL certificate should not be empty</mat-error>
-        </mat-form-field>
-    </div>
-</mat-expansion-panel>
\ No newline at end of file
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.spec.ts b/frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.spec.ts
deleted file mode 100644
index 9cd3846d4..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.spec.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { ClickhouseCredentialsFormComponent } from './clickhouse-credentials-form.component';
-
-describe('ClickhouseCredentialsFormComponent', () => {
-	let component: ClickhouseCredentialsFormComponent;
-	let fixture: ComponentFixture<ClickhouseCredentialsFormComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				FormsModule,
-				MatCheckboxModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot({}),
-				ClickhouseCredentialsFormComponent,
-			],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(ClickhouseCredentialsFormComponent);
-		component = fixture.componentInstance;
-
-		component.connection = {
-			id: '12345678',
-		} as any;
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.stories.ts b/frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.stories.ts
deleted file mode 100644
index 7bfea8e7b..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.stories.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { ClickhouseCredentialsFormComponent } from './clickhouse-credentials-form.component';
-
-const mockConnection = {
-	id: null,
-	database: 'default',
-	title: 'Test ClickHouse Connection',
-	host: 'localhost',
-	port: '8123',
-	sid: null,
-	type: 'clickhouse',
-	username: 'default',
-	password: '',
-	ssh: false,
-	ssl: false,
-	cert: '',
-	masterEncryption: false,
-	azure_encryption: false,
-	connectionType: 'direct',
-	schema: '',
-};
-
-const meta: Meta<ClickhouseCredentialsFormComponent> = {
-	title: 'DB Credentials/ClickHouse',
-	component: ClickhouseCredentialsFormComponent,
-	args: {
-		connection: mockConnection as any,
-		readonly: false,
-		submitting: false,
-		masterKey: '',
-		accessLevel: 'edit',
-	},
-};
-
-export default meta;
-type Story = StoryObj<ClickhouseCredentialsFormComponent>;
-
-export const Default: Story = {};
-
-export const Readonly: Story = {
-	args: {
-		readonly: true,
-	},
-};
-
-export const Submitting: Story = {
-	args: {
-		submitting: true,
-	},
-};
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.ts b/frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.ts
deleted file mode 100644
index 532e4ef2c..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/clickhouse-credentials-form/clickhouse-credentials-form.component.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { NgIf } from '@angular/common';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Angulartics2Module } from 'angulartics2';
-import posthog from 'posthog-js';
-import { HostnameValidationDirective } from 'src/app/directives/hostnameValidator.directive';
-import { MasterEncryptionPasswordComponent } from '../../master-encryption-password/master-encryption-password.component';
-import { BaseCredentialsFormComponent } from '../base-credentials-form/base-credentials-form.component';
-
-@Component({
-	selector: 'app-clickhouse-credentials-form',
-	templateUrl: './clickhouse-credentials-form.component.html',
-	styleUrls: [
-		'../base-credentials-form/base-credentials-form.component.css',
-		'./clickhouse-credentials-form.component.css',
-	],
-	standalone: true,
-	imports: [
-		NgIf,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatCheckboxModule,
-		MatExpansionModule,
-		HostnameValidationDirective,
-		MasterEncryptionPasswordComponent,
-		Angulartics2Module,
-	],
-})
-export class ClickhouseCredentialsFormComponent extends BaseCredentialsFormComponent {
-	protected posthog = posthog;
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.css b/frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.css
deleted file mode 100644
index 2d36b7d8d..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.connectForm__hostname {
-	padding-bottom: 20px;
-}
-
-@media (width <= 600px) {
-	.connectForm__hostname {
-		padding-bottom: 56px;
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.html b/frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.html
deleted file mode 100644
index f03ae9d1c..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.html
+++ /dev/null
@@ -1,78 +0,0 @@
-<mat-form-field appearance="outline" class="connectForm__hostname credentials-fieldset__1-4-columns"
-    [class.autofilled]="autoFilledFields?.has('host')">
-    <mat-label>Hostname</mat-label>
-    <input matInput name="hostname" #hostname="ngModel"
-        data-testid="connection-hostname-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: hostname is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: hostname is edited'); clearAutoFilled('host')"
-        required hostnameValidator="dynamodb"
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.host">
-    <mat-hint>
-        E.g. <strong><code>https://dynamodb.us-east-2.amazonaws.com</code></strong>
-        <br/>
-        Select the endpoint matching your database region from the
-            <a href="https://docs.aws.amazon.com/general/latest/gr/ddb.html#ddb_region" target="_blank" class="credentials-fieldset__hint-link">
-                AWS DynamoDB endpoints list
-            </a>
-    </mat-hint>
-
-    <mat-error *ngIf="hostname.errors?.isLocalhost && hostname.invalid">
-        To connect a database to an internal IP, use something like <strong>Pinggy</strong>
-        (<a [href]="tunnelingServiceLink" target="_blank" class="credentials-fieldset__hint-link">here's a guide</a>),
-        or <button type="button" (click)="switchToAgent.emit()" class="credentials-fieldset__hint-button">click here</button> to connect through an agent
-    </mat-error>
-    <mat-error *ngIf="hostname.errors?.isInvalidHostname && hostname.invalid">Hostname is invalid</mat-error>
-    <mat-error *ngIf="hostname.errors?.missingHttps && hostname.invalid">Hostname must start with "https://"</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-2-columns"
-    [class.autofilled]="autoFilledFields?.has('username')">
-    <mat-label>Username</mat-label>
-    <input matInput name="username" #username="ngModel"
-        data-testid="connection-username-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: username is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: username is edited'); clearAutoFilled('username')"
-        required
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.username">
-    <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__3-4-columns"
-    [class.autofilled]="autoFilledFields?.has('password')">
-    <mat-label>Password</mat-label>
-    <input type="password" matInput name="password" #password="ngModel"
-        data-testid="connection-password-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: password is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: password is edited'); clearAutoFilled('password')"
-        [required]="!connection.id || hostname.touched"
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.password">
-    <mat-hint *ngIf="connection.id && hostname.pristine">To keep password the same keep this field blank</mat-hint>
-    <mat-hint *ngIf="connection.id && hostname.dirty">Password needed due to hostname/port change</mat-hint>
-</mat-form-field>
-
-<mat-expansion-panel class="credentials-fieldset__1-4-columns">
-    <mat-expansion-panel-header data-testid="connection-advanced-settings-expansion-panel-header">
-        <mat-panel-title>
-            Advanced settings
-        </mat-panel-title>
-    </mat-expansion-panel-header>
-
-    <div class="advanced-settings">
-        <div class="encription-setting advanced-settings__fullLine">
-            <app-master-encryption-password class="advanced-settings__fullLine"
-                [masterKey]="masterKey"
-                [disabled]="accessLevel === 'readonly' || submitting || connection.isTestConnection"
-                (onMasterKeyChange)="handleMasterKeyChange($event)">
-            </app-master-encryption-password>
-        </div>
-    </div>
-</mat-expansion-panel>
\ No newline at end of file
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.spec.ts b/frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.spec.ts
deleted file mode 100644
index 339c6cb49..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.spec.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { DynamodbCredentialsFormComponent } from './dynamodb-credentials-form.component';
-
-describe('DynamodbCredentialsFormComponent', () => {
-	let component: DynamodbCredentialsFormComponent;
-	let fixture: ComponentFixture<DynamodbCredentialsFormComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [FormsModule, BrowserAnimationsModule, Angulartics2Module.forRoot({}), DynamodbCredentialsFormComponent],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(DynamodbCredentialsFormComponent);
-		component = fixture.componentInstance;
-
-		component.connection = {
-			id: '12345678',
-		} as any;
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.stories.ts b/frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.stories.ts
deleted file mode 100644
index 7384fa435..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.stories.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { DynamodbCredentialsFormComponent } from './dynamodb-credentials-form.component';
-
-const mockConnection = {
-	id: null,
-	database: '',
-	title: 'Test DynamoDB Connection',
-	host: 'dynamodb.us-east-1.amazonaws.com',
-	port: '443',
-	sid: null,
-	type: 'dynamodb',
-	username: '',
-	password: '',
-	ssh: false,
-	ssl: false,
-	cert: '',
-	masterEncryption: false,
-	azure_encryption: false,
-	connectionType: 'direct',
-	schema: '',
-};
-
-const meta: Meta<DynamodbCredentialsFormComponent> = {
-	title: 'DB Credentials/DynamoDB',
-	component: DynamodbCredentialsFormComponent,
-	args: {
-		connection: mockConnection as any,
-		readonly: false,
-		submitting: false,
-		masterKey: '',
-		accessLevel: 'edit',
-	},
-};
-
-export default meta;
-type Story = StoryObj<DynamodbCredentialsFormComponent>;
-
-export const Default: Story = {};
-
-export const Readonly: Story = {
-	args: {
-		readonly: true,
-	},
-};
-
-export const Submitting: Story = {
-	args: {
-		submitting: true,
-	},
-};
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.ts b/frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.ts
deleted file mode 100644
index 5df44d8b1..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/dynamodb-credentials-form/dynamodb-credentials-form.component.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { NgIf } from '@angular/common';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Angulartics2Module } from 'angulartics2';
-import posthog from 'posthog-js';
-import { HostnameValidationDirective } from 'src/app/directives/hostnameValidator.directive';
-import { MasterEncryptionPasswordComponent } from '../../master-encryption-password/master-encryption-password.component';
-import { BaseCredentialsFormComponent } from '../base-credentials-form/base-credentials-form.component';
-
-@Component({
-	selector: 'app-dynamodb-credentials-form',
-	templateUrl: './dynamodb-credentials-form.component.html',
-	styleUrls: [
-		'../base-credentials-form/base-credentials-form.component.css',
-		'./dynamodb-credentials-form.component.css',
-	],
-	imports: [
-		NgIf,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatExpansionModule,
-		HostnameValidationDirective,
-		MasterEncryptionPasswordComponent,
-		Angulartics2Module,
-	],
-})
-export class DynamodbCredentialsFormComponent extends BaseCredentialsFormComponent {
-	protected posthog = posthog;
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.css b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.css
deleted file mode 100644
index 6f4923742..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.connectForm__hostname,
-.connectForm__port {
-	padding-bottom: 20px;
-}
-
-@media (width <= 600px) {
-	.connectForm__hostname {
-		padding-bottom: 44px;
-	}
-
-	.connectForm__port {
-		padding-bottom: 0;
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.html b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.html
deleted file mode 100644
index 0500b8b3a..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.html
+++ /dev/null
@@ -1,207 +0,0 @@
-<mat-form-field appearance="outline" class="connectForm__hostname credentials-fieldset__1-3-columns"
-    [class.autofilled]="autoFilledFields?.has('host')">
-    <mat-label>Hostname</mat-label>
-    <input matInput name="hostname" #hostname="ngModel"
-        data-testid="connection-hostname-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: hostname is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: hostname is edited'); clearAutoFilled('host')"
-        required hostnameValidator
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.host">
-    <mat-hint>
-        E.g. <strong><code>cluster-123456.es.europe-west1.gcp.elastic-cloud.com</code></strong><br>
-        Connections from internal IPs (e.g. localhost) are not supported
-    </mat-hint>
-
-    <mat-error *ngIf="hostname.errors?.isLocalhost && hostname.invalid">
-        To connect a database to an internal IP, use something like <strong>Pinggy</strong>
-        (<a [href]="tunnelingServiceLink" target="_blank" class="credentials-fieldset__hint-link">here's a guide</a>),
-        or <button type="button" (click)="switchToAgent.emit()" class="credentials-fieldset__hint-button">click here</button> to connect through an agent
-    </mat-error>
-    <mat-error *ngIf="hostname.errors?.isInvalidHostname && hostname.invalid">Hostname is invalid</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="connectForm__port"
-    [class.autofilled]="autoFilledFields?.has('port')">
-    <mat-label>Port</mat-label>
-    <input matInput type="number" name="port" #port="ngModel"
-        data-testid="connection-port-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: port is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: port is edited'); clearAutoFilled('port')"
-        required
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.port">
-    <mat-error *ngIf="port.errors?.required && (port.invalid && port.touched)">Port should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-2-columns"
-    [class.autofilled]="autoFilledFields?.has('username')">
-    <mat-label>Username</mat-label>
-    <input matInput name="username" #username="ngModel"
-        data-testid="connection-username-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: username is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: username is edited'); clearAutoFilled('username')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.username">
-    <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__3-4-columns"
-    [class.autofilled]="autoFilledFields?.has('password')">
-    <mat-label>Password</mat-label>
-    <input type="password" matInput name="password" #password="ngModel"
-        data-testid="connection-password-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: password is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: password is edited'); clearAutoFilled('password')"
-        [required]="!connection.id || hostname.touched || port.touched"
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.password">
-    <mat-hint *ngIf="connection.id && (hostname.pristine && port.pristine)">To keep password the same keep this field blank</mat-hint>
-    <mat-hint *ngIf="connection.id && (hostname.dirty || port.dirty)">Password needed due to hostname/port change</mat-hint>
-</mat-form-field>
-
-<mat-expansion-panel class="credentials-fieldset__1-4-columns">
-    <mat-expansion-panel-header data-testid="connection-advanced-settings-expansion-panel-header">
-        <mat-panel-title>
-            Advanced settings
-        </mat-panel-title>
-    </mat-expansion-panel-header>
-
-    <div class="advanced-settings">
-        <app-master-encryption-password class="advanced-settings__fullLine"
-            [masterKey]="masterKey"
-            [disabled]="accessLevel === 'readonly' || submitting || connection.isTestConnection"
-            (onMasterKeyChange)="handleMasterKeyChange($event)">
-        </app-master-encryption-password>
-
-        <mat-form-field appearance="outline" class="advanced-settings__fullLine"
-    [class.autofilled]="autoFilledFields?.has('username')">
-            <mat-label>Username</mat-label>
-            <input matInput name="username" #username="ngModel"
-                data-testid="connection-username-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: username is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: username is edited'); clearAutoFilled('username')"
-                [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.username">
-            <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field appearance="outline" class="advanced-settings__fullLine"
-    [class.autofilled]="autoFilledFields?.has('database')">
-            <mat-label>Database name</mat-label>
-            <input matInput name="database" #database="ngModel"
-                data-testid="connection-database-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: database name is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: database name is edited'); clearAutoFilled('database')"
-                [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.database">
-            <mat-error *ngIf="database.errors?.required && (database.invalid && database.touched)">Name should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssh" #ssh="ngModel"
-            data-testid="connection-ssh-checkbox"
-            labelPosition="after"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH is switched')"
-            [angularticsProperties]="{'enable': connection.ssh}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssh">
-            Use SSH tunnel
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always" class="advanced-settings__fullLine">
-            <mat-label>Private SSH key</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="privateSSHKey" #privateSSHKey="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-key-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH key is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH key is edited')"
-                [required]="connection.ssh && !connection.id" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.privateSSHKey"
-            ></textarea>
-            <mat-error *ngIf="privateSSHKey.errors?.required && (privateSSHKey.invalid && privateSSHKey.touched)">Private SSH key should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH host</mat-label>
-            <input matInput name="sshHost" #sshHost="ngModel"
-                data-testid="connection-ssh-host-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH host is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH host is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshHost">
-            <mat-error *ngIf="sshHost.errors?.required && (sshHost.invalid && sshHost.touched)">SSH host should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH port</mat-label>
-            <input matInput type="number" name="sshPort" #sshPort="ngModel"
-                data-testid="connection-ssh-port-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH port is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH port is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshPort">
-            <mat-error *ngIf="sshPort.errors?.required && (sshPort.invalid && sshPort.touched)">SSH port should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always">
-            <mat-label>SSH username</mat-label>
-            <input matInput name="sshUsername" #sshUsername="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-username-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH username is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH username is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshUsername">
-            <mat-error *ngIf="sshUsername.errors?.required && (sshUsername.invalid && sshUsername.touched)">SSH username should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssl" #ssh="ngModel"
-            labelPosition="after"
-            data-testid="connection-ssl-checkbox"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL is switched')"
-            [angularticsProperties]="{'enable': connection.ssl}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssl">
-            Check SSL certificate
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssl" appearance="outline" class="advanced-settings__fullLine">
-            <mat-label>SSL certificate</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="sslCert" #sslCert="ngModel"
-                data-testid="connection-ssl-certificate-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL certificate is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL certificate is edited')"
-                [required]="connection.ssl" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.cert"
-            ></textarea>
-            <mat-error *ngIf="sslCert.errors?.required && (sslCert.invalid && sslCert.touched)">SSL certificate should not be empty</mat-error>
-        </mat-form-field>
-    </div>
-</mat-expansion-panel>
\ No newline at end of file
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.spec.ts b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.spec.ts
deleted file mode 100644
index dbea5a62e..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.spec.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { ElasticCredentialsFormComponent } from './elastic-credentials-form.component';
-
-describe('ElasticCredentialsFormComponent', () => {
-	let component: ElasticCredentialsFormComponent;
-	let fixture: ComponentFixture<ElasticCredentialsFormComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				FormsModule,
-				MatCheckboxModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot({}),
-				ElasticCredentialsFormComponent,
-			],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(ElasticCredentialsFormComponent);
-		component = fixture.componentInstance;
-
-		component.connection = {
-			id: '12345678',
-		} as any;
-
-		// component.connection = {
-		//   "title": "Test connection via SSH tunnel to mySQL",
-		//   "masterEncryption": false,
-		//   "type": DBtype.MySQL,
-		//   "host": "database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com",
-		//   "port": "3306",
-		//   "username": "admin",
-		//   "database": "testDB",
-		//   "schema": null,
-		//   "sid": null,
-		//   "id": "9d5f6d0f-9516-4598-91c4-e4fe6330b4d4",
-		//   "ssh": true,
-		//   "sshHost": "3.134.99.192",
-		//   "sshPort": '22',
-		//   "sshUsername": "ubuntu",
-		//   "ssl": false,
-		//   "cert": null,
-		//   "connectionType": ConnectionType.Direct,
-		//   "azure_encryption": false,
-		//   "signing_key": ''
-		// };
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.stories.ts b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.stories.ts
deleted file mode 100644
index 1dd5444d8..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.stories.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { ElasticCredentialsFormComponent } from './elastic-credentials-form.component';
-
-const mockConnection = {
-	id: null,
-	database: '',
-	title: 'Test Elasticsearch Connection',
-	host: 'localhost',
-	port: '9200',
-	sid: null,
-	type: 'elasticsearch',
-	username: 'elastic',
-	password: '',
-	ssh: false,
-	ssl: false,
-	cert: '',
-	masterEncryption: false,
-	azure_encryption: false,
-	connectionType: 'direct',
-	schema: '',
-};
-
-const meta: Meta<ElasticCredentialsFormComponent> = {
-	title: 'DB Credentials/Elasticsearch',
-	component: ElasticCredentialsFormComponent,
-	args: {
-		connection: mockConnection as any,
-		readonly: false,
-		submitting: false,
-		masterKey: '',
-		accessLevel: 'edit',
-	},
-};
-
-export default meta;
-type Story = StoryObj<ElasticCredentialsFormComponent>;
-
-export const Default: Story = {};
-
-export const Readonly: Story = {
-	args: {
-		readonly: true,
-	},
-};
-
-export const Submitting: Story = {
-	args: {
-		submitting: true,
-	},
-};
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.ts b/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.ts
deleted file mode 100644
index 64fcd6e29..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/elastic-credentials-form/elastic-credentials-form.component.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { NgIf } from '@angular/common';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Angulartics2Module } from 'angulartics2';
-import posthog from 'posthog-js';
-import { HostnameValidationDirective } from 'src/app/directives/hostnameValidator.directive';
-import { MasterEncryptionPasswordComponent } from '../../master-encryption-password/master-encryption-password.component';
-import { BaseCredentialsFormComponent } from '../base-credentials-form/base-credentials-form.component';
-
-@Component({
-	selector: 'app-elastic-credentials-form',
-	templateUrl: './elastic-credentials-form.component.html',
-	styleUrls: [
-		'../base-credentials-form/base-credentials-form.component.css',
-		'./elastic-credentials-form.component.css',
-	],
-	imports: [
-		NgIf,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatCheckboxModule,
-		MatExpansionModule,
-		HostnameValidationDirective,
-		MasterEncryptionPasswordComponent,
-		Angulartics2Module,
-	],
-})
-export class ElasticCredentialsFormComponent extends BaseCredentialsFormComponent {
-	protected posthog = posthog;
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.css b/frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.css
deleted file mode 100644
index 6f4923742..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.connectForm__hostname,
-.connectForm__port {
-	padding-bottom: 20px;
-}
-
-@media (width <= 600px) {
-	.connectForm__hostname {
-		padding-bottom: 44px;
-	}
-
-	.connectForm__port {
-		padding-bottom: 0;
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.html b/frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.html
deleted file mode 100644
index 769f4d381..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.html
+++ /dev/null
@@ -1,208 +0,0 @@
-<mat-form-field appearance="outline" class="connectForm__hostname credentials-fieldset__1-3-columns"
-    [class.autofilled]="autoFilledFields?.has('host')">
-    <mat-label>Hostname</mat-label>
-    <input matInput name="hostname" #hostname="ngModel"
-        data-testid="connection-hostname-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: hostname is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: hostname is edited'); clearAutoFilled('host')"
-        required hostnameValidator="mongodb"
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.host">
-    <mat-hint>
-        E.g. <strong><code>mongodb+srv://my-test-db.8a8grvb.mongoconnection.net</code></strong><br>
-        Connections from internal IPs (e.g. localhost) are not supported
-    </mat-hint>
-
-    <mat-error *ngIf="hostname.errors?.isLocalhost && hostname.invalid">
-        To connect a database to an internal IP, use something like <strong>Pinggy</strong>
-        (<a [href]="tunnelingServiceLink" target="_blank" class="credentials-fieldset__hint-link">here's a guide</a>),
-        or <button type="button" (click)="switchToAgent.emit()" class="credentials-fieldset__hint-button">click here</button> to connect through an agent
-    </mat-error>
-    <mat-error *ngIf="hostname.errors?.isInvalidHostname && hostname.invalid">Hostname is invalid</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="connectForm__port"
-    [class.autofilled]="autoFilledFields?.has('port')">
-    <mat-label>Port</mat-label>
-    <input matInput type="number" name="port" #port="ngModel"
-        data-testid="connection-port-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: port is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: port is edited'); clearAutoFilled('port')"
-        required
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.port">
-    <mat-error *ngIf="port.errors?.required && (port.invalid && port.touched)">Port should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-2-columns"
-    [class.autofilled]="autoFilledFields?.has('username')">
-    <mat-label>Username</mat-label>
-    <input matInput name="username" #username="ngModel"
-        data-testid="connection-username-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: username is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: username is edited'); clearAutoFilled('username')"
-        required
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.username">
-    <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__3-4-columns"
-    [class.autofilled]="autoFilledFields?.has('password')">
-    <mat-label>Password</mat-label>
-    <input type="password" matInput name="password" #password="ngModel"
-        data-testid="connection-password-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: password is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: password is edited'); clearAutoFilled('password')"
-        [required]="!connection.id || hostname.touched || port.touched"
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.password">
-    <mat-hint *ngIf="connection.id && (hostname.pristine && port.pristine)">To keep password the same keep this field blank</mat-hint>
-    <mat-hint *ngIf="connection.id && (hostname.dirty || port.dirty)">Password needed due to hostname/port change</mat-hint>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-2-columns"
-    [class.autofilled]="autoFilledFields?.has('database')">
-    <mat-label>Database name</mat-label>
-    <input matInput name="database" #database="ngModel"
-        data-testid="connection-database-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: database name is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: database name is edited'); clearAutoFilled('database')"
-        required
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.database">
-    <mat-error *ngIf="database.errors?.required && (database.invalid && database.touched)">Name should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__3-4-columns"
-    [class.autofilled]="autoFilledFields?.has('authSource')">
-    <mat-label>Authentication database</mat-label>
-    <input matInput name="authsource" #authsource="ngModel"
-        data-testid="connection-database-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: database authSource is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: database authSource is edited')"
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.authSource">
-    <!--<mat-error *ngIf="database.errors?.required && (database.invalid && database.touched)">Name should not be empty</mat-error>-->
-</mat-form-field>
-
-<mat-expansion-panel class="credentials-fieldset__1-4-columns">
-    <mat-expansion-panel-header data-testid="connection-advanced-settings-expansion-panel-header">
-        <mat-panel-title>
-            Advanced settings
-        </mat-panel-title>
-    </mat-expansion-panel-header>
-
-    <div class="advanced-settings">
-        <app-master-encryption-password class="advanced-settings__fullLine"
-            [masterKey]="masterKey"
-            [disabled]="accessLevel === 'readonly' || submitting || connection.isTestConnection"
-            (onMasterKeyChange)="handleMasterKeyChange($event)">
-        </app-master-encryption-password>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssh" #ssh="ngModel"
-            data-testid="connection-ssh-checkbox"
-            labelPosition="after"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH is switched')"
-            [angularticsProperties]="{'enable': connection.ssh}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssh">
-            Use SSH tunnel
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always" class="advanced-settings__fullLine">
-            <mat-label>Private SSH key</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="privateSSHKey" #privateSSHKey="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-key-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH key is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH key is edited')"
-                [required]="connection.ssh && !connection.id" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.privateSSHKey"
-            ></textarea>
-            <mat-error *ngIf="privateSSHKey.errors?.required && (privateSSHKey.invalid && privateSSHKey.touched)">Private SSH key should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH host</mat-label>
-            <input matInput name="sshHost" #sshHost="ngModel"
-                data-testid="connection-ssh-host-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH host is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH host is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshHost">
-            <mat-error *ngIf="sshHost.errors?.required && (sshHost.invalid && sshHost.touched)">SSH host should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH port</mat-label>
-            <input matInput type="number" name="sshPort" #sshPort="ngModel"
-                data-testid="connection-ssh-port-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH port is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH port is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshPort">
-            <mat-error *ngIf="sshPort.errors?.required && (sshPort.invalid && sshPort.touched)">SSH port should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always">
-            <mat-label>SSH username</mat-label>
-            <input matInput name="sshUsername" #sshUsername="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-username-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH username is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH username is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshUsername">
-            <mat-error *ngIf="sshUsername.errors?.required && (sshUsername.invalid && sshUsername.touched)">SSH username should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssl" #ssh="ngModel"
-            labelPosition="after"
-            data-testid="connection-ssl-checkbox"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL is switched')"
-            [angularticsProperties]="{'enable': connection.ssl}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssl">
-            Check SSL certificate
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssl" appearance="outline" class="advanced-settings__fullLine">
-            <mat-label>SSL certificate</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="sslCert" #sslCert="ngModel"
-                data-testid="connection-ssl-certificate-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL certificate is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL certificate is edited')"
-                [required]="connection.ssl" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.cert"
-            ></textarea>
-            <mat-error *ngIf="sslCert.errors?.required && (sslCert.invalid && sslCert.touched)">SSL certificate should not be empty</mat-error>
-        </mat-form-field>
-    </div>
-</mat-expansion-panel>
\ No newline at end of file
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.spec.ts b/frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.spec.ts
deleted file mode 100644
index 81f0bc669..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.spec.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { MongodbCredentialsFormComponent } from './mongodb-credentials-form.component';
-
-describe('MongodbCredentialsFormComponent', () => {
-	let component: MongodbCredentialsFormComponent;
-	let fixture: ComponentFixture<MongodbCredentialsFormComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				FormsModule,
-				MatCheckboxModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot({}),
-				MongodbCredentialsFormComponent,
-			],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(MongodbCredentialsFormComponent);
-		component = fixture.componentInstance;
-
-		component.connection = {
-			id: '12345678',
-		} as any;
-
-		// component.connection = {
-		//   "title": "Test connection via SSH tunnel to mySQL",
-		//   "masterEncryption": false,
-		//   "type": DBtype.MySQL,
-		//   "host": "database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com",
-		//   "port": "3306",
-		//   "username": "admin",
-		//   "database": "testDB",
-		//   "schema": null,
-		//   "sid": null,
-		//   "id": "9d5f6d0f-9516-4598-91c4-e4fe6330b4d4",
-		//   "ssh": true,
-		//   "sshHost": "3.134.99.192",
-		//   "sshPort": '22',
-		//   "sshUsername": "ubuntu",
-		//   "ssl": false,
-		//   "cert": null,
-		//   "connectionType": ConnectionType.Direct,
-		//   "azure_encryption": false,
-		//   "signing_key": ''
-		// };
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.stories.ts b/frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.stories.ts
deleted file mode 100644
index 47aa23fd6..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.stories.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { MongodbCredentialsFormComponent } from './mongodb-credentials-form.component';
-
-const mockConnection = {
-	id: null,
-	database: 'test_db',
-	title: 'Test MongoDB Connection',
-	host: 'localhost',
-	port: '27017',
-	sid: null,
-	type: 'mongodb',
-	username: 'admin',
-	password: '',
-	ssh: false,
-	ssl: false,
-	cert: '',
-	masterEncryption: false,
-	azure_encryption: false,
-	connectionType: 'direct',
-	schema: '',
-};
-
-const meta: Meta<MongodbCredentialsFormComponent> = {
-	title: 'DB Credentials/MongoDB',
-	component: MongodbCredentialsFormComponent,
-	args: {
-		connection: mockConnection as any,
-		readonly: false,
-		submitting: false,
-		masterKey: '',
-		accessLevel: 'edit',
-	},
-};
-
-export default meta;
-type Story = StoryObj<MongodbCredentialsFormComponent>;
-
-export const Default: Story = {};
-
-export const Readonly: Story = {
-	args: {
-		readonly: true,
-	},
-};
-
-export const Submitting: Story = {
-	args: {
-		submitting: true,
-	},
-};
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.ts b/frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.ts
deleted file mode 100644
index 168163db6..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/mongodb-credentials-form/mongodb-credentials-form.component.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { NgIf } from '@angular/common';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Angulartics2Module } from 'angulartics2';
-import posthog from 'posthog-js';
-import { HostnameValidationDirective } from 'src/app/directives/hostnameValidator.directive';
-import { MasterEncryptionPasswordComponent } from '../../master-encryption-password/master-encryption-password.component';
-import { BaseCredentialsFormComponent } from '../base-credentials-form/base-credentials-form.component';
-
-@Component({
-	selector: 'app-mongodb-credentials-form',
-	templateUrl: './mongodb-credentials-form.component.html',
-	styleUrls: [
-		'../base-credentials-form/base-credentials-form.component.css',
-		'./mongodb-credentials-form.component.css',
-	],
-	imports: [
-		NgIf,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatCheckboxModule,
-		MatExpansionModule,
-		HostnameValidationDirective,
-		MasterEncryptionPasswordComponent,
-		Angulartics2Module,
-	],
-})
-export class MongodbCredentialsFormComponent extends BaseCredentialsFormComponent {
-	protected posthog = posthog;
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.css b/frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.css
deleted file mode 100644
index 6f4923742..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.connectForm__hostname,
-.connectForm__port {
-	padding-bottom: 20px;
-}
-
-@media (width <= 600px) {
-	.connectForm__hostname {
-		padding-bottom: 44px;
-	}
-
-	.connectForm__port {
-		padding-bottom: 0;
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.html b/frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.html
deleted file mode 100644
index 9450f6131..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.html
+++ /dev/null
@@ -1,222 +0,0 @@
-<mat-form-field appearance="outline" class="connectForm__hostname credentials-fieldset__1-3-columns"
-    [class.autofilled]="autoFilledFields?.has('host')">
-    <mat-label>Hostname</mat-label>
-    <input matInput name="hostname" #hostname="ngModel"
-        data-testid="connection-hostname-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: hostname is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: hostname is edited'); clearAutoFilled('host')"
-        required hostnameValidator
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.host">
-    <mat-hint>
-        E.g. <strong><code>my-test-db.cvfuxe8nltiq.azure.com</code></strong>
-        <br/>
-        Connections from internal IPs (e.g. localhost) are not supported
-    </mat-hint>
-
-    <mat-error *ngIf="hostname.errors?.isLocalhost && hostname.invalid">
-        To connect a database to an internal IP, use something like <strong>Pinggy</strong>
-        (<a [href]="tunnelingServiceLink" target="_blank" class="credentials-fieldset__hint-link">here's a guide</a>),
-        or <button type="button" (click)="switchToAgent.emit()" class="credentials-fieldset__hint-button">click here</button> to connect through an agent
-    </mat-error>
-    <mat-error *ngIf="hostname.errors?.isInvalidHostname && hostname.invalid">Hostname is invalid</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="connectForm__port"
-    [class.autofilled]="autoFilledFields?.has('port')">
-    <mat-label>Port</mat-label>
-    <input matInput type="number" name="port" #port="ngModel"
-        data-testid="connection-port-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: port is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: port is edited'); clearAutoFilled('port')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.port">
-    <mat-error *ngIf="port.errors?.required && (port.invalid && port.touched)">Port should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-2-columns"
-    [class.autofilled]="autoFilledFields?.has('username')">
-    <mat-label>Username</mat-label>
-    <input matInput name="username" #username="ngModel"
-        data-testid="connection-username-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: username is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: username is edited'); clearAutoFilled('username')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.username">
-    <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__3-4-columns"
-    [class.autofilled]="autoFilledFields?.has('password')">
-    <mat-label>Password</mat-label>
-    <input type="password" matInput name="password" #password="ngModel"
-        data-testid="connection-password-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: password is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: password is edited'); clearAutoFilled('password')"
-        [required]="!connection.id || hostname.touched || port.touched"
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.password">
-    <mat-hint *ngIf="connection.id && (hostname.pristine && port.pristine)">To keep password the same keep this field blank</mat-hint>
-    <mat-hint *ngIf="connection.id && (hostname.dirty || port.dirty)">Password needed due to hostname/port change</mat-hint>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-2-columns"
-    [class.autofilled]="autoFilledFields?.has('database')">
-    <mat-label>Database name</mat-label>
-    <input matInput name="database" #database="ngModel"
-        data-testid="connection-database-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: database name is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: database name is edited'); clearAutoFilled('database')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.database">
-    <mat-error *ngIf="database.errors?.required && (database.invalid && database.touched)">Name should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__3-4-columns"
-    [class.autofilled]="autoFilledFields?.has('schema')">
-    <mat-label>Schema</mat-label>
-    <input matInput name="schema" #schema="ngModel"
-        data-testid="connection-schema-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: database schema is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: database schema is edited'); clearAutoFilled('schema')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.schema">
-    <mat-error *ngIf="schema.errors?.required && (schema.invalid && schema.touched)">Name should not be empty</mat-error>
-</mat-form-field>
-
-<mat-expansion-panel class="credentials-fieldset__1-4-columns">
-    <mat-expansion-panel-header data-testid="connection-advanced-settings-expansion-panel-header">
-        <mat-panel-title>
-            Advanced settings
-        </mat-panel-title>
-    </mat-expansion-panel-header>
-
-    <div class="advanced-settings">
-        <app-master-encryption-password class="advanced-settings__fullLine"
-            [masterKey]="masterKey"
-            [disabled]="accessLevel === 'readonly' || submitting || connection.isTestConnection"
-            (onMasterKeyChange)="handleMasterKeyChange($event)">
-        </app-master-encryption-password>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssh" #ssh="ngModel"
-            data-testid="connection-ssh-checkbox"
-            labelPosition="after"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH is switched')"
-            [angularticsProperties]="{'enable': connection.ssh}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssh">
-            Use SSH tunnel
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always" class="advanced-settings__fullLine">
-            <mat-label>Private SSH key</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="privateSSHKey" #privateSSHKey="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-key-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH key is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH key is edited')"
-                [required]="connection.ssh && !connection.id" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.privateSSHKey"
-            ></textarea>
-            <mat-error *ngIf="privateSSHKey.errors?.required && (privateSSHKey.invalid && privateSSHKey.touched)">Private SSH key should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH host</mat-label>
-            <input matInput name="sshHost" #sshHost="ngModel"
-                data-testid="connection-ssh-host-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH host is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH host is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshHost">
-            <mat-error *ngIf="sshHost.errors?.required && (sshHost.invalid && sshHost.touched)">SSH host should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH port</mat-label>
-            <input matInput type="number" name="sshPort" #sshPort="ngModel"
-                data-testid="connection-ssh-port-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH port is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH port is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshPort">
-            <mat-error *ngIf="sshPort.errors?.required && (sshPort.invalid && sshPort.touched)">SSH port should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always">
-            <mat-label>SSH username</mat-label>
-            <input matInput name="sshUsername" #sshUsername="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-username-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH username is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH username is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshUsername">
-            <mat-error *ngIf="sshUsername.errors?.required && (sshUsername.invalid && sshUsername.touched)">SSH username should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssl" #ssh="ngModel"
-            labelPosition="after"
-            data-testid="connection-ssl-checkbox"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL is switched')"
-            [angularticsProperties]="{'enable': connection.ssl}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssl">
-            Check SSL certificate
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssl" appearance="outline" class="advanced-settings__fullLine">
-            <mat-label>SSL certificate</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="sslCert" #sslCert="ngModel"
-                data-testid="connection-ssl-certificate-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL certificate is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL certificate is edited')"
-                [required]="connection.ssl" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.cert"
-            ></textarea>
-            <mat-error *ngIf="sslCert.errors?.required && (sslCert.invalid && sslCert.touched)">SSL certificate should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssl" #ssh="ngModel"
-            labelPosition="after"
-            data-testid="connection-ssl-encryption-checkbox"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: azure encryption is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: azure encryption is switched')"
-            [angularticsProperties]="{'enable': connection.azure_encryption}"
-            [disabled]="submitting"
-            [(ngModel)]="connection.azure_encryption">
-            Encryption
-        </mat-checkbox>
-    </div>
-</mat-expansion-panel>
\ No newline at end of file
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.spec.ts b/frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.spec.ts
deleted file mode 100644
index cd7c35a08..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.spec.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { MssqlCredentialsFormComponent } from './mssql-credentials-form.component';
-
-describe('MssqlCredentialsFormComponent', () => {
-	let component: MssqlCredentialsFormComponent;
-	let fixture: ComponentFixture<MssqlCredentialsFormComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				FormsModule,
-				MatCheckboxModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot({}),
-				MssqlCredentialsFormComponent,
-			],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(MssqlCredentialsFormComponent);
-		component = fixture.componentInstance;
-
-		component.connection = {
-			id: '12345678',
-		} as any;
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.stories.ts b/frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.stories.ts
deleted file mode 100644
index 2bc8dc1de..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.stories.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { MssqlCredentialsFormComponent } from './mssql-credentials-form.component';
-
-const mockConnection = {
-	id: null,
-	database: 'test_db',
-	title: 'Test MSSQL Connection',
-	host: 'localhost',
-	port: '1433',
-	sid: null,
-	type: 'mssql',
-	username: 'sa',
-	password: '',
-	ssh: false,
-	ssl: false,
-	cert: '',
-	masterEncryption: false,
-	azure_encryption: false,
-	connectionType: 'direct',
-	schema: 'dbo',
-};
-
-const meta: Meta<MssqlCredentialsFormComponent> = {
-	title: 'DB Credentials/MSSQL',
-	component: MssqlCredentialsFormComponent,
-	args: {
-		connection: mockConnection as any,
-		readonly: false,
-		submitting: false,
-		masterKey: '',
-		accessLevel: 'edit',
-	},
-};
-
-export default meta;
-type Story = StoryObj<MssqlCredentialsFormComponent>;
-
-export const Default: Story = {};
-
-export const Readonly: Story = {
-	args: {
-		readonly: true,
-	},
-};
-
-export const Submitting: Story = {
-	args: {
-		submitting: true,
-	},
-};
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.ts b/frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.ts
deleted file mode 100644
index 0fe301693..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/mssql-credentials-form/mssql-credentials-form.component.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { NgIf } from '@angular/common';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Angulartics2Module } from 'angulartics2';
-import posthog from 'posthog-js';
-import { HostnameValidationDirective } from 'src/app/directives/hostnameValidator.directive';
-import { MasterEncryptionPasswordComponent } from '../../master-encryption-password/master-encryption-password.component';
-import { BaseCredentialsFormComponent } from '../base-credentials-form/base-credentials-form.component';
-
-@Component({
-	selector: 'app-mssql-credentials-form',
-	templateUrl: './mssql-credentials-form.component.html',
-	styleUrls: ['../base-credentials-form/base-credentials-form.component.css', './mssql-credentials-form.component.css'],
-	imports: [
-		NgIf,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatCheckboxModule,
-		MatExpansionModule,
-		HostnameValidationDirective,
-		MasterEncryptionPasswordComponent,
-		Angulartics2Module,
-	],
-})
-export class MssqlCredentialsFormComponent extends BaseCredentialsFormComponent {
-	protected posthog = posthog;
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.css b/frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.css
deleted file mode 100644
index 6f4923742..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.connectForm__hostname,
-.connectForm__port {
-	padding-bottom: 20px;
-}
-
-@media (width <= 600px) {
-	.connectForm__hostname {
-		padding-bottom: 44px;
-	}
-
-	.connectForm__port {
-		padding-bottom: 0;
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.html b/frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.html
deleted file mode 100644
index 3a4b3df68..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.html
+++ /dev/null
@@ -1,197 +0,0 @@
-<mat-form-field appearance="outline" class="connectForm__hostname credentials-fieldset__1-3-columns"
-    [class.autofilled]="autoFilledFields?.has('host')">
-    <mat-label>Hostname</mat-label>
-    <input matInput name="hostname" #hostname="ngModel"
-        data-testid="connection-hostname-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: hostname is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: hostname is edited'); clearAutoFilled('host')"
-        required hostnameValidator
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.host">
-    <mat-hint>
-        E.g. <strong><code>my-test-db.cvfuxe8nltiq.us-east-2.rds.amazonaws.com</code></strong>
-        <br/>
-        Connections from internal IPs (e.g. localhost) are not supported
-    </mat-hint>
-
-    <mat-error *ngIf="hostname.errors?.isLocalhost && hostname.invalid">
-        To connect a database to an internal IP, use something like <strong>Pinggy</strong>
-        (<a [href]="tunnelingServiceLink" target="_blank" class="credentials-fieldset__hint-link">here's a guide</a>),
-        or <button type="button" (click)="switchToAgent.emit()" class="credentials-fieldset__hint-button">click here</button> to connect through an agent
-    </mat-error>
-    <mat-error *ngIf="hostname.errors?.isInvalidHostname && hostname.invalid">Hostname is invalid</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="connectForm__port"
-    [class.autofilled]="autoFilledFields?.has('port')">
-    <mat-label>Port</mat-label>
-    <input matInput type="number" name="port" #port="ngModel"
-        data-testid="connection-port-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: port is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: port is edited'); clearAutoFilled('port')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.port">
-    <mat-error *ngIf="port.errors?.required && (port.invalid && port.touched)">Port should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-2-columns"
-    [class.autofilled]="autoFilledFields?.has('username')">
-    <mat-label>Username</mat-label>
-    <input matInput name="username" #username="ngModel"
-        data-testid="connection-username-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: username is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: username is edited'); clearAutoFilled('username')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.username">
-    <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__3-4-columns"
-    [class.autofilled]="autoFilledFields?.has('password')">
-    <mat-label>Password</mat-label>
-    <input type="password" matInput name="password" #password="ngModel"
-        data-testid="connection-password-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: password is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: password is edited'); clearAutoFilled('password')"
-        [required]="!connection.id || hostname.touched || port.touched"
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.password">
-    <mat-hint *ngIf="connection.id && (hostname.pristine && port.pristine)">To keep password the same keep this field blank</mat-hint>
-    <mat-hint *ngIf="connection.id && (hostname.dirty || port.dirty)">Password needed due to hostname/port change</mat-hint>
-    <!-- <mat-error *ngIf="email.errors.required && (email.invalid && email.touched)">Email should not be empty</mat-error> -->
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-4-columns"
-    [class.autofilled]="autoFilledFields?.has('database')">
-    <mat-label>Database Name</mat-label>
-    <input matInput name="database" #database="ngModel"
-        data-testid="connection-database-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: database name is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: database name is edited'); clearAutoFilled('database')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.database">
-    <mat-error *ngIf="database.errors?.required && (database.invalid && database.touched)">Name should not be empty</mat-error>
-</mat-form-field>
-
-<mat-expansion-panel class="credentials-fieldset__1-4-columns">
-    <mat-expansion-panel-header data-testid="connection-advanced-settings-expansion-panel-header">
-        <mat-panel-title>
-            Advanced settings
-        </mat-panel-title>
-    </mat-expansion-panel-header>
-
-    <div class="advanced-settings">
-        <app-master-encryption-password
-            class="advanced-settings__fullLine"
-            [masterKey]="masterKey"
-            [disabled]="accessLevel === 'readonly' || submitting || connection?.isTestConnection"
-            (onMasterKeyChange)="handleMasterKeyChange($event)">
-        </app-master-encryption-password>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssh" #ssh="ngModel"
-            data-testid="connection-ssh-checkbox"
-            labelPosition="after"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH is switched')"
-            [angularticsProperties]="{'enable': connection.ssh}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssh">
-            Use SSH tunnel
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always" class="advanced-settings__fullLine">
-            <mat-label>Private SSH key</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="privateSSHKey" #privateSSHKey="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-key-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH key is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH key is edited')"
-                [required]="connection.ssh && !connection.id" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.privateSSHKey"
-            ></textarea>
-            <mat-error *ngIf="privateSSHKey.errors?.required && (privateSSHKey.invalid && privateSSHKey.touched)">Private SSH key should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH host</mat-label>
-            <input matInput name="sshHost" #sshHost="ngModel"
-                data-testid="connection-ssh-host-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH host is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH host is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshHost">
-            <mat-error *ngIf="sshHost.errors?.required && (sshHost.invalid && sshHost.touched)">SSH host should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH port</mat-label>
-            <input matInput type="number" name="sshPort" #sshPort="ngModel"
-                data-testid="connection-ssh-port-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH port is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH port is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshPort">
-            <mat-error *ngIf="sshPort.errors?.required && (sshPort.invalid && sshPort.touched)">SSH port should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always">
-            <mat-label>SSH username</mat-label>
-            <input matInput name="sshUsername" #sshUsername="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-username-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH username is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH username is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshUsername">
-            <mat-error *ngIf="sshUsername.errors?.required && (sshUsername.invalid && sshUsername.touched)">SSH username should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssl" #ssh="ngModel"
-            labelPosition="after"
-            data-testid="connection-ssl-checkbox"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL is switched')"
-            [angularticsProperties]="{'enable': connection.ssl}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssl">
-            Check SSL certificate
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssl" appearance="outline" class="advanced-settings__fullLine">
-            <mat-label>SSL certificate</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="sslCert" #sslCert="ngModel"
-                data-testid="connection-ssl-certificate-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL certificate is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL certificate is edited')"
-                [required]="connection.ssl" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.cert"
-            ></textarea>
-            <mat-error *ngIf="sslCert.errors?.required && (sslCert.invalid && sslCert.touched)">SSL certificate should not be empty</mat-error>
-        </mat-form-field>
-    </div>
-</mat-expansion-panel>
\ No newline at end of file
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.spec.ts b/frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.spec.ts
deleted file mode 100644
index 8aa5877f4..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.spec.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { MysqlCredentialsFormComponent } from './mysql-credentials-form.component';
-
-describe('MysqlCredentialsFormComponent', () => {
-	let component: MysqlCredentialsFormComponent;
-	let fixture: ComponentFixture<MysqlCredentialsFormComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				FormsModule,
-				MatCheckboxModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot({}),
-				MysqlCredentialsFormComponent,
-			],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(MysqlCredentialsFormComponent);
-		component = fixture.componentInstance;
-
-		component.connection = {
-			id: '12345678',
-		} as any;
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.stories.ts b/frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.stories.ts
deleted file mode 100644
index 12bd833b3..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.stories.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { MysqlCredentialsFormComponent } from './mysql-credentials-form.component';
-
-const mockConnection = {
-	id: null,
-	database: 'test_db',
-	title: 'Test MySQL Connection',
-	host: 'localhost',
-	port: '3306',
-	sid: null,
-	type: 'mysql',
-	username: 'admin',
-	password: '',
-	ssh: false,
-	ssl: false,
-	cert: '',
-	masterEncryption: false,
-	azure_encryption: false,
-	connectionType: 'direct',
-	schema: '',
-};
-
-const meta: Meta<MysqlCredentialsFormComponent> = {
-	title: 'DB Credentials/MySQL',
-	component: MysqlCredentialsFormComponent,
-	args: {
-		connection: mockConnection as any,
-		readonly: false,
-		submitting: false,
-		masterKey: '',
-		accessLevel: 'edit',
-	},
-};
-
-export default meta;
-type Story = StoryObj<MysqlCredentialsFormComponent>;
-
-export const Default: Story = {};
-
-export const Readonly: Story = {
-	args: {
-		readonly: true,
-	},
-};
-
-export const Submitting: Story = {
-	args: {
-		submitting: true,
-	},
-};
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.ts b/frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.ts
deleted file mode 100644
index 86e8624bf..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/mysql-credentials-form/mysql-credentials-form.component.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { NgIf } from '@angular/common';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Angulartics2Module } from 'angulartics2';
-import posthog from 'posthog-js';
-import { HostnameValidationDirective } from 'src/app/directives/hostnameValidator.directive';
-import { MasterEncryptionPasswordComponent } from '../../master-encryption-password/master-encryption-password.component';
-import { BaseCredentialsFormComponent } from '../base-credentials-form/base-credentials-form.component';
-
-@Component({
-	selector: 'app-mysql-credentials-form',
-	templateUrl: './mysql-credentials-form.component.html',
-	styleUrls: ['../base-credentials-form/base-credentials-form.component.css', './mysql-credentials-form.component.css'],
-	standalone: true,
-	imports: [
-		NgIf,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatCheckboxModule,
-		MatExpansionModule,
-		HostnameValidationDirective,
-		MasterEncryptionPasswordComponent,
-		Angulartics2Module,
-	],
-})
-export class MysqlCredentialsFormComponent extends BaseCredentialsFormComponent {
-	protected posthog = posthog;
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.css b/frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.css
deleted file mode 100644
index 6f4923742..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.connectForm__hostname,
-.connectForm__port {
-	padding-bottom: 20px;
-}
-
-@media (width <= 600px) {
-	.connectForm__hostname {
-		padding-bottom: 44px;
-	}
-
-	.connectForm__port {
-		padding-bottom: 0;
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.html b/frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.html
deleted file mode 100644
index 9b5196830..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.html
+++ /dev/null
@@ -1,221 +0,0 @@
-<mat-form-field appearance="outline" class="credentials-fieldset__1-3-columns connectForm__hostname"
-    [class.autofilled]="autoFilledFields?.has('host')">
-    <mat-label>Hostname</mat-label>
-    <input matInput name="hostname" #hostname="ngModel"
-        data-testid="connection-hostname-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: hostname is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: hostname is edited'); clearAutoFilled('host')"
-        required hostnameValidator
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.host">
-    <mat-hint>
-        E.g. <strong><code>my-test-db.cvfuxe8nltiq.us-east-2.rds.amazonaws.com</code></strong>
-        <br/>
-        Connections from internal IPs (e.g. localhost) are not supported
-    </mat-hint>
-
-    <mat-error *ngIf="hostname.errors?.isLocalhost && hostname.invalid">
-        To connect a database to an internal IP, use something like <strong>Pinggy</strong>
-        (<a [href]="tunnelingServiceLink" target="_blank" class="credentials-fieldset__hint-link">here's a guide</a>),
-        or <button type="button" (click)="switchToAgent.emit()" class="credentials-fieldset__hint-button">click here</button> to connect through an agent
-    </mat-error>
-    <mat-error *ngIf="hostname.errors?.isInvalidHostname && hostname.invalid">Hostname is invalid</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="connectForm__port"
-    [class.autofilled]="autoFilledFields?.has('port')">
-    <mat-label>Port</mat-label>
-    <input matInput type="number" name="port" #port="ngModel"
-        data-testid="connection-port-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: port is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: port is edited'); clearAutoFilled('port')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.port">
-    <mat-error *ngIf="port.errors?.required && (port.invalid && port.touched)">Port should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-2-columns"
-    [class.autofilled]="autoFilledFields?.has('username')">
-    <mat-label>Username</mat-label>
-    <input matInput name="username" #username="ngModel"
-        data-testid="connection-username-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: username is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: username is edited'); clearAutoFilled('username')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.username">
-    <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__3-4-columns"
-    [class.autofilled]="autoFilledFields?.has('password')">
-    <mat-label>Password</mat-label>
-    <input type="password" matInput name="password" #password="ngModel"
-        data-testid="connection-password-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: password is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: password is edited'); clearAutoFilled('password')"
-        [required]="!connection.id || hostname.touched || port.touched"
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.password">
-    <mat-hint *ngIf="connection.id && (hostname.pristine && port.pristine)">To keep password the same keep this field blank</mat-hint>
-    <mat-hint *ngIf="connection.id && (hostname.dirty || port.dirty)">Password needed due to hostname/port change</mat-hint>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-2-columns"
-    [class.autofilled]="autoFilledFields?.has('database')">
-    <mat-label>Database Name</mat-label>
-    <input matInput name="database" #database="ngModel"
-        data-testid="connection-database-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: database name is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: database name is edited'); clearAutoFilled('database')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.database">
-    <mat-error *ngIf="database.errors?.required && (database.invalid && database.touched)">Name should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__3-4-columns"
-    [class.autofilled]="autoFilledFields?.has('schema')">
-    <mat-label>Schema</mat-label>
-    <input matInput name="schema" #schema="ngModel"
-        data-testid="connection-schema-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: database schema is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: database schema is edited'); clearAutoFilled('schema')"
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.schema">
-    <mat-error *ngIf="schema.errors?.required && (schema.invalid && schema.touched)">Name should not be empty</mat-error>
-</mat-form-field>
-
-<mat-expansion-panel class="credentials-fieldset__1-4-columns">
-    <mat-expansion-panel-header data-testid="connection-advanced-settings-expansion-panel-header">
-        <mat-panel-title>
-            Advanced settings
-        </mat-panel-title>
-    </mat-expansion-panel-header>
-
-    <div class="advanced-settings">
-        <app-master-encryption-password class="advanced-settings__fullLine"
-            [masterKey]="masterKey"
-            [disabled]="accessLevel === 'readonly' || submitting || connection.isTestConnection"
-            (onMasterKeyChange)="handleMasterKeyChange($event)">
-        </app-master-encryption-password>
-
-        <mat-form-field appearance="outline" class="advanced-settings__fullLine">
-            <mat-label>SID</mat-label>
-            <input matInput
-                data-testid="connection-sid-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SID is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SID is edited')"
-                [readonly]="readonly"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sid" name="sid" #sid="ngModel">
-        </mat-form-field>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssh" #ssh="ngModel"
-            data-testid="connection-ssh-checkbox"
-            labelPosition="after"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH is switched')"
-            [angularticsProperties]="{'enable': connection.ssh}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssh">
-            Use SSH tunnel
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always" class="advanced-settings__fullLine">
-            <mat-label>Private SSH key</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="privateSSHKey" #privateSSHKey="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-key-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH key is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH key is edited')"
-                [required]="connection.ssh && !connection.id" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.privateSSHKey"
-            ></textarea>
-            <mat-error *ngIf="privateSSHKey.errors?.required && (privateSSHKey.invalid && privateSSHKey.touched)">Private SSH key should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH host</mat-label>
-            <input matInput name="sshHost" #sshHost="ngModel"
-                data-testid="connection-ssh-host-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH host is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH host is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshHost">
-            <mat-error *ngIf="sshHost.errors?.required && (sshHost.invalid && sshHost.touched)">SSH host should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH port</mat-label>
-            <input matInput type="number" name="sshPort" #sshPort="ngModel"
-                data-testid="connection-ssh-port-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH port is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH port is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshPort">
-            <mat-error *ngIf="sshPort.errors?.required && (sshPort.invalid && sshPort.touched)">SSH port should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always">
-            <mat-label>SSH username</mat-label>
-            <input matInput name="sshUsername" #sshUsername="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-username-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH username is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH username is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshUsername">
-            <mat-error *ngIf="sshUsername.errors?.required && (sshUsername.invalid && sshUsername.touched)">SSH username should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssl" #ssh="ngModel"
-            labelPosition="after"
-            data-testid="connection-ssl-checkbox"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL is switched')"
-            [angularticsProperties]="{'enable': connection.ssl}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssl">
-            Check SSL certificate
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssl" appearance="outline" class="advanced-settings__fullLine">
-            <mat-label>SSL certificate</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="sslCert" #sslCert="ngModel"
-                data-testid="connection-ssl-certificate-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL certificate is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL certificate is edited')"
-                [required]="connection.ssl" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.cert"
-            ></textarea>
-            <mat-error *ngIf="sslCert.errors?.required && (sslCert.invalid && sslCert.touched)">SSL certificate should not be empty</mat-error>
-        </mat-form-field>
-    </div>
-</mat-expansion-panel>
\ No newline at end of file
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.spec.ts b/frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.spec.ts
deleted file mode 100644
index f5495a15d..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.spec.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { OracledbCredentialsFormComponent } from './oracledb-credentials-form.component';
-
-describe('OracledbCredentialsFormComponent', () => {
-	let component: OracledbCredentialsFormComponent;
-	let fixture: ComponentFixture<OracledbCredentialsFormComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				FormsModule,
-				MatCheckboxModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot({}),
-				OracledbCredentialsFormComponent,
-			],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(OracledbCredentialsFormComponent);
-		component = fixture.componentInstance;
-
-		component.connection = {
-			id: '12345678',
-		} as any;
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.stories.ts b/frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.stories.ts
deleted file mode 100644
index 13022de44..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.stories.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { OracledbCredentialsFormComponent } from './oracledb-credentials-form.component';
-
-const mockConnection = {
-	id: null,
-	database: 'test_db',
-	title: 'Test OracleDB Connection',
-	host: 'localhost',
-	port: '1521',
-	sid: 'ORCL',
-	type: 'oracledb',
-	username: 'admin',
-	password: '',
-	ssh: false,
-	ssl: false,
-	cert: '',
-	masterEncryption: false,
-	azure_encryption: false,
-	connectionType: 'direct',
-	schema: '',
-};
-
-const meta: Meta<OracledbCredentialsFormComponent> = {
-	title: 'DB Credentials/OracleDB',
-	component: OracledbCredentialsFormComponent,
-	args: {
-		connection: mockConnection as any,
-		readonly: false,
-		submitting: false,
-		masterKey: '',
-		accessLevel: 'edit',
-	},
-};
-
-export default meta;
-type Story = StoryObj<OracledbCredentialsFormComponent>;
-
-export const Default: Story = {};
-
-export const Readonly: Story = {
-	args: {
-		readonly: true,
-	},
-};
-
-export const Submitting: Story = {
-	args: {
-		submitting: true,
-	},
-};
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.ts b/frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.ts
deleted file mode 100644
index 66cde9b35..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/oracledb-credentials-form/oracledb-credentials-form.component.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { NgIf } from '@angular/common';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Angulartics2Module } from 'angulartics2';
-import posthog from 'posthog-js';
-import { HostnameValidationDirective } from 'src/app/directives/hostnameValidator.directive';
-import { MasterEncryptionPasswordComponent } from '../../master-encryption-password/master-encryption-password.component';
-import { BaseCredentialsFormComponent } from '../base-credentials-form/base-credentials-form.component';
-
-@Component({
-	selector: 'app-oracledb-credentials-form',
-	templateUrl: './oracledb-credentials-form.component.html',
-	styleUrls: [
-		'../base-credentials-form/base-credentials-form.component.css',
-		'./oracledb-credentials-form.component.css',
-	],
-	imports: [
-		NgIf,
-		MatFormFieldModule,
-		MatInputModule,
-		MatCheckboxModule,
-		MatExpansionModule,
-		FormsModule,
-		HostnameValidationDirective,
-		MasterEncryptionPasswordComponent,
-		Angulartics2Module,
-	],
-})
-export class OracledbCredentialsFormComponent extends BaseCredentialsFormComponent {
-	protected posthog = posthog;
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.css b/frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.css
deleted file mode 100644
index 6f4923742..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.connectForm__hostname,
-.connectForm__port {
-	padding-bottom: 20px;
-}
-
-@media (width <= 600px) {
-	.connectForm__hostname {
-		padding-bottom: 44px;
-	}
-
-	.connectForm__port {
-		padding-bottom: 0;
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.html b/frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.html
deleted file mode 100644
index ed2371b1a..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.html
+++ /dev/null
@@ -1,211 +0,0 @@
-<mat-form-field appearance="outline" class="credentials-fieldset__1-3-columns connectForm__hostname"
-    [class.autofilled]="autoFilledFields?.has('host')">
-    <mat-label>Hostname</mat-label>
-    <input matInput name="hostname" #hostname="ngModel"
-        data-testid="connection-hostname-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: hostname is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: hostname is edited'); clearAutoFilled('host')"
-        required hostnameValidator
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.host">
-    <mat-hint>
-        <span>
-            E.g. <strong><code>my-test-db.cvfuxe8nltiq.us-east-2.rds.amazonaws.com</code></strong>
-            <br/>
-            Connections from internal IPs (e.g. localhost) are not supported
-        </span>
-    </mat-hint>
-
-    <mat-error *ngIf="hostname.errors?.isLocalhost && hostname.invalid">
-        To connect a database to an internal IP, use something like <strong>Pinggy</strong>
-        (<a [href]="tunnelingServiceLink" target="_blank" class="credentials-fieldset__hint-link">here's a guide</a>),
-        or <button type="button" (click)="switchToAgent.emit()" class="credentials-fieldset__hint-button">click here</button> to connect through an agent
-    </mat-error>
-    <mat-error *ngIf="hostname.errors?.isInvalidHostname && hostname.invalid">Hostname is invalid</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="connectForm__port"
-    [class.autofilled]="autoFilledFields?.has('port')">
-    <mat-label>Port</mat-label>
-    <input matInput type="number" name="port" #port="ngModel"
-        data-testid="connection-port-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: port is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: port is edited'); clearAutoFilled('port')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.port">
-    <mat-error *ngIf="port.errors?.required && (port.invalid && port.touched)">Port should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-2-columns"
-    [class.autofilled]="autoFilledFields?.has('username')">
-    <mat-label>Username</mat-label>
-    <input matInput name="username" #username="ngModel"
-        data-testid="connection-username-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: username is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: username is edited'); clearAutoFilled('username')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.username">
-    <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__3-4-columns"
-    [class.autofilled]="autoFilledFields?.has('password')">
-    <mat-label>Password</mat-label>
-    <input type="password" matInput name="password" #password="ngModel"
-        data-testid="connection-password-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: password is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: password is edited'); clearAutoFilled('password')"
-        [required]="!connection.id || hostname.touched || port.touched"
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.password">
-    <mat-hint *ngIf="connection.id && (hostname.pristine && port.pristine)">To keep password the same keep this field blank</mat-hint>
-    <mat-hint *ngIf="connection.id && (hostname.dirty || port.dirty)">Password needed due to hostname/port change</mat-hint>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-2-columns"
-    [class.autofilled]="autoFilledFields?.has('database')">
-    <mat-label>Database Name</mat-label>
-    <input matInput name="database" #database="ngModel"
-        data-testid="connection-database-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: database name is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: database name is edited'); clearAutoFilled('database')"
-        required
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.database">
-    <mat-error *ngIf="database.errors?.required && (database.invalid && database.touched)">Name should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__3-4-columns"
-    [class.autofilled]="autoFilledFields?.has('schema')">
-    <mat-label>Schema</mat-label>
-    <input matInput name="schema" #schema="ngModel"
-        data-testid="connection-schema-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: database schema is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: database schema is edited'); clearAutoFilled('schema')"
-        [readonly]="readonly"
-        [disabled]="submitting"
-        [(ngModel)]="connection.schema">
-    <mat-error *ngIf="schema.errors?.required && (schema.invalid && schema.touched)">Name should not be empty</mat-error>
-</mat-form-field>
-
-<mat-expansion-panel class="credentials-fieldset__1-4-columns">
-    <mat-expansion-panel-header data-testid="connection-advanced-settings-expansion-panel-header">
-        <mat-panel-title>
-            Advanced settings
-        </mat-panel-title>
-    </mat-expansion-panel-header>
-
-    <div class="advanced-settings">
-        <app-master-encryption-password class="advanced-settings__fullLine"
-            [masterKey]="masterKey"
-            [disabled]="accessLevel === 'readonly' || submitting || connection.isTestConnection"
-            (onMasterKeyChange)="handleMasterKeyChange($event)">
-        </app-master-encryption-password>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssh" #ssh="ngModel"
-            data-testid="connection-ssh-checkbox"
-            labelPosition="after"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH is switched')"
-            [angularticsProperties]="{'enable': connection.ssh}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssh">
-            Use SSH tunnel
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always" class="advanced-settings__fullLine">
-            <mat-label>Private SSH key</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="privateSSHKey" #privateSSHKey="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-key-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH key is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH key is edited')"
-                [required]="connection.ssh && !connection.id" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.privateSSHKey"
-            ></textarea>
-            <mat-error *ngIf="privateSSHKey.errors?.required && (privateSSHKey.invalid && privateSSHKey.touched)">Private SSH key should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH host</mat-label>
-            <input matInput name="sshHost" #sshHost="ngModel"
-                data-testid="connection-ssh-host-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH host is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH host is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshHost">
-            <mat-error *ngIf="sshHost.errors?.required && (sshHost.invalid && sshHost.touched)">SSH host should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH port</mat-label>
-            <input matInput type="number" name="sshPort" #sshPort="ngModel"
-                data-testid="connection-ssh-port-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH port is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH port is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshPort">
-            <mat-error *ngIf="sshPort.errors?.required && (sshPort.invalid && sshPort.touched)">SSH port should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always">
-            <mat-label>SSH username</mat-label>
-            <input matInput name="sshUsername" #sshUsername="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-username-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH username is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH username is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshUsername">
-            <mat-error *ngIf="sshUsername.errors?.required && (sshUsername.invalid && sshUsername.touched)">SSH username should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssl" #ssh="ngModel"
-            labelPosition="after"
-            data-testid="connection-ssl-checkbox"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL is switched')"
-            [angularticsProperties]="{'enable': connection.ssl}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssl">
-            Check SSL certificate
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssl" appearance="outline" class="advanced-settings__fullLine">
-            <mat-label>SSL certificate</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="sslCert" #sslCert="ngModel"
-                data-testid="connection-ssl-certificate-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL certificate is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL certificate is edited')"
-                [required]="connection.ssl" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.cert"
-            ></textarea>
-            <mat-error *ngIf="sslCert.errors?.required && (sslCert.invalid && sslCert.touched)">SSL certificate should not be empty</mat-error>
-        </mat-form-field>
-    </div>
-</mat-expansion-panel>
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.spec.ts b/frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.spec.ts
deleted file mode 100644
index 95b9f2e3d..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.spec.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { PostgresCredentialsFormComponent } from './postgres-credentials-form.component';
-
-describe('PostgresCredentialsFormComponent', () => {
-	let component: PostgresCredentialsFormComponent;
-	let fixture: ComponentFixture<PostgresCredentialsFormComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				FormsModule,
-				MatCheckboxModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot({}),
-				PostgresCredentialsFormComponent,
-			],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PostgresCredentialsFormComponent);
-		component = fixture.componentInstance;
-
-		component.connection = {
-			id: '12345678',
-		} as any;
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.stories.ts b/frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.stories.ts
deleted file mode 100644
index d880207e4..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.stories.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PostgresCredentialsFormComponent } from './postgres-credentials-form.component';
-
-const mockConnection = {
-	id: null,
-	database: 'test_db',
-	title: 'Test PostgreSQL Connection',
-	host: 'localhost',
-	port: '5432',
-	sid: null,
-	type: 'postgres',
-	username: 'admin',
-	password: '',
-	ssh: false,
-	ssl: false,
-	cert: '',
-	masterEncryption: false,
-	azure_encryption: false,
-	connectionType: 'direct',
-	schema: 'public',
-};
-
-const meta: Meta<PostgresCredentialsFormComponent> = {
-	title: 'DB Credentials/PostgreSQL',
-	component: PostgresCredentialsFormComponent,
-	args: {
-		connection: mockConnection as any,
-		readonly: false,
-		submitting: false,
-		masterKey: '',
-		accessLevel: 'edit',
-	},
-};
-
-export default meta;
-type Story = StoryObj<PostgresCredentialsFormComponent>;
-
-export const Default: Story = {};
-
-export const Readonly: Story = {
-	args: {
-		readonly: true,
-	},
-};
-
-export const Submitting: Story = {
-	args: {
-		submitting: true,
-	},
-};
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.ts b/frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.ts
deleted file mode 100644
index 8bbcf1b08..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/postgres-credentials-form/postgres-credentials-form.component.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { NgIf } from '@angular/common';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Angulartics2Module } from 'angulartics2';
-import posthog from 'posthog-js';
-import { HostnameValidationDirective } from 'src/app/directives/hostnameValidator.directive';
-import { MasterEncryptionPasswordComponent } from '../../master-encryption-password/master-encryption-password.component';
-import { BaseCredentialsFormComponent } from '../base-credentials-form/base-credentials-form.component';
-
-@Component({
-	selector: 'app-postgres-credentials-form',
-	templateUrl: './postgres-credentials-form.component.html',
-	styleUrls: [
-		'../base-credentials-form/base-credentials-form.component.css',
-		'./postgres-credentials-form.component.css',
-	],
-	imports: [
-		NgIf,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatCheckboxModule,
-		MatExpansionModule,
-		HostnameValidationDirective,
-		MasterEncryptionPasswordComponent,
-		Angulartics2Module,
-	],
-})
-export class PostgresCredentialsFormComponent extends BaseCredentialsFormComponent {
-	protected posthog = posthog;
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.css b/frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.css
deleted file mode 100644
index 6f4923742..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.connectForm__hostname,
-.connectForm__port {
-	padding-bottom: 20px;
-}
-
-@media (width <= 600px) {
-	.connectForm__hostname {
-		padding-bottom: 44px;
-	}
-
-	.connectForm__port {
-		padding-bottom: 0;
-	}
-}
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.html b/frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.html
deleted file mode 100644
index 53a458f60..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.html
+++ /dev/null
@@ -1,193 +0,0 @@
-<mat-form-field appearance="outline" class="connectForm__hostname credentials-fieldset__1-3-columns"
-    [class.autofilled]="autoFilledFields?.has('host')">
-    <mat-label>Hostname</mat-label>
-    <input matInput name="hostname" #hostname="ngModel"
-        data-testid="connection-hostname-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: hostname is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: hostname is edited'); clearAutoFilled('host')"
-        required hostnameValidator
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.host">
-    <mat-hint>
-        E.g. <strong><code>redis-12345.c17.us-east-1-2.ec2.cloud.redislabs.com</code></strong>
-        <br/>
-        Connections from internal IPs (e.g. localhost) are not supported
-    </mat-hint>
-
-    <mat-error *ngIf="hostname.errors?.isLocalhost && hostname.invalid">
-        To connect a database to an internal IP, use something like <strong>Pinggy</strong>
-        (<a [href]="tunnelingServiceLink" target="_blank" class="credentials-fieldset__hint-link">here's a guide</a>),
-        or <button type="button" (click)="switchToAgent.emit()" class="credentials-fieldset__hint-button">click here</button> to connect through an agent
-    </mat-error>
-    <mat-error *ngIf="hostname.errors?.isInvalidHostname && hostname.invalid">Hostname is invalid</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="connectForm__port"
-    [class.autofilled]="autoFilledFields?.has('port')">
-    <mat-label>Port</mat-label>
-    <input matInput type="number" name="port" #port="ngModel"
-        data-testid="connection-port-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: port is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: port is edited'); clearAutoFilled('port')"
-        required
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.port">
-    <mat-error *ngIf="port.errors?.required && (port.invalid && port.touched)">Port should not be empty</mat-error>
-</mat-form-field>
-
-<mat-form-field appearance="outline" class="credentials-fieldset__1-4-columns"
-    [class.autofilled]="autoFilledFields?.has('password')">
-    <mat-label>Password</mat-label>
-    <input type="password" matInput name="password" #password="ngModel"
-        data-testid="connection-password-input"
-        angulartics2On="change"
-        angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: password is edited"
-        (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: password is edited'); clearAutoFilled('password')"
-        [required]="!connection.id || hostname.touched || port.touched"
-        [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-        [disabled]="submitting"
-        [(ngModel)]="connection.password">
-    <mat-hint *ngIf="connection.id && (hostname.pristine && port.pristine)">To keep password the same keep this field blank</mat-hint>
-    <mat-hint *ngIf="connection.id && (hostname.dirty || port.dirty)">Password needed due to hostname/port change</mat-hint>
-</mat-form-field>
-
-<mat-expansion-panel class="credentials-fieldset__1-4-columns">
-    <mat-expansion-panel-header data-testid="connection-advanced-settings-expansion-panel-header">
-        <mat-panel-title>
-            Advanced settings
-        </mat-panel-title>
-    </mat-expansion-panel-header>
-
-    <div class="advanced-settings">
-        <app-master-encryption-password class="advanced-settings__fullLine"
-            [masterKey]="masterKey"
-            [disabled]="accessLevel === 'readonly' || submitting || connection.isTestConnection"
-            (onMasterKeyChange)="handleMasterKeyChange($event)">
-        </app-master-encryption-password>
-
-        <mat-form-field appearance="outline" class="advanced-settings__fullLine"
-    [class.autofilled]="autoFilledFields?.has('username')">
-            <mat-label>Username</mat-label>
-            <input matInput name="username" #username="ngModel"
-                data-testid="connection-username-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: username is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: username is edited'); clearAutoFilled('username')"
-                [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.username">
-            <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field appearance="outline" class="advanced-settings__fullLine"
-    [class.autofilled]="autoFilledFields?.has('database')">
-            <mat-label>Database name</mat-label>
-            <input matInput name="database" #database="ngModel"
-                data-testid="connection-database-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: database name is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: database name is edited'); clearAutoFilled('database')"
-                [readonly]="(accessLevel === 'readonly' || connection.isTestConnection) && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.database">
-            <mat-error *ngIf="database.errors?.required && (database.invalid && database.touched)">Name should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssh" #ssh="ngModel"
-            data-testid="connection-ssh-checkbox"
-            labelPosition="after"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH is switched')"
-            [angularticsProperties]="{'enable': connection.ssh}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssh">
-            Use SSH tunnel
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always" class="advanced-settings__fullLine">
-            <mat-label>Private SSH key</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="privateSSHKey" #privateSSHKey="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-key-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH key is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH key is edited')"
-                [required]="connection.ssh && !connection.id" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.privateSSHKey"
-            ></textarea>
-            <mat-error *ngIf="privateSSHKey.errors?.required && (privateSSHKey.invalid && privateSSHKey.touched)">Private SSH key should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH host</mat-label>
-            <input matInput name="sshHost" #sshHost="ngModel"
-                data-testid="connection-ssh-host-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH host is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH host is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshHost">
-            <mat-error *ngIf="sshHost.errors?.required && (sshHost.invalid && sshHost.touched)">SSH host should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline">
-            <mat-label>SSH port</mat-label>
-            <input matInput type="number" name="sshPort" #sshPort="ngModel"
-                data-testid="connection-ssh-port-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH port is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH port is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshPort">
-            <mat-error *ngIf="sshPort.errors?.required && (sshPort.invalid && sshPort.touched)">SSH port should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-form-field *ngIf="connection.ssh" appearance="outline" floatLabel="always">
-            <mat-label>SSH username</mat-label>
-            <input matInput name="sshUsername" #sshUsername="ngModel"
-                placeholder="Sensitive — write-only field"
-                data-testid="connection-ssh-username-input"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSH username is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSH username is edited')"
-                [required]="connection.ssh" [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.sshUsername">
-            <mat-error *ngIf="sshUsername.errors?.required && (sshUsername.invalid && sshUsername.touched)">SSH username should not be empty</mat-error>
-        </mat-form-field>
-
-        <mat-checkbox class="checkbox-line advanced-settings__fullLine" name="ssl" #ssh="ngModel"
-            labelPosition="after"
-            data-testid="connection-ssl-checkbox"
-            angulartics2On="click"
-            angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL is switched"
-            (click)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL is switched')"
-            [angularticsProperties]="{'enable': connection.ssl}"
-            [disabled]="submitting || connection.isTestConnection"
-            [(ngModel)]="connection.ssl">
-            Check SSL certificate
-        </mat-checkbox>
-
-        <mat-form-field *ngIf="connection.ssl" appearance="outline" class="advanced-settings__fullLine">
-            <mat-label>SSL certificate</mat-label>
-            <textarea matInput resizeToFitContent rows="8" name="sslCert" #sslCert="ngModel"
-                data-testid="connection-ssl-certificate-textarea"
-                angulartics2On="change"
-                angularticsAction="Connection creds {{ connection.id ? 'edit' : 'add' }}: SSL certificate is edited"
-                (change)="posthog.capture('Connection creds {{ connection.id ? \'edit\' : \'add\' }}: SSL certificate is edited')"
-                [readonly]="accessLevel === 'readonly' && connection.id"
-                [disabled]="submitting"
-                [(ngModel)]="connection.cert"
-            ></textarea>
-            <mat-error *ngIf="sslCert.errors?.required && (sslCert.invalid && sslCert.touched)">SSL certificate should not be empty</mat-error>
-        </mat-form-field>
-    </div>
-</mat-expansion-panel>
\ No newline at end of file
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.spec.ts b/frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.spec.ts
deleted file mode 100644
index 9bc8dbba9..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.spec.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { RedisCredentialsFormComponent } from './redis-credentials-form.component';
-
-describe('RedisCredentialsFormComponent', () => {
-	let component: RedisCredentialsFormComponent;
-	let fixture: ComponentFixture<RedisCredentialsFormComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				FormsModule,
-				MatCheckboxModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot({}),
-				RedisCredentialsFormComponent,
-			],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(RedisCredentialsFormComponent);
-		component = fixture.componentInstance;
-
-		component.connection = {
-			id: '12345678',
-		} as any;
-
-		// component.connection = {
-		//   "title": "Test connection via SSH tunnel to mySQL",
-		//   "masterEncryption": false,
-		//   "type": DBtype.MySQL,
-		//   "host": "database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com",
-		//   "port": "3306",
-		//   "username": "admin",
-		//   "database": "testDB",
-		//   "schema": null,
-		//   "sid": null,
-		//   "id": "9d5f6d0f-9516-4598-91c4-e4fe6330b4d4",
-		//   "ssh": true,
-		//   "sshHost": "3.134.99.192",
-		//   "sshPort": '22',
-		//   "sshUsername": "ubuntu",
-		//   "ssl": false,
-		//   "cert": null,
-		//   "connectionType": ConnectionType.Direct,
-		//   "azure_encryption": false,
-		//   "signing_key": ''
-		// };
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.stories.ts b/frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.stories.ts
deleted file mode 100644
index 7c8030024..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.stories.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { RedisCredentialsFormComponent } from './redis-credentials-form.component';
-
-const mockConnection = {
-	id: null,
-	database: '0',
-	title: 'Test Redis Connection',
-	host: 'localhost',
-	port: '6379',
-	sid: null,
-	type: 'redis',
-	username: '',
-	password: '',
-	ssh: false,
-	ssl: false,
-	cert: '',
-	masterEncryption: false,
-	azure_encryption: false,
-	connectionType: 'direct',
-	schema: '',
-};
-
-const meta: Meta<RedisCredentialsFormComponent> = {
-	title: 'DB Credentials/Redis',
-	component: RedisCredentialsFormComponent,
-	args: {
-		connection: mockConnection as any,
-		readonly: false,
-		submitting: false,
-		masterKey: '',
-		accessLevel: 'edit',
-	},
-};
-
-export default meta;
-type Story = StoryObj<RedisCredentialsFormComponent>;
-
-export const Default: Story = {};
-
-export const Readonly: Story = {
-	args: {
-		readonly: true,
-	},
-};
-
-export const Submitting: Story = {
-	args: {
-		submitting: true,
-	},
-};
diff --git a/frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.ts b/frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.ts
deleted file mode 100644
index 6d24ee576..000000000
--- a/frontend/src/app/components/connect-db/db-credentials-forms/redis-credentials-form/redis-credentials-form.component.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { NgIf } from '@angular/common';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Angulartics2Module } from 'angulartics2';
-import posthog from 'posthog-js';
-import { HostnameValidationDirective } from 'src/app/directives/hostnameValidator.directive';
-import { MasterEncryptionPasswordComponent } from '../../master-encryption-password/master-encryption-password.component';
-import { BaseCredentialsFormComponent } from '../base-credentials-form/base-credentials-form.component';
-
-@Component({
-	selector: 'app-redis-credentials-form',
-	templateUrl: './redis-credentials-form.component.html',
-	styleUrls: ['../base-credentials-form/base-credentials-form.component.css', './redis-credentials-form.component.css'],
-	imports: [
-		NgIf,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatCheckboxModule,
-		MatExpansionModule,
-		HostnameValidationDirective,
-		MasterEncryptionPasswordComponent,
-		Angulartics2Module,
-	],
-})
-export class RedisCredentialsFormComponent extends BaseCredentialsFormComponent {
-	protected posthog = posthog;
-}
diff --git a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.css b/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.css
deleted file mode 100644
index 4ef99b6cb..000000000
--- a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.css
+++ /dev/null
@@ -1,58 +0,0 @@
-.encription-setting {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	flex-wrap: wrap;
-	margin-bottom: 20px;
-}
-
-.encription-password {
-	display: flex;
-	flex-direction: column;
-	margin-top: 32px;
-	width: 100%;
-}
-
-.encription-password__field {
-	display: flex;
-	align-items: center;
-	width: 100%;
-}
-
-.encription-password__copy-button {
-	margin-top: -20px;
-	margin-left: -40px;
-}
-
-.docs-notification {
-	display: flex;
-	gap: 8px;
-	background-color: var(--bg-color);
-	border-left: 12px solid #ff6f00;
-	color: var(--mat-sidenav-content-text-color);
-	margin-top: -8px;
-	padding: 16px 12px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.docs-notification {
-		--bg-color: #292929;
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.docs-notification {
-		--bg-color: #f4f4f4;
-	}
-}
-
-.docs-notification__warning {
-	line-height: 1.55em;
-	margin-bottom: 8px;
-}
-
-.docs-link {
-	color: #ef6c00;
-	font-weight: 500;
-	text-decoration: none;
-}
diff --git a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.html b/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.html
deleted file mode 100644
index 65ae7d7ae..000000000
--- a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<div class="encription-setting">
-    <mat-slide-toggle name="encryption"
-        data-testid="connection-master-encryption-toggle"
-        angulartics2On="click"
-        angularticsAction="Connection creds: client-side encryption is switched"
-        (click)="posthog.capture('Connection creds: client-side encryption is switched')"
-        [angularticsProperties]="{'enable': isMasterKeyTurnedOn}"
-        [disabled]="disabled"
-        [(ngModel)]="isMasterKeyTurnedOn"
-        (ngModelChange)="generatePassword($event)">
-        Use client-side encryption
-    </mat-slide-toggle>
-    <div *ngIf="isMasterKeyTurnedOn && masterKey" class="encription-password">
-        <div class="encription-password__field">
-            <mat-form-field appearance="outline" style="width:100%">
-                <mat-label>Master password</mat-label>
-                <input matInput data-testid="connection-master-password-input"
-                    name="masterPassword" #masterPassword="ngModel"
-                    readonly
-                    [(ngModel)]="masterKey">
-            </mat-form-field>
-            <button mat-icon-button type="button" data-testid="connection-master-password-copy-button"
-                class="encription-password__copy-button"
-                [cdkCopyToClipboard]="masterKey"
-                (cdkCopyToClipboardCopied)="showCopyNotification('Master password was copied to clipboard.')">
-                <mat-icon>content_copy</mat-icon>
-            </button>
-        </div>
-
-        <div class="docs-notification">
-            <div>
-                <p class="docs-notification__warning">
-                    Rocketadmin will not store your master password.
-                    <br/>
-                    To retain access, store it in a safe place.
-                    <br/>
-                    Share it only with users you want to have access to this connection.
-                </p>
-                <a href="https://docs.rocketadmin.com/Reference/MasterPassword"
-                    target="_blank" class="docs-link">
-                    Open docs
-                </a>
-            </div>
-        </div>
-    </div>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.spec.ts b/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.spec.ts
deleted file mode 100644
index aced728d6..000000000
--- a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Angulartics2Module } from 'angulartics2';
-import { MasterEncryptionPasswordComponent } from './master-encryption-password.component';
-
-describe('MasterEncryptionPasswordComponent', () => {
-	let component: MasterEncryptionPasswordComponent;
-	let fixture: ComponentFixture<MasterEncryptionPasswordComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [Angulartics2Module.forRoot({}), MasterEncryptionPasswordComponent],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(MasterEncryptionPasswordComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.ts b/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.ts
deleted file mode 100644
index 7b76c8360..000000000
--- a/frontend/src/app/components/connect-db/master-encryption-password/master-encryption-password.component.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Angulartics2Module } from 'angulartics2';
-import posthog from 'posthog-js';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { NotificationsService } from 'src/app/services/notifications.service';
-
-@Component({
-	selector: 'app-master-encryption-password',
-	templateUrl: './master-encryption-password.component.html',
-	styleUrl: './master-encryption-password.component.css',
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatSlideToggleModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatButtonModule,
-		MatIconModule,
-		MatTooltipModule,
-		ClipboardModule,
-		Angulartics2Module,
-	],
-})
-export class MasterEncryptionPasswordComponent implements OnInit {
-	protected posthog = posthog;
-	@Input() disabled: boolean;
-	@Input() masterKey: string;
-	// @Input() isMasterKeyTurnedOn: boolean;
-
-	@Output() onMasterKeyChange = new EventEmitter<string>();
-	// @Output() onMasterKeyToggle = new EventEmitter<boolean>();
-
-	public isMasterKeyTurnedOn: boolean = false;
-
-	constructor(
-		private _connections: ConnectionsService,
-		private _notifications: NotificationsService,
-	) {}
-
-	ngOnInit() {
-		this.isMasterKeyTurnedOn = this._connections.currentConnection.masterEncryption;
-	}
-
-	generatePassword(checked: boolean) {
-		if (checked) {
-			let randomArray = new Uint8Array(32);
-			window.crypto.getRandomValues(randomArray);
-			this.masterKey = btoa(String.fromCharCode(...randomArray));
-
-			this.onMasterKeyChange.emit(this.masterKey);
-		}
-		// this.onMasterKeyToggle.emit(checked);
-	}
-
-	showCopyNotification(message: string) {
-		this._notifications.showSuccessSnackbar(message);
-	}
-}
diff --git a/frontend/src/app/components/connection-settings/connection-settings.component.css b/frontend/src/app/components/connection-settings/connection-settings.component.css
deleted file mode 100644
index 3b32833ba..000000000
--- a/frontend/src/app/components/connection-settings/connection-settings.component.css
+++ /dev/null
@@ -1,210 +0,0 @@
-:host app-alert:not(:empty) {
-	--alert-margin: 24px;
-}
-
-.settings-page {
-	height: 100%;
-	margin: var(--top-margin) 0;
-	padding: 0 max(calc(50vw - 325px), 10%);
-}
-
-.mat-h1 {
-	margin-bottom: 1.5em !important;
-}
-
-.settings-form {
-	display: flex;
-	flex-direction: column;
-	align-items: stretch;
-	padding-bottom: 72px;
-}
-
-.form-group-ordering {
-	display: flex;
-}
-
-.form-group-ordering__ordering-by {
-	width: 50%;
-}
-
-.form-group-ordering__order-options {
-	margin-top: 24px;
-	margin-left: 16px;
-}
-
-.form-group-ordering__order-options * {
-	margin-right: 16px;
-}
-
-.logo-uploader {
-	display: flex;
-	align-items: flex-start;
-	gap: 16px;
-	width: 100%;
-}
-
-.logo-box {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background: #171d39;
-	border-radius: 4px;
-	max-width: 160px;
-	height: 44px;
-	object-fit: contain;
-	padding: 4px 8px;
-}
-
-.logo-img {
-	height: 40px;
-	max-width: 136px;
-	object-fit: contain;
-}
-
-.logo-input {
-	flex-grow: 1;
-}
-
-.logo-stub {
-	margin-top: 12px;
-}
-
-.color-theme {
-	display: grid;
-	grid-template-columns: repeat(2, 1fr);
-	grid-gap: 24px;
-	align-items: center;
-}
-
-.color-item {
-	position: relative;
-}
-
-.color-input {
-	width: 100%;
-}
-
-.color-input ::ng-deep input.mat-mdc-input-element {
-	box-sizing: border-box;
-	padding-top: 4px;
-	padding-left: 24px;
-}
-
-.color-sample {
-	position: absolute;
-	top: 8px;
-	left: 8px;
-	background-color: var(--color);
-	border-radius: 4px;
-	height: 24px;
-	margin-top: 4px;
-	width: 24px;
-}
-
-.table-name {
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-}
-
-.table-name__title {
-	color: black;
-	font-size: 16px;
-	margin-bottom: -6px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.table-name__title {
-		color: var(--color-whitePalette-500);
-	}
-}
-
-.table-name__line {
-	color: rgba(0, 0, 0, 0.6);
-	font-size: 12px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.table-name__line {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
-
-.actions {
-	position: fixed;
-	left: 0;
-	bottom: 0;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	background-color: var(--background-color);
-	box-shadow: var(--shadow);
-	height: 64px;
-	padding: 0 max(calc(50vw - 325px), 10%);
-	width: 100vw;
-}
-
-@media (prefers-color-scheme: dark) {
-	.actions {
-		--shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.5), 0 2px 2px 0 rgba(0, 0, 0, 0.64), 0 1px 5px 0 rgba(0, 0, 0, 0.85);
-		--background-color: var(--surface-dark-color);
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.actions {
-		--shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-		--background-color: #fff;
-	}
-}
-
-.settings-form__back-button {
-	margin-right: auto;
-}
-
-.settings-form__save-button {
-	margin-left: 20px;
-}
-
-.settings-banner {
-	margin: -124px calc(max(calc(50vw - 325px), 10%) * -1) 0;
-	width: 100vw;
-}
-
-.error-details {
-	margin-top: 8px;
-}
-
-.audit-toggle {
-	margin-top: 4px;
-}
-
-@media (width <= 600px) {
-	.color-theme {
-		display: flex;
-		flex-direction: column;
-		gap: 0;
-	}
-
-	.color-item {
-		width: 100%;
-		min-width: 0;
-	}
-
-	.color-input {
-		width: 100%;
-		min-width: 0;
-	}
-
-	.color-input ::ng-deep .mat-mdc-text-field-wrapper,
-	.color-input ::ng-deep .mat-mdc-form-field-flex,
-	.color-input ::ng-deep .mat-mdc-form-field-infix {
-		min-width: 0 !important;
-		width: auto !important;
-	}
-
-	.color-input ::ng-deep input.mat-mdc-input-element {
-		padding-left: 24px;
-		min-width: 0;
-	}
-}
diff --git a/frontend/src/app/components/connection-settings/connection-settings.component.html b/frontend/src/app/components/connection-settings/connection-settings.component.html
deleted file mode 100644
index 5ad196233..000000000
--- a/frontend/src/app/components/connection-settings/connection-settings.component.html
+++ /dev/null
@@ -1,165 +0,0 @@
-<app-alert></app-alert>
-<div class="settings-page">
-    <h1 class="mat-h1">Settings for <strong>{{connectionName}}</strong> connection</h1>
-
-    <app-placeholder-connection-settings *ngIf="loading"></app-placeholder-connection-settings>
-
-    <app-banner *ngIf="noTablesError" type="info" class="settings-banner">
-        <h3 class='mat-subheading-2'>Rocketadmin can not find any tables</h3>
-        <p class="mat-body-1">
-            There are no tables to apply settings.
-            Please grant Rocketadmin access to required tables or create new table.
-            You can create a table with SQL editor
-        </p>
-    </app-banner>
-
-    <app-banner *ngIf="isServerError" type="error" class="settings-banner">
-        <div *ngIf="serverError.details; else stringError" class="mat-body-1">
-            <strong>{{serverError.abstract}}</strong>
-            <p class="mat-body-1 error-details">{{serverError.details}}</p>
-        </div>
-        <ng-template #stringError>
-            <p class="mat-body-1">{{serverError.abstract}}</p>
-        </ng-template>
-        <div class="error-actions">
-            <a mat-stroked-button *ngIf="canEditConnection()"
-                routerLink="/edit-db/{{connectionID}}">
-                Check database credentials
-            </a>
-            <button type="button" *ngIf="isSaas" mat-flat-button color="warn" (click)="openIntercome()">Chat with support</button>
-            <a *ngIf="!isSaas" mat-flat-button color="warn"
-                href="https://github.com/rocket-admin/rocketadmin/issues" target="_blank">
-                Report a bug
-            </a>
-        </div>
-    </app-banner>
-
-    <form *ngIf="!isServerError && !noTablesError && !loading" #connectionSettingsForm="ngForm" (ngSubmit)="handleSettingsSubmitting()">
-        <div class="settings-form">
-            <div class="logo-uploader">
-                <div class="logo-box" *ngIf="connectionSettings.logo_url; else logoStub">
-                    <img [src]="connectionSettings.logo_url"
-                    class="logo-img"
-                    alt="project-logo">
-                </div>
-                <ng-template #logoStub>
-                    <mat-icon class="logo-stub">image</mat-icon>
-                </ng-template>
-                <mat-form-field appearance="outline" class="logo-input">
-                    <mat-label>Logo URL</mat-label>
-                    <input matInput name="logo-url" #username="ngModel"
-                        angulartics2On="change"
-                        angularticsAction="Connection settings: logo URL is edited"
-                        (change)="posthog.capture('Connection settings: logo URL is edited')"
-                        [disabled]="submitting"
-                        [(ngModel)]="connectionSettings.logo_url">
-                    <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty.</mat-error>
-                </mat-form-field>
-            </div>
-
-            <!--<mat-form-field appearance="outline">
-                <mat-label>Project name</mat-label>
-                <input matInput name="company-name" #username="ngModel"
-                    angulartics2On="change"
-                    angularticsAction="Connection settings: company name is edited"
-                    (change)="posthog.capture('Connection settings: company name is edited')"
-                    [disabled]="submitting"
-                    [(ngModel)]="connectionSettings.company_name">
-                <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty.</mat-error>
-            </mat-form-field>-->
-
-            <div class="color-theme">
-                <div class="color-item">
-                    <div class="color-sample" [style.--color]="connectionSettings.primary_color"></div>
-                    <mat-form-field appearance="outline" class="color-input">
-                        <mat-label>Primary color (HEX)</mat-label>
-                        <input matInput name="primary-color" #username="ngModel"
-                            angulartics2On="change"
-                            angularticsAction="Connection settings: primary color is edited"
-                            (change)="posthog.capture('Connection settings: primary color is edited')"
-                            [disabled]="submitting"
-                            [(ngModel)]="connectionSettings.primary_color">
-                        <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty.</mat-error>
-                    </mat-form-field>
-                </div>
-
-                <div class="color-item">
-                    <div class="color-sample" [style.--color]="connectionSettings.secondary_color"></div>
-                    <mat-form-field appearance="outline" class="color-input">
-                        <mat-label>Accented color (HEX)</mat-label>
-                        <input matInput name="accented-color" #username="ngModel"
-                            angulartics2On="change"
-                            angularticsAction="Connection settings: accented color is edited"
-                            (change)="posthog.capture('Connection settings: accented color is edited')"
-                            [disabled]="submitting"
-                            [(ngModel)]="connectionSettings.secondary_color">
-                        <mat-error *ngIf="username.errors?.required && (username.invalid && username.touched)">Username should not be empty.</mat-error>
-                    </mat-form-field>
-                </div>
-
-            </div>
-
-            <mat-form-field appearance="outline">
-                <mat-label>Hidden tables</mat-label>
-                <mat-select multiple
-                    name="hidden_tables"
-                    [disabled]="submitting"
-                    angulartics2On="click"
-                    angularticsAction="Connection settings: hidden tables is selected"
-                    (click)="posthog.capture('Connection settings: hidden tables is selected')"
-                    [(ngModel)]="connectionSettings.hidden_tables">
-                    <mat-option *ngFor="let table of tablesList" [value]="table.table">
-                        <div class="table-name">
-                            <span class="table-name__title">{{table.display_name || table.normalizedTableName}}</span>
-                            <span class="table-name__line"> ({{table.table}})</span>
-                        </div>
-                    </mat-option>
-                </mat-select>
-            </mat-form-field>
-
-            <mat-form-field appearance="outline">
-                <mat-label>Table displayed by default</mat-label>
-                <mat-select
-                    name="default_showing_table"
-                    [disabled]="submitting"
-                    angulartics2On="click"
-                    angularticsAction="Connection settings: default display table is selected"
-                    (click)="posthog.capture('Connection settings: default display table is selected')"
-                    [(ngModel)]="connectionSettings.default_showing_table">
-                    <mat-option [value]="null"></mat-option>
-                    <mat-option *ngFor="let table of tablesList" [value]="table.table">
-                        <div class="table-name">
-                            <span class="table-name__title">{{table.display_name || table.normalizedTableName}}</span>
-                            <span class="table-name__line"> ({{table.table}})</span>
-                        </div>
-                    </mat-option>
-                </mat-select>
-            </mat-form-field>
-
-            <mat-slide-toggle name="audit"
-                class="audit-toggle" color="primary"
-                [disabled]="submitting"
-                angulartics2On="click"
-                angularticsAction="Connection settings: log recording is toggled"
-                (click)="posthog.capture('Connection settings: log recording is toggled')"
-                [angularticsProperties]="{'enable': connectionSettings.tables_audit}"
-                [(ngModel)]="connectionSettings.tables_audit">
-                Log changes in tables
-            </mat-slide-toggle>
-        </div>
-        <div *ngIf="canEditConnection()" class="actions">
-            <button mat-flat-button color="warn"
-                type="button"
-                [disabled]="!isSettingsExist || submitting || connectionSettingsForm.form.invalid"
-                (click)="resetSettings()">
-                Reset
-            </button>
-            <button mat-flat-button color="primary"
-                type="submit"
-                class="settings-form__save-button"
-                [disabled]="submitting || connectionSettingsForm.form.invalid || connectionSettingsForm.form.pristine">
-                Save
-            </button>
-        </div>
-    </form>
-</div>
diff --git a/frontend/src/app/components/connection-settings/connection-settings.component.spec.ts b/frontend/src/app/components/connection-settings/connection-settings.component.spec.ts
deleted file mode 100644
index e0fa08653..000000000
--- a/frontend/src/app/components/connection-settings/connection-settings.component.spec.ts
+++ /dev/null
@@ -1,242 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { forwardRef } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { ConnectionSettings } from 'src/app/models/connection';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { ConnectionSettingsComponent } from './connection-settings.component';
-
-describe('ConnectionSettingsComponent', () => {
-	let component: ConnectionSettingsComponent;
-	let fixture: ComponentFixture<ConnectionSettingsComponent>;
-	let tablesService: TablesService;
-	let connectionsService: ConnectionsService;
-
-	const mockTablesList = [
-		{
-			table: 'customer',
-			permissions: {
-				visibility: true,
-				readonly: false,
-				add: true,
-				delete: true,
-				edit: true,
-			},
-		},
-		{
-			table: 'Orders',
-			permissions: {
-				visibility: true,
-				readonly: false,
-				add: true,
-				delete: true,
-				edit: true,
-			},
-			display_name: 'Created orders',
-		},
-		{
-			table: 'product',
-			permissions: {
-				visibility: true,
-				readonly: false,
-				add: true,
-				delete: true,
-				edit: true,
-			},
-		},
-	];
-
-	const mockConnectionSettings: ConnectionSettings = {
-		primary_color: '#1F5CB8',
-		secondary_color: '#F9D648',
-		logo_url: 'https://www.shutterstock.com/image-vector/abstract-yellow-grunge-texture-isolated-260nw-1981157192.jpg',
-		company_name: 'Such.Ukr.Lit',
-		hidden_tables: ['writer_info', 'address'],
-		tables_audit: false,
-		default_showing_table: 'customer',
-	};
-
-	const mockConnectionSettingsResponse = {
-		id: '98a20557-6b38-46aa-b09b-d8a716421dd6',
-		connectionId: '63f804e4-8588-4957-8d7f-655e2309fef7',
-		...mockConnectionSettings,
-	};
-
-	beforeEach(async () => {
-		const matSnackBarSpy = { open: vi.fn() };
-
-		await TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				MatDialogModule,
-				FormsModule,
-				MatSelectModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot(),
-				ConnectionSettingsComponent,
-			],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{
-					provide: NG_VALUE_ACCESSOR,
-					useExisting: forwardRef(() => ConnectionSettingsComponent),
-					multi: true,
-				},
-				{ provide: MatSnackBar, useValue: matSnackBarSpy },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(ConnectionSettingsComponent);
-		component = fixture.componentInstance;
-		tablesService = TestBed.inject(TablesService);
-		connectionsService = TestBed.inject(ConnectionsService);
-		vi.spyOn(connectionsService, 'currentConnectionID', 'get').mockReturnValue('12345678');
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should set table list', () => {
-		const fakeFetchTables = vi.spyOn(tablesService, 'fetchTables').mockReturnValue(of(mockTablesList));
-
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(fakeFetchTables).toHaveBeenCalledWith('12345678', true);
-		expect(component.tablesList).toEqual([
-			{
-				table: 'customer',
-				permissions: {
-					visibility: true,
-					readonly: false,
-					add: true,
-					delete: true,
-					edit: true,
-				},
-				normalizedTableName: 'Customers',
-			},
-			{
-				table: 'Orders',
-				permissions: {
-					visibility: true,
-					readonly: false,
-					add: true,
-					delete: true,
-					edit: true,
-				},
-				display_name: 'Created orders',
-			},
-			{
-				table: 'product',
-				permissions: {
-					visibility: true,
-					readonly: false,
-					add: true,
-					delete: true,
-					edit: true,
-				},
-				normalizedTableName: 'Products',
-			},
-		]);
-	});
-
-	it('should show error if db is empty', () => {
-		const fakeFetchTables = vi.spyOn(tablesService, 'fetchTables').mockReturnValue(of([]));
-
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(fakeFetchTables).toHaveBeenCalledWith('12345678', true);
-		expect(component.noTablesError).toBe(true);
-	});
-
-	it('should set table settings if they are existed', () => {
-		const fakeGetSettings = vi
-			.spyOn(connectionsService, 'getConnectionSettings')
-			.mockReturnValue(of(mockConnectionSettingsResponse));
-
-		component.getSettings();
-
-		expect(fakeGetSettings).toHaveBeenCalledWith('12345678');
-		expect(component.connectionSettings).toEqual(mockConnectionSettingsResponse);
-		expect(component.isSettingsExist).toBe(true);
-	});
-
-	it('should set empty settings if they are not existed', () => {
-		const fakeGetSettings = vi.spyOn(connectionsService, 'getConnectionSettings').mockReturnValue(of(null));
-
-		component.getSettings();
-
-		expect(fakeGetSettings).toHaveBeenCalledWith('12345678');
-		expect(component.connectionSettings).toEqual({
-			hidden_tables: [],
-			default_showing_table: null,
-			primary_color: '',
-			secondary_color: '',
-			logo_url: '',
-			company_name: '',
-			tables_audit: true,
-		});
-		expect(component.isSettingsExist).toBe(false);
-	});
-
-	it('should create settings', () => {
-		component.connectionSettings = mockConnectionSettings;
-		const fakeCreateSettings = vi.spyOn(connectionsService, 'createConnectionSettings').mockReturnValue(of());
-
-		component.createSettings();
-
-		expect(fakeCreateSettings).toHaveBeenCalledWith('12345678', {
-			primary_color: '#1F5CB8',
-			secondary_color: '#F9D648',
-			logo_url:
-				'https://www.shutterstock.com/image-vector/abstract-yellow-grunge-texture-isolated-260nw-1981157192.jpg',
-			company_name: 'Such.Ukr.Lit',
-			hidden_tables: ['writer_info', 'address'],
-			default_showing_table: 'customer',
-			tables_audit: false,
-		});
-		expect(component.submitting).toBe(false);
-	});
-
-	it('should update settings', () => {
-		component.connectionSettings = mockConnectionSettings;
-		const fakeUpdateSettings = vi.spyOn(connectionsService, 'updateConnectionSettings').mockReturnValue(of());
-
-		component.updateSettings();
-
-		expect(fakeUpdateSettings).toHaveBeenCalledWith('12345678', {
-			primary_color: '#1F5CB8',
-			secondary_color: '#F9D648',
-			logo_url:
-				'https://www.shutterstock.com/image-vector/abstract-yellow-grunge-texture-isolated-260nw-1981157192.jpg',
-			company_name: 'Such.Ukr.Lit',
-			hidden_tables: ['writer_info', 'address'],
-			default_showing_table: 'customer',
-			tables_audit: false,
-		});
-		expect(component.submitting).toBe(false);
-	});
-
-	it('should reset settings', () => {
-		const fakeDeleteSettings = vi.spyOn(connectionsService, 'deleteConnectionSettings').mockReturnValue(of());
-
-		component.resetSettings();
-
-		expect(fakeDeleteSettings).toHaveBeenCalledWith('12345678');
-		expect(component.submitting).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/connection-settings/connection-settings.component.ts b/frontend/src/app/components/connection-settings/connection-settings.component.ts
deleted file mode 100644
index f1e486cc8..000000000
--- a/frontend/src/app/components/connection-settings/connection-settings.component.ts
+++ /dev/null
@@ -1,223 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { Title } from '@angular/platform-browser';
-import { RouterModule } from '@angular/router';
-import { Angulartics2, Angulartics2Module } from 'angulartics2';
-import posthog from 'posthog-js';
-import { take } from 'rxjs';
-import { ServerError } from 'src/app/models/alert';
-import { ConnectionSettings } from 'src/app/models/connection';
-import { TableProperties } from 'src/app/models/table';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { environment } from 'src/environments/environment';
-import { normalizeTableName } from '../../lib/normalize';
-import { PlaceholderConnectionSettingsComponent } from '../skeletons/placeholder-connection-settings/placeholder-connection-settings.component';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-import { BannerComponent } from '../ui-components/banner/banner.component';
-
-@Component({
-	selector: 'app-connection-settings',
-	templateUrl: './connection-settings.component.html',
-	styleUrls: ['./connection-settings.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatSelectModule,
-		MatSlideToggleModule,
-		MatButtonModule,
-		MatIconModule,
-		RouterModule,
-		BannerComponent,
-		PlaceholderConnectionSettingsComponent,
-		AlertComponent,
-		Angulartics2Module,
-	],
-})
-export class ConnectionSettingsComponent implements OnInit {
-	protected posthog = posthog;
-	public isSaas = (environment as any).saas;
-	public connectionID: string | null = null;
-	public tablesList: TableProperties[] = null;
-	public connectionSettingsInitial: ConnectionSettings = {
-		hidden_tables: [],
-		default_showing_table: null,
-		primary_color: '',
-		secondary_color: '',
-		logo_url: '',
-		company_name: '',
-		tables_audit: true,
-	};
-	public connectionSettings: ConnectionSettings = { ...this.connectionSettingsInitial };
-	// public hiddenTables: string[];
-	public loading: boolean = false;
-	public submitting: boolean = false;
-	public isSettingsExist: boolean = false;
-	public noTablesError: boolean = false;
-	public isServerError: boolean = false;
-	public serverError: ServerError;
-
-	constructor(
-		private _connections: ConnectionsService,
-		private _tables: TablesService,
-		private title: Title,
-		@Inject(Angulartics2) private angulartics2: Angulartics2,
-	) {}
-
-	ngOnInit(): void {
-		this._connections
-			.getCurrentConnectionTitle()
-			.pipe(take(1))
-			.subscribe((connectionTitle) => {
-				this.title.setTitle(`Settings - ${connectionTitle} | Rocketadmin`);
-			});
-
-		this.connectionID = this._connections.currentConnectionID;
-
-		this.loading = true;
-
-		this._tables.fetchTables(this.connectionID, true).subscribe(
-			(res) => {
-				if (res.length) {
-					this.tablesList = res.map((tableItem: TableProperties) => {
-						if (tableItem.display_name) return { ...tableItem };
-						else return { ...tableItem, normalizedTableName: normalizeTableName(tableItem.table) };
-					});
-				} else {
-					this.noTablesError = true;
-					// this.tablesList = res;
-				}
-				this.getSettings();
-			},
-			(err) => {
-				this.loading = false;
-				this.isServerError = true;
-				this.serverError = { abstract: err.error?.message || err.message, details: err.error?.originalMessage };
-			},
-		);
-	}
-
-	get connectionName() {
-		return this._connections.currentConnection.title || this._connections.currentConnection.database;
-	}
-
-	protected canEditConnection = () => this._connections.canEditConnection();
-
-	getSettings() {
-		this._connections.getConnectionSettings(this.connectionID).subscribe((res: any) => {
-			if (res) {
-				this.connectionSettings = { ...res };
-				this.isSettingsExist = true;
-			} else {
-				this.connectionSettings = { ...this.connectionSettingsInitial };
-				this.isSettingsExist = false;
-				console.log('this.connectionSettings in getSettings else');
-				console.log(this.connectionSettings);
-			}
-			this.loading = false;
-		});
-	}
-
-	handleSettingsSubmitting() {
-		if (this.isSettingsExist) {
-			this.updateSettings();
-		} else {
-			this.createSettings();
-		}
-	}
-
-	createSettings() {
-		this.submitting = true;
-
-		const updatedSettings = {};
-
-		for (const [key, value] of Object.entries(this.connectionSettings)) {
-			if (key === 'hidden_tables') {
-				updatedSettings[key] = value.length > 0;
-			} else {
-				updatedSettings[key] = Boolean(value);
-			}
-		}
-
-		this._connections.createConnectionSettings(this.connectionID, this.connectionSettings).subscribe(
-			() => {
-				this.getSettings();
-				this.submitting = false;
-				this.angulartics2.eventTrack.next({
-					action: 'Connection settings: settings is created successfully',
-					properties: updatedSettings,
-				});
-				posthog.capture('Connection settings: settings is created successfully');
-			},
-			() => (this.submitting = false),
-			() => (this.submitting = false),
-		);
-	}
-
-	updateSettings() {
-		this.submitting = true;
-
-		const updatedSettings = {};
-
-		for (const [key, value] of Object.entries(this.connectionSettings)) {
-			if (key === 'hidden_tables') {
-				updatedSettings[key] = value?.length > 0;
-			} else {
-				updatedSettings[key] = Boolean(value);
-			}
-		}
-
-		this._connections.updateConnectionSettings(this.connectionID, this.connectionSettings).subscribe(
-			() => {
-				this.getSettings();
-				this.submitting = false;
-				this.angulartics2.eventTrack.next({
-					action: 'Connection settings: settings is updated successfully',
-					properties: updatedSettings,
-				});
-				posthog.capture('Connection settings: settings is updated successfully');
-			},
-			() => (this.submitting = false),
-			() => (this.submitting = false),
-		);
-	}
-
-	resetSettings() {
-		this.submitting = true;
-		this._connections.deleteConnectionSettings(this.connectionID).subscribe(
-			() => {
-				this.getSettings();
-				this.submitting = false;
-				this.angulartics2.eventTrack.next({
-					action: 'Connection settings: settings is reset successfully',
-				});
-				posthog.capture('Connection settings: settings is reset successfully');
-			},
-			() => (this.submitting = false),
-			() => (this.submitting = false),
-		);
-	}
-
-	onFileSelected(event) {
-		let reader = new FileReader();
-		const file: File = event.target.files[0];
-
-		reader.addEventListener('load', () => {}, false);
-
-		reader.readAsArrayBuffer(file);
-	}
-
-	openIntercome() {
-		// @ts-expect-error
-		Intercom('show');
-	}
-}
diff --git a/frontend/src/app/components/connections-list/connections-list.component.css b/frontend/src/app/components/connections-list/connections-list.component.css
deleted file mode 100644
index ad8aba8ea..000000000
--- a/frontend/src/app/components/connections-list/connections-list.component.css
+++ /dev/null
@@ -1,91 +0,0 @@
-:host app-alert:not(:empty) {
-	--alert-margin: 24px;
-}
-
-.wrapper {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	background-image:
-		url("../../../assets/bg/connections-list-left-decoration.svg"),
-		url("../../../assets/bg/connections-list-right-decoration.svg");
-	background-repeat: no-repeat, no-repeat;
-	background-position:
-		left 125%,
-		right -26%;
-	background-size: 17%, 18%;
-	height: 100%;
-	padding: 72px max(calc(50vw - 535px), 10%) 72px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.wrapper {
-		background-image:
-			url("../../../assets/bg/connections-list-left-decoration_dark.svg"),
-			url("../../../assets/bg/connections-list-right-decoration_dark.svg");
-	}
-}
-
-@media (width <= 600px) {
-	.wrapper {
-		padding: 48px 9vw;
-		width: 100%;
-	}
-}
-
-.pageTitleHeader {
-	position: relative;
-	text-align: center;
-	margin-bottom: 54px;
-	width: 100%;
-}
-
-@media (width <= 600px) {
-	.pageTitleHeader {
-		margin-bottom: 32px;
-	}
-}
-
-.pageTitleHeader .pageTitle {
-	position: relative;
-	display: inline-block;
-}
-
-.pageTitleHeader .pageTitle__name {
-	font-weight: 600;
-	margin-bottom: 0;
-}
-
-@media (width <= 600px) {
-	.pageTitleHeader .pageTitle__name {
-		font-size: 20px !important;
-		line-height: 1.2 !important;
-	}
-}
-
-.companyEditLink {
-	position: absolute;
-	top: 50%;
-	right: -48px;
-	transform: translateY(-50%);
-	opacity: 0;
-	transition: opacity 200ms;
-}
-
-@media (width <= 600px) {
-	.companyEditLink {
-		opacity: 1;
-	}
-}
-
-.pageTitle:hover .companyEditLink {
-	opacity: 1;
-}
-
-.home {
-	display: contents;
-}
-
-.placeholder {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/connections-list/connections-list.component.html b/frontend/src/app/components/connections-list/connections-list.component.html
deleted file mode 100644
index f5dc4407f..000000000
--- a/frontend/src/app/components/connections-list/connections-list.component.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<app-alert></app-alert>
-<div class="wrapper">
-    <div *ngIf="companyName; else companyNameLoader" class="pageTitleHeader">
-        <div class="pageTitle">
-            <h1 class="mat-headline-4 pageTitle__name" data-testid="company-name">{{companyName}}</h1>
-            <a mat-icon-button *ngIf="currentUser.role === 'ADMIN'"
-                routerLink="/company"
-                class="companyEditLink">
-                <mat-icon>edit</mat-icon>
-            </a>
-        </div>
-
-    </div>
-    <ng-template #companyNameLoader>
-        <div class="skeleton" style="width: auto;">
-            <div class="bone" style="height: 40px; width: 18vw; margin-bottom: 54px;"></div>
-        </div>
-    </ng-template>
-
-    <div *ngIf="ownConnections !== null; else loader" class="home">
-        <app-own-connections
-            [currentUser]="currentUser"
-            [connections]="ownConnections"
-            [companyId]="currentUser?.company?.id">
-        </app-own-connections>
-    </div>
-    <ng-template #loader>
-        <app-placeholder-connections class="placeholder"></app-placeholder-connections>
-    </ng-template>
-</div>
diff --git a/frontend/src/app/components/connections-list/connections-list.component.spec.ts b/frontend/src/app/components/connections-list/connections-list.component.spec.ts
deleted file mode 100644
index ec316e3bc..000000000
--- a/frontend/src/app/components/connections-list/connections-list.component.spec.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { ConnectionsListComponent } from './connections-list.component';
-
-describe('ConnectionsListComponent', () => {
-	let component: ConnectionsListComponent;
-	let fixture: ComponentFixture<ConnectionsListComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, MatDialogModule, Angulartics2Module.forRoot({}), ConnectionsListComponent],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{
-					provide: ConnectionsService,
-					// useClass: ConnectionsServiseStub
-				},
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(ConnectionsListComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/connections-list/connections-list.component.ts b/frontend/src/app/components/connections-list/connections-list.component.ts
deleted file mode 100644
index 6173570b4..000000000
--- a/frontend/src/app/components/connections-list/connections-list.component.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDialog } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { Title } from '@angular/platform-browser';
-import { RouterModule } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { Connection } from 'src/app/models/connection';
-import { User } from 'src/app/models/user';
-import { CompanyService } from 'src/app/services/company.service';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { UserService } from 'src/app/services/user.service';
-import { PlaceholderConnectionsComponent } from '../skeletons/placeholder-connections/placeholder-connections.component';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-import { OwnConnectionsComponent } from './own-connections/own-connections.component';
-
-@Component({
-	selector: 'app-connections-list',
-	templateUrl: './connections-list.component.html',
-	styleUrls: ['./connections-list.component.css'],
-	imports: [
-		CommonModule,
-		RouterModule,
-		MatIconModule,
-		MatButtonModule,
-		AlertComponent,
-		PlaceholderConnectionsComponent,
-		Angulartics2Module,
-		OwnConnectionsComponent,
-	],
-})
-export class ConnectionsListComponent implements OnInit {
-	public connections: Connection[] = null;
-	public titles: Object;
-	public displayedCardCount: number = 3;
-	public connectionsListCollapsed: boolean = true;
-	public companyName: string;
-	public currentUser: User;
-
-	constructor(
-		private _connectionsServise: ConnectionsService,
-		public deleteDialog: MatDialog,
-		private _userService: UserService,
-		private _companyService: CompanyService,
-		private title: Title,
-	) {}
-
-	get ownConnections() {
-		return this._connectionsServise.ownConnectionsList;
-	}
-
-	ngOnInit(): void {
-		this.title.setTitle('Connections | Rocketadmin');
-
-		this._userService.cast.subscribe((user) => {
-			this.currentUser = user;
-			user.id &&
-				this._companyService.fetchCompanyName(user.company.id).subscribe((res: any) => {
-					this.companyName = res.name;
-				});
-		});
-	}
-}
diff --git a/frontend/src/app/components/connections-list/own-connections/own-connections.component.css b/frontend/src/app/components/connections-list/own-connections/own-connections.component.css
deleted file mode 100644
index b45fb7526..000000000
--- a/frontend/src/app/components/connections-list/own-connections/own-connections.component.css
+++ /dev/null
@@ -1,432 +0,0 @@
-:host {
-	flex-grow: 1;
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-}
-
-/* ── Page heading: shrink on mobile to match company name ── */
-
-@media (width <= 600px) {
-	:host h1.mat-display-1 {
-		font-size: 22px !important;
-		line-height: 1.2 !important;
-		margin-bottom: 20px;
-	}
-}
-
-/* ── Section labels ── */
-
-.section {
-	width: 100%;
-	margin-top: 32px;
-}
-
-.section:first-of-type {
-	margin-top: 0;
-}
-
-.section__label {
-	display: block;
-	font-size: 11px;
-	font-weight: 700;
-	letter-spacing: 0.08em;
-	text-transform: uppercase;
-	opacity: 0.45;
-	margin-bottom: 12px;
-	text-transform: uppercase;
-}
-
-/* ── DB grid (5 columns) ── */
-
-.dbGrid {
-	list-style: none;
-	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
-	align-items: stretch;
-	grid-gap: 20px;
-	width: 100%;
-	padding: 0;
-	margin: 0;
-}
-
-@media (width <= 600px) {
-	.dbGrid {
-		width: 100%;
-		grid-template-columns: 1fr;
-		grid-gap: 8px;
-	}
-}
-
-.dbCard {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: 4px;
-	border-radius: 8px;
-	padding: 8px;
-	height: 100%;
-	min-height: 90px;
-	text-decoration: none;
-	color: inherit;
-	font-weight: 600;
-	cursor: pointer;
-	transition: box-shadow 200ms, background 200ms, border 200ms;
-	box-shadow:
-		0px 1px 3px 0px rgba(0, 0, 0, 0.2),
-		0px 2px 2px 0px rgba(0, 0, 0, 0.12),
-		0px 0px 2px 0px rgba(0, 0, 0, 0.14);
-}
-
-@media (width <= 600px) {
-	.dbCard {
-		flex-direction: row;
-		justify-content: flex-start;
-		gap: 12px;
-		padding: 10px 14px;
-		min-height: 54px;
-	}
-}
-
-.dbCard:hover {
-	box-shadow:
-		0px 1px 5px 0px rgba(0, 0, 0, 0.2),
-		0px 3px 4px 0px rgba(0, 0, 0, 0.12),
-		0px 2px 4px 0px rgba(0, 0, 0, 0.14);
-}
-
-@media (prefers-color-scheme: dark) {
-	.dbCard {
-		background: #2a2a2a;
-		border: 1px solid #2a2a2a;
-	}
-
-	.dbCard:hover {
-		background: var(--surface-dark-color);
-		border: 1px solid rgba(255, 255, 255, 0.25);
-		box-shadow:
-			0px 1px 3px 0px rgba(255, 255, 255, 0.1),
-			0px 2px 2px 0px rgba(255, 255, 255, 0.08),
-			0px 0px 2px 0px rgba(255, 255, 255, 0.12);
-	}
-}
-
-.dbCard__iconBox {
-	flex-shrink: 0;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 32px;
-	width: 32px;
-}
-
-.dbCard__icon {
-	flex-shrink: 0;
-	height: 28px;
-	width: 28px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.dbCard__icon[data-mat-icon-name="mongodb"],
-	.dbCard__icon[data-mat-icon-name="mysql"],
-	.dbCard__icon[data-mat-icon-name="dynamodb"],
-	.dbCard__icon[data-mat-icon-name="mssql"] {
-		filter: brightness(2);
-	}
-}
-
-.dbCard__label {
-	text-align: center;
-	font-size: 13px;
-}
-
-.dbCard__subLabel {
-	display: block;
-	font-weight: 400;
-	opacity: 0.5;
-	font-size: 11px;
-	margin-top: -2px;
-}
-
-@media (width <= 600px) {
-	.dbCard__label {
-		text-align: left;
-		line-height: 1.2;
-		flex: 1;
-		min-width: 0;
-	}
-
-	.dbCard__subLabel {
-		margin-top: 2px;
-	}
-}
-
-/* ── Existing connections list ── */
-
-.connections {
-	list-style: none;
-	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(300px, calc(33.33% - 14px)));
-	justify-content: center;
-	gap: 20px;
-	margin-bottom: 8px;
-	width: 100%;
-	padding: 0;
-}
-
-.connectionItem {
-	min-width: 0;
-}
-
-.connection {
-	display: flex;
-	flex-direction: column;
-	gap: 10px;
-	border: 1px solid rgba(0, 0, 0, 0.12);
-	border-radius: 4px;
-	color: inherit;
-	padding: 12px;
-	text-decoration: none;
-	width: 100%;
-	transition: border 200ms, box-shadow 200ms;
-}
-
-@media (prefers-color-scheme: dark) {
-	.connection {
-		background-color: #000;
-		border: 1px solid #313131;
-	}
-}
-
-.connection:has(.connectionLogoPreview:hover) {
-	border: 1px solid var(--color-primaryPalette-500);
-	box-shadow:
-		0px 4px 5px 0px rgba(0, 0, 0, 0.2),
-		0px 3px 14px 0px rgba(0, 0, 0, 0.12),
-		0px 8px 10px 0px rgba(0, 0, 0, 0.14);
-}
-
-@media (prefers-color-scheme: dark) {
-	.connection:has(.connectionLogoPreview:hover) {
-		border: 1px solid #636363;
-	}
-}
-
-.connectionLogoPreview {
-	flex-shrink: 0;
-	display: flex;
-	align-items: center;
-	min-width: 0;
-	gap: 12px;
-	background-color: var(--color-primaryPalette-500);
-	border-radius: 2px;
-	color: #fff;
-	font-size: 20px;
-	font-weight: 900;
-	height: 72px;
-	overflow: hidden;
-	padding: 8px;
-}
-
-.connectionLogoPreview__logo {
-	height: 85%;
-	object-fit: contain;
-}
-
-.connectionInfo {
-	display: flex;
-	flex-direction: column;
-	min-width: 0;
-	flex: 1;
-}
-
-.connectionInfo .connectionInfo__connectionTitle {
-	margin-top: -4px;
-	margin-bottom: -2px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	width: 100%;
-}
-
-/* ── Compact mobile layout (keep desktop dark banner, just shorter) ── */
-
-@media (width <= 600px) {
-	.connections {
-		grid-template-columns: 1fr;
-		gap: 8px;
-	}
-
-	.connection {
-		gap: 4px;
-		padding: 8px;
-	}
-
-	.connection:has(.connectionSchemaButton) {
-		padding: 8px 8px 4px;
-	}
-
-	.connectionLogoPreview {
-		height: 56px;
-		padding: 6px 10px;
-		gap: 10px;
-	}
-
-	.connectionInfo .connectionInfo__connectionTitle {
-		font-size: 14px !important;
-		margin-bottom: -8px;
-	}
-
-	.connectionLogoPreview .mat-body-2 {
-		font-size: 11px;
-	}
-}
-
-/* ── Schema button row at the bottom of the card ── */
-
-.connectionSchemaButton {
-	position: relative;
-	align-self: stretch;
-	justify-content: center;
-	color: var(--mdc-text-button-label-text-color) !important;
-	font-size: 13px;
-	font-weight: 500;
-	line-height: 1;
-	height: 34px;
-	transition: color 150ms ease, background-color 150ms ease;
-}
-
-.connectionSchemaButton mat-icon {
-	font-size: 16px !important;
-	width: 16px !important;
-	height: 16px !important;
-	margin-right: 6px;
-	transition: color 150ms ease;
-}
-
-.connectionSchemaButton__ai {
-	color: var(--color-accentedPalette-500) !important;
-}
-
-.connectionSchemaButton__arrow {
-	position: absolute;
-	right: 12px;
-	top: 50%;
-	margin: 0 !important;
-	transform: translate(-4px, -50%);
-	opacity: 0;
-	transition: opacity 150ms ease, transform 150ms ease;
-}
-
-.connectionSchemaButton:hover {
-	color: var(--color-accentedPalette-500) !important;
-}
-
-@media (prefers-color-scheme: dark) {
-	.connectionSchemaButton:hover {
-		color: var(--color-accentedPalette-100) !important;
-		background: var(--color-accentedPalette-900);
-	}
-
-	.connectionSchemaButton:hover .connectionSchemaButton__ai {
-		color: var(--color-accentedPalette-100) !important;
-	}
-}
-
-.connectionSchemaButton:hover .connectionSchemaButton__arrow {
-	opacity: 1;
-	transform: translate(0, -50%);
-}
-
-
-
-
-/* ── Show more / less ── */
-
-.showAllButton {
-	margin-top: 12px;
-	margin-bottom: 8px;
-}
-
-/* ── FAB actions ── */
-
-.fabActions {
-	display: flex;
-	align-items: center;
-	gap: 12px;
-	align-self: flex-end;
-	margin-top: 52px;
-}
-
-/* Desktop and mobile button variants */
-.fabActions--mobile {
-	display: none;
-}
-
-@media (width <= 600px) {
-	.fabActions--desktop {
-		display: none;
-	}
-
-	.fabActions--mobile {
-		display: flex;
-	}
-}
-
-.fabAddButton {
-	border-radius: 24px;
-	box-shadow:
-		0px 1px 10px 0px rgba(0, 0, 0, 0.2),
-		0px 4px 5px 0px rgba(0, 0, 0, 0.12),
-		0px 2px 4px 0px rgba(0, 0, 0, 0.14);
-	height: 48px !important;
-	min-width: 178px;
-	padding: 0 14px 0 16px !important;
-}
-
-.fabAddButton .mat-icon[iconPositionEnd] {
-	margin-left: 4px;
-}
-
-@media (width <= 600px) {
-	.fabActions {
-		position: fixed;
-		right: 9vw;
-		bottom: max(64px, 10vw);
-		flex-direction: column;
-		align-items: flex-end;
-		z-index: 1;
-	}
-
-	.fabAddButton {
-		width: auto;
-		min-width: 178px;
-	}
-}
-
-/* ── Empty state bottom ── */
-
-.empty-state_bottom {
-	margin-top: auto;
-}
-
-@media (prefers-color-scheme: light) {
-	.empty-state_bottom {
-		color: rgba(0, 0, 0, 0.64);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.empty-state_bottom {
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-.empty-state__text {
-	font-size: 12px !important;
-	font-weight: 500 !important;
-	margin-bottom: 0 !important;
-	text-align: center;
-	text-transform: uppercase;
-}
diff --git a/frontend/src/app/components/connections-list/own-connections/own-connections.component.html b/frontend/src/app/components/connections-list/own-connections/own-connections.component.html
deleted file mode 100644
index 607017e0f..000000000
--- a/frontend/src/app/components/connections-list/own-connections/own-connections.component.html
+++ /dev/null
@@ -1,126 +0,0 @@
-<!-- Page header -->
-@if (!connections?.length && connections !== null) {
-    @if (currentUser?.role === 'ADMIN' || currentUser?.role === 'DB_ADMIN') {
-        <h1 class="mat-display-1">Add your first connection</h1>
-    }
-}
-
-<!-- Existing connections -->
-@if (connections?.length) {
-    <ul class="connections">
-        @for (connectionItem of connections | slice:0:displayedCardCount; track connectionItem.connection.id) {
-            <li class="connectionItem">
-                <a routerLink="/dashboard/{{connectionItem.connection.id}}" class="connection"
-                    angulartics2On="click"
-                    angularticsAction="Connections: open own db is clicked"
-                    (click)="posthog.capture('Connections: open own db is clicked')">
-                    <div class="connectionLogoPreview">
-                        @if ($any(connectionItem.connection).connection_properties?.logo_url) {
-                            <img [src]="$any(connectionItem.connection).connection_properties?.logo_url"
-                                class="connectionLogoPreview__logo"
-                                alt="Rocketadmin connection">
-                        } @else {
-                            <img src="../../assets/rocketadmin_logo_white-short.svg"
-                                class="connectionLogoPreview__logo"
-                                alt="Rocketadmin connection">
-                        }
-                        <div class="connectionInfo">
-                            <h2 class="connectionInfo__connectionTitle">{{ $any(connectionItem).displayTitle }}</h2>
-                            <span class="mat-body-2">{{ supportedDatabasesTitles[connectionItem.connection.type] }}</span>
-                        </div>
-                    </div>
-                    @if (connectionItem.accessLevel === 'edit' && supportsSchemaEditing(connectionItem.connection.type)) {
-                        <a mat-button color="accent"
-                            class="connectionSchemaButton"
-                            routerLink="/edit-database-schema/{{connectionItem.connection.id}}"
-                            (click)="$event.stopPropagation()">
-                            <mat-icon class="connectionSchemaButton__ai">auto_awesome</mat-icon>
-                            <span>Edit schema</span>
-                            <mat-icon iconPositionEnd class="connectionSchemaButton__arrow">arrow_forward</mat-icon>
-                        </a>
-                    }
-                </a>
-            </li>
-        }
-    </ul>
-
-    @if ((connections?.length ?? 0) > displayedCardCount) {
-        <button type="button" mat-button color="accent" class="showAllButton" (click)="showMore()">Show all</button>
-    }
-    @if (displayedCardCount > 3) {
-        <button type="button" mat-button color="accent" class="showAllButton" (click)="showLess()">Show less</button>
-    }
-} @else {
-    <!-- Section: Connect your own -->
-    <div class="section">
-        <span class="section__label">Connect your own</span>
-        <ul class="dbGrid">
-            @for (supportedDatabase of supportedOrderedDatabases; track supportedDatabase) {
-                <li>
-                    <a routerLink="/connect-db"
-                        [queryParams]="{ type: supportedDatabase }"
-                        class="dbCard"
-                        attr.data-testid="{{supportedDatabase}}-test-connection-list-item">
-                        <div class="dbCard__iconBox">
-                            <mat-icon [svgIcon]="supportedDatabase === 'cassandra' && isDarkMode ? 'cassandra-dark' : supportedDatabase" class="dbCard__icon"></mat-icon>
-                        </div>
-                        <span class="dbCard__label">
-                            {{ getMainTitle(supportedDatabase) }}
-                            @if (getSubTitle(supportedDatabase)) {
-                                <span class="dbCard__subLabel">{{ getSubTitle(supportedDatabase) }}</span>
-                            }
-                        </span>
-                    </a>
-                </li>
-            }
-        </ul>
-    </div>
-}
-
-<!-- FAB actions (when connections exist) -->
-@if (connections?.length) {
-    <!-- Desktop: separate buttons -->
-    <div class="fabActions fabActions--desktop">
-        @if (currentUser?.role === 'ADMIN' || currentUser?.role === 'DB_ADMIN') {
-            <a mat-flat-button
-                data-testid="add-connection-button"
-                color="primary"
-                class="fabAddButton"
-                routerLink="/connect-db"
-                angulartics2On="click"
-                angularticsAction="Connections: Add connection button is clicked"
-                (click)="posthog.capture('Connections: Add connection button is clicked')">
-                <mat-icon>add</mat-icon>
-                Add database
-            </a>
-        }
-    </div>
-
-    <!-- Mobile -->
-    <div class="fabActions fabActions--mobile">
-        @if (currentUser?.role === 'ADMIN' || currentUser?.role === 'DB_ADMIN') {
-            <a mat-flat-button
-                data-testid="add-connection-button"
-                color="primary"
-                class="fabAddButton"
-                routerLink="/connect-db"
-                angulartics2On="click"
-                angularticsAction="Connections: Add connection button is clicked"
-                (click)="posthog.capture('Connections: Add connection button is clicked')">
-                <mat-icon>add</mat-icon>
-                Add connection
-            </a>
-        }
-    </div>
-}
-
-@if (!connections?.length && connections !== null && hasMultipleMembers) {
-    <div class="empty-state_bottom">
-        <p class="mat-body-1 empty-state__text">
-            Invited to a company but don't see your admin panel?
-        </p>
-        <p class="mat-body-1" style="text-align: center;">
-            Request access from your Account Owner
-        </p>
-    </div>
-}
diff --git a/frontend/src/app/components/connections-list/own-connections/own-connections.component.spec.ts b/frontend/src/app/components/connections-list/own-connections/own-connections.component.spec.ts
deleted file mode 100644
index 516d62ca5..000000000
--- a/frontend/src/app/components/connections-list/own-connections/own-connections.component.spec.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { provideRouter } from '@angular/router';
-import { of } from 'rxjs';
-import { CompanyService } from 'src/app/services/company.service';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { OwnConnectionsComponent } from './own-connections.component';
-
-describe('OwnConnectionsComponent', () => {
-	let component: OwnConnectionsComponent;
-	let fixture: ComponentFixture<OwnConnectionsComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [OwnConnectionsComponent],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{
-					provide: UiSettingsService,
-					useValue: {
-						isDarkMode: false,
-						getUiSettings: vi.fn().mockReturnValue(of({ globalSettings: { connectionsListCollapsed: true } })),
-						updateGlobalSetting: vi.fn(),
-					},
-				},
-				{
-					provide: CompanyService,
-					useValue: {
-						fetchCompanyMembers: vi.fn().mockReturnValue(of([])),
-					},
-				},
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(OwnConnectionsComponent);
-		component = fixture.componentInstance;
-		component.connections = [];
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/connections-list/own-connections/own-connections.component.ts b/frontend/src/app/components/connections-list/own-connections/own-connections.component.ts
deleted file mode 100644
index 9077e8e0c..000000000
--- a/frontend/src/app/components/connections-list/own-connections/own-connections.component.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { RouterModule } from '@angular/router';
-import posthog from 'posthog-js';
-import { supportedDatabasesTitles, supportedOrderedDatabases } from 'src/app/consts/databases';
-import { CompanyMember } from 'src/app/models/company';
-import { ConnectionItem, DBtype } from 'src/app/models/connection';
-import { UiSettings } from 'src/app/models/ui-settings';
-import { User } from 'src/app/models/user';
-import { CompanyService } from 'src/app/services/company.service';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-
-@Component({
-	selector: 'app-own-connections',
-	imports: [CommonModule, RouterModule, MatIconModule, MatButtonModule],
-	templateUrl: './own-connections.component.html',
-	styleUrl: './own-connections.component.css',
-})
-export class OwnConnectionsComponent implements OnInit, OnChanges {
-	protected posthog = posthog;
-	@Input() currentUser: User;
-	@Input() connections: ConnectionItem[] = null;
-	@Input() companyId: string;
-
-	public displayedCardCount: number = 3;
-	public connectionsListCollapsed: boolean;
-	public supportedDatabasesTitles = supportedDatabasesTitles;
-	public supportedOrderedDatabases = supportedOrderedDatabases;
-	public hasMultipleMembers: boolean = false;
-	public isDarkMode: boolean = false;
-
-	constructor(
-		private _uiSettings: UiSettingsService,
-		private _companyService: CompanyService,
-	) {}
-
-	ngOnInit() {
-		this.isDarkMode = this._uiSettings.isDarkMode;
-
-		this._uiSettings.getUiSettings().subscribe((settings: UiSettings) => {
-			this.connectionsListCollapsed = settings?.globalSettings?.connectionsListCollapsed;
-			this.displayedCardCount = this.connectionsListCollapsed ? 3 : this.connections?.length || 3;
-		});
-	}
-
-	ngOnChanges(changes: SimpleChanges) {
-		if (changes.companyId && this.companyId) {
-			this._companyService.fetchCompanyMembers(this.companyId).subscribe((members: CompanyMember[]) => {
-				this.hasMultipleMembers = members && members.length > 1;
-			});
-		}
-
-		if (changes.connections && this.connections && !this.connectionsListCollapsed) {
-			this.displayedCardCount = this.connections.length;
-		}
-	}
-
-	showMore() {
-		this.displayedCardCount = this.connections.length;
-		this._uiSettings.updateGlobalSetting('connectionsListCollapsed', false);
-	}
-
-	showLess() {
-		this.displayedCardCount = 3;
-		this._uiSettings.updateGlobalSetting('connectionsListCollapsed', true);
-	}
-
-	supportsSchemaEditing(type: DBtype | string): boolean {
-		return (
-			type === DBtype.Postgres ||
-			type === DBtype.MySQL ||
-			type === DBtype.Oracle ||
-			type === DBtype.MSSQL ||
-			type === DBtype.ClickHouse
-		);
-	}
-
-	getMainTitle(database: string): string {
-		const title = this.supportedDatabasesTitles[database] || database;
-		const match = title.match(/^([^(]+)/);
-		return match ? match[1].trim() : title;
-	}
-
-	getSubTitle(database: string): string {
-		const title = this.supportedDatabasesTitles[database] || database;
-		const match = title.match(/(\([^)]+\))/);
-		return match ? match[1] : '';
-	}
-}
diff --git a/frontend/src/app/components/dashboard/dashboard.component.css b/frontend/src/app/components/dashboard/dashboard.component.css
deleted file mode 100644
index 85b80f884..000000000
--- a/frontend/src/app/components/dashboard/dashboard.component.css
+++ /dev/null
@@ -1,317 +0,0 @@
-.mat-sidenav-container {
-	height: 100%;
-	/* height: calc(100vh - 56px); */
-	overflow-x: hidden !important;
-}
-
-.table-list-sidenav {
-	max-width: 240px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.table-list-sidenav {
-		background-color: var(--surface-dark-color);
-	}
-}
-
-@media (width <= 600px) {
-	.table-list-sidenav {
-		display: none;
-	}
-}
-
-.side-bar_collapsed {
-	position: static;
-	float: left;
-	display: block;
-	height: 100%;
-	width: 65px;
-	visibility: visible !important;
-	transform: translate3d(0, 0, 0);
-}
-
-@media (width <= 600px) {
-	.side-bar_collapsed {
-		display: none;
-	}
-}
-
-.table-list-sidenav-container ::ng-deep .mat-drawer-inner-container,
-.side-bar_collapsed ::ng-deep .mat-drawer-inner-container {
-	overflow-y: auto !important;
-	overflow-x: hidden !important;
-}
-
-.table-list-sidenav-container
-	::ng-deep
-	.mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating)
-	.mat-drawer-inner-container {
-	display: block;
-}
-
-.mat-list-item {
-	text-decoration: none;
-}
-
-.toggle-button {
-	margin-top: 8px;
-	margin-left: 12px;
-}
-
-.toggle-button-position button {
-	border-radius: 4px;
-}
-
-.toggle-button-position button mat-icon {
-	border-radius: 4px;
-}
-
-.toggle-button-position button:hover {
-	border-radius: 4px;
-}
-
-.toggle-button-position button:hover mat-icon {
-	border-radius: 4px;
-}
-
-.dashboard {
-	display: flex;
-	flex-direction: column;
-	height: calc(100vh - 60px - 56px);
-	max-width: 1000px;
-	margin: 20px auto;
-	widows: 96%;
-}
-
-.title {
-	align-self: center;
-}
-
-.alerts {
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-	margin-top: 24px;
-	margin-bottom: 16px;
-}
-
-.alerts app-alert {
-	position: initial;
-}
-
-.alerts app-alert:empty {
-	display: none;
-}
-
-.alerts:has(app-alert:only-child:empty) {
-	margin: 0;
-}
-
-.ai-config-alert {
-	display: flex;
-	gap: 8px;
-	background-color: color-mix(in hsl, var(--color-accentedPalette-500), transparent 95%);
-	backdrop-filter: blur(4px);
-	border-top: 1px solid var(--color-accentedPalette-500);
-	border-right: 1px solid var(--color-accentedPalette-500);
-	border-bottom: 1px solid var(--color-accentedPalette-500);
-	border-left: 12px solid var(--color-accentedPalette-500);
-	border-radius: 4px;
-	padding: 12px 16px 12px 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-config-alert {
-		backdrop-filter: blur(2px);
-	}
-}
-
-@media (width <= 600px) {
-	.ai-config-alert {
-		display: grid;
-		grid-template-columns: auto 1fr;
-	}
-}
-
-.ai-config-alert__icon {
-	flex-shrink: 0;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	border-radius: 50%;
-	color: var(--color-accentedPalette-500);
-	font-size: 24px;
-	height: 36px;
-	opacity: 0.9;
-	width: 36px;
-}
-
-.ai-config-alert__message {
-	flex: 1;
-	display: flex;
-	justify-content: center;
-	flex-direction: column;
-	min-height: 36px;
-	margin: 0 !important;
-}
-
-.ai-config-alert__title {
-	color: var(--color-accentedPalette-500);
-	margin-bottom: 4px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-config-alert__title {
-		color: inherit;
-	}
-}
-
-.ai-config-alert__text {
-	margin: 0 !important;
-}
-
-.ai-config-alert__actions {
-	margin-left: auto;
-}
-
-@media (width <= 600px) {
-	.ai-config-alert__actions {
-		grid-column: 1 / -1;
-	}
-}
-
-/* ── Status banner ── */
-
-.status-banner {
-	display: flex;
-	align-items: center;
-	gap: 12px;
-	padding: 12px 20px;
-	width: 100%;
-	border: none;
-	border-left: 3px solid var(--color-accentedPalette-500);
-	border-radius: 0;
-	background: var(--color-accentedPalette-50);
-	font-size: 13px;
-}
-
-.status-banner__icon {
-	flex-shrink: 0;
-	color: var(--color-accentedPalette-500);
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-}
-
-.status-banner__body {
-	flex: 1;
-	display: flex;
-	align-items: baseline;
-	gap: 6px;
-	min-width: 0;
-}
-
-.status-banner__title {
-	color: var(--color-accentedPalette-900);
-	white-space: nowrap;
-}
-
-.status-banner__subtitle {
-	color: var(--color-accentedPalette-700);
-}
-
-.status-banner__link {
-	color: var(--color-accentedPalette-500);
-	text-decoration: underline;
-}
-
-.status-banner__link:hover {
-	color: var(--color-accentedPalette-700);
-}
-
-.status-banner__progress {
-	flex-shrink: 0;
-	width: 80px;
-	height: 3px;
-	border-radius: 2px;
-	background: var(--color-accentedPalette-100);
-	overflow: hidden;
-}
-
-.status-banner__progress-fill {
-	width: 40%;
-	height: 100%;
-	border-radius: 2px;
-	background: var(--color-accentedPalette-500);
-	animation: banner-indeterminate 1.5s ease-in-out infinite;
-}
-
-@keyframes banner-indeterminate {
-	0% { transform: translateX(-100%); }
-	100% { transform: translateX(350%); }
-}
-
-@media (prefers-color-scheme: dark) {
-	.status-banner {
-		background: var(--color-accentedPalette-900);
-	}
-
-	.status-banner__title {
-		color: var(--color-accentedPalette-100);
-	}
-
-	.status-banner__subtitle {
-		color: var(--color-accentedPalette-200);
-	}
-
-	.status-banner__link {
-		color: var(--color-accentedPalette-500);
-	}
-
-	.status-banner__link:hover {
-		color: var(--color-accentedPalette-200);
-	}
-
-	.status-banner__icon {
-		color: var(--color-accentedPalette-500);
-	}
-
-	.status-banner__progress {
-		background: var(--color-accentedPalette-800);
-	}
-
-	.status-banner__progress-fill {
-		background: var(--color-accentedPalette-300);
-	}
-}
-
-@media (width <= 600px) {
-	.status-banner__body {
-		flex-direction: column;
-		gap: 2px;
-	}
-}
-
-.error-details {
-	margin-top: 8px;
-}
-
-.table-preview {
-	display: flex;
-	overflow-x: hidden;
-	height: calc(100vh - 44px);
-}
-
-.table-preview-content {
-	flex-grow: 1;
-	padding-bottom: 24px;
-	height: calc(100vh - 44px);
-	padding: 0 24px;
-	overflow-y: scroll;
-	width: 100%;
-}
-
-.sidenav-content__toggle-button {
-	display: none !important;
-}
-
diff --git a/frontend/src/app/components/dashboard/dashboard.component.html b/frontend/src/app/components/dashboard/dashboard.component.html
deleted file mode 100644
index ce14e4441..000000000
--- a/frontend/src/app/components/dashboard/dashboard.component.html
+++ /dev/null
@@ -1,141 +0,0 @@
-<app-placeholder-table-view *ngIf="loading && !noTablesError && !isServerError"></app-placeholder-table-view>
-
-<app-banner *ngIf="isServerError" type="error" data-testid="connection-server-error-banner">
-    <div *ngIf="serverError.details; else stringError" class="mat-body-1">
-        <strong>{{serverError.abstract}}</strong>
-        <p class="mat-body-1 error-details">{{serverError.details}}</p>
-    </div>
-    <ng-template #stringError>
-        <p class="mat-body-1">{{serverError.abstract}}</p>
-    </ng-template>
-    <div class="error-actions">
-            <a mat-stroked-button *ngIf="canEditConnection()"
-                routerLink="/edit-db/{{connectionID}}">
-                Check database credentials
-            </a>
-            <button type="button" *ngIf="isSaas" mat-flat-button color="warn" (click)="openIntercome()">Chat with support</button>
-            <a *ngIf="!isSaas" mat-flat-button color="warn"
-                href="https://github.com/rocket-admin/rocketadmin/issues" target="_blank">
-                Report a bug
-            </a>
-    </div>
-</app-banner>
-
-<app-edit-database-schema
-    *ngIf="noTablesError"
-    [connectionID]="connectionID"
-    (schemaApplied)="onSchemaApplied()"
-    data-testid="no-tables-generate-schema">
-</app-edit-database-schema>
-
-<ng-container *ngIf="!loading && !isServerError && !noTablesError">
-
-    <!-- toggle button for mobile version -->
-    <div class="sidenav-content__toggle-button" [ngClass]="{'sidenav-content__toggle-button_shown-mobile': !shownTableTitles}">
-        <button mat-button type="button" class="toggle-button" (click)="toggleSideBar(); posthog.capture('Dashboard: toggle sidebar')"
-            angulartics2On="click"
-            angularticsAction="Dashboard: toggle sidebar"
-            [angularticsProperties]="{'collapsed': !shownTableTitles}">
-            <mat-icon>chevron_right</mat-icon>
-        </button>
-    </div>
-
-
-    @if (isConfiguring) {
-        <div class="status-banner status-banner--configuring">
-            <mat-icon class="status-banner__icon">info</mat-icon>
-            <div class="status-banner__body">
-                <strong class="status-banner__title">Configuring tables</strong>
-                <span class="status-banner__subtitle">Some tables may look incomplete while setup is running. You can adjust column types, display formats and filters in
-                    <a class="status-banner__link" routerLink="/table-settings/{{connectionID}}/{{selectedTableName}}">Settings</a> and
-                    <a class="status-banner__link" routerLink="/widgets/{{connectionID}}/{{selectedTableName}}">UI widgets</a> after setup finishes.</span>
-            </div>
-            <div class="status-banner__progress">
-                <div class="status-banner__progress-fill"></div>
-            </div>
-        </div>
-    }
-
-    <mat-sidenav-container class="table-list-sidenav-container">
-        <mat-sidenav #sideList mode="side" [(opened)]="shownTableTitles"
-            class="table-list-sidenav"
-            [ngClass]="{'side-bar_collapsed': !shownTableTitles}">
-            <button mat-button type="button" *ngIf="shownTableTitles; else collapsedButton"
-                class="toggle-button"
-                (click)="toggleSideBar(); posthog.capture('Dashboard: toggle sidebar')"
-                angulartics2On="click"
-                angularticsAction="Dashboard: toggle sidebar"
-                [angularticsProperties]="{'collapsed': !shownTableTitles}">
-                Collapse
-                <mat-icon>chevron_left</mat-icon>
-            </button>
-
-            <ng-template #collapsedButton>
-                <button mat-icon-button type="button"
-                    class="toggle-button"
-                    (click)="toggleSideBar(); posthog.capture('Dashboard: toggle sidebar')"
-                    angulartics2On="click"
-                    angularticsAction="Dashboard: toggle sidebar"
-                    [angularticsProperties]="{'collapsed': !shownTableTitles}">
-                    <mat-icon>chevron_right</mat-icon>
-                </button>
-            </ng-template>
-            <app-db-tables-list
-                [collapsed]="!shownTableTitles"
-                [connectionTitle]="connectionTitle"
-                [tableFolders]="tableFolders"
-                [connectionID]="connectionID"
-                [selectedTable]="selectedTableName"
-                [uiSettings]="uiSettings"
-                (expandSidebar)="toggleSideBar()">
-            </app-db-tables-list>
-        </mat-sidenav>
-        <mat-sidenav-content class="table-preview">
-            <div class="table-preview-content">
-                <div class="alerts">
-                    <app-alert></app-alert>
-                    <div *ngIf="dataSource.alert_settingsInfo && canEditConnection() && !isConfiguring" class="ai-config-alert">
-                        <mat-icon class="ai-config-alert__icon">auto_awesome</mat-icon>
-                        <div class="ai-config-alert__message mat-body-1">
-                            <strong class="ai-config-alert__title">New: AI Configuration</strong>
-                            <p class="ai-config-alert__text">Automatically configure all your tables with AI. You can adjust changes in Settings and UI widgets.</p>
-                        </div>
-                        <div class="ai-config-alert__actions">
-                            <a mat-button [routerLink]="'/auto-configure/' + connectionID">Configure all</a>
-                        </div>
-                    </div>
-
-                    <app-alert *ngIf="dataSource.alert_primaryKeysInfo" [alert]="dataSource.alert_primaryKeysInfo"></app-alert>
-                    <app-alert *ngIf="dataSource.alert_widgetsWarning" [alert]="dataSource.alert_widgetsWarning"></app-alert>
-                </div>
-
-                <app-content-loader *ngIf="dataSource === null"></app-content-loader>
-                <app-db-table-view *ngIf="dataSource"
-                    [displayName]="selectedTableDisplayName"
-                    [activeFilters]="filters"
-                    [filterComparators]="comparators"
-                    [name]="selectedTableName"
-                    [table]="dataSource"
-                    [selection]="selection"
-                    [connectionID]="connectionID"
-                    [isTestConnection]="currentConnectionIsTest"
-                    [tableFolders]="tableFolders"
-                    (openFilters)="openTableFilters($event)"
-                    (removeFilter)="removeFilter($event)"
-                    (resetAllFilters)="clearAllFilters()"
-                    (search)="search($event)"
-                    (activateActions)="activateActions($event)"
-                    (applyFilter)="applyFilter($event)">
-                </app-db-table-view>
-            </div>
-            <app-db-table-row-view *ngIf="selectedRow"
-                [activeFilters]="filters"
-            ></app-db-table-row-view>
-            <app-db-table-ai-panel *ngIf="isAIpanelOpened"
-                [displayName]="selectedTableDisplayName"
-                [tableColumns]="dataSource?.dataColumns || []"
-                [sidebarExpanded]="shownTableTitles"
-            ></app-db-table-ai-panel>
-        </mat-sidenav-content>
-    </mat-sidenav-container>
-</ng-container>
diff --git a/frontend/src/app/components/dashboard/dashboard.component.spec.ts b/frontend/src/app/components/dashboard/dashboard.component.spec.ts
deleted file mode 100644
index 1f8f135d2..000000000
--- a/frontend/src/app/components/dashboard/dashboard.component.spec.ts
+++ /dev/null
@@ -1,142 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { ActivatedRoute, convertToParamMap, provideRouter, Router } from '@angular/router';
-import { Angulartics2, Angulartics2Module } from 'angulartics2';
-import { BehaviorSubject, of } from 'rxjs';
-import { AccessLevel } from 'src/app/models/user';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TableRowService } from 'src/app/services/table-row.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { DashboardComponent } from './dashboard.component';
-
-describe('DashboardComponent', () => {
-	let component: DashboardComponent;
-	let fixture: ComponentFixture<DashboardComponent>;
-	let fakeTablesService;
-
-	const fakeConnectionsSevice = {
-		get currentConnectionID(): string {
-			return '';
-		},
-		get currentConnectionAccessLevel(): AccessLevel {
-			return AccessLevel.None;
-		},
-		getTablesFolders: () => of([]),
-		canEditConnection: () => false,
-	};
-	const fakeRouter = {
-		navigate: vi.fn().mockReturnValue(Promise.resolve('')),
-	};
-
-	const fakeTables = [
-		{
-			table: 'actor',
-			permissions: {
-				visibility: true,
-				readonly: false,
-				add: true,
-				delete: true,
-				edit: true,
-			},
-		},
-		{
-			table: 'city',
-			permissions: {
-				visibility: true,
-				readonly: false,
-				add: true,
-				delete: true,
-				edit: true,
-			},
-		},
-		{
-			table: 'film',
-			permissions: {
-				visibility: true,
-				readonly: false,
-				add: true,
-				delete: true,
-				edit: true,
-			},
-		},
-	];
-
-	beforeEach(async () => {
-		// const paramMapSubject = new BehaviorSubject(convertToParamMap({
-		//   'table-name': undefined
-		// }));
-
-		const angulartics2Mock = {
-			eventTrack: {
-				next: () => {}, // Mocking the next method
-			},
-			trackLocation: () => {}, // Mocking the trackLocation method
-		};
-
-		fakeTablesService = {
-			fetchTables: vi.fn().mockReturnValue(of(fakeTables)),
-			fetchTablesFolders: vi
-				.fn()
-				.mockReturnValue(of([{ category_id: 'all-tables-kitten', category_name: 'All Tables', tables: fakeTables }])),
-			cast: new BehaviorSubject(''),
-		};
-
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, MatDialogModule, Angulartics2Module.forRoot(), DashboardComponent],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{
-					provide: ConnectionsService,
-					useValue: fakeConnectionsSevice,
-				},
-				{
-					provide: TablesService,
-					useValue: fakeTablesService,
-				},
-				{
-					provide: TableRowService,
-					useValue: { cast: new BehaviorSubject('') },
-				},
-				{
-					provide: ActivatedRoute,
-					useValue: {
-						paramMap: of(
-							convertToParamMap({
-								'table-name': undefined,
-							}),
-						),
-					},
-				},
-				{ provide: Router, useValue: fakeRouter },
-				{ provide: Angulartics2, useValue: angulartics2Mock },
-			],
-		});
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DashboardComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should get access level of current connection', () => {
-		vi.spyOn(fakeConnectionsSevice, 'currentConnectionAccessLevel', 'get').mockReturnValue(AccessLevel.Readonly);
-		expect(component.currentConnectionAccessLevel).toEqual('readonly');
-	});
-
-	it('should call getData and populate tables', () => {
-		fakeTablesService.fetchTablesFolders.mockReturnValue(
-			of([{ category_id: 'all-tables-kitten', category_name: 'All Tables', tables: fakeTables }]),
-		);
-		component.getData();
-		expect(component.allTables.length).toEqual(fakeTables.length);
-		expect(component.allTables.map((t) => t.table)).toEqual(fakeTables.map((t) => t.table));
-	});
-});
diff --git a/frontend/src/app/components/dashboard/dashboard.component.ts b/frontend/src/app/components/dashboard/dashboard.component.ts
deleted file mode 100644
index ce5b8ef8b..000000000
--- a/frontend/src/app/components/dashboard/dashboard.component.ts
+++ /dev/null
@@ -1,462 +0,0 @@
-import { SelectionModel } from '@angular/cdk/collections';
-import { CommonModule } from '@angular/common';
-import { Component, OnDestroy, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDialog, MatDialogModule } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import { Title } from '@angular/platform-browser';
-import { ActivatedRoute, ParamMap, Router, RouterModule } from '@angular/router';
-import JsonURL from '@jsonurl/jsonurl';
-import { Angulartics2, Angulartics2Module } from 'angulartics2';
-import { omitBy } from 'lodash-es';
-import posthog from 'posthog-js';
-import { map } from 'rxjs/operators';
-import { getComparatorsFromUrl } from 'src/app/lib/parse-filter-params';
-import { ServerError } from 'src/app/models/alert';
-import { CustomEvent, TableProperties } from 'src/app/models/table';
-import { ConnectionSettingsUI, UiSettings } from 'src/app/models/ui-settings';
-import { User } from 'src/app/models/user';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TableRowService } from 'src/app/services/table-row.service';
-import { TableStateService } from 'src/app/services/table-state.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { ConfigurationStateService } from 'src/app/services/configuration-state.service';
-import { environment } from 'src/environments/environment';
-import { normalizeTableName } from '../../lib/normalize';
-import { PlaceholderTableViewComponent } from '../skeletons/placeholder-table-view/placeholder-table-view.component';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-import { BannerComponent } from '../ui-components/banner/banner.component';
-import { ContentLoaderComponent } from '../ui-components/content-loader/content-loader.component';
-import { DbActionLinkDialogComponent } from './db-table-view/db-action-link-dialog/db-action-link-dialog.component';
-import { BbBulkActionConfirmationDialogComponent } from './db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component';
-import { DbTableAiPanelComponent } from './db-table-view/db-table-ai-panel/db-table-ai-panel.component';
-import { DbTableFiltersDialogComponent } from './db-table-view/db-table-filters-dialog/db-table-filters-dialog.component';
-import { DbTableRowViewComponent } from './db-table-view/db-table-row-view/db-table-row-view.component';
-import { DbTableViewComponent } from './db-table-view/db-table-view.component';
-import { TablesDataSource } from './db-tables-data-source';
-import { EditDatabaseSchemaComponent } from '../edit-database-schema/edit-database-schema.component';
-import { DbTablesListComponent } from './db-tables-list/db-tables-list.component';
-
-interface DataToActivateActions {
-	action: CustomEvent;
-	primaryKeys: object[];
-	identityFieldValues: string[];
-}
-
-@Component({
-	selector: 'app-dashboard',
-	templateUrl: './dashboard.component.html',
-	styleUrls: ['./dashboard.component.css'],
-	imports: [
-		CommonModule,
-		MatButtonModule,
-		MatIconModule,
-		MatDialogModule,
-		MatSidenavModule,
-		EditDatabaseSchemaComponent,
-		DbTablesListComponent,
-		DbTableViewComponent,
-		DbTableAiPanelComponent,
-		DbTableRowViewComponent,
-		AlertComponent,
-		ContentLoaderComponent,
-		PlaceholderTableViewComponent,
-		BannerComponent,
-		RouterModule,
-		Angulartics2Module,
-	],
-})
-export class DashboardComponent implements OnInit, OnDestroy {
-	protected posthog = posthog;
-	public isSaas = (environment as any).saas;
-	public user: User = null;
-	get allTables(): TableProperties[] {
-		return this.tableFolders?.find((cat: any) => cat.category_id === 'all-tables-kitten')?.tables || [];
-	}
-	public selectedTableName: string;
-	public selectedTableDisplayName: string;
-	public currentPage: number = 1;
-	public shownTableTitles: boolean = true;
-	public connectionID: string;
-	public filters: object = {};
-	public comparators: object;
-	public pageIndex: number;
-	public pageSize: number;
-	public sortColumn: string;
-	public sortOrder: 'ASC' | 'DESC';
-	public loading: boolean = true;
-	public isServerError: boolean = false;
-	public serverError: ServerError;
-
-	public noTablesError: boolean = false;
-
-	public dataSource: TablesDataSource = null;
-
-	public selection = new SelectionModel<any>(true, []);
-
-	public selectedRow = null;
-	public isAIpanelOpened: boolean = false;
-
-	public uiSettings: ConnectionSettingsUI;
-	public tableFolders: any[] = [];
-	public isConfiguring: boolean = false;
-
-	constructor(
-		private _connections: ConnectionsService,
-		private _tables: TablesService,
-		private _tableRow: TableRowService,
-		private _uiSettings: UiSettingsService,
-		private _tableState: TableStateService,
-		private _configState: ConfigurationStateService,
-		public router: Router,
-		private route: ActivatedRoute,
-		public dialog: MatDialog,
-		private title: Title,
-		private angulartics2: Angulartics2,
-	) {}
-
-	protected canEditConnection = () => this._connections.canEditConnection();
-
-	get currentConnectionAccessLevel() {
-		return this._connections.currentConnectionAccessLevel;
-	}
-
-	get currentConnectionIsTest() {
-		return this._connections.currentConnection.isTestConnection;
-	}
-
-	get connectionTitle() {
-		return this._connections.currentConnection?.title || 'Database';
-	}
-
-	get defaultTableToOpen() {
-		return this._connections.defaultTableToOpen;
-	}
-
-	ngOnInit() {
-		this.connectionID = this._connections.currentConnectionID;
-		this.dataSource = new TablesDataSource(this._tables, this._connections, this._tableRow);
-
-		// Check if auto-configure is running for this connection
-		this.isConfiguring = this._configState.isConfiguring(this.connectionID);
-
-		this._tableState.cast.subscribe((row) => {
-			this.selectedRow = row;
-		});
-
-		this._tableState.aiPanelCast.subscribe((isAIpanelOpened) => {
-			this.isAIpanelOpened = isAIpanelOpened;
-		});
-
-		this._uiSettings.getUiSettings().subscribe((settings: UiSettings) => {
-			this.uiSettings = settings?.connections[this.connectionID];
-			this.shownTableTitles = settings?.connections[this.connectionID]?.shownTableTitles ?? true;
-
-			this.getData();
-			console.log('getData from ngOnInit');
-		});
-
-		// this.loadTableFolders();
-	}
-
-	ngOnDestroy() {
-		this._tableState.clearSelection();
-	}
-
-	getData() {
-		console.log('getData');
-
-		this._tables.fetchTablesFolders(this.connectionID).subscribe(
-			(res) => {
-				const tables = res.find((item) => item.category_id === 'all-tables-kitten')?.tables || [];
-
-				this.tableFolders = res;
-
-				if (tables && tables.length === 0) {
-					this.noTablesError = true;
-					this.loading = false;
-					this.title.setTitle(`No tables | Rocketadmin`);
-				} else if (tables) {
-					this.formatTableNames();
-					this.route.paramMap
-						.pipe(
-							map((params: ParamMap) => {
-								let tableName = params.get('table-name');
-								if (tableName) {
-									this.selectedTableName = tableName;
-									this.setTable(tableName);
-									console.log('setTable from getData paramMap');
-									this.title.setTitle(
-										`${this.selectedTableDisplayName} table | Rocketadmin`,
-									);
-									this.selection.clear();
-								} else {
-									if (this.defaultTableToOpen) {
-										tableName = this.defaultTableToOpen;
-									} else {
-										tableName = this.allTables[0]?.table;
-									}
-									this.router.navigate([`/dashboard/${this.connectionID}/${tableName}`], { replaceUrl: true, queryParamsHandling: 'preserve' });
-									this.selectedTableName = tableName;
-								}
-							}),
-						)
-						.subscribe();
-					this._tableRow.cast.subscribe((arg) => {
-						if (arg === 'delete row' && this.selectedTableName) {
-							this.setTable(this.selectedTableName);
-							console.log('setTable from getData _tableRow cast');
-							this.selection.clear();
-						}
-					});
-					this._tables.cast.subscribe((arg) => {
-						if ((arg === 'delete rows' || arg === 'import') && this.selectedTableName) {
-							this.setTable(this.selectedTableName);
-							console.log('setTable from getData _tables cast');
-							this.selection.clear();
-						}
-						if (arg === 'activate actions') {
-							this.selection.clear();
-						}
-					});
-				}
-			},
-			(err) => {
-				this.isServerError = true;
-				this.serverError = { abstract: err.error?.message || err.message, details: err.error?.originalMessage };
-				this.loading = false;
-				this.title.setTitle(`Error | Rocketadmin`);
-			},
-		);
-	}
-
-	formatTableNames() {
-		// Format table names inside tableFolders so all components receive formatted tables
-		this.tableFolders = this.tableFolders.map((category) => ({
-			...category,
-			tables: category.tables.map((tableItem: TableProperties) => this.formatTable(tableItem)),
-		}));
-	}
-
-	private formatTable(tableItem: TableProperties): TableProperties {
-		let normalizedTableName;
-		if (tableItem.display_name) {
-			normalizedTableName = tableItem.display_name;
-		} else {
-			normalizedTableName = normalizeTableName(tableItem.table);
-		}
-		const words = normalizedTableName.split(' ');
-		const initials = words.reduce((result, word) => {
-			if (word.length > 0) {
-				return result + word[0].toUpperCase();
-			}
-			return result;
-		}, '');
-
-		return { ...tableItem, normalizedTableName, initials: initials.slice(0, 2) };
-	}
-
-	setTable(tableName: string) {
-		this.selectedTableName = tableName;
-		const queryParams = this.route.snapshot.queryParams;
-		this.filters = JsonURL.parse(queryParams.filters);
-		this.comparators = getComparatorsFromUrl(this.filters);
-		this.pageIndex = parseInt(queryParams.page_index, 10) || 0;
-		this.pageSize = parseInt(queryParams.page_size, 10) || 30;
-		this.sortColumn = queryParams.sort_active;
-		this.sortOrder = queryParams.sort_direction;
-
-		const search = queryParams.search;
-		const uncached = queryParams.uncached === 'true';
-		this.getRows(search, uncached);
-		console.log('getRows from setTable');
-
-		const selectedTableProperties = this.allTables.find((table: any) => table.table === this.selectedTableName);
-		if (selectedTableProperties) {
-			this.selectedTableDisplayName =
-				selectedTableProperties.display_name || normalizeTableName(selectedTableProperties.table);
-		} else {
-			return;
-		}
-		this.loading = false;
-	}
-
-	openTableFilters(structure) {
-		let filterDialodRef = this.dialog.open(DbTableFiltersDialogComponent, {
-			width: '56em',
-			panelClass: 'mobile-bottom-sheet-dialog',
-			autoFocus: false,
-			data: {
-				connectionID: this.connectionID,
-				tableName: this.selectedTableName,
-				displayTableName: this.selectedTableDisplayName,
-				structure,
-			},
-		});
-
-		filterDialodRef.afterClosed().subscribe((action) => {
-			if (action === 'filter') {
-				const filtersFromDialog = { ...filterDialodRef.componentInstance.tableRowFieldsShown };
-
-				console.log('Filters from dialog:', filtersFromDialog);
-
-				const nonEmptyFilters = omitBy(filtersFromDialog, (value) => value === undefined);
-				this.comparators = filterDialodRef.componentInstance.tableRowFieldsComparator;
-
-				if (Object.keys(nonEmptyFilters).length) {
-					this.filters = {};
-					for (const key in nonEmptyFilters) {
-						if (this.comparators[key] !== undefined) {
-							this.filters[key] = {
-								[this.comparators[key]]: nonEmptyFilters[key],
-							};
-						}
-					}
-
-					console.log('Filters to apply:', this.filters);
-
-					const filters = JsonURL.stringify(this.filters);
-
-					console.log('Filters to navigate:', filters);
-
-					this.router.navigate([`/dashboard/${this.connectionID}/${this.selectedTableName}`], {
-						queryParams: {
-							filters,
-							page_index: 0,
-							page_size: this.pageSize,
-						},
-					});
-					this.getRows();
-					console.log('getRows from afterClosed');
-
-					this.angulartics2.eventTrack.next({
-						action: 'Dashboard: filter is applied',
-					});
-					posthog.capture('Dashboard: filter is applied');
-				}
-			} else if (action === 'reset') {
-				this.filters = {};
-				this.getRows();
-				console.log('getRows from reset filters afterClosed');
-				this.router.navigate([`/dashboard/${this.connectionID}/${this.selectedTableName}`]);
-			}
-		});
-	}
-
-	removeFilter(columnName: string) {
-		this.filters[columnName] = undefined;
-		this.filters = omitBy(this.filters, (value) => value === undefined);
-
-		const filters = JsonURL.stringify(this.filters);
-
-		this.selection.clear();
-
-		this.getRows();
-		console.log('getRows from removeFilter');
-		this.router.navigate([`/dashboard/${this.connectionID}/${this.selectedTableName}`], {
-			queryParams: {
-				filters,
-				page_index: 0,
-				page_size: this.pageSize,
-			},
-		});
-	}
-
-	clearAllFilters() {
-		this.filters = {};
-		this.comparators = {};
-		this.getRows();
-		console.log('getRows from clearAllFilters');
-		this.router.navigate([`/dashboard/${this.connectionID}/${this.selectedTableName}`], {
-			queryParams: {
-				page_index: 0,
-				page_size: this.pageSize,
-			},
-		});
-	}
-
-	search(value: string) {
-		this.getRows(value);
-		console.log('getRows from search');
-		this.filters = {};
-		this.router.navigate([`/dashboard/${this.connectionID}/${this.selectedTableName}`], {
-			queryParams: {
-				page_index: 0,
-				page_size: this.pageSize,
-				search: value,
-			},
-		});
-	}
-
-	getRows(search?: string, uncached?: boolean) {
-		console.log('getRows, filters:', this.filters);
-		this._uiSettings.getUiSettings().subscribe((settings: UiSettings) => {
-			this.uiSettings = settings?.connections[this.connectionID];
-			this.shownTableTitles = settings?.connections[this.connectionID]?.shownTableTitles ?? true;
-
-			this.dataSource.fetchRows({
-				connectionID: this.connectionID,
-				tableName: this.selectedTableName,
-				requstedPage: this.pageIndex,
-				pageSize: this.pageSize,
-				sortColumn: this.sortColumn,
-				sortOrder: this.sortOrder,
-				filters: this.filters,
-				search,
-				uncached,
-			});
-		});
-	}
-
-	applyFilter(filters: any) {
-		console.log('applyFilter with filters:', filters);
-		this.filters = filters?.filters;
-		this.getRows();
-		console.log('getRows from applyFilter');
-	}
-
-	openIntercome() {
-		// @ts-expect-error
-		Intercom('show');
-	}
-
-	activateActions({ action, primaryKeys, identityFieldValues }: DataToActivateActions) {
-		if (action.require_confirmation) {
-			this.dialog.open(BbBulkActionConfirmationDialogComponent, {
-				width: '25em',
-				data: {
-					id: action.id,
-					title: action.title,
-					primaryKeys,
-					identityFieldValues,
-					tableDisplayName: this.selectedTableDisplayName,
-				},
-			});
-		} else {
-			this._tables
-				.activateActions(this.connectionID, this.selectedTableName, action.id, action.title, primaryKeys)
-				.subscribe((res) => {
-					if (res?.location)
-						this.dialog.open(DbActionLinkDialogComponent, {
-							width: '25em',
-							data: { href: res.location, actionName: action.title, primaryKeys: primaryKeys[0] },
-						});
-				});
-		}
-	}
-
-	toggleSideBar() {
-		this.shownTableTitles = !this.shownTableTitles;
-		this._uiSettings.updateConnectionSetting(this.connectionID, 'shownTableTitles', this.shownTableTitles);
-	}
-
-	onSchemaApplied() {
-		setTimeout(() => {
-			this.noTablesError = false;
-			this.loading = true;
-			this.getData();
-		}, 1500);
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.css b/frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.css
deleted file mode 100644
index a89be1948..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.location-link {
-	color: var(--color-accentedPalette-500);
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.html b/frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.html
deleted file mode 100644
index d8b744c63..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<h1 mat-dialog-title>Action</h1>
-<mat-dialog-content>
-    <a [href]="data.href" target="_blank" class="location-link" (click)="closeDialog()">
-        Take action {{data.actionName}} for
-        <strong *ngIf="data.identityFieldValue; else primaryKeysList">{{data.identityFieldValue}}</strong>
-        <ng-template #primaryKeysList>
-            <strong *ngFor="let primaryKey of data.primaryKeys | keyvalue; let last = last">
-                {{primaryKey.key}} = {{primaryKey.value}}<span *ngIf="!last">,</span>
-            </strong>
-        </ng-template>.
-    </a>
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-  <button mat-flat-button mat-dialog-close>Cancel</button>
-</mat-dialog-actions>
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.spec.ts
deleted file mode 100644
index 475a3674e..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.spec.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-
-import { DbActionLinkDialogComponent } from './db-action-link-dialog.component';
-
-describe('DbActionLinkDialogComponent', () => {
-	let component: DbActionLinkDialogComponent;
-	let fixture: ComponentFixture<DbActionLinkDialogComponent>;
-
-	const mockDialogRef = {
-		close: () => {},
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatDialogModule, DbActionLinkDialogComponent],
-			providers: [
-				{ provide: MAT_DIALOG_DATA, useValue: {} },
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(DbActionLinkDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.ts
deleted file mode 100644
index 0706ac416..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-
-@Component({
-	selector: 'app-db-action-link-dialog',
-	templateUrl: './db-action-link-dialog.component.html',
-	styleUrls: ['./db-action-link-dialog.component.css'],
-	imports: [CommonModule, MatButtonModule, MatDialogModule],
-})
-export class DbActionLinkDialogComponent implements OnInit {
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: any,
-		public dialogRef: MatDialogRef<DbActionLinkDialogComponent>,
-	) {}
-
-	ngOnInit(): void {}
-
-	closeDialog() {
-		this.dialogRef.close();
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.css b/frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.css
deleted file mode 100644
index 698e8d19b..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.listOfPrimaryKeys {
-	list-style: none;
-}
-
-.actions-title {
-	text-transform: lowercase;
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.html b/frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.html
deleted file mode 100644
index b656eda0e..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.html
+++ /dev/null
@@ -1,37 +0,0 @@
-<h1 mat-dialog-title>Confirm <span class="actions-title">{{data.title}}</span> for {{ data.tableDisplayName }} table</h1>
-<mat-dialog-content>
-    <div *ngIf="data.identityFieldValues; else primaryKeysList">
-        <p class="mat-body">You are going to <strong class="actions-title">{{data.title}}</strong> for:</p>
-        <ul *ngIf="data.identityFieldValues; else primaryKeysList" class="listOfPrimaryKeys">
-            <li *ngFor="let identityValue of data.identityFieldValues; let last = last">
-                <strong>
-                    {{identityValue}}<span *ngIf="!last; else dot">,</span>
-                    <ng-template #dot>
-                        <span>.</span>
-                    </ng-template>
-                </strong>
-            </li>
-        </ul>
-    </div>
-    <ng-template #primaryKeysList>
-        <p class="mat-body">You are going to <strong class="actions-title">{{data.title}}</strong> with following primary key(s)</p>
-        <ul class="listOfPrimaryKeys">
-            <li *ngFor="let primaryKey of data.primaryKeys; let i = index">
-                <strong *ngFor="let attribute of primaryKey | keyvalue; let last = last">
-                    {{attribute.key}} = {{attribute.value}}<span *ngIf="!last">,</span>
-                </strong>
-                <span *ngIf="i !== data.primaryKeys.length - 1; else dot">;</span>
-                <ng-template #dot>
-                    <span>.</span>
-                </ng-template>
-            </li>
-        </ul>
-    </ng-template>
-    <br />
-    <p class="mat-body">Please confirm.</p>
-
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-  <button mat-flat-button mat-dialog-close>Cancel</button>
-  <button mat-flat-button color="warn" (click)="handleConfirmedActions()" [disabled]="submitting">{{data.title}}</button>
-</mat-dialog-actions>
\ No newline at end of file
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.spec.ts
deleted file mode 100644
index 7e026e6f4..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.spec.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { TablesService } from 'src/app/services/tables.service';
-import { BbBulkActionConfirmationDialogComponent } from './db-bulk-action-confirmation-dialog.component';
-
-describe('BbBulkActionConfirmationDialogComponent', () => {
-	let component: BbBulkActionConfirmationDialogComponent;
-	let fixture: ComponentFixture<BbBulkActionConfirmationDialogComponent>;
-	let tablesService: TablesService;
-
-	const mockDialogRef = {
-		close: () => {},
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				MatDialogModule,
-				Angulartics2Module.forRoot(),
-				BbBulkActionConfirmationDialogComponent,
-			],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						primaryKeys: [
-							{
-								column_name: 'id',
-							},
-						],
-						selectedRows: [
-							{
-								id: '1234',
-								name: 'Anna',
-							},
-							{
-								id: '5678',
-								name: 'John',
-							},
-						],
-					},
-				},
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(BbBulkActionConfirmationDialogComponent);
-		component = fixture.componentInstance;
-		tablesService = TestBed.inject(TablesService);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should call delete rows if no action id', () => {
-		component.connectionID = '12345678';
-		component.selectedTableName = 'users';
-		component.data.title = 'delete rows';
-		component.data.primaryKeys = [{ id: 1 }, { id: 2 }, { id: 3 }];
-		const fakeDeleteRows = vi.spyOn(tablesService, 'bulkDelete').mockReturnValue(of());
-
-		component.handleConfirmedActions();
-
-		expect(fakeDeleteRows).toHaveBeenCalledWith('12345678', 'users', [{ id: 1 }, { id: 2 }, { id: 3 }]);
-		expect(component.submitting).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.ts
deleted file mode 100644
index 8b40049d4..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialog, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TableRowService } from 'src/app/services/table-row.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { DbActionLinkDialogComponent } from '../db-action-link-dialog/db-action-link-dialog.component';
-
-@Component({
-	selector: 'app-db-rows-delete-dialog',
-	templateUrl: './db-bulk-action-confirmation-dialog.component.html',
-	styleUrls: ['./db-bulk-action-confirmation-dialog.component.css'],
-	imports: [CommonModule, FormsModule, MatButtonModule, MatDialogModule],
-})
-export class BbBulkActionConfirmationDialogComponent implements OnInit {
-	public selectedTableName;
-	public submitting: boolean = false;
-	public connectionID: string;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: any,
-		private _connections: ConnectionsService,
-		private _tables: TablesService,
-		private _tableRow: TableRowService,
-		public dialog: MatDialog,
-		public dialogRef: MatDialogRef<BbBulkActionConfirmationDialogComponent>,
-	) {}
-
-	ngOnInit(): void {
-		this.connectionID = this._connections.currentConnectionID;
-		this.selectedTableName = this._tables.currentTableName;
-		console.log(this.data);
-		this._tables.cast.subscribe();
-	}
-
-	onActionsComplete() {
-		this.dialogRef.close();
-		this.submitting = false;
-	}
-
-	handleConfirmedActions() {
-		this.submitting = true;
-
-		if (this.data.id) {
-			this._tables
-				.activateActions(
-					this.connectionID,
-					this.selectedTableName,
-					this.data.id,
-					this.data.title,
-					this.data.primaryKeys,
-					true,
-				)
-				.subscribe(
-					(res) => {
-						this.onActionsComplete();
-						if (res?.location)
-							this.dialog.open(DbActionLinkDialogComponent, {
-								width: '25em',
-								data: { href: res.location, actionName: this.data.title, primaryKeys: this.data.primaryKeys[0] },
-							});
-					},
-					() => {
-						this.onActionsComplete();
-					},
-					() => {
-						this.onActionsComplete();
-					},
-				);
-		} else {
-			if (this.data.primaryKeys.length === 1) {
-				this._tableRow.deleteTableRow(this.connectionID, this.selectedTableName, this.data.primaryKeys[0]).subscribe(
-					() => {
-						this.onActionsComplete();
-					},
-					() => {
-						this.onActionsComplete();
-					},
-					() => {
-						this.onActionsComplete();
-					},
-				);
-			} else if (this.data.primaryKeys.length > 1) {
-				this._tables.bulkDelete(this.connectionID, this.selectedTableName, this.data.primaryKeys).subscribe(
-					() => {
-						this.onActionsComplete();
-					},
-					() => {
-						this.onActionsComplete();
-					},
-					() => {
-						this.onActionsComplete();
-					},
-				);
-			}
-		}
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog/action-delete-dialog.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog/action-delete-dialog.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog/action-delete-dialog.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog/action-delete-dialog.component.html
deleted file mode 100644
index f79b62946..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog/action-delete-dialog.component.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<h1 mat-dialog-title>Confirm action delete</h1>
-<mat-dialog-content>
-    <p class="mat-body">
-        You are going to delete <strong>{{data.action?.title}}</strong> action.
-    </p>
-    <br>
-    <p class="mat-body">Please confirm.</p>
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-    <button mat-flat-button mat-dialog-close>Cancel</button>
-    <button mat-flat-button color="warn" mat-dialog-close="delete"
-        (click)="deleteAction()">
-        Delete
-    </button>
-</mat-dialog-actions>
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog/action-delete-dialog.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog/action-delete-dialog.component.spec.ts
deleted file mode 100644
index 237a6c6b8..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog/action-delete-dialog.component.spec.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { RouterTestingModule } from '@angular/router/testing';
-import { Angulartics2Module } from 'angulartics2';
-import { ActionDeleteDialogComponent } from './action-delete-dialog.component';
-
-describe('ActionDeleteDialogComponent', () => {
-	let component: ActionDeleteDialogComponent;
-	let fixture: ComponentFixture<ActionDeleteDialogComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				RouterTestingModule,
-				MatDialogModule,
-				MatSnackBarModule,
-				Angulartics2Module.forRoot(),
-				ActionDeleteDialogComponent,
-			],
-			providers: [
-				provideHttpClient(),
-				{ provide: MAT_DIALOG_DATA, useValue: {} },
-				{ provide: MatDialogRef, useValue: {} },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(ActionDeleteDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog/action-delete-dialog.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog/action-delete-dialog.component.ts
deleted file mode 100644
index fb0677533..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-actions/action-delete-dialog/action-delete-dialog.component.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-
-import { TablesService } from 'src/app/services/tables.service';
-
-@Component({
-	selector: 'app-action-delete-dialog',
-	templateUrl: './action-delete-dialog.component.html',
-	styleUrls: ['./action-delete-dialog.component.css'],
-	imports: [CommonModule, MatButtonModule, MatDialogModule],
-})
-export class ActionDeleteDialogComponent implements OnInit {
-	public submitting: boolean = false;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: any,
-		private _tables: TablesService,
-		public dialogRef: MatDialogRef<ActionDeleteDialogComponent>,
-	) {}
-
-	ngOnInit(): void {
-		this._tables.cast.subscribe();
-	}
-
-	deleteAction() {
-		this.submitting = true;
-		this._tables.deleteRule(this.data.connectionID, this.data.selectedTableName, this.data.rule.id).subscribe(
-			() => {
-				this.dialogRef.close();
-				this.submitting = false;
-			},
-			() => {
-				this.submitting = false;
-			},
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.css
deleted file mode 100644
index 743f58771..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.css
+++ /dev/null
@@ -1,1148 +0,0 @@
-:host {
-	display: block;
-	height: calc(100vh - 44px);
-	margin-bottom: -60px;
-	overflow: hidden;
-	position: relative;
-	z-index: 1;
-}
-
-:host app-alert:not(:empty) {
-	--alert-margin: 0;
-
-	top: 0;
-	margin-bottom: 16px;
-}
-
-.actions-layout {
-	display: flex;
-	height: 100%;
-}
-
-.actions-sidebar {
-	width: clamp(200px, 18%, 320px);
-	padding-bottom: 16px;
-	border-right: 1px solid var(--mat-sidenav-container-divider-color);
-	overflow-y: auto;
-	flex-shrink: 0;
-}
-
-.drawer-header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 16px 16px 0;
-}
-
-.drawer-header .mat-h1 {
-	margin: 0;
-}
-
-.add-automation-button {
-	width: calc(100% - 24px);
-	margin: 8px 12px;
-}
-
-.no-actions {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 12px;
-	color: rgba(0, 0, 0, 0.64);
-	padding: 1rem 0;
-	text-align: center;
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-actions {
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-/* .new-action-input {
-    background-color: transparent;
-    margin-top: 12px;
-    margin-left: 16px;
-    margin-bottom: -24px;
-    width: calc(100% - 32px);
-}
-
-.new-action-input ::ng-deep.mat-mdc-form-field-wrapper {
-    width: calc(100% - 16px);
-} */
-
-.new-action-input {
-	background-color: transparent;
-	margin-left: 16px;
-	min-width: 220px;
-	width: calc(100% - 32px);
-}
-
-.new-action-input ::ng-deep * {
-	background-color: transparent !important;
-}
-
-.new-action-input ::ng-deep .mdc-text-field {
-	padding: 0 !important;
-}
-
-.new-action-input ::ng-deep .mat-mdc-form-field-infix {
-	min-height: 0;
-}
-
-.new-action-input
-	::ng-deep
-	.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea)
-	.mat-mdc-form-field-infix {
-	padding-top: 8px;
-	padding-bottom: 8px;
-}
-
-.new-action-input ::ng-deep .mat-mdc-icon-button.mat-mdc-button-base {
-	width: 36px;
-	height: 36px;
-	padding: 6px;
-}
-
-.action-error {
-	position: absolute;
-	top: 44px;
-	left: 0;
-	color: var(--color-error);
-	font-size: 0.75em;
-	width: 100%;
-}
-
-.actions-main {
-	flex: 1;
-	overflow-y: auto;
-	display: flex;
-	flex-direction: column;
-	background-color: var(--mat-sidenav-content-background-color);
-}
-
-.actions-main > app-alert,
-.actions-main > app-breadcrumbs,
-.actions-main > app-content-loader,
-.actions-main > .creation-flow,
-.actions-main > .empty-state {
-	padding-left: clamp(40px, 5vw, 100px);
-	padding-right: clamp(40px, 5vw, 100px);
-}
-
-.actions-main > app-alert,
-.actions-main > app-breadcrumbs,
-.actions-main > app-content-loader {
-	padding-top: 20px;
-}
-
-@media (width <= 600px) {
-	.actions-main > app-alert,
-	.actions-main > app-breadcrumbs,
-	.actions-main > app-content-loader,
-	.actions-main > .creation-flow,
-	.actions-main > .empty-state {
-		padding-left: 16px;
-		padding-right: 16px;
-	}
-}
-
-.rule {
-	flex-grow: 1;
-	display: flex;
-	align-items: stretch;
-	gap: 24px;
-	margin-top: 20px;
-}
-
-.rule-settings {
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	/* min-width: 420px; */
-	width: 100%;
-}
-
-.rule-name {
-	width: 50%;
-}
-
-::ng-deep .mat-menu-content {
-	padding: 16px !important;
-}
-
-.text_highlighted {
-	background: var(--color-accentedPalette-100);
-	color: var(--color-accentedPalette-100-contrast);
-	margin-bottom: 0 !important;
-	padding: 4px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.text_highlighted {
-		background: var(--color-accentedPalette-800);
-		color: var(--color-accentedPalette-800-contrast);
-	}
-}
-
-.event {
-	display: flex;
-	align-items: center;
-	flex-wrap: wrap;
-	gap: 12px;
-	margin-top: 24px;
-}
-
-.custom-event {
-	display: flex;
-	flex-direction: column;
-	/* padding-left: 128px; */
-	padding-top: 20px;
-	padding-bottom: 32px;
-}
-
-.custom-event__row {
-	display: flex;
-	align-items: center;
-	gap: 24px;
-}
-
-.list-action-list-item ::ng-deep .mdc-list-item__primary-text {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-}
-
-.list-action-list-item_active {
-	--mat-list-list-item-label-text-color: var(--color-accentedPalette-500);
-	--mat-list-list-item-hover-label-text-color: var(--color-accentedPalette-500);
-	--mat-list-list-item-focus-label-text-color: var(--color-accentedPalette-500);
-}
-
-.radio-button_first {
-	margin-left: 16px;
-}
-
-.radio-button_second {
-	margin-left: 8px;
-}
-
-.action__actions {
-	margin-top: auto;
-	display: flex;
-	justify-content: space-between;
-}
-
-.code-snippet-box {
-	position: relative;
-	border: 1px solid rgba(0, 0, 0, 0.12);
-	border-radius: 4px;
-	margin-top: 8px;
-	margin-bottom: 20px;
-	max-width: 1100px;
-	padding: 8px 12px;
-}
-
-.copy-button {
-	position: absolute;
-	right: 32px;
-	top: 32px;
-	background-color: #fff;
-	z-index: 5;
-}
-
-@media (prefers-color-scheme: dark) {
-	.code-snippet-box {
-		border-color: rgba(255, 255, 255, 0.12);
-		background-color: var(--surface-dark-color);
-	}
-
-	.copy-button {
-		background-color: var(--surface-dark-color);
-	}
-}
-
-@media screen and (max-width: 1400px) {
-	.copy-button {
-		right: 20px;
-		top: 100px;
-	}
-}
-
-.confirmation-checkbox,
-.icon-picker {
-	margin-top: -16px;
-}
-
-.event {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-.event__or {
-	margin-top: -22px !important;
-}
-
-.event__removeButton {
-	margin-top: -22px;
-}
-
-.rule-action {
-	display: flex;
-	align-items: center;
-	gap: 16px;
-}
-
-.rule-action__label {
-	display: inline-block;
-	margin-top: -16px !important;
-}
-
-.rule-action__param {
-	width: 50%;
-}
-
-.empty-state {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 16px;
-	margin: 40px auto 0;
-	max-width: 900px;
-}
-
-.empty-state__header {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	text-align: center;
-	margin-bottom: 8px;
-}
-
-.empty-state__icon-box {
-	width: 40px;
-	height: 40px;
-	border-radius: 10px;
-	background: color-mix(in srgb, var(--color-accentedPalette-500), transparent 88%);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	margin-bottom: 16px;
-}
-
-.empty-state__icon {
-	color: var(--color-accentedPalette-500);
-	font-size: 22px;
-	width: 22px;
-	height: 22px;
-}
-
-.empty-state__title {
-	font-size: 20px;
-	font-weight: 600;
-	margin: 0 0 2px;
-	line-height: 1.3;
-}
-
-.empty-state__subtitle {
-	font-size: 14px;
-	font-weight: 300;
-	color: rgba(0, 0, 0, 0.64);
-	margin: 0 !important;
-	line-height: 1.5;
-}
-
-@media (prefers-color-scheme: dark) {
-	.empty-state__subtitle {
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-.empty-state__cta {
-	display: flex;
-	align-items: center;
-	gap: 16px;
-	margin-top: 16px;
-}
-
-.empty-state__docs-link {
-	display: inline-flex;
-	align-items: center;
-	gap: 3px;
-	font-size: 13px;
-	color: var(--color-accentedPalette-500);
-	text-decoration: none;
-}
-
-.empty-state__docs-link:hover {
-	text-decoration: underline;
-}
-
-.empty-state__docs-icon {
-	font-size: 15px;
-	width: 15px;
-	height: 15px;
-}
-
-/* ── Example flow ── */
-
-.example-flow {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	width: 100%;
-	max-width: 520px;
-}
-
-.example-flow__card {
-	display: flex;
-	flex-direction: column;
-	gap: 0;
-	padding: 24px;
-	border: 1px solid var(--color-accentedPalette-100);
-	border-radius: 20px;
-	width: 100%;
-	box-sizing: border-box;
-	opacity: 0.85;
-	pointer-events: none;
-	background: var(--color-accentedPalette-50);
-}
-
-@media (prefers-color-scheme: dark) {
-	.example-flow__card {
-		border-color: var(--color-accentedPalette-800);
-		background: var(--color-accentedPalette-900);
-	}
-}
-
-/* ── Badges ── */
-
-.example-flow__section-label {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	margin-bottom: 12px;
-}
-
-.example-flow__section-text {
-	font-size: 13px;
-	font-weight: 500;
-}
-
-.example-flow__badge {
-	display: inline-flex;
-	font-size: 11px;
-	font-weight: 700;
-	letter-spacing: 0.05em;
-	padding: 3px 10px;
-	border-radius: 6px;
-}
-
-.example-flow__badge--when {
-	background: #ede9fe;
-	color: var(--color-alternativePalette-500);
-}
-
-.example-flow__badge--action {
-	background: #dbeafe;
-	color: #3b82f6;
-}
-
-@media (prefers-color-scheme: dark) {
-	.example-flow__badge--when {
-		background: #3730a3;
-		color: #a5b4fc;
-	}
-
-	.example-flow__badge--action {
-		background: #1e3a5f;
-		color: #60a5fa;
-	}
-}
-
-/* ── Trigger grid ── */
-
-.example-flow__triggers {
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-	gap: 10px;
-}
-
-.example-trigger {
-	display: flex;
-	align-items: center;
-	gap: 10px;
-	padding: 10px 12px;
-	border-radius: 12px;
-	background: #ffffff;
-	border: 1px solid var(--color-accentedPalette-100);
-}
-
-@media (prefers-color-scheme: dark) {
-	.example-trigger {
-		background: #13151a;
-		border-color: var(--color-accentedPalette-800);
-	}
-}
-
-.example-trigger__icon-box {
-	width: 34px;
-	height: 34px;
-	border-radius: 9px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	flex-shrink: 0;
-}
-
-.example-trigger__icon-box mat-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-}
-
-.example-trigger__icon-box--add {
-	background: color-mix(in srgb, var(--color-successPalette-500), transparent 80%);
-	color: var(--color-successPalette-500);
-}
-
-.example-trigger__icon-box--update {
-	background: color-mix(in srgb, var(--color-infoPalette-500), transparent 80%);
-	color: var(--color-infoPalette-500);
-}
-
-.example-trigger__icon-box--delete {
-	background: color-mix(in srgb, var(--color-warnPalette-500), transparent 80%);
-	color: var(--color-warnPalette-500);
-}
-
-.example-trigger__icon-box--custom {
-	background: color-mix(in srgb, var(--color-alternativePalette-500), transparent 80%);
-	color: var(--color-alternativePalette-500);
-}
-
-@media (prefers-color-scheme: dark) {
-	.example-trigger__icon-box--add {
-		background: color-mix(in srgb, var(--color-successPalette-500), transparent 88%);
-		color: var(--color-successPalette-500);
-	}
-	.example-trigger__icon-box--update {
-		background: color-mix(in srgb, var(--color-infoPalette-500), transparent 88%);
-		color: var(--color-infoPalette-500);
-	}
-	.example-trigger__icon-box--delete {
-		background: color-mix(in srgb, var(--color-warnPalette-500), transparent 88%);
-		color: var(--color-warnPalette-500);
-	}
-	.example-trigger__icon-box--custom {
-		background: color-mix(in srgb, var(--color-alternativePalette-500), transparent 88%);
-		color: var(--color-alternativePalette-500);
-	}
-}
-
-.example-trigger__text {
-	display: flex;
-	flex-direction: column;
-	gap: 1px;
-}
-
-.example-trigger__title {
-	font-size: 13px;
-	font-weight: 600;
-}
-
-.example-trigger__desc {
-	font-size: 11px;
-	color: rgba(0, 0, 0, 0.64);
-}
-
-@media (prefers-color-scheme: dark) {
-	.example-trigger__desc {
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-/* ── Connector ── */
-
-.example-flow__connector {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	height: 48px;
-	margin: 4px 0;
-}
-
-.example-flow__connector-line {
-	flex: 1;
-	border-left: 1px solid var(--color-accentedPalette-100);
-}
-
-@media (prefers-color-scheme: dark) {
-	.example-flow__connector-line {
-		border-color: var(--color-accentedPalette-800);
-	}
-}
-
-.example-flow__connector-pill {
-	font-size: 10px;
-	font-weight: 700;
-	letter-spacing: 0.05em;
-	padding: 2px 8px;
-	border-radius: 4px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.example-flow__connector-pill {
-		background: #1e2130;
-	}
-}
-
-/* ── Actions ── */
-
-.example-flow__actions {
-	display: flex;
-	gap: 10px;
-}
-
-.example-action {
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 6px;
-	padding: 14px 8px;
-	border-radius: 12px;
-	background: #ffffff;
-	border: 1px solid var(--color-accentedPalette-100);
-}
-
-@media (prefers-color-scheme: dark) {
-	.example-action {
-		background: #13151a;
-		border-color: var(--color-accentedPalette-800);
-	}
-}
-
-.example-action__icon-box {
-	width: 40px;
-	height: 40px;
-	border-radius: 10px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background: color-mix(in srgb, var(--color-accentedPalette-500), transparent 88%);
-	color: var(--color-accentedPalette-500);
-}
-
-@media (prefers-color-scheme: dark) {
-	.example-action__icon-box {
-		background: #1e2130;
-		color: var(--color-accentedPalette-500);
-	}
-}
-
-.example-action__icon-box mat-icon {
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-}
-
-.example-action__label {
-	font-size: 12px;
-	font-weight: 600;
-}
-
-/* ── Creation flow ── */
-
-.creation-flow {
-	flex: 1;
-	margin-top: 20px;
-	max-width: 1400px;
-	width: 100%;
-	box-sizing: border-box;
-}
-
-.creation-flow__form {
-	display: flex;
-	flex-direction: column;
-	gap: 24px;
-	min-height: 100%;
-}
-
-.creation-flow__form > .actions {
-	margin-top: auto;
-}
-
-.creation-flow__form .creation-card {
-	max-width: 900px;
-}
-
-/* ── Card connector (line + arrow) ── */
-
-.creation-card--trigger::after {
-	content: "";
-	position: absolute;
-	bottom: -3px;
-	left: 50%;
-	transform: translateX(-50%);
-	width: 6px;
-	height: 6px;
-	border-radius: 50%;
-	background-color: var(--color-accentedPalette-300);
-	z-index: 1;
-}
-
-.card-connector {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	height: 36px;
-	margin: -18px 0;
-	max-width: 900px;
-}
-
-.card-connector::before {
-	content: "";
-	flex: 1;
-	border-left: 1px solid var(--color-accentedPalette-300);
-}
-
-.card-connector::after {
-	content: "";
-	width: 0;
-	height: 0;
-	border-left: 4px solid transparent;
-	border-right: 4px solid transparent;
-	border-top: 5px solid var(--color-accentedPalette-300);
-}
-
-.creation-flow__name-row {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	max-width: 900px;
-}
-
-.creation-flow__name-row > button {
-	margin-left: auto;
-	margin-bottom: 22px;
-}
-
-.creation-flow__name {
-	width: 50%;
-}
-
-.actions {
-	position: sticky;
-	bottom: 0;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 16px;
-	margin-left: calc(-1 * clamp(40px, 5vw, 100px));
-	margin-right: calc(-1 * clamp(40px, 5vw, 100px));
-	padding: 0 clamp(40px, 5vw, 100px);
-	background-color: var(--background-color);
-	box-shadow: var(--shadow);
-	height: 64px;
-	flex-shrink: 0;
-	z-index: 10;
-}
-
-@media (prefers-color-scheme: dark) {
-	.actions {
-		--shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.5), 0 2px 2px 0 rgba(0, 0, 0, 0.64), 0 1px 5px 0 rgba(0, 0, 0, 0.85);
-		--background-color: var(--surface-dark-color);
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.actions {
-		--shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-		--background-color: #fff;
-	}
-}
-
-@media (width <= 600px) {
-	.actions {
-		margin-left: -16px;
-		margin-right: -16px;
-		padding: 0 16px;
-	}
-}
-
-/* ── Step badges ── */
-
-.step-label__badge {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	font-size: 0.75em;
-	font-weight: 700;
-	letter-spacing: 0.05em;
-	padding: 2px 7px;
-	border-radius: 4px;
-	margin-right: 8px;
-}
-
-.step-label__badge--when {
-	background-color: #3d2248;
-	color: #d1a3db;
-}
-
-.step-label__badge--then {
-	background-color: #1a2d4a;
-	color: #82c4f8;
-}
-
-@media (prefers-color-scheme: light) {
-	.step-label__badge--when {
-		background-color: #f3e5f5;
-		color: #7b1fa2;
-	}
-
-	.step-label__badge--then {
-		background-color: #e3f2fd;
-		color: #1565c0;
-	}
-}
-
-/* ── Cards ── */
-
-.creation-card {
-	position: relative;
-	border: 1px solid rgba(0, 0, 0, 0.12);
-	border-radius: 8px;
-	padding: 20px 24px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.creation-card {
-		border-color: rgba(255, 255, 255, 0.12);
-		background-color: #1e1e1e;
-	}
-}
-
-.creation-card--disabled {
-	opacity: 0.35;
-	pointer-events: none;
-}
-
-.creation-card--highlight {
-	animation: card-pulse 1.5s ease;
-}
-
-@keyframes card-pulse {
-	0%,
-	100% {
-		border-color: rgba(0, 0, 0, 0.12);
-	}
-	25%,
-	75% {
-		border-color: var(--color-accentedPalette-500);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	@keyframes card-pulse {
-		0%,
-		100% {
-			border-color: rgba(255, 255, 255, 0.12);
-		}
-		25%,
-		75% {
-			border-color: var(--color-accentedPalette-500);
-		}
-	}
-}
-
-.creation-card__label {
-	font-weight: 500;
-	display: block;
-	margin-bottom: 16px;
-}
-
-.creation-card__hint {
-	font-style: italic;
-	color: rgba(0, 0, 0, 0.45);
-}
-
-@media (prefers-color-scheme: dark) {
-	.creation-card__hint {
-		color: rgba(255, 255, 255, 0.45);
-	}
-}
-
-/* ── Trigger pills ── */
-
-.trigger-pills {
-	display: flex;
-	align-items: center;
-	gap: 10px;
-	flex-wrap: wrap;
-}
-
-.trigger-pills__or {
-	font-size: 11px;
-	font-weight: 500;
-	color: rgba(255, 255, 255, 0.24);
-	text-transform: uppercase;
-	letter-spacing: 0.03em;
-}
-
-@media (prefers-color-scheme: light) {
-	.trigger-pills__or {
-		color: rgba(0, 0, 0, 0.32);
-	}
-}
-
-.trigger-pill {
-	display: inline-flex;
-	align-items: center;
-	gap: 8px;
-	padding: 7px 14px;
-	border-radius: 4px;
-	border: 1px solid var(--mat-button-outlined-outline-color);
-	background: #0f0f18;
-	font-size: 12px;
-	font-weight: 600;
-	cursor: pointer;
-	transition:
-		border-color 0.2s,
-		background-color 0.2s,
-		box-shadow 0.2s;
-}
-
-.trigger-pill__checkbox {
-	position: absolute;
-	opacity: 0;
-	pointer-events: none;
-}
-
-.trigger-pill__icon {
-	font-size: 15px;
-	width: 15px;
-	height: 15px;
-}
-
-/* Default colored text & icons per type (muted when not selected) */
-.trigger-pill--add-row {
-	color: var(--color-successDarkPalette-700);
-}
-.trigger-pill--update-row {
-	color: var(--color-infoPalette-700);
-}
-.trigger-pill--delete-row {
-	color: var(--color-warnDarkPalette-700);
-}
-.trigger-pill--custom {
-	color: var(--color-alternativeDarkPalette-700);
-}
-
-.trigger-pill:hover {
-	background: rgba(255, 255, 255, 0.036);
-}
-
-/* Active states */
-.trigger-pill--add-row.trigger-pill--active {
-	border-color: var(--color-successDarkPalette-500);
-	background: var(--color-successDarkPalette-900);
-	box-shadow:
-		0 0 0 1px var(--color-successDarkPalette-800),
-		0 0 12px var(--color-successDarkPalette-900);
-	color: var(--color-successDarkPalette-500);
-}
-
-.trigger-pill--update-row.trigger-pill--active {
-	border-color: var(--color-infoPalette-500);
-	background: var(--color-infoPalette-900);
-	box-shadow:
-		0 0 0 1px var(--color-infoPalette-800),
-		0 0 12px var(--color-infoPalette-900);
-	color: var(--color-infoPalette-500);
-}
-
-.trigger-pill--delete-row.trigger-pill--active {
-	border-color: var(--color-warnDarkPalette-500);
-	background: var(--color-warnDarkPalette-900);
-	box-shadow:
-		0 0 0 1px var(--color-warnDarkPalette-800),
-		0 0 12px var(--color-warnDarkPalette-900);
-	color: var(--color-warnDarkPalette-500);
-}
-
-.trigger-pill--custom.trigger-pill--active {
-	border-color: var(--color-alternativeDarkPalette-500);
-	background: var(--color-alternativeDarkPalette-900);
-	box-shadow:
-		0 0 0 1px var(--color-alternativeDarkPalette-800),
-		0 0 12px var(--color-alternativeDarkPalette-900);
-	color: var(--color-alternativeDarkPalette-500);
-}
-
-/* Light mode overrides */
-@media (prefers-color-scheme: light) {
-	/* Default colored text & icons per type (muted when not selected) */
-	.trigger-pill--add-row {
-		color: var(--color-successPalette-300);
-		background-color: transparent;
-	}
-	.trigger-pill--update-row {
-		color: var(--color-infoPalette-300);
-		background-color: transparent;
-	}
-	.trigger-pill--delete-row {
-		color: var(--color-warnPalette-300);
-		background-color: transparent;
-	}
-	.trigger-pill--custom {
-		color: var(--color-alternativePalette-300);
-		background-color: transparent;
-	}
-
-	.trigger-pill:hover {
-		background: rgba(255, 255, 255, 0.036);
-	}
-
-	/* Active states */
-	.trigger-pill--add-row.trigger-pill--active {
-		border-color: var(--color-successPalette-500);
-		background: var(--color-successPalette-100);
-		box-shadow:
-			0 0 0 1px var(--color-successPalette-100),
-			0 0 12px var(--color-successPalette-50);
-		color: var(--color-successPalette-500);
-	}
-
-	.trigger-pill--update-row.trigger-pill--active {
-		border-color: var(--color-infoPalette-500);
-		background: var(--color-infoPalette-100);
-		box-shadow:
-			0 0 0 1px var(--color-infoPalette-100),
-			0 0 12px var(--color-infoPalette-50);
-		color: var(--color-infoPalette-500);
-	}
-
-	.trigger-pill--delete-row.trigger-pill--active {
-		border-color: var(--color-warnPalette-500);
-		background: var(--color-warnPalette-100);
-		box-shadow:
-			0 0 0 1px var(--color-warnPalette-100),
-			0 0 12px var(--color-warnPalette-50);
-		color: var(--color-warnPalette-500);
-	}
-
-	.trigger-pill--custom.trigger-pill--active {
-		border-color: var(--color-alternativePalette-500);
-		background: var(--color-alternativePalette-100);
-		box-shadow:
-			0 0 0 1px var(--color-alternativePalette-100),
-			0 0 12px var(--color-alternativePalette-50);
-		color: var(--color-alternativePalette-500);
-	}
-}
-
-/* Custom event inline */
-.custom-event-inline {
-	display: flex;
-	flex-wrap: wrap;
-	align-items: center;
-	gap: 16px;
-	margin-top: 16px;
-	padding-top: 16px;
-	border-top: 1px solid rgba(0, 0, 0, 0.08);
-}
-
-.custom-event-inline app-icon-picker,
-.custom-event-inline mat-checkbox {
-	margin-bottom: 22px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.custom-event-inline {
-		border-top-color: rgba(255, 255, 255, 0.08);
-	}
-}
-
-/* ── Affects row ── */
-
-.affects-row {
-	display: flex;
-	align-items: center;
-	gap: 16px;
-	margin-top: -8px;
-	width: 100%;
-}
-
-.affects-row__label {
-	font-weight: 500;
-	font-size: 0.85em;
-	color: rgba(0, 0, 0, 0.64);
-}
-
-@media (prefers-color-scheme: dark) {
-	.affects-row__label {
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-/* ── Accented toggle groups (affects + action methods) ── */
-
-.affects-row ::ng-deep .mat-button-toggle-checked,
-.action-methods ::ng-deep .mat-button-toggle-checked {
-	background-color: var(--color-accentedPalette-100);
-	color: var(--color-accentedPalette-100-contrast);
-}
-
-@media (prefers-color-scheme: dark) {
-	.affects-row ::ng-deep .mat-button-toggle-checked,
-	.action-methods ::ng-deep .mat-button-toggle-checked {
-		background-color: var(--color-accentedPalette-800);
-		color: var(--color-accentedPalette-800-contrast);
-	}
-}
-
-/* ── Action methods ── */
-
-.action-methods {
-	margin-bottom: 16px;
-}
-
-.action-methods ::ng-deep .mat-button-toggle-label-content {
-	display: flex;
-	align-items: center;
-	gap: 4px;
-}
-
-.action-methods mat-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-}
-
-/* ── Action fields ── */
-
-.action-fields__input {
-	width: 60%;
-}
-
-.action-fields__hint {
-	margin-top: -12px;
-	margin-bottom: 8px;
-	font-size: 0.85em;
-	color: rgba(0, 0, 0, 0.5);
-}
-
-@media (prefers-color-scheme: dark) {
-	.action-fields__hint {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-@media screen and (max-width: 768px) {
-	.creation-flow__name,
-	.action-fields__input {
-		width: 100%;
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.html
deleted file mode 100644
index fc10422cf..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.html
+++ /dev/null
@@ -1,318 +0,0 @@
-<div class="actions-layout">
-    <div class="actions-sidebar">
-        <div class="drawer-header">
-            <h1 class="mat-h1">Automations</h1>
-        </div>
-        <div class="no-actions" *ngIf="rulesData && rules && rules.length === 0 && !isCreationMode">
-            <span>No automations yet</span>
-        </div>
-        <mat-action-list *ngIf="rulesData && rules">
-            <button mat-list-item *ngFor="let rule of rules; let i = index"
-                class="list-action-list-item"
-                [ngClass]="{
-                    'list-action-list-item_active': selectedRule && rule.title === selectedRule.title,
-                    'list-action-list-item_notSaved': rule.id === ''
-                }"
-                (click)="switchRulesView(rule)">
-                <span>{{ rule.title || 'New automation' }}</span>
-            </button>
-        </mat-action-list>
-        <button *ngIf="rulesData && rules && !isCreationMode" mat-stroked-button type="button"
-            class="add-automation-button"
-            angulartics2On="click"
-            angularticsAction="Actions: add first action is clicked"
-            (click)="addNewRule(); posthog.capture('Actions: add first action is clicked')">
-            <mat-icon>add</mat-icon> Add automation
-        </button>
-    </div>
-
-    <div class="actions-main" *ngIf="rulesData">
-        <app-alert></app-alert>
-        <app-breadcrumbs [crumbs]="getCrumbs(currentConnection.title || currentConnection.database)" class="actions-breadcrumbs"></app-breadcrumbs>
-        <app-content-loader *ngIf="!rules"></app-content-loader>
-
-        <div class="creation-flow" *ngIf="selectedRule && rules.length">
-            <form (ngSubmit)="handleRuleSubmitting()" (input)="isSaved = false" class="creation-flow__form">
-                <div class="creation-flow__name-row">
-                    <mat-form-field appearance="outline" class="creation-flow__name">
-                        <mat-label>Automation name</mat-label>
-                        <input matInput #ruleNameInput [(ngModel)]="selectedRuleTitle" name="rule-title"
-                            (ngModelChange)="isCreationMode ? selectedRule.title = $event : null">
-                    </mat-form-field>
-                    @if (isCreationMode) {
-                        <button mat-button color="warn" type="button"
-                            (click)="undoRule()">
-                            Cancel
-                        </button>
-                    } @else {
-                        <button mat-button color="warn" type="button"
-                            (click)="handleRemoveRule()">
-                            Delete
-                        </button>
-                    }
-                </div>
-
-                <!-- Triggers -->
-                <div class="creation-card creation-card--trigger">
-                    <span class="creation-card__label"><span class="step-label__badge step-label__badge--when">WHEN</span> Trigger</span>
-
-                    <div class="trigger-pills">
-                        <label class="trigger-pill trigger-pill--add-row" [class.trigger-pill--active]="selectedEvents.includes('ADD_ROW')">
-                            <input type="checkbox" class="trigger-pill__checkbox"
-                                [checked]="selectedEvents.includes('ADD_ROW')"
-                                (change)="toggleTriggerTile(availableEvents[0].value)">
-                            <mat-icon class="trigger-pill__icon">add_circle_outline</mat-icon>
-                            <span>Add row</span>
-                        </label>
-                        <span class="trigger-pills__or">or</span>
-                        <label class="trigger-pill trigger-pill--update-row" [class.trigger-pill--active]="selectedEvents.includes('UPDATE_ROW')">
-                            <input type="checkbox" class="trigger-pill__checkbox"
-                                [checked]="selectedEvents.includes('UPDATE_ROW')"
-                                (change)="toggleTriggerTile(availableEvents[1].value)">
-                            <mat-icon class="trigger-pill__icon">edit</mat-icon>
-                            <span>Update row</span>
-                        </label>
-                        <span class="trigger-pills__or">or</span>
-                        <label class="trigger-pill trigger-pill--delete-row" [class.trigger-pill--active]="selectedEvents.includes('DELETE_ROW')">
-                            <input type="checkbox" class="trigger-pill__checkbox"
-                                [checked]="selectedEvents.includes('DELETE_ROW')"
-                                (change)="toggleTriggerTile(availableEvents[2].value)">
-                            <mat-icon class="trigger-pill__icon">delete_outline</mat-icon>
-                            <span>Delete row</span>
-                        </label>
-                        <span class="trigger-pills__or">or</span>
-                        <label class="trigger-pill trigger-pill--custom" [class.trigger-pill--active]="selectedEvents.includes('CUSTOM')">
-                            <input type="checkbox" class="trigger-pill__checkbox"
-                                [checked]="selectedEvents.includes('CUSTOM')"
-                                (change)="toggleTriggerTile(availableEvents[3].value)">
-                            <mat-icon class="trigger-pill__icon">tune</mat-icon>
-                            <span>Custom</span>
-                        </label>
-                    </div>
-
-                    @if (selectedRuleCustomEvent) {
-                    <div class="custom-event-inline">
-                        <mat-form-field appearance="outline">
-                            <mat-label>Button label</mat-label>
-                            <input matInput name="custom-event-title" [(ngModel)]="selectedRuleCustomEvent.title">
-                        </mat-form-field>
-                        <app-icon-picker
-                            [icon]="selectedRuleCustomEvent.icon"
-                            [defaultIcons]="defaultIcons"
-                            tooltip="Choose an icon"
-                            (onFieldChange)="updateIcon($event)">
-                        </app-icon-picker>
-                        <mat-checkbox name="custom-event-confirmation"
-                            labelPosition="after"
-                            [(ngModel)]="selectedRuleCustomEvent.require_confirmation">
-                            Request confirmation
-                        </mat-checkbox>
-                        <div class="affects-row">
-                            <span class="affects-row__label">Affects</span>
-                            <mat-button-toggle-group [value]="selectedRuleCustomEvent.type"
-                                (change)="setCustomEventType($event.value)"
-                                hideSingleSelectionIndicator>
-                                <mat-button-toggle value="single">Single row</mat-button-toggle>
-                                <mat-button-toggle value="multiple">Multiple rows</mat-button-toggle>
-                            </mat-button-toggle-group>
-                        </div>
-                    </div>
-                    }
-                </div>
-
-                <div class="card-connector"></div>
-
-                <!-- Action -->
-                <div class="creation-card" [class.creation-card--disabled]="!hasTriggersSelected">
-                    <span class="creation-card__label"><span class="step-label__badge step-label__badge--then">THEN</span> Action</span>
-                    @if (!hasTriggersSelected) {
-                        <span class="creation-card__hint">Add a trigger first</span>
-                    } @else {
-                    <mat-button-toggle-group class="action-methods"
-                        [value]="$any(selectedRule.table_actions[0]).method"
-                        (change)="selectActionMethod($event.value)"
-                        hideSingleSelectionIndicator>
-                        <mat-button-toggle value="URL">
-                            <mat-icon>link</mat-icon> URL webhook
-                        </mat-button-toggle>
-                        <mat-button-toggle value="EMAIL">
-                            <mat-icon>email</mat-icon> Email
-                        </mat-button-toggle>
-                        <mat-button-toggle value="SLACK">
-                            <mat-icon>tag</mat-icon> Slack
-                        </mat-button-toggle>
-                    </mat-button-toggle-group>
-
-                    <div class="action-fields">
-                        @if ($any(selectedRule.table_actions[0]).method === 'URL') {
-                            <mat-form-field appearance="outline" class="action-fields__input">
-                                <mat-label>Webhook URL</mat-label>
-                                <input matInput [(ngModel)]="selectedRule.table_actions[0].url" name="action-url">
-                            </mat-form-field>
-                            <p class="action-fields__hint">Use the code snippets below to verify requests.</p>
-
-                            <div class="code-snippet-box">
-                                <mat-tab-group mat-stretch-tabs="false" mat-align-tabs="start" animationDuration="0ms">
-                                    <mat-tab *ngFor="let lang of codeSnippets | keyvalue"
-                                        [label]="lang.value.langName">
-                                        <button type="button"
-                                            mat-icon-button
-                                            class="copy-button"
-                                            matTooltip="Copy code"
-                                            [cdkCopyToClipboard]="lang.value.snippet"
-                                            (cdkCopyToClipboardCopied)="showCopyNotification(lang.value.langName + ' code snippet was copied to clipboard.')">
-                                            <mat-icon>content_copy</mat-icon>
-                                        </button>
-                                        <ngs-code-editor
-                                            [theme]="codeEditorTheme"
-                                            [codeModel]="{
-                                                language: lang.value.mode,
-                                                uri: 'snippet.' + (lang.value.mode || 'txt'),
-                                                value: lang.value.snippet
-                                            }"
-                                            [options]="codeViewerOptions">
-                                        </ngs-code-editor>
-                                    </mat-tab>
-                                </mat-tab-group>
-                            </div>
-                        }
-
-                        @if ($any(selectedRule.table_actions[0]).method === 'EMAIL') {
-                            <mat-form-field appearance="outline" class="action-fields__input">
-                                <mat-label>Notification emails</mat-label>
-                                <mat-select multiple [(ngModel)]="selectedRule.table_actions[0].emails" name="notification-emails">
-                                    <mat-option *ngFor="let companyMember of companyMembers" [value]="companyMember.email">
-                                        <span *ngIf="companyMember.name">{{companyMember.name}} | </span> {{companyMember.email}}
-                                    </mat-option>
-                                </mat-select>
-                            </mat-form-field>
-                        }
-
-                        @if ($any(selectedRule.table_actions[0]).method === 'SLACK') {
-                            <mat-form-field appearance="outline" class="action-fields__input">
-                                <mat-label>Slack webhook URL</mat-label>
-                                <input matInput [(ngModel)]="$any(selectedRule.table_actions[0]).slack_url" name="action-slack-url">
-                            </mat-form-field>
-                        }
-                    </div>
-                    }
-                </div>
-
-                <div class="actions">
-                    <a mat-stroked-button routerLink="/dashboard/{{connectionID}}/{{tableName}}">
-                        Back
-                    </a>
-
-                    <button mat-flat-button color="primary" type="submit"
-                        [disabled]="submitting || isSaved">
-                        {{ isSaved ? 'Saved' : 'Save' }}
-                    </button>
-                </div>
-            </form>
-        </div>
-
-        <div *ngIf="(!selectedRule || !rules.length) && !isCreationMode" class="empty-state">
-            <div class="empty-state__header">
-                <div class="empty-state__icon-box">
-                    <mat-icon class="empty-state__icon">bolt</mat-icon>
-                </div>
-                <h2 class="empty-state__title">Automate your database workflows</h2>
-                <p class="empty-state__subtitle">Set up triggers and actions to react to data changes automatically.</p>
-                <div class="empty-state__cta">
-                    <button mat-flat-button color="accent"
-                        angulartics2On="click"
-                        angularticsAction="Actions: add first action is clicked"
-                        (click)="addNewRule(); posthog.capture('Actions: add first action is clicked')">
-                        Create first automation
-                    </button>
-                    <a class="empty-state__docs-link"
-                        href="https://docs.rocketadmin.com/Reference/Automations/automations_definition"
-                        target="_blank" rel="noopener noreferrer">
-                        Docs <mat-icon class="empty-state__docs-icon">open_in_new</mat-icon>
-                    </a>
-                </div>
-            </div>
-
-            <div class="example-flow">
-                <div class="example-flow__card">
-                    <!-- WHEN -->
-                    <div class="example-flow__section-label">
-                        <span class="example-flow__badge example-flow__badge--when">WHEN</span>
-                        <span class="example-flow__section-text">Trigger</span>
-                    </div>
-                    <div class="example-flow__triggers">
-                        <div class="example-trigger example-trigger--add">
-                            <div class="example-trigger__icon-box example-trigger__icon-box--add">
-                                <mat-icon>add_circle_outline</mat-icon>
-                            </div>
-                            <div class="example-trigger__text">
-                                <span class="example-trigger__title">Add row</span>
-                                <span class="example-trigger__desc">New record is created</span>
-                            </div>
-                        </div>
-                        <div class="example-trigger example-trigger--update">
-                            <div class="example-trigger__icon-box example-trigger__icon-box--update">
-                                <mat-icon>edit</mat-icon>
-                            </div>
-                            <div class="example-trigger__text">
-                                <span class="example-trigger__title">Update row</span>
-                                <span class="example-trigger__desc">Record is modified</span>
-                            </div>
-                        </div>
-                        <div class="example-trigger example-trigger--delete">
-                            <div class="example-trigger__icon-box example-trigger__icon-box--delete">
-                                <mat-icon>delete_outline</mat-icon>
-                            </div>
-                            <div class="example-trigger__text">
-                                <span class="example-trigger__title">Delete row</span>
-                                <span class="example-trigger__desc">Record is removed</span>
-                            </div>
-                        </div>
-                        <div class="example-trigger example-trigger--custom">
-                            <div class="example-trigger__icon-box example-trigger__icon-box--custom">
-                                <mat-icon>download</mat-icon>
-                            </div>
-                            <div class="example-trigger__text">
-                                <span class="example-trigger__title">Custom</span>
-                                <span class="example-trigger__desc">Custom button trigger</span>
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Connector -->
-                    <div class="example-flow__connector">
-                        <div class="example-flow__connector-line"></div>
-                        <span class="example-flow__connector-pill">THEN</span>
-                        <div class="example-flow__connector-line"></div>
-                    </div>
-
-                    <!-- ACTION -->
-                    <div class="example-flow__section-label">
-                        <span class="example-flow__badge example-flow__badge--action">ACTION</span>
-                    </div>
-                    <div class="example-flow__actions">
-                        <div class="example-action">
-                            <div class="example-action__icon-box">
-                                <mat-icon>webhook</mat-icon>
-                            </div>
-                            <span class="example-action__label">Webhook</span>
-                        </div>
-                        <div class="example-action">
-                            <div class="example-action__icon-box">
-                                <mat-icon>email</mat-icon>
-                            </div>
-                            <span class="example-action__label">Email</span>
-                        </div>
-                        <div class="example-action">
-                            <div class="example-action__icon-box">
-                                <mat-icon>tag</mat-icon>
-                            </div>
-                            <span class="example-action__label">Slack</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-    </div>
-</div>
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.spec.ts
deleted file mode 100644
index 33a3bd286..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.spec.ts
+++ /dev/null
@@ -1,420 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialog } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { CustomActionMethod } from 'src/app/models/table';
-import { NotificationsService } from 'src/app/services/notifications.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { MockCodeEditorComponent } from 'src/app/testing/code-editor.mock';
-import { ActionDeleteDialogComponent } from './action-delete-dialog/action-delete-dialog.component';
-import { DbTableActionsComponent } from './db-table-actions.component';
-
-describe('DbTableActionsComponent', () => {
-	let component: DbTableActionsComponent;
-	let fixture: ComponentFixture<DbTableActionsComponent>;
-	let tablesService: TablesService;
-	let mockMatDialog: { open: ReturnType<typeof vi.fn> };
-	let fakeNotifications;
-
-	beforeEach(async () => {
-		fakeNotifications = {
-			showSuccessSnackbar: vi.fn(),
-			showAlert: vi.fn(),
-			showErrorSnackbar: vi.fn(),
-		};
-		mockMatDialog = { open: vi.fn() };
-
-		await TestBed.configureTestingModule({
-			imports: [
-				RouterTestingModule,
-				MatSnackBarModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot(),
-				DbTableActionsComponent,
-			],
-			providers: [
-				provideHttpClient(),
-				{
-					provide: NotificationsService,
-					useValue: fakeNotifications,
-				},
-			],
-		})
-			.overrideComponent(DbTableActionsComponent, {
-				remove: { imports: [CodeEditorModule] },
-				add: {
-					imports: [MockCodeEditorComponent],
-					schemas: [NO_ERRORS_SCHEMA],
-					providers: [{ provide: MatDialog, useFactory: () => mockMatDialog }],
-				},
-			})
-			.compileComponents();
-
-		fixture = TestBed.createComponent(DbTableActionsComponent);
-		tablesService = TestBed.inject(TablesService);
-		component = fixture.componentInstance;
-
-		// Mock fetchRules before detectChanges to prevent ngOnInit errors
-		vi.spyOn(tablesService, 'fetchRules').mockReturnValue(
-			of({
-				action_rules: [],
-				display_name: 'Test Table',
-			}),
-		);
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should set selected rule', () => {
-		const rule = {
-			id: 'rule_12345678',
-			title: 'rule 1',
-			table_name: 'user',
-			events: [
-				{
-					event: null,
-				},
-			],
-			table_actions: [],
-		};
-		component.setSelectedRule(rule);
-		expect(component.selectedRule).toEqual(rule);
-		expect(component.selectedRuleTitle).toEqual('rule 1');
-	});
-
-	it('should switch between rules on rules list click', () => {
-		const rule = {
-			id: 'rule_12345678',
-			title: 'rule 1',
-			table_name: 'user',
-			events: [
-				{
-					event: null,
-				},
-			],
-			table_actions: [],
-		};
-		const mockSetSelectedAction = vi.spyOn(component, 'setSelectedRule');
-
-		component.switchRulesView(rule);
-
-		expect(mockSetSelectedAction).toHaveBeenCalledWith(rule);
-	});
-
-	it('should set the new rule', () => {
-		component.tableName = 'user';
-		component.addNewRule();
-
-		expect(component.newRule).toEqual({
-			id: '',
-			title: '',
-			table_name: 'user',
-			events: [
-				{
-					event: null,
-				},
-			],
-			table_actions: [
-				{
-					method: CustomActionMethod.URL,
-					emails: [],
-					url: '',
-				},
-			],
-		});
-	});
-
-	it('should set an error if user try to add rule with empty name to the list', () => {
-		component.newRule = {
-			id: '',
-			title: '',
-			table_name: 'user',
-			events: [
-				{
-					event: null,
-				},
-			],
-			table_actions: [
-				{
-					method: CustomActionMethod.URL,
-					emails: [],
-					url: '',
-				},
-			],
-		};
-		component.handleAddNewRule();
-
-		expect(component.actionNameError).toEqual('The name cannot be empty.');
-	});
-
-	it('should set an error if user try to add rule with the same name to the list', () => {
-		component.rules = [
-			{
-				id: '',
-				title: 'rule 1',
-				table_name: 'user',
-				events: [],
-				table_actions: [],
-			},
-		];
-		component.newRule = {
-			id: '',
-			title: 'rule 1',
-			table_name: 'user',
-			events: [],
-			table_actions: [],
-		};
-
-		component.handleAddNewRule();
-
-		expect(component.actionNameError).toEqual('You already have an action with this name.');
-	});
-
-	it('should add new rule to the list and switch to selected rule', () => {
-		const mockNewRule = {
-			id: '',
-			title: 'rule 2',
-			table_name: 'user',
-			events: [],
-			table_actions: [],
-		};
-
-		component.rules = [
-			{
-				id: 'rule_12345678',
-				title: 'rule 1',
-				table_name: 'user',
-				events: [],
-				table_actions: [],
-			},
-		];
-
-		component.newRule = mockNewRule;
-
-		component.handleAddNewRule();
-
-		expect(component.selectedRule).toEqual(mockNewRule);
-		expect(component.selectedRuleTitle).toEqual('rule 2');
-		expect(component.rules).toEqual([
-			{
-				id: 'rule_12345678',
-				title: 'rule 1',
-				table_name: 'user',
-				events: [],
-				table_actions: [],
-			},
-			{
-				id: '',
-				title: 'rule 2',
-				table_name: 'user',
-				events: [],
-				table_actions: [],
-			},
-		]);
-		expect(component.newRule).toBeNull();
-	});
-
-	it('should remove rule if it is not saved and if it is not in the list yet and the list is empty', () => {
-		component.newRule = {
-			id: '',
-			title: 'rule 2',
-			table_name: 'user',
-			events: [],
-			table_actions: [],
-		};
-
-		component.rules = [];
-
-		component.undoRule();
-
-		expect(component.selectedRule).toBeNull();
-		expect(component.newRule).toBeNull();
-	});
-
-	it('should remove rule if it is not saved and if it is not in the list yet and switch to the first rule in the list', () => {
-		const mockRule = {
-			id: 'rule_12345678',
-			title: 'rule 1',
-			table_name: 'user',
-			events: [
-				{
-					event: null,
-				},
-			],
-			table_actions: [],
-		};
-		component.newRule = {
-			id: '',
-			title: 'rule 2',
-			table_name: 'user',
-			events: [
-				{
-					event: null,
-				},
-			],
-			table_actions: [],
-		};
-		component.rules = [mockRule];
-
-		component.undoRule();
-
-		expect(component.selectedRule).toEqual(mockRule);
-		expect(component.newRule).toBeNull();
-	});
-
-	it('should call remove action from the list when it is not saved', () => {
-		component.rules = [
-			{
-				id: '',
-				title: 'rule 1',
-				table_name: 'user',
-				events: [
-					{
-						event: null,
-					},
-				],
-				table_actions: [],
-			},
-		];
-		component.selectedRule = {
-			id: '',
-			title: 'rule 1',
-			table_name: 'user',
-			events: [
-				{
-					event: null,
-				},
-			],
-			table_actions: [],
-		};
-		const mockRemoveRuleFromLocalList = vi.spyOn(component, 'removeRuleFromLocalList');
-
-		component.handleRemoveRule();
-
-		expect(mockRemoveRuleFromLocalList).toHaveBeenCalledWith('rule 1');
-	});
-
-	it('should call open delete confirm dialog when action is saved', () => {
-		component.selectedRule = {
-			id: 'rule_12345678',
-			title: 'rule 1',
-			table_name: 'user',
-			events: [],
-			table_actions: [],
-		};
-		const mockOpenDeleteRuleDialog = vi.spyOn(component, 'openDeleteRuleDialog');
-
-		component.handleRemoveRule();
-
-		expect(mockOpenDeleteRuleDialog).toHaveBeenCalledWith();
-	});
-
-	it('should remove rule from the list if it is not saved and if it is only one actions in the list', () => {
-		component.rules = [
-			{
-				id: 'rule_12345678',
-				title: 'rule 1',
-				table_name: 'user',
-				events: [],
-				table_actions: [],
-			},
-		];
-
-		component.removeRuleFromLocalList('rule 1');
-
-		expect(component.selectedRule).toBeNull();
-		expect(component.rules).toEqual([]);
-	});
-
-	it('should remove rule from the list if it is not saved and make active the first rule in the list', () => {
-		const mockRule = {
-			id: '',
-			title: 'rule 2',
-			table_name: 'user',
-			events: [
-				{
-					event: null,
-				},
-			],
-			table_actions: [],
-		};
-		component.rules = [
-			{
-				id: '',
-				title: 'rule 1',
-				table_name: 'user',
-				events: [
-					{
-						event: null,
-					},
-				],
-				table_actions: [],
-			},
-			mockRule,
-		];
-
-		component.removeRuleFromLocalList('rule 1');
-
-		expect(component.selectedRule).toEqual(mockRule);
-		expect(component.rules).toEqual([mockRule]);
-	});
-
-	it('should save rule', () => {
-		component.tableName = 'users';
-		const mockRule = {
-			id: '',
-			title: 'rule 2',
-			table_name: '',
-			events: [],
-			table_actions: [],
-		};
-		component.connectionID = '12345678';
-		component.selectedRule = mockRule;
-		const fakeSaveAction = vi.spyOn(tablesService, 'saveRule').mockReturnValue(of());
-
-		component.addRule();
-
-		expect(fakeSaveAction).toHaveBeenCalledWith('12345678', 'users', mockRule);
-	});
-
-	it('should open dialog for delete action confirmation', () => {
-		const mockRule = {
-			id: '',
-			title: 'rule 2',
-			table_name: 'user',
-			events: [],
-			table_actions: [],
-		};
-		component.connectionID = '12345678';
-		component.tableName = 'users';
-		component.selectedRule = mockRule;
-
-		component.openDeleteRuleDialog();
-
-		expect(mockMatDialog.open).toHaveBeenCalledWith(ActionDeleteDialogComponent, {
-			width: '25em',
-			data: {
-				connectionID: '12345678',
-				tableName: 'users',
-				rule: mockRule,
-			},
-		});
-	});
-
-	it('should show Copy message', () => {
-		component.showCopyNotification('PHP code snippet was copied to clipboard.');
-		expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('PHP code snippet was copied to clipboard.');
-
-		fakeNotifications.showSuccessSnackbar.mockClear();
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.ts
deleted file mode 100644
index b0cf2dd44..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-actions/db-table-actions.component.ts
+++ /dev/null
@@ -1,558 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { CommonModule } from '@angular/common';
-import { HttpErrorResponse } from '@angular/common/http';
-import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatDialog, MatDialogModule } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatListModule } from '@angular/material/list';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatSelectModule } from '@angular/material/select';
-import { MatTabsModule } from '@angular/material/tabs';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Title } from '@angular/platform-browser';
-import { RouterModule } from '@angular/router';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { Angulartics2, Angulartics2OnModule } from 'angulartics2';
-import posthog from 'posthog-js';
-import { codeSnippets } from 'src/app/consts/code-snippets';
-import { normalizeTableName } from 'src/app/lib/normalize';
-import { CompanyMember } from 'src/app/models/company';
-import { CustomAction, CustomActionMethod, CustomActionType, CustomEvent, EventType, Rule } from 'src/app/models/table';
-import { CompanyService } from 'src/app/services/company.service';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { NotificationsService } from 'src/app/services/notifications.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { UserService } from 'src/app/services/user.service';
-import { AlertComponent } from '../../../ui-components/alert/alert.component';
-import { BreadcrumbsComponent } from '../../../ui-components/breadcrumbs/breadcrumbs.component';
-import { ContentLoaderComponent } from '../../../ui-components/content-loader/content-loader.component';
-import { IconPickerComponent } from '../../../ui-components/icon-picker/icon-picker.component';
-import { ActionDeleteDialogComponent } from './action-delete-dialog/action-delete-dialog.component';
-
-@Component({
-	selector: 'app-db-table-actions',
-	templateUrl: './db-table-actions.component.html',
-	styleUrls: ['./db-table-actions.component.css'],
-	imports: [
-		CommonModule,
-		ClipboardModule,
-		FormsModule,
-		MatButtonModule,
-		MatButtonToggleModule,
-		MatCheckboxModule,
-		MatDialogModule,
-		MatIconModule,
-		MatInputModule,
-		MatSelectModule,
-		MatTooltipModule,
-		MatListModule,
-		MatMenuModule,
-		MatRadioModule,
-		MatTabsModule,
-		CodeEditorModule,
-		AlertComponent,
-		BreadcrumbsComponent,
-		ContentLoaderComponent,
-		IconPickerComponent,
-		Angulartics2OnModule,
-		RouterModule,
-	],
-})
-export class DbTableActionsComponent implements OnInit {
-	protected posthog = posthog;
-	public connectionID: string | null = null;
-	public tableName: string | null = null;
-	public normalizedTableName: string;
-	public rulesData: {
-		table_name: string;
-		display_name: string;
-		action_rules: Rule[];
-	};
-	public rules: Rule[];
-	public submitting: boolean;
-	public isSaved = false;
-	public selectedRule: Rule = null;
-	public selectedRuleCustomEvent: CustomEvent = null;
-	public customAction: CustomAction = null;
-	public selectedRuleTitle: string;
-	public newRule: Rule = null;
-	public newAction: CustomAction = null;
-	public actionNameError: string;
-	public codeSnippets: object;
-	public companyMembers: CompanyMember[];
-
-	public defaultIcons = [
-		'favorite_outline',
-		'star_outline',
-		'done',
-		'arrow_forward',
-		'key_outline',
-		'lock',
-		'visibility',
-		'language',
-		'notifications',
-		'schedule',
-	];
-
-	@ViewChild('newActionInput') newActionInput: ElementRef<HTMLInputElement>;
-	@ViewChild('ruleNameInput') ruleNameInput: ElementRef<HTMLInputElement>;
-
-	public signingKey: string;
-
-	public codeViewerOptions = {
-		minimap: { enabled: false },
-		scrollBeyondLastLine: false,
-		wordWrap: 'on',
-		automaticLayout: true,
-	};
-
-	public availableEvents = [
-		{ value: EventType.AddRow, label: 'Add row' },
-		{ value: EventType.UpdateRow, label: 'Update row' },
-		{ value: EventType.DeleteRow, label: 'Delete row' },
-		{ value: EventType.Custom, label: 'Custom' },
-	];
-
-	public triggerMeta: Record<string, { icon: string; desc: string; color: string }> = {
-		[EventType.AddRow]: {
-			icon: 'add_circle_outline',
-			desc: 'Fires when a new row is inserted',
-			color: 'var(--color-successPalette-500)',
-		},
-		[EventType.UpdateRow]: {
-			icon: 'edit',
-			desc: 'Fires when an existing row is modified',
-			color: 'var(--color-infoPalette-500)',
-		},
-		[EventType.DeleteRow]: {
-			icon: 'delete_outline',
-			desc: 'Fires when a row is removed',
-			color: 'var(--color-warnPalette-500)',
-		},
-		[EventType.Custom]: { icon: 'tune', desc: 'Manual trigger with custom button', color: '#9c27b0' },
-	};
-	public selectedEvents: string[] = [];
-	public codeEditorTheme: 'vs' | 'vs-dark' = 'vs-dark';
-	public isCreationMode = false;
-
-	constructor(
-		private _connections: ConnectionsService,
-		private _tables: TablesService,
-		private _notifications: NotificationsService,
-		private _company: CompanyService,
-		private _userService: UserService,
-		private _uiSettings: UiSettingsService,
-		public dialog: MatDialog,
-		private title: Title,
-		private angulartics2: Angulartics2,
-	) {}
-
-	async ngOnInit() {
-		this.connectionID = this._connections.currentConnectionID;
-		this.tableName = this._tables.currentTableName;
-		this.normalizedTableName = normalizeTableName(this.tableName);
-		this._connections
-			.getCurrentConnectionSigningKey()
-			.subscribe((signingKey) => (this.codeSnippets = codeSnippets(signingKey)));
-		this.codeEditorTheme = this._uiSettings.isDarkMode ? 'vs-dark' : 'vs';
-
-		try {
-			this.rulesData = await this.getRules();
-			console.log(this.rulesData);
-			this.rules = this.rulesData.action_rules;
-			if (this.rules.length) this.setSelectedRule(this.rules[0]);
-			this.title.setTitle(`${this.rulesData.display_name || this.normalizedTableName} - Actions | Rocketadmin`);
-		} catch (error) {
-			if (error instanceof HttpErrorResponse) {
-				this.rulesData = null;
-				console.log(error.error.message);
-			} else {
-				throw error;
-			}
-		}
-
-		this._userService.cast.subscribe((user) => {
-			this._company.fetchCompanyMembers(user.company.id).subscribe((members) => {
-				this.companyMembers = members;
-			});
-		});
-
-		this._tables.cast.subscribe(async (arg) => {
-			if (arg === 'delete-rule') {
-				try {
-					this.rulesData = await this.getRules();
-					this.rules = this.rulesData.action_rules;
-					if (this.rules.length) this.setSelectedRule(this.rules[0]);
-				} catch (error) {
-					if (error instanceof HttpErrorResponse) {
-						console.log(error.error.message);
-					} else {
-						throw error;
-					}
-				}
-			}
-		});
-	}
-
-	get hasTriggersSelected(): boolean {
-		return this.selectedRule?.events?.some((e) => e.event !== null) ?? false;
-	}
-
-	get saveDisabledReason(): string {
-		if (!this.selectedRuleTitle) return 'Enter automation name';
-		if (!this.hasTriggersSelected) return 'Select at least one trigger';
-		return '';
-	}
-
-	get activeTriggers() {
-		return this.selectedRule?.events?.filter((e) => e.event !== null) ?? [];
-	}
-
-	get unusedTriggerOptions() {
-		return this.availableEvents.filter((e) => !this.selectedEvents.includes(e.value));
-	}
-
-	get currentConnection() {
-		// this.codeSnippets = codeSnippets(this._connections.currentConnection.signing_key);
-		return this._connections.currentConnection;
-	}
-
-	// get codeSnippets() {
-	//   return codeSnippets(this._connections.currentConnection.signing_key);
-	// }
-
-	getCrumbs(name: string) {
-		return [
-			{
-				label: name,
-				link: `/dashboard/${this.connectionID}`,
-			},
-			{
-				label: this.rulesData.display_name || this.normalizedTableName,
-				link: `/dashboard/${this.connectionID}/${this.tableName}`,
-			},
-			{
-				label: 'Automations',
-				link: null,
-			},
-		];
-	}
-
-	trackByFn(index: number) {
-		return index; // or item.id
-	}
-
-	setSelectedRule(rule: Rule) {
-		this.selectedRule = rule;
-		this.selectedRuleTitle = rule.title;
-		this.isCreationMode = !rule.id;
-		if (this.selectedRule.events[this.selectedRule.events.length - 1].event !== null)
-			this.selectedRule.events.push({ event: null });
-		this.selectedEvents = this.selectedRule.events.map((event) => event.event);
-
-		const customEvent = this.selectedRule.events.find((event) => event.event === EventType.Custom);
-		if (customEvent) {
-			this.selectedRuleCustomEvent = customEvent as CustomEvent;
-		} else {
-			this.selectedRuleCustomEvent = null;
-		}
-	}
-
-	updateIcon(icon: string) {
-		this.selectedRuleCustomEvent.icon = icon;
-	}
-
-	setCustomEventType(type: string) {
-		this.selectedRuleCustomEvent.type = type as CustomActionType;
-		this.isSaved = false;
-	}
-
-	switchRulesView(rule: Rule) {
-		this.setSelectedRule(rule);
-	}
-
-	addNewRule() {
-		this.newRule = {
-			id: '',
-			title: '',
-			table_name: this.tableName,
-			events: [
-				{
-					event: null,
-				},
-			],
-			table_actions: [
-				{
-					method: CustomActionMethod.URL,
-					emails: [],
-					url: '',
-				},
-			],
-		};
-
-		this.rules.push(this.newRule);
-		this.setSelectedRule(this.newRule);
-		this.isCreationMode = true;
-	}
-
-	addNewAction() {
-		this.newAction = {
-			method: CustomActionMethod.URL,
-			emails: [],
-			url: '',
-		};
-	}
-
-	handleAddNewRule() {
-		this.actionNameError = null;
-		if (this.newRule.title === '') {
-			this.actionNameError = 'The name cannot be empty.';
-		} else {
-			const coinsidingName = this.rules.find((rule: Rule) => rule.title === this.newRule.title);
-			if (!coinsidingName) {
-				this.selectedRule = { ...this.newRule };
-				this.selectedRuleTitle = this.selectedRule.title;
-				this.rules.push(this.selectedRule);
-				this.newRule = null;
-				this.isCreationMode = false;
-			} else {
-				this.actionNameError = 'You already have an action with this name.';
-			}
-		}
-	}
-
-	undoRule() {
-		if (this.newRule) {
-			this.rules = this.rules.filter((r) => r !== this.newRule);
-		}
-		this.newRule = null;
-		this.isCreationMode = false;
-		if (this.rules.length) this.setSelectedRule(this.rules[0]);
-	}
-
-	handleRemoveRule() {
-		if (this.selectedRule.id) {
-			this.openDeleteRuleDialog();
-		} else {
-			this.removeRuleFromLocalList(this.selectedRule.title);
-		}
-	}
-
-	removeRuleFromLocalList(ruleTitle: string) {
-		this.rules = this.rules.filter((rule: Rule) => rule.title !== ruleTitle);
-		if (this.rules.length) this.setSelectedRule(this.rules[0]);
-	}
-
-	getRules() {
-		return this._tables.fetchRules(this.connectionID, this.tableName).toPromise();
-	}
-
-	handleRuleSubmitting() {
-		if (!this.selectedRuleTitle) {
-			this.ruleNameInput?.nativeElement?.focus();
-			return;
-		}
-
-		if (!this.hasTriggersSelected) {
-			const triggerCard = document.querySelector('.creation-card') as HTMLElement;
-			if (triggerCard) {
-				triggerCard.scrollIntoView({ behavior: 'smooth', block: 'center' });
-				triggerCard.classList.add('creation-card--highlight');
-				setTimeout(() => triggerCard.classList.remove('creation-card--highlight'), 1500);
-			}
-			return;
-		}
-
-		const action = this.selectedRule.table_actions[0];
-		if (action) {
-			const method = (action.method as string).toUpperCase();
-			if (method === 'URL' && !action.url) {
-				(document.querySelector('input[name="action-url"]') as HTMLInputElement)?.focus();
-				return;
-			}
-			if (method === 'EMAIL' && (!action.emails || action.emails.length === 0)) {
-				(document.querySelector('mat-select[name="notification-emails"]') as HTMLElement)?.click();
-				return;
-			}
-			if (method === 'SLACK' && !(action as any).slack_url) {
-				(document.querySelector('input[name="action-slack-url"]') as HTMLInputElement)?.focus();
-				return;
-			}
-		}
-
-		if (this.selectedRule.events.filter((event) => event.event !== null).length > 0) {
-			if (this.selectedRule.id) {
-				this.updateRule();
-			} else {
-				this.addRule();
-			}
-		}
-	}
-
-	addRule() {
-		this.submitting = true;
-		if (this.selectedRuleTitle) this.selectedRule.title = this.selectedRuleTitle;
-		this.newRule = null;
-		this.selectedRule.events = this.selectedRule.events.filter((event) => event.event !== null);
-		this.selectedRule.events = this.selectedRule.events.map((event) => {
-			if (event.event === 'CUSTOM') {
-				return { ...event, ...this.selectedRuleCustomEvent };
-			}
-			return event;
-		});
-
-		this._tables.saveRule(this.connectionID, this.tableName, this.selectedRule).subscribe(
-			async (res) => {
-				this.submitting = false;
-				this.angulartics2.eventTrack.next({
-					action: 'Rules: rule is saved successfully',
-				});
-				posthog.capture('Rules: rule is saved successfully');
-				try {
-					const undatedRulesData = await this.getRules();
-					this.rules = undatedRulesData.action_rules;
-					const currentRule = this.rules.find((rule: Rule) => rule.id === res.id);
-					this.setSelectedRule(currentRule);
-					this.isSaved = true;
-				} catch (error) {
-					if (error instanceof HttpErrorResponse) {
-						console.log(error.error.message);
-					} else {
-						throw error;
-					}
-				}
-			},
-			() => (this.submitting = false),
-			() => (this.submitting = false),
-		);
-	}
-
-	updateRule() {
-		this.submitting = true;
-		this.selectedRule.events = this.selectedRule.events.filter((event) => event.event !== null);
-		if (this.selectedRuleTitle) this.selectedRule.title = this.selectedRuleTitle;
-		this.selectedRule.events = this.selectedRule.events.map((event) => {
-			if (event.event === 'CUSTOM') {
-				return { ...event, ...this.selectedRuleCustomEvent };
-			}
-			return event;
-		});
-
-		this._tables.updateRule(this.connectionID, this.tableName, this.selectedRule).subscribe(
-			async (res) => {
-				this.submitting = false;
-				try {
-					const undatedRulesData = await this.getRules();
-					this.rules = undatedRulesData.action_rules;
-					const currentRule = this.rules.find((rule: Rule) => rule.id === res.id);
-					this.setSelectedRule(currentRule);
-					this.isSaved = true;
-				} catch (error) {
-					if (error instanceof HttpErrorResponse) {
-						console.log(error.error.message);
-					} else {
-						throw error;
-					}
-				}
-			},
-			() => (this.submitting = false),
-			() => (this.submitting = false),
-		);
-	}
-
-	openDeleteRuleDialog() {
-		this.dialog.open(ActionDeleteDialogComponent, {
-			width: '25em',
-			data: {
-				connectionID: this.connectionID,
-				tableName: this.tableName,
-				rule: this.selectedRule,
-			},
-		});
-	}
-
-	showCopyNotification(message: string) {
-		this._notifications.showSuccessSnackbar(message);
-	}
-
-	onEventChange(event: any) {
-		console.log(this.selectedRule.events);
-		this.selectedEvents.push(event.value);
-
-		let customEvent = this.selectedRule.events.find((event) => event.event === EventType.Custom);
-
-		if (event.value === EventType.Custom) {
-			customEvent = {
-				...customEvent,
-				title: '',
-				type: CustomActionType.Single,
-				icon: '',
-				require_confirmation: false,
-			};
-			// this.selectedRule.events.push(customEvent);
-			this.selectedRuleCustomEvent = customEvent;
-		}
-
-		if (this.selectedRule.events.length < 4) {
-			this.selectedRule.events.push({ event: null });
-		}
-	}
-
-	toggleTriggerTile(eventType: EventType) {
-		this.isSaved = false;
-		const idx = this.selectedEvents.indexOf(eventType);
-		if (idx > -1) {
-			// Remove trigger
-			this.selectedRule.events = this.selectedRule.events.filter((e) => e.event !== eventType);
-			this.selectedEvents = this.selectedEvents.filter((e) => e !== eventType);
-			if (eventType === EventType.Custom) {
-				this.selectedRuleCustomEvent = null;
-			}
-		} else {
-			// Add trigger
-			this.selectedRule.events = this.selectedRule.events.filter((e) => e.event !== null);
-			this.selectedRule.events.push({ event: eventType });
-			this.selectedEvents.push(eventType);
-			if (eventType === EventType.Custom) {
-				this.selectedRuleCustomEvent = {
-					event: EventType.Custom,
-					title: '',
-					type: CustomActionType.Single,
-					icon: '',
-					require_confirmation: false,
-				};
-			}
-		}
-		// Keep trailing null for the old form
-		if (this.selectedRule.events[this.selectedRule.events.length - 1]?.event !== null) {
-			this.selectedRule.events.push({ event: null });
-		}
-	}
-
-	selectActionMethod(method: string) {
-		this.isSaved = false;
-		if (this.selectedRule.table_actions.length) {
-			this.selectedRule.table_actions[0].method = method as CustomActionMethod;
-		}
-	}
-
-	removeEvent(event: any) {
-		this.selectedRule.events = this.selectedRule.events.filter((e) => e.event !== event);
-		this.selectedEvents = this.selectedRule.events.map((event) => event.event);
-
-		if (event === EventType.Custom) {
-			this.selectedRuleCustomEvent = null;
-		}
-
-		if (this.selectedRule.events.length === 3) {
-			this.selectedRule.events.push({ event: null });
-		}
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.css
deleted file mode 100644
index 6882fbdeb..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.css
+++ /dev/null
@@ -1,941 +0,0 @@
-.ai-panel-sidebar {
-	position: relative;
-	opacity: 0;
-	transform: translateX(100%);
-	height: calc(100vh - 44px);
-	width: 0;
-	overflow-y: auto;
-	transition:
-		width 500ms cubic-bezier(0.4, 0, 0.2, 1),
-		transform 500ms cubic-bezier(0.4, 0, 0.2, 1),
-		opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-@media (width <= 600px) {
-	.ai-panel-sidebar {
-		width: 100vw;
-		z-index: 10;
-	}
-}
-
-.ai-panel-sidebar_open {
-	opacity: 1;
-	transform: translateX(24px);
-	width: clamp(200px, 22vw, 400px);
-	transition:
-		transform 400ms cubic-bezier(0.4, 0, 0.2, 1),
-		opacity 400ms cubic-bezier(0.4, 0, 0.2, 1),
-		width 400ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.ai-panel-sidebar_open.ai-panel-sidebar_expanded {
-	/* Keep the same width as collapsed - don't push the table */
-	width: clamp(200px, 22vw, 400px);
-	transition:
-		transform 400ms cubic-bezier(0.4, 0, 0.2, 1),
-		opacity 400ms cubic-bezier(0.4, 0, 0.2, 1),
-		width 400ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-@media (width <= 600px) {
-	.ai-panel-sidebar_open {
-		width: 0;
-	}
-}
-
-.ai-panel-sidebar-content {
-	position: fixed;
-	top: 44px;
-	left: 100vw;
-	display: flex;
-	flex-direction: column;
-	background-color: var(--mat-sidenav-content-background-color);
-	border-left: solid 1px rgba(0, 0, 0, 0.12);
-	height: calc(100vh - 44px);
-	width: clamp(200px, 22vw, 400px);
-	z-index: 100;
-	transition:
-		width 500ms cubic-bezier(0.4, 0, 0.2, 1),
-		border-left 400ms ease;
-	visibility: hidden;
-}
-
-.ai-panel-sidebar-content_open {
-	left: calc(100vw - clamp(200px, 22vw, 400px));
-	visibility: visible;
-	transition:
-		left 400ms cubic-bezier(0.4, 0, 0.2, 1),
-		width 400ms cubic-bezier(0.4, 0, 0.2, 1),
-		padding-left 400ms cubic-bezier(0.4, 0, 0.2, 1),
-		border-left 300ms ease;
-}
-
-.ai-panel-sidebar-content_open.ai-panel-sidebar-content_expanded {
-	left: 65px;
-	width: calc(100vw - 65px);
-	padding-left: 0;
-	border-left: none;
-	z-index: 100;
-	transition:
-		left 400ms cubic-bezier(0.4, 0, 0.2, 1),
-		width 400ms cubic-bezier(0.4, 0, 0.2, 1),
-		padding-left 400ms cubic-bezier(0.4, 0, 0.2, 1),
-		border-left 300ms ease;
-}
-
-.ai-panel-sidebar-content_open.ai-panel-sidebar-content_expanded.ai-panel-sidebar-content_sidebar-collapsed {
-	padding-left: 0;
-}
-
-@media (width <= 800px) {
-	.ai-panel-sidebar-content {
-		width: 100%;
-	}
-
-	.ai-panel-sidebar-content_open {
-		left: 0;
-	}
-
-	.ai-panel-sidebar-content_open.ai-panel-sidebar-content_expanded {
-		left: 0;
-		width: 100%;
-		padding-left: 0;
-	}
-}
-
-.ai-panel-sidebar-content ::ng-deep .ai-message {
-	overflow-x: auto;
-}
-
-.ai-panel-sidebar-content ::ng-deep .ai-message table {
-	min-width: 100%;
-	width: max-content;
-	border-collapse: collapse;
-	margin: 8px 0;
-	font-size: 12px;
-}
-
-.ai-panel-sidebar-content ::ng-deep .ai-message table thead {
-	background-color: rgba(0, 0, 0, 0.04);
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-panel-sidebar-content ::ng-deep .ai-message table thead {
-		background-color: rgba(255, 255, 255, 0.04);
-	}
-}
-
-.ai-panel-sidebar-content ::ng-deep .ai-message table th,
-.ai-panel-sidebar-content ::ng-deep .ai-message table td {
-	padding: 6px 8px;
-	text-align: left;
-	border: 1px solid rgba(0, 0, 0, 0.12);
-	white-space: nowrap;
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-panel-sidebar-content ::ng-deep .ai-message table th,
-	.ai-panel-sidebar-content ::ng-deep .ai-message table td {
-		border: 1px solid rgba(255, 255, 255, 0.12);
-	}
-}
-
-.ai-panel-sidebar-content ::ng-deep .ai-message table th {
-	font-weight: 600;
-}
-
-.ai-panel-sidebar-content ::ng-deep .ai-message table tbody tr:hover {
-	background-color: rgba(0, 0, 0, 0.02);
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-panel-sidebar-content ::ng-deep .ai-message table tbody tr:hover {
-		background-color: rgba(255, 255, 255, 0.02);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-panel-sidebar-content {
-		border-left: 1px solid var(--mat-sidenav-container-divider-color);
-	}
-}
-
-@media (width <= 600px) {
-	.ai-panel-sidebar-content {
-		left: 0;
-		width: 100vw;
-		z-index: 5;
-	}
-}
-
-.ai-panel-sidebar__header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding-top: 20px;
-	padding-left: 16px;
-	padding-right: 16px;
-	flex-shrink: 0;
-	transition:
-		max-width 350ms cubic-bezier(0.4, 0, 0.2, 1),
-		padding 300ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.ai-panel-sidebar__actions {
-	display: flex;
-	align-items: center;
-	transition:
-		right 350ms cubic-bezier(0.4, 0, 0.2, 1),
-		top 350ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-icon ::ng-deep svg path {
-		fill: #fff;
-	}
-}
-
-.ai-icon {
-	animation: rocket-float 3s ease-in-out infinite;
-}
-
-.ai-icon ::ng-deep svg path[fill="#C177FC"] {
-	animation: sparkle-twinkle 1.5s ease-in-out infinite;
-}
-
-.ai-icon ::ng-deep svg path[fill="#C177FC"]:nth-of-type(2) {
-	animation-delay: 0.3s;
-}
-
-.ai-icon ::ng-deep svg path[fill="#C177FC"]:nth-of-type(3) {
-	animation-delay: 0.6s;
-}
-
-.ai-icon ::ng-deep svg path[fill="#C177FC"]:nth-of-type(4) {
-	animation-delay: 0.9s;
-}
-
-@keyframes rocket-float {
-	0%,
-	100% {
-		transform: translateY(0) rotate(0deg);
-	}
-	50% {
-		transform: translateY(-2px) rotate(2deg);
-	}
-}
-
-@keyframes sparkle-twinkle {
-	0%,
-	100% {
-		opacity: 1;
-		transform: scale(1);
-	}
-	50% {
-		opacity: 0.4;
-		transform: scale(0.8);
-	}
-}
-
-.ai-panel-sidebar__title {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	margin-bottom: 0 !important;
-}
-
-.ai-panel-chat {
-	display: flex;
-	flex-direction: column;
-	flex: 1;
-	justify-content: flex-end;
-	padding-left: 16px;
-	padding-right: 16px;
-	overflow: hidden;
-	min-height: 0;
-}
-
-.ai-message-chain-box {
-	height: calc(100vh - 44px - 252px - 48px);
-	overflow-y: auto;
-	margin-bottom: 24px;
-	transition: max-width 350ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.ai-message-chain {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-end;
-	min-height: 100%;
-	width: 100%;
-}
-
-.user-message {
-	align-self: flex-end;
-	background-color: #f0f4f8;
-	border-radius: 8px;
-	padding: 12px 16px 16px;
-	margin: 4px 0 16px;
-	max-width: 80%;
-}
-
-@media (prefers-color-scheme: dark) {
-	.user-message {
-		background-color: #2d3748;
-	}
-}
-
-.ai-message {
-	align-self: flex-start;
-	background-color: rgba(99, 132, 255, 0.06);
-	border-radius: 8px;
-	padding: 12px 16px 8px;
-	margin: 4px 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-message {
-		background-color: rgba(99, 132, 255, 0.1);
-	}
-}
-
-.ai-thinking {
-	font-size: 12px;
-	line-height: 1.5;
-	color: rgba(0, 0, 0, 0.5);
-	font-style: italic;
-	white-space: pre-wrap;
-	word-break: break-word;
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-thinking {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-.ai-error-message {
-	border-radius: 8px;
-	padding: 8px 8px 0;
-	margin: 4px 0;
-}
-
-@media (prefers-color-scheme: light) {
-	.ai-error-message {
-		background-color: var(--color-warnPalette-100);
-		color: var(--color-warnPalette-100-contrast);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-error-message {
-		background-color: var(--color-warnDarkPalette-200);
-		color: var(--color-warnDarkPalette-200-contrast);
-	}
-}
-
-.ai-message ::ng-deep ol,
-.ai-message ::ng-deep ul {
-	padding-left: 20px;
-	margin: 8px 0;
-}
-
-.ai-message ::ng-deep li {
-	margin: 4px 0;
-	line-height: 1.5;
-}
-
-.ai-message ::ng-deep ol {
-	list-style-position: outside;
-}
-
-.ai-message ::ng-deep ul {
-	list-style-position: outside;
-}
-
-.ai-message ::ng-deep pre {
-	white-space: break-spaces;
-}
-
-.user-message ::ng-deep p,
-.ai-message ::ng-deep p {
-	margin-bottom: 8px;
-}
-
-.ai-welcome {
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-	margin-bottom: 24px;
-	flex-shrink: 0;
-	transition: max-width 350ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.ai-welcome__message {
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-}
-
-.ai-welcome__message p {
-	margin: 0;
-	line-height: 1.4;
-}
-
-.ai-welcome__section {
-	display: flex;
-	flex-direction: column;
-	gap: 2px;
-}
-
-.ai-welcome__section-title {
-	margin: 0;
-	font-size: 12px;
-	color: rgba(0, 0, 0, 0.5);
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-welcome__section-title {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-.suggestions-container {
-	display: flex;
-	flex-wrap: wrap;
-	gap: 6px;
-}
-
-.suggestion-chip {
-	display: inline-flex;
-	align-items: center;
-	background-color: var(--mat-sidenav-content-background-color);
-	border: 1px solid #d3d3d3;
-	border-radius: 16px;
-	padding: 4px 12px;
-	font-size: 12px;
-	cursor: pointer;
-	transition: background-color 0.2s ease;
-}
-
-.suggestion-chip:hover {
-	background-color: var(--color-primaryPalette-50);
-}
-
-@media (prefers-color-scheme: dark) {
-	.suggestion-chip {
-		border-color: #4a4a4a;
-		color: rgba(255, 255, 255, 0.9);
-	}
-
-	.suggestion-chip:hover {
-		background-color: rgba(255, 255, 255, 0.08);
-	}
-}
-
-.templates-container {
-	display: flex;
-	flex-direction: column;
-	align-items: flex-start;
-	gap: 8px;
-	padding: 0;
-	transition: gap 300ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.template-card {
-	display: flex;
-	align-items: flex-start;
-	width: auto;
-	gap: 8px;
-	background-color: var(--mat-sidenav-content-background-color);
-	border: 1px solid #d3d3d3;
-	border-radius: 6px;
-	padding: 6px 10px;
-	text-align: left;
-	cursor: pointer;
-	transition: background-color 0.2s ease;
-}
-
-.template-card:hover {
-	background-color: var(--color-primaryPalette-50);
-}
-
-.template-card__icon {
-	color: rgba(0, 0, 0, 0.5);
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-	flex-shrink: 0;
-	margin-top: 1px;
-}
-
-.template-card__content {
-	display: flex;
-	flex-direction: column;
-	gap: 0;
-}
-
-.template-card__title {
-	font-size: 13px;
-	font-weight: 500;
-	color: rgba(0, 0, 0, 0.87);
-	line-height: 1.3;
-}
-
-.template-card__description {
-	font-size: 11px;
-	color: rgba(0, 0, 0, 0.5);
-	line-height: 1.3;
-}
-
-@media (prefers-color-scheme: dark) {
-	.template-card {
-		border-color: #4a4a4a;
-	}
-
-	.template-card:hover {
-		background-color: rgba(255, 255, 255, 0.08);
-	}
-
-	.template-card__icon {
-		color: rgba(255, 255, 255, 0.5);
-	}
-
-	.template-card__title {
-		color: rgba(255, 255, 255, 0.9);
-	}
-
-	.template-card__description {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-.loading {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	height: 50px;
-	flex-shrink: 0;
-}
-
-.loading-content {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-.loading-dots {
-	display: flex;
-	gap: 6px;
-	align-items: center;
-}
-
-.loading-text {
-	font-size: 13px;
-	color: #9ca3af;
-}
-
-.loading-dot {
-	width: 6px;
-	height: 6px;
-	border-radius: 50%;
-	background-color: #9ca3af;
-	animation: loading-bounce 1.4s ease-in-out infinite;
-}
-
-.loading-dot:nth-child(1) {
-	animation-delay: 0s;
-}
-
-.loading-dot:nth-child(2) {
-	animation-delay: 0.15s;
-}
-
-.loading-dot:nth-child(3) {
-	animation-delay: 0.3s;
-}
-
-@keyframes loading-bounce {
-	0%,
-	60%,
-	100% {
-		transform: translateY(0);
-	}
-	30% {
-		transform: translateY(-8px);
-	}
-}
-
-.ai-message-form {
-	position: relative;
-	width: 100%;
-	flex-shrink: 0;
-	transition: max-width 350ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.ai-message-form__textarea {
-	width: 100%;
-}
-
-.ai-message-form__textarea ::ng-deep .mat-mdc-form-field-focus-overlay {
-	display: none;
-}
-
-.ai-message-form__textarea ::ng-deep .mdc-text-field--focused .mdc-notched-outline__leading,
-.ai-message-form__textarea ::ng-deep .mdc-text-field--focused .mdc-notched-outline__trailing {
-	border-color: #a855f7 !important;
-	border-width: 2px !important;
-}
-
-.ai-message-form__textarea ::ng-deep .mdc-text-field--focused .mdc-notched-outline__notch {
-	border-color: #a855f7 !important;
-	border-width: 2px 0 !important;
-}
-
-.ai-message-form__textarea ::ng-deep .mat-mdc-text-field-wrapper {
-	padding-bottom: 24px !important;
-}
-
-.ai-message-form__footer {
-	position: absolute;
-	right: 0;
-	left: 2px;
-	bottom: 21px;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	background-color: var(--mat-sidenav-content-background-color);
-	padding-left: 16px;
-	padding-right: 4px;
-	width: calc(100% - 4px);
-}
-
-.ai-message-form__char-count {
-	color: rgba(0, 0, 0, 0.4);
-	font-size: 12px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-message-form__char-count {
-		color: rgba(255, 255, 255, 0.4);
-	}
-}
-
-.ai-message-form__button {
-	color: #a855f7 !important;
-}
-
-.ai-panel-sidebar__message {
-	resize: none;
-	width: 100%;
-}
-
-.footer {
-	padding-bottom: 16px;
-	flex-shrink: 0;
-	transition: max-width 350ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.footer p {
-	color: rgba(0, 0, 0, 0.36) !important;
-	text-align: center;
-	margin: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.footer p {
-		color: rgba(255, 255, 255, 0.36) !important;
-	}
-}
-
-.link {
-	color: var(--color-accentedPalette-500);
-}
-
-/* Expanded state styles */
-.ai-panel-sidebar-content_expanded .ai-panel-chat {
-	align-items: center;
-}
-
-.ai-panel-sidebar-content_expanded .ai-welcome {
-	width: 100%;
-	max-width: 800px;
-}
-
-.ai-panel-sidebar-content_expanded .ai-message-chain-box {
-	width: 100%;
-	max-width: 800px;
-}
-
-.ai-panel-sidebar-content_expanded .ai-message-form {
-	width: 100%;
-	max-width: 800px;
-}
-
-.ai-panel-sidebar-content_expanded .footer {
-	width: 100%;
-	max-width: 800px;
-}
-
-.ai-panel-sidebar-content_expanded .ai-panel-sidebar__header {
-	width: 100%;
-	justify-content: space-between;
-}
-
-.ai-panel-sidebar-content_expanded .ai-welcome__section {
-	gap: 4px !important;
-}
-
-.ai-panel-sidebar-content_expanded .ai-welcome__section-title {
-	margin-bottom: 0 !important;
-}
-
-.ai-panel-sidebar-content_expanded .templates-container,
-.ai-panel-sidebar-content_expanded .suggestions-container {
-	margin-top: 0 !important;
-}
-
-.ai-panel-sidebar-content_expanded .templates-container {
-	flex-direction: row;
-	flex-wrap: wrap;
-	gap: 12px;
-}
-
-.ai-panel-sidebar-content_expanded .template-card {
-	width: auto;
-}
-
-.ai-panel-sidebar-content_expanded .template-card__description {
-	white-space: nowrap;
-}
-
-/* Welcome centered layout */
-.ai-welcome-centered {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	flex: 1;
-	padding: 16px;
-	min-height: 0;
-	overflow: hidden;
-}
-
-.ai-welcome-centered__content {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	width: 100%;
-	max-width: 500px;
-	gap: 24px;
-}
-
-.ai-welcome-icon {
-	width: 48px !important;
-	height: 48px !important;
-	animation: rocket-float 3s ease-in-out infinite;
-}
-
-.ai-welcome-icon ::ng-deep svg path:first-of-type {
-	fill: rgba(0, 0, 0, 0.6);
-}
-
-.ai-welcome-icon ::ng-deep svg path[fill="#C177FC"] {
-	animation: sparkle-twinkle 1.5s ease-in-out infinite;
-}
-
-.ai-welcome-icon ::ng-deep svg path[fill="#C177FC"]:nth-of-type(2) {
-	animation-delay: 0.3s;
-}
-
-.ai-welcome-icon ::ng-deep svg path[fill="#C177FC"]:nth-of-type(3) {
-	animation-delay: 0.6s;
-}
-
-.ai-welcome-icon ::ng-deep svg path[fill="#C177FC"]:nth-of-type(4) {
-	animation-delay: 0.9s;
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-welcome-icon ::ng-deep svg path:first-of-type {
-		fill: rgba(255, 255, 255, 0.7);
-	}
-}
-
-.ai-welcome-centered__title {
-	font-size: 16px;
-	font-weight: 500;
-	color: rgba(0, 0, 0, 0.7);
-	margin: 0;
-	text-align: center;
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-welcome-centered__title {
-		color: rgba(255, 255, 255, 0.7);
-	}
-}
-
-.ai-input-wrapper {
-	position: relative;
-	width: 100%;
-}
-
-.ai-welcome-form {
-	width: 100%;
-}
-
-.ai-welcome-form__field {
-	width: 100%;
-}
-
-.ai-welcome-form__field ::ng-deep .mdc-text-field--outlined .mdc-notched-outline__leading,
-.ai-welcome-form__field ::ng-deep .mdc-text-field--outlined .mdc-notched-outline__trailing {
-	border-radius: 24px;
-}
-
-.ai-welcome-form__field ::ng-deep .mdc-text-field--outlined .mdc-notched-outline__leading {
-	border-radius: 24px 0 0 24px;
-	width: 24px;
-}
-
-.ai-welcome-form__field ::ng-deep .mdc-text-field--outlined .mdc-notched-outline__trailing {
-	border-radius: 0 24px 24px 0;
-}
-
-.ai-welcome-form__field ::ng-deep .mdc-text-field--focused .mdc-notched-outline__leading,
-.ai-welcome-form__field ::ng-deep .mdc-text-field--focused .mdc-notched-outline__trailing {
-	border-color: #6384ff !important;
-	border-width: 2px !important;
-}
-
-.ai-welcome-form__field ::ng-deep .mdc-text-field--focused .mdc-notched-outline__notch {
-	border-color: #6384ff !important;
-	border-width: 2px 0 !important;
-}
-
-.ai-welcome-form__field ::ng-deep .mat-mdc-form-field-subscript-wrapper {
-	display: none;
-}
-
-.ai-welcome-form__button {
-	color: #6384ff !important;
-}
-
-.ai-completions {
-	position: absolute;
-	top: 100%;
-	left: 0;
-	right: 0;
-	background-color: var(--mat-sidenav-content-background-color);
-	border: 1px solid rgba(0, 0, 0, 0.12);
-	border-radius: 12px;
-	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-	z-index: 10;
-	margin-top: 2px;
-	overflow: hidden;
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-completions {
-		border-color: rgba(255, 255, 255, 0.12);
-		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-	}
-}
-
-.ai-completion-item {
-	display: block;
-	width: 100%;
-	padding: 12px 16px;
-	text-align: left;
-	background: none;
-	border: none;
-	cursor: pointer;
-	font-size: 13px;
-	color: rgba(0, 0, 0, 0.87);
-	transition: background-color 0.15s ease;
-}
-
-.ai-completion-item:hover {
-	background-color: rgba(99, 132, 255, 0.08);
-}
-
-.ai-completion-item:not(:last-child) {
-	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-completion-item {
-		color: rgba(255, 255, 255, 0.87);
-	}
-
-	.ai-completion-item:not(:last-child) {
-		border-bottom-color: rgba(255, 255, 255, 0.06);
-	}
-}
-
-.ai-categories {
-	display: flex;
-	flex-direction: column;
-	gap: 0;
-	width: 100%;
-}
-
-.ai-category {
-	display: flex;
-	flex-direction: column;
-	gap: 0;
-}
-
-.ai-category__title {
-	font-size: 11px;
-	font-weight: 600;
-	text-transform: uppercase;
-	letter-spacing: 0.5px;
-	color: rgba(0, 0, 0, 0.4);
-	margin: 12px 0 4px 0 !important;
-}
-
-.ai-category:first-child .ai-category__title {
-	margin-top: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-category__title {
-		color: rgba(255, 255, 255, 0.4);
-	}
-}
-
-.ai-category__chips {
-	display: flex;
-	flex-wrap: wrap;
-	gap: 6px;
-}
-
-.suggestion-chip_active {
-	background-color: rgba(99, 132, 255, 0.15) !important;
-	border-color: #6384ff !important;
-}
-
-@media (prefers-color-scheme: dark) {
-	.suggestion-chip_active {
-		background-color: rgba(99, 132, 255, 0.25) !important;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-message ::ng-deep svg text,
-	.ai-message ::ng-deep svg .legend text,
-	.ai-message ::ng-deep svg .title text,
-	.ai-message ::ng-deep svg .label text,
-	.ai-message ::ng-deep svg .tick text,
-	.ai-message ::ng-deep svg .axis text,
-	.ai-message ::ng-deep svg .pieCircle text,
-	.ai-message ::ng-deep svg .slice text {
-		fill: rgba(255, 255, 255, 0.87) !important;
-	}
-
-	.ai-message ::ng-deep svg .title {
-		fill: rgba(255, 255, 255, 0.87) !important;
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.html
deleted file mode 100644
index e7faaa311..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.html
+++ /dev/null
@@ -1,119 +0,0 @@
-<div class="ai-panel-sidebar ai-panel-sidebar_open"
-    [ngClass]="{'ai-panel-sidebar_expanded': isExpanded}">
-</div>
-<div class="ai-panel-sidebar-content ai-panel-sidebar-content_open"
-    [ngClass]="{'ai-panel-sidebar-content_expanded': isExpanded, 'ai-panel-sidebar-content_sidebar-collapsed': !sidebarExpanded}">
-    <div class="ai-panel-sidebar__header">
-        <h2 class="mat-heading-2 ai-panel-sidebar__title">AI insights</h2>
-        <div class="ai-panel-sidebar__actions">
-            <button type="button" mat-icon-button (click)="handleClose()">
-                <mat-icon>close</mat-icon>
-            </button>
-        </div>
-    </div>
-
-    <div class="ai-panel-chat">
-        <div *ngIf="messagesChain.length; else suggestions" class="ai-message-chain-box" #chatContainer>
-            <div class="ai-message-chain">
-                <div *ngFor="let message of messagesChain" class="{{message.type}}-message">
-                    <span style="white-space: pre-wrap" *ngIf="message.type == 'user'">{{message.text}}</span>
-                    <ng-container *ngIf="message.type == 'ai'">
-                        <div *ngIf="message.thinking && !message.text" class="ai-thinking">{{ message.thinking }}</div>
-                        <markdown *ngIf="message.text" mermaid [data]="message.text"></markdown>
-                    </ng-container>
-                </div>
-            </div>
-        </div>
-
-        <ng-template #suggestions>
-            <div class="ai-welcome-centered">
-                <div class="ai-welcome-centered__content">
-                    <mat-icon svgIcon="ai_rocket" class="ai-welcome-icon"></mat-icon>
-                    <p class="ai-welcome-centered__title">Ask anything about your data</p>
-
-                    <div class="ai-input-wrapper">
-                        <form (ngSubmit)="createThread()" class="ai-welcome-form">
-                            <mat-form-field appearance="outline" class="ai-welcome-form__field">
-                                <mat-label>Ask a question about this table...</mat-label>
-                                <input matInput
-                                    name="welcomeMessage"
-                                    [(ngModel)]="message"
-                                    (input)="onWelcomeInputChange()"
-                                    (focus)="onWelcomeInputFocus()"
-                                    (blur)="onWelcomeInputBlur()"
-                                    autocomplete="off"
-                                    maxlength="255">
-                                <button mat-icon-button matSuffix type="submit" class="ai-welcome-form__button">
-                                    <mat-icon>send</mat-icon>
-                                </button>
-                            </mat-form-field>
-                        </form>
-
-                        <div class="ai-completions" *ngIf="showCompletions && activeCompletions.length"
-                            (mouseleave)="onCompletionMouseLeave()">
-                            <button type="button" *ngFor="let completion of activeCompletions"
-                                class="ai-completion-item"
-                                (mouseenter)="onCompletionHover(completion)"
-                                (mousedown)="selectCompletion(completion)">
-                                <span class="ai-completion-text">{{completion}}</span>
-                            </button>
-                        </div>
-                    </div>
-
-                    <div class="ai-categories">
-                        <div class="ai-category" *ngFor="let category of suggestionCategories">
-                            <p class="ai-category__title">{{category.title}}</p>
-                            <div class="ai-category__chips">
-                                <button type="button" *ngFor="let suggestion of category.suggestions"
-                                    class="suggestion-chip"
-                                    [class.suggestion-chip_active]="activeSuggestion?.title === suggestion.title"
-                                    (click)="onSuggestionChipClick(suggestion)">
-                                    <span>{{suggestion.title}}</span>
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </ng-template>
-
-        <div class="loading" *ngIf="submitting">
-            <div class="loading-content">
-                <span class="loading-text">{{ currentLoadingStep }}</span>
-                <div class="loading-dots">
-                    <span class="loading-dot"></span>
-                    <span class="loading-dot"></span>
-                    <span class="loading-dot"></span>
-                </div>
-            </div>
-        </div>
-
-        <form *ngIf="messagesChain.length" (ngSubmit)="threadID ? sendMessage() : createThread()" class="ai-message-form">
-            <mat-form-field class="form-field" appearance="outline" class="ai-message-form__textarea">
-                <mat-label class="ai-message-form__label">Ask a question about this table...</mat-label>
-                <textarea matInput name="message"
-                    class="ai-panel-sidebar__message"
-                    [rows]="textareaRows"
-                    data-testid="user-message"
-                    maxlength="255"
-                    (keydown)="onKeydown($event)"
-                    [(ngModel)]="message">
-                </textarea>
-            </mat-form-field>
-
-            <div class="ai-message-form__footer">
-                <span class="ai-message-form__char-count">{{charactrsNumber}} / 256</span>
-                <button mat-icon-button type="submit"
-                    class="ai-message-form__button">
-                    <mat-icon>send</mat-icon>
-                </button>
-            </div>
-        </form>
-
-        <div class="footer" *ngIf="messagesChain.length">
-            <p class="mat-small">
-                AI may provide inaccurate responses.<br/>Check our <a href="https://rocketadmin.com/privacy/" class="link">Privacy policy</a>.
-            </p>
-        </div>
-    </div>
-</div>
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.spec.ts
deleted file mode 100644
index c9553277d..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.spec.ts
+++ /dev/null
@@ -1,193 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatIconTestingModule } from '@angular/material/icon/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { AiService } from 'src/app/services/ai.service';
-import { AiStreamChunk } from 'src/app/services/api.service';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TableStateService } from 'src/app/services/table-state.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { DbTableAiPanelComponent } from './db-table-ai-panel.component';
-
-async function* mockStream(...texts: string[]): AsyncGenerator<AiStreamChunk> {
-	for (const text of texts) {
-		yield { type: 'text', content: text };
-	}
-}
-
-describe('DbTableAiPanelComponent', () => {
-	let component: DbTableAiPanelComponent;
-	let fixture: ComponentFixture<DbTableAiPanelComponent>;
-	let tableStateService: TableStateService;
-
-	const mockConnectionsService = {
-		currentConnectionID: '12345678',
-	};
-
-	const mockTablesService = {
-		currentTableName: 'users',
-	};
-
-	const mockAiService: Partial<AiService> = {
-		createThread: vi.fn(),
-		sendMessage: vi.fn(),
-	};
-
-	const mockTableStateService = {
-		aiPanelCast: of(false),
-		aiPanelExpandedCast: of(false),
-		handleViewAIpanel: vi.fn(),
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [Angulartics2Module.forRoot(), DbTableAiPanelComponent, BrowserAnimationsModule, MatIconTestingModule],
-			providers: [
-				provideHttpClient(),
-				{ provide: ConnectionsService, useValue: mockConnectionsService },
-				{ provide: TablesService, useValue: mockTablesService },
-				{ provide: AiService, useValue: mockAiService },
-				{ provide: TableStateService, useValue: mockTableStateService },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(DbTableAiPanelComponent);
-		component = fixture.componentInstance;
-		tableStateService = TestBed.inject(TableStateService);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should initialize with connection ID and table name', () => {
-		expect(component.connectionID).toBe('12345678');
-		expect(component.tableName).toBe('users');
-	});
-
-	it('should have default suggestion categories', () => {
-		expect(component.suggestionCategories.length).toBeGreaterThan(0);
-		expect(component.suggestionCategories[0].title).toBe('Explore');
-	});
-
-	it('should update character count on keydown', () => {
-		component.message = 'Hello';
-		const event = new KeyboardEvent('keydown', { key: 'a' });
-		component.onKeydown(event);
-		expect(component.charactrsNumber).toBe(6);
-	});
-
-	it('should create thread on Enter key when no thread exists', () => {
-		(mockAiService.createThread as ReturnType<typeof vi.fn>).mockResolvedValue({
-			threadId: 'thread-123',
-			stream: mockStream('AI response'),
-		});
-
-		component.message = 'Test message';
-		component.threadID = null;
-
-		const event = new KeyboardEvent('keydown', { key: 'Enter' });
-		Object.defineProperty(event, 'preventDefault', { value: vi.fn() });
-		component.onKeydown(event);
-
-		expect(mockAiService.createThread).toHaveBeenCalledWith(
-			'12345678',
-			'users',
-			'Test message',
-			expect.any(AbortSignal),
-		);
-	});
-
-	it('should send message on Enter key when thread exists', () => {
-		(mockAiService.sendMessage as ReturnType<typeof vi.fn>).mockResolvedValue(mockStream('AI response'));
-
-		component.message = 'Follow up message';
-		component.threadID = 'existing-thread';
-
-		const event = new KeyboardEvent('keydown', { key: 'Enter' });
-		Object.defineProperty(event, 'preventDefault', { value: vi.fn() });
-		component.onKeydown(event);
-
-		expect(mockAiService.sendMessage).toHaveBeenCalledWith(
-			'12345678',
-			'users',
-			'existing-thread',
-			'Follow up message',
-			expect.any(AbortSignal),
-		);
-	});
-
-	it('should add user message to chain when creating thread', async () => {
-		(mockAiService.createThread as ReturnType<typeof vi.fn>).mockResolvedValue({
-			threadId: 'thread-123',
-			stream: mockStream('AI response'),
-		});
-
-		component.message = 'User question';
-		await component.createThread();
-
-		expect(component.messagesChain[0]).toEqual({
-			type: 'user',
-			text: 'User question',
-		});
-	});
-
-	it('should add AI response to chain after thread creation', async () => {
-		(mockAiService.createThread as ReturnType<typeof vi.fn>).mockResolvedValue({
-			threadId: 'thread-123',
-			stream: mockStream('AI response'),
-		});
-
-		component.message = 'User question';
-		await component.createThread();
-
-		expect(component.threadID).toBe('thread-123');
-		expect(component.messagesChain[1]).toEqual({
-			type: 'ai',
-			text: 'AI response',
-			thinking: '',
-		});
-	});
-
-	it('should handle error when creating thread', async () => {
-		(mockAiService.createThread as ReturnType<typeof vi.fn>).mockRejectedValue('Error message');
-
-		component.message = 'User question';
-		await component.createThread();
-
-		expect(component.messagesChain[1]).toEqual({
-			type: 'ai-error',
-			text: 'Error message',
-		});
-	});
-
-	it('should use suggested message when provided to createThread', async () => {
-		(mockAiService.createThread as ReturnType<typeof vi.fn>).mockResolvedValue({
-			threadId: 'thread-123',
-			stream: mockStream('AI response'),
-		});
-
-		await component.createThread('Suggested question');
-
-		expect(component.messagesChain[0].text).toBe('Suggested question');
-	});
-
-	it('should call handleViewAIpanel when closing', () => {
-		component.handleClose();
-		expect(mockTableStateService.handleViewAIpanel).toHaveBeenCalled();
-	});
-
-	it('should clear message after sending', async () => {
-		(mockAiService.sendMessage as ReturnType<typeof vi.fn>).mockResolvedValue(mockStream('AI response'));
-
-		component.message = 'Test message';
-		component.threadID = 'thread-123';
-		await component.sendMessage();
-
-		expect(component.message).toBe('');
-		expect(component.charactrsNumber).toBe(0);
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.ts
deleted file mode 100644
index a99d1d9cc..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-ai-panel/db-table-ai-panel.component.ts
+++ /dev/null
@@ -1,549 +0,0 @@
-import { CommonModule } from '@angular/common';
-import {
-	AfterViewInit,
-	Component,
-	ElementRef,
-	HostListener,
-	Input,
-	inject,
-	OnDestroy,
-	OnInit,
-	ViewChild,
-} from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { Angulartics2, Angulartics2Module } from 'angulartics2';
-import { MarkdownModule } from 'ngx-markdown';
-import posthog from 'posthog-js';
-import { AiService } from 'src/app/services/ai.service';
-import { AiStreamChunk } from 'src/app/services/api.service';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TableStateService } from 'src/app/services/table-state.service';
-import { TablesService } from 'src/app/services/tables.service';
-
-@Component({
-	selector: 'app-db-table-ai-panel',
-	templateUrl: './db-table-ai-panel.component.html',
-	styleUrl: './db-table-ai-panel.component.css',
-	imports: [
-		CommonModule,
-		FormsModule,
-		MarkdownModule,
-		MatIconModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatButtonModule,
-		Angulartics2Module,
-	],
-})
-export class DbTableAiPanelComponent implements OnInit, AfterViewInit, OnDestroy {
-	@Input() public displayName: string;
-	@Input() public tableColumns: string[] = [];
-	@Input() public sidebarExpanded: boolean = true;
-	@ViewChild('chatContainer') private chatContainer!: ElementRef;
-
-	public connectionID: string;
-	public tableName: string;
-	public isAIpanelOpened: boolean = false;
-	public message: string = '';
-	public charactrsNumber: number = 0;
-	public threadID: string = null;
-	public messagesChain: {
-		type: string;
-		text: string;
-		thinking?: string;
-	}[] = [];
-	public aiSuggestions: { title: string; prompt: string; completions: string[] }[] = [];
-	public suggestionCategories: {
-		title: string;
-		suggestions: { title: string; prompt: string; completions: string[] }[];
-	}[] = [];
-	public activeSuggestion: { title: string; prompt: string; completions: string[] } | null = null;
-	public activeCompletions: string[] = [];
-	public showCompletions: boolean = false;
-	public submitting: boolean = false;
-	public isExpanded: boolean = true;
-	public textareaRows: number = 4;
-	public currentLoadingStep: string = '';
-
-	private _aiService = inject(AiService);
-	private _abortController: AbortController | null = null;
-	private _loadingStepsInterval: ReturnType<typeof setInterval> | null = null;
-	private _loadingSteps: string[] = [
-		'Connecting to database',
-		'Analyzing table structure',
-		'Scanning records',
-		'Processing your query',
-		'Searching for patterns',
-		'Generating response',
-	];
-	private _currentStepIndex: number = 0;
-
-	constructor(
-		private _connections: ConnectionsService,
-		private _tables: TablesService,
-		private _tableState: TableStateService,
-		private angulartics2: Angulartics2,
-	) {}
-
-	ngOnInit(): void {
-		this.connectionID = this._connections.currentConnectionID;
-		this.tableName = this._tables.currentTableName;
-
-		this._tableState.aiPanelCast.subscribe((isAIpanelOpened) => {
-			this.isAIpanelOpened = isAIpanelOpened;
-		});
-
-		this._tableState.aiPanelExpandedCast.subscribe(() => {
-			this.isExpanded = true;
-		});
-
-		this.adjustTextareaRows();
-		this.generateSuggestionCategories();
-	}
-
-	ngOnChanges(): void {
-		this.generateSuggestionCategories();
-	}
-
-	async ngAfterViewInit() {
-		const mermaid = await import('mermaid');
-		const mermaidAPI = (mermaid.default ?? mermaid) as { initialize: (config: Record<string, unknown>) => void };
-		const isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-		mermaidAPI.initialize({
-			startOnLoad: false,
-			theme: isDark ? 'dark' : 'default',
-		});
-		//@ts-expect-error dynamic load of mermaid
-		window.mermaid = mermaidAPI;
-	}
-
-	ngOnDestroy() {
-		this.cancelRequest();
-		this.stopLoadingSteps();
-		this.angulartics2.eventTrack.next({
-			action: 'AI panel: destroyed',
-			properties: {
-				messagesLength: this.messagesChain.length,
-			},
-		});
-		posthog.capture('AI panel: destroyed', {
-			messagesLength: this.messagesChain.length,
-		});
-	}
-
-	cancelRequest(): void {
-		if (this._abortController) {
-			this._abortController.abort();
-			this._abortController = null;
-			this.submitting = false;
-			this.stopLoadingSteps();
-
-			this.messagesChain.push({
-				type: 'ai-error',
-				text: 'Request cancelled',
-			});
-
-			this.angulartics2.eventTrack.next({
-				action: 'AI panel: request cancelled',
-			});
-			posthog.capture('AI panel: request cancelled');
-		}
-	}
-
-	startLoadingSteps(): void {
-		this._currentStepIndex = 0;
-		this.currentLoadingStep = this._loadingSteps[0];
-		this._loadingStepsInterval = setInterval(() => {
-			this._currentStepIndex = (this._currentStepIndex + 1) % this._loadingSteps.length;
-			this.currentLoadingStep = this._loadingSteps[this._currentStepIndex];
-		}, 2000);
-	}
-
-	stopLoadingSteps(): void {
-		if (this._loadingStepsInterval) {
-			clearInterval(this._loadingStepsInterval);
-			this._loadingStepsInterval = null;
-		}
-	}
-
-	onKeydown(event: KeyboardEvent): void {
-		this.charactrsNumber = this.message.length + 1;
-
-		if (event.key === 'Enter') {
-			if (event.shiftKey) {
-				event.preventDefault();
-				const textarea = event.target as HTMLTextAreaElement;
-				const cursorPos = textarea.selectionStart;
-				this.message = this.message.substring(0, cursorPos) + '\n' + this.message.substring(cursorPos);
-				setTimeout(() => {
-					textarea.selectionStart = textarea.selectionEnd = cursorPos + 1;
-				});
-			} else {
-				event.preventDefault();
-				if (this.threadID) {
-					this.sendMessage();
-				} else {
-					this.createThread();
-				}
-			}
-		}
-	}
-
-	async createThread(suggestedMessage?: string) {
-		if (suggestedMessage) {
-			this.message = suggestedMessage;
-		}
-		this.submitting = true;
-		this.startLoadingSteps();
-		this.messagesChain.push({
-			type: 'user',
-			text: this.message,
-		});
-		const messageCopy = this.message;
-		this.message = '';
-
-		this._abortController = new AbortController();
-
-		try {
-			const response = await this._aiService.createThread(
-				this.connectionID,
-				this.tableName,
-				messageCopy,
-				this._abortController.signal,
-			);
-
-			if (response) {
-				this.threadID = response.threadId;
-				const aiMessage = { type: 'ai', text: '', thinking: '' };
-				this.messagesChain.push(aiMessage);
-				this.stopLoadingSteps();
-
-				await this._consumeStream(response.stream, aiMessage);
-
-				this.angulartics2.eventTrack.next({
-					action: 'AI panel: thread created successfully',
-				});
-				posthog.capture('AI panel: thread created successfully');
-			}
-		} catch (error_message) {
-			this.messagesChain.push({
-				type: 'ai-error',
-				text: String(error_message),
-			});
-			this.angulartics2.eventTrack.next({
-				action: 'AI panel: thread creation returned an error',
-			});
-			posthog.capture('AI panel: thread creation returned an error');
-		} finally {
-			this.submitting = false;
-			this.stopLoadingSteps();
-			this._abortController = null;
-		}
-	}
-
-	async sendMessage(suggestedMessage?: string) {
-		if (suggestedMessage) {
-			this.message = suggestedMessage;
-		}
-		this.submitting = true;
-		this.startLoadingSteps();
-		this.messagesChain.push({
-			type: 'user',
-			text: this.message,
-		});
-		const messageCopy = this.message;
-		this.message = '';
-		this.charactrsNumber = 0;
-
-		this._abortController = new AbortController();
-
-		try {
-			const stream = await this._aiService.sendMessage(
-				this.connectionID,
-				this.tableName,
-				this.threadID,
-				messageCopy,
-				this._abortController.signal,
-			);
-
-			if (stream) {
-				const aiMessage = { type: 'ai', text: '', thinking: '' };
-				this.messagesChain.push(aiMessage);
-				this.stopLoadingSteps();
-
-				await this._consumeStream(stream, aiMessage);
-
-				this.angulartics2.eventTrack.next({
-					action: 'AI panel: message sent successfully',
-				});
-				posthog.capture('AI panel: message sent successfully');
-			}
-		} catch (error_message) {
-			this.messagesChain.push({
-				type: 'ai-error',
-				text: String(error_message),
-			});
-			this.angulartics2.eventTrack.next({
-				action: 'AI panel: message sent and returned an error',
-			});
-			posthog.capture('AI panel: message sent and returned an error');
-		} finally {
-			this.submitting = false;
-			this.stopLoadingSteps();
-			this._abortController = null;
-		}
-	}
-
-	private async _consumeStream(
-		stream: AsyncGenerator<AiStreamChunk>,
-		message: { type: string; text: string; thinking?: string },
-	) {
-		for await (const chunk of stream) {
-			if (chunk.type === 'thinking') {
-				message.thinking = (message.thinking ?? '') + chunk.content;
-			} else if (chunk.type === 'thinking_reset') {
-				message.thinking = '';
-			} else if (chunk.type === 'thinking_commit') {
-				message.text += message.thinking ?? '';
-				message.thinking = '';
-			} else if (chunk.type === 'text') {
-				message.text += chunk.content;
-				message.thinking = '';
-			}
-		}
-	}
-
-	scrollToBottom(): void {
-		if (this.chatContainer) this.chatContainer.nativeElement.scrollTop = this.chatContainer.nativeElement.scrollHeight;
-	}
-
-	ngAfterViewChecked(): void {
-		this.scrollToBottom();
-	}
-
-	handleClose() {
-		this._tableState.handleViewAIpanel();
-	}
-
-	toggleExpand() {
-		this._tableState.toggleAIPanelExpanded();
-	}
-
-	@HostListener('window:resize')
-	onWindowResize() {
-		this.adjustTextareaRows();
-	}
-
-	@HostListener('document:click', ['$event'])
-	onDocumentClick(event: MouseEvent) {
-		if (!this.showCompletions) return;
-
-		const target = event.target as HTMLElement;
-		const clickedOnChip = target.closest('.suggestion-chip');
-		const clickedOnDropdown = target.closest('.ai-completions');
-		const clickedOnInput = target.closest('.ai-welcome-form__field');
-
-		if (!clickedOnChip && !clickedOnDropdown && !clickedOnInput) {
-			this.showCompletions = false;
-			this.activeSuggestion = null;
-		}
-	}
-
-	private adjustTextareaRows() {
-		const windowHeight = window.innerHeight;
-
-		if (windowHeight < 500) {
-			this.textareaRows = 1;
-		} else if (windowHeight < 650) {
-			this.textareaRows = 2;
-		} else if (windowHeight < 800) {
-			this.textareaRows = 3;
-		} else if (windowHeight < 950) {
-			this.textareaRows = 4;
-		} else {
-			this.textareaRows = 5;
-		}
-	}
-
-	private generateSuggestionCategories(): void {
-		const categories: { title: string; suggestions: { title: string; prompt: string; completions: string[] }[] }[] = [];
-
-		// Category: Explore Data
-		categories.push({
-			title: 'Explore',
-			suggestions: [
-				{
-					title: 'Show recent records',
-					prompt: 'Show recent records',
-					completions: [
-						'Show recent records - the 10 most recently added',
-						'Show recent records - from the last 24 hours',
-						'Show recent records - the last entry added',
-						'Show recent records - with newest timestamps',
-					],
-				},
-				{
-					title: 'Summarize table',
-					prompt: 'Summarize table',
-					completions: [
-						'Summarize table - structure and content overview',
-						'Summarize table - what kind of data is stored',
-						'Summarize table - purpose of each column',
-						'Summarize table - record count and what they represent',
-					],
-				},
-				{
-					title: 'Find patterns',
-					prompt: 'Find patterns',
-					completions: [
-						'Find patterns - in this data',
-						'Find patterns - correlations between columns',
-						'Find patterns - common value combinations',
-						'Find patterns - seasonal or cyclical trends',
-					],
-				},
-			],
-		});
-
-		// Category: Data Quality
-		categories.push({
-			title: 'Data Quality',
-			suggestions: [
-				{
-					title: 'Find issues',
-					prompt: 'Find issues',
-					completions: [
-						'Find issues - data quality problems',
-						'Find issues - missing or NULL values',
-						'Find issues - potential duplicates',
-						'Find issues - inconsistent data formats',
-					],
-				},
-				{
-					title: 'Check duplicates',
-					prompt: 'Check duplicates',
-					completions: [
-						'Check duplicates - any duplicate records',
-						'Check duplicates - rows that look similar',
-						'Check duplicates - values appearing multiple times',
-						'Check duplicates - records entered twice',
-					],
-				},
-				{
-					title: 'Validate data',
-					prompt: 'Validate data',
-					completions: [
-						'Validate data - required fields filled',
-						'Validate data - incorrect values',
-						'Validate data - records not matching patterns',
-						'Validate data - outliers and unusual values',
-					],
-				},
-			],
-		});
-
-		// Category: Insights
-		categories.push({
-			title: 'Insights',
-			suggestions: [
-				{
-					title: 'Top values',
-					prompt: 'Top values',
-					completions: [
-						'Top values - most common in each column',
-						'Top values - 10 most frequent entries',
-						'Top values - categories with most records',
-						'Top values - what appears most often',
-					],
-				},
-				{
-					title: 'Statistics',
-					prompt: 'Statistics',
-					completions: [
-						'Statistics - for numeric columns',
-						'Statistics - min, max, and average',
-						'Statistics - distribution of values',
-						'Statistics - summary of this data',
-					],
-				},
-				{
-					title: 'Anomalies',
-					prompt: 'Anomalies',
-					completions: [
-						'Anomalies - unusual or unexpected values',
-						'Anomalies - records that stand out',
-						'Anomalies - statistical outliers',
-						'Anomalies - what looks different or wrong',
-					],
-				},
-			],
-		});
-
-		this.suggestionCategories = categories;
-	}
-
-	onSuggestionChipClick(suggestion: { title: string; prompt: string; completions: string[] }): void {
-		this.activeSuggestion = suggestion;
-		this.message = suggestion.prompt;
-		this.activeCompletions = suggestion.completions;
-		this.showCompletions = true;
-
-		this.angulartics2.eventTrack.next({
-			action: 'AI panel: suggestion chip clicked',
-			properties: {
-				suggestionTitle: suggestion.title,
-			},
-		});
-		posthog.capture('AI panel: suggestion chip clicked', {
-			suggestionTitle: suggestion.title,
-		});
-	}
-
-	selectCompletion(completion: string): void {
-		this.message = completion;
-		this.showCompletions = false;
-		this.activeSuggestion = null;
-		this.createThread(completion);
-
-		this.angulartics2.eventTrack.next({
-			action: 'AI panel: completion selected',
-			properties: {
-				completion: completion,
-			},
-		});
-		posthog.capture('AI panel: completion selected', {
-			completion: completion,
-		});
-	}
-
-	onWelcomeInputChange(): void {
-		if (this.message.length > 0 && (!this.activeSuggestion || this.message !== this.activeSuggestion.prompt)) {
-			this.showCompletions = false;
-			this.activeSuggestion = null;
-		}
-	}
-
-	onCompletionHover(completion: string): void {
-		this.message = completion;
-	}
-
-	onCompletionMouseLeave(): void {
-		if (this.activeSuggestion) {
-			this.message = this.activeSuggestion.prompt;
-		}
-	}
-
-	onWelcomeInputFocus(): void {
-		if (this.activeSuggestion) {
-			this.showCompletions = true;
-		}
-	}
-
-	onWelcomeInputBlur(): void {
-		// Dropdown closing is now handled by document click listener
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.css
deleted file mode 100644
index 2e5ab5ac8..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.records-number-input {
-	margin-top: 16px;
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.html
deleted file mode 100644
index 2819d6316..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.html
+++ /dev/null
@@ -1,31 +0,0 @@
-<h1 mat-dialog-title>Export</h1>
-<form #exportTableForm="ngForm" (ngSubmit)="exportCSV()" class="form">
-    <mat-dialog-content>
-        <p class="mat-body-1">
-            Select number of records you want to download.
-        </p>
-
-        <mat-radio-group
-            name="selectedPages"
-            class="radio-group"
-            [(ngModel)]="recordsExportType">
-            <mat-radio-button value='export-records-number' class="radio-button">
-                <mat-form-field appearance="outline" class="records-number-input">
-                    <mat-label>Number of records</mat-label>
-                    <input matInput type="number" name="records-number" #recordsNumberInput="ngModel"
-                        [disabled]="submitting || recordsExportType !== 'export-records-number'"
-                        [(ngModel)]="recordsNumber">
-                </mat-form-field>
-            </mat-radio-button>
-            <mat-radio-button value='export-all' class="radio-button">
-                Export all (up to 100 000 records)
-            </mat-radio-button>
-        </mat-radio-group>
-    </mat-dialog-content>
-    <mat-dialog-actions align="end">
-        <button type="button" mat-flat-button mat-dialog-close>Cancel</button>
-        <button type="submit" mat-flat-button color="primary" [disabled]="submitting">
-            Export
-        </button>
-    </mat-dialog-actions>
-</form>
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.spec.ts
deleted file mode 100644
index b3c39fd34..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.spec.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { DbTableExportDialogComponent } from './db-table-export-dialog.component';
-
-describe('DbTableExportDialogComponent', () => {
-	let component: DbTableExportDialogComponent;
-	let fixture: ComponentFixture<DbTableExportDialogComponent>;
-
-	const mockDialogRef = {
-		close: () => {},
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				MatDialogModule,
-				MatSnackBarModule,
-				FormsModule,
-				Angulartics2Module.forRoot(),
-				DbTableExportDialogComponent,
-				BrowserAnimationsModule,
-			],
-			providers: [
-				provideHttpClient(),
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						connectionID: '12345678',
-						tableName: 'users',
-						sortColumn: 'first_name',
-						sortOrder: 'asc',
-						filters: { first_name: { startswith: 'A' } },
-						search: '',
-					},
-				},
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(DbTableExportDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.ts
deleted file mode 100644
index 882d553eb..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatInputModule } from '@angular/material/input';
-import { MatRadioModule } from '@angular/material/radio';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { TablesService } from 'src/app/services/tables.service';
-
-@Component({
-	selector: 'app-db-table-export-dialog',
-	templateUrl: './db-table-export-dialog.component.html',
-	styleUrls: ['./db-table-export-dialog.component.css'],
-	imports: [CommonModule, FormsModule, MatButtonModule, MatDialogModule, MatInputModule, MatRadioModule],
-})
-export class DbTableExportDialogComponent {
-	public recordsNumber: number = 10;
-	public recordsExportType: string = 'export-all';
-	public submitting: boolean = false;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: any,
-		private _tables: TablesService,
-		public dialogRef: MatDialogRef<DbTableExportDialogComponent>,
-		private angulartics2: Angulartics2,
-	) {}
-
-	exportCSV() {
-		this.submitting = true;
-		if (this.recordsExportType === 'export-all') {
-			this.data = { ...this.data, chunkSize: 100000 };
-		}
-
-		if (this.recordsExportType === 'export-records-number') {
-			this.data = { ...this.data, chunkSize: this.recordsNumber };
-		}
-
-		this._tables.exportTableCSV(this.data).subscribe(
-			(res) => {
-				this.downloadCSV(res);
-				this.submitting = false;
-				this.dialogRef.close();
-				this.angulartics2.eventTrack.next({
-					action: 'Dashboard: db export is successful',
-				});
-				posthog.capture('Dashboard: db export is successful');
-			},
-			(_err) => {
-				this.submitting = false;
-			},
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-
-	downloadCSV(data) {
-		const blob = new Blob([data], { type: 'text/csv' });
-		const link = document.createElement('a');
-		link.href = URL.createObjectURL(blob);
-		link.download = 'database.csv';
-		document.body.appendChild(link);
-		link.click();
-		document.body.removeChild(link);
-		URL.revokeObjectURL(link.href);
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.css
deleted file mode 100644
index ba76b0eab..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.css
+++ /dev/null
@@ -1,148 +0,0 @@
-.filters-header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	margin-top: 16px;
-	margin-bottom: 12px;
-}
-
-.filters-header__settings {
-	flex: 0 0 auto;
-	margin-left: auto;
-}
-
-.filters-header__text {
-	display: flex;
-	flex-direction: column;
-	align-items: flex-start;
-	gap: 2px;
-	line-height: 1.2;
-	text-align: left;
-}
-
-@media (width <= 600px) {
-	.filters-header {
-		justify-content: flex-start;
-		gap: 12px;
-	}
-
-	.filters-header__text {
-		flex: 1 1 auto;
-	}
-}
-
-.filters-header__label {
-	font-size: 18px;
-	font-weight: 600;
-}
-
-.filters-header__table {
-	font-size: 12px;
-	font-weight: 500;
-	opacity: 0.6;
-}
-
-.filters-content {
-	display: grid;
-	grid-template-columns: auto 1fr 32px;
-	grid-column-gap: 8px;
-	align-content: flex-start;
-	align-items: flex-start;
-	padding-top: 8px !important;
-}
-
-.filters-select {
-	margin-top: 4px;
-}
-
-.filters-select {
-	grid-column: 1 / -1;
-}
-
-.filter-line {
-	grid-column: 1 / -1;
-	display: grid;
-	grid-template-columns: subgrid;
-	grid-column-gap: 8px;
-	align-items: flex-start;
-}
-
-.filter-line__field {
-	grid-column: 2;
-	min-width: 0;
-}
-
-::ng-deep .mat-dialog-container > .ng-star-inserted {
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-}
-
-.filters-form {
-	flex: 1 0 auto;
-	display: flex;
-	flex-direction: column;
-}
-
-::ng-deep .mat-dialog-container {
-	display: flex;
-}
-
-.filters-content {
-	flex: 1 0 auto;
-}
-
-.column-name {
-	margin-top: 18px;
-}
-
-.filter-delete-button {
-	grid-column: 3;
-	margin-top: 4px;
-}
-
-.filter-line ::ng-deep .mat-mdc-form-field-subscript-wrapper {
-	display: none;
-}
-
-.filter-line {
-	margin-bottom: 12px;
-}
-
-@media (width <= 600px) {
-	.filters-content {
-		grid-template-columns: 1fr 32px;
-	}
-
-	.filter-line {
-		grid-template-columns: 1fr 32px;
-		grid-template-areas:
-			"name name"
-			"field button";
-		row-gap: 2px;
-	}
-
-	.column-name {
-		grid-area: name;
-		grid-column: 1 / -1;
-		margin: 0;
-		font-size: 12px;
-		font-weight: 600;
-		opacity: 0.6;
-	}
-
-	.filter-line__field {
-		grid-area: field;
-		grid-column: 1;
-	}
-
-	.filter-delete-button {
-		grid-area: button;
-		grid-column: 2;
-		margin-top: 0;
-	}
-}
-
-.settings-form__reset-button {
-	margin-right: auto;
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.html
deleted file mode 100644
index ba75065cb..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.html
+++ /dev/null
@@ -1,79 +0,0 @@
-<form #tableFiltersForm="ngForm" class="filters-form">
-    <h1 mat-dialog-title class="filters-header">
-        <span class="filters-header__text">
-            <span class="filters-header__label">Filters</span>
-            <span class="filters-header__table">Table: {{ data.displayTableName }}</span>
-        </span>
-        <a mat-icon-button mat-dialog-close
-            class="filters-header__settings"
-            routerLink="/dashboard/{{data.connectionID}}/{{data.tableName}}/settings"
-            matTooltip="Advanced settings">
-            <mat-icon>settings</mat-icon>
-        </a>
-    </h1>
-    <app-content-loader *ngIf="!tableFilters || !tableTypes; else filterControls"></app-content-loader>
-    <ng-template #filterControls>
-        <mat-dialog-content class="filters-content">
-            <mat-form-field class="filters-select" appearance="outline">
-                <mat-label>Add filter by...</mat-label>
-                <input type="text" matInput name="filter_columns"
-                    [matAutocomplete]="auto"
-                    [formControl]="fieldSearchControl">
-                <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" (optionSelected)="addFilter($event)">
-                    <mat-option *ngFor="let field of foundFields | async"
-                        [value]="field.key"
-                        [disabled]="isFieldAlreadyFiltered(field.key)">
-                        {{ field.label }}
-                    </mat-option>
-                </mat-autocomplete>
-            </mat-form-field>
-
-            @for (value of tableRowFieldsShown | keyvalue; track value.key) {
-                <div class="filter-line">
-                    <span class='mat-body-1 column-name'>{{ getFieldLabel(value.key) }}</span>
-                    <div class="filter-line__field">
-                        <ndc-dynamic
-                            [ndcDynamicComponent]="getFilterComponent(value.key)"
-                            [ndcDynamicInputs]="getFilterInputs(value.key)"
-                            [ndcDynamicOutputs]="{
-                                onFieldChange: { handler: updateField, args: ['$event', value.key] },
-                                onComparatorChange: { handler: updateComparatorFromComponent, args: ['$event', value.key] }
-                            }"
-                        ></ndc-dynamic>
-                    </div>
-                    <button mat-icon-button type="button" class="filter-delete-button"
-                        matTooltip="Remove"
-                        (click)="removeFilter(value.key)">
-                        <mat-icon>close</mat-icon>
-                    </button>
-                </div>
-            }
-        </mat-dialog-content>
-    </ng-template>
-
-    <mat-dialog-actions align="end">
-        <button mat-flat-button color="warn"
-            mat-dialog-close="reset"
-            type="button"
-            class="settings-form__reset-button"
-            [disabled]="tableFilters?.length === 0"
-            (click)="resetFilters()">
-            Reset
-        </button>
-        <button mat-flat-button mat-dialog-close
-            type="button"
-            angulartics2On="click"
-            angularticsAction="Filters: cancel is clicked"
-            (click)="posthog.capture('Filters: cancel is clicked')">
-            Cancel
-        </button>
-        <button mat-flat-button mat-dialog-close="filter"
-            color="primary" type="submit"
-            [disabled]="tableFiltersCount === 0"
-            angulartics2On="click"
-            angularticsAction="Filters: filter is clicked"
-            (click)="posthog.capture('Filters: filter is clicked')">
-            Filter
-        </button>
-    </mat-dialog-actions>
-</form>
\ No newline at end of file
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.spec.ts
deleted file mode 100644
index 772470d9c..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.spec.ts
+++ /dev/null
@@ -1,249 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { DbTableFiltersDialogComponent } from './db-table-filters-dialog.component';
-
-describe('DbTableFiltersDialogComponent', () => {
-	let component: DbTableFiltersDialogComponent;
-	let fixture: ComponentFixture<DbTableFiltersDialogComponent>;
-
-	const fakeFirstName = {
-		column_name: 'FirstName',
-		column_default: null,
-		data_type: 'varchar',
-		isExcluded: false,
-		isSearched: false,
-		auto_increment: false,
-		allow_null: false,
-		character_maximum_length: 30,
-	};
-	const fakeId = {
-		column_name: 'Id',
-		column_default: 'auto_increment',
-		data_type: 'int',
-		isExcluded: false,
-		isSearched: false,
-		auto_increment: true,
-		allow_null: false,
-		character_maximum_length: null,
-	};
-	const fakeBool = {
-		column_name: 'bool',
-		column_default: null,
-		data_type: 'tinyint',
-		isExcluded: false,
-		isSearched: true,
-		auto_increment: false,
-		allow_null: true,
-		character_maximum_length: 1,
-	};
-
-	const mockTableDataSource_Structure = [fakeFirstName, fakeId, fakeBool];
-
-	const mockTableDataSource_ForeignKeysList = ['Id'];
-
-	const mockTableDataSource_ForeignKeys = {
-		Id: {
-			referenced_column_name: 'CustomerId',
-			referenced_table_name: 'Customers',
-			constraint_name: 'Orders_ibfk_2',
-			column_name: 'Id',
-		},
-	};
-
-	const mockStructureForFilterDialog = {
-		structure: mockTableDataSource_Structure,
-		foreignKeysList: mockTableDataSource_ForeignKeysList,
-		foreignKeys: mockTableDataSource_ForeignKeys,
-		widgets: [],
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				MatDialogModule,
-				FormsModule,
-				ReactiveFormsModule,
-				MatAutocompleteModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot(),
-				DbTableFiltersDialogComponent,
-			],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						connectionID: '12345678',
-						tableName: 'users',
-						displayTableName: 'Users',
-						structure: mockStructureForFilterDialog,
-					},
-				},
-				{ provide: MatDialogRef, useValue: {} },
-				// { provide: ActivatedRoute, useValue: {} }
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DbTableFiltersDialogComponent);
-		component = fixture.componentInstance;
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should setup the initial state of fields list and types', async () => {
-		component.ngOnInit();
-		fixture.detectChanges();
-		await fixture.whenStable();
-
-		expect(component.tableForeignKeys).toEqual(mockStructureForFilterDialog.foreignKeys);
-		expect(component.fields).toEqual([
-			{ key: 'FirstName', label: 'FirstName' },
-			{ key: 'Id', label: 'Id' },
-			{ key: 'bool', label: 'bool' },
-		]);
-		expect(component.tableRowStructure).toEqual({
-			FirstName: fakeFirstName,
-			Id: fakeId,
-			bool: fakeBool,
-		});
-	});
-
-	it('should setup the initial state from search params', async () => {
-		component.route.snapshot.queryParams = {
-			filters: '(FirstName:(contains:nn))',
-		};
-
-		component.ngOnInit();
-		fixture.detectChanges();
-		await fixture.whenStable();
-
-		expect(component.tableFilters).toEqual(['FirstName']);
-		expect(component.tableRowFieldsShown).toEqual({
-			FirstName: 'nn',
-		});
-		expect(component.tableRowFieldsComparator).toEqual({
-			FirstName: 'contains',
-		});
-	});
-
-	it('should setup the initial state from isSearched table settings', async () => {
-		component.ngOnInit();
-		fixture.detectChanges();
-		await fixture.whenStable();
-
-		expect(component.tableFilters).toEqual(['bool']);
-		expect(component.tableRowFieldsShown).toEqual({
-			bool: undefined,
-		});
-		expect(component.tableRowFieldsComparator).toEqual({
-			bool: 'eq',
-		});
-	});
-
-	it('should update a field in the model from ui component', () => {
-		component.tableRowFieldsShown = { name: 'John' };
-		component.updateField('new user name', 'name');
-
-		expect(component.tableRowFieldsShown.name).toEqual('new user name');
-	});
-
-	it('should reset filters', () => {
-		component.tableFilters = ['FirstName', 'Id'];
-		component.tableRowFieldsShown = {
-			FirstName: 'John',
-			Id: '111',
-		};
-		component.resetFilters();
-
-		expect(component.tableFilters).toEqual([]);
-		expect(component.tableRowFieldsShown).toEqual({});
-	});
-
-	it('should return number type of comparator select if data type is datetime', () => {
-		const comparatorType = component.getComparatorType('datetime');
-		expect(comparatorType).toEqual('number');
-	});
-
-	it('should return nonComparable type of comparator select if data type neither text nor number', () => {
-		const comparatorType = component.getComparatorType(undefined);
-		expect(comparatorType).toEqual('nonComparable');
-	});
-
-	it('should receive comparator from EmailFilterComponent after it renders', async () => {
-		component.setWidgets([
-			{
-				field_name: 'FirstName',
-				widget_type: 'Email',
-				widget_params: '// No settings required',
-				name: '',
-				description: '',
-			},
-		]);
-
-		component.addFilter({ option: { value: 'FirstName' } });
-
-		// Default comparator is 'eq' from addFilter
-		expect(component.tableRowFieldsComparator['FirstName']).toEqual('eq');
-
-		// Trigger change detection so ndc-dynamic renders EmailFilterComponent
-		fixture.detectChanges();
-		await fixture.whenStable();
-
-		// EmailFilterComponent emits 'eq' (default mode) in ngAfterViewInit,
-		// which updateComparatorFromComponent receives
-		expect(component.tableRowFieldsComparator['FirstName']).toEqual('eq');
-	});
-
-	it('should recognize widgets when passed as object (real app format)', () => {
-		const widgetsObject = {
-			FirstName: {
-				field_name: 'FirstName',
-				widget_type: 'Email',
-				widget_params: {},
-				name: '',
-				description: '',
-			},
-		};
-
-		component.data.structure.widgets = widgetsObject;
-		component.ngOnInit();
-
-		expect(component.isWidget('FirstName')).toBe(true);
-	});
-
-	it('should report fields with active filters as already filtered', () => {
-		component.tableRowFieldsShown = { FirstName: 'John' };
-		expect(component.isFieldAlreadyFiltered('FirstName')).toBe(true);
-		expect(component.isFieldAlreadyFiltered('Id')).toBe(false);
-	});
-
-	it('should use widget name as field label when widget has a name', () => {
-		component.data.structure.widgets = {
-			FirstName: {
-				field_name: 'FirstName',
-				widget_type: 'Email',
-				widget_params: {},
-				name: 'Customer Email',
-				description: '',
-			},
-		};
-		component.ngOnInit();
-
-		expect(component.fields).toEqual(expect.arrayContaining([{ key: 'FirstName', label: 'Customer Email' }]));
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.ts
deleted file mode 100644
index 407f6e218..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-filters-dialog/db-table-filters-dialog.component.ts
+++ /dev/null
@@ -1,343 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, Inject, KeyValueDiffer, KeyValueDiffers, OnInit, Type } from '@angular/core';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { ActivatedRoute, RouterModule } from '@angular/router';
-import JsonURL from '@jsonurl/jsonurl';
-import { Angulartics2OnModule } from 'angulartics2';
-import JSON5 from 'json5';
-import { DynamicModule } from 'ng-dynamic-component';
-import { SignalComponentIoModule } from 'ng-dynamic-component/signal-component-io';
-import posthog from 'posthog-js';
-import { Observable } from 'rxjs';
-import { map, startWith } from 'rxjs/operators';
-import { UIwidgets as FilterUIwidgets, filterTypes } from 'src/app/consts/filter-types';
-import { UIwidgets as EditUIwidgets } from 'src/app/consts/record-edit-types';
-import { getComparatorsFromUrl, getFiltersFromUrl } from 'src/app/lib/parse-filter-params';
-import { getTableTypes } from 'src/app/lib/setup-table-row-structure';
-import { TableField, TableForeignKey, Widget } from 'src/app/models/table';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { ContentLoaderComponent } from '../../../ui-components/content-loader/content-loader.component';
-import { DefaultFilterComponent } from '../../../ui-components/filter-fields/default-filter/default-filter.component';
-
-@Component({
-	selector: 'app-db-table-filters-dialog',
-	templateUrl: './db-table-filters-dialog.component.html',
-	styleUrls: ['./db-table-filters-dialog.component.css'],
-	imports: [
-		CommonModule,
-		ReactiveFormsModule,
-		FormsModule,
-		MatAutocompleteModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatButtonModule,
-		MatIconModule,
-		DynamicModule,
-		SignalComponentIoModule,
-		RouterModule,
-		MatDialogModule,
-		Angulartics2OnModule,
-		ContentLoaderComponent,
-	],
-})
-export class DbTableFiltersDialogComponent implements OnInit, AfterViewInit {
-	protected posthog = posthog;
-	public tableFilters = [];
-	public fieldSearchControl = new FormControl('');
-
-	public fields: { key: string; label: string }[];
-	public foundFields: Observable<{ key: string; label: string }[]>;
-
-	public tableRowFields: Object;
-	public tableRowStructure: Object;
-	public tableRowFieldsShown: Record<string, string> = {};
-	public tableRowFieldsComparator: Object = {};
-	public tableForeignKeys: { [key: string]: TableForeignKey };
-	public tableFiltersCount: number;
-	public differ: KeyValueDiffer<string, any>;
-	public tableTypes: Object;
-	public tableWidgets: object;
-	public UIwidgets = { ...EditUIwidgets, ...FilterUIwidgets };
-	public autofocusField: string | null = null;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: any,
-		private _connections: ConnectionsService,
-		public route: ActivatedRoute,
-		private differs: KeyValueDiffers,
-	) {
-		this.differ = this.differs.find({}).create();
-	}
-
-	ngOnInit(): void {
-		this.tableForeignKeys = { ...this.data.structure.foreignKeys };
-		this.tableRowFields = Object.assign(
-			{},
-			...this.data.structure.structure.map((field: TableField) => ({ [field.column_name]: undefined })),
-		);
-		this.tableTypes = getTableTypes(this.data.structure.structure, this.data.structure.foreignKeysList);
-		this.tableRowStructure = Object.assign(
-			{},
-			...this.data.structure.structure.map((field: TableField) => {
-				return { [field.column_name]: field };
-			}),
-		);
-
-		if (this.data.autofocusField) {
-			this.autofocusField = this.data.autofocusField;
-		}
-
-		const queryParams = this.route.snapshot.queryParams;
-
-		if (queryParams.saved_filter) {
-			this.tableFilters = [];
-			this.tableRowFieldsShown = {};
-			this.tableRowFieldsComparator = {};
-		} else {
-			let filters = {};
-			if (queryParams.filters) filters = JsonURL.parse(queryParams.filters);
-			const filtersValues = getFiltersFromUrl(filters);
-
-			if (Object.keys(filtersValues).length) {
-				this.tableFilters = Object.keys(filtersValues).map((key) => key);
-				this.tableRowFieldsShown = filtersValues;
-				this.tableRowFieldsComparator = getComparatorsFromUrl(filters);
-			} else {
-				const fieldsToSearch = this.data.structure.structure.filter((field: TableField) => field.isSearched);
-				if (fieldsToSearch.length) {
-					this.tableFilters = fieldsToSearch.map((field: TableField) => field.column_name);
-					this.tableRowFieldsShown = Object.assign(
-						{},
-						...fieldsToSearch.map((field: TableField) => ({ [field.column_name]: undefined })),
-					);
-					this.tableRowFieldsComparator = Object.assign(
-						{},
-						...fieldsToSearch.map((field: TableField) => ({ [field.column_name]: 'eq' })),
-					);
-				}
-			}
-		}
-
-		const widgets = this.data.structure.widgets;
-		const widgetsArray = Array.isArray(widgets) ? widgets : Object.values(widgets || {});
-		if (widgetsArray.length) {
-			this.setWidgets(widgetsArray);
-		}
-
-		this.fields = this.data.structure.structure
-			.filter((field: TableField) => this.getInputType(field.column_name) !== 'file')
-			.map((field: TableField) => ({
-				key: field.column_name,
-				label: this.getFieldLabel(field.column_name),
-			}));
-
-		if (this.autofocusField && this.tableFilters && !this.tableFilters.includes(this.autofocusField)) {
-			this.tableFilters.push(this.autofocusField);
-			if (!this.tableRowFieldsShown[this.autofocusField]) {
-				this.tableRowFieldsShown[this.autofocusField] = undefined;
-			}
-			if (!this.tableRowFieldsComparator[this.autofocusField]) {
-				this.tableRowFieldsComparator[this.autofocusField] = 'eq';
-			}
-		}
-
-		this.foundFields = this.fieldSearchControl.valueChanges.pipe(
-			startWith(''),
-			map((value) => this._filter(value || '')),
-		);
-	}
-
-	ngAfterViewInit(): void {
-		if (this.autofocusField) {
-			setTimeout(() => {
-				this.focusOnField(this.autofocusField);
-			}, 200);
-		}
-	}
-
-	focusOnField(fieldName: string) {
-		const selectors = [
-			`input[name*="${fieldName}"]`,
-			`textarea[name*="${fieldName}"]`,
-			`[data-field="${fieldName}"] input`,
-			`[data-field="${fieldName}"] textarea`,
-			`mat-form-field:has([name*="${fieldName}"]) input`,
-			`mat-form-field:has([name*="${fieldName}"]) textarea`,
-		];
-
-		for (const selector of selectors) {
-			try {
-				const element = document.querySelector(selector) as HTMLElement;
-				if (element) {
-					element.focus();
-					element.scrollIntoView({ behavior: 'smooth', block: 'center' });
-					return;
-				}
-			} catch (e) {
-				// Continue to next selector if this one fails
-			}
-		}
-
-		// Fallback: try to find by key attribute in ndc-dynamic components
-		const allInputs = document.querySelectorAll('input, textarea');
-		for (let i = 0; i < allInputs.length; i++) {
-			const input = allInputs[i] as HTMLElement;
-			const formField = input.closest('mat-form-field');
-			if (formField) {
-				const label = formField.querySelector('mat-label');
-				if (label && label.textContent && label.textContent.trim() === fieldName) {
-					input.focus();
-					input.scrollIntoView({ behavior: 'smooth', block: 'center' });
-					return;
-				}
-			}
-		}
-	}
-
-	isFieldAlreadyFiltered(key: string): boolean {
-		return Object.hasOwn(this.tableRowFieldsShown, key);
-	}
-
-	getFieldLabel(key: string): string {
-		return this.tableWidgets?.[key]?.name || key;
-	}
-
-	getFilterComponent(field: string): Type<any> {
-		const valueComponent = this.resolveValueComponent(field);
-		const innerType = (valueComponent as { type?: string })?.type;
-		if (innerType === 'text' || innerType === 'number' || innerType === 'datetime') {
-			return DefaultFilterComponent;
-		}
-		return valueComponent;
-	}
-
-	getFilterInputs(field: string): Record<string, any> {
-		const valueComponent = this.resolveValueComponent(field);
-		const innerType = (valueComponent as { type?: string })?.type;
-		const baseInputs: Record<string, any> = {
-			key: field,
-			label: this.getFieldLabel(field),
-			value: this.tableRowFieldsShown[field],
-			structure: this.tableRowStructure[field],
-			relations: this.tableTypes[field] === 'foreign key' ? this.tableForeignKeys[field] : undefined,
-			autofocus: this.autofocusField === field,
-		};
-
-		if (innerType === 'text' || innerType === 'number' || innerType === 'datetime') {
-			return {
-				...baseInputs,
-				valueComponent,
-				comparator: this.tableRowFieldsComparator[field] || 'eq',
-			};
-		}
-
-		if (this.isWidget(field)) {
-			return { ...baseInputs, widgetStructure: this.tableWidgets[field] };
-		}
-
-		return baseInputs;
-	}
-
-	private _filter(value: string): { key: string; label: string }[] {
-		const v = value.toLowerCase();
-		return this.fields.filter((field) => field.key.toLowerCase().includes(v) || field.label.toLowerCase().includes(v));
-	}
-
-	ngDoCheck() {
-		const change = this.differ.diff(this);
-		if (change) {
-			this.tableFiltersCount = Object.keys(this.tableRowFieldsShown).length;
-		}
-	}
-
-	get inputs() {
-		return filterTypes[this._connections.currentConnection.type];
-	}
-
-	setWidgets(widgets: Widget[]) {
-		this.tableWidgets = Object.assign(
-			{},
-			...widgets.map((widget: Widget) => {
-				let params;
-				if (typeof widget.widget_params === 'string' && widget.widget_params !== '// No settings required') {
-					params = JSON5.parse(widget.widget_params);
-				} else if (typeof widget.widget_params !== 'string') {
-					params = widget.widget_params;
-				} else {
-					params = '';
-				}
-				return {
-					[widget.field_name]: { ...widget, widget_params: params },
-				};
-			}),
-		);
-	}
-
-	isWidget(columnName: string) {
-		return this.tableWidgets && columnName in this.tableWidgets;
-	}
-
-	updateField = (updatedValue: any, field: string) => {
-		this.tableRowFieldsShown[field] = updatedValue;
-	};
-
-	updateComparatorFromComponent = (comparator: string, field: string) => {
-		this.tableRowFieldsComparator[field] = comparator;
-	};
-
-	addFilter(e) {
-		const key = e.option.value;
-		this.tableRowFieldsShown = { ...this.tableRowFieldsShown, [key]: this.tableRowFields[key] };
-		this.tableRowFieldsComparator = {
-			...this.tableRowFieldsComparator,
-			[key]: this.tableRowFieldsComparator[key] || 'eq',
-		};
-		this.fieldSearchControl.setValue('');
-	}
-
-	resetFilters() {
-		this.tableFilters = [];
-		this.tableRowFieldsShown = {};
-	}
-
-	getInputType(field: string) {
-		let widgetType;
-		if (this.isWidget(field)) {
-			widgetType = this.UIwidgets[this.tableWidgets[field].widget_type]?.type;
-		} else {
-			widgetType = this.inputs[this.tableTypes[field]]?.type;
-		}
-		return widgetType;
-	}
-
-	getComparatorType(typeOfComponent) {
-		if (typeOfComponent === 'text') {
-			return 'text';
-		} else if (typeOfComponent === 'number' || typeOfComponent === 'datetime') {
-			return 'number';
-		} else {
-			return 'nonComparable';
-		}
-	}
-
-	removeFilter(field) {
-		delete this.tableRowFieldsShown[field];
-		delete this.tableRowFieldsComparator[field];
-	}
-
-	private resolveValueComponent(field: string): Type<any> {
-		if (this.isWidget(field)) {
-			const widgetType = this.tableWidgets[field].widget_type;
-			if (widgetType && this.UIwidgets[widgetType]) {
-				return this.UIwidgets[widgetType];
-			}
-		}
-		return this.inputs[this.tableTypes[field]];
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.css
deleted file mode 100644
index e89768b33..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.css
+++ /dev/null
@@ -1,38 +0,0 @@
-.file-uploader-appearance {
-	display: flex;
-	align-items: center;
-	gap: 12px;
-}
-
-.file-name {
-	color: rgba(0, 0, 0, 0.5);
-	font-style: italic;
-	margin-right: 20px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.file-name {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-.upload-btn {
-	margin-right: 12px;
-}
-
-.form__warning {
-	margin-top: -12px;
-	margin-bottom: 20px;
-}
-
-@media (prefers-color-scheme: light) {
-	.form__warning {
-		color: var(--color-warnPalette-500);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.form__warning {
-		color: var(--color-warnDarkPalette-500);
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.html
deleted file mode 100644
index f9a415586..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<h1 mat-dialog-title>Import</h1>
-<form #importTableForm="ngForm" (ngSubmit)="importCSV()" class="form">
-    <mat-dialog-content>
-        <p *ngIf="data.isTestConnection" class="mat-body-1 form__warning">This is a <strong>TEST DATABASE</strong>, public to all. Avoid importing sensitive data!</p>
-        <div class="file-uploader-appearance">
-            <button mat-stroked-button type="button" (click)="fileInput.click()">Browse File</button>
-            <span>{{ file && file.name ? file.name : 'No file selected.' }}</span>
-            <input #fileInput type="file" class="file-input" name="db-table-file" (change)="onFileSelected($event)" hidden>
-        </div>
-    </mat-dialog-content>
-    <mat-dialog-actions align="end">
-        <button mat-flat-button mat-dialog-close>Cancel</button>
-        <button mat-flat-button type="submit" color="primary" [disabled]="submitting">
-            Import
-        </button>
-    </mat-dialog-actions>
-</form>
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.spec.ts
deleted file mode 100644
index ebfa7760b..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.spec.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { Angulartics2Module } from 'angulartics2';
-import { DbTableImportDialogComponent } from './db-table-import-dialog.component';
-
-describe('DbTableImportDialogComponent', () => {
-	let component: DbTableImportDialogComponent;
-	let fixture: ComponentFixture<DbTableImportDialogComponent>;
-
-	const mockDialogRef = {
-		close: () => {},
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				MatDialogModule,
-				MatSnackBarModule,
-				FormsModule,
-				Angulartics2Module.forRoot(),
-				DbTableImportDialogComponent,
-			],
-			providers: [
-				provideHttpClient(),
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						connectionID: '12345678',
-						tableName: 'users',
-						sortColumn: 'first_name',
-						sortOrder: 'asc',
-						filters: { first_name: { startswith: 'A' } },
-						search: '',
-					},
-				},
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(DbTableImportDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.ts
deleted file mode 100644
index 1567d1f68..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-import-dialog/db-table-import-dialog.component.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { TablesService } from 'src/app/services/tables.service';
-
-@Component({
-	selector: 'app-db-table-import-dialog',
-	templateUrl: './db-table-import-dialog.component.html',
-	styleUrls: ['./db-table-import-dialog.component.css'],
-	imports: [CommonModule, FormsModule, MatButtonModule, MatDialogModule],
-})
-export class DbTableImportDialogComponent {
-	public file: File;
-	public submitting: boolean = false;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: any,
-		private _tables: TablesService,
-		public dialogRef: MatDialogRef<DbTableImportDialogComponent>,
-		private angulartics2: Angulartics2,
-	) {}
-
-	onFileSelected(event: any) {
-		this.file = event.target.files[0];
-	}
-
-	importCSV() {
-		this.submitting = true;
-		this._tables.importTableCSV(this.data.connectionID, this.data.tableName, this.file).subscribe(
-			(_res) => {
-				this.dialogRef.close();
-				this.submitting = false;
-				this.angulartics2.eventTrack.next({
-					action: 'Dashboard: db import is successful',
-				});
-				posthog.capture('Dashboard: db import is successful');
-			},
-			(_err) => {
-				this.submitting = false;
-			},
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.css
deleted file mode 100644
index a8a412789..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.css
+++ /dev/null
@@ -1,270 +0,0 @@
-.row-preview-sidebar {
-	opacity: 0;
-	transform: translateX(100%);
-	min-height: 100%;
-	max-height: calc(100vh - 60px - 56px);
-	width: 0;
-	overflow-y: auto;
-	transition:
-		width 400ms ease,
-		transform 400ms ease,
-		opacity 400ms ease;
-}
-
-.row-preview-sidebar_open {
-	position: relative;
-	background-color: var(--mat-sidenav-content-background-color);
-	border-left: solid 1px rgba(0, 0, 0, 0.12);
-	opacity: 1;
-	transform: translateX(0);
-	width: clamp(200px, 22vw, 400px);
-}
-
-@media (prefers-color-scheme: dark) {
-	.row-preview-sidebar_open {
-		border-left: 1px solid var(--mat-sidenav-container-divider-color);
-		background-color: var(--surface-dark-color);
-	}
-}
-
-@media (width <= 600px) {
-	.row-preview-sidebar_open {
-		position: fixed;
-		top: auto;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		min-height: initial;
-		max-height: calc(80vh + env(safe-area-inset-bottom, 0px));
-		width: 100vw;
-		z-index: 1001;
-		border-top-left-radius: 16px;
-		border-top-right-radius: 16px;
-		border-left: none !important;
-		box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.18);
-		padding-bottom: env(safe-area-inset-bottom, 0px);
-		animation: rowPreviewSlideUp 240ms cubic-bezier(0.2, 0.8, 0.2, 1);
-	}
-}
-
-.row-preview-backdrop {
-	display: none;
-}
-
-.row-preview-sidebar__handle {
-	display: none;
-}
-
-@media (width <= 600px) {
-	.row-preview-backdrop {
-		display: block;
-		position: fixed;
-		inset: 0;
-		background: rgba(0, 0, 0, 0.4);
-		z-index: 1000;
-		animation: rowPreviewBackdropFadeIn 240ms ease-out;
-	}
-
-	.row-preview-sidebar__handle {
-		display: block;
-		width: 36px;
-		height: 4px;
-		border-radius: 2px;
-		background: rgba(0, 0, 0, 0.2);
-		margin: 8px auto 0;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.row-preview-sidebar__handle {
-		background: rgba(255, 255, 255, 0.24);
-	}
-}
-
-@keyframes rowPreviewSlideUp {
-	from {
-		transform: translateY(100%);
-	}
-	to {
-		transform: translateY(0);
-	}
-}
-
-@keyframes rowPreviewBackdropFadeIn {
-	from {
-		opacity: 0;
-	}
-	to {
-		opacity: 1;
-	}
-}
-
-.row-preview-sidebar__header {
-	position: sticky;
-	top: 0;
-	background-color: inherit;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding-top: 20px;
-	padding-bottom: 20px;
-	padding-left: 20px;
-	padding-right: 12px;
-	z-index: 1;
-}
-
-.row-preview-sidebar__title {
-	margin-bottom: 0 !important;
-}
-
-.row-preview-sidebar__actions {
-	display: flex;
-	gap: 4px;
-	margin-right: auto;
-	margin-left: 12px;
-}
-
-.row-preview-sidebar__field {
-	position: relative;
-	display: flex;
-	flex-direction: column;
-	align-items: flex-start;
-	gap: 4px;
-	padding: 12px 20px;
-}
-
-.row-preview-sidebar__field:not(:last-child)::after {
-	content: '';
-	position: absolute;
-	left: 20px;
-	right: 20px;
-	bottom: 0;
-	height: 1px;
-	background: rgba(0, 0, 0, 0.12);
-}
-
-@media (prefers-color-scheme: dark) {
-	.row-preview-sidebar__field:not(:last-child)::after {
-		background: rgba(255, 255, 255, 0.04);
-	}
-}
-
-.row-preview-sidebar__value:has(app-json-editor-record-view),
-.row-preview-sidebar__value:has(app-code-record-view) {
-	width: 100%;
-}
-
-.related-records-section {
-	margin: 8px 0 0;
-	padding: 0 20px;
-}
-
-.related-records-section__title {
-	margin: 0 0 4px !important;
-	padding: 0;
-	font-size: 12px !important;
-	font-weight: 600 !important;
-	line-height: 1.4 !important;
-	text-transform: uppercase;
-	letter-spacing: 0.06em;
-	opacity: 0.6;
-}
-
-.related-records__header {
-	padding: 0 12px 0 8px;
-}
-
-.related-records__table-name {
-	flex: 1 1 auto;
-	min-width: 0;
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	margin-right: 8px;
-}
-
-.related-records__table-name-text {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	min-width: 0;
-}
-
-.related-records__actions {
-	flex: 0 0 auto;
-	justify-content: flex-end;
-	/* Stay clickable even when the panel is disabled (no related records). */
-	pointer-events: auto;
-}
-
-/* Keep the action icons fully dark in every panel state (enabled or
-   disabled), instead of Material's lighter default icon color. */
-.related-records__actions .mat-icon {
-	color: rgba(0, 0, 0, 0.87);
-}
-
-@media (prefers-color-scheme: dark) {
-	.related-records__actions .mat-icon {
-		color: rgba(255, 255, 255, 0.87);
-	}
-}
-
-.related-records__empty-mark {
-	flex: 0 0 auto;
-	font-size: 11px;
-	line-height: 16px;
-	text-transform: uppercase;
-	letter-spacing: 0.04em;
-	padding: 1px 6px;
-	border-radius: 8px;
-	color: rgba(0, 0, 0, 0.5);
-	background: rgba(0, 0, 0, 0.06);
-}
-
-.related-records__add-button {
-	flex: 0 0 auto;
-	white-space: nowrap;
-}
-
-/* Keep header content legible when the panel is disabled (no related
-   records) — disabling only blocks expand/collapse, not the actions. */
-.related-records__panel ::ng-deep .mat-expansion-panel-header[aria-disabled='true'] {
-	color: inherit;
-	cursor: default;
-}
-
-@media (prefers-color-scheme: dark) {
-	.related-records__empty-mark {
-		color: rgba(255, 255, 255, 0.6);
-		background: rgba(255, 255, 255, 0.1);
-	}
-}
-
-.related-record {
-	--mat-list-list-item-two-line-container-height: 60px;
-
-	padding-left: 8px;
-	padding-right: 8px;
-}
-
-.related-record__open {
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.related-record__open {
-		color: rgba(255, 255, 255, 0.7);
-	}
-}
-
-.related-record ::ng-deep .mdc-list-item__primary-text::before {
-	height: 24px;
-}
-
-.related-records__panel ::ng-deep .mat-expansion-panel-body {
-	padding: 0 8px;
-}
-.related-record ::ng-deep .mdc-list-item__end {
-	margin-right: -8px !important;
-	margin-left: 4px !important;
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html
deleted file mode 100644
index f765fdc64..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html
+++ /dev/null
@@ -1,145 +0,0 @@
-<div *ngIf="selectedRow"
-    class="row-preview-backdrop"
-    (click)="handleClose()"></div>
-<div *ngIf="selectedRow"
-    class="row-preview-sidebar"
-    [ngClass]="{'row-preview-sidebar_open': selectedRow}">
-    <div class="row-preview-sidebar__handle" aria-hidden="true"></div>
-    <div class="row-preview-sidebar__header">
-        <h2 class="mat-heading-2 row-preview-sidebar__title">Preview</h2>
-        <div class="row-preview-sidebar__actions">
-            <button mat-icon-button *ngIf="selectedRow.link"
-                matTooltip="Copy link to this record"
-                [cdkCopyToClipboard]="getDedicatedPageLink()"
-                (cdkCopyToClipboardCopied)="showCopyNotification('Link to this record was copied to clipboard.')">
-                <mat-icon>link</mat-icon>
-            </button>
-            <a mat-icon-button *ngIf="selectedRow.link"
-                [routerLink]="selectedRow.link"
-                [queryParams]="getDedicatedPageLinkParams()"
-                matTooltip="Open the record"
-                (click)="stashUrlParams()">
-                <mat-icon fontSet="material-symbols-outlined">create</mat-icon>
-            </a>
-        </div>
-        <button mat-icon-button (click)="handleClose()">
-            <mat-icon>close</mat-icon>
-        </button>
-    </div>
-
-    <div *ngIf="selectedRow?.relatedRecords?.referenced_by?.length" class="related-records-section">
-        <h3 class="related-records-section__title">Related records</h3>
-
-        <mat-accordion multi="true">
-            <mat-expansion-panel *ngFor="let referencedTable of referencedTables; let i = index" class="related-records__panel"
-                [disabled]="referencedRecords[referencedTable.table_name] && !referencedRecords[referencedTable.table_name].rows.length"
-                [hideToggle]="referencedRecords[referencedTable.table_name] && !referencedRecords[referencedTable.table_name].rows.length">
-                <mat-expansion-panel-header class="related-records__header">
-                    <mat-panel-title class="related-records__table-name">
-                        <span class="related-records__table-name-text" [matTooltip]="referencedTable.displayTableName">{{referencedTable.displayTableName}}</span>
-                        <span *ngIf="referencedRecords[referencedTable.table_name] && !referencedRecords[referencedTable.table_name].rows.length"
-                            class="related-records__empty-mark">
-                            Empty
-                        </span>
-                    </mat-panel-title>
-                    <mat-panel-description class="related-records__actions">
-                        <mat-spinner *ngIf="!referencedRecords[referencedTable.table_name]" diameter="20"></mat-spinner>
-                        <a mat-icon-button *ngIf="referencedRecords[referencedTable.table_name]" target="_blank"
-                            class="related-records__add-button"
-                            routerLink="/dashboard/{{selectedRow.connectionID}}/{{referencedTable.table_name}}/entry"
-                            matTooltip="Add a new record to {{referencedTable.displayTableName}}"
-                            (click)="handleClose(); $event.stopPropagation()">
-                            <mat-icon>add</mat-icon>
-                        </a>
-                        <!--<a mat-icon-button *ngIf="referencedRecords[referencedTable.table_name] && referencedRecords[referencedTable.table_name].rows.length"
-                            target="_blank"
-                            [routerLink]="['/dashboard', selectedRow.connectionID, referencedTable.table_name, 'settings']"
-                            matTooltip="Set up records view"
-                            (click)="handleClose()">
-                            <mat-icon>settings</mat-icon>
-                        </a>-->
-                        <a mat-icon-button *ngIf="referencedRecords[referencedTable.table_name]" target="_blank"
-                            routerLink="/dashboard/{{selectedRow.connectionID}}/{{referencedTable.table_name}}"
-                            [queryParams]="referencedTablesURLParams[i]"
-                            matTooltip="Open records in table view"
-                            (click)="handleClose()">
-                            <mat-icon>open_in_new</mat-icon>
-                        </a>
-                    </mat-panel-description>
-                </mat-expansion-panel-header>
-
-                <mat-list>
-                    <mat-list-item *ngFor="let row of referencedRecords[referencedTable.table_name]?.rows; let i = index" class="related-record">
-                        <span matListItemTitle style="margin-left: -4px;">
-                            <strong *ngIf="!referencedRecords[referencedTable.table_name].identityColumn.isSet">
-                                {{referencedRecords[referencedTable.table_name].identityColumn.displayName}}:&nbsp;
-                            </strong>
-                            {{ row[referencedRecords[referencedTable.table_name].identityColumn.fieldName] }}
-                        </span>
-
-                        <span matListItemLine>
-                            <span *ngFor="let field of referencedRecords[referencedTable.table_name].fieldsOrder">
-                                <strong>{{field.displayName}}:</strong>
-                                {{ row[field.fieldName] || '—' }};
-                            </span>
-                        </span>
-
-                        <div matListItemMeta>
-                            <a mat-icon-button
-                                class="related-record__open"
-                                matTooltip="Open record"
-                                [routerLink]="['/dashboard', selectedRow.connectionID, referencedTable.table_name, 'entry']"
-                                [queryParams]="referencedRecords[referencedTable.table_name]?.links[i]"
-                                (click)="handleClose()">
-                                <mat-icon>chevron_right</mat-icon>
-                            </a>
-                        </div>
-                        
-                    </mat-list-item>
-                </mat-list>
-            </mat-expansion-panel>
-        </mat-accordion>
-    </div>
-
-    <ng-container *ngIf="selectedRow && selectedRow.record; else loadingContent">
-        <div *ngFor="let column of columns; let i = index" class="row-preview-sidebar__field">
-            <strong>{{column.normalizedTitle}}</strong>
-            <div class="row-preview-sidebar__value ph-no-capture">
-                <ng-container *ngIf="isForeignKey(column.title); else recordContent">
-                    <app-foreign-key-record-view
-                        link="/dashboard/{{selectedRow.connectionID}}/{{selectedRow.foreignKeys[column.title]?.referenced_table_name}}/entry"
-                        [primaryKeysParams]="getForeignKeyQueryParams(column.title)"
-                        [displayValue]="getForeignKeyValue(column.title)"
-                        (onForeignKeyClick)="handleClose()">
-                    </app-foreign-key-record-view>
-                </ng-container>
-
-                <ng-template #recordContent>
-                    <ndc-dynamic *ngIf="isWidget(column.title) && selectedRow.widgets[column.title].widget_type; else simpleValue"
-                        [ndcDynamicComponent]="UIwidgets[selectedRow.widgets[column.title].widget_type]"
-                        [ndcDynamicInputs]="{
-                            key: column.title,
-                            value: selectedRow.record[column.title],
-                            widgetStructure: selectedRow.widgets[column.title],
-                            rowData: selectedRow.record,
-                            primaryKeys: selectedRow.primaryKeys
-                        }">
-                    </ndc-dynamic>
-                    <ng-template #simpleValue>
-                        <ndc-dynamic
-                            [ndcDynamicComponent]="recordViewComponents[selectedRow.fieldsTypes[column.title]]"
-                            [ndcDynamicInputs]="{
-                                key: column.title,
-                                value: selectedRow.record[column.title]
-                            }">
-                        </ndc-dynamic>
-                    </ng-template>
-                </ng-template>
-            </div>
-        </div>
-    </ng-container>
-
-    <ng-template #loadingContent>
-        <app-placeholder-record-view></app-placeholder-record-view>
-    </ng-template>
-</div>
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.spec.ts
deleted file mode 100644
index 70f8737fc..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.spec.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { ActivatedRoute } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { DbTableRowViewComponent } from './db-table-row-view.component';
-
-describe('DbTableRowViewComponent', () => {
-	let component: DbTableRowViewComponent;
-	let fixture: ComponentFixture<DbTableRowViewComponent>;
-
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, DbTableRowViewComponent, Angulartics2Module.forRoot()],
-			providers: [provideHttpClient(), { provide: ActivatedRoute, useValue: {} }],
-		});
-		fixture = TestBed.createComponent(DbTableRowViewComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	describe('getForeignKeyValue', () => {
-		const baseRow = {
-			foreignKeys: {
-				user_id: {
-					column_name: 'user_id',
-					constraint_name: 'fk_user',
-					referenced_column_name: 'id',
-					referenced_table_name: 'users',
-				},
-			},
-		};
-
-		it('returns null when record field is null', () => {
-			component.selectedRow = { ...baseRow, record: { user_id: null } } as any;
-			expect(component.getForeignKeyValue('user_id')).toBeNull();
-		});
-
-		it('returns null when record field is undefined', () => {
-			component.selectedRow = { ...baseRow, record: {} } as any;
-			expect(component.getForeignKeyValue('user_id')).toBeNull();
-		});
-
-		it('returns identity column value when FK object has one', () => {
-			component.selectedRow = {
-				...baseRow,
-				record: { user_id: { id: 42, name: 'alice' } },
-			} as any;
-			expect(component.getForeignKeyValue('user_id')).toBe('alice');
-		});
-
-		it('returns primitive FK value as-is (including 0)', () => {
-			component.selectedRow = { ...baseRow, record: { user_id: 0 } } as any;
-			expect(component.getForeignKeyValue('user_id')).toBe(0);
-		});
-
-		it('returns primitive FK value as-is (including empty string)', () => {
-			component.selectedRow = { ...baseRow, record: { user_id: '' } } as any;
-			expect(component.getForeignKeyValue('user_id')).toBe('');
-		});
-	});
-
-	describe('getForeignKeyQueryParams', () => {
-		const baseRow = {
-			foreignKeys: {
-				user_id: {
-					column_name: 'user_id',
-					constraint_name: 'fk_user',
-					referenced_column_name: 'id',
-					referenced_table_name: 'users',
-				},
-			},
-		};
-
-		it('returns {} when record field is null', () => {
-			component.selectedRow = { ...baseRow, record: { user_id: null } } as any;
-			expect(component.getForeignKeyQueryParams('user_id')).toEqual({});
-		});
-
-		it('returns referenced column param when FK is an object', () => {
-			component.selectedRow = {
-				...baseRow,
-				record: { user_id: { id: 42, name: 'alice' } },
-			} as any;
-			expect(component.getForeignKeyQueryParams('user_id')).toEqual({ id: 42 });
-		});
-
-		it('returns referenced column param when FK is a primitive', () => {
-			component.selectedRow = { ...baseRow, record: { user_id: 7 } } as any;
-			expect(component.getForeignKeyQueryParams('user_id')).toEqual({ id: 7 });
-		});
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.ts
deleted file mode 100644
index 13997e992..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.ts
+++ /dev/null
@@ -1,338 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { CommonModule } from '@angular/common';
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatIconModule } from '@angular/material/icon';
-import { MatListModule } from '@angular/material/list';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { ActivatedRoute, RouterModule } from '@angular/router';
-import JsonURL from '@jsonurl/jsonurl';
-import { DynamicModule } from 'ng-dynamic-component';
-import { SignalComponentIoModule } from 'ng-dynamic-component/signal-component-io';
-import { ForeignKeyRecordViewComponent } from 'src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component';
-import { recordViewFieldTypes, UIwidgets } from 'src/app/consts/record-view-types';
-import { formatFieldValue } from 'src/app/lib/format-field-value';
-import { normalizeFieldName, normalizeTableName } from 'src/app/lib/normalize';
-import { TableField, TableRow, Widget } from 'src/app/models/table';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { NotificationsService } from 'src/app/services/notifications.service';
-import { TableStateService } from 'src/app/services/table-state.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { PlaceholderRecordViewComponent } from '../../../skeletons/placeholder-record-view/placeholder-record-view.component';
-
-@Component({
-	selector: 'app-db-table-row-view',
-	templateUrl: './db-table-row-view.component.html',
-	styleUrls: ['./db-table-row-view.component.css'],
-	imports: [
-		MatIconModule,
-		MatButtonModule,
-		ClipboardModule,
-		MatTooltipModule,
-		MatExpansionModule,
-		MatProgressSpinnerModule,
-		MatListModule,
-		RouterModule,
-		CommonModule,
-		PlaceholderRecordViewComponent,
-		ForeignKeyRecordViewComponent,
-		DynamicModule,
-		SignalComponentIoModule,
-	],
-})
-export class DbTableRowViewComponent implements OnInit, OnDestroy {
-	@Input() activeFilters: object;
-
-	public selectedRowCast: any;
-	public selectedRow: TableRow;
-	public columns: {
-		title: string;
-		normalizedTitle: string;
-	}[] = [];
-	public referencedTables: { table_name: string; displayTableName: string; columns: string[] }[] = [];
-	public referencedTablesURLParams: any;
-	public referencedRecords: {} = {};
-	public recordViewComponents;
-	public widgetsMap: { [key: string]: any } = {};
-	public UIwidgets = UIwidgets;
-
-	constructor(
-		private _tables: TablesService,
-		private _tableState: TableStateService,
-		private _notifications: NotificationsService,
-		private _connections: ConnectionsService,
-		private route: ActivatedRoute,
-	) {}
-
-	ngOnInit(): void {
-		// this.connectionID = this._connections.connectionID;
-
-		const connectionType = this._connections.currentConnection.type;
-		this.recordViewComponents = recordViewFieldTypes[connectionType];
-
-		this.selectedRowCast = this._tableState.cast.subscribe((row) => {
-			this.selectedRow = row;
-
-			console.log('Selected row:', this.selectedRow);
-
-			if (row?.columnsOrder) {
-				const columnsOrder = this.selectedRow.columnsOrder.length
-					? this.selectedRow.columnsOrder
-					: Object.keys(this.selectedRow.record);
-
-				this.columns = columnsOrder.map((column) => {
-					return {
-						title: column,
-						normalizedTitle: row.widgets[column]?.name || normalizeFieldName(column),
-					};
-				});
-
-				if (row.relatedRecords?.referenced_by?.length) {
-					this.referencedRecords = {};
-
-					this.referencedTables = row.relatedRecords.referenced_by.map((table: any) => {
-						return { ...table, displayTableName: table.display_name || normalizeTableName(table.table_name) };
-					});
-
-					this.referencedTablesURLParams = row.relatedRecords.referenced_by.map((table: any) => {
-						const params = {
-							[table.column_name]: {
-								eq: row.record[row.relatedRecords.referenced_on_column_name],
-							},
-						};
-						return {
-							filters: JsonURL.stringify(params),
-							page_index: 0,
-						};
-					});
-
-					row.relatedRecords.referenced_by.forEach((table: any) => {
-						const filters = {
-							[table.column_name]: {
-								eq: row.record[row.relatedRecords.referenced_on_column_name],
-							},
-						};
-
-						this._tables
-							.fetchTable({
-								connectionID: row.connectionID,
-								tableName: table.table_name,
-								requstedPage: 1,
-								chunkSize: 30,
-								filters,
-							})
-							.subscribe((res) => {
-								let identityColumn = res.identity_column;
-								let fieldsOrder = [];
-
-								const foreignKeyMap = {};
-								for (const fk of res.foreignKeys) {
-									foreignKeyMap[fk.column_name] = fk.referenced_column_name;
-								}
-
-								const tableWidgetsNameMap = res.widgets.reduce((acc, widget: Widget) => {
-									acc[widget.field_name] = widget.name;
-									return acc;
-								}, {});
-
-								// Format each row
-								const formattedRows = res.rows.map((row) => {
-									const formattedRow = {};
-
-									for (const key in row) {
-										if (foreignKeyMap[key] && typeof row[key] === 'object' && row[key] !== null) {
-											const preferredKey = Object.keys(row[key]).find((k) => k !== foreignKeyMap[key]);
-											formattedRow[key] = preferredKey ? row[key][preferredKey] : row[key][foreignKeyMap[key]];
-										} else {
-											formattedRow[key] = formatFieldValue(
-												row[key],
-												res.structure.find((field: TableField) => field.column_name === key)?.data_type || 'text',
-											);
-										}
-									}
-									return formattedRow;
-								});
-
-								if (res.identity_column && res.list_fields.length) {
-									identityColumn = {
-										isSet: true,
-										fieldName: res.identity_column,
-										displayName: tableWidgetsNameMap[res.identity_column] || normalizeFieldName(res.identity_column),
-									};
-									fieldsOrder = res.list_fields
-										.filter((field: string) => field !== res.identity_column)
-										.slice(0, 3)
-										.map((field: string) => {
-											return {
-												fieldName: field,
-												displayName: tableWidgetsNameMap[field] || normalizeFieldName(field),
-											};
-										});
-								}
-
-								if (res.identity_column && !res.list_fields.length) {
-									identityColumn = {
-										isSet: true,
-										fieldName: res.identity_column,
-										displayName: tableWidgetsNameMap[res.identity_column] || normalizeFieldName(res.identity_column),
-									};
-									fieldsOrder = res.structure
-										.filter((field: TableField) => field.column_name !== res.identity_column)
-										.slice(0, 3)
-										.map((field: TableField) => {
-											return {
-												fieldName: field.column_name,
-												displayName: tableWidgetsNameMap[field.column_name] || normalizeFieldName(field.column_name),
-											};
-										});
-								}
-
-								if (!res.identity_column && res.list_fields.length) {
-									identityColumn = {
-										isSet: false,
-										fieldName: res.list_fields[0],
-										displayName: tableWidgetsNameMap[res.list_fields[0]] || normalizeFieldName(res.list_fields[0]),
-									};
-									fieldsOrder = res.list_fields.slice(1, 4).map((field: string) => {
-										return {
-											fieldName: field,
-											displayName: tableWidgetsNameMap[field] || normalizeFieldName(field),
-										};
-									});
-								}
-
-								if (!res.identity_column && !res.list_fields.length) {
-									identityColumn = {
-										isSet: false,
-										fieldName: res.structure[0].column_name,
-										displayName:
-											tableWidgetsNameMap[res.structure[0].column_name] ||
-											normalizeFieldName(res.structure[0].column_name),
-									};
-									console.log(identityColumn);
-									fieldsOrder = res.structure.slice(1, 4).map((field: TableField) => {
-										return {
-											fieldName: field.column_name,
-											displayName: tableWidgetsNameMap[field.column_name] || normalizeFieldName(field.column_name),
-										};
-									});
-								}
-
-								const tableRecords = {
-									rows: formattedRows,
-									links: res.rows.map((row) => {
-										return res.primaryColumns.reduce(
-											(keys, column) => {
-												if (res.foreignKeys.map((foreignKey) => foreignKey.column_name).includes(column.column_name)) {
-													const referencedColumnNameOfForeignKey = foreignKeyMap[column.column_name];
-													keys[column.column_name] = row[column.column_name][referencedColumnNameOfForeignKey];
-												} else {
-													keys[column.column_name] = row[column.column_name];
-												}
-												return keys;
-											},
-											{ mode: 'view' },
-										);
-									}),
-									identityColumn,
-									fieldsOrder,
-								};
-
-								this.referencedRecords[table.table_name] = tableRecords;
-							});
-					});
-				}
-			}
-		});
-	}
-
-	ngOnDestroy() {
-		this.selectedRowCast.unsubscribe();
-	}
-
-	isForeignKey(columnName: string) {
-		return this.selectedRow.foreignKeysList.includes(columnName);
-	}
-
-	getForeignKeyValue(field: string) {
-		const cell = this.selectedRow?.record?.[field];
-		if (cell == null) return null;
-		if (typeof cell === 'object') {
-			const referencedColumnName = this.selectedRow.foreignKeys[field].referenced_column_name;
-			const identityColumnName = Object.keys(cell).find((key) => key !== referencedColumnName);
-			if (identityColumnName) return cell[identityColumnName];
-			if (referencedColumnName && cell[referencedColumnName] != null) return cell[referencedColumnName];
-			return null;
-		}
-		return cell;
-	}
-
-	getForeignKeyQueryParams(field: string) {
-		const cell = this.selectedRow?.record?.[field];
-		const referencedColumnName = this.selectedRow?.foreignKeys?.[field]?.referenced_column_name;
-		if (cell == null || !referencedColumnName) return {};
-		return { [referencedColumnName]: typeof cell === 'object' ? cell[referencedColumnName] : cell };
-	}
-
-	isWidget(columnName: string) {
-		return this.selectedRow.widgetsList.includes(columnName);
-	}
-
-	getDedicatedPageLinkParams() {
-		if (this.selectedRow) {
-			const params = {};
-			for (const key in this.selectedRow.primaryKeys) {
-				if (Object.hasOwn(this.selectedRow.primaryKeys, key)) {
-					if (this.selectedRow.foreignKeysList.includes(key)) {
-						const referencedColumnName = this.selectedRow.foreignKeys[key].referenced_column_name;
-						params[key] = this.selectedRow.record[key][referencedColumnName];
-					} else {
-						params[key] = this.selectedRow.primaryKeys[key];
-					}
-				}
-			}
-			return params;
-		}
-		return {};
-	}
-
-	getDedicatedPageLink() {
-		if (this.selectedRow) {
-			const paramsObj = this.getDedicatedPageLinkParams();
-			const params = new URLSearchParams();
-			for (const key in paramsObj) {
-				if (Object.hasOwn(paramsObj, key)) {
-					params.set(key, paramsObj[key]);
-				}
-			}
-			return `${location.origin}${this.selectedRow.link}?${params.toString()}`;
-		}
-		return '';
-	}
-
-	showCopyNotification(message: string) {
-		this._notifications.showSuccessSnackbar(message, 'top');
-	}
-
-	stashUrlParams() {
-		this._tableState.setBackUrlParams(
-			this.route.snapshot.queryParams.page_index,
-			this.route.snapshot.queryParams.page_size,
-			this.route.snapshot.queryParams.sort_active,
-			this.route.snapshot.queryParams.sort_direction,
-		);
-		if (this.activeFilters && Object.keys(this.activeFilters).length > 0) {
-			this._tableState.setBackUrlFilters(this.activeFilters);
-		} else {
-			this._tableState.setBackUrlFilters(null);
-		}
-
-		this._tableState.clearSelection();
-	}
-
-	handleClose() {
-		this._tableState.clearSelection();
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.css
deleted file mode 100644
index 20082639f..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.css
+++ /dev/null
@@ -1,232 +0,0 @@
-:host app-alert:not(:empty) {
-	--alert-margin: 24px;
-}
-
-.settings-page {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	margin: 2.5em 0 0;
-}
-
-.settings-page .mat-mdc-form-field-bottom-align::before {
-	margin-left: 0;
-}
-
-.settings-form {
-	width: 100%;
-}
-
-.settings-fields {
-	display: flex;
-	flex-direction: column;
-	gap: 20px;
-	padding: 24px max(calc(50vw - 325px), 10%) 60px;
-}
-
-@media (width <= 600px) {
-	.settings-fields {
-		gap: 24px;
-		padding: 0 9vw 72px;
-	}
-}
-
-.settings-fields__subheading {
-	margin-top: -4px !important;
-	margin-bottom: 0 !important;
-}
-
-@media (prefers-color-scheme: dark) {
-	.settings-fields__subheading {
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.settings-fields__subheading {
-		color: rgba(0, 0, 0, 0.64);
-	}
-}
-
-.settings-table-display {
-	display: flex;
-	align-items: center;
-	gap: 12px;
-	width: 100%;
-}
-
-.settings-table-display__title {
-	flex-grow: 1;
-}
-
-.settings-fields__heading {
-	margin-top: 20px !important;
-	margin-bottom: -4px !important;
-}
-
-.icon-picker {
-	margin-left: -4px;
-	margin-bottom: 20px;
-}
-
-.order-settings {
-	display: flex;
-	gap: 12px;
-}
-
-.order-settings__panel {
-	flex-grow: 1;
-	position: relative;
-	margin-top: 16px;
-	margin-bottom: 8px;
-}
-
-.order-settings__expansion-panel {
-	position: relative;
-	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15);
-}
-
-.order-settings ::ng-deep .mat-expansion-panel-header {
-	height: auto;
-	min-height: 44px;
-	padding: 0.75em;
-}
-
-.order-settings__reset-button {
-	margin-top: 4px;
-}
-
-.mat-expansion-panel:not(.mat-expanded):hover {
-	box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.87);
-}
-
-.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled="true"]) {
-	background: transparent;
-}
-
-.mat-expansion-panel-header {
-	position: relative;
-	height: 60px;
-	padding: 0 0.75em;
-}
-
-.order__title {
-	position: absolute;
-	top: -12px;
-	left: 8px;
-	display: inline-block;
-	font-size: 0.75em;
-	padding: 4px;
-	z-index: 1;
-}
-
-@media (prefers-color-scheme: dark) {
-	.order__title {
-		background: transparent;
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.order__title {
-		background: #fff;
-		color: rgba(0, 0, 0, 0.6);
-	}
-}
-
-.order-item {
-	background: var(--mat-expansion-container-background-color);
-	color: var(--mat-expansion-container-text-color);
-	box-sizing: border-box;
-	cursor: move;
-	padding: 20px 12px;
-}
-
-.order-item:not(:last-child) {
-	border-bottom: solid 1px var(--mat-table-row-item-outline-color);
-}
-
-.cdk-drag-preview {
-	box-sizing: border-box;
-	border-radius: 4px;
-	box-shadow:
-		0 5px 5px -3px rgba(0, 0, 0, 0.2),
-		0 8px 10px 1px rgba(0, 0, 0, 0.14),
-		0 3px 14px 2px rgba(0, 0, 0, 0.12);
-}
-
-.settings-form__tooltip {
-	margin-bottom: 20px;
-}
-
-.form-group-ordering {
-	display: flex;
-	align-items: center;
-	gap: 12px;
-}
-
-@media (width <= 600px) {
-	.form-group-ordering {
-		flex-direction: column;
-		align-items: flex-start;
-	}
-}
-
-.form-group-ordering__ordering-by {
-	width: 50%;
-}
-
-@media (width <= 600px) {
-	.form-group-ordering__ordering-by {
-		width: 100%;
-	}
-}
-
-.form-group-ordering__order-options {
-	flex-shrink: 0;
-	display: flex;
-	gap: 12px;
-	margin-top: -20px;
-}
-
-.mat-form-field_excludedFields {
-	margin-top: 16px;
-	margin-bottom: 20px;
-}
-
-.actions {
-	position: fixed;
-	left: 0;
-	bottom: 0;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	background-color: var(--background-color);
-	box-shadow: var(--shadow);
-	height: 64px;
-	padding: 0 max(calc(50vw - 325px), 10%);
-	width: 100vw;
-	z-index: 2;
-}
-
-@media (prefers-color-scheme: dark) {
-	.actions {
-		--shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.5), 0 2px 2px 0 rgba(0, 0, 0, 0.64), 0 1px 5px 0 rgba(0, 0, 0, 0.85);
-		--background-color: var(--surface-dark-color);
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.actions {
-		--shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-		--background-color: #fff;
-	}
-}
-
-.settings-form__back-button {
-	margin-right: auto;
-}
-
-.settings-form__save-button {
-	margin-left: 20px;
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.html
deleted file mode 100644
index 6e3f7e20e..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.html
+++ /dev/null
@@ -1,198 +0,0 @@
-<app-alert></app-alert>
-<app-placeholder-table-settings *ngIf="loading"></app-placeholder-table-settings>
-
-<div *ngIf="tableSettings !== null && currentConnection" class="settings-page">
-    <app-breadcrumbs [crumbs]="getCrumbs(currentConnection.title || currentConnection.database)" class="row-breadcrumbs"></app-breadcrumbs>
-    <form #tableSettingsForm="ngForm" class="settings-form" (ngSubmit)="updateSettings()">
-        <div class="settings-fields">
-            <h2 class="mat-heading-2 settings-fields__heading">General settings</h2>
-
-            <div class="settings-table-display">
-                <mat-form-field appearance="outline" class="settings-table-display__title">
-                    <mat-label>Displayed table name</mat-label>
-                    <input matInput [(ngModel)]="tableSettings.display_name" name="display_name" #displayName="ngModel">
-                    <!-- <mat-error *ngIf="title.errors?.required && (title.invalid && title.touched)">Title should not be empty.</mat-error> -->
-                    <mat-hint>Change the name of your table. This will not override your database.</mat-hint>
-                </mat-form-field>
-                <app-icon-picker class="icon-picker" [resetButtonShown]="true"
-                    [icon]="tableSettings.icon"
-                    [defaultIcons]="defaultIcons"
-                    tooltip="Choose an icon"
-                    (onFieldChange)="updateIcon($event)">
-                </app-icon-picker>
-            </div>
-
-            <mat-form-field appearance="outline">
-                <mat-label>Sensitive fields</mat-label>
-                <mat-select multiple
-                    name="columns_sensitive"
-                    [(ngModel)]="tableSettings.sensitive_fields">
-                    <mat-option *ngFor="let field of fields" [value]="field">{{field}}</mat-option>
-                </mat-select>
-                <mat-hint>Choose the fields you want hidden in the "Audit" tab. They won't be logged on our servers.</mat-hint>
-            </mat-form-field>
-
-            <mat-form-field appearance="outline">
-                <mat-label>Identity field</mat-label>
-                <mat-select
-                    name="identity_column"
-                    [(ngModel)]="tableSettings.identity_column">
-                    <mat-option value="">None</mat-option>
-                    <mat-option *ngFor="let field of fields" [value]="field">{{field}}</mat-option>
-                </mat-select>
-                <mat-hint>Select a column you want to display as a foreign key field.</mat-hint>
-            </mat-form-field>
-
-            <mat-slide-toggle name="allow_import"
-                color="primary"
-                [(ngModel)]="tableSettings.allow_csv_import">
-                Allow importing rows from CSV
-            </mat-slide-toggle>
-
-            <mat-slide-toggle name="allow_export"
-                color="primary"
-                [(ngModel)]="tableSettings.allow_csv_export">
-                Allow table export to CSV
-            </mat-slide-toggle>
-
-            <mat-slide-toggle name="can_delete"
-                color="primary"
-                [(ngModel)]="tableSettings.can_delete">
-                Allow row deletion
-            </mat-slide-toggle>
-
-            <h2 class="mat-heading-2 settings-fields__heading">Table view</h2>
-            <mat-form-field appearance="outline">
-                <mat-label>Columns visible by default</mat-label>
-                <mat-select multiple
-                    name="columns_view"
-                    [(ngModel)]="tableSettings.columns_view">
-                    <mat-option *ngFor="let field of fields" [value]="field">{{field}}</mat-option>
-                </mat-select>
-                <mat-hint>Choose the columns you want users to see when they first open this table. Changes made to a table's Columns view are saved over the default values.</mat-hint>
-            </mat-form-field>
-
-            <div class="order-settings">
-                <div class="order-settings__panel">
-                    <span class="order__title">
-                        Columns order
-                    </span>
-                    <mat-expansion-panel class="order-settings__expansion-panel">
-                        <mat-expansion-panel-header>
-                            <mat-panel-title>
-                                <div>
-                                    <span *ngIf="tableSettings.list_fields.length === 0; else orderedList">Standard order</span>
-                                    <ng-template #orderedList>
-                                        <span *ngFor="let field of tableSettings.list_fields; let i = index">
-                                            {{field}}{{ i === tableSettings.list_fields.length - 1 ? '' : ',' }}
-                                        </span>
-                                    </ng-template>
-                                </div>
-                            </mat-panel-title>
-                        </mat-expansion-panel-header>
-
-                        <div cdkDropList class="order-list" (cdkDropListDropped)="drop($event)">
-                            <div class="order-item" *ngFor="let field of listFieldsOrder" cdkDrag>{{field}}</div>
-                        </div>
-                    </mat-expansion-panel>
-                </div>
-                <button mat-icon-button type="button"
-                    class="order-settings__reset-button"
-                    matTooltip="Reset"
-                    [disabled]="tableSettings.list_fields.length === 0"
-                    (click)="resetColumnsOrder()">
-                    <mat-icon>restart_alt</mat-icon>
-                </button>
-            </div>
-
-            <mat-form-field appearance="outline">
-                <mat-label>Searchable columns</mat-label>
-                <mat-select multiple
-                    name="search_fields"
-                    [(ngModel)]="tableSettings.search_fields">
-                    <mat-option *ngFor="let field of fields" [value]="field">{{field}}</mat-option>
-                </mat-select>
-                <mat-hint>Choose the columns Rocketadmin scans when using the Search bar.</mat-hint>
-            </mat-form-field>
-
-            <div class="form-group-ordering">
-                <mat-form-field appearance="outline" class="form-group-ordering__ordering-by">
-                    <mat-label>Order by</mat-label>
-                    <mat-select name="ordering_field" [(ngModel)]="tableSettings.ordering_field">
-                        <mat-option value="">None</mat-option>
-                        <mat-option *ngFor="let field of fields" [value]="field">
-                            {{field}}
-                        </mat-option>
-                    </mat-select>
-                </mat-form-field>
-                <mat-radio-group aria-label="Order"
-                    class="form-group-ordering__order-options"
-                    name="ordering"
-                    [(ngModel)]="tableSettings.ordering">
-                    <mat-radio-button value="ASC" checked>Ascending</mat-radio-button>
-                    <mat-radio-button value="DESC">Descending</mat-radio-button>
-                </mat-radio-group>
-            </div>
-
-            <mat-form-field appearance="outline">
-                <mat-label>Sortable columns</mat-label>
-                <mat-select multiple
-                    name="sortable_by"
-                    [(ngModel)]="tableSettings.sortable_by">
-                <mat-option *ngFor="let field of fields" [value]="field">{{field}}</mat-option>
-            </mat-select>
-            <mat-hint>Choose which columns allow you to sort their values by pressing the arrow next to the column's name. Columns which aren't selected will not be sortable.</mat-hint>
-            </mat-form-field>
-
-            <mat-form-field appearance="outline" class="mat-form-field_excludedFields">
-                <mat-label>Columns to hide</mat-label>
-                <mat-select multiple
-                    name="excluded_fields"
-                    [(ngModel)]="tableSettings.excluded_fields">
-                    <mat-option *ngFor="let field of fields_to_exclude" [value]="field">{{field}}</mat-option>
-                </mat-select>
-                <mat-hint>Choose the columns you want to hide from the "Table" view and the "Edit row" view. This also removes the option to edit them.</mat-hint>
-            </mat-form-field>
-
-            <h2 class="mat-heading-2" style="margin-bottom: -4px; margin-top: 12px">"Edit row" behavior</h2>
-            <p class="mat-body-1 settings-fields__subheading">You can edit a row by clicking on the "pencil" icon on the right.</p>
-            <mat-form-field appearance="outline">
-                <mat-label>Searchable foreign key columns</mat-label>
-                <mat-select multiple
-                    name="autocomplete_columns"
-                    [(ngModel)]="tableSettings.autocomplete_columns">
-                    <mat-option *ngFor="let field of fields" [value]="field">{{field}}</mat-option>
-                </mat-select>
-                <mat-hint>Choose the columns Rocketadmin scans within a related table when selecting a foreign key.</mat-hint>
-            </mat-form-field>
-
-            <mat-form-field appearance="outline">
-                <mat-label>Read-only fields</mat-label>
-                <mat-select multiple
-                    name="readonly_fields"
-                    [(ngModel)]="tableSettings.readonly_fields">
-                    <mat-option *ngFor="let field of fields" [value]="field">{{field}}</mat-option>
-                </mat-select>
-                <mat-hint>Choose columns that will be visible in "Table" view but not editable in "Edit row" view.</mat-hint>
-            </mat-form-field>
-        </div>
-
-        <div class="actions">
-            <button mat-stroked-button type="button" class="settings-form__back-button" (click)="goBack()">Back</button>
-
-            <button mat-flat-button color="warn"
-                type="button"
-                [disabled]="submitting || !isSettingsExist"
-                (click)="resetSettings(tableSettingsForm)">
-                Reset
-            </button>
-            <button mat-flat-button color="primary"
-                type="submit"
-                class="settings-form__save-button"
-                [disabled]="(submitting || tableSettingsForm.form.invalid || tableSettingsForm.form.pristine) && !orderChanged && !iconChanged">
-                Save
-            </button>
-        </div>
-    </form>
-
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.spec.ts
deleted file mode 100644
index 2d5f6482e..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.spec.ts
+++ /dev/null
@@ -1,172 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule, NgForm } from '@angular/forms';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatInputModule } from '@angular/material/input';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { TableOrdering, TableSettings } from 'src/app/models/table';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { DbTableSettingsComponent } from './db-table-settings.component';
-
-describe('DbTableSettingsComponent', () => {
-	let component: DbTableSettingsComponent;
-	let fixture: ComponentFixture<DbTableSettingsComponent>;
-	let tablesService: TablesService;
-	let connectionsService: ConnectionsService;
-
-	const fakeFirstName = {
-		column_name: 'FirstName',
-		column_default: null,
-		data_type: 'varchar',
-		isExcluded: false,
-		isSearched: false,
-		auto_increment: false,
-		allow_null: false,
-		character_maximum_length: 30,
-	};
-	const fakeId = {
-		column_name: 'Id',
-		column_default: 'auto_increment',
-		data_type: 'int',
-		isExcluded: false,
-		isSearched: false,
-		auto_increment: true,
-		allow_null: false,
-		character_maximum_length: null,
-	};
-	const fakeBool = {
-		column_name: 'bool',
-		column_default: null,
-		data_type: 'tinyint',
-		isExcluded: false,
-		isSearched: true,
-		auto_increment: false,
-		allow_null: true,
-		character_maximum_length: 1,
-	};
-
-	const mockTableStructure = {
-		structure: [fakeFirstName, fakeId, fakeBool],
-		primaryColumns: [
-			{
-				data_type: 'int',
-				column_name: 'Id',
-			},
-		],
-		foreignKeys: [
-			{
-				referenced_column_name: 'CustomerId',
-				referenced_table_name: 'Customers',
-				constraint_name: 'Orders_ibfk_2',
-				column_name: 'Id',
-			},
-		],
-		readonly_fields: [],
-		table_widgets: [],
-	};
-
-	const mockTableSettings: TableSettings = {
-		// id: "f3df6ca8-18af-4347-9777-47c086d83969",
-		table_name: 'actor',
-		display_name: '',
-		icon: '',
-		search_fields: [],
-		excluded_fields: [],
-		list_fields: [],
-		ordering: TableOrdering.Ascending,
-		ordering_field: '',
-		columns_view: [],
-		// identification_fields: [],
-		// list_per_page: null,
-		identity_column: '',
-		readonly_fields: [],
-		sortable_by: [],
-		autocomplete_columns: ['FirstName'],
-		sensitive_fields: [],
-		connection_id: '63f804e4-8588-4957-8d7f-655e2309fef7',
-		allow_csv_export: true,
-		allow_csv_import: true,
-		can_delete: true,
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				MatDialogModule,
-				FormsModule,
-				MatSelectModule,
-				MatRadioModule,
-				MatInputModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot(),
-				DbTableSettingsComponent,
-			],
-			providers: [provideHttpClient(), provideRouter([])],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DbTableSettingsComponent);
-		component = fixture.componentInstance;
-		tablesService = TestBed.inject(TablesService);
-		connectionsService = TestBed.inject(ConnectionsService);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should set initial state', () => {
-		vi.spyOn(connectionsService, 'currentConnectionID', 'get').mockReturnValue('12345678');
-		vi.spyOn(tablesService, 'currentTableName', 'get').mockReturnValue('users');
-		vi.spyOn(tablesService, 'fetchTableStructure').mockReturnValue(of(mockTableStructure));
-		vi.spyOn(tablesService, 'fetchTableSettings').mockReturnValue(of(mockTableSettings));
-
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.fields).toEqual(['FirstName', 'Id', 'bool']);
-		expect(component.fields_to_exclude).toEqual(['FirstName', 'bool']);
-		expect(component.tableSettings).toEqual(mockTableSettings);
-	});
-
-	it('should update settings', () => {
-		const fakeUpdateTableSettings = vi.spyOn(tablesService, 'updateTableSettings').mockReturnValue(of());
-		component.isSettingsExist = true;
-		component.connectionID = '12345678';
-		component.tableName = 'users';
-		component.tableSettings = mockTableSettings;
-
-		component.updateSettings();
-
-		expect(fakeUpdateTableSettings).toHaveBeenCalledWith(true, '12345678', 'users', mockTableSettings);
-	});
-
-	it('should delete settings', () => {
-		// const fakeUpdateTableSettings = vi.spyOn(tablesService, 'updateTableSettings').mockReturnValue(of());
-		// component.isSettingsExist = true;
-		component.connectionID = '12345678';
-		component.tableName = 'users';
-		// component.tableSettings = mockTableSettings;
-		const fakeDeleteSettings = vi.spyOn(tablesService, 'deleteTableSettings').mockReturnValue(of());
-
-		const testForm = <NgForm>{
-			value: {
-				name: 'tableSettingsForm',
-			},
-		};
-
-		component.resetSettings(testForm);
-
-		expect(fakeDeleteSettings).toHaveBeenCalledWith('12345678', 'users');
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.ts
deleted file mode 100644
index d27c013d9..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-settings/db-table-settings.component.ts
+++ /dev/null
@@ -1,238 +0,0 @@
-import { CdkDragDrop, DragDropModule, moveItemInArray } from '@angular/cdk/drag-drop';
-import { CommonModule, Location } from '@angular/common';
-import { Component, OnInit } from '@angular/core';
-import { FormsModule, NgForm } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { Title } from '@angular/platform-browser';
-import { Router, RouterModule } from '@angular/router';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { normalizeTableName } from 'src/app/lib/normalize';
-import { TableField, TableOrdering, TableSettings } from 'src/app/models/table';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { PlaceholderTableSettingsComponent } from '../../../skeletons/placeholder-table-settings/placeholder-table-settings.component';
-import { AlertComponent } from '../../../ui-components/alert/alert.component';
-import { BreadcrumbsComponent } from '../../../ui-components/breadcrumbs/breadcrumbs.component';
-import { IconPickerComponent } from '../../../ui-components/icon-picker/icon-picker.component';
-
-@Component({
-	selector: 'app-db-table-settings',
-	templateUrl: './db-table-settings.component.html',
-	styleUrls: ['./db-table-settings.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		RouterModule,
-		DragDropModule,
-		MatButtonModule,
-		MatSlideToggleModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatSelectModule,
-		MatIconModule,
-		MatExpansionModule,
-		MatRadioModule,
-		AlertComponent,
-		BreadcrumbsComponent,
-		IconPickerComponent,
-		PlaceholderTableSettingsComponent,
-	],
-})
-export class DbTableSettingsComponent implements OnInit {
-	public connectionID: string | null = null;
-	public tableName: string | null = null;
-	public displayTableName: string | null = null;
-	public submitting: boolean = false;
-	public isSettingsExist: boolean = false;
-	public loading: boolean = true;
-	public fields: string[];
-	public fields_to_exclude: string[];
-	public orderChanged: boolean = false;
-	public iconChanged: boolean = false;
-	public listFieldsOrder: string[];
-	public tableSettingsInitial: TableSettings = {
-		connection_id: '',
-		table_name: '',
-		icon: '',
-		display_name: '',
-		autocomplete_columns: [],
-		identity_column: '',
-		ordering: TableOrdering.Ascending,
-		ordering_field: '',
-		list_fields: [],
-		columns_view: [],
-		search_fields: [],
-		excluded_fields: [],
-		readonly_fields: [],
-		sortable_by: [],
-		sensitive_fields: [],
-		allow_csv_export: true,
-		allow_csv_import: true,
-		can_delete: true,
-	};
-	public tableSettings: TableSettings = null;
-	public defaultIcons = [
-		'favorite',
-		'star',
-		'done',
-		'arrow_forward',
-		'key',
-		'lock',
-		'visibility',
-		'language',
-		'notifications',
-		'schedule',
-	];
-
-	constructor(
-		private _tables: TablesService,
-		private _connections: ConnectionsService,
-		private _location: Location,
-		public router: Router,
-		private title: Title,
-		private angulartics2: Angulartics2,
-	) {}
-
-	ngOnInit(): void {
-		this.connectionID = this._connections.currentConnectionID;
-		this.tableName = this._tables.currentTableName;
-		this.displayTableName = normalizeTableName(this.tableName);
-		this._tables.cast.subscribe();
-		this._tables.fetchTableStructure(this.connectionID, this.tableName).subscribe((res) => {
-			const primaryKeys = res.primaryColumns.map((primaryColumn) => primaryColumn.column_name);
-			this.fields = res.structure.map((field: TableField) => field.column_name);
-			this.fields_to_exclude = this.fields.filter((field) => !primaryKeys.includes(field));
-			this.getTableSettings();
-		});
-	}
-
-	get currentConnection() {
-		return this._connections.currentConnection;
-	}
-
-	getCrumbs(name: string) {
-		return [
-			{
-				label: name,
-				link: `/dashboard/${this.connectionID}`,
-			},
-			{
-				label: this.tableSettings.display_name || this.displayTableName,
-				link: `/dashboard/${this.connectionID}/${this.tableName}`,
-			},
-			{
-				label: 'Settings',
-				link: null,
-			},
-		];
-	}
-
-	goBack() {
-		this._location.back();
-	}
-
-	getTableSettings() {
-		this._tables.fetchTableSettings(this.connectionID, this.tableName).subscribe((res) => {
-			this.loading = false;
-			if (Object.keys(res).length !== 0) {
-				this.isSettingsExist = true;
-				this.tableSettings = res;
-				this.listFieldsOrder = [...res.list_fields];
-			} else {
-				this.tableSettings = this.tableSettingsInitial;
-			}
-			if (Object.keys(res).length === 0 || (res && res.list_fields && !res.list_fields.length)) {
-				this.listFieldsOrder = [...this.fields];
-			}
-			this.title.setTitle(`${res.display_name || this.displayTableName} - Table settings | Rocketadmin`);
-		});
-	}
-
-	updateIcon(icon: string) {
-		this.tableSettings.icon = icon;
-		this.iconChanged = true;
-	}
-
-	drop(event: CdkDragDrop<string[]>) {
-		moveItemInArray(this.listFieldsOrder, event.previousIndex, event.currentIndex);
-		this.tableSettings.list_fields = [...this.listFieldsOrder];
-		this.orderChanged = true;
-	}
-
-	resetColumnsOrder() {
-		this.tableSettings.list_fields = [];
-		this.listFieldsOrder = [...this.fields];
-		this.orderChanged = true;
-	}
-
-	updateSettings() {
-		this.submitting = true;
-		this.tableSettings.connection_id = this.connectionID;
-		this.tableSettings.table_name = this.tableName;
-
-		const updatedSettings = {};
-
-		for (const [key, value] of Object.entries(this.tableSettings)) {
-			if (key !== 'connection_id' && key !== 'table_name' && key !== 'ordering') {
-				if (Array.isArray(value)) {
-					if (key === 'list_fields') {
-						updatedSettings[key] = this.orderChanged;
-					} else {
-						updatedSettings[key] = value.length > 0;
-					}
-				} else {
-					updatedSettings[key] = Boolean(value);
-				}
-			}
-		}
-
-		this._tables
-			.updateTableSettings(this.isSettingsExist, this.connectionID, this.tableName, this.tableSettings)
-			.subscribe(
-				() => {
-					this.submitting = false;
-					this.angulartics2.eventTrack.next({
-						action: 'Table settings: updated successfully',
-						properties: updatedSettings,
-					});
-					posthog.capture('Table settings: updated successfully');
-					this.router.navigate([`/dashboard/${this.connectionID}/${this.tableName}`]);
-				},
-				() => {
-					this.submitting = false;
-				},
-				() => {
-					this.submitting = false;
-				},
-			);
-	}
-
-	resetSettings(form: NgForm) {
-		this.submitting = true;
-		this._tables.deleteTableSettings(this.connectionID, this.tableName).subscribe(
-			() => {
-				form.reset();
-				this.submitting = false;
-				this.tableSettings = { ...this.tableSettingsInitial };
-				this.angulartics2.eventTrack.next({
-					action: 'Table settings: reset successfully',
-				});
-				posthog.capture('Table settings: reset successfully');
-			},
-			() => {
-				this.submitting = false;
-			},
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.css
deleted file mode 100644
index 0b642e84e..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.css
+++ /dev/null
@@ -1,1877 +0,0 @@
-.hidden {
-	display: none;
-}
-
-.pull-refresh-indicator {
-	display: none;
-}
-
-@media (width <= 600px) {
-	.pull-refresh-indicator {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		height: 0;
-		overflow: hidden;
-		transition: height 150ms ease;
-	}
-
-	.pull-refresh-indicator__icon {
-		opacity: 0.6;
-		transition: transform 100ms linear;
-	}
-
-	.pull-refresh-indicator__icon_spinning {
-		animation: pullRefreshSpin 700ms linear infinite;
-	}
-
-	.refresh-button {
-		display: none !important;
-	}
-}
-
-@keyframes pullRefreshSpin {
-	from {
-		transform: rotate(0deg);
-	}
-	to {
-		transform: rotate(360deg);
-	}
-}
-
-.db-table-header {
-	display: flex;
-	justify-content: flex-end;
-	flex-wrap: wrap;
-	margin-top: 16px;
-	width: 100%;
-}
-
-@media (width <= 600px) {
-	.db-table-header {
-		flex-direction: column;
-		margin-bottom: 16px;
-	}
-}
-
-.db-table-title {
-	flex-grow: 50;
-	display: flex;
-	align-items: center;
-	margin-right: auto;
-	z-index: 1;
-}
-
-@media (width <= 600px) {
-	.db-table-title {
-		flex-grow: 1;
-		margin-right: 0;
-		margin-bottom: 12px;
-		justify-content: space-between;
-	}
-}
-
-.table-name {
-	margin-bottom: 0 !important;
-	margin-right: 8px !important;
-}
-
-@media (width <= 600px) {
-	.table-name {
-		display: none;
-	}
-}
-
-.table-title__settings,
-.table-title__ai {
-	display: none;
-}
-
-.settings-menu__transfer {
-	display: none !important;
-}
-
-@media (width <= 600px) {
-	.table-title__ai {
-		display: inline-flex;
-		margin-left: auto;
-	}
-
-	.table-title__settings {
-		display: inline-flex;
-	}
-
-	.actions__settings,
-	.actions__transfer,
-	.ai-insights-button {
-		display: none !important;
-	}
-
-	button.settings-menu__transfer {
-		display: flex !important;
-	}
-
-	mat-divider.settings-menu__transfer {
-		display: block !important;
-	}
-}
-
-.table-switcher {
-	display: none;
-}
-
-@media (width <= 600px) {
-	.table-switcher {
-		display: inline-flex;
-		align-items: center;
-		padding: 0 4px 0 8px;
-		line-height: 1.2;
-		min-height: 40px;
-		--mdc-text-button-label-text-size: 20px;
-		--mdc-text-button-label-text-weight: 500;
-		--mat-text-button-label-text-size: 20px;
-		--mat-text-button-label-text-weight: 500;
-	}
-
-	.table-switcher ::ng-deep .mdc-button__label {
-		font-size: 20px;
-		font-weight: 500;
-	}
-
-	.table-switcher__name {
-		max-width: 60vw;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		font-size: 20px;
-		font-weight: 500;
-	}
-
-	.table-switcher__chevron {
-		margin-left: 0 !important;
-		font-size: 24px;
-		width: 24px;
-		height: 24px;
-	}
-}
-
-.table-sheet-backdrop {
-	position: fixed;
-	inset: 0;
-	background: rgba(0, 0, 0, 0.4);
-	backdrop-filter: blur(2px);
-	z-index: 1000;
-	transform: translateZ(0);
-	animation: tableSheetFadeIn 200ms ease-out;
-}
-
-.table-sheet {
-	position: fixed;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	z-index: 1001;
-	display: flex;
-	flex-direction: column;
-	max-height: 80vh;
-	background: var(--mat-sidenav-content-background-color, #fff);
-	border-top-left-radius: 16px;
-	border-top-right-radius: 16px;
-	box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.18);
-	padding-bottom: env(safe-area-inset-bottom, 0px);
-	transform: translateZ(0);
-	animation: tableSheetSlideUp 260ms cubic-bezier(0.2, 0.8, 0.2, 1);
-}
-
-.table-sheet__handle {
-	width: 36px;
-	height: 4px;
-	border-radius: 2px;
-	background: rgba(0, 0, 0, 0.2);
-	margin: 8px auto 0;
-	flex: 0 0 auto;
-}
-
-.table-sheet__header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 8px 8px 8px 16px;
-	flex: 0 0 auto;
-}
-
-.table-sheet__title {
-	font-size: 16px;
-	font-weight: 600;
-}
-
-.table-sheet__search {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	margin: 0 16px 12px;
-	padding: 8px 12px;
-	border-radius: 999px;
-	background: rgba(0, 0, 0, 0.05);
-	flex: 0 0 auto;
-}
-
-.table-sheet__search-icon {
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-	opacity: 0.55;
-	flex: 0 0 auto;
-}
-
-.table-sheet__search-input {
-	flex: 1 1 auto;
-	min-width: 0;
-	background: transparent;
-	border: none;
-	outline: none;
-	font-size: 15px;
-	padding: 2px 0;
-	color: rgba(0, 0, 0, 0.87);
-}
-
-.table-sheet__search-input::placeholder {
-	color: rgba(0, 0, 0, 0.45);
-}
-
-.table-sheet__search-clear {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-	opacity: 0.5;
-	cursor: pointer;
-	flex: 0 0 auto;
-}
-
-.table-sheet__list {
-	overflow-y: auto;
-	padding: 0 8px 12px;
-	flex: 1 1 auto;
-	-webkit-overflow-scrolling: touch;
-}
-
-.table-sheet__group-label {
-	display: flex;
-	align-items: center;
-	gap: 6px;
-	width: 100%;
-	padding: 10px 12px;
-	margin-top: 4px;
-	border: none;
-	background: transparent;
-	font-size: 13px;
-	font-weight: 600;
-	color: inherit;
-	cursor: pointer;
-	text-align: left;
-}
-
-.table-sheet__group-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-	flex: 0 0 auto;
-}
-
-.table-sheet__group-name {
-	flex: 0 1 auto;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.table-sheet__group-count {
-	font-size: 12px;
-	font-weight: 500;
-	opacity: 0.5;
-}
-
-.table-sheet__group-chevron {
-	margin-left: auto;
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-	opacity: 0.55;
-	flex: 0 0 auto;
-}
-
-.table-sheet__item {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 8px;
-	width: 100%;
-	border: none;
-	background: transparent;
-	text-align: left;
-	padding: 12px;
-	border-radius: 8px;
-	font-size: 15px;
-	color: inherit;
-	cursor: pointer;
-}
-
-.table-sheet__item:active {
-	background: rgba(0, 0, 0, 0.06);
-}
-
-.table-sheet__item_active {
-	font-weight: 600;
-	background: rgba(0, 0, 0, 0.04);
-}
-
-.table-sheet__item-name {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	margin-right: auto;
-}
-
-.table-sheet__item-icon {
-	font-size: 22px;
-	width: 22px;
-	height: 22px;
-	flex: 0 0 auto;
-	margin-right: 12px;
-	opacity: 0.7;
-}
-
-.table-sheet__item-check {
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-	flex: 0 0 auto;
-	color: var(--color-accentedPalette-600);
-}
-
-.table-sheet__empty {
-	padding: 24px 16px;
-	font-size: 14px;
-	opacity: 0.6;
-	text-align: center;
-}
-
-.sort-sheet__row {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 8px;
-	width: 100%;
-	padding: 12px;
-	border: none;
-	background: transparent;
-	border-radius: 8px;
-	cursor: pointer;
-	text-align: left;
-	color: inherit;
-	font: inherit;
-}
-
-.sort-sheet__row_expanded {
-	background: rgba(0, 0, 0, 0.04);
-}
-
-.sort-sheet__col-name {
-	flex: 1 1 auto;
-	min-width: 0;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	font-size: 15px;
-}
-
-.sort-sheet__row-indicator {
-	flex: 0 0 auto;
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-	opacity: 0.5;
-}
-
-.sort-sheet__options {
-	display: flex;
-	flex-direction: column;
-	gap: 2px;
-	padding: 2px 8px 10px 8px;
-}
-
-.sort-sheet__opt {
-	display: flex;
-	align-items: center;
-	gap: 10px;
-	width: 100%;
-	border: none;
-	background: transparent;
-	text-align: left;
-	padding: 10px 12px;
-	border-radius: 8px;
-	font-size: 14px;
-	color: inherit;
-	cursor: pointer;
-	opacity: 0.85;
-}
-
-.sort-sheet__opt .mat-icon {
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-	flex: 0 0 auto;
-	opacity: 0.7;
-}
-
-.sort-sheet__opt:active {
-	background: rgba(0, 0, 0, 0.06);
-}
-
-.sort-sheet__opt:disabled {
-	opacity: 0.35;
-	cursor: default;
-}
-
-.sort-sheet__opt_active {
-	opacity: 1;
-	font-weight: 600;
-	color: var(--color-accentedPalette-700);
-	background: var(--color-accentedPalette-50);
-}
-
-.sort-sheet__opt_active .mat-icon {
-	opacity: 1;
-	color: var(--color-accentedPalette-700);
-}
-
-@media (prefers-color-scheme: dark) {
-	.sort-sheet__row_expanded {
-		background: rgba(255, 255, 255, 0.06);
-	}
-
-	.sort-sheet__opt:active {
-		background: rgba(255, 255, 255, 0.08);
-	}
-
-	.sort-sheet__opt_active {
-		background: var(--color-accentedPalette-900);
-		color: var(--color-accentedPalette-100);
-	}
-
-	.sort-sheet__opt_active .mat-icon {
-		color: var(--color-accentedPalette-200);
-	}
-}
-
-.columns-sheet__list {
-	display: flex;
-	flex-direction: column;
-}
-
-.columns-sheet__item {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	padding: 6px 12px;
-	border-radius: 8px;
-	background: var(--mat-sidenav-content-background-color, #fff);
-}
-
-.columns-sheet__item.cdk-drag-preview {
-	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
-}
-
-.columns-sheet__item.cdk-drag-placeholder {
-	opacity: 0.3;
-}
-
-.columns-sheet__drag-handle {
-	color: rgba(0, 0, 0, 0.4);
-	cursor: grab;
-	flex: 0 0 auto;
-}
-
-.columns-sheet__checkbox {
-	flex: 1 1 auto;
-	min-width: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.columns-sheet__item {
-		background: var(--surface-dark-color);
-	}
-
-	.columns-sheet__drag-handle {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-@keyframes tableSheetSlideUp {
-	from {
-		transform: translateY(100%);
-	}
-	to {
-		transform: translateY(0);
-	}
-}
-
-@keyframes tableSheetFadeIn {
-	from {
-		opacity: 0;
-	}
-	to {
-		opacity: 1;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.table-sheet {
-		background: var(--surface-dark-color);
-	}
-
-	.table-sheet__handle {
-		background: rgba(255, 255, 255, 0.24);
-	}
-
-	.table-sheet__search {
-		background: rgba(255, 255, 255, 0.08);
-	}
-
-	.table-sheet__search-input {
-		color: rgba(255, 255, 255, 0.87);
-	}
-
-	.table-sheet__search-input::placeholder {
-		color: rgba(255, 255, 255, 0.5);
-	}
-
-	.table-sheet__item:active {
-		background: rgba(255, 255, 255, 0.08);
-	}
-
-	.table-sheet__item_active {
-		background: rgba(255, 255, 255, 0.08);
-	}
-}
-
-.db-table-bulk-actions {
-	display: flex;
-	align-items: center;
-	height: 62.6px;
-}
-
-@media (width <= 600px) {
-	.db-table-bulk-actions {
-		height: auto;
-		min-height: 48px;
-		padding: 8px 0;
-	}
-}
-
-.search-input {
-	background-color: transparent;
-	/* margin-top: -12px; */
-	min-width: 220px;
-}
-
-.search-input ::ng-deep * {
-	background-color: transparent !important;
-}
-
-.search-input ::ng-deep .mdc-text-field {
-	padding: 0 !important;
-}
-
-.search-input ::ng-deep .mat-mdc-form-field-infix {
-	min-height: 0;
-}
-
-.search-input
-	::ng-deep
-	.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea)
-	.mat-mdc-form-field-infix {
-	padding-top: 8px;
-	padding-bottom: 8px;
-}
-
-.search-input ::ng-deep .mat-mdc-icon-button.mat-mdc-button-base {
-	width: 40px;
-	height: 40px;
-	padding: 8px;
-}
-
-.search-input__icon {
-	opacity: 0.6;
-}
-
-.search-row {
-	display: contents;
-}
-
-.search-row__buttons {
-	display: contents;
-}
-
-.search-row__filter,
-.search-row__add-quick-filter,
-.search-row__create-fast-filter,
-.search-row__divider,
-.search-row__quick-chips-slot {
-	display: none;
-}
-
-.add-row-fab {
-	display: none;
-}
-
-@media (width <= 600px) {
-	.add-row-fab {
-		display: inline-flex;
-		position: fixed;
-		right: 16px;
-		bottom: calc(16px + env(safe-area-inset-bottom, 0px));
-		z-index: 50;
-	}
-}
-
-.saved-filters-row__columns {
-	display: none;
-}
-
-@media (width <= 600px) {
-	.search-row {
-		display: flex;
-		flex-direction: column;
-		align-items: flex-start;
-		gap: 8px;
-		width: 100%;
-	}
-
-	.search-form {
-		display: flex;
-		align-items: center;
-		width: 100%;
-		height: 40px;
-		border-radius: 999px;
-		background: rgba(0, 0, 0, 0.06);
-		overflow: hidden;
-	}
-
-	.search-row__buttons {
-		display: flex;
-		align-items: center;
-		gap: 8px;
-		width: 100%;
-	}
-
-	.search-row__filter {
-		display: inline-flex;
-		flex: 0 0 auto;
-		height: 32px;
-		line-height: 32px;
-		padding: 0 12px;
-		border-radius: 999px;
-		font-size: 13px;
-	}
-
-	.search-row__filter .mat-icon {
-		font-size: 18px;
-		width: 18px;
-		height: 18px;
-	}
-
-	.search-row__add-quick-filter {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		flex: 0 0 auto;
-		width: 32px;
-		height: 32px;
-		min-width: 32px;
-		min-height: 32px;
-		padding: 0 !important;
-		--mdc-icon-button-state-layer-size: 32px;
-		--mat-icon-button-state-layer-size: 32px;
-		--mdc-icon-button-icon-size: 20px;
-	}
-
-	.search-row__add-quick-filter .mat-icon {
-		font-size: 20px;
-		width: 20px;
-		height: 20px;
-		margin: 0;
-	}
-
-	.search-row__add-quick-filter ::ng-deep .mat-mdc-button-touch-target {
-		width: 32px;
-		height: 32px;
-	}
-
-	.search-row__add-quick-filter ::ng-deep .mat-mdc-button-persistent-ripple,
-	.search-row__add-quick-filter ::ng-deep .mat-mdc-focus-indicator {
-		inset: 0;
-		border-radius: 50%;
-	}
-
-	.search-row__create-fast-filter {
-		display: inline-flex;
-		flex: 0 0 auto;
-		height: 32px;
-		line-height: 32px;
-		padding: 0 12px;
-		border-radius: 999px;
-		font-size: 13px;
-		gap: 4px;
-	}
-
-	.search-row__create-fast-filter .mat-icon {
-		font-size: 18px;
-		width: 18px;
-		height: 18px;
-	}
-
-	.db-table-header,
-	.db-table-actions,
-	.search-row {
-		min-width: 0;
-	}
-
-	.search-row__buttons {
-		min-width: 0;
-		max-width: 100%;
-		overflow: hidden;
-	}
-
-	.search-row__quick-chips-slot {
-		position: relative;
-		display: block;
-		flex: 1 1 0;
-		min-width: 0;
-		width: 0;
-		max-width: 100%;
-		height: 32px;
-		overflow: hidden;
-	}
-
-	.search-row__quick-chips {
-		position: absolute;
-		inset: 0;
-		display: flex;
-		align-items: center;
-		gap: 6px;
-		overflow-x: auto;
-		overflow-y: hidden;
-		-webkit-overflow-scrolling: touch;
-		scrollbar-width: none;
-	}
-
-	.search-row__quick-chips::-webkit-scrollbar {
-		display: none;
-	}
-
-	.search-row__quick-chip {
-		flex: 0 0 auto;
-		display: inline-flex;
-		align-items: center;
-		border: 1px solid var(--mdc-outlined-button-outline-color, rgba(0, 0, 0, 0.12));
-		background: transparent;
-		color: var(--color-primaryPalette-700);
-		font-size: 13px;
-		font-weight: 500;
-		padding: 0 8px 0 12px;
-		height: 32px;
-		line-height: 30px;
-		border-radius: 999px;
-		white-space: nowrap;
-		cursor: pointer;
-	}
-
-	.search-row__quick-chip_active {
-		background: var(--color-accentedPalette-500);
-		border-color: var(--color-accentedPalette-500);
-		color: var(--color-accentedPalette-500-contrast);
-	}
-
-	.search-row__quick-chip-menu {
-		background: transparent;
-		border: 0;
-		padding: 0;
-		margin-left: 4px;
-		width: 20px;
-		height: 20px;
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		cursor: pointer;
-		color: inherit;
-		opacity: 0.7;
-	}
-
-	.search-row__quick-chip-menu .mat-icon {
-		font-size: 16px;
-		width: 16px;
-		height: 16px;
-	}
-
-	@media (prefers-color-scheme: dark) {
-		.search-row__quick-chip {
-			border-color: var(--mdc-outlined-button-outline-color, rgba(255, 255, 255, 0.24));
-			color: var(--color-primaryPalette-100);
-		}
-	}
-
-	.search-row__divider {
-		display: inline-block;
-		flex: 0 0 auto;
-		width: 1px;
-		align-self: stretch;
-		margin: 4px 4px;
-		background: var(--color-primaryPalette-200);
-	}
-
-	@media (prefers-color-scheme: dark) {
-		.search-row__divider {
-			background: var(--color-primaryPalette-700);
-		}
-	}
-
-	.saved-filters-row__columns {
-		display: inline-flex;
-		flex: 0 0 auto;
-	}
-
-	.actions__filter,
-	.actions__add-row,
-	.db-table-manage-columns-button {
-		display: none !important;
-	}
-
-	.search-input {
-		width: 100%;
-		min-width: 0;
-		height: 40px;
-		background: transparent !important;
-	}
-
-	.search-input ::ng-deep .mat-mdc-text-field-wrapper {
-		background: transparent !important;
-		padding: 0 8px 0 4px;
-		height: 40px;
-	}
-
-	.search-input ::ng-deep .mdc-line-ripple,
-	.search-input ::ng-deep .mat-mdc-form-field-subscript-wrapper {
-		display: none;
-	}
-
-	.search-input__icon {
-		font-size: 22px;
-		width: 22px;
-		height: 22px;
-		opacity: 0.55;
-	}
-
-	.search-input ::ng-deep input.mat-mdc-input-element {
-		font-size: 14px;
-	}
-}
-
-@media (prefers-color-scheme: dark) and (width <= 600px) {
-	.search-form {
-		background: rgba(255, 255, 255, 0.08);
-	}
-
-	.search-form:focus-within,
-	.search-form_filled {
-		background: rgba(255, 255, 255, 0.05);
-	}
-}
-
-.db-table-actions {
-	flex-grow: 1;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 4px;
-}
-
-@media (width <= 600px) {
-	.db-table-actions {
-		flex-direction: column;
-		align-items: flex-start;
-	}
-}
-
-.actions {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	margin-top: -16px;
-}
-
-.saved-filters-row {
-	display: contents;
-}
-
-.mobile-sort-button {
-	display: none !important;
-}
-
-.saved-filters-row__mobile-actions {
-	display: none;
-}
-
-@media (width <= 600px) {
-	.skeleton.mat-elevation-z4 {
-		box-shadow: none !important;
-		background: transparent !important;
-	}
-
-	.saved-filters-row {
-		display: flex;
-		flex-wrap: wrap;
-		align-items: flex-start;
-		justify-content: flex-end;
-		gap: 4px 8px;
-		width: 100%;
-		max-width: 100%;
-		min-width: 0;
-		overflow: hidden;
-	}
-
-	.saved-filters-row > app-saved-filters-panel {
-		flex: 0 1 auto;
-		min-width: 0;
-		max-width: 100%;
-		display: block;
-		overflow: hidden;
-	}
-
-	.saved-filters-row:has(.filters-container) > app-saved-filters-panel {
-		flex: 0 0 100%;
-		order: 1;
-	}
-
-	.saved-filters-row:has(.filters-container) > .saved-filters-row__columns,
-	.saved-filters-row:has(.filters-container) > .mobile-sort-button {
-		order: 2;
-	}
-
-	.saved-filters-row__mobile-actions {
-		display: flex;
-		align-items: center;
-		justify-content: flex-end;
-		gap: 8px;
-		/* grow to fill the row so the buttons sit on the far right; panel keeps its natural width to avoid overlapping .saved-filters-trigger_active */
-		flex: 1 1 auto;
-		min-width: 0;
-		width: 100%;
-	}
-
-	.mobile-sort-button {
-		display: inline-flex !important;
-		align-items: center;
-		gap: 2px;
-		flex: 0 0 auto;
-		min-height: 36px;
-		padding: 0 4px;
-		font-size: 13px;
-		font-weight: 500;
-		--mdc-text-button-label-text-color: rgba(0, 0, 0, 0.87);
-		--mat-mdc-button-persistent-ripple-color: rgba(0, 0, 0, 0.87);
-		color: rgba(0, 0, 0, 0.87) !important;
-	}
-
-	.mobile-sort-button .mat-icon,
-	.mobile-sort-button .mat-mdc-button-touch-target ~ * {
-		color: inherit !important;
-	}
-
-	.mobile-sort-button ::ng-deep .mat-mdc-button > .mat-icon,
-	.mobile-sort-button ::ng-deep .mdc-button__label > .mat-icon,
-	.mobile-sort-button .mat-icon {
-		margin-right: 2px !important;
-		margin-left: 0 !important;
-	}
-
-	.mobile-sort-button ::ng-deep .mdc-button__label {
-		display: inline-flex;
-		align-items: center;
-		gap: 2px;
-	}
-
-	.mobile-sort-button.mobile-sort-button_active {
-		--mdc-text-button-label-text-color: var(--color-accentedPalette-700);
-		color: var(--color-accentedPalette-700) !important;
-	}
-
-	.saved-filters-row__columns {
-		display: inline-flex !important;
-		align-items: center;
-		justify-content: center;
-		flex: 0 0 auto;
-	}
-
-	.mobile-sort-button__label {
-		white-space: nowrap;
-	}
-
-	.mobile-sort-button_active {
-		color: var(--color-accentedPalette-700);
-	}
-
-	.actions {
-		flex-wrap: nowrap;
-		gap: 0;
-		width: 100%;
-		justify-content: flex-end;
-		margin-top: 0;
-	}
-
-	.actions .action-label {
-		display: none;
-	}
-
-	.actions .db-table-manage-columns-button__count {
-		display: none;
-	}
-
-	.actions .mat-mdc-button {
-		--mdc-text-button-container-height: 40px;
-		min-width: 40px;
-		padding: 0 8px;
-	}
-
-	.actions .mat-mdc-button .mat-icon {
-		margin: 0 !important;
-	}
-
-	.ai-insights-button {
-		margin-left: 0;
-	}
-}
-
-@media (prefers-color-scheme: dark) and (width <= 600px) {
-	.mobile-sort-button {
-		color: rgba(255, 255, 255, 0.87);
-	}
-
-	.mobile-sort-button_active {
-		background: var(--color-accentedPalette-900);
-		border-color: var(--color-accentedPalette-600) !important;
-		color: var(--color-accentedPalette-100);
-	}
-}
-
-.action_active {
-	position: relative;
-}
-
-.action_active::after {
-	content: "";
-	position: absolute;
-	top: 9px;
-	right: 3px;
-	display: block;
-	background: var(--color-accentedPalette-500);
-	border-radius: 50%;
-	height: 5px;
-	width: 5px;
-}
-
-.action-button_disabled {
-	--mat-theme-text-disabled-on-background: rgba(0, 0, 0, 0.78);
-
-	pointer-events: none;
-}
-
-.ai-insights-button {
-	order: 999;
-	margin-left: auto;
-}
-
-@media (prefers-color-scheme: light) {
-	.ai-insights-button {
-		background: var(--color-accentedPalette-50);
-	}
-
-	.ai-insights-button:hover {
-		background: var(--color-accentedPalette-100) !important;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-insights-button {
-		background: var(--color-accentedPalette-900);
-	}
-
-	.ai-insights-button:hover {
-		background: var(--color-accentedPalette-800) !important;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.ai-icon ::ng-deep svg path {
-		fill: #fff;
-	}
-}
-
-.db-table-manage-columns-button {
-	display: inline-block;
-}
-
-.active-filters {
-	display: flex;
-	align-items: center;
-	flex-wrap: wrap;
-	gap: 8px;
-	margin-bottom: 12px;
-}
-
-@media (width <= 600px) {
-	.active-filters {
-		margin-top: -12px;
-		margin-bottom: 16px;
-	}
-}
-
-::ng-deep .active-filters .mat-mdc-chip {
-	--mdc-chip-container-color: #e8ecee !important;
-	--mdc-chip-elevated-container-color: #e8ecee !important;
-	--mdc-chip-container-shape-radius: 16px !important;
-	background-color: #e8ecee !important;
-	border-radius: 16px !important;
-}
-
-::ng-deep .active-filters .mat-mdc-chip:hover {
-	--mdc-chip-container-color: #e8ecee !important;
-	--mdc-chip-elevated-container-color: #e8ecee !important;
-	background-color: #e8ecee !important;
-}
-
-::ng-deep .active-filters .mdc-evolution-chip__cell {
-	background-color: #e8ecee !important;
-	border-radius: 16px !important;
-}
-
-::ng-deep .active-filters .mdc-evolution-chip__cell:hover {
-	background-color: #e8ecee !important;
-}
-
-@media (prefers-color-scheme: dark) {
-	::ng-deep .active-filters .mat-mdc-chip {
-		--mdc-chip-container-color: #3a4a5c !important;
-		--mdc-chip-elevated-container-color: #3a4a5c !important;
-		--mdc-chip-label-text-color: rgba(255, 255, 255, 0.87) !important;
-		background-color: #3a4a5c !important;
-		color: rgba(255, 255, 255, 0.87) !important;
-	}
-
-	::ng-deep .active-filters .mat-mdc-chip:hover {
-		--mdc-chip-container-color: #3a4a5c !important;
-		--mdc-chip-elevated-container-color: #3a4a5c !important;
-		background-color: #3a4a5c !important;
-	}
-
-	::ng-deep .active-filters .mdc-evolution-chip__cell {
-		background-color: #3a4a5c !important;
-	}
-
-	::ng-deep .active-filters .mdc-evolution-chip__cell:hover {
-		background-color: #3a4a5c !important;
-	}
-}
-
-.db-table-manage-columns-button__count {
-	margin-left: 2px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.db-table-manage-columns-button__count {
-		color: rgba(255, 255, 255, 0.56);
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.db-table-manage-columns-button__count {
-		color: rgba(0, 0, 0, 0.52);
-	}
-}
-
-.db-table-active-filter-chip ::ng-deep .mdc-evolution-chip__text-label {
-	max-width: 300px;
-	overflow: hidden;
-}
-
-.empty-table-message {
-	display: inline-block;
-	margin-top: 40px;
-	text-align: center;
-	width: 100%;
-}
-
-.table-wrapper {
-	position: relative;
-	min-height: 100px;
-	width: calc(86vw - 4rem);
-	transition: width 400ms;
-}
-
-@media (width <= 600px) {
-	.table-wrapper {
-		width: calc(98vw - 292px);
-	}
-}
-
-.table-surface {
-	margin-bottom: 72px;
-}
-
-@media (width <= 600px) {
-	.table-surface mat-paginator {
-		margin-top: 12px;
-	}
-
-	.table-surface mat-paginator ::ng-deep .mat-mdc-paginator-outer-container,
-	.table-surface mat-paginator ::ng-deep .mat-mdc-paginator-container {
-		justify-content: space-between !important;
-		flex-wrap: nowrap !important;
-		min-height: 48px;
-		padding: 0 !important;
-	}
-
-	.table-surface mat-paginator ::ng-deep .mat-mdc-paginator-page-size {
-		margin: 0 !important;
-		padding: 0 !important;
-		margin-right: auto !important;
-		flex: 0 0 auto;
-	}
-
-	.table-surface mat-paginator ::ng-deep .mat-mdc-paginator-page-size-label {
-		margin: 0 4px 0 0 !important;
-	}
-
-	.table-surface mat-paginator ::ng-deep .mat-mdc-paginator-page-size-select {
-		margin: 0 8px 0 0 !important;
-		width: auto !important;
-	}
-
-	.table-surface mat-paginator ::ng-deep .mat-mdc-paginator-page-size-select .mat-mdc-form-field-infix {
-		width: auto !important;
-		min-width: 36px !important;
-		padding-right: 4px !important;
-	}
-
-	.table-surface mat-paginator ::ng-deep .mat-mdc-paginator-page-size-select .mat-mdc-select {
-		width: auto !important;
-	}
-
-	.table-surface mat-paginator ::ng-deep .mat-mdc-paginator-page-size-select .mat-mdc-select-arrow-wrapper {
-		padding-left: 6px !important;
-	}
-
-	.table-surface mat-paginator ::ng-deep .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper {
-		padding: 0 10px !important;
-	}
-
-	.table-surface mat-paginator ::ng-deep .mat-mdc-paginator-range-actions {
-		flex: 0 0 auto;
-		margin: 0 !important;
-	}
-
-	.table-surface mat-paginator ::ng-deep .mat-mdc-paginator-range-label {
-		margin: 0 4px !important;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.table-surface {
-		--mat-table-background-color: var(--surface-dark-color);
-		--mat-paginator-container-background-color: var(--surface-dark-color);
-	}
-}
-
-.table-box {
-	overflow-x: auto;
-	width: 100%;
-}
-
-.db-table {
-	display: grid;
-	width: 100%;
-	font-family: "IBM Plex Mono", monospace;
-	--mat-table-header-headline-font: "IBM Plex Mono", monospace;
-	--mat-table-row-item-label-text-font: "IBM Plex Mono", monospace;
-	--mat-table-footer-supporting-text-font: "IBM Plex Mono", monospace;
-}
-
-@media (width <= 600px) {
-	.db-table {
-		grid-template-columns: minmax(0, 120px) 1fr !important;
-		grid-row-gap: 8px;
-		background: transparent !important;
-	}
-
-	.db-table ::ng-deep tbody {
-		display: grid;
-		grid-template-columns: subgrid;
-		grid-column: 1 / 3;
-		row-gap: 16px;
-		background: transparent;
-	}
-
-	.table-surface {
-		background: transparent !important;
-		box-shadow: none !important;
-	}
-
-	.table-surface ::ng-deep mat-paginator {
-		margin-top: 20px;
-	}
-
-	.table-box {
-		background: transparent;
-	}
-}
-
-.db-table_withActions {
-	grid-template-columns: 48px repeat(var(--colCount), fit-content(100%)) minmax(var(--lastColumnWidth), auto);
-}
-
-.db-table_withoutActions {
-	grid-template-columns: repeat(var(--colCount), auto) !important;
-}
-
-.db-table ::ng-deep .db-table-row {
-	cursor: pointer;
-}
-
-.db-table ::ng-deep .db-table-row:hover {
-	background-color: var(--hover-color) !important;
-}
-
-@media (prefers-color-scheme: dark) {
-	.db-table ::ng-deep .db-table-row:hover {
-		--hover-color: var(--color-primaryPalette-900);
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.db-table ::ng-deep .db-table-row:hover {
-		--hover-color: var(--color-primaryPalette-50);
-	}
-}
-
-.db-table-row_selected {
-	background-color: var(--selected-color);
-}
-
-@media (prefers-color-scheme: dark) {
-	.db-table-row_selected {
-		--selected-color: var(--color-primaryPalette-900);
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.db-table-row_selected {
-		--selected-color: var(--color-primaryPalette-100);
-	}
-}
-
-@media (width <= 600px) {
-	.db-table-row_selected {
-		background-color: initial;
-	}
-}
-
-.db-table-row,
-.db-table-header-row,
-.db-table ::ng-deep .mat-mdc-footer-row {
-	display: contents;
-	min-height: 0;
-}
-
-@media (width <= 600px) {
-	.db-table-row {
-		position: relative;
-		display: grid;
-		grid-template-columns: subgrid;
-		grid-column: 1 / 3;
-		grid-gap: 2px 12px;
-		border: 1px solid var(--mat-table-row-item-outline-color, rgba(0, 0, 0, 0.12)) !important;
-		border-radius: 10px;
-		height: auto;
-		padding: 8px 8px 8px 16px;
-	}
-
-	.db-table-header-row {
-		display: none;
-	}
-}
-
-.db-table-cell,
-.db-table ::ng-deep .mat-mdc-header-cell,
-.db-table ::ng-deep .mat-mdc-footer-cell {
-	border-bottom-width: 1px;
-	border-bottom-style: solid;
-	border-bottom-color: var(--mat-table-row-item-outline-color);
-	padding-right: 24px;
-	min-height: 36px;
-}
-
-@media (width <= 600px) {
-	.db-table-cell {
-		display: grid;
-		grid-template-columns: subgrid;
-		grid-column: 1 / 3;
-		align-items: center;
-		border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
-		padding-left: 0 !important;
-		padding-right: 0 !important;
-		padding-top: 0;
-		padding-bottom: 0;
-	}
-
-	.db-table-cell:not(:has(~ .db-table-cell)) {
-		border-bottom: none;
-	}
-
-	.db-table-cell::before {
-		content: attr(data-label);
-		display: inline-block;
-		font-weight: 500;
-		font-size: 12px;
-		white-space: wrap;
-	}
-}
-
-@media (prefers-color-scheme: dark) and (width <= 600px) {
-	.db-table-cell {
-		border-bottom-color: rgba(255, 255, 255, 0.12);
-	}
-}
-
-.db-table ::ng-deep .db-table-cell:first-of-type,
-.db-table ::ng-deep .mat-mdc-header-cell:first-of-type,
-.db-table ::ng-deep .mat-mdc-footer-cell:first-of-type {
-	padding-left: 16px;
-	padding-right: 8px;
-}
-
-@media (width <= 600px) {
-	.db-table ::ng-deep .db-table-cell:first-of-type,
-	.db-table ::ng-deep .mat-mdc-header-cell:first-of-type,
-	.db-table ::ng-deep .mat-mdc-footer-cell:first-of-type {
-		padding-left: 0;
-		margin-top: 4px;
-	}
-
-	/* .db-table-cell {
-        display: grid;
-        grid-template-columns: subgrid;
-        grid-column: 1 / 3;
-        align-items: center;
-        border-bottom: none;
-    }
-
-    .db-table-cell::before {
-        content: attr(data-label);
-        display: inline-block;
-        font-weight: bold;
-        white-space: nowrap;
-    } */
-}
-
-.db-table_withActions ::ng-deep .mat-column-select {
-	padding-top: 2px;
-	padding-left: 4px !important;
-	padding-right: 4px !important;
-}
-
-.db-table_withActions ::ng-deep .mat-header-row .mat-column-select {
-	padding-top: 18px;
-}
-
-th.mat-header-cell,
-td.mat-cell {
-	padding-right: 20px;
-}
-
-.db-table ::ng-deep .mat-mdc-header-cell .mat-sort-header-content {
-	text-align: left;
-}
-
-/* Sortable header styles */
-.sortable-header__content {
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	width: 100%;
-	gap: 4px;
-}
-
-.sortable-header__text {
-	flex: 1;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.sortable-header__button {
-	position: absolute;
-	right: 0;
-	opacity: 0;
-	width: 24px;
-	height: 24px;
-	line-height: 24px;
-	transition: opacity 0.2s ease;
-}
-
-@media (prefers-color-scheme: light) {
-	.sortable-header__button {
-		background: rgba(255, 255, 255, 1);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.sortable-header__button {
-		background: rgba(32, 32, 32, 1);
-	}
-}
-
-.sortable-header:hover .sortable-header__button,
-.sortable-header_active .sortable-header__button {
-	opacity: 1;
-}
-
-.sortable-header__icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-.sortable-header_active .sortable-header__icon {
-	color: var(--color-primaryPalette-500);
-}
-
-@media (prefers-color-scheme: dark) {
-	.sortable-header__icon {
-		color: rgba(255, 255, 255, 0.54);
-	}
-
-	.sortable-header_active .sortable-header__icon {
-		color: var(--color-primaryPalette-300);
-	}
-}
-
-/* Sort menu styles */
-.sort-menu__item {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-.sort-menu__item mat-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-}
-
-.sort-menu__item-content {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	padding: 4px 10px;
-	border-radius: 4px;
-	margin: -4px -10px;
-}
-
-.sort-menu__item-content_active {
-	background-color: rgba(0, 0, 0, 0.04);
-}
-
-@media (prefers-color-scheme: dark) {
-	.sort-menu__item-content_active {
-		background-color: rgba(255, 255, 255, 0.06);
-	}
-}
-
-.sort-menu__lock-icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-}
-
-.db-table-cell-checkbox {
-	display: flex;
-	align-items: center;
-}
-
-@media (prefers-color-scheme: light) {
-	.db-table-cell-actions {
-		color: rgba(0, 0, 0, 0.64);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.db-table-cell-actions {
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-@media (width <= 600px) {
-	.db-table-cell-checkbox {
-		position: absolute;
-		top: 10px;
-		left: 8px;
-		border-bottom: none;
-		z-index: 2;
-	}
-
-	.db-table-checkbox {
-		transform: scale(1.1);
-	}
-
-	.db-table-cell-actions {
-		grid-row: 1;
-		grid-column: 1 / span 2;
-		justify-content: flex-end;
-		gap: 4px;
-		border-bottom: none;
-		padding-left: 40px;
-		padding-right: 0 !important;
-		margin-right: -8px;
-		color: rgba(0, 0, 0, 0.87);
-	}
-
-	.db-table-cell-action-button {
-		--mat-icon-button-state-layer-size: 36px !important;
-		--mat-icon-button-icon-size: 22px !important;
-	}
-
-	.db-table-cell-action-button ::ng-deep .mat-icon {
-		font-size: 22px;
-		height: 22px;
-		width: 22px;
-	}
-}
-
-@media (prefers-color-scheme: dark) and (width <= 600px) {
-	.db-table-cell-actions {
-		color: rgba(255, 255, 255, 0.87);
-	}
-}
-
-.db-table-cell-actions,
-.db-table-header-actions {
-	justify-content: flex-end;
-}
-
-.db-table-cell-action-button {
-	--mat-icon-button-state-layer-size: 30px !important;
-	--mat-icon-button-icon-size: 20px !important;
-}
-
-.db-table-cell-action-button ::ng-deep .mat-icon {
-	font-size: 20px;
-	height: 20px;
-	width: 20px;
-}
-
-.table-cell-content {
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	width: 100%;
-}
-
-@media (width <= 600px) {
-	.table-cell-content {
-		white-space: wrap;
-		max-height: 5lh;
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.table-cell-content {
-		color: rgba(0, 0, 0, 0.64);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.table-cell-content {
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-.db-table-cell:hover .field-value-copy-button {
-	display: initial;
-}
-
-tr.mat-row:hover {
-	background: rgba(0, 0, 0, 0.04);
-}
-
-.mat-mdc-table-sticky {
-	padding-left: 16px;
-	padding-right: 16px !important;
-}
-
-.spinner-wrapper {
-	position: absolute;
-	top: 76px;
-	left: 0;
-	display: flex;
-	justify-content: center;
-	background: rgba(255, 255, 255, 0.9);
-	height: 500px;
-	width: 100%;
-	z-index: 2;
-}
-
-.spinner-wrapper ::ng-deep.mat-spinner {
-	position: relative;
-	top: 40px;
-}
-
-.empty-table {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	padding: 24px 0 8px;
-	width: 100%;
-}
-
-.empty-table .mat-button {
-	border-radius: 0;
-	margin: -20px 0;
-	padding: 8px 0;
-	width: 100%;
-}
-
-.empty-table__icon {
-	font-size: 32px;
-	width: 32px;
-	height: 32px;
-	margin-bottom: 8px;
-	opacity: 0.5;
-}
-
-.bulk-actions__select-all {
-	display: none !important;
-}
-
-@media (width <= 600px) {
-	.bulk-actions__select-all {
-		display: inline-flex !important;
-	}
-}
-
-@media (width <= 600px) {
-	.empty-table {
-		align-items: center;
-		padding: 24px 16px;
-		border: 1px solid var(--mat-table-row-item-outline-color, rgba(0, 0, 0, 0.12));
-		border-radius: 10px;
-		background: transparent;
-		margin: 0;
-		text-align: center;
-	}
-
-	.empty-table .mat-body-1 {
-		margin: 0;
-		padding: 0 4px;
-	}
-
-	.empty-table .mat-button {
-		margin-top: 12px;
-		width: auto;
-		border-radius: 999px;
-	}
-}
-
-.hidden {
-	display: none;
-}
-
-/* Columns Menu Drag and Drop Styles */
-.columns-list {
-	max-height: 400px;
-	overflow-y: auto;
-	padding: 8px 0;
-}
-
-.draggable-column-item {
-	cursor: move;
-	display: flex !important;
-	align-items: center;
-	justify-content: flex-start;
-	gap: 0px;
-	padding: 8px 24px 8px 8px !important;
-	min-height: 48px !important;
-	transition: background-color 0.2s ease;
-}
-
-.draggable-column-item .drag-handle {
-	color: #9e9e9e;
-	cursor: grab;
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-	margin-right: 0px;
-	flex-shrink: 0;
-}
-
-.draggable-column-item ::ng-deep .mat-mdc-checkbox {
-	align-items: center !important;
-}
-
-.draggable-column-item ::ng-deep .mat-mdc-checkbox-label {
-	text-align: left;
-	line-height: 1.5;
-}
-
-.draggable-column-item ::ng-deep .mdc-form-field {
-	align-items: center !important;
-}
-
-.draggable-column-item:active .drag-handle {
-	cursor: grabbing;
-}
-
-.draggable-column-item:hover .drag-handle {
-	color: #616161;
-}
-
-@media (prefers-color-scheme: dark) {
-	.draggable-column-item .drag-handle {
-		color: #757575;
-	}
-
-	.draggable-column-item:hover .drag-handle {
-		color: #bdbdbd;
-	}
-}
-
-.cdk-drag-preview.draggable-column-item {
-	box-shadow:
-		0 5px 5px -3px rgba(0, 0, 0, 0.2),
-		0 8px 10px 1px rgba(0, 0, 0, 0.14),
-		0 3px 14px 2px rgba(0, 0, 0, 0.12);
-	opacity: 0.9;
-}
-
-.cdk-drag-placeholder {
-	opacity: 0.3;
-}
-
-.cdk-drag-animating {
-	transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-}
-
-.columns-list.cdk-drop-list-dragging .draggable-column-item:not(.cdk-drag-placeholder) {
-	transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.html
deleted file mode 100644
index 319bb13d1..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.html
+++ /dev/null
@@ -1,752 +0,0 @@
-<div class="pull-refresh-indicator"
-    [class.pull-refresh-indicator_active]="pullDistance > 0 || pullRefreshing"
-    [style.height.px]="pullRefreshing ? 44 : pullDistance">
-    <mat-icon class="pull-refresh-indicator__icon"
-        [class.pull-refresh-indicator__icon_spinning]="pullRefreshing"
-        [style.transform]="pullRefreshing ? null : 'rotate(' + (pullDistance * 3) + 'deg)'">
-        refresh
-    </mat-icon>
-</div>
-
-<div class="db-table-header" #focus>
-    <div class="db-table-title">
-        <h2 class="mat-h2 table-name">{{ displayName }}</h2>
-
-        <button type="button" mat-button class="table-switcher" (click)="openTableSwitcher()">
-            <span class="table-switcher__name">{{ displayName }}</span>
-            <mat-icon iconPositionEnd class="table-switcher__chevron">arrow_drop_down</mat-icon>
-        </button>
-
-        <button type="button" mat-icon-button class="refresh-button" (click)="loadRowsPage()">
-            <mat-icon>refresh</mat-icon>
-        </button>
-
-        <button mat-icon-button type="button"
-            class="table-title__ai"
-            matTooltip="AI assistant"
-            angulartics2On="click"
-            angularticsAction="Dashboard: AI is clicked"
-            (click)="handleViewAIpanel(); posthog.capture('Dashboard: AI is clicked')">
-            <mat-icon svgIcon="ai_rocket" class="ai-icon"></mat-icon>
-        </button>
-
-        <button mat-icon-button type="button"
-            class="table-title__settings"
-            *ngIf="canEditConnection()"
-            [matMenuTriggerFor]="settingsMenu"
-            matTooltip="Table settings"
-            angulartics2On="click"
-            angularticsAction="Dashboard: settings dropdown is clicked"
-            (click)="posthog.capture('Dashboard: settings dropdown is clicked')">
-            <mat-icon fontSet="material-symbols-outlined">settings</mat-icon>
-        </button>
-    </div>
-    <div *ngIf="selection.selected.length; else generalActions" class="db-table-bulk-actions">
-        <div class="actions">
-            <button type="button" mat-button class="bulk-actions__select-all"
-                *ngIf="tableData && !tableData.isEmptyTable"
-                (click)="toggleAllRows()">
-                <mat-icon>
-                    {{ isAllSelected() ? 'check_box' : 'check_box_outline_blank' }}
-                </mat-icon>
-                {{ isAllSelected() ? 'Deselect all' : 'Select all' }}
-            </button>
-            <ng-container *ngIf="tableData.tableBulkActions && tableData.tableBulkActions.length">
-                <button type="button" mat-button *ngFor="let action of tableData.tableBulkActions"
-                (click)="handleActions(action)">
-                    {{action.title}}
-                </button>
-            </ng-container>
-            <button type="button" mat-button *ngIf="tableData && tableData.isExportAllowed"
-                (click)="exportData()">
-                Export to CSV
-            </button>
-            <button type="button" mat-button *ngIf="tableData && canDeleteRow() && tableData.canDelete"
-                (click)="handleActions({title: 'Delete rows', type: 'multiple',  require_confirmation: true})">
-                Delete
-            </button>
-        </div>
-    </div>
-    <ng-template #generalActions>
-        <div class="db-table-actions">
-            <div class="search-row">
-                <form #searchForm="ngForm"
-                    class="search-form"
-                    [class.search-form_filled]="searchString"
-                    angulartics2On="submit"
-                    angularticsAction="Dashboard: search is applied"
-                    (submit)="posthog.capture('Dashboard: search is applied')"
-                    (ngSubmit)="handleSearch()">
-                    <mat-form-field appearance="fill" class="search-input">
-                        <mat-icon matPrefix class="search-input__icon">search</mat-icon>
-                        <input matInput name="search"
-                            placeholder="Search"
-                            [(ngModel)]="searchString">
-                        <button type="button" mat-icon-button matSuffix *ngIf="searchString"
-                            (click)="clearSearch()">
-                            <mat-icon>close</mat-icon>
-                        </button>
-                    </mat-form-field>
-                </form>
-                <div class="search-row__buttons">
-                    <button mat-stroked-button type="button" *ngIf="tableData && tableData.structure"
-                        class="search-row__filter"
-                        [ngClass]="{'action_active': getFiltersCount(activeFilters)}"
-                        angulartics2On="click"
-                        angularticsAction="Dashboard: filters is clicked"
-                        (click)="handleOpenFilters(); posthog.capture('Dashboard: filters is clicked')">
-                        <mat-icon fontSet="material-symbols-outlined">filter_list</mat-icon>
-                        Filter
-                    </button>
-                    <ng-container *ngIf="canEditConnection() && tableData && tableData.structure">
-                        <span class="search-row__divider" aria-hidden="true"></span>
-                        <button *ngIf="!savedFiltersPanel?.savedFilterData?.length"
-                            mat-stroked-button type="button"
-                            class="search-row__create-fast-filter"
-                            angulartics2On="click"
-                            angularticsAction="Saved filters: create new filter is clicked"
-                            (click)="handleOpenCreateQuickFilter(); posthog.capture('Saved filters: create new filter is clicked')">
-                            <mat-icon fontSet="material-symbols-outlined">add</mat-icon>
-                            Create fast filter
-                        </button>
-                    </ng-container>
-                    <div *ngIf="isMobileView && savedFiltersPanel?.savedFilterData?.length"
-                        class="search-row__quick-chips-slot">
-                        <div class="search-row__quick-chips">
-                            <button *ngIf="canEditConnection()" type="button"
-                                mat-icon-button
-                                class="search-row__add-quick-filter"
-                                matTooltip="Create new fast filter"
-                                angulartics2On="click"
-                                angularticsAction="Saved filters: create new filter is clicked"
-                                (click)="handleOpenCreateQuickFilter(); posthog.capture('Saved filters: create new filter is clicked')">
-                                <mat-icon fontSet="material-symbols-outlined">add</mat-icon>
-                            </button>
-                            <div *ngFor="let f of savedFiltersPanel?.savedFilterData"
-                                class="search-row__quick-chip"
-                                [class.search-row__quick-chip_active]="savedFiltersPanel?.selectedFilterSetId === f.id"
-                                (click)="savedFiltersPanel?.selectFiltersSet(f.id)">
-                                <span class="search-row__quick-chip-label">{{ f.name }}</span>
-                                <button *ngIf="canEditConnection()" type="button"
-                                    class="search-row__quick-chip-menu"
-                                    [matMenuTriggerFor]="quickChipMenu"
-                                    (click)="$event.stopPropagation(); chipFilterForMenu = f">
-                                    <mat-icon>more_vert</mat-icon>
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                    <mat-menu #quickChipMenu="matMenu">
-                        <button mat-menu-item type="button"
-                            (click)="savedFiltersPanel?.handleEditFilter(chipFilterForMenu)">
-                            <mat-icon fontSet="material-symbols-outlined">create</mat-icon>
-                            <span>Edit</span>
-                        </button>
-                        <button mat-menu-item type="button"
-                            (click)="savedFiltersPanel?.handleDeleteFilter(chipFilterForMenu)">
-                            <mat-icon fontSet="material-symbols-outlined">delete</mat-icon>
-                            <span>Delete</span>
-                        </button>
-                    </mat-menu>
-                </div>
-            </div>
-            <div class="actions">
-                <button mat-button type="button"
-                    class="ai-insights-button"
-                    matTooltip="AI assistant"
-                    angulartics2On="click"
-                    angularticsAction="Dashboard: AI is clicked"
-                    (click)="handleViewAIpanel(); posthog.capture('Dashboard: AI is clicked')">
-                    <mat-icon svgIcon="ai_rocket" class="ai-icon"></mat-icon>
-                    <span class="action-label">AI insights</span>
-                </button>
-
-                <a mat-button class="actions__add-row" *ngIf="tableData && canAddRow() && (!tableData.isEmptyTable || searchString || getFiltersCount(activeFilters))"
-                    routerLink="/dashboard/{{connectionID}}/{{name}}/entry"
-                    data-testid="table-add-record-link"
-                    matTooltip="Add row"
-                    angulartics2On="click"
-                    angularticsAction="Dashboard: add row is clicked"
-                    (click)="stashUrlParams(); posthog.capture('Dashboard: add row is clicked')">
-                    <mat-icon fontSet="material-symbols-outlined">add</mat-icon>
-                    <span class="action-label">Add row</span>
-                </a>
-
-                <button mat-button type="button" *ngIf="tableData && tableData.structure"
-                    class="actions__filter"
-                    [ngClass]="{'action_active': getFiltersCount(activeFilters)}"
-                    matTooltip="Filter"
-                    angulartics2On="click"
-                    angularticsAction="Dashboard: filters is clicked"
-                    (click)="handleOpenFilters(); posthog.capture('Dashboard: filters is clicked')">
-                    <mat-icon fontSet="material-symbols-outlined">filter_list</mat-icon>
-                    <span class="action-label">Filter</span>
-                </button>
-
-                <div *ngIf="tableData" class="db-table-manage-columns-button">
-                    <button type="button" *ngIf="tableData.displayedColumns && tableData.columns" mat-button
-                        [matMenuTriggerFor]="isMobileView ? null : menu"
-                        matTooltip="Columns"
-                        angulartics2On="click"
-                        angularticsAction="Dashboard: columns multiselect is clicked"
-                        (click)="isMobileView && openColumnsSheet(); posthog.capture('Dashboard: columns multiselect is clicked')">
-                        <mat-icon fontSet="material-symbols-outlined">view_week</mat-icon>
-                        <span class="action-label">Columns</span>
-                            <span class="db-table-manage-columns-button__count">
-                                ({{ tableData.displayedDataColumns.length   }}
-                                /
-                                {{ tableData.columns.length }})
-                            </span>
-                    </button>
-                    <mat-menu #menu="matMenu" class="columns-menu">
-                        <div cdkDropList (cdkDropListDropped)="onColumnsMenuDrop($event)" class="columns-list">
-                            <button type="button" mat-menu-item
-                                role="menuitemcheckbox"
-                                aria-checked="false"
-                                [attr.aria-checked]="column.selected"
-                                *ngFor="let column of sortedColumns"
-                                cdkDrag
-                                [cdkDragData]="column"
-                                class="draggable-column-item"
-                                (click)="$event.stopPropagation();">
-                                <mat-icon class="drag-handle">drag_indicator</mat-icon>
-                                <mat-checkbox
-                                    [disabled]="tableData.displayedDataColumns.length === 1 && column.selected"
-                                    (change)="onColumnVisibilityChange()"
-                                    [(ngModel)]="column.selected">
-                                    {{column.normalizedTitle}}
-                                </mat-checkbox>
-                            </button>
-                        </div>
-                    </mat-menu>
-                </div>
-                <button mat-icon-button type="button"
-                    class="actions__transfer"
-                    *ngIf="canEditConnection() && tableData && (tableData.isImportAllowed || tableData.isExportAllowed)"
-                    matTooltip="Import / Export"
-                    [matMenuTriggerFor]="transferDataMenu"
-                    angulartics2On="click"
-                    angularticsAction="Dashboard: settings dropdown is clicked"
-                    (click)="posthog.capture('Dashboard: settings dropdown is clicked')">
-                    <mat-icon fontSet="material-symbols-outlined">swap_vert</mat-icon>
-                </button>
-                <mat-menu #transferDataMenu="matMenu">
-                    <button mat-menu-item *ngIf="tableData && tableData.isImportAllowed" type="button"
-                        angulartics2On="click"
-                        angularticsAction="Dashboard: import is clicked"
-                        (click)="handleOpenImportDialog(); posthog.capture('Dashboard: import is clicked')">
-                        Import
-                    </button>
-                    <button mat-menu-item *ngIf="tableData && tableData.isExportAllowed" type="button"
-                        angulartics2On="click"
-                        angularticsAction="Dashboard: export is clicked"
-                        (click)="handleOpenExportDialog(); posthog.capture('Dashboard: export is clicked')">
-                        Export
-                    </button>
-                </mat-menu>
-                <button mat-icon-button type="button"
-                    class="actions__settings"
-                    *ngIf="canEditConnection()"
-                    [matMenuTriggerFor]="settingsMenu"
-                    angulartics2On="click"
-                    angularticsAction="Dashboard: settings dropdown is clicked"
-                    (click)="posthog.capture('Dashboard: settings dropdown is clicked')">
-                    <mat-icon fontSet="material-symbols-outlined">settings</mat-icon>
-                </button>
-            </div>
-        </div>
-    </ng-template>
-
-    <mat-menu #settingsMenu="matMenu">
-        <a mat-menu-item *ngIf="tableData"
-            routerLink="/dashboard/{{connectionID}}/{{name}}/widgets"
-            [ngClass]="{'action_active': tableData.widgetsCount}"
-            angulartics2On="click"
-            angularticsAction="Dashboard: widgets is clicked"
-            (click)="posthog.capture('Dashboard: widgets is clicked')">
-            UI Widgets
-        </a>
-        <a mat-menu-item *ngIf="tableData" [ngClass]="{ 'action-button_disabled': !tableData.keyAttributes?.length }"
-            routerLink="/dashboard/{{connectionID}}/{{name}}/actions"
-            [disabled]="!tableData.keyAttributes?.length"
-            angulartics2On="click"
-            angularticsAction="Dashboard: actions is clicked"
-            (click)="posthog.capture('Dashboard: actions is clicked')">
-            Automations
-            <br />
-            <span *ngIf="!tableData.keyAttributes?.length" class="mat-small">
-                Primary keys are required.
-            </span>
-        </a>
-        <a mat-menu-item *ngIf="canEditConnection()"
-            routerLink="/dashboard/{{connectionID}}/{{name}}/settings"
-            angulartics2On="click"
-            angularticsAction="Dashboard: settings is clicked"
-            (click)="posthog.capture('Dashboard: settings is clicked')">
-            Settings
-        </a>
-
-        <mat-divider class="settings-menu__transfer"
-            *ngIf="canEditConnection() && tableData && (tableData.isImportAllowed || tableData.isExportAllowed)"></mat-divider>
-        <button mat-menu-item type="button"
-            class="settings-menu__transfer"
-            *ngIf="tableData && tableData.isImportAllowed"
-            angulartics2On="click"
-            angularticsAction="Dashboard: import is clicked"
-            (click)="handleOpenImportDialog(); posthog.capture('Dashboard: import is clicked')">
-            <mat-icon fontSet="material-symbols-outlined">upload</mat-icon>
-            <span>Import</span>
-        </button>
-        <button mat-menu-item type="button"
-            class="settings-menu__transfer"
-            *ngIf="tableData && tableData.isExportAllowed"
-            angulartics2On="click"
-            angularticsAction="Dashboard: export is clicked"
-            (click)="handleOpenExportDialog(); posthog.capture('Dashboard: export is clicked')">
-            <mat-icon fontSet="material-symbols-outlined">download</mat-icon>
-            <span>Export</span>
-        </button>
-    </mat-menu>
-</div>
-
-<a mat-fab extended class="add-row-fab"
-    *ngIf="tableData && canAddRow()"
-    color="primary"
-    routerLink="/dashboard/{{connectionID}}/{{name}}/entry"
-    data-testid="table-add-record-link"
-    angulartics2On="click"
-    angularticsAction="Dashboard: add row is clicked"
-    (click)="stashUrlParams(); posthog.capture('Dashboard: add row is clicked')">
-    <mat-icon>add</mat-icon>
-    Add row
-</a>
-
-<div *ngIf="getFiltersCount(activeFilters) !== 0 && !hasSavedFilterActive" class="active-filters">
-    <mat-chip-row *ngFor="let activeFilter of activeFilters | keyvalue"
-        class="db-table-active-filter-chip ph-no-capture"
-        (removed)="removeFilter.emit(activeFilter.key)"
-        (click)="handleActiveFilterClick(activeFilter.key)">
-        {{ getFilter(activeFilter) }}
-        <button type="button" matChipRemove
-            (click)="$event.stopPropagation()">
-            <mat-icon>cancel</mat-icon>
-        </button>
-    </mat-chip-row>
-</div>
-
-<div class="saved-filters-row">
-    <div class="saved-filters-row__mobile-actions">
-        <button mat-icon-button type="button" *ngIf="tableData && tableData.displayedColumns && tableData.columns"
-            class="saved-filters-row__columns"
-            matTooltip="Columns"
-            (click)="openColumnsSheet()">
-            <mat-icon fontSet="material-symbols-outlined">view_week</mat-icon>
-        </button>
-
-        <button mat-button type="button" *ngIf="tableData && tableData.displayedDataColumns?.length"
-            class="mobile-sort-button"
-            [ngClass]="{'mobile-sort-button_active': sort.active && sort.direction}"
-            (click)="openSortSheet()">
-            <mat-icon fontSet="material-symbols-outlined">swap_vert</mat-icon>
-            <span class="mobile-sort-button__label">Sort by</span>
-        </button>
-    </div>
-
-    <app-saved-filters-panel *ngIf="tableData && tableData.structure && tableData.widgets"
-        [connectionID]="connectionID"
-        [selectedTableName]="name"
-        [selectedTableDisplayName]="displayName"
-        [structure]="tableData.structure"
-        [tableWidgets]="tableData.widgets"
-        [tableForeignKeys]="tableData.foreignKeys"
-        [tableTypes]="tableData.tableTypes"
-        (filterSelected)="onFilterSelected($event)"
-    ></app-saved-filters-panel>
-</div>
-
-<!-- Table View -->
-<div *ngIf="tableData && tableData.loading$ | async" class="skeleton mat-elevation-z4">
-    <app-placeholder-table-data></app-placeholder-table-data>
-</div>
-
-<div [ngClass]="{hidden: !tableData || (tableData.loading$ | async)}" class="mat-elevation-z4 table-surface">
-    <div class="table-box">
-        <mat-table matSort [dataSource]="tableData" NgMatTableQueryReflector
-            class="db-table"
-            [ngClass]="actionsColumnWidth === '0' ? 'db-table_withoutActions' : 'db-table_withActions'"
-            [style.--colCount]="tableData.displayedDataColumns?.length"
-            [style.--lastColumnWidth]="actionsColumnWidth">
-
-            <ng-container matColumnDef="select">
-                <th mat-header-cell *matHeaderCellDef>
-                  <mat-checkbox data-testid="table-select-all-checkbox"
-                        (change)="$event ? toggleAllRows() : null"
-                        [checked]="selection.hasValue() && isAllSelected()"
-                        [disabled]="tableData.isEmptyTable"
-                        [indeterminate]="selection.hasValue() && !isAllSelected()"
-                        [aria-label]="checkboxLabel()">
-                  </mat-checkbox>
-                </th>
-                <td mat-cell *matCellDef="let row; let i = index" class="db-table-cell-checkbox"
-                    (click)="$event.stopPropagation()">
-                  <mat-checkbox class="db-table-checkbox"
-                        attr.data-testid="table-select-record-{{i}}-checkbox"
-                        (click)="$event.stopPropagation()"
-                        (change)="$event ? selection.toggle(row) : null"
-                        [checked]="selection.isSelected(row)"
-                        [aria-label]="checkboxLabel(row)">
-                  </mat-checkbox>
-                </td>
-            </ng-container>
-
-            <ng-container [matColumnDef]="column" *ngFor="let column of tableData.displayedDataColumns">
-                <mat-header-cell *matHeaderCellDef class="sortable-header" [class.sortable-header_active]="sort.active === column">
-                    <div class="sortable-header__content">
-                        <span class="sortable-header__text">{{ tableData.dataNormalizedColumns[column] }}</span>
-                        <button type="button" *ngIf="isSortable(column)"
-                            mat-icon-button
-                            class="sortable-header__button"
-                            [matMenuTriggerFor]="sortMenu">
-                            <mat-icon class="sortable-header__icon">
-                                {{ sort.active === column ? (sort.direction === 'asc' ? 'arrow_upward' : 'arrow_downward') : 'unfold_more' }}
-                            </mat-icon>
-                        </button>
-                    </div>
-                    <mat-menu #sortMenu="matMenu" class="sort-menu">
-                        <button type="button" mat-menu-item (click)="applySort(column, 'asc'); $event.stopPropagation()"
-                            class="sort-menu__item">
-                            <span class="sort-menu__item-content" [class.sort-menu__item-content_active]="sort.active === column && sort.direction === 'asc'">
-                                <mat-icon>arrow_upward</mat-icon>
-                                <span>Ascending (A-Z)</span>
-                            </span>
-                        </button>
-                        <button type="button" mat-menu-item (click)="applySort(column, 'desc'); $event.stopPropagation()"
-                            class="sort-menu__item">
-                            <span class="sort-menu__item-content" [class.sort-menu__item-content_active]="sort.active === column && sort.direction === 'desc'">
-                                <mat-icon>arrow_downward</mat-icon>
-                                <span>Descending (Z-A)</span>
-                            </span>
-                        </button>
-                        <mat-divider></mat-divider>
-                        <button type="button" mat-menu-item (click)="toggleDefaultSort(column); $event.stopPropagation()"
-                            class="sort-menu__item"
-                            [disabled]="(sort.active !== column || !sort.direction) && !isDefaultSort(column)"
-                            [matTooltip]="(sort.active !== column || !sort.direction) && !isDefaultSort(column) ? 'Select sort order first' : ''"
-                            matTooltipPosition="left">
-                            <mat-icon class="sort-menu__lock-icon">{{ isDefaultSort(column) ? 'lock' : 'lock_open' }}</mat-icon>
-                            <span>{{ isDefaultSort(column) ? 'Remove default' : 'Set as default' }}</span>
-                        </button>
-                    </mat-menu>
-                </mat-header-cell>
-                <mat-cell *matCellDef="let element; let i = index"
-                    [attr.data-label]="tableData.dataNormalizedColumns[column] + (sort.active === column && sort.direction ? (sort.direction === 'asc' ? ' ↑' : ' ↓') : '')"
-                    class="db-table-cell ph-no-capture">
-                    <div class="table-cell-content">
-                        <ng-container *ngIf="isForeignKey(column); else contentCell">
-                            <app-display-foreign-key
-                                [key]="i"
-                                [relations]="tableData.foreignKeys[column]"
-                                [value]="getCellValue(tableData.foreignKeys[column], element[column])"
-                                [isSelected]="isForeignKeySelected(element[column], tableData.foreignKeys[column])"
-                                (onForeignKeyClick)="handleForeignKeyView(tableData.foreignKeys[column], element[column])"
-                                (onCopyToClipboard)="showCopyNotification('Field value was copied to clipboard.')">
-                            </app-display-foreign-key>
-                        </ng-container>
-                        <ng-template #contentCell>
-                            <ndc-dynamic *ngIf="isWidget(column) && tableData.widgets[column].widget_type; else simpleValue"
-                                [ndcDynamicComponent]="UIwidgets[tableData.widgets[column].widget_type]"
-                                [ndcDynamicInputs]="{
-                                    key: i,
-                                    value: element[column],
-                                    widgetStructure: tableData.widgets[column],
-                                    rowData: element,
-                                    primaryKeys: tableData.keyAttributes
-                                }"
-                                [ndcDynamicOutputs]="{
-                                    onCopyToClipboard: { handler: showCopyNotification, args: ['$event'] }
-                                }">
-                            </ndc-dynamic>
-                            <ng-template #simpleValue>
-                                <ndc-dynamic
-                                    [ndcDynamicComponent]="displayCellComponents[tableData.tableTypes[column]]"
-                                    [ndcDynamicInputs]="{
-                                        key: i,
-                                        value: element[column]
-                                    }"
-                                    [ndcDynamicOutputs]="{
-                                        onCopyToClipboard: { handler: showCopyNotification, args: [ '$event' ] }
-                                    }">
-                                </ndc-dynamic>
-                            </ng-template>
-                        </ng-template>
-                    </div>
-                </mat-cell>
-            </ng-container>
-
-            <ng-container matColumnDef="actions" [stickyEnd]="true">
-                <mat-header-cell *matHeaderCellDef class="db-table-header-actions">Actions</mat-header-cell>
-
-                <mat-cell *matCellDef="let element; let i = index" class="db-table-cell-actions"
-                    (click)="$event.stopPropagation()">
-                    <ng-container *ngIf="tableData.tableActions && tableData.tableActions.length">
-                        <button type="button" mat-icon-button *ngFor="let action of tableData.tableActions"
-                            class="db-table-cell-action-button"
-                            [matTooltip]="action.title"
-                            (click)="handleAction($event, action, element)">
-                            <mat-icon fontSet="material-symbols-outlined">
-                                {{action.icon}}
-                            </mat-icon>
-                        </button>
-                    </ng-container>
-                    <a mat-icon-button *ngIf="canEditRow()"
-                        routerLink="/dashboard/{{connectionID}}/{{name}}/entry"
-                        [queryParams]="tableData.getQueryParams(element)"
-                        class="db-table-cell-action-button"
-                        attr.data-testid="table-edit-record-{{i}}-link"
-                        attr.data-test-primary-key-name="{{tableData.keyAttributes[0]?.column_name}}"
-                        attr.data-test-primary-key-value="{{element[tableData.keyAttributes[0]?.column_name]}}"
-                        angulartics2On="click"
-                        angularticsAction="Dashboard: edit row is clicked"
-                        matTooltip="Edit row"
-                        (click)="$event.stopPropagation(); stashUrlParams(); posthog.capture('Dashboard: edit row is clicked')">
-                        <mat-icon fontSet="material-symbols-outlined">create</mat-icon>
-                    </a>
-                    <a mat-icon-button *ngIf="canAddRow()"
-                        routerLink="/dashboard/{{connectionID}}/{{name}}/entry"
-                        [queryParams]="tableData.getQueryParams(element, 'dub')"
-                        class="db-table-cell-action-button"
-                        attr.data-testid="table-duplicate-record-{{i}}-link"
-                        attr.data-test-primary-key-name="{{tableData.keyAttributes[0]?.column_name}}"
-                        attr.data-test-primary-key-value="{{element[tableData.keyAttributes[0]?.column_name]}}"
-                        angulartics2On="click"
-                        angularticsAction="Dashboard: duplicate row is clicked"
-                        matTooltip="Duplicate row"
-                        (click)="$event.stopPropagation(); stashUrlParams(); posthog.capture('Dashboard: duplicate row is clicked')">
-                        <mat-icon fontSet="material-symbols-outlined">difference</mat-icon>
-                    </a>
-                    <button type="button" mat-icon-button *ngIf="canDeleteRow() && tableData.canDelete"
-                        class="db-table-cell-action-button"
-                        attr.data-testid="table-delete-record-{{i}}-button"
-                        angulartics2On="click"
-                        angularticsAction="Dashboard: delete row is clicked"
-                        matTooltip="Delete row"
-                        (click)="handleDeleteRow($event, element); posthog.capture('Dashboard: delete row is clicked')">
-                        <mat-icon fontSet="material-symbols-outlined">delete</mat-icon>
-                    </button>
-                </mat-cell>
-            </ng-container>
-
-            <mat-header-row
-                *matHeaderRowDef="actionsColumnWidth === '0' ? tableData.displayedDataColumns : tableData.displayedColumns"
-                class="db-table-header-row">
-            ></mat-header-row>
-            <mat-row *matRowDef="let row; columns: actionsColumnWidth === '0' ? tableData.displayedDataColumns : tableData.displayedColumns;"
-                class="db-table-row"
-                [ngClass]="{'db-table-row_selected': isRowSelected(tableData.getQueryParams(row))}"
-                (click)="handleViewRow(row)">
-            </mat-row>
-        </mat-table>
-    </div>
-
-    <div *ngIf="tableData.isEmptyTable && !getFiltersCount(activeFilters) && searchString" class="empty-table">
-        <p class="mat-body-1">No field matches <span style="font-family: monospace;">"{{staticSearchString}}"</span>.</p>
-        <p class="mat-body-1">If you want to find <u>substring</u>, please, use <strong>Filter</strong>.</p>
-    </div>
-
-    <div *ngIf="tableData.isEmptyTable && (getFiltersCount(activeFilters) || hasSavedFilterActive) && !searchString" class="empty-table">
-        <mat-icon class="empty-table__icon">filter_list_off</mat-icon>
-        <p class="mat-body-1">
-            {{ hasSavedFilterActive ? 'No records match the selected fast filter' : 'No records match this filter' }}
-        </p>
-    </div>
-
-    <div *ngIf="tableData.isEmptyTable && !(getFiltersCount(activeFilters) || hasSavedFilterActive || searchString)" class="empty-table">
-        <a mat-button color="accent"
-            routerLink="/dashboard/{{connectionID}}/{{name}}/entry"
-            angulartics2On="click"
-            angularticsAction="Dashboard: add row is clicked"
-            (click)="posthog.capture('Dashboard: add row is clicked')"
-            data-testid="table-add-record-in-empty-table-link">
-            <mat-icon>add</mat-icon>
-            Add row
-        </a>
-    </div>
-
-    <mat-paginator data-testid="table-paginator"
-        [pageSize]="30"
-        [pageSizeOptions]="[10, 30, 100, 300]"
-        [showFirstLastButtons]="!tableData.largeDataset">
-    </mat-paginator>
-    <!--(page)="scrollUp()"}-->
-</div>
-
-<!-- Table selector bottom sheet (rendered at root to avoid stacking-context clipping) -->
-<div *ngIf="tableSwitcherOpen" class="table-sheet-backdrop" (click)="closeTableSwitcher()"></div>
-<div *ngIf="tableSwitcherOpen" class="table-sheet">
-    <div class="table-sheet__handle" aria-hidden="true"></div>
-    <div class="table-sheet__header">
-        <span class="table-sheet__title">Select table</span>
-        <button type="button" mat-icon-button (click)="closeTableSwitcher()">
-            <mat-icon>close</mat-icon>
-        </button>
-    </div>
-
-    <div class="table-sheet__search">
-        <mat-icon class="table-sheet__search-icon">search</mat-icon>
-        <input #tableSwitcherSearchInput type="text"
-            class="table-sheet__search-input"
-            placeholder="Search tables"
-            [(ngModel)]="tableSwitcherSearch"
-            autocomplete="off" />
-        <mat-icon *ngIf="tableSwitcherSearch"
-            class="table-sheet__search-clear"
-            (click)="clearTableSwitcherSearch()">
-            close
-        </mat-icon>
-    </div>
-
-    <div class="table-sheet__list">
-        <ng-container *ngFor="let folder of filteredTableFoldersForSelect">
-            <button type="button" class="table-sheet__group-label"
-                (click)="toggleFolderCollapse(folder.category_id)">
-                <mat-icon class="material-symbols-outlined table-sheet__group-icon"
-                    [style.color]="folder.category_id === 'all-tables-kitten' ? null : (folder.category_color || null)">
-                    {{ folder.category_id === 'all-tables-kitten' ? 'dehaze' : 'folder' }}
-                </mat-icon>
-                <span class="table-sheet__group-name">{{ folder.category_name }}</span>
-                <span class="table-sheet__group-count">{{ folder.tables.length }}</span>
-                <mat-icon class="table-sheet__group-chevron">
-                    {{ isFolderCollapsed(folder.category_id) ? 'chevron_right' : 'expand_more' }}
-                </mat-icon>
-            </button>
-            <ng-container *ngIf="!isFolderCollapsed(folder.category_id)">
-                <button type="button" class="table-sheet__item" *ngFor="let table of folder.tables"
-                    [class.table-sheet__item_active]="table.table === name"
-                    (click)="switchTableFromSheet(table.table)">
-                    <span class="table-sheet__item-name">{{ table.normalizedTableName || table.display_name || table.table }}</span>
-                    <mat-icon *ngIf="table.table === name" class="table-sheet__item-check">check</mat-icon>
-                </button>
-            </ng-container>
-        </ng-container>
-        <ng-container *ngIf="filteredUncategorizedTables.length">
-            <div class="table-sheet__group-label">Others</div>
-            <button type="button" class="table-sheet__item" *ngFor="let table of filteredUncategorizedTables"
-                [class.table-sheet__item_active]="table.table === name"
-                (click)="switchTableFromSheet(table.table)">
-                <span class="table-sheet__item-name">{{ table.normalizedTableName || table.display_name || table.table }}</span>
-                <mat-icon *ngIf="table.table === name" class="table-sheet__item-check">check</mat-icon>
-            </button>
-        </ng-container>
-
-        <div *ngIf="tableSwitcherSearch && !filteredTableFoldersForSelect.length && !filteredUncategorizedTables.length"
-            class="table-sheet__empty">
-            No tables match "{{ tableSwitcherSearch }}".
-        </div>
-    </div>
-</div>
-
-<!-- Sort bottom sheet -->
-<div *ngIf="sortSheetOpen" class="table-sheet-backdrop" (click)="closeSortSheet()"></div>
-<div *ngIf="sortSheetOpen" class="table-sheet">
-    <div class="table-sheet__handle" aria-hidden="true"></div>
-    <div class="table-sheet__header">
-        <span class="table-sheet__title">Sort by</span>
-        <button type="button" mat-icon-button (click)="closeSortSheet()">
-            <mat-icon>close</mat-icon>
-        </button>
-    </div>
-
-    <div class="table-sheet__list">
-        <ng-container *ngFor="let column of sortableDataColumns">
-            <button type="button" class="sort-sheet__row"
-                [class.sort-sheet__row_expanded]="sortExpandedColumn === column"
-                (click)="toggleSortColumn(column)">
-                <span class="sort-sheet__col-name">{{ tableData.dataNormalizedColumns[column] }}</span>
-                <mat-icon class="sort-sheet__row-indicator">
-                    {{ sort.active === column && sort.direction ? (sort.direction === 'asc' ? 'arrow_upward' : 'arrow_downward') : 'unfold_more' }}
-                </mat-icon>
-            </button>
-
-            <div class="sort-sheet__options" *ngIf="sortExpandedColumn === column">
-                <button type="button" class="sort-sheet__opt"
-                    [class.sort-sheet__opt_active]="sort.active === column && sort.direction === 'asc'"
-                    (click)="applySort(column, 'asc')">
-                    <mat-icon>arrow_upward</mat-icon>
-                    <span>Ascending (A-Z)</span>
-                </button>
-                <button type="button" class="sort-sheet__opt"
-                    [class.sort-sheet__opt_active]="sort.active === column && sort.direction === 'desc'"
-                    (click)="applySort(column, 'desc')">
-                    <mat-icon>arrow_downward</mat-icon>
-                    <span>Descending (Z-A)</span>
-                </button>
-                <button type="button" class="sort-sheet__opt sort-sheet__opt_default"
-                    [class.sort-sheet__opt_active]="isDefaultSort(column)"
-                    [disabled]="(sort.active !== column || !sort.direction) && !isDefaultSort(column)"
-                    (click)="toggleDefaultSort(column)">
-                    <mat-icon fontSet="material-symbols-outlined">push_pin</mat-icon>
-                    <span>{{ isDefaultSort(column) ? 'Remove default' : 'Set as default' }}</span>
-                </button>
-            </div>
-        </ng-container>
-    </div>
-</div>
-
-<!-- Columns bottom sheet -->
-<div *ngIf="columnsSheetOpen" class="table-sheet-backdrop" (click)="closeColumnsSheet()"></div>
-<div *ngIf="columnsSheetOpen" class="table-sheet">
-    <div class="table-sheet__handle" aria-hidden="true"></div>
-    <div class="table-sheet__header">
-        <span class="table-sheet__title">Columns</span>
-        <button type="button" mat-icon-button (click)="closeColumnsSheet()">
-            <mat-icon>close</mat-icon>
-        </button>
-    </div>
-
-    <div class="table-sheet__list" *ngIf="tableData">
-        <div cdkDropList (cdkDropListDropped)="onColumnsMenuDrop($event)" class="columns-sheet__list">
-            <div *ngFor="let column of sortedColumns"
-                cdkDrag
-                [cdkDragData]="column"
-                class="columns-sheet__item">
-                <mat-icon class="columns-sheet__drag-handle" cdkDragHandle>drag_indicator</mat-icon>
-                <mat-checkbox
-                    class="columns-sheet__checkbox"
-                    [disabled]="tableData.displayedDataColumns.length === 1 && column.selected"
-                    (change)="onColumnVisibilityChange()"
-                    [(ngModel)]="column.selected">
-                    {{ column.normalizedTitle }}
-                </mat-checkbox>
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- Import / Export bottom sheet -->
-<div *ngIf="transferSheetOpen" class="table-sheet-backdrop" (click)="closeTransferSheet()"></div>
-<div *ngIf="transferSheetOpen" class="table-sheet">
-    <div class="table-sheet__handle" aria-hidden="true"></div>
-    <div class="table-sheet__header">
-        <span class="table-sheet__title">Import / Export</span>
-        <button type="button" mat-icon-button (click)="closeTransferSheet()">
-            <mat-icon>close</mat-icon>
-        </button>
-    </div>
-
-    <div class="table-sheet__list" *ngIf="tableData">
-        <button type="button" class="table-sheet__item" *ngIf="tableData.isImportAllowed"
-            angulartics2On="click"
-            angularticsAction="Dashboard: import is clicked"
-            (click)="closeTransferSheet(); handleOpenImportDialog(); posthog.capture('Dashboard: import is clicked')">
-            <mat-icon class="table-sheet__item-icon" fontSet="material-symbols-outlined">upload</mat-icon>
-            <span class="table-sheet__item-name">Import</span>
-        </button>
-        <button type="button" class="table-sheet__item" *ngIf="tableData.isExportAllowed"
-            angulartics2On="click"
-            angularticsAction="Dashboard: export is clicked"
-            (click)="closeTransferSheet(); handleOpenExportDialog(); posthog.capture('Dashboard: export is clicked')">
-            <mat-icon class="table-sheet__item-icon" fontSet="material-symbols-outlined">download</mat-icon>
-            <span class="table-sheet__item-name">Export</span>
-        </button>
-    </div>
-</div>
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.spec.ts
deleted file mode 100644
index 11fba7e69..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.spec.ts
+++ /dev/null
@@ -1,271 +0,0 @@
-import { SelectionModel } from '@angular/cdk/collections';
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatIconTestingModule } from '@angular/material/icon/testing';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { MatSortModule } from '@angular/material/sort';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { TablesDataSource } from '../db-tables-data-source';
-import { DbTableViewComponent } from './db-table-view.component';
-
-describe('DbTableViewComponent', () => {
-	let component: DbTableViewComponent;
-	let fixture: ComponentFixture<DbTableViewComponent>;
-
-	const _mockWidgets = {
-		Region: {
-			id: 'c768dde8-7348-46e8-a522-718a29b705e8',
-			field_name: 'Region',
-			widget_type: 'Select',
-			widget_params: {
-				options: [
-					{
-						value: 'AK',
-						label: 'Alaska',
-					},
-					{
-						value: 'CA',
-						label: 'California',
-					},
-				],
-			},
-			widget_options: null,
-			name: 'State',
-			description: '',
-		},
-		address_id: {
-			id: 'ee3125ca-86cc-4c20-93f9-8a0b2c43d61f',
-			field_name: 'address_id',
-			widget_type: 'String',
-			widget_params: '',
-			widget_options: null,
-			name: '',
-			description: '',
-		},
-	};
-
-	const _mockSelectOption = {
-		Region: [
-			{
-				value: 'AK',
-				label: 'Alaska',
-			},
-			{
-				value: 'CA',
-				label: 'California',
-			},
-		],
-	};
-
-	const mockFilterComparators = {
-		first_name: 'startswith',
-		second_name: 'endswith',
-		email: 'contains',
-		age: 'gt',
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				MatMenuModule,
-				MatSnackBarModule,
-				MatPaginatorModule,
-				BrowserAnimationsModule,
-				MatSortModule,
-				FormsModule,
-				MatDialogModule,
-				MatIconTestingModule,
-				Angulartics2Module.forRoot({}),
-				DbTableViewComponent,
-			],
-			providers: [provideHttpClient(), provideRouter([])],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DbTableViewComponent);
-		component = fixture.componentInstance;
-		component.table = new TablesDataSource({} as any, {} as any, {} as any);
-		component.selection = new SelectionModel<any>(true, []);
-		component.filterComparators = mockFilterComparators;
-		fixture.autoDetectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should check if column is foreign key', () => {
-		component.tableData.foreignKeysList = ['ProductId', 'CustomerId'];
-		const isForeignKeyResult = component.isForeignKey('ProductId');
-		expect(isForeignKeyResult).toBe(true);
-	});
-
-	it('should return query params for link for foreign key', () => {
-		const foreignKey = {
-			autocomplete_columns: ['FirstName'],
-			column_name: 'CustomerId',
-			column_default: null,
-			constraint_name: 'Orders_ibfk_2',
-			referenced_column_name: 'Id',
-			referenced_table_name: 'Customers',
-		};
-
-		const cell = {
-			Id: 42,
-		};
-
-		const queryParams = component.getForeignKeyQueryParams(foreignKey, cell);
-		expect(queryParams).toEqual({ Id: 42 });
-	});
-
-	it('should check if it is widget by column name', () => {
-		component.tableData.widgetsList = ['Name', 'Age'];
-
-		const isWigetAge = component.isWidget('Age');
-
-		expect(isWigetAge).toBe(true);
-	});
-
-	it('should return 2 for active filters with object of two fileds', () => {
-		const numberOfFilters = component.getFiltersCount({ Country: 'С', Name: 'John' });
-
-		expect(numberOfFilters).toEqual(2);
-	});
-
-	it('should emit open filters actions to parent', () => {
-		const mockStructure = [
-			{
-				column_name: 'first_name',
-				column_default: null,
-				data_type: 'character varying',
-				isExcluded: false,
-				isSearched: false,
-				auto_increment: false,
-				allow_null: true,
-				character_maximum_length: 45,
-			},
-		];
-		const mockForeignKeysList = [];
-		const mockForeignKeys = {};
-		const mockWidgets = [];
-		component.tableData.structure = mockStructure;
-		component.tableData.foreignKeysList = mockForeignKeysList;
-		component.tableData.foreignKeys = mockForeignKeys;
-		component.tableData.widgets = mockWidgets;
-		vi.spyOn(component.openFilters, 'emit');
-
-		component.handleOpenFilters();
-
-		expect(component.openFilters.emit).toHaveBeenCalledWith({
-			structure: mockStructure,
-			foreignKeysList: mockForeignKeysList,
-			foreignKeys: mockForeignKeys,
-			widgets: mockWidgets,
-		});
-		expect(component.searchString).toEqual('');
-	});
-
-	it('should clear search string and emit search by string to parent', () => {
-		vi.spyOn(component.search, 'emit');
-
-		component.clearSearch();
-
-		expect(component.searchString).toBeNull();
-		expect(component.search.emit).toHaveBeenCalledWith(null);
-	});
-
-	it('should return filter chip label for starts with comparator', () => {
-		const chipFilterLable = component.getFilter({ key: 'first_name', value: { startswith: 'A' } });
-
-		expect(chipFilterLable).toEqual('First Names = A...');
-	});
-
-	it('should return filter chip label for ends with comparator', () => {
-		const chipFilterLable = component.getFilter({ key: 'second_name', value: { endswith: 'y' } });
-
-		expect(chipFilterLable).toEqual('Second Names = ...y');
-	});
-
-	it('should return filter chip label for contains comparator', () => {
-		const chipFilterLable = component.getFilter({ key: 'email', value: { contains: 'gmail' } });
-
-		expect(chipFilterLable).toEqual('Emails = ...gmail...');
-	});
-
-	it('should return filter chip label for greater than comparator', () => {
-		const chipFilterLable = component.getFilter({ key: 'age', value: { gt: '20' } });
-
-		expect(chipFilterLable).toEqual('Ages > 20');
-	});
-
-	it('should return human readable value of foreign key if identitty field was not pointed', () => {
-		const foreignKey = {
-			autocomplete_columns: ['FirstName'],
-			column_name: 'CustomerId',
-			column_default: null,
-			constraint_name: 'Orders_ibfk_2',
-			referenced_column_name: 'Id',
-			referenced_table_name: 'Customers',
-		};
-
-		const cell = {
-			Id: 42,
-		};
-
-		const value = component.getCellValue(foreignKey, cell);
-		expect(value).toEqual(42);
-	});
-
-	it('should return human readable value of foreign key if identity field was pointed', () => {
-		const foreignKey = {
-			autocomplete_columns: ['FirstName'],
-			column_name: 'CustomerId',
-			column_default: null,
-			constraint_name: 'Orders_ibfk_2',
-			referenced_column_name: 'Id',
-			referenced_table_name: 'Customers',
-		};
-
-		const cell = {
-			Id: 42,
-			name: 'John',
-		};
-
-		const value = component.getCellValue(foreignKey, cell);
-		expect(value).toEqual('John');
-	});
-
-	it('should return null (not throw) when foreign key cell is null', () => {
-		const foreignKey = {
-			autocomplete_columns: ['FirstName'],
-			column_name: 'CustomerId',
-			column_default: null,
-			constraint_name: 'Orders_ibfk_2',
-			referenced_column_name: 'Id',
-			referenced_table_name: 'Customers',
-		};
-
-		expect(component.getCellValue(foreignKey, null)).toBeNull();
-		expect(component.getCellValue(foreignKey, undefined)).toBeNull();
-	});
-
-	it('should not throw in isForeignKeySelected when record is null', () => {
-		const foreignKey = {
-			autocomplete_columns: ['FirstName'],
-			column_name: 'CustomerId',
-			column_default: null,
-			constraint_name: 'Orders_ibfk_2',
-			referenced_column_name: 'Id',
-			referenced_table_name: 'Customers',
-		};
-
-		expect(component.isForeignKeySelected(null, foreignKey)).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.ts
deleted file mode 100644
index 8f151871c..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-view.component.ts
+++ /dev/null
@@ -1,1103 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { SelectionModel } from '@angular/cdk/collections';
-import { CdkDragDrop, DragDropModule, moveItemInArray } from '@angular/cdk/drag-drop';
-import { CommonModule } from '@angular/common';
-import {
-	ChangeDetectorRef,
-	Component,
-	computed,
-	EventEmitter,
-	HostListener,
-	Input,
-	inject,
-	OnChanges,
-	OnInit,
-	Output,
-	SimpleChanges,
-	signal,
-	ViewChild,
-} from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatChipsModule } from '@angular/material/chips';
-import { MatDialog, MatDialogModule } from '@angular/material/dialog';
-import { MatDividerModule } from '@angular/material/divider';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatPaginator, MatPaginatorIntl, MatPaginatorModule } from '@angular/material/paginator';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSort, MatSortModule } from '@angular/material/sort';
-import { MatTableModule } from '@angular/material/table';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { ActivatedRoute, Router, RouterModule } from '@angular/router';
-import JsonURL from '@jsonurl/jsonurl';
-import { Angulartics2OnModule } from 'angulartics2';
-import JSON5 from 'json5';
-import { DynamicModule } from 'ng-dynamic-component';
-import { SignalComponentIoModule } from 'ng-dynamic-component/signal-component-io';
-import posthog from 'posthog-js';
-import { merge } from 'rxjs';
-import { tap } from 'rxjs/operators';
-import { formatFieldValue } from 'src/app/lib/format-field-value';
-import { getTableTypes } from 'src/app/lib/setup-table-row-structure';
-import { CustomAction, TableForeignKey, TableOrdering, TableProperties, TableRow, Widget } from 'src/app/models/table';
-import { CedarPermissionService } from 'src/app/services/cedar-permission.service';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { NotificationsService } from 'src/app/services/notifications.service';
-import { TableRowService } from 'src/app/services/table-row.service';
-import { TableStateService } from 'src/app/services/table-state.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { tableDisplayTypes, UIwidgets } from '../../../consts/table-display-types';
-import { normalizeTableName } from '../../../lib/normalize';
-import { PlaceholderTableDataComponent } from '../../skeletons/placeholder-table-data/placeholder-table-data.component';
-import { ForeignKeyDisplayComponent } from '../../ui-components/table-display-fields/foreign-key/foreign-key.component';
-import { DbTableExportDialogComponent } from './db-table-export-dialog/db-table-export-dialog.component';
-import { DbTableFiltersDialogComponent } from './db-table-filters-dialog/db-table-filters-dialog.component';
-import { DbTableImportDialogComponent } from './db-table-import-dialog/db-table-import-dialog.component';
-import { SavedFiltersPanelComponent } from './saved-filters-panel/saved-filters-panel.component';
-
-interface Column {
-	title: string;
-	selected: boolean;
-}
-
-interface TableCategory {
-	category_id: string;
-	category_name: string;
-	category_color?: string;
-	tables: TableProperties[];
-}
-
-@Component({
-	selector: 'app-db-table-view',
-	standalone: true,
-	templateUrl: './db-table-view.component.html',
-	styleUrls: ['./db-table-view.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		RouterModule,
-		MatTableModule,
-		MatPaginatorModule,
-		MatSortModule,
-		MatButtonModule,
-		MatIconModule,
-		MatCheckboxModule,
-		MatChipsModule,
-		MatDialogModule,
-		MatDividerModule,
-		MatFormFieldModule,
-		MatSelectModule,
-		ReactiveFormsModule,
-		MatInputModule,
-		MatAutocompleteModule,
-		MatMenuModule,
-		MatTooltipModule,
-		ClipboardModule,
-		DragDropModule,
-		Angulartics2OnModule,
-		PlaceholderTableDataComponent,
-		DynamicModule,
-		SignalComponentIoModule,
-		ForeignKeyDisplayComponent,
-		SavedFiltersPanelComponent,
-	],
-})
-export class DbTableViewComponent implements OnInit, OnChanges {
-	protected posthog = posthog;
-	@Input() name: string;
-	@Input() displayName: string;
-	@Input() connectionID: string;
-	@Input() isTestConnection: boolean;
-	@Input() activeFilters: object;
-	@Input() filterComparators: object;
-	@Input() selection: SelectionModel<any>;
-	@Input() tableFolders: TableCategory[] = [];
-
-	@Output() openFilters = new EventEmitter();
-	@Output() openPage = new EventEmitter();
-	@Output() search = new EventEmitter();
-	@Output() removeFilter = new EventEmitter();
-	@Output() resetAllFilters = new EventEmitter();
-	// @Output() viewRow = new EventEmitter();
-
-	public hasSavedFilterActive: boolean = false;
-	@Output() activateAction = new EventEmitter();
-	@Output() activateActions = new EventEmitter();
-
-	@Output() applyFilter = new EventEmitter();
-
-	private _permissions = inject(CedarPermissionService);
-	private _tableResourceId = signal('');
-
-	protected canEditRow = this._tablePermission('table:edit');
-	protected canAddRow = this._tablePermission('table:add');
-	protected canDeleteRow = this._tablePermission('table:delete');
-	protected canEditConnection = () => this._connections.canEditConnection();
-
-	protected get actionsColumnWidth(): string {
-		const editCount = this.canEditRow() ? 1 : 0;
-		const addCount = this.canAddRow() ? 1 : 0;
-		const deleteCount = this.canDeleteRow() && this.tableData?.canDelete ? 1 : 0;
-		const defaultActionsCount = editCount + addCount + deleteCount;
-		const totalActionsCount = (this.tableData?.tableActions?.length || 0) + defaultActionsCount;
-		const lengthValue = totalActionsCount * 30 + 32;
-		return totalActionsCount === 0 ? '0' : `${lengthValue}px`;
-	}
-
-	// public tablesSwitchControl = new FormControl('');
-	public tableData: any;
-	// public selection: any;
-	public columns: Column[];
-	public displayedColumns: string[] = [];
-	public columnsToDisplay: string[] = [];
-	public searchString: string;
-	public staticSearchString: string;
-	public bulkActions: CustomAction[];
-	public bulkRows: string[];
-	public displayedComparators = {
-		eq: '=',
-		gt: '>',
-		lt: '<',
-		gte: '>=',
-		lte: '<=',
-	};
-	public selectedRow: TableRow = null;
-	public selectedRowType: 'record' | 'foreignKey' = 'record';
-	public tableRelatedRecords: any = null;
-	public displayCellComponents;
-	public UIwidgets = UIwidgets;
-	// public tableTypes: object;
-
-	@Input() set table(value) {
-		if (value) this.tableData = value;
-	}
-
-	@ViewChild(MatPaginator) paginator: MatPaginator;
-	@ViewChild(MatSort) sort: MatSort;
-	@ViewChild(SavedFiltersPanelComponent) savedFiltersPanel?: SavedFiltersPanelComponent;
-
-	public chipFilterForMenu: any = null;
-
-	public defaultSort: { column: string; direction: 'asc' | 'desc' } | null = null;
-	private sortInitialized: boolean = false;
-
-	constructor(
-		private _tableState: TableStateService,
-		private _notifications: NotificationsService,
-		private _tableRow: TableRowService,
-		private _connections: ConnectionsService,
-		private _tables: TablesService,
-		private route: ActivatedRoute,
-		public router: Router,
-		public dialog: MatDialog,
-		private cdr: ChangeDetectorRef,
-		private paginatorIntl: MatPaginatorIntl,
-	) {
-		this.paginatorIntl.itemsPerPageLabel = 'Rows per page:';
-		this.paginatorIntl.changes.next();
-	}
-
-	ngAfterViewInit() {
-		this.tableData.paginator = this.paginator;
-
-		// Check if sort params exist in URL
-		const urlSortActive = this.route.snapshot.queryParams.sort_active;
-		const urlSortDirection = this.route.snapshot.queryParams.sort_direction;
-
-		// Subscribe to loading state to initialize default sort after data is loaded
-		this.tableData.loading$.subscribe((loading: boolean) => {
-			console.log(
-				'loading$ changed:',
-				loading,
-				'sort.active:',
-				this.sort?.active,
-				'sort.direction:',
-				this.sort?.direction,
-			);
-
-			if (!loading && this.tableData.defaultSort !== undefined) {
-				console.log('DbTableViewComponent tableData loaded:', this.tableData);
-				console.log('DbTableViewComponent tableData.defaultSort loaded:', this.tableData.defaultSort);
-
-				// Only initialize sort and defaultSort on first load (or after table switch when sortInitialized was reset)
-				if (!this.sortInitialized) {
-					this.sortInitialized = true;
-
-					// Only sync defaultSort from server on initial load, not on subsequent sort/pagination changes
-					this.defaultSort = this.tableData.defaultSort;
-
-					// Initialize sort based on priority: URL params > default sort
-					if (urlSortActive && urlSortDirection) {
-						// Use sort from URL
-						this.sort.active = urlSortActive;
-						this.sort.direction = urlSortDirection.toLowerCase() as 'asc' | 'desc';
-					} else if (this.defaultSort) {
-						// Use default sort if no URL params
-						this.sort.active = this.defaultSort.column;
-						this.sort.direction = this.defaultSort.direction;
-					}
-				}
-
-				console.log(
-					'After loading complete - sort.active:',
-					this.sort?.active,
-					'sort.direction:',
-					this.sort?.direction,
-				);
-			}
-		});
-
-		merge(this.sort.sortChange, this.paginator.page)
-			.pipe(
-				tap(() => {
-					const filters = JsonURL.stringify(this.activeFilters);
-					const saved_filter = this.route.snapshot.queryParams.saved_filter;
-					const dynamic_column = this.route.snapshot.queryParams.dynamic_column;
-
-					this.router.navigate([`/dashboard/${this.connectionID}/${this.name}`], {
-						queryParams: {
-							filters,
-							saved_filter,
-							dynamic_column,
-							sort_active: this.sort.active,
-							sort_direction: this.sort.direction.toUpperCase(),
-							page_index: this.paginator.pageIndex,
-							page_size: this.paginator.pageSize,
-						},
-					});
-					this.loadRowsPage();
-				}),
-			)
-			.subscribe();
-	}
-
-	ngOnChanges(changes: SimpleChanges) {
-		// Update table resource ID for Cedar permission signals
-		if (changes.name || changes.connectionID) {
-			this._tableResourceId.set(`${this.connectionID}/${this.name}`);
-		}
-
-		// When table name changes, reset sort to default
-		if (changes.name && !changes.name.firstChange && this.sort) {
-			console.log('Table name changed from', changes.name.previousValue, 'to', changes.name.currentValue);
-
-			// Reset sort to empty state - it will be initialized with default sort when data loads
-			this.sort.active = '';
-			this.sort.direction = '' as any;
-
-			// Reset defaultSort so the previous table's default doesn't show on the new table
-			this.defaultSort = null;
-
-			// Reset the sortInitialized flag so the sort gets re-initialized with new table's default sort
-			this.sortInitialized = false;
-		}
-	}
-
-	ngOnInit() {
-		this.searchString = this.route.snapshot.queryParams.search;
-		// this.hasSavedFilterActive = !!this.route.snapshot.queryParams.saved_filter;
-
-		// On mobile, never restore a previously open AI panel — user should land on the table, not the chat.
-		if (this.isMobileView) {
-			this._tableState.closeAIpanel();
-		}
-
-		const connectionType = this._connections.currentConnection.type;
-		this.displayCellComponents = tableDisplayTypes[connectionType];
-
-		this._tableState.cast.subscribe((row) => {
-			this.selectedRow = row;
-		});
-
-		this.route.queryParams.subscribe((params) => {
-			this.hasSavedFilterActive = !!params.saved_filter;
-			if (this.hasSavedFilterActive) this.searchString = '';
-		});
-	}
-
-	get allTables(): TableProperties[] {
-		return this.tableFolders?.find((cat) => cat.category_id === null)?.tables || [];
-	}
-
-	public tableSwitcherSearch: string = '';
-
-	get tableFoldersForSelect(): TableCategory[] {
-		if (!this.tableFolders) return [];
-		return this.tableFolders.filter((cat) => cat.category_id !== null);
-	}
-
-	get uncategorizedTables(): TableProperties[] {
-		const tablesInFolders = new Set<string>();
-		this.tableFoldersForSelect.forEach((folder) => {
-			(folder.tables || []).forEach((t) => tablesInFolders.add(t.table));
-		});
-		return this.allTables.filter((t) => !tablesInFolders.has(t.table));
-	}
-
-	get filteredTableFoldersForSelect(): TableCategory[] {
-		const query = this.tableSwitcherSearch.trim().toLowerCase();
-		if (!query) return this.tableFoldersForSelect;
-		return this.tableFoldersForSelect
-			.map((folder) => ({
-				...folder,
-				tables: (folder.tables || []).filter((t) => this._matchesTableQuery(t, query)),
-			}))
-			.filter((folder) => folder.tables.length > 0);
-	}
-
-	get filteredUncategorizedTables(): TableProperties[] {
-		const query = this.tableSwitcherSearch.trim().toLowerCase();
-		if (!query) return this.uncategorizedTables;
-		return this.uncategorizedTables.filter((t) => this._matchesTableQuery(t, query));
-	}
-
-	@ViewChild('tableSwitcherSearchInput')
-	tableSwitcherSearchInputRef?: { nativeElement: HTMLInputElement };
-
-	public tableSwitcherOpen = false;
-	public collapsedFolders = new Set<string>();
-	public sortSheetOpen = false;
-	public sortExpandedColumn: string | null = null;
-	public columnsSheetOpen = false;
-
-	get isMobileView(): boolean {
-		return typeof window !== 'undefined' && window.innerWidth <= 600;
-	}
-
-	openSortSheet() {
-		this.sortSheetOpen = true;
-	}
-
-	closeSortSheet() {
-		this.sortSheetOpen = false;
-		this.sortExpandedColumn = null;
-	}
-
-	toggleSortColumn(column: string) {
-		this.sortExpandedColumn = this.sortExpandedColumn === column ? null : column;
-	}
-
-	openColumnsSheet() {
-		this.columnsSheetOpen = true;
-	}
-
-	closeColumnsSheet() {
-		this.columnsSheetOpen = false;
-	}
-
-	public transferSheetOpen = false;
-
-	openTransferSheet() {
-		this.transferSheetOpen = true;
-	}
-
-	closeTransferSheet() {
-		this.transferSheetOpen = false;
-	}
-
-	get sortableDataColumns(): string[] {
-		return (this.tableData?.displayedDataColumns || []).filter((c: string) => this.isSortable(c));
-	}
-
-	clearTableSwitcherSearch() {
-		this.tableSwitcherSearch = '';
-	}
-
-	toggleFolderCollapse(folderId: string) {
-		if (this.collapsedFolders.has(folderId)) {
-			this.collapsedFolders.delete(folderId);
-		} else {
-			this.collapsedFolders.add(folderId);
-		}
-	}
-
-	isFolderCollapsed(folderId: string): boolean {
-		if (this.tableSwitcherSearch.trim()) return false;
-		return this.collapsedFolders.has(folderId);
-	}
-
-	openTableSwitcher() {
-		this.tableSwitcherOpen = true;
-		setTimeout(() => {
-			this.tableSwitcherSearchInputRef?.nativeElement.focus();
-		}, 50);
-	}
-
-	closeTableSwitcher() {
-		this.tableSwitcherOpen = false;
-		this.clearTableSwitcherSearch();
-	}
-
-	switchTableFromSheet(tableName: string) {
-		this.closeTableSwitcher();
-		this.switchTable(tableName);
-	}
-
-	loadRowsPage() {
-		this.tableRelatedRecords = null;
-		this.tableData.fetchRows({
-			connectionID: this.connectionID,
-			tableName: this.name,
-			requstedPage: this.paginator.pageIndex,
-			pageSize: this.paginator.pageSize,
-			sortColumn: this.sort.active,
-			sortOrder: this.sort.direction.toUpperCase(),
-			filters: this.activeFilters,
-			search: this.searchString,
-			isTablePageSwitched: true,
-		});
-	}
-
-	public pullDistance = 0;
-	public pullRefreshing = false;
-	private _pullStartY = 0;
-	private _pullTracking = false;
-	private readonly _pullThreshold = 70;
-
-	@HostListener('touchstart', ['$event'])
-	onPullTouchStart(event: TouchEvent) {
-		if (!this.isMobileView || this.pullRefreshing) return;
-		const scrollTop = window.scrollY || document.documentElement.scrollTop || 0;
-		if (scrollTop > 0) return;
-		this._pullStartY = event.touches[0].clientY;
-		this._pullTracking = true;
-	}
-
-	@HostListener('touchmove', ['$event'])
-	onPullTouchMove(event: TouchEvent) {
-		if (!this._pullTracking || this.pullRefreshing) return;
-		const delta = event.touches[0].clientY - this._pullStartY;
-		if (delta <= 0) {
-			this.pullDistance = 0;
-			return;
-		}
-		this.pullDistance = Math.min(delta * 0.5, this._pullThreshold + 20);
-	}
-
-	@HostListener('touchend')
-	onPullTouchEnd() {
-		if (!this._pullTracking) return;
-		this._pullTracking = false;
-		if (this.pullDistance >= this._pullThreshold) {
-			this.pullRefreshing = true;
-			this.pullDistance = this._pullThreshold;
-			this.loadRowsPage();
-			setTimeout(() => {
-				this.pullRefreshing = false;
-				this.pullDistance = 0;
-			}, 800);
-		} else {
-			this.pullDistance = 0;
-		}
-	}
-
-	isSortable(column: string) {
-		return this.tableData.sortByColumns.includes(column) || !this.tableData.sortByColumns.length;
-	}
-
-	applySort(column: string, direction: 'asc' | 'desc') {
-		// If clicking on already selected sort - clear it
-		if (this.sort.active === column && this.sort.direction === direction) {
-			// If this column was the default, remove the default too
-			if (this.defaultSort?.column === column) {
-				this.defaultSort = null;
-			}
-			// Clear sort
-			this.sort.active = '';
-			this.sort.direction = '';
-			this.sort.sortChange.emit({ active: '', direction: '' });
-		} else {
-			this.sort.active = column;
-			this.sort.direction = direction;
-			this.sort.sortChange.emit({ active: column, direction: direction });
-		}
-	}
-
-	toggleDefaultSort(column: string) {
-		if (this.isDefaultSort(column)) {
-			// Remove default sort
-			this.defaultSort = null;
-			this._tables
-				.updatePersonalTableViewSettings(this.connectionID, this.name, {
-					ordering: null,
-					ordering_field: null,
-				})
-				.subscribe({
-					next: () => {
-						console.log('Personal table view settings updated - default sort removed');
-					},
-					error: (error) => {
-						console.error('Error updating personal table view settings:', error);
-					},
-				});
-		} else {
-			// Set current sort as default
-			const direction = this.sort.active === column ? this.sort.direction : 'asc';
-			this.defaultSort = { column, direction: direction as 'asc' | 'desc' };
-			this._tables
-				.updatePersonalTableViewSettings(this.connectionID, this.name, {
-					ordering: this.sort.direction === 'asc' ? TableOrdering.Ascending : TableOrdering.Descending,
-					ordering_field: column,
-				})
-				.subscribe({
-					next: () => {
-						console.log('Personal table view settings updated - default sort removed');
-					},
-					error: (error) => {
-						console.error('Error updating personal table view settings:', error);
-					},
-				});
-		}
-	}
-
-	isDefaultSort(column: string): boolean {
-		return this.defaultSort?.column === column;
-	}
-
-	isForeignKey(column: string) {
-		return this.tableData.foreignKeysList.includes(column);
-	}
-
-	getForeignKeyQueryParams(foreignKey: TableForeignKey, cell) {
-		return {
-			[foreignKey.referenced_column_name]: cell[foreignKey.referenced_column_name],
-		};
-	}
-
-	isWidget(column: string) {
-		if (this.tableData.widgetsList) return this.tableData.widgetsList.includes(column);
-	}
-
-	getCellValue(foreignKey: TableForeignKey, cell) {
-		if (cell == null) return null;
-		const identityColumnName = Object.keys(cell).find((key) => key !== foreignKey.referenced_column_name);
-		if (identityColumnName) {
-			return cell[identityColumnName];
-		} else {
-			return cell[foreignKey.referenced_column_name];
-		}
-	}
-
-	getFiltersCount(activeFilters: object) {
-		if (activeFilters && !this.hasSavedFilterActive) return Object.keys(activeFilters).length;
-		return 0;
-	}
-
-	handleOpenFilters() {
-		this.openFilters.emit({
-			structure: this.tableData.structure,
-			foreignKeysList: this.tableData.foreignKeysList,
-			foreignKeys: this.tableData.foreignKeys,
-			widgets: this.tableData.widgets,
-		});
-		this.searchString = '';
-	}
-
-	handleOpenCreateQuickFilter() {
-		this.savedFiltersPanel?.handleOpenSavedFiltersDialog();
-	}
-
-	handleSearch() {
-		this.searchString = this.searchString.trim();
-		this.staticSearchString = this.searchString;
-		this.search.emit(this.searchString);
-	}
-
-	handleOpenExportDialog() {
-		this.dialog.open(DbTableExportDialogComponent, {
-			width: '25em',
-			data: {
-				connectionID: this.connectionID,
-				tableName: this.name,
-				sortColumn: this.sort.active,
-				sortOrder: this.sort.direction.toUpperCase(),
-				filters: this.activeFilters,
-				search: this.searchString,
-			},
-		});
-	}
-
-	handleOpenImportDialog() {
-		this.dialog.open(DbTableImportDialogComponent, {
-			width: '25em',
-			data: {
-				connectionID: this.connectionID,
-				tableName: this.name,
-				isTestConnection: this.isTestConnection,
-			},
-		});
-	}
-
-	clearSearch() {
-		this.searchString = null;
-		this.search.emit(this.searchString);
-	}
-
-	getFilter(activeFilter: { key: string; value: object }) {
-		const displayedName = normalizeTableName(activeFilter.key);
-		const comparator = Object.keys(activeFilter.value)[0];
-		const filterValue = Object.values(activeFilter.value)[0];
-		if (comparator === 'startswith') {
-			return `${displayedName} = ${filterValue}...`;
-		} else if (comparator === 'endswith') {
-			return `${displayedName} = ...${filterValue}`;
-		} else if (comparator === 'contains') {
-			return `${displayedName} = ...${filterValue}...`;
-		} else if (comparator === 'icontains') {
-			return `${displayedName} != ...${filterValue}...`;
-		} else if (comparator === 'empty') {
-			return `${displayedName} = ' '`;
-		} else {
-			return `${displayedName} ${this.displayedComparators[Object.keys(activeFilter.value)[0]]} ${filterValue}`;
-		}
-	}
-
-	/** Whether the number of selected elements matches the total number of rows. */
-	isAllSelected() {
-		return this.tableData.rowsSubject.value.length === this.selection.selected.length;
-	}
-
-	/** Selects all rows if they are not all selected; otherwise clear selection. */
-	toggleAllRows() {
-		if (this.isAllSelected()) {
-			this.selection.clear();
-		} else {
-			this.selection.select(...this.tableData.rowsSubject.value);
-		}
-	}
-
-	/** The label for the checkbox on the passed row */
-	checkboxLabel(row?: any): string {
-		if (!row) {
-			return `${this.isAllSelected() ? 'deselect' : 'select'} all`;
-		}
-		return `${this.selection.isSelected(row) ? 'deselect' : 'select'} row ${row.position + 1}`;
-	}
-
-	stashUrlParams() {
-		this._tableState.setBackUrlParams(
-			this.route.snapshot.queryParams.page_index,
-			this.route.snapshot.queryParams.page_size,
-			this.route.snapshot.queryParams.sort_active,
-			this.route.snapshot.queryParams.sort_direction,
-		);
-		this.stashFilters();
-	}
-
-	stashFilters() {
-		if (this.activeFilters && Object.keys(this.activeFilters).length > 0) {
-			this._tableState.setBackUrlFilters(this.activeFilters);
-		} else {
-			this._tableState.setBackUrlFilters(null);
-		}
-	}
-
-	getIdentityFieldsValues() {
-		if (this.tableData.identityColumn) return this.selection.selected.map((row) => row[this.tableData.identityColumn]);
-		return null;
-	}
-
-	handleAction(e, action, element) {
-		e.stopPropagation();
-
-		this.activateActions.emit({
-			action,
-			primaryKeys: [this.tableData.getQueryParams(element)],
-			...(this.tableData.identityColumn ? { identityFieldValues: [element[this.tableData.identityColumn]] } : null),
-		});
-	}
-
-	handleActions(action) {
-		const primaryKeys = this.selection.selected.map((row) => this.tableData.getQueryParams(row));
-		const identityFieldValues = this.getIdentityFieldsValues();
-
-		this.activateActions.emit({
-			action,
-			primaryKeys,
-			identityFieldValues,
-		});
-	}
-
-	handleDeleteRow(e, element) {
-		e.stopPropagation();
-		this.stashFilters();
-
-		this.activateActions.emit({
-			action: {
-				title: 'Delete row',
-				type: 'multiple',
-				require_confirmation: true,
-			},
-			primaryKeys: [this.tableData.getQueryParams(element)],
-			...(this.tableData.identityColumn ? { identityFieldValues: [element[this.tableData.identityColumn]] } : null),
-		});
-	}
-
-	handleViewRow(row: TableRow) {
-		this.selectedRowType = 'record';
-		this._tableState.selectRow({
-			connectionID: this.connectionID,
-			tableName: this.name,
-			record: row,
-			columnsOrder: this.tableData.dataColumns,
-			primaryKeys: this.tableData.getQueryParams(row),
-			foreignKeys: this.tableData.foreignKeys,
-			foreignKeysList: this.tableData.foreignKeysList,
-			widgets: this.tableData.widgets,
-			widgetsList: this.tableData.widgetsList,
-			fieldsTypes: this.tableData.tableTypes,
-			relatedRecords: this.tableData.relatedRecords || null,
-			link: `/dashboard/${this.connectionID}/${this.name}/entry`,
-		});
-	}
-
-	handleForeignKeyView(foreignKeys, row) {
-		this.selectedRowType = 'foreignKey';
-
-		this._tableState.selectRow({
-			connectionID: null,
-			tableName: null,
-			record: null,
-			columnsOrder: null,
-			primaryKeys: null,
-			foreignKeys: null,
-			foreignKeysList: null,
-			widgets: null,
-			widgetsList: null,
-			fieldsTypes: null,
-			relatedRecords: null,
-			link: null,
-		});
-
-		this._tableRow
-			.fetchTableRow(this.connectionID, foreignKeys.referenced_table_name, {
-				[foreignKeys.referenced_column_name]: row[foreignKeys.referenced_column_name],
-			})
-			.subscribe((res) => {
-				const foreignKeysList = res.foreignKeys.map((foreignKey: TableForeignKey) => foreignKey.column_name);
-				const filedsTypes = getTableTypes(res.structure, foreignKeysList);
-
-				const formattedRecord = Object.entries(res.row).reduce((acc, [key, value]) => {
-					acc[key] = formatFieldValue(value, filedsTypes[key]);
-					return acc;
-				}, {});
-
-				this._tableState.selectRow({
-					connectionID: this.connectionID,
-					tableName: foreignKeys.referenced_table_name,
-					record: formattedRecord,
-					columnsOrder: res.list_fields,
-					primaryKeys: {
-						[foreignKeys.referenced_column_name]: res.row[foreignKeys.referenced_column_name],
-					},
-					foreignKeys: Object.assign(
-						{},
-						...res.foreignKeys.map((foreignKey: TableForeignKey) => ({ [foreignKey.column_name]: foreignKey })),
-					),
-					foreignKeysList,
-					widgets: Object.assign(
-						{},
-						...res.table_widgets.map((widget: Widget) => {
-							let parsedParams;
-
-							try {
-								parsedParams = JSON5.parse(widget.widget_params);
-							} catch {
-								parsedParams = {};
-							}
-
-							return {
-								[widget.field_name]: {
-									...widget,
-									widget_params: parsedParams,
-								},
-							};
-						}),
-					),
-					widgetsList: res.table_widgets.map((widget) => widget.field_name),
-					fieldsTypes: filedsTypes,
-					relatedRecords: res.referenced_table_names_and_columns[0],
-					link: `/dashboard/${this.connectionID}/${foreignKeys.referenced_table_name}/entry`,
-				});
-			});
-	}
-
-	handleViewAIpanel() {
-		this._tableState.handleViewAIpanel();
-	}
-
-	isRowSelected(primaryKeys) {
-		// console.log('isRowSelected', this.selectedRowType, this.selectedRow, primaryKeys);
-		if (this.selectedRowType === 'record' && this.selectedRow && this.selectedRow.primaryKeys !== null)
-			return (
-				Object.keys(this.selectedRow.primaryKeys).length &&
-				JSON.stringify(this.selectedRow.primaryKeys) === JSON.stringify(primaryKeys)
-			);
-		return false;
-	}
-
-	isForeignKeySelected(record, foreignKey: TableForeignKey) {
-		if (record == null) return false;
-		const primaryKeyValue = record[foreignKey.referenced_column_name];
-
-		if (this.selectedRowType === 'foreignKey' && this.selectedRow && this.selectedRow.record !== null) {
-			return (
-				Object.values(this.selectedRow.primaryKeys)[0] === primaryKeyValue &&
-				this.selectedRow.tableName === foreignKey.referenced_table_name
-			);
-		}
-		return false;
-	}
-
-	showCopyNotification = (message: string) => {
-		this._notifications.showSuccessSnackbar(message);
-	};
-
-	switchTable(tableName: string) {
-		if (tableName && tableName !== this.name) {
-			this.router.navigate([`/dashboard/${this.connectionID}/${tableName}`], {
-				queryParams: { page_index: 0, page_size: 30 },
-			});
-		}
-	}
-
-	getFolderTables(folder: TableCategory): TableProperties[] {
-		return folder.tables || [];
-	}
-
-	onFilterSelected($event) {
-		console.log('table view fiers filterSelected:', $event);
-		this.applyFilter.emit($event);
-	}
-
-	get sortedColumns() {
-		if (!this.tableData || !this.tableData.columns) {
-			return [];
-		}
-		// Sort columns: visible (selected=true) first, then hidden (selected=false)
-		return [...this.tableData.columns].sort((a, b) => {
-			if (a.selected === b.selected) return 0;
-			return a.selected ? -1 : 1;
-		});
-	}
-
-	onColumnVisibilityChange() {
-		this.tableData.changleColumnList(this.connectionID, this.name);
-		this.cdr.detectChanges();
-
-		// Send selected columns first, then non-selected at the end
-		const orderedColumns = [
-			...this.tableData.columns.filter((col) => col.selected),
-			...this.tableData.columns.filter((col) => !col.selected),
-		];
-
-		this._tables
-			.updatePersonalTableViewSettings(this.connectionID, this.name, {
-				columns_view: this.tableData.displayedDataColumns,
-				list_fields: orderedColumns.map((col) => col.title),
-			})
-			.subscribe({
-				next: () => {
-					console.log('Personal table view settings updated with custom ordering');
-				},
-				error: (error) => {
-					console.error('Error updating personal table view settings:', error);
-				},
-			});
-	}
-
-	handleActiveFilterClick(filterKey: string) {
-		const dialogRef = this.dialog.open(DbTableFiltersDialogComponent, {
-			width: '56em',
-			panelClass: 'mobile-bottom-sheet-dialog',
-			data: {
-				connectionID: this.connectionID,
-				tableName: this.name,
-				displayTableName: this.displayName,
-				structure: {
-					structure: this.tableData.structure,
-					foreignKeys: this.tableData.foreignKeys,
-					foreignKeysList: this.tableData.foreignKeysList,
-					widgets: this.tableData.widgets || [],
-				},
-				autofocusField: filterKey,
-			},
-		});
-
-		dialogRef.afterClosed().subscribe((action) => {
-			if (action === 'filter' && dialogRef.componentInstance) {
-				const filtersFromDialog = { ...dialogRef.componentInstance.tableRowFieldsShown };
-				const comparators = dialogRef.componentInstance.tableRowFieldsComparator;
-				this.openFilters.emit({
-					structure: this.tableData.structure,
-					foreignKeysList: this.tableData.foreignKeysList,
-					foreignKeys: this.tableData.foreignKeys,
-					widgets: this.tableData.widgets,
-					filters: filtersFromDialog,
-					comparators: comparators,
-				});
-			}
-		});
-	}
-
-	onColumnsMenuDrop(event: CdkDragDrop<string[]>) {
-		if (event.previousIndex === event.currentIndex) {
-			return;
-		}
-
-		// The drag indices are based on sortedColumns (visible first, then hidden)
-		// We need to map these to the actual indices in this.tableData.columns
-		const sorted = this.sortedColumns;
-		const draggedColumn = sorted[event.previousIndex];
-		const targetColumn = sorted[event.currentIndex];
-
-		// Find actual indices in the original columns array
-		const actualPreviousIndex = this.tableData.columns.findIndex((col) => col.title === draggedColumn.title);
-		const actualCurrentIndex = this.tableData.columns.findIndex((col) => col.title === targetColumn.title);
-
-		if (actualPreviousIndex === -1 || actualCurrentIndex === -1) {
-			return;
-		}
-
-		// Reorder columns array in the menu
-		moveItemInArray(this.tableData.columns, actualPreviousIndex, actualCurrentIndex);
-
-		// Update dataColumns array
-		this.tableData.dataColumns = this.tableData.columns.map((column) => column.title);
-
-		// Update displayedDataColumns to match the new order (only visible columns)
-		const newDisplayedOrder = this.tableData.columns.filter((col) => col.selected).map((col) => col.title);
-
-		this.tableData.displayedDataColumns = newDisplayedOrder;
-
-		// Update full displayed columns list - THIS UPDATES THE TABLE IMMEDIATELY
-		if (this.tableData.keyAttributes && this.tableData.keyAttributes.length) {
-			this.tableData.displayedColumns = ['select', ...newDisplayedOrder, 'actions'];
-		} else {
-			this.tableData.displayedColumns = [...newDisplayedOrder];
-		}
-
-		// Force Angular to detect changes and re-render the table immediately
-		this.cdr.detectChanges();
-
-		// Send selected columns first, then non-selected at the end
-		const orderedColumns = [
-			...this.tableData.columns.filter((col) => col.selected),
-			...this.tableData.columns.filter((col) => !col.selected),
-		];
-
-		this._tables
-			.updatePersonalTableViewSettings(this.connectionID, this.name, {
-				list_fields: orderedColumns.map((col) => col.title),
-			})
-			.subscribe({
-				next: () => {
-					console.log('Personal table view settings updated with custom ordering');
-				},
-				error: (error) => {
-					console.error('Error updating personal table view settings:', error);
-				},
-			});
-
-		console.log('Columns reordered in menu - table updated:', newDisplayedOrder);
-	}
-
-	exportData() {
-		const convertToCSVValue = (value: any): string => {
-			// Handle null and undefined
-			if (value === null || value === undefined) {
-				return '';
-			}
-
-			// Handle nested objects and arrays - convert to JSON string
-			if (typeof value === 'object') {
-				try {
-					value = JSON.stringify(value);
-				} catch (_e) {
-					value = '[Object]';
-				}
-			}
-
-			// Convert to string if not already
-			const stringValue = String(value);
-
-			// Check if value needs to be quoted (contains comma, double quote, or newline)
-			if (
-				stringValue.includes(',') ||
-				stringValue.includes('"') ||
-				stringValue.includes('\n') ||
-				stringValue.includes('\r')
-			) {
-				// Escape double quotes by doubling them and wrap in quotes
-				return `"${stringValue.replace(/"/g, '""')}"`;
-			}
-
-			return stringValue;
-		};
-
-		// Check if there's any selection
-		if (!this.selection.selected || this.selection.selected.length === 0) {
-			this._notifications.showErrorSnackbar('No rows selected for export');
-			return;
-		}
-
-		// Use the displayed columns order from the table
-		const columnsToExport = this.tableData.displayedDataColumns;
-
-		// Create CSV rows with proper handling of foreign keys
-		const csv = this.selection.selected.map((row) =>
-			columnsToExport
-				.map((fieldName) => {
-					let value = row[fieldName];
-
-					if (this.isForeignKey(fieldName) && value && typeof value === 'object') {
-						const foreignKey = this.tableData.foreignKeys[fieldName];
-						if (foreignKey) {
-							value = value[foreignKey.referenced_column_name];
-						}
-					}
-
-					return convertToCSVValue(value);
-				})
-				.join(','),
-		);
-
-		// Add header row using the same column order
-		csv.unshift(columnsToExport.map((h) => convertToCSVValue(h)).join(','));
-		const csvArray = csv.join('\r\n');
-
-		const a = document.createElement('a');
-		const blob = new Blob([csvArray], { type: 'text/csv' });
-		const url = window.URL.createObjectURL(blob);
-
-		a.href = url;
-		a.download = 'myFile.csv';
-		a.click();
-		window.URL.revokeObjectURL(url);
-		a.remove();
-	}
-
-	private _tablePermission(action: string) {
-		return computed(() => {
-			const rid = this._tableResourceId();
-			return rid ? this._permissions.canI(action, 'Table', rid)() : null;
-		});
-	}
-
-	private _matchesTableQuery(table: TableProperties, query: string): boolean {
-		const haystack = [
-			(table as any).normalizedTableName,
-			table.display_name,
-			table.table,
-		]
-			.filter(Boolean)
-			.join(' ')
-			.toLowerCase();
-		return haystack.includes(query);
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.css
deleted file mode 100644
index 849c191f9..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.css
+++ /dev/null
@@ -1,229 +0,0 @@
-:host app-alert:not(:empty) {
-	--alert-margin: 24px;
-}
-
-.wrapper {
-	min-width: 300px;
-	margin: 0 auto 16px;
-	width: 90%;
-}
-
-.header {
-	display: flex;
-	justify-content: space-between;
-	margin: 2.5em 70px 24px 0;
-}
-
-.header-actions-box {
-	display: flex;
-	flex-direction: column;
-	align-items: flex-end;
-	gap: 16px;
-}
-
-.header-actions {
-	display: flex;
-	gap: 16px;
-}
-
-.header-links {
-	display: flex;
-	gap: 16px;
-}
-
-.mobile-header {
-	display: none;
-}
-
-.widget-settings {
-	display: grid;
-	grid-template-columns: minmax(10%, 130px) 1fr 2fr 1fr 2fr 50px;
-	align-items: start;
-	grid-gap: 0 20px;
-}
-
-.widget-item {
-	display: contents;
-}
-
-.actions {
-	position: fixed;
-	left: 0;
-	bottom: 0;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	background-color: var(--background-color);
-	box-shadow: var(--shadow);
-	height: 64px;
-	/* padding: 0 max(calc(50vw - 500px), 2%); */
-	padding: 0 calc(5% + 70px) 0 5%;
-	width: 100vw;
-	z-index: 10;
-}
-
-@media (prefers-color-scheme: dark) {
-	.actions {
-		--shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.5), 0 2px 2px 0 rgba(0, 0, 0, 0.64), 0 1px 5px 0 rgba(0, 0, 0, 0.85);
-		--background-color: var(--surface-dark-color);
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.actions {
-		--shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-		--background-color: #fff;
-	}
-}
-
-@media (width <= 600px) {
-	.wrapper {
-		width: 100%;
-		margin: 0 auto 88px;
-		padding: 0 16px;
-		min-width: 0;
-	}
-
-	.row-breadcrumbs {
-		display: none !important;
-	}
-
-	.mobile-header {
-		display: flex;
-		align-items: center;
-		gap: 8px;
-		margin: 20px 0 12px -12px;
-	}
-
-	.mobile-header__back {
-		margin-right: 0;
-	}
-
-	.mobile-header__titles {
-		display: flex;
-		flex-direction: column;
-		min-width: 0;
-	}
-
-	.mobile-header__title {
-		margin: 0 !important;
-		padding: 0 !important;
-		font-size: 18px !important;
-		font-weight: 600 !important;
-		line-height: 18px !important;
-	}
-
-	.mobile-header__subtitle {
-		display: block;
-		margin: 4px 0 0 !important;
-		padding: 0 !important;
-		font-size: 12px;
-		line-height: 14px;
-		color: rgba(0, 0, 0, 0.54);
-		font-weight: 400;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.actions__back {
-		display: none !important;
-	}
-
-	.actions {
-		justify-content: flex-end;
-	}
-
-	.header {
-		flex-direction: column;
-		gap: 12px;
-		margin: 16px 0 16px;
-	}
-
-	.header-actions-box {
-		width: 100%;
-		align-items: stretch;
-		gap: 8px;
-	}
-
-	.header-actions {
-		flex-wrap: wrap;
-		gap: 8px;
-		width: 100%;
-	}
-
-	.header-actions > button {
-		flex: 1 1 auto;
-	}
-
-	.header-links {
-		flex-direction: column;
-		align-items: flex-start;
-		gap: 0;
-	}
-
-	.widget-settings {
-		display: flex;
-		flex-direction: column;
-		gap: 16px;
-	}
-
-	.widget-item {
-		display: block;
-		position: relative;
-		background: var(--mat-table-background-color, #fff);
-		border-radius: 12px;
-		padding: 16px 16px 8px;
-		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.04);
-	}
-
-	.widget-item ::ng-deep .mat-mdc-form-field {
-		width: 100%;
-	}
-
-	.widget-item ::ng-deep .widget-field-name {
-		display: block;
-		font-weight: 600;
-		margin: 0 0 12px 0;
-		font-size: 14px;
-	}
-
-	.widget-item ::ng-deep .widget-delete-button {
-		display: none !important;
-	}
-
-	.widget-item ::ng-deep .code-editor-box {
-		min-height: 140px;
-		margin-bottom: 16px;
-	}
-
-	.actions {
-		padding: 0 16px;
-		justify-content: space-between;
-		gap: 8px;
-	}
-
-	.actions > a,
-	.actions > button {
-		flex: 1 1 auto;
-	}
-
-	.actions_empty-state {
-		display: none !important;
-	}
-
-	.wrapper:has(app-widgets-empty-state) {
-		margin-bottom: 80px;
-	}
-}
-
-@media (prefers-color-scheme: dark) and (width <= 600px) {
-	.widget-item {
-		background: var(--surface-dark-color);
-		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
-	}
-
-	.mobile-header__subtitle {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.html
deleted file mode 100644
index 63a58aaa7..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.html
+++ /dev/null
@@ -1,93 +0,0 @@
-<app-alert></app-alert>
-<app-placeholder-table-widgets *ngIf="!widgets"></app-placeholder-table-widgets>
-
-<div *ngIf="widgets" class="wrapper">
-    <header class="header">
-        <div class="mobile-header">
-            <a mat-icon-button class="mobile-header__back" routerLink="/dashboard/{{connectionID}}/{{tableName}}" aria-label="Back to table">
-                <mat-icon>arrow_back</mat-icon>
-            </a>
-            <div class="mobile-header__titles">
-                <h1 class="mobile-header__title">Widgets</h1>
-                <span class="mobile-header__subtitle">{{ tableName }}</span>
-            </div>
-        </div>
-        <app-breadcrumbs [crumbs]="getCrumbs(currentConnection.title || currentConnection.database)" class="row-breadcrumbs"></app-breadcrumbs>
-
-        <div *ngIf="widgets.length" class="header-actions-box">
-            <div class="header-actions">
-                <button  mat-stroked-button
-                    type="button"
-                    (click)="openClearAllConfirmation()"
-                    [disabled]="fields.length === 0 && widgets.length === 0">
-                    Clear All
-                </button>
-                <button mat-stroked-button color="accent"
-                    type="button"
-                    angulartics2On="click"
-                    angularticsAction="Widgets: add widget is clicked"
-                    (click)="addNewWidget(); posthog.capture('Widgets: add widget is clicked')"
-                    [disabled]="fields.length === 0 || widgets.length === fieldsCount">
-                    <mat-icon>add</mat-icon>
-                    Add UI widget
-                </button>
-            </div>
-            <div class="header-links">
-                <a mat-button color="primary"
-                    href="https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_definition"
-                    target="_blank"
-                    rel="noopener noreferrer">
-                    What are UI Widgets
-                    <mat-icon>open_in_new</mat-icon>
-                </a>
-                <a mat-button color="primary"
-                    href="https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management"
-                    target="_blank"
-                    rel="noopener noreferrer">
-                    How to manage UI Widgets
-                    <mat-icon>open_in_new</mat-icon>
-                </a>
-            </div>
-        </div>
-
-    </header>
-
-    <form *ngIf="widgets && widgets.length; else emptyState" (ngSubmit)="updateWidgets()" class="widget-settings">
-        <app-widget *ngFor="let widget of widgets; let i = index"
-            class="widget-item"
-            [index]="i"
-            [widgetType]="widget.widget_type"
-            [widget]="widget"
-            [fields]="fields"
-            [widgetTypes]="widgetTypes"
-            [isReadonlyParams]="isReadOnly(widget.widget_type)"
-            [codeEditorTheme]="codeEditorTheme"
-            (onSelectWidgetField)="selectWidgetField($event)"
-            (onWidgetTypeChange)="widgetTypeChange($event)"
-            (onWidgetParamsChange)="widgetParamsChange($event)"
-            (onWidgetDelete)="openDeleteWidgetDialog($event)">
-        </app-widget>
-
-
-        <div class="actions">
-            <a mat-stroked-button routerLink="/dashboard/{{connectionID}}/{{tableName}}" class="actions__back">
-                Back
-            </a>
-
-            <button mat-flat-button color="primary"
-                type="submit" [disabled]="submitting">
-                Save
-            </button>
-        </div>
-    </form>
-
-    <ng-template #emptyState>
-        <app-widgets-empty-state (onAddWidget)="addNewWidget()"></app-widgets-empty-state>
-
-        <div class="actions actions_empty-state">
-            <a mat-stroked-button routerLink="/dashboard/{{connectionID}}/{{tableName}}">
-                Back
-            </a>
-        </div>
-    </ng-template>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.spec.ts
deleted file mode 100644
index 26e21be4b..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.spec.ts
+++ /dev/null
@@ -1,262 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialog, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { MockCodeEditorComponent } from 'src/app/testing/code-editor.mock';
-import { CodeEditComponent } from '../../../ui-components/record-edit-fields/code/code.component';
-import { MarkdownEditComponent } from '../../../ui-components/record-edit-fields/markdown/markdown.component';
-import { DashboardComponent } from '../../dashboard.component';
-import { DbTableWidgetsComponent } from './db-table-widgets.component';
-import { WidgetComponent } from './widget/widget.component';
-import { WidgetDeleteDialogComponent } from './widget-delete-dialog/widget-delete-dialog.component';
-
-describe('DbTableWidgetsComponent', () => {
-	let component: DbTableWidgetsComponent;
-	let fixture: ComponentFixture<DbTableWidgetsComponent>;
-	let tablesService: TablesService;
-	let connectionsService: ConnectionsService;
-	let mockMatDialog: { open: ReturnType<typeof vi.fn> };
-	const dialogRefSpyObj = {
-		afterClosed: vi.fn().mockReturnValue(of('delete')),
-		close: vi.fn(),
-		componentInstance: { deleteWidget: of('user_name') },
-	};
-
-	const fakeFirstName = {
-		column_name: 'FirstName',
-		column_default: null,
-		data_type: 'varchar',
-		isExcluded: false,
-		isSearched: false,
-		auto_increment: false,
-		allow_null: false,
-		character_maximum_length: 30,
-	};
-	const fakeId = {
-		column_name: 'Id',
-		column_default: 'auto_increment',
-		data_type: 'int',
-		isExcluded: false,
-		isSearched: false,
-		auto_increment: true,
-		allow_null: false,
-		character_maximum_length: null,
-	};
-	const fakeBool = {
-		column_name: 'bool',
-		column_default: null,
-		data_type: 'tinyint',
-		isExcluded: false,
-		isSearched: false,
-		auto_increment: false,
-		allow_null: true,
-		character_maximum_length: 1,
-	};
-
-	const mockTableStructure = {
-		structure: [fakeFirstName, fakeId, fakeBool],
-		primaryColumns: [
-			{
-				data_type: 'int',
-				column_name: 'Id',
-			},
-		],
-		foreignKeys: [
-			{
-				referenced_column_name: 'CustomerId',
-				referenced_table_name: 'Customers',
-				constraint_name: 'Orders_ibfk_2',
-				column_name: 'Id',
-			},
-		],
-		readonly_fields: [],
-		table_widgets: [],
-	};
-
-	const tableWidgetsNetwork = [
-		{
-			id: 'a57e0c7f-a348-4aae-9ec4-fdbec0c0d0b6',
-			field_name: 'email',
-			widget_type: 'Textarea',
-			widget_params: '',
-			name: 'user email',
-			description: '',
-		},
-	];
-
-	beforeEach(async () => {
-		mockMatDialog = { open: vi.fn() };
-
-		await TestBed.configureTestingModule({
-			imports: [
-				RouterTestingModule.withRoutes([
-					{ path: 'dashboard/:connection-id/:table-name', component: DashboardComponent },
-				]),
-				MatSnackBarModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot(),
-				DbTableWidgetsComponent,
-			],
-			providers: [provideHttpClient(), { provide: MatDialogRef, useValue: {} }],
-		})
-			.overrideComponent(DbTableWidgetsComponent, {
-				set: {
-					providers: [{ provide: MatDialog, useFactory: () => mockMatDialog }],
-				},
-			})
-			.overrideComponent(WidgetComponent, {
-				remove: { imports: [CodeEditorModule] },
-				add: { imports: [MockCodeEditorComponent], schemas: [NO_ERRORS_SCHEMA] },
-			})
-			.overrideComponent(CodeEditComponent, {
-				remove: { imports: [CodeEditorModule] },
-				add: { imports: [MockCodeEditorComponent], schemas: [NO_ERRORS_SCHEMA] },
-			})
-			.overrideComponent(MarkdownEditComponent, {
-				remove: { imports: [CodeEditorModule] },
-				add: { imports: [MockCodeEditorComponent], schemas: [NO_ERRORS_SCHEMA] },
-			})
-			.compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DbTableWidgetsComponent);
-		component = fixture.componentInstance;
-		tablesService = TestBed.inject(TablesService);
-		connectionsService = TestBed.inject(ConnectionsService);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should set connection id and table name', () => {
-		vi.spyOn(connectionsService, 'currentConnectionID', 'get').mockReturnValue('12345678');
-		vi.spyOn(tablesService, 'currentTableName', 'get').mockReturnValue('Users');
-		vi.spyOn(tablesService, 'fetchTableStructure').mockReturnValue(of(mockTableStructure));
-		vi.spyOn(tablesService, 'fetchTableWidgets').mockReturnValue(of(tableWidgetsNetwork));
-
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.connectionID).toEqual('12345678');
-		expect(component.tableName).toEqual('Users');
-		expect(component.fields).toEqual(['FirstName', 'Id', 'bool']);
-		expect(component.widgets).toEqual(tableWidgetsNetwork);
-	});
-
-	it('should add new empty widget to widgets array', () => {
-		component.widgets = [
-			{
-				field_name: 'user_id',
-				widget_type: 'textarea',
-				widget_params: '',
-				name: '',
-				description: '',
-			},
-		];
-
-		component.addNewWidget();
-
-		expect(component.widgets).toEqual([
-			{
-				field_name: 'user_id',
-				widget_type: 'textarea',
-				widget_params: '',
-				name: '',
-				description: '',
-			},
-			{
-				field_name: '',
-				widget_type: 'Default',
-				widget_params: '// No settings required',
-				name: '',
-				description: '',
-			},
-		]);
-	});
-
-	it('should exclude field from lields list when it is added the list of widgets', () => {
-		component.fields = ['user_id', 'first_name', 'last_name', 'email'];
-		component.selectWidgetField('first_name');
-
-		expect(component.fields).toEqual(['user_id', 'last_name', 'email']);
-	});
-
-	it('should open dialog to confirm deletion of widget', () => {
-		component.fields = ['user_age'];
-		component.widgets = [
-			{
-				field_name: 'user_id',
-				widget_type: 'textarea',
-				widget_params: '',
-				name: '',
-				description: '',
-			},
-			{
-				field_name: 'user_name',
-				widget_type: 'Default',
-				widget_params: '',
-				name: 'name',
-				description: '',
-			},
-		];
-
-		mockMatDialog.open.mockReturnValue(dialogRefSpyObj as any);
-		component.openDeleteWidgetDialog('user_name');
-
-		expect(mockMatDialog.open).toHaveBeenCalledWith(WidgetDeleteDialogComponent, {
-			width: '25em',
-			data: 'user_name',
-		});
-
-		expect(component.fields).toEqual(['user_age', 'user_name']);
-		expect(component.widgets).toEqual([
-			{
-				field_name: 'user_id',
-				widget_type: 'textarea',
-				widget_params: '',
-				name: '',
-				description: '',
-			},
-		]);
-	});
-
-	it('should update widgets', () => {
-		component.connectionID = '12345678';
-		component.tableName = 'users';
-		component.widgets = [
-			{
-				field_name: 'email',
-				widget_type: 'Textarea',
-				widget_params: '',
-				name: 'user email',
-				description: '',
-			},
-		];
-		const fakeUpdateTableWidgets = vi.spyOn(tablesService, 'updateTableWidgets').mockReturnValue(of());
-		// const fakeFatchWidgets = vi.spyOn(tablesService, 'fetchTableWidgets').mockReturnValue(of(tableWidgetsNetwork));
-
-		component.updateWidgets();
-
-		expect(fakeUpdateTableWidgets).toHaveBeenCalledWith('12345678', 'users', [
-			{
-				field_name: 'email',
-				widget_type: 'Textarea',
-				widget_params: '',
-				name: 'user email',
-				description: '',
-			},
-		]);
-		expect(component.submitting).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.ts
deleted file mode 100644
index 72022128d..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/db-table-widgets.component.ts
+++ /dev/null
@@ -1,447 +0,0 @@
-import { CommonModule, Location } from '@angular/common';
-import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDialog, MatDialogModule } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { Title } from '@angular/platform-browser';
-import { Router, RouterModule } from '@angular/router';
-import { Angulartics2, Angulartics2OnModule } from 'angulartics2';
-import { difference } from 'lodash-es';
-import posthog from 'posthog-js';
-import { UIwidgets } from 'src/app/consts/record-edit-types';
-import { normalizeTableName } from 'src/app/lib/normalize';
-import { TableField, Widget } from 'src/app/models/table';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { PlaceholderTableWidgetsComponent } from '../../../skeletons/placeholder-table-widgets/placeholder-table-widgets.component';
-import { AlertComponent } from '../../../ui-components/alert/alert.component';
-import { BreadcrumbsComponent } from '../../../ui-components/breadcrumbs/breadcrumbs.component';
-import { WidgetComponent } from './widget/widget.component';
-import { WidgetDeleteDialogComponent } from './widget-delete-dialog/widget-delete-dialog.component';
-import { WidgetsEmptyStateComponent } from './widgets-empty-state/widgets-empty-state.component';
-
-@Component({
-	selector: 'app-db-table-widgets',
-	templateUrl: './db-table-widgets.component.html',
-	styleUrls: ['./db-table-widgets.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatButtonModule,
-		MatDialogModule,
-		MatIconModule,
-		MatInputModule,
-		MatSelectModule,
-		RouterModule,
-		AlertComponent,
-		PlaceholderTableWidgetsComponent,
-		BreadcrumbsComponent,
-		WidgetComponent,
-		WidgetsEmptyStateComponent,
-		Angulartics2OnModule,
-	],
-})
-export class DbTableWidgetsComponent implements OnInit {
-	protected posthog = posthog;
-	public connectionID: string | null = null;
-	public tableName: string | null = null;
-	public dispalyTableName: string;
-	public fields: string[] = [];
-	public fieldsCount: number;
-	public widgets: Widget[] = null;
-	public widgetTypes = Object.keys(UIwidgets).sort();
-	public submitting: boolean = false;
-	public widgetsWithSettings: string[];
-	public codeEditorTheme: 'vs' | 'vs-dark' = 'vs-dark';
-
-	public paramsEditorOptions = {
-		minimap: { enabled: false },
-		lineNumbersMinChars: 3,
-		folding: false,
-		automaticLayout: true,
-		scrollBeyondLastLine: false,
-		wordWrap: 'on',
-	};
-	// JSON5-formatted default params
-	public defaultParams = {
-		Binary: `// Configure binary display/edit encoding.
-// Supported: "hex" (default), "base64", "ascii"
-// example:
-{
-  "encoding": "hex"
-}
-`,
-		Boolean: `// Display "Yes/No" buttons with configurable options:
-// - allow_null: Use "false" to require selection, "true" if field can be left unspecified
-// - invert_colors: Swap the color scheme (typically green=Yes, red=No becomes red=Yes, green=No)
-
-{
-	"allow_null": false,
-	"invert_colors": false
-}
-`,
-		Code: `// provide language of code to highlight: 'html', 'css', 'typescript', 'yaml', 'markdown'
-// example:
-{
-  "language": "html"
-}
-`,
-		Color: `// Optional: Specify output format for color values
-// Supported formats: "hex", "hex_hash" (default), "rgb", "hsl"
-// Example configuration:
-
-{
-  "format": "hex_hash"  // Will display colors as "#FF5733"
-}
-
-// Format options:
-// - "hex": Display as "FF5733" (no hash)
-// - "hex_hash": Display as "#FF5733" (default)
-// - "rgb": Display as "rgb(255, 87, 51)"
-// - "hsl": Display as "hsl(9, 100%, 60%)"`,
-		Country: `// Configure country display options
-// Example:
-{
-  "show_flag": true,
-  "allow_null": false
-}
-`,
-		Date: `// Configure date display options
-// formatDistanceWithinHours: Shows relative time (e.g., "2 hours ago") for dates within the specified hours
-// Default: 0 hours. Set to 0 to disable relative time display
-{
-  "formatDistanceWithinHours": 0
-}`,
-		DateTime: `// Configure datetime display options
-// formatDistanceWithinHours: Shows relative time (e.g., "2 hours ago") for dates within the specified hours
-// Default: 0 hours. Set to 0 to disable relative time display
-{
-  "formatDistanceWithinHours": 0
-}`,
-		Default: `// No settings required`,
-		File: `// provide type of file: 'hex', 'base64' or 'file'
-// example:
-{
-  "type": "hex"
-}
-`,
-		Foreign_key: `// Provide settings for foreign key widget
-{
-  "column_name": "", // copy the name of the column you selected
-  "referenced_column_name": "",
-  "referenced_table_name": ""
-}
-`,
-		Image: `// provide image height in px to dispaly in table
-// prefix: optional URL prefix to prepend to image source
-// example:
-{
-  "height": 100,
-  "prefix": "https://example.com/images/"
-}
-`,
-		JSON: `// No settings required`,
-		Language: `// Configure language display options
-// show_flag: Display country flag emoji next to language name
-// Example:
-{
-  "show_flag": true
-}`,
-		Markdown: `// No settings required`,
-		Money: `// Configure money widget settings
-// cents: when true, stored values are integer minor units (e.g. 1099 = $10.99),
-// matching Stripe. For zero-decimal currencies (JPY, KRW, VND, ...) values are
-// shown as-is. Do NOT enable on a column that already stores decimal amounts.
-// example:
-{
-  "default_currency": "USD",
-  "decimal_places": 2,
-  "allow_negative": true,
-  "cents": false
-}
-`,
-		Number: `// Configure number display with unit conversion and threshold validation
-// Example units: "bytes", "meters", "seconds", "grams"
-// threshold_min/threshold_max: Values outside these limits will be highlighted
-{
-  "unit": null,
-  "threshold_min": null,
-  "threshold_max": null
-}`,
-		Password: `// provide algorithm to encrypt your password, one of:
-//sha1, sha3, sha224, sha256, sha512, sha384, bcrypt, scrypt, argon2, pbkdf2.
-// example:
-
-{
-  "encrypt": true,
-  "algorithm": "sha256"
-}
-
-`,
-		Phone: `// Configure international phone number widget
-// example:
-{
-  "preferred_countries": ["US", "GB", "CA"],
-  "enable_placeholder": true,
-  "phone_validation": true
-}
-`,
-		Range: `// Configure the minimum, maximum and step values for the range
-// Default: min = 0, max = 100, step = 1
-{
-  "min": 0,
-  "max": 100,
-  "step": 1
-}
-`,
-		Readonly: `// No settings required`,
-		Select: `// provide array of options to map database value (key 'value') in human readable value (key 'label');
-// for example:
-// AK => Alaska,
-// CA => California
-
-{
-  "allow_null": true,
-  "options": [
-    {
-      "value": "UA",
-      "label": "🇺🇦 Ukraine",
-      "background_color": "gold"
-    },
-    {
-      "value": "PL",
-      "label": "🇵🇱 Poland",
-      "background_color": "#FF1212"
-    },
-    {
-      "value": "US",
-      "label": "🇺🇸 United States",
-      "background_color": "rgba(100, 150, 255, 0.5)"
-    }
-  ]
-}`,
-		String: `// Optional validation for string values
-// validate: Any validator.js method (e.g., "isEmail", "isURL", "isUUID", "isJSON", "isAlpha", "isNumeric")
-// Full list: isEmail, isURL, isMACAddress, isIP, isIPRange, isFQDN, isBoolean, isIBAN, isBIC,
-// isAlpha, isAlphanumeric, isNumeric, isPort, isLowercase, isUppercase, isAscii, isBase64,
-// isHexadecimal, isHexColor, isRgbColor, isHSL, isMD5, isHash, isJWT, isJSON, isUUID,
-// isMongoId, isCreditCard, isISBN, isISSN, isMobilePhone, isPostalCode, isEthereumAddress,
-// isCurrency, isBtcAddress, isISO8601, isISO31661Alpha2, isISO31661Alpha3, isISO4217,
-// isDataURI, isMagnetURI, isMimeType, isLatLong, isSlug, isStrongPassword, isTaxID, isVAT
-// OR use "regex" with a regex parameter for custom pattern matching
-// force_send_empty_string: when true, always send "" to the backend on clear,
-// even if the column is nullable. Default false (cleared input becomes NULL on nullable columns).
-{
-  "validate": null,
-  "regex": null,
-  "force_send_empty_string": false
-}`,
-		Textarea: `// provide number of strings to show.
-{
-  "rows": 5
-}`,
-		Time: `// No settings required`,
-		Timezone: `// Configure timezone widget options
-// Uses Intl API to populate timezone list automatically
-// allow_null: Allow empty/null value selection
-{
-  "allow_null": false
-}
-`,
-		URL: `// prefix: optional URL prefix to prepend to the href
-// example:
-{
-  "prefix": "https://example.com/"
-}
-`,
-		UUID: `// Configure UUID generation version and parameters
-// Available versions: "v1", "v3", "v4" (default), "v5", "v7"
-// For v3/v5: provide namespace and optionally name
-{
-  "version": "v4",
-  "namespace": "6ba7b810-9dad-11d1-80b4-00c04fd430c8",
-  "name": ""
-}
-`,
-		Email: `// No settings required`,
-		S3: `// Configure S3-compatible bucket widget for file storage
-// provider: Cloud provider. Supported values:
-//   "aws"           - AWS S3 (default)
-//   "digitalocean"  - DigitalOcean Spaces
-//   "backblaze"     - Backblaze B2
-//   "wasabi"        - Wasabi
-//   "cloudflare-r2" - Cloudflare R2 (requires "account_id")
-// bucket: bucket name (required)
-// prefix: Optional path prefix for uploaded files
-// region: Region for the bucket (default: us-east-1; for cloudflare-r2 use "auto")
-// account_id: Cloudflare account ID. Required when provider is "cloudflare-r2".
-// type: "file" (default) - accepts all file types, "image" - accepts only images
-// access_key_id: Unique identifier of the secret containing the Access Key ID
-// access_key: Unique identifier of the secret containing the Secret Access Key
-//
-// ⚠️ IMPORTANT: DO NOT INCLUDE BUCKET SECRETS DIRECTLY IN WIDGET SETTINGS!
-// Store your credentials as secrets in Rocketadmin and reference them here by their unique identifiers to ensure security and prevent exposure of sensitive information.
-
-{
-  "provider": "aws",
-  "bucket": "your-bucket-name",
-  "prefix": "uploads/",
-  "region": "us-east-1",
-  "type": "file",
-  "access_key_id": "COMPANY-SECRET/bucket-access-key-id",
-  "access_key": "COMPANY-SECRET/bucket-access-key"
-}
-`,
-	};
-
-	constructor(
-		private _connections: ConnectionsService,
-		private _tables: TablesService,
-		private _location: Location,
-		private _uiSettings: UiSettingsService,
-		public dialog: MatDialog,
-		public router: Router,
-		private title: Title,
-		private angulartics2: Angulartics2,
-	) {}
-
-	ngOnInit(): void {
-		this.connectionID = this._connections.currentConnectionID;
-		this.tableName = this._tables.currentTableName;
-		this.widgetsWithSettings = Object.entries(this.defaultParams)
-			.filter(([_key, value]) => value !== '// No settings required')
-			.map((widgetDefault) => widgetDefault[0]);
-
-		this._tables.fetchTableStructure(this.connectionID, this.tableName).subscribe((res) => {
-			this.fieldsCount = res.structure.length;
-			this.fields = res.structure.map((field: TableField) => field.column_name);
-			this.dispalyTableName = res.display_name || normalizeTableName(this.tableName);
-			this.title.setTitle(`${this.dispalyTableName} - Field display | Rocketadmin`);
-			this.getWidgets();
-		});
-		this.codeEditorTheme = this._uiSettings.isDarkMode ? 'vs-dark' : 'vs';
-	}
-
-	get currentConnection() {
-		return this._connections.currentConnection;
-	}
-
-	getCrumbs(name: string) {
-		return [
-			{
-				label: name,
-				link: `/dashboard/${this.connectionID}`,
-			},
-			{
-				label: this.dispalyTableName,
-				link: `/dashboard/${this.connectionID}/${this.tableName}`,
-			},
-			{
-				label: 'UI Widgets',
-				link: null,
-			},
-		];
-	}
-
-	goBack() {
-		this._location.back();
-	}
-
-	addNewWidget() {
-		this.widgets.push({
-			field_name: '',
-			widget_type: 'Default',
-			widget_params: '// No settings required',
-			name: '',
-			description: '',
-		});
-	}
-
-	selectWidgetField(column_name: string) {
-		this.fields.splice(this.fields.indexOf(column_name), 1);
-	}
-
-	widgetTypeChange(fieldName) {
-		let currentWidget = this.widgets.find((widget) => widget.field_name === fieldName);
-		currentWidget.widget_params = this.defaultParams[currentWidget.widget_type || 'Default'];
-
-		this.widgetParamsChange({ fieldName: currentWidget.field_name, value: currentWidget.widget_params });
-	}
-
-	isReadOnly(type: string) {
-		return !this.widgetsWithSettings.includes(type);
-	}
-
-	widgetParamsChange(e: { fieldName: string; value: any }) {
-		let currentWidget = this.widgets.find((widget) => widget.field_name === e.fieldName);
-		currentWidget.widget_params = e.value;
-	}
-
-	openDeleteWidgetDialog(widgetFieldName: string) {
-		const dialogRef = this.dialog.open(WidgetDeleteDialogComponent, {
-			width: '25em',
-			data: widgetFieldName,
-		});
-
-		dialogRef.afterClosed().subscribe((action) => {
-			if (action === 'delete') {
-				this.fields.push(widgetFieldName);
-				this.widgets = this.widgets.filter((widget) => widget.field_name !== widgetFieldName);
-				this.updateWidgets(true);
-			}
-		});
-	}
-
-	openClearAllConfirmation() {
-		const dialogRef = this.dialog.open(WidgetDeleteDialogComponent, {
-			width: '25em',
-		});
-
-		dialogRef.afterClosed().subscribe((action) => {
-			if (action === 'delete') {
-				const widgetsToDelete = this.widgets.map((widget) => widget.field_name);
-				this.fields = [...this.fields, ...widgetsToDelete];
-				this.widgets = [];
-				this.updateWidgets(true);
-			}
-		});
-	}
-
-	getWidgets() {
-		this._tables.fetchTableWidgets(this.connectionID, this.tableName).subscribe((res) => {
-			const currentWidgetTypes = res.map((widget: Widget) => widget.field_name);
-			this.fields = difference(this.fields, currentWidgetTypes);
-			res.forEach((widget: Widget) => {
-				if (widget.widget_type === '') widget.widget_type = 'Default';
-			});
-			this.widgets = res;
-		});
-	}
-
-	updateWidgets(afterDeleteAll?: boolean) {
-		this.submitting = true;
-
-		this.widgets.forEach((widget) => {
-			if (widget.widget_type === 'Default') widget.widget_type = '';
-		});
-
-		this._tables.updateTableWidgets(this.connectionID, this.tableName, this.widgets).subscribe(
-			() => {
-				this.submitting = false;
-				this.angulartics2.eventTrack.next({
-					action: 'Widgets: widgets are updated successfully',
-				});
-				posthog.capture('Widgets: widgets are updated successfully');
-				if (!afterDeleteAll) this.router.navigate([`/dashboard/${this.connectionID}/${this.tableName}`]);
-			},
-			undefined,
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog/widget-delete-dialog.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog/widget-delete-dialog.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog/widget-delete-dialog.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog/widget-delete-dialog.component.html
deleted file mode 100644
index 017a28661..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog/widget-delete-dialog.component.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<h1 mat-dialog-title>Confirm widget delete</h1>
-<mat-dialog-content>
-    <p *ngIf="widgetFieldName; else clearAllMessage" class="mat-body">
-        You are going to delete widget for <strong>{{ widgetFieldName }}</strong> field.
-    </p>
-    <ng-template #clearAllMessage>
-      <p>Do you want to delete all widgets?</p>
-    </ng-template>
-    <br>
-    <p class="mat-body">Please confirm.</p>
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-  <button mat-flat-button mat-dialog-close>Cancel</button>
-  <button mat-flat-button color="warn" mat-dialog-close="delete">Delete</button>
-</mat-dialog-actions>
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog/widget-delete-dialog.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog/widget-delete-dialog.component.spec.ts
deleted file mode 100644
index b1ba868e1..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog/widget-delete-dialog.component.spec.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-
-import { WidgetDeleteDialogComponent } from './widget-delete-dialog.component';
-
-describe('WidgetDeleteDialogComponent', () => {
-	let component: WidgetDeleteDialogComponent;
-	let fixture: ComponentFixture<WidgetDeleteDialogComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, WidgetDeleteDialogComponent],
-			providers: [
-				{ provide: MAT_DIALOG_DATA, useValue: {} },
-				{ provide: MatDialogRef, useValue: {} },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(WidgetDeleteDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog/widget-delete-dialog.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog/widget-delete-dialog.component.ts
deleted file mode 100644
index cc4afe66b..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget-delete-dialog/widget-delete-dialog.component.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-
-@Component({
-	selector: 'app-widget-delete-dialog',
-	templateUrl: './widget-delete-dialog.component.html',
-	styleUrls: ['./widget-delete-dialog.component.css'],
-	imports: [CommonModule, MatButtonModule, MatIconModule, MatDialogModule],
-})
-export class WidgetDeleteDialogComponent implements OnInit {
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public widgetFieldName: any,
-		_dialogRef: MatDialogRef<WidgetDeleteDialogComponent>,
-	) {}
-
-	ngOnInit(): void {}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.css
deleted file mode 100644
index a163e493c..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.css
+++ /dev/null
@@ -1,47 +0,0 @@
-.widget-field-name {
-	align-self: baseline;
-	margin-top: 8px;
-	word-break: break-all;
-}
-
-.widget-type ::ng-deep .mat-mdc-form-field-hint-wrapper {
-	--mat-button-outlined-container-height: 24px;
-	--mat-button-outlined-horizontal-padding: 12px;
-
-	padding: 8px 4px;
-}
-
-.code-editor-box {
-	display: block;
-	border: 1px solid rgba(0, 0, 0, 0.38);
-	border-radius: 4px;
-	margin-bottom: 20px;
-	overflow-y: auto;
-	resize: vertical;
-}
-
-.code-editor-box ::ng-deep .ngs-code-editor {
-	height: 100%;
-}
-
-.widget-params__label {
-	position: absolute;
-	top: 8px;
-	right: 8px;
-	font-size: 12px;
-	font-weight: 600;
-}
-
-.widget-params__shutter {
-	position: absolute;
-	top: 0;
-	left: 0;
-	background: rgba(255, 255, 255, 0.5);
-	cursor: not-allowed;
-	height: 100%;
-	width: 100%;
-}
-
-.widget-delete-button {
-	margin-top: 4px;
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.html
deleted file mode 100644
index 346386a5f..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.html
+++ /dev/null
@@ -1,59 +0,0 @@
-<span *ngIf="widget.field_name; else fieldsSelect" class="widget-field-name">
-    {{ widget.field_name }}
-</span>
-<ng-template #fieldsSelect>
-    <mat-form-field appearance="outline">
-        <mat-label>Field</mat-label>
-        <mat-select [(ngModel)]="widget.field_name" name="{{widget.field_name}}-field-name">
-            <mat-option *ngFor="let field of fields"
-                [value]="field" (click)="onSelectWidgetField.emit(field)">{{ field }}</mat-option>
-        </mat-select>
-    </mat-form-field>
-</ng-template>
-
-<div class="widget-type">
-    <mat-form-field appearance="outline">
-        <mat-label>Displayed field type</mat-label>
-        <mat-select name="{{widget.field_name}}-field-type"
-            [(ngModel)]="widget.widget_type"
-            (ngModelChange)="onWidgetTypeChange.emit(widget.field_name)">
-            <mat-option *ngFor="let widgetType of widgetTypes"
-                [value]="widgetType">{{ widgetType }}</mat-option>
-        </mat-select>
-        <mat-hint *ngIf="docsUrls[widgetType]">
-            <a mat-stroked-button [href]="docsUrls[widgetType]" target="_blank" color="primary">
-                Docs
-                <mat-icon>open_in_new</mat-icon>
-            </a>
-        </mat-hint>
-    </mat-form-field>
-
-</div>
-
-<div class="code-editor-box">
-    <ngs-code-editor
-        name="{{widget.field_name}}-params-editor"
-        [theme]="codeEditorTheme"
-        [codeModel]="mutableWidgetParams"
-        [options]="paramsEditorOptions"
-        [readOnly]="isReadonlyParams"
-        (valueChanged)="onWidgetParamsChange.emit({value: $event, fieldName: widget.field_name})"
-        >
-    </ngs-code-editor>
-</div>
-
-<mat-form-field appearance="outline">
-    <mat-label>Displayed field name</mat-label>
-    <input matInput [(ngModel)]="widget.name" name="{{widget.field_name}}-field-new-name">
-</mat-form-field>
-
-<mat-form-field appearance="outline">
-    <mat-label>Displayed field description</mat-label>
-    <textarea matInput [(ngModel)]="widget.description" name="{{widget.field_name}}-field-description"></textarea>
-</mat-form-field>
-
-<button mat-icon-button type="button" class="widget-delete-button"
-    matTooltip="Delete widget"
-    (click)="onWidgetDelete.emit(widget.field_name)">
-    <mat-icon>delete</mat-icon>
-</button>
\ No newline at end of file
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.spec.ts
deleted file mode 100644
index 611199779..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.spec.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-import { NO_ERRORS_SCHEMA, SimpleChange } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { MockCodeEditorComponent } from 'src/app/testing/code-editor.mock';
-import { WidgetComponent } from './widget.component';
-
-describe('WidgetComponent', () => {
-	let component: WidgetComponent;
-	let fixture: ComponentFixture<WidgetComponent>;
-
-	const mockWidget = {
-		field_name: 'password',
-		widget_type: 'Password',
-		widget_params: '{"minLength": 8}',
-		name: 'User Password',
-		description: 'Password field',
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [WidgetComponent, BrowserAnimationsModule],
-		})
-			.overrideComponent(WidgetComponent, {
-				remove: { imports: [CodeEditorModule] },
-				add: { imports: [MockCodeEditorComponent], schemas: [NO_ERRORS_SCHEMA] },
-			})
-			.compileComponents();
-
-		fixture = TestBed.createComponent(WidgetComponent);
-		component = fixture.componentInstance;
-
-		component.widget = { ...mockWidget };
-		component.index = 0;
-		component.fields = ['email', 'username', 'password'];
-		component.widgetTypes = ['Default', 'Password', 'Textarea', 'Code'];
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should initialize mutableWidgetParams on init', () => {
-		expect(component.mutableWidgetParams).toEqual({
-			language: 'json',
-			uri: 'widget-params-0.json',
-			value: '{"minLength": 8}',
-		});
-	});
-
-	it('should have correct code editor options', () => {
-		expect(component.paramsEditorOptions.minimap.enabled).toBe(false);
-		expect(component.paramsEditorOptions.wordWrap).toBe('on');
-		expect(component.paramsEditorOptions.automaticLayout).toBe(true);
-	});
-
-	it('should have documentation URLs for widget types', () => {
-		expect(component.docsUrls.Password).toContain('docs.rocketadmin.com');
-		expect(component.docsUrls.Boolean).toContain('widgets_management#boolean');
-		expect(component.docsUrls.Code).toContain('widgets_management#code');
-	});
-
-	it('should emit onSelectWidgetField when field is selected', () => {
-		const emitSpy = vi.spyOn(component.onSelectWidgetField, 'emit');
-		component.onSelectWidgetField.emit('email');
-		expect(emitSpy).toHaveBeenCalledWith('email');
-	});
-
-	it('should emit onWidgetTypeChange when widget type changes', () => {
-		const emitSpy = vi.spyOn(component.onWidgetTypeChange, 'emit');
-		component.onWidgetTypeChange.emit('Textarea');
-		expect(emitSpy).toHaveBeenCalledWith('Textarea');
-	});
-
-	it('should emit onWidgetDelete when delete is triggered', () => {
-		const emitSpy = vi.spyOn(component.onWidgetDelete, 'emit');
-		component.onWidgetDelete.emit('password');
-		expect(emitSpy).toHaveBeenCalledWith('password');
-	});
-
-	it('should emit onWidgetParamsChange with value and fieldName', () => {
-		const emitSpy = vi.spyOn(component.onWidgetParamsChange, 'emit');
-		component.onWidgetParamsChange.emit({ value: '{"new": "params"}', fieldName: 'password' });
-		expect(emitSpy).toHaveBeenCalledWith({ value: '{"new": "params"}', fieldName: 'password' });
-	});
-
-	it('should update mutableWidgetParams when widgetType changes', () => {
-		const newParams = '{"newParam": true}';
-		component.widget = { ...mockWidget, widget_params: newParams };
-
-		component.ngOnChanges({
-			widgetType: new SimpleChange('Password', 'Textarea', false),
-		});
-
-		expect(component.mutableWidgetParams.value).toBe(newParams);
-	});
-
-	it('should not update mutableWidgetParams when widgetType does not change', () => {
-		const originalValue = component.mutableWidgetParams.value;
-
-		component.ngOnChanges({
-			someOtherProperty: new SimpleChange('old', 'new', false),
-		});
-
-		expect(component.mutableWidgetParams.value).toBe(originalValue);
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.ts
deleted file mode 100644
index 1607d8089..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-import { CommonModule } from '@angular/common';
-import {
-	Component,
-	CUSTOM_ELEMENTS_SCHEMA,
-	EventEmitter,
-	Input,
-	OnChanges,
-	OnInit,
-	Output,
-	SimpleChanges,
-} from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { Widget } from 'src/app/models/table';
-
-@Component({
-	selector: 'app-widget',
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatSelectModule,
-		MatIconModule,
-		MatButtonModule,
-		CodeEditorModule,
-	],
-	templateUrl: './widget.component.html',
-	styleUrl: './widget.component.css',
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class WidgetComponent implements OnInit, OnChanges {
-	@Input() index: number;
-	@Input() widget: Widget;
-	@Input() widgetType: string;
-	@Input() fields: string[];
-	@Input() widgetTypes: string[];
-	@Input() isReadonlyParams: boolean;
-	@Input() codeEditorTheme: 'vs' | 'vs-dark';
-
-	@Output() onSelectWidgetField = new EventEmitter<string>();
-	@Output() onWidgetTypeChange = new EventEmitter<string>();
-	@Output() onWidgetParamsChange = new EventEmitter<{ value: any; fieldName: string }>();
-	@Output() onWidgetDelete = new EventEmitter<string>();
-
-	public mutableWidgetParams: {
-		language: string;
-		uri: string;
-		value: any;
-	} = {
-		language: 'json',
-		uri: '',
-		value: {},
-	};
-
-	public paramsEditorOptions = {
-		minimap: { enabled: false },
-		lineNumbersMinChars: 3,
-		folding: false,
-		automaticLayout: true,
-		scrollBeyondLastLine: false,
-		wordWrap: 'on',
-	};
-
-	public docsUrls = {
-		Binary: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#binary',
-		Boolean: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#boolean',
-		Code: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#code',
-		Color: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#color',
-		Country: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#country',
-		Foreign_key: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#foreign-key',
-		Image: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#image',
-		Money: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#money',
-		Number: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#number',
-		Password: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#password',
-		Phone: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#phone',
-		Range: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#range',
-		Select: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#select',
-		String: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#string',
-		Textarea: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#textarea',
-		URL: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#url',
-		UUID: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#uuid',
-		Date: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#date-time-and-datetime',
-		DateTime: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#date-time-and-datetime',
-		Time: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#date-time-and-datetime',
-		S3: 'https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_management#s3',
-	};
-
-	ngOnInit(): void {
-		this.mutableWidgetParams = {
-			language: 'json',
-			uri: `widget-params-${this.index}.json`,
-			value: this.widget.widget_params,
-		};
-	}
-
-	ngOnChanges(changes: SimpleChanges): void {
-		if (changes.widgetType?.currentValue) {
-			this.mutableWidgetParams = {
-				...this.mutableWidgetParams,
-				value: this.widget.widget_params,
-			};
-			console.log(this.mutableWidgetParams);
-		}
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widgets-empty-state/widgets-empty-state.component.css b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widgets-empty-state/widgets-empty-state.component.css
deleted file mode 100644
index cf19415af..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widgets-empty-state/widgets-empty-state.component.css
+++ /dev/null
@@ -1,390 +0,0 @@
-.empty-state {
-	display: flex;
-	align-items: stretch;
-	height: calc(100vh - 200px - 16px);
-	gap: 0;
-	max-width: 1200px;
-	margin: 0 auto;
-}
-
-.empty-left {
-	width: 420px;
-	flex-shrink: 0;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	padding: 32px 32px 32px 0;
-}
-
-.empty-icon-box {
-	width: 40px;
-	height: 40px;
-	border-radius: 10px;
-	background: rgba(99, 102, 241, 0.1);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	margin-bottom: 16px;
-}
-
-.empty-icon {
-	color: var(--color-accentedPalette-500);
-	font-size: 22px;
-	width: 22px;
-	height: 22px;
-}
-
-.empty-title {
-	font-size: 20px;
-	font-weight: 600;
-	margin: 0 0 8px;
-	line-height: 1.3;
-}
-
-.empty-subtitle {
-	font-size: 14px;
-	font-weight: 300;
-	color: rgba(0, 0, 0, 0.64);
-	margin: 0 0 24px !important;
-	line-height: 1.5;
-}
-
-.empty-subtitle strong {
-	font-weight: 500;
-}
-
-@media (prefers-color-scheme: dark) {
-	.empty-subtitle {
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-/* Demo animated table */
-.demo-table {
-	border-radius: 8px;
-	overflow: hidden;
-	background: #1e1e1e;
-	border: 1px solid #2a2a2a;
-}
-
-.demo-header {
-	display: flex;
-	padding: 8px 14px;
-	border-bottom: 1px solid #2a2a2a;
-	font-size: 11px;
-	font-weight: 600;
-	text-transform: uppercase;
-	letter-spacing: 0.05em;
-	color: rgba(255, 255, 255, 0.35);
-}
-
-.demo-header-col {
-	width: 110px;
-	flex-shrink: 0;
-}
-
-.demo-header-val {
-	flex: 1;
-}
-
-.demo-row {
-	display: flex;
-	align-items: center;
-	padding: 10px 14px;
-	border-bottom: 1px solid #2a2a2a;
-	position: relative;
-}
-
-.demo-row--last {
-	border-bottom: none;
-}
-
-.demo-col {
-	width: 110px;
-	flex-shrink: 0;
-	font-family: monospace;
-	font-size: 12px;
-	color: rgba(255, 255, 255, 0.5);
-}
-
-.demo-val-wrap {
-	flex: 1;
-	position: relative;
-	height: 20px;
-}
-
-.demo-raw {
-	position: absolute;
-	top: 0;
-	left: 0;
-	font-family: monospace;
-	font-size: 12px;
-	color: rgba(255, 255, 255, 0.4);
-	white-space: nowrap;
-	transition:
-		opacity 0.35s,
-		transform 0.35s;
-	line-height: 20px;
-}
-
-.demo-widget {
-	position: absolute;
-	top: 0;
-	left: 0;
-	font-family: monospace;
-	font-size: 12px;
-	font-weight: 500;
-	white-space: nowrap;
-	display: flex;
-	align-items: center;
-	gap: 4px;
-	opacity: 0;
-	transform: translateY(6px);
-	transition:
-		opacity 0.35s,
-		transform 0.35s;
-	line-height: 20px;
-}
-
-.show-widget .demo-raw {
-	opacity: 0;
-	transform: translateY(-4px);
-}
-
-.show-widget .demo-widget {
-	opacity: 1;
-	transform: translateY(0);
-}
-
-.demo-widget--green {
-	color: #22c55e;
-}
-
-.demo-widget--amber {
-	color: rgba(255, 255, 255, 0.85);
-}
-
-.demo-widget--purple {
-	color: #8b5cf6;
-}
-
-.demo-widget--blue {
-	color: rgba(255, 255, 255, 0.85);
-}
-
-.demo-widget-icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-}
-
-.demo-widget-icon--green {
-	color: #22c55e;
-}
-
-.demo-widget-icon--purple {
-	color: #8b5cf6;
-}
-
-.demo-widget-icon--blue {
-	color: #3b82f6;
-}
-
-.widget-badge {
-	font-size: 10px;
-	font-weight: 600;
-	text-transform: uppercase;
-	letter-spacing: 0.04em;
-	color: rgba(255, 255, 255, 0.3);
-	background: rgba(255, 255, 255, 0.06);
-	padding: 2px 8px;
-	border-radius: 4px;
-	opacity: 0;
-	transition: opacity 0.35s;
-	flex-shrink: 0;
-	margin-left: 8px;
-}
-
-.widget-badge--visible {
-	opacity: 1;
-}
-
-@media (prefers-color-scheme: light) {
-	.demo-table {
-		background: #f8f8f8;
-		border-color: rgba(0, 0, 0, 0.1);
-	}
-
-	.demo-header {
-		border-bottom-color: rgba(0, 0, 0, 0.1);
-		color: rgba(0, 0, 0, 0.4);
-	}
-
-	.demo-row {
-		border-bottom-color: rgba(0, 0, 0, 0.08);
-	}
-
-	.demo-col {
-		color: rgba(0, 0, 0, 0.5);
-	}
-
-	.demo-raw {
-		color: rgba(0, 0, 0, 0.4);
-	}
-
-	.demo-widget--amber {
-		color: rgba(0, 0, 0, 0.85);
-	}
-
-	.demo-widget--blue {
-		color: rgba(0, 0, 0, 0.85);
-	}
-
-	.widget-badge {
-		color: rgba(0, 0, 0, 0.35);
-		background: rgba(0, 0, 0, 0.06);
-	}
-}
-
-.empty-cta {
-	margin-top: 24px;
-	display: flex;
-	align-items: center;
-	gap: 16px;
-}
-
-.empty-docs-link {
-	display: inline-flex;
-	align-items: center;
-	gap: 4px;
-	font-size: 13px;
-	color: var(--color-accentedPalette-500);
-	text-decoration: none;
-}
-
-.empty-docs-link:hover {
-	opacity: 0.8;
-}
-
-.empty-docs-icon {
-	font-size: 14px;
-	width: 14px;
-	height: 14px;
-}
-
-.empty-divider {
-	width: 1px;
-	background: rgba(0, 0, 0, 0.1);
-	flex-shrink: 0;
-	align-self: center;
-	height: 60%;
-}
-
-@media (prefers-color-scheme: dark) {
-	.empty-divider {
-		background: rgba(255, 255, 255, 0.1);
-	}
-}
-
-.empty-right {
-	flex: 1;
-	padding: 32px;
-	overflow: auto;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-}
-
-.widget-grid-label {
-	text-transform: uppercase;
-	font-size: 11px;
-	/* font-weight: 600; */
-	letter-spacing: 0.08em;
-	color: rgba(0, 0, 0, 0.64);
-	margin-bottom: 16px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.widget-grid-label {
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-.widget-grid {
-	display: grid;
-	grid-template-columns: repeat(6, auto);
-	gap: 10px;
-}
-
-.widget-card {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	padding: 10px 2px 8px;
-	border: 1px solid rgba(0, 0, 0, 0.08);
-	border-radius: 8px;
-	text-align: center;
-}
-
-@media (prefers-color-scheme: dark) {
-	.widget-card {
-		border-color: rgba(255, 255, 255, 0.08);
-	}
-}
-
-.widget-card-icon {
-	font-size: 24px;
-	width: 24px;
-	height: 24px;
-	color: var(--color-accentedPalette-500);
-	margin-bottom: 6px;
-}
-
-.widget-card-name {
-	font-size: 12px;
-	font-weight: 500;
-	line-height: 1.3;
-}
-
-.widget-card-desc {
-	font-size: 11px;
-	color: rgba(0, 0, 0, 0.54);
-	line-height: 1.3;
-}
-
-@media (prefers-color-scheme: dark) {
-	.widget-card-desc {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-@media (width <= 600px) {
-	.empty-state {
-		flex-direction: column;
-	}
-
-	.empty-divider,
-	.empty-right,
-	.empty-icon-box {
-		display: none !important;
-	}
-
-	.empty-left {
-		width: 100%;
-		max-width: 100%;
-		padding: 16px 0;
-	}
-
-	.empty-cta {
-		justify-content: flex-end;
-		gap: 12px;
-	}
-
-	.empty-cta > button {
-		order: 2;
-	}
-
-	.empty-cta > .empty-docs-link {
-		order: 1;
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widgets-empty-state/widgets-empty-state.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widgets-empty-state/widgets-empty-state.component.html
deleted file mode 100644
index b32f4e7b5..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widgets-empty-state/widgets-empty-state.component.html
+++ /dev/null
@@ -1,170 +0,0 @@
-<div class="empty-state">
-    <div class="empty-left">
-        <div class="empty-icon-box">
-            <mat-icon class="empty-icon">tune</mat-icon>
-        </div>
-
-        <h2 class="empty-title">Make your data easier to read and edit</h2>
-        <p class="empty-subtitle">By default every column shows <strong>raw text</strong>. Widgets change how a column is <strong>displayed and edited</strong> — without modifying the database.</p>
-
-        <div class="demo-table">
-            <div class="demo-header">
-                <span class="demo-header-col">Column</span>
-                <span class="demo-header-val">Value</span>
-            </div>
-            <div class="demo-row" [class.show-widget]="animatedRows[0]">
-                <span class="demo-col">is_active</span>
-                <span class="demo-val-wrap">
-                    <span class="demo-raw">1</span>
-                    <span class="demo-widget demo-widget--green">
-                        <mat-icon class="demo-widget-icon demo-widget-icon--green">check_circle</mat-icon>
-                        Yes
-                    </span>
-                </span>
-                <span class="widget-badge" [class.widget-badge--visible]="animatedRows[0]">Boolean</span>
-            </div>
-            <div class="demo-row" [class.show-widget]="animatedRows[1]">
-                <span class="demo-col">price</span>
-                <span class="demo-val-wrap">
-                    <span class="demo-raw">9900</span>
-                    <span class="demo-widget demo-widget--amber">USD 99.00</span>
-                </span>
-                <span class="widget-badge" [class.widget-badge--visible]="animatedRows[1]">Money</span>
-            </div>
-            <div class="demo-row" [class.show-widget]="animatedRows[2]">
-                <span class="demo-col">website</span>
-                <span class="demo-val-wrap">
-                    <span class="demo-raw">https://rocketadmin.com</span>
-                    <span class="demo-widget demo-widget--purple">
-                        <mat-icon class="demo-widget-icon demo-widget-icon--purple">link</mat-icon>
-                        rocketadmin.com
-                    </span>
-                </span>
-                <span class="widget-badge" [class.widget-badge--visible]="animatedRows[2]">URL</span>
-            </div>
-            <div class="demo-row demo-row--last" [class.show-widget]="animatedRows[3]">
-                <span class="demo-col">country</span>
-                <span class="demo-val-wrap">
-                    <span class="demo-raw">US</span>
-                    <span class="demo-widget demo-widget--blue">
-                        &#127482;&#127480; United States
-                    </span>
-                </span>
-                <span class="widget-badge" [class.widget-badge--visible]="animatedRows[3]">Country</span>
-            </div>
-        </div>
-
-        <div class="empty-cta">
-            <button mat-flat-button color="accent"
-                angulartics2On="click"
-                angularticsAction="Widgets: add first widget is clicked"
-                (click)="onAddWidget.emit(); posthog.capture('Widgets: add first widget is clicked')">
-                Create first widget
-            </button>
-            <a class="empty-docs-link"
-                href="https://docs.rocketadmin.com/Reference/UI%20Widgets/widgets_definition"
-                target="_blank"
-                rel="noopener noreferrer">
-                Docs <mat-icon class="empty-docs-icon">open_in_new</mat-icon>
-            </a>
-        </div>
-    </div>
-
-    <div class="empty-divider"></div>
-
-    <div class="empty-right">
-        <span class="widget-grid-label">Available widgets</span>
-        <div class="widget-grid">
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">image</mat-icon>
-                <span class="widget-card-name">Image</span>
-                <span class="widget-card-desc">Photo preview</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">toggle_on</mat-icon>
-                <span class="widget-card-name">Boolean</span>
-                <span class="widget-card-desc">Yes / No</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">payments</mat-icon>
-                <span class="widget-card-name">Money</span>
-                <span class="widget-card-desc">Currency format</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">flag</mat-icon>
-                <span class="widget-card-name">Country</span>
-                <span class="widget-card-desc">Country picker</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">link</mat-icon>
-                <span class="widget-card-name">URL</span>
-                <span class="widget-card-desc">Clickable link</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">list</mat-icon>
-                <span class="widget-card-name">Select</span>
-                <span class="widget-card-desc">Dropdown list</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">event</mat-icon>
-                <span class="widget-card-name">Date</span>
-                <span class="widget-card-desc">Date picker</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">palette</mat-icon>
-                <span class="widget-card-name">Color</span>
-                <span class="widget-card-desc">Color picker</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">phone</mat-icon>
-                <span class="widget-card-name">Phone</span>
-                <span class="widget-card-desc">Phone format</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">code</mat-icon>
-                <span class="widget-card-name">Code</span>
-                <span class="widget-card-desc">Syntax highlight</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">tag</mat-icon>
-                <span class="widget-card-name">Number</span>
-                <span class="widget-card-desc">Numeric display</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">linear_scale</mat-icon>
-                <span class="widget-card-name">Range</span>
-                <span class="widget-card-desc">Slider input</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">password</mat-icon>
-                <span class="widget-card-name">Password</span>
-                <span class="widget-card-desc">Hidden text</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">notes</mat-icon>
-                <span class="widget-card-name">Textarea</span>
-                <span class="widget-card-desc">Multi-line text</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">fingerprint</mat-icon>
-                <span class="widget-card-name">UUID</span>
-                <span class="widget-card-desc">Auto-generate</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">cloud_upload</mat-icon>
-                <span class="widget-card-name">S3</span>
-                <span class="widget-card-desc">File storage</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">vpn_key</mat-icon>
-                <span class="widget-card-name">Foreign key</span>
-                <span class="widget-card-desc">Linked record</span>
-            </div>
-            <div class="widget-card">
-                <mat-icon class="widget-card-icon">text_fields</mat-icon>
-                <span class="widget-card-name">String</span>
-                <span class="widget-card-desc">Text validation</span>
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widgets-empty-state/widgets-empty-state.component.ts b/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widgets-empty-state/widgets-empty-state.component.ts
deleted file mode 100644
index 30bd22d35..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widgets-empty-state/widgets-empty-state.component.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { Angulartics2OnModule } from 'angulartics2';
-import posthog from 'posthog-js';
-
-@Component({
-	selector: 'app-widgets-empty-state',
-	templateUrl: './widgets-empty-state.component.html',
-	styleUrls: ['./widgets-empty-state.component.css'],
-	imports: [CommonModule, MatButtonModule, MatIconModule, Angulartics2OnModule],
-})
-export class WidgetsEmptyStateComponent implements OnInit, OnDestroy {
-	protected posthog = posthog;
-
-	@Output() onAddWidget = new EventEmitter<void>();
-
-	public animatedRows: boolean[] = [false, false, false, false];
-
-	ngOnInit(): void {
-		this._startWidgetAnimation();
-	}
-
-	ngOnDestroy(): void {
-		this._clearAnimationTimers();
-	}
-
-	private _animationTimers: ReturnType<typeof setTimeout>[] = [];
-
-	private _startWidgetAnimation(): void {
-		this._clearAnimationTimers();
-		this._runAnimationCycle();
-	}
-
-	private _runAnimationCycle(): void {
-		for (let i = 0; i < 4; i++) {
-			this._animationTimers.push(
-				setTimeout(() => {
-					this.animatedRows[i] = true;
-				}, i * 600),
-			);
-		}
-
-		this._animationTimers.push(
-			setTimeout(
-				() => {
-					this.animatedRows = [false, false, false, false];
-
-					this._animationTimers.push(
-						setTimeout(() => {
-							this._runAnimationCycle();
-						}, 800),
-					);
-				},
-				3 * 600 + 2200,
-			),
-		);
-	}
-
-	private _clearAnimationTimers(): void {
-		this._animationTimers.forEach((t) => clearTimeout(t));
-		this._animationTimers = [];
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.css b/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.css
deleted file mode 100644
index 0bae5269f..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.css
+++ /dev/null
@@ -1,1064 +0,0 @@
-.filters-content {
-	display: grid;
-	grid-template-columns: 32px auto 228px 0 1fr 100px;
-	grid-column-gap: 8px;
-	align-content: flex-start;
-	align-items: center;
-	padding-top: 4px !important;
-}
-
-::ng-deep mat-dialog-content.filters-content {
-	padding-left: 24px !important;
-	padding-right: 24px !important;
-}
-
-.filters-select {
-	grid-column: 2 / span 5;
-	margin-bottom: 16px;
-}
-
-.filter-line {
-	grid-column: 2 / span 4;
-	display: flex;
-	align-items: flex-start;
-	gap: 8px;
-}
-
-.filter-line > div,
-.filter-line > ng-template,
-.filter-line > ndc-dynamic {
-	flex: 1;
-	min-width: 0;
-}
-
-.filter-line > .column-name {
-	flex: 0 0 auto;
-	white-space: nowrap;
-}
-
-.empty-conditions-container {
-	grid-column: 1 / span 5;
-	display: flex;
-	align-items: center;
-	gap: 12px;
-	margin-top: 8px;
-	margin-bottom: 16px;
-}
-
-.add-condition-container {
-	grid-column: 1 / span 6;
-	display: flex;
-	align-items: center;
-	gap: 12px;
-	margin-top: 8px;
-	margin-bottom: 16px;
-}
-
-.where-label {
-	font-weight: 500;
-	color: rgba(0, 0, 0, 0.87);
-	white-space: nowrap;
-}
-
-@media (prefers-color-scheme: dark) {
-	.where-label {
-		color: rgba(255, 255, 255, 0.87);
-	}
-}
-
-.empty-conditions-container .column-name-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-	vertical-align: middle;
-}
-
-.empty-condition-input {
-	width: auto;
-	min-width: 200px;
-	max-width: 300px;
-	margin: 0;
-	flex-shrink: 0;
-}
-
-.empty-condition-input ::ng-deep .mat-mdc-form-field-infix {
-	min-height: 36px;
-	padding-top: 8px;
-	padding-bottom: 8px;
-	display: flex;
-	align-items: center;
-}
-
-.empty-condition-input ::ng-deep .mat-mdc-form-field {
-	margin: 0;
-}
-
-.empty-condition-input ::ng-deep .mat-mdc-text-field-wrapper {
-	padding-bottom: 0;
-	margin-bottom: 0;
-}
-
-.empty-condition-input ::ng-deep .mat-mdc-form-field-subscript-wrapper {
-	margin-top: 0;
-	position: absolute;
-	top: 100%;
-}
-
-.quick-edit-header {
-	grid-column: 6;
-	display: flex;
-	align-items: center;
-	gap: 4px;
-	justify-content: center;
-	margin-top: 8px;
-	margin-bottom: 16px;
-}
-
-.quick-edit-title {
-	font-size: 11px;
-	font-weight: 500;
-	text-transform: uppercase;
-	letter-spacing: 0.5px;
-	color: rgba(0, 0, 0, 0.5);
-	white-space: nowrap;
-}
-
-.quick-edit-info-icon {
-	font-size: 14px;
-	width: 14px;
-	height: 14px;
-	color: rgba(0, 0, 0, 0.35);
-	cursor: pointer;
-}
-
-/* Quick edit help menu styles */
-::ng-deep .quick-edit-help-menu {
-	max-width: none !important;
-}
-
-.quick-edit-help-content {
-	padding: 16px;
-	cursor: default;
-}
-
-.quick-edit-help-text {
-	margin: 0 0 12px 0;
-	font-size: 13px;
-	color: rgba(0, 0, 0, 0.7);
-	line-height: 1.4;
-}
-
-/* Animated example */
-.quick-edit-animated-example {
-	display: flex;
-	align-items: center;
-	gap: 16px;
-}
-
-.example-toggle-animated {
-	flex-shrink: 0;
-}
-
-.toggle-track {
-	width: 36px;
-	height: 20px;
-	border-radius: 10px;
-	background-color: rgba(0, 0, 0, 0.25);
-	position: relative;
-	animation: toggleTrack 3s ease-in-out infinite;
-}
-
-.toggle-thumb {
-	width: 16px;
-	height: 16px;
-	border-radius: 50%;
-	background-color: #fff;
-	position: absolute;
-	top: 2px;
-	left: 2px;
-	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-	animation: toggleThumb 3s ease-in-out infinite;
-}
-
-@keyframes toggleTrack {
-	0%,
-	40% {
-		background-color: rgba(0, 0, 0, 0.25);
-	}
-	50%,
-	90% {
-		background-color: #c177fc;
-	}
-	100% {
-		background-color: rgba(0, 0, 0, 0.25);
-	}
-}
-
-@keyframes toggleThumb {
-	0%,
-	40% {
-		left: 2px;
-	}
-	50%,
-	90% {
-		left: 18px;
-	}
-	100% {
-		left: 2px;
-	}
-}
-
-.example-filter-animated {
-	position: relative;
-	height: 36px;
-	min-width: 110px;
-	margin-top: 4px;
-}
-
-.example-chip-animated {
-	position: absolute;
-	top: 0;
-	left: 0;
-	background-color: rgba(0, 0, 0, 0.08);
-	border-radius: 16px;
-	padding: 5px 12px;
-	font-size: 12px;
-	color: rgba(0, 0, 0, 0.7);
-	white-space: nowrap;
-	animation: chipFade 3s ease-in-out infinite;
-}
-
-.example-editable-animated {
-	position: absolute;
-	top: 0;
-	left: 0;
-	display: flex;
-	align-items: center;
-	gap: 4px;
-	background-color: transparent;
-	border: 1px solid #c177fc;
-	border-radius: 4px;
-	padding: 8px 8px 4px 8px;
-	opacity: 0;
-	animation: editableFade 3s ease-in-out infinite;
-}
-
-.example-editable-label {
-	position: absolute;
-	top: -8px;
-	left: 8px;
-	font-size: 10px;
-	color: #c177fc;
-	background-color: #fff;
-	padding: 0 4px;
-}
-
-.example-editable-value {
-	font-size: 12px;
-	color: rgba(0, 0, 0, 0.87);
-	display: flex;
-	align-items: center;
-}
-
-.typing-text::after {
-	content: "active";
-	animation: typeText 3s ease-in-out infinite;
-}
-
-@keyframes typeText {
-	0%,
-	40% {
-		content: "";
-	}
-	45% {
-		content: "p";
-	}
-	50% {
-		content: "pe";
-	}
-	55% {
-		content: "pen";
-	}
-	60% {
-		content: "pend";
-	}
-	65% {
-		content: "pendi";
-	}
-	70%,
-	90% {
-		content: "pending";
-	}
-	100% {
-		content: "";
-	}
-}
-
-.example-typing-cursor {
-	font-size: 12px;
-	color: #c177fc;
-	font-weight: 300;
-	animation: cursorBlink 0.5s step-end infinite;
-}
-
-@keyframes cursorBlink {
-	0%,
-	50% {
-		opacity: 1;
-	}
-	51%,
-	100% {
-		opacity: 0;
-	}
-}
-
-@keyframes chipFade {
-	0%,
-	40% {
-		opacity: 1;
-	}
-	50%,
-	90% {
-		opacity: 0;
-	}
-	100% {
-		opacity: 1;
-	}
-}
-
-@keyframes editableFade {
-	0%,
-	40% {
-		opacity: 0;
-	}
-	50%,
-	90% {
-		opacity: 1;
-	}
-	100% {
-		opacity: 0;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.quick-edit-help-text {
-		color: rgba(255, 255, 255, 0.7);
-	}
-
-	.toggle-track {
-		animation: toggleTrackDark 3s ease-in-out infinite;
-	}
-
-	@keyframes toggleTrackDark {
-		0%,
-		40% {
-			background-color: rgba(255, 255, 255, 0.3);
-		}
-		50%,
-		90% {
-			background-color: #c177fc;
-		}
-		100% {
-			background-color: rgba(255, 255, 255, 0.3);
-		}
-	}
-
-	.example-chip-animated {
-		background-color: rgba(255, 255, 255, 0.12);
-		color: rgba(255, 255, 255, 0.7);
-	}
-
-	.example-editable-animated {
-		background-color: transparent;
-	}
-
-	.example-editable-label {
-		color: #c177fc;
-		background-color: #424242;
-	}
-
-	.example-editable-value {
-		color: rgba(255, 255, 255, 0.87);
-	}
-
-	.example-typing-cursor {
-		color: #c177fc;
-	}
-}
-
-.quick-edit-toggle {
-	grid-column: 6;
-	margin-top: -16px;
-	align-self: center;
-	justify-self: center;
-}
-
-/* Hide default icons */
-.quick-edit-toggle ::ng-deep .mdc-switch__icons {
-	display: none;
-}
-
-/* Style the thumb to contain our icon */
-.quick-edit-toggle ::ng-deep .mdc-switch__handle {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-/* Add lock icon when unchecked */
-.quick-edit-toggle ::ng-deep .mdc-switch__handle::after {
-	font-family: "Material Symbols Outlined";
-	content: "lock";
-	font-size: 14px;
-	position: absolute;
-	color: #fff;
-}
-
-/* Add edit icon when checked */
-.quick-edit-toggle.mat-mdc-slide-toggle-checked ::ng-deep .mdc-switch__handle::after {
-	font-family: "Material Symbols Outlined";
-	content: "edit";
-	font-size: 14px;
-	color: #fff;
-}
-
-@media (prefers-color-scheme: dark) {
-	.quick-edit-title {
-		color: rgba(255, 255, 255, 0.5);
-	}
-
-	.quick-edit-info-icon {
-		color: rgba(255, 255, 255, 0.35);
-	}
-}
-
-.comparator-select-field {
-	grid-column: 3;
-}
-
-.add-condition-footer {
-	grid-column: 1 / span 6;
-	margin-top: 24px;
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: flex-start;
-	gap: 16px;
-}
-
-.add-condition-footer button {
-	width: auto;
-	min-width: auto;
-	min-height: 36px;
-	height: 36px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	text-transform: none;
-	margin: 0 0 16px 0 !important;
-	padding: 0 16px;
-}
-
-.add-condition-footer .filters-select {
-	width: auto;
-	min-width: 200px;
-	max-width: 300px;
-	margin: 0 !important;
-	min-height: 36px;
-	margin-top: 0 !important;
-	flex-shrink: 0;
-}
-
-.add-condition-footer .filters-select ::ng-deep .mat-mdc-form-field-infix {
-	min-height: 36px;
-	padding-top: 8px;
-	padding-bottom: 8px;
-	display: flex;
-	align-items: center;
-}
-
-.add-condition-footer .filters-select ::ng-deep .mat-mdc-text-field-wrapper {
-	padding-bottom: 0;
-	margin-bottom: 0;
-}
-
-.add-condition-footer ::ng-deep .mat-mdc-form-field {
-	margin-top: 0 !important;
-	margin-bottom: 0 !important;
-	margin-left: 0 !important;
-	margin-right: 0 !important;
-}
-
-.add-condition-footer ::ng-deep .mat-mdc-form-field-wrapper {
-	padding-bottom: 0;
-}
-
-.filter-save-form {
-	grid-column: 1 / span 6;
-	margin-bottom: 24px;
-}
-
-.section-title {
-	grid-column: 1 / span 6;
-	margin: 16px 0 8px 0;
-
-	font-weight: 500;
-}
-
-@media (prefers-color-scheme: light) {
-	.section-title {
-		color: rgba(0, 0, 0, 0.87);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.section-title {
-		color: rgba(255, 255, 255, 0.87);
-	}
-}
-
-.section-description {
-	grid-column: 1 / span 6;
-	margin: 0 0 16px 0;
-	font-size: 14px;
-	white-space: nowrap;
-}
-
-@media (prefers-color-scheme: light) {
-	.section-description {
-		color: rgba(0, 0, 0, 0.6);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.section-description {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
-
-.full-width {
-	grid-column: 1 / -1;
-}
-
-.full-width.filter-name-field {
-	max-width: 400px;
-}
-
-.default-filter-checkbox {
-	margin-bottom: 16px;
-}
-
-::ng-deep .mat-dialog-container > .ng-star-inserted {
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-}
-
-.filters-form {
-	flex: 1 1 auto;
-	display: flex;
-	flex-direction: column;
-	min-height: 0;
-}
-
-.filters-content {
-	flex: 1 1 auto;
-	min-height: 0;
-	overflow-y: auto;
-}
-
-::ng-deep .filters-form mat-dialog-actions {
-	flex: 0 0 auto;
-	position: sticky;
-	bottom: 0;
-	background: var(--mat-dialog-container-color, #fff);
-	z-index: 2;
-	border-top: 1px solid rgba(0, 0, 0, 0.08);
-}
-
-@media (prefers-color-scheme: dark) {
-	::ng-deep .filters-form mat-dialog-actions {
-		background: var(--mat-sidenav-content-background-color);
-		border-top-color: rgba(255, 255, 255, 0.08);
-	}
-}
-
-.filters-header-description {
-	margin: 0 24px 16px 24px;
-	font-size: 14px;
-	line-height: 1.5;
-}
-
-@media (prefers-color-scheme: light) {
-	.filters-header-description {
-		color: rgba(0, 0, 0, 0.6);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.filters-header-description {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
-
-::ng-deep .mat-dialog-container {
-	display: flex;
-}
-
-.column-name {
-	grid-column: 2;
-	margin-top: -8px;
-	align-self: center;
-}
-
-.conditions-vertical-line {
-	grid-column: 1;
-	grid-row: 2 / -1;
-	width: 1px;
-	background-color: rgba(0, 0, 0, 0.12);
-	margin-left: 9px;
-	margin-top: 0;
-	margin-bottom: 0;
-	z-index: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.conditions-vertical-line {
-		background-color: rgba(255, 255, 255, 0.12);
-	}
-}
-
-.filter-delete-button {
-	grid-column: 1;
-	margin-top: -20px;
-	margin-right: 0;
-	margin-left: 0;
-	align-self: center;
-	justify-self: center;
-	position: relative;
-	z-index: 1;
-	width: 18px;
-	height: 18px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.filter-delete-button ::ng-deep .mat-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-	line-height: 18px;
-}
-
-.filters-header {
-	margin-top: 16px;
-	margin-bottom: 12px;
-	min-height: 0 !important;
-	line-height: 1.2 !important;
-}
-
-.condition-card {
-	grid-column: 1 / -1;
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-	padding: 12px 0;
-	border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
-}
-
-.condition-card:last-of-type {
-	border-bottom: none;
-}
-
-@media (prefers-color-scheme: dark) {
-	.condition-card {
-		border-bottom-color: rgba(255, 255, 255, 0.12);
-	}
-}
-
-.condition-card__header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 8px;
-}
-
-.condition-card__column-name {
-	font-size: 12px;
-	font-weight: 600;
-	opacity: 0.6;
-}
-
-.condition-card .filter-delete-button {
-	grid-column: auto !important;
-	margin: 0 !important;
-	width: 32px !important;
-	height: 32px !important;
-	flex: 0 0 32px;
-	opacity: 0.7;
-}
-
-.condition-card .filter-delete-button:hover {
-	opacity: 1;
-}
-
-.condition-card .filter-delete-button ::ng-deep .mat-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-	line-height: 18px;
-}
-
-.condition-card__inputs {
-	display: flex;
-	gap: 4px;
-	align-items: flex-start;
-	flex-wrap: wrap;
-}
-
-.condition-card__inputs ::ng-deep .mat-mdc-form-field:not(.comparator-select-field) .mat-mdc-text-field-wrapper {
-	padding-left: 12px !important;
-	padding-right: 12px !important;
-}
-
-.condition-card__inputs ::ng-deep .mat-mdc-form-field-subscript-wrapper {
-	display: none;
-}
-
-.condition-card__inputs > * {
-	flex: 1 1 0;
-	min-width: 0;
-}
-
-.condition-card__inputs > .comparator-select-field {
-	flex: 0 0 auto;
-}
-
-/* ndc-dynamic renders the component as a sibling and leaves an empty anchor element behind; keep it from taking up flex space */
-.condition-card__inputs > ndc-dynamic {
-	flex: 0 0 auto;
-	width: auto;
-}
-
-/* the actual component is rendered as the sibling right after the anchor; let it (and its host child) fill the available space */
-.condition-card__inputs > ndc-dynamic + *,
-.condition-card__inputs ::ng-deep ndc-dynamic + * {
-	flex: 1 1 0;
-	width: 100%;
-	min-width: 0;
-}
-
-.comparator-trigger__symbol {
-	display: none;
-}
-
-.comparator-trigger__text {
-	display: inline;
-}
-
-@media (width <= 600px) {
-	.condition-card__inputs > .comparator-select-field {
-		flex: 0 0 56px !important;
-	}
-
-	.comparator-trigger__symbol {
-		display: inline;
-	}
-
-	.comparator-trigger__text {
-		display: none;
-	}
-}
-
-.condition-card__value {
-	display: flex;
-	min-width: 0;
-	flex: 1 1 0;
-}
-
-.condition-card__value > *,
-.condition-card__value ::ng-deep .mat-mdc-form-field {
-	flex: 1 1 auto;
-	width: 100%;
-	min-width: 0;
-}
-
-/* ndc-dynamic renders the component as a sibling and leaves an empty anchor element behind; keep it from taking up flex space */
-.condition-card__value > ndc-dynamic {
-	flex: 0 0 auto;
-	width: auto;
-}
-
-/* the actual component is rendered as the sibling right after the anchor; let it (and its host child) fill the available space */
-.condition-card__value > ndc-dynamic + *,
-.condition-card__value ::ng-deep ndc-dynamic + * {
-	flex: 1 1 0;
-	width: 100%;
-	min-width: 0;
-}
-
-.condition-card__value ::ng-deep .full-width {
-	width: 100%;
-}
-
-.condition-card__inputs .comparator-select-field {
-	flex: 0 0 auto;
-}
-
-@media (width <= 600px) {
-	.condition-card__inputs .comparator-select-field {
-		flex: 0 0 56px !important;
-		width: 56px !important;
-		max-width: 56px !important;
-		min-width: 0 !important;
-	}
-
-	.condition-card__inputs .comparator-select-field ::ng-deep .mat-mdc-text-field-wrapper {
-		width: 56px !important;
-		min-width: 0 !important;
-		padding-left: 8px !important;
-		padding-right: 4px !important;
-	}
-}
-
-@media (width <= 600px) {
-	.condition-card__inputs .comparator-select-field ::ng-deep .mat-mdc-form-field-flex {
-		min-width: 0 !important;
-	}
-
-	.condition-card__inputs .comparator-select-field ::ng-deep .mat-mdc-form-field-infix {
-		min-width: 0 !important;
-		width: auto !important;
-		padding-left: 0 !important;
-		padding-right: 0 !important;
-	}
-
-	.condition-card__inputs .comparator-select-field ::ng-deep .mat-mdc-select-arrow-wrapper {
-		padding-left: 0;
-	}
-}
-
-.condition-card__inputs .comparator-select-field ::ng-deep .mat-mdc-form-field-subscript-wrapper {
-	display: none !important;
-}
-
-.condition-card__footer {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 8px;
-	padding-top: 4px;
-}
-
-.condition-card__editable-label {
-	font-size: 12px;
-	opacity: 0.65;
-}
-
-.condition-card__help-icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-	cursor: pointer;
-	opacity: 0.5;
-	margin-right: auto;
-}
-
-.condition-card__help-icon:hover {
-	opacity: 0.85;
-}
-
-.condition-card .quick-edit-toggle {
-	flex: 0 0 auto;
-}
-
-.filters-header::before {
-	height: 0 !important;
-	content: none !important;
-}
-
-.filters-header__text {
-	display: flex;
-	flex-direction: column;
-	align-items: flex-start;
-	gap: 2px;
-	line-height: 1.2;
-	text-align: left;
-}
-
-.filters-header__label {
-	font-size: 18px;
-	font-weight: 600;
-}
-
-.filters-header__table {
-	font-size: 12px;
-	font-weight: 500;
-	opacity: 0.6;
-}
-
-@media (width <= 600px) {
-	.filters-content {
-		grid-template-columns: 32px 1fr auto !important;
-		grid-row-gap: 0 !important;
-		align-items: start !important;
-		padding-left: 12px !important;
-		padding-right: 12px !important;
-	}
-
-	.filters-select {
-		grid-column: 1 / -1 !important;
-	}
-
-	.filter-line {
-		grid-column: 2 / span 2 !important;
-		flex-direction: column;
-		gap: 4px;
-		padding-right: 0;
-	}
-
-	.filter-line > .column-name {
-		font-size: 12px;
-		font-weight: 600;
-		opacity: 0.6;
-		margin: 0;
-		flex: 1 1 100%;
-		align-self: flex-start;
-	}
-
-	.filter-line > div,
-	.filter-line > ndc-dynamic,
-	.filter-line > ng-template {
-		flex: 1 1 100%;
-		width: 100%;
-	}
-
-	.column-name {
-		font-size: 12px !important;
-		font-weight: 600 !important;
-		opacity: 0.6;
-		margin-top: 0 !important;
-	}
-
-	.empty-conditions-container,
-	.add-condition-container {
-		grid-column: 1 / -1 !important;
-	}
-
-	.filter-delete-button {
-		grid-column: 1 !important;
-		margin: 0 !important;
-		align-self: start !important;
-	}
-
-	.quick-edit-toggle {
-		grid-column: 1 / -1 !important;
-		justify-self: flex-end;
-		margin: 0 0 12px !important;
-		align-self: start !important;
-	}
-
-	.filter-line ::ng-deep .mat-mdc-form-field-subscript-wrapper {
-		display: none;
-	}
-
-	.conditions-vertical-line {
-		display: none !important;
-	}
-}
-
-.settings-form__reset-button {
-	margin-right: auto;
-}
-
-.no-filters-message {
-	grid-column: 1 / span 6;
-	color: rgba(0, 0, 0, 0.6);
-	font-style: italic;
-	margin: 16px 0;
-}
-
-.comparator-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-	margin-right: 8px;
-	vertical-align: middle;
-}
-
-::ng-deep .mat-mdc-select-panel .mat-mdc-option {
-	display: flex;
-	align-items: center;
-}
-
-.comparator-select-field {
-	width: auto;
-	min-width: 140px;
-	max-width: none;
-}
-
-.comparator-select-field ::ng-deep .mat-mdc-form-field-infix {
-	width: 100% !important;
-	min-width: fit-content;
-	padding-left: 0;
-	position: relative;
-}
-
-.comparator-select-field ::ng-deep .mat-mdc-select-trigger {
-	width: 100%;
-	min-width: fit-content;
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	position: relative;
-}
-
-.comparator-select-field ::ng-deep .mat-mdc-select-value-text {
-	width: auto;
-	min-width: fit-content;
-	flex: 1;
-}
-
-.comparator-select-field ::ng-deep .mat-mdc-select-arrow-wrapper {
-	position: absolute;
-	right: 12px;
-	top: 50%;
-	transform: translateY(-50%);
-	pointer-events: none;
-}
-
-.comparator-select-field ::ng-deep .mat-mdc-select-value {
-	padding-right: 24px;
-}
-
-.comparator-select-field ::ng-deep .mat-mdc-select-panel {
-	min-width: max-content !important;
-	width: max-content !important;
-}
-
-.conditions-error-message {
-	grid-column: 1 / span 6;
-	color: #f44336;
-	font-size: 12px;
-	margin: 8px 0 0 0;
-	padding-left: 16px;
-}
-
-/* Add more spacing for multiline textarea inputs (more than 2 rows) */
-.filters-content ::ng-deep
-	.filter-line
-	mat-form-field:has(textarea[rows]):not(:has(textarea[rows="1"])):not(:has(textarea[rows="2"])),
-.filters-content ::ng-deep .filter-line mat-form-field:has(textarea.long-textarea),
-.filters-content ::ng-deep .filter-line mat-form-field:has(textarea.form-textarea) {
-	margin-top: 24px !important;
-	margin-bottom: 24px !important;
-}
-
-/* Add more spacing for foreign key fields */
-.filters-content ::ng-deep .filter-line .foreign-key,
-.filters-content ::ng-deep .filter-line app-edit-foreign-key,
-.filters-content ::ng-deep .foreign-key {
-	margin-top: 24px !important;
-	margin-bottom: 24px !important;
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.html b/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.html
deleted file mode 100644
index da9f2ddc2..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.html
+++ /dev/null
@@ -1,296 +0,0 @@
-<form #tableFiltersForm="ngForm" (ngSubmit)="handleSaveFilters()" class="filters-form">
-    <h1 mat-dialog-title class="filters-header">
-        <span class="filters-header__text">
-            <span class="filters-header__label">{{ data.filtersSet.id ? 'Edit fast filter' : 'New fast filter' }}</span>
-            <span class="filters-header__table">Table: {{ data.displayTableName }}</span>
-        </span>
-    </h1>
-    <p class="filters-header-description mat-body-2">
-        Use conditions to quickly filter {{ data.displayTableName.toLowerCase() }} and optionally edit one column.
-    </p>
-    <app-content-loader *ngIf="!fields || !tableTypes; else filterControls"></app-content-loader>
-    <ng-template #filterControls>
-        <mat-dialog-content class="filters-content">
-            <!-- Filter Name and Description Fields -->
-            <mat-form-field appearance="outline" class="full-width filter-name-field" [class.mat-form-field-invalid]="showNameError">
-                <mat-label>Fast filter name</mat-label>
-                <input matInput required
-                    name="filters_set_name"
-                    [(ngModel)]="data.filtersSet.name"
-                    (input)="showNameError = false">
-                <mat-error *ngIf="showNameError || !data.filtersSet.name">
-                    Fast filter name is required
-                </mat-error>
-            </mat-form-field>
-
-            <ng-template #conditionInputField>
-                <mat-form-field class="filters-select" appearance="outline">
-                    <mat-label>Click here to add condition</mat-label>
-                    <input type="text" matInput name="filter_columns"
-                        [matAutocomplete]="auto"
-                        [formControl]="fieldSearchControl"
-                        (blur)="handleInputBlur()">
-                    <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" (optionSelected)="addFilter($event)">
-                        <mat-option *ngFor="let field of foundFields | async"
-                            [ngClass]="{'disabled': field === 'No matches'}"
-                            [value]="field">
-                            {{field}}
-                        </mat-option>
-                    </mat-autocomplete>
-                    <button *ngIf="hasSelectedFilters"
-                        mat-icon-button
-                        matSuffix
-                        type="button"
-                        aria-label="Cancel adding condition"
-                        (click)="cancelAddConditionInput()">
-                        <mat-icon>close</mat-icon>
-                    </button>
-                </mat-form-field>
-            </ng-template>
-
-            <div class="empty-conditions-container">
-                <mat-icon class="column-name-icon">subdirectory_arrow_right</mat-icon>
-                <span class="where-label">where</span>
-            </div>
-            <mat-menu #quickEditHelpMenu="matMenu" class="quick-edit-help-menu">
-                <div class="quick-edit-help-content" (click)="$event.stopPropagation()">
-                    <p class="quick-edit-help-text">Enable to change this value<br>directly from the table view</p>
-                    <div class="quick-edit-animated-example">
-                        <div class="example-toggle-animated">
-                            <div class="toggle-track">
-                                <div class="toggle-thumb"></div>
-                            </div>
-                        </div>
-                        <div class="example-filter-animated">
-                            <div class="example-chip-animated">
-                                <span>status = active</span>
-                            </div>
-                            <div class="example-editable-animated">
-                                <span class="example-editable-label">status:</span>
-                                <span class="example-editable-value">
-                                    <span class="typing-text"></span>
-                                    <span class="example-typing-cursor">|</span>
-                                </span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </mat-menu>
-
-            <!-- Added Filters -->
-            <div class="condition-card" *ngFor="let value of tableRowFieldsShown | keyvalue; trackBy:trackByFn">
-                <div class="condition-card__header">
-                    <span class="condition-card__column-name">{{value.key}}</span>
-                    <button mat-icon-button type="button" class="filter-delete-button"
-                        matTooltip="Remove"
-                        (click)="removeFilter(value.key)">
-                        <mat-icon>close</mat-icon>
-                    </button>
-                </div>
-
-                <div class="condition-card__inputs">
-                    <ng-container *ngIf="getComparatorType(getInputType(value.key)) === 'nonComparable'; else comparableFilterInputs">
-                        <ng-container *ngIf="isWidget(value.key); else defaultTableField">
-                            <ndc-dynamic [ndcDynamicComponent]="tableWidgets[value.key].widget_type ? UIwidgets[tableWidgets[value.key].widget_type] : inputs[tableTypes[value.key]]"
-                                [ndcDynamicInputs]="{
-                                    key: value.key,
-                                    label: tableWidgets[value.key].name || value.key,
-                                    value: tableRowFieldsShown[value.key],
-                                    widgetStructure: tableWidgets[value.key],
-                                    relations: tableTypes[value.key] === 'foreign key' ? data.tableForeignKeys[value.key] : undefined
-                                }"
-                                [ndcDynamicOutputs]="{
-                                    onFieldChange: { handler: updateField, args: ['$event', value.key] },
-                                    onComparatorChange: { handler: updateComparatorFromComponent, args: ['$event', value.key] }
-                                }"
-                            ></ndc-dynamic>
-                        </ng-container>
-
-                        <ng-template #defaultTableField>
-                            <ndc-dynamic [ndcDynamicComponent]="inputs[tableTypes[value.key]]"
-                                [ndcDynamicInputs]="{
-                                    key: value.key,
-                                    label: value.key,
-                                    value: tableRowFieldsShown[value.key],
-                                    structure: tableRowStructure[value.key],
-                                    relations: tableTypes[value.key] === 'foreign key' ? data.tableForeignKeys[value.key] : undefined
-                                }"
-                                [ndcDynamicOutputs]="{
-                                    onFieldChange: { handler: updateField, args: ['$event', value.key] },
-                                    onComparatorChange: { handler: updateComparatorFromComponent, args: ['$event', value.key] }
-                                }"
-                            ></ndc-dynamic>
-                        </ng-template>
-                    </ng-container>
-
-                    <ng-template #comparableFilterInputs>
-                        <mat-form-field *ngIf="getComparatorType(getInputType(value.key)) === 'text'"
-                            appearance="outline"
-                            class="comparator-select-field">
-                            <mat-select name="textComparator-{{value.key}}"
-                                [(ngModel)]="tableRowFieldsComparator[value.key]"
-                                (ngModelChange)="updateComparator($event, value.key)">
-                                <mat-select-trigger>
-                                    <span class="comparator-trigger__symbol">
-                                        {{ {startswith: 'a…', endswith: '…a', eq: '=', contains: '∋', icontains: '∌', empty: '∅'}[tableRowFieldsComparator[value.key]] || tableRowFieldsComparator[value.key] }}
-                                    </span>
-                                    <span class="comparator-trigger__text">
-                                        {{ {startswith: 'starts with', endswith: 'ends with', eq: 'equal', contains: 'contains', icontains: 'not contains', empty: 'is empty'}[tableRowFieldsComparator[value.key]] || tableRowFieldsComparator[value.key] }}
-                                    </span>
-                                </mat-select-trigger>
-                                <mat-option value="startswith">
-                                    <mat-icon class="comparator-icon">play_arrow</mat-icon>
-                                    <span>starts with</span>
-                                </mat-option>
-                                <mat-option value="endswith">
-                                    <mat-icon class="comparator-icon">play_arrow</mat-icon>
-                                    <span>ends with</span>
-                                </mat-option>
-                                <mat-option value="eq">
-                                    <mat-icon class="comparator-icon">drag_handle</mat-icon>
-                                    <span>equal</span>
-                                </mat-option>
-                                <mat-option value="contains">
-                                    <mat-icon class="comparator-icon">search</mat-icon>
-                                    <span>contains</span>
-                                </mat-option>
-                                <mat-option value="icontains">
-                                    <mat-icon class="comparator-icon">block</mat-icon>
-                                    <span>not contains</span>
-                                </mat-option>
-                                <mat-option value="empty">
-                                    <mat-icon class="comparator-icon">space_bar</mat-icon>
-                                    <span>is empty</span>
-                                </mat-option>
-                            </mat-select>
-                        </mat-form-field>
-
-                        <mat-form-field *ngIf="getComparatorType(getInputType(value.key)) === 'number'"
-                            appearance="outline"
-                            class="comparator-select-field">
-                            <mat-select name="numberComparator-{{value.key}}"
-                                [(ngModel)]="tableRowFieldsComparator[value.key]"
-                                (ngModelChange)="updateComparator($event, value.key)">
-                                <mat-select-trigger>
-                                    <span class="comparator-trigger__symbol">
-                                        {{ {eq: '=', gt: '>', lt: '<', gte: '≥', lte: '≤'}[tableRowFieldsComparator[value.key]] || tableRowFieldsComparator[value.key] }}
-                                    </span>
-                                    <span class="comparator-trigger__text">
-                                        {{ {eq: 'equal', gt: 'greater than', lt: 'less than', gte: 'greater than or equal', lte: 'less than or equal'}[tableRowFieldsComparator[value.key]] || tableRowFieldsComparator[value.key] }}
-                                    </span>
-                                </mat-select-trigger>
-                                <mat-option value="eq">
-                                    <mat-icon class="comparator-icon">drag_handle</mat-icon>
-                                    <span>equal</span>
-                                </mat-option>
-                                <mat-option value="gt">
-                                    <mat-icon class="comparator-icon">keyboard_arrow_right</mat-icon>
-                                    <span>greater than</span>
-                                </mat-option>
-                                <mat-option value="lt">
-                                    <mat-icon class="comparator-icon">keyboard_arrow_left</mat-icon>
-                                    <span>less than</span>
-                                </mat-option>
-                                <mat-option value="gte">
-                                    <mat-icon class="comparator-icon">keyboard_double_arrow_right</mat-icon>
-                                    <span>greater than or equal</span>
-                                </mat-option>
-                                <mat-option value="lte">
-                                    <mat-icon class="comparator-icon">keyboard_double_arrow_left</mat-icon>
-                                    <span>less than or equal</span>
-                                </mat-option>
-                            </mat-select>
-                        </mat-form-field>
-
-                        <div class="condition-card__value">
-                            <ndc-dynamic [ndcDynamicComponent]="inputs[tableTypes[value.key]]"
-                                [ndcDynamicInputs]="{
-                                    key: value.key,
-                                    label: value.key,
-                                    value: tableRowFieldsShown[value.key],
-                                    readonly: tableRowFieldsComparator[value.key] === 'empty',
-                                    structure: tableRowStructure[value.key],
-                                    relations: tableTypes[value.key] === 'foreign key' ? data.tableForeignKeys[value.key] : undefined
-                                }"
-                                [ndcDynamicOutputs]="{
-                                    onFieldChange: { handler: updateField, args: ['$event', value.key] },
-                                    onComparatorChange: { handler: updateComparatorFromComponent, args: ['$event', value.key] }
-                                }"
-                            ></ndc-dynamic>
-                        </div>
-                    </ng-template>
-                </div>
-
-                <div class="condition-card__footer">
-                    <span class="condition-card__editable-label">Quick editing</span>
-                    <mat-icon class="condition-card__help-icon"
-                        [matMenuTriggerFor]="quickEditHelpMenu">
-                        info_outline
-                    </mat-icon>
-                    <mat-slide-toggle
-                        class="quick-edit-toggle"
-                        [checked]="dynamicColumn === value.key"
-                        [matTooltip]="dynamicColumn === value.key ? 'Disable editing' : 'Enable editing'"
-                        matTooltipPosition="above"
-                        (change)="toggleDynamicColumn(value.key)">
-                    </mat-slide-toggle>
-                </div>
-            </div>
-
-            <!-- Add Condition Button -->
-            <div class="add-condition-container">
-                <button *ngIf="!showAddConditionField"
-                    mat-stroked-button type="button" color="accent"
-                    (click)="handleAddConditionButtonClick()">
-                    <mat-icon>add</mat-icon>
-                    <span>Add condition</span>
-                </button>
-                <mat-form-field *ngIf="showAddConditionField" class="filters-select empty-condition-input" appearance="outline" [class.mat-form-field-invalid]="showConditionsError">
-                    <mat-label>Click here to add condition</mat-label>
-                    <input type="text" matInput name="filter_columns"
-                        [matAutocomplete]="auto"
-                        [formControl]="fieldSearchControl"
-                        (blur)="handleInputBlur()"
-                        (input)="showConditionsError = false">
-                    <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" (optionSelected)="addFilter($event)">
-                        <mat-option *ngFor="let field of foundFields | async"
-                            [ngClass]="{'disabled': field === 'No matches'}"
-                            [value]="field">
-                            {{field}}
-                        </mat-option>
-                    </mat-autocomplete>
-                    <button *ngIf="hasSelectedFilters"
-                        mat-icon-button
-                        matSuffix
-                        type="button"
-                        aria-label="Cancel adding condition"
-                        (click)="cancelAddConditionInput()">
-                        <mat-icon>close</mat-icon>
-                    </button>
-                    <mat-error *ngIf="showConditionsError">
-                        At least one condition is required
-                    </mat-error>
-                </mat-form-field>
-                <p *ngIf="showConditionsError && !showAddConditionField" class="conditions-error-message">
-                    At least one condition is required
-                </p>
-            </div>
-        </mat-dialog-content>
-    </ng-template>
-
-    <mat-dialog-actions align="end">
-        <button *ngIf="data.filtersSet.id"
-            mat-flat-button color="warn"
-            type="button"
-            class="settings-form__reset-button"
-            (click)="removeFilters()">
-            Remove
-        </button>
-        <button mat-flat-button mat-dialog-close type="button">
-            Cancel
-        </button>
-        <button mat-flat-button color="primary" type="submit">
-            Save filter
-        </button>
-    </mat-dialog-actions>
-</form>
diff --git a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.spec.ts
deleted file mode 100644
index 142585512..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.spec.ts
+++ /dev/null
@@ -1,251 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBar } from '@angular/material/snack-bar';
-import { ActivatedRoute } from '@angular/router';
-import { RouterTestingModule } from '@angular/router/testing';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { SavedFiltersDialogComponent } from './saved-filters-dialog.component';
-
-describe('SavedFiltersDialogComponent', () => {
-	let component: SavedFiltersDialogComponent;
-	let fixture: ComponentFixture<SavedFiltersDialogComponent>;
-	let tablesServiceMock: any;
-	let _connectionsServiceMock: any;
-
-	beforeEach(async () => {
-		const tableSpy = {
-			cast: { subscribe: vi.fn() },
-			createSavedFilter: vi.fn(),
-			deleteSavedFilter: vi.fn(),
-			updateSavedFilter: vi.fn(),
-		};
-
-		const connectionSpy = {
-			currentConnection: { type: 'postgres' },
-		};
-
-		await TestBed.configureTestingModule({
-			imports: [SavedFiltersDialogComponent, RouterTestingModule, Angulartics2Module.forRoot()],
-			providers: [
-				{ provide: TablesService, useValue: tableSpy },
-				{ provide: ConnectionsService, useValue: connectionSpy },
-				{ provide: MatDialogRef, useValue: { close: vi.fn() } },
-				{ provide: MatSnackBar, useValue: { open: vi.fn() } },
-				{
-					provide: ActivatedRoute,
-					useValue: {
-						snapshot: {
-							paramMap: { get: () => {} },
-							queryParamMap: { get: () => {} },
-						},
-					},
-				},
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						connectionID: '123',
-						tableName: 'test_table',
-						displayTableName: 'Test Table',
-						filtersSet: {
-							name: 'Test Filter',
-							filters: {},
-						},
-						structure: [],
-						tableForeignKeys: {},
-						tableWidgets: [],
-					},
-				},
-			],
-		}).compileComponents();
-
-		tablesServiceMock = TestBed.inject(TablesService);
-		_connectionsServiceMock = TestBed.inject(ConnectionsService);
-
-		fixture = TestBed.createComponent(SavedFiltersDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should toggle dynamic column', () => {
-		const fieldName = 'test_field';
-
-		// Initially null
-		expect(component.dynamicColumn).toBeNull();
-
-		// First toggle sets to fieldName
-		component.toggleDynamicColumn(fieldName);
-		expect(component.dynamicColumn).toBe(fieldName);
-
-		// Second toggle sets back to null
-		component.toggleDynamicColumn(fieldName);
-		expect(component.dynamicColumn).toBeNull();
-	});
-
-	it('should exclude dynamic column from filters and include it with column_name and comparator', () => {
-		// Setup
-		const fieldName = 'test_field';
-		component.tableRowFieldsShown = { [fieldName]: 'test_value' };
-		component.tableRowFieldsComparator = { [fieldName]: 'eq' };
-		component.dynamicColumn = fieldName;
-		tablesServiceMock.createSavedFilter.mockReturnValue(of({}));
-
-		// Call handleSaveFilters
-		component.handleSaveFilters();
-
-		// Verify - filters should be empty, and dynamic_column should have column_name and comparator
-		expect(tablesServiceMock.createSavedFilter).toHaveBeenCalledWith(
-			component.data.connectionID,
-			component.data.tableName,
-			{
-				name: component.data.filtersSet.name,
-				filters: {},
-				dynamic_column: {
-					column_name: fieldName,
-					comparator: 'eq',
-				},
-			},
-		);
-	});
-
-	it('should include dynamic column with column_name and comparator and exclude it from filters', () => {
-		// Setup
-		const fieldName = 'test_field';
-		const dynamicFieldName = 'dynamic_field';
-		component.tableRowFieldsShown = {
-			[fieldName]: 'test_value',
-			[dynamicFieldName]: 'dynamic_value',
-		};
-		component.tableRowFieldsComparator = {
-			[fieldName]: 'eq',
-			[dynamicFieldName]: 'contains',
-		};
-		component.dynamicColumn = dynamicFieldName; // Different field from the one with comparator
-		tablesServiceMock.createSavedFilter.mockReturnValue(of({}));
-
-		// Call handleSaveFilters
-		component.handleSaveFilters();
-
-		// Verify - only fieldName in filters, dynamicFieldName in dynamic_column
-		expect(tablesServiceMock.createSavedFilter).toHaveBeenCalledWith(
-			component.data.connectionID,
-			component.data.tableName,
-			{
-				name: component.data.filtersSet.name,
-				filters: { [fieldName]: { eq: 'test_value' } },
-				dynamic_column: {
-					column_name: dynamicFieldName,
-					comparator: 'contains',
-				},
-			},
-		);
-	});
-
-	it('should handle empty values in filters as null', () => {
-		// Setup
-		const fieldName = 'test_field';
-		component.tableRowFieldsShown = { [fieldName]: '' }; // Empty value
-		component.tableRowFieldsComparator = { [fieldName]: 'eq' };
-		tablesServiceMock.createSavedFilter.mockReturnValue(of({}));
-
-		// Call handleSaveFilters
-		component.handleSaveFilters();
-
-		// Verify - value should be null instead of empty string
-		expect(tablesServiceMock.createSavedFilter).toHaveBeenCalledWith(
-			component.data.connectionID,
-			component.data.tableName,
-			{
-				name: component.data.filtersSet.name,
-				filters: { [fieldName]: { eq: null } },
-			},
-		);
-	});
-
-	it('should handle dynamic column with no comparator', () => {
-		// Setup
-		const fieldName = 'test_field';
-		const dynamicFieldName = 'dynamic_field_no_comparator';
-		component.tableRowFieldsShown = {
-			[fieldName]: 'test_value',
-			[dynamicFieldName]: 'dynamic_value',
-		};
-		component.tableRowFieldsComparator = {
-			[fieldName]: 'eq',
-			// No comparator for dynamicFieldName
-		};
-		component.dynamicColumn = dynamicFieldName;
-		tablesServiceMock.createSavedFilter.mockReturnValue(of({}));
-
-		// Call handleSaveFilters
-		component.handleSaveFilters();
-
-		// Verify - dynamic_column should have empty comparator
-		expect(tablesServiceMock.createSavedFilter).toHaveBeenCalledWith(
-			component.data.connectionID,
-			component.data.tableName,
-			{
-				name: component.data.filtersSet.name,
-				filters: { [fieldName]: { eq: 'test_value' } },
-				dynamic_column: {
-					column_name: dynamicFieldName,
-					comparator: '',
-				},
-			},
-		);
-	});
-
-	it('should update existing filter when id is present', () => {
-		// Setup
-		const fieldName = 'test_field';
-		const filterId = '123';
-		component.tableRowFieldsShown = { [fieldName]: 'test_value' };
-		component.tableRowFieldsComparator = { [fieldName]: 'eq' };
-		component.data.filtersSet.id = filterId;
-		tablesServiceMock.updateSavedFilter.mockReturnValue(of({}));
-
-		// Call handleSaveFilters
-		component.handleSaveFilters();
-
-		// Verify updateSavedFilter is called instead of createSavedFilter
-		expect(tablesServiceMock.updateSavedFilter).toHaveBeenCalledWith(
-			component.data.connectionID,
-			component.data.tableName,
-			filterId,
-			{
-				name: component.data.filtersSet.name,
-				filters: { [fieldName]: { eq: 'test_value' } },
-			},
-		);
-		expect(tablesServiceMock.createSavedFilter).not.toHaveBeenCalled();
-	});
-
-	it('should create new filter when id is not present', () => {
-		// Setup
-		const fieldName = 'test_field';
-		component.tableRowFieldsShown = { [fieldName]: 'test_value' };
-		component.tableRowFieldsComparator = { [fieldName]: 'eq' };
-		component.data.filtersSet.id = undefined; // No ID means creating a new filter
-		tablesServiceMock.createSavedFilter.mockReturnValue(of({}));
-
-		// Call handleSaveFilters
-		component.handleSaveFilters();
-
-		// Verify createSavedFilter is called
-		expect(tablesServiceMock.createSavedFilter).toHaveBeenCalledWith(
-			component.data.connectionID,
-			component.data.tableName,
-			{
-				name: component.data.filtersSet.name,
-				filters: { [fieldName]: { eq: 'test_value' } },
-			},
-		);
-		expect(tablesServiceMock.updateSavedFilter).not.toHaveBeenCalled();
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.ts b/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.ts
deleted file mode 100644
index a44481123..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-dialog/saved-filters-dialog.component.ts
+++ /dev/null
@@ -1,418 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, ElementRef, Inject, OnInit, ViewChild } from '@angular/core';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { RouterModule } from '@angular/router';
-import { Angulartics2, Angulartics2OnModule } from 'angulartics2';
-import { DynamicModule } from 'ng-dynamic-component';
-import { SignalComponentIoModule } from 'ng-dynamic-component/signal-component-io';
-import posthog from 'posthog-js';
-import { map, Observable, startWith } from 'rxjs';
-import { ContentLoaderComponent } from 'src/app/components/ui-components/content-loader/content-loader.component';
-import { UIwidgets as FilterUIwidgets, filterTypes } from 'src/app/consts/filter-types';
-import { UIwidgets as EditUIwidgets } from 'src/app/consts/record-edit-types';
-import { getTableTypes } from 'src/app/lib/setup-table-row-structure';
-import { TableField } from 'src/app/models/table';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-
-@Component({
-	selector: 'app-saved-filters-dialog',
-	imports: [
-		CommonModule,
-		ReactiveFormsModule,
-		FormsModule,
-		MatAutocompleteModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatButtonModule,
-		MatIconModule,
-		MatSelectModule,
-		MatSlideToggleModule,
-		MatMenuModule,
-		MatCheckboxModule,
-		MatRadioModule,
-		DynamicModule,
-		SignalComponentIoModule,
-		RouterModule,
-		MatDialogModule,
-		MatSnackBarModule,
-		ContentLoaderComponent,
-		Angulartics2OnModule,
-		MatTooltipModule,
-	],
-	templateUrl: './saved-filters-dialog.component.html',
-	styleUrl: './saved-filters-dialog.component.css',
-})
-export class SavedFiltersDialogComponent implements OnInit, AfterViewInit {
-	public tableFilters = [];
-	public fieldSearchControl = new FormControl('');
-	public fields: string[];
-	public foundFields: Observable<string[]>;
-
-	public tableRowFields: Object;
-	public tableRowStructure: Object;
-	public tableRowFieldsShown: Object = {};
-	public tableRowFieldsComparator: Object = {};
-	public tableFiltersCount: number = 0;
-	public tableTypes: Object;
-	public tableWidgets: object;
-	public UIwidgets = { ...EditUIwidgets, ...FilterUIwidgets };
-	public dynamicColumn: string | null = null;
-	public showAddConditionField = false;
-	public showNameError = false;
-	public showConditionsError = false;
-
-	@ViewChild('tableFiltersForm') tableFiltersForm: any;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: any,
-		private _tables: TablesService,
-		private _connections: ConnectionsService,
-		private dialogRef: MatDialogRef<SavedFiltersDialogComponent>,
-		private snackBar: MatSnackBar,
-		private angulartics2: Angulartics2,
-		private elementRef: ElementRef,
-	) {}
-
-	ngOnInit(): void {
-		if (this.data.filtersSet) {
-			this.tableRowFieldsShown = Object.entries(this.data.filtersSet.filters).reduce((acc, [field, conditions]) => {
-				const [_comparator, value] = Object.entries(conditions)[0];
-				acc[field] = value;
-				return acc;
-			}, {});
-
-			this.tableRowFieldsComparator = Object.entries(this.data.filtersSet.filters).reduce(
-				(acc, [field, conditions]) => {
-					const [comparator] = Object.keys(conditions);
-					acc[field] = comparator;
-					return acc;
-				},
-				{},
-			);
-
-			if (this.data.filtersSet.dynamic_column?.column_name) {
-				this.tableRowFieldsShown[this.data.filtersSet.dynamic_column.column_name] = null;
-				this.tableRowFieldsComparator[this.data.filtersSet.dynamic_column.column_name] =
-					this.data.filtersSet.dynamic_column.comparator || '';
-				this.dynamicColumn = this.data.filtersSet.dynamic_column.column_name;
-			}
-		}
-
-		this.tableRowFields = Object.assign(
-			{},
-			...this.data.structure.map((field: TableField) => ({ [field.column_name]: undefined })),
-		);
-		const foreignKeysList = Object.keys(this.data.tableForeignKeys);
-		this.tableTypes = getTableTypes(this.data.structure, foreignKeysList);
-		this.fields = this.data.structure
-			.filter((field: TableField) => this.getInputType(field.column_name) !== 'file')
-			.map((field: TableField) => field.column_name);
-
-		this.tableRowStructure = Object.assign(
-			{},
-			...this.data.structure.map((field: TableField) => {
-				return { [field.column_name]: field };
-			}),
-		);
-
-		const tableWidgets = this.data.tableWidgets;
-		if (tableWidgets && Object.keys(tableWidgets).length) {
-			this.tableWidgets = tableWidgets;
-		}
-
-		this.foundFields = this.fieldSearchControl.valueChanges.pipe(
-			startWith(''),
-			map((value) => this._filter(value || '')),
-		);
-	}
-
-	ngAfterViewInit(): void {
-		if (this.data.filtersSet && this.data.filtersSet.id) {
-			setTimeout(() => {
-				const nameInput = this.elementRef.nativeElement.querySelector(
-					'input[name="filters_set_name"]',
-				) as HTMLInputElement;
-				if (nameInput && document.activeElement === nameInput) {
-					nameInput.blur();
-				}
-			}, 100);
-		}
-	}
-
-	get hasSelectedFilters(): boolean {
-		return Object.keys(this.tableRowFieldsShown).length > 0;
-	}
-
-	handleAddConditionButtonClick(): void {
-		this.showAddConditionField = true;
-		setTimeout(() => {
-			const input = this.elementRef.nativeElement.querySelector('input[name="filter_columns"]') as HTMLInputElement;
-			input?.focus();
-		}, 0);
-	}
-
-	cancelAddConditionInput(): void {
-		this.showAddConditionField = false;
-		this.fieldSearchControl.setValue('');
-	}
-
-	private _filter(value: string): string[] {
-		return this.fields.filter((field: string) => field.toLowerCase().includes(value.toLowerCase()));
-	}
-
-	get inputs() {
-		return filterTypes[this._connections.currentConnection.type];
-	}
-
-	trackByFn(_index: number, item: any) {
-		return item.key;
-	}
-
-	isWidget(columnName: string) {
-		return this.tableWidgets && columnName in this.tableWidgets;
-	}
-
-	updateComparatorFromComponent = (comparator: string, field: string) => {
-		this.tableRowFieldsComparator[field] = comparator;
-	};
-
-	updateField = (updatedValue: any, field: string) => {
-		this.tableRowFieldsShown[field] = updatedValue;
-		this.updateFiltersCount();
-		if (this.showConditionsError && Object.keys(this.tableRowFieldsShown).length > 0) {
-			this.showConditionsError = false;
-		}
-	};
-
-	addFilter(e) {
-		const key = e.option.value;
-		this.tableRowFieldsShown = { ...this.tableRowFieldsShown, [key]: this.tableRowFields[key] };
-		this.tableRowFieldsComparator = {
-			...this.tableRowFieldsComparator,
-			[key]: this.tableRowFieldsComparator[key] || 'eq',
-		};
-		this.fieldSearchControl.setValue('');
-		this.updateFiltersCount();
-		this.showConditionsError = false;
-		if (this.hasSelectedFilters) {
-			this.showAddConditionField = false;
-		}
-	}
-
-	handleInputBlur(): void {
-		if (!this.fieldSearchControl.value || this.fieldSearchControl.value.trim() === '') {
-			setTimeout(() => {
-				if (!this.fieldSearchControl.value || this.fieldSearchControl.value.trim() === '') {
-					this.cancelAddConditionInput();
-				}
-			}, 200);
-		}
-	}
-
-	updateComparator(event, fieldName: string) {
-		if (event === 'empty') this.tableRowFieldsShown[fieldName] = '';
-	}
-
-	removeFilters() {
-		this._tables.deleteSavedFilter(this.data.connectionID, this.data.tableName, this.data.filtersSet.id).subscribe({
-			next: () => {
-				this.dialogRef.close(true);
-			},
-			error: (error) => {
-				console.error('Error removing filters:', error);
-				this.snackBar.open('Error removing filters', 'Close', { duration: 3000 });
-			},
-		});
-	}
-
-	getInputType(field: string) {
-		let widgetType;
-		if (this.isWidget(field)) {
-			widgetType = this.UIwidgets[this.tableWidgets[field].widget_type]?.type;
-		} else {
-			widgetType = this.inputs[this.tableTypes[field]]?.type;
-		}
-		return widgetType;
-	}
-
-	getComparatorType(typeOfComponent) {
-		if (typeOfComponent === 'text') {
-			return 'text';
-		} else if (typeOfComponent === 'number' || typeOfComponent === 'datetime') {
-			return 'number';
-		} else {
-			return 'nonComparable';
-		}
-	}
-
-	getOperatorIcon(operator: string): string {
-		const iconMap: { [key: string]: string } = {
-			startswith: 'play_arrow',
-			endswith: 'play_arrow',
-			eq: 'drag_handle',
-			contains: 'search',
-			icontains: 'block',
-			empty: 'space_bar',
-			gt: 'keyboard_arrow_right',
-			lt: 'keyboard_arrow_left',
-			gte: 'keyboard_double_arrow_right',
-			lte: 'keyboard_double_arrow_left',
-		};
-		return iconMap[operator] || 'drag_handle';
-	}
-
-	removeFilter(field) {
-		delete this.tableRowFieldsShown[field];
-		delete this.tableRowFieldsComparator[field];
-		if (this.dynamicColumn === field) {
-			this.dynamicColumn = null;
-		}
-		this.updateFiltersCount();
-		this.showConditionsError = false;
-		if (!this.hasSelectedFilters) {
-			this.showAddConditionField = false;
-		}
-	}
-
-	updateFiltersCount() {
-		this.tableFiltersCount = Object.keys(this.tableRowFieldsShown).length;
-	}
-
-	toggleDynamicColumn(field: string) {
-		if (this.dynamicColumn === field) {
-			this.dynamicColumn = null;
-		} else {
-			this.dynamicColumn = field;
-		}
-	}
-
-	handleSaveFilters() {
-		this.showNameError = false;
-		this.showConditionsError = false;
-
-		if (!this.data.filtersSet.name || this.data.filtersSet.name.trim() === '') {
-			this.showNameError = true;
-			setTimeout(() => {
-				const nameInput = this.elementRef.nativeElement.querySelector(
-					'input[name="filters_set_name"]',
-				) as HTMLInputElement;
-				if (nameInput) {
-					nameInput.focus();
-					nameInput.scrollIntoView({ behavior: 'smooth', block: 'center' });
-				}
-			}, 0);
-			return;
-		}
-
-		const hasRegularFilters = Object.keys(this.tableRowFieldsShown).some((key) => {
-			if (key === this.dynamicColumn) {
-				return false;
-			}
-			return this.tableRowFieldsComparator[key] !== undefined && this.tableRowFieldsComparator[key] !== null;
-		});
-
-		const hasDynamicColumnFilter =
-			this.dynamicColumn &&
-			this.tableRowFieldsComparator[this.dynamicColumn] !== undefined &&
-			this.tableRowFieldsComparator[this.dynamicColumn] !== null;
-
-		if (!hasRegularFilters && !hasDynamicColumnFilter) {
-			this.showConditionsError = true;
-			setTimeout(() => {
-				const conditionInput = this.elementRef.nativeElement.querySelector(
-					'input[name="filter_columns"]',
-				) as HTMLInputElement;
-				if (conditionInput) {
-					conditionInput.focus();
-					conditionInput.scrollIntoView({ behavior: 'smooth', block: 'center' });
-				} else {
-					const addButton = this.elementRef.nativeElement.querySelector('.add-condition-footer button') as HTMLElement;
-					if (addButton) {
-						addButton.scrollIntoView({ behavior: 'smooth', block: 'center' });
-					}
-				}
-			}, 0);
-			return;
-		}
-
-		let payload;
-		if (Object.keys(this.tableRowFieldsShown).length) {
-			let filters = {};
-
-			for (const key in this.tableRowFieldsShown) {
-				if (key === this.dynamicColumn) {
-					continue;
-				}
-
-				if (this.tableRowFieldsComparator[key] !== undefined) {
-					const value =
-						this.tableRowFieldsShown[key] === '' || this.tableRowFieldsShown[key] === undefined
-							? null
-							: this.tableRowFieldsShown[key];
-
-					filters[key] = {
-						[this.tableRowFieldsComparator[key]]: value,
-					};
-				}
-			}
-
-			payload = {
-				name: this.data.filtersSet.name,
-				filters,
-			};
-
-			if (this.dynamicColumn) {
-				payload.dynamic_column = {
-					column_name: this.dynamicColumn,
-					comparator: this.tableRowFieldsComparator[this.dynamicColumn] || '',
-				};
-			}
-
-			if (this.data.filtersSet.id) {
-				this._tables
-					.updateSavedFilter(this.data.connectionID, this.data.tableName, this.data.filtersSet.id, payload)
-					.subscribe(
-						() => {
-							this.dialogRef.close(true);
-						},
-						(error) => {
-							console.error('Error updating filter:', error);
-							this.snackBar.open('Error updating filter', 'Close', { duration: 3000 });
-						},
-					);
-			} else {
-				this._tables.createSavedFilter(this.data.connectionID, this.data.tableName, payload).subscribe(
-					() => {
-						this.angulartics2.eventTrack.next({
-							action: 'Saved filters: saved filter is created successfully',
-						});
-						posthog.capture('Saved filters: saved filter is created successfully');
-						this.dialogRef.close(true);
-					},
-					(error) => {
-						this.angulartics2.eventTrack.next({
-							action: 'Saved filters: error creating saved filter',
-						});
-						posthog.capture('Saved filters: error creating saved filter');
-						console.error('Error saving filter:', error);
-						this.snackBar.open('Error saving filter', 'Close', { duration: 3000 });
-					},
-				);
-			}
-		}
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.css b/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.css
deleted file mode 100644
index 8a3ae464b..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.css
+++ /dev/null
@@ -1,676 +0,0 @@
-.saved-filters-container {
-	display: flex;
-	flex-direction: column;
-	min-width: 0;
-	max-width: 100%;
-}
-
-.saved-filters-list {
-	display: flex;
-	align-items: flex-start;
-	gap: 16px;
-	margin-bottom: 12px;
-}
-
-.saved-filters-list__first-time-button {
-	transition: background 0.3s ease;
-}
-
-.saved-filters-trigger {
-	display: none;
-	align-items: center;
-	gap: 6px;
-	border-radius: 999px;
-	padding: 0 8px 0 12px;
-	min-height: 36px;
-}
-
-@media (width <= 600px) {
-	.saved-filters-trigger_active {
-		width: calc(100vw - 130px - 2*24px);
-		box-sizing: border-box;
-	}
-
-	/* let the button's label shrink and ellipsis when it can't fit into calc(100% - 130px) */
-	.saved-filters-trigger_active ::ng-deep .mdc-button__label {
-		display: flex;
-		align-items: center;
-		min-width: 0;
-		overflow: hidden;
-	}
-
-	.saved-filters-trigger_active .saved-filters-trigger__label {
-		max-width: none;
-		min-width: 0;
-		flex: 1 1 auto;
-	}
-
-	.saved-filters-list {
-		display: none !important;
-	}
-}
-
-.saved-filters-trigger__label {
-	max-width: 200px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.saved-filters-trigger__chevron {
-	margin-left: 0 !important;
-}
-
-@media (prefers-color-scheme: light) {
-	.saved-filters-trigger_active {
-		background: var(--color-accentedPalette-50);
-		border-color: var(--color-accentedPalette-300) !important;
-		color: var(--color-accentedPalette-700);
-	}
-
-	.saved-filters-trigger_active .saved-filters-trigger__icon {
-		color: var(--color-accentedPalette-700);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.saved-filters-trigger_active {
-		background: var(--color-accentedPalette-900);
-		border-color: var(--color-accentedPalette-600) !important;
-		color: var(--color-accentedPalette-100);
-	}
-
-	.saved-filters-trigger_active .saved-filters-trigger__icon {
-		color: var(--color-accentedPalette-200);
-	}
-}
-
-.saved-filters-menu__check {
-	color: var(--color-accentedPalette-600);
-	visibility: hidden;
-	flex-shrink: 0;
-}
-
-.saved-filters-menu__check_visible {
-	visibility: visible;
-}
-
-.saved-filters-menu__item_active .saved-filters-menu__name {
-	font-weight: 600;
-}
-
-::ng-deep .saved-filters-menu .mat-mdc-menu-item .mat-mdc-menu-item-text {
-	display: inline-flex;
-	align-items: center;
-	width: 100%;
-	gap: 8px;
-}
-
-.saved-filters-menu__name {
-	flex: 1 1 auto;
-	display: inline-flex;
-	align-items: center;
-}
-
-.saved-filters-menu__row-menu {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	width: 32px;
-	height: 32px;
-	margin-left: auto;
-	margin-right: -8px;
-	border-radius: 50%;
-	cursor: pointer;
-	flex-shrink: 0;
-}
-
-.saved-filters-menu__row-menu .mat-icon {
-	margin: 0 !important;
-	width: 20px;
-	height: 20px;
-	font-size: 20px;
-}
-
-.saved-filters-menu__row-menu:hover {
-	background: rgba(0, 0, 0, 0.06);
-}
-
-@media (prefers-color-scheme: dark) {
-	.saved-filters-menu__row-menu:hover {
-		background: rgba(255, 255, 255, 0.08);
-	}
-}
-
-.saved-filters-menu__create {
-	border-top: 1px solid rgba(0, 0, 0, 0.08);
-}
-
-@media (prefers-color-scheme: dark) {
-	.saved-filters-menu__create {
-		border-top-color: rgba(255, 255, 255, 0.08);
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.saved-filters-list__first-time-button {
-		background: var(--color-accentedPalette-50);
-		border: 1px dashed var(--color-accentedPalette-300);
-	}
-
-	.saved-filters-list__first-time-button:hover {
-		background: var(--color-accentedPalette-100) !important;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.saved-filters-list__first-time-button {
-		background: var(--color-accentedPalette-900);
-		border: 1px dashed var(--color-accentedPalette-600);
-	}
-
-	.saved-filters-list__first-time-button:hover {
-		background: var(--color-accentedPalette-800) !important;
-	}
-}
-
-/* .saved-filters-tabs {
-    --mat-chip-container-shape-radius: 4px;
-} */
-
-.saved-filters-tabs ::ng-deep .mat-mdc-standard-chip {
-	--mat-chip-container-shape-radius: 4px;
-	--mat-chip-outline-width: 1px;
-	--mat-chip-elevated-container-color: transparent !important;
-	--mat-chip-elevated-selected-container-color: var(--color-accentedPalette-500) !important;
-	--mat-chip-container-height: 32px;
-	--mat-chip-label-text-color: rgba(0, 0, 0, 0.64);
-	--mdc-chip-container-shape-radius: 4px;
-	--mdc-chip-outline-width: 1px;
-	--mdc-chip-elevated-container-color: transparent !important;
-	--mdc-chip-elevated-selected-container-color: var(--color-accentedPalette-500) !important;
-	--mdc-chip-container-height: 32px;
-	--mdc-chip-label-text-color: rgba(0, 0, 0, 0.64);
-	--mdc-chip-selected-container-shape-leading-width: 0px;
-	--mdc-chip-with-icon-graphic-selected-container-shape-leading-width: 0px;
-	--mdc-chip-with-icon-graphic-selected-container-shape-leading-start-width: 0px;
-}
-
-.saved-filters-tabs ::ng-deep .mat-mdc-standard-chip.mdc-evolution-chip--selected {
-	--mdc-chip-selected-container-elevation-shadow: none;
-}
-
-.saved-filters-tabs ::ng-deep .mat-mdc-standard-chip .mdc-evolution-chip__checkmark {
-	display: none !important;
-	width: 0 !important;
-	min-width: 0 !important;
-	margin: 0 !important;
-	padding: 0 !important;
-}
-
-.saved-filters-tabs ::ng-deep .mat-mdc-standard-chip .mdc-evolution-chip__checkmark-svg {
-	display: none !important;
-}
-
-.saved-filters-tabs ::ng-deep .mat-mdc-standard-chip .mdc-evolution-chip__graphic {
-	display: none !important;
-	width: 0 !important;
-	min-width: 0 !important;
-	margin: 0 !important;
-	padding: 0 !important;
-}
-
-.saved-filters-tabs ::ng-deep .mat-mdc-standard-chip .mdc-evolution-chip__action {
-	padding-left: 16px !important;
-	padding-right: 8px !important;
-}
-
-.saved-filters-tabs ::ng-deep .mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action {
-	padding-left: 16px !important;
-	padding-right: 8px !important;
-}
-
-.saved-filters-tabs
-	::ng-deep
-	.mat-mdc-standard-chip.mdc-evolution-chip--selected
-	.mdc-evolution-chip__action
-	.mdc-evolution-chip__action__content {
-	margin-left: 0 !important;
-	padding-left: 0 !important;
-	transform: translateX(0) !important;
-}
-
-.saved-filters-tabs ::ng-deep .filter-chip-wrapper {
-	display: flex;
-	align-items: center;
-	gap: 4px;
-}
-
-.saved-filters-tabs ::ng-deep .mat-mdc-chip-action {
-	display: flex;
-	align-items: center;
-}
-
-.saved-filters-tabs ::ng-deep .mdc-evolution-chip__action {
-	display: flex;
-	align-items: center;
-	justify-content: flex-start;
-}
-
-.saved-filters-tabs ::ng-deep .mdc-evolution-chip__text-label {
-	display: flex;
-	align-items: center;
-	line-height: 1;
-}
-
-.filter-chip-content {
-	display: inline-block;
-	vertical-align: middle;
-	line-height: 1;
-}
-
-.filter-chip-menu-button {
-	opacity: 1;
-	width: 24px;
-	height: 24px;
-	line-height: 24px;
-	flex-shrink: 0;
-	margin-left: auto;
-	margin-right: -4px;
-}
-
-.filter-chip-menu-button mat-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-}
-
-@media (prefers-color-scheme: light) {
-	.saved-filters-tabs ::ng-deep .mat-mdc-standard-chip {
-		--mat-chip-outline-color: rgba(0, 0, 0, 0.24);
-		--mat-chip-elevated-selected-container-color: var(--color-accentedPalette-500) !important;
-		--mat-chip-label-text-color: rgba(0, 0, 0, 0.64);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.saved-filters-tabs ::ng-deep .mat-mdc-standard-chip {
-		--mat-chip-outline-color: rgba(255, 255, 255, 0.24);
-		--mat-chip-elevated-selected-container-color: var(--color-accentedPalette-500) !important;
-		--mat-chip-label-text-color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-.filters-container {
-	display: flex;
-	align-items: center;
-	gap: 20px;
-	margin-top: -8px;
-	transform: translateX(-10%) scale(0.8);
-}
-
-@media (width <= 600px) {
-	.filters-container {
-		display: flex;
-		align-items: center;
-		flex-direction: row;
-		flex-wrap: wrap;
-		gap: 6px 8px;
-		margin: 4px 0 0;
-		padding: 8px 16px;
-		border-radius: 10px;
-		background: rgba(0, 0, 0, 0.03);
-		transform: none;
-		max-width: 100%;
-		min-width: 0;
-		overflow-x: clip;
-		overflow-y: visible;
-	}
-
-	.filters-container > .static-filters {
-		align-items: center;
-		min-height: 32px;
-	}
-
-
-	.dynamic-column-editor {
-		flex: 1 1 100%;
-		flex-direction: row;
-		align-items: center;
-		flex-wrap: wrap;
-		gap: 6px;
-		min-width: 0;
-	}
-
-	.dynamic-column-editor > * {
-		min-width: 0;
-	}
-
-	.dynamic-column-editor ::ng-deep .mat-mdc-form-field,
-	.dynamic-column-editor ::ng-deep .foreign-key {
-		flex: 1 1 100%;
-	}
-
-	.dynamic-column-editor .column-name {
-		flex: 1 1 100%;
-		font-size: 12px;
-		line-height: 1.3;
-		gap: 6px;
-		margin: 0;
-		opacity: 0.6;
-		font-weight: 600;
-		white-space: nowrap;
-	}
-
-	.dynamic-column-editor .column-name strong {
-		margin-left: 0;
-		font-size: 12px;
-		font-weight: 600;
-		color: inherit;
-		text-transform: none;
-	}
-
-	.dynamic-column-editor .comparator-text {
-		display: inline-flex;
-		align-items: center;
-		padding: 2px 8px;
-		border-radius: 999px;
-		background: var(--color-accentedPalette-50);
-		color: var(--color-accentedPalette-700);
-		font-size: 12px;
-		font-weight: 500;
-		white-space: nowrap;
-	}
-
-	.dynamic-column-editor ::ng-deep .foreign-key {
-		min-width: 0 !important;
-		flex: 1 1 auto;
-		margin-bottom: 0;
-	}
-
-	.dynamic-column-editor ::ng-deep .mat-mdc-form-field {
-		flex: 1 1 auto;
-		min-width: 0;
-		width: auto;
-	}
-
-	.dynamic-column-editor ::ng-deep .mat-mdc-form-field-subscript-wrapper {
-		display: none;
-	}
-
-	.dynamic-column-editor ::ng-deep .mat-mdc-text-field-wrapper {
-		padding: 0 10px;
-	}
-}
-
-@media (prefers-color-scheme: dark) and (width <= 600px) {
-	.dynamic-column-editor .column-name strong {
-		color: rgba(255, 255, 255, 0.87);
-	}
-
-	.dynamic-column-editor .comparator-text {
-		background: var(--color-accentedPalette-900);
-		color: var(--color-accentedPalette-100);
-	}
-}
-
-@media (prefers-color-scheme: dark) and (width <= 600px) {
-	.filters-container {
-		background: rgba(255, 255, 255, 0.04);
-	}
-}
-
-.filters-where-label {
-	flex-shrink: 0;
-	display: flex;
-	align-items: center;
-	gap: 4px;
-	margin-top: -2px !important;
-	white-space: nowrap;
-}
-
-@media (width <= 600px) {
-	.filters-where-label {
-		margin-top: 0 !important;
-		min-height: 32px;
-		align-items: center;
-		line-height: 1;
-	}
-}
-
-.filters-where-label .column-name-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-	line-height: 18px;
-	vertical-align: middle;
-}
-
-@media (prefers-color-scheme: light) {
-	.filters-where-label {
-		color: rgba(0, 0, 0, 0.87);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.filters-where-label {
-		color: rgba(255, 255, 255, 0.87);
-	}
-}
-
-.dynamic-column-editor {
-	display: flex;
-	align-items: center;
-	gap: 16px;
-	margin-left: 0;
-	/* transform: translateX(-20%) scale(0.8); */
-	/* transform-origin: center right; */
-}
-
-.column-name {
-	margin-top: -4px !important;
-	display: flex;
-	align-items: center;
-	gap: 4px;
-	font-weight: 500;
-}
-
-@media (width <= 600px) {
-	.column-name {
-		margin-top: 0 !important;
-	}
-}
-
-.column-name-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-	line-height: 18px;
-	vertical-align: middle;
-}
-
-.comparator-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-	margin-right: 8px;
-	vertical-align: middle;
-}
-
-::ng-deep .mat-mdc-select-panel .mat-mdc-option {
-	display: flex;
-	align-items: center;
-}
-
-.comparator-text {
-	display: none;
-}
-
-@media (width <= 600px) {
-	.comparator-select {
-		display: none;
-	}
-
-	.comparator-text {
-		display: inline;
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.column-name {
-		color: rgba(0, 0, 0, 0.64);
-	}
-}
-@media (prefers-color-scheme: dark) {
-	.column-name {
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-.column-name strong {
-	margin-left: 8px;
-}
-
-.dynamic-column-editor ::ng-deep .foreign-key {
-	display: block;
-	min-width: 280px;
-	margin-bottom: 16px;
-}
-
-.dynamic-column-editor ::ng-deep .foreign-key .mat-mdc-form-field-subscript-wrapper,
-.dynamic-column-editor ::ng-deep .foreign-key .foreign-key__link {
-	display: none;
-}
-
-.static-filters {
-	display: flex;
-	flex-wrap: wrap;
-	align-items: center;
-	gap: 8px;
-	transform: translateX(5%) scale(1.1);
-	padding-bottom: 16px;
-	margin-left: 0;
-}
-
-@media (width <= 600px) {
-	.static-filters {
-		transform: none;
-		padding-bottom: 0;
-	}
-}
-
-.static-filter-chip {
-	cursor: default;
-	pointer-events: none;
-}
-
-::ng-deep .static-filter-chip .mat-mdc-chip {
-	--mdc-chip-container-color: #e8ecee !important;
-	--mdc-chip-elevated-container-color: #e8ecee !important;
-	--mdc-chip-container-shape-radius: 16px !important;
-	background-color: #e8ecee !important;
-	border-radius: 16px !important;
-	pointer-events: none !important;
-	cursor: default !important;
-}
-
-::ng-deep .static-filter-chip .mat-mdc-chip:hover {
-	--mdc-chip-container-color: #e8ecee !important;
-	--mdc-chip-elevated-container-color: #e8ecee !important;
-	background-color: #e8ecee !important;
-	cursor: default !important;
-}
-
-::ng-deep .static-filter-chip .mat-mdc-chip:active {
-	--mdc-chip-container-color: #e8ecee !important;
-	--mdc-chip-elevated-container-color: #e8ecee !important;
-	background-color: #e8ecee !important;
-	cursor: default !important;
-}
-
-::ng-deep .static-filter-chip .mdc-evolution-chip__cell {
-	background-color: #e8ecee !important;
-	border-radius: 16px !important;
-}
-
-::ng-deep .static-filter-chip .mdc-evolution-chip__cell:hover {
-	background-color: #e8ecee !important;
-}
-
-::ng-deep .static-filter-chip .mat-mdc-chip.mdc-evolution-chip--with-primary-icon {
-	--mdc-chip-container-color: #e8ecee !important;
-	--mdc-chip-elevated-container-color: #e8ecee !important;
-	background-color: #e8ecee !important;
-	pointer-events: none !important;
-}
-
-::ng-deep .static-filter-chip .mat-mdc-chip.mdc-evolution-chip--with-primary-icon:hover {
-	--mdc-chip-container-color: #e8ecee !important;
-	--mdc-chip-elevated-container-color: #e8ecee !important;
-	background-color: #e8ecee !important;
-	cursor: default !important;
-}
-
-::ng-deep .static-filter-chip .mat-mdc-chip.mdc-evolution-chip--with-primary-icon:active {
-	--mdc-chip-container-color: #e8ecee !important;
-	--mdc-chip-elevated-container-color: #e8ecee !important;
-	background-color: #e8ecee !important;
-	cursor: default !important;
-}
-
-::ng-deep .static-filter-chip .mdc-evolution-chip__action {
-	pointer-events: none !important;
-	cursor: default !important;
-}
-
-@media (prefers-color-scheme: dark) {
-	::ng-deep .static-filter-chip .mat-mdc-chip {
-		--mdc-chip-container-color: #3a4a5c !important;
-		--mdc-chip-elevated-container-color: #3a4a5c !important;
-		--mdc-chip-label-text-color: rgba(255, 255, 255, 0.87) !important;
-		background-color: #3a4a5c !important;
-		color: rgba(255, 255, 255, 0.87) !important;
-	}
-
-	::ng-deep .static-filter-chip .mat-mdc-chip:hover {
-		--mdc-chip-container-color: #3a4a5c !important;
-		--mdc-chip-elevated-container-color: #3a4a5c !important;
-		background-color: #3a4a5c !important;
-	}
-
-	::ng-deep .static-filter-chip .mat-mdc-chip:active {
-		--mdc-chip-container-color: #3a4a5c !important;
-		--mdc-chip-elevated-container-color: #3a4a5c !important;
-		background-color: #3a4a5c !important;
-	}
-
-	::ng-deep .static-filter-chip .mdc-evolution-chip__cell {
-		background-color: #3a4a5c !important;
-	}
-
-	::ng-deep .static-filter-chip .mdc-evolution-chip__cell:hover {
-		background-color: #3a4a5c !important;
-	}
-
-	::ng-deep .static-filter-chip .mat-mdc-chip.mdc-evolution-chip--with-primary-icon {
-		--mdc-chip-container-color: #3a4a5c !important;
-		--mdc-chip-elevated-container-color: #3a4a5c !important;
-		background-color: #3a4a5c !important;
-	}
-
-	::ng-deep .static-filter-chip .mat-mdc-chip.mdc-evolution-chip--with-primary-icon:hover {
-		--mdc-chip-container-color: #3a4a5c !important;
-		--mdc-chip-elevated-container-color: #3a4a5c !important;
-		background-color: #3a4a5c !important;
-	}
-
-	::ng-deep .static-filter-chip .mat-mdc-chip.mdc-evolution-chip--with-primary-icon:active {
-		--mdc-chip-container-color: #3a4a5c !important;
-		--mdc-chip-elevated-container-color: #3a4a5c !important;
-		background-color: #3a4a5c !important;
-	}
-}
-
-/* .dynamic-column-editor + .static-filters {
-    margin-top: -16px;
-} */
diff --git a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.html b/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.html
deleted file mode 100644
index 66edd276f..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.html
+++ /dev/null
@@ -1,231 +0,0 @@
-<div class="saved-filters-container">
-    <app-placeholder-saved-filters *ngIf="savedFilterData === null"></app-placeholder-saved-filters>
-    <div *ngIf="savedFilterData" class="saved-filters-list">
-        <button *ngIf="canEditConnection() && savedFilterData?.length === 0"
-            class="saved-filters-list__first-time-button"
-            mat-button type="button"
-            angulartics2On="click"
-            angularticsAction="Saved filters: first time setup is clicked"
-            (click)="handleOpenSavedFiltersDialog(); posthog.capture('Saved filters: first time setup is clicked')">
-            <mat-icon>tune</mat-icon>
-            Create fast filter
-        </button>
-
-        <!-- Desktop: chips + standalone create button -->
-        <button *ngIf="canEditConnection() && savedFilterData.length !== 0"
-            mat-icon-button type="button"
-            class="create-filter-button"
-            matTooltip="Create new fast filter"
-            (click)="handleOpenSavedFiltersDialog(); posthog.capture('Saved filters: create new filter is clicked')"
-            angulartics2On="click"
-            angularticsAction="Saved filters: create new filter is clicked">
-            <mat-icon>bookmark_add</mat-icon>
-        </button>
-
-        <mat-chip-listbox [value]="selectedFilterSetId" class="saved-filters-tabs">
-            <mat-chip-option *ngFor="let filter of savedFilterData"
-                [value]="filter.id"
-                (click)="selectFiltersSet(filter.id)"
-                class="filter-chip-wrapper">
-                <span class="filter-chip-content">{{ filter.name }}</span>
-                <button *ngIf="canEditConnection()"
-                    mat-icon-button
-                    type="button"
-                    class="filter-chip-menu-button"
-                    [matMenuTriggerFor]="filterMenu"
-                    (click)="$event.stopPropagation(); setCurrentFilter(filter)"
-                    matTooltip="Filter options">
-                    <mat-icon>more_vert</mat-icon>
-                </button>
-            </mat-chip-option>
-        </mat-chip-listbox>
-
-        <!-- Mobile: combined dropdown -->
-        <button *ngIf="savedFilterData.length !== 0"
-            mat-stroked-button type="button"
-            class="saved-filters-trigger"
-            [class.saved-filters-trigger_active]="selectedFilterSetId"
-            [matMenuTriggerFor]="filtersMenu">
-            <mat-icon fontSet="material-symbols-outlined" class="saved-filters-trigger__icon">tune</mat-icon>
-            <span class="saved-filters-trigger__label">
-                {{ savedFilterMap[selectedFilterSetId]?.name || 'Fast filters' }}
-            </span>
-            <mat-icon iconPositionEnd class="saved-filters-trigger__chevron">arrow_drop_down</mat-icon>
-        </button>
-
-        <mat-menu #filtersMenu="matMenu" class="saved-filters-menu">
-            <button mat-menu-item type="button"
-                *ngFor="let filter of savedFilterData"
-                [class.saved-filters-menu__item_active]="filter.id === selectedFilterSetId"
-                (click)="selectFiltersSet(filter.id)">
-                <mat-icon class="saved-filters-menu__check"
-                    [class.saved-filters-menu__check_visible]="filter.id === selectedFilterSetId">check</mat-icon>
-                <span class="saved-filters-menu__name">{{ filter.name }}</span>
-                <span *ngIf="canEditConnection()"
-                    class="saved-filters-menu__row-menu"
-                    [matMenuTriggerFor]="filterMenu"
-                    (click)="$event.stopPropagation(); setCurrentFilter(filter)">
-                    <mat-icon>more_vert</mat-icon>
-                </span>
-            </button>
-
-            <button *ngIf="canEditConnection()"
-                mat-menu-item type="button"
-                class="saved-filters-menu__create"
-                angulartics2On="click"
-                angularticsAction="Saved filters: create new filter is clicked"
-                (click)="handleOpenSavedFiltersDialog(); posthog.capture('Saved filters: create new filter is clicked')">
-                <mat-icon>bookmark_add</mat-icon>
-                <span>New fast filter</span>
-            </button>
-        </mat-menu>
-
-        <mat-menu #filterMenu="matMenu">
-            <button mat-menu-item type="button" (click)="handleEditFilter(currentFilterForMenu)">
-                <mat-icon fontSet="material-symbols-outlined">create</mat-icon>
-                <span>Edit</span>
-            </button>
-            <button mat-menu-item type="button" (click)="handleDeleteFilter(currentFilterForMenu)">
-                <mat-icon fontSet="material-symbols-outlined">delete</mat-icon>
-                <span>Delete</span>
-            </button>
-        </mat-menu>
-    </div>
-
-    <div class="filters-container" *ngIf="savedFilterMap[selectedFilterSetId]?.dynamicColumn || savedFilterMap[selectedFilterSetId]?.staticFilters?.length">
-        <span class="filters-where-label mat-body-1">
-            <mat-icon class="column-name-icon">subdirectory_arrow_right</mat-icon>
-            where
-        </span>
-        <form *ngIf="savedFilterMap[selectedFilterSetId]?.dynamicColumn"
-            class="dynamic-column-editor"
-            (ngSubmit)="applyDynamicColumnChanges()">
-            <span class="column-name mat-body-1">
-                <strong>{{ savedFilterMap[selectedFilterSetId]?.dynamicColumn.column }}</strong>
-                <span *ngIf="getComparatorType(getInputType(savedFilterMap[selectedFilterSetId]?.dynamicColumn.column)) === 'text'" class="comparator-text">
-                    {{ {startswith: 'starts with', endswith: 'ends with', eq: 'equal', contains: 'contains', icontains: 'not contains', empty: 'is empty'}[savedFilterMap[selectedFilterSetId].dynamicColumn.operator] }}
-                </span>
-                <span *ngIf="getComparatorType(getInputType(savedFilterMap[selectedFilterSetId]?.dynamicColumn.column)) === 'number'" class="comparator-text">
-                    {{ {eq: '=', gt: '>', lt: '<', gte: '≥', lte: '≤'}[savedFilterMap[selectedFilterSetId].dynamicColumn.operator] }}
-                </span>
-            </span>
-            <mat-form-field *ngIf="getComparatorType(getInputType(savedFilterMap[selectedFilterSetId]?.dynamicColumn.column)) === 'text'" appearance="outline" class="comparator-select">
-                <mat-select [(ngModel)]="savedFilterMap[selectedFilterSetId].dynamicColumn.operator"
-                        name="textComparator"
-                        (ngModelChange)="updateDynamicColumnComparator($event)">
-                    <mat-option value="startswith">
-                        <mat-icon class="comparator-icon">play_arrow</mat-icon>
-                        <span>starts with</span>
-                    </mat-option>
-                    <mat-option value="endswith">
-                        <mat-icon class="comparator-icon">play_arrow</mat-icon>
-                        <span>ends with</span>
-                    </mat-option>
-                    <mat-option value="eq">
-                        <mat-icon class="comparator-icon">drag_handle</mat-icon>
-                        <span>equal</span>
-                    </mat-option>
-                    <mat-option value="contains">
-                        <mat-icon class="comparator-icon">search</mat-icon>
-                        <span>contains</span>
-                    </mat-option>
-                    <mat-option value="icontains">
-                        <mat-icon class="comparator-icon">block</mat-icon>
-                        <span>not contains</span>
-                    </mat-option>
-                    <mat-option value="empty">
-                        <mat-icon class="comparator-icon">space_bar</mat-icon>
-                        <span>is empty</span>
-                    </mat-option>
-                </mat-select>
-            </mat-form-field>
-
-            <mat-form-field *ngIf="getComparatorType(getInputType(savedFilterMap[selectedFilterSetId]?.dynamicColumn.column)) === 'number'" appearance="outline" class="comparator-select">
-                <mat-select [(ngModel)]="savedFilterMap[selectedFilterSetId].dynamicColumn.operator"
-                            name="numberComparator"
-                            (ngModelChange)="updateDynamicColumnComparator($event)">
-                    <mat-option value="eq">
-                        <mat-icon class="comparator-icon">drag_handle</mat-icon>
-                        <span>equal</span>
-                    </mat-option>
-                    <mat-option value="gt">
-                        <mat-icon class="comparator-icon">keyboard_arrow_right</mat-icon>
-                        <span>greater than</span>
-                    </mat-option>
-                    <mat-option value="lt">
-                        <mat-icon class="comparator-icon">keyboard_arrow_left</mat-icon>
-                        <span>less than</span>
-                    </mat-option>
-                    <mat-option value="gte">
-                        <mat-icon class="comparator-icon">keyboard_double_arrow_right</mat-icon>
-                        <span>greater than or equal</span>
-                    </mat-option>
-                    <mat-option value="lte">
-                        <mat-icon class="comparator-icon">keyboard_double_arrow_left</mat-icon>
-                        <span>less than or equal</span>
-                    </mat-option>
-                </mat-select>
-            </mat-form-field>
-
-            <!-- Non-comparable field (uses ndc-dynamic) -->
-            <div *ngIf="getComparatorType(getInputType(savedFilterMap[selectedFilterSetId]?.dynamicColumn.column)) === 'nonComparable'">
-                <div *ngIf="isWidget(savedFilterMap[selectedFilterSetId]?.dynamicColumn.column); else defaultDynamicField">
-                    <ndc-dynamic [ndcDynamicComponent]="tableWidgets[savedFilterMap[selectedFilterSetId]?.dynamicColumn.column].widget_type ? UIwidgets[tableWidgets[savedFilterMap[selectedFilterSetId]?.dynamicColumn.column].widget_type] : inputs[tableTypes[savedFilterMap[selectedFilterSetId]?.dynamicColumn.column]]"
-                        [ndcDynamicInputs]="{
-                            key: savedFilterMap[selectedFilterSetId]?.dynamicColumn.column,
-                            label: tableWidgets[savedFilterMap[selectedFilterSetId]?.dynamicColumn.column].name || savedFilterMap[selectedFilterSetId]?.dynamicColumn.column,
-                            value: savedFilterMap[selectedFilterSetId]?.dynamicColumn.value,
-                            widgetStructure: tableWidgets[savedFilterMap[selectedFilterSetId]?.dynamicColumn.column],
-                            relations: tableTypes[savedFilterMap[selectedFilterSetId]?.dynamicColumn.column] === 'foreign key' ? tableForeignKeys[savedFilterMap[selectedFilterSetId]?.dynamicColumn.column] : undefined,
-                            autofocus: shouldAutofocus
-                        }"
-                        [ndcDynamicOutputs]="{
-                            onFieldChange: { handler: updateDynamicColumnValue, args: ['$event'] },
-                            onComparatorChange: { handler: updateDynamicColumnComparator, args: ['$event'] }
-                        }"
-                    ></ndc-dynamic>
-                </div>
-
-                <ng-template #defaultDynamicField>
-                    <ndc-dynamic [ndcDynamicComponent]="inputs[tableTypes[savedFilterMap[selectedFilterSetId]?.dynamicColumn.column]]"
-                        [ndcDynamicInputs]="{
-                            key: savedFilterMap[selectedFilterSetId]?.dynamicColumn.column,
-                            label: savedFilterMap[selectedFilterSetId]?.dynamicColumn.column,
-                            value: savedFilterMap[selectedFilterSetId]?.dynamicColumn.value,
-                            structure: tableRowStructure[savedFilterMap[selectedFilterSetId]?.dynamicColumn.column],
-                            relations: tableTypes[savedFilterMap[selectedFilterSetId]?.dynamicColumn.column] === 'foreign key' ? tableForeignKeys[savedFilterMap[selectedFilterSetId]?.dynamicColumn.column] : undefined,
-                            autofocus: shouldAutofocus
-                        }"
-                        [ndcDynamicOutputs]="{
-                            onFieldChange: { handler: updateDynamicColumnValue, args: ['$event'] },
-                            onComparatorChange: { handler: updateDynamicColumnComparator, args: ['$event'] }
-                        }"
-                    ></ndc-dynamic>
-                </ng-template>
-            </div>
-
-            <!-- Standard field value input for text and number types -->
-            <div *ngIf="getComparatorType(getInputType(savedFilterMap[selectedFilterSetId]?.dynamicColumn.column)) !== 'nonComparable'">
-                <ndc-dynamic [ndcDynamicComponent]="inputs[tableTypes[savedFilterMap[selectedFilterSetId]?.dynamicColumn.column]]"
-                    [ndcDynamicInputs]="{
-                        key: savedFilterMap[selectedFilterSetId]?.dynamicColumn.column,
-                        label: savedFilterMap[selectedFilterSetId]?.dynamicColumn.column,
-                        value: savedFilterMap[selectedFilterSetId]?.dynamicColumn.value,
-                        readonly: savedFilterMap[selectedFilterSetId]?.dynamicColumn.operator === 'empty',
-                        structure: tableRowStructure[savedFilterMap[selectedFilterSetId]?.dynamicColumn.column],
-                        relations: tableTypes[savedFilterMap[selectedFilterSetId]?.dynamicColumn.column] === 'foreign key' ? tableForeignKeys[savedFilterMap[selectedFilterSetId]?.dynamicColumn.column] : undefined,
-                        autofocus: shouldAutofocus
-                    }"
-                    [ndcDynamicOutputs]="{
-                        onFieldChange: { handler: updateDynamicColumnValue, args: ['$event'] }
-                    }"
-                ></ndc-dynamic>
-            </div>
-        </form>
-        <div class="static-filters" *ngIf="savedFilterMap[selectedFilterSetId]?.staticFilters?.length">
-            <mat-chip *ngFor="let filter of savedFilterMap[selectedFilterSetId]?.staticFilters" class="static-filter-chip ph-no-capture">
-                {{ getFilter(filter) }}
-            </mat-chip>
-        </div>
-    </div>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.spec.ts b/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.spec.ts
deleted file mode 100644
index ebb68d033..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.spec.ts
+++ /dev/null
@@ -1,191 +0,0 @@
-import { HttpClientTestingModule } from '@angular/common/http/testing';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialog } from '@angular/material/dialog';
-import { ActivatedRoute, convertToParamMap, Router } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { SavedFiltersPanelComponent } from './saved-filters-panel.component';
-
-// We need to mock the JsonURL import used in the component
-class JsonURLMock {
-	static stringify(obj: any): string {
-		return JSON.stringify(obj);
-	}
-
-	static parse(str: string): any {
-		try {
-			return JSON.parse(str);
-		} catch (_e) {
-			return {};
-		}
-	}
-}
-
-// Add to global scope to be used by the component
-(window as any).JsonURL = JsonURLMock;
-
-describe('SavedFiltersPanelComponent', () => {
-	let component: SavedFiltersPanelComponent;
-	let fixture: ComponentFixture<SavedFiltersPanelComponent>;
-	let _tablesServiceSpy: TablesService;
-	let _routerSpy: Router;
-
-	const mockFilter = {
-		id: 'filter1',
-		name: 'Test Filter',
-		filters: {
-			name: { eq: 'John' },
-			age: { gt: 25 },
-		},
-		dynamic_column: {
-			column_name: 'city',
-			comparator: 'eq',
-		},
-	};
-
-	beforeEach(async () => {
-		const tablesServiceMock = {
-			getSavedFilters: vi.fn().mockReturnValue(of([mockFilter])),
-			createSavedFilter: vi.fn(),
-			cast: of({}),
-		};
-
-		const routerMock = {
-			navigate: vi.fn(),
-		};
-
-		const activatedRouteMock = {
-			queryParams: of({}),
-			paramMap: of(convertToParamMap({})),
-			queryParamMap: of(convertToParamMap({})),
-			snapshot: {
-				queryParams: {},
-				paramMap: {
-					get: (_key: string) => null,
-				},
-				queryParamMap: {
-					get: (_key: string) => null,
-				},
-			},
-		};
-
-		const matDialogMock = {
-			open: vi.fn(),
-		};
-
-		const connectionsServiceMock = {
-			get currentConnection() {
-				return { type: 'postgres' };
-			},
-			canEditConnection: () => false,
-		};
-
-		await TestBed.configureTestingModule({
-			imports: [SavedFiltersPanelComponent, HttpClientTestingModule, Angulartics2Module.forRoot()],
-			providers: [
-				{ provide: TablesService, useValue: tablesServiceMock },
-				{ provide: ConnectionsService, useValue: connectionsServiceMock },
-				{ provide: Router, useValue: routerMock },
-				{ provide: ActivatedRoute, useValue: activatedRouteMock },
-				{ provide: MatDialog, useValue: matDialogMock },
-			],
-		}).compileComponents();
-
-		_tablesServiceSpy = TestBed.inject(TablesService);
-		_routerSpy = TestBed.inject(Router);
-
-		fixture = TestBed.createComponent(SavedFiltersPanelComponent);
-		component = fixture.componentInstance;
-		component.connectionID = 'conn1';
-		component.selectedTableName = 'users';
-		component.structure = [];
-		component.tableTypes = {};
-		component.selectedTableDisplayName = 'Users';
-		component.tableForeignKeys = [];
-
-		// Mock filterSelected event emitter
-		vi.spyOn(component.filterSelected, 'emit');
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should process filters data to separate static filters and dynamic column', () => {
-		const result = component.processFiltersData(mockFilter);
-
-		expect(result.dynamicColumn).toBeTruthy();
-		expect(result.dynamicColumn?.column).toBe('city');
-		expect(result.dynamicColumn?.operator).toBe('eq');
-
-		expect(result.staticFilters.length).toBe(2);
-		expect(result.staticFilters[0].column).toBe('name');
-		expect(result.staticFilters[1].column).toBe('age');
-	});
-
-	it('should update dynamic column comparator', () => {
-		component.selectedFilterSetId = 'filter1';
-		component.savedFilterMap = {
-			filter1: {
-				dynamicColumn: { column: 'city', operator: 'eq', value: 'New York' },
-			},
-		};
-
-		component.updateDynamicColumnComparator('contains');
-
-		expect(component.savedFilterMap.filter1.dynamicColumn.operator).toBe('contains');
-	});
-
-	it('should set value to empty string when comparator is empty', () => {
-		// Setup component with the minimal required properties
-		component.selectedFilterSetId = 'filter1';
-		component.savedFilterMap = {
-			filter1: {
-				dynamicColumn: { column: 'city', operator: 'eq', value: 'New York' },
-				filters: { city: { eq: 'New York' } },
-			},
-		};
-
-		// Spy on applyDynamicColumnChanges to prevent it from executing
-		vi.spyOn(component, 'applyDynamicColumnChanges');
-
-		// Call the method under test
-		component.updateDynamicColumnComparator('empty');
-
-		// Verify the value was set to empty string
-		expect(component.savedFilterMap.filter1.dynamicColumn.value).toBe('');
-	});
-
-	it('should update dynamic column value', () => {
-		// Setup component with the minimal required properties
-		component.selectedFilterSetId = 'filter1';
-		component.savedFilterMap = {
-			filter1: {
-				dynamicColumn: { column: 'city', operator: 'eq', value: 'New York' },
-				filters: { city: { eq: 'New York' } },
-			},
-		};
-
-		// Spy on applyDynamicColumnChanges to prevent it from executing
-		vi.spyOn(component, 'applyDynamicColumnChanges');
-
-		// Replace setTimeout with a function that executes immediately
-		vi.spyOn(window, 'setTimeout').mockImplementation((fn: TimerHandler) => {
-			// Execute function immediately instead of waiting
-			if (typeof fn === 'function') fn();
-			// Return a fake timer ID
-			return 999 as unknown as ReturnType<typeof setTimeout>;
-		});
-
-		// Call the method under test
-		component.updateDynamicColumnValue('Chicago');
-
-		// Verify the value was updated
-		expect(component.savedFilterMap.filter1.dynamicColumn.value).toBe('Chicago');
-		expect(component.applyDynamicColumnChanges).toHaveBeenCalled();
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.ts b/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.ts
deleted file mode 100644
index 6facb3ea8..000000000
--- a/frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.ts
+++ /dev/null
@@ -1,582 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatChipsModule } from '@angular/material/chips';
-import { MatDialog } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatSelectModule } from '@angular/material/select';
-import { MatTabsModule } from '@angular/material/tabs';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { ActivatedRoute, Router } from '@angular/router';
-import JsonURL from '@jsonurl/jsonurl';
-import { Angulartics2OnModule } from 'angulartics2';
-import { DynamicModule } from 'ng-dynamic-component';
-import { SignalComponentIoModule } from 'ng-dynamic-component/signal-component-io';
-import posthog from 'posthog-js';
-import { PlaceholderSavedFiltersComponent } from 'src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component';
-import { UIwidgets as FilterUIwidgets, filterTypes } from 'src/app/consts/filter-types';
-import { UIwidgets as EditUIwidgets } from 'src/app/consts/record-edit-types';
-import { normalizeTableName } from 'src/app/lib/normalize';
-import { TableField, TableForeignKey } from 'src/app/models/table';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { SavedFiltersDialogComponent } from './saved-filters-dialog/saved-filters-dialog.component';
-
-@Component({
-	selector: 'app-saved-filters-panel',
-	imports: [
-		CommonModule,
-		FormsModule,
-		DynamicModule,
-		SignalComponentIoModule,
-		MatButtonModule,
-		MatIconModule,
-		MatChipsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatSelectModule,
-		MatTabsModule,
-		MatTooltipModule,
-		MatMenuModule,
-		PlaceholderSavedFiltersComponent,
-		Angulartics2OnModule,
-	],
-	templateUrl: './saved-filters-panel.component.html',
-	styleUrl: './saved-filters-panel.component.css',
-})
-export class SavedFiltersPanelComponent implements OnInit, OnDestroy {
-	protected posthog = posthog;
-	@Input() connectionID: string;
-	@Input() selectedTableName: string;
-	@Input() selectedTableDisplayName: string;
-	@Input() tableTypes: any;
-	@Input() structure: any;
-	@Input() tableForeignKeys: TableForeignKey[] = [];
-	@Input() tableWidgets: any = {};
-	@Output() filterSelected = new EventEmitter<any>();
-	@Input() resetSelection: boolean = false;
-
-	protected canEditConnection = () => this._connections.canEditConnection();
-
-	private dynamicColumnValueDebounceTimer: any = null;
-
-	public savedFilterData = null;
-	public savedFilterMap: { [key: string]: any } = {};
-
-	public selectedFilterSetId: string | null = null;
-	public selectedFilter: any = null;
-	public shouldAutofocus: boolean = false;
-	public currentFilterForMenu: any = null;
-
-	public tableStructure: any = null;
-	public tableRowFieldsShown: { [key: string]: any } = {};
-	public tableRowStructure: { [key: string]: any } = {};
-	public UIwidgets = { ...EditUIwidgets, ...FilterUIwidgets };
-
-	public displayedComparators = {
-		eq: '=',
-		gt: '>',
-		lt: '<',
-		gte: '>=',
-		lte: '<=',
-		startswith: 'starts with',
-		endswith: 'ends with',
-		contains: 'contains',
-		icontains: 'not contains',
-		empty: 'is empty',
-	};
-
-	constructor(
-		private dialog: MatDialog,
-		private _tables: TablesService,
-		private _connections: ConnectionsService,
-		private router: Router,
-		private route: ActivatedRoute,
-	) {}
-
-	ngOnInit() {
-		this.route.paramMap.subscribe((params) => {
-			const tableNameFromUrl = params.get('table-name');
-			if (tableNameFromUrl) {
-				this.savedFilterData = null;
-				this.selectedFilterSetId = null;
-				this.selectedFilter = null;
-				this.selectedTableName = tableNameFromUrl;
-				this.loadSavedFilters();
-			}
-		});
-
-		this.route.queryParamMap.subscribe((params) => {
-			const savedFilterId = params.get('saved_filter');
-			if (savedFilterId) {
-				this.selectedFilterSetId = savedFilterId;
-			} else {
-				this.selectedFilterSetId = null;
-			}
-		});
-
-		this._tables.cast.subscribe((arg) => {
-			if (arg === 'filters set saved') {
-				this.loadSavedFilters();
-			}
-
-			if (arg === 'filters set updated') {
-				// Get the current saved filter ID from URL
-				const savedFilterIdFromUrl = this.route.snapshot.queryParams.saved_filter;
-
-				if (savedFilterIdFromUrl) {
-					// If we have a filter selected in URL, get latest data and update URL
-					this._tables.getSavedFilters(this.connectionID, this.selectedTableName).subscribe({
-						next: (data) => {
-							if (data) {
-								// Find the updated filter in the response
-								const updatedFilter = data.find((filter) => filter.id === savedFilterIdFromUrl);
-								if (updatedFilter) {
-									const processedFilter = this.processFiltersData(updatedFilter);
-
-									// Update local state
-									this.selectedFilterSetId = savedFilterIdFromUrl;
-									this.filterSelected.emit(processedFilter);
-
-									// Update URL with the refreshed filter data
-									const additionalParams: any = {
-										filters: JsonURL.stringify(updatedFilter.filters),
-										saved_filter: savedFilterIdFromUrl,
-									};
-
-									if (updatedFilter.dynamic_column) {
-										additionalParams.dynamic_column = JsonURL.stringify({
-											column_name: updatedFilter.dynamic_column.column_name,
-											comparator: updatedFilter.dynamic_column.comparator,
-										});
-									}
-
-									const queryParams = this.buildQueryParams(additionalParams);
-									this.router.navigate([`/dashboard/${this.connectionID}/${this.selectedTableName}`], { queryParams });
-								}
-
-								// Update the full filters map
-								this.savedFilterData = data.sort(
-									(a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime(),
-								);
-								this.savedFilterMap = Object.assign(
-									{},
-									...data.map((filter) => {
-										const transformedFilter = this.processFiltersData(filter);
-										return { [filter.id]: transformedFilter };
-									}),
-								);
-							}
-						},
-						error: (error) => {
-							console.error('Error fetching updated filters:', error);
-							this.loadSavedFilters();
-						},
-					});
-				} else {
-					// Just refresh filters if no filter selected in URL
-					this.loadSavedFilters();
-				}
-			}
-
-			if (arg === 'delete saved filters') {
-				this.loadSavedFilters();
-				this.selectedFilterSetId = null;
-				this.filterSelected.emit(null);
-				const queryParams = this.buildQueryParams();
-				this.router.navigate([`/dashboard/${this.connectionID}/${this.selectedTableName}`], { queryParams });
-			}
-		});
-
-		this.tableRowStructure = Object.assign(
-			{},
-			...this.structure.map((field: TableField) => {
-				return { [field.column_name]: field };
-			}),
-		);
-	}
-
-	loadSavedFilters() {
-		if (!this.connectionID || !this.selectedTableName) {
-			return;
-		}
-
-		this._tables.getSavedFilters(this.connectionID, this.selectedTableName).subscribe({
-			next: (data) => {
-				if (data) {
-					this.savedFilterData = data.sort((a, b) => new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime());
-					this.savedFilterMap = Object.assign(
-						{},
-						...data.map((filter) => {
-							const transformedFilter = this.processFiltersData(filter);
-							return { [filter.id]: transformedFilter };
-						}),
-					);
-
-					const params = this.route.snapshot.queryParams;
-					const dynamicColumn = params.dynamic_column ? JsonURL.parse(params.dynamic_column) : null;
-
-					if (this.selectedFilterSetId && this.savedFilterData.length > 0) {
-						if (dynamicColumn && this.savedFilterMap[this.selectedFilterSetId]) {
-							const filters = params.filters ? JsonURL.parse(params.filters) : {};
-
-							this.savedFilterMap[this.selectedFilterSetId].dynamicColumn = {
-								column: dynamicColumn.column_name,
-								operator: dynamicColumn.comparator,
-								value: filters[dynamicColumn.column_name]?.[dynamicColumn.comparator] || null,
-							};
-						}
-					}
-				}
-			},
-			error: (error) => {
-				console.error('Error fetching saved filters:', error);
-			},
-		});
-	}
-
-	ngOnChanges(changes: SimpleChanges) {
-		if (changes.resetSelection && this.resetSelection) {
-			this.selectedFilterSetId = null;
-		}
-	}
-
-	ngOnDestroy() {
-		if (this.dynamicColumnValueDebounceTimer) {
-			clearTimeout(this.dynamicColumnValueDebounceTimer);
-		}
-	}
-
-	handleOpenSavedFiltersDialog(filtersSet: any = null) {
-		const _dialogRef = this.dialog.open(SavedFiltersDialogComponent, {
-			width: '56em',
-			panelClass: 'mobile-bottom-sheet-dialog',
-			data: {
-				connectionID: this.connectionID,
-				tableName: this.selectedTableName,
-				displayTableName: this.selectedTableDisplayName,
-				structure: this.structure,
-				tableForeignKeys: this.tableForeignKeys,
-				tableWidgets: this.tableWidgets,
-				filtersSet: filtersSet
-					? filtersSet
-					: {
-							name: '',
-							filters: {},
-						},
-			},
-		});
-	}
-
-	setCurrentFilter(filter: any) {
-		this.currentFilterForMenu = filter;
-	}
-
-	handleEditFilter(filter: any) {
-		if (filter) {
-			this.handleOpenSavedFiltersDialog(filter);
-		}
-	}
-
-	handleDeleteFilter(filter: any) {
-		if (filter) {
-			this._tables.deleteSavedFilter(this.connectionID, this.selectedTableName, filter.id).subscribe({
-				next: () => {},
-				error: (error) => {
-					console.error('Error deleting filter:', error);
-				},
-			});
-		}
-	}
-
-	getFilterEntries(filters: any): { column: string; operator: string; value: string }[] {
-		if (!filters) return [];
-
-		const entries: { column: string; operator: string; value: string }[] = [];
-
-		Object.keys(filters).forEach((column) => {
-			const operations = filters[column];
-			Object.keys(operations).forEach((operator) => {
-				entries.push({
-					column,
-					operator,
-					value: operations[operator],
-				});
-			});
-		});
-		return entries;
-	}
-
-	processFiltersData(filter: any) {
-		const transformedFilter = {
-			...filter,
-			filterEntries: this.getFilterEntries(filter.filters),
-			staticFilters: [] as { column: string; operator: string; value: any }[],
-			dynamicColumn: null as { column: string; operator: string; value: any } | null,
-		};
-
-		if (filter.dynamic_column?.column_name) {
-			transformedFilter.dynamicColumn = {
-				column: filter.dynamic_column.column_name,
-				operator: filter.dynamic_column.comparator,
-				value: null,
-			};
-
-			const dynamicColFilters = filter.filters?.[filter.dynamic_column.column_name];
-			if (dynamicColFilters) {
-				const operator = filter.dynamic_column.comparator;
-				transformedFilter.dynamicColumn.value = dynamicColFilters[operator];
-			}
-		}
-
-		transformedFilter.staticFilters = this.getFilterEntries(filter.filters).filter(
-			(entry) => !filter.dynamic_column || entry.column !== filter.dynamic_column.column_name,
-		);
-
-		return transformedFilter;
-	}
-	private buildQueryParams(additionalParams: any = {}): any {
-		const currentParams = this.route.snapshot.queryParams;
-
-		// Start with pagination parameters
-		const queryParams: any = {
-			page_index: 0,
-			page_size: currentParams.page_size || 30,
-			...additionalParams,
-		};
-
-		// Preserve sort parameters if present
-		if (currentParams.sort_active) {
-			queryParams.sort_active = currentParams.sort_active;
-		}
-
-		if (currentParams.sort_direction) {
-			queryParams.sort_direction = currentParams.sort_direction;
-		}
-
-		return queryParams;
-	}
-
-	selectFiltersSet(selectedFilterSetId: string): void {
-		if (this.selectedFilterSetId === selectedFilterSetId) {
-			this.selectedFilterSetId = null;
-			this.filterSelected.emit(null);
-			this.shouldAutofocus = false;
-			const queryParams = this.buildQueryParams();
-			this.router.navigate([`/dashboard/${this.connectionID}/${this.selectedTableName}`], { queryParams });
-		} else {
-			this.selectedFilterSetId = selectedFilterSetId;
-			this.shouldAutofocus = true;
-			const selectedFilter = this.savedFilterMap[selectedFilterSetId];
-			this.filterSelected.emit(selectedFilter);
-
-			const additionalParams: any = {
-				filters: JsonURL.stringify(selectedFilter.filters),
-				saved_filter: selectedFilterSetId,
-			};
-
-			if (selectedFilter.dynamicColumn) {
-				additionalParams.dynamic_column = JsonURL.stringify({
-					column_name: selectedFilter.dynamicColumn.column,
-					comparator: selectedFilter.dynamicColumn.operator,
-				});
-			}
-
-			const queryParams = this.buildQueryParams(additionalParams);
-			this.router.navigate([`/dashboard/${this.connectionID}/${this.selectedTableName}`], { queryParams });
-
-			setTimeout(() => {
-				this.shouldAutofocus = false;
-			}, 500);
-		}
-	}
-
-	selectFilter(entry: { column: string; operator: string; value: any }) {
-		this.selectedFilter = entry;
-	}
-
-	getOperatorIcon(operator: string): string {
-		const iconMap: { [key: string]: string } = {
-			startswith: 'play_arrow',
-			endswith: 'play_arrow',
-			eq: 'drag_handle',
-			contains: 'search',
-			icontains: 'block',
-			empty: 'space_bar',
-			gt: 'keyboard_arrow_right',
-			lt: 'keyboard_arrow_left',
-			gte: 'keyboard_double_arrow_right',
-			lte: 'keyboard_double_arrow_left',
-		};
-		return iconMap[operator] || 'drag_handle';
-	}
-
-	getFilter(activeFilter: { column: string; operator: string; value: any }) {
-		const displayedName = normalizeTableName(activeFilter.column);
-		const comparator = activeFilter.operator;
-		const filterValue = activeFilter.value;
-		if (comparator === 'startswith') {
-			return `${displayedName} = ${filterValue}...`;
-		} else if (comparator === 'endswith') {
-			return `${displayedName} = ...${filterValue}`;
-		} else if (comparator === 'contains') {
-			return `${displayedName} = ...${filterValue}...`;
-		} else if (comparator === 'icontains') {
-			return `${displayedName} != ...${filterValue}...`;
-		} else if (comparator === 'empty') {
-			return `${displayedName} = ' '`;
-		} else {
-			return `${displayedName} ${this.displayedComparators[comparator]} ${filterValue}`;
-		}
-	}
-
-	get inputs() {
-		return filterTypes[this._connections.currentConnection.type];
-	}
-
-	isWidget(columnName: string) {
-		return this.tableWidgets && columnName in this.tableWidgets;
-	}
-
-	getInputType(field: string) {
-		let widgetType;
-		if (this.isWidget(field)) {
-			widgetType = this.UIwidgets[this.tableWidgets[field].widget_type]?.type;
-		} else {
-			widgetType = this.inputs[this.tableTypes[field]]?.type;
-		}
-		return widgetType;
-	}
-
-	getComparatorType(typeOfComponent) {
-		if (typeOfComponent === 'text') {
-			return 'text';
-		} else if (typeOfComponent === 'number' || typeOfComponent === 'datetime') {
-			return 'number';
-		} else {
-			return 'nonComparable';
-		}
-	}
-
-	trackByFn(_index: number, item: any) {
-		return item.key;
-	}
-
-	updateDynamicColumnComparator = (comparator: string) => {
-		if (!this.savedFilterMap) {
-			console.error('savedFilterMap is undefined');
-			return;
-		}
-
-		if (!this.selectedFilterSetId) {
-			console.error('selectedFilterSetId is null or undefined');
-			return;
-		}
-
-		const selectedFilter = this.savedFilterMap[this.selectedFilterSetId];
-		if (!selectedFilter) {
-			console.error(`No filter found with ID ${this.selectedFilterSetId} in savedFilterMap`);
-			return;
-		}
-
-		if (!selectedFilter.dynamicColumn) {
-			console.error('dynamicColumn is null or undefined for the selected filter');
-			return;
-		}
-
-		selectedFilter.dynamicColumn.operator = comparator;
-
-		if (comparator === 'empty') {
-			selectedFilter.dynamicColumn.value = '';
-		}
-	};
-
-	updateDynamicColumnValue = (value: any) => {
-		if (!this.savedFilterMap) {
-			console.error('savedFilterMap is undefined');
-			return;
-		}
-
-		if (!this.selectedFilterSetId) {
-			console.error('selectedFilterSetId is null or undefined');
-			return;
-		}
-
-		const selectedFilter = this.savedFilterMap[this.selectedFilterSetId];
-		if (!selectedFilter) {
-			console.error(`No filter found with ID ${this.selectedFilterSetId} in savedFilterMap`);
-			return;
-		}
-
-		if (!selectedFilter.dynamicColumn) {
-			console.error('dynamicColumn is null or undefined for the selected filter');
-			return;
-		}
-
-		selectedFilter.dynamicColumn.value = value;
-
-		if (this.dynamicColumnValueDebounceTimer) {
-			clearTimeout(this.dynamicColumnValueDebounceTimer);
-		}
-
-		this.dynamicColumnValueDebounceTimer = setTimeout(() => {
-			this.applyDynamicColumnChanges();
-		}, 800);
-	};
-
-	applyDynamicColumnChanges() {
-		if (!this.selectedFilterSetId) return;
-
-		const selectedFilter = this.savedFilterMap[this.selectedFilterSetId];
-
-		if (!selectedFilter || !selectedFilter.dynamicColumn) return;
-
-		const dynamicColumn = {
-			column_name: selectedFilter.dynamicColumn.column,
-			comparator: selectedFilter.dynamicColumn.operator,
-		};
-
-		const filterValue =
-			selectedFilter.dynamicColumn.value === '' || selectedFilter.dynamicColumn.value === undefined
-				? null
-				: selectedFilter.dynamicColumn.value;
-
-		const filters = { ...selectedFilter.filters };
-
-		if (selectedFilter.dynamicColumn.column && selectedFilter.dynamicColumn.operator && filterValue !== null) {
-			filters[selectedFilter.dynamicColumn.column] = {
-				[selectedFilter.dynamicColumn.operator]: filterValue,
-			};
-		} else {
-			if (filters[selectedFilter.dynamicColumn.column]) {
-				delete filters[selectedFilter.dynamicColumn.column];
-			}
-		}
-
-		const additionalParams: any = {
-			filters: JsonURL.stringify(filters),
-			dynamic_column: JsonURL.stringify(dynamicColumn),
-			saved_filter: this.selectedFilterSetId,
-		};
-
-		const queryParams = this.buildQueryParams(additionalParams);
-
-		const updatedFilterData = {
-			...selectedFilter,
-			filters: filters,
-			dynamic_column: dynamicColumn,
-		};
-
-		updatedFilterData.filterEntries = this.getFilterEntries(filters);
-
-		this.filterSelected.emit(updatedFilterData);
-
-		this.router.navigate([`/dashboard/${this.connectionID}/${this.selectedTableName}`], {
-			queryParams,
-		});
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-tables-data-source.ts b/frontend/src/app/components/dashboard/db-tables-data-source.ts
deleted file mode 100644
index fad0e2476..000000000
--- a/frontend/src/app/components/dashboard/db-tables-data-source.ts
+++ /dev/null
@@ -1,371 +0,0 @@
-import { CollectionViewer } from '@angular/cdk/collections';
-import { DataSource } from '@angular/cdk/table';
-import { MatPaginator } from '@angular/material/paginator';
-import JSON5 from 'json5';
-import { filter } from 'lodash-es';
-import { BehaviorSubject, Observable, of } from 'rxjs';
-import { catchError, finalize } from 'rxjs/operators';
-import { formatFieldValue } from 'src/app/lib/format-field-value';
-import { normalizeFieldName } from 'src/app/lib/normalize';
-import { getTableTypes } from 'src/app/lib/setup-table-row-structure';
-import { Alert, AlertActionType, AlertType } from 'src/app/models/alert';
-import { CustomAction, CustomActionType, CustomEvent, TableField, TableForeignKey, Widget } from 'src/app/models/table';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TableRowService } from 'src/app/services/table-row.service';
-import { TablesService } from 'src/app/services/tables.service';
-
-interface Column {
-	title: string;
-	normalizedTitle: string;
-	selected: boolean;
-}
-
-interface RowsParams {
-	connectionID: string;
-	tableName: string;
-	sortColumn?: string;
-	requstedPage?: number;
-	pageSize?: number;
-	sortOrder?: 'ASC' | 'DESC';
-	filters?: object;
-	comparators?: object;
-	search?: string;
-	isTablePageSwitched?: boolean;
-	uncached?: boolean;
-}
-
-export class TablesDataSource implements DataSource<Object> {
-	private rowsSubject = new BehaviorSubject<Object[]>([]);
-	private loadingSubject = new BehaviorSubject<boolean>(false);
-
-	public loading$ = this.loadingSubject.asObservable();
-	public paginator: MatPaginator;
-
-	public structure;
-	public keyAttributes;
-	public columns: Column[] = [];
-	public dataColumns: string[];
-	public dataNormalizedColumns: object;
-	public displayedColumns: string[];
-	public displayedDataColumns: string[];
-	public sortByColumns: string[];
-	public defaultSort: {
-		column: string;
-		direction: 'asc' | 'desc';
-	} | null;
-	public foreignKeysList: string[] = [];
-	public foreignKeys: TableForeignKey[] = [];
-	public widgetsList: string[];
-	public widgets: {
-		[key: string]: Widget & {
-			widget_params: object;
-		};
-	} = {};
-	public widgetsCount: number = 0;
-	public selectWidgetsOptions: object;
-	public tableTypes: object = {};
-	public relatedRecords = {
-		referenced_on_column_name: '',
-		referenced_by: [],
-	};
-	public isExportAllowed: boolean;
-	public isImportAllowed: boolean;
-	public canDelete: boolean;
-	public isEmptyTable: boolean;
-	public tableActions: CustomAction[];
-	public tableBulkActions: CustomAction[];
-	public largeDataset: boolean;
-	public identityColumn: string;
-
-	public alert_primaryKeysInfo: Alert;
-	public alert_settingsInfo: Alert;
-	public alert_widgetsWarning: Alert;
-
-	constructor(
-		private _tables: TablesService,
-		_connections: ConnectionsService,
-		private _tableRow: TableRowService,
-	) {}
-
-	connect(_collectionViewer: CollectionViewer): Observable<Object[]> {
-		return this.rowsSubject.asObservable();
-	}
-
-	disconnect(_collectionViewer: CollectionViewer): void {
-		this.rowsSubject.complete();
-		this.loadingSubject.complete();
-	}
-
-	formatRow(row, columns) {
-		const rowToFormat = {};
-		for (const [columnName, columnStructute] of columns) {
-			let type = '';
-			if (['number', 'tinyint'].includes(columnStructute.data_type) && columnStructute.character_maximum_length === 1) {
-				type = 'boolean';
-			} else type = columnStructute.data_type;
-			rowToFormat[columnName] = formatFieldValue(row[columnName], type);
-		}
-		return rowToFormat;
-	}
-
-	fetchRows({
-		connectionID,
-		tableName,
-		requstedPage,
-		pageSize,
-		sortColumn,
-		sortOrder,
-		filters,
-		comparators,
-		search,
-		isTablePageSwitched,
-		uncached,
-	}: RowsParams) {
-		this.loadingSubject.next(true);
-		this.alert_primaryKeysInfo = null;
-		this.alert_settingsInfo = null;
-		this.alert_widgetsWarning = null;
-
-		const fetchedTable = this._tables.fetchTable({
-			connectionID,
-			tableName,
-			requstedPage: requstedPage + 1 || 1,
-			// chunkSize: this.paginator?.pageSize || 30,
-			chunkSize: pageSize || 30,
-			sortColumn,
-			sortOrder,
-			filters,
-			comparators,
-			search,
-			uncached,
-		});
-
-		if (fetchedTable) {
-			fetchedTable
-				.pipe(
-					catchError(() => of([])),
-					finalize(() => this.loadingSubject.next(false)),
-				)
-				.subscribe((res: any) => {
-					if (res.rows?.length) {
-						const firstRow = res.rows[0];
-
-						this.foreignKeysList = res.foreignKeys.map((field) => {
-							return field.column_name;
-						});
-						this.foreignKeys = Object.assign(
-							{},
-							...res.foreignKeys.map((foreignKey: TableForeignKey) => ({ [foreignKey.column_name]: foreignKey })),
-						);
-
-						this._tableRow
-							.fetchTableRow(
-								connectionID,
-								tableName,
-								res.primaryColumns.reduce((keys, column) => {
-									if (this.foreignKeysList.includes(column.column_name)) {
-										const referencedColumnNameOfForeignKey =
-											this.foreignKeys[column.column_name].referenced_column_name;
-										keys[column.column_name] = firstRow[column.column_name][referencedColumnNameOfForeignKey];
-									} else {
-										keys[column.column_name] = firstRow[column.column_name];
-									}
-									return keys;
-								}, {}),
-							)
-							.subscribe((res) => (this.relatedRecords = res.referenced_table_names_and_columns[0]));
-					}
-					this.structure = [...res.structure];
-					const columns = res.structure.reduce((items, item) => {
-						items.set(item.column_name, item);
-						return items;
-					}, new Map());
-
-					if (res.rows) {
-						this.isEmptyTable = res.rows.length === 0;
-						const formattedRows = res.rows.map((row) => this.formatRow(row, columns));
-						this.rowsSubject.next(formattedRows);
-					} else {
-						this.isEmptyTable = true;
-					}
-					this.keyAttributes = res.primaryColumns;
-					this.identityColumn = res.identity_column;
-					this.tableActions = res.action_events;
-					this.tableBulkActions = res.action_events.filter(
-						(action: CustomEvent) => action.type === CustomActionType.Multiple,
-					);
-
-					if (res.widgets) {
-						this.widgetsList = res.widgets.map((widget: Widget) => {
-							return widget.field_name;
-						});
-						this.widgetsCount = this.widgetsList.length;
-						this.widgets = Object.assign(
-							{},
-							...res.widgets.map((widget: Widget) => {
-								let parsedParams;
-
-								try {
-									parsedParams = JSON5.parse(widget.widget_params);
-								} catch (_error) {
-									parsedParams = {};
-								}
-
-								return {
-									[widget.field_name]: {
-										...widget,
-										widget_params: parsedParams,
-									},
-								};
-							}),
-						);
-					}
-
-					this.tableTypes = getTableTypes(res.structure, this.foreignKeysList);
-
-					let orderedColumns: TableField[];
-					if (res.table_settings.list_fields.length) {
-						orderedColumns = res.structure.sort(
-							(fieldA: TableField, fieldB: TableField) =>
-								res.table_settings.list_fields.indexOf(fieldA.column_name) -
-								res.table_settings.list_fields.indexOf(fieldB.column_name),
-						);
-					} else {
-						orderedColumns = [...res.structure];
-					}
-
-					if (isTablePageSwitched === undefined)
-						this.columns = orderedColumns
-							.filter((item) => item.isExcluded === false)
-							.map((item, index) => {
-								if (res.table_settings.columns_view && res.table_settings.columns_view.length !== 0) {
-									return {
-										title: item.column_name,
-										normalizedTitle: this.widgets[item.column_name]?.name || normalizeFieldName(item.column_name),
-										selected: res.table_settings.columns_view.includes(item.column_name),
-									};
-								} else if (res.columns_view && res.columns_view.length !== 0) {
-									return {
-										title: item.column_name,
-										normalizedTitle: this.widgets[item.column_name]?.name || normalizeFieldName(item.column_name),
-										selected: res.columns_view.includes(item.column_name),
-									};
-								} else {
-									if (index < 6) {
-										return {
-											title: item.column_name,
-											normalizedTitle: this.widgets[item.column_name]?.name || normalizeFieldName(item.column_name),
-											selected: true,
-										};
-									}
-									return {
-										title: item.column_name,
-										normalizedTitle: this.widgets[item.column_name]?.name || normalizeFieldName(item.column_name),
-										selected: false,
-									};
-								}
-							});
-
-					this.dataColumns = this.columns.map((column) => column.title);
-					this.dataNormalizedColumns = this.columns.reduce((normalizedColumns, column) => {
-						normalizedColumns[column.title] = column.normalizedTitle;
-						return normalizedColumns;
-					}, {});
-					this.displayedDataColumns = filter(this.columns, (column) => column.selected === true).map(
-						(column) => column.title,
-					);
-					if (this.keyAttributes.length) {
-						this.displayedColumns = ['select', ...this.displayedDataColumns, 'actions'];
-					} else {
-						this.displayedColumns = [...this.displayedDataColumns];
-						this.alert_primaryKeysInfo = {
-							id: 10000,
-							type: AlertType.Info,
-							message: 'Add primary keys through your database to be able to work with the table rows.',
-							actions: [
-								{
-									type: AlertActionType.Anchor,
-									caption: 'Instruction',
-									to: 'https://docs.rocketadmin.com/',
-								},
-							],
-						};
-					}
-
-					this.isExportAllowed = res.allow_csv_export;
-					this.isImportAllowed = res.allow_csv_import;
-					this.canDelete = res.can_delete;
-
-					this.sortByColumns = res.sortable_by;
-
-					// Only set defaultSort if both ordering_field and ordering are present
-					if (res.table_settings.ordering_field && res.table_settings.ordering) {
-						this.defaultSort = {
-							column: res.table_settings.ordering_field,
-							direction: res.table_settings.ordering.toLowerCase() as 'asc' | 'desc',
-						};
-					} else {
-						this.defaultSort = null;
-					}
-
-					const widgetsConfigured = res.widgets?.length;
-					if (!res.configured && !widgetsConfigured)
-						this.alert_settingsInfo = {
-							id: 10001,
-							type: AlertType.Info,
-							message: 'Configure now to reveal advanced table functionality and features.',
-							actions: [
-								{
-									type: AlertActionType.Link,
-									caption: 'Configure all',
-									to: `/auto-configure/${connectionID}`,
-								},
-								{
-									type: AlertActionType.Link,
-									caption: 'Settings',
-									to: 'settings',
-								},
-								{
-									type: AlertActionType.Link,
-									caption: 'Fields display',
-									to: 'widgets',
-								},
-							],
-						};
-
-					this.largeDataset = res.large_dataset;
-					if (this.paginator) this.paginator.pageSize = res.pagination.perPage;
-					if (this.paginator) this.paginator.length = res.pagination.total;
-				});
-		}
-	}
-
-	changleColumnList(_connectionId: string, _tableName: string) {
-		this.displayedDataColumns = filter(this.columns, (column) => column.selected === true).map(
-			(column) => column.title,
-		);
-		if (this.keyAttributes.length) {
-			this.displayedColumns = ['select', ...this.displayedDataColumns, 'actions'];
-		} else {
-			this.displayedColumns = [...this.displayedDataColumns];
-		}
-	}
-
-	getQueryParams(row, action) {
-		const params = Object.fromEntries(
-			this.keyAttributes.map((column) => {
-				if (this.foreignKeysList.includes(column.column_name)) {
-					const referencedColumnNameOfForeignKey = this.foreignKeys[column.column_name].referenced_column_name;
-					return [column.column_name, row[column.column_name][referencedColumnNameOfForeignKey]];
-				}
-				return [column.column_name, row[column.column_name]];
-			}),
-		);
-
-		if (action === 'dub') {
-			return { ...params, action: 'dub' };
-		} else {
-			return params;
-		}
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-tables-list/db-folder-delete-dialog/db-folder-delete-dialog.component.css b/frontend/src/app/components/dashboard/db-tables-list/db-folder-delete-dialog/db-folder-delete-dialog.component.css
deleted file mode 100644
index a923dc1c6..000000000
--- a/frontend/src/app/components/dashboard/db-tables-list/db-folder-delete-dialog/db-folder-delete-dialog.component.css
+++ /dev/null
@@ -1,39 +0,0 @@
-.confirmation-message {
-	margin: 0 0 20px 0;
-}
-
-.folder-info {
-	display: flex;
-	align-items: flex-start;
-	gap: 12px;
-	padding: 12px 16px;
-	background-color: var(--color-infoPalette-50);
-	border-radius: 4px;
-	margin-bottom: 20px;
-}
-
-.info-icon {
-	color: var(--color-infoPalette-500);
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-	margin-top: 2px;
-}
-
-.info-text {
-	margin: 0;
-	font-size: 14px;
-	line-height: 1.5;
-	flex: 1;
-}
-
-/* Dark mode support */
-@media (prefers-color-scheme: dark) {
-	.folder-info {
-		background-color: var(--color-infoPalette-800);
-	}
-
-	.info-text {
-		color: rgba(255, 255, 255, 0.72);
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-tables-list/db-folder-delete-dialog/db-folder-delete-dialog.component.html b/frontend/src/app/components/dashboard/db-tables-list/db-folder-delete-dialog/db-folder-delete-dialog.component.html
deleted file mode 100644
index 43d04eebb..000000000
--- a/frontend/src/app/components/dashboard/db-tables-list/db-folder-delete-dialog/db-folder-delete-dialog.component.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<h1 mat-dialog-title>
-    Delete folder
-</h1>
-
-<mat-dialog-content>
-    <p class="confirmation-message">
-        Are you sure you want to delete the folder <strong>"{{data.folderName}}"</strong>?
-    </p>
-
-    <div class="folder-info" *ngIf="data.tableCount > 0">
-        <mat-icon class="info-icon">info</mat-icon>
-        <p class="info-text">
-            This folder contains {{data.tableCount}} table{{data.tableCount > 1 ? 's' : ''}}.
-            The tables will not be deleted, only removed from this folder.
-        </p>
-    </div>
-</mat-dialog-content>
-
-<mat-dialog-actions align="end">
-    <button mat-button
-            (click)="onCancel()">
-        Cancel
-    </button>
-    <button mat-flat-button
-            color="warn"
-            (click)="onDelete()"
-            class="delete-button">
-        Delete folder
-    </button>
-</mat-dialog-actions>
\ No newline at end of file
diff --git a/frontend/src/app/components/dashboard/db-tables-list/db-folder-delete-dialog/db-folder-delete-dialog.component.ts b/frontend/src/app/components/dashboard/db-tables-list/db-folder-delete-dialog/db-folder-delete-dialog.component.ts
deleted file mode 100644
index 4f1636b8e..000000000
--- a/frontend/src/app/components/dashboard/db-tables-list/db-folder-delete-dialog/db-folder-delete-dialog.component.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-
-export interface DbFolderDeleteDialogData {
-	folderName: string;
-	tableCount: number;
-}
-
-@Component({
-	selector: 'app-db-folder-delete-dialog',
-	templateUrl: './db-folder-delete-dialog.component.html',
-	styleUrls: ['./db-folder-delete-dialog.component.css'],
-	standalone: true,
-	imports: [CommonModule, MatDialogModule, MatButtonModule, MatIconModule],
-})
-export class DbFolderDeleteDialogComponent {
-	constructor(
-		public dialogRef: MatDialogRef<DbFolderDeleteDialogComponent>,
-		@Inject(MAT_DIALOG_DATA) public data: DbFolderDeleteDialogData,
-	) {}
-
-	onCancel(): void {
-		this.dialogRef.close(false);
-	}
-
-	onDelete(): void {
-		this.dialogRef.close(true);
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.css b/frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.css
deleted file mode 100644
index 6d960bb62..000000000
--- a/frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.css
+++ /dev/null
@@ -1,213 +0,0 @@
-.dialog-body {
-	min-width: 400px;
-	max-height: 500px;
-	overflow-y: auto;
-}
-
-.folder-name-section {
-	margin-bottom: 20px;
-	margin-top: 20px;
-	padding-bottom: 16px;
-	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
-}
-
-.folder-name-field {
-	width: 100%;
-}
-
-.folder-color-section {
-	margin-bottom: 20px;
-	padding-bottom: 16px;
-	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
-}
-
-.folder-color-section h4 {
-	margin: 0 0 12px 0;
-	font-size: 14px;
-	font-weight: 500;
-	color: rgba(0, 0, 0, 0.64);
-}
-
-.color-radio-group {
-	width: 100%;
-}
-
-.color-row {
-	display: flex;
-	gap: 12px;
-	flex-wrap: wrap;
-	padding: 8px 0;
-}
-
-.color-radio-label {
-	display: inline-block;
-	position: relative;
-	cursor: pointer;
-}
-
-.color-radio-input {
-	position: absolute;
-	opacity: 0;
-	width: 0;
-	height: 0;
-}
-
-.color-swatch {
-	width: 40px;
-	height: 40px;
-	border-radius: 50%;
-	border: 2px solid transparent;
-	cursor: pointer;
-	transition: all 0.2s ease;
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.color-radio-label:hover .color-swatch {
-	transform: scale(1.1);
-	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
-}
-
-.color-radio-label.selected .color-swatch {
-	/* border: 2px solid currentColor; */
-	box-shadow:
-		0 0 0 3px rgba(33, 33, 33, 0.1),
-		0 3px 8px rgba(0, 0, 0, 0.2);
-	transform: scale(1.05);
-}
-
-.color-radio-label.selected .color-swatch::after {
-	content: "✓";
-	position: absolute;
-	/* font-size: 20px; */
-	color: white;
-	/* text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); */
-	/* font-weight: bold; */
-}
-
-.tables-section h4 {
-	margin: 0 0 12px 0;
-	font-size: 14px;
-	font-weight: 500;
-	color: rgba(0, 0, 0, 0.64);
-}
-
-.table-list {
-	margin-top: 8px;
-}
-
-.table-item {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 12px 8px;
-	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
-	transition: background-color 0.2s ease;
-}
-
-.table-item:hover {
-	background-color: rgba(0, 0, 0, 0.04);
-}
-
-.table-item:last-child {
-	border-bottom: none;
-}
-
-.table-name {
-	flex: 1;
-	font-size: 14px;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	padding-right: 12px;
-}
-
-.action-button {
-	min-width: 70px;
-	height: 32px;
-	font-size: 12px;
-	font-weight: 500;
-	border-radius: 4px;
-	transition: all 0.2s ease;
-}
-
-.add-button {
-	color: var(--color-successPalette-500);
-	background-color: transparent;
-}
-
-.add-button:hover {
-	background-color: var(--color-successPalette-50);
-}
-
-.remove-button {
-	color: var(--color-warnPalette-500);
-	background-color: transparent;
-}
-
-.remove-button:hover {
-	background-color: var(--color-warnPalette-50);
-}
-
-/* Dark mode support */
-@media (prefers-color-scheme: dark) {
-	.folder-name-section {
-		border-bottom-color: rgba(255, 255, 255, 0.12);
-	}
-
-	.folder-color-section {
-		border-bottom-color: rgba(255, 255, 255, 0.12);
-	}
-
-	.folder-color-section h4,
-	.tables-section h4 {
-		color: rgba(255, 255, 255, 0.72);
-	}
-
-	.color-swatch {
-		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
-	}
-
-	.color-radio-label:hover .color-swatch {
-		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
-	}
-
-	.color-radio-label.selected .color-swatch {
-		border-color: currentColor;
-		box-shadow:
-			0 0 0 3px rgba(255, 255, 255, 0.1),
-			0 3px 8px rgba(0, 0, 0, 0.4);
-	}
-
-	.color-radio-label.selected .color-swatch::before {
-		border-color: currentColor;
-		opacity: 0.2;
-	}
-
-	.table-item {
-		border-bottom-color: rgba(255, 255, 255, 0.12);
-	}
-
-	.table-item:hover {
-		background-color: rgba(255, 255, 255, 0.04);
-	}
-
-	.add-button {
-		color: var(--color-successDarkPalette-500);
-	}
-
-	.add-button:hover {
-		background-color: var(--color-successDarkPalette-900);
-	}
-
-	.remove-button {
-		color: var(--color-warnDarkPalette-500);
-	}
-
-	.remove-button:hover {
-		background-color: var(--color-warnDarkPalette-900);
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.html b/frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.html
deleted file mode 100644
index d367d01c6..000000000
--- a/frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<h1 mat-dialog-title>
-    Edit folder
-</h1>
-
-<form (ngSubmit)="onSave()">
-<mat-dialog-content class="dialog-body">
-    <!-- Folder Name Section -->
-    <div class="folder-name-section">
-        <mat-form-field appearance="outline" class="folder-name-field">
-            <mat-label>Folder name</mat-label>
-            <input matInput
-                   type="text"
-                   name="folderName"
-                   [(ngModel)]="folder.name"
-                   [disabled]="isAllTablesFolder()"
-                   required
-                   #nameInput>
-            <mat-hint *ngIf="isAllTablesFolder()">The "All Tables" folder cannot be renamed</mat-hint>
-            <mat-error *ngIf="!folder.name || folder.name.trim() === ''">
-                Folder name is required
-            </mat-error>
-        </mat-form-field>
-    </div>
-
-    <!-- Folder Color Section -->
-    <div class="folder-color-section">
-        <h4>Folder icon color</h4>
-        <div class="color-radio-group" role="radiogroup" aria-label="Folder icon color">
-            <div class="color-row">
-                <label *ngFor="let color of folderIconColors; let i = index"
-                        class="color-radio-label"
-                        [class.selected]="folder.iconColor === color.value">
-                    <input type="radio"
-                        class="color-radio-input"
-                        name="folderColor"
-                        [value]="color.value"
-                        [(ngModel)]="folder.iconColor"
-                        (change)="onColorChange(color.value)"
-                        [attr.aria-label]="color.name">
-                    <div class="color-swatch"
-                        [style.background-color]="color.value"
-                        [title]="color.name">
-                    </div>
-                </label>
-            </div>
-        </div>
-    </div>
-
-    <div class="tables-section">
-        <h4>Manage tables in this folder</h4>
-        <div class="table-list">
-            <div *ngFor="let table of tables" class="table-item">
-                <span class="table-name">{{getTableName(table)}}</span>
-                <button mat-button type="button"
-                        class="action-button"
-                        [class.add-button]="!isTableInFolder(table)"
-                        [class.remove-button]="isTableInFolder(table)"
-                        (click)="toggleTableInFolder(table)">
-                    {{isTableInFolder(table) ? 'Remove' : 'Add'}}
-                </button>
-            </div>
-        </div>
-    </div>
-</mat-dialog-content>
-
-<mat-dialog-actions align="end">
-    <button type="button" mat-button (click)="onCancel()">Cancel</button>
-    <button type="submit" mat-button color="primary">Save</button>
-</mat-dialog-actions>
-</form>
diff --git a/frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.ts b/frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.ts
deleted file mode 100644
index 76b3e6f73..000000000
--- a/frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.ts
+++ /dev/null
@@ -1,116 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { TableProperties } from 'src/app/models/table';
-
-export interface Folder {
-	id: string;
-	name: string;
-	expanded: boolean;
-	tableIds: string[];
-	iconColor?: string;
-	isEmpty?: boolean;
-}
-
-export interface DbFolderEditDialogData {
-	folder: Folder;
-	tables: TableProperties[];
-	folderIconColors: { name: string; value: string }[];
-}
-
-@Component({
-	selector: 'app-db-folder-edit-dialog',
-	templateUrl: './db-folder-edit-dialog.component.html',
-	styleUrls: ['./db-folder-edit-dialog.component.css'],
-	standalone: true,
-	imports: [
-		CommonModule,
-		MatDialogModule,
-		MatButtonModule,
-		MatIconModule,
-		MatFormFieldModule,
-		MatInputModule,
-		FormsModule,
-	],
-})
-export class DbFolderEditDialogComponent {
-	public folder: Folder;
-	public tables: TableProperties[];
-	public folderIconColors: { name: string; value: string }[];
-	originalFolderName: string;
-
-	constructor(
-		public dialogRef: MatDialogRef<DbFolderEditDialogComponent>,
-		@Inject(MAT_DIALOG_DATA) public data: DbFolderEditDialogData,
-	) {
-		// Create a copy of the folder to work with
-		this.folder = { ...data.folder, tableIds: [...data.folder.tableIds] };
-		// Store original name for validation
-		this.originalFolderName = data.folder.name;
-		// Set default color if not set
-		if (!this.folder.iconColor) {
-			this.folder.iconColor = '#757575';
-		}
-		this.tables = data.tables;
-		this.folderIconColors = data.folderIconColors;
-	}
-
-	getFolderIconColor(folder: Folder): string {
-		return folder.iconColor || '#757575';
-	}
-
-	onColorChange(color: string) {
-		console.log('Folder color changed to:', color);
-	}
-
-	isTableInFolder(table: TableProperties): boolean {
-		return this.folder.tableIds.includes(table.table);
-	}
-
-	getTableName(table: TableProperties): string {
-		return table.display_name || table.table;
-	}
-
-	toggleTableInFolder(table: TableProperties) {
-		const tableId = table.table;
-		const isInFolder = this.folder.tableIds.includes(tableId);
-
-		if (isInFolder) {
-			// Remove table from folder
-			this.folder.tableIds = this.folder.tableIds.filter((id) => id !== tableId);
-		} else {
-			// Add table to folder
-			this.folder.tableIds.push(tableId);
-			// If this was an empty folder, mark it as no longer empty
-			if (this.folder.isEmpty) {
-				this.folder.isEmpty = false;
-			}
-		}
-
-		console.log('toggleTableInFolder');
-	}
-
-	isAllTablesFolder(): boolean {
-		return this.folder.id === '0' || this.folder.name === 'All Tables';
-	}
-
-	onSave() {
-		// Validate folder name
-		if (!this.folder.name || this.folder.name.trim() === '') {
-			return; // Don't save if name is empty
-		}
-
-		// Trim the folder name before saving
-		this.folder.name = this.folder.name.trim();
-		this.dialogRef.close(this.folder);
-	}
-
-	onCancel() {
-		this.dialogRef.close();
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.css b/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.css
deleted file mode 100644
index c0d0821fe..000000000
--- a/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.css
+++ /dev/null
@@ -1,959 +0,0 @@
-:host {
-	width: 240px;
-	max-width: 240px;
-	min-width: 240px;
-	display: block;
-	overflow-x: hidden;
-	overflow-y: auto;
-	position: relative;
-}
-
-:host-context(.side-bar_collapsed) {
-	width: 65px;
-	max-width: 65px;
-	min-width: 65px;
-	overflow-x: hidden;
-	overflow-y: auto;
-}
-
-/* Prevent horizontal scroll in sidebar */
-:host * {
-	max-width: 100%;
-	box-sizing: border-box;
-}
-
-.collapsed-content {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	height: 100%;
-	min-height: calc(100vh - 120px); /* Adjust based on header height */
-	position: relative;
-}
-
-.collapsed-top-section {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 8px;
-	flex: 1;
-	justify-content: flex-start;
-	padding-top: 8px;
-	overflow-y: auto;
-	width: 100%;
-}
-
-.collapsed-bottom-section {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	position: sticky;
-	bottom: 0;
-	background-color: #ffffff;
-	padding: 8px 0;
-	width: 100%;
-	z-index: 10;
-}
-
-.collapsed-folders {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 8px;
-}
-
-:host-context(.side-bar_collapsed) .collapsed-folders {
-	width: 100%;
-	justify-content: center;
-	align-items: center;
-}
-
-.collapsed-folder-item {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 32px;
-	height: 32px; /* Restored to 32px for square shape */
-	border-radius: 4px;
-	background-color: transparent;
-	color: var(--color-primaryPalette-50-contrast);
-	cursor: pointer;
-	transition: background-color 0.2s ease;
-}
-
-.collapsed-folder-item:hover {
-	background-color: var(--color-primaryPalette-100);
-}
-
-.collapsed-folder-item_active {
-	background-color: rgba(33, 33, 33, 0.1);
-}
-
-.collapsed-folder-item_active:hover {
-	background-color: rgba(33, 33, 33, 0.15);
-}
-
-.collapsed-folder-icon {
-	font-size: 20px;
-	height: 20px;
-	width: 20px;
-	color: rgba(0, 0, 0, 0.87);
-}
-
-@media (prefers-color-scheme: dark) {
-	.collapsed-folder-icon {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.collapsed-folder-icon.fallback {
-	font-size: 20px;
-	height: 20px;
-	width: 20px;
-}
-
-/* Collapsed action buttons */
-.collapsed-search-button,
-.collapsed-add-button {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 32px;
-	height: 32px;
-	border-radius: 4px;
-	cursor: pointer;
-	transition: background-color 0.2s ease;
-	margin-bottom: 4px;
-}
-
-.collapsed-search-button {
-	background-color: transparent;
-	color: var(--color-primaryPalette-500);
-}
-
-.collapsed-add-button {
-	background-color: var(--color-primaryPalette-50);
-	color: var(--color-primaryPalette-50-contrast);
-}
-
-.collapsed-search-button:hover {
-	background-color: rgba(0, 0, 0, 0.04);
-}
-
-.collapsed-add-button:hover {
-	background-color: var(--color-primaryPalette-100);
-}
-
-.collapsed-action-icon {
-	font-size: 18px;
-	height: 18px;
-	width: 18px;
-}
-
-/* Collapsed table list styles */
-.collapsed-tables-list {
-	position: relative;
-	background: white;
-	border: 1px solid #e0e0e0;
-	border-top: none;
-	overflow: visible;
-	z-index: 1000;
-	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	padding: 8px;
-	margin-top: 8px;
-	border-radius: 4px;
-	width: 48px;
-	min-width: 48px;
-}
-
-:host-context(.side-bar_collapsed) .collapsed-tables-list {
-	margin-left: auto;
-	margin-right: auto;
-}
-
-.collapsed-table-item {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 32px;
-	height: 32px; /* Restored to 32px for square shape */
-	text-decoration: none;
-	color: inherit;
-	cursor: pointer;
-	transition: all 0.2s ease;
-	border-radius: 6px;
-	flex-shrink: 0;
-	position: relative;
-}
-
-.collapsed-table-item:hover {
-	transform: translateY(-1px);
-}
-
-.collapsed-table-item:hover .collapsed-table-icon {
-	transform: scale(1.02);
-}
-
-.collapsed-table-item_active {
-	background-color: rgba(33, 33, 33, 0.1);
-}
-
-/* Dark theme adaptations */
-@media (prefers-color-scheme: dark) {
-	.collapsed-tables-list {
-		background: #303030;
-		border: 1px solid #424242;
-	}
-
-	.collapsed-bottom-section {
-		background-color: #303030;
-	}
-
-	.collapsed-folder-item {
-		background-color: transparent;
-		color: #ffffff;
-	}
-
-	.collapsed-folder-item:hover {
-		background-color: rgba(255, 255, 255, 0.05);
-	}
-
-	.collapsed-folder-item_active {
-		background-color: var(--surface-dark-color) !important;
-		color: #ffffff !important;
-	}
-
-	.collapsed-folder-item_active .collapsed-folder-icon {
-		color: #ffffff !important;
-	}
-
-	.collapsed-folder-item_active:hover,
-	.collapsed-folder-item_active:focus,
-	.collapsed-folder-item_active:active {
-		background-color: #000000 !important;
-	}
-
-	/* Гарантируем фон для активной папки во всех состояниях */
-	.collapsed-folder-item_active:not(:hover):not(:focus):not(:active) {
-		background-color: var(--surface-dark-color) !important;
-	}
-
-	.collapsed-table-item {
-		color: #e0e0e0;
-	}
-
-	.collapsed-table-item:hover {
-		background-color: rgba(255, 255, 255, 0.05);
-	}
-
-	.collapsed-table-item_active {
-		background-color: var(--surface-dark-color);
-		color: #ffffff;
-	}
-
-	.collapsed-table-item_active:hover {
-		background-color: #000000;
-	}
-
-	.collapsed-search-button {
-		color: #ffffff !important;
-	}
-
-	.collapsed-search-button:hover {
-		background-color: rgba(255, 255, 255, 0.1);
-	}
-
-	.collapsed-add-button {
-		background-color: #424242;
-		color: #ffffff;
-	}
-
-	.collapsed-add-button:hover {
-		background-color: #555555;
-	}
-}
-
-.collapsed-table-item_active:hover {
-	background-color: rgba(33, 33, 33, 0.25);
-}
-
-.collapsed-table-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-	color: inherit;
-}
-
-.collapsed-table-text {
-	font-size: 11px;
-	font-weight: 600;
-	text-align: center;
-	letter-spacing: 0.5px;
-	text-transform: uppercase;
-}
-
-.collapsed-table-icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-}
-
-.mat-icon-button {
-	margin-right: -8px;
-}
-
-.mat-line {
-	line-height: 48px;
-}
-
-.tables-list {
-	width: 100%;
-	box-sizing: border-box;
-	/* min-height: 0; */
-	height: calc(100vh - 100px); /* Adjust based on header height */
-}
-
-.tables-list ::ng-deep .table-list-item .mat-list-item-content {
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-}
-
-.table-list-item {
-	cursor: pointer;
-	transition: opacity 0.2s ease;
-}
-
-.table-list-item[draggable="true"]:hover {
-	opacity: 0.8;
-}
-
-.table-list-item[draggable="true"]:active {
-	opacity: 0.6;
-}
-
-.table-list-initials {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 32px;
-	height: 32px;
-	border-radius: 4px;
-	background-color: var(--color-primaryPalette-50);
-	color: var(--color-primaryPalette-50-contrast);
-}
-
-@media (prefers-color-scheme: dark) {
-	.table-list-initials {
-		background-color: var(--color-whitePalette-900);
-		color: var(--color-whitePalette-900-contrast);
-	}
-
-	.folder-header.expanded {
-		background-color: var(--surface-dark-color) !important;
-		color: #ffffff !important;
-	}
-
-	.folder-header .folder-icon {
-		color: #ffffff !important;
-	}
-
-	/* .folder-header.expanded .folder-name, */
-	.folder-header .folder-name {
-		color: #ffffff !important;
-	}
-
-	.folder-header.expanded .folder-expand-icon {
-		color: #ffffff !important;
-	}
-
-	.folder-header:hover {
-		background-color: rgba(255, 255, 255, 0.05) !important;
-	}
-}
-
-.table-list-initials:hover {
-	background-color: var(--color-primaryPalette-100);
-}
-
-@media (prefers-color-scheme: dark) {
-	.table-list-initials:hover {
-		background-color: var(--color-whitePalette-900);
-	}
-}
-
-.table-list-icon {
-	font-size: 20px;
-	height: 20px;
-	width: 20px;
-}
-
-.tables-list ::ng-deep .mat-list-base .mat-list-item {
-	height: 40px !important;
-}
-
-.list-item_active ::ng-deep .mdc-list-item__primary-text {
-	color: var(--color-accentedPalette-500);
-}
-
-.list-item_active ::ng-deep .table-list-initials {
-	background-color: var(--color-accentedPalette-500);
-	color: var(--color-accentedPalette-500-contrast);
-}
-
-.empty-message {
-	margin-top: 20px;
-	margin-left: 16px;
-}
-
-/* Expanded state container */
-.expanded-container {
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-	height: 100%;
-	position: relative;
-	overflow-y: auto;
-}
-
-.search-input {
-	background-color: transparent;
-	margin-top: 8px;
-	margin-left: 16px;
-	margin-bottom: -8px;
-	width: calc(100% - 32px);
-	max-width: calc(240px - 32px);
-	box-sizing: border-box;
-	order: 1; /* Always first */
-}
-
-/* Add folder button container */
-.add-folder-button-container {
-	order: 2; /* Default: after search when no custom folders */
-	margin-left: 16px;
-	margin-right: 16px;
-	margin-top: 4px;
-	margin-bottom: 8px;
-	width: calc(100% - 32px);
-	box-sizing: border-box;
-}
-
-/* When custom folders exist, move add button to bottom */
-.expanded-container.has-custom-folders .add-folder-button-container {
-	order: 4; /* After folders section */
-	position: sticky;
-	bottom: 0;
-	background-color: #ffffff;
-	padding: 8px 16px;
-	z-index: 10;
-	margin-top: auto;
-}
-
-/* Dark theme support for add button container when at bottom */
-@media (prefers-color-scheme: dark) {
-	.expanded-container.has-custom-folders .add-folder-button-container {
-		background-color: #303030;
-	}
-}
-
-.search-input ::ng-deep * {
-	background-color: transparent !important;
-}
-
-.search-input ::ng-deep .mdc-text-field {
-	padding: 0 !important;
-}
-
-.search-input ::ng-deep .mat-mdc-form-field-infix {
-	min-height: 0;
-}
-
-.search-input
-	::ng-deep
-	.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea)
-	.mat-mdc-form-field-infix {
-	padding-top: 8px;
-	padding-bottom: 8px;
-}
-
-.add-folder-button {
-	width: 100%;
-}
-
-.add-folder-button:hover {
-	border-color: #757575 !important;
-	background-color: rgba(0, 0, 0, 0.04) !important;
-}
-
-.add-folder-button mat-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-}
-
-.folders-section {
-	margin: 0 16px;
-	margin-bottom: 8px;
-	width: calc(100% - 32px);
-	box-sizing: border-box;
-	order: 3; /* After search and (optionally) add button */
-	flex: 1;
-	overflow-y: auto;
-}
-
-.folder-item {
-	margin-bottom: 4px;
-	border: none;
-	border-radius: 4px;
-	background: transparent;
-	width: 100%;
-	box-sizing: border-box;
-	position: relative;
-	transition: background-color 0.2s ease;
-}
-
-.folder-item.drag-over {
-	background-color: rgba(33, 150, 243, 0.1);
-	border: 2px dashed #2196f3;
-}
-
-.folder-item.expanded::after {
-	content: "";
-	position: absolute;
-	bottom: 0;
-	left: 12px;
-	right: 12px;
-	height: 1px;
-	background-color: #e0e0e0;
-}
-
-.folder-header {
-	display: flex;
-	align-items: center;
-	padding: 8px 4px 8px 0;
-	cursor: pointer;
-	user-select: none;
-	height: 40px;
-}
-
-.folder-header:hover {
-	background: #f5f5f5;
-}
-
-.folder-header.expanded {
-	background-color: var(--color-primaryPalette-50);
-	color: var(--color-primaryPalette-50-contrast);
-	border-radius: 4px;
-}
-
-.folder-header.expanded .folder-icon {
-	color: var(--color-primaryPalette-50-contrast);
-}
-
-.folder-header.expanded .folder-expand-icon {
-	color: var(--color-primaryPalette-50-contrast);
-}
-
-.folder-actions {
-	display: flex;
-	align-items: center;
-	opacity: 0;
-	transition: opacity 0.2s ease;
-}
-
-.folder-header:hover .folder-actions {
-	opacity: 1;
-}
-
-.more-folder-button {
-	line-height: 18px;
-}
-
-.more-folder-button mat-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-}
-
-.folder-name {
-	flex: 1;
-	font-weight: 500;
-	color: #424242;
-}
-
-.folder-name-edit-container {
-	display: flex;
-	align-items: center;
-	flex: 1;
-	max-width: calc(100% - 40px);
-}
-
-.folder-icon {
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-	color: rgba(0, 0, 0, 0.87);
-	margin-right: 8px;
-	margin-left: 8px;
-	flex-shrink: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.folder-icon {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.folder-expand-icon {
-	transition: transform 0.2s ease;
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-	color: #666;
-	margin-left: auto;
-}
-
-.folder-expand-icon.expanded {
-	transform: rotate(90deg);
-}
-
-.folder-tables {
-	padding: 0 12px 8px;
-	border-top: none;
-	width: 100%;
-	max-width: 240px;
-	box-sizing: border-box;
-	min-height: 40px;
-}
-
-.folder-tables-header {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 8px 0;
-	margin-bottom: 4px;
-}
-
-.tables-count {
-	font-size: 12px;
-	color: #666;
-	font-weight: 500;
-}
-
-.add-table-button {
-	width: 24px;
-	height: 24px;
-	line-height: 24px;
-	border: none;
-	border-radius: 0;
-	background-color: transparent !important;
-	color: #9e9e9e !important;
-}
-
-.add-table-button:hover {
-	border: none !important;
-	background-color: rgba(0, 0, 0, 0.02) !important;
-	color: #757575 !important;
-}
-
-.add-table-button mat-icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-}
-
-.selected-tables-list {
-	max-height: none;
-	overflow-y: visible;
-}
-
-.selected-table-item {
-	display: flex;
-	align-items: center;
-	padding: 2px 0 2px 8px;
-	margin-bottom: 0;
-	background: transparent;
-	border-radius: 0;
-	font-size: 14px;
-	width: 100%;
-	box-sizing: border-box;
-	overflow: hidden;
-}
-
-.table-link {
-	flex: 1;
-	display: flex;
-	align-items: center;
-	text-decoration: none;
-	color: inherit;
-	overflow: hidden;
-	min-width: 0;
-}
-
-.table-link:hover {
-	background-color: rgba(0, 0, 0, 0.04);
-	border-radius: 0;
-	margin: 0 -12px;
-	padding: 0 12px;
-}
-
-.table-link_active {
-	border-radius: 4px;
-	margin: 0 -12px;
-	padding: 0 12px;
-}
-
-.table-link_active .table-name {
-	color: var(--color-accentedPalette-500);
-}
-
-.table-name {
-	flex: 1;
-	font-weight: 400;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	min-width: 0;
-	display: block;
-	padding: 4px 0 4px 0;
-}
-
-.remove-table-button {
-	width: 20px;
-	height: 20px;
-	line-height: 20px;
-	opacity: 0.4;
-	flex-shrink: 0;
-	border: none;
-	border-radius: 0;
-	background-color: transparent !important;
-	color: #9e9e9e !important;
-	margin-left: auto;
-	margin-right: 0;
-}
-
-.remove-table-button:hover {
-	opacity: 0.7;
-	border: none !important;
-	background-color: transparent !important;
-	color: #757575 !important;
-}
-
-.remove-table-button mat-icon {
-	font-size: 14px;
-	width: 14px;
-	height: 14px;
-}
-
-.no-tables-message {
-	text-align: center;
-	padding: 16px 8px;
-	color: #666;
-	height: 200px;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-}
-
-.no-tables-message p {
-	margin: 0 0 12px 0;
-	font-size: 14px;
-}
-
-.no-tables-message button {
-	font-size: 12px;
-	border-color: #e0e0e0 !important;
-	color: #9e9e9e !important;
-	background-color: transparent !important;
-}
-
-.no-tables-message button:hover {
-	border-color: #bdbdbd !important;
-	background-color: rgba(0, 0, 0, 0.02) !important;
-	color: #757575 !important;
-}
-
-/* Styles for empty folders */
-.no-tables-message.empty-folder-message {
-	padding: 12px 20px;
-	height: auto;
-	min-height: auto;
-}
-
-.empty-folder-button {
-	border-style: dashed !important;
-	border-width: 2px !important;
-	border-color: #ccc !important;
-	background-color: transparent !important;
-	color: #666 !important;
-	font-size: 14px !important;
-	min-width: 200px !important;
-	padding: 20px 16px !important;
-}
-
-.empty-folder-button:hover {
-	border-color: #2196f3 !important;
-	color: #2196f3 !important;
-	background-color: rgba(33, 150, 243, 0.04) !important;
-}
-
-/* Folder menu alignment */
-::ng-deep .mat-menu-panel .mat-menu-item {
-	display: flex !important;
-	align-items: center !important;
-	gap: 12px !important;
-	min-height: 48px !important;
-}
-
-::ng-deep .mat-menu-panel .mat-menu-item .material-symbols-outlined {
-	font-size: 20px !important;
-	width: 20px !important;
-	height: 20px !important;
-	display: flex !important;
-	align-items: center !important;
-	justify-content: center !important;
-	line-height: 1 !important;
-}
-
-::ng-deep .mat-menu-panel .mat-menu-item span {
-	display: flex !important;
-	align-items: center !important;
-}
-
-/* Add Table Dialog Styles */
-.edit-tables-dialog {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	background: rgba(0, 0, 0, 0.5);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	z-index: 1000;
-	opacity: 1;
-	visibility: visible;
-	transition:
-		opacity 0.2s ease,
-		visibility 0.2s ease;
-	outline: none;
-}
-
-.dialog-content {
-	background: white;
-	border-radius: 8px;
-	max-width: 400px;
-	width: 90%;
-	max-height: 500px;
-	display: flex;
-	flex-direction: column;
-	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
-	transform: scale(1);
-	transition: transform 0.2s ease;
-	position: relative;
-}
-
-.dialog-header {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 16px 20px;
-	border-bottom: 1px solid #e0e0e0;
-}
-
-.dialog-header h3 {
-	margin: 0;
-	font-size: 18px;
-	font-weight: 500;
-}
-
-.dialog-header .close-button {
-	color: #666;
-	width: 32px;
-	height: 32px;
-	line-height: 32px;
-}
-
-.dialog-header .close-button:hover {
-	color: #333;
-	background-color: rgba(0, 0, 0, 0.04);
-}
-
-.dialog-header .close-button mat-icon {
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-}
-
-.dialog-body {
-	padding: 16px 20px;
-	max-height: 300px;
-	overflow-y: auto;
-}
-
-.available-table-item {
-	padding: 8px 0;
-	border-bottom: 1px solid #f0f0f0;
-}
-
-.available-table-item:last-child {
-	border-bottom: none;
-}
-
-/* CDK Drag-Drop reordering styles */
-.table-drag-handle {
-	color: #bdbdbd;
-	cursor: grab;
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-	flex-shrink: 0;
-	margin-right: 2px;
-	transition: color 0.2s ease;
-}
-
-.selected-table-item:hover .table-drag-handle {
-	color: #757575;
-}
-
-.cdk-drag-preview.selected-table-item {
-	box-sizing: border-box;
-	border-radius: 4px;
-	box-shadow:
-		0 5px 5px -3px rgba(0, 0, 0, 0.2),
-		0 8px 10px 1px rgba(0, 0, 0, 0.14),
-		0 3px 14px 2px rgba(0, 0, 0, 0.12);
-	background: #ffffff;
-	opacity: 0.9;
-}
-
-.cdk-drag-placeholder {
-	opacity: 0.3;
-}
-
-.cdk-drag-animating {
-	transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-}
-
-.selected-tables-list.cdk-drop-list-dragging .selected-table-item:not(.cdk-drag-placeholder) {
-	transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-}
-
-@media (prefers-color-scheme: dark) {
-	.table-drag-handle {
-		color: #616161;
-	}
-
-	.selected-table-item:hover .table-drag-handle {
-		color: #9e9e9e;
-	}
-
-	.cdk-drag-preview.selected-table-item {
-		background: #424242;
-	}
-}
diff --git a/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.html b/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.html
deleted file mode 100644
index c9270f948..000000000
--- a/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.html
+++ /dev/null
@@ -1,205 +0,0 @@
-
-<app-content-loader *ngIf="tableFolders === null; else tablesList"></app-content-loader>
-
-<ng-template #tablesList>
-    <div *ngIf="allTables && allTables.length; else noTables" class="tables-list">
-
-        <!-- Collapsed content when sidebar is collapsed -->
-        <div *ngIf="collapsed" class="collapsed-content">
-            <!-- Top section with search and folders -->
-            <div class="collapsed-top-section">
-                <!-- Search button -->
-                <div class="collapsed-search-button"
-                    (click)="toggleCollapsedSearch()"
-                    matTooltip="Search"
-                    matTooltipPosition="right">
-                    <mat-icon class="collapsed-action-icon">search</mat-icon>
-                </div>
-
-                <!-- Show folders in collapsed state -->
-                <div *ngIf="folders.length > 0" class="collapsed-folders">
-                    <div *ngFor="let folder of folders"
-                        class="collapsed-folder-item"
-                        [class.collapsed-folder-item_active]="currentCollapsedFolder?.id === folder.id"
-                        [matTooltip]="folder.name"
-                        matTooltipPosition="right"
-                        (click)="onCollapsedFolderClick(folder)">
-                    <span *ngIf="folder.id === 'all-tables-kitten'"
-                        class="material-symbols-outlined collapsed-folder-icon">dehaze</span>
-                        <span *ngIf="folder.id !== 'all-tables-kitten'"
-                            class="material-symbols-outlined collapsed-folder-icon"
-                            [style.color]="folder.iconColor || null">folder</span>
-                    </div>
-                </div>
-                <!-- Fallback to dehaze if no folders -->
-                <span *ngIf="folders.length === 0"
-                    class="material-symbols-outlined collapsed-folder-icon"
-                    matTooltip="All Tables"
-                    matTooltipPosition="right">dehaze</span>
-
-                <!-- Collapsed table list for any folder -->
-                <div *ngIf="showCollapsedTableList" class="collapsed-tables-list">
-                    <div *ngFor="let tableItem of getCollapsedTableList()"
-                        [matTooltip]="getTableName(tableItem)"
-                        matTooltipPosition="right">
-                        <a class="collapsed-table-item"
-                            routerLink="/dashboard/{{connectionID}}/{{tableItem.table}}"
-                            [queryParams]="{page_index: 0, page_size: 30}"
-                            [ngClass]="{'collapsed-table-item_active': selectedTable === tableItem.table}"
-                            (click)="closeSidebar()">
-                            <!-- Show icon if available, otherwise show initials -->
-                            <mat-icon *ngIf="tableItem.icon; else tableNameInitials" class="table-list-icon">
-                                {{tableItem.icon}}
-                            </mat-icon>
-                            <ng-template #tableNameInitials>
-                                {{tableItem.initials}}
-                            </ng-template>
-                        </a>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Bottom section with add folder button (fixed at bottom) -->
-            <div class="collapsed-bottom-section" *ngIf="canEditConnection()">
-                <!-- Add folder button -->
-                <div class="collapsed-add-button"
-                    (click)="onAddFolder()"
-                    matTooltip="Add folder"
-                    matTooltipPosition="right">
-                    <mat-icon class="collapsed-action-icon">add</mat-icon>
-                </div>
-            </div>
-        </div>
-
-        <!-- Expanded state container -->
-        <div *ngIf="!collapsed" class="expanded-container" [class.has-custom-folders]="hasCustomFolders()">
-            <!-- Search field always at the top -->
-            <mat-form-field appearance="fill" class="search-input">
-                <input matInput name="search" #search="ngModel"
-                    placeholder="Search"
-                    [(ngModel)]="substringToSearch"
-                    (keyup)="searchSubstring()">
-                <mat-error *ngIf="foundTables.length === 0">Nothing found.</mat-error>
-            </mat-form-field>
-
-            <!-- Add Folder button (position controlled by CSS order) -->
-            <div *ngIf="canEditConnection()" class="add-folder-button-container">
-                <button type="button" mat-stroked-button color="primary" class="add-folder-button" (click)="onAddFolder()">
-                    <mat-icon>add</mat-icon>
-                    Add folder
-                </button>
-            </div>
-
-            <!-- Collections Section -->
-            <div *ngIf="folders && folders.length > 0" class="folders-section">
-                    <ng-container *ngFor="let folder of folders; trackBy: trackByFolderId">
-                        <div *ngIf="shouldShowFolder(folder)"
-                            class="folder-item"
-                            [class.expanded]="folder.expanded"
-                            [class.drag-over]="canEditConnection() && dragOverFolder !== 'all-tables-kitten' && dragOverFolder === folder.id"
-                            (dragover)="canEditConnection() && onFolderDragOver($event, folder.id)"
-                            (dragleave)="canEditConnection() && onFolderDragLeave($event, folder.id)"
-                            (drop)="canEditConnection() && onFolderDrop($event, folder)">
-                            <div class="folder-header"
-                                [class.expanded]="folder.expanded"
-                                (click)="toggleFolder(folder.id)">
-                                <!-- Folder icon on the left -->
-                                <span *ngIf="folder.id === 'all-tables-kitten'"
-                                    class="material-symbols-outlined folder-icon"
-                                    [style.color]="folder.iconColor || null">dehaze</span>
-                                <span *ngIf="folder.id !== 'all-tables-kitten'"
-                                    class="material-symbols-outlined folder-icon"
-                                    [style.color]="folder.iconColor || null">folder</span>
-
-                                <div class="folder-name"
-                                    [matTooltip]="folder.name"
-                                    [matTooltipDisabled]="folder.name.length <= 18">
-                                    {{folder.name}}
-                                </div>
-
-                                <div class="folder-actions">
-                                    <button type="button" *ngIf="folder.id !== 'all-tables-kitten' && canEditConnection()"
-                                        mat-icon-button class="more-folder-button"
-                                        [matMenuTriggerFor]="folderMenu"
-                                        (click)="$event.stopPropagation()"
-                                        matTooltip="Folder options">
-                                        <mat-icon>more_vert</mat-icon>
-                                    </button>
-
-                                    <!-- Expand/collapse icon on the right -->
-                                    <mat-icon *ngIf="folder.id !== 'all-tables-kitten' || hasCustomFolders()"
-                                        class="folder-expand-icon" [class.expanded]="folder.expanded">
-                                        chevron_right
-                                    </mat-icon>
-                                    <mat-menu #folderMenu="matMenu">
-                                        <button type="button" mat-menu-item (click)="showEditTablesDialog(folder)">
-                                            <mat-icon fontSet="material-symbols-outlined">edit_note</mat-icon>
-                                            <span>Edit</span>
-                                        </button>
-                                        <button type="button" mat-menu-item (click)="deleteFolder(folder)">
-                                            <mat-icon fontSet="material-symbols-outlined">delete</mat-icon>
-                                            <span>Delete</span>
-                                        </button>
-                                    </mat-menu>
-                                </div>
-                            </div>
-                            <div *ngIf="folder.expanded" class="folder-tables">
-                                <div *ngIf="getFolderTables(folder).length > 0; else noTablesInCollection"
-                                    class="selected-tables-list"
-                                    cdkDropList
-                                    [cdkDropListDisabled]="!isReorderingEnabled(folder)"
-                                    (cdkDropListDropped)="onTableReorder($event, folder)">
-                                    <div *ngFor="let table of getFolderTables(folder)"
-                                        class="selected-table-item"
-                                        [matTooltip]="getTableName(table)"
-                                        [matTooltipDisabled]="getTableNameLength(getTableName(table)) <= 18"
-                                        cdkDrag
-                                        [cdkDragDisabled]="!isReorderingEnabled(folder)">
-                                        <mat-icon *ngIf="isReorderingEnabled(folder)"
-                                            class="table-drag-handle"
-                                            cdkDragHandle>drag_indicator</mat-icon>
-                                        <a class="table-link"
-                                            routerLink="/dashboard/{{connectionID}}/{{table.table}}"
-                                            [queryParams]="{page_index: 0, page_size: 30}"
-                                            [ngClass]="{'table-link_active': selectedTable === table.table}"
-                                            [draggable]="canEditConnection()"
-                                            (dragstart)="canEditConnection() && onTableDragStart($event, table)"
-                                            (dragend)="canEditConnection() && onTableDragEnd($event)"
-                                            (click)="closeSidebar()">
-                                            <span class="table-name">{{getTableName(table)}}</span>
-                                        </a>
-                                    </div>
-
-                                </div>
-                                <ng-template #noTablesInCollection>
-                                    <div class="no-tables-message" [class.empty-folder-message]="folder.isEmpty">
-                                        <p *ngIf="!folder.isEmpty">No tables in this folder</p>
-                                        <button type="button" mat-stroked-button
-                                            color="primary"
-                                            [class.empty-folder-button]="folder.isEmpty"
-                                            (click)="showEditTablesDialog(folder)">
-                                            {{folder.isEmpty ? 'Add or drag and drop tables' : 'Add table'}}
-                                        </button>
-                                    </div>
-                                </ng-template>
-                            </div>
-                        </div>
-                    </ng-container>
-            </div>
-        </div>
-
-    </div>
-
-
-    <ng-template #noTables>
-        <p class="mat-body-1 empty-message">
-            No tables in this connection.
-        </p>
-
-        <p class="mat-body-1 empty-message">
-            Rocketadmin do not provide adding and deleting database tables, only editing ones. You can add a table with SQL editor.
-        </p>
-    </ng-template>
-
-
-</ng-template>
diff --git a/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.spec.ts b/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.spec.ts
deleted file mode 100644
index 5ee455027..000000000
--- a/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.spec.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Angulartics2Module } from 'angulartics2';
-import { DbTablesListComponent } from './db-tables-list.component';
-
-describe('DbTablesListComponent', () => {
-	let component: DbTablesListComponent;
-	let fixture: ComponentFixture<DbTablesListComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			providers: [provideHttpClient()],
-			imports: [Angulartics2Module.forRoot(), DbTablesListComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DbTablesListComponent);
-		component = fixture.componentInstance;
-		component.tableFolders = [
-			{
-				category_id: 'all-tables-kitten',
-				category_name: 'All Tables',
-				tables: [],
-			},
-		];
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.ts b/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.ts
deleted file mode 100644
index 214853121..000000000
--- a/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.ts
+++ /dev/null
@@ -1,630 +0,0 @@
-import { CdkDragDrop, DragDropModule, moveItemInArray } from '@angular/cdk/drag-drop';
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, inject, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatDialog, MatDialogModule } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatListModule } from '@angular/material/list';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { RouterModule } from '@angular/router';
-import { normalizeTableName } from 'src/app/lib/normalize';
-import { TableCategory } from 'src/app/models/connection';
-import { TableProperties } from 'src/app/models/table';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TableStateService } from 'src/app/services/table-state.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { ContentLoaderComponent } from '../../ui-components/content-loader/content-loader.component';
-import {
-	DbFolderDeleteDialogComponent,
-	DbFolderDeleteDialogData,
-} from './db-folder-delete-dialog/db-folder-delete-dialog.component';
-import {
-	DbFolderEditDialogComponent,
-	DbFolderEditDialogData,
-} from './db-folder-edit-dialog/db-folder-edit-dialog.component';
-
-export interface Folder {
-	id: string;
-	name: string;
-	expanded: boolean;
-	tableIds: string[];
-	iconColor?: string; // Optional color for folder icon
-	isEmpty?: boolean; // Flag to indicate if folder is newly created and empty
-}
-
-interface Category {
-	category_id: string;
-	category_name: string;
-	category_color?: string;
-	tables: TableProperties[];
-}
-
-@Component({
-	selector: 'app-db-tables-list',
-	templateUrl: './db-tables-list.component.html',
-	styleUrls: ['./db-tables-list.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		DragDropModule,
-		MatButtonModule,
-		MatCheckboxModule,
-		MatIconModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatListModule,
-		MatTooltipModule,
-		MatMenuModule,
-		MatDialogModule,
-		RouterModule,
-		ContentLoaderComponent,
-	],
-})
-export class DbTablesListComponent implements OnInit, OnChanges {
-	@Input() connectionID: string;
-	@Input() connectionTitle: string;
-	@Input() tableFolders: Category[];
-	@Input() selectedTable: string;
-	@Input() collapsed: boolean;
-	@Input() uiSettings: any;
-
-	@Output() expandSidebar = new EventEmitter<void>();
-
-	private _connections = inject(ConnectionsService);
-	protected canEditConnection = () => this._connections.canEditConnection();
-
-	public tableCategories: TableCategory[] = [];
-	public substringToSearch: string;
-	public foundTables: TableProperties[];
-	public folders: Folder[] = [];
-
-	// Dialog state
-	public currentFolder: Folder | null = null;
-
-	// Drag and drop state
-	public draggedTable: TableProperties | null = null;
-	public dragOverFolder: string | null = null;
-
-	// Collapsed state
-	public showCollapsedTableList: boolean = false;
-	public currentCollapsedFolder: Folder | null = null;
-
-	// State preservation
-	private preservedFolderStates: { [key: string]: boolean } = {};
-	private preservedActiveFolder: string | null = null;
-
-	// Search state preservation
-	private preSearchFolderStates: { [key: string]: boolean } | null = null;
-
-	// Folder icon colors
-	public folderIconColors = [
-		{ name: 'Default', value: 'rgba(0, 0, 0, 0.87)' },
-		{ name: 'Blue', value: '#2196F3' },
-		{ name: 'Green', value: '#4CAF50' },
-		{ name: 'Orange', value: '#FF9800' },
-		{ name: 'Red', value: '#F44336' },
-		{ name: 'Purple', value: '#9C27B0' },
-		{ name: 'Teal', value: '#009688' },
-		{ name: 'Pink', value: '#E91E63' },
-	];
-
-	constructor(
-		private _tableState: TableStateService,
-		private _tablesService: TablesService,
-		private _uiSettingsService: UiSettingsService,
-		private dialog: MatDialog,
-	) {}
-
-	ngOnInit() {
-		this.foundTables = this.tableFolders
-			.find((folder: any) => folder.category_id === 'all-tables-kitten')
-			?.tables.map((table: TableProperties) => {
-				return {
-					table: table.table,
-					display_name: table.display_name,
-					normalizedTableName: normalizeTableName(table.table),
-					permissions: table.permissions,
-				};
-			});
-		this.folders = this.tableFolders.map((category) => {
-			const tableIds = category.tables.map((table: TableProperties) => table.table);
-			return {
-				id: category.category_id,
-				name: category.category_name,
-				expanded: category.category_id === 'all-tables-kitten' ? true : false,
-				tableIds,
-				iconColor: category.category_color,
-			};
-		});
-
-		const expandedFolders = this.uiSettings?.tableFoldersExpanded || ['0'];
-		if (expandedFolders && expandedFolders.length > 0) {
-			this.folders.forEach((folder) => {
-				folder.expanded = expandedFolders.includes(folder.id);
-			});
-		}
-
-		// If no custom folders exist, always keep "All tables" expanded
-		if (!this.hasCustomFolders()) {
-			const allTablesFolder = this.folders.find((folder) => folder.id === 'all-tables-kitten');
-			if (allTablesFolder) {
-				allTablesFolder.expanded = true;
-			}
-		}
-
-		console.log('ngOnInit - showCollapsedTableList initialized to:', this.showCollapsedTableList);
-	}
-
-	ngOnChanges(changes: SimpleChanges) {
-		if (changes.collapsed) {
-			if (changes.collapsed.currentValue === true) {
-				// Sidebar is being collapsed - preserve current state
-				this.preserveFolderStates();
-			} else if (changes.collapsed.currentValue === false) {
-				// Sidebar is being expanded - restore preserved state
-				this.restoreFolderStates();
-			}
-		}
-	}
-
-	searchSubstring() {
-		if (!this.substringToSearch || this.substringToSearch.trim() === '') {
-			this.foundTables = this.allTables;
-			// Restore folder expanded states from before the search
-			if (this.preSearchFolderStates) {
-				this.folders.forEach((folder) => {
-					if (Object.hasOwn(this.preSearchFolderStates, folder.id)) {
-						folder.expanded = this.preSearchFolderStates[folder.id];
-					}
-				});
-				this.preSearchFolderStates = null;
-			}
-			return;
-		}
-
-		// Save folder states before the first search modification
-		if (!this.preSearchFolderStates) {
-			this.preSearchFolderStates = {};
-			this.folders.forEach((folder) => {
-				this.preSearchFolderStates[folder.id] = folder.expanded;
-			});
-		}
-
-		const searchTerm = this.substringToSearch.toLowerCase();
-
-		// Filter all tables by search term
-		this.foundTables = this.allTables.filter(
-			(tableItem) =>
-				tableItem.table.toLowerCase().includes(searchTerm) ||
-				tableItem.display_name?.toLowerCase().includes(searchTerm) ||
-				tableItem.normalizedTableName?.toLowerCase().includes(searchTerm),
-		);
-
-		// Expand all folders that contain matching tables
-		this.folders.forEach((folder) => {
-			const folderTables = this.getFolderTables(folder);
-			const hasMatchingTables = folderTables.some((table) =>
-				this.foundTables.some((foundTable) => foundTable.table === table.table),
-			);
-
-			if (hasMatchingTables) {
-				folder.expanded = true;
-			} else {
-				folder.expanded = false;
-			}
-		});
-	}
-
-	getTableName(table: TableProperties) {
-		return table.display_name || table.normalizedTableName || table.table;
-	}
-
-	getTableNameLength(tableName: string) {
-		return tableName.length;
-	}
-
-	closeSidebar() {
-		this._tableState.clearSelection();
-		this._tableState.closeAIpanel();
-	}
-
-	onAddFolder() {
-		const newFolder: Folder = {
-			id: this.generateFolderId(),
-			name: `Folder ${this.folders.length}`,
-			expanded: true, // Разворачиваем папку сразу после создания
-			tableIds: [],
-			isEmpty: true, // Mark as empty for special styling
-		};
-		this.folders.push(newFolder);
-		console.log('onAddFolder');
-		this.saveFolders();
-	}
-
-	toggleFolder(folderId: string) {
-		const folder = this.folders.find((f) => f.id === folderId);
-		if (folder) {
-			// Prevent collapsing "All tables" when no custom folders exist
-			if (folder.id === 'all-tables-kitten' && folder.expanded && !this.hasCustomFolders()) {
-				return;
-			}
-			folder.expanded = !folder.expanded;
-			const expandedFolders = this.folders.filter((f) => f.expanded).map((f) => f.id);
-			this._uiSettingsService.updateConnectionSetting(this.connectionID, 'tableFoldersExpanded', expandedFolders);
-		}
-	}
-
-	onCollapsedFolderClick(folder: Folder) {
-		console.log('Clicked on folder:', folder.name);
-
-		// If clicking on the same folder that's already open, close it
-		if (this.currentCollapsedFolder?.id === folder.id) {
-			this.showCollapsedTableList = false;
-			this.currentCollapsedFolder = null;
-		} else {
-			// If clicking on a different folder, open it immediately
-			this.showCollapsedTableList = true;
-			this.currentCollapsedFolder = folder;
-		}
-	}
-
-	getCollapsedTableList(): TableProperties[] {
-		if (!this.currentCollapsedFolder) {
-			console.log('No current collapsed folder');
-			return [];
-		}
-
-		const tables = this.getFolderTables(this.currentCollapsedFolder);
-		console.log('getCollapsedTableList - tables:', tables);
-		return tables;
-	}
-
-	navigateToTable(_table: TableProperties) {
-		// This method is called when clicking on a table in collapsed mode
-		// The actual navigation is handled by routerLink in the template
-		// We just need to close the sidebar after navigation
-		this.closeSidebar();
-	}
-
-	toggleCollapsedSearch() {
-		// Open the sidebar and activate search
-		this.expandSidebar.emit();
-		// Focus on search input after sidebar expands
-		setTimeout(() => {
-			const input = document.querySelector('.search-input input') as HTMLInputElement;
-			if (input) {
-				input.focus();
-				input.select();
-			}
-		}, 300); // Wait for sidebar animation to complete
-	}
-
-	deleteFolder(folder: Folder) {
-		const dialogData: DbFolderDeleteDialogData = {
-			folderName: folder.name,
-			tableCount: folder.tableIds.length,
-		};
-
-		const dialogRef = this.dialog.open(DbFolderDeleteDialogComponent, {
-			width: '24em',
-			data: dialogData,
-			panelClass: 'db-folder-delete-dialog',
-		});
-
-		dialogRef.afterClosed().subscribe((confirmed: boolean) => {
-			if (confirmed) {
-				const index = this.folders.findIndex((f) => f.id === folder.id);
-				if (index > -1) {
-					this.folders.splice(index, 1);
-					this.saveFolders();
-				}
-			}
-		});
-	}
-
-	getFolderTables(folder: Folder): TableProperties[] {
-		// Preserve folder.tableIds order by mapping through tableIds
-		const allTablesMap = new Map(this.allTables.map((t) => [t.table, t]));
-		const folderTables = folder.tableIds
-			.map((tableId) => allTablesMap.get(tableId))
-			.filter((table): table is TableProperties => !!table);
-
-		// If there's a search term, filter the collection tables too
-		if (this.substringToSearch && this.substringToSearch.trim() !== '') {
-			const searchTerm = this.substringToSearch.toLowerCase();
-			return folderTables.filter(
-				(table) =>
-					table.table.toLowerCase().includes(searchTerm) ||
-					table.display_name?.toLowerCase().includes(searchTerm) ||
-					table.normalizedTableName?.toLowerCase().includes(searchTerm),
-			);
-		}
-
-		return folderTables;
-	}
-
-	getAvailableTables(folder: Folder | null): TableProperties[] {
-		if (!folder) return [];
-		return this.allTables.filter((table) => !folder.tableIds.includes(table.table));
-	}
-
-	isTableInAnyFolder(table: TableProperties): boolean {
-		return this.folders.some((folder) => folder.tableIds.includes(table.table));
-	}
-
-	shouldShowFolder(folder: Folder): boolean {
-		// If no search term, show all folders
-		if (!this.substringToSearch || this.substringToSearch.trim() === '') {
-			return true;
-		}
-
-		// Show collection if it has tables matching the search
-		const matchingTables = this.getFolderTables(folder);
-		return matchingTables.length > 0;
-	}
-
-	showEditTablesDialog(folder: Folder) {
-		// Expand the folder if it's collapsed
-		folder.expanded = true;
-
-		const dialogData: DbFolderEditDialogData = {
-			folder: folder,
-			tables: this.allTables,
-			folderIconColors: this.folderIconColors,
-		};
-
-		const dialogRef = this.dialog.open(DbFolderEditDialogComponent, {
-			width: '32em',
-			data: dialogData,
-			panelClass: 'db-folder-edit-dialog',
-		});
-
-		dialogRef.afterClosed().subscribe((result: Folder | undefined) => {
-			if (result) {
-				// Update the folder with the result from dialog
-				const index = this.folders.findIndex((f) => f.id === result.id);
-				if (index !== -1) {
-					this.folders[index] = result;
-					this.saveFolders();
-				}
-			}
-		});
-	}
-
-	get allTables(): TableProperties[] {
-		return this.tableFolders?.find((folder: any) => folder.category_id === 'all-tables-kitten')?.tables || [];
-	}
-
-	isTableInFolder(table: TableProperties): boolean {
-		return this.currentFolder ? this.currentFolder.tableIds.includes(table.table) : false;
-	}
-
-	isTableInCurrentDraggedFolder(table: TableProperties, folder: Folder): boolean {
-		return this.draggedTable && this.draggedTable.table === table.table && folder.tableIds.includes(table.table);
-	}
-
-	toggleTableInFolder(table: TableProperties) {
-		if (!this.currentFolder) return;
-
-		const tableId = table.table;
-		const isInFolder = this.currentFolder.tableIds.includes(tableId);
-
-		if (isInFolder) {
-			// Remove from folder
-			this.currentFolder.tableIds = this.currentFolder.tableIds.filter((id) => id !== tableId);
-		} else {
-			// Add to folder
-			this.currentFolder.tableIds.push(tableId);
-			// Remove empty flag when adding tables
-			if (this.currentFolder.isEmpty) {
-				this.currentFolder.isEmpty = false;
-			}
-		}
-
-		console.log('toggleTableInFolder');
-		this.saveFolders();
-	}
-
-	removeTableFromFolder(folder: Folder, table: TableProperties, event: Event) {
-		event.stopPropagation();
-		folder.tableIds = folder.tableIds.filter((id) => id !== table.table);
-		console.log('removeTableFromFolder');
-		this.saveFolders();
-	}
-
-	trackByFolderId(_index: number, folder: Folder): string {
-		return folder.id;
-	}
-
-	hasCustomFolders(): boolean {
-		// Check if there are folders other than "All tables"
-		return this.folders.some((folder) => folder.id !== 'all-tables-kitten');
-	}
-
-	private preserveFolderStates() {
-		// Save expanded states of all folders
-		this.folders.forEach((folder) => {
-			this.preservedFolderStates[folder.id] = folder.expanded;
-		});
-
-		// If no custom folders exist, ensure "All tables" is always expanded
-		if (!this.hasCustomFolders()) {
-			const allTablesFolder = this.folders.find((folder) => folder.id === 'all-tables-kitten');
-			if (allTablesFolder) {
-				this.preservedFolderStates[allTablesFolder.id] = true;
-				this.preservedActiveFolder = allTablesFolder.id;
-			}
-		} else {
-			// Find and save the currently active folder (the one that contains selected table)
-			const activeFolder = this.findActiveFolder();
-			this.preservedActiveFolder = activeFolder ? activeFolder.id : null;
-		}
-	}
-
-	private restoreFolderStates() {
-		// If no custom folders exist, always expand "All tables"
-		if (!this.hasCustomFolders()) {
-			const allTablesFolder = this.folders.find((folder) => folder.id === 'all-tables-kitten');
-			if (allTablesFolder) {
-				allTablesFolder.expanded = true;
-				this.currentCollapsedFolder = allTablesFolder;
-				this.showCollapsedTableList = true;
-				return;
-			}
-		}
-
-		// Restore expanded states of all folders
-		this.folders.forEach((folder) => {
-			if (Object.hasOwn(this.preservedFolderStates, folder.id)) {
-				folder.expanded = this.preservedFolderStates[folder.id];
-			}
-		});
-
-		// In collapsed view, show the table list if any folder was expanded
-		const hasExpandedFolders = Object.values(this.preservedFolderStates).some((expanded) => expanded);
-		if (hasExpandedFolders) {
-			// If there was an active folder, use it; otherwise use the first expanded folder
-			let targetFolder = null;
-
-			if (this.preservedActiveFolder) {
-				targetFolder = this.folders.find((f) => f.id === this.preservedActiveFolder);
-			}
-
-			if (!targetFolder) {
-				// Find the first expanded folder
-				targetFolder = this.folders.find((f) => this.preservedFolderStates[f.id]);
-			}
-
-			if (targetFolder) {
-				this.currentCollapsedFolder = targetFolder;
-				this.showCollapsedTableList = true;
-			}
-		}
-	}
-
-	private findActiveFolder(): Folder | null {
-		if (!this.selectedTable) return null;
-
-		return this.folders.find((folder) => folder.tableIds.includes(this.selectedTable)) || null;
-	}
-
-	private generateFolderId(): string {
-		return Date.now().toString();
-	}
-
-	private getDropIndex(event: DragEvent, folder: Folder): number {
-		const folderEl = event.currentTarget as HTMLElement;
-		const tableItems = folderEl.querySelectorAll('.selected-table-item');
-		const y = event.clientY;
-
-		for (let i = 0; i < tableItems.length; i++) {
-			const rect = tableItems[i].getBoundingClientRect();
-			const midY = rect.top + rect.height / 2;
-			if (y < midY) {
-				return i;
-			}
-		}
-		return folder.tableIds.length;
-	}
-
-	private saveFolders() {
-		try {
-			this.tableCategories = this.folders.map((folder) => ({
-				category_id: folder.id,
-				category_name: folder.name,
-				category_color: folder.iconColor,
-				tables: folder.tableIds,
-			}));
-			this._tablesService.updateTablesFolders(this.connectionID, this.tableCategories).subscribe({
-				next: () => {
-					console.log('Connection settings updated with folders.');
-				},
-				error: (error) => {
-					console.error('Error updating connection settings with folders:', error);
-				},
-			});
-		} catch (e) {
-			console.error('Error saving folders:', e);
-		}
-	}
-
-	// Table reordering within folders
-	isReorderingEnabled(folder: Folder): boolean {
-		return (
-			this.canEditConnection() === true &&
-			!this.collapsed &&
-			(!this.substringToSearch || this.substringToSearch.trim() === '')
-		);
-	}
-
-	onTableReorder(event: CdkDragDrop<TableProperties[]>, folder: Folder) {
-		if (event.previousIndex === event.currentIndex) {
-			return;
-		}
-		moveItemInArray(folder.tableIds, event.previousIndex, event.currentIndex);
-		this.saveFolders();
-	}
-
-	// Drag and drop methods
-	onTableDragStart(event: DragEvent, table: TableProperties) {
-		this.draggedTable = table;
-		if (event.dataTransfer) {
-			event.dataTransfer.effectAllowed = 'move';
-			event.dataTransfer.setData('text/plain', table.table);
-		}
-	}
-
-	onTableDragEnd(_event: DragEvent) {
-		this.draggedTable = null;
-		this.dragOverFolder = null;
-	}
-
-	onFolderDragOver(event: DragEvent, folderId: string) {
-		event.preventDefault();
-		if (event.dataTransfer) {
-			event.dataTransfer.dropEffect = 'move';
-		}
-		this.dragOverFolder = folderId;
-	}
-
-	onFolderDragLeave(event: DragEvent, _folderId: string) {
-		// Only clear if we're actually leaving the collection (not moving to a child element)
-		const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();
-		const x = event.clientX;
-		const y = event.clientY;
-
-		if (x < rect.left || x > rect.right || y < rect.top || y > rect.bottom) {
-			this.dragOverFolder = null;
-		}
-	}
-
-	onFolderDrop(event: DragEvent, folder: Folder) {
-		event.preventDefault();
-
-		if (this.draggedTable) {
-			// Check if table is already in this specific folder
-			if (folder.tableIds.includes(this.draggedTable.table)) {
-				// Table already exists in this folder, do nothing (no notification)
-				return;
-			} else {
-				// Determine insertion index based on drop position
-				const insertIndex = this.getDropIndex(event, folder);
-				folder.tableIds.splice(insertIndex, 0, this.draggedTable.table);
-				// Remove empty flag when adding tables via drag and drop
-				if (folder.isEmpty) {
-					folder.isEmpty = false;
-				}
-				this.saveFolders();
-			}
-		}
-
-		this.draggedTable = null;
-		this.dragOverFolder = null;
-	}
-}
diff --git a/frontend/src/app/components/dashboards/chart-mini-preview/chart-mini-preview.component.css b/frontend/src/app/components/dashboards/chart-mini-preview/chart-mini-preview.component.css
deleted file mode 100644
index 0e8ea7d7b..000000000
--- a/frontend/src/app/components/dashboards/chart-mini-preview/chart-mini-preview.component.css
+++ /dev/null
@@ -1,99 +0,0 @@
-.chart-mini-preview {
-	width: 100%;
-	height: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.chart-svg {
-	width: 100%;
-	height: 100%;
-	max-width: 120px;
-	max-height: 80px;
-}
-
-/* Bar Chart */
-.bar {
-	fill: rgba(99, 102, 241, 0.7);
-}
-
-.bar-1 {
-	fill: rgba(99, 102, 241, 0.8);
-}
-.bar-2 {
-	fill: rgba(168, 85, 247, 0.8);
-}
-.bar-3 {
-	fill: rgba(236, 72, 153, 0.8);
-}
-.bar-4 {
-	fill: rgba(59, 130, 246, 0.8);
-}
-.bar-5 {
-	fill: rgba(34, 197, 94, 0.8);
-}
-
-/* Line Chart */
-.line-path {
-	stroke: rgba(99, 102, 241, 1);
-	stroke-width: 2.5;
-	stroke-linecap: round;
-	stroke-linejoin: round;
-}
-
-.line-area {
-	fill: rgba(99, 102, 241, 0.15);
-}
-
-.line-dot {
-	fill: rgba(99, 102, 241, 1);
-}
-
-.gradient-start {
-	stop-color: rgba(99, 102, 241, 0.3);
-}
-
-.gradient-end {
-	stop-color: rgba(99, 102, 241, 0);
-}
-
-/* Pie Chart */
-.pie-slice {
-	stroke: var(--mat-sidenav-content-background-color);
-	stroke-width: 1;
-}
-
-.slice-1 {
-	fill: rgba(99, 102, 241, 0.85);
-}
-.slice-2 {
-	fill: rgba(168, 85, 247, 0.85);
-}
-.slice-3 {
-	fill: rgba(236, 72, 153, 0.85);
-}
-.slice-4 {
-	fill: rgba(251, 146, 60, 0.85);
-}
-.slice-5 {
-	fill: rgba(34, 197, 94, 0.85);
-}
-
-/* Doughnut Chart */
-.doughnut-slice {
-	stroke: var(--mat-sidenav-content-background-color);
-	stroke-width: 1;
-}
-
-/* Polar Area Chart */
-.polar-slice {
-	stroke: var(--mat-sidenav-content-background-color);
-	stroke-width: 1;
-}
-
-@media (prefers-color-scheme: dark) {
-	.line-area {
-		fill: rgba(99, 102, 241, 0.25);
-	}
-}
diff --git a/frontend/src/app/components/dashboards/chart-mini-preview/chart-mini-preview.component.html b/frontend/src/app/components/dashboards/chart-mini-preview/chart-mini-preview.component.html
deleted file mode 100644
index 13c0315bc..000000000
--- a/frontend/src/app/components/dashboards/chart-mini-preview/chart-mini-preview.component.html
+++ /dev/null
@@ -1,54 +0,0 @@
-<div class="chart-mini-preview">
-	<!-- Bar Chart -->
-	<svg *ngIf="displayType === 'bar'" viewBox="0 0 100 60" class="chart-svg">
-		<rect x="18" y="30" width="16" height="25" rx="2" class="bar bar-1"/>
-		<rect x="42" y="15" width="16" height="40" rx="2" class="bar bar-2"/>
-		<rect x="66" y="22" width="16" height="33" rx="2" class="bar bar-3"/>
-	</svg>
-
-	<!-- Line Chart -->
-	<svg *ngIf="displayType === 'line'" viewBox="0 0 100 60" class="chart-svg">
-		<defs>
-			<linearGradient id="lineGradient" x1="0%" y1="0%" x2="0%" y2="100%">
-				<stop offset="0%" class="gradient-start"/>
-				<stop offset="100%" class="gradient-end"/>
-			</linearGradient>
-		</defs>
-		<path d="M10,45 L30,30 L50,38 L70,18 L90,25" class="line-path" fill="none"/>
-		<path d="M10,45 L30,30 L50,38 L70,18 L90,25 L90,55 L10,55 Z" class="line-area"/>
-		<circle cx="10" cy="45" r="3" class="line-dot"/>
-		<circle cx="30" cy="30" r="3" class="line-dot"/>
-		<circle cx="50" cy="38" r="3" class="line-dot"/>
-		<circle cx="70" cy="18" r="3" class="line-dot"/>
-		<circle cx="90" cy="25" r="3" class="line-dot"/>
-	</svg>
-
-	<!-- Pie Chart -->
-	<svg *ngIf="displayType === 'pie'" viewBox="0 0 60 60" class="chart-svg">
-		<g transform="translate(30, 30)">
-			<path d="M0,-26 A26,26 0 0,1 22.5,13 L0,0 Z" class="pie-slice slice-1"/>
-			<path d="M22.5,13 A26,26 0 0,1 -22.5,13 L0,0 Z" class="pie-slice slice-2"/>
-			<path d="M-22.5,13 A26,26 0 0,1 0,-26 L0,0 Z" class="pie-slice slice-3"/>
-		</g>
-	</svg>
-
-	<!-- Doughnut Chart -->
-	<svg *ngIf="displayType === 'doughnut'" viewBox="0 0 60 60" class="chart-svg">
-		<g transform="translate(30, 30)">
-			<path d="M0,-26 A26,26 0 0,1 22.5,13 L13.5,7.8 A15.6,15.6 0 0,0 0,-15.6 Z" class="doughnut-slice slice-1"/>
-			<path d="M22.5,13 A26,26 0 0,1 -22.5,13 L-13.5,7.8 A15.6,15.6 0 0,0 13.5,7.8 Z" class="doughnut-slice slice-2"/>
-			<path d="M-22.5,13 A26,26 0 0,1 0,-26 L0,-15.6 A15.6,15.6 0 0,0 -13.5,7.8 Z" class="doughnut-slice slice-3"/>
-		</g>
-	</svg>
-
-	<!-- Polar Area Chart -->
-	<svg *ngIf="displayType === 'polarArea'" viewBox="0 0 60 60" class="chart-svg">
-		<g transform="translate(30, 30)">
-			<path d="M0,0 L0,-26 A26,26 0 0,1 24.7,-8 Z" class="polar-slice slice-1"/>
-			<path d="M0,0 L17,-5.5 A18,18 0 0,1 5.5,17 Z" class="polar-slice slice-2"/>
-			<path d="M0,0 L4.7,14.5 A15,15 0 0,1 -14.5,4.7 Z" class="polar-slice slice-3"/>
-			<path d="M0,0 L-20,6.5 A21,21 0 0,1 -6.5,-20 Z" class="polar-slice slice-4"/>
-			<path d="M0,0 L-4.8,-15 A16,16 0 0,1 0,-16 Z" class="polar-slice slice-5"/>
-		</g>
-	</svg>
-</div>
diff --git a/frontend/src/app/components/dashboards/chart-mini-preview/chart-mini-preview.component.ts b/frontend/src/app/components/dashboards/chart-mini-preview/chart-mini-preview.component.ts
deleted file mode 100644
index 0acaf1852..000000000
--- a/frontend/src/app/components/dashboards/chart-mini-preview/chart-mini-preview.component.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input } from '@angular/core';
-import { ChartType } from 'src/app/models/saved-query';
-
-@Component({
-	selector: 'app-chart-mini-preview',
-	templateUrl: './chart-mini-preview.component.html',
-	styleUrls: ['./chart-mini-preview.component.css'],
-	imports: [CommonModule],
-})
-export class ChartMiniPreviewComponent {
-	@Input() chartType: ChartType | null = 'bar';
-
-	get displayType(): ChartType {
-		return this.chartType || 'bar';
-	}
-}
diff --git a/frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.css b/frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.css
deleted file mode 100644
index bf205d440..000000000
--- a/frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.css
+++ /dev/null
@@ -1,28 +0,0 @@
-.warning-container {
-	display: flex;
-	gap: 16px;
-	align-items: flex-start;
-}
-
-.warning-icon {
-	color: var(--color-warnPalette-300);
-	font-size: 48px;
-	width: 48px;
-	height: 48px;
-	flex-shrink: 0;
-}
-
-.warning-content p {
-	margin: 0 0 8px 0;
-}
-
-.warning-details {
-	color: rgba(0, 0, 0, 0.6);
-	font-size: 14px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.warning-details {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
diff --git a/frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.html b/frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.html
deleted file mode 100644
index d460175d8..000000000
--- a/frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<h2 mat-dialog-title>Delete dashboard</h2>
-
-<mat-dialog-content>
-    <div class="warning-container">
-        <mat-icon class="warning-icon">warning</mat-icon>
-        <div class="warning-content">
-            <p>Are you sure you want to delete the dashboard <strong>{{data.dashboard.name}}</strong>?</p>
-            <p class="warning-details">
-                This action cannot be undone. The dashboard and all its widgets will be permanently removed.
-            </p>
-        </div>
-    </div>
-</mat-dialog-content>
-
-<mat-dialog-actions align="end">
-    <button mat-button mat-dialog-close [disabled]="submitting()">Cancel</button>
-    <button mat-flat-button color="warn"
-        (click)="onDelete()"
-        [disabled]="submitting()"
-        data-testid="delete-dashboard-confirm-button">
-        {{submitting() ? 'Deleting...' : 'Delete dashboard'}}
-    </button>
-</mat-dialog-actions>
diff --git a/frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.spec.ts b/frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.spec.ts
deleted file mode 100644
index c0ddfc097..000000000
--- a/frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.spec.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-import { DashboardDeleteDialogComponent } from './dashboard-delete-dialog.component';
-
-describe('DashboardDeleteDialogComponent', () => {
-	let component: DashboardDeleteDialogComponent;
-	let fixture: ComponentFixture<DashboardDeleteDialogComponent>;
-	let mockDashboardsService: Partial<DashboardsService>;
-
-	beforeEach(async () => {
-		mockDashboardsService = {
-			deleteDashboard: vi.fn(),
-		} as Partial<DashboardsService>;
-
-		await TestBed.configureTestingModule({
-			imports: [DashboardDeleteDialogComponent, BrowserAnimationsModule, Angulartics2Module.forRoot()],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						connectionId: 'test-conn',
-						dashboard: { id: 'test-id', name: 'Test Dashboard' },
-					},
-				},
-				{ provide: MatDialogRef, useValue: { close: vi.fn() } },
-				{ provide: DashboardsService, useValue: mockDashboardsService },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(DashboardDeleteDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.stories.ts b/frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.stories.ts
deleted file mode 100644
index c15e1f2c1..000000000
--- a/frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.stories.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { applicationConfig, type Meta, type StoryObj } from '@storybook/angular';
-import { Angulartics2 } from 'angulartics2';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-import { DashboardDeleteDialogComponent } from './dashboard-delete-dialog.component';
-
-const mockDashboardsService: Partial<DashboardsService> = {
-	deleteDashboard: () => Promise.resolve(null),
-};
-
-const mockAngulartics: Partial<Angulartics2> = {
-	eventTrack: { next: () => {} } as any,
-};
-
-const meta: Meta<DashboardDeleteDialogComponent> = {
-	title: 'Dialogs/DashboardDelete',
-	component: DashboardDeleteDialogComponent,
-	decorators: [
-		applicationConfig({
-			providers: [
-				{ provide: MatDialogRef, useValue: { close: () => {} } },
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						dashboard: {
-							id: 'dash-1',
-							name: 'Sales Dashboard',
-							description: 'Monthly sales metrics',
-							connection_id: 'conn-1',
-							created_at: '2024-01-01',
-							updated_at: '2024-01-01',
-						},
-						connectionId: 'conn-1',
-					},
-				},
-				{ provide: DashboardsService, useValue: mockDashboardsService },
-				{ provide: Angulartics2, useValue: mockAngulartics },
-			],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<DashboardDeleteDialogComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.ts b/frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.ts
deleted file mode 100644
index 39447c592..000000000
--- a/frontend/src/app/components/dashboards/dashboard-delete-dialog/dashboard-delete-dialog.component.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject, signal } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { Dashboard } from 'src/app/models/dashboard';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-
-@Component({
-	selector: 'app-dashboard-delete-dialog',
-	templateUrl: './dashboard-delete-dialog.component.html',
-	styleUrls: ['./dashboard-delete-dialog.component.css'],
-	imports: [CommonModule, MatDialogModule, MatButtonModule, MatIconModule],
-})
-export class DashboardDeleteDialogComponent {
-	protected submitting = signal(false);
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: { dashboard: Dashboard; connectionId: string },
-		private dialogRef: MatDialogRef<DashboardDeleteDialogComponent>,
-		private _dashboards: DashboardsService,
-		private angulartics2: Angulartics2,
-	) {}
-
-	async onDelete(): Promise<void> {
-		this.submitting.set(true);
-		const result = await this._dashboards.deleteDashboard(this.data.connectionId, this.data.dashboard.id);
-		if (result) {
-			this.angulartics2.eventTrack.next({
-				action: 'Dashboards: dashboard deleted successfully',
-			});
-			posthog.capture('Dashboards: dashboard deleted successfully');
-			this.dialogRef.close(true);
-		}
-		this.submitting.set(false);
-	}
-}
diff --git a/frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.css b/frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.css
deleted file mode 100644
index 87944b9f3..000000000
--- a/frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.dashboard-form {
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-	min-width: 400px;
-	padding-top: 8px;
-}
-
-@media (width <= 600px) {
-	.dashboard-form {
-		min-width: auto;
-	}
-}
-
-.full-width {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.html b/frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.html
deleted file mode 100644
index b6821391f..000000000
--- a/frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<form [formGroup]="form" (ngSubmit)="onSubmit()">
-    <h2 mat-dialog-title>{{ isEdit ? 'Edit dashboard' : 'Create dashboard' }}</h2>
-
-    <mat-dialog-content>
-        <div class="dashboard-form">
-            <mat-form-field appearance="outline" class="full-width">
-                <mat-label>Name</mat-label>
-                <input matInput
-                    formControlName="name"
-                    placeholder="Enter dashboard name"
-                    data-testid="dashboard-name-input">
-                @if (form.get('name')?.hasError('required')) {
-                    <mat-error>Name is required</mat-error>
-                }
-                @if (form.get('name')?.hasError('maxlength')) {
-                    <mat-error>Name must be less than 255 characters</mat-error>
-                }
-            </mat-form-field>
-
-            <mat-form-field appearance="outline" class="full-width">
-                <mat-label>Description</mat-label>
-                <textarea matInput
-                    formControlName="description"
-                    placeholder="Enter dashboard description (optional)"
-                    rows="3"
-                    data-testid="dashboard-description-input"></textarea>
-                @if (form.get('description')?.hasError('maxlength')) {
-                    <mat-error>Description must be less than 1000 characters</mat-error>
-                }
-            </mat-form-field>
-        </div>
-    </mat-dialog-content>
-
-    <mat-dialog-actions align="end">
-        <button type="button" mat-button mat-dialog-close [disabled]="submitting()">Cancel</button>
-        <button type="submit" mat-flat-button color="primary"
-            [disabled]="submitting() || form.invalid"
-            data-testid="dashboard-save-button">
-            {{ submitting() ? 'Saving...' : (isEdit ? 'Update' : 'Create') }}
-        </button>
-    </mat-dialog-actions>
-</form>
diff --git a/frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.spec.ts b/frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.spec.ts
deleted file mode 100644
index d4354b859..000000000
--- a/frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.spec.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-import { DashboardEditDialogComponent } from './dashboard-edit-dialog.component';
-
-describe('DashboardEditDialogComponent', () => {
-	let component: DashboardEditDialogComponent;
-	let fixture: ComponentFixture<DashboardEditDialogComponent>;
-	let mockDashboardsService: Partial<DashboardsService>;
-
-	beforeEach(async () => {
-		mockDashboardsService = {
-			createDashboard: vi.fn(),
-			updateDashboard: vi.fn(),
-		} as Partial<DashboardsService>;
-
-		await TestBed.configureTestingModule({
-			imports: [DashboardEditDialogComponent, BrowserAnimationsModule, Angulartics2Module.forRoot()],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				{ provide: MAT_DIALOG_DATA, useValue: { connectionId: 'test-conn', dashboard: null } },
-				{ provide: MatDialogRef, useValue: { close: vi.fn() } },
-				{ provide: DashboardsService, useValue: mockDashboardsService },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(DashboardEditDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.stories.ts b/frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.stories.ts
deleted file mode 100644
index 16accb230..000000000
--- a/frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.stories.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { applicationConfig, type Meta, type StoryObj } from '@storybook/angular';
-import { Angulartics2 } from 'angulartics2';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-import { DashboardEditDialogComponent } from './dashboard-edit-dialog.component';
-
-const mockDashboardsService: Partial<DashboardsService> = {
-	createDashboard: () => Promise.resolve(null),
-	updateDashboard: () => Promise.resolve(null),
-};
-
-const mockAngulartics: Partial<Angulartics2> = {
-	eventTrack: { next: () => {} } as any,
-};
-
-const meta: Meta<DashboardEditDialogComponent> = {
-	title: 'Dialogs/DashboardEdit',
-	component: DashboardEditDialogComponent,
-	decorators: [
-		applicationConfig({
-			providers: [
-				{ provide: MatDialogRef, useValue: { close: () => {} } },
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						connectionId: 'conn-1',
-						dashboard: null,
-					},
-				},
-				{ provide: DashboardsService, useValue: mockDashboardsService },
-				{ provide: Angulartics2, useValue: mockAngulartics },
-			],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<DashboardEditDialogComponent>;
-
-export const CreateNew: Story = {};
-
-export const EditExisting: Story = {
-	decorators: [
-		applicationConfig({
-			providers: [
-				{ provide: MatDialogRef, useValue: { close: () => {} } },
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						connectionId: 'conn-1',
-						dashboard: {
-							id: 'dash-1',
-							name: 'Sales Dashboard',
-							description: 'Monthly sales metrics and KPIs',
-							connection_id: 'conn-1',
-							created_at: '2024-01-01',
-							updated_at: '2024-01-01',
-						},
-					},
-				},
-				{ provide: DashboardsService, useValue: mockDashboardsService },
-				{ provide: Angulartics2, useValue: mockAngulartics },
-			],
-		}),
-	],
-};
diff --git a/frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.ts b/frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.ts
deleted file mode 100644
index 96e7607af..000000000
--- a/frontend/src/app/components/dashboards/dashboard-edit-dialog/dashboard-edit-dialog.component.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject, OnInit, signal } from '@angular/core';
-import { FormBuilder, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { Dashboard } from 'src/app/models/dashboard';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-
-@Component({
-	selector: 'app-dashboard-edit-dialog',
-	templateUrl: './dashboard-edit-dialog.component.html',
-	styleUrls: ['./dashboard-edit-dialog.component.css'],
-	imports: [
-		CommonModule,
-		ReactiveFormsModule,
-		MatDialogModule,
-		MatButtonModule,
-		MatIconModule,
-		MatFormFieldModule,
-		MatInputModule,
-	],
-})
-export class DashboardEditDialogComponent implements OnInit {
-	protected submitting = signal(false);
-	protected form!: FormGroup;
-	protected isEdit: boolean;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: { connectionId: string; dashboard: Dashboard | null },
-		private dialogRef: MatDialogRef<DashboardEditDialogComponent>,
-		private _dashboards: DashboardsService,
-		private fb: FormBuilder,
-		private angulartics2: Angulartics2,
-	) {
-		this.isEdit = !!data.dashboard;
-	}
-
-	ngOnInit(): void {
-		this.form = this.fb.group({
-			name: [this.data.dashboard?.name || '', [Validators.required, Validators.maxLength(255)]],
-			description: [this.data.dashboard?.description || '', [Validators.maxLength(1000)]],
-		});
-	}
-
-	async onSubmit(): Promise<void> {
-		if (this.form.invalid) return;
-
-		this.submitting.set(true);
-		const payload = this.form.value;
-
-		if (this.isEdit) {
-			const result = await this._dashboards.updateDashboard(this.data.connectionId, this.data.dashboard!.id, payload);
-			if (result) {
-				this.angulartics2.eventTrack.next({
-					action: 'Dashboards: dashboard updated successfully',
-				});
-				posthog.capture('Dashboards: dashboard updated successfully');
-				this.dialogRef.close(true);
-			}
-		} else {
-			const result = await this._dashboards.createDashboard(this.data.connectionId, payload);
-			if (result) {
-				this.angulartics2.eventTrack.next({
-					action: 'Dashboards: dashboard created successfully',
-				});
-				posthog.capture('Dashboards: dashboard created successfully');
-				this.dialogRef.close(true);
-			}
-		}
-		this.submitting.set(false);
-	}
-}
diff --git a/frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.css b/frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.css
deleted file mode 100644
index db3020ee9..000000000
--- a/frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.css
+++ /dev/null
@@ -1,281 +0,0 @@
-/* Scoped to app-dashboard-view to prevent style leakage with ViewEncapsulation.None */
-
-app-dashboard-view .dashboard-view-page {
-	padding: 24px;
-	height: calc(100vh - 64px);
-	display: flex;
-	flex-direction: column;
-	background-color: var(--mat-sidenav-content-background-color);
-}
-
-app-dashboard-view .dashboard-header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	margin-bottom: 24px;
-	flex-wrap: wrap;
-	gap: 16px;
-}
-
-app-dashboard-view .header-left {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-app-dashboard-view .header-info {
-	display: flex;
-	flex-direction: column;
-}
-
-app-dashboard-view .header-info h1 {
-	margin: 0;
-	line-height: 1.2;
-}
-
-app-dashboard-view .dashboard-description {
-	margin: 4px 0 0 0;
-	color: rgba(0, 0, 0, 0.64);
-	font-size: 14px;
-}
-
-@media (prefers-color-scheme: dark) {
-	app-dashboard-view .dashboard-description {
-		color: rgba(255, 255, 255, 0.7);
-	}
-}
-
-app-dashboard-view .header-actions {
-	display: flex;
-	align-items: center;
-	gap: 16px;
-}
-
-app-dashboard-view .loading-container {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	flex: 1;
-}
-
-app-dashboard-view .no-panels {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	flex: 1;
-	text-align: center;
-	background-color: rgba(0, 0, 0, 0.02);
-	border-radius: 8px;
-	padding: 64px 24px;
-}
-
-@media (prefers-color-scheme: dark) {
-	app-dashboard-view .no-panels {
-		background-color: rgba(255, 255, 255, 0.05);
-	}
-}
-
-app-dashboard-view .no-panels-icon {
-	font-size: 64px;
-	width: 64px;
-	height: 64px;
-	color: rgba(0, 0, 0, 0.26);
-	margin-bottom: 16px;
-}
-
-@media (prefers-color-scheme: dark) {
-	app-dashboard-view .no-panels-icon {
-		color: rgba(255, 255, 255, 0.3);
-	}
-}
-
-app-dashboard-view .no-panels h3 {
-	margin: 0 0 8px 0;
-	color: rgba(0, 0, 0, 0.87);
-}
-
-@media (prefers-color-scheme: dark) {
-	app-dashboard-view .no-panels h3 {
-		color: rgba(255, 255, 255, 0.87);
-	}
-}
-
-app-dashboard-view .no-panels p {
-	margin: 0 0 16px 0;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	app-dashboard-view .no-panels p {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-app-dashboard-view .dashboard-grid {
-	flex: 1;
-	background-color: rgba(0, 0, 0, 0.02);
-	border-radius: 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	app-dashboard-view .dashboard-grid {
-		background-color: var(--surface-dark-color);
-	}
-}
-
-app-dashboard-view .panel-item {
-	background: var(--mat-sidenav-content-background-color);
-	border-radius: 8px;
-	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-	display: flex;
-	flex-direction: column;
-	overflow: hidden;
-}
-
-@media (prefers-color-scheme: dark) {
-	app-dashboard-view .panel-item {
-		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
-	}
-}
-
-app-dashboard-view .panel-item.edit-mode {
-	border: 2px dashed var(--color-accentedPalette-500);
-}
-
-app-dashboard-view .panel-item.edit-mode .panel-header {
-	cursor: move;
-}
-
-/* Gridster resize handles - gridster controls visibility via resizable.enabled */
-app-dashboard-view gridster-item .gridster-item-resizable-handler {
-	position: absolute;
-	z-index: 100;
-}
-
-app-dashboard-view gridster-item .gridster-item-resizable-handler.handle-s {
-	bottom: -4px;
-	left: 25%;
-	width: 50%;
-	height: 8px;
-	cursor: ns-resize;
-}
-
-app-dashboard-view gridster-item .gridster-item-resizable-handler.handle-e {
-	right: -4px;
-	top: 25%;
-	width: 8px;
-	height: 50%;
-	cursor: ew-resize;
-}
-
-app-dashboard-view gridster-item .gridster-item-resizable-handler.handle-n {
-	top: -4px;
-	left: 25%;
-	width: 50%;
-	height: 8px;
-	cursor: ns-resize;
-}
-
-app-dashboard-view gridster-item .gridster-item-resizable-handler.handle-w {
-	left: -4px;
-	top: 25%;
-	width: 8px;
-	height: 50%;
-	cursor: ew-resize;
-}
-
-app-dashboard-view gridster-item .gridster-item-resizable-handler.handle-se {
-	bottom: -4px;
-	right: -4px;
-	width: 16px;
-	height: 16px;
-	cursor: se-resize;
-	background: var(--color-accentedPalette-500);
-	border-radius: 2px 0 6px 0;
-}
-
-app-dashboard-view gridster-item .gridster-item-resizable-handler.handle-ne {
-	top: -4px;
-	right: -4px;
-	width: 16px;
-	height: 16px;
-	cursor: ne-resize;
-	background: var(--color-accentedPalette-500);
-	border-radius: 0 6px 0 2px;
-}
-
-app-dashboard-view gridster-item .gridster-item-resizable-handler.handle-sw {
-	bottom: -4px;
-	left: -4px;
-	width: 16px;
-	height: 16px;
-	cursor: sw-resize;
-	background: var(--color-accentedPalette-500);
-	border-radius: 0 2px 0 6px;
-}
-
-app-dashboard-view gridster-item .gridster-item-resizable-handler.handle-nw {
-	top: -4px;
-	left: -4px;
-	width: 16px;
-	height: 16px;
-	cursor: nw-resize;
-	background: var(--color-accentedPalette-500);
-	border-radius: 6px 0 2px 0;
-}
-
-app-dashboard-view .panel-header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 8px 8px 8px 16px;
-	border-bottom: 1px solid var(--mat-sidenav-container-divider-color);
-	flex-shrink: 0;
-}
-
-app-dashboard-view .panel-title {
-	font-weight: 500;
-	font-size: 14px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-app-dashboard-view .panel-menu-button {
-	flex-shrink: 0;
-}
-
-app-dashboard-view .panel-content {
-	flex: 1;
-	padding: 16px;
-	overflow: auto;
-	display: flex;
-	flex-direction: column;
-}
-
-app-dashboard-view .delete-action {
-	color: var(--color-warnPalette-500);
-}
-
-@media (prefers-color-scheme: dark) {
-	app-dashboard-view .delete-action {
-		color: var(--color-warnDarkPalette-500);
-	}
-}
-
-@media (width <= 600px) {
-	app-dashboard-view .dashboard-view-page {
-		padding: 16px;
-	}
-
-	app-dashboard-view .dashboard-header {
-		flex-direction: column;
-		align-items: flex-start;
-	}
-
-	app-dashboard-view .header-actions {
-		width: 100%;
-		justify-content: space-between;
-	}
-}
diff --git a/frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.html b/frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.html
deleted file mode 100644
index 5f1b52ad9..000000000
--- a/frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.html
+++ /dev/null
@@ -1,87 +0,0 @@
-<app-alert></app-alert>
-
-<div class="dashboard-view-page">
-    <div class="dashboard-header">
-        <div class="header-left">
-            <button type="button" mat-icon-button (click)="navigateBack()" matTooltip="Back to dashboards">
-                <mat-icon>arrow_back</mat-icon>
-            </button>
-            <div class="header-info">
-                <h1 class="mat-h1">{{ dashboard()?.name || 'Loading...' }}</h1>
-                @if (dashboard()?.description) {
-                    <p class="dashboard-description">{{ dashboard()?.description }}</p>
-                }
-            </div>
-        </div>
-        @if (gridsterItems().length > 0) {
-            <div class="header-actions">
-                <mat-slide-toggle
-                    [checked]="editMode()"
-                    (change)="toggleEditMode()"
-                    color="primary"
-                    data-testid="edit-mode-toggle">
-                    Edit mode
-                </mat-slide-toggle>
-                <button type="button" mat-flat-button color="primary"
-                    (click)="openAddPanelDialog()"
-                    data-testid="add-panel-button">
-                    <mat-icon>add</mat-icon>
-                    Add panel
-                </button>
-            </div>
-        }
-    </div>
-
-    @if (loading()) {
-        <div class="loading-container">
-            <mat-spinner diameter="48"></mat-spinner>
-        </div>
-    }
-
-    @if (!loading() && gridsterItems().length === 0) {
-        <div class="no-panels">
-            <mat-icon class="no-panels-icon">bar_chart</mat-icon>
-            <h3>No panels yet</h3>
-            <p>Add panels to visualize your data from saved queries.</p>
-            <button type="button" mat-flat-button color="primary" (click)="openAddPanelDialog()">
-                <mat-icon>add</mat-icon>
-                Add panel
-            </button>
-        </div>
-    }
-
-    @if (!loading() && gridsterItems().length > 0) {
-        <gridster [options]="gridsterOptions" class="dashboard-grid">
-            @for (item of gridsterItems(); track item.widget.id) {
-                <gridster-item [item]="item" class="panel-item" [class.edit-mode]="editMode()">
-                    <div class="panel-header">
-                        <span class="panel-title">{{ panelRef.savedQuery()?.name || 'Loading...' }}</span>
-                        <button type="button" mat-icon-button [matMenuTriggerFor]="panelMenu" class="panel-menu-button">
-                            <mat-icon>more_vert</mat-icon>
-                        </button>
-                        <mat-menu #panelMenu="matMenu">
-                            <a mat-menu-item [routerLink]="['/panels', connectionId(), item.widget.query_id]">
-                                <mat-icon>tune</mat-icon>
-                                <span>Configure panel</span>
-                            </a>
-                            <button type="button" mat-menu-item (click)="openEditPanelDialog(item.widget)">
-                                <mat-icon>swap_horiz</mat-icon>
-                                <span>Change query</span>
-                            </button>
-                            <button type="button" mat-menu-item (click)="openDeletePanelDialog(item.widget)" class="delete-action">
-                                <mat-icon color="warn">delete</mat-icon>
-                                <span>Delete</span>
-                            </button>
-                        </mat-menu>
-                    </div>
-                    <div class="panel-content">
-                        <app-dashboard-panel #panelRef
-                            [widget]="item.widget"
-                            [connectionId]="connectionId()">
-                        </app-dashboard-panel>
-                    </div>
-                </gridster-item>
-            }
-        </gridster>
-    }
-</div>
diff --git a/frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.spec.ts b/frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.spec.ts
deleted file mode 100644
index fba785505..000000000
--- a/frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.spec.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { signal, WritableSignal } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { Dashboard } from 'src/app/models/dashboard';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-import { DashboardViewComponent } from './dashboard-view.component';
-
-describe('DashboardViewComponent', () => {
-	let component: DashboardViewComponent;
-	let fixture: ComponentFixture<DashboardViewComponent>;
-	let mockDashboardsService: Partial<DashboardsService>;
-	let mockConnectionsService: Partial<ConnectionsService>;
-	let dashboardSignal: WritableSignal<Dashboard | null>;
-	let dashboardLoadingSignal: WritableSignal<boolean>;
-
-	beforeEach(async () => {
-		dashboardSignal = signal<Dashboard | null>(null);
-		dashboardLoadingSignal = signal<boolean>(false);
-
-		mockDashboardsService = {
-			dashboard: dashboardSignal.asReadonly(),
-			dashboardLoading: dashboardLoadingSignal.asReadonly(),
-			setActiveConnection: vi.fn(),
-			setActiveDashboard: vi.fn(),
-			refreshDashboard: vi.fn(),
-		};
-
-		mockConnectionsService = {
-			getCurrentConnectionTitle: vi.fn().mockReturnValue(of('Test Connection')),
-		};
-
-		await TestBed.configureTestingModule({
-			imports: [DashboardViewComponent, BrowserAnimationsModule, RouterTestingModule, Angulartics2Module.forRoot()],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				{ provide: DashboardsService, useValue: mockDashboardsService },
-				{ provide: ConnectionsService, useValue: mockConnectionsService },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(DashboardViewComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.ts b/frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.ts
deleted file mode 100644
index 96d4b2dd9..000000000
--- a/frontend/src/app/components/dashboards/dashboard-view/dashboard-view.component.ts
+++ /dev/null
@@ -1,271 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, DestroyRef, effect, inject, OnInit, signal, ViewEncapsulation } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDialog } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Title } from '@angular/platform-browser';
-import { ActivatedRoute, Router, RouterModule } from '@angular/router';
-import {
-	CompactType,
-	DisplayGrid,
-	GridsterComponent,
-	GridsterConfig,
-	GridsterItem,
-	GridsterItemComponent,
-	GridType,
-} from 'angular-gridster2';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { DashboardWidget } from 'src/app/models/dashboard';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-import { AlertComponent } from '../../ui-components/alert/alert.component';
-import { PanelDeleteDialogComponent } from '../panel-delete-dialog/panel-delete-dialog.component';
-import { PanelEditDialogComponent } from '../panel-edit-dialog/panel-edit-dialog.component';
-import { DashboardPanelComponent } from '../panel-renderers/dashboard-panel/dashboard-panel.component';
-
-interface GridsterPanelItem extends GridsterItem {
-	widget: DashboardWidget;
-}
-
-@Component({
-	selector: 'app-dashboard-view',
-	templateUrl: './dashboard-view.component.html',
-	styleUrls: ['./dashboard-view.component.css'],
-	encapsulation: ViewEncapsulation.None,
-	imports: [
-		CommonModule,
-		RouterModule,
-		MatButtonModule,
-		MatIconModule,
-		MatMenuModule,
-		MatTooltipModule,
-		MatSlideToggleModule,
-		MatProgressSpinnerModule,
-		GridsterComponent,
-		GridsterItemComponent,
-		AlertComponent,
-		DashboardPanelComponent,
-	],
-})
-export class DashboardViewComponent implements OnInit {
-	protected connectionId = signal('');
-	protected dashboardId = signal('');
-	protected editMode = signal(false);
-
-	private _dashboards = inject(DashboardsService);
-	private _connections = inject(ConnectionsService);
-	private route = inject(ActivatedRoute);
-	private router = inject(Router);
-	private dialog = inject(MatDialog);
-	private angulartics2 = inject(Angulartics2);
-	private title = inject(Title);
-	private destroyRef = inject(DestroyRef);
-
-	// Use service signals
-	protected dashboard = computed(() => this._dashboards.dashboard());
-	protected loading = computed(() => this._dashboards.dashboardLoading());
-
-	// Writable signal for gridster items (gridster needs mutable items)
-	protected gridsterItems = signal<GridsterPanelItem[]>([]);
-
-	// Connection title signal (bridging from legacy Observable-based service)
-	private connectionTitle = signal('');
-
-	protected gridsterOptions: GridsterConfig = {
-		gridType: GridType.Fit,
-		compactType: CompactType.None,
-		displayGrid: DisplayGrid.OnDragAndResize,
-		pushItems: true,
-		draggable: {
-			enabled: false,
-			ignoreContentClass: 'panel-content',
-			ignoreContent: true,
-			dragHandleClass: 'panel-header',
-		},
-		resizable: {
-			enabled: false,
-			handles: {
-				s: true,
-				e: true,
-				n: true,
-				w: true,
-				se: true,
-				ne: true,
-				sw: true,
-				nw: true,
-			},
-		},
-		minCols: 12,
-		maxCols: 12,
-		minRows: 8,
-		maxRows: 100,
-		defaultItemCols: 4,
-		defaultItemRows: 4,
-		minItemCols: 2,
-		minItemRows: 2,
-		maxItemCols: 12,
-		maxItemRows: 12,
-		itemChangeCallback: (item: GridsterItem) => this._onItemChange(item as GridsterPanelItem),
-	};
-
-	constructor() {
-		// Subscribe to connection title (legacy service bridge)
-		this._connections
-			.getCurrentConnectionTitle()
-			.pipe(takeUntilDestroyed(this.destroyRef))
-			.subscribe((title) => this.connectionTitle.set(title));
-
-		// Sync gridster items when dashboard changes
-		effect(() => {
-			const dashboard = this.dashboard();
-			if (dashboard?.widgets) {
-				this.gridsterItems.set(
-					dashboard.widgets.map((widget) => ({
-						x: widget.position_x,
-						y: widget.position_y,
-						cols: widget.width,
-						rows: widget.height,
-						widget: widget,
-					})),
-				);
-			} else {
-				this.gridsterItems.set([]);
-			}
-		});
-
-		// Connection title effect
-		effect(() => {
-			const dashboard = this.dashboard();
-			const connectionTitle = this.connectionTitle();
-			if (dashboard) {
-				this.title.setTitle(`${dashboard.name} | ${connectionTitle || 'Rocketadmin'}`);
-			}
-		});
-
-		// Edit mode effect
-		effect(() => {
-			const editMode = this.editMode();
-			if (this.gridsterOptions.draggable) {
-				this.gridsterOptions.draggable.enabled = editMode;
-			}
-			if (this.gridsterOptions.resizable) {
-				this.gridsterOptions.resizable.enabled = editMode;
-			}
-			this.gridsterOptions.displayGrid = editMode ? DisplayGrid.Always : DisplayGrid.OnDragAndResize;
-			if (this.gridsterOptions.api?.optionsChanged) {
-				this.gridsterOptions.api.optionsChanged();
-			}
-		});
-	}
-
-	ngOnInit(): void {
-		const connId = this.route.snapshot.paramMap.get('connection-id') || '';
-		const dashId = this.route.snapshot.paramMap.get('dashboard-id') || '';
-		this.connectionId.set(connId);
-		this.dashboardId.set(dashId);
-		this._dashboards.setActiveConnection(connId);
-		this._dashboards.setActiveDashboard(dashId);
-	}
-
-	toggleEditMode(): void {
-		this.editMode.update((v) => !v);
-		this.angulartics2.eventTrack.next({
-			action: `Dashboards: edit mode ${this.editMode() ? 'enabled' : 'disabled'}`,
-		});
-		posthog.capture(`Dashboards: edit mode ${this.editMode() ? 'enabled' : 'disabled'}`);
-	}
-
-	async openAddPanelDialog(): Promise<void> {
-		const dialogRef = this.dialog.open(PanelEditDialogComponent, {
-			width: '600px',
-			data: {
-				connectionId: this.connectionId(),
-				dashboardId: this.dashboardId(),
-				widget: null,
-			},
-		});
-		this.angulartics2.eventTrack.next({
-			action: 'Dashboards: add panel dialog opened',
-		});
-		posthog.capture('Dashboards: add panel dialog opened');
-
-		const result = await dialogRef.afterClosed().toPromise();
-		if (result) {
-			this._dashboards.refreshDashboard();
-		}
-	}
-
-	async openEditPanelDialog(widget: DashboardWidget): Promise<void> {
-		const dialogRef = this.dialog.open(PanelEditDialogComponent, {
-			width: '600px',
-			data: {
-				connectionId: this.connectionId(),
-				dashboardId: this.dashboardId(),
-				widget: widget,
-			},
-		});
-		this.angulartics2.eventTrack.next({
-			action: 'Dashboards: edit panel dialog opened',
-		});
-		posthog.capture('Dashboards: edit panel dialog opened');
-
-		const result = await dialogRef.afterClosed().toPromise();
-		if (result) {
-			this._dashboards.refreshDashboard();
-		}
-	}
-
-	async openDeletePanelDialog(widget: DashboardWidget): Promise<void> {
-		const dialogRef = this.dialog.open(PanelDeleteDialogComponent, {
-			width: '400px',
-			data: {
-				connectionId: this.connectionId(),
-				dashboardId: this.dashboardId(),
-				widget: widget,
-			},
-		});
-		this.angulartics2.eventTrack.next({
-			action: 'Dashboards: delete panel dialog opened',
-		});
-		posthog.capture('Dashboards: delete panel dialog opened');
-
-		const result = await dialogRef.afterClosed().toPromise();
-		if (result) {
-			this._dashboards.refreshDashboard();
-		}
-	}
-
-	navigateBack(): void {
-		this.router.navigate(['/dashboards', this.connectionId()]);
-	}
-
-	private async _onItemChange(item: GridsterPanelItem): Promise<void> {
-		const widget = item.widget;
-		if (
-			widget.position_x !== item.x ||
-			widget.position_y !== item.y ||
-			widget.width !== item.cols ||
-			widget.height !== item.rows
-		) {
-			// Update local widget state to prevent duplicate saves
-			widget.position_x = item.x ?? widget.position_x;
-			widget.position_y = item.y ?? widget.position_y;
-			widget.width = item.cols ?? widget.width;
-			widget.height = item.rows ?? widget.height;
-
-			// Save to backend
-			await this._dashboards.updateWidgetPosition(this.connectionId(), this.dashboardId(), widget.id, {
-				position_x: widget.position_x,
-				position_y: widget.position_y,
-				width: widget.width,
-				height: widget.height,
-			});
-		}
-	}
-}
diff --git a/frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.css b/frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.css
deleted file mode 100644
index 818a7e504..000000000
--- a/frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.css
+++ /dev/null
@@ -1,354 +0,0 @@
-:host {
-	display: block;
-	height: calc(100vh - 44px);
-	margin-bottom: -60px;
-	overflow: hidden;
-	position: relative;
-	z-index: 1;
-}
-
-.dashboards-layout {
-	display: flex;
-	height: 100%;
-}
-
-.dashboards-main {
-	flex: 1;
-	background-color: var(--mat-sidenav-content-background-color);
-	overflow-y: auto;
-}
-
-.dashboards-page {
-	margin: 3em auto;
-	padding: 0 clamp(40px, 5vw, 100px);
-	max-width: 1400px;
-}
-
-@media (width <= 600px) {
-	.dashboards-page {
-		padding: 0 16px;
-		margin: 1.5em auto;
-	}
-}
-
-.dashboards-header {
-	margin-bottom: 32px;
-}
-
-.dashboards-description {
-	color: rgba(0, 0, 0, 0.64);
-	margin-top: 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.dashboards-description {
-		color: rgba(255, 255, 255, 0.7);
-	}
-}
-
-.dashboards-toolbar {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 16px;
-	margin-bottom: 24px;
-}
-
-@media (width <= 600px) {
-	.dashboards-toolbar {
-		flex-direction: column;
-		align-items: stretch;
-	}
-}
-
-.search-field {
-	flex: 1;
-	max-width: 400px;
-}
-
-@media (width <= 600px) {
-	.search-field {
-		max-width: 100%;
-	}
-}
-
-/* Cards Grid */
-.dashboards-grid {
-	display: grid;
-	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-	gap: 24px;
-}
-
-@media (width <= 600px) {
-	.dashboards-grid {
-		grid-template-columns: 1fr;
-		gap: 16px;
-	}
-}
-
-/* Dashboard Card */
-.dashboard-card {
-	display: flex;
-	flex-direction: column;
-	overflow: hidden;
-	border: 1px solid rgba(0, 0, 0, 0.1);
-	border-radius: 12px;
-	transition:
-		box-shadow 0.2s ease,
-		transform 0.2s ease,
-		border-color 0.2s ease;
-}
-
-.dashboard-card:hover {
-	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
-	transform: translateY(-2px);
-	border-color: rgba(0, 0, 0, 0.18);
-}
-
-@media (prefers-color-scheme: dark) {
-	.dashboard-card {
-		background: color-mix(in srgb, var(--color-accentedPalette-500) 5%, transparent);
-		border-color: #1e293b;
-	}
-
-	.dashboard-card:hover {
-		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
-		border-color: #334155;
-	}
-}
-
-/* Preview Area */
-.dashboard-preview {
-	display: block;
-	height: 160px;
-	background-color: rgba(0, 0, 0, 0.03);
-	border-bottom: 1px solid var(--mat-sidenav-container-divider-color);
-	text-decoration: none;
-	overflow: hidden;
-}
-
-@media (prefers-color-scheme: dark) {
-	.dashboard-preview {
-		background-color: transparent;
-		border-bottom-color: rgba(255, 255, 255, 0.06);
-	}
-}
-
-.preview-placeholder {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	height: 100%;
-	background-color: rgba(0, 0, 0, 0.02);
-}
-
-.preview-placeholder-icon {
-	font-size: 40px;
-	width: 40px;
-	height: 40px;
-	color: rgba(0, 0, 0, 0.18);
-}
-
-.preview-placeholder-hint {
-	font-size: 12px;
-	color: rgba(0, 0, 0, 0.3);
-	margin-top: 4px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.preview-placeholder {
-		background-color: transparent;
-	}
-
-	.preview-placeholder-icon {
-		color: rgba(255, 255, 255, 0.2);
-	}
-
-	.preview-placeholder-hint {
-		color: rgba(255, 255, 255, 0.3);
-	}
-}
-
-.preview-chart {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 100%;
-}
-
-/* Card Content */
-.dashboard-card-content {
-	padding: 16px;
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-}
-
-.dashboard-card-header {
-	display: flex;
-	align-items: flex-start;
-	justify-content: space-between;
-	gap: 8px;
-	margin-bottom: 8px;
-}
-
-.dashboard-name {
-	font-size: 16px;
-	font-weight: 500;
-	color: inherit;
-	text-decoration: none;
-	line-height: 1.4;
-	flex: 1;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	display: -webkit-box;
-	-webkit-line-clamp: 2;
-	-webkit-box-orient: vertical;
-}
-
-.dashboard-name:hover {
-	color: var(--color-accentedPalette-500);
-}
-
-.dashboard-menu-button {
-	flex-shrink: 0;
-	margin: -8px -8px 0 0;
-}
-
-.dashboard-description-text {
-	font-size: 14px;
-	color: rgba(0, 0, 0, 0.6);
-	margin: 0 0 12px 0;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	display: -webkit-box;
-	-webkit-line-clamp: 2;
-	-webkit-box-orient: vertical;
-}
-
-@media (prefers-color-scheme: dark) {
-	.dashboard-description-text {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
-
-.dashboard-meta {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	margin-top: auto;
-	font-size: 12px;
-	color: rgba(0, 0, 0, 0.5);
-}
-
-@media (prefers-color-scheme: dark) {
-	.dashboard-meta {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-.dashboard-widgets-count {
-	display: flex;
-	align-items: center;
-	gap: 4px;
-}
-
-.meta-icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-}
-
-/* Empty State */
-.no-dashboards {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	padding: 64px 24px;
-	text-align: center;
-}
-
-.no-dashboards-illustration {
-	width: 120px;
-	height: 100px;
-	margin-bottom: 16px;
-}
-
-/* Illustration — light theme */
-.illust-card-back {
-	fill: #e2e8f0;
-	stroke: #cbd5e1;
-	stroke-width: 1.5;
-}
-.illust-card-mid {
-	fill: #eef2f7;
-	stroke: #cbd5e1;
-	stroke-width: 1.5;
-}
-.illust-card-front {
-	fill: #f8fafc;
-	stroke: #94a3b8;
-	stroke-width: 1.5;
-}
-.illust-detail {
-	fill: #cbd5e1;
-}
-.illust-detail-accent {
-	fill: #94a3b8;
-}
-
-/* Illustration — dark theme */
-@media (prefers-color-scheme: dark) {
-	.illust-card-back {
-		fill: #0f1219;
-		stroke: #1e293b;
-	}
-	.illust-card-mid {
-		fill: #141820;
-		stroke: #1e293b;
-	}
-	.illust-card-front {
-		fill: #1a1f2e;
-		stroke: #334155;
-	}
-	.illust-detail {
-		fill: #1e293b;
-	}
-	.illust-detail-accent {
-		fill: #334155;
-	}
-}
-
-.no-dashboards h3 {
-	margin: 0 0 8px 0;
-	color: rgba(0, 0, 0, 0.87);
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-dashboards h3 {
-		color: rgba(255, 255, 255, 0.87);
-	}
-}
-
-.no-dashboards p {
-	margin: 0 0 16px 0;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-dashboards p {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.delete-action {
-	color: var(--color-warnPalette-500);
-}
-
-@media (prefers-color-scheme: dark) {
-	.delete-action {
-		color: var(--color-warnDarkPalette-500);
-	}
-}
diff --git a/frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.html b/frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.html
deleted file mode 100644
index 6e367003c..000000000
--- a/frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.html
+++ /dev/null
@@ -1,150 +0,0 @@
-<div class="dashboards-layout">
-    <app-dashboards-sidebar
-        [connectionId]="connectionId()"
-        activeTab="dashboards">
-    </app-dashboards-sidebar>
-
-    <div class="dashboards-main">
-        <app-alert></app-alert>
-
-        <div class="dashboards-page">
-            <div class="dashboards-header">
-                <h1 class="mat-h1">Dashboards</h1>
-                <p class="dashboards-description">
-                    Create and manage custom dashboards with charts, tables, and metrics.
-                </p>
-            </div>
-
-            <div class="dashboards-toolbar">
-                <mat-form-field appearance="outline" class="search-field">
-                    <mat-label>Search dashboards</mat-label>
-                    <input matInput
-                        [ngModel]="searchQuery()"
-                        (ngModelChange)="searchQuery.set($event)"
-                        placeholder="Search by name or description..."
-                        data-testid="dashboards-search-input">
-                    <mat-icon matSuffix>search</mat-icon>
-                </mat-form-field>
-
-                <button *ngIf="filteredDashboards().length > 0" mat-flat-button color="primary"
-                    (click)="openCreateDialog()"
-                    data-testid="create-dashboard-button">
-                    <mat-icon>add</mat-icon>
-                    Create dashboard
-                </button>
-            </div>
-
-            <app-placeholder-dashboards *ngIf="loading()"></app-placeholder-dashboards>
-
-            <div *ngIf="!loading() && filteredDashboards().length === 0" class="no-dashboards">
-                <svg class="no-dashboards-illustration" viewBox="0 0 120 100" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <!-- Back card -->
-                    <rect class="illust-card-back" x="30" y="8" width="60" height="44" rx="6"/>
-                    <rect class="illust-detail" x="38" y="16" width="20" height="3" rx="1.5"/>
-                    <rect class="illust-detail" x="38" y="23" width="36" height="2" rx="1"/>
-                    <rect class="illust-detail" x="38" y="28" width="28" height="2" rx="1"/>
-
-                    <!-- Middle card -->
-                    <rect class="illust-card-mid" x="20" y="22" width="60" height="44" rx="6"/>
-                    <rect class="illust-detail" x="28" y="30" width="18" height="3" rx="1.5"/>
-                    <rect class="illust-detail" x="28" y="37" width="32" height="2" rx="1"/>
-                    <rect class="illust-detail" x="28" y="42" width="24" height="2" rx="1"/>
-
-                    <!-- Front card -->
-                    <rect class="illust-card-front" x="10" y="38" width="60" height="52" rx="7"/>
-                    <rect class="illust-detail-accent" x="18" y="46" width="22" height="3" rx="1.5"/>
-                    <rect class="illust-detail" x="18" y="53" width="16" height="2" rx="1"/>
-
-                    <!-- Mini line chart -->
-                    <defs>
-                        <linearGradient id="emptyChartGrad" x1="18" y1="62" x2="18" y2="82">
-                            <stop offset="0%" stop-color="#3b82f6" stop-opacity="0.3"/>
-                            <stop offset="100%" stop-color="#3b82f6" stop-opacity="0"/>
-                        </linearGradient>
-                    </defs>
-                    <path d="M18,78 L28,72 L38,75 L48,65 L58,68" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" opacity="0.9"/>
-                    <path d="M18,78 L28,72 L38,75 L48,65 L58,68 L58,82 L18,82 Z" fill="url(#emptyChartGrad)"/>
-                    <circle cx="48" cy="65" r="2.5" fill="#3b82f6" opacity="0.9"/>
-                    <circle cx="58" cy="68" r="2.5" fill="#3b82f6" opacity="0.9"/>
-                </svg>
-                <h3>No dashboards yet</h3>
-                <p *ngIf="searchQuery()">No dashboards match your search criteria.</p>
-                <p *ngIf="!searchQuery()">Dashboards help you visualize your data with charts, tables, and metrics — all in one place.</p>
-                <button mat-flat-button color="primary"
-                    (click)="openCreateDialog()"
-                    data-testid="create-dashboard-button">
-                    <mat-icon>add</mat-icon>
-                    Create dashboard
-                </button>
-            </div>
-
-            <div *ngIf="!loading() && filteredDashboards().length > 0" class="dashboards-grid">
-                <mat-card *ngFor="let dashboard of filteredDashboards(); let i = index"
-                    class="dashboard-card"
-                    attr.data-testid="dashboard-card-{{i}}">
-
-                    <!-- Preview area -->
-                    <a [routerLink]="['/dashboards', connectionId(), dashboard.id]"
-                        (click)="trackViewDashboardOpened()"
-                        class="dashboard-preview">
-                        <div *ngIf="!dashboard.widgets?.length" class="preview-placeholder">
-                            <mat-icon class="preview-placeholder-icon" fontSet="material-symbols-outlined">dashboard</mat-icon>
-                            <span class="preview-placeholder-hint">Connect your first panel</span>
-                        </div>
-                        <div *ngIf="dashboard.widgets?.length" class="preview-chart">
-                            <app-chart-mini-preview [chartType]="'line'"></app-chart-mini-preview>
-                        </div>
-                    </a>
-
-                    <!-- Card content -->
-                    <mat-card-content class="dashboard-card-content">
-                        <div class="dashboard-card-header">
-                            <a [routerLink]="['/dashboards', connectionId(), dashboard.id]"
-                                (click)="trackViewDashboardOpened()"
-                                class="dashboard-name">
-                                {{dashboard.name}}
-                            </a>
-                            <button mat-icon-button [matMenuTriggerFor]="cardMenu"
-                                class="dashboard-menu-button"
-                                attr.data-testid="dashboard-actions-{{i}}-button">
-                                <mat-icon>more_vert</mat-icon>
-                            </button>
-                            <mat-menu #cardMenu="matMenu">
-                                <a mat-menu-item
-                                    [routerLink]="['/dashboards', connectionId(), dashboard.id]"
-                                    (click)="trackViewDashboardOpened()"
-                                    attr.data-testid="dashboard-view-{{i}}-menu-item">
-                                    <mat-icon>visibility</mat-icon>
-                                    <span>View</span>
-                                </a>
-                                <button mat-menu-item (click)="openEditDialog(dashboard)"
-                                    attr.data-testid="dashboard-edit-{{i}}-menu-item">
-                                    <mat-icon>edit</mat-icon>
-                                    <span>Edit</span>
-                                </button>
-                                <mat-divider></mat-divider>
-                                <button mat-menu-item (click)="openDeleteDialog(dashboard)" class="delete-action"
-                                    attr.data-testid="dashboard-delete-{{i}}-menu-item">
-                                    <mat-icon color="warn">delete</mat-icon>
-                                    <span>Delete</span>
-                                </button>
-                            </mat-menu>
-                        </div>
-                        <p *ngIf="dashboard.description" class="dashboard-description-text">
-                            {{dashboard.description}}
-                        </p>
-                        <div class="dashboard-meta">
-                            <span class="dashboard-widgets-count">
-                                <mat-icon class="meta-icon">widgets</mat-icon>
-                                {{dashboard.widgets?.length || 0}} panels
-                            </span>
-                            <span class="dashboard-updated">
-                                {{dashboard.updated_at | date:'mediumDate'}}
-                            </span>
-                        </div>
-                    </mat-card-content>
-                </mat-card>
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.spec.ts b/frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.spec.ts
deleted file mode 100644
index 596ce1129..000000000
--- a/frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.spec.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { signal, WritableSignal } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { Dashboard } from 'src/app/models/dashboard';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { DashboardsService, DashboardUpdateEvent } from 'src/app/services/dashboards.service';
-import { DashboardsListComponent } from './dashboards-list.component';
-
-describe('DashboardsListComponent', () => {
-	let component: DashboardsListComponent;
-	let fixture: ComponentFixture<DashboardsListComponent>;
-	let mockDashboardsService: Partial<DashboardsService>;
-	let mockConnectionsService: Partial<ConnectionsService>;
-	let dashboardsUpdatedSignal: WritableSignal<DashboardUpdateEvent>;
-	let dashboardsSignal: WritableSignal<Dashboard[]>;
-	let dashboardsLoadingSignal: WritableSignal<boolean>;
-
-	beforeEach(async () => {
-		dashboardsUpdatedSignal = signal<DashboardUpdateEvent>('');
-		dashboardsSignal = signal<Dashboard[]>([]);
-		dashboardsLoadingSignal = signal<boolean>(false);
-
-		mockDashboardsService = {
-			dashboards: dashboardsSignal.asReadonly(),
-			dashboardsLoading: dashboardsLoadingSignal.asReadonly(),
-			dashboardsUpdated: dashboardsUpdatedSignal.asReadonly(),
-			setActiveConnection: vi.fn(),
-			setActiveDashboard: vi.fn(),
-			refreshDashboards: vi.fn(),
-		};
-
-		mockConnectionsService = {
-			getCurrentConnectionTitle: vi.fn().mockReturnValue(of('Test Connection')),
-		};
-
-		await TestBed.configureTestingModule({
-			imports: [DashboardsListComponent, BrowserAnimationsModule, RouterTestingModule, Angulartics2Module.forRoot()],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				{ provide: DashboardsService, useValue: mockDashboardsService },
-				{ provide: ConnectionsService, useValue: mockConnectionsService },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(DashboardsListComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.ts b/frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.ts
deleted file mode 100644
index 28550d2ae..000000000
--- a/frontend/src/app/components/dashboards/dashboards-list/dashboards-list.component.ts
+++ /dev/null
@@ -1,148 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, DestroyRef, effect, inject, OnInit, signal } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCardModule } from '@angular/material/card';
-import { MatDialog } from '@angular/material/dialog';
-import { MatDividerModule } from '@angular/material/divider';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Title } from '@angular/platform-browser';
-import { ActivatedRoute, RouterModule } from '@angular/router';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { Dashboard } from 'src/app/models/dashboard';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-import { PlaceholderDashboardsComponent } from '../../skeletons/placeholder-dashboards/placeholder-dashboards.component';
-import { AlertComponent } from '../../ui-components/alert/alert.component';
-import { ChartMiniPreviewComponent } from '../chart-mini-preview/chart-mini-preview.component';
-import { DashboardDeleteDialogComponent } from '../dashboard-delete-dialog/dashboard-delete-dialog.component';
-import { DashboardEditDialogComponent } from '../dashboard-edit-dialog/dashboard-edit-dialog.component';
-import { DashboardsSidebarComponent } from '../dashboards-sidebar/dashboards-sidebar.component';
-
-@Component({
-	selector: 'app-dashboards-list',
-	templateUrl: './dashboards-list.component.html',
-	styleUrls: ['./dashboards-list.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		RouterModule,
-		MatButtonModule,
-		MatCardModule,
-		MatIconModule,
-		MatMenuModule,
-		MatInputModule,
-		MatFormFieldModule,
-		MatTooltipModule,
-		MatDividerModule,
-		PlaceholderDashboardsComponent,
-		AlertComponent,
-		DashboardsSidebarComponent,
-		ChartMiniPreviewComponent,
-	],
-})
-export class DashboardsListComponent implements OnInit {
-	protected searchQuery = signal('');
-	protected connectionId = signal('');
-
-	private _dashboards = inject(DashboardsService);
-	private _connections = inject(ConnectionsService);
-	private route = inject(ActivatedRoute);
-	private dialog = inject(MatDialog);
-	private angulartics2 = inject(Angulartics2);
-	private title = inject(Title);
-	private destroyRef = inject(DestroyRef);
-
-	// Use service signals for dashboards and loading
-	protected dashboards = computed(() => this._dashboards.dashboards());
-	protected loading = computed(() => this._dashboards.dashboardsLoading());
-
-	protected filteredDashboards = computed(() => {
-		const dashboards = this.dashboards();
-		const search = this.searchQuery();
-		if (!search) return dashboards;
-		const query = search.toLowerCase();
-		return dashboards.filter(
-			(d) => d.name.toLowerCase().includes(query) || (d.description && d.description.toLowerCase().includes(query)),
-		);
-	});
-
-	// Connection title signal (bridging from legacy Observable-based service)
-	private connectionTitle = signal('');
-
-	constructor() {
-		// Subscribe to connection title (legacy service bridge)
-		this._connections
-			.getCurrentConnectionTitle()
-			.pipe(takeUntilDestroyed(this.destroyRef))
-			.subscribe((title) => this.connectionTitle.set(title));
-
-		// Connection title effect
-		effect(() => {
-			const title = this.connectionTitle();
-			this.title.setTitle(`Dashboards | ${title || 'Rocketadmin'}`);
-		});
-
-		// Dashboards update effect
-		effect(() => {
-			const action = this._dashboards.dashboardsUpdated();
-			if (action) {
-				this._dashboards.refreshDashboards();
-				this._dashboards.clearDashboardsUpdated();
-			}
-		});
-	}
-
-	ngOnInit(): void {
-		const connId = this.route.snapshot.paramMap.get('connection-id') || '';
-		this.connectionId.set(connId);
-		this._dashboards.setActiveDashboard(null);
-		this._dashboards.setActiveConnection(connId);
-	}
-
-	trackViewDashboardOpened(): void {
-		this.angulartics2.eventTrack.next({
-			action: 'Dashboards: view dashboard opened',
-		});
-		posthog.capture('Dashboards: view dashboard opened');
-	}
-
-	openCreateDialog(): void {
-		this.dialog.open(DashboardEditDialogComponent, {
-			width: '500px',
-			data: { connectionId: this.connectionId(), dashboard: null },
-		});
-		this.angulartics2.eventTrack.next({
-			action: 'Dashboards: create dashboard dialog opened',
-		});
-		posthog.capture('Dashboards: create dashboard dialog opened');
-	}
-
-	openEditDialog(dashboard: Dashboard): void {
-		this.dialog.open(DashboardEditDialogComponent, {
-			width: '500px',
-			data: { connectionId: this.connectionId(), dashboard },
-		});
-		this.angulartics2.eventTrack.next({
-			action: 'Dashboards: edit dashboard dialog opened',
-		});
-		posthog.capture('Dashboards: edit dashboard dialog opened');
-	}
-
-	openDeleteDialog(dashboard: Dashboard): void {
-		this.dialog.open(DashboardDeleteDialogComponent, {
-			width: '400px',
-			data: { dashboard, connectionId: this.connectionId() },
-		});
-		this.angulartics2.eventTrack.next({
-			action: 'Dashboards: delete dashboard dialog opened',
-		});
-		posthog.capture('Dashboards: delete dashboard dialog opened');
-	}
-}
diff --git a/frontend/src/app/components/dashboards/dashboards-sidebar/dashboards-sidebar.component.css b/frontend/src/app/components/dashboards/dashboards-sidebar/dashboards-sidebar.component.css
deleted file mode 100644
index 437b413ee..000000000
--- a/frontend/src/app/components/dashboards/dashboards-sidebar/dashboards-sidebar.component.css
+++ /dev/null
@@ -1,86 +0,0 @@
-.dashboards-sidebar {
-	width: 220px;
-	min-width: 220px;
-	height: 100%;
-	border-right: 1px solid var(--mat-sidenav-container-divider-color);
-	display: flex;
-	flex-direction: column;
-	overflow: hidden;
-}
-
-@media (prefers-color-scheme: dark) {
-	.dashboards-sidebar {
-		background-color: var(--surface-dark-color);
-	}
-}
-
-.dashboards-sidebar_initialized {
-	transition:
-		width 0.2s ease-in-out,
-		min-width 0.2s ease-in-out;
-}
-
-.dashboards-sidebar_collapsed {
-	width: 56px;
-	min-width: 56px;
-}
-
-.sidebar-toggle-button {
-	align-self: flex-start;
-	margin-top: 8px;
-	margin-left: 12px;
-	margin-bottom: 8px;
-}
-
-.sidebar-toggle-button_collapsed {
-	justify-content: center;
-	margin: 12px 8px;
-}
-
-.sidebar-nav {
-	padding-top: 0;
-	overflow: hidden;
-}
-
-.sidebar-nav-item {
-	margin: 4px 8px;
-	border-radius: 8px;
-	overflow: hidden;
-}
-
-.sidebar-nav-item ::ng-deep .mdc-list-item__primary-text {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.sidebar-nav-item_collapsed {
-	margin: 4px;
-}
-
-.sidebar-nav-item_collapsed ::ng-deep .mdc-list-item__content {
-	padding: 0;
-	display: flex;
-	justify-content: center;
-}
-
-.active-link {
-	background-color: var(--color-accentedPalette-100);
-}
-
-@media (prefers-color-scheme: dark) {
-	.active-link {
-		background-color: var(--color-accentedPalette-800);
-	}
-}
-
-.active-link mat-icon {
-	color: var(--color-accentedPalette-500);
-}
-
-/* Mobile styles */
-@media (width <= 600px) {
-	.dashboards-sidebar {
-		display: none;
-	}
-}
diff --git a/frontend/src/app/components/dashboards/dashboards-sidebar/dashboards-sidebar.component.html b/frontend/src/app/components/dashboards/dashboards-sidebar/dashboards-sidebar.component.html
deleted file mode 100644
index 64f1add0d..000000000
--- a/frontend/src/app/components/dashboards/dashboards-sidebar/dashboards-sidebar.component.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<div class="dashboards-sidebar"
-    [class.dashboards-sidebar_collapsed]="collapsed()"
-    [class.dashboards-sidebar_initialized]="initialized()">
-    <button mat-button type="button"
-        *ngIf="!collapsed(); else collapsedToggle"
-        class="sidebar-toggle-button"
-        (click)="toggleCollapsed()">
-        Collapse
-        <mat-icon>chevron_left</mat-icon>
-    </button>
-
-    <ng-template #collapsedToggle>
-        <button mat-icon-button type="button"
-            class="sidebar-toggle-button sidebar-toggle-button_collapsed"
-            (click)="toggleCollapsed()">
-            <mat-icon>chevron_right</mat-icon>
-        </button>
-    </ng-template>
-
-    <mat-nav-list class="sidebar-nav">
-        <a mat-list-item
-            [routerLink]="['/dashboards', connectionId()]"
-            [class.active-link]="activeTab() === 'dashboards'"
-            class="sidebar-nav-item"
-            [class.sidebar-nav-item_collapsed]="collapsed()"
-            [matTooltip]="collapsed() ? 'Dashboards' : ''"
-            matTooltipPosition="right">
-            <mat-icon matListItemIcon>dashboard</mat-icon>
-            <span *ngIf="!collapsed()" matListItemTitle>Dashboards</span>
-        </a>
-        <a mat-list-item
-            [routerLink]="['/panels', connectionId()]"
-            [class.active-link]="activeTab() === 'queries'"
-            class="sidebar-nav-item"
-            [class.sidebar-nav-item_collapsed]="collapsed()"
-            [matTooltip]="collapsed() ? 'Panels' : ''"
-            matTooltipPosition="right">
-            <mat-icon matListItemIcon>widgets</mat-icon>
-            <span *ngIf="!collapsed()" matListItemTitle>Panels</span>
-        </a>
-    </mat-nav-list>
-</div>
diff --git a/frontend/src/app/components/dashboards/dashboards-sidebar/dashboards-sidebar.component.ts b/frontend/src/app/components/dashboards/dashboards-sidebar/dashboards-sidebar.component.ts
deleted file mode 100644
index f918151d8..000000000
--- a/frontend/src/app/components/dashboards/dashboards-sidebar/dashboards-sidebar.component.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, inject, input, OnInit, signal } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatListModule } from '@angular/material/list';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { RouterModule } from '@angular/router';
-import { UiSettingsService } from '../../../services/ui-settings.service';
-
-@Component({
-	selector: 'app-dashboards-sidebar',
-	templateUrl: './dashboards-sidebar.component.html',
-	styleUrls: ['./dashboards-sidebar.component.css'],
-	imports: [CommonModule, RouterModule, MatListModule, MatIconModule, MatButtonModule, MatTooltipModule],
-})
-export class DashboardsSidebarComponent implements OnInit, AfterViewInit {
-	connectionId = input.required<string>();
-	activeTab = input<'dashboards' | 'queries'>('dashboards');
-
-	collapsed = signal(false);
-	initialized = signal(false);
-
-	private _uiSettings = inject(UiSettingsService);
-
-	ngOnInit(): void {
-		this._loadCollapsedState();
-	}
-
-	ngAfterViewInit(): void {
-		// Enable transitions after initial render to prevent animation on page load
-		setTimeout(() => this.initialized.set(true), 0);
-	}
-
-	toggleCollapsed(): void {
-		this.collapsed.update((v) => {
-			const newValue = !v;
-			this._uiSettings.updateConnectionSetting(this.connectionId(), 'dashboardsSidebarCollapsed', newValue);
-			return newValue;
-		});
-	}
-
-	private _loadCollapsedState(): void {
-		this._uiSettings.getUiSettings().subscribe((settings) => {
-			this.collapsed.set(settings?.connections?.[this.connectionId()]?.dashboardsSidebarCollapsed ?? false);
-		});
-	}
-}
diff --git a/frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.css b/frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.css
deleted file mode 100644
index bf205d440..000000000
--- a/frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.css
+++ /dev/null
@@ -1,28 +0,0 @@
-.warning-container {
-	display: flex;
-	gap: 16px;
-	align-items: flex-start;
-}
-
-.warning-icon {
-	color: var(--color-warnPalette-300);
-	font-size: 48px;
-	width: 48px;
-	height: 48px;
-	flex-shrink: 0;
-}
-
-.warning-content p {
-	margin: 0 0 8px 0;
-}
-
-.warning-details {
-	color: rgba(0, 0, 0, 0.6);
-	font-size: 14px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.warning-details {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
diff --git a/frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.html b/frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.html
deleted file mode 100644
index 197350dd1..000000000
--- a/frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<h2 mat-dialog-title>Delete panel</h2>
-
-<mat-dialog-content>
-    <div class="warning-container">
-        <mat-icon class="warning-icon">warning</mat-icon>
-        <div class="warning-content">
-            <p>Are you sure you want to delete this panel?</p>
-            <p class="warning-details">
-                This action cannot be undone. The panel will be permanently removed from the dashboard.
-            </p>
-        </div>
-    </div>
-</mat-dialog-content>
-
-<mat-dialog-actions align="end">
-    <button mat-button mat-dialog-close [disabled]="submitting()">Cancel</button>
-    <button mat-flat-button color="warn"
-        (click)="onDelete()"
-        [disabled]="submitting()"
-        data-testid="delete-panel-confirm-button">
-        {{submitting() ? 'Deleting...' : 'Delete panel'}}
-    </button>
-</mat-dialog-actions>
diff --git a/frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.spec.ts b/frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.spec.ts
deleted file mode 100644
index 465984d87..000000000
--- a/frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.spec.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-import { PanelDeleteDialogComponent } from './panel-delete-dialog.component';
-
-describe('PanelDeleteDialogComponent', () => {
-	let component: PanelDeleteDialogComponent;
-	let fixture: ComponentFixture<PanelDeleteDialogComponent>;
-	let mockDashboardsService: Partial<DashboardsService>;
-
-	beforeEach(async () => {
-		mockDashboardsService = {
-			deleteWidget: vi.fn(),
-		} as Partial<DashboardsService>;
-
-		await TestBed.configureTestingModule({
-			imports: [PanelDeleteDialogComponent, BrowserAnimationsModule, Angulartics2Module.forRoot()],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						connectionId: 'test-conn',
-						dashboardId: 'test-dash',
-						widget: { id: 'test-id', name: 'Test Widget' },
-					},
-				},
-				{ provide: MatDialogRef, useValue: { close: vi.fn() } },
-				{ provide: DashboardsService, useValue: mockDashboardsService },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PanelDeleteDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.stories.ts b/frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.stories.ts
deleted file mode 100644
index 89def7fe3..000000000
--- a/frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.stories.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { applicationConfig, type Meta, type StoryObj } from '@storybook/angular';
-import { Angulartics2 } from 'angulartics2';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-import { PanelDeleteDialogComponent } from './panel-delete-dialog.component';
-
-const mockDashboardsService: Partial<DashboardsService> = {
-	deleteWidget: () => Promise.resolve(null),
-};
-
-const mockAngulartics: Partial<Angulartics2> = {
-	eventTrack: { next: () => {} } as any,
-};
-
-const meta: Meta<PanelDeleteDialogComponent> = {
-	title: 'Dialogs/PanelDelete',
-	component: PanelDeleteDialogComponent,
-	decorators: [
-		applicationConfig({
-			providers: [
-				{ provide: MatDialogRef, useValue: { close: () => {} } },
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						connectionId: 'conn-1',
-						dashboardId: 'dash-1',
-						widget: {
-							id: 'widget-1',
-							position_x: 0,
-							position_y: 0,
-							width: 4,
-							height: 2,
-							query_id: 'query-1',
-							dashboard_id: 'dash-1',
-						},
-					},
-				},
-				{ provide: DashboardsService, useValue: mockDashboardsService },
-				{ provide: Angulartics2, useValue: mockAngulartics },
-			],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<PanelDeleteDialogComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.ts b/frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.ts
deleted file mode 100644
index d6e7417ba..000000000
--- a/frontend/src/app/components/dashboards/panel-delete-dialog/panel-delete-dialog.component.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject, signal } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { DashboardWidget } from 'src/app/models/dashboard';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-
-@Component({
-	selector: 'app-panel-delete-dialog',
-	templateUrl: './panel-delete-dialog.component.html',
-	styleUrls: ['./panel-delete-dialog.component.css'],
-	imports: [CommonModule, MatDialogModule, MatButtonModule, MatIconModule],
-})
-export class PanelDeleteDialogComponent {
-	protected submitting = signal(false);
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA)
-		public data: { connectionId: string; dashboardId: string; widget: DashboardWidget },
-		private dialogRef: MatDialogRef<PanelDeleteDialogComponent>,
-		private _dashboards: DashboardsService,
-		private angulartics2: Angulartics2,
-	) {}
-
-	async onDelete(): Promise<void> {
-		this.submitting.set(true);
-		const result = await this._dashboards.deleteWidget(
-			this.data.connectionId,
-			this.data.dashboardId,
-			this.data.widget.id,
-		);
-		if (result) {
-			this.angulartics2.eventTrack.next({
-				action: 'Dashboards: panel deleted successfully',
-			});
-			posthog.capture('Dashboards: panel deleted successfully');
-			this.dialogRef.close(true);
-		}
-		this.submitting.set(false);
-	}
-}
diff --git a/frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.css b/frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.css
deleted file mode 100644
index 659332423..000000000
--- a/frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.css
+++ /dev/null
@@ -1,69 +0,0 @@
-.panel-form {
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-	min-width: 400px;
-	padding-top: 8px;
-}
-
-@media (width <= 600px) {
-	.panel-form {
-		min-width: auto;
-	}
-}
-
-.full-width {
-	width: 100%;
-}
-
-.no-queries-message {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	text-align: center;
-	padding: 24px;
-	min-width: 300px;
-}
-
-.no-queries-icon {
-	font-size: 48px;
-	width: 48px;
-	height: 48px;
-	color: rgba(0, 0, 0, 0.26);
-	margin-bottom: 16px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-queries-icon {
-		color: rgba(255, 255, 255, 0.3);
-	}
-}
-
-.no-queries-message h3 {
-	margin: 0 0 8px 0;
-	font-size: 18px;
-	font-weight: 500;
-}
-
-.no-queries-message p {
-	margin: 0 0 20px 0;
-	color: rgba(0, 0, 0, 0.6);
-	font-size: 14px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-queries-message p {
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
-
-.create-option {
-	color: var(--color-accentedPalette-500);
-}
-
-.create-option mat-icon {
-	margin-right: 8px;
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-}
diff --git a/frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.html b/frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.html
deleted file mode 100644
index 23b4d494e..000000000
--- a/frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<form [formGroup]="form" (ngSubmit)="onSubmit()">
-    <h2 mat-dialog-title>{{ isEdit ? 'Edit panel' : 'Add panel' }}</h2>
-
-    <mat-dialog-content>
-        @if (savedQueries().length > 0) {
-            <div class="panel-form">
-                <mat-form-field appearance="outline" class="full-width">
-                    <mat-label>Saved query</mat-label>
-                    <mat-select formControlName="query_id"
-                        data-testid="panel-query-select">
-                        @for (query of savedQueries(); track query.id) {
-                            <mat-option [value]="query.id">{{ query.name }}</mat-option>
-                        }
-                        <mat-divider></mat-divider>
-                        <mat-option (click)="navigateToCreateQuery()" class="create-option">
-                            <mat-icon>add</mat-icon>
-                            Create new query
-                        </mat-option>
-                    </mat-select>
-                    <mat-hint>Select a saved query to display in this panel</mat-hint>
-                    @if (form.get('query_id')?.hasError('required')) {
-                        <mat-error>Please select a saved query</mat-error>
-                    }
-                </mat-form-field>
-            </div>
-        } @else {
-            <div class="no-queries-message">
-                <mat-icon class="no-queries-icon">code</mat-icon>
-                <h3>No saved queries yet</h3>
-                <p>Create a saved query first to add it as a panel on this dashboard.</p>
-                <a mat-stroked-button color="primary"
-                    [routerLink]="['/panels', data.connectionId, 'new']"
-                    (click)="dialogRef.close()">
-                    <mat-icon>add</mat-icon>
-                    Create query
-                </a>
-            </div>
-        }
-    </mat-dialog-content>
-
-    <mat-dialog-actions align="end">
-        <button type="button" mat-button mat-dialog-close [disabled]="submitting()">Cancel</button>
-        @if (savedQueries().length > 0) {
-            <button type="submit" mat-flat-button color="primary"
-                [disabled]="submitting() || form.invalid"
-                data-testid="panel-save-button">
-                {{ submitting() ? 'Saving...' : (isEdit ? 'Update' : 'Add') }}
-            </button>
-        }
-    </mat-dialog-actions>
-</form>
diff --git a/frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.spec.ts b/frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.spec.ts
deleted file mode 100644
index 79b6572cf..000000000
--- a/frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.spec.ts
+++ /dev/null
@@ -1,206 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { signal, WritableSignal } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { DashboardWidget } from 'src/app/models/dashboard';
-import { SavedQuery } from 'src/app/models/saved-query';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-import { SavedQueriesService } from 'src/app/services/saved-queries.service';
-import { PanelEditDialogComponent } from './panel-edit-dialog.component';
-
-type PanelEditDialogTestable = PanelEditDialogComponent & {
-	form: ReturnType<typeof import('@angular/forms').FormBuilder.prototype.group>;
-	isEdit: boolean;
-	onSubmit(): void;
-};
-
-describe('PanelEditDialogComponent', () => {
-	let component: PanelEditDialogComponent;
-	let testable: PanelEditDialogTestable;
-	let fixture: ComponentFixture<PanelEditDialogComponent>;
-	let mockDashboardsService: Partial<DashboardsService>;
-	let mockSavedQueriesService: Partial<SavedQueriesService>;
-	let savedQueriesSignal: WritableSignal<SavedQuery[]>;
-	let mockDialogRef: { close: ReturnType<typeof vi.fn> };
-
-	const mockSavedQueries: SavedQuery[] = [
-		{
-			id: 'query-1',
-			name: 'Avg Clicks / Short URL',
-			description: null,
-			widget_type: 'chart',
-			chart_type: 'bar',
-			widget_options: null,
-			query_text: 'SELECT * FROM stats',
-			connection_id: 'test-conn',
-			created_at: new Date().toISOString(),
-			updated_at: new Date().toISOString(),
-		},
-		{
-			id: 'query-2',
-			name: 'Total Users',
-			description: 'Count of all users',
-			widget_type: 'counter',
-			chart_type: null,
-			widget_options: { value_column: 'count' },
-			query_text: 'SELECT COUNT(*) as count FROM users',
-			connection_id: 'test-conn',
-			created_at: new Date().toISOString(),
-			updated_at: new Date().toISOString(),
-		},
-	];
-
-	function setupTestBed(widget: DashboardWidget | null) {
-		savedQueriesSignal = signal<SavedQuery[]>(mockSavedQueries);
-		mockDialogRef = { close: vi.fn() };
-
-		mockDashboardsService = {
-			createWidget: vi.fn().mockResolvedValue({ id: 'new-widget' }),
-			updateWidget: vi.fn().mockResolvedValue({ id: 'updated-widget' }),
-		} as Partial<DashboardsService>;
-
-		mockSavedQueriesService = {
-			savedQueries: savedQueriesSignal.asReadonly(),
-			setActiveConnection: vi.fn(),
-		};
-
-		return TestBed.configureTestingModule({
-			imports: [PanelEditDialogComponent, BrowserAnimationsModule, Angulartics2Module.forRoot()],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: { connectionId: 'test-conn', dashboardId: 'test-dash', widget },
-				},
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-				{ provide: DashboardsService, useValue: mockDashboardsService },
-				{ provide: SavedQueriesService, useValue: mockSavedQueriesService },
-			],
-		}).compileComponents();
-	}
-
-	describe('Add widget mode', () => {
-		beforeEach(async () => {
-			await setupTestBed(null);
-			fixture = TestBed.createComponent(PanelEditDialogComponent);
-			component = fixture.componentInstance;
-			testable = component as PanelEditDialogTestable;
-			fixture.detectChanges();
-		});
-
-		it('should create', () => {
-			expect(component).toBeTruthy();
-		});
-
-		it('should be in add mode when widget is null', () => {
-			expect(testable.isEdit).toBe(false);
-		});
-
-		it('should require query_id when adding widget', () => {
-			const queryIdControl = testable.form.get('query_id');
-			expect(queryIdControl?.hasError('required')).toBe(true);
-		});
-
-		it('should call setActiveConnection on init', () => {
-			expect(mockSavedQueriesService.setActiveConnection).toHaveBeenCalledWith('test-conn');
-		});
-
-		it('should call createWidget with position data when form is submitted', () => {
-			testable.form.get('query_id')?.setValue('query-1');
-			testable.onSubmit();
-
-			expect(mockDashboardsService.createWidget).toHaveBeenCalledWith('test-conn', 'test-dash', {
-				query_id: 'query-1',
-				position_x: 0,
-				position_y: 0,
-				width: 4,
-				height: 4,
-			});
-		});
-
-		it('should close dialog after successful widget creation', async () => {
-			testable.form.get('query_id')?.setValue('query-1');
-			await testable.onSubmit();
-			await fixture.whenStable();
-
-			expect(mockDialogRef.close).toHaveBeenCalledWith(true);
-		});
-	});
-
-	describe('Edit widget mode', () => {
-		const existingWidget: DashboardWidget = {
-			id: 'widget-123',
-			position_x: 2,
-			position_y: 3,
-			width: 4,
-			height: 4,
-			query_id: 'query-1',
-			dashboard_id: 'test-dash',
-		};
-
-		beforeEach(async () => {
-			await setupTestBed(existingWidget);
-			fixture = TestBed.createComponent(PanelEditDialogComponent);
-			component = fixture.componentInstance;
-			testable = component as PanelEditDialogTestable;
-			fixture.detectChanges();
-		});
-
-		it('should be in edit mode when widget is provided', () => {
-			expect(testable.isEdit).toBe(true);
-		});
-
-		it('should initialize form with existing query_id', () => {
-			expect(testable.form.get('query_id')?.value).toBe('query-1');
-		});
-
-		it('should call updateWidget when form is submitted', () => {
-			testable.form.get('query_id')?.setValue('query-2');
-			testable.onSubmit();
-
-			expect(mockDashboardsService.updateWidget).toHaveBeenCalledWith('test-conn', 'test-dash', 'widget-123', {
-				query_id: 'query-2',
-			});
-		});
-
-		it('should close dialog after successful widget update', async () => {
-			testable.form.get('query_id')?.setValue('query-2');
-			await testable.onSubmit();
-			await fixture.whenStable();
-
-			expect(mockDialogRef.close).toHaveBeenCalledWith(true);
-		});
-	});
-
-	describe('Widget without linked query', () => {
-		const widgetWithoutQuery: DashboardWidget = {
-			id: 'widget-456',
-			position_x: 0,
-			position_y: 0,
-			width: 4,
-			height: 4,
-			query_id: null,
-			dashboard_id: 'test-dash',
-		};
-
-		beforeEach(async () => {
-			await setupTestBed(widgetWithoutQuery);
-			fixture = TestBed.createComponent(PanelEditDialogComponent);
-			component = fixture.componentInstance;
-			testable = component as PanelEditDialogTestable;
-			fixture.detectChanges();
-		});
-
-		it('should initialize form with empty query_id', () => {
-			expect(testable.form.get('query_id')?.value).toBe('');
-		});
-
-		it('should show validation error for empty query_id', () => {
-			expect(testable.form.get('query_id')?.hasError('required')).toBe(true);
-		});
-	});
-});
diff --git a/frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.ts b/frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.ts
deleted file mode 100644
index 9f4c889ae..000000000
--- a/frontend/src/app/components/dashboards/panel-edit-dialog/panel-edit-dialog.component.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, Inject, OnInit, signal } from '@angular/core';
-import { FormBuilder, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatDividerModule } from '@angular/material/divider';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatSelectModule } from '@angular/material/select';
-import { Router, RouterModule } from '@angular/router';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { DashboardWidget } from 'src/app/models/dashboard';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-import { SavedQueriesService } from 'src/app/services/saved-queries.service';
-
-@Component({
-	selector: 'app-panel-edit-dialog',
-	templateUrl: './panel-edit-dialog.component.html',
-	styleUrls: ['./panel-edit-dialog.component.css'],
-	imports: [
-		CommonModule,
-		ReactiveFormsModule,
-		RouterModule,
-		MatDialogModule,
-		MatButtonModule,
-		MatDividerModule,
-		MatFormFieldModule,
-		MatIconModule,
-		MatSelectModule,
-	],
-})
-export class PanelEditDialogComponent implements OnInit {
-	protected submitting = signal(false);
-	protected form!: FormGroup;
-	protected isEdit: boolean;
-
-	protected savedQueries = computed(() => this._savedQueries.savedQueries());
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA)
-		public data: { connectionId: string; dashboardId: string; widget: DashboardWidget | null },
-		public dialogRef: MatDialogRef<PanelEditDialogComponent>,
-		private _dashboards: DashboardsService,
-		private _savedQueries: SavedQueriesService,
-		private _router: Router,
-		private fb: FormBuilder,
-		private angulartics2: Angulartics2,
-	) {
-		this.isEdit = !!data.widget;
-	}
-
-	ngOnInit(): void {
-		this._savedQueries.setActiveConnection(this.data.connectionId);
-
-		const widget = this.data.widget;
-
-		this.form = this.fb.group({
-			query_id: [widget?.query_id || '', [Validators.required]],
-		});
-	}
-
-	async onSubmit(): Promise<void> {
-		if (this.form.invalid) return;
-
-		this.submitting.set(true);
-		const formValue = this.form.value;
-
-		if (this.isEdit) {
-			const payload = {
-				query_id: formValue.query_id,
-			};
-
-			const result = await this._dashboards.updateWidget(
-				this.data.connectionId,
-				this.data.dashboardId,
-				this.data.widget!.id,
-				payload,
-			);
-			if (result) {
-				this.angulartics2.eventTrack.next({
-					action: 'Dashboards: panel updated successfully',
-				});
-				posthog.capture('Dashboards: panel updated successfully');
-				this.dialogRef.close(true);
-			}
-		} else {
-			const payload = {
-				query_id: formValue.query_id,
-				position_x: 0,
-				position_y: 0,
-				width: 4,
-				height: 4,
-			};
-
-			const result = await this._dashboards.createWidget(this.data.connectionId, this.data.dashboardId, payload);
-			if (result) {
-				this.angulartics2.eventTrack.next({
-					action: 'Dashboards: panel created successfully',
-				});
-				posthog.capture('Dashboards: panel created successfully');
-				this.dialogRef.close(true);
-			}
-		}
-		this.submitting.set(false);
-	}
-
-	navigateToCreateQuery(): void {
-		this.dialogRef.close();
-		this._router.navigate(['/panels', this.data.connectionId, 'new']);
-	}
-}
diff --git a/frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.css b/frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.css
deleted file mode 100644
index f0abf2ab4..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.css
+++ /dev/null
@@ -1,58 +0,0 @@
-:host {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	width: 100%;
-}
-
-.loading-container,
-.error-container,
-.no-query-container,
-.no-data-container {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	height: 100%;
-	text-align: center;
-}
-
-.error-message {
-	color: var(--color-warnPalette-500);
-	margin: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.error-message {
-		color: var(--color-warnDarkPalette-500);
-	}
-}
-
-.no-query-container p,
-.no-data-container p {
-	margin: 0;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-query-container p,
-	.no-data-container p {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.hint {
-	font-size: 12px;
-	margin-top: 4px !important;
-}
-
-.chart-container {
-	flex: 1;
-	position: relative;
-	min-height: 0;
-}
-
-.chart-container canvas {
-	width: 100% !important;
-	height: 100% !important;
-}
diff --git a/frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.html b/frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.html
deleted file mode 100644
index 3daf9afaa..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-@if (chartData()) {
-    <div class="chart-container">
-        <canvas baseChart
-            [data]="chartData()!"
-            [type]="mappedChartType"
-            [options]="chartOptions()"
-            [plugins]="chartPlugins()">
-        </canvas>
-    </div>
-} @else {
-    <div class="no-data-container">
-        <p>No data available</p>
-    </div>
-}
diff --git a/frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.spec.ts b/frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.spec.ts
deleted file mode 100644
index 7c5d4652c..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.spec.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideCharts, withDefaultRegisterables } from 'ng2-charts';
-import { ChartPanelComponent } from './chart-panel.component';
-
-describe('ChartPanelComponent', () => {
-	let component: ChartPanelComponent;
-	let fixture: ComponentFixture<ChartPanelComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [ChartPanelComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient(), provideHttpClientTesting(), provideCharts(withDefaultRegisterables())],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(ChartPanelComponent);
-		component = fixture.componentInstance;
-		component.widget = {
-			id: 'test-id',
-			position_x: 0,
-			position_y: 0,
-			width: 4,
-			height: 4,
-			query_id: 'test-query',
-			dashboard_id: 'test-dashboard',
-		};
-		component.connectionId = 'test-conn';
-		component.preloadedQuery = {
-			id: 'test-query',
-			name: 'Test Query',
-			description: null,
-			widget_type: 'chart',
-			chart_type: 'bar',
-			widget_options: { label_column: 'name', value_column: 'count' },
-			query_text: 'SELECT * FROM stats',
-			connection_id: 'test-conn',
-			created_at: new Date().toISOString(),
-			updated_at: new Date().toISOString(),
-		};
-		component.preloadedData = [
-			{ name: 'A', count: 10 },
-			{ name: 'B', count: 20 },
-		];
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display chart when data is provided', () => {
-		const compiled = fixture.nativeElement;
-		expect(compiled.querySelector('.chart-container')).toBeTruthy();
-	});
-
-	it('should compute chart data from preloaded data', () => {
-		const chartData = component['chartData']();
-		expect(chartData).toBeTruthy();
-		expect(chartData?.labels).toEqual(['A', 'B']);
-		expect(chartData?.datasets[0].data).toEqual([10, 20]);
-	});
-});
diff --git a/frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.stories.ts b/frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.stories.ts
deleted file mode 100644
index 2a5cbaa95..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.stories.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { ChartPanelComponent } from './chart-panel.component';
-
-const mockWidget = {
-	id: 'widget-2',
-	position_x: 0,
-	position_y: 0,
-	width: 6,
-	height: 4,
-	query_id: 'query-2',
-	dashboard_id: 'dashboard-1',
-};
-
-const mockQuery = {
-	id: 'query-2',
-	name: 'Monthly Revenue',
-	description: null,
-	widget_type: 'chart' as const,
-	chart_type: 'bar' as const,
-	widget_options: {
-		label_column: 'month',
-		value_column: 'revenue',
-	},
-	query_text: 'SELECT month, revenue FROM monthly_stats',
-	connection_id: 'conn-1',
-	created_at: '2024-01-01',
-	updated_at: '2024-01-01',
-};
-
-const mockData = [
-	{ month: 'Jan', revenue: 12000 },
-	{ month: 'Feb', revenue: 15000 },
-	{ month: 'Mar', revenue: 18000 },
-	{ month: 'Apr', revenue: 14000 },
-	{ month: 'May', revenue: 21000 },
-	{ month: 'Jun', revenue: 19000 },
-];
-
-const meta: Meta<ChartPanelComponent> = {
-	title: 'Dashboard Panels/Chart',
-	component: ChartPanelComponent,
-	args: {
-		widget: mockWidget as any,
-		connectionId: 'conn-1',
-		preloadedQuery: mockQuery as any,
-		preloadedData: mockData,
-	},
-};
-
-export default meta;
-type Story = StoryObj<ChartPanelComponent>;
-
-export const Default: Story = {};
-
-export const LineChart: Story = {
-	args: {
-		preloadedQuery: {
-			...mockQuery,
-			chart_type: 'line',
-		} as any,
-	},
-};
-
-export const PieChart: Story = {
-	args: {
-		preloadedQuery: {
-			...mockQuery,
-			chart_type: 'pie',
-		} as any,
-	},
-};
-
-export const NoData: Story = {
-	args: {
-		preloadedQuery: null,
-		preloadedData: [],
-	},
-};
diff --git a/frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.ts b/frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.ts
deleted file mode 100644
index 7937d77be..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/chart-panel/chart-panel.component.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, Input, OnInit, signal } from '@angular/core';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { ChartConfiguration, ChartData, ChartType as ChartJsType, Plugin } from 'chart.js';
-import 'chartjs-adapter-date-fns';
-import { BaseChartDirective } from 'ng2-charts';
-import {
-	buildChartData,
-	buildChartOptions,
-	buildDataLabelsPlugin,
-	getMappedChartType,
-} from 'src/app/lib/chart-config.helper';
-import { DashboardWidget } from 'src/app/models/dashboard';
-import { ChartWidgetOptions, SavedQuery } from 'src/app/models/saved-query';
-
-@Component({
-	selector: 'app-chart-panel',
-	templateUrl: './chart-panel.component.html',
-	styleUrls: ['./chart-panel.component.css'],
-	imports: [CommonModule, BaseChartDirective, MatProgressSpinnerModule],
-})
-export class ChartPanelComponent implements OnInit {
-	@Input({ required: true }) widget!: DashboardWidget;
-	@Input({ required: true }) connectionId!: string;
-	@Input() preloadedQuery: SavedQuery | null = null;
-	@Input() preloadedData: Record<string, unknown>[] = [];
-
-	protected data = signal<Record<string, unknown>[]>([]);
-	protected savedQuery = signal<SavedQuery | null>(null);
-
-	protected chartData = computed<ChartData<ChartJsType> | null>(() => {
-		const data = this.data();
-		const query = this.savedQuery();
-		if (!data.length || !query) return null;
-
-		const chartType = query.chart_type || 'bar';
-		const widgetOptions = this._resolveWidgetOptions(query, data);
-
-		return buildChartData(data, chartType, widgetOptions);
-	});
-
-	protected chartOptions = computed<ChartConfiguration['options']>(() => {
-		const query = this.savedQuery();
-		const data = this.data();
-		if (!query || !data.length) return this._getDefaultOptions();
-
-		const chartType = query.chart_type || 'bar';
-		const widgetOptions = this._resolveWidgetOptions(query, data);
-
-		return buildChartOptions(chartType, widgetOptions);
-	});
-
-	protected chartPlugins = computed<Plugin[]>(() => {
-		const query = this.savedQuery();
-		if (!query) return [];
-
-		const widgetOptions = (query.widget_options ?? {}) as unknown as ChartWidgetOptions;
-		return [buildDataLabelsPlugin(widgetOptions)];
-	});
-
-	ngOnInit(): void {
-		if (this.preloadedQuery) {
-			this.savedQuery.set(this.preloadedQuery);
-		}
-		if (this.preloadedData.length > 0) {
-			this.data.set(this.preloadedData);
-		}
-	}
-
-	get mappedChartType(): ChartJsType {
-		const query = this.savedQuery();
-		const chartType = query?.chart_type || 'bar';
-		const widgetOptions = (query?.widget_options ?? {}) as unknown as ChartWidgetOptions;
-		return getMappedChartType(chartType, widgetOptions);
-	}
-
-	private _resolveWidgetOptions(query: SavedQuery, data: Record<string, unknown>[]): ChartWidgetOptions {
-		const raw = (query.widget_options ?? {}) as Partial<ChartWidgetOptions>;
-
-		// Fallback label/value columns from data keys
-		const labelColumn = raw.label_column || (data.length ? Object.keys(data[0])[0] : '') || '';
-		const valueColumn =
-			raw.value_column || (data.length ? Object.keys(data[0])[1] || Object.keys(data[0])[0] : '') || '';
-
-		return {
-			...raw,
-			label_column: labelColumn,
-			value_column: valueColumn,
-		};
-	}
-
-	private _getDefaultOptions(): ChartConfiguration['options'] {
-		return {
-			responsive: true,
-			maintainAspectRatio: false,
-			plugins: {
-				legend: {
-					display: true,
-					position: 'top',
-				},
-			},
-		};
-	}
-}
diff --git a/frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.css b/frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.css
deleted file mode 100644
index 76eb24781..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.css
+++ /dev/null
@@ -1,69 +0,0 @@
-:host {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	width: 100%;
-}
-
-.loading-container,
-.error-container,
-.no-query-container,
-.no-data-container,
-.counter-container {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	height: 100%;
-	text-align: center;
-}
-
-.error-message {
-	color: var(--color-warnPalette-500);
-	margin: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.error-message {
-		color: var(--color-warnDarkPalette-500);
-	}
-}
-
-.no-query-container p,
-.no-data-container p {
-	margin: 0;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-query-container p,
-	.no-data-container p {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.hint {
-	font-size: 12px;
-	margin-top: 4px !important;
-}
-
-.counter-value {
-	font-size: 48px;
-	font-weight: 700;
-	line-height: 1;
-	color: var(--color-accentedPalette-500);
-}
-
-.counter-label {
-	font-size: 14px;
-	color: rgba(0, 0, 0, 0.54);
-	margin-top: 8px;
-	text-transform: uppercase;
-	letter-spacing: 0.5px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.counter-label {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
diff --git a/frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.html b/frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.html
deleted file mode 100644
index 9572b5838..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.html
+++ /dev/null
@@ -1,12 +0,0 @@
-@if (counterValue() !== null) {
-    <div class="counter-container">
-        <span class="counter-value">{{ counterValue() }}</span>
-        @if (label()) {
-            <span class="counter-label">{{ label() }}</span>
-        }
-    </div>
-} @else {
-    <div class="no-data-container">
-        <p>No data available</p>
-    </div>
-}
diff --git a/frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.spec.ts b/frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.spec.ts
deleted file mode 100644
index 96e19c423..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.spec.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CounterPanelComponent } from './counter-panel.component';
-
-describe('CounterPanelComponent', () => {
-	let component: CounterPanelComponent;
-	let fixture: ComponentFixture<CounterPanelComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [CounterPanelComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient(), provideHttpClientTesting()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(CounterPanelComponent);
-		component = fixture.componentInstance;
-		component.widget = {
-			id: 'test-id',
-			position_x: 0,
-			position_y: 0,
-			width: 2,
-			height: 2,
-			query_id: 'test-query',
-			dashboard_id: 'test-dashboard',
-		};
-		component.connectionId = 'test-conn';
-		component.preloadedQuery = {
-			id: 'test-query',
-			name: 'Test Counter',
-			description: null,
-			widget_type: 'counter',
-			chart_type: null,
-			widget_options: { value_column: 'total' },
-			query_text: 'SELECT COUNT(*) as total FROM users',
-			connection_id: 'test-conn',
-			created_at: new Date().toISOString(),
-			updated_at: new Date().toISOString(),
-		};
-		component.preloadedData = [{ total: 42 }];
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display counter value from preloaded data', () => {
-		const compiled = fixture.nativeElement;
-		expect(compiled.querySelector('.counter-container')).toBeTruthy();
-		expect(compiled.querySelector('.counter-value').textContent).toContain('42');
-	});
-});
diff --git a/frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.stories.ts b/frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.stories.ts
deleted file mode 100644
index b6281bd41..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.stories.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { CounterPanelComponent } from './counter-panel.component';
-
-const mockWidget = {
-	id: 'widget-1',
-	position_x: 0,
-	position_y: 0,
-	width: 4,
-	height: 2,
-	query_id: 'query-1',
-	dashboard_id: 'dashboard-1',
-};
-
-const mockQuery = {
-	id: 'query-1',
-	name: 'Total Users',
-	description: null,
-	widget_type: 'counter' as const,
-	chart_type: null,
-	widget_options: null,
-	query_text: 'SELECT COUNT(*) as total FROM users',
-	connection_id: 'conn-1',
-	created_at: '2024-01-01',
-	updated_at: '2024-01-01',
-};
-
-const meta: Meta<CounterPanelComponent> = {
-	title: 'Dashboard Panels/Counter',
-	component: CounterPanelComponent,
-	args: {
-		widget: mockWidget as any,
-		connectionId: 'conn-1',
-		preloadedQuery: mockQuery as any,
-		preloadedData: [{ total: 1234 }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<CounterPanelComponent>;
-
-export const Default: Story = {};
-
-export const LargeNumber: Story = {
-	args: {
-		preloadedData: [{ total: 1500000 }],
-	},
-};
-
-export const NoData: Story = {
-	args: {
-		preloadedQuery: null,
-		preloadedData: [],
-	},
-};
diff --git a/frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.ts b/frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.ts
deleted file mode 100644
index df28c1c01..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/counter-panel/counter-panel.component.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, Input, OnInit, signal } from '@angular/core';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { DashboardWidget } from 'src/app/models/dashboard';
-import { SavedQuery } from 'src/app/models/saved-query';
-
-@Component({
-	selector: 'app-counter-panel',
-	templateUrl: './counter-panel.component.html',
-	styleUrls: ['./counter-panel.component.css'],
-	imports: [CommonModule, MatProgressSpinnerModule],
-})
-export class CounterPanelComponent implements OnInit {
-	@Input({ required: true }) widget!: DashboardWidget;
-	@Input({ required: true }) connectionId!: string;
-	@Input() preloadedQuery: SavedQuery | null = null;
-	@Input() preloadedData: Record<string, unknown>[] = [];
-
-	protected data = signal<Record<string, unknown>[]>([]);
-	protected savedQuery = signal<SavedQuery | null>(null);
-
-	protected counterValue = computed(() => {
-		const data = this.data();
-		const query = this.savedQuery();
-		if (!data.length || !query) return null;
-
-		const valueColumn = this._getValueColumn(query, data);
-		if (!valueColumn) return null;
-
-		const value = data[0][valueColumn];
-		if (typeof value === 'number') {
-			return this._formatNumber(value);
-		}
-		return String(value);
-	});
-
-	protected label = computed(() => {
-		const data = this.data();
-		const query = this.savedQuery();
-		if (!data.length || !query) return '';
-
-		const labelColumn = query.widget_options?.['label_column'] as string | undefined;
-		if (labelColumn && data[0][labelColumn]) {
-			return String(data[0][labelColumn]);
-		}
-
-		const valueColumn = this._getValueColumn(query, data);
-		return valueColumn || '';
-	});
-
-	ngOnInit(): void {
-		if (this.preloadedQuery) {
-			this.savedQuery.set(this.preloadedQuery);
-		}
-		if (this.preloadedData.length > 0) {
-			this.data.set(this.preloadedData);
-		}
-	}
-
-	private _getValueColumn(query: SavedQuery, data: Record<string, unknown>[]): string | null {
-		const valueCol = query.widget_options?.['value_column'] as string | undefined;
-		if (valueCol) return valueCol;
-
-		if (!data.length) return null;
-		return Object.keys(data[0])[0] || null;
-	}
-
-	private _formatNumber(value: number): string {
-		if (Math.abs(value) >= 1000000) {
-			return (value / 1000000).toFixed(1) + 'M';
-		} else if (Math.abs(value) >= 1000) {
-			return (value / 1000).toFixed(1) + 'K';
-		}
-		return value.toLocaleString();
-	}
-}
diff --git a/frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.css b/frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.css
deleted file mode 100644
index 7f17a6816..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.css
+++ /dev/null
@@ -1,23 +0,0 @@
-:host {
-	display: block;
-	width: 100%;
-	height: 100%;
-}
-
-.panel-loading {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 100%;
-}
-
-.panel-error {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 100%;
-	color: var(--color-warnDarkPalette-500);
-	font-size: 14px;
-	text-align: center;
-	padding: 16px;
-}
diff --git a/frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.html b/frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.html
deleted file mode 100644
index cd94183fd..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.html
+++ /dev/null
@@ -1,47 +0,0 @@
-@if (loading()) {
-    <div class="panel-loading">
-        <mat-spinner diameter="32"></mat-spinner>
-    </div>
-} @else if (error()) {
-    <div class="panel-error">
-        <span>{{ error() }}</span>
-    </div>
-} @else if (savedQuery()) {
-    @switch (savedQuery()!.widget_type) {
-            @case ('chart') {
-                <app-chart-panel
-                    [widget]="widget"
-                    [connectionId]="connectionId"
-                    [preloadedQuery]="savedQuery()!"
-                    [preloadedData]="queryData()">
-                </app-chart-panel>
-            }
-            @case ('table') {
-                <app-table-panel
-                    [widget]="widget"
-                    [connectionId]="connectionId"
-                    [preloadedQuery]="savedQuery()!"
-                    [preloadedData]="queryData()">
-                </app-table-panel>
-            }
-            @case ('counter') {
-                <app-counter-panel
-                    [widget]="widget"
-                    [connectionId]="connectionId"
-                    [preloadedQuery]="savedQuery()!"
-                    [preloadedData]="queryData()">
-                </app-counter-panel>
-            }
-            @case ('text') {
-                <app-text-panel
-                    [widget]="widget"
-                    [preloadedQuery]="savedQuery()!">
-                </app-text-panel>
-            }
-            @default {
-                <div class="panel-error">
-                    <span>Unknown panel type: {{ savedQuery()!.widget_type }}</span>
-                </div>
-            }
-        }
-}
diff --git a/frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.stories.ts b/frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.stories.ts
deleted file mode 100644
index 1e099e6b8..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.stories.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { applicationConfig, type Meta, type StoryObj } from '@storybook/angular';
-import { SavedQueriesService } from 'src/app/services/saved-queries.service';
-import { DashboardPanelComponent } from './dashboard-panel.component';
-
-const mockWidget = {
-	id: 'widget-5',
-	position_x: 0,
-	position_y: 0,
-	width: 6,
-	height: 4,
-	query_id: 'query-5',
-	dashboard_id: 'dashboard-1',
-};
-
-const mockSavedQueriesService: Partial<SavedQueriesService> = {
-	fetchSavedQuery: () =>
-		Promise.resolve({
-			id: 'query-5',
-			name: 'Total Users',
-			description: null,
-			widget_type: 'counter' as const,
-			chart_type: null,
-			widget_options: null,
-			query_text: 'SELECT COUNT(*) as total FROM users',
-			connection_id: 'conn-1',
-			created_at: '2024-01-01',
-			updated_at: '2024-01-01',
-		}),
-	executeSavedQuery: () =>
-		Promise.resolve({
-			query_id: 'query-5',
-			query_name: 'Total Users',
-			data: [{ total: 1234 }],
-			execution_time_ms: 42,
-		}),
-};
-
-const meta: Meta<DashboardPanelComponent> = {
-	title: 'Dashboard Panels/DashboardPanel',
-	component: DashboardPanelComponent,
-	args: {
-		widget: mockWidget as any,
-		connectionId: 'conn-1',
-	},
-	decorators: [
-		applicationConfig({
-			providers: [{ provide: SavedQueriesService, useValue: mockSavedQueriesService }],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<DashboardPanelComponent>;
-
-export const Default: Story = {};
-
-export const NoQuery: Story = {
-	args: {
-		widget: {
-			...mockWidget,
-			query_id: null,
-		} as any,
-	},
-};
diff --git a/frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.ts b/frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.ts
deleted file mode 100644
index 6b80ffb3a..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/dashboard-panel/dashboard-panel.component.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, effect, Input, inject, signal } from '@angular/core';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { DashboardWidget } from 'src/app/models/dashboard';
-import { SavedQuery } from 'src/app/models/saved-query';
-import { SavedQueriesService } from 'src/app/services/saved-queries.service';
-import { ChartPanelComponent } from '../chart-panel/chart-panel.component';
-import { CounterPanelComponent } from '../counter-panel/counter-panel.component';
-import { TablePanelComponent } from '../table-panel/table-panel.component';
-import { TextPanelComponent } from '../text-panel/text-panel.component';
-
-@Component({
-	selector: 'app-dashboard-panel',
-	templateUrl: './dashboard-panel.component.html',
-	styleUrls: ['./dashboard-panel.component.css'],
-	imports: [
-		CommonModule,
-		MatProgressSpinnerModule,
-		ChartPanelComponent,
-		CounterPanelComponent,
-		TablePanelComponent,
-		TextPanelComponent,
-	],
-})
-export class DashboardPanelComponent {
-	@Input({ required: true }) widget!: DashboardWidget;
-	@Input({ required: true }) connectionId!: string;
-
-	private _savedQueries = inject(SavedQueriesService);
-
-	protected loading = signal(true);
-	protected error = signal<string | null>(null);
-	protected queryData = signal<Record<string, unknown>[]>([]);
-
-	// Public signal for parent to access widget name
-	public savedQuery = signal<SavedQuery | null>(null);
-
-	constructor() {
-		effect(() => {
-			if (this.widget?.query_id) {
-				this._loadData();
-			} else {
-				this.loading.set(false);
-				this.error.set('No query linked to this panel');
-			}
-		});
-	}
-
-	private async _loadData(): Promise<void> {
-		if (!this.widget.query_id) {
-			this.loading.set(false);
-			this.error.set('No query linked to this panel');
-			return;
-		}
-
-		this.loading.set(true);
-		this.error.set(null);
-
-		try {
-			const [query, result] = await Promise.all([
-				this._savedQueries.fetchSavedQuery(this.connectionId, this.widget.query_id),
-				this._savedQueries.executeSavedQuery(this.connectionId, this.widget.query_id),
-			]);
-
-			this.savedQuery.set(query);
-			if (result) {
-				this.queryData.set(result.data);
-			}
-			this.loading.set(false);
-		} catch (err: unknown) {
-			const error = err as { error?: { message?: string } };
-			this.error.set(error?.error?.message || 'Failed to load data');
-			this.loading.set(false);
-		}
-	}
-}
diff --git a/frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.css b/frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.css
deleted file mode 100644
index 20b19a97d..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.css
+++ /dev/null
@@ -1,75 +0,0 @@
-:host {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	width: 100%;
-}
-
-.loading-container,
-.error-container,
-.no-query-container,
-.no-data-container {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	height: 100%;
-	text-align: center;
-}
-
-.error-message {
-	color: var(--color-warnPalette-500);
-	margin: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.error-message {
-		color: var(--color-warnDarkPalette-500);
-	}
-}
-
-.no-query-container p,
-.no-data-container p {
-	margin: 0;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-query-container p,
-	.no-data-container p {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.hint {
-	font-size: 12px;
-	margin-top: 4px !important;
-}
-
-.table-container {
-	flex: 1;
-	overflow: auto;
-}
-
-.table-container table {
-	width: 100%;
-}
-
-.table-container th {
-	background: rgba(0, 0, 0, 0.04);
-	font-weight: 600;
-	white-space: nowrap;
-}
-
-@media (prefers-color-scheme: dark) {
-	.table-container th {
-		background: rgba(255, 255, 255, 0.04);
-	}
-}
-
-.table-container td {
-	white-space: nowrap;
-	max-width: 200px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
diff --git a/frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.html b/frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.html
deleted file mode 100644
index b9eea58c7..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.html
+++ /dev/null
@@ -1,18 +0,0 @@
-@if (data().length > 0) {
-    <div class="table-container">
-        <table mat-table [dataSource]="data()">
-            @for (column of columns(); track column) {
-                <ng-container [matColumnDef]="column">
-                    <th mat-header-cell *matHeaderCellDef>{{ column }}</th>
-                    <td mat-cell *matCellDef="let row">{{ row[column] }}</td>
-                </ng-container>
-            }
-            <tr mat-header-row *matHeaderRowDef="columns(); sticky: true"></tr>
-            <tr mat-row *matRowDef="let row; columns: columns();"></tr>
-        </table>
-    </div>
-} @else {
-    <div class="no-data-container">
-        <p>No data available</p>
-    </div>
-}
diff --git a/frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.spec.ts b/frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.spec.ts
deleted file mode 100644
index 3d41328f5..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.spec.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { TablePanelComponent } from './table-panel.component';
-
-describe('TablePanelComponent', () => {
-	let component: TablePanelComponent;
-	let fixture: ComponentFixture<TablePanelComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TablePanelComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient(), provideHttpClientTesting()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(TablePanelComponent);
-		component = fixture.componentInstance;
-		component.widget = {
-			id: 'test-id',
-			position_x: 0,
-			position_y: 0,
-			width: 4,
-			height: 4,
-			query_id: 'test-query',
-			dashboard_id: 'test-dashboard',
-		};
-		component.connectionId = 'test-conn';
-		component.preloadedQuery = {
-			id: 'test-query',
-			name: 'Test Table',
-			description: null,
-			widget_type: 'table',
-			chart_type: null,
-			widget_options: null,
-			query_text: 'SELECT * FROM users',
-			connection_id: 'test-conn',
-			created_at: new Date().toISOString(),
-			updated_at: new Date().toISOString(),
-		};
-		component.preloadedData = [
-			{ id: 1, name: 'John', email: 'john@example.com' },
-			{ id: 2, name: 'Jane', email: 'jane@example.com' },
-		];
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display table with preloaded data', () => {
-		const compiled = fixture.nativeElement;
-		expect(compiled.querySelector('.table-container')).toBeTruthy();
-		expect(compiled.querySelector('table')).toBeTruthy();
-	});
-
-	it('should compute columns from data', () => {
-		const columns = component['columns']();
-		expect(columns).toEqual(['id', 'name', 'email']);
-	});
-});
diff --git a/frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.stories.ts b/frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.stories.ts
deleted file mode 100644
index 252e1f23e..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.stories.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TablePanelComponent } from './table-panel.component';
-
-const mockWidget = {
-	id: 'widget-3',
-	position_x: 0,
-	position_y: 0,
-	width: 8,
-	height: 4,
-	query_id: 'query-3',
-	dashboard_id: 'dashboard-1',
-};
-
-const mockQuery = {
-	id: 'query-3',
-	name: 'Recent Orders',
-	description: null,
-	widget_type: 'table' as const,
-	chart_type: null,
-	widget_options: null,
-	query_text: 'SELECT id, customer, amount, status FROM orders LIMIT 10',
-	connection_id: 'conn-1',
-	created_at: '2024-01-01',
-	updated_at: '2024-01-01',
-};
-
-const mockData = [
-	{ id: 1, customer: 'Alice', amount: 250.0, status: 'completed' },
-	{ id: 2, customer: 'Bob', amount: 120.5, status: 'pending' },
-	{ id: 3, customer: 'Charlie', amount: 340.0, status: 'completed' },
-	{ id: 4, customer: 'Diana', amount: 89.99, status: 'cancelled' },
-	{ id: 5, customer: 'Eve', amount: 560.0, status: 'completed' },
-];
-
-const meta: Meta<TablePanelComponent> = {
-	title: 'Dashboard Panels/Table',
-	component: TablePanelComponent,
-	args: {
-		widget: mockWidget as any,
-		connectionId: 'conn-1',
-		preloadedQuery: mockQuery as any,
-		preloadedData: mockData,
-	},
-};
-
-export default meta;
-type Story = StoryObj<TablePanelComponent>;
-
-export const Default: Story = {};
-
-export const NoData: Story = {
-	args: {
-		preloadedQuery: null,
-		preloadedData: [],
-	},
-};
diff --git a/frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.ts b/frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.ts
deleted file mode 100644
index 90fe63cf3..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/table-panel/table-panel.component.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, Input, OnInit, signal } from '@angular/core';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatTableModule } from '@angular/material/table';
-import { DashboardWidget } from 'src/app/models/dashboard';
-import { SavedQuery } from 'src/app/models/saved-query';
-
-@Component({
-	selector: 'app-table-panel',
-	templateUrl: './table-panel.component.html',
-	styleUrls: ['./table-panel.component.css'],
-	imports: [CommonModule, MatTableModule, MatProgressSpinnerModule],
-})
-export class TablePanelComponent implements OnInit {
-	@Input({ required: true }) widget!: DashboardWidget;
-	@Input({ required: true }) connectionId!: string;
-	@Input() preloadedQuery: SavedQuery | null = null;
-	@Input() preloadedData: Record<string, unknown>[] = [];
-
-	protected data = signal<Record<string, unknown>[]>([]);
-
-	protected columns = computed(() => {
-		const data = this.data();
-		if (!data.length) return [];
-		return Object.keys(data[0]);
-	});
-
-	ngOnInit(): void {
-		if (this.preloadedData.length > 0) {
-			this.data.set(this.preloadedData);
-		}
-	}
-}
diff --git a/frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.css b/frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.css
deleted file mode 100644
index 83d799b63..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.css
+++ /dev/null
@@ -1,94 +0,0 @@
-:host {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	width: 100%;
-}
-
-.text-container {
-	flex: 1;
-	overflow: auto;
-}
-
-.text-container ::ng-deep {
-	h1,
-	h2,
-	h3,
-	h4,
-	h5,
-	h6 {
-		margin-top: 0;
-		margin-bottom: 8px;
-	}
-
-	p {
-		margin: 0 0 8px 0;
-	}
-
-	p:last-child {
-		margin-bottom: 0;
-	}
-
-	ul,
-	ol {
-		margin: 0 0 8px 0;
-		padding-left: 20px;
-	}
-
-	a {
-		color: var(--color-accentedPalette-500);
-	}
-
-	code {
-		background: rgba(0, 0, 0, 0.05);
-		padding: 2px 6px;
-		border-radius: 4px;
-		font-family: monospace;
-	}
-
-	pre {
-		background: rgba(0, 0, 0, 0.05);
-		padding: 12px;
-		border-radius: 4px;
-		overflow: auto;
-	}
-
-	pre code {
-		background: none;
-		padding: 0;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.text-container ::ng-deep {
-		code,
-		pre {
-			background: rgba(255, 255, 255, 0.05);
-		}
-	}
-}
-
-.no-content-container {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	height: 100%;
-	text-align: center;
-}
-
-.no-content-container p {
-	margin: 0;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-content-container p {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.hint {
-	font-size: 12px;
-	margin-top: 4px !important;
-}
diff --git a/frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.html b/frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.html
deleted file mode 100644
index c2380e8ce..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.html
+++ /dev/null
@@ -1,10 +0,0 @@
-@if (textContent()) {
-    <div class="text-container">
-        <markdown [data]="textContent()"></markdown>
-    </div>
-} @else {
-    <div class="no-content-container">
-        <p>No content</p>
-        <p class="hint">Edit this panel to add text content.</p>
-    </div>
-}
diff --git a/frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.spec.ts b/frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.spec.ts
deleted file mode 100644
index 744eaceca..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.spec.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { MarkdownModule } from 'ngx-markdown';
-import { TextPanelComponent } from './text-panel.component';
-
-describe('TextPanelComponent', () => {
-	let component: TextPanelComponent;
-	let fixture: ComponentFixture<TextPanelComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TextPanelComponent, BrowserAnimationsModule, MarkdownModule.forRoot()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(TextPanelComponent);
-		component = fixture.componentInstance;
-		component.widget = {
-			id: 'test-id',
-			position_x: 0,
-			position_y: 0,
-			width: 4,
-			height: 4,
-			query_id: null,
-			dashboard_id: 'test-dashboard',
-		};
-		component.preloadedQuery = {
-			id: 'test-query',
-			name: 'Test Text',
-			description: null,
-			widget_type: 'text',
-			chart_type: null,
-			widget_options: { text_content: '# Hello World' },
-			query_text: '',
-			connection_id: 'test-conn',
-			created_at: new Date().toISOString(),
-			updated_at: new Date().toISOString(),
-		};
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should compute text content from preloaded query', () => {
-		const textContent = component['textContent']();
-		expect(textContent).toBe('# Hello World');
-	});
-});
diff --git a/frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.stories.ts b/frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.stories.ts
deleted file mode 100644
index 803d505ab..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.stories.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TextPanelComponent } from './text-panel.component';
-
-const mockWidget = {
-	id: 'widget-4',
-	position_x: 0,
-	position_y: 0,
-	width: 4,
-	height: 2,
-	query_id: 'query-4',
-	dashboard_id: 'dashboard-1',
-};
-
-const mockQuery = {
-	id: 'query-4',
-	name: 'Dashboard Info',
-	description: null,
-	widget_type: 'text' as const,
-	chart_type: null,
-	widget_options: {
-		text_content:
-			'## Welcome\n\nThis dashboard shows key metrics for the **Q1 2024** report.\n\n- Total revenue\n- Active users\n- Order status',
-	},
-	query_text: '',
-	connection_id: 'conn-1',
-	created_at: '2024-01-01',
-	updated_at: '2024-01-01',
-};
-
-const meta: Meta<TextPanelComponent> = {
-	title: 'Dashboard Panels/Text',
-	component: TextPanelComponent,
-	args: {
-		widget: mockWidget as any,
-		preloadedQuery: mockQuery as any,
-	},
-};
-
-export default meta;
-type Story = StoryObj<TextPanelComponent>;
-
-export const Default: Story = {};
-
-export const NoContent: Story = {
-	args: {
-		preloadedQuery: null,
-	},
-};
diff --git a/frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.ts b/frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.ts
deleted file mode 100644
index 43f0679de..000000000
--- a/frontend/src/app/components/dashboards/panel-renderers/text-panel/text-panel.component.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, Input, signal } from '@angular/core';
-import { MarkdownModule } from 'ngx-markdown';
-import { DashboardWidget } from 'src/app/models/dashboard';
-import { SavedQuery } from 'src/app/models/saved-query';
-
-@Component({
-	selector: 'app-text-panel',
-	templateUrl: './text-panel.component.html',
-	styleUrls: ['./text-panel.component.css'],
-	imports: [CommonModule, MarkdownModule],
-})
-export class TextPanelComponent {
-	@Input({ required: true }) widget!: DashboardWidget;
-	@Input() preloadedQuery: SavedQuery | null = null;
-
-	protected textContent = computed(() => {
-		const query = this.preloadedQuery;
-		if (!query) return '';
-		return (query.widget_options?.['text_content'] as string) || '';
-	});
-}
diff --git a/frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.css b/frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.css
deleted file mode 100644
index b909bbf76..000000000
--- a/frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.css
+++ /dev/null
@@ -1,358 +0,0 @@
-:host app-alert:not(:empty) {
-	--alert-margin: 24px;
-}
-
-:host app-alert:empty {
-	display: none;
-}
-
-.page {
-	display: flex;
-	height: 100%;
-	margin: 16px 0;
-}
-
-@media (width <= 600px) {
-	.page {
-		margin: 8px 0 0;
-	}
-}
-
-.wrapper {
-	position: relative;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	width: 100vw;
-}
-
-@media (width <= 600px) {
-	.wrapper {
-		padding: 36px 9vw 16px;
-		width: 100vw;
-	}
-}
-
-.wrapper_shifted {
-	margin-left: calc(clamp(-400px, -22vw, -200px) - 24px);
-}
-
-.row-edit-header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 16px;
-}
-
-.row-edit-header__main {
-	display: flex;
-	align-items: center;
-	gap: 4px;
-	min-width: 0;
-}
-
-.row-edit-header__back {
-	flex: 0 0 auto;
-}
-
-.row-edit-header__text {
-	display: flex;
-	flex-direction: column;
-	line-height: 1.2;
-	min-width: 0;
-}
-
-.row-edit-header__title {
-	font-size: 18px;
-	font-weight: 600;
-}
-
-.row-edit-header__subtitle {
-	font-size: 12px;
-	font-weight: 500;
-	opacity: 0.6;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-@media (width <= 600px) {
-	.row-edit-header {
-		width: 100%;
-	}
-}
-
-.row-actions {
-	display: flex;
-	align-items: center;
-}
-
-.custom-actions_desktop {
-	display: flex;
-	align-items: center;
-	gap: 4px;
-}
-
-@media (width <= 600px) {
-	.custom-actions_desktop {
-		display: none;
-	}
-}
-
-.custom-actions_mobile {
-	display: none;
-}
-
-@media (width <= 600px) {
-	.custom-actions_mobile {
-		display: flex;
-		flex-wrap: wrap;
-		gap: 8px;
-	}
-}
-
-.form {
-	display: flex;
-	flex-direction: column;
-	margin: 24px auto 40px;
-	max-width: 520px;
-	min-width: 300px;
-	width: 100%;
-}
-
-/* @media (width <= 600px) {
-    .form {
-        width: 96%;
-    }
-} */
-
-.related-views {
-	position: absolute;
-	top: calc(52px + 40px);
-	right: 0;
-	display: flex;
-	flex-direction: column;
-	margin: 0 auto 0;
-	height: calc(100vh - 52px - 64px - 96px);
-	max-width: 520px;
-	min-width: 300px;
-	overflow: auto;
-	padding-right: 20px;
-	width: max(calc(45vw - 260px), 2%);
-}
-
-@media (width <= 1280px) {
-	.related-views {
-		position: initial;
-		height: auto;
-		margin: 12px 0 4px;
-		padding: 4px 2px;
-		width: 100%;
-	}
-
-	.related-views__title {
-		padding: 0 10px;
-	}
-}
-
-.related-records__table-name {
-	flex: 1 1 auto;
-	min-width: 0;
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	margin-right: 8px;
-}
-
-.related-records__table-name-text {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	min-width: 0;
-}
-
-.related-records__actions {
-	flex: 0 0 auto;
-	justify-content: flex-end;
-	/* Stay clickable even when the panel is disabled (no related records). */
-	pointer-events: auto;
-}
-
-/* Keep the action icons fully dark in every panel state (enabled or
-   disabled), instead of Material's lighter default icon color. */
-.related-records__actions .mat-icon {
-	color: rgba(0, 0, 0, 0.87);
-}
-
-@media (prefers-color-scheme: dark) {
-	.related-records__actions .mat-icon {
-		color: rgba(255, 255, 255, 0.87);
-	}
-}
-
-/* Keep header content legible when the panel is disabled (no related
-   records) — disabling only blocks expand/collapse, not the actions. */
-.related-records__panel ::ng-deep .mat-expansion-panel-header[aria-disabled='true'] {
-	color: inherit;
-	cursor: default;
-}
-
-.related-records__empty-mark {
-	flex: 0 0 auto;
-	font-size: 11px;
-	line-height: 16px;
-	text-transform: uppercase;
-	letter-spacing: 0.04em;
-	padding: 1px 6px;
-	border-radius: 8px;
-	color: rgba(0, 0, 0, 0.5);
-	background: rgba(0, 0, 0, 0.06);
-}
-
-.related-records__add-button {
-	flex: 0 0 auto;
-}
-
-@media (prefers-color-scheme: dark) {
-	.related-records__empty-mark {
-		color: rgba(255, 255, 255, 0.6);
-		background: rgba(255, 255, 255, 0.1);
-	}
-}
-
-.related-record {
-	--mat-list-list-item-two-line-container-height: 60px;
-}
-
-.related-record ::ng-deep .mdc-list-item__primary-text::before {
-	height: 24px;
-}
-
-.related-records__panel ::ng-deep .mat-expansion-panel-body {
-	padding: 0 8px 16px;
-}
-
-.related-record__fields {
-	margin-left: -4px;
-}
-
-.related-record__field {
-	margin-left: 8px;
-}
-
-.related-record__fieldName {
-	margin-right: 4px;
-}
-
-.widget {
-	display: block;
-}
-
-.widget-info {
-	margin-left: auto;
-	margin-top: 12px;
-}
-
-.widget-info_centered {
-	align-self: center;
-	margin-top: -18px;
-}
-
-.actions {
-	position: fixed;
-	left: 0;
-	bottom: 0;
-	display: flex;
-	align-items: center;
-	/* justify-content: space-between; */
-	background-color: var(--background-color);
-	box-shadow: var(--shadow);
-	height: 64px;
-	padding: 0 max(calc(50vw - 260px), 2%);
-	width: 100vw;
-}
-
-.actions-box {
-	display: flex;
-	align-items: center;
-	justify-content: flex-end;
-	gap: 8px;
-	width: 100%;
-}
-
-.wrapper_shifted .actions {
-	left: calc(clamp(-400px, -22vw, -200px));
-}
-
-.wrapper_shifted .actions-box {
-	margin-left: -24px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.actions {
-		--shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.5), 0 2px 2px 0 rgba(0, 0, 0, 0.64), 0 1px 5px 0 rgba(0, 0, 0, 0.85);
-		--background-color: var(--surface-dark-color);
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.actions {
-		--shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-		--background-color: #fff;
-	}
-}
-
-@media (width <= 600px) {
-	.wrapper {
-		padding-bottom: 132px;
-	}
-
-	.actions {
-		position: fixed;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		width: 100%;
-		height: auto;
-		min-height: 0;
-		margin: 0;
-		padding: 8px 16px max(8px, env(safe-area-inset-bottom, 0px));
-		box-sizing: border-box;
-		border-top: 1px solid rgba(0, 0, 0, 0.08);
-		z-index: 100;
-	}
-
-	.wrapper_shifted .actions {
-		left: 0;
-	}
-
-	.actions-box {
-		flex-direction: row;
-		flex-wrap: wrap;
-		align-items: center;
-		justify-content: flex-end;
-		gap: 8px;
-		width: 100%;
-		margin-left: 0;
-	}
-
-	.actions__continue {
-		margin-right: auto !important;
-		margin-left: 0 !important;
-	}
-}
-
-@media (prefers-color-scheme: dark) and (width <= 600px) {
-	.actions {
-		border-top-color: rgba(255, 255, 255, 0.1);
-	}
-}
-
-.actions__continue {
-	margin-right: auto;
-	margin-left: 0;
-}
-
-.error-details {
-	margin-top: 8px;
-}
diff --git a/frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.html b/frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.html
deleted file mode 100644
index ee21e4224..000000000
--- a/frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.html
+++ /dev/null
@@ -1,228 +0,0 @@
-<app-alert></app-alert>
-<app-alert *ngIf="isTestConnection" [alert]="isTestConnectionWarning"></app-alert>
-<app-placeholder-row-edit *ngIf="loading"></app-placeholder-row-edit>
-
-<app-banner *ngIf="isServerError" type="error" class="row-banner">
-    <div *ngIf="serverError.details; else stringError" class="mat-body-1">
-        <strong>{{serverError.abstract}}</strong>
-        <p class="mat-body-1 error-details">{{serverError.details}}</p>
-    </div>
-    <ng-template #stringError>
-        <p class="mat-body-1">{{serverError.abstract}}</p>
-    </ng-template>
-    <div class="error-actions">
-        <a mat-stroked-button routerLink="/dashboard/{{connectionID}}/{{tableName}}">
-            Dashboard
-        </a>
-    </div>
-</app-banner>
-
-<div class="page">
-     <div *ngIf="tableRowValues" class="wrapper" [ngClass]="{'wrapper_shifted' :selectedRow}">
-        <div class="row-edit-header">
-            <div class="row-edit-header__main">
-                <a mat-icon-button class="row-edit-header__back"
-                    routerLink="/dashboard/{{connectionID}}/{{tableName}}"
-                    [queryParams]="backUrlParams"
-                    matTooltip="Back to table"
-                    data-testid="record-back-to-table-button">
-                    <mat-icon>arrow_back</mat-icon>
-                </a>
-                <div class="row-edit-header__text">
-                    <span class="row-edit-header__title">{{ pageTitle }}</span>
-                    <span class="row-edit-header__subtitle">{{ dispalyTableName }}</span>
-                </div>
-            </div>
-            <div class="row-actions">
-                <a mat-icon-button *ngIf="canAddRow() && hasKeyAttributesFromURL"
-                    routerLink="/dashboard/{{connectionID}}/{{tableName}}/entry"
-                    [queryParams]="dubURLParams"
-                    matTooltip="Duplicate row">
-                    <mat-icon fontSet="material-symbols-outlined">difference</mat-icon>
-                </a>
-                <button type="button" mat-icon-button *ngIf="canDeleteRow() && canDelete && hasKeyAttributesFromURL"
-                    matTooltip="Delete row"
-                    (click)="handleDeleteRow()">
-                    <mat-icon fontSet="material-symbols-outlined">delete</mat-icon>
-                </button>
-                <div *ngIf="rowActions && rowActions.length">
-                    <div class="custom-actions_desktop">
-                        <button type="button" mat-icon-button *ngFor="let action of rowActions"
-                            [matTooltip]="action.title"
-                            (click)="handleActivateAction(action)">
-                            <mat-icon fontSet="material-symbols-outlined">
-                                {{action.icon}}
-                            </mat-icon>
-                        </button>
-                    </div>
-                    <div class="custom-actions_mobile">
-                        <button type="button" mat-stroked-button *ngFor="let action of rowActions"
-                            (click)="handleActivateAction(action)">
-                            <mat-icon fontSet="material-symbols-outlined">
-                                {{action.icon}}
-                            </mat-icon>
-                            {{action.title}}
-                        </button>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div *ngIf="referencedTables && referencedTables.length" class="related-views">
-
-            <h3>
-                Records related to&nbsp;
-                <span *ngIf="tableRowValues[identityColumn]">"{{tableRowValues[identityColumn]}}"</span>
-                <span *ngIf="!tableRowValues[identityColumn]">this row</span>
-            </h3>
-
-            <mat-accordion multi="true">
-                <mat-expansion-panel *ngFor="let referencedTable of referencedTables; let i = index" class="related-records__panel"
-                    [disabled]="referencedRecords[referencedTable.table_name] && !referencedRecords[referencedTable.table_name].rawRows.length"
-                    [hideToggle]="referencedRecords[referencedTable.table_name] && !referencedRecords[referencedTable.table_name].rawRows.length">
-                    <mat-expansion-panel-header>
-                        <mat-panel-title class="related-records__table-name">
-                            <span class="related-records__table-name-text" [matTooltip]="referencedTable.displayTableName">{{referencedTable.displayTableName}}</span>
-                            <span *ngIf="referencedRecords[referencedTable.table_name] && !referencedRecords[referencedTable.table_name].rawRows.length"
-                                class="related-records__empty-mark">
-                                Empty
-                            </span>
-                        </mat-panel-title>
-                        <mat-panel-description class="related-records__actions">
-                            <mat-spinner *ngIf="!referencedRecords[referencedTable.table_name]" diameter="20"></mat-spinner>
-                            <a mat-icon-button *ngIf="referencedRecords[referencedTable.table_name]" target="_blank"
-                                class="related-records__add-button"
-                                routerLink="/dashboard/{{connectionID}}/{{referencedTable.table_name}}/entry"
-                                matTooltip="Add a new record to {{referencedTable.displayTableName}}"
-                                (click)="$event.stopPropagation()">
-                                <mat-icon>add</mat-icon>
-                            </a>
-                            <a mat-icon-button *ngIf="referencedRecords[referencedTable.table_name]"
-                                routerLink="/dashboard/{{connectionID}}/{{referencedTable.table_name}}"
-                                [queryParams]="referencedTablesURLParams[i]"
-                                matTooltip="Open records in table view">
-                                <mat-icon>open_in_new</mat-icon>
-                            </a>
-                        </mat-panel-description>
-                    </mat-expansion-panel-header>
-
-                    <mat-nav-list>
-                        <mat-list-item *ngFor="let rawRow of referencedRecords[referencedTable.table_name]?.rawRows; let i = index"
-                            class="related-record" (click)="handleViewRow(referencedTable.table_name, rawRow)">
-                            <span matListItemTitle>
-                                <strong *ngIf="!referencedRecords[referencedTable.table_name].identityColumn.isSet">
-                                    {{referencedRecords[referencedTable.table_name].identityColumn.displayName}}:&nbsp;
-                                </strong>
-                                {{ referencedRecords[referencedTable.table_name].formattedRows[i][referencedRecords[referencedTable.table_name].identityColumn.name] }}
-                            </span>
-                            <span matListItemLine class="related-record__fields">
-                                <span *ngFor="let field of referencedRecords[referencedTable.table_name].fieldsOrder" class="related-record__field">
-                                    <strong class="related-record__fieldName">{{field.displayName}}:</strong>
-                                    <span>{{ referencedRecords[referencedTable.table_name].formattedRows[i][field.fieldName] }};</span>
-                                </span>
-                            </span>
-                        </mat-list-item>
-                    </mat-nav-list>
-                </mat-expansion-panel>
-            </mat-accordion>
-        </div>
-
-        <form #editRowForm="ngForm" class="form"
-            (ngSubmit)="handleRowSubmitting(false)">
-            <div>
-                <div style="display: flex; flex-direction: column">
-                    <div *ngFor="let value of fieldsOrdered; let index = index" style="display: flex; flex-direction: column">
-                        <!-- <mat-form-field class="example-form-field" appearance="outline">
-                            <mat-label>test label</mat-label>
-                            <input matInput type="text" required name="test-name" ngModel>
-                            <mat-error>!!!</mat-error>
-                        </mat-form-field> -->
-                        <div *ngIf="isWidget(value); else defaultTableField" [ngClass]="{ widget: tableWidgets[value].description }">
-                            <ndc-dynamic [ndcDynamicComponent]="tableWidgets[value].widget_type ? UIwidgets[tableWidgets[value].widget_type] : inputs[tableTypes[value]]"
-                                [ndcDynamicInputs]="{
-                                    key: index,
-                                    label: tableWidgets[value].name || value,
-                                    value: tableRowValues[value],
-                                    required: tableRowRequiredValues[value],
-                                    readonly: (!canEditRow() && pageAction !== 'dub') || pageMode === 'view',
-                                    disabled: isReadonlyField(value),
-                                    structure: tableRowStructure[value],
-                                    widgetStructure: tableWidgets[value],
-                                    relations: tableTypes[value] === 'foreign key' ? getRelations(value) : undefined,
-                                    rowPrimaryKey: keyAttributesFromURL
-                                }"
-                                [ndcDynamicOutputs]="{
-                                    onFieldChange: { handler: updateField, args: ['$event', value] }
-                                }"
-                            ></ndc-dynamic>
-                        </div>
-
-                        <ng-template #defaultTableField>
-                            <ndc-dynamic [ndcDynamicComponent]="inputs[tableTypes[value]]"
-                                [ndcDynamicInputs]="{
-                                    key: index,
-                                    label: value,
-                                    value: tableRowValues[value],
-                                    required: tableRowRequiredValues[value],
-                                    readonly: (!canEditRow() && pageAction !== 'dub') || pageMode === 'view',
-                                    disabled: isReadonlyField(value),
-                                    structure: tableRowStructure[value],
-                                    relations: tableTypes[value] === 'foreign key' ? getRelations(value) : undefined
-                                }"
-                                [ndcDynamicOutputs]="{
-                                    onFieldChange: { handler: updateField, args: ['$event', value] }
-                                }"
-                            ></ndc-dynamic>
-                        </ng-template>
-                    </div>
-                </div>
-            </div>
-
-            <div class="actions">
-                <div class="actions-box">
-                    <button type="button" mat-flat-button color="primary"
-                        *ngIf="(keyAttributesListFromStructure.length || hasKeyAttributesFromURL) && canEditRow() && pageMode === 'view'"
-                        data-testid="switch-to-editing-button"
-                        (click)="switchToEditMode()">
-                        <mat-icon fontSet="material-symbols-outlined">edit</mat-icon>
-                        Edit
-                    </button>
-
-                    <button type="button" mat-button color="primary"
-                        *ngIf="(keyAttributesListFromStructure.length || hasKeyAttributesFromURL) && canEditRow() && pageMode !== 'view'"
-                        class="actions__continue"
-                        data-testid="record-save-and-continue-editing-button"
-                        [disabled]="submitting || editRowForm.form.invalid"
-                        (click)="handleRowSubmitting(true)">
-                        Save & continue
-                    </button>
-
-                    <button *ngIf="hasKeyAttributesFromURL && canEditRow() && !pageAction && pageMode !== 'view'"
-                        type="submit" mat-flat-button color="primary"
-                        data-testid="record-edit-button"
-                        [disabled]="submitting || editRowForm.form.invalid">
-                        Save
-                    </button>
-
-                    <button *ngIf="hasKeyAttributesFromURL && canAddRow() && pageAction === 'dub'"
-                        type="submit" mat-flat-button color="primary"
-                        data-testid="record-duplicate-button"
-                        [disabled]="submitting || editRowForm.form.invalid">
-                        Duplicate
-                    </button>
-
-                    <button *ngIf="!hasKeyAttributesFromURL" type="submit" mat-flat-button color="primary"
-                        data-testid="record-add-button"
-                        [disabled]="submitting || editRowForm.form.invalid">
-                        Add
-                    </button>
-                </div>
-            </div>
-        </form>
-    </div>
-
-    <app-db-table-row-view *ngIf="selectedRow"
-        [activeFilters]="null"
-    ></app-db-table-row-view>
-</div>
-
diff --git a/frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.spec.ts b/frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.spec.ts
deleted file mode 100644
index 1e00e6f54..000000000
--- a/frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.spec.ts
+++ /dev/null
@@ -1,500 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { Connection, ConnectionType, DBtype } from 'src/app/models/connection';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TableRowService } from 'src/app/services/table-row.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { DbTableRowEditComponent } from './db-table-row-edit.component';
-
-describe('DbTableRowEditComponent', () => {
-	let component: DbTableRowEditComponent;
-	let fixture: ComponentFixture<DbTableRowEditComponent>;
-	let _tablesService: TablesService;
-	let connectionsService: ConnectionsService;
-
-	beforeEach(async () => {
-		const matSnackBarSpy = { open: vi.fn() };
-
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, MatDialogModule, Angulartics2Module.forRoot(), DbTableRowEditComponent],
-			providers: [provideHttpClient(), provideRouter([]), { provide: MatSnackBar, useValue: matSnackBarSpy }],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DbTableRowEditComponent);
-		component = fixture.componentInstance;
-		_tablesService = TestBed.inject(TablesService);
-		connectionsService = TestBed.inject(ConnectionsService);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should set connection id', () => {
-		vi.spyOn(connectionsService, 'currentConnectionID', 'get').mockReturnValue('12345678');
-
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.connectionID).toEqual('12345678');
-	});
-
-	it('should set structure — define: relation between column name and type, required columns', async () => {
-		component.tableForeignKeys = [
-			{
-				referenced_column_name: 'Id',
-				referenced_table_name: 'Products',
-				constraint_name: 'Orders_ibfk_1',
-				column_name: 'ProductId',
-			},
-			{
-				referenced_column_name: 'Id',
-				referenced_table_name: 'Customers',
-				constraint_name: 'Orders_ibfk_2',
-				column_name: 'CustomerId',
-			},
-		];
-
-		const fakeProduct_categories = {
-			column_name: 'product_categories',
-			column_default: null,
-			data_type: 'enum',
-			data_type_params: ['food', 'drinks', 'cleaning'],
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: true,
-			character_maximum_length: 1,
-		};
-
-		const fakeCustomer_categories = {
-			column_name: 'customer_categories',
-			column_default: null,
-			data_type: 'enum',
-			data_type_params: ['manager', 'seller'],
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: true,
-			character_maximum_length: 1,
-		};
-
-		const fakeCustomerId = {
-			column_name: 'CustomerId',
-			column_default: null,
-			data_type: 'int',
-			isExcluded: false,
-			isSearched: true,
-			auto_increment: false,
-			allow_null: false,
-			character_maximum_length: null,
-		};
-
-		const fakeProductId = {
-			column_name: 'ProductId',
-			column_default: null,
-			data_type: 'int',
-			isExcluded: false,
-			isSearched: true,
-			auto_increment: false,
-			allow_null: false,
-			character_maximum_length: null,
-		};
-
-		const fakeBool = {
-			column_name: 'bool',
-			column_default: null,
-			data_type: 'tinyint',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: true,
-			character_maximum_length: 1,
-		};
-
-		const fakeFloat = {
-			column_name: 'float',
-			column_default: null,
-			data_type: 'float',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: true,
-			character_maximum_length: 102,
-		};
-
-		const fakeStructure = [
-			fakeProduct_categories,
-			fakeCustomer_categories,
-			fakeCustomerId,
-			fakeProductId,
-			fakeBool,
-			fakeFloat,
-		];
-
-		component.setRowStructure(fakeStructure);
-
-		expect(component.tableRowRequiredValues).toEqual({
-			product_categories: false,
-			customer_categories: false,
-			CustomerId: true,
-			ProductId: true,
-			bool: false,
-			float: false,
-		});
-		expect(component.tableRowStructure).toEqual({
-			product_categories: fakeProduct_categories,
-			customer_categories: fakeCustomer_categories,
-			CustomerId: fakeCustomerId,
-			ProductId: fakeProductId,
-			bool: fakeBool,
-			float: fakeFloat,
-		});
-	});
-
-	it('should set widgets', () => {
-		const fakeWidgets = [
-			{
-				id: '36141f10-feb6-4c42-acdb-261523729625',
-				field_name: 'CustomerId',
-				widget_type: 'Textarea',
-				widget_params: '',
-				name: 'Customer',
-				description: '',
-			},
-			{
-				id: 'd6a4caa5-68f6-455f-90ff-2ad81856253b',
-				field_name: 'Price',
-				widget_type: 'Number',
-				widget_params: '',
-				name: '',
-				description: 'Prices are pointed in USD',
-			},
-		];
-
-		component.setWidgets(fakeWidgets);
-
-		expect(component.tableWidgetsList).toEqual(['CustomerId', 'Price']);
-		expect(component.tableWidgets).toEqual({
-			CustomerId: {
-				id: '36141f10-feb6-4c42-acdb-261523729625',
-				field_name: 'CustomerId',
-				widget_type: 'Textarea',
-				widget_params: null,
-				name: 'Customer',
-				description: '',
-			},
-			Price: {
-				id: 'd6a4caa5-68f6-455f-90ff-2ad81856253b',
-				field_name: 'Price',
-				widget_type: 'Number',
-				widget_params: null,
-				name: '',
-				description: 'Prices are pointed in USD',
-			},
-		});
-	});
-
-	it('should return foreign key relations by column name', () => {
-		component.tableForeignKeys = [
-			{
-				referenced_column_name: 'Id',
-				referenced_table_name: 'Products',
-				constraint_name: 'Orders_ibfk_1',
-				column_name: 'ProductId',
-			},
-			{
-				referenced_column_name: 'Id',
-				referenced_table_name: 'Customers',
-				constraint_name: 'Orders_ibfk_2',
-				column_name: 'CustomerId',
-			},
-		];
-
-		const foreignKeyRelations = component.getRelations('ProductId');
-		expect(foreignKeyRelations).toEqual({
-			referenced_column_name: 'Id',
-			referenced_table_name: 'Products',
-			constraint_name: 'Orders_ibfk_1',
-			column_name: 'ProductId',
-		});
-	});
-
-	it('should check if field is readonly', () => {
-		component.readonlyFields = ['Id', 'Price'];
-
-		const isPriceReafonly = component.isReadonlyField('Price');
-		expect(isPriceReafonly).toBe(true);
-	});
-
-	it('should check if field is widget', () => {
-		component.tableWidgetsList = ['CustomerId', 'Price'];
-
-		const isPriceWidget = component.isWidget('Price');
-		expect(isPriceWidget).toBe(true);
-	});
-
-	describe('updateField for password widget behavior', () => {
-		beforeEach(() => {
-			component.tableRowValues = {
-				id: 1,
-				username: 'testuser',
-				password: '***',
-			};
-		});
-
-		it('should update tableRowValues when password field receives a value', () => {
-			component.updateField('newPassword', 'password');
-			expect(component.tableRowValues.password).toBe('newPassword');
-		});
-
-		it('should update tableRowValues when password field receives empty string', () => {
-			component.updateField('', 'password');
-			expect(component.tableRowValues.password).toBe('');
-		});
-
-		it('should update tableRowValues when password field receives null (clear password)', () => {
-			component.updateField(null, 'password');
-			expect(component.tableRowValues.password).toBe(null);
-		});
-
-		it('should handle password field update alongside other fields', () => {
-			component.updateField('updatedUser', 'username');
-			component.updateField('newPassword', 'password');
-
-			expect(component.tableRowValues.username).toBe('updatedUser');
-			expect(component.tableRowValues.password).toBe('newPassword');
-		});
-	});
-
-	describe('getFormattedUpdatedRow', () => {
-		beforeEach(() => {
-			vi.spyOn(connectionsService, 'currentConnection', 'get').mockReturnValue({
-				id: 'test-id',
-				database: 'test-db',
-				title: 'Test Connection',
-				host: 'localhost',
-				port: '5432',
-				sid: null,
-				type: DBtype.Postgres,
-				username: 'test-user',
-				ssh: false,
-				ssl: false,
-				cert: '',
-				masterEncryption: false,
-				azure_encryption: false,
-				connectionType: ConnectionType.Direct,
-			} as Connection);
-			component.tableTypes = {};
-			component.nonModifyingFields = [];
-			component.pageAction = null;
-		});
-
-		describe('onlyTouched filtering', () => {
-			beforeEach(() => {
-				component.tableRowValues = {
-					id: 1,
-					username: 'original',
-					email: 'a@x.test',
-					bio: 'hello',
-				};
-			});
-
-			it('returns all fields by default', () => {
-				const result = component.getFormattedUpdatedRow();
-				expect(Object.keys(result).sort()).toEqual(['bio', 'email', 'id', 'username']);
-			});
-
-			it('returns only touched fields when onlyTouched=true', () => {
-				component.updateField('renamed', 'username');
-				const result = component.getFormattedUpdatedRow(true);
-				expect(result).toEqual({ username: 'renamed' });
-			});
-
-			it('returns empty object when nothing was touched', () => {
-				const result = component.getFormattedUpdatedRow(true);
-				expect(result).toEqual({});
-			});
-
-			it('tracks multiple touched fields', () => {
-				component.updateField('renamed', 'username');
-				component.updateField('b@x.test', 'email');
-				const result = component.getFormattedUpdatedRow(true);
-				expect(result).toEqual({ username: 'renamed', email: 'b@x.test' });
-			});
-		});
-
-		it('should include password field when it has a value', () => {
-			component.tableRowValues = {
-				id: 1,
-				username: 'testuser',
-				password: 'newPassword',
-			};
-
-			const result = component.getFormattedUpdatedRow();
-			expect((result as any).password).toBe('newPassword');
-		});
-
-		it('should include password field when it is null (explicit clear)', () => {
-			component.tableRowValues = {
-				id: 1,
-				username: 'testuser',
-				password: null,
-			};
-
-			const result = component.getFormattedUpdatedRow();
-			expect((result as any).password).toBe(null);
-		});
-
-		it('should include password field when it is empty string', () => {
-			component.tableRowValues = {
-				id: 1,
-				username: 'testuser',
-				password: '',
-			};
-
-			const result = component.getFormattedUpdatedRow();
-			expect((result as any).password).toBe('');
-		});
-
-		it('should preserve other fields when password is empty', () => {
-			component.tableRowValues = {
-				id: 1,
-				username: 'testuser',
-				password: '',
-			};
-
-			const result = component.getFormattedUpdatedRow();
-			expect((result as any).id).toBe(1);
-			expect((result as any).username).toBe('testuser');
-			expect((result as any).password).toBe('');
-		});
-	});
-
-	// Integration-style: render the edit form with FK and binary widgets, then save.
-	// FK widget (foreign-key.component.ts:120) and Binary widget (binary.component.ts:27)
-	// both re-emit their current value on ngOnInit. Touched-tracking MUST ignore those
-	// init-time emits — otherwise every edit PUT silently re-writes FK/binary columns
-	// the user never touched.
-	describe('render + save: untouched FK and binary fields are not sent', () => {
-		let tableRowService: TableRowService;
-		let updateTableRowSpy: ReturnType<typeof vi.spyOn>;
-
-		beforeEach(async () => {
-			tableRowService = TestBed.inject(TableRowService);
-			const tablesService = TestBed.inject(TablesService);
-
-			// updateRow's success callback navigates; no routes are registered in this
-			// harness, so stub navigate to avoid NG04002 unhandled rejections.
-			vi.spyOn(component.router, 'navigate').mockResolvedValue(true);
-
-			updateTableRowSpy = vi
-				.spyOn(tableRowService, 'updateTableRow')
-				.mockReturnValue(of({ row: { id: '42' }, primaryColumns: [{ column_name: 'id' }] } as any));
-
-			// FK widget loads its current row + autocomplete suggestions via fetchTable.
-			// Both calls must resolve so its ngOnInit can reach the onFieldChange.emit.
-			vi.spyOn(tablesService, 'fetchTable').mockReturnValue(
-				of({
-					rows: [{ id: 7, name: 'Alice' }],
-					primaryColumns: [{ column_name: 'id', data_type: 'int' }],
-					identity_column: 'name',
-				} as any),
-			);
-
-			vi.spyOn(connectionsService, 'currentConnection', 'get').mockReturnValue({
-				id: 'conn-1',
-				database: 'shop',
-				title: 'Shop',
-				host: 'localhost',
-				port: '5432',
-				sid: null,
-				type: DBtype.Postgres,
-				username: 'u',
-				ssh: false,
-				ssl: false,
-				cert: '',
-				masterEncryption: false,
-				azure_encryption: false,
-				connectionType: ConnectionType.Direct,
-			} as Connection);
-			vi.spyOn(connectionsService, 'currentConnectionID', 'get').mockReturnValue('conn-1');
-
-			// Overwrite whatever the initial (failing) ngOnInit left, then render.
-			component.connectionID = 'conn-1';
-			component.tableName = 'orders';
-			component.hasKeyAttributesFromURL = true;
-			component.keyAttributesFromURL = { id: '42' };
-			component.keyAttributesListFromStructure = ['id'];
-			component.readonlyFields = [];
-			component.nonModifyingFields = [];
-			component.pageMode = 'edit';
-			component.pageAction = null;
-			component.tableForeignKeys = [
-				{
-					column_name: 'CustomerId',
-					referenced_column_name: 'id',
-					referenced_table_name: 'customers',
-					constraint_name: 'fk_customer',
-					autocomplete_columns: [],
-				} as any,
-			];
-			component.tableRowValues = {
-				name: 'order-42',
-				CustomerId: 7,
-				payload: { type: 'Buffer', data: [1, 2, 3, 4] },
-			};
-			component.tableTypes = {
-				name: 'varchar',
-				CustomerId: 'foreign key',
-				payload: 'bytea',
-			};
-			component.tableRowRequiredValues = { name: false, CustomerId: false, payload: false };
-			component.tableRowStructure = {
-				name: { column_name: 'name', data_type: 'varchar', allow_null: true },
-				CustomerId: { column_name: 'CustomerId', data_type: 'integer', allow_null: true },
-				payload: { column_name: 'payload', data_type: 'bytea', allow_null: true },
-			} as any;
-			component.fieldsOrdered = ['name', 'CustomerId', 'payload'];
-			component.tableWidgetsList = [];
-			component.tableWidgets = {};
-			component.loading = false;
-
-			fixture.detectChanges();
-			await fixture.whenStable();
-			fixture.detectChanges();
-		});
-
-		it('sends an empty body when the user did not touch any field', async () => {
-			component.handleRowSubmitting(false);
-			await fixture.whenStable();
-
-			expect(updateTableRowSpy).toHaveBeenCalledTimes(1);
-			const body = updateTableRowSpy.mock.calls[0][3];
-			expect(body).toEqual({});
-		});
-
-		it('sends only the touched text field when the user edits name', async () => {
-			// simulate the user typing into the text widget — same path the widget's
-			// (onFieldChange) output would take through the template
-			component.updateField('order-43', 'name');
-
-			component.handleRowSubmitting(false);
-			await fixture.whenStable();
-
-			expect(updateTableRowSpy).toHaveBeenCalledTimes(1);
-			const body = updateTableRowSpy.mock.calls[0][3];
-			expect(body).toEqual({ name: 'order-43' });
-			expect(body).not.toHaveProperty('CustomerId');
-			expect(body).not.toHaveProperty('payload');
-		});
-	});
-});
diff --git a/frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.ts b/frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.ts
deleted file mode 100644
index d68c638b3..000000000
--- a/frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.ts
+++ /dev/null
@@ -1,871 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, inject, NgZone, OnInit, signal } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatChipsModule } from '@angular/material/chips';
-import { MatDialog, MatDialogModule } from '@angular/material/dialog';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatListModule } from '@angular/material/list';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatSelectModule } from '@angular/material/select';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Title } from '@angular/platform-browser';
-import { ActivatedRoute, Router, RouterModule } from '@angular/router';
-import JsonURL from '@jsonurl/jsonurl';
-import JSON5 from 'json5';
-import { isEqual } from 'lodash-es';
-import { DynamicModule } from 'ng-dynamic-component';
-import { SignalComponentIoModule } from 'ng-dynamic-component/signal-component-io';
-import { defaultTimestampValues, recordEditTypes, timestampTypes, UIwidgets } from 'src/app/consts/record-edit-types';
-import { formatFieldValue } from 'src/app/lib/format-field-value';
-import { normalizeFieldName, normalizeTableName } from 'src/app/lib/normalize';
-import { getTableTypes } from 'src/app/lib/setup-table-row-structure';
-import { Alert, AlertType, ServerError } from 'src/app/models/alert';
-import { DBtype } from 'src/app/models/connection';
-import { CustomAction, CustomEvent, TableField, TableForeignKey, Widget } from 'src/app/models/table';
-import { CedarPermissionService } from 'src/app/services/cedar-permission.service';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { NotificationsService } from 'src/app/services/notifications.service';
-import { TableRowService } from 'src/app/services/table-row.service';
-import { TableStateService } from 'src/app/services/table-state.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { DbActionLinkDialogComponent } from '../dashboard/db-table-view/db-action-link-dialog/db-action-link-dialog.component';
-import { BbBulkActionConfirmationDialogComponent } from '../dashboard/db-table-view/db-bulk-action-confirmation-dialog/db-bulk-action-confirmation-dialog.component';
-import { DbTableRowViewComponent } from '../dashboard/db-table-view/db-table-row-view/db-table-row-view.component';
-import { PlaceholderRowEditComponent } from '../skeletons/placeholder-row-edit/placeholder-row-edit.component';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-import { BannerComponent } from '../ui-components/banner/banner.component';
-import { BreadcrumbsComponent } from '../ui-components/breadcrumbs/breadcrumbs.component';
-
-@Component({
-	selector: 'app-db-table-row-edit',
-	templateUrl: './db-table-row-edit.component.html',
-	styleUrls: ['./db-table-row-edit.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		ReactiveFormsModule,
-		MatButtonModule,
-		MatDialogModule,
-		MatIconModule,
-		MatInputModule,
-		MatSelectModule,
-		MatTooltipModule,
-		MatListModule,
-		MatProgressSpinnerModule,
-		RouterModule,
-		MatExpansionModule,
-		MatChipsModule,
-		DynamicModule,
-		SignalComponentIoModule,
-		AlertComponent,
-		PlaceholderRowEditComponent,
-		BannerComponent,
-		BreadcrumbsComponent,
-		DbTableRowViewComponent,
-	],
-})
-export class DbTableRowEditComponent implements OnInit {
-	public loading: boolean = true;
-	public connectionID: string | null = null;
-	public connectionName: string | null = null;
-	public tableName: string | null = null;
-	public dispalyTableName: string | null = null;
-	public tableRowValues: Record<string, any>;
-	private touchedFields = new Set<string>();
-	public tableRowStructure: object;
-	public tableRowRequiredValues: object;
-	public identityColumn: string;
-	public readonlyFields: string[];
-	public nonModifyingFields: string[];
-	public keyAttributesFromURL: object = {};
-	public hasKeyAttributesFromURL: boolean;
-	public dubURLParams: object;
-	public keyAttributesListFromStructure: string[] = [];
-	public isPrimaryKeyUpdated: boolean;
-	public tableTypes: object;
-	public tableWidgets: object;
-	public tableWidgetsList: string[] = [];
-	public shownRows;
-	public submitting = false;
-	public UIwidgets = UIwidgets;
-	public isServerError: boolean = false;
-	public serverError: ServerError;
-	public fieldsOrdered: string[];
-	public rowActions: CustomAction[];
-	public referencedTables: any = [];
-	public referencedRecords: {} = {};
-	public referencedTablesURLParams: any;
-	public isDesktop: boolean = true;
-	public canDelete: boolean;
-	public pageAction: string;
-	public pageMode: string = null;
-	public tableFiltersUrlString: string;
-	public backUrlParams: object;
-
-	public tableForeignKeys: TableForeignKey[];
-
-	public selectedRow: any;
-	public relatedRecordsProperties: {};
-
-	public isTestConnectionWarning: Alert = {
-		id: 10000000,
-		type: AlertType.Error,
-		message: 'This is a TEST DATABASE, public to all. Avoid entering sensitive data!',
-	};
-	private confirmationDialogRef: any;
-
-	originalOrder = () => {
-		return 0;
-	};
-	routeSub: any;
-
-	private _permissions = inject(CedarPermissionService);
-	private _tableResourceId = signal('');
-
-	protected canEditRow = this._tablePermission('table:edit');
-	protected canAddRow = this._tablePermission('table:add');
-	protected canDeleteRow = this._tablePermission('table:delete');
-
-	constructor(
-		private _connections: ConnectionsService,
-		private _tables: TablesService,
-		private _tableRow: TableRowService,
-		private _notifications: NotificationsService,
-		private _tableState: TableStateService,
-		private route: ActivatedRoute,
-		private ngZone: NgZone,
-		public router: Router,
-		public dialog: MatDialog,
-		private title: Title,
-	) {}
-
-	get isTestConnection() {
-		return this._connections.currentConnection.isTestConnection;
-	}
-
-	get connectionType() {
-		return this._connections.currentConnection.type;
-	}
-
-	ngOnInit(): void {
-		this.loading = true;
-		this.connectionID = this._connections.currentConnectionID;
-		this.tableFiltersUrlString = JsonURL.stringify(this._tableState.getBackUrlFilters());
-		const navUrlParams = this._tableState.getBackUrlParams();
-		this.backUrlParams = {
-			...navUrlParams,
-			...(this.tableFiltersUrlString !== 'null' ? { filters: this.tableFiltersUrlString } : {}),
-		};
-
-		this._tableState.cast.subscribe((row) => {
-			this.selectedRow = row;
-		});
-
-		this.routeSub = this.route.queryParams.subscribe((params) => {
-			this.tableName = this.route.snapshot.paramMap.get('table-name');
-			this._tableResourceId.set(`${this.connectionID}/${this.tableName}`);
-			if (Object.keys(params).length === 0) {
-				this._tables.fetchTableStructure(this.connectionID, this.tableName).subscribe((res) => {
-					this.dispalyTableName = res.display_name || normalizeTableName(this.tableName);
-					this.title.setTitle(`${this.dispalyTableName} - Add new record | Rocketadmin`);
-
-					this.keyAttributesListFromStructure = res.primaryColumns.map((field: TableField) => field.column_name);
-					this.readonlyFields = res.readonly_fields;
-					this.tableForeignKeys = res.foreignKeys;
-					this.setRowStructure(res.structure);
-					res.table_widgets && this.setWidgets(res.table_widgets);
-					this.shownRows = this.getModifyingFields(res.structure).filter(
-						(field: TableField) => !res.excluded_fields.includes(field.column_name),
-					);
-					const allowNullFields = res.structure
-						.filter((field: TableField) => field.allow_null)
-						.map((field: TableField) => field.column_name);
-					this.tableRowValues = Object.assign(
-						{},
-						...this.shownRows.map((field: TableField) => {
-							if (allowNullFields.includes(field.column_name)) {
-								return { [field.column_name]: null };
-								// } else if (this.tableTypes[field.column_name] === 'boolean') {
-								//  return { [field.column_name]: false }
-							}
-							return { [field.column_name]: '' };
-						}),
-					);
-					const shownFieldsList = this.shownRows.map((field: TableField) => field.column_name);
-					if (res.columns_view && res.columns_view.length) {
-						this.fieldsOrdered = [...res.columns_view].filter((field) => shownFieldsList.includes(field));
-					} else if (res.list_fields.length) {
-						this.fieldsOrdered = [...res.list_fields].filter((field) => shownFieldsList.includes(field));
-					} else {
-						this.fieldsOrdered = Object.keys(this.tableRowValues).map((key) => key);
-					}
-					this.loading = false;
-				});
-			} else {
-				const { action, mode, ...primaryKeys } = params;
-				if (action) {
-					this.pageAction = action;
-				}
-
-				if (mode) {
-					this.pageMode = mode;
-				}
-
-				this.keyAttributesFromURL = primaryKeys;
-				this.dubURLParams = { ...primaryKeys, action: 'dub' };
-				this.hasKeyAttributesFromURL = !!Object.keys(this.keyAttributesFromURL).length;
-				this._tableRow.fetchTableRow(this.connectionID, this.tableName, params).subscribe(
-					(res) => {
-						this.dispalyTableName = res.display_name || normalizeTableName(this.tableName);
-						this.title.setTitle(`${this.dispalyTableName} - Edit record | Rocketadmin`);
-						this.canDelete = res.can_delete;
-						this.keyAttributesListFromStructure = res.primaryColumns.map((field: TableField) => field.column_name);
-
-						this.nonModifyingFields = res.structure
-							.filter(
-								(field: TableField) =>
-									!this.getModifyingFields(res.structure).some(
-										(modifyingField) => field.column_name === modifyingField.column_name,
-									),
-							)
-							.map((field: TableField) => field.column_name);
-						this.readonlyFields = [...res.readonly_fields, ...this.nonModifyingFields];
-						if (this.connectionType === DBtype.Dynamo || this.connectionType === DBtype.ClickHouse) {
-							this.readonlyFields = [
-								...this.readonlyFields,
-								...res.primaryColumns.map((field: TableField) => field.column_name),
-							];
-						}
-						this.tableForeignKeys = res.foreignKeys;
-						// this.shownRows = res.structure.filter((field: TableField) => !field.column_default?.startsWith('nextval'));
-						this.tableRowValues = { ...res.row };
-						if (res.columns_view && res.columns_view.length) {
-							this.fieldsOrdered = [...res.columns_view];
-						} else if (res.list_fields.length) {
-							this.fieldsOrdered = [...res.list_fields];
-						} else {
-							this.fieldsOrdered = Object.keys(this.tableRowValues).map((key) => key);
-						}
-
-						if (this.pageAction === 'dub') {
-							this.fieldsOrdered = this.fieldsOrdered.filter((field) => !this.nonModifyingFields.includes(field));
-						}
-
-						if (res.table_actions) this.rowActions = res.table_actions;
-						res.table_widgets && this.setWidgets(res.table_widgets);
-						this.setRowStructure(res.structure);
-						this.identityColumn = res.identity_column;
-
-						if (
-							res.referenced_table_names_and_columns &&
-							res.referenced_table_names_and_columns.length > 0 &&
-							res.referenced_table_names_and_columns[0].referenced_by[0] !== null
-						) {
-							this.isDesktop = window.innerWidth >= 1280;
-
-							this.referencedTables = res.referenced_table_names_and_columns[0].referenced_by.map((table: any) => {
-								return { ...table, displayTableName: table.display_name || normalizeTableName(table.table_name) };
-							});
-
-							this.referencedTablesURLParams = res.referenced_table_names_and_columns[0].referenced_by.map(
-								(table: any) => {
-									const params = {
-										[table.column_name]: {
-											eq: this.tableRowValues[res.referenced_table_names_and_columns[0].referenced_on_column_name],
-										},
-									};
-									return {
-										filters: JsonURL.stringify(params),
-										page_index: 0,
-									};
-								},
-							);
-
-							res.referenced_table_names_and_columns[0].referenced_by.forEach((table: any) => {
-								const filters = {
-									[table.column_name]: {
-										eq: this.tableRowValues[res.referenced_table_names_and_columns[0].referenced_on_column_name],
-									},
-								};
-
-								this._tables
-									.fetchTable({
-										connectionID: this.connectionID,
-										tableName: table.table_name,
-										requstedPage: 1,
-										chunkSize: 30,
-										filters,
-									})
-									.subscribe((res) => {
-										const foreignKeysList = res.foreignKeys.map(
-											(foreignKey: TableForeignKey) => foreignKey.column_name,
-										);
-										this.relatedRecordsProperties = Object.assign({}, this.relatedRecordsProperties, {
-											[table.table_name]: {
-												connectionID: this.connectionID,
-												tableName: table.table_name,
-												columnsOrder: res.list_fields,
-												primaryColumns: res.primaryColumns,
-												foreignKeys: Object.assign(
-													{},
-													...res.foreignKeys.map((foreignKey: TableForeignKey) => ({
-														[foreignKey.column_name]: foreignKey,
-													})),
-												),
-												foreignKeysList,
-												widgets: Object.assign(
-													{},
-													...res.widgets.map((widget: Widget) => {
-														let parsedParams;
-
-														try {
-															parsedParams = JSON5.parse(widget.widget_params);
-														} catch {
-															parsedParams = {};
-														}
-
-														return {
-															[widget.field_name]: {
-																...widget,
-																widget_params: parsedParams,
-															},
-														};
-													}),
-												),
-												widgetsList: res.widgets.map((widget) => widget.field_name),
-												fieldsTypes: getTableTypes(res.structure, foreignKeysList),
-												relatedRecords: [],
-												link: `/dashboard/${this.connectionID}/${table.table_name}/entry`,
-											},
-										});
-
-										if (res.rows?.length) {
-											const firstRow = res.rows[0];
-
-											const relatedTableForeignKeys = Object.assign(
-												{},
-												...res.foreignKeys.map((foreignKey: TableForeignKey) => ({
-													[foreignKey.column_name]: foreignKey,
-												})),
-											);
-
-											this._tableRow
-												.fetchTableRow(
-													this.connectionID,
-													table.table_name,
-													res.primaryColumns.reduce((keys, column) => {
-														if (
-															res.foreignKeys.map((foreignKey) => foreignKey.column_name).includes(column.column_name)
-														) {
-															const referencedColumnNameOfForeignKey =
-																relatedTableForeignKeys[column.column_name]?.referenced_column_name;
-															keys[column.column_name] = firstRow[column.column_name][referencedColumnNameOfForeignKey];
-														} else {
-															keys[column.column_name] = firstRow[column.column_name];
-														}
-														return keys;
-													}, {}),
-												)
-												.subscribe((res) => {
-													this.relatedRecordsProperties[table.table_name].relatedRecords =
-														res.referenced_table_names_and_columns[0];
-												});
-										}
-
-										let identityColumn = res.identity_column;
-										let fieldsOrder = [];
-
-										const foreignKeyMap = {};
-										for (const fk of res.foreignKeys) {
-											foreignKeyMap[fk.column_name] = fk.referenced_column_name;
-										}
-
-										// Format each row
-										const formattedRows = res.rows.map((row) => {
-											const formattedRow = {};
-
-											for (const key in row) {
-												if (foreignKeyMap[key] && typeof row[key] === 'object' && row[key] !== null) {
-													const preferredKey = Object.keys(row[key]).find((k) => k !== foreignKeyMap[key]);
-													formattedRow[key] = preferredKey ? row[key][preferredKey] : row[key][foreignKeyMap[key]];
-												} else {
-													formattedRow[key] = formatFieldValue(
-														row[key],
-														res.structure.find((field: TableField) => field.column_name === key)?.data_type || 'text',
-													);
-												}
-											}
-											return formattedRow;
-										});
-
-										if (res.identity_column && res.list_fields.length) {
-											identityColumn = {
-												isSet: true,
-												name: res.identity_column,
-												displayName:
-													this.relatedRecordsProperties[table.table_name].widgets[res.identity_column]?.name ||
-													normalizeFieldName(res.identity_column),
-											};
-											fieldsOrder = res.list_fields
-												.filter((field: string) => field !== res.identity_column)
-												.slice(0, 3)
-												.map((field: string) => {
-													return {
-														fieldName: field,
-														displayName:
-															this.relatedRecordsProperties[table.table_name].widgets[field]?.name ||
-															normalizeFieldName(field),
-													};
-												});
-										}
-
-										if (res.identity_column && !res.list_fields.length) {
-											identityColumn = {
-												isSet: true,
-												name: res.identity_column,
-												displayName:
-													this.relatedRecordsProperties[table.table_name].widgets[res.identity_column]?.name ||
-													normalizeFieldName(res.identity_column),
-											};
-											fieldsOrder = res.structure
-												.filter((field: TableField) => field.column_name !== res.identity_column)
-												.slice(0, 3)
-												.map((field: TableField) => {
-													return {
-														fieldName: field.column_name,
-														displayName:
-															this.relatedRecordsProperties[table.table_name].widgets[field.column_name]?.name ||
-															normalizeFieldName(field.column_name),
-													};
-												});
-										}
-
-										if (!res.identity_column && res.list_fields.length) {
-											identityColumn = {
-												isSet: false,
-												name: res.list_fields[0],
-												displayName:
-													this.relatedRecordsProperties[table.table_name].widgets[res.list_fields[0]]?.name ||
-													normalizeFieldName(res.list_fields[0]),
-											};
-											fieldsOrder = res.list_fields.slice(1, 4).map((field: string) => {
-												return {
-													fieldName: field,
-													displayName:
-														this.relatedRecordsProperties[table.table_name].widgets[field]?.name ||
-														normalizeFieldName(field),
-												};
-											});
-										}
-
-										if (!res.identity_column && !res.list_fields.length) {
-											identityColumn = {
-												isSet: false,
-												name: res.structure[0].column_name,
-												displayName:
-													this.relatedRecordsProperties[table.table_name].widgets[res.structure[0].column_name]?.name ||
-													normalizeFieldName(res.structure[0].column_name),
-											};
-											fieldsOrder = res.structure.slice(1, 4).map((field: TableField) => {
-												return {
-													fieldName: field.column_name,
-													displayName:
-														this.relatedRecordsProperties[table.table_name].widgets[field.column_name]?.name ||
-														normalizeFieldName(field.column_name),
-												};
-											});
-										}
-
-										const tableRecords = {
-											rawRows: res.rows,
-											formattedRows,
-											identityColumn,
-											fieldsOrder,
-											foreignKeys: res.foreignKeys,
-										};
-										this.referencedRecords[table.table_name] = tableRecords;
-									});
-							});
-						}
-
-						this.loading = false;
-					},
-					(err) => {
-						this.loading = false;
-						this.isServerError = true;
-						this.serverError = { abstract: err.error?.message || err.message, details: err.error?.originalMessage };
-						console.log(err);
-					},
-				);
-			}
-		});
-	}
-
-	get inputs() {
-		return recordEditTypes[this.connectionType];
-	}
-
-	get currentConnection() {
-		return this._connections.currentConnection;
-	}
-
-	get pageTitle(): string {
-		if (this.pageMode === 'view') return 'View row';
-		if (this.hasKeyAttributesFromURL && this.pageAction === 'dub') return 'Duplicate row';
-		if (this.hasKeyAttributesFromURL && !this.pageAction) return 'Edit row';
-		return 'Add row';
-	}
-
-	getCrumbs(name: string) {
-		let pageTitle = '';
-
-		if (this.hasKeyAttributesFromURL && this.pageAction === 'dub') {
-			pageTitle = 'Duplicate row';
-		}
-
-		if (this.hasKeyAttributesFromURL && !this.pageAction) {
-			pageTitle = 'Edit row';
-		}
-
-		if (!this.hasKeyAttributesFromURL) {
-			pageTitle = 'Add row';
-		}
-
-		return [
-			{
-				label: name,
-				link: `/dashboard/${this.connectionID}`,
-			},
-			{
-				label: this.dispalyTableName,
-				link: `/dashboard/${this.connectionID}/${this.tableName}`,
-				queryParams: this.backUrlParams,
-			},
-			{
-				label: pageTitle,
-				link: null,
-			},
-		];
-	}
-
-	setRowStructure(structure: TableField[]) {
-		this.tableRowStructure = Object.assign(
-			{},
-			...structure.map((field: TableField) => {
-				return { [field.column_name]: field };
-			}),
-		);
-
-		const foreignKeysList = this.tableForeignKeys.map((field: TableForeignKey) => {
-			return field.column_name;
-		});
-		this.tableTypes = getTableTypes(structure, foreignKeysList);
-
-		this.tableRowRequiredValues = Object.assign(
-			{},
-			...structure.map((field: TableField) => {
-				return { [field.column_name]: field.allow_null === false && field.column_default === null };
-			}),
-		);
-	}
-
-	setWidgets(widgets: Widget[]) {
-		this.tableWidgetsList = widgets.map((widget: Widget) => widget.field_name);
-		this.tableWidgets = Object.assign(
-			{},
-			...widgets.map((widget: Widget) => {
-				let params = null;
-				if (widget.widget_params) {
-					try {
-						params = JSON5.parse(widget.widget_params);
-					} catch {
-						params = null;
-					}
-				}
-				return {
-					[widget.field_name]: { ...widget, widget_params: params },
-				};
-			}),
-		);
-	}
-
-	getRelations = (columnName: string) => {
-		const relation = this.tableForeignKeys.find((relation) => relation.column_name === columnName);
-		return relation;
-	};
-
-	isReadonlyField(columnName: string) {
-		return this.readonlyFields.includes(columnName);
-	}
-
-	isWidget(columnName: string) {
-		return this.tableWidgetsList.includes(columnName);
-	}
-
-	getModifyingFields(fields) {
-		return fields.filter(
-			(field: TableField) =>
-				!field.auto_increment &&
-				!(this.keyAttributesListFromStructure.includes(field.column_name) && field.column_default) &&
-				!(
-					timestampTypes.includes(field.data_type) &&
-					field.column_default &&
-					defaultTimestampValues[this.connectionType].includes(field.column_default.toLowerCase().replace(/\(.*\)/, ''))
-				),
-		);
-	}
-
-	updateField = (updatedValue: any, field: string) => {
-		const existing = this.tableRowValues[field];
-		if (!isEqual(updatedValue, existing)) {
-			this.touchedFields.add(field);
-		}
-		if (
-			typeof updatedValue === 'object' &&
-			updatedValue !== null &&
-			typeof existing === 'object' &&
-			existing !== null
-		) {
-			for (const prop of Object.getOwnPropertyNames(existing)) {
-				delete existing[prop];
-			}
-			Object.assign(existing, updatedValue);
-		} else {
-			this.tableRowValues[field] = updatedValue;
-		}
-
-		if (this.keyAttributesFromURL && Object.keys(this.keyAttributesFromURL).includes(field)) {
-			this.isPrimaryKeyUpdated = true;
-		}
-	};
-
-	getFormattedUpdatedRow = (onlyTouched: boolean = false) => {
-		let updatedRow = onlyTouched
-			? Object.fromEntries(Object.entries(this.tableRowValues).filter(([key]) => this.touchedFields.has(key)))
-			: { ...this.tableRowValues };
-
-		//crutch, format datetime fields
-		//if no one edit manually datetime field, we have to remove '.000Z', cuz mysql return this format but it doesn't record it
-
-		if (this.connectionType === DBtype.MySQL) {
-			const datetimeFields = Object.entries(this.tableTypes).filter(
-				([_key, value]) => value === 'datetime' || value === 'timestamp',
-			);
-			if (datetimeFields.length) {
-				for (const datetimeField of datetimeFields) {
-					if (updatedRow[datetimeField[0]]) {
-						updatedRow[datetimeField[0]] = updatedRow[datetimeField[0]]
-							.replace('T', ' ')
-							.replace('Z', '')
-							.split('.')[0];
-					}
-				}
-			}
-
-			const dateFields = Object.entries(this.tableTypes).filter(([_key, value]) => value === 'date');
-			if (dateFields.length) {
-				for (const dateField of dateFields) {
-					if (updatedRow[dateField[0]]) {
-						updatedRow[dateField[0]] = updatedRow[dateField[0]].split('T')[0];
-					}
-				}
-			}
-		}
-		//end crutch
-
-		// don't ovverride primary key fields for dynamoDB
-		if (this.connectionType === DBtype.Dynamo || this.connectionType === DBtype.ClickHouse) {
-			const primaryKeyFields = Object.keys(this.keyAttributesFromURL);
-			primaryKeyFields.forEach((field) => {
-				delete updatedRow[field];
-			});
-		}
-
-		//parse json fields
-		const jsonFields = Object.entries(this.tableTypes)
-			.filter(
-				([_key, value]) =>
-					value === 'json' ||
-					value === 'jsonb' ||
-					value === 'array' ||
-					value === 'ARRAY' ||
-					value === 'object' ||
-					value === 'set' ||
-					value === 'list' ||
-					value === 'map',
-			)
-			.map((jsonField) => jsonField[0]);
-		if (jsonFields.length) {
-			for (const jsonField of jsonFields) {
-				if (updatedRow[jsonField] === '') updatedRow[jsonField] = null;
-				if (typeof updatedRow[jsonField] === 'string') {
-					console.log(updatedRow[jsonField].toString());
-					const updatedFiled = JSON.parse(updatedRow[jsonField].toString());
-					updatedRow[jsonField] = updatedFiled;
-				}
-			}
-		}
-
-		if (this.pageAction === 'dub') {
-			this.nonModifyingFields.forEach((field) => {
-				delete updatedRow[field];
-			});
-		}
-
-		return updatedRow;
-	};
-
-	handleRowSubmitting(continueEditing: boolean) {
-		if (this.hasKeyAttributesFromURL && this.pageAction !== 'dub') {
-			this.updateRow(continueEditing);
-		} else {
-			this.addRow(continueEditing);
-		}
-	}
-
-	addRow(continueEditing: boolean) {
-		this.submitting = true;
-
-		const formattedUpdatedRow = this.getFormattedUpdatedRow();
-
-		this._tableRow.addTableRow(this.connectionID, this.tableName, formattedUpdatedRow).subscribe(
-			(res) => {
-				this.keyAttributesFromURL = {};
-				for (let i = 0; i < res.primaryColumns.length; i++) {
-					this.keyAttributesFromURL[res.primaryColumns[i].column_name] = res.row[res.primaryColumns[i].column_name];
-				}
-				this.ngZone.run(() => {
-					if (continueEditing) {
-						this.router.navigate([`/dashboard/${this.connectionID}/${this.tableName}/entry`], {
-							queryParams: this.keyAttributesFromURL,
-						});
-					} else {
-						this.router.navigate([`/dashboard/${this.connectionID}/${this.tableName}`], {
-							queryParams: {
-								filters: this.tableFiltersUrlString,
-								page_index: 0,
-							},
-						});
-					}
-				});
-
-				this.pageAction = null;
-
-				this._notifications.dismissAlert();
-				this.submitting = false;
-			},
-			() => {
-				this.submitting = false;
-			},
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-
-	updateRow(continueEditing: boolean) {
-		this.submitting = true;
-
-		const formattedUpdatedRow = this.getFormattedUpdatedRow(true);
-
-		this._tableRow
-			.updateTableRow(this.connectionID, this.tableName, this.keyAttributesFromURL, formattedUpdatedRow)
-			.subscribe(
-				(res) => {
-					this.touchedFields.clear();
-					this.ngZone.run(() => {
-						if (continueEditing) {
-							if (this.isPrimaryKeyUpdated) {
-								this.ngZone.run(() => {
-									let params = {};
-									Object.keys(this.keyAttributesFromURL).forEach((key) => {
-										params[key] = res.row[key];
-									});
-									this.router.navigate([`/dashboard/${this.connectionID}/${this.tableName}/entry`], {
-										queryParams: params,
-									});
-								});
-							}
-							this._notifications.dismissAlert();
-						} else {
-							this._notifications.dismissAlert();
-							this.router.navigate([`/dashboard/${this.connectionID}/${this.tableName}`], {
-								queryParams: this.backUrlParams,
-							});
-						}
-					});
-				},
-				() => {
-					this.submitting = false;
-				},
-				() => {
-					this.submitting = false;
-				},
-			);
-	}
-
-	handleDeleteRow() {
-		this.handleActivateAction({
-			title: 'Delete row',
-			require_confirmation: true,
-		} as CustomEvent);
-	}
-
-	handleActivateAction(action: CustomEvent) {
-		if (action.require_confirmation) {
-			this.confirmationDialogRef = this.dialog.open(BbBulkActionConfirmationDialogComponent, {
-				width: '25em',
-				data: { id: action.id, title: action.title, primaryKeys: [this.keyAttributesFromURL] },
-			});
-
-			if (!action.id) {
-				this.confirmationDialogRef.afterClosed().subscribe((_res) => {
-					this.router.navigate([`/dashboard/${this.connectionID}/${this.tableName}`], {
-						queryParams: this.backUrlParams,
-					});
-				});
-			}
-		} else {
-			this._tables
-				.activateActions(this.connectionID, this.tableName, action.id, action.title, [this.keyAttributesFromURL])
-				.subscribe((res) => {
-					if (res?.location)
-						this.dialog.open(DbActionLinkDialogComponent, {
-							width: '25em',
-							data: { href: res.location, actionName: action.title, primaryKeys: this.keyAttributesFromURL },
-						});
-				});
-		}
-	}
-
-	handleViewRow(tableName: string, row: {}) {
-		// this.selectedRowType = 'record';
-		this._tableState.selectRow({
-			...this.relatedRecordsProperties[tableName],
-			record: row,
-			primaryKeys: this.relatedRecordsProperties[tableName].primaryColumns.reduce((acc, column) => {
-				acc[column.column_name] = row[column.column_name];
-				return acc;
-			}, {}),
-		});
-	}
-
-	switchToEditMode() {
-		this.pageMode = null;
-		this.router.navigate([`/dashboard/${this.connectionID}/${this.tableName}/entry`], {
-			queryParams: {
-				...this.keyAttributesFromURL,
-			},
-		});
-	}
-
-	private _tablePermission(action: string) {
-		return computed(() => {
-			const rid = this._tableResourceId();
-			return rid ? this._permissions.canI(action, 'Table', rid)() : null;
-		});
-	}
-}
diff --git a/frontend/src/app/components/edit-database-schema/edit-database-schema.component.css b/frontend/src/app/components/edit-database-schema/edit-database-schema.component.css
deleted file mode 100644
index 400f91490..000000000
--- a/frontend/src/app/components/edit-database-schema/edit-database-schema.component.css
+++ /dev/null
@@ -1,915 +0,0 @@
-:host {
-	display: flex;
-	height: calc(100vh - 44px);
-	width: 100%;
-}
-
-.schema-editor {
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-	height: 100%;
-	overflow: hidden;
-	position: relative;
-}
-
-.schema-editor--routed {
-	height: calc(100vh - var(--mat-toolbar-standard-height));
-}
-
-/* ── Header (routed page) ── */
-
-.schema-editor__header {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	padding: var(--top-margin) 16px 12px;
-	flex-shrink: 0;
-	width: 100%;
-}
-
-.schema-editor__back-button {
-	flex-shrink: 0;
-}
-
-.schema-editor__title {
-	font-size: 20px;
-	font-weight: 600;
-	margin: 0 !important;
-}
-
-/* ── Close button (embedded panel) ── */
-
-.schema-editor__close-button {
-	position: absolute;
-	top: 8px;
-	right: 8px;
-	z-index: 10;
-}
-
-/* ── Body (two-column) ── */
-
-.schema-editor__body {
-	flex: 1;
-	display: flex;
-	min-height: 0;
-	overflow: hidden;
-	gap: 16px;
-	padding: 0 16px 16px;
-}
-
-/* ── Canvas (left) ── */
-
-.schema-editor__canvas {
-	flex: 1;
-	display: flex;
-	min-width: 0;
-}
-
-.schema-editor__diagram {
-	flex: 1;
-	display: flex;
-	min-width: 0;
-}
-
-.schema-editor__diagram-loading {
-	flex: 1;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	gap: 8px;
-}
-
-/* Welcome */
-
-.schema-editor__welcome {
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	gap: 16px;
-	padding: 24px;
-	max-width: 520px;
-	margin: 0 auto;
-	overflow-y: auto;
-}
-
-.schema-editor__welcome-icon-box {
-	width: 48px;
-	height: 48px;
-	border-radius: 12px;
-	background: color-mix(in srgb, var(--color-accentedPalette-500), transparent 88%);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	margin-bottom: 4px;
-}
-
-.schema-editor__welcome-icon {
-	color: var(--color-accentedPalette-500);
-	font-size: 26px !important;
-	width: 26px !important;
-	height: 26px !important;
-	transform: rotate(-90deg);
-}
-
-.schema-editor__welcome-title {
-	font-size: 16px;
-	font-weight: 500;
-	color: rgba(0, 0, 0, 0.7);
-	margin: 0;
-	text-align: center;
-}
-
-.schema-editor__welcome-heading {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 4px;
-}
-
-.schema-editor__welcome-subtitle {
-	font-size: 14px;
-	color: rgba(0, 0, 0, 0.5);
-	margin: 0;
-	text-align: center;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-editor__welcome-title {
-		color: rgba(255, 255, 255, 0.7);
-	}
-	.schema-editor__welcome-subtitle {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-.schema-editor__suggestions-block {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 6px;
-	margin-top: 8px;
-}
-
-.schema-editor__suggestions-heading {
-	font-size: 12px;
-	font-weight: 500;
-	text-transform: uppercase;
-	letter-spacing: 0.6px;
-	color: rgba(0, 0, 0, 0.42);
-	margin: 0;
-	text-align: center;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-editor__suggestions-heading {
-		color: rgba(255, 255, 255, 0.45);
-	}
-}
-
-.schema-editor__suggestions {
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: center;
-	gap: 8px;
-	margin-top: 0;
-}
-
-.schema-editor__templates {
-	display: grid;
-	grid-template-columns: repeat(2, minmax(0, 1fr));
-	gap: 6px;
-	width: 100%;
-	max-width: 460px;
-}
-
-.template-card {
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	padding: 8px 10px;
-	text-align: left;
-	background: var(--mat-sidenav-content-background-color);
-	border: 1px solid rgba(0, 0, 0, 0.1);
-	border-radius: 8px;
-	cursor: pointer;
-	transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
-}
-
-.template-card:hover {
-	border-color: var(--color-accentedPalette-500);
-	box-shadow: 0 1px 0 0 color-mix(in srgb, var(--color-accentedPalette-500), transparent 80%);
-}
-
-@media (prefers-color-scheme: dark) {
-	.template-card {
-		border-color: rgba(255, 255, 255, 0.12);
-		color: rgba(255, 255, 255, 0.9);
-	}
-}
-
-.template-card__head {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	min-width: 0;
-}
-
-.template-card__icon-box {
-	flex-shrink: 0;
-	width: 20px;
-	height: 20px;
-	border-radius: 5px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background: color-mix(in srgb, var(--color-accentedPalette-500), transparent 88%);
-}
-
-.template-card__icon {
-	font-size: 13px !important;
-	width: 13px !important;
-	height: 13px !important;
-	color: var(--color-accentedPalette-500);
-}
-
-.template-card__title {
-	flex: 1;
-	font-size: 12.5px;
-	font-weight: 600;
-	color: rgba(0, 0, 0, 0.88);
-	line-height: 1.25;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-@media (prefers-color-scheme: dark) {
-	.template-card__title {
-		color: rgba(255, 255, 255, 0.92);
-	}
-}
-
-.template-card__tables {
-	font-size: 11px;
-	color: rgba(0, 0, 0, 0.5);
-	line-height: 1.35;
-}
-
-@media (prefers-color-scheme: dark) {
-	.template-card__tables {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-.suggestion-chip {
-	display: inline-flex;
-	align-items: center;
-	gap: 6px;
-	background-color: var(--mat-sidenav-content-background-color);
-	border: 1px solid #d3d3d3;
-	border-radius: 16px;
-	padding: 6px 14px 6px 10px;
-	font-size: 13px;
-	cursor: pointer;
-	transition: background-color 0.2s ease;
-}
-
-.suggestion-chip__icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-	color: var(--color-primaryPalette-500);
-	flex-shrink: 0;
-}
-
-.suggestion-chip:hover {
-	background-color: var(--color-primaryPalette-50);
-}
-
-@media (prefers-color-scheme: dark) {
-	.suggestion-chip {
-		border-color: #4a4a4a;
-		color: rgba(255, 255, 255, 0.9);
-	}
-	.suggestion-chip:hover {
-		background-color: rgba(255, 255, 255, 0.08);
-	}
-}
-
-/* ── Chat panel (right) ── */
-
-.schema-editor__panel {
-	width: 400px;
-	flex-shrink: 0;
-	display: flex;
-	flex-direction: column;
-	border: 1px solid rgba(0, 0, 0, 0.08);
-	border-radius: 12px;
-	background: transparent;
-	min-height: 0;
-	overflow: hidden;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-editor__panel {
-		border-color: rgba(255, 255, 255, 0.1);
-	}
-}
-
-.schema-editor__panel-header {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	padding: 14px 16px;
-	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-	font-weight: 600;
-	font-size: 14px;
-	flex-shrink: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-editor__panel-header {
-		border-color: rgba(255, 255, 255, 0.08);
-	}
-}
-
-.schema-editor__panel-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-	color: #6384ff;
-}
-
-.schema-editor__panel-title {
-	font-size: 14px;
-	font-weight: 600;
-}
-
-/* Messages */
-
-.schema-editor__messages {
-	flex: 1;
-	overflow-y: auto;
-	padding: 14px 16px;
-	display: flex;
-	flex-direction: column;
-	gap: 10px;
-	min-height: 0;
-}
-
-.schema-editor__messages-empty {
-	font-size: 14px;
-	color: rgba(0, 0, 0, 0.6);
-	margin: 40px 0 0;
-	line-height: 1.45;
-}
-
-.schema-editor__try-asking-block {
-	margin-top: auto;
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-editor__messages-empty {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-.schema-editor__try-asking-heading {
-	font-size: 11px;
-	font-weight: 600;
-	text-transform: uppercase;
-	letter-spacing: 0.7px;
-	color: rgba(0, 0, 0, 0.42);
-	margin: 4px 0 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-editor__try-asking-heading {
-		color: rgba(255, 255, 255, 0.45);
-	}
-}
-
-.schema-editor__try-asking {
-	display: flex;
-	flex-direction: column;
-	gap: 6px;
-}
-
-.try-asking-item {
-	display: flex;
-	align-items: flex-start;
-	gap: 8px;
-	background: none;
-	border: 1px dashed rgba(0, 0, 0, 0.14);
-	border-radius: 10px;
-	padding: 8px 10px;
-	text-align: left;
-	font-size: 12.5px;
-	line-height: 1.4;
-	color: rgba(0, 0, 0, 0.7);
-	cursor: pointer;
-	transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
-}
-
-.try-asking-item:hover {
-	border-color: var(--color-accentedPalette-500);
-	background-color: color-mix(in srgb, var(--color-accentedPalette-500), transparent 94%);
-	color: rgba(0, 0, 0, 0.9);
-}
-
-@media (prefers-color-scheme: dark) {
-	.try-asking-item {
-		border-color: rgba(255, 255, 255, 0.16);
-		color: rgba(255, 255, 255, 0.7);
-	}
-	.try-asking-item:hover {
-		color: rgba(255, 255, 255, 0.95);
-	}
-}
-
-.try-asking-item__icon {
-	font-size: 14px !important;
-	width: 14px !important;
-	height: 14px !important;
-	margin-top: 1px;
-	color: var(--color-accentedPalette-500);
-	flex-shrink: 0;
-}
-
-.schema-editor__message {
-	border-radius: 8px;
-	padding: 10px 14px;
-	max-width: 95%;
-	line-height: 1.5;
-	white-space: pre-wrap;
-	font-size: 13px;
-}
-
-.schema-editor__message--user {
-	align-self: flex-end;
-	background-color: #f0f4f8;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-editor__message--user {
-		background-color: #2d3748;
-	}
-}
-
-.schema-editor__message--ai {
-	align-self: stretch;
-	background-color: transparent;
-	padding-left: 0;
-	padding-right: 0;
-	max-width: 100%;
-}
-
-.schema-editor__message-text {
-	white-space: pre-wrap;
-}
-
-.schema-editor__message--error {
-	align-self: flex-start;
-	display: flex;
-	align-items: flex-start;
-	gap: 8px;
-	max-width: 100%;
-}
-
-@media (prefers-color-scheme: light) {
-	.schema-editor__message--error {
-		background-color: var(--color-warnPalette-100);
-		color: var(--color-warnPalette-100-contrast);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-editor__message--error {
-		background-color: var(--color-warnDarkPalette-200);
-		color: var(--color-warnDarkPalette-200-contrast);
-	}
-}
-
-.schema-editor__error-icon {
-	font-size: 18px;
-	height: 18px;
-	width: 18px;
-	flex-shrink: 0;
-	margin-top: 2px;
-}
-
-/* Changes */
-
-.schema-editor__changes {
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-	margin-top: 10px;
-}
-
-/* ── Structured change card ── */
-
-.change-card {
-	border: 1px solid rgba(0, 0, 0, 0.08);
-	border-radius: 8px;
-	padding: 10px 12px;
-	background: #fff;
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.change-card {
-		border-color: rgba(255, 255, 255, 0.1);
-		background: rgba(255, 255, 255, 0.04);
-	}
-}
-
-.change-card__head {
-	display: flex;
-	align-items: center;
-	gap: 10px;
-}
-
-.change-card__action-icon {
-	flex-shrink: 0;
-	width: 28px;
-	height: 28px;
-	border-radius: 7px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.change-card__action-icon mat-icon {
-	font-size: 16px !important;
-	width: 16px !important;
-	height: 16px !important;
-}
-
-.change-card[data-tone="add"] .change-card__action-icon {
-	background: color-mix(in srgb, #16a34a 14%, transparent);
-	color: #15803d;
-}
-
-.change-card[data-tone="edit"] .change-card__action-icon {
-	background: color-mix(in srgb, var(--color-accentedPalette-500) 14%, transparent);
-	color: var(--color-accentedPalette-500);
-}
-
-.change-card[data-tone="remove"] .change-card__action-icon {
-	background: color-mix(in srgb, #dc2626 14%, transparent);
-	color: #dc2626;
-}
-
-@media (prefers-color-scheme: dark) {
-	.change-card[data-tone="add"] .change-card__action-icon { color: #4ade80; }
-	.change-card[data-tone="remove"] .change-card__action-icon { color: #f87171; }
-}
-
-.change-card__head-text {
-	display: flex;
-	flex-direction: column;
-	gap: 1px;
-	min-width: 0;
-}
-
-.change-card__action {
-	font-size: 11px;
-	font-weight: 600;
-	text-transform: uppercase;
-	letter-spacing: 0.4px;
-	color: rgba(0, 0, 0, 0.45);
-}
-
-@media (prefers-color-scheme: dark) {
-	.change-card__action {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-.change-card__target {
-	font-size: 14px;
-	font-weight: 600;
-	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-	color: rgba(0, 0, 0, 0.88);
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-@media (prefers-color-scheme: dark) {
-	.change-card__target {
-		color: rgba(255, 255, 255, 0.92);
-	}
-}
-
-.change-card__summary {
-	margin: 0;
-	font-size: 12.5px;
-	color: rgba(0, 0, 0, 0.62);
-	line-height: 1.45;
-}
-
-@media (prefers-color-scheme: dark) {
-	.change-card__summary {
-		color: rgba(255, 255, 255, 0.62);
-	}
-}
-
-.change-card__columns {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-	display: grid;
-	grid-template-columns: max-content minmax(0, 1fr) auto;
-	border: 1px solid rgba(0, 0, 0, 0.06);
-	border-radius: 6px;
-	overflow: hidden;
-	font-size: 12px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.change-card__columns {
-		border-color: rgba(255, 255, 255, 0.08);
-	}
-}
-
-.change-card__column {
-	display: contents;
-}
-
-.change-card__column > * {
-	display: flex;
-	align-items: center;
-	padding: 6px 10px;
-	border-top: 1px solid rgba(0, 0, 0, 0.04);
-}
-
-.change-card__column:first-child > * {
-	border-top: none;
-}
-
-@media (prefers-color-scheme: dark) {
-	.change-card__column > * {
-		border-top-color: rgba(255, 255, 255, 0.06);
-	}
-}
-
-.change-card__column-name {
-	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-	font-weight: 500;
-	color: rgba(0, 0, 0, 0.85);
-}
-
-@media (prefers-color-scheme: dark) {
-	.change-card__column-name {
-		color: rgba(255, 255, 255, 0.88);
-	}
-}
-
-.change-card__column-type {
-	color: rgba(0, 0, 0, 0.5);
-	font-size: 11.5px;
-	padding-left: 0 !important;
-}
-
-@media (prefers-color-scheme: dark) {
-	.change-card__column-type {
-		color: rgba(255, 255, 255, 0.55);
-	}
-}
-
-.change-card__column-badges {
-	flex-wrap: wrap;
-	gap: 4px;
-	justify-content: flex-end;
-}
-
-.change-card__badge {
-	font-size: 9px;
-	font-weight: 700;
-	letter-spacing: 0.5px;
-	padding: 2px 6px;
-	border-radius: 3px;
-	line-height: 1.2;
-	text-transform: uppercase;
-}
-
-.change-card__badge--pk {
-	background: color-mix(in srgb, #f59e0b 18%, transparent);
-	color: #b45309;
-}
-
-.change-card__badge--fk {
-	background: color-mix(in srgb, var(--color-accentedPalette-500) 18%, transparent);
-	color: var(--color-accentedPalette-500);
-}
-
-.change-card__badge--nn,
-.change-card__badge--uq,
-.change-card__badge--def {
-	background: rgba(0, 0, 0, 0.06);
-	color: rgba(0, 0, 0, 0.6);
-}
-
-@media (prefers-color-scheme: dark) {
-	.change-card__badge--pk { color: #fbbf24; }
-	.change-card__badge--nn,
-	.change-card__badge--uq,
-	.change-card__badge--def {
-		background: rgba(255, 255, 255, 0.08);
-		color: rgba(255, 255, 255, 0.6);
-	}
-}
-
-.change-card__sql {
-	margin: 0;
-	font-size: 11px;
-}
-
-.change-card__sql summary {
-	cursor: pointer;
-	user-select: none;
-	font-size: 11px;
-	font-weight: 500;
-	color: rgba(0, 0, 0, 0.5);
-	padding: 2px 0;
-}
-
-.change-card__sql summary:hover {
-	color: var(--color-accentedPalette-500);
-}
-
-@media (prefers-color-scheme: dark) {
-	.change-card__sql summary {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-.change-card__sql pre {
-	background: rgba(0, 0, 0, 0.04);
-	border-radius: 4px;
-	padding: 8px 10px;
-	font-size: 11px;
-	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-	overflow-x: auto;
-	white-space: pre-wrap;
-	margin: 6px 0 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.change-card__sql pre {
-		background: rgba(255, 255, 255, 0.06);
-	}
-}
-
-/* Actions */
-
-.schema-editor__actions {
-	display: flex;
-	justify-content: flex-end;
-	gap: 8px;
-}
-
-.schema-editor__actions button mat-icon {
-	margin-right: 4px;
-	margin-bottom: -4px;
-	font-size: 18px;
-	height: 18px;
-	width: 18px;
-}
-
-/* Loading */
-
-.schema-editor__loading {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	padding: 6px 0;
-}
-
-.schema-editor__loading-text {
-	font-size: 13px;
-	color: #9ca3af;
-}
-
-.schema-editor__loading-dots {
-	display: flex;
-	gap: 6px;
-	align-items: center;
-}
-
-.schema-editor__loading-dot {
-	width: 6px;
-	height: 6px;
-	border-radius: 50%;
-	background-color: #9ca3af;
-	animation: loading-bounce 1.4s ease-in-out infinite;
-}
-
-.schema-editor__loading-dot:nth-child(1) { animation-delay: 0s; }
-.schema-editor__loading-dot:nth-child(2) { animation-delay: 0.15s; }
-.schema-editor__loading-dot:nth-child(3) { animation-delay: 0.3s; }
-
-@keyframes loading-bounce {
-	0%, 60%, 100% { transform: translateY(0); }
-	30% { transform: translateY(-8px); }
-}
-
-/* Open tables CTA */
-
-.schema-editor__open-tables {
-	display: flex;
-	justify-content: center;
-	padding: 8px 16px;
-	border-top: 1px solid rgba(0, 0, 0, 0.06);
-	flex-shrink: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-editor__open-tables {
-		border-color: rgba(255, 255, 255, 0.08);
-	}
-}
-
-.schema-editor__open-tables button mat-icon {
-	margin-right: 4px;
-	margin-bottom: -4px;
-	font-size: 18px;
-	height: 18px;
-	width: 18px;
-}
-
-/* Input form */
-
-.schema-editor__form {
-	padding: 12px 16px 16px;
-	border-top: 1px solid rgba(0, 0, 0, 0.06);
-	flex-shrink: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-editor__form {
-		border-color: rgba(255, 255, 255, 0.08);
-	}
-}
-
-.schema-editor__input-field {
-	width: 100%;
-}
-
-.schema-editor__input-field ::ng-deep .mdc-text-field--outlined .mdc-notched-outline__leading {
-	border-radius: 24px 0 0 24px;
-	width: 24px;
-}
-
-.schema-editor__input-field ::ng-deep .mdc-text-field--outlined .mdc-notched-outline__trailing {
-	border-radius: 0 24px 24px 0;
-}
-
-.schema-editor__input-field ::ng-deep .mdc-text-field--focused .mdc-notched-outline__leading,
-.schema-editor__input-field ::ng-deep .mdc-text-field--focused .mdc-notched-outline__trailing {
-	border-color: #6384ff !important;
-	border-width: 2px !important;
-}
-
-.schema-editor__input-field ::ng-deep .mdc-text-field--focused .mdc-notched-outline__notch {
-	border-color: #6384ff !important;
-	border-width: 2px 0 !important;
-}
-
-.schema-editor__input-field ::ng-deep .mat-mdc-form-field-subscript-wrapper {
-	display: none;
-}
-
-.schema-editor__input-field ::ng-deep .mat-mdc-text-field-wrapper {
-	padding-bottom: 0 !important;
-}
-
-.schema-editor__input-field textarea {
-	resize: none;
-}
-
-.schema-editor__send-button {
-	color: #6384ff !important;
-}
-
-/* Responsive: stack on narrow screens */
-
-@media (max-width: 900px) {
-	.schema-editor__body {
-		flex-direction: column;
-	}
-	.schema-editor__panel {
-		width: 100%;
-		max-height: 50%;
-	}
-}
diff --git a/frontend/src/app/components/edit-database-schema/edit-database-schema.component.html b/frontend/src/app/components/edit-database-schema/edit-database-schema.component.html
deleted file mode 100644
index 237a29114..000000000
--- a/frontend/src/app/components/edit-database-schema/edit-database-schema.component.html
+++ /dev/null
@@ -1,279 +0,0 @@
-<div class="schema-editor" [class.schema-editor--routed]="isRoutedPage()">
-	@if (isRoutedPage()) {
-		<div class="schema-editor__header">
-			<a mat-icon-button [routerLink]="['/connections-list']" class="schema-editor__back-button">
-				<mat-icon>arrow_back</mat-icon>
-			</a>
-			<h1 class="schema-editor__title">Edit Database Schema</h1>
-		</div>
-	}
-	@if (showClose) {
-		<button mat-icon-button type="button" class="schema-editor__close-button" (click)="closeEditor.emit()">
-			<mat-icon>close</mat-icon>
-		</button>
-	}
-
-	<div class="schema-editor__body">
-		<!-- Canvas: diagram or welcome -->
-		<section class="schema-editor__canvas">
-			@if (currentDiagram(); as diagram) {
-				<app-schema-diagram-viewer
-					class="schema-editor__diagram"
-					[title]="diagram.text"
-					[source]="diagram.diagramSource!"></app-schema-diagram-viewer>
-			} @else if (initialDiagramLoading()) {
-				<div class="schema-editor__diagram-loading">
-					<span class="schema-editor__loading-text">Loading diagram</span>
-					<div class="schema-editor__loading-dots">
-						<span class="schema-editor__loading-dot"></span>
-						<span class="schema-editor__loading-dot"></span>
-						<span class="schema-editor__loading-dot"></span>
-					</div>
-				</div>
-			} @else {
-				<div class="schema-editor__welcome">
-					<div class="schema-editor__welcome-icon-box">
-						<mat-icon class="schema-editor__welcome-icon">schema</mat-icon>
-					</div>
-					<div class="schema-editor__welcome-heading">
-						<p class="schema-editor__welcome-title">Create your first table</p>
-						<p class="schema-editor__welcome-subtitle">Describe what you need and AI will generate the SQL</p>
-					</div>
-
-					<div class="schema-editor__suggestions-block">
-					<p class="schema-editor__suggestions-heading">or use a template</p>
-					<div class="schema-editor__templates">
-						<button type="button" class="template-card"
-							(click)="userPrompt.set('E-commerce database with products, categories, orders, and customers')">
-							<div class="template-card__head">
-								<div class="template-card__icon-box">
-									<mat-icon class="template-card__icon">shopping_cart</mat-icon>
-								</div>
-								<span class="template-card__title">E-commerce store</span>
-							</div>
-							<span class="template-card__tables">products · categories · orders · customers</span>
-						</button>
-						<button type="button" class="template-card"
-							(click)="userPrompt.set('Blog platform with users, posts, comments, and tags')">
-							<div class="template-card__head">
-								<div class="template-card__icon-box">
-									<mat-icon class="template-card__icon">article</mat-icon>
-								</div>
-								<span class="template-card__title">Blog platform</span>
-							</div>
-							<span class="template-card__tables">users · posts · comments · tags</span>
-						</button>
-						<button type="button" class="template-card"
-							(click)="userPrompt.set('Project management tool with projects, tasks, users, and comments')">
-							<div class="template-card__head">
-								<div class="template-card__icon-box">
-									<mat-icon class="template-card__icon">view_kanban</mat-icon>
-								</div>
-								<span class="template-card__title">Project management</span>
-							</div>
-							<span class="template-card__tables">projects · tasks · users · comments</span>
-						</button>
-						<button type="button" class="template-card"
-							(click)="userPrompt.set('CRM with contacts, companies, deals, activities, and notes')">
-							<div class="template-card__head">
-								<div class="template-card__icon-box">
-									<mat-icon class="template-card__icon">contacts</mat-icon>
-								</div>
-								<span class="template-card__title">CRM</span>
-							</div>
-							<span class="template-card__tables">contacts · companies · deals · activities · notes</span>
-						</button>
-					</div>
-				</div>
-			</div>
-			}
-		</section>
-
-		<!-- Right-docked chat panel -->
-		<aside class="schema-editor__panel">
-			<div class="schema-editor__panel-header">
-				<mat-icon class="schema-editor__panel-icon">smart_toy</mat-icon>
-				<span class="schema-editor__panel-title">Schema Assistant</span>
-			</div>
-
-			<div class="schema-editor__messages">
-				@if (chatMessages().length === 0 && !submitting()) {
-					@if (currentDiagram()) {
-						<p class="schema-editor__messages-empty">Describe what you need and AI will generate the SQL.</p>
-					}
-
-					@if (!currentDiagram()) {
-						<div class="schema-editor__try-asking-block">
-							<p class="schema-editor__try-asking-heading">Try asking</p>
-							<div class="schema-editor__try-asking">
-								<button type="button" class="try-asking-item"
-									(click)="userPrompt.set('Inventory system with suppliers and stock alerts')">
-									<mat-icon class="try-asking-item__icon">auto_awesome</mat-icon>
-									<span>“Inventory system with suppliers and stock alerts”</span>
-								</button>
-								<button type="button" class="try-asking-item"
-									(click)="userPrompt.set('Booking app for a yoga studio')">
-									<mat-icon class="try-asking-item__icon">auto_awesome</mat-icon>
-									<span>“Booking app for a yoga studio”</span>
-								</button>
-								<button type="button" class="try-asking-item"
-									(click)="userPrompt.set('Multi-tenant SaaS with workspaces')">
-									<mat-icon class="try-asking-item__icon">auto_awesome</mat-icon>
-									<span>“Multi-tenant SaaS with workspaces”</span>
-								</button>
-							</div>
-						</div>
-					}
-				}
-
-				@for (message of chatMessages(); track $index) {
-					@if (message.role === 'user') {
-						<div class="schema-editor__message schema-editor__message--user">
-							<span>{{ message.text }}</span>
-						</div>
-					}
-					@if (message.role === 'ai') {
-						<div class="schema-editor__message schema-editor__message--ai">
-							<span class="schema-editor__message-text">{{ message.text }}</span>
-
-							@if (message.parsedChanges?.length) {
-								<div class="schema-editor__changes">
-									@for (change of message.parsedChanges; track change.id) {
-										<div class="change-card" [attr.data-tone]="change.tone">
-											<div class="change-card__head">
-												<div class="change-card__action-icon">
-													<mat-icon>{{ change.icon }}</mat-icon>
-												</div>
-												<div class="change-card__head-text">
-													<span class="change-card__action">{{ change.action }}</span>
-													<span class="change-card__target">{{ change.targetTableName }}</span>
-												</div>
-											</div>
-											@if (change.aiSummary) {
-												<p class="change-card__summary">{{ change.aiSummary }}</p>
-											}
-											@if (change.columns.length) {
-												<ul class="change-card__columns">
-													@for (col of change.columns; track col.name) {
-														<li class="change-card__column">
-															<span class="change-card__column-name">{{ col.name }}</span>
-															<span class="change-card__column-type">{{ col.type || '—' }}</span>
-															<span class="change-card__column-badges">
-																@if (col.pk) {
-																	<span class="change-card__badge change-card__badge--pk" matTooltip="Primary key">PK</span>
-																}
-																@if (col.fk) {
-																	<span class="change-card__badge change-card__badge--fk"
-																		[matTooltip]="col.referenceTable ? '→ ' + col.referenceTable : 'Foreign key'">FK</span>
-																}
-																@if (col.notNull && !col.pk) {
-																	<span class="change-card__badge change-card__badge--nn">NOT NULL</span>
-																}
-																@if (col.unique && !col.pk) {
-																	<span class="change-card__badge change-card__badge--uq">UNIQUE</span>
-																}
-																@if (col.defaultValue) {
-																	<span class="change-card__badge change-card__badge--def">DEFAULT</span>
-																}
-															</span>
-														</li>
-													}
-												</ul>
-											}
-											<details class="change-card__sql">
-												<summary>View SQL</summary>
-												<pre>{{ change.forwardSql }}</pre>
-											</details>
-										</div>
-									}
-								</div>
-							}
-						</div>
-					}
-					@if (message.role === 'error') {
-						<div class="schema-editor__message schema-editor__message--error">
-							<mat-icon class="schema-editor__error-icon">error_outline</mat-icon>
-							<span>{{ message.text }}</span>
-						</div>
-					}
-				}
-
-				@if (submitting()) {
-					<div class="schema-editor__loading">
-						<span class="schema-editor__loading-text">Generating schema</span>
-						<div class="schema-editor__loading-dots">
-							<span class="schema-editor__loading-dot"></span>
-							<span class="schema-editor__loading-dot"></span>
-							<span class="schema-editor__loading-dot"></span>
-						</div>
-					</div>
-				}
-				@if (initialDiagramLoading() && chatMessages().length > 0) {
-					<div class="schema-editor__loading">
-						<span class="schema-editor__loading-text">Refreshing diagram</span>
-						<div class="schema-editor__loading-dots">
-							<span class="schema-editor__loading-dot"></span>
-							<span class="schema-editor__loading-dot"></span>
-							<span class="schema-editor__loading-dot"></span>
-						</div>
-					</div>
-				}
-			</div>
-
-			@if (applied() && !initialDiagramLoading()) {
-				<div class="schema-editor__open-tables">
-					<a mat-flat-button color="primary" (click)="onOpenTables()"
-						[routerLink]="['/dashboard', connectionID]"
-						[queryParams]="{uncached: 'true'}"
-						data-testid="schema-open-tables-button">
-						<mat-icon>table_chart</mat-icon>
-						Open tables
-					</a>
-				</div>
-			}
-
-			<div class="schema-editor__form">
-				@if (pendingBatch()) {
-					<div class="schema-editor__actions">
-						<button mat-stroked-button type="button" (click)="onReject()" [disabled]="applying()"
-							data-testid="schema-reject-button">
-							Reject
-						</button>
-						<button mat-flat-button color="primary" type="button" (click)="onApprove()" [disabled]="applying()"
-							data-testid="schema-approve-button">
-							@if (applying()) {
-								Applying...
-							} @else {
-								<mat-icon>check</mat-icon>
-								Apply All
-							}
-						</button>
-					</div>
-				} @else {
-					<form (ngSubmit)="onSubmit()">
-						<mat-form-field appearance="outline" class="schema-editor__input-field">
-							<mat-label>{{ currentDiagram() ? 'Describe the changes you need...' : 'Describe the database you need...' }}</mat-label>
-							<textarea matInput
-								name="schemaPrompt"
-								[ngModel]="userPrompt()"
-								(ngModelChange)="userPrompt.set($event)"
-								(keydown)="onKeydown($event)"
-								cdkTextareaAutosize
-								cdkAutosizeMinRows="2"
-								cdkAutosizeMaxRows="10"
-								maxlength="1000"
-								[disabled]="submitting()"
-								data-testid="schema-prompt-textarea"
-							></textarea>
-							<button mat-icon-button matSuffix type="submit"
-								[disabled]="!userPrompt().trim() || submitting()"
-								class="schema-editor__send-button">
-								<mat-icon>send</mat-icon>
-							</button>
-						</mat-form-field>
-					</form>
-				}
-			</div>
-		</aside>
-	</div>
-</div>
diff --git a/frontend/src/app/components/edit-database-schema/edit-database-schema.component.ts b/frontend/src/app/components/edit-database-schema/edit-database-schema.component.ts
deleted file mode 100644
index 779580ab7..000000000
--- a/frontend/src/app/components/edit-database-schema/edit-database-schema.component.ts
+++ /dev/null
@@ -1,461 +0,0 @@
-import { TextFieldModule } from '@angular/cdk/text-field';
-import { CommonModule } from '@angular/common';
-import { Component, computed, EventEmitter, Input, inject, OnInit, Output, signal } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { ActivatedRoute, Router, RouterModule } from '@angular/router';
-import { Parser } from 'node-sql-parser';
-import { SchemaChangeResponse, TableSchemaService } from 'src/app/services/table-schema.service';
-import { SchemaDiagramViewerComponent } from './schema-diagram-viewer/schema-diagram-viewer.component';
-
-interface ParsedColumn {
-	name: string;
-	type: string;
-	pk: boolean;
-	fk: boolean;
-	referenceTable?: string;
-	notNull: boolean;
-	unique: boolean;
-	defaultValue?: string;
-}
-
-interface ParsedChange {
-	id: string;
-	action: string;
-	icon: string;
-	tone: 'add' | 'edit' | 'remove';
-	targetTableName: string;
-	aiSummary?: string;
-	columns: ParsedColumn[];
-	forwardSql: string;
-}
-
-interface ChatMessage {
-	role: 'user' | 'ai' | 'error' | 'diagram';
-	text: string;
-	diagramSource?: string;
-	changes?: SchemaChangeResponse[];
-	parsedChanges?: ParsedChange[];
-	batchId?: string;
-}
-
-@Component({
-	selector: 'app-edit-database-schema',
-	templateUrl: './edit-database-schema.component.html',
-	styleUrls: ['./edit-database-schema.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatButtonModule,
-		MatIconModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatTooltipModule,
-		TextFieldModule,
-		RouterModule,
-		SchemaDiagramViewerComponent,
-	],
-})
-export class EditDatabaseSchemaComponent implements OnInit {
-	@Input() connectionID: string;
-	@Input() showClose: boolean = false;
-	@Output() schemaApplied = new EventEmitter<void>();
-	@Output() closeEditor = new EventEmitter<void>();
-
-	private _tableSchema = inject(TableSchemaService);
-	private _route = inject(ActivatedRoute);
-	private _router = inject(Router);
-
-	protected isRoutedPage = signal(false);
-	protected messages = signal<ChatMessage[]>([]);
-	protected userPrompt = signal('');
-	protected submitting = signal(false);
-	protected applying = signal(false);
-	protected applied = signal(false);
-	protected initialDiagramLoading = signal(false);
-	private _threadId: string | undefined;
-
-	protected pendingBatch = computed(() => {
-		const msgs = this.messages();
-		for (let i = msgs.length - 1; i >= 0; i--) {
-			if (msgs[i].batchId && msgs[i].changes?.length) return msgs[i];
-		}
-		return null;
-	});
-
-	protected currentDiagram = computed(() => {
-		const msgs = this.messages();
-		for (let i = msgs.length - 1; i >= 0; i--) {
-			if (msgs[i].role === 'diagram' && msgs[i].diagramSource) return msgs[i];
-		}
-		return null;
-	});
-
-	protected chatMessages = computed(() => this.messages().filter((m) => m.role !== 'diagram'));
-
-	ngOnInit(): void {
-		if (!this.connectionID) {
-			const id = this._route.snapshot.paramMap.get('connection-id');
-			if (id) {
-				this.connectionID = id;
-				this.isRoutedPage.set(true);
-				this.showClose = false;
-			} else {
-				this._router.navigate(['/connections-list']);
-				return;
-			}
-		}
-
-		if (this.showClose || this.isRoutedPage()) {
-			this._loadDiagram('Current Database Structure');
-		}
-	}
-
-	async onSubmit() {
-		const prompt = this.userPrompt().trim();
-		if (!prompt || this.submitting()) return;
-
-		this.messages.update((msgs) => [...msgs, { role: 'user', text: prompt }]);
-		this.userPrompt.set('');
-		this.submitting.set(true);
-
-		try {
-			const result = await this._tableSchema.generateSchemaChange(this.connectionID, prompt, this._threadId);
-			if (result.threadId) {
-				this._threadId = result.threadId;
-			}
-			if (result && result.changes.length > 0) {
-				this.applied.set(false);
-				let previewSource = '';
-				try {
-					const preview = await this._tableSchema.previewDiagram(
-						this.connectionID,
-						result.changes.map((c) => c.forwardSql),
-					);
-					previewSource = preview.diagram ?? '';
-				} catch {
-					// preview is supplementary — don't block the change list on a diagram failure
-				}
-				const parsedChanges = result.changes.map((c) => this._parseChange(c));
-				this.messages.update((msgs) => {
-					const next: ChatMessage[] = [
-						...msgs,
-						{
-							role: 'ai',
-							text: `I've generated ${result.changes.length} change(s) for your database. Review them below and approve or reject.`,
-							changes: result.changes,
-							parsedChanges,
-							batchId: result.batchId,
-						},
-					];
-					if (previewSource) {
-						next.push({
-							role: 'diagram',
-							text: 'Schema Preview',
-							diagramSource: '```mermaid\n' + previewSource + '\n```',
-						});
-					}
-					return next;
-				});
-			} else {
-				const clarification = result.assistantMessage?.trim();
-				this.messages.update((msgs) => [
-					...msgs,
-					{
-						role: 'ai',
-						text:
-							clarification ||
-							'I could not generate any schema changes for that prompt. Could you describe your database in more detail?',
-					},
-				]);
-			}
-		} catch (err: unknown) {
-			const error = err as { error?: { message?: string }; message?: string };
-			this.messages.update((msgs) => [
-				...msgs,
-				{
-					role: 'error',
-					text: error?.error?.message || error?.message || 'Failed to generate schema changes.',
-				},
-			]);
-		} finally {
-			this.submitting.set(false);
-		}
-	}
-
-	async onApprove() {
-		const batch = this.pendingBatch();
-		if (!batch?.batchId || this.applying()) return;
-
-		this.applying.set(true);
-
-		try {
-			const result = await this._tableSchema.approveBatch(batch.batchId, true);
-			if (result) {
-				const failed = result.changes.filter((c) => c.status === 'failed');
-				if (failed.length > 0) {
-					this.messages.update((msgs) => [
-						...msgs,
-						{
-							role: 'error',
-							text: `${failed.length} change(s) failed: ${failed.map((c) => c.executionError).join('; ')}`,
-						},
-					]);
-				} else {
-					this.applied.set(true);
-					const autoFixed = result.changes.filter((c) => c.aiAutoFixApplied);
-					const successText =
-						autoFixed.length > 0
-							? `All changes applied successfully! ${autoFixed.length} statement(s) needed an AI repair before they could be applied — the originals failed against the database (e.g. ${autoFixed
-									.map((c) => `${c.targetTableName}: ${this._summarizeError(c.aiAutoFixOriginalError)}`)
-									.slice(0, 2)
-									.join('; ')}).`
-							: 'All changes applied successfully! Your tables have been created.';
-					this.messages.update((msgs) =>
-						msgs
-							.map((m) => (m === batch ? { ...m, batchId: undefined } : m))
-							.concat({
-								role: 'ai',
-								text: successText,
-							}),
-					);
-					this._loadDiagram('Updated Database Structure');
-				}
-			}
-		} catch (err: unknown) {
-			const error = err as { error?: { message?: string }; message?: string };
-			this.messages.update((msgs) => [
-				...msgs,
-				{
-					role: 'error',
-					text: error?.error?.message || error?.message || 'Failed to apply schema changes.',
-				},
-			]);
-		} finally {
-			this.applying.set(false);
-		}
-	}
-
-	async onReject() {
-		const batch = this.pendingBatch();
-		if (!batch?.batchId) return;
-
-		await this._tableSchema.rejectBatch(batch.batchId);
-		this.messages.update((msgs) =>
-			msgs
-				.filter((m) => !(m.role === 'diagram' && m.text === 'Schema Preview'))
-				.map((m) => (m === batch ? { ...m, batchId: undefined } : m))
-				.concat({
-					role: 'ai',
-					text: 'Changes rejected. Feel free to describe what you need differently.',
-				}),
-		);
-	}
-
-	onOpenTables() {
-		this.schemaApplied.emit();
-	}
-
-	onKeydown(event: KeyboardEvent) {
-		if (event.key === 'Enter' && !event.shiftKey) {
-			event.preventDefault();
-			this.onSubmit();
-		}
-	}
-
-	private async _loadDiagram(label: string) {
-		this.initialDiagramLoading.set(true);
-		try {
-			const diagram = await this._tableSchema.fetchDiagram(this.connectionID);
-			const source = diagram?.diagram ?? '';
-			if (this._mermaidHasEntities(source)) {
-				this.messages.update((msgs) => [
-					...msgs,
-					{
-						role: 'diagram' as const,
-						text: label,
-						diagramSource: '```mermaid\n' + source + '\n```',
-					},
-				]);
-			}
-		} catch {
-			// Diagram is supplementary - don't show error if it fails
-		} finally {
-			this.initialDiagramLoading.set(false);
-		}
-	}
-
-	private _summarizeError(err: string | null | undefined): string {
-		if (!err) return 'unknown error';
-		const compact = err.replace(/\s+/g, ' ').trim();
-		return compact.length > 120 ? `${compact.slice(0, 120)}…` : compact;
-	}
-
-	private _mermaidHasEntities(source: string): boolean {
-		if (!source) return false;
-		for (const line of source.split('\n')) {
-			if (/^\s*[A-Za-z_][\w-]*\s*\{/.test(line)) return true;
-		}
-		return false;
-	}
-
-	private _extractColumnName(value: unknown): string | null {
-		if (!value) return null;
-		const inner = (value as { column?: unknown }).column ?? value;
-		if (typeof inner === 'string') return inner;
-		const expr = (inner as { expr?: { value?: unknown } })?.expr;
-		if (expr && typeof expr.value === 'string') return expr.value;
-		return null;
-	}
-
-	private _extractReferenceTable(value: unknown): string | null {
-		if (!value) return null;
-		const inner = (value as { reference_definition?: unknown }).reference_definition ?? value;
-		const tables = (inner as { table?: unknown }).table;
-		const first = Array.isArray(tables) ? tables[0] : tables;
-		const name = (first as { table?: unknown })?.table;
-		return typeof name === 'string' ? name : null;
-	}
-
-	private _changeMeta(changeType: string): { action: string; icon: string; tone: 'add' | 'edit' | 'remove' } {
-		const map: Record<string, { action: string; icon: string; tone: 'add' | 'edit' | 'remove' }> = {
-			CREATE_TABLE: { action: 'Create table', icon: 'add_box', tone: 'add' },
-			DROP_TABLE: { action: 'Drop table', icon: 'delete_outline', tone: 'remove' },
-			ADD_COLUMN: { action: 'Add column', icon: 'add', tone: 'add' },
-			DROP_COLUMN: { action: 'Drop column', icon: 'remove', tone: 'remove' },
-			ALTER_COLUMN: { action: 'Modify column', icon: 'edit', tone: 'edit' },
-			ADD_INDEX: { action: 'Add index', icon: 'bookmark_add', tone: 'add' },
-			DROP_INDEX: { action: 'Drop index', icon: 'bookmark_remove', tone: 'remove' },
-			ADD_FOREIGN_KEY: { action: 'Add foreign key', icon: 'link', tone: 'add' },
-			DROP_FOREIGN_KEY: { action: 'Drop foreign key', icon: 'link_off', tone: 'remove' },
-			ADD_PRIMARY_KEY: { action: 'Add primary key', icon: 'vpn_key', tone: 'add' },
-			DROP_PRIMARY_KEY: { action: 'Drop primary key', icon: 'key_off', tone: 'remove' },
-			MONGO_CREATE_COLLECTION: { action: 'Create collection', icon: 'add_box', tone: 'add' },
-			MONGO_DROP_COLLECTION: { action: 'Drop collection', icon: 'delete_outline', tone: 'remove' },
-			MONGO_SET_VALIDATOR: { action: 'Set validator', icon: 'rule', tone: 'edit' },
-			MONGO_CREATE_INDEX: { action: 'Create index', icon: 'bookmark_add', tone: 'add' },
-			MONGO_DROP_INDEX: { action: 'Drop index', icon: 'bookmark_remove', tone: 'remove' },
-			DYNAMODB_CREATE_TABLE: { action: 'Create table', icon: 'add_box', tone: 'add' },
-			DYNAMODB_DROP_TABLE: { action: 'Drop table', icon: 'delete_outline', tone: 'remove' },
-			DYNAMODB_UPDATE_TABLE: { action: 'Update table', icon: 'edit', tone: 'edit' },
-			ELASTICSEARCH_CREATE_INDEX: { action: 'Create index', icon: 'add_box', tone: 'add' },
-			ELASTICSEARCH_DELETE_INDEX: { action: 'Delete index', icon: 'delete_outline', tone: 'remove' },
-			ELASTICSEARCH_UPDATE_MAPPING: { action: 'Update mapping', icon: 'edit', tone: 'edit' },
-			ROLLBACK: { action: 'Rollback', icon: 'undo', tone: 'edit' },
-		};
-		const upper = (changeType ?? '').toUpperCase();
-		return (
-			map[upper] ?? {
-				action: upper
-					.replace(/_/g, ' ')
-					.toLowerCase()
-					.replace(/\b\w/, (c) => c.toUpperCase()),
-				icon: 'code',
-				tone: 'edit',
-			}
-		);
-	}
-
-	private _parseChange(change: SchemaChangeResponse): ParsedChange {
-		const meta = this._changeMeta(change.changeType);
-		const parsed: ParsedChange = {
-			id: change.id,
-			action: meta.action,
-			icon: meta.icon,
-			tone: meta.tone,
-			targetTableName: change.targetTableName,
-			aiSummary: change.aiSummary,
-			columns: [],
-			forwardSql: change.forwardSql,
-		};
-		if ((change.changeType ?? '').toUpperCase() === 'CREATE_TABLE' && change.forwardSql) {
-			parsed.columns = this._parseCreateTableColumns(change.forwardSql);
-		}
-		return parsed;
-	}
-
-	private _parseCreateTableColumns(sql: string): ParsedColumn[] {
-		const parser = new Parser();
-		let ast: unknown;
-		try {
-			ast = parser.astify(sql, { database: 'PostgresQL' });
-		} catch {
-			try {
-				ast = parser.astify(sql, { database: 'MySQL' });
-			} catch {
-				return [];
-			}
-		}
-		const nodes = Array.isArray(ast) ? ast : [ast];
-		const columns: ParsedColumn[] = [];
-		const colIndex = new Map<string, number>();
-		for (const node of nodes) {
-			const root = node as Record<string, unknown> | null;
-			if (!root || root['type'] !== 'create' || root['keyword'] !== 'table') continue;
-			const defs = (root['create_definitions'] as unknown[]) ?? [];
-			for (const rawDef of defs) {
-				const def = rawDef as Record<string, unknown>;
-				if (def['resource'] === 'column') {
-					const name = this._extractColumnName(def['column']);
-					if (!name) continue;
-					const dataType = (def['definition'] as { dataType?: string } | undefined)?.dataType ?? '';
-					const primary = def['primary'] as string | undefined;
-					const nullable = (def['nullable'] as { value?: string } | undefined)?.value;
-					const ref = this._extractReferenceTable(def['reference_definition']);
-					colIndex.set(name, columns.length);
-					columns.push({
-						name,
-						type: dataType.toLowerCase(),
-						pk: primary === 'primary key' || primary === 'key',
-						fk: !!ref,
-						referenceTable: ref ?? undefined,
-						notNull: nullable === 'not null',
-						unique: !!def['unique'],
-						defaultValue: this._extractDefault(def['default_val']),
-					});
-				} else if (def['resource'] === 'constraint') {
-					const ctype = (def['constraint_type'] as string | undefined)?.toLowerCase();
-					const colRefs = (def['definition'] as unknown[]) ?? [];
-					if (ctype === 'primary key') {
-						for (const c of colRefs) {
-							const colName = this._extractColumnName(c);
-							if (!colName) continue;
-							const i = colIndex.get(colName);
-							if (i !== undefined) columns[i].pk = true;
-						}
-					} else if (ctype === 'foreign key') {
-						const refTable = this._extractReferenceTable(def['reference_definition']);
-						for (const c of colRefs) {
-							const colName = this._extractColumnName(c);
-							if (!colName) continue;
-							const i = colIndex.get(colName);
-							if (i !== undefined) {
-								columns[i].fk = true;
-								if (refTable) columns[i].referenceTable = refTable;
-							}
-						}
-					}
-				}
-			}
-		}
-		return columns;
-	}
-
-	private _extractDefault(value: unknown): string | undefined {
-		if (!value || typeof value !== 'object') return undefined;
-		const inner = (value as { value?: { type?: string; value?: unknown } }).value;
-		if (!inner) return undefined;
-		if (typeof inner === 'string' || typeof inner === 'number' || typeof inner === 'boolean') return String(inner);
-		const v = (inner as { value?: unknown }).value;
-		if (typeof v === 'string' || typeof v === 'number' || typeof v === 'boolean') return String(v);
-		if ((inner as { type?: string }).type === 'function') {
-			const name = (inner as { name?: { name?: { value?: string }[] } }).name?.name?.[0]?.value ?? '';
-			return name ? `${name.toUpperCase()}()` : undefined;
-		}
-		return undefined;
-	}
-}
diff --git a/frontend/src/app/components/edit-database-schema/schema-diagram-viewer/schema-diagram-viewer.component.css b/frontend/src/app/components/edit-database-schema/schema-diagram-viewer/schema-diagram-viewer.component.css
deleted file mode 100644
index 122e41070..000000000
--- a/frontend/src/app/components/edit-database-schema/schema-diagram-viewer/schema-diagram-viewer.component.css
+++ /dev/null
@@ -1,312 +0,0 @@
-:host {
-	display: flex;
-	width: 100%;
-	height: 100%;
-	min-height: 0;
-}
-
-.schema-diagram {
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-	height: 100%;
-	border: 1px solid rgba(0, 0, 0, 0.08);
-	border-radius: 12px;
-	background: rgba(0, 0, 0, 0.02);
-	overflow: hidden;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-diagram {
-		border-color: rgba(255, 255, 255, 0.1);
-		background: rgba(255, 255, 255, 0.03);
-	}
-}
-
-/* Header / toolbar */
-
-.schema-diagram__header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 12px;
-	padding: 8px 12px;
-	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
-	background: transparent;
-	flex-wrap: wrap;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-diagram__header {
-		border-color: rgba(255, 255, 255, 0.08);
-	}
-}
-
-.schema-diagram__title {
-	font-size: 14px;
-	font-weight: 600;
-	margin: 0;
-}
-
-.schema-diagram__toolbar {
-	display: flex;
-	align-items: center;
-	gap: 2px;
-}
-
-.schema-diagram__toolbar-button--active {
-	background-color: rgba(99, 132, 255, 0.16);
-}
-
-.schema-diagram__toolbar-divider {
-	width: 1px;
-	height: 20px;
-	background: rgba(0, 0, 0, 0.12);
-	margin: 0 6px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-diagram__toolbar-divider {
-		background: rgba(255, 255, 255, 0.16);
-	}
-}
-
-.schema-diagram__zoom-label {
-	font-size: 12px;
-	min-width: 42px;
-	text-align: center;
-	color: rgba(0, 0, 0, 0.6);
-	user-select: none;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-diagram__zoom-label {
-		color: rgba(255, 255, 255, 0.7);
-	}
-}
-
-/* Body */
-
-.schema-diagram__body {
-	flex: 1;
-	display: flex;
-	min-height: 0;
-}
-
-/* Sidebar */
-
-.schema-diagram__sidebar {
-	position: absolute;
-	top: 12px;
-	left: 12px;
-	z-index: 5;
-	width: 220px;
-	display: flex;
-	flex-direction: column;
-	max-height: calc(100% - 24px);
-	border: 1px solid rgba(0, 0, 0, 0.1);
-	border-radius: 8px;
-	background: rgba(255, 255, 255, 0.88);
-	backdrop-filter: blur(8px);
-	-webkit-backdrop-filter: blur(8px);
-	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
-	overflow: hidden;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-diagram__sidebar {
-		border-color: rgba(255, 255, 255, 0.12);
-		background: rgba(20, 20, 28, 0.82);
-	}
-}
-
-.schema-diagram__sidebar-search {
-	position: relative;
-	display: flex;
-	align-items: center;
-	padding: 10px 10px 8px;
-	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-diagram__sidebar-search {
-		border-color: rgba(255, 255, 255, 0.08);
-	}
-}
-
-.schema-diagram__sidebar-search-icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-	color: rgba(0, 0, 0, 0.4);
-	position: absolute;
-	left: 18px;
-	pointer-events: none;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-diagram__sidebar-search-icon {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-.schema-diagram__sidebar-input {
-	flex: 1;
-	border: 1px solid rgba(0, 0, 0, 0.12);
-	border-radius: 999px;
-	padding: 6px 10px 6px 30px;
-	font-size: 13px;
-	background: transparent;
-	color: inherit;
-	outline: none;
-	width: 100%;
-}
-
-.schema-diagram__sidebar-input:focus {
-	border-color: #6384ff;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-diagram__sidebar-input {
-		border-color: rgba(255, 255, 255, 0.16);
-	}
-}
-
-.schema-diagram__sidebar-list {
-	overflow-y: auto;
-	padding: 6px;
-	display: flex;
-	flex-direction: column;
-	gap: 2px;
-}
-
-.schema-diagram__sidebar-item {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	background: none;
-	border: none;
-	width: 100%;
-	text-align: left;
-	padding: 6px 10px;
-	border-radius: 6px;
-	font-size: 13px;
-	color: inherit;
-	cursor: pointer;
-	transition: background-color 0.15s ease;
-}
-
-.schema-diagram__sidebar-item:hover {
-	background-color: rgba(99, 132, 255, 0.12);
-}
-
-.schema-diagram__sidebar-item-icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-	color: rgba(0, 0, 0, 0.45);
-	flex-shrink: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-diagram__sidebar-item-icon {
-		color: rgba(255, 255, 255, 0.55);
-	}
-}
-
-.schema-diagram__sidebar-empty {
-	font-size: 12px;
-	color: rgba(0, 0, 0, 0.45);
-	margin: 12px;
-	text-align: center;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-diagram__sidebar-empty {
-		color: rgba(255, 255, 255, 0.45);
-	}
-}
-
-/* Viewport */
-
-.schema-diagram__viewport {
-	flex: 1;
-	position: relative;
-	overflow: hidden;
-	cursor: grab;
-	background-image:
-		radial-gradient(circle, rgba(0, 0, 0, 0.06) 1px, transparent 1px);
-	background-size: 18px 18px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.schema-diagram__viewport {
-		background-image:
-			radial-gradient(circle, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
-	}
-}
-
-.schema-diagram--panning .schema-diagram__viewport {
-	cursor: grabbing;
-}
-
-.schema-diagram__canvas {
-	position: absolute;
-	top: 0;
-	left: 0;
-	transform-origin: 0 0;
-	will-change: transform;
-	line-height: 0;
-}
-
-.schema-diagram__canvas ::ng-deep markdown,
-.schema-diagram__canvas ::ng-deep markdown > * {
-	display: block;
-	margin: 0 !important;
-	padding: 0 !important;
-	line-height: 0;
-}
-
-.schema-diagram__canvas ::ng-deep svg {
-	max-width: none !important;
-	max-height: none !important;
-	display: block;
-	margin: 0 !important;
-}
-
-/* ── Dark-theme purple safety net for ER diagram ── */
-
-@media (prefers-color-scheme: dark) {
-	.schema-diagram__canvas ::ng-deep svg rect,
-	.schema-diagram__canvas ::ng-deep svg .er.entityBox,
-	.schema-diagram__canvas ::ng-deep svg .er.attributeBoxOdd,
-	.schema-diagram__canvas ::ng-deep svg .er.attributeBoxEven {
-		fill: #1d143a !important;
-		stroke: #3d2b6e !important;
-	}
-	.schema-diagram__canvas ::ng-deep svg text,
-	.schema-diagram__canvas ::ng-deep svg tspan {
-		fill: #ede9fe !important;
-		stroke: none !important;
-	}
-	.schema-diagram__canvas ::ng-deep svg .er.relationshipLine,
-	.schema-diagram__canvas ::ng-deep svg path.relationshipLine {
-		stroke: #a78bfa !important;
-	}
-	.schema-diagram__canvas ::ng-deep svg marker path,
-	.schema-diagram__canvas ::ng-deep svg defs marker path {
-		fill: #a78bfa !important;
-		stroke: #a78bfa !important;
-	}
-}
-
-.schema-diagram__canvas ::ng-deep .schema-diagram__highlight {
-	animation: highlight-pulse 1.6s ease;
-}
-
-@keyframes highlight-pulse {
-	0% { filter: drop-shadow(0 0 0 rgba(99, 132, 255, 0)); }
-	30% { filter: drop-shadow(0 0 14px rgba(99, 132, 255, 0.8)); }
-	100% { filter: drop-shadow(0 0 0 rgba(99, 132, 255, 0)); }
-}
-
diff --git a/frontend/src/app/components/edit-database-schema/schema-diagram-viewer/schema-diagram-viewer.component.html b/frontend/src/app/components/edit-database-schema/schema-diagram-viewer/schema-diagram-viewer.component.html
deleted file mode 100644
index 4c0afd4d7..000000000
--- a/frontend/src/app/components/edit-database-schema/schema-diagram-viewer/schema-diagram-viewer.component.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<div class="schema-diagram" [class.schema-diagram--panning]="isPanning()">
-	<div class="schema-diagram__header">
-		<h3 class="schema-diagram__title">{{ title }}</h3>
-		<div class="schema-diagram__toolbar">
-			<button mat-icon-button type="button" matTooltip="Toggle tables list"
-				[class.schema-diagram__toolbar-button--active]="sidebarOpen()"
-				(click)="onToggleSidebar()">
-				<mat-icon>list</mat-icon>
-			</button>
-			<span class="schema-diagram__toolbar-divider"></span>
-			<button mat-icon-button type="button" matTooltip="Zoom out" (click)="onZoomOut()">
-				<mat-icon>remove</mat-icon>
-			</button>
-			<span class="schema-diagram__zoom-label">{{ scaleLabel() }}</span>
-			<button mat-icon-button type="button" matTooltip="Zoom in" (click)="onZoomIn()">
-				<mat-icon>add</mat-icon>
-			</button>
-			<button mat-icon-button type="button" matTooltip="Fit to screen" (click)="onFitToScreen()">
-				<mat-icon>fit_screen</mat-icon>
-			</button>
-			<button mat-icon-button type="button" matTooltip="Reset view" (click)="onZoomReset()">
-				<mat-icon>restart_alt</mat-icon>
-			</button>
-		</div>
-	</div>
-
-	<div class="schema-diagram__body">
-		<div #viewport class="schema-diagram__viewport"
-			(mousedown)="onPanStart($event)"
-			(wheel)="onWheel($event)"
-			(dblclick)="onDoubleClick($event)">
-			<div #canvas class="schema-diagram__canvas" [style.transform]="transformStyle()">
-				<markdown mermaid [data]="_source()"></markdown>
-			</div>
-
-			@if (sidebarOpen()) {
-				<aside class="schema-diagram__sidebar" (wheel)="$event.stopPropagation()">
-					<div class="schema-diagram__sidebar-search">
-						<mat-icon class="schema-diagram__sidebar-search-icon">search</mat-icon>
-						<input type="text" placeholder="Search tables"
-							[ngModel]="tableSearch()"
-							(ngModelChange)="tableSearch.set($event)"
-							class="schema-diagram__sidebar-input" />
-					</div>
-					<div class="schema-diagram__sidebar-list">
-						@for (table of filteredTables(); track table) {
-							<button type="button" class="schema-diagram__sidebar-item"
-								(click)="onFocusTable(table)">
-								<mat-icon class="schema-diagram__sidebar-item-icon">table_chart</mat-icon>
-								<span>{{ table }}</span>
-							</button>
-						}
-						@if (filteredTables().length === 0) {
-							<p class="schema-diagram__sidebar-empty">No tables match your search.</p>
-						}
-					</div>
-				</aside>
-			}
-
-		</div>
-	</div>
-</div>
diff --git a/frontend/src/app/components/edit-database-schema/schema-diagram-viewer/schema-diagram-viewer.component.ts b/frontend/src/app/components/edit-database-schema/schema-diagram-viewer/schema-diagram-viewer.component.ts
deleted file mode 100644
index 095f9386f..000000000
--- a/frontend/src/app/components/edit-database-schema/schema-diagram-viewer/schema-diagram-viewer.component.ts
+++ /dev/null
@@ -1,334 +0,0 @@
-import {
-	AfterViewInit,
-	Component,
-	ElementRef,
-	Input,
-	OnDestroy,
-	ViewChild,
-	computed,
-	signal,
-} from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { MarkdownModule } from 'ngx-markdown';
-
-const MIN_RELATIVE = 0.2;
-const MAX_RELATIVE = 8;
-const ABSOLUTE_MIN = 0.05;
-const ABSOLUTE_MAX = 40;
-const ZOOM_STEP = 0.25;
-
-@Component({
-	selector: 'app-schema-diagram-viewer',
-	templateUrl: './schema-diagram-viewer.component.html',
-	styleUrls: ['./schema-diagram-viewer.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatButtonModule,
-		MatFormFieldModule,
-		MatIconModule,
-		MatInputModule,
-		MatTooltipModule,
-		MarkdownModule,
-	],
-})
-export class SchemaDiagramViewerComponent implements AfterViewInit, OnDestroy {
-	@Input() title: string = '';
-	@Input() set source(value: string) {
-		const next = value ?? '';
-		if (this._source() === next) return;
-		this._source.set(next);
-		this._cachedSvg = null;
-		this.svgReady.set(false);
-		this.svgSize.set({ w: 0, h: 0 });
-		this.scale.set(1);
-		this.baseScale.set(1);
-		this.translateX.set(0);
-		this.translateY.set(0);
-	}
-	get source(): string {
-		return this._source();
-	}
-
-	@ViewChild('viewport') viewportRef!: ElementRef<HTMLDivElement>;
-	@ViewChild('canvas') canvasRef!: ElementRef<HTMLDivElement>;
-
-	protected _source = signal('');
-	protected scale = signal(1);
-	protected baseScale = signal(1);
-	protected translateX = signal(0);
-	protected translateY = signal(0);
-	protected isPanning = signal(false);
-	protected tableSearch = signal('');
-	protected sidebarOpen = signal(true);
-	protected svgReady = signal(false);
-	protected svgSize = signal<{ w: number; h: number }>({ w: 0, h: 0 });
-	protected viewportSize = signal<{ w: number; h: number }>({ w: 0, h: 0 });
-
-	protected tables = computed(() => {
-		const src = this._source()
-			.replace(/^```mermaid\n?/i, '')
-			.replace(/```\s*$/i, '');
-		const names: string[] = [];
-		const seen = new Set<string>();
-		for (const rawLine of src.split('\n')) {
-			const m = rawLine.match(/^\s*([A-Za-z_][\w-]*)\s*\{/);
-			if (m && !seen.has(m[1])) {
-				seen.add(m[1]);
-				names.push(m[1]);
-			}
-		}
-		return names.sort((a, b) => a.localeCompare(b));
-	});
-
-	protected filteredTables = computed(() => {
-		const q = this.tableSearch().toLowerCase().trim();
-		const list = this.tables();
-		return q ? list.filter(t => t.toLowerCase().includes(q)) : list;
-	});
-
-	protected transformStyle = computed(
-		() => `translate(${this.translateX()}px, ${this.translateY()}px) scale(${this.scale()})`,
-	);
-
-	protected scaleLabel = computed(() => {
-		const base = this.baseScale() || 1;
-		return `${Math.round((this.scale() / base) * 100)}%`;
-	});
-
-	private _panStart = { x: 0, y: 0, tx: 0, ty: 0 };
-	private _renderObserver: MutationObserver | null = null;
-	private _resizeObserver: ResizeObserver | null = null;
-	private _cachedSvg: SVGSVGElement | null = null;
-	private _onPanMove = (e: MouseEvent) => this._handlePanMove(e);
-	private _onPanEnd = () => this._handlePanEnd();
-
-	ngAfterViewInit(): void {
-		this._observeRender();
-		this._observeResize();
-	}
-
-	ngOnDestroy(): void {
-		this._renderObserver?.disconnect();
-		this._resizeObserver?.disconnect();
-		document.removeEventListener('mousemove', this._onPanMove);
-		document.removeEventListener('mouseup', this._onPanEnd);
-	}
-
-	onZoomIn() {
-		this._zoomAt(this.scale() + this.baseScale() * ZOOM_STEP);
-	}
-
-	onZoomOut() {
-		this._zoomAt(this.scale() - this.baseScale() * ZOOM_STEP);
-	}
-
-	onZoomReset() {
-		this.onFitToScreen();
-	}
-
-	onFitToScreen() {
-		let vp = this.viewportSize();
-		if (!vp.w || !vp.h) {
-			const rect = this.viewportRef?.nativeElement?.getBoundingClientRect();
-			if (rect && rect.width && rect.height) {
-				vp = { w: rect.width, h: rect.height };
-				this.viewportSize.set(vp);
-			}
-		}
-		const svg = this.svgSize();
-		if (!vp.w || !svg.w) return;
-		const padding = 24;
-		const fit = Math.min(
-			(vp.w - padding * 2) / svg.w,
-			(vp.h - padding * 2) / svg.h,
-		);
-		const newScale = Math.max(ABSOLUTE_MIN, Math.min(ABSOLUTE_MAX, fit));
-		this.baseScale.set(newScale);
-		this.scale.set(newScale);
-		this.translateX.set((vp.w - svg.w * newScale) / 2);
-		this.translateY.set((vp.h - svg.h * newScale) / 2);
-	}
-
-	onPanStart(event: MouseEvent) {
-		const target = event.target as HTMLElement;
-		if (target.closest('button, a, input, .schema-diagram__sidebar, .schema-diagram__toolbar')) {
-			return;
-		}
-		this.isPanning.set(true);
-		this._panStart = {
-			x: event.clientX,
-			y: event.clientY,
-			tx: this.translateX(),
-			ty: this.translateY(),
-		};
-		document.addEventListener('mousemove', this._onPanMove);
-		document.addEventListener('mouseup', this._onPanEnd);
-		event.preventDefault();
-	}
-
-	onWheel(event: WheelEvent) {
-		event.preventDefault();
-		const rect = this.viewportRef.nativeElement.getBoundingClientRect();
-		const mx = event.clientX - rect.left;
-		const my = event.clientY - rect.top;
-		const delta = -event.deltaY * 0.0025;
-		const factor = 1 + delta;
-		this._zoomAt(this.scale() * factor, mx, my);
-	}
-
-	onDoubleClick(event: MouseEvent) {
-		const target = event.target as Element | null;
-		if (!target) return;
-		const node = this._findEntityNode(target);
-		if (node) this._focusElement(node);
-	}
-
-	onFocusTable(name: string) {
-		const node = this._findNodeByName(name);
-		if (node) this._focusElement(node);
-	}
-
-	onToggleSidebar() {
-		this.sidebarOpen.update(v => !v);
-	}
-
-	private _handlePanMove(event: MouseEvent) {
-		const dx = event.clientX - this._panStart.x;
-		const dy = event.clientY - this._panStart.y;
-		this.translateX.set(this._panStart.tx + dx);
-		this.translateY.set(this._panStart.ty + dy);
-	}
-
-	private _handlePanEnd() {
-		this.isPanning.set(false);
-		document.removeEventListener('mousemove', this._onPanMove);
-		document.removeEventListener('mouseup', this._onPanEnd);
-	}
-
-	private _zoomAt(targetScale: number, originX?: number, originY?: number) {
-		const base = this.baseScale() || 1;
-		const minAbs = Math.max(ABSOLUTE_MIN, base * MIN_RELATIVE);
-		const maxAbs = Math.min(ABSOLUTE_MAX, base * MAX_RELATIVE);
-		const clamped = Math.max(minAbs, Math.min(maxAbs, targetScale));
-		const oldScale = this.scale();
-		if (clamped === oldScale) return;
-		const vp = this.viewportSize();
-		const ox = originX ?? vp.w / 2;
-		const oy = originY ?? vp.h / 2;
-		const ratio = clamped / oldScale;
-		this.translateX.update(tx => ox - (ox - tx) * ratio);
-		this.translateY.update(ty => oy - (oy - ty) * ratio);
-		this.scale.set(clamped);
-	}
-
-	private _observeRender() {
-		const canvas = this.canvasRef?.nativeElement;
-		if (!canvas) return;
-		const tryAttach = () => {
-			const svg = canvas.querySelector('svg') as SVGSVGElement | null;
-			if (!svg) return;
-			if (svg === this._cachedSvg) return;
-			this._cachedSvg = svg;
-			this._prepareSvg(svg);
-			this.svgReady.set(true);
-			requestAnimationFrame(() => this.onFitToScreen());
-			setTimeout(() => this.onFitToScreen(), 80);
-		};
-		tryAttach();
-		this._renderObserver?.disconnect();
-		this._renderObserver = new MutationObserver(() => tryAttach());
-		this._renderObserver.observe(canvas, { childList: true, subtree: true });
-	}
-
-	private _observeResize() {
-		const viewport = this.viewportRef?.nativeElement;
-		if (!viewport) return;
-		this._resizeObserver = new ResizeObserver(() => {
-			const vpRect = viewport.getBoundingClientRect();
-			this.viewportSize.set({ w: vpRect.width, h: vpRect.height });
-		});
-		this._resizeObserver.observe(viewport);
-	}
-
-	private _prepareSvg(svg: SVGSVGElement) {
-		svg.removeAttribute('style');
-		svg.style.display = 'block';
-		svg.style.maxWidth = 'none';
-		svg.style.maxHeight = 'none';
-		svg.style.height = 'auto';
-		svg.style.margin = '0';
-
-		const measure = () => {
-			const rect = svg.getBoundingClientRect();
-			const currentScale = this.scale() || 1;
-			let width = rect.width / currentScale;
-			let height = rect.height / currentScale;
-			if (!width || !height) {
-				const bbox = svg.getBBox();
-				width = width || bbox.width || 800;
-				height = height || bbox.height || 600;
-			}
-			this.svgSize.set({ w: width, h: height });
-		};
-		measure();
-		requestAnimationFrame(measure);
-	}
-
-	private _findEntityNode(target: Element): SVGGraphicsElement | null {
-		const selectors = [
-			'g.node',
-			'g.er',
-			'g[id^="entity-"]',
-			'g.entity',
-			'g.classGroup',
-		];
-		for (const sel of selectors) {
-			const match = target.closest(sel);
-			if (match) return match as SVGGraphicsElement;
-		}
-		return null;
-	}
-
-	private _findNodeByName(name: string): SVGGraphicsElement | null {
-		const svg = this.canvasRef?.nativeElement?.querySelector('svg');
-		if (!svg) return null;
-		const target = name.toLowerCase();
-		const labels = svg.querySelectorAll('text, .er .entityLabel, .nodeLabel');
-		let best: SVGGraphicsElement | null = null;
-		labels.forEach(label => {
-			if (best) return;
-			const text = (label.textContent ?? '').trim().toLowerCase();
-			if (text === target) {
-				const node = (label.closest('g[id], g.node, g.er, g.entity') ||
-					label.parentElement) as SVGGraphicsElement | null;
-				if (node) best = node;
-			}
-		});
-		return best;
-	}
-
-	private _focusElement(node: SVGGraphicsElement) {
-		const viewport = this.viewportRef?.nativeElement;
-		if (!viewport) return;
-		const vpRect = viewport.getBoundingClientRect();
-		const nodeRect = node.getBoundingClientRect();
-		const targetScale = Math.max(this.scale(), 1.2);
-		const ratio = targetScale / this.scale();
-		const nodeCenterX = nodeRect.left - vpRect.left + nodeRect.width / 2;
-		const nodeCenterY = nodeRect.top - vpRect.top + nodeRect.height / 2;
-		const newCenterX = nodeCenterX * ratio + (this.translateX() * (ratio - 1));
-		const newCenterY = nodeCenterY * ratio + (this.translateY() * (ratio - 1));
-		this.scale.set(targetScale);
-		this.translateX.update(tx => tx + (vpRect.width / 2 - newCenterX));
-		this.translateY.update(ty => ty + (vpRect.height / 2 - newCenterY));
-		node.classList.add('schema-diagram__highlight');
-		setTimeout(() => node.classList.remove('schema-diagram__highlight'), 1600);
-	}
-}
diff --git a/frontend/src/app/components/email-change/email-change.component.css b/frontend/src/app/components/email-change/email-change.component.css
deleted file mode 100644
index 1ff352eac..000000000
--- a/frontend/src/app/components/email-change/email-change.component.css
+++ /dev/null
@@ -1,30 +0,0 @@
-:host app-alert:not(:empty) {
-	--alert-margin: 24px;
-
-	position: absolute;
-	top: var(--mat-toolbar-standard-height);
-	width: calc(100% - 48px);
-}
-
-.wrapper {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	height: 100%;
-	margin: 0 auto;
-	width: clamp(300px, 33vw, 600px);
-}
-
-.new-email-form {
-	display: flex;
-	flex-direction: column;
-}
-
-.email-input {
-	margin-top: 8px;
-	width: 100%;
-}
-
-.new-email-button {
-	align-self: flex-end;
-}
diff --git a/frontend/src/app/components/email-change/email-change.component.html b/frontend/src/app/components/email-change/email-change.component.html
deleted file mode 100644
index 7b80d1771..000000000
--- a/frontend/src/app/components/email-change/email-change.component.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<div class="background-decoration">
-    <app-alert></app-alert>
-    <div class="wrapper">
-        <h1 class="mat-h1">Change your email</h1>
-        <form #newEmailForm="ngForm" class="new-email-form" (ngSubmit)="updateEmail()">
-            <mat-form-field appearance="outline" class="email-input">
-                <mat-label>Enter new email</mat-label>
-                <input type="email" matInput [(ngModel)]="newEmail" name="email" #email="ngModel" required emailValidator>
-                <mat-error *ngIf="email.errors?.required && (email.invalid && email.touched)">Cannot be not empty.</mat-error>
-                <mat-error *ngIf="email.errors?.isInvalidEmail">Invalid email format.</mat-error>
-            </mat-form-field>
-
-            <button mat-flat-button color="primary" class="new-email-button"
-                [disabled]="submitting || newEmailForm.form.invalid">
-                Change
-            </button>
-        </form>
-    </div>
-</div>
diff --git a/frontend/src/app/components/email-change/email-change.component.spec.ts b/frontend/src/app/components/email-change/email-change.component.spec.ts
deleted file mode 100644
index fd5c7d68f..000000000
--- a/frontend/src/app/components/email-change/email-change.component.spec.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { of } from 'rxjs';
-import { UserService } from 'src/app/services/user.service';
-import { EmailChangeComponent } from './email-change.component';
-
-describe('EmailChangeComponent', () => {
-	let component: EmailChangeComponent;
-	let fixture: ComponentFixture<EmailChangeComponent>;
-	let userService: UserService;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, FormsModule, EmailChangeComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient(), provideRouter([])],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(EmailChangeComponent);
-		component = fixture.componentInstance;
-		userService = TestBed.inject(UserService);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should update email', () => {
-		component.token = '12345678';
-		component.newEmail = 'new@email.com';
-		const fakeUpdateEmail = vi.spyOn(userService, 'changeEmail').mockReturnValue(of());
-
-		component.updateEmail();
-		expect(fakeUpdateEmail).toHaveBeenCalledWith('12345678', 'new@email.com');
-	});
-});
diff --git a/frontend/src/app/components/email-change/email-change.component.ts b/frontend/src/app/components/email-change/email-change.component.ts
deleted file mode 100644
index d4d9dd40c..000000000
--- a/frontend/src/app/components/email-change/email-change.component.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { ActivatedRoute, ParamMap, Router } from '@angular/router';
-import { map } from 'rxjs/operators';
-import { EmailValidationDirective } from 'src/app/directives/emailValidator.directive';
-import { UserService } from 'src/app/services/user.service';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-
-@Component({
-	selector: 'app-email-change',
-	templateUrl: './email-change.component.html',
-	styleUrls: ['./email-change.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatButtonModule,
-		MatIconModule,
-		EmailValidationDirective,
-		AlertComponent,
-	],
-})
-export class EmailChangeComponent implements OnInit {
-	public token: string;
-	public newEmail: string;
-	public submitting: boolean;
-
-	constructor(
-		private _userService: UserService,
-		private route: ActivatedRoute,
-		private router: Router,
-	) {}
-
-	ngOnInit(): void {
-		this.route.paramMap
-			.pipe(
-				map((params: ParamMap) => {
-					this.token = params.get('change-token');
-				}),
-			)
-			.subscribe();
-	}
-
-	updateEmail() {
-		this.submitting = true;
-		this._userService.changeEmail(this.token, this.newEmail).subscribe(
-			() => {
-				this._userService.fetchUser().subscribe(() => this.router.navigate(['/user-settings']));
-			},
-			() => (this.submitting = false),
-			() => (this.submitting = false),
-		);
-	}
-}
diff --git a/frontend/src/app/components/email-verification/email-verification.component.css b/frontend/src/app/components/email-verification/email-verification.component.css
deleted file mode 100644
index eb1ae07e3..000000000
--- a/frontend/src/app/components/email-verification/email-verification.component.css
+++ /dev/null
@@ -1,15 +0,0 @@
-:host app-alert:not(:empty) {
-	--alert-margin: 24px;
-
-	position: absolute;
-	top: var(--mat-toolbar-standard-height);
-	width: calc(100% - 48px);
-}
-
-.loader {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 100%;
-	width: 100%;
-}
diff --git a/frontend/src/app/components/email-verification/email-verification.component.html b/frontend/src/app/components/email-verification/email-verification.component.html
deleted file mode 100644
index f59035016..000000000
--- a/frontend/src/app/components/email-verification/email-verification.component.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<app-alert></app-alert>
-
-<div *ngIf="!isVerified" class="loader">
-    <h1 class="mat-h1">Verifying...</h1>
-</div>
diff --git a/frontend/src/app/components/email-verification/email-verification.component.spec.ts b/frontend/src/app/components/email-verification/email-verification.component.spec.ts
deleted file mode 100644
index 5606bbfdd..000000000
--- a/frontend/src/app/components/email-verification/email-verification.component.spec.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { ActivatedRoute, convertToParamMap, provideRouter, Router } from '@angular/router';
-import { of } from 'rxjs';
-import { AuthService } from 'src/app/services/auth.service';
-import { EmailVerificationComponent } from './email-verification.component';
-
-describe('EmailVerificationComponent', () => {
-	let component: EmailVerificationComponent;
-	let fixture: ComponentFixture<EmailVerificationComponent>;
-	let authService: AuthService;
-	// let mockLocalStorage;
-	let routerSpy;
-
-	beforeEach(async () => {
-		routerSpy = { navigate: vi.fn() };
-
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, EmailVerificationComponent],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{
-					provide: ActivatedRoute,
-					useValue: {
-						paramMap: of(
-							convertToParamMap({
-								'verification-token': '1234567890-abcd',
-							}),
-						),
-					},
-				},
-				{ provide: Router, useValue: routerSpy },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(EmailVerificationComponent);
-		component = fixture.componentInstance;
-		authService = TestBed.inject(AuthService);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should verify email', async () => {
-		const fakeVerifyEmail = vi.spyOn(authService, 'verifyEmail').mockReturnValue(of());
-
-		component.ngOnInit();
-
-		expect(fakeVerifyEmail).toHaveBeenCalledWith('1234567890-abcd');
-		// expect(routerSpy.navigate).toHaveBeenCalledWith(['/user-settings']);
-	});
-});
diff --git a/frontend/src/app/components/email-verification/email-verification.component.ts b/frontend/src/app/components/email-verification/email-verification.component.ts
deleted file mode 100644
index 1c46b81af..000000000
--- a/frontend/src/app/components/email-verification/email-verification.component.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { ActivatedRoute, ParamMap, Router, RouterModule } from '@angular/router';
-import { map } from 'rxjs/operators';
-import { AuthService } from 'src/app/services/auth.service';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-
-@Component({
-	selector: 'app-email-verification',
-	templateUrl: './email-verification.component.html',
-	styleUrls: ['./email-verification.component.css'],
-	imports: [CommonModule, FormsModule, RouterModule, AlertComponent],
-})
-export class EmailVerificationComponent implements OnInit {
-	isVerified: boolean = null;
-	isLoggedin: boolean = null;
-
-	constructor(
-		private _auth: AuthService,
-		private route: ActivatedRoute,
-		public router: Router,
-	) {}
-
-	ngOnInit(): void {
-		this.route.paramMap
-			.pipe(
-				map((params: ParamMap) => {
-					const verificationToken = params.get('verification-token');
-					const expirationTime = localStorage.getItem('token_expiration');
-
-					this._auth.verifyEmail(verificationToken).subscribe(() => {
-						if (expirationTime) {
-							this.router.navigate(['/user-settings']);
-						} else {
-							this.router.navigate(['/login']);
-						}
-						this.isVerified = true;
-					});
-				}),
-			)
-			.subscribe();
-	}
-}
diff --git a/frontend/src/app/components/feature-notification/feature-notification.component.css b/frontend/src/app/components/feature-notification/feature-notification.component.css
deleted file mode 100644
index a13ff72c3..000000000
--- a/frontend/src/app/components/feature-notification/feature-notification.component.css
+++ /dev/null
@@ -1,358 +0,0 @@
-.feature-notification {
-	position: fixed;
-	bottom: 32px;
-	left: 32px;
-	z-index: 1000;
-	display: flex;
-	flex-direction: column;
-	padding: 16px;
-	border-radius: 8px;
-	background-color: #fff;
-	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
-	width: clamp(200px, 25vw, 400px);
-}
-
-@media (prefers-color-scheme: dark) {
-	.feature-notification {
-		background-color: var(--surface-dark-color);
-	}
-}
-
-@media (max-width: 640px) {
-	.feature-notification {
-		left: 12px;
-		right: 12px;
-		bottom: 12px;
-		width: auto;
-		max-width: 480px;
-		margin: 0 auto;
-		padding: 14px;
-		border-radius: 14px;
-		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.12);
-	}
-}
-
-.feature-notification__animation {
-	width: 100%;
-	border-radius: 8px;
-	overflow: hidden;
-	margin-bottom: 16px;
-	color: #6384ff;
-}
-
-.fn-svg {
-	display: block;
-	width: 100%;
-	height: auto;
-}
-
-.feature-notification__title {
-	font-size: 20px !important;
-	font-weight: 600 !important;
-	line-height: 1.15em !important;
-}
-
-.feature-notification__description {
-	color: rgba(0, 0, 0, 0.64);
-}
-
-@media (prefers-color-scheme: dark) {
-	.feature-notification__description {
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-.actions {
-	display: flex;
-	justify-content: flex-end;
-	gap: 8px;
-	margin-top: 16px;
-}
-
-/* ──────────────────────────────────────────── */
-/* Three-act animation                          */
-/* Cycle: 7s                                    */
-/*   Act 1 (0–1.5s   /  0–21%):  empty + Add db */
-/*   Act 2 (1.5–3.5s / 21–50%):  chat + typing  */
-/*   Act 3 (3.5–5.5s / 50–79%):  AI + diagram   */
-/*   Hold  (5.5–7s   / 79–100%): linger & loop  */
-/* ──────────────────────────────────────────── */
-
-.fn-placeholder,
-.fn-add-button,
-.fn-pointer-1,
-.fn-click-ripple,
-.fn-chat-title,
-.fn-chat-divider,
-.fn-input,
-.fn-caret,
-.fn-send-button,
-.fn-typing-clip,
-.fn-user-message,
-.fn-ai-avatar,
-.fn-table,
-.fn-link,
-.fn-schema-ready {
-	opacity: 0;
-}
-
-/* === ACT 1 elements === */
-
-.fn-placeholder,
-.fn-act--1 > circle,
-.fn-act--1 > path,
-.fn-act--1 > text {
-	animation: fn-fade-act1 10s ease-in-out infinite;
-}
-
-.fn-add-button {
-	animation: fn-add-btn 10s ease-in-out infinite;
-	transform-origin: 180px 93px;
-}
-
-.fn-pointer-1 {
-	animation: fn-pointer-1 10s ease-in-out infinite;
-}
-
-.fn-click-ripple {
-	animation: fn-click-ripple 10s ease-in-out infinite;
-}
-
-@keyframes fn-fade-act1 {
-	0%   { opacity: 0; }
-	3%   { opacity: 1; }
-	19%  { opacity: 1; }
-	22%  { opacity: 0; }
-	100% { opacity: 0; }
-}
-
-@keyframes fn-add-btn {
-	0%   { opacity: 0; transform: scale(0.95); }
-	3%   { opacity: 1; transform: scale(1); }
-	17%  { opacity: 1; transform: scale(1); }
-	18%  { opacity: 1; transform: scale(0.93); }
-	19%  { opacity: 1; transform: scale(1); }
-	22%  { opacity: 0; transform: scale(1); }
-	100% { opacity: 0; }
-}
-
-@keyframes fn-pointer-1 {
-	0%, 3%   { opacity: 0; transform: translate(60px, 40px); }
-	5%       { opacity: 1; transform: translate(60px, 40px); }
-	14%      { opacity: 1; transform: translate(178px, 86px); }
-	17%      { opacity: 1; transform: translate(178px, 86px) scale(0.85); }
-	19%      { opacity: 1; transform: translate(178px, 86px) scale(1); }
-	22%      { opacity: 0; transform: translate(178px, 86px); }
-	100%     { opacity: 0; }
-}
-
-@keyframes fn-click-ripple {
-	0%, 17%  { opacity: 0; r: 0; }
-	18%      { opacity: 0.85; r: 6; }
-	21%      { opacity: 0; r: 34; }
-	100%     { opacity: 0; r: 0; }
-}
-
-/* === ACT 2 elements === */
-
-.fn-chat-divider {
-	animation: fn-chat-frame 10s ease-in-out infinite;
-}
-
-.fn-chat-title--initial {
-	animation: fn-chat-title-initial 10s ease-in-out infinite;
-}
-
-.fn-chat-title--final {
-	animation: fn-chat-title-final 10s ease-in-out infinite;
-}
-
-@keyframes fn-chat-title-initial {
-	0%, 21%  { opacity: 0; }
-	24%      { opacity: 1; }
-	42%      { opacity: 1; }
-	45%      { opacity: 0; }
-	100%     { opacity: 0; }
-}
-
-@keyframes fn-chat-title-final {
-	0%, 42%  { opacity: 0; }
-	45%      { opacity: 1; }
-	93%      { opacity: 1; }
-	100%     { opacity: 0; }
-}
-
-.fn-input {
-	animation: fn-input-in 10s ease-in-out infinite;
-}
-
-.fn-typing-clip {
-	animation: fn-typing 10s linear infinite;
-}
-
-.fn-caret {
-	animation: fn-caret-track 10s linear infinite;
-}
-
-.fn-send-button {
-	animation: fn-send-button 10s ease-in-out infinite;
-	transform-origin: 326px 151px;
-}
-
-.fn-user-message {
-	animation: fn-user-message 10s ease-in-out infinite;
-}
-
-@keyframes fn-chat-frame {
-	0%, 21%  { opacity: 0; }
-	24%      { opacity: 1; }
-	93%      { opacity: 1; }
-	100%     { opacity: 0; }
-}
-
-@keyframes fn-input-in {
-	0%, 21%  { opacity: 0; transform: translateY(8px); }
-	24%      { opacity: 1; transform: translateY(0); }
-	48%      { opacity: 1; transform: translateY(0); }
-	50%      { opacity: 0; transform: translateY(0); }
-	100%     { opacity: 0; }
-}
-
-@keyframes fn-typing {
-	0%, 25%   { width: 0; }
-	40%       { width: 270px; }
-	48%       { width: 270px; }
-	50%       { width: 0; }
-	100%      { width: 0; }
-}
-
-@keyframes fn-caret-track {
-	0%, 25%  { opacity: 0; transform: translateX(0); }
-	27%      { opacity: 1; transform: translateX(0); }
-	40%      { opacity: 1; transform: translateX(255px); }
-	42%      { opacity: 0; transform: translateX(255px); }
-	44%      { opacity: 1; transform: translateX(255px); }
-	46%      { opacity: 0; transform: translateX(255px); }
-	48%      { opacity: 1; transform: translateX(255px); }
-	50%      { opacity: 0; transform: translateX(255px); }
-	100%     { opacity: 0; }
-}
-
-@keyframes fn-send-button {
-	0%, 40%  { opacity: 0; transform: scale(0.9); }
-	43%      { opacity: 1; transform: scale(0.9); }
-	44%      { opacity: 1; transform: scale(1.15); }
-	46%      { opacity: 1; transform: scale(1); }
-	47%      { opacity: 1; transform: scale(0.9); }
-	48%      { opacity: 1; transform: scale(1); }
-	50%      { opacity: 0; transform: scale(1); }
-	100%     { opacity: 0; }
-}
-
-@keyframes fn-user-message {
-	0%, 47%  { opacity: 0; transform: translateY(80px) scale(0.95); }
-	50%      { opacity: 1; transform: translateY(0) scale(1); }
-	93%      { opacity: 1; transform: translateY(0) scale(1); }
-	100%     { opacity: 0; }
-}
-
-/* === ACT 3 elements === */
-
-.fn-ai-avatar {
-	animation: fn-ai-avatar 10s ease-in-out infinite;
-	transform-origin: 22px 50px;
-}
-
-.fn-table--1 { animation: fn-table-1 10s ease-out infinite; transform-origin: 69px 107px; }
-.fn-table--2 { animation: fn-table-2 10s ease-out infinite; transform-origin: 181px 91px; }
-.fn-table--3 { animation: fn-table-3 10s ease-out infinite; transform-origin: 293px 109px; }
-
-.fn-link {
-	stroke-dasharray: 50;
-	stroke-dashoffset: 50;
-}
-
-.fn-link--1 { animation: fn-link-1 10s ease-in-out infinite; }
-.fn-link--2 { animation: fn-link-2 10s ease-in-out infinite; }
-
-.fn-schema-ready { animation: fn-schema-ready 10s ease-in-out infinite; }
-
-@keyframes fn-ai-avatar {
-	0%, 53%  { opacity: 0; transform: scale(0.7); }
-	56%      { opacity: 1; transform: scale(1.1); }
-	58%      { opacity: 1; transform: scale(1); }
-	93%      { opacity: 1; transform: scale(1); }
-	100%     { opacity: 0; }
-}
-
-@keyframes fn-table-1 {
-	0%, 56%  { opacity: 0; transform: translateY(8px) scale(0.92); }
-	60%      { opacity: 1; transform: translateY(0) scale(1); }
-	93%      { opacity: 1; transform: translateY(0) scale(1); }
-	100%     { opacity: 0; }
-}
-
-@keyframes fn-table-2 {
-	0%, 60%  { opacity: 0; transform: translateY(8px) scale(0.92); }
-	64%      { opacity: 1; transform: translateY(0) scale(1); }
-	93%      { opacity: 1; transform: translateY(0) scale(1); }
-	100%     { opacity: 0; }
-}
-
-@keyframes fn-table-3 {
-	0%, 64%  { opacity: 0; transform: translateY(8px) scale(0.92); }
-	68%      { opacity: 1; transform: translateY(0) scale(1); }
-	93%      { opacity: 1; transform: translateY(0) scale(1); }
-	100%     { opacity: 0; }
-}
-
-@keyframes fn-link-1 {
-	0%, 68%   { stroke-dashoffset: 50; opacity: 0; }
-	70%       { opacity: 1; }
-	74%       { stroke-dashoffset: 0; opacity: 1; }
-	93%       { stroke-dashoffset: 0; opacity: 1; }
-	100%      { stroke-dashoffset: 50; opacity: 0; }
-}
-
-@keyframes fn-link-2 {
-	0%, 72%   { stroke-dashoffset: 50; opacity: 0; }
-	74%       { opacity: 1; }
-	78%       { stroke-dashoffset: 0; opacity: 1; }
-	93%       { stroke-dashoffset: 0; opacity: 1; }
-	100%      { stroke-dashoffset: 50; opacity: 0; }
-}
-
-@keyframes fn-schema-ready {
-	0%, 76%  { opacity: 0; transform: translateY(4px); }
-	80%      { opacity: 1; transform: translateY(0); }
-	93%      { opacity: 1; transform: translateY(0); }
-	100%     { opacity: 0; }
-}
-
-@media (prefers-reduced-motion: reduce) {
-	.fn-placeholder,
-	.fn-add-button,
-	.fn-pointer-1,
-	.fn-click-ripple,
-	.fn-chat-title--final,
-	.fn-chat-divider,
-	.fn-input,
-	.fn-caret,
-	.fn-send-button,
-	.fn-user-message,
-	.fn-ai-avatar,
-	.fn-table,
-	.fn-link,
-	.fn-schema-ready {
-		animation: none !important;
-		opacity: 1 !important;
-		transform: none !important;
-		stroke-dashoffset: 0 !important;
-	}
-	.fn-typing-clip {
-		animation: none !important;
-		width: 270px !important;
-	}
-	.fn-chat-title--initial { display: none !important; }
-	.fn-act--1 { display: none !important; }
-}
diff --git a/frontend/src/app/components/feature-notification/feature-notification.component.html b/frontend/src/app/components/feature-notification/feature-notification.component.html
deleted file mode 100644
index 3084dcc15..000000000
--- a/frontend/src/app/components/feature-notification/feature-notification.component.html
+++ /dev/null
@@ -1,127 +0,0 @@
-<div class="feature-notification">
-    <div class="feature-notification__content">
-        <div class="feature-notification__animation" aria-hidden="true">
-            <svg viewBox="0 0 360 180" xmlns="http://www.w3.org/2000/svg" class="fn-svg">
-                <defs>
-                    <pattern id="fn-grid" x="0" y="0" width="18" height="18" patternUnits="userSpaceOnUse">
-                        <circle cx="1" cy="1" r="1" fill="currentColor" opacity="0.12"></circle>
-                    </pattern>
-                    <linearGradient id="fn-bg" x1="0" y1="0" x2="1" y2="1">
-                        <stop offset="0%" stop-color="#eef2ff" />
-                        <stop offset="100%" stop-color="#f5f1ff" />
-                    </linearGradient>
-                    <clipPath id="fn-typing-clip">
-                        <rect class="fn-typing-clip" x="32" y="142" width="0" height="24"></rect>
-                    </clipPath>
-                </defs>
-
-                <rect class="fn-bg" width="360" height="180" rx="8" fill="url(#fn-bg)"></rect>
-                <rect width="360" height="180" rx="8" fill="url(#fn-grid)"></rect>
-
-                <!-- ============================================== -->
-                <!-- ACT 1 (0–1.5s): "+ Create" button only          -->
-                <!-- ============================================== -->
-                <g class="fn-act fn-act--1">
-                    <!-- Create button (dark) -->
-                    <g class="fn-add-button">
-                        <rect x="130" y="74" width="100" height="40" rx="20" fill="#1f2937"></rect>
-                        <text x="180" y="100" text-anchor="middle" font-size="14" font-weight="500" fill="#fff" font-family="system-ui, sans-serif">+ Create</text>
-                    </g>
-
-                    <!-- Click ripple -->
-                    <circle class="fn-click-ripple" cx="180" cy="93" r="0" fill="none" stroke="#6384ff" stroke-width="1.5"></circle>
-
-                    <!-- Cursor for act 1 -->
-                    <g class="fn-pointer-1">
-                        <path d="M0 0 L0 14 L4 11 L7 17 L10 16 L7 9 L12 9 Z" fill="#1f2937" stroke="#fff" stroke-width="1"></path>
-                    </g>
-                </g>
-
-                <!-- ============================================== -->
-                <!-- ACT 2 (1.5–3.5s): chat with typed prompt        -->
-                <!-- ============================================== -->
-                <g class="fn-act fn-act--2">
-                    <!-- Header -->
-                    <text class="fn-chat-title fn-chat-title--initial" x="20" y="24" font-size="13" font-weight="600" fill="#1f2937" font-family="system-ui, sans-serif">New database</text>
-                    <text class="fn-chat-title fn-chat-title--final" x="20" y="24" font-size="13" font-weight="600" fill="#1f2937" font-family="system-ui, sans-serif">Bookings for climbing gym</text>
-                    <line class="fn-chat-divider" x1="20" y1="34" x2="340" y2="34" stroke="#e5e7eb" stroke-width="0.8"></line>
-
-                    <!-- Input field -->
-                    <g class="fn-input">
-                        <rect x="20" y="136" width="320" height="30" rx="15" fill="#fff" stroke="#d6dcff" stroke-width="1"></rect>
-                        <g clip-path="url(#fn-typing-clip)">
-                            <text x="34" y="158" font-size="16" fill="#1f2937" font-family="ui-monospace, SFMono-Regular, monospace">Bookings for climbing gym</text>
-                        </g>
-                        <rect class="fn-caret" x="34" y="144" width="1.6" height="18" fill="#1f2937"></rect>
-                        <!-- Send button -->
-                        <g class="fn-send-button">
-                            <circle cx="326" cy="151" r="11" fill="#6384ff"></circle>
-                            <path d="M321 154 L326 147 L331 154 M326 147 L326 159" stroke="#fff" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"></path>
-                        </g>
-                    </g>
-
-                </g>
-
-                <!-- ============================================== -->
-                <!-- ACT 3 (3.5–5.5s): AI reply with diagram         -->
-                <!-- ============================================== -->
-                <g class="fn-act fn-act--3">
-                    <!-- AI avatar (lifted above the diagram) -->
-                    <g class="fn-ai-avatar">
-                        <circle cx="22" cy="50" r="10" fill="#eef2ff"></circle>
-                        <path d="M22 43.5 L23.4 47.6 L27.5 49 L23.4 50.4 L22 54.5 L20.6 50.4 L16.5 49 L20.6 47.6 Z" fill="#6384ff"></path>
-                    </g>
-
-                    <!-- Mini diagram (3 tables) -->
-                    <g class="fn-table fn-table--1">
-                        <rect x="18" y="74" width="102" height="66" rx="7" fill="#fff" stroke="#c4cdff" stroke-width="1.2"></rect>
-                        <rect x="18" y="74" width="102" height="18" rx="7" fill="#c4b5fd"></rect>
-                        <text x="28" y="87" font-size="12" font-weight="600" fill="#fff" font-family="system-ui, sans-serif">members</text>
-                        <text x="28" y="106" font-size="10" fill="#445" font-family="system-ui, sans-serif">id</text>
-                        <text x="112" y="106" font-size="8" font-weight="700" fill="#b45309" font-family="system-ui, sans-serif" text-anchor="end">PK</text>
-                        <text x="28" y="120" font-size="10" fill="#445" font-family="system-ui, sans-serif">name</text>
-                        <text x="28" y="134" font-size="10" fill="#445" font-family="system-ui, sans-serif">email</text>
-                    </g>
-
-                    <g class="fn-table fn-table--2">
-                        <rect x="130" y="58" width="102" height="66" rx="7" fill="#fff" stroke="#c4cdff" stroke-width="1.2"></rect>
-                        <rect x="130" y="58" width="102" height="18" rx="7" fill="#93c5fd"></rect>
-                        <text x="140" y="71" font-size="12" font-weight="600" fill="#fff" font-family="system-ui, sans-serif">bookings</text>
-                        <text x="140" y="90" font-size="10" fill="#445" font-family="system-ui, sans-serif">id</text>
-                        <text x="224" y="90" font-size="8" font-weight="700" fill="#b45309" font-family="system-ui, sans-serif" text-anchor="end">PK</text>
-                        <text x="140" y="104" font-size="10" fill="#445" font-family="system-ui, sans-serif">member_id</text>
-                        <text x="224" y="104" font-size="8" font-weight="700" fill="#2563eb" font-family="system-ui, sans-serif" text-anchor="end">FK</text>
-                        <text x="140" y="118" font-size="10" fill="#445" font-family="system-ui, sans-serif">date</text>
-                    </g>
-
-                    <g class="fn-table fn-table--3">
-                        <rect x="242" y="78" width="102" height="62" rx="7" fill="#fff" stroke="#c4cdff" stroke-width="1.2"></rect>
-                        <rect x="242" y="78" width="102" height="18" rx="7" fill="#fbcfe8"></rect>
-                        <text x="252" y="91" font-size="12" font-weight="600" fill="#fff" font-family="system-ui, sans-serif">sessions</text>
-                        <text x="252" y="110" font-size="10" fill="#445" font-family="system-ui, sans-serif">id</text>
-                        <text x="336" y="110" font-size="8" font-weight="700" fill="#b45309" font-family="system-ui, sans-serif" text-anchor="end">PK</text>
-                        <text x="252" y="124" font-size="10" fill="#445" font-family="system-ui, sans-serif">starts_at</text>
-                    </g>
-
-                    <!-- Relations -->
-                    <path class="fn-link fn-link--1" d="M 120 106 C 125 106 125 90 130 90" stroke="#c4b5fd" stroke-width="1.6" fill="none" stroke-linecap="round"></path>
-                    <path class="fn-link fn-link--2" d="M 232 90 C 237 90 237 110 242 110" stroke="#93c5fd" stroke-width="1.6" fill="none" stroke-linecap="round"></path>
-
-                    <!-- "Schema ready ✓" -->
-                    <g class="fn-schema-ready">
-                        <text x="180" y="162" text-anchor="middle" font-size="12" font-weight="600" fill="#10b981" font-family="system-ui, sans-serif">Schema ready ✓</text>
-                    </g>
-                </g>
-            </svg>
-        </div>
-        <h1 class="feature-notification__title">Design schemas with AI</h1>
-        <p class="feature-notification__description">
-            Generate a new database from scratch or edit your existing one — just describe what you need.
-        </p>
-    </div>
-    <div class="actions">
-        <button type="button" mat-flat-button color="accent" class="actions__primary" (click)="dismiss.emit()">
-            Got it
-        </button>
-    </div>
-</div>
diff --git a/frontend/src/app/components/feature-notification/feature-notification.component.spec.ts b/frontend/src/app/components/feature-notification/feature-notification.component.spec.ts
deleted file mode 100644
index d3df47328..000000000
--- a/frontend/src/app/components/feature-notification/feature-notification.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ActivatedRoute } from '@angular/router';
-import { FeatureNotificationComponent } from './feature-notification.component';
-
-describe('FeatureNotificationComponent', () => {
-	let component: FeatureNotificationComponent;
-	let fixture: ComponentFixture<FeatureNotificationComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [FeatureNotificationComponent],
-			providers: [{ provide: ActivatedRoute, useValue: {} }],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(FeatureNotificationComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/feature-notification/feature-notification.component.ts b/frontend/src/app/components/feature-notification/feature-notification.component.ts
deleted file mode 100644
index 889077398..000000000
--- a/frontend/src/app/components/feature-notification/feature-notification.component.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Component, EventEmitter, Output } from '@angular/core';
-
-import { MatButtonModule } from '@angular/material/button';
-import { RouterModule } from '@angular/router';
-
-@Component({
-	selector: 'app-feature-notification',
-	imports: [MatButtonModule, RouterModule],
-	templateUrl: './feature-notification.component.html',
-	styleUrl: './feature-notification.component.css',
-})
-export class FeatureNotificationComponent {
-	@Output() dismiss = new EventEmitter<void>();
-}
diff --git a/frontend/src/app/components/login/login.component.css b/frontend/src/app/components/login/login.component.css
deleted file mode 100644
index eaf34923d..000000000
--- a/frontend/src/app/components/login/login.component.css
+++ /dev/null
@@ -1,324 +0,0 @@
-:host app-alert:not(:empty) {
-	--alert-margin: 24px;
-
-	position: absolute;
-	top: var(--mat-toolbar-standard-height);
-	width: calc(100% - 48px);
-}
-
-.wrapper {
-	height: calc(100vh - 56px);
-	padding: 16px;
-}
-
-@media (width <= 600px) {
-	.wrapper {
-		padding: 0;
-		width: 100vw;
-	}
-}
-
-.login-page {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	height: 100%;
-}
-
-@media (width <= 600px) {
-	.login-page {
-		justify-content: flex-start;
-	}
-}
-
-.login-form {
-	display: grid;
-	grid-template-columns: 360px 52px 360px;
-	grid-template-rows: auto 64px 64px 64px auto;
-	justify-items: center;
-}
-
-.login-form--native-login {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	width: clamp(360px, 30%, 600px);
-}
-
-@media (width <= 600px) {
-	.login-form {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		gap: 8px;
-		padding: 40px 9vw;
-		width: 100%;
-	}
-}
-
-.login-header {
-	grid-column: 1 / span 3;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	padding-bottom: 40px;
-}
-
-@media (width <= 600px) {
-	.login-header {
-		padding-bottom: 0;
-	}
-}
-
-.login-header__logo {
-	margin-bottom: 36px;
-	width: 44px;
-}
-
-@media (width <= 600px) {
-	.login-header__logo {
-		margin-bottom: 12px;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.login-header__logo path {
-		fill: white;
-	}
-}
-
-.loginTitle {
-	font-weight: 600 !important;
-	margin-bottom: 40px !important;
-	text-align: center !important;
-}
-
-.loginTitle__emphasis {
-	color: var(--color-accentedPalette-500);
-}
-
-@media (width <= 600px) {
-	.login-header__directions {
-		display: none;
-	}
-}
-
-[hidden] {
-	display: none !important;
-}
-
-.login-form__email {
-	grid-column: 1;
-	grid-row: 2;
-	width: 100%;
-}
-
-@media (width <= 600px) {
-	.login-form__email {
-		order: 1;
-	}
-}
-
-.login-form__companies {
-	width: 100%;
-}
-
-@media (width <= 600px) {
-	.login-form__companies {
-		order: 2;
-	}
-}
-
-.login-form__password {
-	/* grid-column: 1;
-    grid-row: 3; */
-	width: 100%;
-}
-
-@media (width <= 600px) {
-	.login-form__password {
-		order: 3;
-	}
-}
-
-.login-form__login-button {
-	grid-column: 1 / span 3;
-	grid-row: 5;
-	width: 360px;
-	margin-top: 40px;
-}
-
-@media (width <= 600px) {
-	.login-form__login-button {
-		order: 4;
-		margin-top: 0;
-		width: 100%;
-	}
-}
-
-.login-form__google-button {
-	grid-column: 3;
-	grid-row: 2;
-}
-
-@media (width <= 600px) {
-	.login-form__google-button {
-		order: 6;
-		margin: 4px 0;
-	}
-}
-
-.login-form__github-button-box {
-	grid-column: 3;
-	grid-row: 3;
-	width: 100%;
-}
-
-@media (width <= 600px) {
-	.login-form__github-button-box {
-		order: 7;
-		margin: 4px 0;
-	}
-}
-
-.login-form__github-button {
-	height: 40px;
-	width: 100%;
-}
-
-.login-form__github-button ::ng-deep .mdc-button__label {
-	display: flex;
-	justify-content: space-between;
-	width: 100%;
-}
-
-.login-form__github-caption {
-	flex: 1 0 auto;
-	text-align: center;
-}
-
-.login-form__github-icon {
-	--mat-button-outlined-icon-spacing: 0;
-	--mat-button-outlined-icon-offset: 0;
-}
-
-.login-form__github-button:disabled .login-form__github-icon {
-	filter: invert(0.85);
-}
-
-@media (prefers-color-scheme: dark) {
-	.login-form__github-icon ::ng-deep svg path {
-		fill: #fff;
-	}
-}
-
-.login-form__link {
-	grid-column: 1 / span 3;
-	grid-row: 6;
-	color: var(--color-accentedPalette-500);
-	margin-top: 48px;
-	text-decoration: none;
-}
-
-@media (width <= 600px) {
-	.login-form__link {
-		order: 9;
-	}
-}
-
-.divider {
-	grid-column: 2;
-	grid-row: 2 / span 3;
-	align-self: center;
-	position: relative;
-	background-color: #e8e8e8;
-	margin: 36px 0;
-	height: 100%;
-	width: 1px;
-}
-
-@media (width <= 600px) {
-	.divider {
-		order: 5;
-		height: 1px;
-		margin: 28px 0 8px;
-		width: 100%;
-	}
-}
-
-.divider__label {
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
-	background-color: var(--mat-sidenav-content-background-color);
-	font-size: 14px;
-	padding: 0 16px;
-}
-
-.qr-verification {
-	display: flex;
-	flex-direction: column;
-	width: 400px;
-}
-
-.qr-verification__title {
-	text-align: center;
-	margin-bottom: 32px;
-}
-
-.companiesRadioGroup {
-	display: flex;
-	flex-direction: column;
-	align-items: flex-start;
-	margin-bottom: 12px;
-}
-
-.login-form__field-loader {
-	position: relative;
-	background-color: rgba(0, 0, 0, 0.06);
-	overflow: hidden;
-	height: 44px;
-	width: 100%;
-}
-
-@media (width <= 600px) {
-	.login-form__field-loader {
-		order: 2;
-	}
-}
-
-.login-form__field-loader::after {
-	content: "";
-	position: absolute;
-	top: 0;
-	right: 0;
-	bottom: 0;
-	left: 0;
-	transform: translateX(-100%);
-	background-image: linear-gradient(
-		90deg,
-		transparent 40%,
-		var(--mat-sidenav-content-background-color, #fff),
-		transparent 60%
-	);
-	animation: shimmer 800ms ease-in-out infinite alternate;
-}
-
-@media (prefers-color-scheme: dark) {
-	.login-form__field-loader::after {
-		background-image: linear-gradient(
-			90deg,
-			transparent 40%,
-			var(--mat-sidenav-content-background-color, #303030),
-			transparent 60%
-		);
-	}
-}
-
-@keyframes shimmer {
-	100% {
-		transform: translateX(100%);
-	}
-}
diff --git a/frontend/src/app/components/login/login.component.html b/frontend/src/app/components/login/login.component.html
deleted file mode 100644
index 64745d7cd..000000000
--- a/frontend/src/app/components/login/login.component.html
+++ /dev/null
@@ -1,128 +0,0 @@
-<app-alert></app-alert>
-
-<div class="wrapper background-decoration">
-    <div class="login-page">
-        <form
-            [ngClass]="{
-                'login-form': isSaas && !isCustomDomain,
-                'login-form--native-login': !isSaas || isCustomDomain
-            }"
-            [hidden]="is2FAShown"
-            #loginForm="ngForm"
-            (ngSubmit)="(user.companyId || isCustomDomain) && user.password ? loginUser() : requestUserCompanies()">
-
-            <div class="login-header">
-                <svg class="login-header__logo" width="56" height="54" viewBox="0 0 56 54" fill="none" xmlns="http://www.w3.org/2000/svg" role="img">
-                    <title>Rocketadmin logo</title>
-                    <path d="M47.2367 17.9125H35.1499C33.3671 17.9125 32.4833 16.5678 33.1783 14.9286L37.5295 4.71527C38.5191 2.39612 37.2651 0.5 34.742 0.5H23.4711C22.3682 0.5 21.1142 1.33097 20.6836 2.34323L15.4485 14.634C14.5798 16.6661 15.6827 18.328 17.8885 18.328H29.4465C30.7231 18.328 31.8789 19.0909 32.3775 20.2618L37.5295 32.3486C38.232 33.9954 37.3406 35.3401 35.5578 35.3401H8.62703C7.52411 35.3401 6.27011 36.1711 5.83952 37.1833L0.823517 48.9453C-0.166086 51.2644 1.08792 53.1605 3.61103 53.1605H29.8242C30.9271 53.1605 32.1811 52.3296 32.6117 51.3173L38.4435 37.629C38.9346 36.4808 40.0526 35.7405 41.299 35.7405H52.6833C54.9722 35.7405 56.1053 34.0181 55.2064 31.918L50.0242 19.7633C49.5936 18.751 48.3396 17.92 47.2367 17.92V17.9125Z" fill="#08041B"/>
-                </svg>
-                <h1 class="mat-headline-4 loginTitle">
-                    Welcome back to <br>
-                    <span class="loginTitle__emphasis">Rocketadmin</span>
-                </h1>
-                <div *ngIf="!userCompanies && !isCustomDomain" class="mat-body-1 login-header__directions">
-                    To log in, please start by entering your email address and click next to continue.
-                </div>
-                <div *ngIf="userCompanies && userCompanies.length > 1 && !isCustomDomain" class="mat-body-1 login-header__directions">
-                    Please select the company or organization you wish to log into and click next to continue. <br/>
-                    Don’t see your company? Try logging in with Google or GitHub if that’s how you signed up.
-                </div>
-            </div>
-
-            <mat-form-field appearance="fill" floatLabel="always" class="login-form__email">
-                <mat-label>Email</mat-label>
-                <input matInput type="email" name="email" emailValidator
-                    placeholder="Email"
-                    data-testid="login-email-input"
-                    #email="ngModel" required
-                    angulartics2On="change"
-                    angularticsAction="Login: email is changed"
-                    (change)="posthog.capture('Login: email is changed')"
-                    [(ngModel)]="user.email" >
-                <mat-error *ngIf="email.errors?.isInvalidEmail">Invalid email format.</mat-error>
-            </mat-form-field>
-
-            <div *ngIf="isLoadingUserCompanies" class="login-form__field-loader"></div>
-
-            <mat-form-field *ngIf="userCompanies && userCompanies.length > 1" appearance="fill" floatLabel="always" class="login-form__companies">
-                <mat-label>Company</mat-label>
-                <mat-select [(value)]="user.companyId" placeholder="Company">
-                  <mat-option *ngFor="let company of userCompanies; let i = index" [value]="company.id">
-                    {{company.name}}
-                  </mat-option>
-                </mat-select>
-            </mat-form-field>
-
-            <mat-form-field *ngIf="isPasswordFieldShown || user.companyId || isCustomDomain"
-                appearance="fill"
-                floatLabel="always"
-                class="login-form__password">
-                <mat-label>Password</mat-label>
-                <input matInput type="password" name="password" data-testid="login-password-input"
-                    #password="ngModel" required
-                    placeholder="Password"
-                    angulartics2On="change"
-                    angularticsAction="Login: password is changed"
-                    (change)="posthog.capture('Login: password is changed')"
-                    [(ngModel)]="user.password">
-                <!-- <mat-error *ngIf="port.errors?.required && (port.invalid && port.touched)">Port should not be empty.</mat-error> -->
-            </mat-form-field>
-
-            <div *ngIf="isSaas && !isCustomDomain" class="divider"><span class="divider__label">or</span></div>
-
-	        <div id="google_login_button" *ngIf="isSaas && !isCustomDomain"
-                class="login-form__google-button"
-                angulartics2On="click"
-                angularticsAction="Login: login with google is clicked"
-	            (click)="posthog.capture('Login: login with google is clicked')">
-            </div>
-
-            <button *ngIf="isSaas && !isCustomDomain" type="button" mat-stroked-button color="primary" data-testid="login-github-button"
-                class="login-form__github-button-box login-form__github-button"
-                angulartics2On="click"
-                angularticsAction="Login: login with github is clicked"
-                (click)="loginWithGithub(); posthog.capture('Login: login with github is clicked')">
-                <mat-icon class="login-form__github-icon" svgIcon="github"></mat-icon>
-                <span class="login-form__github-caption">Continue with GitHub</span>
-            </button>
-
-
-            <button *ngIf="!user.companyId && !isCustomDomain"
-                type="submit" mat-stroked-button
-                data-testid="login-next-button"
-                class="login-form__login-button"
-                [disabled]="submitting || user.email === ''">
-                {{ submitting ? 'Submitting' : 'Next'}}
-            </button>
-
-            <button *ngIf="isPasswordFieldShown || user.companyId || isCustomDomain"
-                type="submit" mat-flat-button color="accent"
-                data-testid="login-button"
-                class="login-form__login-button"
-                angulartics2On="click"
-                angularticsAction="Login: login is clicked"
-                (click)="posthog.capture('Login: login is clicked')"
-                [disabled]="submitting || loginForm.form.invalid || loginForm.form.pristine">
-                {{ submitting ? 'Submitting' : 'Log in'}}
-            </button>
-
-            <a routerLink="/forget-password" class="login-form__link" data-testid="forgot-password-link">Reset password</a>
-        </form>
-
-        <form *ngIf="is2FAShown">
-            <div class="qr-verification">
-                <h2 class="mat-headline-4 qr-verification__title">Enter 2nd factor code</h2>
-                <mat-form-field class="user-settings__name">
-                    <mat-label>Enter the code from your authenticator</mat-label>
-                    <input matInput [(ngModel)]="authCode" name="code" #codeField="ngModel">
-                </mat-form-field>
-                <button type="submit" mat-flat-button color="primary"
-                    [disabled]="submitting"
-                    (click)="loginWith2FA()">
-                    Verify
-                </button>
-            </div>
-        </form>
-    </div>
-</div>
-
diff --git a/frontend/src/app/components/login/login.component.spec.ts b/frontend/src/app/components/login/login.component.spec.ts
deleted file mode 100644
index 754c8d2ba..000000000
--- a/frontend/src/app/components/login/login.component.spec.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatIconTestingModule } from '@angular/material/icon/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { AuthService } from 'src/app/services/auth.service';
-import { CompanyService } from 'src/app/services/company.service';
-import { LoginComponent } from './login.component';
-
-describe('LoginComponent', () => {
-	let component: LoginComponent;
-	let fixture: ComponentFixture<LoginComponent>;
-	let authService: AuthService;
-	let companyService: CompanyService;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				FormsModule,
-				MatSnackBarModule,
-				MatIconTestingModule,
-				Angulartics2Module.forRoot(),
-				LoginComponent,
-				BrowserAnimationsModule,
-			],
-			providers: [provideHttpClient(), provideRouter([])],
-		}).compileComponents();
-
-		(global.window as any).google = {
-			accounts: {
-				id: {
-					initialize: vi.fn(),
-					renderButton: vi.fn(),
-					prompt: vi.fn(),
-				},
-			},
-		};
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(LoginComponent);
-		component = fixture.componentInstance;
-		authService = TestBed.inject(AuthService);
-		companyService = TestBed.inject(CompanyService);
-		vi.spyOn(companyService, 'isCustomDomain').mockReturnValue(false);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should login a user', () => {
-		component.user = {
-			email: 'john@smith.com',
-			password: 'kK123456789',
-			companyId: 'company_1',
-		};
-
-		const fakeLoginUser = vi.spyOn(authService, 'loginUser').mockReturnValue(of());
-
-		component.loginUser();
-		expect(fakeLoginUser).toHaveBeenCalledWith({
-			email: 'john@smith.com',
-			password: 'kK123456789',
-			companyId: 'company_1',
-		});
-		expect(component.submitting).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/login/login.component.ts b/frontend/src/app/components/login/login.component.ts
deleted file mode 100644
index 3a32c4ae5..000000000
--- a/frontend/src/app/components/login/login.component.ts
+++ /dev/null
@@ -1,186 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, CUSTOM_ELEMENTS_SCHEMA, NgZone, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { Router, RouterModule } from '@angular/router';
-import { Angulartics2, Angulartics2OnModule } from 'angulartics2';
-import { accounts } from 'google-one-tap';
-import posthog from 'posthog-js';
-import { EmailValidationDirective } from 'src/app/directives/emailValidator.directive';
-import { AlertActionType, AlertType } from 'src/app/models/alert';
-import { ExistingAuthUser } from 'src/app/models/user';
-import { AuthService } from 'src/app/services/auth.service';
-import { CompanyService } from 'src/app/services/company.service';
-import { NotificationsService } from 'src/app/services/notifications.service';
-import { environment } from 'src/environments/environment';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-
-declare var google: any;
-
-@Component({
-	selector: 'app-login',
-	templateUrl: './login.component.html',
-	styleUrls: ['./login.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		RouterModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatSelectModule,
-		MatIconModule,
-		MatButtonModule,
-		EmailValidationDirective,
-		AlertComponent,
-		Angulartics2OnModule,
-	],
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class LoginComponent implements OnInit, AfterViewInit {
-	protected posthog = posthog;
-	public isSaas = (environment as any).saas;
-	public isCustomDomain: boolean = false;
-	public user: ExistingAuthUser = {
-		email: '',
-		password: '',
-		companyId: '',
-	};
-	public userCompanies: [] = null;
-	public isLoadingUserCompanies: boolean = false;
-	public authCode: string;
-	public submitting: boolean;
-	public isPasswordFieldShown: boolean = false;
-	public is2FAShown: boolean = false;
-	public errors = {
-		'No_user_registered_with_this_GitHub_account.': 'No user registered with this GitHub account.',
-		'GitHub_login_failed._Please_contact_our_support_team.': 'GitHub login failed. Please contact our support team.',
-	};
-
-	constructor(
-		private _auth: AuthService,
-		public router: Router,
-		private angulartics2: Angulartics2,
-		private ngZone: NgZone,
-		private _notifications: NotificationsService,
-		public _company: CompanyService,
-	) {}
-
-	ngOnInit(): void {
-		this.isCustomDomain = this._company.isCustomDomain() && this.isSaas;
-
-		const error = new URLSearchParams(location.search).get('error');
-		if (error)
-			this._notifications.showAlert(AlertType.Error, this.errors[error] || error, [
-				{
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-					action: (_id: number) => this._notifications.dismissAlert(),
-				},
-			]);
-	}
-
-	ngAfterViewInit() {
-		if (this.isSaas) {
-			const gAccounts: accounts = google.accounts;
-			gAccounts.id.initialize({
-				client_id: '681163285738-e4l0lrv5vv7m616ucrfhnhso9r396lum.apps.googleusercontent.com',
-				callback: (authUser) => {
-					this.ngZone.run(() => {
-						this._auth.loginWithGoogle(authUser.credential).subscribe((res) => {
-							if (res.isTemporary) this.is2FAShown = true;
-							this.angulartics2.eventTrack.next({
-								action: 'Login: google login success',
-							});
-							posthog.capture('Login: google login success');
-						});
-					});
-				},
-			});
-			gAccounts.id.renderButton(document.getElementById('google_login_button'), {
-				theme: 'outline',
-				size: 'large',
-				width: 360,
-				text: 'continue_with',
-			});
-			gAccounts.id.prompt();
-		}
-	}
-
-	requestUserCompanies() {
-		this.isLoadingUserCompanies = true;
-		this._auth.fetchUserCompanies(this.user.email).subscribe((companies) => {
-			this.angulartics2.eventTrack.next({
-				action: 'Login: companies is received',
-				properties: {
-					count: companies.length,
-				},
-			});
-			posthog.capture('Login: companies is received', {
-				count: companies.length,
-			});
-
-			this.userCompanies = companies;
-			this.isLoadingUserCompanies = false;
-
-			if (companies.length === 1) {
-				this.isPasswordFieldShown = true;
-				this.user.companyId = companies[0].id;
-			}
-		});
-	}
-
-	loginUser() {
-		this.submitting = true;
-		this._auth.loginUser(this.user).subscribe(
-			(res) => {
-				this.submitting = false;
-				if (res.isTemporary) this.is2FAShown = true;
-				this.angulartics2.eventTrack.next({
-					action: 'Login: login success',
-				});
-				posthog.capture('Login: login success');
-			},
-			(_error) => {
-				this.angulartics2.eventTrack.next({
-					action: 'Login: login unsuccessful',
-				});
-				posthog.capture('Login: login unsuccessful');
-				this.submitting = false;
-			},
-			() => (this.submitting = false),
-		);
-	}
-
-	loginWithGithub() {
-		this._auth.loginWithGithub();
-		this.angulartics2.eventTrack.next({
-			action: 'Login: github login redirect',
-		});
-		posthog.capture('Login: github login redirect');
-	}
-
-	loginWith2FA() {
-		this.submitting = true;
-		this._auth.loginWith2FA(this.authCode).subscribe(
-			() => {
-				this.submitting = false;
-				this.angulartics2.eventTrack.next({
-					action: 'Login: login with 2fa success',
-				});
-				posthog.capture('Login: login with 2fa success');
-			},
-			(_error) => {
-				this.angulartics2.eventTrack.next({
-					action: 'Login: login with 2fa unsuccessful',
-				});
-				posthog.capture('Login: login with 2fa unsuccessful');
-				this.submitting = false;
-			},
-			() => (this.submitting = false),
-		);
-	}
-}
diff --git a/frontend/src/app/components/master-password-dialog/master-password-dialog.component.css b/frontend/src/app/components/master-password-dialog/master-password-dialog.component.css
deleted file mode 100644
index fcaa8cf92..000000000
--- a/frontend/src/app/components/master-password-dialog/master-password-dialog.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.mat-mdc-form-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/master-password-dialog/master-password-dialog.component.html b/frontend/src/app/components/master-password-dialog/master-password-dialog.component.html
deleted file mode 100644
index b0f040f5f..000000000
--- a/frontend/src/app/components/master-password-dialog/master-password-dialog.component.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<h2 mat-dialog-title>Enter Master Password</h2>
-<form (ngSubmit)="enterMasterPassword()">
-  <mat-dialog-content>
-    <mat-form-field>
-      <mat-label>Password</mat-label>
-      <input matInput [(ngModel)]="password" name="password" type="password" required>
-    </mat-form-field>
-  </mat-dialog-content>
-  <div mat-dialog-actions align="end">
-    <button mat-flat-button type="button" mat-dialog-close>Cancel</button>
-    <button mat-flat-button type="submit" color="primary">Submit</button>
-  </div>
-</form>
diff --git a/frontend/src/app/components/master-password-dialog/master-password-dialog.component.spec.ts b/frontend/src/app/components/master-password-dialog/master-password-dialog.component.spec.ts
deleted file mode 100644
index 80620b280..000000000
--- a/frontend/src/app/components/master-password-dialog/master-password-dialog.component.spec.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { MasterPasswordDialogComponent } from './master-password-dialog.component';
-
-describe('MasterPasswordDialogComponent', () => {
-	let component: MasterPasswordDialogComponent;
-	let fixture: ComponentFixture<MasterPasswordDialogComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				MatDialogModule,
-				FormsModule,
-				MasterPasswordDialogComponent,
-				BrowserAnimationsModule,
-			],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{ provide: MAT_DIALOG_DATA, useValue: {} },
-				{ provide: MatDialogRef, useValue: {} },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(MasterPasswordDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/master-password-dialog/master-password-dialog.component.stories.ts b/frontend/src/app/components/master-password-dialog/master-password-dialog.component.stories.ts
deleted file mode 100644
index 591e9d136..000000000
--- a/frontend/src/app/components/master-password-dialog/master-password-dialog.component.stories.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { MatDialogRef } from '@angular/material/dialog';
-import { Router } from '@angular/router';
-import { applicationConfig, type Meta, type StoryObj } from '@storybook/angular';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { MasterPasswordDialogComponent } from './master-password-dialog.component';
-
-const mockConnectionsService: Partial<ConnectionsService> = {
-	currentConnectionID: 'conn-1',
-};
-
-const mockRouter: Partial<Router> = {
-	url: '/dashboard/conn-1/tables',
-	navigate: () => Promise.resolve(true),
-	routeReuseStrategy: { shouldReuseRoute: () => true } as any,
-	onSameUrlNavigation: 'ignore' as const,
-};
-
-const meta: Meta<MasterPasswordDialogComponent> = {
-	title: 'Dialogs/MasterPassword',
-	component: MasterPasswordDialogComponent,
-	decorators: [
-		applicationConfig({
-			providers: [
-				{ provide: MatDialogRef, useValue: { close: () => {} } },
-				{ provide: ConnectionsService, useValue: mockConnectionsService },
-				{ provide: Router, useValue: mockRouter },
-			],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<MasterPasswordDialogComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/master-password-dialog/master-password-dialog.component.ts b/frontend/src/app/components/master-password-dialog/master-password-dialog.component.ts
deleted file mode 100644
index f7eeab67e..000000000
--- a/frontend/src/app/components/master-password-dialog/master-password-dialog.component.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Router } from '@angular/router';
-import { ConnectionsService } from 'src/app/services/connections.service';
-
-@Component({
-	selector: 'app-master-password-dialog',
-	templateUrl: './master-password-dialog.component.html',
-	styleUrls: ['./master-password-dialog.component.css'],
-	imports: [FormsModule, MatFormFieldModule, MatDialogModule, MatInputModule, MatButtonModule],
-})
-export class MasterPasswordDialogComponent implements OnInit {
-	public password: string = '';
-	public connectionID: string | null = null;
-
-	constructor(
-		public router: Router,
-		private dialogRef: MatDialogRef<MasterPasswordDialogComponent>,
-		private _connections: ConnectionsService,
-	) {}
-
-	ngOnInit(): void {
-		this.connectionID = this._connections.currentConnectionID;
-	}
-
-	enterMasterPassword() {
-		localStorage.setItem(`${this.connectionID}__masterKey`, this.password);
-		let currentUrl = this.router.url;
-		this.router.routeReuseStrategy.shouldReuseRoute = () => false;
-		this.router.onSameUrlNavigation = 'reload';
-		this.router.navigate([currentUrl]);
-		this.dialogRef.close();
-	}
-}
diff --git a/frontend/src/app/components/page-not-found/page-not-found.component.css b/frontend/src/app/components/page-not-found/page-not-found.component.css
deleted file mode 100644
index f59d0d424..000000000
--- a/frontend/src/app/components/page-not-found/page-not-found.component.css
+++ /dev/null
@@ -1,72 +0,0 @@
-.wrapper {
-	display: flex;
-	align-items: center;
-	background-image: url("../../../assets/bg/not-found-bg.svg");
-	background-repeat: no-repeat;
-	background-size: auto 127%;
-	background-position: 100% 30%;
-	height: calc(100vh - 56px);
-	padding: 0 max(calc(20vw - 250px), 15%);
-	width: 100%;
-}
-
-@media screen and (max-width: 600px) {
-	.wrapper {
-		background: none;
-		height: 100%;
-		padding: 0 4.5vw;
-	}
-
-	.wrapper svg {
-		width: 55%;
-	}
-}
-
-.message {
-	display: flex;
-	flex-direction: column;
-	align-items: flex-start;
-	gap: 36px;
-	width: clamp(300px, 60%, 600px);
-}
-
-@media screen and (max-width: 600px) {
-	.message {
-		gap: 16px;
-		width: 100%;
-	}
-}
-
-.message__title {
-	font-weight: 600;
-	margin-bottom: 16px;
-}
-
-@media screen and (max-width: 600px) {
-	.message__title {
-		font-size: 32px;
-		line-height: 40px;
-	}
-}
-
-.message__text {
-	font-size: 20px;
-	margin-bottom: 8px;
-}
-
-@media screen and (max-width: 600px) {
-	.message__text {
-		font-size: 18px;
-		margin-top: 8px;
-	}
-}
-
-.message__button {
-	width: 156px;
-}
-
-@media screen and (max-width: 600px) {
-	.message__button {
-		margin-top: 16px;
-	}
-}
diff --git a/frontend/src/app/components/page-not-found/page-not-found.component.html b/frontend/src/app/components/page-not-found/page-not-found.component.html
deleted file mode 100644
index 3042c25c3..000000000
--- a/frontend/src/app/components/page-not-found/page-not-found.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<div class="wrapper">
-    <div class="message">
-        <svg width="294" height="116" viewBox="0 0 294 116" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M191.278 92.84C191.446 92.4353 191.146 91.9944 190.708 91.9944H184.42C184.076 91.9944 183.798 91.7157 183.798 91.372V69.9155C183.798 69.7901 183.836 69.6676 183.907 69.564L196.53 51.1183C196.606 51.0061 196.644 50.8706 196.637 50.7348C195.889 36.1495 192.759 24.7162 187.383 16.3051C181.304 6.79488 171.711 1.95309 158.215 1.95309C156.256 1.95309 154.386 2.04508 152.603 2.22747C151.964 2.29277 151.858 3.17799 152.442 3.44379C157.995 5.97013 162.491 9.92204 165.928 15.2995C172.411 25.4419 175.652 39.6098 175.652 57.8034C175.652 69.7233 174.345 79.9702 171.731 88.5442C169.221 97.1181 164.987 103.705 159.027 108.306C157.234 109.715 155.245 110.908 153.06 111.885C152.471 112.149 152.575 113.038 153.216 113.102C154.819 113.26 156.485 113.34 158.215 113.34C167.979 113.34 175.473 111.103 180.901 106.838L180.914 106.828C185.362 103.394 188.828 98.755 191.278 92.84ZM158.215 0.0859375C153.985 0.0859375 150.115 0.503083 146.606 1.33738C146.508 1.3606 146.407 1.36022 146.309 1.33629C142.911 0.50272 139.204 0.0859375 135.187 0.0859375C125.254 0.0859375 117.307 2.38627 111.347 6.98694C105.387 11.5876 101.1 18.1749 98.4863 26.7489C98.3394 27.2507 97.5275 27.1464 97.5275 26.6235V3.52121V2.27644C97.5275 1.9327 97.2488 1.65405 96.9051 1.65405H95.6603H74.4994H69.6098H46.91C46.7045 1.65405 46.5124 1.75541 46.3963 1.92494L0.108755 69.564C0.0379085 69.6676 0 69.7901 0 69.9155V91.372C0 91.7157 0.278653 91.9944 0.622386 91.9944H23.0281H24.8953H44.0772C44.421 91.9944 44.6996 92.273 44.6996 92.6167V113.016C44.6996 113.36 44.9783 113.638 45.322 113.638H67.7277H69.5949H74.4994H95.6603H96.9051C97.2488 113.638 97.5275 113.36 97.5275 113.016V111.771V93.8615V92.6167C97.5275 92.273 97.8061 91.9944 98.1499 91.9944H99.3946H99.9132C100.166 91.9944 100.393 92.1474 100.491 92.3805C101.638 95.1252 102.957 97.6629 104.446 99.9935C110.929 110.136 121.176 115.207 135.187 115.207C139.446 115.207 143.329 114.793 146.835 113.965C146.932 113.942 147.033 113.942 147.13 113.966C150.518 114.793 154.213 115.207 158.215 115.207C168.253 115.207 176.2 112.907 182.055 108.306C187.088 104.421 190.891 99.1186 193.463 92.3995C193.556 92.1567 193.789 91.9944 194.049 91.9944H206.826H208.693H227.875C228.219 91.9944 228.497 92.273 228.497 92.6167V113.016C228.497 113.36 228.776 113.638 229.12 113.638H251.526H253.393H258.297H279.458H280.703C281.047 113.638 281.325 113.36 281.325 113.016V111.771V93.8615V92.6167C281.325 92.273 281.604 91.9944 281.948 91.9944H283.192H291.849H293.093C293.437 91.9944 293.716 91.7157 293.716 91.372V90.1272V71.2764V70.0317C293.716 69.6879 293.437 69.4093 293.093 69.4093H291.849H283.192H281.948C281.604 69.4093 281.325 69.1306 281.325 68.7869V67.5421V3.52121V2.27644C281.325 1.9327 281.047 1.65405 280.703 1.65405H279.458H258.297H253.408H230.708C230.502 1.65405 230.31 1.75542 230.194 1.92495L199.38 46.9528C199.047 47.4398 198.282 47.2315 198.232 46.6435C197.139 33.7127 194.047 23.2647 188.956 15.2995C182.473 5.15712 172.226 0.0859375 158.215 0.0859375ZM74.4994 111.149C74.4994 111.493 74.778 111.771 75.1218 111.771H95.0379C95.3817 111.771 95.6603 111.493 95.6603 111.149V91.9944C95.6603 90.9632 96.4963 90.1272 97.5275 90.1272H98.7108C99.1441 90.1272 99.445 89.6954 99.3008 89.2868C96.2483 80.6386 94.7221 70.1441 94.7221 57.8034C94.7221 51.748 95.0349 46.1357 95.6603 40.9664V4.14359C95.6603 3.79986 95.3817 3.52121 95.0379 3.52121H75.1218C74.778 3.52121 74.4994 3.79986 74.4994 4.14359V68.7869C74.4994 69.1306 74.778 69.4093 75.1218 69.4093H86.2674C86.6112 69.4093 86.8898 69.6879 86.8898 70.0317V91.372C86.8898 91.7157 86.6112 91.9944 86.2674 91.9944H75.1218C74.778 91.9944 74.4994 92.273 74.4994 92.6167V111.149ZM41.4192 46.1546L44.0676 42.2845C44.4216 41.7672 45.2289 42.0383 45.1977 42.6643C45.189 42.8401 45.1798 43.0243 45.1702 43.2169C45.0656 45.3081 44.961 47.6607 44.8565 50.2747C44.7519 52.7842 44.6996 54.8231 44.6996 56.3915V68.7869C44.6996 69.1306 44.421 69.4093 44.0772 69.4093H27.3581C26.8604 69.4093 26.5641 68.8542 26.8409 68.4407L38.5828 50.9021C39.7659 49.082 40.7113 47.4995 41.4192 46.1546ZM258.297 111.149C258.297 111.493 258.576 111.771 258.92 111.771H278.836C279.179 111.771 279.458 111.493 279.458 111.149V91.9944C279.458 90.9632 280.294 90.1272 281.325 90.1272H291.226C291.57 90.1272 291.849 89.8486 291.849 89.5048V71.8988C291.849 71.5551 291.57 71.2764 291.226 71.2764H281.325C280.294 71.2764 279.458 70.4405 279.458 69.4093V4.14359C279.458 3.79986 279.179 3.52121 278.836 3.52121H258.92C258.576 3.52121 258.297 3.79986 258.297 4.14359V68.7869C258.297 69.1306 258.576 69.4093 258.92 69.4093H270.065C270.409 69.4093 270.688 69.6879 270.688 70.0317V91.372C270.688 91.7157 270.409 91.9944 270.065 91.9944H258.92C258.576 91.9944 258.297 92.273 258.297 92.6167V111.149ZM225.217 46.1545L227.865 42.2845C228.219 41.7672 229.027 42.0382 228.996 42.6642C228.987 42.84 228.978 43.0242 228.968 43.2169C228.863 45.3081 228.759 47.6607 228.654 50.2747C228.55 52.7842 228.497 54.8231 228.497 56.3915V68.7869C228.497 69.1306 228.219 69.4093 227.875 69.4093H211.156C210.658 69.4093 210.362 68.8542 210.639 68.4407L222.381 50.9021C223.564 49.0819 224.509 47.4994 225.217 46.1545ZM124.836 57.8034C124.836 68.7822 125.515 77.0948 126.874 82.7411C128.234 88.2828 131.005 91.0536 135.187 91.0536C139.369 91.0536 142.14 88.2828 143.5 82.7411C144.859 77.1993 145.539 68.8868 145.539 57.8034C145.539 46.7199 144.859 38.3551 143.5 32.7088C142.14 27.0626 139.369 24.2394 135.187 24.2394C131.005 24.2394 128.234 27.0626 126.874 32.7088C125.515 38.3551 124.836 46.7199 124.836 57.8034Z" fill="#C177FC"/>
-        </svg>
-        <strong class="mat-headline-3 message__title">We can't find the page you are looking for</strong>
-        <span class="mat-body-1 message__text">Please reload the page or comeback later</span>
-        <a mat-flat-button color="primary"
-            routerLink="/connections-list"
-            class="message__button">
-            Back to Home
-        </a>
-    </div>
-</div>
diff --git a/frontend/src/app/components/page-not-found/page-not-found.component.spec.ts b/frontend/src/app/components/page-not-found/page-not-found.component.spec.ts
deleted file mode 100644
index f959d1247..000000000
--- a/frontend/src/app/components/page-not-found/page-not-found.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PageNotFoundComponent } from './page-not-found.component';
-
-describe('PageNotFoundComponent', () => {
-	let component: PageNotFoundComponent;
-	let fixture: ComponentFixture<PageNotFoundComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PageNotFoundComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(PageNotFoundComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/page-not-found/page-not-found.component.ts b/frontend/src/app/components/page-not-found/page-not-found.component.ts
deleted file mode 100644
index b8efbeed0..000000000
--- a/frontend/src/app/components/page-not-found/page-not-found.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-	selector: 'app-page-not-found',
-	templateUrl: './page-not-found.component.html',
-	styleUrls: ['./page-not-found.component.css'],
-})
-export class PageNotFoundComponent implements OnInit {
-	ngOnInit() {}
-}
diff --git a/frontend/src/app/components/password-change/password-change.component.css b/frontend/src/app/components/password-change/password-change.component.css
deleted file mode 100644
index 9658f2dc7..000000000
--- a/frontend/src/app/components/password-change/password-change.component.css
+++ /dev/null
@@ -1,29 +0,0 @@
-:host app-alert:not(:empty) {
-	--alert-margin: 24px;
-}
-
-.wrapper {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	height: 100%;
-	margin: 0 auto;
-	padding: 16px;
-	max-width: 420px;
-	min-width: 300px;
-	width: 90%;
-}
-
-.password-input {
-	width: 100%;
-}
-
-.actions {
-	display: flex;
-	justify-content: flex-end;
-	margin-top: 48px;
-}
-
-.password-form__back {
-	margin-right: 20px;
-}
diff --git a/frontend/src/app/components/password-change/password-change.component.html b/frontend/src/app/components/password-change/password-change.component.html
deleted file mode 100644
index d7cb7fe1e..000000000
--- a/frontend/src/app/components/password-change/password-change.component.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<div class="background-decoration">
-    <app-alert></app-alert>
-    <div class="wrapper">
-        <form class="password-form" #changePasswordForm="ngForm" (ngSubmit)="updatePassword()">
-            <h1 class="mat-h1">Change password</h1>
-            <mat-form-field appearance="outline" class="password-input">
-                <mat-label>Enter old password</mat-label>
-                <input matInput type="password" [(ngModel)]="oldPassword" name="old-password" #prevPassword="ngModel" required>
-                <mat-error *ngIf="prevPassword.errors?.required && (prevPassword.invalid && prevPassword.touched)">Password can not be empty.</mat-error>
-            </mat-form-field>
-
-            <app-user-password label="Enter new password" [value]="newPassword" (onFieldChange)="updatePasswordField($event)"></app-user-password>
-
-            <div class="actions">
-                <a mat-stroked-button routerLink="/user-settings" class="password-form__back">Back</a>
-                <button mat-flat-button color="primary"
-                    [disabled]="submitting || changePasswordForm.form.invalid">
-                        Change
-                </button>
-            </div>
-        </form>
-    </div>
-</div>
diff --git a/frontend/src/app/components/password-change/password-change.component.spec.ts b/frontend/src/app/components/password-change/password-change.component.spec.ts
deleted file mode 100644
index f25a7b6c2..000000000
--- a/frontend/src/app/components/password-change/password-change.component.spec.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Router } from '@angular/router';
-import { IPasswordStrengthMeterService } from 'angular-password-strength-meter';
-import { Angulartics2, Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { CompanyMemberRole } from 'src/app/models/company';
-import { SubscriptionPlans } from 'src/app/models/user';
-import { UserService } from 'src/app/services/user.service';
-import { PasswordChangeComponent } from './password-change.component';
-
-describe('PasswordChangeComponent', () => {
-	let component: PasswordChangeComponent;
-	let fixture: ComponentFixture<PasswordChangeComponent>;
-	let userService: UserService;
-	let routerSpy;
-
-	beforeEach(async () => {
-		// routerSpy = {navigate: vi.fn()};
-		const angulartics2Mock = {
-			eventTrack: {
-				next: () => {}, // Mocking the next method
-			},
-			trackLocation: () => {}, // Mocking the trackLocation method
-		};
-
-		await TestBed.configureTestingModule({
-			imports: [
-				FormsModule,
-				MatSnackBarModule,
-				Angulartics2Module.forRoot(),
-				BrowserAnimationsModule,
-				PasswordChangeComponent,
-			],
-			providers: [
-				provideHttpClient(),
-				{ provide: IPasswordStrengthMeterService, useValue: {} },
-				{ provide: Router, useValue: routerSpy },
-				{ provide: Angulartics2, useValue: angulartics2Mock },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(PasswordChangeComponent);
-		component = fixture.componentInstance;
-		userService = TestBed.inject(UserService);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should change password', async (_done) => {
-		component.oldPassword = 'hH12345678';
-		component.newPassword = '12345678hH';
-		component.currentUser = {
-			id: '9127389214',
-			email: 'my@email.com',
-			isActive: true,
-			subscriptionLevel: SubscriptionPlans.free,
-			is_2fa_enabled: false,
-			role: CompanyMemberRole.Member,
-			externalRegistrationProvider: null,
-			company: {
-				id: 'company_123',
-			},
-		};
-		const fakeChangePassword = vi.spyOn(userService, 'changePassword').mockReturnValue(of());
-
-		await component.updatePassword();
-		expect(fakeChangePassword).toHaveBeenCalledWith('hH12345678', '12345678hH', 'my@email.com');
-	});
-});
diff --git a/frontend/src/app/components/password-change/password-change.component.ts b/frontend/src/app/components/password-change/password-change.component.ts
deleted file mode 100644
index 2ac4a14b7..000000000
--- a/frontend/src/app/components/password-change/password-change.component.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Router } from '@angular/router';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { User } from 'src/app/models/user';
-import { UserService } from 'src/app/services/user.service';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-import { UserPasswordComponent } from '../ui-components/user-password/user-password.component';
-
-@Component({
-	selector: 'app-password-change',
-	templateUrl: './password-change.component.html',
-	styleUrls: ['./password-change.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatButtonModule,
-		AlertComponent,
-		UserPasswordComponent,
-	],
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class PasswordChangeComponent implements OnInit {
-	public currentUser: User = null;
-	public oldPassword: string = '';
-	public newPassword: string = '';
-	public submitting: boolean = false;
-
-	constructor(
-		private _userService: UserService,
-		public router: Router,
-		private angulartics2: Angulartics2,
-	) {}
-
-	ngOnInit(): void {
-		this._userService.cast.subscribe((user) => (this.currentUser = user));
-	}
-
-	updatePasswordField(updatedValue: string) {
-		this.newPassword = updatedValue;
-	}
-
-	updatePassword() {
-		this.submitting = true;
-		this._userService.changePassword(this.oldPassword, this.newPassword, this.currentUser.email).subscribe(
-			() => {
-				this.submitting = false;
-				this.angulartics2.eventTrack.next({
-					action: 'Manual password change: password updated successfully',
-				});
-				posthog.capture('Manual password change: password updated successfully');
-				this.router.navigate(['/user-settings']);
-			},
-			undefined,
-			() => (this.submitting = false),
-		);
-	}
-}
diff --git a/frontend/src/app/components/password-request/password-request.component.css b/frontend/src/app/components/password-request/password-request.component.css
deleted file mode 100644
index e6d4ff606..000000000
--- a/frontend/src/app/components/password-request/password-request.component.css
+++ /dev/null
@@ -1,92 +0,0 @@
-:host app-alert:not(:empty) {
-	--alert-margin: 24px;
-
-	position: absolute;
-	top: var(--mat-toolbar-standard-height);
-	width: calc(100% - 48px);
-}
-
-.wrapper {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	height: 100%;
-	margin: 0 auto;
-	padding: 16px;
-	max-width: 420px;
-	min-width: 300px;
-	width: 90%;
-}
-
-@media (width <= 600px) {
-	.wrapper {
-		padding: 16px 9vw;
-		width: 100%;
-	}
-}
-
-.password-form {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	margin-top: -16px;
-}
-
-.request-text {
-	margin-bottom: 20px;
-}
-
-.email-field {
-	margin-top: 8px;
-}
-
-.change-password-button {
-	margin-top: 20px;
-}
-
-.password-form__field-loader {
-	position: relative;
-	background-color: rgba(0, 0, 0, 0.06);
-	margin-bottom: 16px;
-	overflow: hidden;
-	height: 44px;
-	width: 100%;
-}
-
-.password-form__field-loader::after {
-	content: "";
-	position: absolute;
-	top: 0;
-	right: 0;
-	bottom: 0;
-	left: 0;
-	transform: translateX(-100%);
-	background-image: linear-gradient(
-		90deg,
-		transparent 40%,
-		var(--mat-sidenav-content-background-color, #fff),
-		transparent 60%
-	);
-	animation: shimmer 800ms ease-in-out infinite alternate;
-}
-
-@media (prefers-color-scheme: dark) {
-	.password-form__field-loader::after {
-		background-image: linear-gradient(
-			90deg,
-			transparent 40%,
-			var(--mat-sidenav-content-background-color, #303030),
-			transparent 60%
-		);
-	}
-}
-
-@keyframes shimmer {
-	100% {
-		transform: translateX(100%);
-	}
-}
-
-.password-form__reset-button {
-	margin-top: 8px;
-}
diff --git a/frontend/src/app/components/password-request/password-request.component.html b/frontend/src/app/components/password-request/password-request.component.html
deleted file mode 100644
index b65961ea9..000000000
--- a/frontend/src/app/components/password-request/password-request.component.html
+++ /dev/null
@@ -1,43 +0,0 @@
-<div class="background-decoration">
-    <app-alert></app-alert>
-    <div class="wrapper">
-        <form action="" class="password-form"
-            #requestPasswordForm="ngForm"
-            (ngSubmit)="companyId ? requestPassword() : requestUserCompanies()">
-            <h1 class="mat-h1">Forgot your password?</h1>
-            <p class="mat-body-1">
-                Enter your Email below and we will send a message to reset your password.
-            </p>
-            <mat-form-field appearance="outline" class="email-field">
-                <mat-label>Email</mat-label>
-                <input matInput type="email" name="email" #email="ngModel" required autofocus emailValidator
-                    data-testid="forget-password-email-input"
-                    [(ngModel)]="userEmail" >
-                <mat-error *ngIf="email.errors?.isInvalidEmail" data-testid="forget-password-email-error">Invalid email format.</mat-error>
-            </mat-form-field>
-
-            <div *ngIf="isLoadingUserCompanies" class="password-form__field-loader"></div>
-            <mat-form-field appearance="outline" *ngIf="userCompanies && userCompanies.length > 1">
-                <mat-label>Company</mat-label>
-                <mat-select [(value)]="companyId" required>
-                  <mat-option *ngFor="let company of userCompanies; let i = index" [value]="company.id">
-                    {{company.name}}
-                  </mat-option>
-                </mat-select>
-            </mat-form-field>
-
-            <button *ngIf="!companyId && !(userCompanies && userCompanies.length > 1)"
-                type="submit" mat-stroked-button
-                data-testid="forget-password-next-button"
-                [disabled]="isLoadingUserCompanies || userEmail === ''">
-                {{ submitting ? 'Submitting' : 'Next'}}
-            </button>
-            <button *ngIf="userCompanies && userCompanies.length"
-                type="submit" mat-flat-button color="primary" class="password-form__reset-button"
-                data-testid="forget-password-submit-button"
-                [disabled]="submitting || requestPasswordForm.form.invalid || requestPasswordForm.form.pristine">
-                {{ submitting ? 'Submitting' : 'Reset my password' }}
-            </button>
-        </form>
-    </div>
-</div>
diff --git a/frontend/src/app/components/password-request/password-request.component.spec.ts b/frontend/src/app/components/password-request/password-request.component.spec.ts
deleted file mode 100644
index 88872f7dd..000000000
--- a/frontend/src/app/components/password-request/password-request.component.spec.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-import { of } from 'rxjs';
-import { UserService } from 'src/app/services/user.service';
-import { PasswordRequestComponent } from './password-request.component';
-
-describe('PasswordRequestComponent', () => {
-	let component: PasswordRequestComponent;
-	let fixture: ComponentFixture<PasswordRequestComponent>;
-	let userService: UserService;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [RouterTestingModule, FormsModule, MatSnackBarModule, PasswordRequestComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(PasswordRequestComponent);
-		component = fixture.componentInstance;
-		userService = TestBed.inject(UserService);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should create', () => {
-		component.userEmail = 'eric@cartman.ass';
-		component.companyId = 'company_1111';
-		const fakePasswordReset = vi.spyOn(userService, 'requestPasswordReset').mockReturnValue(of());
-
-		component.requestPassword();
-
-		expect(fakePasswordReset).toHaveBeenCalledWith('eric@cartman.ass', 'company_1111');
-	});
-});
diff --git a/frontend/src/app/components/password-request/password-request.component.ts b/frontend/src/app/components/password-request/password-request.component.ts
deleted file mode 100644
index cee3d734c..000000000
--- a/frontend/src/app/components/password-request/password-request.component.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { EmailValidationDirective } from 'src/app/directives/emailValidator.directive';
-import { AuthService } from 'src/app/services/auth.service';
-import { UserService } from 'src/app/services/user.service';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-
-@Component({
-	selector: 'app-password-request',
-	templateUrl: './password-request.component.html',
-	styleUrls: ['./password-request.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatSelectModule,
-		MatButtonModule,
-		EmailValidationDirective,
-		AlertComponent,
-	],
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class PasswordRequestComponent implements OnInit {
-	public userEmail: string;
-	public companyId: string;
-	public submitting: boolean;
-	public isLoadingUserCompanies: boolean = false;
-	public userCompanies: [] = null;
-
-	constructor(
-		private _userService: UserService,
-		private _auth: AuthService,
-	) {}
-
-	ngOnInit(): void {}
-
-	requestUserCompanies() {
-		this.isLoadingUserCompanies = true;
-		this._auth.fetchUserCompanies(this.userEmail).subscribe((companies) => {
-			this.userCompanies = companies;
-			this.isLoadingUserCompanies = false;
-
-			if (companies.length === 1) {
-				this.companyId = companies[0].id;
-			}
-		});
-	}
-
-	requestPassword() {
-		this.submitting = true;
-		this._userService.requestPasswordReset(this.userEmail, this.companyId).subscribe(
-			() => {
-				this.submitting = false;
-			},
-			() => (this.submitting = false),
-			() => (this.submitting = false),
-		);
-	}
-}
diff --git a/frontend/src/app/components/password-reset/password-reset.component.css b/frontend/src/app/components/password-reset/password-reset.component.css
deleted file mode 100644
index d5b408da3..000000000
--- a/frontend/src/app/components/password-reset/password-reset.component.css
+++ /dev/null
@@ -1,54 +0,0 @@
-:host app-alert:not(:empty) {
-	--alert-margin: 24px;
-
-	position: absolute;
-	top: var(--mat-toolbar-standard-height);
-	width: calc(100% - 48px);
-}
-
-.wrapper {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	/* margin: 80px auto; */
-	height: 100%;
-	width: 100%;
-}
-
-@media (width <= 600px) {
-	.wrapper {
-		padding: 16px 9vw;
-	}
-}
-
-.new-password-form {
-	display: flex;
-	flex-direction: column;
-	/* align-items: flex-start; */
-	margin-top: -16px;
-	width: clamp(300px, 33vw, 600px);
-}
-
-@media (width <= 600px) {
-	.new-password-form {
-		width: 100%;
-	}
-}
-
-.password-input {
-	/* align-self: stretch; */
-	margin-top: 8px;
-	width: 100%;
-}
-
-.new-password-button {
-	align-self: flex-end;
-	margin-top: 8px;
-}
-
-@media screen and (max-width: 1401px) {
-	.new-password-button {
-		margin-top: 48px;
-	}
-}
diff --git a/frontend/src/app/components/password-reset/password-reset.component.html b/frontend/src/app/components/password-reset/password-reset.component.html
deleted file mode 100644
index 60353fd93..000000000
--- a/frontend/src/app/components/password-reset/password-reset.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<div class="background-decoration">
-    <app-alert></app-alert>
-    <div class="wrapper">
-        <form #newPasswordForm="ngForm" class="new-password-form" (ngSubmit)="updatePassword()">
-            <h1 class="mat-h1">Change your password</h1>
-            <app-user-password label="Enter new password" [value]="newPassword" (onFieldChange)="updatePasswordField($event)"></app-user-password>
-
-            <button mat-flat-button color="primary" class="new-password-button"
-                [disabled]="submitting || newPasswordForm.form.invalid">
-                Change
-            </button>
-        </form>
-    </div>
-</div>
diff --git a/frontend/src/app/components/password-reset/password-reset.component.spec.ts b/frontend/src/app/components/password-reset/password-reset.component.spec.ts
deleted file mode 100644
index 308097d63..000000000
--- a/frontend/src/app/components/password-reset/password-reset.component.spec.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { IPasswordStrengthMeterService } from 'angular-password-strength-meter';
-import { Angulartics2Module } from 'angulartics2';
-import { PasswordResetComponent } from './password-reset.component';
-
-describe('PasswordResetComponent', () => {
-	let component: PasswordResetComponent;
-	let fixture: ComponentFixture<PasswordResetComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				FormsModule,
-				PasswordResetComponent,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot({}),
-			],
-			providers: [provideHttpClient(), provideRouter([]), { provide: IPasswordStrengthMeterService, useValue: {} }],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(PasswordResetComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/password-reset/password-reset.component.ts b/frontend/src/app/components/password-reset/password-reset.component.ts
deleted file mode 100644
index 6f72e27fb..000000000
--- a/frontend/src/app/components/password-reset/password-reset.component.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { ActivatedRoute, ParamMap, Router } from '@angular/router';
-import { map } from 'rxjs/operators';
-import { UserService } from 'src/app/services/user.service';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-import { UserPasswordComponent } from '../ui-components/user-password/user-password.component';
-
-@Component({
-	selector: 'app-password-reset',
-	templateUrl: './password-reset.component.html',
-	styleUrls: ['./password-reset.component.css'],
-	imports: [CommonModule, FormsModule, MatButtonModule, AlertComponent, UserPasswordComponent],
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class PasswordResetComponent implements OnInit {
-	public token: string;
-	public newPassword: string = '';
-	public submitting: boolean;
-
-	constructor(
-		private router: Router,
-		private route: ActivatedRoute,
-		private _userService: UserService,
-	) {}
-
-	ngOnInit(): void {
-		this.route.paramMap
-			.pipe(
-				map((params: ParamMap) => {
-					this.token = params.get('verification-token');
-				}),
-			)
-			.subscribe();
-	}
-
-	updatePasswordField(updatedValue: string) {
-		this.newPassword = updatedValue;
-	}
-
-	updatePassword() {
-		this._userService.resetPassword(this.token, this.newPassword).subscribe(() => {
-			this.router.navigate(['/login']);
-		});
-	}
-}
diff --git a/frontend/src/app/components/profile/profile-sidebar/profile-sidebar.component.css b/frontend/src/app/components/profile/profile-sidebar/profile-sidebar.component.css
deleted file mode 100644
index 92a7d456a..000000000
--- a/frontend/src/app/components/profile/profile-sidebar/profile-sidebar.component.css
+++ /dev/null
@@ -1,130 +0,0 @@
-.profile-sidebar {
-	width: 220px;
-	min-width: 220px;
-	height: 100%;
-	border-right: 1px solid var(--mat-sidenav-container-divider-color);
-	display: flex;
-	flex-direction: column;
-	overflow: hidden;
-}
-
-@media (prefers-color-scheme: dark) {
-	.profile-sidebar {
-		background-color: var(--surface-dark-color);
-	}
-}
-
-.profile-sidebar_initialized {
-	transition:
-		width 0.2s ease-in-out,
-		min-width 0.2s ease-in-out;
-}
-
-.profile-sidebar_collapsed {
-	width: 56px;
-	min-width: 56px;
-}
-
-.sidebar-toggle-button {
-	align-self: flex-start;
-	margin-top: 8px;
-	margin-left: 12px;
-}
-
-.sidebar-toggle-button_collapsed {
-	justify-content: center;
-	margin: 12px 8px;
-}
-
-.sidebar-nav {
-	padding-top: 0;
-	overflow: hidden;
-}
-
-.sidebar-nav-item {
-	margin: 4px 8px;
-	border-radius: 8px;
-	overflow: hidden;
-}
-
-.sidebar-nav-item ::ng-deep .mdc-list-item__primary-text {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.sidebar-nav-item {
-	--mdc-list-list-item-leading-icon-end-space: 8px;
-}
-
-.sidebar-nav-item mat-icon {
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-}
-
-.sidebar-nav-item ::ng-deep .mdc-list-item__start {
-	margin-right: 8px;
-}
-
-.sidebar-nav-item_collapsed {
-	margin: 4px;
-}
-
-.sidebar-nav-item_collapsed ::ng-deep .mdc-list-item__content {
-	padding: 0;
-	display: flex;
-	justify-content: center;
-}
-
-.active-link {
-	background-color: var(--color-accentedPalette-100);
-}
-
-@media (prefers-color-scheme: dark) {
-	.active-link {
-		background-color: var(--color-accentedPalette-800);
-	}
-}
-
-.active-link mat-icon {
-	color: var(--color-accentedPalette-500);
-}
-
-.sidebar-group-label {
-	display: block;
-	font-size: 11px;
-	font-weight: 600;
-	letter-spacing: 0.3px;
-	color: rgba(0, 0, 0, 0.4);
-	padding: 12px 16px 4px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.sidebar-group-label {
-		color: rgba(255, 255, 255, 0.35);
-	}
-}
-
-.sidebar-divider {
-	height: 1px;
-	background-color: rgba(0, 0, 0, 0.08);
-	margin: 4px 16px;
-}
-
-.sidebar-divider_collapsed {
-	margin: 4px 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.sidebar-divider {
-		background-color: rgba(255, 255, 255, 0.08);
-	}
-}
-
-/* Mobile styles */
-@media (width <= 600px) {
-	.profile-sidebar {
-		display: none;
-	}
-}
diff --git a/frontend/src/app/components/profile/profile-sidebar/profile-sidebar.component.html b/frontend/src/app/components/profile/profile-sidebar/profile-sidebar.component.html
deleted file mode 100644
index 0c8431d37..000000000
--- a/frontend/src/app/components/profile/profile-sidebar/profile-sidebar.component.html
+++ /dev/null
@@ -1,80 +0,0 @@
-<div class="profile-sidebar"
-    [class.profile-sidebar_collapsed]="collapsed()"
-    [class.profile-sidebar_initialized]="initialized()">
-    <button mat-button type="button"
-        *ngIf="!collapsed(); else collapsedToggle"
-        class="sidebar-toggle-button"
-        (click)="toggleCollapsed()">
-        Collapse
-        <mat-icon>chevron_left</mat-icon>
-    </button>
-
-    <ng-template #collapsedToggle>
-        <button mat-icon-button type="button"
-            class="sidebar-toggle-button sidebar-toggle-button_collapsed"
-            (click)="toggleCollapsed()">
-            <mat-icon>chevron_right</mat-icon>
-        </button>
-    </ng-template>
-
-    <mat-nav-list class="sidebar-nav">
-        <span *ngIf="!collapsed()" class="sidebar-group-label">General</span>
-        <a mat-list-item
-            routerLink="/user-settings"
-            [class.active-link]="activeTab() === 'account'"
-            class="sidebar-nav-item"
-            [class.sidebar-nav-item_collapsed]="collapsed()"
-            [matTooltip]="collapsed() ? 'Account' : ''"
-            matTooltipPosition="right">
-            <mat-icon matListItemIcon>person</mat-icon>
-            <span *ngIf="!collapsed()" matListItemTitle>Account</span>
-        </a>
-        <a mat-list-item
-            routerLink="/company"
-            [class.active-link]="activeTab() === 'company'"
-            class="sidebar-nav-item"
-            [class.sidebar-nav-item_collapsed]="collapsed()"
-            [matTooltip]="collapsed() ? 'Company' : ''"
-            matTooltipPosition="right">
-            <mat-icon matListItemIcon>apartment</mat-icon>
-            <span *ngIf="!collapsed()" matListItemTitle>Company</span>
-        </a>
-
-        <div class="sidebar-divider" [class.sidebar-divider_collapsed]="collapsed()"></div>
-        <span *ngIf="!collapsed()" class="sidebar-group-label">Security</span>
-        <a mat-list-item
-            routerLink="/secrets"
-            [class.active-link]="activeTab() === 'secrets'"
-            class="sidebar-nav-item"
-            [class.sidebar-nav-item_collapsed]="collapsed()"
-            [matTooltip]="collapsed() ? 'Secrets' : ''"
-            matTooltipPosition="right">
-            <mat-icon matListItemIcon>key</mat-icon>
-            <span *ngIf="!collapsed()" matListItemTitle>Secrets</span>
-        </a>
-
-        <div class="sidebar-divider" [class.sidebar-divider_collapsed]="collapsed()"></div>
-        <span *ngIf="!collapsed()" class="sidebar-group-label">Developer</span>
-        <a mat-list-item
-            routerLink="/api-keys"
-            [class.active-link]="activeTab() === 'api'"
-            class="sidebar-nav-item"
-            [class.sidebar-nav-item_collapsed]="collapsed()"
-            [matTooltip]="collapsed() ? 'API Keys' : ''"
-            matTooltipPosition="right">
-            <mat-icon matListItemIcon>vpn_key</mat-icon>
-            <span *ngIf="!collapsed()" matListItemTitle>API Keys</span>
-        </a>
-        <a mat-list-item
-            *ngIf="isSaas"
-            routerLink="/zapier"
-            [class.active-link]="activeTab() === 'zapier'"
-            class="sidebar-nav-item"
-            [class.sidebar-nav-item_collapsed]="collapsed()"
-            [matTooltip]="collapsed() ? 'Zapier' : ''"
-            matTooltipPosition="right">
-            <mat-icon matListItemIcon>electric_bolt</mat-icon>
-            <span *ngIf="!collapsed()" matListItemTitle>Zapier</span>
-        </a>
-    </mat-nav-list>
-</div>
diff --git a/frontend/src/app/components/profile/profile-sidebar/profile-sidebar.component.ts b/frontend/src/app/components/profile/profile-sidebar/profile-sidebar.component.ts
deleted file mode 100644
index 34e2825d9..000000000
--- a/frontend/src/app/components/profile/profile-sidebar/profile-sidebar.component.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, inject, input, OnInit, signal } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatListModule } from '@angular/material/list';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { RouterModule } from '@angular/router';
-import { environment } from 'src/environments/environment';
-import { UiSettingsService } from '../../../services/ui-settings.service';
-
-@Component({
-	selector: 'app-profile-sidebar',
-	templateUrl: './profile-sidebar.component.html',
-	styleUrls: ['./profile-sidebar.component.css'],
-	imports: [CommonModule, RouterModule, MatListModule, MatIconModule, MatButtonModule, MatTooltipModule],
-})
-export class ProfileSidebarComponent implements OnInit, AfterViewInit {
-	activeTab = input<'account' | 'company' | 'api' | 'secrets' | 'zapier'>('account');
-
-	collapsed = signal(false);
-	initialized = signal(false);
-	isSaas = environment.saas;
-
-	private _uiSettings = inject(UiSettingsService);
-
-	ngOnInit(): void {
-		this._loadCollapsedState();
-	}
-
-	ngAfterViewInit(): void {
-		setTimeout(() => this.initialized.set(true), 0);
-	}
-
-	toggleCollapsed(): void {
-		this.collapsed.update((v) => {
-			const newValue = !v;
-			this._uiSettings.updateGlobalSetting('profileSidebarCollapsed', newValue);
-			return newValue;
-		});
-	}
-
-	private _loadCollapsedState(): void {
-		this._uiSettings.getUiSettings().subscribe((settings) => {
-			this.collapsed.set(settings?.globalSettings?.profileSidebarCollapsed ?? false);
-		});
-	}
-}
diff --git a/frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.css b/frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.css
deleted file mode 100644
index 2fd279a4c..000000000
--- a/frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.css
+++ /dev/null
@@ -1,176 +0,0 @@
-h2[mat-dialog-title] {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-.title-icon {
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.title-icon {
-		color: rgba(255, 255, 255, 0.7);
-	}
-}
-
-mat-dialog-content {
-	min-width: 600px;
-	max-height: 60vh;
-}
-
-@media (width <= 800px) {
-	mat-dialog-content {
-		min-width: auto;
-	}
-}
-
-.loading-container {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	padding: 40px;
-	text-align: center;
-}
-
-.loading-container p {
-	margin-top: 16px;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.loading-container p {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.empty-state {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	padding: 48px 24px;
-	text-align: center;
-}
-
-.empty-icon {
-	font-size: 48px;
-	width: 48px;
-	height: 48px;
-	color: rgba(0, 0, 0, 0.26);
-	margin-bottom: 16px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.empty-icon {
-		color: rgba(255, 255, 255, 0.3);
-	}
-}
-
-.empty-state h3 {
-	margin: 0 0 8px 0;
-}
-
-.empty-state p {
-	margin: 0;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.empty-state p {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.audit-log-table {
-	width: 100%;
-}
-
-.action-cell {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-.action-cell mat-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-}
-
-.action-create {
-	color: #2e7d32;
-}
-
-@media (prefers-color-scheme: dark) {
-	.action-create {
-		color: #81c784;
-	}
-}
-
-.action-view,
-.action-copy {
-	color: #1976d2;
-}
-
-@media (prefers-color-scheme: dark) {
-	.action-view,
-	.action-copy {
-		color: #64b5f6;
-	}
-}
-
-.action-update {
-	color: #ef6c00;
-}
-
-@media (prefers-color-scheme: dark) {
-	.action-update {
-		color: #ffb74d;
-	}
-}
-
-.action-delete {
-	color: #c62828;
-}
-
-@media (prefers-color-scheme: dark) {
-	.action-delete {
-		color: #ef5350;
-	}
-}
-
-.user-email {
-	font-size: 14px;
-}
-
-.success-icon {
-	color: #2e7d32;
-}
-
-@media (prefers-color-scheme: dark) {
-	.success-icon {
-		color: #81c784;
-	}
-}
-
-.failure-icon {
-	color: #c62828;
-}
-
-@media (prefers-color-scheme: dark) {
-	.failure-icon {
-		color: #ef5350;
-	}
-}
-
-.failed-row {
-	background-color: rgba(198, 40, 40, 0.05);
-}
-
-@media (prefers-color-scheme: dark) {
-	.failed-row {
-		background-color: rgba(239, 83, 80, 0.1);
-	}
-}
diff --git a/frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.html b/frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.html
deleted file mode 100644
index 21ffe6c11..000000000
--- a/frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.html
+++ /dev/null
@@ -1,73 +0,0 @@
-<h2 mat-dialog-title>
-    <mat-icon class="title-icon">history</mat-icon>
-    Audit Log: <span class="secret-identifier">{{data.secret.slug}}</span>
-</h2>
-
-<mat-dialog-content>
-    <!-- Loading State -->
-    <div *ngIf="loading" class="loading-container">
-        <mat-spinner diameter="40"></mat-spinner>
-        <p>Loading audit log...</p>
-    </div>
-
-    <!-- Empty State -->
-    <div *ngIf="!loading && logs.length === 0" class="empty-state">
-        <mat-icon class="empty-icon">history_toggle_off</mat-icon>
-        <h3>No audit log entries</h3>
-        <p>No actions have been recorded for this secret yet.</p>
-    </div>
-
-    <!-- Audit Log Table -->
-    <table *ngIf="!loading && logs.length > 0" mat-table [dataSource]="logs" class="audit-log-table">
-        <!-- Action Column -->
-        <ng-container matColumnDef="action">
-            <th mat-header-cell *matHeaderCellDef>Action</th>
-            <td mat-cell *matCellDef="let log">
-                <div class="action-cell" [class]="'action-' + log.action">
-                    <mat-icon>{{actionIcons[log.action]}}</mat-icon>
-                    <span>{{actionLabels[log.action]}}</span>
-                </div>
-            </td>
-        </ng-container>
-
-        <!-- User Column -->
-        <ng-container matColumnDef="user">
-            <th mat-header-cell *matHeaderCellDef>User</th>
-            <td mat-cell *matCellDef="let log">
-                <span class="user-email">{{log.user.email}}</span>
-            </td>
-        </ng-container>
-
-        <!-- Timestamp Column -->
-        <ng-container matColumnDef="accessedAt">
-            <th mat-header-cell *matHeaderCellDef>Time</th>
-            <td mat-cell *matCellDef="let log">
-                {{log.accessedAt | date:'medium'}}
-            </td>
-        </ng-container>
-
-        <!-- Success Column -->
-        <ng-container matColumnDef="success">
-            <th mat-header-cell *matHeaderCellDef>Status</th>
-            <td mat-cell *matCellDef="let log">
-                <mat-icon *ngIf="log.success" class="success-icon" matTooltip="Success">check_circle</mat-icon>
-                <mat-icon *ngIf="!log.success" class="failure-icon" [matTooltip]="log.errorMessage || 'Failed'">error</mat-icon>
-            </td>
-        </ng-container>
-
-        <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-        <tr mat-row *matRowDef="let row; columns: displayedColumns;" [class.failed-row]="!row.success"></tr>
-    </table>
-
-    <mat-paginator *ngIf="!loading && logs.length > 0"
-        [length]="pagination.total"
-        [pageSize]="pagination.perPage"
-        [pageIndex]="pagination.currentPage - 1"
-        [pageSizeOptions]="[10, 20, 50]"
-        (page)="onPageChange($event)">
-    </mat-paginator>
-</mat-dialog-content>
-
-<mat-dialog-actions align="end">
-    <button mat-button mat-dialog-close>Close</button>
-</mat-dialog-actions>
diff --git a/frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.spec.ts b/frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.spec.ts
deleted file mode 100644
index 0098e8f40..000000000
--- a/frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.spec.ts
+++ /dev/null
@@ -1,308 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { PageEvent } from '@angular/material/paginator';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { AuditLogEntry, AuditLogResponse, Secret } from 'src/app/models/secret';
-import { SecretsService } from 'src/app/services/secrets.service';
-import { AuditLogDialogComponent } from './audit-log-dialog.component';
-
-describe('AuditLogDialogComponent', () => {
-	let component: AuditLogDialogComponent;
-	let fixture: ComponentFixture<AuditLogDialogComponent>;
-	let mockSecretsService: { getAuditLog: ReturnType<typeof vi.fn> };
-	let mockDialogRef: { close: ReturnType<typeof vi.fn> };
-
-	const mockSecret: Secret = {
-		id: '1',
-		slug: 'test-secret',
-		companyId: '1',
-		createdAt: '2024-01-01',
-		updatedAt: '2024-01-01',
-		masterEncryption: false,
-	};
-
-	const mockAuditLogEntry: AuditLogEntry = {
-		id: '1',
-		action: 'create',
-		user: { id: '1', email: 'user@example.com' },
-		accessedAt: '2024-01-01T00:00:00Z',
-		success: true,
-	};
-
-	const createMockAuditLogResponse = (): AuditLogResponse => ({
-		data: [mockAuditLogEntry],
-		pagination: { total: 1, currentPage: 1, perPage: 20, lastPage: 1 },
-	});
-
-	const createMockMultipleLogsResponse = (): AuditLogResponse => ({
-		data: [
-			mockAuditLogEntry,
-			{
-				id: '2',
-				action: 'view',
-				user: { id: '2', email: 'viewer@example.com' },
-				accessedAt: '2024-01-02T00:00:00Z',
-				success: true,
-			},
-			{
-				id: '3',
-				action: 'update',
-				user: { id: '1', email: 'user@example.com' },
-				accessedAt: '2024-01-03T00:00:00Z',
-				success: true,
-			},
-			{
-				id: '4',
-				action: 'copy',
-				user: { id: '3', email: 'copier@example.com' },
-				accessedAt: '2024-01-04T00:00:00Z',
-				success: true,
-			},
-			{
-				id: '5',
-				action: 'delete',
-				user: { id: '1', email: 'user@example.com' },
-				accessedAt: '2024-01-05T00:00:00Z',
-				success: false,
-				errorMessage: 'Deletion failed',
-			},
-		],
-		pagination: { total: 5, currentPage: 1, perPage: 20, lastPage: 1 },
-	});
-
-	beforeEach(async () => {
-		mockSecretsService = {
-			getAuditLog: vi.fn().mockImplementation(() => of(createMockAuditLogResponse())),
-		};
-
-		mockDialogRef = { close: vi.fn() };
-
-		await TestBed.configureTestingModule({
-			imports: [AuditLogDialogComponent, BrowserAnimationsModule, MatSnackBarModule, Angulartics2Module.forRoot()],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				{ provide: SecretsService, useValue: mockSecretsService },
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-				{ provide: MAT_DIALOG_DATA, useValue: { secret: mockSecret } },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(AuditLogDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	describe('component initialization', () => {
-		it('should load audit log on init', () => {
-			expect(mockSecretsService.getAuditLog).toHaveBeenCalledWith('test-secret', 1, 20);
-		});
-
-		it('should display audit log entries', () => {
-			expect(component.logs.length).toBe(1);
-			expect(component.logs[0].action).toBe('create');
-		});
-
-		it('should initialize with default pagination', () => {
-			expect(component.pagination).toEqual({
-				total: 1,
-				currentPage: 1,
-				perPage: 20,
-				lastPage: 1,
-			});
-		});
-
-		it('should initialize loading as false after load', () => {
-			expect(component.loading).toBe(false);
-		});
-
-		it('should have correct displayed columns', () => {
-			expect(component.displayedColumns).toEqual(['action', 'user', 'accessedAt', 'success']);
-		});
-	});
-
-	describe('action labels', () => {
-		it('should have label for create action', () => {
-			expect(component.actionLabels.create).toBe('Created');
-		});
-
-		it('should have label for view action', () => {
-			expect(component.actionLabels.view).toBe('Viewed');
-		});
-
-		it('should have label for copy action', () => {
-			expect(component.actionLabels.copy).toBe('Copied');
-		});
-
-		it('should have label for update action', () => {
-			expect(component.actionLabels.update).toBe('Updated');
-		});
-
-		it('should have label for delete action', () => {
-			expect(component.actionLabels.delete).toBe('Deleted');
-		});
-	});
-
-	describe('action icons', () => {
-		it('should have icon for create action', () => {
-			expect(component.actionIcons.create).toBe('add_circle');
-		});
-
-		it('should have icon for view action', () => {
-			expect(component.actionIcons.view).toBe('visibility');
-		});
-
-		it('should have icon for copy action', () => {
-			expect(component.actionIcons.copy).toBe('content_copy');
-		});
-
-		it('should have icon for update action', () => {
-			expect(component.actionIcons.update).toBe('edit');
-		});
-
-		it('should have icon for delete action', () => {
-			expect(component.actionIcons.delete).toBe('delete');
-		});
-	});
-
-	describe('action colors', () => {
-		it('should have color for create action', () => {
-			expect(component.actionColors.create).toBe('primary');
-		});
-
-		it('should have color for view action', () => {
-			expect(component.actionColors.view).toBe('accent');
-		});
-
-		it('should have color for copy action', () => {
-			expect(component.actionColors.copy).toBe('accent');
-		});
-
-		it('should have color for update action', () => {
-			expect(component.actionColors.update).toBe('primary');
-		});
-
-		it('should have color for delete action', () => {
-			expect(component.actionColors.delete).toBe('warn');
-		});
-	});
-
-	describe('loadAuditLog', () => {
-		it('should set loading to true while fetching', () => {
-			component.loading = false;
-			mockSecretsService.getAuditLog.mockImplementation(() => of(createMockAuditLogResponse()));
-
-			component.loadAuditLog();
-
-			expect(component.loading).toBe(false);
-		});
-
-		it('should update logs on successful fetch', () => {
-			mockSecretsService.getAuditLog.mockImplementation(() => of(createMockMultipleLogsResponse()));
-
-			component.loadAuditLog();
-
-			expect(component.logs.length).toBe(5);
-		});
-
-		it('should update pagination on successful fetch', () => {
-			mockSecretsService.getAuditLog.mockImplementation(() => of(createMockMultipleLogsResponse()));
-
-			component.loadAuditLog();
-
-			expect(component.pagination.total).toBe(5);
-		});
-
-		it('should call getAuditLog with current pagination', () => {
-			mockSecretsService.getAuditLog.mockClear();
-			component.pagination.currentPage = 2;
-			component.pagination.perPage = 10;
-
-			component.loadAuditLog();
-
-			expect(mockSecretsService.getAuditLog).toHaveBeenCalledWith('test-secret', 2, 10);
-		});
-	});
-
-	describe('onPageChange', () => {
-		it('should update pagination and reload audit log', () => {
-			const pageEvent: PageEvent = {
-				pageIndex: 2,
-				pageSize: 50,
-				length: 100,
-			};
-
-			// Update mock to return pagination matching the page change
-			mockSecretsService.getAuditLog.mockImplementation(() =>
-				of({
-					data: [mockAuditLogEntry],
-					pagination: { total: 100, currentPage: 3, perPage: 50, lastPage: 2 },
-				}),
-			);
-			mockSecretsService.getAuditLog.mockClear();
-			component.onPageChange(pageEvent);
-
-			expect(component.pagination.currentPage).toBe(3);
-			expect(component.pagination.perPage).toBe(50);
-			expect(mockSecretsService.getAuditLog).toHaveBeenCalledWith('test-secret', 3, 50);
-		});
-
-		it('should handle first page correctly', () => {
-			const pageEvent: PageEvent = {
-				pageIndex: 0,
-				pageSize: 20,
-				length: 100,
-			};
-
-			mockSecretsService.getAuditLog.mockClear();
-			component.onPageChange(pageEvent);
-
-			expect(component.pagination.currentPage).toBe(1);
-		});
-	});
-
-	describe('with multiple audit log entries', () => {
-		beforeEach(() => {
-			mockSecretsService.getAuditLog.mockImplementation(() => of(createMockMultipleLogsResponse()));
-			component.loadAuditLog();
-		});
-
-		it('should display all entries', () => {
-			expect(component.logs.length).toBe(5);
-		});
-
-		it('should include failed actions', () => {
-			const failedAction = component.logs.find((log) => !log.success);
-			expect(failedAction).toBeTruthy();
-			expect(failedAction?.errorMessage).toBe('Deletion failed');
-		});
-
-		it('should include all action types', () => {
-			const actions = component.logs.map((log) => log.action);
-			expect(actions).toContain('create');
-			expect(actions).toContain('view');
-			expect(actions).toContain('update');
-			expect(actions).toContain('copy');
-			expect(actions).toContain('delete');
-		});
-	});
-
-	describe('data binding', () => {
-		it('should have access to secret data', () => {
-			expect(component.data.secret).toEqual(mockSecret);
-		});
-
-		it('should have access to secret slug', () => {
-			expect(component.data.secret.slug).toBe('test-secret');
-		});
-	});
-});
diff --git a/frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.ts b/frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.ts
deleted file mode 100644
index 3c31b0b7d..000000000
--- a/frontend/src/app/components/secrets/audit-log-dialog/audit-log-dialog.component.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatChipsModule } from '@angular/material/chips';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { MatPaginatorModule, PageEvent } from '@angular/material/paginator';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatTableModule } from '@angular/material/table';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { AuditLogEntry, Secret, SecretPagination } from 'src/app/models/secret';
-import { SecretsService } from 'src/app/services/secrets.service';
-
-@Component({
-	selector: 'app-audit-log-dialog',
-	templateUrl: './audit-log-dialog.component.html',
-	styleUrls: ['./audit-log-dialog.component.css'],
-	imports: [
-		CommonModule,
-		MatDialogModule,
-		MatButtonModule,
-		MatTableModule,
-		MatPaginatorModule,
-		MatIconModule,
-		MatChipsModule,
-		MatProgressSpinnerModule,
-		MatTooltipModule,
-	],
-})
-export class AuditLogDialogComponent implements OnInit {
-	public logs: AuditLogEntry[] = [];
-	public pagination: SecretPagination = {
-		total: 0,
-		currentPage: 1,
-		perPage: 20,
-		lastPage: 1,
-	};
-	public loading = true;
-	public displayedColumns = ['action', 'user', 'accessedAt', 'success'];
-
-	public actionLabels: Record<string, string> = {
-		create: 'Created',
-		view: 'Viewed',
-		copy: 'Copied',
-		update: 'Updated',
-		delete: 'Deleted',
-	};
-
-	public actionIcons: Record<string, string> = {
-		create: 'add_circle',
-		view: 'visibility',
-		copy: 'content_copy',
-		update: 'edit',
-		delete: 'delete',
-	};
-
-	public actionColors: Record<string, string> = {
-		create: 'primary',
-		view: 'accent',
-		copy: 'accent',
-		update: 'primary',
-		delete: 'warn',
-	};
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: { secret: Secret },
-		_dialogRef: MatDialogRef<AuditLogDialogComponent>,
-		private _secrets: SecretsService,
-	) {}
-
-	ngOnInit(): void {
-		this.loadAuditLog();
-	}
-
-	loadAuditLog(): void {
-		this.loading = true;
-		this._secrets
-			.getAuditLog(this.data.secret.slug, this.pagination.currentPage, this.pagination.perPage)
-			.subscribe((response) => {
-				if (response) {
-					this.logs = response.data;
-					this.pagination = response.pagination;
-				}
-				this.loading = false;
-			});
-	}
-
-	onPageChange(event: PageEvent): void {
-		this.pagination.currentPage = event.pageIndex + 1;
-		this.pagination.perPage = event.pageSize;
-		this.loadAuditLog();
-	}
-}
diff --git a/frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.css b/frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.css
deleted file mode 100644
index 9c7d52df4..000000000
--- a/frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.css
+++ /dev/null
@@ -1,47 +0,0 @@
-.full-width {
-	width: 100%;
-	margin-bottom: 16px;
-}
-
-.full-width:first-child {
-	margin-top: 12px;
-}
-
-.master-encryption-section {
-	margin-top: 8px;
-	padding: 16px;
-	background-color: rgba(0, 0, 0, 0.02);
-	border-radius: 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.master-encryption-section {
-		background-color: rgba(255, 255, 255, 0.05);
-	}
-}
-
-.encryption-hint {
-	font-size: 12px;
-	color: rgba(0, 0, 0, 0.54);
-	margin: 8px 0 16px 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.encryption-hint {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-mat-dialog-content {
-	min-width: 400px;
-}
-
-@media (width <= 600px) {
-	mat-dialog-content {
-		min-width: auto;
-	}
-}
-
-.secret-masked {
-	-webkit-text-security: disc;
-}
diff --git a/frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.html b/frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.html
deleted file mode 100644
index 425b50c97..000000000
--- a/frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.html
+++ /dev/null
@@ -1,79 +0,0 @@
-<h1 mat-dialog-title>Create Secret</h1>
-
-<form [formGroup]="form" (ngSubmit)="onSubmit()" id="createSecretForm">
-    <mat-dialog-content>
-        <mat-form-field appearance="outline" class="full-width">
-            <mat-label>Unique Identifier</mat-label>
-            <input matInput formControlName="slug"
-                placeholder="e.g., api-key, database-password"
-                data-testid="create-secret-slug-input">
-            <mat-hint>Use letters, numbers, hyphens, and underscores (no spaces)</mat-hint>
-            <mat-error *ngIf="form.get('slug')?.invalid">{{slugError}}</mat-error>
-        </mat-form-field>
-
-        <mat-form-field appearance="outline" class="full-width">
-            <mat-label>Secret Value</mat-label>
-            <textarea matInput formControlName="value"
-                [class.secret-masked]="!showValue"
-                rows="3"
-                placeholder="Enter your secret value"
-                spellcheck="false"
-                autocomplete="off"
-                data-testid="create-secret-value-input"></textarea>
-            <button mat-icon-button matSuffix type="button"
-                (click)="toggleValueVisibility()"
-                [matTooltip]="showValue ? 'Hide value' : 'Show value'">
-                <mat-icon>{{showValue ? 'visibility_off' : 'visibility'}}</mat-icon>
-            </button>
-            <mat-error *ngIf="form.get('value')?.invalid">{{valueError}}</mat-error>
-        </mat-form-field>
-
-        <mat-form-field appearance="outline" class="full-width">
-            <mat-label>Expiration Date (Optional)</mat-label>
-            <input matInput [matDatepicker]="picker" formControlName="expiresAt"
-                [min]="minDate"
-                data-testid="create-secret-expires-input">
-            <mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
-            <mat-datepicker #picker></mat-datepicker>
-            <mat-hint>Leave empty for no expiration</mat-hint>
-        </mat-form-field>
-
-        <div class="master-encryption-section">
-            <mat-checkbox formControlName="masterEncryption"
-                data-testid="create-secret-master-encryption-checkbox">
-                Enable master password encryption
-            </mat-checkbox>
-            <p class="encryption-hint">
-                Add an extra layer of security with a master password.
-                You'll need this password to view or edit the secret.
-            </p>
-
-            <mat-form-field *ngIf="form.get('masterEncryption')?.value"
-                appearance="outline" class="full-width">
-                <mat-label>Master Password</mat-label>
-                <input matInput formControlName="masterPassword"
-                    [type]="showMasterPassword ? 'text' : 'password'"
-                    placeholder="Minimum 8 characters"
-                    data-testid="create-secret-master-password-input">
-                <button mat-icon-button matSuffix type="button"
-                    (click)="toggleMasterPasswordVisibility()"
-                    [matTooltip]="showMasterPassword ? 'Hide password' : 'Show password'">
-                    <mat-icon>{{showMasterPassword ? 'visibility_off' : 'visibility'}}</mat-icon>
-                </button>
-                <mat-error *ngIf="form.get('masterPassword')?.invalid">{{masterPasswordError}}</mat-error>
-                <mat-hint>Remember this password - it cannot be recovered!</mat-hint>
-            </mat-form-field>
-        </div>
-    </mat-dialog-content>
-
-    <mat-dialog-actions align="end">
-        <button mat-button mat-dialog-close [disabled]="submitting">Cancel</button>
-        <button mat-flat-button color="primary"
-            type="submit"
-            form="createSecretForm"
-            [disabled]="form.invalid || submitting"
-            data-testid="create-secret-submit-button">
-            {{submitting ? 'Creating...' : 'Create Secret'}}
-        </button>
-    </mat-dialog-actions>
-</form>
diff --git a/frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.spec.ts b/frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.spec.ts
deleted file mode 100644
index 0c1fc6930..000000000
--- a/frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.spec.ts
+++ /dev/null
@@ -1,381 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { of, throwError } from 'rxjs';
-import { Secret } from 'src/app/models/secret';
-import { SecretsService } from 'src/app/services/secrets.service';
-import { CreateSecretDialogComponent } from './create-secret-dialog.component';
-
-describe('CreateSecretDialogComponent', () => {
-	let component: CreateSecretDialogComponent;
-	let fixture: ComponentFixture<CreateSecretDialogComponent>;
-	let mockSecretsService: { createSecret: ReturnType<typeof vi.fn> };
-	let mockDialogRef: { close: ReturnType<typeof vi.fn> };
-
-	const mockSecret: Secret = {
-		id: '1',
-		slug: 'test',
-		companyId: '1',
-		createdAt: '2024-01-01',
-		updatedAt: '2024-01-01',
-		masterEncryption: false,
-	};
-
-	beforeEach(async () => {
-		mockSecretsService = {
-			createSecret: vi.fn().mockReturnValue(of(mockSecret)),
-		};
-
-		mockDialogRef = {
-			close: vi.fn(),
-		};
-
-		await TestBed.configureTestingModule({
-			imports: [CreateSecretDialogComponent, BrowserAnimationsModule, MatSnackBarModule, Angulartics2Module.forRoot()],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				{ provide: SecretsService, useValue: mockSecretsService },
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(CreateSecretDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	describe('form initialization', () => {
-		it('should have invalid form initially', () => {
-			expect(component.form.invalid).toBe(true);
-		});
-
-		it('should have all required form controls', () => {
-			expect(component.form.get('slug')).toBeTruthy();
-			expect(component.form.get('value')).toBeTruthy();
-			expect(component.form.get('expiresAt')).toBeTruthy();
-			expect(component.form.get('masterEncryption')).toBeTruthy();
-			expect(component.form.get('masterPassword')).toBeTruthy();
-		});
-
-		it('should initialize with default values', () => {
-			expect(component.form.get('slug')?.value).toBe('');
-			expect(component.form.get('value')?.value).toBe('');
-			expect(component.form.get('expiresAt')?.value).toBeNull();
-			expect(component.form.get('masterEncryption')?.value).toBe(false);
-			expect(component.form.get('masterPassword')?.value).toBe('');
-		});
-
-		it('should initialize component properties', () => {
-			expect(component.submitting).toBe(false);
-			expect(component.showValue).toBe(false);
-			expect(component.showMasterPassword).toBe(false);
-			expect(component.minDate).toBeTruthy();
-		});
-	});
-
-	describe('slug validation', () => {
-		it('should require slug', () => {
-			const slugControl = component.form.get('slug');
-			slugControl?.setValue('');
-			expect(slugControl?.hasError('required')).toBe(true);
-		});
-
-		it('should validate slug pattern - reject spaces', () => {
-			const slugControl = component.form.get('slug');
-			slugControl?.setValue('invalid slug');
-			expect(slugControl?.hasError('pattern')).toBe(true);
-		});
-
-		it('should validate slug pattern - reject special characters', () => {
-			const slugControl = component.form.get('slug');
-			slugControl?.setValue('invalid!slug');
-			expect(slugControl?.hasError('pattern')).toBe(true);
-
-			slugControl?.setValue('invalid@slug');
-			expect(slugControl?.hasError('pattern')).toBe(true);
-
-			slugControl?.setValue('invalid#slug');
-			expect(slugControl?.hasError('pattern')).toBe(true);
-		});
-
-		it('should validate slug pattern - accept valid slugs', () => {
-			const slugControl = component.form.get('slug');
-
-			slugControl?.setValue('valid-slug');
-			expect(slugControl?.hasError('pattern')).toBe(false);
-
-			slugControl?.setValue('valid_slug');
-			expect(slugControl?.hasError('pattern')).toBe(false);
-
-			slugControl?.setValue('ValidSlug123');
-			expect(slugControl?.hasError('pattern')).toBe(false);
-
-			slugControl?.setValue('valid-slug_123');
-			expect(slugControl?.hasError('pattern')).toBe(false);
-		});
-
-		it('should validate max length', () => {
-			const slugControl = component.form.get('slug');
-			slugControl?.setValue('a'.repeat(256));
-			expect(slugControl?.hasError('maxlength')).toBe(true);
-
-			slugControl?.setValue('a'.repeat(255));
-			expect(slugControl?.hasError('maxlength')).toBe(false);
-		});
-	});
-
-	describe('value validation', () => {
-		it('should require value', () => {
-			const valueControl = component.form.get('value');
-			valueControl?.setValue('');
-			expect(valueControl?.hasError('required')).toBe(true);
-		});
-
-		it('should validate max length', () => {
-			const valueControl = component.form.get('value');
-			valueControl?.setValue('a'.repeat(10001));
-			expect(valueControl?.hasError('maxlength')).toBe(true);
-
-			valueControl?.setValue('a'.repeat(10000));
-			expect(valueControl?.hasError('maxlength')).toBe(false);
-		});
-	});
-
-	describe('master encryption', () => {
-		it('should require master password when encryption is enabled', () => {
-			component.form.get('masterEncryption')?.setValue(true);
-			const masterPasswordControl = component.form.get('masterPassword');
-			expect(masterPasswordControl?.hasError('required')).toBe(true);
-		});
-
-		it('should validate master password min length', () => {
-			component.form.get('masterEncryption')?.setValue(true);
-			const masterPasswordControl = component.form.get('masterPassword');
-
-			masterPasswordControl?.setValue('short');
-			expect(masterPasswordControl?.hasError('minlength')).toBe(true);
-
-			masterPasswordControl?.setValue('12345678');
-			expect(masterPasswordControl?.hasError('minlength')).toBe(false);
-		});
-
-		it('should clear master password validators when encryption is disabled', () => {
-			component.form.get('masterEncryption')?.setValue(true);
-			component.form.get('masterPassword')?.setValue('password123');
-
-			component.form.get('masterEncryption')?.setValue(false);
-
-			const masterPasswordControl = component.form.get('masterPassword');
-			expect(masterPasswordControl?.value).toBe('');
-			expect(masterPasswordControl?.valid).toBe(true);
-		});
-
-		it('should accept valid master password', () => {
-			component.form.get('masterEncryption')?.setValue(true);
-			const masterPasswordControl = component.form.get('masterPassword');
-
-			masterPasswordControl?.setValue('validpassword123');
-			expect(masterPasswordControl?.valid).toBe(true);
-		});
-	});
-
-	describe('error messages', () => {
-		it('should return correct slug error message for required', () => {
-			component.form.get('slug')?.setValue('');
-			component.form.get('slug')?.markAsTouched();
-			expect(component.slugError).toBe('Unique identifier is required');
-		});
-
-		it('should return correct slug error message for maxlength', () => {
-			component.form.get('slug')?.setValue('a'.repeat(256));
-			expect(component.slugError).toBe('Unique identifier must be 255 characters or less');
-		});
-
-		it('should return correct slug error message for pattern', () => {
-			component.form.get('slug')?.setValue('invalid slug!');
-			expect(component.slugError).toBe('Only letters, numbers, hyphens, and underscores allowed (no spaces)');
-		});
-
-		it('should return correct value error message for required', () => {
-			component.form.get('value')?.setValue('');
-			component.form.get('value')?.markAsTouched();
-			expect(component.valueError).toBe('Value is required');
-		});
-
-		it('should return correct value error message for maxlength', () => {
-			component.form.get('value')?.setValue('a'.repeat(10001));
-			expect(component.valueError).toBe('Value must be 10000 characters or less');
-		});
-
-		it('should return correct master password error for required', () => {
-			component.form.get('masterEncryption')?.setValue(true);
-			component.form.get('masterPassword')?.markAsTouched();
-			expect(component.masterPasswordError).toBe('Master password is required for encryption');
-		});
-
-		it('should return correct master password error for minlength', () => {
-			component.form.get('masterEncryption')?.setValue(true);
-			component.form.get('masterPassword')?.setValue('short');
-			expect(component.masterPasswordError).toBe('Master password must be at least 8 characters');
-		});
-	});
-
-	describe('visibility toggles', () => {
-		it('should toggle value visibility', () => {
-			expect(component.showValue).toBe(false);
-			component.toggleValueVisibility();
-			expect(component.showValue).toBe(true);
-			component.toggleValueVisibility();
-			expect(component.showValue).toBe(false);
-		});
-
-		it('should toggle master password visibility', () => {
-			expect(component.showMasterPassword).toBe(false);
-			component.toggleMasterPasswordVisibility();
-			expect(component.showMasterPassword).toBe(true);
-			component.toggleMasterPasswordVisibility();
-			expect(component.showMasterPassword).toBe(false);
-		});
-	});
-
-	describe('form submission', () => {
-		it('should not submit invalid form', () => {
-			component.onSubmit();
-			expect(mockSecretsService.createSecret).not.toHaveBeenCalled();
-		});
-
-		it('should submit valid form', () => {
-			component.form.patchValue({
-				slug: 'test-secret',
-				value: 'secret-value',
-			});
-
-			component.onSubmit();
-			expect(mockSecretsService.createSecret).toHaveBeenCalled();
-		});
-
-		it('should submit form with correct basic payload', () => {
-			component.form.patchValue({
-				slug: 'test-secret',
-				value: 'secret-value',
-			});
-
-			component.onSubmit();
-
-			expect(mockSecretsService.createSecret).toHaveBeenCalledWith(
-				expect.objectContaining({
-					slug: 'test-secret',
-					value: 'secret-value',
-				}),
-			);
-		});
-
-		it('should submit form with expiration date', () => {
-			const futureDate = new Date();
-			futureDate.setFullYear(futureDate.getFullYear() + 1);
-			component.form.patchValue({
-				slug: 'test-secret',
-				value: 'secret-value',
-				expiresAt: futureDate,
-			});
-
-			component.onSubmit();
-
-			expect(mockSecretsService.createSecret).toHaveBeenCalledWith(
-				expect.objectContaining({
-					slug: 'test-secret',
-					value: 'secret-value',
-					expiresAt: expect.any(String),
-				}),
-			);
-		});
-
-		it('should submit form with master encryption', () => {
-			component.form.patchValue({
-				slug: 'test-secret',
-				value: 'secret-value',
-				masterEncryption: true,
-				masterPassword: 'password123',
-			});
-
-			component.onSubmit();
-
-			expect(mockSecretsService.createSecret).toHaveBeenCalledWith(
-				expect.objectContaining({
-					slug: 'test-secret',
-					value: 'secret-value',
-					masterEncryption: true,
-					masterPassword: 'password123',
-				}),
-			);
-		});
-
-		it('should set submitting to true during submission', () => {
-			component.form.patchValue({
-				slug: 'test-secret',
-				value: 'secret-value',
-			});
-
-			expect(component.submitting).toBe(false);
-			component.onSubmit();
-		});
-
-		it('should close dialog on successful submission', () => {
-			component.form.patchValue({
-				slug: 'test-secret',
-				value: 'secret-value',
-			});
-
-			component.onSubmit();
-
-			expect(mockDialogRef.close).toHaveBeenCalledWith(true);
-		});
-
-		it('should reset submitting on successful submission', () => {
-			component.form.patchValue({
-				slug: 'test-secret',
-				value: 'secret-value',
-			});
-
-			component.onSubmit();
-
-			expect(component.submitting).toBe(false);
-		});
-
-		it('should reset submitting on error', () => {
-			mockSecretsService.createSecret.mockReturnValue(throwError(() => new Error('Error')));
-
-			component.form.patchValue({
-				slug: 'test-secret',
-				value: 'secret-value',
-			});
-
-			component.onSubmit();
-
-			expect(component.submitting).toBe(false);
-		});
-
-		it('should not include master password when encryption is disabled', () => {
-			component.form.patchValue({
-				slug: 'test-secret',
-				value: 'secret-value',
-				masterEncryption: false,
-			});
-
-			component.onSubmit();
-
-			const calls = mockSecretsService.createSecret.mock.calls;
-			const callArgs = calls[calls.length - 1][0];
-			expect(callArgs.masterPassword).toBeUndefined();
-		});
-	});
-});
diff --git a/frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.stories.ts b/frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.stories.ts
deleted file mode 100644
index a2abbbdf5..000000000
--- a/frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.stories.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { MatDialogRef } from '@angular/material/dialog';
-import { applicationConfig, type Meta, type StoryObj } from '@storybook/angular';
-import { Angulartics2 } from 'angulartics2';
-import { of } from 'rxjs';
-import { SecretsService } from 'src/app/services/secrets.service';
-import { CreateSecretDialogComponent } from './create-secret-dialog.component';
-
-const mockSecretsService: Partial<SecretsService> = {
-	createSecret: () => of(null as any),
-};
-
-const mockAngulartics: Partial<Angulartics2> = {
-	eventTrack: { next: () => {} } as any,
-};
-
-const meta: Meta<CreateSecretDialogComponent> = {
-	title: 'Dialogs/CreateSecret',
-	component: CreateSecretDialogComponent,
-	decorators: [
-		applicationConfig({
-			providers: [
-				{ provide: MatDialogRef, useValue: { close: () => {} } },
-				{ provide: SecretsService, useValue: mockSecretsService },
-				{ provide: Angulartics2, useValue: mockAngulartics },
-			],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<CreateSecretDialogComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.ts b/frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.ts
deleted file mode 100644
index 3f0052e39..000000000
--- a/frontend/src/app/components/secrets/create-secret-dialog/create-secret-dialog.component.ts
+++ /dev/null
@@ -1,127 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { provideNativeDateAdapter } from '@angular/material/core';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import { MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { SecretsService } from 'src/app/services/secrets.service';
-
-@Component({
-	selector: 'app-create-secret-dialog',
-	templateUrl: './create-secret-dialog.component.html',
-	styleUrls: ['./create-secret-dialog.component.css'],
-	providers: [provideNativeDateAdapter()],
-	imports: [
-		CommonModule,
-		FormsModule,
-		ReactiveFormsModule,
-		MatDialogModule,
-		MatButtonModule,
-		MatInputModule,
-		MatFormFieldModule,
-		MatCheckboxModule,
-		MatDatepickerModule,
-		MatIconModule,
-		MatTooltipModule,
-	],
-})
-export class CreateSecretDialogComponent {
-	public form: FormGroup;
-	public submitting = false;
-	public showValue = false;
-	public showMasterPassword = false;
-	public minDate = new Date();
-
-	constructor(
-		private fb: FormBuilder,
-		private dialogRef: MatDialogRef<CreateSecretDialogComponent>,
-		private _secrets: SecretsService,
-		private angulartics2: Angulartics2,
-	) {
-		this.form = this.fb.group({
-			slug: ['', [Validators.required, Validators.maxLength(255), Validators.pattern(/^[a-zA-Z0-9_-]+$/)]],
-			value: ['', [Validators.required, Validators.maxLength(10000)]],
-			expiresAt: [null],
-			masterEncryption: [false],
-			masterPassword: [''],
-		});
-
-		this.form.get('masterEncryption')?.valueChanges.subscribe((enabled) => {
-			const masterPasswordControl = this.form.get('masterPassword');
-			if (enabled) {
-				masterPasswordControl?.setValidators([Validators.required, Validators.minLength(8)]);
-			} else {
-				masterPasswordControl?.clearValidators();
-				masterPasswordControl?.setValue('');
-			}
-			masterPasswordControl?.updateValueAndValidity();
-		});
-	}
-
-	get slugError(): string {
-		const control = this.form.get('slug');
-		if (control?.hasError('required')) return 'Unique identifier is required';
-		if (control?.hasError('maxlength')) return 'Unique identifier must be 255 characters or less';
-		if (control?.hasError('pattern')) return 'Only letters, numbers, hyphens, and underscores allowed (no spaces)';
-		return '';
-	}
-
-	get valueError(): string {
-		const control = this.form.get('value');
-		if (control?.hasError('required')) return 'Value is required';
-		if (control?.hasError('maxlength')) return 'Value must be 10000 characters or less';
-		return '';
-	}
-
-	get masterPasswordError(): string {
-		const control = this.form.get('masterPassword');
-		if (control?.hasError('required')) return 'Master password is required for encryption';
-		if (control?.hasError('minlength')) return 'Master password must be at least 8 characters';
-		return '';
-	}
-
-	toggleValueVisibility(): void {
-		this.showValue = !this.showValue;
-	}
-
-	toggleMasterPasswordVisibility(): void {
-		this.showMasterPassword = !this.showMasterPassword;
-	}
-
-	onSubmit(): void {
-		if (this.form.invalid) return;
-
-		this.submitting = true;
-		const formValue = this.form.value;
-
-		const payload = {
-			slug: formValue.slug,
-			value: formValue.value,
-			expiresAt: formValue.expiresAt ? new Date(formValue.expiresAt).toISOString() : undefined,
-			masterEncryption: formValue.masterEncryption || undefined,
-			masterPassword: formValue.masterEncryption ? formValue.masterPassword : undefined,
-		};
-
-		this._secrets.createSecret(payload).subscribe({
-			next: () => {
-				this.angulartics2.eventTrack.next({
-					action: 'Secrets: secret created successfully',
-				});
-				posthog.capture('Secrets: secret created successfully');
-				this.submitting = false;
-				this.dialogRef.close(true);
-			},
-			error: () => {
-				this.submitting = false;
-			},
-		});
-	}
-}
diff --git a/frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.css b/frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.css
deleted file mode 100644
index 2528b138d..000000000
--- a/frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.css
+++ /dev/null
@@ -1,46 +0,0 @@
-.warning-container {
-	display: flex;
-	gap: 16px;
-	padding: 16px;
-	background-color: #fff3e0;
-	border-radius: 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.warning-container {
-		background-color: rgba(255, 152, 0, 0.15);
-	}
-}
-
-.warning-icon {
-	font-size: 32px;
-	width: 32px;
-	height: 32px;
-	color: #ef6c00;
-	flex-shrink: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.warning-icon {
-		color: #ffb74d;
-	}
-}
-
-.warning-content p {
-	margin: 0;
-}
-
-.warning-content p:first-child {
-	margin-bottom: 8px;
-}
-
-.warning-details {
-	font-size: 14px;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.warning-details {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
diff --git a/frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.html b/frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.html
deleted file mode 100644
index 38bbaa7ef..000000000
--- a/frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<h2 mat-dialog-title>Delete Secret</h2>
-
-<mat-dialog-content>
-    <div class="warning-container">
-        <mat-icon class="warning-icon">warning</mat-icon>
-        <div class="warning-content">
-            <p>Are you sure you want to delete the secret with identifier <strong>{{data.secret.slug}}</strong>?</p>
-            <p class="warning-details">
-                This action cannot be undone. The secret value and all associated audit logs will be permanently removed.
-            </p>
-        </div>
-    </div>
-</mat-dialog-content>
-
-<mat-dialog-actions align="end">
-    <button mat-button mat-dialog-close [disabled]="submitting">Cancel</button>
-    <button mat-flat-button color="warn"
-        (click)="onDelete()"
-        [disabled]="submitting"
-        data-testid="delete-secret-confirm-button">
-        {{submitting ? 'Deleting...' : 'Delete Secret'}}
-    </button>
-</mat-dialog-actions>
diff --git a/frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.spec.ts b/frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.spec.ts
deleted file mode 100644
index faa96b852..000000000
--- a/frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.spec.ts
+++ /dev/null
@@ -1,148 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { of, throwError } from 'rxjs';
-import { DeleteSecretResponse, Secret } from 'src/app/models/secret';
-import { SecretsService } from 'src/app/services/secrets.service';
-import { DeleteSecretDialogComponent } from './delete-secret-dialog.component';
-
-describe('DeleteSecretDialogComponent', () => {
-	let component: DeleteSecretDialogComponent;
-	let fixture: ComponentFixture<DeleteSecretDialogComponent>;
-	let mockSecretsService: { deleteSecret: ReturnType<typeof vi.fn> };
-	let mockDialogRef: { close: ReturnType<typeof vi.fn> };
-
-	const mockSecret: Secret = {
-		id: '1',
-		slug: 'test-secret',
-		companyId: '1',
-		createdAt: '2024-01-01',
-		updatedAt: '2024-01-01',
-		masterEncryption: false,
-	};
-
-	const mockSecretWithEncryption: Secret = {
-		...mockSecret,
-		masterEncryption: true,
-	};
-
-	const mockDeleteResponse: DeleteSecretResponse = {
-		message: 'Secret deleted successfully',
-		deletedAt: '2024-01-01T00:00:00Z',
-	};
-
-	const createComponent = async (secret: Secret = mockSecret) => {
-		mockSecretsService = {
-			deleteSecret: vi.fn().mockReturnValue(of(mockDeleteResponse)),
-		};
-
-		mockDialogRef = { close: vi.fn() };
-
-		await TestBed.configureTestingModule({
-			imports: [DeleteSecretDialogComponent, BrowserAnimationsModule, MatSnackBarModule, Angulartics2Module.forRoot()],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				{ provide: SecretsService, useValue: mockSecretsService },
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-				{ provide: MAT_DIALOG_DATA, useValue: { secret } },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(DeleteSecretDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	};
-
-	beforeEach(async () => {
-		await createComponent();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	describe('component initialization', () => {
-		it('should initialize with submitting false', () => {
-			expect(component.submitting).toBe(false);
-		});
-
-		it('should have access to secret data', () => {
-			expect(component.data.secret).toEqual(mockSecret);
-		});
-
-		it('should have access to secret slug', () => {
-			expect(component.data.secret.slug).toBe('test-secret');
-		});
-	});
-
-	describe('onDelete', () => {
-		it('should call deleteSecret with correct slug', () => {
-			component.onDelete();
-			expect(mockSecretsService.deleteSecret).toHaveBeenCalledWith('test-secret');
-		});
-
-		it('should set submitting to true during deletion', () => {
-			expect(component.submitting).toBe(false);
-			component.onDelete();
-		});
-
-		it('should close dialog with true after successful deletion', () => {
-			component.onDelete();
-			expect(mockDialogRef.close).toHaveBeenCalledWith(true);
-		});
-
-		it('should reset submitting after successful deletion', () => {
-			component.onDelete();
-			expect(component.submitting).toBe(false);
-		});
-
-		it('should reset submitting on error', () => {
-			mockSecretsService.deleteSecret.mockReturnValue(throwError(() => new Error('Error')));
-
-			component.onDelete();
-
-			expect(component.submitting).toBe(false);
-		});
-
-		it('should not close dialog on error', () => {
-			mockSecretsService.deleteSecret.mockReturnValue(throwError(() => new Error('Error')));
-
-			component.onDelete();
-
-			expect(mockDialogRef.close).not.toHaveBeenCalled();
-		});
-	});
-
-	describe('with encrypted secret', () => {
-		beforeEach(async () => {
-			await TestBed.resetTestingModule();
-			await createComponent(mockSecretWithEncryption);
-		});
-
-		it('should have access to encrypted secret data', () => {
-			expect(component.data.secret.masterEncryption).toBe(true);
-		});
-
-		it('should delete encrypted secret with correct slug', () => {
-			component.onDelete();
-			expect(mockSecretsService.deleteSecret).toHaveBeenCalledWith('test-secret');
-		});
-	});
-
-	describe('dialog interactions', () => {
-		it('should only call deleteSecret once per click', () => {
-			component.onDelete();
-			expect(mockSecretsService.deleteSecret).toHaveBeenCalledTimes(1);
-		});
-
-		it('should close dialog only once after successful deletion', () => {
-			component.onDelete();
-			expect(mockDialogRef.close).toHaveBeenCalledTimes(1);
-		});
-	});
-});
diff --git a/frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.ts b/frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.ts
deleted file mode 100644
index 56ac28c8f..000000000
--- a/frontend/src/app/components/secrets/delete-secret-dialog/delete-secret-dialog.component.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { Secret } from 'src/app/models/secret';
-import { SecretsService } from 'src/app/services/secrets.service';
-
-@Component({
-	selector: 'app-delete-secret-dialog',
-	templateUrl: './delete-secret-dialog.component.html',
-	styleUrls: ['./delete-secret-dialog.component.css'],
-	imports: [CommonModule, MatDialogModule, MatButtonModule, MatIconModule],
-})
-export class DeleteSecretDialogComponent {
-	public submitting = false;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: { secret: Secret },
-		private dialogRef: MatDialogRef<DeleteSecretDialogComponent>,
-		private _secrets: SecretsService,
-		private angulartics2: Angulartics2,
-	) {}
-
-	onDelete(): void {
-		this.submitting = true;
-		this._secrets.deleteSecret(this.data.secret.slug).subscribe({
-			next: () => {
-				this.angulartics2.eventTrack.next({
-					action: 'Secrets: secret deleted successfully',
-				});
-				posthog.capture('Secrets: secret deleted successfully');
-				this.submitting = false;
-				this.dialogRef.close(true);
-			},
-			error: () => {
-				this.submitting = false;
-			},
-		});
-	}
-}
diff --git a/frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.css b/frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.css
deleted file mode 100644
index 5fb251059..000000000
--- a/frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.css
+++ /dev/null
@@ -1,60 +0,0 @@
-mat-dialog-content {
-	min-width: 400px;
-	min-height: 200px;
-}
-
-@media (width <= 600px) {
-	mat-dialog-content {
-		min-width: auto;
-	}
-}
-
-.full-width {
-	width: 100%;
-	margin-bottom: 16px;
-}
-
-.info-note {
-	display: flex;
-	align-items: flex-start;
-	gap: 8px;
-	padding: 12px 16px;
-	background-color: rgba(25, 118, 210, 0.08);
-	border-radius: 8px;
-	color: #1565c0;
-	font-size: 14px;
-	margin-bottom: 20px;
-}
-
-.info-note mat-icon {
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-	flex-shrink: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.info-note {
-		background-color: rgba(100, 181, 246, 0.15);
-		color: #64b5f6;
-	}
-}
-
-.expiration-section {
-	margin-bottom: 16px;
-}
-
-.master-password-section {
-	margin-top: 16px;
-}
-
-.master-password-error {
-	color: #f44336;
-	font-size: 12px;
-	margin-top: -12px;
-	margin-bottom: 8px;
-}
-
-.secret-masked {
-	-webkit-text-security: disc;
-}
diff --git a/frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.html b/frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.html
deleted file mode 100644
index 48c515efb..000000000
--- a/frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.html
+++ /dev/null
@@ -1,75 +0,0 @@
-<h2 mat-dialog-title>Edit Secret: <span class="secret-identifier">{{data.secret.slug}}</span></h2>
-
-<mat-dialog-content>
-    <form [formGroup]="form" (ngSubmit)="onSubmit()" id="editSecretForm">
-        <p class="info-note">
-            <mat-icon>info</mat-icon>
-            Enter a new value for this secret. The current value cannot be viewed for security reasons.
-        </p>
-
-        <mat-form-field appearance="outline" class="full-width">
-            <mat-label>New Secret Value</mat-label>
-            <textarea matInput formControlName="value"
-                [class.secret-masked]="!showValue"
-                rows="4"
-                placeholder="Enter new secret value"
-                spellcheck="false"
-                autocomplete="off"
-                data-testid="edit-secret-value-input"></textarea>
-            <button mat-icon-button matSuffix type="button"
-                (click)="toggleValueVisibility()"
-                [matTooltip]="showValue ? 'Hide value' : 'Show value'">
-                <mat-icon>{{showValue ? 'visibility_off' : 'visibility'}}</mat-icon>
-            </button>
-            <mat-error *ngIf="form.get('value')?.invalid">{{valueError}}</mat-error>
-        </mat-form-field>
-
-        <div class="expiration-section">
-            <mat-form-field appearance="outline" class="full-width">
-                <mat-label>Expiration Date</mat-label>
-                <input matInput [matDatepicker]="picker" formControlName="expiresAt"
-                    [min]="minDate"
-                    data-testid="edit-secret-expires-input">
-                <mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle>
-                <mat-datepicker #picker></mat-datepicker>
-            </mat-form-field>
-
-            <mat-checkbox
-                [checked]="clearExpiration"
-                (change)="onClearExpirationChange($event.checked)"
-                data-testid="edit-secret-clear-expiration-checkbox">
-                Remove expiration date
-            </mat-checkbox>
-        </div>
-
-        <div *ngIf="data.secret.masterEncryption" class="master-password-section">
-            <mat-form-field appearance="outline" class="full-width">
-                <mat-label>Master Password</mat-label>
-                <input matInput
-                    [(ngModel)]="masterPassword"
-                    [ngModelOptions]="{standalone: true}"
-                    [type]="showMasterPassword ? 'text' : 'password'"
-                    placeholder="Enter master password to save changes"
-                    data-testid="edit-secret-master-password-input">
-                <button mat-icon-button matSuffix type="button"
-                    (click)="toggleMasterPasswordVisibility()"
-                    [matTooltip]="showMasterPassword ? 'Hide password' : 'Show password'">
-                    <mat-icon>{{showMasterPassword ? 'visibility_off' : 'visibility'}}</mat-icon>
-                </button>
-                <mat-hint>Required to encrypt the new value</mat-hint>
-            </mat-form-field>
-            <mat-error *ngIf="masterPasswordError" class="master-password-error">{{masterPasswordError}}</mat-error>
-        </div>
-    </form>
-</mat-dialog-content>
-
-<mat-dialog-actions align="end">
-    <button mat-button mat-dialog-close [disabled]="submitting">Cancel</button>
-    <button mat-flat-button color="primary"
-        type="submit"
-        form="editSecretForm"
-        [disabled]="form.invalid || submitting"
-        data-testid="edit-secret-submit-button">
-        {{submitting ? 'Saving...' : 'Save Changes'}}
-    </button>
-</mat-dialog-actions>
diff --git a/frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.spec.ts b/frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.spec.ts
deleted file mode 100644
index 4c5d2f14f..000000000
--- a/frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.spec.ts
+++ /dev/null
@@ -1,337 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { of, throwError } from 'rxjs';
-import { Secret } from 'src/app/models/secret';
-import { SecretsService } from 'src/app/services/secrets.service';
-import { EditSecretDialogComponent } from './edit-secret-dialog.component';
-
-describe('EditSecretDialogComponent', () => {
-	let component: EditSecretDialogComponent;
-	let fixture: ComponentFixture<EditSecretDialogComponent>;
-	let mockSecretsService: { updateSecret: ReturnType<typeof vi.fn> };
-	let mockDialogRef: { close: ReturnType<typeof vi.fn> };
-
-	const mockSecret: Secret = {
-		id: '1',
-		slug: 'test-secret',
-		companyId: '1',
-		createdAt: '2024-01-01',
-		updatedAt: '2024-01-01',
-		masterEncryption: false,
-	};
-
-	const mockSecretWithExpiration: Secret = {
-		...mockSecret,
-		expiresAt: '2025-12-31T00:00:00Z',
-	};
-
-	const mockSecretWithEncryption: Secret = {
-		...mockSecret,
-		masterEncryption: true,
-	};
-
-	const createComponent = async (secret: Secret = mockSecret) => {
-		mockSecretsService = {
-			updateSecret: vi.fn().mockReturnValue(of(secret)),
-		};
-
-		mockDialogRef = { close: vi.fn() };
-
-		await TestBed.configureTestingModule({
-			imports: [EditSecretDialogComponent, BrowserAnimationsModule, MatSnackBarModule, Angulartics2Module.forRoot()],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				{ provide: SecretsService, useValue: mockSecretsService },
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-				{ provide: MAT_DIALOG_DATA, useValue: { secret } },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(EditSecretDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	};
-
-	beforeEach(async () => {
-		await createComponent();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	describe('form initialization', () => {
-		it('should initialize form with empty value', () => {
-			expect(component.form.get('value')?.value).toBe('');
-		});
-
-		it('should have all required form controls', () => {
-			expect(component.form.get('value')).toBeTruthy();
-			expect(component.form.get('expiresAt')).toBeTruthy();
-		});
-
-		it('should initialize component properties', () => {
-			expect(component.submitting).toBe(false);
-			expect(component.showValue).toBe(false);
-			expect(component.masterPassword).toBe('');
-			expect(component.masterPasswordError).toBe('');
-			expect(component.showMasterPassword).toBe(false);
-			expect(component.clearExpiration).toBe(false);
-			expect(component.minDate).toBeTruthy();
-		});
-
-		it('should initialize with null expiresAt when secret has no expiration', () => {
-			expect(component.form.get('expiresAt')?.value).toBeNull();
-		});
-	});
-
-	describe('form initialization with expiration', () => {
-		beforeEach(async () => {
-			await TestBed.resetTestingModule();
-			await createComponent(mockSecretWithExpiration);
-		});
-
-		it('should initialize with existing expiration date', () => {
-			const expiresAt = component.form.get('expiresAt')?.value;
-			expect(expiresAt).toBeTruthy();
-			expect(expiresAt instanceof Date).toBe(true);
-		});
-	});
-
-	describe('value validation', () => {
-		it('should require value field', () => {
-			expect(component.form.get('value')?.valid).toBe(false);
-			component.form.patchValue({ value: 'some-value' });
-			expect(component.form.get('value')?.valid).toBe(true);
-		});
-
-		it('should validate max length', () => {
-			const valueControl = component.form.get('value');
-			valueControl?.setValue('a'.repeat(10001));
-			expect(valueControl?.hasError('maxlength')).toBe(true);
-
-			valueControl?.setValue('a'.repeat(10000));
-			expect(valueControl?.hasError('maxlength')).toBe(false);
-		});
-	});
-
-	describe('error messages', () => {
-		it('should return correct value error message for required', () => {
-			component.form.get('value')?.setValue('');
-			component.form.get('value')?.markAsTouched();
-			expect(component.valueError).toBe('New value is required');
-		});
-
-		it('should return correct value error message for maxlength', () => {
-			component.form.get('value')?.setValue('a'.repeat(10001));
-			expect(component.valueError).toBe('Value must be 10000 characters or less');
-		});
-
-		it('should return empty string when no errors', () => {
-			component.form.get('value')?.setValue('valid-value');
-			expect(component.valueError).toBe('');
-		});
-	});
-
-	describe('visibility toggles', () => {
-		it('should toggle value visibility', () => {
-			expect(component.showValue).toBe(false);
-			component.toggleValueVisibility();
-			expect(component.showValue).toBe(true);
-			component.toggleValueVisibility();
-			expect(component.showValue).toBe(false);
-		});
-
-		it('should toggle master password visibility', () => {
-			expect(component.showMasterPassword).toBe(false);
-			component.toggleMasterPasswordVisibility();
-			expect(component.showMasterPassword).toBe(true);
-			component.toggleMasterPasswordVisibility();
-			expect(component.showMasterPassword).toBe(false);
-		});
-	});
-
-	describe('clear expiration', () => {
-		it('should disable expiresAt control when clearExpiration is true', () => {
-			component.onClearExpirationChange(true);
-
-			expect(component.clearExpiration).toBe(true);
-			expect(component.form.get('expiresAt')?.disabled).toBe(true);
-		});
-
-		it('should enable expiresAt control when clearExpiration is false', () => {
-			component.onClearExpirationChange(true);
-			component.onClearExpirationChange(false);
-
-			expect(component.clearExpiration).toBe(false);
-			expect(component.form.get('expiresAt')?.enabled).toBe(true);
-		});
-	});
-
-	describe('form submission', () => {
-		it('should not submit invalid form', () => {
-			component.onSubmit();
-			expect(mockSecretsService.updateSecret).not.toHaveBeenCalled();
-		});
-
-		it('should submit updated secret', () => {
-			component.form.patchValue({ value: 'new-value' });
-			component.onSubmit();
-			expect(mockSecretsService.updateSecret).toHaveBeenCalled();
-		});
-
-		it('should submit with correct payload', () => {
-			component.form.patchValue({ value: 'new-value' });
-			component.onSubmit();
-
-			expect(mockSecretsService.updateSecret).toHaveBeenCalledWith(
-				'test-secret',
-				expect.objectContaining({ value: 'new-value' }),
-				undefined,
-			);
-		});
-
-		it('should submit with expiration date', () => {
-			const futureDate = new Date();
-			futureDate.setFullYear(futureDate.getFullYear() + 1);
-			component.form.patchValue({
-				value: 'new-value',
-				expiresAt: futureDate,
-			});
-
-			component.onSubmit();
-
-			expect(mockSecretsService.updateSecret).toHaveBeenCalledWith(
-				'test-secret',
-				expect.objectContaining({
-					value: 'new-value',
-					expiresAt: expect.any(String),
-				}),
-				undefined,
-			);
-		});
-
-		it('should submit with null expiration when clearExpiration is true', () => {
-			component.form.patchValue({ value: 'new-value' });
-			component.onClearExpirationChange(true);
-
-			component.onSubmit();
-
-			expect(mockSecretsService.updateSecret).toHaveBeenCalledWith(
-				'test-secret',
-				expect.objectContaining({
-					value: 'new-value',
-					expiresAt: null,
-				}),
-				undefined,
-			);
-		});
-
-		it('should set submitting to true during submission', () => {
-			component.form.patchValue({ value: 'new-value' });
-
-			expect(component.submitting).toBe(false);
-			component.onSubmit();
-		});
-
-		it('should close dialog on successful submission', () => {
-			component.form.patchValue({ value: 'new-value' });
-
-			component.onSubmit();
-
-			expect(mockDialogRef.close).toHaveBeenCalledWith(true);
-		});
-
-		it('should reset submitting on successful submission', () => {
-			component.form.patchValue({ value: 'new-value' });
-
-			component.onSubmit();
-
-			expect(component.submitting).toBe(false);
-		});
-	});
-
-	describe('master encryption', () => {
-		beforeEach(async () => {
-			await TestBed.resetTestingModule();
-			await createComponent(mockSecretWithEncryption);
-		});
-
-		it('should require master password for encrypted secrets', () => {
-			component.form.patchValue({ value: 'new-value' });
-			component.masterPassword = '';
-
-			component.onSubmit();
-
-			expect(component.masterPasswordError).toBe('Master password is required');
-			expect(mockSecretsService.updateSecret).not.toHaveBeenCalled();
-		});
-
-		it('should submit with master password for encrypted secrets', () => {
-			component.form.patchValue({ value: 'new-value' });
-			component.masterPassword = 'my-master-password';
-
-			component.onSubmit();
-
-			expect(mockSecretsService.updateSecret).toHaveBeenCalledWith(
-				'test-secret',
-				expect.objectContaining({ value: 'new-value' }),
-				'my-master-password',
-			);
-		});
-
-		it('should show error on 403 response (invalid master password)', () => {
-			mockSecretsService.updateSecret.mockReturnValue(throwError(() => ({ status: 403 })));
-
-			component.form.patchValue({ value: 'new-value' });
-			component.masterPassword = 'wrong-password';
-
-			component.onSubmit();
-
-			expect(component.masterPasswordError).toBe('Invalid master password');
-			expect(component.submitting).toBe(false);
-		});
-
-		it('should clear master password error on new submission attempt', () => {
-			component.masterPasswordError = 'Previous error';
-			component.form.patchValue({ value: 'new-value' });
-			component.masterPassword = '';
-
-			component.onSubmit();
-
-			expect(component.masterPasswordError).toBe('Master password is required');
-		});
-	});
-
-	describe('non-encrypted secret submission', () => {
-		it('should not send master password for non-encrypted secrets', () => {
-			component.form.patchValue({ value: 'new-value' });
-			component.masterPassword = 'some-password';
-
-			component.onSubmit();
-
-			expect(mockSecretsService.updateSecret).toHaveBeenCalledWith(
-				'test-secret',
-				expect.objectContaining({ value: 'new-value' }),
-				undefined,
-			);
-		});
-	});
-
-	describe('error handling', () => {
-		it('should reset submitting on non-403 error', () => {
-			mockSecretsService.updateSecret.mockReturnValue(throwError(() => ({ status: 500 })));
-
-			component.form.patchValue({ value: 'new-value' });
-			component.onSubmit();
-
-			expect(component.submitting).toBe(false);
-		});
-	});
-});
diff --git a/frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.ts b/frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.ts
deleted file mode 100644
index 9cf895c5c..000000000
--- a/frontend/src/app/components/secrets/edit-secret-dialog/edit-secret-dialog.component.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject } from '@angular/core';
-import { FormBuilder, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { provideNativeDateAdapter } from '@angular/material/core';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { Secret } from 'src/app/models/secret';
-import { SecretsService } from 'src/app/services/secrets.service';
-
-@Component({
-	selector: 'app-edit-secret-dialog',
-	templateUrl: './edit-secret-dialog.component.html',
-	styleUrls: ['./edit-secret-dialog.component.css'],
-	providers: [provideNativeDateAdapter()],
-	imports: [
-		CommonModule,
-		FormsModule,
-		ReactiveFormsModule,
-		MatDialogModule,
-		MatButtonModule,
-		MatInputModule,
-		MatFormFieldModule,
-		MatDatepickerModule,
-		MatIconModule,
-		MatCheckboxModule,
-		MatTooltipModule,
-	],
-})
-export class EditSecretDialogComponent {
-	public form: FormGroup;
-	public submitting = false;
-	public showValue = false;
-	public masterPassword = '';
-	public masterPasswordError = '';
-	public showMasterPassword = false;
-	public clearExpiration = false;
-	public minDate = new Date();
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: { secret: Secret },
-		private fb: FormBuilder,
-		private dialogRef: MatDialogRef<EditSecretDialogComponent>,
-		private _secrets: SecretsService,
-		private angulartics2: Angulartics2,
-	) {
-		this.form = this.fb.group({
-			value: ['', [Validators.required, Validators.maxLength(10000)]],
-			expiresAt: [data.secret.expiresAt ? new Date(data.secret.expiresAt) : null],
-		});
-	}
-
-	toggleValueVisibility(): void {
-		this.showValue = !this.showValue;
-	}
-
-	toggleMasterPasswordVisibility(): void {
-		this.showMasterPassword = !this.showMasterPassword;
-	}
-
-	get valueError(): string {
-		const control = this.form.get('value');
-		if (control?.hasError('required')) return 'New value is required';
-		if (control?.hasError('maxlength')) return 'Value must be 10000 characters or less';
-		return '';
-	}
-
-	onClearExpirationChange(checked: boolean): void {
-		this.clearExpiration = checked;
-		if (checked) {
-			this.form.get('expiresAt')?.disable();
-		} else {
-			this.form.get('expiresAt')?.enable();
-		}
-	}
-
-	onSubmit(): void {
-		if (this.form.invalid) return;
-
-		if (this.data.secret.masterEncryption && !this.masterPassword) {
-			this.masterPasswordError = 'Master password is required';
-			return;
-		}
-
-		this.submitting = true;
-		const formValue = this.form.getRawValue();
-
-		const payload = {
-			value: formValue.value,
-			expiresAt: this.clearExpiration
-				? null
-				: formValue.expiresAt
-					? new Date(formValue.expiresAt).toISOString()
-					: undefined,
-		};
-
-		this._secrets
-			.updateSecret(this.data.secret.slug, payload, this.data.secret.masterEncryption ? this.masterPassword : undefined)
-			.subscribe({
-				next: () => {
-					this.angulartics2.eventTrack.next({
-						action: 'Secrets: secret updated successfully',
-					});
-					posthog.capture('Secrets: secret updated successfully');
-					this.submitting = false;
-					this.dialogRef.close(true);
-				},
-				error: (err) => {
-					this.submitting = false;
-					if (err.status === 403) {
-						this.masterPasswordError = 'Invalid master password';
-					}
-				},
-			});
-	}
-}
diff --git a/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.css b/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.css
deleted file mode 100644
index f6465a85b..000000000
--- a/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.css
+++ /dev/null
@@ -1,40 +0,0 @@
-h2[mat-dialog-title] {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-.title-icon {
-	color: #1976d2;
-}
-
-@media (prefers-color-scheme: dark) {
-	.title-icon {
-		color: #64b5f6;
-	}
-}
-
-mat-dialog-content {
-	min-width: 350px;
-}
-
-@media (width <= 600px) {
-	mat-dialog-content {
-		min-width: auto;
-	}
-}
-
-.description {
-	color: rgba(0, 0, 0, 0.54);
-	margin: 0 0 24px 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.description {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.full-width {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.html b/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.html
deleted file mode 100644
index d33e6be05..000000000
--- a/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.html
+++ /dev/null
@@ -1,38 +0,0 @@
-<h2 mat-dialog-title>
-    <mat-icon class="title-icon">enhanced_encryption</mat-icon>
-    Master Password Required
-</h2>
-
-<form (ngSubmit)="onSubmit()">
-<mat-dialog-content>
-    <p class="description">
-        This secret is protected with master password encryption.
-        Enter the master password to continue.
-    </p>
-
-    <mat-form-field appearance="outline" class="full-width">
-        <mat-label>Master Password</mat-label>
-        <input matInput
-            name="masterPassword"
-            [(ngModel)]="masterPassword"
-            [type]="showPassword ? 'text' : 'password'"
-            placeholder="Enter master password"
-            data-testid="master-password-input">
-        <button mat-icon-button matSuffix type="button"
-            (click)="togglePasswordVisibility()"
-            [matTooltip]="showPassword ? 'Hide password' : 'Show password'">
-            <mat-icon>{{showPassword ? 'visibility_off' : 'visibility'}}</mat-icon>
-        </button>
-        <mat-error *ngIf="error">{{error}}</mat-error>
-    </mat-form-field>
-</mat-dialog-content>
-
-<mat-dialog-actions align="end">
-    <button type="button" mat-button mat-dialog-close>Cancel</button>
-    <button type="submit" mat-flat-button color="primary"
-        data-testid="master-password-submit-button">
-        <mat-icon>lock_open</mat-icon>
-        Unlock
-    </button>
-</mat-dialog-actions>
-</form>
diff --git a/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.spec.ts b/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.spec.ts
deleted file mode 100644
index 9e293aef2..000000000
--- a/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.spec.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialogRef } from '@angular/material/dialog';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-import { MasterPasswordDialogComponent } from './master-password-dialog.component';
-
-describe('MasterPasswordDialogComponent', () => {
-	let component: MasterPasswordDialogComponent;
-	let fixture: ComponentFixture<MasterPasswordDialogComponent>;
-	let mockDialogRef: { close: ReturnType<typeof vi.fn> };
-
-	beforeEach(async () => {
-		mockDialogRef = { close: vi.fn() };
-
-		await TestBed.configureTestingModule({
-			imports: [MasterPasswordDialogComponent, BrowserAnimationsModule],
-			providers: [{ provide: MatDialogRef, useValue: mockDialogRef }],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(MasterPasswordDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should toggle password visibility', () => {
-		expect(component.showPassword).toBe(false);
-		component.togglePasswordVisibility();
-		expect(component.showPassword).toBe(true);
-	});
-
-	it('should show error when submitting empty password', () => {
-		component.onSubmit();
-		expect(component.error).toBe('Please enter the master password');
-	});
-
-	it('should close dialog with password when submitting valid password', () => {
-		component.masterPassword = 'testpassword';
-		component.onSubmit();
-		expect(mockDialogRef.close).toHaveBeenCalledWith('testpassword');
-	});
-});
diff --git a/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.ts b/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.ts
deleted file mode 100644
index f1f5adee2..000000000
--- a/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@Component({
-	selector: 'app-master-password-dialog',
-	templateUrl: './master-password-dialog.component.html',
-	styleUrls: ['./master-password-dialog.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatDialogModule,
-		MatButtonModule,
-		MatInputModule,
-		MatFormFieldModule,
-		MatIconModule,
-		MatTooltipModule,
-	],
-})
-export class MasterPasswordDialogComponent {
-	public masterPassword = '';
-	public showPassword = false;
-	public error = '';
-
-	constructor(private dialogRef: MatDialogRef<MasterPasswordDialogComponent>) {}
-
-	togglePasswordVisibility(): void {
-		this.showPassword = !this.showPassword;
-	}
-
-	onSubmit(): void {
-		if (!this.masterPassword) {
-			this.error = 'Please enter the master password';
-			return;
-		}
-		this.dialogRef.close(this.masterPassword);
-	}
-}
diff --git a/frontend/src/app/components/secrets/secrets.component.css b/frontend/src/app/components/secrets/secrets.component.css
deleted file mode 100644
index 5c90e0b62..000000000
--- a/frontend/src/app/components/secrets/secrets.component.css
+++ /dev/null
@@ -1,276 +0,0 @@
-.profile-layout {
-	display: flex;
-	height: calc(100vh - 64px);
-}
-
-.profile-main {
-	flex: 1;
-	background-color: var(--mat-sidenav-content-background-color);
-	overflow-y: auto;
-}
-
-::ng-deep .profile-main > app-alert {
-	position: relative;
-	top: 0;
-	margin: 24px;
-}
-
-.secrets-page {
-	margin: var(--top-margin) auto;
-	padding: 0 clamp(40px, 5vw, 100px);
-	max-width: 1200px;
-}
-
-@media (width <= 600px) {
-	.secrets-page {
-		padding: 0 16px;
-		margin: 1.5em auto;
-	}
-}
-
-.secrets-header {
-	margin-bottom: 32px;
-}
-
-.secrets-description {
-	color: rgba(0, 0, 0, 0.64);
-	margin-top: 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.secrets-description {
-		color: rgba(255, 255, 255, 0.7);
-	}
-}
-
-.secrets-toolbar {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 16px;
-	margin-bottom: 24px;
-}
-
-@media (width <= 600px) {
-	.secrets-toolbar {
-		flex-direction: column;
-		align-items: stretch;
-	}
-}
-
-.search-field {
-	flex: 1;
-	max-width: 400px;
-}
-
-@media (width <= 600px) {
-	.search-field {
-		max-width: 100%;
-	}
-}
-
-.secrets-table {
-	width: 100%;
-	margin-bottom: 16px;
-}
-
-.secrets-cell_slug {
-	max-width: 250px;
-}
-
-.slug-text {
-	font-weight: 500;
-}
-
-.secrets-cell_actions {
-	text-align: right;
-}
-
-.encryption-icon {
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.encryption-icon {
-		color: rgba(255, 255, 255, 0.7);
-	}
-}
-
-.encryption-icon_master {
-	color: #1976d2;
-}
-
-@media (prefers-color-scheme: dark) {
-	.encryption-icon_master {
-		color: #64b5f6;
-	}
-}
-
-.no-expiry {
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-expiry {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-.expired-badge {
-	display: inline-flex;
-	align-items: center;
-	gap: 4px;
-	color: #c62828;
-	font-weight: 500;
-}
-
-.expired-badge mat-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.expired-badge {
-		color: #ef5350;
-	}
-}
-
-.expiring-soon-badge {
-	display: inline-flex;
-	align-items: center;
-	gap: 4px;
-	color: #ef6c00;
-	font-weight: 500;
-}
-
-.expiring-soon-badge mat-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.expiring-soon-badge {
-		color: #ffb74d;
-	}
-}
-
-.no-secrets {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	padding: 64px 24px;
-	text-align: center;
-	background-color: rgba(0, 0, 0, 0.02);
-	border-radius: 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-secrets {
-		background-color: rgba(255, 255, 255, 0.05);
-	}
-}
-
-.no-secrets-icon {
-	font-size: 64px;
-	width: 64px;
-	height: 64px;
-	color: rgba(0, 0, 0, 0.26);
-	margin-bottom: 16px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-secrets-icon {
-		color: rgba(255, 255, 255, 0.3);
-	}
-}
-
-.no-secrets h3 {
-	margin: 0 0 8px 0;
-	color: rgba(0, 0, 0, 0.87);
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-secrets h3 {
-		color: rgba(255, 255, 255, 0.87);
-	}
-}
-
-.no-secrets p {
-	margin: 0 0 16px 0;
-	color: rgba(0, 0, 0, 0.54);
-}
-
-@media (prefers-color-scheme: dark) {
-	.no-secrets p {
-		color: rgba(255, 255, 255, 0.54);
-	}
-}
-
-.delete-action {
-	color: #c62828;
-}
-
-@media (prefers-color-scheme: dark) {
-	.delete-action {
-		color: #ef5350;
-	}
-}
-
-/* Responsive table styles */
-@media (width <= 600px) {
-	.secrets-table {
-		display: grid;
-		grid-template-columns: auto 1fr;
-		max-width: 100%;
-	}
-
-	.secrets-table-heading {
-		display: none;
-	}
-
-	.secrets-table ::ng-deep tbody {
-		display: grid;
-		grid-template-columns: subgrid;
-		grid-column: 1 / 3;
-	}
-
-	.secrets-row {
-		display: grid;
-		grid-template-columns: subgrid;
-		grid-column: 1 / 3;
-		grid-gap: 12px 28px;
-		border-bottom-color: var(--mat-table-row-item-outline-color, rgba(0, 0, 0, 0.12));
-		border-bottom-width: var(--mat-table-row-item-outline-width, 1px);
-		border-bottom-style: solid;
-		height: auto;
-		padding: 20px 0;
-	}
-
-	.secrets-cell {
-		display: grid;
-		grid-template-columns: subgrid;
-		grid-column: 1 / 3;
-		border-bottom: none;
-	}
-
-	.secrets-cell::before {
-		content: attr(data-label);
-		display: inline-block;
-		font-weight: bold;
-		white-space: nowrap;
-	}
-
-	.secrets-cell_actions {
-		grid-column: 1 / span 3;
-		display: flex;
-		justify-content: flex-end;
-		border-bottom: none;
-	}
-
-	.secrets-cell_actions::before {
-		display: none;
-	}
-}
diff --git a/frontend/src/app/components/secrets/secrets.component.html b/frontend/src/app/components/secrets/secrets.component.html
deleted file mode 100644
index 8177a1dcb..000000000
--- a/frontend/src/app/components/secrets/secrets.component.html
+++ /dev/null
@@ -1,157 +0,0 @@
-<div class="profile-layout">
-    <app-profile-sidebar activeTab="secrets"></app-profile-sidebar>
-
-    <div class="profile-main">
-        <app-alert></app-alert>
-
-        <div class="secrets-page">
-    <div class="secrets-header">
-        <h1 class="mat-h1">Company Secrets</h1>
-        <p class="secrets-description">
-            Securely store and manage sensitive information like API keys, passwords, and tokens.
-        </p>
-    </div>
-
-    <div class="secrets-toolbar">
-        <mat-form-field appearance="outline" class="search-field">
-            <mat-label>Search secrets</mat-label>
-            <input matInput
-                [(ngModel)]="searchQuery"
-                (ngModelChange)="onSearchChange($event)"
-                placeholder="Search by unique identifier..."
-                data-testid="secrets-search-input">
-            <mat-icon matSuffix>search</mat-icon>
-        </mat-form-field>
-
-        <button mat-flat-button color="primary"
-            (click)="openCreateDialog()"
-            data-testid="create-secret-button">
-            <mat-icon>add</mat-icon>
-            Create Secret
-        </button>
-    </div>
-
-    <app-placeholder-table-data *ngIf="loading"></app-placeholder-table-data>
-
-    <div *ngIf="!loading && secrets.length === 0" class="no-secrets">
-        <mat-icon class="no-secrets-icon">key_off</mat-icon>
-        <h3>No secrets found</h3>
-        <p *ngIf="searchQuery">No secrets match your search criteria.</p>
-        <p *ngIf="!searchQuery">Create your first secret to securely store sensitive data.</p>
-        <button *ngIf="!searchQuery" mat-stroked-button color="primary" (click)="openCreateDialog()">
-            <mat-icon>add</mat-icon>
-            Create Secret
-        </button>
-    </div>
-
-    <table *ngIf="!loading && secrets.length > 0" mat-table [dataSource]="secrets" class="mat-elevation-z2 secrets-table">
-        <!-- Unique Identifier Column -->
-        <ng-container matColumnDef="slug">
-            <th mat-header-cell *matHeaderCellDef>Unique Identifier</th>
-            <td mat-cell *matCellDef="let secret; let i = index"
-                class="secrets-cell secrets-cell_slug"
-                data-label="Unique Identifier"
-                attr.data-testid="secret-slug-{{i}}-cell">
-                <span class="slug-text">{{secret.slug}}</span>
-            </td>
-        </ng-container>
-
-        <!-- Master Encryption Column -->
-        <ng-container matColumnDef="masterEncryption">
-            <th mat-header-cell *matHeaderCellDef>Encryption</th>
-            <td mat-cell *matCellDef="let secret; let i = index"
-                class="secrets-cell"
-                data-label="Encryption"
-                attr.data-testid="secret-encryption-{{i}}-cell">
-                <mat-icon *ngIf="secret.masterEncryption"
-                    class="encryption-icon encryption-icon_master"
-                    matTooltip="Protected with master password">
-                    enhanced_encryption
-                </mat-icon>
-                <mat-icon *ngIf="!secret.masterEncryption"
-                    class="encryption-icon"
-                    matTooltip="Standard encryption">
-                    lock
-                </mat-icon>
-            </td>
-        </ng-container>
-
-        <!-- Expires At Column -->
-        <ng-container matColumnDef="expiresAt">
-            <th mat-header-cell *matHeaderCellDef>Expires</th>
-            <td mat-cell *matCellDef="let secret; let i = index"
-                class="secrets-cell"
-                data-label="Expires"
-                attr.data-testid="secret-expires-{{i}}-cell">
-                <span *ngIf="!secret.expiresAt" class="no-expiry">Never</span>
-                <span *ngIf="secret.expiresAt && isExpired(secret)" class="expired-badge">
-                    <mat-icon>error</mat-icon>
-                    Expired
-                </span>
-                <span *ngIf="secret.expiresAt && isExpiringSoon(secret) && !isExpired(secret)" class="expiring-soon-badge">
-                    <mat-icon>warning</mat-icon>
-                    {{secret.expiresAt | date:'mediumDate'}}
-                </span>
-                <span *ngIf="secret.expiresAt && !isExpired(secret) && !isExpiringSoon(secret)">
-                    {{secret.expiresAt | date:'mediumDate'}}
-                </span>
-            </td>
-        </ng-container>
-
-        <!-- Updated At Column -->
-        <ng-container matColumnDef="updatedAt">
-            <th mat-header-cell *matHeaderCellDef>Last Updated</th>
-            <td mat-cell *matCellDef="let secret; let i = index"
-                class="secrets-cell"
-                data-label="Last Updated"
-                attr.data-testid="secret-updated-{{i}}-cell">
-                {{secret.updatedAt | date:'medium'}}
-            </td>
-        </ng-container>
-
-        <!-- Actions Column -->
-        <ng-container matColumnDef="actions">
-            <th mat-header-cell *matHeaderCellDef></th>
-            <td mat-cell *matCellDef="let secret; let i = index"
-                class="secrets-cell secrets-cell_actions">
-                <button mat-icon-button [matMenuTriggerFor]="actionsMenu"
-                    attr.data-testid="secret-actions-{{i}}-button">
-                    <mat-icon>more_vert</mat-icon>
-                </button>
-                <mat-menu #actionsMenu="matMenu">
-                    <button mat-menu-item (click)="openEditDialog(secret)"
-                        [disabled]="isExpired(secret)"
-                        attr.data-testid="secret-edit-{{i}}-menu-item">
-                        <mat-icon>edit</mat-icon>
-                        <span>Edit</span>
-                    </button>
-                    <button mat-menu-item (click)="openAuditLogDialog(secret)"
-                        attr.data-testid="secret-audit-{{i}}-menu-item">
-                        <mat-icon>history</mat-icon>
-                        <span>Audit Log</span>
-                    </button>
-                    <mat-divider></mat-divider>
-                    <button mat-menu-item (click)="openDeleteDialog(secret)" class="delete-action"
-                        attr.data-testid="secret-delete-{{i}}-menu-item">
-                        <mat-icon color="warn">delete</mat-icon>
-                        <span>Delete</span>
-                    </button>
-                </mat-menu>
-            </td>
-        </ng-container>
-
-        <tr mat-header-row *matHeaderRowDef="displayedColumns" class="secrets-table-heading"></tr>
-        <tr mat-row *matRowDef="let row; columns: displayedColumns;" class="secrets-row"></tr>
-    </table>
-
-    <mat-paginator *ngIf="!loading && secrets.length > 0"
-        [length]="pagination.total"
-        [pageSize]="pagination.perPage"
-        [pageIndex]="pagination.currentPage - 1"
-        [pageSizeOptions]="[10, 20, 50]"
-        (page)="onPageChange($event)"
-        data-testid="secrets-paginator">
-    </mat-paginator>
-        </div>
-    </div>
-</div>
diff --git a/frontend/src/app/components/secrets/secrets.component.spec.ts b/frontend/src/app/components/secrets/secrets.component.spec.ts
deleted file mode 100644
index 83a1d5534..000000000
--- a/frontend/src/app/components/secrets/secrets.component.spec.ts
+++ /dev/null
@@ -1,339 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { provideHttpClientTesting } from '@angular/common/http/testing';
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialog } from '@angular/material/dialog';
-import { PageEvent } from '@angular/material/paginator';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { Title } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterModule } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { BehaviorSubject, of } from 'rxjs';
-import { Secret } from 'src/app/models/secret';
-import { SecretsService } from 'src/app/services/secrets.service';
-import { ProfileSidebarComponent } from '../profile/profile-sidebar/profile-sidebar.component';
-import { AuditLogDialogComponent } from './audit-log-dialog/audit-log-dialog.component';
-import { CreateSecretDialogComponent } from './create-secret-dialog/create-secret-dialog.component';
-import { DeleteSecretDialogComponent } from './delete-secret-dialog/delete-secret-dialog.component';
-import { EditSecretDialogComponent } from './edit-secret-dialog/edit-secret-dialog.component';
-import { SecretsComponent } from './secrets.component';
-
-describe('SecretsComponent', () => {
-	let component: SecretsComponent;
-	let fixture: ComponentFixture<SecretsComponent>;
-	let mockSecretsService: any;
-	let mockDialog: any;
-	let secretsUpdatedSubject: BehaviorSubject<string>;
-
-	const mockSecret: Secret = {
-		id: '1',
-		slug: 'test-secret',
-		companyId: '1',
-		createdAt: '2024-01-01',
-		updatedAt: '2024-01-01',
-		masterEncryption: false,
-	};
-
-	const createMockSecretsResponse = () => ({
-		data: [mockSecret],
-		pagination: { total: 1, currentPage: 1, perPage: 20, lastPage: 1 },
-	});
-
-	beforeEach(async () => {
-		secretsUpdatedSubject = new BehaviorSubject<string>('');
-
-		mockSecretsService = {
-			fetchSecrets: vi.fn().mockImplementation(() => of(createMockSecretsResponse())),
-			cast: secretsUpdatedSubject.asObservable(),
-		} as any;
-
-		mockDialog = {
-			open: vi.fn(),
-		} as any;
-
-		await TestBed.configureTestingModule({
-			imports: [
-				SecretsComponent,
-				BrowserAnimationsModule,
-				MatSnackBarModule,
-				Angulartics2Module.forRoot(),
-				RouterModule.forRoot([]),
-			],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				{ provide: SecretsService, useValue: mockSecretsService },
-				{ provide: MatDialog, useValue: mockDialog },
-			],
-		})
-			.overrideComponent(SecretsComponent, {
-				remove: { imports: [ProfileSidebarComponent] },
-				add: { schemas: [NO_ERRORS_SCHEMA] },
-			})
-			.compileComponents();
-
-		fixture = TestBed.createComponent(SecretsComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should load secrets on init', () => {
-		expect(mockSecretsService.fetchSecrets).toHaveBeenCalled();
-	});
-
-	it('should set page title on init', () => {
-		expect(TestBed.inject(Title).getTitle()).toBe('Secrets | Rocketadmin');
-	});
-
-	it('should initialize with pagination from response', () => {
-		// The pagination comes from the mock service response
-		expect(component.pagination.total).toBe(1);
-		expect(component.pagination.lastPage).toBe(1);
-	});
-
-	it('should initialize with loading true then false after load', () => {
-		expect(component.loading).toBe(false);
-	});
-
-	it('should have correct displayed columns', () => {
-		expect(component.displayedColumns).toEqual(['slug', 'masterEncryption', 'expiresAt', 'updatedAt', 'actions']);
-	});
-
-	describe('isExpired', () => {
-		it('should return true for expired secrets', () => {
-			const expiredSecret: Secret = {
-				...mockSecret,
-				expiresAt: '2024-01-01',
-			};
-			expect(component.isExpired(expiredSecret)).toBe(true);
-		});
-
-		it('should return false for non-expired secrets', () => {
-			const futureDate = new Date();
-			futureDate.setFullYear(futureDate.getFullYear() + 1);
-			const validSecret: Secret = {
-				...mockSecret,
-				expiresAt: futureDate.toISOString(),
-			};
-			expect(component.isExpired(validSecret)).toBe(false);
-		});
-
-		it('should return false for secrets without expiration', () => {
-			expect(component.isExpired(mockSecret)).toBe(false);
-		});
-	});
-
-	describe('isExpiringSoon', () => {
-		it('should return true for secrets expiring within 7 days', () => {
-			const soonDate = new Date();
-			soonDate.setDate(soonDate.getDate() + 3);
-			const expiringSoonSecret: Secret = {
-				...mockSecret,
-				expiresAt: soonDate.toISOString(),
-			};
-			expect(component.isExpiringSoon(expiringSoonSecret)).toBe(true);
-		});
-
-		it('should return false for secrets expiring beyond 7 days', () => {
-			const laterDate = new Date();
-			laterDate.setDate(laterDate.getDate() + 14);
-			const notExpiringSoonSecret: Secret = {
-				...mockSecret,
-				expiresAt: laterDate.toISOString(),
-			};
-			expect(component.isExpiringSoon(notExpiringSoonSecret)).toBe(false);
-		});
-
-		it('should return false for already expired secrets', () => {
-			const expiredSecret: Secret = {
-				...mockSecret,
-				expiresAt: '2024-01-01',
-			};
-			expect(component.isExpiringSoon(expiredSecret)).toBe(false);
-		});
-
-		it('should return false for secrets without expiration', () => {
-			expect(component.isExpiringSoon(mockSecret)).toBe(false);
-		});
-
-		it('should return true for secrets expiring exactly in 7 days', () => {
-			const exactlySevenDays = new Date();
-			exactlySevenDays.setDate(exactlySevenDays.getDate() + 7);
-			const secret: Secret = {
-				...mockSecret,
-				expiresAt: exactlySevenDays.toISOString(),
-			};
-			expect(component.isExpiringSoon(secret)).toBe(true);
-		});
-	});
-
-	describe('openCreateDialog', () => {
-		it('should open create dialog with correct configuration', () => {
-			component.openCreateDialog();
-			expect(mockDialog.open).toHaveBeenCalledWith(CreateSecretDialogComponent, {
-				width: '500px',
-			});
-		});
-	});
-
-	describe('openEditDialog', () => {
-		it('should open edit dialog with secret data', () => {
-			component.openEditDialog(mockSecret);
-			expect(mockDialog.open).toHaveBeenCalledWith(EditSecretDialogComponent, {
-				width: '500px',
-				data: { secret: mockSecret },
-			});
-		});
-	});
-
-	describe('openDeleteDialog', () => {
-		it('should open delete dialog with secret data', () => {
-			component.openDeleteDialog(mockSecret);
-			expect(mockDialog.open).toHaveBeenCalledWith(DeleteSecretDialogComponent, {
-				width: '400px',
-				data: { secret: mockSecret },
-			});
-		});
-	});
-
-	describe('openAuditLogDialog', () => {
-		it('should open audit log dialog with secret data', () => {
-			component.openAuditLogDialog(mockSecret);
-			expect(mockDialog.open).toHaveBeenCalledWith(AuditLogDialogComponent, {
-				width: '800px',
-				maxHeight: '80vh',
-				data: { secret: mockSecret },
-			});
-		});
-	});
-
-	describe('onPageChange', () => {
-		it('should update pagination and reload secrets', () => {
-			const pageEvent: PageEvent = {
-				pageIndex: 1,
-				pageSize: 10,
-				length: 100,
-			};
-
-			// Update mock to return pagination matching the page change
-			mockSecretsService.fetchSecrets.mockImplementation(() =>
-				of({
-					data: [mockSecret],
-					pagination: { total: 100, currentPage: 2, perPage: 10, lastPage: 10 },
-				}),
-			);
-			mockSecretsService.fetchSecrets.mockClear();
-			component.onPageChange(pageEvent);
-
-			expect(component.pagination.currentPage).toBe(2);
-			expect(component.pagination.perPage).toBe(10);
-			expect(mockSecretsService.fetchSecrets).toHaveBeenCalledWith(2, 10, undefined);
-		});
-	});
-
-	describe('onSearchChange', () => {
-		it('should update searchQuery on search change', () => {
-			component.searchQuery = '';
-			component.onSearchChange('api-key');
-			// Note: onSearchChange emits to a Subject, which is debounced.
-			// We verify the component properly processes search changes through loadSecrets
-			// by testing that loadSecrets uses the searchQuery parameter
-		});
-
-		it('should pass search query to loadSecrets', () => {
-			mockSecretsService.fetchSecrets.mockClear();
-			component.searchQuery = 'test-search';
-			component.loadSecrets();
-
-			expect(mockSecretsService.fetchSecrets).toHaveBeenCalledWith(1, 20, 'test-search');
-		});
-
-		it('should reset to page 1 when loadSecrets is called with search query', () => {
-			component.pagination.currentPage = 3;
-			component.searchQuery = 'new-search';
-			mockSecretsService.fetchSecrets.mockClear();
-
-			// Simulate what happens in the debounced subscription
-			component.pagination.currentPage = 1;
-			component.loadSecrets();
-
-			expect(component.pagination.currentPage).toBe(1);
-			expect(mockSecretsService.fetchSecrets).toHaveBeenCalledWith(1, 20, 'new-search');
-		});
-	});
-
-	describe('secretsUpdated subscription', () => {
-		it('should reload secrets when secretsUpdated emits', () => {
-			mockSecretsService.fetchSecrets.mockClear();
-
-			secretsUpdatedSubject.next('created');
-
-			expect(mockSecretsService.fetchSecrets).toHaveBeenCalled();
-		});
-
-		it('should not reload secrets when secretsUpdated emits empty string', () => {
-			mockSecretsService.fetchSecrets.mockClear();
-
-			secretsUpdatedSubject.next('');
-
-			expect(mockSecretsService.fetchSecrets).not.toHaveBeenCalled();
-		});
-	});
-
-	describe('loadSecrets', () => {
-		it('should set loading to true while fetching', () => {
-			component.loading = false;
-			mockSecretsService.fetchSecrets.mockImplementation(() => of(createMockSecretsResponse()));
-
-			component.loadSecrets();
-
-			expect(component.loading).toBe(false);
-		});
-
-		it('should update secrets and pagination on successful fetch', () => {
-			const newResponse = {
-				data: [mockSecret, { ...mockSecret, id: '2', slug: 'test-2' }],
-				pagination: { total: 2, currentPage: 1, perPage: 20, lastPage: 1 },
-			};
-			mockSecretsService.fetchSecrets.mockReturnValue(of(newResponse));
-
-			component.loadSecrets();
-
-			expect(component.secrets).toEqual(newResponse.data);
-			expect(component.pagination).toEqual(newResponse.pagination);
-		});
-
-		it('should pass search query to fetchSecrets', () => {
-			mockSecretsService.fetchSecrets.mockClear();
-			component.searchQuery = 'api-key';
-
-			component.loadSecrets();
-
-			expect(mockSecretsService.fetchSecrets).toHaveBeenCalledWith(1, 20, 'api-key');
-		});
-
-		it('should pass undefined for empty search query', () => {
-			mockSecretsService.fetchSecrets.mockClear();
-			component.searchQuery = '';
-
-			component.loadSecrets();
-
-			expect(mockSecretsService.fetchSecrets).toHaveBeenCalledWith(1, 20, undefined);
-		});
-	});
-
-	describe('ngOnDestroy', () => {
-		it('should unsubscribe from all subscriptions', () => {
-			const unsubscribeSpy = vi.spyOn(component.subscriptions[0], 'unsubscribe');
-
-			component.ngOnDestroy();
-
-			expect(unsubscribeSpy).toHaveBeenCalled();
-		});
-	});
-});
diff --git a/frontend/src/app/components/secrets/secrets.component.ts b/frontend/src/app/components/secrets/secrets.component.ts
deleted file mode 100644
index e667d45dd..000000000
--- a/frontend/src/app/components/secrets/secrets.component.ts
+++ /dev/null
@@ -1,176 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, OnDestroy, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatChipsModule } from '@angular/material/chips';
-import { MatDialog } from '@angular/material/dialog';
-import { MatDividerModule } from '@angular/material/divider';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatPaginatorModule, PageEvent } from '@angular/material/paginator';
-import { MatTableModule } from '@angular/material/table';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Title } from '@angular/platform-browser';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { Subject, Subscription } from 'rxjs';
-import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
-import { Secret, SecretPagination } from 'src/app/models/secret';
-import { SecretsService } from 'src/app/services/secrets.service';
-import { ProfileSidebarComponent } from '../profile/profile-sidebar/profile-sidebar.component';
-import { PlaceholderTableDataComponent } from '../skeletons/placeholder-table-data/placeholder-table-data.component';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-import { AuditLogDialogComponent } from './audit-log-dialog/audit-log-dialog.component';
-import { CreateSecretDialogComponent } from './create-secret-dialog/create-secret-dialog.component';
-import { DeleteSecretDialogComponent } from './delete-secret-dialog/delete-secret-dialog.component';
-import { EditSecretDialogComponent } from './edit-secret-dialog/edit-secret-dialog.component';
-
-@Component({
-	selector: 'app-secrets',
-	templateUrl: './secrets.component.html',
-	styleUrls: ['./secrets.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatTableModule,
-		MatButtonModule,
-		MatIconModule,
-		MatMenuModule,
-		MatInputModule,
-		MatFormFieldModule,
-		MatPaginatorModule,
-		MatTooltipModule,
-		MatChipsModule,
-		MatDividerModule,
-		PlaceholderTableDataComponent,
-		AlertComponent,
-		ProfileSidebarComponent,
-	],
-})
-export class SecretsComponent implements OnInit, OnDestroy {
-	public secrets: Secret[] = [];
-	public pagination: SecretPagination = {
-		total: 0,
-		currentPage: 1,
-		perPage: 20,
-		lastPage: 1,
-	};
-	public loading = true;
-	public searchQuery = '';
-	public displayedColumns = ['slug', 'masterEncryption', 'expiresAt', 'updatedAt', 'actions'];
-	public subscriptions: Subscription[] = [];
-
-	private searchSubject = new Subject<string>();
-
-	constructor(
-		private _secrets: SecretsService,
-		private dialog: MatDialog,
-		private angulartics2: Angulartics2,
-		private title: Title,
-	) {}
-
-	ngOnInit(): void {
-		this.title.setTitle('Secrets | Rocketadmin');
-
-		this.loadSecrets();
-
-		const searchSub = this.searchSubject.pipe(debounceTime(300), distinctUntilChanged()).subscribe(() => {
-			this.pagination.currentPage = 1;
-			this.loadSecrets();
-		});
-		this.subscriptions.push(searchSub);
-
-		const updateSub = this._secrets.cast.subscribe((action) => {
-			if (action) {
-				this.loadSecrets();
-			}
-		});
-		this.subscriptions.push(updateSub);
-	}
-
-	ngOnDestroy(): void {
-		this.subscriptions.forEach((sub) => sub.unsubscribe());
-	}
-
-	loadSecrets(): void {
-		this.loading = true;
-		this._secrets
-			.fetchSecrets(this.pagination.currentPage, this.pagination.perPage, this.searchQuery || undefined)
-			.subscribe((response) => {
-				if (response) {
-					this.secrets = response.data;
-					this.pagination = response.pagination;
-				}
-				this.loading = false;
-			});
-	}
-
-	onSearchChange(query: string): void {
-		this.searchSubject.next(query);
-	}
-
-	onPageChange(event: PageEvent): void {
-		this.pagination.currentPage = event.pageIndex + 1;
-		this.pagination.perPage = event.pageSize;
-		this.loadSecrets();
-	}
-
-	isExpired(secret: Secret): boolean {
-		if (!secret.expiresAt) return false;
-		return new Date(secret.expiresAt) < new Date();
-	}
-
-	isExpiringSoon(secret: Secret): boolean {
-		if (!secret.expiresAt) return false;
-		const expiresAt = new Date(secret.expiresAt);
-		const now = new Date();
-		const sevenDaysFromNow = new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000);
-		return expiresAt > now && expiresAt <= sevenDaysFromNow;
-	}
-
-	openCreateDialog(): void {
-		this.dialog.open(CreateSecretDialogComponent, {
-			width: '500px',
-		});
-		this.angulartics2.eventTrack.next({
-			action: 'Secrets: create secret dialog opened',
-		});
-		posthog.capture('Secrets: create secret dialog opened');
-	}
-
-	openEditDialog(secret: Secret): void {
-		this.dialog.open(EditSecretDialogComponent, {
-			width: '500px',
-			data: { secret },
-		});
-		this.angulartics2.eventTrack.next({
-			action: 'Secrets: edit secret dialog opened',
-		});
-		posthog.capture('Secrets: edit secret dialog opened');
-	}
-
-	openDeleteDialog(secret: Secret): void {
-		this.dialog.open(DeleteSecretDialogComponent, {
-			width: '400px',
-			data: { secret },
-		});
-		this.angulartics2.eventTrack.next({
-			action: 'Secrets: delete secret dialog opened',
-		});
-		posthog.capture('Secrets: delete secret dialog opened');
-	}
-
-	openAuditLogDialog(secret: Secret): void {
-		this.dialog.open(AuditLogDialogComponent, {
-			width: '800px',
-			maxHeight: '80vh',
-			data: { secret },
-		});
-		this.angulartics2.eventTrack.next({
-			action: 'Secrets: audit log dialog opened',
-		});
-		posthog.capture('Secrets: audit log dialog opened');
-	}
-}
diff --git a/frontend/src/app/components/setup/setup.component.css b/frontend/src/app/components/setup/setup.component.css
deleted file mode 100644
index c9f7df615..000000000
--- a/frontend/src/app/components/setup/setup.component.css
+++ /dev/null
@@ -1,117 +0,0 @@
-:host app-alert:not(:empty) {
-	--alert-margin: 24px;
-
-	position: absolute;
-	top: var(--mat-toolbar-standard-height);
-	width: calc(100% - 48px);
-}
-
-.wrapper {
-	height: calc(100vh - 56px);
-	padding: 16px;
-}
-
-@media (width <= 600px) {
-	.wrapper {
-		padding: 0;
-		width: 100vw;
-	}
-}
-
-.setup-page {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	height: 100%;
-}
-
-@media (width <= 600px) {
-	.setup-page {
-		justify-content: flex-start;
-	}
-}
-
-.setup-form {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	width: clamp(360px, 30%, 600px);
-}
-
-@media (width <= 600px) {
-	.setup-form {
-		gap: 8px;
-		padding: 40px 9vw;
-		width: 100%;
-	}
-}
-
-.setup-header {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	padding-bottom: 40px;
-}
-
-@media (width <= 600px) {
-	.setup-header {
-		padding-bottom: 0;
-	}
-}
-
-.setup-header__logo {
-	margin-bottom: 36px;
-	width: 44px;
-}
-
-@media (width <= 600px) {
-	.setup-header__logo {
-		margin-bottom: 12px;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.setup-header__logo path {
-		fill: white;
-	}
-}
-
-.setup-title {
-	font-weight: 600 !important;
-	margin-bottom: 40px !important;
-	text-align: center !important;
-}
-
-.setup-title__emphasis {
-	color: var(--color-accentedPalette-500);
-}
-
-.setup-header__directions {
-	text-align: center;
-}
-
-@media (width <= 600px) {
-	.setup-header__directions {
-		display: none;
-	}
-}
-
-.setup-form__email {
-	width: 100%;
-}
-
-.setup-form__password {
-	width: 100%;
-}
-
-.setup-form__submit-button {
-	width: 100%;
-	margin-top: 40px;
-}
-
-@media (width <= 600px) {
-	.setup-form__submit-button {
-		margin-top: 0;
-	}
-}
diff --git a/frontend/src/app/components/setup/setup.component.html b/frontend/src/app/components/setup/setup.component.html
deleted file mode 100644
index 0a2d0e105..000000000
--- a/frontend/src/app/components/setup/setup.component.html
+++ /dev/null
@@ -1,48 +0,0 @@
-<app-alert></app-alert>
-
-<div class="wrapper background-decoration">
-    <div class="setup-page">
-        <form class="setup-form" #setupForm="ngForm" (ngSubmit)="createAdminAccount()">
-            <div class="setup-header">
-                <svg class="setup-header__logo" width="56" height="54" viewBox="0 0 56 54" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M47.2367 17.9125H35.1499C33.3671 17.9125 32.4833 16.5678 33.1783 14.9286L37.5295 4.71527C38.5191 2.39612 37.2651 0.5 34.742 0.5H23.4711C22.3682 0.5 21.1142 1.33097 20.6836 2.34323L15.4485 14.634C14.5798 16.6661 15.6827 18.328 17.8885 18.328H29.4465C30.7231 18.328 31.8789 19.0909 32.3775 20.2618L37.5295 32.3486C38.232 33.9954 37.3406 35.3401 35.5578 35.3401H8.62703C7.52411 35.3401 6.27011 36.1711 5.83952 37.1833L0.823517 48.9453C-0.166086 51.2644 1.08792 53.1605 3.61103 53.1605H29.8242C30.9271 53.1605 32.1811 52.3296 32.6117 51.3173L38.4435 37.629C38.9346 36.4808 40.0526 35.7405 41.299 35.7405H52.6833C54.9722 35.7405 56.1053 34.0181 55.2064 31.918L50.0242 19.7633C49.5936 18.751 48.3396 17.92 47.2367 17.92V17.9125Z" fill="#08041B"/>
-                </svg>
-                <h1 class="mat-headline-4 setup-title">
-                    Welcome to <br>
-                    <span class="setup-title__emphasis">Rocketadmin</span>
-                </h1>
-                <div class="mat-body-1 setup-header__directions">
-                    Create your admin account to get started.
-                </div>
-            </div>
-
-            <mat-form-field appearance="fill" floatLabel="always" class="setup-form__email">
-                <mat-label>Email</mat-label>
-                <input matInput type="email" name="email" emailValidator
-                    placeholder="Email"
-                    data-testid="setup-email-input"
-                    #emailInput="ngModel" required
-                    [ngModel]="email()"
-                    (ngModelChange)="onEmailChange($event)">
-                @if (emailInput.errors?.isInvalidEmail) {
-                    <mat-error>Invalid email format.</mat-error>
-                }
-            </mat-form-field>
-
-            <app-user-password
-                [value]="password()"
-                [label]="'Password'"
-                (onFieldChange)="onPasswordChange($event)"
-                class="setup-form__password">
-            </app-user-password>
-
-            <button
-                type="submit" mat-flat-button color="accent"
-                data-testid="setup-submit-button"
-                class="setup-form__submit-button"
-                [disabled]="submitting() || setupForm.form.invalid || setupForm.form.pristine">
-                {{ submitting() ? 'Creating...' : 'Create Admin Account' }}
-            </button>
-        </form>
-    </div>
-</div>
diff --git a/frontend/src/app/components/setup/setup.component.spec.ts b/frontend/src/app/components/setup/setup.component.spec.ts
deleted file mode 100644
index 031286bc4..000000000
--- a/frontend/src/app/components/setup/setup.component.spec.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter, Router } from '@angular/router';
-import { IPasswordStrengthMeterService } from 'angular-password-strength-meter';
-import { Angulartics2Module } from 'angulartics2';
-import { SelfhostedService } from 'src/app/services/selfhosted.service';
-import { SetupComponent } from './setup.component';
-
-type SetupComponentTestable = SetupComponent & {
-	email: ReturnType<typeof import('@angular/core').signal<string>>;
-	password: ReturnType<typeof import('@angular/core').signal<string>>;
-	submitting: ReturnType<typeof import('@angular/core').signal<boolean>>;
-};
-
-describe('SetupComponent', () => {
-	let component: SetupComponent;
-	let fixture: ComponentFixture<SetupComponent>;
-	let selfhostedService: SelfhostedService;
-	let router: Router;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [FormsModule, MatSnackBarModule, SetupComponent, BrowserAnimationsModule, Angulartics2Module.forRoot()],
-			providers: [provideHttpClient(), provideRouter([]), { provide: IPasswordStrengthMeterService, useValue: {} }],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(SetupComponent);
-		component = fixture.componentInstance;
-		selfhostedService = TestBed.inject(SelfhostedService);
-		router = TestBed.inject(Router);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should update email signal on change', () => {
-		const testable = component as SetupComponentTestable;
-		component.onEmailChange('test@example.com');
-		expect(testable.email()).toBe('test@example.com');
-	});
-
-	it('should update password signal on change', () => {
-		const testable = component as SetupComponentTestable;
-		component.onPasswordChange('SecurePass123');
-		expect(testable.password()).toBe('SecurePass123');
-	});
-
-	it('should not submit if email is empty', async () => {
-		const testable = component as SetupComponentTestable;
-		const fakeCreateInitialUser = vi.spyOn(selfhostedService, 'createInitialUser');
-
-		testable.email.set('');
-		testable.password.set('SecurePass123');
-
-		await component.createAdminAccount();
-		expect(fakeCreateInitialUser).not.toHaveBeenCalled();
-	});
-
-	it('should not submit if password is empty', async () => {
-		const testable = component as SetupComponentTestable;
-		const fakeCreateInitialUser = vi.spyOn(selfhostedService, 'createInitialUser');
-
-		testable.email.set('test@example.com');
-		testable.password.set('');
-
-		await component.createAdminAccount();
-		expect(fakeCreateInitialUser).not.toHaveBeenCalled();
-	});
-
-	it('should create admin account and navigate to login on success', async () => {
-		const testable = component as SetupComponentTestable;
-		const fakeCreateInitialUser = vi.spyOn(selfhostedService, 'createInitialUser').mockResolvedValue({ success: true });
-		const fakeNavigate = vi.spyOn(router, 'navigate').mockResolvedValue(true);
-
-		testable.email.set('admin@example.com');
-		testable.password.set('SecurePass123');
-
-		await component.createAdminAccount();
-
-		expect(fakeCreateInitialUser).toHaveBeenCalledWith({
-			email: 'admin@example.com',
-			password: 'SecurePass123',
-		});
-		expect(testable.submitting()).toBe(false);
-		expect(fakeNavigate).toHaveBeenCalledWith(['/login']);
-	});
-});
diff --git a/frontend/src/app/components/setup/setup.component.ts b/frontend/src/app/components/setup/setup.component.ts
deleted file mode 100644
index 5a57a6690..000000000
--- a/frontend/src/app/components/setup/setup.component.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, inject, signal } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Router } from '@angular/router';
-import { EmailValidationDirective } from 'src/app/directives/emailValidator.directive';
-import { SelfhostedService } from 'src/app/services/selfhosted.service';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-import { UserPasswordComponent } from '../ui-components/user-password/user-password.component';
-
-@Component({
-	selector: 'app-setup',
-	templateUrl: './setup.component.html',
-	styleUrls: ['./setup.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatButtonModule,
-		EmailValidationDirective,
-		AlertComponent,
-		UserPasswordComponent,
-	],
-})
-export class SetupComponent {
-	private _selfhostedService = inject(SelfhostedService);
-	private _router = inject(Router);
-
-	protected email = signal('');
-	protected password = signal('');
-	protected submitting = signal(false);
-
-	onEmailChange(value: string): void {
-		this.email.set(value);
-	}
-
-	onPasswordChange(value: string): void {
-		this.password.set(value);
-	}
-
-	async createAdminAccount(): Promise<void> {
-		if (!this.email() || !this.password()) {
-			return;
-		}
-
-		this.submitting.set(true);
-
-		try {
-			await this._selfhostedService.createInitialUser({
-				email: this.email(),
-				password: this.password(),
-			});
-			this._router.navigate(['/login']);
-		} catch {
-			// Error handling is done in the service
-		} finally {
-			this.submitting.set(false);
-		}
-	}
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.css b/frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.css
deleted file mode 100644
index 05ad30347..000000000
--- a/frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.css
+++ /dev/null
@@ -1,35 +0,0 @@
-.wrapper {
-	position: relative;
-	z-index: 1;
-}
-
-.form {
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-	padding: 20px 24px 20px 24px;
-}
-
-.form__field {
-	height: 44px;
-	width: 100%;
-}
-
-.form__string {
-	height: 20px;
-	margin-bottom: -12px;
-	width: 80%;
-}
-
-.actions {
-	display: flex;
-	justify-content: flex-end;
-	gap: 12px;
-	padding: 8px;
-}
-
-.form__button {
-	border-radius: 4px;
-	height: 36px;
-	width: 72px;
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.html b/frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.html
deleted file mode 100644
index 8e4b8936c..000000000
--- a/frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<div class="wrapper skeleton">
-    <div class="form">
-        <div class="bone form__field"></div>
-
-        <div class="bone form__string"></div>
-        <div class="bone form__string"></div>
-    </div>
-
-
-    <div class="actions">
-        <div class="bone form__button"></div>
-        <div class="bone form__button"></div>
-    </div>
-</div>
diff --git a/frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.spec.ts b/frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.spec.ts
deleted file mode 100644
index 83da49f29..000000000
--- a/frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.spec.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PlaceholderAddUserDialogComponent } from './placeholder-add-user-dialog.component';
-
-describe('PlaceholderAddUserDialogComponent', () => {
-	let component: PlaceholderAddUserDialogComponent;
-	let fixture: ComponentFixture<PlaceholderAddUserDialogComponent>;
-
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [PlaceholderAddUserDialogComponent],
-		});
-		fixture = TestBed.createComponent(PlaceholderAddUserDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.stories.ts
deleted file mode 100644
index 976c4e01a..000000000
--- a/frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.stories.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { moduleMetadata } from '@storybook/angular';
-import { PlaceholderAddUserDialogComponent } from './placeholder-add-user-dialog.component';
-
-const meta: Meta<PlaceholderAddUserDialogComponent> = {
-	title: 'Skeletons/PlaceholderAddUserDialog',
-	component: PlaceholderAddUserDialogComponent,
-	decorators: [
-		moduleMetadata({
-			declarations: [PlaceholderAddUserDialogComponent],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderAddUserDialogComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.ts b/frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.ts
deleted file mode 100644
index 35a2af67a..000000000
--- a/frontend/src/app/components/skeletons/placeholder-add-user-dialog/placeholder-add-user-dialog.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-	selector: 'app-placeholder-add-user-dialog',
-	templateUrl: './placeholder-add-user-dialog.component.html',
-	styleUrls: ['./placeholder-add-user-dialog.component.css'],
-})
-export class PlaceholderAddUserDialogComponent {}
diff --git a/frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.css b/frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.css
deleted file mode 100644
index d79ee9b69..000000000
--- a/frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.css
+++ /dev/null
@@ -1,33 +0,0 @@
-.list-item {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 4px 16px;
-	border-radius: 8px;
-	margin-bottom: 0;
-	min-height: 40px;
-}
-
-.list-item__info {
-	display: flex;
-	align-items: center;
-	gap: 12px;
-}
-
-.list-item__icon {
-	height: 24px;
-	width: 24px;
-	border-radius: 4px;
-}
-
-.list-item__title {
-	height: 20px;
-	width: 160px;
-	border-radius: 4px;
-}
-
-.list-item__button {
-	height: 32px;
-	width: 32px;
-	border-radius: 50%;
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.html b/frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.html
deleted file mode 100644
index cae6b0e90..000000000
--- a/frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="skeleton">
-    <div class="list-item" *ngFor="let _ of [1,2,3]">
-        <div class="list-item__info">
-            <div class="bone list-item__icon"></div>
-            <div class="bone list-item__title"></div>
-        </div>
-        <div class="bone list-item__button"></div>
-    </div>
-</div>
diff --git a/frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.stories.ts
deleted file mode 100644
index 6a07aa44e..000000000
--- a/frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.stories.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PlaceholderApiKeysListComponent } from './placeholder-api-keys-list.component';
-
-const meta: Meta<PlaceholderApiKeysListComponent> = {
-	title: 'Skeletons/PlaceholderApiKeysList',
-	component: PlaceholderApiKeysListComponent,
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderApiKeysListComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.ts b/frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.ts
deleted file mode 100644
index b0881de5f..000000000
--- a/frontend/src/app/components/skeletons/placeholder-api-keys-list/placeholder-api-keys-list.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { NgFor } from '@angular/common';
-import { Component } from '@angular/core';
-
-@Component({
-	selector: 'app-placeholder-api-keys-list',
-	templateUrl: './placeholder-api-keys-list.component.html',
-	styleUrls: ['./placeholder-api-keys-list.component.css'],
-	imports: [NgFor],
-})
-export class PlaceholderApiKeysListComponent {}
diff --git a/frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.css b/frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.html b/frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.html
deleted file mode 100644
index efef8ec9a..000000000
--- a/frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>placeholder-audit-log works!</p>
diff --git a/frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.spec.ts b/frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.spec.ts
deleted file mode 100644
index 9b4277e92..000000000
--- a/frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PlaceholderAuditLogComponent } from './placeholder-audit-log.component';
-
-describe('PlaceholderAuditLogComponent', () => {
-	let component: PlaceholderAuditLogComponent;
-	let fixture: ComponentFixture<PlaceholderAuditLogComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PlaceholderAuditLogComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PlaceholderAuditLogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.stories.ts
deleted file mode 100644
index 61c772955..000000000
--- a/frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.stories.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { moduleMetadata } from '@storybook/angular';
-import { PlaceholderAuditLogComponent } from './placeholder-audit-log.component';
-
-const meta: Meta<PlaceholderAuditLogComponent> = {
-	title: 'Skeletons/PlaceholderAuditLog',
-	component: PlaceholderAuditLogComponent,
-	decorators: [
-		moduleMetadata({
-			declarations: [PlaceholderAuditLogComponent],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderAuditLogComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.ts b/frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.ts
deleted file mode 100644
index c8c6cc4f0..000000000
--- a/frontend/src/app/components/skeletons/placeholder-audit-log/placeholder-audit-log.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-	selector: 'app-placeholder-audit-log',
-	templateUrl: './placeholder-audit-log.component.html',
-	styleUrls: ['./placeholder-audit-log.component.css'],
-})
-export class PlaceholderAuditLogComponent {}
diff --git a/frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.css b/frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.css
deleted file mode 100644
index b261d3fc1..000000000
--- a/frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.css
+++ /dev/null
@@ -1,40 +0,0 @@
-.wrapper {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	height: 100%;
-	margin: 0 auto;
-	padding: 16px;
-	max-width: 520px;
-	min-width: 300px;
-	width: 90%;
-}
-
-.title {
-	height: 32px;
-	margin-bottom: 32px;
-	width: 100%;
-}
-
-.form__field {
-	height: 44px;
-	width: 100%;
-}
-.form__string {
-	height: 24px;
-	margin-bottom: 16px;
-	width: 120px;
-}
-
-.form__button {
-	border-radius: 4px;
-	height: 36px;
-	margin-top: 16px;
-	margin-left: auto;
-	width: 64px;
-}
-
-.form-divider {
-	margin-top: 48px;
-	margin-bottom: 20px;
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.html b/frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.html
deleted file mode 100644
index e2d4758ba..000000000
--- a/frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<div class="wrapper">
-    <div class="skeleton">
-        <div class="bone title"></div>
-
-        <div class="bone form__string"></div>
-        <div class="bone form__field"></div>
-
-        <mat-divider class="form-divider"></mat-divider>
-
-        <div class="bone form__string"></div>
-        <div class="bone form__field"></div>
-
-        <div class="bone form__button"></div>
-    </div>
-</div>
diff --git a/frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.spec.ts b/frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.spec.ts
deleted file mode 100644
index 96b897533..000000000
--- a/frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PlaceholderCompanyInvitationComponent } from './placeholder-company-invitation.component';
-
-describe('PlaceholderCompanyInvitationComponent', () => {
-	let component: PlaceholderCompanyInvitationComponent;
-	let fixture: ComponentFixture<PlaceholderCompanyInvitationComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PlaceholderCompanyInvitationComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PlaceholderCompanyInvitationComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.stories.ts
deleted file mode 100644
index 9d59b2ae5..000000000
--- a/frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.stories.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PlaceholderCompanyInvitationComponent } from './placeholder-company-invitation.component';
-
-const meta: Meta<PlaceholderCompanyInvitationComponent> = {
-	title: 'Skeletons/PlaceholderCompanyInvitation',
-	component: PlaceholderCompanyInvitationComponent,
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderCompanyInvitationComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.ts b/frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.ts
deleted file mode 100644
index 88664e6df..000000000
--- a/frontend/src/app/components/skeletons/placeholder-company-invitation/placeholder-company-invitation.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-import { MatDividerModule } from '@angular/material/divider';
-
-@Component({
-	selector: 'app-placeholder-company-invitation',
-	templateUrl: './placeholder-company-invitation.component.html',
-	styleUrls: ['./placeholder-company-invitation.component.css'],
-	imports: [MatDividerModule],
-})
-export class PlaceholderCompanyInvitationComponent {}
diff --git a/frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.css b/frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.css
deleted file mode 100644
index ca898d48d..000000000
--- a/frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.css
+++ /dev/null
@@ -1,86 +0,0 @@
-.wrapper {
-	margin: var(--top-margin) auto;
-	padding: 0 clamp(40px, 5vw, 100px);
-	max-width: 1200px;
-	width: 100%;
-}
-
-@media (width <= 600px) {
-	.wrapper {
-		padding: 0 9vw;
-		width: 100vw;
-	}
-}
-
-.title {
-	height: 32px;
-	margin-bottom: 32px;
-	width: 332px;
-}
-
-.form__field {
-	height: 44px;
-	width: 100%;
-}
-
-.form__line {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	margin: 8px 0;
-}
-
-.form__line_invite {
-	margin-bottom: 16px;
-}
-
-.form__title {
-	height: 32px;
-	width: 142px;
-}
-
-@media (width <= 600px) {
-	.form__title {
-		width: 120px;
-	}
-}
-
-.form__string {
-	height: 24px;
-	width: 120px;
-}
-
-@media (width <= 600px) {
-	.form__string {
-		width: 80px;
-	}
-}
-
-.form__button {
-	border-radius: 4px;
-	height: 36px;
-}
-
-.form__button_plan {
-	width: 190px;
-}
-
-@media (width <= 600px) {
-	.form__button_plan {
-		width: 124px;
-	}
-}
-
-.form__button_invite {
-	width: 152px;
-}
-
-@media (width <= 600px) {
-	.form__button_plan {
-		width: 132px;
-	}
-}
-
-.form__table {
-	padding: 0 8px;
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.html b/frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.html
deleted file mode 100644
index 14c84f4f6..000000000
--- a/frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<div class="wrapper">
-    <div class="skeleton">
-        <div class="bone title"></div>
-        <div class="bone form__field"></div>
-
-        <div class="form__line">
-            <div class="bone form__string"></div>
-            <div class="bone form__button form__button_plan"></div>
-        </div>
-
-        <div class="form__line form__line_invite">
-            <div class="bone form__title"></div>
-            <div class="bone form__button form__button_invite"></div>
-        </div>
-
-        <div class="form__table">
-            <app-placeholder-table-data class="mat-elevation-z4"></app-placeholder-table-data>
-        </div>
-    </div>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.spec.ts b/frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.spec.ts
deleted file mode 100644
index 91e4042e4..000000000
--- a/frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PlaceholderCompanyComponent } from './placeholder-company.component';
-
-describe('PlaceholderCompanyComponent', () => {
-	let component: PlaceholderCompanyComponent;
-	let fixture: ComponentFixture<PlaceholderCompanyComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PlaceholderCompanyComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PlaceholderCompanyComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.stories.ts
deleted file mode 100644
index 413aee59d..000000000
--- a/frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.stories.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PlaceholderCompanyComponent } from './placeholder-company.component';
-
-const meta: Meta<PlaceholderCompanyComponent> = {
-	title: 'Skeletons/PlaceholderCompany',
-	component: PlaceholderCompanyComponent,
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderCompanyComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.ts b/frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.ts
deleted file mode 100644
index 2a82d08b4..000000000
--- a/frontend/src/app/components/skeletons/placeholder-company/placeholder-company.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { PlaceholderTableDataComponent } from '../placeholder-table-data/placeholder-table-data.component';
-
-@Component({
-	selector: 'app-placeholder-company',
-	templateUrl: './placeholder-company.component.html',
-	styleUrls: ['./placeholder-company.component.css'],
-	imports: [CommonModule, PlaceholderTableDataComponent],
-})
-export class PlaceholderCompanyComponent {}
diff --git a/frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.css b/frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.css
deleted file mode 100644
index 742d3a166..000000000
--- a/frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.css
+++ /dev/null
@@ -1,59 +0,0 @@
-.form {
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-	grid-gap: 20px;
-	margin: 0 auto 40px;
-	width: 100%;
-}
-
-.form__line {
-	display: flex;
-	align-items: center;
-	gap: 20px;
-}
-
-.form__field {
-	height: 44px;
-	width: 100%;
-}
-
-.form__field_full {
-	grid-column: 1 / span 2;
-}
-
-.form__logo {
-	flex-shrink: 0;
-	border-radius: 50%;
-	height: 24px;
-	width: 24px;
-}
-
-.actions {
-	position: fixed;
-	left: 0;
-	bottom: 0;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 20px;
-	background-color: var(--mat-sidenav-content-background-color);
-	box-shadow:
-		0 3px 1px -2px rgba(0, 0, 0, 0.2),
-		0 2px 2px 0 rgba(0, 0, 0, 0.14),
-		0 1px 5px 0 rgba(0, 0, 0, 0.12);
-	height: 64px;
-	padding: 0 max(calc(50vw - 325px), 2%);
-	width: 100vw;
-}
-
-.actions__button {
-	border-radius: 4px;
-	height: 36px;
-	width: 72px;
-	mix-blend-mode: normal !important;
-	z-index: 2;
-}
-
-.actions__button_left {
-	margin-right: auto;
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.html b/frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.html
deleted file mode 100644
index d06107795..000000000
--- a/frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<div class="wrapper skeleton">
-    <div class="form">
-        <div class="form__line form__field_full">
-            <div class="bone form__logo"></div>
-            <div class="bone form__field"></div>
-        </div>
-
-        <div class="bone form__field form__field_full"></div>
-
-
-        <div class="bone form__field"></div>
-        <div class="bone form__field"></div>
-
-
-        <div class="bone form__field form__field_full"></div>
-    </div>
-    <div class="actions">
-        <div class="bone actions__button actions__button_left"></div>
-        <div class="bone actions__button"></div>
-    </div>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.spec.ts b/frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.spec.ts
deleted file mode 100644
index dcb376086..000000000
--- a/frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PlaceholderConnectionSettingsComponent } from './placeholder-connection-settings.component';
-
-describe('PlaceholderConnectionSettingsComponent', () => {
-	let component: PlaceholderConnectionSettingsComponent;
-	let fixture: ComponentFixture<PlaceholderConnectionSettingsComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PlaceholderConnectionSettingsComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PlaceholderConnectionSettingsComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.stories.ts
deleted file mode 100644
index d0be16f07..000000000
--- a/frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.stories.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { moduleMetadata } from '@storybook/angular';
-import { PlaceholderConnectionSettingsComponent } from './placeholder-connection-settings.component';
-
-const meta: Meta<PlaceholderConnectionSettingsComponent> = {
-	title: 'Skeletons/PlaceholderConnectionSettings',
-	component: PlaceholderConnectionSettingsComponent,
-	decorators: [
-		moduleMetadata({
-			declarations: [PlaceholderConnectionSettingsComponent],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderConnectionSettingsComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.ts b/frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.ts
deleted file mode 100644
index 7689177e8..000000000
--- a/frontend/src/app/components/skeletons/placeholder-connection-settings/placeholder-connection-settings.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-	selector: 'app-placeholder-connection-settings',
-	templateUrl: './placeholder-connection-settings.component.html',
-	styleUrls: ['./placeholder-connection-settings.component.css'],
-})
-export class PlaceholderConnectionSettingsComponent {}
diff --git a/frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.css b/frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.css
deleted file mode 100644
index a5d4843b8..000000000
--- a/frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.css
+++ /dev/null
@@ -1,36 +0,0 @@
-.connections {
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: center;
-	gap: 20px;
-	width: 100%;
-}
-
-@media (width <= 600px) {
-	.connections {
-		flex-direction: column;
-	}
-}
-
-.connectionCard {
-	flex: 0 0 calc((100% - 40px) / 3);
-	border-radius: 4px;
-	height: 148px;
-	width: 100%;
-}
-
-@media (width <= 600px) {
-	.connectionCard {
-		flex: initial;
-	}
-}
-
-.connectionAddButton {
-	align-self: flex-end;
-	border-radius: 24px;
-	height: 48px;
-	margin-top: 36px;
-	margin-bottom: 32px;
-	margin-left: auto;
-	width: 178px;
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.html b/frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.html
deleted file mode 100644
index fc592b412..000000000
--- a/frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="skeleton">
-    <div class="connections">
-        <div class="bone connectionCard"></div>
-        <div class="bone connectionCard"></div>
-        <div class="bone connectionCard"></div>
-    </div>
-
-    <div class="bone connectionAddButton"></div>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.spec.ts b/frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.spec.ts
deleted file mode 100644
index b09e13402..000000000
--- a/frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PlaceholderConnectionsComponent } from './placeholder-connections.component';
-
-describe('PlaceholderConnectionsComponent', () => {
-	let component: PlaceholderConnectionsComponent;
-	let fixture: ComponentFixture<PlaceholderConnectionsComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PlaceholderConnectionsComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PlaceholderConnectionsComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.stories.ts
deleted file mode 100644
index 99e09da62..000000000
--- a/frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.stories.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { moduleMetadata } from '@storybook/angular';
-import { PlaceholderConnectionsComponent } from './placeholder-connections.component';
-
-const meta: Meta<PlaceholderConnectionsComponent> = {
-	title: 'Skeletons/PlaceholderConnections',
-	component: PlaceholderConnectionsComponent,
-	decorators: [
-		moduleMetadata({
-			declarations: [PlaceholderConnectionsComponent],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderConnectionsComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.ts b/frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.ts
deleted file mode 100644
index eaf94b7bc..000000000
--- a/frontend/src/app/components/skeletons/placeholder-connections/placeholder-connections.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-	selector: 'app-placeholder-connections',
-	templateUrl: './placeholder-connections.component.html',
-	styleUrls: ['./placeholder-connections.component.css'],
-})
-export class PlaceholderConnectionsComponent {}
diff --git a/frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.css b/frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.css
deleted file mode 100644
index 95792456a..000000000
--- a/frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.css
+++ /dev/null
@@ -1,58 +0,0 @@
-.dashboards-grid {
-	display: grid;
-	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-	gap: 24px;
-}
-
-@media (width <= 600px) {
-	.dashboards-grid {
-		grid-template-columns: 1fr;
-		gap: 16px;
-	}
-}
-
-.dashboard-card {
-	border-radius: 4px;
-	overflow: hidden;
-}
-
-.card-preview {
-	height: 160px;
-}
-
-.card-content {
-	padding: 16px;
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-}
-
-.card-title {
-	height: 20px;
-	width: 60%;
-	border-radius: 4px;
-}
-
-.card-description {
-	height: 16px;
-	width: 80%;
-	border-radius: 4px;
-}
-
-.card-meta {
-	display: flex;
-	justify-content: space-between;
-	margin-top: 4px;
-}
-
-.card-meta-left {
-	height: 14px;
-	width: 80px;
-	border-radius: 4px;
-}
-
-.card-meta-right {
-	height: 14px;
-	width: 60px;
-	border-radius: 4px;
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.html b/frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.html
deleted file mode 100644
index ddca61138..000000000
--- a/frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<div class="skeleton">
-    <div class="dashboards-grid">
-        <div class="dashboard-card">
-            <div class="bone card-preview"></div>
-            <div class="card-content">
-                <div class="bone card-title"></div>
-                <div class="bone card-description"></div>
-                <div class="card-meta">
-                    <div class="bone card-meta-left"></div>
-                    <div class="bone card-meta-right"></div>
-                </div>
-            </div>
-        </div>
-        <div class="dashboard-card">
-            <div class="bone card-preview"></div>
-            <div class="card-content">
-                <div class="bone card-title"></div>
-                <div class="bone card-description"></div>
-                <div class="card-meta">
-                    <div class="bone card-meta-left"></div>
-                    <div class="bone card-meta-right"></div>
-                </div>
-            </div>
-        </div>
-        <div class="dashboard-card">
-            <div class="bone card-preview"></div>
-            <div class="card-content">
-                <div class="bone card-title"></div>
-                <div class="bone card-description"></div>
-                <div class="card-meta">
-                    <div class="bone card-meta-left"></div>
-                    <div class="bone card-meta-right"></div>
-                </div>
-            </div>
-        </div>
-        <div class="dashboard-card">
-            <div class="bone card-preview"></div>
-            <div class="card-content">
-                <div class="bone card-title"></div>
-                <div class="bone card-description"></div>
-                <div class="card-meta">
-                    <div class="bone card-meta-left"></div>
-                    <div class="bone card-meta-right"></div>
-                </div>
-            </div>
-        </div>
-        <div class="dashboard-card">
-            <div class="bone card-preview"></div>
-            <div class="card-content">
-                <div class="bone card-title"></div>
-                <div class="bone card-description"></div>
-                <div class="card-meta">
-                    <div class="bone card-meta-left"></div>
-                    <div class="bone card-meta-right"></div>
-                </div>
-            </div>
-        </div>
-        <div class="dashboard-card">
-            <div class="bone card-preview"></div>
-            <div class="card-content">
-                <div class="bone card-title"></div>
-                <div class="bone card-description"></div>
-                <div class="card-meta">
-                    <div class="bone card-meta-left"></div>
-                    <div class="bone card-meta-right"></div>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.stories.ts
deleted file mode 100644
index 5247cfd83..000000000
--- a/frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.stories.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { moduleMetadata } from '@storybook/angular';
-import { PlaceholderDashboardsComponent } from './placeholder-dashboards.component';
-
-const meta: Meta<PlaceholderDashboardsComponent> = {
-	title: 'Skeletons/PlaceholderDashboards',
-	component: PlaceholderDashboardsComponent,
-	decorators: [
-		moduleMetadata({
-			declarations: [PlaceholderDashboardsComponent],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderDashboardsComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.ts b/frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.ts
deleted file mode 100644
index 585f95e4b..000000000
--- a/frontend/src/app/components/skeletons/placeholder-dashboards/placeholder-dashboards.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-	selector: 'app-placeholder-dashboards',
-	templateUrl: './placeholder-dashboards.component.html',
-	styleUrls: ['./placeholder-dashboards.component.css'],
-})
-export class PlaceholderDashboardsComponent {}
diff --git a/frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.css b/frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.css
deleted file mode 100644
index 8f17fb8be..000000000
--- a/frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.css
+++ /dev/null
@@ -1,42 +0,0 @@
-.loading-related-records {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 0 8px 0 16px;
-}
-
-.loading-related-records__title {
-	mix-blend-mode: normal !important;
-	height: 28px;
-	width: 120px;
-}
-
-.loading-related-records__button {
-	mix-blend-mode: normal !important;
-	border-radius: 50%;
-	height: 36px;
-	width: 36px;
-}
-
-.record-field {
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	padding: 12px 16px;
-}
-
-.record-field:not(:last-child) {
-	border-bottom: solid 1px rgba(0, 0, 0, 0.12);
-}
-
-.record-field__key {
-	mix-blend-mode: normal !important;
-	height: 20px;
-	width: 120px;
-}
-
-.record-field__value {
-	mix-blend-mode: normal !important;
-	height: 20px;
-	width: 200px;
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.html b/frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.html
deleted file mode 100644
index c45399893..000000000
--- a/frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<div class="wrapper skeleton">
-    <div>
-        <div class="skeleton loading-related-records">
-            <div class="bone loading-related-records__title"></div>
-            <div class="bone loading-related-records__button"></div>
-        </div>
-    </div>
-    <div class="record-field">
-        <div class="bone record-field__key"></div>
-        <div class="bone record-field__value"></div>
-    </div>
-    <div class="record-field">
-        <div class="bone record-field__key"></div>
-        <div class="bone record-field__value"></div>
-    </div>
-    <div class="record-field">
-        <div class="bone record-field__key"></div>
-        <div class="bone record-field__value"></div>
-    </div>
-    <div class="record-field">
-        <div class="bone record-field__key"></div>
-        <div class="bone record-field__value"></div>
-    </div>
-    <div class="record-field">
-        <div class="bone record-field__key"></div>
-        <div class="bone record-field__value"></div>
-    </div>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.spec.ts b/frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.spec.ts
deleted file mode 100644
index 6347aeb4c..000000000
--- a/frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PlaceholderRecordViewComponent } from './placeholder-record-view.component';
-
-describe('PlaceholderRecordViewComponent', () => {
-	let component: PlaceholderRecordViewComponent;
-	let fixture: ComponentFixture<PlaceholderRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PlaceholderRecordViewComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PlaceholderRecordViewComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.stories.ts
deleted file mode 100644
index 499f41d6c..000000000
--- a/frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.stories.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PlaceholderRecordViewComponent } from './placeholder-record-view.component';
-
-const meta: Meta<PlaceholderRecordViewComponent> = {
-	title: 'Skeletons/PlaceholderRecordView',
-	component: PlaceholderRecordViewComponent,
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderRecordViewComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.ts b/frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.ts
deleted file mode 100644
index 346edfe96..000000000
--- a/frontend/src/app/components/skeletons/placeholder-record-view/placeholder-record-view.component.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-	selector: 'app-placeholder-record-view',
-	imports: [],
-	templateUrl: './placeholder-record-view.component.html',
-	styleUrl: './placeholder-record-view.component.css',
-})
-export class PlaceholderRecordViewComponent {}
diff --git a/frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.css b/frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.css
deleted file mode 100644
index ef863add1..000000000
--- a/frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.css
+++ /dev/null
@@ -1,74 +0,0 @@
-.wrapper {
-	position: relative;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	padding: 36px 0 16px;
-}
-
-.row-edit-header {
-	display: flex;
-	align-items: center;
-}
-
-.row-edit-header__breadcrumb {
-	border-radius: 4px;
-	height: 36px;
-}
-
-.row-edit-header__breadcrumb_1 {
-	width: 120px;
-}
-
-.row-edit-header__breadcrumb_2 {
-	width: 172px;
-}
-
-.row-edit-header__breadcrumb_3 {
-	width: 80px;
-}
-
-.form {
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-	margin: 28px auto 40px;
-	max-width: 520px;
-	min-width: 300px;
-	width: 96%;
-}
-
-.form__field {
-	height: 44px;
-	width: 100%;
-}
-
-.actions {
-	position: fixed;
-	left: 0;
-	bottom: 0;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 20px;
-	background-color: var(--mat-sidenav-content-background-color);
-	box-shadow:
-		0 3px 1px -2px rgba(0, 0, 0, 0.2),
-		0 2px 2px 0 rgba(0, 0, 0, 0.14),
-		0 1px 5px 0 rgba(0, 0, 0, 0.12);
-	height: 64px;
-	padding: 0 max(calc(50vw - 260px), 2%);
-	width: 100vw;
-}
-
-.actions__button {
-	border-radius: 4px;
-	height: 36px;
-	width: 80px;
-	mix-blend-mode: normal !important;
-	z-index: 2;
-}
-
-.actions__button_left {
-	margin-right: auto;
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.html b/frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.html
deleted file mode 100644
index 90bd13cf8..000000000
--- a/frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<div class="wrapper skeleton">
-    <div class="row-edit-header">
-        <div class="bone row-edit-header__breadcrumb row-edit-header__breadcrumb_1"></div>
-        <mat-icon>chevron_right</mat-icon>
-        <div class="bone row-edit-header__breadcrumb row-edit-header__breadcrumb_2"></div>
-        <mat-icon>chevron_right</mat-icon>
-        <div class="bone row-edit-header__breadcrumb row-edit-header__breadcrumb_3"></div>
-    </div>
-    <div class="form">
-        <div class="bone form__field"></div>
-        <div class="bone form__field"></div>
-        <div class="bone form__field"></div>
-        <div class="bone form__field"></div>
-        <div class="bone form__field"></div>
-    </div>
-    <div class="actions">
-        <div class="bone actions__button actions__button_left"></div>
-        <div class="bone actions__button"></div>
-        <div class="bone actions__button"></div>
-    </div>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.spec.ts b/frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.spec.ts
deleted file mode 100644
index 7769133e6..000000000
--- a/frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PlaceholderRowEditComponent } from './placeholder-row-edit.component';
-
-describe('PlaceholderRowEditComponent', () => {
-	let component: PlaceholderRowEditComponent;
-	let fixture: ComponentFixture<PlaceholderRowEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PlaceholderRowEditComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PlaceholderRowEditComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.stories.ts
deleted file mode 100644
index c453f9f36..000000000
--- a/frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.stories.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PlaceholderRowEditComponent } from './placeholder-row-edit.component';
-
-const meta: Meta<PlaceholderRowEditComponent> = {
-	title: 'Skeletons/PlaceholderRowEdit',
-	component: PlaceholderRowEditComponent,
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderRowEditComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.ts b/frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.ts
deleted file mode 100644
index 0c0cd17f8..000000000
--- a/frontend/src/app/components/skeletons/placeholder-row-edit/placeholder-row-edit.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { MatIconModule } from '@angular/material/icon';
-
-@Component({
-	selector: 'app-placeholder-row-edit',
-	templateUrl: './placeholder-row-edit.component.html',
-	styleUrls: ['./placeholder-row-edit.component.css'],
-	imports: [MatIconModule, CommonModule],
-})
-export class PlaceholderRowEditComponent {}
diff --git a/frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.css b/frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.css
deleted file mode 100644
index 277ae786b..000000000
--- a/frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.css
+++ /dev/null
@@ -1,31 +0,0 @@
-.box {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	width: 100%;
-}
-
-.edit-button {
-	height: 36px;
-	width: 36px;
-	border-radius: 50%;
-	margin-right: 8px;
-	/* mix-blend-mode: normal !important; */
-}
-
-.saved-filter {
-	height: 32px;
-	border-radius: 4px;
-}
-
-.saved-filter_1 {
-	width: 100px;
-}
-
-.saved-filter_2 {
-	width: 150px;
-}
-
-.saved-filter_3 {
-	width: 200px;
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.html b/frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.html
deleted file mode 100644
index 397079f46..000000000
--- a/frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="box skeleton">
-    <div class="bone edit-button"></div>
-    <div class="bone saved-filter saved-filter_1"></div>
-    <div class="bone saved-filter saved-filter_2"></div>
-    <div class="bone saved-filter saved-filter_3"></div>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.spec.ts b/frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.spec.ts
deleted file mode 100644
index ee3ef5da3..000000000
--- a/frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PlaceholderSavedFiltersComponent } from './placeholder-saved-filters.component';
-
-describe('PlaceholderSavedFiltersComponent', () => {
-	let component: PlaceholderSavedFiltersComponent;
-	let fixture: ComponentFixture<PlaceholderSavedFiltersComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PlaceholderSavedFiltersComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PlaceholderSavedFiltersComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.stories.ts
deleted file mode 100644
index 9b589bd42..000000000
--- a/frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.stories.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { moduleMetadata } from '@storybook/angular';
-import { PlaceholderSavedFiltersComponent } from './placeholder-saved-filters.component';
-
-const meta: Meta<PlaceholderSavedFiltersComponent> = {
-	title: 'Skeletons/PlaceholderSavedFilters',
-	component: PlaceholderSavedFiltersComponent,
-	decorators: [
-		moduleMetadata({
-			declarations: [PlaceholderSavedFiltersComponent],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderSavedFiltersComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.ts b/frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.ts
deleted file mode 100644
index 73ef7f401..000000000
--- a/frontend/src/app/components/skeletons/placeholder-saved-filters/placeholder-saved-filters.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-	selector: 'app-placeholder-saved-filters',
-	templateUrl: './placeholder-saved-filters.component.html',
-	styleUrls: ['./placeholder-saved-filters.component.css'],
-})
-export class PlaceholderSavedFiltersComponent {}
diff --git a/frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.css b/frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.css
deleted file mode 100644
index 1b2301f0d..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.css
+++ /dev/null
@@ -1,72 +0,0 @@
-.data-table {
-	display: grid;
-	grid-template-columns: 56px 20% 30% 7% 8% 15% calc(20% - 56px);
-	overflow: auto;
-	width: 100%;
-}
-
-.table-cell {
-	border-bottom: 1px solid #0000001f;
-	box-sizing: border-box;
-	padding: 8px 16px;
-}
-
-.table-cell-content {
-	height: 24px;
-}
-
-.data-table_mobile {
-	display: none;
-}
-
-@media (width <= 600px) {
-	.data-table_desktop {
-		display: none;
-	}
-
-	:host {
-		display: block;
-		box-shadow: none !important;
-	}
-
-	.data-table_mobile {
-		display: flex;
-		flex-direction: column;
-		gap: 12px;
-		padding: 0 0 16px;
-	}
-
-	.mobile-card {
-		background: var(--mat-table-background-color, #fff);
-		border: none;
-		border-radius: 12px;
-		padding: 12px 16px;
-		display: flex;
-		flex-direction: column;
-		gap: 8px;
-	}
-
-	.mobile-card__value {
-		width: 100%;
-		height: 14px;
-		border-radius: 4px;
-	}
-
-	.mobile-card__value_short {
-		width: 30%;
-	}
-
-	.mobile-card__value_medium {
-		width: 60%;
-	}
-
-	.mobile-card__value_long {
-		width: 80%;
-	}
-}
-
-@media (prefers-color-scheme: dark) and (width <= 600px) {
-	.mobile-card {
-		background: var(--surface-dark-color);
-	}
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.html b/frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.html
deleted file mode 100644
index 20d8b6c0f..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<div class="mat-elevation-z4 data-table data-table_desktop">
-    <div *ngFor="let _ of numberOfDivs; let i = index" class="table-cell">
-        <div class="bone table-cell-content"></div>
-    </div>
-</div>
-
-<div class="data-table_mobile">
-    <div *ngFor="let _ of numberOfCards; let i = index" class="mobile-card mat-elevation-z2">
-        <div class="bone mobile-card__value mobile-card__value_short"></div>
-        <div class="bone mobile-card__value"></div>
-        <div class="bone mobile-card__value mobile-card__value_medium"></div>
-        <div class="bone mobile-card__value mobile-card__value_long"></div>
-    </div>
-</div>
diff --git a/frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.spec.ts b/frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.spec.ts
deleted file mode 100644
index cdd2d655c..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PlaceholderTableDataComponent } from './placeholder-table-data.component';
-
-describe('PlaceholderTableDataComponent', () => {
-	let component: PlaceholderTableDataComponent;
-	let fixture: ComponentFixture<PlaceholderTableDataComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PlaceholderTableDataComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PlaceholderTableDataComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.stories.ts
deleted file mode 100644
index 8a3674bf3..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.stories.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PlaceholderTableDataComponent } from './placeholder-table-data.component';
-
-const meta: Meta<PlaceholderTableDataComponent> = {
-	title: 'Skeletons/PlaceholderTableData',
-	component: PlaceholderTableDataComponent,
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderTableDataComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.ts b/frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.ts
deleted file mode 100644
index a15ac8a0d..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-data/placeholder-table-data.component.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { NgForOf } from '@angular/common';
-import { Component } from '@angular/core';
-
-@Component({
-	selector: 'app-placeholder-table-data',
-	templateUrl: './placeholder-table-data.component.html',
-	styleUrls: ['./placeholder-table-data.component.css'],
-	imports: [NgForOf],
-})
-export class PlaceholderTableDataComponent {
-	public numberOfDivs = Array.from({ length: 42 }, (_, index) => index);
-	public numberOfCards = Array.from({ length: 6 }, (_, index) => index);
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.css b/frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.css
deleted file mode 100644
index e3e75d2da..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.css
+++ /dev/null
@@ -1,129 +0,0 @@
-.wrapper {
-	position: relative;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	padding: 36px 0 16px;
-}
-
-@media (width <= 600px) {
-	.wrapper {
-		padding: 36px 9vw 16px;
-	}
-}
-
-.row-edit-header {
-	display: flex;
-	align-items: center;
-}
-
-.row-edit-header__breadcrumb {
-	border-radius: 4px;
-	height: 36px;
-}
-
-.row-edit-header__breadcrumb_1 {
-	width: 120px;
-}
-
-@media (width <= 600px) {
-	.row-edit-header__breadcrumb_1 {
-		width: 60px;
-	}
-}
-
-.row-edit-header__breadcrumb_2 {
-	width: 172px;
-}
-
-@media (width <= 600px) {
-	.row-edit-header__breadcrumb_2 {
-		width: 120px;
-	}
-}
-
-.row-edit-header__breadcrumb_3 {
-	width: 80px;
-}
-
-@media (width <= 600px) {
-	.row-edit-header__breadcrumb_3 {
-		width: 52px;
-	}
-}
-
-.form {
-	display: flex;
-	flex-direction: column;
-	margin: 28px auto 40px;
-	padding: 0 max(calc(50vw - 325px), 10%);
-	width: 100%;
-}
-
-@media (width <= 600px) {
-	.form {
-		padding: 0;
-	}
-}
-
-.form__heading {
-	height: 32px;
-	margin-top: 20px;
-	margin-bottom: -4px;
-	width: 142px;
-}
-
-.form__line {
-	display: flex;
-	align-items: center;
-	gap: 12px;
-}
-
-.form__field {
-	height: 44px;
-	margin-top: 20px;
-	width: 100%;
-}
-
-.form__info {
-	height: 16px;
-	margin-top: 4px;
-	width: 63%;
-}
-
-.form__addButton {
-	border-radius: 4px;
-	height: 36px;
-	margin-bottom: -20px;
-	width: 72px;
-}
-
-.actions {
-	position: fixed;
-	left: 0;
-	bottom: 0;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 20px;
-	background-color: var(--mat-sidenav-content-background-color);
-	box-shadow:
-		0 3px 1px -2px rgba(0, 0, 0, 0.2),
-		0 2px 2px 0 rgba(0, 0, 0, 0.14),
-		0 1px 5px 0 rgba(0, 0, 0, 0.12);
-	height: 64px;
-	padding: 0 max(calc(50vw - 325px), 2%);
-	width: 100vw;
-}
-
-.actions__button {
-	border-radius: 4px;
-	height: 36px;
-	width: 72px;
-	mix-blend-mode: normal !important;
-	z-index: 2;
-}
-
-.actions__button_left {
-	margin-right: auto;
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.html b/frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.html
deleted file mode 100644
index 85f0b00aa..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.html
+++ /dev/null
@@ -1,52 +0,0 @@
-<div class="wrapper skeleton">
-    <div class="row-edit-header">
-        <div class="bone row-edit-header__breadcrumb row-edit-header__breadcrumb_1"></div>
-        <mat-icon>chevron_right</mat-icon>
-        <div class="bone row-edit-header__breadcrumb row-edit-header__breadcrumb_2"></div>
-        <mat-icon>chevron_right</mat-icon>
-        <div class="bone row-edit-header__breadcrumb row-edit-header__breadcrumb_3"></div>
-    </div>
-    <div class="form">
-        <div class="bone form__heading"></div>
-
-        <div class="form__line">
-            <div class="bone form__field"></div>
-            <div class="bone form__addButton"></div>
-        </div>
-
-        <div class="bone form__field"></div>
-        <div class="bone form__info"></div>
-
-        <div class="bone form__field"></div>
-        <div class="bone form__info"></div>
-
-        <div class="bone form__field"></div>
-        <div class="bone form__info"></div>
-
-        <div class="bone form__field"></div>
-        <div class="bone form__info"></div>
-
-        <div class="bone form__field"></div>
-        <div class="bone form__info"></div>
-
-        <div class="bone form__field"></div>
-        <div class="bone form__info"></div>
-
-        <div class="bone form__field"></div>
-        <div class="bone form__info"></div>
-
-        <div class="bone form__field"></div>
-        <div class="bone form__info"></div>
-
-        <div class="bone form__field"></div>
-        <div class="bone form__info"></div>
-
-        <div class="bone form__field"></div>
-        <div class="bone form__info"></div>
-    </div>
-    <div class="actions">
-        <div class="bone actions__button actions__button_left"></div>
-        <div class="bone actions__button"></div>
-        <div class="bone actions__button"></div>
-    </div>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.spec.ts b/frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.spec.ts
deleted file mode 100644
index 7eba8eb98..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PlaceholderTableSettingsComponent } from './placeholder-table-settings.component';
-
-describe('PlaceholderTableSettingsComponent', () => {
-	let component: PlaceholderTableSettingsComponent;
-	let fixture: ComponentFixture<PlaceholderTableSettingsComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PlaceholderTableSettingsComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PlaceholderTableSettingsComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.stories.ts
deleted file mode 100644
index 7c101aec4..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.stories.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PlaceholderTableSettingsComponent } from './placeholder-table-settings.component';
-
-const meta: Meta<PlaceholderTableSettingsComponent> = {
-	title: 'Skeletons/PlaceholderTableSettings',
-	component: PlaceholderTableSettingsComponent,
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderTableSettingsComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.ts b/frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.ts
deleted file mode 100644
index 3ce2dcb75..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-settings/placeholder-table-settings.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { MatIconModule } from '@angular/material/icon';
-
-@Component({
-	selector: 'app-placeholder-table-settings',
-	templateUrl: './placeholder-table-settings.component.html',
-	styleUrls: ['./placeholder-table-settings.component.css'],
-	imports: [CommonModule, MatIconModule],
-})
-export class PlaceholderTableSettingsComponent {}
diff --git a/frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.css b/frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.css
deleted file mode 100644
index 2e215346c..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.css
+++ /dev/null
@@ -1,48 +0,0 @@
-.placeholder {
-	display: flex;
-	height: 100%;
-}
-
-.sidebar {
-	border-right: solid 1px rgba(0, 0, 0, 0.12);
-	height: 100%;
-	max-width: 240px;
-	width: 14%;
-}
-
-.table-header {
-	display: flex;
-	margin-top: 8px;
-	padding: 12px 0;
-	width: 100%;
-}
-
-.table-header__title {
-	margin-right: auto;
-	height: 36px;
-	width: 15vw;
-}
-
-.table-header__search {
-	border-radius: 4px 4px 0 0;
-	height: 36px;
-	width: 200px;
-}
-
-.table-header__button {
-	border-radius: 4px;
-	margin-left: 12px;
-	height: 36px;
-	width: 80px;
-}
-
-.table-header__icon-button {
-	border-radius: 50%;
-	margin-left: 12px;
-	height: 36px;
-	width: 36px;
-}
-
-.table-view {
-	padding: 0 24px 24px;
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.html b/frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.html
deleted file mode 100644
index 5eea4908c..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<div class="placeholder">
-    <div class="sidebar"></div>
-    <div class="skeleton table-view">
-        <div class="table-header">
-            <div class="bone table-header__title"></div>
-            <div class="bone table-header__search"></div>
-            <div class="bone table-header__button"></div>
-            <div class="bone table-header__button"></div>
-            <div class="bone table-header__button"></div>
-            <div class="bone table-header__icon-button"></div>
-        </div>
-        <app-placeholder-table-data></app-placeholder-table-data>
-    </div>
-</div>
diff --git a/frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.spec.ts b/frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.spec.ts
deleted file mode 100644
index 6a50ae7e9..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PlaceholderTableViewComponent } from './placeholder-table-view.component';
-
-describe('PlaceholderTableViewComponent', () => {
-	let component: PlaceholderTableViewComponent;
-	let fixture: ComponentFixture<PlaceholderTableViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PlaceholderTableViewComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PlaceholderTableViewComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.stories.ts
deleted file mode 100644
index 1d1c639e0..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.stories.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PlaceholderTableViewComponent } from './placeholder-table-view.component';
-
-const meta: Meta<PlaceholderTableViewComponent> = {
-	title: 'Skeletons/PlaceholderTableView',
-	component: PlaceholderTableViewComponent,
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderTableViewComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.ts b/frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.ts
deleted file mode 100644
index 903103b96..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-view/placeholder-table-view.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { PlaceholderTableDataComponent } from '../placeholder-table-data/placeholder-table-data.component';
-
-@Component({
-	selector: 'app-placeholder-table-view',
-	templateUrl: './placeholder-table-view.component.html',
-	styleUrls: ['./placeholder-table-view.component.css'],
-	imports: [CommonModule, PlaceholderTableDataComponent],
-})
-export class PlaceholderTableViewComponent {}
diff --git a/frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.css b/frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.css
deleted file mode 100644
index 053eab550..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.css
+++ /dev/null
@@ -1,78 +0,0 @@
-.wrapper {
-	position: relative;
-	min-width: 300px;
-	margin: 0 auto 16px;
-	width: 90%;
-}
-
-.row-edit-header {
-	display: flex;
-	align-items: flex-start;
-	margin-top: 36px;
-	margin-bottom: 28px;
-}
-
-.row-edit-header__breadcrumb {
-	border-radius: 4px;
-	height: 36px;
-}
-
-.row-edit-header__breadcrumb_1 {
-	width: 120px;
-}
-
-.row-edit-header__breadcrumb_2 {
-	width: 172px;
-}
-
-.row-edit-header__breadcrumb_3 {
-	width: 80px;
-}
-
-.widgets {
-	display: grid;
-	grid-template-columns: minmax(10%, 130px) 1fr 2fr 1fr 2fr 50px;
-	align-items: start;
-	grid-gap: 16px 20px;
-}
-
-.form__field {
-	height: 44px;
-	width: 100%;
-}
-
-.form__info {
-	border-radius: 50%;
-	height: 24px;
-	width: 24px;
-}
-
-.actions {
-	position: fixed;
-	left: 0;
-	bottom: 0;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 20px;
-	background-color: var(--mat-sidenav-content-background-color);
-	box-shadow:
-		0 3px 1px -2px rgba(0, 0, 0, 0.2),
-		0 2px 2px 0 rgba(0, 0, 0, 0.14),
-		0 1px 5px 0 rgba(0, 0, 0, 0.12);
-	height: 64px;
-	padding: 0 calc(5% + 70px) 0 5%;
-	width: 100vw;
-}
-
-.actions__button {
-	border-radius: 4px;
-	height: 36px;
-	width: 80px;
-	mix-blend-mode: normal !important;
-	z-index: 2;
-}
-
-.actions__button_left {
-	margin-right: auto;
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.html b/frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.html
deleted file mode 100644
index 84ed8bcea..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<div class="wrapper skeleton">
-    <div class="row-edit-header">
-        <div class="bone row-edit-header__breadcrumb row-edit-header__breadcrumb_1"></div>
-        <mat-icon>chevron_right</mat-icon>
-        <div class="bone row-edit-header__breadcrumb row-edit-header__breadcrumb_2"></div>
-        <mat-icon>chevron_right</mat-icon>
-        <div class="bone row-edit-header__breadcrumb row-edit-header__breadcrumb_3"></div>
-    </div>
-    <div class="widgets">
-        <div class="bone form__field"></div>
-        <div class="bone form__field"></div>
-        <div class="bone form__field"></div>
-        <div class="bone form__field"></div>
-        <div class="bone form__field"></div>
-        <div class="bone form__info"></div>
-
-        <div class="bone form__field"></div>
-        <div class="bone form__field"></div>
-        <div class="bone form__field"></div>
-        <div class="bone form__field"></div>
-        <div class="bone form__field"></div>
-        <div class="bone form__info"></div>
-    </div>
-    <div class="actions">
-        <div class="bone actions__button actions__button_left"></div>
-        <div class="bone actions__button"></div>
-    </div>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.spec.ts b/frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.spec.ts
deleted file mode 100644
index 0a0317b87..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PlaceholderTableWidgetsComponent } from './placeholder-table-widgets.component';
-
-describe('PlaceholderTableWidgetsComponent', () => {
-	let component: PlaceholderTableWidgetsComponent;
-	let fixture: ComponentFixture<PlaceholderTableWidgetsComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PlaceholderTableWidgetsComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PlaceholderTableWidgetsComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.stories.ts
deleted file mode 100644
index f60855c30..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.stories.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PlaceholderTableWidgetsComponent } from './placeholder-table-widgets.component';
-
-const meta: Meta<PlaceholderTableWidgetsComponent> = {
-	title: 'Skeletons/PlaceholderTableWidgets',
-	component: PlaceholderTableWidgetsComponent,
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderTableWidgetsComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.ts b/frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.ts
deleted file mode 100644
index 2456f7ba6..000000000
--- a/frontend/src/app/components/skeletons/placeholder-table-widgets/placeholder-table-widgets.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-import { MatIconModule } from '@angular/material/icon';
-
-@Component({
-	selector: 'app-placeholder-table-widgets',
-	templateUrl: './placeholder-table-widgets.component.html',
-	styleUrls: ['./placeholder-table-widgets.component.css'],
-	imports: [MatIconModule],
-})
-export class PlaceholderTableWidgetsComponent {}
diff --git a/frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.css b/frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.css
deleted file mode 100644
index 36f867e11..000000000
--- a/frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.box {
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-	margin-top: 20px;
-	width: 100%;
-}
-
-.user-email {
-	height: 20px;
-	width: 100%;
-	mix-blend-mode: normal !important;
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.html b/frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.html
deleted file mode 100644
index d6acfb530..000000000
--- a/frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="box skeleton">
-    <div class="bone user-email"></div>
-    <div class="bone user-email"></div>
-    <div class="bone user-email"></div>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.spec.ts b/frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.spec.ts
deleted file mode 100644
index 156607785..000000000
--- a/frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PlaceholderUserGroupComponent } from './placeholder-user-group.component';
-
-describe('PlaceholderUserGroupComponent', () => {
-	let component: PlaceholderUserGroupComponent;
-	let fixture: ComponentFixture<PlaceholderUserGroupComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PlaceholderUserGroupComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PlaceholderUserGroupComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.stories.ts
deleted file mode 100644
index 3b28165c0..000000000
--- a/frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.stories.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { moduleMetadata } from '@storybook/angular';
-import { PlaceholderUserGroupComponent } from './placeholder-user-group.component';
-
-const meta: Meta<PlaceholderUserGroupComponent> = {
-	title: 'Skeletons/PlaceholderUserGroup',
-	component: PlaceholderUserGroupComponent,
-	decorators: [
-		moduleMetadata({
-			declarations: [PlaceholderUserGroupComponent],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderUserGroupComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.ts b/frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.ts
deleted file mode 100644
index f47547f98..000000000
--- a/frontend/src/app/components/skeletons/placeholder-user-group/placeholder-user-group.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-	selector: 'app-placeholder-user-group',
-	templateUrl: './placeholder-user-group.component.html',
-	styleUrls: ['./placeholder-user-group.component.css'],
-})
-export class PlaceholderUserGroupComponent {}
diff --git a/frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.css b/frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.css
deleted file mode 100644
index 3d739c96c..000000000
--- a/frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.css
+++ /dev/null
@@ -1,28 +0,0 @@
-.panels {
-	border-radius: 4px;
-	box-shadow:
-		0px 3px 1px -2px rgba(0, 0, 0, 0.2),
-		0px 2px 2px 0px rgba(0, 0, 0, 0.14),
-		0px 1px 5px 0px rgba(0, 0, 0, 0.12);
-	margin-top: 16px;
-}
-
-.panel {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	border-bottom: 1px solid #0000001f;
-	height: 36px;
-	padding: 0 24px;
-}
-
-.groupName {
-	height: 20px;
-	width: 240px;
-}
-
-.groupAction {
-	border-radius: 50%;
-	height: 24px;
-	width: 24px;
-}
diff --git a/frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.html b/frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.html
deleted file mode 100644
index a0dd5c13a..000000000
--- a/frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<div class="panels skeleton">
-    <div class="panel">
-        <div class="bone groupName"></div>
-        <div class="bone groupAction"></div>
-    </div>
-    <div class="panel">
-        <div class="bone groupName"></div>
-        <div class="bone groupAction"></div>
-    </div>
-    <div class="panel">
-        <div class="bone groupName"></div>
-        <div class="bone groupAction"></div>
-    </div>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.spec.ts b/frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.spec.ts
deleted file mode 100644
index ac44b2417..000000000
--- a/frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PlaceholderUserGroupsComponent } from './placeholder-user-groups.component';
-
-describe('PlaceholderUserGroupsComponent', () => {
-	let component: PlaceholderUserGroupsComponent;
-	let fixture: ComponentFixture<PlaceholderUserGroupsComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PlaceholderUserGroupsComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PlaceholderUserGroupsComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.stories.ts b/frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.stories.ts
deleted file mode 100644
index e12910087..000000000
--- a/frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.stories.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { moduleMetadata } from '@storybook/angular';
-import { PlaceholderUserGroupsComponent } from './placeholder-user-groups.component';
-
-const meta: Meta<PlaceholderUserGroupsComponent> = {
-	title: 'Skeletons/PlaceholderUserGroups',
-	component: PlaceholderUserGroupsComponent,
-	decorators: [
-		moduleMetadata({
-			declarations: [PlaceholderUserGroupsComponent],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<PlaceholderUserGroupsComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.ts b/frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.ts
deleted file mode 100644
index cb658b118..000000000
--- a/frontend/src/app/components/skeletons/placeholder-user-groups/placeholder-user-groups.component.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-	selector: 'app-placeholder-user-groups',
-	templateUrl: './placeholder-user-groups.component.html',
-	styleUrls: ['./placeholder-user-groups.component.css'],
-})
-export class PlaceholderUserGroupsComponent {}
diff --git a/frontend/src/app/components/ui-components/alert/alert.component.css b/frontend/src/app/components/ui-components/alert/alert.component.css
deleted file mode 100644
index 745bb8eda..000000000
--- a/frontend/src/app/components/ui-components/alert/alert.component.css
+++ /dev/null
@@ -1,104 +0,0 @@
-:host {
-	position: sticky;
-	top: calc(var(--mat-toolbar-standard-height) + 24px);
-	display: block;
-	margin: var(--alert-margin);
-	z-index: 2;
-}
-
-.alert {
-	display: flex;
-	gap: 8px;
-	background-color: var(--bg-color);
-	backdrop-filter: blur(4px);
-	border-top: 1px solid var(--alert-theme-color);
-	border-right: 1px solid var(--alert-theme-color);
-	border-bottom: 1px solid var(--alert-theme-color);
-	border-left: 12px solid var(--alert-theme-color);
-	border-radius: 4px;
-	padding: 12px 16px 12px 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.alert {
-		backdrop-filter: blur(2px);
-	}
-}
-
-@media (width <= 600px) {
-	.alert {
-		display: grid;
-		grid-template-columns: auto 1fr;
-	}
-}
-
-.alert_error {
-	--alert-theme-color: var(--color-warnPalette-500);
-	--bg-color: var(--error-background-color);
-}
-
-.alert_warning {
-	--alert-theme-color: var(--color-warningPalette-500);
-	--bg-color: var(--warning-background-color);
-}
-
-.alert_info {
-	--alert-theme-color: var(--color-infoPalette-500);
-	--bg-color: var(--info-background-color);
-}
-
-.alert_success {
-	--alert-theme-color: var(--color-successPalette-500);
-	--bg-color: var(--success-background-color);
-}
-
-.alert__icon {
-	flex-shrink: 0;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	border-radius: 50%;
-	color: var(--alert-theme-color);
-	font-size: 24px;
-	height: 36px;
-	opacity: 0.9;
-	width: 36px;
-}
-
-.alert__message {
-	flex: 1;
-	display: flex;
-	justify-content: center;
-	flex-direction: column;
-	min-height: 36px;
-	margin: 0 !important;
-}
-
-.alert__title {
-	color: var(--alert-theme-color);
-	margin-bottom: 8px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.alert__title {
-		color: inherit;
-	}
-}
-
-.alert__text {
-	margin: 0 !important;
-}
-
-.actions {
-	margin-left: auto;
-}
-
-@media (width <= 600px) {
-	.actions {
-		grid-column: 1 / -1;
-	}
-}
-
-.mat-flat-button {
-	color: var(--text-color);
-}
diff --git a/frontend/src/app/components/ui-components/alert/alert.component.html b/frontend/src/app/components/ui-components/alert/alert.component.html
deleted file mode 100644
index e9113c84d..000000000
--- a/frontend/src/app/components/ui-components/alert/alert.component.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<div *ngIf="currentAlert" class="alert" [ngClass]="'alert_' + currentAlert.type">
-    <mat-icon class="alert__icon">{{icons[currentAlert.type]}}</mat-icon>
-    <div *ngIf="currentAlert.message && getMessageType() === 'complexMessage'"
-        attr.data-testid="alert-{{currentAlert.type}}-message-box"
-        class="alert__message mat-body-1">
-        <strong data-testid="alert-abstract" class="alert__title">{{messageAbstract}}</strong>
-        <p data-testid="alert-details" class="alert__text">{{messageDetails}}</p>
-    </div>
-    <p *ngIf="currentAlert.message && getMessageType() === 'plainMessage'"
-        attr.data-testid="alert-{{currentAlert.type}}-message"
-        class="alert__message mat-body-1">
-        {{currentAlert.message}}
-    </p>
-    <div *ngIf="currentAlert.message === null">
-        <ng-content></ng-content>
-    </div>
-    <div *ngIf="currentAlert.actions" class="actions">
-        <ng-container *ngFor="let action of currentAlert.actions">
-            <button mat-button type="button" *ngIf="action.type === 'button'"
-                attr.data-testid="alert-action-button"
-                (click)="onButtonClick(currentAlert, action)">
-                {{action.caption}}
-            </button>
-            <a mat-button *ngIf="action.type === 'external link'"
-                [href]="action.to" target="_blank" attr.data-testid="alert-action-external-link">
-                {{action.caption}}
-            </a>
-            <a mat-button *ngIf="action.type === 'internal link'"
-                [routerLink]="action.to" attr.data-testid="alert-action-internal-link">
-                {{action.caption}}
-            </a>
-        </ng-container>
-    </div>
-</div>
diff --git a/frontend/src/app/components/ui-components/alert/alert.component.spec.ts b/frontend/src/app/components/ui-components/alert/alert.component.spec.ts
deleted file mode 100644
index df35bb32a..000000000
--- a/frontend/src/app/components/ui-components/alert/alert.component.spec.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { AlertActionType, AlertType } from 'src/app/models/alert';
-import { AlertComponent } from './alert.component';
-
-describe('AlertComponent', () => {
-	let component: AlertComponent;
-	let fixture: ComponentFixture<AlertComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, AlertComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(AlertComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should call finction from action on alert button click', () => {
-		const buttonAction = vi.fn();
-		const alert = {
-			id: 0,
-			type: AlertType.Error,
-			message: 'Error message',
-			actions: [
-				{
-					type: AlertActionType.Button,
-					caption: 'Dissmis',
-					action: buttonAction,
-				},
-			],
-		};
-		component.onButtonClick(alert, alert.actions[0]);
-		expect(buttonAction).toHaveBeenCalled();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/alert/alert.component.ts b/frontend/src/app/components/ui-components/alert/alert.component.ts
deleted file mode 100644
index 1d75e8c26..000000000
--- a/frontend/src/app/components/ui-components/alert/alert.component.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { RouterModule } from '@angular/router';
-import { Alert } from 'src/app/models/alert';
-import { NotificationsService } from 'src/app/services/notifications.service';
-
-@Component({
-	selector: 'app-alert',
-	templateUrl: './alert.component.html',
-	styleUrls: ['./alert.component.css'],
-	imports: [CommonModule, MatIconModule, MatButtonModule, RouterModule],
-})
-export class AlertComponent implements OnInit {
-	@Input() alert: Alert;
-
-	public messageAbstract: string;
-	public messageDetails: string;
-
-	public icons = {
-		error: 'error_outline',
-		warning: 'warning_amber',
-		info: 'info',
-		success: 'task_alt',
-	};
-
-	constructor(private _notifications: NotificationsService) {}
-
-	get currentAlert(): Alert {
-		return this.alert || this._notifications.currentAlert;
-	}
-
-	ngOnInit(): void {
-		console.log(this.currentAlert);
-	}
-
-	onButtonClick(alert: Alert, action) {
-		action.action(alert.id);
-	}
-
-	getMessageType() {
-		if (this.currentAlert.message === null) return;
-		if (typeof this.currentAlert.message === 'string') return 'plainMessage';
-		if (this.currentAlert.message.abstract && !this.currentAlert.message.details) {
-			this.currentAlert.message = this.currentAlert.message.abstract;
-			return 'plainMessage';
-		}
-		if (this.currentAlert.message.details) {
-			this.messageAbstract = this.currentAlert.message.abstract;
-			this.messageDetails = this.currentAlert.message.details;
-			return 'complexMessage';
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/alert/alert.stories.ts b/frontend/src/app/components/ui-components/alert/alert.stories.ts
deleted file mode 100644
index 194d2d241..000000000
--- a/frontend/src/app/components/ui-components/alert/alert.stories.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { MAT_ICON_DEFAULT_OPTIONS, MatIconDefaultOptions } from '@angular/material/icon';
-import { applicationConfig, type Meta, type StoryObj } from '@storybook/angular';
-import { AlertType } from 'src/app/models/alert';
-import { NotificationsService } from 'src/app/services/notifications.service';
-import { AlertComponent } from './alert.component';
-
-const meta: Meta<AlertComponent> = {
-	title: 'UI/Alert',
-	component: AlertComponent,
-	decorators: [
-		applicationConfig({
-			providers: [
-				{ provide: NotificationsService, useValue: { currentAlert: null } },
-				{
-					provide: MAT_ICON_DEFAULT_OPTIONS,
-					useValue: { fontSet: 'material-symbols-outlined' } as MatIconDefaultOptions,
-				},
-			],
-		}),
-	],
-	args: {
-		alert: { id: 1, type: AlertType.Info, message: 'This is an informational alert.' },
-	},
-};
-
-export default meta;
-type Story = StoryObj<AlertComponent>;
-
-export const Info: Story = {
-	args: { alert: { id: 1, type: AlertType.Info, message: 'This is an informational message.' } },
-};
-
-export const Warning: Story = {
-	args: { alert: { id: 2, type: AlertType.Warning, message: 'This is a warning message.' } },
-};
-
-export const ErrorAlert: Story = {
-	args: { alert: { id: 3, type: AlertType.Error, message: 'An error has occurred.' } },
-};
-
-export const Success: Story = {
-	args: { alert: { id: 4, type: AlertType.Success, message: 'Operation completed successfully.' } },
-};
-
-export const ComplexMessage: Story = {
-	args: {
-		alert: {
-			id: 5,
-			type: AlertType.Error,
-			message: {
-				abstract: 'Connection failed',
-				details: 'Could not connect to the database. Please check your credentials and try again.',
-			},
-		},
-	},
-};
diff --git a/frontend/src/app/components/ui-components/banner/banner.component.css b/frontend/src/app/components/ui-components/banner/banner.component.css
deleted file mode 100644
index 9fc8bbc75..000000000
--- a/frontend/src/app/components/ui-components/banner/banner.component.css
+++ /dev/null
@@ -1,70 +0,0 @@
-:host {
-	display: block;
-	height: 100%;
-}
-
-.banner-wrapper {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background-position: center, center;
-	background-repeat: no-repeat, no-repeat;
-	background-size: 100%, cover;
-	height: calc(100% + 1px);
-	margin-top: -1px;
-}
-
-@media (prefers-color-scheme: light) {
-	.banner-wrapper {
-		background-image:
-			linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), url("../../../../assets/bg/banner.svg");
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.banner-wrapper {
-		background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../../../../assets/bg/banner.svg");
-		background-color: #1a1a1a;
-	}
-}
-
-.banner_error {
-	--alert-theme-color: var(--color-warnPalette-500);
-	--bg-color: var(--error-background-color);
-}
-
-.banner_warning {
-	--alert-theme-color: var(--color-warningPalette-500);
-	--bg-color: var(--warning-background-color);
-}
-
-.banner_info {
-	--alert-theme-color: var(--color-infoPalette-500);
-	--bg-color: var(--info-background-color);
-}
-
-.banner_success {
-	--alert-theme-color: var(--color-successPalette-500);
-	--bg-color: var(--success-background-color);
-}
-
-.banner-box {
-	background-color: var(--bg-color);
-	backdrop-filter: blur(2px);
-	border: 1px solid var(--alert-theme-color);
-	border-left: 12px solid var(--alert-theme-color);
-	border-radius: 4px;
-	box-shadow:
-		0px 1px 5px 0px rgba(0, 0, 0, 0.2),
-		0px 3px 4px 0px rgba(0, 0, 0, 0.12),
-		0px 2px 4px 0px rgba(0, 0, 0, 0.14);
-	padding: 24px 20px 24px 28px;
-	width: clamp(300px, 50vw, 450px);
-}
-
-.banner-box ::ng-deep .error-actions {
-	display: flex;
-	justify-content: flex-end;
-	gap: 20px;
-	margin-top: 32px;
-}
diff --git a/frontend/src/app/components/ui-components/banner/banner.component.html b/frontend/src/app/components/ui-components/banner/banner.component.html
deleted file mode 100644
index 501068cc6..000000000
--- a/frontend/src/app/components/ui-components/banner/banner.component.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="banner-wrapper">
-    <div class="banner-box banner_{{type()}}">
-        <ng-content></ng-content>
-    </div>
-</div>
diff --git a/frontend/src/app/components/ui-components/banner/banner.component.spec.ts b/frontend/src/app/components/ui-components/banner/banner.component.spec.ts
deleted file mode 100644
index 528240c6f..000000000
--- a/frontend/src/app/components/ui-components/banner/banner.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BannerComponent } from './banner.component';
-
-describe('BannerComponent', () => {
-	let component: BannerComponent;
-	let fixture: ComponentFixture<BannerComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, BannerComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(BannerComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/banner/banner.component.ts b/frontend/src/app/components/ui-components/banner/banner.component.ts
deleted file mode 100644
index d604f269a..000000000
--- a/frontend/src/app/components/ui-components/banner/banner.component.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component, input } from '@angular/core';
-
-import { AlertType } from 'src/app/models/alert';
-
-@Component({
-	selector: 'app-banner',
-	templateUrl: './banner.component.html',
-	styleUrls: ['./banner.component.css'],
-})
-export class BannerComponent {
-	type = input<AlertType>();
-}
diff --git a/frontend/src/app/components/ui-components/banner/banner.stories.ts b/frontend/src/app/components/ui-components/banner/banner.stories.ts
deleted file mode 100644
index fd34ed570..000000000
--- a/frontend/src/app/components/ui-components/banner/banner.stories.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { moduleMetadata } from '@storybook/angular';
-import { AlertType } from 'src/app/models/alert';
-import { BannerComponent } from './banner.component';
-
-const meta: Meta<BannerComponent> = {
-	title: 'UI/Banner',
-	component: BannerComponent,
-	decorators: [
-		moduleMetadata({
-			declarations: [BannerComponent],
-		}),
-	],
-	args: {
-		type: AlertType.Info,
-	},
-	argTypes: {
-		type: {
-			control: 'select',
-			options: [AlertType.Info, AlertType.Warning, AlertType.Error, AlertType.Success],
-		},
-	},
-};
-
-export default meta;
-type Story = StoryObj<BannerComponent>;
-
-export const Info: Story = { args: { type: AlertType.Info } };
-export const Warning: Story = { args: { type: AlertType.Warning } };
-export const ErrorBanner: Story = { args: { type: AlertType.Error } };
-export const Success: Story = { args: { type: AlertType.Success } };
diff --git a/frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.css b/frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.css
deleted file mode 100644
index 8115c7757..000000000
--- a/frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.breadcrumbs {
-	display: flex;
-	align-items: center;
-}
-
-@media (prefers-color-scheme: li) {
-	.breadcrumb,
-	.breadcrumbDivider {
-		color: rgba(0, 0, 0, 0.6);
-	}
-}
-
-.static-crumb {
-	margin-left: 8px;
-	margin-right: 16px;
-	margin-bottom: 0 !important;
-}
diff --git a/frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.html b/frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.html
deleted file mode 100644
index 29bd56e91..000000000
--- a/frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<div class="breadcrumbs">
-    @for (crumb of crumbs(); track crumb.label; let i = $index) {
-        @if (crumb.link) {
-            <a mat-button
-                [routerLink]="crumb.link"
-                [queryParams]="crumb.queryParams"
-                class="breadcrumb">
-                {{crumb.label}}
-            </a>
-        } @else {
-            <strong class="static-crumb">{{crumb.label}}</strong>
-        }
-        @if (crumbs().length !== i + 1) {
-            <mat-icon class="breadcrumbDivider">chevron_right</mat-icon>
-        }
-    }
-</div>
diff --git a/frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.spec.ts b/frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.spec.ts
deleted file mode 100644
index 17ea00679..000000000
--- a/frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BreadcrumbsComponent } from './breadcrumbs.component';
-
-describe('BreadcrumbsComponent', () => {
-	let component: BreadcrumbsComponent;
-	let fixture: ComponentFixture<BreadcrumbsComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BreadcrumbsComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(BreadcrumbsComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.ts b/frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.ts
deleted file mode 100644
index f0d694cd3..000000000
--- a/frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.component.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Component, input } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { RouterModule } from '@angular/router';
-
-interface Breadcrumb {
-	label: string;
-	link?: string | null;
-	queryParams?: Record<string, string>;
-}
-
-@Component({
-	selector: 'app-breadcrumbs',
-	templateUrl: './breadcrumbs.component.html',
-	styleUrls: ['./breadcrumbs.component.css'],
-	standalone: true,
-	imports: [RouterModule, MatIconModule, MatButtonModule],
-})
-export class BreadcrumbsComponent {
-	crumbs = input<Breadcrumb[]>([]);
-}
diff --git a/frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.stories.ts b/frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.stories.ts
deleted file mode 100644
index 4d3b89f75..000000000
--- a/frontend/src/app/components/ui-components/breadcrumbs/breadcrumbs.stories.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { BreadcrumbsComponent } from './breadcrumbs.component';
-
-const meta: Meta<BreadcrumbsComponent> = {
-	title: 'UI/Breadcrumbs',
-	component: BreadcrumbsComponent,
-	args: {
-		crumbs: [
-			{ label: 'Home', link: '/' },
-			{ label: 'Connections', link: '/connections' },
-			{ label: 'PostgreSQL', link: '' },
-		],
-	},
-};
-
-export default meta;
-type Story = StoryObj<BreadcrumbsComponent>;
-
-export const Default: Story = {};
-
-export const SingleCrumb: Story = {
-	args: { crumbs: [{ label: 'Home', link: '/' }] },
-};
-
-export const LongPath: Story = {
-	args: {
-		crumbs: [
-			{ label: 'Home', link: '/' },
-			{ label: 'Connections', link: '/connections' },
-			{ label: 'PostgreSQL', link: '/connections/pg' },
-			{ label: 'users', link: '/connections/pg/users' },
-			{ label: 'Record #42', link: '' },
-		],
-	},
-};
diff --git a/frontend/src/app/components/ui-components/content-loader/content-loader.component.css b/frontend/src/app/components/ui-components/content-loader/content-loader.component.css
deleted file mode 100644
index dbfac9255..000000000
--- a/frontend/src/app/components/ui-components/content-loader/content-loader.component.css
+++ /dev/null
@@ -1,26 +0,0 @@
-.dots {
-	width: 20px;
-	height: 20px;
-	background: #171d39;
-	border-radius: 50%;
-	position: absolute;
-	top: calc(50% - 20px);
-	left: calc(50% - 20px);
-	box-shadow:
-		#171d39 20px 0,
-		#171d39 40px 0,
-		#171d39 -20px 0,
-		#171d39 -40px 0;
-	animation: pulse 1.25s infinite ease-in-out;
-}
-
-@keyframes pulse {
-	50% {
-		box-shadow:
-			#171d39 45px 0,
-			#171d39 90px 0,
-			#171d39 -45px 0,
-			#171d39 -90px 0;
-		transform: scale(0.7);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/content-loader/content-loader.component.html b/frontend/src/app/components/ui-components/content-loader/content-loader.component.html
deleted file mode 100644
index bdad0715c..000000000
--- a/frontend/src/app/components/ui-components/content-loader/content-loader.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<div class="dots"></div>
diff --git a/frontend/src/app/components/ui-components/content-loader/content-loader.component.spec.ts b/frontend/src/app/components/ui-components/content-loader/content-loader.component.spec.ts
deleted file mode 100644
index c675d059c..000000000
--- a/frontend/src/app/components/ui-components/content-loader/content-loader.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ContentLoaderComponent } from './content-loader.component';
-
-describe('ContentLoaderComponent', () => {
-	let component: ContentLoaderComponent;
-	let fixture: ComponentFixture<ContentLoaderComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [ContentLoaderComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(ContentLoaderComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/content-loader/content-loader.component.ts b/frontend/src/app/components/ui-components/content-loader/content-loader.component.ts
deleted file mode 100644
index f92b0ae93..000000000
--- a/frontend/src/app/components/ui-components/content-loader/content-loader.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-	selector: 'app-content-loader',
-	templateUrl: './content-loader.component.html',
-	styleUrls: ['./content-loader.component.css'],
-})
-export class ContentLoaderComponent implements OnInit {
-	ngOnInit(): void {}
-}
diff --git a/frontend/src/app/components/ui-components/content-loader/content-loader.stories.ts b/frontend/src/app/components/ui-components/content-loader/content-loader.stories.ts
deleted file mode 100644
index 72e4f94ad..000000000
--- a/frontend/src/app/components/ui-components/content-loader/content-loader.stories.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { moduleMetadata } from '@storybook/angular';
-import { ContentLoaderComponent } from './content-loader.component';
-
-const meta: Meta<ContentLoaderComponent> = {
-	title: 'UI/ContentLoader',
-	component: ContentLoaderComponent,
-	decorators: [
-		moduleMetadata({
-			declarations: [ContentLoaderComponent],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<ContentLoaderComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/ui-components/filter-fields/FILTER_WIDGETS.md b/frontend/src/app/components/ui-components/filter-fields/FILTER_WIDGETS.md
deleted file mode 100644
index 4e10e6b6f..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/FILTER_WIDGETS.md
+++ /dev/null
@@ -1,257 +0,0 @@
-# Filter Widget Architecture
-
-## Directory
-
-All filter components live under `filter-fields/`. Each has: `*.component.ts`, `*.component.html`, `*.component.css`, `*.component.spec.ts`.
-
-## Base Class
-
-`base-filter-field/base-filter-field.component.ts`
-
-Signal-based inputs and outputs every filter inherits:
-
-**Inputs:** `key`, `label`, `required`, `readonly`, `structure` (TableField), `disabled`, `widgetStructure`, `relations` (TableForeignKey), `autofocus`
-
-**Outputs:** `onFieldChange` (emits filter value), `onComparatorChange` (emits comparator string)
-
-**Computed:** `normalizedLabel` — human-readable field name
-
-## Two Types of Filter Components
-
-### 1. Simple filters (dialog manages comparator)
-
-Set `static type` to control which comparator dropdown the dialog shows:
-
-- `static type = 'text'` → dialog shows: startswith, endswith, eq, contains, icontains, empty
-- `static type = 'number'` or `'datetime'` → dialog shows: eq, gt, lt, gte, lte
-- No `static type` (or undefined) → `nonComparable`, dialog shows NO comparator
-
-The component only emits `onFieldChange`. The dialog renders its own `<mat-select>` for the comparator.
-
-**Examples:** `TextFilterComponent`, `NumberFilterComponent`, `DateFilterComponent`
-
-### 2. Smart filters (component manages its own comparator)
-
-Do NOT set `static type` — this makes `getComparatorType()` return `'nonComparable'`, so the dialog renders only the component with no external comparator dropdown.
-
-The component has an internal `filterMode` property, renders its own `<mat-select>` for mode selection, and emits BOTH `onFieldChange` (value) and `onComparatorChange` (comparator) to the dialog.
-
-**Examples:** `EmailFilterComponent`, `PhoneFilterComponent`, `DateTimeFilterComponent`
-
-## Comparator Routing Logic
-
-In `db-table-filters-dialog.component.ts` (and `saved-filters-panel`):
-
-```
-getInputType(field) → reads ComponentClass.type (static property)
-getComparatorType(type):
-  'text'              → dialog shows text comparators
-  'number'/'datetime' → dialog shows number comparators
-  anything else       → 'nonComparable' → dialog shows nothing, component manages itself
-```
-
-## Registration
-
-### In `consts/filter-types.ts`:
-
-- `UIwidgets` object: maps widget type names → component classes (e.g., `DateTime: DateTimeFilterComponent`)
-- `filterTypes` object: maps database column types → component classes per database (e.g., `postgres['timestamp without time zone']: DateTimeFilterComponent`)
-
-### In `db-table-filters-dialog`:
-
-- `UIwidgets` from `filter-types.ts` merged with `record-edit-types.ts`
-- Widget-based fields use `UIwidgets[widget_type]`
-- Database-type fields use `filterTypes[connectionType][columnType]`
-
-## Data Flow
-
-1. User adds filter → dialog creates entry in `tableRowFieldsShown[field]` and `tableRowFieldsComparator[field]` (default: `'eq'`)
-2. `ndc-dynamic` renders the component with inputs (`value`, `key`, `label`, etc.) and output handlers (`onFieldChange` → `updateField`, `onComparatorChange` → `updateComparatorFromComponent`)
-3. Component emits value/comparator → dialog stores them
-4. User clicks "Filter" → dialog closes → filters encoded as JsonURL in URL query params → table refetches
-
-## Filter Data Format
-
-URL: `?filters=<JsonURL-encoded>` where filters = `{ fieldName: { comparator: value } }`
-
-Example: `{ created_at: { gte: "2024-01-01T00:00:00Z" }, email: { endswith: "@gmail.com" } }`
-
----
-
-# How to Create a New Filter Widget
-
-## Step 1: Create Component Files
-
-Create directory: `filter-fields/<widget-name>/`
-
-### TypeScript (`<widget-name>.component.ts`)
-
-```typescript
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';       // only for smart filters
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-  selector: 'app-filter-<widget-name>',
-  templateUrl: './<widget-name>.component.html',
-  styleUrls: ['./<widget-name>.component.css'],
-  imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule, MatSelectModule],
-})
-export class <WidgetName>FilterComponent extends BaseFilterFieldComponent implements OnInit, AfterViewInit {
-  @Input() value: any;
-  @ViewChild('inputElement') inputElement: ElementRef<HTMLInputElement>;
-
-  // For SIMPLE filter: set static type
-  // static type = 'text';  // or 'number' or 'datetime'
-
-  // For SMART filter: do NOT set static type, add filterMode instead
-  public filterMode: string = 'eq';
-
-  ngOnInit(): void {
-    // Parse this.value if restoring from URL
-  }
-
-  ngAfterViewInit(): void {
-    // Emit initial comparator (smart filters only)
-    this.onComparatorChange.emit(this.filterMode);
-
-    // Autofocus support
-    if (this.autofocus() && this.inputElement) {
-      setTimeout(() => this.inputElement.nativeElement.focus(), 100);
-    }
-  }
-
-  // Smart filter: handle mode changes
-  onFilterModeChange(mode: string): void {
-    this.filterMode = mode;
-    this.onComparatorChange.emit(mode);  // or map to backend comparator
-    this.onFieldChange.emit(this.value);
-  }
-
-  // Handle value changes
-  onValueChange(val: any): void {
-    this.value = val;
-    this.onFieldChange.emit(this.value);
-    this.onComparatorChange.emit(this.filterMode);  // smart filter only
-  }
-}
-```
-
-### Template (`<widget-name>.component.html`)
-
-**Simple filter** — just a value input:
-
-```html
-<mat-form-field appearance="outline">
-  <mat-label>{{normalizedLabel()}}</mat-label>
-  <input matInput [(ngModel)]="value" (ngModelChange)="onFieldChange.emit($event)">
-</mat-form-field>
-```
-
-**Smart filter** — mode selector + conditional input:
-
-```html
-<div class="filter-row">
-  <mat-form-field class="comparator-field" appearance="outline">
-    <mat-select [(ngModel)]="filterMode" (ngModelChange)="onFilterModeChange($event)">
-      <mat-option value="eq">equal</mat-option>
-      <!-- more options -->
-    </mat-select>
-  </mat-form-field>
-
-  @if (filterMode !== 'some_special_mode') {
-    <mat-form-field class="value-field" appearance="outline">
-      <mat-label>{{normalizedLabel()}}</mat-label>
-      <input matInput #inputElement
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        [(ngModel)]="value" (ngModelChange)="onValueChange($event)">
-    </mat-form-field>
-  }
-</div>
-```
-
-### CSS (`<widget-name>.component.css`)
-
-**Smart filter layout** (reuse across all smart filters):
-
-```css
-.filter-row {
-  display: flex;
-  gap: 8px;
-  align-items: flex-start;
-  width: 100%;
-}
-.comparator-field {
-  flex: 0 0 auto;
-  min-width: 150px;
-}
-.value-field {
-  flex: 1;
-}
-```
-
-## Step 2: Register the Component
-
-In `consts/filter-types.ts`:
-
-1. Import the component
-2. Add to `UIwidgets` object if it's a custom widget type:
-   ```typescript
-   export const UIwidgets = {
-     // ...existing...
-     MyWidget: MyWidgetFilterComponent,
-   };
-   ```
-3. Add to `filterTypes` database mappings if it maps to a database column type:
-   ```typescript
-   postgres: {
-     my_column_type: MyWidgetFilterComponent,
-   },
-   ```
-
-## Step 3: Write Tests
-
-```typescript
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('<WidgetName>FilterComponent', () => {
-  let component: <WidgetName>FilterComponent;
-  let fixture: ComponentFixture<<WidgetName>FilterComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [<WidgetName>FilterComponent, BrowserAnimationsModule],
-    }).compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(<WidgetName>FilterComponent);
-    component = fixture.componentInstance;
-  });
-
-  it('should create', () => {
-    fixture.detectChanges();
-    expect(component).toBeTruthy();
-  });
-
-  // Test value emission
-  // Test comparator emission (smart filters)
-  // Test URL restoration (ngOnInit with existing value)
-  // Test mode switching (smart filters)
-});
-```
-
-**Note:** Tests use Vitest (`vi.spyOn`), not Jasmine. Use `toBe(true)` not `toBeTrue()`.
-
-## Key Gotchas
-
-- **Do NOT override `onFieldChange` or `onComparatorChange`** — the base class outputs work fine. Overriding creates a shadowed emitter.
-- **Comparator mapping**: internal filter modes can differ from backend comparators. Email's `'domain'` mode emits `'endswith'`; phone's `'country'` mode emits `'startswith'`.
-- **URL restoration**: when restoring from URL, you can't distinguish preset modes from custom ones — default to showing as a custom comparator.
-- **Timezone**: for datetime values, use `toISOString()` for genuine UTC. Never use `format()` with literal `'Z'` suffix — it outputs local time with a fake UTC marker.
-- **`fixture.detectChanges()`**: move it out of `beforeEach` if your component emits in `ngAfterViewInit` — call it only in tests that need the full lifecycle.
diff --git a/frontend/src/app/components/ui-components/filter-fields/base-filter-field/base-filter-field.component.css b/frontend/src/app/components/ui-components/filter-fields/base-filter-field/base-filter-field.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/filter-fields/base-filter-field/base-filter-field.component.html b/frontend/src/app/components/ui-components/filter-fields/base-filter-field/base-filter-field.component.html
deleted file mode 100644
index 441615276..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/base-filter-field/base-filter-field.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>base-filter-field works!</p>
diff --git a/frontend/src/app/components/ui-components/filter-fields/base-filter-field/base-filter-field.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/base-filter-field/base-filter-field.component.spec.ts
deleted file mode 100644
index 41fef9d85..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/base-filter-field/base-filter-field.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BaseFilterFieldComponent } from './base-filter-field.component';
-
-describe('BaseFilterFieldComponent', () => {
-	let component: BaseFilterFieldComponent;
-	let fixture: ComponentFixture<BaseFilterFieldComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BaseFilterFieldComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(BaseFilterFieldComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/base-filter-field/base-filter-field.component.ts b/frontend/src/app/components/ui-components/filter-fields/base-filter-field/base-filter-field.component.ts
deleted file mode 100644
index 3bf9db36d..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/base-filter-field/base-filter-field.component.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Component, computed, input, OnInit, output } from '@angular/core';
-import { TableField, TableForeignKey, WidgetStructure } from 'src/app/models/table';
-import { normalizeFieldName } from '../../../../lib/normalize';
-
-@Component({
-	selector: 'app-base-filter-field',
-	templateUrl: './base-filter-field.component.html',
-	styleUrl: './base-filter-field.component.css',
-})
-export class BaseFilterFieldComponent implements OnInit {
-	readonly key = input<string>();
-	readonly label = input<string>();
-	readonly required = input<boolean>(false);
-	readonly readonly = input<boolean>(false);
-	readonly structure = input<TableField>();
-	readonly disabled = input<boolean>(false);
-	readonly widgetStructure = input<WidgetStructure>();
-	readonly relations = input<TableForeignKey>();
-	readonly autofocus = input<boolean>(false);
-
-	readonly onFieldChange = output<any>();
-	readonly onComparatorChange = output<string>();
-
-	readonly normalizedLabel = computed(() => normalizeFieldName(this.label() || ''));
-
-	ngOnInit(): void {}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.css b/frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.css
deleted file mode 100644
index 85157a202..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.static-text {
-	margin-bottom: 20px;
-}
-
-.static-text__value {
-	color: #0a0a0a;
-	font-style: italic;
-	opacity: 0.32;
-	padding-left: 8px;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.html b/frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.html
deleted file mode 100644
index ae4e7562d..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<div class="static-text">
-    <span>{{normalizedLabel()}}</span>
-    <span class="static-text__value"
-        attr.data-testid="record-{{label()}}-binary-data-caption">
-        binary data
-    </span>
-</div>
diff --git a/frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.spec.ts
deleted file mode 100644
index 5e0a23f9e..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BinaryDataCaptionFilterComponent } from './binary-data-caption.component';
-
-describe('BinaryDataCaptionFilterComponent', () => {
-	let component: BinaryDataCaptionFilterComponent;
-	let fixture: ComponentFixture<BinaryDataCaptionFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BinaryDataCaptionFilterComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(BinaryDataCaptionFilterComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.stories.ts
deleted file mode 100644
index 9a30db879..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { BinaryDataCaptionFilterComponent } from './binary-data-caption.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'bytea',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<BinaryDataCaptionFilterComponent> = {
-	title: 'Filter Fields/BinaryDataCaption',
-	component: BinaryDataCaptionFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-	},
-};
-
-export default meta;
-type Story = StoryObj<BinaryDataCaptionFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.ts b/frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.ts
deleted file mode 100644
index 7c6385778..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/binary-data-caption/binary-data-caption.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-static-text',
-	templateUrl: './binary-data-caption.component.html',
-	styleUrls: ['./binary-data-caption.component.css'],
-	imports: [CommonModule],
-})
-export class BinaryDataCaptionFilterComponent extends BaseFilterFieldComponent {}
diff --git a/frontend/src/app/components/ui-components/filter-fields/binary/binary.component.css b/frontend/src/app/components/ui-components/filter-fields/binary/binary.component.css
deleted file mode 100644
index 3b1f34518..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/binary/binary.component.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.filter-row {
-	display: flex;
-	gap: 8px;
-	align-items: flex-start;
-	width: 100%;
-}
-
-.comparator-field {
-	flex: 0 0 auto;
-	min-width: 150px;
-}
-
-.value-field {
-	flex: 1;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/binary/binary.component.html b/frontend/src/app/components/ui-components/filter-fields/binary/binary.component.html
deleted file mode 100644
index fa15842bd..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/binary/binary.component.html
+++ /dev/null
@@ -1,50 +0,0 @@
-<div class="filter-row">
-    <mat-form-field class="comparator-field" appearance="outline">
-        <mat-select [(ngModel)]="filterMode" (ngModelChange)="onFilterModeChange($event)">
-            <mat-option value="eq">equal</mat-option>
-            <mat-option value="contains">contains</mat-option>
-            <mat-option value="startswith">starts with</mat-option>
-            <mat-option value="empty">is empty</mat-option>
-        </mat-select>
-    </mat-form-field>
-
-    @if (filterMode !== 'empty') {
-        <mat-form-field class="value-field" appearance="outline">
-            <mat-label>{{normalizedLabel()}} ({{ encoding() }})</mat-label>
-            @switch (encoding()) {
-                @case ('hex') {
-                    <input matInput type="text" hexValidator
-                        name="{{label()}}-{{key()}}"
-                        #inputElement
-                        #binaryInput="ngModel"
-                        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-                        placeholder="48656c6c6f"
-                        [ngModel]="rawInput" (ngModelChange)="onInputChange($event)">
-                    @if (binaryInput.errors?.isInvalidHex) {
-                        <mat-error>Invalid hex.</mat-error>
-                    }
-                }
-                @case ('base64') {
-                    <input matInput type="text" base64Validator
-                        name="{{label()}}-{{key()}}"
-                        #inputElement
-                        #binaryInput="ngModel"
-                        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-                        placeholder="SGVsbG8="
-                        [ngModel]="rawInput" (ngModelChange)="onInputChange($event)">
-                    @if (binaryInput.errors?.isInvalidBase64) {
-                        <mat-error>Invalid base64.</mat-error>
-                    }
-                }
-                @case ('ascii') {
-                    <input matInput type="text"
-                        name="{{label()}}-{{key()}}"
-                        #inputElement
-                        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-                        placeholder="Hello"
-                        [ngModel]="rawInput" (ngModelChange)="onInputChange($event)">
-                }
-            }
-        </mat-form-field>
-    }
-</div>
diff --git a/frontend/src/app/components/ui-components/filter-fields/binary/binary.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/binary/binary.component.spec.ts
deleted file mode 100644
index f32a7453a..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/binary/binary.component.spec.ts
+++ /dev/null
@@ -1,126 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { BinaryFilterComponent } from './binary.component';
-
-describe('BinaryFilterComponent', () => {
-	let component: BinaryFilterComponent;
-	let fixture: ComponentFixture<BinaryFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BinaryFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(BinaryFilterComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('defaults to eq filter mode with empty input', () => {
-		fixture.detectChanges();
-		expect(component.filterMode).toBe('eq');
-		expect(component.rawInput).toBe('');
-	});
-
-	it('normalizes the incoming hex value through bytes on init', () => {
-		component.value = '48656c6c6f';
-		component.ngOnInit();
-		expect(component.rawInput).toBe('48656c6c6f');
-	});
-
-	it('drops a malformed incoming hex value to empty on init', () => {
-		component.value = 'zz';
-		component.ngOnInit();
-		expect(component.rawInput).toBe('');
-	});
-
-	it('emits the hex string and current comparator on input change', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		vi.spyOn(component.onComparatorChange, 'emit');
-		fixture.detectChanges();
-
-		component.onInputChange('abcdef');
-
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith('abcdef');
-		expect(component.onComparatorChange.emit).toHaveBeenCalledWith('eq');
-	});
-
-	it('switches to empty mode and clears input', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		vi.spyOn(component.onComparatorChange, 'emit');
-		fixture.detectChanges();
-
-		component.rawInput = 'abcdef';
-		component.onFilterModeChange('empty');
-
-		expect(component.rawInput).toBe('');
-		expect(component.onComparatorChange.emit).toHaveBeenCalledWith('empty');
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith('');
-	});
-
-	it('emits contains comparator and re-emits current hex', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		vi.spyOn(component.onComparatorChange, 'emit');
-		fixture.detectChanges();
-
-		component.rawInput = 'abcdef';
-		component.onFilterModeChange('contains');
-
-		expect(component.onComparatorChange.emit).toHaveBeenCalledWith('contains');
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith('abcdef');
-	});
-
-	it('emits startswith comparator', () => {
-		vi.spyOn(component.onComparatorChange, 'emit');
-		fixture.detectChanges();
-
-		component.onFilterModeChange('startswith');
-		expect(component.onComparatorChange.emit).toHaveBeenCalledWith('startswith');
-	});
-
-	describe('encoding param', () => {
-		it('seeds rawInput in the selected encoding from the incoming hex value', () => {
-			fixture.componentRef.setInput('widgetStructure', { widget_params: { encoding: 'base64' } });
-			component.value = '48656c6c6f';
-			component.ngOnInit();
-			expect(component.encoding()).toBe('base64');
-			expect(component.rawInput).toBe('SGVsbG8=');
-		});
-
-		it('emits hex to backend when the user types base64', () => {
-			fixture.componentRef.setInput('widgetStructure', { widget_params: { encoding: 'base64' } });
-			vi.spyOn(component.onFieldChange, 'emit');
-			fixture.detectChanges();
-
-			component.onInputChange('SGVsbG8=');
-
-			expect(component.onFieldChange.emit).toHaveBeenCalledWith('48656c6c6f');
-			expect(component.isInvalidInput).toBe(false);
-		});
-
-		it('emits empty hex and marks invalid when base64 input is malformed', () => {
-			fixture.componentRef.setInput('widgetStructure', { widget_params: { encoding: 'base64' } });
-			vi.spyOn(component.onFieldChange, 'emit');
-			fixture.detectChanges();
-
-			component.onInputChange('!!!');
-
-			expect(component.onFieldChange.emit).toHaveBeenCalledWith('');
-			expect(component.isInvalidInput).toBe(true);
-		});
-
-		it('emits hex to backend when the user types ascii', () => {
-			fixture.componentRef.setInput('widgetStructure', { widget_params: { encoding: 'ascii' } });
-			vi.spyOn(component.onFieldChange, 'emit');
-			fixture.detectChanges();
-
-			component.onInputChange('Hi');
-
-			expect(component.onFieldChange.emit).toHaveBeenCalledWith('4869');
-		});
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/binary/binary.component.ts b/frontend/src/app/components/ui-components/filter-fields/binary/binary.component.ts
deleted file mode 100644
index 203d8b722..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/binary/binary.component.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { AfterViewInit, Component, computed, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { Base64ValidationDirective } from 'src/app/directives/base64Validator.directive';
-import { HexValidationDirective } from 'src/app/directives/hexValidator.directive';
-import { bytesToEncoded, bytesToHex, encodedToBytes, hexStringToBytes, isBinaryEncoding } from 'src/app/lib/binary';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-export type BinaryFilterMode = 'eq' | 'contains' | 'startswith' | 'empty';
-
-@Component({
-	selector: 'app-filter-binary',
-	templateUrl: './binary.component.html',
-	styleUrls: ['./binary.component.css'],
-	imports: [
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatSelectModule,
-		HexValidationDirective,
-		Base64ValidationDirective,
-	],
-})
-export class BinaryFilterComponent extends BaseFilterFieldComponent implements OnInit, AfterViewInit {
-	@Input() value: string;
-	@ViewChild('inputElement') inputElement: ElementRef<HTMLInputElement>;
-
-	public filterMode: BinaryFilterMode = 'eq';
-	public rawInput = '';
-	public isInvalidInput = false;
-
-	public readonly encoding = computed(() => {
-		const raw = this.widgetStructure()?.widget_params?.encoding;
-		return isBinaryEncoding(raw) ? raw : 'hex';
-	});
-
-	override ngOnInit(): void {
-		const incomingBytes = hexStringToBytes(this.value ?? '');
-		this.rawInput = bytesToEncoded(incomingBytes, this.encoding());
-	}
-
-	ngAfterViewInit(): void {
-		if (this.autofocus() && this.inputElement) {
-			setTimeout(() => this.inputElement.nativeElement.focus(), 100);
-		}
-	}
-
-	onFilterModeChange(mode: BinaryFilterMode): void {
-		this.filterMode = mode;
-		if (mode === 'empty') {
-			this.rawInput = '';
-			this.isInvalidInput = false;
-			this.onComparatorChange.emit('empty');
-			this.onFieldChange.emit('');
-			return;
-		}
-		this.onComparatorChange.emit(mode);
-		this.onFieldChange.emit(this.currentHex());
-	}
-
-	onInputChange(value: string): void {
-		this.rawInput = value;
-		this.onFieldChange.emit(this.currentHex());
-		this.onComparatorChange.emit(this.filterMode);
-	}
-
-	private currentHex(): string {
-		if (!this.rawInput) {
-			this.isInvalidInput = false;
-			return '';
-		}
-		const bytes = encodedToBytes(this.rawInput, this.encoding());
-		if (bytes === null) {
-			this.isInvalidInput = true;
-			return '';
-		}
-		this.isInvalidInput = false;
-		return bytesToHex(bytes);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.css b/frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.css
deleted file mode 100644
index ef61e81a4..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.radio-line {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	margin-bottom: 20px;
-}
-
-.radio-line ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
-	--mat-button-toggle-selected-state-text-color: var(--color-accentedPalette-500-contrast);
-	--mat-button-toggle-selected-state-background-color: var(--color-accentedPalette-500);
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.html b/frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.html
deleted file mode 100644
index 60c23eb0c..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<div class="radio-line">
-    <label>{{normalizedLabel()}}</label>
-    <mat-button-toggle-group name="{{label()}}-{{key()}}" attr.data-testid="record-{{label()}}-boolean-radio-group"
-        [hideSingleSelectionIndicator]="true"
-        [disabled]="disabled()"
-        [(ngModel)]="booleanValue" (ngModelChange)="onBooleanChange()">
-        <mat-button-toggle [value]="true">Yes</mat-button-toggle>
-        <mat-button-toggle [value]="false">No</mat-button-toggle>
-        @if (isRadiogroup) {
-            <mat-button-toggle value="unknown">Null</mat-button-toggle>
-        }
-    </mat-button-toggle-group>
-</div>
diff --git a/frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.spec.ts
deleted file mode 100644
index 7dfd1f4f0..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.spec.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { BooleanFilterComponent } from './boolean.component';
-
-describe('BooleanFilterComponent', () => {
-	let component: BooleanFilterComponent;
-	let fixture: ComponentFixture<BooleanFilterComponent>;
-
-	const fakeStructureNotNull = {
-		column_name: 'banned',
-		column_default: '0',
-		data_type: 'tinyint',
-		isExcluded: false,
-		isSearched: false,
-		auto_increment: false,
-		allow_null: false,
-		character_maximum_length: 1,
-	};
-
-	const fakeStructureNullable = {
-		...fakeStructureNotNull,
-		allow_null: true,
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, MatDialogModule, BooleanFilterComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(BooleanFilterComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should set booleanValue to false when input value is 0', () => {
-		component.value = 0;
-		fixture.componentRef.setInput('structure', fakeStructureNotNull);
-		component.ngOnInit();
-
-		expect(component.booleanValue).toEqual(false);
-	});
-
-	it('should set booleanValue to unknown when input value is null', () => {
-		component.value = null;
-		fixture.componentRef.setInput('structure', fakeStructureNullable);
-		component.ngOnInit();
-
-		expect(component.booleanValue).toEqual('unknown');
-	});
-
-	it('should set booleanValue to unknown when input value is empty string', () => {
-		component.value = '';
-		fixture.componentRef.setInput('structure', fakeStructureNullable);
-		component.ngOnInit();
-
-		expect(component.booleanValue).toEqual('unknown');
-	});
-
-	it('should set isRadiogroup to false if allow_null is false', () => {
-		component.value = undefined;
-		fixture.componentRef.setInput('structure', fakeStructureNotNull);
-		component.ngOnInit();
-
-		expect(component.isRadiogroup).toEqual(false);
-	});
-
-	it('should set isRadiogroup to true if allow_null is true', () => {
-		component.value = undefined;
-		fixture.componentRef.setInput('structure', fakeStructureNullable);
-		component.ngOnInit();
-
-		expect(component.isRadiogroup).toEqual(true);
-	});
-
-	it('should emit eq comparator when Yes is toggled', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		vi.spyOn(component.onComparatorChange, 'emit');
-		fixture.componentRef.setInput('structure', fakeStructureNullable);
-		component.ngOnInit();
-
-		component.booleanValue = true;
-		component.onBooleanChange();
-
-		expect(component.onFieldChange.emit).toHaveBeenCalled();
-		expect(component.onComparatorChange.emit).toHaveBeenCalledWith('eq');
-	});
-
-	it('should emit eq comparator when No is toggled', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		vi.spyOn(component.onComparatorChange, 'emit');
-		fixture.componentRef.setInput('structure', fakeStructureNullable);
-		component.ngOnInit();
-
-		component.booleanValue = false;
-		component.onBooleanChange();
-
-		expect(component.onFieldChange.emit).toHaveBeenCalled();
-		expect(component.onComparatorChange.emit).toHaveBeenCalledWith('eq');
-	});
-
-	it('should emit eq comparator and null value when Null is toggled', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		vi.spyOn(component.onComparatorChange, 'emit');
-		fixture.componentRef.setInput('structure', fakeStructureNullable);
-		component.ngOnInit();
-
-		component.booleanValue = 'unknown';
-		component.onBooleanChange();
-
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith(null);
-		expect(component.onComparatorChange.emit).toHaveBeenCalledWith('eq');
-	});
-
-	it('should render Null option when allow_null is true', () => {
-		fixture.componentRef.setInput('structure', fakeStructureNullable);
-		fixture.detectChanges();
-
-		const buttons = fixture.nativeElement.querySelectorAll('mat-button-toggle');
-		const labels = Array.from(buttons).map((b: Element) => b.textContent?.trim());
-
-		expect(labels).toContain('Null');
-	});
-
-	it('should not render Null option when allow_null is false', () => {
-		fixture.componentRef.setInput('structure', fakeStructureNotNull);
-		fixture.detectChanges();
-
-		const buttons = fixture.nativeElement.querySelectorAll('mat-button-toggle');
-		const labels = Array.from(buttons).map((b: Element) => b.textContent?.trim());
-
-		expect(labels).not.toContain('Null');
-		expect(labels).toContain('Yes');
-		expect(labels).toContain('No');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.stories.ts
deleted file mode 100644
index 72818eb8a..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.stories.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { BooleanFilterComponent } from './boolean.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'boolean',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<BooleanFilterComponent> = {
-	title: 'Filter Fields/Boolean',
-	component: BooleanFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: true,
-	},
-};
-
-export default meta;
-type Story = StoryObj<BooleanFilterComponent>;
-
-export const Default: Story = {};
-export const True: Story = { args: { value: true } };
-export const False: Story = { args: { value: false } };
-export const Null: Story = { args: { value: null } };
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.ts b/frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.ts
deleted file mode 100644
index 8ba6c5a30..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/boolean/boolean.component.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, Input } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { DBtype } from 'src/app/models/connection';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-boolean',
-	templateUrl: './boolean.component.html',
-	styleUrls: ['./boolean.component.css'],
-	imports: [CommonModule, FormsModule, MatButtonToggleModule],
-})
-export class BooleanFilterComponent extends BaseFilterFieldComponent implements AfterViewInit {
-	@Input() value;
-
-	public isRadiogroup: boolean;
-	public booleanValue: boolean | 'unknown';
-	private connectionType: DBtype;
-
-	constructor(private _connections: ConnectionsService) {
-		super();
-	}
-
-	ngOnInit(): void {
-		this.connectionType = this._connections.currentConnection.type;
-		this.setBooleanValue();
-
-		let parsedParams = null;
-		const ws = this.widgetStructure();
-		if (ws?.widget_params) {
-			parsedParams = typeof ws.widget_params === 'string' ? JSON.parse(ws.widget_params) : ws.widget_params;
-		}
-
-		this.isRadiogroup = this.structure()?.allow_null || !!parsedParams?.allow_null;
-	}
-
-	ngAfterViewInit(): void {
-		this.onComparatorChange.emit('eq');
-	}
-
-	setBooleanValue() {
-		if (typeof this.value === 'boolean') {
-			this.booleanValue = this.value;
-			return;
-		}
-
-		if (this.value === null || this.value === undefined || this.value === '') {
-			this.booleanValue = 'unknown';
-			return;
-		}
-
-		switch (this.value) {
-			case 0:
-			case '0':
-			case 'F':
-			case 'N':
-			case 'false':
-				this.booleanValue = false;
-				break;
-			case 1:
-			case '1':
-			case 'T':
-			case 'Y':
-			case 'true':
-				this.booleanValue = true;
-				break;
-		}
-	}
-
-	onBooleanChange() {
-		let formattedValue;
-		switch (this.connectionType) {
-			case DBtype.MySQL:
-			case DBtype.MSSQL:
-			case DBtype.Oracle:
-				formattedValue = this.booleanValue === 'unknown' ? null : Number(this.booleanValue);
-				break;
-			default:
-				formattedValue = this.booleanValue === 'unknown' ? null : this.booleanValue;
-		}
-
-		this.onFieldChange.emit(formattedValue);
-		this.onComparatorChange.emit('eq');
-	}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/country/country.component.css b/frontend/src/app/components/ui-components/filter-fields/country/country.component.css
deleted file mode 100644
index 163ee20ea..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/country/country.component.css
+++ /dev/null
@@ -1,23 +0,0 @@
-.country-form-field {
-	width: 100%;
-}
-
-.country-flag {
-	margin-right: 8px;
-	font-size: 16px;
-}
-
-.country-name {
-	flex: 1;
-}
-
-.country-code {
-	margin-left: 8px;
-	opacity: 0.7;
-	font-size: 12px;
-}
-
-mat-option {
-	display: flex;
-	align-items: center;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/country/country.component.html b/frontend/src/app/components/ui-components/filter-fields/country/country.component.html
deleted file mode 100644
index cbb2222cb..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/country/country.component.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<mat-form-field class="country-form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input type="text" matInput
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        attr.data-testid="record-{{label()}}-country"
-        [formControl]="countryControl"
-        [matAutocomplete]="auto">
-    <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn">
-        <mat-option *ngFor="let country of filteredCountries | async"
-            [value]="country"
-            (onSelectionChange)="country && onCountrySelected(country)">
-            <span *ngIf="country.flag" class="country-flag">{{country.flag}}</span>
-            <span class="country-name">{{country.label}}</span>
-            <span *ngIf="country.value" class="country-code">({{country.value}})</span>
-        </mat-option>
-    </mat-autocomplete>
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/filter-fields/country/country.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/country/country.component.stories.ts
deleted file mode 100644
index f772dd00e..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/country/country.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { CountryFilterComponent } from './country.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<CountryFilterComponent> = {
-	title: 'Filter Fields/Country',
-	component: CountryFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'US',
-	},
-};
-
-export default meta;
-type Story = StoryObj<CountryFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/country/country.component.ts b/frontend/src/app/components/ui-components/filter-fields/country/country.component.ts
deleted file mode 100644
index 03c44b41f..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/country/country.component.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Observable } from 'rxjs';
-import { map, startWith } from 'rxjs/operators';
-import { COUNTRIES, getCountryFlag } from '../../../../consts/countries';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-interface CountryOption {
-	value: string | null;
-	label: string;
-	flag: string;
-}
-
-const BASE_COUNTRIES: CountryOption[] = COUNTRIES.map((country) => ({
-	value: country.code,
-	label: country.name,
-	flag: getCountryFlag(country.code),
-}));
-
-@Component({
-	selector: 'app-filter-country',
-	templateUrl: './country.component.html',
-	styleUrls: ['./country.component.css'],
-	imports: [CommonModule, FormsModule, ReactiveFormsModule, MatFormFieldModule, MatAutocompleteModule, MatInputModule],
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class CountryFilterComponent extends BaseFilterFieldComponent {
-	@Input() value: string;
-
-	public countries: CountryOption[] = [];
-	public countryControl = new FormControl<CountryOption | string>('');
-	public filteredCountries: Observable<CountryOption[]>;
-
-	originalOrder = () => {
-		return 0;
-	};
-
-	getCountryFlag = getCountryFlag;
-
-	ngOnInit(): void {
-		const ws = this.widgetStructure();
-		const struct = this.structure();
-		if (ws?.widget_params?.allow_null || struct?.allow_null) {
-			this.countries = [{ value: null, label: '', flag: '' }, ...BASE_COUNTRIES];
-		} else {
-			this.countries = BASE_COUNTRIES;
-		}
-
-		this.setupAutocomplete();
-		this.setInitialValue();
-	}
-
-	onCountrySelected(selectedCountry: CountryOption): void {
-		this.value = selectedCountry.value;
-		this.onFieldChange.emit(this.value);
-	}
-
-	displayFn(country: any): string {
-		return country ? country.label : '';
-	}
-
-	private setupAutocomplete(): void {
-		this.filteredCountries = this.countryControl.valueChanges.pipe(
-			startWith(''),
-			map((value) => this._filter(typeof value === 'string' ? value : value?.label || '')),
-		);
-	}
-
-	private setInitialValue(): void {
-		if (this.value) {
-			const country = this.countries.find((c) => c.value === this.value);
-			if (country) {
-				this.countryControl.setValue(country);
-			}
-		}
-	}
-
-	private _filter(value: string): CountryOption[] {
-		const filterValue = value.toLowerCase();
-		return this.countries.filter(
-			(country) =>
-				country.label?.toLowerCase().includes(filterValue) || country.value?.toLowerCase().includes(filterValue),
-		);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.css b/frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.css
deleted file mode 100644
index 57610ddd6..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.css
+++ /dev/null
@@ -1,27 +0,0 @@
-.filter-row {
-	display: flex;
-	gap: 8px;
-	align-items: flex-start;
-	width: 100%;
-}
-
-.comparator-field {
-	flex: 0 0 auto;
-	min-width: 150px;
-}
-
-.value-field {
-	flex: 1;
-}
-
-.field-couple {
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-	grid-column-gap: 16px;
-}
-
-.between-fields {
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.html b/frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.html
deleted file mode 100644
index 4e999a8b3..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.html
+++ /dev/null
@@ -1,82 +0,0 @@
-<div class="filter-row">
-    <mat-form-field class="comparator-field" appearance="outline">
-        <mat-select [(ngModel)]="filterMode" (ngModelChange)="onFilterModeChange($event)">
-            <mat-option value="last_hour">last hour</mat-option>
-            <mat-option value="last_day">last day</mat-option>
-            <mat-option value="last_week">last week</mat-option>
-            <mat-option value="last_month">last month</mat-option>
-            <mat-option value="last_year">last year</mat-option>
-            <mat-option value="eq">on</mat-option>
-            <mat-option value="gt">after</mat-option>
-            <mat-option value="lt">before</mat-option>
-            <mat-option value="gte">on or after</mat-option>
-            <mat-option value="lte">on or before</mat-option>
-            <mat-option value="between">between</mat-option>
-            <mat-option value="in">in</mat-option>
-        </mat-select>
-    </mat-form-field>
-
-    @if (filterMode === 'between') {
-        <div class="value-field between-fields">
-            <div class="field-couple">
-                <mat-form-field appearance="outline">
-                    <mat-label>{{normalizedLabel()}} (from date)</mat-label>
-                    <input type="date" matInput name="{{label()}}-{{key()}}-lower-date"
-                        [required]="required()" [disabled]="disabled()"
-                        [(ngModel)]="lowerDate" (change)="onBetweenLowerChange()">
-                </mat-form-field>
-
-                <mat-form-field appearance="outline">
-                    <mat-label>(from time)</mat-label>
-                    <input type="time" matInput name="{{label()}}-{{key()}}-lower-time"
-                        [required]="required()" [disabled]="disabled()"
-                        [(ngModel)]="lowerTime" (change)="onBetweenLowerChange()">
-                </mat-form-field>
-            </div>
-
-            <div class="field-couple">
-                <mat-form-field appearance="outline">
-                    <mat-label>{{normalizedLabel()}} (to date)</mat-label>
-                    <input type="date" matInput name="{{label()}}-{{key()}}-upper-date"
-                        [required]="required()" [disabled]="disabled()"
-                        [(ngModel)]="upperDate" (change)="onBetweenUpperChange()">
-                </mat-form-field>
-
-                <mat-form-field appearance="outline">
-                    <mat-label>(to time)</mat-label>
-                    <input type="time" matInput name="{{label()}}-{{key()}}-upper-time"
-                        [required]="required()" [disabled]="disabled()"
-                        [(ngModel)]="upperTime" (change)="onBetweenUpperChange()">
-                </mat-form-field>
-            </div>
-        </div>
-    } @else if (filterMode === 'in') {
-        <mat-form-field class="value-field" appearance="outline">
-            <mat-label>{{normalizedLabel()}} (comma-separated ISO datetimes)</mat-label>
-            <input matInput name="{{label()}}-{{key()}}-in"
-                #inputElement
-                placeholder="2024-01-01T00:00:00Z, 2024-02-01T00:00:00Z"
-                [required]="required()" [disabled]="disabled()"
-                [(ngModel)]="inValueText" (ngModelChange)="onInTextChange($event)">
-        </mat-form-field>
-    } @else if (!isPresetMode()) {
-        <div class="value-field field-couple">
-            <mat-form-field appearance="outline">
-                <mat-label>{{normalizedLabel()}} (date)</mat-label>
-                <input type="date" matInput name="{{label()}}-{{key()}}-date"
-                    #inputElement
-                    [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-                    attr.data-testid="record-{{label()}}-date"
-                    [(ngModel)]="date" (change)="onDateChange()">
-            </mat-form-field>
-
-            <mat-form-field appearance="outline">
-                <mat-label>{{normalizedLabel()}} (time)</mat-label>
-                <input type="time" matInput name="{{label()}}-{{key()}}-time"
-                    [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-                    attr.data-testid="record-{{label()}}-time"
-                    [(ngModel)]="time" (change)="onTimeChange()">
-            </mat-form-field>
-        </div>
-    }
-</div>
diff --git a/frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.spec.ts
deleted file mode 100644
index e4fc411e1..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.spec.ts
+++ /dev/null
@@ -1,188 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { DateTimeFilterComponent } from './date-time.component';
-
-describe('DateTimeFilterComponent', () => {
-	let component: DateTimeFilterComponent;
-	let fixture: ComponentFixture<DateTimeFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [DateTimeFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DateTimeFilterComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should default to last_day filter mode', () => {
-		expect(component.filterMode).toEqual('last_day');
-	});
-
-	it('should prepare date and time for date and time inputs when value is provided', () => {
-		component.value = '2021-06-26T07:22:00.603';
-		component.ngOnInit();
-
-		expect(component.date).toEqual('2021-06-26');
-		expect(component.time).toEqual('07:22:00');
-		expect(component.filterMode).toEqual('gte');
-	});
-
-	it('should send onChange event with new date value', () => {
-		component.filterMode = 'gte';
-		component.date = '2021-08-26';
-		component.time = '07:22:00';
-		const fieldEvent = vi.spyOn(component.onFieldChange, 'emit');
-		const comparatorEvent = vi.spyOn(component.onComparatorChange, 'emit');
-		component.onDateChange();
-
-		expect(fieldEvent).toHaveBeenCalledWith('2021-08-26T07:22:00Z');
-		expect(comparatorEvent).toHaveBeenCalledWith('gte');
-	});
-
-	it('should send onChange event with new time value', () => {
-		component.filterMode = 'lt';
-		component.date = '2021-07-26';
-		component.time = '07:20:00';
-		const fieldEvent = vi.spyOn(component.onFieldChange, 'emit');
-		const comparatorEvent = vi.spyOn(component.onComparatorChange, 'emit');
-		component.onTimeChange();
-
-		expect(fieldEvent).toHaveBeenCalledWith('2021-07-26T07:20:00Z');
-		expect(comparatorEvent).toHaveBeenCalledWith('lt');
-	});
-
-	it('should identify preset modes correctly', () => {
-		component.filterMode = 'last_hour';
-		expect(component.isPresetMode()).toBe(true);
-
-		component.filterMode = 'last_day';
-		expect(component.isPresetMode()).toBe(true);
-
-		component.filterMode = 'last_week';
-		expect(component.isPresetMode()).toBe(true);
-
-		component.filterMode = 'last_month';
-		expect(component.isPresetMode()).toBe(true);
-
-		component.filterMode = 'last_year';
-		expect(component.isPresetMode()).toBe(true);
-
-		component.filterMode = 'eq';
-		expect(component.isPresetMode()).toBe(false);
-
-		component.filterMode = 'gt';
-		expect(component.isPresetMode()).toBe(false);
-	});
-
-	it('should emit gte comparator and computed value for preset modes', () => {
-		const fieldEvent = vi.spyOn(component.onFieldChange, 'emit');
-		const comparatorEvent = vi.spyOn(component.onComparatorChange, 'emit');
-
-		component.onFilterModeChange('last_hour');
-
-		expect(comparatorEvent).toHaveBeenCalledWith('gte');
-		expect(fieldEvent).toHaveBeenCalled();
-		const emittedValue = fieldEvent.mock.calls[0][0] as string;
-		expect(emittedValue).toMatch(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}Z$/);
-	});
-
-	it('should emit correct comparator for custom modes', () => {
-		const comparatorEvent = vi.spyOn(component.onComparatorChange, 'emit');
-
-		component.onFilterModeChange('gt');
-		expect(comparatorEvent).toHaveBeenCalledWith('gt');
-
-		component.onFilterModeChange('lt');
-		expect(comparatorEvent).toHaveBeenCalledWith('lt');
-
-		component.onFilterModeChange('eq');
-		expect(comparatorEvent).toHaveBeenCalledWith('eq');
-	});
-
-	it('should emit datetime value when switching to custom mode with existing date', () => {
-		component.date = '2021-08-26';
-		component.time = '10:00:00';
-		const fieldEvent = vi.spyOn(component.onFieldChange, 'emit');
-
-		component.onFilterModeChange('gt');
-
-		expect(fieldEvent).toHaveBeenCalledWith('2021-08-26T10:00:00Z');
-	});
-
-	it('should default time to 00:00 on date change if time is not set', () => {
-		component.filterMode = 'eq';
-		component.date = '2021-08-26';
-		component.time = undefined;
-		const fieldEvent = vi.spyOn(component.onFieldChange, 'emit');
-		component.onDateChange();
-
-		expect(component.time).toEqual('00:00:00');
-		expect(fieldEvent).toHaveBeenCalledWith('2021-08-26T00:00:00Z');
-	});
-
-	it('should emit between comparator with [lower, upper] ISO strings when BETWEEN bounds change', () => {
-		const fieldEvent = vi.spyOn(component.onFieldChange, 'emit');
-		const comparatorEvent = vi.spyOn(component.onComparatorChange, 'emit');
-		component.onFilterModeChange('between');
-
-		component.lowerDate = '2024-01-01';
-		component.lowerTime = '00:00:00';
-		component.onBetweenLowerChange();
-
-		expect(comparatorEvent).toHaveBeenCalledWith('between');
-		expect(fieldEvent).toHaveBeenLastCalledWith(['2024-01-01T00:00:00Z', null]);
-
-		component.upperDate = '2024-01-31';
-		component.upperTime = '23:59:59';
-		component.onBetweenUpperChange();
-
-		expect(fieldEvent).toHaveBeenLastCalledWith(['2024-01-01T00:00:00Z', '2024-01-31T23:59:59Z']);
-	});
-
-	it('should restore BETWEEN bounds from a two-element array on init', () => {
-		component.value = ['2024-01-01T00:00:00Z', '2024-01-31T23:59:59Z'];
-		component.filterMode = 'between';
-		component.ngOnInit();
-
-		expect(component.lowerDate).toEqual('2024-01-01');
-		expect(component.lowerTime).toEqual('00:00:00');
-		expect(component.upperDate).toEqual('2024-01-31');
-		expect(component.upperTime).toEqual('23:59:59');
-	});
-
-	it('should parse comma-separated text into array on IN text change', () => {
-		const fieldEvent = vi.spyOn(component.onFieldChange, 'emit');
-		const comparatorEvent = vi.spyOn(component.onComparatorChange, 'emit');
-		component.onFilterModeChange('in');
-
-		component.onInTextChange('2024-01-01T00:00:00Z, 2024-02-01T00:00:00Z');
-
-		expect(comparatorEvent).toHaveBeenCalledWith('in');
-		expect(fieldEvent).toHaveBeenLastCalledWith(['2024-01-01T00:00:00Z', '2024-02-01T00:00:00Z']);
-	});
-
-	it('should emit undefined when IN text is empty', () => {
-		const fieldEvent = vi.spyOn(component.onFieldChange, 'emit');
-		component.onFilterModeChange('in');
-
-		component.onInTextChange('   ');
-
-		expect(fieldEvent).toHaveBeenLastCalledWith(undefined);
-	});
-
-	it('should restore IN text from array value on init', () => {
-		component.value = ['2024-01-01T00:00:00Z', '2024-02-01T00:00:00Z'];
-		component.filterMode = 'in';
-		component.ngOnInit();
-
-		expect(component.inValueText).toBe('2024-01-01T00:00:00Z, 2024-02-01T00:00:00Z');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.stories.ts
deleted file mode 100644
index cb843179e..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { DateTimeFilterComponent } from './date-time.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'datetime',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<DateTimeFilterComponent> = {
-	title: 'Filter Fields/DateTime',
-	component: DateTimeFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '2024-01-15T10:30:00',
-	},
-};
-
-export default meta;
-type Story = StoryObj<DateTimeFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.ts b/frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.ts
deleted file mode 100644
index e632ba38a..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/date-time/date-time.component.ts
+++ /dev/null
@@ -1,194 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { format, subDays, subHours, subMonths, subYears } from 'date-fns';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-date-time',
-	templateUrl: './date-time.component.html',
-	styleUrls: ['./date-time.component.css'],
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule, MatSelectModule],
-})
-export class DateTimeFilterComponent extends BaseFilterFieldComponent implements OnInit, AfterViewInit {
-	@Input() value: string | string[];
-	@ViewChild('inputElement') inputElement: ElementRef<HTMLInputElement>;
-
-	public filterMode: string = 'last_day';
-	public date: string;
-	public time: string;
-
-	public lowerDate: string;
-	public lowerTime: string;
-	public upperDate: string;
-	public upperTime: string;
-
-	public inValueText: string = '';
-
-	private _presetModes = ['last_hour', 'last_day', 'last_week', 'last_month', 'last_year'];
-
-	ngOnInit(): void {
-		if (this.filterMode === 'between' && Array.isArray(this.value)) {
-			this._restoreBetween(this.value);
-			return;
-		}
-
-		if (this.filterMode === 'in' && Array.isArray(this.value)) {
-			this.inValueText = this.value.join(', ');
-			return;
-		}
-
-		if (typeof this.value === 'string' && this.value) {
-			const datetime = new Date(this.value);
-			this.date = format(datetime, 'yyyy-MM-dd');
-			this.time = format(datetime, 'HH:mm:ss');
-			this.filterMode = 'gte';
-		}
-	}
-
-	ngAfterViewInit(): void {
-		if (this.filterMode === 'between' || this.filterMode === 'in') {
-			this.onComparatorChange.emit(this.filterMode);
-		} else if (this.value) {
-			this.onComparatorChange.emit(this.filterMode);
-		} else {
-			const value = this._computePresetValue(this.filterMode);
-			this.onFieldChange.emit(value);
-			this.onComparatorChange.emit('gte');
-		}
-
-		if (this.autofocus() && this.inputElement) {
-			setTimeout(() => {
-				this.inputElement.nativeElement.focus();
-			}, 100);
-		}
-	}
-
-	onFilterModeChange(mode: string): void {
-		const previous = this.filterMode;
-		this.filterMode = mode;
-
-		if (this._presetModes.includes(mode)) {
-			const value = this._computePresetValue(mode);
-			this.onFieldChange.emit(value);
-			this.onComparatorChange.emit('gte');
-			return;
-		}
-
-		if (mode === 'in' || mode === 'between') {
-			if (previous !== mode) {
-				this.inValueText = '';
-				this.lowerDate = undefined;
-				this.lowerTime = undefined;
-				this.upperDate = undefined;
-				this.upperTime = undefined;
-				this.onFieldChange.emit(undefined);
-			}
-			this.onComparatorChange.emit(mode);
-			return;
-		}
-
-		this.onComparatorChange.emit(mode);
-		if (this.date) {
-			const time = this.time || '00:00';
-			const datetime = `${this.date}T${time}Z`;
-			this.onFieldChange.emit(datetime);
-		}
-	}
-
-	onDateChange(): void {
-		if (!this.time) this.time = '00:00:00';
-		const datetime = `${this.date}T${this.time}Z`;
-		this.onFieldChange.emit(datetime);
-		this.onComparatorChange.emit(this.filterMode);
-	}
-
-	onTimeChange(): void {
-		const datetime = `${this.date}T${this.time}Z`;
-		this.onFieldChange.emit(datetime);
-		this.onComparatorChange.emit(this.filterMode);
-	}
-
-	onBetweenLowerChange(): void {
-		const lower = this._composeDateTime(this.lowerDate, this.lowerTime);
-		const upper = this._composeDateTime(this.upperDate, this.upperTime);
-		this.onFieldChange.emit([lower, upper]);
-		this.onComparatorChange.emit('between');
-	}
-
-	onBetweenUpperChange(): void {
-		const lower = this._composeDateTime(this.lowerDate, this.lowerTime);
-		const upper = this._composeDateTime(this.upperDate, this.upperTime);
-		this.onFieldChange.emit([lower, upper]);
-		this.onComparatorChange.emit('between');
-	}
-
-	onInTextChange(text: string): void {
-		this.inValueText = text;
-		const parts = text
-			.split(',')
-			.map((v) => v.trim())
-			.filter((v) => v.length > 0);
-
-		if (parts.length === 0) {
-			this.onFieldChange.emit(undefined);
-			return;
-		}
-
-		this.onFieldChange.emit(parts);
-		this.onComparatorChange.emit('in');
-	}
-
-	isPresetMode(): boolean {
-		return this._presetModes.includes(this.filterMode);
-	}
-
-	private _restoreBetween(value: string[]): void {
-		if (value[0]) {
-			const iso = new Date(value[0]).toISOString();
-			this.lowerDate = iso.slice(0, 10);
-			this.lowerTime = iso.slice(11, 19);
-		}
-		if (value[1]) {
-			const iso = new Date(value[1]).toISOString();
-			this.upperDate = iso.slice(0, 10);
-			this.upperTime = iso.slice(11, 19);
-		}
-	}
-
-	private _composeDateTime(date: string, time: string): string | null {
-		if (!date) return null;
-		const t = time || '00:00:00';
-		return `${date}T${t}Z`;
-	}
-
-	private _computePresetValue(mode: string): string {
-		const now = new Date();
-		let targetDate: Date;
-
-		switch (mode) {
-			case 'last_hour':
-				targetDate = subHours(now, 1);
-				break;
-			case 'last_day':
-				targetDate = subDays(now, 1);
-				break;
-			case 'last_week':
-				targetDate = subDays(now, 7);
-				break;
-			case 'last_month':
-				targetDate = subMonths(now, 1);
-				break;
-			case 'last_year':
-				targetDate = subYears(now, 1);
-				break;
-			default:
-				targetDate = now;
-		}
-
-		return targetDate.toISOString().replace(/\.\d{3}Z$/, 'Z');
-	}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/date/date.component.css b/frontend/src/app/components/ui-components/filter-fields/date/date.component.css
deleted file mode 100644
index 03fe2b8ac..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/date/date.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.date-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/date/date.component.html b/frontend/src/app/components/ui-components/filter-fields/date/date.component.html
deleted file mode 100644
index 376e16138..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/date/date.component.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<mat-form-field class="date-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input type="date" matInput name="{{label()}}-{{key()}}"
-        #inputElement
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        attr.data-testid="record-{{label()}}-date"
-        [(ngModel)]="date" (change)="onDateChange()">
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/filter-fields/date/date.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/date/date.component.spec.ts
deleted file mode 100644
index 865159f87..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/date/date.component.spec.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { DateFilterComponent } from './date.component';
-
-describe('DateFilterComponent', () => {
-	let component: DateFilterComponent;
-	let fixture: ComponentFixture<DateFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [DateFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DateFilterComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should prepare date for date input', () => {
-		component.value = '2021-06-26T07:22:00.603Z';
-		component.ngOnInit();
-
-		expect(component.date).toEqual('2021-06-26');
-	});
-
-	it('should remain date undefined if there is no value', () => {
-		component.value = null;
-		component.ngOnInit();
-
-		expect(component.date).not.toBeDefined();
-	});
-
-	it('should send onChange event with new date value', () => {
-		component.date = '2021-07-26';
-		const event = vi.spyOn(component.onFieldChange, 'emit');
-		component.onDateChange();
-		expect(event).toHaveBeenCalledWith('2021-07-26');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/date/date.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/date/date.component.stories.ts
deleted file mode 100644
index 91e8266bd..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/date/date.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { DateFilterComponent } from './date.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'date',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<DateFilterComponent> = {
-	title: 'Filter Fields/Date',
-	component: DateFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '2024-01-15',
-	},
-};
-
-export default meta;
-type Story = StoryObj<DateFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/date/date.component.ts b/frontend/src/app/components/ui-components/filter-fields/date/date.component.ts
deleted file mode 100644
index 17b430f11..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/date/date.component.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, ElementRef, Input, ViewChild } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { format } from 'date-fns';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-date',
-	templateUrl: './date.component.html',
-	styleUrls: ['./date.component.css'],
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule],
-})
-export class DateFilterComponent extends BaseFilterFieldComponent implements AfterViewInit {
-	@Input() value: string;
-	@ViewChild('inputElement') inputElement: ElementRef<HTMLInputElement>;
-
-	static type = 'datetime';
-	public date: string;
-
-	ngOnInit(): void {
-		if (this.value) {
-			const datetime = new Date(this.value);
-			this.date = format(datetime, 'yyyy-MM-dd');
-		}
-	}
-
-	ngAfterViewInit(): void {
-		if (this.autofocus() && this.inputElement) {
-			setTimeout(() => {
-				this.inputElement.nativeElement.focus();
-			}, 100);
-		}
-	}
-
-	onDateChange() {
-		this.onFieldChange.emit(this.date);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.css b/frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.css
deleted file mode 100644
index 84f358170..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.css
+++ /dev/null
@@ -1,31 +0,0 @@
-.filter-row {
-	display: flex;
-	gap: 8px;
-	align-items: flex-start;
-	width: 100%;
-}
-
-.comparator-field {
-	flex: 0 0 auto;
-	min-width: 150px;
-}
-
-.value-field {
-	flex: 1;
-	min-width: 0;
-}
-
-.between-fields {
-	display: flex;
-	gap: 8px;
-	align-items: flex-start;
-}
-
-.between-fields ::ng-deep > ndc-dynamic {
-	flex: 1;
-	min-width: 0;
-}
-
-.between-fields ::ng-deep mat-form-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.html b/frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.html
deleted file mode 100644
index 73509c882..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.html
+++ /dev/null
@@ -1,49 +0,0 @@
-<div class="filter-row">
-    <mat-form-field class="comparator-field" appearance="outline">
-        <mat-select [(ngModel)]="comparator" (ngModelChange)="onComparatorSelect($event)">
-            @for (option of comparatorOptions; track option.value) {
-                <mat-option [value]="option.value">{{ option.label }}</mat-option>
-            }
-        </mat-select>
-    </mat-form-field>
-
-    @if (comparator === 'in') {
-        <mat-form-field class="value-field" appearance="outline">
-            <mat-label>{{ normalizedLabel() }} (comma-separated)</mat-label>
-            <input matInput
-                name="{{ label() }}-{{ key() }}-in"
-                placeholder="value1, value2, value3"
-                [required]="required()"
-                [disabled]="disabled()"
-                [(ngModel)]="inValueText"
-                (ngModelChange)="onInTextChange($event)">
-        </mat-form-field>
-    } @else if (comparator === 'between') {
-        <div class="value-field between-fields">
-            <ndc-dynamic
-                [ndcDynamicComponent]="valueComponent"
-                [ndcDynamicInputs]="lowerInputs"
-                [ndcDynamicOutputs]="{
-                    onFieldChange: { handler: onBetweenLowerChange, args: ['$event'] }
-                }"
-            ></ndc-dynamic>
-            <ndc-dynamic
-                [ndcDynamicComponent]="valueComponent"
-                [ndcDynamicInputs]="upperInputs"
-                [ndcDynamicOutputs]="{
-                    onFieldChange: { handler: onBetweenUpperChange, args: ['$event'] }
-                }"
-            ></ndc-dynamic>
-        </div>
-    } @else {
-        <div class="value-field">
-            <ndc-dynamic
-                [ndcDynamicComponent]="valueComponent"
-                [ndcDynamicInputs]="innerInputs"
-                [ndcDynamicOutputs]="{
-                    onFieldChange: { handler: onValueChange, args: ['$event'] }
-                }"
-            ></ndc-dynamic>
-        </div>
-    }
-</div>
diff --git a/frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.spec.ts
deleted file mode 100644
index 191f97d35..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.spec.ts
+++ /dev/null
@@ -1,163 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { vi } from 'vitest';
-import { DateFilterComponent } from '../date/date.component';
-import { NumberFilterComponent } from '../number/number.component';
-import { TextFilterComponent } from '../text/text.component';
-import { DefaultFilterComponent } from './default-filter.component';
-
-describe('DefaultFilterComponent', () => {
-	let component: DefaultFilterComponent;
-	let fixture: ComponentFixture<DefaultFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [DefaultFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DefaultFilterComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should expose text comparator options when wrapping a text-type filter', () => {
-		component.valueComponent = TextFilterComponent;
-		expect(component.comparatorOptions.map((o) => o.value)).toEqual([
-			'startswith',
-			'endswith',
-			'eq',
-			'contains',
-			'icontains',
-			'empty',
-		]);
-	});
-
-	it('should expose number comparator options when wrapping a number-type filter', () => {
-		component.valueComponent = NumberFilterComponent;
-		expect(component.comparatorOptions.map((o) => o.value)).toEqual(['eq', 'gt', 'lt', 'gte', 'lte', 'in', 'between']);
-	});
-
-	it('should expose in/between for datetime inner components', () => {
-		component.valueComponent = DateFilterComponent;
-		const values = component.comparatorOptions.map((o) => o.value);
-		expect(values).toContain('in');
-		expect(values).toContain('between');
-	});
-
-	it('should emit initial comparator on view init', () => {
-		const spy = vi.spyOn(component.onComparatorChange, 'emit');
-		component.comparator = 'contains';
-		component.ngAfterViewInit();
-		expect(spy).toHaveBeenCalledWith('contains');
-	});
-
-	it('should emit value and reset it when "empty" comparator is selected', () => {
-		const valueSpy = vi.spyOn(component.onFieldChange, 'emit');
-		const cmpSpy = vi.spyOn(component.onComparatorChange, 'emit');
-		component.value = 'foo';
-		component.onComparatorSelect('empty');
-		expect(component.value).toBe('');
-		expect(valueSpy).toHaveBeenCalledWith('');
-		expect(cmpSpy).toHaveBeenCalledWith('empty');
-	});
-
-	it('should emit comparator without resetting value for non-empty selections', () => {
-		const valueSpy = vi.spyOn(component.onFieldChange, 'emit');
-		const cmpSpy = vi.spyOn(component.onComparatorChange, 'emit');
-		component.value = 'foo';
-		component.onComparatorSelect('contains');
-		expect(component.value).toBe('foo');
-		expect(valueSpy).not.toHaveBeenCalled();
-		expect(cmpSpy).toHaveBeenCalledWith('contains');
-	});
-
-	it('should re-emit value changes from inner widget via onValueChange', () => {
-		const spy = vi.spyOn(component.onFieldChange, 'emit');
-		component.onValueChange('bar');
-		expect(component.value).toBe('bar');
-		expect(spy).toHaveBeenCalledWith('bar');
-	});
-
-	it('should mark inner inputs as readonly when comparator is "empty"', () => {
-		component.comparator = 'empty';
-		expect(component.innerInputs.readonly).toBe(true);
-	});
-
-	it('should parse comma-separated text into an array on IN text change', () => {
-		const valueSpy = vi.spyOn(component.onFieldChange, 'emit');
-		component.valueComponent = NumberFilterComponent;
-		component.comparator = 'in';
-		component.onInTextChange('1, 2,3 , 4');
-
-		expect(component.inValueText).toBe('1, 2,3 , 4');
-		expect(valueSpy).toHaveBeenCalledWith(['1', '2', '3', '4']);
-	});
-
-	it('should emit undefined when IN text is empty', () => {
-		const valueSpy = vi.spyOn(component.onFieldChange, 'emit');
-		component.valueComponent = NumberFilterComponent;
-		component.comparator = 'in';
-		component.onInTextChange('   ');
-
-		expect(valueSpy).toHaveBeenCalledWith(undefined);
-	});
-
-	it('should restore inValueText from an array value on init when comparator is in', () => {
-		component.valueComponent = NumberFilterComponent;
-		component.comparator = 'in';
-		component.value = ['1', '2', '3'];
-		component.ngOnInit();
-
-		expect(component.inValueText).toBe('1, 2, 3');
-	});
-
-	it('should emit two-element array when BETWEEN bounds change', () => {
-		const valueSpy = vi.spyOn(component.onFieldChange, 'emit');
-		component.valueComponent = NumberFilterComponent;
-		component.comparator = 'between';
-
-		component.onBetweenLowerChange('10');
-		expect(valueSpy).toHaveBeenLastCalledWith(['10', undefined]);
-
-		component.onBetweenUpperChange('20');
-		expect(valueSpy).toHaveBeenLastCalledWith(['10', '20']);
-	});
-
-	it('should restore BETWEEN bounds from a two-element array on init', () => {
-		component.valueComponent = NumberFilterComponent;
-		component.comparator = 'between';
-		component.value = ['5', '15'];
-		component.ngOnInit();
-
-		expect(component.betweenLower).toBe('5');
-		expect(component.betweenUpper).toBe('15');
-	});
-
-	it('should clear single-value state when switching to IN', () => {
-		component.valueComponent = NumberFilterComponent;
-		component.value = '42';
-		const valueSpy = vi.spyOn(component.onFieldChange, 'emit');
-
-		component.onComparatorSelect('in');
-
-		expect(component.comparator).toBe('in');
-		expect(valueSpy).toHaveBeenCalledWith(undefined);
-	});
-
-	it('should clear single-value state when switching to BETWEEN', () => {
-		component.valueComponent = NumberFilterComponent;
-		component.value = '42';
-		const valueSpy = vi.spyOn(component.onFieldChange, 'emit');
-
-		component.onComparatorSelect('between');
-
-		expect(component.comparator).toBe('between');
-		expect(valueSpy).toHaveBeenCalledWith(undefined);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.ts b/frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.ts
deleted file mode 100644
index f09d05461..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/default-filter/default-filter.component.ts
+++ /dev/null
@@ -1,157 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, Input, OnInit, Type } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { DynamicModule } from 'ng-dynamic-component';
-import { SignalComponentIoModule } from 'ng-dynamic-component/signal-component-io';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-const TEXT_COMPARATORS = [
-	{ value: 'startswith', label: 'starts with' },
-	{ value: 'endswith', label: 'ends with' },
-	{ value: 'eq', label: 'equal' },
-	{ value: 'contains', label: 'contains' },
-	{ value: 'icontains', label: 'not contains' },
-	{ value: 'empty', label: 'is empty' },
-];
-
-const NUMBER_COMPARATORS = [
-	{ value: 'eq', label: 'equal' },
-	{ value: 'gt', label: 'greater than' },
-	{ value: 'lt', label: 'less than' },
-	{ value: 'gte', label: 'greater than or equal' },
-	{ value: 'lte', label: 'less than or equal' },
-	{ value: 'in', label: 'in' },
-	{ value: 'between', label: 'between' },
-];
-
-@Component({
-	selector: 'app-filter-default',
-	templateUrl: './default-filter.component.html',
-	styleUrls: ['./default-filter.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatSelectModule,
-		DynamicModule,
-		SignalComponentIoModule,
-	],
-})
-export class DefaultFilterComponent extends BaseFilterFieldComponent implements OnInit, AfterViewInit {
-	@Input() value: any;
-	@Input() comparator: string = 'eq';
-	@Input() valueComponent: Type<any>;
-
-	public inValueText: string = '';
-	public betweenLower: any;
-	public betweenUpper: any;
-
-	ngOnInit(): void {
-		if (this.comparator === 'in' && Array.isArray(this.value)) {
-			this.inValueText = this.value.join(', ');
-		} else if (this.comparator === 'between' && Array.isArray(this.value)) {
-			this.betweenLower = this.value[0];
-			this.betweenUpper = this.value[1];
-		}
-	}
-
-	ngAfterViewInit(): void {
-		this.onComparatorChange.emit(this.comparator);
-	}
-
-	get comparatorOptions() {
-		const innerType = (this.valueComponent as { type?: string })?.type;
-		return innerType === 'text' ? TEXT_COMPARATORS : NUMBER_COMPARATORS;
-	}
-
-	get innerInputs(): Record<string, any> {
-		return {
-			key: this.key(),
-			label: this.label(),
-			value: this.value,
-			readonly: this.comparator === 'empty',
-			structure: this.structure(),
-			relations: this.relations(),
-			autofocus: this.autofocus(),
-		};
-	}
-
-	get lowerInputs(): Record<string, any> {
-		return {
-			key: `${this.key()}-lower`,
-			label: `${this.label()} (from)`,
-			value: this.betweenLower,
-			structure: this.structure(),
-			relations: this.relations(),
-			autofocus: this.autofocus(),
-		};
-	}
-
-	get upperInputs(): Record<string, any> {
-		return {
-			key: `${this.key()}-upper`,
-			label: `${this.label()} (to)`,
-			value: this.betweenUpper,
-			structure: this.structure(),
-			relations: this.relations(),
-		};
-	}
-
-	onComparatorSelect(comparator: string): void {
-		const previous = this.comparator;
-		this.comparator = comparator;
-
-		if (comparator === 'empty') {
-			this.value = '';
-			this.onFieldChange.emit('');
-		} else if (comparator === 'in' || comparator === 'between') {
-			if (previous !== comparator) {
-				this.value = undefined;
-				this.inValueText = '';
-				this.betweenLower = undefined;
-				this.betweenUpper = undefined;
-				this.onFieldChange.emit(undefined);
-			}
-		}
-
-		this.onComparatorChange.emit(comparator);
-	}
-
-	onValueChange = (val: any): void => {
-		this.value = val;
-		this.onFieldChange.emit(val);
-	};
-
-	onInTextChange(text: string): void {
-		this.inValueText = text;
-		const parts = text
-			.split(',')
-			.map((v) => v.trim())
-			.filter((v) => v.length > 0);
-
-		if (parts.length === 0) {
-			this.value = undefined;
-			this.onFieldChange.emit(undefined);
-			return;
-		}
-
-		this.value = parts;
-		this.onFieldChange.emit(parts);
-	}
-
-	onBetweenLowerChange = (val: any): void => {
-		this.betweenLower = val;
-		this.value = [this.betweenLower, this.betweenUpper];
-		this.onFieldChange.emit(this.value);
-	};
-
-	onBetweenUpperChange = (val: any): void => {
-		this.betweenUpper = val;
-		this.value = [this.betweenLower, this.betweenUpper];
-		this.onFieldChange.emit(this.value);
-	};
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/email/email.component.css b/frontend/src/app/components/ui-components/filter-fields/email/email.component.css
deleted file mode 100644
index 3b1f34518..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/email/email.component.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.filter-row {
-	display: flex;
-	gap: 8px;
-	align-items: flex-start;
-	width: 100%;
-}
-
-.comparator-field {
-	flex: 0 0 auto;
-	min-width: 150px;
-}
-
-.value-field {
-	flex: 1;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/email/email.component.html b/frontend/src/app/components/ui-components/filter-fields/email/email.component.html
deleted file mode 100644
index 24f5f9351..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/email/email.component.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<div class="filter-row">
-    <mat-form-field class="comparator-field" appearance="outline">
-        <mat-select [(ngModel)]="filterMode" (ngModelChange)="onFilterModeChange($event)">
-            <mat-option value="eq">equal</mat-option>
-            <mat-option value="domain">domain equal</mat-option>
-            <mat-option value="contains">contains</mat-option>
-            <mat-option value="startswith">starts with</mat-option>
-            <mat-option value="endswith">ends with</mat-option>
-            <mat-option value="empty">is empty</mat-option>
-        </mat-select>
-    </mat-form-field>
-
-    @if (filterMode === 'domain') {
-        <mat-form-field class="value-field" appearance="outline">
-            <mat-label>{{normalizedLabel()}} (domain)</mat-label>
-            <span matTextPrefix>@&nbsp;</span>
-            <input matInput type="text" name="{{label()}}-{{key()}}"
-                #inputElement
-                [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-                placeholder="gmail.com"
-                [(ngModel)]="domainValue" (ngModelChange)="onDomainChange($event)">
-        </mat-form-field>
-    } @else if (filterMode !== 'empty') {
-        <mat-form-field class="value-field" appearance="outline">
-            <mat-label>{{normalizedLabel()}}</mat-label>
-            <input matInput type="text" name="{{label()}}-{{key()}}"
-                #inputElement
-                [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-                [(ngModel)]="value" (ngModelChange)="onValueChange($event)">
-        </mat-form-field>
-    }
-</div>
diff --git a/frontend/src/app/components/ui-components/filter-fields/email/email.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/email/email.component.spec.ts
deleted file mode 100644
index 0e171dc2a..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/email/email.component.spec.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { EmailFilterComponent } from './email.component';
-
-describe('EmailFilterComponent', () => {
-	let component: EmailFilterComponent;
-	let fixture: ComponentFixture<EmailFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [EmailFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(EmailFilterComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should default to eq filter mode', () => {
-		fixture.detectChanges();
-		expect(component.filterMode).toBe('eq');
-	});
-
-	it('should not emit comparator in default eq mode', () => {
-		const emitted: string[] = [];
-		component.onComparatorChange.subscribe((v: string) => emitted.push(v));
-
-		component.ngOnInit();
-		component.ngAfterViewInit();
-
-		expect(emitted).toEqual([]);
-	});
-
-	it('should emit endswith comparator when initialized with @domain value', () => {
-		component.value = '@example.com';
-		const emitted: string[] = [];
-		component.onComparatorChange.subscribe((v: string) => emitted.push(v));
-
-		component.ngOnInit();
-		component.ngAfterViewInit();
-
-		expect(emitted).toEqual(['endswith']);
-	});
-
-	it('should prefix domain value with @ on domain change', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		vi.spyOn(component.onComparatorChange, 'emit');
-		fixture.detectChanges();
-
-		component.onDomainChange('gmail.com');
-
-		expect(component.value).toBe('@gmail.com');
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith('@gmail.com');
-		expect(component.onComparatorChange.emit).toHaveBeenCalledWith('endswith');
-	});
-
-	it('should switch to eq mode and emit plain text', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		vi.spyOn(component.onComparatorChange, 'emit');
-		fixture.detectChanges();
-
-		component.value = 'user@test.com';
-		component.onFilterModeChange('eq');
-
-		expect(component.onComparatorChange.emit).toHaveBeenCalledWith('eq');
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith('user@test.com');
-	});
-
-	it('should switch to empty mode', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		vi.spyOn(component.onComparatorChange, 'emit');
-		fixture.detectChanges();
-
-		component.onFilterModeChange('empty');
-
-		expect(component.value).toBe('');
-		expect(component.onComparatorChange.emit).toHaveBeenCalledWith('empty');
-	});
-
-	it('should parse existing @domain value on init', () => {
-		component.value = '@example.com';
-		fixture.detectChanges();
-
-		expect(component.filterMode).toBe('domain');
-		expect(component.domainValue).toBe('example.com');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/email/email.component.ts b/frontend/src/app/components/ui-components/filter-fields/email/email.component.ts
deleted file mode 100644
index 383eff263..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/email/email.component.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-email',
-	templateUrl: './email.component.html',
-	styleUrls: ['./email.component.css'],
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule, MatSelectModule],
-})
-export class EmailFilterComponent extends BaseFilterFieldComponent implements OnInit, AfterViewInit {
-	@Input() value: string;
-	@ViewChild('inputElement') inputElement: ElementRef<HTMLInputElement>;
-
-	public filterMode: string = 'eq';
-	public domainValue: string = '';
-
-	ngOnInit(): void {
-		if (this.value?.startsWith('@')) {
-			this.filterMode = 'domain';
-			this.domainValue = this.value.substring(1);
-		}
-	}
-
-	ngAfterViewInit(): void {
-		if (this.filterMode !== 'eq') {
-			this.onComparatorChange.emit(this.filterMode === 'domain' ? 'endswith' : this.filterMode);
-		}
-
-		if (this.autofocus() && this.inputElement) {
-			setTimeout(() => {
-				this.inputElement.nativeElement.focus();
-			}, 100);
-		}
-	}
-
-	onFilterModeChange(mode: string): void {
-		this.filterMode = mode;
-
-		if (mode === 'domain') {
-			this.value = this.domainValue ? `@${this.domainValue}` : '';
-			this.onComparatorChange.emit('endswith');
-		} else if (mode === 'empty') {
-			this.value = '';
-			this.onComparatorChange.emit('empty');
-		} else {
-			this.onComparatorChange.emit(mode);
-		}
-
-		this.onFieldChange.emit(this.value);
-	}
-
-	onDomainChange(domain: string): void {
-		this.domainValue = domain;
-		this.value = domain ? `@${domain}` : '';
-		this.onFieldChange.emit(this.value);
-		this.onComparatorChange.emit('endswith');
-	}
-
-	onValueChange(text: string): void {
-		this.value = text;
-		this.onFieldChange.emit(this.value);
-		this.onComparatorChange.emit(this.filterMode);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/file/file.component.css b/frontend/src/app/components/ui-components/filter-fields/file/file.component.css
deleted file mode 100644
index d3e76481b..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/file/file.component.css
+++ /dev/null
@@ -1,39 +0,0 @@
-.file {
-	margin-bottom: 24px;
-}
-
-.header {
-	display: flex;
-	align-items: center;
-	margin-bottom: 20px;
-}
-
-.file-type {
-	margin-right: 20px;
-}
-
-.file-raw-data {
-	width: 100%;
-}
-
-.file-input {
-	display: none;
-}
-
-.file-uploader-appearance {
-	margin-bottom: 20px;
-}
-
-.file-label {
-	margin-right: 20px;
-}
-
-.file-name {
-	color: rgba(0, 0, 0, 0.5);
-	font-style: italic;
-	margin-right: 20px;
-}
-
-.upload-btn {
-	margin-right: 12px;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/file/file.component.html b/frontend/src/app/components/ui-components/filter-fields/file/file.component.html
deleted file mode 100644
index 9c9f09849..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/file/file.component.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div>
-    Not available for filtering
-</div>
-<!-- ...existing code... -->
diff --git a/frontend/src/app/components/ui-components/filter-fields/file/file.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/file/file.component.spec.ts
deleted file mode 100644
index e6d56f3e2..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/file/file.component.spec.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatRadioModule } from '@angular/material/radio';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { FileFilterComponent } from './file.component';
-
-describe('FileFilterComponent', () => {
-	let component: FileFilterComponent;
-	let fixture: ComponentFixture<FileFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [FormsModule, MatRadioModule, FileFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(FileFilterComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/file/file.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/file/file.component.stories.ts
deleted file mode 100644
index 4a3241f70..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/file/file.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { FileFilterComponent } from './file.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'blob',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<FileFilterComponent> = {
-	title: 'Filter Fields/File',
-	component: FileFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-	},
-};
-
-export default meta;
-type Story = StoryObj<FileFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/file/file.component.ts b/frontend/src/app/components/ui-components/filter-fields/file/file.component.ts
deleted file mode 100644
index ae16ebc74..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/file/file.component.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-file',
-	templateUrl: './file.component.html',
-	styleUrls: ['./file.component.css'],
-	imports: [CommonModule],
-})
-export class FileFilterComponent extends BaseFilterFieldComponent {
-	static type = 'file';
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.css b/frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.css
deleted file mode 100644
index 246754ac9..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.css
+++ /dev/null
@@ -1,41 +0,0 @@
-.full-width {
-	position: relative;
-	width: 100%;
-}
-
-.loader {
-	position: absolute;
-	top: 12px;
-	right: 12px;
-}
-
-.disabled {
-	pointer-events: none;
-}
-
-.foreign-key {
-	display: grid;
-	grid-template-columns: 1fr 36px;
-}
-
-.foreign-key ::ng-deep .mat-mdc-form-field-subscript-wrapper {
-	display: none;
-}
-
-@media (width <= 600px) {
-	.foreign-key__link-icon {
-		margin-top: 6px;
-	}
-}
-
-.foreign-key__link {
-	display: flex;
-	/* align-items: center; */
-	justify-content: flex-end;
-	color: inherit;
-}
-
-.foreign-key__link-icon {
-	margin-left: auto;
-	margin-top: 12px;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.html b/frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.html
deleted file mode 100644
index 22c5cfba7..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.html
+++ /dev/null
@@ -1,42 +0,0 @@
-
-<!-- <pre>{{ value }}</pre> -->
-
-<div class="foreign-key">
-    <mat-form-field class="full-width" appearance="outline">
-        <mat-label>{{normalizedLabel()}}</mat-label>
-        @if (fetching()) {
-            <mat-spinner class="loader" diameter="20"></mat-spinner>
-        }
-        <input type="text" matInput
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            [(ngModel)]="currentDisplayedString"
-            [matAutocomplete]="auto"
-            (ngModelChange)="onSearchInput()">
-        <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" (optionSelected)="updateRelatedLink($event)">
-            @for (suggestion of suggestions(); track suggestion.fieldValue) {
-                <mat-option
-                    [ngClass]="{'disabled': suggestion.displayString === 'No matches'}"
-                    [value]="suggestion.displayString">
-                    {{suggestion.displayString}}
-                </mat-option>
-            }
-        </mat-autocomplete>
-    </mat-form-field>
-    <a routerLink="/dashboard/{{connectionID}}/{{relations().referenced_table_name}}/entry"
-        [queryParams]="currentFieldQueryParams"
-        target="_blank"
-        class="foreign-key__link">
-        <mat-icon
-            class="foreign-key__link-icon"
-            matTooltip="Show related record"
-            matTooltipPosition="above">
-            open_in_new
-        </mat-icon>
-    </a>
-</div>
-
-
-
-<!-- <pre>{{ relations() | json }}</pre> -->
-<!-- <pre>{{ suggestions | json}}</pre> -->
-<!-- <p>foreign-key component</p> -->
diff --git a/frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.spec.ts
deleted file mode 100644
index 27b5990f1..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.spec.ts
+++ /dev/null
@@ -1,453 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { ForeignKeyFilterComponent } from './foreign-key.component';
-
-describe('ForeignKeyFilterComponent', () => {
-	let component: ForeignKeyFilterComponent;
-	let fixture: ComponentFixture<ForeignKeyFilterComponent>;
-	let tablesService: TablesService;
-	let connectionsService: ConnectionsService;
-
-	const structureNetwork = [
-		{
-			column_name: 'id',
-			column_default: "nextval('customers_id_seq'::regclass)",
-			data_type: 'integer',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: true,
-			allow_null: false,
-			character_maximum_length: null,
-		},
-		{
-			column_name: 'firstname',
-			column_default: null,
-			data_type: 'character varying',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: true,
-			character_maximum_length: 30,
-		},
-		{
-			column_name: 'lastname',
-			column_default: null,
-			data_type: 'character varying',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: true,
-			character_maximum_length: 30,
-		},
-		{
-			column_name: 'email',
-			column_default: null,
-			data_type: 'character varying',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: false,
-			character_maximum_length: 30,
-		},
-		{
-			column_name: 'age',
-			column_default: null,
-			data_type: 'integer',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: true,
-			character_maximum_length: null,
-		},
-	];
-
-	const usersTableNetwork = {
-		rows: [
-			{
-				id: 33,
-				firstname: 'Alex',
-				lastname: 'Taylor',
-				email: 'new-user-5@email.com',
-				age: 24,
-			},
-			{
-				id: 34,
-				firstname: 'Alex',
-				lastname: 'Johnson',
-				email: 'new-user-4@email.com',
-				age: 24,
-			},
-			{
-				id: 35,
-				firstname: 'Alex',
-				lastname: 'Smith',
-				email: 'some-new@email.com',
-				age: 24,
-			},
-		],
-		primaryColumns: [
-			{
-				column_name: 'id',
-				data_type: 'integer',
-			},
-		],
-		pagination: {
-			total: 30,
-			lastPage: 1,
-			perPage: 30,
-			currentPage: 1,
-		},
-		sortable_by: [],
-		ordering: 'ASC',
-		structure: structureNetwork,
-		foreignKeys: [],
-	};
-
-	const fakeRelations = {
-		autocomplete_columns: ['firstname', 'lastname', 'email'],
-		column_name: 'userId',
-		constraint_name: '',
-		referenced_column_name: 'id',
-		referenced_table_name: 'users',
-		column_default: '',
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				MatAutocompleteModule,
-				MatDialogModule,
-				ForeignKeyFilterComponent,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot(),
-			],
-			providers: [provideHttpClient(), provideRouter([])],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(ForeignKeyFilterComponent);
-		component = fixture.componentInstance;
-		fixture.componentRef.setInput('relations', fakeRelations);
-		tablesService = TestBed.inject(TablesService);
-		connectionsService = TestBed.inject(ConnectionsService);
-		// Mock the connectionID getter before ngOnInit runs
-		vi.spyOn(connectionsService, 'currentConnectionID', 'get').mockReturnValue('12345678');
-		// Don't call fixture.detectChanges() here - let tests set up mocks first
-	});
-
-	it('should create', () => {
-		vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(usersTableNetwork));
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should fill initial dropdown values when identity_column is set', async () => {
-		const usersTableNetworkWithIdentityColumn = { ...usersTableNetwork, identity_column: 'lastname' };
-
-		vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(usersTableNetworkWithIdentityColumn));
-
-		component.connectionID = '12345678';
-		component.value = '33'; // Must be truthy to trigger currentDisplayedString setting
-
-		await component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.identityColumn).toEqual('lastname');
-		expect(component.currentDisplayedString).toEqual('Taylor (Alex | new-user-5@email.com)');
-		expect(component.currentFieldValue).toEqual(33);
-
-		expect(component.suggestions()).toEqual([
-			{
-				displayString: 'Taylor (Alex | new-user-5@email.com)',
-				primaryKeys: { id: 33 },
-				fieldValue: 33,
-			},
-			{
-				displayString: 'Johnson (Alex | new-user-4@email.com)',
-				primaryKeys: { id: 34 },
-				fieldValue: 34,
-			},
-			{
-				displayString: 'Smith (Alex | some-new@email.com)',
-				primaryKeys: { id: 35 },
-				fieldValue: 35,
-			},
-		]);
-	});
-
-	it('should fill initial dropdown values when identity_column is not set', async () => {
-		vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(usersTableNetwork));
-
-		component.connectionID = '12345678';
-
-		component.value = '33'; // Must be truthy to trigger currentDisplayedString setting
-
-		await component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.identityColumn).toBeUndefined;
-		expect(component.currentDisplayedString).toEqual('Alex | Taylor | new-user-5@email.com');
-		expect(component.currentFieldValue).toEqual(33);
-
-		expect(component.suggestions()).toEqual([
-			{
-				displayString: 'Alex | Taylor | new-user-5@email.com',
-				primaryKeys: { id: 33 },
-				fieldValue: 33,
-			},
-			{
-				displayString: 'Alex | Johnson | new-user-4@email.com',
-				primaryKeys: { id: 34 },
-				fieldValue: 34,
-			},
-			{
-				displayString: 'Alex | Smith | some-new@email.com',
-				primaryKeys: { id: 35 },
-				fieldValue: 35,
-			},
-		]);
-	});
-
-	it('should fill initial dropdown values when autocomplete_columns is not set', async () => {
-		vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(usersTableNetwork));
-
-		component.connectionID = '12345678';
-		fixture.componentRef.setInput('relations', {
-			autocomplete_columns: [],
-			column_name: 'userId',
-			constraint_name: '',
-			referenced_column_name: 'id',
-			referenced_table_name: 'users',
-			column_default: '',
-		});
-		component.value = '33'; // Must be truthy to trigger currentDisplayedString setting
-
-		await component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.identityColumn).toBeUndefined;
-		expect(component.currentDisplayedString).toEqual('33 | Alex | Taylor | new-user-5@email.com | 24');
-		expect(component.currentFieldValue).toEqual(33);
-
-		expect(component.suggestions()).toEqual([
-			{
-				displayString: '33 | Alex | Taylor | new-user-5@email.com | 24',
-				primaryKeys: { id: 33 },
-				fieldValue: 33,
-			},
-			{
-				displayString: '34 | Alex | Johnson | new-user-4@email.com | 24',
-				primaryKeys: { id: 34 },
-				fieldValue: 34,
-			},
-			{
-				displayString: '35 | Alex | Smith | some-new@email.com | 24',
-				primaryKeys: { id: 35 },
-				fieldValue: 35,
-			},
-		]);
-	});
-
-	it('should set current value if necessary row is in suggestions list', async () => {
-		vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(usersTableNetwork));
-		fixture.detectChanges();
-		component.suggestions.set([
-			{
-				displayString: 'Alex | Taylor | new-user-5@email.com',
-				primaryKeys: { id: 33 },
-				fieldValue: 33,
-			},
-			{
-				displayString: 'Alex | Johnson | new-user-4@email.com',
-				primaryKeys: { id: 34 },
-				fieldValue: 34,
-			},
-			{
-				displayString: 'Alex | Smith | some-new@email.com',
-				primaryKeys: { id: 35 },
-				fieldValue: 35,
-			},
-		]);
-		component.currentDisplayedString = 'Alex | Johnson | new-user-4@email.com';
-
-		await component.fetchSuggestions();
-
-		expect(component.currentFieldValue).toEqual(34);
-	});
-
-	it('should fetch suggestions list if user types search query and identity column is set', async () => {
-		vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(usersTableNetwork));
-		fixture.detectChanges();
-
-		const searchSuggestionsNetwork = {
-			rows: [
-				{
-					id: 23,
-					firstname: 'John',
-					lastname: 'Taylor',
-					email: 'new-user-0@email.com',
-					age: 24,
-				},
-				{
-					id: 24,
-					firstname: 'John',
-					lastname: 'Johnson',
-					email: 'new-user-1@email.com',
-					age: 24,
-				},
-			],
-			primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
-			identity_column: 'lastname',
-		};
-
-		vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(searchSuggestionsNetwork));
-
-		fixture.componentRef.setInput('relations', fakeRelations);
-
-		component.suggestions.set([
-			{
-				displayString: 'Alex | Taylor | new-user-5@email.com',
-				fieldValue: 33,
-			},
-			{
-				displayString: 'Alex | Johnson | new-user-4@email.com',
-				fieldValue: 34,
-			},
-			{
-				displayString: 'Alex | Smith | some-new@email.com',
-				fieldValue: 35,
-			},
-		]);
-
-		component.currentDisplayedString = 'John';
-		await component.fetchSuggestions();
-
-		expect(component.suggestions()).toEqual([
-			{
-				displayString: 'Taylor (John | new-user-0@email.com)',
-				primaryKeys: { id: 23 },
-				fieldValue: 23,
-			},
-			{
-				displayString: 'Johnson (John | new-user-1@email.com)',
-				primaryKeys: { id: 24 },
-				fieldValue: 24,
-			},
-		]);
-	});
-
-	it('should fetch suggestions list if user types search query and show No matches message if the list is empty', async () => {
-		const searchSuggestionsNetwork = {
-			rows: [],
-		};
-
-		vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(searchSuggestionsNetwork));
-
-		component.suggestions.set([
-			{
-				displayString: 'Alex | Taylor | new-user-5@email.com',
-				primaryKeys: { id: 33 },
-				fieldValue: 33,
-			},
-			{
-				displayString: 'Alex | Johnson | new-user-4@email.com',
-				primaryKeys: { id: 34 },
-				fieldValue: 34,
-			},
-			{
-				displayString: 'Alex | Smith | some-new@email.com',
-				primaryKeys: { id: 35 },
-				fieldValue: 35,
-			},
-		]);
-
-		component.currentDisplayedString = 'skjfhskjdf';
-		await component.fetchSuggestions();
-
-		expect(component.suggestions()).toEqual([
-			{
-				displayString: 'No field starts with "skjfhskjdf" in foreign entity.',
-			},
-		]);
-	});
-
-	it('should fetch suggestions list if user types search query and identity column is not set', async () => {
-		const searchSuggestionsNetwork = {
-			rows: [
-				{
-					id: 23,
-					firstname: 'John',
-					lastname: 'Taylor',
-					email: 'new-user-0@email.com',
-					age: 24,
-				},
-				{
-					id: 24,
-					firstname: 'John',
-					lastname: 'Johnson',
-					email: 'new-user-1@email.com',
-					age: 24,
-				},
-			],
-			primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
-		};
-
-		const fakeFetchTable = vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(searchSuggestionsNetwork));
-		component.connectionID = '12345678';
-		fixture.componentRef.setInput('relations', fakeRelations);
-
-		component.suggestions.set([
-			{
-				displayString: 'Alex | Taylor | new-user-5@email.com',
-				fieldValue: 33,
-			},
-			{
-				displayString: 'Alex | Johnson | new-user-4@email.com',
-				fieldValue: 34,
-			},
-			{
-				displayString: 'Alex | Smith | some-new@email.com',
-				fieldValue: 35,
-			},
-		]);
-
-		component.currentDisplayedString = 'Alex';
-		await component.fetchSuggestions();
-
-		fixture.detectChanges();
-
-		expect(fakeFetchTable).toHaveBeenCalledWith({
-			connectionID: '12345678',
-			tableName: component.relations().referenced_table_name,
-			requstedPage: 1,
-			chunkSize: 20,
-			foreignKeyRowName: 'autocomplete',
-			foreignKeyRowValue: component.currentDisplayedString,
-			referencedColumn: component.relations().referenced_column_name,
-		});
-
-		expect(component.suggestions()).toEqual([
-			{
-				displayString: 'John | Taylor | new-user-0@email.com',
-				primaryKeys: { id: 23 },
-				fieldValue: 23,
-			},
-			{
-				displayString: 'John | Johnson | new-user-1@email.com',
-				primaryKeys: { id: 24 },
-				fieldValue: 24,
-			},
-		]);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.stories.ts
deleted file mode 100644
index ea95f0e2a..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { ForeignKeyFilterComponent } from './foreign-key.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'int',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<ForeignKeyFilterComponent> = {
-	title: 'Filter Fields/ForeignKey',
-	component: ForeignKeyFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '1',
-	},
-};
-
-export default meta;
-type Story = StoryObj<ForeignKeyFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.ts b/frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.ts
deleted file mode 100644
index 3aa51ff68..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/foreign-key/foreign-key.component.ts
+++ /dev/null
@@ -1,241 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input, signal } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatAutocompleteModule, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatSpinner } from '@angular/material/progress-spinner';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { RouterModule } from '@angular/router';
-import { firstValueFrom } from 'rxjs';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-interface FetchTableResponse {
-	rows: Record<string, unknown>[];
-	primaryColumns: { column_name: string; data_type: string }[];
-	identity_column?: string;
-}
-
-interface Suggestion {
-	displayString: string;
-	primaryKeys?: Record<string, unknown>;
-	fieldValue?: unknown;
-}
-
-@Component({
-	selector: 'app-filter-foreign-key',
-	templateUrl: './foreign-key.component.html',
-	styleUrls: ['./foreign-key.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatAutocompleteModule,
-		MatIconModule,
-		MatTooltipModule,
-		MatSpinner,
-		RouterModule,
-	],
-})
-export class ForeignKeyFilterComponent extends BaseFilterFieldComponent {
-	@Input() value;
-
-	public connectionID: string;
-	public currentDisplayedString: string;
-	public currentFieldValue: unknown;
-	public currentFieldQueryParams: Record<string, unknown>;
-	public suggestions = signal<Suggestion[]>([]);
-	public fetching = signal(true);
-	public identityColumn: string;
-	public primaeyKeys: { data_type: string; column_name: string }[];
-
-	private _debounceTimer: ReturnType<typeof setTimeout>;
-
-	constructor(
-		private _tables: TablesService,
-		private _connections: ConnectionsService,
-	) {
-		super();
-	}
-
-	async ngOnInit(): Promise<void> {
-		this.connectionID = this._connections.currentConnectionID;
-		const rels = this.relations();
-
-		if (rels) {
-			try {
-				const res = (await firstValueFrom(
-					this._tables.fetchTable({
-						connectionID: this.connectionID,
-						tableName: rels.referenced_table_name,
-						requstedPage: 1,
-						chunkSize: 10,
-						foreignKeyRowName: rels.referenced_column_name,
-						foreignKeyRowValue: this.value,
-					}),
-				)) as FetchTableResponse;
-
-				if (res.rows.length) {
-					this.identityColumn = res.identity_column;
-					const modifiedRow = this.getModifiedRow(res.rows[0]);
-					if (this.value) {
-						this.currentDisplayedString = this.identityColumn
-							? `${res.rows[0][this.identityColumn]} (${Object.values(modifiedRow)
-									.filter((value) => value)
-									.join(' | ')})`
-							: Object.values(modifiedRow)
-									.filter((value) => value)
-									.join(' | ');
-						this.currentFieldValue = res.rows[0][rels.referenced_column_name];
-						this.currentFieldQueryParams = Object.assign(
-							{},
-							...res.primaryColumns.map((primaeyKey) => ({
-								[primaeyKey.column_name]: res.rows[0][primaeyKey.column_name],
-							})),
-						);
-						this.onFieldChange.emit(this.currentFieldValue);
-					}
-				}
-
-				const suggestionsRes = (await firstValueFrom(
-					this._tables.fetchTable({
-						connectionID: this.connectionID,
-						tableName: rels.referenced_table_name,
-						requstedPage: 1,
-						chunkSize: 20,
-						foreignKeyRowName: 'autocomplete',
-						foreignKeyRowValue: '',
-						referencedColumn: rels.referenced_column_name,
-					}),
-				)) as FetchTableResponse;
-
-				this.identityColumn = suggestionsRes.identity_column;
-				this.suggestions.set(
-					suggestionsRes.rows.map((row) => {
-						const modifiedRow = this.getModifiedRow(row);
-						return {
-							displayString: this.identityColumn
-								? `${row[this.identityColumn]} (${Object.values(modifiedRow)
-										.filter((value) => value)
-										.join(' | ')})`
-								: Object.values(modifiedRow)
-										.filter((value) => value)
-										.join(' | '),
-							primaryKeys: Object.assign(
-								{},
-								...suggestionsRes.primaryColumns.map((primaeyKey) => ({
-									[primaeyKey.column_name]: row[primaeyKey.column_name],
-								})),
-							),
-							fieldValue: row[rels.referenced_column_name],
-						};
-					}),
-				);
-				this.fetching.set(false);
-			} catch (error) {
-				console.error('Error loading foreign key data:', error);
-				this.fetching.set(false);
-			}
-		}
-	}
-
-	onSearchInput(): void {
-		clearTimeout(this._debounceTimer);
-		this._debounceTimer = setTimeout(() => {
-			if (this.currentDisplayedString === '') this.onFieldChange.emit(null);
-			this.fetchSuggestions();
-		}, 500);
-	}
-
-	async fetchSuggestions(): Promise<void> {
-		const currentRow = this.suggestions()?.find(
-			(suggestion) => suggestion.displayString === this.currentDisplayedString,
-		);
-		const rels = this.relations();
-		if (currentRow !== undefined) {
-			this.currentFieldValue = currentRow.fieldValue;
-			this.onFieldChange.emit(this.currentFieldValue);
-		} else {
-			this.fetching.set(true);
-			try {
-				const res = (await firstValueFrom(
-					this._tables.fetchTable({
-						connectionID: this.connectionID,
-						tableName: rels.referenced_table_name,
-						requstedPage: 1,
-						chunkSize: 20,
-						foreignKeyRowName: 'autocomplete',
-						foreignKeyRowValue: this.currentDisplayedString,
-						referencedColumn: rels.referenced_column_name,
-					}),
-				)) as FetchTableResponse;
-
-				this.identityColumn = res.identity_column;
-				if (res.rows.length === 0) {
-					this.suggestions.set([
-						{
-							displayString: `No field starts with "${this.currentDisplayedString}" in foreign entity.`,
-						},
-					]);
-				} else {
-					this.suggestions.set(
-						res.rows.map((row) => {
-							const modifiedRow = this.getModifiedRow(row);
-							return {
-								displayString: this.identityColumn
-									? `${row[this.identityColumn]} (${Object.values(modifiedRow)
-											.filter((value) => value)
-											.join(' | ')})`
-									: Object.values(modifiedRow)
-											.filter((value) => value)
-											.join(' | '),
-								primaryKeys: Object.assign(
-									{},
-									...res.primaryColumns.map((primaeyKey) => ({
-										[primaeyKey.column_name]: row[primaeyKey.column_name],
-									})),
-								),
-								fieldValue: row[rels.referenced_column_name],
-							};
-						}),
-					);
-				}
-				this.fetching.set(false);
-			} catch (error) {
-				console.error('Error fetching suggestions:', error);
-				this.fetching.set(false);
-			}
-		}
-	}
-
-	getModifiedRow(row: Record<string, unknown>): Record<string, unknown> {
-		const rels = this.relations();
-		let modifiedRow: Record<string, unknown>;
-		if (rels.autocomplete_columns && rels.autocomplete_columns.length > 0) {
-			let autocompleteColumns = [...rels.autocomplete_columns];
-			if (this.identityColumn) autocompleteColumns.splice(rels.autocomplete_columns.indexOf(this.identityColumn), 1);
-			modifiedRow = autocompleteColumns.reduce<Record<string, unknown>>(
-				(rowObject, columnName) => ((rowObject[columnName] = row[columnName]), rowObject),
-				{},
-			);
-		} else {
-			modifiedRow = Object.entries(row).reduce<Record<string, unknown>>((rowObject, [columnName, value]) => {
-				if (value) {
-					rowObject[columnName] = value;
-				}
-				return rowObject;
-			}, {});
-		}
-		return modifiedRow;
-	}
-
-	updateRelatedLink(e: MatAutocompleteSelectedEvent) {
-		this.currentFieldQueryParams = this.suggestions().find(
-			(suggestion) => suggestion.displayString === e.option.value,
-		).primaryKeys;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/id/id.component.css b/frontend/src/app/components/ui-components/filter-fields/id/id.component.css
deleted file mode 100644
index bffe35774..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/id/id.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.id-form-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/id/id.component.html b/frontend/src/app/components/ui-components/filter-fields/id/id.component.html
deleted file mode 100644
index 240b86de3..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/id/id.component.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<mat-form-field class="id-form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input matInput type="text" name="{{label()}}-{{key()}}"
-        #idField="ngModel"
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        pattern="^[{]?[0-9a-fA-F]{8}-([0-9a-fA-F]{4}-){3}[0-9a-fA-F]{12}[}]?$"
-        attr.data-testid="record-{{label()}}-id"
-        [(ngModel)]="value" (ngModelChange)="onFieldChange.emit($event)">
-        <mat-error *ngIf="idField.errors?.pattern">Value doesn't match pattern.</mat-error>
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/filter-fields/id/id.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/id/id.component.spec.ts
deleted file mode 100644
index ff1383adb..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/id/id.component.spec.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { IdFilterComponent } from './id.component';
-
-describe('IdFilterComponent', () => {
-	let component: IdFilterComponent;
-	let fixture: ComponentFixture<IdFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [FormsModule, IdFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(IdFilterComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/id/id.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/id/id.component.stories.ts
deleted file mode 100644
index baacf102a..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/id/id.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { IdFilterComponent } from './id.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'int',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<IdFilterComponent> = {
-	title: 'Filter Fields/Id',
-	component: IdFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'Sample text',
-	},
-};
-
-export default meta;
-type Story = StoryObj<IdFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/id/id.component.ts b/frontend/src/app/components/ui-components/filter-fields/id/id.component.ts
deleted file mode 100644
index b605ca9a5..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/id/id.component.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-id',
-	templateUrl: './id.component.html',
-	styleUrls: ['./id.component.css'],
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule],
-})
-export class IdFilterComponent extends BaseFilterFieldComponent {
-	@Input() value: string;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.css b/frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.css
deleted file mode 100644
index abd26e70e..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.css
+++ /dev/null
@@ -1,8 +0,0 @@
-.codemirror-wrapper {
-	display: block;
-	border: 1px solid rgba(0, 0, 0, 0.38);
-	border-radius: 0;
-	margin-top: 4px;
-	margin-bottom: 20px;
-	overflow: hidden;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.html b/frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.html
deleted file mode 100644
index dfd3c6bf4..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<span class="mat-body-1">{{ normalizedLabel() }} {{ required() ? '*' : '' }}</span>
-
-<div class="code-editor-box">
-    <ngs-code-editor
-        theme="vs"
-        [codeModel]="mutableCodeModel"
-        [options]="codeEditorOptions"
-        [readOnly]="readonly()"
-        (valueChanged)="onFieldChange.emit($event)">
-    </ngs-code-editor>
-</div>
diff --git a/frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.spec.ts
deleted file mode 100644
index 06bd7ae8a..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.spec.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { MockCodeEditorComponent } from 'src/app/testing/code-editor.mock';
-import { JsonEditorFilterComponent } from './json-editor.component';
-
-describe('JsonEditorFilterComponent', () => {
-	let component: JsonEditorFilterComponent;
-	let fixture: ComponentFixture<JsonEditorFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [JsonEditorFilterComponent, BrowserAnimationsModule],
-		})
-			.overrideComponent(JsonEditorFilterComponent, {
-				remove: { imports: [CodeEditorModule] },
-				add: { imports: [MockCodeEditorComponent], schemas: [NO_ERRORS_SCHEMA] },
-			})
-			.compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(JsonEditorFilterComponent);
-		component = fixture.componentInstance;
-		fixture.componentRef.setInput('label', 'config');
-		component.value = { key: 'value', nested: { data: 123 } };
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should initialize mutableCodeModel with JSON language', () => {
-		expect(component.mutableCodeModel).toBeDefined();
-		expect((component.mutableCodeModel as any).language).toBe('json');
-	});
-
-	it('should set URI based on label', () => {
-		expect((component.mutableCodeModel as any).uri).toBe('config.json');
-	});
-
-	it('should stringify value with formatting', () => {
-		const modelValue = (component.mutableCodeModel as any).value;
-		expect(modelValue).toContain('"key": "value"');
-		expect(modelValue).toContain('"nested"');
-	});
-
-	it('should have correct code editor options', () => {
-		expect(component.codeEditorOptions.minimap.enabled).toBe(false);
-		expect(component.codeEditorOptions.automaticLayout).toBe(true);
-		expect(component.codeEditorOptions.scrollBeyondLastLine).toBe(false);
-		expect(component.codeEditorOptions.wordWrap).toBe('on');
-	});
-
-	it('should handle null value', () => {
-		component.value = null;
-		component.ngOnInit();
-		// JSON.stringify(null) returns "null", fallback to '{}' only for undefined
-		expect((component.mutableCodeModel as any).value).toBe('null');
-	});
-
-	it('should handle undefined value with fallback', () => {
-		component.value = undefined;
-		component.ngOnInit();
-		// undefined is falsy so falls back to '{}'
-		expect((component.mutableCodeModel as any).value).toBe('{}');
-	});
-
-	it('should normalize label from base class', () => {
-		fixture.componentRef.setInput('label', 'user_config_data');
-		expect(component.normalizedLabel()).toBeDefined();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.stories.ts
deleted file mode 100644
index f5ac82a02..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { JsonEditorFilterComponent } from './json-editor.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'json',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<JsonEditorFilterComponent> = {
-	title: 'Filter Fields/JsonEditor',
-	component: JsonEditorFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: { key: 'value' },
-	},
-};
-
-export default meta;
-type Story = StoryObj<JsonEditorFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.ts b/frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.ts
deleted file mode 100644
index 8c9ce4098..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/json-editor/json-editor.component.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-json-editor',
-	templateUrl: './json-editor.component.html',
-	styleUrls: ['./json-editor.component.css'],
-	imports: [CommonModule, FormsModule, CodeEditorModule],
-})
-export class JsonEditorFilterComponent extends BaseFilterFieldComponent {
-	@Input() value: Object;
-
-	public mutableCodeModel: Object;
-	public codeEditorOptions = {
-		minimap: { enabled: false },
-		automaticLayout: true,
-		scrollBeyondLastLine: false,
-		wordWrap: 'on',
-	};
-
-	ngOnInit(): void {
-		this.mutableCodeModel = {
-			language: 'json',
-			uri: `${this.label()}.json`,
-			value: JSON.stringify(this.value, undefined, 4) || '{}',
-		};
-	}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.css b/frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.css
deleted file mode 100644
index ea6057220..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.form-field {
-	width: 100%;
-}
-
-.form-textarea {
-	resize: none;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.html b/frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.html
deleted file mode 100644
index 0c2552d6b..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<mat-form-field class="form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <textarea matInput name="{{label()}}-{{key()}}"
-        #inputElement
-        class="form-textarea" [rows]="rowsCount"
-        attr.data-testid="record-{{label()}}-long-text"
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        [(ngModel)]="value" (ngModelChange)="onFieldChange.emit($event)">
-    </textarea>
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.spec.ts
deleted file mode 100644
index 840f4901a..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { LongTextFilterComponent } from './long-text.component';
-
-describe('LongTextFilterComponent', () => {
-	let component: LongTextFilterComponent;
-	let fixture: ComponentFixture<LongTextFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [LongTextFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(LongTextFilterComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.stories.ts
deleted file mode 100644
index cd1b42d2a..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { LongTextFilterComponent } from './long-text.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'text',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<LongTextFilterComponent> = {
-	title: 'Filter Fields/LongText',
-	component: LongTextFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'Sample text',
-	},
-};
-
-export default meta;
-type Story = StoryObj<LongTextFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.ts b/frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.ts
deleted file mode 100644
index 2dfadab93..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/long-text/long-text.component.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, ElementRef, Input, ViewChild } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-long-text',
-	templateUrl: './long-text.component.html',
-	styleUrls: ['./long-text.component.css'],
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule],
-})
-export class LongTextFilterComponent extends BaseFilterFieldComponent implements AfterViewInit {
-	@Input() value: string;
-	@ViewChild('inputElement') inputElement: ElementRef<HTMLTextAreaElement>;
-
-	static type = 'text';
-	public rowsCount: string;
-
-	ngOnInit(): void {
-		const ws = this.widgetStructure();
-		if (ws?.widget_params) {
-			this.rowsCount = ws.widget_params.rows;
-		} else {
-			this.rowsCount = '4';
-		}
-	}
-
-	ngAfterViewInit(): void {
-		if (this.autofocus() && this.inputElement) {
-			setTimeout(() => {
-				this.inputElement.nativeElement.focus();
-			}, 100);
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/number/number.component.css b/frontend/src/app/components/ui-components/filter-fields/number/number.component.css
deleted file mode 100644
index 957c7d47c..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/number/number.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.number-form-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/number/number.component.html b/frontend/src/app/components/ui-components/filter-fields/number/number.component.html
deleted file mode 100644
index 349ad3fb4..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/number/number.component.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<mat-form-field class="number-form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input type="number" matInput name="{{label()}}-{{key()}}"
-        #inputElement
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        attr.data-testid="record-{{label()}}-number"
-        [(ngModel)]="value" (ngModelChange)="onFieldChange.emit($event)">
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/filter-fields/number/number.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/number/number.component.spec.ts
deleted file mode 100644
index aa837dc76..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/number/number.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { NumberFilterComponent } from './number.component';
-
-describe('NumberFilterComponent', () => {
-	let component: NumberFilterComponent;
-	let fixture: ComponentFixture<NumberFilterComponent>;
-
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [NumberFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(NumberFilterComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/number/number.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/number/number.component.stories.ts
deleted file mode 100644
index 8623fbd61..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/number/number.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { NumberFilterComponent } from './number.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'int',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<NumberFilterComponent> = {
-	title: 'Filter Fields/Number',
-	component: NumberFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 42,
-	},
-};
-
-export default meta;
-type Story = StoryObj<NumberFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/number/number.component.ts b/frontend/src/app/components/ui-components/filter-fields/number/number.component.ts
deleted file mode 100644
index c9d2fcceb..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/number/number.component.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, ElementRef, Input, ViewChild } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-number',
-	templateUrl: './number.component.html',
-	styleUrls: ['./number.component.css'],
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule],
-})
-export class NumberFilterComponent extends BaseFilterFieldComponent implements AfterViewInit {
-	@Input() value: number;
-	@ViewChild('inputElement') inputElement: ElementRef<HTMLInputElement>;
-
-	static type = 'number';
-
-	ngAfterViewInit(): void {
-		if (this.autofocus() && this.inputElement) {
-			setTimeout(() => {
-				this.inputElement.nativeElement.focus();
-			}, 100);
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/password/password.component.css b/frontend/src/app/components/ui-components/filter-fields/password/password.component.css
deleted file mode 100644
index 1796f8a97..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/password/password.component.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.password-form-field {
-	width: 100%;
-}
-
-.password-checkbox {
-	margin-bottom: 20px;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/password/password.component.html b/frontend/src/app/components/ui-components/filter-fields/password/password.component.html
deleted file mode 100644
index d34442400..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/password/password.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<mat-form-field class="password-form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input matInput type="password" autocomplete="new-password" name="{{label()}}-{{key()}}"
-        #inputElement
-        [required]="required()" [disabled]="disabled() || clearPassword" [readonly]="readonly()"
-        [(ngModel)]="value" (ngModelChange)="onFieldChange.emit($event)">
-    <mat-hint>To keep password the same keep this field blank.</mat-hint>
-</mat-form-field>
-<mat-checkbox class="password-checkbox"
-    [disabled]="value !== '' && value !== null "
-    [(ngModel)]="clearPassword"
-    (ngModelChange)="onClearPasswordChange()">
-    Clear password
-</mat-checkbox>
diff --git a/frontend/src/app/components/ui-components/filter-fields/password/password.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/password/password.component.spec.ts
deleted file mode 100644
index 313eedcf6..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/password/password.component.spec.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { PasswordFilterComponent } from './password.component';
-
-describe('PasswordFilterComponent', () => {
-	let component: PasswordFilterComponent;
-	let fixture: ComponentFixture<PasswordFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PasswordFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(PasswordFilterComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should send onChange event with new null value if user clear password', () => {
-		component.clearPassword = true;
-		const event = vi.spyOn(component.onFieldChange, 'emit');
-		component.onClearPasswordChange();
-		expect(event).toHaveBeenCalledWith(null);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/password/password.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/password/password.component.stories.ts
deleted file mode 100644
index dcfef2e4d..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/password/password.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PasswordFilterComponent } from './password.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<PasswordFilterComponent> = {
-	title: 'Filter Fields/Password',
-	component: PasswordFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'Sample text',
-	},
-};
-
-export default meta;
-type Story = StoryObj<PasswordFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/password/password.component.ts b/frontend/src/app/components/ui-components/filter-fields/password/password.component.ts
deleted file mode 100644
index 3bd613f27..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/password/password.component.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, ElementRef, Input, ViewChild } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-password',
-	templateUrl: './password.component.html',
-	styleUrls: ['./password.component.css'],
-	imports: [CommonModule, FormsModule, MatCheckboxModule, MatFormFieldModule, MatInputModule],
-})
-export class PasswordFilterComponent extends BaseFilterFieldComponent implements AfterViewInit {
-	@Input() value: string;
-	@ViewChild('inputElement') inputElement: ElementRef<HTMLInputElement>;
-
-	public clearPassword: boolean;
-
-	ngOnInit(): void {
-		if (this.value === '***') this.value = '';
-		this.onFieldChange.emit(this.value);
-	}
-
-	ngAfterViewInit(): void {
-		if (this.autofocus() && this.inputElement) {
-			setTimeout(() => {
-				this.inputElement.nativeElement.focus();
-			}, 100);
-		}
-	}
-
-	onClearPasswordChange() {
-		if (this.clearPassword) this.onFieldChange.emit(null);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/phone/phone.component.css b/frontend/src/app/components/ui-components/filter-fields/phone/phone.component.css
deleted file mode 100644
index ec467bf1b..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/phone/phone.component.css
+++ /dev/null
@@ -1,35 +0,0 @@
-.filter-row {
-	display: flex;
-	gap: 8px;
-	align-items: flex-start;
-	width: 100%;
-}
-
-.comparator-field {
-	flex: 0 0 auto;
-	min-width: 150px;
-}
-
-.value-field {
-	flex: 1;
-}
-
-.country-flag {
-	margin-right: 8px;
-	font-size: 16px;
-}
-
-.country-name {
-	flex: 1;
-}
-
-.country-dial-code {
-	margin-left: 8px;
-	opacity: 0.7;
-	font-size: 12px;
-}
-
-mat-option {
-	display: flex;
-	align-items: center;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/phone/phone.component.html b/frontend/src/app/components/ui-components/filter-fields/phone/phone.component.html
deleted file mode 100644
index d0308d4a3..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/phone/phone.component.html
+++ /dev/null
@@ -1,37 +0,0 @@
-<div class="filter-row">
-    <mat-form-field class="comparator-field" appearance="outline">
-        <mat-select [(ngModel)]="filterMode" (ngModelChange)="onFilterModeChange($event)">
-            <mat-option value="eq">equal</mat-option>
-            <mat-option value="country">country code</mat-option>
-            <mat-option value="startswith">starts with</mat-option>
-            <mat-option value="contains">contains</mat-option>
-            <mat-option value="empty">is empty</mat-option>
-        </mat-select>
-    </mat-form-field>
-
-    @if (filterMode === 'country') {
-        <mat-form-field class="value-field" appearance="outline">
-            <mat-label>{{normalizedLabel()}} (country)</mat-label>
-            <input type="text" matInput
-                [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-                [formControl]="countryControl"
-                [matAutocomplete]="auto">
-            <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn">
-                @for (country of filteredCountries | async; track country.code) {
-                    <mat-option [value]="country" (onSelectionChange)="country && onCountrySelected(country)">
-                        <span class="country-flag">{{country.flag}}</span>
-                        <span class="country-name">{{country.name}}</span>
-                        <span class="country-dial-code">({{country.dialCode}})</span>
-                    </mat-option>
-                }
-            </mat-autocomplete>
-        </mat-form-field>
-    } @else if (filterMode !== 'empty') {
-        <mat-form-field class="value-field" appearance="outline">
-            <mat-label>{{normalizedLabel()}}</mat-label>
-            <input matInput type="text" name="{{label()}}-{{key()}}"
-                [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-                [(ngModel)]="value" (ngModelChange)="onValueChange($event)">
-        </mat-form-field>
-    }
-</div>
diff --git a/frontend/src/app/components/ui-components/filter-fields/phone/phone.component.ts b/frontend/src/app/components/ui-components/filter-fields/phone/phone.component.ts
deleted file mode 100644
index 836e75302..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/phone/phone.component.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, Input, OnInit } from '@angular/core';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { Observable } from 'rxjs';
-import { map, startWith } from 'rxjs/operators';
-import { COUNTRIES, Country, getCountryFlag } from '../../../../consts/countries';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-interface CountryWithFlag extends Country {
-	flag: string;
-}
-
-const COUNTRIES_WITH_FLAGS: CountryWithFlag[] = COUNTRIES.filter((country) => country.dialCode).map((country) => ({
-	...country,
-	flag: getCountryFlag(country.code),
-}));
-
-@Component({
-	selector: 'app-filter-phone',
-	templateUrl: './phone.component.html',
-	styleUrls: ['./phone.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		ReactiveFormsModule,
-		MatFormFieldModule,
-		MatAutocompleteModule,
-		MatInputModule,
-		MatSelectModule,
-	],
-})
-export class PhoneFilterComponent extends BaseFilterFieldComponent implements OnInit, AfterViewInit {
-	@Input() value: string;
-
-	public filterMode: string = 'eq';
-	public countries: CountryWithFlag[] = COUNTRIES_WITH_FLAGS;
-	public countryControl = new FormControl<CountryWithFlag | string>('');
-	public filteredCountries: Observable<CountryWithFlag[]>;
-
-	getCountryFlag = getCountryFlag;
-
-	ngOnInit(): void {
-		this.setupAutocomplete();
-
-		if (this.value) {
-			const country = this.countries.find((c) => c.dialCode === this.value);
-			if (country) {
-				this.filterMode = 'country';
-				this.countryControl.setValue(country);
-			}
-		}
-	}
-
-	ngAfterViewInit(): void {
-		if (this.filterMode !== 'eq') {
-			this.onComparatorChange.emit(this.filterMode === 'country' ? 'startswith' : this.filterMode);
-		}
-	}
-
-	onFilterModeChange(mode: string): void {
-		this.filterMode = mode;
-
-		if (mode === 'country') {
-			const selected = this.countryControl.value;
-			this.value = typeof selected === 'object' && selected ? selected.dialCode : '';
-			this.onComparatorChange.emit('startswith');
-		} else if (mode === 'empty') {
-			this.value = '';
-			this.onComparatorChange.emit('empty');
-		} else {
-			this.onComparatorChange.emit(mode);
-		}
-
-		this.onFieldChange.emit(this.value);
-	}
-
-	onCountrySelected(selectedCountry: CountryWithFlag): void {
-		this.value = selectedCountry.dialCode;
-		this.onFieldChange.emit(this.value);
-		this.onComparatorChange.emit('startswith');
-	}
-
-	onValueChange(text: string): void {
-		this.value = text;
-		this.onFieldChange.emit(this.value);
-		this.onComparatorChange.emit(this.filterMode);
-	}
-
-	displayFn(country: CountryWithFlag): string {
-		return country ? `${country.flag} ${country.name} (${country.dialCode})` : '';
-	}
-
-	private setupAutocomplete(): void {
-		this.filteredCountries = this.countryControl.valueChanges.pipe(
-			startWith(''),
-			map((value) => this._filter(typeof value === 'string' ? value : value?.name || '')),
-		);
-	}
-
-	private _filter(value: string): CountryWithFlag[] {
-		const filterValue = value.toLowerCase();
-		return this.countries.filter(
-			(country) =>
-				country.name.toLowerCase().includes(filterValue) ||
-				country.code.toLowerCase().includes(filterValue) ||
-				country.dialCode?.includes(filterValue),
-		);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/point/point.component.css b/frontend/src/app/components/ui-components/filter-fields/point/point.component.css
deleted file mode 100644
index 7ab52d4e1..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/point/point.component.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.mat-mdc-form-field {
-	max-width: 260px;
-	min-width: 150px;
-	width: 48vw;
-	display: block;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/point/point.component.html b/frontend/src/app/components/ui-components/filter-fields/point/point.component.html
deleted file mode 100644
index 0cfdc9b76..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/point/point.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<!-- Ensure the HTML structure is correct and compatible with the standalone component -->
-<mat-form-field *ngIf="value" appearance="outline">
-    <mat-label>{{normalizedLabel()}} X coordinate</mat-label>
-    <input type="number" matInput [(ngModel)]="value.x" name="{{label()}}-{{key()}}-x"
-        [required]="required()" [disabled]="readonly()">
-</mat-form-field>
-<mat-form-field *ngIf="value" appearance="outline">
-    <mat-label>{{normalizedLabel()}} Y coordinate</mat-label>
-    <input type="number" matInput [(ngModel)]="value.y" name="{{label()}}-{{key()}}-y"
-        [required]="required()" [disabled]="readonly()">
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/filter-fields/point/point.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/point/point.component.spec.ts
deleted file mode 100644
index 431927de9..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/point/point.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { PointFilterComponent } from './point.component';
-
-describe('PointFilterComponent', () => {
-	let component: PointFilterComponent;
-	let fixture: ComponentFixture<PointFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PointFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(PointFilterComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/point/point.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/point/point.component.stories.ts
deleted file mode 100644
index d3a2ce925..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/point/point.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PointFilterComponent } from './point.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'point',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<PointFilterComponent> = {
-	title: 'Filter Fields/Point',
-	component: PointFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '(40.7128, -74.0060)',
-	},
-};
-
-export default meta;
-type Story = StoryObj<PointFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/point/point.component.ts b/frontend/src/app/components/ui-components/filter-fields/point/point.component.ts
deleted file mode 100644
index 4d9969d01..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/point/point.component.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-point',
-	templateUrl: './point.component.html',
-	styleUrls: ['./point.component.css'],
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule],
-})
-export class PointFilterComponent extends BaseFilterFieldComponent {
-	@Input() value;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/select/select.component.css b/frontend/src/app/components/ui-components/filter-fields/select/select.component.css
deleted file mode 100644
index 828b119a7..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/select/select.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.select-form-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/select/select.component.html b/frontend/src/app/components/ui-components/filter-fields/select/select.component.html
deleted file mode 100644
index 9a56fd5f6..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/select/select.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<mat-form-field class="select-form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <mat-select name="{{label()}}-{{key()}}" multiple
-        [required]="required()" [disabled]="disabled()"
-        attr.data-testid="record-{{label()}}-select"
-        [(ngModel)]="selectedValues" (ngModelChange)="onSelectionChange($event)">
-        @for (option of options; track option.value) {
-            <mat-option [value]="option.value">{{option.label}}</mat-option>
-        }
-    </mat-select>
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/filter-fields/select/select.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/select/select.component.spec.ts
deleted file mode 100644
index 67f0678dc..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/select/select.component.spec.ts
+++ /dev/null
@@ -1,144 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { SelectFilterComponent } from './select.component';
-
-describe('SelectFilterComponent', () => {
-	let component: SelectFilterComponent;
-	let fixture: ComponentFixture<SelectFilterComponent>;
-
-	const baseStructure = {
-		column_name: 'status',
-		column_default: null,
-		data_type: 'enum',
-		data_type_params: ['active', 'pending', 'archived'],
-		isExcluded: false,
-		isSearched: false,
-		auto_increment: false,
-		allow_null: false,
-		character_maximum_length: null,
-	};
-
-	const nullableStructure = {
-		...baseStructure,
-		allow_null: true,
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [SelectFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(SelectFilterComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should populate options from structure.data_type_params', () => {
-		fixture.componentRef.setInput('structure', baseStructure);
-		component.ngOnInit();
-
-		expect(component.options).toEqual([
-			{ value: 'active', label: 'active' },
-			{ value: 'pending', label: 'pending' },
-			{ value: 'archived', label: 'archived' },
-		]);
-	});
-
-	it('should prepend null option when allow_null is true', () => {
-		fixture.componentRef.setInput('structure', nullableStructure);
-		component.ngOnInit();
-
-		expect(component.options[0]).toEqual({ value: null, label: '' });
-	});
-
-	it('should start with empty selectedValues when no value is provided', () => {
-		fixture.componentRef.setInput('structure', baseStructure);
-		component.ngOnInit();
-
-		expect(component.selectedValues).toEqual([]);
-	});
-
-	it('should restore selectedValues from a scalar value', () => {
-		component.value = 'active';
-		fixture.componentRef.setInput('structure', baseStructure);
-		component.ngOnInit();
-
-		expect(component.selectedValues).toEqual(['active']);
-	});
-
-	it('should restore selectedValues from a null value', () => {
-		component.value = null;
-		fixture.componentRef.setInput('structure', nullableStructure);
-		component.ngOnInit();
-
-		expect(component.selectedValues).toEqual([null]);
-	});
-
-	it('should restore selectedValues from an array value', () => {
-		component.value = ['active', 'pending'];
-		fixture.componentRef.setInput('structure', baseStructure);
-		component.ngOnInit();
-
-		expect(component.selectedValues).toEqual(['active', 'pending']);
-	});
-
-	it('should emit initial eq comparator after view init', () => {
-		vi.spyOn(component.onComparatorChange, 'emit');
-		fixture.componentRef.setInput('structure', baseStructure);
-		fixture.detectChanges();
-
-		expect(component.onComparatorChange.emit).toHaveBeenCalledWith('eq');
-	});
-
-	it('should emit in comparator with array when more than one value is selected', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		vi.spyOn(component.onComparatorChange, 'emit');
-		fixture.componentRef.setInput('structure', baseStructure);
-		component.ngOnInit();
-
-		component.onSelectionChange(['active', 'pending']);
-
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith(['active', 'pending']);
-		expect(component.onComparatorChange.emit).toHaveBeenCalledWith('in');
-	});
-
-	it('should emit eq comparator with scalar when exactly one value is selected', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		vi.spyOn(component.onComparatorChange, 'emit');
-		fixture.componentRef.setInput('structure', baseStructure);
-		component.ngOnInit();
-
-		component.onSelectionChange(['active']);
-
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith('active');
-		expect(component.onComparatorChange.emit).toHaveBeenCalledWith('eq');
-	});
-
-	it('should emit eq comparator with null when null is the only selected value', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		vi.spyOn(component.onComparatorChange, 'emit');
-		fixture.componentRef.setInput('structure', nullableStructure);
-		component.ngOnInit();
-
-		component.onSelectionChange([null]);
-
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith(null);
-		expect(component.onComparatorChange.emit).toHaveBeenCalledWith('eq');
-	});
-
-	it('should emit undefined when selection is cleared', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		fixture.componentRef.setInput('structure', baseStructure);
-		component.ngOnInit();
-
-		component.onSelectionChange([]);
-
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith(undefined);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/select/select.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/select/select.component.stories.ts
deleted file mode 100644
index 642694e47..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/select/select.component.stories.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { SelectFilterComponent } from './select.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'enum',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-	data_type_params: ['option1', 'option2', 'option3'],
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<SelectFilterComponent> = {
-	title: 'Filter Fields/Select',
-	component: SelectFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'option1',
-	},
-};
-
-export default meta;
-type Story = StoryObj<SelectFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/select/select.component.ts b/frontend/src/app/components/ui-components/filter-fields/select/select.component.ts
deleted file mode 100644
index a17995e5a..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/select/select.component.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatSelectModule } from '@angular/material/select';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-select',
-	templateUrl: './select.component.html',
-	styleUrls: ['./select.component.css'],
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatSelectModule],
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class SelectFilterComponent extends BaseFilterFieldComponent implements AfterViewInit {
-	@Input() value: string | (string | null)[] | null;
-
-	public options: { value: string | null; label: string }[] = [];
-	public selectedValues: (string | null)[] = [];
-
-	originalOrder = () => {
-		return 0;
-	};
-
-	ngOnInit(): void {
-		const ws = this.widgetStructure();
-		const struct = this.structure();
-		if (ws) {
-			this.options = ws.widget_params.options;
-			if (ws.widget_params.allow_null) {
-				this.options = [{ value: null, label: '' }, ...this.options];
-			}
-		} else if (struct) {
-			this.options = struct.data_type_params.map((option) => {
-				return { value: option, label: option };
-			});
-			if (struct.allow_null) {
-				this.options = [{ value: null, label: '' }, ...this.options];
-			}
-		}
-
-		if (Array.isArray(this.value)) {
-			this.selectedValues = [...this.value];
-		} else if (this.value === undefined) {
-			this.selectedValues = [];
-		} else {
-			this.selectedValues = [this.value];
-		}
-	}
-
-	ngAfterViewInit(): void {
-		this.onComparatorChange.emit('eq');
-	}
-
-	onSelectionChange(values: (string | null)[]): void {
-		this.selectedValues = values;
-
-		if (!values || values.length === 0) {
-			this.onFieldChange.emit(undefined);
-			this.onComparatorChange.emit('eq');
-			return;
-		}
-
-		if (values.length === 1) {
-			this.onFieldChange.emit(values[0]);
-			this.onComparatorChange.emit('eq');
-			return;
-		}
-
-		this.onFieldChange.emit(values);
-		this.onComparatorChange.emit('in');
-	}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.css b/frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.css
deleted file mode 100644
index 85157a202..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.static-text {
-	margin-bottom: 20px;
-}
-
-.static-text__value {
-	color: #0a0a0a;
-	font-style: italic;
-	opacity: 0.32;
-	padding-left: 8px;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.html b/frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.html
deleted file mode 100644
index c5faf2630..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="static-text">
-    <span>{{ normalizedLabel() }}</span>
-    <span class="static-text__value">{{ value }}</span>
-</div>
diff --git a/frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.spec.ts
deleted file mode 100644
index 4c082e27f..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { StaticTextFilterComponent } from './static-text.component';
-
-describe('StaticTextFilterComponent', () => {
-	let component: StaticTextFilterComponent;
-	let fixture: ComponentFixture<StaticTextFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [StaticTextFilterComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(StaticTextFilterComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.stories.ts
deleted file mode 100644
index 29edbffc6..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { StaticTextFilterComponent } from './static-text.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<StaticTextFilterComponent> = {
-	title: 'Filter Fields/StaticText',
-	component: StaticTextFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'Sample text',
-	},
-};
-
-export default meta;
-type Story = StoryObj<StaticTextFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.ts b/frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.ts
deleted file mode 100644
index d82130d19..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/static-text/static-text.component.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Component, Input } from '@angular/core';
-
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-static-text',
-	templateUrl: './static-text.component.html',
-	styleUrls: ['./static-text.component.css'],
-})
-export class StaticTextFilterComponent extends BaseFilterFieldComponent {
-	@Input() value: string;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/text/text.component.css b/frontend/src/app/components/ui-components/filter-fields/text/text.component.css
deleted file mode 100644
index 17b3101cc..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/text/text.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.text-form-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/text/text.component.html b/frontend/src/app/components/ui-components/filter-fields/text/text.component.html
deleted file mode 100644
index 2208c5cf9..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/text/text.component.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<mat-form-field class="text-form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input matInput type="text" name="{{label()}}-{{key()}}"
-        #inputElement
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        attr.data-testid="record-{{label()}}-text"
-        [(ngModel)]="value" (ngModelChange)="onFieldChange.emit($event)">
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/filter-fields/text/text.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/text/text.component.spec.ts
deleted file mode 100644
index a7755bc05..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/text/text.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { TextFilterComponent } from './text.component';
-
-describe('TextFilterComponent', () => {
-	let component: TextFilterComponent;
-	let fixture: ComponentFixture<TextFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TextFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TextFilterComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/text/text.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/text/text.component.stories.ts
deleted file mode 100644
index c3a978087..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/text/text.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TextFilterComponent } from './text.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TextFilterComponent> = {
-	title: 'Filter Fields/Text',
-	component: TextFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'Sample text',
-	},
-};
-
-export default meta;
-type Story = StoryObj<TextFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/text/text.component.ts b/frontend/src/app/components/ui-components/filter-fields/text/text.component.ts
deleted file mode 100644
index d46ee28bc..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/text/text.component.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { AfterViewInit, Component, ElementRef, Input, ViewChild } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-text',
-	templateUrl: './text.component.html',
-	styleUrls: ['./text.component.css'],
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule],
-})
-export class TextFilterComponent extends BaseFilterFieldComponent implements AfterViewInit {
-	@Input() value: string;
-	@ViewChild('inputElement') inputElement: ElementRef<HTMLInputElement>;
-
-	static type = 'text';
-
-	ngAfterViewInit(): void {
-		if (this.autofocus() && this.inputElement) {
-			setTimeout(() => {
-				this.inputElement.nativeElement.focus();
-			}, 100);
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.css b/frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.css
deleted file mode 100644
index 8b6934468..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.feild-set-6 {
-	display: grid;
-	grid-template-columns: repeat(3, 1fr);
-	grid-column-gap: 16px;
-}
-
-::ng-deep .interval-form-field .mat-mdc-form-field-infix {
-	width: auto !important;
-}
-
-.label {
-	grid-column: 1 / span 3;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.html b/frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.html
deleted file mode 100644
index e48f18bed..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.html
+++ /dev/null
@@ -1,39 +0,0 @@
-<div class="feild-set-6">
-    <span class="label">{{normalizedLabel()}} <span *ngIf="required()">*</span></span>
-    <mat-form-field class="interval-form-field" appearance="outline">
-        <mat-label>years</mat-label>
-        <input matInput type="number" name="{{label()}}-{{key()}}"
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            [(ngModel)]="interval.years" (ngModelChange)="onInputChange()">
-    </mat-form-field>
-    <mat-form-field class="interval-form-field" appearance="outline">
-        <mat-label>months</mat-label>
-        <input matInput type="number" name="{{label()}}-{{key()}}"
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            [(ngModel)]="interval.months" (ngModelChange)="onInputChange()">
-    </mat-form-field>
-    <mat-form-field class="interval-form-field" appearance="outline">
-        <mat-label>days</mat-label>
-        <input matInput type="number" name="{{label()}}-{{key()}}"
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            [(ngModel)]="interval.days" (ngModelChange)="onInputChange()">
-    </mat-form-field>
-    <mat-form-field class="interval-form-field" appearance="outline">
-        <mat-label>hours</mat-label>
-        <input matInput type="number" name="{{label()}}-{{key()}}"
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            [(ngModel)]="interval.hours" (ngModelChange)="onInputChange()">
-    </mat-form-field>
-    <mat-form-field class="interval-form-field" appearance="outline">
-        <mat-label>minutes</mat-label>
-        <input matInput type="number" name="{{label()}}-{{key()}}"
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            [(ngModel)]="interval.minutes" (ngModelChange)="onInputChange()">
-    </mat-form-field>
-    <mat-form-field class="interval-form-field" appearance="outline">
-        <mat-label>seconds</mat-label>
-        <input matInput type="number" name="{{label()}}-{{key()}}"
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            [(ngModel)]="interval.seconds" (ngModelChange)="onInputChange()">
-    </mat-form-field>
-</div>
diff --git a/frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.spec.ts
deleted file mode 100644
index c63726e00..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { TimeIntervalFilterComponent } from './time-interval.component';
-
-describe('TimeIntervalFilterComponent', () => {
-	let component: TimeIntervalFilterComponent;
-	let fixture: ComponentFixture<TimeIntervalFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TimeIntervalFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TimeIntervalFilterComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.stories.ts
deleted file mode 100644
index 4d1c27bd0..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TimeIntervalFilterComponent } from './time-interval.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'interval',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TimeIntervalFilterComponent> = {
-	title: 'Filter Fields/TimeInterval',
-	component: TimeIntervalFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '01:30:00',
-	},
-};
-
-export default meta;
-type Story = StoryObj<TimeIntervalFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.ts b/frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.ts
deleted file mode 100644
index 14ea6fe93..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/time-interval/time-interval.component.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { CommonModule } from '@angular/common';
-
-import { Component, Input } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import * as pgInterval from 'postgres-interval';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-time-interval',
-	templateUrl: './time-interval.component.html',
-	styleUrls: ['./time-interval.component.css'],
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule],
-})
-export class TimeIntervalFilterComponent extends BaseFilterFieldComponent {
-	@Input() value;
-	static type = 'number';
-
-	public interval = {
-		years: 0,
-		months: 0,
-		days: 0,
-		hours: 0,
-		minutes: 0,
-		seconds: 0,
-		milliseconds: 0,
-	};
-
-	ngOnInit(): void {
-		if (this.value) this.interval = this.parseIntervalString(this.value);
-	}
-
-	onInputChange() {
-		// @ts-expect-error
-		const currentInterval = pgInterval.prototype.toPostgres.call(this.interval);
-		this.onFieldChange.emit(currentInterval);
-	}
-
-	parseIntervalString(input) {
-		const units = {
-			year: 'years',
-			years: 'years',
-			month: 'months',
-			months: 'months',
-			day: 'days',
-			days: 'days',
-			hour: 'hours',
-			hours: 'hours',
-			minute: 'minutes',
-			minutes: 'minutes',
-			second: 'seconds',
-			seconds: 'seconds',
-			millisecond: 'milliseconds',
-			milliseconds: 'milliseconds',
-		};
-
-		const result = {
-			years: 0,
-			months: 0,
-			days: 0,
-			hours: 0,
-			minutes: 0,
-			seconds: 0,
-			milliseconds: 0,
-		};
-
-		const regex = /(\d+(?:\.\d+)?)\s*(years?|months?|days?|hours?|minutes?|seconds?|milliseconds?)/gi;
-
-		let match;
-		while ((match = regex.exec(input)) !== null) {
-			const value = parseFloat(match[1]);
-			const unit = match[2].toLowerCase();
-			const key = units[unit];
-
-			if (key) result[key] += value;
-		}
-
-		return result;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/time/time.component.css b/frontend/src/app/components/ui-components/filter-fields/time/time.component.css
deleted file mode 100644
index 935f11420..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/time/time.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.time-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/time/time.component.html b/frontend/src/app/components/ui-components/filter-fields/time/time.component.html
deleted file mode 100644
index 44b2b29f5..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/time/time.component.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<mat-form-field class="time-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input type="time" matInput name="{{label()}}-{{key()}}"
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        attr.data-testid="record-{{label()}}-time"
-        [(ngModel)]="value" (ngModelChange)="onFieldChange.emit($event)">
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/filter-fields/time/time.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/time/time.component.spec.ts
deleted file mode 100644
index 529593cec..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/time/time.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { TimeFilterComponent } from './time.component';
-
-describe('TimeFilterComponent', () => {
-	let component: TimeFilterComponent;
-	let fixture: ComponentFixture<TimeFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TimeFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TimeFilterComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/time/time.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/time/time.component.stories.ts
deleted file mode 100644
index ec7f582c5..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/time/time.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TimeFilterComponent } from './time.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'time',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TimeFilterComponent> = {
-	title: 'Filter Fields/Time',
-	component: TimeFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '10:30:00',
-	},
-};
-
-export default meta;
-type Story = StoryObj<TimeFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/time/time.component.ts b/frontend/src/app/components/ui-components/filter-fields/time/time.component.ts
deleted file mode 100644
index e09cc6723..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/time/time.component.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Input } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-@Component({
-	selector: 'app-filter-time',
-	templateUrl: './time.component.html',
-	styleUrls: ['./time.component.css'],
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule],
-})
-export class TimeFilterComponent extends BaseFilterFieldComponent {
-	@Input() value;
-	static type = 'datetime';
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.css b/frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.css
deleted file mode 100644
index 388e7c15e..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.timezone-form-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.html b/frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.html
deleted file mode 100644
index b776b2e7e..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<mat-form-field class="timezone-form-field" appearance="outline">
-  <mat-label>{{normalizedLabel()}}</mat-label>
-  <mat-select
-    name="{{label()}}-{{key()}}"
-    [required]="required()"
-    [disabled]="disabled()"
-    [readonly]="readonly()"
-    attr.data-testid="filter-{{label()}}-timezone"
-    [(ngModel)]="value"
-    (ngModelChange)="onFieldChange.emit($event)">
-    <mat-option *ngFor="let timezone of timezones" [value]="timezone.value">
-      {{timezone.label}}
-    </mat-option>
-  </mat-select>
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.spec.ts b/frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.spec.ts
deleted file mode 100644
index 591133b92..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.spec.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-import { TimezoneFilterComponent } from './timezone.component';
-
-describe('TimezoneFilterComponent', () => {
-	let component: TimezoneFilterComponent;
-	let fixture: ComponentFixture<TimezoneFilterComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TimezoneFilterComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TimezoneFilterComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should populate timezones using Intl API', () => {
-		expect(component.timezones.length).toBeGreaterThan(0);
-	});
-
-	it('should include timezone offset in labels', () => {
-		const timezone = component.timezones.find((tz) => tz.value === 'Europe/London');
-		expect(timezone).toBeDefined();
-		expect(timezone.label).toContain('UTC');
-	});
-
-	it('should emit value on change', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		const testValue = 'Asia/Tokyo';
-		component.value = testValue;
-		component.onFieldChange.emit(testValue);
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith(testValue);
-	});
-
-	it('should add null option when allow_null is true', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { allow_null: true },
-		});
-		component.ngOnInit();
-		const nullOption = component.timezones.find((tz) => tz.value === null);
-		expect(nullOption).toBeDefined();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.stories.ts b/frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.stories.ts
deleted file mode 100644
index ad189b6d0..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TimezoneFilterComponent } from './timezone.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TimezoneFilterComponent> = {
-	title: 'Filter Fields/Timezone',
-	component: TimezoneFilterComponent,
-	args: {
-		key: 'field_name',
-		label: 'Field Label',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'UTC',
-	},
-};
-
-export default meta;
-type Story = StoryObj<TimezoneFilterComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.ts b/frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.ts
deleted file mode 100644
index 5ea9f120f..000000000
--- a/frontend/src/app/components/ui-components/filter-fields/timezone/timezone.component.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatSelectModule } from '@angular/material/select';
-
-import { BaseFilterFieldComponent } from '../base-filter-field/base-filter-field.component';
-
-function getTimezoneOffset(timezone: string): string {
-	try {
-		const now = new Date();
-		const formatter = new Intl.DateTimeFormat('en-US', {
-			timeZone: timezone,
-			timeZoneName: 'longOffset',
-		});
-
-		const parts = formatter.formatToParts(now);
-		const offsetPart = parts.find((part) => part.type === 'timeZoneName');
-
-		if (offsetPart?.value.includes('GMT')) {
-			const offset = offsetPart.value.replace('GMT', '');
-			return offset === '' ? '+00:00' : offset;
-		}
-
-		const utcDate = new Date(now.toLocaleString('en-US', { timeZone: 'UTC' }));
-		const tzDate = new Date(now.toLocaleString('en-US', { timeZone: timezone }));
-		const offsetMinutes = (tzDate.getTime() - utcDate.getTime()) / 60000;
-		const hours = Math.floor(Math.abs(offsetMinutes) / 60);
-		const minutes = Math.abs(offsetMinutes) % 60;
-		const sign = offsetMinutes >= 0 ? '+' : '-';
-		return `${sign}${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;
-	} catch (_error) {
-		return '';
-	}
-}
-
-const BASE_TIMEZONES: { value: string; label: string }[] = Intl.supportedValuesOf('timeZone')
-	.map((tz) => ({
-		value: tz,
-		label: `${tz} (UTC${getTimezoneOffset(tz)})`,
-	}))
-	.sort((a, b) => a.value.localeCompare(b.value));
-
-@Component({
-	selector: 'app-filter-timezone',
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatSelectModule],
-	templateUrl: './timezone.component.html',
-	styleUrls: ['./timezone.component.css'],
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class TimezoneFilterComponent extends BaseFilterFieldComponent {
-	@Input() value: string;
-
-	public timezones: { value: string; label: string }[] = [];
-
-	originalOrder = () => {
-		return 0;
-	};
-
-	static type = 'timezone';
-
-	ngOnInit(): void {
-		const ws = this.widgetStructure();
-		const struct = this.structure();
-		if (ws?.widget_params?.allow_null || struct?.allow_null) {
-			this.timezones = [{ value: null, label: '' }, ...BASE_TIMEZONES];
-		} else {
-			this.timezones = BASE_TIMEZONES;
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.css b/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.css
deleted file mode 100644
index 5d79bd9c7..000000000
--- a/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.css
+++ /dev/null
@@ -1,81 +0,0 @@
-.anchor-icon-button {
-	background-color: var(--bg-color);
-}
-
-@media (prefers-color-scheme: dark) {
-	.anchor-icon-button {
-		--bg-color: #292929;
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.anchor-icon-button {
-		--bg-color: var(--color-primaryPalette-100);
-	}
-}
-
-.icons-menu {
-	display: flex;
-	flex-direction: column;
-	padding: 0 16px;
-}
-
-.icons-menu__header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	color: var(--mat-sidenav-content-text-color);
-	margin-top: 8px;
-}
-
-.icons-list {
-	list-style: none;
-	display: grid;
-	grid-template-columns: repeat(5, 40px);
-	grid-gap: 4px;
-	justify-content: space-between;
-	margin-top: 8px;
-	margin-bottom: 12px;
-}
-
-.icon-button {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	border-radius: 50%;
-	color: var(--mat-sidenav-content-text-color);
-	height: 40px;
-	width: 40px;
-}
-
-.icon-radio-button:checked + ::ng-deep.icon-button {
-	background-color: rgba(0, 0, 0, 0.16);
-}
-
-.custom-icon-box {
-	position: relative;
-}
-
-.apply-icon-button {
-	position: absolute;
-	top: 0;
-	right: 8px;
-	align-self: flex-end;
-	margin-top: 4px;
-}
-
-.icon-input__hint {
-	color: rgba(0, 0, 0, 0.64);
-}
-
-@media (prefers-color-scheme: dark) {
-	.icon-input__hint {
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-.google-icons-link {
-	color: var(--color-primaryPalette-500);
-	font-weight: 600;
-	text-decoration: none;
-}
diff --git a/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.html b/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.html
deleted file mode 100644
index 08fbe63de..000000000
--- a/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.html
+++ /dev/null
@@ -1,52 +0,0 @@
-<button mat-stroked-button type="button" [matMenuTriggerFor]="menu"
-    class="icon-picker-button"
-    [matTooltip]="tooltip"
-    [matTooltipDisabled]="!tooltip"
-    matTooltipPosition="above">
-    <mat-icon *ngIf="icon">{{ icon }}</mat-icon>
-    {{ icon ? 'Change icon' : 'Add icon' }}
-</button>
-<mat-menu #menu="matMenu">
-    <div class="icons-menu">
-        <div class="icons-menu__header">
-            <strong>Choose an icon</strong>
-            <button type="button" *ngIf="icon && resetButtonShown"
-                mat-button color="warn"
-                (click)="resetIcon()">
-                Remove
-            </button>
-        </div>
-        <ul class="icons-list">
-            <li *ngFor="let defaultIcon of defaultIcons; let i = index">
-                <label for="defaultIcon-{{i}}" class="icon-radio-label">
-                    <input type="radio" name="action-icon"
-                        [value]="defaultIcon" id="defaultIcon-{{i}}"
-                        [(ngModel)]="icon"
-                        (ngModelChange)="onFieldChange.emit(icon)"
-                        class="icon-radio-button visually-hidden">
-                    <div class="icon-button">
-                        <mat-icon>{{ defaultIcon }}</mat-icon>
-                    </div>
-                </label>
-            </li>
-        </ul>
-        <div class="custom-icon-box" (click)="$event.stopPropagation();">
-            <mat-form-field appearance="outline" class="icon-input">
-                <mat-label>Add another icon</mat-label>
-                <input matInput
-                    name="action-icon"
-                    [(ngModel)]="customIcon">
-                <mat-hint class="icon-input__hint">
-                    Copy "Icon name" from <a href="https://fonts.google.com/icons" target="_blank" class="google-icons-link">here</a>
-                </mat-hint>
-            </mat-form-field>
-            <button type="button" mat-button color="primary"
-                [disabled]="!customIcon"
-                class="apply-icon-button"
-                (click)="applyIcon()">
-                Apply
-            </button>
-        </div>
-
-    </div>
-</mat-menu>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.spec.ts b/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.spec.ts
deleted file mode 100644
index 9f55c4bcc..000000000
--- a/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatMenuModule } from '@angular/material/menu';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { IconPickerComponent } from './icon-picker.component';
-
-describe('IconPickerComponent', () => {
-	let component: IconPickerComponent;
-	let fixture: ComponentFixture<IconPickerComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatMenuModule, IconPickerComponent, BrowserAnimationsModule],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(IconPickerComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.ts b/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.ts
deleted file mode 100644
index a3fa6b771..000000000
--- a/frontend/src/app/components/ui-components/icon-picker/icon-picker.component.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatMenuModule, MatMenuTrigger } from '@angular/material/menu';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@Component({
-	selector: 'app-icon-picker',
-	templateUrl: './icon-picker.component.html',
-	styleUrls: ['./icon-picker.component.css'],
-	imports: [
-		CommonModule,
-		MatMenuModule,
-		MatIconModule,
-		FormsModule,
-		MatTooltipModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatButtonModule,
-	],
-})
-export class IconPickerComponent {
-	@Input() resetButtonShown: boolean;
-	@Input() icon: string;
-	@Input() defaultIcons: Array<string>;
-	@Input() tooltip: string;
-	@Output() onFieldChange = new EventEmitter();
-	@ViewChild(MatMenuTrigger) trigger: MatMenuTrigger;
-
-	public customIcon: string = '';
-
-	constructor() {
-		console.log(this.resetButtonShown, 'resetButtonShown');
-	}
-
-	ngOnInit() {
-		this.customIcon = this.icon || '';
-	}
-
-	applyIcon() {
-		this.onFieldChange.emit(this.customIcon);
-		this.trigger.closeMenu();
-	}
-
-	resetIcon() {
-		this.onFieldChange.emit(null);
-		this.trigger.closeMenu();
-	}
-}
diff --git a/frontend/src/app/components/ui-components/icon-picker/icon-picker.stories.ts b/frontend/src/app/components/ui-components/icon-picker/icon-picker.stories.ts
deleted file mode 100644
index e9ea73d97..000000000
--- a/frontend/src/app/components/ui-components/icon-picker/icon-picker.stories.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { IconPickerComponent } from './icon-picker.component';
-
-const meta: Meta<IconPickerComponent> = {
-	title: 'UI/IconPicker',
-	component: IconPickerComponent,
-	args: {
-		icon: 'database',
-		defaultIcons: ['database', 'table_chart', 'settings', 'person', 'lock', 'vpn_key'],
-		tooltip: 'Choose an icon',
-		resetButtonShown: true,
-	},
-};
-
-export default meta;
-type Story = StoryObj<IconPickerComponent>;
-
-export const Default: Story = {};
-
-export const WithoutReset: Story = {
-	args: { resetButtonShown: false },
-};
-
-export const NoIcon: Story = {
-	args: { icon: '', tooltip: 'Select icon' },
-};
diff --git a/frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.css b/frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.css
deleted file mode 100644
index 677b50f87..000000000
--- a/frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.ip-copy-button {
-	background: transparent;
-	border: none;
-	color: var(--mat-sidenav-content-text-color);
-	font-family: monospace;
-	padding: 2px 4px;
-}
diff --git a/frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.html b/frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.html
deleted file mode 100644
index 0c077626a..000000000
--- a/frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<button type="button"
-    class="ip-copy-button"
-    matTooltip="Copy IP address"
-    cdkCopyToClipboard="18.221.81.73/32"
-    (cdkCopyToClipboardCopied)="showCopyNotification(ip() + ' IP address was copied to clipboard.')">
-    <strong>{{ ip() }}</strong>
-</button>
diff --git a/frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.spec.ts b/frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.spec.ts
deleted file mode 100644
index 0db053015..000000000
--- a/frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-
-import { IpAddressButtonComponent } from './ip-address-button.component';
-
-describe('IpAddressButtonComponent', () => {
-	let component: IpAddressButtonComponent;
-	let fixture: ComponentFixture<IpAddressButtonComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, IpAddressButtonComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(IpAddressButtonComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.ts b/frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.ts
deleted file mode 100644
index bc93d5296..000000000
--- a/frontend/src/app/components/ui-components/ip-address-button/ip-address-button.component.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CdkCopyToClipboard } from '@angular/cdk/clipboard';
-import { Component, inject, input } from '@angular/core';
-import { NotificationsService } from 'src/app/services/notifications.service';
-
-@Component({
-	selector: 'app-ip-address-button',
-	templateUrl: './ip-address-button.component.html',
-	styleUrls: ['./ip-address-button.component.css'],
-	imports: [CdkCopyToClipboard],
-})
-export class IpAddressButtonComponent {
-	private _notifications = inject(NotificationsService);
-
-	ip = input<string>('');
-
-	showCopyNotification(message: string) {
-		this._notifications.showSuccessSnackbar(message);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/ip-address-button/ip-address-button.stories.ts b/frontend/src/app/components/ui-components/ip-address-button/ip-address-button.stories.ts
deleted file mode 100644
index 79dd17255..000000000
--- a/frontend/src/app/components/ui-components/ip-address-button/ip-address-button.stories.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { applicationConfig, type Meta, type StoryObj } from '@storybook/angular';
-import { NotificationsService } from 'src/app/services/notifications.service';
-import { IpAddressButtonComponent } from './ip-address-button.component';
-
-const meta: Meta<IpAddressButtonComponent> = {
-	title: 'UI/IPAddressButton',
-	component: IpAddressButtonComponent,
-	decorators: [
-		applicationConfig({
-			providers: [{ provide: NotificationsService, useValue: { showSuccessSnackbar: () => {} } }],
-		}),
-	],
-	args: {
-		ip: '192.168.1.100',
-	},
-};
-
-export default meta;
-type Story = StoryObj<IpAddressButtonComponent>;
-
-export const Default: Story = {};
-
-export const IPv6: Story = {
-	args: { ip: '2001:0db8:85a3:0000:0000:8a2e:0370:7334' },
-};
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/base-row-field/base-row-field.component.css b/frontend/src/app/components/ui-components/record-edit-fields/base-row-field/base-row-field.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/base-row-field/base-row-field.component.html b/frontend/src/app/components/ui-components/record-edit-fields/base-row-field/base-row-field.component.html
deleted file mode 100644
index e878758ff..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/base-row-field/base-row-field.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<p>base-row-field works!</p>
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/base-row-field/base-row-field.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/base-row-field/base-row-field.component.spec.ts
deleted file mode 100644
index 5028614d9..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/base-row-field/base-row-field.component.spec.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BaseEditFieldComponent } from './base-row-field.component';
-
-describe('BaseEditFieldComponent', () => {
-	let component: BaseEditFieldComponent;
-	let fixture: ComponentFixture<BaseEditFieldComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BaseEditFieldComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(BaseEditFieldComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should normalize label on init', () => {
-		fixture.componentRef.setInput('label', 'user_first_name');
-		component.ngOnInit();
-		expect(component.normalizedLabel()).toBeTruthy();
-	});
-
-	it('should set normalizedLabel from label input', () => {
-		fixture.componentRef.setInput('label', 'test_field');
-		component.ngOnInit();
-		expect(component.normalizedLabel()).toBeDefined();
-		expect(typeof component.normalizedLabel()).toBe('string');
-	});
-
-	it('should have onFieldChange event emitter', () => {
-		expect(component.onFieldChange).toBeDefined();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/base-row-field/base-row-field.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/base-row-field/base-row-field.component.ts
deleted file mode 100644
index f52f42fdf..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/base-row-field/base-row-field.component.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, input, OnInit, output } from '@angular/core';
-import { TableField, TableForeignKey, WidgetStructure } from 'src/app/models/table';
-import { normalizeFieldName } from '../../../../lib/normalize';
-
-@Component({
-	selector: 'app-base-edit-field',
-	templateUrl: './base-row-field.component.html',
-	styleUrl: './base-row-field.component.css',
-	imports: [CommonModule],
-})
-export class BaseEditFieldComponent implements OnInit {
-	readonly key = input<string>();
-	readonly label = input<string>();
-	readonly required = input<boolean>(false);
-	readonly readonly = input<boolean>(false);
-	readonly structure = input<TableField>();
-	readonly disabled = input<boolean>(false);
-	readonly widgetStructure = input<WidgetStructure>();
-	readonly relations = input<TableForeignKey>();
-
-	readonly onFieldChange = output<any>();
-	readonly onComparatorChange = output<string>();
-
-	readonly normalizedLabel = computed(() => normalizeFieldName(this.label() || ''));
-
-	ngOnInit(): void {}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.css b/frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.css
deleted file mode 100644
index 85157a202..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.static-text {
-	margin-bottom: 20px;
-}
-
-.static-text__value {
-	color: #0a0a0a;
-	font-style: italic;
-	opacity: 0.32;
-	padding-left: 8px;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.html b/frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.html
deleted file mode 100644
index 10de68e46..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<div class="static-text">
-    <span>{{normalizedLabel()}}</span>
-    <span class="static-text__value"
-        attr.data-testid="record-{{label()}}-binary-data-caption">
-        binary data
-    </span>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.spec.ts
deleted file mode 100644
index 55b1542d8..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BinaryDataCaptionEditComponent } from './binary-data-caption.component';
-
-describe('BinaryDataCaptionEditComponent', () => {
-	let component: BinaryDataCaptionEditComponent;
-	let fixture: ComponentFixture<BinaryDataCaptionEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BinaryDataCaptionEditComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(BinaryDataCaptionEditComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.stories.ts
deleted file mode 100644
index 4a08a4633..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { BinaryDataCaptionEditComponent } from './binary-data-caption.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'bytea',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<BinaryDataCaptionEditComponent> = {
-	title: 'Record Edit Fields/BinaryDataCaption',
-	component: BinaryDataCaptionEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Binary Data Caption Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-	},
-};
-
-export default meta;
-type Story = StoryObj<BinaryDataCaptionEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.ts
deleted file mode 100644
index f1048bfd9..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/binary-data-caption/binary-data-caption.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-static-text',
-	templateUrl: './binary-data-caption.component.html',
-	styleUrls: ['./binary-data-caption.component.css'],
-	imports: [CommonModule],
-})
-export class BinaryDataCaptionEditComponent extends BaseEditFieldComponent {}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.css b/frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.css
deleted file mode 100644
index f0f339e4f..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.binary-edit {
-	width: 100%;
-	margin-bottom: 24px;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.html b/frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.html
deleted file mode 100644
index 8c77d7136..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<mat-form-field appearance="outline" class="binary-edit">
-    <mat-label>{{ normalizedLabel() }} ({{ encoding() }})</mat-label>
-    @switch (encoding()) {
-        @case ('hex') {
-            <textarea matInput resizeToFitContent rows="8" hexValidator
-                name="{{label()}}-{{key()}}-hex-content"
-                #binaryContent="ngModel"
-                [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-                [(ngModel)]="rawInput" (ngModelChange)="onInputChange()"
-            ></textarea>
-            @if (binaryContent.errors?.isInvalidHex) {
-                <mat-error>Invalid hex.</mat-error>
-            }
-        }
-        @case ('base64') {
-            <textarea matInput resizeToFitContent rows="8" base64Validator
-                name="{{label()}}-{{key()}}-base64-content"
-                #binaryContent="ngModel"
-                [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-                [(ngModel)]="rawInput" (ngModelChange)="onInputChange()"
-            ></textarea>
-            @if (binaryContent.errors?.isInvalidBase64) {
-                <mat-error>Invalid base64.</mat-error>
-            }
-        }
-        @case ('ascii') {
-            <textarea matInput resizeToFitContent rows="8"
-                name="{{label()}}-{{key()}}-ascii-content"
-                [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-                [(ngModel)]="rawInput" (ngModelChange)="onInputChange()"
-            ></textarea>
-        }
-    }
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.spec.ts
deleted file mode 100644
index 3cefea83c..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.spec.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { BinaryEditComponent } from './binary.component';
-
-describe('BinaryEditComponent', () => {
-	let component: BinaryEditComponent;
-	let fixture: ComponentFixture<BinaryEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [FormsModule, BinaryEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(BinaryEditComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('parses a server string as char-code-per-byte on init and does not emit', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		fixture.componentRef.setInput('value', 'Hello');
-		component.ngOnInit();
-		expect(component.rawInput).toBe('48656c6c6f');
-		expect(component.onFieldChange.emit).not.toHaveBeenCalled();
-	});
-
-	it('parses an incoming Buffer-JSON value into hex on init without emitting', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		fixture.componentRef.setInput('value', { type: 'Buffer', data: [0x48, 0x65, 0x6c] });
-		component.ngOnInit();
-		expect(component.rawInput).toBe('48656c');
-		expect(component.onFieldChange.emit).not.toHaveBeenCalled();
-	});
-
-	it('shows empty hex when incoming value is null and does not emit on init', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		expect(component.rawInput).toBe('');
-		expect(component.onFieldChange.emit).not.toHaveBeenCalled();
-	});
-
-	it('emits Buffer-JSON when the user types valid hex', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		component.rawInput = '48656c6c6f';
-		component.onInputChange();
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith({
-			type: 'Buffer',
-			data: [0x48, 0x65, 0x6c, 0x6c, 0x6f],
-		});
-		expect(component.isInvalidInput).toBe(false);
-	});
-
-	it('emits null when the field is cleared', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		component.rawInput = '';
-		component.onInputChange();
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith(null);
-	});
-
-	it('marks invalid and emits raw string when the user types malformed hex', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		component.rawInput = 'zz';
-		component.onInputChange();
-		expect(component.isInvalidInput).toBe(true);
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith('zz');
-	});
-
-	describe('encoding param', () => {
-		it('seeds the input as base64 when encoding=base64', () => {
-			fixture.componentRef.setInput('widgetStructure', { widget_params: { encoding: 'base64' } });
-			fixture.componentRef.setInput('value', { type: 'Buffer', data: [0x48, 0x65, 0x6c, 0x6c, 0x6f] });
-			component.ngOnInit();
-			expect(component.encoding()).toBe('base64');
-			expect(component.rawInput).toBe('SGVsbG8=');
-		});
-
-		it('emits Buffer-JSON for valid base64', () => {
-			fixture.componentRef.setInput('widgetStructure', { widget_params: { encoding: 'base64' } });
-			vi.spyOn(component.onFieldChange, 'emit');
-			component.rawInput = 'SGVsbG8=';
-			component.onInputChange();
-			expect(component.isInvalidInput).toBe(false);
-			expect(component.onFieldChange.emit).toHaveBeenCalledWith({
-				type: 'Buffer',
-				data: [0x48, 0x65, 0x6c, 0x6c, 0x6f],
-			});
-		});
-
-		it('marks invalid and emits raw when base64 is malformed', () => {
-			fixture.componentRef.setInput('widgetStructure', { widget_params: { encoding: 'base64' } });
-			vi.spyOn(component.onFieldChange, 'emit');
-			component.rawInput = '!!!bad!!!';
-			component.onInputChange();
-			expect(component.isInvalidInput).toBe(true);
-			expect(component.onFieldChange.emit).toHaveBeenCalledWith('!!!bad!!!');
-		});
-
-		it('seeds the input as ascii with non-printable replacement when encoding=ascii', () => {
-			fixture.componentRef.setInput('widgetStructure', { widget_params: { encoding: 'ascii' } });
-			fixture.componentRef.setInput('value', { type: 'Buffer', data: [0x48, 0x00, 0x69] });
-			component.ngOnInit();
-			expect(component.encoding()).toBe('ascii');
-			expect(component.rawInput).toBe('H.i');
-		});
-
-		it('always emits Buffer-JSON for ascii input, never invalid', () => {
-			fixture.componentRef.setInput('widgetStructure', { widget_params: { encoding: 'ascii' } });
-			vi.spyOn(component.onFieldChange, 'emit');
-			component.rawInput = 'Hi';
-			component.onInputChange();
-			expect(component.isInvalidInput).toBe(false);
-			expect(component.onFieldChange.emit).toHaveBeenCalledWith({
-				type: 'Buffer',
-				data: [0x48, 0x69],
-			});
-		});
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.ts
deleted file mode 100644
index 510fd25ce..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/binary/binary.component.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component, computed, model, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Base64ValidationDirective } from 'src/app/directives/base64Validator.directive';
-import { HexValidationDirective } from 'src/app/directives/hexValidator.directive';
-import {
-	BinaryBufferJson,
-	bytesToEncoded,
-	encodedToBytes,
-	isBinaryEncoding,
-	parseBinaryValue,
-	toBufferJson,
-} from 'src/app/lib/binary';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-binary',
-	templateUrl: './binary.component.html',
-	styleUrls: ['./binary.component.css'],
-	imports: [FormsModule, MatFormFieldModule, MatInputModule, HexValidationDirective, Base64ValidationDirective],
-})
-export class BinaryEditComponent extends BaseEditFieldComponent implements OnInit {
-	readonly value = model<string | BinaryBufferJson | null>();
-
-	static type = 'file';
-
-	public rawInput = '';
-	public isInvalidInput = false;
-
-	public readonly encoding = computed(() => {
-		const raw = this.widgetStructure()?.widget_params?.encoding;
-		return isBinaryEncoding(raw) ? raw : 'hex';
-	});
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		this.rawInput = bytesToEncoded(parseBinaryValue(this.value()), this.encoding());
-	}
-
-	onInputChange(): void {
-		if (!this.rawInput) {
-			this.isInvalidInput = false;
-			this.onFieldChange.emit(null);
-			return;
-		}
-		const bytes = encodedToBytes(this.rawInput, this.encoding());
-		if (bytes === null) {
-			this.isInvalidInput = true;
-			this.onFieldChange.emit(this.rawInput);
-			return;
-		}
-		this.isInvalidInput = false;
-		this.onFieldChange.emit(toBufferJson(bytes));
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.css b/frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.css
deleted file mode 100644
index cd69ee3a8..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.css
+++ /dev/null
@@ -1,23 +0,0 @@
-.radio-line {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	margin-bottom: 20px;
-}
-
-.radio-line ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
-	--mat-button-toggle-selected-state-text-color: var(--color-accentedPalette-500-contrast);
-	--mat-button-toggle-selected-state-background-color: var(--color-accentedPalette-500);
-}
-
-/* .radio-line ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
-    --mat-button-toggle-selected-state-text-color: var(--color-primaryPalette-500-contrast);
-    --mat-button-toggle-selected-state-background-color: var(--color-primaryPalette-500);
-}
-
-@media (prefers-color-scheme: dark) {
-    .radio-line ::ng-deep .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
-        --mat-button-toggle-selected-state-text-color: var(--color-whitePalette-500-contrast);
-        --mat-button-toggle-selected-state-background-color: var(--color-whitePalette-500);
-    }
-} */
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.html b/frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.html
deleted file mode 100644
index 208cbc33d..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.html
+++ /dev/null
@@ -1,26 +0,0 @@
-@if (isRadiogroup) {
-    <div class="radio-line">
-        <label id="">{{normalizedLabel()}}</label>
-        <mat-button-toggle-group name="{{label()}}-{{key()}}"
-            attr.data-testid="record-{{label()}}-boolean-radio-group"
-            [hideSingleSelectionIndicator]="true"
-            [disabled]="disabled()"
-            [value]="value()">
-            <mat-button-toggle [value]=true (click)="onToggleChange(true)">Yes</mat-button-toggle>
-            <mat-button-toggle [value]=false (click)="onToggleChange(false)">No</mat-button-toggle>
-        </mat-button-toggle-group>
-    </div>
-} @else {
-    <div class="radio-line">
-        <label id="">{{normalizedLabel()}}</label>
-        <mat-button-toggle-group name="{{label()}}-{{key()}}"
-            attr.data-testid="record-{{label()}}-boolean-radio-group"
-            [hideSingleSelectionIndicator]="true"
-            [disabled]="disabled()"
-            [(ngModel)]="value"
-            (ngModelChange)="onFieldChange.emit($event)">
-            <mat-button-toggle [value]=true>Yes</mat-button-toggle>
-            <mat-button-toggle [value]=false>No</mat-button-toggle>
-        </mat-button-toggle-group>
-    </div>
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.spec.ts
deleted file mode 100644
index b17d63a5f..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.spec.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { BooleanEditComponent } from './boolean.component';
-
-describe('BooleanEditComponent', () => {
-	let component: BooleanEditComponent;
-	let fixture: ComponentFixture<BooleanEditComponent>;
-
-	const fakeStructure = {
-		column_name: 'banned',
-		column_default: '0',
-		data_type: 'tinyint',
-		isExcluded: false,
-		isSearched: false,
-		auto_increment: false,
-		allow_null: false,
-		character_maximum_length: 1,
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, MatDialogModule, BooleanEditComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(BooleanEditComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should set value in true when input value contain anything', () => {
-		fixture.componentRef.setInput('value', 'anything');
-		fixture.componentRef.setInput('structure', fakeStructure);
-		component.ngOnInit();
-
-		expect(component.value()).toBeTruthy();
-	});
-
-	it('should set value in felse when input value is 0', () => {
-		fixture.componentRef.setInput('value', 0);
-		fixture.componentRef.setInput('structure', fakeStructure);
-		component.ngOnInit();
-
-		expect(component.value()).toBeFalsy();
-	});
-
-	it('should set value in null when input value is undefined', () => {
-		fixture.componentRef.setInput('value', undefined);
-		fixture.componentRef.setInput('structure', fakeStructure);
-		component.ngOnInit();
-
-		expect(component.value()).toEqual(null);
-	});
-
-	it('should set isRadiogroup in false if allow_null is false', () => {
-		fixture.componentRef.setInput('value', undefined);
-		fixture.componentRef.setInput('structure', fakeStructure);
-		component.ngOnInit();
-
-		expect(component.isRadiogroup).toEqual(false);
-	});
-
-	it('should set isRadiogroup in true if allow_null is true', () => {
-		fixture.componentRef.setInput('value', undefined);
-		fixture.componentRef.setInput('structure', {
-			column_name: 'banned',
-			column_default: '0',
-			data_type: 'tinyint',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: true,
-			character_maximum_length: 1,
-		});
-		component.ngOnInit();
-
-		expect(component.isRadiogroup).toEqual(true);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.stories.ts
deleted file mode 100644
index 7e7525336..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { BooleanEditComponent } from './boolean.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'boolean',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<BooleanEditComponent> = {
-	title: 'Record Edit Fields/Boolean',
-	component: BooleanEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Boolean Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: true,
-	},
-};
-
-export default meta;
-type Story = StoryObj<BooleanEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.ts
deleted file mode 100644
index 3445003da..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/boolean/boolean.component.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, inject, model } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { DBtype } from 'src/app/models/connection';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-boolean',
-	templateUrl: './boolean.component.html',
-	styleUrls: ['./boolean.component.css'],
-	imports: [CommonModule, FormsModule, MatButtonToggleModule],
-})
-export class BooleanEditComponent extends BaseEditFieldComponent {
-	readonly value = model<boolean | number | string | null>();
-
-	public isRadiogroup: boolean;
-	connectionType: DBtype;
-
-	private _connections = inject(ConnectionsService);
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		this.connectionType = this._connections.currentConnection.type;
-
-		const val = this.value();
-		if (val) {
-			this.value.set(true);
-		} else if (val === 0 || val === '' || val === false) {
-			this.value.set(false);
-		} else {
-			this.value.set(null);
-		}
-
-		this.onFieldChange.emit(this.value());
-
-		let parsedParams = null;
-		const ws = this.widgetStructure();
-		if (ws?.widget_params) {
-			parsedParams = typeof ws.widget_params === 'string' ? JSON.parse(ws.widget_params) : ws.widget_params;
-		}
-
-		this.isRadiogroup = this.structure()?.allow_null || !!parsedParams?.allow_null;
-	}
-
-	onToggleChange(optionValue: boolean): void {
-		if (this.value() === optionValue) {
-			this.value.set(null);
-		} else {
-			this.value.set(optionValue);
-		}
-		this.onFieldChange.emit(this.value());
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/code/code.component.css b/frontend/src/app/components/ui-components/record-edit-fields/code/code.component.css
deleted file mode 100644
index 05e90e456..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/code/code.component.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.code-editor-box {
-	display: block;
-	border: 1px solid rgba(0, 0, 0, 0.38);
-	border-radius: 4px;
-	margin-top: 4px;
-	margin-bottom: 20px;
-	/* overflow-y: auto;
-    resize: vertical; */
-	overflow: auto;
-	resize: both;
-}
-
-.code-editor-box ::ng-deep .ngs-code-editor {
-	width: 100%;
-	height: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/code/code.component.html b/frontend/src/app/components/ui-components/record-edit-fields/code/code.component.html
deleted file mode 100644
index 6dce1ee7a..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/code/code.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<span class="mat-body-1">{{ normalizedLabel() }} {{ required() ? '*' : '' }}</span>
-
-<div class="code-editor-box ph-no-capture">
-    <ngs-code-editor
-        [theme]="codeEditorTheme"
-        [codeModel]="mutableCodeModel"
-        [options]="codeEditorOptions"
-        [readOnly]="readonly()"
-        (valueChanged)="onFieldChange.emit($event)">
-    </ngs-code-editor>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/code/code.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/code/code.component.spec.ts
deleted file mode 100644
index 08f2fc367..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/code/code.component.spec.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { MockCodeEditorComponent } from 'src/app/testing/code-editor.mock';
-import { CodeEditComponent } from './code.component';
-
-describe('CodeEditComponent', () => {
-	let component: CodeEditComponent;
-	let fixture: ComponentFixture<CodeEditComponent>;
-
-	const mockUiSettingsService = {
-		isDarkMode: true,
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [CodeEditComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient(), { provide: UiSettingsService, useValue: mockUiSettingsService }],
-		})
-			.overrideComponent(CodeEditComponent, {
-				remove: { imports: [CodeEditorModule] },
-				add: { imports: [MockCodeEditorComponent], schemas: [NO_ERRORS_SCHEMA] },
-			})
-			.compileComponents();
-
-		fixture = TestBed.createComponent(CodeEditComponent);
-		component = fixture.componentInstance;
-
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: {
-				language: 'css',
-			},
-		} as any);
-		fixture.componentRef.setInput('label', 'styles');
-		fixture.componentRef.setInput('value', '.container { display: flex; }');
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should initialize mutableCodeModel with correct language from widget params', () => {
-		expect(component.mutableCodeModel).toBeDefined();
-		expect((component.mutableCodeModel as any).language).toBe('css');
-	});
-
-	it('should set URI based on label', () => {
-		expect((component.mutableCodeModel as any).uri).toBe('styles.json');
-	});
-
-	it('should set value from input', () => {
-		expect((component.mutableCodeModel as any).value).toBe('.container { display: flex; }');
-	});
-
-	it('should use editor theme from UiSettingsService', () => {
-		expect(component.codeEditorTheme).toBe('vs-dark');
-	});
-
-	it('should have correct code editor options', () => {
-		expect(component.codeEditorOptions.minimap.enabled).toBe(false);
-		expect(component.codeEditorOptions.automaticLayout).toBe(true);
-		expect(component.codeEditorOptions.scrollBeyondLastLine).toBe(false);
-		expect(component.codeEditorOptions.wordWrap).toBe('on');
-	});
-
-	it('should support different languages', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: {
-				language: 'javascript',
-			},
-		} as any);
-		fixture.componentRef.setInput('label', 'script');
-		fixture.componentRef.setInput('value', 'console.log("hello");');
-		component.ngOnInit();
-
-		expect((component.mutableCodeModel as any).language).toBe('javascript');
-	});
-
-	it('should normalize label from base class', () => {
-		fixture.componentRef.setInput('label', 'custom_styles');
-		component.ngOnInit();
-		expect(component.normalizedLabel()).toBeDefined();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/code/code.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/code/code.component.stories.ts
deleted file mode 100644
index 94cbbdf3a..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/code/code.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { CodeEditComponent } from './code.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'text',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: { language: 'javascript' },
-	name: '',
-	description: '',
-};
-
-const meta: Meta<CodeEditComponent> = {
-	title: 'Record Edit Fields/Code',
-	component: CodeEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Code Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'console.log("hello")',
-	},
-};
-
-export default meta;
-type Story = StoryObj<CodeEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/code/code.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/code/code.component.ts
deleted file mode 100644
index 692293453..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/code/code.component.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, inject, model } from '@angular/core';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-code',
-	templateUrl: './code.component.html',
-	styleUrl: './code.component.css',
-	imports: [CommonModule, CodeEditorModule],
-})
-export class CodeEditComponent extends BaseEditFieldComponent {
-	readonly value = model<any>();
-
-	private _uiSettings = inject(UiSettingsService);
-
-	public mutableCodeModel: Object;
-	public codeEditorOptions = {
-		minimap: { enabled: false },
-		automaticLayout: true,
-		scrollBeyondLastLine: false,
-		wordWrap: 'on',
-	};
-	public codeEditorTheme = 'vs-dark';
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		this.mutableCodeModel = {
-			language: `${this.widgetStructure().widget_params.language}`,
-			uri: `${this.label()}.json`,
-			value: this.value(),
-		};
-
-		this.codeEditorTheme = this._uiSettings.isDarkMode ? 'vs-dark' : 'vs';
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/color/color.component.css b/frontend/src/app/components/ui-components/record-edit-fields/color/color.component.css
deleted file mode 100644
index 88dc71654..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/color/color.component.css
+++ /dev/null
@@ -1,30 +0,0 @@
-.color-edit-container {
-	width: 100%;
-}
-
-.color-form-field {
-	width: 100%;
-}
-
-.color-picker-container {
-	display: flex;
-	align-items: center;
-	margin-left: 8px;
-}
-
-.color-picker-input {
-	width: 32px;
-	height: 32px;
-	border: none;
-	border-radius: 4px;
-	cursor: pointer;
-	outline: none;
-	background: none;
-	padding: 0;
-	margin-right: 8px;
-}
-
-.color-picker-input:disabled {
-	cursor: not-allowed;
-	opacity: 0.6;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/color/color.component.html b/frontend/src/app/components/ui-components/record-edit-fields/color/color.component.html
deleted file mode 100644
index 6f25f812b..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/color/color.component.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<div class="color-edit-container">
-  <mat-form-field class="color-form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input matInput type="text" name="{{label()}}-{{key()}}"
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        attr.data-testid="record-{{label()}}-color"
-        [(ngModel)]="value" (ngModelChange)="onTextInputChange()"
-        placeholder="e.g. #000000, rgb(0,0,0), hsl(0,0%,0%)">
-    <div matSuffix class="color-picker-container">
-      <input type="color"
-             class="color-picker-input"
-             [value]="normalizedColorForPicker"
-             [disabled]="disabled() || readonly()"
-             (change)="onColorPickerChange($event)"
-             title="Choose color">
-    </div>
-  </mat-form-field>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/color/color.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/color/color.component.spec.ts
deleted file mode 100644
index 282e302f7..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/color/color.component.spec.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { ColorEditComponent } from './color.component';
-
-describe('ColorEditComponent', () => {
-	let component: ColorEditComponent;
-	let fixture: ComponentFixture<ColorEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [ColorEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(ColorEditComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should return false for isValidColor when value is empty', () => {
-		fixture.componentRef.setInput('value', '');
-		expect(component.isValidColor).toBe(false);
-	});
-
-	it('should return false for isValidColor when value is null', () => {
-		fixture.componentRef.setInput('value', null);
-		expect(component.isValidColor).toBe(false);
-	});
-
-	it('should return true for isValidColor when value is a valid hex color', () => {
-		fixture.componentRef.setInput('value', '#ff0000');
-		expect(component.isValidColor).toBe(true);
-	});
-
-	it('should return true for isValidColor when value is a hex color without hash', () => {
-		fixture.componentRef.setInput('value', 'ff0000');
-		expect(component.isValidColor).toBe(true);
-	});
-
-	it('should return true for isValidColor when value is a valid rgb color', () => {
-		fixture.componentRef.setInput('value', 'rgb(255, 0, 0)');
-		expect(component.isValidColor).toBe(true);
-	});
-
-	it('should return false for isValidColor when value is invalid', () => {
-		fixture.componentRef.setInput('value', 'notacolor');
-		expect(component.isValidColor).toBe(false);
-	});
-
-	it('should return normalized hex for color picker', () => {
-		fixture.componentRef.setInput('value', '#ff0000');
-		expect(component.normalizedColorForPicker.toLowerCase()).toBe('#ff0000');
-	});
-
-	it('should return #000000 for invalid color in normalizedColorForPicker', () => {
-		fixture.componentRef.setInput('value', 'invalid');
-		expect(component.normalizedColorForPicker).toBe('#000000');
-	});
-
-	it('should return hex_hash format by default in formattedColorValue', () => {
-		fixture.componentRef.setInput('value', 'rgb(255, 0, 0)');
-		const result = component.formattedColorValue;
-		expect(result).toMatch(/^#[A-Fa-f0-9]{6,8}$/);
-	});
-
-	it('should return hex without hash when format is hex', () => {
-		fixture.componentRef.setInput('value', '#ff0000');
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { format: 'hex' } } as any);
-		const result = component.formattedColorValue;
-		expect(result).not.toContain('#');
-	});
-
-	it('should return rgb format when format is rgb', () => {
-		fixture.componentRef.setInput('value', '#ff0000');
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { format: 'rgb' } } as any);
-		const result = component.formattedColorValue;
-		expect(result).toMatch(/^rgb/);
-	});
-
-	it('should handle hsl format and fallback to hex when hsl conversion fails', () => {
-		fixture.componentRef.setInput('value', '#ff0000');
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { format: 'hsl' } } as any);
-		const result = component.formattedColorValue;
-		// colorString.get.hsl returns null for hex input, so it falls back to hex
-		expect(result).toMatch(/^#|^hsl/);
-	});
-
-	it('should return original value for formattedColorValue when value is invalid', () => {
-		fixture.componentRef.setInput('value', 'invalid');
-		expect(component.formattedColorValue).toBe('invalid');
-	});
-
-	it('should emit onFieldChange when onTextInputChange is called', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		fixture.componentRef.setInput('value', '#ff0000');
-		component.onTextInputChange();
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith('#ff0000');
-	});
-
-	it('should update value and emit onFieldChange when onColorPickerChange is called', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		const event = { target: { value: '#00ff00' } } as any;
-		component.onColorPickerChange(event);
-		expect(component.value()).toBeTruthy();
-		expect(component.onFieldChange.emit).toHaveBeenCalled();
-	});
-
-	it('should set value directly when picker value cannot be parsed', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		const event = { target: { value: '' } } as any;
-		component.onColorPickerChange(event);
-		expect(component.value()).toBe('');
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith('');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/color/color.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/color/color.component.stories.ts
deleted file mode 100644
index 35fddf649..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/color/color.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { ColorEditComponent } from './color.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<ColorEditComponent> = {
-	title: 'Record Edit Fields/Color',
-	component: ColorEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Color Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '#FF5733',
-	},
-};
-
-export default meta;
-type Story = StoryObj<ColorEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/color/color.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/color/color.component.ts
deleted file mode 100644
index 35700e6de..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/color/color.component.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-import { Component, model } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import colorString from 'color-string';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-color',
-	templateUrl: './color.component.html',
-	styleUrls: ['./color.component.css'],
-	imports: [MatFormFieldModule, MatInputModule, FormsModule],
-})
-export class ColorEditComponent extends BaseEditFieldComponent {
-	readonly value = model<string>();
-
-	static type = 'color';
-
-	get isValidColor(): boolean {
-		const val = this.value();
-		if (!val) return false;
-		return this._parseColor(val) !== null;
-	}
-
-	get normalizedColorForPicker(): string {
-		const parsed = this._parseColor(this.value());
-		if (parsed) {
-			const [r, g, b] = parsed.value;
-			return `#${this._toHex(r)}${this._toHex(g)}${this._toHex(b)}`;
-		}
-		return '#000000';
-	}
-
-	get formattedColorValue(): string {
-		const val = this.value();
-		const parsed = this._parseColor(val);
-		if (!parsed) return val;
-
-		const format = this.widgetStructure()?.widget_params?.format || 'hex_hash';
-		const [r, g, b, a] = parsed.value;
-
-		switch (format) {
-			case 'hex':
-				return colorString.to.hex(r, g, b, a).slice(1);
-			case 'hex_hash':
-				return colorString.to.hex(r, g, b, a);
-			case 'rgb':
-				return colorString.to.rgb(r, g, b, a);
-			case 'hsl': {
-				const hex = colorString.to.hex(r, g, b, a);
-				const hslParsed = colorString.get.hsl(hex);
-				if (hslParsed) {
-					const [h, s, l, alpha] = hslParsed;
-					return colorString.to.hsl(h, s, l, alpha);
-				}
-				return hex;
-			}
-			default:
-				return colorString.to.hex(r, g, b, a);
-		}
-	}
-
-	onColorPickerChange(event: Event) {
-		const target = event.target as HTMLInputElement;
-		const pickerValue = target.value;
-
-		const parsed = this._parseColor(pickerValue);
-		if (parsed) {
-			const format = this.widgetStructure()?.widget_params?.format || 'hex_hash';
-			const [r, g, b, a] = parsed.value;
-
-			switch (format) {
-				case 'hex':
-					this.value.set(colorString.to.hex(r, g, b, a).slice(1));
-					break;
-				case 'hex_hash':
-					this.value.set(colorString.to.hex(r, g, b, a));
-					break;
-				case 'rgb':
-					this.value.set(colorString.to.rgb(r, g, b, a));
-					break;
-				case 'hsl': {
-					const hex = colorString.to.hex(r, g, b, a);
-					const hslParsed = colorString.get.hsl(hex);
-					if (hslParsed) {
-						const [h, s, l, alpha] = hslParsed;
-						this.value.set(colorString.to.hsl(h, s, l, alpha));
-					} else {
-						this.value.set(hex);
-					}
-					break;
-				}
-				default:
-					this.value.set(colorString.to.hex(r, g, b, a));
-			}
-		} else {
-			this.value.set(pickerValue);
-		}
-
-		this.onFieldChange.emit(this.value());
-	}
-
-	onTextInputChange() {
-		this.onFieldChange.emit(this.value());
-	}
-
-	private _parseColor(color: string): any {
-		if (!color) return null;
-
-		const parsed = colorString.get(color);
-		if (parsed) return parsed;
-
-		if (/^[A-Fa-f0-9]{6}$|^[A-Fa-f0-9]{3}$/.test(color)) {
-			return colorString.get('#' + color);
-		}
-
-		return null;
-	}
-
-	private _toHex(n: number): string {
-		const hex = n.toString(16);
-		return hex.length === 1 ? '0' + hex : hex;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/country/country.component.css b/frontend/src/app/components/ui-components/record-edit-fields/country/country.component.css
deleted file mode 100644
index cf6260673..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/country/country.component.css
+++ /dev/null
@@ -1,42 +0,0 @@
-.country-form-field {
-	width: 100%;
-}
-
-.country-input-container {
-	display: flex;
-	align-items: center;
-	width: 100%;
-}
-
-.country-flag-prefix {
-	font-size: 20px;
-	margin-right: 8px;
-	line-height: 1;
-}
-
-.country-input {
-	flex: 1;
-	border: none !important;
-	outline: none !important;
-	background: transparent !important;
-}
-
-.country-flag {
-	margin-right: 8px;
-	font-size: 16px;
-}
-
-.country-name {
-	flex: 1;
-}
-
-.country-code {
-	margin-left: 8px;
-	opacity: 0.7;
-	font-size: 12px;
-}
-
-mat-option {
-	display: flex;
-	align-items: center;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/country/country.component.html b/frontend/src/app/components/ui-components/record-edit-fields/country/country.component.html
deleted file mode 100644
index 596070843..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/country/country.component.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<mat-form-field class="country-form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <div class="country-input-container">
-        @if (selectedCountryFlag() && showFlag()) {
-            <span class="country-flag-prefix">{{selectedCountryFlag()}}</span>
-        }
-        <input type="text" matInput
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            attr.data-testid="record-{{label()}}-country"
-            [formControl]="countryControl"
-            [matAutocomplete]="auto"
-            class="country-input">
-    </div>
-    <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn">
-        @for (country of filteredCountries(); track country.value) {
-            <mat-option
-                [value]="country"
-                (onSelectionChange)="country && onCountrySelected(country)">
-                @if (country.flag && showFlag()) {
-                    <span class="country-flag">{{country.flag}}</span>
-                }
-                <span class="country-name">{{country.label}}</span>
-                @if (country.value) {
-                    <span class="country-code">({{country.value}})</span>
-                }
-            </mat-option>
-        }
-    </mat-autocomplete>
-</mat-form-field>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/country/country.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/country/country.component.spec.ts
deleted file mode 100644
index e5d856407..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/country/country.component.spec.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CountryEditComponent } from './country.component';
-
-describe('CountryEditComponent', () => {
-	let component: CountryEditComponent;
-	let fixture: ComponentFixture<CountryEditComponent>;
-
-	const fakeStructure = {
-		column_name: 'country',
-		column_default: null,
-		data_type: 'varchar',
-		isExcluded: false,
-		isSearched: false,
-		auto_increment: false,
-		allow_null: false,
-		character_maximum_length: 2,
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [CountryEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(CountryEditComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should load countries on init', () => {
-		fixture.componentRef.setInput('structure', fakeStructure as any);
-		component.ngOnInit();
-		expect(component.countries.length).toBeGreaterThan(0);
-	});
-
-	it('should sort countries alphabetically', () => {
-		fixture.componentRef.setInput('structure', fakeStructure as any);
-		component.ngOnInit();
-		const labels = component.countries.map((c) => c.label);
-		const sorted = [...labels].sort((a, b) => a.localeCompare(b));
-		expect(labels).toEqual(sorted);
-	});
-
-	it('should prepend null option when allow_null is true', () => {
-		fixture.componentRef.setInput('structure', { ...fakeStructure, allow_null: true } as any);
-		component.ngOnInit();
-		expect(component.countries[0].value).toBeNull();
-		expect(component.countries[0].label).toBe('');
-	});
-
-	it('should not prepend null option when allow_null is false', () => {
-		fixture.componentRef.setInput('structure', fakeStructure as any);
-		component.ngOnInit();
-		expect(component.countries[0].value).not.toBeNull();
-	});
-
-	it('should set initial value when value matches a country code', () => {
-		fixture.componentRef.setInput('value', 'US');
-		fixture.componentRef.setInput('structure', fakeStructure as any);
-		component.ngOnInit();
-		const controlValue = component.countryControl.value;
-		expect(controlValue).toBeTruthy();
-		expect(typeof controlValue).toBe('object');
-		expect((controlValue as any).value).toBe('US');
-	});
-
-	it('should not set control value when value does not match any country', () => {
-		fixture.componentRef.setInput('value', 'XX');
-		fixture.componentRef.setInput('structure', fakeStructure as any);
-		component.ngOnInit();
-		const controlValue = component.countryControl.value;
-		expect(controlValue).toBe('');
-	});
-
-	it('should emit onFieldChange when a country is selected', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		const country = { value: 'FR', label: 'France', flag: '🇫🇷' };
-		component.onCountrySelected(country);
-		expect(component.value()).toBe('FR');
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith('FR');
-	});
-
-	it('should display label for country object in displayFn', () => {
-		const result = component.displayFn({ value: 'US', label: 'United States', flag: '🇺🇸' });
-		expect(result).toBe('United States');
-	});
-
-	it('should return string as-is in displayFn', () => {
-		const result = component.displayFn('some text');
-		expect(result).toBe('some text');
-	});
-
-	it('should return empty string for falsy input in displayFn', () => {
-		const result = component.displayFn(null);
-		expect(result).toBe('');
-	});
-
-	it('should filter countries by label', () => {
-		fixture.componentRef.setInput('structure', fakeStructure as any);
-		component.ngOnInit();
-		component.countryControl.setValue('united');
-		const filtered = component.filteredCountries();
-		expect(filtered.length).toBeGreaterThan(0);
-		filtered.forEach((c) => {
-			expect(c.label.toLowerCase() + c.value?.toLowerCase()).toContain('united');
-		});
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/country/country.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/country/country.component.stories.ts
deleted file mode 100644
index dd553a303..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/country/country.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { CountryEditComponent } from './country.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<CountryEditComponent> = {
-	title: 'Record Edit Fields/Country',
-	component: CountryEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Country Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'US',
-	},
-};
-
-export default meta;
-type Story = StoryObj<CountryEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/country/country.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/country/country.component.ts
deleted file mode 100644
index 1a1b62c53..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/country/country.component.ts
+++ /dev/null
@@ -1,114 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, CUSTOM_ELEMENTS_SCHEMA, computed, model } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { COUNTRIES, getCountryFlag } from '../../../../consts/countries';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-interface CountryOption {
-	value: string | null;
-	label: string;
-	flag: string;
-}
-
-@Component({
-	selector: 'app-edit-country',
-	imports: [CommonModule, FormsModule, ReactiveFormsModule, MatFormFieldModule, MatAutocompleteModule, MatInputModule],
-	templateUrl: './country.component.html',
-	styleUrls: ['./country.component.css'],
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class CountryEditComponent extends BaseEditFieldComponent {
-	readonly value = model<string>();
-
-	public countries: CountryOption[] = [];
-	public countryControl = new FormControl<CountryOption | string>('');
-	public selectedCountryFlag = computed(() => {
-		const value = this._controlValue();
-		if (typeof value === 'object' && value !== null) {
-			return value.flag;
-		}
-		return '';
-	});
-
-	public showFlag = computed(() => {
-		const ws = this.widgetStructure();
-		if (ws?.widget_params) {
-			try {
-				const params =
-					typeof ws.widget_params === 'string'
-						? JSON.parse(ws.widget_params)
-						: ws.widget_params;
-
-				if (params.show_flag !== undefined) {
-					return params.show_flag;
-				}
-			} catch (e) {
-				console.error('Error parsing country widget params:', e);
-			}
-		}
-		return true;
-	});
-
-	private _controlValue = toSignal(this.countryControl.valueChanges, { initialValue: '' as CountryOption | string });
-
-	public filteredCountries = computed(() => {
-		const value = this._controlValue();
-		return this._filter(typeof value === 'string' ? value : value?.label || '');
-	});
-
-	originalOrder = () => {
-		return 0;
-	};
-
-	getCountryFlag = getCountryFlag;
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		this.loadCountries();
-		this.setInitialValue();
-	}
-
-	onCountrySelected(selectedCountry: CountryOption): void {
-		this.value.set(selectedCountry.value);
-		this.onFieldChange.emit(this.value());
-	}
-
-	displayFn(country: CountryOption | string): string {
-		if (!country) return '';
-		return typeof country === 'string' ? country : country.label;
-	}
-
-	private setInitialValue(): void {
-		if (this.value()) {
-			const country = this.countries.find((c) => c.value === this.value());
-			if (country) {
-				this.countryControl.setValue(country);
-			}
-		}
-	}
-
-	private _filter(value: string): CountryOption[] {
-		const filterValue = value.toLowerCase();
-		return this.countries.filter(
-			(country) =>
-				country.label?.toLowerCase().includes(filterValue) || country.value?.toLowerCase().includes(filterValue),
-		);
-	}
-
-	private loadCountries(): void {
-		this.countries = COUNTRIES.map((country) => ({
-			value: country.code,
-			label: country.name,
-			flag: getCountryFlag(country.code),
-		})).toSorted((a, b) => a.label.localeCompare(b.label));
-
-		const ws = this.widgetStructure();
-		if (ws?.widget_params?.allow_null || this.structure()?.allow_null) {
-			this.countries = [{ value: null, label: '', flag: '' }, ...this.countries];
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.css b/frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.css
deleted file mode 100644
index f63bf4c46..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.field-couple {
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-	grid-column-gap: 16px;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.html b/frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.html
deleted file mode 100644
index f6708d890..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<div class="field-couple">
-    <mat-form-field class="" appearance="outline">
-        <mat-label>{{normalizedLabel()}} (date)</mat-label>
-        <input type="date" matInput name="{{label()}}-{{key()}}-date"
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            attr.data-testid="record-{{label()}}-date"
-            [(ngModel)]="date" (ngModelChange)="onDateChange()">
-    </mat-form-field>
-
-    <mat-form-field class="" appearance="outline">
-        <mat-label>{{normalizedLabel()}} (time)</mat-label>
-        <input type="time" matInput name="{{label()}}-{{key()}}-time"
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            attr.data-testid="record-{{label()}}-time"
-            [(ngModel)]="time" (ngModelChange)="onTimeChange()">
-    </mat-form-field>
-</div>
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.spec.ts
deleted file mode 100644
index 52f4ba963..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.spec.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { DBtype } from 'src/app/models/connection';
-import { DateTimeEditComponent } from './date-time.component';
-
-describe('DateTimeEditComponent', () => {
-	let component: DateTimeEditComponent;
-	let fixture: ComponentFixture<DateTimeEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, MatDialogModule, DateTimeEditComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DateTimeEditComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should prepare date and time for date and time inputs', () => {
-		fixture.componentRef.setInput('value', '2021-06-26T07:22:00.603');
-		component.ngOnInit();
-
-		expect(component.date).toEqual('2021-06-26');
-		expect(component.time).toEqual('07:22:00');
-	});
-
-	it('should send onChange event with new date value if connectionType is not mysql', () => {
-		component.connectionType = DBtype.Postgres;
-		component.date = '2021-08-26';
-		component.time = '07:22:00';
-		const event = vi.spyOn(component.onFieldChange, 'emit');
-		component.onDateChange();
-
-		expect(event).toHaveBeenCalledWith('2021-08-26T07:22:00Z');
-	});
-
-	it('should send onChange event with new date value if connectionType is mysql', () => {
-		component.connectionType = DBtype.MySQL;
-		component.date = '2021-08-26';
-		component.time = '07:22:00';
-		const event = vi.spyOn(component.onFieldChange, 'emit');
-		component.onDateChange();
-
-		expect(event).toHaveBeenCalledWith('2021-08-26 07:22:00');
-	});
-
-	it('should send onChange event with new time value if connectionType is not mysql', () => {
-		component.connectionType = DBtype.Postgres;
-		component.date = '2021-07-26';
-		component.time = '07:20:00';
-		const event = vi.spyOn(component.onFieldChange, 'emit');
-		component.onTimeChange();
-
-		expect(event).toHaveBeenCalledWith('2021-07-26T07:20:00Z');
-	});
-
-	it('should send onChange event with new time value if connectionType is mysql', () => {
-		component.connectionType = DBtype.MySQL;
-		component.date = '2021-07-26';
-		component.time = '07:20:00';
-		const event = vi.spyOn(component.onFieldChange, 'emit');
-		component.onTimeChange();
-
-		expect(event).toHaveBeenCalledWith('2021-07-26 07:20:00');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.stories.ts
deleted file mode 100644
index 8c1bb65d3..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { DateTimeEditComponent } from './date-time.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'datetime',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<DateTimeEditComponent> = {
-	title: 'Record Edit Fields/DateTime',
-	component: DateTimeEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'DateTime Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '2024-01-15T10:30:00',
-	},
-};
-
-export default meta;
-type Story = StoryObj<DateTimeEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.ts
deleted file mode 100644
index 39a9da4c2..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/date-time/date-time.component.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, inject, model } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { format } from 'date-fns';
-import { DBtype } from 'src/app/models/connection';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-date-time',
-	templateUrl: './date-time.component.html',
-	styleUrls: ['./date-time.component.css'],
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule],
-})
-export class DateTimeEditComponent extends BaseEditFieldComponent {
-	readonly value = model<string>();
-
-	static type = 'datetime';
-	public date: string;
-	public time: string;
-	public connectionType: DBtype;
-
-	private _connections = inject(ConnectionsService);
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		this.connectionType = this._connections.currentConnection.type;
-
-		const val = this.value();
-		if (val) {
-			const datetime = new Date(val);
-			this.date = format(datetime, 'yyyy-MM-dd');
-			this.time = format(datetime, 'HH:mm:ss');
-		}
-	}
-
-	onDateChange() {
-		if (!this.time) this.time = '00:00:00';
-
-		let datetime = '';
-		if (this.connectionType === DBtype.MySQL) {
-			datetime = `${this.date} ${this.time}`;
-		} else {
-			datetime = `${this.date}T${this.time}Z`;
-		}
-
-		this.onFieldChange.emit(datetime);
-	}
-
-	onTimeChange() {
-		let datetime = '';
-		if (this.connectionType === DBtype.MySQL) {
-			datetime = `${this.date} ${this.time}`;
-		} else {
-			datetime = `${this.date}T${this.time}Z`;
-		}
-
-		this.onFieldChange.emit(datetime);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/date/date.component.css b/frontend/src/app/components/ui-components/record-edit-fields/date/date.component.css
deleted file mode 100644
index 03fe2b8ac..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/date/date.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.date-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/date/date.component.html b/frontend/src/app/components/ui-components/record-edit-fields/date/date.component.html
deleted file mode 100644
index 46faec623..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/date/date.component.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<mat-form-field class="date-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input type="date" matInput name="{{label()}}-{{key()}}"
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        attr.data-testid="record-{{label()}}-date"
-        [(ngModel)]="date" (ngModelChange)="onDateChange()">
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/date/date.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/date/date.component.spec.ts
deleted file mode 100644
index 585ebc891..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/date/date.component.spec.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { DateEditComponent } from './date.component';
-
-describe('DateEditComponent', () => {
-	let component: DateEditComponent;
-	let fixture: ComponentFixture<DateEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [DateEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DateEditComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should prepare date for date input', () => {
-		fixture.componentRef.setInput('value', '2021-06-26T07:22:00.603Z');
-		component.ngOnInit();
-
-		expect(component.date).toEqual('2021-06-26');
-	});
-
-	it('should remain date undefined if there is no value', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-
-		expect(component.date).not.toBeDefined();
-	});
-
-	it('should send onChange event with new date value', () => {
-		component.date = '2021-07-26';
-		const event = vi.spyOn(component.onFieldChange, 'emit');
-		component.onDateChange();
-		expect(event).toHaveBeenCalledWith('2021-07-26');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/date/date.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/date/date.component.stories.ts
deleted file mode 100644
index 5256fc595..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/date/date.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { DateEditComponent } from './date.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'date',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<DateEditComponent> = {
-	title: 'Record Edit Fields/Date',
-	component: DateEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Date Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '2024-01-15',
-	},
-};
-
-export default meta;
-type Story = StoryObj<DateEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/date/date.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/date/date.component.ts
deleted file mode 100644
index bb9624a60..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/date/date.component.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, model } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { format } from 'date-fns';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-date',
-	templateUrl: './date.component.html',
-	styleUrls: ['./date.component.css'],
-	imports: [CommonModule, MatFormFieldModule, MatInputModule, FormsModule],
-})
-export class DateEditComponent extends BaseEditFieldComponent {
-	readonly value = model<string>();
-
-	static type = 'datetime';
-	public date: string;
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		const val = this.value();
-		if (val) {
-			const datetime = new Date(val);
-			this.date = format(datetime, 'yyyy-MM-dd');
-		}
-	}
-
-	onDateChange() {
-		this.onFieldChange.emit(this.date);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/file/file.component.css b/frontend/src/app/components/ui-components/record-edit-fields/file/file.component.css
deleted file mode 100644
index af9a259e7..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/file/file.component.css
+++ /dev/null
@@ -1,45 +0,0 @@
-.file {
-	margin-bottom: 24px;
-}
-
-.header {
-	display: flex;
-	align-items: center;
-	margin-bottom: 20px;
-}
-
-.file-type {
-	margin-right: 20px;
-}
-
-.file-raw-data {
-	width: 100%;
-}
-
-.file-input {
-	display: none;
-}
-
-.file-uploader-appearance {
-	margin-bottom: 20px;
-}
-
-.file-label {
-	margin-right: 20px;
-}
-
-.file-name {
-	color: rgba(0, 0, 0, 0.5);
-	font-style: italic;
-	margin-right: 20px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.file-name {
-		color: rgba(255, 255, 255, 0.5);
-	}
-}
-
-.upload-btn {
-	margin-right: 12px;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/file/file.component.html b/frontend/src/app/components/ui-components/record-edit-fields/file/file.component.html
deleted file mode 100644
index 1e85a3b34..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/file/file.component.html
+++ /dev/null
@@ -1,78 +0,0 @@
-<div class="file">
-    <div class="header">
-        <span class="file-label">{{ normalizedLabel() }}</span>
-
-        @if (widgetStructure() && widgetStructure().widget_params.type) {
-            @if (initError) {
-                <span class="mat-body-1">{{ initError }}</span>
-            } @else {
-                <span class="mat-body-1">{{ widgetStructure().widget_params.type }}</span>
-            }
-        } @else {
-            <mat-radio-group
-                name="{{label()}}-{{key()}}-file-type"
-                class="file-types"
-                [(ngModel)]="fileType"
-                (ngModelChange)="convertValue($event)">
-                <mat-radio-button value='hex' class="file-type" [disabled]="isNotSwitcherActive">
-                    HEX
-                </mat-radio-button>
-                <mat-radio-button value='base64' class="file-type" [disabled]="isNotSwitcherActive">
-                    Base64
-                </mat-radio-button>
-                <mat-radio-button value='file' class="file-type" [disabled]="isNotSwitcherActive">
-                    File
-                </mat-radio-button>
-            </mat-radio-group>
-        }
-    </div>
-    @if (!initError) {
-        @if (fileType === 'hex') {
-            <mat-form-field appearance="outline" class="file-raw-data">
-                <mat-label>Hex</mat-label>
-                <textarea matInput resizeToFitContent rows="8" hexValidator
-                    name="{{label()}}-{{key()}}-hex-content"
-                    #hexContent="ngModel"
-                    [(ngModel)]="hexData" (ngModelChange)="onHexChange()"
-                ></textarea>
-                @if (hexContent.errors?.isInvalidHex) {
-                    <mat-error>Invalid hex.</mat-error>
-                }
-            </mat-form-field>
-        }
-
-        @if (fileType === 'base64') {
-            <mat-form-field appearance="outline" class="file-raw-data">
-                <mat-label>Base64</mat-label>
-                <textarea matInput resizeToFitContent rows="8" base64Validator
-                    name="{{label()}}-{{key()}}-base64-content"
-                    #base64Content="ngModel"
-                    [(ngModel)]="base64Data" (ngModelChange)="onBase64Change()"
-                ></textarea>
-                @if (base64Content.errors?.isInvalidBase64 || isNotSwitcherActive) {
-                    <mat-error>Invalid base64.</mat-error>
-                }
-            </mat-form-field>
-        }
-
-        @if (fileType === 'file') {
-            <div class="file-uploader-appearance">
-                <input type="file" class="file-input" name="{{label()}}-{{key()}}-file" [required]="required()" [disabled]="readonly()"
-                    (change)="onFileSelected($event)" #fileUpload>
-
-                <span class="file-name mat-body-2">{{ value() ? 'File is uploaded.' : 'No file uploaded yet.' }}</span>
-
-                <button type="button" mat-stroked-button class="upload-btn"
-                    (click)="fileUpload.click()">
-                    Upload file
-                </button>
-
-                @if (hexData) {
-                    <a [href]="fileURL" type="button" mat-stroked-button class="upload-btn" download>
-                        Download file
-                    </a>
-                }
-            </div>
-        }
-    }
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/file/file.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/file/file.component.spec.ts
deleted file mode 100644
index 2189df298..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/file/file.component.spec.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatRadioModule } from '@angular/material/radio';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { FileEditComponent } from './file.component';
-
-describe('FileEditComponent', () => {
-	let component: FileEditComponent;
-	let fixture: ComponentFixture<FileEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [FormsModule, MatRadioModule, FileEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(FileEditComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should default fileType to hex', () => {
-		expect(component.fileType).toBe('hex');
-	});
-
-	it('should set hexData from value on init when no widgetStructure', () => {
-		fixture.componentRef.setInput('value', '48656c6c6f' as any);
-		component.ngOnInit();
-		expect(component.hexData).toBe('48656c6c6f');
-	});
-
-	it('should set fileType from widgetStructure on init', () => {
-		fixture.componentRef.setInput('value', '48656c6c6f' as any);
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { type: 'base64' } } as any);
-		component.ngOnInit();
-		expect(component.fileType).toBe('base64');
-	});
-
-	it('should convert hex to base64', () => {
-		component.hexData = '48656c6c6f';
-		component.fromHexToBase64();
-		expect(component.base64Data).toBe('SGVsbG8=');
-	});
-
-	it('should convert base64 to hex', () => {
-		component.base64Data = 'SGVsbG8=';
-		component.fromBase64ToHex();
-		expect(component.hexData).toBe('48656c6c6f');
-	});
-
-	it('should set isNotSwitcherActive to true on invalid base64', () => {
-		component.base64Data = '!!!invalid!!!';
-		component.fromBase64ToHex();
-		expect(component.isNotSwitcherActive).toBe(true);
-	});
-
-	it('should emit onFieldChange on hex change', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		component.hexData = '48656c6c6f';
-		component.onHexChange();
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith('48656c6c6f');
-	});
-
-	it('should convert base64 to hex and emit on base64 change', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		component.base64Data = 'SGVsbG8=';
-		component.onBase64Change();
-		expect(component.hexData).toBe('48656c6c6f');
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith('48656c6c6f');
-	});
-
-	it('should call convertValue for base64 when hexData exists', () => {
-		component.hexData = '48656c6c6f';
-		component.convertValue('base64' as any);
-		expect(component.base64Data).toBe('SGVsbG8=');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/file/file.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/file/file.component.stories.ts
deleted file mode 100644
index 69e86bee5..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/file/file.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { FileEditComponent } from './file.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'bytea',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<FileEditComponent> = {
-	title: 'Record Edit Fields/File',
-	component: FileEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'File Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '' as any,
-	},
-};
-
-export default meta;
-type Story = StoryObj<FileEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/file/file.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/file/file.component.ts
deleted file mode 100644
index b99033392..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/file/file.component.ts
+++ /dev/null
@@ -1,159 +0,0 @@
-
-import { Component, inject, model } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatRadioModule } from '@angular/material/radio';
-import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
-import { Base64ValidationDirective } from 'src/app/directives/base64Validator.directive';
-import { HexValidationDirective } from 'src/app/directives/hexValidator.directive';
-import { base64Validation } from 'src/app/validators/base64.validator';
-import { hexValidation } from 'src/app/validators/hex.validator';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-interface Blob {
-	type: string;
-	data: [];
-}
-
-enum FileType {
-	Hex = 'hex',
-	Base64 = 'base64',
-	File = 'file',
-}
-
-@Component({
-	selector: 'app-edit-file',
-	templateUrl: './file.component.html',
-	styleUrls: ['./file.component.css'],
-	imports: [
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatRadioModule,
-		MatButtonModule,
-		HexValidationDirective,
-		Base64ValidationDirective,
-	],
-})
-export class FileEditComponent extends BaseEditFieldComponent {
-	readonly value = model<Blob>();
-
-	private sanitazer = inject(DomSanitizer);
-
-	static type = 'file';
-	public isNotSwitcherActive;
-	public fileType: FileType = FileType.Hex;
-	public hexData;
-	public base64Data;
-	public fileData;
-	public fileURL: SafeUrl;
-	public initError: string | null = null;
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		const ws = this.widgetStructure();
-		if (ws && this.value()) {
-			this.fileType = ws.widget_params.type;
-
-			if (this.fileType === 'hex') {
-				this.hexData = this.value();
-				//@ts-expect-error
-				this.initError = hexValidation()({ value: this.hexData });
-				this.initError = 'Invalid hex format.';
-			}
-
-			if (this.fileType === 'base64') {
-				this.base64Data = this.value();
-				//@ts-expect-error
-				this.initError = base64Validation()({ value: this.hexData });
-				this.initError = 'Invalid base64 format.';
-			}
-
-			if (this.fileType === 'file') {
-				//@ts-expect-error
-				const blob = new Blob([this.value()]);
-				this.fileURL = this.sanitazer.bypassSecurityTrustUrl(URL.createObjectURL(blob));
-			}
-		}
-
-		if (this.value()) {
-			this.hexData = this.value();
-		}
-	}
-
-	convertValue(type: FileType) {
-		if (this.hexData && type === FileType.Base64) {
-			this.fromHexToBase64();
-		}
-
-		if (this.hexData && type === FileType.File) {
-			this.fromHexToFile();
-		}
-	}
-
-	onHexChange() {
-		//@ts-expect-error
-		this.isNotSwitcherActive = hexValidation()({ value: this.hexData });
-		this.onFieldChange.emit(this.hexData);
-	}
-
-	onBase64Change() {
-		this.fromBase64ToHex();
-		this.onFieldChange.emit(this.hexData);
-	}
-
-	onFileSelected(event) {
-		let reader = new FileReader();
-		const file: File = event.target.files[0];
-
-		reader.addEventListener(
-			'load',
-			() => {
-				this.fromFileToHex(reader);
-				this.onFieldChange.emit(this.hexData);
-			},
-			false,
-		);
-
-		reader.readAsArrayBuffer(file);
-	}
-
-	fromHexToBase64() {
-		this.base64Data = btoa(
-			this.hexData
-				.match(/\w{2}/g)
-				.map((a) => String.fromCharCode(parseInt(a, 16)))
-				.join(''),
-		);
-	}
-
-	fromBase64ToHex() {
-		try {
-			const raw = atob(this.base64Data);
-			let result = '';
-			for (let i = 0; i < raw.length; i++) {
-				const hex = raw.charCodeAt(i).toString(16);
-				result += hex.length === 2 ? hex : '0' + hex;
-			}
-			this.hexData = result;
-			this.isNotSwitcherActive = false;
-		} catch (_e) {
-			this.isNotSwitcherActive = true;
-		}
-	}
-
-	fromHexToFile() {
-		const fileData = new Uint8Array(this.hexData.match(/[\da-f]{2}/gi).map((h) => parseInt(h, 16)));
-		fileData.buffer;
-		const blob = new Blob([fileData]);
-		this.fileURL = this.sanitazer.bypassSecurityTrustUrl(URL.createObjectURL(blob));
-	}
-
-	fromFileToHex(reader: FileReader) {
-		let dataString = reader.result as ArrayBuffer;
-
-		this.hexData = [...new Uint8Array(dataString)].map((b) => b.toString(16).padStart(2, '0')).join('');
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.css b/frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.css
deleted file mode 100644
index 648d1b63f..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.css
+++ /dev/null
@@ -1,59 +0,0 @@
-.full-width {
-	position: relative;
-	width: 100%;
-}
-
-.loader {
-	position: absolute;
-	top: 12px;
-	right: 12px;
-}
-
-.disabled {
-	pointer-events: none;
-}
-
-.foreign-key {
-	display: grid;
-	grid-template-columns: 1fr 36px;
-}
-
-.foreign-key ::ng-deep .mat-mdc-form-field-subscript-wrapper {
-	margin-bottom: 16px;
-}
-
-.foreign-key ::ng-deep .mat-mdc-form-field-hint-wrapper {
-	padding-right: 0;
-	width: calc(100% + 8px);
-}
-
-@media screen and (width <= 600px) {
-	.foreign-key ::ng-deep .mat-mdc-form-field-subscript-wrapper {
-		margin-bottom: 24px;
-	}
-
-	.foreign-key ::ng-deep .mat-mdc-form-field-bottom-align::before {
-		margin-left: 0;
-	}
-}
-
-.hint-link {
-	color: var(--color-accentedPalette-500);
-}
-
-.foreign-key__link {
-	display: flex;
-	/* align-items: center; */
-	justify-content: flex-end;
-	color: inherit;
-}
-
-.foreign-key__link-icon {
-	margin-left: auto;
-	margin-top: 12px;
-}
-
-.foreign-key__null-option {
-	font-style: italic;
-	color: var(--mat-sys-on-surface-variant, rgba(0, 0, 0, 0.6));
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.html b/frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.html
deleted file mode 100644
index 9678159c9..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.html
+++ /dev/null
@@ -1,38 +0,0 @@
-<div class="foreign-key">
-    <mat-form-field class="full-width" appearance="outline">
-        <mat-label>{{normalizedLabel()}}</mat-label>
-        @if (fetching()) {
-            <mat-spinner class="loader" diameter="20"></mat-spinner>
-        }
-        <input type="text" matInput
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            [(ngModel)]="currentDisplayedString"
-            [matAutocomplete]="auto"
-            (ngModelChange)="onSearchInput()">
-        <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" (optionSelected)="updateRelatedLink($event)">
-            @for (suggestion of suggestions(); track suggestion.fieldValue) {
-                <mat-option
-                    [ngClass]="{'disabled': suggestion.displayString === 'No matches', 'foreign-key__null-option': suggestion.isNullOption}"
-                    [value]="suggestion.displayString">
-                    {{suggestion.displayString}}
-                </mat-option>
-            }
-        </mat-autocomplete>
-        <mat-hint>Improve search performance by configuring <em>Searchable foreign key columns</em>&nbsp;
-            <a routerLink="/dashboard/{{connectionID}}/{{relations().referenced_table_name}}/settings" class="hint-link">here</a>
-        </mat-hint>
-    </mat-form-field>
-    @if (currentFieldValue != null) {
-        <a routerLink="/dashboard/{{connectionID}}/{{relations().referenced_table_name}}/entry"
-            [queryParams]="currentFieldQueryParams"
-            target="_blank"
-            class="foreign-key__link">
-            <mat-icon
-                class="foreign-key__link-icon"
-                matTooltip="Show related record"
-                matTooltipPosition="above">
-                open_in_new
-            </mat-icon>
-        </a>
-    }
-</div>
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.spec.ts
deleted file mode 100644
index 9b42774ba..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.spec.ts
+++ /dev/null
@@ -1,553 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { TablesService } from 'src/app/services/tables.service';
-import { ForeignKeyEditComponent } from './foreign-key.component';
-
-describe('ForeignKeyEditComponent', () => {
-	let component: ForeignKeyEditComponent;
-	let fixture: ComponentFixture<ForeignKeyEditComponent>;
-	let tablesService: TablesService;
-
-	const structureNetwork = [
-		{
-			column_name: 'id',
-			column_default: "nextval('customers_id_seq'::regclass)",
-			data_type: 'integer',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: true,
-			allow_null: false,
-			character_maximum_length: null,
-		},
-		{
-			column_name: 'firstname',
-			column_default: null,
-			data_type: 'character varying',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: true,
-			character_maximum_length: 30,
-		},
-		{
-			column_name: 'lastname',
-			column_default: null,
-			data_type: 'character varying',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: true,
-			character_maximum_length: 30,
-		},
-		{
-			column_name: 'email',
-			column_default: null,
-			data_type: 'character varying',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: false,
-			character_maximum_length: 30,
-		},
-		{
-			column_name: 'age',
-			column_default: null,
-			data_type: 'integer',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: true,
-			character_maximum_length: null,
-		},
-	];
-
-	const usersTableNetwork = {
-		rows: [
-			{
-				id: 33,
-				firstname: 'Alex',
-				lastname: 'Taylor',
-				email: 'new-user-5@email.com',
-				age: 24,
-			},
-			{
-				id: 34,
-				firstname: 'Alex',
-				lastname: 'Johnson',
-				email: 'new-user-4@email.com',
-				age: 24,
-			},
-			{
-				id: 35,
-				firstname: 'Alex',
-				lastname: 'Smith',
-				email: 'some-new@email.com',
-				age: 24,
-			},
-		],
-		primaryColumns: [
-			{
-				column_name: 'id',
-				data_type: 'integer',
-			},
-		],
-		pagination: {
-			total: 30,
-			lastPage: 1,
-			perPage: 30,
-			currentPage: 1,
-		},
-		sortable_by: [],
-		ordering: 'ASC',
-		structure: structureNetwork,
-		foreignKeys: [],
-	};
-
-	const fakeRelations = {
-		autocomplete_columns: ['firstname', 'lastname', 'email'],
-		column_name: 'userId',
-		constraint_name: '',
-		referenced_column_name: 'id',
-		referenced_table_name: 'users',
-		column_default: '',
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				MatAutocompleteModule,
-				MatDialogModule,
-				Angulartics2Module.forRoot(),
-				ForeignKeyEditComponent,
-				BrowserAnimationsModule,
-			],
-			providers: [provideHttpClient(), provideRouter([])],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(ForeignKeyEditComponent);
-		component = fixture.componentInstance;
-		fixture.componentRef.setInput('relations', fakeRelations);
-		tablesService = TestBed.inject(TablesService);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should fill initial dropdown values when identity_column is set', async () => {
-		const usersTableNetworkWithIdentityColumn = { ...usersTableNetwork, identity_column: 'lastname' };
-
-		vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(usersTableNetworkWithIdentityColumn));
-
-		component.connectionID = '12345678';
-		fixture.componentRef.setInput('value', '');
-
-		await component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.identityColumn).toEqual('lastname');
-		expect(component.currentDisplayedString).toBeUndefined;
-		expect(component.currentFieldValue).toBeUndefined;
-
-		expect(component.suggestions()).toEqual([
-			{
-				displayString: 'Taylor (Alex | new-user-5@email.com)',
-				primaryKeys: { id: 33 },
-				fieldValue: 33,
-			},
-			{
-				displayString: 'Johnson (Alex | new-user-4@email.com)',
-				primaryKeys: { id: 34 },
-				fieldValue: 34,
-			},
-			{
-				displayString: 'Smith (Alex | some-new@email.com)',
-				primaryKeys: { id: 35 },
-				fieldValue: 35,
-			},
-		]);
-	});
-
-	it('should fill initial dropdown values when identity_column is not set', async () => {
-		vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(usersTableNetwork));
-
-		component.connectionID = '12345678';
-
-		fixture.componentRef.setInput('value', '');
-
-		await component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.identityColumn).toBeUndefined;
-		expect(component.currentDisplayedString).toBeUndefined;
-		expect(component.currentFieldValue).toBeUndefined;
-
-		expect(component.suggestions()).toEqual([
-			{
-				displayString: 'Alex | Taylor | new-user-5@email.com',
-				primaryKeys: { id: 33 },
-				fieldValue: 33,
-			},
-			{
-				displayString: 'Alex | Johnson | new-user-4@email.com',
-				primaryKeys: { id: 34 },
-				fieldValue: 34,
-			},
-			{
-				displayString: 'Alex | Smith | some-new@email.com',
-				primaryKeys: { id: 35 },
-				fieldValue: 35,
-			},
-		]);
-	});
-
-	it('should fill initial dropdown values when autocomplete_columns and field value is not set', async () => {
-		vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(usersTableNetwork));
-
-		component.connectionID = '12345678';
-		fixture.componentRef.setInput('relations', {
-			autocomplete_columns: [],
-			column_name: 'userId',
-			constraint_name: '',
-			referenced_column_name: 'id',
-			referenced_table_name: 'users',
-			column_default: '',
-		});
-		fixture.componentRef.setInput('value', '');
-
-		await component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.identityColumn).toBeUndefined;
-		expect(component.currentDisplayedString).toBeUndefined;
-		expect(component.currentFieldValue).toBeUndefined;
-
-		expect(component.suggestions()).toEqual([
-			{
-				displayString: '33 | Alex | Taylor | new-user-5@email.com | 24',
-				primaryKeys: { id: 33 },
-				fieldValue: 33,
-			},
-			{
-				displayString: '34 | Alex | Johnson | new-user-4@email.com | 24',
-				primaryKeys: { id: 34 },
-				fieldValue: 34,
-			},
-			{
-				displayString: '35 | Alex | Smith | some-new@email.com | 24',
-				primaryKeys: { id: 35 },
-				fieldValue: 35,
-			},
-		]);
-	});
-
-	it('should set current value if necessary row is in suggestions list', async () => {
-		component.suggestions.set([
-			{
-				displayString: 'Alex | Taylor | new-user-5@email.com',
-				primaryKeys: { id: 33 },
-				fieldValue: 33,
-			},
-			{
-				displayString: 'Alex | Johnson | new-user-4@email.com',
-				primaryKeys: { id: 34 },
-				fieldValue: 34,
-			},
-			{
-				displayString: 'Alex | Smith | some-new@email.com',
-				primaryKeys: { id: 35 },
-				fieldValue: 35,
-			},
-		]);
-		component.currentDisplayedString = 'Alex | Johnson | new-user-4@email.com';
-
-		await component.fetchSuggestions();
-
-		expect(component.currentFieldValue).toEqual(34);
-	});
-
-	it('should fetch suggestions list if user types search query and identity column is set', async () => {
-		const searchSuggestionsNetwork = {
-			rows: [
-				{
-					id: 23,
-					firstname: 'John',
-					lastname: 'Taylor',
-					email: 'new-user-0@email.com',
-					age: 24,
-				},
-				{
-					id: 24,
-					firstname: 'John',
-					lastname: 'Johnson',
-					email: 'new-user-1@email.com',
-					age: 24,
-				},
-			],
-			primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
-			identity_column: 'lastname',
-		};
-
-		vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(searchSuggestionsNetwork));
-
-		fixture.componentRef.setInput('relations', fakeRelations);
-
-		component.suggestions.set([
-			{
-				displayString: 'Alex | Taylor | new-user-5@email.com',
-				fieldValue: 33,
-			},
-			{
-				displayString: 'Alex | Johnson | new-user-4@email.com',
-				fieldValue: 34,
-			},
-			{
-				displayString: 'Alex | Smith | some-new@email.com',
-				fieldValue: 35,
-			},
-		]);
-
-		component.currentDisplayedString = 'John';
-		await component.fetchSuggestions();
-
-		expect(component.suggestions()).toEqual([
-			{
-				displayString: 'Taylor (John | new-user-0@email.com)',
-				primaryKeys: { id: 23 },
-				fieldValue: 23,
-			},
-			{
-				displayString: 'Johnson (John | new-user-1@email.com)',
-				primaryKeys: { id: 24 },
-				fieldValue: 24,
-			},
-		]);
-	});
-
-	it('should fetch suggestions list if user types search query and show No matches message if the list is empty', async () => {
-		const searchSuggestionsNetwork = {
-			rows: [],
-		};
-
-		vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(searchSuggestionsNetwork));
-
-		component.suggestions.set([
-			{
-				displayString: 'Alex | Taylor | new-user-5@email.com',
-				primaryKeys: { id: 33 },
-				fieldValue: 33,
-			},
-			{
-				displayString: 'Alex | Johnson | new-user-4@email.com',
-				primaryKeys: { id: 34 },
-				fieldValue: 34,
-			},
-			{
-				displayString: 'Alex | Smith | some-new@email.com',
-				primaryKeys: { id: 35 },
-				fieldValue: 35,
-			},
-		]);
-
-		component.currentDisplayedString = 'skjfhskjdf';
-		await component.fetchSuggestions();
-
-		expect(component.suggestions()).toEqual([
-			{
-				displayString: 'No field starts with "skjfhskjdf" in foreign entity.',
-			},
-		]);
-	});
-
-	it('should fetch suggestions list if user types search query and identity column is not set', async () => {
-		const searchSuggestionsNetwork = {
-			rows: [
-				{
-					id: 23,
-					firstname: 'John',
-					lastname: 'Taylor',
-					email: 'new-user-0@email.com',
-					age: 24,
-				},
-				{
-					id: 24,
-					firstname: 'John',
-					lastname: 'Johnson',
-					email: 'new-user-1@email.com',
-					age: 24,
-				},
-			],
-			primaryColumns: [{ column_name: 'id', data_type: 'integer' }],
-		};
-
-		const fakeFetchTable = vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(searchSuggestionsNetwork));
-		component.connectionID = '12345678';
-		fixture.componentRef.setInput('relations', fakeRelations);
-
-		component.suggestions.set([
-			{
-				displayString: 'Alex | Taylor | new-user-5@email.com',
-				fieldValue: 33,
-			},
-			{
-				displayString: 'Alex | Johnson | new-user-4@email.com',
-				fieldValue: 34,
-			},
-			{
-				displayString: 'Alex | Smith | some-new@email.com',
-				fieldValue: 35,
-			},
-		]);
-
-		component.currentDisplayedString = 'Alex';
-		await component.fetchSuggestions();
-
-		fixture.detectChanges();
-
-		expect(fakeFetchTable).toHaveBeenCalledWith({
-			connectionID: '12345678',
-			tableName: component.relations().referenced_table_name,
-			requstedPage: 1,
-			chunkSize: 20,
-			foreignKeyRowName: 'autocomplete',
-			foreignKeyRowValue: component.currentDisplayedString,
-			referencedColumn: component.relations().referenced_column_name,
-		});
-
-		expect(component.suggestions()).toEqual([
-			{
-				displayString: 'John | Taylor | new-user-0@email.com',
-				primaryKeys: { id: 23 },
-				fieldValue: 23,
-			},
-			{
-				displayString: 'John | Johnson | new-user-1@email.com',
-				primaryKeys: { id: 24 },
-				fieldValue: 24,
-			},
-		]);
-	});
-
-	describe('nullable column', () => {
-		const nullableStructure = {
-			column_name: 'userId',
-			column_default: null,
-			data_type: 'integer',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: true,
-			character_maximum_length: null,
-		};
-
-		it('appends a "— empty" null option when structure.allow_null is true', async () => {
-			vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(usersTableNetwork));
-
-			component.connectionID = '12345678';
-			fixture.componentRef.setInput('value', '');
-			fixture.componentRef.setInput('structure', nullableStructure);
-
-			await component.ngOnInit();
-			fixture.detectChanges();
-
-			expect(component.allowsNull()).toBe(true);
-			const suggestions = component.suggestions();
-			expect(suggestions).toHaveLength(4);
-			expect(suggestions[suggestions.length - 1]).toEqual({
-				displayString: '— empty',
-				fieldValue: null,
-				isNullOption: true,
-			});
-		});
-
-		it('appends a null option when widget_params.allow_null is true', async () => {
-			vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(usersTableNetwork));
-
-			component.connectionID = '12345678';
-			fixture.componentRef.setInput('value', '');
-			fixture.componentRef.setInput('widgetStructure', {
-				field_name: 'userId',
-				widget_type: 'Foreign_key',
-				widget_params: { ...fakeRelations, allow_null: true },
-				name: '',
-				description: '',
-			});
-
-			await component.ngOnInit();
-			fixture.detectChanges();
-
-			expect(component.allowsNull()).toBe(true);
-			const suggestions = component.suggestions();
-			expect(suggestions[suggestions.length - 1].isNullOption).toBe(true);
-		});
-
-		it('does NOT append a null option when the column is not nullable', async () => {
-			vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of(usersTableNetwork));
-
-			component.connectionID = '12345678';
-			fixture.componentRef.setInput('value', '');
-			fixture.componentRef.setInput('structure', { ...nullableStructure, allow_null: false });
-
-			await component.ngOnInit();
-			fixture.detectChanges();
-
-			expect(component.allowsNull()).toBe(false);
-			expect(component.suggestions().some((s) => s.isNullOption)).toBe(false);
-		});
-
-		it('keeps the null option present when search returns no rows', async () => {
-			fixture.componentRef.setInput('structure', nullableStructure);
-			component.connectionID = '12345678';
-
-			vi.spyOn(tablesService, 'fetchTable').mockReturnValue(of({ rows: [] }));
-			component.currentDisplayedString = 'nomatches';
-			await component.fetchSuggestions();
-
-			expect(component.suggestions()).toEqual([
-				{ displayString: 'No field starts with "nomatches" in foreign entity.' },
-				{ displayString: '— empty', fieldValue: null, isNullOption: true },
-			]);
-		});
-
-		it('emits null and clears the related link when the null option is selected', () => {
-			const emitSpy = vi.spyOn(component.onFieldChange, 'emit');
-			component.suggestions.set([
-				{ displayString: '— empty', fieldValue: null, isNullOption: true },
-				{ displayString: 'Alex | Taylor', primaryKeys: { id: 33 }, fieldValue: 33 },
-			]);
-			component.currentFieldQueryParams = { id: 33 };
-			component.currentFieldValue = 33;
-
-			component.updateRelatedLink({ option: { value: '— empty' } } as any);
-
-			expect(component.currentFieldValue).toBeNull();
-			expect(component.currentFieldQueryParams).toBeUndefined();
-			expect(emitSpy).toHaveBeenCalledWith(null);
-		});
-
-		it('fetchSuggestions emits null when the current display string matches the null option', async () => {
-			const emitSpy = vi.spyOn(component.onFieldChange, 'emit');
-			component.suggestions.set([
-				{ displayString: '— empty', fieldValue: null, isNullOption: true },
-				{ displayString: 'Alex | Taylor', primaryKeys: { id: 33 }, fieldValue: 33 },
-			]);
-			component.currentDisplayedString = '— empty';
-
-			await component.fetchSuggestions();
-
-			expect(component.currentFieldValue).toBeNull();
-			expect(emitSpy).toHaveBeenCalledWith(null);
-		});
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.stories.ts
deleted file mode 100644
index 758e83a1b..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { ForeignKeyEditComponent } from './foreign-key.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'int',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<ForeignKeyEditComponent> = {
-	title: 'Record Edit Fields/ForeignKey',
-	component: ForeignKeyEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Foreign Key Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '1',
-	},
-};
-
-export default meta;
-type Story = StoryObj<ForeignKeyEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.ts
deleted file mode 100644
index 12528cfd9..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/foreign-key/foreign-key.component.ts
+++ /dev/null
@@ -1,274 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, inject, model, signal } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatAutocompleteModule, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatSpinner } from '@angular/material/progress-spinner';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { RouterModule } from '@angular/router';
-import { firstValueFrom } from 'rxjs';
-import { TableForeignKey } from 'src/app/models/table';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-interface FetchTableResponse {
-	rows: Record<string, unknown>[];
-	primaryColumns: { column_name: string; data_type: string }[];
-	identity_column?: string;
-}
-
-interface Suggestion {
-	displayString: string;
-	primaryKeys?: Record<string, unknown>;
-	fieldValue?: unknown;
-	isNullOption?: boolean;
-}
-
-const NULL_OPTION_LABEL = '— empty';
-
-const nullSuggestion: Suggestion = {
-	displayString: NULL_OPTION_LABEL,
-	fieldValue: null,
-	isNullOption: true,
-};
-
-@Component({
-	selector: 'app-edit-foreign-key',
-	templateUrl: './foreign-key.component.html',
-	styleUrls: ['./foreign-key.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatAutocompleteModule,
-		MatIconModule,
-		MatTooltipModule,
-		MatSpinner,
-		RouterModule,
-	],
-})
-export class ForeignKeyEditComponent extends BaseEditFieldComponent {
-	readonly value = model<any>();
-
-	private _tables = inject(TablesService);
-	private _connections = inject(ConnectionsService);
-
-	public connectionID: string;
-	public currentDisplayedString: string;
-	public currentFieldValue: unknown;
-	public currentFieldQueryParams: Record<string, unknown>;
-	public suggestions = signal<Suggestion[]>([]);
-	public fetching = signal(true);
-	public identityColumn: string;
-	public primaeyKeys: { data_type: string; column_name: string }[];
-
-	public fkRelations: TableForeignKey = null;
-
-	public allowsNull = computed(() => {
-		const ws = this.widgetStructure();
-		return !!ws?.widget_params?.allow_null || !!this.structure()?.allow_null;
-	});
-
-	private _debounceTimer: ReturnType<typeof setTimeout>;
-
-	async ngOnInit(): Promise<void> {
-		super.ngOnInit();
-		this.connectionID = this._connections.currentConnectionID;
-
-		const ws = this.widgetStructure();
-		if (ws?.widget_params) {
-			this.fkRelations = ws.widget_params as TableForeignKey;
-		} else if (this.relations()) {
-			this.fkRelations = this.relations();
-		}
-
-		if (this.fkRelations) {
-			try {
-				const res = (await firstValueFrom(
-					this._tables.fetchTable({
-						connectionID: this.connectionID,
-						tableName: this.fkRelations.referenced_table_name,
-						requstedPage: 1,
-						chunkSize: 10,
-						foreignKeyRowName: this.fkRelations.referenced_column_name,
-						foreignKeyRowValue: this.value(),
-					}),
-				)) as FetchTableResponse;
-
-				if (res.rows.length) {
-					this.identityColumn = res.identity_column;
-					const modifiedRow = this.getModifiedRow(res.rows[0]);
-					if (this.value()) {
-						this.currentDisplayedString = this.identityColumn
-							? `${res.rows[0][this.identityColumn]} (${Object.values(modifiedRow)
-									.filter((value) => value)
-									.join(' | ')})`
-							: Object.values(modifiedRow)
-									.filter((value) => value)
-									.join(' | ');
-						this.currentFieldValue = res.rows[0][this.fkRelations.referenced_column_name];
-						this.currentFieldQueryParams = Object.assign(
-							{},
-							...res.primaryColumns.map((primaeyKey) => ({
-								[primaeyKey.column_name]: res.rows[0][primaeyKey.column_name],
-							})),
-						);
-					}
-				}
-
-				const suggestionsRes = (await firstValueFrom(
-					this._tables.fetchTable({
-						connectionID: this.connectionID,
-						tableName: this.fkRelations.referenced_table_name,
-						requstedPage: 1,
-						chunkSize: 20,
-						foreignKeyRowName: 'autocomplete',
-						foreignKeyRowValue: '',
-						referencedColumn: this.fkRelations.referenced_column_name,
-					}),
-				)) as FetchTableResponse;
-
-				this.identityColumn = suggestionsRes.identity_column;
-				this.suggestions.set(
-					this.withNullOption(
-						suggestionsRes.rows.map((row) => {
-							const modifiedRow = this.getModifiedRow(row);
-							return {
-								displayString: this.identityColumn
-									? `${row[this.identityColumn]} (${Object.values(modifiedRow)
-											.filter((value) => value)
-											.join(' | ')})`
-									: Object.values(modifiedRow)
-											.filter((value) => value)
-											.join(' | '),
-								primaryKeys: Object.assign(
-									{},
-									...suggestionsRes.primaryColumns.map((primaeyKey) => ({
-										[primaeyKey.column_name]: row[primaeyKey.column_name],
-									})),
-								),
-								fieldValue: row[this.fkRelations.referenced_column_name],
-							};
-						}),
-					),
-				);
-				this.fetching.set(false);
-			} catch (error) {
-				console.error('Error loading foreign key data:', error);
-				this.fetching.set(false);
-			}
-		}
-	}
-
-	onSearchInput(): void {
-		clearTimeout(this._debounceTimer);
-		this._debounceTimer = setTimeout(() => {
-			if (this.currentDisplayedString === '') this.onFieldChange.emit(null);
-			this.fetchSuggestions();
-		}, 500);
-	}
-
-	async fetchSuggestions(): Promise<void> {
-		const currentRow = this.suggestions()?.find(
-			(suggestion) => suggestion.displayString === this.currentDisplayedString,
-		);
-		if (currentRow !== undefined) {
-			this.currentFieldValue = currentRow.fieldValue;
-			this.onFieldChange.emit(this.currentFieldValue);
-		} else {
-			this.fetching.set(true);
-			try {
-				const res = (await firstValueFrom(
-					this._tables.fetchTable({
-						connectionID: this.connectionID,
-						tableName: this.fkRelations.referenced_table_name,
-						requstedPage: 1,
-						chunkSize: 20,
-						foreignKeyRowName: 'autocomplete',
-						foreignKeyRowValue: this.currentDisplayedString,
-						referencedColumn: this.fkRelations.referenced_column_name,
-					}),
-				)) as FetchTableResponse;
-
-				this.identityColumn = res.identity_column;
-				if (res.rows.length === 0) {
-					this.suggestions.set(
-						this.withNullOption([
-							{
-								displayString: `No field starts with "${this.currentDisplayedString}" in foreign entity.`,
-							},
-						]),
-					);
-				} else {
-					this.suggestions.set(
-						this.withNullOption(
-							res.rows.map((row) => {
-								const modifiedRow = this.getModifiedRow(row);
-								return {
-									displayString: this.identityColumn
-										? `${row[this.identityColumn]} (${Object.values(modifiedRow)
-												.filter((value) => value)
-												.join(' | ')})`
-										: Object.values(modifiedRow)
-												.filter((value) => value)
-												.join(' | '),
-									primaryKeys: Object.assign(
-										{},
-										...res.primaryColumns.map((primaeyKey) => ({
-											[primaeyKey.column_name]: row[primaeyKey.column_name],
-										})),
-									),
-									fieldValue: row[this.fkRelations.referenced_column_name],
-								};
-							}),
-						),
-					);
-				}
-				this.fetching.set(false);
-			} catch (error) {
-				console.error('Error fetching suggestions:', error);
-				this.fetching.set(false);
-			}
-		}
-	}
-
-	getModifiedRow(row: Record<string, unknown>): Record<string, unknown> {
-		let modifiedRow: Record<string, unknown>;
-		if (this.fkRelations.autocomplete_columns && this.fkRelations.autocomplete_columns.length > 0) {
-			let autocompleteColumns = [...this.fkRelations.autocomplete_columns];
-			if (this.identityColumn)
-				autocompleteColumns.splice(this.fkRelations.autocomplete_columns.indexOf(this.identityColumn), 1);
-			modifiedRow = autocompleteColumns.reduce<Record<string, unknown>>(
-				(rowObject, columnName) => ((rowObject[columnName] = row[columnName]), rowObject),
-				{},
-			);
-		} else {
-			modifiedRow = Object.entries(row).reduce<Record<string, unknown>>((rowObject, [columnName, value]) => {
-				if (value) {
-					rowObject[columnName] = value;
-				}
-				return rowObject;
-			}, {});
-		}
-		return modifiedRow;
-	}
-
-	updateRelatedLink(e: MatAutocompleteSelectedEvent) {
-		const selected = this.suggestions().find((suggestion) => suggestion.displayString === e.option.value);
-		if (selected?.isNullOption) {
-			this.currentFieldValue = null;
-			this.currentFieldQueryParams = undefined;
-			this.onFieldChange.emit(null);
-			return;
-		}
-		this.currentFieldQueryParams = selected?.primaryKeys;
-	}
-
-	private withNullOption(suggestions: Suggestion[]): Suggestion[] {
-		return this.allowsNull() ? [...suggestions, nullSuggestion] : suggestions;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/id/id.component.css b/frontend/src/app/components/ui-components/record-edit-fields/id/id.component.css
deleted file mode 100644
index bffe35774..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/id/id.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.id-form-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/id/id.component.html b/frontend/src/app/components/ui-components/record-edit-fields/id/id.component.html
deleted file mode 100644
index 8b0a93f85..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/id/id.component.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<mat-form-field class="id-form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input matInput type="text" name="{{label()}}-{{key()}}"
-        #idField="ngModel"
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        pattern="^[{]?[0-9a-fA-F]{8}-([0-9a-fA-F]{4}-){3}[0-9a-fA-F]{12}[}]?$"
-        attr.data-testid="record-{{label()}}-id"
-        [(ngModel)]="value" (ngModelChange)="onFieldChange.emit($event)">
-        @if (idField.errors?.pattern) {
-            <mat-error>Value doesn't match pattern.</mat-error>
-        }
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/id/id.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/id/id.component.spec.ts
deleted file mode 100644
index cbc9a4a9b..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/id/id.component.spec.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { IdEditComponent } from './id.component';
-
-describe('IdEditComponent', () => {
-	let component: IdEditComponent;
-	let fixture: ComponentFixture<IdEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [FormsModule, IdEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(IdEditComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/id/id.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/id/id.component.stories.ts
deleted file mode 100644
index 7f5b5df93..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/id/id.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { IdEditComponent } from './id.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'int',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<IdEditComponent> = {
-	title: 'Record Edit Fields/Id',
-	component: IdEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'ID Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '12345',
-	},
-};
-
-export default meta;
-type Story = StoryObj<IdEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/id/id.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/id/id.component.ts
deleted file mode 100644
index 27bfe59f6..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/id/id.component.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, model } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-id',
-	templateUrl: './id.component.html',
-	styleUrls: ['./id.component.css'],
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule],
-})
-export class IdEditComponent extends BaseEditFieldComponent {
-	readonly value = model<string>();
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/image/image.component.css b/frontend/src/app/components/ui-components/record-edit-fields/image/image.component.css
deleted file mode 100644
index 2a3feec64..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/image/image.component.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.image-box__url {
-	width: 100%;
-}
-
-.image-box__image {
-	/* width: 100%; */
-	height: auto;
-	max-height: 200px;
-	margin-top: 4px;
-	margin-bottom: 20px;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/image/image.component.html b/frontend/src/app/components/ui-components/record-edit-fields/image/image.component.html
deleted file mode 100644
index 6912ae595..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/image/image.component.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<div class="image-box">
-    <mat-form-field class="image-box__url" appearance="outline">
-        <mat-label>{{normalizedLabel()}}</mat-label>
-        @if (prefix) {
-            <span matTextPrefix>{{prefix}}</span>
-        }
-        <input matInput type="text" name="{{label()}}-{{key()}}" #image="ngModel"
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            urlValidator
-            [urlPrefix]="prefix"
-            attr.data-testid="record-{{label()}}-image"
-            [(ngModel)]="value" (ngModelChange)="onFieldChange.emit($event)">
-            @if (image.errors?.isInvalidURL) {
-                <mat-error>URL is invalid.</mat-error>
-            }
-    </mat-form-field>
-    @if (!image.errors?.isInvalidURL) {
-        <img [src]="imageUrl" class="image-box__image">
-    }
-</div>
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/image/image.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/image/image.component.spec.ts
deleted file mode 100644
index ca2d5a45e..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/image/image.component.spec.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { ImageEditComponent } from './image.component';
-
-describe('ImageComponent', () => {
-	let component: ImageEditComponent;
-	let fixture: ComponentFixture<ImageEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [FormsModule, ImageEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(ImageEditComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should have empty prefix by default', () => {
-		expect(component.prefix).toBe('');
-	});
-
-	it('should parse prefix from widget params object', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { prefix: 'https://cdn.example.com/' } } as any);
-		component.ngOnInit();
-		expect(component.prefix).toBe('https://cdn.example.com/');
-	});
-
-	it('should parse prefix from widget params string', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: JSON.stringify({ prefix: 'https://images.test/' }) } as any);
-		component.ngOnInit();
-		expect(component.prefix).toBe('https://images.test/');
-	});
-
-	it('should keep empty prefix when widget params have no prefix', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: {} } as any);
-		component.ngOnInit();
-		expect(component.prefix).toBe('');
-	});
-
-	it('should update prefix on ngOnChanges', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { prefix: 'https://cdn.test/' } } as any);
-		component.ngOnChanges();
-		expect(component.prefix).toBe('https://cdn.test/');
-	});
-
-	it('should return empty string for imageUrl when value is empty', () => {
-		fixture.componentRef.setInput('value', '');
-		expect(component.imageUrl).toBe('');
-	});
-
-	it('should return value without prefix when prefix is empty', () => {
-		fixture.componentRef.setInput('value', 'photo.jpg');
-		expect(component.imageUrl).toBe('photo.jpg');
-	});
-
-	it('should return prefix + value for imageUrl', () => {
-		component.prefix = 'https://cdn.example.com/';
-		fixture.componentRef.setInput('value', 'photo.jpg');
-		expect(component.imageUrl).toBe('https://cdn.example.com/photo.jpg');
-	});
-
-	it('should handle invalid JSON in widget params gracefully', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: 'invalid-json' } as any);
-		component.ngOnInit();
-		expect(component.prefix).toBe('');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/image/image.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/image/image.component.stories.ts
deleted file mode 100644
index 99e02ead5..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/image/image.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { ImageEditComponent } from './image.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<ImageEditComponent> = {
-	title: 'Record Edit Fields/Image',
-	component: ImageEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Image Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'https://via.placeholder.com/150',
-	},
-};
-
-export default meta;
-type Story = StoryObj<ImageEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/image/image.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/image/image.component.ts
deleted file mode 100644
index 6cb24b5e1..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/image/image.component.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, model, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { UrlValidatorDirective } from 'src/app/directives/url-validator.directive';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-image',
-	templateUrl: './image.component.html',
-	styleUrl: './image.component.css',
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule, UrlValidatorDirective],
-})
-export class ImageEditComponent extends BaseEditFieldComponent implements OnInit {
-	readonly value = model<string>();
-	public prefix: string = '';
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		this._parseWidgetParams();
-	}
-
-	ngOnChanges(): void {
-		this._parseWidgetParams();
-	}
-
-	get imageUrl(): string {
-		const val = this.value();
-		if (!val) return '';
-		return this.prefix + val;
-	}
-
-	private _parseWidgetParams(): void {
-		const ws = this.widgetStructure();
-		if (ws?.widget_params) {
-			try {
-				const params = typeof ws.widget_params === 'string' ? JSON.parse(ws.widget_params) : ws.widget_params;
-
-				if (params.prefix !== undefined) {
-					this.prefix = params.prefix || '';
-				}
-			} catch (e) {
-				console.error('Error parsing Image widget params:', e);
-			}
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.css b/frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.css
deleted file mode 100644
index 05e90e456..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.code-editor-box {
-	display: block;
-	border: 1px solid rgba(0, 0, 0, 0.38);
-	border-radius: 4px;
-	margin-top: 4px;
-	margin-bottom: 20px;
-	/* overflow-y: auto;
-    resize: vertical; */
-	overflow: auto;
-	resize: both;
-}
-
-.code-editor-box ::ng-deep .ngs-code-editor {
-	width: 100%;
-	height: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.html b/frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.html
deleted file mode 100644
index 6dce1ee7a..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<span class="mat-body-1">{{ normalizedLabel() }} {{ required() ? '*' : '' }}</span>
-
-<div class="code-editor-box ph-no-capture">
-    <ngs-code-editor
-        [theme]="codeEditorTheme"
-        [codeModel]="mutableCodeModel"
-        [options]="codeEditorOptions"
-        [readOnly]="readonly()"
-        (valueChanged)="onFieldChange.emit($event)">
-    </ngs-code-editor>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.spec.ts
deleted file mode 100644
index 0cd651222..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.spec.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { MockCodeEditorComponent } from 'src/app/testing/code-editor.mock';
-import { JsonEditorEditComponent } from './json-editor.component';
-
-describe('JsonEditorEditComponent', () => {
-	let component: JsonEditorEditComponent;
-	let fixture: ComponentFixture<JsonEditorEditComponent>;
-
-	const mockUiSettingsService = {
-		isDarkMode: true,
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [JsonEditorEditComponent, BrowserAnimationsModule],
-			providers: [{ provide: UiSettingsService, useValue: mockUiSettingsService }],
-		})
-			.overrideComponent(JsonEditorEditComponent, {
-				remove: { imports: [CodeEditorModule] },
-				add: { imports: [MockCodeEditorComponent], schemas: [NO_ERRORS_SCHEMA] },
-			})
-			.compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(JsonEditorEditComponent);
-		component = fixture.componentInstance;
-		fixture.componentRef.setInput('label', 'metadata');
-		fixture.componentRef.setInput('value', { id: 1, name: 'test', settings: { enabled: true } });
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should initialize mutableCodeModel with JSON language', () => {
-		expect(component.mutableCodeModel).toBeDefined();
-		expect((component.mutableCodeModel as any).language).toBe('json');
-	});
-
-	it('should set URI based on label', () => {
-		expect((component.mutableCodeModel as any).uri).toBe('metadata.json');
-	});
-
-	it('should stringify value with 4-space indentation', () => {
-		const modelValue = (component.mutableCodeModel as any).value;
-		expect(modelValue).toContain('"id": 1');
-		expect(modelValue).toContain('"name": "test"');
-		expect(modelValue).toContain('"settings"');
-	});
-
-	it('should have correct code editor options', () => {
-		expect(component.codeEditorOptions.minimap.enabled).toBe(false);
-		expect(component.codeEditorOptions.automaticLayout).toBe(true);
-		expect(component.codeEditorOptions.scrollBeyondLastLine).toBe(false);
-		expect(component.codeEditorOptions.wordWrap).toBe('on');
-	});
-
-	it('should handle null value', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		// JSON.stringify(null) returns "null", fallback to '{}' only for undefined
-		expect((component.mutableCodeModel as any).value).toBe('null');
-	});
-
-	it('should handle undefined value with fallback', () => {
-		fixture.componentRef.setInput('value', undefined);
-		component.ngOnInit();
-		// undefined is falsy so falls back to '{}'
-		expect((component.mutableCodeModel as any).value).toBe('{}');
-	});
-
-	it('should handle array value', () => {
-		fixture.componentRef.setInput('value', [1, 2, 3] as any);
-		component.ngOnInit();
-		const modelValue = (component.mutableCodeModel as any).value;
-		expect(modelValue).toContain('1');
-		expect(modelValue).toContain('2');
-		expect(modelValue).toContain('3');
-	});
-
-	it('should normalize label from base class', () => {
-		fixture.componentRef.setInput('label', 'json_config_data');
-		component.ngOnInit();
-		expect(component.normalizedLabel()).toBeDefined();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.stories.ts
deleted file mode 100644
index b3e42ac92..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { JsonEditorEditComponent } from './json-editor.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'json',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<JsonEditorEditComponent> = {
-	title: 'Record Edit Fields/JsonEditor',
-	component: JsonEditorEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'JSON Editor Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: { key: 'value', nested: { a: 1 } },
-	},
-};
-
-export default meta;
-type Story = StoryObj<JsonEditorEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.ts
deleted file mode 100644
index 093a6c5f1..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/json-editor/json-editor.component.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, inject, model } from '@angular/core';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-json-editor',
-	templateUrl: './json-editor.component.html',
-	styleUrls: ['./json-editor.component.css'],
-	imports: [CommonModule, CodeEditorModule],
-})
-export class JsonEditorEditComponent extends BaseEditFieldComponent {
-	readonly value = model<Object>();
-
-	private _uiSettings = inject(UiSettingsService);
-
-	public mutableCodeModel: Object;
-	public codeEditorOptions = {
-		minimap: { enabled: false },
-		automaticLayout: true,
-		scrollBeyondLastLine: false,
-		wordWrap: 'on',
-	};
-	public codeEditorTheme = 'vs-dark';
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		this.mutableCodeModel = {
-			language: 'json',
-			uri: `${this.label()}.json`,
-			value: JSON.stringify(this.value(), undefined, 4) || '{}',
-		};
-
-		this.codeEditorTheme = this._uiSettings.isDarkMode ? 'vs-dark' : 'vs';
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/language/language.component.css b/frontend/src/app/components/ui-components/record-edit-fields/language/language.component.css
deleted file mode 100644
index 60a6679e7..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/language/language.component.css
+++ /dev/null
@@ -1,49 +0,0 @@
-.language-form-field {
-	width: 100%;
-}
-
-.language-input-container {
-	display: flex;
-	align-items: center;
-	width: 100%;
-}
-
-.language-flag-prefix {
-	font-size: 20px;
-	margin-right: 8px;
-	line-height: 1;
-}
-
-.language-input {
-	flex: 1;
-	border: none !important;
-	outline: none !important;
-	background: transparent !important;
-}
-
-.language-flag {
-	margin-right: 8px;
-	font-size: 16px;
-}
-
-.language-name {
-	flex: 1;
-}
-
-.language-native {
-	margin-left: 8px;
-	opacity: 0.8;
-	font-size: 13px;
-	font-style: italic;
-}
-
-.language-code {
-	margin-left: 8px;
-	opacity: 0.7;
-	font-size: 12px;
-}
-
-mat-option {
-	display: flex;
-	align-items: center;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/language/language.component.html b/frontend/src/app/components/ui-components/record-edit-fields/language/language.component.html
deleted file mode 100644
index 4986d60a2..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/language/language.component.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<mat-form-field class="language-form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <div class="language-input-container">
-        @if (selectedLanguageFlag() && showFlag()) {
-            <span class="language-flag-prefix">{{selectedLanguageFlag()}}</span>
-        }
-        <input type="text" matInput
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            attr.data-testid="record-{{label()}}-language"
-            [formControl]="languageControl"
-            [matAutocomplete]="auto"
-            class="language-input">
-    </div>
-    <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn">
-        @for (language of filteredLanguages(); track language.value) {
-            <mat-option
-                [value]="language"
-                (onSelectionChange)="language && onLanguageSelected(language)">
-                @if (language.flag && showFlag()) {
-                    <span class="language-flag">{{language.flag}}</span>
-                }
-                <span class="language-name">{{language.label}}</span>
-                @if (language.nativeName && language.label !== language.nativeName) {
-                    <span class="language-native">{{language.nativeName}}</span>
-                }
-                @if (language.value) {
-                    <span class="language-code">({{language.value}})</span>
-                }
-            </mat-option>
-        }
-    </mat-autocomplete>
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/language/language.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/language/language.component.spec.ts
deleted file mode 100644
index caa590924..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/language/language.component.spec.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { LanguageEditComponent } from './language.component';
-
-describe('LanguageEditComponent', () => {
-	let component: LanguageEditComponent;
-	let fixture: ComponentFixture<LanguageEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [LanguageEditComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(LanguageEditComponent);
-		component = fixture.componentInstance;
-		fixture.componentRef.setInput('widgetStructure', { widget_params: {} });
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should load languages on init', () => {
-		expect(component.languages.length).toBeGreaterThan(0);
-	});
-
-	it('should set initial value when value is provided', () => {
-		fixture.componentRef.setInput('value', 'en');
-		component.ngOnInit();
-		expect(component.selectedLanguageFlag()).toBeTruthy();
-	});
-
-	it('should parse widget params for show_flag', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { show_flag: false },
-		});
-		fixture.detectChanges();
-		expect(component.showFlag()).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/language/language.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/language/language.component.stories.ts
deleted file mode 100644
index 08bc3a2a7..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/language/language.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { LanguageEditComponent } from './language.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<LanguageEditComponent> = {
-	title: 'Record Edit Fields/Language',
-	component: LanguageEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Language Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'en',
-	},
-};
-
-export default meta;
-type Story = StoryObj<LanguageEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/language/language.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/language/language.component.ts
deleted file mode 100644
index da1cd31ab..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/language/language.component.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, CUSTOM_ELEMENTS_SCHEMA, computed, input, OnInit, output } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { TableField, TableForeignKey, WidgetStructure } from 'src/app/models/table';
-import { getLanguageFlag, LANGUAGES } from '../../../../consts/languages';
-import { normalizeFieldName } from '../../../../lib/normalize';
-
-interface LanguageOption {
-	value: string | null;
-	label: string;
-	flag: string;
-	nativeName?: string;
-}
-
-@Component({
-	selector: 'app-edit-language',
-	imports: [CommonModule, FormsModule, ReactiveFormsModule, MatFormFieldModule, MatAutocompleteModule, MatInputModule],
-	templateUrl: './language.component.html',
-	styleUrls: ['./language.component.css'],
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class LanguageEditComponent implements OnInit {
-	readonly key = input<string>();
-	readonly label = input<string>();
-	readonly required = input<boolean>(false);
-	readonly readonly = input<boolean>(false);
-	readonly structure = input<TableField>();
-	readonly disabled = input<boolean>(false);
-	readonly widgetStructure = input<WidgetStructure>();
-	readonly relations = input<TableForeignKey>();
-	readonly value = input<string>();
-
-	readonly onFieldChange = output<string | null>();
-
-	readonly normalizedLabel = computed(() => normalizeFieldName(this.label() || ''));
-
-	readonly showFlag = computed(() => {
-		const ws = this.widgetStructure();
-		if (!ws?.widget_params) return true;
-		try {
-			const params = typeof ws.widget_params === 'string' ? JSON.parse(ws.widget_params) : ws.widget_params;
-			return params.show_flag !== undefined ? params.show_flag : true;
-		} catch {
-			return true;
-		}
-	});
-
-	public languages: LanguageOption[] = [];
-	public languageControl = new FormControl<LanguageOption | string>('');
-	public selectedLanguageFlag = computed(() => {
-		const value = this._controlValue();
-		if (typeof value === 'object' && value !== null) {
-			return value.flag;
-		}
-		return '';
-	});
-
-	private _controlValue = toSignal(this.languageControl.valueChanges, { initialValue: '' as LanguageOption | string });
-
-	public filteredLanguages = computed(() => {
-		const value = this._controlValue();
-		return this._filter(typeof value === 'string' ? value : value?.label || '');
-	});
-
-	originalOrder = () => {
-		return 0;
-	};
-
-	ngOnInit(): void {
-		this.loadLanguages();
-		this.setInitialValue();
-	}
-
-	displayFn(language: LanguageOption | string): string {
-		if (!language) return '';
-		return typeof language === 'string' ? language : language.label;
-	}
-
-	onLanguageSelected(selectedLanguage: LanguageOption): void {
-		this.onFieldChange.emit(selectedLanguage.value);
-	}
-
-	private setInitialValue(): void {
-		const val = this.value();
-		if (val) {
-			const language = this.languages.find((l) => l.value && l.value.toLowerCase() === val.toLowerCase());
-			if (language) {
-				this.languageControl.setValue(language);
-			}
-		}
-	}
-
-	private _filter(value: string): LanguageOption[] {
-		const filterValue = value.toLowerCase();
-		return this.languages.filter(
-			(language) =>
-				language.label?.toLowerCase().includes(filterValue) ||
-				language.value?.toLowerCase().includes(filterValue) ||
-				language.nativeName?.toLowerCase().includes(filterValue),
-		);
-	}
-
-	private loadLanguages(): void {
-		this.languages = LANGUAGES.map((language) => ({
-			value: language.code,
-			label: language.name,
-			flag: getLanguageFlag(language),
-			nativeName: language.nativeName,
-		})).toSorted((a, b) => a.label.localeCompare(b.label));
-
-		const ws = this.widgetStructure();
-		if (ws?.widget_params?.allow_null || this.structure()?.allow_null) {
-			this.languages = [{ value: null, label: '', flag: '' }, ...this.languages];
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.css b/frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.css
deleted file mode 100644
index e390d1047..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.form-field {
-	position: relative;
-	width: 100%;
-}
-
-.long-textarea {
-	margin-bottom: 20px;
-}
-
-.counter {
-	position: absolute;
-	bottom: 8px;
-	font-size: 12px;
-	width: 90%;
-	background: #fff;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.html b/frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.html
deleted file mode 100644
index 7ac207d5e..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<mat-form-field class="form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <textarea matInput name="{{label()}}-{{key()}}"
-        #textareaField="ngModel"
-        class="long-textarea"
-        [rows]="rowsCount"
-        [maxlength]="maxLength"
-        textValidator
-        [validateType]="validateType"
-        [regexPattern]="regexPattern"
-        attr.data-testid="record-{{label()}}-long-text"
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        [(ngModel)]="value" (ngModelChange)="onFieldChange.emit($event)">
-    </textarea>
-    @if (maxLength && maxLength > 0 && value() && (maxLength - value().length) < 100) {
-        <div class="counter">{{value().length}} / {{maxLength}}</div>
-    }
-    @if (textareaField.errors?.['required']) {
-        <mat-error>This field is required.</mat-error>
-    }
-    @if (textareaField.errors?.['maxlength']) {
-        <mat-error>Maximum length is {{maxLength}} characters.</mat-error>
-    }
-    @if (textareaField.errors?.['invalidPattern'] || textareaField.errors?.[('invalid' + validateType)]) {
-        <mat-error>{{getValidationErrorMessage()}}</mat-error>
-    }
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.spec.ts
deleted file mode 100644
index c503cc958..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.spec.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { LongTextEditComponent } from './long-text.component';
-
-describe('LongTextEditComponent', () => {
-	let component: LongTextEditComponent;
-	let fixture: ComponentFixture<LongTextEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [LongTextEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(LongTextEditComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should set maxLength from structure character_maximum_length', () => {
-		fixture.componentRef.setInput('structure', { character_maximum_length: 1000 } as any);
-		component.ngOnInit();
-		expect(component.maxLength).toBe(1000);
-	});
-
-	it('should keep maxLength null when structure has no character_maximum_length', () => {
-		fixture.componentRef.setInput('structure', {} as any);
-		component.ngOnInit();
-		expect(component.maxLength).toBeNull();
-	});
-
-	it('should default rowsCount to 4 when no widget params', () => {
-		component.ngOnInit();
-		expect(component.rowsCount).toBe('4');
-	});
-
-	it('should parse rowsCount from widget params', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { rows: '10' } } as any);
-		component.ngOnInit();
-		expect(component.rowsCount).toBe('10');
-	});
-
-	it('should parse validateType from widget params object', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { validate: 'isJSON' } } as any);
-		component.ngOnInit();
-		expect(component.validateType).toBe('isJSON');
-	});
-
-	it('should parse validateType from widget params string', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: JSON.stringify({ validate: 'isEmail', rows: '6' }) } as any);
-		component.ngOnInit();
-		expect(component.validateType).toBe('isEmail');
-		expect(component.rowsCount).toBe('6');
-	});
-
-	it('should parse regexPattern from widget params', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { validate: 'regex', regex: '^\\d+$' } } as any);
-		component.ngOnInit();
-		expect(component.regexPattern).toBe('^\\d+$');
-	});
-
-	it('should return empty string for getValidationErrorMessage when no validateType', () => {
-		component.validateType = null;
-		expect(component.getValidationErrorMessage()).toBe('');
-	});
-
-	it('should return regex message for regex validateType', () => {
-		component.validateType = 'regex';
-		expect(component.getValidationErrorMessage()).toBe("Value doesn't match the required pattern");
-	});
-
-	it('should return correct message for known validateType', () => {
-		component.validateType = 'isIP';
-		expect(component.getValidationErrorMessage()).toBe('Invalid IP address');
-	});
-
-	it('should return fallback message for unknown validateType', () => {
-		component.validateType = 'customRule';
-		expect(component.getValidationErrorMessage()).toBe('Invalid customRule');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.stories.ts
deleted file mode 100644
index 4c924979a..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.stories.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { LongTextEditComponent } from './long-text.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'text',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<LongTextEditComponent> = {
-	title: 'Record Edit Fields/LongText',
-	component: LongTextEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Long Text Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value:
-			'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
-	},
-};
-
-export default meta;
-type Story = StoryObj<LongTextEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.ts
deleted file mode 100644
index 2be2040e8..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/long-text/long-text.component.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, model, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { TextValidatorDirective } from 'src/app/directives/text-validator.directive';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-long-text',
-	templateUrl: './long-text.component.html',
-	styleUrls: ['./long-text.component.css'],
-	imports: [CommonModule, MatFormFieldModule, MatInputModule, FormsModule, TextValidatorDirective],
-})
-export class LongTextEditComponent extends BaseEditFieldComponent implements OnInit {
-	readonly value = model<string>();
-
-	static type = 'text';
-	public rowsCount: string;
-	maxLength: number | null = null;
-	validateType: string | null = null;
-	regexPattern: string | null = null;
-
-	override ngOnInit(): void {
-		super.ngOnInit();
-
-		const struct = this.structure();
-		if (struct?.character_maximum_length) {
-			this.maxLength = struct.character_maximum_length;
-		}
-
-		const ws = this.widgetStructure();
-		if (ws?.widget_params) {
-			const params = typeof ws.widget_params === 'string' ? JSON.parse(ws.widget_params) : ws.widget_params;
-
-			this.rowsCount = params.rows || '4';
-			this.validateType = params.validate || null;
-			this.regexPattern = params.regex || null;
-		} else {
-			this.rowsCount = '4';
-		}
-	}
-
-	getValidationErrorMessage(): string {
-		if (!this.validateType) {
-			return '';
-		}
-
-		if (this.validateType === 'regex') {
-			return "Value doesn't match the required pattern";
-		}
-
-		const messages = {
-			isEmail: 'Invalid email address',
-			isURL: 'Invalid URL',
-			isIP: 'Invalid IP address',
-			isUUID: 'Invalid UUID',
-			isJSON: 'Invalid JSON',
-			isCreditCard: 'Invalid credit card number',
-			isISBN: 'Invalid ISBN',
-			isAlpha: 'Should contain only letters',
-			isNumeric: 'Should contain only numbers',
-			isAlphanumeric: 'Should contain only letters and numbers',
-			isHexColor: 'Invalid hex color',
-			isBase64: 'Invalid Base64 string',
-			isMobilePhone: 'Invalid mobile phone number',
-			isMACAddress: 'Invalid MAC address',
-			isPostalCode: 'Invalid postal code',
-			isCurrency: 'Invalid currency format',
-		};
-
-		return messages[this.validateType] || `Invalid ${this.validateType}`;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.css b/frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.css
deleted file mode 100644
index 90c359617..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.code-editor-box {
-	min-height: 200px;
-	border-radius: 4px;
-	overflow: hidden;
-}
-
-@media (prefers-color-scheme: light) {
-	.code-editor-box {
-		border: 1px solid #ccc;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.code-editor-box {
-		border: 1px solid #404040;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.html b/frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.html
deleted file mode 100644
index 6dce1ee7a..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<span class="mat-body-1">{{ normalizedLabel() }} {{ required() ? '*' : '' }}</span>
-
-<div class="code-editor-box ph-no-capture">
-    <ngs-code-editor
-        [theme]="codeEditorTheme"
-        [codeModel]="mutableCodeModel"
-        [options]="codeEditorOptions"
-        [readOnly]="readonly()"
-        (valueChanged)="onFieldChange.emit($event)">
-    </ngs-code-editor>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.spec.ts
deleted file mode 100644
index 33a653f03..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.spec.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { NO_ERRORS_SCHEMA } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { MockCodeEditorComponent } from 'src/app/testing/code-editor.mock';
-import { MarkdownEditComponent } from './markdown.component';
-
-describe('MarkdownEditComponent', () => {
-	let component: MarkdownEditComponent;
-	let fixture: ComponentFixture<MarkdownEditComponent>;
-
-	const mockUiSettingsService = {
-		isDarkMode: true,
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MarkdownEditComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient(), { provide: UiSettingsService, useValue: mockUiSettingsService }],
-		})
-			.overrideComponent(MarkdownEditComponent, {
-				remove: { imports: [CodeEditorModule] },
-				add: { imports: [MockCodeEditorComponent], schemas: [NO_ERRORS_SCHEMA] },
-			})
-			.compileComponents();
-
-		fixture = TestBed.createComponent(MarkdownEditComponent);
-		component = fixture.componentInstance;
-
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: {},
-		} as any);
-		fixture.componentRef.setInput('label', 'description');
-		fixture.componentRef.setInput('value', '# Hello World\n\nThis is **bold** text.');
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should initialize mutableCodeModel with markdown language', () => {
-		expect(component.mutableCodeModel).toBeDefined();
-		expect((component.mutableCodeModel as any).language).toBe('markdown');
-	});
-
-	it('should set URI with .md extension based on label', () => {
-		expect((component.mutableCodeModel as any).uri).toBe('description.md');
-	});
-
-	it('should set value from input', () => {
-		expect((component.mutableCodeModel as any).value).toBe('# Hello World\n\nThis is **bold** text.');
-	});
-
-	it('should use editor theme from UiSettingsService', () => {
-		expect(component.codeEditorTheme).toBe('vs-dark');
-	});
-
-	it('should have correct code editor options', () => {
-		expect(component.codeEditorOptions.minimap.enabled).toBe(false);
-		expect(component.codeEditorOptions.automaticLayout).toBe(true);
-		expect(component.codeEditorOptions.scrollBeyondLastLine).toBe(false);
-		expect(component.codeEditorOptions.wordWrap).toBe('on');
-	});
-
-	it('should use light theme when configured', () => {
-		const lightThemeService = { isDarkMode: false };
-		TestBed.resetTestingModule();
-		TestBed.configureTestingModule({
-			imports: [MarkdownEditComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient(), { provide: UiSettingsService, useValue: lightThemeService }],
-		})
-			.overrideComponent(MarkdownEditComponent, {
-				remove: { imports: [CodeEditorModule] },
-				add: { imports: [MockCodeEditorComponent], schemas: [NO_ERRORS_SCHEMA] },
-			})
-			.compileComponents();
-
-		const newFixture = TestBed.createComponent(MarkdownEditComponent);
-		const newComponent = newFixture.componentInstance;
-		newFixture.componentRef.setInput('widgetStructure', { widget_params: {} } as any);
-		newFixture.componentRef.setInput('label', 'content');
-		newFixture.componentRef.setInput('value', 'test');
-		newFixture.detectChanges();
-
-		expect(newComponent.codeEditorTheme).toBe('vs');
-	});
-
-	it('should normalize label from base class', () => {
-		fixture.componentRef.setInput('label', 'product_description');
-		component.ngOnInit();
-		expect(component.normalizedLabel()).toBeDefined();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.stories.ts
deleted file mode 100644
index 492241aa5..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { MarkdownEditComponent } from './markdown.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'text',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<MarkdownEditComponent> = {
-	title: 'Record Edit Fields/Markdown',
-	component: MarkdownEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Markdown Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '# Hello\nThis is **markdown** content with a [link](https://example.com).',
-	},
-};
-
-export default meta;
-type Story = StoryObj<MarkdownEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.ts
deleted file mode 100644
index a64e0c41b..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/markdown/markdown.component.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, inject, model } from '@angular/core';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-markdown',
-	templateUrl: './markdown.component.html',
-	styleUrl: './markdown.component.css',
-	imports: [CommonModule, CodeEditorModule],
-})
-export class MarkdownEditComponent extends BaseEditFieldComponent {
-	readonly value = model<any>();
-
-	private _uiSettings = inject(UiSettingsService);
-
-	public mutableCodeModel: Object;
-	public codeEditorOptions = {
-		minimap: { enabled: false },
-		automaticLayout: true,
-		scrollBeyondLastLine: false,
-		wordWrap: 'on',
-	};
-	public codeEditorTheme = 'vs-dark';
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		this.mutableCodeModel = {
-			language: 'markdown',
-			uri: `${this.label()}.md`,
-			value: this.value(),
-		};
-
-		this.codeEditorTheme = this._uiSettings.isDarkMode ? 'vs-dark' : 'vs';
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/money/money.component.css b/frontend/src/app/components/ui-components/record-edit-fields/money/money.component.css
deleted file mode 100644
index cafa4de54..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/money/money.component.css
+++ /dev/null
@@ -1,74 +0,0 @@
-.money-widget {
-	width: 100%;
-	margin-left: 0;
-	margin-right: 0;
-}
-
-.money-input-container {
-	display: flex;
-	gap: 12px;
-	align-items: flex-start;
-}
-
-.money-selector {
-	min-width: 180px;
-	flex-shrink: 0;
-	margin-left: 16px;
-}
-
-.money-selector .mat-mdc-form-field {
-	margin-left: 0;
-}
-
-.amount-input {
-	flex: 1;
-	min-width: 120px;
-}
-
-/* Responsive design */
-@media (max-width: 768px) {
-	.money-input-container {
-		flex-direction: column;
-		gap: 8px;
-	}
-
-	.money-selector {
-		width: 100%;
-		min-width: unset;
-		margin-left: 16px;
-	}
-}
-
-/* Ensure proper spacing with Material Design */
-.mat-mdc-form-field {
-	margin-bottom: 0;
-	margin-left: 0;
-	margin-right: 0;
-}
-
-.mat-mdc-form-field + .mat-mdc-form-field {
-	margin-left: 0;
-}
-
-/* Prefix/suffix styling */
-.mat-mdc-form-field-prefix,
-.mat-mdc-form-field-suffix {
-	font-weight: 500;
-	color: rgba(0, 0, 0, 0.87);
-}
-
-[data-theme="dark"] .mat-mdc-form-field-prefix,
-[data-theme="dark"] .mat-mdc-form-field-suffix {
-	color: rgba(255, 255, 255, 0.87);
-}
-
-/* Specific styling for text prefix */
-.mat-mdc-form-field-text-prefix {
-	font-weight: 500;
-	color: rgba(0, 0, 0, 0.87);
-	margin-right: 4px;
-}
-
-[data-theme="dark"] .mat-mdc-form-field-text-prefix {
-	color: rgba(255, 255, 255, 0.87);
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/money/money.component.html b/frontend/src/app/components/ui-components/record-edit-fields/money/money.component.html
deleted file mode 100644
index accbb98e5..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/money/money.component.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<div class="money-widget">
-  <div class="money-input-container">
-    <!-- Currency selector (if enabled) -->
-    @if (showCurrencySelector) {
-      <mat-form-field
-        class="money-selector"
-        appearance="outline">
-        <mat-label>Currency</mat-label>
-        <mat-select
-          [(value)]="selectedCurrency"
-          (selectionChange)="onCurrencyChange()"
-          [disabled]="disabled()"
-          attr.data-testid="record-{{label()}}-money-selector">
-          @for (currency of currencies; track currency.code) {
-            <mat-option [value]="currency.code">
-              {{ displayCurrencyFn(currency) }}
-            </mat-option>
-          }
-        </mat-select>
-      </mat-form-field>
-    }
-
-    <!-- Amount input -->
-    <mat-form-field
-      class="amount-input"
-      appearance="outline">
-      <mat-label>{{normalizedLabel()}}</mat-label>
-      @if (selectedCurrencyData && displayAmount) {
-        <span matTextPrefix>{{selectedCurrencyData.symbol}}</span>
-      }
-      <input
-        matInput
-        type="text"
-        [(ngModel)]="displayAmount"
-        (ngModelChange)="onAmountChange()"
-        (blur)="onAmountBlur()"
-        [placeholder]="placeholder"
-        [required]="required()"
-        [disabled]="disabled()"
-        [readonly]="readonly()"
-        attr.data-testid="record-{{label()}}-money-amount"
-        [step]="0.01">
-    </mat-form-field>
-  </div>
-
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/money/money.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/money/money.component.spec.ts
deleted file mode 100644
index 854e0f5d4..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/money/money.component.spec.ts
+++ /dev/null
@@ -1,322 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-import { MoneyEditComponent } from './money.component';
-
-describe('MoneyEditComponent', () => {
-	let component: MoneyEditComponent;
-	let fixture: ComponentFixture<MoneyEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				MoneyEditComponent,
-				CommonModule,
-				FormsModule,
-				MatFormFieldModule,
-				MatInputModule,
-				MatSelectModule,
-				BrowserAnimationsModule,
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(MoneyEditComponent);
-		component = fixture.componentInstance;
-
-		// Set required properties from base component
-		fixture.componentRef.setInput('label', 'Test Money');
-		fixture.componentRef.setInput('required', false);
-		fixture.componentRef.setInput('disabled', false);
-		fixture.componentRef.setInput('readonly', false);
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should initialize with default currency USD and currency selector disabled', () => {
-		expect(component.selectedCurrency).toBe('USD');
-		expect(component.defaultCurrency).toBe('USD');
-		expect(component.showCurrencySelector).toBe(false);
-	});
-
-	it('should parse string value correctly', () => {
-		fixture.componentRef.setInput('value', '100.50 EUR');
-		component.ngOnInit();
-		expect(component.selectedCurrency).toBe('EUR');
-		expect(component.amount).toBe(100.5);
-	});
-
-	it('should parse object value correctly', () => {
-		fixture.componentRef.setInput('value', { amount: 250.75, currency: 'GBP' });
-		component.ngOnInit();
-		expect(component.selectedCurrency).toBe('GBP');
-		expect(component.amount).toBe(250.75);
-	});
-
-	it('should parse numeric value correctly when currency selector is disabled', () => {
-		fixture.componentRef.setInput('value', 150.25);
-		component.ngOnInit();
-		expect(component.selectedCurrency).toBe('USD');
-		expect(component.amount).toBe(150.25);
-		expect(component.displayAmount).toBe('150.25');
-	});
-
-	it('should handle empty value', () => {
-		fixture.componentRef.setInput('value', '');
-		component.ngOnInit();
-		expect(component.selectedCurrency).toBe('USD');
-		expect(component.amount).toBe('');
-	});
-
-	it('should format amount with correct decimal places', () => {
-		component.decimalPlaces = 2;
-		const formatted = component.formatAmount(123.456);
-		expect(formatted).toBe('123.46');
-	});
-
-	it('should handle currency change when selector is enabled', () => {
-		component.showCurrencySelector = true;
-		component.selectedCurrency = 'EUR';
-		component.amount = 100;
-		vi.spyOn(component.onFieldChange, 'emit');
-
-		component.onCurrencyChange();
-
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith({
-			amount: 100,
-			currency: 'EUR',
-		});
-	});
-
-	it('should handle amount change with currency selector disabled (default)', () => {
-		component.displayAmount = '123.45';
-		component.selectedCurrency = 'USD';
-		vi.spyOn(component.onFieldChange, 'emit');
-
-		component.onAmountChange();
-
-		expect(component.amount).toBe(123.45);
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith(123.45);
-	});
-
-	it('should handle amount change with currency selector enabled', () => {
-		component.showCurrencySelector = true;
-		component.displayAmount = '123.45';
-		component.selectedCurrency = 'USD';
-		vi.spyOn(component.onFieldChange, 'emit');
-
-		component.onAmountChange();
-
-		expect(component.amount).toBe(123.45);
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith({
-			amount: 123.45,
-			currency: 'USD',
-		});
-	});
-
-	it('should handle invalid amount input with letters', () => {
-		component.amount = 100;
-		component.displayAmount = 'abc123def'; // Contains letters which get stripped
-
-		component.onAmountChange();
-		component.onAmountBlur();
-
-		expect(component.amount).toBe(123);
-		expect(component.displayAmount).toBe('123.00');
-	});
-
-	it('should handle completely invalid input', () => {
-		component.amount = 100 as string | number;
-		component.displayAmount = 'invalid'; // All letters, becomes empty after strip
-
-		component.onAmountChange();
-
-		expect(component.amount as string).toBe('');
-		expect(component.displayAmount).toBe('');
-	});
-
-	it('should handle invalid amount input when amount is empty', () => {
-		component.amount = '';
-		component.displayAmount = 'invalid';
-
-		component.onAmountChange();
-
-		expect(component.displayAmount).toBe('');
-	});
-
-	it('should respect allow_negative configuration', () => {
-		component.allowNegative = false;
-		component.displayAmount = '-123.45';
-
-		component.onAmountChange();
-
-		expect(component.amount).toBe(123.45);
-	});
-
-	it('should configure from widget params', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			field_name: 'test_field',
-			widget_type: 'Money',
-			name: 'Test Widget',
-			description: 'Test Description',
-			widget_params: {
-				default_currency: 'EUR',
-				show_currency_selector: true,
-				decimal_places: 3,
-				allow_negative: false,
-			},
-		});
-
-		component.configureFromWidgetParams();
-
-		expect(component.defaultCurrency).toBe('EUR');
-		expect(component.showCurrencySelector).toBe(true);
-		expect(component.decimalPlaces).toBe(3);
-		expect(component.allowNegative).toBe(false);
-	});
-
-	it('should return correct display value', () => {
-		component.amount = 123.45;
-		component.selectedCurrency = 'USD';
-
-		const displayValue = component.displayValue;
-
-		expect(displayValue).toBe('$123.45');
-	});
-
-	it('should return correct placeholder', () => {
-		component.selectedCurrency = 'EUR';
-
-		const placeholder = component.placeholder;
-
-		expect(placeholder).toBe('Enter amount in Euro');
-	});
-
-	it('should find selected currency data', () => {
-		component.selectedCurrency = 'GBP';
-
-		const currencyData = component.selectedCurrencyData;
-
-		expect(currencyData.code).toBe('GBP');
-		expect(currencyData.name).toBe('British Pound');
-		expect(currencyData.symbol).toBe('£');
-	});
-
-	it('should emit empty value when amount is cleared', () => {
-		component.amount = '';
-		vi.spyOn(component.onFieldChange, 'emit');
-
-		component.updateValue();
-
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith('');
-	});
-
-	it('should load numeric value as major units when cents=true (USD)', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			field_name: 'price',
-			widget_type: 'Money',
-			name: 'Price',
-			description: '',
-			widget_params: { default_currency: 'USD', cents: true },
-		});
-		fixture.componentRef.setInput('value', 1099);
-		component.ngOnInit();
-		expect(component.amount).toBe(10.99);
-		expect(component.displayAmount).toBe('10.99');
-		expect(component.decimalPlaces).toBe(2);
-	});
-
-	it('should load JPY cents value without division and use 0 decimals', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			field_name: 'price',
-			widget_type: 'Money',
-			name: 'Price',
-			description: '',
-			widget_params: { default_currency: 'JPY', cents: true, show_currency_selector: true },
-		});
-		fixture.componentRef.setInput('value', { amount: 1099, currency: 'JPY' });
-		component.ngOnInit();
-		expect(component.selectedCurrency).toBe('JPY');
-		expect(component.decimalPlaces).toBe(0);
-		expect(component.amount).toBe(1099);
-		expect(component.displayAmount).toBe('1099');
-	});
-
-	it('should emit cents integer on save when cents=true', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			field_name: 'price',
-			widget_type: 'Money',
-			name: 'Price',
-			description: '',
-			widget_params: { default_currency: 'USD', cents: true },
-		});
-		component.ngOnInit();
-		component.displayAmount = '10.99';
-		vi.spyOn(component.onFieldChange, 'emit');
-
-		component.onAmountChange();
-
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith(1099);
-	});
-
-	it('should round float-precision drift on save', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			field_name: 'price',
-			widget_type: 'Money',
-			name: 'Price',
-			description: '',
-			widget_params: { default_currency: 'USD', cents: true },
-		});
-		component.ngOnInit();
-		component.displayAmount = '20.99';
-		vi.spyOn(component.onFieldChange, 'emit');
-
-		component.onAmountChange();
-
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith(2099);
-	});
-
-	it('should reformat displayAmount and round on currency switch when cents=true', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			field_name: 'price',
-			widget_type: 'Money',
-			name: 'Price',
-			description: '',
-			widget_params: { default_currency: 'USD', cents: true, show_currency_selector: true },
-		});
-		fixture.componentRef.setInput('value', { amount: 1099, currency: 'USD' });
-		component.ngOnInit();
-		expect(component.displayAmount).toBe('10.99');
-
-		component.selectedCurrency = 'JPY';
-		vi.spyOn(component.onFieldChange, 'emit');
-
-		component.onCurrencyChange();
-
-		expect(component.decimalPlaces).toBe(0);
-		expect(component.displayAmount).toBe('11');
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith({ amount: 11, currency: 'JPY' });
-	});
-
-	it('should preserve legacy behavior when cents is false or omitted', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			field_name: 'price',
-			widget_type: 'Money',
-			name: 'Price',
-			description: '',
-			widget_params: { default_currency: 'USD' },
-		});
-		fixture.componentRef.setInput('value', 10.99);
-		component.ngOnInit();
-		expect(component.amount).toBe(10.99);
-		expect(component.displayAmount).toBe('10.99');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/money/money.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/money/money.component.stories.ts
deleted file mode 100644
index 161f49b2a..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/money/money.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { MoneyEditComponent } from './money.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'money',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<MoneyEditComponent> = {
-	title: 'Record Edit Fields/Money',
-	component: MoneyEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Money Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '99.99',
-	},
-};
-
-export default meta;
-type Story = StoryObj<MoneyEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/money/money.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/money/money.component.ts
deleted file mode 100644
index 801d0bccf..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/money/money.component.ts
+++ /dev/null
@@ -1,275 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, model, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import {
-	CURRENCIES,
-	getCurrencyDecimalPlaces,
-	getCurrencyMinorUnitFactor,
-	Money,
-	MoneyValue,
-} from 'src/app/consts/currencies';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-money',
-	templateUrl: './money.component.html',
-	styleUrls: ['./money.component.css'],
-	imports: [CommonModule, MatFormFieldModule, MatInputModule, MatSelectModule, FormsModule],
-})
-export class MoneyEditComponent extends BaseEditFieldComponent implements OnInit {
-	readonly value = model<string | number | MoneyValue>('');
-
-	static type = 'money';
-
-	defaultCurrency: string = 'USD';
-	showCurrencySelector: boolean = false;
-	decimalPlaces: number = 2;
-	allowNegative: boolean = true;
-	cents: boolean = false;
-
-	selectedCurrency: string = 'USD';
-	amount: number | string = '';
-	displayAmount: string = '';
-
-	currencies: Money[] = CURRENCIES;
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		this.configureFromWidgetParams();
-		this.initializeMoneyValue();
-	}
-
-	configureFromWidgetParams(): void {
-		const ws = this.widgetStructure();
-		if (ws?.widget_params) {
-			const params = ws.widget_params;
-
-			if (typeof params.default_currency === 'string') {
-				this.defaultCurrency = params.default_currency;
-			}
-
-			if (typeof params.show_currency_selector === 'boolean') {
-				this.showCurrencySelector = params.show_currency_selector;
-			}
-
-			if (typeof params.decimal_places === 'number') {
-				this.decimalPlaces = Math.max(0, Math.min(10, params.decimal_places));
-			}
-
-			if (typeof params.allow_negative === 'boolean') {
-				this.allowNegative = params.allow_negative;
-			}
-
-			if (params.cents === true) {
-				this.cents = true;
-			}
-		}
-
-		this._applyCurrencyDecimalPlaces();
-	}
-
-	private initializeMoneyValue(): void {
-		const currentValue = this.value();
-		if (currentValue !== '' && currentValue !== null && currentValue !== undefined) {
-			if (typeof currentValue === 'string') {
-				this.parseStringValue(currentValue);
-			} else if (
-				typeof currentValue === 'object' &&
-				(currentValue as MoneyValue).amount !== undefined &&
-				(currentValue as MoneyValue).currency
-			) {
-				this.selectedCurrency = (currentValue as MoneyValue).currency;
-				this._applyCurrencyDecimalPlaces();
-				this.amount = this._fromMinorUnits((currentValue as MoneyValue).amount);
-				this.displayAmount = this.formatAmount(this.amount);
-			} else if (typeof currentValue === 'number') {
-				// Handle numeric values when currency selector is disabled
-				this.selectedCurrency = this.defaultCurrency;
-				this._applyCurrencyDecimalPlaces();
-				this.amount = this._fromMinorUnits(currentValue);
-				this.displayAmount = this.formatAmount(this.amount);
-			}
-		} else {
-			this.selectedCurrency = this.defaultCurrency;
-			this._applyCurrencyDecimalPlaces();
-			this.amount = '';
-			this.displayAmount = '';
-		}
-	}
-
-	private parseStringValue(stringValue: string): void {
-		// Try to parse formats like "100.50 USD", "USD 100.50", "$100.50", "€100,50"
-		const currencyMatch = stringValue.match(/([A-Z]{3})/);
-		const numberMatch = stringValue.match(/([\d,.-]+)/);
-
-		if (currencyMatch) {
-			this.selectedCurrency = currencyMatch[1];
-		} else {
-			// Try to detect currency by symbol
-			const currency = this.currencies.find((c) => stringValue.includes(c.symbol));
-			if (currency) {
-				this.selectedCurrency = currency.code;
-			} else {
-				this.selectedCurrency = this.defaultCurrency;
-			}
-		}
-
-		this._applyCurrencyDecimalPlaces();
-
-		if (numberMatch) {
-			const cleanNumber = numberMatch[1].replace(/,/g, '');
-			const parsed = parseFloat(cleanNumber);
-			this.amount = Number.isNaN(parsed) ? '' : this._fromMinorUnits(parsed);
-			this.displayAmount = this.formatAmount(this.amount);
-		} else {
-			this.amount = '';
-			this.displayAmount = '';
-		}
-	}
-
-	onCurrencyChange(): void {
-		if (this.cents) {
-			this._applyCurrencyDecimalPlaces();
-			if (this.amount !== '' && this.amount !== null && this.amount !== undefined) {
-				const numericAmount = typeof this.amount === 'string' ? parseFloat(this.amount) : this.amount;
-				if (!Number.isNaN(numericAmount)) {
-					const rounded = parseFloat(numericAmount.toFixed(this.decimalPlaces));
-					this.amount = rounded;
-					this.displayAmount = this.formatAmount(rounded);
-				}
-			}
-		}
-		this.updateValue();
-	}
-
-	onAmountChange(): void {
-		// Clean and validate the input
-		let cleanValue = this.displayAmount.replace(/[^\d.-]/g, '');
-
-		// Handle negative values
-		if (!this.allowNegative) {
-			cleanValue = cleanValue.replace(/-/g, '');
-		}
-
-		// Parse the number
-		const numericValue = parseFloat(cleanValue);
-
-		if (!Number.isNaN(numericValue)) {
-			this.amount = numericValue;
-			// Don't reformat while user is typing to preserve focus
-			if (this.displayAmount !== cleanValue) {
-				this.displayAmount = cleanValue;
-			}
-		} else if (cleanValue === '' || cleanValue === '-') {
-			this.amount = '';
-			this.displayAmount = cleanValue;
-		} else {
-			// Invalid input, revert to previous value
-			this.displayAmount = this.formatAmount(this.amount);
-		}
-
-		this.updateValue();
-	}
-
-	onAmountBlur(): void {
-		// Format the amount when user leaves the field
-		if (this.amount !== '' && this.amount !== null && this.amount !== undefined) {
-			this.displayAmount = this.formatAmount(this.amount);
-		}
-	}
-
-	public formatAmount(amount: number | string): string {
-		if (amount === '' || amount === null || amount === undefined) {
-			return '';
-		}
-
-		const numericAmount = typeof amount === 'string' ? parseFloat(amount) : amount;
-
-		if (Number.isNaN(numericAmount)) {
-			return '';
-		}
-
-		return numericAmount.toFixed(this.decimalPlaces);
-	}
-
-	public updateValue(): void {
-		if (this.amount === '' || this.amount === null || this.amount === undefined) {
-			this.value.set('');
-		} else {
-			const storedAmount = this._toMinorUnits();
-			if (this.showCurrencySelector) {
-				// Store as object with amount and currency when selector is enabled
-				this.value.set({
-					amount: storedAmount,
-					currency: this.selectedCurrency,
-				});
-			} else {
-				// Store only the numeric amount when currency selector is disabled
-				this.value.set(storedAmount);
-			}
-		}
-
-		this.onFieldChange.emit(this.value());
-	}
-
-	get selectedCurrencyData(): Money {
-		return this.currencies.find((c) => c.code === this.selectedCurrency) || this.currencies[0];
-	}
-
-	get placeholder(): string {
-		const currency = this.selectedCurrencyData;
-		return `Enter amount in ${currency.name}`;
-	}
-
-	get displayValue(): string {
-		if (!this.amount && this.amount !== 0) {
-			return '';
-		}
-
-		const currency = this.selectedCurrencyData;
-		const formattedAmount = this.formatAmount(this.amount);
-
-		return `${currency.symbol}${formattedAmount}`;
-	}
-
-	displayCurrencyFn(currency: Money): string {
-		return currency ? `${currency.flag || ''} ${currency.code} - ${currency.name}` : '';
-	}
-
-	private _applyCurrencyDecimalPlaces(): void {
-		if (this.cents) {
-			this.decimalPlaces = getCurrencyDecimalPlaces(this.selectedCurrency);
-		}
-	}
-
-	private _fromMinorUnits(stored: number | string): number | string {
-		if (!this.cents) {
-			return stored;
-		}
-		const numeric = typeof stored === 'string' ? parseFloat(stored) : stored;
-		if (Number.isNaN(numeric)) {
-			return '';
-		}
-		return numeric / getCurrencyMinorUnitFactor(this.selectedCurrency);
-	}
-
-	private _toMinorUnits(): number {
-		const sourceText =
-			this.displayAmount !== '' && this.displayAmount !== null && this.displayAmount !== undefined
-				? String(this.displayAmount).replace(/[^\d.-]/g, '')
-				: typeof this.amount === 'string'
-					? this.amount
-					: String(this.amount);
-		const numeric = parseFloat(sourceText);
-		if (Number.isNaN(numeric)) {
-			return 0;
-		}
-		if (!this.cents) {
-			return numeric;
-		}
-		return Math.round(numeric * getCurrencyMinorUnitFactor(this.selectedCurrency));
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/number/number.component.css b/frontend/src/app/components/ui-components/record-edit-fields/number/number.component.css
deleted file mode 100644
index 957c7d47c..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/number/number.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.number-form-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/number/number.component.html b/frontend/src/app/components/ui-components/record-edit-fields/number/number.component.html
deleted file mode 100644
index fac966063..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/number/number.component.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<mat-form-field class="number-form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input type="number" matInput name="{{label()}}-{{key()}}"
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        attr.data-testid="record-{{label()}}-number"
-        [(ngModel)]="value" (ngModelChange)="onFieldChange.emit($event)">
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/number/number.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/number/number.component.spec.ts
deleted file mode 100644
index f65c35168..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/number/number.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-import { NumberEditComponent } from './number.component';
-
-describe('NumberEditComponent', () => {
-	let component: NumberEditComponent;
-	let fixture: ComponentFixture<NumberEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BrowserAnimationsModule, NumberEditComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(NumberEditComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/number/number.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/number/number.component.stories.ts
deleted file mode 100644
index c34e6ff5e..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/number/number.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { NumberEditComponent } from './number.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'int',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<NumberEditComponent> = {
-	title: 'Record Edit Fields/Number',
-	component: NumberEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Number Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 42,
-	},
-};
-
-export default meta;
-type Story = StoryObj<NumberEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/number/number.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/number/number.component.ts
deleted file mode 100644
index e29c7c9de..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/number/number.component.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component, model } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-number',
-	templateUrl: './number.component.html',
-	styleUrls: ['./number.component.css'],
-	imports: [MatFormFieldModule, MatInputModule, FormsModule],
-})
-export class NumberEditComponent extends BaseEditFieldComponent {
-	readonly value = model<number>();
-
-	static type = 'number';
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/password/password.component.css b/frontend/src/app/components/ui-components/record-edit-fields/password/password.component.css
deleted file mode 100644
index 1796f8a97..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/password/password.component.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.password-form-field {
-	width: 100%;
-}
-
-.password-checkbox {
-	margin-bottom: 20px;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/password/password.component.html b/frontend/src/app/components/ui-components/record-edit-fields/password/password.component.html
deleted file mode 100644
index f504a012a..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/password/password.component.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<mat-form-field class="password-form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input matInput type="password" autocomplete="new-password" name="{{label()}}-{{key()}}"
-        [required]="required()" [disabled]="disabled() || clearPassword" [readonly]="readonly()"
-        [(ngModel)]="value" (ngModelChange)="onPasswordChange($event)">
-    <mat-hint>To keep password the same keep this field blank.</mat-hint>
-</mat-form-field>
-<mat-checkbox class="password-checkbox"
-    [disabled]="value() !== '' && value() !== null "
-    [(ngModel)]="clearPassword"
-    (ngModelChange)="onClearPasswordChange()">
-    Clear password
-</mat-checkbox>
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/password/password.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/password/password.component.spec.ts
deleted file mode 100644
index c4d097039..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/password/password.component.spec.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { PasswordEditComponent } from './password.component';
-
-describe('PasswordEditComponent', () => {
-	let component: PasswordEditComponent;
-	let fixture: ComponentFixture<PasswordEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PasswordEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(PasswordEditComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should send onChange event with new null value if user clear password', () => {
-		component.clearPassword = true;
-		const event = vi.spyOn(component.onFieldChange, 'emit');
-		component.onClearPasswordChange();
-		expect(event).toHaveBeenCalledWith(null);
-	});
-
-	describe('ngOnInit', () => {
-		it('should reset masked password value to empty string', () => {
-			fixture.componentRef.setInput('value', '***');
-			component.ngOnInit();
-			expect(component.value()).toBe('');
-		});
-
-		it('should not emit onFieldChange when password is masked (empty after reset)', () => {
-			const event = vi.spyOn(component.onFieldChange, 'emit');
-			fixture.componentRef.setInput('value', '***');
-			component.ngOnInit();
-			expect(event).not.toHaveBeenCalled();
-		});
-
-		it('should emit onFieldChange when password has actual value', () => {
-			const event = vi.spyOn(component.onFieldChange, 'emit');
-			fixture.componentRef.setInput('value', 'actualPassword');
-			component.ngOnInit();
-			expect(event).toHaveBeenCalledWith('actualPassword');
-		});
-
-		it('should not emit onFieldChange when password is empty string', () => {
-			const event = vi.spyOn(component.onFieldChange, 'emit');
-			fixture.componentRef.setInput('value', '');
-			component.ngOnInit();
-			expect(event).not.toHaveBeenCalled();
-		});
-	});
-
-	describe('onPasswordChange', () => {
-		it('should emit onFieldChange when password has value', () => {
-			const event = vi.spyOn(component.onFieldChange, 'emit');
-			component.onPasswordChange('newPassword');
-			expect(event).toHaveBeenCalledWith('newPassword');
-		});
-
-		it('should not emit onFieldChange when password is empty string', () => {
-			const event = vi.spyOn(component.onFieldChange, 'emit');
-			component.onPasswordChange('');
-			expect(event).not.toHaveBeenCalled();
-		});
-
-		it('should emit onFieldChange when password is whitespace (actual value)', () => {
-			const event = vi.spyOn(component.onFieldChange, 'emit');
-			component.onPasswordChange('   ');
-			expect(event).toHaveBeenCalledWith('   ');
-		});
-	});
-
-	describe('onClearPasswordChange', () => {
-		it('should emit null when clearPassword is true', () => {
-			const event = vi.spyOn(component.onFieldChange, 'emit');
-			component.clearPassword = true;
-			component.onClearPasswordChange();
-			expect(event).toHaveBeenCalledWith(null);
-		});
-
-		it('should not emit when clearPassword is false', () => {
-			const event = vi.spyOn(component.onFieldChange, 'emit');
-			component.clearPassword = false;
-			component.onClearPasswordChange();
-			expect(event).not.toHaveBeenCalled();
-		});
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/password/password.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/password/password.component.stories.ts
deleted file mode 100644
index 04b90ed45..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/password/password.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PasswordEditComponent } from './password.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<PasswordEditComponent> = {
-	title: 'Record Edit Fields/Password',
-	component: PasswordEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Password Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'secretpassword',
-	},
-};
-
-export default meta;
-type Story = StoryObj<PasswordEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/password/password.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/password/password.component.ts
deleted file mode 100644
index 361ab3239..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/password/password.component.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Component, model } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-password',
-	templateUrl: './password.component.html',
-	styleUrls: ['./password.component.css'],
-	imports: [MatFormFieldModule, MatInputModule, MatCheckboxModule, FormsModule],
-})
-export class PasswordEditComponent extends BaseEditFieldComponent {
-	readonly value = model<string>();
-
-	public clearPassword: boolean;
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		if (this.value() === '***') this.value.set('');
-		if (this.value() !== '') {
-			this.onFieldChange.emit(this.value());
-		}
-	}
-
-	onPasswordChange(newValue: string) {
-		if (newValue !== '') {
-			this.onFieldChange.emit(newValue);
-		}
-	}
-
-	onClearPasswordChange() {
-		if (this.clearPassword) this.onFieldChange.emit(null);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.css b/frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.css
deleted file mode 100644
index 68574469d..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.css
+++ /dev/null
@@ -1,67 +0,0 @@
-.phone-input-container {
-	display: flex;
-	gap: 12px;
-	align-items: flex-start;
-	width: 100%;
-}
-
-.country-select-field {
-	flex: 0 0 200px;
-	min-width: 200px;
-}
-
-.phone-number-field {
-	flex: 1;
-	min-width: 0;
-}
-
-.country-option {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-.flag {
-	font-size: 16px;
-	width: 20px;
-	text-align: center;
-}
-
-.dial-code {
-	font-weight: 500;
-	color: rgba(0, 0, 0, 0.87);
-	min-width: 40px;
-}
-
-.country-name {
-	color: rgba(0, 0, 0, 0.6);
-}
-
-.phone-number-field input.invalid {
-	border-color: #f44336;
-}
-
-@media (max-width: 768px) {
-	.phone-input-container {
-		flex-direction: column;
-		gap: 8px;
-	}
-
-	.country-select-field {
-		flex: none;
-		width: 100%;
-	}
-
-	.phone-number-field {
-		width: 100%;
-	}
-}
-
-/* Dark theme support */
-:host-context(.dark-theme) .dial-code {
-	color: rgba(255, 255, 255, 0.87);
-}
-
-:host-context(.dark-theme) .country-name {
-	color: rgba(255, 255, 255, 0.6);
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.html b/frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.html
deleted file mode 100644
index fc1aca099..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.html
+++ /dev/null
@@ -1,53 +0,0 @@
-<div class="phone-input-container">
-  <mat-form-field class="country-select-field" appearance="outline">
-    <mat-label>Country</mat-label>
-    <input
-      type="text"
-      matInput
-      [formControl]="countryControl"
-      [matAutocomplete]="countryAutocomplete"
-      [readonly]="readonly()"
-      [disabled]="disabled()"
-      placeholder="Search country...">
-
-    <mat-autocomplete
-      #countryAutocomplete="matAutocomplete"
-      [displayWith]="displayCountryFn"
-      (optionSelected)="onCountrySelected($event.option.value)">
-      @for (country of filteredCountries(); track country.code) {
-        <mat-option [value]="country">
-          <span class="country-option">
-            <span class="flag">{{country.flag}}</span>
-            <span class="dial-code">{{country.dialCode}}</span>
-            <span class="country-name">{{country.name}}</span>
-          </span>
-        </mat-option>
-      }
-    </mat-autocomplete>
-  </mat-form-field>
-
-  <mat-form-field class="phone-number-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input
-      matInput
-      type="tel"
-      [(ngModel)]="displayPhoneNumber"
-      (ngModelChange)="onPhoneNumberChange()"
-      [placeholder]="getPhoneNumberPlaceholder()"
-      [readonly]="readonly()"
-      [disabled]="disabled()"
-      [class.invalid]="phoneValidation && !isValidPhoneNumber()"
-      attr.data-testid="record-{{label()}}-phone">
-    @if (selectedCountry && !displayPhoneNumber.startsWith('+')) {
-      <mat-hint>Example: {{getExamplePhoneNumber()}}</mat-hint>
-    }
-    @if (!selectedCountry || displayPhoneNumber.startsWith('+')) {
-      <mat-hint>Enter international number (e.g., +1234567890) or select country first</mat-hint>
-    }
-    @if (phoneValidation && !isValidPhoneNumber() && displayPhoneNumber) {
-      <mat-error>
-        Invalid phone number format
-      </mat-error>
-    }
-  </mat-form-field>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.spec.ts
deleted file mode 100644
index c57ca7064..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.spec.ts
+++ /dev/null
@@ -1,315 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { WidgetStructure } from 'src/app/models/table';
-import { CountryCode, PhoneEditComponent } from './phone.component';
-
-describe('PhoneEditComponent', () => {
-	let component: PhoneEditComponent;
-	let fixture: ComponentFixture<PhoneEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				PhoneEditComponent,
-				CommonModule,
-				ReactiveFormsModule,
-				FormsModule,
-				MatFormFieldModule,
-				MatInputModule,
-				MatSelectModule,
-				MatAutocompleteModule,
-				NoopAnimationsModule,
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PhoneEditComponent);
-		component = fixture.componentInstance;
-
-		// Set basic required properties
-		fixture.componentRef.setInput('label', 'Phone');
-		fixture.componentRef.setInput('key', 'phone');
-
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	describe('US Phone Number Formatting', () => {
-		beforeEach(() => {
-			// Set US as selected country
-			const usCountry = component.countries.find((c) => c.code === 'US');
-			component.selectedCountry = usCountry!;
-			component.countryControl.setValue(usCountry!);
-			component.initializeFormatter();
-		});
-
-		it('should format US phone number in E164 format when user enters local number', () => {
-			const localNumber = '(202) 456-1111';
-			component.displayPhoneNumber = localNumber;
-
-			component.onPhoneNumberChange();
-
-			expect(component.value()).toBe('+12024561111');
-		});
-
-		it('should format US phone number in E164 format when user enters raw digits', () => {
-			const rawDigits = '2024561111';
-			component.displayPhoneNumber = rawDigits;
-
-			component.onPhoneNumberChange();
-
-			expect(component.value()).toBe('+12024561111');
-		});
-
-		it('should handle US phone number with different formatting', () => {
-			const formattedNumber = '202.456.1111';
-			component.displayPhoneNumber = formattedNumber;
-
-			component.onPhoneNumberChange();
-
-			expect(component.value()).toBe('+12024561111');
-		});
-
-		it('should handle US phone number with country code already included', () => {
-			const withCountryCode = '+1 202 456 1111';
-			component.displayPhoneNumber = withCountryCode;
-
-			component.onPhoneNumberChange();
-
-			expect(component.value()).toBe('+12024561111');
-		});
-
-		it('should not format invalid US phone number', () => {
-			const invalidNumber = '123';
-			component.displayPhoneNumber = invalidNumber;
-
-			component.onPhoneNumberChange();
-
-			// Should either be empty or the cleaned input, but not a malformed international number
-			expect(component.value()).not.toMatch(/^\+1123$/);
-		});
-	});
-
-	describe('International Phone Number Formatting', () => {
-		it('should format UK phone number in E164 format', () => {
-			const ukCountry = component.countries.find((c) => c.code === 'GB');
-			component.selectedCountry = ukCountry!;
-			component.countryControl.setValue(ukCountry!);
-			component.initializeFormatter();
-
-			const localNumber = '020 7946 0958';
-			component.displayPhoneNumber = localNumber;
-
-			component.onPhoneNumberChange();
-
-			expect(component.value()).toBe('+442079460958');
-		});
-
-		it('should format German phone number in E164 format', () => {
-			const deCountry = component.countries.find((c) => c.code === 'DE');
-			component.selectedCountry = deCountry!;
-			component.countryControl.setValue(deCountry!);
-			component.initializeFormatter();
-
-			const localNumber = '030 12345678';
-			component.displayPhoneNumber = localNumber;
-
-			component.onPhoneNumberChange();
-
-			expect(component.value()).toBe('+493012345678');
-		});
-	});
-
-	describe('Phone Number Validation', () => {
-		beforeEach(() => {
-			component.phoneValidation = true;
-		});
-
-		it('should validate US phone number as valid', () => {
-			const usCountry = component.countries.find((c) => c.code === 'US');
-			component.selectedCountry = usCountry!;
-			component.displayPhoneNumber = '(202) 456-1111';
-
-			const isValid = component.isValidPhoneNumber();
-
-			expect(isValid).toBe(true);
-		});
-
-		it('should validate international phone number as valid', () => {
-			component.displayPhoneNumber = '+442079460958';
-
-			const isValid = component.isValidPhoneNumber();
-
-			expect(isValid).toBe(true);
-		});
-
-		it('should validate invalid phone number as invalid', () => {
-			const usCountry = component.countries.find((c) => c.code === 'US');
-			component.selectedCountry = usCountry!;
-			component.displayPhoneNumber = '123';
-
-			const isValid = component.isValidPhoneNumber();
-
-			expect(isValid).toBe(false);
-		});
-
-		it('should treat empty phone number as valid when validation is enabled', () => {
-			component.displayPhoneNumber = '';
-
-			const isValid = component.isValidPhoneNumber();
-
-			expect(isValid).toBe(true); // Empty is valid, let required validation handle it
-		});
-	});
-
-	describe('Country Detection', () => {
-		it('should detect country from international number', () => {
-			const internationalNumber = '+442079460958';
-			component.displayPhoneNumber = internationalNumber;
-
-			component.onPhoneNumberChange();
-
-			expect(component.selectedCountry.code).toBe('GB');
-			expect((component.countryControl.value as CountryCode)?.code).toBe('GB');
-		});
-
-		it('should detect US from +1 number', () => {
-			const usInternationalNumber = '+12024561111';
-			component.displayPhoneNumber = usInternationalNumber;
-
-			component.onPhoneNumberChange();
-
-			expect(component.selectedCountry.code).toBe('US');
-			expect((component.countryControl.value as CountryCode)?.code).toBe('US');
-		});
-	});
-
-	describe('Autocomplete Functionality', () => {
-		it('should filter countries by name', () => {
-			const filtered = component._filterCountries('United');
-
-			expect(filtered.length).toBeGreaterThan(0);
-			expect(filtered.some((country) => country.name.includes('United'))).toBe(true);
-		});
-
-		it('should filter countries by code', () => {
-			const filtered = component._filterCountries('US');
-
-			expect(filtered.length).toBeGreaterThan(0);
-			expect(filtered.some((country) => country.code === 'US')).toBe(true);
-		});
-
-		it('should filter countries by dial code', () => {
-			const filtered = component._filterCountries('+1');
-
-			expect(filtered.length).toBeGreaterThan(0);
-			expect(filtered.some((country) => country.dialCode === '+1')).toBe(true);
-		});
-
-		it('should display country with flag, name and dial code', () => {
-			const usCountry = component.countries.find((c) => c.code === 'US')!;
-
-			const displayText = component.displayCountryFn(usCountry);
-
-			expect(displayText).toContain('🇺🇸');
-			expect(displayText).toContain('United States');
-			expect(displayText).toContain('+1');
-		});
-
-		it('should handle country selection', () => {
-			const ukCountry = component.countries.find((c) => c.code === 'GB')!;
-
-			component.onCountrySelected(ukCountry);
-
-			expect(component.selectedCountry).toBe(ukCountry);
-			expect(component.formatter).toBeDefined();
-		});
-	});
-
-	describe('Example Phone Numbers', () => {
-		it('should return correct example for US', () => {
-			const usCountry = component.countries.find((c) => c.code === 'US')!;
-			component.selectedCountry = usCountry;
-
-			const example = component.getExamplePhoneNumber();
-
-			expect(example).toBe('(202) 456-1111');
-		});
-
-		it('should return correct example for UK', () => {
-			const ukCountry = component.countries.find((c) => c.code === 'GB')!;
-			component.selectedCountry = ukCountry;
-
-			const example = component.getExamplePhoneNumber();
-
-			expect(example).toBe('020 7946 0958');
-		});
-
-		it('should return fallback example for unknown country', () => {
-			component.selectedCountry = { code: 'XX', name: 'Unknown', dialCode: '+999', flag: '🏳️' };
-
-			const example = component.getExamplePhoneNumber();
-
-			expect(example).toBe('+999 123 4567');
-		});
-	});
-
-	describe('Edge Cases and Error Handling', () => {
-		it('should handle malformed phone numbers gracefully', () => {
-			component.displayPhoneNumber = 'not-a-phone-number';
-
-			expect(() => component.onPhoneNumberChange()).not.toThrow();
-		});
-
-		it('should handle empty selected country', () => {
-			component.selectedCountry = null as unknown as CountryCode;
-			component.displayPhoneNumber = '5551234567';
-
-			expect(() => component.onPhoneNumberChange()).not.toThrow();
-		});
-
-		it('should emit field change events', () => {
-			vi.spyOn(component.onFieldChange, 'emit');
-
-			const usCountry = component.countries.find((c) => c.code === 'US');
-			component.selectedCountry = usCountry!;
-			component.displayPhoneNumber = '5551234567';
-
-			component.onPhoneNumberChange();
-
-			expect(component.onFieldChange.emit).toHaveBeenCalledWith(component.value());
-		});
-	});
-
-	describe('Widget Configuration', () => {
-		it('should configure from widget params', () => {
-			fixture.componentRef.setInput('widgetStructure', {
-				widget_params: {
-					preferred_countries: ['CA', 'GB'],
-					enable_placeholder: false,
-					phone_validation: false,
-				},
-			} as Partial<WidgetStructure> as WidgetStructure);
-
-			component.configureFromWidgetParams();
-
-			expect(component.preferredCountries).toEqual(['CA', 'GB']);
-			expect(component.enablePlaceholder).toBe(false);
-			expect(component.phoneValidation).toBe(false);
-		});
-
-		it('should handle missing widget params', () => {
-			fixture.componentRef.setInput('widgetStructure', {} as Partial<WidgetStructure> as WidgetStructure);
-
-			expect(() => component.configureFromWidgetParams()).not.toThrow();
-		});
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.stories.ts
deleted file mode 100644
index cd858dffb..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PhoneEditComponent } from './phone.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<PhoneEditComponent> = {
-	title: 'Record Edit Fields/Phone',
-	component: PhoneEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Phone Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '+1234567890',
-	},
-};
-
-export default meta;
-type Story = StoryObj<PhoneEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.ts
deleted file mode 100644
index d07321b22..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/phone/phone.component.ts
+++ /dev/null
@@ -1,444 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, model, OnInit } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { AsYouType, CountryCode as LibPhoneCountryCode, parsePhoneNumber } from 'libphonenumber-js';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-export interface CountryCode {
-	code: string;
-	name: string;
-	dialCode: string;
-	flag: string;
-}
-
-@Component({
-	selector: 'app-edit-phone',
-	templateUrl: './phone.component.html',
-	styleUrls: ['./phone.component.css'],
-	imports: [
-		CommonModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatSelectModule,
-		MatAutocompleteModule,
-		FormsModule,
-		ReactiveFormsModule,
-	],
-})
-export class PhoneEditComponent extends BaseEditFieldComponent implements OnInit {
-	readonly value = model<string>('');
-
-	static type = 'phone';
-
-	preferredCountries: string[] = ['US', 'GB'];
-	enablePlaceholder: boolean = true;
-	phoneValidation: boolean = true;
-
-	selectedCountry: CountryCode;
-	phoneNumber: string = '';
-	displayPhoneNumber: string = '';
-	formatter: AsYouType | null = null;
-
-	countryControl = new FormControl<CountryCode | string | null>(null);
-
-	private _countryControlValue = toSignal(this.countryControl.valueChanges, {
-		initialValue: null as CountryCode | string | null,
-	});
-
-	filteredCountries = computed(() => {
-		const value = this._countryControlValue();
-		if (typeof value === 'string') {
-			return this._filterCountries(value);
-		} else if (value && typeof value === 'object') {
-			return this.sortedCountries;
-		}
-		return this.sortedCountries;
-	});
-
-	countries: CountryCode[] = [
-		{ code: 'AF', name: 'Afghanistan', dialCode: '+93', flag: '\u{1F1E6}\u{1F1EB}' },
-		{ code: 'AL', name: 'Albania', dialCode: '+355', flag: '\u{1F1E6}\u{1F1F1}' },
-		{ code: 'DZ', name: 'Algeria', dialCode: '+213', flag: '\u{1F1E9}\u{1F1FF}' },
-		{ code: 'AS', name: 'American Samoa', dialCode: '+1684', flag: '\u{1F1E6}\u{1F1F8}' },
-		{ code: 'AD', name: 'Andorra', dialCode: '+376', flag: '\u{1F1E6}\u{1F1E9}' },
-		{ code: 'AO', name: 'Angola', dialCode: '+244', flag: '\u{1F1E6}\u{1F1F4}' },
-		{ code: 'AI', name: 'Anguilla', dialCode: '+1264', flag: '\u{1F1E6}\u{1F1EE}' },
-		{ code: 'AQ', name: 'Antarctica', dialCode: '+672', flag: '\u{1F1E6}\u{1F1F6}' },
-		{ code: 'AG', name: 'Antigua and Barbuda', dialCode: '+1268', flag: '\u{1F1E6}\u{1F1EC}' },
-		{ code: 'AR', name: 'Argentina', dialCode: '+54', flag: '\u{1F1E6}\u{1F1F7}' },
-		{ code: 'AM', name: 'Armenia', dialCode: '+374', flag: '\u{1F1E6}\u{1F1F2}' },
-		{ code: 'AW', name: 'Aruba', dialCode: '+297', flag: '\u{1F1E6}\u{1F1FC}' },
-		{ code: 'AU', name: 'Australia', dialCode: '+61', flag: '\u{1F1E6}\u{1F1FA}' },
-		{ code: 'AT', name: 'Austria', dialCode: '+43', flag: '\u{1F1E6}\u{1F1F9}' },
-		{ code: 'AZ', name: 'Azerbaijan', dialCode: '+994', flag: '\u{1F1E6}\u{1F1FF}' },
-		{ code: 'BS', name: 'Bahamas', dialCode: '+1242', flag: '\u{1F1E7}\u{1F1F8}' },
-		{ code: 'BH', name: 'Bahrain', dialCode: '+973', flag: '\u{1F1E7}\u{1F1ED}' },
-		{ code: 'BD', name: 'Bangladesh', dialCode: '+880', flag: '\u{1F1E7}\u{1F1E9}' },
-		{ code: 'BB', name: 'Barbados', dialCode: '+1246', flag: '\u{1F1E7}\u{1F1E7}' },
-		{ code: 'BY', name: 'Belarus', dialCode: '+375', flag: '\u{1F1E7}\u{1F1FE}' },
-		{ code: 'BE', name: 'Belgium', dialCode: '+32', flag: '\u{1F1E7}\u{1F1EA}' },
-		{ code: 'BZ', name: 'Belize', dialCode: '+501', flag: '\u{1F1E7}\u{1F1FF}' },
-		{ code: 'BJ', name: 'Benin', dialCode: '+229', flag: '\u{1F1E7}\u{1F1EF}' },
-		{ code: 'BM', name: 'Bermuda', dialCode: '+1441', flag: '\u{1F1E7}\u{1F1F2}' },
-		{ code: 'BT', name: 'Bhutan', dialCode: '+975', flag: '\u{1F1E7}\u{1F1F9}' },
-		{ code: 'BO', name: 'Bolivia', dialCode: '+591', flag: '\u{1F1E7}\u{1F1F4}' },
-		{ code: 'BA', name: 'Bosnia and Herzegovina', dialCode: '+387', flag: '\u{1F1E7}\u{1F1E6}' },
-		{ code: 'BW', name: 'Botswana', dialCode: '+267', flag: '\u{1F1E7}\u{1F1FC}' },
-		{ code: 'BR', name: 'Brazil', dialCode: '+55', flag: '\u{1F1E7}\u{1F1F7}' },
-		{ code: 'IO', name: 'British Indian Ocean Territory', dialCode: '+246', flag: '\u{1F1EE}\u{1F1F4}' },
-		{ code: 'BN', name: 'Brunei', dialCode: '+673', flag: '\u{1F1E7}\u{1F1F3}' },
-		{ code: 'BG', name: 'Bulgaria', dialCode: '+359', flag: '\u{1F1E7}\u{1F1EC}' },
-		{ code: 'BF', name: 'Burkina Faso', dialCode: '+226', flag: '\u{1F1E7}\u{1F1EB}' },
-		{ code: 'BI', name: 'Burundi', dialCode: '+257', flag: '\u{1F1E7}\u{1F1EE}' },
-		{ code: 'KH', name: 'Cambodia', dialCode: '+855', flag: '\u{1F1F0}\u{1F1ED}' },
-		{ code: 'CM', name: 'Cameroon', dialCode: '+237', flag: '\u{1F1E8}\u{1F1F2}' },
-		{ code: 'CA', name: 'Canada', dialCode: '+1', flag: '\u{1F1E8}\u{1F1E6}' },
-		{ code: 'CV', name: 'Cape Verde', dialCode: '+238', flag: '\u{1F1E8}\u{1F1FB}' },
-		{ code: 'KY', name: 'Cayman Islands', dialCode: '+1345', flag: '\u{1F1F0}\u{1F1FE}' },
-		{ code: 'CF', name: 'Central African Republic', dialCode: '+236', flag: '\u{1F1E8}\u{1F1EB}' },
-		{ code: 'TD', name: 'Chad', dialCode: '+235', flag: '\u{1F1F9}\u{1F1E9}' },
-		{ code: 'CL', name: 'Chile', dialCode: '+56', flag: '\u{1F1E8}\u{1F1F1}' },
-		{ code: 'CN', name: 'China', dialCode: '+86', flag: '\u{1F1E8}\u{1F1F3}' },
-		{ code: 'CO', name: 'Colombia', dialCode: '+57', flag: '\u{1F1E8}\u{1F1F4}' },
-		{ code: 'CR', name: 'Costa Rica', dialCode: '+506', flag: '\u{1F1E8}\u{1F1F7}' },
-		{ code: 'HR', name: 'Croatia', dialCode: '+385', flag: '\u{1F1ED}\u{1F1F7}' },
-		{ code: 'CU', name: 'Cuba', dialCode: '+53', flag: '\u{1F1E8}\u{1F1FA}' },
-		{ code: 'CY', name: 'Cyprus', dialCode: '+357', flag: '\u{1F1E8}\u{1F1FE}' },
-		{ code: 'CZ', name: 'Czech Republic', dialCode: '+420', flag: '\u{1F1E8}\u{1F1FF}' },
-		{ code: 'DK', name: 'Denmark', dialCode: '+45', flag: '\u{1F1E9}\u{1F1F0}' },
-		{ code: 'DO', name: 'Dominican Republic', dialCode: '+1', flag: '\u{1F1E9}\u{1F1F4}' },
-		{ code: 'EC', name: 'Ecuador', dialCode: '+593', flag: '\u{1F1EA}\u{1F1E8}' },
-		{ code: 'EG', name: 'Egypt', dialCode: '+20', flag: '\u{1F1EA}\u{1F1EC}' },
-		{ code: 'SV', name: 'El Salvador', dialCode: '+503', flag: '\u{1F1F8}\u{1F1FB}' },
-		{ code: 'EE', name: 'Estonia', dialCode: '+372', flag: '\u{1F1EA}\u{1F1EA}' },
-		{ code: 'ET', name: 'Ethiopia', dialCode: '+251', flag: '\u{1F1EA}\u{1F1F9}' },
-		{ code: 'FI', name: 'Finland', dialCode: '+358', flag: '\u{1F1EB}\u{1F1EE}' },
-		{ code: 'FR', name: 'France', dialCode: '+33', flag: '\u{1F1EB}\u{1F1F7}' },
-		{ code: 'DE', name: 'Germany', dialCode: '+49', flag: '\u{1F1E9}\u{1F1EA}' },
-		{ code: 'GH', name: 'Ghana', dialCode: '+233', flag: '\u{1F1EC}\u{1F1ED}' },
-		{ code: 'GR', name: 'Greece', dialCode: '+30', flag: '\u{1F1EC}\u{1F1F7}' },
-		{ code: 'GT', name: 'Guatemala', dialCode: '+502', flag: '\u{1F1EC}\u{1F1F9}' },
-		{ code: 'HN', name: 'Honduras', dialCode: '+504', flag: '\u{1F1ED}\u{1F1F3}' },
-		{ code: 'HK', name: 'Hong Kong', dialCode: '+852', flag: '\u{1F1ED}\u{1F1F0}' },
-		{ code: 'HU', name: 'Hungary', dialCode: '+36', flag: '\u{1F1ED}\u{1F1FA}' },
-		{ code: 'IS', name: 'Iceland', dialCode: '+354', flag: '\u{1F1EE}\u{1F1F8}' },
-		{ code: 'IN', name: 'India', dialCode: '+91', flag: '\u{1F1EE}\u{1F1F3}' },
-		{ code: 'ID', name: 'Indonesia', dialCode: '+62', flag: '\u{1F1EE}\u{1F1E9}' },
-		{ code: 'IR', name: 'Iran', dialCode: '+98', flag: '\u{1F1EE}\u{1F1F7}' },
-		{ code: 'IQ', name: 'Iraq', dialCode: '+964', flag: '\u{1F1EE}\u{1F1F6}' },
-		{ code: 'IE', name: 'Ireland', dialCode: '+353', flag: '\u{1F1EE}\u{1F1EA}' },
-		{ code: 'IL', name: 'Israel', dialCode: '+972', flag: '\u{1F1EE}\u{1F1F1}' },
-		{ code: 'IT', name: 'Italy', dialCode: '+39', flag: '\u{1F1EE}\u{1F1F9}' },
-		{ code: 'JM', name: 'Jamaica', dialCode: '+1876', flag: '\u{1F1EF}\u{1F1F2}' },
-		{ code: 'JP', name: 'Japan', dialCode: '+81', flag: '\u{1F1EF}\u{1F1F5}' },
-		{ code: 'JO', name: 'Jordan', dialCode: '+962', flag: '\u{1F1EF}\u{1F1F4}' },
-		{ code: 'KZ', name: 'Kazakhstan', dialCode: '+7', flag: '\u{1F1F0}\u{1F1FF}' },
-		{ code: 'KE', name: 'Kenya', dialCode: '+254', flag: '\u{1F1F0}\u{1F1EA}' },
-		{ code: 'KR', name: 'South Korea', dialCode: '+82', flag: '\u{1F1F0}\u{1F1F7}' },
-		{ code: 'KW', name: 'Kuwait', dialCode: '+965', flag: '\u{1F1F0}\u{1F1FC}' },
-		{ code: 'LV', name: 'Latvia', dialCode: '+371', flag: '\u{1F1F1}\u{1F1FB}' },
-		{ code: 'LB', name: 'Lebanon', dialCode: '+961', flag: '\u{1F1F1}\u{1F1E7}' },
-		{ code: 'LT', name: 'Lithuania', dialCode: '+370', flag: '\u{1F1F1}\u{1F1F9}' },
-		{ code: 'LU', name: 'Luxembourg', dialCode: '+352', flag: '\u{1F1F1}\u{1F1FA}' },
-		{ code: 'MY', name: 'Malaysia', dialCode: '+60', flag: '\u{1F1F2}\u{1F1FE}' },
-		{ code: 'MX', name: 'Mexico', dialCode: '+52', flag: '\u{1F1F2}\u{1F1FD}' },
-		{ code: 'MA', name: 'Morocco', dialCode: '+212', flag: '\u{1F1F2}\u{1F1E6}' },
-		{ code: 'NL', name: 'Netherlands', dialCode: '+31', flag: '\u{1F1F3}\u{1F1F1}' },
-		{ code: 'NZ', name: 'New Zealand', dialCode: '+64', flag: '\u{1F1F3}\u{1F1FF}' },
-		{ code: 'NG', name: 'Nigeria', dialCode: '+234', flag: '\u{1F1F3}\u{1F1EC}' },
-		{ code: 'NO', name: 'Norway', dialCode: '+47', flag: '\u{1F1F3}\u{1F1F4}' },
-		{ code: 'PK', name: 'Pakistan', dialCode: '+92', flag: '\u{1F1F5}\u{1F1F0}' },
-		{ code: 'PA', name: 'Panama', dialCode: '+507', flag: '\u{1F1F5}\u{1F1E6}' },
-		{ code: 'PE', name: 'Peru', dialCode: '+51', flag: '\u{1F1F5}\u{1F1EA}' },
-		{ code: 'PH', name: 'Philippines', dialCode: '+63', flag: '\u{1F1F5}\u{1F1ED}' },
-		{ code: 'PL', name: 'Poland', dialCode: '+48', flag: '\u{1F1F5}\u{1F1F1}' },
-		{ code: 'PT', name: 'Portugal', dialCode: '+351', flag: '\u{1F1F5}\u{1F1F9}' },
-		{ code: 'PR', name: 'Puerto Rico', dialCode: '+1787', flag: '\u{1F1F5}\u{1F1F7}' },
-		{ code: 'QA', name: 'Qatar', dialCode: '+974', flag: '\u{1F1F6}\u{1F1E6}' },
-		{ code: 'RO', name: 'Romania', dialCode: '+40', flag: '\u{1F1F7}\u{1F1F4}' },
-		{ code: 'RU', name: 'Russia', dialCode: '+7', flag: '\u{1F1F7}\u{1F1FA}' },
-		{ code: 'SA', name: 'Saudi Arabia', dialCode: '+966', flag: '\u{1F1F8}\u{1F1E6}' },
-		{ code: 'RS', name: 'Serbia', dialCode: '+381', flag: '\u{1F1F7}\u{1F1F8}' },
-		{ code: 'SG', name: 'Singapore', dialCode: '+65', flag: '\u{1F1F8}\u{1F1EC}' },
-		{ code: 'SK', name: 'Slovakia', dialCode: '+421', flag: '\u{1F1F8}\u{1F1F0}' },
-		{ code: 'SI', name: 'Slovenia', dialCode: '+386', flag: '\u{1F1F8}\u{1F1EE}' },
-		{ code: 'ZA', name: 'South Africa', dialCode: '+27', flag: '\u{1F1FF}\u{1F1E6}' },
-		{ code: 'ES', name: 'Spain', dialCode: '+34', flag: '\u{1F1EA}\u{1F1F8}' },
-		{ code: 'LK', name: 'Sri Lanka', dialCode: '+94', flag: '\u{1F1F1}\u{1F1F0}' },
-		{ code: 'SE', name: 'Sweden', dialCode: '+46', flag: '\u{1F1F8}\u{1F1EA}' },
-		{ code: 'CH', name: 'Switzerland', dialCode: '+41', flag: '\u{1F1E8}\u{1F1ED}' },
-		{ code: 'TW', name: 'Taiwan', dialCode: '+886', flag: '\u{1F1F9}\u{1F1FC}' },
-		{ code: 'TH', name: 'Thailand', dialCode: '+66', flag: '\u{1F1F9}\u{1F1ED}' },
-		{ code: 'TR', name: 'Turkey', dialCode: '+90', flag: '\u{1F1F9}\u{1F1F7}' },
-		{ code: 'UA', name: 'Ukraine', dialCode: '+380', flag: '\u{1F1FA}\u{1F1E6}' },
-		{ code: 'AE', name: 'United Arab Emirates', dialCode: '+971', flag: '\u{1F1E6}\u{1F1EA}' },
-		{ code: 'GB', name: 'United Kingdom', dialCode: '+44', flag: '\u{1F1EC}\u{1F1E7}' },
-		{ code: 'US', name: 'United States', dialCode: '+1', flag: '\u{1F1FA}\u{1F1F8}' },
-		{ code: 'UY', name: 'Uruguay', dialCode: '+598', flag: '\u{1F1FA}\u{1F1FE}' },
-		{ code: 'UZ', name: 'Uzbekistan', dialCode: '+998', flag: '\u{1F1FA}\u{1F1FF}' },
-		{ code: 'VE', name: 'Venezuela', dialCode: '+58', flag: '\u{1F1FB}\u{1F1EA}' },
-		{ code: 'VN', name: 'Vietnam', dialCode: '+84', flag: '\u{1F1FB}\u{1F1F3}' },
-		{ code: 'ZM', name: 'Zambia', dialCode: '+260', flag: '\u{1F1FF}\u{1F1F2}' },
-		{ code: 'ZW', name: 'Zimbabwe', dialCode: '+263', flag: '\u{1F1FF}\u{1F1FC}' },
-	];
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		this.configureFromWidgetParams();
-		this.initializePhoneNumber();
-	}
-
-	configureFromWidgetParams(): void {
-		const ws = this.widgetStructure();
-		if (ws?.widget_params) {
-			const params = ws.widget_params;
-
-			if (params.preferred_countries && Array.isArray(params.preferred_countries)) {
-				this.preferredCountries = params.preferred_countries;
-			}
-
-			if (typeof params.enable_placeholder === 'boolean') {
-				this.enablePlaceholder = params.enable_placeholder;
-			}
-
-			if (typeof params.phone_validation === 'boolean') {
-				this.phoneValidation = params.phone_validation;
-			}
-		}
-	}
-
-	_filterCountries(value: string): CountryCode[] {
-		const filterValue = value.toLowerCase();
-		return this.sortedCountries.filter(
-			(country) =>
-				country.name.toLowerCase().includes(filterValue) ||
-				country.code.toLowerCase().includes(filterValue) ||
-				country.dialCode.includes(filterValue),
-		);
-	}
-
-	displayCountryFn(country: CountryCode): string {
-		return country ? `${country.flag} ${country.name} ${country.dialCode}` : '';
-	}
-
-	onCountrySelected(country: CountryCode): void {
-		this.selectedCountry = country;
-		this.initializeFormatter();
-		this.formatAndUpdatePhoneNumber();
-	}
-
-	initializeFormatter(): void {
-		if (this.selectedCountry) {
-			this.formatter = new AsYouType(this.selectedCountry.code as LibPhoneCountryCode);
-		}
-	}
-
-	onCountryChange(): void {
-		this.initializeFormatter();
-		this.formatAndUpdatePhoneNumber();
-	}
-
-	onPhoneNumberChange(): void {
-		if (this.displayPhoneNumber.startsWith('+')) {
-			this.detectCountryFromInput();
-		} else {
-			this.formatAndUpdatePhoneNumber();
-		}
-	}
-
-	get sortedCountries(): CountryCode[] {
-		const preferred = this.countries.filter((c) => this.preferredCountries.includes(c.code));
-		const others = this.countries.filter((c) => !this.preferredCountries.includes(c.code));
-		return [...preferred, ...others];
-	}
-
-	get placeholder(): string {
-		if (!this.enablePlaceholder) return '';
-		return this.selectedCountry ? `Phone number for ${this.selectedCountry.name}` : 'Phone number';
-	}
-
-	getPhoneNumberPlaceholder(): string {
-		if (!this.enablePlaceholder) return '';
-		if (this.selectedCountry) {
-			return `Local number or ${this.selectedCountry.dialCode}1234567890`;
-		}
-		return 'Enter +1234567890 or select country';
-	}
-
-	getExamplePhoneNumber(): string {
-		if (!this.selectedCountry) return '';
-
-		const exampleNumbers: { [key: string]: string } = {
-			US: '(202) 456-1111',
-			GB: '020 7946 0958',
-			CA: '(416) 555-1234',
-			AU: '(02) 1234 5678',
-			DE: '030 12345678',
-			FR: '01 23 45 67 89',
-		};
-
-		return exampleNumbers[this.selectedCountry.code] || `${this.selectedCountry.dialCode} 123 4567`;
-	}
-
-	isValidPhoneNumber(): boolean {
-		if (!this.phoneValidation) return true;
-		if (!this.displayPhoneNumber) return true;
-
-		try {
-			let phoneNumber;
-
-			if (this.displayPhoneNumber.startsWith('+')) {
-				phoneNumber = parsePhoneNumber(this.displayPhoneNumber);
-			} else if (this.selectedCountry) {
-				phoneNumber = parsePhoneNumber(this.displayPhoneNumber, this.selectedCountry.code as LibPhoneCountryCode);
-			} else {
-				return false;
-			}
-
-			return phoneNumber ? phoneNumber.isValid() : false;
-		} catch (_error) {
-			return false;
-		}
-	}
-
-	private initializePhoneNumber(): void {
-		const currentValue = this.value();
-		if (currentValue) {
-			this.parseExistingPhoneNumber(currentValue);
-		} else {
-			this.setDefaultCountry();
-			this.displayPhoneNumber = '';
-		}
-	}
-
-	private parseExistingPhoneNumber(fullNumber: string): void {
-		let phoneNumber;
-
-		try {
-			phoneNumber = parsePhoneNumber(fullNumber);
-		} catch (_error) {
-			// Will try with default country below
-		}
-
-		if (!phoneNumber || !phoneNumber.country) {
-			try {
-				const defaultCountryCode = this.preferredCountries[0] || 'US';
-				phoneNumber = parsePhoneNumber(fullNumber, defaultCountryCode as LibPhoneCountryCode);
-			} catch (error) {
-				console.warn('Failed to parse with default country as well:', error);
-			}
-		}
-
-		if (phoneNumber?.country) {
-			const country = this.countries.find((c) => c.code === phoneNumber.country);
-			if (country) {
-				this.selectedCountry = country;
-				this.countryControl.setValue(country);
-				this.phoneNumber = phoneNumber.nationalNumber;
-				this.displayPhoneNumber = phoneNumber.formatNational();
-				this.initializeFormatter();
-				return;
-			} else {
-				console.warn('Country not found in list:', phoneNumber.country);
-			}
-		}
-
-		this.setDefaultCountry();
-		this.phoneNumber = fullNumber.replace(/\D/g, '');
-
-		if (this.formatter && this.phoneNumber) {
-			this.formatter.reset();
-			this.displayPhoneNumber = this.formatter.input(this.phoneNumber);
-		} else {
-			this.displayPhoneNumber = fullNumber;
-		}
-	}
-
-	private setDefaultCountry(): void {
-		this.selectedCountry = this.countries.find((c) => c.code === this.preferredCountries[0]) || this.countries[0];
-		this.countryControl.setValue(this.selectedCountry);
-		this.initializeFormatter();
-	}
-
-	private formatAndUpdatePhoneNumber(): void {
-		if (!this.displayPhoneNumber) {
-			this.phoneNumber = '';
-			this.value.set('');
-			this.onFieldChange.emit(this.value());
-			return;
-		}
-
-		if (this.formatter && !this.displayPhoneNumber.startsWith('+')) {
-			this.formatter.reset();
-			const formatted = this.formatter.input(this.displayPhoneNumber);
-			this.displayPhoneNumber = formatted;
-
-			this.phoneNumber = this.displayPhoneNumber.replace(/\D/g, '');
-		} else {
-			this.phoneNumber = this.displayPhoneNumber.replace(/\D/g, '');
-		}
-
-		this.updateFullPhoneNumber();
-	}
-
-	private detectCountryFromInput(): void {
-		if (!this.displayPhoneNumber.startsWith('+')) {
-			return;
-		}
-
-		try {
-			const phoneNumber = parsePhoneNumber(this.displayPhoneNumber);
-			if (phoneNumber?.country) {
-				const detectedCountry = this.countries.find((c) => c.code === phoneNumber.country);
-				if (detectedCountry) {
-					this.selectedCountry = detectedCountry;
-					this.countryControl.setValue(detectedCountry);
-					this.phoneNumber = phoneNumber.nationalNumber;
-					this.displayPhoneNumber = phoneNumber.formatNational();
-					this.initializeFormatter();
-					this.updateFullPhoneNumber();
-					return;
-				}
-			}
-		} catch (error) {
-			console.warn('Could not detect country from input:', this.displayPhoneNumber, error);
-		}
-
-		this.phoneNumber = this.displayPhoneNumber.replace(/\D/g, '');
-		this.updateFullPhoneNumber();
-	}
-
-	private updateFullPhoneNumber(): void {
-		if (!this.displayPhoneNumber && !this.phoneNumber) {
-			this.value.set('');
-			this.onFieldChange.emit(this.value());
-			return;
-		}
-
-		try {
-			let phoneNumber;
-
-			if (this.displayPhoneNumber.startsWith('+')) {
-				phoneNumber = parsePhoneNumber(this.displayPhoneNumber);
-			} else if (this.selectedCountry && this.displayPhoneNumber) {
-				phoneNumber = parsePhoneNumber(this.displayPhoneNumber, this.selectedCountry.code as LibPhoneCountryCode);
-			}
-
-			if (phoneNumber?.isValid()) {
-				this.value.set(phoneNumber.number);
-			} else {
-				this.value.set(this.displayPhoneNumber.replace(/\s/g, ''));
-			}
-		} catch (error) {
-			console.warn('Error formatting phone number:', error);
-			this.value.set(this.displayPhoneNumber.replace(/\s/g, ''));
-		}
-
-		this.onFieldChange.emit(this.value());
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/point/point.component.css b/frontend/src/app/components/ui-components/record-edit-fields/point/point.component.css
deleted file mode 100644
index 7ab52d4e1..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/point/point.component.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.mat-mdc-form-field {
-	max-width: 260px;
-	min-width: 150px;
-	width: 48vw;
-	display: block;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/point/point.component.html b/frontend/src/app/components/ui-components/record-edit-fields/point/point.component.html
deleted file mode 100644
index d37548790..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/point/point.component.html
+++ /dev/null
@@ -1,12 +0,0 @@
-@if (value()) {
-    <mat-form-field appearance="outline">
-        <mat-label>{{normalizedLabel()}} X coordinate</mat-label>
-        <input type="number" matInput [(ngModel)]="value().x" name="{{label()}}-{{key()}}-x"
-            [required]="required()" [disabled]="readonly()">
-    </mat-form-field>
-    <mat-form-field appearance="outline">
-        <mat-label>{{normalizedLabel()}} Y coordinate</mat-label>
-        <input type="number" matInput [(ngModel)]="value().y" name="{{label()}}-{{key()}}-y"
-            [required]="required()" [disabled]="readonly()">
-    </mat-form-field>
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/point/point.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/point/point.component.spec.ts
deleted file mode 100644
index 0d3b040ec..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/point/point.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { PointEditComponent } from './point.component';
-
-describe('PointEditComponent', () => {
-	let component: PointEditComponent;
-	let fixture: ComponentFixture<PointEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PointEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(PointEditComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/point/point.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/point/point.component.stories.ts
deleted file mode 100644
index 8c66cda56..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/point/point.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PointEditComponent } from './point.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'point',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<PointEditComponent> = {
-	title: 'Record Edit Fields/Point',
-	component: PointEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Point Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '(40.7128, -74.0060)',
-	},
-};
-
-export default meta;
-type Story = StoryObj<PointEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/point/point.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/point/point.component.ts
deleted file mode 100644
index c4043f6a9..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/point/point.component.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, model } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-point',
-	templateUrl: './point.component.html',
-	styleUrls: ['./point.component.css'],
-	imports: [CommonModule, MatFormFieldModule, MatInputModule, FormsModule],
-})
-export class PointEditComponent extends BaseEditFieldComponent {
-	readonly value = model<any>();
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/range/range.component.css b/frontend/src/app/components/ui-components/record-edit-fields/range/range.component.css
deleted file mode 100644
index 4ccd92ebf..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/range/range.component.css
+++ /dev/null
@@ -1,120 +0,0 @@
-.range-edit-container {
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	padding-bottom: 28px;
-}
-
-.range-label {
-	font-size: 14px;
-	color: rgba(0, 0, 0, 0.87);
-	margin-bottom: 8px;
-	display: block;
-}
-
-.range-labels {
-	display: flex;
-	justify-content: space-between;
-	font-size: 12px;
-	color: rgba(0, 0, 0, 0.6);
-	padding: 0 2px;
-}
-
-.range-current {
-	font-weight: 600;
-	color: rgba(0, 0, 0, 0.87);
-}
-
-.range-input {
-	width: 100%;
-	height: 6px;
-	-webkit-appearance: none;
-	appearance: none;
-	background: transparent;
-	outline: none;
-	cursor: pointer;
-}
-
-.range-input::-webkit-slider-track {
-	width: 100%;
-	height: 6px;
-	background: #e0e0e0;
-	border-radius: 3px;
-}
-
-.range-input::-moz-range-track {
-	width: 100%;
-	height: 6px;
-	background: #e0e0e0;
-	border-radius: 3px;
-}
-
-.range-input::-webkit-slider-thumb {
-	-webkit-appearance: none;
-	appearance: none;
-	width: 18px;
-	height: 18px;
-	background: #1976d2;
-	border-radius: 50%;
-	cursor: pointer;
-	margin-top: -6px;
-	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-	transition: all 0.2s ease;
-}
-
-.range-input::-moz-range-thumb {
-	width: 18px;
-	height: 18px;
-	background: #1976d2;
-	border-radius: 50%;
-	cursor: pointer;
-	border: none;
-	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-	transition: all 0.2s ease;
-}
-
-.range-input::-webkit-slider-thumb:hover {
-	transform: scale(1.1);
-	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
-}
-
-.range-input::-moz-range-thumb:hover {
-	transform: scale(1.1);
-	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
-}
-
-.range-input:disabled {
-	opacity: 0.5;
-	cursor: not-allowed;
-}
-
-.range-input:disabled::-webkit-slider-thumb {
-	cursor: not-allowed;
-}
-
-.range-input:disabled::-moz-range-thumb {
-	cursor: not-allowed;
-}
-
-@media (prefers-color-scheme: dark) {
-	.range-label {
-		color: rgba(255, 255, 255, 0.87);
-	}
-
-	.range-labels {
-		color: rgba(255, 255, 255, 0.6);
-	}
-
-	.range-current {
-		color: rgba(255, 255, 255, 0.87);
-	}
-
-	.range-input::-webkit-slider-track {
-		background: #424242;
-	}
-
-	.range-input::-moz-range-track {
-		background: #424242;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/range/range.component.html b/frontend/src/app/components/ui-components/record-edit-fields/range/range.component.html
deleted file mode 100644
index 52d9eba05..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/range/range.component.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<div class="range-edit-container">
-  <span class="range-label">{{ normalizedLabel() }} {{ required() ? '*' : '' }}</span>
-  <div class="range-labels">
-    <span class="range-min">{{ min }}</span>
-    <span class="range-current">{{ value() || min }}</span>
-    <span class="range-max">{{ max }}</span>
-  </div>
-  <input
-    #rangeInput
-    type="range"
-    class="range-input"
-    [min]="min"
-    [max]="max"
-    [step]="step"
-    [value]="value() || min"
-    (input)="onValueChange(+rangeInput.value)"
-    [disabled]="false"
-  />
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/range/range.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/range/range.component.spec.ts
deleted file mode 100644
index 972d45f3f..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/range/range.component.spec.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { RangeEditComponent } from './range.component';
-
-describe('RangeEditComponent', () => {
-	let component: RangeEditComponent;
-	let fixture: ComponentFixture<RangeEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [RangeEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(RangeEditComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should have default min, max, and step values', () => {
-		expect(component.min).toBe(0);
-		expect(component.max).toBe(100);
-		expect(component.step).toBe(1);
-	});
-
-	it('should parse widget params on init', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { min: 10, max: 200, step: 5 },
-		} as any);
-		component.ngOnInit();
-		expect(component.min).toBe(10);
-		expect(component.max).toBe(200);
-		expect(component.step).toBe(5);
-	});
-
-	it('should parse widget params on changes', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { min: 5, max: 50, step: 2 },
-		} as any);
-		component.ngOnChanges();
-		expect(component.min).toBe(5);
-		expect(component.max).toBe(50);
-		expect(component.step).toBe(2);
-	});
-
-	it('should keep defaults when widget_params is undefined', () => {
-		fixture.componentRef.setInput('widgetStructure', undefined);
-		component.ngOnInit();
-		expect(component.min).toBe(0);
-		expect(component.max).toBe(100);
-		expect(component.step).toBe(1);
-	});
-
-	it('should handle partial widget params', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { min: 20 },
-		} as any);
-		component.ngOnInit();
-		expect(component.min).toBe(20);
-		expect(component.max).toBe(100);
-		expect(component.step).toBe(1);
-	});
-
-	it('should emit onFieldChange when value changes', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		component.onValueChange(42);
-		expect(component.value()).toBe(42);
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith(42);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/range/range.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/range/range.component.stories.ts
deleted file mode 100644
index 67cc9d334..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/range/range.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { RangeEditComponent } from './range.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'int',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<RangeEditComponent> = {
-	title: 'Record Edit Fields/Range',
-	component: RangeEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Range Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 50 as any,
-	},
-};
-
-export default meta;
-type Story = StoryObj<RangeEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/range/range.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/range/range.component.ts
deleted file mode 100644
index ea146c828..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/range/range.component.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, ElementRef, model, ViewChild } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-range-edit',
-	templateUrl: './range.component.html',
-	styleUrls: ['./range.component.css'],
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule],
-})
-export class RangeEditComponent extends BaseEditFieldComponent {
-	@ViewChild('rangeInput') rangeInput: ElementRef<HTMLInputElement>;
-	readonly value = model<number>();
-	static type = 'range';
-
-	public min: number = 0;
-	public max: number = 100;
-	public step: number = 1;
-
-	override ngOnInit(): void {
-		super.ngOnInit();
-		this._parseWidgetParams();
-	}
-
-	ngOnChanges(): void {
-		this._parseWidgetParams();
-	}
-
-	public onValueChange(newValue: number): void {
-		this.value.set(newValue);
-		this.onFieldChange.emit(this.value());
-	}
-
-	private _parseWidgetParams(): void {
-		const ws = this.widgetStructure();
-		if (ws?.widget_params) {
-			try {
-				const params = ws.widget_params;
-				if (params.min !== undefined) {
-					this.min = Number(params.min) || 0;
-				}
-				if (params.max !== undefined) {
-					this.max = Number(params.max) || 100;
-				}
-				if (params.step !== undefined) {
-					this.step = Number(params.step) || 1;
-				}
-			} catch (error) {
-				console.error('Failed to parse widget params:', error);
-			}
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.css b/frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.css
deleted file mode 100644
index 6e8be11c8..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.css
+++ /dev/null
@@ -1,57 +0,0 @@
-.s3-widget {
-	display: flex;
-	flex-direction: column;
-	gap: 12px;
-}
-
-.s3-widget__key {
-	width: 100%;
-}
-
-.s3-widget__actions {
-	display: flex;
-	gap: 8px;
-}
-
-.s3-widget__actions button {
-	display: flex;
-	align-items: center;
-	gap: 4px;
-}
-
-.s3-widget__preview {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	min-height: 100px;
-	border: 1px dashed #ccc;
-	border-radius: 4px;
-	padding: 8px;
-}
-
-.s3-widget__thumbnail {
-	max-width: 200px;
-	max-height: 150px;
-	object-fit: contain;
-	border-radius: 4px;
-}
-
-.s3-widget__file-icon {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	gap: 8px;
-	color: #666;
-}
-
-.s3-widget__file-icon mat-icon {
-	font-size: 48px;
-	width: 48px;
-	height: 48px;
-}
-
-.s3-widget__filename {
-	font-size: 12px;
-	word-break: break-all;
-	text-align: center;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.html b/frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.html
deleted file mode 100644
index 58d556f85..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.html
+++ /dev/null
@@ -1,43 +0,0 @@
-<div class="s3-widget">
-  <mat-form-field class="s3-widget__key" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input matInput type="text" name="{{label()}}-{{key()}}"
-      [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-      attr.data-testid="record-{{label()}}-s3"
-      [ngModel]="internalValue() || value()" (ngModelChange)="onValueChange($event)">
-  </mat-form-field>
-
-  <div class="s3-widget__actions">
-    <input type="file" #fileInput hidden [accept]="fileAccept()" (change)="onFileSelected($event)">
-    <button mat-stroked-button type="button"
-            [disabled]="disabled() || readonly() || isLoading()"
-            (click)="fileInput.click()">
-      <mat-icon>upload</mat-icon>
-      Upload
-    </button>
-    @if (previewUrl()) {
-      <button mat-stroked-button type="button"
-              (click)="openFile()">
-        <mat-icon>open_in_new</mat-icon>
-        Open
-      </button>
-    }
-  </div>
-
-  @if (internalValue() || value()) {
-    <div class="s3-widget__preview">
-      @if (isLoading()) {
-        <mat-spinner diameter="40"></mat-spinner>
-      } @else if (isImage() && previewUrl()) {
-        <img [src]="previewUrl()"
-             class="s3-widget__thumbnail"
-             alt="Preview">
-      } @else if (previewUrl()) {
-        <div class="s3-widget__file-icon">
-          <mat-icon>insert_drive_file</mat-icon>
-          <span class="s3-widget__filename">{{displayFilename()}}</span>
-        </div>
-      }
-    </div>
-  }
-</div>
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.spec.ts
deleted file mode 100644
index 52f9cd4dd..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.spec.ts
+++ /dev/null
@@ -1,506 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { WidgetStructure } from 'src/app/models/table';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { S3Service } from 'src/app/services/s3.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { S3EditComponent } from './s3.component';
-
-describe('S3EditComponent', () => {
-	let component: S3EditComponent;
-	let fixture: ComponentFixture<S3EditComponent>;
-	let fakeS3Service: any;
-	let fakeConnectionsService: any;
-	let fakeTablesService: any;
-
-	const mockWidgetStructure: WidgetStructure = {
-		field_name: 'document',
-		widget_type: 'S3',
-		widget_params: {
-			provider: 'aws',
-			bucket: 'test-bucket',
-			prefix: 'uploads/',
-			region: 'us-east-1',
-			access_key_id: 'COMPANY-SECRET/bucket-access-key-id',
-			access_key: 'COMPANY-SECRET/bucket-access-key',
-		},
-		name: 'Document Upload',
-		description: 'Upload documents to S3',
-	};
-
-	const mockWidgetStructureStringParams: WidgetStructure = {
-		field_name: 'document',
-		widget_type: 'S3',
-		widget_params: JSON.stringify({
-			provider: 'aws',
-			bucket: 'test-bucket',
-			prefix: 'uploads/',
-			region: 'us-east-1',
-			access_key_id: 'COMPANY-SECRET/bucket-access-key-id',
-			access_key: 'COMPANY-SECRET/bucket-access-key',
-		}) as any,
-		name: 'Document Upload',
-		description: 'Upload documents to S3',
-	};
-
-	const mockFileUrlResponse = {
-		url: 'https://s3.amazonaws.com/bucket/file.pdf?signature=abc123',
-		key: 'uploads/file.pdf',
-		expiresIn: 3600,
-	};
-
-	const mockUploadResponse = {
-		key: 'uploads/newfile.pdf',
-		previewUrl: 'https://s3.amazonaws.com/bucket/uploads/newfile.pdf?preview=true',
-	};
-
-	beforeEach(async () => {
-		fakeS3Service = {
-			getFileUrl: vi.fn(),
-			uploadFile: vi.fn(),
-		} as any;
-		fakeConnectionsService = {
-			get currentConnectionID() {
-				return 'conn-123';
-			},
-		} as any;
-		fakeTablesService = {
-			get currentTableName() {
-				return 'users';
-			},
-		} as any;
-
-		await TestBed.configureTestingModule({
-			imports: [FormsModule, BrowserAnimationsModule, S3EditComponent],
-			providers: [
-				{ provide: S3Service, useValue: fakeS3Service },
-				{ provide: ConnectionsService, useValue: fakeConnectionsService },
-				{ provide: TablesService, useValue: fakeTablesService },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(S3EditComponent);
-		component = fixture.componentInstance;
-
-		fixture.componentRef.setInput('key', 'document');
-		fixture.componentRef.setInput('label', 'Document');
-		fixture.componentRef.setInput('widgetStructure', mockWidgetStructure);
-		fixture.componentRef.setInput('rowPrimaryKey', { id: 1 });
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	describe('ngOnInit', () => {
-		it('should set connectionId and tableName from services', () => {
-			fixture.detectChanges();
-
-			expect((component as any).connectionId).toBe('conn-123');
-			expect((component as any).tableName).toBe('users');
-		});
-
-		it('should parse widget params from object', () => {
-			fixture.componentRef.setInput('widgetStructure', mockWidgetStructure);
-			fixture.detectChanges();
-
-			expect(component.params()).toEqual({
-				provider: 'aws',
-				bucket: 'test-bucket',
-				prefix: 'uploads/',
-				region: 'us-east-1',
-				access_key_id: 'COMPANY-SECRET/bucket-access-key-id',
-				access_key: 'COMPANY-SECRET/bucket-access-key',
-			});
-		});
-
-		it('should parse widget params from string', () => {
-			fixture.componentRef.setInput('widgetStructure', mockWidgetStructureStringParams);
-			fixture.detectChanges();
-
-			expect(component.params()?.bucket).toBe('test-bucket');
-		});
-
-		it('should load preview if value is present', () => {
-			fixture.componentRef.setInput('value', 'uploads/existing-file.pdf');
-			fakeS3Service.getFileUrl.mockResolvedValue(mockFileUrlResponse);
-
-			fixture.detectChanges();
-
-			expect(fakeS3Service.getFileUrl).toHaveBeenCalledWith('conn-123', 'users', 'document', { id: 1 });
-		});
-
-		it('should not load preview if value is empty', () => {
-			fixture.componentRef.setInput('value', '');
-			fixture.detectChanges();
-
-			expect(fakeS3Service.getFileUrl).not.toHaveBeenCalled();
-		});
-	});
-
-	describe('effect-based change detection', () => {
-		it('should load preview when value changes and no preview exists', async () => {
-			fixture.detectChanges();
-			fakeS3Service.getFileUrl.mockResolvedValue(mockFileUrlResponse);
-
-			fixture.componentRef.setInput('value', 'uploads/new-file.pdf');
-			fixture.detectChanges();
-			await fixture.whenStable();
-
-			expect(fakeS3Service.getFileUrl).toHaveBeenCalled();
-		});
-
-		it('should not reload preview if already loading', () => {
-			fixture.detectChanges();
-			component.isLoading.set(true);
-			fakeS3Service.getFileUrl.mockClear();
-
-			fixture.componentRef.setInput('value', 'uploads/file.pdf');
-			fixture.detectChanges();
-
-			expect(fakeS3Service.getFileUrl).not.toHaveBeenCalled();
-		});
-
-		it('should not reload preview if preview already exists', () => {
-			fixture.detectChanges();
-			component.previewUrl.set('https://example.com/preview');
-			fakeS3Service.getFileUrl.mockClear();
-
-			fixture.componentRef.setInput('value', 'uploads/file.pdf');
-			fixture.detectChanges();
-
-			expect(fakeS3Service.getFileUrl).not.toHaveBeenCalled();
-		});
-	});
-
-	describe('onFileSelected', () => {
-		it('should upload file and update value on success', async () => {
-			fixture.detectChanges();
-			fakeS3Service.uploadFile.mockResolvedValue(mockUploadResponse);
-
-			const file = new File(['test content'], 'test.pdf', {
-				type: 'application/pdf',
-			});
-			const event = {
-				target: {
-					files: [file],
-				},
-			} as unknown as Event;
-
-			vi.spyOn(component.onFieldChange, 'emit');
-			await component.onFileSelected(event);
-			await fixture.whenStable();
-
-			expect(fakeS3Service.uploadFile).toHaveBeenCalledWith('conn-123', 'users', 'document', file);
-			expect(component.internalValue()).toBe('uploads/newfile.pdf');
-			expect(component.onFieldChange.emit).toHaveBeenCalledWith('uploads/newfile.pdf');
-		});
-
-		it('should do nothing if no files selected', async () => {
-			fixture.detectChanges();
-			const event = {
-				target: {
-					files: [],
-				},
-			} as unknown as Event;
-
-			await component.onFileSelected(event);
-
-			expect(fakeS3Service.uploadFile).not.toHaveBeenCalled();
-		});
-
-		it('should do nothing if files is null', async () => {
-			fixture.detectChanges();
-			const event = {
-				target: {
-					files: null,
-				},
-			} as unknown as Event;
-
-			await component.onFileSelected(event);
-
-			expect(fakeS3Service.uploadFile).not.toHaveBeenCalled();
-		});
-
-		it('should set isLoading to true during upload', async () => {
-			fixture.detectChanges();
-			let resolveUpload: (value: { key: string; previewUrl: string }) => void;
-			const pendingPromise = new Promise<{ key: string; previewUrl: string }>((resolve) => {
-				resolveUpload = resolve;
-			});
-			fakeS3Service.uploadFile.mockReturnValue(pendingPromise);
-
-			const file = new File(['test'], 'test.pdf', { type: 'application/pdf' });
-			const event = { target: { files: [file] } } as unknown as Event;
-
-			const uploadPromise = component.onFileSelected(event);
-
-			expect(component.isLoading()).toBe(true);
-
-			resolveUpload!(mockUploadResponse);
-			await uploadPromise;
-		});
-
-		it('should set isLoading to false when upload returns null', async () => {
-			fixture.detectChanges();
-			fakeS3Service.uploadFile.mockResolvedValue(null);
-
-			const file = new File(['test'], 'test.pdf', { type: 'application/pdf' });
-			const event = { target: { files: [file] } } as unknown as Event;
-
-			await component.onFileSelected(event);
-			await fixture.whenStable();
-
-			expect(component.isLoading()).toBe(false);
-		});
-	});
-
-	describe('openFile', () => {
-		it('should open preview URL in new tab', () => {
-			fixture.detectChanges();
-			component.previewUrl.set('https://s3.amazonaws.com/bucket/file.pdf');
-			vi.spyOn(window, 'open');
-
-			component.openFile();
-
-			expect(window.open).toHaveBeenCalledWith('https://s3.amazonaws.com/bucket/file.pdf', '_blank');
-		});
-
-		it('should not open if previewUrl is null', () => {
-			fixture.detectChanges();
-			component.previewUrl.set(null);
-			vi.spyOn(window, 'open');
-
-			component.openFile();
-
-			expect(window.open).not.toHaveBeenCalled();
-		});
-	});
-
-	describe('isImage computed signal', () => {
-		const imageTestCases = [
-			{ value: 'photo.jpg', expected: true },
-			{ value: 'photo.JPG', expected: true },
-			{ value: 'photo.jpeg', expected: true },
-			{ value: 'photo.png', expected: true },
-			{ value: 'photo.gif', expected: true },
-			{ value: 'photo.webp', expected: true },
-			{ value: 'photo.svg', expected: true },
-			{ value: 'photo.bmp', expected: true },
-			{ value: 'document.pdf', expected: false },
-			{ value: 'document.doc', expected: false },
-			{ value: 'data.csv', expected: false },
-			{ value: 'archive.zip', expected: false },
-			{ value: 'uploads/folder/photo.png', expected: true },
-			{ value: 'file-without-extension', expected: false },
-		];
-
-		imageTestCases.forEach(({ value, expected }) => {
-			it(`should return ${expected} for "${value}"`, () => {
-				fixture.componentRef.setInput('value', value);
-				fixture.detectChanges();
-
-				expect(component.isImage()).toBe(expected);
-			});
-		});
-	});
-
-	describe('_loadPreview', () => {
-		it('should set previewUrl on successful load', async () => {
-			fixture.componentRef.setInput('value', 'uploads/photo.jpg');
-			fakeS3Service.getFileUrl.mockResolvedValue(mockFileUrlResponse);
-
-			fixture.detectChanges();
-			await fixture.whenStable();
-
-			expect(component.previewUrl()).toBe(mockFileUrlResponse.url);
-			expect(component.isLoading()).toBe(false);
-		});
-
-		it('should not load preview if value is empty', () => {
-			fixture.componentRef.setInput('value', '');
-			fixture.detectChanges();
-
-			expect(fakeS3Service.getFileUrl).not.toHaveBeenCalled();
-		});
-
-		it('should not load preview if connectionId is missing', async () => {
-			(component as any).connectionId = '';
-			fixture.componentRef.setInput('value', 'uploads/file.pdf');
-			await (component as any)._loadPreview();
-
-			expect(fakeS3Service.getFileUrl).not.toHaveBeenCalled();
-		});
-
-		it('should not load preview if tableName is missing', async () => {
-			fixture.detectChanges();
-			(component as any).tableName = '';
-			fakeS3Service.getFileUrl.mockClear();
-
-			await (component as any)._loadPreview();
-
-			expect(fakeS3Service.getFileUrl).not.toHaveBeenCalled();
-		});
-
-		it('should not load preview if rowPrimaryKey is missing', () => {
-			fixture.componentRef.setInput('rowPrimaryKey', null);
-			fixture.componentRef.setInput('value', 'uploads/file.pdf');
-			fixture.detectChanges();
-
-			expect(fakeS3Service.getFileUrl).not.toHaveBeenCalled();
-		});
-
-		it('should set isLoading to false when getFileUrl returns null', async () => {
-			fixture.componentRef.setInput('value', 'uploads/file.pdf');
-			fakeS3Service.getFileUrl.mockResolvedValue(null);
-
-			fixture.detectChanges();
-			await fixture.whenStable();
-
-			expect(component.isLoading()).toBe(false);
-		});
-	});
-
-	describe('params computed signal', () => {
-		it('should handle undefined widgetStructure gracefully', () => {
-			fixture.componentRef.setInput('widgetStructure', undefined);
-			fixture.detectChanges();
-
-			expect(component.params()).toBeNull();
-		});
-
-		it('should handle null widget_params gracefully', () => {
-			fixture.componentRef.setInput('widgetStructure', {
-				...mockWidgetStructure,
-				widget_params: null as any,
-			});
-			fixture.detectChanges();
-
-			expect(component.params()).toBeNull();
-		});
-
-		it('should handle invalid JSON string gracefully', () => {
-			fixture.componentRef.setInput('widgetStructure', {
-				...mockWidgetStructure,
-				widget_params: 'invalid json' as any,
-			});
-			fixture.detectChanges();
-
-			expect(component.params()).toBeNull();
-		});
-	});
-
-	describe('template integration', () => {
-		beforeEach(() => {
-			fixture.detectChanges();
-		});
-
-		it('should display label in form field', () => {
-			const label = fixture.nativeElement.querySelector('mat-label');
-			expect(label.textContent).toContain('Document');
-		});
-
-		it('should show upload button', () => {
-			const uploadButton = fixture.nativeElement.querySelector('button');
-			expect(uploadButton.textContent).toContain('Upload');
-		});
-
-		it('should disable upload button when disabled', () => {
-			fixture.componentRef.setInput('disabled', true);
-			fixture.detectChanges();
-
-			const uploadButton = fixture.nativeElement.querySelector('button');
-			expect(uploadButton.disabled).toBe(true);
-		});
-
-		it('should disable upload button when readonly', () => {
-			fixture.componentRef.setInput('readonly', true);
-			fixture.detectChanges();
-
-			const uploadButton = fixture.nativeElement.querySelector('button');
-			expect(uploadButton.disabled).toBe(true);
-		});
-
-		it('should disable upload button when loading', () => {
-			component.isLoading.set(true);
-			fixture.detectChanges();
-
-			const uploadButton = fixture.nativeElement.querySelector('button');
-			expect(uploadButton.disabled).toBe(true);
-		});
-
-		it('should show open button when previewUrl exists', () => {
-			component.previewUrl.set('https://example.com/file.pdf');
-			fixture.detectChanges();
-
-			const buttons = fixture.nativeElement.querySelectorAll('button');
-			const openButton = Array.from(buttons).find((b: any) => b.textContent.includes('Open'));
-			expect(openButton).toBeTruthy();
-		});
-
-		it('should not show open button when previewUrl is null', () => {
-			component.previewUrl.set(null);
-			fixture.detectChanges();
-
-			const buttons = fixture.nativeElement.querySelectorAll('button');
-			const openButton = Array.from(buttons).find((b: any) => b.textContent.includes('Open'));
-			expect(openButton).toBeFalsy();
-		});
-
-		it('should show spinner when loading', () => {
-			fixture.componentRef.setInput('value', 'uploads/file.pdf');
-			component.isLoading.set(true);
-			fixture.detectChanges();
-
-			const spinner = fixture.nativeElement.querySelector('mat-spinner');
-			expect(spinner).toBeTruthy();
-		});
-
-		it('should show image preview for image files', () => {
-			fixture.componentRef.setInput('value', 'uploads/photo.jpg');
-			component.previewUrl.set('https://example.com/photo.jpg');
-			component.isLoading.set(false);
-			fixture.detectChanges();
-
-			const img = fixture.nativeElement.querySelector('.s3-widget__thumbnail');
-			expect(img).toBeTruthy();
-			expect(img.src).toBe('https://example.com/photo.jpg');
-		});
-
-		it('should show file icon for non-image files', () => {
-			fixture.componentRef.setInput('value', 'uploads/document.pdf');
-			component.previewUrl.set('https://example.com/document.pdf');
-			component.isLoading.set(false);
-			fixture.detectChanges();
-
-			const fileIcon = fixture.nativeElement.querySelector('.s3-widget__file-icon');
-			expect(fileIcon).toBeTruthy();
-		});
-
-		it('should show truncated filename for long filenames', () => {
-			fixture.componentRef.setInput('value', 'uploads/very-long-filename-that-should-be-truncated.pdf');
-			component.previewUrl.set('https://example.com/file.pdf');
-			component.isLoading.set(false);
-			fixture.detectChanges();
-
-			const filename = fixture.nativeElement.querySelector('.s3-widget__filename');
-			expect(filename).toBeTruthy();
-		});
-	});
-
-	describe('onValueChange', () => {
-		it('should update internalValue and emit change', () => {
-			fixture.detectChanges();
-			vi.spyOn(component.onFieldChange, 'emit');
-
-			component.onValueChange('new-value.pdf');
-
-			expect(component.internalValue()).toBe('new-value.pdf');
-			expect(component.onFieldChange.emit).toHaveBeenCalledWith('new-value.pdf');
-		});
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.stories.ts
deleted file mode 100644
index 0efe02b82..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { S3EditComponent } from './s3.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<S3EditComponent> = {
-	title: 'Record Edit Fields/S3',
-	component: S3EditComponent,
-	args: {
-		key: 'field_name',
-		label: 'S3 Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '',
-	},
-};
-
-export default meta;
-type Story = StoryObj<S3EditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.ts
deleted file mode 100644
index 8deba668c..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/s3/s3.component.ts
+++ /dev/null
@@ -1,177 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, effect, inject, input, OnInit, output, signal } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { normalizeFieldName } from 'src/app/lib/normalize';
-import { TableField, TableForeignKey, WidgetStructure } from 'src/app/models/table';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { S3Service } from 'src/app/services/s3.service';
-import { TablesService } from 'src/app/services/tables.service';
-
-type BucketProvider = 'aws' | 'digitalocean' | 'backblaze' | 'wasabi' | 'cloudflare-r2';
-
-interface BucketWidgetParams {
-	provider?: BucketProvider;
-	bucket: string;
-	prefix?: string;
-	region?: string;
-	account_id?: string;
-	access_key_id: string;
-	access_key: string;
-	type?: 'file' | 'image';
-}
-
-@Component({
-	selector: 'app-edit-s3',
-	templateUrl: './s3.component.html',
-	styleUrl: './s3.component.css',
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatButtonModule,
-		MatIconModule,
-		MatProgressSpinnerModule,
-	],
-})
-export class S3EditComponent implements OnInit {
-	// Signal-based inputs
-	readonly key = input<string>();
-	readonly label = input<string>();
-	readonly required = input<boolean>(false);
-	readonly readonly = input<boolean>(false);
-	readonly structure = input<TableField>();
-	readonly disabled = input<boolean>(false);
-	readonly widgetStructure = input<WidgetStructure>();
-	readonly relations = input<TableForeignKey>();
-	readonly value = input<string>();
-	readonly rowPrimaryKey = input<Record<string, unknown>>();
-
-	// Signal-based output
-	readonly onFieldChange = output<string>();
-
-	// Internal state as signals
-	readonly previewUrl = signal<string | null>(null);
-	readonly isLoading = signal(false);
-	readonly internalValue = signal<string>('');
-
-	// Computed signals
-	readonly normalizedLabel = computed(() => normalizeFieldName(this.label() || ''));
-
-	readonly params = computed<BucketWidgetParams | null>(() => {
-		const ws = this.widgetStructure();
-		if (!ws?.widget_params) return null;
-		try {
-			return typeof ws.widget_params === 'string' ? JSON.parse(ws.widget_params) : ws.widget_params;
-		} catch {
-			return null;
-		}
-	});
-
-	readonly displayFilename = computed(() => {
-		const val = this.internalValue() || this.value();
-		if (!val) return '';
-		const name = val.split('/').pop() || val;
-		return name.length > 40 ? '...' + name.slice(-37) : name;
-	});
-
-	readonly isImage = computed(() => {
-		const p = this.params();
-		const val = this.internalValue() || this.value();
-		if (p?.type === 'image') return true;
-		if (!val) return false;
-		const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg', '.bmp'];
-		return imageExtensions.some((ext) => val.toLowerCase().endsWith(ext));
-	});
-
-	readonly fileAccept = computed(() => {
-		return this.params()?.type === 'image' ? 'image/*' : '*/*';
-	});
-
-	// Services
-	private readonly s3Service = inject(S3Service);
-	private readonly connectionsService = inject(ConnectionsService);
-	private readonly tablesService = inject(TablesService);
-
-	private connectionId: string;
-	private tableName: string;
-
-	constructor() {
-		// Effect to load preview when value changes
-		effect(() => {
-			const val = this.value();
-			const rowPk = this.rowPrimaryKey();
-			if (val && rowPk && !this.previewUrl() && !this.isLoading()) {
-				this._loadPreview();
-			}
-		});
-	}
-
-	ngOnInit(): void {
-		this.connectionId = this.connectionsService.currentConnectionID;
-		this.tableName = this.tablesService.currentTableName;
-
-		// Initialize internal value from input
-		const initialValue = this.value();
-		if (initialValue) {
-			this.internalValue.set(initialValue);
-			this._loadPreview();
-		}
-	}
-
-	async onFileSelected(event: Event): Promise<void> {
-		const input = event.target as HTMLInputElement;
-		if (!input.files?.length) return;
-
-		const file = input.files[0];
-		const fieldName = this.widgetStructure()?.field_name;
-		if (!fieldName) return;
-
-		this.isLoading.set(true);
-
-		const result = await this.s3Service.uploadFile(this.connectionId, this.tableName, fieldName, file);
-
-		if (result) {
-			this.internalValue.set(result.key);
-			this.previewUrl.set(result.previewUrl);
-			this.onFieldChange.emit(result.key);
-		}
-
-		this.isLoading.set(false);
-	}
-
-	openFile(): void {
-		const url = this.previewUrl();
-		if (url) {
-			window.open(url, '_blank');
-		}
-	}
-
-	onValueChange(newValue: string): void {
-		this.internalValue.set(newValue);
-		this.onFieldChange.emit(newValue);
-	}
-
-	private async _loadPreview(): Promise<void> {
-		const val = this.value() || this.internalValue();
-		const rowPk = this.rowPrimaryKey();
-		const fieldName = this.widgetStructure()?.field_name;
-
-		if (!val || !this.connectionId || !this.tableName || !rowPk || !fieldName) return;
-
-		this.isLoading.set(true);
-
-		const response = await this.s3Service.getFileUrl(this.connectionId, this.tableName, fieldName, rowPk);
-
-		if (response) {
-			this.previewUrl.set(response.url);
-		}
-
-		this.isLoading.set(false);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/select/select.component.css b/frontend/src/app/components/ui-components/record-edit-fields/select/select.component.css
deleted file mode 100644
index 828b119a7..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/select/select.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.select-form-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/select/select.component.html b/frontend/src/app/components/ui-components/record-edit-fields/select/select.component.html
deleted file mode 100644
index fc9019433..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/select/select.component.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<mat-form-field class="select-form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <mat-select name="{{label()}}-{{key()}}"
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        attr.data-testid="record-{{label()}}-select"
-        [(ngModel)]="value" (ngModelChange)="onFieldChange.emit($event)">
-        @for (option of options; track option.value) {
-            <mat-option [value]="option.value">
-                {{option.label}}
-            </mat-option>
-        }
-    </mat-select>
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/select/select.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/select/select.component.spec.ts
deleted file mode 100644
index 3ef4a1b34..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/select/select.component.spec.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { SelectEditComponent } from './select.component';
-
-describe('SelectEditComponent', () => {
-	let component: SelectEditComponent;
-	let fixture: ComponentFixture<SelectEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [SelectEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(SelectEditComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should have empty options by default', () => {
-		expect(component.options).toEqual([]);
-	});
-
-	it('should load options from widgetStructure widget_params', () => {
-		const options = [
-			{ value: 'opt1', label: 'Option 1' },
-			{ value: 'opt2', label: 'Option 2' },
-		];
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { options } } as any);
-		component.ngOnInit();
-		expect(component.options).toEqual(options);
-	});
-
-	it('should prepend null option when widgetStructure allow_null is true', () => {
-		const options = [{ value: 'opt1', label: 'Option 1' }];
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { options, allow_null: true } } as any);
-		component.ngOnInit();
-		expect(component.options[0]).toEqual({ value: null, label: '' });
-		expect(component.options.length).toBe(2);
-	});
-
-	it('should not prepend null option when widgetStructure allow_null is false', () => {
-		const options = [{ value: 'opt1', label: 'Option 1' }];
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { options, allow_null: false } } as any);
-		component.ngOnInit();
-		expect(component.options.length).toBe(1);
-		expect(component.options[0].value).toBe('opt1');
-	});
-
-	it('should load options from structure data_type_params when no widgetStructure', () => {
-		fixture.componentRef.setInput('structure', {
-			data_type_params: ['active', 'inactive', 'pending'],
-			allow_null: false,
-		} as any);
-		component.ngOnInit();
-		expect(component.options).toEqual([
-			{ value: 'active', label: 'active' },
-			{ value: 'inactive', label: 'inactive' },
-			{ value: 'pending', label: 'pending' },
-		]);
-	});
-
-	it('should prepend null option from structure when allow_null is true', () => {
-		fixture.componentRef.setInput('structure', {
-			data_type_params: ['active', 'inactive'],
-			allow_null: true,
-		} as any);
-		component.ngOnInit();
-		expect(component.options[0]).toEqual({ value: null, label: '' });
-		expect(component.options.length).toBe(3);
-	});
-
-	it('should return 0 from originalOrder', () => {
-		expect(component.originalOrder()).toBe(0);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/select/select.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/select/select.component.stories.ts
deleted file mode 100644
index ed5d2a871..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/select/select.component.stories.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { SelectEditComponent } from './select.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'enum',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-	data_type_params: ['option1', 'option2', 'option3'],
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<SelectEditComponent> = {
-	title: 'Record Edit Fields/Select',
-	component: SelectEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Select Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'option1',
-	},
-};
-
-export default meta;
-type Story = StoryObj<SelectEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/select/select.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/select/select.component.ts
deleted file mode 100644
index 19c2e5d78..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/select/select.component.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, CUSTOM_ELEMENTS_SCHEMA, model } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatSelectModule } from '@angular/material/select';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-select',
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatSelectModule],
-	templateUrl: './select.component.html',
-	styleUrls: ['./select.component.css'],
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class SelectEditComponent extends BaseEditFieldComponent {
-	readonly value = model<string>();
-
-	public options: { value: string | null; label: string }[] = [];
-
-	originalOrder = () => {
-		return 0;
-	};
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		const ws = this.widgetStructure();
-		const struct = this.structure();
-
-		if (ws) {
-			this.options = ws.widget_params.options;
-			if (ws.widget_params.allow_null) {
-				this.options = [{ value: null, label: '' }, ...this.options];
-			}
-		} else if (struct) {
-			this.options = struct.data_type_params.map((option) => {
-				return { value: option, label: option };
-			});
-			if (struct.allow_null) {
-				this.options = [{ value: null, label: '' }, ...this.options];
-			}
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.css b/frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.css
deleted file mode 100644
index 85157a202..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.static-text {
-	margin-bottom: 20px;
-}
-
-.static-text__value {
-	color: #0a0a0a;
-	font-style: italic;
-	opacity: 0.32;
-	padding-left: 8px;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.html b/frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.html
deleted file mode 100644
index 83a49985b..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="static-text">
-    <span>{{ normalizedLabel() }}</span>
-    @if (value() === null) {
-        <span class="static-text__value">NULL</span>
-    }
-    @if (value()) {
-        <span class="static-text__value">{{ value() }}</span>
-    }
-</div>
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.spec.ts
deleted file mode 100644
index 029442c47..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { StaticTextEditComponent } from './static-text.component';
-
-describe('StaticTextEditComponent', () => {
-	let component: StaticTextEditComponent;
-	let fixture: ComponentFixture<StaticTextEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [StaticTextEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(StaticTextEditComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.stories.ts
deleted file mode 100644
index cc31ab68e..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { StaticTextEditComponent } from './static-text.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<StaticTextEditComponent> = {
-	title: 'Record Edit Fields/StaticText',
-	component: StaticTextEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Static Text Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'This is static text content',
-	},
-};
-
-export default meta;
-type Story = StoryObj<StaticTextEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.ts
deleted file mode 100644
index c4402c407..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/static-text/static-text.component.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, model } from '@angular/core';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-static-text',
-	imports: [CommonModule],
-	templateUrl: './static-text.component.html',
-	styleUrls: ['./static-text.component.css'],
-})
-export class StaticTextEditComponent extends BaseEditFieldComponent {
-	readonly value = model<string>();
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/text/text.component.css b/frontend/src/app/components/ui-components/record-edit-fields/text/text.component.css
deleted file mode 100644
index 51d757486..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/text/text.component.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.text-form-field {
-	width: 100%;
-}
-
-.counter {
-	margin-right: 16px;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/text/text.component.html b/frontend/src/app/components/ui-components/record-edit-fields/text/text.component.html
deleted file mode 100644
index 89c0dc055..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/text/text.component.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<mat-form-field class="text-form-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input matInput type="text" name="{{label()}}-{{key()}}"
-        #textField="ngModel"
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        [maxlength]="maxLength"
-        textValidator
-        [validateType]="validateType"
-        [regexPattern]="regexPattern"
-        attr.data-testid="record-{{label()}}-text"
-        [(ngModel)]="value" (ngModelChange)="handleValueChange($event)">
-    @if (maxLength && maxLength > 0 && value() && 100 > (maxLength - value().length)) {
-        <div matSuffix class="counter">{{value().length}} / {{maxLength}}</div>
-    }
-    @if (textField.errors?.['required']) {
-        <mat-error>This field is required.</mat-error>
-    }
-    @if (textField.errors?.['maxlength']) {
-        <mat-error>Maximum length is {{maxLength}} characters.</mat-error>
-    }
-    @if (textField.errors?.['invalidPattern'] || textField.errors?.[('invalid' + validateType)]) {
-        <mat-error>{{getValidationErrorMessage()}}</mat-error>
-    }
-</mat-form-field>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/text/text.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/text/text.component.spec.ts
deleted file mode 100644
index 89483fdc8..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/text/text.component.spec.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { TextEditComponent } from './text.component';
-
-describe('TextEditComponent', () => {
-	let component: TextEditComponent;
-	let fixture: ComponentFixture<TextEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TextEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TextEditComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should set maxLength from structure character_maximum_length', () => {
-		fixture.componentRef.setInput('structure', { character_maximum_length: 255 } as any);
-		component.ngOnInit();
-		expect(component.maxLength).toBe(255);
-	});
-
-	it('should keep maxLength null when structure has no character_maximum_length', () => {
-		fixture.componentRef.setInput('structure', {} as any);
-		component.ngOnInit();
-		expect(component.maxLength).toBeNull();
-	});
-
-	it('should parse validateType from widget params object', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { validate: 'isEmail' } } as any);
-		component.ngOnInit();
-		expect(component.validateType).toBe('isEmail');
-	});
-
-	it('should parse validateType from widget params string', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: JSON.stringify({ validate: 'isURL' }) } as any);
-		component.ngOnInit();
-		expect(component.validateType).toBe('isURL');
-	});
-
-	it('should parse regexPattern from widget params', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { validate: 'regex', regex: '^[a-z]+$' },
-		} as any);
-		component.ngOnInit();
-		expect(component.regexPattern).toBe('^[a-z]+$');
-	});
-
-	it('should return empty string for getValidationErrorMessage when no validateType', () => {
-		component.validateType = null;
-		expect(component.getValidationErrorMessage()).toBe('');
-	});
-
-	it('should return regex message for regex validateType', () => {
-		component.validateType = 'regex';
-		expect(component.getValidationErrorMessage()).toBe("Value doesn't match the required pattern");
-	});
-
-	it('should return correct message for isEmail validateType', () => {
-		component.validateType = 'isEmail';
-		expect(component.getValidationErrorMessage()).toBe('Invalid email address');
-	});
-
-	it('should return correct message for isURL validateType', () => {
-		component.validateType = 'isURL';
-		expect(component.getValidationErrorMessage()).toBe('Invalid URL');
-	});
-
-	it('should return correct message for isJSON validateType', () => {
-		component.validateType = 'isJSON';
-		expect(component.getValidationErrorMessage()).toBe('Invalid JSON');
-	});
-
-	it('should return fallback message for unknown validateType', () => {
-		component.validateType = 'customValidator';
-		expect(component.getValidationErrorMessage()).toBe('Invalid customValidator');
-	});
-
-	it('should default forceSendEmptyString to false when widget_params omits the key', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { validate: null, regex: null } } as any);
-		component.ngOnInit();
-		expect(component.forceSendEmptyString).toBe(false);
-	});
-
-	it('should emit null on empty input when column is nullable and force_send_empty_string is not set', () => {
-		fixture.componentRef.setInput('structure', { allow_null: true } as any);
-		component.ngOnInit();
-		const emitted: any[] = [];
-		component.onFieldChange.subscribe((v) => emitted.push(v));
-		component.handleValueChange('');
-		expect(emitted).toEqual([null]);
-	});
-
-	it('should emit empty string on empty input when column is not nullable', () => {
-		fixture.componentRef.setInput('structure', { allow_null: false } as any);
-		component.ngOnInit();
-		const emitted: any[] = [];
-		component.onFieldChange.subscribe((v) => emitted.push(v));
-		component.handleValueChange('');
-		expect(emitted).toEqual(['']);
-	});
-
-	it('should emit empty string on empty input when force_send_empty_string is true even on nullable column', () => {
-		fixture.componentRef.setInput('structure', { allow_null: true } as any);
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { force_send_empty_string: true },
-		} as any);
-		component.ngOnInit();
-		const emitted: any[] = [];
-		component.onFieldChange.subscribe((v) => emitted.push(v));
-		component.handleValueChange('');
-		expect(emitted).toEqual(['']);
-	});
-
-	it('should emit non-empty value unchanged regardless of nullability', () => {
-		fixture.componentRef.setInput('structure', { allow_null: true } as any);
-		component.ngOnInit();
-		const emitted: any[] = [];
-		component.onFieldChange.subscribe((v) => emitted.push(v));
-		component.handleValueChange('hello');
-		expect(emitted).toEqual(['hello']);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/text/text.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/text/text.component.stories.ts
deleted file mode 100644
index 566d22a1d..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/text/text.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TextEditComponent } from './text.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TextEditComponent> = {
-	title: 'Record Edit Fields/Text',
-	component: TextEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Text Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'Sample text value',
-	},
-};
-
-export default meta;
-type Story = StoryObj<TextEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/text/text.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/text/text.component.ts
deleted file mode 100644
index 6063f88d1..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/text/text.component.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, model, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { TextValidatorDirective } from 'src/app/directives/text-validator.directive';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-text',
-	templateUrl: './text.component.html',
-	styleUrls: ['./text.component.css'],
-	imports: [CommonModule, MatFormFieldModule, MatInputModule, FormsModule, TextValidatorDirective],
-})
-export class TextEditComponent extends BaseEditFieldComponent implements OnInit {
-	readonly value = model<string>();
-
-	static type = 'text';
-
-	maxLength: number | null = null;
-	validateType: string | null = null;
-	regexPattern: string | null = null;
-	forceSendEmptyString: boolean = false;
-
-	override ngOnInit(): void {
-		super.ngOnInit();
-
-		const struct = this.structure();
-		if (struct?.character_maximum_length) {
-			this.maxLength = struct.character_maximum_length;
-		}
-
-		const ws = this.widgetStructure();
-		if (ws?.widget_params) {
-			const params = typeof ws.widget_params === 'string' ? JSON.parse(ws.widget_params) : ws.widget_params;
-
-			this.validateType = params.validate || null;
-			this.regexPattern = params.regex || null;
-			this.forceSendEmptyString = !!params.force_send_empty_string;
-		}
-	}
-
-	handleValueChange(v: string | null): void {
-		if (v === '' && !this.forceSendEmptyString && this.structure()?.allow_null === true) {
-			this.onFieldChange.emit(null);
-			return;
-		}
-		this.onFieldChange.emit(v);
-	}
-
-	getValidationErrorMessage(): string {
-		if (!this.validateType) {
-			return '';
-		}
-
-		if (this.validateType === 'regex') {
-			return "Value doesn't match the required pattern";
-		}
-
-		const messages = {
-			isEmail: 'Invalid email address',
-			isURL: 'Invalid URL',
-			isIP: 'Invalid IP address',
-			isUUID: 'Invalid UUID',
-			isJSON: 'Invalid JSON',
-			isCreditCard: 'Invalid credit card number',
-			isISBN: 'Invalid ISBN',
-			isAlpha: 'Should contain only letters',
-			isNumeric: 'Should contain only numbers',
-			isAlphanumeric: 'Should contain only letters and numbers',
-			isHexColor: 'Invalid hex color',
-			isBase64: 'Invalid Base64 string',
-			isMobilePhone: 'Invalid mobile phone number',
-			isMACAddress: 'Invalid MAC address',
-			isPostalCode: 'Invalid postal code',
-			isCurrency: 'Invalid currency format',
-		};
-
-		return messages[this.validateType] || `Invalid ${this.validateType}`;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.css b/frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.css
deleted file mode 100644
index 8b6934468..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.feild-set-6 {
-	display: grid;
-	grid-template-columns: repeat(3, 1fr);
-	grid-column-gap: 16px;
-}
-
-::ng-deep .interval-form-field .mat-mdc-form-field-infix {
-	width: auto !important;
-}
-
-.label {
-	grid-column: 1 / span 3;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.html b/frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.html
deleted file mode 100644
index 3d61ace1d..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.html
+++ /dev/null
@@ -1,39 +0,0 @@
-<div class="feild-set-6">
-    <span class="label">{{normalizedLabel()}} @if (required()) { <span>*</span> }</span>
-    <mat-form-field class="interval-form-field" appearance="outline">
-        <mat-label>years</mat-label>
-        <input matInput type="number" name="{{label()}}-{{key()}}"
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            [(ngModel)]="interval.years" (ngModelChange)="onInputChange()">
-    </mat-form-field>
-    <mat-form-field class="interval-form-field" appearance="outline">
-        <mat-label>months</mat-label>
-        <input matInput type="number" name="{{label()}}-{{key()}}"
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            [(ngModel)]="interval.months" (ngModelChange)="onInputChange()">
-    </mat-form-field>
-    <mat-form-field class="interval-form-field" appearance="outline">
-        <mat-label>days</mat-label>
-        <input matInput type="number" name="{{label()}}-{{key()}}"
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            [(ngModel)]="interval.days" (ngModelChange)="onInputChange()">
-    </mat-form-field>
-    <mat-form-field class="interval-form-field" appearance="outline">
-        <mat-label>hours</mat-label>
-        <input matInput type="number" name="{{label()}}-{{key()}}"
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            [(ngModel)]="interval.hours" (ngModelChange)="onInputChange()">
-    </mat-form-field>
-    <mat-form-field class="interval-form-field" appearance="outline">
-        <mat-label>minutes</mat-label>
-        <input matInput type="number" name="{{label()}}-{{key()}}"
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            [(ngModel)]="interval.minutes" (ngModelChange)="onInputChange()">
-    </mat-form-field>
-    <mat-form-field class="interval-form-field" appearance="outline">
-        <mat-label>seconds</mat-label>
-        <input matInput type="number" name="{{label()}}-{{key()}}"
-            [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-            [(ngModel)]="interval.seconds" (ngModelChange)="onInputChange()">
-    </mat-form-field>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.spec.ts
deleted file mode 100644
index c07a0fb26..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.spec.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { TimeIntervalEditComponent } from './time-interval.component';
-
-describe('TimeIntervalEditComponent', () => {
-	let component: TimeIntervalEditComponent;
-	let fixture: ComponentFixture<TimeIntervalEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TimeIntervalEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TimeIntervalEditComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should have default empty interval values', () => {
-		expect(component.interval.years).toBe('');
-		expect(component.interval.months).toBe('');
-		expect(component.interval.days).toBe('');
-		expect(component.interval.hours).toBe('');
-		expect(component.interval.minutes).toBe('');
-		expect(component.interval.seconds).toBe('');
-		expect(component.interval.milliseconds).toBe('');
-	});
-
-	it('should assign value to interval on init when value exists', () => {
-		const intervalValue = {
-			years: '1',
-			months: '2',
-			days: '3',
-			hours: '4',
-			minutes: '30',
-			seconds: '0',
-			milliseconds: '0',
-		};
-		fixture.componentRef.setInput('value', intervalValue);
-		component.ngOnInit();
-		expect(component.interval).toBe(intervalValue);
-	});
-
-	it('should keep default interval when value is falsy on init', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		expect(component.interval.years).toBe('');
-	});
-
-	it('should emit postgres interval string on input change', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		component.interval = {
-			years: '1',
-			months: '0',
-			days: '5',
-			hours: '0',
-			minutes: '0',
-			seconds: '0',
-			milliseconds: '0',
-		};
-		component.onInputChange();
-		expect(component.onFieldChange.emit).toHaveBeenCalled();
-		const emittedValue = (component.onFieldChange.emit as any).mock.calls[0][0];
-		expect(typeof emittedValue).toBe('string');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.stories.ts
deleted file mode 100644
index 8a44390a5..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TimeIntervalEditComponent } from './time-interval.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'interval',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TimeIntervalEditComponent> = {
-	title: 'Record Edit Fields/TimeInterval',
-	component: TimeIntervalEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Time Interval Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '01:30:00',
-	},
-};
-
-export default meta;
-type Story = StoryObj<TimeIntervalEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.ts
deleted file mode 100644
index 0a87bfc33..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/time-interval/time-interval.component.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { CommonModule } from '@angular/common';
-
-import { Component, model } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import * as pgInterval from 'postgres-interval';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-time-interval',
-	imports: [CommonModule, MatFormFieldModule, MatInputModule, FormsModule],
-	templateUrl: './time-interval.component.html',
-	styleUrls: ['./time-interval.component.css'],
-})
-export class TimeIntervalEditComponent extends BaseEditFieldComponent {
-	readonly value = model<any>();
-
-	public interval = {
-		years: '',
-		months: '',
-		days: '',
-		hours: '',
-		minutes: '',
-		seconds: '',
-		milliseconds: '',
-	};
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		if (this.value()) this.interval = this.value();
-	}
-
-	onInputChange() {
-		// @ts-expect-error
-		const currentInterval = pgInterval.prototype.toPostgres.call(this.interval);
-		this.onFieldChange.emit(currentInterval);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/time/time.component.css b/frontend/src/app/components/ui-components/record-edit-fields/time/time.component.css
deleted file mode 100644
index 935f11420..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/time/time.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.time-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/time/time.component.html b/frontend/src/app/components/ui-components/record-edit-fields/time/time.component.html
deleted file mode 100644
index 44b2b29f5..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/time/time.component.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<mat-form-field class="time-field" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    <input type="time" matInput name="{{label()}}-{{key()}}"
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        attr.data-testid="record-{{label()}}-time"
-        [(ngModel)]="value" (ngModelChange)="onFieldChange.emit($event)">
-</mat-form-field>
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/time/time.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/time/time.component.spec.ts
deleted file mode 100644
index 6a4c0cf6a..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/time/time.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { TimeEditComponent } from './time.component';
-
-describe('TimeEditComponent', () => {
-	let component: TimeEditComponent;
-	let fixture: ComponentFixture<TimeEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TimeEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TimeEditComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/time/time.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/time/time.component.stories.ts
deleted file mode 100644
index dd9598aa0..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/time/time.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TimeEditComponent } from './time.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'time',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TimeEditComponent> = {
-	title: 'Record Edit Fields/Time',
-	component: TimeEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Time Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '10:30:00',
-	},
-};
-
-export default meta;
-type Story = StoryObj<TimeEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/time/time.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/time/time.component.ts
deleted file mode 100644
index 6a70d213a..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/time/time.component.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component, model } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-time',
-	templateUrl: './time.component.html',
-	styleUrls: ['./time.component.css'],
-	imports: [MatFormFieldModule, MatInputModule, FormsModule],
-})
-export class TimeEditComponent extends BaseEditFieldComponent {
-	readonly value = model<string>();
-
-	static type = 'datetime';
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.css b/frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.css
deleted file mode 100644
index 388e7c15e..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.timezone-form-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.html b/frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.html
deleted file mode 100644
index 839c684fa..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<mat-form-field class="timezone-form-field" appearance="outline">
-  <mat-label>{{normalizedLabel()}}</mat-label>
-  <mat-select
-    name="{{label()}}-{{key()}}"
-    [required]="required()"
-    [disabled]="disabled()"
-    [readonly]="readonly()"
-    attr.data-testid="record-{{label()}}-timezone"
-    [(ngModel)]="value"
-    (ngModelChange)="onFieldChange.emit($event)">
-    @for (timezone of timezones; track timezone.value) {
-      <mat-option [value]="timezone.value">
-        {{timezone.label}}
-      </mat-option>
-    }
-  </mat-select>
-</mat-form-field>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.spec.ts
deleted file mode 100644
index 9d40c99d1..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.spec.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-import { TimezoneEditComponent } from './timezone.component';
-
-describe('TimezoneEditComponent', () => {
-	let component: TimezoneEditComponent;
-	let fixture: ComponentFixture<TimezoneEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TimezoneEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TimezoneEditComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should populate timezones using Intl API', () => {
-		expect(component.timezones.length).toBeGreaterThan(0);
-	});
-
-	it('should include timezone offset in labels', () => {
-		const timezone = component.timezones.find((tz) => tz.value === 'America/New_York');
-		expect(timezone).toBeDefined();
-		expect(timezone.label).toContain('UTC');
-	});
-
-	it('should emit value on change', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		const testValue = 'America/New_York';
-		fixture.componentRef.setInput('value', testValue);
-		component.onFieldChange.emit(testValue);
-		expect(component.onFieldChange.emit).toHaveBeenCalledWith(testValue);
-	});
-
-	it('should add null option when allow_null is true', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { allow_null: true },
-		} as any);
-		component.ngOnInit();
-		const nullOption = component.timezones.find((tz) => tz.value === null);
-		expect(nullOption).toBeDefined();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.stories.ts
deleted file mode 100644
index de82e8bfb..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TimezoneEditComponent } from './timezone.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TimezoneEditComponent> = {
-	title: 'Record Edit Fields/Timezone',
-	component: TimezoneEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'Timezone Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'UTC',
-	},
-};
-
-export default meta;
-type Story = StoryObj<TimezoneEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.ts
deleted file mode 100644
index ec3e63ad5..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/timezone/timezone.component.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, CUSTOM_ELEMENTS_SCHEMA, model } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatSelectModule } from '@angular/material/select';
-
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-timezone',
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatSelectModule],
-	templateUrl: './timezone.component.html',
-	styleUrls: ['./timezone.component.css'],
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class TimezoneEditComponent extends BaseEditFieldComponent {
-	readonly value = model<string>();
-
-	public timezones: { value: string; label: string }[] = [];
-
-	originalOrder = () => {
-		return 0;
-	};
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		this.initializeTimezones();
-	}
-
-	private initializeTimezones(): void {
-		// Get all available timezone identifiers from Intl API
-		const timezoneList = Intl.supportedValuesOf('timeZone');
-
-		// Map timezones to format with offset and readable label
-		this.timezones = timezoneList.map((tz) => {
-			const offset = this.getTimezoneOffset(tz);
-			return {
-				value: tz,
-				label: `${tz} (UTC${offset})`,
-			};
-		});
-
-		// Sort by timezone name
-		this.timezones.sort((a, b) => a.value.localeCompare(b.value));
-
-		// Check widget params for allow_null option
-		const ws = this.widgetStructure();
-		if (ws?.widget_params?.allow_null) {
-			this.timezones = [{ value: null, label: '' }, ...this.timezones];
-		} else if (this.structure()?.allow_null) {
-			this.timezones = [{ value: null, label: '' }, ...this.timezones];
-		}
-	}
-
-	private getTimezoneOffset(timezone: string): string {
-		try {
-			const now = new Date();
-			const formatter = new Intl.DateTimeFormat('en-US', {
-				timeZone: timezone,
-				timeZoneName: 'longOffset',
-			});
-
-			const parts = formatter.formatToParts(now);
-			const offsetPart = parts.find((part) => part.type === 'timeZoneName');
-
-			if (offsetPart?.value.includes('GMT')) {
-				// Extract offset from "GMT+XX:XX" format
-				const offset = offsetPart.value.replace('GMT', '');
-				return offset === '' ? '+00:00' : offset;
-			}
-
-			// Fallback: calculate offset manually
-			const utcDate = new Date(now.toLocaleString('en-US', { timeZone: 'UTC' }));
-			const tzDate = new Date(now.toLocaleString('en-US', { timeZone: timezone }));
-			const offsetMinutes = (tzDate.getTime() - utcDate.getTime()) / 60000;
-			const hours = Math.floor(Math.abs(offsetMinutes) / 60);
-			const minutes = Math.abs(offsetMinutes) % 60;
-			const sign = offsetMinutes >= 0 ? '+' : '-';
-			return `${sign}${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;
-		} catch (_error) {
-			return '';
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/url/url.component.css b/frontend/src/app/components/ui-components/record-edit-fields/url/url.component.css
deleted file mode 100644
index 1502b7426..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/url/url.component.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.url-box {
-	margin-bottom: 12px;
-	width: 100%;
-}
-
-/* Handle long URL prefixes with overflow */
-::ng-deep .mat-mdc-form-field-text-prefix {
-	max-width: 30%;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	display: inline-block;
-	vertical-align: middle;
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/url/url.component.html b/frontend/src/app/components/ui-components/record-edit-fields/url/url.component.html
deleted file mode 100644
index 4ee0ac040..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/url/url.component.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<mat-form-field class="url-box" appearance="outline">
-    <mat-label>{{normalizedLabel()}}</mat-label>
-    @if (prefix) {
-        <span matTextPrefix>{{prefix}}</span>
-    }
-    <input matInput type="text" name="{{label()}}-{{key()}}" #image="ngModel"
-        [required]="required()" [disabled]="disabled()" [readonly]="readonly()"
-        urlValidator
-        [urlPrefix]="prefix"
-        attr.data-testid="record-{{label()}}-image"
-        [(ngModel)]="value" (ngModelChange)="onFieldChange.emit($event)">
-        @if (image.errors?.isInvalidURL) {
-            <mat-error>URL is invalid.</mat-error>
-        }
-</mat-form-field>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/url/url.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/url/url.component.spec.ts
deleted file mode 100644
index 9edd8c4a4..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/url/url.component.spec.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { UrlEditComponent } from './url.component';
-
-describe('UrlComponent', () => {
-	let component: UrlEditComponent;
-	let fixture: ComponentFixture<UrlEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [FormsModule, UrlEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(UrlEditComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should have empty prefix by default', () => {
-		expect(component.prefix).toBe('');
-	});
-
-	it('should parse prefix from widget params object', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { prefix: 'https://api.example.com/' } } as any);
-		component.ngOnInit();
-		expect(component.prefix).toBe('https://api.example.com/');
-	});
-
-	it('should parse prefix from widget params string', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: JSON.stringify({ prefix: 'https://test.com/' }) } as any);
-		component.ngOnInit();
-		expect(component.prefix).toBe('https://test.com/');
-	});
-
-	it('should keep empty prefix when widget params have no prefix', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: {} } as any);
-		component.ngOnInit();
-		expect(component.prefix).toBe('');
-	});
-
-	it('should update prefix on ngOnChanges', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { prefix: 'https://updated.com/' } } as any);
-		component.ngOnChanges();
-		expect(component.prefix).toBe('https://updated.com/');
-	});
-
-	it('should handle invalid JSON in widget params gracefully', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: 'invalid-json' } as any);
-		component.ngOnInit();
-		expect(component.prefix).toBe('');
-	});
-
-	it('should not change prefix when widgetStructure is undefined', () => {
-		fixture.componentRef.setInput('widgetStructure', undefined);
-		component.ngOnInit();
-		expect(component.prefix).toBe('');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/url/url.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/url/url.component.stories.ts
deleted file mode 100644
index 8ed9d39e7..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/url/url.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { UrlEditComponent } from './url.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<UrlEditComponent> = {
-	title: 'Record Edit Fields/URL',
-	component: UrlEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'URL Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: 'https://example.com',
-	},
-};
-
-export default meta;
-type Story = StoryObj<UrlEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/url/url.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/url/url.component.ts
deleted file mode 100644
index 4d2428727..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/url/url.component.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, model, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { UrlValidatorDirective } from 'src/app/directives/url-validator.directive';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-url',
-	imports: [CommonModule, FormsModule, MatFormFieldModule, MatInputModule, UrlValidatorDirective],
-	templateUrl: './url.component.html',
-	styleUrl: './url.component.css',
-})
-export class UrlEditComponent extends BaseEditFieldComponent implements OnInit {
-	readonly value = model<string>();
-	public prefix: string = '';
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		this._parseWidgetParams();
-	}
-
-	ngOnChanges(): void {
-		this._parseWidgetParams();
-	}
-
-	private _parseWidgetParams(): void {
-		const ws = this.widgetStructure();
-		if (ws?.widget_params) {
-			try {
-				const params = typeof ws.widget_params === 'string' ? JSON.parse(ws.widget_params) : ws.widget_params;
-
-				if (params.prefix !== undefined) {
-					this.prefix = params.prefix || '';
-				}
-			} catch (e) {
-				console.error('Error parsing URL widget params:', e);
-			}
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.css b/frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.css
deleted file mode 100644
index f5208688c..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.css
+++ /dev/null
@@ -1,54 +0,0 @@
-.uuid-field {
-	width: 100%;
-}
-
-.uuid-input {
-	font-family: "Roboto Mono", monospace;
-	font-size: 14px;
-}
-
-.regenerate-button {
-	cursor: pointer;
-}
-
-.regenerate-button:hover {
-	color: var(--mat-primary);
-}
-
-.uuid-config-info {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	margin-top: -16px;
-	margin-bottom: 16px;
-	padding: 8px;
-	background-color: var(--mat-grey-100);
-	border-radius: 4px;
-	font-size: 12px;
-}
-
-.info-icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-	color: var(--mat-grey-600);
-}
-
-.info-text {
-	color: var(--mat-grey-700);
-}
-
-/* Dark mode support */
-@media (prefers-color-scheme: dark) {
-	.uuid-config-info {
-		background-color: var(--mat-grey-800);
-	}
-
-	.info-icon {
-		color: var(--mat-grey-400);
-	}
-
-	.info-text {
-		color: var(--mat-grey-300);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.html b/frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.html
deleted file mode 100644
index 4b28ea60b..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<mat-form-field appearance="outline" class="uuid-field">
-  <mat-label>{{ normalizedLabel() }}</mat-label>
-  <input
-    matInput
-    [(ngModel)]="value"
-    [readonly]="readonly()"
-    [disabled]="disabled()"
-    [required]="required()"
-    (ngModelChange)="onFieldChange.emit($event)"
-    placeholder="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
-    class="uuid-input"
-  />
-
-  @if (!readonly() && !disabled()) {
-    <button
-      mat-icon-button
-      matSuffix
-      (click)="generateUuid()"
-      matTooltip="Generate new UUID"
-      type="button"
-      class="regenerate-button"
-    >
-      <mat-icon>refresh</mat-icon>
-    </button>
-  }
-
-  @if (value() && validateUuid(value())) {
-    <mat-hint align="end">
-      UUID {{ getUuidVersion(value()) ? 'v' + getUuidVersion(value()) : 'version unknown' }}
-    </mat-hint>
-  }
-
-  @if (value() && !validateUuid(value())) {
-    <mat-error>Invalid UUID format</mat-error>
-  }
-</mat-form-field>
-
-<!-- Widget configuration info for v3/v5 versions -->
-@if (!readonly() && !disabled() && (uuidVersion === 'v3' || uuidVersion === 'v5')) {
-  <div class="uuid-config-info">
-    <mat-icon class="info-icon">info</mat-icon>
-    <span class="info-text">
-      UUID {{ uuidVersion }} uses namespace/name hashing. Configure these in widget parameters.
-    </span>
-  </div>
-}
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.spec.ts b/frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.spec.ts
deleted file mode 100644
index d4191d55d..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.spec.ts
+++ /dev/null
@@ -1,162 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { validate as uuidValidate } from 'uuid';
-import { UuidEditComponent } from './uuid.component';
-
-describe('UuidEditComponent', () => {
-	let component: UuidEditComponent;
-	let fixture: ComponentFixture<UuidEditComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [UuidEditComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(UuidEditComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should be in create mode when value is empty', () => {
-		fixture.componentRef.setInput('value', '');
-		component.ngOnInit();
-		expect(component.isCreateMode).toBe(true);
-	});
-
-	it('should be in update mode when value is set', () => {
-		fixture.componentRef.setInput('value', '550e8400-e29b-41d4-a716-446655440000');
-		component.ngOnInit();
-		expect(component.isCreateMode).toBe(false);
-	});
-
-	it('should generate a UUID on create mode', () => {
-		fixture.componentRef.setInput('value', '');
-		component.ngOnInit();
-		expect(component.value()).toBeTruthy();
-		expect(uuidValidate(component.value())).toBe(true);
-	});
-
-	it('should not overwrite existing value on init', () => {
-		const existingUuid = '550e8400-e29b-41d4-a716-446655440000';
-		fixture.componentRef.setInput('value', existingUuid);
-		component.ngOnInit();
-		expect(component.value()).toBe(existingUuid);
-	});
-
-	it('should default to v4 UUID version', () => {
-		expect(component.uuidVersion).toBe('v4');
-	});
-
-	it('should parse widget params for version', () => {
-		fixture.componentRef.setInput('value', '');
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { version: 'v1' },
-		} as any);
-		component.ngOnInit();
-		expect(component.uuidVersion).toBe('v1');
-	});
-
-	it('should parse widget params for namespace and name', () => {
-		fixture.componentRef.setInput('value', '');
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: {
-				version: 'v5',
-				namespace: '6ba7b811-9dad-11d1-80b4-00c04fd430c8',
-				name: 'test',
-			},
-		} as any);
-		component.ngOnInit();
-		expect(component.namespace).toBe('6ba7b811-9dad-11d1-80b4-00c04fd430c8');
-		expect(component.name).toBe('test');
-	});
-
-	it('should generate a valid v1 UUID', () => {
-		component.uuidVersion = 'v1';
-		component.generateUuid();
-		expect(uuidValidate(component.value())).toBe(true);
-	});
-
-	it('should generate a valid v4 UUID', () => {
-		component.uuidVersion = 'v4';
-		component.generateUuid();
-		expect(uuidValidate(component.value())).toBe(true);
-	});
-
-	it('should generate a valid v7 UUID', () => {
-		component.uuidVersion = 'v7';
-		component.generateUuid();
-		expect(uuidValidate(component.value())).toBe(true);
-	});
-
-	it('should generate a v3 UUID with name', () => {
-		component.uuidVersion = 'v3';
-		component.name = 'test-name';
-		component.generateUuid();
-		expect(uuidValidate(component.value())).toBe(true);
-	});
-
-	it('should generate a v5 UUID with name', () => {
-		component.uuidVersion = 'v5';
-		component.name = 'test-name';
-		component.generateUuid();
-		expect(uuidValidate(component.value())).toBe(true);
-	});
-
-	it('should generate deterministic v5 UUID for same inputs', () => {
-		component.uuidVersion = 'v5';
-		component.name = 'test';
-		component.namespace = '6ba7b810-9dad-11d1-80b4-00c04fd430c8';
-		component.generateUuid();
-		const firstUuid = component.value();
-
-		component.generateUuid();
-		const secondUuid = component.value();
-
-		expect(firstUuid).toBe(secondUuid);
-	});
-
-	it('should emit onFieldChange when UUID is generated', () => {
-		vi.spyOn(component.onFieldChange, 'emit');
-		component.generateUuid();
-		expect(component.onFieldChange.emit).toHaveBeenCalled();
-	});
-
-	it('should fallback to v4 for unknown version', () => {
-		component.uuidVersion = 'v99' as any;
-		component.generateUuid();
-		expect(uuidValidate(component.value())).toBe(true);
-	});
-
-	it('should validate a valid UUID', () => {
-		expect(component.validateUuid('550e8400-e29b-41d4-a716-446655440000')).toBe(true);
-	});
-
-	it('should invalidate a non-UUID string', () => {
-		expect(component.validateUuid('not-a-uuid')).toBe(false);
-	});
-
-	it('should return UUID version for valid UUID', () => {
-		const result = component.getUuidVersion('550e8400-e29b-41d4-a716-446655440000');
-		expect(result).toBe(4);
-	});
-
-	it('should return false for invalid UUID in getUuidVersion', () => {
-		const result = component.getUuidVersion('invalid');
-		expect(result).toBe(false);
-	});
-
-	it('should have available versions list', () => {
-		expect(component.availableVersions.length).toBe(5);
-		expect(component.availableVersions.map((v) => v.value)).toEqual(['v1', 'v3', 'v4', 'v5', 'v7']);
-	});
-
-	it('should have standard namespaces', () => {
-		expect(component.namespaces.length).toBe(4);
-		expect(component.namespaces.map((n) => n.label)).toEqual(['DNS', 'URL', 'OID', 'X500']);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.stories.ts b/frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.stories.ts
deleted file mode 100644
index 8d3910e2c..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { UuidEditComponent } from './uuid.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'uuid',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<UuidEditComponent> = {
-	title: 'Record Edit Fields/UUID',
-	component: UuidEditComponent,
-	args: {
-		key: 'field_name',
-		label: 'UUID Field',
-		required: false,
-		readonly: false,
-		disabled: false,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		value: '550e8400-e29b-41d4-a716-446655440000',
-	},
-};
-
-export default meta;
-type Story = StoryObj<UuidEditComponent>;
-
-export const Default: Story = {};
-export const Required: Story = { args: { required: true } };
-export const Readonly: Story = { args: { readonly: true } };
-export const Disabled: Story = { args: { disabled: true } };
diff --git a/frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.ts b/frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.ts
deleted file mode 100644
index f0b433c7f..000000000
--- a/frontend/src/app/components/ui-components/record-edit-fields/uuid/uuid.component.ts
+++ /dev/null
@@ -1,151 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, model, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatSelectModule } from '@angular/material/select';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import {
-	validate as uuidValidate,
-	version as uuidVersion,
-	v1 as uuidv1,
-	v3 as uuidv3,
-	v4 as uuidv4,
-	v5 as uuidv5,
-	v7 as uuidv7,
-} from 'uuid';
-import { BaseEditFieldComponent } from '../base-row-field/base-row-field.component';
-
-@Component({
-	selector: 'app-edit-uuid',
-	templateUrl: './uuid.component.html',
-	styleUrls: ['./uuid.component.css'],
-	imports: [
-		CommonModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatButtonModule,
-		MatIconModule,
-		MatSelectModule,
-		MatTooltipModule,
-		FormsModule,
-	],
-})
-export class UuidEditComponent extends BaseEditFieldComponent implements OnInit {
-	readonly value = model<string>();
-
-	static type = 'uuid';
-
-	public uuidVersion: string = 'v4';
-	public isCreateMode: boolean = true;
-	public namespace: string = '6ba7b810-9dad-11d1-80b4-00c04fd430c8'; // Default DNS namespace
-	public name: string = '';
-
-	// Available UUID versions
-	public availableVersions = [
-		{ value: 'v1', label: 'v1 (timestamp + MAC)', description: 'Timestamp and MAC address based' },
-		{ value: 'v3', label: 'v3 (MD5 hash)', description: 'MD5 hash of namespace and name' },
-		{ value: 'v4', label: 'v4 (random)', description: 'Random UUID (most common)' },
-		{ value: 'v5', label: 'v5 (SHA-1 hash)', description: 'SHA-1 hash of namespace and name' },
-		{ value: 'v7', label: 'v7 (timestamp)', description: 'Timestamp-based sortable UUID' },
-	];
-
-	// Standard namespaces for v3/v5
-	public namespaces = [
-		{ value: '6ba7b810-9dad-11d1-80b4-00c04fd430c8', label: 'DNS' },
-		{ value: '6ba7b811-9dad-11d1-80b4-00c04fd430c8', label: 'URL' },
-		{ value: '6ba7b812-9dad-11d1-80b4-00c04fd430c8', label: 'OID' },
-		{ value: '6ba7b814-9dad-11d1-80b4-00c04fd430c8', label: 'X500' },
-	];
-
-	ngOnInit(): void {
-		super.ngOnInit();
-
-		// Determine if we're in create or update mode
-		this.isCreateMode = !this.value() || this.value() === '';
-
-		// Parse widget parameters
-		const ws = this.widgetStructure();
-		if (ws?.widget_params) {
-			try {
-				const params =
-					typeof ws.widget_params === 'string'
-						? JSON.parse(ws.widget_params)
-						: ws.widget_params;
-
-				if (params.version) {
-					this.uuidVersion = params.version;
-				}
-				if (params.namespace) {
-					this.namespace = params.namespace;
-				}
-				if (params.name) {
-					this.name = params.name;
-				}
-			} catch (e) {
-				console.error('Error parsing UUID widget params:', e);
-			}
-		}
-
-		// Generate UUID on create
-		if (this.isCreateMode) {
-			this.generateUuid();
-		}
-	}
-
-	generateUuid(): void {
-		let uuid = '';
-
-		try {
-			switch (this.uuidVersion) {
-				case 'v1':
-					uuid = uuidv1();
-					break;
-				case 'v3':
-					if (this.name) {
-						uuid = uuidv3(this.name, this.namespace);
-					} else {
-						uuid = uuidv3(Date.now().toString(), this.namespace);
-					}
-					break;
-				case 'v4':
-					uuid = uuidv4();
-					break;
-				case 'v5':
-					if (this.name) {
-						uuid = uuidv5(this.name, this.namespace);
-					} else {
-						uuid = uuidv5(Date.now().toString(), this.namespace);
-					}
-					break;
-				case 'v7':
-					uuid = uuidv7();
-					break;
-				default:
-					uuid = uuidv4();
-			}
-
-			this.value.set(uuid);
-			this.onFieldChange.emit(this.value());
-		} catch (error) {
-			console.error('Error generating UUID:', error);
-			// Fallback to v4
-			this.value.set(uuidv4());
-			this.onFieldChange.emit(this.value());
-		}
-	}
-
-	validateUuid(value: string): boolean {
-		return uuidValidate(value);
-	}
-
-	getUuidVersion(value: string): number | false {
-		try {
-			return uuidVersion(value);
-		} catch {
-			return false;
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/base-record-view-field/base-record-view-field.component.css b/frontend/src/app/components/ui-components/record-view-fields/base-record-view-field/base-record-view-field.component.css
deleted file mode 100644
index 0694f24bb..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/base-record-view-field/base-record-view-field.component.css
+++ /dev/null
@@ -1,25 +0,0 @@
-.field-view-value {
-	word-wrap: anywhere;
-	word-break: keep-all;
-	white-space: break-spaces;
-	max-width: 100%;
-}
-
-@media (prefers-color-scheme: light) {
-	.field-view-value {
-		color: rgba(0, 0, 0, 0.64);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.field-view-value {
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-.field-view-icon {
-	font-size: 16px;
-	height: 16px;
-	margin-left: 8px;
-	width: 16px;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/base-record-view-field/base-record-view-field.component.html b/frontend/src/app/components/ui-components/record-view-fields/base-record-view-field/base-record-view-field.component.html
deleted file mode 100644
index 67e1f2808..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/base-record-view-field/base-record-view-field.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<!-- Base template is empty, will be overridden by child components -->
diff --git a/frontend/src/app/components/ui-components/record-view-fields/base-record-view-field/base-record-view-field.component.ts b/frontend/src/app/components/ui-components/record-view-fields/base-record-view-field/base-record-view-field.component.ts
deleted file mode 100644
index e594d11ae..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/base-record-view-field/base-record-view-field.component.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Component, input, output } from '@angular/core';
-import { TableField, WidgetStructure } from 'src/app/models/table';
-
-@Component({
-	selector: 'app-base-record-view-field',
-	templateUrl: './base-record-view-field.component.html',
-	styleUrls: ['./base-record-view-field.component.css'],
-})
-export class BaseRecordViewFieldComponent {
-	readonly key = input<string>();
-	readonly value = input<any>();
-	readonly structure = input<TableField>();
-	readonly widgetStructure = input<WidgetStructure>();
-	readonly rowData = input<Record<string, unknown>>();
-	readonly primaryKeys = input<Record<string, unknown>>();
-
-	readonly onCopyToClipboard = output<string>();
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.css b/frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.css
deleted file mode 100644
index 85157a202..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.static-text {
-	margin-bottom: 20px;
-}
-
-.static-text__value {
-	color: #0a0a0a;
-	font-style: italic;
-	opacity: 0.32;
-	padding-left: 8px;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.html b/frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.html
deleted file mode 100644
index 0e88e629b..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="field-display">
-  <span class="field-value">{{value() || '—'}}</span>
-</div>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.spec.ts
deleted file mode 100644
index 427999347..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BinaryDataCaptionRecordViewComponent } from './binary-data-caption.component';
-
-describe('BinaryDataCaptionRecordViewComponent', () => {
-	let component: BinaryDataCaptionRecordViewComponent;
-	let fixture: ComponentFixture<BinaryDataCaptionRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BinaryDataCaptionRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(BinaryDataCaptionRecordViewComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.stories.ts
deleted file mode 100644
index 7d286d36b..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { BinaryDataCaptionRecordViewComponent } from './binary-data-caption.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'bytea',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<BinaryDataCaptionRecordViewComponent> = {
-	title: 'Record View Fields/BinaryDataCaption',
-	component: BinaryDataCaptionRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '(binary data)',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '(binary data)' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<BinaryDataCaptionRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.ts b/frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.ts
deleted file mode 100644
index e5faa8310..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/binary-data-caption/binary-data-caption.component.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Component } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-binary-data-caption-record-view',
-	templateUrl: './binary-data-caption.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './binary-data-caption.component.css'],
-	imports: [MatIconModule, MatButtonModule, MatTooltipModule],
-})
-export class BinaryDataCaptionRecordViewComponent extends BaseRecordViewFieldComponent {}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.css b/frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.css
deleted file mode 100644
index 48a302fb0..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.binary-view {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-.binary-view-value {
-	font-family: monospace;
-	font-size: 13px;
-	word-break: break-all;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.html b/frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.html
deleted file mode 100644
index 19b931141..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<div class="binary-view">
-    <span class="field-view-value binary-view-value"
-        [matTooltip]="isTruncated() ? encodedValue() : ''"
-        matTooltipPosition="above">{{ displayText() }}</span>
-    @if (encodedValue()) {
-        <button type="button" mat-icon-button
-            class="binary-view-copy"
-            [matTooltip]="copyTooltip()"
-            [cdkCopyToClipboard]="encodedValue()"
-            (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Binary data was copied to clipboard.')">
-            <mat-icon>content_copy</mat-icon>
-        </button>
-    }
-</div>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.spec.ts
deleted file mode 100644
index 7c2bc7fe3..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.spec.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { BinaryRecordViewComponent } from './binary.component';
-
-describe('BinaryRecordViewComponent', () => {
-	let component: BinaryRecordViewComponent;
-	let fixture: ComponentFixture<BinaryRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BinaryRecordViewComponent, BrowserAnimationsModule],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(BinaryRecordViewComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('shows em-dash for empty value', () => {
-		fixture.detectChanges();
-		expect(component.displayText()).toBe('—');
-	});
-
-	it('parses a server string as char-code-per-byte', () => {
-		fixture.componentRef.setInput('value', 'Hel');
-		fixture.detectChanges();
-		expect(component.bytes()).toEqual([0x48, 0x65, 0x6c]);
-		expect(component.encodedValue()).toBe('48656c');
-	});
-
-	it('parses a Buffer-JSON value to a byte array', () => {
-		fixture.componentRef.setInput('value', { type: 'Buffer', data: [0x48, 0x65, 0x6c] });
-		fixture.detectChanges();
-		expect(component.bytes()).toEqual([0x48, 0x65, 0x6c]);
-		expect(component.encodedValue()).toBe('48656c');
-	});
-
-	it('truncates long hex with ellipsis', () => {
-		fixture.componentRef.setInput('value', 'ª'.repeat(50));
-		fixture.detectChanges();
-		expect(component.encodedValue()).toBe('aa'.repeat(50));
-		expect(component.isTruncated()).toBe(true);
-		expect(component.displayText()).toBe('aa'.repeat(40) + '…');
-	});
-
-	describe('encoding param', () => {
-		it('defaults to hex when widgetStructure is absent', () => {
-			fixture.componentRef.setInput('value', 'Hi');
-			fixture.detectChanges();
-			expect(component.encoding()).toBe('hex');
-			expect(component.encodedValue()).toBe('4869');
-		});
-
-		it('renders base64 when encoding=base64', () => {
-			fixture.componentRef.setInput('value', 'Hello');
-			fixture.componentRef.setInput('widgetStructure', { widget_params: { encoding: 'base64' } });
-			fixture.detectChanges();
-			expect(component.encoding()).toBe('base64');
-			expect(component.encodedValue()).toBe('SGVsbG8=');
-		});
-
-		it('renders ascii with non-printable replacement', () => {
-			fixture.componentRef.setInput('value', { type: 'Buffer', data: [0x48, 0x00, 0x69] });
-			fixture.componentRef.setInput('widgetStructure', { widget_params: { encoding: 'ascii' } });
-			fixture.detectChanges();
-			expect(component.encoding()).toBe('ascii');
-			expect(component.encodedValue()).toBe('H.i');
-		});
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.ts b/frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.ts
deleted file mode 100644
index 22ed34467..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/binary/binary.component.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component, computed } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { bytesToEncoded, isBinaryEncoding, parseBinaryValue } from 'src/app/lib/binary';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-const MAX_DISPLAY_LENGTH = 80;
-
-@Component({
-	selector: 'app-binary-record-view',
-	templateUrl: './binary.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './binary.component.css'],
-	imports: [ClipboardModule, MatButtonModule, MatIconModule, MatTooltipModule],
-})
-export class BinaryRecordViewComponent extends BaseRecordViewFieldComponent {
-	public readonly bytes = computed(() => parseBinaryValue(this.value()));
-	public readonly encoding = computed(() => {
-		const raw = this.widgetStructure()?.widget_params?.encoding;
-		return isBinaryEncoding(raw) ? raw : 'hex';
-	});
-	public readonly encodedValue = computed(() => bytesToEncoded(this.bytes(), this.encoding()));
-	public readonly copyTooltip = computed(() => `Copy ${this.encoding()}`);
-
-	public readonly displayText = computed(() => {
-		const encoded = this.encodedValue();
-		if (!encoded) return '—';
-		return encoded.length > MAX_DISPLAY_LENGTH ? encoded.substring(0, MAX_DISPLAY_LENGTH) + '…' : encoded;
-	});
-
-	public readonly isTruncated = computed(() => this.encodedValue().length > MAX_DISPLAY_LENGTH);
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.css b/frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.css
deleted file mode 100644
index 8aa0f1d9b..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.boolean-icon {
-	transform: scale(0.85);
-}
-
-.boolean-icon-true {
-	color: var(--color-successPalette-500);
-}
-
-.boolean-icon-false {
-	color: var(--color-warnPalette-500);
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.html b/frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.html
deleted file mode 100644
index 6b24d5b26..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.html
+++ /dev/null
@@ -1,15 +0,0 @@
-@if (value() === true) {
-<mat-icon
-          [ngClass]="{'boolean-icon': true, 'boolean-icon-true': !invertColors, 'boolean-icon-false': invertColors}">
-  check
-</mat-icon>
-}
-@if (value() === false) {
-<mat-icon
-          [ngClass]="{'boolean-icon': true, 'boolean-icon-false': !invertColors, 'boolean-icon-true': invertColors}">
-  close
-</mat-icon>
-}
-@if (value() !== true && value() !== false) {
-<span>—</span>
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.spec.ts
deleted file mode 100644
index b222ebdab..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.spec.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BooleanRecordViewComponent } from './boolean.component';
-
-describe('BooleanRecordViewComponent', () => {
-	let component: BooleanRecordViewComponent;
-	let fixture: ComponentFixture<BooleanRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BooleanRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(BooleanRecordViewComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should return false for invertColors when no widget params', () => {
-		fixture.componentRef.setInput('widgetStructure', undefined);
-		expect(component.invertColors).toBe(false);
-	});
-
-	it('should return true for invertColors when widget_params.invertColors is true', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { invertColors: true } } as any);
-		expect(component.invertColors).toBe(true);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.stories.ts
deleted file mode 100644
index 0b36b26f6..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { BooleanRecordViewComponent } from './boolean.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'boolean',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<BooleanRecordViewComponent> = {
-	title: 'Record View Fields/Boolean',
-	component: BooleanRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: true,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: true },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<BooleanRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.ts b/frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.ts
deleted file mode 100644
index 629cef471..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { MatIconModule } from '@angular/material/icon';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-boolean-record-view',
-	templateUrl: './boolean.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './boolean.component.css'],
-	imports: [MatIconModule, CommonModule],
-})
-export class BooleanRecordViewComponent extends BaseRecordViewFieldComponent {
-	get invertColors(): boolean {
-		return this.widgetStructure()?.widget_params?.invertColors === true;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/code/code.component.css b/frontend/src/app/components/ui-components/record-view-fields/code/code.component.css
deleted file mode 100644
index 8f1be46a3..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/code/code.component.css
+++ /dev/null
@@ -1,20 +0,0 @@
-:host {
-	width: 100%;
-}
-
-.code-editor-box {
-	display: block;
-	border: 1px solid rgba(0, 0, 0, 0.38);
-	border-radius: 0;
-	margin-top: 4px;
-	margin-bottom: 20px;
-	/* overflow-y: auto;
-    resize: vertical; */
-	overflow: auto;
-	resize: both;
-}
-
-.code-editor-box ::ng-deep .ngs-code-editor {
-	width: 100%;
-	height: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/code/code.component.html b/frontend/src/app/components/ui-components/record-view-fields/code/code.component.html
deleted file mode 100644
index bc49d5236..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/code/code.component.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="code-editor-box">
-  <ngs-code-editor
-    [theme]="codeEditorTheme"
-    [codeModel]="codeModel"
-    [options]="codeEditorOptions"
-    [readOnly]="true">
-  </ngs-code-editor>
-</div>
-
diff --git a/frontend/src/app/components/ui-components/record-view-fields/code/code.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/code/code.component.spec.ts
deleted file mode 100644
index 7c1df4898..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/code/code.component.spec.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { CodeRecordViewComponent } from './code.component';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-
-describe('CodeRecordViewComponent', () => {
-	let component: CodeRecordViewComponent;
-	let fixture: ComponentFixture<CodeRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [CodeRecordViewComponent],
-			providers: [
-				{ provide: UiSettingsService, useValue: { isDarkMode: false } },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(CodeRecordViewComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should set code model on init', () => {
-		fixture.componentRef.setInput('value', 'console.log()');
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { language: 'javascript' },
-			field_name: 'code',
-		});
-		fixture.componentRef.setInput('key', 'test');
-		component.ngOnInit();
-		expect(component.codeModel).toEqual({
-			language: 'javascript',
-			uri: 'test.json',
-			value: 'console.log()',
-		});
-	});
-
-	it('should use light theme when not dark mode', () => {
-		fixture.componentRef.setInput('value', 'code');
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { language: 'javascript' },
-			field_name: 'code',
-		});
-		fixture.componentRef.setInput('key', 'test');
-		component.ngOnInit();
-		expect(component.codeEditorTheme).toBe('vs');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/code/code.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/code/code.component.stories.ts
deleted file mode 100644
index 549ba0000..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/code/code.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { CodeRecordViewComponent } from './code.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'text',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<CodeRecordViewComponent> = {
-	title: 'Record View Fields/Code',
-	component: CodeRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: 'console.log("hello")',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'console.log("hello")' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<CodeRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/code/code.component.ts b/frontend/src/app/components/ui-components/record-view-fields/code/code.component.ts
deleted file mode 100644
index 740f6a105..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/code/code.component.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Component } from '@angular/core';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-code-record-view',
-	templateUrl: './code.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './code.component.css'],
-	imports: [CodeEditorModule],
-})
-export class CodeRecordViewComponent extends BaseRecordViewFieldComponent {
-	public codeModel: Object;
-	public codeEditorOptions = {
-		minimap: { enabled: false },
-		automaticLayout: true,
-		scrollBeyondLastLine: false,
-		wordWrap: 'on',
-		lineNumbers: 'off',
-	};
-	public codeEditorTheme = 'vs-dark';
-
-	constructor(private _uiSettings: UiSettingsService) {
-		super();
-	}
-
-	ngOnInit(): void {
-		this.codeModel = {
-			language: `${this.widgetStructure().widget_params.language}`,
-			uri: `${this.key()}.json`,
-			value: this.value(),
-		};
-
-		this.codeEditorTheme = this._uiSettings.isDarkMode ? 'vs-dark' : 'vs';
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/color/color.component.css b/frontend/src/app/components/ui-components/record-view-fields/color/color.component.css
deleted file mode 100644
index bd573c4fa..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/color/color.component.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.color-display {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-.color-swatch {
-	width: 20px;
-	height: 20px;
-	border-radius: 4px;
-	/* border: 1px solid #ccc; */
-	flex-shrink: 0;
-}
-
-.field-value {
-	font-family: monospace;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/color/color.component.html b/frontend/src/app/components/ui-components/record-view-fields/color/color.component.html
deleted file mode 100644
index 38d77bb57..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/color/color.component.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<div class="color-display">
-  @if (isValidColor) {
-    <div
-      class="color-swatch"
-      [style.background-color]="normalizedColorForDisplay"
-      [title]="value() || 'No color'"
-    ></div>
-  }
-  <span class="field-view-value">{{value() || '—'}}</span>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-view-fields/color/color.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/color/color.component.spec.ts
deleted file mode 100644
index dcb68057f..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/color/color.component.spec.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ColorRecordViewComponent } from './color.component';
-
-describe('ColorRecordViewComponent', () => {
-	let component: ColorRecordViewComponent;
-	let fixture: ComponentFixture<ColorRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [ColorRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(ColorRecordViewComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should validate hex color', () => {
-		fixture.componentRef.setInput('value', '#ff0000');
-		expect(component.isValidColor).toBe(true);
-	});
-
-	it('should return false for invalid color', () => {
-		fixture.componentRef.setInput('value', 'notacolor');
-		expect(component.isValidColor).toBe(false);
-	});
-
-	it('should normalize color to hex format', () => {
-		fixture.componentRef.setInput('value', '#ff0000');
-		expect(component.normalizedColorForDisplay).toBe('#ff0000');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/color/color.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/color/color.component.stories.ts
deleted file mode 100644
index 77954e997..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/color/color.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { ColorRecordViewComponent } from './color.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<ColorRecordViewComponent> = {
-	title: 'Record View Fields/Color',
-	component: ColorRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '#FF5733',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '#FF5733' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<ColorRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/color/color.component.ts b/frontend/src/app/components/ui-components/record-view-fields/color/color.component.ts
deleted file mode 100644
index fa2531fb4..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/color/color.component.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Component } from '@angular/core';
-import colorString from 'color-string';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-color-record-view',
-	templateUrl: './color.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './color.component.css'],
-	imports: [],
-})
-export class ColorRecordViewComponent extends BaseRecordViewFieldComponent {
-	get isValidColor(): boolean {
-		if (!this.value()) return false;
-		return this.parseColor(this.value()) !== null;
-	}
-
-	get normalizedColorForDisplay(): string {
-		const parsed = this.parseColor(this.value());
-		if (parsed) {
-			const [r, g, b] = parsed.value;
-			return `#${this.toHex(r)}${this.toHex(g)}${this.toHex(b)}`;
-		}
-		return '#000000';
-	}
-
-	private parseColor(color: string): any {
-		if (!color) return null;
-
-		// Try parsing with color-string
-		const parsed = colorString.get(color);
-		if (parsed) return parsed;
-
-		// Try hex without hash
-		if (/^[A-Fa-f0-9]{6}$|^[A-Fa-f0-9]{3}$/.test(color)) {
-			return colorString.get('#' + color);
-		}
-
-		return null;
-	}
-
-	private toHex(n: number): string {
-		const hex = n.toString(16);
-		return hex.length === 1 ? '0' + hex : hex;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/country/country.component.css b/frontend/src/app/components/ui-components/record-view-fields/country/country.component.css
deleted file mode 100644
index e1c4f4d1a..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/country/country.component.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.country-flag {
-	margin-right: 6px;
-	font-size: 1.2em;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/country/country.component.html b/frontend/src/app/components/ui-components/record-view-fields/country/country.component.html
deleted file mode 100644
index 4ec31fad7..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/country/country.component.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<span class="field-value">
-  @if (showFlag && countryFlag) {
-    <span class="country-flag">{{ countryFlag }}</span>
-  }
-  <span class="field-view-value">{{ countryName }}</span>
-</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/country/country.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/country/country.component.spec.ts
deleted file mode 100644
index 553b08a8a..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/country/country.component.spec.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { CountryRecordViewComponent } from './country.component';
-
-describe('CountryRecordViewComponent', () => {
-	let component: CountryRecordViewComponent;
-	let fixture: ComponentFixture<CountryRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [CountryRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(CountryRecordViewComponent);
-		component = fixture.componentInstance;
-		// Don't call fixture.detectChanges() here - let individual tests set inputs first
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should display country name from code', () => {
-		fixture.componentRef.setInput('value', 'US');
-		component.ngOnInit();
-		expect(component.countryName).toContain('United States');
-	});
-
-	it('should display em dash for null value', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		expect(component.countryName).toBe('—');
-	});
-
-	it('should respect show_flag widget param', () => {
-		fixture.componentRef.setInput('value', 'US');
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { show_flag: false } } as any);
-		component.ngOnInit();
-		expect(component.showFlag).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/country/country.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/country/country.component.stories.ts
deleted file mode 100644
index e976fc4bb..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/country/country.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { CountryRecordViewComponent } from './country.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<CountryRecordViewComponent> = {
-	title: 'Record View Fields/Country',
-	component: CountryRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: 'US',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'US' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<CountryRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/country/country.component.ts b/frontend/src/app/components/ui-components/record-view-fields/country/country.component.ts
deleted file mode 100644
index bf6ba1654..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/country/country.component.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { COUNTRIES, getCountryFlag } from '../../../../consts/countries';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-country-record-view',
-	templateUrl: './country.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './country.component.css'],
-	imports: [],
-})
-export class CountryRecordViewComponent extends BaseRecordViewFieldComponent implements OnInit {
-	static type = 'country';
-
-	public countryName: string = '';
-	public countryFlag: string = '';
-	public showFlag: boolean = true;
-
-	ngOnInit(): void {
-		this.parseWidgetParams();
-
-		if (this.value()) {
-			const country = COUNTRIES.find((c) => c.code === this.value());
-			this.countryName = country ? country.name : this.value();
-			this.countryFlag = getCountryFlag(this.value());
-		} else {
-			this.countryName = '—';
-			this.countryFlag = '';
-		}
-	}
-
-	private parseWidgetParams(): void {
-		if (this.widgetStructure()?.widget_params) {
-			try {
-				const params =
-					typeof this.widgetStructure().widget_params === 'string'
-						? JSON.parse(this.widgetStructure().widget_params as unknown as string)
-						: this.widgetStructure().widget_params;
-
-				if (params.show_flag !== undefined) {
-					this.showFlag = params.show_flag;
-				}
-			} catch (e) {
-				console.error('Error parsing country widget params:', e);
-			}
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.css b/frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.html b/frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.html
deleted file mode 100644
index c6ed53b32..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<span class="field-view-value">{{formattedDateTime || '—'}}</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.spec.ts
deleted file mode 100644
index 1a65f53f1..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.spec.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { DateTimeRecordViewComponent } from './date-time.component';
-
-describe('DateTimeRecordViewComponent', () => {
-	let component: DateTimeRecordViewComponent;
-	let fixture: ComponentFixture<DateTimeRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [DateTimeRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DateTimeRecordViewComponent);
-		component = fixture.componentInstance;
-		// Don't call fixture.detectChanges() here - let individual tests set inputs first
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should format valid datetime', () => {
-		fixture.componentRef.setInput('value', '2023-04-29T14:30:00');
-		component.ngOnInit();
-		expect(component.formattedDateTime).toBeDefined();
-	});
-
-	it('should handle invalid datetime', () => {
-		fixture.componentRef.setInput('value', 'invalid');
-		component.ngOnInit();
-		expect(component.formattedDateTime).toBe('invalid');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.stories.ts
deleted file mode 100644
index 3fd9580f2..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { DateTimeRecordViewComponent } from './date-time.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'datetime',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<DateTimeRecordViewComponent> = {
-	title: 'Record View Fields/DateTime',
-	component: DateTimeRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '2024-01-15T10:30:00',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '2024-01-15T10:30:00' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<DateTimeRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.ts b/frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.ts
deleted file mode 100644
index 1b7a38078..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/date-time/date-time.component.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { format } from 'date-fns';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-date-time-record-view',
-	templateUrl: './date-time.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './date-time.component.css'],
-	imports: [],
-})
-export class DateTimeRecordViewComponent extends BaseRecordViewFieldComponent implements OnInit {
-	static type = 'datetime';
-
-	public formattedDateTime: string;
-
-	ngOnInit(): void {
-		if (this.value()) {
-			try {
-				const date = new Date(this.value());
-				if (!Number.isNaN(date.getTime())) {
-					this.formattedDateTime = format(date, 'P p');
-				} else {
-					this.formattedDateTime = this.value();
-				}
-			} catch (_error) {
-				this.formattedDateTime = this.value();
-			}
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/date/date.component.css b/frontend/src/app/components/ui-components/record-view-fields/date/date.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/record-view-fields/date/date.component.html b/frontend/src/app/components/ui-components/record-view-fields/date/date.component.html
deleted file mode 100644
index 5edf46f97..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/date/date.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<span class="field-view-value">{{formattedDate || '—'}}</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/date/date.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/date/date.component.spec.ts
deleted file mode 100644
index 84ec9af92..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/date/date.component.spec.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { DateRecordViewComponent } from './date.component';
-
-describe('DateRecordViewComponent', () => {
-	let component: DateRecordViewComponent;
-	let fixture: ComponentFixture<DateRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [DateRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DateRecordViewComponent);
-		component = fixture.componentInstance;
-		// Don't call fixture.detectChanges() here - let individual tests set inputs first
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should format valid date', () => {
-		fixture.componentRef.setInput('value', '2023-04-29');
-		component.ngOnInit();
-		expect(component.formattedDate).toBeDefined();
-	});
-
-	it('should handle invalid date', () => {
-		fixture.componentRef.setInput('value', 'invalid');
-		component.ngOnInit();
-		expect(component.formattedDate).toBe('invalid');
-	});
-
-	it('should handle null value', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		expect(component.formattedDate).toBeUndefined();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/date/date.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/date/date.component.stories.ts
deleted file mode 100644
index 3b35c1eba..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/date/date.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { DateRecordViewComponent } from './date.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'date',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<DateRecordViewComponent> = {
-	title: 'Record View Fields/Date',
-	component: DateRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '2024-01-15',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '2024-01-15' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<DateRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/date/date.component.ts b/frontend/src/app/components/ui-components/record-view-fields/date/date.component.ts
deleted file mode 100644
index ec1cd1e28..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/date/date.component.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { format } from 'date-fns';
-
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-date-record-view',
-	templateUrl: './date.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './date.component.css'],
-	imports: [],
-})
-export class DateRecordViewComponent extends BaseRecordViewFieldComponent implements OnInit {
-	static type = 'date';
-
-	public formattedDate: string;
-
-	ngOnInit(): void {
-		if (this.value()) {
-			try {
-				const date = new Date(this.value());
-				if (!Number.isNaN(date.getTime())) {
-					this.formattedDate = format(date, 'P');
-				} else {
-					this.formattedDate = this.value();
-				}
-			} catch (_error) {
-				this.formattedDate = this.value();
-			}
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/file/file.component.css b/frontend/src/app/components/ui-components/record-view-fields/file/file.component.css
deleted file mode 100644
index 05f5eebc1..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/file/file.component.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.field-value {
-	font-style: italic;
-	color: #666;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/file/file.component.html b/frontend/src/app/components/ui-components/record-view-fields/file/file.component.html
deleted file mode 100644
index b05b4f798..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/file/file.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<span class="field-view-value">{{displayText}}</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/file/file.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/file/file.component.spec.ts
deleted file mode 100644
index 710a61256..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/file/file.component.spec.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FileRecordViewComponent } from './file.component';
-
-describe('FileRecordViewComponent', () => {
-	let component: FileRecordViewComponent;
-	let fixture: ComponentFixture<FileRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [FileRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(FileRecordViewComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should identify blob objects', () => {
-		fixture.componentRef.setInput('value', { type: 'Buffer', data: [1, 2] });
-		expect(component.isBlob).toBe(true);
-	});
-
-	it('should return Binary Data for blobs', () => {
-		fixture.componentRef.setInput('value', { type: 'Buffer', data: [1, 2] });
-		expect(component.displayText).toBe('Binary Data');
-	});
-
-	it('should return Binary Data for long strings', () => {
-		fixture.componentRef.setInput('value', 'a]bcdefghijklmnopqrstu');
-		expect(component.displayText).toBe('Binary Data');
-	});
-
-	it('should return the value for short strings', () => {
-		fixture.componentRef.setInput('value', 'short.txt');
-		expect(component.displayText).toBe('short.txt');
-	});
-
-	it('should return dash for null value', () => {
-		fixture.componentRef.setInput('value', null);
-		expect(component.displayText).toBe('—');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/file/file.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/file/file.component.stories.ts
deleted file mode 100644
index ed76f9d26..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/file/file.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { FileRecordViewComponent } from './file.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<FileRecordViewComponent> = {
-	title: 'Record View Fields/File',
-	component: FileRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: 'document.pdf',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'document.pdf' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<FileRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/file/file.component.ts b/frontend/src/app/components/ui-components/record-view-fields/file/file.component.ts
deleted file mode 100644
index 51d4a2001..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/file/file.component.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-interface Blob {
-	type: string;
-	data: any[];
-}
-
-@Component({
-	selector: 'app-file-record-view',
-	templateUrl: './file.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './file.component.css'],
-	imports: [],
-})
-export class FileRecordViewComponent extends BaseRecordViewFieldComponent {
-	get isBlob(): boolean {
-		return typeof this.value() === 'object' && this.value() !== null && 'type' in this.value() && 'data' in this.value();
-	}
-
-	get displayText(): string {
-		if (this.isBlob) {
-			return 'Binary Data';
-		} else if (typeof this.value() === 'string' && this.value().length > 20) {
-			return 'Binary Data';
-		}
-		return this.value() ? String(this.value()) : '—';
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.css b/frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.css
deleted file mode 100644
index f18e255d5..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.foreign-key-link {
-	display: flex;
-	align-items: center;
-	text-decoration: none;
-}
-
-@media (prefers-color-scheme: light) {
-	.foreign-key-link {
-		border-bottom: 1px solid rgba(0, 0, 0, 0.64);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.foreign-key-link {
-		border-bottom: 1px solid rgba(255, 255, 255, 0.64);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.html b/frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.html
deleted file mode 100644
index d9083c910..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.html
+++ /dev/null
@@ -1,12 +0,0 @@
-@if (displayValue() == null) {
-  <span class="field-view-value">—</span>
-} @else {
-  <a
-    [routerLink]="link()"
-    [queryParams]="foreignKeyURLParams"
-    class="field-view-value foreign-key-link"
-    (click)="onForeignKeyClick.emit({ foreignKey: primaryKeysParams(), value: displayValue() })">
-    <span>{{displayValue()}}</span>
-    <mat-icon fontSet="material-symbols-outlined" class="field-view-icon">visibility</mat-icon>
-  </a>
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.spec.ts
deleted file mode 100644
index 518b9ade1..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.spec.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { provideRouter } from '@angular/router';
-import { ForeignKeyRecordViewComponent } from './foreign-key.component';
-
-describe('ForeignKeyRecordViewComponent', () => {
-	let component: ForeignKeyRecordViewComponent;
-	let fixture: ComponentFixture<ForeignKeyRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [ForeignKeyRecordViewComponent],
-			providers: [provideRouter([])],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(ForeignKeyRecordViewComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should set foreignKeyURLParams on init', () => {
-		fixture.componentRef.setInput('primaryKeysParams', { id: 1 });
-		component.ngOnInit();
-		expect(component.foreignKeyURLParams).toEqual({ id: 1, mode: 'view' });
-	});
-
-	it('should render a dash when displayValue is null', () => {
-		fixture.componentRef.setInput('link', '/foo');
-		fixture.componentRef.setInput('primaryKeysParams', { id: 1 });
-		fixture.componentRef.setInput('displayValue', null);
-		fixture.detectChanges();
-
-		const anchor = fixture.nativeElement.querySelector('a.foreign-key-link');
-		const span = fixture.nativeElement.querySelector('span.field-view-value');
-		expect(anchor).toBeFalsy();
-		expect(span?.textContent?.trim()).toBe('—');
-	});
-
-	it('should render a dash when displayValue is undefined', () => {
-		fixture.componentRef.setInput('link', '/foo');
-		fixture.componentRef.setInput('primaryKeysParams', { id: 1 });
-		fixture.componentRef.setInput('displayValue', undefined);
-		fixture.detectChanges();
-
-		const anchor = fixture.nativeElement.querySelector('a.foreign-key-link');
-		const span = fixture.nativeElement.querySelector('span.field-view-value');
-		expect(anchor).toBeFalsy();
-		expect(span?.textContent?.trim()).toBe('—');
-	});
-
-	it('should render the link (not a dash) when displayValue is 0', () => {
-		fixture.componentRef.setInput('link', '/foo');
-		fixture.componentRef.setInput('primaryKeysParams', { id: 1 });
-		fixture.componentRef.setInput('displayValue', 0 as unknown as string);
-		fixture.detectChanges();
-
-		const anchor = fixture.nativeElement.querySelector('a.foreign-key-link');
-		expect(anchor).toBeTruthy();
-		expect(anchor.querySelector('span').textContent.trim()).toBe('0');
-	});
-
-	it('should render the link (not a dash) when displayValue is empty string', () => {
-		fixture.componentRef.setInput('link', '/foo');
-		fixture.componentRef.setInput('primaryKeysParams', { id: 1 });
-		fixture.componentRef.setInput('displayValue', '');
-		fixture.detectChanges();
-
-		const anchor = fixture.nativeElement.querySelector('a.foreign-key-link');
-		expect(anchor).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.stories.ts
deleted file mode 100644
index 442bf5e6d..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { ForeignKeyRecordViewComponent } from './foreign-key.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'int',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<ForeignKeyRecordViewComponent> = {
-	title: 'Record View Fields/ForeignKey',
-	component: ForeignKeyRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '1',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '1' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<ForeignKeyRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.ts b/frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.ts
deleted file mode 100644
index d35fa1384..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Component, input, OnInit, output } from '@angular/core';
-import { MatIconModule } from '@angular/material/icon';
-import { RouterModule } from '@angular/router';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-foreign-key-record-view',
-	templateUrl: './foreign-key.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './foreign-key.component.css'],
-	imports: [MatIconModule, RouterModule],
-})
-export class ForeignKeyRecordViewComponent extends BaseRecordViewFieldComponent implements OnInit {
-	readonly link = input<string>();
-	readonly primaryKeysParams = input<any>();
-	readonly displayValue = input<string>();
-
-	readonly onForeignKeyClick = output<{ foreignKey: any; value: string }>();
-
-	public foreignKeyURLParams: any;
-
-	ngOnInit() {
-		this.foreignKeyURLParams = { ...this.primaryKeysParams(), mode: 'view' };
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/id/id.component.css b/frontend/src/app/components/ui-components/record-view-fields/id/id.component.css
deleted file mode 100644
index 405dcba7f..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/id/id.component.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.field-display-id {
-	display: flex;
-	align-items: center;
-}
-
-.field-value-id {
-	font-weight: 500;
-	flex-grow: 1;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/id/id.component.html b/frontend/src/app/components/ui-components/record-view-fields/id/id.component.html
deleted file mode 100644
index 2e72a7973..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/id/id.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<span class="field-view-value field-value-id">{{value() || '—'}}</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/id/id.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/id/id.component.spec.ts
deleted file mode 100644
index 249d8d8b2..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/id/id.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { IdRecordViewComponent } from './id.component';
-
-describe('IdRecordViewComponent', () => {
-	let component: IdRecordViewComponent;
-	let fixture: ComponentFixture<IdRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [IdRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(IdRecordViewComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/id/id.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/id/id.component.stories.ts
deleted file mode 100644
index 8d5cdb340..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/id/id.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { IdRecordViewComponent } from './id.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'int',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<IdRecordViewComponent> = {
-	title: 'Record View Fields/Id',
-	component: IdRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '12345',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '12345' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<IdRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/id/id.component.ts b/frontend/src/app/components/ui-components/record-view-fields/id/id.component.ts
deleted file mode 100644
index ca33f2197..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/id/id.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-id-record-view',
-	templateUrl: './id.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './id.component.css'],
-	imports: [],
-})
-export class IdRecordViewComponent extends BaseRecordViewFieldComponent {}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/image/image.component.css b/frontend/src/app/components/ui-components/record-view-fields/image/image.component.css
deleted file mode 100644
index dab143174..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/image/image.component.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.image-preview {
-	width: 100%;
-	height: auto;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/image/image.component.html b/frontend/src/app/components/ui-components/record-view-fields/image/image.component.html
deleted file mode 100644
index 375785e8d..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/image/image.component.html
+++ /dev/null
@@ -1,9 +0,0 @@
-@if (!isUrl) {
-  <span class="field-view-value">[Image URL]</span>
-}
-@if (isUrl) {
-  <img
-    class="image-preview"
-    [src]="srcValue" alt="Image">
-}
-<span class="field-view-value">{{value() || '—'}}</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/image/image.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/image/image.component.spec.ts
deleted file mode 100644
index 980a45d4a..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/image/image.component.spec.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ImageRecordViewComponent } from './image.component';
-
-describe('ImageRecordViewComponent', () => {
-	let component: ImageRecordViewComponent;
-	let fixture: ComponentFixture<ImageRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [ImageRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(ImageRecordViewComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should return value as srcValue when no prefix', () => {
-		fixture.componentRef.setInput('value', 'image.png');
-		fixture.componentRef.setInput('widgetStructure', undefined);
-		expect(component.srcValue).toBe('image.png');
-	});
-
-	it('should prepend prefix to srcValue from widget params', () => {
-		fixture.componentRef.setInput('value', 'image.png');
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { prefix: 'https://cdn.example.com/' } } as any);
-		expect(component.srcValue).toBe('https://cdn.example.com/image.png');
-	});
-
-	it('should return true for isUrl when valid URL', () => {
-		fixture.componentRef.setInput('value', 'image.png');
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { prefix: 'https://cdn.example.com/' } } as any);
-		expect(component.isUrl).toBe(true);
-	});
-
-	it('should return false for isUrl when invalid URL', () => {
-		fixture.componentRef.setInput('value', 'image.png');
-		fixture.componentRef.setInput('widgetStructure', undefined);
-		expect(component.isUrl).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/image/image.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/image/image.component.stories.ts
deleted file mode 100644
index 396d3048a..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/image/image.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { ImageRecordViewComponent } from './image.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<ImageRecordViewComponent> = {
-	title: 'Record View Fields/Image',
-	component: ImageRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: 'https://via.placeholder.com/150',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'https://via.placeholder.com/150' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<ImageRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/image/image.component.ts b/frontend/src/app/components/ui-components/record-view-fields/image/image.component.ts
deleted file mode 100644
index b6ac25e49..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/image/image.component.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-image-record-view',
-	templateUrl: './image.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './image.component.css'],
-	imports: [],
-})
-export class ImageRecordViewComponent extends BaseRecordViewFieldComponent {
-	get srcValue(): string {
-		if (!this.value()) return '';
-		const prefix = this.widgetStructure()?.widget_params?.prefix || '';
-		return prefix + this.value();
-	}
-
-	get isUrl(): boolean {
-		if (!this.value()) return false;
-		try {
-			// Check if the prefixed URL is valid
-			new URL(this.srcValue);
-			return true;
-		} catch {
-			return false;
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.css b/frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.css
deleted file mode 100644
index 8f1be46a3..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.css
+++ /dev/null
@@ -1,20 +0,0 @@
-:host {
-	width: 100%;
-}
-
-.code-editor-box {
-	display: block;
-	border: 1px solid rgba(0, 0, 0, 0.38);
-	border-radius: 0;
-	margin-top: 4px;
-	margin-bottom: 20px;
-	/* overflow-y: auto;
-    resize: vertical; */
-	overflow: auto;
-	resize: both;
-}
-
-.code-editor-box ::ng-deep .ngs-code-editor {
-	width: 100%;
-	height: 100%;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.html b/frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.html
deleted file mode 100644
index d89f394c2..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div class="code-editor-box">
-  <ngs-code-editor
-    [theme]="codeEditorTheme"
-    [codeModel]="codeModel"
-    [options]="codeEditorOptions"
-    [readOnly]="true">
-  </ngs-code-editor>
-</div>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.spec.ts
deleted file mode 100644
index 2ab2029e9..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.spec.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { JsonEditorRecordViewComponent } from './json-editor.component';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-
-describe('JsonEditorRecordViewComponent', () => {
-	let component: JsonEditorRecordViewComponent;
-	let fixture: ComponentFixture<JsonEditorRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [JsonEditorRecordViewComponent],
-			providers: [
-				{ provide: UiSettingsService, useValue: { isDarkMode: false } },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(JsonEditorRecordViewComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should set JSON code model on init', () => {
-		fixture.componentRef.setInput('value', '{"key":"value"}');
-		fixture.componentRef.setInput('key', 'test');
-		component.ngOnInit();
-		expect(component.codeModel).toEqual({
-			language: 'json',
-			uri: 'test.json',
-			value: '{"key":"value"}',
-		});
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.stories.ts
deleted file mode 100644
index 4b3104a82..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { JsonEditorRecordViewComponent } from './json-editor.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'json',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<JsonEditorRecordViewComponent> = {
-	title: 'Record View Fields/JsonEditor',
-	component: JsonEditorRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '{"key": "value"}',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '{"key": "value"}' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<JsonEditorRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.ts b/frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.ts
deleted file mode 100644
index 205810467..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/json-editor/json-editor.component.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Component } from '@angular/core';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-json-editor-record-view',
-	templateUrl: './json-editor.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './json-editor.component.css'],
-	imports: [CodeEditorModule],
-})
-export class JsonEditorRecordViewComponent extends BaseRecordViewFieldComponent {
-	public codeModel: Object;
-	public codeEditorOptions = {
-		minimap: { enabled: false },
-		automaticLayout: true,
-		scrollBeyondLastLine: false,
-		wordWrap: 'on',
-		lineNumbers: 'off',
-	};
-	public codeEditorTheme = 'vs-dark';
-
-	constructor(private _uiSettings: UiSettingsService) {
-		super();
-	}
-
-	ngOnInit(): void {
-		this.codeModel = {
-			language: 'json',
-			uri: `${this.key()}.json`,
-			value: this.value(),
-		};
-
-		this.codeEditorTheme = this._uiSettings.isDarkMode ? 'vs-dark' : 'vs';
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/language/language.component.css b/frontend/src/app/components/ui-components/record-view-fields/language/language.component.css
deleted file mode 100644
index ca86f863b..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/language/language.component.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.language-flag {
-	margin-right: 6px;
-	font-size: 1.2em;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/language/language.component.html b/frontend/src/app/components/ui-components/record-view-fields/language/language.component.html
deleted file mode 100644
index c09ca8c93..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/language/language.component.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<span class="field-value">
-  @if (showFlag() && languageFlag()) {
-    <span class="language-flag">{{ languageFlag() }}</span>
-  }
-  <span class="field-view-value">{{ languageName() }}</span>
-</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/language/language.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/language/language.component.spec.ts
deleted file mode 100644
index 00f7346b2..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/language/language.component.spec.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { LanguageRecordViewComponent } from './language.component';
-
-describe('LanguageRecordViewComponent', () => {
-	let component: LanguageRecordViewComponent;
-	let fixture: ComponentFixture<LanguageRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [LanguageRecordViewComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(LanguageRecordViewComponent);
-		component = fixture.componentInstance;
-		fixture.componentRef.setInput('value', 'en');
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display language name from code', () => {
-		fixture.componentRef.setInput('value', 'en');
-		fixture.detectChanges();
-		expect(component.languageName()).toBe('English');
-	});
-
-	it('should display em dash when value is empty', () => {
-		fixture.componentRef.setInput('value', null);
-		fixture.detectChanges();
-		expect(component.languageName()).toBe('—');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/language/language.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/language/language.component.stories.ts
deleted file mode 100644
index 4804c162f..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/language/language.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { LanguageRecordViewComponent } from './language.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<LanguageRecordViewComponent> = {
-	title: 'Record View Fields/Language',
-	component: LanguageRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: 'en',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'en' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<LanguageRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/language/language.component.ts b/frontend/src/app/components/ui-components/record-view-fields/language/language.component.ts
deleted file mode 100644
index 2a15ed68e..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/language/language.component.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, input, output } from '@angular/core';
-import { TableField, WidgetStructure } from 'src/app/models/table';
-import { getLanguageFlag, LANGUAGES } from '../../../../consts/languages';
-
-@Component({
-	selector: 'app-language-record-view',
-	templateUrl: './language.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './language.component.css'],
-	imports: [CommonModule],
-})
-export class LanguageRecordViewComponent {
-	static type = 'language';
-
-	readonly key = input<string>();
-	readonly value = input<any>();
-	readonly structure = input<TableField>();
-	readonly widgetStructure = input<WidgetStructure>();
-	readonly rowData = input<Record<string, unknown>>();
-	readonly primaryKeys = input<Record<string, unknown>>();
-
-	readonly onCopyToClipboard = output<string>();
-
-	readonly showFlag = computed(() => {
-		const ws = this.widgetStructure();
-		if (!ws?.widget_params) return true;
-		try {
-			const params = typeof ws.widget_params === 'string' ? JSON.parse(ws.widget_params) : ws.widget_params;
-			return params.show_flag !== undefined ? params.show_flag : true;
-		} catch {
-			return true;
-		}
-	});
-
-	readonly languageName = computed(() => {
-		const val = this.value();
-		if (!val) return '—';
-		const language = LANGUAGES.find((l) => l.code.toLowerCase() === val.toLowerCase());
-		return language ? language.name : val;
-	});
-
-	readonly languageFlag = computed(() => {
-		const val = this.value();
-		if (!val) return '';
-		const language = LANGUAGES.find((l) => l.code.toLowerCase() === val.toLowerCase());
-		return language ? getLanguageFlag(language) : '';
-	});
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.css b/frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.html b/frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.html
deleted file mode 100644
index a071ebc00..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<span class="field-view-value">{{value() || '—'}}</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.spec.ts
deleted file mode 100644
index 442e573d1..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { LongTextRecordViewComponent } from './long-text.component';
-
-describe('LongTextRecordViewComponent', () => {
-	let component: LongTextRecordViewComponent;
-	let fixture: ComponentFixture<LongTextRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [LongTextRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(LongTextRecordViewComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.stories.ts
deleted file mode 100644
index 497cd5564..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { LongTextRecordViewComponent } from './long-text.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'text',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<LongTextRecordViewComponent> = {
-	title: 'Record View Fields/LongText',
-	component: LongTextRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<LongTextRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.ts b/frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.ts
deleted file mode 100644
index 88e693289..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/long-text/long-text.component.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-long-text-record-view',
-	templateUrl: './long-text.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './long-text.component.css'],
-	imports: [],
-})
-export class LongTextRecordViewComponent extends BaseRecordViewFieldComponent {}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.css b/frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.css
deleted file mode 100644
index 8b4bb1a94..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.css
+++ /dev/null
@@ -1,96 +0,0 @@
-.markdown-container {
-	padding: 16px;
-	border-radius: 4px;
-	min-height: 100px;
-}
-
-@media (prefers-color-scheme: light) {
-	.markdown-container {
-		background: #f9f9f9;
-		border: 1px solid #e0e0e0;
-		color: rgba(0, 0, 0, 0.64);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.markdown-container {
-		background: #2a2a2a;
-		border: 1px solid #404040;
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-.markdown-container ::ng-deep h1,
-.markdown-container ::ng-deep h2,
-.markdown-container ::ng-deep h3,
-.markdown-container ::ng-deep h4,
-.markdown-container ::ng-deep h5,
-.markdown-container ::ng-deep h6 {
-	margin-top: 16px;
-	margin-bottom: 8px;
-}
-
-.markdown-container ::ng-deep p {
-	margin-bottom: 8px;
-}
-
-.markdown-container ::ng-deep ul,
-.markdown-container ::ng-deep ol {
-	margin-left: 20px;
-	margin-bottom: 8px;
-}
-
-.markdown-container ::ng-deep code {
-	padding: 2px 4px;
-	border-radius: 3px;
-	font-family: monospace;
-}
-
-@media (prefers-color-scheme: light) {
-	.markdown-container ::ng-deep code {
-		background: #f5f5f5;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.markdown-container ::ng-deep code {
-		background: #3a3a3a;
-	}
-}
-
-.markdown-container ::ng-deep pre {
-	padding: 12px;
-	border-radius: 4px;
-	overflow-x: auto;
-}
-
-@media (prefers-color-scheme: light) {
-	.markdown-container ::ng-deep pre {
-		background: #f5f5f5;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.markdown-container ::ng-deep pre {
-		background: #3a3a3a;
-	}
-}
-
-.markdown-container ::ng-deep blockquote {
-	padding-left: 16px;
-	margin-left: 0;
-}
-
-@media (prefers-color-scheme: light) {
-	.markdown-container ::ng-deep blockquote {
-		border-left: 4px solid #ddd;
-		color: #666;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.markdown-container ::ng-deep blockquote {
-		border-left: 4px solid #555;
-		color: #aaa;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.html b/frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.html
deleted file mode 100644
index 4270d38fd..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="markdown-container">
-  <markdown [data]="renderedMarkdown"></markdown>
-</div>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.spec.ts
deleted file mode 100644
index 113d9c9fc..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.spec.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideMarkdown } from 'ngx-markdown';
-import { MarkdownRecordViewComponent } from './markdown.component';
-
-describe('MarkdownRecordViewComponent', () => {
-	let component: MarkdownRecordViewComponent;
-	let fixture: ComponentFixture<MarkdownRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MarkdownRecordViewComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient(), provideMarkdown()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(MarkdownRecordViewComponent);
-		component = fixture.componentInstance;
-		fixture.componentRef.setInput('value', '# Test Markdown');
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.stories.ts
deleted file mode 100644
index 3448ca2c0..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { MarkdownRecordViewComponent } from './markdown.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'text',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<MarkdownRecordViewComponent> = {
-	title: 'Record View Fields/Markdown',
-	component: MarkdownRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '# Hello\nThis is **markdown**',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '# Hello\nThis is **markdown**' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<MarkdownRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.ts b/frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.ts
deleted file mode 100644
index bec5e93de..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/markdown/markdown.component.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MarkdownModule } from 'ngx-markdown';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-markdown-record-view',
-	templateUrl: './markdown.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './markdown.component.css'],
-	imports: [MarkdownModule],
-})
-export class MarkdownRecordViewComponent extends BaseRecordViewFieldComponent implements OnInit {
-	public renderedMarkdown: string = '';
-
-	ngOnInit(): void {
-		this.renderedMarkdown = this.value() || '';
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/money/money.component.css b/frontend/src/app/components/ui-components/record-view-fields/money/money.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/record-view-fields/money/money.component.html b/frontend/src/app/components/ui-components/record-view-fields/money/money.component.html
deleted file mode 100644
index cba669daf..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/money/money.component.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<span class="field-view-value">
-    {{formattedValue || '—'}}
-  </span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/money/money.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/money/money.component.spec.ts
deleted file mode 100644
index f08d06baf..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/money/money.component.spec.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MoneyRecordViewComponent } from './money.component';
-
-describe('MoneyRecordViewComponent', () => {
-	let component: MoneyRecordViewComponent;
-	let fixture: ComponentFixture<MoneyRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MoneyRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(MoneyRecordViewComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should format value with currency symbol', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { default_currency: 'USD' },
-		});
-		fixture.componentRef.setInput('value', 42.5);
-		component.ngOnInit();
-		expect(component.formattedValue).toContain('$');
-		expect(component.formattedValue).toContain('42.50');
-	});
-
-	it('should return empty string for null value', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { default_currency: 'USD' },
-		});
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		expect(component.formattedValue).toBe('');
-	});
-
-	it('should handle object value with amount and currency', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { default_currency: 'USD' },
-		});
-		fixture.componentRef.setInput('value', { amount: 100, currency: 'EUR' });
-		component.ngOnInit();
-		expect(component.formattedValue).toContain('100.00');
-	});
-
-	it('should divide cents to major units when cents=true (USD)', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { default_currency: 'USD', cents: true },
-		});
-		fixture.componentRef.setInput('value', 2599);
-		component.ngOnInit();
-		expect(component.formattedValue).toBe('$25.99');
-	});
-
-	it('should not divide for zero-decimal currencies when cents=true (JPY)', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { default_currency: 'JPY', cents: true },
-		});
-		fixture.componentRef.setInput('value', 1099);
-		component.ngOnInit();
-		expect(component.formattedValue).toBe('¥1099');
-	});
-
-	it('should render zero amount as $0.00 with cents=true', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { default_currency: 'USD', cents: true },
-		});
-		fixture.componentRef.setInput('value', 0);
-		component.ngOnInit();
-		expect(component.formattedValue).toBe('$0.00');
-	});
-
-	it('should treat object amount as cents when cents=true', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { default_currency: 'USD', cents: true },
-		});
-		fixture.componentRef.setInput('value', { amount: 1099, currency: 'EUR' });
-		component.ngOnInit();
-		expect(component.formattedValue).toContain('10.99');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/money/money.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/money/money.component.stories.ts
deleted file mode 100644
index 2dfcb4bed..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/money/money.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { MoneyRecordViewComponent } from './money.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'decimal',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<MoneyRecordViewComponent> = {
-	title: 'Record View Fields/Money',
-	component: MoneyRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '$99.99',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '$99.99' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<MoneyRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/money/money.component.ts b/frontend/src/app/components/ui-components/record-view-fields/money/money.component.ts
deleted file mode 100644
index 2296b8b27..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/money/money.component.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { getCurrencyByCode, getCurrencyDecimalPlaces, getCurrencyMinorUnitFactor } from 'src/app/consts/currencies';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-money-record-view',
-	templateUrl: './money.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './money.component.css'],
-	imports: [],
-})
-export class MoneyRecordViewComponent extends BaseRecordViewFieldComponent implements OnInit {
-	public displayCurrency: string = '';
-	public currencySymbol: string = '';
-
-	ngOnInit(): void {
-		// Get currency from widget params
-		this.displayCurrency = '';
-		if (this.widgetStructure()?.widget_params?.default_currency) {
-			this.displayCurrency = this.widgetStructure().widget_params.default_currency;
-			const currency = getCurrencyByCode(this.displayCurrency);
-			this.currencySymbol = currency ? currency.symbol : '';
-		}
-	}
-
-	get formattedValue(): string {
-		const raw = this.value();
-		if (raw == null || raw === '') {
-			return '';
-		}
-
-		let amount: number | string;
-		let currency: string = this.displayCurrency;
-
-		if (typeof raw === 'object' && raw.amount !== undefined) {
-			amount = raw.amount;
-			if (raw.currency) {
-				currency = raw.currency;
-				const currencyObj = getCurrencyByCode(currency);
-				this.currencySymbol = currencyObj ? currencyObj.symbol : '';
-			}
-		} else {
-			amount = raw;
-		}
-
-		if (typeof amount === 'string') {
-			amount = parseFloat(amount);
-		}
-
-		if (Number.isNaN(amount as number)) {
-			return '';
-		}
-
-		const cents = this.widgetStructure()?.widget_params?.cents === true;
-		let decimalPlaces: number;
-		if (cents) {
-			amount = (amount as number) / getCurrencyMinorUnitFactor(currency);
-			decimalPlaces = getCurrencyDecimalPlaces(currency);
-		} else {
-			decimalPlaces = this.widgetStructure()?.widget_params?.decimal_places ?? 2;
-		}
-
-		return `${this.currencySymbol}${(amount as number).toFixed(decimalPlaces)}`;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/number/number.component.css b/frontend/src/app/components/ui-components/record-view-fields/number/number.component.css
deleted file mode 100644
index 140aa7fbc..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/number/number.component.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.out-of-threshold {
-	display: flex;
-	align-items: center;
-	gap: 2px;
-}
-
-.out-of-threshold__icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/number/number.component.html b/frontend/src/app/components/ui-components/record-view-fields/number/number.component.html
deleted file mode 100644
index d2dfc17a3..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/number/number.component.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<span class="field-view-value" [class.out-of-threshold]="!!isOutOfThreshold">
-    {{displayValue}}
-    @if (isOutOfThreshold === 'down') {
-    <mat-icon class="out-of-threshold__icon">north</mat-icon>
-    }
-    @if (isOutOfThreshold === 'up') {
-    <mat-icon class="out-of-threshold__icon">south</mat-icon>
-    }
-</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/number/number.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/number/number.component.spec.ts
deleted file mode 100644
index 779fe5c04..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/number/number.component.spec.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NumberRecordViewComponent } from './number.component';
-
-describe('NumberRecordViewComponent', () => {
-	let component: NumberRecordViewComponent;
-	let fixture: ComponentFixture<NumberRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [NumberRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(NumberRecordViewComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should display em dash for null value', () => {
-		fixture.componentRef.setInput('value', null);
-		expect(component.displayValue).toBe('—');
-	});
-
-	it('should display number as string when no unit', () => {
-		fixture.componentRef.setInput('value', 42);
-		expect(component.displayValue).toBe('42');
-	});
-
-	it('should return false for isOutOfThreshold when no thresholds', () => {
-		fixture.componentRef.setInput('value', '50');
-		fixture.componentRef.setInput('widgetStructure', { widget_params: {} } as any);
-		expect(component.isOutOfThreshold).toBe(false);
-	});
-
-	it('should return down when value below threshold_min', () => {
-		fixture.componentRef.setInput('value', '5');
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { threshold_min: 10 } } as any);
-		expect(component.isOutOfThreshold).toBe('down');
-	});
-
-	it('should return up when value above threshold_max', () => {
-		fixture.componentRef.setInput('value', '150');
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { threshold_max: 100 } } as any);
-		expect(component.isOutOfThreshold).toBe('up');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/number/number.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/number/number.component.stories.ts
deleted file mode 100644
index e264b500d..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/number/number.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { NumberRecordViewComponent } from './number.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'int',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<NumberRecordViewComponent> = {
-	title: 'Record View Fields/Number',
-	component: NumberRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: 42,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 42 },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<NumberRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/number/number.component.ts b/frontend/src/app/components/ui-components/record-view-fields/number/number.component.ts
deleted file mode 100644
index 79993151b..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/number/number.component.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { Component } from '@angular/core';
-import { MatIconModule } from '@angular/material/icon';
-import convert from 'convert';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-number-record-view',
-	templateUrl: './number.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './number.component.css'],
-	imports: [MatIconModule],
-})
-export class NumberRecordViewComponent extends BaseRecordViewFieldComponent {
-	get displayValue(): string {
-		if (this.value() == null || this.value() === '') {
-			return '—';
-		}
-
-		const unit = this.widgetStructure()?.widget_params?.unit;
-
-		if (!unit) {
-			return this.value().toString();
-		}
-
-		try {
-			const convertedValue = convert(parseFloat(this.value()), unit).to('best');
-			// Format number to max 2 decimal places without trailing zeros
-			const formattedQuantity = parseFloat(convertedValue.quantity.toFixed(2)).toString();
-			return `${formattedQuantity} ${convertedValue.unit}`;
-		} catch (error) {
-			console.warn('Unit conversion failed:', error);
-			return this.value().toString();
-		}
-	}
-
-	get isOutOfThreshold(): 'up' | 'down' | false {
-		if (this.value() == null || this.value() === '') {
-			return false;
-		}
-
-		const thresholdMin = this.widgetStructure()?.widget_params?.threshold_min;
-		const thresholdMax = this.widgetStructure()?.widget_params?.threshold_max;
-		const numValue = parseFloat(this.value());
-
-		if (thresholdMin !== undefined && numValue < thresholdMin) {
-			return 'down';
-		}
-
-		if (thresholdMax !== undefined && numValue > thresholdMax) {
-			return 'up';
-		}
-
-		return false;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/password/password.component.css b/frontend/src/app/components/ui-components/record-view-fields/password/password.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/record-view-fields/password/password.component.html b/frontend/src/app/components/ui-components/record-view-fields/password/password.component.html
deleted file mode 100644
index a1e3ab35b..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/password/password.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<span class="field-view-value">••••••••</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/password/password.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/password/password.component.spec.ts
deleted file mode 100644
index d4daee738..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/password/password.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { PasswordRecordViewComponent } from './password.component';
-
-describe('PasswordRecordViewComponent', () => {
-	let component: PasswordRecordViewComponent;
-	let fixture: ComponentFixture<PasswordRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PasswordRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(PasswordRecordViewComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/password/password.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/password/password.component.stories.ts
deleted file mode 100644
index 334f0fc4d..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/password/password.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PasswordRecordViewComponent } from './password.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<PasswordRecordViewComponent> = {
-	title: 'Record View Fields/Password',
-	component: PasswordRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '********',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '********' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<PasswordRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/password/password.component.ts b/frontend/src/app/components/ui-components/record-view-fields/password/password.component.ts
deleted file mode 100644
index 7eb00cf86..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/password/password.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-password-record-view',
-	templateUrl: './password.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './password.component.css'],
-	imports: [],
-})
-export class PasswordRecordViewComponent extends BaseRecordViewFieldComponent {}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.css b/frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.css
deleted file mode 100644
index 08fffb713..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.phone-content {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-.country-flag {
-	font-size: 16px;
-	cursor: help;
-	user-select: none;
-}
-
-.phone-link {
-	color: var(--primary-color);
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.html b/frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.html
deleted file mode 100644
index 15fbf3e5f..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.html
+++ /dev/null
@@ -1,8 +0,0 @@
-@if (value()) {
-  <span class="phone-content">
-    @if (countryFlag) {
-      <span class="country-flag" [matTooltip]="countryName">{{ countryFlag }}</span>
-    }
-    <a [href]="'tel:' + value()" class="field-view-value phone-link">{{ formattedNumber || value() }}</a>
-  </span>
-}
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.spec.ts
deleted file mode 100644
index 57f70fb50..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.spec.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { PhoneRecordViewComponent } from './phone.component';
-
-describe('PhoneRecordViewComponent', () => {
-	let component: PhoneRecordViewComponent;
-	let fixture: ComponentFixture<PhoneRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PhoneRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(PhoneRecordViewComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should parse valid phone number', () => {
-		fixture.componentRef.setInput('value', '+12025551234');
-		component.ngOnInit();
-		expect(component.formattedNumber).toBeDefined();
-		expect(component.formattedNumber).not.toBe('');
-	});
-
-	it('should handle invalid phone number gracefully', () => {
-		fixture.componentRef.setInput('value', 'not-a-phone');
-		component.ngOnInit();
-		expect(component.formattedNumber).toBe('not-a-phone');
-	});
-
-	it('should handle null value', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		expect(component.formattedNumber).toBe('');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.stories.ts
deleted file mode 100644
index 888c24e51..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PhoneRecordViewComponent } from './phone.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<PhoneRecordViewComponent> = {
-	title: 'Record View Fields/Phone',
-	component: PhoneRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '+1 (555) 123-4567',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '+1 (555) 123-4567' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<PhoneRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.ts b/frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.ts
deleted file mode 100644
index 04db89a27..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/phone/phone.component.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { parsePhoneNumber } from 'libphonenumber-js';
-import { COUNTRIES, getCountryFlag } from '../../../../consts/countries';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-phone-record-view',
-	templateUrl: './phone.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './phone.component.css'],
-	imports: [MatTooltipModule],
-})
-export class PhoneRecordViewComponent extends BaseRecordViewFieldComponent implements OnInit {
-	public countryFlag: string = '';
-	public countryName: string = '';
-	public formattedNumber: string = '';
-
-	ngOnInit(): void {
-		this.parsePhoneNumber();
-	}
-
-	private parsePhoneNumber(): void {
-		if (!this.value() || typeof this.value() !== 'string') {
-			this.countryFlag = '';
-			this.countryName = '';
-			this.formattedNumber = '';
-			return;
-		}
-
-		try {
-			const phoneNumber = parsePhoneNumber(this.value());
-
-			if (phoneNumber?.country) {
-				const country = COUNTRIES.find((c) => c.code === phoneNumber.country);
-
-				if (country) {
-					this.countryFlag = getCountryFlag(country.code);
-					this.countryName = country.name;
-					this.formattedNumber = phoneNumber.formatInternational();
-				} else {
-					this.countryFlag = '';
-					this.countryName = '';
-					this.formattedNumber = this.value();
-				}
-			} else {
-				this.countryFlag = '';
-				this.countryName = '';
-				this.formattedNumber = this.value();
-			}
-		} catch (_error) {
-			this.countryFlag = '';
-			this.countryName = '';
-			this.formattedNumber = this.value();
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/point/point.component.css b/frontend/src/app/components/ui-components/record-view-fields/point/point.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/record-view-fields/point/point.component.html b/frontend/src/app/components/ui-components/record-view-fields/point/point.component.html
deleted file mode 100644
index 54eb81845..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/point/point.component.html
+++ /dev/null
@@ -1,7 +0,0 @@
-@if (formattedPoint) {
-  <span
-    class="value-wrapper"
-    [matTooltip]="formattedPoint">
-    {{ formattedPoint }}
-  </span>
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/point/point.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/point/point.component.spec.ts
deleted file mode 100644
index 6598a0de0..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/point/point.component.spec.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { PointRecordViewComponent } from './point.component';
-
-describe('PointRecordViewComponent', () => {
-	let component: PointRecordViewComponent;
-	let fixture: ComponentFixture<PointRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PointRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(PointRecordViewComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should format string point', () => {
-		fixture.componentRef.setInput('value', '(1,2)');
-		component.ngOnInit();
-		expect(component.formattedPoint).toBe('(1, 2)');
-	});
-
-	it('should format object point', () => {
-		fixture.componentRef.setInput('value', { x: 3, y: 4 });
-		component.ngOnInit();
-		expect(component.formattedPoint).toBe('(3, 4)');
-	});
-
-	it('should handle null value', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		expect(component.formattedPoint).toBe('');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/point/point.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/point/point.component.stories.ts
deleted file mode 100644
index f8ef70d17..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/point/point.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PointRecordViewComponent } from './point.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'point',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<PointRecordViewComponent> = {
-	title: 'Record View Fields/Point',
-	component: PointRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '(40.7128, -74.0060)',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '(40.7128, -74.0060)' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<PointRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/point/point.component.ts b/frontend/src/app/components/ui-components/record-view-fields/point/point.component.ts
deleted file mode 100644
index d1d70dce7..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/point/point.component.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-point-record-view',
-	templateUrl: './point.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './point.component.css'],
-	imports: [MatTooltipModule],
-})
-export class PointRecordViewComponent extends BaseRecordViewFieldComponent implements OnInit {
-	static type = 'point';
-
-	formattedPoint: string;
-
-	ngOnInit() {
-		this.formatPoint();
-	}
-
-	private formatPoint() {
-		if (!this.value()) {
-			this.formattedPoint = '';
-			return;
-		}
-
-		try {
-			if (typeof this.value() === 'string') {
-				// Handle string format like "(x,y)" or "x,y"
-				const pointStr = this.value().trim().replace(/[()]/g, '');
-				const [x, y] = pointStr.split(',').map((coord) => parseFloat(coord.trim()));
-				this.formattedPoint = `(${x}, ${y})`;
-			} else if (typeof this.value() === 'object') {
-				// Handle object format like {x: 1, y: 2}
-				const x = this.value().x || this.value()[0];
-				const y = this.value().y || this.value()[1];
-				this.formattedPoint = `(${x}, ${y})`;
-			}
-		} catch (_e) {
-			this.formattedPoint = String(this.value());
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/range/range.component.css b/frontend/src/app/components/ui-components/record-view-fields/range/range.component.css
deleted file mode 100644
index 0c680164f..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/range/range.component.css
+++ /dev/null
@@ -1,64 +0,0 @@
-.range-display-container {
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	padding: 4px 0;
-}
-
-.range-value-label {
-	font-size: 14px;
-	color: rgba(0, 0, 0, 0.87);
-	font-weight: 500;
-}
-
-.range-progress-bar {
-	height: 8px;
-	border-radius: 4px;
-	min-width: 160px;
-}
-
-/* Material progress bar specific styles */
-.range-progress-bar.mat-mdc-progress-bar {
-	height: 8px;
-}
-
-/* Light theme progress bar styles */
-.range-progress-bar {
-	--mat-progress-bar-active-indicator-color: var(--color-accentedPalette-300);
-	--mat-progress-bar-track-color: #e0e0e0;
-	--mat-progress-bar-active-indicator-height: 8px;
-	--mat-progress-bar-track-height: 8px;
-}
-
-/* Override Material default styles */
-.range-progress-bar ::ng-deep .mdc-linear-progress {
-	height: 8px !important;
-}
-
-.range-progress-bar ::ng-deep .mdc-linear-progress__bar {
-	height: 8px !important;
-}
-
-.range-progress-bar ::ng-deep .mdc-linear-progress__bar-inner {
-	border-top-width: 8px !important;
-}
-
-.range-progress-bar ::ng-deep .mdc-linear-progress__buffer {
-	height: 8px !important;
-}
-
-.range-progress-bar ::ng-deep .mdc-linear-progress__buffer-bar {
-	height: 8px !important;
-}
-
-/* Dark theme styles */
-@media (prefers-color-scheme: dark) {
-	.range-value-label {
-		color: rgba(255, 255, 255, 0.87);
-	}
-
-	.range-progress-bar {
-		--mat-progress-bar-active-indicator-color: var(--color-accentedPalette-700);
-		--mat-progress-bar-track-color: rgba(255, 255, 255, 0.12);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/range/range.component.html b/frontend/src/app/components/ui-components/record-view-fields/range/range.component.html
deleted file mode 100644
index 673c6a710..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/range/range.component.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div class="range-display-container">
-  <div class="range-value-label">{{ displayValue }}</div>
-  <mat-progress-bar 
-    mode="determinate" 
-    [value]="getProgressValue()"
-    class="range-progress-bar">
-  </mat-progress-bar>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-view-fields/range/range.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/range/range.component.spec.ts
deleted file mode 100644
index 15900122d..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/range/range.component.spec.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { RangeRecordViewComponent } from './range.component';
-
-describe('RangeRecordViewComponent', () => {
-	let component: RangeRecordViewComponent;
-	let fixture: ComponentFixture<RangeRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [RangeRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(RangeRecordViewComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display value with default max', () => {
-		fixture.componentRef.setInput('value', 50);
-		component.ngOnInit();
-		expect(component.displayValue).toBe('50 / 100');
-	});
-
-	it('should parse widget params for min/max', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { min: 0, max: 200 },
-		});
-		fixture.componentRef.setInput('value', 100);
-		component.ngOnInit();
-		expect(component.displayValue).toBe('100 / 200');
-	});
-
-	it('should calculate progress value', () => {
-		fixture.componentRef.setInput('value', 50);
-		component.ngOnInit();
-		expect(component.getProgressValue()).toBe(50);
-	});
-
-	it('should clamp progress value', () => {
-		fixture.componentRef.setInput('value', 150);
-		component.ngOnInit();
-		expect(component.getProgressValue()).toBe(100);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/range/range.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/range/range.component.stories.ts
deleted file mode 100644
index f12d85400..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/range/range.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { RangeRecordViewComponent } from './range.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'int',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<RangeRecordViewComponent> = {
-	title: 'Record View Fields/Range',
-	component: RangeRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '[1, 100]' as any,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '[1, 100]' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<RangeRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/range/range.component.ts b/frontend/src/app/components/ui-components/record-view-fields/range/range.component.ts
deleted file mode 100644
index da49ab3f7..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/range/range.component.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { Component, input, OnChanges, OnInit } from '@angular/core';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-range-record-view',
-	standalone: true,
-	templateUrl: './range.component.html',
-	styleUrls: ['./range.component.css'],
-	imports: [MatProgressBarModule],
-})
-export class RangeRecordViewComponent extends BaseRecordViewFieldComponent implements OnInit, OnChanges {
-	override readonly value = input<number>();
-	static type = 'range';
-
-	public min: number = 0;
-	public max: number = 100;
-	public step: number = 1;
-	public displayValue: string = '';
-
-	ngOnInit(): void {
-		this._parseWidgetParams();
-		this._updateDisplayValue();
-	}
-
-	ngOnChanges(): void {
-		this._parseWidgetParams();
-		this._updateDisplayValue();
-	}
-
-	public getProgressValue(): number {
-		const numValue = Number(this.value()) || 0;
-		const range = this.max - this.min;
-		if (range === 0) return 0;
-		const progress = ((numValue - this.min) / range) * 100;
-		// Ensure progress is between 0 and 100
-		return Math.max(0, Math.min(100, progress));
-	}
-
-	private _parseWidgetParams(): void {
-		console.log('Parsing widget params:', this.widgetStructure()?.widget_params);
-		if (this.widgetStructure()?.widget_params) {
-			try {
-				const params = this.widgetStructure().widget_params;
-				if (params.min !== undefined) {
-					this.min = Number(params.min) || 0;
-				}
-				if (params.max !== undefined) {
-					this.max = Number(params.max) || 100;
-				}
-				if (params.step !== undefined) {
-					this.step = Number(params.step) || 1;
-				}
-			} catch (error) {
-				console.error('Failed to parse widget params:', error);
-			}
-		}
-		console.log('Parsed widget params:', { min: this.min, max: this.max, step: this.step });
-	}
-
-	private _updateDisplayValue(): void {
-		const numValue = Number(this.value()) || 0;
-		this.displayValue = `${numValue} / ${this.max}`;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.css b/frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.css
deleted file mode 100644
index 652bb1e35..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.s3-preview {
-	width: 100%;
-	max-width: 300px;
-	height: auto;
-	margin-bottom: 8px;
-}
-
-.s3-spinner {
-	display: block;
-	margin: 8px 0;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.html b/frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.html
deleted file mode 100644
index c2b400c42..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.html
+++ /dev/null
@@ -1,16 +0,0 @@
-@if (isImageType) {
-  @if (isLoading) {
-    <mat-spinner diameter="30" class="s3-spinner"></mat-spinner>
-  }
-  @if (previewUrl && !isLoading) {
-    <img
-      class="s3-preview"
-      [src]="previewUrl"
-      alt="S3 Image">
-  }
-  @if (!previewUrl && !isLoading && value()) {
-    <span class="field-view-value">[S3 Image]</span>
-  }
-} @else {
-  <span class="field-view-value">{{value() || '—'}}</span>
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.spec.ts
deleted file mode 100644
index c7f4e6470..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.spec.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { S3Service } from 'src/app/services/s3.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { S3RecordViewComponent } from './s3.component';
-
-describe('S3RecordViewComponent', () => {
-	let component: S3RecordViewComponent;
-	let fixture: ComponentFixture<S3RecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [S3RecordViewComponent],
-			providers: [
-				{
-					provide: S3Service,
-					useValue: {
-						getFileUrl: () => Promise.resolve({ url: 'https://s3.example.com/file.jpg' }),
-					},
-				},
-				{
-					provide: ConnectionsService,
-					useValue: { currentConnectionID: 'conn-1' },
-				},
-				{
-					provide: TablesService,
-					useValue: { currentTableName: 'test_table' },
-				},
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(S3RecordViewComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should parse widget params', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: {
-				bucket: 'my-bucket',
-				type: 'file',
-				access_key_id: 'COMPANY-SECRET/bucket-access-key-id',
-				access_key: 'COMPANY-SECRET/bucket-access-key',
-			},
-		});
-		component.ngOnInit();
-		expect(component.params).toBeDefined();
-		expect(component.params.bucket).toBe('my-bucket');
-	});
-
-	it('should identify image type', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: {
-				bucket: 'my-bucket',
-				type: 'image',
-				access_key_id: 'COMPANY-SECRET/bucket-access-key-id',
-				access_key: 'COMPANY-SECRET/bucket-access-key',
-			},
-		});
-		component.ngOnInit();
-		expect(component.isImageType).toBe(true);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.stories.ts
deleted file mode 100644
index 4c5dc9081..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { S3RecordViewComponent } from './s3.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<S3RecordViewComponent> = {
-	title: 'Record View Fields/S3',
-	component: S3RecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: 's3://bucket/file.txt',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 's3://bucket/file.txt' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<S3RecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.ts b/frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.ts
deleted file mode 100644
index 7b5a6e0c3..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/s3/s3.component.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { S3Service } from 'src/app/services/s3.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-type BucketProvider = 'aws' | 'digitalocean' | 'backblaze' | 'wasabi' | 'cloudflare-r2';
-
-interface BucketWidgetParams {
-	provider?: BucketProvider;
-	bucket: string;
-	prefix?: string;
-	region?: string;
-	account_id?: string;
-	access_key_id: string;
-	access_key: string;
-	type?: 'file' | 'image';
-}
-
-@Component({
-	selector: 'app-s3-record-view',
-	templateUrl: './s3.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './s3.component.css'],
-	imports: [MatProgressSpinnerModule],
-})
-export class S3RecordViewComponent extends BaseRecordViewFieldComponent implements OnInit {
-	public params: BucketWidgetParams;
-	public previewUrl: string | null = null;
-	public isLoading: boolean = false;
-
-	private connectionId: string;
-	private tableName: string;
-
-	constructor(
-		private s3Service: S3Service,
-		private connectionsService: ConnectionsService,
-		private tablesService: TablesService,
-	) {
-		super();
-	}
-
-	ngOnInit(): void {
-		this.connectionId = this.connectionsService.currentConnectionID;
-		this.tableName = this.tablesService.currentTableName;
-		this._parseWidgetParams();
-
-		if (this.value() && this.isImageType && this.primaryKeys()) {
-			this._loadPreview();
-		}
-	}
-
-	get isImageType(): boolean {
-		return this.params?.type === 'image';
-	}
-
-	private _parseWidgetParams(): void {
-		if (this.widgetStructure()?.widget_params) {
-			try {
-				this.params =
-					typeof this.widgetStructure().widget_params === 'string'
-						? JSON.parse(this.widgetStructure().widget_params as unknown as string)
-						: this.widgetStructure().widget_params;
-			} catch (e) {
-				console.error('Error parsing S3 widget params:', e);
-			}
-		}
-	}
-
-	private async _loadPreview(): Promise<void> {
-		if (!this.value() || !this.connectionId || !this.tableName || !this.primaryKeys()) return;
-
-		this.isLoading = true;
-
-		const response = await this.s3Service.getFileUrl(
-			this.connectionId,
-			this.tableName,
-			this.widgetStructure().field_name,
-			this.primaryKeys(),
-		);
-
-		if (response) {
-			this.previewUrl = response.url;
-		}
-
-		this.isLoading = false;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/select/select.component.css b/frontend/src/app/components/ui-components/record-view-fields/select/select.component.css
deleted file mode 100644
index 8e5333b9f..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/select/select.component.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.field-view-value {
-	padding: 2px 6px;
-	border-radius: 4px;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/select/select.component.html b/frontend/src/app/components/ui-components/record-view-fields/select/select.component.html
deleted file mode 100644
index 2fd355c75..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/select/select.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<span class="field-view-value" [style.backgroundColor]="backgroundColor">{{displayValue}}</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/select/select.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/select/select.component.spec.ts
deleted file mode 100644
index 92f2d2ba5..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/select/select.component.spec.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { SelectRecordViewComponent } from './select.component';
-
-describe('SelectRecordViewComponent', () => {
-	let component: SelectRecordViewComponent;
-	let fixture: ComponentFixture<SelectRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [SelectRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(SelectRecordViewComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display dash for null value', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		expect(component.displayValue).toBe('—');
-	});
-
-	it('should display option label when matching widget option', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: {
-				options: [{ value: 'a', label: 'Alpha' }],
-			},
-		});
-		fixture.componentRef.setInput('value', 'a');
-		component.ngOnInit();
-		expect(component.displayValue).toBe('Alpha');
-	});
-
-	it('should display raw value when no matching option', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: {
-				options: [{ value: 'b', label: 'Beta' }],
-			},
-		});
-		fixture.componentRef.setInput('value', 'unknown');
-		component.ngOnInit();
-		expect(component.displayValue).toBe('unknown');
-	});
-
-	it('should set backgroundColor from matching option', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: {
-				options: [{ value: 'a', label: 'Alpha', background_color: '#ff0000' }],
-			},
-		});
-		fixture.componentRef.setInput('value', 'a');
-		component.ngOnInit();
-		expect(component.backgroundColor).toBe('#ff0000');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/select/select.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/select/select.component.stories.ts
deleted file mode 100644
index 242993933..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/select/select.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { SelectRecordViewComponent } from './select.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'enum',
-	data_type_params: ['option1', 'option2', 'option3'],
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<SelectRecordViewComponent> = {
-	title: 'Record View Fields/Select',
-	component: SelectRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: 'option1',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'option1' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<SelectRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/select/select.component.ts b/frontend/src/app/components/ui-components/record-view-fields/select/select.component.ts
deleted file mode 100644
index b87d76f39..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/select/select.component.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-select-record-view',
-	templateUrl: './select.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './select.component.css'],
-	imports: [],
-})
-export class SelectRecordViewComponent extends BaseRecordViewFieldComponent implements OnInit {
-	public displayValue: string;
-	public backgroundColor: string;
-
-	ngOnInit(): void {
-		this.setDisplayValue();
-	}
-
-	private setDisplayValue(): void {
-		if (!this.value()) {
-			this.displayValue = '—';
-			return;
-		}
-
-		if (this.widgetStructure()?.widget_params?.options) {
-			// Find the matching option based on value and use its label
-			const option = this.widgetStructure().widget_params.options.find(
-				(opt: { value: any; label: string }) => opt.value === this.value(),
-			);
-			this.displayValue = option ? option.label : this.value();
-			this.backgroundColor = option?.background_color ? option.background_color : 'transparent';
-		} else if (this.structure()?.data_type_params) {
-			// If no widget structure but we have data_type_params, just use the value
-			this.displayValue = this.value();
-		} else {
-			this.displayValue = this.value();
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.css b/frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.html b/frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.html
deleted file mode 100644
index a071ebc00..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<span class="field-view-value">{{value() || '—'}}</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.spec.ts
deleted file mode 100644
index 76f9ebc14..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { StaticTextRecordViewComponent } from './static-text.component';
-
-describe('StaticTextRecordViewComponent', () => {
-	let component: StaticTextRecordViewComponent;
-	let fixture: ComponentFixture<StaticTextRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [StaticTextRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(StaticTextRecordViewComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.stories.ts
deleted file mode 100644
index 32a0d4fe9..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { StaticTextRecordViewComponent } from './static-text.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<StaticTextRecordViewComponent> = {
-	title: 'Record View Fields/StaticText',
-	component: StaticTextRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: 'Static content',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'Static content' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<StaticTextRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.ts b/frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.ts
deleted file mode 100644
index b8f777ce3..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/static-text/static-text.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-static-text-record-view',
-	templateUrl: './static-text.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './static-text.component.css'],
-	imports: [],
-})
-export class StaticTextRecordViewComponent extends BaseRecordViewFieldComponent {}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/text/text.component.css b/frontend/src/app/components/ui-components/record-view-fields/text/text.component.css
deleted file mode 100644
index 9ee904706..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/text/text.component.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.validation-error {
-	text-decoration: underline;
-	text-decoration-style: wavy;
-	text-underline-offset: 2px;
-}
-
-@media (prefers-color-scheme: light) {
-	.validation-error {
-		color: var(--color-warnPalette-500);
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.validation-error {
-		color: var(--color-warnDarkPalette-500);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/text/text.component.html b/frontend/src/app/components/ui-components/record-view-fields/text/text.component.html
deleted file mode 100644
index 4f8475678..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/text/text.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<span class="field-view-value" [class.validation-error]="isInvalid" [title]="isInvalid ? validationErrorMessage : ''">{{value() || '—'}}</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/text/text.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/text/text.component.spec.ts
deleted file mode 100644
index 64a0c7917..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/text/text.component.spec.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TextRecordViewComponent } from './text.component';
-
-describe('TextRecordViewComponent', () => {
-	let component: TextRecordViewComponent;
-	let fixture: ComponentFixture<TextRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TextRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TextRecordViewComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should return false for isInvalid when value is empty', () => {
-		fixture.componentRef.setInput('value', '');
-		expect(component.isInvalid).toBe(false);
-	});
-
-	it('should return false for isInvalid when no validate widget param', () => {
-		fixture.componentRef.setInput('value', 'sometext');
-		fixture.componentRef.setInput('widgetStructure', { widget_params: {} } as any);
-		expect(component.isInvalid).toBe(false);
-	});
-
-	it('should return true for isInvalid when email validation fails', () => {
-		fixture.componentRef.setInput('value', 'notanemail');
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { validate: 'isEmail' } } as any);
-		expect(component.isInvalid).toBe(true);
-	});
-
-	it('should return false for isInvalid when email validation passes', () => {
-		fixture.componentRef.setInput('value', 'test@test.com');
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { validate: 'isEmail' } } as any);
-		expect(component.isInvalid).toBe(false);
-	});
-
-	it('should return correct validationErrorMessage for isEmail', () => {
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { validate: 'isEmail' } } as any);
-		expect(component.validationErrorMessage).toBe('Invalid email address');
-	});
-
-	it('should validate regex pattern', () => {
-		fixture.componentRef.setInput('value', 'abc');
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { validate: 'regex', regex: '^[0-9]+$' } } as any);
-		expect(component.isInvalid).toBe(true);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/text/text.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/text/text.component.stories.ts
deleted file mode 100644
index 7395923e7..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/text/text.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TextRecordViewComponent } from './text.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TextRecordViewComponent> = {
-	title: 'Record View Fields/Text',
-	component: TextRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: 'Sample text',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'Sample text' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<TextRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/text/text.component.ts b/frontend/src/app/components/ui-components/record-view-fields/text/text.component.ts
deleted file mode 100644
index 8d5f20ff7..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/text/text.component.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { Component } from '@angular/core';
-import * as validator from 'validator';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-text-record-view',
-	templateUrl: './text.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './text.component.css'],
-	imports: [],
-})
-export class TextRecordViewComponent extends BaseRecordViewFieldComponent {
-	get isInvalid(): boolean {
-		if (!this.value() || this.value() === '') {
-			return false;
-		}
-
-		const validateType = this.widgetStructure()?.widget_params?.validate;
-		if (!validateType) {
-			return false;
-		}
-
-		const stringValue = String(this.value());
-
-		// Special case for regex validation
-		if (validateType === 'regex') {
-			const regexPattern = this.widgetStructure()?.widget_params?.regex;
-			if (!regexPattern) {
-				return false;
-			}
-			try {
-				const regex = new RegExp(regexPattern);
-				return !regex.test(stringValue);
-			} catch (error) {
-				console.warn('Invalid regex pattern:', error);
-				return false;
-			}
-		}
-
-		// Check if validator has this method
-		// biome-ignore lint: it is expected to import all exports of validator
-		const validatorMethod = validator[validateType];
-		if (typeof validatorMethod !== 'function') {
-			console.warn(`Unknown validator method: ${validateType}`);
-			return false;
-		}
-
-		try {
-			// Call the validator method and invert result (true if invalid)
-			return !validatorMethod(stringValue);
-		} catch (error) {
-			console.warn(`Validation error for ${validateType}:`, error);
-			return false;
-		}
-	}
-
-	get validationErrorMessage(): string {
-		const validateType = this.widgetStructure()?.widget_params?.validate;
-		if (!validateType) {
-			return '';
-		}
-
-		if (validateType === 'regex') {
-			return 'Does not match the required pattern';
-		}
-
-		// Create user-friendly messages for common validators
-		const messages = {
-			isEmail: 'Invalid email address',
-			isURL: 'Invalid URL',
-			isIP: 'Invalid IP address',
-			isUUID: 'Invalid UUID',
-			isJSON: 'Invalid JSON',
-			isCreditCard: 'Invalid credit card number',
-			isISBN: 'Invalid ISBN',
-			isAlpha: 'Should contain only letters',
-			isNumeric: 'Should contain only numbers',
-			isAlphanumeric: 'Should contain only letters and numbers',
-			isHexColor: 'Invalid hex color',
-			isBase64: 'Invalid Base64 string',
-			isMobilePhone: 'Invalid mobile phone number',
-			isPostalCode: 'Invalid postal code',
-		};
-
-		return messages[validateType] || `Invalid ${validateType.replace(/^is/, '').toLowerCase()}`;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.css b/frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.html b/frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.html
deleted file mode 100644
index 0f4b46264..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<span class="field-view-value">{{ formattedInterval }}</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.spec.ts
deleted file mode 100644
index a105e0ebc..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.spec.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TimeIntervalRecordViewComponent } from './time-interval.component';
-
-describe('TimeIntervalRecordViewComponent', () => {
-	let component: TimeIntervalRecordViewComponent;
-	let fixture: ComponentFixture<TimeIntervalRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TimeIntervalRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TimeIntervalRecordViewComponent);
-		component = fixture.componentInstance;
-		// Don't call fixture.detectChanges() here - let individual tests set inputs first
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should format interval object', () => {
-		fixture.componentRef.setInput('value', { hours: 2, minutes: 30 });
-		component.ngOnInit();
-		expect(component.formattedInterval).toBe('2h 30m');
-	});
-
-	it('should display em dash for null value', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		expect(component.formattedInterval).toBe('—');
-	});
-
-	it('should handle string JSON interval', () => {
-		fixture.componentRef.setInput('value', '{"hours":1,"minutes":15}');
-		component.ngOnInit();
-		expect(component.formattedInterval).toBe('1h 15m');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.stories.ts
deleted file mode 100644
index f599db79c..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TimeIntervalRecordViewComponent } from './time-interval.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'interval',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TimeIntervalRecordViewComponent> = {
-	title: 'Record View Fields/TimeInterval',
-	component: TimeIntervalRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '01:30:00',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '01:30:00' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<TimeIntervalRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.ts b/frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.ts
deleted file mode 100644
index 5d413de73..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/time-interval/time-interval.component.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-time-interval-record-view',
-	templateUrl: './time-interval.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './time-interval.component.css'],
-	imports: [],
-})
-export class TimeIntervalRecordViewComponent extends BaseRecordViewFieldComponent implements OnInit {
-	formattedInterval: string;
-
-	ngOnInit() {
-		if (!this.value()) {
-			this.formattedInterval = '—';
-			return;
-		}
-
-		try {
-			const interval = typeof this.value() === 'string' ? JSON.parse(this.value()) : this.value();
-			let parts = [];
-
-			if (interval.days) parts.push(`${interval.days}d`);
-			if (interval.hours) parts.push(`${interval.hours}h`);
-			if (interval.minutes) parts.push(`${interval.minutes}m`);
-			if (interval.seconds) parts.push(`${interval.seconds}s`);
-			if (interval.milliseconds) parts.push(`${interval.milliseconds}ms`);
-
-			this.formattedInterval = parts.length > 0 ? parts.join(' ') : '0';
-		} catch (_e) {
-			this.formattedInterval = String(this.value());
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/time/time.component.css b/frontend/src/app/components/ui-components/record-view-fields/time/time.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/record-view-fields/time/time.component.html b/frontend/src/app/components/ui-components/record-view-fields/time/time.component.html
deleted file mode 100644
index 5016beffb..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/time/time.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<span class="field-view-value">{{formattedTime || '—'}}</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/time/time.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/time/time.component.spec.ts
deleted file mode 100644
index 4fd51af40..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/time/time.component.spec.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TimeRecordViewComponent } from './time.component';
-
-describe('TimeRecordViewComponent', () => {
-	let component: TimeRecordViewComponent;
-	let fixture: ComponentFixture<TimeRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TimeRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TimeRecordViewComponent);
-		component = fixture.componentInstance;
-		// Don't call fixture.detectChanges() here - let individual tests set inputs first
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should preserve time string format', () => {
-		fixture.componentRef.setInput('value', '14:30:00');
-		component.ngOnInit();
-		expect(component.formattedTime).toBe('14:30:00');
-	});
-
-	it('should handle null value', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		expect(component.formattedTime).toBeUndefined();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/time/time.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/time/time.component.stories.ts
deleted file mode 100644
index 15759b2e2..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/time/time.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TimeRecordViewComponent } from './time.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'time',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TimeRecordViewComponent> = {
-	title: 'Record View Fields/Time',
-	component: TimeRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '10:30:00',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '10:30:00' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<TimeRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/time/time.component.ts b/frontend/src/app/components/ui-components/record-view-fields/time/time.component.ts
deleted file mode 100644
index 1d8f85260..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/time/time.component.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { format } from 'date-fns';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-time-record-view',
-	templateUrl: './time.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './time.component.css'],
-	imports: [],
-})
-export class TimeRecordViewComponent extends BaseRecordViewFieldComponent implements OnInit {
-	static type = 'time';
-
-	public formattedTime: string;
-
-	ngOnInit(): void {
-		if (this.value()) {
-			try {
-				if (this.value().includes(':')) {
-					// Handle time string format
-					this.formattedTime = this.value();
-				} else {
-					const date = new Date(this.value());
-					if (!Number.isNaN(date.getTime())) {
-						this.formattedTime = format(date, 'HH:mm:ss');
-					} else {
-						this.formattedTime = this.value();
-					}
-				}
-			} catch (_error) {
-				this.formattedTime = this.value();
-			}
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.css b/frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.css
deleted file mode 100644
index 99aa281f0..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.css
+++ /dev/null
@@ -1 +0,0 @@
-/* Timezone specific styles */
diff --git a/frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.html b/frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.html
deleted file mode 100644
index 025c37db6..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<span class="field-view-value">{{formattedTimezone}}</span>
diff --git a/frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.spec.ts
deleted file mode 100644
index 5248c5dfb..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.spec.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TimezoneRecordViewComponent } from './timezone.component';
-
-describe('TimezoneRecordViewComponent', () => {
-	let component: TimezoneRecordViewComponent;
-	let fixture: ComponentFixture<TimezoneRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TimezoneRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TimezoneRecordViewComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display formatted timezone with UTC offset', () => {
-		fixture.componentRef.setInput('value', 'America/New_York');
-		expect(component.formattedTimezone).toContain('America/New_York');
-		expect(component.formattedTimezone).toContain('UTC');
-	});
-
-	it('should display dash for null value', () => {
-		fixture.componentRef.setInput('value', null);
-		expect(component.formattedTimezone).toBe('—');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.stories.ts
deleted file mode 100644
index d1570a66c..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TimezoneRecordViewComponent } from './timezone.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TimezoneRecordViewComponent> = {
-	title: 'Record View Fields/Timezone',
-	component: TimezoneRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: 'UTC',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'UTC' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<TimezoneRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.ts b/frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.ts
deleted file mode 100644
index 23ca59272..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/timezone/timezone.component.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-timezone-record-view',
-	templateUrl: './timezone.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './timezone.component.css'],
-	imports: [],
-})
-export class TimezoneRecordViewComponent extends BaseRecordViewFieldComponent {
-	get formattedTimezone(): string {
-		console.log('timezone', this.value());
-		if (!this.value()) {
-			return '—';
-		}
-
-		try {
-			const offset = this.getTimezoneOffset(this.value());
-			return `${this.value()} (UTC${offset})`;
-		} catch (_error) {
-			return this.value();
-		}
-	}
-
-	private getTimezoneOffset(timezone: string): string {
-		try {
-			const now = new Date();
-			const formatter = new Intl.DateTimeFormat('en-US', {
-				timeZone: timezone,
-				timeZoneName: 'longOffset',
-			});
-
-			const parts = formatter.formatToParts(now);
-			const offsetPart = parts.find((part) => part.type === 'timeZoneName');
-
-			if (offsetPart?.value.includes('GMT')) {
-				const offset = offsetPart.value.replace('GMT', '');
-				return offset === '' ? '+00:00' : offset;
-			}
-
-			// Fallback: calculate offset manually
-			const utcDate = new Date(now.toLocaleString('en-US', { timeZone: 'UTC' }));
-			const tzDate = new Date(now.toLocaleString('en-US', { timeZone: timezone }));
-			const offsetMinutes = (tzDate.getTime() - utcDate.getTime()) / 60000;
-			const hours = Math.floor(Math.abs(offsetMinutes) / 60);
-			const minutes = Math.abs(offsetMinutes) % 60;
-			const sign = offsetMinutes >= 0 ? '+' : '-';
-			return `${sign}${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;
-		} catch (error) {
-			console.error(error);
-			return '';
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/url/url.component.css b/frontend/src/app/components/ui-components/record-view-fields/url/url.component.css
deleted file mode 100644
index c574bce09..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/url/url.component.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.url-link {
-	display: flex;
-	align-items: center;
-	gap: 4px;
-	color: var(--color-primaryPalette-500);
-	word-break: break-all;
-}
-
-.url-link__icon {
-	flex-shrink: 0;
-	margin-bottom: -2px;
-	width: 16px;
-	height: 16px;
-	font-size: 16px;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/url/url.component.html b/frontend/src/app/components/ui-components/record-view-fields/url/url.component.html
deleted file mode 100644
index 284b29434..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/url/url.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-@if (isValidUrl) {
-<a
-  [href]="value()" target="_blank"
-  class="url-link"
-  (click)="$event.stopPropagation()">
-  <mat-icon class="url-link__icon" fontSet="material-symbols-outlined">link</mat-icon>
-  {{value() || '—'}}
-</a>
-} @else {
-<span>{{value() || '—'}}</span>
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/url/url.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/url/url.component.spec.ts
deleted file mode 100644
index 6207ac321..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/url/url.component.spec.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { UrlRecordViewComponent } from './url.component';
-
-describe('UrlRecordViewComponent', () => {
-	let component: UrlRecordViewComponent;
-	let fixture: ComponentFixture<UrlRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [UrlRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(UrlRecordViewComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should return true for valid URL', () => {
-		fixture.componentRef.setInput('value', 'https://example.com');
-		expect(component.isValidUrl).toBe(true);
-	});
-
-	it('should return false for invalid URL', () => {
-		fixture.componentRef.setInput('value', 'not-a-url');
-		expect(component.isValidUrl).toBe(false);
-	});
-
-	it('should return false for empty value', () => {
-		fixture.componentRef.setInput('value', '');
-		expect(component.isValidUrl).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/url/url.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/url/url.component.stories.ts
deleted file mode 100644
index 08f6efa83..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/url/url.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { UrlRecordViewComponent } from './url.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<UrlRecordViewComponent> = {
-	title: 'Record View Fields/Url',
-	component: UrlRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: 'https://example.com',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'https://example.com' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<UrlRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/url/url.component.ts b/frontend/src/app/components/ui-components/record-view-fields/url/url.component.ts
deleted file mode 100644
index 79c967e7d..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/url/url.component.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Component } from '@angular/core';
-import { MatIconModule } from '@angular/material/icon';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-url-record-view',
-	templateUrl: './url.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './url.component.css'],
-	imports: [MatIconModule],
-})
-export class UrlRecordViewComponent extends BaseRecordViewFieldComponent {
-	static type = 'url';
-
-	get isValidUrl(): boolean {
-		if (!this.value()) return false;
-		try {
-			new URL(this.value());
-			return true;
-		} catch {
-			return false;
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.css b/frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.css
deleted file mode 100644
index 37580a139..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.uuid-text {
-	font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
-	font-stretch: condensed;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
diff --git a/frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.html b/frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.html
deleted file mode 100644
index d4fd04722..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<span class="field-view-value uuid-text">{{ value() || 'Null' }}</span>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.spec.ts b/frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.spec.ts
deleted file mode 100644
index 3650282fd..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { UuidRecordViewComponent } from './uuid.component';
-
-describe('UuidRecordViewComponent', () => {
-	let component: UuidRecordViewComponent;
-	let fixture: ComponentFixture<UuidRecordViewComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [UuidRecordViewComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(UuidRecordViewComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.stories.ts b/frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.stories.ts
deleted file mode 100644
index 81cfadecf..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { UuidRecordViewComponent } from './uuid.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'uuid',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<UuidRecordViewComponent> = {
-	title: 'Record View Fields/Uuid',
-	component: UuidRecordViewComponent,
-	args: {
-		key: 'field_name',
-		value: '550e8400-e29b-41d4-a716-446655440000',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '550e8400-e29b-41d4-a716-446655440000' },
-		primaryKeys: { id: 1 },
-	},
-};
-
-export default meta;
-type Story = StoryObj<UuidRecordViewComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.ts b/frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.ts
deleted file mode 100644
index 08ac526bf..000000000
--- a/frontend/src/app/components/ui-components/record-view-fields/uuid/uuid.component.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseRecordViewFieldComponent } from '../base-record-view-field/base-record-view-field.component';
-
-@Component({
-	selector: 'app-uuid-record-view',
-	templateUrl: './uuid.component.html',
-	styleUrls: ['../base-record-view-field/base-record-view-field.component.css', './uuid.component.css'],
-	imports: [],
-})
-export class UuidRecordViewComponent extends BaseRecordViewFieldComponent {}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.css b/frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.css
deleted file mode 100644
index 99c057261..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.css
+++ /dev/null
@@ -1,32 +0,0 @@
-.field-display {
-	position: relative;
-	display: flex;
-	align-items: center;
-}
-
-.field-value {
-	flex-grow: 1 0 auto;
-	text-overflow: ellipsis;
-	overflow: hidden;
-	white-space: nowrap;
-}
-
-.field-copy-button {
-	position: absolute;
-	right: -6px;
-	top: 50%;
-	background-color: var(--hover-color);
-	transform: translate(0, -50%) scale(0.85);
-	opacity: 0;
-	transition: opacity 0.1s ease-in-out;
-}
-
-.field-display:hover .field-copy-button {
-	opacity: 1;
-}
-
-@media (width <= 600px) {
-	.field-copy-button {
-		display: none !important;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.html b/frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.html
deleted file mode 100644
index 67e1f2808..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<!-- Base template is empty, will be overridden by child components -->
diff --git a/frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.spec.ts
deleted file mode 100644
index e3c7aa953..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.spec.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BaseTableDisplayFieldComponent } from './base-table-display-field.component';
-
-describe('BaseTableDisplayFieldComponent', () => {
-	let component: BaseTableDisplayFieldComponent;
-	let fixture: ComponentFixture<BaseTableDisplayFieldComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BaseTableDisplayFieldComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(BaseTableDisplayFieldComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should accept value input', () => {
-		fixture.componentRef.setInput('value', 'test-value');
-		fixture.detectChanges();
-		expect(component.value()).toBe('test-value');
-	});
-
-	it('should accept key input', () => {
-		fixture.componentRef.setInput('key', 'test-key');
-		fixture.detectChanges();
-		expect(component.key()).toBe('test-key');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.ts b/frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.ts
deleted file mode 100644
index f6fa5d07d..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/base-table-display-field/base-table-display-field.component.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Component, input, output } from '@angular/core';
-import { TableField, WidgetStructure } from 'src/app/models/table';
-
-@Component({
-	selector: 'app-base-display-field',
-	templateUrl: './base-table-display-field.component.html',
-	styleUrl: './base-table-display-field.component.css',
-	imports: [],
-})
-export class BaseTableDisplayFieldComponent {
-	readonly key = input<string>();
-	readonly value = input<any>();
-	readonly structure = input<TableField>();
-	readonly widgetStructure = input<WidgetStructure>();
-	readonly rowData = input<Record<string, unknown>>();
-	readonly primaryKeys = input<{ column_name: string }[]>();
-
-	readonly onCopyToClipboard = output<string>();
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.css b/frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.css
deleted file mode 100644
index 85157a202..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.static-text {
-	margin-bottom: 20px;
-}
-
-.static-text__value {
-	color: #0a0a0a;
-	font-style: italic;
-	opacity: 0.32;
-	padding-left: 8px;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.html b/frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.html
deleted file mode 100644
index 0e88e629b..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="field-display">
-  <span class="field-value">{{value() || '—'}}</span>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.spec.ts
deleted file mode 100644
index 51fd74860..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.spec.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BinaryDataCaptionDisplayComponent } from './binary-data-caption.component';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('BinaryDataCaptionDisplayComponent', () => {
-	let component: BinaryDataCaptionDisplayComponent;
-	let fixture: ComponentFixture<BinaryDataCaptionDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BinaryDataCaptionDisplayComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(BinaryDataCaptionDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display value', () => {
-		fixture.componentRef.setInput('value', 'binary-data-placeholder');
-		fixture.detectChanges();
-		expect(component.value()).toBe('binary-data-placeholder');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.stories.ts
deleted file mode 100644
index c7965ee27..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { BinaryDataCaptionDisplayComponent } from './binary-data-caption.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'bytea',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<BinaryDataCaptionDisplayComponent> = {
-	title: 'Table Display Fields/BinaryDataCaption',
-	component: BinaryDataCaptionDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: '(binary data)',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '(binary data)' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<BinaryDataCaptionDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.ts b/frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.ts
deleted file mode 100644
index 77969b05d..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/binary-data-caption/binary-data-caption.component.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Component } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-
-@Component({
-	selector: 'app-binary-data-caption-display',
-	templateUrl: './binary-data-caption.component.html',
-	styleUrls: [
-		'../base-table-display-field/base-table-display-field.component.css',
-		'./binary-data-caption.component.css',
-	],
-	imports: [MatIconModule, MatButtonModule, MatTooltipModule],
-})
-export class BinaryDataCaptionDisplayComponent extends BaseTableDisplayFieldComponent {}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.css b/frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.css
deleted file mode 100644
index f33bcd18c..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.binary-value {
-	font-family: monospace;
-	font-size: 13px;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.html b/frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.html
deleted file mode 100644
index 4ab62fd2b..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<div class="field-display">
-    <span class="field-value binary-value">{{ displayText() }}</span>
-    @if (encodedValue()) {
-        <button type="button" mat-icon-button
-            class="field-copy-button"
-            [matTooltip]="copyTooltip()"
-            [cdkCopyToClipboard]="encodedValue()"
-            (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Binary data was copied to clipboard.')"
-            (click)="$event.stopPropagation()">
-            <mat-icon>content_copy</mat-icon>
-        </button>
-    }
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.spec.ts
deleted file mode 100644
index 0d319a375..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.spec.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { BinaryDisplayComponent } from './binary.component';
-
-describe('BinaryDisplayComponent', () => {
-	let component: BinaryDisplayComponent;
-	let fixture: ComponentFixture<BinaryDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BinaryDisplayComponent, BrowserAnimationsModule],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(BinaryDisplayComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('shows em-dash for empty value', () => {
-		fixture.detectChanges();
-		expect(component.displayText()).toBe('—');
-	});
-
-	it('parses a server string as char-code-per-byte', () => {
-		fixture.componentRef.setInput('value', 'Hel');
-		fixture.detectChanges();
-		expect(component.bytes()).toEqual([0x48, 0x65, 0x6c]);
-		expect(component.encodedValue()).toBe('48656c');
-	});
-
-	it('parses a Buffer-JSON value to a byte array', () => {
-		fixture.componentRef.setInput('value', { type: 'Buffer', data: [0x48, 0x65, 0x6c] });
-		fixture.detectChanges();
-		expect(component.bytes()).toEqual([0x48, 0x65, 0x6c]);
-		expect(component.encodedValue()).toBe('48656c');
-	});
-
-	it('truncates long hex at 20 chars', () => {
-		fixture.componentRef.setInput('value', 'ª'.repeat(30));
-		fixture.detectChanges();
-		expect(component.displayText()).toBe('aa'.repeat(10) + '…');
-	});
-
-	describe('encoding param', () => {
-		it('defaults to hex when widgetStructure is absent', () => {
-			fixture.componentRef.setInput('value', 'Hi');
-			fixture.detectChanges();
-			expect(component.encoding()).toBe('hex');
-			expect(component.encodedValue()).toBe('4869');
-		});
-
-		it('renders base64 when encoding=base64', () => {
-			fixture.componentRef.setInput('value', 'Hello');
-			fixture.componentRef.setInput('widgetStructure', { widget_params: { encoding: 'base64' } });
-			fixture.detectChanges();
-			expect(component.encoding()).toBe('base64');
-			expect(component.encodedValue()).toBe('SGVsbG8=');
-		});
-
-		it('renders ascii when encoding=ascii', () => {
-			fixture.componentRef.setInput('value', { type: 'Buffer', data: [0x48, 0x00, 0x69] });
-			fixture.componentRef.setInput('widgetStructure', { widget_params: { encoding: 'ascii' } });
-			fixture.detectChanges();
-			expect(component.encoding()).toBe('ascii');
-			expect(component.encodedValue()).toBe('H.i');
-		});
-
-		it('ignores unknown encoding value and falls back to hex', () => {
-			fixture.componentRef.setInput('value', 'Hi');
-			fixture.componentRef.setInput('widgetStructure', { widget_params: { encoding: 'utf8' } });
-			fixture.detectChanges();
-			expect(component.encoding()).toBe('hex');
-			expect(component.encodedValue()).toBe('4869');
-		});
-
-		it('copyTooltip reflects the active encoding', () => {
-			fixture.componentRef.setInput('widgetStructure', { widget_params: { encoding: 'base64' } });
-			fixture.detectChanges();
-			expect(component.copyTooltip()).toBe('Copy base64');
-		});
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.ts b/frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.ts
deleted file mode 100644
index f07a74762..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/binary/binary.component.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component, computed } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { bytesToEncoded, isBinaryEncoding, parseBinaryValue } from 'src/app/lib/binary';
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-
-const MAX_DISPLAY_LENGTH = 20;
-
-@Component({
-	selector: 'app-binary-display',
-	templateUrl: './binary.component.html',
-	styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './binary.component.css'],
-	imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule],
-})
-export class BinaryDisplayComponent extends BaseTableDisplayFieldComponent {
-	public readonly bytes = computed(() => parseBinaryValue(this.value()));
-	public readonly encoding = computed(() => {
-		const raw = this.widgetStructure()?.widget_params?.encoding;
-		return isBinaryEncoding(raw) ? raw : 'hex';
-	});
-	public readonly encodedValue = computed(() => bytesToEncoded(this.bytes(), this.encoding()));
-	public readonly copyTooltip = computed(() => `Copy ${this.encoding()}`);
-
-	public readonly displayText = computed(() => {
-		const encoded = this.encodedValue();
-		if (!encoded) return '—';
-		return encoded.length > MAX_DISPLAY_LENGTH ? encoded.substring(0, MAX_DISPLAY_LENGTH) + '…' : encoded;
-	});
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.css b/frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.css
deleted file mode 100644
index 8aa0f1d9b..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.boolean-icon {
-	transform: scale(0.85);
-}
-
-.boolean-icon-true {
-	color: var(--color-successPalette-500);
-}
-
-.boolean-icon-false {
-	color: var(--color-warnPalette-500);
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.html b/frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.html
deleted file mode 100644
index 52062abf7..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<div class="field-display">
-  <div class="field-value">
-    @if (value() === true) {
-      <mat-icon [ngClass]="{'boolean-icon': true, 'boolean-icon-true': !invertColors, 'boolean-icon-false': invertColors}">
-        check
-      </mat-icon>
-    } @else if (value() === false) {
-      <mat-icon [ngClass]="{'boolean-icon': true, 'boolean-icon-false': !invertColors, 'boolean-icon-true': invertColors}">
-        close
-      </mat-icon>
-    } @else {
-      <span>—</span>
-    }
-  </div>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.spec.ts
deleted file mode 100644
index 210882822..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.spec.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BooleanDisplayComponent } from './boolean.component';
-
-describe('BooleanDisplayComponent', () => {
-	let component: BooleanDisplayComponent;
-	let fixture: ComponentFixture<BooleanDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [BooleanDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(BooleanDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should handle true value', () => {
-		fixture.componentRef.setInput('value', true);
-		expect(component.value()).toBe(true);
-	});
-
-	it('should handle false value', () => {
-		fixture.componentRef.setInput('value', false);
-		expect(component.value()).toBe(false);
-	});
-
-	it('should handle null value', () => {
-		fixture.componentRef.setInput('value', null);
-		expect(component.value()).toBeNull();
-	});
-
-	it('should invert colors when configured', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { invert_colors: true },
-		});
-		expect(component.invertColors).toBe(true);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.stories.ts
deleted file mode 100644
index 59f1395a9..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { BooleanDisplayComponent } from './boolean.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'boolean',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<BooleanDisplayComponent> = {
-	title: 'Table Display Fields/Boolean',
-	component: BooleanDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: true,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: true },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<BooleanDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.ts b/frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.ts
deleted file mode 100644
index f1dd65cdf..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Component } from '@angular/core';
-
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { CommonModule } from '@angular/common';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@Component({
-  selector: 'app-display-boolean',
-  templateUrl: './boolean.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './boolean.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule, CommonModule]
-})
-export class BooleanDisplayComponent extends BaseTableDisplayFieldComponent {
-  get invertColors(): boolean {
-    // Parse widget parameters if available
-    if (this.widgetStructure()?.widget_params) {
-      const params = typeof this.widgetStructure().widget_params === 'string'
-        ? JSON.parse(this.widgetStructure().widget_params as unknown as string)
-        : this.widgetStructure().widget_params;
-
-      return params?.invert_colors === true;
-    }
-    return false;
-  }
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/code/code.component.css b/frontend/src/app/components/ui-components/table-display-fields/code/code.component.css
deleted file mode 100644
index d3960a73f..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/code/code.component.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.field-value {
-	border-radius: 4px;
-	font-family: monospace;
-	padding: 0 8px;
-}
-
-@media (prefers-color-scheme: light) {
-	.field-value {
-		background-color: #eaeaff;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.field-value {
-		background-color: #2c2c54;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/code/code.component.html b/frontend/src/app/components/ui-components/table-display-fields/code/code.component.html
deleted file mode 100644
index 479ddf07a..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/code/code.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="field-display">
-  <span class="field-value">{{value() || '—'}}</span>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="value()"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/code/code.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/code/code.component.spec.ts
deleted file mode 100644
index f88d56618..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/code/code.component.spec.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { CodeDisplayComponent } from './code.component';
-
-describe('CodeDisplayComponent', () => {
-	let component: CodeDisplayComponent;
-	let fixture: ComponentFixture<CodeDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [CodeDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(CodeDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display value', () => {
-		fixture.componentRef.setInput('value', 'console.log("hello")');
-		expect(component.value()).toBe('console.log("hello")');
-	});
-
-	it('should display dash for null', () => {
-		fixture.componentRef.setInput('value', null);
-		expect(component.value()).toBeNull();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/code/code.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/code/code.component.stories.ts
deleted file mode 100644
index 9b6006bc8..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/code/code.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { CodeDisplayComponent } from './code.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'text',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<CodeDisplayComponent> = {
-	title: 'Table Display Fields/Code',
-	component: CodeDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: 'console.log("hello")',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'console.log("hello")' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<CodeDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/code/code.component.ts b/frontend/src/app/components/ui-components/table-display-fields/code/code.component.ts
deleted file mode 100644
index 609418360..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/code/code.component.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-
-@Component({
-	selector: 'app-code-display',
-	templateUrl: './code.component.html',
-	styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './code.component.css'],
-	imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule],
-})
-export class CodeDisplayComponent extends BaseTableDisplayFieldComponent {}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/color/color.component.css b/frontend/src/app/components/ui-components/table-display-fields/color/color.component.css
deleted file mode 100644
index bd573c4fa..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/color/color.component.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.color-display {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-.color-swatch {
-	width: 20px;
-	height: 20px;
-	border-radius: 4px;
-	/* border: 1px solid #ccc; */
-	flex-shrink: 0;
-}
-
-.field-value {
-	font-family: monospace;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/color/color.component.html b/frontend/src/app/components/ui-components/table-display-fields/color/color.component.html
deleted file mode 100644
index f3f75ac5d..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/color/color.component.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<div class="field-display">
-  <div class="color-display">
-    @if (isValidColor) {
-      <div
-        class="color-swatch"
-        [style.background-color]="normalizedColorForDisplay"
-        [title]="value() || 'No color'"
-      ></div>
-    }
-    <span class="field-value">{{value() || '—'}}</span>
-  </div>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="value()"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Color value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/color/color.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/color/color.component.spec.ts
deleted file mode 100644
index 6026f618d..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/color/color.component.spec.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ColorDisplayComponent } from './color.component';
-
-describe('ColorDisplayComponent', () => {
-	let component: ColorDisplayComponent;
-	let fixture: ComponentFixture<ColorDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [ColorDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(ColorDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should detect valid color', () => {
-		fixture.componentRef.setInput('value', '#ff0000');
-		fixture.detectChanges();
-
-		expect(component.isValidColor).toBe(true);
-	});
-
-	it('should detect invalid color', () => {
-		fixture.componentRef.setInput('value', 'not-a-color');
-		fixture.detectChanges();
-
-		expect(component.isValidColor).toBe(false);
-	});
-
-	it('should normalize hex color', () => {
-		fixture.componentRef.setInput('value', 'ff0000');
-		fixture.detectChanges();
-
-		expect(component.normalizedColorForDisplay).toBe('#ff0000');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/color/color.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/color/color.component.stories.ts
deleted file mode 100644
index e7aced75d..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/color/color.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { ColorDisplayComponent } from './color.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<ColorDisplayComponent> = {
-	title: 'Table Display Fields/Color',
-	component: ColorDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: '#FF5733',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '#FF5733' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<ColorDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/color/color.component.ts b/frontend/src/app/components/ui-components/table-display-fields/color/color.component.ts
deleted file mode 100644
index 7f83e1416..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/color/color.component.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Component } from '@angular/core';
-
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import colorString from 'color-string';
-
-@Component({
-  selector: 'app-display-color',
-  templateUrl: './color.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './color.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class ColorDisplayComponent extends BaseTableDisplayFieldComponent {
-  get isValidColor(): boolean {
-    if (!this.value()) return false;
-    return this.parseColor(this.value()) !== null;
-  }
-
-  get normalizedColorForDisplay(): string {
-    const parsed = this.parseColor(this.value());
-    if (parsed) {
-      const [r, g, b] = parsed.value;
-      return `#${this.toHex(r)}${this.toHex(g)}${this.toHex(b)}`;
-    }
-    return '#000000';
-  }
-
-
-  private parseColor(color: string): any {
-    if (!color) return null;
-    
-    // Try parsing with color-string
-    const parsed = colorString.get(color);
-    if (parsed) return parsed;
-    
-    // Try hex without hash
-    if (/^[A-Fa-f0-9]{6}$|^[A-Fa-f0-9]{3}$/.test(color)) {
-      return colorString.get('#' + color);
-    }
-    
-    return null;
-  }
-
-  private toHex(n: number): string {
-    const hex = n.toString(16);
-    return hex.length === 1 ? '0' + hex : hex;
-  }
-}
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/table-display-fields/country/country.component.css b/frontend/src/app/components/ui-components/table-display-fields/country/country.component.css
deleted file mode 100644
index 1190f06e5..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/country/country.component.css
+++ /dev/null
@@ -1,27 +0,0 @@
-.field-wrapper {
-	display: flex;
-	align-items: center;
-}
-
-.value-wrapper {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	max-width: 300px;
-	display: flex;
-	align-items: center;
-}
-
-.country-flag {
-	margin-right: 6px;
-	font-size: 1.2em;
-}
-
-.copy-button {
-	visibility: hidden;
-	margin-left: 4px;
-}
-
-.field-wrapper:hover .copy-button {
-	visibility: visible;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/country/country.component.html b/frontend/src/app/components/ui-components/table-display-fields/country/country.component.html
deleted file mode 100644
index 0be43269a..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/country/country.component.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<div class="field-display">
-  <span class="field-value">
-    @if (showFlag && countryFlag) {
-      <span class="country-flag">{{ countryFlag }}</span>
-    }
-    <span>{{ countryName }}</span>
-  </span>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="countryName"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/country/country.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/country/country.component.spec.ts
deleted file mode 100644
index 68044fa3a..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/country/country.component.spec.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { CountryDisplayComponent } from './country.component';
-
-describe('CountryDisplayComponent', () => {
-	let component: CountryDisplayComponent;
-	let fixture: ComponentFixture<CountryDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [CountryDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(CountryDisplayComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should display country name from code', () => {
-		fixture.componentRef.setInput('value', 'US');
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.countryName).toBe('United States');
-	});
-
-	it('should display dash for null', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.countryName).toBe('\u2014');
-	});
-
-	it('should respect show_flag widget param', () => {
-		fixture.componentRef.setInput('value', 'US');
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { show_flag: false },
-		});
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.showFlag).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/country/country.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/country/country.component.stories.ts
deleted file mode 100644
index e282182a8..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/country/country.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { CountryDisplayComponent } from './country.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<CountryDisplayComponent> = {
-	title: 'Table Display Fields/Country',
-	component: CountryDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: 'US',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'US' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<CountryDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/country/country.component.ts b/frontend/src/app/components/ui-components/table-display-fields/country/country.component.ts
deleted file mode 100644
index 34fd469ce..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/country/country.component.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { COUNTRIES, getCountryFlag } from '../../../../consts/countries';
-import { Component, OnInit, } from '@angular/core';
-
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@Component({
-  selector: 'app-country-display',
-  templateUrl: './country.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './country.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class CountryDisplayComponent extends BaseTableDisplayFieldComponent implements OnInit {
-  static type = 'country';
-
-  public countryName: string = '';
-  public countryFlag: string = '';
-  public showFlag: boolean = true;
-
-  ngOnInit(): void {
-    this.parseWidgetParams();
-    
-    if (this.value()) {
-      const country = COUNTRIES.find(c => c.code === this.value());
-      this.countryName = country ? country.name : this.value();
-      this.countryFlag = getCountryFlag(this.value());
-    } else {
-      this.countryName = '—';
-      this.countryFlag = '';
-    }
-  }
-
-  private parseWidgetParams(): void {
-    if (this.widgetStructure()?.widget_params) {
-      try {
-        const params = typeof this.widgetStructure().widget_params === 'string'
-          ? JSON.parse(this.widgetStructure().widget_params as unknown as string)
-          : this.widgetStructure().widget_params;
-        
-        if (params.show_flag !== undefined) {
-          this.showFlag = params.show_flag;
-        }
-      } catch (e) {
-        console.error('Error parsing country widget params:', e);
-      }
-    }
-  }
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.css b/frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.html b/frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.html
deleted file mode 100644
index 3cd97b31e..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="field-display">
-  <span class="field-value" [matTooltip]="fullDateTime || ''">{{formattedDateTime || '—'}}</span>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="formattedDateTime"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.spec.ts
deleted file mode 100644
index e984f97f6..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.spec.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { DateTimeDisplayComponent } from './date-time.component';
-import { format } from 'date-fns';
-
-describe('DateTimeDisplayComponent', () => {
-	let component: DateTimeDisplayComponent;
-	let fixture: ComponentFixture<DateTimeDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [DateTimeDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DateTimeDisplayComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should format datetime value', () => {
-		const dateStr = '2023-04-29T10:30:00Z';
-		fixture.componentRef.setInput('value', dateStr);
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		const expected = format(new Date(dateStr), 'P p');
-		expect(component.formattedDateTime).toBe(expected);
-	});
-
-	it('should display dash for null', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.formattedDateTime).toBeUndefined();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.stories.ts
deleted file mode 100644
index 19b6ef2d8..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { DateTimeDisplayComponent } from './date-time.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'datetime',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<DateTimeDisplayComponent> = {
-	title: 'Table Display Fields/DateTime',
-	component: DateTimeDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: '2024-01-15T10:30:00',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '2024-01-15T10:30:00' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<DateTimeDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.ts b/frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.ts
deleted file mode 100644
index a32be8e79..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/date-time/date-time.component.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { format, formatDistanceToNow, differenceInHours } from 'date-fns';
-
-@Component({
-  selector: 'app-date-time-display',
-  templateUrl: './date-time.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './date-time.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class DateTimeDisplayComponent extends BaseTableDisplayFieldComponent implements OnInit {
-  static type = 'datetime';
-
-  public formattedDateTime: string;
-  public formatDistanceWithinHours: number = 0;
-  public fullDateTime: string;
-
-  ngOnInit(): void {
-    this.parseWidgetParams();
-    
-    if (this.value()) {
-      try {
-        const date = new Date(this.value());
-        if (!Number.isNaN(date.getTime())) {
-          // Always store the full date/time format for tooltip
-          this.fullDateTime = format(date, "PPpp"); // e.g., "Apr 29, 2023 at 10:30 AM"
-
-          // Check if formatDistanceWithinHours is enabled and date is within specified hours from now
-          if (this.formatDistanceWithinHours > 0 && this.isWithinHours(date, this.formatDistanceWithinHours)) {
-            this.formattedDateTime = formatDistanceToNow(date, { addSuffix: true });
-          } else {
-            this.formattedDateTime = format(date, "P p");
-          }
-        } else {
-          this.formattedDateTime = this.value();
-          this.fullDateTime = this.value();
-        }
-      } catch (_error) {
-        this.formattedDateTime = this.value();
-        this.fullDateTime = this.value();
-      }
-    }
-  }
-
-  private parseWidgetParams(): void {
-    if (this.widgetStructure()?.widget_params) {
-      try {
-        const params = typeof this.widgetStructure().widget_params === 'string'
-          ? JSON.parse(this.widgetStructure().widget_params as unknown as string)
-          : this.widgetStructure().widget_params;
-        
-        if (params.formatDistanceWithinHours !== undefined) {
-          this.formatDistanceWithinHours = Number(params.formatDistanceWithinHours) || 0;
-        }
-      } catch (e) {
-        console.error('Error parsing datetime widget params:', e);
-      }
-    }
-  }
-
-  private isWithinHours(date: Date, hours: number): boolean {
-    const now = new Date();
-    const hoursDifference = Math.abs(differenceInHours(date, now));
-    return hoursDifference <= hours;
-  }
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/date/date.component.css b/frontend/src/app/components/ui-components/table-display-fields/date/date.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/table-display-fields/date/date.component.html b/frontend/src/app/components/ui-components/table-display-fields/date/date.component.html
deleted file mode 100644
index 4168996cc..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/date/date.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="field-display">
-  <span class="field-value" [matTooltip]="fullDate || ''">{{formattedDate || '—'}}</span>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="formattedDate"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/date/date.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/date/date.component.spec.ts
deleted file mode 100644
index dfd623835..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/date/date.component.spec.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { format } from 'date-fns';
-import { DateDisplayComponent } from './date.component';
-
-describe('DateDisplayComponent', () => {
-	let component: DateDisplayComponent;
-	let fixture: ComponentFixture<DateDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [DateDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(DateDisplayComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should format date value', () => {
-		const dateStr = '2023-04-29';
-		fixture.componentRef.setInput('value', dateStr);
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		const expected = format(new Date(dateStr), 'P');
-		expect(component.formattedDate).toBe(expected);
-	});
-
-	it('should display dash for null', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.formattedDate).toBeUndefined();
-	});
-
-	it('should display "today" instead of relative time for same-day date', () => {
-		const recentDate = new Date(Date.now() - 1000 * 60); // 1 minute ago — same calendar day
-		fixture.componentRef.setInput('value', recentDate.toISOString());
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { formatDistanceWithinHours: 48 },
-		});
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.formattedDate).toBe('today');
-	});
-
-	it('should show relative date for non-today date within formatDistanceWithinHours', () => {
-		const yesterdayNoon = new Date();
-		yesterdayNoon.setDate(yesterdayNoon.getDate() - 1);
-		yesterdayNoon.setHours(12, 0, 0, 0);
-		fixture.componentRef.setInput('value', yesterdayNoon.toISOString());
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { formatDistanceWithinHours: 48 },
-		});
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.formattedDate).toContain('ago');
-	});
-
-	it('should expose exact date as tooltip via fullDate', () => {
-		const dateStr = '2023-04-29';
-		fixture.componentRef.setInput('value', dateStr);
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.fullDate).toBe(format(new Date(dateStr), 'PPP'));
-	});
-
-	it('should set fullDate tooltip even when displaying "today"', () => {
-		const recentDate = new Date(Date.now() - 1000 * 60);
-		fixture.componentRef.setInput('value', recentDate.toISOString());
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { formatDistanceWithinHours: 48 },
-		});
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.formattedDate).toBe('today');
-		expect(component.fullDate).toBe(format(recentDate, 'PPP'));
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/date/date.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/date/date.component.stories.ts
deleted file mode 100644
index 52ea16f5c..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/date/date.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { DateDisplayComponent } from './date.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'date',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<DateDisplayComponent> = {
-	title: 'Table Display Fields/Date',
-	component: DateDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: '2024-01-15',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '2024-01-15' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<DateDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/date/date.component.ts b/frontend/src/app/components/ui-components/table-display-fields/date/date.component.ts
deleted file mode 100644
index 9f30525be..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/date/date.component.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { differenceInHours, format, formatDistanceStrict, isToday, startOfToday } from 'date-fns';
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-
-@Component({
-	selector: 'app-date-display',
-	templateUrl: './date.component.html',
-	styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './date.component.css'],
-	imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule],
-})
-export class DateDisplayComponent extends BaseTableDisplayFieldComponent implements OnInit {
-	static type = 'date';
-
-	public formattedDate: string;
-	public formatDistanceWithinHours: number = 48;
-	public fullDate: string;
-
-	ngOnInit(): void {
-		this.parseWidgetParams();
-
-		if (this.value()) {
-			try {
-				const date = new Date(this.value());
-				if (!Number.isNaN(date.getTime())) {
-					// Always store the full date format for tooltip
-					this.fullDate = format(date, 'PPP'); // e.g., "April 29th, 2023"
-
-					// Check if formatDistanceWithinHours is enabled and date is within specified hours from now
-					if (this.formatDistanceWithinHours > 0 && this.isWithinHours(date, this.formatDistanceWithinHours)) {
-						this.formattedDate = isToday(date)
-							? 'today'
-							: formatDistanceStrict(date, startOfToday(), { addSuffix: true });
-					} else {
-						this.formattedDate = format(date, 'P');
-					}
-				} else {
-					this.formattedDate = this.value();
-					this.fullDate = this.value();
-				}
-			} catch (_error) {
-				this.formattedDate = this.value();
-				this.fullDate = this.value();
-			}
-		}
-	}
-
-	private parseWidgetParams(): void {
-		if (this.widgetStructure()?.widget_params) {
-			try {
-				const params =
-					typeof this.widgetStructure().widget_params === 'string'
-						? JSON.parse(this.widgetStructure().widget_params as unknown as string)
-						: this.widgetStructure().widget_params;
-
-				if (params.formatDistanceWithinHours !== undefined) {
-					this.formatDistanceWithinHours = Number(params.formatDistanceWithinHours) || 48;
-				}
-			} catch (e) {
-				console.error('Error parsing date widget params:', e);
-			}
-		}
-	}
-
-	private isWithinHours(date: Date, hours: number): boolean {
-		const now = new Date();
-		const hoursDifference = Math.abs(differenceInHours(date, now));
-		return hoursDifference <= hours;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/file/file.component.css b/frontend/src/app/components/ui-components/table-display-fields/file/file.component.css
deleted file mode 100644
index 05f5eebc1..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/file/file.component.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.field-value {
-	font-style: italic;
-	color: #666;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/file/file.component.html b/frontend/src/app/components/ui-components/table-display-fields/file/file.component.html
deleted file mode 100644
index e490bcd7b..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/file/file.component.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="field-display">
-  <span class="field-value">{{displayText}}</span>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/file/file.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/file/file.component.spec.ts
deleted file mode 100644
index 8b680dab3..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/file/file.component.spec.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FileDisplayComponent } from './file.component';
-
-describe('FileDisplayComponent', () => {
-	let component: FileDisplayComponent;
-	let fixture: ComponentFixture<FileDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [FileDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(FileDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should detect blob data', () => {
-		fixture.componentRef.setInput('value', { type: 'Buffer', data: [1, 2, 3] });
-		fixture.detectChanges();
-
-		expect(component.isBlob).toBe(true);
-		expect(component.displayText).toBe('Binary Data');
-	});
-
-	it('should display short text value', () => {
-		fixture.componentRef.setInput('value', 'short.txt');
-		fixture.detectChanges();
-
-		expect(component.isBlob).toBe(false);
-		expect(component.displayText).toBe('short.txt');
-	});
-
-	it('should display Binary Data for long strings', () => {
-		fixture.componentRef.setInput('value', 'a'.repeat(25));
-		fixture.detectChanges();
-
-		expect(component.displayText).toBe('Binary Data');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/file/file.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/file/file.component.stories.ts
deleted file mode 100644
index b9eeac0b7..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/file/file.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { FileDisplayComponent } from './file.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<FileDisplayComponent> = {
-	title: 'Table Display Fields/File',
-	component: FileDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: 'document.pdf',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'document.pdf' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<FileDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/file/file.component.ts b/frontend/src/app/components/ui-components/table-display-fields/file/file.component.ts
deleted file mode 100644
index a7fd5c7bc..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/file/file.component.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-interface Blob {
-  type: string;
-  data: any[];
-}
-
-@Component({
-  selector: 'app-file-display',
-  templateUrl: './file.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './file.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class FileDisplayComponent extends BaseTableDisplayFieldComponent {
-  get isBlob(): boolean {
-    return typeof this.value() === 'object' && this.value() !== null && 'type' in this.value() && 'data' in this.value();
-  }
-
-  get displayText(): string {
-    if (this.isBlob) {
-      return 'Binary Data';
-    } else if (typeof this.value() === 'string' && this.value().length > 20) {
-      return 'Binary Data';
-    }
-    return this.value() ? String(this.value()) : '—';
-  }
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.css b/frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.css
deleted file mode 100644
index 5cd9a01db..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.css
+++ /dev/null
@@ -1,37 +0,0 @@
-.foreign-key-button {
-	background: transparent;
-	border: 1px solid transparent;
-	border-radius: 12px;
-	color: var(--color-accentedPalette-500);
-	cursor: pointer;
-	font-family: inherit;
-	font-size: inherit;
-	padding: 2px 8px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	text-align: left;
-	max-width: 100%;
-	transition:
-		background 100ms,
-		border-color 100ms;
-}
-
-@media (prefers-color-scheme: dark) {
-	.foreign-key-button:hover {
-		background-color: var(--color-accentedPalette-900);
-		border: 1px solid var(--color-accentedPalette-700);
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.foreign-key-button:hover {
-		background-color: var(--color-accentedPalette-100);
-		border: 1px solid var(--color-accentedPalette-300);
-	}
-}
-
-.foreign-key-button_selected {
-	background-color: var(--color-accentedPalette-100);
-	border-radius: 12px;
-	border: 1px solid var(--color-accentedPalette-300);
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.html b/frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.html
deleted file mode 100644
index 66853cc22..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<div class="field-display">
-  <div class="field-value">
-    @if (value() == null) {
-      <span>—</span>
-    } @else if (relations()) {
-      <button
-        class="foreign-key-button"
-        [ngClass]="{'foreign-key-button_selected': isSelected()}"
-        type="button"
-        (click)="handleForeignKeyClick($event)">
-        {{ value() }}
-      </button>
-    } @else {
-      <span>{{ value() }}</span>
-    }
-  </div>
-  <button type="button"
-    mat-icon-button
-    class="field-copy-button"
-    matTooltip="Copy"
-    [cdkCopyToClipboard]="value()"
-    (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-    (click)="$event.stopPropagation()">
-    <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.spec.ts
deleted file mode 100644
index 67224df7b..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.spec.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ForeignKeyDisplayComponent } from './foreign-key.component';
-
-describe('ForeignKeyDisplayComponent', () => {
-	let component: ForeignKeyDisplayComponent;
-	let fixture: ComponentFixture<ForeignKeyDisplayComponent>;
-
-	const relations = {
-		column_name: 'user_id',
-		constraint_name: 'fk_user',
-		referenced_column_name: 'id',
-		referenced_table_name: 'users',
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [ForeignKeyDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(ForeignKeyDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display value', () => {
-		fixture.componentRef.setInput('value', '42');
-		expect(component.value()).toBe('42');
-	});
-
-	it('should show foreign key button when relations exist', () => {
-		fixture.componentRef.setInput('value', '42');
-		fixture.componentRef.setInput('relations', relations);
-		fixture.detectChanges();
-		const button = fixture.nativeElement.querySelector('button.foreign-key-button');
-		expect(button).toBeTruthy();
-	});
-
-	it('should render a dash when value is null', () => {
-		fixture.componentRef.setInput('value', null);
-		fixture.componentRef.setInput('relations', relations);
-		fixture.detectChanges();
-		const button = fixture.nativeElement.querySelector('button.foreign-key-button');
-		const span = fixture.nativeElement.querySelector('.field-value span');
-		expect(button).toBeFalsy();
-		expect(span?.textContent?.trim()).toBe('—');
-	});
-
-	it('should render a dash when value is undefined', () => {
-		fixture.componentRef.setInput('value', undefined);
-		fixture.componentRef.setInput('relations', relations);
-		fixture.detectChanges();
-		const span = fixture.nativeElement.querySelector('.field-value span');
-		expect(span?.textContent?.trim()).toBe('—');
-	});
-
-	it('should render the FK button (not a dash) when value is 0', () => {
-		fixture.componentRef.setInput('value', 0);
-		fixture.componentRef.setInput('relations', relations);
-		fixture.detectChanges();
-		const button = fixture.nativeElement.querySelector('button.foreign-key-button');
-		expect(button).toBeTruthy();
-		expect(button.textContent.trim()).toBe('0');
-	});
-
-	it('should render the FK button (not a dash) when value is empty string', () => {
-		fixture.componentRef.setInput('value', '');
-		fixture.componentRef.setInput('relations', relations);
-		fixture.detectChanges();
-		const button = fixture.nativeElement.querySelector('button.foreign-key-button');
-		expect(button).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.stories.ts
deleted file mode 100644
index da17f7704..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { ForeignKeyDisplayComponent } from './foreign-key.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'integer',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<ForeignKeyDisplayComponent> = {
-	title: 'Table Display Fields/ForeignKey',
-	component: ForeignKeyDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: '1',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '1' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<ForeignKeyDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.ts b/frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.ts
deleted file mode 100644
index 9af206720..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/foreign-key/foreign-key.component.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { CommonModule } from '@angular/common';
-import { Component, input, output } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { TableForeignKey } from 'src/app/models/table';
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-
-@Component({
-	selector: 'app-display-foreign-key',
-	templateUrl: './foreign-key.component.html',
-	styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './foreign-key.component.css'],
-	imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule, CommonModule],
-})
-export class ForeignKeyDisplayComponent extends BaseTableDisplayFieldComponent {
-	readonly isSelected = input<boolean>(false);
-	readonly relations = input<TableForeignKey>();
-
-	readonly onForeignKeyClick = output<{ foreignKey: any; value: string }>();
-
-	handleForeignKeyClick($event): void {
-		$event.stopPropagation();
-		if (this.relations() && this.value() != null) {
-			this.onForeignKeyClick.emit({
-				foreignKey: this.relations(),
-				value: this.value(),
-			});
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/id/id.component.css b/frontend/src/app/components/ui-components/table-display-fields/id/id.component.css
deleted file mode 100644
index 1e1b6b2d1..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/id/id.component.css
+++ /dev/null
@@ -1,19 +0,0 @@
-:host {
-	text-align: right;
-}
-
-.field-display-id {
-	display: flex;
-	align-items: center;
-	justify-content: flex-end;
-}
-
-.field-value-id {
-	font-weight: 500;
-	flex-grow: 1;
-}
-
-.field-copy-button {
-	right: auto;
-	left: 0;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/id/id.component.html b/frontend/src/app/components/ui-components/table-display-fields/id/id.component.html
deleted file mode 100644
index d6ad3006b..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/id/id.component.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<div class="field-display field-display-id">
-  <span class="field-value field-value-id">{{value() || '—'}}</span>
-  <button type="button"
-      mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="value()"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/id/id.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/id/id.component.spec.ts
deleted file mode 100644
index 61d06a0e8..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/id/id.component.spec.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { IdDisplayComponent } from './id.component';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('IdDisplayComponent', () => {
-	let component: IdDisplayComponent;
-	let fixture: ComponentFixture<IdDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [IdDisplayComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(IdDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display value', () => {
-		fixture.componentRef.setInput('value', 42);
-		fixture.detectChanges();
-		expect(component.value()).toBe(42);
-	});
-
-	it('should display dash for null value', () => {
-		fixture.componentRef.setInput('value', null);
-		fixture.detectChanges();
-		const compiled = fixture.nativeElement as HTMLElement;
-		expect(compiled.querySelector('.field-value-id')?.textContent?.trim()).toBe('—');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/id/id.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/id/id.component.stories.ts
deleted file mode 100644
index cbbeae09e..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/id/id.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { IdDisplayComponent } from './id.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'integer',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<IdDisplayComponent> = {
-	title: 'Table Display Fields/Id',
-	component: IdDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: '12345',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '12345' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<IdDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/id/id.component.ts b/frontend/src/app/components/ui-components/table-display-fields/id/id.component.ts
deleted file mode 100644
index 57f28e581..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/id/id.component.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Component } from '@angular/core';
-
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@Component({
-  selector: 'app-display-id',
-  templateUrl: './id.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './id.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class IdDisplayComponent extends BaseTableDisplayFieldComponent {
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/image/image.component.css b/frontend/src/app/components/ui-components/table-display-fields/image/image.component.css
deleted file mode 100644
index 33e4f9686..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/image/image.component.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.field-value {
-	font-style: italic;
-	color: #666;
-}
-
-.image-thumbnail {
-	display: block;
-	height: var(--height);
-	margin: 12px 0;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/image/image.component.html b/frontend/src/app/components/ui-components/table-display-fields/image/image.component.html
deleted file mode 100644
index 5c53abb9a..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/image/image.component.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<div class="field-display">
-  @if (isUrl) {
-    <img
-      class="image-thumbnail"
-      [src]="srcValue" alt="Image"
-      [style.--height.px]="widgetStructure().widget_params.height">
-  } @else {
-    <span class="field-value">[Image URL]</span>
-  }
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy image URL"
-      [cdkCopyToClipboard]="srcValue"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/image/image.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/image/image.component.spec.ts
deleted file mode 100644
index d4cca4d5a..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/image/image.component.spec.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ImageDisplayComponent } from './image.component';
-
-describe('ImageDisplayComponent', () => {
-	let component: ImageDisplayComponent;
-	let fixture: ComponentFixture<ImageDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [ImageDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(ImageDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.componentRef.setInput('widgetStructure', { widget_params: { height: 50 } });
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should detect valid URL', () => {
-		fixture.componentRef.setInput('value', 'https://example.com/image.png');
-		fixture.detectChanges();
-
-		expect(component.isUrl).toBe(true);
-	});
-
-	it('should detect invalid URL', () => {
-		fixture.componentRef.setInput('value', 'not-a-url');
-		fixture.detectChanges();
-
-		expect(component.isUrl).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/image/image.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/image/image.component.stories.ts
deleted file mode 100644
index 7cee658d1..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/image/image.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { ImageDisplayComponent } from './image.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<ImageDisplayComponent> = {
-	title: 'Table Display Fields/Image',
-	component: ImageDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: 'https://via.placeholder.com/150',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'https://via.placeholder.com/150' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<ImageDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/image/image.component.ts b/frontend/src/app/components/ui-components/table-display-fields/image/image.component.ts
deleted file mode 100644
index 61aad102e..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/image/image.component.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@Component({
-  selector: 'app-image-display',
-  templateUrl: './image.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './image.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class ImageDisplayComponent extends BaseTableDisplayFieldComponent {
-  get srcValue(): string {
-    if (!this.value()) return '';
-    const prefix = this.widgetStructure()?.widget_params?.prefix || '';
-    return prefix + this.value();
-  }
-
-  get isUrl(): boolean {
-    if (!this.value()) return false;
-    try {
-      // Check if the prefixed URL is valid
-      new URL(this.srcValue);
-      return true;
-    } catch {
-      return false;
-    }
-  }
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.css b/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.css
deleted file mode 100644
index cbdf71e10..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.json-display {
-	border-radius: 4px;
-	font-family: monospace;
-	padding: 0 8px;
-}
-
-@media (prefers-color-scheme: light) {
-	.json-display {
-		background-color: #eaeaff;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.json-display {
-		background-color: #2c2c54;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.html b/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.html
deleted file mode 100644
index 3cb51fa26..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.html
+++ /dev/null
@@ -1,13 +0,0 @@
-@if (value()) {
-  <div class="field-display">
-    <div class="json-display">{{ formattedJson }}</div>
-    <button type="button" mat-icon-button
-        class="field-copy-button"
-        matTooltip="Copy"
-        [cdkCopyToClipboard]="value()"
-        (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-        (click)="$event.stopPropagation()">
-        <mat-icon>content_copy</mat-icon>
-    </button>
-  </div>
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.spec.ts
deleted file mode 100644
index 57e6bac60..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.spec.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { JsonEditorDisplayComponent } from './json-editor.component';
-
-describe('JsonEditorDisplayComponent', () => {
-	let component: JsonEditorDisplayComponent;
-	let fixture: ComponentFixture<JsonEditorDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [JsonEditorDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(JsonEditorDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should format JSON value', () => {
-		fixture.componentRef.setInput('value', '{"name":"test","count":3}');
-		expect(component.formattedJson).toBe(JSON.stringify({ name: 'test', count: 3 }, null, 2));
-	});
-
-	it('should handle invalid JSON', () => {
-		fixture.componentRef.setInput('value', 'not valid json');
-		expect(component.formattedJson).toBe('not valid json');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.stories.ts
deleted file mode 100644
index dc4d11b6d..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { JsonEditorDisplayComponent } from './json-editor.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'json',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<JsonEditorDisplayComponent> = {
-	title: 'Table Display Fields/JsonEditor',
-	component: JsonEditorDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: '{"key": "value"}',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '{"key": "value"}' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<JsonEditorDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.ts b/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.ts
deleted file mode 100644
index bee4bc5fa..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/json-editor/json-editor.component.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@Component({
-  selector: 'app-json-editor-display',
-  templateUrl: './json-editor.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './json-editor.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class JsonEditorDisplayComponent extends BaseTableDisplayFieldComponent {
-  get formattedJson(): string {
-    if (!this.value()) return '';
-
-    try {
-      const parsedValue = typeof this.value() === 'string' ? JSON.parse(this.value()) : this.value();
-      return JSON.stringify(parsedValue, null, 2);
-    } catch (_e) {
-      return String(this.value());
-    }
-  }
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/language/language.component.css b/frontend/src/app/components/ui-components/table-display-fields/language/language.component.css
deleted file mode 100644
index a140789cb..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/language/language.component.css
+++ /dev/null
@@ -1,27 +0,0 @@
-.field-wrapper {
-	display: flex;
-	align-items: center;
-}
-
-.value-wrapper {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	max-width: 300px;
-	display: flex;
-	align-items: center;
-}
-
-.language-flag {
-	margin-right: 6px;
-	font-size: 1.2em;
-}
-
-.copy-button {
-	visibility: hidden;
-	margin-left: 4px;
-}
-
-.field-wrapper:hover .copy-button {
-	visibility: visible;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/language/language.component.html b/frontend/src/app/components/ui-components/table-display-fields/language/language.component.html
deleted file mode 100644
index 4da896023..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/language/language.component.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<div class="field-display">
-  <span class="field-value">
-    @if (showFlag() && languageFlag()) {
-      <span class="language-flag">{{ languageFlag() }}</span>
-    }
-    <span>{{ languageName() }}</span>
-  </span>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="languageName()"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/language/language.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/language/language.component.spec.ts
deleted file mode 100644
index 9a5d4d5ad..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/language/language.component.spec.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { LanguageDisplayComponent } from './language.component';
-
-describe('LanguageDisplayComponent', () => {
-	let component: LanguageDisplayComponent;
-	let fixture: ComponentFixture<LanguageDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [LanguageDisplayComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(LanguageDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.componentRef.setInput('value', 'en');
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display language name from code', () => {
-		fixture.componentRef.setInput('value', 'fr');
-		fixture.detectChanges();
-		expect(component.languageName()).toBe('French');
-	});
-
-	it('should display em dash when value is empty', () => {
-		fixture.componentRef.setInput('value', null);
-		fixture.detectChanges();
-		expect(component.languageName()).toBe('—');
-	});
-
-	it('should respect show_flag widget parameter', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { show_flag: false },
-		});
-		fixture.detectChanges();
-		expect(component.showFlag()).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/language/language.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/language/language.component.stories.ts
deleted file mode 100644
index 8afb31765..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/language/language.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { LanguageDisplayComponent } from './language.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<LanguageDisplayComponent> = {
-	title: 'Table Display Fields/Language',
-	component: LanguageDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: 'en',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'en' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<LanguageDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/language/language.component.ts b/frontend/src/app/components/ui-components/table-display-fields/language/language.component.ts
deleted file mode 100644
index 078e541f3..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/language/language.component.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component, computed, input, output } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { TableField, WidgetStructure } from 'src/app/models/table';
-import { getLanguageFlag, LANGUAGES } from '../../../../consts/languages';
-
-@Component({
-	selector: 'app-language-display',
-	templateUrl: './language.component.html',
-	styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './language.component.css'],
-	imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule],
-})
-export class LanguageDisplayComponent {
-	static type = 'language';
-
-	readonly key = input<string>();
-	readonly value = input<any>();
-	readonly structure = input<TableField>();
-	readonly widgetStructure = input<WidgetStructure>();
-	readonly rowData = input<Record<string, unknown>>();
-	readonly primaryKeys = input<{ column_name: string }[]>();
-
-	readonly onCopyToClipboard = output<string>();
-
-	readonly showFlag = computed(() => {
-		const ws = this.widgetStructure();
-		if (!ws?.widget_params) return true;
-		try {
-			const params = typeof ws.widget_params === 'string' ? JSON.parse(ws.widget_params) : ws.widget_params;
-			return params.show_flag !== undefined ? params.show_flag : true;
-		} catch {
-			return true;
-		}
-	});
-
-	readonly languageName = computed(() => {
-		const val = this.value();
-		if (!val) return '—';
-		const language = LANGUAGES.find((l) => l.code.toLowerCase() === val.toLowerCase());
-		return language ? language.name : val;
-	});
-
-	readonly languageFlag = computed(() => {
-		const val = this.value();
-		if (!val) return '';
-		const language = LANGUAGES.find((l) => l.code.toLowerCase() === val.toLowerCase());
-		return language ? getLanguageFlag(language) : '';
-	});
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.css b/frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.css
deleted file mode 100644
index 218140c22..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.field-value {
-	height: 36px;
-	line-height: 36px;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.html b/frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.html
deleted file mode 100644
index 7c16b17dc..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<div class="field-display">
-  <span class="field-value">{{value() || '—'}}</span>
-  <button type="button"
-      mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="value()"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.spec.ts
deleted file mode 100644
index f7b66403b..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.spec.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { LongTextDisplayComponent } from './long-text.component';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('LongTextDisplayComponent', () => {
-	let component: LongTextDisplayComponent;
-	let fixture: ComponentFixture<LongTextDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [LongTextDisplayComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(LongTextDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display value', () => {
-		fixture.componentRef.setInput('value', 'This is a long text value for testing');
-		fixture.detectChanges();
-		expect(component.value()).toBe('This is a long text value for testing');
-	});
-
-	it('should display dash for null', () => {
-		fixture.componentRef.setInput('value', null);
-		fixture.detectChanges();
-		expect(component.value()).toBeNull();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.stories.ts
deleted file mode 100644
index edebbb0d4..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { LongTextDisplayComponent } from './long-text.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'text',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<LongTextDisplayComponent> = {
-	title: 'Table Display Fields/LongText',
-	component: LongTextDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: 'Lorem ipsum dolor sit amet...',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'Lorem ipsum dolor sit amet...' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<LongTextDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.ts b/frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.ts
deleted file mode 100644
index c2f9847cc..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/long-text/long-text.component.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@Component({
-  selector: 'app-display-long-text',
-  templateUrl: './long-text.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './long-text.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class LongTextDisplayComponent extends BaseTableDisplayFieldComponent {
-
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.css b/frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.css
deleted file mode 100644
index ec5f93a9b..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.css
+++ /dev/null
@@ -1,51 +0,0 @@
-.markdown-preview {
-	display: inline-block;
-	max-width: 300px;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.markdown-preview ::ng-deep p {
-	margin: 0;
-	display: inline;
-}
-
-.markdown-preview ::ng-deep h1,
-.markdown-preview ::ng-deep h2,
-.markdown-preview ::ng-deep h3,
-.markdown-preview ::ng-deep h4,
-.markdown-preview ::ng-deep h5,
-.markdown-preview ::ng-deep h6 {
-	margin: 0;
-	display: inline;
-	font-size: inherit;
-	font-weight: bold;
-}
-
-.markdown-preview ::ng-deep ul,
-.markdown-preview ::ng-deep ol {
-	display: inline;
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-.markdown-preview ::ng-deep code {
-	padding: 1px 3px;
-	border-radius: 2px;
-	font-family: monospace;
-	font-size: 0.9em;
-}
-
-@media (prefers-color-scheme: light) {
-	.markdown-preview ::ng-deep code {
-		background: #f5f5f5;
-	}
-}
-
-@media (prefers-color-scheme: dark) {
-	.markdown-preview ::ng-deep code {
-		background: #3a3a3a;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.html b/frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.html
deleted file mode 100644
index 6f7f66155..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<div class="field-display">
-  <span class="field-value markdown-preview" [matTooltip]="value()">
-    {{ displayTitle }}
-  </span>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="value()"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.spec.ts
deleted file mode 100644
index 746617c7b..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.spec.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideMarkdown } from 'ngx-markdown';
-import { MarkdownDisplayComponent } from './markdown.component';
-
-describe('MarkdownDisplayComponent', () => {
-	let component: MarkdownDisplayComponent;
-	let fixture: ComponentFixture<MarkdownDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MarkdownDisplayComponent, BrowserAnimationsModule],
-			providers: [provideHttpClient(), provideMarkdown()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(MarkdownDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.componentRef.setInput('value', '# Test Markdown');
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	describe('Title extraction', () => {
-		it('should extract H1 heading as title', () => {
-			fixture.componentRef.setInput('value', '# Main Title\n\nSome paragraph text here.');
-			component.ngOnInit();
-			expect(component.displayTitle).toBe('Main Title');
-		});
-
-		it('should extract H2 heading as title', () => {
-			fixture.componentRef.setInput('value', '## Secondary Title\n\nContent follows.');
-			component.ngOnInit();
-			expect(component.displayTitle).toBe('Secondary Title');
-		});
-
-		it('should prioritize heading over paragraph', () => {
-			fixture.componentRef.setInput('value', 'Some intro text\n\n# Actual Title\n\nParagraph content.');
-			component.ngOnInit();
-			expect(component.displayTitle).toBe('Actual Title');
-		});
-
-		it('should use first paragraph if no heading exists', () => {
-			fixture.componentRef.setInput('value', 'This is the first paragraph.\n\nThis is the second paragraph.');
-			component.ngOnInit();
-			expect(component.displayTitle).toBe('This is the first paragraph.');
-		});
-
-		it('should truncate long titles at 100 characters', () => {
-			const longTitle = 'a'.repeat(150);
-			fixture.componentRef.setInput('value', `# ${longTitle}`);
-			component.ngOnInit();
-			expect(component.displayTitle).toBe('a'.repeat(100) + '...');
-		});
-
-		it('should handle markdown with bold and italic formatting', () => {
-			fixture.componentRef.setInput('value', '# **Bold** and *italic* title');
-			component.ngOnInit();
-			expect(component.displayTitle).toBe('**Bold** and *italic* title');
-		});
-
-		it('should handle empty markdown', () => {
-			fixture.componentRef.setInput('value', '');
-			component.ngOnInit();
-			expect(component.displayTitle).toBe('—');
-		});
-
-		it('should handle null/undefined markdown', () => {
-			fixture.componentRef.setInput('value', null);
-			component.ngOnInit();
-			expect(component.displayTitle).toBe('—');
-		});
-
-		it('should handle markdown with only whitespace', () => {
-			fixture.componentRef.setInput('value', '   \n\n   ');
-			component.ngOnInit();
-			expect(component.displayTitle).toBe('—');
-		});
-
-		it('should extract title from markdown with code blocks', () => {
-			fixture.componentRef.setInput('value', '# API Documentation\n\n```javascript\nconst x = 5;\n```');
-			component.ngOnInit();
-			expect(component.displayTitle).toBe('API Documentation');
-		});
-
-		it('should extract title from markdown with lists', () => {
-			fixture.componentRef.setInput('value', '# Shopping List\n\n- Item 1\n- Item 2');
-			component.ngOnInit();
-			expect(component.displayTitle).toBe('Shopping List');
-		});
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.stories.ts
deleted file mode 100644
index dfece3e97..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { MarkdownDisplayComponent } from './markdown.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'text',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<MarkdownDisplayComponent> = {
-	title: 'Table Display Fields/Markdown',
-	component: MarkdownDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: '# Hello',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '# Hello' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<MarkdownDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.ts b/frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.ts
deleted file mode 100644
index e328e3454..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/markdown/markdown.component.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component, OnInit } from '@angular/core';
-import { MarkdownModule } from 'ngx-markdown';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { marked } from 'marked';
-
-@Component({
-  selector: 'app-markdown-display',
-  templateUrl: './markdown.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './markdown.component.css'],
-  imports: [MarkdownModule, ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class MarkdownDisplayComponent extends BaseTableDisplayFieldComponent implements OnInit {
-  public renderedMarkdown: string = '';
-  public displayTitle: string = '';
-
-  ngOnInit(): void {
-    this.renderedMarkdown = this.value() || '';
-    this.displayTitle = this._extractTitle(this.value());
-  }
-
-  /**
-   * Extracts a title from markdown content using marked lexer
-   * Prioritizes headings, then falls back to first paragraph
-   * @param markdown The markdown content
-   * @returns Extracted and cleaned title string
-   */
-  private _extractTitle(markdown: string): string {
-    if (!markdown || markdown.trim() === '') {
-      return '—';
-    }
-
-    try {
-      const tokens = marked.lexer(markdown);
-
-      // First pass: look for headings (h1-h6)
-      for (const token of tokens) {
-        if (token.type === 'heading') {
-          return this._truncateText(token.text, 100);
-        }
-      }
-
-      // Second pass: look for first paragraph or text
-      for (const token of tokens) {
-        if (token.type === 'paragraph') {
-          return this._truncateText(token.text, 100);
-        }
-        if (token.type === 'text' && token.text.trim().length > 0) {
-          return this._truncateText(token.text, 100);
-        }
-      }
-
-      // If no heading or paragraph found, return first non-empty line
-      const firstLine = markdown.trim().split('\n')[0];
-      return this._truncateText(firstLine, 100);
-    } catch (_error) {
-      // Fallback if parsing fails
-      const firstLine = markdown.trim().split('\n')[0];
-      return this._truncateText(firstLine, 100);
-    }
-  }
-
-  /**
-   * Truncates text to specified length and adds ellipsis if needed
-   * @param text Text to truncate
-   * @param maxLength Maximum length before truncation
-   * @returns Truncated text with ellipsis if applicable
-   */
-  private _truncateText(text: string, maxLength: number): string {
-    const cleaned = text.trim();
-    if (cleaned.length > maxLength) {
-      return cleaned.substring(0, maxLength) + '...';
-    }
-    return cleaned || '—';
-  }
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/money/money.component.css b/frontend/src/app/components/ui-components/table-display-fields/money/money.component.css
deleted file mode 100644
index 8732bf81b..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/money/money.component.css
+++ /dev/null
@@ -1,12 +0,0 @@
-:host {
-	text-align: right;
-}
-
-.field-display {
-	justify-content: flex-end;
-}
-
-.field-copy-button {
-	right: auto;
-	left: 0;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/money/money.component.html b/frontend/src/app/components/ui-components/table-display-fields/money/money.component.html
deleted file mode 100644
index 202929d6b..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/money/money.component.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<div class="field-display">
-  <span class="field-value">
-    {{formattedValue || '—'}}
-  </span>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="formattedValue"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/money/money.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/money/money.component.spec.ts
deleted file mode 100644
index 8317798c6..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/money/money.component.spec.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MoneyDisplayComponent } from './money.component';
-
-describe('MoneyDisplayComponent', () => {
-	let component: MoneyDisplayComponent;
-	let fixture: ComponentFixture<MoneyDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MoneyDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(MoneyDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display formatted value with currency', () => {
-		fixture.componentRef.setInput('value', 42.5);
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { default_currency: 'USD' },
-		});
-		component.ngOnInit();
-		fixture.detectChanges();
-		expect(component.formattedValue).toBe('$42.50');
-	});
-
-	it('should display dash for null', () => {
-		fixture.componentRef.setInput('value', null);
-		expect(component.formattedValue).toBe('');
-	});
-
-	it('should divide cents to major units when cents=true (USD)', () => {
-		fixture.componentRef.setInput('value', 1099);
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { default_currency: 'USD', cents: true },
-		});
-		component.ngOnInit();
-		fixture.detectChanges();
-		expect(component.formattedValue).toBe('$10.99');
-	});
-
-	it('should not divide for zero-decimal currencies when cents=true (JPY)', () => {
-		fixture.componentRef.setInput('value', 1099);
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { default_currency: 'JPY', cents: true },
-		});
-		component.ngOnInit();
-		fixture.detectChanges();
-		expect(component.formattedValue).toBe('¥1099');
-	});
-
-	it('should render zero amount instead of empty string', () => {
-		fixture.componentRef.setInput('value', 0);
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { default_currency: 'USD', cents: true },
-		});
-		component.ngOnInit();
-		fixture.detectChanges();
-		expect(component.formattedValue).toBe('$0.00');
-	});
-
-	it('should ignore widget_params.decimal_places when cents=true and currency is zero-decimal', () => {
-		fixture.componentRef.setInput('value', 500);
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { default_currency: 'JPY', cents: true, decimal_places: 4 },
-		});
-		component.ngOnInit();
-		fixture.detectChanges();
-		expect(component.formattedValue).toBe('¥500');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/money/money.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/money/money.component.stories.ts
deleted file mode 100644
index 9d2e8b157..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/money/money.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { MoneyDisplayComponent } from './money.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'numeric',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<MoneyDisplayComponent> = {
-	title: 'Table Display Fields/Money',
-	component: MoneyDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: '$99.99',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '$99.99' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<MoneyDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/money/money.component.ts b/frontend/src/app/components/ui-components/table-display-fields/money/money.component.ts
deleted file mode 100644
index 942914171..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/money/money.component.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { getCurrencyByCode, getCurrencyDecimalPlaces, getCurrencyMinorUnitFactor } from 'src/app/consts/currencies';
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-
-@Component({
-	selector: 'app-money-display',
-	templateUrl: './money.component.html',
-	styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './money.component.css'],
-	imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule],
-})
-export class MoneyDisplayComponent extends BaseTableDisplayFieldComponent implements OnInit {
-	public displayCurrency: string = '';
-	public currencySymbol: string = '';
-
-	ngOnInit(): void {
-		// Get currency from widget params
-		this.displayCurrency = '';
-		if (this.widgetStructure()?.widget_params?.default_currency) {
-			this.displayCurrency = this.widgetStructure().widget_params.default_currency;
-			const currency = getCurrencyByCode(this.displayCurrency);
-			this.currencySymbol = currency ? currency.symbol : '';
-		}
-	}
-
-	get formattedValue(): string {
-		const raw = this.value();
-		if (raw == null || raw === '') {
-			return '';
-		}
-
-		let amount: number | string;
-		let currency: string = this.displayCurrency;
-
-		if (typeof raw === 'object' && raw.amount !== undefined) {
-			amount = raw.amount;
-			if (raw.currency) {
-				currency = raw.currency;
-				const currencyObj = getCurrencyByCode(currency);
-				this.currencySymbol = currencyObj ? currencyObj.symbol : '';
-			}
-		} else {
-			amount = raw;
-		}
-
-		if (typeof amount === 'string') {
-			amount = parseFloat(amount);
-		}
-
-		if (Number.isNaN(amount as number)) {
-			return '';
-		}
-
-		const cents = this.widgetStructure()?.widget_params?.cents === true;
-		let decimalPlaces: number;
-		if (cents) {
-			amount = (amount as number) / getCurrencyMinorUnitFactor(currency);
-			decimalPlaces = getCurrencyDecimalPlaces(currency);
-		} else {
-			decimalPlaces = this.widgetStructure()?.widget_params?.decimal_places ?? 2;
-		}
-
-		return `${this.currencySymbol}${(amount as number).toFixed(decimalPlaces)}`;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/number/number.component.css b/frontend/src/app/components/ui-components/table-display-fields/number/number.component.css
deleted file mode 100644
index a4a50328f..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/number/number.component.css
+++ /dev/null
@@ -1,39 +0,0 @@
-:host {
-	text-align: right;
-}
-
-.field-display {
-	justify-content: flex-end;
-}
-
-.field-copy-button {
-	right: auto;
-	left: 0;
-}
-
-@media (width <= 600px) {
-	:host {
-		text-align: left;
-	}
-
-	.field-display {
-		justify-content: flex-start;
-	}
-
-	.field-copy-button {
-		right: 0;
-		left: auto;
-	}
-}
-
-.out-of-threshold {
-	display: flex;
-	align-items: center;
-	gap: 2px;
-}
-
-.out-of-threshold__icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/number/number.component.html b/frontend/src/app/components/ui-components/table-display-fields/number/number.component.html
deleted file mode 100644
index 3905c10bf..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/number/number.component.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<div class="field-display">
-  <span class="field-value" [class.out-of-threshold]="!!isOutOfThreshold">
-    {{displayValue}}
-    @if (isOutOfThreshold === 'down') {
-      <mat-icon class="out-of-threshold__icon">south</mat-icon>
-    }
-    @if (isOutOfThreshold === 'up') {
-      <mat-icon class="out-of-threshold__icon">north</mat-icon>
-    }
-  </span>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="value()"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/number/number.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/number/number.component.spec.ts
deleted file mode 100644
index ee7a2c353..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/number/number.component.spec.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { NumberDisplayComponent } from './number.component';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('NumberDisplayComponent', () => {
-	let component: NumberDisplayComponent;
-	let fixture: ComponentFixture<NumberDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [NumberDisplayComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(NumberDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display value', () => {
-		fixture.componentRef.setInput('value', 42);
-		fixture.detectChanges();
-		expect(component.displayValue).toBe('42');
-	});
-
-	it('should display dash for null', () => {
-		fixture.componentRef.setInput('value', null);
-		fixture.detectChanges();
-		expect(component.displayValue).toBe('—');
-	});
-
-	it('should detect out-of-threshold up', () => {
-		fixture.componentRef.setInput('value', 150);
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { threshold_min: 0, threshold_max: 100 },
-		});
-		fixture.detectChanges();
-		expect(component.isOutOfThreshold).toBe('up');
-	});
-
-	it('should detect out-of-threshold down', () => {
-		fixture.componentRef.setInput('value', -5);
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { threshold_min: 0, threshold_max: 100 },
-		});
-		fixture.detectChanges();
-		expect(component.isOutOfThreshold).toBe('down');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/number/number.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/number/number.component.stories.ts
deleted file mode 100644
index f60be74bb..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/number/number.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { NumberDisplayComponent } from './number.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'integer',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<NumberDisplayComponent> = {
-	title: 'Table Display Fields/Number',
-	component: NumberDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: 42,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 42 },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<NumberDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/number/number.component.ts b/frontend/src/app/components/ui-components/table-display-fields/number/number.component.ts
deleted file mode 100644
index 030f24eed..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/number/number.component.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import convert from 'convert';
-
-@Component({
-  selector: 'app-display-number',
-  templateUrl: './number.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './number.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class NumberDisplayComponent extends BaseTableDisplayFieldComponent {
-
-  get displayValue(): string {
-    if (this.value() == null || this.value() === '') {
-      return '—';
-    }
-
-    const unit = this.widgetStructure()?.widget_params?.unit;
-
-    if (!unit) {
-      return this.value().toString();
-    }
-
-    try {
-      const convertedValue = convert(parseFloat(this.value()), unit).to('best');
-      // Format number to max 2 decimal places without trailing zeros
-      const formattedQuantity = parseFloat(convertedValue.quantity.toFixed(2)).toString();
-      return `${formattedQuantity} ${convertedValue.unit}`;
-    } catch (error) {
-      console.warn('Unit conversion failed:', error);
-      return this.value().toString();
-    }
-  }
-
-  get isOutOfThreshold(): 'up' | 'down' | false {
-    if (this.value() == null || this.value() === '') {
-      return false;
-    }
-
-    const thresholdMin = this.widgetStructure()?.widget_params?.threshold_min;
-    const thresholdMax = this.widgetStructure()?.widget_params?.threshold_max;
-    const numValue = parseFloat(this.value());
-
-    if (thresholdMin !== null && thresholdMax !== null && numValue < thresholdMin) {
-      return 'down';
-    }
-
-    if (thresholdMin && thresholdMax === null && numValue < thresholdMin) {
-      return 'down';
-    }
-
-    if (thresholdMax !== null && thresholdMin !== null && numValue > thresholdMax) {
-      return 'up';
-    }
-
-    if (thresholdMax && thresholdMin === null && numValue > thresholdMax) {
-      return 'up';
-    }
-
-    return false;
-  }
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/password/password.component.css b/frontend/src/app/components/ui-components/table-display-fields/password/password.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/table-display-fields/password/password.component.html b/frontend/src/app/components/ui-components/table-display-fields/password/password.component.html
deleted file mode 100644
index bc4098081..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/password/password.component.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="field-display">
-  <span class="field-value">••••••••</span>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/password/password.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/password/password.component.spec.ts
deleted file mode 100644
index 1d3bda323..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/password/password.component.spec.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { PasswordDisplayComponent } from './password.component';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('PasswordDisplayComponent', () => {
-	let component: PasswordDisplayComponent;
-	let fixture: ComponentFixture<PasswordDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PasswordDisplayComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(PasswordDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display masked dots', () => {
-		fixture.componentRef.setInput('value', 'secret-password');
-		fixture.detectChanges();
-		const compiled = fixture.nativeElement as HTMLElement;
-		expect(compiled.querySelector('.field-value')?.textContent?.trim()).toBe('••••••••');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/password/password.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/password/password.component.stories.ts
deleted file mode 100644
index 5dfa8b36b..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/password/password.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PasswordDisplayComponent } from './password.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<PasswordDisplayComponent> = {
-	title: 'Table Display Fields/Password',
-	component: PasswordDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: '********',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '********' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<PasswordDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/password/password.component.ts b/frontend/src/app/components/ui-components/table-display-fields/password/password.component.ts
deleted file mode 100644
index 46d3dee98..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/password/password.component.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-
-@Component({
-	selector: 'app-password-display',
-	templateUrl: './password.component.html',
-	styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './password.component.css'],
-	imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule],
-})
-export class PasswordDisplayComponent extends BaseTableDisplayFieldComponent {}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.css b/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.css
deleted file mode 100644
index d9cd2fb63..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.field-display {
-	padding-right: 24px;
-}
-
-.phone-content {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-}
-
-.country-flag {
-	font-size: 16px;
-	cursor: help;
-	user-select: none;
-}
-
-.phone-link {
-	text-decoration: none;
-	color: var(--primary-color);
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.html b/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.html
deleted file mode 100644
index daa8df936..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<div class="field-display">
-  @if (value()) {
-    <span class="phone-content">
-      @if (countryFlag) {
-        <span class="country-flag" [matTooltip]="countryName">{{ countryFlag }}</span>
-      }
-      <a [href]="'tel:' + value()" class="field-value phone-link">{{ formattedNumber || value() }}</a>
-    </span>
-  } @else {
-    <span class="field-value">—</span>
-  }
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="value()"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.spec.ts
deleted file mode 100644
index 303de79e7..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.spec.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { PhoneDisplayComponent } from './phone.component';
-
-describe('PhoneDisplayComponent', () => {
-	let component: PhoneDisplayComponent;
-	let fixture: ComponentFixture<PhoneDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PhoneDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(PhoneDisplayComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should format phone number', () => {
-		fixture.componentRef.setInput('value', '+14155552671');
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.formattedNumber).toBe('+1 415 555 2671');
-		expect(component.countryName).toBe('United States');
-	});
-
-	it('should display raw value for invalid number', () => {
-		fixture.componentRef.setInput('value', '12345');
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.formattedNumber).toBe('12345');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.stories.ts
deleted file mode 100644
index b10c718f5..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PhoneDisplayComponent } from './phone.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<PhoneDisplayComponent> = {
-	title: 'Table Display Fields/Phone',
-	component: PhoneDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: '+1 (555) 123-4567',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '+1 (555) 123-4567' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<PhoneDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.ts b/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.ts
deleted file mode 100644
index 50e2bdcef..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/phone/phone.component.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { parsePhoneNumber } from 'libphonenumber-js';
-import { COUNTRIES, getCountryFlag } from '../../../../consts/countries';
-
-@Component({
-  selector: 'app-phone-display',
-  templateUrl: './phone.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './phone.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class PhoneDisplayComponent extends BaseTableDisplayFieldComponent implements OnInit {
-  public countryFlag: string = '';
-  public countryName: string = '';
-  public formattedNumber: string = '';
-  
-  ngOnInit(): void {
-    this.parsePhoneNumber();
-  }
-
-  private parsePhoneNumber(): void {
-    if (!this.value() || typeof this.value() !== 'string') {
-      this.countryFlag = '';
-      this.countryName = '';
-      this.formattedNumber = '';
-      return;
-    }
-
-    try {
-      const phoneNumber = parsePhoneNumber(this.value());
-      
-      if (phoneNumber?.country) {
-        const country = COUNTRIES.find(c => c.code === phoneNumber.country);
-        
-        if (country) {
-          this.countryFlag = getCountryFlag(country.code);
-          this.countryName = country.name;
-          this.formattedNumber = phoneNumber.formatInternational();
-        } else {
-          this.countryFlag = '';
-          this.countryName = '';
-          this.formattedNumber = this.value();
-        }
-      } else {
-        this.countryFlag = '';
-        this.countryName = '';
-        this.formattedNumber = this.value();
-      }
-    } catch (_error) {
-      this.countryFlag = '';
-      this.countryName = '';
-      this.formattedNumber = this.value();
-    }
-  }
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/point/point.component.css b/frontend/src/app/components/ui-components/table-display-fields/point/point.component.css
deleted file mode 100644
index e6f38b6e6..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/point/point.component.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.field-wrapper {
-	display: flex;
-	align-items: center;
-}
-
-.value-wrapper {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	max-width: 300px;
-	font-family: monospace;
-}
-
-.copy-button {
-	visibility: hidden;
-	margin-left: 4px;
-}
-
-.field-wrapper:hover .copy-button {
-	visibility: visible;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/point/point.component.html b/frontend/src/app/components/ui-components/table-display-fields/point/point.component.html
deleted file mode 100644
index 394c892b9..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/point/point.component.html
+++ /dev/null
@@ -1,13 +0,0 @@
-@if (formattedPoint) {
-  <div class="field-wrapper">
-    <span class="value-wrapper" [matTooltip]="formattedPoint">{{ formattedPoint }}</span>
-    <button mat-icon-button
-        class="copy-button"
-        [cdkCopyToClipboard]="formattedPoint"
-        matTooltip="Copy to clipboard"
-        (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-        (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-    </button>
-  </div>
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/point/point.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/point/point.component.spec.ts
deleted file mode 100644
index 65d2df7f4..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/point/point.component.spec.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { CommonModule } from '@angular/common';
-import { PointDisplayComponent } from './point.component';
-
-describe('PointDisplayComponent', () => {
-	let component: PointDisplayComponent;
-	let fixture: ComponentFixture<PointDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [PointDisplayComponent],
-		})
-			.overrideComponent(PointDisplayComponent, {
-				add: { imports: [CommonModule] },
-			})
-			.compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(PointDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should format point string', () => {
-		fixture.componentRef.setInput('value', '(3.5, 7.2)');
-		component.ngOnInit();
-		expect(component.formattedPoint).toBe('(3.5, 7.2)');
-	});
-
-	it('should format point object', () => {
-		fixture.componentRef.setInput('value', { x: 10, y: 20 });
-		component.ngOnInit();
-		expect(component.formattedPoint).toBe('(10, 20)');
-	});
-
-	it('should display dash for null', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		expect(component.formattedPoint).toBe('');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/point/point.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/point/point.component.stories.ts
deleted file mode 100644
index af366b968..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/point/point.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { PointDisplayComponent } from './point.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'point',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<PointDisplayComponent> = {
-	title: 'Table Display Fields/Point',
-	component: PointDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: '(40.7128, -74.0060)',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '(40.7128, -74.0060)' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<PointDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/point/point.component.ts b/frontend/src/app/components/ui-components/table-display-fields/point/point.component.ts
deleted file mode 100644
index 884211541..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/point/point.component.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@Component({
-  selector: 'app-point-display',
-  templateUrl: './point.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './point.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class PointDisplayComponent extends BaseTableDisplayFieldComponent implements OnInit {
-  static type = 'point';
-
-  formattedPoint: string;
-
-  ngOnInit() {
-    this.formatPoint();
-  }
-
-  private formatPoint() {
-    if (!this.value()) {
-      this.formattedPoint = '';
-      return;
-    }
-
-    try {
-      if (typeof this.value() === 'string') {
-        // Handle string format like "(x,y)" or "x,y"
-        const pointStr = this.value().trim().replace(/[()]/g, '');
-        const [x, y] = pointStr.split(',').map(coord => parseFloat(coord.trim()));
-        this.formattedPoint = `(${x}, ${y})`;
-      } else if (typeof this.value() === 'object') {
-        // Handle object format like {x: 1, y: 2}
-        const x = this.value().x || this.value()[0];
-        const y = this.value().y || this.value()[1];
-        this.formattedPoint = `(${x}, ${y})`;
-      }
-    } catch (_e) {
-      this.formattedPoint = String(this.value());
-    }
-  }
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/range/range.component.css b/frontend/src/app/components/ui-components/table-display-fields/range/range.component.css
deleted file mode 100644
index 8a428ec78..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/range/range.component.css
+++ /dev/null
@@ -1,63 +0,0 @@
-.range-display-container {
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	padding: 4px 0;
-}
-
-.range-value-label {
-	font-size: 14px;
-	color: rgba(0, 0, 0, 0.87);
-	font-weight: 500;
-}
-
-.range-progress-bar {
-	height: 8px;
-	border-radius: 4px;
-}
-
-/* Material progress bar specific styles */
-.range-progress-bar.mat-mdc-progress-bar {
-	height: 8px;
-}
-
-/* Light theme progress bar styles */
-.range-progress-bar {
-	--mat-progress-bar-active-indicator-color: var(--color-accentedPalette-300);
-	--mat-progress-bar-track-color: #e0e0e0;
-	--mat-progress-bar-active-indicator-height: 8px;
-	--mat-progress-bar-track-height: 8px;
-}
-
-/* Override Material default styles */
-.range-progress-bar ::ng-deep .mdc-linear-progress {
-	height: 8px !important;
-}
-
-.range-progress-bar ::ng-deep .mdc-linear-progress__bar {
-	height: 8px !important;
-}
-
-.range-progress-bar ::ng-deep .mdc-linear-progress__bar-inner {
-	border-top-width: 8px !important;
-}
-
-.range-progress-bar ::ng-deep .mdc-linear-progress__buffer {
-	height: 8px !important;
-}
-
-.range-progress-bar ::ng-deep .mdc-linear-progress__buffer-bar {
-	height: 8px !important;
-}
-
-/* Dark theme styles */
-@media (prefers-color-scheme: dark) {
-	.range-value-label {
-		color: rgba(255, 255, 255, 0.87);
-	}
-
-	.range-progress-bar {
-		--mat-progress-bar-active-indicator-color: var(--color-accentedPalette-700);
-		--mat-progress-bar-track-color: rgba(255, 255, 255, 0.12);
-	}
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/range/range.component.html b/frontend/src/app/components/ui-components/table-display-fields/range/range.component.html
deleted file mode 100644
index 673c6a710..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/range/range.component.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div class="range-display-container">
-  <div class="range-value-label">{{ displayValue }}</div>
-  <mat-progress-bar 
-    mode="determinate" 
-    [value]="getProgressValue()"
-    class="range-progress-bar">
-  </mat-progress-bar>
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/table-display-fields/range/range.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/range/range.component.spec.ts
deleted file mode 100644
index be9b0a81f..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/range/range.component.spec.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { RangeDisplayComponent } from './range.component';
-
-describe('RangeDisplayComponent', () => {
-	let component: RangeDisplayComponent;
-	let fixture: ComponentFixture<RangeDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [RangeDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(RangeDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display value with max', () => {
-		fixture.componentRef.setInput('value', 50);
-		component.ngOnInit();
-		fixture.detectChanges();
-		expect(component.displayValue).toBe('50 / 100');
-	});
-
-	it('should parse min/max from widget params', () => {
-		fixture.componentRef.setInput('value', 75);
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { min: 0, max: 200, step: 5 },
-		});
-		component.ngOnInit();
-		fixture.detectChanges();
-		expect(component.min).toBe(0);
-		expect(component.max).toBe(200);
-		expect(component.step).toBe(5);
-		expect(component.displayValue).toBe('75 / 200');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/range/range.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/range/range.component.stories.ts
deleted file mode 100644
index ba8aa39db..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/range/range.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { RangeDisplayComponent } from './range.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'integer',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<RangeDisplayComponent> = {
-	title: 'Table Display Fields/Range',
-	component: RangeDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: 50 as any,
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 50 },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<RangeDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/range/range.component.ts b/frontend/src/app/components/ui-components/table-display-fields/range/range.component.ts
deleted file mode 100644
index 2238109bc..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/range/range.component.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { Component, input, OnInit, OnChanges } from '@angular/core';
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-
-@Component({
-  selector: 'app-range-display',
-  standalone: true,
-  templateUrl: './range.component.html',
-  styleUrls: ['./range.component.css'],
-  imports: [
-    MatProgressBarModule
-  ],
-})
-export class RangeDisplayComponent extends BaseTableDisplayFieldComponent implements OnInit, OnChanges {
-  override readonly value = input<number>();
-  static type = 'range';
-
-  public min: number = 0;
-  public max: number = 100;
-  public step: number = 1;
-  public displayValue: string = '';
-
-  ngOnInit(): void {
-    this._parseWidgetParams();
-    this._updateDisplayValue();
-  }
-
-  ngOnChanges(): void {
-    this._parseWidgetParams();
-    this._updateDisplayValue();
-  }
-
-  public getProgressValue(): number {
-    const numValue = Number(this.value()) || 0;
-    const range = this.max - this.min;
-    if (range === 0) return 0;
-    const progress = ((numValue - this.min) / range) * 100;
-    // Ensure progress is between 0 and 100
-    return Math.max(0, Math.min(100, progress));
-  }
-
-  private _parseWidgetParams(): void {
-    if (this.widgetStructure()?.widget_params) {
-      try {
-        const params = this.widgetStructure().widget_params;
-        if (params.min !== undefined) {
-          this.min = Number(params.min) || 0;
-        }
-        if (params.max !== undefined) {
-          this.max = Number(params.max) || 100;
-        }
-        if (params.step !== undefined) {
-          this.step = Number(params.step) || 1;
-        }
-      } catch (error) {
-        console.error('Failed to parse widget params:', error);
-      }
-    }
-  }
-
-  private _updateDisplayValue(): void {
-    const numValue = Number(this.value()) || 0;
-    this.displayValue = `${numValue} / ${this.max}`;
-  }
-}
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.css b/frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.css
deleted file mode 100644
index e25649dba..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.field-value {
-	font-style: italic;
-	color: #666;
-}
-
-.s3-thumbnail {
-	display: block;
-	max-height: 60px;
-	max-width: 100px;
-	margin: 4px 0;
-	object-fit: contain;
-}
-
-.s3-spinner {
-	display: inline-block;
-	margin: 4px 0;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.html b/frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.html
deleted file mode 100644
index b55dc6cb2..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<div class="field-display">
-  @if (isImageType) {
-    @if (isLoading) {
-      <mat-spinner diameter="24" class="s3-spinner"></mat-spinner>
-    } @else if (previewUrl) {
-      <img
-        class="s3-thumbnail"
-        [src]="previewUrl"
-        alt="S3 Image">
-    } @else if (value()) {
-      <span class="field-value">[S3 Image]</span>
-    }
-  } @else {
-    <span class="field-value">{{value() || '—'}}</span>
-  }
-
-  @if (value()) {
-    <button type="button" mat-icon-button
-        class="field-copy-button"
-        matTooltip="Copy S3 key"
-        [cdkCopyToClipboard]="value()"
-        (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('S3 key was copied to clipboard.')"
-        (click)="$event.stopPropagation()">
-        <mat-icon>content_copy</mat-icon>
-    </button>
-  }
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.spec.ts
deleted file mode 100644
index d2007fffb..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.spec.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { S3Service } from 'src/app/services/s3.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { vi } from 'vitest';
-import { S3DisplayComponent } from './s3.component';
-
-describe('S3DisplayComponent', () => {
-	let component: S3DisplayComponent;
-	let fixture: ComponentFixture<S3DisplayComponent>;
-
-	const mockS3Service: Partial<S3Service> = {
-		getFileUrl: vi.fn(),
-	};
-
-	const mockConnectionsService: Partial<ConnectionsService> = {
-		currentConnectionID: 'test-conn',
-	};
-
-	const mockTablesService: Partial<TablesService> = {
-		currentTableName: 'test-table',
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [S3DisplayComponent],
-			providers: [
-				{ provide: S3Service, useValue: mockS3Service },
-				{ provide: ConnectionsService, useValue: mockConnectionsService },
-				{ provide: TablesService, useValue: mockTablesService },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(S3DisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should detect image type from widget params', () => {
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: {
-				bucket: 'my-bucket',
-				access_key_id: 'COMPANY-SECRET/bucket-access-key-id',
-				access_key: 'COMPANY-SECRET/bucket-access-key',
-				type: 'image',
-			},
-		});
-		component.ngOnInit();
-		expect(component.isImageType).toBe(true);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.stories.ts
deleted file mode 100644
index f5ef97c18..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { S3DisplayComponent } from './s3.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<S3DisplayComponent> = {
-	title: 'Table Display Fields/S3',
-	component: S3DisplayComponent,
-	args: {
-		key: 'field_name',
-		value: 's3://bucket/file.txt',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 's3://bucket/file.txt' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<S3DisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.ts b/frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.ts
deleted file mode 100644
index b945a2581..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/s3/s3.component.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { S3Service } from 'src/app/services/s3.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-
-type BucketProvider = 'aws' | 'digitalocean' | 'backblaze' | 'wasabi' | 'cloudflare-r2';
-
-interface BucketWidgetParams {
-	provider?: BucketProvider;
-	bucket: string;
-	prefix?: string;
-	region?: string;
-	account_id?: string;
-	access_key_id: string;
-	access_key: string;
-	type?: 'file' | 'image';
-}
-
-@Component({
-	selector: 'app-s3-display',
-	templateUrl: './s3.component.html',
-	styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './s3.component.css'],
-	imports: [ClipboardModule, MatButtonModule, MatIconModule, MatProgressSpinnerModule, MatTooltipModule],
-})
-export class S3DisplayComponent extends BaseTableDisplayFieldComponent implements OnInit {
-	public params: BucketWidgetParams;
-	public previewUrl: string | null = null;
-	public isLoading: boolean = false;
-
-	private connectionId: string;
-	private tableName: string;
-
-	constructor(
-		private s3Service: S3Service,
-		private connectionsService: ConnectionsService,
-		private tablesService: TablesService,
-	) {
-		super();
-	}
-
-	ngOnInit(): void {
-		this.connectionId = this.connectionsService.currentConnectionID;
-		this.tableName = this.tablesService.currentTableName;
-		this._parseWidgetParams();
-
-		if (this.value() && this.isImageType && this.rowPrimaryKey) {
-			this._loadPreview();
-		}
-	}
-
-	get isImageType(): boolean {
-		return this.params?.type === 'image';
-	}
-
-	get rowPrimaryKey(): Record<string, unknown> | null {
-		if (!this.rowData() || !this.primaryKeys()) return null;
-
-		const primaryKey: Record<string, unknown> = {};
-		for (const pk of this.primaryKeys()) {
-			primaryKey[pk.column_name] = this.rowData()[pk.column_name];
-		}
-		return primaryKey;
-	}
-
-	private _parseWidgetParams(): void {
-		if (this.widgetStructure()?.widget_params) {
-			try {
-				this.params =
-					typeof this.widgetStructure().widget_params === 'string'
-						? JSON.parse(this.widgetStructure().widget_params as unknown as string)
-						: this.widgetStructure().widget_params;
-			} catch (e) {
-				console.error('Error parsing S3 widget params:', e);
-			}
-		}
-	}
-
-	private async _loadPreview(): Promise<void> {
-		const primaryKey = this.rowPrimaryKey;
-		if (!this.value() || !this.connectionId || !this.tableName || !primaryKey) return;
-
-		this.isLoading = true;
-
-		const response = await this.s3Service.getFileUrl(
-			this.connectionId,
-			this.tableName,
-			this.widgetStructure().field_name,
-			primaryKey,
-		);
-
-		if (response) {
-			this.previewUrl = response.url;
-		}
-
-		this.isLoading = false;
-	}
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/select/select.component.css b/frontend/src/app/components/ui-components/table-display-fields/select/select.component.css
deleted file mode 100644
index 50c5addee..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/select/select.component.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.field-value {
-	padding: 2px 6px;
-	border-radius: 4px;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/select/select.component.html b/frontend/src/app/components/ui-components/table-display-fields/select/select.component.html
deleted file mode 100644
index 6a53e0703..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/select/select.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="field-display">
-  <span class="field-value" [style.backgroundColor]="backgroundColor">{{displayValue}}</span>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="displayValue"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/select/select.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/select/select.component.spec.ts
deleted file mode 100644
index 295e9c41a..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/select/select.component.spec.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { SelectDisplayComponent } from './select.component';
-
-describe('SelectDisplayComponent', () => {
-	let component: SelectDisplayComponent;
-	let fixture: ComponentFixture<SelectDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [SelectDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(SelectDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display option label from widget params', () => {
-		fixture.componentRef.setInput('value', 'opt1');
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: {
-				options: [
-					{ value: 'opt1', label: 'Option One' },
-					{ value: 'opt2', label: 'Option Two' },
-				],
-			},
-		});
-		component.ngOnInit();
-		fixture.detectChanges();
-		expect(component.displayValue).toBe('Option One');
-	});
-
-	it('should display raw value when no options match', () => {
-		fixture.componentRef.setInput('value', 'unknown');
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: {
-				options: [{ value: 'opt1', label: 'Option One' }],
-			},
-		});
-		component.ngOnInit();
-		fixture.detectChanges();
-		expect(component.displayValue).toBe('unknown');
-	});
-
-	it('should display option label when value is 0', () => {
-		fixture.componentRef.setInput('value', 0);
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: {
-				options: [
-					{ value: 0, label: 'Zero' },
-					{ value: 1, label: 'One' },
-				],
-			},
-		});
-		component.ngOnInit();
-		fixture.detectChanges();
-		expect(component.displayValue).toBe('Zero');
-	});
-
-	it('should display em dash when value is null', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		fixture.detectChanges();
-		expect(component.displayValue).toBe('—');
-	});
-
-	it('should display em dash when value is undefined', () => {
-		fixture.componentRef.setInput('value', undefined);
-		component.ngOnInit();
-		fixture.detectChanges();
-		expect(component.displayValue).toBe('—');
-	});
-
-	it('should display empty string value as raw, not dash', () => {
-		fixture.componentRef.setInput('value', '');
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: {
-				options: [{ value: 'opt1', label: 'Option One' }],
-			},
-		});
-		component.ngOnInit();
-		fixture.detectChanges();
-		expect(component.displayValue).toBe('');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/select/select.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/select/select.component.stories.ts
deleted file mode 100644
index 10b2b31a8..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/select/select.component.stories.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { SelectDisplayComponent } from './select.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'enum',
-	data_type_params: ['option1', 'option2', 'option3'],
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<SelectDisplayComponent> = {
-	title: 'Table Display Fields/Select',
-	component: SelectDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: 'option1',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'option1' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<SelectDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/select/select.component.ts b/frontend/src/app/components/ui-components/table-display-fields/select/select.component.ts
deleted file mode 100644
index 4e3a14fb5..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/select/select.component.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-
-@Component({
-	selector: 'app-select-display',
-	templateUrl: './select.component.html',
-	styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './select.component.css'],
-	imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule],
-})
-export class SelectDisplayComponent extends BaseTableDisplayFieldComponent implements OnInit {
-	public displayValue: string;
-	public backgroundColor: string;
-
-	ngOnInit(): void {
-		this.setDisplayValue();
-	}
-
-	private setDisplayValue(): void {
-		if (this.value() == null) {
-			this.displayValue = '—';
-			return;
-		}
-
-		if (this.widgetStructure()?.widget_params?.options) {
-			// Find the matching option based on value and use its label
-			const option = this.widgetStructure().widget_params.options.find(
-				(opt: { value: any; label: string }) => opt.value === this.value(),
-			);
-			this.displayValue = option ? option.label : this.value();
-			this.backgroundColor = option?.background_color ? option.background_color : 'transparent';
-		} else if (this.structure()?.data_type_params) {
-			// If no widget structure but we have data_type_params, just use the value
-			this.displayValue = this.value();
-		} else {
-			this.displayValue = this.value();
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.css b/frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.html b/frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.html
deleted file mode 100644
index 479ddf07a..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="field-display">
-  <span class="field-value">{{value() || '—'}}</span>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="value()"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.spec.ts
deleted file mode 100644
index cd02fd957..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.spec.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { StaticTextDisplayComponent } from './static-text.component';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('StaticTextDisplayComponent', () => {
-	let component: StaticTextDisplayComponent;
-	let fixture: ComponentFixture<StaticTextDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [StaticTextDisplayComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(StaticTextDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display value', () => {
-		fixture.componentRef.setInput('value', 'Hello World');
-		fixture.detectChanges();
-		expect(component.value()).toBe('Hello World');
-	});
-
-	it('should display dash for null', () => {
-		fixture.componentRef.setInput('value', null);
-		fixture.detectChanges();
-		expect(component.value()).toBeNull();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.stories.ts
deleted file mode 100644
index c66a2bd3d..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { StaticTextDisplayComponent } from './static-text.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<StaticTextDisplayComponent> = {
-	title: 'Table Display Fields/StaticText',
-	component: StaticTextDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: 'Static content',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'Static content' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<StaticTextDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.ts b/frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.ts
deleted file mode 100644
index 483c6c326..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/static-text/static-text.component.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-
-@Component({
-	selector: 'app-display-static-text',
-	templateUrl: './static-text.component.html',
-	styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './static-text.component.css'],
-	imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule],
-})
-export class StaticTextDisplayComponent extends BaseTableDisplayFieldComponent {
-	static type = 'static-text';
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/text/text.component.css b/frontend/src/app/components/ui-components/table-display-fields/text/text.component.css
deleted file mode 100644
index 327f9c253..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/text/text.component.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.validation-error {
-	color: var(--color-warnPalette-500);
-	text-decoration: underline;
-	text-decoration-style: wavy;
-	text-underline-offset: 2px;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/text/text.component.html b/frontend/src/app/components/ui-components/table-display-fields/text/text.component.html
deleted file mode 100644
index fe63b0835..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/text/text.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="field-display">
-  <span class="field-value" [class.validation-error]="isInvalid" [title]="isInvalid ? validationErrorMessage : ''">{{value() || '—'}}</span>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="value()"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/text/text.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/text/text.component.spec.ts
deleted file mode 100644
index 18573e992..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/text/text.component.spec.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TextDisplayComponent } from './text.component';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('TextDisplayComponent', () => {
-	let component: TextDisplayComponent;
-	let fixture: ComponentFixture<TextDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TextDisplayComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TextDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display value', () => {
-		fixture.componentRef.setInput('value', 'Sample text');
-		fixture.detectChanges();
-		expect(component.value()).toBe('Sample text');
-	});
-
-	it('should detect invalid email when email validation configured', () => {
-		fixture.componentRef.setInput('value', 'not-an-email');
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { validate: 'isEmail' },
-		});
-		fixture.detectChanges();
-		expect(component.isInvalid).toBe(true);
-	});
-
-	it('should report valid for correct email', () => {
-		fixture.componentRef.setInput('value', 'user@example.com');
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { validate: 'isEmail' },
-		});
-		fixture.detectChanges();
-		expect(component.isInvalid).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/text/text.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/text/text.component.stories.ts
deleted file mode 100644
index 4a36e414f..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/text/text.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TextDisplayComponent } from './text.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TextDisplayComponent> = {
-	title: 'Table Display Fields/Text',
-	component: TextDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: 'Sample text',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'Sample text' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<TextDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/text/text.component.ts b/frontend/src/app/components/ui-components/table-display-fields/text/text.component.ts
deleted file mode 100644
index 000cbc7e0..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/text/text.component.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import { Component } from '@angular/core';
-import * as validator from 'validator';
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@Component({
-  selector: 'app-display-text',
-  templateUrl: './text.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './text.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class TextDisplayComponent extends BaseTableDisplayFieldComponent {
-  get isInvalid(): boolean {
-    if (!this.value() || this.value() === '') {
-      return false;
-    }
-
-    const validateType = this.widgetStructure()?.widget_params?.validate;
-    if (!validateType) {
-      return false;
-    }
-
-    const stringValue = String(this.value());
-
-    // Special case for regex validation
-    if (validateType === 'regex') {
-      const regexPattern = this.widgetStructure()?.widget_params?.regex;
-      if (!regexPattern) {
-        return false;
-      }
-      try {
-        const regex = new RegExp(regexPattern);
-        return !regex.test(stringValue);
-      } catch (error) {
-        console.warn('Invalid regex pattern:', error);
-        return false;
-      }
-    }
-
-    // Check if validator has this method
-    // biome-ignore lint: it is expected to import all exports of validator
-    const validatorMethod = validator[validateType];
-    if (typeof validatorMethod !== 'function') {
-      console.warn(`Unknown validator method: ${validateType}`);
-      return false;
-    }
-
-    try {
-      // Call the validator method and invert result (true if invalid)
-      return !validatorMethod(stringValue);
-    } catch (error) {
-      console.warn(`Validation error for ${validateType}:`, error);
-      return false;
-    }
-  }
-
-  get validationErrorMessage(): string {
-    const validateType = this.widgetStructure()?.widget_params?.validate;
-    if (!validateType) {
-      return '';
-    }
-
-    if (validateType === 'regex') {
-      return 'Does not match the required pattern';
-    }
-
-    // Create user-friendly messages for common validators
-    const messages = {
-      isEmail: 'Invalid email address',
-      isURL: 'Invalid URL',
-      isIP: 'Invalid IP address',
-      isUUID: 'Invalid UUID',
-      isJSON: 'Invalid JSON',
-      isCreditCard: 'Invalid credit card number',
-      isISBN: 'Invalid ISBN',
-      isAlpha: 'Should contain only letters',
-      isNumeric: 'Should contain only numbers',
-      isAlphanumeric: 'Should contain only letters and numbers',
-      isHexColor: 'Invalid hex color',
-      isBase64: 'Invalid Base64 string',
-      isMobilePhone: 'Invalid mobile phone number',
-      isPostalCode: 'Invalid postal code'
-    };
-
-    return messages[validateType] || `Invalid ${validateType.replace(/^is/, '').toLowerCase()}`;
-  }
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.css b/frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.html b/frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.html
deleted file mode 100644
index 7a7b4e451..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="field-display">
-  <span class="field-value">{{ formattedInterval }}</span>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="formattedInterval"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.spec.ts
deleted file mode 100644
index 2aef98197..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.spec.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TimeIntervalDisplayComponent } from './time-interval.component';
-
-describe('TimeIntervalDisplayComponent', () => {
-	let component: TimeIntervalDisplayComponent;
-	let fixture: ComponentFixture<TimeIntervalDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TimeIntervalDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TimeIntervalDisplayComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should format interval object', () => {
-		fixture.componentRef.setInput('value', { days: 2, hours: 5, minutes: 30 });
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.formattedInterval).toBe('2d 5h 30m');
-	});
-
-	it('should display dash for null', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.formattedInterval).toBe('\u2014');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.stories.ts
deleted file mode 100644
index 5d31102b6..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TimeIntervalDisplayComponent } from './time-interval.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'interval',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TimeIntervalDisplayComponent> = {
-	title: 'Table Display Fields/TimeInterval',
-	component: TimeIntervalDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: '01:30:00',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '01:30:00' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<TimeIntervalDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.ts b/frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.ts
deleted file mode 100644
index d2c2146a8..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/time-interval/time-interval.component.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@Component({
-  selector: 'app-time-interval-display',
-  templateUrl: './time-interval.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './time-interval.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class TimeIntervalDisplayComponent extends BaseTableDisplayFieldComponent implements OnInit {
-
-  formattedInterval: string;
-
-  ngOnInit() {
-    if (!this.value()) {
-      this.formattedInterval = '—';
-      return;
-    }
-
-    try {
-      const interval = typeof this.value() === 'string' ? JSON.parse(this.value()) : this.value();
-      let parts = [];
-
-      if (interval.days) parts.push(`${interval.days}d`);
-      if (interval.hours) parts.push(`${interval.hours}h`);
-      if (interval.minutes) parts.push(`${interval.minutes}m`);
-      if (interval.seconds) parts.push(`${interval.seconds}s`);
-      if (interval.milliseconds) parts.push(`${interval.milliseconds}ms`);
-
-      this.formattedInterval = parts.length > 0 ? parts.join(' ') : '0';
-    } catch (_e) {
-      this.formattedInterval = String(this.value());
-    }
-  }
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/time/time.component.css b/frontend/src/app/components/ui-components/table-display-fields/time/time.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/ui-components/table-display-fields/time/time.component.html b/frontend/src/app/components/ui-components/table-display-fields/time/time.component.html
deleted file mode 100644
index 6a8efae37..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/time/time.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="field-display">
-  <span class="field-value">{{formattedTime || '—'}}</span>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="formattedTime"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/time/time.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/time/time.component.spec.ts
deleted file mode 100644
index 752a6f506..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/time/time.component.spec.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TimeDisplayComponent } from './time.component';
-
-describe('TimeDisplayComponent', () => {
-	let component: TimeDisplayComponent;
-	let fixture: ComponentFixture<TimeDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TimeDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TimeDisplayComponent);
-		component = fixture.componentInstance;
-	});
-
-	it('should create', () => {
-		fixture.detectChanges();
-		expect(component).toBeTruthy();
-	});
-
-	it('should format time string', () => {
-		fixture.componentRef.setInput('value', '14:30:00');
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.formattedTime).toBe('14:30:00');
-	});
-
-	it('should display dash for null', () => {
-		fixture.componentRef.setInput('value', null);
-		component.ngOnInit();
-		fixture.detectChanges();
-
-		expect(component.formattedTime).toBeUndefined();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/time/time.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/time/time.component.stories.ts
deleted file mode 100644
index 3104fc7c5..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/time/time.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TimeDisplayComponent } from './time.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'time',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TimeDisplayComponent> = {
-	title: 'Table Display Fields/Time',
-	component: TimeDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: '10:30:00',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '10:30:00' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<TimeDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/time/time.component.ts b/frontend/src/app/components/ui-components/table-display-fields/time/time.component.ts
deleted file mode 100644
index be427ecda..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/time/time.component.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { format } from 'date-fns';
-
-@Component({
-  selector: 'app-time-display',
-  templateUrl: './time.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './time.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class TimeDisplayComponent extends BaseTableDisplayFieldComponent implements OnInit {
-  static type = 'time';
-
-  public formattedTime: string;
-
-  ngOnInit(): void {
-    if (this.value()) {
-      try {
-        if (this.value().includes(':')) {
-          // Handle time string format
-          this.formattedTime = this.value();
-        } else {
-          const date = new Date(this.value());
-          if (!Number.isNaN(date.getTime())) {
-            this.formattedTime = format(date, 'HH:mm:ss');
-          } else {
-            this.formattedTime = this.value();
-          }
-        }
-      } catch (_error) {
-        this.formattedTime = this.value();
-      }
-    }
-  }
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.css b/frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.css
deleted file mode 100644
index 99aa281f0..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.css
+++ /dev/null
@@ -1 +0,0 @@
-/* Timezone specific styles */
diff --git a/frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.html b/frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.html
deleted file mode 100644
index 1cc2467f7..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="field-display">
-  <span class="field-value">{{formattedTimezone}}</span>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy"
-      [cdkCopyToClipboard]="value()"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Timezone was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.spec.ts
deleted file mode 100644
index 490009280..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.spec.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TimezoneDisplayComponent } from './timezone.component';
-
-describe('TimezoneDisplayComponent', () => {
-	let component: TimezoneDisplayComponent;
-	let fixture: ComponentFixture<TimezoneDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [TimezoneDisplayComponent],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(TimezoneDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display formatted timezone with UTC offset', () => {
-		fixture.componentRef.setInput('value', 'America/New_York');
-		expect(component.formattedTimezone).toContain('America/New_York');
-		expect(component.formattedTimezone).toContain('UTC');
-	});
-
-	it('should display dash for null value', () => {
-		fixture.componentRef.setInput('value', null);
-		expect(component.formattedTimezone).toBe('—');
-	});
-
-	it('should render copy button', () => {
-		fixture.componentRef.setInput('value', 'Europe/London');
-		fixture.detectChanges();
-		const compiled = fixture.nativeElement;
-		const button = compiled.querySelector('button');
-		expect(button).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.stories.ts
deleted file mode 100644
index 524bc7927..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TimezoneDisplayComponent } from './timezone.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<TimezoneDisplayComponent> = {
-	title: 'Table Display Fields/Timezone',
-	component: TimezoneDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: 'UTC',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'UTC' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<TimezoneDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.ts b/frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.ts
deleted file mode 100644
index 3269735c0..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/timezone/timezone.component.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@Component({
-  selector: 'app-display-timezone',
-  templateUrl: './timezone.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './timezone.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class TimezoneDisplayComponent extends BaseTableDisplayFieldComponent {
-  get formattedTimezone(): string {
-    if (!this.value()) {
-      return '—';
-    }
-
-    try {
-      const offset = this.getTimezoneOffset(this.value());
-      return `${this.value()} (UTC${offset})`;
-    } catch (_error) {
-      return this.value();
-    }
-  }
-
-  private getTimezoneOffset(timezone: string): string {
-    try {
-      const now = new Date();
-      const formatter = new Intl.DateTimeFormat('en-US', {
-        timeZone: timezone,
-        timeZoneName: 'longOffset'
-      });
-
-      const parts = formatter.formatToParts(now);
-      const offsetPart = parts.find(part => part.type === 'timeZoneName');
-
-      if (offsetPart?.value.includes('GMT')) {
-        const offset = offsetPart.value.replace('GMT', '');
-        return offset === '' ? '+00:00' : offset;
-      }
-
-      // Fallback: calculate offset manually
-      const utcDate = new Date(now.toLocaleString('en-US', { timeZone: 'UTC' }));
-      const tzDate = new Date(now.toLocaleString('en-US', { timeZone: timezone }));
-      const offsetMinutes = (tzDate.getTime() - utcDate.getTime()) / 60000;
-      const hours = Math.floor(Math.abs(offsetMinutes) / 60);
-      const minutes = Math.abs(offsetMinutes) % 60;
-      const sign = offsetMinutes >= 0 ? '+' : '-';
-      return `${sign}${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;
-    } catch (_error) {
-      return '';
-    }
-  }
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/url/url.component.css b/frontend/src/app/components/ui-components/table-display-fields/url/url.component.css
deleted file mode 100644
index d4a57897b..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/url/url.component.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.url-link {
-	display: flex;
-	align-items: center;
-	gap: 4px;
-	color: var(--color-primaryPalette-500);
-}
-
-.url-link__icon {
-	flex-shrink: 0;
-	margin-bottom: -2px;
-	width: 16px;
-	height: 16px;
-	font-size: 16px;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/url/url.component.html b/frontend/src/app/components/ui-components/table-display-fields/url/url.component.html
deleted file mode 100644
index 8f2d0cc36..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/url/url.component.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<div class="field-display">
-  <span class="field-value">
-    @if (isValidUrl) {
-      <a [href]="hrefValue" target="_blank"
-          class="url-link"
-          (click)="$event.stopPropagation()">
-          <mat-icon class="url-link__icon" fontSet="material-symbols-outlined">link</mat-icon>
-          {{value() || '—'}}
-      </a>
-    } @else {
-      <span>{{value() || '—'}}</span>
-    }
-  </span>
-  <button type="button" mat-icon-button
-      class="field-copy-button"
-      matTooltip="Copy URL"
-      [cdkCopyToClipboard]="value()"
-      (cdkCopyToClipboardCopied)="onCopyToClipboard.emit('Field value was copied to clipboard.')"
-      (click)="$event.stopPropagation()">
-      <mat-icon>content_copy</mat-icon>
-  </button>
-</div>
diff --git a/frontend/src/app/components/ui-components/table-display-fields/url/url.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/url/url.component.spec.ts
deleted file mode 100644
index e747d14da..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/url/url.component.spec.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { CommonModule } from '@angular/common';
-import { UrlDisplayComponent } from './url.component';
-
-describe('UrlDisplayComponent', () => {
-	let component: UrlDisplayComponent;
-	let fixture: ComponentFixture<UrlDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [UrlDisplayComponent],
-		})
-			.overrideComponent(UrlDisplayComponent, {
-				add: { imports: [CommonModule] },
-			})
-			.compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(UrlDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should return valid URL', () => {
-		fixture.componentRef.setInput('value', 'https://example.com');
-		expect(component.isValidUrl).toBe(true);
-		expect(component.hrefValue).toBe('https://example.com');
-	});
-
-	it('should prepend prefix from widget params', () => {
-		fixture.componentRef.setInput('value', 'example.com/path');
-		fixture.componentRef.setInput('widgetStructure', {
-			widget_params: { prefix: 'https://' },
-		});
-		expect(component.hrefValue).toBe('https://example.com/path');
-		expect(component.isValidUrl).toBe(true);
-	});
-
-	it('should detect invalid URL', () => {
-		fixture.componentRef.setInput('value', 'not a valid url');
-		expect(component.isValidUrl).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/url/url.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/url/url.component.stories.ts
deleted file mode 100644
index 77cca0652..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/url/url.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { UrlDisplayComponent } from './url.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'varchar',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<UrlDisplayComponent> = {
-	title: 'Table Display Fields/URL',
-	component: UrlDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: 'https://example.com',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: 'https://example.com' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<UrlDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/url/url.component.ts b/frontend/src/app/components/ui-components/table-display-fields/url/url.component.ts
deleted file mode 100644
index a5fc0cdf8..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/url/url.component.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { Component } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@Component({
-  selector: 'app-url-display',
-  templateUrl: './url.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './url.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class UrlDisplayComponent extends BaseTableDisplayFieldComponent {
-  static type = 'url';
-  
-  get hrefValue(): string {
-    if (!this.value()) return '';
-    const prefix = this.widgetStructure()?.widget_params?.prefix || '';
-    return prefix + this.value();
-  }
-
-  get isValidUrl(): boolean {
-    if (!this.value()) return false;
-    try {
-      // Check if the prefixed URL is valid
-      new URL(this.hrefValue);
-      return true;
-    } catch {
-      return false;
-    }
-  }
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.css b/frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.css
deleted file mode 100644
index 6cd942ea5..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.css
+++ /dev/null
@@ -1,37 +0,0 @@
-.uuid-display {
-	display: flex;
-	align-items: center;
-	gap: 4px;
-}
-
-.uuid-text {
-	font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
-	font-stretch: condensed;
-}
-
-.copy-button {
-	width: 24px;
-	height: 24px;
-	line-height: 24px;
-	opacity: 0;
-	transition: opacity 0.2s;
-}
-
-.field-value:hover .copy-button {
-	opacity: 0.7;
-}
-
-.copy-button:hover {
-	opacity: 1 !important;
-}
-
-.copy-button mat-icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-}
-
-.null-value {
-	color: var(--mat-grey-500);
-	font-style: italic;
-}
diff --git a/frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.html b/frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.html
deleted file mode 100644
index 3647e9df9..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<div class="field-value uuid-display">
-  @if (value()) {
-    <span class="uuid-text">{{ value() }}</span>
-    <button
-      mat-icon-button
-      [cdkCopyToClipboard]="value()"
-      matTooltip="Copy UUID"
-      class="copy-button"
-    >
-      <mat-icon>content_copy</mat-icon>
-    </button>
-  }
-  @else {
-    <span class="null-value">NULL</span>
-  }
-</div>
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.spec.ts b/frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.spec.ts
deleted file mode 100644
index 0b1852ac4..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.spec.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { UuidDisplayComponent } from './uuid.component';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-
-describe('UuidDisplayComponent', () => {
-	let component: UuidDisplayComponent;
-	let fixture: ComponentFixture<UuidDisplayComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [UuidDisplayComponent, BrowserAnimationsModule],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(UuidDisplayComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should display UUID value', () => {
-		fixture.componentRef.setInput('value', '550e8400-e29b-41d4-a716-446655440000');
-		fixture.detectChanges();
-		const compiled = fixture.nativeElement as HTMLElement;
-		expect(compiled.querySelector('.uuid-text')?.textContent?.trim()).toBe('550e8400-e29b-41d4-a716-446655440000');
-	});
-
-	it('should show NULL for empty value', () => {
-		fixture.componentRef.setInput('value', null);
-		fixture.detectChanges();
-		const compiled = fixture.nativeElement as HTMLElement;
-		expect(compiled.querySelector('.null-value')?.textContent?.trim()).toBe('NULL');
-	});
-});
diff --git a/frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.stories.ts b/frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.stories.ts
deleted file mode 100644
index 3cd230e00..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.stories.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { UuidDisplayComponent } from './uuid.component';
-
-const mockStructure = {
-	column_name: 'field_name',
-	column_default: null,
-	data_type: 'uuid',
-	isExcluded: false,
-	isSearched: false,
-	allow_null: true,
-	auto_increment: false,
-	character_maximum_length: 255,
-};
-
-const mockWidgetStructure = {
-	field_name: 'field_name',
-	widget_type: 'Default',
-	widget_params: {},
-	name: '',
-	description: '',
-};
-
-const meta: Meta<UuidDisplayComponent> = {
-	title: 'Table Display Fields/UUID',
-	component: UuidDisplayComponent,
-	args: {
-		key: 'field_name',
-		value: '550e8400-e29b-41d4-a716-446655440000',
-		structure: mockStructure as any,
-		widgetStructure: mockWidgetStructure as any,
-		rowData: { field_name: '550e8400-e29b-41d4-a716-446655440000' },
-		primaryKeys: [{ column_name: 'id' }],
-	},
-};
-
-export default meta;
-type Story = StoryObj<UuidDisplayComponent>;
-
-export const Default: Story = {};
-
-export const Empty: Story = {
-	args: { value: null },
-};
diff --git a/frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.ts b/frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.ts
deleted file mode 100644
index 92b22f1c8..000000000
--- a/frontend/src/app/components/ui-components/table-display-fields/uuid/uuid.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component } from '@angular/core';
-import { BaseTableDisplayFieldComponent } from '../base-table-display-field/base-table-display-field.component';
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
-@Component({
-  selector: 'app-display-uuid',
-  templateUrl: './uuid.component.html',
-  styleUrls: ['../base-table-display-field/base-table-display-field.component.css', './uuid.component.css'],
-  imports: [ClipboardModule, MatIconModule, MatButtonModule, MatTooltipModule]
-})
-export class UuidDisplayComponent extends BaseTableDisplayFieldComponent {
-}
\ No newline at end of file
diff --git a/frontend/src/app/components/ui-components/turnstile/turnstile.component.css b/frontend/src/app/components/ui-components/turnstile/turnstile.component.css
deleted file mode 100644
index 46f2ea33b..000000000
--- a/frontend/src/app/components/ui-components/turnstile/turnstile.component.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.turnstile-container {
-	display: flex;
-	justify-content: center;
-	margin: 16px 0;
-}
diff --git a/frontend/src/app/components/ui-components/turnstile/turnstile.component.html b/frontend/src/app/components/ui-components/turnstile/turnstile.component.html
deleted file mode 100644
index 515fd4bd4..000000000
--- a/frontend/src/app/components/ui-components/turnstile/turnstile.component.html
+++ /dev/null
@@ -1 +0,0 @@
-<div #turnstileContainer class="turnstile-container"></div>
diff --git a/frontend/src/app/components/ui-components/turnstile/turnstile.component.spec.ts b/frontend/src/app/components/ui-components/turnstile/turnstile.component.spec.ts
deleted file mode 100644
index 4302368bb..000000000
--- a/frontend/src/app/components/ui-components/turnstile/turnstile.component.spec.ts
+++ /dev/null
@@ -1,141 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { TurnstileComponent } from './turnstile.component';
-
-describe('TurnstileComponent', () => {
-	let component: TurnstileComponent;
-	let fixture: ComponentFixture<TurnstileComponent>;
-	let mockWidgetId: string;
-
-	const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
-
-	beforeEach(async () => {
-		mockWidgetId = 'mock-widget-id';
-
-		(window as any).turnstile = {
-			render: vi.fn().mockReturnValue(mockWidgetId),
-			reset: vi.fn(),
-			getResponse: vi.fn(),
-			remove: vi.fn(),
-		};
-
-		await TestBed.configureTestingModule({
-			imports: [TurnstileComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(TurnstileComponent);
-		component = fixture.componentInstance;
-	});
-
-	afterEach(() => {
-		component.ngOnDestroy();
-		delete (window as any).turnstile;
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should render turnstile widget on init', async () => {
-		fixture.detectChanges();
-		await delay(150);
-
-		expect((window as any).turnstile?.render).toHaveBeenCalled();
-	});
-
-	it('should emit tokenReceived when callback is triggered', async () => {
-		let receivedToken: string | null = null;
-		component.tokenReceived.subscribe((token: string) => {
-			receivedToken = token;
-		});
-
-		((window as any).turnstile?.render as ReturnType<typeof vi.fn>).mockImplementation(
-			(_container: any, options: any) => {
-				options.callback('test-token');
-				return mockWidgetId;
-			},
-		);
-
-		fixture.detectChanges();
-		await delay(150);
-
-		expect(receivedToken).toBe('test-token');
-	});
-
-	it('should emit tokenError when error-callback is triggered', async () => {
-		let errorEmitted = false;
-		component.tokenError.subscribe(() => {
-			errorEmitted = true;
-		});
-
-		((window as any).turnstile?.render as ReturnType<typeof vi.fn>).mockImplementation(
-			(_container: any, options: any) => {
-				options['error-callback']();
-				return mockWidgetId;
-			},
-		);
-
-		fixture.detectChanges();
-		await delay(150);
-
-		expect(errorEmitted).toBe(true);
-	});
-
-	it('should emit tokenExpired when expired-callback is triggered', async () => {
-		let expiredEmitted = false;
-		component.tokenExpired.subscribe(() => {
-			expiredEmitted = true;
-		});
-
-		((window as any).turnstile?.render as ReturnType<typeof vi.fn>).mockImplementation(
-			(_container: any, options: any) => {
-				options['expired-callback']();
-				return mockWidgetId;
-			},
-		);
-
-		fixture.detectChanges();
-		await delay(150);
-
-		expect(expiredEmitted).toBe(true);
-	});
-
-	it('should reset the widget when reset() is called', async () => {
-		fixture.detectChanges();
-		await delay(150);
-
-		component.reset();
-
-		expect((window as any).turnstile?.reset).toHaveBeenCalledWith(mockWidgetId);
-	});
-
-	it('should remove widget on destroy', async () => {
-		fixture.detectChanges();
-		await delay(150);
-
-		component.ngOnDestroy();
-
-		expect((window as any).turnstile?.remove).toHaveBeenCalledWith(mockWidgetId);
-	});
-
-	it('should emit error if turnstile fails to load', async () => {
-		delete (window as any).turnstile;
-		let errorEmitted = false;
-		component.tokenError.subscribe(() => {
-			errorEmitted = true;
-		});
-
-		fixture.detectChanges();
-
-		// Poll until the error is emitted instead of relying on a fixed delay,
-		// since zone.js and browser overhead make timers unreliable.
-		const maxWait = 12000;
-		const pollInterval = 200;
-		let waited = 0;
-		while (!errorEmitted && waited < maxWait) {
-			await delay(pollInterval);
-			waited += pollInterval;
-		}
-
-		expect(errorEmitted).toBe(true);
-	}, 20000);
-});
diff --git a/frontend/src/app/components/ui-components/turnstile/turnstile.component.ts b/frontend/src/app/components/ui-components/turnstile/turnstile.component.ts
deleted file mode 100644
index 73ff0cbef..000000000
--- a/frontend/src/app/components/ui-components/turnstile/turnstile.component.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild } from '@angular/core';
-import { environment } from 'src/environments/environment';
-
-@Component({
-	selector: 'app-turnstile',
-	templateUrl: './turnstile.component.html',
-	styleUrls: ['./turnstile.component.css'],
-	imports: [CommonModule],
-})
-export class TurnstileComponent implements OnInit, OnDestroy {
-	@ViewChild('turnstileContainer', { static: true }) turnstileContainer: ElementRef<HTMLDivElement>;
-
-	@Input() siteKey: string = (environment as any).turnstileSiteKey;
-	@Input() theme: 'light' | 'dark' | 'auto' = 'auto';
-
-	@Output() tokenReceived = new EventEmitter<string>();
-	@Output() tokenError = new EventEmitter<void>();
-	@Output() tokenExpired = new EventEmitter<void>();
-
-	private widgetId: string | null = null;
-	private pollInterval: ReturnType<typeof setInterval> | null = null;
-	private readonly MAX_POLL_ATTEMPTS = 50;
-	private readonly POLL_INTERVAL_MS = 100;
-
-	ngOnInit(): void {
-		this._waitForTurnstileAndRender();
-	}
-
-	ngOnDestroy(): void {
-		this._clearPollInterval();
-		this._removeWidget();
-	}
-
-	public reset(): void {
-		if (window.turnstile && this.widgetId) {
-			window.turnstile.reset(this.widgetId);
-		}
-	}
-
-	private _waitForTurnstileAndRender(): void {
-		let attempts = 0;
-
-		this.pollInterval = setInterval(() => {
-			attempts++;
-
-			if (window.turnstile) {
-				this._clearPollInterval();
-				this._renderWidget();
-				return;
-			}
-
-			if (attempts >= this.MAX_POLL_ATTEMPTS) {
-				this._clearPollInterval();
-				console.error('Turnstile script failed to load');
-				this.tokenError.emit();
-			}
-		}, this.POLL_INTERVAL_MS);
-	}
-
-	private _renderWidget(): void {
-		if (!window.turnstile || !this.turnstileContainer?.nativeElement) {
-			return;
-		}
-
-		this.widgetId = window.turnstile.render(this.turnstileContainer.nativeElement, {
-			sitekey: this.siteKey,
-			callback: (token: string) => {
-				this.tokenReceived.emit(token);
-			},
-			'error-callback': () => {
-				this.tokenError.emit();
-			},
-			'expired-callback': () => {
-				this.tokenExpired.emit();
-			},
-			theme: this.theme,
-			appearance: 'always',
-		});
-	}
-
-	private _removeWidget(): void {
-		if (window.turnstile && this.widgetId) {
-			window.turnstile.remove(this.widgetId);
-			this.widgetId = null;
-		}
-	}
-
-	private _clearPollInterval(): void {
-		if (this.pollInterval) {
-			clearInterval(this.pollInterval);
-			this.pollInterval = null;
-		}
-	}
-}
diff --git a/frontend/src/app/components/ui-components/turnstile/turnstile.stories.ts b/frontend/src/app/components/ui-components/turnstile/turnstile.stories.ts
deleted file mode 100644
index 4b9ecef94..000000000
--- a/frontend/src/app/components/ui-components/turnstile/turnstile.stories.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { TurnstileComponent } from './turnstile.component';
-
-const meta: Meta<TurnstileComponent> = {
-	title: 'UI/Turnstile',
-	component: TurnstileComponent,
-	args: {
-		siteKey: '1x00000000000000000000AA',
-		theme: 'auto',
-	},
-	argTypes: {
-		theme: {
-			control: 'select',
-			options: ['light', 'dark', 'auto'],
-		},
-	},
-};
-
-export default meta;
-type Story = StoryObj<TurnstileComponent>;
-
-export const Default: Story = {};
-
-export const Light: Story = {
-	args: { theme: 'light' },
-};
-
-export const Dark: Story = {
-	args: { theme: 'dark' },
-};
diff --git a/frontend/src/app/components/ui-components/user-password/user-password.component.css b/frontend/src/app/components/ui-components/user-password/user-password.component.css
deleted file mode 100644
index c03808c4a..000000000
--- a/frontend/src/app/components/ui-components/user-password/user-password.component.css
+++ /dev/null
@@ -1,23 +0,0 @@
-.password-field {
-	margin-bottom: -16px;
-	width: 100%;
-}
-
-.password-requirements {
-	list-style: none;
-	columns: 2;
-	gap: 60px;
-	margin-top: 2px;
-}
-
-.password-requirements li::before {
-	content: "—";
-}
-
-.error {
-	color: var(--color-warnPalette-500);
-}
-
-.success {
-	color: var(--color-successPalette-500);
-}
diff --git a/frontend/src/app/components/ui-components/user-password/user-password.component.html b/frontend/src/app/components/ui-components/user-password/user-password.component.html
deleted file mode 100644
index 9a2550ee9..000000000
--- a/frontend/src/app/components/ui-components/user-password/user-password.component.html
+++ /dev/null
@@ -1,45 +0,0 @@
-<mat-form-field appearance="outline" class="password-field">
-    <mat-label>{{ label }}</mat-label>
-    <input matInput [type]="passwordHidden ? 'text' : 'password'" name="password" #password="ngModel"
-        required minlength="8" passwordValidator
-        angulartics2On="change"
-        angularticsAction="Reg: password is changed"
-        (change)="posthog.capture('Reg: password is changed')"
-        [(ngModel)]="value" (ngModelChange)="onFieldChange.emit($event)">
-    <mat-icon matSuffix (click)="passwordHidden = !passwordHidden" class="password-visibility-button">
-        {{passwordHidden ? 'visibility_off' : 'visibility'}}
-    </mat-icon>
-    <!--<mat-hint>
-        Password must contain:
-        <ul class="password-requirements">
-            <li [ngClass]="{
-                'error': !password.errors?.oneLowerCaseLetter && password.touched,
-                'success': (!password.errors || password.errors?.oneLowerCaseLetter) && password.dirty
-            }">
-                a lower case letter,
-            </li>
-            <li [ngClass]="{
-                'error': !password.errors?.oneUpperCaseLetter && password.touched,
-                'success': (!password.errors || password.errors?.oneUpperCaseLetter) && password.dirty
-            }">
-                an upper case letter,
-            </li>
-            <li [ngClass]="{
-                'error': !password.errors?.oneNumber && password.touched,
-                'success': (!password.errors || password.errors?.oneNumber) && password.dirty
-            }">
-                a number,
-            </li>
-            <li [ngClass]="{
-                'error': !password.errors?.min8 && password.touched,
-                'success': (!password.errors || password.errors?.min8) && password.dirty
-            }">
-                at least 8 characters
-            </li>
-        </ul>
-    </mat-hint>-->
-    <!-- <mat-error *ngIf="port.errors?.required && (port.invalid && port.touched)">Port should not be empty.</mat-error> -->
-</mat-form-field>
-<password-strength-meter [password]="value" [enableFeedback]="true"
-    [numberOfProgressBarItems]="5" [colors]="['#6F0015', '#B71C1C', '#FFC400', '#64DD17', '#00C853']">
-</password-strength-meter>
diff --git a/frontend/src/app/components/ui-components/user-password/user-password.component.spec.ts b/frontend/src/app/components/ui-components/user-password/user-password.component.spec.ts
deleted file mode 100644
index 856b23357..000000000
--- a/frontend/src/app/components/ui-components/user-password/user-password.component.spec.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { IPasswordStrengthMeterService } from 'angular-password-strength-meter';
-import { Angulartics2Module } from 'angulartics2';
-import { UserPasswordComponent } from './user-password.component';
-
-describe('UserPasswordComponent', () => {
-	let component: UserPasswordComponent;
-	let fixture: ComponentFixture<UserPasswordComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [FormsModule, BrowserAnimationsModule, Angulartics2Module.forRoot({}), UserPasswordComponent],
-			providers: [{ provide: IPasswordStrengthMeterService, useValue: {} }],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(UserPasswordComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/ui-components/user-password/user-password.component.ts b/frontend/src/app/components/ui-components/user-password/user-password.component.ts
deleted file mode 100644
index 2cf6d7709..000000000
--- a/frontend/src/app/components/ui-components/user-password/user-password.component.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { PasswordStrengthMeterComponent } from 'angular-password-strength-meter';
-import { Angulartics2OnModule } from 'angulartics2';
-import posthog from 'posthog-js';
-import { PasswordValidationDirective } from 'src/app/directives/passwordValidator.directive';
-
-@Component({
-	selector: 'app-user-password',
-	templateUrl: './user-password.component.html',
-	styleUrls: ['./user-password.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatIconModule,
-		PasswordValidationDirective,
-		PasswordStrengthMeterComponent,
-		Angulartics2OnModule,
-	],
-})
-export class UserPasswordComponent implements OnInit {
-	protected posthog = posthog;
-
-	@Input() value: string;
-	@Input() label: string;
-	@Output() onFieldChange = new EventEmitter();
-
-	public passwordHidden: boolean;
-
-	ngOnInit(): void {}
-}
diff --git a/frontend/src/app/components/ui-components/user-password/user-password.stories.ts b/frontend/src/app/components/ui-components/user-password/user-password.stories.ts
deleted file mode 100644
index f5d579d42..000000000
--- a/frontend/src/app/components/ui-components/user-password/user-password.stories.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { UserPasswordComponent } from './user-password.component';
-
-const meta: Meta<UserPasswordComponent> = {
-	title: 'UI/UserPassword',
-	component: UserPasswordComponent,
-	args: {
-		value: '',
-		label: 'Password',
-	},
-};
-
-export default meta;
-type Story = StoryObj<UserPasswordComponent>;
-
-export const Empty: Story = {};
-
-export const WithValue: Story = {
-	args: { value: 'MyStr0ngP@ss!' },
-};
-
-export const CustomLabel: Story = {
-	args: { label: 'Confirm Password', value: '' },
-};
diff --git a/frontend/src/app/components/user-deleted-success/user-deleted-success.component.css b/frontend/src/app/components/user-deleted-success/user-deleted-success.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/user-deleted-success/user-deleted-success.component.html b/frontend/src/app/components/user-deleted-success/user-deleted-success.component.html
deleted file mode 100644
index bff87f5cb..000000000
--- a/frontend/src/app/components/user-deleted-success/user-deleted-success.component.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<app-banner type="success" class="delete-user-banner">
-    <p class="mat-body-1">
-        Your account has been deleted successfully.
-    </p>
-    <br />
-    <a mat-stroked-button href="https://rocketadmin.com/">Visit home page</a>
-</app-banner>
diff --git a/frontend/src/app/components/user-deleted-success/user-deleted-success.component.spec.ts b/frontend/src/app/components/user-deleted-success/user-deleted-success.component.spec.ts
deleted file mode 100644
index 44098bcb6..000000000
--- a/frontend/src/app/components/user-deleted-success/user-deleted-success.component.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { UserDeletedSuccessComponent } from './user-deleted-success.component';
-
-describe('UserDeletedSuccessComponent', () => {
-	let component: UserDeletedSuccessComponent;
-	let fixture: ComponentFixture<UserDeletedSuccessComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [UserDeletedSuccessComponent],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(UserDeletedSuccessComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/user-deleted-success/user-deleted-success.component.ts b/frontend/src/app/components/user-deleted-success/user-deleted-success.component.ts
deleted file mode 100644
index 678a2449d..000000000
--- a/frontend/src/app/components/user-deleted-success/user-deleted-success.component.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, OnInit } from '@angular/core';
-import { BannerComponent } from '../ui-components/banner/banner.component';
-
-@Component({
-	selector: 'app-user-deleted-success',
-	imports: [CommonModule, BannerComponent],
-	templateUrl: './user-deleted-success.component.html',
-	styleUrls: ['./user-deleted-success.component.css'],
-})
-export class UserDeletedSuccessComponent implements OnInit {
-	ngOnInit(): void {}
-}
diff --git a/frontend/src/app/components/user-settings/account-delete-confirmation/account-delete-confirmation.component.css b/frontend/src/app/components/user-settings/account-delete-confirmation/account-delete-confirmation.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/user-settings/account-delete-confirmation/account-delete-confirmation.component.html b/frontend/src/app/components/user-settings/account-delete-confirmation/account-delete-confirmation.component.html
deleted file mode 100644
index c9757dc3e..000000000
--- a/frontend/src/app/components/user-settings/account-delete-confirmation/account-delete-confirmation.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<h1 mat-dialog-title>Are you sure?</h1>
-<mat-dialog-content>
-    <p class="mat-body">
-        This action is permanent and irreversible, you will not be able to restore your account in the future
-    </p>
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-  <button mat-flat-button mat-dialog-close mat-dialog-close [disabled]="submitting">Cancel</button>
-  <button mat-flat-button color="warn"
-    [disabled]="submitting"
-    (click)="deleteAccount()">
-        Yes, delete
-  </button>
-</mat-dialog-actions>
diff --git a/frontend/src/app/components/user-settings/account-delete-confirmation/account-delete-confirmation.component.spec.ts b/frontend/src/app/components/user-settings/account-delete-confirmation/account-delete-confirmation.component.spec.ts
deleted file mode 100644
index 0c2c01605..000000000
--- a/frontend/src/app/components/user-settings/account-delete-confirmation/account-delete-confirmation.component.spec.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { AccountDeleteConfirmationComponent } from './account-delete-confirmation.component';
-
-describe('AccountDeleteConfirmationComponent', () => {
-	let component: AccountDeleteConfirmationComponent;
-	let fixture: ComponentFixture<AccountDeleteConfirmationComponent>;
-
-	const mockDialogRef = {
-		close: () => {},
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatDialogModule, MatSnackBarModule, Angulartics2Module.forRoot(), AccountDeleteConfirmationComponent],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{ provide: MAT_DIALOG_DATA, useValue: {} },
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(AccountDeleteConfirmationComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/user-settings/account-delete-confirmation/account-delete-confirmation.component.ts b/frontend/src/app/components/user-settings/account-delete-confirmation/account-delete-confirmation.component.ts
deleted file mode 100644
index f83a402fe..000000000
--- a/frontend/src/app/components/user-settings/account-delete-confirmation/account-delete-confirmation.component.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject, OnInit } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { Router } from '@angular/router';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { UserService } from 'src/app/services/user.service';
-
-@Component({
-	selector: 'app-account-delete-confirmation',
-	imports: [CommonModule, MatDialogModule, MatButtonModule, MatProgressSpinnerModule],
-	templateUrl: './account-delete-confirmation.component.html',
-	styleUrls: ['./account-delete-confirmation.component.css'],
-})
-export class AccountDeleteConfirmationComponent implements OnInit {
-	public submitting: boolean = false;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: any,
-		private _userService: UserService,
-		public dialogRef: MatDialogRef<AccountDeleteConfirmationComponent>,
-		public router: Router,
-		private angulartics2: Angulartics2,
-	) {}
-
-	ngOnInit(): void {}
-
-	deleteAccount() {
-		this.submitting = true;
-		this._userService.deleteAccount(this.data).subscribe(
-			() => {
-				this.angulartics2.eventTrack.next({
-					action: 'Delete account',
-					properties: {
-						email: this.data.email,
-						reason: this.data.reason,
-						message: this.data.message,
-					},
-				});
-				posthog.capture('Delete account', {
-					email: this.data.email,
-					reason: this.data.reason,
-					message: this.data.message,
-				});
-				this.submitting = false;
-				this.dialogRef.close();
-			},
-			undefined,
-			() => (this.submitting = false),
-		);
-	}
-}
diff --git a/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.css b/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.css
deleted file mode 100644
index 5f6d2d4b8..000000000
--- a/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.radio-group {
-	display: flex;
-	flex-direction: column;
-}
-
-.radio-group__message {
-	margin-bottom: 8px;
-}
-
-.radio-button {
-	margin: 8px 0;
-}
-
-.message {
-	width: 100%;
-}
-
-.message textarea {
-	resize: none;
-}
diff --git a/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.html b/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.html
deleted file mode 100644
index 6a2fe7bff..000000000
--- a/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<h1 mat-dialog-title>Delete <strong>{{ userEmail }}</strong> account</h1>
-<form #deleteConnectionForm="ngForm" class="form" (ngSubmit)="openDeleteConfirmation()">
-<mat-dialog-content>
-    <p class="mat-body">
-        Tell us why are you deleting your account.
-    </p>
-    <br>
-    <mat-radio-group required
-        name="reasons"
-        class="radio-group"
-        [(ngModel)]="reason">
-        <div *ngFor="let reasonItem of reasonsList">
-            <mat-radio-button [value]="reasonItem.id" class="radio-button">
-                {{ reasonItem.caption }}
-            </mat-radio-button>
-            <p *ngIf="reasonItem.message && reason === reasonItem.id"
-                [innerHtml]="reasonItem.message"
-                class="mat-body-1 radio-group__message">
-            </p>
-        </div>
-    </mat-radio-group>
-    <mat-form-field appearance="outline" class="message">
-        <mat-label>Anything you want to share? (optional)</mat-label>
-        <textarea matInput resizeToFitContent rows="3" name="message"
-            [(ngModel)]="message"
-        ></textarea>
-    </mat-form-field>
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-  <button type="button" mat-flat-button mat-dialog-close mat-dialog-close="cancel">Abort</button>
-  <button type="submit" mat-flat-button color="warn">
-    Delete
-  </button>
-</mat-dialog-actions>
-</form>
diff --git a/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.spec.ts b/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.spec.ts
deleted file mode 100644
index 569bfbb76..000000000
--- a/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.spec.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialog, MatDialogRef } from '@angular/material/dialog';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { AccountDeleteConfirmationComponent } from '../account-delete-confirmation/account-delete-confirmation.component';
-import { AccountDeleteDialogComponent } from './account-delete-dialog.component';
-
-describe('AccountDeleteDialogComponent', () => {
-	let component: AccountDeleteDialogComponent;
-	let fixture: ComponentFixture<AccountDeleteDialogComponent>;
-	let mockMatDialog: { open: ReturnType<typeof vi.fn> };
-
-	const mockDialogRef = {
-		close: () => {},
-	};
-
-	beforeEach(async () => {
-		mockMatDialog = { open: vi.fn() };
-
-		await TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				FormsModule,
-				MatRadioModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot(),
-				AccountDeleteDialogComponent,
-			],
-			providers: [
-				provideHttpClient(),
-				{ provide: MAT_DIALOG_DATA, useValue: {} },
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-			],
-		})
-			.overrideComponent(AccountDeleteDialogComponent, {
-				set: {
-					providers: [{ provide: MatDialog, useFactory: () => mockMatDialog }],
-				},
-			})
-			.compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(AccountDeleteDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should open dialog for delete account confirmation', () => {
-		component.reason = 'technical-issues';
-		component.message = 'I cannot add connection';
-
-		component.openDeleteConfirmation();
-
-		expect(mockMatDialog.open).toHaveBeenCalledWith(AccountDeleteConfirmationComponent, {
-			width: '20em',
-			data: {
-				reason: 'technical-issues',
-				message: 'I cannot add connection',
-			},
-		});
-	});
-});
diff --git a/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.ts b/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.ts
deleted file mode 100644
index f53383956..000000000
--- a/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialog, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatRadioModule } from '@angular/material/radio';
-import { AccountDeleteConfirmationComponent } from '../account-delete-confirmation/account-delete-confirmation.component';
-
-@Component({
-	selector: 'app-account-delete-dialog',
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatButtonModule,
-		MatDialogModule,
-		MatFormFieldModule,
-		MatInputModule,
-		MatRadioModule,
-	],
-	templateUrl: './account-delete-dialog.component.html',
-	styleUrls: ['./account-delete-dialog.component.css'],
-})
-export class AccountDeleteDialogComponent implements OnInit {
-	public userEmail: string;
-	public reason: string;
-	public message: string;
-	public reasonsList = [
-		{
-			id: 'missing-features',
-			caption: 'Missing features I need',
-			message:
-				'Perhaps Rocketadmin has updated the functions you need and they are in a different place. ' +
-				'Our <strong>Support team</strong> will advise you.',
-		},
-		{
-			id: 'technical-issues',
-			caption: 'Technical  issues',
-			message:
-				'If you have technical problems, please contact our <strong>Support team</strong> and we will solve your problem.',
-		},
-		{
-			id: 'another-product',
-			caption: 'Another product',
-			message:
-				'If you are interested in another product, you can read <a href="https://help.rocketadmin.com/comparisons-with-other-database-admin-tools">the article</a> where they are compared.',
-		},
-		{
-			id: 'privacy-concern',
-			caption: 'I have privacy concern',
-			message:
-				'If you have any doubts about the security of your data, please contact our <strong>Support team</strong>.',
-		},
-		{
-			id: 'other',
-			caption: 'Other',
-		},
-	];
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: any,
-		public dialog: MatDialog,
-		public dialogRef: MatDialogRef<AccountDeleteDialogComponent>,
-	) {}
-
-	ngOnInit(): void {
-		this.userEmail = this.data.email;
-	}
-
-	openDeleteConfirmation() {
-		const metadata = {
-			reason: this.reason,
-			message: this.message,
-		};
-
-		this.dialog.open(AccountDeleteConfirmationComponent, {
-			width: '20em',
-			data: metadata,
-		});
-
-		this.dialogRef.close();
-	}
-}
diff --git a/frontend/src/app/components/user-settings/api-key-delete-dialog/api-key-delete-dialog.component.css b/frontend/src/app/components/user-settings/api-key-delete-dialog/api-key-delete-dialog.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/user-settings/api-key-delete-dialog/api-key-delete-dialog.component.html b/frontend/src/app/components/user-settings/api-key-delete-dialog/api-key-delete-dialog.component.html
deleted file mode 100644
index b0d181d70..000000000
--- a/frontend/src/app/components/user-settings/api-key-delete-dialog/api-key-delete-dialog.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<h1 mat-dialog-title>Confirm API key delete</h1>
-<mat-dialog-content>
-    <p class="mat-body">You are going to delete <strong>{{ data.title }}</strong> API key.</p>
-    <br>
-    <p class="mat-body">Please confirm.</p>
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-  <button mat-flat-button mat-dialog-close mat-dialog-close>Cancel</button>
-  <button mat-flat-button color="warn" mat-dialog-close="delete"
-    [disabled]="submitting"
-    (click)="deleteAPIkey()">
-      Delete
-  </button>
-</mat-dialog-actions>
\ No newline at end of file
diff --git a/frontend/src/app/components/user-settings/api-key-delete-dialog/api-key-delete-dialog.component.spec.ts b/frontend/src/app/components/user-settings/api-key-delete-dialog/api-key-delete-dialog.component.spec.ts
deleted file mode 100644
index e744ff7c7..000000000
--- a/frontend/src/app/components/user-settings/api-key-delete-dialog/api-key-delete-dialog.component.spec.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { ApiKeyDeleteDialogComponent } from './api-key-delete-dialog.component';
-
-describe('ApiKeyDeleteDialogComponent', () => {
-	let component: ApiKeyDeleteDialogComponent;
-	let fixture: ComponentFixture<ApiKeyDeleteDialogComponent>;
-
-	const mockDialogRef = {
-		close: () => {},
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatDialogModule, ApiKeyDeleteDialogComponent],
-			providers: [
-				provideHttpClient(),
-				{ provide: MAT_DIALOG_DATA, useValue: {} },
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(ApiKeyDeleteDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/user-settings/api-key-delete-dialog/api-key-delete-dialog.component.ts b/frontend/src/app/components/user-settings/api-key-delete-dialog/api-key-delete-dialog.component.ts
deleted file mode 100644
index 791329d4b..000000000
--- a/frontend/src/app/components/user-settings/api-key-delete-dialog/api-key-delete-dialog.component.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, Inject } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { ApiKey } from 'src/app/models/user';
-import { UserService } from 'src/app/services/user.service';
-
-@Component({
-	selector: 'app-api-key-delete-dialog',
-	templateUrl: './api-key-delete-dialog.component.html',
-	styleUrl: './api-key-delete-dialog.component.css',
-	imports: [CommonModule, MatDialogModule, MatButtonModule],
-})
-export class ApiKeyDeleteDialogComponent {
-	public submitting: boolean = false;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: ApiKey,
-		private _userService: UserService,
-		public dialogRef: MatDialogRef<ApiKeyDeleteDialogComponent>,
-	) {}
-
-	deleteAPIkey() {
-		this.submitting = true;
-		this._userService.deleteAPIkey(this.data).subscribe(
-			() => {
-				this.dialogRef.close();
-				this.submitting = false;
-			},
-			() => {},
-			() => {
-				this.submitting = false;
-			},
-		);
-	}
-}
diff --git a/frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.css b/frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.css
deleted file mode 100644
index a32a8def3..000000000
--- a/frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.authenticator-code {
-	margin-top: 12px;
-	width: 100%;
-}
diff --git a/frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.html b/frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.html
deleted file mode 100644
index c6e35b9cc..000000000
--- a/frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<h1 mat-dialog-title>Enable 2FA</h1>
-<form #twoFAform="ngForm" (ngSubmit)="verify2FA()">
-    <mat-dialog-content>
-        <p class="mat-body-1">Scan this QR code with 2FA application</p>
-
-        <img [src]="qr" class="qr-verification-image" alt="qr">
-
-        <br />
-        <mat-form-field appearance="outline" class="authenticator-code">
-            <mat-label>Enter the code from your authenticator</mat-label>
-            <input matInput [(ngModel)]="secondFAQRCode" name="code" #codeField="ngModel" required>
-        </mat-form-field>
-
-    </mat-dialog-content>
-    <mat-dialog-actions align="end">
-        <button mat-flat-button mat-dialog-close>Cancel</button>
-        <button mat-flat-button color="primary" type="submit"
-            mat-dialog-close="enable"
-            [disabled]="submitting || twoFAform.form.invalid">
-                Enable
-        </button>
-    </mat-dialog-actions>
-</form>
diff --git a/frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.spec.ts b/frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.spec.ts
deleted file mode 100644
index 693ab4e72..000000000
--- a/frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.spec.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { Angulartics2Module } from 'angulartics2';
-import { EnableTwoFADialogComponent } from './enable-two-fa-dialog.component';
-
-describe('EnableTwoFADialogComponent', () => {
-	let component: EnableTwoFADialogComponent;
-	let fixture: ComponentFixture<EnableTwoFADialogComponent>;
-
-	const mockDialogRef = {
-		close: () => {},
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				FormsModule,
-				MatDialogModule,
-				Angulartics2Module.forRoot(),
-				EnableTwoFADialogComponent,
-				BrowserAnimationsModule,
-			],
-			providers: [
-				provideHttpClient(),
-				{ provide: MAT_DIALOG_DATA, useValue: {} },
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(EnableTwoFADialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.stories.ts b/frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.stories.ts
deleted file mode 100644
index 3565846f4..000000000
--- a/frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.stories.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { applicationConfig, type Meta, type StoryObj } from '@storybook/angular';
-import { Angulartics2 } from 'angulartics2';
-import { of } from 'rxjs';
-import { UserService } from 'src/app/services/user.service';
-import { EnableTwoFADialogComponent } from './enable-two-fa-dialog.component';
-
-const mockUserService: Partial<UserService> = {
-	confirm2FA: () => of({ validated: true } as any),
-};
-
-const mockAngulartics: Partial<Angulartics2> = {
-	eventTrack: { next: () => {} } as any,
-};
-
-const meta: Meta<EnableTwoFADialogComponent> = {
-	title: 'Dialogs/EnableTwoFA',
-	component: EnableTwoFADialogComponent,
-	decorators: [
-		applicationConfig({
-			providers: [
-				{ provide: MatDialogRef, useValue: { close: () => {} } },
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue:
-						'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==',
-				},
-				{ provide: UserService, useValue: mockUserService },
-				{ provide: Angulartics2, useValue: mockAngulartics },
-			],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<EnableTwoFADialogComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.ts b/frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.ts
deleted file mode 100644
index abf9f0e01..000000000
--- a/frontend/src/app/components/user-settings/enable-two-fa-dialog/enable-two-fa-dialog.component.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Component, EventEmitter, Inject, Output } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { UserService } from 'src/app/services/user.service';
-import { GroupDeleteDialogComponent } from '../../users/group-delete-dialog/group-delete-dialog.component';
-
-@Component({
-	selector: 'app-enable-two-fa-dialog',
-	imports: [FormsModule, MatDialogModule, MatFormFieldModule, MatInputModule, MatButtonModule],
-	templateUrl: './enable-two-fa-dialog.component.html',
-	styleUrls: ['./enable-two-fa-dialog.component.css'],
-})
-export class EnableTwoFADialogComponent {
-	@Output() confirm2FAerror = new EventEmitter<boolean>();
-
-	public secondFAQRCode: string;
-	public submitting: boolean = false;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public qr: any,
-		public dialogRef: MatDialogRef<GroupDeleteDialogComponent>,
-		private _userService: UserService,
-		private angulartics2: Angulartics2,
-	) {}
-
-	verify2FA() {
-		this.submitting = true;
-
-		this._userService.confirm2FA(this.secondFAQRCode).subscribe(
-			(res) => {
-				if (res.validated) {
-					this.secondFAQRCode = '';
-					this.submitting = false;
-					this.dialogRef.close();
-					this.angulartics2.eventTrack.next({
-						action: 'User settings: 2fa enabled successfully',
-					});
-					posthog.capture('User settings: 2fa enabled successfully');
-				}
-			},
-			(err) => {
-				console.log('error !!!!', err);
-				this.confirm2FAerror.emit(true);
-			},
-		);
-	}
-}
diff --git a/frontend/src/app/components/user-settings/user-settings.component.css b/frontend/src/app/components/user-settings/user-settings.component.css
deleted file mode 100644
index 483571be6..000000000
--- a/frontend/src/app/components/user-settings/user-settings.component.css
+++ /dev/null
@@ -1,134 +0,0 @@
-.profile-layout {
-	display: flex;
-	height: calc(100vh - 64px);
-}
-
-.profile-main {
-	flex: 1;
-	background-color: var(--mat-sidenav-content-background-color);
-	overflow-y: auto;
-}
-
-::ng-deep .profile-main > app-alert {
-	position: relative;
-	top: 0;
-	margin: 24px;
-}
-
-.page {
-	display: flex;
-	flex-direction: column;
-	margin: var(--top-margin) auto;
-	max-width: 520px;
-	min-width: 300px;
-	width: 96%;
-	padding: 0 24px;
-}
-
-@media (width <= 600px) {
-	.page {
-		padding: 0 16px;
-		margin: 1.5em auto;
-	}
-}
-
-.user-settings {
-	margin-top: 32px;
-}
-
-.user-settings__name-form {
-	display: flex;
-	align-items: center;
-	margin-bottom: -24px;
-}
-
-.user-settings__section-heading {
-	display: flex;
-	align-items: center;
-	gap: 12px;
-	margin-top: 40px;
-	margin-bottom: 8px;
-}
-
-.user-settings__text-input {
-	width: 100%;
-}
-
-.user-settings__save-button {
-	margin-top: -20px;
-	margin-left: -68px;
-}
-
-.user-settings__value {
-	margin-bottom: 0 !important;
-}
-
-.twoFA-toggle {
-	display: flex;
-	align-items: center;
-	gap: 12px;
-	margin-top: 40px;
-}
-
-.twoFA-toggle .twoFAhint {
-	font-size: 20px;
-	height: 20px;
-	width: 20px;
-}
-
-.qr-verification {
-	margin-top: 28px;
-}
-
-.api-key-form {
-	display: flex;
-	align-items: center;
-}
-
-.api-key-form__generate-button {
-	margin-top: -20px;
-	margin-left: -82px;
-}
-
-.api-key-value {
-	display: flex;
-	margin-bottom: 8px;
-	width: 100%;
-}
-
-.api-key-value__copy-button {
-	margin-top: 4px;
-	margin-left: 12px;
-}
-
-.api-key-list-item:hover {
-	background: var(--color-primaryPalette-50);
-}
-
-@media (prefers-color-scheme: dark) {
-	.api-key-list-item:hover {
-		background: var(--color-primaryPalette-500);
-	}
-
-	::ng-deep .user-settings__section-heading mat-icon[svgIcon] svg path {
-		fill: #ffffff;
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.api-key-list-item:hover {
-		background: var(--color-primaryPalette-50);
-	}
-}
-
-.api-key {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	/* width: 100%; */
-}
-
-.delete-button {
-	align-self: center;
-	margin-top: 80px;
-}
diff --git a/frontend/src/app/components/user-settings/user-settings.component.html b/frontend/src/app/components/user-settings/user-settings.component.html
deleted file mode 100644
index b6762446d..000000000
--- a/frontend/src/app/components/user-settings/user-settings.component.html
+++ /dev/null
@@ -1,104 +0,0 @@
-<div class="profile-layout">
-    <app-profile-sidebar activeTab="account"></app-profile-sidebar>
-
-    <div class="profile-main">
-        <app-alert></app-alert>
-        <app-alert *ngIf="currentUser.id && !currentUser.isActive" [alert]="emailVerificationWarning"></app-alert>
-
-        <div class="page">
-            <h1 class="mat-h1">
-                Account settings
-            </h1>
-
-            <div class="user-settings mat-body-1">
-                <form class="user-settings__name-form" (ngSubmit)="changeUserName()">
-                    <mat-form-field appearance="outline" class="user-settings__text-input">
-                        <mat-label>Name</mat-label>
-                        <input matInput name="user-name" #nameField="ngModel"
-                            data-testid="user-name-input"
-                            angulartics2On="change"
-                            angularticsAction="User settings: user name is edited"
-                            (change)="posthog.capture('User settings: user name is edited')"
-                            [(ngModel)]="userName">
-                    </mat-form-field>
-                    <button type="submit" mat-button color="primary" data-testid="save-user-name-button"
-                        class="user-settings__save-button"
-                        [disabled]="!nameField.dirty || submittingChangedName">
-                        Save
-                    </button>
-                </form>
-
-                <div class="user-settings__section-heading">
-                    <mat-icon *ngIf="currentUser.externalRegistrationProvider === null"
-                        matTooltip="You registred with your email">
-                        mail
-                    </mat-icon>
-                    <mat-icon *ngIf="currentUser.externalRegistrationProvider !== null"
-                        [svgIcon]="authProviderIcons[currentUser.externalRegistrationProvider]"
-                        matTooltip="You registred with {{currentUser.externalRegistrationProvider}}">
-                    </mat-icon>
-                    <strong>Email:</strong>
-                    <span class="mat-body-1 user-settings__value">{{currentUser.email}}</span>
-                </div>
-                <button mat-stroked-button *ngIf="currentUser.externalRegistrationProvider === null"
-                    data-testid="user-settings__button"
-                    color="primary"
-                    class="user-settings__button"
-                    [disabled]="!currentUser.isActive"
-                    (click)="changeEmail()">
-                    Change email
-                </button>
-
-                <div class="user-settings__section-heading" *ngIf="currentUser.externalRegistrationProvider === null">
-                    <strong>Password:</strong>
-                </div>
-                <a mat-stroked-button *ngIf="currentUser.externalRegistrationProvider === null"
-                    data-testid="change-user-password-link"
-                    routerLink="/change-password"
-                    color="primary"
-                    angulartics2On="click"
-                    angularticsAction="User settings: change password is clicked"
-                    (click)="posthog.capture('User settings: change password is clicked')"
-                    [disabled]="!currentUser.isActive"
-                    class="user-settings__button">
-                    Change password
-                </a>
-
-                <div *ngIf="currentUser.externalRegistrationProvider !== 'GITHUB'">
-                    <div class="twoFA-toggle">
-                        <mat-slide-toggle [(ngModel)]="is2FAEnabledToggle"
-                            angulartics2On="click"
-                            angularticsAction="User settings: 2fa is toggled"
-                            (click)="posthog.capture('User settings: 2fa is toggled')"
-                            [angularticsProperties]="{'enable': is2FAEnabledToggle}"
-                            [disabled]="!currentUser.isActive"
-                            (change)="switch2FA($event)">
-                            Two-factor authentication
-                        </mat-slide-toggle>
-                        <mat-icon *ngIf="!currentUser.isActive" class="twoFAhint"
-                            matTooltip="Available only after email confirmation.">
-                            info
-                        </mat-icon>
-                    </div>
-
-                    <form *ngIf="is2FAswitchingOffSettingsShown" class="qr-verification" (ngSubmit)="switchOff2FA()">
-                        <mat-form-field appearance="outline" class="user-settings__text-input">
-                            <mat-label>Enter the code from your authenticator</mat-label>
-                            <input matInput [(ngModel)]="authCode" name="code" #codeField="ngModel">
-                        </mat-form-field>
-                        <button type="submit" mat-button color="primary">
-                            Disable
-                        </button>
-                    </form>
-                </div>
-
-            </div>
-
-            <button mat-button class="delete-button"
-                type="button"
-                (click)="confirmDeleteAccount()">
-                Delete account
-            </button>
-        </div>
-    </div>
-</div>
diff --git a/frontend/src/app/components/user-settings/user-settings.component.spec.ts b/frontend/src/app/components/user-settings/user-settings.component.spec.ts
deleted file mode 100644
index b5aa5cb91..000000000
--- a/frontend/src/app/components/user-settings/user-settings.component.spec.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { forwardRef } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { MatDialog } from '@angular/material/dialog';
-import { MatInputModule } from '@angular/material/input';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { RouterTestingModule } from '@angular/router/testing';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { CompanyMemberRole } from 'src/app/models/company';
-import { SubscriptionPlans } from 'src/app/models/user';
-import { UserService } from 'src/app/services/user.service';
-import { AccountDeleteDialogComponent } from './account-delete-dialog/account-delete-dialog.component';
-import { UserSettingsComponent } from './user-settings.component';
-
-describe('UserSettingsComponent', () => {
-	let component: UserSettingsComponent;
-	let fixture: ComponentFixture<UserSettingsComponent>;
-	let userService: UserService;
-	let mockMatDialog: { open: ReturnType<typeof vi.fn> };
-
-	beforeEach(async () => {
-		mockMatDialog = { open: vi.fn() };
-
-		await TestBed.configureTestingModule({
-			imports: [
-				RouterTestingModule,
-				FormsModule,
-				MatInputModule,
-				MatSlideToggleModule,
-				MatSnackBarModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot(),
-				UserSettingsComponent,
-			],
-			providers: [
-				provideHttpClient(),
-				{
-					provide: NG_VALUE_ACCESSOR,
-					useExisting: forwardRef(() => UserSettingsComponent),
-					multi: true,
-				},
-			],
-		})
-			.overrideComponent(UserSettingsComponent, {
-				set: {
-					providers: [{ provide: MatDialog, useFactory: () => mockMatDialog }],
-				},
-			})
-			.compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(UserSettingsComponent);
-		component = fixture.componentInstance;
-		userService = TestBed.inject(UserService);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should request email change', () => {
-		const fakeRequestEmailChange = vi
-			.spyOn(userService, 'requestEmailChange')
-			.mockReturnValue(of({ message: 'requested' }));
-
-		component.changeEmail();
-		expect(fakeRequestEmailChange).toHaveBeenCalled();
-	});
-
-	it('should open delete account dialog', () => {
-		component.currentUser = {
-			id: 'user-12345678',
-			createdAt: '2021-10-01T13:43:02.034Z',
-			isActive: true,
-			email: 'user@test.com',
-			subscriptionLevel: SubscriptionPlans.free,
-			is_2fa_enabled: false,
-			role: CompanyMemberRole.Member,
-			externalRegistrationProvider: null,
-			company: {
-				id: 'company_123',
-			},
-		};
-
-		component.confirmDeleteAccount();
-		expect(mockMatDialog.open).toHaveBeenCalledWith(AccountDeleteDialogComponent, {
-			width: '32em',
-			data: {
-				id: 'user-12345678',
-				createdAt: '2021-10-01T13:43:02.034Z',
-				isActive: true,
-				email: 'user@test.com',
-				subscriptionLevel: SubscriptionPlans.free,
-				is_2fa_enabled: false,
-				role: CompanyMemberRole.Member,
-				externalRegistrationProvider: null,
-				company: {
-					id: 'company_123',
-				},
-			},
-		});
-	});
-});
diff --git a/frontend/src/app/components/user-settings/user-settings.component.ts b/frontend/src/app/components/user-settings/user-settings.component.ts
deleted file mode 100644
index 2f6432648..000000000
--- a/frontend/src/app/components/user-settings/user-settings.component.ts
+++ /dev/null
@@ -1,171 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, OnInit } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDialog, MatDialogModule } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Title } from '@angular/platform-browser';
-import { RouterModule } from '@angular/router';
-import { Angulartics2, Angulartics2Module, Angulartics2OnModule } from 'angulartics2';
-import posthog from 'posthog-js';
-import { Alert, AlertActionType, AlertType } from 'src/app/models/alert';
-import { User } from 'src/app/models/user';
-import { AuthService } from 'src/app/services/auth.service';
-import { UserService } from 'src/app/services/user.service';
-import { ProfileSidebarComponent } from '../profile/profile-sidebar/profile-sidebar.component';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-import { AccountDeleteDialogComponent } from './account-delete-dialog/account-delete-dialog.component';
-import { EnableTwoFADialogComponent } from './enable-two-fa-dialog/enable-two-fa-dialog.component';
-
-@Component({
-	selector: 'app-user-settings',
-	templateUrl: './user-settings.component.html',
-	styleUrls: ['./user-settings.component.css'],
-	imports: [
-		CommonModule,
-		FormsModule,
-		RouterModule,
-		MatButtonModule,
-		MatDialogModule,
-		MatFormFieldModule,
-		MatIconModule,
-		MatInputModule,
-		MatSlideToggleModule,
-		MatTooltipModule,
-		Angulartics2Module,
-		AlertComponent,
-		Angulartics2OnModule,
-		ProfileSidebarComponent,
-	],
-})
-export class UserSettingsComponent implements OnInit {
-	protected posthog = posthog;
-	public currentUser: User = null;
-	public submittingChangedName: boolean;
-	public userName: string;
-	public emailVerificationWarning: Alert = {
-		id: 10000001,
-		type: AlertType.Warning,
-		message: 'Your email address is not confirmed. Please check your email or resend confirmation.',
-		actions: [
-			{
-				type: AlertActionType.Button,
-				caption: 'Resend confirmation',
-				action: () => this.requestEmailVerification(),
-			},
-		],
-	};
-
-	public authProviderIcons = {
-		GOOGLE: 'google',
-		GITHUB: 'github',
-	};
-
-	public authCode: string;
-	public is2FAswitchingOffSettingsShown: boolean = false;
-	public is2FAEnabledToggle: boolean;
-
-	constructor(
-		private _userService: UserService,
-		private _authService: AuthService,
-		public dialog: MatDialog,
-		private title: Title,
-		private angulartics2: Angulartics2,
-	) {}
-
-	ngOnInit(): void {
-		this.title.setTitle(`Account settings | Rocketadmin`);
-		this.currentUser = null;
-		this._userService.cast.subscribe((user) => {
-			this.currentUser = user;
-			this.userName = user.name;
-			this.is2FAEnabledToggle = user.is_2fa_enabled;
-		});
-	}
-
-	requestEmailVerification() {
-		this._authService.requestEmailVerifications().subscribe();
-	}
-
-	changeEmail() {
-		this._userService.requestEmailChange().subscribe((res) => {
-			this.angulartics2.eventTrack.next({
-				action: 'User settings: email change request is sent successfully',
-			});
-			posthog.capture('User settings: email change request is sent successfully');
-			console.log(res);
-		});
-	}
-
-	confirmDeleteAccount() {
-		// event.preventDefault();
-		// event.stopImmediatePropagation();
-		this.dialog.open(AccountDeleteDialogComponent, {
-			width: '32em',
-			data: this.currentUser,
-		});
-	}
-
-	changeUserName() {
-		this.submittingChangedName = true;
-		this._userService.changeUserName(this.userName).subscribe(
-			(_res) => {
-				this.submittingChangedName = false;
-				this.angulartics2.eventTrack.next({
-					action: 'User settings: user name is updated successfully',
-				});
-				posthog.capture('User settings: user name is updated successfully');
-			},
-			() => {
-				this.submittingChangedName = false;
-			},
-			() => {
-				this.submittingChangedName = false;
-			},
-		);
-	}
-
-	switch2FA(event) {
-		if (event.checked && !this.currentUser.is_2fa_enabled) {
-			this._userService.switchOn2FA().subscribe((res) => {
-				const enableTwoFADialog = this.dialog.open(EnableTwoFADialogComponent, {
-					width: '32em',
-					data: res.qrCode,
-				});
-
-				enableTwoFADialog.afterClosed().subscribe((action) => {
-					if (action !== 'enable') {
-						this.is2FAEnabledToggle = false;
-					}
-				});
-
-				enableTwoFADialog.componentInstance.confirm2FAerror.subscribe((result: boolean) => {
-					if (result) {
-						this.is2FAEnabledToggle = false;
-					}
-				});
-			});
-		} else if (event.checked && this.currentUser.is_2fa_enabled) {
-			this.is2FAswitchingOffSettingsShown = false;
-		} else {
-			this.is2FAswitchingOffSettingsShown = true;
-		}
-	}
-
-	switchOff2FA() {
-		this._userService.switchOff2FA(this.authCode).subscribe((res) => {
-			if (res.disabled) {
-				this.is2FAswitchingOffSettingsShown = false;
-				this.authCode = '';
-				this.angulartics2.eventTrack.next({
-					action: 'User settings: 2fa disabled successfully',
-				});
-				posthog.capture('User settings: 2fa disabled successfully');
-			}
-		});
-	}
-}
diff --git a/frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.css b/frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.css
deleted file mode 100644
index 54d243efb..000000000
--- a/frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.css
+++ /dev/null
@@ -1,73 +0,0 @@
-.editor-mode-toggle {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	margin-bottom: 12px;
-}
-
-.cedar-hint {
-	margin: 0 0 8px;
-	font-size: 12px;
-	color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
-}
-
-.cedar-hint a {
-	color: inherit;
-	text-decoration: underline;
-}
-
-.form-parse-warning {
-	display: flex;
-	align-items: center;
-	gap: 16px;
-	padding: 12px 16px;
-	border: 1px solid var(--color-warningPalette-500);
-	margin-bottom: 12px;
-	border-radius: 4px;
-	background: var(--warning-background-color);
-	color: var(--color-warningPalette-500);
-	font-size: 13px;
-}
-
-.form-parse-warning mat-icon {
-	flex-shrink: 0;
-}
-
-.dialog-actions-spacer {
-	flex: 1;
-}
-
-.code-editor-box {
-	height: 300px;
-	border: 1px solid var(--mdc-outlined-text-field-outline-color, rgba(0, 0, 0, 0.38));
-	border-radius: 4px;
-	overflow: hidden;
-}
-
-.code-editor-box ngs-code-editor {
-	display: block;
-	height: 100%;
-}
-
-.cedar-validation-errors {
-	display: flex;
-	align-items: flex-start;
-	gap: 16px;
-	padding: 12px 16px;
-	border: 1px solid var(--mat-sys-error, #b00020);
-	margin-top: 8px;
-	border-radius: 4px;
-	background: color-mix(in srgb, var(--mat-sys-error, #b00020) 8%, transparent);
-	color: var(--mat-sys-error, #b00020);
-	font-size: 13px;
-}
-
-.cedar-validation-errors mat-icon {
-	flex-shrink: 0;
-}
-
-.cedar-validation-errors__messages {
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-}
diff --git a/frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.html b/frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.html
deleted file mode 100644
index 8c033dcb3..000000000
--- a/frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.html
+++ /dev/null
@@ -1,64 +0,0 @@
-<h1 mat-dialog-title>Policy — {{ data.groupTitle }}</h1>
-<form (ngSubmit)="savePolicy()">
-    <mat-dialog-content #dialogContent>
-        <div class="editor-mode-toggle">
-            <mat-button-toggle-group [value]="editorMode()" (change)="onEditorModeChange($event.value)">
-                <mat-button-toggle value="form">Form</mat-button-toggle>
-                <mat-button-toggle value="code">Code</mat-button-toggle>
-            </mat-button-toggle-group>
-        </div>
-
-        @if (formParseError()) {
-            <div class="form-parse-warning">
-                <mat-icon>warning</mat-icon>
-                <span>This policy uses advanced Cedar syntax that cannot be represented in form mode. Please use the code editor.</span>
-            </div>
-        }
-
-        @if (editorMode() === 'form' && !formParseError()) {
-            <app-cedar-policy-list
-                [policies]="policyItems()"
-                [availableTables]="availableTables()"
-                [availableDashboards]="availableDashboards()"
-                [loading]="loading()"
-                (policiesChange)="onPolicyItemsChange($event)">
-            </app-cedar-policy-list>
-        }
-
-        @if (editorMode() === 'code') {
-            <p class="cedar-hint">Edit policy in <a href="https://www.cedarpolicy.com/en" target="_blank" rel="noopener">Cedar</a> format</p>
-            <div class="code-editor-box">
-                <ngs-code-editor
-                    [theme]="codeEditorTheme"
-                    [codeModel]="cedarPolicyModel"
-                    [options]="codeEditorOptions"
-                    (valueChanged)="onCedarPolicyChange($event)">
-                </ngs-code-editor>
-            </div>
-            @if (validationErrors().length > 0) {
-                <div class="cedar-validation-errors">
-                    <mat-icon>error</mat-icon>
-                    <div class="cedar-validation-errors__messages">
-                        @for (error of validationErrors(); track error) {
-                            <span>{{ error }}</span>
-                        }
-                    </div>
-                </div>
-            }
-        }
-    </mat-dialog-content>
-    <mat-dialog-actions>
-        <button type="button" mat-flat-button (click)="confirmClose()">Cancel</button>
-        <span class="dialog-actions-spacer"></span>
-        @if (editorMode() === 'form' && !formParseError() && !loading() && !policyList?.showAddForm() && policyItems().length) {
-            <button type="button" mat-button color="primary"
-                (click)="onAddPolicyClick()">
-                <mat-icon>add</mat-icon> Add policy
-            </button>
-        }
-        <button type="submit" mat-flat-button color="primary"
-            [disabled]="submitting()">
-            Save
-        </button>
-    </mat-dialog-actions>
-</form>
diff --git a/frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.spec.ts b/frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.spec.ts
deleted file mode 100644
index 8a1dc80e9..000000000
--- a/frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.spec.ts
+++ /dev/null
@@ -1,206 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { NO_ERRORS_SCHEMA, signal } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { CodeEditorModule } from '@ngstack/code-editor';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { CedarValidatorService } from 'src/app/services/cedar-validator.service';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { UsersService } from 'src/app/services/users.service';
-import { MockCodeEditorComponent } from 'src/app/testing/code-editor.mock';
-import { CedarPolicyEditorDialogComponent } from './cedar-policy-editor-dialog.component';
-
-type CedarPolicyEditorTestable = CedarPolicyEditorDialogComponent & {
-	// biome-ignore lint/suspicious/noExplicitAny: test helper type for accessing protected signals
-	allTables: ReturnType<typeof signal<any[]>>;
-	// biome-ignore lint/suspicious/noExplicitAny: test helper type for accessing protected signals
-	availableTables: ReturnType<typeof signal<any[]>>;
-	loading: ReturnType<typeof signal<boolean>>;
-	// biome-ignore lint/suspicious/noExplicitAny: test helper type for accessing protected signals
-	policyItems: ReturnType<typeof signal<any[]>>;
-	editorMode: ReturnType<typeof signal<string>>;
-	cedarPolicy: ReturnType<typeof signal<string>>;
-	validationErrors: ReturnType<typeof signal<string[]>>;
-	submitting: ReturnType<typeof signal<boolean>>;
-};
-
-describe('CedarPolicyEditorDialogComponent', () => {
-	let component: CedarPolicyEditorDialogComponent;
-	let fixture: ComponentFixture<CedarPolicyEditorDialogComponent>;
-	let tablesService: TablesService;
-	let dashboardsService: Partial<DashboardsService>;
-
-	const mockDialogRef = {
-		close: () => {},
-		backdropClick: () => of(),
-		keydownEvents: () => of(),
-		disableClose: false,
-	};
-
-	const fakeTables = [
-		{
-			table: 'customers',
-			display_name: 'Customers',
-			permissions: { visibility: true, readonly: false, add: true, delete: true, edit: true },
-		},
-		{
-			table: 'orders',
-			display_name: 'Orders',
-			permissions: { visibility: true, readonly: false, add: true, delete: false, edit: true },
-		},
-	];
-
-	const cedarPolicyWithConnection = [
-		'permit(',
-		'  principal,',
-		'  action == RocketAdmin::Action::"connection:read",',
-		'  resource == RocketAdmin::Connection::"conn-123"',
-		');',
-	].join('\n');
-
-	const mockUsersService: Partial<UsersService> = {
-		saveCedarPolicy: vi.fn().mockResolvedValue(undefined),
-	};
-
-	let mockCedarValidator: Partial<CedarValidatorService>;
-
-	beforeEach(() => {
-		mockCedarValidator = {
-			validate: vi.fn().mockResolvedValue({ valid: true, errors: [] }),
-		};
-		dashboardsService = {
-			dashboards: signal([
-				{ id: 'dash-1', name: 'Sales', description: null, connection_id: 'conn-123', created_at: '', updated_at: '' },
-			]).asReadonly(),
-			setActiveConnection: vi.fn(),
-		};
-
-		TestBed.configureTestingModule({
-			imports: [
-				MatDialogModule,
-				MatSnackBarModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot({}),
-				CedarPolicyEditorDialogComponent,
-			],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: { groupId: 'group-123', groupTitle: 'Test Group', cedarPolicy: cedarPolicyWithConnection },
-				},
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-				{ provide: DashboardsService, useValue: dashboardsService },
-				{ provide: UsersService, useValue: mockUsersService },
-				{ provide: CedarValidatorService, useValue: mockCedarValidator },
-			],
-		})
-			.overrideComponent(CedarPolicyEditorDialogComponent, {
-				remove: { imports: [CodeEditorModule] },
-				add: { imports: [MockCodeEditorComponent], schemas: [NO_ERRORS_SCHEMA] },
-			})
-			.compileComponents();
-
-		tablesService = TestBed.inject(TablesService);
-		vi.spyOn(tablesService, 'fetchTables').mockReturnValue(of(fakeTables));
-
-		fixture = TestBed.createComponent(CedarPolicyEditorDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should load tables on init', () => {
-		const testable = component as unknown as CedarPolicyEditorTestable;
-		expect(tablesService.fetchTables).toHaveBeenCalled();
-		expect(testable.allTables().length).toBe(2);
-		expect(testable.availableTables().length).toBe(2);
-		expect(testable.loading()).toBe(false);
-	});
-
-	it('should pre-populate policy items from existing cedar policy', () => {
-		const testable = component as unknown as CedarPolicyEditorTestable;
-		expect(testable.policyItems().length).toBeGreaterThan(0);
-		expect(testable.policyItems().some((item) => item.action === 'connection:read')).toBe(true);
-	});
-
-	it('should start in form mode', () => {
-		const testable = component as unknown as CedarPolicyEditorTestable;
-		expect(testable.editorMode()).toBe('form');
-	});
-
-	it('should switch to code mode', async () => {
-		const testable = component as unknown as CedarPolicyEditorTestable;
-		await component.onEditorModeChange('code');
-		expect(testable.editorMode()).toBe('code');
-		expect(testable.cedarPolicy()).toBeTruthy();
-	});
-
-	it('should block save when cedar-wasm reports invalid policy', async () => {
-		const testable = component as unknown as CedarPolicyEditorTestable;
-		await component.onEditorModeChange('code');
-		testable.cedarPolicy.set('invalid policy text {{{');
-		(mockCedarValidator.validate as ReturnType<typeof vi.fn>).mockResolvedValueOnce({
-			valid: false,
-			errors: ['unexpected token'],
-		});
-
-		await component.savePolicy();
-
-		expect(testable.validationErrors()).toEqual(['unexpected token']);
-		expect(mockUsersService.saveCedarPolicy).not.toHaveBeenCalled();
-		expect(testable.submitting()).toBe(false);
-	});
-
-	it('should allow save when cedar-wasm reports valid policy', async () => {
-		const testable = component as unknown as CedarPolicyEditorTestable;
-		await component.onEditorModeChange('code');
-
-		await component.savePolicy();
-
-		expect(testable.validationErrors()).toEqual([]);
-		expect(mockUsersService.saveCedarPolicy).toHaveBeenCalled();
-	});
-
-	it('should block switching to form mode when policy is invalid', async () => {
-		const testable = component as unknown as CedarPolicyEditorTestable;
-		await component.onEditorModeChange('code');
-		testable.cedarPolicy.set('broken ;;;');
-		(mockCedarValidator.validate as ReturnType<typeof vi.fn>).mockResolvedValueOnce({
-			valid: false,
-			errors: ['parse error at line 1'],
-		});
-
-		await component.onEditorModeChange('form');
-
-		expect(testable.editorMode()).toBe('code');
-		expect(testable.validationErrors()).toEqual(['parse error at line 1']);
-	});
-
-	it('should clear validation errors when user edits policy text', async () => {
-		const testable = component as unknown as CedarPolicyEditorTestable;
-		testable.validationErrors.set(['some old error']);
-
-		component.onCedarPolicyChange('permit(principal, action, resource);');
-
-		expect(testable.validationErrors()).toEqual([]);
-	});
-
-	it('should clear validation errors when switching to code mode', async () => {
-		const testable = component as unknown as CedarPolicyEditorTestable;
-		testable.validationErrors.set(['stale error']);
-
-		await component.onEditorModeChange('code');
-
-		expect(testable.validationErrors()).toEqual([]);
-	});
-});
diff --git a/frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.ts b/frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.ts
deleted file mode 100644
index a750d2656..000000000
--- a/frontend/src/app/components/users/cedar-policy-editor-dialog/cedar-policy-editor-dialog.component.ts
+++ /dev/null
@@ -1,258 +0,0 @@
-import { Component, DestroyRef, ElementRef, Inject, inject, OnInit, signal, ViewChild } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatIconModule } from '@angular/material/icon';
-import { CodeEditorModule, CodeEditorService } from '@ngstack/code-editor';
-import { take } from 'rxjs';
-import { registerCedarLanguage } from 'src/app/lib/cedar-monaco-language';
-import { CedarPolicyItem, permissionsToPolicyItems, policyItemsToCedarPolicy } from 'src/app/lib/cedar-policy-items';
-import { canRepresentAsForm, parseCedarDashboardItems, parseCedarPolicy } from 'src/app/lib/cedar-policy-parser';
-import { normalizeTableName } from 'src/app/lib/normalize';
-import { TablePermission } from 'src/app/models/user';
-import { CedarValidatorService } from 'src/app/services/cedar-validator.service';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { DashboardsService } from 'src/app/services/dashboards.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { UiSettingsService } from 'src/app/services/ui-settings.service';
-import { UsersService } from 'src/app/services/users.service';
-import {
-	AvailableDashboard,
-	AvailableTable,
-	CedarPolicyListComponent,
-} from '../cedar-policy-list/cedar-policy-list.component';
-import { CedarPolicyEditorDialogComponent as Self } from './cedar-policy-editor-dialog.component';
-
-export interface CedarPolicyEditorDialogData {
-	groupId: string;
-	groupTitle: string;
-	cedarPolicy?: string | null;
-}
-
-@Component({
-	selector: 'app-cedar-policy-editor-dialog',
-	templateUrl: './cedar-policy-editor-dialog.component.html',
-	styleUrls: ['./cedar-policy-editor-dialog.component.css'],
-	imports: [
-		FormsModule,
-		MatDialogModule,
-		MatButtonModule,
-		MatButtonToggleModule,
-		MatIconModule,
-		CodeEditorModule,
-		CedarPolicyListComponent,
-	],
-})
-export class CedarPolicyEditorDialogComponent implements OnInit {
-	private _connections = inject(ConnectionsService);
-	private _usersService = inject(UsersService);
-	private _uiSettings = inject(UiSettingsService);
-	private _tablesService = inject(TablesService);
-	private _dashboardsService = inject(DashboardsService);
-	private _editorService = inject(CodeEditorService);
-	private _cedarValidator = inject(CedarValidatorService);
-	private _destroyRef = inject(DestroyRef);
-
-	protected connectionID: string;
-	protected cedarPolicy = signal('');
-	protected submitting = signal(false);
-
-	protected editorMode = signal<'form' | 'code'>('form');
-	protected policyItems = signal<CedarPolicyItem[]>([]);
-	protected availableTables = signal<AvailableTable[]>([]);
-	protected availableDashboards = signal<AvailableDashboard[]>([]);
-	protected allTables = signal<TablePermission[]>([]);
-	protected loading = signal(true);
-	protected formParseError = signal(false);
-	protected validationErrors = signal<string[]>([]);
-	protected validating = signal(false);
-
-	@ViewChild(CedarPolicyListComponent) policyList?: CedarPolicyListComponent;
-	@ViewChild('dialogContent', { read: ElementRef }) dialogContent?: ElementRef<HTMLElement>;
-
-	public cedarPolicyModel: object;
-	public codeEditorOptions = {
-		minimap: { enabled: false },
-		automaticLayout: true,
-		scrollBeyondLastLine: false,
-		wordWrap: 'on',
-	};
-	public codeEditorTheme: string;
-
-	constructor(
-		@Inject(MAT_DIALOG_DATA) public data: CedarPolicyEditorDialogData,
-		public dialogRef: MatDialogRef<Self>,
-	) {
-		this.codeEditorTheme = this._uiSettings.isDarkMode ? 'vs-dark' : 'vs';
-		this._editorService.loaded.pipe(take(1)).subscribe(({ monaco }) => registerCedarLanguage(monaco));
-
-		this.dialogRef.disableClose = true;
-		this.dialogRef
-			.backdropClick()
-			.pipe(takeUntilDestroyed(this._destroyRef))
-			.subscribe(() => {
-				this.confirmClose();
-			});
-		this.dialogRef
-			.keydownEvents()
-			.pipe(takeUntilDestroyed(this._destroyRef))
-			.subscribe((event) => {
-				if (event.key === 'Escape') {
-					this.confirmClose();
-				}
-			});
-	}
-
-	ngOnInit(): void {
-		this.connectionID = this._connections.currentConnectionID;
-		this.cedarPolicy.set(this.data.cedarPolicy || '');
-		this.cedarPolicyModel = {
-			language: 'cedar',
-			uri: `cedar-policy-${this.data.groupId}.cedar`,
-			value: this.cedarPolicy(),
-		};
-
-		this._dashboardsService.setActiveConnection(this.connectionID);
-
-		this._tablesService
-			.fetchTables(this.connectionID)
-			.pipe(takeUntilDestroyed(this._destroyRef))
-			.subscribe((tables) => {
-				const newAllTables: TablePermission[] = [];
-				const newAvailableTables: AvailableTable[] = [];
-				for (const t of tables) {
-					const displayName = t.display_name || normalizeTableName(t.table);
-					newAllTables.push({
-						tableName: t.table,
-						display_name: displayName,
-						accessLevel: { visibility: false, readonly: false, add: false, delete: false, edit: false },
-					});
-					newAvailableTables.push({ tableName: t.table, displayName });
-				}
-
-				this.allTables.set(newAllTables);
-				this.availableTables.set(newAvailableTables);
-
-				this.availableDashboards.set(
-					this._dashboardsService.dashboards().map((d) => ({
-						id: d.id,
-						name: d.name,
-					})),
-				);
-
-				this.loading.set(false);
-
-				const policy = this.cedarPolicy();
-				if (policy) {
-					this.formParseError.set(!canRepresentAsForm(policy));
-					if (this.formParseError()) {
-						this.editorMode.set('code');
-					} else {
-						this.policyItems.set(this._parseCedarToPolicyItems());
-					}
-				}
-			});
-	}
-
-	onCedarPolicyChange(value: string) {
-		this.cedarPolicy.set(value);
-		this.validationErrors.set([]);
-	}
-
-	onPolicyItemsChange(items: CedarPolicyItem[]) {
-		this.policyItems.set(items);
-	}
-
-	async onEditorModeChange(mode: 'form' | 'code') {
-		if (mode === this.editorMode()) return;
-
-		if (mode === 'code') {
-			this.cedarPolicy.set(policyItemsToCedarPolicy(this.policyItems(), this.connectionID, this.data.groupId));
-			this.cedarPolicyModel = {
-				language: 'cedar',
-				uri: `cedar-policy-${this.data.groupId}-${Date.now()}.cedar`,
-				value: this.cedarPolicy(),
-			};
-			this.formParseError.set(false);
-			this.validationErrors.set([]);
-		} else {
-			const policy = this.cedarPolicy();
-			const validation = await this._cedarValidator.validate(policy);
-			if (!validation.valid) {
-				this.validationErrors.set(validation.errors);
-				return;
-			}
-			this.validationErrors.set([]);
-			this.formParseError.set(!canRepresentAsForm(policy));
-			if (this.formParseError()) return;
-			this.policyItems.set(this._parseCedarToPolicyItems());
-		}
-
-		this.editorMode.set(mode);
-	}
-
-	confirmClose() {
-		if (this.editorMode() === 'form' && this.policyList?.hasPendingChanges()) {
-			const discard = confirm('You have an unsaved policy in the form. Discard it and close?');
-			if (!discard) return;
-			this.policyList.discardPending();
-		}
-		this.dialogRef.close();
-	}
-
-	async savePolicy() {
-		if (this.editorMode() === 'form' && this.policyList?.hasPendingChanges()) {
-			const discard = confirm('You have an unsaved policy in the form. Discard it and save?');
-			if (!discard) return;
-			this.policyList.discardPending();
-		}
-
-		this.submitting.set(true);
-
-		if (this.editorMode() === 'form') {
-			this.cedarPolicy.set(policyItemsToCedarPolicy(this.policyItems(), this.connectionID, this.data.groupId));
-		}
-
-		const policy = this.cedarPolicy();
-		if (!policy) {
-			this.submitting.set(false);
-			this.dialogRef.close();
-			return;
-		}
-
-		const validation = await this._cedarValidator.validate(policy);
-		if (!validation.valid) {
-			this.validationErrors.set(validation.errors);
-			this.submitting.set(false);
-			return;
-		}
-		this.validationErrors.set([]);
-
-		try {
-			await this._usersService.saveCedarPolicy(this.connectionID, this.data.groupId, policy);
-			this.dialogRef.close();
-		} finally {
-			this.submitting.set(false);
-		}
-	}
-
-	onAddPolicyClick() {
-		if (!this.policyList) return;
-		this.policyList.showAddForm.set(true);
-		setTimeout(() => {
-			const el = this.dialogContent?.nativeElement;
-			if (el) {
-				el.scrollTop = el.scrollHeight;
-			}
-		});
-	}
-
-	private _parseCedarToPolicyItems(): CedarPolicyItem[] {
-		const policy = this.cedarPolicy();
-		const parsed = parseCedarPolicy(policy, this.connectionID, this.data.groupId, this.allTables());
-		const dashboardItems = parseCedarDashboardItems(policy, this.connectionID);
-		return [...permissionsToPolicyItems(parsed), ...dashboardItems];
-	}
-}
diff --git a/frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.css b/frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.css
deleted file mode 100644
index 7f9500d4a..000000000
--- a/frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.css
+++ /dev/null
@@ -1,269 +0,0 @@
-.policy-list {
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-}
-
-.empty-state {
-	display: flex;
-	flex-direction: column;
-	align-items: flex-start;
-	gap: 12px;
-	font-size: 14px;
-	padding: 12px 0;
-}
-
-.empty-state p {
-	margin: 0;
-	opacity: 0.7;
-}
-
-/* ── Group ── */
-
-.policy-group {
-	border: 1px solid rgba(0, 0, 0, 0.12);
-	border-radius: 12px;
-	overflow: hidden;
-}
-
-@media (prefers-color-scheme: dark) {
-	.policy-group {
-		border-color: rgba(255, 255, 255, 0.12);
-	}
-}
-
-.policy-group__header {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	padding: 8px 14px;
-	background: rgba(0, 0, 0, 0.03);
-	cursor: pointer;
-	user-select: none;
-}
-
-.policy-group__header:hover {
-	background: rgba(0, 0, 0, 0.06);
-}
-
-@media (prefers-color-scheme: dark) {
-	.policy-group__header {
-		background: rgba(0, 0, 0, 0.2);
-	}
-	.policy-group__header:hover {
-		background: rgba(255, 255, 255, 0.07);
-	}
-}
-
-.policy-group__icon-box {
-	width: 28px;
-	height: 28px;
-	border-radius: 7px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	flex-shrink: 0;
-}
-
-.policy-group__icon-box mat-icon {
-	font-size: 18px;
-	width: 18px;
-	height: 18px;
-}
-
-.policy-group__icon-box--general {
-	background: var(--color-warningPalette-100);
-	color: var(--color-warningPalette-500);
-}
-
-.policy-group__icon-box--connection {
-	background: var(--color-alternativePalette-100);
-	color: var(--color-alternativePalette-500);
-}
-
-.policy-group__icon-box--group {
-	background: color-mix(in srgb, #06b6d4, transparent 85%);
-	color: #0891b2;
-}
-
-.policy-group__icon-box--table {
-	background: var(--color-successPalette-100);
-	color: var(--color-successPalette-500);
-}
-
-.policy-group__icon-box--dashboard {
-	background: var(--color-infoPalette-100);
-	color: var(--color-infoPalette-500);
-}
-
-@media (prefers-color-scheme: dark) {
-	.policy-group__icon-box--general {
-		background: var(--color-warningPalette-900);
-		color: var(--color-warningPalette-500);
-	}
-	.policy-group__icon-box--connection {
-		background: var(--color-alternativeDarkPalette-900);
-		color: var(--color-alternativeDarkPalette-500);
-	}
-	.policy-group__icon-box--group {
-		background: rgba(6, 182, 212, 0.15);
-		color: #22d3ee;
-	}
-	.policy-group__icon-box--table {
-		background: var(--color-successDarkPalette-900);
-		color: var(--color-successDarkPalette-500);
-	}
-	.policy-group__icon-box--dashboard {
-		background: var(--color-infoPalette-900);
-		color: var(--color-infoPalette-500);
-	}
-}
-
-.policy-group__label {
-	font-size: 13px;
-	font-weight: 600;
-}
-
-.policy-group__count {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	font-size: 11px;
-	font-weight: 600;
-	padding: 2px 7px;
-	border-radius: 10px;
-	background: rgba(0, 0, 0, 0.08);
-	color: rgba(0, 0, 0, 0.64);
-	margin-left: auto;
-	height: 20px;
-	width: 20px;
-}
-
-.policy-group__chevron {
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-	opacity: 0.4;
-	transform: rotate(-90deg);
-	transition: transform 0.2s ease;
-}
-
-.policy-group__chevron--collapsed {
-	transform: rotate(0deg);
-}
-
-@media (prefers-color-scheme: dark) {
-	.policy-group__count {
-		background: rgba(255, 255, 255, 0.08);
-		color: rgba(255, 255, 255, 0.64);
-	}
-}
-
-.policy-group__items {
-	display: flex;
-	flex-direction: column;
-}
-
-/* ── Policy item ── */
-
-.policy-item {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 8px 16px;
-	border-top: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-@media (prefers-color-scheme: dark) {
-	.policy-item {
-		border-top-color: rgba(255, 255, 255, 0.06);
-	}
-}
-
-.policy-item--add {
-	border: 1px dashed rgba(0, 0, 0, 0.15);
-	border-radius: 12px;
-	padding: 10px 16px;
-}
-
-@media (prefers-color-scheme: dark) {
-	.policy-item--add {
-		border-color: rgba(255, 255, 255, 0.15);
-	}
-}
-
-.policy-item__content {
-	display: flex;
-	align-items: center;
-	gap: 6px;
-	flex: 1;
-	min-width: 0;
-}
-
-.policy-item__action-icon {
-	font-size: 16px;
-	width: 16px;
-	height: 16px;
-	opacity: 0.5;
-}
-
-.policy-item__label {
-	font-size: 13px;
-	font-weight: 500;
-}
-
-.policy-item__table {
-	font-size: 13px;
-	opacity: 0.55;
-	font-style: italic;
-}
-
-.policy-item__actions {
-	display: flex;
-	align-items: center;
-	flex-shrink: 0;
-}
-
-.policy-item__edit-form {
-	display: flex;
-	align-items: flex-start;
-	gap: 8px;
-	flex: 1;
-	flex-wrap: wrap;
-}
-
-.policy-field {
-	flex: 1;
-	min-width: 180px;
-}
-
-.policy-item__edit-actions {
-	display: flex;
-	align-items: center;
-	gap: 4px;
-	padding-top: 8px;
-}
-
-/* ── Option hints ── */
-
-/* .policy-option--used {
-	background: color-mix(in srgb, #3b82f6, transparent 92%);
-} */
-
-.policy-option--used[data-hint]::after {
-	content: attr(data-hint);
-	font-size: 11px;
-	opacity: 0.5;
-	margin-left: 8px;
-	font-style: italic;
-}
-
-/* @media (prefers-color-scheme: dark) {
-	.policy-option--used {
-		background: rgba(59, 130, 246, 0.1);
-	}
-} */
-
-.add-policy-button {
-	align-self: flex-start;
-}
diff --git a/frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.html b/frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.html
deleted file mode 100644
index b2e91b37d..000000000
--- a/frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.html
+++ /dev/null
@@ -1,184 +0,0 @@
-<div class="policy-list">
-    @if (loading()) {
-        <app-content-loader></app-content-loader>
-    }
-
-    @if (!loading() && policies().length === 0 && !showAddForm()) {
-        <div class="empty-state">
-            <p>No policies defined. Add a policy to grant permissions.</p>
-            <button type="button" mat-flat-button color="accent"
-                (click)="showAddForm.set(true)">
-                <mat-icon>add</mat-icon>
-                Add policy
-            </button>
-        </div>
-    }
-
-    @for (group of groupedPolicies(); track group.label) {
-        <div class="policy-group">
-            <div class="policy-group__header" (click)="toggleGroup(group.label)">
-                <div class="policy-group__icon-box policy-group__icon-box--{{ group.colorClass }}">
-                    <mat-icon>{{ group.icon }}</mat-icon>
-                </div>
-                <span class="policy-group__label">{{ group.label }}</span>
-                <span class="policy-group__count">{{ group.policies.length }}</span>
-                <mat-icon class="policy-group__chevron" [class.policy-group__chevron--collapsed]="isCollapsed(group.label)">expand_more</mat-icon>
-            </div>
-
-            @if (!isCollapsed(group.label)) {
-                <div class="policy-group__items">
-                    @for (entry of group.policies; track entry.originalIndex) {
-                        <div class="policy-item">
-                            @if (editingIndex !== entry.originalIndex) {
-                                <!-- Display mode -->
-                                <div class="policy-item__content">
-                                    <mat-icon class="policy-item__action-icon" [matTooltip]="getActionLabel(entry.item.action)">{{ getActionIcon(entry.item.action) }}</mat-icon>
-                                    <span class="policy-item__label">{{ getShortActionLabel(entry.item.action) }}</span>
-                                    @if (entry.item.tableName) {
-                                        <span class="policy-item__table">
-                                            {{ getTableDisplayName(entry.item.tableName) }}
-                                        </span>
-                                    }
-                                    @if (entry.item.dashboardId) {
-                                        <span class="policy-item__table">
-                                            {{ getDashboardDisplayName(entry.item.dashboardId) }}
-                                        </span>
-                                    }
-                                </div>
-                                <div class="policy-item__actions">
-                                    <button mat-icon-button type="button" (click)="startEdit(entry.originalIndex)" matTooltip="Edit">
-                                        <mat-icon>edit</mat-icon>
-                                    </button>
-                                    <button mat-icon-button type="button" (click)="removePolicy(entry.originalIndex)" matTooltip="Delete">
-                                        <mat-icon>delete</mat-icon>
-                                    </button>
-                                </div>
-                            } @else {
-                                <!-- Edit mode -->
-                                <div class="policy-item__edit-form">
-                                    <mat-form-field appearance="outline" class="policy-field">
-                                        <mat-label>Action</mat-label>
-                                        <mat-select [(ngModel)]="editAction" [ngModelOptions]="{standalone: true}">
-                                            @for (actionGroup of editActionGroups; track actionGroup.group) {
-                                                <mat-optgroup [label]="actionGroup.group">
-                                                    @for (action of actionGroup.actions; track action.value) {
-                                                        <mat-option [value]="action.value">
-                                                            {{ getActionLabel(action.value) }}
-                                                        </mat-option>
-                                                    }
-                                                </mat-optgroup>
-                                            }
-                                        </mat-select>
-                                    </mat-form-field>
-
-                                    @if (editNeedsTable) {
-                                        <mat-form-field appearance="outline" class="policy-field">
-                                            <mat-label>Table</mat-label>
-                                            <mat-select [(ngModel)]="editTableName" [ngModelOptions]="{standalone: true}">
-                                                <mat-option value="*">All tables</mat-option>
-                                                @for (table of availableTables(); track table.tableName) {
-                                                    <mat-option [value]="table.tableName"
-                                                        [class.policy-option--used]="usedTables().has(table.tableName)"
-                                                        [attr.data-hint]="getTableUsedHint(table.tableName) || null">
-                                                        {{ table.displayName }}
-                                                    </mat-option>
-                                                }
-                                            </mat-select>
-                                        </mat-form-field>
-                                    }
-
-                                    @if (editNeedsDashboard) {
-                                        <mat-form-field appearance="outline" class="policy-field">
-                                            <mat-label>Dashboard</mat-label>
-                                            <mat-select [(ngModel)]="editDashboardId" [ngModelOptions]="{standalone: true}">
-                                                <mat-option value="*">All dashboards</mat-option>
-                                                @for (dashboard of availableDashboards(); track dashboard.id) {
-                                                    <mat-option [value]="dashboard.id"
-                                                        [class.policy-option--used]="usedDashboards().has(dashboard.id)"
-                                                        [attr.data-hint]="getDashboardUsedHint(dashboard.id) || null">
-                                                        {{ dashboard.name }}
-                                                    </mat-option>
-                                                }
-                                            </mat-select>
-                                        </mat-form-field>
-                                    }
-
-                                    <div class="policy-item__edit-actions">
-                                        <button mat-button color="primary" type="button" (click)="saveEdit(entry.originalIndex)"
-                                            [disabled]="!editAction || (editNeedsTable && !editTableName) || (editNeedsDashboard && !editDashboardId)">
-                                            Save
-                                        </button>
-                                        <button mat-button type="button" (click)="cancelEdit()">Cancel</button>
-                                    </div>
-                                </div>
-                            }
-                        </div>
-                    }
-                </div>
-            }
-        </div>
-    }
-
-    <!-- Add form -->
-    @if (showAddForm()) {
-        <div class="policy-item policy-item--add">
-            <div class="policy-item__edit-form">
-                <mat-form-field appearance="outline" class="policy-field">
-                    <mat-label>Action</mat-label>
-                    <mat-select [(ngModel)]="newAction" [ngModelOptions]="{standalone: true}">
-                        @for (group of addActionGroups(); track group.group) {
-                            <mat-optgroup [label]="group.group">
-                                @for (action of group.actions; track action.value) {
-                                    <mat-option [value]="action.value">
-                                        {{ getActionLabel(action.value) }}
-                                    </mat-option>
-                                }
-                            </mat-optgroup>
-                        }
-                    </mat-select>
-                </mat-form-field>
-
-                @if (needsTable) {
-                    <mat-form-field appearance="outline" class="policy-field">
-                        <mat-label>Table</mat-label>
-                        <mat-select [(ngModel)]="newTableName" [ngModelOptions]="{standalone: true}">
-                            <mat-option value="*">All tables</mat-option>
-                            @for (table of availableTables(); track table.tableName) {
-                                <mat-option [value]="table.tableName"
-                                    [class.policy-option--used]="usedTables().has(table.tableName)"
-                                    [attr.data-hint]="getTableUsedHint(table.tableName) || null">
-                                    {{ table.displayName }}
-                                </mat-option>
-                            }
-                        </mat-select>
-                    </mat-form-field>
-                }
-
-                @if (needsDashboard) {
-                    <mat-form-field appearance="outline" class="policy-field">
-                        <mat-label>Dashboard</mat-label>
-                        <mat-select [(ngModel)]="newDashboardId" [ngModelOptions]="{standalone: true}">
-                            <mat-option value="*">All dashboards</mat-option>
-                            @for (dashboard of availableDashboards(); track dashboard.id) {
-                                <mat-option [value]="dashboard.id"
-                                    [class.policy-option--used]="usedDashboards().has(dashboard.id)"
-                                    [attr.data-hint]="getDashboardUsedHint(dashboard.id) || null">
-                                    {{ dashboard.name }}
-                                </mat-option>
-                            }
-                        </mat-select>
-                    </mat-form-field>
-                }
-
-                <div class="policy-item__edit-actions">
-                    <button mat-button color="primary" type="button" (click)="addPolicy()"
-                        [disabled]="!newAction || (needsTable && !newTableName) || (needsDashboard && !newDashboardId)">
-                        Add
-                    </button>
-                    <button mat-button type="button" (click)="resetAddForm()">Cancel</button>
-                </div>
-            </div>
-        </div>
-    }
-
-</div>
diff --git a/frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.spec.ts b/frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.spec.ts
deleted file mode 100644
index 9e04bdf87..000000000
--- a/frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.spec.ts
+++ /dev/null
@@ -1,290 +0,0 @@
-import { signal } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { PolicyAction, PolicyActionGroup } from 'src/app/lib/cedar-policy-items';
-import { UsersService } from 'src/app/services/users.service';
-import { CedarPolicyListComponent } from './cedar-policy-list.component';
-
-const fixtureGroups: PolicyActionGroup[] = [
-	{
-		group: 'Connection',
-		actions: [
-			{ value: 'connection:read', resource: 'connection' },
-			{ value: 'connection:edit', resource: 'connection' },
-		],
-	},
-	{
-		group: 'Group',
-		actions: [
-			{ value: 'group:read', resource: 'group' },
-			{ value: 'group:edit', resource: 'group' },
-		],
-	},
-	{
-		group: 'Table',
-		actions: [
-			{ value: 'table:read', resource: 'table' },
-			{ value: 'table:edit', resource: 'table' },
-		],
-	},
-	{
-		group: 'Dashboard',
-		actions: [
-			{ value: 'dashboard:read', resource: 'dashboard' },
-			{ value: 'dashboard:create', resource: 'dashboard' },
-			{ value: 'dashboard:edit', resource: 'dashboard' },
-		],
-	},
-];
-
-const flatActions: PolicyAction[] = fixtureGroups.flatMap((g) => g.actions);
-
-describe('CedarPolicyListComponent', () => {
-	let component: CedarPolicyListComponent;
-	let fixture: ComponentFixture<CedarPolicyListComponent>;
-
-	const fakeTables = [
-		{ tableName: 'customers', displayName: 'Customers' },
-		{ tableName: 'orders', displayName: 'Orders' },
-	];
-
-	const fakeDashboards = [
-		{ id: 'dash-1', name: 'Sales Dashboard' },
-		{ id: 'dash-2', name: 'Analytics' },
-	];
-
-	beforeEach(async () => {
-		const groupsSignal = signal(fixtureGroups);
-		const actionsSignal = signal(flatActions);
-		const mockUsersService: Partial<UsersService> = {
-			availablePermissionGroups: groupsSignal.asReadonly() as UsersService['availablePermissionGroups'],
-			availablePermissions: actionsSignal.asReadonly() as UsersService['availablePermissions'],
-		};
-
-		await TestBed.configureTestingModule({
-			imports: [CedarPolicyListComponent, FormsModule, BrowserAnimationsModule],
-			providers: [{ provide: UsersService, useValue: mockUsersService }],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(CedarPolicyListComponent);
-		component = fixture.componentInstance;
-		fixture.componentRef.setInput('availableTables', fakeTables);
-		fixture.componentRef.setInput('availableDashboards', fakeDashboards);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should add a policy', () => {
-		let emitted: { action: string; tableName?: string; dashboardId?: string }[] | null = null;
-		component.policiesChange.subscribe((v) => (emitted = v));
-
-		component.showAddForm.set(true);
-		component.newAction = 'connection:read';
-		component.addPolicy();
-
-		expect(emitted).not.toBeNull();
-		expect(emitted!.length).toBe(1);
-		expect(emitted![0].action).toBe('connection:read');
-		expect(component.showAddForm()).toBe(false);
-	});
-
-	it('should add a table policy with tableName', () => {
-		let emitted: { action: string; tableName?: string; dashboardId?: string }[] | null = null;
-		component.policiesChange.subscribe((v) => (emitted = v));
-
-		component.showAddForm.set(true);
-		component.newAction = 'table:read';
-		component.newTableName = 'customers';
-		component.addPolicy();
-
-		expect(emitted!.length).toBe(1);
-		expect(emitted![0].action).toBe('table:read');
-		expect(emitted![0].tableName).toBe('customers');
-	});
-
-	it('should add a table policy with wildcard tableName', () => {
-		let emitted: { action: string; tableName?: string; dashboardId?: string }[] | null = null;
-		component.policiesChange.subscribe((v) => (emitted = v));
-
-		component.showAddForm.set(true);
-		component.newAction = 'table:edit';
-		component.newTableName = '*';
-		component.addPolicy();
-
-		expect(emitted!.length).toBe(1);
-		expect(emitted![0].action).toBe('table:edit');
-		expect(emitted![0].tableName).toBe('*');
-	});
-
-	it('should not add policy without action', () => {
-		let emitted = false;
-		component.policiesChange.subscribe(() => (emitted = true));
-
-		component.showAddForm.set(true);
-		component.newAction = '';
-		component.addPolicy();
-
-		expect(emitted).toBe(false);
-	});
-
-	it('should not add table policy without table name', () => {
-		let emitted = false;
-		component.policiesChange.subscribe(() => (emitted = true));
-
-		component.showAddForm.set(true);
-		component.newAction = 'table:read';
-		component.newTableName = '';
-		component.addPolicy();
-
-		expect(emitted).toBe(false);
-	});
-
-	it('should remove a policy', () => {
-		fixture.componentRef.setInput('policies', [{ action: 'connection:read' }, { action: 'group:read' }]);
-		fixture.detectChanges();
-
-		let emitted: { action: string; tableName?: string; dashboardId?: string }[] | null = null;
-		component.policiesChange.subscribe((v) => (emitted = v));
-
-		component.removePolicy(0);
-
-		expect(emitted!.length).toBe(1);
-		expect(emitted![0].action).toBe('group:read');
-	});
-
-	it('should start and save edit', () => {
-		fixture.componentRef.setInput('policies', [{ action: 'connection:read' }]);
-		fixture.detectChanges();
-
-		let emitted: { action: string; tableName?: string; dashboardId?: string }[] | null = null;
-		component.policiesChange.subscribe((v) => (emitted = v));
-
-		component.startEdit(0);
-		expect(component.editingIndex).toBe(0);
-		expect(component.editAction).toBe('connection:read');
-
-		component.editAction = 'connection:edit';
-		component.saveEdit(0);
-
-		expect(emitted![0].action).toBe('connection:edit');
-		expect(component.editingIndex).toBeNull();
-	});
-
-	it('should cancel edit', () => {
-		fixture.componentRef.setInput('policies', [{ action: 'connection:read' }]);
-		fixture.detectChanges();
-
-		component.startEdit(0);
-		component.editAction = 'connection:edit';
-		component.cancelEdit();
-
-		expect(component.editingIndex).toBeNull();
-		expect(component.policies()[0].action).toBe('connection:read');
-	});
-
-	it('should return correct action labels', () => {
-		expect(component.getActionLabel('*')).toBe('Full access (all permissions)');
-		expect(component.getActionLabel('connection:read')).toBe('Connection read');
-		expect(component.getActionLabel('table:edit')).toBe('Table edit');
-		expect(component.getActionLabel('table:*')).toBe('Full table access');
-	});
-
-	it('should return correct table display names', () => {
-		expect(component.getTableDisplayName('customers')).toBe('Customers');
-		expect(component.getTableDisplayName('unknown')).toBe('unknown');
-		expect(component.getTableDisplayName('*')).toBe('All tables');
-	});
-
-	it('should detect needsTable correctly', () => {
-		component.newAction = 'connection:read';
-		expect(component.needsTable).toBe(false);
-
-		component.newAction = 'table:read';
-		expect(component.needsTable).toBe(true);
-
-		component.newAction = 'table:*';
-		expect(component.needsTable).toBe(true);
-	});
-
-	it('should reset add form', () => {
-		component.showAddForm.set(true);
-		component.newAction = 'connection:read';
-		component.newTableName = 'test';
-		component.resetAddForm();
-
-		expect(component.showAddForm()).toBe(false);
-		expect(component.newAction).toBe('');
-		expect(component.newTableName).toBe('');
-	});
-
-	it('should add a dashboard policy with dashboardId', () => {
-		let emitted: { action: string; tableName?: string; dashboardId?: string }[] | null = null;
-		component.policiesChange.subscribe((v) => (emitted = v));
-
-		component.showAddForm.set(true);
-		component.newAction = 'dashboard:read';
-		component.newDashboardId = 'dash-1';
-		component.addPolicy();
-
-		expect(emitted!.length).toBe(1);
-		expect(emitted![0].action).toBe('dashboard:read');
-		expect(emitted![0].dashboardId).toBe('dash-1');
-	});
-
-	it('should not add dashboard policy without dashboard id', () => {
-		let emitted = false;
-		component.policiesChange.subscribe(() => (emitted = true));
-
-		component.showAddForm.set(true);
-		component.newAction = 'dashboard:edit';
-		component.newDashboardId = '';
-		component.addPolicy();
-
-		expect(emitted).toBe(false);
-	});
-
-	it('should detect needsDashboard correctly', () => {
-		component.newAction = 'connection:read';
-		expect(component.needsDashboard).toBe(false);
-
-		component.newAction = 'dashboard:read';
-		expect(component.needsDashboard).toBe(true);
-	});
-
-	it('should treat dashboard:create as scopeless', () => {
-		component.newAction = 'dashboard:create';
-		expect(component.needsDashboard).toBe(false);
-	});
-
-	it('should return correct dashboard display names', () => {
-		expect(component.getDashboardDisplayName('dash-1')).toBe('Sales Dashboard');
-		expect(component.getDashboardDisplayName('unknown')).toBe('unknown');
-		expect(component.getDashboardDisplayName('*')).toBe('All dashboards');
-	});
-
-	it('should synthesize General and prefix wildcards in addActionGroups', () => {
-		const testable = component as CedarPolicyListComponent & {
-			addActionGroups: () => PolicyActionGroup[];
-		};
-		const groups = testable.addActionGroups();
-		const general = groups.find((g) => g.group === 'General');
-		expect(general).toBeTruthy();
-		expect(general!.actions[0].value).toBe('*');
-
-		const table = groups.find((g) => g.group === 'Table');
-		expect(table).toBeTruthy();
-		expect(table!.actions[0].value).toBe('table:*');
-		expect(table!.actions[0].resource).toBe('table');
-
-		const dashboard = groups.find((g) => g.group === 'Dashboard');
-		expect(dashboard).toBeTruthy();
-		expect(dashboard!.actions[0].value).toBe('dashboard:*');
-
-		const connection = groups.find((g) => g.group === 'Connection');
-		expect(connection!.actions[0].value).toBe('connection:read');
-	});
-});
diff --git a/frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.ts b/frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.ts
deleted file mode 100644
index 5d416cd5d..000000000
--- a/frontend/src/app/components/users/cedar-policy-list/cedar-policy-list.component.ts
+++ /dev/null
@@ -1,356 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, computed, inject, input, output, signal } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatSelectModule } from '@angular/material/select';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { CedarPolicyItem, PolicyAction, PolicyActionGroup, PolicyActionResource } from 'src/app/lib/cedar-policy-items';
-import { actionIcon, actionLabel, actionShortLabel } from 'src/app/lib/permission-display';
-import { UsersService } from 'src/app/services/users.service';
-import { ContentLoaderComponent } from '../../ui-components/content-loader/content-loader.component';
-
-export interface AvailableTable {
-	tableName: string;
-	displayName: string;
-}
-
-export interface AvailableDashboard {
-	id: string;
-	name: string;
-}
-
-export interface PolicyGroup {
-	label: string;
-	description: string;
-	icon: string;
-	colorClass: string;
-	policies: { item: CedarPolicyItem; originalIndex: number }[];
-}
-
-const WILDCARD_PREFIXES: PolicyActionResource[] = ['table', 'dashboard', 'panel'];
-
-@Component({
-	selector: 'app-cedar-policy-list',
-	imports: [
-		CommonModule,
-		FormsModule,
-		MatButtonModule,
-		MatFormFieldModule,
-		MatIconModule,
-		MatSelectModule,
-		MatTooltipModule,
-		ContentLoaderComponent,
-	],
-	templateUrl: './cedar-policy-list.component.html',
-	styleUrls: ['./cedar-policy-list.component.css'],
-})
-export class CedarPolicyListComponent {
-	readonly policies = input<CedarPolicyItem[]>([]);
-	readonly availableTables = input<AvailableTable[]>([]);
-	readonly availableDashboards = input<AvailableDashboard[]>([]);
-	readonly loading = input(false);
-	readonly policiesChange = output<CedarPolicyItem[]>();
-
-	readonly showAddForm = signal(false);
-	newAction = '';
-	newTableName = '';
-	newDashboardId = '';
-
-	editingIndex: number | null = null;
-	editAction = '';
-	editTableName = '';
-	editDashboardId = '';
-
-	collapsedGroups = new Set<string>();
-
-	private _users = inject(UsersService);
-
-	private displayGroups = computed<PolicyActionGroup[]>(() => this._buildDisplayGroups());
-	private displayActions = computed<PolicyAction[]>(() => this.displayGroups().flatMap((g) => g.actions));
-
-	protected groupedPolicies = computed(() => this._computeGroupedPolicies());
-	protected addActionGroups = computed(() => this._buildFilteredGroups(-1));
-
-	get needsTable(): boolean {
-		return this._needsTable(this.newAction);
-	}
-
-	get needsDashboard(): boolean {
-		return this._needsDashboard(this.newAction);
-	}
-
-	get editNeedsTable(): boolean {
-		return this._needsTable(this.editAction);
-	}
-
-	get editNeedsDashboard(): boolean {
-		return this._needsDashboard(this.editAction);
-	}
-
-	protected usedTables = computed(() => {
-		const map = new Map<string, string[]>();
-		for (const p of this.policies()) {
-			if (p.tableName) {
-				const labels = map.get(p.tableName) || [];
-				labels.push(this.getShortActionLabel(p.action));
-				map.set(p.tableName, labels);
-			}
-		}
-		return map;
-	});
-
-	protected usedDashboards = computed(() => {
-		const map = new Map<string, string[]>();
-		for (const p of this.policies()) {
-			if (p.dashboardId) {
-				const labels = map.get(p.dashboardId) || [];
-				labels.push(this.getShortActionLabel(p.action));
-				map.set(p.dashboardId, labels);
-			}
-		}
-		return map;
-	});
-
-	toggleGroup(label: string) {
-		if (this.collapsedGroups.has(label)) {
-			this.collapsedGroups.delete(label);
-		} else {
-			this.collapsedGroups.add(label);
-		}
-	}
-
-	isCollapsed(label: string): boolean {
-		return this.collapsedGroups.has(label);
-	}
-
-	getTableUsedHint(tableName: string): string {
-		return this.usedTables().get(tableName)?.join(', ') || '';
-	}
-
-	getDashboardUsedHint(dashboardId: string): string {
-		return this.usedDashboards().get(dashboardId)?.join(', ') || '';
-	}
-
-	getActionIcon(action: string): string {
-		return actionIcon(action);
-	}
-
-	getShortActionLabel(action: string): string {
-		return actionShortLabel(action);
-	}
-
-	getActionLabel(action: string): string {
-		return actionLabel(action);
-	}
-
-	getTableDisplayName(tableName: string): string {
-		if (tableName === '*') return 'All tables';
-		return this.availableTables().find((t) => t.tableName === tableName)?.displayName || tableName;
-	}
-
-	getDashboardDisplayName(dashboardId: string): string {
-		if (dashboardId === '*') return 'All dashboards';
-		return this.availableDashboards().find((d) => d.id === dashboardId)?.name || dashboardId;
-	}
-
-	hasPendingChanges(): boolean {
-		return (this.showAddForm() && !!this.newAction) || this.editingIndex !== null;
-	}
-
-	discardPending() {
-		if (this.showAddForm()) this.resetAddForm();
-		if (this.editingIndex !== null) this.cancelEdit();
-	}
-
-	addPolicy() {
-		if (!this.newAction) return;
-		if (this.needsTable && !this.newTableName) return;
-		if (this.needsDashboard && !this.newDashboardId) return;
-
-		const currentPolicies = this.policies();
-		const duplicate = currentPolicies.some((p) => {
-			if (p.action !== this.newAction) return false;
-			if (this.needsTable) return p.tableName === this.newTableName;
-			if (this.needsDashboard) return p.dashboardId === this.newDashboardId;
-			return true;
-		});
-		if (duplicate) return;
-
-		const item: CedarPolicyItem = { action: this.newAction };
-		if (this.needsTable) {
-			item.tableName = this.newTableName;
-		}
-		if (this.needsDashboard) {
-			item.dashboardId = this.newDashboardId;
-		}
-		this.policiesChange.emit([...currentPolicies, item]);
-		this.resetAddForm();
-	}
-
-	removePolicy(index: number) {
-		this.policiesChange.emit(this.policies().filter((_, i) => i !== index));
-	}
-
-	startEdit(index: number) {
-		const p = this.policies()[index];
-		this.editingIndex = index;
-		this.editAction = p.action;
-		this.editTableName = p.tableName || '';
-		this.editDashboardId = p.dashboardId || '';
-	}
-
-	get editActionGroups(): PolicyActionGroup[] {
-		return this._buildFilteredGroups(this.editingIndex ?? -1);
-	}
-
-	saveEdit(index: number) {
-		if (!this.editAction) return;
-		if (this.editNeedsTable && !this.editTableName) return;
-		if (this.editNeedsDashboard && !this.editDashboardId) return;
-
-		const updated = [...this.policies()];
-		updated[index] = {
-			action: this.editAction,
-			tableName: this.editNeedsTable ? this.editTableName : undefined,
-			dashboardId: this.editNeedsDashboard ? this.editDashboardId : undefined,
-		};
-		this.policiesChange.emit(updated);
-		this.editingIndex = null;
-	}
-
-	cancelEdit() {
-		this.editingIndex = null;
-	}
-
-	resetAddForm() {
-		this.showAddForm.set(false);
-		this.newAction = '';
-		this.newTableName = '';
-		this.newDashboardId = '';
-	}
-
-	private _groupConfig = [
-		{
-			prefix: '*',
-			label: 'General',
-			description: 'Full access to everything',
-			icon: 'admin_panel_settings',
-			colorClass: 'general',
-		},
-		{
-			prefix: 'connection:',
-			label: 'Connection',
-			description: 'Connection settings access',
-			icon: 'cable',
-			colorClass: 'connection',
-		},
-		{ prefix: 'group:', label: 'Group', description: 'User group management', icon: 'group', colorClass: 'group' },
-		{
-			prefix: 'table:',
-			label: 'Table',
-			description: 'Table data operations',
-			icon: 'table_chart',
-			colorClass: 'table',
-		},
-		{
-			prefix: 'actionEvent:',
-			label: 'ActionEvent',
-			description: 'Custom action event triggers',
-			icon: 'play_arrow',
-			colorClass: 'action-event',
-		},
-		{
-			prefix: 'dashboard:',
-			label: 'Dashboard',
-			description: 'Dashboard access',
-			icon: 'dashboard',
-			colorClass: 'dashboard',
-		},
-		{
-			prefix: 'panel:',
-			label: 'Panel',
-			description: 'Panel access',
-			icon: 'view_quilt',
-			colorClass: 'panel',
-		},
-	];
-
-	private _needsTable(value: string): boolean {
-		return this._scopeResource(value) === 'table';
-	}
-
-	private _needsDashboard(value: string): boolean {
-		return this._scopeResource(value) === 'dashboard';
-	}
-
-	private _scopeResource(value: string): PolicyActionResource | undefined {
-		if (value === 'dashboard:create') return undefined;
-		return this._findAction(value)?.resource;
-	}
-
-	private _findAction(value: string): PolicyAction | undefined {
-		return this.displayActions().find((a) => a.value === value);
-	}
-
-	private _isSimpleAction(action: PolicyAction): boolean {
-		if (action.value === 'dashboard:create') return true;
-		return action.resource !== 'table' && action.resource !== 'dashboard';
-	}
-
-	private _buildDisplayGroups(): PolicyActionGroup[] {
-		const general: PolicyActionGroup = { group: 'General', actions: [{ value: '*' }] };
-		const groups = this._users.availablePermissionGroups().map((g) => this._withWildcardEntry(g));
-		return [general, ...groups];
-	}
-
-	private _withWildcardEntry(group: PolicyActionGroup): PolicyActionGroup {
-		if (group.actions.length === 0) return group;
-		const prefix = group.actions[0].value.split(':')[0] as PolicyActionResource;
-		if (!WILDCARD_PREFIXES.includes(prefix)) return group;
-		const wildcard: PolicyAction = { value: `${prefix}:*`, resource: prefix };
-		return { ...group, actions: [wildcard, ...group.actions] };
-	}
-
-	private _computeGroupedPolicies(): PolicyGroup[] {
-		const policies = this.policies();
-		return this._groupConfig
-			.map((cfg) => ({
-				label: cfg.label,
-				description: cfg.description,
-				icon: cfg.icon,
-				colorClass: cfg.colorClass,
-				policies: policies
-					.map((item, i) => ({ item, originalIndex: i }))
-					.filter(({ item }) => (cfg.prefix === '*' ? item.action === '*' : item.action.startsWith(cfg.prefix))),
-			}))
-			.filter((g) => g.policies.length > 0);
-	}
-
-	private _buildFilteredGroups(excludeIndex: number): PolicyActionGroup[] {
-		const policies = this.policies();
-		const actions = this.displayActions();
-		const existingSimple = new Set(
-			policies
-				.filter((p, i) => {
-					if (i === excludeIndex) return false;
-					const def = actions.find((a) => a.value === p.action);
-					return def != null && this._isSimpleAction(def);
-				})
-				.map((p) => p.action),
-		);
-
-		return this.displayGroups()
-			.map((group) => ({
-				...group,
-				actions: group.actions.filter((action) => {
-					if (this._isSimpleAction(action)) {
-						return !existingSimple.has(action.value);
-					}
-					return true;
-				}),
-			}))
-			.filter((group) => group.actions.length > 0);
-	}
-}
diff --git a/frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.css b/frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.css
deleted file mode 100644
index fcaa8cf92..000000000
--- a/frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.mat-mdc-form-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.html b/frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.html
deleted file mode 100644
index 3cb5c4d36..000000000
--- a/frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<h1 mat-dialog-title>Create group of users</h1>
-<form #addGroupForm="ngForm" (ngSubmit)="addGroup()">
-    <mat-dialog-content>
-        <mat-form-field appearance="outline">
-            <mat-label>Enter group title</mat-label>
-            <input matInput [(ngModel)]="groupTitle" name="title" #title="ngModel" required data-testid="group-title-input">
-            @if (title.errors?.required && (title.invalid && title.touched)) {
-                <mat-error>Title should not be empty.</mat-error>
-            }
-        </mat-form-field>
-    </mat-dialog-content>
-    <mat-dialog-actions align="end">
-        <button type="button" mat-flat-button mat-dialog-close>Cancel</button>
-        <button type="submit" mat-flat-button color="primary"
-            [disabled]="submitting() || addGroupForm.form.invalid">
-                Create
-        </button>
-    </mat-dialog-actions>
-</form>
diff --git a/frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.spec.ts b/frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.spec.ts
deleted file mode 100644
index dc315ec80..000000000
--- a/frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.spec.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { signal } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { UsersService } from 'src/app/services/users.service';
-import { GroupAddDialogComponent } from './group-add-dialog.component';
-
-type GroupAddTestable = GroupAddDialogComponent & {
-	submitting: ReturnType<typeof signal<boolean>>;
-	connectionID: string;
-	groupTitle: string;
-	addGroup: () => Promise<void>;
-};
-
-describe('GroupAddDialogComponent', () => {
-	let component: GroupAddDialogComponent;
-	let fixture: ComponentFixture<GroupAddDialogComponent>;
-
-	const mockDialogRef = {
-		close: vi.fn(),
-	};
-
-	const mockUsersService: Partial<UsersService> = {
-		createGroup: vi.fn().mockResolvedValue({ id: 'new-group', title: 'Sellers' }),
-	};
-
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				FormsModule,
-				MatDialogModule,
-				Angulartics2Module.forRoot({}),
-				GroupAddDialogComponent,
-				BrowserAnimationsModule,
-			],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{ provide: MAT_DIALOG_DATA, useValue: {} },
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-				{ provide: UsersService, useValue: mockUsersService },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(GroupAddDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should call create group service', async () => {
-		const testable = component as unknown as GroupAddTestable;
-		testable.connectionID = '12345678';
-		testable.groupTitle = 'Sellers';
-
-		await testable.addGroup();
-
-		expect(mockUsersService.createGroup).toHaveBeenCalledWith('12345678', 'Sellers');
-		expect(testable.submitting()).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.stories.ts b/frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.stories.ts
deleted file mode 100644
index cab8c2f38..000000000
--- a/frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.stories.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { MatDialogRef } from '@angular/material/dialog';
-import { applicationConfig, type Meta, type StoryObj } from '@storybook/angular';
-import { Angulartics2 } from 'angulartics2';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { UsersService } from 'src/app/services/users.service';
-import { GroupAddDialogComponent } from './group-add-dialog.component';
-
-const mockConnectionsService: Partial<ConnectionsService> = {
-	currentConnectionID: 'conn-1',
-};
-
-const mockUsersService: Partial<UsersService> = {
-	createGroup: () => Promise.resolve(null),
-};
-
-const mockAngulartics: Partial<Angulartics2> = {
-	eventTrack: { next: () => {} } as any,
-};
-
-const meta: Meta<GroupAddDialogComponent> = {
-	title: 'Dialogs/GroupAdd',
-	component: GroupAddDialogComponent,
-	decorators: [
-		applicationConfig({
-			providers: [
-				{ provide: MatDialogRef, useValue: { close: () => {} } },
-				{ provide: ConnectionsService, useValue: mockConnectionsService },
-				{ provide: UsersService, useValue: mockUsersService },
-				{ provide: Angulartics2, useValue: mockAngulartics },
-			],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<GroupAddDialogComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.ts b/frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.ts
deleted file mode 100644
index 1b4d27a25..000000000
--- a/frontend/src/app/components/users/group-add-dialog/group-add-dialog.component.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Component, inject, signal } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { UsersService } from 'src/app/services/users.service';
-
-@Component({
-	selector: 'app-group-add-dialog',
-	imports: [FormsModule, MatDialogModule, MatFormFieldModule, MatInputModule, MatButtonModule],
-	templateUrl: './group-add-dialog.component.html',
-	styleUrls: ['./group-add-dialog.component.css'],
-})
-export class GroupAddDialogComponent {
-	private _connections = inject(ConnectionsService);
-	private _usersService = inject(UsersService);
-	private _angulartics2 = inject(Angulartics2);
-	protected dialogRef = inject<MatDialogRef<GroupAddDialogComponent>>(MatDialogRef);
-
-	protected connectionID = this._connections.currentConnectionID;
-	protected groupTitle = '';
-	protected submitting = signal(false);
-
-	async addGroup() {
-		this.submitting.set(true);
-		try {
-			const res = await this._usersService.createGroup(this.connectionID, this.groupTitle);
-			this.dialogRef.close(res);
-			this._angulartics2.eventTrack.next({
-				action: 'User groups: user groups was created successfully',
-			});
-			posthog.capture('User groups: user groups was created successfully');
-		} finally {
-			this.submitting.set(false);
-		}
-	}
-}
diff --git a/frontend/src/app/components/users/group-delete-dialog/group-delete-dialog.component.css b/frontend/src/app/components/users/group-delete-dialog/group-delete-dialog.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/users/group-delete-dialog/group-delete-dialog.component.html b/frontend/src/app/components/users/group-delete-dialog/group-delete-dialog.component.html
deleted file mode 100644
index 87de184ac..000000000
--- a/frontend/src/app/components/users/group-delete-dialog/group-delete-dialog.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<h1 mat-dialog-title>Confirm users group delete</h1>
-<mat-dialog-content>
-    <p class="mat-body">You are going to delete <strong>{{ data.title }}</strong> group.</p>
-    <br>
-    <p class="mat-body">Please confirm.</p>
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-  <button type="button" mat-flat-button mat-dialog-close>Cancel</button>
-  <button type="button" mat-flat-button color="warn"
-    [disabled]="submitting()"
-    (click)="deleteUsersGroup(data.id)">
-      Delete
-  </button>
-</mat-dialog-actions>
diff --git a/frontend/src/app/components/users/group-delete-dialog/group-delete-dialog.component.spec.ts b/frontend/src/app/components/users/group-delete-dialog/group-delete-dialog.component.spec.ts
deleted file mode 100644
index 6a0357aaf..000000000
--- a/frontend/src/app/components/users/group-delete-dialog/group-delete-dialog.component.spec.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { signal } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { Angulartics2Module } from 'angulartics2';
-import { UsersService } from 'src/app/services/users.service';
-import { GroupDeleteDialogComponent } from './group-delete-dialog.component';
-
-type GroupDeleteTestable = GroupDeleteDialogComponent & {
-	submitting: ReturnType<typeof signal<boolean>>;
-};
-
-describe('GroupDeleteDialogComponent', () => {
-	let component: GroupDeleteDialogComponent;
-	let fixture: ComponentFixture<GroupDeleteDialogComponent>;
-
-	const mockDialogRef = {
-		close: vi.fn(),
-	};
-
-	const mockUsersService: Partial<UsersService> = {
-		deleteGroup: vi.fn().mockResolvedValue(undefined),
-	};
-
-	beforeEach(async () => {
-		TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, Angulartics2Module.forRoot(), GroupDeleteDialogComponent],
-			providers: [
-				provideHttpClient(),
-				{ provide: MAT_DIALOG_DATA, useValue: { id: '12345678-123', title: 'Test' } },
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-				{ provide: UsersService, useValue: mockUsersService },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(GroupDeleteDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should call delete user group service', async () => {
-		const testable = component as unknown as GroupDeleteTestable;
-
-		await testable.deleteUsersGroup('12345678-123');
-
-		expect(mockUsersService.deleteGroup).toHaveBeenCalledWith('12345678-123');
-		expect(testable.submitting()).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/users/group-delete-dialog/group-delete-dialog.component.ts b/frontend/src/app/components/users/group-delete-dialog/group-delete-dialog.component.ts
deleted file mode 100644
index be54dcb85..000000000
--- a/frontend/src/app/components/users/group-delete-dialog/group-delete-dialog.component.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Component, Inject, inject, signal } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { UsersService } from 'src/app/services/users.service';
-
-@Component({
-	selector: 'app-group-delete-dialog',
-	templateUrl: './group-delete-dialog.component.html',
-	styleUrls: ['./group-delete-dialog.component.css'],
-	imports: [MatDialogModule, MatButtonModule],
-})
-export class GroupDeleteDialogComponent {
-	private _usersService = inject(UsersService);
-	private _angulartics2 = inject(Angulartics2);
-	protected dialogRef = inject<MatDialogRef<GroupDeleteDialogComponent>>(MatDialogRef);
-
-	protected submitting = signal(false);
-
-	// biome-ignore lint/suspicious/noExplicitAny: legacy dialog data type
-	constructor(@Inject(MAT_DIALOG_DATA) public data: any) {}
-
-	async deleteUsersGroup(id: string) {
-		this.submitting.set(true);
-		try {
-			await this._usersService.deleteGroup(id);
-			this.dialogRef.close();
-			this._angulartics2.eventTrack.next({
-				action: 'User groups: user group was deleted successfully',
-			});
-			posthog.capture('User groups: user group was deleted successfully');
-		} finally {
-			this.submitting.set(false);
-		}
-	}
-}
diff --git a/frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.css b/frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.css
deleted file mode 100644
index fcaa8cf92..000000000
--- a/frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.mat-mdc-form-field {
-	width: 100%;
-}
diff --git a/frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.html b/frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.html
deleted file mode 100644
index 3a25b3f8d..000000000
--- a/frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<h1 mat-dialog-title>Change group name</h1>
-<form #editGroupNameForm="ngForm" (ngSubmit)="addGroup()">
-    <mat-dialog-content>
-        <mat-form-field appearance="outline">
-            <mat-label>Change group name</mat-label>
-            <input matInput [(ngModel)]="groupTitle" name="title" #title="ngModel" required>
-            @if (title.errors?.required && (title.invalid && title.touched)) {
-                <mat-error>Title should not be empty.</mat-error>
-            }
-        </mat-form-field>
-    </mat-dialog-content>
-    <mat-dialog-actions align="end">
-        <button type="button" mat-flat-button mat-dialog-close>Cancel</button>
-        <button type="submit" mat-flat-button color="primary"
-            [disabled]="submitting() || editGroupNameForm.form.invalid">
-            Change
-        </button>
-    </mat-dialog-actions>
-</form>
diff --git a/frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.spec.ts b/frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.spec.ts
deleted file mode 100644
index 57721c04d..000000000
--- a/frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.spec.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { UsersService } from 'src/app/services/users.service';
-import { GroupNameEditDialogComponent } from './group-name-edit-dialog.component';
-
-describe('GroupNameEditDialogComponent', () => {
-	let component: GroupNameEditDialogComponent;
-	let fixture: ComponentFixture<GroupNameEditDialogComponent>;
-
-	const mockDialogRef = {
-		close: vi.fn(),
-	};
-
-	const mockUsersService: Partial<UsersService> = {
-		editGroupName: vi.fn().mockResolvedValue(undefined),
-	};
-
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [
-				MatDialogModule,
-				MatSnackBarModule,
-				FormsModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot({}),
-				GroupNameEditDialogComponent,
-			],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: { id: 'test-id', title: 'Test Group' },
-				},
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-				{ provide: UsersService, useValue: mockUsersService },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(GroupNameEditDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.ts b/frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.ts
deleted file mode 100644
index 307170d33..000000000
--- a/frontend/src/app/components/users/group-name-edit-dialog/group-name-edit-dialog.component.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Component, Inject, inject, signal } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { UsersService } from 'src/app/services/users.service';
-import { GroupNameEditDialogComponent as Self } from './group-name-edit-dialog.component';
-
-@Component({
-	selector: 'app-group-name-edit-dialog',
-	templateUrl: './group-name-edit-dialog.component.html',
-	styleUrls: ['./group-name-edit-dialog.component.css'],
-	imports: [MatDialogModule, MatFormFieldModule, MatInputModule, MatButtonModule, FormsModule],
-})
-export class GroupNameEditDialogComponent {
-	private _usersService = inject(UsersService);
-	protected dialogRef = inject<MatDialogRef<Self>>(MatDialogRef);
-
-	protected groupTitle: string;
-	protected submitting = signal(false);
-
-	constructor(@Inject(MAT_DIALOG_DATA) public group: { id: string; title: string }) {
-		this.groupTitle = this.group.title;
-	}
-
-	async addGroup() {
-		this.submitting.set(true);
-		try {
-			await this._usersService.editGroupName(this.group.id, this.groupTitle);
-			this.dialogRef.close();
-		} finally {
-			this.submitting.set(false);
-		}
-	}
-}
diff --git a/frontend/src/app/components/users/public-access-panel/public-access-panel.component.css b/frontend/src/app/components/users/public-access-panel/public-access-panel.component.css
deleted file mode 100644
index 33b763e26..000000000
--- a/frontend/src/app/components/users/public-access-panel/public-access-panel.component.css
+++ /dev/null
@@ -1,101 +0,0 @@
-.public-access-panel {
-	margin-bottom: 20px;
-}
-
-.mat-expansion-panel-header-title {
-	align-items: center;
-	row-gap: 0;
-	line-height: 1.3;
-}
-
-.public-access-icon {
-	margin-right: 8px;
-	flex-shrink: 0;
-	opacity: 0.7;
-}
-
-/* Mirrors .group-system-badge on the parent permissions page. */
-.public-access-badge {
-	font-size: 10px;
-	font-weight: 600;
-	text-transform: uppercase;
-	letter-spacing: 0.5px;
-	padding: 2px 6px;
-	border-radius: 10px;
-	background: color-mix(in srgb, var(--color-alternativePalette-500), transparent 88%);
-	color: var(--color-alternativePalette-500);
-	margin-left: 8px;
-	white-space: nowrap;
-}
-
-.public-access-badge_on {
-	background: color-mix(in srgb, var(--color-warningPalette-500), transparent 88%);
-	color: var(--color-warningPalette-500);
-}
-
-.public-access-warning {
-	display: flex;
-	align-items: flex-start;
-	gap: 16px;
-	padding: 12px 16px;
-	border: 1px solid var(--color-warningPalette-500);
-	border-radius: 4px;
-	background: var(--warning-background-color);
-	color: var(--color-warningPalette-500);
-	font-size: 13px;
-	margin-bottom: 16px;
-}
-
-.public-access-warning mat-icon {
-	flex-shrink: 0;
-}
-
-.public-access-tables {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
-
-.public-access-table {
-	display: flex;
-	align-items: center;
-	flex-wrap: wrap;
-	gap: 12px;
-	padding: 6px 0;
-}
-
-.public-access-table_selected {
-	padding-bottom: 12px;
-}
-
-.public-access-columns {
-	flex: 1 1 16em;
-	min-width: 12em;
-}
-
-.public-access-columns-hint {
-	font-size: 12px;
-	opacity: 0.6;
-}
-
-.public-access-actions {
-	display: flex;
-	align-items: center;
-	margin-top: 16px;
-}
-
-.public-access-actions-spacer {
-	flex: 1;
-}
-
-@media (width <= 600px) {
-	.public-access-table {
-		align-items: flex-start;
-		flex-direction: column;
-		gap: 4px;
-	}
-
-	.public-access-columns {
-		width: 100%;
-	}
-}
diff --git a/frontend/src/app/components/users/public-access-panel/public-access-panel.component.html b/frontend/src/app/components/users/public-access-panel/public-access-panel.component.html
deleted file mode 100644
index 061e12258..000000000
--- a/frontend/src/app/components/users/public-access-panel/public-access-panel.component.html
+++ /dev/null
@@ -1,79 +0,0 @@
-<mat-expansion-panel class="public-access-panel">
-    <mat-expansion-panel-header>
-        <mat-panel-title>
-            <mat-icon fontSet="material-symbols-outlined" class="public-access-icon">public</mat-icon>
-            <span>Public access</span>
-            <span class="public-access-badge"
-                [class.public-access-badge_on]="selectedCount() > 0">
-                {{ statusLabel() }}
-            </span>
-        </mat-panel-title>
-    </mat-expansion-panel-header>
-
-    <ng-template matExpansionPanelContent>
-        <div class="public-access-warning">
-            <mat-icon>warning</mat-icon>
-            <span>
-                Anyone on the internet can read the tables listed below without signing in.
-                Public access is read-only — rows can never be added, edited or deleted.
-            </span>
-        </div>
-
-        @if (tablesLoading() || loadingPermissions()) {
-            <app-content-loader></app-content-loader>
-        } @else if (tables().length === 0) {
-            <p class="body-2">No tables in this connection.</p>
-        } @else {
-            <ul class="public-access-tables">
-                @for (table of tables(); track table.tableName) {
-                    @let selected = isSelected(table.tableName);
-                    <li class="public-access-table" [class.public-access-table_selected]="selected">
-                        <mat-checkbox
-                            [checked]="selected"
-                            [disabled]="submitting()"
-                            (change)="toggleTable(table.tableName, $event.checked)">
-                            {{ table.displayName }}
-                        </mat-checkbox>
-
-                        @if (selected) {
-                            @if (isLoadingColumns(table.tableName)) {
-                                <span class="public-access-columns-hint">Loading columns…</span>
-                            } @else {
-                                <mat-form-field class="public-access-columns" subscriptSizing="dynamic">
-                                    <mat-label>Readable columns</mat-label>
-                                    <mat-select multiple
-                                        [value]="selectedColumns(table.tableName)"
-                                        [disabled]="submitting()"
-                                        (valueChange)="setColumns(table.tableName, $event)"
-                                        placeholder="All columns">
-                                        @for (column of availableColumns(table.tableName); track column) {
-                                            <mat-option [value]="column">{{ column }}</mat-option>
-                                        }
-                                    </mat-select>
-                                    <mat-hint>Leave empty to expose all columns</mat-hint>
-                                </mat-form-field>
-                            }
-                        }
-                    </li>
-                }
-            </ul>
-
-            <div class="public-access-actions">
-                @if (canDisable()) {
-                    <button type="button" mat-button
-                        matTooltip="Remove public access to every table"
-                        [disabled]="submitting()"
-                        (click)="disablePublicAccess(); posthog.capture('Users access: public access disabled')">
-                        Disable public access
-                    </button>
-                }
-                <span class="public-access-actions-spacer"></span>
-                <button type="button" mat-flat-button color="primary"
-                    [disabled]="submitting()"
-                    (click)="save(); posthog.capture('Users access: public access saved')">
-                    Save
-                </button>
-            </div>
-        }
-    </ng-template>
-</mat-expansion-panel>
diff --git a/frontend/src/app/components/users/public-access-panel/public-access-panel.component.spec.ts b/frontend/src/app/components/users/public-access-panel/public-access-panel.component.spec.ts
deleted file mode 100644
index a32795894..000000000
--- a/frontend/src/app/components/users/public-access-panel/public-access-panel.component.spec.ts
+++ /dev/null
@@ -1,239 +0,0 @@
-import { Signal, signal, WritableSignal } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { of, throwError } from 'rxjs';
-import { PublicPermissions } from 'src/app/models/user';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { UsersService } from 'src/app/services/users.service';
-import { PublicAccessPanelComponent } from './public-access-panel.component';
-
-type PublicAccessPanelTestable = PublicAccessPanelComponent & {
-	statusLabel: Signal<string>;
-	selectedCount: Signal<number>;
-	canDisable: Signal<boolean>;
-	tablesLoading: WritableSignal<boolean>;
-	submitting: WritableSignal<boolean>;
-	tables: Signal<Array<{ tableName: string; displayName: string }>>;
-};
-
-const CONNECTION_ID = '5a2d4e0c-6d3a-4b0f-9d1a-4a0f0a4c8b11';
-
-const fakeTables = [
-	{ table: 'customers', display_name: 'Customers' },
-	{ table: 'orders', display_name: '' },
-];
-
-const fakeStructure = {
-	structure: [{ column_name: 'id' }, { column_name: 'name' }, { column_name: 'secret' }],
-};
-
-describe('PublicAccessPanelComponent', () => {
-	let component: PublicAccessPanelComponent;
-	let testable: PublicAccessPanelTestable;
-	let fixture: ComponentFixture<PublicAccessPanelComponent>;
-	let publicPermissions: WritableSignal<PublicPermissions>;
-	let mockUsersService: Partial<UsersService>;
-	let mockTablesService: Partial<TablesService>;
-
-	beforeEach(async () => {
-		publicPermissions = signal<PublicPermissions>({ enabled: false, tables: [] });
-
-		mockUsersService = {
-			publicPermissions: publicPermissions.asReadonly(),
-			publicPermissionsLoading: signal(false).asReadonly(),
-			loadPublicPermissions: vi.fn(),
-			savePublicPermissions: vi.fn().mockResolvedValue(undefined),
-		};
-
-		mockTablesService = {
-			fetchTables: vi.fn().mockReturnValue(of(fakeTables)),
-			fetchTableStructure: vi.fn().mockReturnValue(of(fakeStructure)),
-		};
-
-		const mockConnectionsService: Partial<ConnectionsService> = {
-			get currentConnectionID() {
-				return CONNECTION_ID;
-			},
-		};
-
-		await TestBed.configureTestingModule({
-			imports: [BrowserAnimationsModule, PublicAccessPanelComponent],
-			providers: [
-				{ provide: UsersService, useValue: mockUsersService },
-				{ provide: TablesService, useValue: mockTablesService },
-				{ provide: ConnectionsService, useValue: mockConnectionsService },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(PublicAccessPanelComponent);
-		component = fixture.componentInstance;
-		testable = component as PublicAccessPanelTestable;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should opt in to loading public permissions for this connection on init', () => {
-		expect(mockUsersService.loadPublicPermissions).toHaveBeenCalledWith(CONNECTION_ID);
-	});
-
-	it('should load the connection tables and fall back to a normalized display name', () => {
-		expect(mockTablesService.fetchTables).toHaveBeenCalledWith(CONNECTION_ID);
-		expect(testable.tablesLoading()).toBe(false);
-		expect(testable.tables()).toEqual([
-			{ tableName: 'customers', displayName: 'Customers' },
-			{ tableName: 'orders', displayName: 'Orders' },
-		]);
-	});
-
-	it('should report disabled status when nothing is selected', () => {
-		expect(testable.selectedCount()).toBe(0);
-		expect(testable.statusLabel()).toBe('Disabled');
-		expect(testable.canDisable()).toBe(false);
-	});
-
-	it('should seed selection and columns from the stored permissions', () => {
-		publicPermissions.set({
-			enabled: true,
-			tables: [{ tableName: 'customers', readableColumns: ['id', 'name'] }, { tableName: 'orders' }],
-		});
-		fixture.detectChanges();
-
-		expect(component.isSelected('customers')).toBe(true);
-		expect(component.selectedColumns('customers')).toEqual(['id', 'name']);
-		expect(component.isSelected('orders')).toBe(true);
-		expect(component.selectedColumns('orders')).toEqual([]);
-		expect(testable.statusLabel()).toBe('2 tables');
-		expect(testable.canDisable()).toBe(true);
-	});
-
-	it('should preload columns for every stored table, restricted or not', () => {
-		publicPermissions.set({
-			enabled: true,
-			tables: [{ tableName: 'customers', readableColumns: ['id'] }, { tableName: 'orders' }],
-		});
-		fixture.detectChanges();
-
-		// An unrestricted table still renders the column picker, so it needs its options too.
-		expect(mockTablesService.fetchTableStructure).toHaveBeenCalledWith(CONNECTION_ID, 'customers');
-		expect(mockTablesService.fetchTableStructure).toHaveBeenCalledWith(CONNECTION_ID, 'orders');
-		expect(component.availableColumns('orders')).toEqual(['id', 'name', 'secret']);
-	});
-
-	it('should singularize the status label for one table', () => {
-		publicPermissions.set({ enabled: true, tables: [{ tableName: 'customers' }] });
-		fixture.detectChanges();
-
-		expect(testable.statusLabel()).toBe('1 table');
-	});
-
-	it('should fetch columns lazily when a table is checked', () => {
-		component.toggleTable('customers', true);
-
-		expect(mockTablesService.fetchTableStructure).toHaveBeenCalledWith(CONNECTION_ID, 'customers');
-		expect(component.availableColumns('customers')).toEqual(['id', 'name', 'secret']);
-		expect(component.isLoadingColumns('customers')).toBe(false);
-	});
-
-	it('should not refetch columns for a table already loaded', () => {
-		component.toggleTable('customers', true);
-		component.toggleTable('customers', false);
-		component.toggleTable('customers', true);
-
-		expect(mockTablesService.fetchTableStructure).toHaveBeenCalledTimes(1);
-	});
-
-	it('should save an empty column selection as undefined readableColumns', async () => {
-		component.toggleTable('customers', true);
-		await component.save();
-
-		expect(mockUsersService.savePublicPermissions).toHaveBeenCalledWith(CONNECTION_ID, [
-			{ tableName: 'customers', readableColumns: undefined },
-		]);
-	});
-
-	it('should save an explicit column whitelist', async () => {
-		component.toggleTable('customers', true);
-		component.setColumns('customers', ['id', 'name']);
-		await component.save();
-
-		expect(mockUsersService.savePublicPermissions).toHaveBeenCalledWith(CONNECTION_ID, [
-			{ tableName: 'customers', readableColumns: ['id', 'name'] },
-		]);
-	});
-
-	it('should drop a table from the payload when unchecked', async () => {
-		component.toggleTable('customers', true);
-		component.toggleTable('orders', true);
-		component.toggleTable('customers', false);
-		await component.save();
-
-		expect(mockUsersService.savePublicPermissions).toHaveBeenCalledWith(CONNECTION_ID, [
-			{ tableName: 'orders', readableColumns: undefined },
-		]);
-	});
-
-	it('should clear the loading state when the table list fails to load', () => {
-		mockTablesService.fetchTables = vi.fn().mockReturnValue(throwError(() => new Error('boom')));
-
-		const failing = TestBed.createComponent(PublicAccessPanelComponent);
-		failing.detectChanges();
-
-		expect((failing.componentInstance as PublicAccessPanelTestable).tablesLoading()).toBe(false);
-	});
-
-	it('should block editing while a save is in flight', async () => {
-		let resolveSave: () => void = () => {};
-		mockUsersService.savePublicPermissions = vi
-			.fn()
-			.mockReturnValue(new Promise<void>((resolve) => (resolveSave = resolve)));
-
-		component.toggleTable('customers', true);
-		const saving = component.save();
-		fixture.detectChanges();
-
-		// The re-seed after reload can only discard an edit made in this window, so it is closed off.
-		expect((component as PublicAccessPanelTestable).submitting()).toBe(true);
-		const host: HTMLElement = fixture.nativeElement;
-		fixture.nativeElement.querySelector('mat-expansion-panel-header').click();
-		fixture.detectChanges();
-		await fixture.whenStable();
-		expect(host.querySelector('mat-checkbox input')?.hasAttribute('disabled')).toBe(true);
-
-		resolveSave();
-		await saving;
-		expect((component as PublicAccessPanelTestable).submitting()).toBe(false);
-	});
-
-	it('should render the table list and column picker once expanded', async () => {
-		publicPermissions.set({ enabled: true, tables: [{ tableName: 'customers', readableColumns: ['id'] }] });
-		fixture.detectChanges();
-
-		// The body lives in an ng-template matExpansionPanelContent, so nothing above renders it.
-		fixture.nativeElement.querySelector('mat-expansion-panel-header').click();
-		fixture.detectChanges();
-		await fixture.whenStable();
-
-		const host: HTMLElement = fixture.nativeElement;
-		expect(host.querySelector('.public-access-warning')).toBeTruthy();
-		expect(host.querySelectorAll('.public-access-table').length).toBe(2);
-		expect(host.textContent).toContain('Customers');
-		expect(host.textContent).toContain('Orders');
-		// Only the selected table exposes a column picker.
-		expect(host.querySelectorAll('.public-access-columns').length).toBe(1);
-		expect(host.textContent).toContain('Disable public access');
-	});
-
-	it('should disable public access by saving an empty table list', async () => {
-		publicPermissions.set({ enabled: true, tables: [{ tableName: 'customers' }] });
-		fixture.detectChanges();
-
-		await component.disablePublicAccess();
-
-		expect(mockUsersService.savePublicPermissions).toHaveBeenCalledWith(CONNECTION_ID, []);
-		expect(testable.selectedCount()).toBe(0);
-	});
-});
diff --git a/frontend/src/app/components/users/public-access-panel/public-access-panel.component.ts b/frontend/src/app/components/users/public-access-panel/public-access-panel.component.ts
deleted file mode 100644
index cd237ff45..000000000
--- a/frontend/src/app/components/users/public-access-panel/public-access-panel.component.ts
+++ /dev/null
@@ -1,213 +0,0 @@
-import { Component, computed, DestroyRef, effect, inject, OnInit, signal, untracked } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { MatButtonModule } from '@angular/material/button';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatSelectModule } from '@angular/material/select';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import posthog from 'posthog-js';
-import { normalizeTableName } from 'src/app/lib/normalize';
-import { PublicTablePermission } from 'src/app/models/user';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { UsersService } from 'src/app/services/users.service';
-import { ContentLoaderComponent } from '../../ui-components/content-loader/content-loader.component';
-
-interface PublicAccessTable {
-	tableName: string;
-	displayName: string;
-}
-
-// A selected table maps to its readable-column whitelist. An empty array means "all columns",
-// matching the backend contract where an omitted/empty readableColumns grants every column.
-type TableSelection = Map<string, string[]>;
-
-@Component({
-	selector: 'app-public-access-panel',
-	imports: [
-		MatButtonModule,
-		MatCheckboxModule,
-		MatExpansionModule,
-		MatFormFieldModule,
-		MatIconModule,
-		MatSelectModule,
-		MatTooltipModule,
-		ContentLoaderComponent,
-	],
-	templateUrl: './public-access-panel.component.html',
-	styleUrls: ['./public-access-panel.component.css'],
-})
-export class PublicAccessPanelComponent implements OnInit {
-	private _usersService = inject(UsersService);
-	private _tablesService = inject(TablesService);
-	private _connections = inject(ConnectionsService);
-	private _destroyRef = inject(DestroyRef);
-
-	protected posthog = posthog;
-	protected connectionID: string;
-
-	protected publicPermissions = this._usersService.publicPermissions;
-	protected loadingPermissions = this._usersService.publicPermissionsLoading;
-
-	protected tables = signal<PublicAccessTable[]>([]);
-	protected tablesLoading = signal(true);
-	protected submitting = signal(false);
-
-	protected selection = signal<TableSelection>(new Map());
-	protected columnsByTable = signal<Record<string, string[]>>({});
-	protected loadingColumns = signal<Set<string>>(new Set());
-
-	protected selectedCount = computed(() => this.selection().size);
-
-	protected statusLabel = computed(() => {
-		const count = this.selectedCount();
-		if (count === 0) return 'Disabled';
-		return `${count} ${count === 1 ? 'table' : 'tables'}`;
-	});
-
-	// Public access is stored server-side as a derived value: a non-empty table list means
-	// enabled. `Disable public access` is only meaningful once something is actually stored.
-	protected canDisable = computed(() => this.publicPermissions().enabled);
-
-	constructor() {
-		// Seed the local editing state whenever the server state (re)loads, so an external change
-		// to public access is picked up. Editing is blocked while a save is in flight (see the
-		// submitting() bindings in the template), which is the only window where this re-seed
-		// could otherwise discard an unsaved edit.
-		effect(() => {
-			const stored = this.publicPermissions().tables;
-			const seeded: TableSelection = new Map();
-			for (const table of stored) {
-				seeded.set(table.tableName, table.readableColumns ?? []);
-			}
-			this.selection.set(seeded);
-
-			// Every already-public table needs its columns, not just the restricted ones: an
-			// unrestricted table still renders the column picker, which would otherwise be empty.
-			// Kept untracked: _loadColumns both reads and writes the column signals, so tracking it
-			// would make a finished column fetch re-run this effect and clobber edits made meanwhile.
-			untracked(() => {
-				for (const table of stored) {
-					this._loadColumns(table.tableName);
-				}
-			});
-		});
-	}
-
-	ngOnInit(): void {
-		this.connectionID = this._connections.currentConnectionID;
-		this._usersService.loadPublicPermissions(this.connectionID);
-
-		// fetchTables does not swallow errors, so clear the loading state on failure too —
-		// otherwise the panel body is stuck on the content loader forever.
-		this._tablesService
-			.fetchTables(this.connectionID)
-			.pipe(takeUntilDestroyed(this._destroyRef))
-			.subscribe({
-				next: (tables) => {
-					this.tables.set(
-						tables.map((t) => ({
-							tableName: t.table,
-							displayName: t.display_name || normalizeTableName(t.table),
-						})),
-					);
-					this.tablesLoading.set(false);
-				},
-				error: () => this.tablesLoading.set(false),
-			});
-	}
-
-	isSelected(tableName: string): boolean {
-		return this.selection().has(tableName);
-	}
-
-	selectedColumns(tableName: string): string[] {
-		return this.selection().get(tableName) ?? [];
-	}
-
-	availableColumns(tableName: string): string[] {
-		return this.columnsByTable()[tableName] ?? [];
-	}
-
-	isLoadingColumns(tableName: string): boolean {
-		return this.loadingColumns().has(tableName);
-	}
-
-	toggleTable(tableName: string, selected: boolean): void {
-		this.selection.update((current) => {
-			const next = new Map(current);
-			if (selected) {
-				next.set(tableName, []);
-			} else {
-				next.delete(tableName);
-			}
-			return next;
-		});
-		if (selected) {
-			this._loadColumns(tableName);
-		}
-	}
-
-	setColumns(tableName: string, columns: string[]): void {
-		this.selection.update((current) => {
-			const next = new Map(current);
-			next.set(tableName, columns);
-			return next;
-		});
-	}
-
-	async save(): Promise<void> {
-		this.submitting.set(true);
-		try {
-			await this._usersService.savePublicPermissions(this.connectionID, this._buildPayload());
-		} finally {
-			this.submitting.set(false);
-		}
-	}
-
-	async disablePublicAccess(): Promise<void> {
-		this.submitting.set(true);
-		try {
-			await this._usersService.savePublicPermissions(this.connectionID, []);
-			this.selection.set(new Map());
-		} finally {
-			this.submitting.set(false);
-		}
-	}
-
-	private _buildPayload(): PublicTablePermission[] {
-		return [...this.selection().entries()].map(([tableName, columns]) => ({
-			tableName,
-			readableColumns: columns.length ? columns : undefined,
-		}));
-	}
-
-	private _loadColumns(tableName: string): void {
-		if (this.columnsByTable()[tableName] || this.loadingColumns().has(tableName)) return;
-
-		this.loadingColumns.update((current) => new Set(current).add(tableName));
-		this._tablesService
-			.fetchTableStructure(this.connectionID, tableName)
-			.pipe(takeUntilDestroyed(this._destroyRef))
-			.subscribe({
-				next: (res) => {
-					this.columnsByTable.update((current) => ({
-						...current,
-						[tableName]: (res?.structure ?? []).map((field: { column_name: string }) => field.column_name),
-					}));
-					this._clearLoadingColumn(tableName);
-				},
-				error: () => this._clearLoadingColumn(tableName),
-			});
-	}
-
-	private _clearLoadingColumn(tableName: string): void {
-		this.loadingColumns.update((current) => {
-			const next = new Set(current);
-			next.delete(tableName);
-			return next;
-		});
-	}
-}
diff --git a/frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.css b/frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.css
deleted file mode 100644
index f6a52d0ce..000000000
--- a/frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.css
+++ /dev/null
@@ -1,24 +0,0 @@
-.mat-mdc-form-field {
-	width: 100%;
-}
-
-.message-box {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-}
-
-.message-text {
-	text-align: center;
-	margin-bottom: 24px;
-}
-
-.link {
-	color: var(--color-primaryPalette-500);
-}
-
-@media (prefers-color-scheme: dark) {
-	.link {
-		color: var(--color-whitePalette-500);
-	}
-}
diff --git a/frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.html b/frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.html
deleted file mode 100644
index 7501c2261..000000000
--- a/frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<h1 mat-dialog-title>Add user to <strong>{{ data.group.title }}</strong> group</h1>
-<form #addUserForm="ngForm" (ngSubmit)="joinGroupUser()">
-  <mat-dialog-content>
-    @if (data.availableMembers.length) {
-      <mat-form-field appearance="outline">
-        <mat-label>Select user</mat-label>
-          <mat-select name="email" required
-              [(ngModel)]="groupUserEmail">
-              @for (member of data.availableMembers; track member.id) {
-                <mat-option [value]="member.email">
-                  @if (member.name) { <span>{{member.name}} (</span> }{{member.email}}@if (member.name) { <span>)</span> }
-                </mat-option>
-              }
-          </mat-select>
-      </mat-form-field>
-      <p class="mat-body-2">
-        Add users to the
-        <a routerLink="/company" class="link" mat-dialog-close>
-          Company</a> before assigning them to a group.
-      </p>
-    }
-    @if (data.availableMembers.length === 0) {
-      <p class="mat-body-2">
-        All your company members are already in this group. To add a new one first add them to your company.
-      </p>
-    }
-  </mat-dialog-content>
-  <mat-dialog-actions align="end">
-    @if (data.availableMembers.length) {
-      <button type="submit"
-        mat-flat-button color="primary"
-        [disabled]="submitting() || addUserForm.form.invalid">
-        Add
-      </button>
-    } @else {
-      <a mat-flat-button mat-dialog-close
-        color="primary"
-        routerLink="/company">
-        Open Company page
-      </a>
-    }
-    <button type="button" mat-flat-button mat-dialog-close>Cancel</button>
-  </mat-dialog-actions>
-</form>
diff --git a/frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.spec.ts b/frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.spec.ts
deleted file mode 100644
index f34a693e9..000000000
--- a/frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.spec.ts
+++ /dev/null
@@ -1,203 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { signal } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { FormsModule } from '@angular/forms';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { UsersService } from 'src/app/services/users.service';
-import { UserAddDialogComponent } from './user-add-dialog.component';
-
-type UserAddTestable = UserAddDialogComponent & {
-	submitting: ReturnType<typeof signal<boolean>>;
-	groupUserEmail: string;
-	joinGroupUser: () => Promise<void>;
-};
-
-const fakeMembers = [
-	{ id: 'user-1', email: 'alice@test.com', name: 'Alice Smith' },
-	{ id: 'user-2', email: 'bob@test.com', name: 'Bob Jones' },
-	{ id: 'user-3', email: 'charlie@test.com', name: null },
-];
-
-const fakeGroup = {
-	id: '12345678-abcd-1234-efgh-123456789012',
-	title: 'Developers',
-};
-
-describe('UserAddDialogComponent', () => {
-	let component: UserAddDialogComponent;
-	let fixture: ComponentFixture<UserAddDialogComponent>;
-	let mockDialogRef: { close: ReturnType<typeof vi.fn> };
-	let mockUsersService: Partial<UsersService>;
-
-	function createComponent(dialogData: { availableMembers: typeof fakeMembers; group: typeof fakeGroup }) {
-		mockDialogRef = { close: vi.fn() };
-		mockUsersService = {
-			addGroupUser: vi.fn().mockResolvedValue(undefined),
-		};
-
-		TestBed.configureTestingModule({
-			imports: [
-				MatSnackBarModule,
-				FormsModule,
-				BrowserAnimationsModule,
-				Angulartics2Module.forRoot(),
-				UserAddDialogComponent,
-			],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{ provide: MAT_DIALOG_DATA, useValue: dialogData },
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-				{ provide: UsersService, useValue: mockUsersService },
-			],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(UserAddDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	}
-
-	describe('with available members', () => {
-		beforeEach(() => {
-			createComponent({ availableMembers: fakeMembers, group: fakeGroup });
-		});
-
-		it('should create', () => {
-			expect(component).toBeTruthy();
-		});
-
-		it('should display group title in dialog header', () => {
-			const title = fixture.nativeElement.querySelector('[mat-dialog-title]');
-			expect(title.textContent).toContain('Developers');
-		});
-
-		it('should render a select dropdown with available members', () => {
-			const select = fixture.nativeElement.querySelector('mat-select');
-			expect(select).toBeTruthy();
-		});
-
-		it('should not show the "all members already in group" message', () => {
-			const text = fixture.nativeElement.textContent;
-			expect(text).not.toContain('All your company members are already in this group');
-		});
-
-		it('should show the "Add users to Company" hint', () => {
-			const text = fixture.nativeElement.textContent;
-			expect(text).toContain('Add users to the');
-			expect(text).toContain('Company');
-		});
-
-		it('should render an Add submit button', () => {
-			const buttons: HTMLButtonElement[] = Array.from(fixture.nativeElement.querySelectorAll('button'));
-			const addBtn = buttons.find((b) => b.textContent?.trim() === 'Add');
-			expect(addBtn).toBeTruthy();
-			expect(addBtn!.type).toBe('submit');
-		});
-
-		it('should disable Add button when no user is selected (form invalid)', async () => {
-			await fixture.whenStable();
-			fixture.detectChanges();
-			const buttons: HTMLButtonElement[] = Array.from(fixture.nativeElement.querySelectorAll('button'));
-			const addBtn = buttons.find((b) => b.textContent?.trim() === 'Add');
-			expect(addBtn!.disabled).toBe(true);
-		});
-
-		it('should call addGroupUser with correct groupId and email', async () => {
-			const testable = component as unknown as UserAddTestable;
-			testable.groupUserEmail = 'alice@test.com';
-
-			await testable.joinGroupUser();
-
-			expect(mockUsersService.addGroupUser).toHaveBeenCalledWith(
-				'12345678-abcd-1234-efgh-123456789012',
-				'alice@test.com',
-			);
-		});
-
-		it('should close dialog on successful submission', async () => {
-			const testable = component as unknown as UserAddTestable;
-			testable.groupUserEmail = 'bob@test.com';
-
-			await testable.joinGroupUser();
-
-			expect(mockDialogRef.close).toHaveBeenCalled();
-		});
-
-		it('should reset submitting to false after successful submission', async () => {
-			const testable = component as unknown as UserAddTestable;
-			testable.groupUserEmail = 'alice@test.com';
-
-			await testable.joinGroupUser();
-
-			expect(testable.submitting()).toBe(false);
-		});
-
-		it('should reset submitting to false when service throws', async () => {
-			(mockUsersService.addGroupUser as ReturnType<typeof vi.fn>).mockRejectedValueOnce(new Error('Network error'));
-			const testable = component as unknown as UserAddTestable;
-			testable.groupUserEmail = 'alice@test.com';
-
-			await testable.joinGroupUser().catch(() => {});
-
-			expect(testable.submitting()).toBe(false);
-		});
-
-		it('should not close dialog when service throws', async () => {
-			(mockUsersService.addGroupUser as ReturnType<typeof vi.fn>).mockRejectedValueOnce(new Error('Network error'));
-			const testable = component as unknown as UserAddTestable;
-			testable.groupUserEmail = 'alice@test.com';
-
-			await testable.joinGroupUser().catch(() => {});
-
-			expect(mockDialogRef.close).not.toHaveBeenCalled();
-		});
-
-		it('should not show "Open Company page" link when members are available', () => {
-			const links: HTMLAnchorElement[] = Array.from(fixture.nativeElement.querySelectorAll('a'));
-			const companyPageLink = links.find((a) => a.textContent?.trim() === 'Open Company page');
-			expect(companyPageLink).toBeFalsy();
-		});
-	});
-
-	describe('with no available members', () => {
-		beforeEach(() => {
-			createComponent({ availableMembers: [], group: fakeGroup });
-		});
-
-		it('should create', () => {
-			expect(component).toBeTruthy();
-		});
-
-		it('should show "all members already in group" message', () => {
-			const text = fixture.nativeElement.textContent;
-			expect(text).toContain('All your company members are already in this group');
-		});
-
-		it('should not render a select dropdown', () => {
-			const select = fixture.nativeElement.querySelector('mat-select');
-			expect(select).toBeFalsy();
-		});
-
-		it('should not render an Add button', () => {
-			const buttons: HTMLButtonElement[] = Array.from(fixture.nativeElement.querySelectorAll('button'));
-			const addBtn = buttons.find((b) => b.textContent?.trim() === 'Add');
-			expect(addBtn).toBeFalsy();
-		});
-
-		it('should show "Open Company page" link', () => {
-			const links: HTMLAnchorElement[] = Array.from(fixture.nativeElement.querySelectorAll('a'));
-			const companyPageLink = links.find((a) => a.textContent?.trim() === 'Open Company page');
-			expect(companyPageLink).toBeTruthy();
-		});
-
-		it('should link "Open Company page" to /company', () => {
-			const links: HTMLAnchorElement[] = Array.from(fixture.nativeElement.querySelectorAll('a'));
-			const companyPageLink = links.find((a) => a.textContent?.trim() === 'Open Company page');
-			expect(companyPageLink?.getAttribute('href')).toBe('/company');
-		});
-	});
-});
diff --git a/frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.ts b/frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.ts
deleted file mode 100644
index c3cc44498..000000000
--- a/frontend/src/app/components/users/user-add-dialog/user-add-dialog.component.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Component, Inject, inject, signal } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatSelectModule } from '@angular/material/select';
-import { RouterModule } from '@angular/router';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { UsersService } from 'src/app/services/users.service';
-
-@Component({
-	selector: 'app-user-add-dialog',
-	templateUrl: './user-add-dialog.component.html',
-	styleUrls: ['./user-add-dialog.component.css'],
-	imports: [MatDialogModule, FormsModule, MatFormFieldModule, MatSelectModule, MatButtonModule, RouterModule],
-})
-export class UserAddDialogComponent {
-	private _usersService = inject(UsersService);
-	private _angulartics2 = inject(Angulartics2);
-	private _dialogRef = inject<MatDialogRef<UserAddDialogComponent>>(MatDialogRef);
-
-	protected submitting = signal(false);
-	protected groupUserEmail = '';
-
-	// biome-ignore lint/suspicious/noExplicitAny: legacy dialog data type
-	constructor(@Inject(MAT_DIALOG_DATA) public data: any) {}
-
-	async joinGroupUser() {
-		this.submitting.set(true);
-		try {
-			await this._usersService.addGroupUser(this.data.group.id, this.groupUserEmail);
-			this._dialogRef.close();
-			this._angulartics2.eventTrack.next({
-				action: 'User groups: user was added to group successfully',
-			});
-			posthog.capture('User groups: user was added to group successfully');
-		} finally {
-			this.submitting.set(false);
-		}
-	}
-}
diff --git a/frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.css b/frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.html b/frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.html
deleted file mode 100644
index 9972b7b17..000000000
--- a/frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<h1 mat-dialog-title>Confirm users delete</h1>
-<mat-dialog-content>
-    <p class="mat-body">
-        You are going to delete
-        @if (data.user.name) {
-          <strong>{{ data.user.name }} </strong>
-          <span>(</span>{{ data.user.email }}<span>)</span>
-        } @else {
-          <strong>{{ data.user.email }}</strong>
-        }
-        from <strong>{{ data.group.title }}</strong> group.
-    </p>
-    <br>
-    <p class="mat-body">Please confirm.</p>
-</mat-dialog-content>
-<mat-dialog-actions align="end">
-  <button type="button" mat-flat-button mat-dialog-close
-    aria-label="Cancel">
-    Cancel
-  </button>
-  <button type="button" mat-flat-button color="warn"
-    aria-label="Delete user from group"
-    [disabled]="submitting()"
-    (click)="deleteGroupUser()">
-      Delete
-  </button>
-</mat-dialog-actions>
diff --git a/frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.spec.ts b/frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.spec.ts
deleted file mode 100644
index e2019cc92..000000000
--- a/frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.spec.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { signal } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { UsersService } from 'src/app/services/users.service';
-import { UserDeleteDialogComponent } from './user-delete-dialog.component';
-
-type UserDeleteTestable = UserDeleteDialogComponent & {
-	submitting: ReturnType<typeof signal<boolean>>;
-};
-
-describe('UserDeleteDialogComponent', () => {
-	let component: UserDeleteDialogComponent;
-	let fixture: ComponentFixture<UserDeleteDialogComponent>;
-
-	const mockDialogRef = {
-		close: vi.fn(),
-	};
-
-	const mockUsersService: Partial<UsersService> = {
-		deleteGroupUser: vi.fn().mockResolvedValue(undefined),
-	};
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, UserDeleteDialogComponent],
-			providers: [
-				provideHttpClient(),
-				{ provide: MAT_DIALOG_DATA, useValue: { user: { email: 'user@test.com' }, group: { id: '12345678-123' } } },
-				{ provide: MatDialogRef, useValue: mockDialogRef },
-				{ provide: UsersService, useValue: mockUsersService },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(UserDeleteDialogComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should call delete user service', async () => {
-		const testable = component as unknown as UserDeleteTestable;
-
-		await testable.deleteGroupUser();
-
-		expect(mockUsersService.deleteGroupUser).toHaveBeenCalledWith('user@test.com', '12345678-123');
-		expect(testable.submitting()).toBe(false);
-	});
-});
diff --git a/frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.stories.ts b/frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.stories.ts
deleted file mode 100644
index 115dfe139..000000000
--- a/frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.stories.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { applicationConfig, type Meta, type StoryObj } from '@storybook/angular';
-import { UsersService } from 'src/app/services/users.service';
-import { UserDeleteDialogComponent } from './user-delete-dialog.component';
-
-const mockUsersService: Partial<UsersService> = {
-	deleteGroupUser: () => Promise.resolve(),
-};
-
-const meta: Meta<UserDeleteDialogComponent> = {
-	title: 'Dialogs/UserDelete',
-	component: UserDeleteDialogComponent,
-	decorators: [
-		applicationConfig({
-			providers: [
-				{ provide: MatDialogRef, useValue: { close: () => {} } },
-				{
-					provide: MAT_DIALOG_DATA,
-					useValue: {
-						user: { email: 'user@example.com' },
-						group: { id: 'group-1', title: 'Admins' },
-					},
-				},
-				{ provide: UsersService, useValue: mockUsersService },
-			],
-		}),
-	],
-};
-
-export default meta;
-type Story = StoryObj<UserDeleteDialogComponent>;
-
-export const Default: Story = {};
diff --git a/frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.ts b/frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.ts
deleted file mode 100644
index fab1502a8..000000000
--- a/frontend/src/app/components/users/user-delete-dialog/user-delete-dialog.component.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Component, Inject, inject, signal } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { UsersService } from 'src/app/services/users.service';
-
-@Component({
-	selector: 'app-user-delete-dialog',
-	templateUrl: './user-delete-dialog.component.html',
-	styleUrls: ['./user-delete-dialog.component.css'],
-	imports: [MatButtonModule, MatDialogModule],
-})
-export class UserDeleteDialogComponent {
-	private _usersService = inject(UsersService);
-	protected dialogRef = inject<MatDialogRef<UserDeleteDialogComponent>>(MatDialogRef);
-
-	protected submitting = signal(false);
-
-	// biome-ignore lint/suspicious/noExplicitAny: legacy dialog data type
-	constructor(@Inject(MAT_DIALOG_DATA) public data: any) {}
-
-	async deleteGroupUser() {
-		this.submitting.set(true);
-		try {
-			await this._usersService.deleteGroupUser(this.data.user.email, this.data.group.id);
-			this.dialogRef.close();
-		} finally {
-			this.submitting.set(false);
-		}
-	}
-}
diff --git a/frontend/src/app/components/users/users.component.css b/frontend/src/app/components/users/users.component.css
deleted file mode 100644
index 625bbec2a..000000000
--- a/frontend/src/app/components/users/users.component.css
+++ /dev/null
@@ -1,169 +0,0 @@
-.wrapper {
-	margin: 0 auto;
-	width: clamp(18.75em, 96%, 42em);
-}
-
-header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	margin: 2em 0 1em;
-}
-
-.mat-h1 {
-	margin: 0;
-}
-
-.expansion-panel_admin {
-	margin-bottom: 20px;
-}
-
-.add-group-button .mat-icon {
-	font-size: 2em;
-}
-
-::ng-deep .mat-expansion-panel-header {
-	--mat-expansion-header-collapsed-state-height: auto;
-	--mat-expansion-header-expanded-state-height: auto;
-	height: auto !important;
-	min-height: 48px;
-	padding-top: 12px !important;
-	padding-bottom: 12px !important;
-}
-
-.mat-expansion-panel-header-title {
-	align-items: center;
-	flex-wrap: wrap;
-	row-gap: 0;
-	line-height: 1.3;
-}
-
-.title-edit-button {
-	visibility: hidden;
-	color: var(--mat-expansion-header-description-color);
-	margin-left: 12px;
-}
-
-.group-actions {
-	visibility: hidden;
-	display: flex;
-	flex-grow: 0 !important;
-	justify-content: flex-end;
-	align-items: center;
-}
-
-.group-item:hover .title-edit-button,
-.mat-expanded .title-edit-button {
-	visibility: visible;
-}
-
-.group-item:hover .group-actions,
-.mat-expanded .group-actions {
-	visibility: visible;
-}
-
-.group-system-badge {
-	font-size: 10px;
-	font-weight: 600;
-	text-transform: uppercase;
-	letter-spacing: 0.5px;
-	padding: 2px 6px;
-	border-radius: 10px;
-	background: color-mix(in srgb, var(--color-alternativePalette-500), transparent 88%);
-	color: var(--color-alternativePalette-500);
-	margin-left: 8px;
-}
-
-/* ── Members preview ── */
-
-.group-members-preview {
-	display: flex;
-	align-items: center;
-	gap: 0;
-	flex-basis: 100%;
-	margin-top: -2px;
-}
-
-.group-avatar {
-	width: 20px;
-	height: 20px;
-	border-radius: 50%;
-	background: var(--color-accentedPalette-100);
-	color: var(--color-accentedPalette-500);
-	font-size: 9px;
-	font-weight: 600;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	margin-left: -3px;
-	border: 1.5px solid var(--mat-expansion-container-background-color, #fff);
-	flex-shrink: 0;
-}
-
-.group-avatar:first-child {
-	margin-left: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-	.group-avatar {
-		background: var(--color-accentedPalette-700);
-		color: var(--color-accentedPalette-100);
-		border-color: var(--mat-expansion-container-background-color, #1e1e1e);
-	}
-}
-
-.user {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 8px 0;
-}
-
-.user__label {
-	display: flex;
-	flex-direction: column;
-}
-
-.user__email {
-	font-size: 12px;
-	color: rgba(0, 0, 0, 0.64);
-}
-
-@media (prefers-color-scheme: dark) {
-	.user__email {
-		color: rgba(255, 255, 255, 0.64);
-	}	
-}
-
-.group-members-count {
-	font-size: 11px;
-	opacity: 0.45;
-	margin-left: 6px;
-	white-space: nowrap;
-}
-
-.no-access {
-	margin-top: 32px !important;
-}
-
-@media (width <= 600px) {
-	.wrapper {
-		width: 100%;
-		padding: 0 16px;
-		box-sizing: border-box;
-	}
-
-	header {
-		flex-wrap: wrap;
-		gap: 8px;
-		margin: 16px 0 12px;
-	}
-
-	.add-group-button {
-		flex: 0 0 auto;
-	}
-
-	.mat-h1 {
-		font-size: 22px;
-	}
-}
diff --git a/frontend/src/app/components/users/users.component.html b/frontend/src/app/components/users/users.component.html
deleted file mode 100644
index 056ce8714..000000000
--- a/frontend/src/app/components/users/users.component.html
+++ /dev/null
@@ -1,144 +0,0 @@
-<div class="wrapper">
-    <header>
-            <h1 class="mat-h1">User groups</h1>
-            @if (canCreateGroup()) {
-                <button type="button" mat-stroked-button
-                    color="primary" class="add-group-button"
-                    angulartics2On="click"
-                    angularticsAction="Users access: add group is clicked"
-                    (click)="openCreateUsersGroupDialog($event); posthog.capture('Users access: add group is clicked')">
-                    New group
-                </button>
-            }
-    </header>
-
-    @if (groups() === null) {
-        <app-placeholder-user-groups></app-placeholder-user-groups>
-    }
-
-    @if (canEditConnection()) {
-        <app-public-access-panel></app-public-access-panel>
-    }
-
-    @if (groups(); as groupsList) {
-        <mat-accordion multi="true">
-            @for (groupItem of groupsList; track groupItem.group.id) {
-                @let canManage = canManageGroup(groupItem.group.id);
-                <mat-expansion-panel expanded="true"
-                    [class.expansion-panel_admin]="groupItem.group.title === 'Admin'">
-                    <mat-expansion-panel-header class="group-item">
-                        <mat-panel-title>
-                            <span>{{ groupItem.group.title }}</span>
-                            @if (groupItem.group.title === 'Admin') {
-                                <span class="group-system-badge">system</span>
-                            }
-                            @if (canManage() && groupItem.group.title !== 'Admin') {
-                                <button type="button" mat-icon-button
-                                    class="title-edit-button"
-                                    angulartics2On="click"
-                                    angularticsAction="Users access: edit group name is clicked"
-                                    matTooltip="Edit group name"
-                                    (click)="openEditGroupNameDialog($event, groupItem.group); posthog.capture('Users access: edit group name is clicked')">
-                                    <mat-icon fontSet="material-symbols-outlined">edit</mat-icon>
-                                </button>
-                            }
-                            @if (getGroupUsers(groupItem.group.id); as groupUsersList) {
-                                <span class="group-members-preview">
-                                    @for (user of groupUsersList.slice(0, 3); track user.email) {
-                                        <span class="group-avatar"
-                                            [matTooltip]="user.name || user.email">
-                                            {{ getUserInitials(user) }}
-                                        </span>
-                                    }
-                                    <span class="group-members-count">{{ groupUsersList.length }} {{ groupUsersList.length === 1 ? 'member' : 'members' }}</span>
-                                </span>
-                            }
-                        </mat-panel-title>
-                        <mat-panel-description (click)="$event.stopPropagation();" class="group-actions">
-                            <a mat-icon-button
-                                [routerLink]="['/permissions', connectionID]"
-                                [queryParams]="{ viewAs: groupItem.group.id }"
-                                target="_blank"
-                                rel="noopener"
-                                angulartics2On="click"
-                                angularticsAction="Users access: view as group is clicked"
-                                matTooltip="View as group (opens in new tab)"
-                                (click)="posthog.capture('Users access: view as group is clicked')">
-                                <mat-icon fontSet="material-symbols-outlined">visibility</mat-icon>
-                            </a>
-                            @if (canManage() && groupItem.group.title !== 'Admin') {
-                                <button type="button" mat-icon-button
-                                    angulartics2On="click"
-                                    angularticsAction="Users access: cedar policy is clicked"
-                                    matTooltip="Edit policy"
-                                    (click)="openCedarPolicyDialog(groupItem.group); posthog.capture('Users access: cedar policy is clicked')">
-                                    <mat-icon fontSet="material-symbols-outlined">vpn_key</mat-icon>
-                                </button>
-                                <button type="button" mat-icon-button
-                                    angulartics2On="click"
-                                    angularticsAction="Users access: delete group is clicked"
-                                    matTooltip="Delete group"
-                                    (click)="openDeleteGroupDialog(groupItem.group); posthog.capture('Users access: delete group is clicked')">
-                                    <mat-icon>delete</mat-icon>
-                                </button>
-                            }
-                            @if (canManage()) {
-                                <button type="button" mat-icon-button
-                                    angulartics2On="click"
-                                    angularticsAction="Users access: add user is clicked"
-                                    matTooltip="Add user"
-                                    (click)="openAddUserDialog(groupItem.group); posthog.capture('Users access: add user is clicked')">
-                                    <mat-icon fontSet="material-symbols-outlined">person_add</mat-icon>
-                                </button>
-                            }
-                        </mat-panel-description>
-                    </mat-expansion-panel-header>
-
-                    @if (groupUsers()[groupItem.group.id] === undefined) {
-                        <app-placeholder-user-group></app-placeholder-user-group>
-                    }
-                    @if (groupUsers()[groupItem.group.id] === 'empty') {
-                        <p class="body-2">No users in the group</p>
-                    }
-                    <ul>
-                        @if (getGroupUsers(groupItem.group.id); as usersList) {
-                            @for (user of usersList; track user.email) {
-                                <li class="user">
-                                    <div class="user__label">
-                                        @if (user.name) {
-                                            <span class="user__name">{{user.name}}</span>
-                                            <span class="user__email">{{user.email}}</span>
-                                        } @else {
-                                            <span class="user__name">{{user.email}}</span>
-                                        }
-                                    </div>
-                                    
-                                    @if (currentUser()?.email !== user.email && canManage()) {
-                                        <button matListItemMeta type="button" mat-icon-button
-                                            angulartics2On="click"
-                                            angularticsAction="Users access: delete user is clicked"
-                                            matTooltip="Delete user"
-                                            (click)="openDeleteUserDialog(user, groupItem.group); posthog.capture('Users access: delete user is clicked')">
-                                            <mat-icon>person_remove</mat-icon>
-                                        </button>
-                                    }
-                                </li>
-                            }
-                        }
-                    </ul>
-                </mat-expansion-panel>
-            }
-        </mat-accordion>
-    }
-
-    @if (companyMembersWithoutAccess().length > 0) {
-        <div class="no-access mat-body-1">
-            Company members who do NOT have access to this connection:
-            @for (member of companyMembersWithoutAccess(); track member.id; let last = $last) {
-                <span>
-                    <strong>{{member.name}}</strong> ({{member.email}}) {{!last ? ', ' : ''}}
-                </span>
-            }
-        </div>
-    }
-</div>
diff --git a/frontend/src/app/components/users/users.component.spec.ts b/frontend/src/app/components/users/users.component.spec.ts
deleted file mode 100644
index 7e828d5b7..000000000
--- a/frontend/src/app/components/users/users.component.spec.ts
+++ /dev/null
@@ -1,153 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { signal } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialog, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { of } from 'rxjs';
-import { PublicPermissions } from 'src/app/models/user';
-import { CedarPermissionService } from 'src/app/services/cedar-permission.service';
-import { TablesService } from 'src/app/services/tables.service';
-import { UsersService } from 'src/app/services/users.service';
-import { GroupAddDialogComponent } from './group-add-dialog/group-add-dialog.component';
-import { GroupDeleteDialogComponent } from './group-delete-dialog/group-delete-dialog.component';
-import { UserAddDialogComponent } from './user-add-dialog/user-add-dialog.component';
-import { UserDeleteDialogComponent } from './user-delete-dialog/user-delete-dialog.component';
-import { UsersComponent } from './users.component';
-
-describe('UsersComponent', () => {
-	let component: UsersComponent;
-	let fixture: ComponentFixture<UsersComponent>;
-	let dialog: MatDialog;
-
-	const fakeGroup = {
-		id: 'a9a97cf1-cb2f-454b-a74e-0075dd07ad92',
-		title: 'Admin',
-		isMain: true,
-	};
-
-	const mockGroups = signal([
-		{
-			group: {
-				id: 'a9a97cf1-cb2f-454b-a74e-0075dd07ad92',
-				title: 'Admin',
-				isMain: true,
-			},
-			accessLevel: 'edit',
-		},
-		{
-			group: {
-				id: '77154868-eaf0-4a53-9693-0470182d0971',
-				title: 'Sellers',
-				isMain: false,
-			},
-			accessLevel: 'edit',
-		},
-	]);
-
-	const mockUsersService: Partial<UsersService> = {
-		groups: mockGroups.asReadonly() as any,
-		groupsLoading: signal(false).asReadonly() as any,
-		groupUsers: signal({}).asReadonly() as any,
-		groupsUpdated: signal('').asReadonly() as any,
-		setActiveConnection: vi.fn(),
-		refreshGroups: vi.fn(),
-		clearGroupsUpdated: vi.fn(),
-		fetchGroupUsers: vi.fn().mockResolvedValue([]),
-		fetchAllGroupUsers: vi.fn().mockResolvedValue(undefined),
-		fetchConnectionUsers: vi.fn(),
-		publicPermissions: signal<PublicPermissions>({ enabled: false, tables: [] }).asReadonly(),
-		publicPermissionsLoading: signal(false).asReadonly(),
-		loadPublicPermissions: vi.fn(),
-		savePublicPermissions: vi.fn().mockResolvedValue(undefined),
-	};
-
-	const mockTablesService: Partial<TablesService> = {
-		fetchTables: vi.fn().mockReturnValue(of([])),
-		fetchTableStructure: vi.fn().mockReturnValue(of({ structure: [] })),
-	};
-
-	const mockPermissions: Partial<CedarPermissionService> = {
-		canI: () => signal(true).asReadonly(),
-		ready: signal(true).asReadonly(),
-	};
-
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, MatDialogModule, Angulartics2Module.forRoot(), UsersComponent],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				{ provide: MatDialogRef, useValue: {} },
-				{ provide: UsersService, useValue: mockUsersService },
-				{ provide: TablesService, useValue: mockTablesService },
-				{ provide: CedarPermissionService, useValue: mockPermissions },
-			],
-		}).compileComponents();
-	});
-
-	beforeEach(() => {
-		fixture = TestBed.createComponent(UsersComponent);
-		component = fixture.componentInstance;
-		dialog = TestBed.inject(MatDialog);
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-
-	it('should open create group dialog', () => {
-		const fakeCreateUsersGroupOpen = vi.spyOn(dialog, 'open');
-		const event = { preventDefault: vi.fn(), stopImmediatePropagation: vi.fn() } as unknown as Event;
-
-		component.openCreateUsersGroupDialog(event);
-		expect(fakeCreateUsersGroupOpen).toHaveBeenCalledWith(GroupAddDialogComponent, {
-			width: '25em',
-		});
-	});
-
-	it('should open add user dialog', () => {
-		const fakeAddUserDialogOpen = vi.spyOn(dialog, 'open');
-
-		component.openAddUserDialog(fakeGroup);
-		expect(fakeAddUserDialogOpen).toHaveBeenCalledWith(UserAddDialogComponent, {
-			width: '25em',
-			data: { group: fakeGroup, availableMembers: [] },
-		});
-	});
-
-	it('should open delete group dialog', () => {
-		const fakeDeleteGroupDialogOpen = vi.spyOn(dialog, 'open');
-
-		component.openDeleteGroupDialog(fakeGroup);
-		expect(fakeDeleteGroupDialogOpen).toHaveBeenCalledWith(GroupDeleteDialogComponent, {
-			width: '25em',
-			data: fakeGroup,
-		});
-	});
-
-	it('should open delete user dialog', () => {
-		const fakeUser = {
-			id: 'user-12345678',
-			createdAt: '2021-10-01T13:43:02.034Z',
-			gclid: null,
-			isActive: true,
-			email: 'user@test.com',
-		};
-
-		const fakeDeleteUserDialogOpen = vi.spyOn(dialog, 'open');
-
-		component.openDeleteUserDialog(fakeUser, fakeGroup);
-		expect(fakeDeleteUserDialogOpen).toHaveBeenCalledWith(UserDeleteDialogComponent, {
-			width: '25em',
-			data: { user: fakeUser, group: fakeGroup },
-		});
-	});
-
-	it('should return null for group users that are not loaded', () => {
-		const result = component.getGroupUsers('nonexistent-id');
-		expect(result).toBeNull();
-	});
-});
diff --git a/frontend/src/app/components/users/users.component.ts b/frontend/src/app/components/users/users.component.ts
deleted file mode 100644
index dee6f6a13..000000000
--- a/frontend/src/app/components/users/users.component.ts
+++ /dev/null
@@ -1,216 +0,0 @@
-import { Component, computed, DestroyRef, effect, inject, OnInit, signal } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDialog } from '@angular/material/dialog';
-import { MatAccordion, MatExpansionModule } from '@angular/material/expansion';
-import { MatIconModule } from '@angular/material/icon';
-import { MatListModule } from '@angular/material/list';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { Title } from '@angular/platform-browser';
-import { RouterLink } from '@angular/router';
-import { Angulartics2, Angulartics2OnModule } from 'angulartics2';
-import { differenceBy } from 'lodash-es';
-import posthog from 'posthog-js';
-import { take } from 'rxjs';
-import { GroupUser, User, UserGroup } from 'src/app/models/user';
-import { CedarPermissionService } from 'src/app/services/cedar-permission.service';
-import { CompanyService } from 'src/app/services/company.service';
-import { ConnectionsService } from 'src/app/services/connections.service';
-import { UserService } from 'src/app/services/user.service';
-import { UsersService } from '../../services/users.service';
-import { PlaceholderUserGroupComponent } from '../skeletons/placeholder-user-group/placeholder-user-group.component';
-import { PlaceholderUserGroupsComponent } from '../skeletons/placeholder-user-groups/placeholder-user-groups.component';
-import { CedarPolicyEditorDialogComponent } from './cedar-policy-editor-dialog/cedar-policy-editor-dialog.component';
-import { GroupAddDialogComponent } from './group-add-dialog/group-add-dialog.component';
-import { GroupDeleteDialogComponent } from './group-delete-dialog/group-delete-dialog.component';
-import { GroupNameEditDialogComponent } from './group-name-edit-dialog/group-name-edit-dialog.component';
-import { PublicAccessPanelComponent } from './public-access-panel/public-access-panel.component';
-import { UserAddDialogComponent } from './user-add-dialog/user-add-dialog.component';
-import { UserDeleteDialogComponent } from './user-delete-dialog/user-delete-dialog.component';
-
-@Component({
-	selector: 'app-users',
-	imports: [
-		MatButtonModule,
-		MatIconModule,
-		MatListModule,
-		MatExpansionModule,
-		MatAccordion,
-		MatTooltipModule,
-		RouterLink,
-		Angulartics2OnModule,
-		PlaceholderUserGroupsComponent,
-		PlaceholderUserGroupComponent,
-		PublicAccessPanelComponent,
-	],
-	templateUrl: './users.component.html',
-	styleUrls: ['./users.component.css'],
-})
-export class UsersComponent implements OnInit {
-	private _usersService = inject(UsersService);
-	private _userService = inject(UserService);
-	private _connections = inject(ConnectionsService);
-	private _company = inject(CompanyService);
-	private _dialog = inject(MatDialog);
-	private _title = inject(Title);
-	private _destroyRef = inject(DestroyRef);
-	private _permissions = inject(CedarPermissionService);
-
-	protected posthog = posthog;
-	protected connectionID: string | null = null;
-
-	protected currentUser = signal<User | null>(null);
-	// biome-ignore lint/suspicious/noExplicitAny: legacy company member type
-	protected companyMembers = signal<any[]>([]);
-
-	protected groups = computed(() => {
-		const g = this._usersService.groups();
-		return g.length > 0 || !this._usersService.groupsLoading() ? g : null;
-	});
-
-	protected groupUsers = this._usersService.groupUsers;
-
-	protected companyMembersWithoutAccess = computed(() => {
-		const members = this.companyMembers();
-		const users = this.groupUsers();
-		const allGroupUsers = Object.values(users).flat();
-		return differenceBy(members, allGroupUsers, 'email');
-	});
-
-	constructor() {
-		// React to group update events
-		effect(() => {
-			const action = this._usersService.groupsUpdated();
-			if (!action) return;
-
-			if (action === 'user-added' || action === 'user-deleted') {
-				// Refresh all group users to get updated data
-				const currentGroups = this._usersService.groups();
-				if (currentGroups.length) {
-					this._usersService.fetchAllGroupUsers(currentGroups);
-				}
-			} else if (action !== 'policy-saved') {
-				// Group-level changes: refresh groups resource, then users
-				// (policy-saved already refreshes in UsersService.saveCedarPolicy)
-				this._usersService.refreshGroups();
-			}
-			this._usersService.clearGroupsUpdated();
-		});
-
-		// Fetch group users when groups load
-		effect(() => {
-			const groups = this._usersService.groups();
-			if (groups.length > 0) {
-				this._usersService.fetchAllGroupUsers(groups);
-			}
-		});
-	}
-
-	ngOnInit() {
-		this.connectionID = this._connections.currentConnectionID;
-
-		this._connections
-			.getCurrentConnectionTitle()
-			.pipe(take(1))
-			.subscribe((connectionTitle) => {
-				this._title.setTitle(`User permissions - ${connectionTitle} | Rocketadmin`);
-			});
-
-		this._userService.cast.pipe(takeUntilDestroyed(this._destroyRef)).subscribe((user) => {
-			this.currentUser.set(user);
-
-			this._company.fetchCompanyMembers(user.company.id).subscribe((members) => {
-				this.companyMembers.set(members);
-			});
-		});
-	}
-
-	protected canCreateGroup = this._permissions.canI('group:edit', 'Group', this._connections.currentConnectionID);
-
-	// Matches ConnectionEditGuard on the public-permissions endpoints.
-	protected canEditConnection = this._permissions.canI(
-		'connection:edit',
-		'Connection',
-		this._connections.currentConnectionID,
-	);
-
-	canManageGroup(groupId: string) {
-		return this._permissions.canI('group:edit', 'Group', groupId);
-	}
-
-	getGroupUsers(groupId: string): GroupUser[] | null {
-		const val = this.groupUsers()[groupId];
-		if (!val || val === 'empty') return null;
-		return val;
-	}
-
-	getUserInitials(user: GroupUser): string {
-		const name = user.name;
-		if (name) {
-			const parts = name.trim().split(/\s+/);
-			if (parts.length >= 2) return (parts[0][0] + parts[1][0]).toUpperCase();
-			return parts[0][0].toUpperCase();
-		}
-		return user.email[0].toUpperCase();
-	}
-
-	openCreateUsersGroupDialog(event: Event) {
-		event.preventDefault();
-		event.stopImmediatePropagation();
-		const dialogRef = this._dialog.open(GroupAddDialogComponent, {
-			width: '25em',
-		});
-		dialogRef.afterClosed().subscribe((createdGroup) => {
-			if (createdGroup) {
-				this._dialog.open(CedarPolicyEditorDialogComponent, {
-					width: '40em',
-					panelClass: 'mobile-bottom-sheet-dialog',
-					data: { groupId: createdGroup.id, groupTitle: createdGroup.title, cedarPolicy: null },
-				});
-			}
-		});
-	}
-
-	openAddUserDialog(group: UserGroup) {
-		const groupUsersList = this.groupUsers()[group.id];
-		const availableMembers = differenceBy(
-			this.companyMembers(),
-			groupUsersList === 'empty' ? [] : ((groupUsersList as []) ?? []),
-			'email',
-		);
-		this._dialog.open(UserAddDialogComponent, {
-			width: '25em',
-			data: { availableMembers, group },
-		});
-	}
-
-	openDeleteGroupDialog(group: UserGroup) {
-		this._dialog.open(GroupDeleteDialogComponent, {
-			width: '25em',
-			data: group,
-		});
-	}
-
-	openEditGroupNameDialog(e: Event, group: UserGroup) {
-		e.stopPropagation();
-		this._dialog.open(GroupNameEditDialogComponent, {
-			width: '25em',
-			data: group,
-		});
-	}
-
-	openCedarPolicyDialog(group: UserGroup) {
-		this._dialog.open(CedarPolicyEditorDialogComponent, {
-			width: '40em',
-			panelClass: 'mobile-bottom-sheet-dialog',
-			data: { groupId: group.id, groupTitle: group.title, cedarPolicy: group.cedarPolicy },
-		});
-	}
-
-	openDeleteUserDialog(user: GroupUser, group: UserGroup) {
-		this._dialog.open(UserDeleteDialogComponent, {
-			width: '25em',
-			data: { user, group },
-		});
-	}
-}
diff --git a/frontend/src/app/components/view-as-banner/view-as-banner.component.css b/frontend/src/app/components/view-as-banner/view-as-banner.component.css
deleted file mode 100644
index 476666cd2..000000000
--- a/frontend/src/app/components/view-as-banner/view-as-banner.component.css
+++ /dev/null
@@ -1,40 +0,0 @@
-.view-as-banner {
-	position: sticky;
-	top: 0;
-	z-index: 1100;
-	display: flex;
-	align-items: center;
-	gap: 12px;
-	padding: 8px 16px;
-	background-color: var(--color-warningPalette-500);
-	color: #fff;
-	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
-	font-size: 14px;
-}
-
-.view-as-banner__icon {
-	flex-shrink: 0;
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
-	line-height: 20px;
-}
-
-.view-as-banner__text {
-	flex: 1;
-	min-width: 0;
-}
-
-.view-as-banner__text strong {
-	font-weight: 600;
-}
-
-.view-as-banner__exit.mat-mdc-outlined-button {
-	--mdc-outlined-button-label-text-color: #fff;
-	--mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.7);
-	flex-shrink: 0;
-}
-
-.view-as-banner__exit.mat-mdc-outlined-button:hover {
-	background-color: rgba(255, 255, 255, 0.12);
-}
diff --git a/frontend/src/app/components/view-as-banner/view-as-banner.component.html b/frontend/src/app/components/view-as-banner/view-as-banner.component.html
deleted file mode 100644
index 8e0086f19..000000000
--- a/frontend/src/app/components/view-as-banner/view-as-banner.component.html
+++ /dev/null
@@ -1,11 +0,0 @@
-@if (isActive()) {
-    <div class="view-as-banner" role="status" aria-live="polite">
-        <mat-icon class="view-as-banner__icon" fontSet="material-symbols-outlined">visibility</mat-icon>
-        <span class="view-as-banner__text">
-            Viewing as group <strong>{{ groupLabel() }}</strong>
-        </span>
-        <button type="button" mat-stroked-button class="view-as-banner__exit" (click)="exit()">
-            Exit view mode
-        </button>
-    </div>
-}
diff --git a/frontend/src/app/components/view-as-banner/view-as-banner.component.ts b/frontend/src/app/components/view-as-banner/view-as-banner.component.ts
deleted file mode 100644
index f227a6033..000000000
--- a/frontend/src/app/components/view-as-banner/view-as-banner.component.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component, computed, inject } from '@angular/core';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { UsersService } from '../../services/users.service';
-import { ViewAsService } from '../../services/view-as.service';
-
-@Component({
-	selector: 'app-view-as-banner',
-	imports: [MatButtonModule, MatIconModule],
-	templateUrl: './view-as-banner.component.html',
-	styleUrls: ['./view-as-banner.component.css'],
-})
-export class ViewAsBannerComponent {
-	private _viewAs = inject(ViewAsService);
-	private _usersService = inject(UsersService);
-
-	protected isActive = this._viewAs.isActive;
-
-	protected groupLabel = computed(() => {
-		const id = this._viewAs.viewAsGroupId();
-		if (!id) return '';
-		const match = this._usersService.groups().find((gi) => gi.group.id === id);
-		if (match) return match.group.title;
-		// Group list not loaded for this connection — fall back to a truncated id
-		return id.length > 8 ? `${id.slice(0, 8)}…` : id;
-	});
-
-	exit(): void {
-		this._viewAs.clearViewAs();
-	}
-}
diff --git a/frontend/src/app/components/zapier/zapier.component.css b/frontend/src/app/components/zapier/zapier.component.css
deleted file mode 100644
index 0921729bc..000000000
--- a/frontend/src/app/components/zapier/zapier.component.css
+++ /dev/null
@@ -1,29 +0,0 @@
-.profile-layout {
-	display: flex;
-	height: calc(100vh - 64px);
-}
-
-.profile-main {
-	flex: 1;
-	background-color: var(--mat-sidenav-content-background-color);
-	overflow-y: auto;
-}
-
-::ng-deep .profile-main > app-alert {
-	position: relative;
-	top: 0;
-	margin: 24px;
-}
-
-.zapier-page {
-	display: flex;
-	flex-direction: column;
-	margin: var(--top-margin) auto;
-	padding: 0 clamp(40px, 5vw, 100px);
-	max-width: 1200px;
-}
-
-.zapier-docs-button {
-	align-self: flex-end;
-	margin-bottom: -36px;
-}
diff --git a/frontend/src/app/components/zapier/zapier.component.html b/frontend/src/app/components/zapier/zapier.component.html
deleted file mode 100644
index 9554a21b0..000000000
--- a/frontend/src/app/components/zapier/zapier.component.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<div class="profile-layout">
-    <app-profile-sidebar activeTab="zapier"></app-profile-sidebar>
-
-    <div class="profile-main">
-        <app-alert></app-alert>
-
-        <div class="zapier-page">
-            <a mat-stroked-button
-                class="zapier-docs-button"
-                href="https://docs.rocketadmin.com/Integrations/Zapier"
-                color="primary">
-                <mat-icon>open_in_new</mat-icon>
-                Docs
-            </a>
-            @if (currentUser()) {
-                <zapier-workflow
-                    [signUpEmail]="currentUser().email"
-                    [clientId]='"4MFV3OrjI8e8JkZPySqbFVbKtZUz0sV0H3XJnb6w"'
-                    [theme]='"auto"'
-                    [introCopyDisplay]='"show"'
-                    [guessZapDisplay]='"show"'
-                    [zapCreateFromScratchDisplay]='"hide"'
-                ></zapier-workflow>
-            }
-        </div>
-    </div>
-</div>
diff --git a/frontend/src/app/components/zapier/zapier.component.spec.ts b/frontend/src/app/components/zapier/zapier.component.spec.ts
deleted file mode 100644
index d4f23678c..000000000
--- a/frontend/src/app/components/zapier/zapier.component.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { RouterModule } from '@angular/router';
-import { ZapierComponent } from './zapier.component';
-
-describe('ZapierComponent', () => {
-	let component: ZapierComponent;
-	let fixture: ComponentFixture<ZapierComponent>;
-
-	beforeEach(async () => {
-		await TestBed.configureTestingModule({
-			imports: [ZapierComponent, RouterModule.forRoot([])],
-			providers: [provideHttpClient()],
-		}).compileComponents();
-
-		fixture = TestBed.createComponent(ZapierComponent);
-		component = fixture.componentInstance;
-		fixture.detectChanges();
-	});
-
-	it('should create', () => {
-		expect(component).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/components/zapier/zapier.component.ts b/frontend/src/app/components/zapier/zapier.component.ts
deleted file mode 100644
index d7b6bbdad..000000000
--- a/frontend/src/app/components/zapier/zapier.component.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Component, CUSTOM_ELEMENTS_SCHEMA, inject, OnInit } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-
-import { UserService } from 'src/app/services/user.service';
-import { ProfileSidebarComponent } from '../profile/profile-sidebar/profile-sidebar.component';
-import { AlertComponent } from '../ui-components/alert/alert.component';
-
-@Component({
-	selector: 'app-zapier',
-	imports: [MatIconModule, MatButtonModule, ProfileSidebarComponent, AlertComponent],
-	templateUrl: './zapier.component.html',
-	styleUrl: './zapier.component.css',
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class ZapierComponent implements OnInit {
-	currentUser = toSignal(inject(UserService).cast);
-
-	ngOnInit(): void {
-		this._loadZapierElements();
-	}
-
-	private _loadZapierElements(): void {
-		const cdnBase = 'https://cdn.zapier.com/packages/partner-sdk/v0/zapier-elements';
-
-		if (!document.querySelector(`script[src="${cdnBase}/zapier-elements.esm.js"]`)) {
-			const script = document.createElement('script');
-			script.type = 'module';
-			script.src = `${cdnBase}/zapier-elements.esm.js`;
-			document.head.appendChild(script);
-		}
-
-		if (!document.querySelector(`link[href="${cdnBase}/zapier-elements.css"]`)) {
-			const link = document.createElement('link');
-			link.rel = 'stylesheet';
-			link.href = `${cdnBase}/zapier-elements.css`;
-			document.head.appendChild(link);
-		}
-	}
-}
diff --git a/frontend/src/app/consts/acronyms.ts b/frontend/src/app/consts/acronyms.ts
deleted file mode 100644
index 990f4c316..000000000
--- a/frontend/src/app/consts/acronyms.ts
+++ /dev/null
@@ -1,5828 +0,0 @@
-export default [
-	'0D',
-	'1AM',
-	'1D',
-	'2AM',
-	'2D',
-	'2G',
-	'2LA',
-	'2Lt',
-	'3AM',
-	'3D',
-	'3G',
-	'3i',
-	'3M',
-	'4D',
-	'4G',
-	'4GL',
-	'4WD',
-	'5D',
-	'6D',
-	'7D',
-	'8D',
-	'9D',
-	'A1C',
-	'A4',
-	'A10',
-	'aa',
-	'aA',
-	'AA',
-	'AAA',
-	'AAAI',
-	'AAAS',
-	'AAAV',
-	'AAC',
-	'AAD',
-	'AADD',
-	'AADT',
-	'AADAC',
-	'AADC',
-	'AAFC',
-	'AAFES',
-	'AAI',
-	'AAIS',
-	'AAM',
-	'AAMOF',
-	'AAN',
-	'AANEAS',
-	'AAODL',
-	'AAP',
-	'AAPC',
-	'aar',
-	'AAR',
-	'AARP',
-	'AAS',
-	'AASPEM',
-	'AAT',
-	'AAV',
-	'AAWC',
-	'ab',
-	'AB',
-	'ABA',
-	'ABB',
-	'ABBA',
-	'ABC',
-	'ABCA',
-	'ABCS',
-	'ABET',
-	'ABFIST',
-	'ABGI',
-	'ABIN',
-	'abk',
-	'ABL',
-	'ABLE',
-	'ABM',
-	'ABMC',
-	'ABN',
-	'ABPI',
-	'ABRSM',
-	'ABS',
-	'ABSA',
-	'ABSTRIPS',
-	'ABV',
-	'ABW',
-	'aC',
-	'Ac',
-	'AC',
-	'AC1',
-	'AC2',
-	'ACA',
-	'ACARS',
-	'ACAS',
-	'ACB',
-	'ACC',
-	'ACCA',
-	'ACCAC',
-	'ACCD',
-	'ACCS',
-	'ACDA',
-	'ACDC',
-	'ACDT',
-	'ACE',
-	'ACES',
-	'ACF',
-	'ACHT',
-	'ACID',
-	'ACINT',
-	'ACK',
-	'ACL',
-	'ACLJ',
-	'ACLOS',
-	'ACLS',
-	'ACLU',
-	'ACM',
-	'ACMC',
-	'ACN',
-	'ACNA',
-	'ACO',
-	'ACOBA',
-	'ACOG',
-	'ACOM',
-	'ACORN',
-	'ACP',
-	'ACR',
-	'ACRI',
-	'ACRT',
-	'ACS',
-	'ACSC',
-	'ACST',
-	'ACST',
-	'ACT',
-	'ACTD',
-	'ACTF',
-	'ACTU',
-	'ACU',
-	'ACUF',
-	'ACV',
-	'AD',
-	'ADA',
-	'ADAC',
-	'ADAGE',
-	'ADAP',
-	'ADAS',
-	'ADAT',
-	'ADatP',
-	'ADATS',
-	'ADB',
-	'ADC',
-	'ADCTS',
-	'ADD',
-	'ADDIE',
-	'ADDNS',
-	'ADF',
-	'ADGB',
-	'ADHD',
-	'ADHS',
-	'ADI',
-	'ADIZ',
-	'ADL',
-	'ADM',
-	'ADOA',
-	'ADP',
-	'ADRG',
-	'ADS',
-	'ADSR',
-	'ADT',
-	'ADTB',
-	'ADW',
-	'ae',
-	'AE',
-	'AED',
-	'AEDT',
-	'AEF',
-	'AEGIS',
-	'AESR',
-	'AEST',
-	'aet',
-	'AEW',
-	'af',
-	'aF',
-	'AF',
-	'AFA',
-	'AFAIC',
-	'AFAICT',
-	'AFAIK',
-	'AFAIR',
-	'AFAM',
-	'AFATDS',
-	'AFC',
-	'AFCEA',
-	'AFDB',
-	'AFES',
-	'AFG',
-	'AFI',
-	'AFIS',
-	'AFIST',
-	'AFJ',
-	'AFK',
-	'AFL',
-	'AFLAC',
-	'AFM',
-	'AFN',
-	'AFO',
-	'AFOSR',
-	'AFP',
-	'AFQT',
-	'afr',
-	'AFRC',
-	'AFRL',
-	'AFROTC',
-	'AFRRI',
-	'AFRTS',
-	'AFS',
-	'AFSC',
-	'AFSCN',
-	'AFSPC',
-	'AFT',
-	'AFV',
-	'AFWA',
-	'ag',
-	'Ag',
-	'AG',
-	'AGA',
-	'AGARD',
-	'AGARDograph',
-	'AGASA',
-	'AGB',
-	'AGC',
-	'AGC',
-	'AGDC',
-	'AGI',
-	'AGL',
-	'AGM',
-	'AGN',
-	'AGO',
-	'AGP',
-	'AGRICOLA',
-	'AGS',
-	'AGTS',
-	'AGU',
-	'AGW',
-	'aH',
-	'Ah',
-	'AH',
-	'AHA',
-	'AHCPR',
-	'AHEC',
-	'AHPCRC',
-	'AHQ',
-	'AHRQ',
-	'AHS',
-	'AI',
-	'AIA',
-	'AIAA',
-	'AIC',
-	'AICD',
-	'AICMFP',
-	'AID',
-	'AIDS',
-	'AIM',
-	'AIMP',
-	'AIPAC',
-	'AIR',
-	'AIRFA',
-	'AIRS',
-	'AIS',
-	'AISB',
-	'aJ',
-	'AJ',
-	'Ajax',
-	'AJD',
-	'AJP',
-	'AJPW',
-	'ak',
-	'aK',
-	'AK',
-	'aka',
-	'AKA',
-	'AKDT',
-	'AKST',
-	'AKP',
-	'aL',
-	'Al',
-	'AL',
-	'ALA',
-	'ALAP',
-	'ALARM',
-	'ALB',
-	'ALD',
-	'ALERT',
-	'ALF',
-	'ALG',
-	'ALGOL',
-	'ALL',
-	'ALOA',
-	'ALOC',
-	'ALPA',
-	'ALS',
-	'ALSHS',
-	'ALSP',
-	'ALTE',
-	'ALTACS',
-	'am',
-	'Am',
-	'AM',
-	'AM1',
-	'AMA',
-	'AMAPS',
-	'AMC',
-	'AMCB',
-	'AMD',
-	'AMF',
-	'AMFOM',
-	'AMFR',
-	'AMFRS',
-	'amh',
-	'AML',
-	'AMLCD',
-	'AMLO',
-	'AMO',
-	'AMOLED',
-	'AMOS',
-	'AMP',
-	'AMRAAM',
-	'AMRDEC',
-	'AMS',
-	'AMSAA',
-	'AMSO',
-	'AMSU',
-	'AMTE',
-	'an',
-	'aN',
-	'AN',
-	'ANA',
-	'ANC',
-	'AND',
-	'ANFO',
-	'ANG',
-	'ANGLiCo',
-	'ANL',
-	'ANM',
-	'ANOVA',
-	'ANS',
-	'ANSI',
-	'ANTM',
-	'ANT',
-	'ANTY',
-	'ANWR',
-	'ANZ',
-	'ANZAC',
-	'AO',
-	'AOA',
-	'AOC',
-	'AOD',
-	'AOI',
-	'AOL',
-	'AOR',
-	'AOSTH',
-	'AOTS',
-	'AOU',
-	'AP',
-	'APA',
-	'APB',
-	'APC',
-	'APEC',
-	'APCNR',
-	'APCR',
-	'APDS',
-	'APEDS',
-	'APEX',
-	'APFSDS',
-	'APHA',
-	'APHE',
-	'APHIS',
-	'API',
-	'APL',
-	'APM',
-	'APOD',
-	'APOE',
-	'APOLLO',
-	'APP',
-	'APR',
-	'APS',
-	'AQ',
-	'AQIM',
-	'ar',
-	'Ar',
-	'AR',
-	'ara',
-	'ARAG',
-	'ARB',
-	'ARBA',
-	'ARC',
-	'ARCA',
-	'ARCENT',
-	'ARDA',
-	'ARE',
-	'ARF',
-	'arg',
-	'ARG',
-	'ARH',
-	'ARI',
-	'ARL',
-	'ARM',
-	'ARNet',
-	'ARP',
-	'ARPA',
-	'ARRC',
-	'ARRF',
-	'ARRL',
-	'ARS',
-	'ARSC',
-	'ARSPACE',
-	'ART',
-	'ARTCC',
-	'ARWG',
-	'as',
-	'aS',
-	'As',
-	'AS',
-	'AS',
-	'ASA',
-	'ASAP',
-	'ASARS',
-	'ASB',
-	'asbl',
-	'ASBO',
-	'ASCAP',
-	'ASCC',
-	'ASCIET',
-	'ASCII',
-	'ASD',
-	'ASDIC',
-	'ASEAN',
-	'ASFAR',
-	'ASG',
-	'ASIC',
-	'ASICS',
-	'ASIO',
-	'ASIP',
-	'ASL',
-	'asm',
-	'ASM',
-	'ASMB',
-	'ASME',
-	'ASMP',
-	'ASN',
-	'ASOC',
-	'ASP',
-	'ASPI',
-	'ASR',
-	'ASRAAM',
-	'ASSC',
-	'AST',
-	'ASTIA',
-	'ASTM',
-	'ASTREA',
-	'ASUW',
-	'ASVAB',
-	'ASVEL',
-	'ASW',
-	'ASWORG',
-	'ASX',
-	'aT',
-	'At',
-	'ATA',
-	'ATAC',
-	'ATACMS',
-	'ATAPI',
-	'ATAS',
-	'ATAT',
-	'ATB',
-	'ATC',
-	'ATCCIS',
-	'ATESS',
-	'ATF',
-	'ATG',
-	'ATGM',
-	'ATGW',
-	'ATI',
-	'Atisbo',
-	'ATK',
-	'ATL',
-	'ATLAS',
-	'ATM',
-	'ATN',
-	'ATO',
-	'ATP',
-	'ATSD',
-	'ATSDR',
-	'ATV',
-	'ATWA',
-	'Au',
-	'AU',
-	'AUC',
-	'AUD',
-	'AUS',
-	'AUSCANNZUKUS',
-	'Auslan',
-	'AUT',
-	'AUTL',
-	'av',
-	'aV',
-	'Av',
-	'AV',
-	'ava',
-	'AVA',
-	'AVB',
-	'AVDLR',
-	'ave',
-	'AVGP',
-	'AVI',
-	'AVIM',
-	'AVLB',
-	'AVM',
-	'AVO',
-	'AVP',
-	'AVP',
-	'AVRE',
-	'AVTB',
-	'AVUM',
-	'AVVO',
-	'aW',
-	'AW',
-	'AWA',
-	'AWACS',
-	'AWC',
-	'AWD',
-	'AWE',
-	'AWG',
-	'AWOL',
-	'AWP',
-	'AWSIM',
-	'AWST',
-	'AWW',
-	'AX',
-	'AXP',
-	'ay',
-	'AY',
-	'AYBABTU',
-	'aym',
-	'AYU',
-	'az',
-	'AZ',
-	'aze',
-	'AZE',
-	'AZN',
-	'AZUR',
-	'BAR',
-	'BB',
-	'BBB',
-	'BBC',
-	'BBD',
-	'BBL',
-	'BBS',
-	'BBYO',
-	'BC',
-	'BCA',
-	'BCCI',
-	'BCE',
-	'BCS',
-	'BEA',
-	'BES',
-	'BH',
-	'BHS',
-	'BNF',
-	'BNP',
-	'BO',
-	'BoAML',
-	'BOC',
-	'BOGs',
-	'BOI',
-	'BOM',
-	'BOQ',
-	'BOT',
-	'BP',
-	'BPV',
-	'BQ',
-	'BR',
-	'BRB',
-	'BRN',
-	'BS',
-	'BSA',
-	'BSatCoP',
-	'BSD',
-	'BSE',
-	'BSN',
-	'BSNL',
-	'BSP',
-	'BST',
-	'Bt',
-	'BT',
-	'BTN',
-	'C2C',
-	'Ca',
-	'CA',
-	'CAA',
-	'CAAT',
-	'CAC',
-	'CACM',
-	'CAD',
-	'CADCAM',
-	'CADPAT',
-	'CADMID',
-	'CAE',
-	'CAEn',
-	'CAF',
-	'CAFAD',
-	'CAFDE',
-	'CAI',
-	'CAIR',
-	'CALABARZON',
-	'CalPERS',
-	'Caltrans',
-	'CAM',
-	'CAMRA',
-	'CANA',
-	'CANDU',
-	'Canola',
-	'CAP',
-	'CAPES',
-	'CARE',
-	'CARMONETTE',
-	'CARP',
-	'CART',
-	'CAS',
-	'CASA',
-	'CASE',
-	'CASS',
-	'CASTFOREM',
-	'CASTOR',
-	'cat',
-	'CAT',
-	'CATK',
-	'CATS',
-	'CATT',
-	'CAV',
-	'CAVOK',
-	'CAW',
-	'CB',
-	'CBASSE',
-	'CBC',
-	'CBE',
-	'CBF',
-	'CBGB',
-	'CBLA',
-	'CBN',
-	'CBM',
-	'CBML',
-	'CBOL',
-	'CBOT',
-	'CBR',
-	'CBRN',
-	'CBRNE',
-	'CBS',
-	'CBT',
-	'CBUS',
-	'CC',
-	'CCA',
-	'CCC',
-	'CCCP',
-	'CCD',
-	'CCF',
-	'CCG',
-	'CCGC',
-	'CCGH',
-	'CCGS',
-	'CCH',
-	'CCIF',
-	'CCII',
-	'CCIR',
-	'CCIT',
-	'CCITT',
-	'CCK',
-	'CCM',
-	'CCOC',
-	'CCOP',
-	'CCP',
-	'CCPA',
-	'CCR',
-	'CCRAp',
-	'CCRP',
-	'CCRTS',
-	'CCSCS',
-	'CCSCS',
-	'CCSIL',
-	'CCSK',
-	'CCT',
-	'CCTT',
-	'cd',
-	'Cd',
-	'CD',
-	'CD1',
-	'CDA',
-	'CDC',
-	'CDD',
-	'CDE',
-	'CDEC',
-	'CDF',
-	'CDIAC',
-	'CDipAF',
-	'CDL',
-	'CDM',
-	'CDMA',
-	'CDMSII',
-	'Cdr',
-	'CDS',
-	'Cdt',
-	'CDT',
-	'ce',
-	'Ce',
-	'CE',
-	'CEA',
-	'CECOM',
-	'CEDEX',
-	'CEGEP',
-	'CEI',
-	'CENTCOM',
-	'CENTO',
-	'CENZUB',
-	'CEO',
-	'CEP',
-	'CEPT',
-	'CERCLA',
-	'CERDEC',
-	'CERGA',
-	'CERN',
-	'CERT',
-	'ces',
-	'CESS',
-	'CEV',
-	'CEWC',
-	'Cf',
-	'CF',
-	'CFA',
-	'CFAR',
-	'CFC',
-	'CFES',
-	'CFFZ',
-	'CFG',
-	'CFHT',
-	'CFI',
-	'CFL',
-	'CFLCC',
-	'CFM',
-	'CFO',
-	'CFP',
-	'CFR',
-	'CFRP',
-	'CFS',
-	'CFSP',
-	'CFU',
-	'CFV',
-	'CFZ',
-	'CG',
-	'CGDC',
-	'CGF',
-	'CGH',
-	'CGIG',
-	'CGM',
-	'CGO',
-	'CGS',
-	'CGT',
-	'ch',
-	'ch',
-	'CH',
-	'cha',
-	'CHAMPUS',
-	'CHAOS',
-	'CHAPS',
-	'CHDK',
-	'che',
-	'CHE',
-	'CHF',
-	'CHI',
-	'CHI',
-	'CHiP',
-	'CHIPS',
-	'CHL',
-	'CHLA',
-	'CHN',
-	'CHOGM',
-	'CHP',
-	'CHPSO',
-	'CHS',
-	'CHT',
-	'chu',
-	'chv',
-	'CREN',
-	'Ci',
-	'CI',
-	'CIA',
-	'CIAO',
-	'CIB',
-	'CIBC',
-	'CICS',
-	'CID',
-	'CID',
-	'CIEF',
-	'CIF',
-	'CIMIC',
-	'CIMMYT',
-	'CINC',
-	'CINEOS',
-	'CIO',
-	'CIP',
-	'CIPE',
-	'CIR',
-	'CIR',
-	'CIS',
-	'CISA',
-	'CISB',
-	'CISPR',
-	'CISSP',
-	'CITES',
-	'CITS',
-	'CIV',
-	'CIVETS',
-	'CIVPOP',
-	'CIWS',
-	'CHRS',
-	'CJ',
-	'CJC',
-	'CJD',
-	'CJCS',
-	'CJO',
-	'CJTF',
-	'CK',
-	'CKA',
-	'CKND',
-	'Cl',
-	'CL',
-	'CLA',
-	'CLEC',
-	'CLEMARS',
-	'CLI',
-	'CLIC',
-	'CLO',
-	'CLOB',
-	'CLOS',
-	'CLOS',
-	'CLP',
-	'CLPFC',
-	'CLRP',
-	'Cm',
-	'CM',
-	'CMA',
-	'CMB',
-	'CMBR',
-	'CME',
-	'CMHC',
-	'CMIIAW',
-	'CMIS',
-	'CMJ',
-	'CML',
-	'CMLL',
-	'CMM',
-	'CMMC',
-	'CMML',
-	'CMO',
-	'CMOC',
-	'CMOS',
-	'CMP',
-	'CMP',
-	'CMPD',
-	'CMPD',
-	'CMR',
-	'CMS',
-	'CMT',
-	'CMU',
-	'CMW',
-	'CMYK',
-	'CN',
-	'CNA',
-	'CNBC',
-	'CND',
-	'CNE',
-	'CNF',
-	'CNI',
-	'CNI',
-	'CNN',
-	'CNO',
-	'CNR',
-	'CNV',
-	'CNY',
-	'co',
-	'Co',
-	'CO',
-	'COA',
-	'COB',
-	'COBRA',
-	'COCOM',
-	'COD',
-	'CoDA',
-	'codec',
-	'COE',
-	'COEA',
-	'COEIA',
-	'COFT',
-	'COG',
-	'COGENT',
-	'COIL',
-	'COIN',
-	'COK',
-	'COL',
-	'COLA',
-	'COLT',
-	'COM',
-	'COMECON',
-	'COMMZ',
-	'COMSEC',
-	'CONAD',
-	'CONCACAF',
-	'CONMEBOL',
-	'CONOPS',
-	'CONUS',
-	'COO',
-	'COP',
-	'COPE',
-	'COPUS',
-	'cor',
-	'CORBA',
-	'CORD',
-	'CORE',
-	'CORG',
-	'COROT',
-	'cos',
-	'COS',
-	'COSCOM',
-	'COSER',
-	'CoT',
-	'COTS',
-	'Coy',
-	'CP',
-	'CPA',
-	'CPAC',
-	'CPCU',
-	'CPD',
-	'CPE',
-	'CPE',
-	'CPF',
-	'CPG',
-	'CPI',
-	'CPIM',
-	'CPIR',
-	'CPON',
-	'CPPCC',
-	'CPR',
-	'CPR',
-	'CPSM',
-	'CPSU',
-	'CPT',
-	'CPU',
-	'CPV',
-	'CPX',
-	'CQ',
-	'CQD',
-	'cr',
-	'Cr',
-	'CR',
-	'CRAM',
-	'CRC',
-	'CRD',
-	'cre',
-	'CREB',
-	'CREEP',
-	'CRI',
-	'CRIPL',
-	'CRM',
-	'CRO',
-	'CRP',
-	'CRT',
-	'CRTC',
-	'cs',
-	'Cs',
-	'CS',
-	'CSA',
-	'CSAR',
-	'CSC',
-	'CSEAL',
-	'CSERIAC',
-	'CSG',
-	'CSI',
-	'CSICOP',
-	'CSIP',
-	'CSIS',
-	'CSK',
-	'CSL',
-	'CSPI',
-	'CSR',
-	'CSR',
-	'CSRC',
-	'CSRF',
-	'CSS',
-	'CSSCS',
-	'CST',
-	'CT',
-	'CTA',
-	'CTBT',
-	'CTC',
-	'CTDB',
-	'CTE',
-	'CTGF',
-	'CTI',
-	'CTIL',
-	'CTIS',
-	'CTMS',
-	'CTO',
-	'CTS',
-	'CTSS',
-	'CTU',
-	'CTVT',
-	'cu',
-	'Cu',
-	'CU',
-	'CUB',
-	'CUCV',
-	'CUNY',
-	'CUP',
-	'CUPE',
-	'CUPS',
-	'CUPW',
-	'CUREA',
-	'CuW',
-	'CUW',
-	'cv',
-	'CV',
-	'CVCC',
-	'CVE',
-	'CVI',
-	'CVLL',
-	'CVR',
-	'CVS',
-	'CVSD',
-	'CVT',
-	'CW',
-	'CWC',
-	'CWS',
-	'CWRU',
-	'CX',
-	'CXR',
-	'cy',
-	'CY',
-	'cym',
-	'CYM',
-	'CYP',
-	'CZ',
-	'CZE',
-	'CZK',
-	'CZF',
-	'CZMA',
-	'd',
-	'D',
-	'da',
-	'DA',
-	'DAB',
-	'DACT',
-	'DADVSI',
-	'DAES',
-	'DAF',
-	'DAFIF',
-	'DAK',
-	'dan',
-	'DAO',
-	'DAQ',
-	'DARE',
-	'DARO',
-	'DARPA',
-	'DART',
-	'DAS',
-	'DASD',
-	'DASL',
-	'DAU',
-	'DAWN',
-	'dB',
-	'Db',
-	'DB',
-	'DBA',
-	'DBBL',
-	'DBCS',
-	'DBDO',
-	'DBE',
-	'DBF',
-	'DBM',
-	'DBR',
-	'DBRA',
-	'DBS',
-	'DC',
-	'DCA',
-	'DCAA',
-	'DCAS',
-	'DCC',
-	'DCC',
-	'DCCP',
-	'DCD',
-	'DCE',
-	'DCFC',
-	'DCI',
-	'DCIM',
-	'DCIMS',
-	'DCL',
-	'DCN',
-	'DCOM',
-	'DCOP',
-	'DCSOPS',
-	'DCW',
-	'DCYSC',
-	'DD',
-	'DDA',
-	'DDD',
-	'DDL',
-	'DDN',
-	'DDoS',
-	'DDP',
-	'DDR',
-	'DDS',
-	'DDT',
-	'de',
-	'DE',
-	'DEA',
-	'DEA',
-	'DEC',
-	'DeCA',
-	'DECSIM',
-	'DECT',
-	'DEFCON',
-	'DEFRA',
-	'DELT',
-	'DEM',
-	'DEN',
-	'DEPSECDEF',
-	'DERA',
-	'DES',
-	'deu',
-	'DEU',
-	'DF',
-	'DFAD',
-	'DFAS',
-	'DFB',
-	'DFCB',
-	'DfID',
-	'DFL',
-	'DFM',
-	'DFM',
-	'DFSP',
-	'DfT',
-	'DFTBA',
-	'DG',
-	'DGA',
-	'DGPS',
-	'DGZ',
-	'DH',
-	'DHA',
-	'DHHS',
-	'DHL',
-	'DHRA',
-	'DHS',
-	'DHSS',
-	'DHTFYSS',
-	'DHY',
-	'DIA',
-	'DIAC',
-	'DiC',
-	'DICASS',
-	'DILLIGAD',
-	'DILLIGAF',
-	'DIF',
-	'DIFAR',
-	'DIME',
-	'DIMM',
-	'DIN',
-	'DINA',
-	'DINKY',
-	'DIP',
-	'DIPS',
-	'DIR',
-	'DIS',
-	'DISA',
-	'DISCOM',
-	'DISE',
-	'DISSTAF',
-	'DITY',
-	'div',
-	'DIVAD',
-	'DIY',
-	'DJ',
-	'DJD',
-	'DJF',
-	'DJI',
-	'DJS',
-	'DK',
-	'DKK',
-	'DL',
-	'DLA',
-	'DLIC',
-	'DLIR',
-	'DLL',
-	'DLPMC',
-	'DLR',
-	'DLRP',
-	'DLS',
-	'DLSA',
-	'DLSc',
-	'DLSC',
-	'DLTBGYD',
-	'DM',
-	'DMA',
-	'DMC',
-	'DMCA',
-	'DMD',
-	'DMI',
-	'DMM',
-	'DMOC',
-	'DMOS',
-	'DMPA',
-	'DMPFC',
-	'DMPK',
-	'DMRB',
-	'DMS',
-	'DMSO',
-	'DMSP',
-	'DMT',
-	'DMU',
-	'DMV',
-	'DMZ',
-	'DN',
-	'DNA',
-	'DNAW',
-	'DND',
-	'DNDi',
-	'DNDO',
-	'DNM',
-	'DNK',
-	'DNR',
-	'DNS',
-	'DO',
-	'DOA',
-	'DOB',
-	'DOD',
-	'DODAF',
-	'DoDD',
-	'DoDEA',
-	'DOE',
-	'DOHC',
-	'DOI',
-	'DOM',
-	'DOMS',
-	'DOP',
-	'DORA',
-	'DOS',
-	'DOT',
-	'DOTA',
-	'DotD',
-	'DOTMLPF',
-	'DOW',
-	'DP',
-	'DP',
-	'DPA',
-	'DPCO',
-	'DPDT',
-	'DPICM',
-	'DPKO',
-	'DPMO',
-	'DPPDB',
-	'DPRE',
-	'DPRK',
-	'DPST',
-	'DQ',
-	'DR',
-	'DRA',
-	'DRAGN',
-	'DRAM',
-	'DRC',
-	'DRDC',
-	'DREA',
-	'DRES',
-	'DRET',
-	'DREV',
-	'DRI',
-	'DRIC',
-	'DRL',
-	'DRM',
-	'DRMS',
-	'DRPR',
-	'DRT',
-	'Ds',
-	'DS',
-	'DSA',
-	'DSAA',
-	'DSAS',
-	'DSB',
-	'DSC',
-	'DSCS',
-	'DSCSOC',
-	'DSD',
-	'DSDS',
-	'DSE',
-	'DSG',
-	'DSID',
-	'DSL',
-	'DSLR',
-	'DSM',
-	'DSN',
-	'DSO',
-	'dsp',
-	'dspl',
-	'dspm',
-	'dspml',
-	'dspms',
-	'dsps',
-	'DSP',
-	'DSPL',
-	'DSR',
-	'DSRV',
-	'DSS',
-	'DST',
-	'DSTL',
-	'dsvp',
-	'DSWA',
-	'DTA',
-	'DTD',
-	'DTE',
-	'DTED',
-	'DTG',
-	'DTH',
-	'DTI',
-	'DTIC',
-	'DTL',
-	'DTM',
-	'DTMF',
-	'DTLOMS',
-	'DTO',
-	'DTOMLS',
-	'DTR',
-	'DTRA',
-	'DTSA',
-	'DU',
-	'DUI',
-	'DUMBO',
-	'DUSD',
-	'dv',
-	'DV',
-	'DVD',
-	'DVLC',
-	'dvm',
-	'DVM',
-	'DVO',
-	'DVOM',
-	'DVP',
-	'dvp',
-	'dvu',
-	'DW',
-	'DWG',
-	'DWI',
-	'DWM',
-	'DWIM',
-	'DWTS',
-	'DWW',
-	'DX',
-	'DXA',
-	'DXM',
-	'Dy',
-	'DY',
-	'dz',
-	'DZ',
-	'DZA',
-	'DZD',
-	'dzo',
-	'E',
-	'EA',
-	'EABU',
-	'EAC',
-	'EAFUS',
-	'EAPC',
-	'EASA',
-	'EAST',
-	'EBCDIC',
-	'EBD',
-	'EBE',
-	'EBO',
-	'EBSA',
-	'EBW',
-	'EBW',
-	'EC',
-	'ECB',
-	'ECBR',
-	'ECASS',
-	'ECCM',
-	'ECFS',
-	'ECG',
-	'ECHO',
-	'ECHR',
-	'ECJ',
-	'ECL',
-	'ECM',
-	'ECommHR',
-	'ECS',
-	'ECSC',
-	'ECT',
-	'ECtHR',
-	'ECU',
-	'ECW',
-	'EDA',
-	'EDAC',
-	'EDCS',
-	'EDD',
-	'EDECSIM',
-	'EDGAR',
-	'EDH',
-	'EDS',
-	'EDSA',
-	'EDT',
-	'EDTA',
-	'ee',
-	'EE',
-	'EEC',
-	'EEG',
-	'EEK',
-	'EENT',
-	'EEO',
-	'EEOC',
-	'EEZ',
-	'EF',
-	'EFF',
-	'EFL',
-	'EFM',
-	'EFOA',
-	'EFSA',
-	'EFT',
-	'EFTA',
-	'EFV',
-	'EG',
-	'EGBUS',
-	'EGCG',
-	'EGIS',
-	'EGP',
-	'EGRET',
-	'EGY',
-	'EH',
-	'EHA',
-	'EHF',
-	'EHR',
-	'Ei',
-	'EI',
-	'EIA',
-	'EIAH',
-	'EIAH',
-	'EIC',
-	'EICS',
-	'eID',
-	'EIRP',
-	'EIS',
-	'EJ',
-	'EK',
-	'EKG',
-	'EKMS',
-	'el',
-	'EL',
-	'ELF',
-	'ELINT',
-	'ell',
-	'ELL',
-	'ELM',
-	'ELO',
-	'ELP',
-	'ELSS',
-	'ELT',
-	'Em',
-	'EM',
-	'EMA',
-	'Embraer',
-	'EMC',
-	'EMCON',
-	'EMD',
-	'EMDG',
-	'EMDR',
-	'EMEA',
-	'EMF',
-	'EMG',
-	'EMO',
-	'EMP',
-	'EMS',
-	'EMT',
-	'EMU',
-	'en',
-	'EN',
-	'ENCODE',
-	'ENE',
-	'eng',
-	'ENG',
-	'ENSATT',
-	'ENT',
-	'ENTEC',
-	'ENVL',
-	'ENY',
-	'eo',
-	'EO',
-	'EOD',
-	'EOG',
-	'EOS',
-	'EOSAT',
-	'EOSDIS',
-	'EOTS',
-	'EOM',
-	'EP',
-	'EP',
-	'EPA',
-	'EPCOT',
-	'EPCR',
-	'EPFL',
-	'EPGS',
-	'EPIRB',
-	'EPL',
-	'EPLRS',
-	'epo',
-	'EPO',
-	'EPOS',
-	'EPPA',
-	'EPR',
-	'EPW',
-	'EQ',
-	'EQG',
-	'Er',
-	'ER',
-	'ERA',
-	'ERCIM',
-	'ERI',
-	'ERLAWS',
-	'ERN',
-	'EROS',
-	'ERP',
-	'ERR',
-	'ERS',
-	'ERTS',
-	'ERV',
-	'es',
-	'Es',
-	'ES',
-	'ESA',
-	'ESC',
-	'ESD',
-	'ESDP',
-	'ESE',
-	'ESH',
-	'ESL',
-	'ESM',
-	'ESO',
-	'ESOL',
-	'ESP',
-	'ESPGHAN',
-	'ESPN',
-	'est',
-	'EST',
-	'ESU',
-	'ESV',
-	'et',
-	'ET',
-	'Exatesla',
-	'ETA',
-	'ETB',
-	'ETF',
-	'ETH',
-	'ETI',
-	'ETLA',
-	'ETM',
-	'ETOPS',
-	'ETT',
-	'eu',
-	'Eu',
-	'EU',
-	'EUCOM',
-	'EULA',
-	'EUR',
-	'eus',
-	'EUUSA',
-	'EV',
-	'EVA',
-	'EVIL',
-	'EW',
-	'ewe',
-	'EWR',
-	'EWSD',
-	'EWTN',
-	'EXFOR',
-	'EXREP',
-	'EYD',
-	'EZ',
-	'EZLN',
-	'f',
-	'F',
-	'fa',
-	'FA',
-	'fA',
-	'FA',
-	'FAA',
-	'FAAD',
-	'FAADEZ',
-	'FAAN',
-	'FAAFP',
-	'FAAN',
-	'FAAQ',
-	'FAASV',
-	'FAB',
-	'FAC',
-	'FACA',
-	'FACH',
-	'FACN',
-	'FACP',
-	'FACS',
-	'FACTS',
-	'FAD',
-	'FAH',
-	'FAI',
-	'FAM',
-	'fao',
-	'FAO',
-	'FAPA',
-	'FAPHA',
-	'FAQ',
-	'FARC',
-	'FARDC',
-	'FARP',
-	'fas',
-	'FAS',
-	'FASCAM',
-	'FASD',
-	'FASEB',
-	'FAT',
-	'FAVS',
-	'FAW',
-	'FB',
-	'FBCS',
-	'FBI',
-	'FBIS',
-	'FBIDST',
-	'FBM',
-	'FBR',
-	'FBS',
-	'fC',
-	'FC',
-	'FCA',
-	'FCC',
-	'FCE',
-	'FCF',
-	'FCLA',
-	'FCM',
-	'FCO',
-	'FCS',
-	'FCW',
-	'FCZ',
-	'FD',
-	'FDA',
-	'FDC',
-	'FDDI',
-	'FDBK',
-	'FDR',
-	'Fe',
-	'FE',
-	'FEAR',
-	'FEAST',
-	'FEATS',
-	'FEB',
-	'FEBA',
-	'FED',
-	'FEDEP',
-	'FEF',
-	'FEI',
-	'FEMA',
-	'FEMEXFUT',
-	'FENAFUTH',
-	'FENS',
-	'FEP',
-	'FEPAFUT',
-	'FES',
-	'FEST',
-	'FET',
-	'FEZ',
-	'ff',
-	'fF',
-	'FF',
-	'FFA',
-	'FFB',
-	'FFC',
-	'FFE',
-	'FFF',
-	'FFG',
-	'FFOV',
-	'FFR',
-	'FFS',
-	'FFT',
-	'FG',
-	'fg',
-	'FG',
-	'FGR',
-	'fH',
-	'FHFIF',
-	'FHI',
-	'fi',
-	'FI',
-	'FIA',
-	'FIAT',
-	'FIB',
-	'FIBA',
-	'FIBUA',
-	'FIC',
-	'FID',
-	'FIE',
-	'FIFA',
-	'FIFe',
-	'FIFO',
-	'FIFRA',
-	'FIG',
-	'FIGJAM',
-	'fij',
-	'FILA',
-	'FILO',
-	'FIMPT',
-	'fin',
-	'FIN',
-	'FINA',
-	'FIPS',
-	'FIR',
-	'FIRES',
-	'FIS',
-	'FISA',
-	'FISH',
-	'FiST',
-	'FITS',
-	'FIU',
-	'fj',
-	'fJ',
-	'FJ',
-	'FJD',
-	'FJI',
-	'FJN',
-	'fK',
-	'FK',
-	'FKP',
-	'FKSM',
-	'FKT',
-	'fl',
-	'fL',
-	'FL',
-	'FLA',
-	'FLAB',
-	'FLAC',
-	'FLAC',
-	'FLAK',
-	'FLB',
-	'FLET',
-	'FLG',
-	'FLIP',
-	'FLIR',
-	'FLK',
-	'FLOT',
-	'FLSA',
-	'FLQ',
-	'FLQ',
-	'FLTSAT',
-	'FLTSATCOM',
-	'FLUBOS',
-	'FM',
-	'fm',
-	'Fm',
-	'FM',
-	'FMC',
-	'FMCA',
-	'FMCAfam',
-	'FME',
-	'FMECA',
-	'FMJD',
-	'FMLA',
-	'Fmr',
-	'fMRI',
-	'FMS',
-	'FMSF',
-	'FMTV',
-	'FMCG',
-	'fN',
-	'FNA',
-	'fo',
-	'FO',
-	'FOAD',
-	'FOAF',
-	'FoB',
-	'FOB',
-	'FOC',
-	'FoE',
-	'FOGC',
-	'FOH',
-	'FOIA',
-	'FOM',
-	'FONSI',
-	'FOO',
-	'FOR',
-	'Fortran',
-	'FOS',
-	'FoS',
-	'FOSE',
-	'FOSE',
-	'FOT',
-	'FOTA',
-	'FOTC',
-	'FOUO',
-	'FOV',
-	'FP',
-	'FPF',
-	'fps',
-	'FPS',
-	'FOOP',
-	'FQ',
-	'FQDN',
-	'fr',
-	'Fr',
-	'FR',
-	'fra',
-	'FRA',
-	'FRAGO',
-	'FRAND',
-	'FRCP',
-	'FRICBM',
-	'frr',
-	'FRR',
-	'FRO',
-	'FRS',
-	'FRSA',
-	'fry',
-	'FRY',
-	'fs',
-	'fS',
-	'FS',
-	'FSA',
-	'FSB',
-	'FSC',
-	'FSCL',
-	'FSE',
-	'FSF',
-	'FSH',
-	'FSI',
-	'FSK',
-	'FSM',
-	'FSO',
-	'FSS',
-	'FSSP',
-	'FST',
-	'FSTC',
-	'FSV',
-	'fT',
-	'FTC',
-	'FTE',
-	'FTL',
-	'FTP',
-	'FTSE',
-	'FTW',
-	'FTS',
-	'FTS',
-	'FU',
-	'FUBAR',
-	'FUCK',
-	'FUD',
-	'ful',
-	'fV',
-	'fW',
-	'FW',
-	'FWC',
-	'FWF',
-	'FWI',
-	'FWIW',
-	'FWS',
-	'FWT',
-	'FX',
-	'FXX',
-	'fy',
-	'FY',
-	'FYA',
-	'FYDP',
-	'FYI',
-	'FYROM',
-	'FZDZ',
-	'FZFG',
-	'FZRA',
-	'g',
-	'G',
-	'G1',
-	'G2',
-	'G3',
-	'G4',
-	'G5',
-	'G6',
-	'G7',
-	'G8',
-	'G9',
-	'G10',
-	'G15',
-	'G20',
-	'G24',
-	'G77',
-	'Ga',
-	'GA',
-	'GAAR',
-	'GAB',
-	'GABA',
-	'GAD',
-	'GAF',
-	'GALCIT',
-	'GAO',
-	'GAW',
-	'GB',
-	'GBBC',
-	'GBE',
-	'GBH',
-	'GBP',
-	'GBR',
-	'GBU',
-	'GC',
-	'GCA',
-	'GCCS',
-	'GCD',
-	'GCF',
-	'GCI',
-	'GCN',
-	'GCS',
-	'GCSE',
-	'gd',
-	'Gd',
-	'GD',
-	'GDC',
-	'GDL',
-	'GDP',
-	'GDR',
-	'GDR',
-	'GDW',
-	'Ge',
-	'GE',
-	'GEBCO',
-	'GEC',
-	'GED',
-	'GEEP',
-	'GEL',
-	'GEMA',
-	'GEN',
-	'GEO',
-	'GEOS',
-	'GEQ',
-	'GER',
-	'Gestapo',
-	'GeV',
-	'GEV',
-	'GF',
-	'GFCF',
-	'GFCI',
-	'GFDL',
-	'GFE',
-	'GFI',
-	'GFL',
-	'GFN',
-	'GFY',
-	'GG',
-	'GGK',
-	'GGP',
-	'GH',
-	'GHA',
-	'GHB',
-	'GHC',
-	'Gi',
-	'GI',
-	'GIB',
-	'GIF',
-	'GIG',
-	'GIGO',
-	'GIMP',
-	'GIN',
-	'GINK',
-	'GINO',
-	'GIP',
-	'GIS',
-	'GISS',
-	'GJ',
-	'GJD',
-	'GK',
-	'gl',
-	'GL',
-	'gla',
-	'GLAAD',
-	'GLAC',
-	'GLAST',
-	'GLBA',
-	'GLC',
-	'gle',
-	'glg',
-	'GLINT',
-	'GLONASS',
-	'GLP',
-	'GLUT',
-	'glv',
-	'GLV',
-	'Gm',
-	'GM',
-	'GMAC',
-	'GMB',
-	'GmbH',
-	'GMC',
-	'GMD',
-	'GMFSC',
-	'GMI',
-	'GML',
-	'GMO',
-	'GMPCS',
-	'GMT',
-	'gn',
-	'GN',
-	'GNAS',
-	'GNB',
-	'GNC',
-	'GNF',
-	'GNOME',
-	'GNP',
-	'GNQ',
-	'GnRH',
-	'GNU',
-	'GO',
-	'GOA',
-	'GOAT',
-	'GOC',
-	'GOES',
-	'GOP',
-	'gorp',
-	'GOSC',
-	'GOSH',
-	'GOSP',
-	'GOTS',
-	'GOYADIN',
-	'GP',
-	'GPA',
-	'GPC',
-	'GPG',
-	'GPIB',
-	'GPL',
-	'GPMP',
-	'GPO',
-	'GPPC',
-	'GPR',
-	'GPS',
-	'GPT',
-	'GPU',
-	'GQ',
-	'GR',
-	'GRAIL',
-	'GRAS',
-	'GRB',
-	'GRC',
-	'GRD',
-	'GRE',
-	'grep',
-	'GRid',
-	'GRID',
-	'GriT',
-	'GRL',
-	'GRN',
-	'grn',
-	'GRP',
-	'GRU',
-	'Gs',
-	'GS',
-	'GSR',
-	'GSA',
-	'GSD',
-	'GSG',
-	'GSGB',
-	'GSK',
-	'GSM',
-	'GSN',
-	'GSO',
-	'GSOH',
-	'GSP',
-	'GSS',
-	'GST',
-	'GSW',
-	'GT',
-	'GTA',
-	'GTB',
-	'GTC',
-	'GTD',
-	'GTG',
-	'GTK',
-	'GTGN',
-	'GTM',
-	'GTQ',
-	'GTV',
-	'gu',
-	'GU',
-	'GUA',
-	'GUF',
-	'GUI',
-	'GUILT',
-	'guj',
-	'GULCR',
-	'Gulag',
-	'GUM',
-	'GUT',
-	'gv',
-	'GV',
-	'GW',
-	'GWARS',
-	'GWAS',
-	'GWOT',
-	'GWS',
-	'GXA',
-	'GXE',
-	'GXF',
-	'GXH',
-	'GXL',
-	'GXM',
-	'GXP',
-	'GxP',
-	'GXY',
-	'GY',
-	'GYD',
-	'GYY',
-	'GZ',
-	'GZK',
-	'h',
-	'H',
-	'ha',
-	'HA',
-	'HAARP',
-	'HAART',
-	'HAI',
-	'HAL',
-	'HALO',
-	'HALT',
-	'HAM',
-	'HANS',
-	'HARM',
-	'hat',
-	'HAT',
-	'hau',
-	'HAW',
-	'HAWK',
-	'HAZ',
-	'HAZMAT',
-	'HBCD',
-	'HBCI',
-	'HBO',
-	'HBR',
-	'HBT',
-	'HBV',
-	'HCCI',
-	'HCF',
-	'HCI',
-	'HCSC',
-	'HCT',
-	'HD',
-	'HDD',
-	'HDL',
-	'HDM',
-	'HDMI',
-	'HDR',
-	'HDRA',
-	'HDTV',
-	'he',
-	'He',
-	'HE',
-	'HEAT',
-	'heb',
-	'HEBA',
-	'HEER',
-	'HEIC',
-	'HEMP',
-	'HEO',
-	'HEOSS',
-	'HEP',
-	'HEPA',
-	'her',
-	'HESH',
-	'HESV',
-	'HETT',
-	'HEU',
-	'Hewitts',
-	'Hf',
-	'HF',
-	'HFAC',
-	'HFE',
-	'HFE',
-	'HFEA',
-	'Hg',
-	'HGC',
-	'HGF',
-	'HGTV',
-	'HHD',
-	'HHB',
-	'hi',
-	'HI',
-	'HIDACZ',
-	'HIH',
-	'HIM',
-	'HIMAD',
-	'HIMEZ',
-	'HIMYM',
-	'hin',
-	'HIPAA',
-	'Hipparcos',
-	'Hird',
-	'HiRISE',
-	'HIT',
-	'HIV',
-	'HIWT',
-	'HJ',
-	'HJD',
-	'HK',
-	'HKD',
-	'HKG',
-	'HKS',
-	'hL',
-	'HL',
-	'HLA',
-	'HLL',
-	'HLN',
-	'HLOS',
-	'HLS',
-	'HLVW',
-	'HM',
-	'HMCE',
-	'HMCS',
-	'HMD',
-	'HMF',
-	'HMM',
-	'HMMWV',
-	'hmo',
-	'HMO',
-	'HMP',
-	'HMRC',
-	'HMS',
-	'HMSO',
-	'HMV',
-	'HN',
-	'HND',
-	'HNL',
-	'ho',
-	'Ho',
-	'HO',
-	'HOLLAND',
-	'HOMES',
-	'HONY',
-	'HOPI',
-	'HoReCa',
-	'HORIZON',
-	'HOSTAC',
-	'HOT',
-	'HOTAS',
-	'HOV',
-	'hp',
-	'HP',
-	'HPA',
-	'HPCL',
-	'HPLC',
-	'HPT',
-	'HPV',
-	'HQ',
-	'HQDA',
-	'hr',
-	'HR',
-	'HRBL',
-	'HRD',
-	'HRED',
-	'HRF',
-	'HRH',
-	'HRK',
-	'HRM',
-	'HRM',
-	'HRT',
-	'hrv',
-	'HRV',
-	'Hs',
-	'HSBC',
-	'HSC',
-	'HSM',
-	'HSMAD',
-	'HSN',
-	'HSPH',
-	'HSS',
-	'HSSI',
-	'HST',
-	'HSV',
-	'ht',
-	'HT',
-	'HTA',
-	'HTC',
-	'HTFU',
-	'HTG',
-	'HTH',
-	'HTI',
-	'HTML',
-	'HTR',
-	'HTS',
-	'HTTP',
-	'HU',
-	'HUD',
-	'HUF',
-	'HUHA',
-	'HUMINT',
-	'hun',
-	'HUN',
-	'HURD',
-	'HVU',
-	'HV',
-	'HVAC',
-	'HVAP',
-	'HVHF',
-	'HVM',
-	'HVO',
-	'HVP',
-	'HW',
-	'HWM',
-	'HX',
-	'HXB',
-	'hy',
-	'hye',
-	'HYS',
-	'hz',
-	'Hz',
-	'HZ',
-	'I',
-	'ia',
-	'IA',
-	'IAAF',
-	'IAAL',
-	'IAB',
-	'IACREOT',
-	'IAD',
-	'IADS',
-	'IAEA',
-	'IAF',
-	'IAFG',
-	'IAI',
-	'IANA',
-	'IANAL',
-	'IAQ',
-	'IAS',
-	'IASIP',
-	'IATA',
-	'IATF',
-	'IATSE',
-	'IAU',
-	'IAUC',
-	'IAW',
-	'IB',
-	'IBA',
-	'IBD',
-	'IBDM',
-	'IBDS',
-	'IBM',
-	'ibo',
-	'IBRD',
-	'IBS',
-	'IC',
-	'ICANN',
-	'ICAO',
-	'ICBM',
-	'ICBM',
-	'ICBN',
-	'ICC',
-	'ICD',
-	'ICE',
-	'ICES',
-	'ICF',
-	'ICHTHYS',
-	'ICM',
-	'ICMP',
-	'ICNAF',
-	'ICNI',
-	'ICO',
-	'ICP',
-	'ICPE',
-	'ICRAF',
-	'ICRISAT',
-	'ICRL',
-	'ICRS',
-	'ICS',
-	'ICSI',
-	'ICT',
-	'ICTH',
-	'ICV',
-	'ICW',
-	'ICYMI',
-	'ICZN',
-	'id',
-	'ID',
-	'IDA',
-	'IDC',
-	'IDDI',
-	'IDE',
-	'IDeA',
-	'IDEA',
-	'IDF',
-	'IDGAF',
-	'IDK',
-	'IDKIBTI',
-	'IDL',
-	'IDN',
-	'ido',
-	'IDR',
-	'ie',
-	'IE',
-	'IEA',
-	'IEC',
-	'IED',
-	'IEEE',
-	'IELTS',
-	'IER',
-	'IET',
-	'IET',
-	'IETF',
-	'IEW',
-	'IFAB',
-	'IFAH',
-	'IFAP',
-	'IFC',
-	'IFF',
-	'IFFN',
-	'IFO',
-	'IFOR',
-	'IFOV',
-	'IFPI',
-	'IFR',
-	'IFRB',
-	'IFV',
-	'ig',
-	'IG',
-	'IGNOU',
-	'IGS',
-	'IGY',
-	'IHH',
-	'IHO',
-	'IHOP',
-	'IHR',
-	'IHSI',
-	'ii',
-	'II',
-	'IICA',
-	'IIE',
-	'iii',
-	'III',
-	'IIRC',
-	'IISS',
-	'IIT',
-	'IJN',
-	'IJWP',
-	'ik',
-	'IKEA',
-	'iku',
-	'IL',
-	'ILC',
-	'ILDS',
-	'ile',
-	'ILO',
-	'ILRI',
-	'ILS',
-	'ILY',
-	'IM',
-	'IMA',
-	'IMBD',
-	'IMDb',
-	'IME',
-	'IMF',
-	'IMHO',
-	'IML',
-	'IMLAST',
-	'IMNM',
-	'IMNSHO',
-	'IMPAC',
-	'IMPACT',
-	'IMPATT',
-	'IMPT',
-	'IMR',
-	'IMRI',
-	'IMRO',
-	'IMRL',
-	'IMS',
-	'IMSA',
-	'IMsL',
-	'IMT',
-	'IMU',
-	'In',
-	'ina',
-	'INA',
-	'INAS',
-	'INC',
-	'INCITS',
-	'ind',
-	'IND',
-	'inet',
-	'INDIGO',
-	'INFORMS',
-	'INFOSEC',
-	'INLA',
-	'INMARSAT',
-	'INR',
-	'INRI',
-	'INRIA',
-	'INS',
-	'InSAR',
-	'INST',
-	'INTSUM',
-	'INTERFET',
-	'io',
-	'IO',
-	'IOC',
-	'IOLTA',
-	'IOM',
-	'IONA',
-	'IOT',
-	'IOU',
-	'IP',
-	'IPA',
-	'IPB',
-	'IPCC',
-	'ipk',
-	'IPL',
-	'IPN',
-	'IPO',
-	'IPR',
-	'IPT',
-	'IPTS',
-	'IPTV',
-	'IPW',
-	'iq',
-	'IQ',
-	'IQD',
-	'Ir',
-	'IR',
-	'IRA',
-	'IRAD',
-	'IRAN',
-	'IRAS',
-	'IRB',
-	'IRBM',
-	'IRC',
-	'IREA',
-	'IRL',
-	'IRM',
-	'IRN',
-	'IRINN',
-	'IRO',
-	'IRQ',
-	'IRR',
-	'IRS',
-	'IRSN',
-	'IRST',
-	'is',
-	'ISA',
-	'ISAAA',
-	'ISAF',
-	'ISAR',
-	'ISB',
-	'ISBN',
-	'ISCCP',
-	'ISCII',
-	'ISDN',
-	'ISEF',
-	'ISEN',
-	'ISF',
-	'ISI',
-	'ISIL',
-	'ISIS',
-	'ISK',
-	'isl',
-	'ISL',
-	'ISLN',
-	'ISM',
-	'ISMB',
-	'ISMC',
-	'ISO',
-	'ISOGP',
-	'ISP',
-	'ISPE',
-	'ISR',
-	'ISRO',
-	'ISS',
-	'ISSCR',
-	'ISSN',
-	'IST',
-	'ISTAR',
-	'ISTC',
-	'ISTS',
-	'ISU',
-	'it',
-	'IT',
-	'ita',
-	'ITA',
-	'ITAG',
-	'ITALY',
-	'ITAS',
-	'ITC',
-	'ITCZ',
-	'ITEC',
-	'ITEMS',
-	'ITER',
-	'ITF',
-	'ITK',
-	'ITN',
-	'ITS',
-	'ITT',
-	'ITTO',
-	'ITU',
-	'iu',
-	'IUCN',
-	'IUPAC',
-	'IUSS',
-	'IV',
-	'IVD',
-	'Iveco',
-	'IVF',
-	'IVI',
-	'IVIS',
-	'IVL',
-	'IVM',
-	'IVO',
-	'IW',
-	'IWARS',
-	'IWC',
-	'IWW',
-	'IX',
-	'IXT',
-	'IY',
-	'IZ',
-	'J',
-	'J1',
-	'J2',
-	'J2EE',
-	'J2ME',
-	'J2SE',
-	'J3',
-	'J4',
-	'J5',
-	'J6',
-	'J7',
-	'J8',
-	'J9',
-	'ja',
-	'JA',
-	'JAFT',
-	'JAG',
-	'JAL',
-	'JALLC',
-	'JAM',
-	'JAMA',
-	'JANET',
-	'JANUS',
-	'JATO',
-	'jav',
-	'JB',
-	'JB',
-	'JBFSA',
-	'JCATS',
-	'JCDB',
-	'JCDS',
-	'JCIDS',
-	'JCIET',
-	'JCL',
-	'JCMOTF',
-	'JCP',
-	'JCPM',
-	'JCS',
-	'JCW',
-	'JD',
-	'JDAM',
-	'JDBC',
-	'JDCC',
-	'JDEM',
-	'JDK',
-	'JDL',
-	'JDM',
-	'JE',
-	'JEB',
-	'JEDP',
-	'JEE',
-	'JEFX',
-	'JEPD',
-	'JET',
-	'JEZ',
-	'JFACC',
-	'JFACTSU',
-	'JFC',
-	'JFCOM',
-	'JFET',
-	'JFK',
-	'JFLCC',
-	'JFMCC',
-	'JFO',
-	'JFSOCC',
-	'JFTX',
-	'JH',
-	'JH',
-	'JI',
-	'JIB',
-	'JIC',
-	'JINI',
-	'JITC',
-	'JIVE',
-	'JJAP',
-	'JK',
-	'JL',
-	'JLA',
-	'JM',
-	'JMD',
-	'JMS',
-	'JN',
-	'JNI',
-	'JNLP',
-	'JO',
-	'JOA',
-	'JOD',
-	'Jofa',
-	'JOPES',
-	'JOR',
-	'JOTS',
-	'JSP',
-	'JP',
-	'JPEG',
-	'JPL',
-	'jpn',
-	'JPN',
-	'JPOW',
-	'JPY',
-	'JQ',
-	'JRA',
-	'JRDF',
-	'JRE',
-	'JREF',
-	'JROC',
-	'JROCM',
-	'JRRF',
-	'JRSAI',
-	'JSAF',
-	'JSAP',
-	'JSCSC',
-	'JSD',
-	'JSEAD',
-	'JSF',
-	'JSIMS',
-	'JSOA',
-	'JSOTF',
-	'JSP',
-	'JSR',
-	'JSS',
-	'JSTARS',
-	'JT',
-	'JTAG',
-	'JTAGS',
-	'JTC',
-	'JTF',
-	'JTFEX',
-	'JTIDS',
-	'JTLS',
-	'JTMD',
-	'JTN',
-	'JTRS',
-	'JU',
-	'JUGFET',
-	'JUICE',
-	'JUO',
-	'jv',
-	'JV',
-	'JVM',
-	'JW',
-	'JWARS',
-	'JWP',
-	'JWST',
-	'JY',
-	'JZ',
-	'k',
-	'K',
-	'K9',
-	'ka',
-	'kA',
-	'Ka',
-	'KA',
-	'KAF',
-	'kal',
-	'kan',
-	'KANUKOKA',
-	'KARNAC',
-	'KARR',
-	'kas',
-	'kat',
-	'KATUSA',
-	'kau',
-	'kaz',
-	'KAZ',
-	'KBE',
-	'KBO',
-	'KBVB',
-	'kC',
-	'KCK',
-	'KCL',
-	'KCMO',
-	'KCS',
-	'KD',
-	'KE',
-	'KEDO',
-	'KEN',
-	'KERA',
-	'kerma',
-	'KES',
-	'KESR',
-	'KET',
-	'kF',
-	'KFC',
-	'KFOR',
-	'KFUPM',
-	'kg',
-	'KG',
-	'KGB',
-	'KGO',
-	'KGS',
-	'KGZ',
-	'kH',
-	'KH',
-	'khm',
-	'KHL',
-	'KHM',
-	'KHR',
-	'KHz',
-	'ki',
-	'Ki',
-	'KI',
-	'KIA',
-	'KIDS',
-	'kik',
-	'kin',
-	'kir',
-	'KIR',
-	'KISS',
-	'KITECH',
-	'KITT',
-	'KIT',
-	'kj',
-	'kJ',
-	'kk',
-	'kK',
-	'KK',
-	'KKK',
-	'kl',
-	'kL',
-	'KL',
-	'KLENOT',
-	'KLM',
-	'KLOC',
-	'KLS',
-	'km',
-	'KM',
-	'KMF',
-	'KMFDM',
-	'KMR',
-	'kn',
-	'kN',
-	'KN',
-	'KNA',
-	'KNVB',
-	'ko',
-	'KO',
-	'kom',
-	'kon',
-	'kor',
-	'KOR',
-	'KP',
-	'KPMG',
-	'KPNO',
-	'KPV',
-	'KPVT',
-	'KPW',
-	'KQ',
-	'kr',
-	'Kr',
-	'KR',
-	'KRW',
-	'ks',
-	'kS',
-	'KS',
-	'KSC',
-	'KSI',
-	'KSM',
-	'KSU',
-	'kT',
-	'KT',
-	'KTS',
-	'ku',
-	'KU',
-	'kua',
-	'KUL',
-	'kur',
-	'KUW',
-	'kv',
-	'kV',
-	'KV',
-	'KV',
-	'KVM',
-	'KVT',
-	'kw',
-	'kW',
-	'KW',
-	'KWB',
-	'KWD',
-	'KWT',
-	'KX',
-	'ky',
-	'KY',
-	'KYD',
-	'KZ',
-	'KZN',
-	'KZT',
-	'L',
-	'la',
-	'La',
-	'LA',
-	'LAAS',
-	'LAB',
-	'LabVIEW',
-	'LACMA',
-	'LAD',
-	'LADW',
-	'LAESI',
-	'LAK',
-	'LAMP',
-	'LAN',
-	'LANL',
-	'lao',
-	'LAO',
-	'LAPD',
-	'LAR',
-	'LARC',
-	'LARP',
-	'LAS',
-	'Laser',
-	'lat',
-	'LAT',
-	'LATA',
-	'LATCH',
-	'lav',
-	'LAV',
-	'LAW',
-	'LAX',
-	'lb',
-	'LB',
-	'LBH',
-	'LBJ',
-	'LBN',
-	'LBNL',
-	'LBP',
-	'LBR',
-	'LBS',
-	'lbs',
-	'LBT',
-	'LBW',
-	'LBY',
-	'LC',
-	'LCA',
-	'LCC',
-	'LCCP',
-	'LCD',
-	'LCE',
-	'LCM',
-	'LCol',
-	'LCS',
-	'LD',
-	'LDA',
-	'LDAP',
-	'LDC',
-	'LDL',
-	'LDMOS',
-	'LDS',
-	'LDV',
-	'LDW',
-	'LE',
-	'LEC',
-	'LED',
-	'Legs',
-	'LEGAD',
-	'LEMOSS',
-	'LEN',
-	'LEO',
-	'LEP',
-	'LER',
-	'LEU',
-	'LF',
-	'LFO',
-	'LFTR',
-	'lg',
-	'LG',
-	'LGB',
-	'LGBT',
-	'LGLO',
-	'LGM',
-	'LGS',
-	'LH',
-	'LHC',
-	'LHD',
-	'LHS',
-	'li',
-	'Li',
-	'LI',
-	'LIBOR',
-	'LIBS',
-	'LIE',
-	'LIFO',
-	'LIGO',
-	'lim',
-	'lin',
-	'LINEAR',
-	'LISA',
-	'lit',
-	'LITAS',
-	'LIVE',
-	'LJ',
-	'LJJ',
-	'LK',
-	'LKA',
-	'LKL',
-	'LKR',
-	'LKR4',
-	'LL',
-	'LLAD',
-	'LLB',
-	'LLC',
-	'LLGC',
-	'LLLTV',
-	'LLNL',
-	'LLP',
-	'LLTI',
-	'LLTR',
-	'LMAO',
-	'LMFAO',
-	'LMB',
-	'LMN',
-	'LMS',
-	'LMS',
-	'LMV',
-	'ln',
-	'LNB',
-	'LNER',
-	'LNG',
-	'LNO',
-	'LNR',
-	'lo',
-	'LO',
-	'LOA',
-	'LOC',
-	'LOD',
-	'LoD',
-	'LOFAR',
-	'LOGPAC',
-	'LOL',
-	'LOMEZ',
-	'LONEOS',
-	'LOOGY',
-	'loq',
-	'LORTID',
-	'LOS',
-	'LOSAT',
-	'LOTA',
-	'LOTIS',
-	'LOTS',
-	'LP',
-	'LPC',
-	'LPD',
-	'LPG',
-	'LPI',
-	'LPS',
-	'LQ',
-	'Lr',
-	'LR',
-	'LRAD',
-	'LRC',
-	'LRD',
-	'LRF',
-	'LRGW',
-	'LRICBM',
-	'LRIP',
-	'LRP',
-	'LRPE',
-	'LRS',
-	'LRU',
-	'LS',
-	'LSAT',
-	'LSD',
-	'LSE',
-	'LSI',
-	'LSIF',
-	'LSL',
-	'LSND',
-	'LSO',
-	'LSST',
-	'LST',
-	'LSVW',
-	'lt',
-	'Lt',
-	'LtC',
-	'LT',
-	'LTC',
-	'Ltd',
-	'LTDP',
-	'LTG',
-	'LTI',
-	'LTM',
-	'LTL',
-	'LTP',
-	'LTU',
-	'ltz',
-	'lu',
-	'Lu',
-	'LU',
-	'LU',
-	'lub',
-	'LUCA',
-	'lug',
-	'LUG',
-	'LULU',
-	'LUT',
-	'LUVW',
-	'LUX',
-	'lv',
-	'LV',
-	'LVA',
-	'LVAD',
-	'LVEF',
-	'LVL',
-	'Lw',
-	'LW',
-	'LWR',
-	'LWRC',
-	'LWS',
-	'LX',
-	'LX',
-	'LY',
-	'LYAO',
-	'LYD',
-	'LYLAS',
-	'LZ',
-	'm',
-	'M',
-	'mA',
-	'Ma',
-	'MA',
-	'MAA',
-	'MAAC',
-	'MAC',
-	'MACA',
-	'MACE',
-	'MACHO',
-	'MAD',
-	'MADD',
-	'MAF',
-	'MAFF',
-	'MAGIC',
-	'MAGNETAR',
-	'MAGTF',
-	'mah',
-	'Mahasz',
-	'mal',
-	'MALD',
-	'MANPADS',
-	'MANPRINT',
-	'MAO',
-	'MAOI',
-	'MAPS',
-	'MAQS',
-	'mar',
-	'MAR',
-	'MarBEF',
-	'MARC',
-	'MARCENT',
-	'MARFORCC',
-	'MARRS',
-	'MAS',
-	'MASAS',
-	'Maser',
-	'MASH',
-	'MASINT',
-	'MATREX',
-	'MATS',
-	'MAVS',
-	'MAW',
-	'MAX',
-	'MB',
-	'MBA',
-	'MBI',
-	'MBBL',
-	'MBCC',
-	'MBCS',
-	'MBE',
-	'MBIDST',
-	'MBM',
-	'mbsf',
-	'MBT',
-	'MBTA',
-	'MBTI',
-	'mC',
-	'MC',
-	'MCA',
-	'MCC',
-	'MCD',
-	'MCDL',
-	'MCFT',
-	'MCG',
-	'MCI',
-	'MCIS',
-	'MCM',
-	'MCMV',
-	'MCNC',
-	'MCO',
-	'MCP',
-	'MCR',
-	'MCSF',
-	'MCT',
-	'MCTIS',
-	'MCU',
-	'Md',
-	'MD',
-	'MDA',
-	'MDF',
-	'MDG',
-	'MDL',
-	'MDM',
-	'MDMA',
-	'MDNA',
-	'MDO',
-	'MDP',
-	'MDT',
-	'MDV',
-	'MDW',
-	'Me',
-	'ME',
-	'MEA',
-	'MEAC',
-	'MEC',
-	'MECC',
-	'MECCA',
-	'MECO',
-	'MEDEVAC',
-	'MEDLI',
-	'MEDS',
-	'MEF',
-	'MEG',
-	'MEI',
-	'MEK',
-	'MEL',
-	'MELT',
-	'MEM',
-	'MEMS',
-	'MEO',
-	'MEP',
-	'MER',
-	'MERL',
-	'MES',
-	'MESSENGER',
-	'MET',
-	'METAR',
-	'METL',
-	'METOC',
-	'MEU',
-	'MeV',
-	'MEV',
-	'MEX',
-	'MEZ',
-	'MES',
-	'mF',
-	'MF',
-	'MFSB',
-	'mg',
-	'Mg',
-	'MG',
-	'MGA',
-	'MGB',
-	'MGM',
-	'MGPAM',
-	'MGS',
-	'mh',
-	'mH',
-	'MH',
-	'MHC',
-	'MHHW',
-	'MHL',
-	'MHLW',
-	'MHRA',
-	'MHW',
-	'MHWN',
-	'MHWS',
-	'MHz',
-	'mi',
-	'Mi',
-	'MI',
-	'MIA',
-	'MIAA',
-	'MIB',
-	'MIC',
-	'MICLIC',
-	'MICOM',
-	'MICV',
-	'MID',
-	'MIDI',
-	'MIDAS',
-	'MIDS',
-	'MIFC',
-	'MIFG',
-	'MIFPC',
-	'MIKE',
-	'MIL',
-	'MILAN',
-	'MILC',
-	'MILES',
-	'MILF',
-	'MILSATCOM',
-	'MILSET',
-	'MILSTRIP',
-	'MIMAROPA',
-	'MIMOSA',
-	'MIMPT',
-	'MIP',
-	'MIPC',
-	'MIRA',
-	'MIRV',
-	'MIS',
-	'MISREP',
-	'MISSI',
-	'MIT',
-	'MITL',
-	'MITS',
-	'mJ',
-	'MJ',
-	'MJD',
-	'MJP',
-	'mk',
-	'mK',
-	'MK',
-	'mkd',
-	'MKD',
-	'MKG',
-	'MKO',
-	'MKS',
-	'MKSA',
-	'MKT',
-	'ml',
-	'mL',
-	'ML',
-	'MLA',
-	'MLB',
-	'MLC',
-	'MLE',
-	'mlg',
-	'MLHW',
-	'MLI',
-	'MLK',
-	'MLL',
-	'MLLW',
-	'MLP',
-	'MLRS',
-	'MLS',
-	'MLSE',
-	'MLSR',
-	'mlt',
-	'MLT',
-	'MLVW',
-	'MLW',
-	'MLWN',
-	'MLWS',
-	'mm',
-	'Mm',
-	'MM',
-	'MMA',
-	'MMC',
-	'MMCM',
-	'MMCS',
-	'MMEV',
-	'MMI',
-	'MMI',
-	'MMIC',
-	'MMIC',
-	'MMI',
-	'MMK',
-	'MMO',
-	'MMOR',
-	'MMORPG',
-	'MMPR',
-	'MMR',
-	'MMS',
-	'MMU',
-	'MMW',
-	'mn',
-	'mN',
-	'Mn',
-	'MN',
-	'MNB',
-	'MND',
-	'MNE',
-	'MNG',
-	'MNMF',
-	'MNP',
-	'MNS',
-	'MNT',
-	'mo',
-	'Mo',
-	'MO',
-	'MOA',
-	'MOAB',
-	'MOB',
-	'MOC',
-	'MOCAS',
-	'MoD',
-	'MOD',
-	'MoDAF',
-	'modem',
-	'ModSAF',
-	'Moe',
-	'MOE',
-	'MOF',
-	'MOFA',
-	'MOH',
-	'MOID',
-	'MOJWA',
-	'mol',
-	'MOLO',
-	'MoM',
-	'MOM',
-	'MOM',
-	'MoMA',
-	'mon',
-	'MOND',
-	'MOO',
-	'MOOTW',
-	'MOP',
-	'MOPE',
-	'MOPP',
-	'MORP',
-	'MORS',
-	'MOS',
-	'MOSFET',
-	'MOSS',
-	'MOT',
-	'MOTA',
-	'MOTESS',
-	'MOTO',
-	'MOU',
-	'MOUT',
-	'MOVES',
-	'MOW',
-	'MOZ',
-	'MP',
-	'mPa',
-	'MPa',
-	'MPA',
-	'MPAA',
-	'MPC',
-	'MPC',
-	'MPEC',
-	'MPEG',
-	'MPEV',
-	'MPF',
-	'MPFC',
-	'MPG',
-	'MPMC',
-	'MPSI',
-	'MPSoC',
-	'MPSRON',
-	'MQ',
-	'mr',
-	'MR',
-	'MRAV',
-	'MRBM',
-	'MRC',
-	'MRD',
-	'MRE',
-	'MRGO',
-	'MRGW',
-	'mri',
-	'MRI',
-	'MRL',
-	'MRO',
-	'MRPharmS',
-	'MRR',
-	'MRS',
-	'MRSA',
-	'MRT',
-	'MRTFB',
-	'ms',
-	'mS',
-	'Ms',
-	'MS',
-	'msa',
-	'MSB',
-	'MSD',
-	'MSDB',
-	'MSDE',
-	'MSDL',
-	'MSE',
-	'MSEC',
-	'MSG',
-	'MSH',
-	'MSI',
-	'MSIE',
-	'MSL',
-	'MSLP',
-	'MSM',
-	'MSN',
-	'MSNBC',
-	'MSO',
-	'MSPA',
-	'MSPB',
-	'MSR',
-	'MSSA',
-	'MST',
-	'MSU',
-	'mt',
-	'mT',
-	'Mt',
-	'MT',
-	'MTA',
-	'MTBF',
-	'MtF',
-	'MTF',
-	'MTG',
-	'MTL',
-	'MTOE',
-	'MTP',
-	'MTQ',
-	'MTR',
-	'MTS',
-	'MTT',
-	'MTU',
-	'MTV',
-	'MTVL',
-	'MTWS',
-	'MU',
-	'MUA',
-	'MUR',
-	'MUS',
-	'mV',
-	'MV',
-	'MVC',
-	'MVFC',
-	'MVNO',
-	'MVR',
-	'mW',
-	'MW',
-	'MWC',
-	'MWESH',
-	'MWI',
-	'MWK',
-	'MWOA',
-	'MWR',
-	'MWTB',
-	'MX',
-	'MXN',
-	'my',
-	'MY',
-	'mya',
-	'MYOB',
-	'MYR',
-	'MYS',
-	'MYT',
-	'MZ',
-	'MZN',
-	'n',
-	'N',
-	'N3F',
-	'na',
-	'nA',
-	'Na',
-	'NA',
-	'NAA',
-	'NAAD',
-	'NAAFI',
-	'NAAK',
-	'NAACP',
-	'NAAQS',
-	'NAAWS',
-	'NABCI',
-	'NAC',
-	'NACA',
-	'NACC',
-	'NACISA',
-	'NACMA',
-	'NACRA',
-	'NAD',
-	'NAEC',
-	'NAF',
-	'NAFLD',
-	'NAFO',
-	'NAFERA',
-	'NAFTA',
-	'NAGPRA',
-	'NAI',
-	'NAICS',
-	'NAIL',
-	'NAILS',
-	'NAIRU',
-	'NAK',
-	'NAM',
-	'NAMBLA',
-	'NAMRL',
-	'NaN',
-	'NAO',
-	'NAPDD',
-	'NAPS',
-	'NARA',
-	'NARAL',
-	'NARDAC',
-	'NARDIC',
-	'NARPV',
-	'NAS',
-	'NASA',
-	'NASCAR',
-	'NASDAQ',
-	'NASED',
-	'NASH',
-	'NASP',
-	'NASS',
-	'NatGeo',
-	'NATO',
-	'nau',
-	'NaUKMA',
-	'nav',
-	'NAV',
-	'NAVCAMS',
-	'NAVCC',
-	'NAVCENT',
-	'NAVDAC',
-	'NAVEUR',
-	'NAVFE',
-	'NAVFOR',
-	'NAVMACS',
-	'NAVNET',
-	'NAVS',
-	'NAVSAT',
-	'NAVSPACECOM',
-	'NAVSPASUR',
-	'NAVSTAR',
-	'NAVTACNET',
-	'NAWC',
-	'NAWMP',
-	'nb',
-	'Nb',
-	'NB',
-	'NBA',
-	'NBACC',
-	'NBC',
-	'NBCRS',
-	'NBIC',
-	'nbl',
-	'NBL',
-	'NBT',
-	'nC',
-	'NC',
-	'NCA',
-	'NCAA',
-	'NCAR',
-	'NCB',
-	'NCCAM',
-	'NCCUSL',
-	'NCDDR',
-	'NCES',
-	'NCI',
-	'NCIS',
-	'NCL',
-	'NCLR',
-	'NCMO',
-	'NCND',
-	'NCO',
-	'NCP',
-	'NCR',
-	'NCTR',
-	'NCW',
-	'nd',
-	'Nd',
-	'ND',
-	'NDAA',
-	'NDBP',
-	'NDCC',
-	'nde',
-	'NDH',
-	'ndo',
-	'NDP',
-	'NDS',
-	'NDU',
-	'ne',
-	'Ne',
-	'NE',
-	'NEA',
-	'NEAT',
-	'NEC',
-	'NED',
-	'NECTEC',
-	'NEI',
-	'NEMS',
-	'NEO',
-	'nep',
-	'NEPA',
-	'NER',
-	'NERICA',
-	'NESDIS',
-	'NESP',
-	'NET',
-	'NETCU',
-	'NETL',
-	'NETWARS',
-	'NEWS',
-	'NEX',
-	'nF',
-	'NF',
-	'NFA',
-	'NFC',
-	'NFER',
-	'NFG',
-	'NFHS',
-	'NFI',
-	'NFK',
-	'NFL',
-	'Nfld',
-	'NFPA',
-	'NFT',
-	'ng',
-	'NG',
-	'NGA',
-	'NGH',
-	'NGATS',
-	'NGIC',
-	'NGN',
-	'NGO',
-	'NGR',
-	'NGS',
-	'nH',
-	'NH',
-	'NHANES',
-	'NHB',
-	'NHB',
-	'NHL',
-	'NHO',
-	'NHRA',
-	'NHS',
-	'Ni',
-	'NI',
-	'NIAAA',
-	'NIAID',
-	'NIAG',
-	'NIAMD',
-	'NIB',
-	'NIBP',
-	'NIC',
-	'NicA',
-	'NICAP',
-	'NICE',
-	'NICHD',
-	'NICP',
-	'NIDDK',
-	'NIDRR',
-	'NIEHS',
-	'NIG',
-	'NIH',
-	'NIIN',
-	'NIMA',
-	'NIMBY',
-	'NIMG',
-	'NiMH',
-	'NIMH',
-	'NIN',
-	'NIO',
-	'NIPR',
-	'NIR',
-	'NISAC',
-	'NISCAP',
-	'NISER',
-	'NIST',
-	'NIT',
-	'NITFS',
-	'NIU',
-	'nJ',
-	'NJ',
-	'NJHS',
-	'NJPW',
-	'nK',
-	'NKA',
-	'NKVD',
-	'nl',
-	'nL',
-	'NL',
-	'NLB',
-	'nld',
-	'NLD',
-	'NLF',
-	'NLL',
-	'NLP',
-	'NLW',
-	'nm',
-	'NM',
-	'NMCI',
-	'NMCS',
-	'NMD',
-	'NMN',
-	'NMOS',
-	'NMSG',
-	'NMR',
-	'NMHNFG',
-	'nn',
-	'nN',
-	'NNE',
-	'nno',
-	'NNSA',
-	'NNW',
-	'no',
-	'No',
-	'NO',
-	'NOAA',
-	'NOAF',
-	'NOAO',
-	'nob',
-	'NOC',
-	'NODEF',
-	'NOK',
-	'NOLA',
-	'NOGI',
-	'NOLF',
-	'NOM',
-	'NOME',
-	'NoMBO',
-	'NOME',
-	'NOPA',
-	'nor',
-	'NOR',
-	'NORAD',
-	'NORCECA',
-	'NORELPREF',
-	'NORML',
-	'NORTHAG',
-	'NOS',
-	'NOSA',
-	'NOTAFLOF',
-	'NOTAM',
-	'NOW',
-	'Np',
-	'NP',
-	'NP',
-	'NPB',
-	'NPC',
-	'NPCS',
-	'NPD',
-	'NPDI',
-	'NPG',
-	'NPH',
-	'NPL',
-	'NPOV',
-	'NPR',
-	'NQ',
-	'NQOCD',
-	'NPO',
-	'nr',
-	'NR',
-	'NRA',
-	'NRAO',
-	'NRC',
-	'NRDC',
-	'NREL',
-	'NRK',
-	'NRMP',
-	'NRO',
-	'NRT',
-	'NRTA',
-	'NRU',
-	'ns',
-	'nS',
-	'NS',
-	'NSA',
-	'NSABB',
-	'NSAID',
-	'NSB',
-	'NSC',
-	'NSDAP',
-	'NSDL',
-	'NSG',
-	'NSN',
-	'NSNA',
-	'NSO',
-	'NSS',
-	'NST',
-	'NSTAC',
-	'NSV',
-	'NSW',
-	'nT',
-	'NT',
-	'NTC',
-	'NTDS',
-	'NTP',
-	'NTR',
-	'NTRA',
-	'NTSB',
-	'NTSC',
-	'NTV',
-	'NTY',
-	'NTZ',
-	'NU',
-	'NUI',
-	'NUL',
-	'NUTS',
-	'NUWC',
-	'nv',
-	'nV',
-	'NV',
-	'NVEOL',
-	'NVESD',
-	'NVG',
-	'NVL',
-	'nW',
-	'NW',
-	'NW',
-	'NWA',
-	'NWF',
-	'NWFZ',
-	'NWHN',
-	'nWo',
-	'NWOAHM',
-	'NWOBHM',
-	'NWRA',
-	'NWSL',
-	'NWT',
-	'NX',
-	'NXA',
-	'NXD',
-	'NXE',
-	'NXG',
-	'NXL',
-	'NXN',
-	'NXP',
-	'ny',
-	'NY',
-	'nya',
-	'NYHA',
-	'NYO',
-	'NYRA',
-	'NYSE',
-	'NZ',
-	'NZC',
-	'NZD',
-	'NZL',
-	'NzL',
-	'NZOSS',
-	'NZRU',
-	'O',
-	'OA',
-	'OAC',
-	'OAP',
-	'OAS',
-	'OARSI',
-	'OASIS',
-	'OASIS',
-	'OASIS',
-	'OASP',
-	'OAU',
-	'ob',
-	'OB',
-	'OBE',
-	'OBJ',
-	'OBS',
-	'OBSS',
-	'OBX',
-	'oc',
-	'OC',
-	'OCA',
-	'OCD',
-	'OCFS',
-	'OCFS2',
-	'oci',
-	'OCIDS',
-	'OCMCC',
-	'OCN',
-	'OCO',
-	'OCOKA',
-	'OCR',
-	'OCS',
-	'OD',
-	'ODAS',
-	'ODB',
-	'ODBC',
-	'ODI',
-	'OEA',
-	'OED',
-	'OECD',
-	'OEG',
-	'OEIS',
-	'OEM',
-	'OFA',
-	'OFDA',
-	'OGC',
-	'OGD',
-	'OGO',
-	'OGX',
-	'OH',
-	'OHC',
-	'OHHLA',
-	'OHIP',
-	'OHMS',
-	'OHP',
-	'OHSS',
-	'OIC',
-	'OIE',
-	'OIF',
-	'OIOC',
-	'oj',
-	'OJ',
-	'oji',
-	'OJT',
-	'OK',
-	'OKC',
-	'OLED',
-	'OLS',
-	'om',
-	'OM',
-	'OMA',
-	'OMB',
-	'OMD',
-	'OME',
-	'OMFG',
-	'OMG',
-	'OMGW',
-	'OMN',
-	'OMNCS',
-	'OMP',
-	'OMR',
-	'OMS',
-	'OMT',
-	'OMW',
-	'ON',
-	'Onna',
-	'ONC',
-	'ONCE',
-	'ONG',
-	'ONH',
-	'ONI',
-	'ONS',
-	'OO',
-	'OOO',
-	'OOAD',
-	'OOBE',
-	'OOCL',
-	'OODA',
-	'OOMF',
-	'OOP',
-	'OOS',
-	'OOTW',
-	'OP',
-	'OPA',
-	'OPAC',
-	'OPCON',
-	'OPCW',
-	'OPEC',
-	'OPFOR',
-	'OPI',
-	'OPINTEL',
-	'OPLAN',
-	'OPORD',
-	'OPP',
-	'OPS',
-	'OPSEC',
-	'OPSI',
-	'OPTAR',
-	'OPV',
-	'OQ',
-	'or',
-	'OR',
-	'ORAU',
-	'ORB',
-	'ORBAT',
-	'ORD',
-	'ORD',
-	'ORF',
-	'ori',
-	'ORISE',
-	'orm',
-	'ORNL',
-	'ORR',
-	'ORSA',
-	'OS',
-	'os',
-	'Os',
-	'OSA',
-	'OSCE',
-	'OSD',
-	'OSDL',
-	'OSE',
-	'OSERS',
-	'OSETI',
-	'OSHA',
-	'OSI',
-	'OSIA',
-	'OSL',
-	'OSIRIS',
-	'OSM',
-	'OSOTPBOIAS',
-	'OSPA',
-	'OSPA',
-	'OSRH',
-	'oss',
-	'OSS',
-	'OSU',
-	'OTA',
-	'OTAC',
-	'OTB',
-	'OTC',
-	'OTD',
-	'OTEA',
-	'OTI',
-	'OTO',
-	'OTOH',
-	'OTS',
-	'OTSBH',
-	'OTW',
-	'OTYBL',
-	'OTYRL',
-	'OU',
-	'OVC',
-	'OVV',
-	'OW',
-	'OWN',
-	'OX',
-	'OXC',
-	'OXF',
-	'OXM',
-	'OXR',
-	'OXT',
-	'Oy',
-	'Oyj',
-	'OZ',
-	'p',
-	'P',
-	'P2P',
-	'pa',
-	'pA',
-	'Pa',
-	'PA',
-	'PAA',
-	'PAB',
-	'PABX',
-	'PAC',
-	'PACOM',
-	'PADD',
-	'PADI',
-	'PAEK',
-	'PAFC',
-	'PAH',
-	'PAHO',
-	'PAI',
-	'PAK',
-	'Pakistan',
-	'PAL',
-	'PAM',
-	'Pamida',
-	'PAMELA',
-	'pan',
-	'PAN',
-	'PANS',
-	'PAO',
-	'PAOK',
-	'PAPI',
-	'PAR',
-	'PARC',
-	'PAROS',
-	'PARP',
-	'PARWIG',
-	'PAS',
-	'PASA',
-	'PASGT',
-	'PASR',
-	'PATH',
-	'PAWS',
-	'PAYD',
-	'PAYE',
-	'Pb',
-	'PB',
-	'PBA',
-	'PBB',
-	'PBCK',
-	'PBD',
-	'PBDE',
-	'PBI',
-	'PBN',
-	'PBOH',
-	'PBR',
-	'PBS',
-	'PBRT',
-	'PBT',
-	'PBX',
-	'pC',
-	'PC',
-	'PCAS',
-	'PCB',
-	'PCC',
-	'PCCB',
-	'PCCIP',
-	'PCE',
-	'PCI',
-	'PCIe',
-	'PCL',
-	'PCMCIA',
-	'PCN',
-	'PCP',
-	'PCPI',
-	'PCR',
-	'PCSSD',
-	'PCT',
-	'PCTE',
-	'PCZ',
-	'Pd',
-	'PD',
-	'PD',
-	'PDA',
-	'PDD',
-	'PDF',
-	'PDG',
-	'PDL',
-	'PDN',
-	'PDP',
-	'PDQ',
-	'PDRY',
-	'PDT',
-	'PDU',
-	'PE',
-	'PE',
-	'PEBCAC',
-	'PEBKAC',
-	'PEEK',
-	'PEET',
-	'PEGIDA',
-	'PEI',
-	'PEK',
-	'PEN',
-	'PEO',
-	'PEPFAR',
-	'perl',
-	'PES',
-	'PEST',
-	'PET',
-	'PETA',
-	'PETE',
-	'PETP',
-	'pF',
-	'PF',
-	'PFD',
-	'PFE',
-	'PFLAG',
-	'PFIY',
-	'PFO',
-	'PfP',
-	'pg',
-	'Pg',
-	'PG',
-	'PGCE',
-	'PGD',
-	'PGENI',
-	'PGH',
-	'PGK',
-	'PGM',
-	'PGP',
-	'pH',
-	'PH',
-	'PHA',
-	'PHL',
-	'PHQ',
-	'PHP',
-	'pi',
-	'Pi',
-	'PI',
-	'PIB',
-	'PIC',
-	'PICNIC',
-	'PICS',
-	'PID',
-	'PIF',
-	'PIG',
-	'PIM',
-	'PIN',
-	'PINF',
-	'PIPA',
-	'PIR',
-	'PIRA',
-	'PIREPS',
-	'PITA',
-	'pJ',
-	'PJ',
-	'PJHQ',
-	'PJs',
-	'K',
-	'PK',
-	'PKA',
-	'PKE',
-	'PKI',
-	'PKM',
-	'PKMS',
-	'PKMT',
-	'PKR',
-	'PKT',
-	'PKTM',
-	'PKU',
-	'pl',
-	'pL',
-	'PL',
-	'PLAF',
-	'PLAID',
-	'PLB',
-	'PLC',
-	'PLCC',
-	'PLD',
-	'PLEBS',
-	'PLF',
-	'PLGR',
-	'pli',
-	'PLI',
-	'PLIF',
-	'PLK',
-	'PLKK',
-	'PLL',
-	'PLM',
-	'PLMBA',
-	'Pln',
-	'PLN',
-	'PLO',
-	'PLOKTA',
-	'PLP',
-	'PLS',
-	'PLUTO',
-	'PLW',
-	'pm',
-	'Pm',
-	'PM',
-	'PMC',
-	'PMCS',
-	'PME',
-	'PMI',
-	'PMID',
-	'PMMA',
-	'PMOS',
-	'PMS',
-	'PMSC',
-	'PMSL',
-	'PMT',
-	'pN',
-	'PN',
-	'PNAC',
-	'PNC',
-	'PNF',
-	'PNG',
-	'PNP',
-	'PNS',
-	'PNVS',
-	'PNH',
-	'Po',
-	'PO',
-	'PO',
-	'PO',
-	'POCD',
-	'pod',
-	'POD',
-	'POE',
-	'POETS',
-	'POFF',
-	'POG',
-	'POGO',
-	'POI',
-	'POK',
-	'pol',
-	'POL',
-	'POLAD',
-	'POM',
-	'POMDP',
-	'POP',
-	'por',
-	'POR',
-	'POS',
-	'POSH',
-	'POSSLQ',
-	'POT',
-	'POTS',
-	'POV',
-	'POW',
-	'pp',
-	'PP',
-	'PPA',
-	'PPASC',
-	'PPASSCCATAG',
-	'PPCLI',
-	'PPG',
-	'PPL',
-	'PPLI',
-	'ppm',
-	'PPM',
-	'PPM',
-	'PPO',
-	'PPP',
-	'PPQ',
-	'PPQN',
-	'PPQT',
-	'PPS',
-	'PPV',
-	'PQ',
-	'Pr',
-	'Pr',
-	'PR',
-	'Prb',
-	'PRBO',
-	'PRC',
-	'PRD',
-	'PRFG',
-	'PRI',
-	'PRK',
-	'PRM',
-	'PRN',
-	'PRT',
-	'PRY',
-	'ps',
-	'pS',
-	'Ps',
-	'PS',
-	'PooS',
-	'PSA',
-	'PSC',
-	'PSE',
-	'PSG',
-	'PSI',
-	'PSI',
-	'PSO',
-	'PSS',
-	'PST',
-	'PSU',
-	'PSV',
-	'PsyOp',
-	'pt',
-	'pT',
-	'Pt',
-	'PT',
-	'PTA',
-	'PTAL',
-	'PTAN',
-	'PTES',
-	'PTFE',
-	'PTI',
-	'PTL',
-	'PTO',
-	'PTSD',
-	'PTUI',
-	'Pu',
-	'PU',
-	'Pub',
-	'PUG',
-	'PUN',
-	'PUP',
-	'PUR',
-	'pus',
-	'PUS',
-	'pV',
-	'PV',
-	'PVC',
-	'PvE',
-	'PvP',
-	'PVR',
-	'PvZ',
-	'pW',
-	'PW',
-	'petawatt',
-	'PWA',
-	'PWBA',
-	'PwC',
-	'PWC',
-	'PWL',
-	'PWLC',
-	'PWP',
-	'PWR',
-	'PWV',
-	'PX',
-	'PY',
-	'PYF',
-	'PYG',
-	'PYMWYMI',
-	'PZ',
-	'Q1',
-	'Q2',
-	'Q3',
-	'Q4',
-	'QA',
-	'Qantas',
-	'QAP',
-	'QAR',
-	'QAT',
-	'QB',
-	'QC',
-	'QCA',
-	'QCD',
-	'QD',
-	'QDOS',
-	'QDR',
-	'QDRO',
-	'QED',
-	'QEH',
-	'QFE',
-	'QID',
-	'QIP',
-	'QK',
-	'QLD',
-	'QM',
-	'QNH',
-	'QPR',
-	'QPS',
-	'QR',
-	'QS',
-	'QSCAT',
-	'QSL',
-	'QSO',
-	'QSTAG',
-	'QT',
-	'qu',
-	'Quango',
-	'Quasar',
-	'QUB',
-	'que',
-	'QUIET',
-	'qv',
-	'QVC',
-	'QWG',
-	'QWGAOR',
-	'QZ',
-	'R',
-	'R2I',
-	'R3P',
-	'Ra',
-	'RA',
-	'RA',
-	'RAA',
-	'RAAF',
-	'Rabobank',
-	'RAC',
-	'RACK',
-	'Racon',
-	'RADA',
-	'Radar',
-	'RADB',
-	'RADb',
-	'RadB',
-	'RADC',
-	'RAE',
-	'RAF',
-	'RAG',
-	'RAGBRAI',
-	'RAM',
-	'Ramark',
-	'RAOC',
-	'RAP',
-	'RARDE',
-	'RARE',
-	'RASC',
-	'RATELO',
-	'Rb',
-	'RB',
-	'RBAR',
-	'RBCI',
-	'RBI',
-	'RBOC',
-	'RC',
-	'RCA',
-	'RCAF',
-	'RCAR',
-	'RCC',
-	'RCCO',
-	'RCHA',
-	'RCMP',
-	'RCRA',
-	'RCS',
-	'RCT',
-	'RCZ',
-	'RD',
-	'RDA',
-	'RDD',
-	'RDDL',
-	'RDECOM',
-	'RDM',
-	'RDO',
-	'RDS',
-	'RDT',
-	'RDV',
-	'Re',
-	'RE',
-	'REACH',
-	'REACT',
-	'REAM',
-	'RECCE',
-	'REEF',
-	'REM',
-	'REME',
-	'RERC',
-	'RES',
-	'RESNA',
-	'REU',
-	'Rf',
-	'RF',
-	'RFA',
-	'RFC',
-	'RFD',
-	'RFE',
-	'RFEF',
-	'RFF',
-	'RFI',
-	'RFID',
-	'RFL',
-	'RFL',
-	'RFP',
-	'RFQ',
-	'RFT',
-	'RFU',
-	'Rg',
-	'RG',
-	'RGB',
-	'RGBI',
-	'Rh',
-	'RH',
-	'RHIC',
-	'RHLI',
-	'RHO',
-	'RHS',
-	'RHU',
-	'RHWR',
-	'RI',
-	'RI',
-	'RIAA',
-	'RIBA',
-	'RIF',
-	'RIFA',
-	'RILA',
-	'RIM',
-	'RIMVS',
-	'RINO',
-	'RIP',
-	'RIS',
-	'RISC',
-	'RISD',
-	'RISTA',
-	'RWH',
-	'RJD',
-	'RKBA',
-	'RKI',
-	'RKO',
-	'RL',
-	'RLP',
-	'RLS',
-	'RLY',
-	'RM',
-	'rm',
-	'RMA',
-	'RMC',
-	'RMC',
-	'RMDA',
-	'RMP',
-	'RMS',
-	'rn',
-	'Rn',
-	'RN',
-	'RN',
-	'RNA',
-	'RNAD',
-	'RNPS',
-	'RNZ',
-	'RNZI',
-	'ro',
-	'RO',
-	'ROA',
-	'ROC',
-	'ROD',
-	'ROE',
-	'roh',
-	'ROH',
-	'ROI',
-	'ROFLOL',
-	'ROK',
-	'ROL',
-	'ROM',
-	'ron',
-	'RON',
-	'ROP',
-	'ROPE',
-	'ROS',
-	'ROTC',
-	'ROU',
-	'ROV',
-	'ROW',
-	'ROWPU',
-	'ROZ',
-	'RP',
-	'RPA',
-	'RPD',
-	'RPF',
-	'RPG',
-	'RPL',
-	'rpm',
-	'RPM',
-	'RPN',
-	'RPO',
-	'rps',
-	'RPV',
-	'RQ',
-	'RRB',
-	'RRN',
-	'RRP',
-	'RRS',
-	'RRSP',
-	'RS',
-	'RSA',
-	'RSD',
-	'RSEQ',
-	'RSI',
-	'RSJ',
-	'RSN',
-	'RSPB',
-	'RSPCA',
-	'RSR',
-	'RSRE',
-	'RSRI',
-	'RSS',
-	'RSTA',
-	'RSVP',
-	'RT',
-	'RTA',
-	'RTBF',
-	'RTCA',
-	'RTF',
-	'RTFM',
-	'RTG',
-	'RTGS',
-	'RTI',
-	'RTL',
-	'RTLS',
-	'RTP',
-	'RTS',
-	'RTT',
-	'RTV',
-	'ru',
-	'Ru',
-	'RU',
-	'RUB',
-	'RUC',
-	'run',
-	'rus',
-	'RUS',
-	'RUSI',
-	'RV',
-	'RVD',
-	'rw',
-	'RW',
-	'RWA',
-	'RWADA',
-	'RWF',
-	'RWR',
-	'RWS',
-	'Rx',
-	'RX',
-	'South',
-	'SA',
-	'SAA',
-	'SAC',
-	'SAD',
-	'SADL',
-	'SAE',
-	'SALT',
-	'SAM',
-	'Sambo',
-	'san',
-	'SAR',
-	'SARA',
-	'SART',
-	'SAS',
-	'SAT',
-	'SAW',
-	'SB',
-	'SBA',
-	'SBC',
-	'SBD',
-	'SBNO',
-	'SBP',
-	'SBS',
-	'SBW',
-	'SC',
-	'SCA',
-	'SCO',
-	'SCS',
-	'SCSI',
-	'SD',
-	'SDC',
-	'SDHC',
-	'SDXC',
-	'SE',
-	'SEC',
-	'SEM',
-	'SEN',
-	'SEP',
-	'SEU',
-	'SF',
-	'SFA',
-	'SFE',
-	'SG',
-	'SGC',
-	'SGS',
-	'SH',
-	'SHAC',
-	'SHO',
-	'SI',
-	'SIG',
-	'SIIT',
-	'SIMPLE',
-	'SIP',
-	'Siri',
-	'SIRI',
-	'SISO',
-	'SJ',
-	'SK',
-	'SL',
-	'SLA',
-	'SLOC',
-	'SLP',
-	'SLT',
-	'SM',
-	'SME',
-	'SMG',
-	'SMX',
-	'SMZ',
-	'SN',
-	'SNL',
-	'SNR',
-	'SO',
-	'SOA',
-	'SOAP',
-	'SOB',
-	'SoCon',
-	'SOD',
-	'SOE',
-	'SOF',
-	'SOGAT',
-	'SOM',
-	'SOP',
-	'SOR',
-	'SOS',
-	'Sp',
-	'SP',
-	'SPD',
-	'SPL',
-	'SR',
-	'SRAM',
-	'SRD',
-	'SRG',
-	'SRL',
-	'SS',
-	'SSA',
-	'SSC',
-	'SSD',
-	'SSDD',
-	'SSE',
-	'SSN',
-	'SSR',
-	'SSRI',
-	'SSRN',
-	'SSS',
-	'SST',
-	'ST',
-	'STA',
-	'STAR',
-	'STAT',
-	'STB',
-	'STD',
-	'STFU',
-	'STI',
-	'STP',
-	'STRICOM',
-	'SU',
-	'SUI',
-	'SV',
-	'SVD',
-	'SW',
-	'SWA',
-	'SWF',
-	'SWG',
-	'SWLABR',
-	'SWP',
-	'SXM',
-	'SZ',
-	'T',
-	'ta',
-	'Ta',
-	'TA',
-	'TAA',
-	'TAACOM',
-	'TAADCOORD',
-	'TAAR',
-	'TAC',
-	'TACAMO',
-	'TACAN',
-	'TACC',
-	'TACCO',
-	'TACCSF',
-	'TACDAR',
-	'TACP',
-	'TACSOP',
-	'TADIL',
-	'TADL',
-	'TADSS',
-	'tah',
-	'TAI',
-	'TAJ',
-	'TAJT',
-	'TALES',
-	'tam',
-	'TAN',
-	'TANJ',
-	'TANP',
-	'TANSTAAFL',
-	'TAPPS',
-	'TARDIS',
-	'TARP',
-	'TAROT',
-	'TAS',
-	'TASER',
-	'TASM',
-	'tat',
-	'TAT',
-	'TATP',
-	'TATT',
-	'Tb',
-	'TB',
-	'TBA',
-	'TBBPA',
-	'TBC',
-	'TBD',
-	'TBD',
-	'TBF',
-	'TBGRI',
-	'TBH',
-	'TBL',
-	'TBM',
-	'TBS',
-	'TBT',
-	'Tc',
-	'TC',
-	'TCA',
-	'TCAS',
-	'TCAA',
-	'TCCCS',
-	'TCD',
-	'TCG',
-	'TCHD',
-	'TCL',
-	'TCM',
-	'TCP',
-	'TCU',
-	'TCWMS',
-	'TCW',
-	'TD',
-	'TDA',
-	'TDL',
-	'TDM',
-	'TDMA',
-	'TDP',
-	'TDRS',
-	'te',
-	'Te',
-	'TE',
-	'TEAL',
-	'Team',
-	'TEAMS',
-	'TED',
-	'TEETH',
-	'tel',
-	'TEL',
-	'TELAR',
-	'TEMO',
-	'TENCAP',
-	'TERS',
-	'TES',
-	'TEST',
-	'TEU',
-	'TeVeS',
-	'TF',
-	'TFMPP',
-	'TFR',
-	'TFT',
-	'tg',
-	'Tg',
-	'TG',
-	'TGA',
-	'TGB',
-	'TGIF',
-	'tgk',
-	'tgl',
-	'TGO',
-	'TGT',
-	'TGV',
-	'th',
-	'Th',
-	'TH',
-	'tha',
-	'THA',
-	'THAAD',
-	'THB',
-	'THEGENTRY',
-	'THEL',
-	'THG',
-	'ti',
-	'Ti',
-	'TI',
-	'TIA',
-	'TIA',
-	'TIALD',
-	'TIBS',
-	'TIC',
-	'TID',
-	'TIGERS',
-	'TIM',
-	'TIMS',
-	'TINC',
-	'TINY',
-	'TIP',
-	'tir',
-	'tits',
-	'TJ',
-	'TJD',
-	'TJK',
-	'TJS',
-	'tk',
-	'TK',
-	'TKBL',
-	'TKL',
-	'TKM',
-	'tl',
-	'Tl',
-	'TLPM',
-	'TL',
-	'TLATOJL',
-	'TLA',
-	'TLAM',
-	'TLAR',
-	'TLC',
-	'TLD',
-	'TLM',
-	'TLS',
-	'Tm',
-	'Thulium',
-	'TM',
-	'TMA',
-	'TMAP',
-	'TMC',
-	'TMD',
-	'TMDK',
-	'TMI',
-	'TMJ',
-	'TMM',
-	'TMNT',
-	'TMO',
-	'TMP',
-	'TMPG',
-	'TMR',
-	'TMS',
-	'TMT',
-	'TMTOWTDI',
-	'TMZ',
-	'tn',
-	'TN',
-	'TNA',
-	'TND',
-	'TNO',
-	'TNT',
-	'to',
-	'TOA',
-	'TOAD',
-	'TOBS',
-	'TOC',
-	'TOG',
-	'TOGS',
-	'TOMS',
-	'ton',
-	'TON',
-	'TOP',
-	'TOS',
-	'TOT',
-	'TOW',
-	'TP',
-	'TPE',
-	'TPI',
-	'TPO',
-	'TPS',
-	'TPTB',
-	'TQ',
-	'tr',
-	'TR',
-	'TRA',
-	'TRAC',
-	'TRACON',
-	'TRADOC',
-	'TRAIN',
-	'TRANSCOM',
-	'TRAP',
-	'TRASANA',
-	'TRD',
-	'TRIGAT',
-	'TRL',
-	'Trp',
-	'TRP',
-	'TRU',
-	'TRUEX',
-	'TRW',
-	'TRY',
-	'ts',
-	'Ts',
-	'TS',
-	'TSA',
-	'TSCA',
-	'TSEC',
-	'TSL',
-	'tsn',
-	'TSN',
-	'tso',
-	'TSO',
-	'TSOP',
-	'TSR',
-	'TSSIA',
-	'tt',
-	'TT',
-	'TTCT',
-	'TTD',
-	'TTO',
-	'TTFN',
-	'TTL',
-	'TTP',
-	'TTTEAF',
-	'TTY',
-	'TTYL',
-	'TTZ',
-	'TU',
-	'TUC',
-	'TUG',
-	'TUI',
-	'tuk',
-	'TUN',
-	'TUNS',
-	'Tur',
-	'TUR',
-	'TUSK',
-	'TUV',
-	'Tv',
-	'TV',
-	'TVA',
-	'TVG',
-	'TVR',
-	'TVS',
-	'tw',
-	'TW',
-	'TWAIN',
-	'TWD',
-	'TWE',
-	'twi',
-	'TWI',
-	'TWN',
-	'TWP',
-	'TWS',
-	'TWIP',
-	'TX',
-	'TXV',
-	'ty',
-	'TYT',
-	'TZ',
-	'TZA',
-	'TZC',
-	'TZS',
-	'U',
-	'UA',
-	'UAAP',
-	'UAB',
-	'UAE',
-	'UAH',
-	'UAR',
-	'UAV',
-	'UBC',
-	'UBIGEO',
-	'UBS',
-	'UCBSA',
-	'UCAV',
-	'UCF',
-	'UCI',
-	'UCLA',
-	'UCLES',
-	'UCR',
-	'UCS',
-	'UCSB',
-	'UCSD',
-	'UDAS',
-	'UDDI',
-	'UDP',
-	'UDT',
-	'UDTS',
-	'UE',
-	'UEFA',
-	'UEFI',
-	'UESAC',
-	'UFC',
-	'UFO',
-	'ug',
-	'UG',
-	'UGA',
-	'UGV',
-	'UGX',
-	'UHF',
-	'UHMW',
-	'UHRB',
-	'UIC',
-	'UID',
-	'uig',
-	'UIL',
-	'UIUC',
-	'UJTL',
-	'uk',
-	'UK',
-	'UKIP',
-	'ukr',
-	'UKR',
-	'UL',
-	'ULEB',
-	'ULF',
-	'UM',
-	'UMBC',
-	'UMC',
-	'UMCP',
-	'UMES',
-	'UMI',
-	'UMIST',
-	'UMK',
-	'UML',
-	'UMTS',
-	'UN',
-	'UNABOM',
-	'UNAIDS',
-	'UNaM',
-	'UNAM',
-	'UNAMSIL',
-	'UNCF',
-	'UNCLOS',
-	'UNCSGN',
-	'UNCTAD',
-	'UNDCP',
-	'UNDE',
-	'UNDP',
-	'UNEP',
-	'UNESCO',
-	'UNFCCC',
-	'UNFICYP',
-	'UNGEGN',
-	'UNHCR',
-	'UNICEF',
-	'UNICRI',
-	'UNIDO',
-	'UNIFEM',
-	'UNIS',
-	'UNLV',
-	'UNMIK',
-	'UNMOVIC',
-	'UNOSOM',
-	'UNPROFOR',
-	'UNRISD',
-	'UNSM',
-	'UNTAC',
-	'UNTAET',
-	'UNU',
-	'UP',
-	'UPC',
-	'UPdM',
-	'UPDM',
-	'UPF',
-	'UPI',
-	'UPN',
-	'UPS',
-	'UPTN',
-	'UPU',
-	'ur',
-	'UR',
-	'URBSFA',
-	'urd',
-	'URD',
-	'URI',
-	'URL',
-	'URU',
-	'URY',
-	'US',
-	'USA',
-	'USAADAC',
-	'USAARMC',
-	'USAAVNC',
-	'USAF',
-	'USAFSPC',
-	'USAIC',
-	'USAID',
-	'USAP',
-	'USAPATRIOT',
-	'USAREUR',
-	'USB',
-	'USC',
-	'USCG',
-	'USCINCSPACE',
-	'USD',
-	'USDA',
-	'USDI',
-	'USDOE',
-	'USDRE',
-	'USEC',
-	'USFL',
-	'USFWS',
-	'USGS',
-	'USIA',
-	'USJFCOM',
-	'USL',
-	'USMC',
-	'USMNT',
-	'USN',
-	'USNA',
-	'USNB',
-	'USNG',
-	'USNH',
-	'USNI',
-	'USNO',
-	'USNOFS',
-	'USNP',
-	'USNR',
-	'USNS',
-	'USNY',
-	'USNZ',
-	'USPS',
-	'USPTO',
-	'USR',
-	'USS',
-	'USSPACECOM',
-	'USSR',
-	'UST',
-	'USTRANSCOM',
-	'USWNT',
-	'UT',
-	'UTEP',
-	'UTM',
-	'UU',
-	'UUA',
-	'UUID',
-	'UUV',
-	'UV',
-	'UVM',
-	'UW',
-	'UWO',
-	'UWT',
-	'UWTG',
-	'UWW',
-	'UXO',
-	'UY',
-	'UYU',
-	'uz',
-	'UZ',
-	'uzb',
-	'UZB',
-	'UZS',
-	'V',
-	'VA',
-	'VACIS',
-	'VACIS',
-	'VANOS',
-	'VAO',
-	'VASIS',
-	'VAT',
-	'VB',
-	'VBA',
-	'VC',
-	'VCDS',
-	'vCJD',
-	'VCJCS',
-	'VCNO',
-	'VCR',
-	'VCofS',
-	'VCT',
-	'VD',
-	'VDFS',
-	'VDMOS',
-	'VDOT',
-	'VDR',
-	've',
-	'VE',
-	'VEB',
-	'VEEGA',
-	'ven',
-	'VEN',
-	'VERDI',
-	'VERITAS',
-	'VFA',
-	'VfD',
-	'VFL',
-	'VFM',
-	'VFMO',
-	'VFR',
-	'VFT',
-	'VFW',
-	'VG',
-	'VGB',
-	'VH1',
-	'VHF',
-	'vi',
-	'VI',
-	'VIA',
-	'VIC',
-	'VIDS',
-	'vie',
-	'VII',
-	'VIII',
-	'VIN',
-	'VIP',
-	'VIR',
-	'VIS',
-	'VISCII',
-	'VIT',
-	'VIVO',
-	'VJ',
-	'VK',
-	'VLA',
-	'VLAD',
-	'VLBA',
-	'VLF',
-	'VLIW',
-	'VLPFC',
-	'VLPMC',
-	'VLSF',
-	'VLSI',
-	'VLVS',
-	'VM',
-	'VMASC',
-	'VMF',
-	'VMF',
-	'VMN',
-	'VN',
-	'VND',
-	'VNIR',
-	'VNM',
-	'VNS',
-	'VOA',
-	'vo',
-	'VOC',
-	'VOIP',
-	'vol',
-	'VOLT',
-	'Volvo',
-	'VON',
-	'VOR',
-	'VOR',
-	'VOX',
-	'VP',
-	'VPN',
-	'VQ',
-	'VR',
-	'VRSG',
-	'VS',
-	'VSAT',
-	'VSHORAD',
-	'VSO',
-	'VSOP',
-	'VSR',
-	'VT',
-	'VTC',
-	'VTEC',
-	'VTOL',
-	'VU',
-	'VUB',
-	'VUT',
-	'VUV',
-	'VV',
-	'VVAF',
-	'VW',
-	'VZ',
-	'vzw',
-	'W',
-	'W3C',
-	'wa',
-	'WA',
-	'WAAC',
-	'WAAF',
-	'WAC',
-	'WACC',
-	'WACS',
-	'WAD',
-	'WAGGGS',
-	'WAGs',
-	'WAK',
-	'WAL',
-	'WAN',
-	'WAP',
-	'WAPIMA',
-	'WAR',
-	'WAsP',
-	'WASP',
-	'WAYP',
-	'Wb',
-	'WB',
-	'WBA',
-	'WBC',
-	'WBE',
-	'WBO',
-	'WC',
-	'WCBO',
-	'WCBP',
-	'WCL',
-	'WCS',
-	'WCW',
-	'WDC',
-	'WDWR',
-	'WDIN',
-	'WEBS',
-	'WEC',
-	'WEEE',
-	'WEF',
-	'WEM',
-	'WEU',
-	'WEZ',
-	'WF',
-	'WFC',
-	'WFD',
-	'WFF',
-	'WFP',
-	'WFZ',
-	'WFI',
-	'WG',
-	'WH',
-	'WHAM',
-	'WHI',
-	'WHIP',
-	'WHO',
-	'WHS',
-	'WI',
-	'WIA',
-	'WIIFM',
-	'WIMP',
-	'WIPO',
-	'WIPP',
-	'WIYN',
-	'WK',
-	'WKYP',
-	'WL',
-	'WLB',
-	'WLF',
-	'wln',
-	'WLOG',
-	'WM',
-	'WMANUS',
-	'WMD',
-	'WMI',
-	'WMO',
-	'WNA',
-	'WNF',
-	'WNL',
-	'WNIT',
-	'WNSD',
-	'WNW',
-	'wo',
-	'WO',
-	'WOF',
-	'WOFT',
-	'WOFTAM',
-	'WOI',
-	'wol',
-	'WOM',
-	'WOS',
-	'WOSM',
-	'WOT',
-	'WP',
-	'WPB',
-	'WPE',
-	'WPK',
-	'WPT',
-	'WR',
-	'WRAC',
-	'WRAIR',
-	'WRBWWRM',
-	'WRC',
-	'WRC',
-	'WRNS',
-	'WRVS',
-	'WRS',
-	'WRT',
-	'WRT',
-	'WRT',
-	'WRT',
-	'WRT',
-	'WRT',
-	'WRT',
-	'WRT',
-	'WRT',
-	'WRT',
-	'WRT',
-	'WS',
-	'WSC',
-	'WSDL',
-	'WSJ',
-	'WSL',
-	'WSM',
-	'WSMR',
-	'WSROC',
-	'WSSM',
-	'WST',
-	'WSTC',
-	'WSW',
-	'WTB',
-	'WTB',
-	'WTC',
-	'WTF',
-	'WTFH',
-	'WTH',
-	'WTO',
-	'WTS',
-	'WU',
-	'WUU2',
-	'WUBU2',
-	'WV',
-	'WVA',
-	'WVIAC',
-	'WVR',
-	'WVSC',
-	'WVU',
-	'WVUIT',
-	'WW',
-	'WWE',
-	'WWF',
-	'WWI',
-	'WWII',
-	'WWIII',
-	'WWJD',
-	'WWS',
-	'WWV',
-	'WWW',
-	'WWWF',
-	'WXO',
-	'WY',
-	'WYSIWYG',
-	'WYSIWYP',
-	'WZ',
-	'XAF',
-	'XAG',
-	'XAU',
-	'XBA',
-	'XBB',
-	'XBML',
-	'XC',
-	'XCBL',
-	'XCD',
-	'XD',
-	'Xe',
-	'XF',
-	'XFA',
-	'XFC',
-	'XFD',
-	'Xfe',
-	'XFF',
-	'XFG',
-	'XFH',
-	'XFN',
-	'XFR',
-	'XFT',
-	'XFW',
-	'XG',
-	'XGA',
-	'XGE',
-	'XGG',
-	'XGN',
-	'XGP',
-	'XGR',
-	'xh',
-	'xho',
-	'XHTML',
-	'XHR',
-	'XI',
-	'XII',
-	'XIII',
-	'XIV',
-	'XIX',
-	'XJ',
-	'XJL',
-	'XJS',
-	'XK',
-	'XKA',
-	'XKB',
-	'XKE',
-	'XKH',
-	'XKR',
-	'XKS',
-	'XKY',
-	'XL',
-	'XML',
-	'XMSF',
-	'XN',
-	'XNA',
-	'XNC',
-	'XNN',
-	'XNS',
-	'XNU',
-	'XO',
-	'XOF',
-	'XP',
-	'XPD',
-	'XPF',
-	'XPT',
-	'XQJ',
-	'XQP',
-	'XQU',
-	'XRML',
-	'XS',
-	'XSL',
-	'XTMH',
-	'XUL',
-	'XV',
-	'XVI',
-	'XVII',
-	'XVIII',
-	'XWB',
-	'XWF',
-	'XWM',
-	'XWN',
-	'XWS',
-	'XX',
-	'XXX',
-	'XYA',
-	'Xyl',
-	'XZA',
-	'XZN',
-	'y',
-	'Y',
-	'Y2K',
-	'yA',
-	'Ya',
-	'YA',
-	'YAC',
-	'YAFLA',
-	'YAP',
-	'YaBPr',
-	'YABSLAG',
-	'Yb',
-	'YB',
-	'yC',
-	'YC',
-	'YD',
-	'YDS',
-	'YE',
-	'YEM',
-	'YER',
-	'yF',
-	'YF',
-	'yg',
-	'Yg',
-	'Ygo',
-	'YGCO',
-	'yH',
-	'YH',
-	'YHS',
-	'YHBT',
-	'YHIH1',
-	'YHII',
-	'yi',
-	'Yi',
-	'YI',
-	'yid',
-	'Yippie',
-	'yJ',
-	'YJ',
-	'yK',
-	'YK',
-	'YKYFCW',
-	'yL',
-	'YL',
-	'ym',
-	'Ym',
-	'YM',
-	'YMCA',
-	'YMD',
-	'YMMD',
-	'YMMV',
-	'yN',
-	'YN',
-	'yo',
-	'YO',
-	'YOLO',
-	'yor',
-	'YPA',
-	'YPG',
-	'YPIO',
-	'YPO',
-	'ys',
-	'yS',
-	'Ys',
-	'YS',
-	'YSA',
-	'YSI',
-	'yT',
-	'YT',
-	'YTD',
-	'YTM',
-	'YTS',
-	'YTT',
-	'YU',
-	'YUG',
-	'Yuppie',
-	'yV',
-	'YV',
-	'yW',
-	'YW',
-	'YWCA',
-	'YWMV',
-	'YYH',
-	'z',
-	'Z',
-	'za',
-	'zA',
-	'ZA',
-	'ZAF',
-	'ZAMS',
-	'ZAR',
-	'ZAS',
-	'ZBT',
-	'zC',
-	'ZC',
-	'ZCM',
-	'ZCMK',
-	'ZCU',
-];
diff --git a/frontend/src/app/consts/code-snippets.ts b/frontend/src/app/consts/code-snippets.ts
deleted file mode 100644
index 7285deef1..000000000
--- a/frontend/src/app/consts/code-snippets.ts
+++ /dev/null
@@ -1,211 +0,0 @@
-export function codeSnippets(signingKey: string) {
-	return {
-		cs: {
-			langName: 'C#',
-			mode: 'csharp',
-			snippet: `using System;
-using System.Security.Cryptography;
-using System.Text;
-using Microsoft.AspNetCore.Mvc;
-
-[Route("rocketadmin")]
-[ApiController]
-public class RocketAdminController : ControllerBase
-{
-    [HttpPost]
-    public IActionResult Post([FromBody] dynamic bodyData)
-    {
-        string rocketadminSignature = Request.Headers["rocketadmin-signature"];
-
-        string bodyToJson = Newtonsoft.Json.JsonConvert.SerializeObject(bodyData);
-
-        var hmac = new HMACSHA256(Encoding.UTF8.GetBytes("${signingKey}"));
-        byte[] hash = hmac.ComputeHash(Encoding.UTF8.GetBytes(bodyToJson));
-
-        string hashString = BitConverter.ToString(hash).Replace("-", "").ToLower();
-
-        if (hashString == rocketadminSignature)
-        {
-            // your code
-            return Ok();
-        }
-        else
-        {
-            return BadRequest("Signature invalid");
-        }
-    }
-}
-`,
-		},
-
-		java: {
-			langName: 'Java',
-			mode: 'java',
-			snippet: `import org.springframework.http.ResponseEntity;
-import org.springframework.web.bind.annotation.*;
-import javax.crypto.Mac;
-import javax.crypto.spec.SecretKeySpec;
-import java.nio.charset.StandardCharsets;
-import java.security.InvalidKeyException;
-import java.security.MessageDigest;
-import java.security.NoSuchAlgorithmException;
-import java.util.Base64;
-import java.util.Map;
-
-@RestController
-@RequestMapping("/rocketadmin")
-public class RocketAdminController {
-
-    @PostMapping
-    public ResponseEntity<String> handlePost(@RequestBody Map<String, Object> bodyData,
-                                                @RequestHeader("rocketadmin-signature") String rocketadminSignature) throws NoSuchAlgorithmException, InvalidKeyException {
-        String bodyToJson = new ObjectMapper().writeValueAsString(bodyData);
-
-        SecretKeySpec secretKeySpec = new SecretKeySpec("${signingKey}".getBytes(StandardCharsets.UTF_8), "HmacSHA256");
-        Mac mac = Mac.getInstance("HmacSHA256");
-        mac.init(secretKeySpec);
-        byte[] hash = mac.doFinal(bodyToJson.getBytes(StandardCharsets.UTF_8));
-
-        String hashString = Base64.getEncoder().encodeToString(hash);
-
-        if (MessageDigest.isEqual(hashString.getBytes(StandardCharsets.UTF_8), rocketadminSignature.getBytes(StandardCharsets.UTF_8))) {
-            // your code
-            return ResponseEntity.ok().build();
-        } else {
-            return ResponseEntity.status(400).body("Signature invalid");
-        }
-    }
-}
-`,
-		},
-
-		php: {
-			langName: 'PHP',
-			mode: 'php',
-			snippet: String.raw`<?php
-
-namespace App\Http\Controllers;
-
-use Illuminate\Http\Request;
-use Illuminate\Support\Facades\Hash;
-
-class RocketadminController extends Controller
-{
-    public function store(Request $request)
-    {
-        $rocketadminSignature = $request->header('rocketadmin-signature');
-        $bodyData = $request->all();
-
-        $bodyToJson = json_encode($bodyData);
-
-        $hmac = hash_hmac('sha256', $bodyToJson, '${signingKey}');
-
-        if (hash_equals($hmac, $rocketadminSignature)) {
-            // your code
-            return response()->json([], 200);
-        } else {
-            return response()->json(['error' => 'Signature invalid'], 400);
-        }
-    }
-}`,
-		},
-
-		go: {
-			langName: 'Go',
-			mode: 'go',
-			snippet: `package main
-import (
-    "crypto/hmac"
-    "crypto/sha256"
-    "encoding/hex"
-    "encoding/json"
-    "io/ioutil"
-    "net/http"
-)
-
-func main() {
-    http.HandleFunc("/rocketadmin", func(w http.ResponseWriter, r *http.Request) {
-        rocketadminSignature := r.Header.Get("rocketadmin-signature")
-
-        body, _ := ioutil.ReadAll(r.Body)
-        var bodyData map[string]interface{}
-        json.Unmarshal(body, &bodyData)
-
-        bodyToJson, _ := json.Marshal(bodyData)
-
-        h := hmac.New(sha256.New, []byte("${signingKey}"))
-        h.Write(bodyToJson)
-        hash := hex.EncodeToString(h.Sum(nil))
-
-        if hmac.Equal([]byte(hash), []byte(rocketadminSignature)) {
-            // your code
-            w.WriteHeader(http.StatusOK)
-        } else {
-            http.Error(w, "Signature invalid", http.StatusBadRequest)
-        }
-    })
-
-    http.ListenAndServe(":8080", nil)
-}
-`,
-		},
-
-		python: {
-			langName: 'Python',
-			mode: 'python',
-			snippet: `from django.http import JsonResponse
-from django.views.decorators.csrf import csrf_exempt
-from django.utils.crypto import constant_time_compare
-import hashlib
-import hmac
-import json
-
-@csrf_exempt
-def rocketadmin(request):
-    if request.method == 'POST':
-        rocketadmin_signature = request.META.get('HTTP_ROCKETADMIN_SIGNATURE')
-        body_data = json.loads(request.body)
-
-        body_to_json = json.dumps(body_data)
-
-        hmac_obj = hmac.new(b'${signingKey}', body_to_json.encode(), hashlib.sha256)
-        hash = hmac_obj.hexdigest()
-
-        if constant_time_compare(hash, rocketadmin_signature):
-            # your code
-            return JsonResponse({}, status=200)
-        else:
-            return JsonResponse({'error': 'Signature invalid'}, status=400)
-`,
-		},
-
-		node: {
-			langName: 'Node.js',
-			mode: 'javascript',
-			snippet: `const crypto = require("crypto");
-
-app.use(express.json());
-
-router.post("/rocketadmin", (req, res) => {
-    const rocketadminSignature = req.headers["rocketadmin-signature"];
-    const bodyData = req.body;
-
-    const bodyToJson = JSON.stringify(bodyData);
-
-    const hmac = crypto.createHmac("sha256", "${signingKey}");
-
-    hmac.update(bodyToJson);
-    const hash = hmac.digest("hex");
-
-    if (
-    crypto.timingSafeEqual(Buffer.from(hash), Buffer.from(rocketadminSignature))
-    ) {
-    //your code
-    } else {
-    res.status(400).send("Signature invalid");
-    }
-});
-`,
-		},
-	};
-}
diff --git a/frontend/src/app/consts/countries.ts b/frontend/src/app/consts/countries.ts
deleted file mode 100644
index 90b9936ba..000000000
--- a/frontend/src/app/consts/countries.ts
+++ /dev/null
@@ -1,266 +0,0 @@
-export interface Country {
-	code: string;
-	name: string;
-	dialCode?: string;
-}
-
-export function getCountryFlag(countryCode: string): string {
-	if (!countryCode || countryCode.length !== 2) return '';
-	const codePoints = countryCode
-		.toUpperCase()
-		.split('')
-		.map((char) => 127397 + char.charCodeAt(0));
-	return String.fromCodePoint(...codePoints);
-}
-
-export const COUNTRIES: Country[] = [
-	{ code: 'AD', name: 'Andorra', dialCode: '+376' },
-	{ code: 'AE', name: 'United Arab Emirates', dialCode: '+971' },
-	{ code: 'AF', name: 'Afghanistan', dialCode: '+93' },
-	{ code: 'AG', name: 'Antigua and Barbuda', dialCode: '+1268' },
-	{ code: 'AI', name: 'Anguilla', dialCode: '+1264' },
-	{ code: 'AL', name: 'Albania', dialCode: '+355' },
-	{ code: 'AM', name: 'Armenia', dialCode: '+374' },
-	{ code: 'AO', name: 'Angola', dialCode: '+244' },
-	{ code: 'AQ', name: 'Antarctica', dialCode: '+672' },
-	{ code: 'AR', name: 'Argentina', dialCode: '+54' },
-	{ code: 'AS', name: 'American Samoa', dialCode: '+1684' },
-	{ code: 'AT', name: 'Austria', dialCode: '+43' },
-	{ code: 'AU', name: 'Australia', dialCode: '+61' },
-	{ code: 'AW', name: 'Aruba', dialCode: '+297' },
-	{ code: 'AX', name: 'Åland Islands', dialCode: '+358' },
-	{ code: 'AZ', name: 'Azerbaijan', dialCode: '+994' },
-	{ code: 'BA', name: 'Bosnia and Herzegovina', dialCode: '+387' },
-	{ code: 'BB', name: 'Barbados', dialCode: '+1246' },
-	{ code: 'BD', name: 'Bangladesh', dialCode: '+880' },
-	{ code: 'BE', name: 'Belgium', dialCode: '+32' },
-	{ code: 'BF', name: 'Burkina Faso', dialCode: '+226' },
-	{ code: 'BG', name: 'Bulgaria', dialCode: '+359' },
-	{ code: 'BH', name: 'Bahrain', dialCode: '+973' },
-	{ code: 'BI', name: 'Burundi', dialCode: '+257' },
-	{ code: 'BJ', name: 'Benin', dialCode: '+229' },
-	{ code: 'BL', name: 'Saint Barthélemy', dialCode: '+590' },
-	{ code: 'BM', name: 'Bermuda', dialCode: '+1441' },
-	{ code: 'BN', name: 'Brunei Darussalam', dialCode: '+673' },
-	{ code: 'BO', name: 'Bolivia', dialCode: '+591' },
-	{ code: 'BQ', name: 'Bonaire, Sint Eustatius and Saba', dialCode: '+599' },
-	{ code: 'BR', name: 'Brazil', dialCode: '+55' },
-	{ code: 'BS', name: 'Bahamas', dialCode: '+1242' },
-	{ code: 'BT', name: 'Bhutan', dialCode: '+975' },
-	{ code: 'BV', name: 'Bouvet Island', dialCode: '+47' },
-	{ code: 'BW', name: 'Botswana', dialCode: '+267' },
-	{ code: 'BY', name: 'Belarus', dialCode: '+375' },
-	{ code: 'BZ', name: 'Belize', dialCode: '+501' },
-	{ code: 'CA', name: 'Canada', dialCode: '+1' },
-	{ code: 'CC', name: 'Cocos (Keeling) Islands', dialCode: '+61' },
-	{ code: 'CD', name: 'Congo, Democratic Republic of the', dialCode: '+243' },
-	{ code: 'CF', name: 'Central African Republic', dialCode: '+236' },
-	{ code: 'CG', name: 'Congo', dialCode: '+242' },
-	{ code: 'CH', name: 'Switzerland', dialCode: '+41' },
-	{ code: 'CI', name: "Côte d'Ivoire", dialCode: '+225' },
-	{ code: 'CK', name: 'Cook Islands', dialCode: '+682' },
-	{ code: 'CL', name: 'Chile', dialCode: '+56' },
-	{ code: 'CM', name: 'Cameroon', dialCode: '+237' },
-	{ code: 'CN', name: 'China', dialCode: '+86' },
-	{ code: 'CO', name: 'Colombia', dialCode: '+57' },
-	{ code: 'CR', name: 'Costa Rica', dialCode: '+506' },
-	{ code: 'CU', name: 'Cuba', dialCode: '+53' },
-	{ code: 'CV', name: 'Cape Verde', dialCode: '+238' },
-	{ code: 'CW', name: 'Curaçao', dialCode: '+599' },
-	{ code: 'CX', name: 'Christmas Island', dialCode: '+61' },
-	{ code: 'CY', name: 'Cyprus', dialCode: '+357' },
-	{ code: 'CZ', name: 'Czech Republic', dialCode: '+420' },
-	{ code: 'DE', name: 'Germany', dialCode: '+49' },
-	{ code: 'DJ', name: 'Djibouti', dialCode: '+253' },
-	{ code: 'DK', name: 'Denmark', dialCode: '+45' },
-	{ code: 'DM', name: 'Dominica', dialCode: '+1767' },
-	{ code: 'DO', name: 'Dominican Republic', dialCode: '+1' },
-	{ code: 'DZ', name: 'Algeria', dialCode: '+213' },
-	{ code: 'EC', name: 'Ecuador', dialCode: '+593' },
-	{ code: 'EE', name: 'Estonia', dialCode: '+372' },
-	{ code: 'EG', name: 'Egypt', dialCode: '+20' },
-	{ code: 'EH', name: 'Western Sahara', dialCode: '+212' },
-	{ code: 'ER', name: 'Eritrea', dialCode: '+291' },
-	{ code: 'ES', name: 'Spain', dialCode: '+34' },
-	{ code: 'ET', name: 'Ethiopia', dialCode: '+251' },
-	{ code: 'FI', name: 'Finland', dialCode: '+358' },
-	{ code: 'FJ', name: 'Fiji', dialCode: '+679' },
-	{ code: 'FK', name: 'Falkland Islands (Malvinas)', dialCode: '+500' },
-	{ code: 'FM', name: 'Micronesia, Federated States of', dialCode: '+691' },
-	{ code: 'FO', name: 'Faroe Islands', dialCode: '+298' },
-	{ code: 'FR', name: 'France', dialCode: '+33' },
-	{ code: 'GA', name: 'Gabon', dialCode: '+241' },
-	{ code: 'GB', name: 'United Kingdom', dialCode: '+44' },
-	{ code: 'GD', name: 'Grenada', dialCode: '+1473' },
-	{ code: 'GE', name: 'Georgia', dialCode: '+995' },
-	{ code: 'GF', name: 'French Guiana', dialCode: '+594' },
-	{ code: 'GG', name: 'Guernsey', dialCode: '+44' },
-	{ code: 'GH', name: 'Ghana', dialCode: '+233' },
-	{ code: 'GI', name: 'Gibraltar', dialCode: '+350' },
-	{ code: 'GL', name: 'Greenland', dialCode: '+299' },
-	{ code: 'GM', name: 'Gambia', dialCode: '+220' },
-	{ code: 'GN', name: 'Guinea', dialCode: '+224' },
-	{ code: 'GP', name: 'Guadeloupe', dialCode: '+590' },
-	{ code: 'GQ', name: 'Equatorial Guinea', dialCode: '+240' },
-	{ code: 'GR', name: 'Greece', dialCode: '+30' },
-	{ code: 'GS', name: 'South Georgia and the South Sandwich Islands', dialCode: '+500' },
-	{ code: 'GT', name: 'Guatemala', dialCode: '+502' },
-	{ code: 'GU', name: 'Guam', dialCode: '+1671' },
-	{ code: 'GW', name: 'Guinea-Bissau', dialCode: '+245' },
-	{ code: 'GY', name: 'Guyana', dialCode: '+592' },
-	{ code: 'HK', name: 'Hong Kong', dialCode: '+852' },
-	{ code: 'HM', name: 'Heard Island and McDonald Islands', dialCode: '+672' },
-	{ code: 'HN', name: 'Honduras', dialCode: '+504' },
-	{ code: 'HR', name: 'Croatia', dialCode: '+385' },
-	{ code: 'HT', name: 'Haiti', dialCode: '+509' },
-	{ code: 'HU', name: 'Hungary', dialCode: '+36' },
-	{ code: 'ID', name: 'Indonesia', dialCode: '+62' },
-	{ code: 'IE', name: 'Ireland', dialCode: '+353' },
-	{ code: 'IL', name: 'Israel', dialCode: '+972' },
-	{ code: 'IM', name: 'Isle of Man', dialCode: '+44' },
-	{ code: 'IN', name: 'India', dialCode: '+91' },
-	{ code: 'IO', name: 'British Indian Ocean Territory', dialCode: '+246' },
-	{ code: 'IQ', name: 'Iraq', dialCode: '+964' },
-	{ code: 'IR', name: 'Iran, Islamic Republic of', dialCode: '+98' },
-	{ code: 'IS', name: 'Iceland', dialCode: '+354' },
-	{ code: 'IT', name: 'Italy', dialCode: '+39' },
-	{ code: 'JE', name: 'Jersey', dialCode: '+44' },
-	{ code: 'JM', name: 'Jamaica', dialCode: '+1876' },
-	{ code: 'JO', name: 'Jordan', dialCode: '+962' },
-	{ code: 'JP', name: 'Japan', dialCode: '+81' },
-	{ code: 'KE', name: 'Kenya', dialCode: '+254' },
-	{ code: 'KG', name: 'Kyrgyzstan', dialCode: '+996' },
-	{ code: 'KH', name: 'Cambodia', dialCode: '+855' },
-	{ code: 'KI', name: 'Kiribati', dialCode: '+686' },
-	{ code: 'KM', name: 'Comoros', dialCode: '+269' },
-	{ code: 'KN', name: 'Saint Kitts and Nevis', dialCode: '+1869' },
-	{ code: 'KP', name: "Korea, Democratic People's Republic of", dialCode: '+850' },
-	{ code: 'KR', name: 'Korea, Republic of', dialCode: '+82' },
-	{ code: 'KW', name: 'Kuwait', dialCode: '+965' },
-	{ code: 'KY', name: 'Cayman Islands', dialCode: '+1345' },
-	{ code: 'KZ', name: 'Kazakhstan', dialCode: '+7' },
-	{ code: 'LA', name: "Lao People's Democratic Republic", dialCode: '+856' },
-	{ code: 'LB', name: 'Lebanon', dialCode: '+961' },
-	{ code: 'LC', name: 'Saint Lucia', dialCode: '+1758' },
-	{ code: 'LI', name: 'Liechtenstein', dialCode: '+423' },
-	{ code: 'LK', name: 'Sri Lanka', dialCode: '+94' },
-	{ code: 'LR', name: 'Liberia', dialCode: '+231' },
-	{ code: 'LS', name: 'Lesotho', dialCode: '+266' },
-	{ code: 'LT', name: 'Lithuania', dialCode: '+370' },
-	{ code: 'LU', name: 'Luxembourg', dialCode: '+352' },
-	{ code: 'LV', name: 'Latvia', dialCode: '+371' },
-	{ code: 'LY', name: 'Libya', dialCode: '+218' },
-	{ code: 'MA', name: 'Morocco', dialCode: '+212' },
-	{ code: 'MC', name: 'Monaco', dialCode: '+377' },
-	{ code: 'MD', name: 'Moldova, Republic of', dialCode: '+373' },
-	{ code: 'ME', name: 'Montenegro', dialCode: '+382' },
-	{ code: 'MF', name: 'Saint Martin (French part)', dialCode: '+590' },
-	{ code: 'MG', name: 'Madagascar', dialCode: '+261' },
-	{ code: 'MH', name: 'Marshall Islands', dialCode: '+692' },
-	{ code: 'MK', name: 'North Macedonia', dialCode: '+389' },
-	{ code: 'ML', name: 'Mali', dialCode: '+223' },
-	{ code: 'MM', name: 'Myanmar', dialCode: '+95' },
-	{ code: 'MN', name: 'Mongolia', dialCode: '+976' },
-	{ code: 'MO', name: 'Macao', dialCode: '+853' },
-	{ code: 'MP', name: 'Northern Mariana Islands', dialCode: '+1670' },
-	{ code: 'MQ', name: 'Martinique', dialCode: '+596' },
-	{ code: 'MR', name: 'Mauritania', dialCode: '+222' },
-	{ code: 'MS', name: 'Montserrat', dialCode: '+1664' },
-	{ code: 'MT', name: 'Malta', dialCode: '+356' },
-	{ code: 'MU', name: 'Mauritius', dialCode: '+230' },
-	{ code: 'MV', name: 'Maldives', dialCode: '+960' },
-	{ code: 'MW', name: 'Malawi', dialCode: '+265' },
-	{ code: 'MX', name: 'Mexico', dialCode: '+52' },
-	{ code: 'MY', name: 'Malaysia', dialCode: '+60' },
-	{ code: 'MZ', name: 'Mozambique', dialCode: '+258' },
-	{ code: 'NA', name: 'Namibia', dialCode: '+264' },
-	{ code: 'NC', name: 'New Caledonia', dialCode: '+687' },
-	{ code: 'NE', name: 'Niger', dialCode: '+227' },
-	{ code: 'NF', name: 'Norfolk Island', dialCode: '+672' },
-	{ code: 'NG', name: 'Nigeria', dialCode: '+234' },
-	{ code: 'NI', name: 'Nicaragua', dialCode: '+505' },
-	{ code: 'NL', name: 'Netherlands', dialCode: '+31' },
-	{ code: 'NO', name: 'Norway', dialCode: '+47' },
-	{ code: 'NP', name: 'Nepal', dialCode: '+977' },
-	{ code: 'NR', name: 'Nauru', dialCode: '+674' },
-	{ code: 'NU', name: 'Niue', dialCode: '+683' },
-	{ code: 'NZ', name: 'New Zealand', dialCode: '+64' },
-	{ code: 'OM', name: 'Oman', dialCode: '+968' },
-	{ code: 'PA', name: 'Panama', dialCode: '+507' },
-	{ code: 'PE', name: 'Peru', dialCode: '+51' },
-	{ code: 'PF', name: 'French Polynesia', dialCode: '+689' },
-	{ code: 'PG', name: 'Papua New Guinea', dialCode: '+675' },
-	{ code: 'PH', name: 'Philippines', dialCode: '+63' },
-	{ code: 'PK', name: 'Pakistan', dialCode: '+92' },
-	{ code: 'PL', name: 'Poland', dialCode: '+48' },
-	{ code: 'PM', name: 'Saint Pierre and Miquelon', dialCode: '+508' },
-	{ code: 'PN', name: 'Pitcairn', dialCode: '+64' },
-	{ code: 'PR', name: 'Puerto Rico', dialCode: '+1787' },
-	{ code: 'PS', name: 'Palestine, State of', dialCode: '+970' },
-	{ code: 'PT', name: 'Portugal', dialCode: '+351' },
-	{ code: 'PW', name: 'Palau', dialCode: '+680' },
-	{ code: 'PY', name: 'Paraguay', dialCode: '+595' },
-	{ code: 'QA', name: 'Qatar', dialCode: '+974' },
-	{ code: 'RE', name: 'Réunion', dialCode: '+262' },
-	{ code: 'RO', name: 'Romania', dialCode: '+40' },
-	{ code: 'RS', name: 'Serbia', dialCode: '+381' },
-	{ code: 'RU', name: 'Russian Federation', dialCode: '+7' },
-	{ code: 'RW', name: 'Rwanda', dialCode: '+250' },
-	{ code: 'SA', name: 'Saudi Arabia', dialCode: '+966' },
-	{ code: 'SB', name: 'Solomon Islands', dialCode: '+677' },
-	{ code: 'SC', name: 'Seychelles', dialCode: '+248' },
-	{ code: 'SD', name: 'Sudan', dialCode: '+249' },
-	{ code: 'SE', name: 'Sweden', dialCode: '+46' },
-	{ code: 'SG', name: 'Singapore', dialCode: '+65' },
-	{ code: 'SH', name: 'Saint Helena, Ascension and Tristan da Cunha', dialCode: '+290' },
-	{ code: 'SI', name: 'Slovenia', dialCode: '+386' },
-	{ code: 'SJ', name: 'Svalbard and Jan Mayen', dialCode: '+47' },
-	{ code: 'SK', name: 'Slovakia', dialCode: '+421' },
-	{ code: 'SL', name: 'Sierra Leone', dialCode: '+232' },
-	{ code: 'SM', name: 'San Marino', dialCode: '+378' },
-	{ code: 'SN', name: 'Senegal', dialCode: '+221' },
-	{ code: 'SO', name: 'Somalia', dialCode: '+252' },
-	{ code: 'SR', name: 'Suriname', dialCode: '+597' },
-	{ code: 'SS', name: 'South Sudan', dialCode: '+211' },
-	{ code: 'ST', name: 'Sao Tome and Principe', dialCode: '+239' },
-	{ code: 'SV', name: 'El Salvador', dialCode: '+503' },
-	{ code: 'SX', name: 'Sint Maarten (Dutch part)', dialCode: '+1721' },
-	{ code: 'SY', name: 'Syrian Arab Republic', dialCode: '+963' },
-	{ code: 'SZ', name: 'Eswatini', dialCode: '+268' },
-	{ code: 'TC', name: 'Turks and Caicos Islands', dialCode: '+1649' },
-	{ code: 'TD', name: 'Chad', dialCode: '+235' },
-	{ code: 'TF', name: 'French Southern Territories', dialCode: '+262' },
-	{ code: 'TG', name: 'Togo', dialCode: '+228' },
-	{ code: 'TH', name: 'Thailand', dialCode: '+66' },
-	{ code: 'TJ', name: 'Tajikistan', dialCode: '+992' },
-	{ code: 'TK', name: 'Tokelau', dialCode: '+690' },
-	{ code: 'TL', name: 'Timor-Leste', dialCode: '+670' },
-	{ code: 'TM', name: 'Turkmenistan', dialCode: '+993' },
-	{ code: 'TN', name: 'Tunisia', dialCode: '+216' },
-	{ code: 'TO', name: 'Tonga', dialCode: '+676' },
-	{ code: 'TR', name: 'Turkey', dialCode: '+90' },
-	{ code: 'TT', name: 'Trinidad and Tobago', dialCode: '+1868' },
-	{ code: 'TV', name: 'Tuvalu', dialCode: '+688' },
-	{ code: 'TW', name: 'Taiwan, Province of China', dialCode: '+886' },
-	{ code: 'TZ', name: 'Tanzania, United Republic of', dialCode: '+255' },
-	{ code: 'UA', name: 'Ukraine', dialCode: '+380' },
-	{ code: 'UG', name: 'Uganda', dialCode: '+256' },
-	{ code: 'UM', name: 'United States Minor Outlying Islands', dialCode: '+1' },
-	{ code: 'US', name: 'United States', dialCode: '+1' },
-	{ code: 'UY', name: 'Uruguay', dialCode: '+598' },
-	{ code: 'UZ', name: 'Uzbekistan', dialCode: '+998' },
-	{ code: 'VA', name: 'Holy See (Vatican City State)', dialCode: '+379' },
-	{ code: 'VC', name: 'Saint Vincent and the Grenadines', dialCode: '+1784' },
-	{ code: 'VE', name: 'Venezuela', dialCode: '+58' },
-	{ code: 'VG', name: 'Virgin Islands, British', dialCode: '+1284' },
-	{ code: 'VI', name: 'Virgin Islands, U.S.', dialCode: '+1340' },
-	{ code: 'VN', name: 'Viet Nam', dialCode: '+84' },
-	{ code: 'VU', name: 'Vanuatu', dialCode: '+678' },
-	{ code: 'WF', name: 'Wallis and Futuna', dialCode: '+681' },
-	{ code: 'WS', name: 'Samoa', dialCode: '+685' },
-	{ code: 'YE', name: 'Yemen', dialCode: '+967' },
-	{ code: 'YT', name: 'Mayotte', dialCode: '+262' },
-	{ code: 'ZA', name: 'South Africa', dialCode: '+27' },
-	{ code: 'ZM', name: 'Zambia', dialCode: '+260' },
-	{ code: 'ZW', name: 'Zimbabwe', dialCode: '+263' },
-];
diff --git a/frontend/src/app/consts/currencies.ts b/frontend/src/app/consts/currencies.ts
deleted file mode 100644
index 174c5bfef..000000000
--- a/frontend/src/app/consts/currencies.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-export interface Money {
-	code: string;
-	name: string;
-	symbol: string;
-	flag?: string;
-}
-
-export interface MoneyValue {
-	amount: number | string;
-	currency: string;
-}
-
-export const CURRENCIES: Money[] = [
-	{ code: 'USD', name: 'US Dollar', symbol: '$', flag: '🇺🇸' },
-	{ code: 'EUR', name: 'Euro', symbol: '€', flag: '🇪🇺' },
-	{ code: 'GBP', name: 'British Pound', symbol: '£', flag: '🇬🇧' },
-	{ code: 'JPY', name: 'Japanese Yen', symbol: '¥', flag: '🇯🇵' },
-	{ code: 'CHF', name: 'Swiss Franc', symbol: 'CHF', flag: '🇨🇭' },
-	{ code: 'CAD', name: 'Canadian Dollar', symbol: 'C$', flag: '🇨🇦' },
-	{ code: 'AUD', name: 'Australian Dollar', symbol: 'A$', flag: '🇦🇺' },
-	{ code: 'CNY', name: 'Chinese Yuan', symbol: '¥', flag: '🇨🇳' },
-	{ code: 'INR', name: 'Indian Rupee', symbol: '₹', flag: '🇮🇳' },
-	{ code: 'KRW', name: 'South Korean Won', symbol: '₩', flag: '🇰🇷' },
-	{ code: 'SGD', name: 'Singapore Dollar', symbol: 'S$', flag: '🇸🇬' },
-	{ code: 'HKD', name: 'Hong Kong Dollar', symbol: 'HK$', flag: '🇭🇰' },
-	{ code: 'NOK', name: 'Norwegian Krone', symbol: 'kr', flag: '🇳🇴' },
-	{ code: 'SEK', name: 'Swedish Krona', symbol: 'kr', flag: '🇸🇪' },
-	{ code: 'DKK', name: 'Danish Krone', symbol: 'kr', flag: '🇩🇰' },
-	{ code: 'PLN', name: 'Polish Zloty', symbol: 'zł', flag: '🇵🇱' },
-	{ code: 'CZK', name: 'Czech Koruna', symbol: 'Kč', flag: '🇨🇿' },
-	{ code: 'HUF', name: 'Hungarian Forint', symbol: 'Ft', flag: '🇭🇺' },
-	{ code: 'RUB', name: 'Russian Ruble', symbol: '₽', flag: '🇷🇺' },
-	{ code: 'BRL', name: 'Brazilian Real', symbol: 'R$', flag: '🇧🇷' },
-	{ code: 'MXN', name: 'Mexican Peso', symbol: '$', flag: '🇲🇽' },
-	{ code: 'ZAR', name: 'South African Rand', symbol: 'R', flag: '🇿🇦' },
-	{ code: 'TRY', name: 'Turkish Lira', symbol: '₺', flag: '🇹🇷' },
-	{ code: 'AED', name: 'UAE Dirham', symbol: 'د.إ', flag: '🇦🇪' },
-	{ code: 'SAR', name: 'Saudi Riyal', symbol: '﷼', flag: '🇸🇦' },
-	{ code: 'ILS', name: 'Israeli Shekel', symbol: '₪', flag: '🇮🇱' },
-	{ code: 'EGP', name: 'Egyptian Pound', symbol: '£', flag: '🇪🇬' },
-	{ code: 'THB', name: 'Thai Baht', symbol: '฿', flag: '🇹🇭' },
-	{ code: 'MYR', name: 'Malaysian Ringgit', symbol: 'RM', flag: '🇲🇾' },
-	{ code: 'IDR', name: 'Indonesian Rupiah', symbol: 'Rp', flag: '🇮🇩' },
-	{ code: 'PHP', name: 'Philippine Peso', symbol: '₱', flag: '🇵🇭' },
-	{ code: 'VND', name: 'Vietnamese Dong', symbol: '₫', flag: '🇻🇳' },
-	{ code: 'UAH', name: 'Ukrainian Hryvnia', symbol: '₴', flag: '🇺🇦' },
-];
-
-export function getCurrencyByCode(code: string): Money | undefined {
-	return CURRENCIES.find((currency) => currency.code === code);
-}
-
-export function getCurrencySymbol(code: string): string {
-	const currency = getCurrencyByCode(code);
-	return currency ? currency.symbol : '';
-}
-
-export const ZERO_DECIMAL_CURRENCIES = new Set<string>([
-	'BIF',
-	'CLP',
-	'DJF',
-	'GNF',
-	'JPY',
-	'KMF',
-	'KRW',
-	'MGA',
-	'PYG',
-	'RWF',
-	'UGX',
-	'VND',
-	'VUV',
-	'XAF',
-	'XOF',
-	'XPF',
-]);
-
-export function isZeroDecimalCurrency(code: string): boolean {
-	return ZERO_DECIMAL_CURRENCIES.has(code);
-}
-
-export function getCurrencyDecimalPlaces(code: string): number {
-	return isZeroDecimalCurrency(code) ? 0 : 2;
-}
-
-export function getCurrencyMinorUnitFactor(code: string): number {
-	return isZeroDecimalCurrency(code) ? 1 : 100;
-}
diff --git a/frontend/src/app/consts/databases.ts b/frontend/src/app/consts/databases.ts
deleted file mode 100644
index 9a1772132..000000000
--- a/frontend/src/app/consts/databases.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-export const supportedOrderedDatabases = [
-	'mysql',
-	'postgres',
-	'mongodb',
-	'dynamodb',
-	'cassandra',
-	'oracledb',
-	'mssql',
-	'redis',
-	'elasticsearch',
-	'clickhouse',
-];
-
-export const supportedDatabasesTitles = {
-	mysql: 'MySQL  (MariaDB)',
-	postgres: 'PostgreSQL',
-	mongodb: 'MongoDB',
-	dynamodb: 'DynamoDB',
-	cassandra: 'Cassandra (ScyllaDB)',
-	oracledb: 'OracleDB',
-	mssql: 'SQL Server',
-	redis: 'Redis',
-	elasticsearch: 'Elasticsearch (OpenSearch)',
-	clickhouse: 'ClickHouse',
-};
diff --git a/frontend/src/app/consts/filter-types.ts b/frontend/src/app/consts/filter-types.ts
deleted file mode 100644
index 8c131e2b8..000000000
--- a/frontend/src/app/consts/filter-types.ts
+++ /dev/null
@@ -1,294 +0,0 @@
-import { BooleanFilterComponent } from 'src/app/components/ui-components/filter-fields/boolean/boolean.component';
-import { LongTextFilterComponent } from 'src/app/components/ui-components/filter-fields/long-text/long-text.component';
-import { NumberFilterComponent } from 'src/app/components/ui-components/filter-fields/number/number.component';
-import { PointFilterComponent } from 'src/app/components/ui-components/filter-fields/point/point.component';
-import { TextFilterComponent } from 'src/app/components/ui-components/filter-fields/text/text.component';
-import { BinaryFilterComponent } from '../components/ui-components/filter-fields/binary/binary.component';
-import { CountryFilterComponent } from '../components/ui-components/filter-fields/country/country.component';
-import { DateFilterComponent } from '../components/ui-components/filter-fields/date/date.component';
-import { DateTimeFilterComponent } from '../components/ui-components/filter-fields/date-time/date-time.component';
-import { EmailFilterComponent } from '../components/ui-components/filter-fields/email/email.component';
-import { FileFilterComponent } from '../components/ui-components/filter-fields/file/file.component';
-import { ForeignKeyFilterComponent } from '../components/ui-components/filter-fields/foreign-key/foreign-key.component';
-import { IdFilterComponent } from '../components/ui-components/filter-fields/id/id.component';
-import { JsonEditorFilterComponent } from '../components/ui-components/filter-fields/json-editor/json-editor.component';
-import { PasswordFilterComponent } from '../components/ui-components/filter-fields/password/password.component';
-import { PhoneFilterComponent } from '../components/ui-components/filter-fields/phone/phone.component';
-import { SelectFilterComponent } from '../components/ui-components/filter-fields/select/select.component';
-import { StaticTextFilterComponent } from '../components/ui-components/filter-fields/static-text/static-text.component';
-import { TimeFilterComponent } from '../components/ui-components/filter-fields/time/time.component';
-import { TimeIntervalFilterComponent } from '../components/ui-components/filter-fields/time-interval/time-interval.component';
-import { TimezoneFilterComponent } from '../components/ui-components/filter-fields/timezone/timezone.component';
-
-export const UIwidgets = {
-	Default: '',
-	Boolean: BooleanFilterComponent,
-	Country: CountryFilterComponent,
-	Date: DateFilterComponent,
-	DateTime: DateTimeFilterComponent,
-	Binary: BinaryFilterComponent,
-	File: FileFilterComponent,
-	Foreign_key: ForeignKeyFilterComponent,
-	JSON: JsonEditorFilterComponent,
-	Number: NumberFilterComponent,
-	Password: PasswordFilterComponent,
-	Readonly: StaticTextFilterComponent,
-	Select: SelectFilterComponent,
-	String: TextFilterComponent,
-	Textarea: LongTextFilterComponent,
-	Time: TimeFilterComponent,
-	TimeInterval: TimeIntervalFilterComponent,
-	Timezone: TimezoneFilterComponent,
-	Point: PointFilterComponent,
-	ID: IdFilterComponent,
-	Phone: PhoneFilterComponent,
-	Email: EmailFilterComponent,
-};
-
-export const filterTypes = {
-	postgres: {
-		// numbers (number)
-		real: NumberFilterComponent,
-		'double precision': NumberFilterComponent,
-		smallint: NumberFilterComponent,
-		integer: NumberFilterComponent,
-		bigint: NumberFilterComponent,
-		numeric: NumberFilterComponent,
-
-		//boolean (checkbox)
-		boolean: BooleanFilterComponent,
-
-		//datetime (datepicker)
-		'timestamp without time zone': DateTimeFilterComponent,
-		'timestamp with time zone': DateTimeFilterComponent,
-		date: DateFilterComponent,
-		abstime: DateTimeFilterComponent,
-		realtime: DateTimeFilterComponent,
-		interval: TimeIntervalFilterComponent, // number + select(seconds, days, weeks, years)
-
-		// short text (text)
-		'character varying': TextFilterComponent,
-		macaddr: TextFilterComponent, //to do regexp
-		macaddr8: TextFilterComponent, //to do regexp
-		cidr: TextFilterComponent, //to do regexp
-		inet: TextFilterComponent, //to do regexp
-		uuid: TextFilterComponent, //to do regexp
-
-		//long text (textarea)
-		text: LongTextFilterComponent,
-		xml: LongTextFilterComponent,
-
-		//select (select)
-		enum: SelectFilterComponent,
-
-		// json-editor
-		json: JsonEditorFilterComponent, //json-editor
-		jsonb: JsonEditorFilterComponent, //json-editor
-
-		//binary
-		bytea: BinaryFilterComponent,
-
-		//etc
-		money: TextFilterComponent,
-
-		//mess (math)
-		point: PointFilterComponent,
-		line: TextFilterComponent,
-		circle: TextFilterComponent,
-		path: TextFilterComponent,
-		box: TextFilterComponent,
-		lseg: TextFilterComponent,
-
-		'foreign key': ForeignKeyFilterComponent,
-	},
-
-	mysql: {
-		// numbers (number)
-		tinyint: NumberFilterComponent,
-		smallint: NumberFilterComponent,
-		mediumint: NumberFilterComponent,
-		int: NumberFilterComponent,
-		bigint: NumberFilterComponent,
-		decimal: NumberFilterComponent,
-		float: NumberFilterComponent,
-		double: NumberFilterComponent,
-		year: NumberFilterComponent,
-
-		//boolean (radiogroup)
-		boolean: BooleanFilterComponent,
-
-		//datetime (datepicker)
-		date: DateFilterComponent,
-		time: TimeFilterComponent,
-		datetime: DateTimeFilterComponent,
-		timestamp: DateTimeFilterComponent,
-
-		// short text (text)
-		char: TextFilterComponent,
-		varchar: TextFilterComponent,
-
-		//long text (textarea)
-		text: LongTextFilterComponent,
-		tinytext: LongTextFilterComponent,
-		mediumtext: LongTextFilterComponent,
-		longtext: LongTextFilterComponent,
-
-		json: JsonEditorFilterComponent, //json-editor
-
-		//select (select)
-		enum: SelectFilterComponent,
-
-		//binary
-		binary: BinaryFilterComponent,
-		varbinary: BinaryFilterComponent,
-		blob: BinaryFilterComponent,
-		tinyblob: BinaryFilterComponent,
-		mediumblob: BinaryFilterComponent,
-		longblob: BinaryFilterComponent,
-
-		//etc
-		set: TextFilterComponent, //(text)
-
-		'foreign key': ForeignKeyFilterComponent,
-	},
-
-	oracledb: {
-		// numbers (number)
-		NUMBER: NumberFilterComponent,
-		FLOAT: NumberFilterComponent,
-		BINARY_FLOAT: NumberFilterComponent,
-		BINARY_DOUBLE: NumberFilterComponent,
-		'INTERVAL YEAR': NumberFilterComponent,
-		'INTERVAL DAY': NumberFilterComponent,
-
-		//datetime (datepicker)
-		DATE: DateFilterComponent,
-		TIMESTAMP: DateTimeFilterComponent,
-
-		// short text (text)
-		CHAR: TextFilterComponent,
-		NCHAR: TextFilterComponent,
-		CLOB: TextFilterComponent,
-		NCLOB: TextFilterComponent,
-		VARCHAR2: TextFilterComponent,
-		VARCHAR: TextFilterComponent,
-		NVARCHAR2: TextFilterComponent,
-
-		//binary
-		BLOB: BinaryFilterComponent,
-		BFILE: BinaryFilterComponent,
-		RAW: BinaryFilterComponent,
-		'LONG RAW': BinaryFilterComponent,
-		LONG: BinaryFilterComponent,
-
-		'foreign key': ForeignKeyFilterComponent,
-	},
-
-	mssql: {
-		// numbers (number)
-		bigint: NumberFilterComponent,
-		int: NumberFilterComponent,
-		smallint: NumberFilterComponent,
-		tinyint: NumberFilterComponent,
-		decimal: NumberFilterComponent,
-		bitdecimal: NumberFilterComponent,
-		numeric: NumberFilterComponent,
-		real: NumberFilterComponent,
-
-		// short text (text)
-		uniqueidentifier: IdFilterComponent,
-		char: TextFilterComponent,
-		varchar: TextFilterComponent,
-
-		//long text (textarea)
-		text: LongTextFilterComponent,
-		nchar: LongTextFilterComponent,
-		nvarchar: LongTextFilterComponent,
-		ntext: LongTextFilterComponent,
-
-		//datetime (datepicker)
-		date: DateFilterComponent,
-		datetime: DateTimeFilterComponent,
-		smalldatetime: DateTimeFilterComponent,
-		timestamp: DateTimeFilterComponent,
-
-		//binary
-		binary: BinaryFilterComponent,
-		varbinary: BinaryFilterComponent,
-		image: BinaryFilterComponent,
-
-		// etc
-		money: TextFilterComponent,
-		smallmoney: TextFilterComponent,
-
-		'foreign key': ForeignKeyFilterComponent,
-	},
-	mongodb: {
-		// numbers (number)
-		number: NumberFilterComponent,
-		double: NumberFilterComponent,
-		int32: NumberFilterComponent,
-		long: NumberFilterComponent,
-		decimal128: NumberFilterComponent,
-
-		//boolean (radiogroup)
-		boolean: BooleanFilterComponent,
-
-		//datetime (datepicker)
-		date: DateFilterComponent,
-		timestamp: DateTimeFilterComponent,
-
-		// short text (text)
-		string: TextFilterComponent,
-		regexp: TextFilterComponent,
-		objectid: TextFilterComponent,
-
-		//binary
-		binary: BinaryFilterComponent,
-
-		//json
-		//json
-		object: JsonEditorFilterComponent,
-		array: JsonEditorFilterComponent,
-
-		'foreign key': ForeignKeyFilterComponent,
-	},
-	dynamodb: {
-		string: TextFilterComponent,
-		number: NumberFilterComponent,
-		boolean: BooleanFilterComponent,
-		null: StaticTextFilterComponent,
-		array: JsonEditorFilterComponent,
-		json: JsonEditorFilterComponent,
-		binary: BinaryFilterComponent,
-	},
-	cassandra: {
-		int: NumberFilterComponent,
-		bigint: NumberFilterComponent,
-		varint: NumberFilterComponent,
-		decimal: NumberFilterComponent,
-		float: NumberFilterComponent,
-		double: NumberFilterComponent,
-
-		boolean: BooleanFilterComponent,
-
-		timeuuid: IdFilterComponent,
-
-		timestamp: DateTimeFilterComponent,
-		date: DateFilterComponent,
-		time: TimeFilterComponent,
-
-		uuid: TextFilterComponent,
-		varchar: TextFilterComponent,
-		inet: TextFilterComponent,
-		ascii: TextFilterComponent,
-		text: TextFilterComponent,
-
-		//binary
-		blob: BinaryFilterComponent,
-
-		list: JsonEditorFilterComponent,
-		map: JsonEditorFilterComponent,
-		set: JsonEditorFilterComponent,
-	},
-};
diff --git a/frontend/src/app/consts/google-IP-addresses.ts b/frontend/src/app/consts/google-IP-addresses.ts
deleted file mode 100644
index d11fffb09..000000000
--- a/frontend/src/app/consts/google-IP-addresses.ts
+++ /dev/null
@@ -1,530 +0,0 @@
-export default [
-	'34.80.0.0/15',
-	'34.137.0.0/16',
-	'35.185.128.0/19',
-	'35.185.160.0/20',
-	'35.187.144.0/20',
-	'35.189.160.0/19',
-	'35.194.128.0/17',
-	'35.201.128.0/17',
-	'35.206.192.0/18',
-	'35.220.32.0/21',
-	'35.221.128.0/17',
-	'35.229.128.0/17',
-	'35.234.0.0/18',
-	'35.235.16.0/20',
-	'35.236.128.0/18',
-	'35.242.32.0/21',
-	'104.155.192.0/19',
-	'104.155.224.0/20',
-	'104.199.128.0/18',
-	'104.199.192.0/19',
-	'104.199.224.0/20',
-	'104.199.242.0/23',
-	'104.199.244.0/22',
-	'104.199.248.0/21',
-	'107.167.176.0/20',
-	'130.211.240.0/20',
-	'34.92.0.0/16',
-	'34.96.128.0/17',
-	'34.104.88.0/21',
-	'34.124.24.0/21',
-	'34.150.0.0/17',
-	'35.215.128.0/18',
-	'35.220.27.0/24',
-	'35.220.128.0/17',
-	'35.241.64.0/18',
-	'35.242.27.0/24',
-	'35.243.8.0/21',
-	'34.84.0.0/16',
-	'34.85.0.0/17',
-	'34.104.62.0/23',
-	'34.104.128.0/17',
-	'34.127.190.0/23',
-	'34.146.0.0/16',
-	'34.157.64.0/20',
-	'34.157.164.0/22',
-	'34.157.192.0/20',
-	'35.187.192.0/19',
-	'35.189.128.0/19',
-	'35.190.224.0/20',
-	'35.194.96.0/19',
-	'35.200.0.0/17',
-	'35.213.0.0/17',
-	'35.220.56.0/22',
-	'35.221.64.0/18',
-	'35.230.240.0/20',
-	'35.242.56.0/22',
-	'35.243.64.0/18',
-	'104.198.80.0/20',
-	'104.198.112.0/20',
-	'34.97.0.0/16',
-	'34.104.49.0/24',
-	'34.127.177.0/24',
-	'35.217.128.0/17',
-	'35.220.45.0/24',
-	'35.242.45.0/24',
-	'35.243.56.0/21',
-	'34.64.32.0/19',
-	'34.64.64.0/22',
-	'34.64.68.0/22',
-	'34.64.72.0/21',
-	'34.64.80.0/20',
-	'34.64.96.0/19',
-	'34.64.128.0/22',
-	'34.64.132.0/22',
-	'34.64.136.0/21',
-	'34.64.144.0/20',
-	'34.64.160.0/19',
-	'34.64.192.0/18',
-	'35.216.0.0/17',
-	'34.93.0.0/16',
-	'34.100.128.0/17',
-	'34.104.108.0/23',
-	'34.124.44.0/23',
-	'34.157.87.0/24',
-	'34.157.215.0/24',
-	'35.200.128.0/17',
-	'35.201.41.0/24',
-	'35.207.192.0/18',
-	'35.220.42.0/24',
-	'35.234.208.0/20',
-	'35.242.42.0/24',
-	'35.244.0.0/18',
-	'34.104.120.0/23',
-	'34.124.56.0/23',
-	'34.126.208.0/20',
-	'34.131.0.0/16',
-	'34.21.128.0/17',
-	'34.87.0.0/17',
-	'34.87.128.0/18',
-	'34.104.58.0/23',
-	'34.104.106.0/23',
-	'34.124.42.0/23',
-	'34.124.128.0/17',
-	'34.126.64.0/18',
-	'34.126.128.0/18',
-	'34.142.128.0/17',
-	'34.143.128.0/17',
-	'34.157.82.0/23',
-	'34.157.88.0/23',
-	'34.157.210.0/23',
-	'35.185.176.0/20',
-	'35.186.144.0/20',
-	'35.187.224.0/19',
-	'35.197.128.0/19',
-	'35.198.192.0/18',
-	'35.213.128.0/18',
-	'35.220.24.0/23',
-	'35.234.192.0/20',
-	'35.240.128.0/17',
-	'35.242.24.0/23',
-	'35.247.128.0/18',
-	'34.101.18.0/24',
-	'34.101.20.0/22',
-	'34.101.24.0/22',
-	'34.101.32.0/19',
-	'34.101.64.0/18',
-	'34.101.128.0/17',
-	'34.128.64.0/18',
-	'35.219.0.0/17',
-	'34.87.192.0/18',
-	'34.104.104.0/23',
-	'34.116.64.0/18',
-	'34.124.40.0/23',
-	'34.151.64.0/18',
-	'34.151.128.0/18',
-	'35.189.0.0/18',
-	'35.197.160.0/19',
-	'35.201.0.0/19',
-	'35.213.192.0/18',
-	'35.220.41.0/24',
-	'35.234.224.0/20',
-	'35.242.41.0/24',
-	'35.244.64.0/18',
-	'34.104.122.0/23',
-	'34.124.58.0/23',
-	'34.126.192.0/20',
-	'34.129.0.0/16',
-	'34.104.116.0/22',
-	'34.116.128.0/17',
-	'34.118.0.0/17',
-	'34.124.52.0/22',
-	'34.88.0.0/16',
-	'34.104.96.0/21',
-	'34.124.32.0/21',
-	'35.203.232.0/21',
-	'35.217.0.0/18',
-	'35.220.26.0/24',
-	'35.228.0.0/16',
-	'35.242.26.0/24',
-	'34.157.44.0/23',
-	'34.157.172.0/23',
-	'34.164.0.0/16',
-	'34.175.0.0/16',
-	'8.34.208.0/23',
-	'8.34.211.0/24',
-	'8.34.220.0/22',
-	'23.251.128.0/20',
-	'34.76.0.0/14',
-	'34.118.254.0/23',
-	'34.140.0.0/16',
-	'35.187.0.0/17',
-	'35.187.160.0/19',
-	'35.189.192.0/18',
-	'35.190.192.0/19',
-	'35.195.0.0/16',
-	'35.205.0.0/16',
-	'35.206.128.0/18',
-	'35.210.0.0/16',
-	'35.220.96.0/19',
-	'35.233.0.0/17',
-	'35.240.0.0/17',
-	'35.241.128.0/17',
-	'35.242.64.0/19',
-	'104.155.0.0/17',
-	'104.199.0.0/18',
-	'104.199.66.0/23',
-	'104.199.68.0/22',
-	'104.199.72.0/21',
-	'104.199.80.0/20',
-	'104.199.96.0/20',
-	'130.211.48.0/20',
-	'130.211.64.0/19',
-	'130.211.96.0/20',
-	'146.148.2.0/23',
-	'146.148.4.0/22',
-	'146.148.8.0/21',
-	'146.148.16.0/20',
-	'146.148.112.0/20',
-	'192.158.28.0/22',
-	'34.89.0.0/17',
-	'34.105.128.0/17',
-	'34.127.186.0/23',
-	'34.142.0.0/17',
-	'34.147.128.0/17',
-	'34.157.36.0/22',
-	'34.157.40.0/22',
-	'34.157.168.0/22',
-	'35.189.64.0/18',
-	'35.197.192.0/18',
-	'35.203.210.0/23',
-	'35.203.212.0/22',
-	'35.203.216.0/22',
-	'35.214.0.0/17',
-	'35.220.20.0/22',
-	'35.230.128.0/19',
-	'35.234.128.0/19',
-	'35.235.48.0/20',
-	'35.242.20.0/22',
-	'35.242.128.0/18',
-	'35.246.0.0/17',
-	'34.89.128.0/17',
-	'34.104.112.0/23',
-	'34.107.0.0/17',
-	'34.118.244.0/22',
-	'34.124.48.0/23',
-	'34.141.0.0/17',
-	'34.157.48.0/20',
-	'34.157.176.0/20',
-	'34.159.0.0/16',
-	'35.198.64.0/18',
-	'35.198.128.0/18',
-	'35.207.64.0/18',
-	'35.207.128.0/18',
-	'35.220.18.0/23',
-	'35.234.64.0/18',
-	'35.235.32.0/20',
-	'35.242.18.0/23',
-	'35.242.192.0/18',
-	'35.246.128.0/17',
-	'34.90.0.0/15',
-	'34.104.126.0/23',
-	'34.124.62.0/23',
-	'34.141.128.0/17',
-	'34.147.0.0/17',
-	'34.157.80.0/23',
-	'34.157.92.0/22',
-	'34.157.208.0/23',
-	'34.157.220.0/22',
-	'35.204.0.0/16',
-	'35.214.128.0/17',
-	'35.220.16.0/23',
-	'35.234.160.0/20',
-	'35.242.16.0/23',
-	'34.65.0.0/16',
-	'34.104.110.0/23',
-	'34.124.46.0/23',
-	'35.216.128.0/17',
-	'35.220.44.0/24',
-	'35.235.216.0/21',
-	'35.242.44.0/24',
-	'34.154.0.0/16',
-	'34.157.8.0/23',
-	'34.157.136.0/23',
-	'35.219.224.0/19',
-	'34.155.0.0/16',
-	'34.157.12.0/22',
-	'34.157.140.0/22',
-	'34.163.0.0/16',
-	'34.95.64.0/18',
-	'34.96.64.0/18',
-	'34.98.64.0/18',
-	'34.102.128.0/17',
-	'34.104.27.0/24',
-	'34.107.128.0/17',
-	'34.110.128.0/17',
-	'34.111.0.0/16',
-	'34.116.0.0/21',
-	'34.117.0.0/16',
-	'34.120.0.0/16',
-	'34.128.128.0/18',
-	'34.144.192.0/18',
-	'34.149.0.0/16',
-	'34.160.0.0/16',
-	'35.186.192.0/18',
-	'35.190.0.0/18',
-	'35.190.64.0/19',
-	'35.190.112.0/20',
-	'35.201.64.0/18',
-	'35.227.192.0/18',
-	'35.241.0.0/18',
-	'35.244.128.0/17',
-	'107.178.240.0/20',
-	'130.211.4.0/22',
-	'130.211.8.0/21',
-	'130.211.16.0/20',
-	'130.211.32.0/20',
-	'34.157.90.0/23',
-	'34.157.216.0/23',
-	'34.165.0.0/16',
-	'34.19.128.0/17',
-	'34.20.0.0/17',
-	'34.95.0.0/18',
-	'34.104.76.0/22',
-	'34.118.128.0/18',
-	'34.124.12.0/22',
-	'34.152.0.0/18',
-	'35.203.0.0/17',
-	'35.215.0.0/18',
-	'35.220.43.0/24',
-	'35.234.240.0/20',
-	'35.242.43.0/24',
-	'34.104.114.0/23',
-	'34.124.50.0/23',
-	'34.124.112.0/20',
-	'34.130.0.0/16',
-	'34.95.128.0/17',
-	'34.104.80.0/21',
-	'34.124.16.0/21',
-	'34.151.0.0/18',
-	'34.151.192.0/18',
-	'35.198.0.0/18',
-	'35.199.64.0/18',
-	'35.215.192.0/18',
-	'35.220.40.0/24',
-	'35.235.0.0/20',
-	'35.242.40.0/24',
-	'35.247.192.0/18',
-	'34.104.50.0/23',
-	'34.127.178.0/23',
-	'34.176.0.0/16',
-	'8.34.210.0/24',
-	'8.34.212.0/22',
-	'8.34.216.0/22',
-	'8.35.192.0/21',
-	'23.236.48.0/20',
-	'23.251.144.0/20',
-	'34.16.0.0/17',
-	'34.27.0.0/16',
-	'34.28.0.0/15',
-	'34.30.0.0/16',
-	'34.66.0.0/15',
-	'34.68.0.0/14',
-	'34.72.0.0/16',
-	'34.118.200.0/21',
-	'34.121.0.0/16',
-	'34.122.0.0/15',
-	'34.132.0.0/14',
-	'34.136.0.0/16',
-	'34.157.84.0/23',
-	'34.157.96.0/20',
-	'34.157.212.0/23',
-	'34.157.224.0/20',
-	'34.170.0.0/15',
-	'34.172.0.0/15',
-	'35.184.0.0/16',
-	'35.188.0.0/17',
-	'35.188.128.0/18',
-	'35.188.192.0/19',
-	'35.192.0.0/15',
-	'35.194.0.0/18',
-	'35.202.0.0/16',
-	'35.206.64.0/18',
-	'35.208.0.0/15',
-	'35.220.64.0/19',
-	'35.222.0.0/15',
-	'35.224.0.0/15',
-	'35.226.0.0/16',
-	'35.232.0.0/16',
-	'35.238.0.0/15',
-	'35.242.96.0/19',
-	'104.154.16.0/20',
-	'104.154.32.0/19',
-	'104.154.64.0/19',
-	'104.154.96.0/20',
-	'104.154.113.0/24',
-	'104.154.114.0/23',
-	'104.154.116.0/22',
-	'104.154.120.0/23',
-	'104.154.128.0/17',
-	'104.155.128.0/18',
-	'104.197.0.0/16',
-	'104.198.16.0/20',
-	'104.198.32.0/19',
-	'104.198.64.0/20',
-	'104.198.128.0/17',
-	'107.178.208.0/20',
-	'108.59.80.0/21',
-	'130.211.112.0/20',
-	'130.211.128.0/18',
-	'130.211.192.0/19',
-	'130.211.224.0/20',
-	'146.148.32.0/19',
-	'146.148.64.0/19',
-	'146.148.96.0/20',
-	'162.222.176.0/21',
-	'173.255.112.0/21',
-	'199.192.115.0/24',
-	'199.223.232.0/22',
-	'199.223.236.0/24',
-	'34.22.0.0/19',
-	'35.186.0.0/17',
-	'35.186.128.0/20',
-	'35.206.32.0/19',
-	'35.220.46.0/24',
-	'35.242.46.0/24',
-	'107.167.160.0/20',
-	'108.59.88.0/21',
-	'173.255.120.0/21',
-	'34.23.0.0/16',
-	'34.24.0.0/15',
-	'34.26.0.0/16',
-	'34.73.0.0/16',
-	'34.74.0.0/15',
-	'34.98.128.0/21',
-	'34.118.250.0/23',
-	'34.138.0.0/15',
-	'34.148.0.0/16',
-	'35.185.0.0/17',
-	'35.190.128.0/18',
-	'35.196.0.0/16',
-	'35.207.0.0/18',
-	'35.211.0.0/16',
-	'35.220.0.0/20',
-	'35.227.0.0/17',
-	'35.229.16.0/20',
-	'35.229.32.0/19',
-	'35.229.64.0/18',
-	'35.231.0.0/16',
-	'35.237.0.0/16',
-	'35.242.0.0/20',
-	'35.243.128.0/17',
-	'104.196.0.0/18',
-	'104.196.65.0/24',
-	'104.196.66.0/23',
-	'104.196.68.0/22',
-	'104.196.96.0/19',
-	'104.196.128.0/18',
-	'104.196.192.0/19',
-	'162.216.148.0/22',
-	'34.21.0.0/17',
-	'34.85.128.0/17',
-	'34.86.0.0/16',
-	'34.104.60.0/23',
-	'34.104.124.0/23',
-	'34.118.252.0/23',
-	'34.124.60.0/23',
-	'34.127.188.0/23',
-	'34.145.128.0/17',
-	'34.150.128.0/17',
-	'34.157.0.0/21',
-	'34.157.16.0/20',
-	'34.157.128.0/21',
-	'34.157.144.0/20',
-	'35.186.160.0/19',
-	'35.188.224.0/19',
-	'35.194.64.0/19',
-	'35.199.0.0/18',
-	'35.212.0.0/17',
-	'35.220.60.0/22',
-	'35.221.0.0/18',
-	'35.230.160.0/19',
-	'35.234.176.0/20',
-	'35.236.192.0/18',
-	'35.242.60.0/22',
-	'35.243.40.0/21',
-	'35.245.0.0/16',
-	'34.157.32.0/22',
-	'34.157.160.0/22',
-	'34.162.0.0/16',
-	'34.104.56.0/23',
-	'34.127.184.0/23',
-	'34.161.0.0/16',
-	'35.206.10.0/23',
-	'34.157.46.0/23',
-	'34.157.174.0/23',
-	'34.174.0.0/16',
-	'34.19.0.0/17',
-	'34.82.0.0/15',
-	'34.105.0.0/17',
-	'34.118.192.0/21',
-	'34.127.0.0/17',
-	'34.145.0.0/17',
-	'34.157.112.0/21',
-	'34.157.240.0/21',
-	'34.168.0.0/15',
-	'35.185.192.0/18',
-	'35.197.0.0/17',
-	'35.199.144.0/20',
-	'35.199.160.0/19',
-	'35.203.128.0/18',
-	'35.212.128.0/17',
-	'35.220.48.0/21',
-	'35.227.128.0/18',
-	'35.230.0.0/17',
-	'35.233.128.0/17',
-	'35.242.48.0/21',
-	'35.243.32.0/21',
-	'35.247.0.0/17',
-	'104.196.224.0/19',
-	'104.198.0.0/20',
-	'104.198.96.0/20',
-	'104.199.112.0/20',
-	'34.20.128.0/17',
-	'34.94.0.0/16',
-	'34.102.0.0/17',
-	'34.104.64.0/21',
-	'34.108.0.0/16',
-	'34.118.248.0/23',
-	'34.124.0.0/21',
-	'35.215.64.0/18',
-	'35.220.47.0/24',
-	'35.235.64.0/18',
-	'35.236.0.0/17',
-	'35.242.47.0/24',
-	'35.243.0.0/21',
-	'34.22.32.0/19',
-	'34.104.52.0/24',
-	'34.106.0.0/16',
-	'34.127.180.0/24',
-	'35.217.64.0/18',
-	'35.220.31.0/24',
-	'35.242.31.0/24',
-	'34.16.128.0/17',
-	'34.104.72.0/22',
-	'34.118.240.0/22',
-	'34.124.8.0/22',
-	'34.125.0.0/16',
-	'35.219.128.0/18',
-];
diff --git a/frontend/src/app/consts/languages.ts b/frontend/src/app/consts/languages.ts
deleted file mode 100644
index 7db4c4387..000000000
--- a/frontend/src/app/consts/languages.ts
+++ /dev/null
@@ -1,201 +0,0 @@
-export interface Language {
-	code: string;
-	name: string;
-	nativeName?: string;
-	flagCountryCode?: string; // ISO 3166-1 alpha-2 country code for flag emoji
-}
-
-export function getLanguageFlag(language: Language): string {
-	if (!language.flagCountryCode || language.flagCountryCode.length !== 2) return '';
-	const codePoints = language.flagCountryCode
-		.toUpperCase()
-		.split('')
-		.map((char) => 127397 + char.charCodeAt(0));
-	return String.fromCodePoint(...codePoints);
-}
-
-export const LANGUAGES: Language[] = [
-	{ code: 'aa', name: 'Afar', nativeName: 'Afaraf', flagCountryCode: 'ET' },
-	{ code: 'ab', name: 'Abkhazian', nativeName: 'аҧсуа бызшәа', flagCountryCode: 'GE' },
-	{ code: 'af', name: 'Afrikaans', nativeName: 'Afrikaans', flagCountryCode: 'ZA' },
-	{ code: 'ak', name: 'Akan', nativeName: 'Akan', flagCountryCode: 'GH' },
-	{ code: 'am', name: 'Amharic', nativeName: 'አማርኛ', flagCountryCode: 'ET' },
-	{ code: 'an', name: 'Aragonese', nativeName: 'aragonés', flagCountryCode: 'ES' },
-	{ code: 'ar', name: 'Arabic', nativeName: 'العربية', flagCountryCode: 'SA' },
-	{ code: 'as', name: 'Assamese', nativeName: 'অসমীয়া', flagCountryCode: 'IN' },
-	{ code: 'av', name: 'Avaric', nativeName: 'авар мацӀ', flagCountryCode: 'RU' },
-	{ code: 'ay', name: 'Aymara', nativeName: 'aymar aru', flagCountryCode: 'BO' },
-	{ code: 'az', name: 'Azerbaijani', nativeName: 'azərbaycan dili', flagCountryCode: 'AZ' },
-	{ code: 'ba', name: 'Bashkir', nativeName: 'башҡорт теле', flagCountryCode: 'RU' },
-	{ code: 'be', name: 'Belarusian', nativeName: 'беларуская мова', flagCountryCode: 'BY' },
-	{ code: 'bg', name: 'Bulgarian', nativeName: 'български език', flagCountryCode: 'BG' },
-	{ code: 'bh', name: 'Bihari languages', nativeName: 'भोजपुरी', flagCountryCode: 'IN' },
-	{ code: 'bi', name: 'Bislama', nativeName: 'Bislama', flagCountryCode: 'VU' },
-	{ code: 'bm', name: 'Bambara', nativeName: 'bamanankan', flagCountryCode: 'ML' },
-	{ code: 'bn', name: 'Bengali', nativeName: 'বাংলা', flagCountryCode: 'BD' },
-	{ code: 'bo', name: 'Tibetan', nativeName: 'བོད་ཡིག', flagCountryCode: 'CN' },
-	{ code: 'br', name: 'Breton', nativeName: 'brezhoneg', flagCountryCode: 'FR' },
-	{ code: 'bs', name: 'Bosnian', nativeName: 'bosanski jezik', flagCountryCode: 'BA' },
-	{ code: 'ca', name: 'Catalan', nativeName: 'català', flagCountryCode: 'ES' },
-	{ code: 'ce', name: 'Chechen', nativeName: 'нохчийн мott', flagCountryCode: 'RU' },
-	{ code: 'ch', name: 'Chamorro', nativeName: 'Chamoru', flagCountryCode: 'GU' },
-	{ code: 'co', name: 'Corsican', nativeName: 'corsu', flagCountryCode: 'FR' },
-	{ code: 'cr', name: 'Cree', nativeName: 'ᓀᐦᐃᔭᐍᐏᐣ', flagCountryCode: 'CA' },
-	{ code: 'cs', name: 'Czech', nativeName: 'čeština', flagCountryCode: 'CZ' },
-	{ code: 'cu', name: 'Church Slavonic', nativeName: 'ѩзыкъ словѣньскъ', flagCountryCode: 'BG' },
-	{ code: 'cv', name: 'Chuvash', nativeName: 'чӑваш чӗлхи', flagCountryCode: 'RU' },
-	{ code: 'cy', name: 'Welsh', nativeName: 'Cymraeg', flagCountryCode: 'GB' },
-	{ code: 'da', name: 'Danish', nativeName: 'dansk', flagCountryCode: 'DK' },
-	{ code: 'de', name: 'German', nativeName: 'Deutsch', flagCountryCode: 'DE' },
-	{ code: 'dv', name: 'Divehi', nativeName: 'ދިވެހި', flagCountryCode: 'MV' },
-	{ code: 'dz', name: 'Dzongkha', nativeName: 'རྫོང་ཁ', flagCountryCode: 'BT' },
-	{ code: 'ee', name: 'Ewe', nativeName: 'Eʋegbe', flagCountryCode: 'GH' },
-	{ code: 'el', name: 'Greek', nativeName: 'Ελληνικά', flagCountryCode: 'GR' },
-	{ code: 'en', name: 'English', nativeName: 'English', flagCountryCode: 'GB' },
-	{ code: 'eo', name: 'Esperanto', nativeName: 'Esperanto', flagCountryCode: 'EU' },
-	{ code: 'es', name: 'Spanish', nativeName: 'español', flagCountryCode: 'ES' },
-	{ code: 'et', name: 'Estonian', nativeName: 'eesti', flagCountryCode: 'EE' },
-	{ code: 'eu', name: 'Basque', nativeName: 'euskara', flagCountryCode: 'ES' },
-	{ code: 'fa', name: 'Persian', nativeName: 'فارسی', flagCountryCode: 'IR' },
-	{ code: 'ff', name: 'Fulah', nativeName: 'Fulfulde', flagCountryCode: 'SN' },
-	{ code: 'fi', name: 'Finnish', nativeName: 'suomi', flagCountryCode: 'FI' },
-	{ code: 'fj', name: 'Fijian', nativeName: 'vosa Vakaviti', flagCountryCode: 'FJ' },
-	{ code: 'fo', name: 'Faroese', nativeName: 'føroyskt', flagCountryCode: 'FO' },
-	{ code: 'fr', name: 'French', nativeName: 'français', flagCountryCode: 'FR' },
-	{ code: 'fy', name: 'Western Frisian', nativeName: 'Frysk', flagCountryCode: 'NL' },
-	{ code: 'ga', name: 'Irish', nativeName: 'Gaeilge', flagCountryCode: 'IE' },
-	{ code: 'gd', name: 'Scottish Gaelic', nativeName: 'Gàidhlig', flagCountryCode: 'GB' },
-	{ code: 'gl', name: 'Galician', nativeName: 'galego', flagCountryCode: 'ES' },
-	{ code: 'gn', name: 'Guarani', nativeName: "Avañe'ẽ", flagCountryCode: 'PY' },
-	{ code: 'gu', name: 'Gujarati', nativeName: 'ગુજરાતી', flagCountryCode: 'IN' },
-	{ code: 'gv', name: 'Manx', nativeName: 'Gaelg', flagCountryCode: 'IM' },
-	{ code: 'ha', name: 'Hausa', nativeName: 'هَوُسَ', flagCountryCode: 'NG' },
-	{ code: 'he', name: 'Hebrew', nativeName: 'עברית', flagCountryCode: 'IL' },
-	{ code: 'hi', name: 'Hindi', nativeName: 'हिन्दी', flagCountryCode: 'IN' },
-	{ code: 'ho', name: 'Hiri Motu', nativeName: 'Hiri Motu', flagCountryCode: 'PG' },
-	{ code: 'hr', name: 'Croatian', nativeName: 'hrvatski jezik', flagCountryCode: 'HR' },
-	{ code: 'ht', name: 'Haitian', nativeName: 'Kreyòl ayisyen', flagCountryCode: 'HT' },
-	{ code: 'hu', name: 'Hungarian', nativeName: 'magyar', flagCountryCode: 'HU' },
-	{ code: 'hy', name: 'Armenian', nativeName: 'Հայերեն', flagCountryCode: 'AM' },
-	{ code: 'hz', name: 'Herero', nativeName: 'Otjiherero', flagCountryCode: 'NA' },
-	{ code: 'ia', name: 'Interlingua', nativeName: 'Interlingua', flagCountryCode: 'EU' },
-	{ code: 'id', name: 'Indonesian', nativeName: 'Bahasa Indonesia', flagCountryCode: 'ID' },
-	{ code: 'ie', name: 'Interlingue', nativeName: 'Interlingue', flagCountryCode: 'EU' },
-	{ code: 'ig', name: 'Igbo', nativeName: 'Asụsụ Igbo', flagCountryCode: 'NG' },
-	{ code: 'ii', name: 'Sichuan Yi', nativeName: 'ꆈꌠ꒿', flagCountryCode: 'CN' },
-	{ code: 'ik', name: 'Inupiaq', nativeName: 'Iñupiaq', flagCountryCode: 'US' },
-	{ code: 'io', name: 'Ido', nativeName: 'Ido', flagCountryCode: 'EU' },
-	{ code: 'is', name: 'Icelandic', nativeName: 'Íslenska', flagCountryCode: 'IS' },
-	{ code: 'it', name: 'Italian', nativeName: 'italiano', flagCountryCode: 'IT' },
-	{ code: 'iu', name: 'Inuktitut', nativeName: 'ᐃᓄᒃᑎᑐᑦ', flagCountryCode: 'CA' },
-	{ code: 'ja', name: 'Japanese', nativeName: '日本語', flagCountryCode: 'JP' },
-	{ code: 'jv', name: 'Javanese', nativeName: 'ꦧꦱꦗꦮ', flagCountryCode: 'ID' },
-	{ code: 'ka', name: 'Georgian', nativeName: 'ქართული', flagCountryCode: 'GE' },
-	{ code: 'kg', name: 'Kongo', nativeName: 'Kikongo', flagCountryCode: 'CD' },
-	{ code: 'ki', name: 'Kikuyu', nativeName: 'Gĩkũyũ', flagCountryCode: 'KE' },
-	{ code: 'kj', name: 'Kuanyama', nativeName: 'Kuanyama', flagCountryCode: 'AO' },
-	{ code: 'kk', name: 'Kazakh', nativeName: 'қазақ тілі', flagCountryCode: 'KZ' },
-	{ code: 'kl', name: 'Kalaallisut', nativeName: 'kalaallisut', flagCountryCode: 'GL' },
-	{ code: 'km', name: 'Central Khmer', nativeName: 'ខេមរភាសា', flagCountryCode: 'KH' },
-	{ code: 'kn', name: 'Kannada', nativeName: 'ಕನ್ನಡ', flagCountryCode: 'IN' },
-	{ code: 'ko', name: 'Korean', nativeName: '한국어', flagCountryCode: 'KR' },
-	{ code: 'kr', name: 'Kanuri', nativeName: 'Kanuri', flagCountryCode: 'NG' },
-	{ code: 'ks', name: 'Kashmiri', nativeName: 'कश्मीरी', flagCountryCode: 'IN' },
-	{ code: 'ku', name: 'Kurdish', nativeName: 'Kurdî', flagCountryCode: 'IQ' },
-	{ code: 'kv', name: 'Komi', nativeName: 'коми кыв', flagCountryCode: 'RU' },
-	{ code: 'kw', name: 'Cornish', nativeName: 'Kernewek', flagCountryCode: 'GB' },
-	{ code: 'ky', name: 'Kirghiz', nativeName: 'Кыргызча', flagCountryCode: 'KG' },
-	{ code: 'la', name: 'Latin', nativeName: 'latine', flagCountryCode: 'VA' },
-	{ code: 'lb', name: 'Luxembourgish', nativeName: 'Lëtzebuergesch', flagCountryCode: 'LU' },
-	{ code: 'lg', name: 'Ganda', nativeName: 'Luganda', flagCountryCode: 'UG' },
-	{ code: 'li', name: 'Limburgan', nativeName: 'Limburgs', flagCountryCode: 'NL' },
-	{ code: 'ln', name: 'Lingala', nativeName: 'Lingála', flagCountryCode: 'CD' },
-	{ code: 'lo', name: 'Lao', nativeName: 'ພາສາລາວ', flagCountryCode: 'LA' },
-	{ code: 'lt', name: 'Lithuanian', nativeName: 'lietuvių kalba', flagCountryCode: 'LT' },
-	{ code: 'lu', name: 'Luba-Katanga', nativeName: 'Tshiluba', flagCountryCode: 'CD' },
-	{ code: 'lv', name: 'Latvian', nativeName: 'latviešu valoda', flagCountryCode: 'LV' },
-	{ code: 'mg', name: 'Malagasy', nativeName: 'fiteny malagasy', flagCountryCode: 'MG' },
-	{ code: 'mh', name: 'Marshallese', nativeName: 'Kajin M̧ajeļ', flagCountryCode: 'MH' },
-	{ code: 'mi', name: 'Maori', nativeName: 'te reo Māori', flagCountryCode: 'NZ' },
-	{ code: 'mk', name: 'Macedonian', nativeName: 'македонски јазик', flagCountryCode: 'MK' },
-	{ code: 'ml', name: 'Malayalam', nativeName: 'മലയാളം', flagCountryCode: 'IN' },
-	{ code: 'mn', name: 'Mongolian', nativeName: 'Монгол хэл', flagCountryCode: 'MN' },
-	{ code: 'mr', name: 'Marathi', nativeName: 'मराठी', flagCountryCode: 'IN' },
-	{ code: 'ms', name: 'Malay', nativeName: 'Bahasa Melayu', flagCountryCode: 'MY' },
-	{ code: 'mt', name: 'Maltese', nativeName: 'Malti', flagCountryCode: 'MT' },
-	{ code: 'my', name: 'Burmese', nativeName: 'ဗမာစာ', flagCountryCode: 'MM' },
-	{ code: 'na', name: 'Nauru', nativeName: 'Dorerin Naoero', flagCountryCode: 'NR' },
-	{ code: 'nb', name: 'Norwegian Bokmål', nativeName: 'Norsk bokmål', flagCountryCode: 'NO' },
-	{ code: 'nd', name: 'North Ndebele', nativeName: 'isiNdebele', flagCountryCode: 'ZW' },
-	{ code: 'ne', name: 'Nepali', nativeName: 'नेपाली', flagCountryCode: 'NP' },
-	{ code: 'ng', name: 'Ndonga', nativeName: 'Owambo', flagCountryCode: 'NA' },
-	{ code: 'nl', name: 'Dutch', nativeName: 'Nederlands', flagCountryCode: 'NL' },
-	{ code: 'nn', name: 'Norwegian Nynorsk', nativeName: 'Norsk nynorsk', flagCountryCode: 'NO' },
-	{ code: 'no', name: 'Norwegian', nativeName: 'Norsk', flagCountryCode: 'NO' },
-	{ code: 'nr', name: 'South Ndebele', nativeName: 'isiNdebele', flagCountryCode: 'ZA' },
-	{ code: 'nv', name: 'Navajo', nativeName: 'Diné bizaad', flagCountryCode: 'US' },
-	{ code: 'ny', name: 'Chichewa', nativeName: 'chiCheŵa', flagCountryCode: 'MW' },
-	{ code: 'oc', name: 'Occitan', nativeName: 'occitan', flagCountryCode: 'FR' },
-	{ code: 'oj', name: 'Ojibwa', nativeName: 'ᐊᓂᔑᓈᐯᒧᐎᓐ', flagCountryCode: 'CA' },
-	{ code: 'om', name: 'Oromo', nativeName: 'Afaan Oromoo', flagCountryCode: 'ET' },
-	{ code: 'or', name: 'Oriya', nativeName: 'ଓଡ଼ିଆ', flagCountryCode: 'IN' },
-	{ code: 'os', name: 'Ossetian', nativeName: 'ирон æвзаг', flagCountryCode: 'GE' },
-	{ code: 'pa', name: 'Punjabi', nativeName: 'ਪੰਜਾਬੀ', flagCountryCode: 'IN' },
-	{ code: 'pi', name: 'Pali', nativeName: 'पाऴि', flagCountryCode: 'IN' },
-	{ code: 'pl', name: 'Polish', nativeName: 'polski', flagCountryCode: 'PL' },
-	{ code: 'ps', name: 'Pashto', nativeName: 'پښتو', flagCountryCode: 'AF' },
-	{ code: 'pt', name: 'Portuguese', nativeName: 'português', flagCountryCode: 'PT' },
-	{ code: 'qu', name: 'Quechua', nativeName: 'Runa Simi', flagCountryCode: 'PE' },
-	{ code: 'rm', name: 'Romansh', nativeName: 'rumantsch grischun', flagCountryCode: 'CH' },
-	{ code: 'rn', name: 'Rundi', nativeName: 'Ikirundi', flagCountryCode: 'BI' },
-	{ code: 'ro', name: 'Romanian', nativeName: 'română', flagCountryCode: 'RO' },
-	{ code: 'ru', name: 'Russian', nativeName: 'русский', flagCountryCode: 'RU' },
-	{ code: 'rw', name: 'Kinyarwanda', nativeName: 'Ikinyarwanda', flagCountryCode: 'RW' },
-	{ code: 'sa', name: 'Sanskrit', nativeName: 'संस्कृतम्', flagCountryCode: 'IN' },
-	{ code: 'sc', name: 'Sardinian', nativeName: 'sardu', flagCountryCode: 'IT' },
-	{ code: 'sd', name: 'Sindhi', nativeName: 'सिन्धी', flagCountryCode: 'PK' },
-	{ code: 'se', name: 'Northern Sami', nativeName: 'Davvisámegiella', flagCountryCode: 'NO' },
-	{ code: 'sg', name: 'Sango', nativeName: 'yângâ tî sängö', flagCountryCode: 'CF' },
-	{ code: 'si', name: 'Sinhala', nativeName: 'සිංහල', flagCountryCode: 'LK' },
-	{ code: 'sk', name: 'Slovak', nativeName: 'slovenčina', flagCountryCode: 'SK' },
-	{ code: 'sl', name: 'Slovenian', nativeName: 'slovenski jezik', flagCountryCode: 'SI' },
-	{ code: 'sm', name: 'Samoan', nativeName: "gagana fa'a Samoa", flagCountryCode: 'WS' },
-	{ code: 'sn', name: 'Shona', nativeName: 'chiShona', flagCountryCode: 'ZW' },
-	{ code: 'so', name: 'Somali', nativeName: 'Soomaaliga', flagCountryCode: 'SO' },
-	{ code: 'sq', name: 'Albanian', nativeName: 'Shqip', flagCountryCode: 'AL' },
-	{ code: 'sr', name: 'Serbian', nativeName: 'српски језик', flagCountryCode: 'RS' },
-	{ code: 'ss', name: 'Swati', nativeName: 'SiSwati', flagCountryCode: 'SZ' },
-	{ code: 'st', name: 'Southern Sotho', nativeName: 'Sesotho', flagCountryCode: 'LS' },
-	{ code: 'su', name: 'Sundanese', nativeName: 'Basa Sunda', flagCountryCode: 'ID' },
-	{ code: 'sv', name: 'Swedish', nativeName: 'svenska', flagCountryCode: 'SE' },
-	{ code: 'sw', name: 'Swahili', nativeName: 'Kiswahili', flagCountryCode: 'TZ' },
-	{ code: 'ta', name: 'Tamil', nativeName: 'தமிழ்', flagCountryCode: 'IN' },
-	{ code: 'te', name: 'Telugu', nativeName: 'తెలుగు', flagCountryCode: 'IN' },
-	{ code: 'tg', name: 'Tajik', nativeName: 'тоҷикӣ', flagCountryCode: 'TJ' },
-	{ code: 'th', name: 'Thai', nativeName: 'ไทย', flagCountryCode: 'TH' },
-	{ code: 'ti', name: 'Tigrinya', nativeName: 'ትግርኛ', flagCountryCode: 'ER' },
-	{ code: 'tk', name: 'Turkmen', nativeName: 'Türkmen', flagCountryCode: 'TM' },
-	{ code: 'tl', name: 'Tagalog', nativeName: 'Wikang Tagalog', flagCountryCode: 'PH' },
-	{ code: 'tn', name: 'Tswana', nativeName: 'Setswana', flagCountryCode: 'BW' },
-	{ code: 'to', name: 'Tonga', nativeName: 'faka Tonga', flagCountryCode: 'TO' },
-	{ code: 'tr', name: 'Turkish', nativeName: 'Türkçe', flagCountryCode: 'TR' },
-	{ code: 'ts', name: 'Tsonga', nativeName: 'Xitsonga', flagCountryCode: 'ZA' },
-	{ code: 'tt', name: 'Tatar', nativeName: 'татар теле', flagCountryCode: 'RU' },
-	{ code: 'tw', name: 'Twi', nativeName: 'Twi', flagCountryCode: 'GH' },
-	{ code: 'ty', name: 'Tahitian', nativeName: 'Reo Tahiti', flagCountryCode: 'PF' },
-	{ code: 'ug', name: 'Uighur', nativeName: 'ئۇيغۇرچە', flagCountryCode: 'CN' },
-	{ code: 'uk', name: 'Ukrainian', nativeName: 'Українська', flagCountryCode: 'UA' },
-	{ code: 'ur', name: 'Urdu', nativeName: 'اردو', flagCountryCode: 'PK' },
-	{ code: 'uz', name: 'Uzbek', nativeName: 'Oʻzbek', flagCountryCode: 'UZ' },
-	{ code: 've', name: 'Venda', nativeName: 'Tshivenḓa', flagCountryCode: 'ZA' },
-	{ code: 'vi', name: 'Vietnamese', nativeName: 'Tiếng Việt', flagCountryCode: 'VN' },
-	{ code: 'vo', name: 'Volapük', nativeName: 'Volapük', flagCountryCode: 'EU' },
-	{ code: 'wa', name: 'Walloon', nativeName: 'walon', flagCountryCode: 'BE' },
-	{ code: 'wo', name: 'Wolof', nativeName: 'Wollof', flagCountryCode: 'SN' },
-	{ code: 'xh', name: 'Xhosa', nativeName: 'isiXhosa', flagCountryCode: 'ZA' },
-	{ code: 'yi', name: 'Yiddish', nativeName: 'ייִדיש', flagCountryCode: 'IL' },
-	{ code: 'yo', name: 'Yoruba', nativeName: 'Yorùbá', flagCountryCode: 'NG' },
-	{ code: 'za', name: 'Zhuang', nativeName: 'Saɯ cueŋƅ', flagCountryCode: 'CN' },
-	{ code: 'zh', name: 'Chinese', nativeName: '中文', flagCountryCode: 'CN' },
-	{ code: 'zu', name: 'Zulu', nativeName: 'isiZulu', flagCountryCode: 'ZA' },
-];
diff --git a/frontend/src/app/consts/record-edit-types.ts b/frontend/src/app/consts/record-edit-types.ts
deleted file mode 100644
index 6f88204e9..000000000
--- a/frontend/src/app/consts/record-edit-types.ts
+++ /dev/null
@@ -1,370 +0,0 @@
-import { BooleanEditComponent } from 'src/app/components/ui-components/record-edit-fields/boolean/boolean.component';
-import { LongTextEditComponent } from 'src/app/components/ui-components/record-edit-fields/long-text/long-text.component';
-import { NumberEditComponent } from 'src/app/components/ui-components/record-edit-fields/number/number.component';
-import { PointEditComponent } from 'src/app/components/ui-components/record-edit-fields/point/point.component';
-import { TextEditComponent } from 'src/app/components/ui-components/record-edit-fields/text/text.component';
-import { BinaryEditComponent } from '../components/ui-components/record-edit-fields/binary/binary.component';
-import { CodeEditComponent } from '../components/ui-components/record-edit-fields/code/code.component';
-import { ColorEditComponent } from '../components/ui-components/record-edit-fields/color/color.component';
-import { CountryEditComponent } from '../components/ui-components/record-edit-fields/country/country.component';
-import { DateEditComponent } from '../components/ui-components/record-edit-fields/date/date.component';
-import { DateTimeEditComponent } from '../components/ui-components/record-edit-fields/date-time/date-time.component';
-import { FileEditComponent } from '../components/ui-components/record-edit-fields/file/file.component';
-import { ForeignKeyEditComponent } from '../components/ui-components/record-edit-fields/foreign-key/foreign-key.component';
-import { IdEditComponent } from '../components/ui-components/record-edit-fields/id/id.component';
-import { ImageEditComponent } from '../components/ui-components/record-edit-fields/image/image.component';
-import { JsonEditorEditComponent } from '../components/ui-components/record-edit-fields/json-editor/json-editor.component';
-import { LanguageEditComponent } from '../components/ui-components/record-edit-fields/language/language.component';
-import { MarkdownEditComponent } from '../components/ui-components/record-edit-fields/markdown/markdown.component';
-import { MoneyEditComponent } from '../components/ui-components/record-edit-fields/money/money.component';
-import { PasswordEditComponent } from '../components/ui-components/record-edit-fields/password/password.component';
-import { PhoneEditComponent } from '../components/ui-components/record-edit-fields/phone/phone.component';
-import { RangeEditComponent } from '../components/ui-components/record-edit-fields/range/range.component';
-import { S3EditComponent } from '../components/ui-components/record-edit-fields/s3/s3.component';
-import { SelectEditComponent } from '../components/ui-components/record-edit-fields/select/select.component';
-import { StaticTextEditComponent } from '../components/ui-components/record-edit-fields/static-text/static-text.component';
-import { TimeEditComponent } from '../components/ui-components/record-edit-fields/time/time.component';
-import { TimeIntervalEditComponent } from '../components/ui-components/record-edit-fields/time-interval/time-interval.component';
-import { TimezoneEditComponent } from '../components/ui-components/record-edit-fields/timezone/timezone.component';
-import { UrlEditComponent } from '../components/ui-components/record-edit-fields/url/url.component';
-import { UuidEditComponent } from '../components/ui-components/record-edit-fields/uuid/uuid.component';
-
-export const timestampTypes = [
-	'timestamp without time zone',
-	'timestamp with time zone',
-	'timestamp',
-	'date',
-	'time without time zone',
-	'time with time zone',
-	'time',
-	'datetime',
-	'date time',
-	'datetime2',
-	'datetimeoffset',
-	'curdate',
-	'curtime',
-	'now',
-	'localtime',
-	'localtimestamp',
-];
-export const defaultTimestampValues = {
-	postgres: ['current_date', 'current_time', 'current_timestamp', 'localtime', 'localtimestamp', 'now'],
-	mysql: ['curdate', 'curtime', 'now'],
-};
-
-export const UIwidgets = {
-	Default: '',
-	Boolean: BooleanEditComponent,
-	Code: CodeEditComponent,
-	Color: ColorEditComponent,
-	Country: CountryEditComponent,
-	Date: DateEditComponent,
-	DateTime: DateTimeEditComponent,
-	Binary: BinaryEditComponent,
-	File: FileEditComponent,
-	Foreign_key: ForeignKeyEditComponent,
-	Image: ImageEditComponent,
-	JSON: JsonEditorEditComponent,
-	Language: LanguageEditComponent,
-	Markdown: MarkdownEditComponent,
-	Money: MoneyEditComponent,
-	Number: NumberEditComponent,
-	Password: PasswordEditComponent,
-	Phone: PhoneEditComponent,
-	Range: RangeEditComponent,
-	Readonly: StaticTextEditComponent,
-	Select: SelectEditComponent,
-	String: TextEditComponent,
-	Textarea: LongTextEditComponent,
-	Time: TimeEditComponent,
-	Timezone: TimezoneEditComponent,
-	URL: UrlEditComponent,
-	UUID: UuidEditComponent,
-	S3: S3EditComponent,
-	Email: TextEditComponent,
-};
-
-export const recordEditTypes = {
-	postgres: {
-		// numbers (number)
-		real: NumberEditComponent,
-		'double precision': NumberEditComponent,
-		smallint: NumberEditComponent,
-		integer: NumberEditComponent,
-		bigint: NumberEditComponent,
-		numeric: NumberEditComponent,
-
-		//boolean (checkbox)
-		boolean: BooleanEditComponent,
-
-		//datetime (datepicker)
-		'timestamp without time zone': DateTimeEditComponent,
-		'timestamp with time zone': DateTimeEditComponent,
-		'time without time zone': TimeEditComponent,
-		'time with time zone': TimeEditComponent,
-		date: DateEditComponent,
-		abstime: DateTimeEditComponent,
-		realtime: DateTimeEditComponent,
-		interval: TimeIntervalEditComponent, // number + select(seconds, days, weeks, years)
-
-		// short text (text)
-		'character varying': TextEditComponent,
-		macaddr: TextEditComponent, //to do regexp
-		macaddr8: TextEditComponent, //to do regexp
-		cidr: TextEditComponent, //to do regexp
-		inet: TextEditComponent, //to do regexp
-		uuid: UuidEditComponent,
-
-		//long text (textarea)
-		text: LongTextEditComponent,
-		xml: LongTextEditComponent,
-
-		//select (select)
-		enum: SelectEditComponent,
-
-		// json-editor
-		json: JsonEditorEditComponent, //json-editor
-		jsonb: JsonEditorEditComponent, //json-editor
-		ARRAY: JsonEditorEditComponent,
-
-		//binary
-		bytea: BinaryEditComponent,
-
-		//etc
-		money: MoneyEditComponent,
-
-		//mess (math)
-		point: PointEditComponent,
-		line: TextEditComponent,
-		circle: TextEditComponent,
-		path: TextEditComponent,
-		box: TextEditComponent,
-		lseg: TextEditComponent,
-
-		'foreign key': ForeignKeyEditComponent,
-	},
-
-	mysql: {
-		// numbers (number)
-		tinyint: NumberEditComponent,
-		smallint: NumberEditComponent,
-		mediumint: NumberEditComponent,
-		int: NumberEditComponent,
-		bigint: NumberEditComponent,
-		decimal: NumberEditComponent,
-		float: NumberEditComponent,
-		double: NumberEditComponent,
-		year: NumberEditComponent,
-
-		//boolean (radiogroup)
-		boolean: BooleanEditComponent,
-
-		//datetime (datepicker)
-		date: DateEditComponent,
-		time: TimeEditComponent,
-		datetime: DateTimeEditComponent,
-		timestamp: DateTimeEditComponent,
-
-		// short text (text)
-		char: TextEditComponent,
-		varchar: TextEditComponent,
-
-		//long text (textarea)
-		text: LongTextEditComponent,
-		tinytext: LongTextEditComponent,
-		mediumtext: LongTextEditComponent,
-		longtext: LongTextEditComponent,
-
-		json: JsonEditorEditComponent, //json-editor
-
-		//select (select)
-		enum: SelectEditComponent,
-
-		//binary
-		binary: BinaryEditComponent,
-		varbinary: BinaryEditComponent,
-		blob: BinaryEditComponent,
-		tinyblob: BinaryEditComponent,
-		mediumblob: BinaryEditComponent,
-		longblob: BinaryEditComponent,
-
-		//etc
-		set: TextEditComponent, //(text)
-
-		'foreign key': ForeignKeyEditComponent,
-	},
-
-	oracledb: {
-		// numbers (number)
-		NUMBER: NumberEditComponent,
-		FLOAT: NumberEditComponent,
-		BINARY_FLOAT: NumberEditComponent,
-		BINARY_DOUBLE: NumberEditComponent,
-		'INTERVAL YEAR': NumberEditComponent,
-		'INTERVAL DAY': NumberEditComponent,
-
-		//datetime (datepicker)
-		DATE: DateEditComponent,
-		TIMESTAMP: DateTimeEditComponent,
-
-		// short text (text)
-		CHAR: TextEditComponent,
-		NCHAR: TextEditComponent,
-		CLOB: TextEditComponent,
-		NCLOB: TextEditComponent,
-		VARCHAR2: TextEditComponent,
-		VARCHAR: TextEditComponent,
-		NVARCHAR2: TextEditComponent,
-
-		//binary
-		BLOB: BinaryEditComponent,
-		BFILE: BinaryEditComponent,
-		RAW: BinaryEditComponent,
-		'LONG RAW': BinaryEditComponent,
-		LONG: BinaryEditComponent,
-
-		'foreign key': ForeignKeyEditComponent,
-	},
-
-	mssql: {
-		// numbers (number)
-		bigint: NumberEditComponent,
-		int: NumberEditComponent,
-		smallint: NumberEditComponent,
-		tinyint: NumberEditComponent,
-		decimal: NumberEditComponent,
-		bitdecimal: NumberEditComponent,
-		numeric: NumberEditComponent,
-		real: NumberEditComponent,
-
-		// short text (text)
-		uniqueidentifier: UuidEditComponent,
-		char: TextEditComponent,
-		varchar: TextEditComponent,
-
-		//long text (textarea)
-		text: LongTextEditComponent,
-		nchar: LongTextEditComponent,
-		nvarchar: LongTextEditComponent,
-		ntext: LongTextEditComponent,
-
-		//datetime (datepicker)
-		date: DateEditComponent,
-		datetime: DateTimeEditComponent,
-		smalldatetime: DateTimeEditComponent,
-		timestamp: DateTimeEditComponent,
-
-		//binary
-		binary: BinaryEditComponent,
-		varbinary: BinaryEditComponent,
-		image: BinaryEditComponent,
-
-		// etc
-		money: MoneyEditComponent,
-		smallmoney: MoneyEditComponent,
-
-		'foreign key': ForeignKeyEditComponent,
-	},
-	mongodb: {
-		// numbers (number)
-		number: NumberEditComponent,
-		double: NumberEditComponent,
-		int32: NumberEditComponent,
-		long: NumberEditComponent,
-		decimal128: NumberEditComponent,
-
-		//boolean (radiogroup)
-		boolean: BooleanEditComponent,
-
-		//datetime (datepicker)
-		date: DateEditComponent,
-		timestamp: DateTimeEditComponent,
-
-		// short text (text)
-		string: TextEditComponent,
-		regexp: TextEditComponent,
-		objectid: TextEditComponent,
-
-		//binary
-		binary: BinaryEditComponent,
-
-		//json
-		object: JsonEditorEditComponent,
-		array: JsonEditorEditComponent,
-
-		//etc
-		unknown: TextEditComponent,
-
-		'foreign key': ForeignKeyEditComponent,
-	},
-	dynamodb: {
-		string: TextEditComponent,
-		number: NumberEditComponent,
-		boolean: BooleanEditComponent,
-		null: StaticTextEditComponent,
-		array: JsonEditorEditComponent,
-		json: JsonEditorEditComponent,
-		binary: BinaryEditComponent,
-	},
-	cassandra: {
-		int: NumberEditComponent,
-		bigint: NumberEditComponent,
-		varint: NumberEditComponent,
-		decimal: NumberEditComponent,
-		float: NumberEditComponent,
-		double: NumberEditComponent,
-
-		boolean: BooleanEditComponent,
-
-		timeuuid: IdEditComponent,
-
-		timestamp: DateTimeEditComponent,
-		date: DateEditComponent,
-		time: TimeEditComponent,
-
-		uuid: UuidEditComponent,
-		varchar: TextEditComponent,
-		inet: TextEditComponent,
-		ascii: TextEditComponent,
-		text: TextEditComponent,
-
-		//binary
-		blob: BinaryEditComponent,
-
-		list: JsonEditorEditComponent,
-		map: JsonEditorEditComponent,
-		set: JsonEditorEditComponent,
-	},
-	redis: {
-		string: TextEditComponent,
-		integer: NumberEditComponent,
-		decimal: NumberEditComponent,
-		boolean: BooleanEditComponent,
-		array: JsonEditorEditComponent,
-		json: JsonEditorEditComponent,
-	},
-	elasticsearch: {
-		string: TextEditComponent,
-		number: NumberEditComponent,
-		boolean: BooleanEditComponent,
-		date: DateEditComponent,
-		object: JsonEditorEditComponent,
-		array: JsonEditorEditComponent,
-		binary: BinaryEditComponent,
-	},
-	clickhouse: {
-		string: TextEditComponent,
-		uuid: UuidEditComponent,
-		boolean: BooleanEditComponent,
-		integer: NumberEditComponent,
-		bigint: NumberEditComponent,
-		float: NumberEditComponent,
-		double: NumberEditComponent,
-		decimal: NumberEditComponent,
-		date: DateEditComponent,
-		datetime: DateTimeEditComponent,
-		json: JsonEditorEditComponent,
-		object: JsonEditorEditComponent,
-		array: JsonEditorEditComponent,
-	},
-};
diff --git a/frontend/src/app/consts/record-view-types.ts b/frontend/src/app/consts/record-view-types.ts
deleted file mode 100644
index 3f39a0fb4..000000000
--- a/frontend/src/app/consts/record-view-types.ts
+++ /dev/null
@@ -1,346 +0,0 @@
-import { BooleanRecordViewComponent } from 'src/app/components/ui-components/record-view-fields/boolean/boolean.component';
-import { LongTextRecordViewComponent } from 'src/app/components/ui-components/record-view-fields/long-text/long-text.component';
-import { TextRecordViewComponent } from 'src/app/components/ui-components/record-view-fields/text/text.component';
-import { BinaryRecordViewComponent } from '../components/ui-components/record-view-fields/binary/binary.component';
-import { CodeRecordViewComponent } from '../components/ui-components/record-view-fields/code/code.component';
-import { ColorRecordViewComponent } from '../components/ui-components/record-view-fields/color/color.component';
-import { CountryRecordViewComponent } from '../components/ui-components/record-view-fields/country/country.component';
-import { DateRecordViewComponent } from '../components/ui-components/record-view-fields/date/date.component';
-import { DateTimeRecordViewComponent } from '../components/ui-components/record-view-fields/date-time/date-time.component';
-import { FileRecordViewComponent } from '../components/ui-components/record-view-fields/file/file.component';
-import { ForeignKeyRecordViewComponent } from '../components/ui-components/record-view-fields/foreign-key/foreign-key.component';
-import { IdRecordViewComponent } from '../components/ui-components/record-view-fields/id/id.component';
-import { ImageRecordViewComponent } from '../components/ui-components/record-view-fields/image/image.component';
-import { JsonEditorRecordViewComponent } from '../components/ui-components/record-view-fields/json-editor/json-editor.component';
-import { LanguageRecordViewComponent } from '../components/ui-components/record-view-fields/language/language.component';
-import { MarkdownRecordViewComponent } from '../components/ui-components/record-view-fields/markdown/markdown.component';
-import { MoneyRecordViewComponent } from '../components/ui-components/record-view-fields/money/money.component';
-import { NumberRecordViewComponent } from '../components/ui-components/record-view-fields/number/number.component';
-import { PasswordRecordViewComponent } from '../components/ui-components/record-view-fields/password/password.component';
-import { PhoneRecordViewComponent } from '../components/ui-components/record-view-fields/phone/phone.component';
-import { PointRecordViewComponent } from '../components/ui-components/record-view-fields/point/point.component';
-import { RangeRecordViewComponent } from '../components/ui-components/record-view-fields/range/range.component';
-import { S3RecordViewComponent } from '../components/ui-components/record-view-fields/s3/s3.component';
-import { SelectRecordViewComponent } from '../components/ui-components/record-view-fields/select/select.component';
-import { StaticTextRecordViewComponent } from '../components/ui-components/record-view-fields/static-text/static-text.component';
-import { TimeRecordViewComponent } from '../components/ui-components/record-view-fields/time/time.component';
-import { TimeIntervalRecordViewComponent } from '../components/ui-components/record-view-fields/time-interval/time-interval.component';
-import { TimezoneRecordViewComponent } from '../components/ui-components/record-view-fields/timezone/timezone.component';
-import { UrlRecordViewComponent } from '../components/ui-components/record-view-fields/url/url.component';
-import { UuidRecordViewComponent } from '../components/ui-components/record-view-fields/uuid/uuid.component';
-
-export const UIwidgets = {
-	Default: '',
-	Boolean: BooleanRecordViewComponent,
-	Date: DateRecordViewComponent,
-	Time: TimeRecordViewComponent,
-	DateTime: DateTimeRecordViewComponent,
-	JSON: JsonEditorRecordViewComponent,
-	Language: LanguageRecordViewComponent,
-	Markdown: MarkdownRecordViewComponent,
-	Textarea: LongTextRecordViewComponent,
-	String: TextRecordViewComponent,
-	Readonly: StaticTextRecordViewComponent,
-	Number: NumberRecordViewComponent,
-	Select: SelectRecordViewComponent,
-	Password: PasswordRecordViewComponent,
-	Binary: BinaryRecordViewComponent,
-	File: FileRecordViewComponent,
-	Code: CodeRecordViewComponent,
-	Image: ImageRecordViewComponent,
-	URL: UrlRecordViewComponent,
-	Country: CountryRecordViewComponent,
-	Phone: PhoneRecordViewComponent,
-	Money: MoneyRecordViewComponent,
-	Foreign_key: ForeignKeyRecordViewComponent,
-	Color: ColorRecordViewComponent,
-	UUID: UuidRecordViewComponent,
-	Range: RangeRecordViewComponent,
-	Timezone: TimezoneRecordViewComponent,
-	S3: S3RecordViewComponent,
-};
-
-export const recordViewFieldTypes = {
-	postgres: {
-		// numbers (number)
-		real: NumberRecordViewComponent,
-		'double precision': NumberRecordViewComponent,
-		smallint: NumberRecordViewComponent,
-		integer: NumberRecordViewComponent,
-		bigint: NumberRecordViewComponent,
-		numeric: NumberRecordViewComponent,
-
-		//boolean (checkbox)
-		boolean: BooleanRecordViewComponent,
-
-		//datetime (datepicker)
-		'timestamp without time zone': DateTimeRecordViewComponent,
-		'timestamp with time zone': DateTimeRecordViewComponent,
-		'time without time zone': TimeRecordViewComponent,
-		'time with time zone': TimeRecordViewComponent,
-		date: DateRecordViewComponent,
-		abstime: DateTimeRecordViewComponent,
-		realtime: DateTimeRecordViewComponent,
-		interval: TimeIntervalRecordViewComponent,
-
-		// short text (text)
-		'character varying': TextRecordViewComponent,
-		macaddr: TextRecordViewComponent,
-		macaddr8: TextRecordViewComponent,
-		cidr: TextRecordViewComponent,
-		inet: TextRecordViewComponent,
-		uuid: UuidRecordViewComponent,
-
-		//long text (textarea)
-		text: LongTextRecordViewComponent,
-		xml: LongTextRecordViewComponent,
-
-		//select (select)
-		enum: SelectRecordViewComponent,
-
-		// json-editor
-		json: JsonEditorRecordViewComponent,
-		jsonb: JsonEditorRecordViewComponent,
-		ARRAY: JsonEditorRecordViewComponent,
-
-		//binary
-		bytea: BinaryRecordViewComponent,
-
-		//etc
-		money: MoneyRecordViewComponent,
-
-		//mess (math)
-		point: PointRecordViewComponent,
-		line: TextRecordViewComponent,
-		circle: TextRecordViewComponent,
-		path: TextRecordViewComponent,
-		box: TextRecordViewComponent,
-		lseg: TextRecordViewComponent,
-
-		'foreign key': ForeignKeyRecordViewComponent,
-	},
-
-	mysql: {
-		// numbers (number)
-		tinyint: NumberRecordViewComponent,
-		smallint: NumberRecordViewComponent,
-		mediumint: NumberRecordViewComponent,
-		int: NumberRecordViewComponent,
-		bigint: NumberRecordViewComponent,
-		decimal: NumberRecordViewComponent,
-		float: NumberRecordViewComponent,
-		double: NumberRecordViewComponent,
-		year: NumberRecordViewComponent,
-
-		//boolean (radiogroup)
-		boolean: BooleanRecordViewComponent,
-
-		//datetime (datepicker)
-		date: DateRecordViewComponent,
-		time: TimeRecordViewComponent,
-		datetime: DateTimeRecordViewComponent,
-		timestamp: DateTimeRecordViewComponent,
-
-		// short text (text)
-		char: TextRecordViewComponent,
-		varchar: TextRecordViewComponent,
-
-		//long text (textarea)
-		text: LongTextRecordViewComponent,
-		tinytext: LongTextRecordViewComponent,
-		mediumtext: LongTextRecordViewComponent,
-		longtext: LongTextRecordViewComponent,
-
-		json: JsonEditorRecordViewComponent, //json-editor
-
-		//select (select)
-		enum: SelectRecordViewComponent,
-
-		//binary
-		binary: BinaryRecordViewComponent,
-		varbinary: BinaryRecordViewComponent,
-		blob: BinaryRecordViewComponent,
-		tinyblob: BinaryRecordViewComponent,
-		mediumblob: BinaryRecordViewComponent,
-		longblob: BinaryRecordViewComponent,
-
-		//etc
-		set: TextRecordViewComponent,
-
-		'foreign key': ForeignKeyRecordViewComponent,
-	},
-
-	oracledb: {
-		// numbers (number)
-		NUMBER: NumberRecordViewComponent,
-		FLOAT: NumberRecordViewComponent,
-		BINARY_FLOAT: NumberRecordViewComponent,
-		BINARY_DOUBLE: NumberRecordViewComponent,
-		'INTERVAL YEAR': NumberRecordViewComponent,
-		'INTERVAL DAY': NumberRecordViewComponent,
-
-		//datetime (datepicker)
-		DATE: DateRecordViewComponent,
-		TIMESTAMP: DateTimeRecordViewComponent,
-
-		// short text (text)
-		CHAR: TextRecordViewComponent,
-		NCHAR: TextRecordViewComponent,
-		CLOB: TextRecordViewComponent,
-		NCLOB: TextRecordViewComponent,
-		VARCHAR2: TextRecordViewComponent,
-		VARCHAR: TextRecordViewComponent,
-		NVARCHAR2: TextRecordViewComponent,
-
-		//binary
-		BLOB: BinaryRecordViewComponent,
-		BFILE: BinaryRecordViewComponent,
-		RAW: BinaryRecordViewComponent,
-		'LONG RAW': BinaryRecordViewComponent,
-		LONG: BinaryRecordViewComponent,
-
-		'foreign key': ForeignKeyRecordViewComponent,
-	},
-
-	mssql: {
-		// numbers (number)
-		bigint: NumberRecordViewComponent,
-		int: NumberRecordViewComponent,
-		smallint: NumberRecordViewComponent,
-		tinyint: NumberRecordViewComponent,
-		decimal: NumberRecordViewComponent,
-		bitdecimal: NumberRecordViewComponent,
-		numeric: NumberRecordViewComponent,
-		real: NumberRecordViewComponent,
-
-		// short text (text)
-		uniqueidentifier: UuidRecordViewComponent,
-		char: TextRecordViewComponent,
-		varchar: TextRecordViewComponent,
-
-		//long text (textarea)
-		text: LongTextRecordViewComponent,
-		nchar: LongTextRecordViewComponent,
-		nvarchar: LongTextRecordViewComponent,
-		ntext: LongTextRecordViewComponent,
-
-		//datetime (datepicker)
-		date: DateRecordViewComponent,
-		datetime: DateTimeRecordViewComponent,
-		smalldatetime: DateTimeRecordViewComponent,
-		timestamp: DateTimeRecordViewComponent,
-
-		//binary
-		binary: BinaryRecordViewComponent,
-		varbinary: BinaryRecordViewComponent,
-		image: ImageRecordViewComponent,
-
-		// etc
-		money: MoneyRecordViewComponent,
-		smallmoney: MoneyRecordViewComponent,
-
-		'foreign key': ForeignKeyRecordViewComponent,
-	},
-	mongodb: {
-		// numbers (number)
-		number: NumberRecordViewComponent,
-		double: NumberRecordViewComponent,
-		int32: NumberRecordViewComponent,
-		long: NumberRecordViewComponent,
-		decimal128: NumberRecordViewComponent,
-
-		//boolean (radiogroup)
-		boolean: BooleanRecordViewComponent,
-
-		//datetime (datepicker)
-		date: DateRecordViewComponent,
-		timestamp: DateTimeRecordViewComponent,
-
-		// short text (text)
-		string: TextRecordViewComponent,
-		regexp: TextRecordViewComponent,
-		objectid: TextRecordViewComponent,
-
-		//binary
-		binary: BinaryRecordViewComponent,
-
-		//json
-		object: JsonEditorRecordViewComponent,
-		array: JsonEditorRecordViewComponent,
-
-		//etc
-		unknown: TextRecordViewComponent,
-
-		'foreign key': ForeignKeyRecordViewComponent,
-	},
-	dynamodb: {
-		string: TextRecordViewComponent,
-		number: NumberRecordViewComponent,
-		boolean: BooleanRecordViewComponent,
-		null: StaticTextRecordViewComponent,
-		array: JsonEditorRecordViewComponent,
-		json: JsonEditorRecordViewComponent,
-		binary: BinaryRecordViewComponent,
-	},
-	cassandra: {
-		int: NumberRecordViewComponent,
-		bigint: NumberRecordViewComponent,
-		varint: NumberRecordViewComponent,
-		decimal: NumberRecordViewComponent,
-		float: NumberRecordViewComponent,
-		double: NumberRecordViewComponent,
-
-		boolean: BooleanRecordViewComponent,
-
-		timeuuid: IdRecordViewComponent,
-
-		timestamp: DateTimeRecordViewComponent,
-		date: DateRecordViewComponent,
-		time: TimeRecordViewComponent,
-
-		uuid: UuidRecordViewComponent,
-		varchar: TextRecordViewComponent,
-		inet: TextRecordViewComponent,
-		ascii: TextRecordViewComponent,
-		text: LongTextRecordViewComponent,
-
-		//binary
-		blob: BinaryRecordViewComponent,
-
-		list: JsonEditorRecordViewComponent,
-		map: JsonEditorRecordViewComponent,
-		set: JsonEditorRecordViewComponent,
-	},
-	redis: {
-		string: TextRecordViewComponent,
-		integer: NumberRecordViewComponent,
-		decimal: NumberRecordViewComponent,
-		boolean: BooleanRecordViewComponent,
-		array: JsonEditorRecordViewComponent,
-		json: JsonEditorRecordViewComponent,
-	},
-	elasticsearch: {
-		string: TextRecordViewComponent,
-		number: NumberRecordViewComponent,
-		boolean: BooleanRecordViewComponent,
-		date: DateRecordViewComponent,
-		object: JsonEditorRecordViewComponent,
-		array: JsonEditorRecordViewComponent,
-		binary: BinaryRecordViewComponent,
-	},
-	clickhouse: {
-		string: TextRecordViewComponent,
-		uuid: UuidRecordViewComponent,
-		boolean: BooleanRecordViewComponent,
-		integer: NumberRecordViewComponent,
-		bigint: NumberRecordViewComponent,
-		float: NumberRecordViewComponent,
-		double: NumberRecordViewComponent,
-		decimal: NumberRecordViewComponent,
-		date: DateRecordViewComponent,
-		datetime: DateTimeRecordViewComponent,
-		json: JsonEditorRecordViewComponent,
-		object: JsonEditorRecordViewComponent,
-		array: JsonEditorRecordViewComponent,
-	},
-};
diff --git a/frontend/src/app/consts/table-display-types.ts b/frontend/src/app/consts/table-display-types.ts
deleted file mode 100644
index 22b6c62b9..000000000
--- a/frontend/src/app/consts/table-display-types.ts
+++ /dev/null
@@ -1,347 +0,0 @@
-import { BooleanDisplayComponent } from 'src/app/components/ui-components/table-display-fields/boolean/boolean.component';
-import { LongTextDisplayComponent } from 'src/app/components/ui-components/table-display-fields/long-text/long-text.component';
-import { TextDisplayComponent } from 'src/app/components/ui-components/table-display-fields/text/text.component';
-import { BinaryDisplayComponent } from '../components/ui-components/table-display-fields/binary/binary.component';
-import { CodeDisplayComponent } from '../components/ui-components/table-display-fields/code/code.component';
-import { ColorDisplayComponent } from '../components/ui-components/table-display-fields/color/color.component';
-import { CountryDisplayComponent } from '../components/ui-components/table-display-fields/country/country.component';
-import { DateDisplayComponent } from '../components/ui-components/table-display-fields/date/date.component';
-import { DateTimeDisplayComponent } from '../components/ui-components/table-display-fields/date-time/date-time.component';
-import { FileDisplayComponent } from '../components/ui-components/table-display-fields/file/file.component';
-import { ForeignKeyDisplayComponent } from '../components/ui-components/table-display-fields/foreign-key/foreign-key.component';
-import { IdDisplayComponent } from '../components/ui-components/table-display-fields/id/id.component';
-import { ImageDisplayComponent } from '../components/ui-components/table-display-fields/image/image.component';
-import { JsonEditorDisplayComponent } from '../components/ui-components/table-display-fields/json-editor/json-editor.component';
-import { LanguageDisplayComponent } from '../components/ui-components/table-display-fields/language/language.component';
-import { MarkdownDisplayComponent } from '../components/ui-components/table-display-fields/markdown/markdown.component';
-import { MoneyDisplayComponent } from '../components/ui-components/table-display-fields/money/money.component';
-import { NumberDisplayComponent } from '../components/ui-components/table-display-fields/number/number.component';
-import { PasswordDisplayComponent } from '../components/ui-components/table-display-fields/password/password.component';
-import { PhoneDisplayComponent } from '../components/ui-components/table-display-fields/phone/phone.component';
-import { PointDisplayComponent } from '../components/ui-components/table-display-fields/point/point.component';
-import { RangeDisplayComponent } from '../components/ui-components/table-display-fields/range/range.component';
-import { S3DisplayComponent } from '../components/ui-components/table-display-fields/s3/s3.component';
-import { SelectDisplayComponent } from '../components/ui-components/table-display-fields/select/select.component';
-import { StaticTextDisplayComponent } from '../components/ui-components/table-display-fields/static-text/static-text.component';
-import { TimeDisplayComponent } from '../components/ui-components/table-display-fields/time/time.component';
-import { TimeIntervalDisplayComponent } from '../components/ui-components/table-display-fields/time-interval/time-interval.component';
-import { TimezoneDisplayComponent } from '../components/ui-components/table-display-fields/timezone/timezone.component';
-import { UrlDisplayComponent } from '../components/ui-components/table-display-fields/url/url.component';
-import { UuidDisplayComponent } from '../components/ui-components/table-display-fields/uuid/uuid.component';
-
-export const UIwidgets = {
-	Default: '',
-	Boolean: BooleanDisplayComponent,
-	Code: CodeDisplayComponent,
-	Color: ColorDisplayComponent,
-	Country: CountryDisplayComponent,
-	Date: DateDisplayComponent,
-	DateTime: DateTimeDisplayComponent,
-	Binary: BinaryDisplayComponent,
-	File: FileDisplayComponent,
-	Foreign_key: ForeignKeyDisplayComponent,
-	Image: ImageDisplayComponent,
-	JSON: JsonEditorDisplayComponent,
-	Language: LanguageDisplayComponent,
-	Markdown: MarkdownDisplayComponent,
-	Money: MoneyDisplayComponent,
-	Number: NumberDisplayComponent,
-	Password: PasswordDisplayComponent,
-	Phone: PhoneDisplayComponent,
-	Range: RangeDisplayComponent,
-	Readonly: StaticTextDisplayComponent,
-	Select: SelectDisplayComponent,
-	String: TextDisplayComponent,
-	Textarea: LongTextDisplayComponent,
-	Time: TimeDisplayComponent,
-	Timezone: TimezoneDisplayComponent,
-	URL: UrlDisplayComponent,
-	UUID: UuidDisplayComponent,
-	S3: S3DisplayComponent,
-	Email: TextDisplayComponent,
-};
-
-export const tableDisplayTypes = {
-	postgres: {
-		// numbers (number)
-		real: NumberDisplayComponent,
-		'double precision': NumberDisplayComponent,
-		smallint: NumberDisplayComponent,
-		integer: NumberDisplayComponent,
-		bigint: NumberDisplayComponent,
-		numeric: NumberDisplayComponent,
-
-		//boolean (checkbox)
-		boolean: BooleanDisplayComponent,
-
-		//datetime (datepicker)
-		'timestamp without time zone': DateTimeDisplayComponent,
-		'timestamp with time zone': DateTimeDisplayComponent,
-		'time without time zone': TimeDisplayComponent,
-		'time with time zone': TimeDisplayComponent,
-		date: DateDisplayComponent,
-		abstime: DateTimeDisplayComponent,
-		realtime: DateTimeDisplayComponent,
-		interval: TimeIntervalDisplayComponent,
-
-		// short text (text)
-		'character varying': TextDisplayComponent,
-		macaddr: TextDisplayComponent,
-		macaddr8: TextDisplayComponent,
-		cidr: TextDisplayComponent,
-		inet: TextDisplayComponent,
-		uuid: UuidDisplayComponent,
-
-		//long text (textarea)
-		text: LongTextDisplayComponent,
-		xml: LongTextDisplayComponent,
-
-		//select (select)
-		enum: SelectDisplayComponent,
-
-		// json-editor
-		json: JsonEditorDisplayComponent,
-		jsonb: JsonEditorDisplayComponent,
-		ARRAY: JsonEditorDisplayComponent,
-
-		//binary
-		bytea: BinaryDisplayComponent,
-
-		//etc
-		money: MoneyDisplayComponent,
-
-		//mess (math)
-		point: PointDisplayComponent,
-		line: TextDisplayComponent,
-		circle: TextDisplayComponent,
-		path: TextDisplayComponent,
-		box: TextDisplayComponent,
-		lseg: TextDisplayComponent,
-
-		'foreign key': ForeignKeyDisplayComponent,
-	},
-
-	mysql: {
-		// numbers (number)
-		tinyint: NumberDisplayComponent,
-		smallint: NumberDisplayComponent,
-		mediumint: NumberDisplayComponent,
-		int: NumberDisplayComponent,
-		bigint: NumberDisplayComponent,
-		decimal: NumberDisplayComponent,
-		float: NumberDisplayComponent,
-		double: NumberDisplayComponent,
-		year: NumberDisplayComponent,
-
-		//boolean (radiogroup)
-		boolean: BooleanDisplayComponent,
-
-		//datetime (datepicker)
-		date: DateDisplayComponent,
-		time: TimeDisplayComponent,
-		datetime: DateTimeDisplayComponent,
-		timestamp: DateTimeDisplayComponent,
-
-		// short text (text)
-		char: TextDisplayComponent,
-		varchar: TextDisplayComponent,
-
-		//long text (textarea)
-		text: LongTextDisplayComponent,
-		tinytext: LongTextDisplayComponent,
-		mediumtext: LongTextDisplayComponent,
-		longtext: LongTextDisplayComponent,
-
-		json: JsonEditorDisplayComponent, //json-editor
-
-		//select (select)
-		enum: SelectDisplayComponent,
-
-		//binary
-		binary: BinaryDisplayComponent,
-		varbinary: BinaryDisplayComponent,
-		blob: BinaryDisplayComponent,
-		tinyblob: BinaryDisplayComponent,
-		mediumblob: BinaryDisplayComponent,
-		longblob: BinaryDisplayComponent,
-
-		//etc
-		set: TextDisplayComponent,
-
-		'foreign key': ForeignKeyDisplayComponent,
-	},
-
-	oracledb: {
-		// numbers (number)
-		NUMBER: NumberDisplayComponent,
-		FLOAT: NumberDisplayComponent,
-		BINARY_FLOAT: NumberDisplayComponent,
-		BINARY_DOUBLE: NumberDisplayComponent,
-		'INTERVAL YEAR': NumberDisplayComponent,
-		'INTERVAL DAY': NumberDisplayComponent,
-
-		//datetime (datepicker)
-		DATE: DateDisplayComponent,
-		TIMESTAMP: DateTimeDisplayComponent,
-
-		// short text (text)
-		CHAR: TextDisplayComponent,
-		NCHAR: TextDisplayComponent,
-		CLOB: TextDisplayComponent,
-		NCLOB: TextDisplayComponent,
-		VARCHAR2: TextDisplayComponent,
-		VARCHAR: TextDisplayComponent,
-		NVARCHAR2: TextDisplayComponent,
-
-		//binary
-		BLOB: BinaryDisplayComponent,
-		BFILE: BinaryDisplayComponent,
-		RAW: BinaryDisplayComponent,
-		'LONG RAW': BinaryDisplayComponent,
-		LONG: BinaryDisplayComponent,
-
-		'foreign key': ForeignKeyDisplayComponent,
-	},
-
-	mssql: {
-		// numbers (number)
-		bigint: NumberDisplayComponent,
-		int: NumberDisplayComponent,
-		smallint: NumberDisplayComponent,
-		tinyint: NumberDisplayComponent,
-		decimal: NumberDisplayComponent,
-		bitdecimal: NumberDisplayComponent,
-		numeric: NumberDisplayComponent,
-		real: NumberDisplayComponent,
-
-		// short text (text)
-		uniqueidentifier: UuidDisplayComponent,
-		char: TextDisplayComponent,
-		varchar: TextDisplayComponent,
-
-		//long text (textarea)
-		text: LongTextDisplayComponent,
-		nchar: LongTextDisplayComponent,
-		nvarchar: LongTextDisplayComponent,
-		ntext: LongTextDisplayComponent,
-
-		//datetime (datepicker)
-		date: DateDisplayComponent,
-		datetime: DateTimeDisplayComponent,
-		smalldatetime: DateTimeDisplayComponent,
-		timestamp: DateTimeDisplayComponent,
-
-		//binary
-		binary: BinaryDisplayComponent,
-		varbinary: BinaryDisplayComponent,
-		image: ImageDisplayComponent,
-
-		// etc
-		money: MoneyDisplayComponent,
-		smallmoney: MoneyDisplayComponent,
-
-		'foreign key': ForeignKeyDisplayComponent,
-	},
-	mongodb: {
-		// numbers (number)
-		number: NumberDisplayComponent,
-		double: NumberDisplayComponent,
-		int32: NumberDisplayComponent,
-		long: NumberDisplayComponent,
-		decimal128: NumberDisplayComponent,
-
-		//boolean (radiogroup)
-		boolean: BooleanDisplayComponent,
-
-		//datetime (datepicker)
-		date: DateDisplayComponent,
-		timestamp: DateTimeDisplayComponent,
-
-		// short text (text)
-		string: TextDisplayComponent,
-		regexp: TextDisplayComponent,
-		objectid: TextDisplayComponent,
-
-		//binary
-		binary: BinaryDisplayComponent,
-
-		//json
-		object: JsonEditorDisplayComponent,
-		array: JsonEditorDisplayComponent,
-
-		//etc
-		unknown: TextDisplayComponent,
-
-		'foreign key': ForeignKeyDisplayComponent,
-	},
-	dynamodb: {
-		string: TextDisplayComponent,
-		number: NumberDisplayComponent,
-		boolean: BooleanDisplayComponent,
-		null: StaticTextDisplayComponent,
-		array: JsonEditorDisplayComponent,
-		json: JsonEditorDisplayComponent,
-		binary: BinaryDisplayComponent,
-	},
-	cassandra: {
-		int: NumberDisplayComponent,
-		bigint: NumberDisplayComponent,
-		varint: NumberDisplayComponent,
-		decimal: NumberDisplayComponent,
-		float: NumberDisplayComponent,
-		double: NumberDisplayComponent,
-
-		boolean: BooleanDisplayComponent,
-
-		timeuuid: IdDisplayComponent,
-
-		timestamp: DateTimeDisplayComponent,
-		date: DateDisplayComponent,
-		time: TimeDisplayComponent,
-
-		uuid: UuidDisplayComponent,
-		varchar: TextDisplayComponent,
-		inet: TextDisplayComponent,
-		ascii: TextDisplayComponent,
-		text: LongTextDisplayComponent,
-
-		//binary
-		blob: BinaryDisplayComponent,
-
-		list: JsonEditorDisplayComponent,
-		map: JsonEditorDisplayComponent,
-		set: JsonEditorDisplayComponent,
-	},
-	redis: {
-		string: TextDisplayComponent,
-		integer: NumberDisplayComponent,
-		decimal: NumberDisplayComponent,
-		boolean: BooleanDisplayComponent,
-		array: JsonEditorDisplayComponent,
-		json: JsonEditorDisplayComponent,
-	},
-	elasticsearch: {
-		string: TextDisplayComponent,
-		number: NumberDisplayComponent,
-		boolean: BooleanDisplayComponent,
-		date: DateDisplayComponent,
-		object: JsonEditorDisplayComponent,
-		array: JsonEditorDisplayComponent,
-		binary: BinaryDisplayComponent,
-	},
-	clickhouse: {
-		string: TextDisplayComponent,
-		uuid: UuidDisplayComponent,
-		boolean: BooleanDisplayComponent,
-		integer: NumberDisplayComponent,
-		bigint: NumberDisplayComponent,
-		float: NumberDisplayComponent,
-		double: NumberDisplayComponent,
-		decimal: NumberDisplayComponent,
-		date: DateDisplayComponent,
-		datetime: DateTimeDisplayComponent,
-		json: JsonEditorDisplayComponent,
-		object: JsonEditorDisplayComponent,
-		array: JsonEditorDisplayComponent,
-	},
-};
diff --git a/frontend/src/app/directives/base64Validator.directive.ts b/frontend/src/app/directives/base64Validator.directive.ts
deleted file mode 100644
index c18839050..000000000
--- a/frontend/src/app/directives/base64Validator.directive.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Directive } from '@angular/core';
-import { AbstractControl, NG_VALIDATORS, ValidationErrors, Validator } from '@angular/forms';
-import { base64Validation } from '../validators/base64.validator';
-
-@Directive({
-	selector: '[base64Validator][ngModel]',
-	providers: [
-		{
-			provide: NG_VALIDATORS,
-			useExisting: Base64ValidationDirective,
-			multi: true,
-		},
-	],
-})
-export class Base64ValidationDirective implements Validator {
-	validate(control: AbstractControl): ValidationErrors | null {
-		return base64Validation()(control);
-	}
-}
diff --git a/frontend/src/app/directives/connection-string-validator.directive.ts b/frontend/src/app/directives/connection-string-validator.directive.ts
deleted file mode 100644
index 02bb48a8c..000000000
--- a/frontend/src/app/directives/connection-string-validator.directive.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Directive } from '@angular/core';
-import { AbstractControl, NG_VALIDATORS, ValidationErrors, Validator } from '@angular/forms';
-import { connectionStringValidation } from '../validators/connection-string.validator';
-
-@Directive({
-	selector: '[connectionStringValidator][ngModel]',
-	providers: [
-		{
-			provide: NG_VALIDATORS,
-			useExisting: ConnectionStringValidatorDirective,
-			multi: true,
-		},
-	],
-})
-export class ConnectionStringValidatorDirective implements Validator {
-	validate(control: AbstractControl): ValidationErrors | null {
-		return connectionStringValidation()(control);
-	}
-}
diff --git a/frontend/src/app/directives/emailValidator.directive.ts b/frontend/src/app/directives/emailValidator.directive.ts
deleted file mode 100644
index 42e44e36e..000000000
--- a/frontend/src/app/directives/emailValidator.directive.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Directive } from '@angular/core';
-import { AbstractControl, NG_VALIDATORS, ValidationErrors, Validator } from '@angular/forms';
-import { emailValidation } from '../validators/email.validator';
-
-@Directive({
-	selector: '[emailValidator][ngModel]',
-	providers: [
-		{
-			provide: NG_VALIDATORS,
-			useExisting: EmailValidationDirective,
-			multi: true,
-		},
-	],
-})
-export class EmailValidationDirective implements Validator {
-	validate(control: AbstractControl): ValidationErrors | null {
-		return emailValidation()(control);
-	}
-}
diff --git a/frontend/src/app/directives/hexValidator.directive.ts b/frontend/src/app/directives/hexValidator.directive.ts
deleted file mode 100644
index 8bc14133a..000000000
--- a/frontend/src/app/directives/hexValidator.directive.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Directive } from '@angular/core';
-import { AbstractControl, NG_VALIDATORS, ValidationErrors, Validator } from '@angular/forms';
-import { hexValidation } from '../validators/hex.validator';
-
-@Directive({
-	selector: '[hexValidator][ngModel]',
-	providers: [
-		{
-			provide: NG_VALIDATORS,
-			useExisting: HexValidationDirective,
-			multi: true,
-		},
-	],
-})
-export class HexValidationDirective implements Validator {
-	validate(control: AbstractControl): ValidationErrors | null {
-		return hexValidation()(control);
-	}
-}
diff --git a/frontend/src/app/directives/hostnameValidator.directive.ts b/frontend/src/app/directives/hostnameValidator.directive.ts
deleted file mode 100644
index 0df2e0dd3..000000000
--- a/frontend/src/app/directives/hostnameValidator.directive.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Directive, Input } from '@angular/core';
-import { AbstractControl, NG_VALIDATORS, ValidationErrors, Validator } from '@angular/forms';
-import { DBtype } from '../models/connection';
-import { hostnameValidation } from '../validators/hostname.validator';
-
-@Directive({
-	selector: '[hostnameValidator][ngModel]',
-	providers: [
-		{
-			provide: NG_VALIDATORS,
-			useExisting: HostnameValidationDirective,
-			multi: true,
-		},
-	],
-})
-export class HostnameValidationDirective implements Validator {
-	@Input() hostnameValidator: DBtype;
-
-	validate(control: AbstractControl): ValidationErrors | null {
-		return hostnameValidation(this.hostnameValidator)(control);
-	}
-}
diff --git a/frontend/src/app/directives/ngmat-table-query-reflector.directive.ts b/frontend/src/app/directives/ngmat-table-query-reflector.directive.ts
deleted file mode 100644
index 5e2e3a5e1..000000000
--- a/frontend/src/app/directives/ngmat-table-query-reflector.directive.ts
+++ /dev/null
@@ -1,159 +0,0 @@
-// MIT License
-
-// Copyright (c) 2020 Md. Abdun Nahid
-
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
-
-// The above copyright notice and this permission notice shall be included in all
-// copies or substantial portions of the Software.
-
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-// SOFTWARE.
-
-import { Directive, Input, OnDestroy, OnInit } from '@angular/core';
-import { PageEvent } from '@angular/material/paginator';
-import { MatSortable, Sort } from '@angular/material/sort';
-import { MatTableDataSource } from '@angular/material/table';
-import { ActivatedRoute, Router } from '@angular/router';
-import { interval, Subject, Subscription } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-
-@Directive({
-	selector: '[NgMatTableQueryReflector]',
-})
-export class NgMatTableQueryReflectorDirective implements OnInit, OnDestroy {
-	private unsubscribeAll$: Subject<any> = new Subject();
-
-	@Input() matSortActive: string;
-	@Input() matSortDirection: 'asc' | 'desc';
-	@Input() dataSource: MatTableDataSource<any>;
-	private _dataSourceChecker$: Subscription;
-
-	constructor(
-		private _router: Router,
-		private _activatedRoute: ActivatedRoute,
-	) {}
-
-	async ngOnInit(): Promise<void> {
-		await this.waitForDatasourceToLoad();
-		this._initialSetup();
-		this.listenToStateChangeEvents();
-	}
-
-	private _initialSetup(): void {
-		const activePageQuery = this.isPageQueryActive();
-
-		if (activePageQuery) {
-			this.dataSource.paginator.pageIndex = activePageQuery.page_index;
-			this.dataSource.paginator.pageSize = activePageQuery.page_size;
-		}
-
-		// Activating initial Sort
-		const activeSortQuery = this.isSortQueryActive();
-		if (activeSortQuery) {
-			const sortActiveColumn = activeSortQuery
-				? activeSortQuery.sort_direction
-					? activeSortQuery.sort_active
-					: null
-				: this.matSortActive;
-			const sortable: MatSortable = {
-				id: sortActiveColumn,
-				start: activeSortQuery ? activeSortQuery.sort_direction || null : this.matSortDirection,
-				disableClear: true,
-			};
-			this.dataSource.sort.sort(sortable);
-
-			if (!sortActiveColumn) {
-				return;
-			}
-			// Material Sort Issue: https://github.com/angular/components/issues/10242
-			// Picked a hack from: https://github.com/angular/components/issues/10242#issuecomment-421490991
-			const activeSortHeader = this.dataSource.sort.sortables.get(sortActiveColumn);
-			if (!activeSortHeader) {
-				return;
-			}
-		}
-	}
-
-	private isSortQueryActive(): { sort_active: string; sort_direction: 'asc' | 'desc' } {
-		const queryParams = this._activatedRoute.snapshot.queryParams;
-
-		if (Object.hasOwn(queryParams, 'sort_active') || Object.hasOwn(queryParams, 'sort_direction')) {
-			return {
-				sort_active: queryParams.sort_active,
-				sort_direction: queryParams.sort_direction,
-			};
-		}
-
-		return;
-	}
-
-	private isPageQueryActive(): { page_size: number; page_index: number } {
-		const queryParams = this._activatedRoute.snapshot.queryParams;
-
-		if (Object.hasOwn(queryParams, 'page_size') || Object.hasOwn(queryParams, 'page_index')) {
-			return {
-				page_size: queryParams.page_size,
-				page_index: queryParams.page_index,
-			};
-		}
-
-		return;
-	}
-
-	private listenToStateChangeEvents(): void {
-		this.dataSource.sort.sortChange.pipe(takeUntil(this.unsubscribeAll$)).subscribe((sortChange: Sort) => {
-			this._applySortChangesToUrlQueryParams(sortChange);
-		});
-
-		this.dataSource.paginator.page.pipe(takeUntil(this.unsubscribeAll$)).subscribe((pageChange: PageEvent) => {
-			this._applyPageStateChangesToUrlQueryParams(pageChange);
-		});
-	}
-
-	private _applySortChangesToUrlQueryParams(sortChange: Sort): void {
-		const sortingAndPaginationQueryParams = {
-			sort_active: sortChange.active,
-			sort_direction: sortChange.direction,
-		};
-
-		this._router.navigate([], { queryParams: sortingAndPaginationQueryParams, queryParamsHandling: 'merge' });
-	}
-
-	private _applyPageStateChangesToUrlQueryParams(pageChange: PageEvent): void {
-		const sortingAndPaginationQueryParams = {
-			page_size: pageChange.pageSize,
-			page_index: pageChange.pageIndex,
-		};
-
-		this._router.navigate([], { queryParams: sortingAndPaginationQueryParams, queryParamsHandling: 'merge' });
-	}
-
-	private waitForDatasourceToLoad(): Promise<void> {
-		const titleCheckingInterval$ = interval(500);
-
-		return new Promise((resolve) => {
-			this._dataSourceChecker$ = titleCheckingInterval$.subscribe((_val) => {
-				if (this.dataSource?.sort && this.dataSource?.paginator) {
-					this._dataSourceChecker$.unsubscribe();
-					return resolve();
-				}
-			});
-		});
-	}
-
-	ngOnDestroy(): void {
-		this.unsubscribeAll$.next(null);
-		this.unsubscribeAll$.complete();
-	}
-}
diff --git a/frontend/src/app/directives/passwordValidator.directive.ts b/frontend/src/app/directives/passwordValidator.directive.ts
deleted file mode 100644
index 6bcdad858..000000000
--- a/frontend/src/app/directives/passwordValidator.directive.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Directive } from '@angular/core';
-import { AbstractControl, NG_VALIDATORS, ValidationErrors, Validator } from '@angular/forms';
-import { passwordValidation } from '../validators/password.validator';
-
-@Directive({
-	selector: '[passwordValidator][ngModel]',
-	providers: [
-		{
-			provide: NG_VALIDATORS,
-			useExisting: PasswordValidationDirective,
-			multi: true,
-		},
-	],
-})
-export class PasswordValidationDirective implements Validator {
-	validate(control: AbstractControl): ValidationErrors | null {
-		return passwordValidation()(control);
-	}
-}
diff --git a/frontend/src/app/directives/text-validator.directive.ts b/frontend/src/app/directives/text-validator.directive.ts
deleted file mode 100644
index e4dea3f50..000000000
--- a/frontend/src/app/directives/text-validator.directive.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Directive, Input } from '@angular/core';
-import { AbstractControl, NG_VALIDATORS, ValidationErrors, Validator } from '@angular/forms';
-
-import { textValidation } from '../validators/text.validator';
-
-@Directive({
-	selector: '[textValidator][ngModel]',
-	providers: [
-		{
-			provide: NG_VALIDATORS,
-			useExisting: TextValidatorDirective,
-			multi: true,
-		},
-	],
-})
-export class TextValidatorDirective implements Validator {
-	@Input('validateType') validateType: string | null = null;
-	@Input('regexPattern') regexPattern: string | null = null;
-
-	validate(control: AbstractControl): ValidationErrors | null {
-		return textValidation(this.validateType, this.regexPattern)(control);
-	}
-}
diff --git a/frontend/src/app/directives/url-validator.directive.spec.ts b/frontend/src/app/directives/url-validator.directive.spec.ts
deleted file mode 100644
index 770229021..000000000
--- a/frontend/src/app/directives/url-validator.directive.spec.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { UrlValidatorDirective } from './url-validator.directive';
-
-describe('UrlValidatorDirectiveTsDirective', () => {
-	it('should create an instance', () => {
-		const directive = new UrlValidatorDirective();
-		expect(directive).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/directives/url-validator.directive.ts b/frontend/src/app/directives/url-validator.directive.ts
deleted file mode 100644
index ea0f7d6d8..000000000
--- a/frontend/src/app/directives/url-validator.directive.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Directive, Input } from '@angular/core';
-import { AbstractControl, NG_VALIDATORS, ValidationErrors, Validator } from '@angular/forms';
-import { urlValidation } from '../validators/url.validator';
-
-@Directive({
-	selector: '[urlValidator][ngModel]',
-	providers: [
-		{
-			provide: NG_VALIDATORS,
-			useExisting: UrlValidatorDirective,
-			multi: true,
-		},
-	],
-})
-export class UrlValidatorDirective implements Validator {
-	@Input('urlPrefix') prefix: string = '';
-
-	validate(control: AbstractControl): ValidationErrors | null {
-		return urlValidation(this.prefix)(control);
-	}
-}
diff --git a/frontend/src/app/guards/auth.guard.spec.ts b/frontend/src/app/guards/auth.guard.spec.ts
deleted file mode 100644
index 4c2356a9d..000000000
--- a/frontend/src/app/guards/auth.guard.spec.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { inject, TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-import { AuthGuard } from './auth.guard';
-
-describe('AuthGuard', () => {
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			providers: [AuthGuard],
-			imports: [RouterTestingModule],
-		});
-	});
-
-	it('should ...', inject([AuthGuard], (guard: AuthGuard) => {
-		expect(guard).toBeTruthy();
-	}));
-});
diff --git a/frontend/src/app/guards/auth.guard.ts b/frontend/src/app/guards/auth.guard.ts
deleted file mode 100644
index 4f08977a7..000000000
--- a/frontend/src/app/guards/auth.guard.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Injectable } from '@angular/core';
-import { ActivatedRouteSnapshot, CanActivate, Router, RouterStateSnapshot } from '@angular/router';
-import { differenceInMilliseconds } from 'date-fns';
-
-@Injectable({
-	providedIn: 'root',
-})
-export class AuthGuard implements CanActivate {
-	constructor(private router: Router) {}
-
-	async canActivate(_route: ActivatedRouteSnapshot, _state: RouterStateSnapshot) {
-		try {
-			const expirationToken = localStorage.getItem('token_expiration');
-			let expirationTime = null;
-			if (expirationToken) expirationTime = new Date(expirationToken);
-			const currantTime = new Date();
-
-			if (expirationTime && currantTime) {
-				const expirationInterval = differenceInMilliseconds(expirationTime, currantTime);
-				if (expirationInterval > 0) return true;
-			} else {
-				console.log('auth guard, expirationInterval <= 0');
-				this.router.navigate(['/login']);
-			}
-			return false;
-		} catch {
-			return false;
-		}
-	}
-}
diff --git a/frontend/src/app/guards/configuration.guard.ts b/frontend/src/app/guards/configuration.guard.ts
deleted file mode 100644
index 5d41ed184..000000000
--- a/frontend/src/app/guards/configuration.guard.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { inject } from '@angular/core';
-import { CanActivateFn, Router } from '@angular/router';
-import { SelfhostedService } from '../services/selfhosted.service';
-
-/**
- * Guard that protects the /login route.
- * In self-hosted mode, redirects to /setup if the app is not configured.
- * In SaaS mode, allows access immediately.
- */
-export const configurationGuard: CanActivateFn = async () => {
-	const selfhostedService = inject(SelfhostedService);
-	const router = inject(Router);
-
-	// In SaaS mode, always allow access to login
-	if (!selfhostedService.isSelfHosted()) {
-		return true;
-	}
-
-	// If we already know the configuration state, use it
-	const currentState = selfhostedService.isConfigured();
-	if (currentState !== null) {
-		if (currentState) {
-			return true;
-		} else {
-			return router.createUrlTree(['/setup']);
-		}
-	}
-
-	// Check configuration from the server
-	const response = await selfhostedService.checkConfiguration();
-	if (response.isConfigured) {
-		return true;
-	} else {
-		return router.createUrlTree(['/setup']);
-	}
-};
diff --git a/frontend/src/app/guards/no-auth.guard.ts b/frontend/src/app/guards/no-auth.guard.ts
deleted file mode 100644
index 026069d35..000000000
--- a/frontend/src/app/guards/no-auth.guard.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { inject } from '@angular/core';
-import { CanActivateFn, Router } from '@angular/router';
-import { differenceInMilliseconds } from 'date-fns';
-
-/**
- * Guard that prevents logged-in users from accessing auth pages (login).
- * Redirects authenticated users to /connections-list.
- */
-export const noAuthGuard: CanActivateFn = () => {
-	const router = inject(Router);
-
-	try {
-		const expirationToken = localStorage.getItem('token_expiration');
-		if (expirationToken) {
-			const expirationTime = new Date(expirationToken);
-			const expirationInterval = differenceInMilliseconds(expirationTime, new Date());
-			if (expirationInterval > 0) {
-				return router.createUrlTree(['/connections-list']);
-			}
-		}
-	} catch {
-		// If anything fails, allow access to auth pages
-	}
-
-	return true;
-};
diff --git a/frontend/src/app/guards/setup.guard.ts b/frontend/src/app/guards/setup.guard.ts
deleted file mode 100644
index 717a024c3..000000000
--- a/frontend/src/app/guards/setup.guard.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { inject } from '@angular/core';
-import { CanActivateFn, Router } from '@angular/router';
-import { SelfhostedService } from '../services/selfhosted.service';
-
-/**
- * Guard that protects the /setup route.
- * - In SaaS mode, redirects to /login (setup is only for self-hosted)
- * - In self-hosted mode, redirects to /login if already configured
- * - Allows access to /setup only if self-hosted and not configured
- */
-export const setupGuard: CanActivateFn = async () => {
-	const selfhostedService = inject(SelfhostedService);
-	const router = inject(Router);
-
-	// In SaaS mode, redirect to login (setup is only for self-hosted)
-	if (!selfhostedService.isSelfHosted()) {
-		return router.createUrlTree(['/login']);
-	}
-
-	// If we already know the configuration state, use it
-	const currentState = selfhostedService.isConfigured();
-	if (currentState !== null) {
-		if (currentState) {
-			// Already configured, redirect to login
-			return router.createUrlTree(['/login']);
-		} else {
-			// Not configured, allow access to setup
-			return true;
-		}
-	}
-
-	// Check configuration from the server
-	const response = await selfhostedService.checkConfiguration();
-	if (response.isConfigured) {
-		// Already configured, redirect to login
-		return router.createUrlTree(['/login']);
-	} else {
-		// Not configured, allow access to setup
-		return true;
-	}
-};
diff --git a/frontend/src/app/lib/binary.spec.ts b/frontend/src/app/lib/binary.spec.ts
deleted file mode 100644
index 88bdd2c42..000000000
--- a/frontend/src/app/lib/binary.spec.ts
+++ /dev/null
@@ -1,179 +0,0 @@
-import {
-	base64StringToBytes,
-	bytesToAscii,
-	bytesToBase64,
-	bytesToEncoded,
-	bytesToHex,
-	encodedToBytes,
-	hexStringToBytes,
-	isBinaryEncoding,
-	parseBinaryValue,
-	stringToBytes,
-	toBufferJson,
-} from './binary';
-
-describe('binary helpers', () => {
-	describe('parseBinaryValue', () => {
-		it('returns empty for null/undefined/empty', () => {
-			expect(parseBinaryValue(null)).toEqual([]);
-			expect(parseBinaryValue(undefined)).toEqual([]);
-			expect(parseBinaryValue('')).toEqual([]);
-		});
-
-		it('parses a string as char-code-per-byte', () => {
-			expect(parseBinaryValue('Hello')).toEqual([0x48, 0x65, 0x6c, 0x6c, 0x6f]);
-		});
-
-		it('truncates char codes above 0xff to a byte', () => {
-			expect(parseBinaryValue('ÿĀ')).toEqual([0xff, 0x00]);
-		});
-
-		it('extracts data from a Buffer-JSON value', () => {
-			expect(parseBinaryValue({ type: 'Buffer', data: [0x48, 0x65] })).toEqual([0x48, 0x65]);
-		});
-
-		it('extracts data from a Uint8Array', () => {
-			expect(parseBinaryValue(new Uint8Array([1, 2, 3]))).toEqual([1, 2, 3]);
-		});
-	});
-
-	describe('stringToBytes', () => {
-		it('maps each char to its 8-bit code', () => {
-			expect(stringToBytes('Hi')).toEqual([0x48, 0x69]);
-		});
-	});
-
-	describe('hexStringToBytes', () => {
-		it('parses even-length hex', () => {
-			expect(hexStringToBytes('48656c6c6f')).toEqual([0x48, 0x65, 0x6c, 0x6c, 0x6f]);
-		});
-
-		it('left-pads odd-length hex', () => {
-			expect(hexStringToBytes('abc')).toEqual([0x0a, 0xbc]);
-		});
-
-		it('returns empty for malformed hex', () => {
-			expect(hexStringToBytes('zz')).toEqual([]);
-		});
-
-		it('returns empty for empty input', () => {
-			expect(hexStringToBytes('')).toEqual([]);
-		});
-	});
-
-	describe('bytesToHex', () => {
-		it('formats bytes with zero-padded lowercase hex', () => {
-			expect(bytesToHex([0x01, 0xab, 0x00])).toBe('01ab00');
-		});
-
-		it('returns empty string for empty array', () => {
-			expect(bytesToHex([])).toBe('');
-		});
-	});
-
-	describe('bytesToBase64 / base64StringToBytes', () => {
-		it('round-trips ASCII "Hello" as SGVsbG8=', () => {
-			const bytes = [0x48, 0x65, 0x6c, 0x6c, 0x6f];
-			expect(bytesToBase64(bytes)).toBe('SGVsbG8=');
-			expect(base64StringToBytes('SGVsbG8=')).toEqual(bytes);
-		});
-
-		it('encodes empty bytes to empty string', () => {
-			expect(bytesToBase64([])).toBe('');
-			expect(base64StringToBytes('')).toEqual([]);
-		});
-
-		it('handles arbitrary binary bytes including 0x00 and 0xff', () => {
-			const bytes = [0x00, 0x10, 0x80, 0xff];
-			const encoded = bytesToBase64(bytes);
-			expect(base64StringToBytes(encoded)).toEqual(bytes);
-		});
-
-		it('returns null for invalid base64', () => {
-			expect(base64StringToBytes('not base64!')).toBeNull();
-			expect(base64StringToBytes('SGVsbG8')).toBeNull(); // missing padding
-		});
-
-		it('encodes a long payload via chunked path', () => {
-			const bytes = new Array(10000).fill(0).map((_, i) => i & 0xff);
-			const encoded = bytesToBase64(bytes);
-			expect(base64StringToBytes(encoded)).toEqual(bytes);
-		});
-	});
-
-	describe('bytesToAscii', () => {
-		it('renders printable bytes as-is', () => {
-			expect(bytesToAscii([0x48, 0x69, 0x21])).toBe('Hi!');
-		});
-
-		it('replaces non-printable bytes with a dot', () => {
-			expect(bytesToAscii([0x00, 0x48, 0x1f, 0x7f, 0xff, 0x80])).toBe('.H....');
-		});
-
-		it('keeps tab, LF, CR as-is', () => {
-			expect(bytesToAscii([0x09, 0x0a, 0x0d, 0x41])).toBe('\t\n\rA');
-		});
-	});
-
-	describe('bytesToEncoded / encodedToBytes', () => {
-		it('hex round-trip', () => {
-			const bytes = [0x01, 0xab, 0x00];
-			const enc = bytesToEncoded(bytes, 'hex');
-			expect(enc).toBe('01ab00');
-			expect(encodedToBytes(enc, 'hex')).toEqual(bytes);
-		});
-
-		it('base64 round-trip', () => {
-			const bytes = [0x48, 0x65, 0x6c, 0x6c, 0x6f];
-			const enc = bytesToEncoded(bytes, 'base64');
-			expect(enc).toBe('SGVsbG8=');
-			expect(encodedToBytes(enc, 'base64')).toEqual(bytes);
-		});
-
-		it('ascii round-trip for printable input', () => {
-			const bytes = [0x48, 0x69];
-			expect(bytesToEncoded(bytes, 'ascii')).toBe('Hi');
-			expect(encodedToBytes('Hi', 'ascii')).toEqual(bytes);
-		});
-
-		it('encodedToBytes returns null for invalid hex', () => {
-			expect(encodedToBytes('zz', 'hex')).toBeNull();
-			expect(encodedToBytes('abc', 'hex')).toBeNull();
-		});
-
-		it('encodedToBytes returns null for invalid base64', () => {
-			expect(encodedToBytes('!!!', 'base64')).toBeNull();
-		});
-
-		it('encodedToBytes always accepts ascii', () => {
-			expect(encodedToBytes('ÿx', 'ascii')).toEqual([0xff, 0x78]);
-		});
-
-		it('encodedToBytes returns empty array for empty input in any encoding', () => {
-			expect(encodedToBytes('', 'hex')).toEqual([]);
-			expect(encodedToBytes('', 'base64')).toEqual([]);
-			expect(encodedToBytes('', 'ascii')).toEqual([]);
-		});
-	});
-
-	describe('isBinaryEncoding', () => {
-		it('accepts valid values', () => {
-			expect(isBinaryEncoding('hex')).toBe(true);
-			expect(isBinaryEncoding('base64')).toBe(true);
-			expect(isBinaryEncoding('ascii')).toBe(true);
-		});
-
-		it('rejects unknown values', () => {
-			expect(isBinaryEncoding('utf8')).toBe(false);
-			expect(isBinaryEncoding(undefined)).toBe(false);
-			expect(isBinaryEncoding(null)).toBe(false);
-			expect(isBinaryEncoding(123)).toBe(false);
-		});
-	});
-
-	describe('toBufferJson', () => {
-		it('wraps bytes in Buffer-JSON shape', () => {
-			expect(toBufferJson([1, 2])).toEqual({ type: 'Buffer', data: [1, 2] });
-		});
-	});
-});
diff --git a/frontend/src/app/lib/binary.ts b/frontend/src/app/lib/binary.ts
deleted file mode 100644
index 7816b8d8f..000000000
--- a/frontend/src/app/lib/binary.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-export type BinaryBufferJson = { type: 'Buffer'; data: number[] };
-
-export type BinaryEncoding = 'hex' | 'base64' | 'ascii';
-
-export const BINARY_ENCODINGS = ['hex', 'base64', 'ascii'] as const;
-
-export function isBinaryEncoding(value: unknown): value is BinaryEncoding {
-	return value === 'hex' || value === 'base64' || value === 'ascii';
-}
-
-export function parseBinaryValue(value: unknown): number[] {
-	if (value == null || value === '') return [];
-	if (value instanceof Uint8Array) return Array.from(value);
-	if (typeof value === 'string') return stringToBytes(value);
-	if (typeof value === 'object') {
-		const data = (value as { data?: unknown }).data;
-		if (Array.isArray(data)) return (data as number[]).slice();
-	}
-	return [];
-}
-
-export function stringToBytes(str: string): number[] {
-	const bytes: number[] = [];
-	for (let i = 0; i < str.length; i++) {
-		bytes.push(str.charCodeAt(i) & 0xff);
-	}
-	return bytes;
-}
-
-export function hexStringToBytes(hex: string): number[] {
-	if (!hex) return [];
-	const normalized = hex.length % 2 === 0 ? hex : `0${hex}`;
-	const bytes: number[] = [];
-	for (let i = 0; i < normalized.length; i += 2) {
-		const byte = parseInt(normalized.substring(i, i + 2), 16);
-		if (Number.isNaN(byte)) return [];
-		bytes.push(byte);
-	}
-	return bytes;
-}
-
-export function bytesToHex(bytes: number[]): string {
-	return bytes.map((b) => b.toString(16).padStart(2, '0')).join('');
-}
-
-const BASE64_CHUNK = 0x2000;
-
-export function bytesToBase64(bytes: number[]): string {
-	if (bytes.length === 0) return '';
-	let binary = '';
-	for (let i = 0; i < bytes.length; i += BASE64_CHUNK) {
-		const chunk = bytes.slice(i, i + BASE64_CHUNK);
-		binary += String.fromCharCode.apply(null, chunk);
-	}
-	return btoa(binary);
-}
-
-const BASE64_REGEX = /^[A-Za-z0-9+/]*={0,2}$/;
-
-export function base64StringToBytes(str: string): number[] | null {
-	if (!str) return [];
-	if (str.length % 4 !== 0 || !BASE64_REGEX.test(str)) return null;
-	try {
-		const binary = atob(str);
-		const bytes: number[] = [];
-		for (let i = 0; i < binary.length; i++) {
-			bytes.push(binary.charCodeAt(i) & 0xff);
-		}
-		return bytes;
-	} catch {
-		return null;
-	}
-}
-
-// Replacement character for non-printable ASCII bytes in display/encode.
-const ASCII_REPLACEMENT = '.';
-
-function isPrintableAscii(byte: number): boolean {
-	if (byte === 0x09 || byte === 0x0a || byte === 0x0d) return true;
-	return byte >= 0x20 && byte !== 0x7f && byte <= 0x7e;
-}
-
-export function bytesToAscii(bytes: number[]): string {
-	let out = '';
-	for (const b of bytes) {
-		out += isPrintableAscii(b) ? String.fromCharCode(b) : ASCII_REPLACEMENT;
-	}
-	return out;
-}
-
-export function bytesToEncoded(bytes: number[], encoding: BinaryEncoding): string {
-	switch (encoding) {
-		case 'hex':
-			return bytesToHex(bytes);
-		case 'base64':
-			return bytesToBase64(bytes);
-		case 'ascii':
-			return bytesToAscii(bytes);
-	}
-}
-
-const HEX_REGEX = /^[0-9A-Fa-f]*$/;
-
-export function encodedToBytes(str: string, encoding: BinaryEncoding): number[] | null {
-	if (!str) return [];
-	switch (encoding) {
-		case 'hex':
-			if (!HEX_REGEX.test(str) || str.length % 2 !== 0) return null;
-			return hexStringToBytes(str);
-		case 'base64':
-			return base64StringToBytes(str);
-		case 'ascii':
-			return stringToBytes(str);
-	}
-}
-
-export function toBufferJson(bytes: number[]): BinaryBufferJson {
-	return { type: 'Buffer', data: bytes };
-}
diff --git a/frontend/src/app/lib/cedar-monaco-language.ts b/frontend/src/app/lib/cedar-monaco-language.ts
deleted file mode 100644
index af8ec6fb6..000000000
--- a/frontend/src/app/lib/cedar-monaco-language.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-let registered = false;
-
-// biome-ignore lint/suspicious/noExplicitAny: Monaco instance type not available
-export function registerCedarLanguage(monaco: any): void {
-	if (registered || !monaco) return;
-	registered = true;
-
-	monaco.languages.register({ id: 'cedar' });
-
-	monaco.languages.setMonarchTokensProvider('cedar', {
-		keywords: ['permit', 'forbid', 'when', 'unless', 'if', 'then', 'else', 'in', 'has', 'like', 'is'],
-		clauses: ['principal', 'action', 'resource', 'context'],
-		operators: ['==', '!=', '<', '>', '<=', '>=', '&&', '||', '!'],
-
-		tokenizer: {
-			root: [
-				// Line comments
-				[/\/\/.*$/, 'comment'],
-
-				// Strings
-				[/"[^"]*"/, 'string'],
-
-				// Namespace paths (RocketAdmin::Action, etc.)
-				[/[A-Z]\w*(?:::[A-Z]\w*)+/, 'type.identifier'],
-
-				// Keywords and clauses
-				[
-					/[a-z_]\w*/,
-					{
-						cases: {
-							'@keywords': 'keyword',
-							'@clauses': 'variable',
-							'@default': 'identifier',
-						},
-					},
-				],
-
-				// Operators
-				[/[=!<>&|]+/, 'operator'],
-
-				// Delimiters
-				[/[(){};,]/, 'delimiter'],
-
-				// Whitespace
-				[/\s+/, 'white'],
-			],
-		},
-	});
-}
diff --git a/frontend/src/app/lib/cedar-policy-items.ts b/frontend/src/app/lib/cedar-policy-items.ts
deleted file mode 100644
index 95ac3026d..000000000
--- a/frontend/src/app/lib/cedar-policy-items.ts
+++ /dev/null
@@ -1,132 +0,0 @@
-import { AccessLevel, Permissions } from '../models/user';
-
-export type PolicyActionResource = 'connection' | 'group' | 'table' | 'actionEvent' | 'dashboard' | 'panel';
-
-export interface CedarPolicyItem {
-	action: string;
-	tableName?: string;
-	dashboardId?: string;
-}
-
-export interface PolicyAction {
-	value: string;
-	resource?: PolicyActionResource;
-}
-
-export interface PolicyActionGroup {
-	group: string;
-	actions: PolicyAction[];
-}
-
-export function permissionsToPolicyItems(permissions: Permissions): CedarPolicyItem[] {
-	const items: CedarPolicyItem[] = [];
-
-	const connAccess = permissions.connection.accessLevel;
-	if (connAccess === AccessLevel.Edit) {
-		items.push({ action: 'connection:read' });
-		items.push({ action: 'connection:edit' });
-	} else if (connAccess === AccessLevel.Readonly) {
-		items.push({ action: 'connection:read' });
-	}
-
-	const groupAccess = permissions.group.accessLevel;
-	if (groupAccess === AccessLevel.Edit) {
-		items.push({ action: 'group:read' });
-		items.push({ action: 'group:edit' });
-	} else if (groupAccess === AccessLevel.Readonly) {
-		items.push({ action: 'group:read' });
-	}
-
-	// Check if all tables share the same permissions — collapse to wildcard '*'
-	const tables = permissions.tables;
-	if (tables.length > 0) {
-		const allRead = tables.every((t) => t.accessLevel.visibility);
-		const allAdd = tables.every((t) => t.accessLevel.add);
-		const allEdit = tables.every((t) => t.accessLevel.edit);
-		const allDelete = tables.every((t) => t.accessLevel.delete);
-		const anyTableAccess = allRead || allAdd || allEdit || allDelete;
-
-		if (anyTableAccess && allRead && allAdd && allEdit && allDelete) {
-			items.push({ action: 'table:*', tableName: '*' });
-		} else if (anyTableAccess && (allRead || allAdd || allEdit || allDelete)) {
-			// Some actions apply to all tables, others are per-table
-			if (allRead) items.push({ action: 'table:read', tableName: '*' });
-			if (allAdd) items.push({ action: 'table:add', tableName: '*' });
-			if (allEdit) items.push({ action: 'table:edit', tableName: '*' });
-			if (allDelete) items.push({ action: 'table:delete', tableName: '*' });
-			for (const table of tables) {
-				const access = table.accessLevel;
-				if (!allRead && access.visibility) items.push({ action: 'table:read', tableName: table.tableName });
-				if (!allAdd && access.add) items.push({ action: 'table:add', tableName: table.tableName });
-				if (!allEdit && access.edit) items.push({ action: 'table:edit', tableName: table.tableName });
-				if (!allDelete && access.delete) items.push({ action: 'table:delete', tableName: table.tableName });
-			}
-		} else {
-			for (const table of tables) {
-				const access = table.accessLevel;
-				if (access.visibility && access.add && access.edit && access.delete) {
-					items.push({ action: 'table:*', tableName: table.tableName });
-				} else {
-					if (access.visibility) items.push({ action: 'table:read', tableName: table.tableName });
-					if (access.add) items.push({ action: 'table:add', tableName: table.tableName });
-					if (access.edit) items.push({ action: 'table:edit', tableName: table.tableName });
-					if (access.delete) items.push({ action: 'table:delete', tableName: table.tableName });
-				}
-			}
-		}
-	}
-
-	return items;
-}
-
-export function policyItemsToCedarPolicy(items: CedarPolicyItem[], connectionId: string, groupId: string): string {
-	const policies: string[] = [];
-
-	for (const item of items) {
-		if (item.action === '*') {
-			policies.push('permit(\n  principal,\n  action,\n  resource\n);');
-			return policies.join('\n\n');
-		}
-
-		const actionRef = buildActionRef(item.action);
-		let resource: string;
-
-		if (item.action.startsWith('table:')) {
-			resource = buildResourceRef('Table', connectionId, item.tableName);
-		} else if (item.action === 'dashboard:create') {
-			resource = `resource == RocketAdmin::Connection::"${connectionId}"`;
-		} else if (item.action.startsWith('dashboard:')) {
-			resource = buildResourceRef('Dashboard', connectionId, item.dashboardId);
-		} else if (item.action.startsWith('group:')) {
-			resource = `resource == RocketAdmin::Group::"${groupId}"`;
-		} else {
-			resource = `resource == RocketAdmin::Connection::"${connectionId}"`;
-		}
-
-		policies.push(`permit(\n  principal,\n  ${actionRef},\n  ${resource}\n);`);
-	}
-
-	return policies.join('\n\n');
-}
-
-const TABLE_ACTIONS = ['table:read', 'table:add', 'table:edit', 'table:delete'];
-const DASHBOARD_ACTIONS = ['dashboard:read', 'dashboard:create', 'dashboard:edit', 'dashboard:delete'];
-
-function buildActionRef(action: string): string {
-	if (action === 'table:*') {
-		const list = TABLE_ACTIONS.map((a) => `RocketAdmin::Action::"${a}"`).join(', ');
-		return `action in [${list}]`;
-	}
-	if (action === 'dashboard:*') {
-		const list = DASHBOARD_ACTIONS.map((a) => `RocketAdmin::Action::"${a}"`).join(', ');
-		return `action in [${list}]`;
-	}
-	return `action == RocketAdmin::Action::"${action}"`;
-}
-
-function buildResourceRef(type: string, connectionId: string, id: string | undefined): string {
-	if (id === '*') {
-		return `resource`;
-	}
-	return `resource == RocketAdmin::${type}::"${connectionId}/${id}"`;
-}
diff --git a/frontend/src/app/lib/cedar-policy-parser.ts b/frontend/src/app/lib/cedar-policy-parser.ts
deleted file mode 100644
index d90dedea9..000000000
--- a/frontend/src/app/lib/cedar-policy-parser.ts
+++ /dev/null
@@ -1,330 +0,0 @@
-import { AccessLevel, Permissions, TablePermission } from '../models/user';
-import { CedarPolicyItem } from './cedar-policy-items';
-
-interface ParsedPermitStatement {
-	action: string | null;
-	actions: string[] | null;
-	resourceType: string | null;
-	resourceId: string | null;
-	isWildcard: boolean;
-}
-
-export function parseCedarPolicy(
-	policyText: string,
-	connectionId: string,
-	groupId: string,
-	availableTables: TablePermission[],
-): Permissions {
-	const permits = extractPermitStatements(policyText);
-
-	const result: Permissions = {
-		connection: { connectionId, accessLevel: AccessLevel.None },
-		group: { groupId, accessLevel: AccessLevel.None },
-		tables: [],
-	};
-
-	const tableMap = new Map<string, TablePermission>();
-	let isFullAccess = false;
-
-	for (const permit of permits) {
-		if (permit.isWildcard) {
-			result.connection.accessLevel = AccessLevel.Edit;
-			result.group.accessLevel = AccessLevel.Edit;
-			isFullAccess = true;
-			continue;
-		}
-
-		if (!permit.action) continue;
-
-		switch (permit.action) {
-			case 'connection:read':
-				if (result.connection.accessLevel === AccessLevel.None) {
-					result.connection.accessLevel = AccessLevel.Readonly;
-				}
-				break;
-			case 'connection:edit':
-				result.connection.accessLevel = AccessLevel.Edit;
-				break;
-			case 'group:read':
-				if (result.group.accessLevel === AccessLevel.None) {
-					result.group.accessLevel = AccessLevel.Readonly;
-				}
-				break;
-			case 'group:edit':
-				result.group.accessLevel = AccessLevel.Edit;
-				break;
-			case 'table:*':
-			case 'table:read':
-			case 'table:add':
-			case 'table:edit':
-			case 'table:delete': {
-				const tableName = extractResourceSuffix(permit.resourceId, connectionId);
-				if (!tableName) break;
-				const tableEntry = getOrCreateTableEntry(tableMap, tableName);
-				applyTableAction(tableEntry, permit.action);
-				break;
-			}
-			case 'dashboard:read':
-			case 'dashboard:create':
-			case 'dashboard:edit':
-			case 'dashboard:delete':
-				break;
-		}
-	}
-
-	// Apply wildcard table permissions to all tables
-	const wildcardEntry = tableMap.get('*');
-
-	// Merge parsed results with full table list
-	result.tables = availableTables.map((table) => {
-		if (isFullAccess) {
-			return {
-				...table,
-				accessLevel: {
-					visibility: true,
-					readonly: false,
-					add: true,
-					delete: true,
-					edit: true,
-				},
-			};
-		}
-		const base = {
-			visibility: false,
-			readonly: false,
-			add: false,
-			delete: false,
-			edit: false,
-		};
-		if (wildcardEntry) {
-			base.visibility = base.visibility || wildcardEntry.accessLevel.visibility;
-			base.readonly = base.readonly || wildcardEntry.accessLevel.readonly;
-			base.add = base.add || wildcardEntry.accessLevel.add;
-			base.edit = base.edit || wildcardEntry.accessLevel.edit;
-			base.delete = base.delete || wildcardEntry.accessLevel.delete;
-		}
-		const parsed = tableMap.get(table.tableName);
-		if (parsed) {
-			base.visibility = base.visibility || parsed.accessLevel.visibility;
-			base.readonly = base.readonly || parsed.accessLevel.readonly;
-			base.add = base.add || parsed.accessLevel.add;
-			base.edit = base.edit || parsed.accessLevel.edit;
-			base.delete = base.delete || parsed.accessLevel.delete;
-		}
-		return {
-			...table,
-			accessLevel: base,
-		};
-	});
-
-	return result;
-}
-
-export function parseCedarDashboardItems(policyText: string, connectionId: string): CedarPolicyItem[] {
-	const permits = extractPermitStatements(policyText);
-	const items: CedarPolicyItem[] = [];
-
-	for (const permit of permits) {
-		if (!permit.action || !permit.action.startsWith('dashboard:')) continue;
-		if (permit.action === 'dashboard:create') {
-			items.push({ action: permit.action });
-		} else {
-			const dashboardId = extractResourceSuffix(permit.resourceId, connectionId);
-			if (dashboardId) {
-				items.push({ action: permit.action, dashboardId });
-			}
-		}
-	}
-
-	return items;
-}
-
-export function canRepresentAsForm(policyText: string): boolean {
-	if (!policyText?.trim()) return true;
-
-	// Forbid statements are not supported in form mode
-	if (/\bforbid\s*\(/.test(policyText)) return false;
-
-	// when/unless clauses are not supported in form mode
-	if (/\bwhen\s*\{/.test(policyText)) return false;
-	if (/\bunless\s*\{/.test(policyText)) return false;
-
-	const permits = extractPermitStatements(policyText);
-	if (permits.length === 0) return false;
-
-	const knownActions = new Set([
-		'connection:read',
-		'connection:edit',
-		'group:read',
-		'group:edit',
-		'table:*',
-		'table:read',
-		'table:add',
-		'table:edit',
-		'table:delete',
-		'dashboard:*',
-		'dashboard:read',
-		'dashboard:create',
-		'dashboard:edit',
-		'dashboard:delete',
-	]);
-
-	for (const permit of permits) {
-		if (permit.isWildcard) continue;
-		if (!permit.action || !knownActions.has(permit.action)) return false;
-	}
-
-	return true;
-}
-
-function extractPermitStatements(policyText: string): ParsedPermitStatement[] {
-	const results: ParsedPermitStatement[] = [];
-	const permitKeyword = 'permit';
-	let searchFrom = 0;
-
-	while (searchFrom < policyText.length) {
-		const permitIndex = policyText.indexOf(permitKeyword, searchFrom);
-		if (permitIndex === -1) break;
-
-		let i = permitIndex + permitKeyword.length;
-		while (
-			i < policyText.length &&
-			(policyText[i] === ' ' || policyText[i] === '\t' || policyText[i] === '\n' || policyText[i] === '\r')
-		) {
-			i++;
-		}
-
-		if (i >= policyText.length || policyText[i] !== '(') {
-			searchFrom = i;
-			continue;
-		}
-
-		let depth = 1;
-		const bodyStart = i + 1;
-		i++;
-		while (i < policyText.length && depth > 0) {
-			if (policyText[i] === '(') depth++;
-			else if (policyText[i] === ')') depth--;
-			if (depth > 0) i++;
-		}
-
-		if (depth !== 0) {
-			searchFrom = bodyStart;
-			continue;
-		}
-
-		const body = policyText.slice(bodyStart, i);
-		let j = i + 1;
-		while (
-			j < policyText.length &&
-			(policyText[j] === ' ' || policyText[j] === '\t' || policyText[j] === '\n' || policyText[j] === '\r')
-		) {
-			j++;
-		}
-
-		if (j < policyText.length && policyText[j] === ';') {
-			results.push(parsePermitBody(body));
-			searchFrom = j + 1;
-		} else {
-			searchFrom = i + 1;
-		}
-	}
-
-	return results.flatMap(expandActionIn);
-}
-
-function expandActionIn(stmt: ParsedPermitStatement): ParsedPermitStatement[] {
-	if (!stmt.actions || stmt.actions.length === 0) return [stmt];
-	return stmt.actions.map((action) => ({ ...stmt, action, actions: null }));
-}
-
-function parsePermitBody(body: string): ParsedPermitStatement {
-	const result: ParsedPermitStatement = {
-		action: null,
-		actions: null,
-		resourceType: null,
-		resourceId: null,
-		isWildcard: false,
-	};
-
-	const actionMatch = body.match(/action\s*(?:==|like)\s*RocketAdmin::Action::"([^"]+)"/);
-	if (actionMatch) {
-		result.action = actionMatch[1];
-	} else {
-		const actionInMatch = body.match(/action\s+in\s*\[([^\]]+)\]/);
-		if (actionInMatch) {
-			result.actions = [...actionInMatch[1].matchAll(/RocketAdmin::Action::"([^"]+)"/g)].map((m) => m[1]);
-		} else {
-			const actionClause = body.match(/,\s*(action)\s*,/);
-			if (actionClause) {
-				result.isWildcard = true;
-			}
-		}
-	}
-
-	const resourceMatch = body.match(/resource\s*(?:==|like)\s*(RocketAdmin::\w+)::"([^"]+)"/);
-	if (resourceMatch) {
-		result.resourceType = resourceMatch[1];
-		result.resourceId = resourceMatch[2];
-	} else {
-		const resourceClause = body.match(/,\s*(resource)\s*$/m);
-		if (resourceClause && !result.action) {
-			result.isWildcard = true;
-		}
-	}
-
-	return result;
-}
-
-function extractResourceSuffix(resourceId: string | null, connectionId: string): string | null {
-	if (!resourceId) return '*';
-	const prefix = `${connectionId}/`;
-	if (resourceId.startsWith(prefix)) {
-		return resourceId.slice(prefix.length);
-	}
-	return resourceId;
-}
-
-function getOrCreateTableEntry(map: Map<string, TablePermission>, tableName: string): TablePermission {
-	let entry = map.get(tableName);
-	if (!entry) {
-		entry = {
-			tableName,
-			display_name: tableName,
-			accessLevel: {
-				visibility: false,
-				readonly: false,
-				add: false,
-				delete: false,
-				edit: false,
-			},
-		};
-		map.set(tableName, entry);
-	}
-	return entry;
-}
-
-function applyTableAction(entry: TablePermission, action: string): void {
-	switch (action) {
-		case 'table:*':
-			entry.accessLevel.visibility = true;
-			entry.accessLevel.readonly = true;
-			entry.accessLevel.add = true;
-			entry.accessLevel.edit = true;
-			entry.accessLevel.delete = true;
-			break;
-		case 'table:read':
-			entry.accessLevel.visibility = true;
-			entry.accessLevel.readonly = true;
-			break;
-		case 'table:add':
-			entry.accessLevel.add = true;
-			break;
-		case 'table:edit':
-			entry.accessLevel.edit = true;
-			break;
-		case 'table:delete':
-			entry.accessLevel.delete = true;
-			break;
-	}
-}
diff --git a/frontend/src/app/lib/cedar-policy-roundtrip.spec.ts b/frontend/src/app/lib/cedar-policy-roundtrip.spec.ts
deleted file mode 100644
index 77dacb672..000000000
--- a/frontend/src/app/lib/cedar-policy-roundtrip.spec.ts
+++ /dev/null
@@ -1,555 +0,0 @@
-import { checkParsePolicySet, initSync } from '@cedar-policy/cedar-wasm/web';
-import { AccessLevel, Permissions, TablePermission } from '../models/user';
-import { CedarPolicyItem, permissionsToPolicyItems, policyItemsToCedarPolicy } from './cedar-policy-items';
-import { canRepresentAsForm, parseCedarDashboardItems, parseCedarPolicy } from './cedar-policy-parser';
-
-const CONNECTION_ID = 'conn-abc-123';
-const GROUP_ID = 'group-xyz-789';
-
-const AVAILABLE_TABLES: TablePermission[] = [
-	{
-		tableName: 'users',
-		display_name: 'Users',
-		accessLevel: { visibility: false, readonly: false, add: false, delete: false, edit: false },
-	},
-	{
-		tableName: 'orders',
-		display_name: 'Orders',
-		accessLevel: { visibility: false, readonly: false, add: false, delete: false, edit: false },
-	},
-	{
-		tableName: 'products',
-		display_name: 'Products',
-		accessLevel: { visibility: false, readonly: false, add: false, delete: false, edit: false },
-	},
-];
-
-function assertValidCedar(policyText: string, label: string) {
-	const result = checkParsePolicySet({
-		staticPolicies: policyText,
-		templates: {},
-		templateLinks: [],
-	});
-	if (result.type !== 'success') {
-		throw new Error(
-			`${label}: invalid Cedar policy.\nErrors: ${JSON.stringify(result.errors)}\nPolicy:\n${policyText}`,
-		);
-	}
-}
-
-function roundTrip(
-	cedarText: string,
-	availableTables: TablePermission[] = AVAILABLE_TABLES,
-): { permissions: Permissions; items: CedarPolicyItem[]; reserialized: string } {
-	const permissions = parseCedarPolicy(cedarText, CONNECTION_ID, GROUP_ID, availableTables);
-	const items = permissionsToPolicyItems(permissions);
-	const dashboardItems = parseCedarDashboardItems(cedarText, CONNECTION_ID);
-	const allItems = [...items, ...dashboardItems];
-	const reserialized = policyItemsToCedarPolicy(allItems, CONNECTION_ID, GROUP_ID);
-	return { permissions, items: allItems, reserialized };
-}
-
-describe('Cedar policy deserialization => serialization round-trip', () => {
-	beforeAll(async () => {
-		const wasmBytes = await fetch('/assets/cedar-wasm/cedar_wasm_bg.wasm').then((r) => r.arrayBuffer());
-		initSync({ module: new WebAssembly.Module(wasmBytes) });
-	});
-
-	describe('connection edit policy', () => {
-		const connectionEditPolicy = [
-			'permit(',
-			'  principal,',
-			'  action == RocketAdmin::Action::"connection:edit",',
-			'  resource == RocketAdmin::Connection::"conn-abc-123"',
-			');',
-		].join('\n');
-
-		it('original policy should be valid Cedar', () => {
-			assertValidCedar(connectionEditPolicy, 'original');
-		});
-
-		it('should round-trip to valid Cedar', () => {
-			const { reserialized } = roundTrip(connectionEditPolicy);
-			assertValidCedar(reserialized, 'reserialized');
-		});
-
-		it('should preserve connection edit access level', () => {
-			const { permissions } = roundTrip(connectionEditPolicy);
-			expect(permissions.connection.accessLevel).toBe(AccessLevel.Edit);
-		});
-
-		it('re-serialized policy should parse back to the same permissions', () => {
-			const { reserialized } = roundTrip(connectionEditPolicy);
-			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
-			const original = parseCedarPolicy(connectionEditPolicy, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
-			expect(reparsed.connection.accessLevel).toBe(original.connection.accessLevel);
-			expect(reparsed.group.accessLevel).toBe(original.group.accessLevel);
-			expect(reparsed.tables).toEqual(original.tables);
-		});
-	});
-
-	describe('connection read-only policy', () => {
-		const connectionReadPolicy = [
-			'permit(',
-			'  principal,',
-			'  action == RocketAdmin::Action::"connection:read",',
-			'  resource == RocketAdmin::Connection::"conn-abc-123"',
-			');',
-		].join('\n');
-
-		it('should round-trip to valid Cedar', () => {
-			const { reserialized } = roundTrip(connectionReadPolicy);
-			assertValidCedar(reserialized, 'reserialized');
-		});
-
-		it('should preserve connection readonly access level', () => {
-			const { permissions } = roundTrip(connectionReadPolicy);
-			expect(permissions.connection.accessLevel).toBe(AccessLevel.Readonly);
-		});
-
-		it('re-serialized policy should parse back identically', () => {
-			const { reserialized } = roundTrip(connectionReadPolicy);
-			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
-			expect(reparsed.connection.accessLevel).toBe(AccessLevel.Readonly);
-		});
-	});
-
-	describe('full access (wildcard) policy', () => {
-		const fullAccessPolicy = ['permit(', '  principal,', '  action,', '  resource', ');'].join('\n');
-
-		it('should round-trip to valid Cedar', () => {
-			const { reserialized } = roundTrip(fullAccessPolicy);
-			assertValidCedar(reserialized, 'reserialized');
-		});
-
-		it('should parse as full access', () => {
-			const { permissions } = roundTrip(fullAccessPolicy);
-			expect(permissions.connection.accessLevel).toBe(AccessLevel.Edit);
-			expect(permissions.group.accessLevel).toBe(AccessLevel.Edit);
-			for (const table of permissions.tables) {
-				expect(table.accessLevel.visibility).toBe(true);
-				expect(table.accessLevel.add).toBe(true);
-				expect(table.accessLevel.edit).toBe(true);
-				expect(table.accessLevel.delete).toBe(true);
-			}
-		});
-
-		it('re-serialized policy should parse back to full access', () => {
-			const { reserialized } = roundTrip(fullAccessPolicy);
-			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
-			expect(reparsed.connection.accessLevel).toBe(AccessLevel.Edit);
-			expect(reparsed.group.accessLevel).toBe(AccessLevel.Edit);
-		});
-	});
-
-	describe('group permissions policy', () => {
-		const groupPolicy = [
-			'permit(',
-			'  principal,',
-			'  action == RocketAdmin::Action::"group:read",',
-			'  resource == RocketAdmin::Group::"group-xyz-789"',
-			');',
-			'',
-			'permit(',
-			'  principal,',
-			'  action == RocketAdmin::Action::"group:edit",',
-			'  resource == RocketAdmin::Group::"group-xyz-789"',
-			');',
-		].join('\n');
-
-		it('should round-trip to valid Cedar', () => {
-			const { reserialized } = roundTrip(groupPolicy);
-			assertValidCedar(reserialized, 'reserialized');
-		});
-
-		it('should preserve group edit access level', () => {
-			const { permissions } = roundTrip(groupPolicy);
-			expect(permissions.group.accessLevel).toBe(AccessLevel.Edit);
-		});
-
-		it('re-serialized policy should parse back identically', () => {
-			const { reserialized } = roundTrip(groupPolicy);
-			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
-			expect(reparsed.group.accessLevel).toBe(AccessLevel.Edit);
-		});
-	});
-
-	describe('single table read policy', () => {
-		const tableReadPolicy = [
-			'permit(',
-			'  principal,',
-			'  action == RocketAdmin::Action::"table:read",',
-			'  resource == RocketAdmin::Table::"conn-abc-123/users"',
-			');',
-		].join('\n');
-
-		it('should round-trip to valid Cedar', () => {
-			const { reserialized } = roundTrip(tableReadPolicy);
-			assertValidCedar(reserialized, 'reserialized');
-		});
-
-		it('should parse users table as visible and readonly', () => {
-			const { permissions } = roundTrip(tableReadPolicy);
-			const usersTable = permissions.tables.find((t) => t.tableName === 'users');
-			expect(usersTable).toBeTruthy();
-			expect(usersTable!.accessLevel.visibility).toBe(true);
-			expect(usersTable!.accessLevel.readonly).toBe(true);
-			expect(usersTable!.accessLevel.add).toBe(false);
-			expect(usersTable!.accessLevel.edit).toBe(false);
-			expect(usersTable!.accessLevel.delete).toBe(false);
-		});
-
-		it('other tables should have no access', () => {
-			const { permissions } = roundTrip(tableReadPolicy);
-			const ordersTable = permissions.tables.find((t) => t.tableName === 'orders');
-			expect(ordersTable!.accessLevel.visibility).toBe(false);
-			expect(ordersTable!.accessLevel.readonly).toBe(false);
-		});
-
-		it('re-serialized policy should parse back identically', () => {
-			const { reserialized } = roundTrip(tableReadPolicy);
-			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
-			const original = parseCedarPolicy(tableReadPolicy, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
-			expect(reparsed.tables).toEqual(original.tables);
-		});
-	});
-
-	describe('table full access (action in [...]) policy', () => {
-		const tableFullAccessPolicy = [
-			'permit(',
-			'  principal,',
-			'  action in [RocketAdmin::Action::"table:read", RocketAdmin::Action::"table:add", RocketAdmin::Action::"table:edit", RocketAdmin::Action::"table:delete"],',
-			'  resource == RocketAdmin::Table::"conn-abc-123/orders"',
-			');',
-		].join('\n');
-
-		it('should round-trip to valid Cedar', () => {
-			const { reserialized } = roundTrip(tableFullAccessPolicy);
-			assertValidCedar(reserialized, 'reserialized');
-		});
-
-		it('should parse orders table with full access', () => {
-			const { permissions } = roundTrip(tableFullAccessPolicy);
-			const ordersTable = permissions.tables.find((t) => t.tableName === 'orders');
-			expect(ordersTable!.accessLevel.visibility).toBe(true);
-			expect(ordersTable!.accessLevel.add).toBe(true);
-			expect(ordersTable!.accessLevel.edit).toBe(true);
-			expect(ordersTable!.accessLevel.delete).toBe(true);
-		});
-
-		it('re-serialized policy should parse back identically', () => {
-			const { reserialized } = roundTrip(tableFullAccessPolicy);
-			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
-			const original = parseCedarPolicy(tableFullAccessPolicy, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
-			expect(reparsed.tables).toEqual(original.tables);
-		});
-	});
-
-	describe('wildcard table permissions (all tables)', () => {
-		const wildcardTablePolicy = [
-			'permit(',
-			'  principal,',
-			'  action == RocketAdmin::Action::"table:read",',
-			'  resource',
-			');',
-		].join('\n');
-
-		it('should round-trip to valid Cedar', () => {
-			const { reserialized } = roundTrip(wildcardTablePolicy);
-			assertValidCedar(reserialized, 'reserialized');
-		});
-
-		it('should apply read to all tables', () => {
-			const { permissions } = roundTrip(wildcardTablePolicy);
-			for (const table of permissions.tables) {
-				expect(table.accessLevel.visibility).toBe(true);
-				expect(table.accessLevel.readonly).toBe(true);
-			}
-		});
-
-		it('re-serialized policy should parse back identically', () => {
-			const { reserialized } = roundTrip(wildcardTablePolicy);
-			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
-			const original = parseCedarPolicy(wildcardTablePolicy, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
-			expect(reparsed.tables).toEqual(original.tables);
-		});
-	});
-
-	describe('mixed policy (connection + group + tables)', () => {
-		const mixedPolicy = [
-			'permit(',
-			'  principal,',
-			'  action == RocketAdmin::Action::"connection:read",',
-			'  resource == RocketAdmin::Connection::"conn-abc-123"',
-			');',
-			'',
-			'permit(',
-			'  principal,',
-			'  action == RocketAdmin::Action::"group:read",',
-			'  resource == RocketAdmin::Group::"group-xyz-789"',
-			');',
-			'',
-			'permit(',
-			'  principal,',
-			'  action == RocketAdmin::Action::"table:read",',
-			'  resource == RocketAdmin::Table::"conn-abc-123/users"',
-			');',
-			'',
-			'permit(',
-			'  principal,',
-			'  action in [RocketAdmin::Action::"table:read", RocketAdmin::Action::"table:edit"],',
-			'  resource == RocketAdmin::Table::"conn-abc-123/orders"',
-			');',
-		].join('\n');
-
-		it('original policy should be valid Cedar', () => {
-			assertValidCedar(mixedPolicy, 'original');
-		});
-
-		it('should round-trip to valid Cedar', () => {
-			const { reserialized } = roundTrip(mixedPolicy);
-			assertValidCedar(reserialized, 'reserialized');
-		});
-
-		it('should preserve all access levels', () => {
-			const { permissions } = roundTrip(mixedPolicy);
-			expect(permissions.connection.accessLevel).toBe(AccessLevel.Readonly);
-			expect(permissions.group.accessLevel).toBe(AccessLevel.Readonly);
-
-			const usersTable = permissions.tables.find((t) => t.tableName === 'users');
-			expect(usersTable!.accessLevel.visibility).toBe(true);
-			expect(usersTable!.accessLevel.readonly).toBe(true);
-			expect(usersTable!.accessLevel.edit).toBe(false);
-
-			const ordersTable = permissions.tables.find((t) => t.tableName === 'orders');
-			expect(ordersTable!.accessLevel.visibility).toBe(true);
-			expect(ordersTable!.accessLevel.edit).toBe(true);
-		});
-
-		it('re-serialized policy should parse back to the same permissions', () => {
-			const { reserialized } = roundTrip(mixedPolicy);
-			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
-			const original = parseCedarPolicy(mixedPolicy, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
-			expect(reparsed.connection.accessLevel).toBe(original.connection.accessLevel);
-			expect(reparsed.group.accessLevel).toBe(original.group.accessLevel);
-			expect(reparsed.tables).toEqual(original.tables);
-		});
-
-		it('should be representable as form', () => {
-			expect(canRepresentAsForm(mixedPolicy)).toBe(true);
-		});
-	});
-
-	describe('dashboard permissions policy', () => {
-		const dashboardPolicy = [
-			'permit(',
-			'  principal,',
-			'  action == RocketAdmin::Action::"dashboard:read",',
-			'  resource == RocketAdmin::Dashboard::"conn-abc-123/dash-001"',
-			');',
-			'',
-			'permit(',
-			'  principal,',
-			'  action == RocketAdmin::Action::"dashboard:edit",',
-			'  resource == RocketAdmin::Dashboard::"conn-abc-123/dash-001"',
-			');',
-		].join('\n');
-
-		it('should round-trip to valid Cedar', () => {
-			const { reserialized } = roundTrip(dashboardPolicy);
-			assertValidCedar(reserialized, 'reserialized');
-		});
-
-		it('should parse dashboard items correctly', () => {
-			const dashboardItems = parseCedarDashboardItems(dashboardPolicy, CONNECTION_ID);
-			expect(dashboardItems.length).toBe(2);
-			expect(dashboardItems.some((item) => item.action === 'dashboard:read')).toBe(true);
-			expect(dashboardItems.some((item) => item.action === 'dashboard:edit')).toBe(true);
-			expect(dashboardItems.every((item) => item.dashboardId === 'dash-001')).toBe(true);
-		});
-
-		it('re-serialized policy should parse back to the same dashboard items', () => {
-			const { reserialized } = roundTrip(dashboardPolicy);
-			const originalItems = parseCedarDashboardItems(dashboardPolicy, CONNECTION_ID);
-			const reparsedItems = parseCedarDashboardItems(reserialized, CONNECTION_ID);
-			expect(reparsedItems).toEqual(originalItems);
-		});
-	});
-
-	describe('multiple table-specific permissions', () => {
-		const multiTablePolicy = [
-			'permit(',
-			'  principal,',
-			'  action == RocketAdmin::Action::"table:read",',
-			'  resource == RocketAdmin::Table::"conn-abc-123/users"',
-			');',
-			'',
-			'permit(',
-			'  principal,',
-			'  action == RocketAdmin::Action::"table:add",',
-			'  resource == RocketAdmin::Table::"conn-abc-123/users"',
-			');',
-			'',
-			'permit(',
-			'  principal,',
-			'  action == RocketAdmin::Action::"table:read",',
-			'  resource == RocketAdmin::Table::"conn-abc-123/orders"',
-			');',
-			'',
-			'permit(',
-			'  principal,',
-			'  action == RocketAdmin::Action::"table:delete",',
-			'  resource == RocketAdmin::Table::"conn-abc-123/orders"',
-			');',
-		].join('\n');
-
-		it('should round-trip to valid Cedar', () => {
-			const { reserialized } = roundTrip(multiTablePolicy);
-			assertValidCedar(reserialized, 'reserialized');
-		});
-
-		it('should parse per-table permissions correctly', () => {
-			const { permissions } = roundTrip(multiTablePolicy);
-
-			const usersTable = permissions.tables.find((t) => t.tableName === 'users');
-			expect(usersTable!.accessLevel.visibility).toBe(true);
-			expect(usersTable!.accessLevel.add).toBe(true);
-			expect(usersTable!.accessLevel.edit).toBe(false);
-
-			const ordersTable = permissions.tables.find((t) => t.tableName === 'orders');
-			expect(ordersTable!.accessLevel.visibility).toBe(true);
-			expect(ordersTable!.accessLevel.delete).toBe(true);
-			expect(ordersTable!.accessLevel.add).toBe(false);
-
-			const productsTable = permissions.tables.find((t) => t.tableName === 'products');
-			expect(productsTable!.accessLevel.visibility).toBe(false);
-		});
-
-		it('re-serialized policy should parse back identically', () => {
-			const { reserialized } = roundTrip(multiTablePolicy);
-			const reparsed = parseCedarPolicy(reserialized, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
-			const original = parseCedarPolicy(multiTablePolicy, CONNECTION_ID, GROUP_ID, AVAILABLE_TABLES);
-			expect(reparsed.tables).toEqual(original.tables);
-		});
-	});
-
-	describe('canRepresentAsForm validation', () => {
-		it('forbid statements should not be representable', () => {
-			const policy = 'forbid(principal, action, resource);';
-			expect(canRepresentAsForm(policy)).toBe(false);
-		});
-
-		it('when clauses should not be representable', () => {
-			const policy = [
-				'permit(',
-				'  principal,',
-				'  action == RocketAdmin::Action::"table:read",',
-				'  resource',
-				') when { principal.isAdmin };',
-			].join('\n');
-			expect(canRepresentAsForm(policy)).toBe(false);
-		});
-
-		it('unless clauses should not be representable', () => {
-			const policy = [
-				'permit(',
-				'  principal,',
-				'  action == RocketAdmin::Action::"table:read",',
-				'  resource',
-				') unless { principal.isGuest };',
-			].join('\n');
-			expect(canRepresentAsForm(policy)).toBe(false);
-		});
-
-		it('empty policy should be representable', () => {
-			expect(canRepresentAsForm('')).toBe(true);
-		});
-
-		it('standard permit policies should be representable', () => {
-			const policy = [
-				'permit(',
-				'  principal,',
-				'  action == RocketAdmin::Action::"connection:read",',
-				'  resource == RocketAdmin::Connection::"conn-abc-123"',
-				');',
-			].join('\n');
-			expect(canRepresentAsForm(policy)).toBe(true);
-		});
-	});
-
-	describe('cedar-wasm validation of all generated policies', () => {
-		it('connection:read item generates valid Cedar', () => {
-			const items: CedarPolicyItem[] = [{ action: 'connection:read' }];
-			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
-			assertValidCedar(policy, 'connection:read');
-		});
-
-		it('connection:edit item generates valid Cedar', () => {
-			const items: CedarPolicyItem[] = [{ action: 'connection:edit' }];
-			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
-			assertValidCedar(policy, 'connection:edit');
-		});
-
-		it('group:read item generates valid Cedar', () => {
-			const items: CedarPolicyItem[] = [{ action: 'group:read' }];
-			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
-			assertValidCedar(policy, 'group:read');
-		});
-
-		it('group:edit item generates valid Cedar', () => {
-			const items: CedarPolicyItem[] = [{ action: 'group:edit' }];
-			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
-			assertValidCedar(policy, 'group:edit');
-		});
-
-		it('table:read with specific table generates valid Cedar', () => {
-			const items: CedarPolicyItem[] = [{ action: 'table:read', tableName: 'users' }];
-			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
-			assertValidCedar(policy, 'table:read specific');
-		});
-
-		it('table:* with specific table generates valid Cedar', () => {
-			const items: CedarPolicyItem[] = [{ action: 'table:*', tableName: 'users' }];
-			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
-			assertValidCedar(policy, 'table:* specific');
-		});
-
-		it('table:read with wildcard generates valid Cedar', () => {
-			const items: CedarPolicyItem[] = [{ action: 'table:read', tableName: '*' }];
-			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
-			assertValidCedar(policy, 'table:read wildcard');
-		});
-
-		it('dashboard:read with specific dashboard generates valid Cedar', () => {
-			const items: CedarPolicyItem[] = [{ action: 'dashboard:read', dashboardId: 'dash-001' }];
-			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
-			assertValidCedar(policy, 'dashboard:read specific');
-		});
-
-		it('dashboard:* with specific dashboard generates valid Cedar', () => {
-			const items: CedarPolicyItem[] = [{ action: 'dashboard:*', dashboardId: 'dash-001' }];
-			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
-			assertValidCedar(policy, 'dashboard:* specific');
-		});
-
-		it('full access (*) generates valid Cedar', () => {
-			const items: CedarPolicyItem[] = [{ action: '*' }];
-			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
-			assertValidCedar(policy, 'full access');
-		});
-
-		it('mixed items generate valid Cedar', () => {
-			const items: CedarPolicyItem[] = [
-				{ action: 'connection:read' },
-				{ action: 'group:read' },
-				{ action: 'group:edit' },
-				{ action: 'table:read', tableName: 'users' },
-				{ action: 'table:add', tableName: 'users' },
-				{ action: 'table:read', tableName: '*' },
-				{ action: 'dashboard:read', dashboardId: 'dash-001' },
-			];
-			const policy = policyItemsToCedarPolicy(items, CONNECTION_ID, GROUP_ID);
-			assertValidCedar(policy, 'mixed items');
-		});
-	});
-});
diff --git a/frontend/src/app/lib/chart-config.helper.ts b/frontend/src/app/lib/chart-config.helper.ts
deleted file mode 100644
index df5f95b10..000000000
--- a/frontend/src/app/lib/chart-config.helper.ts
+++ /dev/null
@@ -1,510 +0,0 @@
-import { ChartConfiguration, ChartData, ChartType as ChartJsType, Plugin } from 'chart.js';
-import convert from 'convert';
-import {
-	ChartAxisConfig,
-	ChartNumberFormatConfig,
-	ChartSeriesConfig,
-	ChartType,
-	ChartUnitConfig,
-	ChartWidgetOptions,
-} from '../models/saved-query';
-
-export const DEFAULT_COLOR_PALETTE = [
-	'rgba(99, 102, 241, 0.8)',
-	'rgba(168, 85, 247, 0.8)',
-	'rgba(236, 72, 153, 0.8)',
-	'rgba(244, 63, 94, 0.8)',
-	'rgba(251, 146, 60, 0.8)',
-	'rgba(234, 179, 8, 0.8)',
-	'rgba(34, 197, 94, 0.8)',
-	'rgba(6, 182, 212, 0.8)',
-	'rgba(59, 130, 246, 0.8)',
-	'rgba(139, 92, 246, 0.8)',
-];
-
-export function formatChartValue(
-	value: number,
-	units?: ChartUnitConfig,
-	numberFormat?: ChartNumberFormatConfig,
-): string {
-	// Smart unit conversion using the `convert` package
-	if (units?.convert_unit) {
-		try {
-			const best = convert(value, units.convert_unit as Parameters<typeof convert>[1]).to('best');
-			const quantity = parseFloat(best.quantity.toFixed(2));
-			return `${quantity} ${best.unit}`;
-		} catch {
-			// Fall through to manual formatting if unit is invalid
-		}
-	}
-
-	let formatted: string;
-
-	if (numberFormat?.compact) {
-		formatted = compactNumber(value);
-	} else {
-		formatted = new Intl.NumberFormat(undefined, {
-			minimumFractionDigits: numberFormat?.decimal_places,
-			maximumFractionDigits: numberFormat?.decimal_places,
-			useGrouping: numberFormat?.thousands_separator ?? true,
-		}).format(value);
-	}
-
-	if (!units?.text) return formatted;
-	return units.position === 'prefix' ? `${units.text}${formatted}` : `${formatted}${units.text}`;
-}
-
-function compactNumber(value: number): string {
-	const abs = Math.abs(value);
-	if (abs >= 1e9) return (value / 1e9).toFixed(1).replace(/\.0$/, '') + 'B';
-	if (abs >= 1e6) return (value / 1e6).toFixed(1).replace(/\.0$/, '') + 'M';
-	if (abs >= 1e3) return (value / 1e3).toFixed(1).replace(/\.0$/, '') + 'K';
-	return String(value);
-}
-
-function solidColor(rgba: string): string {
-	return rgba.replace('0.8)', '1)');
-}
-
-function parseDate(value: unknown): Date | null {
-	if (!value) return null;
-	try {
-		const date = new Date(value as string | number | Date);
-		return isNaN(date.getTime()) ? null : date;
-	} catch {
-		return null;
-	}
-}
-
-function extractNumericValue(val: unknown): number {
-	return typeof val === 'number' ? val : parseFloat(String(val)) || 0;
-}
-
-function sortData(
-	data: Record<string, unknown>[],
-	sortBy: string,
-	labelColumn: string,
-	valueColumn?: string,
-): Record<string, unknown>[] {
-	const sorted = [...data];
-	switch (sortBy) {
-		case 'label_asc':
-			sorted.sort((a, b) => String(a[labelColumn] ?? '').localeCompare(String(b[labelColumn] ?? '')));
-			break;
-		case 'label_desc':
-			sorted.sort((a, b) => String(b[labelColumn] ?? '').localeCompare(String(a[labelColumn] ?? '')));
-			break;
-		case 'value_asc':
-			if (valueColumn) {
-				sorted.sort((a, b) => extractNumericValue(a[valueColumn]) - extractNumericValue(b[valueColumn]));
-			}
-			break;
-		case 'value_desc':
-			if (valueColumn) {
-				sorted.sort((a, b) => extractNumericValue(b[valueColumn]) - extractNumericValue(a[valueColumn]));
-			}
-			break;
-	}
-	return sorted;
-}
-
-function buildPivotedChartData(
-	rawData: Record<string, unknown>[],
-	options: ChartWidgetOptions,
-): ChartData<ChartJsType> | null {
-	const palette = options.color_palette ?? DEFAULT_COLOR_PALETTE;
-	const labelColumn = options.label_column;
-	const seriesColumn = options.series_column!;
-	const valueColumn = options.value_column!;
-	const labelType = options.label_type ?? 'values';
-	const useTimeScale = labelType === 'datetime';
-
-	// Pre-process data: sort and limit
-	let processedData = [...rawData];
-	if (options.sort_by && options.sort_by !== 'none') {
-		processedData = sortData(processedData, options.sort_by, labelColumn, valueColumn);
-	}
-	if (options.limit) {
-		processedData = processedData.slice(0, options.limit);
-	}
-
-	// Extract unique labels preserving first-appearance order
-	const labelSet = new Set<string>();
-	const seriesSet = new Set<string>();
-	for (const row of processedData) {
-		labelSet.add(String(row[labelColumn] ?? ''));
-		seriesSet.add(String(row[seriesColumn] ?? ''));
-	}
-	const labels = Array.from(labelSet);
-	const seriesValues = Array.from(seriesSet);
-
-	// Build lookup: label -> seriesValue -> sum
-	const lookup = new Map<string, Map<string, number>>();
-	for (const row of processedData) {
-		const label = String(row[labelColumn] ?? '');
-		const series = String(row[seriesColumn] ?? '');
-		const value = extractNumericValue(row[valueColumn]);
-		if (!lookup.has(label)) lookup.set(label, new Map());
-		const inner = lookup.get(label)!;
-		inner.set(series, (inner.get(series) ?? 0) + value);
-	}
-
-	if (useTimeScale) {
-		const datasets = seriesValues.map((sv, i) => {
-			const color = palette[i % palette.length];
-			const dataPoints = labels
-				.map((label) => {
-					const date = parseDate(label);
-					if (!date) return null;
-					return {
-						x: date.getTime(),
-						y: lookup.get(label)?.get(sv) ?? 0,
-					};
-				})
-				.filter((p): p is { x: number; y: number } => p !== null)
-				.sort((a, b) => a.x - b.x);
-
-			return {
-				label: sv,
-				data: dataPoints,
-				backgroundColor: color,
-				borderColor: solidColor(color),
-				borderWidth: 1,
-				fill: false,
-				tension: 0,
-			};
-		});
-		return { datasets };
-	}
-
-	// Categorical scale
-	const datasets = seriesValues.map((sv, i) => {
-		const color = palette[i % palette.length];
-		const values = labels.map((label) => lookup.get(label)?.get(sv) ?? 0);
-		return {
-			label: sv,
-			data: values,
-			backgroundColor: color,
-			borderColor: solidColor(color),
-			borderWidth: 1,
-		};
-	});
-
-	return { labels, datasets };
-}
-
-export function buildChartData(
-	rawData: Record<string, unknown>[],
-	chartType: ChartType,
-	options: ChartWidgetOptions,
-): ChartData<ChartJsType> | null {
-	if (!rawData.length) return null;
-
-	const isPieType = ['pie', 'doughnut', 'polarArea'].includes(chartType);
-
-	// Pivot mode: series_column is set with a value_column (not for pie types)
-	if (options.series_column && options.value_column && !isPieType) {
-		return buildPivotedChartData(rawData, options);
-	}
-
-	const palette = options.color_palette ?? DEFAULT_COLOR_PALETTE;
-	const labelType = options.label_type ?? 'values';
-	const useTimeScale = labelType === 'datetime' && !isPieType;
-	const labelColumn = options.label_column;
-
-	if (!labelColumn) return null;
-
-	// Resolve series
-	const seriesConfigs: ChartSeriesConfig[] = options.series?.length
-		? options.series
-		: options.value_column
-			? [{ value_column: options.value_column }]
-			: [];
-
-	if (!seriesConfigs.length) return null;
-
-	// Pre-process data: sort and limit
-	let processedData = [...rawData];
-	if (options.sort_by && options.sort_by !== 'none') {
-		processedData = sortData(processedData, options.sort_by, labelColumn, seriesConfigs[0]?.value_column);
-	}
-	if (options.limit) {
-		processedData = processedData.slice(0, options.limit);
-	}
-
-	if (useTimeScale) {
-		const datasets = seriesConfigs.map((s, i) => {
-			const color = s.color ?? palette[i % palette.length];
-			const dataPoints = processedData
-				.map((row) => {
-					const date = parseDate(row[labelColumn]);
-					if (!date) return null;
-					return {
-						x: date.getTime(),
-						y: extractNumericValue(row[s.value_column]),
-					};
-				})
-				.filter((point): point is { x: number; y: number } => point !== null)
-				.sort((a, b) => a.x - b.x);
-
-			return {
-				label: s.label ?? s.value_column,
-				data: dataPoints,
-				backgroundColor: color,
-				borderColor: solidColor(color),
-				borderWidth: 1,
-				fill: s.fill ?? false,
-				tension: s.tension ?? 0,
-				pointStyle:
-					s.point_style === 'none'
-						? ('circle' as const)
-						: ((s.point_style ?? 'circle') as 'circle' | 'rect' | 'triangle' | 'cross'),
-				pointRadius: s.point_style === 'none' ? 0 : undefined,
-				spanGaps: false,
-				type: s.type as ChartJsType | undefined,
-			};
-		});
-
-		return { datasets };
-	}
-
-	// Categorical scale
-	const labels = processedData.map((row) => String(row[labelColumn] ?? ''));
-
-	if (isPieType) {
-		// Pie/doughnut/polarArea: single dataset with per-slice colors
-		const s = seriesConfigs[0];
-		const values = processedData.map((row) => extractNumericValue(row[s.value_column]));
-		const sliceColors = s.colors ?? palette.slice(0, values.length);
-		const borderColors = sliceColors.map((c) => solidColor(c));
-
-		// If palette is shorter than values, cycle
-		const bgColors = values.map((_, i) => sliceColors[i % sliceColors.length]);
-		const bdColors = values.map((_, i) => borderColors[i % borderColors.length]);
-
-		return {
-			labels,
-			datasets: [
-				{
-					label: s.label ?? s.value_column,
-					data: values,
-					backgroundColor: bgColors,
-					borderColor: bdColors,
-					borderWidth: 1,
-				},
-			],
-		};
-	}
-
-	// Bar/line: multi-series
-	const datasets = seriesConfigs.map((s, i) => {
-		const color = s.color ?? palette[i % palette.length];
-		const values = processedData.map((row) => extractNumericValue(row[s.value_column]));
-
-		return {
-			label: s.label ?? s.value_column,
-			data: values,
-			backgroundColor: color,
-			borderColor: solidColor(color),
-			borderWidth: 1,
-			fill: s.fill ?? false,
-			tension: s.tension ?? 0,
-			pointStyle:
-				s.point_style === 'none'
-					? ('circle' as const)
-					: ((s.point_style ?? 'circle') as 'circle' | 'rect' | 'triangle' | 'cross'),
-			pointRadius: s.point_style === 'none' ? 0 : undefined,
-			type: s.type as ChartJsType | undefined,
-		};
-	});
-
-	return { labels, datasets };
-}
-
-function buildAxisConfig(
-	axisConfig: ChartAxisConfig | undefined,
-	defaults?: { beginAtZero?: boolean },
-): Record<string, unknown> {
-	const config: Record<string, unknown> = {};
-
-	if (axisConfig?.title) {
-		config['title'] = { display: true, text: axisConfig.title };
-	}
-	if (axisConfig?.min !== undefined) {
-		config['min'] = axisConfig.min;
-	}
-	if (axisConfig?.max !== undefined) {
-		config['max'] = axisConfig.max;
-	}
-
-	const beginAtZero = axisConfig?.begin_at_zero ?? defaults?.beginAtZero;
-	if (beginAtZero !== undefined) {
-		config['beginAtZero'] = beginAtZero;
-	}
-
-	if (axisConfig?.scale_type === 'logarithmic') {
-		config['type'] = 'logarithmic';
-	}
-
-	return config;
-}
-
-export function buildChartOptions(chartType: ChartType, options: ChartWidgetOptions): ChartConfiguration['options'] {
-	const isPieType = ['pie', 'doughnut', 'polarArea'].includes(chartType);
-	const labelType = options.label_type ?? 'values';
-	const useTimeScale = labelType === 'datetime' && !isPieType;
-
-	const seriesConfigs: ChartSeriesConfig[] = options.series?.length
-		? options.series
-		: options.value_column
-			? [{ value_column: options.value_column }]
-			: [];
-
-	const globalUnits = options.units;
-	const globalFormat = options.number_format;
-
-	const chartOptions: ChartConfiguration['options'] = {
-		responsive: true,
-		maintainAspectRatio: false,
-		plugins: {
-			legend: {
-				display: options.legend?.show ?? true,
-				position: options.legend?.position ?? 'top',
-			},
-			tooltip: {
-				callbacks: {
-					label: (context) => {
-						const seriesIndex = context.datasetIndex ?? 0;
-						const seriesConfig = options.series_column ? undefined : seriesConfigs[seriesIndex];
-						const units = seriesConfig?.units ?? globalUnits;
-						const numFormat = seriesConfig?.number_format ?? globalFormat;
-						const raw = context.parsed?.y ?? context.parsed ?? context.raw;
-						const value =
-							typeof raw === 'number'
-								? raw
-								: typeof raw === 'object' && raw !== null
-									? ((raw as { y?: number }).y ?? 0)
-									: 0;
-						const label = context.dataset.label ?? '';
-						const formatted = formatChartValue(value, units, numFormat);
-						return `${label}: ${formatted}`;
-					},
-				},
-			},
-		},
-	};
-
-	if (!isPieType) {
-		(chartOptions as Record<string, unknown>)['indexAxis'] = options.horizontal ? 'y' : 'x';
-	}
-
-	// Scales for non-pie types
-	if (!isPieType) {
-		const scales: Record<string, unknown> = {};
-
-		if (useTimeScale) {
-			scales['x'] = {
-				type: 'time',
-				time: {
-					tooltipFormat: 'MMM d, yyyy',
-					displayFormats: {
-						day: 'MMM d',
-						week: 'MMM d',
-						month: 'MMM yyyy',
-						year: 'yyyy',
-					},
-				},
-				...buildAxisConfig(options.x_axis),
-				...(options.stacked ? { stacked: true } : {}),
-			};
-		} else {
-			const xConfig = buildAxisConfig(options.x_axis);
-			scales['x'] = {
-				...xConfig,
-				...(options.stacked ? { stacked: true } : {}),
-			};
-		}
-
-		const yConfig = buildAxisConfig(options.y_axis, { beginAtZero: true });
-		scales['y'] = {
-			...yConfig,
-			...(options.stacked ? { stacked: true } : {}),
-		};
-
-		// Tick formatting for value axis
-		const tickAxis = options.horizontal ? 'x' : 'y';
-		if (globalUnits || globalFormat) {
-			const axisObj = scales[tickAxis] as Record<string, unknown>;
-			axisObj['ticks'] = {
-				callback: (tickValue: string | number) => {
-					const value = typeof tickValue === 'number' ? tickValue : parseFloat(tickValue);
-					return formatChartValue(value, globalUnits, globalFormat);
-				},
-			};
-		}
-
-		(chartOptions as Record<string, unknown>)['scales'] = scales;
-	}
-
-	return chartOptions;
-}
-
-export function buildDataLabelsPlugin(options: ChartWidgetOptions): Plugin {
-	const globalUnits = options.units;
-	const globalFormat = options.number_format;
-
-	const seriesConfigs: ChartSeriesConfig[] = options.series?.length
-		? options.series
-		: options.value_column
-			? [{ value_column: options.value_column }]
-			: [];
-
-	return {
-		id: 'customDataLabels',
-		afterDatasetsDraw(chart) {
-			if (!options.show_data_labels) return;
-
-			const { ctx } = chart;
-			ctx.save();
-			ctx.font = '11px sans-serif';
-			ctx.textAlign = 'center';
-			ctx.textBaseline = 'bottom';
-
-			chart.data.datasets.forEach((dataset, datasetIndex) => {
-				const meta = chart.getDatasetMeta(datasetIndex);
-				const seriesConfig = options.series_column ? undefined : seriesConfigs[datasetIndex];
-				const units = seriesConfig?.units ?? globalUnits;
-				const numFormat = seriesConfig?.number_format ?? globalFormat;
-
-				meta.data.forEach((element, index) => {
-					const raw = dataset.data[index];
-					let value: number;
-					if (typeof raw === 'number') {
-						value = raw;
-					} else if (raw && typeof raw === 'object' && 'y' in raw) {
-						value = (raw as { y: number }).y;
-					} else {
-						return;
-					}
-
-					const formatted = formatChartValue(value, units, numFormat);
-					const { x, y } = element.tooltipPosition(false);
-					ctx.fillStyle = '#666';
-					ctx.fillText(formatted, x, y - 5);
-				});
-			});
-
-			ctx.restore();
-		},
-	};
-}
-
-export function getMappedChartType(chartType: ChartType, options: ChartWidgetOptions): ChartJsType {
-	// For mixed charts, the base type is used but individual datasets may override
-	const hasMixedTypes = options.series?.some((s) => s.type) ?? false;
-	if (hasMixedTypes) {
-		// Use 'bar' as base for mixed charts - individual series override via dataset.type
-		return 'bar' as ChartJsType;
-	}
-	return chartType as ChartJsType;
-}
diff --git a/frontend/src/app/lib/format-field-value.ts b/frontend/src/app/lib/format-field-value.ts
deleted file mode 100644
index 127485017..000000000
--- a/frontend/src/app/lib/format-field-value.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { format } from 'date-fns';
-
-export function formatFieldValue(value, type) {
-	const dateTimeTypes = [
-		'timestamp without time zone',
-		'timestamp with time zone',
-		'abstime',
-		'realtime',
-		'datetime',
-		'timestamp',
-	];
-
-	if (value && type === 'time') {
-		return value;
-	} else if (value && type === 'date') {
-		const datetimeValue = new Date(value);
-		return format(datetimeValue, 'P');
-	} else if (value && dateTimeTypes.includes(type)) {
-		const datetimeValue = new Date(value);
-		return format(datetimeValue, 'P p');
-	} else if (type === 'boolean') {
-		if (value || value === 1) return true;
-		else if (value === false || value === 0) return false;
-		else return '—';
-	} else if (type === 'json' || type === 'jsonb' || type === 'object' || type === 'array' || type === 'interval') {
-		return JSON.stringify(value);
-	}
-
-	return value;
-}
diff --git a/frontend/src/app/lib/normalize.spec.ts b/frontend/src/app/lib/normalize.spec.ts
deleted file mode 100644
index 1e5a1a642..000000000
--- a/frontend/src/app/lib/normalize.spec.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { normalizeFieldName, normalizeTableName } from './normalize';
-
-describe('Normalize function', () => {
-	it('should modify name', () => {
-		const normalizedName = normalizeTableName('TABLE_USER');
-		expect(normalizedName).toEqual('Table Users');
-	});
-
-	it('should pluralise name', () => {
-		const normalizedName = normalizeTableName('USER');
-		expect(normalizedName).toEqual('Users');
-	});
-
-	it('normalize camel case and capitalize', () => {
-		const normalizedName = normalizeFieldName('affiliateStripeNumber');
-		expect(normalizedName).toEqual('Affiliate stripe number');
-	});
-
-	it('normalize camel case, capitalize and uppercase acronyms', () => {
-		const normalizedName = normalizeFieldName('affiliateStripeId');
-		expect(normalizedName).toEqual('Affiliate stripe ID');
-	});
-});
diff --git a/frontend/src/app/lib/normalize.ts b/frontend/src/app/lib/normalize.ts
deleted file mode 100644
index e1d5c9f14..000000000
--- a/frontend/src/app/lib/normalize.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { camelCase, capitalize, startCase } from 'lodash-es';
-import pluralize from 'pluralize';
-import acronyms from '../consts/acronyms';
-
-export function normalizeTableName(tableName: string) {
-	return pluralize(startCase(camelCase(tableName)));
-}
-
-export function normalizeFieldName(fieldName: string) {
-	const setOfAcronyms = new Set(acronyms);
-	const setOfWords = capitalize(startCase(camelCase(fieldName))).split(' ');
-
-	for (let [index, word] of setOfWords.entries()) {
-		const upperCasedWord = word.toUpperCase();
-		if (setOfAcronyms.has(upperCasedWord)) {
-			setOfWords[index] = upperCasedWord;
-		}
-	}
-	return setOfWords.join(' ');
-}
diff --git a/frontend/src/app/lib/parse-filter-params.spec.ts b/frontend/src/app/lib/parse-filter-params.spec.ts
deleted file mode 100644
index b041f8436..000000000
--- a/frontend/src/app/lib/parse-filter-params.spec.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { getComparatorsFromUrl, getFiltersFromUrl } from './parse-filter-params';
-
-const queryParams = {
-	first_name: {
-		contains: 'sh',
-	},
-	age: {
-		gt: 25,
-	},
-	city: {
-		startswith: 'A',
-	},
-};
-
-describe('Parse filter params', () => {
-	it('should return filters from queryParams', () => {
-		const filters = getFiltersFromUrl(queryParams);
-
-		expect(filters).toEqual({
-			first_name: 'sh',
-			age: 25,
-			city: 'A',
-		});
-	});
-
-	it('should return comparators from queryParams', () => {
-		const comparators = getComparatorsFromUrl(queryParams);
-
-		expect(comparators).toEqual({
-			first_name: 'contains',
-			age: 'gt',
-			city: 'startswith',
-		});
-	});
-});
diff --git a/frontend/src/app/lib/parse-filter-params.ts b/frontend/src/app/lib/parse-filter-params.ts
deleted file mode 100644
index 453ae579e..000000000
--- a/frontend/src/app/lib/parse-filter-params.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-export function getFiltersFromUrl(queryParams) {
-	let filters = {};
-	for (const key in queryParams) {
-		filters[key] = Object.values(queryParams[key])[0];
-	}
-	return filters;
-}
-
-export function getComparatorsFromUrl(queryParams) {
-	let comparators = {};
-	for (const key in queryParams) {
-		comparators[key] = Object.keys(queryParams[key])[0];
-	}
-	return comparators;
-}
diff --git a/frontend/src/app/lib/permission-display.spec.ts b/frontend/src/app/lib/permission-display.spec.ts
deleted file mode 100644
index a4c14a78d..000000000
--- a/frontend/src/app/lib/permission-display.spec.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import { actionIcon, actionLabel, actionShortLabel, groupNameForAction } from './permission-display';
-
-describe('permission-display', () => {
-	describe('actionLabel', () => {
-		it('formats simple verbs', () => {
-			expect(actionLabel('connection:read')).toBe('Connection read');
-			expect(actionLabel('connection:edit')).toBe('Connection edit');
-			expect(actionLabel('table:add')).toBe('Table add');
-			expect(actionLabel('table:delete')).toBe('Table delete');
-		});
-
-		it('preserves acronyms in hyphenated verbs', () => {
-			expect(actionLabel('table:ai-request')).toBe('Table AI request');
-		});
-
-		it('formats camelCase prefixes', () => {
-			expect(actionLabel('actionEvent:trigger')).toBe('Action event trigger');
-		});
-
-		it('formats wildcards', () => {
-			expect(actionLabel('*')).toBe('Full access (all permissions)');
-			expect(actionLabel('table:*')).toBe('Full table access');
-			expect(actionLabel('dashboard:*')).toBe('Full dashboard access');
-			expect(actionLabel('panel:*')).toBe('Full panel access');
-		});
-	});
-
-	describe('actionShortLabel', () => {
-		it('returns verb-only short labels', () => {
-			expect(actionShortLabel('connection:read')).toBe('Read');
-			expect(actionShortLabel('table:edit')).toBe('Edit');
-			expect(actionShortLabel('actionEvent:trigger')).toBe('Trigger');
-			expect(actionShortLabel('table:ai-request')).toBe('AI request');
-		});
-
-		it('returns "Full access" for wildcards', () => {
-			expect(actionShortLabel('*')).toBe('Full access');
-			expect(actionShortLabel('table:*')).toBe('Full access');
-			expect(actionShortLabel('panel:*')).toBe('Full access');
-		});
-	});
-
-	describe('groupNameForAction', () => {
-		it('maps known prefixes', () => {
-			expect(groupNameForAction('connection:read')).toBe('Connection');
-			expect(groupNameForAction('group:edit')).toBe('Group');
-			expect(groupNameForAction('table:read')).toBe('Table');
-			expect(groupNameForAction('actionEvent:trigger')).toBe('ActionEvent');
-			expect(groupNameForAction('dashboard:read')).toBe('Dashboard');
-			expect(groupNameForAction('panel:read')).toBe('Panel');
-		});
-
-		it('falls back to capitalized prefix for unknown actions', () => {
-			expect(groupNameForAction('foo:bar')).toBe('Foo');
-		});
-	});
-
-	describe('actionIcon', () => {
-		it('maps known verbs', () => {
-			expect(actionIcon('connection:read')).toBe('visibility');
-			expect(actionIcon('table:edit')).toBe('edit');
-			expect(actionIcon('table:add')).toBe('add_circle');
-			expect(actionIcon('dashboard:create')).toBe('add_circle');
-			expect(actionIcon('table:delete')).toBe('delete');
-			expect(actionIcon('actionEvent:trigger')).toBe('play_arrow');
-			expect(actionIcon('connection:diagram')).toBe('schema');
-			expect(actionIcon('table:ai-request')).toBe('auto_awesome');
-		});
-
-		it('returns shield for wildcards', () => {
-			expect(actionIcon('*')).toBe('shield');
-			expect(actionIcon('table:*')).toBe('shield');
-			expect(actionIcon('dashboard:*')).toBe('shield');
-		});
-
-		it('falls back for unknown verbs', () => {
-			expect(actionIcon('foo:bar')).toBe('help_outline');
-		});
-	});
-});
diff --git a/frontend/src/app/lib/permission-display.ts b/frontend/src/app/lib/permission-display.ts
deleted file mode 100644
index 8d43b5cf7..000000000
--- a/frontend/src/app/lib/permission-display.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-const PREFIX_TO_LABEL: Record<string, string> = {
-	connection: 'Connection',
-	group: 'Group',
-	table: 'Table',
-	actionEvent: 'Action event',
-	dashboard: 'Dashboard',
-	panel: 'Panel',
-};
-
-const PREFIX_TO_GROUP_NAME: Record<string, string> = {
-	connection: 'Connection',
-	group: 'Group',
-	table: 'Table',
-	actionEvent: 'ActionEvent',
-	dashboard: 'Dashboard',
-	panel: 'Panel',
-};
-
-export const PERMISSION_GROUP_ORDER = ['Connection', 'Group', 'Table', 'ActionEvent', 'Dashboard', 'Panel'];
-
-export function groupNameForAction(value: string): string {
-	const prefix = value.split(':')[0];
-	return PREFIX_TO_GROUP_NAME[prefix] ?? capitalize(prefix);
-}
-
-const VERB_TO_ICON: Record<string, string> = {
-	read: 'visibility',
-	edit: 'edit',
-	add: 'add_circle',
-	create: 'add_circle',
-	delete: 'delete',
-	trigger: 'play_arrow',
-	diagram: 'schema',
-	'ai-request': 'auto_awesome',
-};
-
-// Verb display overrides used inside labels (lowercase context).
-// e.g. `actionLabel('table:ai-request')` → 'Table AI request'.
-const VERB_DISPLAY_OVERRIDE: Record<string, string> = {
-	'ai-request': 'AI request',
-};
-
-const FALLBACK_ICON = 'help_outline';
-const WILDCARD_ICON = 'shield';
-
-export function actionLabel(value: string): string {
-	if (value === '*') return 'Full access (all permissions)';
-	const [prefix, verb = ''] = value.split(':');
-	const prefixLabel = PREFIX_TO_LABEL[prefix] ?? capitalize(prefix);
-	if (verb === '*') return `Full ${prefixLabel.toLowerCase()} access`;
-	if (!verb) return prefixLabel;
-	return `${prefixLabel} ${verbInLabel(verb)}`;
-}
-
-export function actionShortLabel(value: string): string {
-	if (value === '*') return 'Full access';
-	const verb = value.split(':')[1] ?? '';
-	if (verb === '*' || verb === '') return 'Full access';
-	return capitalize(verbInLabel(verb));
-}
-
-export function actionIcon(value: string): string {
-	if (value === '*') return WILDCARD_ICON;
-	const verb = value.split(':')[1] ?? '';
-	if (verb === '*') return WILDCARD_ICON;
-	return VERB_TO_ICON[verb] ?? FALLBACK_ICON;
-}
-
-// Returns the verb as it should appear inside a sentence-case label
-// (e.g. inside "Connection read"). For short labels, capitalize the first letter
-// of the result.
-function verbInLabel(verb: string): string {
-	const override = VERB_DISPLAY_OVERRIDE[verb];
-	if (override) return override;
-	return verb.split('-').join(' ');
-}
-
-function capitalize(text: string): string {
-	return text ? text.charAt(0).toUpperCase() + text.slice(1) : text;
-}
diff --git a/frontend/src/app/lib/setup-table-row-structure.spec.ts b/frontend/src/app/lib/setup-table-row-structure.spec.ts
deleted file mode 100644
index bffeb7878..000000000
--- a/frontend/src/app/lib/setup-table-row-structure.spec.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { getTableTypes } from './setup-table-row-structure';
-
-const fakeProduct_categories = {
-	column_name: 'product_categories',
-	column_default: null,
-	data_type: 'enum',
-	data_type_params: ['food', 'drinks', 'cleaning'],
-	isExcluded: false,
-	isSearched: false,
-	auto_increment: false,
-	allow_null: true,
-	character_maximum_length: 1,
-};
-
-const fakeCustomer_categories = {
-	column_name: 'customer_categories',
-	column_default: null,
-	data_type: 'enum',
-	data_type_params: ['manager', 'seller'],
-	isExcluded: false,
-	isSearched: false,
-	auto_increment: false,
-	allow_null: true,
-	character_maximum_length: 1,
-};
-
-const fakeCustomerId = {
-	column_name: 'CustomerId',
-	column_default: null,
-	data_type: 'int',
-	isExcluded: false,
-	isSearched: true,
-	auto_increment: false,
-	allow_null: false,
-	character_maximum_length: null,
-};
-
-const fakeProductId = {
-	column_name: 'ProductId',
-	column_default: null,
-	data_type: 'int',
-	isExcluded: false,
-	isSearched: true,
-	auto_increment: false,
-	allow_null: false,
-	character_maximum_length: null,
-};
-
-const fakeBool = {
-	column_name: 'bool',
-	column_default: null,
-	data_type: 'tinyint',
-	isExcluded: false,
-	isSearched: false,
-	auto_increment: false,
-	allow_null: true,
-	character_maximum_length: 1,
-};
-
-const fakeFloat = {
-	column_name: 'float',
-	column_default: null,
-	data_type: 'float',
-	isExcluded: false,
-	isSearched: false,
-	auto_increment: false,
-	allow_null: true,
-	character_maximum_length: 102,
-};
-
-const fakeStructure = [
-	fakeProduct_categories,
-	fakeCustomer_categories,
-	fakeCustomerId,
-	fakeProductId,
-	fakeBool,
-	fakeFloat,
-];
-
-const fakeForeignKeysList = ['CustomerId', 'ProductId'];
-
-describe('Normalize function', () => {
-	it('should return comparator of filter', () => {
-		const tableTypes = getTableTypes(fakeStructure, fakeForeignKeysList);
-
-		expect(tableTypes).toEqual({
-			product_categories: 'enum',
-			customer_categories: 'enum',
-			CustomerId: 'foreign key',
-			ProductId: 'foreign key',
-			bool: 'boolean',
-			float: 'float',
-		});
-	});
-});
diff --git a/frontend/src/app/lib/setup-table-row-structure.ts b/frontend/src/app/lib/setup-table-row-structure.ts
deleted file mode 100644
index 2ff53e113..000000000
--- a/frontend/src/app/lib/setup-table-row-structure.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { TableField } from '../models/table';
-
-export function getTableTypes(structure: TableField[], foreignKeysList: string[]) {
-	if (!structure || !Array.isArray(structure) || structure.length === 0) {
-		return {};
-	}
-
-	const tableTypes = Object.assign(
-		{},
-		...structure.map((field: TableField) => {
-			if (field.data_type === 'tinyint' && field.character_maximum_length === 1)
-				return { [field.column_name]: 'boolean' };
-			if (foreignKeysList.includes(field.column_name)) return { [field.column_name]: 'foreign key' };
-			return { [field.column_name]: field.data_type };
-		}),
-	);
-	return tableTypes;
-}
diff --git a/frontend/src/app/models/ai-suggestions.ts b/frontend/src/app/models/ai-suggestions.ts
deleted file mode 100644
index 9e9f8bac5..000000000
--- a/frontend/src/app/models/ai-suggestions.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-// Input interfaces for AI Suggestions
-
-export interface AISuggestionColumn {
-  name: string;
-  type: string;
-  nullable: boolean;
-  unique?: boolean;
-  indexed?: boolean;
-}
-
-export interface AISuggestionRelation {
-  type: 'fk';
-  from_column: string;
-  to_table: string;
-  to_column: string;
-  label?: string;
-}
-
-export interface AISuggestionLightStats {
-  top_values?: Record<string, [string, number][]>;
-  null_rate?: Record<string, number>;
-  min_max?: Record<string, [string, string]>;
-}
-
-export interface AISuggestionTableContext {
-  name: string;
-  description?: string;
-  row_count?: number;
-  columns: AISuggestionColumn[];
-  relations: AISuggestionRelation[];
-  light_stats?: AISuggestionLightStats;
-}
-
-export interface AISuggestionFilter {
-  column: string;
-  op: string;
-  value: any;
-}
-
-export interface AISuggestionUIContext {
-  active_filters?: AISuggestionFilter[];
-  selected_row?: Record<string, any>;
-  selected_column?: string;
-}
-
-export interface AISuggestionConversation {
-  last_user_message?: string;
-  last_2_messages?: { role: string; text: string }[];
-}
-
-export interface AISuggestionHistory {
-  recently_shown_ids?: string[];
-  recently_clicked_ids?: string[];
-}
-
-export interface AISuggestionInput {
-  table: AISuggestionTableContext;
-  ui_context?: AISuggestionUIContext;
-  conversation?: AISuggestionConversation;
-  suggestion_history?: AISuggestionHistory;
-}
-
-// Output interfaces for AI Suggestions
-
-export interface AITableSuggestion {
-  id: string;
-  title: string;
-  message: string;
-  why?: string;
-  confidence?: number;
-  risk?: 'low' | 'medium' | 'high';
-}
-
-export interface AINavigationSuggestion {
-  id: string;
-  title: string;
-  target_table: string;
-  prefilled_query: string;
-  why?: string;
-  confidence?: number;
-}
-
-export interface AISuggestionOutput {
-  intent?: string[];
-  table_suggestions: AITableSuggestion[];
-  navigation_suggestions?: AINavigationSuggestion[];
-}
diff --git a/frontend/src/app/models/alert.ts b/frontend/src/app/models/alert.ts
deleted file mode 100644
index 58ec049cb..000000000
--- a/frontend/src/app/models/alert.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-export enum AlertType {
-	Warning = 'warning',
-	Error = 'error',
-	Info = 'info',
-	Success = 'success',
-}
-
-export enum AlertActionType {
-	Anchor = 'external link',
-	Link = 'internal link',
-	Button = 'button',
-}
-
-export interface AlertAction {
-	type: AlertActionType;
-	caption: string;
-	to?: string;
-	action?: (id: number) => void;
-}
-
-export interface Alert {
-	id: number;
-	type: AlertType;
-	message: ServerError | string;
-	actions?: AlertAction[];
-}
-
-export interface ServerError {
-	abstract: string;
-	details: string;
-}
diff --git a/frontend/src/app/models/company.ts b/frontend/src/app/models/company.ts
deleted file mode 100644
index bc85566e0..000000000
--- a/frontend/src/app/models/company.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { User } from '@sentry/angular';
-import { SubscriptionPlans, UserGroup } from './user';
-
-export interface Address {
-	street: string;
-	number: string;
-	complement: string;
-	neighborhood: string;
-	city: string;
-	state: string;
-	country: string;
-	zipCode: string;
-}
-
-export interface CompanyConnection {
-	id: string;
-	createdAt: string;
-	updatedAt: string;
-	title: string;
-	author: User;
-	groups: UserGroup[];
-}
-
-export interface Company {
-	id: string;
-	additional_info?: string;
-	name: string;
-	address: Address | {};
-	subscriptionLevel: SubscriptionPlans;
-	connections: CompanyConnection[];
-	invitations: CompanyMemberInvitation[];
-}
-
-export interface CompanyMembershipGroup {
-	id: string;
-	title: string;
-}
-
-export interface CompanyMembershipConnection {
-	id: string;
-	title: string;
-	database: string;
-	groups: CompanyMembershipGroup[];
-}
-
-export interface CompanyMember {
-	id: string;
-	isActive: boolean;
-	name: string;
-	email: string;
-	is_2fa_enabled: boolean;
-	role: CompanyMemberRole;
-	has_groups: boolean;
-	user_membership: CompanyMembershipConnection[];
-}
-
-export enum CompanyMemberRole {
-	CAO = 'ADMIN',
-	SystemAdmin = 'DB_ADMIN',
-	Member = 'USER',
-}
-
-export interface CompanyMemberInvitation {
-	id: string;
-	verification_string: string;
-	groupId: string;
-	inviterId: string;
-	invitedUserEmail: string;
-	role: CompanyMemberRole;
-}
diff --git a/frontend/src/app/models/connection.ts b/frontend/src/app/models/connection.ts
deleted file mode 100644
index a413ee3a3..000000000
--- a/frontend/src/app/models/connection.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-import { AccessLevel } from './user';
-
-export enum DBtype {
-	Postgres = 'postgres',
-	MySQL = 'mysql',
-	Oracle = 'oracledb',
-	MSSQL = 'mssql',
-	Mongo = 'mongodb',
-	Dynamo = 'dynamodb',
-	Cassandra = 'cassandra',
-	Redis = 'redis',
-	Elasticsearch = 'elasticsearch',
-	ClickHouse = 'clickhouse',
-}
-
-export enum ConnectionType {
-	Agent = 'agent',
-	Direct = 'direct',
-}
-
-export interface Connection {
-	id: string | null;
-	database: string;
-	authSource?: string;
-	title: string;
-	host: string;
-	port: string;
-	sid: string | null;
-	type: DBtype;
-	createdAt?: Date;
-	updatedAt?: Date;
-	username: string;
-	password?: string;
-	ssh: boolean;
-	privateSSHKey?: string;
-	sshHost?: string;
-	sshPort?: string;
-	sshUsername?: string;
-	ssl: boolean;
-	cert: string;
-	masterEncryption: boolean;
-	azure_encryption: boolean;
-	connectionType: ConnectionType;
-	schema?: string;
-	signing_key?: string;
-	isTestConnection?: boolean;
-	dataCenter?: string;
-}
-
-export interface ConnectionItem {
-	connection: Connection;
-	accessLevel: AccessLevel;
-}
-
-export interface TestConnection {
-	result: boolean;
-	message: string;
-}
-
-export interface TableCategory {
-	category_id: string;
-	category_name: string;
-	tables: string[];
-	category_color?: string;
-}
-
-export interface ConnectionSettings {
-	hidden_tables?: string[];
-	default_showing_table?: string;
-	primary_color?: string;
-	secondary_color?: string;
-	logo_url?: string;
-	company_name?: string;
-	tables_audit?: boolean;
-	table_categories?: TableCategory[];
-}
diff --git a/frontend/src/app/models/dashboard.ts b/frontend/src/app/models/dashboard.ts
deleted file mode 100644
index 61a47242d..000000000
--- a/frontend/src/app/models/dashboard.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-export interface Dashboard {
-	id: string;
-	name: string;
-	description: string | null;
-	connection_id: string;
-	created_at: string;
-	updated_at: string;
-	widgets?: DashboardWidget[];
-}
-
-export interface DashboardWidget {
-	id: string;
-	position_x: number;
-	position_y: number;
-	width: number;
-	height: number;
-	query_id: string | null;
-	dashboard_id: string;
-}
-
-export interface CreateDashboardPayload {
-	name: string;
-	description?: string;
-}
-
-export interface UpdateDashboardPayload {
-	name?: string;
-	description?: string;
-}
-
-export interface CreateWidgetPayload {
-	position_x: number;
-	position_y: number;
-	width: number;
-	height: number;
-	query_id: string;
-}
-
-export interface UpdateWidgetPayload {
-	position_x?: number;
-	position_y?: number;
-	width?: number;
-	height?: number;
-	query_id?: string;
-}
diff --git a/frontend/src/app/models/logs.ts b/frontend/src/app/models/logs.ts
deleted file mode 100644
index d100ea727..000000000
--- a/frontend/src/app/models/logs.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-export enum LogAction {
-	Add = 'addRow',
-	Delete = 'deleteRow',
-	Update = 'updateRow',
-	ReceiveRow = 'rowReceived',
-	ReceiveRows = 'rowsReceived',
-}
-
-export enum LogStatus {
-	Successfully = 'successfully',
-	Unsuccessfully = 'unsuccessfully',
-}
-
-export interface Log {
-	Table: string;
-	User: string;
-	Action: string;
-	Date: string;
-	Status: LogStatus;
-	operationType: LogAction;
-	createdAt: string;
-	prevValue: Object;
-	currentValue: Object;
-}
diff --git a/frontend/src/app/models/saved-query.ts b/frontend/src/app/models/saved-query.ts
deleted file mode 100644
index 998cf53de..000000000
--- a/frontend/src/app/models/saved-query.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-export type DashboardWidgetType = 'table' | 'chart' | 'counter' | 'text';
-
-export type ChartType = 'bar' | 'line' | 'pie' | 'doughnut' | 'polarArea';
-
-export interface ChartUnitConfig {
-	text?: string;
-	position?: 'prefix' | 'suffix';
-	convert_unit?: string;
-}
-
-export interface ChartNumberFormatConfig {
-	decimal_places?: number;
-	thousands_separator?: boolean;
-	compact?: boolean;
-}
-
-export interface ChartLegendConfig {
-	show?: boolean;
-	position?: 'top' | 'bottom' | 'left' | 'right';
-}
-
-export interface ChartAxisConfig {
-	title?: string;
-	min?: number;
-	max?: number;
-	begin_at_zero?: boolean;
-	scale_type?: 'linear' | 'logarithmic';
-}
-
-export interface ChartSeriesConfig {
-	value_column: string;
-	label?: string;
-	color?: string;
-	colors?: string[];
-	units?: ChartUnitConfig;
-	number_format?: ChartNumberFormatConfig;
-	fill?: boolean;
-	tension?: number;
-	point_style?: 'circle' | 'rect' | 'triangle' | 'cross' | 'none';
-	type?: 'bar' | 'line';
-}
-
-export interface ChartWidgetOptions {
-	label_column: string;
-	value_column?: string;
-	label_type?: 'values' | 'datetime';
-	series?: ChartSeriesConfig[];
-	series_column?: string;
-	units?: ChartUnitConfig;
-	number_format?: ChartNumberFormatConfig;
-	color_palette?: string[];
-	legend?: ChartLegendConfig;
-	stacked?: boolean;
-	horizontal?: boolean;
-	show_data_labels?: boolean;
-	y_axis?: ChartAxisConfig;
-	x_axis?: ChartAxisConfig;
-	sort_by?: 'label_asc' | 'label_desc' | 'value_asc' | 'value_desc' | 'none';
-	limit?: number;
-}
-
-export interface SavedQuery {
-	id: string;
-	name: string;
-	description: string | null;
-	widget_type: DashboardWidgetType;
-	chart_type: ChartType | null;
-	widget_options: Record<string, unknown> | null;
-	query_text: string;
-	connection_id: string;
-	created_at: string;
-	updated_at: string;
-}
-
-export interface CreateSavedQueryPayload {
-	name: string;
-	description?: string;
-	widget_type?: DashboardWidgetType;
-	chart_type?: ChartType;
-	widget_options?: Record<string, unknown>;
-	query_text: string;
-}
-
-export interface UpdateSavedQueryPayload {
-	name?: string;
-	description?: string;
-	widget_type?: DashboardWidgetType;
-	chart_type?: ChartType;
-	widget_options?: Record<string, unknown>;
-	query_text?: string;
-}
-
-export interface QueryExecutionResult {
-	query_id: string;
-	query_name: string;
-	data: Record<string, unknown>[];
-	execution_time_ms: number;
-}
-
-export interface TestQueryPayload {
-	query_text: string;
-	tableName?: string;
-}
-
-export interface TestQueryResult {
-	data: Record<string, unknown>[];
-	execution_time_ms: number;
-}
-
-export interface GeneratedPanelWithPosition {
-	name: string;
-	description: string | null;
-	widget_type: DashboardWidgetType;
-	chart_type: string | null;
-	widget_options: Record<string, unknown> | null;
-	query_text: string;
-	connection_id: string;
-	panel_position: {
-		position_x: number;
-		position_y: number;
-		width: number;
-		height: number;
-	};
-}
diff --git a/frontend/src/app/models/secret.ts b/frontend/src/app/models/secret.ts
deleted file mode 100644
index 4fefb948a..000000000
--- a/frontend/src/app/models/secret.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-export interface Secret {
-	id: string;
-	slug: string;
-	companyId: string;
-	createdAt: string;
-	updatedAt: string;
-	lastAccessedAt?: string;
-	expiresAt?: string;
-	masterEncryption: boolean;
-}
-
-export interface SecretListResponse {
-	data: Secret[];
-	pagination: SecretPagination;
-}
-
-export interface SecretPagination {
-	total: number;
-	currentPage: number;
-	perPage: number;
-	lastPage: number;
-}
-
-export interface AuditLogEntry {
-	id: string;
-	action: SecretAction;
-	user: {
-		id: string;
-		email: string;
-	};
-	accessedAt: string;
-	ipAddress?: string;
-	userAgent?: string;
-	success: boolean;
-	errorMessage?: string;
-}
-
-export interface AuditLogResponse {
-	data: AuditLogEntry[];
-	pagination: SecretPagination;
-}
-
-export type SecretAction = 'create' | 'view' | 'copy' | 'update' | 'delete';
-
-export interface CreateSecretPayload {
-	slug: string;
-	value: string;
-	expiresAt?: string;
-	masterEncryption?: boolean;
-	masterPassword?: string;
-}
-
-export interface UpdateSecretPayload {
-	value: string;
-	expiresAt?: string | null;
-}
-
-export interface DeleteSecretResponse {
-	message: string;
-	deletedAt: string;
-}
diff --git a/frontend/src/app/models/table.ts b/frontend/src/app/models/table.ts
deleted file mode 100644
index 3ba61dc9a..000000000
--- a/frontend/src/app/models/table.ts
+++ /dev/null
@@ -1,157 +0,0 @@
-export interface TablePermissions {
-	visibility: boolean;
-	readonly: boolean;
-	add: boolean;
-	delete: boolean;
-	edit: boolean;
-}
-
-export interface TableProperties {
-	table: string;
-	display_name?: string;
-	normalizedTableName?: string;
-	initials?: string;
-	icon?: string;
-	permissions: TablePermissions;
-	configured?: boolean;
-	configuring?: boolean;
-}
-
-export enum TableOrdering {
-	Ascending = 'ASC',
-	Descending = 'DESC',
-}
-
-export interface TableSettings {
-	connection_id: string;
-	table_name: string;
-
-	icon: string;
-	display_name: string;
-	autocomplete_columns: string[];
-	identity_column: string;
-	ordering: TableOrdering;
-	ordering_field: string;
-	list_fields: string[];
-	columns_view: string[];
-	search_fields: string[];
-	excluded_fields: string[];
-	readonly_fields: string[];
-	sortable_by: string[];
-	sensitive_fields: string[];
-	allow_csv_export: boolean;
-	allow_csv_import: boolean;
-	can_delete: boolean;
-}
-
-export interface PersonalTableViewSettings {
-	ordering?: TableOrdering;
-	ordering_field?: string;
-	list_per_page?: number;
-	list_fields?: string[];
-	columns_view?: string[];
-	original_names?: boolean;
-
-	// sortable_by: string[],
-}
-
-export interface TableRow {
-	connectionID: string;
-	tableName: string;
-	record: object;
-	columnsOrder: string[];
-	primaryKeys: object;
-	foreignKeys: TableForeignKey[];
-	foreignKeysList: string[];
-	widgets: Widget[];
-	widgetsList: string[];
-	fieldsTypes: { [key: string]: string };
-	relatedRecords: {
-		referenced_on_column_name: string;
-		referenced_by: [];
-	}[];
-	link?: string;
-}
-
-export interface TableField {
-	column_name: string;
-	column_default: string;
-	data_type: string;
-	data_type_params?: string[];
-	isExcluded: boolean;
-	isSearched: boolean;
-	allow_null: boolean;
-	auto_increment: boolean;
-	character_maximum_length: number;
-}
-
-export interface TableForeignKey {
-	autocomplete_columns?: string[];
-	column_name: string;
-	constraint_name: string;
-	referenced_column_name: string;
-	referenced_table_name: string;
-	column_default?: string;
-}
-
-export interface WidgetStructure {
-	field_name: string;
-	widget_type: string;
-	widget_params: Record<string, any>;
-	name: string;
-	description: string;
-}
-
-export interface Widget {
-	field_name: string;
-	widget_type: string;
-	widget_params: string;
-	name: string;
-	description: string;
-}
-
-export enum CustomActionType {
-	Single = 'single',
-	Multiple = 'multiple',
-}
-
-export enum CustomActionMethod {
-	Slack = 'slack',
-	Email = 'email',
-	URL = 'URL',
-	Zapier = 'zapier',
-}
-
-export interface CustomAction {
-	method: CustomActionMethod;
-	emails: string[];
-	url: string;
-}
-
-export enum EventType {
-	AddRow = 'ADD_ROW',
-	UpdateRow = 'UPDATE_ROW',
-	DeleteRow = 'DELETE_ROW',
-	Custom = 'CUSTOM',
-}
-
-export interface Event {
-	event: EventType;
-}
-
-export interface CustomEvent {
-	id?: string;
-	event: EventType;
-	title: string;
-	type: CustomActionType;
-	icon: string;
-	require_confirmation: boolean;
-}
-
-export interface Rule {
-	id?: string;
-	title: string;
-	table_name: string;
-	events: (Event | CustomEvent)[];
-	table_actions: CustomAction[];
-}
diff --git a/frontend/src/app/models/ui-settings.ts b/frontend/src/app/models/ui-settings.ts
deleted file mode 100644
index aec329e6e..000000000
--- a/frontend/src/app/models/ui-settings.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-export interface GlobalSettingsUI {
-	connectionsListCollapsed: boolean;
-	lastFeatureNotificationId: string;
-	profileSidebarCollapsed?: boolean;
-}
-
-export interface TableSettingsUI {
-	shownColumns?: string[];
-	defaultSort?: {
-		column: string;
-		direction: 'asc' | 'desc';
-	};
-}
-
-export interface ConnectionSettingsUI {
-	shownTableTitles: boolean;
-	tables: { [tableName: string]: TableSettingsUI };
-	tableFoldersExpanded?: string[];
-	dashboardsSidebarCollapsed?: boolean;
-}
-
-export interface UiSettings {
-	globalSettings: GlobalSettingsUI;
-	connections: { [connectionId: string]: ConnectionSettingsUI };
-}
diff --git a/frontend/src/app/models/user.ts b/frontend/src/app/models/user.ts
deleted file mode 100644
index 0420670d4..000000000
--- a/frontend/src/app/models/user.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-import { CompanyMemberRole } from './company';
-import { TablePermissions } from './table';
-
-export interface ExistingAuthUser {
-	email: string;
-	password: string;
-	companyId: string;
-}
-
-export interface UserGroup {
-	id: string;
-	title: string;
-	isMain: boolean;
-	cedarPolicy?: string | null;
-	users?: {
-		id: string;
-		isActive: boolean;
-		email: string;
-		createdAt?: string;
-		name: string;
-		is_2fa_enabled: boolean;
-		role: CompanyMemberRole;
-	}[];
-}
-
-export interface UserGroupInfo {
-	group: UserGroup;
-	accessLevel: string;
-}
-
-export interface GroupUser {
-	id: string;
-	createdAt: string;
-	gclid: string | null;
-	isActive: boolean;
-	email: string;
-	name?: string;
-}
-
-export enum SubscriptionPlans {
-	free = 'FREE_PLAN',
-	team = 'TEAM_PLAN',
-	enterprise = 'ENTERPRISE_PLAN',
-	teamAnnual = 'ANNUAL_TEAM_PLAN',
-	enterpriseAnnual = 'ANNUAL_ENTERPRISE_PLAN',
-}
-
-export enum RegistrationProvider {
-	Google = 'GOOGLE',
-	Github = 'GITHUB',
-}
-
-export interface User {
-	id: string;
-	isActive: boolean;
-	email: string;
-	name?: string;
-	createdAt?: string;
-	subscriptionLevel: SubscriptionPlans;
-	is_2fa_enabled: boolean;
-	role: CompanyMemberRole;
-	externalRegistrationProvider: RegistrationProvider | null;
-	company: {
-		id: string;
-	};
-}
-
-export enum AccessLevel {
-	None = 'none',
-	Readonly = 'readonly',
-	Edit = 'edit',
-}
-
-export interface TablePermission {
-	tableName: string;
-	display_name: string;
-	accessLevel: TablePermissions;
-}
-
-export interface Permissions {
-	connection: {
-		connectionId: string;
-		accessLevel: AccessLevel;
-	};
-	group: {
-		groupId: string;
-		accessLevel: AccessLevel;
-	};
-	tables: TablePermission[];
-}
-
-// Public (unauthenticated) access to a connection. Mirrors the backend
-// PublicTablePermissionDto: an omitted/empty readableColumns means "all columns".
-export interface PublicTablePermission {
-	tableName: string;
-	readableColumns?: string[];
-}
-
-export interface PublicPermissions {
-	enabled: boolean;
-	tables: PublicTablePermission[];
-}
-
-export interface ApiKey {
-	title: string;
-	id: string;
-}
diff --git a/frontend/src/app/modules/config.module.ts b/frontend/src/app/modules/config.module.ts
deleted file mode 100644
index 0d0dd555e..000000000
--- a/frontend/src/app/modules/config.module.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { HttpClientModule } from '@angular/common/http';
-import { ModuleWithProviders, NgModule } from '@angular/core';
-import { ConfigurationService } from '../services/configuration.service';
-
-@NgModule({
-	providers: [ConfigurationService],
-	imports: [HttpClientModule],
-})
-export class ConfigModule {
-	static buildForConfigUrl(configUrl: string): ModuleWithProviders<ConfigModule> {
-		return {
-			ngModule: ConfigModule,
-			providers: [
-				{
-					provide: 'CONFIG_URL',
-					useValue: configUrl,
-				},
-			],
-		};
-	}
-}
diff --git a/frontend/src/app/routes/company-invitation.routes.ts b/frontend/src/app/routes/company-invitation.routes.ts
deleted file mode 100644
index c9210d966..000000000
--- a/frontend/src/app/routes/company-invitation.routes.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Routes } from '@angular/router';
-import { provideZxvbnServiceForPSM } from 'angular-password-strength-meter/zxcvbn';
-
-export const COMPANY_INVITATION_ROUTES: Routes = [
-	{
-		path: '',
-		loadComponent: () =>
-			import('../components/company-member-invitation/company-member-invitation.component').then(
-				(m) => m.CompanyMemberInvitationComponent,
-			),
-		title: 'Invitation | Rocketadmin',
-		providers: [provideZxvbnServiceForPSM()],
-	},
-];
diff --git a/frontend/src/app/routes/password-change.routes.ts b/frontend/src/app/routes/password-change.routes.ts
deleted file mode 100644
index 3e5379209..000000000
--- a/frontend/src/app/routes/password-change.routes.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Routes } from '@angular/router';
-import { provideZxvbnServiceForPSM } from 'angular-password-strength-meter/zxcvbn';
-import { AuthGuard } from '../guards/auth.guard';
-
-export const PASSWORD_CHANGE_ROUTES: Routes = [
-	{
-		path: '',
-		loadComponent: () =>
-			import('../components/password-change/password-change.component').then((m) => m.PasswordChangeComponent),
-		canActivate: [AuthGuard],
-		providers: [provideZxvbnServiceForPSM()],
-	},
-];
diff --git a/frontend/src/app/routes/password-reset.routes.ts b/frontend/src/app/routes/password-reset.routes.ts
deleted file mode 100644
index 2b1f66c58..000000000
--- a/frontend/src/app/routes/password-reset.routes.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Routes } from '@angular/router';
-import { provideZxvbnServiceForPSM } from 'angular-password-strength-meter/zxcvbn';
-
-export const PASSWORD_RESET_ROUTES: Routes = [
-	{
-		path: '',
-		loadComponent: () =>
-			import('../components/password-reset/password-reset.component').then((m) => m.PasswordResetComponent),
-		title: 'Reset password | Rocketadmin',
-		providers: [provideZxvbnServiceForPSM()],
-	},
-];
diff --git a/frontend/src/app/services/ai-suggestions.service.ts b/frontend/src/app/services/ai-suggestions.service.ts
deleted file mode 100644
index 097e2b3a5..000000000
--- a/frontend/src/app/services/ai-suggestions.service.ts
+++ /dev/null
@@ -1,353 +0,0 @@
-import { Injectable } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import {
-  AISuggestionInput,
-  AISuggestionOutput,
-  AISuggestionTableContext,
-  AISuggestionColumn,
-  AISuggestionRelation,
-  AISuggestionUIContext,
-  AISuggestionConversation,
-  AISuggestionHistory,
-  AITableSuggestion,
-} from '../models/ai-suggestions';
-import { TableField, TableForeignKey } from '../models/table';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class AISuggestionsService {
-
-  private suggestionsSubject = new BehaviorSubject<AISuggestionOutput | null>(null);
-  public suggestions$ = this.suggestionsSubject.asObservable();
-
-  private historySubject = new BehaviorSubject<AISuggestionHistory>({
-    recently_shown_ids: [],
-    recently_clicked_ids: []
-  });
-
-  constructor() {}
-
-  /**
-   * Build table context from existing table data
-   */
-  buildTableContext(
-    tableName: string,
-    displayName: string,
-    structure: TableField[],
-    foreignKeys: TableForeignKey[],
-    rowCount?: number
-  ): AISuggestionTableContext {
-    const columns: AISuggestionColumn[] = structure.map(field => ({
-      name: field.column_name,
-      type: field.data_type,
-      nullable: field.allow_null,
-      unique: false,
-      indexed: false
-    }));
-
-    const relations: AISuggestionRelation[] = foreignKeys.map(fk => ({
-      type: 'fk' as const,
-      from_column: fk.column_name,
-      to_table: fk.referenced_table_name,
-      to_column: fk.referenced_column_name,
-      label: `${tableName}.${fk.column_name} -> ${fk.referenced_table_name}.${fk.referenced_column_name}`
-    }));
-
-    return {
-      name: tableName,
-      description: displayName !== tableName ? displayName : undefined,
-      row_count: rowCount,
-      columns,
-      relations
-    };
-  }
-
-  /**
-   * Build UI context from current state
-   */
-  buildUIContext(
-    activeFilters?: Record<string, any>,
-    selectedRow?: Record<string, any>,
-    selectedColumn?: string
-  ): AISuggestionUIContext {
-    const filters = activeFilters
-      ? Object.entries(activeFilters).map(([column, filterValue]) => {
-          const op = Object.keys(filterValue)[0] || 'eq';
-          const value = Object.values(filterValue)[0];
-          return { column, op, value };
-        })
-      : undefined;
-
-    return {
-      active_filters: filters,
-      selected_row: selectedRow,
-      selected_column: selectedColumn
-    };
-  }
-
-  /**
-   * Build conversation context
-   */
-  buildConversationContext(
-    messagesChain: { type: string; text: string }[]
-  ): AISuggestionConversation {
-    const lastUserMessage = [...messagesChain]
-      .reverse()
-      .find(m => m.type === 'user')?.text;
-
-    const last2Messages = messagesChain.slice(-2).map(m => ({
-      role: m.type === 'user' ? 'user' : 'assistant',
-      text: m.text
-    }));
-
-    return {
-      last_user_message: lastUserMessage,
-      last_2_messages: last2Messages.length > 0 ? last2Messages : undefined
-    };
-  }
-
-  /**
-   * Build full suggestion input
-   */
-  buildSuggestionInput(
-    tableContext: AISuggestionTableContext,
-    uiContext?: AISuggestionUIContext,
-    conversationContext?: AISuggestionConversation
-  ): AISuggestionInput {
-    return {
-      table: tableContext,
-      ui_context: uiContext,
-      conversation: conversationContext,
-      suggestion_history: this.historySubject.value
-    };
-  }
-
-  /**
-   * Generate local suggestions based on table context (fallback when no AI)
-   */
-  generateLocalSuggestions(input: AISuggestionInput): AISuggestionOutput {
-    const suggestions: AITableSuggestion[] = [];
-    const { table, ui_context } = input;
-
-    // Find datetime columns for trend analysis
-    const dateColumns = table.columns.filter(c =>
-      c.type.toLowerCase().includes('date') ||
-      c.type.toLowerCase().includes('time') ||
-      c.name.toLowerCase().includes('created') ||
-      c.name.toLowerCase().includes('updated')
-    );
-
-    // Find status/categorical columns
-    const statusColumns = table.columns.filter(c =>
-      c.name.toLowerCase().includes('status') ||
-      c.name.toLowerCase().includes('state') ||
-      c.name.toLowerCase().includes('type')
-    );
-
-    // Find email/identifier columns
-    const identifierColumns = table.columns.filter(c =>
-      c.name.toLowerCase().includes('email') ||
-      c.name.toLowerCase().includes('name') ||
-      c.name.toLowerCase() === 'id'
-    );
-
-    // Find numeric columns
-    const numericColumns = table.columns.filter(c =>
-      c.type.toLowerCase().includes('int') ||
-      c.type.toLowerCase().includes('decimal') ||
-      c.type.toLowerCase().includes('numeric') ||
-      c.type.toLowerCase().includes('float')
-    );
-
-    // Basic suggestions
-    suggestions.push({
-      id: 'recent_rows',
-      title: 'Последние записи',
-      message: 'Покажи последние 10 записей в таблице',
-      confidence: 0.9,
-      risk: 'low'
-    });
-
-    suggestions.push({
-      id: 'table_overview',
-      title: 'Обзор таблицы',
-      message: 'Дай краткий обзор структуры таблицы и основных данных',
-      confidence: 0.85,
-      risk: 'low'
-    });
-
-    // Status distribution if status column exists
-    if (statusColumns.length > 0) {
-      const col = statusColumns[0];
-      suggestions.push({
-        id: `group_by_${col.name}`,
-        title: `Распределение по ${col.name}`,
-        message: `Покажи распределение записей по полю "${col.name}" с количеством в каждой группе`,
-        confidence: 0.8,
-        risk: 'low'
-      });
-    }
-
-    // Trend analysis if date column exists
-    if (dateColumns.length > 0) {
-      const col = dateColumns[0];
-      suggestions.push({
-        id: `trend_by_${col.name}`,
-        title: `Тренд по ${col.name}`,
-        message: `Покажи тренд создания записей по полю "${col.name}" по месяцам`,
-        confidence: 0.75,
-        risk: 'low'
-      });
-    }
-
-    // Duplicates check if identifier column exists
-    if (identifierColumns.length > 0) {
-      const col = identifierColumns.find(c => c.name.toLowerCase().includes('email')) || identifierColumns[0];
-      suggestions.push({
-        id: `duplicates_by_${col.name}`,
-        title: `Дубликаты по ${col.name}`,
-        message: `Найди все дубликаты по полю "${col.name}" и покажи группы с количеством`,
-        confidence: 0.7,
-        risk: 'low'
-      });
-    }
-
-    // Null analysis
-    const nullableColumns = table.columns.filter(c => c.nullable);
-    if (nullableColumns.length > 0) {
-      suggestions.push({
-        id: 'nulls_overview',
-        title: 'Анализ пустых значений',
-        message: 'Покажи статистику по NULL значениям во всех колонках',
-        confidence: 0.7,
-        risk: 'low'
-      });
-    }
-
-    // Statistics for numeric columns
-    if (numericColumns.length > 0) {
-      const col = numericColumns.find(c =>
-        c.name.toLowerCase().includes('amount') ||
-        c.name.toLowerCase().includes('price') ||
-        c.name.toLowerCase().includes('total')
-      ) || numericColumns[0];
-      suggestions.push({
-        id: `stats_${col.name}`,
-        title: `Статистика по ${col.name}`,
-        message: `Рассчитай статистику (min, max, avg, sum) для поля "${col.name}"`,
-        confidence: 0.7,
-        risk: 'low'
-      });
-    }
-
-    // Context-aware suggestions based on active filters
-    if (ui_context?.active_filters && ui_context.active_filters.length > 0) {
-      suggestions.push({
-        id: 'filtered_count',
-        title: 'Количество по фильтру',
-        message: 'Сколько записей соответствует текущему фильтру?',
-        confidence: 0.85,
-        risk: 'low'
-      });
-    }
-
-    // Take top 5-7 suggestions
-    const finalSuggestions = suggestions.slice(0, 7);
-
-    return {
-      intent: this._detectIntent(input),
-      table_suggestions: finalSuggestions,
-      navigation_suggestions: this._generateNavigationSuggestions(input)
-    };
-  }
-
-  /**
-   * Record that a suggestion was clicked
-   */
-  recordSuggestionClick(suggestionId: string): void {
-    const history = this.historySubject.value;
-    const clicked = [...(history.recently_clicked_ids || []), suggestionId].slice(-10);
-    this.historySubject.next({
-      ...history,
-      recently_clicked_ids: clicked
-    });
-  }
-
-  /**
-   * Clear suggestion history
-   */
-  clearHistory(): void {
-    this.historySubject.next({
-      recently_shown_ids: [],
-      recently_clicked_ids: []
-    });
-  }
-
-  /**
-   * Update shown history
-   */
-  private updateShownHistory(shownIds: string[]): void {
-    const history = this.historySubject.value;
-    const shown = [...(history.recently_shown_ids || []), ...shownIds].slice(-20);
-    this.historySubject.next({
-      ...history,
-      recently_shown_ids: shown
-    });
-  }
-
-  /**
-   * Detect user intent from context
-   */
-  private _detectIntent(input: AISuggestionInput): string[] {
-    const intents: string[] = [];
-    const { ui_context, conversation } = input;
-
-    const lastMessage = conversation?.last_user_message?.toLowerCase() || '';
-
-    if (lastMessage.includes('покажи') || lastMessage.includes('найди') || lastMessage.includes('где')) {
-      intents.push('SEARCH');
-    }
-    if (lastMessage.includes('сколько') || lastMessage.includes('группир') || lastMessage.includes('распределен')) {
-      intents.push('SEGMENT');
-    }
-    if (lastMessage.includes('дублик') || lastMessage.includes('null') || lastMessage.includes('пуст')) {
-      intents.push('QUALITY');
-    }
-    if (lastMessage.includes('обнови') || lastMessage.includes('измени')) {
-      intents.push('UPDATE_HELP');
-    }
-
-    if (intents.length === 0) {
-      intents.push('EXPLORE');
-    }
-
-    return intents;
-  }
-
-  /**
-   * Generate navigation suggestions for related tables
-   */
-  private _generateNavigationSuggestions(input: AISuggestionInput) {
-    const { table, ui_context } = input;
-    const suggestions = [];
-
-    if (table.relations.length > 0 && ui_context?.selected_row) {
-      for (const relation of table.relations.slice(0, 3)) {
-        const fkValue = ui_context.selected_row[relation.from_column];
-        if (fkValue) {
-          suggestions.push({
-            id: `nav_to_${relation.to_table}`,
-            title: `Открыть ${relation.to_table}`,
-            target_table: relation.to_table,
-            prefilled_query: `Покажи запись с ${relation.to_column} = ${fkValue}`,
-            why: `Связь ${relation.label}`,
-            confidence: 0.7
-          });
-        }
-      }
-    }
-
-    return suggestions;
-  }
-}
diff --git a/frontend/src/app/services/ai.service.ts b/frontend/src/app/services/ai.service.ts
deleted file mode 100644
index b1adc357a..000000000
--- a/frontend/src/app/services/ai.service.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Injectable, inject } from '@angular/core';
-import { AiStreamChunk, ApiService } from './api.service';
-
-export interface AiStreamResponse {
-	threadId: string;
-	stream: AsyncGenerator<AiStreamChunk>;
-}
-
-@Injectable({
-	providedIn: 'root',
-})
-export class AiService {
-	private _api = inject(ApiService);
-
-	async createThread(
-		connectionId: string,
-		tableName: string,
-		message: string,
-		signal?: AbortSignal,
-	): Promise<AiStreamResponse | null> {
-		const result = await this._api.postStream(
-			`/ai/v4/request/${connectionId}`,
-			{ user_message: message },
-			{ params: { tableName }, signal },
-		);
-
-		if (!result) return null;
-
-		return {
-			threadId: result.headers.get('X-OpenAI-Thread-ID'),
-			stream: result.stream,
-		};
-	}
-
-	async sendMessage(
-		connectionId: string,
-		tableName: string,
-		threadId: string,
-		message: string,
-		signal?: AbortSignal,
-	): Promise<AsyncGenerator<AiStreamChunk> | null> {
-		const result = await this._api.postStream(
-			`/ai/v4/request/${connectionId}`,
-			{ user_message: message },
-			{ params: { tableName, threadId }, signal },
-		);
-
-		return result?.stream ?? null;
-	}
-}
diff --git a/frontend/src/app/services/api.service.ts b/frontend/src/app/services/api.service.ts
deleted file mode 100644
index a36cf371c..000000000
--- a/frontend/src/app/services/api.service.ts
+++ /dev/null
@@ -1,262 +0,0 @@
-import { HttpResourceOptions, HttpResourceRef, HttpResourceRequest, httpResource } from '@angular/common/http';
-import { effect, Injectable, inject } from '@angular/core';
-import { environment } from '../../environments/environment';
-import { AlertActionType, AlertType } from '../models/alert';
-import { NotificationsService } from './notifications.service';
-
-export interface ApiRequestOptions {
-	params?: Record<string, string | number | boolean>;
-	headers?: Record<string, string>;
-	successMessage?: string;
-	errorMessage?: string;
-	responseType?: 'json' | 'text';
-	signal?: AbortSignal;
-}
-
-export interface ApiResponse<T> {
-	data: T;
-	headers: Headers;
-	status: number;
-}
-
-export type AiStreamChunk =
-	| { type: 'thinking'; content: string }
-	| { type: 'thinking_reset' }
-	| { type: 'thinking_commit' }
-	| { type: 'text'; content: string };
-
-function tryParseChunk(line: string): AiStreamChunk | null {
-	try {
-		const parsed = JSON.parse(line);
-		if (parsed && typeof parsed.type === 'string') {
-			return parsed as AiStreamChunk;
-		}
-	} catch {
-		// ignore malformed line
-	}
-	return null;
-}
-
-@Injectable({
-	providedIn: 'root',
-})
-export class ApiService {
-	private _notifications = inject(NotificationsService);
-
-	resource<T>(
-		request: () => string | HttpResourceRequest | undefined,
-		options?: HttpResourceOptions<T, unknown> & { errorMessage?: string },
-	): HttpResourceRef<T | undefined> {
-		const ref = httpResource<T>(request as () => HttpResourceRequest | undefined, options);
-
-		effect(() => {
-			const err = ref.error();
-			if (err) {
-				this._handleError(err, { errorMessage: options?.errorMessage });
-			}
-		});
-
-		return ref;
-	}
-
-	async get<T>(url: string, options?: ApiRequestOptions): Promise<T | null> {
-		const result = await this._fetchResponse<T>('GET', url, undefined, options);
-		return result?.data ?? null;
-	}
-
-	async post<T>(url: string, body?: unknown, options?: ApiRequestOptions): Promise<T | null> {
-		const result = await this._fetchResponse<T>('POST', url, body, options);
-		return result?.data ?? null;
-	}
-
-	postResponse<T>(url: string, body?: unknown, options?: ApiRequestOptions): Promise<ApiResponse<T> | null> {
-		return this._fetchResponse<T>('POST', url, body, options);
-	}
-
-	async put<T>(url: string, body?: unknown, options?: ApiRequestOptions): Promise<T | null> {
-		const result = await this._fetchResponse<T>('PUT', url, body, options);
-		return result?.data ?? null;
-	}
-
-	async delete<T>(url: string, options?: ApiRequestOptions): Promise<T | null> {
-		const result = await this._fetchResponse<T>('DELETE', url, undefined, options);
-		return result?.data ?? null;
-	}
-
-	async postStream(
-		url: string,
-		body?: unknown,
-		options?: ApiRequestOptions,
-	): Promise<{ headers: Headers; stream: AsyncGenerator<AiStreamChunk> } | null> {
-		try {
-			const fullUrl = this._buildUrl(url, options?.params);
-			const headers = this._buildHeaders(options?.headers);
-
-			const response = await fetch(fullUrl, {
-				method: 'POST',
-				headers,
-				body: body !== undefined ? JSON.stringify(body) : undefined,
-				credentials: 'include',
-				signal: options?.signal,
-			});
-
-			if (!response.ok) {
-				if (response.status === 401) {
-					localStorage.removeItem('token_expiration');
-					location.href = '/login';
-					return null;
-				}
-
-				const errorBody = await response.json().catch(() => ({}));
-				throw { error: errorBody, status: response.status };
-			}
-
-			const reader = response.body.getReader();
-			const decoder = new TextDecoder();
-
-			async function* chunkStream(): AsyncGenerator<AiStreamChunk> {
-				let buffer = '';
-				try {
-					while (true) {
-						const { done, value } = await reader.read();
-						if (done) {
-							const tail = buffer.trim();
-							if (tail) {
-								const parsed = tryParseChunk(tail);
-								if (parsed) yield parsed;
-							}
-							break;
-						}
-						buffer += decoder.decode(value, { stream: true });
-						let newlineIdx: number;
-						while ((newlineIdx = buffer.indexOf('\n')) >= 0) {
-							const line = buffer.slice(0, newlineIdx).trim();
-							buffer = buffer.slice(newlineIdx + 1);
-							if (!line) continue;
-							const parsed = tryParseChunk(line);
-							if (parsed) yield parsed;
-						}
-					}
-				} finally {
-					reader.releaseLock();
-				}
-			}
-
-			return { headers: response.headers, stream: chunkStream() };
-		} catch (err: unknown) {
-			if ((err as Error).name === 'AbortError') return null;
-			this._handleError(err, options);
-			return null;
-		}
-	}
-
-	private async _fetchResponse<T>(
-		method: string,
-		url: string,
-		body?: unknown,
-		options?: ApiRequestOptions,
-	): Promise<ApiResponse<T> | null> {
-		try {
-			const fullUrl = this._buildUrl(url, options?.params);
-			const headers = this._buildHeaders(options?.headers);
-
-			const response = await fetch(fullUrl, {
-				method,
-				headers,
-				body: body !== undefined ? JSON.stringify(body) : undefined,
-				credentials: 'include',
-				signal: options?.signal,
-			});
-
-			if (!response.ok) {
-				if (response.status === 401) {
-					localStorage.removeItem('token_expiration');
-					location.href = '/login';
-					return null;
-				}
-
-				const errorBody = await response.json().catch(() => ({}));
-				throw { error: errorBody, status: response.status };
-			}
-
-			const data =
-				(options?.responseType ?? 'json') === 'text' ? ((await response.text()) as T) : ((await response.json()) as T);
-
-			if (options?.successMessage) {
-				this._notifications.showSuccessSnackbar(options.successMessage);
-			}
-
-			return { data, headers: response.headers, status: response.status };
-		} catch (err: unknown) {
-			if ((err as Error).name === 'AbortError') return null;
-			this._handleError(err, options);
-			return null;
-		}
-	}
-
-	private _buildUrl(url: string, params?: Record<string, string | number | boolean>): string {
-		const normalized = this._normalizeUrl(url);
-
-		if (!params || Object.keys(params).length === 0) return normalized;
-
-		const searchParams = new URLSearchParams();
-		for (const [key, value] of Object.entries(params)) {
-			if (value !== undefined && value !== null) {
-				searchParams.set(key, String(value));
-			}
-		}
-
-		return `${normalized}?${searchParams.toString()}`;
-	}
-
-	private _normalizeUrl(url: string): string {
-		if (url.startsWith('http://') || url.startsWith('https://')) return url;
-		if (url.startsWith('/saas')) return `${environment.saasURL || ''}${url}`;
-		return `${environment.apiRoot || '/api'}${url}`;
-	}
-
-	private _buildHeaders(custom?: Record<string, string>): Record<string, string> {
-		const headers: Record<string, string> = {
-			'Content-Type': 'application/json',
-		};
-
-		const gclidMatch = document.cookie.match(/(?:^|;\s*)autoadmin_gclid=([^;]*)/);
-		if (gclidMatch?.[1]) {
-			headers.GCLID = gclidMatch[1];
-		}
-
-		const pathSegments = location.pathname.split('/');
-		const connectionId = pathSegments.length >= 3 ? pathSegments[2] : null;
-		if (connectionId) {
-			const masterKey = localStorage.getItem(`${connectionId}__masterKey`);
-			if (masterKey) {
-				headers.masterpwd = masterKey;
-			}
-		}
-
-		if (custom) {
-			Object.assign(headers, custom);
-		}
-
-		return headers;
-	}
-
-	private _handleError(err: unknown, options?: { errorMessage?: string }): void {
-		console.log(err);
-		const error = err as { error?: { message?: string; originalMessage?: string }; message?: string };
-		const message = options?.errorMessage || error?.error?.message || error?.message || 'Unknown error';
-		const details = error?.error?.originalMessage;
-
-		if (details) {
-			this._notifications.showAlert(AlertType.Error, { abstract: message, details }, [
-				{
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-					action: () => this._notifications.dismissAlert(),
-				},
-			]);
-		} else {
-			this._notifications.showErrorSnackbar(message);
-		}
-	}
-}
diff --git a/frontend/src/app/services/auth.service.spec.ts b/frontend/src/app/services/auth.service.spec.ts
deleted file mode 100644
index 748ce1d2c..000000000
--- a/frontend/src/app/services/auth.service.spec.ts
+++ /dev/null
@@ -1,285 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-import { TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { AlertActionType, AlertType } from '../models/alert';
-import { AuthService } from './auth.service';
-import { NotificationsService } from './notifications.service';
-
-describe('AuthService', () => {
-	let service: AuthService;
-	let httpMock: HttpTestingController;
-
-	let fakeNotifications;
-
-	const fakeError = {
-		message: 'Auth error',
-		statusCode: 400,
-		originalMessage: 'Auth error details',
-	};
-
-	beforeEach(() => {
-		fakeNotifications = {
-			showErrorSnackbar: vi.fn(),
-			showSuccessSnackbar: vi.fn(),
-			showAlert: vi.fn(),
-		};
-
-		TestBed.configureTestingModule({
-			imports: [MatSnackBarModule],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				AuthService,
-				{
-					provide: NotificationsService,
-					useValue: fakeNotifications,
-				},
-			],
-		});
-
-		httpMock = TestBed.inject(HttpTestingController);
-		service = TestBed.inject(AuthService);
-	});
-
-	afterEach(() => {
-		httpMock.verify();
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-
-	it('should call loginUser', () => {
-		let isSignUpUserCalled = false;
-
-		const userData = {
-			email: 'john@smith.com',
-			password: 'mM87654321',
-			companyId: 'company_1',
-		};
-
-		const loginResponse = {
-			expires: '2022-04-11T15:56:51.599Z',
-		};
-
-		service.loginUser(userData).subscribe((res) => {
-			expect(res).toEqual(loginResponse);
-			isSignUpUserCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user/login`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual(userData);
-		req.flush(loginResponse);
-
-		expect(isSignUpUserCalled).toBe(true);
-	});
-
-	it('should fall for loginUser and show Error alert', async () => {
-		const userData = {
-			email: 'john@smith.com',
-			password: 'mM87654321',
-			companyId: 'company_1',
-		};
-
-		const tokenExpiration = service.loginUser(userData).toPromise();
-
-		const req = httpMock.expectOne(`/user/login`);
-		expect(req.request.method).toBe('POST');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await tokenExpiration;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call loginWith2FA', () => {
-		let isLoginWith2FACalled = false;
-
-		const twofaResponse = {};
-
-		service.loginWith2FA('123456').subscribe((res) => {
-			expect(res).toEqual(twofaResponse);
-			isLoginWith2FACalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user/otp/login`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({ otpToken: '123456' });
-		req.flush(twofaResponse);
-
-		expect(isLoginWith2FACalled).toBe(true);
-	});
-
-	it('should fall for loginWith2FA and show Error alert', async () => {
-		const twofaResponse = service.loginWith2FA('123456').toPromise();
-
-		const req = httpMock.expectOne(`/user/otp/login`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({ otpToken: '123456' });
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await twofaResponse;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call loginWithGoogle', () => {
-		let isLoginWithGoogleCalled = false;
-
-		const googleResponse = {};
-
-		service.loginWithGoogle('google-token-12345678').subscribe((res) => {
-			expect(res).toEqual(googleResponse);
-			isLoginWithGoogleCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/saas/user/google/login`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({ token: 'google-token-12345678' });
-		req.flush(googleResponse);
-
-		expect(isLoginWithGoogleCalled).toBe(true);
-	});
-
-	it('should fall for loginWithGoogle and show Error alert', async () => {
-		const googleResponse = service.loginWithGoogle('google-token-12345678').toPromise();
-
-		const req = httpMock.expectOne(`/saas/user/google/login`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({ token: 'google-token-12345678' });
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await googleResponse;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call requestEmailVerifications', () => {
-		let isRequestEmailVerificationsCalled = false;
-
-		const googleResponse = {};
-
-		service.requestEmailVerifications().subscribe((res) => {
-			expect(res).toEqual(googleResponse);
-			isRequestEmailVerificationsCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user/email/verify/request`);
-		expect(req.request.method).toBe('GET');
-		req.flush(googleResponse);
-
-		expect(isRequestEmailVerificationsCalled).toBe(true);
-	});
-
-	it('should fall for requestEmailVerifications and show Error alert', async () => {
-		const googleResponse = service.requestEmailVerifications().toPromise();
-
-		const req = httpMock.expectOne(`/user/email/verify/request`);
-		expect(req.request.method).toBe('GET');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await googleResponse;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call verifyEmail', () => {
-		let isSignUpUserCalled = false;
-
-		const verifyResponse = {
-			message: 'Email verified successfully',
-		};
-
-		service.verifyEmail('12345678').subscribe((res) => {
-			expect(res).toEqual(verifyResponse);
-			isSignUpUserCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user/email/verify/12345678`);
-		expect(req.request.method).toBe('GET');
-		req.flush(verifyResponse);
-
-		expect(isSignUpUserCalled).toBe(true);
-	});
-
-	it('should fall for verifyEmail and show Error alert', async () => {
-		const verifyResponse = service.verifyEmail('12345678').toPromise();
-
-		const req = httpMock.expectOne(`/user/email/verify/12345678`);
-		expect(req.request.method).toBe('GET');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await verifyResponse;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call logOutUser', () => {
-		let isLogoutCalled = false;
-
-		const logoutResponse = true;
-
-		service.logOutUser().subscribe(() => {
-			isLogoutCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user/logout`);
-		expect(req.request.method).toBe('POST');
-		req.flush(logoutResponse);
-
-		expect(isLogoutCalled).toBe(true);
-	});
-
-	it('should fall for logOutUser and show Error snackbar', async () => {
-		const logoutResponse = service.logOutUser().toPromise();
-
-		const req = httpMock.expectOne(`/user/logout`);
-		expect(req.request.method).toBe('POST');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await logoutResponse;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-	});
-});
diff --git a/frontend/src/app/services/auth.service.ts b/frontend/src/app/services/auth.service.ts
deleted file mode 100644
index f697b4f68..000000000
--- a/frontend/src/app/services/auth.service.ts
+++ /dev/null
@@ -1,256 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { Injectable, signal } from '@angular/core';
-import * as Sentry from '@sentry/angular';
-import { BehaviorSubject, EMPTY } from 'rxjs';
-import { catchError, map } from 'rxjs/operators';
-import { AlertActionType, AlertType } from '../models/alert';
-import { ExistingAuthUser } from '../models/user';
-import { ConfigurationService } from './configuration.service';
-import { NotificationsService } from './notifications.service';
-
-@Injectable({
-	providedIn: 'root',
-})
-export class AuthService {
-	private auth = new BehaviorSubject<any>('');
-	public cast = this.auth.asObservable();
-
-	private _isAuthenticated = signal<boolean>(AuthService._hasValidSessionToken());
-	public readonly isAuthenticated = this._isAuthenticated.asReadonly();
-
-	constructor(
-		private _http: HttpClient,
-		private _notifications: NotificationsService,
-		private _configuration: ConfigurationService,
-	) {}
-
-	setAuthenticated(value: boolean): void {
-		this._isAuthenticated.set(value);
-	}
-
-	loginUser(userData: ExistingAuthUser) {
-		if (userData.companyId === '') {
-			delete userData.companyId;
-		}
-		return this._http.post<any>('/user/login', userData).pipe(
-			map((res) => {
-				this.auth.next(res);
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: () => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	loginWith2FA(code: string) {
-		return this._http.post<any>('/user/otp/login', { otpToken: code }).pipe(
-			map((res) => {
-				this.auth.next(res);
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: () => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	loginWithGoogle(token: string) {
-		const config = this._configuration.getConfig();
-
-		return this._http.post<any>(config.saasURL + '/saas/user/google/login', { token }).pipe(
-			map((res) => {
-				this.auth.next(res);
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				Sentry.captureException(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	loginWithGithub() {
-		const config = this._configuration.getConfig();
-
-		location.assign(config.saasURL + '/saas/user/github/login/request');
-	}
-
-	requestEmailVerifications() {
-		return this._http.get<any>('/user/email/verify/request').pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('Confirmation email has been sent.');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: () => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	verifyEmail(token: string) {
-		return this._http.get<any>(`/user/email/verify/${token}`).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('Your email is verified.');
-				this.auth.next(res);
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: () => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	fetchUserCompanies(email: string) {
-		return this._http.get<any>(`/company/my/email/${email}`).pipe(
-			map((res) => res),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: () => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	checkInvitationAvailability(token: string) {
-		return this._http.get<any>(`/company/invite/verify/${token}`).pipe(
-			map((res) => {
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: () => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	acceptCompanyInvitation(token: string, password: string, userName: string) {
-		return this._http
-			.post<any>(`/company/invite/verify/${token}`, {
-				password,
-				userName,
-			})
-			.pipe(
-				map((res) => {
-					this.auth.next(res);
-					return res;
-				}),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showAlert(
-						AlertType.Error,
-						{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-						[
-							{
-								type: AlertActionType.Button,
-								caption: 'Dismiss',
-								action: (_id: number) => this._notifications.dismissAlert(),
-							},
-						],
-					);
-					return EMPTY;
-				}),
-			);
-	}
-
-	logOutUser() {
-		return this._http.post<any>('/user/logout', undefined).pipe(
-			map(() => {
-				this._notifications.showSuccessSnackbar('User is logged out.');
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-
-	private static _hasValidSessionToken(): boolean {
-		const exp = localStorage.getItem('token_expiration');
-		if (!exp) return false;
-		const expiration = new Date(exp);
-		return !isNaN(expiration.getTime()) && expiration.getTime() > Date.now();
-	}
-}
diff --git a/frontend/src/app/services/cedar-permission.service.spec.ts b/frontend/src/app/services/cedar-permission.service.spec.ts
deleted file mode 100644
index 2ba7b44ff..000000000
--- a/frontend/src/app/services/cedar-permission.service.spec.ts
+++ /dev/null
@@ -1,563 +0,0 @@
-import { signal, WritableSignal } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { BehaviorSubject } from 'rxjs';
-import { User, UserGroupInfo } from '../models/user';
-import { CedarPermissionService } from './cedar-permission.service';
-import { CedarWasmService } from './cedar-wasm.service';
-import { UserService } from './user.service';
-import { UsersService } from './users.service';
-import { ViewAsService } from './view-as.service';
-
-const CONN_ID = 'conn-abc';
-const USER_ID = 'user-1';
-
-function makeGroup(id: string, cedarPolicy: string | null, userIds: string[]): UserGroupInfo {
-	return {
-		group: {
-			id,
-			title: `Group ${id}`,
-			isMain: false,
-			cedarPolicy,
-			users: userIds.map((uid) => ({
-				id: uid,
-				isActive: true,
-				email: `${uid}@test.com`,
-				name: uid,
-				is_2fa_enabled: false,
-				role: 'MEMBER' as never,
-			})),
-		},
-		accessLevel: 'edit',
-	};
-}
-
-function permitPolicy(action: string, resourceType: string, resourceId: string): string {
-	return [
-		'permit(',
-		'  principal,',
-		`  action == RocketAdmin::Action::"${action}",`,
-		`  resource == RocketAdmin::${resourceType}::"${resourceId}"`,
-		');',
-	].join('\n');
-}
-
-describe('CedarPermissionService', () => {
-	let service: CedarPermissionService;
-	let groupsSignal: WritableSignal<UserGroupInfo[]>;
-	let viewAsSignal: WritableSignal<string | null>;
-	let userSubject: BehaviorSubject<User | null>;
-	let mockIsAuthorized: ReturnType<typeof vi.fn>;
-	let mockIsAuthorizedPartial: ReturnType<typeof vi.fn>;
-	let mockCheckParsePolicySet: ReturnType<typeof vi.fn>;
-	let wasmLoaded: () => void;
-
-	beforeEach(() => {
-		groupsSignal = signal<UserGroupInfo[]>([]);
-		viewAsSignal = signal<string | null>(null);
-		userSubject = new BehaviorSubject<User | null>(null);
-
-		mockIsAuthorized = vi.fn().mockReturnValue({
-			type: 'success',
-			response: { decision: 'deny', diagnostics: { reason: [], errors: [] } },
-			warnings: [],
-		});
-
-		mockIsAuthorizedPartial = vi.fn().mockReturnValue({
-			type: 'residuals',
-			response: { decision: 'deny', satisfied: [], errored: [], mayBeDetermining: [], mustBeDetermining: [] },
-			warnings: [],
-		});
-
-		// Default: every policy parses successfully. Individual tests can override
-		// to simulate malformed policies that the merge step should drop.
-		mockCheckParsePolicySet = vi.fn().mockReturnValue({ type: 'success' });
-
-		let resolveWasm: (mod: unknown) => void;
-		const wasmPromise = new Promise<unknown>((resolve) => {
-			resolveWasm = resolve;
-		});
-		wasmLoaded = () =>
-			resolveWasm!({
-				isAuthorized: mockIsAuthorized,
-				isAuthorizedPartial: mockIsAuthorizedPartial,
-				checkParsePolicySet: mockCheckParsePolicySet,
-			});
-
-		TestBed.configureTestingModule({
-			providers: [
-				CedarPermissionService,
-				{
-					provide: CedarWasmService,
-					useValue: { load: () => wasmPromise },
-				},
-				{
-					provide: UserService,
-					useValue: { cast: userSubject.asObservable() },
-				},
-				{
-					provide: UsersService,
-					useValue: { groups: groupsSignal.asReadonly() },
-				},
-				{
-					provide: ViewAsService,
-					useValue: { viewAsGroupId: viewAsSignal.asReadonly() },
-				},
-			],
-		});
-
-		service = TestBed.inject(CedarPermissionService);
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-
-	it('canI signal returns null when WASM not loaded', () => {
-		userSubject.next({ id: USER_ID } as User);
-		groupsSignal.set([makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])]);
-
-		const sig = service.canI('connection:read', 'Connection', CONN_ID);
-		expect(sig()).toBe(null);
-	});
-
-	it('canI signal returns null when no user', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-
-		groupsSignal.set([makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])]);
-
-		const sig = service.canI('connection:read', 'Connection', CONN_ID);
-		expect(sig()).toBe(null);
-		expect(mockIsAuthorized).not.toHaveBeenCalled();
-	});
-
-	it('canI signal returns null when user has no groups', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-
-		const sig = service.canI('connection:read', 'Connection', CONN_ID);
-		expect(sig()).toBe(null);
-		expect(mockIsAuthorized).not.toHaveBeenCalled();
-	});
-
-	it('canI signal returns true when policy permits the action', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-		groupsSignal.set([makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])]);
-
-		mockIsAuthorized.mockReturnValue({
-			type: 'success',
-			response: { decision: 'allow', diagnostics: { reason: ['policy0'], errors: [] } },
-			warnings: [],
-		});
-
-		const sig = service.canI('connection:read', 'Connection', CONN_ID);
-		expect(sig()).toBe(true);
-		expect(mockIsAuthorized).toHaveBeenCalledWith(
-			expect.objectContaining({
-				principal: { type: 'RocketAdmin::User', id: USER_ID },
-				action: { type: 'RocketAdmin::Action', id: 'connection:read' },
-				resource: { type: 'RocketAdmin::Connection', id: CONN_ID },
-			}),
-		);
-	});
-
-	it('canI signal returns false when policy denies the action', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-		groupsSignal.set([makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])]);
-
-		mockIsAuthorized.mockReturnValue({
-			type: 'success',
-			response: { decision: 'deny', diagnostics: { reason: [], errors: [] } },
-			warnings: [],
-		});
-
-		const sig = service.canI('connection:edit', 'Connection', CONN_ID);
-		expect(sig()).toBe(false);
-	});
-
-	it('merges policies from multiple groups', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-
-		const policy1 = permitPolicy('connection:read', 'Connection', CONN_ID);
-		const policy2 = permitPolicy('table:read', 'Table', `${CONN_ID}/users`);
-		groupsSignal.set([makeGroup('g1', policy1, [USER_ID]), makeGroup('g2', policy2, [USER_ID])]);
-
-		mockIsAuthorized.mockReturnValue({
-			type: 'success',
-			response: { decision: 'allow', diagnostics: { reason: [], errors: [] } },
-			warnings: [],
-		});
-
-		service.canI('connection:read', 'Connection', CONN_ID)();
-
-		const call = mockIsAuthorized.mock.calls[0][0];
-		expect(call.policies.staticPolicies).toContain('connection:read');
-		expect(call.policies.staticPolicies).toContain('table:read');
-	});
-
-	it('ignores groups the user does not belong to', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-
-		const userPolicy = permitPolicy('connection:read', 'Connection', CONN_ID);
-		const otherPolicy = permitPolicy('connection:edit', 'Connection', CONN_ID);
-		groupsSignal.set([makeGroup('g1', userPolicy, [USER_ID]), makeGroup('g2', otherPolicy, ['other-user'])]);
-
-		mockIsAuthorized.mockReturnValue({
-			type: 'success',
-			response: { decision: 'allow', diagnostics: { reason: [], errors: [] } },
-			warnings: [],
-		});
-
-		service.canI('connection:read', 'Connection', CONN_ID)();
-
-		const call = mockIsAuthorized.mock.calls[0][0];
-		expect(call.policies.staticPolicies).toContain('connection:read');
-		expect(call.policies.staticPolicies).not.toContain('connection:edit');
-	});
-
-	it('signal auto-refreshes when groups change', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-
-		// Initially no groups → null (not yet determined)
-		const sig = service.canI('connection:read', 'Connection', CONN_ID);
-		expect(sig()).toBe(null);
-
-		// Add a group with a permit policy
-		groupsSignal.set([makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])]);
-
-		mockIsAuthorized.mockReturnValue({
-			type: 'success',
-			response: { decision: 'allow', diagnostics: { reason: [], errors: [] } },
-			warnings: [],
-		});
-
-		// Same signal should now return true
-		expect(sig()).toBe(true);
-	});
-
-	it('same args return same signal instance', () => {
-		const sig1 = service.canI('connection:read', 'Connection', CONN_ID);
-		const sig2 = service.canI('connection:read', 'Connection', CONN_ID);
-		expect(sig1).toBe(sig2);
-	});
-
-	it('different args return different signal instances', () => {
-		const sig1 = service.canI('connection:read', 'Connection', CONN_ID);
-		const sig2 = service.canI('connection:edit', 'Connection', CONN_ID);
-		expect(sig1).not.toBe(sig2);
-	});
-
-	it('ready signal reflects state correctly', async () => {
-		expect(service.ready()).toBe(false);
-
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		expect(service.ready()).toBe(false); // no user yet
-
-		userSubject.next({ id: USER_ID } as User);
-		expect(service.ready()).toBe(false); // no groups yet
-
-		groupsSignal.set([makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])]);
-		expect(service.ready()).toBe(true);
-	});
-
-	it('returns false on isAuthorized failure', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-		groupsSignal.set([makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])]);
-
-		mockIsAuthorized.mockReturnValue({
-			type: 'failure',
-			errors: [{ message: 'some error' }],
-			warnings: [],
-		});
-
-		const sig = service.canI('connection:read', 'Connection', CONN_ID);
-		expect(sig()).toBe(false);
-	});
-
-	// canIAny tests (partial authorization)
-
-	it('canIAny returns null when WASM not loaded', () => {
-		userSubject.next({ id: USER_ID } as User);
-		groupsSignal.set([makeGroup('g1', permitPolicy('dashboard:read', 'Dashboard', `${CONN_ID}/dash-1`), [USER_ID])]);
-
-		const sig = service.canIAny('dashboard:read', 'Dashboard');
-		expect(sig()).toBe(null);
-	});
-
-	it('canIAny returns null when no user', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		groupsSignal.set([makeGroup('g1', permitPolicy('dashboard:read', 'Dashboard', `${CONN_ID}/dash-1`), [USER_ID])]);
-
-		const sig = service.canIAny('dashboard:read', 'Dashboard');
-		expect(sig()).toBe(null);
-		expect(mockIsAuthorizedPartial).not.toHaveBeenCalled();
-	});
-
-	it('canIAny returns true when decision is allow (wildcard policy)', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-		groupsSignal.set([makeGroup('g1', 'permit(principal, action, resource);', [USER_ID])]);
-
-		mockIsAuthorizedPartial.mockReturnValue({
-			type: 'residuals',
-			response: { decision: 'allow', satisfied: ['policy0'], errored: [], mayBeDetermining: [], mustBeDetermining: [] },
-			warnings: [],
-		});
-
-		const sig = service.canIAny('dashboard:read', 'Dashboard');
-		expect(sig()).toBe(true);
-	});
-
-	it('canIAny returns true when decision is null (resource-dependent)', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-		groupsSignal.set([makeGroup('g1', permitPolicy('dashboard:read', 'Dashboard', `${CONN_ID}/dash-1`), [USER_ID])]);
-
-		mockIsAuthorizedPartial.mockReturnValue({
-			type: 'residuals',
-			response: { decision: null, satisfied: [], errored: [], mayBeDetermining: ['policy0'], mustBeDetermining: [] },
-			warnings: [],
-		});
-
-		const sig = service.canIAny('dashboard:read', 'Dashboard');
-		expect(sig()).toBe(true);
-	});
-
-	it('canIAny returns false when decision is deny', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-		groupsSignal.set([makeGroup('g1', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])]);
-
-		mockIsAuthorizedPartial.mockReturnValue({
-			type: 'residuals',
-			response: { decision: 'deny', satisfied: [], errored: [], mayBeDetermining: [], mustBeDetermining: [] },
-			warnings: [],
-		});
-
-		const sig = service.canIAny('dashboard:read', 'Dashboard');
-		expect(sig()).toBe(false);
-	});
-
-	it('canIAny returns false on partial authorization failure', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-		groupsSignal.set([makeGroup('g1', permitPolicy('dashboard:read', 'Dashboard', `${CONN_ID}/dash-1`), [USER_ID])]);
-
-		mockIsAuthorizedPartial.mockReturnValue({
-			type: 'failure',
-			errors: [{ message: 'parse error' }],
-			warnings: [],
-		});
-
-		const sig = service.canIAny('dashboard:read', 'Dashboard');
-		expect(sig()).toBe(false);
-	});
-
-	it('canIAny calls isAuthorizedPartial with resource null', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-		groupsSignal.set([makeGroup('g1', permitPolicy('group:read', 'Group', 'g1'), [USER_ID])]);
-
-		mockIsAuthorizedPartial.mockReturnValue({
-			type: 'residuals',
-			response: { decision: null, satisfied: [], errored: [], mayBeDetermining: [], mustBeDetermining: [] },
-			warnings: [],
-		});
-
-		service.canIAny('group:read', 'Group')();
-
-		expect(mockIsAuthorizedPartial).toHaveBeenCalledWith(
-			expect.objectContaining({
-				principal: { type: 'RocketAdmin::User', id: USER_ID },
-				action: { type: 'RocketAdmin::Action', id: 'group:read' },
-				resource: null,
-			}),
-		);
-	});
-
-	it('canIAny caches signals by action and resourceType', () => {
-		const sig1 = service.canIAny('dashboard:read', 'Dashboard');
-		const sig2 = service.canIAny('dashboard:read', 'Dashboard');
-		const sig3 = service.canIAny('group:read', 'Group');
-		expect(sig1).toBe(sig2);
-		expect(sig1).not.toBe(sig3);
-	});
-
-	// View-as group override
-
-	it('view-as: evaluates against the target group policy only, ignoring the user own groups', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-
-		const ownPolicy = permitPolicy('connection:edit', 'Connection', CONN_ID);
-		const targetPolicy = permitPolicy('connection:read', 'Connection', CONN_ID);
-		groupsSignal.set([makeGroup('own', ownPolicy, [USER_ID]), makeGroup('target', targetPolicy, ['other-user'])]);
-
-		viewAsSignal.set('target');
-
-		mockIsAuthorized.mockReturnValue({
-			type: 'success',
-			response: { decision: 'allow', diagnostics: { reason: [], errors: [] } },
-			warnings: [],
-		});
-
-		service.canI('connection:read', 'Connection', CONN_ID)();
-
-		const call = mockIsAuthorized.mock.calls[0][0];
-		expect(call.policies.staticPolicies).toContain('connection:read');
-		expect(call.policies.staticPolicies).not.toContain('connection:edit');
-	});
-
-	it('view-as: signal flips back to user own groups when cleared', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-
-		const ownPolicy = permitPolicy('connection:edit', 'Connection', CONN_ID);
-		const targetPolicy = permitPolicy('connection:read', 'Connection', CONN_ID);
-		groupsSignal.set([makeGroup('own', ownPolicy, [USER_ID]), makeGroup('target', targetPolicy, ['other-user'])]);
-
-		mockIsAuthorized.mockReturnValue({
-			type: 'success',
-			response: { decision: 'allow', diagnostics: { reason: [], errors: [] } },
-			warnings: [],
-		});
-
-		const sig = service.canI('connection:read', 'Connection', CONN_ID);
-
-		viewAsSignal.set('target');
-		sig();
-		expect(mockIsAuthorized.mock.calls.at(-1)![0].policies.staticPolicies).toContain('connection:read');
-		expect(mockIsAuthorized.mock.calls.at(-1)![0].policies.staticPolicies).not.toContain('connection:edit');
-
-		viewAsSignal.set(null);
-		sig();
-		expect(mockIsAuthorized.mock.calls.at(-1)![0].policies.staticPolicies).toContain('connection:edit');
-	});
-
-	it('view-as: returns null when target group has no policy (engine not ready)', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-
-		groupsSignal.set([makeGroup('target', null, ['other-user'])]);
-		viewAsSignal.set('target');
-
-		const sig = service.canI('connection:read', 'Connection', CONN_ID);
-		expect(sig()).toBe(null);
-		expect(mockIsAuthorized).not.toHaveBeenCalled();
-	});
-
-	it('view-as: returns null when target group does not exist in groups list', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-
-		groupsSignal.set([makeGroup('own', permitPolicy('connection:read', 'Connection', CONN_ID), [USER_ID])]);
-		viewAsSignal.set('does-not-exist');
-
-		const sig = service.canI('connection:read', 'Connection', CONN_ID);
-		expect(sig()).toBe(null);
-		expect(mockIsAuthorized).not.toHaveBeenCalled();
-	});
-
-	// Resilient merge: drop individually unparseable policies
-
-	it('resilient merge: drops a single unparseable policy and keeps the valid ones', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-
-		const goodPolicy = permitPolicy('connection:read', 'Connection', CONN_ID);
-		const badPolicy = 'permit(principal, action like RocketAdmin::Action::"x:*", resource);';
-
-		// First policy parses, second does not
-		mockCheckParsePolicySet
-			.mockReturnValueOnce({ type: 'success' })
-			.mockReturnValueOnce({ type: 'failure', errors: [{ message: 'unexpected token like' }] });
-
-		groupsSignal.set([makeGroup('g1', goodPolicy, [USER_ID]), makeGroup('g2', badPolicy, [USER_ID])]);
-
-		mockIsAuthorized.mockReturnValue({
-			type: 'success',
-			response: { decision: 'allow', diagnostics: { reason: [], errors: [] } },
-			warnings: [],
-		});
-
-		service.canI('connection:read', 'Connection', CONN_ID)();
-
-		const call = mockIsAuthorized.mock.calls.at(-1)![0];
-		expect(call.policies.staticPolicies).toContain('connection:read');
-		expect(call.policies.staticPolicies).not.toContain('action like');
-	});
-
-	it('resilient merge: a bad policy in one group does not block canIAny on others', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-
-		// Wildcard policy from Admin group, plus an unparseable policy from another group
-		const adminPolicy = 'permit(principal, action, resource);';
-		const badPolicy = 'permit(principal, action like RocketAdmin::Action::"dashboard:*", resource);';
-
-		mockCheckParsePolicySet.mockImplementation((arg: { staticPolicies: string }) => {
-			if (arg.staticPolicies.includes('action like')) {
-				return { type: 'failure', errors: [{ message: 'unexpected token like' }] };
-			}
-			return { type: 'success' };
-		});
-
-		groupsSignal.set([makeGroup('admin', adminPolicy, [USER_ID]), makeGroup('bad', badPolicy, [USER_ID])]);
-
-		mockIsAuthorizedPartial.mockReturnValue({
-			type: 'residuals',
-			response: { decision: 'allow', satisfied: ['policy0'], errored: [], mayBeDetermining: [], mustBeDetermining: [] },
-			warnings: [],
-		});
-
-		const sig = service.canIAny('group:read', 'Group');
-		expect(sig()).toBe(true);
-
-		const call = mockIsAuthorizedPartial.mock.calls.at(-1)![0];
-		expect(call.policies.staticPolicies).toContain('permit(principal, action, resource)');
-		expect(call.policies.staticPolicies).not.toContain('action like');
-	});
-
-	it('resilient merge: returns empty when all policies are unparseable', async () => {
-		wasmLoaded();
-		await TestBed.inject(CedarWasmService).load();
-		userSubject.next({ id: USER_ID } as User);
-
-		mockCheckParsePolicySet.mockReturnValue({ type: 'failure', errors: [{ message: 'parse error' }] });
-
-		groupsSignal.set([
-			makeGroup('g1', 'permit(principal, action like X, resource);', [USER_ID]),
-			makeGroup('g2', 'permit(principal, action like Y, resource);', [USER_ID]),
-		]);
-
-		const sig = service.canI('connection:read', 'Connection', CONN_ID);
-		expect(sig()).toBe(null);
-		expect(mockIsAuthorized).not.toHaveBeenCalled();
-	});
-});
diff --git a/frontend/src/app/services/cedar-permission.service.ts b/frontend/src/app/services/cedar-permission.service.ts
deleted file mode 100644
index a60b09048..000000000
--- a/frontend/src/app/services/cedar-permission.service.ts
+++ /dev/null
@@ -1,154 +0,0 @@
-import { computed, Injectable, inject, Signal, signal } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { User } from '../models/user';
-import { CedarWasmService } from './cedar-wasm.service';
-import { UserService } from './user.service';
-import { UsersService } from './users.service';
-import { ViewAsService } from './view-as.service';
-
-type CedarWasmModule = typeof import('@cedar-policy/cedar-wasm/web');
-
-@Injectable({ providedIn: 'root' })
-export class CedarPermissionService {
-	private _cedarWasm = inject(CedarWasmService);
-	private _userService = inject(UserService);
-	private _usersService = inject(UsersService);
-	private _viewAs = inject(ViewAsService);
-
-	private _currentUser = toSignal(this._userService.cast, { initialValue: null as User | null });
-	private _userId = computed(() => this._currentUser()?.id || null);
-	private _wasmModule = signal<CedarWasmModule | null>(null);
-
-	private _mergedPolicies = computed(() => {
-		const cedar = this._wasmModule();
-		const groups = this._usersService.groups();
-		const viewAsId = this._viewAs.viewAsGroupId();
-
-		const candidates: string[] = [];
-
-		if (viewAsId) {
-			// View-as mode: evaluate against the target group's policy only,
-			// regardless of which groups the current user actually belongs to.
-			const target = groups.find((gi) => gi.group.id === viewAsId);
-			const policy = target?.group.cedarPolicy?.trim();
-			if (policy) candidates.push(policy);
-		} else {
-			const userId = this._userId();
-			if (!userId || !groups.length) return '';
-
-			for (const gi of groups) {
-				if (!gi.group.users?.some((u) => u.id === userId)) continue;
-				const policy = gi.group.cedarPolicy;
-				if (policy && policy.trim().length > 0) candidates.push(policy);
-			}
-		}
-
-		if (candidates.length === 0) return '';
-
-		// Filter out individually-unparseable policies. Without this, a single
-		// malformed group policy would poison the merged set and Cedar would
-		// reject the whole authorization request, denying the user everything.
-		// We only filter when WASM is available; before then we return the raw
-		// merge — `ready` already gates evaluation on `_wasmModule`.
-		if (!cedar) return candidates.join('\n\n');
-
-		const valid: string[] = [];
-		for (const policy of candidates) {
-			const result = cedar.checkParsePolicySet({ staticPolicies: policy, templates: {} });
-			if (result.type === 'success') {
-				valid.push(policy);
-			} else {
-				console.warn('Cedar: dropping unparseable group policy', result.errors);
-			}
-		}
-		return valid.join('\n\n');
-	});
-
-	public readonly ready = computed(() => !!this._wasmModule() && !!this._mergedPolicies() && !!this._userId());
-
-	private _signals = new Map<string, Signal<boolean | null>>();
-
-	constructor() {
-		this._cedarWasm.load().then((mod) => {
-			this._wasmModule.set(mod);
-		});
-	}
-
-	canI(action: string, resourceType: string, resourceId: string): Signal<boolean | null> {
-		const key = `${action}|${resourceType}|${resourceId}`;
-		let sig = this._signals.get(key);
-		if (!sig) {
-			sig = computed(() => this._evaluate(action, resourceType, resourceId));
-			this._signals.set(key, sig);
-		}
-		return sig;
-	}
-
-	canIAny(action: string, resourceType: string): Signal<boolean | null> {
-		const key = `any|${action}|${resourceType}`;
-		let sig = this._signals.get(key);
-		if (!sig) {
-			sig = computed(() => this._evaluatePartial(action, resourceType));
-			this._signals.set(key, sig);
-		}
-		return sig;
-	}
-
-	private _evaluatePartial(action: string, resourceType: string): boolean | null {
-		const cedar = this._wasmModule();
-		const mergedPolicies = this._mergedPolicies();
-		const userId = this._userId();
-
-		if (!cedar || !mergedPolicies || !userId) return null;
-
-		const result = cedar.isAuthorizedPartial({
-			principal: { type: 'RocketAdmin::User', id: userId },
-			action: { type: 'RocketAdmin::Action', id: action },
-			resource: null,
-			context: {},
-			policies: {
-				staticPolicies: mergedPolicies,
-				templates: {},
-				templateLinks: [],
-			},
-			entities: [],
-		});
-
-		if (result.type === 'residuals') {
-			// decision is 'allow' (unconditionally allowed), 'deny' (unconditionally denied),
-			// or null (depends on resource — meaning at least one resource could be allowed)
-			return result.response.decision !== 'deny';
-		}
-
-		console.warn('Cedar partial authorization failed:', result.errors);
-		return false;
-	}
-
-	private _evaluate(action: string, resourceType: string, resourceId: string): boolean | null {
-		const cedar = this._wasmModule();
-		const mergedPolicies = this._mergedPolicies();
-		const userId = this._userId();
-
-		if (!cedar || !mergedPolicies || !userId) return null;
-
-		const result = cedar.isAuthorized({
-			principal: { type: 'RocketAdmin::User', id: userId },
-			action: { type: 'RocketAdmin::Action', id: action },
-			resource: { type: `RocketAdmin::${resourceType}`, id: resourceId },
-			context: {},
-			policies: {
-				staticPolicies: mergedPolicies,
-				templates: {},
-				templateLinks: [],
-			},
-			entities: [],
-		});
-
-		if (result.type === 'success') {
-			return result.response.decision === 'allow';
-		}
-
-		console.warn('Cedar authorization failed:', result.errors);
-		return false;
-	}
-}
diff --git a/frontend/src/app/services/cedar-validator.service.ts b/frontend/src/app/services/cedar-validator.service.ts
deleted file mode 100644
index e2ea0274b..000000000
--- a/frontend/src/app/services/cedar-validator.service.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Injectable, inject } from '@angular/core';
-import { CedarWasmService } from './cedar-wasm.service';
-
-export interface CedarValidationResult {
-	valid: boolean;
-	errors: string[];
-}
-
-@Injectable({ providedIn: 'root' })
-export class CedarValidatorService {
-	private _cedarWasm = inject(CedarWasmService);
-
-	async validate(policyText: string): Promise<CedarValidationResult> {
-		if (!policyText.trim()) {
-			return { valid: true, errors: [] };
-		}
-
-		const cedar = await this._cedarWasm.load();
-		const result = cedar.checkParsePolicySet({
-			staticPolicies: policyText,
-			templates: {},
-			templateLinks: [],
-		});
-
-		if (result.type === 'success') {
-			return { valid: true, errors: [] };
-		}
-
-		const errors = (result.errors ?? []).map((e: unknown) => {
-			if (typeof e === 'string') return e;
-			if (e && typeof e === 'object' && 'message' in e) return (e as { message: string }).message;
-			return String(e);
-		});
-		return { valid: false, errors };
-	}
-}
diff --git a/frontend/src/app/services/cedar-wasm.service.ts b/frontend/src/app/services/cedar-wasm.service.ts
deleted file mode 100644
index fde14bbd7..000000000
--- a/frontend/src/app/services/cedar-wasm.service.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Injectable } from '@angular/core';
-
-type CedarWasmModule = typeof import('@cedar-policy/cedar-wasm/web');
-
-@Injectable({ providedIn: 'root' })
-export class CedarWasmService {
-	private _module: CedarWasmModule | null = null;
-	private _loading: Promise<CedarWasmModule> | null = null;
-
-	async load(): Promise<CedarWasmModule> {
-		if (this._module) return this._module;
-		if (this._loading) return this._loading;
-
-		this._loading = (async () => {
-			const cedar = await import('@cedar-policy/cedar-wasm/web');
-			const wasmBytes = await fetch('/assets/cedar-wasm/cedar_wasm_bg.wasm').then((r) => r.arrayBuffer());
-			cedar.initSync({ module: new WebAssembly.Module(wasmBytes) });
-			this._module = cedar;
-			return cedar;
-		})();
-
-		return this._loading;
-	}
-}
diff --git a/frontend/src/app/services/company.service.spec.ts b/frontend/src/app/services/company.service.spec.ts
deleted file mode 100644
index 6e6f143c8..000000000
--- a/frontend/src/app/services/company.service.spec.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { CompanyService } from './company.service';
-
-describe('CompanyService', () => {
-	let service: CompanyService;
-
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [MatSnackBarModule],
-			providers: [provideHttpClient()],
-		});
-		service = TestBed.inject(CompanyService);
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/services/company.service.ts b/frontend/src/app/services/company.service.ts
deleted file mode 100644
index 24725cbdf..000000000
--- a/frontend/src/app/services/company.service.ts
+++ /dev/null
@@ -1,319 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { BehaviorSubject, EMPTY } from 'rxjs';
-import { catchError, map } from 'rxjs/operators';
-import { environment } from 'src/environments/environment';
-import { AlertActionType, AlertType } from '../models/alert';
-import { CompanyMemberRole } from '../models/company';
-import { ConfigurationService } from './configuration.service';
-import { NotificationsService } from './notifications.service';
-
-@Injectable({
-	providedIn: 'root',
-})
-export class CompanyService {
-	public saasHostnames = (environment as any).saasHostnames;
-
-	private company = new BehaviorSubject<string>('');
-	public cast = this.company.asObservable();
-
-	constructor(
-		private _http: HttpClient,
-		private _notifications: NotificationsService,
-		private _configuration: ConfigurationService,
-	) {}
-
-	isCustomDomain() {
-		const domain = window.location.hostname;
-		return !this.saasHostnames?.includes(domain);
-	}
-
-	fetchCompany() {
-		return this._http.get<any>(`/company/my/full`).pipe(
-			map((res) => res),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	fetchCompanyMembers(companyId: string) {
-		return this._http.get<any>(`/company/users/${companyId}`).pipe(
-			map((res) => res),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	fetchCompanyName(companyId: string) {
-		return this._http.get<any>(`/company/name/${companyId}`).pipe(
-			map((res) => res),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-
-	updateCompanyName(companyId: string, name: string) {
-		return this._http.put<any>(`/company/name/${companyId}`, { name }).pipe(
-			map((_res) => this._notifications.showSuccessSnackbar('Company name has been updated.')),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-
-	inviteCompanyMember(
-		companyId: string,
-		groupId: string,
-		email: string,
-		role: CompanyMemberRole,
-		turnstileToken?: string,
-	) {
-		return this._http
-			.put<any>(`/company/user/${companyId}`, {
-				groupId,
-				email,
-				role,
-				...(turnstileToken ? { turnstileToken } : {}),
-			})
-			.pipe(
-				map(() => {
-					this._notifications.showSuccessSnackbar(`Invitation link has been sent to ${email}.`);
-					this.company.next('invited');
-				}),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showErrorSnackbar(err.error?.message || err.message);
-					return EMPTY;
-				}),
-			);
-	}
-
-	revokeInvitation(companyId: string, email: string) {
-		return this._http.put<any>(`/company/invitation/revoke/${companyId}`, { email }).pipe(
-			map(() => {
-				this._notifications.showSuccessSnackbar(`Invitation has been revoked for ${email}.`);
-				this.company.next('revoked');
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-
-	removeCompanyMemder(companyId: string, userId: string, email: string, userName: string) {
-		return this._http.delete<any>(`/company/${companyId}/user/${userId}`).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar(`${userName || email} has been removed from company.`);
-				this.company.next('deleted');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	updateCompanyMemberRole(companyId: string, userId: string, role: CompanyMemberRole) {
-		return this._http.put<any>(`/company/users/roles/${companyId}`, { users: [{ userId, role }] }).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar(`Company member role has been updated.`);
-				this.company.next('role');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	suspendCompanyMember(companyId: string, usersEmails: string[]) {
-		return this._http.put<any>(`/company/users/suspend/${companyId}`, { usersEmails }).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar(`Company member has been suspended.`);
-				this.company.next('suspended');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	restoreCompanyMember(companyId: string, usersEmails: string[]) {
-		return this._http.put<any>(`/company/users/unsuspend/${companyId}`, { usersEmails }).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar(`Company member has been restored.`);
-				this.company.next('unsuspended');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	getCustomDomain(companyId: string) {
-		const config = this._configuration.getConfig();
-
-		return this._http.get<any>(config.saasURL + `/saas/custom-domain/${companyId}`).pipe(
-			map((res) => res),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-
-	createCustomDomain(companyId: string, hostname: string) {
-		const config = this._configuration.getConfig();
-
-		return this._http.post<any>(config.saasURL + `/saas/custom-domain/register/${companyId}`, { hostname }).pipe(
-			map((res) => {
-				// this._notifications.showAlert('Custom domain has been added.');
-				this._notifications.showAlert(
-					AlertType.Success,
-					{
-						abstract: `Now your admin panel is live on your own domain: ${hostname}`,
-						details:
-							'Check it out! If you have any issues or need help setting up your domain or CNAME record, please reach out to our support team.',
-					},
-					[
-						{
-							type: AlertActionType.Anchor,
-							caption: 'Open',
-							to: `https://${hostname}`,
-						},
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				this.company.next('domain');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-
-	updateCustomDomain(companyId: string, hostname: string) {
-		const config = this._configuration.getConfig();
-
-		return this._http.put<any>(config.saasURL + `/saas/custom-domain/update/${companyId}`, { hostname }).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('Custom domain has been updated.');
-				this.company.next('domain');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-
-	deleteCustomDomain(companyId: string) {
-		const config = this._configuration.getConfig();
-
-		return this._http.delete<any>(config.saasURL + `/saas/custom-domain/delete/${companyId}`).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('Custom domain has been removed.');
-				this.company.next('domain');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-}
diff --git a/frontend/src/app/services/configuration-state.service.ts b/frontend/src/app/services/configuration-state.service.ts
deleted file mode 100644
index ac743f933..000000000
--- a/frontend/src/app/services/configuration-state.service.ts
+++ /dev/null
@@ -1,180 +0,0 @@
-import { inject, Injectable } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-
-import { environment } from '../../environments/environment';
-import { NotificationsService } from './notifications.service';
-
-export interface ConfigProgress {
-	type: 'message' | 'complete' | 'error';
-	text?: string;
-	message?: string;
-}
-
-@Injectable({ providedIn: 'root' })
-export class ConfigurationStateService {
-	private _notifications = inject(NotificationsService);
-	private _configuring = new BehaviorSubject<Set<string>>(new Set());
-
-	/** Latest progress event from the streaming setup endpoint (null when idle). */
-	public progress$ = new BehaviorSubject<ConfigProgress | null>(null);
-
-	private _queue: ConfigProgress[] = [];
-	private _drainTimer: ReturnType<typeof setInterval> | null = null;
-	private _currentDrainIntervalMs = 400;
-	private readonly _drainIntervalMsNormal = 400;
-	private readonly _drainIntervalMsFast = 80;
-	private readonly _drainCapAfterCompleteMs = 1500;
-
-	/** Start configuring — opens a streaming connection, parses progress events, resolves when complete. */
-	startConfiguring(connectionId: string): Promise<boolean> {
-		if (this._configuring.value.has(connectionId)) return Promise.resolve(false);
-
-		const current = this._configuring.value;
-		current.add(connectionId);
-		this._configuring.next(current);
-
-		return this._runSetup(connectionId);
-	}
-
-	/** Check if a connection is currently being configured */
-	isConfiguring(connectionId: string): boolean {
-		return this._configuring.value.has(connectionId);
-	}
-
-	private async _runSetup(connectionId: string): Promise<boolean> {
-		this._queue = [];
-		this._stopDrain();
-		this._currentDrainIntervalMs = this._drainIntervalMsNormal;
-		this._enqueue({ type: 'message', text: 'Starting configuration…' });
-		try {
-			const url = `${environment.apiRoot || '/api'}/ai/v2/setup/${connectionId}`;
-			// Bypassing HttpClient (we need ReadableStream for SSE), so we replicate the masterpwd header that TokenInterceptor would normally inject.
-			const masterpwd = localStorage.getItem(`${connectionId}__masterKey`) || '';
-			const response = await fetch(url, {
-				method: 'GET',
-				credentials: 'include',
-				headers: { masterpwd },
-			});
-
-			if (!response.ok) {
-				throw new Error(`Setup failed with status ${response.status}`);
-			}
-
-			if (response.body) {
-				const reader = response.body.getReader();
-				const decoder = new TextDecoder();
-				let buffer = '';
-				while (true) {
-					const { done, value } = await reader.read();
-					if (done) {
-						const tail = buffer.trim();
-						if (tail) this._parseAndEnqueue(tail);
-						break;
-					}
-					buffer += decoder.decode(value, { stream: true });
-					let newlineIdx: number;
-					while ((newlineIdx = buffer.indexOf('\n')) >= 0) {
-						const line = buffer.slice(0, newlineIdx).trim();
-						buffer = buffer.slice(newlineIdx + 1);
-						if (!line) continue;
-						this._parseAndEnqueue(line);
-					}
-				}
-			}
-
-			await this._waitForDrain();
-			this._notifications.showSuccessSnackbar('All tables have been configured.');
-			return true;
-		} catch (error) {
-			const message = error instanceof Error ? error.message : 'Configuration could not be completed.';
-			this._queue = [];
-			this._stopDrain();
-			this.progress$.next({ type: 'error', message });
-			this._notifications.showErrorSnackbar(message);
-			return false;
-		} finally {
-			const current = this._configuring.value;
-			current.delete(connectionId);
-			this._configuring.next(current);
-		}
-	}
-
-	private _parseAndEnqueue(line: string): void {
-		// Support SSE-style `data: {...}` lines as well as raw JSON lines.
-		const payload = line.startsWith('data:') ? line.slice(5).trim() : line;
-		if (!payload || payload === '[DONE]') return;
-		try {
-			const parsed = JSON.parse(payload) as ConfigProgress;
-			// `complete` keeps order with the trailing messages but speeds up drain
-			// so the remaining log flushes quickly instead of pacing at the normal rate.
-			if (parsed.type === 'complete') {
-				this._enqueue({ type: 'message', text: '✓ Setup complete' });
-				this._enqueue(parsed);
-				this._switchDrainSpeed(this._drainIntervalMsFast);
-				return;
-			}
-			this._enqueue(parsed);
-		} catch {
-			// Ignore non-JSON keepalive/comment frames.
-		}
-	}
-
-	private _enqueue(p: ConfigProgress): void {
-		this._queue.push(p);
-		this._startDrain();
-	}
-
-	private _startDrain(): void {
-		if (this._drainTimer) return;
-		// Emit first item immediately, then pace the rest.
-		this._drainOne();
-		this._drainTimer = setInterval(() => this._drainOne(), this._currentDrainIntervalMs);
-	}
-
-	private _switchDrainSpeed(intervalMs: number): void {
-		this._currentDrainIntervalMs = intervalMs;
-		if (this._drainTimer) {
-			clearInterval(this._drainTimer);
-			this._drainTimer = setInterval(() => this._drainOne(), intervalMs);
-		}
-	}
-
-	private _drainOne(): void {
-		const next = this._queue.shift();
-		if (!next) {
-			this._stopDrain();
-			return;
-		}
-		this.progress$.next(next);
-	}
-
-	private _stopDrain(): void {
-		if (this._drainTimer) {
-			clearInterval(this._drainTimer);
-			this._drainTimer = null;
-		}
-	}
-
-	private _waitForDrain(): Promise<void> {
-		// Switch to fast drain on stream end so we don't add long display tail.
-		this._switchDrainSpeed(this._drainIntervalMsFast);
-		const start = Date.now();
-		return new Promise((resolve) => {
-			const check = (): void => {
-				if (this._queue.length === 0 && !this._drainTimer) {
-					resolve();
-					return;
-				}
-				if (Date.now() - start >= this._drainCapAfterCompleteMs) {
-					// Cap reached — flush whatever is left so we don't delay navigation further.
-					while (this._queue.length > 0) this._drainOne();
-					this._stopDrain();
-					resolve();
-					return;
-				}
-				setTimeout(check, this._drainIntervalMsFast);
-			};
-			check();
-		});
-	}
-}
diff --git a/frontend/src/app/services/configuration.service.spec.ts b/frontend/src/app/services/configuration.service.spec.ts
deleted file mode 100644
index 5e5b1c928..000000000
--- a/frontend/src/app/services/configuration.service.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { ConfigurationService } from './configuration.service';
-
-describe('ConfigurationService', () => {
-	let service: ConfigurationService;
-
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			providers: [
-				{
-					provide: ConfigurationService,
-					useValue: { CONFIG_URL: 'https://app.rocketadmin.com/api' },
-				},
-			],
-		});
-		service = TestBed.inject(ConfigurationService);
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/services/configuration.service.ts b/frontend/src/app/services/configuration.service.ts
deleted file mode 100644
index 5945d0f90..000000000
--- a/frontend/src/app/services/configuration.service.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Injectable } from '@angular/core';
-import config from '../../config.json';
-
-@Injectable({
-	providedIn: 'root',
-})
-export class ConfigurationService {
-	getConfig() {
-		return config;
-	}
-}
diff --git a/frontend/src/app/services/connections.service.spec.ts b/frontend/src/app/services/connections.service.spec.ts
deleted file mode 100644
index 8ba7be0f0..000000000
--- a/frontend/src/app/services/connections.service.spec.ts
+++ /dev/null
@@ -1,829 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-import { signal } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { provideRouter } from '@angular/router';
-import { of } from 'rxjs';
-import { AlertActionType, AlertType } from '../models/alert';
-import { ConnectionType, DBtype } from '../models/connection';
-import { AccessLevel } from '../models/user';
-import { CedarPermissionService } from './cedar-permission.service';
-import { ConnectionsService } from './connections.service';
-import { MasterPasswordService } from './master-password.service';
-import { NotificationsService } from './notifications.service';
-import { UsersService } from './users.service';
-
-describe('ConnectionsService', () => {
-	let httpMock: HttpTestingController;
-	let service: ConnectionsService;
-
-	let fakeNotifications;
-	let fakeMasterPassword;
-	let mockCanI: ReturnType<typeof vi.fn>;
-	let mockCanIAny: ReturnType<typeof vi.fn>;
-	let mockPermissions: Partial<CedarPermissionService>;
-
-	const connectionCredsApp = {
-		title: 'Test connection via SSH tunnel to mySQL',
-		masterEncryption: false,
-		type: DBtype.MySQL,
-		host: 'database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com',
-		port: '3306',
-		username: 'admin',
-		database: 'testDB',
-		schema: null,
-		sid: null,
-		id: '9d5f6d0f-9516-4598-91c4-e4fe6330b4d4',
-		ssh: true,
-		sshHost: '3.134.99.192',
-		sshPort: '22',
-		sshUsername: 'ubuntu',
-		ssl: false,
-		cert: null,
-		connectionType: ConnectionType.Direct,
-		azure_encryption: false,
-		signing_key: '',
-	};
-
-	const connectionCredsRequested = {
-		title: 'Test connection via SSH tunnel to mySQL',
-		masterEncryption: false,
-		type: DBtype.MySQL,
-		host: 'database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com',
-		port: 3306,
-		username: 'admin',
-		database: 'testDB',
-		schema: null,
-		sid: null,
-		id: '9d5f6d0f-9516-4598-91c4-e4fe6330b4d4',
-		ssh: true,
-		sshHost: '3.134.99.192',
-		sshPort: 22,
-		sshUsername: 'ubuntu',
-		ssl: false,
-		cert: null,
-		connectionType: ConnectionType.Direct,
-		azure_encryption: false,
-		signing_key: '',
-	};
-
-	const connectionCredsNetwork = {
-		title: 'Test connection via SSH tunnel to mySQL',
-		masterEncryption: false,
-		type: DBtype.MySQL,
-		host: 'database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com',
-		port: 3306,
-		username: 'admin',
-		database: 'testDB',
-		schema: null,
-		sid: null,
-		id: '9d5f6d0f-9516-4598-91c4-e4fe6330b4d4',
-		ssh: true,
-		sshHost: '3.134.99.192',
-		sshPort: 22,
-		sshUsername: 'ubuntu',
-		ssl: false,
-		cert: null,
-		azure_encryption: false,
-		signing_key: '',
-	};
-
-	const fakeError = {
-		message: 'Connection error',
-		statusCode: 400,
-		type: 'no_master_key',
-		originalMessage: 'Connection error details',
-	};
-
-	beforeEach(() => {
-		fakeNotifications = {
-			showErrorSnackbar: vi.fn(),
-			showSuccessSnackbar: vi.fn(),
-			showAlert: vi.fn(),
-			dismissAlert: vi.fn(),
-		};
-		fakeMasterPassword = {
-			showMasterPasswordDialog: vi.fn(),
-			checkMasterPassword: vi.fn(),
-		};
-		mockCanI = vi.fn().mockReturnValue(signal(false).asReadonly());
-		mockCanIAny = vi.fn().mockReturnValue(signal(false).asReadonly());
-		mockPermissions = {
-			canI: mockCanI,
-			canIAny: mockCanIAny,
-			ready: signal(false).asReadonly(),
-		};
-		TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, MatDialogModule],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				provideRouter([]),
-				ConnectionsService,
-				{
-					provide: NotificationsService,
-					useValue: fakeNotifications,
-				},
-				{
-					provide: MasterPasswordService,
-					useValue: fakeMasterPassword,
-				},
-				{
-					provide: UsersService,
-					useValue: { setActiveConnection: vi.fn() },
-				},
-				{
-					provide: CedarPermissionService,
-					useValue: mockPermissions,
-				},
-			],
-		});
-
-		httpMock = TestBed.inject(HttpTestingController);
-		service = TestBed.inject(ConnectionsService);
-	});
-
-	afterEach(() => {
-		httpMock.verify();
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-
-	it('should set connectionID', () => {
-		service.setConnectionID('12345678');
-		expect(service.connectionID).toEqual('12345678');
-	});
-
-	it('should get currentConnectionID', () => {
-		service.connectionID = '12345678';
-		expect(service.currentConnectionID).toEqual('12345678');
-	});
-
-	it('should set connectionInfo if connection exists', () => {
-		const fakeFetchConnection = vi.spyOn(service, 'fetchConnection').mockReturnValue(
-			of({
-				connection: connectionCredsApp,
-				accessLevel: 'edit',
-				groupManagement: true,
-			}),
-		);
-		service.setConnectionInfo('12345678');
-		expect(service.connection).toEqual(connectionCredsApp);
-		expect(service.connectionAccessLevel).toEqual('edit');
-		expect(service.groupsAccessLevel).toEqual(true);
-
-		fakeFetchConnection.mockClear();
-	});
-
-	it('should set connectionInfo in initial state if connection does not exist', () => {
-		service.setConnectionInfo(null);
-		expect(service.connection).toEqual(service.connectionInitialState);
-	});
-
-	it('should get currentConnection', () => {
-		service.connection = connectionCredsApp;
-		expect(service.currentConnection).toEqual(connectionCredsApp);
-	});
-
-	it('should get currentConnectionAccessLevel', () => {
-		service.connectionAccessLevel = AccessLevel.Edit;
-		expect(service.currentConnectionAccessLevel).toEqual('edit');
-	});
-
-	it('should get currentConnectionGroupAccessLevel', () => {
-		service.groupsAccessLevel = false;
-		expect(service.currentConnectionGroupAccessLevel).toEqual(false);
-	});
-
-	it('should define a type of connections without agent_ prefix', () => {
-		const connection = service.defineConnectionType(connectionCredsNetwork);
-
-		expect(connection).toEqual({
-			title: 'Test connection via SSH tunnel to mySQL',
-			masterEncryption: false,
-			type: DBtype.MySQL,
-			host: 'database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com',
-			port: 3306,
-			username: 'admin',
-			database: 'testDB',
-			schema: null,
-			sid: null,
-			id: '9d5f6d0f-9516-4598-91c4-e4fe6330b4d4',
-			ssh: true,
-			sshHost: '3.134.99.192',
-			sshPort: 22,
-			sshUsername: 'ubuntu',
-			ssl: false,
-			cert: null,
-			azure_encryption: false,
-			connectionType: ConnectionType.Direct,
-			signing_key: '',
-		});
-	});
-
-	it('should define a type of connections with agent_ prefix', () => {
-		const connection = service.defineConnectionType({
-			title: 'Test connection via SSH tunnel to mySQL',
-			masterEncryption: false,
-			type: 'agent_mysql',
-			host: 'database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com',
-			port: 3306,
-			username: 'admin',
-			database: 'testDB',
-			schema: null,
-			sid: null,
-			id: '9d5f6d0f-9516-4598-91c4-e4fe6330b4d4',
-			ssh: true,
-			sshHost: '3.134.99.192',
-			sshPort: 22,
-			sshUsername: 'ubuntu',
-			ssl: false,
-			cert: null,
-			azure_encryption: false,
-		});
-
-		expect(connection).toEqual({
-			title: 'Test connection via SSH tunnel to mySQL',
-			masterEncryption: false,
-			type: DBtype.MySQL,
-			host: 'database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com',
-			port: 3306,
-			username: 'admin',
-			database: 'testDB',
-			schema: null,
-			sid: null,
-			id: '9d5f6d0f-9516-4598-91c4-e4fe6330b4d4',
-			ssh: true,
-			sshHost: '3.134.99.192',
-			sshPort: 22,
-			sshUsername: 'ubuntu',
-			ssl: false,
-			cert: null,
-			azure_encryption: false,
-			connectionType: ConnectionType.Agent,
-		});
-	});
-
-	it('should get current page slug', () => {
-		service.currentPage = 'dashboard';
-		expect(service.currentTab).toEqual('dashboard');
-	});
-
-	it('should get visible tabs dashboard and audit when all permissions denied', () => {
-		expect(service.visibleTabs).toEqual(['dashboard', 'audit']);
-	});
-
-	it('should show dashboards tab when canIAny dashboard:read returns true', () => {
-		mockCanIAny.mockImplementation((action: string) => signal(action === 'dashboard:read').asReadonly());
-		expect(service.visibleTabs).toContain('dashboards');
-		expect(service.visibleTabs).not.toContain('permissions');
-	});
-
-	it('should show permissions tab when canIAny group:read returns true', () => {
-		mockCanIAny.mockImplementation((action: string) => signal(action === 'group:read').asReadonly());
-		expect(service.visibleTabs).toContain('permissions');
-		expect(service.visibleTabs).not.toContain('dashboards');
-	});
-
-	it('should show all tabs when all permissions granted', () => {
-		mockCanI.mockReturnValue(signal(true).asReadonly());
-		mockCanIAny.mockReturnValue(signal(true).asReadonly());
-		expect(service.visibleTabs).toContain('dashboards');
-		expect(service.visibleTabs).toContain('permissions');
-		expect(service.visibleTabs).toContain('connection-settings');
-		expect(service.visibleTabs).toContain('edit-db');
-	});
-
-	it('should call fetchConnections', () => {
-		let isSubscribeCalled = false;
-		const connectionsList = {
-			connections: [
-				{
-					connection: {
-						id: '3d5ecd09-b3a8-486a-a0ec-ff36c8d69a17',
-						title: 'Test connection to OracleDB',
-						masterEncryption: true,
-						type: 'oracledb',
-						host: 'database-1.cvfuxe8nltiq.us-east-2.rds.amazonaws.com',
-						port: 1521,
-						username: 'U2FsdGVkX19+rqtUQ3uLCM9fdaxIpXvfW6VzUhB8Geg=',
-						database: 'U2FsdGVkX1/AlO3GRqUxPnTaJDtYB+HkGQ4mUOdPKlY=',
-						schema: null,
-						sid: 'ORCL',
-						createdAt: '2021-01-04T11:59:37.641Z',
-						updatedAt: '2021-06-07T15:05:39.829Z',
-						ssh: false,
-						sshHost: null,
-						sshPort: null,
-						sshUsername: null,
-						ssl: false,
-						cert: null,
-						isTestConnection: true,
-					},
-					accessLevel: 'edit',
-					displayTitle: 'Test connection to OracleDB',
-				},
-				{
-					connection: {
-						id: 'bb66a2fc-a52e-4809-8542-7fa78c466e03',
-						title: 'Test connection via SSH tunnel to mySQL',
-						masterEncryption: false,
-						type: 'mysql',
-						host: 'database-2.cvfuxe8nltiq.us-east-2.rds.amazonaws.com',
-						port: 3306,
-						username: 'admin',
-						database: 'testDB',
-						schema: null,
-						sid: null,
-						createdAt: '2020-12-24T20:13:30.327Z',
-						updatedAt: '2020-12-24T20:13:30.327Z',
-						ssh: true,
-						sshHost: '3.134.99.192',
-						sshPort: 22,
-						sshUsername: 'ubuntu',
-						ssl: false,
-						cert: null,
-						isTestConnection: true,
-					},
-					accessLevel: 'readonly',
-					displayTitle: 'Test connection via SSH tunnel to mySQL',
-				},
-			],
-			connectionsCount: 2,
-		};
-
-		service.fetchConnections().subscribe((connectionData) => {
-			expect(connectionData).toEqual(connectionsList.connections);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/connections`);
-		expect(req.request.method).toBe('GET');
-		req.flush(connectionsList);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall with error for fetchConnections and show Error alert', async () => {
-		const connections = service.fetchConnections().toPromise();
-		const req = httpMock.expectOne(`/connections`);
-		expect(req.request.method).toBe('GET');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await connections;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call fetchConnection', () => {
-		let isSubscribeCalled = false;
-		const connectionItem = {
-			connection: connectionCredsNetwork,
-			accessLevel: 'edit',
-			groupManagement: true,
-		};
-
-		service.fetchConnection('12345678').subscribe((connectionData) => {
-			expect(connectionData).toEqual(connectionItem);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/connection/one/12345678`);
-		expect(req.request.method).toBe('GET');
-		req.flush(connectionItem);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall for fetchConnection and show Error snackbar', async () => {
-		const connection = service.fetchConnection('12345678').toPromise();
-
-		const req = httpMock.expectOne(`/connection/one/12345678`);
-		expect(req.request.method).toBe('GET');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await connection;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-	});
-
-	it('should fall for fetchConnection and show Master password request', async () => {
-		// router should to be mocked
-
-		const connection = service.fetchConnection('12345678').toPromise();
-
-		const req = httpMock.expectOne(`/connection/one/12345678`);
-		expect(req.request.method).toBe('GET');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await connection;
-
-		expect(fakeMasterPassword.showMasterPasswordDialog).toHaveBeenCalled();
-	});
-
-	it('should call testConnection', () => {
-		let isSubscribeCalled = false;
-
-		service.testConnection('12345678', connectionCredsApp).subscribe((res) => {
-			expect(res).toEqual(true);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/connection/test?connectionId=12345678`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual(connectionCredsRequested);
-		req.flush(true);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall testConnection and show Error alert', async () => {
-		const isConnectionWorks = service.testConnection('12345678', connectionCredsApp).toPromise();
-
-		const req = httpMock.expectOne(`/connection/test?connectionId=12345678`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual(connectionCredsRequested);
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await isConnectionWorks;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[],
-		);
-	});
-
-	it('should call createConnection and show Success Snackbar', async () => {
-		service.createConnection(connectionCredsApp, 'master_key_12345678').subscribe((res) => {
-			expect(res).toEqual(connectionCredsNetwork);
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('Connection was added successfully.');
-		});
-
-		const req = httpMock.expectOne(`/connection`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.headers.get('masterpwd')).toBe('master_key_12345678');
-		expect(req.request.body).toEqual(connectionCredsRequested);
-		req.flush(connectionCredsNetwork);
-	});
-
-	it('should fall for createConnection and show Error alert', async () => {
-		const createdConnection = service.createConnection(connectionCredsApp, 'master_key_12345678').toPromise();
-
-		const req = httpMock.expectOne(`/connection`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual(connectionCredsRequested);
-		req.flush(fakeError, { status: 400, statusText: '' });
-
-		await expect(createdConnection).rejects.toEqual(fakeError.message);
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[],
-		);
-	});
-
-	it('should call updateConnection and show Success Snackbar', async () => {
-		service.updateConnection(connectionCredsApp, 'master_key_12345678').subscribe((_res) => {
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('Connection has been updated successfully.');
-		});
-
-		const req = httpMock.expectOne(`/connection/9d5f6d0f-9516-4598-91c4-e4fe6330b4d4`);
-		expect(req.request.method).toBe('PUT');
-		expect(req.request.headers.get('masterpwd')).toBe('master_key_12345678');
-		expect(req.request.body).toEqual(connectionCredsRequested);
-		req.flush(connectionCredsNetwork);
-	});
-
-	it('should fall for updateConnection and show Error alert', () => {
-		let errorCaught = false;
-
-		service.updateConnection(connectionCredsApp, 'master_key_12345678').subscribe({
-			next: () => {
-				// Should not be called
-			},
-			error: (error) => {
-				errorCaught = true;
-				expect(error.message).toEqual(fakeError.message);
-			},
-		});
-
-		const req = httpMock.expectOne(`/connection/9d5f6d0f-9516-4598-91c4-e4fe6330b4d4`);
-		expect(req.request.method).toBe('PUT');
-		expect(req.request.body).toEqual(connectionCredsRequested);
-		req.flush(fakeError, { status: 400, statusText: '' });
-
-		expect(errorCaught).toBe(true);
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call deleteConnection and show Success Snackbar', () => {
-		let isSubscribeCalled = false;
-		const metadata = {
-			reason: 'missing-features',
-			message: 'i want to add tables',
-		};
-
-		service.deleteConnection('12345678', metadata).subscribe((_res) => {
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('Connection has been deleted successfully.');
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/connection/delete/12345678`);
-		expect(req.request.method).toBe('PUT');
-		req.flush(connectionCredsNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall for deleteConnection and show Error snackbar', async () => {
-		const metadata = {
-			reason: 'missing-features',
-			message: 'i want to add tables',
-		};
-
-		const deletedConnection = service.deleteConnection('12345678', metadata).toPromise();
-
-		const req = httpMock.expectOne(`/connection/delete/12345678`);
-		expect(req.request.method).toBe('PUT');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await deletedConnection;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-	});
-
-	it('should call fetchAuditLog', () => {
-		let isSubscribeCalled = false;
-
-		service
-			.fetchAuditLog({
-				connectionID: '12345678',
-				tableName: 'users_table',
-				userEmail: 'eric.cartman@south.park',
-				requstedPage: 2,
-				chunkSize: 10,
-			})
-			.subscribe((_res) => {
-				isSubscribeCalled = true;
-			});
-
-		const req = httpMock.expectOne(
-			`/logs/12345678?page=2&perPage=10&tableName=users_table&email=eric.cartman@south.park`,
-		);
-		expect(req.request.method).toBe('GET');
-		req.flush({});
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should call fetchAuditLog and exclude tableName param if all tables are requested', () => {
-		let isSubscribeCalled = false;
-
-		service
-			.fetchAuditLog({
-				connectionID: '12345678',
-				tableName: 'showAll',
-				userEmail: 'eric.cartman@south.park',
-				requstedPage: 2,
-				chunkSize: 10,
-			})
-			.subscribe((_res) => {
-				isSubscribeCalled = true;
-			});
-
-		const req = httpMock.expectOne(`/logs/12345678?page=2&perPage=10&email=eric.cartman@south.park`);
-		req.flush({});
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should call fetchAuditLog and exclude email param if all users are requested', () => {
-		let isSubscribeCalled = false;
-
-		service
-			.fetchAuditLog({
-				connectionID: '12345678',
-				tableName: 'users_table',
-				userEmail: 'showAll',
-				requstedPage: 2,
-				chunkSize: 10,
-			})
-			.subscribe((_res) => {
-				isSubscribeCalled = true;
-			});
-
-		const req = httpMock.expectOne(`/logs/12345678?page=2&perPage=10&tableName=users_table`);
-		req.flush({});
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall for fetchAuditLog and show Error snackbar', async () => {
-		const logs = service
-			.fetchAuditLog({
-				connectionID: '12345678',
-				tableName: 'users_table',
-				userEmail: 'eric.cartman@south.park',
-				requstedPage: 2,
-				chunkSize: 10,
-			})
-			.toPromise();
-
-		const req = httpMock.expectOne(
-			`/logs/12345678?page=2&perPage=10&tableName=users_table&email=eric.cartman@south.park`,
-		);
-		expect(req.request.method).toBe('GET');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await logs;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-	});
-
-	it('should call getConnectionSettings', async () => {
-		const connectionSettingsNetwork = {
-			id: 'dd58c614-866d-4293-8c65-351c667d29ca',
-			connectionId: '12345678',
-			logo_url: 'https://example.com/logo.png',
-			company_name: 'Example Company',
-			primary_color: '#123456',
-			secondary_color: '#654321',
-			hidden_tables: ['users', 'orders'],
-			tables_audit: true,
-		};
-
-		const mockThemeService = { updateColors: vi.fn() };
-		service._themeService = mockThemeService as any;
-
-		const promise = service.getConnectionSettings('12345678').toPromise();
-
-		const req = httpMock.expectOne(`/connection/properties/12345678`);
-		expect(req.request.method).toBe('GET');
-		req.flush(connectionSettingsNetwork);
-
-		const res = await promise;
-		expect(res).toEqual(connectionSettingsNetwork);
-		expect(mockThemeService.updateColors).toHaveBeenCalledWith({
-			palettes: {
-				primaryPalette: '#123456',
-				accentedPalette: '#654321',
-				warningPalette: '#f79008',
-				infoPalette: '#296ee9',
-				successPalette: '#008027',
-				alternativePalette: '#6d28d9',
-				successDarkPalette: '#4caf50',
-				alternativeDarkPalette: '#c084fc',
-			},
-		});
-	});
-
-	it('should fall for getConnectionSettings and show Error snackbar', async () => {
-		const settings = service.getConnectionSettings('12345678').toPromise();
-
-		const req = httpMock.expectOne(`/connection/properties/12345678`);
-		expect(req.request.method).toBe('GET');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await settings;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(`${fakeError.message}.`);
-	});
-
-	it('should call createConnectionSettings and show success snackbar', () => {
-		let isSubscribeCalled = false;
-
-		service
-			.createConnectionSettings('12345678', { hidden_tables: ['users', 'orders'], default_showing_table: '' })
-			.subscribe((_res) => {
-				expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith(
-					'Connection settings has been created successfully.',
-				);
-				isSubscribeCalled = true;
-			});
-
-		const req = httpMock.expectOne(`/connection/properties/12345678`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({
-			hidden_tables: ['users', 'orders'],
-			default_showing_table: '',
-		});
-		req.flush({
-			id: 'dd58c614-866d-4293-8c65-351c667d29ca',
-			hidden_tables: ['users', 'orders'],
-			connectionId: '12345678',
-		});
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall createConnectionSettings and show Error alert', async () => {
-		const createSettings = service
-			.createConnectionSettings('12345678', { hidden_tables: ['users', 'orders'], default_showing_table: '' })
-			.toPromise();
-
-		const req = httpMock.expectOne(`/connection/properties/12345678`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({
-			hidden_tables: ['users', 'orders'],
-			default_showing_table: '',
-		});
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await createSettings;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(`${fakeError.message}.`);
-	});
-
-	it('should call updateConnectionSettings and show success snackbar', () => {
-		let isSubscribeCalled = false;
-
-		service
-			.updateConnectionSettings('12345678', {
-				hidden_tables: ['users', 'orders', 'products'],
-				default_showing_table: 'users',
-			})
-			.subscribe((_res) => {
-				expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith(
-					'Connection settings has been updated successfully.',
-				);
-				isSubscribeCalled = true;
-			});
-
-		const req = httpMock.expectOne(`/connection/properties/12345678`);
-		expect(req.request.method).toBe('PUT');
-		expect(req.request.body).toEqual({
-			hidden_tables: ['users', 'orders', 'products'],
-			default_showing_table: 'users',
-		});
-		req.flush({
-			id: 'dd58c614-866d-4293-8c65-351c667d29ca',
-			hidden_tables: ['users', 'orders', 'products'],
-			connectionId: '12345678',
-		});
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall createConnectionSettings and show Error alert', async () => {
-		const updateSettings = service
-			.updateConnectionSettings('12345678', {
-				hidden_tables: ['users', 'orders', 'products'],
-				default_showing_table: 'users',
-			})
-			.toPromise();
-
-		const req = httpMock.expectOne(`/connection/properties/12345678`);
-		expect(req.request.method).toBe('PUT');
-		expect(req.request.body).toEqual({
-			hidden_tables: ['users', 'orders', 'products'],
-			default_showing_table: 'users',
-		});
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await updateSettings;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(`${fakeError.message}.`);
-	});
-
-	it('should call deleteConnectionSettings and show success snackbar', () => {
-		let isSubscribeCalled = false;
-
-		service.deleteConnectionSettings('12345678').subscribe((_res) => {
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith(
-				'Connection settings has been removed successfully.',
-			);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/connection/properties/12345678`);
-		expect(req.request.method).toBe('DELETE');
-		req.flush({});
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall deleteConnectionSettings and show Error alert', async () => {
-		const deleteSettings = service.deleteConnectionSettings('12345678').toPromise();
-
-		const req = httpMock.expectOne(`/connection/properties/12345678`);
-		expect(req.request.method).toBe('DELETE');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await deleteSettings;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(`${fakeError.message}.`);
-	});
-});
diff --git a/frontend/src/app/services/connections.service.ts b/frontend/src/app/services/connections.service.ts
deleted file mode 100644
index 3b57d9ce6..000000000
--- a/frontend/src/app/services/connections.service.ts
+++ /dev/null
@@ -1,596 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { NavigationEnd, Router } from '@angular/router';
-import { IColorConfig, NgxThemeService } from '@brumeilde/ngx-theme';
-import { BehaviorSubject, EMPTY, throwError } from 'rxjs';
-import { catchError, filter, map } from 'rxjs/operators';
-import { AlertActionType, AlertType } from '../models/alert';
-import { Connection, ConnectionSettings, ConnectionType, DBtype } from '../models/connection';
-import { AccessLevel } from '../models/user';
-import { CedarPermissionService } from './cedar-permission.service';
-import { MasterPasswordService } from './master-password.service';
-import { NotificationsService } from './notifications.service';
-import { UsersService } from './users.service';
-
-interface LogParams {
-	connectionID: string;
-	tableName?: string;
-	userEmail?: string;
-	requstedPage?: number;
-	chunkSize?: number;
-}
-
-type Palettes = {
-	primaryPalette?: string;
-	accentedPalette?: string;
-	warnPalette?: string;
-	whitePalette?: string;
-	warnDarkPalette?: string;
-	warningPalette?: string;
-	infoPalette?: string;
-	successPalette?: string;
-	alternativePalette?: string;
-	successDarkPalette?: string;
-	alternativeDarkPalette?: string;
-};
-type Colors = { myColorName: string };
-
-@Injectable({
-	providedIn: 'root',
-})
-export class ConnectionsService {
-	public connectionID: string | null = null;
-	public connectionInitialState: Connection = Object.freeze({
-		id: null,
-		type: DBtype.MySQL,
-		host: '',
-		port: '3306',
-		sid: '',
-		username: '',
-		password: '',
-		database: '',
-		authSource: '',
-		title: '',
-		ssh: false,
-		privateSSHKey: '',
-		sshHost: '',
-		sshPort: '',
-		sshUsername: '',
-		ssl: false,
-		cert: '',
-		masterEncryption: false,
-		azure_encryption: false,
-		connectionType: ConnectionType.Direct,
-		signing_key: null,
-	});
-	public connection: Connection;
-	public connectionAccessLevel: AccessLevel;
-	public groupsAccessLevel: boolean;
-	public currentPage: string;
-	public isCustomAccentedColor: boolean;
-	public defaultDisplayTable: string;
-	public ownConnections: Connection[] = null;
-
-	private connectionNameSubject: BehaviorSubject<string> = new BehaviorSubject<string>('Rocketadmin');
-	private connectionSigningKeySubject: BehaviorSubject<string> = new BehaviorSubject<string>(null);
-	private connectionsSubject: BehaviorSubject<Connection[]> = new BehaviorSubject<Connection[]>([]);
-
-	public cast = this.connectionsSubject.asObservable();
-
-	invalidateConnections(): void {
-		this.connectionsSubject.next(null);
-	}
-
-	constructor(
-		private _http: HttpClient,
-		private router: Router,
-		private _notifications: NotificationsService,
-		private _masterPassword: MasterPasswordService,
-		private _usersService: UsersService,
-		private _permissions: CedarPermissionService,
-		public _themeService: NgxThemeService<IColorConfig<Palettes, Colors>>,
-	) {
-		this.connection = { ...this.connectionInitialState };
-		this.router = router;
-		this.router.events
-			.pipe(
-				filter((event): boolean => {
-					return event instanceof NavigationEnd;
-				}),
-			)
-			.subscribe((_event: NavigationEnd): void => {
-				const urlConnectionID = this.router.routerState.snapshot.root.firstChild.paramMap.get('connection-id');
-				this.currentPage = this.router.routerState.snapshot.root.firstChild.url[0].path;
-				this.setConnectionID(urlConnectionID);
-				this.setConnectionInfo(urlConnectionID);
-				if (urlConnectionID) {
-					this._usersService.setActiveConnection(urlConnectionID);
-				}
-				this._notifications.resetAlert();
-			});
-	}
-
-	get currentConnectionID() {
-		return this.connectionID;
-	}
-
-	get currentConnectionName() {
-		return this.defineConnectionTitle(this.connection);
-	}
-
-	get defaultTableToOpen() {
-		return this.defaultDisplayTable;
-	}
-
-	get currentConnection() {
-		return this.connection;
-	}
-
-	get currentConnectionAccessLevel() {
-		return this.connectionAccessLevel;
-	}
-
-	get currentConnectionGroupAccessLevel() {
-		return this.groupsAccessLevel;
-	}
-
-	get currentTab() {
-		return this.currentPage;
-	}
-
-	canEditConnection() {
-		return this._permissions.canI('connection:edit', 'Connection', this.connectionID)();
-	}
-
-	get visibleTabs() {
-		const tabs = ['dashboard', 'audit'];
-		if (this._permissions.canIAny('dashboard:read', 'Dashboard')()) tabs.push('dashboards');
-		if (this._permissions.canIAny('group:read', 'Group')()) tabs.push('permissions');
-		if (this.canEditConnection()) {
-			tabs.push('connection-settings', 'edit-db');
-		}
-		return tabs;
-	}
-
-	get ownConnectionsList() {
-		return this.ownConnections;
-	}
-
-	getCurrentConnectionTitle() {
-		return this.connectionNameSubject.asObservable();
-	}
-
-	getCurrentConnectionSigningKey() {
-		return this.connectionSigningKeySubject.asObservable();
-	}
-
-	setConnectionID(id: string) {
-		this.connectionID = id;
-	}
-
-	setConnectionInfo(id: string) {
-		this.defaultDisplayTable = null;
-		if (id) {
-			this.fetchConnection(id).subscribe((res) => {
-				this.connection = res.connection;
-				this.connectionAccessLevel = res.accessLevel;
-				this.groupsAccessLevel = res.groupManagement;
-				this.connectionNameSubject.next(res.connection.title || res.connection.database);
-				this.connectionSigningKeySubject.next(res.connection.signing_key);
-				if (res.connectionProperties) {
-					this.defaultDisplayTable = res.connectionProperties.default_showing_table;
-					this.isCustomAccentedColor = !!res.connectionProperties.secondary_color;
-					this._themeService.updateColors({
-						palettes: {
-							primaryPalette: res.connectionProperties.primary_color,
-							accentedPalette: res.connectionProperties.secondary_color,
-							warningPalette: '#f79008',
-							infoPalette: '#296ee9',
-							successPalette: '#008027',
-							alternativePalette: '#6d28d9',
-							successDarkPalette: '#4caf50',
-							alternativeDarkPalette: '#c084fc',
-						},
-					});
-				} else {
-					this.isCustomAccentedColor = false;
-					this._themeService.updateColors({
-						palettes: {
-							primaryPalette: '#212121',
-							accentedPalette: '#2563eb',
-							warningPalette: '#f79008',
-							infoPalette: '#296ee9',
-							successPalette: '#008027',
-							alternativePalette: '#6d28d9',
-							successDarkPalette: '#4caf50',
-							alternativeDarkPalette: '#c084fc',
-						},
-					});
-				}
-			});
-		} else {
-			this.connection = { ...this.connectionInitialState };
-			this.isCustomAccentedColor = false;
-			this._themeService.updateColors({
-				palettes: {
-					primaryPalette: '#212121',
-					accentedPalette: '#2563eb',
-					warningPalette: '#f79008',
-					infoPalette: '#296ee9',
-					successPalette: '#008027',
-					alternativePalette: '#6d28d9',
-					successDarkPalette: '#4caf50',
-					alternativeDarkPalette: '#c084fc',
-				},
-			});
-		}
-	}
-
-	isPermitted(accessLevel: AccessLevel) {
-		return accessLevel === 'edit' || accessLevel === 'readonly';
-	}
-
-	defineConnectionType(connection) {
-		if (connection.type?.startsWith('agent_')) {
-			connection.type = connection.type.slice(6);
-			connection.connectionType = ConnectionType.Agent;
-		} else {
-			connection.connectionType = ConnectionType.Direct;
-		}
-		return connection;
-	}
-
-	defineConnectionTitle(connection: Connection) {
-		if (!connection.title && connection.masterEncryption) return 'Untitled encrypted connection';
-		if (!connection.title && !connection.database) return 'Untitled connection';
-		return connection.title || connection.database;
-	}
-
-	private checkAndSendConversion() {
-		const now = new Date();
-		const firstVisitTime = localStorage.getItem('first_visit_time');
-
-		if (!firstVisitTime) {
-			// First visit - record the current date
-			localStorage.setItem('first_visit_time', now.toISOString());
-			return;
-		}
-
-		const firstVisit = new Date(firstVisitTime);
-		const daysDifference = Math.floor((now.getTime() - firstVisit.getTime()) / (1000 * 60 * 60 * 24));
-
-		if (daysDifference >= 7) {
-			const repeatConversionSent = localStorage.getItem('repeat_conversion_sent');
-
-			if (!repeatConversionSent) {
-				localStorage.setItem('repeat_conversion_sent', 'true');
-
-				// Send conversion event
-				if (typeof window !== 'undefined' && (window as any).gtag) {
-					(window as any).gtag('event', 'conversion', {
-						send_to: 'AW-419937947/jqGyCJWo4qobEJv9nsgB',
-						value: 1.0,
-						currency: 'USD',
-						event_callback: () => {
-							console.log('Conversion event sent successfully');
-						},
-					});
-				}
-			}
-		}
-	}
-
-	fetchConnections() {
-		// Check for first visit and send conversion if needed
-		this.checkAndSendConversion();
-
-		return this._http.get<any>('/connections').pipe(
-			map((res) => {
-				const connections = res.connections.map((connectionItem) => {
-					const connection = this.defineConnectionType(connectionItem.connection);
-					const displayTitle = this.defineConnectionTitle(connectionItem.connection);
-					return { ...connectionItem, connection, displayTitle };
-				});
-				this.ownConnections = connections.filter((connectionItem) => !connectionItem.connection.isTestConnection);
-				return connections;
-			}),
-			catchError((err) => {
-				console.log(err);
-				const errorMessage = err.error?.message || 'Unknown error';
-				const errorDetails = err.error?.originalMessage || '';
-				this._notifications.showAlert(AlertType.Error, { abstract: errorMessage, details: errorDetails }, [
-					{
-						type: AlertActionType.Button,
-						caption: 'Dismiss',
-						action: (_id: number) => this._notifications.dismissAlert(),
-					},
-				]);
-				return EMPTY;
-			}),
-		);
-	}
-
-	fetchConnection(id: string) {
-		return this._http.get<any>(`/connection/one/${id}`).pipe(
-			map((res) => {
-				const connection = this.defineConnectionType(res.connection);
-				if (res.connectionProperties) {
-					this.defaultDisplayTable = res.connectionProperties.default_showing_table;
-					this._themeService.updateColors({
-						palettes: {
-							primaryPalette: res.connectionProperties.primary_color,
-							accentedPalette: res.connectionProperties.secondary_color,
-							warningPalette: '#f79008',
-							infoPalette: '#296ee9',
-							successPalette: '#008027',
-							alternativePalette: '#6d28d9',
-							successDarkPalette: '#4caf50',
-							alternativeDarkPalette: '#c084fc',
-						},
-					});
-				} else {
-					this.defaultDisplayTable = null;
-					this._themeService.updateColors({
-						palettes: {
-							primaryPalette: '#212121',
-							accentedPalette: '#2563eb',
-							warningPalette: '#f79008',
-							infoPalette: '#296ee9',
-							successPalette: '#008027',
-							alternativePalette: '#6d28d9',
-							successDarkPalette: '#4caf50',
-							alternativeDarkPalette: '#c084fc',
-						},
-					});
-				}
-				return { ...res, connection };
-			}),
-			catchError((err) => {
-				console.log(err);
-				if (err.error?.type === 'no_master_key' && this.router.url !== '/connections-list') {
-					this._masterPassword.showMasterPasswordDialog();
-				}
-				const errorMessage = err.error?.message || 'Unknown error';
-				this._notifications.showErrorSnackbar(errorMessage);
-				return EMPTY;
-			}),
-		);
-	}
-
-	testConnection(connectionID: string, connection: Connection) {
-		let dbCredentials;
-		dbCredentials = {
-			...connection,
-			port: parseInt(connection.port, 10),
-			sshPort: parseInt(connection.sshPort, 10),
-		};
-
-		if (connection.connectionType === 'agent') {
-			dbCredentials.type = `agent_${dbCredentials.type}`;
-		}
-
-		return this._http
-			.post(`/connection/test`, dbCredentials, {
-				params: {
-					...(connectionID ? { connectionId: connectionID } : {}),
-				},
-			})
-			.pipe(
-				map((res) => res),
-				catchError((err) => {
-					console.log(err);
-					const errorMessage = err.error?.message || 'Unknown error';
-					const errorDetails = err.error?.originalMessage || '';
-					this._notifications.showAlert(AlertType.Error, { abstract: errorMessage, details: errorDetails }, []);
-					return EMPTY;
-				}),
-			);
-	}
-
-	createConnection(connection: Connection, masterKey: string) {
-		let dbCredentials;
-		dbCredentials = {
-			...connection,
-			port: parseInt(connection.port, 10),
-			sshPort: parseInt(connection.sshPort, 10),
-		};
-
-		if (connection.connectionType === 'agent') {
-			dbCredentials.type = `agent_${dbCredentials.type}`;
-		}
-
-		return this._http
-			.post('/connection', dbCredentials, {
-				headers: masterKey
-					? {
-							masterpwd: masterKey,
-						}
-					: {},
-			})
-			.pipe(
-				map((res: any) => {
-					this.connectionsSubject.next(null);
-					this._masterPassword.checkMasterPassword(connection.masterEncryption, res.id, masterKey);
-					this._notifications.showSuccessSnackbar('Connection was added successfully.');
-					return res;
-				}),
-				catchError((err) => {
-					console.log(err);
-					const errorMessage = err.error?.message || 'Unknown error';
-					const errorDetails = err.error?.originalMessage || '';
-					this._notifications.showAlert(AlertType.Error, { abstract: errorMessage, details: errorDetails }, []);
-					return throwError(() => errorMessage);
-				}),
-			);
-	}
-
-	updateConnection(connection: Connection, masterKey: string) {
-		let dbCredentials;
-		dbCredentials = {
-			...connection,
-			port: parseInt(connection.port, 10),
-			sshPort: parseInt(connection.sshPort, 10),
-		};
-
-		if (connection.connectionType === 'agent') {
-			dbCredentials.type = `agent_${dbCredentials.type}`;
-		}
-
-		return this._http
-			.put(`/connection/${connection.id}`, dbCredentials, {
-				headers: masterKey
-					? {
-							masterpwd: masterKey,
-						}
-					: {},
-			})
-			.pipe(
-				map((res) => {
-					this._masterPassword.checkMasterPassword(connection.masterEncryption, connection.id, masterKey);
-					this._notifications.showSuccessSnackbar('Connection has been updated successfully.');
-					this.connectionsSubject.next(null);
-					return res;
-				}),
-				catchError((err) => {
-					console.log(err);
-					const errorMessage = err.error?.message || 'Unknown error';
-					const errorDetails = err.error?.originalMessage || '';
-					this._notifications.showAlert(AlertType.Error, { abstract: errorMessage, details: errorDetails }, [
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					]);
-					// this._notifications.showErrorSnackbar(`${err.error.message}. Connection has not been updated.`);
-					console.log('updateConnection catchError');
-					return throwError(() => new Error(errorMessage));
-				}),
-			);
-	}
-
-	deleteConnection(id: string, metadata) {
-		return this._http.put(`/connection/delete/${id}`, metadata).pipe(
-			map(() => {
-				this.connectionsSubject.next(null);
-				this._notifications.showSuccessSnackbar('Connection has been deleted successfully.');
-			}),
-			catchError((err) => {
-				console.log(err);
-				const errorMessage = err.error?.message || 'Unknown error';
-				this._notifications.showErrorSnackbar(errorMessage);
-				return EMPTY;
-			}),
-		);
-	}
-
-	fetchAuditLog({ connectionID, tableName, userEmail, requstedPage, chunkSize }: LogParams) {
-		if (tableName === 'showAll') tableName = null;
-		if (userEmail === 'showAll') userEmail = null;
-		return this._http
-			.get(`/logs/${connectionID}`, {
-				params: {
-					page: requstedPage.toString(),
-					perPage: chunkSize.toString(),
-					...(tableName ? { tableName } : {}),
-					...(userEmail ? { email: userEmail } : {}),
-				},
-			})
-			.pipe(
-				map((res) => res),
-				catchError((err) => {
-					console.log(err);
-					const errorMessage = err.error?.message || 'Unknown error';
-					this._notifications.showErrorSnackbar(errorMessage);
-					return EMPTY;
-				}),
-			);
-	}
-
-	getConnectionSettings(connectionID: string) {
-		return this._http.get(`/connection/properties/${connectionID}`).pipe(
-			map((res: any) => {
-				if (res) {
-					this._themeService.updateColors({
-						palettes: {
-							primaryPalette: res.primary_color,
-							accentedPalette: res.secondary_color,
-							warningPalette: '#f79008',
-							infoPalette: '#296ee9',
-							successPalette: '#008027',
-							alternativePalette: '#6d28d9',
-							successDarkPalette: '#4caf50',
-							alternativeDarkPalette: '#c084fc',
-						},
-					});
-				}
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				const errorMessage = err.error?.message || 'Unknown error';
-				this._notifications.showErrorSnackbar(`${errorMessage}.`);
-				return EMPTY;
-			}),
-		);
-	}
-
-	createConnectionSettings(connectionID: string, settings: ConnectionSettings) {
-		return this._http.post(`/connection/properties/${connectionID}`, settings).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('Connection settings has been created successfully.');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				const errorMessage = err.error?.message || 'Unknown error';
-				this._notifications.showErrorSnackbar(`${errorMessage}.`);
-				return EMPTY;
-			}),
-		);
-	}
-
-	updateConnectionSettings(connectionID: string, settings: ConnectionSettings) {
-		return this._http.put(`/connection/properties/${connectionID}`, settings).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('Connection settings has been updated successfully.');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				const errorMessage = err.error?.message || 'Unknown error';
-				this._notifications.showErrorSnackbar(`${errorMessage}.`);
-				return EMPTY;
-			}),
-		);
-	}
-
-	updateConnectionTitle(connectionID: string, title: string) {
-		return this._http.put(`/connection/title/${connectionID}`, { title }).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('Connection title has been updated successfully.');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				const errorMessage = err.error?.message || 'Unknown error';
-				this._notifications.showErrorSnackbar(`${errorMessage}.`);
-				return EMPTY;
-			}),
-		);
-	}
-
-	deleteConnectionSettings(connectionID: string) {
-		return this._http.delete(`/connection/properties/${connectionID}`).pipe(
-			map(() => {
-				this._notifications.showSuccessSnackbar('Connection settings has been removed successfully.');
-			}),
-			catchError((err) => {
-				console.log(err);
-				const errorMessage = err.error?.message || 'Unknown error';
-				this._notifications.showErrorSnackbar(`${errorMessage}.`);
-				return EMPTY;
-			}),
-		);
-	}
-}
diff --git a/frontend/src/app/services/dashboards.service.ts b/frontend/src/app/services/dashboards.service.ts
deleted file mode 100644
index 7d8731daa..000000000
--- a/frontend/src/app/services/dashboards.service.ts
+++ /dev/null
@@ -1,159 +0,0 @@
-import { HttpResourceRef } from '@angular/common/http';
-import { computed, Injectable, inject, signal } from '@angular/core';
-import {
-	CreateDashboardPayload,
-	CreateWidgetPayload,
-	Dashboard,
-	DashboardWidget,
-	UpdateDashboardPayload,
-	UpdateWidgetPayload,
-} from '../models/dashboard';
-import { GeneratedPanelWithPosition } from '../models/saved-query';
-import { ApiService } from './api.service';
-
-export type DashboardUpdateEvent = 'created' | 'updated' | 'deleted' | '';
-
-@Injectable({
-	providedIn: 'root',
-})
-export class DashboardsService {
-	private _api = inject(ApiService);
-
-	private _dashboardsUpdated = signal<DashboardUpdateEvent>('');
-	public readonly dashboardsUpdated = this._dashboardsUpdated.asReadonly();
-
-	// Active connection for reactive fetching of dashboards list
-	private _activeConnectionId = signal<string | null>(null);
-
-	// Active dashboard for reactive fetching of single dashboard
-	private _activeDashboardId = signal<string | null>(null);
-
-	// Resource for dashboards list
-	private _dashboardsResource: HttpResourceRef<Dashboard[] | undefined> = this._api.resource<Dashboard[]>(
-		() => {
-			const connectionId = this._activeConnectionId();
-			if (!connectionId) return undefined;
-			return `/dashboards/${connectionId}`;
-		},
-		{ errorMessage: 'Failed to fetch dashboards' },
-	);
-
-	// Resource for single dashboard with widgets
-	private _dashboardResource: HttpResourceRef<Dashboard | undefined> = this._api.resource<Dashboard>(
-		() => {
-			const connectionId = this._activeConnectionId();
-			const dashboardId = this._activeDashboardId();
-			if (!connectionId || !dashboardId) return undefined;
-			return `/dashboard/${dashboardId}/${connectionId}`;
-		},
-		{ errorMessage: 'Failed to fetch dashboard' },
-	);
-
-	// Computed signals for convenient access
-	public readonly dashboards = computed(() => this._dashboardsResource.value() ?? []);
-	public readonly dashboardsLoading = computed(() => this._dashboardsResource.isLoading());
-	public readonly dashboardsError = computed(() => this._dashboardsResource.error() as Error | null);
-
-	public readonly dashboard = computed(() => this._dashboardResource.value() ?? null);
-	public readonly dashboardLoading = computed(() => this._dashboardResource.isLoading());
-	public readonly dashboardError = computed(() => this._dashboardResource.error() as Error | null);
-
-	// Methods to control resource
-	setActiveConnection(connectionId: string): void {
-		this._activeConnectionId.set(connectionId);
-	}
-
-	setActiveDashboard(dashboardId: string | null): void {
-		this._activeDashboardId.set(dashboardId);
-	}
-
-	refreshDashboards(): void {
-		this._dashboardsResource.reload();
-	}
-
-	clearDashboardsUpdated(): void {
-		this._dashboardsUpdated.set('');
-	}
-
-	refreshDashboard(): void {
-		this._dashboardResource.reload();
-	}
-
-	// Dashboard CRUD operations
-	async createDashboard(connectionId: string, payload: CreateDashboardPayload): Promise<Dashboard | null> {
-		const dashboard = await this._api.post<Dashboard>(`/dashboards/${connectionId}`, payload, {
-			successMessage: 'Dashboard created successfully',
-		});
-		if (dashboard) this._dashboardsUpdated.set('created');
-		return dashboard;
-	}
-
-	async updateDashboard(
-		connectionId: string,
-		dashboardId: string,
-		payload: UpdateDashboardPayload,
-	): Promise<Dashboard | null> {
-		const dashboard = await this._api.put<Dashboard>(`/dashboard/${dashboardId}/${connectionId}`, payload, {
-			successMessage: 'Dashboard updated successfully',
-		});
-		if (dashboard) this._dashboardsUpdated.set('updated');
-		return dashboard;
-	}
-
-	async deleteDashboard(connectionId: string, dashboardId: string): Promise<Dashboard | null> {
-		const dashboard = await this._api.delete<Dashboard>(`/dashboard/${dashboardId}/${connectionId}`, {
-			successMessage: 'Dashboard deleted successfully',
-		});
-		if (dashboard) this._dashboardsUpdated.set('deleted');
-		return dashboard;
-	}
-
-	// Widget CRUD operations
-	async createWidget(
-		connectionId: string,
-		dashboardId: string,
-		payload: CreateWidgetPayload,
-	): Promise<DashboardWidget | null> {
-		const widget = await this._api.post<DashboardWidget>(`/dashboard/${dashboardId}/widget/${connectionId}`, payload, {
-			successMessage: 'Widget created successfully',
-		});
-		if (widget) this._dashboardsUpdated.set('updated');
-		return widget;
-	}
-
-	async updateWidget(
-		connectionId: string,
-		dashboardId: string,
-		widgetId: string,
-		payload: UpdateWidgetPayload,
-	): Promise<DashboardWidget | null> {
-		return this._api.put<DashboardWidget>(`/dashboard/${dashboardId}/widget/${widgetId}/${connectionId}`, payload);
-	}
-
-	async updateWidgetPosition(
-		connectionId: string,
-		dashboardId: string,
-		widgetId: string,
-		payload: Pick<UpdateWidgetPayload, 'position_x' | 'position_y' | 'width' | 'height'>,
-	): Promise<DashboardWidget | null> {
-		return this._api.put<DashboardWidget>(`/dashboard/${dashboardId}/widget/${widgetId}/${connectionId}`, payload);
-	}
-
-	async generateWidgetWithAi(
-		connectionId: string,
-		payload: { chart_description: string; name?: string },
-	): Promise<GeneratedPanelWithPosition | null> {
-		return this._api.post<GeneratedPanelWithPosition>(`/widget/generate/${connectionId}`, payload);
-	}
-
-	async deleteWidget(connectionId: string, dashboardId: string, widgetId: string): Promise<DashboardWidget | null> {
-		const widget = await this._api.delete<DashboardWidget>(
-			`/dashboard/${dashboardId}/widget/${widgetId}/${connectionId}`,
-			{
-				successMessage: 'Widget deleted successfully',
-			},
-		);
-		if (widget) this._dashboardsUpdated.set('updated');
-		return widget;
-	}
-}
diff --git a/frontend/src/app/services/master-password.service.spec.ts b/frontend/src/app/services/master-password.service.spec.ts
deleted file mode 100644
index 34a2077ec..000000000
--- a/frontend/src/app/services/master-password.service.spec.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { TestBed } from '@angular/core/testing';
-import { MatDialog, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
-import { provideRouter } from '@angular/router';
-import { MasterPasswordDialogComponent } from '../components/master-password-dialog/master-password-dialog.component';
-
-import { MasterPasswordService } from './master-password.service';
-
-describe('MasterPasswordService', () => {
-	let service: MasterPasswordService;
-	let dialog: MatDialog;
-
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [MatDialogModule],
-			providers: [provideHttpClient(), provideRouter([]), { provide: MatDialogRef, useValue: { close: vi.fn() } }],
-		});
-
-		service = TestBed.inject(MasterPasswordService);
-		dialog = TestBed.inject(MatDialog);
-	});
-
-	afterEach(() => {
-		vi.restoreAllMocks();
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-
-	it('should show Master password dialog', () => {
-		const fakeDialog = vi
-			.spyOn(dialog, 'open')
-			.mockReturnValue({ afterClosed: () => ({ subscribe: () => {} }) } as any);
-		service.showMasterPasswordDialog();
-		expect(fakeDialog).toHaveBeenCalledWith(MasterPasswordDialogComponent, {
-			width: '24em',
-			disableClose: true,
-		});
-	});
-
-	it('should write master key in localstorage if masterEncryption is turned on', () => {
-		const setItemSpy = vi.spyOn(Storage.prototype, 'setItem');
-
-		service.checkMasterPassword(true, '12345678', 'abcd-0987654321');
-
-		expect(setItemSpy).toHaveBeenCalledWith('12345678__masterKey', 'abcd-0987654321');
-	});
-
-	it('should remove master key in localstorage if masterEncryption is turned off', () => {
-		const removeItemSpy = vi.spyOn(Storage.prototype, 'removeItem');
-
-		service.checkMasterPassword(false, '12345678', 'abcd-0987654321');
-
-		expect(removeItemSpy).toHaveBeenCalledWith('12345678__masterKey');
-	});
-});
diff --git a/frontend/src/app/services/master-password.service.ts b/frontend/src/app/services/master-password.service.ts
deleted file mode 100644
index e646829dd..000000000
--- a/frontend/src/app/services/master-password.service.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Injectable } from '@angular/core';
-import { MatDialog } from '@angular/material/dialog';
-import { MasterPasswordDialogComponent } from '../components/master-password-dialog/master-password-dialog.component';
-
-@Injectable({
-	providedIn: 'root',
-})
-export class MasterPasswordService {
-	// private showMasterPasswordDialogRef: MatDialogRef<MasterPasswordDialogComponent>;
-
-	constructor(public dialog: MatDialog) {}
-
-	showMasterPasswordDialog() {
-		this.dialog.open(MasterPasswordDialogComponent, {
-			width: '24em',
-			disableClose: true,
-		});
-	}
-
-	checkMasterPassword(isEncryptionEnabled: boolean, connectionID: string, masterKey: string) {
-		if (isEncryptionEnabled) {
-			localStorage.setItem(`${connectionID}__masterKey`, masterKey);
-		} else {
-			localStorage.removeItem(`${connectionID}__masterKey`);
-		}
-	}
-}
diff --git a/frontend/src/app/services/notifications.service.spec.ts b/frontend/src/app/services/notifications.service.spec.ts
deleted file mode 100644
index e24be5c6d..000000000
--- a/frontend/src/app/services/notifications.service.spec.ts
+++ /dev/null
@@ -1,103 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
-import { Alert, AlertActionType, AlertType } from '../models/alert';
-import { NotificationsService } from './notifications.service';
-
-describe('NotificationsService', () => {
-	let service: NotificationsService;
-	let snackBar: MatSnackBar;
-
-	const alert: Alert = {
-		id: 0,
-		type: AlertType.Error,
-		message: 'Error message',
-		actions: [
-			{
-				type: AlertActionType.Button,
-				caption: 'Dismiss',
-			},
-		],
-	};
-
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [MatSnackBarModule],
-		});
-
-		service = TestBed.inject(NotificationsService);
-		snackBar = TestBed.inject(MatSnackBar);
-		service.idCounter = 0;
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-
-	it('should show ErrorSnackbar', () => {
-		const fakeSnackBar = vi.spyOn(snackBar, 'open');
-		service.showErrorSnackbar('Error message.');
-		expect(fakeSnackBar).toHaveBeenCalledWith(
-			'Error message.',
-			'Dismiss',
-			Object({
-				duration: 10000,
-				horizontalPosition: 'left',
-			}),
-		);
-	});
-
-	it('should show SuccessSnackbar', () => {
-		const fakeSnackBar = vi.spyOn(snackBar, 'open');
-		service.showSuccessSnackbar('Success message.');
-		expect(fakeSnackBar).toHaveBeenCalledWith(
-			'Success message.',
-			null,
-			Object({
-				duration: 2500,
-				horizontalPosition: 'left',
-				verticalPosition: 'bottom',
-			}),
-		);
-	});
-
-	it('should get alert', () => {
-		service.alert = alert;
-		expect(service.currentAlert).toEqual(alert);
-	});
-
-	it('should show new alert', () => {
-		service.alert = alert;
-		service.showAlert(AlertType.Error, 'Error message 2', [
-			{
-				type: AlertActionType.Button,
-				caption: 'Dissmis',
-			},
-		]);
-
-		expect(service.alert).toEqual({
-			id: 1,
-			type: AlertType.Error,
-			message: 'Error message 2',
-			actions: [
-				{
-					type: AlertActionType.Button,
-					caption: 'Dissmis',
-				},
-			],
-		});
-	});
-
-	it('should dissmis alert', () => {
-		service.alert = alert;
-		service.dismissAlert();
-
-		expect(service.alert).toBeNull();
-	});
-
-	it('should reset alert', () => {
-		service.alert = alert;
-		service.resetAlert();
-
-		expect(service.alert).toBeNull();
-	});
-});
diff --git a/frontend/src/app/services/notifications.service.ts b/frontend/src/app/services/notifications.service.ts
deleted file mode 100644
index b04d1fa82..000000000
--- a/frontend/src/app/services/notifications.service.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Injectable } from '@angular/core';
-import { MatSnackBar } from '@angular/material/snack-bar';
-import { Alert, AlertAction, AlertType, ServerError } from '../models/alert';
-
-@Injectable({
-	providedIn: 'root',
-})
-export class NotificationsService {
-	public alert: Alert;
-	public idCounter = 0;
-
-	constructor(private snackBar: MatSnackBar) {}
-
-	showErrorSnackbar(message: string) {
-		this.snackBar.open(message, 'Dismiss', {
-			duration: 10000,
-			horizontalPosition: 'left',
-		});
-	}
-
-	showSuccessSnackbar(message: string, verticalPosition: 'top' | 'bottom' = 'bottom') {
-		this.snackBar.open(message, null, {
-			duration: 2500,
-			horizontalPosition: 'left',
-			verticalPosition,
-		});
-	}
-
-	get currentAlert() {
-		return this.alert;
-	}
-
-	showAlert(type: AlertType, message: ServerError | string, actions: AlertAction[]) {
-		this.idCounter++;
-		this.alert = {
-			id: this.idCounter,
-			type: type,
-			message: message,
-			actions: actions,
-		};
-		// window.scrollTo(0, 0);
-	}
-
-	dismissAlert() {
-		this.alert = null;
-	}
-
-	resetAlert() {
-		this.alert = null;
-	}
-}
diff --git a/frontend/src/app/services/posthog.service.ts b/frontend/src/app/services/posthog.service.ts
deleted file mode 100644
index ea15ccece..000000000
--- a/frontend/src/app/services/posthog.service.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { DestroyRef, Injectable, NgZone } from '@angular/core';
-import { Router } from '@angular/router';
-import posthog from 'posthog-js';
-import { environment } from '../../environments/environment';
-
-@Injectable({ providedIn: 'root' })
-export class PosthogService {
-	constructor(
-		private ngZone: NgZone,
-		private router: Router,
-		private destroyRef: DestroyRef,
-	) {
-		if ((environment as any).saas && environment.production) {
-			this.initPostHog();
-		}
-	}
-
-	private initPostHog() {
-		this.ngZone.runOutsideAngular(() => {
-			posthog.init('phc_VPnWHIMj9UjhRLPr7shATjgL0J4KrWWOHkK3JwZbnkw', {
-				api_host: 'https://us.i.posthog.com',
-				defaults: '2025-11-30',
-			});
-		});
-	}
-}
diff --git a/frontend/src/app/services/s3.service.spec.ts b/frontend/src/app/services/s3.service.spec.ts
deleted file mode 100644
index b6322e489..000000000
--- a/frontend/src/app/services/s3.service.spec.ts
+++ /dev/null
@@ -1,341 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-import { TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { NotificationsService } from './notifications.service';
-import { S3Service } from './s3.service';
-
-describe('S3Service', () => {
-	let service: S3Service;
-	let httpMock: HttpTestingController;
-	let fakeNotifications: { showAlert: ReturnType<typeof vi.fn>; dismissAlert: ReturnType<typeof vi.fn> };
-
-	const mockFileUrlResponse = {
-		url: 'https://s3.amazonaws.com/bucket/file.pdf?signature=abc123',
-		key: 'prefix/file.pdf',
-		expiresIn: 3600,
-	};
-
-	const mockUploadUrlResponse = {
-		uploadUrl: 'https://s3.amazonaws.com/bucket/prefix/newfile.pdf?signature=xyz789',
-		key: 'prefix/newfile.pdf',
-		expiresIn: 3600,
-		previewUrl: 'https://s3.amazonaws.com/bucket/prefix/newfile.pdf?preview=true',
-	};
-
-	const fakeError = {
-		message: 'Something went wrong',
-		statusCode: 400,
-	};
-
-	beforeEach(() => {
-		fakeNotifications = {
-			showAlert: vi.fn(),
-			dismissAlert: vi.fn(),
-		};
-
-		TestBed.configureTestingModule({
-			imports: [MatSnackBarModule],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				S3Service,
-				{ provide: NotificationsService, useValue: fakeNotifications },
-			],
-		});
-
-		service = TestBed.inject(S3Service);
-		httpMock = TestBed.inject(HttpTestingController);
-	});
-
-	afterEach(() => {
-		httpMock.verify();
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-
-	describe('getFileUrl', () => {
-		const connectionId = 'conn-123';
-		const tableName = 'users';
-		const fieldName = 'avatar';
-		const rowPrimaryKey = { id: 1 };
-
-		it('should fetch file URL successfully', async () => {
-			const resultPromise = service.getFileUrl(connectionId, tableName, fieldName, rowPrimaryKey);
-
-			const req = httpMock.expectOne(
-				(request) =>
-					request.url === `/s3/file/${connectionId}` &&
-					request.params.get('tableName') === tableName &&
-					request.params.get('fieldName') === fieldName &&
-					request.params.get('rowPrimaryKey') === JSON.stringify(rowPrimaryKey),
-			);
-			expect(req.request.method).toBe('GET');
-			req.flush(mockFileUrlResponse);
-
-			const result = await resultPromise;
-			expect(result).toEqual(mockFileUrlResponse);
-		});
-
-		it('should handle complex primary key', async () => {
-			const complexPrimaryKey = { user_id: 1, org_id: 'abc' };
-
-			const resultPromise = service.getFileUrl(connectionId, tableName, fieldName, complexPrimaryKey);
-
-			const req = httpMock.expectOne(
-				(request) =>
-					request.url === `/s3/file/${connectionId}` &&
-					request.params.get('rowPrimaryKey') === JSON.stringify(complexPrimaryKey),
-			);
-			req.flush(mockFileUrlResponse);
-
-			const result = await resultPromise;
-			expect(result).toEqual(mockFileUrlResponse);
-		});
-
-		it('should show error alert on failure', async () => {
-			const resultPromise = service.getFileUrl(connectionId, tableName, fieldName, rowPrimaryKey);
-
-			const req = httpMock.expectOne((request) => request.url === `/s3/file/${connectionId}`);
-			req.flush(fakeError, { status: 400, statusText: 'Bad Request' });
-
-			const result = await resultPromise;
-			expect(result).toBeNull();
-			expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-				expect.anything(),
-				expect.objectContaining({
-					abstract: 'Failed to get S3 file URL',
-					details: fakeError.message,
-				}),
-				expect.any(Array),
-			);
-		});
-
-		it('should return null on error', async () => {
-			const resultPromise = service.getFileUrl(connectionId, tableName, fieldName, rowPrimaryKey);
-
-			const req = httpMock.expectOne((request) => request.url === `/s3/file/${connectionId}`);
-			req.flush(fakeError, { status: 400, statusText: 'Bad Request' });
-
-			const result = await resultPromise;
-			expect(result).toBeNull();
-		});
-	});
-
-	describe('getUploadUrl', () => {
-		const connectionId = 'conn-123';
-		const tableName = 'users';
-		const fieldName = 'avatar';
-		const filename = 'document.pdf';
-		const contentType = 'application/pdf';
-
-		it('should fetch upload URL successfully', async () => {
-			const resultPromise = service.getUploadUrl(connectionId, tableName, fieldName, filename, contentType);
-
-			const req = httpMock.expectOne(
-				(request) =>
-					request.url === `/s3/upload-url/${connectionId}` &&
-					request.params.get('tableName') === tableName &&
-					request.params.get('fieldName') === fieldName,
-			);
-			expect(req.request.method).toBe('POST');
-			expect(req.request.body).toEqual({ filename, contentType });
-			req.flush(mockUploadUrlResponse);
-
-			const result = await resultPromise;
-			expect(result).toEqual(mockUploadUrlResponse);
-		});
-
-		it('should handle image upload', async () => {
-			const imageFilename = 'photo.jpg';
-			const imageContentType = 'image/jpeg';
-
-			const resultPromise = service.getUploadUrl(connectionId, tableName, fieldName, imageFilename, imageContentType);
-
-			const req = httpMock.expectOne((request) => request.url === `/s3/upload-url/${connectionId}`);
-			expect(req.request.body).toEqual({
-				filename: imageFilename,
-				contentType: imageContentType,
-			});
-			req.flush(mockUploadUrlResponse);
-
-			await resultPromise;
-		});
-
-		it('should show error alert on failure', async () => {
-			const resultPromise = service.getUploadUrl(connectionId, tableName, fieldName, filename, contentType);
-
-			const req = httpMock.expectOne((request) => request.url === `/s3/upload-url/${connectionId}`);
-			req.flush(fakeError, { status: 400, statusText: 'Bad Request' });
-
-			const result = await resultPromise;
-			expect(result).toBeNull();
-			expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-				expect.anything(),
-				expect.objectContaining({
-					abstract: 'Failed to get upload URL',
-					details: fakeError.message,
-				}),
-				expect.any(Array),
-			);
-		});
-
-		it('should return null on error', async () => {
-			const resultPromise = service.getUploadUrl(connectionId, tableName, fieldName, filename, contentType);
-
-			const req = httpMock.expectOne((request) => request.url === `/s3/upload-url/${connectionId}`);
-			req.flush(fakeError, { status: 400, statusText: 'Bad Request' });
-
-			const result = await resultPromise;
-			expect(result).toBeNull();
-		});
-	});
-
-	describe('uploadToS3', () => {
-		const uploadUrl = 'https://s3.amazonaws.com/bucket/file.pdf?signature=abc123';
-
-		it('should upload file to S3 successfully', async () => {
-			const file = new File(['test content'], 'test.pdf', {
-				type: 'application/pdf',
-			});
-
-			const resultPromise = service.uploadToS3(uploadUrl, file);
-
-			const req = httpMock.expectOne(uploadUrl);
-			expect(req.request.method).toBe('PUT');
-			expect(req.request.headers.get('Content-Type')).toBe('application/pdf');
-			expect(req.request.body).toBe(file);
-			req.flush(null);
-
-			const result = await resultPromise;
-			expect(result).toBe(true);
-		});
-
-		it('should upload image file with correct content type', async () => {
-			const file = new File(['image data'], 'photo.jpg', {
-				type: 'image/jpeg',
-			});
-
-			const resultPromise = service.uploadToS3(uploadUrl, file);
-
-			const req = httpMock.expectOne(uploadUrl);
-			expect(req.request.headers.get('Content-Type')).toBe('image/jpeg');
-			req.flush(null);
-
-			await resultPromise;
-		});
-
-		it('should show error alert on upload failure', async () => {
-			const file = new File(['test content'], 'test.pdf', {
-				type: 'application/pdf',
-			});
-
-			const resultPromise = service.uploadToS3(uploadUrl, file);
-
-			const req = httpMock.expectOne(uploadUrl);
-			req.flush(null, { status: 500, statusText: 'Internal Server Error' });
-
-			const result = await resultPromise;
-			expect(result).toBe(false);
-			expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-				expect.anything(),
-				expect.objectContaining({
-					abstract: 'File upload failed',
-				}),
-				expect.any(Array),
-			);
-		});
-
-		it('should return false on error', async () => {
-			const file = new File(['test content'], 'test.pdf', {
-				type: 'application/pdf',
-			});
-
-			const resultPromise = service.uploadToS3(uploadUrl, file);
-
-			const req = httpMock.expectOne(uploadUrl);
-			req.flush(null, { status: 500, statusText: 'Internal Server Error' });
-
-			const result = await resultPromise;
-			expect(result).toBe(false);
-		});
-	});
-
-	describe('uploadFile', () => {
-		const connectionId = 'conn-123';
-		const tableName = 'users';
-		const fieldName = 'avatar';
-
-		it('should get upload URL and upload file successfully', async () => {
-			const file = new File(['test content'], 'test.pdf', {
-				type: 'application/pdf',
-			});
-
-			const resultPromise = service.uploadFile(connectionId, tableName, fieldName, file);
-
-			// First request: get upload URL
-			const uploadUrlReq = httpMock.expectOne((request) => request.url === `/s3/upload-url/${connectionId}`);
-			expect(uploadUrlReq.request.method).toBe('POST');
-			expect(uploadUrlReq.request.body).toEqual({
-				filename: 'test.pdf',
-				contentType: 'application/pdf',
-			});
-			uploadUrlReq.flush(mockUploadUrlResponse);
-
-			// Allow the first promise to resolve so the second request starts
-			await new Promise((resolve) => setTimeout(resolve, 0));
-
-			// Second request: upload to S3
-			const uploadReq = httpMock.expectOne(mockUploadUrlResponse.uploadUrl);
-			expect(uploadReq.request.method).toBe('PUT');
-			expect(uploadReq.request.body).toBe(file);
-			uploadReq.flush(null);
-
-			const result = await resultPromise;
-			expect(result).toEqual({
-				key: mockUploadUrlResponse.key,
-				previewUrl: mockUploadUrlResponse.previewUrl,
-			});
-		});
-
-		it('should return null if getting upload URL fails', async () => {
-			const file = new File(['test content'], 'test.pdf', {
-				type: 'application/pdf',
-			});
-
-			const resultPromise = service.uploadFile(connectionId, tableName, fieldName, file);
-
-			const uploadUrlReq = httpMock.expectOne((request) => request.url === `/s3/upload-url/${connectionId}`);
-			uploadUrlReq.flush(fakeError, { status: 400, statusText: 'Bad Request' });
-
-			const result = await resultPromise;
-			expect(result).toBeNull();
-			expect(fakeNotifications.showAlert).toHaveBeenCalled();
-		});
-
-		it('should return null if S3 upload fails', async () => {
-			const file = new File(['test content'], 'test.pdf', {
-				type: 'application/pdf',
-			});
-
-			const resultPromise = service.uploadFile(connectionId, tableName, fieldName, file);
-
-			// First request succeeds
-			const uploadUrlReq = httpMock.expectOne((request) => request.url === `/s3/upload-url/${connectionId}`);
-			uploadUrlReq.flush(mockUploadUrlResponse);
-
-			// Allow the first promise to resolve so the second request starts
-			await new Promise((resolve) => setTimeout(resolve, 0));
-
-			// Second request fails
-			const uploadReq = httpMock.expectOne(mockUploadUrlResponse.uploadUrl);
-			uploadReq.flush(null, { status: 500, statusText: 'Internal Server Error' });
-
-			const result = await resultPromise;
-			expect(result).toBeNull();
-			expect(fakeNotifications.showAlert).toHaveBeenCalled();
-		});
-	});
-});
diff --git a/frontend/src/app/services/s3.service.ts b/frontend/src/app/services/s3.service.ts
deleted file mode 100644
index 459d921a6..000000000
--- a/frontend/src/app/services/s3.service.ts
+++ /dev/null
@@ -1,125 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { Injectable, inject } from '@angular/core';
-import { firstValueFrom } from 'rxjs';
-import { AlertActionType, AlertType } from '../models/alert';
-import { NotificationsService } from './notifications.service';
-
-interface BucketFileUrlResponse {
-	url: string;
-	key: string;
-	expiresIn: number;
-}
-
-interface BucketUploadUrlResponse {
-	uploadUrl: string;
-	key: string;
-	expiresIn: number;
-	previewUrl: string;
-}
-
-@Injectable({
-	providedIn: 'root',
-})
-export class S3Service {
-	private readonly http = inject(HttpClient);
-	private readonly notifications = inject(NotificationsService);
-
-	async getFileUrl(
-		connectionId: string,
-		tableName: string,
-		fieldName: string,
-		rowPrimaryKey: Record<string, unknown>,
-	): Promise<BucketFileUrlResponse | null> {
-		try {
-			return await firstValueFrom(
-				this.http.get<BucketFileUrlResponse>(`/s3/file/${connectionId}`, {
-					params: {
-						tableName,
-						fieldName,
-						rowPrimaryKey: JSON.stringify(rowPrimaryKey),
-					},
-				}),
-			);
-		} catch (err: any) {
-			this._showError('Failed to get S3 file URL', err.error?.message);
-			return null;
-		}
-	}
-
-	async getUploadUrl(
-		connectionId: string,
-		tableName: string,
-		fieldName: string,
-		filename: string,
-		contentType: string,
-	): Promise<BucketUploadUrlResponse | null> {
-		try {
-			return await firstValueFrom(
-				this.http.post<BucketUploadUrlResponse>(
-					`/s3/upload-url/${connectionId}`,
-					{ filename, contentType },
-					{ params: { tableName, fieldName } },
-				),
-			);
-		} catch (err: any) {
-			this._showError('Failed to get upload URL', err.error?.message);
-			return null;
-		}
-	}
-
-	async uploadToS3(uploadUrl: string, file: File): Promise<boolean> {
-		try {
-			await firstValueFrom(
-				this.http.put<void>(uploadUrl, file, {
-					headers: { 'Content-Type': file.type },
-				}),
-			);
-			return true;
-		} catch (err: any) {
-			this._showError('File upload failed', err.message);
-			return false;
-		}
-	}
-
-	/**
-	 * Combined upload flow: gets presigned URL and uploads file in one operation.
-	 * Returns the S3 key and preview URL on success.
-	 */
-	async uploadFile(
-		connectionId: string,
-		tableName: string,
-		fieldName: string,
-		file: File,
-	): Promise<{ key: string; previewUrl: string } | null> {
-		try {
-			const response = await firstValueFrom(
-				this.http.post<BucketUploadUrlResponse>(
-					`/s3/upload-url/${connectionId}`,
-					{ filename: file.name, contentType: file.type },
-					{ params: { tableName, fieldName } },
-				),
-			);
-
-			await firstValueFrom(
-				this.http.put<void>(response.uploadUrl, file, {
-					headers: { 'Content-Type': file.type },
-				}),
-			);
-
-			return { key: response.key, previewUrl: response.previewUrl };
-		} catch (err: any) {
-			this._showError('File upload failed', err.error?.message || err.message);
-			return null;
-		}
-	}
-
-	private _showError(abstract: string, details?: string): void {
-		this.notifications.showAlert(AlertType.Error, { abstract, details }, [
-			{
-				type: AlertActionType.Button,
-				caption: 'Dismiss',
-				action: () => this.notifications.dismissAlert(),
-			},
-		]);
-	}
-}
diff --git a/frontend/src/app/services/saved-queries.service.ts b/frontend/src/app/services/saved-queries.service.ts
deleted file mode 100644
index d6782ead4..000000000
--- a/frontend/src/app/services/saved-queries.service.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-import { HttpResourceRef } from '@angular/common/http';
-import { computed, Injectable, inject, signal } from '@angular/core';
-import {
-	CreateSavedQueryPayload,
-	QueryExecutionResult,
-	SavedQuery,
-	TestQueryPayload,
-	TestQueryResult,
-	UpdateSavedQueryPayload,
-} from '../models/saved-query';
-import { ApiService } from './api.service';
-
-export type QueryUpdateEvent = 'created' | 'updated' | 'deleted' | '';
-
-@Injectable({
-	providedIn: 'root',
-})
-export class SavedQueriesService {
-	private _api = inject(ApiService);
-
-	private _queriesUpdated = signal<QueryUpdateEvent>('');
-	public readonly queriesUpdated = this._queriesUpdated.asReadonly();
-
-	// Active connection for reactive fetching
-	private _activeConnectionId = signal<string | null>(null);
-
-	// Resource for saved queries
-	private _savedQueriesResource: HttpResourceRef<SavedQuery[] | undefined> = this._api.resource<SavedQuery[]>(
-		() => {
-			const connectionId = this._activeConnectionId();
-			if (!connectionId) return undefined;
-			return `/connection/${connectionId}/saved-queries`;
-		},
-		{ errorMessage: 'Failed to fetch saved queries' },
-	);
-
-	// Computed signals for convenient access
-	public readonly savedQueries = computed(() => this._savedQueriesResource.value() ?? []);
-	public readonly savedQueriesLoading = computed(() => this._savedQueriesResource.isLoading());
-	public readonly savedQueriesError = computed(() => this._savedQueriesResource.error() as Error | null);
-
-	// Methods to control resource
-	setActiveConnection(connectionId: string): void {
-		this._activeConnectionId.set(connectionId);
-	}
-
-	refreshSavedQueries(): void {
-		this._savedQueriesResource.reload();
-	}
-
-	async fetchSavedQuery(connectionId: string, queryId: string): Promise<SavedQuery | null> {
-		return this._api.get<SavedQuery>(`/connection/${connectionId}/saved-query/${queryId}`);
-	}
-
-	async createSavedQuery(connectionId: string, payload: CreateSavedQueryPayload): Promise<SavedQuery | null> {
-		const query = await this._api.post<SavedQuery>(`/connection/${connectionId}/saved-query`, payload, {
-			successMessage: 'Saved query created successfully',
-		});
-		if (query) this._queriesUpdated.set('created');
-		return query;
-	}
-
-	async updateSavedQuery(
-		connectionId: string,
-		queryId: string,
-		payload: UpdateSavedQueryPayload,
-	): Promise<SavedQuery | null> {
-		const query = await this._api.put<SavedQuery>(`/connection/${connectionId}/saved-query/${queryId}`, payload, {
-			successMessage: 'Saved query updated successfully',
-		});
-		if (query) this._queriesUpdated.set('updated');
-		return query;
-	}
-
-	async deleteSavedQuery(connectionId: string, queryId: string): Promise<SavedQuery | null> {
-		const query = await this._api.delete<SavedQuery>(`/connection/${connectionId}/saved-query/${queryId}`, {
-			successMessage: 'Saved query deleted successfully',
-		});
-		if (query) this._queriesUpdated.set('deleted');
-		return query;
-	}
-
-	async executeSavedQuery(
-		connectionId: string,
-		queryId: string,
-		tableName?: string,
-	): Promise<QueryExecutionResult | null> {
-		return this._api.post<QueryExecutionResult>(
-			`/connection/${connectionId}/saved-query/${queryId}/execute`,
-			{},
-			tableName ? { params: { tableName } } : undefined,
-		);
-	}
-
-	async testQuery(connectionId: string, payload: TestQueryPayload): Promise<TestQueryResult | null> {
-		return this._api.post<TestQueryResult>(`/connection/${connectionId}/query/test`, payload);
-	}
-}
diff --git a/frontend/src/app/services/secrets.service.spec.ts b/frontend/src/app/services/secrets.service.spec.ts
deleted file mode 100644
index e60f9046e..000000000
--- a/frontend/src/app/services/secrets.service.spec.ts
+++ /dev/null
@@ -1,517 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-import { TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import {
-	AuditLogResponse,
-	CreateSecretPayload,
-	DeleteSecretResponse,
-	Secret,
-	SecretListResponse,
-	UpdateSecretPayload,
-} from '../models/secret';
-import { NotificationsService } from './notifications.service';
-import { SecretsService } from './secrets.service';
-
-describe('SecretsService', () => {
-	let service: SecretsService;
-	let httpMock: HttpTestingController;
-	let fakeNotifications: { showErrorSnackbar: ReturnType<typeof vi.fn>; showSuccessSnackbar: ReturnType<typeof vi.fn> };
-
-	const mockSecret: Secret = {
-		id: '1',
-		slug: 'test-secret',
-		companyId: 'company-1',
-		createdAt: '2024-01-01T00:00:00Z',
-		updatedAt: '2024-01-01T00:00:00Z',
-		masterEncryption: false,
-	};
-
-	const mockSecretWithExpiration: Secret = {
-		...mockSecret,
-		expiresAt: '2025-01-01T00:00:00Z',
-	};
-
-	const mockSecretListResponse: SecretListResponse = {
-		data: [mockSecret, mockSecretWithExpiration],
-		pagination: {
-			total: 2,
-			currentPage: 1,
-			perPage: 20,
-			lastPage: 1,
-		},
-	};
-
-	const mockAuditLogResponse: AuditLogResponse = {
-		data: [
-			{
-				id: '1',
-				action: 'create',
-				user: { id: 'user-1', email: 'user@example.com' },
-				accessedAt: '2024-01-01T00:00:00Z',
-				success: true,
-			},
-			{
-				id: '2',
-				action: 'view',
-				user: { id: 'user-1', email: 'user@example.com' },
-				accessedAt: '2024-01-02T00:00:00Z',
-				success: true,
-			},
-		],
-		pagination: {
-			total: 2,
-			currentPage: 1,
-			perPage: 50,
-			lastPage: 1,
-		},
-	};
-
-	const mockDeleteResponse: DeleteSecretResponse = {
-		message: 'Secret deleted successfully',
-		deletedAt: '2024-01-01T00:00:00Z',
-	};
-
-	const fakeError = {
-		message: 'Something went wrong',
-		statusCode: 400,
-	};
-
-	beforeEach(() => {
-		fakeNotifications = {
-			showErrorSnackbar: vi.fn(),
-			showSuccessSnackbar: vi.fn(),
-		};
-
-		TestBed.configureTestingModule({
-			imports: [MatSnackBarModule],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				SecretsService,
-				{ provide: NotificationsService, useValue: fakeNotifications },
-			],
-		});
-
-		service = TestBed.inject(SecretsService);
-		httpMock = TestBed.inject(HttpTestingController);
-	});
-
-	afterEach(() => {
-		httpMock.verify();
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-
-	describe('fetchSecrets', () => {
-		it('should fetch secrets with default pagination', () => {
-			let result: SecretListResponse | undefined;
-
-			service.fetchSecrets().subscribe((res) => {
-				result = res;
-			});
-
-			const req = httpMock.expectOne('/secrets?page=1&limit=20');
-			expect(req.request.method).toBe('GET');
-			req.flush(mockSecretListResponse);
-
-			expect(result).toEqual(mockSecretListResponse);
-		});
-
-		it('should fetch secrets with custom pagination', () => {
-			let result: SecretListResponse | undefined;
-
-			service.fetchSecrets(2, 10).subscribe((res) => {
-				result = res;
-			});
-
-			const req = httpMock.expectOne('/secrets?page=2&limit=10');
-			expect(req.request.method).toBe('GET');
-			req.flush(mockSecretListResponse);
-
-			expect(result).toEqual(mockSecretListResponse);
-		});
-
-		it('should fetch secrets with search query', () => {
-			let result: SecretListResponse | undefined;
-
-			service.fetchSecrets(1, 20, 'api-key').subscribe((res) => {
-				result = res;
-			});
-
-			const req = httpMock.expectOne('/secrets?page=1&limit=20&search=api-key');
-			expect(req.request.method).toBe('GET');
-			req.flush(mockSecretListResponse);
-
-			expect(result).toEqual(mockSecretListResponse);
-		});
-
-		it('should show error snackbar on fetch failure', async () => {
-			const promise = service.fetchSecrets().toPromise();
-
-			const req = httpMock.expectOne('/secrets?page=1&limit=20');
-			req.flush(fakeError, { status: 400, statusText: 'Bad Request' });
-
-			await promise;
-
-			expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-		});
-
-		it('should show default error message when error has no message', async () => {
-			const promise = service.fetchSecrets().toPromise();
-
-			const req = httpMock.expectOne('/secrets?page=1&limit=20');
-			req.flush({}, { status: 500, statusText: 'Internal Server Error' });
-
-			await promise;
-
-			expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith('Failed to fetch secrets');
-		});
-	});
-
-	describe('createSecret', () => {
-		const createPayload: CreateSecretPayload = {
-			slug: 'new-secret',
-			value: 'secret-value',
-		};
-
-		it('should create a secret successfully', () => {
-			let result: Secret | undefined;
-
-			service.createSecret(createPayload).subscribe((res) => {
-				result = res;
-			});
-
-			const req = httpMock.expectOne('/secrets');
-			expect(req.request.method).toBe('POST');
-			expect(req.request.body).toEqual(createPayload);
-			req.flush(mockSecret);
-
-			expect(result).toEqual(mockSecret);
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('Secret created successfully');
-		});
-
-		it('should create a secret with expiration', () => {
-			const payloadWithExpiration: CreateSecretPayload = {
-				...createPayload,
-				expiresAt: '2025-01-01T00:00:00Z',
-			};
-
-			service.createSecret(payloadWithExpiration).subscribe();
-
-			const req = httpMock.expectOne('/secrets');
-			expect(req.request.body).toEqual(payloadWithExpiration);
-			req.flush(mockSecretWithExpiration);
-		});
-
-		it('should create a secret with master encryption', () => {
-			const payloadWithEncryption: CreateSecretPayload = {
-				...createPayload,
-				masterEncryption: true,
-				masterPassword: 'my-master-password',
-			};
-
-			service.createSecret(payloadWithEncryption).subscribe();
-
-			const req = httpMock.expectOne('/secrets');
-			expect(req.request.body).toEqual(payloadWithEncryption);
-			req.flush({ ...mockSecret, masterEncryption: true });
-		});
-
-		it('should emit secretsUpdated on successful creation', () => {
-			let updateAction: string | undefined;
-			service.cast.subscribe((action) => {
-				updateAction = action;
-			});
-
-			service.createSecret(createPayload).subscribe();
-
-			const req = httpMock.expectOne('/secrets');
-			req.flush(mockSecret);
-
-			expect(updateAction).toBe('created');
-		});
-
-		it('should show conflict error when slug already exists', async () => {
-			const promise = service.createSecret(createPayload).toPromise();
-
-			const req = httpMock.expectOne('/secrets');
-			req.flush({ message: 'Conflict' }, { status: 409, statusText: 'Conflict' });
-
-			await promise;
-
-			expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith('A secret with this slug already exists');
-		});
-
-		it('should show generic error on other failures', async () => {
-			const promise = service.createSecret(createPayload).toPromise();
-
-			const req = httpMock.expectOne('/secrets');
-			req.flush(fakeError, { status: 400, statusText: 'Bad Request' });
-
-			await promise;
-
-			expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-		});
-	});
-
-	describe('updateSecret', () => {
-		const updatePayload: UpdateSecretPayload = {
-			value: 'new-value',
-		};
-
-		it('should update a secret successfully', () => {
-			let result: Secret | undefined;
-
-			service.updateSecret('test-secret', updatePayload).subscribe((res) => {
-				result = res;
-			});
-
-			const req = httpMock.expectOne('/secrets/test-secret');
-			expect(req.request.method).toBe('PUT');
-			expect(req.request.body).toEqual(updatePayload);
-			req.flush(mockSecret);
-
-			expect(result).toEqual(mockSecret);
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('Secret updated successfully');
-		});
-
-		it('should update a secret with new expiration', () => {
-			const payloadWithExpiration: UpdateSecretPayload = {
-				...updatePayload,
-				expiresAt: '2026-01-01T00:00:00Z',
-			};
-
-			service.updateSecret('test-secret', payloadWithExpiration).subscribe();
-
-			const req = httpMock.expectOne('/secrets/test-secret');
-			expect(req.request.body).toEqual(payloadWithExpiration);
-			req.flush(mockSecretWithExpiration);
-		});
-
-		it('should clear expiration when expiresAt is null', () => {
-			const payloadClearExpiration: UpdateSecretPayload = {
-				...updatePayload,
-				expiresAt: null,
-			};
-
-			service.updateSecret('test-secret', payloadClearExpiration).subscribe();
-
-			const req = httpMock.expectOne('/secrets/test-secret');
-			expect(req.request.body).toEqual(payloadClearExpiration);
-			req.flush(mockSecret);
-		});
-
-		it('should send master password in header when provided', () => {
-			service.updateSecret('test-secret', updatePayload, 'master-password-123').subscribe();
-
-			const req = httpMock.expectOne('/secrets/test-secret');
-			expect(req.request.headers.get('masterpwd')).toBe('master-password-123');
-			req.flush(mockSecret);
-		});
-
-		it('should not send master password header when not provided', () => {
-			service.updateSecret('test-secret', updatePayload).subscribe();
-
-			const req = httpMock.expectOne('/secrets/test-secret');
-			expect(req.request.headers.has('masterpwd')).toBe(false);
-			req.flush(mockSecret);
-		});
-
-		it('should emit secretsUpdated on successful update', () => {
-			let updateAction: string | undefined;
-			service.cast.subscribe((action) => {
-				updateAction = action;
-			});
-
-			service.updateSecret('test-secret', updatePayload).subscribe();
-
-			const req = httpMock.expectOne('/secrets/test-secret');
-			req.flush(mockSecret);
-
-			expect(updateAction).toBe('updated');
-		});
-
-		it('should throw error on 403 (invalid master password)', async () => {
-			let errorThrown = false;
-
-			service.updateSecret('test-secret', updatePayload, 'wrong-password').subscribe({
-				error: (err) => {
-					errorThrown = true;
-					expect(err.status).toBe(403);
-				},
-			});
-
-			const req = httpMock.expectOne('/secrets/test-secret');
-			req.flush({ message: 'Invalid master password' }, { status: 403, statusText: 'Forbidden' });
-
-			expect(errorThrown).toBe(true);
-		});
-
-		it('should show error for expired secret (410)', async () => {
-			const promise = service.updateSecret('test-secret', updatePayload).toPromise();
-
-			const req = httpMock.expectOne('/secrets/test-secret');
-			req.flush({ message: 'Secret expired' }, { status: 410, statusText: 'Gone' });
-
-			await promise;
-
-			expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith('Cannot update an expired secret');
-		});
-
-		it('should show generic error on other failures', async () => {
-			const promise = service.updateSecret('test-secret', updatePayload).toPromise();
-
-			const req = httpMock.expectOne('/secrets/test-secret');
-			req.flush(fakeError, { status: 400, statusText: 'Bad Request' });
-
-			await promise;
-
-			expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-		});
-	});
-
-	describe('deleteSecret', () => {
-		it('should delete a secret successfully', () => {
-			let result: DeleteSecretResponse | undefined;
-
-			service.deleteSecret('test-secret').subscribe((res) => {
-				result = res;
-			});
-
-			const req = httpMock.expectOne('/secrets/test-secret');
-			expect(req.request.method).toBe('DELETE');
-			req.flush(mockDeleteResponse);
-
-			expect(result).toEqual(mockDeleteResponse);
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('Secret deleted successfully');
-		});
-
-		it('should emit secretsUpdated on successful deletion', () => {
-			let updateAction: string | undefined;
-			service.cast.subscribe((action) => {
-				updateAction = action;
-			});
-
-			service.deleteSecret('test-secret').subscribe();
-
-			const req = httpMock.expectOne('/secrets/test-secret');
-			req.flush(mockDeleteResponse);
-
-			expect(updateAction).toBe('deleted');
-		});
-
-		it('should show error on delete failure', async () => {
-			const promise = service.deleteSecret('test-secret').toPromise();
-
-			const req = httpMock.expectOne('/secrets/test-secret');
-			req.flush(fakeError, { status: 400, statusText: 'Bad Request' });
-
-			await promise;
-
-			expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-		});
-
-		it('should show default error message when error has no message', async () => {
-			const promise = service.deleteSecret('test-secret').toPromise();
-
-			const req = httpMock.expectOne('/secrets/test-secret');
-			req.flush({}, { status: 500, statusText: 'Internal Server Error' });
-
-			await promise;
-
-			expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith('Failed to delete secret');
-		});
-	});
-
-	describe('getAuditLog', () => {
-		it('should fetch audit log with default pagination', () => {
-			let result: AuditLogResponse | undefined;
-
-			service.getAuditLog('test-secret').subscribe((res) => {
-				result = res;
-			});
-
-			const req = httpMock.expectOne('/secrets/test-secret/audit-log?page=1&limit=50');
-			expect(req.request.method).toBe('GET');
-			req.flush(mockAuditLogResponse);
-
-			expect(result).toEqual(mockAuditLogResponse);
-		});
-
-		it('should fetch audit log with custom pagination', () => {
-			let result: AuditLogResponse | undefined;
-
-			service.getAuditLog('test-secret', 2, 25).subscribe((res) => {
-				result = res;
-			});
-
-			const req = httpMock.expectOne('/secrets/test-secret/audit-log?page=2&limit=25');
-			expect(req.request.method).toBe('GET');
-			req.flush(mockAuditLogResponse);
-
-			expect(result).toEqual(mockAuditLogResponse);
-		});
-
-		it('should show error on audit log fetch failure', async () => {
-			const promise = service.getAuditLog('test-secret').toPromise();
-
-			const req = httpMock.expectOne('/secrets/test-secret/audit-log?page=1&limit=50');
-			req.flush(fakeError, { status: 400, statusText: 'Bad Request' });
-
-			await promise;
-
-			expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-		});
-
-		it('should show default error message when error has no message', async () => {
-			const promise = service.getAuditLog('test-secret').toPromise();
-
-			const req = httpMock.expectOne('/secrets/test-secret/audit-log?page=1&limit=50');
-			req.flush({}, { status: 500, statusText: 'Internal Server Error' });
-
-			await promise;
-
-			expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith('Failed to fetch audit log');
-		});
-	});
-
-	describe('cast observable', () => {
-		it('should initially emit empty string', () => {
-			let emittedValue: string | undefined;
-
-			service.cast.subscribe((value) => {
-				emittedValue = value;
-			});
-
-			expect(emittedValue).toBe('');
-		});
-
-		it('should emit actions when secrets are modified', () => {
-			const emittedValues: string[] = [];
-
-			service.cast.subscribe((value) => {
-				emittedValues.push(value);
-			});
-
-			// Create a secret
-			service.createSecret({ slug: 'test', value: 'value' }).subscribe();
-			const createReq = httpMock.expectOne('/secrets');
-			createReq.flush(mockSecret);
-
-			// Update a secret
-			service.updateSecret('test', { value: 'new-value' }).subscribe();
-			const updateReq = httpMock.expectOne('/secrets/test');
-			updateReq.flush(mockSecret);
-
-			// Delete a secret
-			service.deleteSecret('test').subscribe();
-			const deleteReq = httpMock.expectOne('/secrets/test');
-			deleteReq.flush(mockDeleteResponse);
-
-			expect(emittedValues).toEqual(['', 'created', 'updated', 'deleted']);
-		});
-	});
-});
diff --git a/frontend/src/app/services/secrets.service.ts b/frontend/src/app/services/secrets.service.ts
deleted file mode 100644
index 0e697440d..000000000
--- a/frontend/src/app/services/secrets.service.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { BehaviorSubject, EMPTY, Observable, throwError } from 'rxjs';
-import { catchError, map } from 'rxjs/operators';
-import {
-	AuditLogResponse,
-	CreateSecretPayload,
-	DeleteSecretResponse,
-	Secret,
-	SecretListResponse,
-	UpdateSecretPayload,
-} from '../models/secret';
-import { NotificationsService } from './notifications.service';
-
-@Injectable({
-	providedIn: 'root',
-})
-export class SecretsService {
-	private secretsUpdated = new BehaviorSubject<string>('');
-	public cast = this.secretsUpdated.asObservable();
-
-	constructor(
-		private _http: HttpClient,
-		private _notifications: NotificationsService,
-	) {}
-
-	fetchSecrets(page: number = 1, limit: number = 20, search?: string): Observable<SecretListResponse> {
-		let params = new HttpParams().set('page', page.toString()).set('limit', limit.toString());
-
-		if (search) {
-			params = params.set('search', search);
-		}
-
-		return this._http.get<SecretListResponse>('/secrets', { params }).pipe(
-			map((res) => res),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || 'Failed to fetch secrets');
-				return EMPTY;
-			}),
-		);
-	}
-
-	createSecret(payload: CreateSecretPayload): Observable<Secret> {
-		return this._http.post<Secret>('/secrets', payload).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('Secret created successfully');
-				this.secretsUpdated.next('created');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				if (err.status === 409) {
-					this._notifications.showErrorSnackbar('A secret with this slug already exists');
-				} else {
-					this._notifications.showErrorSnackbar(err.error?.message || 'Failed to create secret');
-				}
-				return EMPTY;
-			}),
-		);
-	}
-
-	updateSecret(slug: string, payload: UpdateSecretPayload, masterPassword?: string): Observable<Secret> {
-		let headers = new HttpHeaders();
-		if (masterPassword) {
-			headers = headers.set('masterpwd', masterPassword);
-		}
-
-		return this._http.put<Secret>(`/secrets/${slug}`, payload, { headers }).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('Secret updated successfully');
-				this.secretsUpdated.next('updated');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				if (err.status === 403) {
-					return throwError(() => err);
-				}
-				if (err.status === 410) {
-					this._notifications.showErrorSnackbar('Cannot update an expired secret');
-				} else {
-					this._notifications.showErrorSnackbar(err.error?.message || 'Failed to update secret');
-				}
-				return EMPTY;
-			}),
-		);
-	}
-
-	deleteSecret(slug: string): Observable<DeleteSecretResponse> {
-		return this._http.delete<DeleteSecretResponse>(`/secrets/${slug}`).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('Secret deleted successfully');
-				this.secretsUpdated.next('deleted');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || 'Failed to delete secret');
-				return EMPTY;
-			}),
-		);
-	}
-
-	getAuditLog(slug: string, page: number = 1, limit: number = 50): Observable<AuditLogResponse> {
-		const params = new HttpParams().set('page', page.toString()).set('limit', limit.toString());
-
-		return this._http.get<AuditLogResponse>(`/secrets/${slug}/audit-log`, { params }).pipe(
-			map((res) => res),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || 'Failed to fetch audit log');
-				return EMPTY;
-			}),
-		);
-	}
-}
diff --git a/frontend/src/app/services/selfhosted.service.ts b/frontend/src/app/services/selfhosted.service.ts
deleted file mode 100644
index af4f52a2f..000000000
--- a/frontend/src/app/services/selfhosted.service.ts
+++ /dev/null
@@ -1,91 +0,0 @@
-import { computed, Injectable, inject, signal } from '@angular/core';
-import { environment } from 'src/environments/environment';
-import { AlertActionType, AlertType } from '../models/alert';
-import { NotificationsService } from './notifications.service';
-
-export interface IsConfiguredResponse {
-	isConfigured: boolean;
-}
-
-export interface CreateInitialUserRequest {
-	email: string;
-	password: string;
-}
-
-export interface CreateInitialUserResponse {
-	success: boolean;
-}
-
-@Injectable({
-	providedIn: 'root',
-})
-export class SelfhostedService {
-	private _notifications = inject(NotificationsService);
-
-	private _isConfigured = signal<boolean | null>(null);
-	private _isCheckingConfiguration = signal<boolean>(false);
-
-	public readonly isConfigured = this._isConfigured.asReadonly();
-	public readonly isCheckingConfiguration = this._isCheckingConfiguration.asReadonly();
-	public readonly isSelfHosted = computed(() => !(environment as any).saas);
-
-	async checkConfiguration(): Promise<IsConfiguredResponse> {
-		this._isCheckingConfiguration.set(true);
-		try {
-			const response = await fetch('/api/selfhosted/is-configured');
-			if (!response.ok) {
-				throw new Error(`HTTP error: ${response.status}`);
-			}
-			const data: IsConfiguredResponse = await response.json();
-			this._isConfigured.set(data.isConfigured);
-			this._isCheckingConfiguration.set(false);
-			return data;
-		} catch (err) {
-			console.error('Failed to check configuration:', err);
-			this._isCheckingConfiguration.set(false);
-			// If the endpoint fails, assume configured to avoid blocking login
-			this._isConfigured.set(true);
-			return { isConfigured: true };
-		}
-	}
-
-	async createInitialUser(userData: CreateInitialUserRequest): Promise<CreateInitialUserResponse> {
-		try {
-			const response = await fetch('/api/selfhosted/initial-user', {
-				method: 'POST',
-				headers: {
-					'Content-Type': 'application/json',
-				},
-				body: JSON.stringify(userData),
-			});
-
-			if (!response.ok) {
-				const errorData = await response.json().catch(() => ({}));
-				throw { error: errorData, message: `HTTP error: ${response.status}` };
-			}
-
-			const data: CreateInitialUserResponse = await response.json();
-			this._notifications.showSuccessSnackbar('Admin account created successfully.');
-			this._isConfigured.set(true);
-			return data;
-		} catch (err: any) {
-			console.error('Failed to create initial user:', err);
-			this._notifications.showAlert(
-				AlertType.Error,
-				{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-				[
-					{
-						type: AlertActionType.Button,
-						caption: 'Dismiss',
-						action: () => this._notifications.dismissAlert(),
-					},
-				],
-			);
-			throw err;
-		}
-	}
-
-	resetConfigurationState(): void {
-		this._isConfigured.set(null);
-	}
-}
diff --git a/frontend/src/app/services/table-row.service.spec.ts b/frontend/src/app/services/table-row.service.spec.ts
deleted file mode 100644
index de63002c4..000000000
--- a/frontend/src/app/services/table-row.service.spec.ts
+++ /dev/null
@@ -1,212 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-import { TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { AlertActionType, AlertType } from '../models/alert';
-import { NotificationsService } from './notifications.service';
-import { TableRowService } from './table-row.service';
-
-describe('TableRowService', () => {
-	let service: TableRowService;
-	let httpMock: HttpTestingController;
-
-	let fakeNotifications;
-
-	const tableRowValues = {
-		Id: 11,
-		FirstName: 'Yuriy',
-	};
-
-	const tableRowNetwork = {
-		row: tableRowValues,
-		structure: [
-			{
-				column_name: 'FirstName',
-				column_default: null,
-				data_type: 'varchar',
-				isExcluded: false,
-				isSearched: false,
-				auto_increment: false,
-				allow_null: false,
-				character_maximum_length: 30,
-			},
-			{
-				column_name: 'Id',
-				column_default: null,
-				data_type: 'int',
-				isExcluded: false,
-				isSearched: false,
-				auto_increment: false,
-				allow_null: false,
-				character_maximum_length: 11,
-			},
-		],
-		foreignKeys: [],
-		primaryColumns: [
-			{
-				data_type: 'int',
-				column_name: 'Id',
-			},
-		],
-		readonly_fields: [],
-		table_widgets: [],
-	};
-
-	const fakeError = {
-		message: 'Table row error',
-		statusCode: 400,
-		type: 'no_master_key',
-		originalMessage: 'Table row error details',
-	};
-
-	beforeEach(() => {
-		fakeNotifications = {
-			showErrorSnackbar: vi.fn(),
-			showSuccessSnackbar: vi.fn(),
-			showAlert: vi.fn(),
-		};
-
-		TestBed.configureTestingModule({
-			imports: [MatSnackBarModule],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				{
-					provide: NotificationsService,
-					useValue: fakeNotifications,
-				},
-			],
-		});
-
-		service = TestBed.inject(TableRowService);
-		httpMock = TestBed.inject(HttpTestingController);
-	});
-
-	afterEach(() => {
-		httpMock.verify();
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-
-	it('should call fetchTableRow', () => {
-		let isSubscribeCalled = false;
-
-		service.fetchTableRow('12345678', 'users_table', { id: 1 }).subscribe((res) => {
-			expect(res).toEqual(tableRowNetwork);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/table/row/12345678?id=1&tableName=users_table`);
-		expect(req.request.method).toBe('GET');
-		req.flush(tableRowNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should call addTableRow and show Success snackbar', () => {
-		let isSubscribeCalled = false;
-
-		service.addTableRow('12345678', 'users_table', tableRowValues).subscribe((res) => {
-			expect(res).toEqual(tableRowValues);
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith(
-				'The row has been added successfully to "users_table" table.',
-			);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/table/row/12345678?tableName=users_table`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual(tableRowValues);
-		req.flush(tableRowValues);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall addTableRow and show Error alert', async () => {
-		const addTableRow = service.addTableRow('12345678', 'users_table', tableRowValues).toPromise();
-
-		const req = httpMock.expectOne(`/table/row/12345678?tableName=users_table`);
-		expect(req.request.method).toBe('POST');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await addTableRow;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call updateTableRow and show Success snackbar', () => {
-		let isSubscribeCalled = false;
-
-		service.updateTableRow('12345678', 'users_table', { id: 1 }, tableRowValues).subscribe((_res) => {
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith(
-				'The row has been updated successfully in "users_table" table.',
-			);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/table/row/12345678?id=1&tableName=users_table`);
-		expect(req.request.method).toBe('PUT');
-		expect(req.request.body).toEqual(tableRowValues);
-		req.flush(tableRowValues);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall updateTableRow and show Error alert', async () => {
-		const addTableRow = service.updateTableRow('12345678', 'users_table', { id: 1 }, tableRowValues).toPromise();
-
-		const req = httpMock.expectOne(`/table/row/12345678?id=1&tableName=users_table`);
-		expect(req.request.method).toBe('PUT');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await addTableRow;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call deleteTableRow and show Success snackbar', () => {
-		let isSubscribeCalled = false;
-
-		service.deleteTableRow('12345678', 'users_table', { id: 1 }).subscribe((_res) => {
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith(
-				'Row has been deleted successfully from "users_table" table.',
-			);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/table/row/12345678?id=1&tableName=users_table`);
-		expect(req.request.method).toBe('DELETE');
-		req.flush({ deleted: true });
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall deleteTableRow and show Error snackbar', async () => {
-		const deleteTableRow = service.deleteTableRow('12345678', 'users_table', { id: 1 }).toPromise();
-
-		const req = httpMock.expectOne(`/table/row/12345678?id=1&tableName=users_table`);
-		expect(req.request.method).toBe('DELETE');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await deleteTableRow;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-	});
-});
diff --git a/frontend/src/app/services/table-row.service.ts b/frontend/src/app/services/table-row.service.ts
deleted file mode 100644
index 7b5611661..000000000
--- a/frontend/src/app/services/table-row.service.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { EMPTY, Subject } from 'rxjs';
-import { catchError, map } from 'rxjs/operators';
-import { AlertActionType, AlertType } from '../models/alert';
-import { NotificationsService } from './notifications.service';
-
-@Injectable({
-	providedIn: 'root',
-})
-export class TableRowService {
-	private row;
-	public cast;
-
-	constructor(
-		private _http: HttpClient,
-		private _notifications: NotificationsService,
-	) {
-		this.row = new Subject<string>();
-		this.cast = this.row.asObservable();
-	}
-
-	fetchTableRow(connectionID: string, tableName: string, params) {
-		return this._http
-			.get<any>(`/table/row/${connectionID}`, {
-				params: {
-					...params,
-					tableName,
-				},
-			})
-			.pipe(
-				map((res) => res),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showErrorSnackbar(err.error?.message || err.message);
-					return EMPTY;
-				}),
-			);
-	}
-
-	addTableRow(connectionID: string, tableName: string, row) {
-		return this._http
-			.post<any>(`/table/row/${connectionID}`, row, {
-				params: {
-					tableName,
-				},
-			})
-			.pipe(
-				map((res) => {
-					this._notifications.showSuccessSnackbar(`The row has been added successfully to "${tableName}" table.`);
-					return res;
-				}),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showAlert(
-						AlertType.Error,
-						{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-						[
-							{
-								type: AlertActionType.Button,
-								caption: 'Dismiss',
-								action: (_id: number) => this._notifications.dismissAlert(),
-							},
-						],
-					);
-					return EMPTY;
-				}),
-			);
-	}
-
-	updateTableRow(connectionID: string, tableName: string, params, tableRow) {
-		return this._http
-			.put<any>(`/table/row/${connectionID}`, tableRow, {
-				params: {
-					...params,
-					tableName,
-				},
-			})
-			.pipe(
-				map((res) => {
-					this._notifications.showSuccessSnackbar(`The row has been updated successfully in "${tableName}" table.`);
-					return res;
-				}),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showAlert(
-						AlertType.Error,
-						{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-						[
-							{
-								type: AlertActionType.Button,
-								caption: 'Dismiss',
-								action: (_id: number) => this._notifications.dismissAlert(),
-							},
-						],
-					);
-					return EMPTY;
-				}),
-			);
-	}
-
-	deleteTableRow(connectionID: string, tableName: string, params: object) {
-		return this._http
-			.delete<any>(`/table/row/${connectionID}`, {
-				params: {
-					...params,
-					tableName,
-				},
-			})
-			.pipe(
-				map(() => {
-					this.row.next('delete row');
-					this._notifications.showSuccessSnackbar(`Row has been deleted successfully from "${tableName}" table.`);
-				}),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showErrorSnackbar(err.error?.message || err.message);
-					return EMPTY;
-				}),
-			);
-	}
-}
diff --git a/frontend/src/app/services/table-schema.service.ts b/frontend/src/app/services/table-schema.service.ts
deleted file mode 100644
index 35705f23d..000000000
--- a/frontend/src/app/services/table-schema.service.ts
+++ /dev/null
@@ -1,124 +0,0 @@
-import { Injectable, inject } from '@angular/core';
-import { environment } from '../../environments/environment';
-import { ApiService } from './api.service';
-
-export interface ConnectionDiagramResponse {
-	connectionId: string;
-	databaseType: string;
-	diagram: string;
-	description: string;
-	generatedAt: string;
-}
-
-export interface ConnectionDiagramPreviewStatementResult {
-	sql: string;
-	status: 'applied' | 'skipped' | 'error';
-	message?: string;
-}
-
-export interface ConnectionDiagramPreviewDiff {
-	addedTables: string[];
-	droppedTables: string[];
-	addedColumns: Record<string, string[]>;
-	droppedColumns: Record<string, string[]>;
-	addedForeignKeys: Record<string, string[]>;
-	statementResults: ConnectionDiagramPreviewStatementResult[];
-}
-
-export interface ConnectionDiagramPreviewResponse {
-	connectionId: string;
-	databaseType: string;
-	diagram: string;
-	description: string;
-	diff: ConnectionDiagramPreviewDiff;
-	generatedAt: string;
-}
-
-export interface SchemaChangeResponse {
-	id: string;
-	connectionId: string;
-	batchId: string | null;
-	orderInBatch: number;
-	forwardSql: string;
-	rollbackSql: string | null;
-	userModifiedSql: string | null;
-	status: string;
-	changeType: string;
-	targetTableName: string;
-	databaseType: string;
-	executionError: string | null;
-	isReversible: boolean;
-	userPrompt: string;
-	aiSummary: string | null;
-	aiReasoning: string | null;
-	createdAt: string;
-	appliedAt: string | null;
-	rolledBackAt: string | null;
-	aiAutoFixApplied?: boolean;
-	aiAutoFixOriginalForwardSql?: string | null;
-	aiAutoFixOriginalRollbackSql?: string | null;
-	aiAutoFixOriginalError?: string | null;
-}
-
-export interface SchemaChangeBatchResponse {
-	batchId: string | null;
-	changes: SchemaChangeResponse[];
-	threadId?: string | null;
-	assistantMessage?: string | null;
-}
-
-@Injectable({
-	providedIn: 'root',
-})
-export class TableSchemaService {
-	private _api = inject(ApiService);
-
-	async generateSchemaChange(
-		connectionId: string,
-		userPrompt: string,
-		threadId?: string,
-	): Promise<SchemaChangeBatchResponse> {
-		return this._fetchOrThrow<SchemaChangeBatchResponse>(`/table-schema/${connectionId}/generate`, {
-			userPrompt,
-			threadId,
-		});
-	}
-
-	async approveBatch(batchId: string, confirmedDestructive?: boolean): Promise<SchemaChangeBatchResponse> {
-		return this._fetchOrThrow<SchemaChangeBatchResponse>(`/table-schema/batch/${batchId}/approve`, {
-			confirmedDestructive,
-		});
-	}
-
-	async rejectBatch(batchId: string): Promise<SchemaChangeBatchResponse | null> {
-		return this._api.post<SchemaChangeBatchResponse>(`/table-schema/batch/${batchId}/reject`);
-	}
-
-	async fetchDiagram(connectionId: string): Promise<ConnectionDiagramResponse | null> {
-		return this._api.get<ConnectionDiagramResponse>(`/connection/diagram/${connectionId}`);
-	}
-
-	async previewDiagram(connectionId: string, sqlCommands: string[]): Promise<ConnectionDiagramPreviewResponse> {
-		return this._fetchOrThrow<ConnectionDiagramPreviewResponse>(`/connection/diagram/${connectionId}/preview`, {
-			sqlCommands,
-		});
-	}
-
-	private async _fetchOrThrow<T>(url: string, body: unknown): Promise<T> {
-		const fullUrl = `${environment.apiRoot || '/api'}${url}`;
-		const response = await fetch(fullUrl, {
-			method: 'POST',
-			headers: { 'Content-Type': 'application/json' },
-			credentials: 'include',
-			body: JSON.stringify(body),
-		});
-
-		if (!response.ok) {
-			const errorBody = await response.json().catch(() => ({}));
-			const message = errorBody?.message || `Request failed (${response.status})`;
-			throw new Error(message);
-		}
-
-		return response.json();
-	}
-}
diff --git a/frontend/src/app/services/table-state.service.spec.ts b/frontend/src/app/services/table-state.service.spec.ts
deleted file mode 100644
index 6ddb67e15..000000000
--- a/frontend/src/app/services/table-state.service.spec.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { TableStateService } from './table-state.service';
-
-describe('TableStateService', () => {
-	let service: TableStateService;
-
-	beforeEach(() => {
-		TestBed.configureTestingModule({});
-		service = TestBed.inject(TableStateService);
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/services/table-state.service.ts b/frontend/src/app/services/table-state.service.ts
deleted file mode 100644
index bd318f3d7..000000000
--- a/frontend/src/app/services/table-state.service.ts
+++ /dev/null
@@ -1,95 +0,0 @@
-import { Injectable } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import { TableRow } from '../models/table';
-
-@Injectable({
-	providedIn: 'root',
-})
-export class TableStateService {
-	private selectedRowSubject = new BehaviorSubject<any>(null);
-	cast = this.selectedRowSubject.asObservable();
-
-	private aiPanelSubject = new BehaviorSubject<boolean>(false);
-	aiPanelCast = this.aiPanelSubject.asObservable();
-
-	private aiPanelExpandedSubject = new BehaviorSubject<boolean>(false);
-	aiPanelExpandedCast = this.aiPanelExpandedSubject.asObservable();
-
-	// private backUrlFilters: any;
-	// private backUrlParams: any;
-
-	private getSessionStorageItem(key: string) {
-		const item = sessionStorage.getItem(key);
-		if (item) {
-			try {
-				return JSON.parse(item);
-			} catch (e) {
-				console.error(`Error parsing JSON from sessionStorage for key "${key}":`, e);
-				return null;
-			}
-		}
-		return null;
-	}
-
-	private setSessionStorageItem(key: string, value: any) {
-		sessionStorage.setItem(key, JSON.stringify(value));
-	}
-
-	setBackUrlParams(pageIndex: number, pageSize: number, sortField: string, sortDirection: string) {
-		console.log('setBackUrlParams', pageIndex, pageSize, sortField, sortDirection);
-		const params = {
-			page_index: pageIndex,
-			page_size: pageSize,
-			...(sortField !== undefined && { sort_active: sortField }),
-			...(sortDirection !== undefined && { sort_direction: sortDirection.toUpperCase() }),
-		};
-		this.setSessionStorageItem('backUrlParams', params);
-	}
-
-	getBackUrlParams() {
-		return this.getSessionStorageItem('backUrlParams');
-	}
-
-	setBackUrlFilters(filters: any) {
-		this.setSessionStorageItem('backUrlFilters', filters);
-	}
-
-	getBackUrlFilters() {
-		return this.getSessionStorageItem('backUrlFilters');
-	}
-
-	selectRow(row: TableRow) {
-		if (
-			this.selectedRowSubject.value &&
-			JSON.stringify(this.selectedRowSubject.value.primaryKeys) === JSON.stringify(row.primaryKeys)
-		) {
-			this.selectedRowSubject.next(null);
-		} else {
-			this.selectedRowSubject.next(row);
-			this.closeAIpanel();
-		}
-	}
-
-	handleViewAIpanel() {
-		this.clearSelection();
-		const isOpening = !this.aiPanelSubject.value;
-		this.aiPanelSubject.next(isOpening);
-		if (!isOpening) {
-			this.aiPanelExpandedSubject.next(false);
-		}
-	}
-
-	clearSelection() {
-		this.selectedRowSubject.next(null);
-	}
-
-	closeAIpanel() {
-		this.aiPanelSubject.next(false);
-		this.aiPanelExpandedSubject.next(false);
-	}
-
-	toggleAIPanelExpanded() {
-		const newValue = !this.aiPanelExpandedSubject.value;
-		this.aiPanelExpandedSubject.next(newValue);
-	}
-}
diff --git a/frontend/src/app/services/tables.service.spec.ts b/frontend/src/app/services/tables.service.spec.ts
deleted file mode 100644
index e5dfcdf53..000000000
--- a/frontend/src/app/services/tables.service.spec.ts
+++ /dev/null
@@ -1,630 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-import { TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { provideRouter } from '@angular/router';
-import { Angulartics2Module } from 'angulartics2';
-import { AlertActionType, AlertType } from '../models/alert';
-import { TableOrdering } from '../models/table';
-import { NotificationsService } from './notifications.service';
-import { TablesService } from './tables.service';
-
-describe('TablesService', () => {
-	let service: TablesService;
-	let httpMock: HttpTestingController;
-
-	let fakeNotifications;
-
-	const structureNetwork = [
-		{
-			column_name: 'id',
-			column_default: "nextval('customers_id_seq'::regclass)",
-			data_type: 'integer',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: true,
-			allow_null: false,
-			character_maximum_length: null,
-		},
-		{
-			column_name: 'firstname',
-			column_default: null,
-			data_type: 'character varying',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: true,
-			character_maximum_length: 30,
-		},
-		{
-			column_name: 'lastname',
-			column_default: null,
-			data_type: 'character varying',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: true,
-			character_maximum_length: 30,
-		},
-		{
-			column_name: 'email',
-			column_default: null,
-			data_type: 'character varying',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: false,
-			character_maximum_length: 30,
-		},
-		{
-			column_name: 'age',
-			column_default: null,
-			data_type: 'integer',
-			isExcluded: false,
-			isSearched: false,
-			auto_increment: false,
-			allow_null: true,
-			character_maximum_length: null,
-		},
-	];
-
-	const usersTableNetwork = {
-		rows: [
-			{
-				id: 33,
-				firstname: 'Alex',
-				lastname: 'Lichter',
-				email: 'new-user-5@email.com',
-				age: 24,
-			},
-			{
-				id: 34,
-				firstname: 'Alex',
-				lastname: 'Lichter',
-				email: 'new-user-5@email.com',
-				age: 24,
-			},
-			{
-				id: 35,
-				firstname: 'Alex',
-				lastname: 'Smith',
-				email: 'some-new@email.com',
-				age: 24,
-			},
-		],
-		primaryColumns: [
-			{
-				column_name: 'id',
-				data_type: 'integer',
-			},
-		],
-		pagination: {
-			total: 30,
-			lastPage: 1,
-			perPage: 30,
-			currentPage: 1,
-		},
-		sortable_by: [],
-		ordering: 'ASC',
-		structure: structureNetwork,
-		foreignKeys: [],
-	};
-
-	const tableSettingsNetwork = {
-		id: 'dbf4d648-32f8-4202-9c18-300e1a4dc959',
-		table_name: 'contacts_with_uuid',
-		display_name: '',
-		search_fields: [],
-		excluded_fields: [],
-		list_fields: [],
-		identification_fields: [],
-		list_per_page: null,
-		ordering: 'ASC',
-		ordering_field: '',
-		identity_column: '',
-		readonly_fields: [],
-		sortable_by: [],
-		autocomplete_columns: ['first_name', 'last_name', 'email'],
-		columns_view: ['first_name', 'last_name', 'email'],
-		connection_id: 'e4b99271-badd-4112-9967-b99dd8024dda',
-	};
-
-	const tableSettingsApp = {
-		autocomplete_columns: ['first_name', 'last_name', 'email'],
-		columns_view: ['first_name', 'last_name', 'email'],
-		connection_id: 'e4b99271-badd-4112-9967-b99dd8024dda',
-		display_name: '',
-		icon: '',
-		excluded_fields: [],
-		id: 'dbf4d648-32f8-4202-9c18-300e1a4dc959',
-		identification_fields: [],
-		identity_column: '',
-		list_fields: [],
-		list_per_page: null,
-		ordering: TableOrdering.Descending,
-		ordering_field: '',
-		readonly_fields: [],
-		search_fields: [],
-		sortable_by: [],
-		table_name: 'contacts_with_uuid',
-		sensitive_fields: [],
-		allow_csv_export: true,
-		allow_csv_import: true,
-		can_delete: true,
-	};
-
-	const tableWidgetsNetwork = [
-		{
-			id: 'a57e0c7f-a348-4aae-9ec4-fdbec0c0d0b6',
-			field_name: 'email',
-			widget_type: 'Textarea',
-			widget_params: {},
-			name: 'user email',
-			description: '',
-		},
-	];
-
-	const tableWidgetsApp = [
-		{
-			description: '',
-			field_name: 'email',
-			name: 'user email',
-			widget_params: '',
-			widget_type: 'Textarea',
-		},
-	];
-
-	const fakeError = {
-		message: 'Connection error',
-		statusCode: 400,
-		type: 'no_master_key',
-		originalMessage: 'Connection error details',
-	};
-
-	beforeEach(() => {
-		fakeNotifications = {
-			showErrorSnackbar: vi.fn(),
-			showSuccessSnackbar: vi.fn(),
-			showAlert: vi.fn(),
-		};
-
-		TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, Angulartics2Module.forRoot()],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				provideRouter([]),
-				{
-					provide: NotificationsService,
-					useValue: fakeNotifications,
-				},
-			],
-		});
-
-		service = TestBed.inject(TablesService);
-		httpMock = TestBed.inject(HttpTestingController);
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-
-	it('should call setTableName', () => {
-		service.setTableName('users_table');
-		expect(service.tableName).toEqual('users_table');
-	});
-
-	it('should get currentTableName', () => {
-		service.tableName = 'users_table';
-		expect(service.currentTableName).toEqual('users_table');
-	});
-
-	it('should call fetchTables', () => {
-		let isSubscribeCalled = false;
-		const tablesNetwork = [
-			{
-				'0': {
-					table: 'users',
-					permissions: {
-						visibility: true,
-						readonly: false,
-						add: true,
-						delete: true,
-						edit: true,
-					},
-				},
-			},
-			{
-				'1': {
-					table: 'addresses',
-					permissions: {
-						visibility: true,
-						readonly: false,
-						add: true,
-						delete: true,
-						edit: true,
-					},
-				},
-			},
-		];
-
-		service.fetchTables('12345678').subscribe((res) => {
-			expect(res).toEqual(tablesNetwork);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/connection/tables/12345678`);
-		expect(req.request.method).toBe('GET');
-		req.flush(tablesNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should call fetchTable with minimal params', () => {
-		let isSubscribeCalled = false;
-
-		service
-			.fetchTable({
-				connectionID: '12345678',
-				tableName: 'users_table',
-				requstedPage: 1,
-				chunkSize: 30,
-			})
-			.subscribe((res) => {
-				expect(res).toEqual(usersTableNetwork);
-				isSubscribeCalled = true;
-			});
-
-		const req = httpMock.expectOne(`/table/rows/find/12345678?tableName=users_table&perPage=30&page=1`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({ filters: undefined });
-		req.flush(usersTableNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should call fetchTable for foreigh keys', () => {
-		let isSubscribeCalled = false;
-
-		service
-			.fetchTable({
-				connectionID: '12345678',
-				tableName: 'users_table',
-				requstedPage: 1,
-				chunkSize: 30,
-				foreignKeyRowName: 'position_id',
-				foreignKeyRowValue: '9876',
-				referencedColumn: 'id',
-			})
-			.subscribe((res) => {
-				expect(res).toEqual(usersTableNetwork);
-				isSubscribeCalled = true;
-			});
-
-		const req = httpMock.expectOne(
-			`/table/rows/find/12345678?tableName=users_table&perPage=30&page=1&f_position_id__eq=9876&referencedColumn=id`,
-		);
-		expect(req.request.method).toBe('POST');
-		req.flush(usersTableNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should call fetchTable with filters', () => {
-		let isSubscribeCalled = false;
-
-		service
-			.fetchTable({
-				connectionID: '12345678',
-				tableName: 'users_table',
-				requstedPage: 1,
-				chunkSize: 30,
-				filters: {
-					city: {
-						eq: 'NewYork',
-					},
-					age: {
-						eq: '42',
-					},
-				},
-			})
-			.subscribe((res) => {
-				expect(res).toEqual(usersTableNetwork);
-				isSubscribeCalled = true;
-			});
-
-		const req = httpMock.expectOne('/table/rows/find/12345678?tableName=users_table&perPage=30&page=1');
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({
-			filters: {
-				city: {
-					eq: 'NewYork',
-				},
-				age: {
-					eq: '42',
-				},
-			},
-		});
-		req.flush(usersTableNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should call fetchTable with sortOrder DESC and sort_by City column', () => {
-		let isSubscribeCalled = false;
-
-		service
-			.fetchTable({
-				connectionID: '12345678',
-				tableName: 'users_table',
-				requstedPage: 1,
-				chunkSize: 30,
-				sortOrder: 'DESC',
-				sortColumn: 'city',
-			})
-			.subscribe((res) => {
-				expect(res).toEqual(usersTableNetwork);
-				isSubscribeCalled = true;
-			});
-
-		const req = httpMock.expectOne(
-			`/table/rows/find/12345678?tableName=users_table&perPage=30&page=1&sort_by=city&sort_order=DESC`,
-		);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({ filters: undefined });
-		req.flush(usersTableNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall fetchTable and show Error alert', async () => {
-		const fetchTableRow = service
-			.fetchTable({
-				connectionID: '12345678',
-				tableName: 'users_table',
-				requstedPage: 1,
-				chunkSize: 30,
-			})
-			.toPromise();
-
-		const req = httpMock.expectOne(`/table/rows/find/12345678?tableName=users_table&perPage=30&page=1`);
-		expect(req.request.method).toBe('POST');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await fetchTableRow;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call fetchTableStructure', () => {
-		let isSubscribeCalled = false;
-		const tableStructureNetwork = {
-			structure: structureNetwork,
-			foreignKeys: [],
-			readonly_fields: [],
-			table_widgets: [],
-		};
-
-		service.fetchTableStructure('12345678', 'users_table').subscribe((res) => {
-			expect(res).toEqual(tableStructureNetwork);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/table/structure/12345678?tableName=users_table`);
-		expect(req.request.method).toBe('GET');
-		req.flush(tableStructureNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall fetchTableStructure and show Error snackbar', async () => {
-		const fetchTableStructure = service.fetchTableStructure('12345678', 'users_table').toPromise();
-
-		const req = httpMock.expectOne(`/table/structure/12345678?tableName=users_table`);
-		expect(req.request.method).toBe('GET');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await fetchTableStructure;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-	});
-
-	it('should call fetchTableSettings', () => {
-		let isSubscribeCalled = false;
-
-		service.fetchTableSettings('12345678', 'users_table').subscribe((res) => {
-			expect(res).toEqual(tableSettingsNetwork);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/settings?connectionId=12345678&tableName=users_table`);
-		expect(req.request.method).toBe('GET');
-		req.flush(tableSettingsNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall fetchTableSettings and show Error snackbar', async () => {
-		const fetchTableSettings = service.fetchTableSettings('12345678', 'users_table').toPromise();
-
-		const req = httpMock.expectOne(`/settings?connectionId=12345678&tableName=users_table`);
-		expect(req.request.method).toBe('GET');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await fetchTableSettings;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call updateTableSettings for existing settings', () => {
-		let isSubscribeCalled = false;
-
-		service.updateTableSettings(true, '12345678', 'users_table', tableSettingsApp).subscribe((_res) => {
-			// expect(res).toEqual(tableSettingsNetwork);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/settings?connectionId=12345678&tableName=users_table`);
-		expect(req.request.method).toBe('PUT');
-		expect(req.request.body).toEqual(tableSettingsApp);
-		req.flush(tableSettingsNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should call updateTableSettings and create settings', () => {
-		let isSubscribeCalled = false;
-
-		service.updateTableSettings(false, '12345678', 'users_table', tableSettingsApp).subscribe((_res) => {
-			// expect(res).toEqual(tableSettingsNetwork);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/settings?connectionId=12345678&tableName=users_table`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual(tableSettingsApp);
-		req.flush(tableSettingsNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall updateTableSettings and show Error alert', async () => {
-		const fetchTableSettings = service
-			.updateTableSettings(true, '12345678', 'users_table', tableSettingsApp)
-			.toPromise();
-
-		const req = httpMock.expectOne(`/settings?connectionId=12345678&tableName=users_table`);
-		expect(req.request.method).toBe('PUT');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await fetchTableSettings;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call deleteTableSettings', () => {
-		let isSubscribeCalled = false;
-
-		service.deleteTableSettings('12345678', 'users_table').subscribe((_res) => {
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/settings?connectionId=12345678&tableName=users_table`);
-		expect(req.request.method).toBe('DELETE');
-		req.flush(tableSettingsNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall deleteTableSettings and show Error snackbar', async () => {
-		const fetchTableSettings = service.deleteTableSettings('12345678', 'users_table').toPromise();
-
-		const req = httpMock.expectOne(`/settings?connectionId=12345678&tableName=users_table`);
-		expect(req.request.method).toBe('DELETE');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await fetchTableSettings;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call fetchTableWidgets', () => {
-		let isSubscribeCalled = false;
-
-		service.fetchTableWidgets('12345678', 'users_table').subscribe((_res) => {
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/widgets/12345678?tableName=users_table`);
-		expect(req.request.method).toBe('GET');
-		req.flush(tableSettingsNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall fetchTableWidgets and show Error alert', async () => {
-		const fetchTableSettings = service.fetchTableWidgets('12345678', 'users_table').toPromise();
-
-		const req = httpMock.expectOne(`/widgets/12345678?tableName=users_table`);
-		expect(req.request.method).toBe('GET');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await fetchTableSettings;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call updateTableWidgets', () => {
-		let isSubscribeCalled = false;
-
-		service.updateTableWidgets('12345678', 'users_table', tableWidgetsApp).subscribe((res) => {
-			expect(res).toEqual(tableWidgetsNetwork);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne('/widget/12345678?tableName=users_table');
-		expect(req.request.method).toBe('POST');
-		req.flush(tableWidgetsNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall updateTableWidgets and show Error bannner', async () => {
-		const fetchTableSettings = service.updateTableWidgets('12345678', 'users_table', tableWidgetsApp).toPromise();
-
-		const req = httpMock.expectOne('/widget/12345678?tableName=users_table');
-		expect(req.request.method).toBe('POST');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await fetchTableSettings;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-});
diff --git a/frontend/src/app/services/tables.service.ts b/frontend/src/app/services/tables.service.ts
deleted file mode 100644
index 5d49647dc..000000000
--- a/frontend/src/app/services/tables.service.ts
+++ /dev/null
@@ -1,727 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { NavigationEnd, Router } from '@angular/router';
-import { Angulartics2 } from 'angulartics2';
-import posthog from 'posthog-js';
-import { BehaviorSubject, EMPTY, throwError } from 'rxjs';
-import { catchError, filter, map } from 'rxjs/operators';
-import { AlertActionType, AlertType } from '../models/alert';
-import { PersonalTableViewSettings, Rule, TableSettings, Widget } from '../models/table';
-import { NotificationsService } from './notifications.service';
-
-export enum SortOrdering {
-	Ascending = 'ASC',
-	Descending = 'DESC',
-}
-
-interface TableParams {
-	connectionID: string;
-	tableName: string;
-	requstedPage?: number;
-	chunkSize?: number;
-	sortColumn?: string;
-	sortOrder?: 'ASC' | 'DESC';
-	foreignKeyRowName?: string;
-	foreignKeyRowValue?: string;
-	referencedColumn?: string;
-	filters?: object;
-	comparators?: object;
-	search?: string;
-	uncached?: boolean;
-}
-
-@Injectable({
-	providedIn: 'root',
-})
-export class TablesService {
-	public tableName: string | null = null;
-
-	private tables = new BehaviorSubject<string>('');
-	public cast = this.tables.asObservable();
-
-	constructor(
-		private _http: HttpClient,
-		private router: Router,
-		private _notifications: NotificationsService,
-		private angulartics2: Angulartics2,
-	) {
-		this.router = router;
-
-		this.router.events
-			.pipe(
-				filter((event): boolean => {
-					return event instanceof NavigationEnd;
-				}),
-			)
-			.subscribe((_event: NavigationEnd): void => {
-				this.setTableName(this.router.routerState.snapshot.root.firstChild.paramMap.get('table-name'));
-			});
-	}
-
-	setTableName(tableName: string) {
-		this.tableName = tableName;
-	}
-
-	get currentTableName() {
-		return this.tableName;
-	}
-
-	fetchTables(connectionID: string, hidden?: boolean) {
-		return this._http
-			.get<any>(`/connection/tables/${connectionID}`, {
-				params: {
-					...(hidden ? { hidden } : {}),
-				},
-			})
-			.pipe(
-				map((res) => {
-					return res;
-				}),
-			);
-	}
-
-	fetchTablesFolders(connectionID: string, hidden?: boolean) {
-		console.log('fetchTablesFolders service');
-		return this._http
-			.get<any>(`/table-categories/v2/${connectionID}`, {
-				params: {
-					...(hidden ? { hidden } : {}),
-				},
-			})
-			.pipe(
-				map((res) => {
-					return res;
-				}),
-			);
-	}
-
-	updateTablesFolders(connectionID: string, tablesFolders: any) {
-		return this._http.put(`/table-categories/${connectionID}`, tablesFolders).pipe(
-			map((res) => {
-				// this._notifications.showSuccessSnackbar('Connection settings has been updated successfully.');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				const errorMessage = err.error?.message || 'Unknown error';
-				this._notifications.showErrorSnackbar(`${errorMessage}.`);
-				return EMPTY;
-			}),
-		);
-	}
-
-	fetchTable({
-		connectionID,
-		tableName,
-		requstedPage,
-		chunkSize,
-		sortColumn,
-		sortOrder,
-		foreignKeyRowName,
-		foreignKeyRowValue,
-		referencedColumn,
-		filters,
-		search,
-		uncached,
-	}: TableParams) {
-		let foreignKeyRowParamName =
-			foreignKeyRowName === 'autocomplete' ? foreignKeyRowName : `f_${foreignKeyRowName}__eq`;
-
-		if (tableName) {
-			return this._http
-				.post<any>(
-					`/table/rows/find/${connectionID}`,
-					{ filters },
-					{
-						params: {
-							tableName,
-							perPage: chunkSize.toString(),
-							page: requstedPage.toString(),
-							...(search ? { search } : {}),
-							...(foreignKeyRowValue ? { [foreignKeyRowParamName]: foreignKeyRowValue } : {}),
-							...(referencedColumn ? { referencedColumn } : {}),
-							...(sortColumn ? { sort_by: sortColumn } : {}),
-							...(sortOrder ? { sort_order: sortOrder } : {}),
-							...(uncached ? { _uncached: 'true' } : {}),
-						},
-					},
-				)
-				.pipe(
-					map((res) => res),
-					catchError((err) => {
-						console.log(err);
-						// this._notifications.showErrorSnackbar(err.error?.message || err.message);
-						this._notifications.showAlert(
-							AlertType.Error,
-							{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-							[
-								{
-									type: AlertActionType.Button,
-									caption: 'Dismiss',
-									action: (_id: number) => this._notifications.dismissAlert(),
-								},
-							],
-						);
-						return EMPTY;
-					}),
-				);
-		}
-	}
-
-	fetchTableStructure(connectionID: string, tableName: string) {
-		return this._http
-			.get<any>(`/table/structure/${connectionID}`, {
-				params: {
-					tableName,
-				},
-			})
-			.pipe(
-				map((res) => res),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showErrorSnackbar(err.error?.message || err.message);
-					return EMPTY;
-				}),
-			);
-	}
-
-	fetchTableSettings(connectionID: string, tableName: string) {
-		return this._http
-			.get<any>('/settings', {
-				params: {
-					connectionId: connectionID,
-					tableName,
-				},
-			})
-			.pipe(
-				map((res) => res),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showAlert(
-						AlertType.Error,
-						{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-						[
-							{
-								type: AlertActionType.Button,
-								caption: 'Dismiss',
-								action: (_id: number) => this._notifications.dismissAlert(),
-							},
-						],
-					);
-					return EMPTY;
-				}),
-			);
-	}
-
-	exportTableCSV({ connectionID, tableName, chunkSize, sortColumn, sortOrder, filters, search }) {
-		return this._http
-			.post<any>(
-				`/table/csv/export/${connectionID}`,
-				{ filters },
-				{
-					params: {
-						perPage: chunkSize.toString(),
-						page: '1',
-						tableName,
-						...(search ? { search } : {}),
-						...(sortColumn ? { sort_by: sortColumn } : {}),
-						...(sortOrder ? { sort_order: sortOrder } : {}),
-					},
-					responseType: 'text' as 'json',
-				},
-			)
-			.pipe(
-				map((res) => {
-					return res;
-				}),
-				catchError((err) => {
-					console.log(err);
-					const errorObj = JSON.parse(err.error);
-					this._notifications.showErrorSnackbar(errorObj.message);
-					this.angulartics2.eventTrack.next({
-						action: 'Dashboard: db export failed',
-					});
-					posthog.capture('Dashboard: db export failed');
-					return EMPTY;
-				}),
-			);
-	}
-
-	importTableCSV(connectionID: string, tableName: string, file: File) {
-		const formData = new FormData();
-		formData.append('file', file);
-
-		return this._http
-			.post<any>(`/table/csv/import/${connectionID}`, formData, {
-				params: {
-					tableName,
-				},
-			})
-			.pipe(
-				map((res) => {
-					this.tables.next('import');
-					this._notifications.showSuccessSnackbar('CSV file has been imported successfully.');
-					return res;
-				}),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showErrorSnackbar(err.error?.message || err.message);
-					this.angulartics2.eventTrack.next({
-						action: 'Dashboard: db import failed',
-					});
-					posthog.capture('Dashboard: db import failed');
-					return EMPTY;
-				}),
-			);
-	}
-
-	updateTableSettings(isSettingsExist: boolean, connectionID: string, tableName: string, settings: TableSettings) {
-		let method: string;
-		if (isSettingsExist) {
-			method = 'put';
-		} else method = 'post';
-
-		return this._http[method]<any>('/settings', settings, {
-			params: {
-				connectionId: connectionID,
-				tableName,
-			},
-		}).pipe(
-			map(() => {
-				this.tables.next('settings');
-				this._notifications.showSuccessSnackbar('Table settings has been updated.');
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	deleteTableSettings(connectionID: string, tableName: string) {
-		return this._http
-			.delete<any>('/settings', {
-				params: {
-					connectionId: connectionID,
-					tableName,
-				},
-			})
-			.pipe(
-				map(() => {
-					this.tables.next('settings');
-					this._notifications.showSuccessSnackbar('Table settings has been reset.');
-				}),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showAlert(
-						AlertType.Error,
-						{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-						[
-							{
-								type: AlertActionType.Button,
-								caption: 'Dismiss',
-								action: (_id: number) => this._notifications.dismissAlert(),
-							},
-						],
-					);
-					return EMPTY;
-				}),
-			);
-	}
-
-	fetchTableWidgets(connectionID: string, tableName: string) {
-		return this._http
-			.get<any>(`/widgets/${connectionID}`, {
-				params: {
-					tableName,
-				},
-			})
-			.pipe(
-				map((res) => res),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showAlert(
-						AlertType.Error,
-						{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-						[
-							{
-								type: AlertActionType.Button,
-								caption: 'Dismiss',
-								action: (_id: number) => this._notifications.dismissAlert(),
-							},
-						],
-					);
-					return EMPTY;
-				}),
-			);
-	}
-
-	updateTableWidgets(connectionID: string, tableName: string, widgets: Widget[]) {
-		return this._http
-			.post<any>(
-				`/widget/${connectionID}`,
-				{ widgets },
-				{
-					params: {
-						tableName,
-					},
-				},
-			)
-			.pipe(
-				map((res) => {
-					this._notifications.showSuccessSnackbar('Table widgets has been updated.');
-					return res;
-				}),
-				catchError((err) => {
-					console.log(err);
-					// this._notifications.showErrorSnackbar(err.error?.message || err.message);
-					this._notifications.showAlert(
-						AlertType.Error,
-						{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-						[
-							{
-								type: AlertActionType.Button,
-								caption: 'Dismiss',
-								action: (_id: number) => this._notifications.dismissAlert(),
-							},
-						],
-					);
-					return EMPTY;
-				}),
-			);
-	}
-
-	bulkDelete(connectionID: string, tableName: string, primaryKeys) {
-		return this._http
-			.put<any>(`/table/rows/delete/${connectionID}`, primaryKeys, {
-				params: {
-					tableName,
-				},
-			})
-			.pipe(
-				map((res) => {
-					this.tables.next('delete rows');
-					this._notifications.showSuccessSnackbar('Rows have been deleted successfully.');
-					return res;
-				}),
-				catchError((err) => {
-					console.log(err);
-					// this._notifications.showErrorSnackbar(err.error?.message || err.message);
-					this._notifications.showAlert(
-						AlertType.Error,
-						{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-						[
-							{
-								type: AlertActionType.Button,
-								caption: 'Dismiss',
-								action: (_id: number) => this._notifications.dismissAlert(),
-							},
-						],
-					);
-					return EMPTY;
-				}),
-			);
-	}
-
-	fetchRules(connectionID: string, tableName: string) {
-		return this._http
-			.get<any>(`/action/rules/${connectionID}`, {
-				params: {
-					tableName,
-				},
-			})
-			.pipe(
-				map((res) => res),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showAlert(
-						AlertType.Error,
-						{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-						[
-							{
-								type: AlertActionType.Button,
-								caption: 'Dismiss',
-								action: (_id: number) => this._notifications.dismissAlert(),
-							},
-						],
-					);
-					return EMPTY;
-				}),
-			);
-	}
-
-	saveRule(connectionID: string, _tableName: string, rule: Rule) {
-		return this._http.post<any>(`/action/rule/${connectionID}`, rule).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar(`${res.title} action has been created.`);
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	updateRule(connectionID: string, _tableName: string, rule: Rule) {
-		return this._http.put<any>(`/action/rule/${rule.id}/${connectionID}`, rule).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar(`${res.title} action has been updated.`);
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	deleteRule(connectionID: string, _tableName: string, ruleId: string) {
-		return this._http.delete<any>(`/action/rule/${ruleId}/${connectionID}`).pipe(
-			map((res) => {
-				this.tables.next('delete-rule');
-				this._notifications.showSuccessSnackbar(`${res.title} action has been deleted.`);
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	activateActions(
-		connectionID: string,
-		_tableName: string,
-		actionId: string,
-		actionTitle: string,
-		primaryKeys: object[],
-		_confirmed?: boolean,
-	) {
-		return this._http.post<any>(`/event/actions/activate/${actionId}/${connectionID}`, primaryKeys).pipe(
-			map((res) => {
-				this.tables.next('activate actions');
-				this._notifications.showSuccessSnackbar(`${actionTitle} is done for ${primaryKeys.length} rows.`);
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	createAIthread(connectionID, tableName, message) {
-		return this._http
-			.post<any>(
-				`/ai/v4/request/${connectionID}`,
-				{ user_message: message },
-				{
-					responseType: 'text' as 'json',
-					observe: 'response',
-					params: {
-						tableName,
-					},
-				},
-			)
-			.pipe(
-				map((res) => {
-					const threadId = res.headers.get('X-OpenAI-Thread-ID');
-					this.angulartics2.eventTrack.next({
-						action: 'AI: thread created',
-					});
-					posthog.capture('AI: thread created');
-					const responseMessage = res.body as string;
-					return { threadId, responseMessage };
-				}),
-				catchError((err) => {
-					console.log(err);
-					return throwError(() => new Error(err.error?.message || err.message));
-				}),
-			);
-	}
-
-	requestAImessage(connectionID: string, tableName: string, threadId: string, message: string) {
-		console.log('threadId', threadId);
-		return this._http
-			.post<any>(
-				`/ai/v4/request/${connectionID}`,
-				{ user_message: message },
-				{
-					responseType: 'text' as 'json',
-					observe: 'response',
-					params: {
-						tableName,
-						threadId,
-					},
-				},
-			)
-			.pipe(map((res) => res.body as string));
-	}
-
-	updatePersonalTableViewSettings(connectionID: string, tableName: string, settings: PersonalTableViewSettings) {
-		return this._http
-			.put<any>(`/settings/personal/${connectionID}`, settings, {
-				params: {
-					tableName,
-				},
-			})
-			.pipe(
-				map(() => {
-					this.tables.next('settings');
-					// this._notifications.showSuccessSnackbar('Table settings has been updated.')
-				}),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showAlert(
-						AlertType.Error,
-						{ abstract: err.error.message, details: err.error.originalMessage },
-						[
-							{
-								type: AlertActionType.Button,
-								caption: 'Dismiss',
-								action: (id: number) => this._notifications.dismissAlert(),
-							},
-						],
-					);
-					return EMPTY;
-				}),
-			);
-	}
-
-	getSavedFilters(connectionID: string, tableName: string) {
-		return this._http
-			.get<any>(`/table-filters/${connectionID}/all`, {
-				params: {
-					tableName,
-				},
-			})
-			.pipe(
-				map((res) => {
-					return res;
-				}),
-				catchError((err) => {
-					console.log(err);
-					return throwError(() => new Error(err.error.message));
-				}),
-			);
-	}
-
-	createSavedFilter(connectionID: string, tableName: string, filters: object) {
-		return this._http
-			.post<any>(`/table-filters/${connectionID}`, filters, {
-				params: {
-					tableName,
-				},
-			})
-			.pipe(
-				map((res) => {
-					this.tables.next('filters set saved');
-					this._notifications.showSuccessSnackbar('Saved filters have been updated.');
-					return res;
-				}),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showErrorSnackbar(err.error.message);
-					return EMPTY;
-				}),
-			);
-	}
-
-	updateSavedFilter(connectionID: string, tableName: string, filtersId: string, filters: object) {
-		return this._http
-			.put<any>(`/table-filters/${connectionID}/${filtersId}`, filters, {
-				params: {
-					tableName,
-				},
-			})
-			.pipe(
-				map((res) => {
-					this.tables.next('filters set updated');
-					this._notifications.showSuccessSnackbar('Saved filter has been updated.');
-					return res;
-				}),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showErrorSnackbar(err.error.message);
-					return EMPTY;
-				}),
-			);
-	}
-
-	deleteSavedFilter(connectionID: string, tableName: string, filterId: string) {
-		return this._http
-			.delete<any>(`/table-filters/${connectionID}/${filterId}`, {
-				params: {
-					tableName,
-				},
-			})
-			.pipe(
-				map((res) => {
-					this.tables.next('delete saved filters');
-					this._notifications.showSuccessSnackbar('Saved filter has been deleted.');
-					return res;
-				}),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showErrorSnackbar(err.error.message);
-					return EMPTY;
-				}),
-			);
-	}
-}
diff --git a/frontend/src/app/services/token.interceptor.spec.ts b/frontend/src/app/services/token.interceptor.spec.ts
deleted file mode 100644
index 00e89fcc1..000000000
--- a/frontend/src/app/services/token.interceptor.spec.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { TestBed } from '@angular/core/testing';
-import { MatDialogModule } from '@angular/material/dialog';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { provideRouter } from '@angular/router';
-import { ConfigurationService } from './configuration.service';
-import { TokenInterceptor } from './token.interceptor';
-
-describe('TokenInterceptor', () => {
-	beforeEach(() =>
-		TestBed.configureTestingModule({
-			imports: [MatSnackBarModule, MatDialogModule],
-			providers: [
-				provideHttpClient(),
-				provideRouter([]),
-				TokenInterceptor,
-				{
-					provide: ConfigurationService,
-					useValue: { CONFIG_URL: 'https://app.rocketadmin.com/api' },
-				},
-			],
-		}),
-	);
-
-	it('should be created', () => {
-		const interceptor: TokenInterceptor = TestBed.inject(TokenInterceptor);
-		expect(interceptor).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/services/token.interceptor.ts b/frontend/src/app/services/token.interceptor.ts
deleted file mode 100644
index 4ea8c77a9..000000000
--- a/frontend/src/app/services/token.interceptor.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { CookieService } from 'ngx-cookie-service';
-import { Observable, throwError } from 'rxjs';
-import { catchError } from 'rxjs/operators';
-import { environment } from '../../environments/environment';
-import { ConfigurationService } from './configuration.service';
-import { ConnectionsService } from './connections.service';
-
-@Injectable()
-export class TokenInterceptor implements HttpInterceptor {
-	private config;
-
-	constructor(
-		private cookieService: CookieService,
-		private _connections: ConnectionsService,
-		private _configuration: ConfigurationService,
-	) {}
-
-	normalizeURL(url: string, baseURL: string, saasURL: string): string {
-		if (url.startsWith('/assets')) {
-			return undefined;
-		}
-		if (url.startsWith('/saas')) {
-			return `${saasURL}${url}`;
-		}
-		if (url.startsWith('http://')) {
-			return url;
-		}
-		if (url.startsWith('https://')) {
-			return url;
-		}
-		return `${baseURL}${url}`;
-	}
-
-	intercept(request: HttpRequest<unknown>, next: HttpHandler): Observable<HttpEvent<unknown>> {
-		this.config = this._configuration.getConfig();
-		const connectionID = this._connections.currentConnectionID;
-		const url = new URL(request.url, location.origin);
-		const isApiRequest = url.origin === location.origin || url.origin == 'https://app.rocketadmin.com';
-
-		request = request.clone({
-			url: this.normalizeURL(request.url, environment.apiRoot || this.config.baseURL, environment.saasURL),
-		});
-
-		if (isApiRequest) {
-			const autoadmin_gclid_cookie = this.cookieService.get('autoadmin_gclid');
-			request = request.clone({
-				setHeaders: {
-					GCLID: autoadmin_gclid_cookie,
-				},
-				withCredentials: true,
-			});
-
-			if (connectionID && !request.headers.has('masterpwd')) {
-				const masterKey = localStorage.getItem(`${connectionID}__masterKey`) || '';
-				request = request.clone({
-					setHeaders: {
-						masterpwd: masterKey,
-					},
-				});
-			}
-		}
-
-		return next.handle(request).pipe(
-			catchError((error: HttpErrorResponse) => {
-				if (error.status === 401) {
-					localStorage.removeItem('token_expiration');
-					location.href = '/login';
-				}
-				return throwError(error);
-			}),
-		);
-	}
-}
diff --git a/frontend/src/app/services/ui-settings.service.spec.ts b/frontend/src/app/services/ui-settings.service.spec.ts
deleted file mode 100644
index 8d725a2e3..000000000
--- a/frontend/src/app/services/ui-settings.service.spec.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { UiSettingsService } from './ui-settings.service';
-
-describe('UiSettingsService', () => {
-	let service: UiSettingsService;
-
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [MatSnackBarModule],
-			providers: [provideHttpClient()],
-		});
-		service = TestBed.inject(UiSettingsService);
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/services/ui-settings.service.ts b/frontend/src/app/services/ui-settings.service.ts
deleted file mode 100644
index 3e386f9d4..000000000
--- a/frontend/src/app/services/ui-settings.service.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { EMPTY, Observable } from 'rxjs';
-import { catchError, map } from 'rxjs/operators';
-import { ConnectionSettingsUI, GlobalSettingsUI, UiSettings } from '../models/ui-settings';
-import { NotificationsService } from './notifications.service';
-
-@Injectable({
-	providedIn: 'root',
-})
-export class UiSettingsService {
-	public settings: UiSettings = {
-		globalSettings: {} as GlobalSettingsUI,
-		connections: {} as { [connectionId: string]: ConnectionSettingsUI },
-	};
-
-	private uiSettings = null;
-	private _isDarkMode: boolean;
-
-	constructor(
-		private _http: HttpClient,
-		private _notifications: NotificationsService,
-	) {
-		this._isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
-	}
-
-	get isDarkMode(): boolean {
-		return this._isDarkMode;
-	}
-
-	updateGlobalSetting(key: string, value: any) {
-		this.settings.globalSettings[key] = value;
-		this.syncUiSettings().subscribe();
-	}
-
-	updateConnectionSetting(connectionId: string, key: string, value: any) {
-		if (!this.settings.connections[connectionId]) {
-			this.settings.connections[connectionId] = { shownTableTitles: false, tables: {} };
-		}
-		this.settings.connections[connectionId][key] = value;
-		this.syncUiSettings().subscribe();
-	}
-
-	updateTableSetting(connectionId: string, tableName: string, key: string, value: any) {
-		console.log('updateTableSetting');
-		if (!this.settings.connections[connectionId]) {
-			this.settings.connections[connectionId] = { shownTableTitles: false, tables: {} };
-		}
-		// if (!this.settings.connections[connectionId].tables[tableName]) {
-		//   this.settings.connections[connectionId].tables[tableName] = { shownColumns: [] };
-		// }
-		this.settings.connections[connectionId].tables[tableName][key] = value;
-		this.syncUiSettings().subscribe();
-	}
-
-	getUiSettings(): Observable<UiSettings> {
-		if (!this.uiSettings) {
-			return this._http.get<any>('/user/settings').pipe(
-				map((res) => {
-					const settings = res.userSettings ? JSON.parse(res.userSettings) : null;
-					console.log('getUiSettings settings');
-					console.log(settings);
-					if (settings) this.settings = settings;
-					this.uiSettings = settings;
-					return settings;
-				}),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showErrorSnackbar(err.error?.message || err.message);
-					return EMPTY;
-				}),
-			);
-		} else {
-			return new Observable((s) => s.next(this.uiSettings));
-		}
-	}
-
-	syncUiSettings() {
-		return this._http.post<any>('/user/settings', { userSettings: JSON.stringify(this.settings) }).pipe(
-			map((res) => {
-				const settings = res.userSettings ? JSON.parse(res.userSettings) : null;
-				this.uiSettings = settings;
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-}
-
-// {
-//   "globalSettings": {
-//     "connectionsListCollapsed": false
-//   },
-//   "connections": {
-//     "[connection-id]": {
-//       "shownTableTitles": false,
-//       "tables": {
-//         "[table-name]": {
-//           "shownColumns": ["column1", "column2", "column3"]
-//         }
-//       }
-//     }
-//   }
-// }
diff --git a/frontend/src/app/services/url-params.interceptor.spec.ts b/frontend/src/app/services/url-params.interceptor.spec.ts
deleted file mode 100644
index e8730722d..000000000
--- a/frontend/src/app/services/url-params.interceptor.spec.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { EncodeUrlParamsSafelyInterceptor } from './url-params.interceptor';
-
-describe('ServicesInterceptor', () => {
-	beforeEach(() =>
-		TestBed.configureTestingModule({
-			providers: [EncodeUrlParamsSafelyInterceptor],
-		}),
-	);
-
-	it('should be created', () => {
-		const interceptor: EncodeUrlParamsSafelyInterceptor = TestBed.inject(EncodeUrlParamsSafelyInterceptor);
-		expect(interceptor).toBeTruthy();
-	});
-});
diff --git a/frontend/src/app/services/url-params.interceptor.ts b/frontend/src/app/services/url-params.interceptor.ts
deleted file mode 100644
index 0ea7524f4..000000000
--- a/frontend/src/app/services/url-params.interceptor.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import {
-	HttpEvent,
-	HttpHandler,
-	HttpInterceptor,
-	HttpParameterCodec,
-	HttpParams,
-	HttpRequest,
-} from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { Observable } from 'rxjs';
-
-@Injectable()
-export class EncodeUrlParamsSafelyInterceptor implements HttpInterceptor, HttpParameterCodec {
-	intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
-		const newParams = new HttpParams({
-			fromString: req.params.toString(),
-			encoder: this,
-		});
-
-		return next.handle(
-			req.clone({
-				params: newParams,
-			}),
-		);
-	}
-
-	encodeKey(key: string): string {
-		return encodeURIComponent(key);
-	}
-
-	encodeValue(value: string): string {
-		return encodeURIComponent(value);
-	}
-
-	decodeKey(key: string): string {
-		return decodeURIComponent(key);
-	}
-
-	decodeValue(value: string): string {
-		return decodeURIComponent(value);
-	}
-}
diff --git a/frontend/src/app/services/user.service.spec.ts b/frontend/src/app/services/user.service.spec.ts
deleted file mode 100644
index 4a0184a7c..000000000
--- a/frontend/src/app/services/user.service.spec.ts
+++ /dev/null
@@ -1,488 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-import { TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { Router } from '@angular/router';
-import { RouterTestingModule } from '@angular/router/testing';
-import { AlertActionType, AlertType } from '../models/alert';
-import { NotificationsService } from './notifications.service';
-import { UserService } from './user.service';
-
-describe('UserService', () => {
-	let service: UserService;
-	let httpMock: HttpTestingController;
-	let fakeNotifications;
-	let routerSpy;
-
-	const _authUser = {
-		email: 'eric.cartman@south.park',
-		password: '12345678',
-	};
-
-	const fakeError = {
-		message: 'User error',
-		statusCode: 400,
-		type: 'no_master_key',
-		originalMessage: 'User error details',
-	};
-
-	beforeEach(() => {
-		fakeNotifications = {
-			showErrorSnackbar: vi.fn(),
-			showSuccessSnackbar: vi.fn(),
-			showAlert: vi.fn(),
-		};
-		routerSpy = { navigate: vi.fn() };
-
-		TestBed.configureTestingModule({
-			imports: [RouterTestingModule, MatSnackBarModule],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				UserService,
-				{
-					provide: NotificationsService,
-					useValue: fakeNotifications,
-				},
-				{ provide: Router, useValue: routerSpy },
-			],
-		});
-
-		httpMock = TestBed.inject(HttpTestingController);
-		service = TestBed.inject(UserService);
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-
-	it('should call fetchUser', () => {
-		const user = {
-			id: '97cbc96d-7cbc-4c8d-b8b8-36322509106d',
-			isActive: true,
-			email: 'lyubov+9999@voloshko.com',
-			createdAt: '2021-01-20T11:17:44.138Z',
-			subscriptionLevel: 'ANNUAL_ENTERPRISE_PLAN',
-		};
-		let isSubscribeCalled = false;
-
-		service.fetchUser().subscribe((res) => {
-			expect(res).toEqual(user);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user`);
-		expect(req.request.method).toBe('GET');
-		req.flush(user);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fall fetchUser and show Error snackbar', async () => {
-		const fetchUser = service.fetchUser().toPromise();
-
-		const req = httpMock.expectOne(`/user`);
-		expect(req.request.method).toBe('GET');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await fetchUser;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-	});
-
-	it('should call requestEmailChange', () => {
-		let isEmailChangeRequestedCalled = false;
-
-		const requestResponse = {
-			message: 'Email change request was requested successfully',
-		};
-
-		service.requestEmailChange().subscribe((res) => {
-			expect(res).toEqual(requestResponse);
-			expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-				AlertType.Info,
-				'Link has been sent to your email. Please check it.',
-				[
-					expect.objectContaining({
-						type: AlertActionType.Button,
-						caption: 'Dismiss',
-					}),
-				],
-			);
-			isEmailChangeRequestedCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user/email/change/request`);
-		expect(req.request.method).toBe('GET');
-		req.flush(requestResponse);
-
-		expect(isEmailChangeRequestedCalled).toBe(true);
-	});
-
-	it('should fall for requestEmailChange and show Error alert', async () => {
-		const resMessage = service.requestEmailChange().toPromise();
-
-		const req = httpMock.expectOne(`/user/email/change/request`);
-		expect(req.request.method).toBe('GET');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await resMessage;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call changeEmail', () => {
-		let isEmailChangedCalled = false;
-
-		const requestResponse = {
-			message: 'Email was changed successfully',
-		};
-
-		service.changeEmail('123456789', 'new-new@email.com').subscribe((res) => {
-			expect(res).toEqual(requestResponse);
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('You email has been changed successfully.');
-			isEmailChangedCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user/email/change/verify/123456789`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({ email: 'new-new@email.com' });
-		req.flush(requestResponse);
-
-		expect(isEmailChangedCalled).toBe(true);
-	});
-
-	it('should fall for changeEmail and show Error alert', async () => {
-		const resMessage = service.changeEmail('123456789', 'new-new@email.com').toPromise();
-
-		const req = httpMock.expectOne(`/user/email/change/verify/123456789`);
-		expect(req.request.method).toBe('POST');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await resMessage;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call requestPasswordReset and show Success alert', () => {
-		let isPasswordChangeRequestedCalled = false;
-
-		const requestResponse = {
-			message: 'Password change request was requested successfully',
-		};
-
-		service.requestPasswordReset('john@smith.com', 'company_1').subscribe((res) => {
-			expect(res).toEqual(requestResponse);
-			expect(fakeNotifications.showAlert).toHaveBeenCalledWith(AlertType.Success, 'Check your email.', [
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			]);
-			isPasswordChangeRequestedCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user/password/reset/request`);
-		expect(req.request.method).toBe('POST');
-		req.flush(requestResponse);
-
-		expect(isPasswordChangeRequestedCalled).toBe(true);
-	});
-
-	it('should fall for requestPasswordReset and show Error alert', async () => {
-		const resMessage = service.requestPasswordReset('john@smith.com', 'company_1').toPromise();
-
-		const req = httpMock.expectOne(`/user/password/reset/request`);
-		expect(req.request.method).toBe('POST');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await resMessage;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call resetPassword', () => {
-		let isPasswordChangedCalled = false;
-
-		const requestResponse = {
-			message: 'Password was changed successfully',
-		};
-
-		service.resetPassword('123456789', 'newpassword123').subscribe((res) => {
-			expect(res).toEqual(requestResponse);
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('Your password has been reset successfully.');
-			isPasswordChangedCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user/password/reset/verify/123456789`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({ password: 'newpassword123' });
-		req.flush(requestResponse);
-
-		expect(isPasswordChangedCalled).toBe(true);
-	});
-
-	it('should fall for resetPassword and show Error alert', async () => {
-		const resMessage = service.resetPassword('123456789', 'newpassword123').toPromise();
-
-		const req = httpMock.expectOne(`/user/password/reset/verify/123456789`);
-		expect(req.request.method).toBe('POST');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await resMessage;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call changePassword', () => {
-		let isPasswordChangedCalled = false;
-
-		const requestResponse = {
-			message: 'Password was changed successfully',
-		};
-
-		service.changePassword('old-password', 'new-password', 'john@smith.com').subscribe((res) => {
-			expect(res).toEqual(requestResponse);
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith(
-				'Your password has been changed successfully.',
-			);
-			isPasswordChangedCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user/password/change/`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({
-			email: 'john@smith.com',
-			oldPassword: 'old-password',
-			newPassword: 'new-password',
-		});
-		req.flush(requestResponse);
-
-		expect(isPasswordChangedCalled).toBe(true);
-	});
-
-	it('should fall for changePassword and show Error alert', async () => {
-		const resMessage = service.changePassword('old-password', 'new-password', 'john@smith.com').toPromise();
-
-		const req = httpMock.expectOne(`/user/password/change/`);
-		expect(req.request.method).toBe('POST');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await resMessage;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-
-	it('should call changeUserName', () => {
-		let isChangeUserNameCalled = false;
-
-		const requestResponse = {};
-
-		service.changeUserName('Eric').subscribe((res) => {
-			expect(res).toEqual(requestResponse);
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('Your name has been changed successfully.');
-			isChangeUserNameCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user/name`);
-		expect(req.request.method).toBe('PUT');
-		expect(req.request.body).toEqual({
-			name: 'Eric',
-		});
-		req.flush(requestResponse);
-
-		expect(isChangeUserNameCalled).toBe(true);
-	});
-
-	it('should fall for changeUserName and show Error alert', async () => {
-		const resMessage = service.changeUserName('Eric').toPromise();
-
-		const req = httpMock.expectOne(`/user/name`);
-		expect(req.request.method).toBe('PUT');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await resMessage;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-	});
-
-	it('should call switchOn2FA', () => {
-		let isSwitchOn2FACalled = false;
-
-		const requestResponse = {};
-
-		service.switchOn2FA().subscribe((res) => {
-			expect(res).toEqual(requestResponse);
-			isSwitchOn2FACalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user/otp/generate`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({});
-		req.flush(requestResponse);
-
-		expect(isSwitchOn2FACalled).toBe(true);
-	});
-
-	it('should fall for switchOn2FA and show Error alert', async () => {
-		const resMessage = service.switchOn2FA().toPromise();
-
-		const req = httpMock.expectOne(`/user/otp/generate`);
-		expect(req.request.method).toBe('POST');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await resMessage;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-	});
-
-	it('should call confirm2FA', () => {
-		let isConfirm2FACalled = false;
-
-		const requestResponse = {};
-
-		service.confirm2FA('123456').subscribe((res) => {
-			expect(res).toEqual(requestResponse);
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('2FA is turned on successfully.');
-			isConfirm2FACalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user/otp/verify`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({ otpToken: '123456' });
-		req.flush(requestResponse);
-
-		expect(isConfirm2FACalled).toBe(true);
-	});
-
-	it('should fall for confirm2FA and show Error alert', async () => {
-		const resMessage = service.confirm2FA('123456').toPromise();
-
-		const req = httpMock.expectOne(`/user/otp/verify`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({ otpToken: '123456' });
-		req.flush(fakeError, { status: 400, statusText: '' });
-
-		try {
-			await resMessage;
-		} catch {
-			// Expected to throw
-		}
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-	});
-
-	it('should call switchOff2FA', () => {
-		let isSwitchOff2FACalled = false;
-
-		const requestResponse = {};
-
-		service.switchOff2FA('123456').subscribe((res) => {
-			expect(res).toEqual(requestResponse);
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('2FA is turned off successfully.');
-			isSwitchOff2FACalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user/otp/disable`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({ otpToken: '123456' });
-		req.flush(requestResponse);
-
-		expect(isSwitchOff2FACalled).toBe(true);
-	});
-
-	it('should fall for switchOff2FA and show Error alert', async () => {
-		const resMessage = service.switchOff2FA('123456').toPromise();
-
-		const req = httpMock.expectOne(`/user/otp/disable`);
-		expect(req.request.method).toBe('POST');
-		expect(req.request.body).toEqual({ otpToken: '123456' });
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await resMessage;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-	});
-
-	it('should call deleteAccount', () => {
-		let isDeleteuserCalled = false;
-		const metadata = {
-			reason: 'missing-features',
-			message: 'i want to add tables',
-		};
-		const requestResponse = true;
-
-		service.deleteAccount(metadata).subscribe((_res) => {
-			// expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('You account has been deleted.');
-			isDeleteuserCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/user/delete`);
-		expect(req.request.method).toBe('PUT');
-		req.flush(requestResponse);
-
-		expect(isDeleteuserCalled).toBe(true);
-		expect(routerSpy.navigate).toHaveBeenCalledWith(['/deleted']);
-	});
-
-	it('should fall for deleteAccount and show Error alert', async () => {
-		const metadata = {
-			reason: 'missing-features',
-			message: 'i want to add tables',
-		};
-
-		const resMessage = service.deleteAccount(metadata).toPromise();
-
-		const req = httpMock.expectOne(`/user/delete`);
-		expect(req.request.method).toBe('PUT');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await resMessage;
-
-		expect(fakeNotifications.showAlert).toHaveBeenCalledWith(
-			AlertType.Error,
-			{ abstract: fakeError.message, details: fakeError.originalMessage },
-			[
-				expect.objectContaining({
-					type: AlertActionType.Button,
-					caption: 'Dismiss',
-				}),
-			],
-		);
-	});
-});
diff --git a/frontend/src/app/services/user.service.ts b/frontend/src/app/services/user.service.ts
deleted file mode 100644
index d6eeb4f71..000000000
--- a/frontend/src/app/services/user.service.ts
+++ /dev/null
@@ -1,329 +0,0 @@
-import { HttpClient } from '@angular/common/http';
-import { Injectable } from '@angular/core';
-import { Router } from '@angular/router';
-import { BehaviorSubject, EMPTY, throwError } from 'rxjs';
-import { catchError, map } from 'rxjs/operators';
-import { AlertActionType, AlertType } from '../models/alert';
-import { CompanyMemberRole } from '../models/company';
-import { ApiKey, SubscriptionPlans, User } from '../models/user';
-import { NotificationsService } from './notifications.service';
-
-@Injectable({
-	providedIn: 'root',
-})
-export class UserService {
-	public initialUserState: User = {
-		id: '',
-		isActive: false,
-		email: '',
-		createdAt: '',
-		subscriptionLevel: SubscriptionPlans.free,
-		is_2fa_enabled: false,
-		role: CompanyMemberRole.Member,
-		externalRegistrationProvider: null,
-		company: {
-			id: '',
-		},
-	};
-
-	private user = new BehaviorSubject<any>(this.initialUserState);
-	public cast = this.user.asObservable();
-
-	constructor(
-		private _http: HttpClient,
-		private _notifications: NotificationsService,
-		public router: Router,
-	) {}
-
-	get user$() {
-		return this.user.asObservable();
-	}
-
-	fetchUser() {
-		return this._http.get<any>('/user').pipe(
-			map((res) => {
-				console.log(res);
-				this.user.next(res);
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-
-	sendUserAction(message: string) {
-		return this._http.post<any>('/action', { message: message }).pipe(
-			map((res) => res),
-			catchError((err) => {
-				console.log(err);
-				return EMPTY;
-			}),
-		);
-	}
-
-	requestEmailChange() {
-		return this._http.get<any>(`/user/email/change/request`).pipe(
-			map((res) => {
-				this._notifications.showAlert(AlertType.Info, 'Link has been sent to your email. Please check it.', [
-					{
-						type: AlertActionType.Button,
-						caption: 'Dismiss',
-						action: (_id: number) => this._notifications.dismissAlert(),
-					},
-				]);
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	changeEmail(token: string, newEmail: string) {
-		return this._http.post<any>(`/user/email/change/verify/${token}`, { email: newEmail }).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('You email has been changed successfully.');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	requestPasswordReset(email: string, companyId: string) {
-		return this._http.post<any>(`/user/password/reset/request`, { email, companyId }).pipe(
-			map((res) => {
-				this._notifications.showAlert(AlertType.Success, 'Check your email.', [
-					{
-						type: AlertActionType.Button,
-						caption: 'Dismiss',
-						action: (_id: number) => this._notifications.dismissAlert(),
-					},
-				]);
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	resetPassword(token: string, newPassword: string) {
-		return this._http.post<any>(`/user/password/reset/verify/${token}`, { password: newPassword }).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('Your password has been reset successfully.');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	changePassword(oldPassword: string, newPassword: string, email: string) {
-		return this._http.post<any>(`/user/password/change/`, { email, oldPassword, newPassword }).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('Your password has been changed successfully.');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	changeUserName(userName: string) {
-		return this._http.put<any>(`/user/name`, { name: userName }).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('Your name has been changed successfully.');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-
-	switchOn2FA() {
-		return this._http.post<any>('/user/otp/generate', {}).pipe(
-			map((res) => {
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-
-	confirm2FA(code: string) {
-		return this._http.post<any>('/user/otp/verify', { otpToken: code }).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('2FA is turned on successfully.');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return throwError(() => new Error(err.error?.message || err.message));
-			}),
-		);
-	}
-
-	switchOff2FA(code: string) {
-		return this._http.post<any>('/user/otp/disable', { otpToken: code }).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar('2FA is turned off successfully.');
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-
-	getAPIkeys() {
-		return this._http.get<any>(`/apikeys`).pipe(
-			map((res) => {
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-
-	generateAPIkey(title: string) {
-		return this._http.post<any>('/apikey', { title }).pipe(
-			map((res) => {
-				this._notifications.showSuccessSnackbar(`${title} key is generated successfully.`);
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-
-	deleteAPIkey(apiKey: ApiKey) {
-		return this._http.delete<any>(`/apikey/${apiKey.id}`).pipe(
-			map((res) => {
-				// this.user.next('delete api key');
-				this._notifications.showSuccessSnackbar(`${apiKey.title} API key is deleted successfully.`);
-				return res;
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-
-	deleteAccount(metadata) {
-		return this._http.put<any>(`/user/delete`, metadata).pipe(
-			map(() => {
-				this.user.next('delete');
-				this.router.navigate(['/deleted']);
-			}),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showAlert(
-					AlertType.Error,
-					{ abstract: err.error?.message || err.message, details: err.error?.originalMessage },
-					[
-						{
-							type: AlertActionType.Button,
-							caption: 'Dismiss',
-							action: (_id: number) => this._notifications.dismissAlert(),
-						},
-					],
-				);
-				return EMPTY;
-			}),
-		);
-	}
-}
diff --git a/frontend/src/app/services/users.service.spec.ts b/frontend/src/app/services/users.service.spec.ts
deleted file mode 100644
index d07f29d2b..000000000
--- a/frontend/src/app/services/users.service.spec.ts
+++ /dev/null
@@ -1,400 +0,0 @@
-import { provideHttpClient } from '@angular/common/http';
-import { HttpTestingController, provideHttpClientTesting } from '@angular/common/http/testing';
-import { TestBed } from '@angular/core/testing';
-import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { provideRouter } from '@angular/router';
-import { AccessLevel } from '../models/user';
-import { ApiService } from './api.service';
-import { NotificationsService } from './notifications.service';
-import { UsersService } from './users.service';
-
-describe('UsersService', () => {
-	let service: UsersService;
-	let httpMock: HttpTestingController;
-	let fakeNotifications: { showErrorSnackbar: ReturnType<typeof vi.fn>; showSuccessSnackbar: ReturnType<typeof vi.fn> };
-	let mockApi: {
-		resource: ReturnType<typeof vi.fn>;
-		get: ReturnType<typeof vi.fn>;
-		post: ReturnType<typeof vi.fn>;
-		put: ReturnType<typeof vi.fn>;
-		delete: ReturnType<typeof vi.fn>;
-	};
-
-	const groupNetwork = {
-		title: 'Managers',
-		users: [
-			{
-				id: '83f35e11-6499-470e-9ccb-08b6d9393943',
-				createdAt: '2021-07-21T14:35:17.270Z',
-				gclid: null,
-				isActive: true,
-			},
-		],
-		id: '1c042912-326d-4fc5-bb0c-10da88dd37c4',
-		isMain: false,
-	};
-
-	const permissionsNetwork = {
-		connection: {
-			connectionId: '75b0574a-9fc5-4472-90e1-5c030b0b28b5',
-			accessLevel: 'readonly',
-		},
-		group: {
-			groupId: '1c042912-326d-4fc5-bb0c-10da88dd37c4',
-			accessLevel: 'edit',
-		},
-		tables: [
-			{
-				tableName: 'TOYS_TEST',
-				accessLevel: {
-					visibility: true,
-					readonly: true,
-					add: false,
-					delete: false,
-					edit: false,
-				},
-			},
-			{
-				tableName: 'PRODUCTS_TEST',
-				accessLevel: {
-					visibility: true,
-					readonly: false,
-					add: true,
-					delete: false,
-					edit: true,
-				},
-			},
-		],
-	};
-
-	const permissionsApp = {
-		connection: {
-			accessLevel: AccessLevel.Readonly,
-			connectionId: '75b0574a-9fc5-4472-90e1-5c030b0b28b5',
-		},
-		group: {
-			accessLevel: AccessLevel.Edit,
-			groupId: '1c042912-326d-4fc5-bb0c-10da88dd37c4',
-		},
-		tables: [
-			{
-				accessLevel: {
-					add: false,
-					delete: false,
-					edit: false,
-					readonly: true,
-					visibility: true,
-				},
-				tableName: 'TOYS_TEST',
-				display_name: 'Toys tests',
-			},
-			{
-				accessLevel: {
-					add: true,
-					delete: false,
-					edit: true,
-					readonly: false,
-					visibility: true,
-				},
-				tableName: 'PRODUCTS_TEST',
-				display_name: 'Product tests',
-			},
-		],
-	};
-
-	const fakeError = {
-		message: 'Connection error',
-		statusCode: 400,
-		type: 'no_master_key',
-	};
-
-	beforeEach(() => {
-		fakeNotifications = {
-			showErrorSnackbar: vi.fn(),
-			showSuccessSnackbar: vi.fn(),
-		};
-
-		mockApi = {
-			resource: vi.fn().mockReturnValue({
-				value: () => undefined,
-				isLoading: () => false,
-				error: () => null,
-				reload: vi.fn(),
-			}),
-			get: vi.fn(),
-			post: vi.fn(),
-			put: vi.fn(),
-			delete: vi.fn(),
-		};
-
-		TestBed.configureTestingModule({
-			imports: [MatSnackBarModule],
-			providers: [
-				provideHttpClient(),
-				provideHttpClientTesting(),
-				provideRouter([]),
-				{ provide: NotificationsService, useValue: fakeNotifications },
-				{ provide: ApiService, useValue: mockApi },
-			],
-		});
-
-		service = TestBed.inject(UsersService);
-		httpMock = TestBed.inject(HttpTestingController);
-	});
-
-	it('should be created', () => {
-		expect(service).toBeTruthy();
-	});
-
-	// Signal-based service tests
-
-	it('should set active connection', () => {
-		service.setActiveConnection('conn-123');
-		expect(mockApi.resource).toHaveBeenCalled();
-	});
-
-	it('should create group via ApiService', async () => {
-		mockApi.post.mockResolvedValue(groupNetwork);
-
-		const result = await service.createGroup('12345678', 'Managers');
-
-		expect(mockApi.post).toHaveBeenCalledWith(
-			'/connection/group/12345678',
-			{ title: 'Managers' },
-			{ successMessage: 'Group of users has been created.' },
-		);
-		expect(result).toEqual(groupNetwork);
-		expect(service.groupsUpdated()).toBe('group-added');
-	});
-
-	it('should delete group via ApiService', async () => {
-		mockApi.delete.mockResolvedValue({});
-
-		await service.deleteGroup('group12345678');
-
-		expect(mockApi.delete).toHaveBeenCalledWith('/group/group12345678', { successMessage: 'Group has been removed.' });
-		expect(service.groupsUpdated()).toBe('group-deleted');
-	});
-
-	it('should edit group name via ApiService', async () => {
-		mockApi.put.mockResolvedValue({});
-
-		await service.editGroupName('group-id', 'New Title');
-
-		expect(mockApi.put).toHaveBeenCalledWith(
-			'/group/title',
-			{ title: 'New Title', groupId: 'group-id' },
-			{ successMessage: 'Group name has been updated.' },
-		);
-		expect(service.groupsUpdated()).toBe('group-renamed');
-	});
-
-	it('should save cedar policy via ApiService', async () => {
-		mockApi.post.mockResolvedValue({});
-
-		await service.saveCedarPolicy('conn-123', 'group-123', 'permit(...)');
-
-		expect(mockApi.post).toHaveBeenCalledWith(
-			'/connection/cedar-policy/conn-123',
-			{ cedarPolicy: 'permit(...)', groupId: 'group-123' },
-			{ successMessage: 'Policy has been saved.' },
-		);
-		expect(service.groupsUpdated()).toBe('policy-saved');
-	});
-
-	it('should add group user via ApiService', async () => {
-		mockApi.put.mockResolvedValue({});
-
-		await service.addGroupUser('group12345678', 'eric.cartman@south.park');
-
-		expect(mockApi.put).toHaveBeenCalledWith(
-			'/group/user',
-			{ email: 'eric.cartman@south.park', groupId: 'group12345678' },
-			{ successMessage: 'User has been added to group.' },
-		);
-		expect(service.groupsUpdated()).toBe('user-added');
-	});
-
-	it('should delete group user via ApiService', async () => {
-		mockApi.put.mockResolvedValue({});
-
-		await service.deleteGroupUser('eric.cartman@south.park', 'group12345678');
-
-		expect(mockApi.put).toHaveBeenCalledWith(
-			'/group/user/delete',
-			{ email: 'eric.cartman@south.park', groupId: 'group12345678' },
-			{ successMessage: 'User has been removed from group.' },
-		);
-		expect(service.groupsUpdated()).toBe('user-deleted');
-	});
-
-	it('should fetch group users and update signal', async () => {
-		const mockUsers = [{ id: 'user-1', createdAt: '', gclid: null, isActive: true, email: 'a@b.com' }];
-		mockApi.get.mockResolvedValue(mockUsers);
-
-		const result = await service.fetchGroupUsers('group-123');
-
-		expect(mockApi.get).toHaveBeenCalledWith('/group/users/group-123');
-		expect(result).toEqual(mockUsers);
-		expect(service.groupUsers()['group-123']).toEqual(mockUsers);
-	});
-
-	it('should set group users to empty when no users returned', async () => {
-		mockApi.get.mockResolvedValue([]);
-
-		await service.fetchGroupUsers('group-123');
-
-		expect(service.groupUsers()['group-123']).toBe('empty');
-	});
-
-	it('should clear groups updated signal', () => {
-		service.clearGroupsUpdated();
-		expect(service.groupsUpdated()).toBe('');
-	});
-
-	// Legacy Observable method tests
-
-	it('should call fetchConnectionUsers', () => {
-		let isSubscribeCalled = false;
-		const usersNetwork = [
-			{
-				id: '83f35e11-6499-470e-9ccb-08b6d9393943',
-				isActive: true,
-				email: 'lyubov+fghj@voloshko.com',
-				createdAt: '2021-07-21T14:35:17.270Z',
-			},
-		];
-
-		service.fetchConnectionUsers('12345678').subscribe((res) => {
-			expect(res).toEqual(usersNetwork);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/connection/users/12345678`);
-		expect(req.request.method).toBe('GET');
-		req.flush(usersNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fail fetchConnectionUsers and show Error snackbar', async () => {
-		const fetchConnectionUsers = service.fetchConnectionUsers('12345678').toPromise();
-
-		const req = httpMock.expectOne(`/connection/users/12345678`);
-		expect(req.request.method).toBe('GET');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await fetchConnectionUsers;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-	});
-
-	it('should call fetchPermission', () => {
-		let isSubscribeCalled = false;
-
-		service.fetchPermission('12345678', 'group12345678').subscribe((res) => {
-			expect(res).toEqual(permissionsNetwork);
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/connection/permissions?connectionId=12345678&groupId=group12345678`);
-		expect(req.request.method).toBe('GET');
-		req.flush(permissionsNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fail fetchPermission and show Error snackbar', async () => {
-		const fetchPermission = service.fetchPermission('12345678', 'group12345678').toPromise();
-
-		const req = httpMock.expectOne(`/connection/permissions?connectionId=12345678&groupId=group12345678`);
-		expect(req.request.method).toBe('GET');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await fetchPermission;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-	});
-
-	it('should call updatePermission and show Success snackbar', () => {
-		let isSubscribeCalled = false;
-
-		service.updatePermission('12345678', permissionsApp).subscribe((_res) => {
-			expect(fakeNotifications.showSuccessSnackbar).toHaveBeenCalledWith('Permissions have been updated successfully.');
-			isSubscribeCalled = true;
-		});
-
-		const req = httpMock.expectOne(`/permissions/1c042912-326d-4fc5-bb0c-10da88dd37c4?connectionId=12345678`);
-		expect(req.request.method).toBe('PUT');
-		expect(req.request.body).toEqual({ permissions: permissionsApp });
-		req.flush(permissionsNetwork);
-
-		expect(isSubscribeCalled).toBe(true);
-	});
-
-	it('should fail updatePermission and show Error snackbar', async () => {
-		const updatePermission = service.updatePermission('12345678', permissionsApp).toPromise();
-
-		const req = httpMock.expectOne(`/permissions/1c042912-326d-4fc5-bb0c-10da88dd37c4?connectionId=12345678`);
-		expect(req.request.method).toBe('PUT');
-		req.flush(fakeError, { status: 400, statusText: '' });
-		await updatePermission;
-
-		expect(fakeNotifications.showErrorSnackbar).toHaveBeenCalledWith(fakeError.message);
-	});
-
-	describe('public permissions', () => {
-		// ApiService.resource is mocked, so the request factories it was handed are never run.
-		// Pull them back out and exercise the one that owns the public-permissions URL.
-		function publicPermissionsUrl(): string | undefined {
-			for (const [request] of mockApi.resource.mock.calls) {
-				const url = request();
-				if (typeof url === 'string' && url.includes('/connection/public-permissions/')) return url;
-			}
-			return undefined;
-		}
-
-		it('should not request public permissions until opted in', () => {
-			service.setActiveConnection('conn-a');
-
-			expect(publicPermissionsUrl()).toBeUndefined();
-		});
-
-		it('should request public permissions once opted in for the active connection', () => {
-			service.setActiveConnection('conn-a');
-			service.loadPublicPermissions('conn-a');
-
-			expect(publicPermissionsUrl()).toBe('/connection/public-permissions/conn-a');
-		});
-
-		it('should not carry the opt-in over to another connection', () => {
-			service.setActiveConnection('conn-a');
-			service.loadPublicPermissions('conn-a');
-			service.setActiveConnection('conn-b');
-
-			expect(publicPermissionsUrl()).toBeUndefined();
-		});
-
-		it('should save public permissions via ApiService', async () => {
-			mockApi.put.mockResolvedValue({ enabled: true, tables: [{ tableName: 'users' }] });
-
-			await service.savePublicPermissions('conn-a', [{ tableName: 'users', readableColumns: ['id', 'name'] }]);
-
-			expect(mockApi.put).toHaveBeenCalledWith(
-				'/connection/public-permissions/conn-a',
-				{ tables: [{ tableName: 'users', readableColumns: ['id', 'name'] }] },
-				{ successMessage: 'Public access has been updated.' },
-			);
-		});
-
-		it('should send an empty table list to disable public access', async () => {
-			mockApi.put.mockResolvedValue({ enabled: false, tables: [] });
-
-			await service.savePublicPermissions('conn-a', []);
-
-			expect(mockApi.put).toHaveBeenCalledWith(
-				'/connection/public-permissions/conn-a',
-				{ tables: [] },
-				{ successMessage: 'Public access has been updated.' },
-			);
-		});
-	});
-});
diff --git a/frontend/src/app/services/users.service.ts b/frontend/src/app/services/users.service.ts
deleted file mode 100644
index 44406f2e5..000000000
--- a/frontend/src/app/services/users.service.ts
+++ /dev/null
@@ -1,259 +0,0 @@
-import { HttpClient, HttpResourceRef } from '@angular/common/http';
-import { computed, Injectable, inject, signal } from '@angular/core';
-import { catchError, EMPTY, map } from 'rxjs';
-import { PolicyAction, PolicyActionGroup } from 'src/app/lib/cedar-policy-items';
-import { groupNameForAction, PERMISSION_GROUP_ORDER } from 'src/app/lib/permission-display';
-import {
-	GroupUser,
-	Permissions,
-	PublicPermissions,
-	PublicTablePermission,
-	UserGroup,
-	UserGroupInfo,
-} from 'src/app/models/user';
-import { ApiService } from './api.service';
-import { AuthService } from './auth.service';
-import { NotificationsService } from './notifications.service';
-
-export type GroupUpdateEvent =
-	| 'group-added'
-	| 'group-deleted'
-	| 'group-renamed'
-	| 'policy-saved'
-	| 'user-added'
-	| 'user-deleted'
-	| '';
-
-@Injectable({
-	providedIn: 'root',
-})
-export class UsersService {
-	private _api = inject(ApiService);
-	private _auth = inject(AuthService);
-	private _http = inject(HttpClient);
-	private _notifications = inject(NotificationsService);
-
-	// Reactive groups fetching
-	private _activeConnectionId = signal<string | null>(null);
-
-	private _groupsUpdated = signal<GroupUpdateEvent>('');
-	public readonly groupsUpdated = this._groupsUpdated.asReadonly();
-
-	private _groupsResource: HttpResourceRef<UserGroupInfo[] | undefined> = this._api.resource<UserGroupInfo[]>(() => {
-		const id = this._activeConnectionId();
-		if (!id) return undefined;
-		return `/connection/groups/${id}`;
-	});
-
-	public readonly groups = computed(() => {
-		const raw = this._groupsResource.value() ?? [];
-		return [...raw].sort((a, b) => {
-			if (a.group.title === 'Admin') return -1;
-			if (b.group.title === 'Admin') return 1;
-			return 0;
-		});
-	});
-	public readonly groupsLoading = computed(() => this._groupsResource.isLoading());
-
-	private _availablePermissionsResource: HttpResourceRef<{ actions: PolicyAction[] } | undefined> = this._api.resource<{
-		actions: PolicyAction[];
-	}>(() => (this._auth.isAuthenticated() ? '/permissions/available' : undefined));
-
-	public readonly availablePermissions = computed<PolicyAction[]>(
-		() => this._availablePermissionsResource.value()?.actions ?? [],
-	);
-
-	public readonly availablePermissionGroups = computed<PolicyActionGroup[]>(() => {
-		const byGroup = new Map<string, PolicyAction[]>();
-		for (const action of this.availablePermissions()) {
-			const groupName = groupNameForAction(action.value);
-			const list = byGroup.get(groupName);
-			if (list) list.push(action);
-			else byGroup.set(groupName, [action]);
-		}
-		return PERMISSION_GROUP_ORDER.filter((name) => byGroup.has(name)).map((name) => ({
-			group: name,
-			actions: byGroup.get(name)!,
-		}));
-	});
-
-	// Public (unauthenticated) access. The endpoint is connection:edit guarded, while
-	// setActiveConnection is called for every URL carrying a connection id — so the request is
-	// gated on an explicit opt-in to keep it off pages where the user may lack that permission.
-	// The opt-in names its connection, so navigating to a different one does not refire the
-	// request against a connection the user may not administer.
-	private _publicPermissionsFor = signal<string | null>(null);
-
-	private _publicPermissionsResource: HttpResourceRef<PublicPermissions | undefined> =
-		this._api.resource<PublicPermissions>(() => {
-			const id = this._activeConnectionId();
-			if (!id || this._publicPermissionsFor() !== id) return undefined;
-			return `/connection/public-permissions/${id}`;
-		});
-
-	public readonly publicPermissions = computed<PublicPermissions>(
-		() => this._publicPermissionsResource.value() ?? { enabled: false, tables: [] },
-	);
-	public readonly publicPermissionsLoading = computed(() => this._publicPermissionsResource.isLoading());
-
-	// Group users - managed imperatively (per-group parallel fetch)
-	private _groupUsers = signal<Record<string, GroupUser[] | 'empty'>>({});
-	public readonly groupUsers = this._groupUsers.asReadonly();
-
-	setActiveConnection(id: string): void {
-		this._activeConnectionId.set(id);
-	}
-
-	refreshGroups(): void {
-		this._groupsResource.reload();
-	}
-
-	clearGroupsUpdated(): void {
-		this._groupsUpdated.set('');
-	}
-
-	loadPublicPermissions(connectionId: string): void {
-		this._publicPermissionsFor.set(connectionId);
-	}
-
-	async savePublicPermissions(connectionId: string, tables: PublicTablePermission[]): Promise<void> {
-		await this._api.put(
-			`/connection/public-permissions/${connectionId}`,
-			{ tables },
-			{
-				successMessage: 'Public access has been updated.',
-			},
-		);
-		this._publicPermissionsResource.reload();
-	}
-
-	async fetchGroupUsers(groupId: string): Promise<GroupUser[]> {
-		const users = await this._api.get<GroupUser[]>(`/group/users/${groupId}`);
-		const result = users ?? [];
-		this._groupUsers.update((current) => ({
-			...current,
-			[groupId]: result.length ? result : 'empty',
-		}));
-		return result;
-	}
-
-	async fetchAllGroupUsers(groups: UserGroupInfo[]): Promise<void> {
-		await Promise.all(groups.map((g) => this.fetchGroupUsers(g.group.id)));
-	}
-
-	// Mutations
-	async createGroup(connectionId: string, title: string): Promise<UserGroup | null> {
-		const group = await this._api.post<UserGroup>(
-			`/connection/group/${connectionId}`,
-			{ title },
-			{
-				successMessage: 'Group of users has been created.',
-			},
-		);
-		if (group) this._groupsUpdated.set('group-added');
-		return group;
-	}
-
-	async deleteGroup(groupId: string): Promise<void> {
-		await this._api.delete(`/group/${groupId}`, {
-			successMessage: 'Group has been removed.',
-		});
-		this._groupsUpdated.set('group-deleted');
-	}
-
-	async editGroupName(groupId: string, title: string): Promise<void> {
-		await this._api.put(
-			'/group/title',
-			{ title, groupId },
-			{
-				successMessage: 'Group name has been updated.',
-			},
-		);
-		this._groupsUpdated.set('group-renamed');
-	}
-
-	async saveCedarPolicy(connectionId: string, groupId: string, cedarPolicy: string): Promise<void> {
-		await this._api.post(
-			`/connection/cedar-policy/${connectionId}`,
-			{ cedarPolicy, groupId },
-			{
-				successMessage: 'Policy has been saved.',
-			},
-		);
-		this.refreshGroups();
-		this._groupsUpdated.set('policy-saved');
-	}
-
-	async addGroupUser(groupId: string, email: string): Promise<void> {
-		await this._api.put(
-			'/group/user',
-			{ email, groupId },
-			{
-				successMessage: 'User has been added to group.',
-			},
-		);
-		this._groupsUpdated.set('user-added');
-	}
-
-	async deleteGroupUser(email: string, groupId: string): Promise<void> {
-		await this._api.put(
-			'/group/user/delete',
-			{ email, groupId },
-			{
-				successMessage: 'User has been removed from group.',
-			},
-		);
-		this._groupsUpdated.set('user-deleted');
-	}
-
-	// Legacy Observable methods (kept for AuditComponent + permissions UI)
-	fetchConnectionUsers(connectionID: string) {
-		return this._http.get<any>(`/connection/users/${connectionID}`).pipe(
-			map((res) => res),
-			catchError((err) => {
-				console.log(err);
-				this._notifications.showErrorSnackbar(err.error?.message || err.message);
-				return EMPTY;
-			}),
-		);
-	}
-
-	fetchPermission(connectionID: string, groupID: string) {
-		return this._http
-			.get<any>(`/connection/permissions`, {
-				params: {
-					connectionId: `${connectionID}`,
-					groupId: `${groupID}`,
-				},
-			})
-			.pipe(
-				map((res) => res),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showErrorSnackbar(err.error?.message || err.message);
-					return EMPTY;
-				}),
-			);
-	}
-
-	updatePermission(connectionID: string, permissions: Permissions) {
-		return this._http
-			.put<any>(
-				`/permissions/${permissions.group.groupId}`,
-				{ permissions },
-				{
-					params: { connectionId: connectionID },
-				},
-			)
-			.pipe(
-				map(() => {
-					this._notifications.showSuccessSnackbar('Permissions have been updated successfully.');
-				}),
-				catchError((err) => {
-					console.log(err);
-					this._notifications.showErrorSnackbar(err.error?.message || err.message);
-					return EMPTY;
-				}),
-			);
-	}
-}
diff --git a/frontend/src/app/services/view-as.service.spec.ts b/frontend/src/app/services/view-as.service.spec.ts
deleted file mode 100644
index 72fa8a29e..000000000
--- a/frontend/src/app/services/view-as.service.spec.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-import { Location } from '@angular/common';
-import { TestBed } from '@angular/core/testing';
-import { NavigationEnd, Router } from '@angular/router';
-import { Subject } from 'rxjs';
-import { ViewAsService } from './view-as.service';
-
-describe('ViewAsService', () => {
-	let routerEvents$: Subject<unknown>;
-	let queryParamValue: string | null;
-	let routerStub: {
-		events: Subject<unknown>;
-		routerState: { snapshot: { root: { queryParamMap: { get: (key: string) => string | null } } } };
-		url: string;
-		navigate: ReturnType<typeof vi.fn>;
-	};
-	let locationStub: { replaceState: ReturnType<typeof vi.fn> };
-
-	function setup(initialUrl: string, initialViewAs: string | null = null): ViewAsService {
-		queryParamValue = initialViewAs;
-		routerEvents$ = new Subject<unknown>();
-		routerStub = {
-			events: routerEvents$,
-			routerState: {
-				snapshot: {
-					root: {
-						queryParamMap: {
-							get: (key: string) => (key === 'viewAs' ? queryParamValue : null),
-						},
-					},
-				},
-			},
-			url: initialUrl,
-			navigate: vi.fn(),
-		};
-		locationStub = { replaceState: vi.fn() };
-
-		TestBed.configureTestingModule({
-			providers: [
-				ViewAsService,
-				{ provide: Router, useValue: routerStub },
-				{ provide: Location, useValue: locationStub },
-			],
-		});
-
-		return TestBed.inject(ViewAsService);
-	}
-
-	function emitNavigationEnd(url: string, newViewAs: string | null) {
-		queryParamValue = newViewAs;
-		routerStub.url = url;
-		routerEvents$.next(new NavigationEnd(1, url, url));
-	}
-
-	it('reads initial viewAs from the current URL on construction', () => {
-		const service = setup('/permissions/abc?viewAs=group-1', 'group-1');
-		expect(service.viewAsGroupId()).toBe('group-1');
-		expect(service.isActive()).toBe(true);
-	});
-
-	it('starts inactive when no viewAs param is present', () => {
-		const service = setup('/permissions/abc');
-		expect(service.viewAsGroupId()).toBe(null);
-		expect(service.isActive()).toBe(false);
-	});
-
-	it('updates the signal when a NavigationEnd delivers a new viewAs', () => {
-		const service = setup('/permissions/abc');
-		emitNavigationEnd('/dashboard/abc?viewAs=group-2', 'group-2');
-		expect(service.viewAsGroupId()).toBe('group-2');
-	});
-
-	it('re-injects viewAs into the URL via Location.replaceState when navigation drops it', () => {
-		const service = setup('/permissions/abc?viewAs=group-1', 'group-1');
-		expect(service.viewAsGroupId()).toBe('group-1');
-
-		emitNavigationEnd('/dashboard/abc', null);
-
-		expect(locationStub.replaceState).toHaveBeenCalledOnce();
-		const urlArg = locationStub.replaceState.mock.calls[0][0] as string;
-		expect(urlArg).toContain('/dashboard/abc');
-		expect(urlArg).toContain('viewAs=group-1');
-		// Signal stays set — we are persisting it across navigation
-		expect(service.viewAsGroupId()).toBe('group-1');
-	});
-
-	it('preserves existing query params when re-injecting viewAs', () => {
-		setup('/?viewAs=group-1', 'group-1');
-
-		emitNavigationEnd('/dashboard/abc?page=2', null);
-
-		expect(locationStub.replaceState).toHaveBeenCalledOnce();
-		const urlArg = locationStub.replaceState.mock.calls[0][0] as string;
-		expect(urlArg).toContain('page=2');
-		expect(urlArg).toContain('viewAs=group-1');
-	});
-
-	it('does not call replaceState when both signal and URL are empty', () => {
-		setup('/permissions/abc');
-		emitNavigationEnd('/dashboard/abc', null);
-		expect(locationStub.replaceState).not.toHaveBeenCalled();
-	});
-
-	it('clearViewAs resets the signal and routes to drop the param', () => {
-		const service = setup('/permissions/abc?viewAs=group-1', 'group-1');
-
-		service.clearViewAs();
-
-		expect(service.viewAsGroupId()).toBe(null);
-		expect(routerStub.navigate).toHaveBeenCalledWith(
-			[],
-			expect.objectContaining({
-				queryParams: { viewAs: null },
-				queryParamsHandling: 'merge',
-				replaceUrl: true,
-			}),
-		);
-	});
-});
diff --git a/frontend/src/app/services/view-as.service.ts b/frontend/src/app/services/view-as.service.ts
deleted file mode 100644
index 80bb242fd..000000000
--- a/frontend/src/app/services/view-as.service.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { Location } from '@angular/common';
-import { computed, Injectable, inject, signal } from '@angular/core';
-import { NavigationEnd, Router } from '@angular/router';
-import { filter } from 'rxjs';
-
-const VIEW_AS_PARAM = 'viewAs';
-
-@Injectable({ providedIn: 'root' })
-export class ViewAsService {
-	private _router = inject(Router);
-	private _location = inject(Location);
-
-	private _viewAsGroupId = signal<string | null>(null);
-
-	public readonly viewAsGroupId = this._viewAsGroupId.asReadonly();
-	public readonly isActive = computed(() => !!this._viewAsGroupId());
-
-	constructor() {
-		// Initial read on construction (handles deep links / new tabs)
-		const initial = this._readFromCurrentUrl();
-		if (initial) this._viewAsGroupId.set(initial);
-
-		// Keep signal and URL in sync after every navigation
-		this._router.events.pipe(filter((e): e is NavigationEnd => e instanceof NavigationEnd)).subscribe(() => {
-			const fromUrl = this._readFromCurrentUrl();
-			const fromSignal = this._viewAsGroupId();
-
-			if (fromUrl) {
-				if (fromUrl !== fromSignal) this._viewAsGroupId.set(fromUrl);
-				return;
-			}
-
-			if (fromSignal) {
-				// URL was navigated without viewAs but we want to persist it.
-				// Inject the param back into the URL silently (no new navigation).
-				this._location.replaceState(this._appendParam(this._router.url, VIEW_AS_PARAM, fromSignal));
-			}
-		});
-	}
-
-	clearViewAs(): void {
-		this._viewAsGroupId.set(null);
-		this._router.navigate([], {
-			queryParams: { [VIEW_AS_PARAM]: null },
-			queryParamsHandling: 'merge',
-			replaceUrl: true,
-		});
-	}
-
-	private _readFromCurrentUrl(): string | null {
-		return this._router.routerState.snapshot.root.queryParamMap.get(VIEW_AS_PARAM);
-	}
-
-	private _appendParam(url: string, key: string, value: string): string {
-		const [path, query = ''] = url.split('?');
-		const params = new URLSearchParams(query);
-		params.set(key, value);
-		return `${path}?${params.toString()}`;
-	}
-}
diff --git a/frontend/src/app/testing/code-editor.mock.ts b/frontend/src/app/testing/code-editor.mock.ts
deleted file mode 100644
index ba659302b..000000000
--- a/frontend/src/app/testing/code-editor.mock.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-
-/**
- * Mock component for ngs-code-editor from @ngstack/code-editor.
- *
- * Usage in tests:
- * ```typescript
- * import { MockCodeEditorComponent } from 'src/app/testing/code-editor.mock';
- * import { CodeEditorModule } from '@ngstack/code-editor';
- * import { NO_ERRORS_SCHEMA } from '@angular/core';
- *
- * await TestBed.configureTestingModule({
- *   imports: [YourComponent, BrowserAnimationsModule],
- * })
- * .overrideComponent(YourComponent, {
- *   remove: { imports: [CodeEditorModule] },
- *   add: { imports: [MockCodeEditorComponent], schemas: [NO_ERRORS_SCHEMA] }
- * })
- * .compileComponents();
- * ```
- */
-@Component({
-	selector: 'ngs-code-editor',
-	template: '<div class="mock-code-editor"></div>',
-	standalone: true,
-})
-export class MockCodeEditorComponent {
-	@Input() theme: string = 'vs';
-	@Input() codeModel: any;
-	@Input() options: any;
-	@Input() readOnly: boolean = false;
-	@Output() valueChanged = new EventEmitter<string>();
-}
diff --git a/frontend/src/app/types/turnstile.d.ts b/frontend/src/app/types/turnstile.d.ts
deleted file mode 100644
index 15e4a2a50..000000000
--- a/frontend/src/app/types/turnstile.d.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-export interface TurnstileOptions {
-	sitekey: string;
-	callback?: (token: string) => void;
-	'error-callback'?: () => void;
-	'expired-callback'?: () => void;
-	theme?: 'light' | 'dark' | 'auto';
-	appearance?: 'always' | 'execute' | 'interaction-only';
-	size?: 'normal' | 'compact';
-}
-
-export interface TurnstileInstance {
-	render: (container: string | HTMLElement, options: TurnstileOptions) => string;
-	reset: (widgetId?: string) => void;
-	getResponse: (widgetId?: string) => string | undefined;
-	remove: (widgetId?: string) => void;
-}
-
-declare global {
-	interface Window {
-		turnstile?: TurnstileInstance;
-	}
-}
diff --git a/frontend/src/app/validators/base64.validator.ts b/frontend/src/app/validators/base64.validator.ts
deleted file mode 100644
index e7c9925e5..000000000
--- a/frontend/src/app/validators/base64.validator.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
-
-export function base64Validation(): ValidatorFn {
-	return (control: AbstractControl): ValidationErrors | null => {
-		if (!control.value) return null;
-		const value = String(control.value);
-		const base64Regex = /^[A-Za-z0-9+/]*={0,2}$/;
-		if (value.length % 4 !== 0 || !base64Regex.test(value)) return { isInvalidBase64: true };
-		return null;
-	};
-}
diff --git a/frontend/src/app/validators/connection-string.validator.ts b/frontend/src/app/validators/connection-string.validator.ts
deleted file mode 100644
index d2aeec84c..000000000
--- a/frontend/src/app/validators/connection-string.validator.ts
+++ /dev/null
@@ -1,131 +0,0 @@
-import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
-import { ConnectionStringParser } from 'connection-string-parser';
-import { DBtype } from '../models/connection';
-
-export interface ParsedConnectionString {
-	dbType: DBtype;
-	host: string;
-	port: string;
-	username: string;
-	password: string;
-	database: string;
-	authSource?: string;
-	schema?: string;
-	ssl?: boolean;
-}
-
-const schemeToDbType: Record<string, DBtype> = {
-	mysql: DBtype.MySQL,
-	mariadb: DBtype.MySQL,
-	postgres: DBtype.Postgres,
-	postgresql: DBtype.Postgres,
-	mongodb: DBtype.Mongo,
-	'mongodb+srv': DBtype.Mongo,
-	mssql: DBtype.MSSQL,
-	sqlserver: DBtype.MSSQL,
-	oracle: DBtype.Oracle,
-	oracledb: DBtype.Oracle,
-	cassandra: DBtype.Cassandra,
-	redis: DBtype.Redis,
-	rediss: DBtype.Redis,
-	elasticsearch: DBtype.Elasticsearch,
-	clickhouse: DBtype.ClickHouse,
-};
-
-const defaultPorts: Record<DBtype, string> = {
-	[DBtype.MySQL]: '3306',
-	[DBtype.Postgres]: '5432',
-	[DBtype.Oracle]: '1521',
-	[DBtype.MSSQL]: '1433',
-	[DBtype.Mongo]: '27017',
-	[DBtype.Dynamo]: '',
-	[DBtype.Cassandra]: '9042',
-	[DBtype.Redis]: '6379',
-	[DBtype.Elasticsearch]: '9200',
-	[DBtype.ClickHouse]: '8443',
-};
-
-export function parseConnectionString(connectionString: string): ParsedConnectionString {
-	const schemeMatch = connectionString.match(/^([a-zA-Z][a-zA-Z0-9+.-]*):\/\//);
-	if (!schemeMatch) {
-		throw new Error('invalidFormat');
-	}
-
-	const scheme = schemeMatch[1].toLowerCase();
-	const dbType = schemeToDbType[scheme];
-	if (!dbType) {
-		throw new Error('unsupportedScheme');
-	}
-
-	const parser = new ConnectionStringParser({ scheme, hosts: [] });
-	const parsed = parser.parse(connectionString);
-
-	const result: ParsedConnectionString = {
-		dbType,
-		host: '',
-		port: defaultPorts[dbType],
-		username: '',
-		password: '',
-		database: '',
-	};
-
-	if (parsed.hosts?.length > 0) {
-		result.host = parsed.hosts[0].host || '';
-		if (parsed.hosts[0].port) {
-			result.port = String(parsed.hosts[0].port);
-		}
-	}
-
-	if (parsed.username) {
-		result.username = decodeURIComponent(parsed.username);
-	}
-
-	if (parsed.password) {
-		result.password = decodeURIComponent(parsed.password);
-	}
-
-	if (parsed.endpoint) {
-		result.database = parsed.endpoint;
-	}
-
-	if (parsed.options) {
-		if (parsed.options.authSource) {
-			result.authSource = parsed.options.authSource;
-		}
-		if (parsed.options.schema) {
-			result.schema = parsed.options.schema;
-		}
-		if (
-			parsed.options.ssl === 'true' ||
-			parsed.options.sslmode === 'require' ||
-			parsed.options.sslmode === 'verify-full'
-		) {
-			result.ssl = true;
-		}
-	}
-
-	return result;
-}
-
-export function connectionStringValidation(): ValidatorFn {
-	return (control: AbstractControl): ValidationErrors | null => {
-		const value = control.value as string;
-		if (!value || !value.trim()) {
-			return null;
-		}
-
-		try {
-			parseConnectionString(value);
-			return null;
-		} catch (e) {
-			if (e.message === 'invalidFormat') {
-				return { invalidConnectionStringFormat: true };
-			}
-			if (e.message === 'unsupportedScheme') {
-				const schemeMatch = value.match(/^([a-zA-Z][a-zA-Z0-9+.-]*):/);
-				return { unsupportedScheme: schemeMatch?.[1] || true };
-			}
-			return { invalidConnectionString: true };
-		}
-	};
-}
diff --git a/frontend/src/app/validators/email.validator.ts b/frontend/src/app/validators/email.validator.ts
deleted file mode 100644
index 1f1e90c99..000000000
--- a/frontend/src/app/validators/email.validator.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
-
-export function emailValidation(): ValidatorFn {
-	return (control: AbstractControl): ValidationErrors | null => {
-		if (control.value) {
-			const emailRegex =
-				/(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/;
-			if (!emailRegex.test(control.value)) return { isInvalidEmail: true };
-			// don't make return if valid! or return null
-		}
-	};
-}
diff --git a/frontend/src/app/validators/hex.validator.ts b/frontend/src/app/validators/hex.validator.ts
deleted file mode 100644
index 8f6d49048..000000000
--- a/frontend/src/app/validators/hex.validator.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
-
-export function hexValidation(): ValidatorFn {
-	return (control: AbstractControl): ValidationErrors | null => {
-		if (control.value) {
-			const hexRegex = /^[-+]?[0-9A-Fa-f]+\.?[0-9A-Fa-f]*?$/;
-			if (!hexRegex.test(control.value) || !(control.value.length % 2 === 0)) return { isInvalidHex: true };
-			// don't make return if valid! or return null
-		}
-	};
-}
diff --git a/frontend/src/app/validators/hostname.validator.ts b/frontend/src/app/validators/hostname.validator.ts
deleted file mode 100644
index 11451448a..000000000
--- a/frontend/src/app/validators/hostname.validator.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
-import * as ipaddr from 'ipaddr.js';
-import isFQDN from 'validator/es/lib/isFQDN';
-import isIP from 'validator/es/lib/isIP';
-import { DBtype } from '../models/connection';
-
-const PRIVATE_RANGES = new Set(['private', 'loopback', 'linkLocal', 'unspecified', 'carrierGradeNat', 'uniqueLocal']);
-
-function isPrivateIP(ip: string): boolean {
-	try {
-		return PRIVATE_RANGES.has(ipaddr.process(ip).range());
-	} catch {
-		return false;
-	}
-}
-
-export function hostnameValidation(dbType: DBtype): ValidatorFn {
-	return (control: AbstractControl): ValidationErrors | null => {
-		if (control.value) {
-			let hostname = control.value as string;
-
-			if (dbType === 'dynamodb') {
-				if (!hostname.startsWith('https://')) {
-					return { missingHttps: true };
-				}
-
-				hostname = hostname.replace(/^https:\/\//, '');
-			}
-
-			if (dbType === 'mongodb') {
-				hostname = hostname.replace(/^mongodb\+srv:\/\//, '');
-			}
-
-			if (control.value === 'localhost' || (isIP(control.value) && isPrivateIP(control.value)))
-				return { isLocalhost: true };
-			if (!(isIP(hostname) || isFQDN(hostname))) return { isInvalidHostname: true };
-		}
-	};
-}
diff --git a/frontend/src/app/validators/password.validator.ts b/frontend/src/app/validators/password.validator.ts
deleted file mode 100644
index 6f3497d1f..000000000
--- a/frontend/src/app/validators/password.validator.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
-
-export function passwordValidation(): ValidatorFn {
-	return (control: AbstractControl): ValidationErrors | null => {
-		if (control.value != null && control.value !== '') {
-			let errors = {} as any;
-
-			errors.oneUpperCaseLetter = /[A-Z]/.test(control.value);
-			errors.oneNumber = /[0-9]/.test(control.value);
-			errors.oneLowerCaseLetter = /[a-z]/.test(control.value);
-			errors.min8 = control.value.length >= 8;
-
-			if (errors.oneUpperCaseLetter && errors.oneNumber && errors.oneLowerCaseLetter && errors.min8) {
-				return null; // return null if valid!
-			} else {
-				return errors;
-			}
-		}
-	};
-}
diff --git a/frontend/src/app/validators/text.validator.ts b/frontend/src/app/validators/text.validator.ts
deleted file mode 100644
index a6ed2db71..000000000
--- a/frontend/src/app/validators/text.validator.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
-import * as validator from 'validator';
-
-export function textValidation(validateType: string, regexPattern: string): ValidatorFn {
-	return (control: AbstractControl): ValidationErrors | null => {
-		if (!control.value || control.value === '') {
-			return null;
-		}
-
-		if (!validateType) {
-			return null;
-		}
-
-		const stringValue = String(control.value);
-
-		// Special case for regex validation
-		if (validateType === 'regex') {
-			if (!regexPattern) {
-				return null;
-			}
-			try {
-				const regex = new RegExp(regexPattern);
-				if (!regex.test(stringValue)) {
-					return { invalidPattern: true };
-				}
-			} catch (error) {
-				console.warn('Invalid regex pattern:', error);
-				return null;
-			}
-			return null;
-		}
-
-		// Check if validator has this method
-		// biome-ignore lint: it is expected to import all exports of validator
-		const validatorMethod = validator[validateType];
-		if (typeof validatorMethod !== 'function') {
-			console.warn(`Unknown validator method: ${validateType}`);
-			return null;
-		}
-
-		try {
-			// Call the validator method
-			const isValid = validatorMethod(stringValue);
-			if (!isValid) {
-				return { [`invalid${validateType}`]: true };
-			}
-		} catch (error) {
-			console.warn(`Validation error for ${validateType}:`, error);
-			return null;
-		}
-
-		return null;
-	};
-}
diff --git a/frontend/src/app/validators/url.validator.ts b/frontend/src/app/validators/url.validator.ts
deleted file mode 100644
index 49a5cd7b5..000000000
--- a/frontend/src/app/validators/url.validator.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
-
-export function urlValidation(prefix: string = ''): ValidatorFn {
-	return (control: AbstractControl): ValidationErrors | null => {
-		if (control.value) {
-			let url = control.value as string;
-
-			// If there's a prefix, prepend it to the URL for validation
-			const fullUrl = prefix ? prefix + url : url;
-
-			try {
-				new URL(fullUrl);
-			} catch (_e) {
-				return { isInvalidURL: true };
-			}
-		}
-		return null;
-	};
-}
diff --git a/frontend/src/app/version.ts b/frontend/src/app/version.ts
deleted file mode 100644
index fdb12fe4e..000000000
--- a/frontend/src/app/version.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// This file is auto-generated during build
-export const version = '1.0.0';
diff --git a/frontend-vue/src/assets/base.css b/frontend/src/assets/base.css
similarity index 100%
rename from frontend-vue/src/assets/base.css
rename to frontend/src/assets/base.css
diff --git a/frontend-vue/src/assets/theme.css b/frontend/src/assets/theme.css
similarity index 100%
rename from frontend-vue/src/assets/theme.css
rename to frontend/src/assets/theme.css
diff --git a/frontend-vue/src/components/app/AppHeader.spec.ts b/frontend/src/components/app/AppHeader.spec.ts
similarity index 100%
rename from frontend-vue/src/components/app/AppHeader.spec.ts
rename to frontend/src/components/app/AppHeader.spec.ts
diff --git a/frontend-vue/src/components/app/AppHeader.vue b/frontend/src/components/app/AppHeader.vue
similarity index 100%
rename from frontend-vue/src/components/app/AppHeader.vue
rename to frontend/src/components/app/AppHeader.vue
diff --git a/frontend-vue/src/components/app/AppNavDrawer.vue b/frontend/src/components/app/AppNavDrawer.vue
similarity index 100%
rename from frontend-vue/src/components/app/AppNavDrawer.vue
rename to frontend/src/components/app/AppNavDrawer.vue
diff --git a/frontend-vue/src/components/app/AppSnackbars.spec.ts b/frontend/src/components/app/AppSnackbars.spec.ts
similarity index 100%
rename from frontend-vue/src/components/app/AppSnackbars.spec.ts
rename to frontend/src/components/app/AppSnackbars.spec.ts
diff --git a/frontend-vue/src/components/app/AppSnackbars.vue b/frontend/src/components/app/AppSnackbars.vue
similarity index 100%
rename from frontend-vue/src/components/app/AppSnackbars.vue
rename to frontend/src/components/app/AppSnackbars.vue
diff --git a/frontend-vue/src/components/app/FeatureNotification.vue b/frontend/src/components/app/FeatureNotification.vue
similarity index 100%
rename from frontend-vue/src/components/app/FeatureNotification.vue
rename to frontend/src/components/app/FeatureNotification.vue
diff --git a/frontend-vue/src/components/app/ViewAsBanner.vue b/frontend/src/components/app/ViewAsBanner.vue
similarity index 100%
rename from frontend-vue/src/components/app/ViewAsBanner.vue
rename to frontend/src/components/app/ViewAsBanner.vue
diff --git a/frontend-vue/src/components/app/navigation.ts b/frontend/src/components/app/navigation.ts
similarity index 100%
rename from frontend-vue/src/components/app/navigation.ts
rename to frontend/src/components/app/navigation.ts
diff --git a/frontend-vue/src/components/audit/AuditInfoDialog.spec.ts b/frontend/src/components/audit/AuditInfoDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/audit/AuditInfoDialog.spec.ts
rename to frontend/src/components/audit/AuditInfoDialog.spec.ts
diff --git a/frontend-vue/src/components/audit/AuditInfoDialog.vue b/frontend/src/components/audit/AuditInfoDialog.vue
similarity index 100%
rename from frontend-vue/src/components/audit/AuditInfoDialog.vue
rename to frontend/src/components/audit/AuditInfoDialog.vue
diff --git a/frontend-vue/src/components/audit/useAuditLog.ts b/frontend/src/components/audit/useAuditLog.ts
similarity index 100%
rename from frontend-vue/src/components/audit/useAuditLog.ts
rename to frontend/src/components/audit/useAuditLog.ts
diff --git a/frontend-vue/src/components/auth/AuthHeader.vue b/frontend/src/components/auth/AuthHeader.vue
similarity index 100%
rename from frontend-vue/src/components/auth/AuthHeader.vue
rename to frontend/src/components/auth/AuthHeader.vue
diff --git a/frontend-vue/src/components/auth/PasswordStrength.spec.ts b/frontend/src/components/auth/PasswordStrength.spec.ts
similarity index 100%
rename from frontend-vue/src/components/auth/PasswordStrength.spec.ts
rename to frontend/src/components/auth/PasswordStrength.spec.ts
diff --git a/frontend-vue/src/components/auth/PasswordStrength.vue b/frontend/src/components/auth/PasswordStrength.vue
similarity index 100%
rename from frontend-vue/src/components/auth/PasswordStrength.vue
rename to frontend/src/components/auth/PasswordStrength.vue
diff --git a/frontend-vue/src/components/auth/TurnstileWidget.spec.ts b/frontend/src/components/auth/TurnstileWidget.spec.ts
similarity index 100%
rename from frontend-vue/src/components/auth/TurnstileWidget.spec.ts
rename to frontend/src/components/auth/TurnstileWidget.spec.ts
diff --git a/frontend-vue/src/components/auth/TurnstileWidget.vue b/frontend/src/components/auth/TurnstileWidget.vue
similarity index 100%
rename from frontend-vue/src/components/auth/TurnstileWidget.vue
rename to frontend/src/components/auth/TurnstileWidget.vue
diff --git a/frontend-vue/src/components/auth/UserPassword.spec.ts b/frontend/src/components/auth/UserPassword.spec.ts
similarity index 100%
rename from frontend-vue/src/components/auth/UserPassword.spec.ts
rename to frontend/src/components/auth/UserPassword.spec.ts
diff --git a/frontend-vue/src/components/auth/UserPassword.vue b/frontend/src/components/auth/UserPassword.vue
similarity index 100%
rename from frontend-vue/src/components/auth/UserPassword.vue
rename to frontend/src/components/auth/UserPassword.vue
diff --git a/frontend-vue/src/components/auth/analytics.ts b/frontend/src/components/auth/analytics.ts
similarity index 100%
rename from frontend-vue/src/components/auth/analytics.ts
rename to frontend/src/components/auth/analytics.ts
diff --git a/frontend-vue/src/components/auth/validity.ts b/frontend/src/components/auth/validity.ts
similarity index 100%
rename from frontend-vue/src/components/auth/validity.ts
rename to frontend/src/components/auth/validity.ts
diff --git a/frontend-vue/src/components/charts/ChartAdvancedOptions.vue b/frontend/src/components/charts/ChartAdvancedOptions.vue
similarity index 100%
rename from frontend-vue/src/components/charts/ChartAdvancedOptions.vue
rename to frontend/src/components/charts/ChartAdvancedOptions.vue
diff --git a/frontend-vue/src/components/charts/ChartDeleteDialog.spec.ts b/frontend/src/components/charts/ChartDeleteDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/charts/ChartDeleteDialog.spec.ts
rename to frontend/src/components/charts/ChartDeleteDialog.spec.ts
diff --git a/frontend-vue/src/components/charts/ChartDeleteDialog.vue b/frontend/src/components/charts/ChartDeleteDialog.vue
similarity index 100%
rename from frontend-vue/src/components/charts/ChartDeleteDialog.vue
rename to frontend/src/components/charts/ChartDeleteDialog.vue
diff --git a/frontend-vue/src/components/charts/ChartPreview.spec.ts b/frontend/src/components/charts/ChartPreview.spec.ts
similarity index 100%
rename from frontend-vue/src/components/charts/ChartPreview.spec.ts
rename to frontend/src/components/charts/ChartPreview.spec.ts
diff --git a/frontend-vue/src/components/charts/ChartPreview.vue b/frontend/src/components/charts/ChartPreview.vue
similarity index 100%
rename from frontend-vue/src/components/charts/ChartPreview.vue
rename to frontend/src/components/charts/ChartPreview.vue
diff --git a/frontend-vue/src/components/charts/ChartSeriesEditor.vue b/frontend/src/components/charts/ChartSeriesEditor.vue
similarity index 100%
rename from frontend-vue/src/components/charts/ChartSeriesEditor.vue
rename to frontend/src/components/charts/ChartSeriesEditor.vue
diff --git a/frontend-vue/src/components/charts/__tests__/chart-stub.ts b/frontend/src/components/charts/__tests__/chart-stub.ts
similarity index 100%
rename from frontend-vue/src/components/charts/__tests__/chart-stub.ts
rename to frontend/src/components/charts/__tests__/chart-stub.ts
diff --git a/frontend-vue/src/components/charts/chartEditor.spec.ts b/frontend/src/components/charts/chartEditor.spec.ts
similarity index 100%
rename from frontend-vue/src/components/charts/chartEditor.spec.ts
rename to frontend/src/components/charts/chartEditor.spec.ts
diff --git a/frontend-vue/src/components/charts/chartEditor.ts b/frontend/src/components/charts/chartEditor.ts
similarity index 100%
rename from frontend-vue/src/components/charts/chartEditor.ts
rename to frontend/src/components/charts/chartEditor.ts
diff --git a/frontend-vue/src/components/charts/chartjs.ts b/frontend/src/components/charts/chartjs.ts
similarity index 100%
rename from frontend-vue/src/components/charts/chartjs.ts
rename to frontend/src/components/charts/chartjs.ts
diff --git a/frontend-vue/src/components/company/CompanyMemberAccess.vue b/frontend/src/components/company/CompanyMemberAccess.vue
similarity index 100%
rename from frontend-vue/src/components/company/CompanyMemberAccess.vue
rename to frontend/src/components/company/CompanyMemberAccess.vue
diff --git a/frontend-vue/src/components/company/CompanyRoleMenu.vue b/frontend/src/components/company/CompanyRoleMenu.vue
similarity index 100%
rename from frontend-vue/src/components/company/CompanyRoleMenu.vue
rename to frontend/src/components/company/CompanyRoleMenu.vue
diff --git a/frontend-vue/src/components/company/DeleteDomainDialog.spec.ts b/frontend/src/components/company/DeleteDomainDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/company/DeleteDomainDialog.spec.ts
rename to frontend/src/components/company/DeleteDomainDialog.spec.ts
diff --git a/frontend-vue/src/components/company/DeleteDomainDialog.vue b/frontend/src/components/company/DeleteDomainDialog.vue
similarity index 100%
rename from frontend-vue/src/components/company/DeleteDomainDialog.vue
rename to frontend/src/components/company/DeleteDomainDialog.vue
diff --git a/frontend-vue/src/components/company/DeleteMemberDialog.spec.ts b/frontend/src/components/company/DeleteMemberDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/company/DeleteMemberDialog.spec.ts
rename to frontend/src/components/company/DeleteMemberDialog.spec.ts
diff --git a/frontend-vue/src/components/company/DeleteMemberDialog.vue b/frontend/src/components/company/DeleteMemberDialog.vue
similarity index 100%
rename from frontend-vue/src/components/company/DeleteMemberDialog.vue
rename to frontend/src/components/company/DeleteMemberDialog.vue
diff --git a/frontend-vue/src/components/company/InviteMemberDialog.spec.ts b/frontend/src/components/company/InviteMemberDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/company/InviteMemberDialog.spec.ts
rename to frontend/src/components/company/InviteMemberDialog.spec.ts
diff --git a/frontend-vue/src/components/company/InviteMemberDialog.vue b/frontend/src/components/company/InviteMemberDialog.vue
similarity index 100%
rename from frontend-vue/src/components/company/InviteMemberDialog.vue
rename to frontend/src/components/company/InviteMemberDialog.vue
diff --git a/frontend-vue/src/components/company/RevokeInvitationDialog.spec.ts b/frontend/src/components/company/RevokeInvitationDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/company/RevokeInvitationDialog.spec.ts
rename to frontend/src/components/company/RevokeInvitationDialog.spec.ts
diff --git a/frontend-vue/src/components/company/RevokeInvitationDialog.vue b/frontend/src/components/company/RevokeInvitationDialog.vue
similarity index 100%
rename from frontend-vue/src/components/company/RevokeInvitationDialog.vue
rename to frontend/src/components/company/RevokeInvitationDialog.vue
diff --git a/frontend-vue/src/components/company/companyRoles.ts b/frontend/src/components/company/companyRoles.ts
similarity index 100%
rename from frontend-vue/src/components/company/companyRoles.ts
rename to frontend/src/components/company/companyRoles.ts
diff --git a/frontend-vue/src/components/connections/DbConnectionConfirmDialog.spec.ts b/frontend/src/components/connections/DbConnectionConfirmDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/connections/DbConnectionConfirmDialog.spec.ts
rename to frontend/src/components/connections/DbConnectionConfirmDialog.spec.ts
diff --git a/frontend-vue/src/components/connections/DbConnectionConfirmDialog.vue b/frontend/src/components/connections/DbConnectionConfirmDialog.vue
similarity index 100%
rename from frontend-vue/src/components/connections/DbConnectionConfirmDialog.vue
rename to frontend/src/components/connections/DbConnectionConfirmDialog.vue
diff --git a/frontend-vue/src/components/connections/DbConnectionDeleteDialog.spec.ts b/frontend/src/components/connections/DbConnectionDeleteDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/connections/DbConnectionDeleteDialog.spec.ts
rename to frontend/src/components/connections/DbConnectionDeleteDialog.spec.ts
diff --git a/frontend-vue/src/components/connections/DbConnectionDeleteDialog.vue b/frontend/src/components/connections/DbConnectionDeleteDialog.vue
similarity index 100%
rename from frontend-vue/src/components/connections/DbConnectionDeleteDialog.vue
rename to frontend/src/components/connections/DbConnectionDeleteDialog.vue
diff --git a/frontend-vue/src/components/connections/DbConnectionIpAccessDialog.spec.ts b/frontend/src/components/connections/DbConnectionIpAccessDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/connections/DbConnectionIpAccessDialog.spec.ts
rename to frontend/src/components/connections/DbConnectionIpAccessDialog.spec.ts
diff --git a/frontend-vue/src/components/connections/DbConnectionIpAccessDialog.vue b/frontend/src/components/connections/DbConnectionIpAccessDialog.vue
similarity index 100%
rename from frontend-vue/src/components/connections/DbConnectionIpAccessDialog.vue
rename to frontend/src/components/connections/DbConnectionIpAccessDialog.vue
diff --git a/frontend-vue/src/components/connections/MasterEncryptionPassword.spec.ts b/frontend/src/components/connections/MasterEncryptionPassword.spec.ts
similarity index 100%
rename from frontend-vue/src/components/connections/MasterEncryptionPassword.spec.ts
rename to frontend/src/components/connections/MasterEncryptionPassword.spec.ts
diff --git a/frontend-vue/src/components/connections/MasterEncryptionPassword.vue b/frontend/src/components/connections/MasterEncryptionPassword.vue
similarity index 100%
rename from frontend-vue/src/components/connections/MasterEncryptionPassword.vue
rename to frontend/src/components/connections/MasterEncryptionPassword.vue
diff --git a/frontend-vue/src/components/connections/OwnConnections.spec.ts b/frontend/src/components/connections/OwnConnections.spec.ts
similarity index 100%
rename from frontend-vue/src/components/connections/OwnConnections.spec.ts
rename to frontend/src/components/connections/OwnConnections.spec.ts
diff --git a/frontend-vue/src/components/connections/OwnConnections.vue b/frontend/src/components/connections/OwnConnections.vue
similarity index 100%
rename from frontend-vue/src/components/connections/OwnConnections.vue
rename to frontend/src/components/connections/OwnConnections.vue
diff --git a/frontend-vue/src/components/connections/analytics.ts b/frontend/src/components/connections/analytics.ts
similarity index 100%
rename from frontend-vue/src/components/connections/analytics.ts
rename to frontend/src/components/connections/analytics.ts
diff --git a/frontend-vue/src/components/connections/autoConfigureMessages.spec.ts b/frontend/src/components/connections/autoConfigureMessages.spec.ts
similarity index 100%
rename from frontend-vue/src/components/connections/autoConfigureMessages.spec.ts
rename to frontend/src/components/connections/autoConfigureMessages.spec.ts
diff --git a/frontend-vue/src/components/connections/autoConfigureMessages.ts b/frontend/src/components/connections/autoConfigureMessages.ts
similarity index 100%
rename from frontend-vue/src/components/connections/autoConfigureMessages.ts
rename to frontend/src/components/connections/autoConfigureMessages.ts
diff --git a/frontend-vue/src/components/connections/credentials/CassandraCredentialsForm.vue b/frontend/src/components/connections/credentials/CassandraCredentialsForm.vue
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/CassandraCredentialsForm.vue
rename to frontend/src/components/connections/credentials/CassandraCredentialsForm.vue
diff --git a/frontend-vue/src/components/connections/credentials/ClickhouseCredentialsForm.vue b/frontend/src/components/connections/credentials/ClickhouseCredentialsForm.vue
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/ClickhouseCredentialsForm.vue
rename to frontend/src/components/connections/credentials/ClickhouseCredentialsForm.vue
diff --git a/frontend-vue/src/components/connections/credentials/CredentialsAdvancedSettings.vue b/frontend/src/components/connections/credentials/CredentialsAdvancedSettings.vue
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/CredentialsAdvancedSettings.vue
rename to frontend/src/components/connections/credentials/CredentialsAdvancedSettings.vue
diff --git a/frontend-vue/src/components/connections/credentials/CredentialsField.vue b/frontend/src/components/connections/credentials/CredentialsField.vue
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/CredentialsField.vue
rename to frontend/src/components/connections/credentials/CredentialsField.vue
diff --git a/frontend-vue/src/components/connections/credentials/CredentialsForms.spec.ts b/frontend/src/components/connections/credentials/CredentialsForms.spec.ts
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/CredentialsForms.spec.ts
rename to frontend/src/components/connections/credentials/CredentialsForms.spec.ts
diff --git a/frontend-vue/src/components/connections/credentials/CredentialsHostField.vue b/frontend/src/components/connections/credentials/CredentialsHostField.vue
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/CredentialsHostField.vue
rename to frontend/src/components/connections/credentials/CredentialsHostField.vue
diff --git a/frontend-vue/src/components/connections/credentials/CredentialsPasswordField.vue b/frontend/src/components/connections/credentials/CredentialsPasswordField.vue
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/CredentialsPasswordField.vue
rename to frontend/src/components/connections/credentials/CredentialsPasswordField.vue
diff --git a/frontend-vue/src/components/connections/credentials/CredentialsTextField.vue b/frontend/src/components/connections/credentials/CredentialsTextField.vue
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/CredentialsTextField.vue
rename to frontend/src/components/connections/credentials/CredentialsTextField.vue
diff --git a/frontend-vue/src/components/connections/credentials/DynamodbCredentialsForm.vue b/frontend/src/components/connections/credentials/DynamodbCredentialsForm.vue
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/DynamodbCredentialsForm.vue
rename to frontend/src/components/connections/credentials/DynamodbCredentialsForm.vue
diff --git a/frontend-vue/src/components/connections/credentials/ElasticCredentialsForm.vue b/frontend/src/components/connections/credentials/ElasticCredentialsForm.vue
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/ElasticCredentialsForm.vue
rename to frontend/src/components/connections/credentials/ElasticCredentialsForm.vue
diff --git a/frontend-vue/src/components/connections/credentials/MongodbCredentialsForm.vue b/frontend/src/components/connections/credentials/MongodbCredentialsForm.vue
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/MongodbCredentialsForm.vue
rename to frontend/src/components/connections/credentials/MongodbCredentialsForm.vue
diff --git a/frontend-vue/src/components/connections/credentials/MssqlCredentialsForm.vue b/frontend/src/components/connections/credentials/MssqlCredentialsForm.vue
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/MssqlCredentialsForm.vue
rename to frontend/src/components/connections/credentials/MssqlCredentialsForm.vue
diff --git a/frontend-vue/src/components/connections/credentials/MysqlCredentialsForm.vue b/frontend/src/components/connections/credentials/MysqlCredentialsForm.vue
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/MysqlCredentialsForm.vue
rename to frontend/src/components/connections/credentials/MysqlCredentialsForm.vue
diff --git a/frontend-vue/src/components/connections/credentials/OracledbCredentialsForm.vue b/frontend/src/components/connections/credentials/OracledbCredentialsForm.vue
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/OracledbCredentialsForm.vue
rename to frontend/src/components/connections/credentials/OracledbCredentialsForm.vue
diff --git a/frontend-vue/src/components/connections/credentials/PostgresCredentialsForm.vue b/frontend/src/components/connections/credentials/PostgresCredentialsForm.vue
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/PostgresCredentialsForm.vue
rename to frontend/src/components/connections/credentials/PostgresCredentialsForm.vue
diff --git a/frontend-vue/src/components/connections/credentials/RedisCredentialsForm.vue b/frontend/src/components/connections/credentials/RedisCredentialsForm.vue
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/RedisCredentialsForm.vue
rename to frontend/src/components/connections/credentials/RedisCredentialsForm.vue
diff --git a/frontend-vue/src/components/connections/credentials/credentialsForm.ts b/frontend/src/components/connections/credentials/credentialsForm.ts
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/credentialsForm.ts
rename to frontend/src/components/connections/credentials/credentialsForm.ts
diff --git a/frontend-vue/src/components/connections/credentials/fieldPresets.ts b/frontend/src/components/connections/credentials/fieldPresets.ts
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/fieldPresets.ts
rename to frontend/src/components/connections/credentials/fieldPresets.ts
diff --git a/frontend-vue/src/components/connections/credentials/index.ts b/frontend/src/components/connections/credentials/index.ts
similarity index 100%
rename from frontend-vue/src/components/connections/credentials/index.ts
rename to frontend/src/components/connections/credentials/index.ts
diff --git a/frontend-vue/src/components/connections/dbLogos.ts b/frontend/src/components/connections/dbLogos.ts
similarity index 100%
rename from frontend-vue/src/components/connections/dbLogos.ts
rename to frontend/src/components/connections/dbLogos.ts
diff --git a/frontend-vue/src/components/connections/dialogTestUtils.ts b/frontend/src/components/connections/dialogTestUtils.ts
similarity index 100%
rename from frontend-vue/src/components/connections/dialogTestUtils.ts
rename to frontend/src/components/connections/dialogTestUtils.ts
diff --git a/frontend-vue/src/components/connections/dialogs.ts b/frontend/src/components/connections/dialogs.ts
similarity index 100%
rename from frontend-vue/src/components/connections/dialogs.ts
rename to frontend/src/components/connections/dialogs.ts
diff --git a/frontend-vue/src/components/connections/provider.spec.ts b/frontend/src/components/connections/provider.spec.ts
similarity index 100%
rename from frontend-vue/src/components/connections/provider.spec.ts
rename to frontend/src/components/connections/provider.spec.ts
diff --git a/frontend-vue/src/components/connections/provider.ts b/frontend/src/components/connections/provider.ts
similarity index 100%
rename from frontend-vue/src/components/connections/provider.ts
rename to frontend/src/components/connections/provider.ts
diff --git a/frontend-vue/src/components/dashboard/ActionLinkDialog.vue b/frontend/src/components/dashboard/ActionLinkDialog.vue
similarity index 100%
rename from frontend-vue/src/components/dashboard/ActionLinkDialog.vue
rename to frontend/src/components/dashboard/ActionLinkDialog.vue
diff --git a/frontend-vue/src/components/dashboard/BulkActionConfirmationDialog.vue b/frontend/src/components/dashboard/BulkActionConfirmationDialog.vue
similarity index 100%
rename from frontend-vue/src/components/dashboard/BulkActionConfirmationDialog.vue
rename to frontend/src/components/dashboard/BulkActionConfirmationDialog.vue
diff --git a/frontend-vue/src/components/dashboard/ColumnsList.vue b/frontend/src/components/dashboard/ColumnsList.vue
similarity index 100%
rename from frontend-vue/src/components/dashboard/ColumnsList.vue
rename to frontend/src/components/dashboard/ColumnsList.vue
diff --git a/frontend-vue/src/components/dashboard/FolderDeleteDialog.vue b/frontend/src/components/dashboard/FolderDeleteDialog.vue
similarity index 100%
rename from frontend-vue/src/components/dashboard/FolderDeleteDialog.vue
rename to frontend/src/components/dashboard/FolderDeleteDialog.vue
diff --git a/frontend-vue/src/components/dashboard/FolderEditDialog.vue b/frontend/src/components/dashboard/FolderEditDialog.vue
similarity index 100%
rename from frontend-vue/src/components/dashboard/FolderEditDialog.vue
rename to frontend/src/components/dashboard/FolderEditDialog.vue
diff --git a/frontend-vue/src/components/dashboard/SavedFiltersDialog.helpers.ts b/frontend/src/components/dashboard/SavedFiltersDialog.helpers.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/SavedFiltersDialog.helpers.ts
rename to frontend/src/components/dashboard/SavedFiltersDialog.helpers.ts
diff --git a/frontend-vue/src/components/dashboard/SavedFiltersDialog.spec.ts b/frontend/src/components/dashboard/SavedFiltersDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/SavedFiltersDialog.spec.ts
rename to frontend/src/components/dashboard/SavedFiltersDialog.spec.ts
diff --git a/frontend-vue/src/components/dashboard/SavedFiltersDialog.vue b/frontend/src/components/dashboard/SavedFiltersDialog.vue
similarity index 100%
rename from frontend-vue/src/components/dashboard/SavedFiltersDialog.vue
rename to frontend/src/components/dashboard/SavedFiltersDialog.vue
diff --git a/frontend-vue/src/components/dashboard/SavedFiltersPanel.helpers.ts b/frontend/src/components/dashboard/SavedFiltersPanel.helpers.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/SavedFiltersPanel.helpers.ts
rename to frontend/src/components/dashboard/SavedFiltersPanel.helpers.ts
diff --git a/frontend-vue/src/components/dashboard/SavedFiltersPanel.spec.ts b/frontend/src/components/dashboard/SavedFiltersPanel.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/SavedFiltersPanel.spec.ts
rename to frontend/src/components/dashboard/SavedFiltersPanel.spec.ts
diff --git a/frontend-vue/src/components/dashboard/SavedFiltersPanel.vue b/frontend/src/components/dashboard/SavedFiltersPanel.vue
similarity index 100%
rename from frontend-vue/src/components/dashboard/SavedFiltersPanel.vue
rename to frontend/src/components/dashboard/SavedFiltersPanel.vue
diff --git a/frontend-vue/src/components/dashboard/TableAiPanel.helpers.ts b/frontend/src/components/dashboard/TableAiPanel.helpers.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableAiPanel.helpers.ts
rename to frontend/src/components/dashboard/TableAiPanel.helpers.ts
diff --git a/frontend-vue/src/components/dashboard/TableAiPanel.spec.ts b/frontend/src/components/dashboard/TableAiPanel.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableAiPanel.spec.ts
rename to frontend/src/components/dashboard/TableAiPanel.spec.ts
diff --git a/frontend-vue/src/components/dashboard/TableAiPanel.vue b/frontend/src/components/dashboard/TableAiPanel.vue
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableAiPanel.vue
rename to frontend/src/components/dashboard/TableAiPanel.vue
diff --git a/frontend-vue/src/components/dashboard/TableExportDialog.helpers.ts b/frontend/src/components/dashboard/TableExportDialog.helpers.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableExportDialog.helpers.ts
rename to frontend/src/components/dashboard/TableExportDialog.helpers.ts
diff --git a/frontend-vue/src/components/dashboard/TableExportDialog.spec.ts b/frontend/src/components/dashboard/TableExportDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableExportDialog.spec.ts
rename to frontend/src/components/dashboard/TableExportDialog.spec.ts
diff --git a/frontend-vue/src/components/dashboard/TableExportDialog.vue b/frontend/src/components/dashboard/TableExportDialog.vue
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableExportDialog.vue
rename to frontend/src/components/dashboard/TableExportDialog.vue
diff --git a/frontend-vue/src/components/dashboard/TableFiltersDialog.helpers.ts b/frontend/src/components/dashboard/TableFiltersDialog.helpers.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableFiltersDialog.helpers.ts
rename to frontend/src/components/dashboard/TableFiltersDialog.helpers.ts
diff --git a/frontend-vue/src/components/dashboard/TableFiltersDialog.spec.ts b/frontend/src/components/dashboard/TableFiltersDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableFiltersDialog.spec.ts
rename to frontend/src/components/dashboard/TableFiltersDialog.spec.ts
diff --git a/frontend-vue/src/components/dashboard/TableFiltersDialog.vue b/frontend/src/components/dashboard/TableFiltersDialog.vue
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableFiltersDialog.vue
rename to frontend/src/components/dashboard/TableFiltersDialog.vue
diff --git a/frontend-vue/src/components/dashboard/TableImportDialog.spec.ts b/frontend/src/components/dashboard/TableImportDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableImportDialog.spec.ts
rename to frontend/src/components/dashboard/TableImportDialog.spec.ts
diff --git a/frontend-vue/src/components/dashboard/TableImportDialog.vue b/frontend/src/components/dashboard/TableImportDialog.vue
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableImportDialog.vue
rename to frontend/src/components/dashboard/TableImportDialog.vue
diff --git a/frontend-vue/src/components/dashboard/TableRowView.spec.ts b/frontend/src/components/dashboard/TableRowView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableRowView.spec.ts
rename to frontend/src/components/dashboard/TableRowView.spec.ts
diff --git a/frontend-vue/src/components/dashboard/TableRowView.vue b/frontend/src/components/dashboard/TableRowView.vue
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableRowView.vue
rename to frontend/src/components/dashboard/TableRowView.vue
diff --git a/frontend-vue/src/components/dashboard/TableSheet.vue b/frontend/src/components/dashboard/TableSheet.vue
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableSheet.vue
rename to frontend/src/components/dashboard/TableSheet.vue
diff --git a/frontend-vue/src/components/dashboard/TableView.spec.ts b/frontend/src/components/dashboard/TableView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableView.spec.ts
rename to frontend/src/components/dashboard/TableView.spec.ts
diff --git a/frontend-vue/src/components/dashboard/TableView.vue b/frontend/src/components/dashboard/TableView.vue
similarity index 100%
rename from frontend-vue/src/components/dashboard/TableView.vue
rename to frontend/src/components/dashboard/TableView.vue
diff --git a/frontend-vue/src/components/dashboard/TablesList.spec.ts b/frontend/src/components/dashboard/TablesList.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/TablesList.spec.ts
rename to frontend/src/components/dashboard/TablesList.spec.ts
diff --git a/frontend-vue/src/components/dashboard/TablesList.vue b/frontend/src/components/dashboard/TablesList.vue
similarity index 100%
rename from frontend-vue/src/components/dashboard/TablesList.vue
rename to frontend/src/components/dashboard/TablesList.vue
diff --git a/frontend-vue/src/components/dashboard/analytics.ts b/frontend/src/components/dashboard/analytics.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/analytics.ts
rename to frontend/src/components/dashboard/analytics.ts
diff --git a/frontend-vue/src/components/dashboard/backUrl.ts b/frontend/src/components/dashboard/backUrl.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/backUrl.ts
rename to frontend/src/components/dashboard/backUrl.ts
diff --git a/frontend-vue/src/components/dashboard/dialogs.spec.ts b/frontend/src/components/dashboard/dialogs.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/dialogs.spec.ts
rename to frontend/src/components/dashboard/dialogs.spec.ts
diff --git a/frontend-vue/src/components/dashboard/folderColors.ts b/frontend/src/components/dashboard/folderColors.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/folderColors.ts
rename to frontend/src/components/dashboard/folderColors.ts
diff --git a/frontend-vue/src/components/dashboard/types.ts b/frontend/src/components/dashboard/types.ts
similarity index 100%
rename from frontend-vue/src/components/dashboard/types.ts
rename to frontend/src/components/dashboard/types.ts
diff --git a/frontend-vue/src/components/dashboards/ChartMiniPreview.vue b/frontend/src/components/dashboards/ChartMiniPreview.vue
similarity index 100%
rename from frontend-vue/src/components/dashboards/ChartMiniPreview.vue
rename to frontend/src/components/dashboards/ChartMiniPreview.vue
diff --git a/frontend-vue/src/components/dashboards/DashboardDeleteDialog.vue b/frontend/src/components/dashboards/DashboardDeleteDialog.vue
similarity index 100%
rename from frontend-vue/src/components/dashboards/DashboardDeleteDialog.vue
rename to frontend/src/components/dashboards/DashboardDeleteDialog.vue
diff --git a/frontend-vue/src/components/dashboards/DashboardEditDialog.spec.ts b/frontend/src/components/dashboards/DashboardEditDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dashboards/DashboardEditDialog.spec.ts
rename to frontend/src/components/dashboards/DashboardEditDialog.spec.ts
diff --git a/frontend-vue/src/components/dashboards/DashboardEditDialog.vue b/frontend/src/components/dashboards/DashboardEditDialog.vue
similarity index 100%
rename from frontend-vue/src/components/dashboards/DashboardEditDialog.vue
rename to frontend/src/components/dashboards/DashboardEditDialog.vue
diff --git a/frontend-vue/src/components/dashboards/DashboardsSidebar.spec.ts b/frontend/src/components/dashboards/DashboardsSidebar.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dashboards/DashboardsSidebar.spec.ts
rename to frontend/src/components/dashboards/DashboardsSidebar.spec.ts
diff --git a/frontend-vue/src/components/dashboards/DashboardsSidebar.vue b/frontend/src/components/dashboards/DashboardsSidebar.vue
similarity index 100%
rename from frontend-vue/src/components/dashboards/DashboardsSidebar.vue
rename to frontend/src/components/dashboards/DashboardsSidebar.vue
diff --git a/frontend-vue/src/components/dashboards/DeleteDialogs.spec.ts b/frontend/src/components/dashboards/DeleteDialogs.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dashboards/DeleteDialogs.spec.ts
rename to frontend/src/components/dashboards/DeleteDialogs.spec.ts
diff --git a/frontend-vue/src/components/dashboards/DeleteWarning.vue b/frontend/src/components/dashboards/DeleteWarning.vue
similarity index 100%
rename from frontend-vue/src/components/dashboards/DeleteWarning.vue
rename to frontend/src/components/dashboards/DeleteWarning.vue
diff --git a/frontend-vue/src/components/dashboards/PanelDeleteDialog.vue b/frontend/src/components/dashboards/PanelDeleteDialog.vue
similarity index 100%
rename from frontend-vue/src/components/dashboards/PanelDeleteDialog.vue
rename to frontend/src/components/dashboards/PanelDeleteDialog.vue
diff --git a/frontend-vue/src/components/dashboards/PanelEditDialog.spec.ts b/frontend/src/components/dashboards/PanelEditDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dashboards/PanelEditDialog.spec.ts
rename to frontend/src/components/dashboards/PanelEditDialog.spec.ts
diff --git a/frontend-vue/src/components/dashboards/PanelEditDialog.vue b/frontend/src/components/dashboards/PanelEditDialog.vue
similarity index 100%
rename from frontend-vue/src/components/dashboards/PanelEditDialog.vue
rename to frontend/src/components/dashboards/PanelEditDialog.vue
diff --git a/frontend-vue/src/components/dashboards/__tests__/dialog-harness.ts b/frontend/src/components/dashboards/__tests__/dialog-harness.ts
similarity index 100%
rename from frontend-vue/src/components/dashboards/__tests__/dialog-harness.ts
rename to frontend/src/components/dashboards/__tests__/dialog-harness.ts
diff --git a/frontend-vue/src/components/dashboards/__tests__/mount-page.ts b/frontend/src/components/dashboards/__tests__/mount-page.ts
similarity index 100%
rename from frontend-vue/src/components/dashboards/__tests__/mount-page.ts
rename to frontend/src/components/dashboards/__tests__/mount-page.ts
diff --git a/frontend-vue/src/components/dashboards/analytics.ts b/frontend/src/components/dashboards/analytics.ts
similarity index 100%
rename from frontend-vue/src/components/dashboards/analytics.ts
rename to frontend/src/components/dashboards/analytics.ts
diff --git a/frontend-vue/src/components/dashboards/panels/ChartPanel.vue b/frontend/src/components/dashboards/panels/ChartPanel.vue
similarity index 100%
rename from frontend-vue/src/components/dashboards/panels/ChartPanel.vue
rename to frontend/src/components/dashboards/panels/ChartPanel.vue
diff --git a/frontend-vue/src/components/dashboards/panels/CounterPanel.vue b/frontend/src/components/dashboards/panels/CounterPanel.vue
similarity index 100%
rename from frontend-vue/src/components/dashboards/panels/CounterPanel.vue
rename to frontend/src/components/dashboards/panels/CounterPanel.vue
diff --git a/frontend-vue/src/components/dashboards/panels/DashboardPanel.vue b/frontend/src/components/dashboards/panels/DashboardPanel.vue
similarity index 100%
rename from frontend-vue/src/components/dashboards/panels/DashboardPanel.vue
rename to frontend/src/components/dashboards/panels/DashboardPanel.vue
diff --git a/frontend-vue/src/components/dashboards/panels/TablePanel.vue b/frontend/src/components/dashboards/panels/TablePanel.vue
similarity index 100%
rename from frontend-vue/src/components/dashboards/panels/TablePanel.vue
rename to frontend/src/components/dashboards/panels/TablePanel.vue
diff --git a/frontend-vue/src/components/dashboards/panels/TextPanel.vue b/frontend/src/components/dashboards/panels/TextPanel.vue
similarity index 100%
rename from frontend-vue/src/components/dashboards/panels/TextPanel.vue
rename to frontend/src/components/dashboards/panels/TextPanel.vue
diff --git a/frontend-vue/src/components/dashboards/panels/panels.spec.ts b/frontend/src/components/dashboards/panels/panels.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dashboards/panels/panels.spec.ts
rename to frontend/src/components/dashboards/panels/panels.spec.ts
diff --git a/frontend-vue/src/components/dialog/AppDialog.vue b/frontend/src/components/dialog/AppDialog.vue
similarity index 100%
rename from frontend-vue/src/components/dialog/AppDialog.vue
rename to frontend/src/components/dialog/AppDialog.vue
diff --git a/frontend-vue/src/components/dialog/AppDialogForm.vue b/frontend/src/components/dialog/AppDialogForm.vue
similarity index 100%
rename from frontend-vue/src/components/dialog/AppDialogForm.vue
rename to frontend/src/components/dialog/AppDialogForm.vue
diff --git a/frontend-vue/src/components/dialog/DialogHost.vue b/frontend/src/components/dialog/DialogHost.vue
similarity index 100%
rename from frontend-vue/src/components/dialog/DialogHost.vue
rename to frontend/src/components/dialog/DialogHost.vue
diff --git a/frontend-vue/src/components/dialog/DialogOutlet.vue b/frontend/src/components/dialog/DialogOutlet.vue
similarity index 100%
rename from frontend-vue/src/components/dialog/DialogOutlet.vue
rename to frontend/src/components/dialog/DialogOutlet.vue
diff --git a/frontend-vue/src/components/dialog/dialog.spec.ts b/frontend/src/components/dialog/dialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/dialog/dialog.spec.ts
rename to frontend/src/components/dialog/dialog.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.spec.ts b/frontend/src/components/fields/filter/BinaryDataCaptionFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.spec.ts
rename to frontend/src/components/fields/filter/BinaryDataCaptionFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.stories.ts b/frontend/src/components/fields/filter/BinaryDataCaptionFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.stories.ts
rename to frontend/src/components/fields/filter/BinaryDataCaptionFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.vue b/frontend/src/components/fields/filter/BinaryDataCaptionFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/BinaryDataCaptionFilter.vue
rename to frontend/src/components/fields/filter/BinaryDataCaptionFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/BinaryFilter.spec.ts b/frontend/src/components/fields/filter/BinaryFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/BinaryFilter.spec.ts
rename to frontend/src/components/fields/filter/BinaryFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/BinaryFilter.stories.ts b/frontend/src/components/fields/filter/BinaryFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/BinaryFilter.stories.ts
rename to frontend/src/components/fields/filter/BinaryFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/BinaryFilter.vue b/frontend/src/components/fields/filter/BinaryFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/BinaryFilter.vue
rename to frontend/src/components/fields/filter/BinaryFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/BooleanFilter.spec.ts b/frontend/src/components/fields/filter/BooleanFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/BooleanFilter.spec.ts
rename to frontend/src/components/fields/filter/BooleanFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/BooleanFilter.stories.ts b/frontend/src/components/fields/filter/BooleanFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/BooleanFilter.stories.ts
rename to frontend/src/components/fields/filter/BooleanFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/BooleanFilter.vue b/frontend/src/components/fields/filter/BooleanFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/BooleanFilter.vue
rename to frontend/src/components/fields/filter/BooleanFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/CountryFilter.spec.ts b/frontend/src/components/fields/filter/CountryFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/CountryFilter.spec.ts
rename to frontend/src/components/fields/filter/CountryFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/CountryFilter.stories.ts b/frontend/src/components/fields/filter/CountryFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/CountryFilter.stories.ts
rename to frontend/src/components/fields/filter/CountryFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/CountryFilter.vue b/frontend/src/components/fields/filter/CountryFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/CountryFilter.vue
rename to frontend/src/components/fields/filter/CountryFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/DateFilter.spec.ts b/frontend/src/components/fields/filter/DateFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/DateFilter.spec.ts
rename to frontend/src/components/fields/filter/DateFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/DateFilter.stories.ts b/frontend/src/components/fields/filter/DateFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/DateFilter.stories.ts
rename to frontend/src/components/fields/filter/DateFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/DateFilter.vue b/frontend/src/components/fields/filter/DateFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/DateFilter.vue
rename to frontend/src/components/fields/filter/DateFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/DateTimeFilter.spec.ts b/frontend/src/components/fields/filter/DateTimeFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/DateTimeFilter.spec.ts
rename to frontend/src/components/fields/filter/DateTimeFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/DateTimeFilter.stories.ts b/frontend/src/components/fields/filter/DateTimeFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/DateTimeFilter.stories.ts
rename to frontend/src/components/fields/filter/DateTimeFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/DateTimeFilter.vue b/frontend/src/components/fields/filter/DateTimeFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/DateTimeFilter.vue
rename to frontend/src/components/fields/filter/DateTimeFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/DefaultFilter.spec.ts b/frontend/src/components/fields/filter/DefaultFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/DefaultFilter.spec.ts
rename to frontend/src/components/fields/filter/DefaultFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/DefaultFilter.stories.ts b/frontend/src/components/fields/filter/DefaultFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/DefaultFilter.stories.ts
rename to frontend/src/components/fields/filter/DefaultFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/DefaultFilter.vue b/frontend/src/components/fields/filter/DefaultFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/DefaultFilter.vue
rename to frontend/src/components/fields/filter/DefaultFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/EmailFilter.spec.ts b/frontend/src/components/fields/filter/EmailFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/EmailFilter.spec.ts
rename to frontend/src/components/fields/filter/EmailFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/EmailFilter.stories.ts b/frontend/src/components/fields/filter/EmailFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/EmailFilter.stories.ts
rename to frontend/src/components/fields/filter/EmailFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/EmailFilter.vue b/frontend/src/components/fields/filter/EmailFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/EmailFilter.vue
rename to frontend/src/components/fields/filter/EmailFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/FILTER_WIDGETS.md b/frontend/src/components/fields/filter/FILTER_WIDGETS.md
similarity index 100%
rename from frontend-vue/src/components/fields/filter/FILTER_WIDGETS.md
rename to frontend/src/components/fields/filter/FILTER_WIDGETS.md
diff --git a/frontend-vue/src/components/fields/filter/FileFilter.spec.ts b/frontend/src/components/fields/filter/FileFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/FileFilter.spec.ts
rename to frontend/src/components/fields/filter/FileFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/FileFilter.stories.ts b/frontend/src/components/fields/filter/FileFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/FileFilter.stories.ts
rename to frontend/src/components/fields/filter/FileFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/FileFilter.vue b/frontend/src/components/fields/filter/FileFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/FileFilter.vue
rename to frontend/src/components/fields/filter/FileFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/FilterComparatorRow.vue b/frontend/src/components/fields/filter/FilterComparatorRow.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/FilterComparatorRow.vue
rename to frontend/src/components/fields/filter/FilterComparatorRow.vue
diff --git a/frontend-vue/src/components/fields/filter/ForeignKeyFilter.spec.ts b/frontend/src/components/fields/filter/ForeignKeyFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/ForeignKeyFilter.spec.ts
rename to frontend/src/components/fields/filter/ForeignKeyFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/ForeignKeyFilter.stories.ts b/frontend/src/components/fields/filter/ForeignKeyFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/ForeignKeyFilter.stories.ts
rename to frontend/src/components/fields/filter/ForeignKeyFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/ForeignKeyFilter.vue b/frontend/src/components/fields/filter/ForeignKeyFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/ForeignKeyFilter.vue
rename to frontend/src/components/fields/filter/ForeignKeyFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/IdFilter.spec.ts b/frontend/src/components/fields/filter/IdFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/IdFilter.spec.ts
rename to frontend/src/components/fields/filter/IdFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/IdFilter.stories.ts b/frontend/src/components/fields/filter/IdFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/IdFilter.stories.ts
rename to frontend/src/components/fields/filter/IdFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/IdFilter.vue b/frontend/src/components/fields/filter/IdFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/IdFilter.vue
rename to frontend/src/components/fields/filter/IdFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/JsonEditorFilter.spec.ts b/frontend/src/components/fields/filter/JsonEditorFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/JsonEditorFilter.spec.ts
rename to frontend/src/components/fields/filter/JsonEditorFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/JsonEditorFilter.stories.ts b/frontend/src/components/fields/filter/JsonEditorFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/JsonEditorFilter.stories.ts
rename to frontend/src/components/fields/filter/JsonEditorFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/JsonEditorFilter.vue b/frontend/src/components/fields/filter/JsonEditorFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/JsonEditorFilter.vue
rename to frontend/src/components/fields/filter/JsonEditorFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/LongTextFilter.spec.ts b/frontend/src/components/fields/filter/LongTextFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/LongTextFilter.spec.ts
rename to frontend/src/components/fields/filter/LongTextFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/LongTextFilter.stories.ts b/frontend/src/components/fields/filter/LongTextFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/LongTextFilter.stories.ts
rename to frontend/src/components/fields/filter/LongTextFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/LongTextFilter.vue b/frontend/src/components/fields/filter/LongTextFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/LongTextFilter.vue
rename to frontend/src/components/fields/filter/LongTextFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/NumberFilter.spec.ts b/frontend/src/components/fields/filter/NumberFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/NumberFilter.spec.ts
rename to frontend/src/components/fields/filter/NumberFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/NumberFilter.stories.ts b/frontend/src/components/fields/filter/NumberFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/NumberFilter.stories.ts
rename to frontend/src/components/fields/filter/NumberFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/NumberFilter.vue b/frontend/src/components/fields/filter/NumberFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/NumberFilter.vue
rename to frontend/src/components/fields/filter/NumberFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/PasswordFilter.spec.ts b/frontend/src/components/fields/filter/PasswordFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/PasswordFilter.spec.ts
rename to frontend/src/components/fields/filter/PasswordFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/PasswordFilter.stories.ts b/frontend/src/components/fields/filter/PasswordFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/PasswordFilter.stories.ts
rename to frontend/src/components/fields/filter/PasswordFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/PasswordFilter.vue b/frontend/src/components/fields/filter/PasswordFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/PasswordFilter.vue
rename to frontend/src/components/fields/filter/PasswordFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/PhoneFilter.spec.ts b/frontend/src/components/fields/filter/PhoneFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/PhoneFilter.spec.ts
rename to frontend/src/components/fields/filter/PhoneFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/PhoneFilter.stories.ts b/frontend/src/components/fields/filter/PhoneFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/PhoneFilter.stories.ts
rename to frontend/src/components/fields/filter/PhoneFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/PhoneFilter.vue b/frontend/src/components/fields/filter/PhoneFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/PhoneFilter.vue
rename to frontend/src/components/fields/filter/PhoneFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/PointFilter.spec.ts b/frontend/src/components/fields/filter/PointFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/PointFilter.spec.ts
rename to frontend/src/components/fields/filter/PointFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/PointFilter.stories.ts b/frontend/src/components/fields/filter/PointFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/PointFilter.stories.ts
rename to frontend/src/components/fields/filter/PointFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/PointFilter.vue b/frontend/src/components/fields/filter/PointFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/PointFilter.vue
rename to frontend/src/components/fields/filter/PointFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/SelectFilter.spec.ts b/frontend/src/components/fields/filter/SelectFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/SelectFilter.spec.ts
rename to frontend/src/components/fields/filter/SelectFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/SelectFilter.stories.ts b/frontend/src/components/fields/filter/SelectFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/SelectFilter.stories.ts
rename to frontend/src/components/fields/filter/SelectFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/SelectFilter.vue b/frontend/src/components/fields/filter/SelectFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/SelectFilter.vue
rename to frontend/src/components/fields/filter/SelectFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/StaticTextFilter.spec.ts b/frontend/src/components/fields/filter/StaticTextFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/StaticTextFilter.spec.ts
rename to frontend/src/components/fields/filter/StaticTextFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/StaticTextFilter.stories.ts b/frontend/src/components/fields/filter/StaticTextFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/StaticTextFilter.stories.ts
rename to frontend/src/components/fields/filter/StaticTextFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/StaticTextFilter.vue b/frontend/src/components/fields/filter/StaticTextFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/StaticTextFilter.vue
rename to frontend/src/components/fields/filter/StaticTextFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/TextFilter.spec.ts b/frontend/src/components/fields/filter/TextFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/TextFilter.spec.ts
rename to frontend/src/components/fields/filter/TextFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/TextFilter.stories.ts b/frontend/src/components/fields/filter/TextFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/TextFilter.stories.ts
rename to frontend/src/components/fields/filter/TextFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/TextFilter.vue b/frontend/src/components/fields/filter/TextFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/TextFilter.vue
rename to frontend/src/components/fields/filter/TextFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/TimeFilter.spec.ts b/frontend/src/components/fields/filter/TimeFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/TimeFilter.spec.ts
rename to frontend/src/components/fields/filter/TimeFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/TimeFilter.stories.ts b/frontend/src/components/fields/filter/TimeFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/TimeFilter.stories.ts
rename to frontend/src/components/fields/filter/TimeFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/TimeFilter.vue b/frontend/src/components/fields/filter/TimeFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/TimeFilter.vue
rename to frontend/src/components/fields/filter/TimeFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/TimeIntervalFilter.spec.ts b/frontend/src/components/fields/filter/TimeIntervalFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/TimeIntervalFilter.spec.ts
rename to frontend/src/components/fields/filter/TimeIntervalFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/TimeIntervalFilter.stories.ts b/frontend/src/components/fields/filter/TimeIntervalFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/TimeIntervalFilter.stories.ts
rename to frontend/src/components/fields/filter/TimeIntervalFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/TimeIntervalFilter.vue b/frontend/src/components/fields/filter/TimeIntervalFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/TimeIntervalFilter.vue
rename to frontend/src/components/fields/filter/TimeIntervalFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/TimezoneFilter.spec.ts b/frontend/src/components/fields/filter/TimezoneFilter.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/TimezoneFilter.spec.ts
rename to frontend/src/components/fields/filter/TimezoneFilter.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/TimezoneFilter.stories.ts b/frontend/src/components/fields/filter/TimezoneFilter.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/TimezoneFilter.stories.ts
rename to frontend/src/components/fields/filter/TimezoneFilter.stories.ts
diff --git a/frontend-vue/src/components/fields/filter/TimezoneFilter.vue b/frontend/src/components/fields/filter/TimezoneFilter.vue
similarity index 100%
rename from frontend-vue/src/components/fields/filter/TimezoneFilter.vue
rename to frontend/src/components/fields/filter/TimezoneFilter.vue
diff --git a/frontend-vue/src/components/fields/filter/comparatorType.spec.ts b/frontend/src/components/fields/filter/comparatorType.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/comparatorType.spec.ts
rename to frontend/src/components/fields/filter/comparatorType.spec.ts
diff --git a/frontend-vue/src/components/fields/filter/comparatorType.ts b/frontend/src/components/fields/filter/comparatorType.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/comparatorType.ts
rename to frontend/src/components/fields/filter/comparatorType.ts
diff --git a/frontend-vue/src/components/fields/filter/filterTestUtils.ts b/frontend/src/components/fields/filter/filterTestUtils.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/filterTestUtils.ts
rename to frontend/src/components/fields/filter/filterTestUtils.ts
diff --git a/frontend-vue/src/components/fields/filter/timezones.ts b/frontend/src/components/fields/filter/timezones.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/timezones.ts
rename to frontend/src/components/fields/filter/timezones.ts
diff --git a/frontend-vue/src/components/fields/filter/useAutofocus.ts b/frontend/src/components/fields/filter/useAutofocus.ts
similarity index 100%
rename from frontend-vue/src/components/fields/filter/useAutofocus.ts
rename to frontend/src/components/fields/filter/useAutofocus.ts
diff --git a/frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.spec.ts b/frontend/src/components/fields/record-edit/BinaryDataCaptionEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.spec.ts
rename to frontend/src/components/fields/record-edit/BinaryDataCaptionEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.stories.ts b/frontend/src/components/fields/record-edit/BinaryDataCaptionEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.stories.ts
rename to frontend/src/components/fields/record-edit/BinaryDataCaptionEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.vue b/frontend/src/components/fields/record-edit/BinaryDataCaptionEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/BinaryDataCaptionEdit.vue
rename to frontend/src/components/fields/record-edit/BinaryDataCaptionEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/BinaryEdit.spec.ts b/frontend/src/components/fields/record-edit/BinaryEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/BinaryEdit.spec.ts
rename to frontend/src/components/fields/record-edit/BinaryEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/BinaryEdit.stories.ts b/frontend/src/components/fields/record-edit/BinaryEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/BinaryEdit.stories.ts
rename to frontend/src/components/fields/record-edit/BinaryEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/BinaryEdit.vue b/frontend/src/components/fields/record-edit/BinaryEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/BinaryEdit.vue
rename to frontend/src/components/fields/record-edit/BinaryEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/BooleanEdit.spec.ts b/frontend/src/components/fields/record-edit/BooleanEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/BooleanEdit.spec.ts
rename to frontend/src/components/fields/record-edit/BooleanEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/BooleanEdit.stories.ts b/frontend/src/components/fields/record-edit/BooleanEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/BooleanEdit.stories.ts
rename to frontend/src/components/fields/record-edit/BooleanEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/BooleanEdit.vue b/frontend/src/components/fields/record-edit/BooleanEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/BooleanEdit.vue
rename to frontend/src/components/fields/record-edit/BooleanEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/CodeEdit.spec.ts b/frontend/src/components/fields/record-edit/CodeEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/CodeEdit.spec.ts
rename to frontend/src/components/fields/record-edit/CodeEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/CodeEdit.stories.ts b/frontend/src/components/fields/record-edit/CodeEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/CodeEdit.stories.ts
rename to frontend/src/components/fields/record-edit/CodeEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/CodeEdit.vue b/frontend/src/components/fields/record-edit/CodeEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/CodeEdit.vue
rename to frontend/src/components/fields/record-edit/CodeEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/ColorEdit.spec.ts b/frontend/src/components/fields/record-edit/ColorEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/ColorEdit.spec.ts
rename to frontend/src/components/fields/record-edit/ColorEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/ColorEdit.stories.ts b/frontend/src/components/fields/record-edit/ColorEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/ColorEdit.stories.ts
rename to frontend/src/components/fields/record-edit/ColorEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/ColorEdit.vue b/frontend/src/components/fields/record-edit/ColorEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/ColorEdit.vue
rename to frontend/src/components/fields/record-edit/ColorEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/CountryEdit.spec.ts b/frontend/src/components/fields/record-edit/CountryEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/CountryEdit.spec.ts
rename to frontend/src/components/fields/record-edit/CountryEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/CountryEdit.stories.ts b/frontend/src/components/fields/record-edit/CountryEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/CountryEdit.stories.ts
rename to frontend/src/components/fields/record-edit/CountryEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/CountryEdit.vue b/frontend/src/components/fields/record-edit/CountryEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/CountryEdit.vue
rename to frontend/src/components/fields/record-edit/CountryEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/DateEdit.spec.ts b/frontend/src/components/fields/record-edit/DateEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/DateEdit.spec.ts
rename to frontend/src/components/fields/record-edit/DateEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/DateEdit.stories.ts b/frontend/src/components/fields/record-edit/DateEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/DateEdit.stories.ts
rename to frontend/src/components/fields/record-edit/DateEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/DateEdit.vue b/frontend/src/components/fields/record-edit/DateEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/DateEdit.vue
rename to frontend/src/components/fields/record-edit/DateEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/DateTimeEdit.spec.ts b/frontend/src/components/fields/record-edit/DateTimeEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/DateTimeEdit.spec.ts
rename to frontend/src/components/fields/record-edit/DateTimeEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/DateTimeEdit.stories.ts b/frontend/src/components/fields/record-edit/DateTimeEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/DateTimeEdit.stories.ts
rename to frontend/src/components/fields/record-edit/DateTimeEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/DateTimeEdit.vue b/frontend/src/components/fields/record-edit/DateTimeEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/DateTimeEdit.vue
rename to frontend/src/components/fields/record-edit/DateTimeEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/FileEdit.spec.ts b/frontend/src/components/fields/record-edit/FileEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/FileEdit.spec.ts
rename to frontend/src/components/fields/record-edit/FileEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/FileEdit.stories.ts b/frontend/src/components/fields/record-edit/FileEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/FileEdit.stories.ts
rename to frontend/src/components/fields/record-edit/FileEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/FileEdit.vue b/frontend/src/components/fields/record-edit/FileEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/FileEdit.vue
rename to frontend/src/components/fields/record-edit/FileEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.spec.ts b/frontend/src/components/fields/record-edit/ForeignKeyEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.spec.ts
rename to frontend/src/components/fields/record-edit/ForeignKeyEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.stories.ts b/frontend/src/components/fields/record-edit/ForeignKeyEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.stories.ts
rename to frontend/src/components/fields/record-edit/ForeignKeyEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.vue b/frontend/src/components/fields/record-edit/ForeignKeyEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/ForeignKeyEdit.vue
rename to frontend/src/components/fields/record-edit/ForeignKeyEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/IdEdit.spec.ts b/frontend/src/components/fields/record-edit/IdEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/IdEdit.spec.ts
rename to frontend/src/components/fields/record-edit/IdEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/IdEdit.stories.ts b/frontend/src/components/fields/record-edit/IdEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/IdEdit.stories.ts
rename to frontend/src/components/fields/record-edit/IdEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/IdEdit.vue b/frontend/src/components/fields/record-edit/IdEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/IdEdit.vue
rename to frontend/src/components/fields/record-edit/IdEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/ImageEdit.spec.ts b/frontend/src/components/fields/record-edit/ImageEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/ImageEdit.spec.ts
rename to frontend/src/components/fields/record-edit/ImageEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/ImageEdit.stories.ts b/frontend/src/components/fields/record-edit/ImageEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/ImageEdit.stories.ts
rename to frontend/src/components/fields/record-edit/ImageEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/ImageEdit.vue b/frontend/src/components/fields/record-edit/ImageEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/ImageEdit.vue
rename to frontend/src/components/fields/record-edit/ImageEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/JsonEditorEdit.spec.ts b/frontend/src/components/fields/record-edit/JsonEditorEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/JsonEditorEdit.spec.ts
rename to frontend/src/components/fields/record-edit/JsonEditorEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/JsonEditorEdit.stories.ts b/frontend/src/components/fields/record-edit/JsonEditorEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/JsonEditorEdit.stories.ts
rename to frontend/src/components/fields/record-edit/JsonEditorEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/JsonEditorEdit.vue b/frontend/src/components/fields/record-edit/JsonEditorEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/JsonEditorEdit.vue
rename to frontend/src/components/fields/record-edit/JsonEditorEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/LanguageEdit.spec.ts b/frontend/src/components/fields/record-edit/LanguageEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/LanguageEdit.spec.ts
rename to frontend/src/components/fields/record-edit/LanguageEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/LanguageEdit.stories.ts b/frontend/src/components/fields/record-edit/LanguageEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/LanguageEdit.stories.ts
rename to frontend/src/components/fields/record-edit/LanguageEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/LanguageEdit.vue b/frontend/src/components/fields/record-edit/LanguageEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/LanguageEdit.vue
rename to frontend/src/components/fields/record-edit/LanguageEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/LongTextEdit.spec.ts b/frontend/src/components/fields/record-edit/LongTextEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/LongTextEdit.spec.ts
rename to frontend/src/components/fields/record-edit/LongTextEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/LongTextEdit.stories.ts b/frontend/src/components/fields/record-edit/LongTextEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/LongTextEdit.stories.ts
rename to frontend/src/components/fields/record-edit/LongTextEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/LongTextEdit.vue b/frontend/src/components/fields/record-edit/LongTextEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/LongTextEdit.vue
rename to frontend/src/components/fields/record-edit/LongTextEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/MarkdownEdit.spec.ts b/frontend/src/components/fields/record-edit/MarkdownEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/MarkdownEdit.spec.ts
rename to frontend/src/components/fields/record-edit/MarkdownEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/MarkdownEdit.stories.ts b/frontend/src/components/fields/record-edit/MarkdownEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/MarkdownEdit.stories.ts
rename to frontend/src/components/fields/record-edit/MarkdownEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/MarkdownEdit.vue b/frontend/src/components/fields/record-edit/MarkdownEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/MarkdownEdit.vue
rename to frontend/src/components/fields/record-edit/MarkdownEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/MoneyEdit.spec.ts b/frontend/src/components/fields/record-edit/MoneyEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/MoneyEdit.spec.ts
rename to frontend/src/components/fields/record-edit/MoneyEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/MoneyEdit.stories.ts b/frontend/src/components/fields/record-edit/MoneyEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/MoneyEdit.stories.ts
rename to frontend/src/components/fields/record-edit/MoneyEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/MoneyEdit.vue b/frontend/src/components/fields/record-edit/MoneyEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/MoneyEdit.vue
rename to frontend/src/components/fields/record-edit/MoneyEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/NumberEdit.spec.ts b/frontend/src/components/fields/record-edit/NumberEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/NumberEdit.spec.ts
rename to frontend/src/components/fields/record-edit/NumberEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/NumberEdit.stories.ts b/frontend/src/components/fields/record-edit/NumberEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/NumberEdit.stories.ts
rename to frontend/src/components/fields/record-edit/NumberEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/NumberEdit.vue b/frontend/src/components/fields/record-edit/NumberEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/NumberEdit.vue
rename to frontend/src/components/fields/record-edit/NumberEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/PasswordEdit.spec.ts b/frontend/src/components/fields/record-edit/PasswordEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/PasswordEdit.spec.ts
rename to frontend/src/components/fields/record-edit/PasswordEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/PasswordEdit.stories.ts b/frontend/src/components/fields/record-edit/PasswordEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/PasswordEdit.stories.ts
rename to frontend/src/components/fields/record-edit/PasswordEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/PasswordEdit.vue b/frontend/src/components/fields/record-edit/PasswordEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/PasswordEdit.vue
rename to frontend/src/components/fields/record-edit/PasswordEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/PhoneEdit.countries.ts b/frontend/src/components/fields/record-edit/PhoneEdit.countries.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/PhoneEdit.countries.ts
rename to frontend/src/components/fields/record-edit/PhoneEdit.countries.ts
diff --git a/frontend-vue/src/components/fields/record-edit/PhoneEdit.spec.ts b/frontend/src/components/fields/record-edit/PhoneEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/PhoneEdit.spec.ts
rename to frontend/src/components/fields/record-edit/PhoneEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/PhoneEdit.stories.ts b/frontend/src/components/fields/record-edit/PhoneEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/PhoneEdit.stories.ts
rename to frontend/src/components/fields/record-edit/PhoneEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/PhoneEdit.vue b/frontend/src/components/fields/record-edit/PhoneEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/PhoneEdit.vue
rename to frontend/src/components/fields/record-edit/PhoneEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/PointEdit.spec.ts b/frontend/src/components/fields/record-edit/PointEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/PointEdit.spec.ts
rename to frontend/src/components/fields/record-edit/PointEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/PointEdit.stories.ts b/frontend/src/components/fields/record-edit/PointEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/PointEdit.stories.ts
rename to frontend/src/components/fields/record-edit/PointEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/PointEdit.vue b/frontend/src/components/fields/record-edit/PointEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/PointEdit.vue
rename to frontend/src/components/fields/record-edit/PointEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/RangeEdit.spec.ts b/frontend/src/components/fields/record-edit/RangeEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/RangeEdit.spec.ts
rename to frontend/src/components/fields/record-edit/RangeEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/RangeEdit.stories.ts b/frontend/src/components/fields/record-edit/RangeEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/RangeEdit.stories.ts
rename to frontend/src/components/fields/record-edit/RangeEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/RangeEdit.vue b/frontend/src/components/fields/record-edit/RangeEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/RangeEdit.vue
rename to frontend/src/components/fields/record-edit/RangeEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/S3Edit.spec.ts b/frontend/src/components/fields/record-edit/S3Edit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/S3Edit.spec.ts
rename to frontend/src/components/fields/record-edit/S3Edit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/S3Edit.stories.ts b/frontend/src/components/fields/record-edit/S3Edit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/S3Edit.stories.ts
rename to frontend/src/components/fields/record-edit/S3Edit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/S3Edit.vue b/frontend/src/components/fields/record-edit/S3Edit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/S3Edit.vue
rename to frontend/src/components/fields/record-edit/S3Edit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/SelectEdit.spec.ts b/frontend/src/components/fields/record-edit/SelectEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/SelectEdit.spec.ts
rename to frontend/src/components/fields/record-edit/SelectEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/SelectEdit.stories.ts b/frontend/src/components/fields/record-edit/SelectEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/SelectEdit.stories.ts
rename to frontend/src/components/fields/record-edit/SelectEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/SelectEdit.vue b/frontend/src/components/fields/record-edit/SelectEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/SelectEdit.vue
rename to frontend/src/components/fields/record-edit/SelectEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/StaticTextEdit.spec.ts b/frontend/src/components/fields/record-edit/StaticTextEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/StaticTextEdit.spec.ts
rename to frontend/src/components/fields/record-edit/StaticTextEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/StaticTextEdit.stories.ts b/frontend/src/components/fields/record-edit/StaticTextEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/StaticTextEdit.stories.ts
rename to frontend/src/components/fields/record-edit/StaticTextEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/StaticTextEdit.vue b/frontend/src/components/fields/record-edit/StaticTextEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/StaticTextEdit.vue
rename to frontend/src/components/fields/record-edit/StaticTextEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/TextEdit.spec.ts b/frontend/src/components/fields/record-edit/TextEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/TextEdit.spec.ts
rename to frontend/src/components/fields/record-edit/TextEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/TextEdit.stories.ts b/frontend/src/components/fields/record-edit/TextEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/TextEdit.stories.ts
rename to frontend/src/components/fields/record-edit/TextEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/TextEdit.vue b/frontend/src/components/fields/record-edit/TextEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/TextEdit.vue
rename to frontend/src/components/fields/record-edit/TextEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/TimeEdit.spec.ts b/frontend/src/components/fields/record-edit/TimeEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/TimeEdit.spec.ts
rename to frontend/src/components/fields/record-edit/TimeEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/TimeEdit.stories.ts b/frontend/src/components/fields/record-edit/TimeEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/TimeEdit.stories.ts
rename to frontend/src/components/fields/record-edit/TimeEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/TimeEdit.vue b/frontend/src/components/fields/record-edit/TimeEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/TimeEdit.vue
rename to frontend/src/components/fields/record-edit/TimeEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.spec.ts b/frontend/src/components/fields/record-edit/TimeIntervalEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.spec.ts
rename to frontend/src/components/fields/record-edit/TimeIntervalEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.stories.ts b/frontend/src/components/fields/record-edit/TimeIntervalEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.stories.ts
rename to frontend/src/components/fields/record-edit/TimeIntervalEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.vue b/frontend/src/components/fields/record-edit/TimeIntervalEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/TimeIntervalEdit.vue
rename to frontend/src/components/fields/record-edit/TimeIntervalEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/TimezoneEdit.spec.ts b/frontend/src/components/fields/record-edit/TimezoneEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/TimezoneEdit.spec.ts
rename to frontend/src/components/fields/record-edit/TimezoneEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/TimezoneEdit.stories.ts b/frontend/src/components/fields/record-edit/TimezoneEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/TimezoneEdit.stories.ts
rename to frontend/src/components/fields/record-edit/TimezoneEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/TimezoneEdit.vue b/frontend/src/components/fields/record-edit/TimezoneEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/TimezoneEdit.vue
rename to frontend/src/components/fields/record-edit/TimezoneEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/UrlEdit.spec.ts b/frontend/src/components/fields/record-edit/UrlEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/UrlEdit.spec.ts
rename to frontend/src/components/fields/record-edit/UrlEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/UrlEdit.stories.ts b/frontend/src/components/fields/record-edit/UrlEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/UrlEdit.stories.ts
rename to frontend/src/components/fields/record-edit/UrlEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/UrlEdit.vue b/frontend/src/components/fields/record-edit/UrlEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/UrlEdit.vue
rename to frontend/src/components/fields/record-edit/UrlEdit.vue
diff --git a/frontend-vue/src/components/fields/record-edit/UuidEdit.spec.ts b/frontend/src/components/fields/record-edit/UuidEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/UuidEdit.spec.ts
rename to frontend/src/components/fields/record-edit/UuidEdit.spec.ts
diff --git a/frontend-vue/src/components/fields/record-edit/UuidEdit.stories.ts b/frontend/src/components/fields/record-edit/UuidEdit.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/UuidEdit.stories.ts
rename to frontend/src/components/fields/record-edit/UuidEdit.stories.ts
diff --git a/frontend-vue/src/components/fields/record-edit/UuidEdit.vue b/frontend/src/components/fields/record-edit/UuidEdit.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-edit/UuidEdit.vue
rename to frontend/src/components/fields/record-edit/UuidEdit.vue
diff --git a/frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.spec.ts b/frontend/src/components/fields/record-view/BinaryDataCaptionRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.spec.ts
rename to frontend/src/components/fields/record-view/BinaryDataCaptionRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.stories.ts b/frontend/src/components/fields/record-view/BinaryDataCaptionRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.stories.ts
rename to frontend/src/components/fields/record-view/BinaryDataCaptionRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.vue b/frontend/src/components/fields/record-view/BinaryDataCaptionRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/BinaryDataCaptionRecordView.vue
rename to frontend/src/components/fields/record-view/BinaryDataCaptionRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/BinaryRecordView.spec.ts b/frontend/src/components/fields/record-view/BinaryRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/BinaryRecordView.spec.ts
rename to frontend/src/components/fields/record-view/BinaryRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/BinaryRecordView.stories.ts b/frontend/src/components/fields/record-view/BinaryRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/BinaryRecordView.stories.ts
rename to frontend/src/components/fields/record-view/BinaryRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/BinaryRecordView.vue b/frontend/src/components/fields/record-view/BinaryRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/BinaryRecordView.vue
rename to frontend/src/components/fields/record-view/BinaryRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/BooleanRecordView.spec.ts b/frontend/src/components/fields/record-view/BooleanRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/BooleanRecordView.spec.ts
rename to frontend/src/components/fields/record-view/BooleanRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/BooleanRecordView.stories.ts b/frontend/src/components/fields/record-view/BooleanRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/BooleanRecordView.stories.ts
rename to frontend/src/components/fields/record-view/BooleanRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/BooleanRecordView.vue b/frontend/src/components/fields/record-view/BooleanRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/BooleanRecordView.vue
rename to frontend/src/components/fields/record-view/BooleanRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/CodeRecordView.spec.ts b/frontend/src/components/fields/record-view/CodeRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/CodeRecordView.spec.ts
rename to frontend/src/components/fields/record-view/CodeRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/CodeRecordView.stories.ts b/frontend/src/components/fields/record-view/CodeRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/CodeRecordView.stories.ts
rename to frontend/src/components/fields/record-view/CodeRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/CodeRecordView.vue b/frontend/src/components/fields/record-view/CodeRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/CodeRecordView.vue
rename to frontend/src/components/fields/record-view/CodeRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/ColorRecordView.spec.ts b/frontend/src/components/fields/record-view/ColorRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/ColorRecordView.spec.ts
rename to frontend/src/components/fields/record-view/ColorRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/ColorRecordView.stories.ts b/frontend/src/components/fields/record-view/ColorRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/ColorRecordView.stories.ts
rename to frontend/src/components/fields/record-view/ColorRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/ColorRecordView.vue b/frontend/src/components/fields/record-view/ColorRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/ColorRecordView.vue
rename to frontend/src/components/fields/record-view/ColorRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/CountryRecordView.spec.ts b/frontend/src/components/fields/record-view/CountryRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/CountryRecordView.spec.ts
rename to frontend/src/components/fields/record-view/CountryRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/CountryRecordView.stories.ts b/frontend/src/components/fields/record-view/CountryRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/CountryRecordView.stories.ts
rename to frontend/src/components/fields/record-view/CountryRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/CountryRecordView.vue b/frontend/src/components/fields/record-view/CountryRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/CountryRecordView.vue
rename to frontend/src/components/fields/record-view/CountryRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/DateRecordView.spec.ts b/frontend/src/components/fields/record-view/DateRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/DateRecordView.spec.ts
rename to frontend/src/components/fields/record-view/DateRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/DateRecordView.stories.ts b/frontend/src/components/fields/record-view/DateRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/DateRecordView.stories.ts
rename to frontend/src/components/fields/record-view/DateRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/DateRecordView.vue b/frontend/src/components/fields/record-view/DateRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/DateRecordView.vue
rename to frontend/src/components/fields/record-view/DateRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/DateTimeRecordView.spec.ts b/frontend/src/components/fields/record-view/DateTimeRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/DateTimeRecordView.spec.ts
rename to frontend/src/components/fields/record-view/DateTimeRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/DateTimeRecordView.stories.ts b/frontend/src/components/fields/record-view/DateTimeRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/DateTimeRecordView.stories.ts
rename to frontend/src/components/fields/record-view/DateTimeRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/DateTimeRecordView.vue b/frontend/src/components/fields/record-view/DateTimeRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/DateTimeRecordView.vue
rename to frontend/src/components/fields/record-view/DateTimeRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/FileRecordView.spec.ts b/frontend/src/components/fields/record-view/FileRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/FileRecordView.spec.ts
rename to frontend/src/components/fields/record-view/FileRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/FileRecordView.stories.ts b/frontend/src/components/fields/record-view/FileRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/FileRecordView.stories.ts
rename to frontend/src/components/fields/record-view/FileRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/FileRecordView.vue b/frontend/src/components/fields/record-view/FileRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/FileRecordView.vue
rename to frontend/src/components/fields/record-view/FileRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.spec.ts b/frontend/src/components/fields/record-view/ForeignKeyRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.spec.ts
rename to frontend/src/components/fields/record-view/ForeignKeyRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.stories.ts b/frontend/src/components/fields/record-view/ForeignKeyRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.stories.ts
rename to frontend/src/components/fields/record-view/ForeignKeyRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.vue b/frontend/src/components/fields/record-view/ForeignKeyRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/ForeignKeyRecordView.vue
rename to frontend/src/components/fields/record-view/ForeignKeyRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/IdRecordView.spec.ts b/frontend/src/components/fields/record-view/IdRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/IdRecordView.spec.ts
rename to frontend/src/components/fields/record-view/IdRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/IdRecordView.stories.ts b/frontend/src/components/fields/record-view/IdRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/IdRecordView.stories.ts
rename to frontend/src/components/fields/record-view/IdRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/IdRecordView.vue b/frontend/src/components/fields/record-view/IdRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/IdRecordView.vue
rename to frontend/src/components/fields/record-view/IdRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/ImageRecordView.spec.ts b/frontend/src/components/fields/record-view/ImageRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/ImageRecordView.spec.ts
rename to frontend/src/components/fields/record-view/ImageRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/ImageRecordView.stories.ts b/frontend/src/components/fields/record-view/ImageRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/ImageRecordView.stories.ts
rename to frontend/src/components/fields/record-view/ImageRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/ImageRecordView.vue b/frontend/src/components/fields/record-view/ImageRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/ImageRecordView.vue
rename to frontend/src/components/fields/record-view/ImageRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/JsonEditorRecordView.spec.ts b/frontend/src/components/fields/record-view/JsonEditorRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/JsonEditorRecordView.spec.ts
rename to frontend/src/components/fields/record-view/JsonEditorRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/JsonEditorRecordView.stories.ts b/frontend/src/components/fields/record-view/JsonEditorRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/JsonEditorRecordView.stories.ts
rename to frontend/src/components/fields/record-view/JsonEditorRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/JsonEditorRecordView.vue b/frontend/src/components/fields/record-view/JsonEditorRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/JsonEditorRecordView.vue
rename to frontend/src/components/fields/record-view/JsonEditorRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/LanguageRecordView.spec.ts b/frontend/src/components/fields/record-view/LanguageRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/LanguageRecordView.spec.ts
rename to frontend/src/components/fields/record-view/LanguageRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/LanguageRecordView.stories.ts b/frontend/src/components/fields/record-view/LanguageRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/LanguageRecordView.stories.ts
rename to frontend/src/components/fields/record-view/LanguageRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/LanguageRecordView.vue b/frontend/src/components/fields/record-view/LanguageRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/LanguageRecordView.vue
rename to frontend/src/components/fields/record-view/LanguageRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/LongTextRecordView.spec.ts b/frontend/src/components/fields/record-view/LongTextRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/LongTextRecordView.spec.ts
rename to frontend/src/components/fields/record-view/LongTextRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/LongTextRecordView.stories.ts b/frontend/src/components/fields/record-view/LongTextRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/LongTextRecordView.stories.ts
rename to frontend/src/components/fields/record-view/LongTextRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/LongTextRecordView.vue b/frontend/src/components/fields/record-view/LongTextRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/LongTextRecordView.vue
rename to frontend/src/components/fields/record-view/LongTextRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/MarkdownRecordView.spec.ts b/frontend/src/components/fields/record-view/MarkdownRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/MarkdownRecordView.spec.ts
rename to frontend/src/components/fields/record-view/MarkdownRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/MarkdownRecordView.stories.ts b/frontend/src/components/fields/record-view/MarkdownRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/MarkdownRecordView.stories.ts
rename to frontend/src/components/fields/record-view/MarkdownRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/MarkdownRecordView.vue b/frontend/src/components/fields/record-view/MarkdownRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/MarkdownRecordView.vue
rename to frontend/src/components/fields/record-view/MarkdownRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/MoneyRecordView.spec.ts b/frontend/src/components/fields/record-view/MoneyRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/MoneyRecordView.spec.ts
rename to frontend/src/components/fields/record-view/MoneyRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/MoneyRecordView.stories.ts b/frontend/src/components/fields/record-view/MoneyRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/MoneyRecordView.stories.ts
rename to frontend/src/components/fields/record-view/MoneyRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/MoneyRecordView.vue b/frontend/src/components/fields/record-view/MoneyRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/MoneyRecordView.vue
rename to frontend/src/components/fields/record-view/MoneyRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/NumberRecordView.spec.ts b/frontend/src/components/fields/record-view/NumberRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/NumberRecordView.spec.ts
rename to frontend/src/components/fields/record-view/NumberRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/NumberRecordView.stories.ts b/frontend/src/components/fields/record-view/NumberRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/NumberRecordView.stories.ts
rename to frontend/src/components/fields/record-view/NumberRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/NumberRecordView.vue b/frontend/src/components/fields/record-view/NumberRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/NumberRecordView.vue
rename to frontend/src/components/fields/record-view/NumberRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/PasswordRecordView.spec.ts b/frontend/src/components/fields/record-view/PasswordRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/PasswordRecordView.spec.ts
rename to frontend/src/components/fields/record-view/PasswordRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/PasswordRecordView.stories.ts b/frontend/src/components/fields/record-view/PasswordRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/PasswordRecordView.stories.ts
rename to frontend/src/components/fields/record-view/PasswordRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/PasswordRecordView.vue b/frontend/src/components/fields/record-view/PasswordRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/PasswordRecordView.vue
rename to frontend/src/components/fields/record-view/PasswordRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/PhoneRecordView.spec.ts b/frontend/src/components/fields/record-view/PhoneRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/PhoneRecordView.spec.ts
rename to frontend/src/components/fields/record-view/PhoneRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/PhoneRecordView.stories.ts b/frontend/src/components/fields/record-view/PhoneRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/PhoneRecordView.stories.ts
rename to frontend/src/components/fields/record-view/PhoneRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/PhoneRecordView.vue b/frontend/src/components/fields/record-view/PhoneRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/PhoneRecordView.vue
rename to frontend/src/components/fields/record-view/PhoneRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/PointRecordView.spec.ts b/frontend/src/components/fields/record-view/PointRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/PointRecordView.spec.ts
rename to frontend/src/components/fields/record-view/PointRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/PointRecordView.stories.ts b/frontend/src/components/fields/record-view/PointRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/PointRecordView.stories.ts
rename to frontend/src/components/fields/record-view/PointRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/PointRecordView.vue b/frontend/src/components/fields/record-view/PointRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/PointRecordView.vue
rename to frontend/src/components/fields/record-view/PointRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/RangeRecordView.spec.ts b/frontend/src/components/fields/record-view/RangeRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/RangeRecordView.spec.ts
rename to frontend/src/components/fields/record-view/RangeRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/RangeRecordView.stories.ts b/frontend/src/components/fields/record-view/RangeRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/RangeRecordView.stories.ts
rename to frontend/src/components/fields/record-view/RangeRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/RangeRecordView.vue b/frontend/src/components/fields/record-view/RangeRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/RangeRecordView.vue
rename to frontend/src/components/fields/record-view/RangeRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/RecordViewValue.spec.ts b/frontend/src/components/fields/record-view/RecordViewValue.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/RecordViewValue.spec.ts
rename to frontend/src/components/fields/record-view/RecordViewValue.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/RecordViewValue.vue b/frontend/src/components/fields/record-view/RecordViewValue.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/RecordViewValue.vue
rename to frontend/src/components/fields/record-view/RecordViewValue.vue
diff --git a/frontend-vue/src/components/fields/record-view/S3RecordView.spec.ts b/frontend/src/components/fields/record-view/S3RecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/S3RecordView.spec.ts
rename to frontend/src/components/fields/record-view/S3RecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/S3RecordView.stories.ts b/frontend/src/components/fields/record-view/S3RecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/S3RecordView.stories.ts
rename to frontend/src/components/fields/record-view/S3RecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/S3RecordView.vue b/frontend/src/components/fields/record-view/S3RecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/S3RecordView.vue
rename to frontend/src/components/fields/record-view/S3RecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/SelectRecordView.spec.ts b/frontend/src/components/fields/record-view/SelectRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/SelectRecordView.spec.ts
rename to frontend/src/components/fields/record-view/SelectRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/SelectRecordView.stories.ts b/frontend/src/components/fields/record-view/SelectRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/SelectRecordView.stories.ts
rename to frontend/src/components/fields/record-view/SelectRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/SelectRecordView.vue b/frontend/src/components/fields/record-view/SelectRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/SelectRecordView.vue
rename to frontend/src/components/fields/record-view/SelectRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/StaticTextRecordView.spec.ts b/frontend/src/components/fields/record-view/StaticTextRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/StaticTextRecordView.spec.ts
rename to frontend/src/components/fields/record-view/StaticTextRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/StaticTextRecordView.stories.ts b/frontend/src/components/fields/record-view/StaticTextRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/StaticTextRecordView.stories.ts
rename to frontend/src/components/fields/record-view/StaticTextRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/StaticTextRecordView.vue b/frontend/src/components/fields/record-view/StaticTextRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/StaticTextRecordView.vue
rename to frontend/src/components/fields/record-view/StaticTextRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/TextRecordView.spec.ts b/frontend/src/components/fields/record-view/TextRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/TextRecordView.spec.ts
rename to frontend/src/components/fields/record-view/TextRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/TextRecordView.stories.ts b/frontend/src/components/fields/record-view/TextRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/TextRecordView.stories.ts
rename to frontend/src/components/fields/record-view/TextRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/TextRecordView.vue b/frontend/src/components/fields/record-view/TextRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/TextRecordView.vue
rename to frontend/src/components/fields/record-view/TextRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.spec.ts b/frontend/src/components/fields/record-view/TimeIntervalRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.spec.ts
rename to frontend/src/components/fields/record-view/TimeIntervalRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.stories.ts b/frontend/src/components/fields/record-view/TimeIntervalRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.stories.ts
rename to frontend/src/components/fields/record-view/TimeIntervalRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.vue b/frontend/src/components/fields/record-view/TimeIntervalRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/TimeIntervalRecordView.vue
rename to frontend/src/components/fields/record-view/TimeIntervalRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/TimeRecordView.spec.ts b/frontend/src/components/fields/record-view/TimeRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/TimeRecordView.spec.ts
rename to frontend/src/components/fields/record-view/TimeRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/TimeRecordView.stories.ts b/frontend/src/components/fields/record-view/TimeRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/TimeRecordView.stories.ts
rename to frontend/src/components/fields/record-view/TimeRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/TimeRecordView.vue b/frontend/src/components/fields/record-view/TimeRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/TimeRecordView.vue
rename to frontend/src/components/fields/record-view/TimeRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/TimezoneRecordView.spec.ts b/frontend/src/components/fields/record-view/TimezoneRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/TimezoneRecordView.spec.ts
rename to frontend/src/components/fields/record-view/TimezoneRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/TimezoneRecordView.stories.ts b/frontend/src/components/fields/record-view/TimezoneRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/TimezoneRecordView.stories.ts
rename to frontend/src/components/fields/record-view/TimezoneRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/TimezoneRecordView.vue b/frontend/src/components/fields/record-view/TimezoneRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/TimezoneRecordView.vue
rename to frontend/src/components/fields/record-view/TimezoneRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/UrlRecordView.spec.ts b/frontend/src/components/fields/record-view/UrlRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/UrlRecordView.spec.ts
rename to frontend/src/components/fields/record-view/UrlRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/UrlRecordView.stories.ts b/frontend/src/components/fields/record-view/UrlRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/UrlRecordView.stories.ts
rename to frontend/src/components/fields/record-view/UrlRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/UrlRecordView.vue b/frontend/src/components/fields/record-view/UrlRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/UrlRecordView.vue
rename to frontend/src/components/fields/record-view/UrlRecordView.vue
diff --git a/frontend-vue/src/components/fields/record-view/UuidRecordView.spec.ts b/frontend/src/components/fields/record-view/UuidRecordView.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/UuidRecordView.spec.ts
rename to frontend/src/components/fields/record-view/UuidRecordView.spec.ts
diff --git a/frontend-vue/src/components/fields/record-view/UuidRecordView.stories.ts b/frontend/src/components/fields/record-view/UuidRecordView.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/UuidRecordView.stories.ts
rename to frontend/src/components/fields/record-view/UuidRecordView.stories.ts
diff --git a/frontend-vue/src/components/fields/record-view/UuidRecordView.vue b/frontend/src/components/fields/record-view/UuidRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/fields/record-view/UuidRecordView.vue
rename to frontend/src/components/fields/record-view/UuidRecordView.vue
diff --git a/frontend-vue/src/components/fields/stories.mocks.ts b/frontend/src/components/fields/stories.mocks.ts
similarity index 100%
rename from frontend-vue/src/components/fields/stories.mocks.ts
rename to frontend/src/components/fields/stories.mocks.ts
diff --git a/frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.spec.ts b/frontend/src/components/fields/table-display/BinaryDataCaptionDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.spec.ts
rename to frontend/src/components/fields/table-display/BinaryDataCaptionDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.stories.ts b/frontend/src/components/fields/table-display/BinaryDataCaptionDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.stories.ts
rename to frontend/src/components/fields/table-display/BinaryDataCaptionDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.vue b/frontend/src/components/fields/table-display/BinaryDataCaptionDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/BinaryDataCaptionDisplay.vue
rename to frontend/src/components/fields/table-display/BinaryDataCaptionDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/BinaryDisplay.spec.ts b/frontend/src/components/fields/table-display/BinaryDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/BinaryDisplay.spec.ts
rename to frontend/src/components/fields/table-display/BinaryDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/BinaryDisplay.stories.ts b/frontend/src/components/fields/table-display/BinaryDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/BinaryDisplay.stories.ts
rename to frontend/src/components/fields/table-display/BinaryDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/BinaryDisplay.vue b/frontend/src/components/fields/table-display/BinaryDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/BinaryDisplay.vue
rename to frontend/src/components/fields/table-display/BinaryDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/BooleanDisplay.spec.ts b/frontend/src/components/fields/table-display/BooleanDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/BooleanDisplay.spec.ts
rename to frontend/src/components/fields/table-display/BooleanDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/BooleanDisplay.stories.ts b/frontend/src/components/fields/table-display/BooleanDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/BooleanDisplay.stories.ts
rename to frontend/src/components/fields/table-display/BooleanDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/BooleanDisplay.vue b/frontend/src/components/fields/table-display/BooleanDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/BooleanDisplay.vue
rename to frontend/src/components/fields/table-display/BooleanDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/CodeDisplay.spec.ts b/frontend/src/components/fields/table-display/CodeDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/CodeDisplay.spec.ts
rename to frontend/src/components/fields/table-display/CodeDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/CodeDisplay.stories.ts b/frontend/src/components/fields/table-display/CodeDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/CodeDisplay.stories.ts
rename to frontend/src/components/fields/table-display/CodeDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/CodeDisplay.vue b/frontend/src/components/fields/table-display/CodeDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/CodeDisplay.vue
rename to frontend/src/components/fields/table-display/CodeDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/ColorDisplay.spec.ts b/frontend/src/components/fields/table-display/ColorDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/ColorDisplay.spec.ts
rename to frontend/src/components/fields/table-display/ColorDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/ColorDisplay.stories.ts b/frontend/src/components/fields/table-display/ColorDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/ColorDisplay.stories.ts
rename to frontend/src/components/fields/table-display/ColorDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/ColorDisplay.vue b/frontend/src/components/fields/table-display/ColorDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/ColorDisplay.vue
rename to frontend/src/components/fields/table-display/ColorDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/CountryDisplay.spec.ts b/frontend/src/components/fields/table-display/CountryDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/CountryDisplay.spec.ts
rename to frontend/src/components/fields/table-display/CountryDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/CountryDisplay.stories.ts b/frontend/src/components/fields/table-display/CountryDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/CountryDisplay.stories.ts
rename to frontend/src/components/fields/table-display/CountryDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/CountryDisplay.vue b/frontend/src/components/fields/table-display/CountryDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/CountryDisplay.vue
rename to frontend/src/components/fields/table-display/CountryDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/DateDisplay.spec.ts b/frontend/src/components/fields/table-display/DateDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/DateDisplay.spec.ts
rename to frontend/src/components/fields/table-display/DateDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/DateDisplay.stories.ts b/frontend/src/components/fields/table-display/DateDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/DateDisplay.stories.ts
rename to frontend/src/components/fields/table-display/DateDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/DateDisplay.vue b/frontend/src/components/fields/table-display/DateDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/DateDisplay.vue
rename to frontend/src/components/fields/table-display/DateDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/DateTimeDisplay.spec.ts b/frontend/src/components/fields/table-display/DateTimeDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/DateTimeDisplay.spec.ts
rename to frontend/src/components/fields/table-display/DateTimeDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/DateTimeDisplay.stories.ts b/frontend/src/components/fields/table-display/DateTimeDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/DateTimeDisplay.stories.ts
rename to frontend/src/components/fields/table-display/DateTimeDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/DateTimeDisplay.vue b/frontend/src/components/fields/table-display/DateTimeDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/DateTimeDisplay.vue
rename to frontend/src/components/fields/table-display/DateTimeDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/FileDisplay.spec.ts b/frontend/src/components/fields/table-display/FileDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/FileDisplay.spec.ts
rename to frontend/src/components/fields/table-display/FileDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/FileDisplay.stories.ts b/frontend/src/components/fields/table-display/FileDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/FileDisplay.stories.ts
rename to frontend/src/components/fields/table-display/FileDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/FileDisplay.vue b/frontend/src/components/fields/table-display/FileDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/FileDisplay.vue
rename to frontend/src/components/fields/table-display/FileDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.spec.ts b/frontend/src/components/fields/table-display/ForeignKeyDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.spec.ts
rename to frontend/src/components/fields/table-display/ForeignKeyDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.stories.ts b/frontend/src/components/fields/table-display/ForeignKeyDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.stories.ts
rename to frontend/src/components/fields/table-display/ForeignKeyDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.vue b/frontend/src/components/fields/table-display/ForeignKeyDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/ForeignKeyDisplay.vue
rename to frontend/src/components/fields/table-display/ForeignKeyDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/IdDisplay.spec.ts b/frontend/src/components/fields/table-display/IdDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/IdDisplay.spec.ts
rename to frontend/src/components/fields/table-display/IdDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/IdDisplay.stories.ts b/frontend/src/components/fields/table-display/IdDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/IdDisplay.stories.ts
rename to frontend/src/components/fields/table-display/IdDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/IdDisplay.vue b/frontend/src/components/fields/table-display/IdDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/IdDisplay.vue
rename to frontend/src/components/fields/table-display/IdDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/ImageDisplay.spec.ts b/frontend/src/components/fields/table-display/ImageDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/ImageDisplay.spec.ts
rename to frontend/src/components/fields/table-display/ImageDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/ImageDisplay.stories.ts b/frontend/src/components/fields/table-display/ImageDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/ImageDisplay.stories.ts
rename to frontend/src/components/fields/table-display/ImageDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/ImageDisplay.vue b/frontend/src/components/fields/table-display/ImageDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/ImageDisplay.vue
rename to frontend/src/components/fields/table-display/ImageDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/JsonEditorDisplay.spec.ts b/frontend/src/components/fields/table-display/JsonEditorDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/JsonEditorDisplay.spec.ts
rename to frontend/src/components/fields/table-display/JsonEditorDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/JsonEditorDisplay.stories.ts b/frontend/src/components/fields/table-display/JsonEditorDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/JsonEditorDisplay.stories.ts
rename to frontend/src/components/fields/table-display/JsonEditorDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/JsonEditorDisplay.vue b/frontend/src/components/fields/table-display/JsonEditorDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/JsonEditorDisplay.vue
rename to frontend/src/components/fields/table-display/JsonEditorDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/LanguageDisplay.spec.ts b/frontend/src/components/fields/table-display/LanguageDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/LanguageDisplay.spec.ts
rename to frontend/src/components/fields/table-display/LanguageDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/LanguageDisplay.stories.ts b/frontend/src/components/fields/table-display/LanguageDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/LanguageDisplay.stories.ts
rename to frontend/src/components/fields/table-display/LanguageDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/LanguageDisplay.vue b/frontend/src/components/fields/table-display/LanguageDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/LanguageDisplay.vue
rename to frontend/src/components/fields/table-display/LanguageDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/LongTextDisplay.spec.ts b/frontend/src/components/fields/table-display/LongTextDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/LongTextDisplay.spec.ts
rename to frontend/src/components/fields/table-display/LongTextDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/LongTextDisplay.stories.ts b/frontend/src/components/fields/table-display/LongTextDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/LongTextDisplay.stories.ts
rename to frontend/src/components/fields/table-display/LongTextDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/LongTextDisplay.vue b/frontend/src/components/fields/table-display/LongTextDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/LongTextDisplay.vue
rename to frontend/src/components/fields/table-display/LongTextDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/MarkdownDisplay.spec.ts b/frontend/src/components/fields/table-display/MarkdownDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/MarkdownDisplay.spec.ts
rename to frontend/src/components/fields/table-display/MarkdownDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/MarkdownDisplay.stories.ts b/frontend/src/components/fields/table-display/MarkdownDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/MarkdownDisplay.stories.ts
rename to frontend/src/components/fields/table-display/MarkdownDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/MarkdownDisplay.vue b/frontend/src/components/fields/table-display/MarkdownDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/MarkdownDisplay.vue
rename to frontend/src/components/fields/table-display/MarkdownDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/MoneyDisplay.spec.ts b/frontend/src/components/fields/table-display/MoneyDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/MoneyDisplay.spec.ts
rename to frontend/src/components/fields/table-display/MoneyDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/MoneyDisplay.stories.ts b/frontend/src/components/fields/table-display/MoneyDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/MoneyDisplay.stories.ts
rename to frontend/src/components/fields/table-display/MoneyDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/MoneyDisplay.vue b/frontend/src/components/fields/table-display/MoneyDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/MoneyDisplay.vue
rename to frontend/src/components/fields/table-display/MoneyDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/NumberDisplay.spec.ts b/frontend/src/components/fields/table-display/NumberDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/NumberDisplay.spec.ts
rename to frontend/src/components/fields/table-display/NumberDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/NumberDisplay.stories.ts b/frontend/src/components/fields/table-display/NumberDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/NumberDisplay.stories.ts
rename to frontend/src/components/fields/table-display/NumberDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/NumberDisplay.vue b/frontend/src/components/fields/table-display/NumberDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/NumberDisplay.vue
rename to frontend/src/components/fields/table-display/NumberDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/PasswordDisplay.spec.ts b/frontend/src/components/fields/table-display/PasswordDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/PasswordDisplay.spec.ts
rename to frontend/src/components/fields/table-display/PasswordDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/PasswordDisplay.stories.ts b/frontend/src/components/fields/table-display/PasswordDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/PasswordDisplay.stories.ts
rename to frontend/src/components/fields/table-display/PasswordDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/PasswordDisplay.vue b/frontend/src/components/fields/table-display/PasswordDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/PasswordDisplay.vue
rename to frontend/src/components/fields/table-display/PasswordDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/PhoneDisplay.spec.ts b/frontend/src/components/fields/table-display/PhoneDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/PhoneDisplay.spec.ts
rename to frontend/src/components/fields/table-display/PhoneDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/PhoneDisplay.stories.ts b/frontend/src/components/fields/table-display/PhoneDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/PhoneDisplay.stories.ts
rename to frontend/src/components/fields/table-display/PhoneDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/PhoneDisplay.vue b/frontend/src/components/fields/table-display/PhoneDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/PhoneDisplay.vue
rename to frontend/src/components/fields/table-display/PhoneDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/PointDisplay.spec.ts b/frontend/src/components/fields/table-display/PointDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/PointDisplay.spec.ts
rename to frontend/src/components/fields/table-display/PointDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/PointDisplay.stories.ts b/frontend/src/components/fields/table-display/PointDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/PointDisplay.stories.ts
rename to frontend/src/components/fields/table-display/PointDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/PointDisplay.vue b/frontend/src/components/fields/table-display/PointDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/PointDisplay.vue
rename to frontend/src/components/fields/table-display/PointDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/RangeDisplay.spec.ts b/frontend/src/components/fields/table-display/RangeDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/RangeDisplay.spec.ts
rename to frontend/src/components/fields/table-display/RangeDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/RangeDisplay.stories.ts b/frontend/src/components/fields/table-display/RangeDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/RangeDisplay.stories.ts
rename to frontend/src/components/fields/table-display/RangeDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/RangeDisplay.vue b/frontend/src/components/fields/table-display/RangeDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/RangeDisplay.vue
rename to frontend/src/components/fields/table-display/RangeDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/S3Display.spec.ts b/frontend/src/components/fields/table-display/S3Display.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/S3Display.spec.ts
rename to frontend/src/components/fields/table-display/S3Display.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/S3Display.stories.ts b/frontend/src/components/fields/table-display/S3Display.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/S3Display.stories.ts
rename to frontend/src/components/fields/table-display/S3Display.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/S3Display.vue b/frontend/src/components/fields/table-display/S3Display.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/S3Display.vue
rename to frontend/src/components/fields/table-display/S3Display.vue
diff --git a/frontend-vue/src/components/fields/table-display/SelectDisplay.spec.ts b/frontend/src/components/fields/table-display/SelectDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/SelectDisplay.spec.ts
rename to frontend/src/components/fields/table-display/SelectDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/SelectDisplay.stories.ts b/frontend/src/components/fields/table-display/SelectDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/SelectDisplay.stories.ts
rename to frontend/src/components/fields/table-display/SelectDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/SelectDisplay.vue b/frontend/src/components/fields/table-display/SelectDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/SelectDisplay.vue
rename to frontend/src/components/fields/table-display/SelectDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/StaticTextDisplay.spec.ts b/frontend/src/components/fields/table-display/StaticTextDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/StaticTextDisplay.spec.ts
rename to frontend/src/components/fields/table-display/StaticTextDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/StaticTextDisplay.stories.ts b/frontend/src/components/fields/table-display/StaticTextDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/StaticTextDisplay.stories.ts
rename to frontend/src/components/fields/table-display/StaticTextDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/StaticTextDisplay.vue b/frontend/src/components/fields/table-display/StaticTextDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/StaticTextDisplay.vue
rename to frontend/src/components/fields/table-display/StaticTextDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/TableDisplayCell.spec.ts b/frontend/src/components/fields/table-display/TableDisplayCell.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/TableDisplayCell.spec.ts
rename to frontend/src/components/fields/table-display/TableDisplayCell.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/TableDisplayCell.vue b/frontend/src/components/fields/table-display/TableDisplayCell.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/TableDisplayCell.vue
rename to frontend/src/components/fields/table-display/TableDisplayCell.vue
diff --git a/frontend-vue/src/components/fields/table-display/TextDisplay.spec.ts b/frontend/src/components/fields/table-display/TextDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/TextDisplay.spec.ts
rename to frontend/src/components/fields/table-display/TextDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/TextDisplay.stories.ts b/frontend/src/components/fields/table-display/TextDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/TextDisplay.stories.ts
rename to frontend/src/components/fields/table-display/TextDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/TextDisplay.vue b/frontend/src/components/fields/table-display/TextDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/TextDisplay.vue
rename to frontend/src/components/fields/table-display/TextDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/TimeDisplay.spec.ts b/frontend/src/components/fields/table-display/TimeDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/TimeDisplay.spec.ts
rename to frontend/src/components/fields/table-display/TimeDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/TimeDisplay.stories.ts b/frontend/src/components/fields/table-display/TimeDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/TimeDisplay.stories.ts
rename to frontend/src/components/fields/table-display/TimeDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/TimeDisplay.vue b/frontend/src/components/fields/table-display/TimeDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/TimeDisplay.vue
rename to frontend/src/components/fields/table-display/TimeDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.spec.ts b/frontend/src/components/fields/table-display/TimeIntervalDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.spec.ts
rename to frontend/src/components/fields/table-display/TimeIntervalDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.stories.ts b/frontend/src/components/fields/table-display/TimeIntervalDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.stories.ts
rename to frontend/src/components/fields/table-display/TimeIntervalDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.vue b/frontend/src/components/fields/table-display/TimeIntervalDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/TimeIntervalDisplay.vue
rename to frontend/src/components/fields/table-display/TimeIntervalDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/TimezoneDisplay.spec.ts b/frontend/src/components/fields/table-display/TimezoneDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/TimezoneDisplay.spec.ts
rename to frontend/src/components/fields/table-display/TimezoneDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/TimezoneDisplay.stories.ts b/frontend/src/components/fields/table-display/TimezoneDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/TimezoneDisplay.stories.ts
rename to frontend/src/components/fields/table-display/TimezoneDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/TimezoneDisplay.vue b/frontend/src/components/fields/table-display/TimezoneDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/TimezoneDisplay.vue
rename to frontend/src/components/fields/table-display/TimezoneDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/UrlDisplay.spec.ts b/frontend/src/components/fields/table-display/UrlDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/UrlDisplay.spec.ts
rename to frontend/src/components/fields/table-display/UrlDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/UrlDisplay.stories.ts b/frontend/src/components/fields/table-display/UrlDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/UrlDisplay.stories.ts
rename to frontend/src/components/fields/table-display/UrlDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/UrlDisplay.vue b/frontend/src/components/fields/table-display/UrlDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/UrlDisplay.vue
rename to frontend/src/components/fields/table-display/UrlDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/UuidDisplay.spec.ts b/frontend/src/components/fields/table-display/UuidDisplay.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/UuidDisplay.spec.ts
rename to frontend/src/components/fields/table-display/UuidDisplay.spec.ts
diff --git a/frontend-vue/src/components/fields/table-display/UuidDisplay.stories.ts b/frontend/src/components/fields/table-display/UuidDisplay.stories.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/UuidDisplay.stories.ts
rename to frontend/src/components/fields/table-display/UuidDisplay.stories.ts
diff --git a/frontend-vue/src/components/fields/table-display/UuidDisplay.vue b/frontend/src/components/fields/table-display/UuidDisplay.vue
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/UuidDisplay.vue
rename to frontend/src/components/fields/table-display/UuidDisplay.vue
diff --git a/frontend-vue/src/components/fields/table-display/testing.ts b/frontend/src/components/fields/table-display/testing.ts
similarity index 100%
rename from frontend-vue/src/components/fields/table-display/testing.ts
rename to frontend/src/components/fields/table-display/testing.ts
diff --git a/frontend-vue/src/components/fields/types.ts b/frontend/src/components/fields/types.ts
similarity index 100%
rename from frontend-vue/src/components/fields/types.ts
rename to frontend/src/components/fields/types.ts
diff --git a/frontend-vue/src/components/fields/useFieldWidget.spec.ts b/frontend/src/components/fields/useFieldWidget.spec.ts
similarity index 100%
rename from frontend-vue/src/components/fields/useFieldWidget.spec.ts
rename to frontend/src/components/fields/useFieldWidget.spec.ts
diff --git a/frontend-vue/src/components/fields/useFieldWidget.ts b/frontend/src/components/fields/useFieldWidget.ts
similarity index 100%
rename from frontend-vue/src/components/fields/useFieldWidget.ts
rename to frontend/src/components/fields/useFieldWidget.ts
diff --git a/frontend-vue/src/components/master-password/MasterPasswordDialog.spec.ts b/frontend/src/components/master-password/MasterPasswordDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/master-password/MasterPasswordDialog.spec.ts
rename to frontend/src/components/master-password/MasterPasswordDialog.spec.ts
diff --git a/frontend-vue/src/components/master-password/MasterPasswordDialog.vue b/frontend/src/components/master-password/MasterPasswordDialog.vue
similarity index 100%
rename from frontend-vue/src/components/master-password/MasterPasswordDialog.vue
rename to frontend/src/components/master-password/MasterPasswordDialog.vue
diff --git a/frontend-vue/src/components/profile/ProfileLayout.vue b/frontend/src/components/profile/ProfileLayout.vue
similarity index 100%
rename from frontend-vue/src/components/profile/ProfileLayout.vue
rename to frontend/src/components/profile/ProfileLayout.vue
diff --git a/frontend-vue/src/components/profile/ProfileSidebar.spec.ts b/frontend/src/components/profile/ProfileSidebar.spec.ts
similarity index 100%
rename from frontend-vue/src/components/profile/ProfileSidebar.spec.ts
rename to frontend/src/components/profile/ProfileSidebar.spec.ts
diff --git a/frontend-vue/src/components/profile/ProfileSidebar.vue b/frontend/src/components/profile/ProfileSidebar.vue
similarity index 100%
rename from frontend-vue/src/components/profile/ProfileSidebar.vue
rename to frontend/src/components/profile/ProfileSidebar.vue
diff --git a/frontend-vue/src/components/schema/SchemaDiagramViewer.spec.ts b/frontend/src/components/schema/SchemaDiagramViewer.spec.ts
similarity index 100%
rename from frontend-vue/src/components/schema/SchemaDiagramViewer.spec.ts
rename to frontend/src/components/schema/SchemaDiagramViewer.spec.ts
diff --git a/frontend-vue/src/components/schema/SchemaDiagramViewer.vue b/frontend/src/components/schema/SchemaDiagramViewer.vue
similarity index 100%
rename from frontend-vue/src/components/schema/SchemaDiagramViewer.vue
rename to frontend/src/components/schema/SchemaDiagramViewer.vue
diff --git a/frontend-vue/src/components/schema/SchemaEditor.spec.ts b/frontend/src/components/schema/SchemaEditor.spec.ts
similarity index 100%
rename from frontend-vue/src/components/schema/SchemaEditor.spec.ts
rename to frontend/src/components/schema/SchemaEditor.spec.ts
diff --git a/frontend-vue/src/components/schema/SchemaEditor.vue b/frontend/src/components/schema/SchemaEditor.vue
similarity index 100%
rename from frontend-vue/src/components/schema/SchemaEditor.vue
rename to frontend/src/components/schema/SchemaEditor.vue
diff --git a/frontend-vue/src/components/schema/mermaid.ts b/frontend/src/components/schema/mermaid.ts
similarity index 100%
rename from frontend-vue/src/components/schema/mermaid.ts
rename to frontend/src/components/schema/mermaid.ts
diff --git a/frontend-vue/src/components/schema/schemaChanges.spec.ts b/frontend/src/components/schema/schemaChanges.spec.ts
similarity index 100%
rename from frontend-vue/src/components/schema/schemaChanges.spec.ts
rename to frontend/src/components/schema/schemaChanges.spec.ts
diff --git a/frontend-vue/src/components/schema/schemaChanges.ts b/frontend/src/components/schema/schemaChanges.ts
similarity index 100%
rename from frontend-vue/src/components/schema/schemaChanges.ts
rename to frontend/src/components/schema/schemaChanges.ts
diff --git a/frontend-vue/src/components/secrets/CreateSecretDialog.spec.ts b/frontend/src/components/secrets/CreateSecretDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/secrets/CreateSecretDialog.spec.ts
rename to frontend/src/components/secrets/CreateSecretDialog.spec.ts
diff --git a/frontend-vue/src/components/secrets/CreateSecretDialog.vue b/frontend/src/components/secrets/CreateSecretDialog.vue
similarity index 100%
rename from frontend-vue/src/components/secrets/CreateSecretDialog.vue
rename to frontend/src/components/secrets/CreateSecretDialog.vue
diff --git a/frontend-vue/src/components/secrets/DeleteSecretDialog.spec.ts b/frontend/src/components/secrets/DeleteSecretDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/secrets/DeleteSecretDialog.spec.ts
rename to frontend/src/components/secrets/DeleteSecretDialog.spec.ts
diff --git a/frontend-vue/src/components/secrets/DeleteSecretDialog.vue b/frontend/src/components/secrets/DeleteSecretDialog.vue
similarity index 100%
rename from frontend-vue/src/components/secrets/DeleteSecretDialog.vue
rename to frontend/src/components/secrets/DeleteSecretDialog.vue
diff --git a/frontend-vue/src/components/secrets/EditSecretDialog.spec.ts b/frontend/src/components/secrets/EditSecretDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/secrets/EditSecretDialog.spec.ts
rename to frontend/src/components/secrets/EditSecretDialog.spec.ts
diff --git a/frontend-vue/src/components/secrets/EditSecretDialog.vue b/frontend/src/components/secrets/EditSecretDialog.vue
similarity index 100%
rename from frontend-vue/src/components/secrets/EditSecretDialog.vue
rename to frontend/src/components/secrets/EditSecretDialog.vue
diff --git a/frontend-vue/src/components/secrets/SecretAuditLogDialog.spec.ts b/frontend/src/components/secrets/SecretAuditLogDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/secrets/SecretAuditLogDialog.spec.ts
rename to frontend/src/components/secrets/SecretAuditLogDialog.spec.ts
diff --git a/frontend-vue/src/components/secrets/SecretAuditLogDialog.vue b/frontend/src/components/secrets/SecretAuditLogDialog.vue
similarity index 100%
rename from frontend-vue/src/components/secrets/SecretAuditLogDialog.vue
rename to frontend/src/components/secrets/SecretAuditLogDialog.vue
diff --git a/frontend-vue/src/components/secrets/SecretMasterPasswordDialog.spec.ts b/frontend/src/components/secrets/SecretMasterPasswordDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/secrets/SecretMasterPasswordDialog.spec.ts
rename to frontend/src/components/secrets/SecretMasterPasswordDialog.spec.ts
diff --git a/frontend-vue/src/components/secrets/SecretMasterPasswordDialog.vue b/frontend/src/components/secrets/SecretMasterPasswordDialog.vue
similarity index 100%
rename from frontend-vue/src/components/secrets/SecretMasterPasswordDialog.vue
rename to frontend/src/components/secrets/SecretMasterPasswordDialog.vue
diff --git a/frontend-vue/src/components/secrets/secretUtils.spec.ts b/frontend/src/components/secrets/secretUtils.spec.ts
similarity index 100%
rename from frontend-vue/src/components/secrets/secretUtils.spec.ts
rename to frontend/src/components/secrets/secretUtils.spec.ts
diff --git a/frontend-vue/src/components/secrets/secretUtils.ts b/frontend/src/components/secrets/secretUtils.ts
similarity index 100%
rename from frontend-vue/src/components/secrets/secretUtils.ts
rename to frontend/src/components/secrets/secretUtils.ts
diff --git a/frontend-vue/src/components/secrets/secretsTestUtils.ts b/frontend/src/components/secrets/secretsTestUtils.ts
similarity index 100%
rename from frontend-vue/src/components/secrets/secretsTestUtils.ts
rename to frontend/src/components/secrets/secretsTestUtils.ts
diff --git a/frontend-vue/src/components/shared/AppAlert.spec.ts b/frontend/src/components/shared/AppAlert.spec.ts
similarity index 100%
rename from frontend-vue/src/components/shared/AppAlert.spec.ts
rename to frontend/src/components/shared/AppAlert.spec.ts
diff --git a/frontend-vue/src/components/shared/AppAlert.stories.ts b/frontend/src/components/shared/AppAlert.stories.ts
similarity index 100%
rename from frontend-vue/src/components/shared/AppAlert.stories.ts
rename to frontend/src/components/shared/AppAlert.stories.ts
diff --git a/frontend-vue/src/components/shared/AppAlert.vue b/frontend/src/components/shared/AppAlert.vue
similarity index 100%
rename from frontend-vue/src/components/shared/AppAlert.vue
rename to frontend/src/components/shared/AppAlert.vue
diff --git a/frontend-vue/src/components/shared/AppBanner.spec.ts b/frontend/src/components/shared/AppBanner.spec.ts
similarity index 100%
rename from frontend-vue/src/components/shared/AppBanner.spec.ts
rename to frontend/src/components/shared/AppBanner.spec.ts
diff --git a/frontend-vue/src/components/shared/AppBanner.stories.ts b/frontend/src/components/shared/AppBanner.stories.ts
similarity index 100%
rename from frontend-vue/src/components/shared/AppBanner.stories.ts
rename to frontend/src/components/shared/AppBanner.stories.ts
diff --git a/frontend-vue/src/components/shared/AppBanner.vue b/frontend/src/components/shared/AppBanner.vue
similarity index 100%
rename from frontend-vue/src/components/shared/AppBanner.vue
rename to frontend/src/components/shared/AppBanner.vue
diff --git a/frontend-vue/src/components/shared/AppBreadcrumbs.spec.ts b/frontend/src/components/shared/AppBreadcrumbs.spec.ts
similarity index 100%
rename from frontend-vue/src/components/shared/AppBreadcrumbs.spec.ts
rename to frontend/src/components/shared/AppBreadcrumbs.spec.ts
diff --git a/frontend-vue/src/components/shared/AppBreadcrumbs.stories.ts b/frontend/src/components/shared/AppBreadcrumbs.stories.ts
similarity index 100%
rename from frontend-vue/src/components/shared/AppBreadcrumbs.stories.ts
rename to frontend/src/components/shared/AppBreadcrumbs.stories.ts
diff --git a/frontend-vue/src/components/shared/AppBreadcrumbs.vue b/frontend/src/components/shared/AppBreadcrumbs.vue
similarity index 100%
rename from frontend-vue/src/components/shared/AppBreadcrumbs.vue
rename to frontend/src/components/shared/AppBreadcrumbs.vue
diff --git a/frontend-vue/src/components/shared/AppCodeEditor.spec.ts b/frontend/src/components/shared/AppCodeEditor.spec.ts
similarity index 100%
rename from frontend-vue/src/components/shared/AppCodeEditor.spec.ts
rename to frontend/src/components/shared/AppCodeEditor.spec.ts
diff --git a/frontend-vue/src/components/shared/AppCodeEditor.stories.ts b/frontend/src/components/shared/AppCodeEditor.stories.ts
similarity index 100%
rename from frontend-vue/src/components/shared/AppCodeEditor.stories.ts
rename to frontend/src/components/shared/AppCodeEditor.stories.ts
diff --git a/frontend-vue/src/components/shared/AppCodeEditor.vue b/frontend/src/components/shared/AppCodeEditor.vue
similarity index 100%
rename from frontend-vue/src/components/shared/AppCodeEditor.vue
rename to frontend/src/components/shared/AppCodeEditor.vue
diff --git a/frontend-vue/src/components/shared/AppContentLoader.spec.ts b/frontend/src/components/shared/AppContentLoader.spec.ts
similarity index 100%
rename from frontend-vue/src/components/shared/AppContentLoader.spec.ts
rename to frontend/src/components/shared/AppContentLoader.spec.ts
diff --git a/frontend-vue/src/components/shared/AppContentLoader.stories.ts b/frontend/src/components/shared/AppContentLoader.stories.ts
similarity index 100%
rename from frontend-vue/src/components/shared/AppContentLoader.stories.ts
rename to frontend/src/components/shared/AppContentLoader.stories.ts
diff --git a/frontend-vue/src/components/shared/AppContentLoader.vue b/frontend/src/components/shared/AppContentLoader.vue
similarity index 100%
rename from frontend-vue/src/components/shared/AppContentLoader.vue
rename to frontend/src/components/shared/AppContentLoader.vue
diff --git a/frontend-vue/src/components/shared/AppIconPicker.spec.ts b/frontend/src/components/shared/AppIconPicker.spec.ts
similarity index 100%
rename from frontend-vue/src/components/shared/AppIconPicker.spec.ts
rename to frontend/src/components/shared/AppIconPicker.spec.ts
diff --git a/frontend-vue/src/components/shared/AppIconPicker.stories.ts b/frontend/src/components/shared/AppIconPicker.stories.ts
similarity index 100%
rename from frontend-vue/src/components/shared/AppIconPicker.stories.ts
rename to frontend/src/components/shared/AppIconPicker.stories.ts
diff --git a/frontend-vue/src/components/shared/AppIconPicker.vue b/frontend/src/components/shared/AppIconPicker.vue
similarity index 100%
rename from frontend-vue/src/components/shared/AppIconPicker.vue
rename to frontend/src/components/shared/AppIconPicker.vue
diff --git a/frontend-vue/src/components/shared/AppIpAddressButton.spec.ts b/frontend/src/components/shared/AppIpAddressButton.spec.ts
similarity index 100%
rename from frontend-vue/src/components/shared/AppIpAddressButton.spec.ts
rename to frontend/src/components/shared/AppIpAddressButton.spec.ts
diff --git a/frontend-vue/src/components/shared/AppIpAddressButton.vue b/frontend/src/components/shared/AppIpAddressButton.vue
similarity index 100%
rename from frontend-vue/src/components/shared/AppIpAddressButton.vue
rename to frontend/src/components/shared/AppIpAddressButton.vue
diff --git a/frontend-vue/src/components/shared/AppMarkdown.spec.ts b/frontend/src/components/shared/AppMarkdown.spec.ts
similarity index 100%
rename from frontend-vue/src/components/shared/AppMarkdown.spec.ts
rename to frontend/src/components/shared/AppMarkdown.spec.ts
diff --git a/frontend-vue/src/components/shared/AppMarkdown.stories.ts b/frontend/src/components/shared/AppMarkdown.stories.ts
similarity index 100%
rename from frontend-vue/src/components/shared/AppMarkdown.stories.ts
rename to frontend/src/components/shared/AppMarkdown.stories.ts
diff --git a/frontend-vue/src/components/shared/AppMarkdown.vue b/frontend/src/components/shared/AppMarkdown.vue
similarity index 100%
rename from frontend-vue/src/components/shared/AppMarkdown.vue
rename to frontend/src/components/shared/AppMarkdown.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderAddUserDialog.vue b/frontend/src/components/skeletons/PlaceholderAddUserDialog.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderAddUserDialog.vue
rename to frontend/src/components/skeletons/PlaceholderAddUserDialog.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderApiKeysList.vue b/frontend/src/components/skeletons/PlaceholderApiKeysList.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderApiKeysList.vue
rename to frontend/src/components/skeletons/PlaceholderApiKeysList.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderAuditLog.vue b/frontend/src/components/skeletons/PlaceholderAuditLog.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderAuditLog.vue
rename to frontend/src/components/skeletons/PlaceholderAuditLog.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderCompany.vue b/frontend/src/components/skeletons/PlaceholderCompany.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderCompany.vue
rename to frontend/src/components/skeletons/PlaceholderCompany.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderCompanyInvitation.vue b/frontend/src/components/skeletons/PlaceholderCompanyInvitation.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderCompanyInvitation.vue
rename to frontend/src/components/skeletons/PlaceholderCompanyInvitation.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderConnectionSettings.vue b/frontend/src/components/skeletons/PlaceholderConnectionSettings.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderConnectionSettings.vue
rename to frontend/src/components/skeletons/PlaceholderConnectionSettings.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderConnections.vue b/frontend/src/components/skeletons/PlaceholderConnections.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderConnections.vue
rename to frontend/src/components/skeletons/PlaceholderConnections.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderDashboards.vue b/frontend/src/components/skeletons/PlaceholderDashboards.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderDashboards.vue
rename to frontend/src/components/skeletons/PlaceholderDashboards.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderRecordView.vue b/frontend/src/components/skeletons/PlaceholderRecordView.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderRecordView.vue
rename to frontend/src/components/skeletons/PlaceholderRecordView.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderRowEdit.vue b/frontend/src/components/skeletons/PlaceholderRowEdit.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderRowEdit.vue
rename to frontend/src/components/skeletons/PlaceholderRowEdit.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderSavedFilters.vue b/frontend/src/components/skeletons/PlaceholderSavedFilters.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderSavedFilters.vue
rename to frontend/src/components/skeletons/PlaceholderSavedFilters.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderTableData.vue b/frontend/src/components/skeletons/PlaceholderTableData.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderTableData.vue
rename to frontend/src/components/skeletons/PlaceholderTableData.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderTableSettings.vue b/frontend/src/components/skeletons/PlaceholderTableSettings.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderTableSettings.vue
rename to frontend/src/components/skeletons/PlaceholderTableSettings.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderTableView.vue b/frontend/src/components/skeletons/PlaceholderTableView.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderTableView.vue
rename to frontend/src/components/skeletons/PlaceholderTableView.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderTableWidgets.vue b/frontend/src/components/skeletons/PlaceholderTableWidgets.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderTableWidgets.vue
rename to frontend/src/components/skeletons/PlaceholderTableWidgets.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderUserGroup.vue b/frontend/src/components/skeletons/PlaceholderUserGroup.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderUserGroup.vue
rename to frontend/src/components/skeletons/PlaceholderUserGroup.vue
diff --git a/frontend-vue/src/components/skeletons/PlaceholderUserGroups.vue b/frontend/src/components/skeletons/PlaceholderUserGroups.vue
similarity index 100%
rename from frontend-vue/src/components/skeletons/PlaceholderUserGroups.vue
rename to frontend/src/components/skeletons/PlaceholderUserGroups.vue
diff --git a/frontend-vue/src/components/skeletons/Placeholders.stories.ts b/frontend/src/components/skeletons/Placeholders.stories.ts
similarity index 100%
rename from frontend-vue/src/components/skeletons/Placeholders.stories.ts
rename to frontend/src/components/skeletons/Placeholders.stories.ts
diff --git a/frontend-vue/src/components/skeletons/placeholders.spec.ts b/frontend/src/components/skeletons/placeholders.spec.ts
similarity index 100%
rename from frontend-vue/src/components/skeletons/placeholders.spec.ts
rename to frontend/src/components/skeletons/placeholders.spec.ts
diff --git a/frontend-vue/src/components/table/ActionDeleteDialog.vue b/frontend/src/components/table/ActionDeleteDialog.vue
similarity index 100%
rename from frontend-vue/src/components/table/ActionDeleteDialog.vue
rename to frontend/src/components/table/ActionDeleteDialog.vue
diff --git a/frontend-vue/src/components/table/AutomationsEmptyState.vue b/frontend/src/components/table/AutomationsEmptyState.vue
similarity index 100%
rename from frontend-vue/src/components/table/AutomationsEmptyState.vue
rename to frontend/src/components/table/AutomationsEmptyState.vue
diff --git a/frontend-vue/src/components/table/TableWidgetItem.vue b/frontend/src/components/table/TableWidgetItem.vue
similarity index 100%
rename from frontend-vue/src/components/table/TableWidgetItem.vue
rename to frontend/src/components/table/TableWidgetItem.vue
diff --git a/frontend-vue/src/components/table/WebhookSnippets.vue b/frontend/src/components/table/WebhookSnippets.vue
similarity index 100%
rename from frontend-vue/src/components/table/WebhookSnippets.vue
rename to frontend/src/components/table/WebhookSnippets.vue
diff --git a/frontend-vue/src/components/table/WidgetDeleteDialog.vue b/frontend/src/components/table/WidgetDeleteDialog.vue
similarity index 100%
rename from frontend-vue/src/components/table/WidgetDeleteDialog.vue
rename to frontend/src/components/table/WidgetDeleteDialog.vue
diff --git a/frontend-vue/src/components/table/WidgetsEmptyState.vue b/frontend/src/components/table/WidgetsEmptyState.vue
similarity index 100%
rename from frontend-vue/src/components/table/WidgetsEmptyState.vue
rename to frontend/src/components/table/WidgetsEmptyState.vue
diff --git a/frontend-vue/src/components/table/analytics.ts b/frontend/src/components/table/analytics.ts
similarity index 100%
rename from frontend-vue/src/components/table/analytics.ts
rename to frontend/src/components/table/analytics.ts
diff --git a/frontend-vue/src/components/table/dialogs.spec.ts b/frontend/src/components/table/dialogs.spec.ts
similarity index 100%
rename from frontend-vue/src/components/table/dialogs.spec.ts
rename to frontend/src/components/table/dialogs.spec.ts
diff --git a/frontend-vue/src/components/table/widget-defaults.spec.ts b/frontend/src/components/table/widget-defaults.spec.ts
similarity index 100%
rename from frontend-vue/src/components/table/widget-defaults.spec.ts
rename to frontend/src/components/table/widget-defaults.spec.ts
diff --git a/frontend-vue/src/components/table/widget-defaults.ts b/frontend/src/components/table/widget-defaults.ts
similarity index 100%
rename from frontend-vue/src/components/table/widget-defaults.ts
rename to frontend/src/components/table/widget-defaults.ts
diff --git a/frontend-vue/src/components/ui/CONVENTIONS.md b/frontend/src/components/ui/CONVENTIONS.md
similarity index 100%
rename from frontend-vue/src/components/ui/CONVENTIONS.md
rename to frontend/src/components/ui/CONVENTIONS.md
diff --git a/frontend-vue/src/components/ui/UiAccordion.vue b/frontend/src/components/ui/UiAccordion.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiAccordion.vue
rename to frontend/src/components/ui/UiAccordion.vue
diff --git a/frontend-vue/src/components/ui/UiAlert.spec.ts b/frontend/src/components/ui/UiAlert.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiAlert.spec.ts
rename to frontend/src/components/ui/UiAlert.spec.ts
diff --git a/frontend-vue/src/components/ui/UiAlert.stories.ts b/frontend/src/components/ui/UiAlert.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiAlert.stories.ts
rename to frontend/src/components/ui/UiAlert.stories.ts
diff --git a/frontend-vue/src/components/ui/UiAlert.vue b/frontend/src/components/ui/UiAlert.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiAlert.vue
rename to frontend/src/components/ui/UiAlert.vue
diff --git a/frontend-vue/src/components/ui/UiAutocomplete.spec.ts b/frontend/src/components/ui/UiAutocomplete.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiAutocomplete.spec.ts
rename to frontend/src/components/ui/UiAutocomplete.spec.ts
diff --git a/frontend-vue/src/components/ui/UiAutocomplete.stories.ts b/frontend/src/components/ui/UiAutocomplete.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiAutocomplete.stories.ts
rename to frontend/src/components/ui/UiAutocomplete.stories.ts
diff --git a/frontend-vue/src/components/ui/UiAutocomplete.vue b/frontend/src/components/ui/UiAutocomplete.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiAutocomplete.vue
rename to frontend/src/components/ui/UiAutocomplete.vue
diff --git a/frontend-vue/src/components/ui/UiBadge.spec.ts b/frontend/src/components/ui/UiBadge.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiBadge.spec.ts
rename to frontend/src/components/ui/UiBadge.spec.ts
diff --git a/frontend-vue/src/components/ui/UiBadge.stories.ts b/frontend/src/components/ui/UiBadge.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiBadge.stories.ts
rename to frontend/src/components/ui/UiBadge.stories.ts
diff --git a/frontend-vue/src/components/ui/UiBadge.vue b/frontend/src/components/ui/UiBadge.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiBadge.vue
rename to frontend/src/components/ui/UiBadge.vue
diff --git a/frontend-vue/src/components/ui/UiButton.spec.ts b/frontend/src/components/ui/UiButton.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiButton.spec.ts
rename to frontend/src/components/ui/UiButton.spec.ts
diff --git a/frontend-vue/src/components/ui/UiButton.stories.ts b/frontend/src/components/ui/UiButton.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiButton.stories.ts
rename to frontend/src/components/ui/UiButton.stories.ts
diff --git a/frontend-vue/src/components/ui/UiButton.vue b/frontend/src/components/ui/UiButton.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiButton.vue
rename to frontend/src/components/ui/UiButton.vue
diff --git a/frontend-vue/src/components/ui/UiCard.spec.ts b/frontend/src/components/ui/UiCard.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiCard.spec.ts
rename to frontend/src/components/ui/UiCard.spec.ts
diff --git a/frontend-vue/src/components/ui/UiCard.stories.ts b/frontend/src/components/ui/UiCard.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiCard.stories.ts
rename to frontend/src/components/ui/UiCard.stories.ts
diff --git a/frontend-vue/src/components/ui/UiCard.vue b/frontend/src/components/ui/UiCard.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiCard.vue
rename to frontend/src/components/ui/UiCard.vue
diff --git a/frontend-vue/src/components/ui/UiCheckbox.spec.ts b/frontend/src/components/ui/UiCheckbox.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiCheckbox.spec.ts
rename to frontend/src/components/ui/UiCheckbox.spec.ts
diff --git a/frontend-vue/src/components/ui/UiCheckbox.stories.ts b/frontend/src/components/ui/UiCheckbox.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiCheckbox.stories.ts
rename to frontend/src/components/ui/UiCheckbox.stories.ts
diff --git a/frontend-vue/src/components/ui/UiCheckbox.vue b/frontend/src/components/ui/UiCheckbox.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiCheckbox.vue
rename to frontend/src/components/ui/UiCheckbox.vue
diff --git a/frontend-vue/src/components/ui/UiChip.spec.ts b/frontend/src/components/ui/UiChip.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiChip.spec.ts
rename to frontend/src/components/ui/UiChip.spec.ts
diff --git a/frontend-vue/src/components/ui/UiChip.stories.ts b/frontend/src/components/ui/UiChip.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiChip.stories.ts
rename to frontend/src/components/ui/UiChip.stories.ts
diff --git a/frontend-vue/src/components/ui/UiChip.vue b/frontend/src/components/ui/UiChip.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiChip.vue
rename to frontend/src/components/ui/UiChip.vue
diff --git a/frontend-vue/src/components/ui/UiConfirmDialog.spec.ts b/frontend/src/components/ui/UiConfirmDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiConfirmDialog.spec.ts
rename to frontend/src/components/ui/UiConfirmDialog.spec.ts
diff --git a/frontend-vue/src/components/ui/UiConfirmDialog.stories.ts b/frontend/src/components/ui/UiConfirmDialog.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiConfirmDialog.stories.ts
rename to frontend/src/components/ui/UiConfirmDialog.stories.ts
diff --git a/frontend-vue/src/components/ui/UiConfirmDialog.vue b/frontend/src/components/ui/UiConfirmDialog.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiConfirmDialog.vue
rename to frontend/src/components/ui/UiConfirmDialog.vue
diff --git a/frontend-vue/src/components/ui/UiDivider.spec.ts b/frontend/src/components/ui/UiDivider.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiDivider.spec.ts
rename to frontend/src/components/ui/UiDivider.spec.ts
diff --git a/frontend-vue/src/components/ui/UiDivider.stories.ts b/frontend/src/components/ui/UiDivider.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiDivider.stories.ts
rename to frontend/src/components/ui/UiDivider.stories.ts
diff --git a/frontend-vue/src/components/ui/UiDivider.vue b/frontend/src/components/ui/UiDivider.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiDivider.vue
rename to frontend/src/components/ui/UiDivider.vue
diff --git a/frontend-vue/src/components/ui/UiDrawer.spec.ts b/frontend/src/components/ui/UiDrawer.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiDrawer.spec.ts
rename to frontend/src/components/ui/UiDrawer.spec.ts
diff --git a/frontend-vue/src/components/ui/UiDrawer.stories.ts b/frontend/src/components/ui/UiDrawer.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiDrawer.stories.ts
rename to frontend/src/components/ui/UiDrawer.stories.ts
diff --git a/frontend-vue/src/components/ui/UiDrawer.vue b/frontend/src/components/ui/UiDrawer.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiDrawer.vue
rename to frontend/src/components/ui/UiDrawer.vue
diff --git a/frontend-vue/src/components/ui/UiExpansionPanel.spec.ts b/frontend/src/components/ui/UiExpansionPanel.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiExpansionPanel.spec.ts
rename to frontend/src/components/ui/UiExpansionPanel.spec.ts
diff --git a/frontend-vue/src/components/ui/UiExpansionPanel.stories.ts b/frontend/src/components/ui/UiExpansionPanel.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiExpansionPanel.stories.ts
rename to frontend/src/components/ui/UiExpansionPanel.stories.ts
diff --git a/frontend-vue/src/components/ui/UiExpansionPanel.vue b/frontend/src/components/ui/UiExpansionPanel.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiExpansionPanel.vue
rename to frontend/src/components/ui/UiExpansionPanel.vue
diff --git a/frontend-vue/src/components/ui/UiField.spec.ts b/frontend/src/components/ui/UiField.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiField.spec.ts
rename to frontend/src/components/ui/UiField.spec.ts
diff --git a/frontend-vue/src/components/ui/UiField.stories.ts b/frontend/src/components/ui/UiField.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiField.stories.ts
rename to frontend/src/components/ui/UiField.stories.ts
diff --git a/frontend-vue/src/components/ui/UiField.vue b/frontend/src/components/ui/UiField.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiField.vue
rename to frontend/src/components/ui/UiField.vue
diff --git a/frontend-vue/src/components/ui/UiIcon.spec.ts b/frontend/src/components/ui/UiIcon.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiIcon.spec.ts
rename to frontend/src/components/ui/UiIcon.spec.ts
diff --git a/frontend-vue/src/components/ui/UiIcon.stories.ts b/frontend/src/components/ui/UiIcon.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiIcon.stories.ts
rename to frontend/src/components/ui/UiIcon.stories.ts
diff --git a/frontend-vue/src/components/ui/UiIcon.vue b/frontend/src/components/ui/UiIcon.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiIcon.vue
rename to frontend/src/components/ui/UiIcon.vue
diff --git a/frontend-vue/src/components/ui/UiIconButton.spec.ts b/frontend/src/components/ui/UiIconButton.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiIconButton.spec.ts
rename to frontend/src/components/ui/UiIconButton.spec.ts
diff --git a/frontend-vue/src/components/ui/UiIconButton.stories.ts b/frontend/src/components/ui/UiIconButton.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiIconButton.stories.ts
rename to frontend/src/components/ui/UiIconButton.stories.ts
diff --git a/frontend-vue/src/components/ui/UiIconButton.vue b/frontend/src/components/ui/UiIconButton.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiIconButton.vue
rename to frontend/src/components/ui/UiIconButton.vue
diff --git a/frontend-vue/src/components/ui/UiInput.spec.ts b/frontend/src/components/ui/UiInput.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiInput.spec.ts
rename to frontend/src/components/ui/UiInput.spec.ts
diff --git a/frontend-vue/src/components/ui/UiInput.vue b/frontend/src/components/ui/UiInput.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiInput.vue
rename to frontend/src/components/ui/UiInput.vue
diff --git a/frontend-vue/src/components/ui/UiList.spec.ts b/frontend/src/components/ui/UiList.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiList.spec.ts
rename to frontend/src/components/ui/UiList.spec.ts
diff --git a/frontend-vue/src/components/ui/UiList.stories.ts b/frontend/src/components/ui/UiList.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiList.stories.ts
rename to frontend/src/components/ui/UiList.stories.ts
diff --git a/frontend-vue/src/components/ui/UiList.vue b/frontend/src/components/ui/UiList.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiList.vue
rename to frontend/src/components/ui/UiList.vue
diff --git a/frontend-vue/src/components/ui/UiListItem.vue b/frontend/src/components/ui/UiListItem.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiListItem.vue
rename to frontend/src/components/ui/UiListItem.vue
diff --git a/frontend-vue/src/components/ui/UiMenu.spec.ts b/frontend/src/components/ui/UiMenu.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiMenu.spec.ts
rename to frontend/src/components/ui/UiMenu.spec.ts
diff --git a/frontend-vue/src/components/ui/UiMenu.stories.ts b/frontend/src/components/ui/UiMenu.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiMenu.stories.ts
rename to frontend/src/components/ui/UiMenu.stories.ts
diff --git a/frontend-vue/src/components/ui/UiMenu.vue b/frontend/src/components/ui/UiMenu.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiMenu.vue
rename to frontend/src/components/ui/UiMenu.vue
diff --git a/frontend-vue/src/components/ui/UiMenuItem.vue b/frontend/src/components/ui/UiMenuItem.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiMenuItem.vue
rename to frontend/src/components/ui/UiMenuItem.vue
diff --git a/frontend-vue/src/components/ui/UiModal.spec.ts b/frontend/src/components/ui/UiModal.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiModal.spec.ts
rename to frontend/src/components/ui/UiModal.spec.ts
diff --git a/frontend-vue/src/components/ui/UiModal.stories.ts b/frontend/src/components/ui/UiModal.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiModal.stories.ts
rename to frontend/src/components/ui/UiModal.stories.ts
diff --git a/frontend-vue/src/components/ui/UiModal.vue b/frontend/src/components/ui/UiModal.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiModal.vue
rename to frontend/src/components/ui/UiModal.vue
diff --git a/frontend-vue/src/components/ui/UiPageShell.spec.ts b/frontend/src/components/ui/UiPageShell.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiPageShell.spec.ts
rename to frontend/src/components/ui/UiPageShell.spec.ts
diff --git a/frontend-vue/src/components/ui/UiPageShell.stories.ts b/frontend/src/components/ui/UiPageShell.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiPageShell.stories.ts
rename to frontend/src/components/ui/UiPageShell.stories.ts
diff --git a/frontend-vue/src/components/ui/UiPageShell.vue b/frontend/src/components/ui/UiPageShell.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiPageShell.vue
rename to frontend/src/components/ui/UiPageShell.vue
diff --git a/frontend-vue/src/components/ui/UiPaginator.spec.ts b/frontend/src/components/ui/UiPaginator.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiPaginator.spec.ts
rename to frontend/src/components/ui/UiPaginator.spec.ts
diff --git a/frontend-vue/src/components/ui/UiPaginator.stories.ts b/frontend/src/components/ui/UiPaginator.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiPaginator.stories.ts
rename to frontend/src/components/ui/UiPaginator.stories.ts
diff --git a/frontend-vue/src/components/ui/UiPaginator.vue b/frontend/src/components/ui/UiPaginator.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiPaginator.vue
rename to frontend/src/components/ui/UiPaginator.vue
diff --git a/frontend-vue/src/components/ui/UiProgressBar.spec.ts b/frontend/src/components/ui/UiProgressBar.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiProgressBar.spec.ts
rename to frontend/src/components/ui/UiProgressBar.spec.ts
diff --git a/frontend-vue/src/components/ui/UiProgressBar.stories.ts b/frontend/src/components/ui/UiProgressBar.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiProgressBar.stories.ts
rename to frontend/src/components/ui/UiProgressBar.stories.ts
diff --git a/frontend-vue/src/components/ui/UiProgressBar.vue b/frontend/src/components/ui/UiProgressBar.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiProgressBar.vue
rename to frontend/src/components/ui/UiProgressBar.vue
diff --git a/frontend-vue/src/components/ui/UiRadio.vue b/frontend/src/components/ui/UiRadio.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiRadio.vue
rename to frontend/src/components/ui/UiRadio.vue
diff --git a/frontend-vue/src/components/ui/UiRadioGroup.spec.ts b/frontend/src/components/ui/UiRadioGroup.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiRadioGroup.spec.ts
rename to frontend/src/components/ui/UiRadioGroup.spec.ts
diff --git a/frontend-vue/src/components/ui/UiRadioGroup.stories.ts b/frontend/src/components/ui/UiRadioGroup.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiRadioGroup.stories.ts
rename to frontend/src/components/ui/UiRadioGroup.stories.ts
diff --git a/frontend-vue/src/components/ui/UiRadioGroup.vue b/frontend/src/components/ui/UiRadioGroup.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiRadioGroup.vue
rename to frontend/src/components/ui/UiRadioGroup.vue
diff --git a/frontend-vue/src/components/ui/UiSegmented.spec.ts b/frontend/src/components/ui/UiSegmented.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiSegmented.spec.ts
rename to frontend/src/components/ui/UiSegmented.spec.ts
diff --git a/frontend-vue/src/components/ui/UiSegmented.stories.ts b/frontend/src/components/ui/UiSegmented.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiSegmented.stories.ts
rename to frontend/src/components/ui/UiSegmented.stories.ts
diff --git a/frontend-vue/src/components/ui/UiSegmented.vue b/frontend/src/components/ui/UiSegmented.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiSegmented.vue
rename to frontend/src/components/ui/UiSegmented.vue
diff --git a/frontend-vue/src/components/ui/UiSelect.spec.ts b/frontend/src/components/ui/UiSelect.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiSelect.spec.ts
rename to frontend/src/components/ui/UiSelect.spec.ts
diff --git a/frontend-vue/src/components/ui/UiSelect.stories.ts b/frontend/src/components/ui/UiSelect.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiSelect.stories.ts
rename to frontend/src/components/ui/UiSelect.stories.ts
diff --git a/frontend-vue/src/components/ui/UiSelect.vue b/frontend/src/components/ui/UiSelect.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiSelect.vue
rename to frontend/src/components/ui/UiSelect.vue
diff --git a/frontend-vue/src/components/ui/UiSkeleton.spec.ts b/frontend/src/components/ui/UiSkeleton.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiSkeleton.spec.ts
rename to frontend/src/components/ui/UiSkeleton.spec.ts
diff --git a/frontend-vue/src/components/ui/UiSkeleton.stories.ts b/frontend/src/components/ui/UiSkeleton.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiSkeleton.stories.ts
rename to frontend/src/components/ui/UiSkeleton.stories.ts
diff --git a/frontend-vue/src/components/ui/UiSkeleton.vue b/frontend/src/components/ui/UiSkeleton.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiSkeleton.vue
rename to frontend/src/components/ui/UiSkeleton.vue
diff --git a/frontend-vue/src/components/ui/UiSpinner.spec.ts b/frontend/src/components/ui/UiSpinner.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiSpinner.spec.ts
rename to frontend/src/components/ui/UiSpinner.spec.ts
diff --git a/frontend-vue/src/components/ui/UiSpinner.stories.ts b/frontend/src/components/ui/UiSpinner.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiSpinner.stories.ts
rename to frontend/src/components/ui/UiSpinner.stories.ts
diff --git a/frontend-vue/src/components/ui/UiSpinner.vue b/frontend/src/components/ui/UiSpinner.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiSpinner.vue
rename to frontend/src/components/ui/UiSpinner.vue
diff --git a/frontend-vue/src/components/ui/UiSwitch.spec.ts b/frontend/src/components/ui/UiSwitch.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiSwitch.spec.ts
rename to frontend/src/components/ui/UiSwitch.spec.ts
diff --git a/frontend-vue/src/components/ui/UiSwitch.stories.ts b/frontend/src/components/ui/UiSwitch.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiSwitch.stories.ts
rename to frontend/src/components/ui/UiSwitch.stories.ts
diff --git a/frontend-vue/src/components/ui/UiSwitch.vue b/frontend/src/components/ui/UiSwitch.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiSwitch.vue
rename to frontend/src/components/ui/UiSwitch.vue
diff --git a/frontend-vue/src/components/ui/UiTab.vue b/frontend/src/components/ui/UiTab.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiTab.vue
rename to frontend/src/components/ui/UiTab.vue
diff --git a/frontend-vue/src/components/ui/UiTabPanel.vue b/frontend/src/components/ui/UiTabPanel.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiTabPanel.vue
rename to frontend/src/components/ui/UiTabPanel.vue
diff --git a/frontend-vue/src/components/ui/UiTable.spec.ts b/frontend/src/components/ui/UiTable.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiTable.spec.ts
rename to frontend/src/components/ui/UiTable.spec.ts
diff --git a/frontend-vue/src/components/ui/UiTable.stories.ts b/frontend/src/components/ui/UiTable.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiTable.stories.ts
rename to frontend/src/components/ui/UiTable.stories.ts
diff --git a/frontend-vue/src/components/ui/UiTable.vue b/frontend/src/components/ui/UiTable.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiTable.vue
rename to frontend/src/components/ui/UiTable.vue
diff --git a/frontend-vue/src/components/ui/UiTabs.spec.ts b/frontend/src/components/ui/UiTabs.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiTabs.spec.ts
rename to frontend/src/components/ui/UiTabs.spec.ts
diff --git a/frontend-vue/src/components/ui/UiTabs.stories.ts b/frontend/src/components/ui/UiTabs.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiTabs.stories.ts
rename to frontend/src/components/ui/UiTabs.stories.ts
diff --git a/frontend-vue/src/components/ui/UiTabs.vue b/frontend/src/components/ui/UiTabs.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiTabs.vue
rename to frontend/src/components/ui/UiTabs.vue
diff --git a/frontend-vue/src/components/ui/UiTextarea.spec.ts b/frontend/src/components/ui/UiTextarea.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiTextarea.spec.ts
rename to frontend/src/components/ui/UiTextarea.spec.ts
diff --git a/frontend-vue/src/components/ui/UiTextarea.stories.ts b/frontend/src/components/ui/UiTextarea.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/UiTextarea.stories.ts
rename to frontend/src/components/ui/UiTextarea.stories.ts
diff --git a/frontend-vue/src/components/ui/UiTextarea.vue b/frontend/src/components/ui/UiTextarea.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiTextarea.vue
rename to frontend/src/components/ui/UiTextarea.vue
diff --git a/frontend-vue/src/components/ui/UiTooltipLayer.vue b/frontend/src/components/ui/UiTooltipLayer.vue
similarity index 100%
rename from frontend-vue/src/components/ui/UiTooltipLayer.vue
rename to frontend/src/components/ui/UiTooltipLayer.vue
diff --git a/frontend-vue/src/components/ui/__tests__/a11y.spec.ts b/frontend/src/components/ui/__tests__/a11y.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/__tests__/a11y.spec.ts
rename to frontend/src/components/ui/__tests__/a11y.spec.ts
diff --git a/frontend-vue/src/components/ui/__tests__/axe.ts b/frontend/src/components/ui/__tests__/axe.ts
similarity index 100%
rename from frontend-vue/src/components/ui/__tests__/axe.ts
rename to frontend/src/components/ui/__tests__/axe.ts
diff --git a/frontend-vue/src/components/ui/accordionContext.ts b/frontend/src/components/ui/accordionContext.ts
similarity index 100%
rename from frontend-vue/src/components/ui/accordionContext.ts
rename to frontend/src/components/ui/accordionContext.ts
diff --git a/frontend-vue/src/components/ui/docs/00-GettingStarted.mdx b/frontend/src/components/ui/docs/00-GettingStarted.mdx
similarity index 100%
rename from frontend-vue/src/components/ui/docs/00-GettingStarted.mdx
rename to frontend/src/components/ui/docs/00-GettingStarted.mdx
diff --git a/frontend-vue/src/components/ui/docs/01-Conventions.mdx b/frontend/src/components/ui/docs/01-Conventions.mdx
similarity index 100%
rename from frontend-vue/src/components/ui/docs/01-Conventions.mdx
rename to frontend/src/components/ui/docs/01-Conventions.mdx
diff --git a/frontend-vue/src/components/ui/docs/02-Color.mdx b/frontend/src/components/ui/docs/02-Color.mdx
similarity index 100%
rename from frontend-vue/src/components/ui/docs/02-Color.mdx
rename to frontend/src/components/ui/docs/02-Color.mdx
diff --git a/frontend-vue/src/components/ui/docs/03-Typography.mdx b/frontend/src/components/ui/docs/03-Typography.mdx
similarity index 100%
rename from frontend-vue/src/components/ui/docs/03-Typography.mdx
rename to frontend/src/components/ui/docs/03-Typography.mdx
diff --git a/frontend-vue/src/components/ui/docs/04-Spacing.mdx b/frontend/src/components/ui/docs/04-Spacing.mdx
similarity index 100%
rename from frontend-vue/src/components/ui/docs/04-Spacing.mdx
rename to frontend/src/components/ui/docs/04-Spacing.mdx
diff --git a/frontend-vue/src/components/ui/docs/05-Shape.mdx b/frontend/src/components/ui/docs/05-Shape.mdx
similarity index 100%
rename from frontend-vue/src/components/ui/docs/05-Shape.mdx
rename to frontend/src/components/ui/docs/05-Shape.mdx
diff --git a/frontend-vue/src/components/ui/docs/06-Elevation.mdx b/frontend/src/components/ui/docs/06-Elevation.mdx
similarity index 100%
rename from frontend-vue/src/components/ui/docs/06-Elevation.mdx
rename to frontend/src/components/ui/docs/06-Elevation.mdx
diff --git a/frontend-vue/src/components/ui/docs/07-Motion.mdx b/frontend/src/components/ui/docs/07-Motion.mdx
similarity index 100%
rename from frontend-vue/src/components/ui/docs/07-Motion.mdx
rename to frontend/src/components/ui/docs/07-Motion.mdx
diff --git a/frontend-vue/src/components/ui/docs/ScaleSpecimens.vue b/frontend/src/components/ui/docs/ScaleSpecimens.vue
similarity index 100%
rename from frontend-vue/src/components/ui/docs/ScaleSpecimens.vue
rename to frontend/src/components/ui/docs/ScaleSpecimens.vue
diff --git a/frontend-vue/src/components/ui/docs/SpecimenList.vue b/frontend/src/components/ui/docs/SpecimenList.vue
similarity index 100%
rename from frontend-vue/src/components/ui/docs/SpecimenList.vue
rename to frontend/src/components/ui/docs/SpecimenList.vue
diff --git a/frontend-vue/src/components/ui/docs/SwatchGrid.vue b/frontend/src/components/ui/docs/SwatchGrid.vue
similarity index 100%
rename from frontend-vue/src/components/ui/docs/SwatchGrid.vue
rename to frontend/src/components/ui/docs/SwatchGrid.vue
diff --git a/frontend-vue/src/components/ui/docs/TokenTable.vue b/frontend/src/components/ui/docs/TokenTable.vue
similarity index 100%
rename from frontend-vue/src/components/ui/docs/TokenTable.vue
rename to frontend/src/components/ui/docs/TokenTable.vue
diff --git a/frontend-vue/src/components/ui/docs/TypeSpecimens.vue b/frontend/src/components/ui/docs/TypeSpecimens.vue
similarity index 100%
rename from frontend-vue/src/components/ui/docs/TypeSpecimens.vue
rename to frontend/src/components/ui/docs/TypeSpecimens.vue
diff --git a/frontend-vue/src/components/ui/docs/conventions.spec.ts b/frontend/src/components/ui/docs/conventions.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/docs/conventions.spec.ts
rename to frontend/src/components/ui/docs/conventions.spec.ts
diff --git a/frontend-vue/src/components/ui/docs/foundations.stories.ts b/frontend/src/components/ui/docs/foundations.stories.ts
similarity index 100%
rename from frontend-vue/src/components/ui/docs/foundations.stories.ts
rename to frontend/src/components/ui/docs/foundations.stories.ts
diff --git a/frontend-vue/src/components/ui/docs/readTokens.spec.ts b/frontend/src/components/ui/docs/readTokens.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/docs/readTokens.spec.ts
rename to frontend/src/components/ui/docs/readTokens.spec.ts
diff --git a/frontend-vue/src/components/ui/docs/readTokens.ts b/frontend/src/components/ui/docs/readTokens.ts
similarity index 100%
rename from frontend-vue/src/components/ui/docs/readTokens.ts
rename to frontend/src/components/ui/docs/readTokens.ts
diff --git a/frontend-vue/src/components/ui/docs/specimens.spec.ts b/frontend/src/components/ui/docs/specimens.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/docs/specimens.spec.ts
rename to frontend/src/components/ui/docs/specimens.spec.ts
diff --git a/frontend-vue/src/components/ui/fieldContext.ts b/frontend/src/components/ui/fieldContext.ts
similarity index 100%
rename from frontend-vue/src/components/ui/fieldContext.ts
rename to frontend/src/components/ui/fieldContext.ts
diff --git a/frontend-vue/src/components/ui/index.ts b/frontend/src/components/ui/index.ts
similarity index 100%
rename from frontend-vue/src/components/ui/index.ts
rename to frontend/src/components/ui/index.ts
diff --git a/frontend-vue/src/components/ui/menuContext.ts b/frontend/src/components/ui/menuContext.ts
similarity index 100%
rename from frontend-vue/src/components/ui/menuContext.ts
rename to frontend/src/components/ui/menuContext.ts
diff --git a/frontend-vue/src/components/ui/radioContext.ts b/frontend/src/components/ui/radioContext.ts
similarity index 100%
rename from frontend-vue/src/components/ui/radioContext.ts
rename to frontend/src/components/ui/radioContext.ts
diff --git a/frontend-vue/src/components/ui/selectOption.ts b/frontend/src/components/ui/selectOption.ts
similarity index 100%
rename from frontend-vue/src/components/ui/selectOption.ts
rename to frontend/src/components/ui/selectOption.ts
diff --git a/frontend-vue/src/components/ui/tableTypes.ts b/frontend/src/components/ui/tableTypes.ts
similarity index 100%
rename from frontend-vue/src/components/ui/tableTypes.ts
rename to frontend/src/components/ui/tableTypes.ts
diff --git a/frontend-vue/src/components/ui/tabsContext.ts b/frontend/src/components/ui/tabsContext.ts
similarity index 100%
rename from frontend-vue/src/components/ui/tabsContext.ts
rename to frontend/src/components/ui/tabsContext.ts
diff --git a/frontend-vue/src/components/ui/tooltip.spec.ts b/frontend/src/components/ui/tooltip.spec.ts
similarity index 100%
rename from frontend-vue/src/components/ui/tooltip.spec.ts
rename to frontend/src/components/ui/tooltip.spec.ts
diff --git a/frontend-vue/src/components/ui/tooltip.ts b/frontend/src/components/ui/tooltip.ts
similarity index 100%
rename from frontend-vue/src/components/ui/tooltip.ts
rename to frontend/src/components/ui/tooltip.ts
diff --git a/frontend-vue/src/components/ui/tooltipState.ts b/frontend/src/components/ui/tooltipState.ts
similarity index 100%
rename from frontend-vue/src/components/ui/tooltipState.ts
rename to frontend/src/components/ui/tooltipState.ts
diff --git a/frontend-vue/src/components/user-settings/AccountDeleteConfirmationDialog.spec.ts b/frontend/src/components/user-settings/AccountDeleteConfirmationDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/user-settings/AccountDeleteConfirmationDialog.spec.ts
rename to frontend/src/components/user-settings/AccountDeleteConfirmationDialog.spec.ts
diff --git a/frontend-vue/src/components/user-settings/AccountDeleteConfirmationDialog.vue b/frontend/src/components/user-settings/AccountDeleteConfirmationDialog.vue
similarity index 100%
rename from frontend-vue/src/components/user-settings/AccountDeleteConfirmationDialog.vue
rename to frontend/src/components/user-settings/AccountDeleteConfirmationDialog.vue
diff --git a/frontend-vue/src/components/user-settings/AccountDeleteDialog.spec.ts b/frontend/src/components/user-settings/AccountDeleteDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/user-settings/AccountDeleteDialog.spec.ts
rename to frontend/src/components/user-settings/AccountDeleteDialog.spec.ts
diff --git a/frontend-vue/src/components/user-settings/AccountDeleteDialog.vue b/frontend/src/components/user-settings/AccountDeleteDialog.vue
similarity index 100%
rename from frontend-vue/src/components/user-settings/AccountDeleteDialog.vue
rename to frontend/src/components/user-settings/AccountDeleteDialog.vue
diff --git a/frontend-vue/src/components/user-settings/ApiKeyDeleteDialog.spec.ts b/frontend/src/components/user-settings/ApiKeyDeleteDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/user-settings/ApiKeyDeleteDialog.spec.ts
rename to frontend/src/components/user-settings/ApiKeyDeleteDialog.spec.ts
diff --git a/frontend-vue/src/components/user-settings/ApiKeyDeleteDialog.vue b/frontend/src/components/user-settings/ApiKeyDeleteDialog.vue
similarity index 100%
rename from frontend-vue/src/components/user-settings/ApiKeyDeleteDialog.vue
rename to frontend/src/components/user-settings/ApiKeyDeleteDialog.vue
diff --git a/frontend-vue/src/components/user-settings/EnableTwoFaDialog.spec.ts b/frontend/src/components/user-settings/EnableTwoFaDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/user-settings/EnableTwoFaDialog.spec.ts
rename to frontend/src/components/user-settings/EnableTwoFaDialog.spec.ts
diff --git a/frontend-vue/src/components/user-settings/EnableTwoFaDialog.vue b/frontend/src/components/user-settings/EnableTwoFaDialog.vue
similarity index 100%
rename from frontend-vue/src/components/user-settings/EnableTwoFaDialog.vue
rename to frontend/src/components/user-settings/EnableTwoFaDialog.vue
diff --git a/frontend-vue/src/components/user-settings/dialogTestUtils.ts b/frontend/src/components/user-settings/dialogTestUtils.ts
similarity index 100%
rename from frontend-vue/src/components/user-settings/dialogTestUtils.ts
rename to frontend/src/components/user-settings/dialogTestUtils.ts
diff --git a/frontend-vue/src/components/users/CedarPolicyEditorDialog.spec.ts b/frontend/src/components/users/CedarPolicyEditorDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/users/CedarPolicyEditorDialog.spec.ts
rename to frontend/src/components/users/CedarPolicyEditorDialog.spec.ts
diff --git a/frontend-vue/src/components/users/CedarPolicyEditorDialog.vue b/frontend/src/components/users/CedarPolicyEditorDialog.vue
similarity index 100%
rename from frontend-vue/src/components/users/CedarPolicyEditorDialog.vue
rename to frontend/src/components/users/CedarPolicyEditorDialog.vue
diff --git a/frontend-vue/src/components/users/CedarPolicyItemForm.vue b/frontend/src/components/users/CedarPolicyItemForm.vue
similarity index 100%
rename from frontend-vue/src/components/users/CedarPolicyItemForm.vue
rename to frontend/src/components/users/CedarPolicyItemForm.vue
diff --git a/frontend-vue/src/components/users/CedarPolicyList.spec.ts b/frontend/src/components/users/CedarPolicyList.spec.ts
similarity index 100%
rename from frontend-vue/src/components/users/CedarPolicyList.spec.ts
rename to frontend/src/components/users/CedarPolicyList.spec.ts
diff --git a/frontend-vue/src/components/users/CedarPolicyList.vue b/frontend/src/components/users/CedarPolicyList.vue
similarity index 100%
rename from frontend-vue/src/components/users/CedarPolicyList.vue
rename to frontend/src/components/users/CedarPolicyList.vue
diff --git a/frontend-vue/src/components/users/GroupAddDialog.vue b/frontend/src/components/users/GroupAddDialog.vue
similarity index 100%
rename from frontend-vue/src/components/users/GroupAddDialog.vue
rename to frontend/src/components/users/GroupAddDialog.vue
diff --git a/frontend-vue/src/components/users/GroupDeleteDialog.vue b/frontend/src/components/users/GroupDeleteDialog.vue
similarity index 100%
rename from frontend-vue/src/components/users/GroupDeleteDialog.vue
rename to frontend/src/components/users/GroupDeleteDialog.vue
diff --git a/frontend-vue/src/components/users/GroupDialogs.spec.ts b/frontend/src/components/users/GroupDialogs.spec.ts
similarity index 100%
rename from frontend-vue/src/components/users/GroupDialogs.spec.ts
rename to frontend/src/components/users/GroupDialogs.spec.ts
diff --git a/frontend-vue/src/components/users/GroupNameEditDialog.vue b/frontend/src/components/users/GroupNameEditDialog.vue
similarity index 100%
rename from frontend-vue/src/components/users/GroupNameEditDialog.vue
rename to frontend/src/components/users/GroupNameEditDialog.vue
diff --git a/frontend-vue/src/components/users/PublicAccessPanel.spec.ts b/frontend/src/components/users/PublicAccessPanel.spec.ts
similarity index 100%
rename from frontend-vue/src/components/users/PublicAccessPanel.spec.ts
rename to frontend/src/components/users/PublicAccessPanel.spec.ts
diff --git a/frontend-vue/src/components/users/PublicAccessPanel.vue b/frontend/src/components/users/PublicAccessPanel.vue
similarity index 100%
rename from frontend-vue/src/components/users/PublicAccessPanel.vue
rename to frontend/src/components/users/PublicAccessPanel.vue
diff --git a/frontend-vue/src/components/users/UserAddDialog.spec.ts b/frontend/src/components/users/UserAddDialog.spec.ts
similarity index 100%
rename from frontend-vue/src/components/users/UserAddDialog.spec.ts
rename to frontend/src/components/users/UserAddDialog.spec.ts
diff --git a/frontend-vue/src/components/users/UserAddDialog.vue b/frontend/src/components/users/UserAddDialog.vue
similarity index 100%
rename from frontend-vue/src/components/users/UserAddDialog.vue
rename to frontend/src/components/users/UserAddDialog.vue
diff --git a/frontend-vue/src/components/users/UserDeleteDialog.vue b/frontend/src/components/users/UserDeleteDialog.vue
similarity index 100%
rename from frontend-vue/src/components/users/UserDeleteDialog.vue
rename to frontend/src/components/users/UserDeleteDialog.vue
diff --git a/frontend-vue/src/components/users/analytics.ts b/frontend/src/components/users/analytics.ts
similarity index 100%
rename from frontend-vue/src/components/users/analytics.ts
rename to frontend/src/components/users/analytics.ts
diff --git a/frontend-vue/src/components/users/policyList.ts b/frontend/src/components/users/policyList.ts
similarity index 100%
rename from frontend-vue/src/components/users/policyList.ts
rename to frontend/src/components/users/policyList.ts
diff --git a/frontend-vue/src/components/users/testUtils.ts b/frontend/src/components/users/testUtils.ts
similarity index 100%
rename from frontend-vue/src/components/users/testUtils.ts
rename to frontend/src/components/users/testUtils.ts
diff --git a/frontend-vue/src/components/users/types.ts b/frontend/src/components/users/types.ts
similarity index 100%
rename from frontend-vue/src/components/users/types.ts
rename to frontend/src/components/users/types.ts
diff --git a/frontend-vue/src/composables/useAnalytics.ts b/frontend/src/composables/useAnalytics.ts
similarity index 100%
rename from frontend-vue/src/composables/useAnalytics.ts
rename to frontend/src/composables/useAnalytics.ts
diff --git a/frontend-vue/src/composables/useAppSession.spec.ts b/frontend/src/composables/useAppSession.spec.ts
similarity index 100%
rename from frontend-vue/src/composables/useAppSession.spec.ts
rename to frontend/src/composables/useAppSession.spec.ts
diff --git a/frontend-vue/src/composables/useAppSession.ts b/frontend/src/composables/useAppSession.ts
similarity index 100%
rename from frontend-vue/src/composables/useAppSession.ts
rename to frontend/src/composables/useAppSession.ts
diff --git a/frontend-vue/src/composables/useCedarValidator.spec.ts b/frontend/src/composables/useCedarValidator.spec.ts
similarity index 100%
rename from frontend-vue/src/composables/useCedarValidator.spec.ts
rename to frontend/src/composables/useCedarValidator.spec.ts
diff --git a/frontend-vue/src/composables/useCedarValidator.ts b/frontend/src/composables/useCedarValidator.ts
similarity index 100%
rename from frontend-vue/src/composables/useCedarValidator.ts
rename to frontend/src/composables/useCedarValidator.ts
diff --git a/frontend-vue/src/composables/useDialog.ts b/frontend/src/composables/useDialog.ts
similarity index 100%
rename from frontend-vue/src/composables/useDialog.ts
rename to frontend/src/composables/useDialog.ts
diff --git a/frontend-vue/src/composables/useGoogleSignIn.spec.ts b/frontend/src/composables/useGoogleSignIn.spec.ts
similarity index 100%
rename from frontend-vue/src/composables/useGoogleSignIn.spec.ts
rename to frontend/src/composables/useGoogleSignIn.spec.ts
diff --git a/frontend-vue/src/composables/useGoogleSignIn.ts b/frontend/src/composables/useGoogleSignIn.ts
similarity index 100%
rename from frontend-vue/src/composables/useGoogleSignIn.ts
rename to frontend/src/composables/useGoogleSignIn.ts
diff --git a/frontend-vue/src/composables/useNotify.ts b/frontend/src/composables/useNotify.ts
similarity index 100%
rename from frontend-vue/src/composables/useNotify.ts
rename to frontend/src/composables/useNotify.ts
diff --git a/frontend-vue/src/composables/useRowEdit.spec.ts b/frontend/src/composables/useRowEdit.spec.ts
similarity index 100%
rename from frontend-vue/src/composables/useRowEdit.spec.ts
rename to frontend/src/composables/useRowEdit.spec.ts
diff --git a/frontend-vue/src/composables/useRowEdit.ts b/frontend/src/composables/useRowEdit.ts
similarity index 100%
rename from frontend-vue/src/composables/useRowEdit.ts
rename to frontend/src/composables/useRowEdit.ts
diff --git a/frontend-vue/src/composables/useRowSelection.spec.ts b/frontend/src/composables/useRowSelection.spec.ts
similarity index 100%
rename from frontend-vue/src/composables/useRowSelection.spec.ts
rename to frontend/src/composables/useRowSelection.spec.ts
diff --git a/frontend-vue/src/composables/useRowSelection.ts b/frontend/src/composables/useRowSelection.ts
similarity index 100%
rename from frontend-vue/src/composables/useRowSelection.ts
rename to frontend/src/composables/useRowSelection.ts
diff --git a/frontend-vue/src/composables/useRowView.spec.ts b/frontend/src/composables/useRowView.spec.ts
similarity index 100%
rename from frontend-vue/src/composables/useRowView.spec.ts
rename to frontend/src/composables/useRowView.spec.ts
diff --git a/frontend-vue/src/composables/useRowView.ts b/frontend/src/composables/useRowView.ts
similarity index 100%
rename from frontend-vue/src/composables/useRowView.ts
rename to frontend/src/composables/useRowView.ts
diff --git a/frontend-vue/src/composables/useTableData.spec.ts b/frontend/src/composables/useTableData.spec.ts
similarity index 100%
rename from frontend-vue/src/composables/useTableData.spec.ts
rename to frontend/src/composables/useTableData.spec.ts
diff --git a/frontend-vue/src/composables/useTableData.ts b/frontend/src/composables/useTableData.ts
similarity index 100%
rename from frontend-vue/src/composables/useTableData.ts
rename to frontend/src/composables/useTableData.ts
diff --git a/frontend-vue/src/composables/useTableFolders.spec.ts b/frontend/src/composables/useTableFolders.spec.ts
similarity index 100%
rename from frontend-vue/src/composables/useTableFolders.spec.ts
rename to frontend/src/composables/useTableFolders.spec.ts
diff --git a/frontend-vue/src/composables/useTableFolders.ts b/frontend/src/composables/useTableFolders.ts
similarity index 100%
rename from frontend-vue/src/composables/useTableFolders.ts
rename to frontend/src/composables/useTableFolders.ts
diff --git a/frontend-vue/src/composables/useTableRules.spec.ts b/frontend/src/composables/useTableRules.spec.ts
similarity index 100%
rename from frontend-vue/src/composables/useTableRules.spec.ts
rename to frontend/src/composables/useTableRules.spec.ts
diff --git a/frontend-vue/src/composables/useTableRules.ts b/frontend/src/composables/useTableRules.ts
similarity index 100%
rename from frontend-vue/src/composables/useTableRules.ts
rename to frontend/src/composables/useTableRules.ts
diff --git a/frontend/src/config.json b/frontend/src/config.json
deleted file mode 100644
index 343eddd45..000000000
--- a/frontend/src/config.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-	"#important to keep it /api for prod": true,
-	"baseURL": "/api",
-	"saasURL": ""
-}
diff --git a/frontend-vue/src/config.spec.ts b/frontend/src/config.spec.ts
similarity index 100%
rename from frontend-vue/src/config.spec.ts
rename to frontend/src/config.spec.ts
diff --git a/frontend-vue/src/config.ts b/frontend/src/config.ts
similarity index 100%
rename from frontend-vue/src/config.ts
rename to frontend/src/config.ts
diff --git a/frontend-vue/src/consts/acronyms.ts b/frontend/src/consts/acronyms.ts
similarity index 100%
rename from frontend-vue/src/consts/acronyms.ts
rename to frontend/src/consts/acronyms.ts
diff --git a/frontend-vue/src/consts/code-snippets.ts b/frontend/src/consts/code-snippets.ts
similarity index 100%
rename from frontend-vue/src/consts/code-snippets.ts
rename to frontend/src/consts/code-snippets.ts
diff --git a/frontend-vue/src/consts/countries.ts b/frontend/src/consts/countries.ts
similarity index 100%
rename from frontend-vue/src/consts/countries.ts
rename to frontend/src/consts/countries.ts
diff --git a/frontend-vue/src/consts/currencies.ts b/frontend/src/consts/currencies.ts
similarity index 100%
rename from frontend-vue/src/consts/currencies.ts
rename to frontend/src/consts/currencies.ts
diff --git a/frontend-vue/src/consts/databases.ts b/frontend/src/consts/databases.ts
similarity index 100%
rename from frontend-vue/src/consts/databases.ts
rename to frontend/src/consts/databases.ts
diff --git a/frontend-vue/src/consts/filter-types.ts b/frontend/src/consts/filter-types.ts
similarity index 100%
rename from frontend-vue/src/consts/filter-types.ts
rename to frontend/src/consts/filter-types.ts
diff --git a/frontend-vue/src/consts/google-IP-addresses.ts b/frontend/src/consts/google-IP-addresses.ts
similarity index 100%
rename from frontend-vue/src/consts/google-IP-addresses.ts
rename to frontend/src/consts/google-IP-addresses.ts
diff --git a/frontend-vue/src/consts/languages.ts b/frontend/src/consts/languages.ts
similarity index 100%
rename from frontend-vue/src/consts/languages.ts
rename to frontend/src/consts/languages.ts
diff --git a/frontend-vue/src/consts/record-edit-types.ts b/frontend/src/consts/record-edit-types.ts
similarity index 100%
rename from frontend-vue/src/consts/record-edit-types.ts
rename to frontend/src/consts/record-edit-types.ts
diff --git a/frontend-vue/src/consts/record-view-types.ts b/frontend/src/consts/record-view-types.ts
similarity index 100%
rename from frontend-vue/src/consts/record-view-types.ts
rename to frontend/src/consts/record-view-types.ts
diff --git a/frontend-vue/src/consts/table-display-types.ts b/frontend/src/consts/table-display-types.ts
similarity index 100%
rename from frontend-vue/src/consts/table-display-types.ts
rename to frontend/src/consts/table-display-types.ts
diff --git a/frontend/src/consts/widget-types.angular.json b/frontend/src/consts/widget-types.angular.json
new file mode 100644
index 000000000..0f9e85b28
--- /dev/null
+++ b/frontend/src/consts/widget-types.angular.json
@@ -0,0 +1,902 @@
+{
+	"record-edit-types.ts": {
+		"UIwidgets": {
+			"Default": "",
+			"Boolean": "BooleanEdit",
+			"Code": "CodeEdit",
+			"Color": "ColorEdit",
+			"Country": "CountryEdit",
+			"Date": "DateEdit",
+			"DateTime": "DateTimeEdit",
+			"Binary": "BinaryEdit",
+			"File": "FileEdit",
+			"Foreign_key": "ForeignKeyEdit",
+			"Image": "ImageEdit",
+			"JSON": "JsonEditorEdit",
+			"Language": "LanguageEdit",
+			"Markdown": "MarkdownEdit",
+			"Money": "MoneyEdit",
+			"Number": "NumberEdit",
+			"Password": "PasswordEdit",
+			"Phone": "PhoneEdit",
+			"Range": "RangeEdit",
+			"Readonly": "StaticTextEdit",
+			"Select": "SelectEdit",
+			"String": "TextEdit",
+			"Textarea": "LongTextEdit",
+			"Time": "TimeEdit",
+			"Timezone": "TimezoneEdit",
+			"URL": "UrlEdit",
+			"UUID": "UuidEdit",
+			"S3": "S3Edit",
+			"Email": "TextEdit"
+		},
+		"recordEditTypes": {
+			"postgres": {
+				"real": "NumberEdit",
+				"double precision": "NumberEdit",
+				"smallint": "NumberEdit",
+				"integer": "NumberEdit",
+				"bigint": "NumberEdit",
+				"numeric": "NumberEdit",
+				"boolean": "BooleanEdit",
+				"timestamp without time zone": "DateTimeEdit",
+				"timestamp with time zone": "DateTimeEdit",
+				"time without time zone": "TimeEdit",
+				"time with time zone": "TimeEdit",
+				"date": "DateEdit",
+				"abstime": "DateTimeEdit",
+				"realtime": "DateTimeEdit",
+				"interval": "TimeIntervalEdit",
+				"character varying": "TextEdit",
+				"macaddr": "TextEdit",
+				"macaddr8": "TextEdit",
+				"cidr": "TextEdit",
+				"inet": "TextEdit",
+				"uuid": "UuidEdit",
+				"text": "LongTextEdit",
+				"xml": "LongTextEdit",
+				"enum": "SelectEdit",
+				"json": "JsonEditorEdit",
+				"jsonb": "JsonEditorEdit",
+				"ARRAY": "JsonEditorEdit",
+				"bytea": "BinaryEdit",
+				"money": "MoneyEdit",
+				"point": "PointEdit",
+				"line": "TextEdit",
+				"circle": "TextEdit",
+				"path": "TextEdit",
+				"box": "TextEdit",
+				"lseg": "TextEdit",
+				"foreign key": "ForeignKeyEdit"
+			},
+			"mysql": {
+				"tinyint": "NumberEdit",
+				"smallint": "NumberEdit",
+				"mediumint": "NumberEdit",
+				"int": "NumberEdit",
+				"bigint": "NumberEdit",
+				"decimal": "NumberEdit",
+				"float": "NumberEdit",
+				"double": "NumberEdit",
+				"year": "NumberEdit",
+				"boolean": "BooleanEdit",
+				"date": "DateEdit",
+				"time": "TimeEdit",
+				"datetime": "DateTimeEdit",
+				"timestamp": "DateTimeEdit",
+				"char": "TextEdit",
+				"varchar": "TextEdit",
+				"text": "LongTextEdit",
+				"tinytext": "LongTextEdit",
+				"mediumtext": "LongTextEdit",
+				"longtext": "LongTextEdit",
+				"json": "JsonEditorEdit",
+				"enum": "SelectEdit",
+				"binary": "BinaryEdit",
+				"varbinary": "BinaryEdit",
+				"blob": "BinaryEdit",
+				"tinyblob": "BinaryEdit",
+				"mediumblob": "BinaryEdit",
+				"longblob": "BinaryEdit",
+				"set": "TextEdit",
+				"foreign key": "ForeignKeyEdit"
+			},
+			"oracledb": {
+				"NUMBER": "NumberEdit",
+				"FLOAT": "NumberEdit",
+				"BINARY_FLOAT": "NumberEdit",
+				"BINARY_DOUBLE": "NumberEdit",
+				"INTERVAL YEAR": "NumberEdit",
+				"INTERVAL DAY": "NumberEdit",
+				"DATE": "DateEdit",
+				"TIMESTAMP": "DateTimeEdit",
+				"CHAR": "TextEdit",
+				"NCHAR": "TextEdit",
+				"CLOB": "TextEdit",
+				"NCLOB": "TextEdit",
+				"VARCHAR2": "TextEdit",
+				"VARCHAR": "TextEdit",
+				"NVARCHAR2": "TextEdit",
+				"BLOB": "BinaryEdit",
+				"BFILE": "BinaryEdit",
+				"RAW": "BinaryEdit",
+				"LONG RAW": "BinaryEdit",
+				"LONG": "BinaryEdit",
+				"foreign key": "ForeignKeyEdit"
+			},
+			"mssql": {
+				"bigint": "NumberEdit",
+				"int": "NumberEdit",
+				"smallint": "NumberEdit",
+				"tinyint": "NumberEdit",
+				"decimal": "NumberEdit",
+				"bitdecimal": "NumberEdit",
+				"numeric": "NumberEdit",
+				"real": "NumberEdit",
+				"uniqueidentifier": "UuidEdit",
+				"char": "TextEdit",
+				"varchar": "TextEdit",
+				"text": "LongTextEdit",
+				"nchar": "LongTextEdit",
+				"nvarchar": "LongTextEdit",
+				"ntext": "LongTextEdit",
+				"date": "DateEdit",
+				"datetime": "DateTimeEdit",
+				"smalldatetime": "DateTimeEdit",
+				"timestamp": "DateTimeEdit",
+				"binary": "BinaryEdit",
+				"varbinary": "BinaryEdit",
+				"image": "BinaryEdit",
+				"money": "MoneyEdit",
+				"smallmoney": "MoneyEdit",
+				"foreign key": "ForeignKeyEdit"
+			},
+			"mongodb": {
+				"number": "NumberEdit",
+				"double": "NumberEdit",
+				"int32": "NumberEdit",
+				"long": "NumberEdit",
+				"decimal128": "NumberEdit",
+				"boolean": "BooleanEdit",
+				"date": "DateEdit",
+				"timestamp": "DateTimeEdit",
+				"string": "TextEdit",
+				"regexp": "TextEdit",
+				"objectid": "TextEdit",
+				"binary": "BinaryEdit",
+				"object": "JsonEditorEdit",
+				"array": "JsonEditorEdit",
+				"unknown": "TextEdit",
+				"foreign key": "ForeignKeyEdit"
+			},
+			"dynamodb": {
+				"string": "TextEdit",
+				"number": "NumberEdit",
+				"boolean": "BooleanEdit",
+				"null": "StaticTextEdit",
+				"array": "JsonEditorEdit",
+				"json": "JsonEditorEdit",
+				"binary": "BinaryEdit"
+			},
+			"cassandra": {
+				"int": "NumberEdit",
+				"bigint": "NumberEdit",
+				"varint": "NumberEdit",
+				"decimal": "NumberEdit",
+				"float": "NumberEdit",
+				"double": "NumberEdit",
+				"boolean": "BooleanEdit",
+				"timeuuid": "IdEdit",
+				"timestamp": "DateTimeEdit",
+				"date": "DateEdit",
+				"time": "TimeEdit",
+				"uuid": "UuidEdit",
+				"varchar": "TextEdit",
+				"inet": "TextEdit",
+				"ascii": "TextEdit",
+				"text": "TextEdit",
+				"blob": "BinaryEdit",
+				"list": "JsonEditorEdit",
+				"map": "JsonEditorEdit",
+				"set": "JsonEditorEdit"
+			},
+			"redis": {
+				"string": "TextEdit",
+				"integer": "NumberEdit",
+				"decimal": "NumberEdit",
+				"boolean": "BooleanEdit",
+				"array": "JsonEditorEdit",
+				"json": "JsonEditorEdit"
+			},
+			"elasticsearch": {
+				"string": "TextEdit",
+				"number": "NumberEdit",
+				"boolean": "BooleanEdit",
+				"date": "DateEdit",
+				"object": "JsonEditorEdit",
+				"array": "JsonEditorEdit",
+				"binary": "BinaryEdit"
+			},
+			"clickhouse": {
+				"string": "TextEdit",
+				"uuid": "UuidEdit",
+				"boolean": "BooleanEdit",
+				"integer": "NumberEdit",
+				"bigint": "NumberEdit",
+				"float": "NumberEdit",
+				"double": "NumberEdit",
+				"decimal": "NumberEdit",
+				"date": "DateEdit",
+				"datetime": "DateTimeEdit",
+				"json": "JsonEditorEdit",
+				"object": "JsonEditorEdit",
+				"array": "JsonEditorEdit"
+			}
+		}
+	},
+	"record-view-types.ts": {
+		"UIwidgets": {
+			"Default": "",
+			"Boolean": "BooleanRecordView",
+			"Date": "DateRecordView",
+			"Time": "TimeRecordView",
+			"DateTime": "DateTimeRecordView",
+			"JSON": "JsonEditorRecordView",
+			"Language": "LanguageRecordView",
+			"Markdown": "MarkdownRecordView",
+			"Textarea": "LongTextRecordView",
+			"String": "TextRecordView",
+			"Readonly": "StaticTextRecordView",
+			"Number": "NumberRecordView",
+			"Select": "SelectRecordView",
+			"Password": "PasswordRecordView",
+			"Binary": "BinaryRecordView",
+			"File": "FileRecordView",
+			"Code": "CodeRecordView",
+			"Image": "ImageRecordView",
+			"URL": "UrlRecordView",
+			"Country": "CountryRecordView",
+			"Phone": "PhoneRecordView",
+			"Money": "MoneyRecordView",
+			"Foreign_key": "ForeignKeyRecordView",
+			"Color": "ColorRecordView",
+			"UUID": "UuidRecordView",
+			"Range": "RangeRecordView",
+			"Timezone": "TimezoneRecordView",
+			"S3": "S3RecordView"
+		},
+		"recordViewFieldTypes": {
+			"postgres": {
+				"real": "NumberRecordView",
+				"double precision": "NumberRecordView",
+				"smallint": "NumberRecordView",
+				"integer": "NumberRecordView",
+				"bigint": "NumberRecordView",
+				"numeric": "NumberRecordView",
+				"boolean": "BooleanRecordView",
+				"timestamp without time zone": "DateTimeRecordView",
+				"timestamp with time zone": "DateTimeRecordView",
+				"time without time zone": "TimeRecordView",
+				"time with time zone": "TimeRecordView",
+				"date": "DateRecordView",
+				"abstime": "DateTimeRecordView",
+				"realtime": "DateTimeRecordView",
+				"interval": "TimeIntervalRecordView",
+				"character varying": "TextRecordView",
+				"macaddr": "TextRecordView",
+				"macaddr8": "TextRecordView",
+				"cidr": "TextRecordView",
+				"inet": "TextRecordView",
+				"uuid": "UuidRecordView",
+				"text": "LongTextRecordView",
+				"xml": "LongTextRecordView",
+				"enum": "SelectRecordView",
+				"json": "JsonEditorRecordView",
+				"jsonb": "JsonEditorRecordView",
+				"ARRAY": "JsonEditorRecordView",
+				"bytea": "BinaryRecordView",
+				"money": "MoneyRecordView",
+				"point": "PointRecordView",
+				"line": "TextRecordView",
+				"circle": "TextRecordView",
+				"path": "TextRecordView",
+				"box": "TextRecordView",
+				"lseg": "TextRecordView",
+				"foreign key": "ForeignKeyRecordView"
+			},
+			"mysql": {
+				"tinyint": "NumberRecordView",
+				"smallint": "NumberRecordView",
+				"mediumint": "NumberRecordView",
+				"int": "NumberRecordView",
+				"bigint": "NumberRecordView",
+				"decimal": "NumberRecordView",
+				"float": "NumberRecordView",
+				"double": "NumberRecordView",
+				"year": "NumberRecordView",
+				"boolean": "BooleanRecordView",
+				"date": "DateRecordView",
+				"time": "TimeRecordView",
+				"datetime": "DateTimeRecordView",
+				"timestamp": "DateTimeRecordView",
+				"char": "TextRecordView",
+				"varchar": "TextRecordView",
+				"text": "LongTextRecordView",
+				"tinytext": "LongTextRecordView",
+				"mediumtext": "LongTextRecordView",
+				"longtext": "LongTextRecordView",
+				"json": "JsonEditorRecordView",
+				"enum": "SelectRecordView",
+				"binary": "BinaryRecordView",
+				"varbinary": "BinaryRecordView",
+				"blob": "BinaryRecordView",
+				"tinyblob": "BinaryRecordView",
+				"mediumblob": "BinaryRecordView",
+				"longblob": "BinaryRecordView",
+				"set": "TextRecordView",
+				"foreign key": "ForeignKeyRecordView"
+			},
+			"oracledb": {
+				"NUMBER": "NumberRecordView",
+				"FLOAT": "NumberRecordView",
+				"BINARY_FLOAT": "NumberRecordView",
+				"BINARY_DOUBLE": "NumberRecordView",
+				"INTERVAL YEAR": "NumberRecordView",
+				"INTERVAL DAY": "NumberRecordView",
+				"DATE": "DateRecordView",
+				"TIMESTAMP": "DateTimeRecordView",
+				"CHAR": "TextRecordView",
+				"NCHAR": "TextRecordView",
+				"CLOB": "TextRecordView",
+				"NCLOB": "TextRecordView",
+				"VARCHAR2": "TextRecordView",
+				"VARCHAR": "TextRecordView",
+				"NVARCHAR2": "TextRecordView",
+				"BLOB": "BinaryRecordView",
+				"BFILE": "BinaryRecordView",
+				"RAW": "BinaryRecordView",
+				"LONG RAW": "BinaryRecordView",
+				"LONG": "BinaryRecordView",
+				"foreign key": "ForeignKeyRecordView"
+			},
+			"mssql": {
+				"bigint": "NumberRecordView",
+				"int": "NumberRecordView",
+				"smallint": "NumberRecordView",
+				"tinyint": "NumberRecordView",
+				"decimal": "NumberRecordView",
+				"bitdecimal": "NumberRecordView",
+				"numeric": "NumberRecordView",
+				"real": "NumberRecordView",
+				"uniqueidentifier": "UuidRecordView",
+				"char": "TextRecordView",
+				"varchar": "TextRecordView",
+				"text": "LongTextRecordView",
+				"nchar": "LongTextRecordView",
+				"nvarchar": "LongTextRecordView",
+				"ntext": "LongTextRecordView",
+				"date": "DateRecordView",
+				"datetime": "DateTimeRecordView",
+				"smalldatetime": "DateTimeRecordView",
+				"timestamp": "DateTimeRecordView",
+				"binary": "BinaryRecordView",
+				"varbinary": "BinaryRecordView",
+				"image": "ImageRecordView",
+				"money": "MoneyRecordView",
+				"smallmoney": "MoneyRecordView",
+				"foreign key": "ForeignKeyRecordView"
+			},
+			"mongodb": {
+				"number": "NumberRecordView",
+				"double": "NumberRecordView",
+				"int32": "NumberRecordView",
+				"long": "NumberRecordView",
+				"decimal128": "NumberRecordView",
+				"boolean": "BooleanRecordView",
+				"date": "DateRecordView",
+				"timestamp": "DateTimeRecordView",
+				"string": "TextRecordView",
+				"regexp": "TextRecordView",
+				"objectid": "TextRecordView",
+				"binary": "BinaryRecordView",
+				"object": "JsonEditorRecordView",
+				"array": "JsonEditorRecordView",
+				"unknown": "TextRecordView",
+				"foreign key": "ForeignKeyRecordView"
+			},
+			"dynamodb": {
+				"string": "TextRecordView",
+				"number": "NumberRecordView",
+				"boolean": "BooleanRecordView",
+				"null": "StaticTextRecordView",
+				"array": "JsonEditorRecordView",
+				"json": "JsonEditorRecordView",
+				"binary": "BinaryRecordView"
+			},
+			"cassandra": {
+				"int": "NumberRecordView",
+				"bigint": "NumberRecordView",
+				"varint": "NumberRecordView",
+				"decimal": "NumberRecordView",
+				"float": "NumberRecordView",
+				"double": "NumberRecordView",
+				"boolean": "BooleanRecordView",
+				"timeuuid": "IdRecordView",
+				"timestamp": "DateTimeRecordView",
+				"date": "DateRecordView",
+				"time": "TimeRecordView",
+				"uuid": "UuidRecordView",
+				"varchar": "TextRecordView",
+				"inet": "TextRecordView",
+				"ascii": "TextRecordView",
+				"text": "LongTextRecordView",
+				"blob": "BinaryRecordView",
+				"list": "JsonEditorRecordView",
+				"map": "JsonEditorRecordView",
+				"set": "JsonEditorRecordView"
+			},
+			"redis": {
+				"string": "TextRecordView",
+				"integer": "NumberRecordView",
+				"decimal": "NumberRecordView",
+				"boolean": "BooleanRecordView",
+				"array": "JsonEditorRecordView",
+				"json": "JsonEditorRecordView"
+			},
+			"elasticsearch": {
+				"string": "TextRecordView",
+				"number": "NumberRecordView",
+				"boolean": "BooleanRecordView",
+				"date": "DateRecordView",
+				"object": "JsonEditorRecordView",
+				"array": "JsonEditorRecordView",
+				"binary": "BinaryRecordView"
+			},
+			"clickhouse": {
+				"string": "TextRecordView",
+				"uuid": "UuidRecordView",
+				"boolean": "BooleanRecordView",
+				"integer": "NumberRecordView",
+				"bigint": "NumberRecordView",
+				"float": "NumberRecordView",
+				"double": "NumberRecordView",
+				"decimal": "NumberRecordView",
+				"date": "DateRecordView",
+				"datetime": "DateTimeRecordView",
+				"json": "JsonEditorRecordView",
+				"object": "JsonEditorRecordView",
+				"array": "JsonEditorRecordView"
+			}
+		}
+	},
+	"table-display-types.ts": {
+		"UIwidgets": {
+			"Default": "",
+			"Boolean": "BooleanDisplay",
+			"Code": "CodeDisplay",
+			"Color": "ColorDisplay",
+			"Country": "CountryDisplay",
+			"Date": "DateDisplay",
+			"DateTime": "DateTimeDisplay",
+			"Binary": "BinaryDisplay",
+			"File": "FileDisplay",
+			"Foreign_key": "ForeignKeyDisplay",
+			"Image": "ImageDisplay",
+			"JSON": "JsonEditorDisplay",
+			"Language": "LanguageDisplay",
+			"Markdown": "MarkdownDisplay",
+			"Money": "MoneyDisplay",
+			"Number": "NumberDisplay",
+			"Password": "PasswordDisplay",
+			"Phone": "PhoneDisplay",
+			"Range": "RangeDisplay",
+			"Readonly": "StaticTextDisplay",
+			"Select": "SelectDisplay",
+			"String": "TextDisplay",
+			"Textarea": "LongTextDisplay",
+			"Time": "TimeDisplay",
+			"Timezone": "TimezoneDisplay",
+			"URL": "UrlDisplay",
+			"UUID": "UuidDisplay",
+			"S3": "S3Display",
+			"Email": "TextDisplay"
+		},
+		"tableDisplayTypes": {
+			"postgres": {
+				"real": "NumberDisplay",
+				"double precision": "NumberDisplay",
+				"smallint": "NumberDisplay",
+				"integer": "NumberDisplay",
+				"bigint": "NumberDisplay",
+				"numeric": "NumberDisplay",
+				"boolean": "BooleanDisplay",
+				"timestamp without time zone": "DateTimeDisplay",
+				"timestamp with time zone": "DateTimeDisplay",
+				"time without time zone": "TimeDisplay",
+				"time with time zone": "TimeDisplay",
+				"date": "DateDisplay",
+				"abstime": "DateTimeDisplay",
+				"realtime": "DateTimeDisplay",
+				"interval": "TimeIntervalDisplay",
+				"character varying": "TextDisplay",
+				"macaddr": "TextDisplay",
+				"macaddr8": "TextDisplay",
+				"cidr": "TextDisplay",
+				"inet": "TextDisplay",
+				"uuid": "UuidDisplay",
+				"text": "LongTextDisplay",
+				"xml": "LongTextDisplay",
+				"enum": "SelectDisplay",
+				"json": "JsonEditorDisplay",
+				"jsonb": "JsonEditorDisplay",
+				"ARRAY": "JsonEditorDisplay",
+				"bytea": "BinaryDisplay",
+				"money": "MoneyDisplay",
+				"point": "PointDisplay",
+				"line": "TextDisplay",
+				"circle": "TextDisplay",
+				"path": "TextDisplay",
+				"box": "TextDisplay",
+				"lseg": "TextDisplay",
+				"foreign key": "ForeignKeyDisplay"
+			},
+			"mysql": {
+				"tinyint": "NumberDisplay",
+				"smallint": "NumberDisplay",
+				"mediumint": "NumberDisplay",
+				"int": "NumberDisplay",
+				"bigint": "NumberDisplay",
+				"decimal": "NumberDisplay",
+				"float": "NumberDisplay",
+				"double": "NumberDisplay",
+				"year": "NumberDisplay",
+				"boolean": "BooleanDisplay",
+				"date": "DateDisplay",
+				"time": "TimeDisplay",
+				"datetime": "DateTimeDisplay",
+				"timestamp": "DateTimeDisplay",
+				"char": "TextDisplay",
+				"varchar": "TextDisplay",
+				"text": "LongTextDisplay",
+				"tinytext": "LongTextDisplay",
+				"mediumtext": "LongTextDisplay",
+				"longtext": "LongTextDisplay",
+				"json": "JsonEditorDisplay",
+				"enum": "SelectDisplay",
+				"binary": "BinaryDisplay",
+				"varbinary": "BinaryDisplay",
+				"blob": "BinaryDisplay",
+				"tinyblob": "BinaryDisplay",
+				"mediumblob": "BinaryDisplay",
+				"longblob": "BinaryDisplay",
+				"set": "TextDisplay",
+				"foreign key": "ForeignKeyDisplay"
+			},
+			"oracledb": {
+				"NUMBER": "NumberDisplay",
+				"FLOAT": "NumberDisplay",
+				"BINARY_FLOAT": "NumberDisplay",
+				"BINARY_DOUBLE": "NumberDisplay",
+				"INTERVAL YEAR": "NumberDisplay",
+				"INTERVAL DAY": "NumberDisplay",
+				"DATE": "DateDisplay",
+				"TIMESTAMP": "DateTimeDisplay",
+				"CHAR": "TextDisplay",
+				"NCHAR": "TextDisplay",
+				"CLOB": "TextDisplay",
+				"NCLOB": "TextDisplay",
+				"VARCHAR2": "TextDisplay",
+				"VARCHAR": "TextDisplay",
+				"NVARCHAR2": "TextDisplay",
+				"BLOB": "BinaryDisplay",
+				"BFILE": "BinaryDisplay",
+				"RAW": "BinaryDisplay",
+				"LONG RAW": "BinaryDisplay",
+				"LONG": "BinaryDisplay",
+				"foreign key": "ForeignKeyDisplay"
+			},
+			"mssql": {
+				"bigint": "NumberDisplay",
+				"int": "NumberDisplay",
+				"smallint": "NumberDisplay",
+				"tinyint": "NumberDisplay",
+				"decimal": "NumberDisplay",
+				"bitdecimal": "NumberDisplay",
+				"numeric": "NumberDisplay",
+				"real": "NumberDisplay",
+				"uniqueidentifier": "UuidDisplay",
+				"char": "TextDisplay",
+				"varchar": "TextDisplay",
+				"text": "LongTextDisplay",
+				"nchar": "LongTextDisplay",
+				"nvarchar": "LongTextDisplay",
+				"ntext": "LongTextDisplay",
+				"date": "DateDisplay",
+				"datetime": "DateTimeDisplay",
+				"smalldatetime": "DateTimeDisplay",
+				"timestamp": "DateTimeDisplay",
+				"binary": "BinaryDisplay",
+				"varbinary": "BinaryDisplay",
+				"image": "ImageDisplay",
+				"money": "MoneyDisplay",
+				"smallmoney": "MoneyDisplay",
+				"foreign key": "ForeignKeyDisplay"
+			},
+			"mongodb": {
+				"number": "NumberDisplay",
+				"double": "NumberDisplay",
+				"int32": "NumberDisplay",
+				"long": "NumberDisplay",
+				"decimal128": "NumberDisplay",
+				"boolean": "BooleanDisplay",
+				"date": "DateDisplay",
+				"timestamp": "DateTimeDisplay",
+				"string": "TextDisplay",
+				"regexp": "TextDisplay",
+				"objectid": "TextDisplay",
+				"binary": "BinaryDisplay",
+				"object": "JsonEditorDisplay",
+				"array": "JsonEditorDisplay",
+				"unknown": "TextDisplay",
+				"foreign key": "ForeignKeyDisplay"
+			},
+			"dynamodb": {
+				"string": "TextDisplay",
+				"number": "NumberDisplay",
+				"boolean": "BooleanDisplay",
+				"null": "StaticTextDisplay",
+				"array": "JsonEditorDisplay",
+				"json": "JsonEditorDisplay",
+				"binary": "BinaryDisplay"
+			},
+			"cassandra": {
+				"int": "NumberDisplay",
+				"bigint": "NumberDisplay",
+				"varint": "NumberDisplay",
+				"decimal": "NumberDisplay",
+				"float": "NumberDisplay",
+				"double": "NumberDisplay",
+				"boolean": "BooleanDisplay",
+				"timeuuid": "IdDisplay",
+				"timestamp": "DateTimeDisplay",
+				"date": "DateDisplay",
+				"time": "TimeDisplay",
+				"uuid": "UuidDisplay",
+				"varchar": "TextDisplay",
+				"inet": "TextDisplay",
+				"ascii": "TextDisplay",
+				"text": "LongTextDisplay",
+				"blob": "BinaryDisplay",
+				"list": "JsonEditorDisplay",
+				"map": "JsonEditorDisplay",
+				"set": "JsonEditorDisplay"
+			},
+			"redis": {
+				"string": "TextDisplay",
+				"integer": "NumberDisplay",
+				"decimal": "NumberDisplay",
+				"boolean": "BooleanDisplay",
+				"array": "JsonEditorDisplay",
+				"json": "JsonEditorDisplay"
+			},
+			"elasticsearch": {
+				"string": "TextDisplay",
+				"number": "NumberDisplay",
+				"boolean": "BooleanDisplay",
+				"date": "DateDisplay",
+				"object": "JsonEditorDisplay",
+				"array": "JsonEditorDisplay",
+				"binary": "BinaryDisplay"
+			},
+			"clickhouse": {
+				"string": "TextDisplay",
+				"uuid": "UuidDisplay",
+				"boolean": "BooleanDisplay",
+				"integer": "NumberDisplay",
+				"bigint": "NumberDisplay",
+				"float": "NumberDisplay",
+				"double": "NumberDisplay",
+				"decimal": "NumberDisplay",
+				"date": "DateDisplay",
+				"datetime": "DateTimeDisplay",
+				"json": "JsonEditorDisplay",
+				"object": "JsonEditorDisplay",
+				"array": "JsonEditorDisplay"
+			}
+		}
+	},
+	"filter-types.ts": {
+		"UIwidgets": {
+			"Default": "",
+			"Boolean": "BooleanFilter",
+			"Country": "CountryFilter",
+			"Date": "DateFilter",
+			"DateTime": "DateTimeFilter",
+			"Binary": "BinaryFilter",
+			"File": "FileFilter",
+			"Foreign_key": "ForeignKeyFilter",
+			"JSON": "JsonEditorFilter",
+			"Number": "NumberFilter",
+			"Password": "PasswordFilter",
+			"Readonly": "StaticTextFilter",
+			"Select": "SelectFilter",
+			"String": "TextFilter",
+			"Textarea": "LongTextFilter",
+			"Time": "TimeFilter",
+			"TimeInterval": "TimeIntervalFilter",
+			"Timezone": "TimezoneFilter",
+			"Point": "PointFilter",
+			"ID": "IdFilter",
+			"Phone": "PhoneFilter",
+			"Email": "EmailFilter"
+		},
+		"filterTypes": {
+			"postgres": {
+				"real": "NumberFilter",
+				"double precision": "NumberFilter",
+				"smallint": "NumberFilter",
+				"integer": "NumberFilter",
+				"bigint": "NumberFilter",
+				"numeric": "NumberFilter",
+				"boolean": "BooleanFilter",
+				"timestamp without time zone": "DateTimeFilter",
+				"timestamp with time zone": "DateTimeFilter",
+				"date": "DateFilter",
+				"abstime": "DateTimeFilter",
+				"realtime": "DateTimeFilter",
+				"interval": "TimeIntervalFilter",
+				"character varying": "TextFilter",
+				"macaddr": "TextFilter",
+				"macaddr8": "TextFilter",
+				"cidr": "TextFilter",
+				"inet": "TextFilter",
+				"uuid": "TextFilter",
+				"text": "LongTextFilter",
+				"xml": "LongTextFilter",
+				"enum": "SelectFilter",
+				"json": "JsonEditorFilter",
+				"jsonb": "JsonEditorFilter",
+				"bytea": "BinaryFilter",
+				"money": "TextFilter",
+				"point": "PointFilter",
+				"line": "TextFilter",
+				"circle": "TextFilter",
+				"path": "TextFilter",
+				"box": "TextFilter",
+				"lseg": "TextFilter",
+				"foreign key": "ForeignKeyFilter"
+			},
+			"mysql": {
+				"tinyint": "NumberFilter",
+				"smallint": "NumberFilter",
+				"mediumint": "NumberFilter",
+				"int": "NumberFilter",
+				"bigint": "NumberFilter",
+				"decimal": "NumberFilter",
+				"float": "NumberFilter",
+				"double": "NumberFilter",
+				"year": "NumberFilter",
+				"boolean": "BooleanFilter",
+				"date": "DateFilter",
+				"time": "TimeFilter",
+				"datetime": "DateTimeFilter",
+				"timestamp": "DateTimeFilter",
+				"char": "TextFilter",
+				"varchar": "TextFilter",
+				"text": "LongTextFilter",
+				"tinytext": "LongTextFilter",
+				"mediumtext": "LongTextFilter",
+				"longtext": "LongTextFilter",
+				"json": "JsonEditorFilter",
+				"enum": "SelectFilter",
+				"binary": "BinaryFilter",
+				"varbinary": "BinaryFilter",
+				"blob": "BinaryFilter",
+				"tinyblob": "BinaryFilter",
+				"mediumblob": "BinaryFilter",
+				"longblob": "BinaryFilter",
+				"set": "TextFilter",
+				"foreign key": "ForeignKeyFilter"
+			},
+			"oracledb": {
+				"NUMBER": "NumberFilter",
+				"FLOAT": "NumberFilter",
+				"BINARY_FLOAT": "NumberFilter",
+				"BINARY_DOUBLE": "NumberFilter",
+				"INTERVAL YEAR": "NumberFilter",
+				"INTERVAL DAY": "NumberFilter",
+				"DATE": "DateFilter",
+				"TIMESTAMP": "DateTimeFilter",
+				"CHAR": "TextFilter",
+				"NCHAR": "TextFilter",
+				"CLOB": "TextFilter",
+				"NCLOB": "TextFilter",
+				"VARCHAR2": "TextFilter",
+				"VARCHAR": "TextFilter",
+				"NVARCHAR2": "TextFilter",
+				"BLOB": "BinaryFilter",
+				"BFILE": "BinaryFilter",
+				"RAW": "BinaryFilter",
+				"LONG RAW": "BinaryFilter",
+				"LONG": "BinaryFilter",
+				"foreign key": "ForeignKeyFilter"
+			},
+			"mssql": {
+				"bigint": "NumberFilter",
+				"int": "NumberFilter",
+				"smallint": "NumberFilter",
+				"tinyint": "NumberFilter",
+				"decimal": "NumberFilter",
+				"bitdecimal": "NumberFilter",
+				"numeric": "NumberFilter",
+				"real": "NumberFilter",
+				"uniqueidentifier": "IdFilter",
+				"char": "TextFilter",
+				"varchar": "TextFilter",
+				"text": "LongTextFilter",
+				"nchar": "LongTextFilter",
+				"nvarchar": "LongTextFilter",
+				"ntext": "LongTextFilter",
+				"date": "DateFilter",
+				"datetime": "DateTimeFilter",
+				"smalldatetime": "DateTimeFilter",
+				"timestamp": "DateTimeFilter",
+				"binary": "BinaryFilter",
+				"varbinary": "BinaryFilter",
+				"image": "BinaryFilter",
+				"money": "TextFilter",
+				"smallmoney": "TextFilter",
+				"foreign key": "ForeignKeyFilter"
+			},
+			"mongodb": {
+				"number": "NumberFilter",
+				"double": "NumberFilter",
+				"int32": "NumberFilter",
+				"long": "NumberFilter",
+				"decimal128": "NumberFilter",
+				"boolean": "BooleanFilter",
+				"date": "DateFilter",
+				"timestamp": "DateTimeFilter",
+				"string": "TextFilter",
+				"regexp": "TextFilter",
+				"objectid": "TextFilter",
+				"binary": "BinaryFilter",
+				"object": "JsonEditorFilter",
+				"array": "JsonEditorFilter",
+				"foreign key": "ForeignKeyFilter"
+			},
+			"dynamodb": {
+				"string": "TextFilter",
+				"number": "NumberFilter",
+				"boolean": "BooleanFilter",
+				"null": "StaticTextFilter",
+				"array": "JsonEditorFilter",
+				"json": "JsonEditorFilter",
+				"binary": "BinaryFilter"
+			},
+			"cassandra": {
+				"int": "NumberFilter",
+				"bigint": "NumberFilter",
+				"varint": "NumberFilter",
+				"decimal": "NumberFilter",
+				"float": "NumberFilter",
+				"double": "NumberFilter",
+				"boolean": "BooleanFilter",
+				"timeuuid": "IdFilter",
+				"timestamp": "DateTimeFilter",
+				"date": "DateFilter",
+				"time": "TimeFilter",
+				"uuid": "TextFilter",
+				"varchar": "TextFilter",
+				"inet": "TextFilter",
+				"ascii": "TextFilter",
+				"text": "TextFilter",
+				"blob": "BinaryFilter",
+				"list": "JsonEditorFilter",
+				"map": "JsonEditorFilter",
+				"set": "JsonEditorFilter"
+			}
+		}
+	}
+}
diff --git a/frontend-vue/src/consts/widget-types.spec.ts b/frontend/src/consts/widget-types.spec.ts
similarity index 69%
rename from frontend-vue/src/consts/widget-types.spec.ts
rename to frontend/src/consts/widget-types.spec.ts
index 68afcc33d..1b3f7cf64 100644
--- a/frontend-vue/src/consts/widget-types.spec.ts
+++ b/frontend/src/consts/widget-types.spec.ts
@@ -1,43 +1,22 @@
-import { readFileSync } from 'node:fs';
-import { resolve } from 'node:path';
 import { describe, expect, it } from 'vitest';
 import * as filterTypes from './filter-types';
 import * as recordEditTypes from './record-edit-types';
 import * as recordViewTypes from './record-view-types';
 import * as tableDisplayTypes from './table-display-types';
+import ANGULAR_MAPS from './widget-types.angular.json';
 
 /**
  * Parity guard for the widget type maps: every DB-type → widget table must keep exactly the keys
  * (and the same widget per key) as the Angular map it was ported from, because the row edit form,
  * the record view, the table cells and the filters all pick their widget from these tables.
  *
- * The Angular source is parsed textually rather than imported (it pulls in Angular components).
- * Until the Angular app is deleted (Phase 4) this pins the two together.
+ * widget-types.angular.json is a snapshot of the Angular frontend/src/app/consts/*-types.ts maps
+ * (component names without the `Component` suffix), taken before the Angular app was deleted.
  */
-const ANGULAR_CONSTS = resolve(process.cwd(), '../frontend/src/app/consts');
-
 type WidgetMap = Record<string, unknown>;
 
-/** `{ section: { key: 'ComponentName' } }` from an Angular `export const <name> = { … }` block. */
-function angularMap(file: string, exportName: string): Record<string, Record<string, string>> | Record<string, string> {
-	const source = readFileSync(resolve(ANGULAR_CONSTS, file), 'utf8');
-	const start = source.indexOf(`export const ${exportName} = {`);
-	if (start < 0) throw new Error(`${exportName} not found in ${file}`);
-	let depth = 0;
-	let end = start;
-	for (let index = source.indexOf('{', start); index < source.length; index++) {
-		if (source[index] === '{') depth++;
-		else if (source[index] === '}' && --depth === 0) {
-			end = index + 1;
-			break;
-		}
-	}
-	const body = source
-		.slice(source.indexOf('{', start), end)
-		.replace(/\/\/.*$/gm, '')
-		.replace(/\b([A-Z]\w*)Component\b/g, '"$1"');
-	// Object literal with quoted/unquoted keys and string/component values → evaluate as JS.
-	return new Function(`return (${body});`)() as Record<string, Record<string, string>>;
+function angularMap(file: string, exportName: string): unknown {
+	return (ANGULAR_MAPS as Record<string, Record<string, unknown>>)[file]?.[exportName];
 }
 
 type AsyncWidget = { __asyncLoader: () => Promise<{ __name?: string } | { default: { __name?: string } }> };
diff --git a/frontend/src/custom-theme.scss b/frontend/src/custom-theme.scss
deleted file mode 100644
index 769da09d0..000000000
--- a/frontend/src/custom-theme.scss
+++ /dev/null
@@ -1,192 +0,0 @@
-@use '@angular/material' as mat;
-@use 'generate-material-palette' as palette;
-
-// @import '@angular/material/theming';
-@include mat.elevation-classes();
-@include mat.app-background();
-
-$md-app-primary-color: palette.createpalette('primaryPalette');
-$md-app-accented-color: palette.createpalette('accentedPalette');
-$md-app-warn-color: palette.createpalette('warnPalette');
-$md-app-white-color: palette.createpalette('whitePalette');
-$md-app-warn-dark-color: palette.createpalette('warnDarkPalette');
-
-$custom-palette-primary: mat.m2-define-palette($md-app-primary-color);
-$custom-palette-accent: mat.m2-define-palette($md-app-accented-color);
-$custom-palette-warn: mat.m2-define-palette($md-app-warn-color);
-$custom-palette-white: mat.m2-define-palette($md-app-white-color);
-// $custom-palette-accented-dark: mat.m2-define-palette($md-app-accented-dark-color);
-$custom-palette-warn-dark: mat.m2-define-palette($md-app-warn-dark-color);
-
-html {
-  --mat-shape-small: 0px !important;
-  --mat-button-filled-container-shape: 4px;
-  --mat-button-outlined-container-shape: 4px;
-  --mat-button-text-container-shape: 4px;
-  --mat-form-field-outlined-container-shape: 4px !important;
-
-  --surface-dark-color: #202020 !important;
-  --mat-toolbar-container-background-color: var(--surface-dark-color) !important;
-
-  --error-background-color: color-mix(in hsl, var(--color-warnPalette-500), transparent 95%);
-  --warning-background-color: color-mix(in hsl, var(--color-warningPalette-500), transparent 95%);
-  --info-background-color: color-mix(in hsl, var(--color-infoPalette-500), transparent 95%);
-  --success-background-color: color-mix(in hsl, var(--color-successPalette-500), transparent 97%);
-  --alternative-background-color: color-mix(in hsl, var(--color-alternativePalette-500), transparent 95%);
-}
-
-@media (prefers-color-scheme: dark) {
-  html {
-    --mat-expansion-container-background-color: var(--surface-dark-color) !important;
-    --mat-table-background-color: var(--surface-dark-color) !important;
-    --mat-paginator-container-background-color: var(--surface-dark-color) !important;
-    --mat-snack-bar-button-color: var(--color-accentedPalette-500) !important;
-
-    --error-background-color: color-mix(in hsl, var(--color-warnDarkPalette-500), transparent 95%);
-    --warning-background-color: color-mix(in hsl, var(--color-warningPalette-500), transparent 95%);
-    --info-background-color: color-mix(in hsl, var(--color-infoPalette-500), transparent 95%);
-    --success-background-color: color-mix(in hsl, var(--color-successDarkPalette-500), transparent 95%);
-    --alternative-background-color: color-mix(in hsl, var(--color-alternativeDarkPalette-500), transparent 95%);
-  }
-
-  .mat-datepicker-content {
-    --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 255, 255, 0.1) !important;
-    --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 255, 255, 0.1) !important;
-  }
-}
-
-// .main-menu-container_native .mat-mdc-unelevated-button.mat-accent {
-//   --mat-button-filled-label-text-color: #fff !important;
-// }
-
-@media (prefers-color-scheme: light) {
-  .mat-datepicker-content {
-    --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 0, 0, 0.04) !important;
-    --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 0, 0, 0.04) !important;
-  }
-
-  .main-menu-container_native .mat-mdc-unelevated-button.mat-accent {
-    --mat-button-filled-label-text-color: #fff !important;
-  }
-
-  body .mat-mdc-flat-button.mat-primary, body .mat-mdc-unelevated-button.mat-primary {
-    --mat-mdc-button-persistent-ripple-color: var(--color-primaryPalette-500-contrast) !important;
-    --mat-button-protected-label-text-color: var(--color-primaryPalette-500-contrast) !important;
-    --mat-button-filled-label-text-color: var(--color-primaryPalette-500-contrast) !important;
-    --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1) !important;
-  }
-
-  body .mat-mdc-flat-button.mat-accent, body .mat-mdc-unelevated-button.mat-accent {
-    --mat-mdc-button-persistent-ripple-color: var(--color-accentedPalette-500-contrast) !important;
-    --mat-button-protected-label-text-color: var(--color-accentedPalette-500-contrast) !important;
-    --mat-button-filled-label-text-color: var(--color-accentedPalette-500-contrast) !important;
-    --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1) !important;
-  }
-
-  body .mat-mdc-flat-button.mat-warn, body .mat-mdc-unelevated-button.mat-warn {
-    --mat-mdc-button-persistent-ripple-color: var(--color-warnPalette-500-contrast) !important;
-    --mat-button-protected-label-text-color: var(--color-warnPalette-500-contrast) !important;
-    --mat-button-filled-label-text-color: var(--color-warnPalette-500-contrast) !important;
-    --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1) !important;
-  }
-}
-
-// @media (prefers-color-scheme: dark) {
-//   body .mat-mdc-outlined-button:not(:disabled) {
-//     --mat-button-outlined-label-text-color: #fff !important;
-//   }
-
-//   // body .mat-mdc-button:not(:disabled) {
-//   //   --mat-button-text-label-text-color: #fff !important;
-//   // }
-// }
-
-// .mat-mdc-checkbox .mdc-form-field {
-//   --mat-checkbox-selected-checkmark-color: var(--color-accentedPalette-500-contrast) !important;
-// }
-
-.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
-  --mat-checkbox-selected-checkmark-color: var(--color-accentedPalette-500-contrast) !important;
-}
-
-.mat-elevation-z4 {
-  box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;
-}
-
-.mat-elevation-z2 {
-  box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;
-}
-
-.mat-mdc-form-field-bottom-align::before {
-  margin-left: -3px;
-}
-
-$app-font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-
-$button-custom-level: mat.m2-define-typography-level(
-  $font-family: $app-font-family,
-  $font-weight: 500,
-  $font-size: 14px,
-  $line-height: 34px,
-  $letter-spacing: normal,
-);
-
-$body-1-custom-level: mat.m2-define-typography-level(
-  $font-family: $app-font-family,
-  $font-weight: 400,
-  $font-size: 14px,
-  $line-height: 20px,
-  $letter-spacing: normal,
-);
-
-$caption-custom-level: mat.m2-define-typography-level(
-  $font-family: $app-font-family,
-  $font-weight: 400,
-  $font-size: 12px,
-  $line-height: 16px,
-  $letter-spacing: normal
-);
-
-$custom-typography-config: mat.m2-define-typography-config(
-    $font-family: $app-font-family,
-    $button: $button-custom-level,
-    $body-1: $body-1-custom-level,
-    $caption: $caption-custom-level,
-);
-
-
-$custom-light-theme: mat.m2-define-light-theme((
-  color: (
-    primary: $custom-palette-primary,
-    accent: $custom-palette-accent,
-    warn: $custom-palette-warn,
-  ),
- density: -3,
-));
-
-$custom-dark-theme: mat.m2-define-dark-theme((
-  color: (
-    primary: $custom-palette-white,
-    accent: $custom-palette-accent,
-    warn: $custom-palette-warn-dark,
-  ),
-  density: -3,
-));
-
-body {
-  @include mat.button-density(0);
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    @include mat.all-component-themes($custom-light-theme);
-    @include mat.all-component-typographies($custom-typography-config);
-  }
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    @include mat.all-component-themes($custom-dark-theme);
-    @include mat.all-component-typographies($custom-typography-config);
-  }
-}
diff --git a/frontend-vue/src/directives/customValidity.spec.ts b/frontend/src/directives/customValidity.spec.ts
similarity index 100%
rename from frontend-vue/src/directives/customValidity.spec.ts
rename to frontend/src/directives/customValidity.spec.ts
diff --git a/frontend-vue/src/directives/customValidity.ts b/frontend/src/directives/customValidity.ts
similarity index 100%
rename from frontend-vue/src/directives/customValidity.ts
rename to frontend/src/directives/customValidity.ts
diff --git a/frontend-vue/src/env.d.ts b/frontend/src/env.d.ts
similarity index 100%
rename from frontend-vue/src/env.d.ts
rename to frontend/src/env.d.ts
diff --git a/frontend-vue/src/environment.spec.ts b/frontend/src/environment.spec.ts
similarity index 100%
rename from frontend-vue/src/environment.spec.ts
rename to frontend/src/environment.spec.ts
diff --git a/frontend-vue/src/environment.ts b/frontend/src/environment.ts
similarity index 100%
rename from frontend-vue/src/environment.ts
rename to frontend/src/environment.ts
diff --git a/frontend/src/environments/environment.dev.ts b/frontend/src/environments/environment.dev.ts
deleted file mode 100644
index 24d2881ea..000000000
--- a/frontend/src/environments/environment.dev.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export const environment = {
-	production: false,
-	saas: true,
-	apiRoot: 'https://app.rocketadmin.com/api',
-	saasURL: 'https://app.rocketadmin.com',
-	saasHostnames: ['localhost', '127.0.0.1'],
-	stagingHost: '',
-	version: '0.0.0',
-};
diff --git a/frontend/src/environments/environment.prod.ts b/frontend/src/environments/environment.prod.ts
deleted file mode 100644
index 7ee4d9505..000000000
--- a/frontend/src/environments/environment.prod.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export const environment = {
-	production: true,
-	saas: false,
-	apiRoot: '/api',
-	saasURL: '',
-	stagingHost: 'rocketadmin-dev.tail9f8b2.ts.net', // Tailscale host
-	version: '0.0.0',
-};
diff --git a/frontend/src/environments/environment.saas-prod.ts b/frontend/src/environments/environment.saas-prod.ts
deleted file mode 100644
index bbf58cc7d..000000000
--- a/frontend/src/environments/environment.saas-prod.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export const environment = {
-	production: true,
-	saas: true,
-	apiRoot: '/api',
-	saasURL: '',
-	saasHostnames: ['app.rocketadmin.com', 'rocket.sitenova.com', 'localhost', 'rocketadmin-dev.tail9f8b2.ts.net'],
-	stagingHost: 'rocketadmin-dev.tail9f8b2.ts.net', // Tailscale host
-	version: '0.0.0',
-	turnstileSiteKey: '0x4AAAAAACM2ZuNYhGhncig_',
-};
diff --git a/frontend/src/environments/environment.saas.ts b/frontend/src/environments/environment.saas.ts
deleted file mode 100644
index f408ef2b6..000000000
--- a/frontend/src/environments/environment.saas.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export const environment = {
-	saas: true,
-	production: false,
-	apiRoot: 'https://rocketadmin-dev.tail9f8b2.ts.net/api',
-	saasURL: 'https://rocketadmin-dev.tail9f8b2.ts.net',
-	saasHostnames: ['app.rocketadmin.com', 'rocket.sitenova.com', 'localhost', 'rocketadmin-dev.tail9f8b2.ts.net'],
-	stagingHost: 'rocketadmin-dev.tail9f8b2.ts.net', // Tailscale host
-	version: '0.0.0',
-	turnstileSiteKey: '1x00000000000000000000AA', // Test key - always passes
-};
diff --git a/frontend/src/environments/environment.ts b/frontend/src/environments/environment.ts
deleted file mode 100644
index 8964888f0..000000000
--- a/frontend/src/environments/environment.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
-export const environment = {
-	production: false,
-	apiRoot: '/api',
-	stagingHost: 'rocketadmin-dev.tail9f8b2.ts.net', // Tailscale host
-	version: '0.0.0',
-} as Record<string, any>;
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.
diff --git a/frontend/src/index.html b/frontend/src/index.html
deleted file mode 100644
index 372ba014f..000000000
--- a/frontend/src/index.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Rocketadmin</title>
-  <base href="/">
-
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
-  <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
-</head>
-<body style="background-color: #191919; color: #ffffff;">
-  <app-root class="mainLayout mat-typography"></app-root>
-</body>
-</html>
diff --git a/frontend/src/index.saas.html b/frontend/src/index.saas.html
deleted file mode 100644
index 6d4db281f..000000000
--- a/frontend/src/index.saas.html
+++ /dev/null
@@ -1,181 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Rocketadmin</title>
-  <base href="/">
-
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <!--<link rel="icon" type="image/x-icon" href="assets/favicon.ico">
-  <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">-->
-
-  <!-- Intercom -->
-  <script>
-      window.intercomSettings = {
-        api_base: "https://api-iam.intercom.io",
-        app_id: "q2bwv46v",
-        alignment: 'right',
-        horizontal_padding: 20,
-        vertical_padding: 20
-      };
-  </script>
-  <script>
-    // We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/q2bwv46v'
-    // biome-ignore lint: intercom code snippet
-    (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/q2bwv46v';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
-  </script>
-  <!-- Intercom -->
-
-
-  <!-- Global site tag (gtag.js) - Google Ads: 419937947 -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-419937947"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    // biome-ignore lint: third-party code snippet
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
-
-    gtag('config', 'AW-419937947');
-  </script>
-
-  <!-- Global site tag (gtag.js) - Google Ads: 419937947 -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-419937947"></script>
-
-  <!-- Google Tag Manager -->
-  <script>((w,d,s,l,i)=> {w[l]=w[l]||[];w[l].push({'gtm.start':
-    // biome-ignore lint: third-party code snippet
-    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-    j=d.createElement(s),dl=l!=='dataLayer'?'&l='+l:'';j.async=true;j.src=
-    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-    })(window,document,'script','dataLayer','GTM-W64RBP8');</script>
-  <!-- End Google Tag Manager -->
-
-  <!-- Event snippet for Page view conversion page
-  In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
-  <script>
-  function _gtag_report_conversion(url) {
-    var callback = () => {
-      if (typeof(url) !== 'undefined') {
-        window.location = url;
-      }
-    };
-    gtag('event', 'conversion', {
-        'send_to': 'AW-419937947/jqGyCJWo4qobEJv9nsgB',
-        'value': 1.0,
-        'currency': 'USD',
-        'event_callback': callback
-    });
-    return false;
-  }
-  </script>
-
-
-  <!-- Facebook Pixel Code -->
-  <script>
-    !((f,b,e,v,n,t,s)=> 
-    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
-    // biome-ignore lint: third-party code snippet
-    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
-    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
-    n.queue=[];t=b.createElement(e);t.async=!0;
-    t.src=v;s=b.getElementsByTagName(e)[0];
-    s.parentNode.insertBefore(t,s)})(window, document,'script',
-    'https://connect.facebook.net/en_US/fbevents.js');
-    fbq('init', '3069782323239519');
-    fbq('track', 'PageView');
-  </script>
-  <!-- End Facebook Pixel Code -->
-
-  <script src="https://accounts.google.com/gsi/client"></script>
-  <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v14.0" nonce="Fb790BHM"></script>
-
-  <!-- <script>
-      (function(d, s, id) {
-        var js, fjs = d.getElementsByTagName(s)[0];
-        if (d.getElementById(id)) return;
-        js = d.createElement(s); js.id = id;
-        js.src = "https://connect.facebook.net/en_US/sdk.js";
-        fjs.parentNode.insertBefore(js, fjs);
-      }(document, 'script', 'facebook-jssdk'));
-
-  </script> -->
-  <style>
-    .initialLoader {
-      display: flex;
-      align-items: center;
-      background-color:#ffffff;
-      margin: 0px;
-      height: 100vh;
-      overflow: hidden;
-      width: 100vw;
-    }
-
-    @media(prefers-color-scheme: dark) {
-      .initialLoader {
-        background-color: #303030;
-      }
-    }
-
-    #lottie {
-        background-color:#ffffff;
-        width:100%;
-        height:100%;
-        display:block;
-        overflow: hidden;
-        transform: translate3d(0,0,0);
-        text-align: center;
-        opacity: 1;
-    }
-
-    @media(prefers-color-scheme: dark) {
-      #lottie {
-        background-color: #303030;
-      }
-
-      #lottie svg rect {
-        fill: #303030;
-      }
-    }
-</style>
-
-  <!-- Cloudflare Turnstile -->
-  <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
-</head>
-<body style="background-color: #191919; color: #ffffff;">
-  <!-- Facebook Pixel noscript fallback -->
-  <noscript><img height="1" width="1" style="display:none"
-    src="https://www.facebook.com/tr?id=3069782323239519&ev=PageView&noscript=1"
-  /></noscript>
-  <div id="g_id_onload"
-      data-client_id="681163285738-e4l0lrv5vv7m616ucrfhnhso9r396lum.apps.googleusercontent.com"
-      data-auto_prompt="false">
-  </div>
-  <app-root class="mainLayout mat-typography">
-    <div class="initialLoader">
-      <!-- build:scripto --><script>
-      // biome-ignore lint: this autogenerated animation uses eval
-      !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).lottie=e()}(this,(function(){"use strict";var svgNS="http://www.w3.org/2000/svg",locationHref="",_useWebWorker=!1,initialDefaultFrame=-999999,setWebWorker=function(t){_useWebWorker=!!t},getWebWorker=function(){return _useWebWorker},setLocationHref=function(t){locationHref=t},getLocationHref=function(){return locationHref};function createTag(t){return document.createElement(t)}function extendPrototype(t,e){var r,i,s=t.length;for(r=0;r<s;r+=1)for(var a in i=t[r].prototype)Object.prototype.hasOwnProperty.call(i,a)&&(e.prototype[a]=i[a])}function getDescriptor(t,e){return Object.getOwnPropertyDescriptor(t,e)}function createProxyFunction(t){function e(){}return e.prototype=t,e}var audioControllerFactory=function(){function t(t){this.audios=[],this.audioFactory=t,this._volume=1,this._isMuted=!1}return t.prototype={addAudio:function(t){this.audios.push(t)},pause:function(){var t,e=this.audios.length;for(t=0;t<e;t+=1)this.audios[t].pause()},resume:function(){var t,e=this.audios.length;for(t=0;t<e;t+=1)this.audios[t].resume()},setRate:function(t){var e,r=this.audios.length;for(e=0;e<r;e+=1)this.audios[e].setRate(t)},createAudio:function(t){return this.audioFactory?this.audioFactory(t):window.Howl?new window.Howl({src:[t]}):{isPlaying:!1,play:function(){this.isPlaying=!0},seek:function(){this.isPlaying=!1},playing:function(){},rate:function(){},setVolume:function(){}}},setAudioFactory:function(t){this.audioFactory=t},setVolume:function(t){this._volume=t,this._updateVolume()},mute:function(){this._isMuted=!0,this._updateVolume()},unmute:function(){this._isMuted=!1,this._updateVolume()},getVolume:function(){return this._volume},_updateVolume:function(){var t,e=this.audios.length;for(t=0;t<e;t+=1)this.audios[t].volume(this._volume*(this._isMuted?0:1))}},function(){return new t}}(),createTypedArray=function(){function t(t,e){var r,i=0,s=[];switch(t){case"int16":case"uint8c":r=1;break;default:r=1.1}for(i=0;i<e;i+=1)s.push(r);return s}return"function"==typeof Uint8ClampedArray&&"function"==typeof Float32Array?function(e,r){return"float32"===e?new Float32Array(r):"int16"===e?new Int16Array(r):"uint8c"===e?new Uint8ClampedArray(r):t(e,r)}:t}();function createSizedArray(t){return Array.apply(null,{length:t})}function _typeof$6(t){return _typeof$6="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof$6(t)}var subframeEnabled=!0,expressionsPlugin=null,idPrefix="",isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),_shouldRoundValues=!1,bmPow=Math.pow,bmSqrt=Math.sqrt,bmFloor=Math.floor,bmMax=Math.max,bmMin=Math.min,BMMath={};function ProjectInterface$1(){return{}}!function(){var t,e=["abs","acos","acosh","asin","asinh","atan","atanh","atan2","ceil","cbrt","expm1","clz32","cos","cosh","exp","floor","fround","hypot","imul","log","log1p","log2","log10","max","min","pow","random","round","sign","sin","sinh","sqrt","tan","tanh","trunc","E","LN10","LN2","LOG10E","LOG2E","PI","SQRT1_2","SQRT2"],r=e.length;for(t=0;t<r;t+=1)BMMath[e[t]]=Math[e[t]]}(),BMMath.random=Math.random,BMMath.abs=function(t){if("object"===_typeof$6(t)&&t.length){var e,r=createSizedArray(t.length),i=t.length;for(e=0;e<i;e+=1)r[e]=Math.abs(t[e]);return r}return Math.abs(t)};var defaultCurveSegments=150,degToRads=Math.PI/180,roundCorner=.5519;function roundValues(t){_shouldRoundValues=!!t}function bmRnd(t){return _shouldRoundValues?Math.round(t):t}function styleDiv(t){t.style.position="absolute",t.style.top=0,t.style.left=0,t.style.display="block",t.style.transformOrigin="0 0",t.style.webkitTransformOrigin="0 0",t.style.backfaceVisibility="visible",t.style.webkitBackfaceVisibility="visible",t.style.transformStyle="preserve-3d",t.style.webkitTransformStyle="preserve-3d",t.style.mozTransformStyle="preserve-3d"}function BMEnterFrameEvent(t,e,r,i){this.type=t,this.currentTime=e,this.totalTime=r,this.direction=i<0?-1:1}function BMCompleteEvent(t,e){this.type=t,this.direction=e<0?-1:1}function BMCompleteLoopEvent(t,e,r,i){this.type=t,this.currentLoop=r,this.totalLoops=e,this.direction=i<0?-1:1}function BMSegmentStartEvent(t,e,r){this.type=t,this.firstFrame=e,this.totalFrames=r}function BMDestroyEvent(t,e){this.type=t,this.target=e}function BMRenderFrameErrorEvent(t,e){this.type="renderFrameError",this.nativeError=t,this.currentTime=e}function BMConfigErrorEvent(t){this.type="configError",this.nativeError=t}function BMAnimationConfigErrorEvent(t,e){this.type=t,this.nativeError=e}var createElementID=(_count=0,function(){return idPrefix+"__lottie_element_"+(_count+=1)}),_count;function HSVtoRGB(t,e,r){var i,s,a,n,o,h,l,p;switch(h=r*(1-e),l=r*(1-(o=6*t-(n=Math.floor(6*t)))*e),p=r*(1-(1-o)*e),n%6){case 0:i=r,s=p,a=h;break;case 1:i=l,s=r,a=h;break;case 2:i=h,s=r,a=p;break;case 3:i=h,s=l,a=r;break;case 4:i=p,s=h,a=r;break;case 5:i=r,s=h,a=l}return[i,s,a]}function RGBtoHSV(t,e,r){var i,s=Math.max(t,e,r),a=Math.min(t,e,r),n=s-a,o=0===s?0:n/s,h=s/255;switch(s){case a:i=0;break;case t:i=e-r+n*(e<r?6:0),i/=6*n;break;case e:i=r-t+2*n,i/=6*n;break;case r:i=t-e+4*n,i/=6*n}return[i,o,h]}function addSaturationToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[1]+=e,r[1]>1?r[1]=1:r[1]<=0&&(r[1]=0),HSVtoRGB(r[0],r[1],r[2])}function addBrightnessToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[2]+=e,r[2]>1?r[2]=1:r[2]<0&&(r[2]=0),HSVtoRGB(r[0],r[1],r[2])}function addHueToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[0]+=e/360,r[0]>1?r[0]-=1:r[0]<0&&(r[0]+=1),HSVtoRGB(r[0],r[1],r[2])}var rgbToHex=function(){var t,e,r=[];for(t=0;t<256;t+=1)e=t.toString(16),r[t]=1===e.length?"0"+e:e;return function(t,e,i){return t<0&&(t=0),e<0&&(e=0),i<0&&(i=0),"#"+r[t]+r[e]+r[i]}}(),setSubframeEnabled=function(t){subframeEnabled=!!t},getSubframeEnabled=function(){return subframeEnabled},setExpressionsPlugin=function(t){expressionsPlugin=t},getExpressionsPlugin=function(){return expressionsPlugin},setDefaultCurveSegments=function(t){defaultCurveSegments=t},getDefaultCurveSegments=function(){return defaultCurveSegments},setIdPrefix=function(t){idPrefix=t},getIdPrefix=function(){return idPrefix};function createNS(t){return document.createElementNS(svgNS,t)}function _typeof$5(t){return _typeof$5="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof$5(t)}var dataManager=function(){var t,e,r=1,i=[],s={onmessage:function(){},postMessage:function(e){t({data:e})}},a={postMessage:function(t){s.onmessage({data:t})}};function n(){e||(e=function(e){if(window.Worker&&window.Blob&&getWebWorker()){var r=new Blob(["var _workerSelf = self; self.onmessage = ",e.toString()],{type:"text/javascript"}),i=URL.createObjectURL(r);return new Worker(i)}return t=e,s}((function(t){if(a.dataManager||(a.dataManager=function(){function t(s,a){var n,o,h,l,p,m,c=s.length;for(o=0;o<c;o+=1)if("ks"in(n=s[o])&&!n.completed){if(n.completed=!0,n.tt&&(s[o-1].td=n.tt),n.hasMask){var d=n.masksProperties;for(l=d.length,h=0;h<l;h+=1)if(d[h].pt.k.i)i(d[h].pt.k);else for(m=d[h].pt.k.length,p=0;p<m;p+=1)d[h].pt.k[p].s&&i(d[h].pt.k[p].s[0]),d[h].pt.k[p].e&&i(d[h].pt.k[p].e[0])}0===n.ty?(n.layers=e(n.refId,a),t(n.layers,a)):4===n.ty?r(n.shapes):5===n.ty&&f(n)}}function e(t,e){var r=function(t,e){for(var r=0,i=e.length;r<i;){if(e[r].id===t)return e[r];r+=1}return null}(t,e);return r?r.layers.__used?JSON.parse(JSON.stringify(r.layers)):(r.layers.__used=!0,r.layers):null}function r(t){var e,s,a;for(e=t.length-1;e>=0;e-=1)if("sh"===t[e].ty)if(t[e].ks.k.i)i(t[e].ks.k);else for(a=t[e].ks.k.length,s=0;s<a;s+=1)t[e].ks.k[s].s&&i(t[e].ks.k[s].s[0]),t[e].ks.k[s].e&&i(t[e].ks.k[s].e[0]);else"gr"===t[e].ty&&r(t[e].it)}function i(t){var e,r=t.i.length;for(e=0;e<r;e+=1)t.i[e][0]+=t.v[e][0],t.i[e][1]+=t.v[e][1],t.o[e][0]+=t.v[e][0],t.o[e][1]+=t.v[e][1]}function s(t,e){var r=e?e.split("."):[100,100,100];return t[0]>r[0]||!(r[0]>t[0])&&(t[1]>r[1]||!(r[1]>t[1])&&(t[2]>r[2]||!(r[2]>t[2])&&null))}var a,n=function(){var t=[4,4,14];function e(t){var e,r,i,s=t.length;for(e=0;e<s;e+=1)5===t[e].ty&&(i=void 0,i=(r=t[e]).t.d,r.t.d={k:[{s:i,t:0}]})}return function(r){if(s(t,r.v)&&(e(r.layers),r.assets)){var i,a=r.assets.length;for(i=0;i<a;i+=1)r.assets[i].layers&&e(r.assets[i].layers)}}}(),o=(a=[4,7,99],function(t){if(t.chars&&!s(a,t.v)){var e,i=t.chars.length;for(e=0;e<i;e+=1){var n=t.chars[e];n.data&&n.data.shapes&&(r(n.data.shapes),n.data.ip=0,n.data.op=99999,n.data.st=0,n.data.sr=1,n.data.ks={p:{k:[0,0],a:0},s:{k:[100,100],a:0},a:{k:[0,0],a:0},r:{k:0,a:0},o:{k:100,a:0}},t.chars[e].t||(n.data.shapes.push({ty:"no"}),n.data.shapes[0].it.push({p:{k:[0,0],a:0},s:{k:[100,100],a:0},a:{k:[0,0],a:0},r:{k:0,a:0},o:{k:100,a:0},sk:{k:0,a:0},sa:{k:0,a:0},ty:"tr"})))}}}),h=function(){var t=[5,7,15];function e(t){var e,r,i=t.length;for(e=0;e<i;e+=1)5===t[e].ty&&(r=void 0,"number"==typeof(r=t[e].t.p).a&&(r.a={a:0,k:r.a}),"number"==typeof r.p&&(r.p={a:0,k:r.p}),"number"==typeof r.r&&(r.r={a:0,k:r.r}))}return function(r){if(s(t,r.v)&&(e(r.layers),r.assets)){var i,a=r.assets.length;for(i=0;i<a;i+=1)r.assets[i].layers&&e(r.assets[i].layers)}}}(),l=function(){var t=[4,1,9];function e(t){var r,i,s,a=t.length;for(r=0;r<a;r+=1)if("gr"===t[r].ty)e(t[r].it);else if("fl"===t[r].ty||"st"===t[r].ty)if(t[r].c.k&&t[r].c.k[0].i)for(s=t[r].c.k.length,i=0;i<s;i+=1)t[r].c.k[i].s&&(t[r].c.k[i].s[0]/=255,t[r].c.k[i].s[1]/=255,t[r].c.k[i].s[2]/=255,t[r].c.k[i].s[3]/=255),t[r].c.k[i].e&&(t[r].c.k[i].e[0]/=255,t[r].c.k[i].e[1]/=255,t[r].c.k[i].e[2]/=255,t[r].c.k[i].e[3]/=255);else t[r].c.k[0]/=255,t[r].c.k[1]/=255,t[r].c.k[2]/=255,t[r].c.k[3]/=255}function r(t){var r,i=t.length;for(r=0;r<i;r+=1)4===t[r].ty&&e(t[r].shapes)}return function(e){if(s(t,e.v)&&(r(e.layers),e.assets)){var i,a=e.assets.length;for(i=0;i<a;i+=1)e.assets[i].layers&&r(e.assets[i].layers)}}}(),p=function(){var t=[4,4,18];function e(t){var r,i,s;for(r=t.length-1;r>=0;r-=1)if("sh"===t[r].ty)if(t[r].ks.k.i)t[r].ks.k.c=t[r].closed;else for(s=t[r].ks.k.length,i=0;i<s;i+=1)t[r].ks.k[i].s&&(t[r].ks.k[i].s[0].c=t[r].closed),t[r].ks.k[i].e&&(t[r].ks.k[i].e[0].c=t[r].closed);else"gr"===t[r].ty&&e(t[r].it)}function r(t){var r,i,s,a,n,o,h=t.length;for(i=0;i<h;i+=1){if((r=t[i]).hasMask){var l=r.masksProperties;for(a=l.length,s=0;s<a;s+=1)if(l[s].pt.k.i)l[s].pt.k.c=l[s].cl;else for(o=l[s].pt.k.length,n=0;n<o;n+=1)l[s].pt.k[n].s&&(l[s].pt.k[n].s[0].c=l[s].cl),l[s].pt.k[n].e&&(l[s].pt.k[n].e[0].c=l[s].cl)}4===r.ty&&e(r.shapes)}}return function(e){if(s(t,e.v)&&(r(e.layers),e.assets)){var i,a=e.assets.length;for(i=0;i<a;i+=1)e.assets[i].layers&&r(e.assets[i].layers)}}}();function f(t){0===t.t.a.length&&t.t.p}var m={completeData:function(r){r.__complete||(l(r),n(r),o(r),h(r),p(r),t(r.layers,r.assets),function(r,i){if(r){var s=0,a=r.length;for(s=0;s<a;s+=1)1===r[s].t&&(r[s].data.layers=e(r[s].data.refId,i),t(r[s].data.layers,i))}}(r.chars,r.assets),r.__complete=!0)}};return m.checkColors=l,m.checkChars=o,m.checkPathProperties=h,m.checkShapes=p,m.completeLayers=t,m}()),a.assetLoader||(a.assetLoader=function(){function t(t){var e=t.getResponseHeader("content-type");return e&&"json"===t.responseType&&-1!==e.indexOf("json")||t.response&&"object"===_typeof$5(t.response)?t.response:t.response&&"string"==typeof t.response?JSON.parse(t.response):t.responseText?JSON.parse(t.responseText):null}return{load:function(e,r,i,s){var a,n=new XMLHttpRequest;try{n.responseType="json"}catch(t){}n.onreadystatechange=function(){if(4===n.readyState)if(200===n.status)a=t(n),i(a);else try{a=t(n),i(a)}catch(t){s&&s(t)}};try{n.open("GET",e,!0)}catch(t){n.open("GET",r+"/"+e,!0)}n.send()}}}()),"loadAnimation"===t.data.type)a.assetLoader.load(t.data.path,t.data.fullPath,(function(e){a.dataManager.completeData(e),a.postMessage({id:t.data.id,payload:e,status:"success"})}),(function(){a.postMessage({id:t.data.id,status:"error"})}));else if("complete"===t.data.type){var e=t.data.animation;a.dataManager.completeData(e),a.postMessage({id:t.data.id,payload:e,status:"success"})}else"loadData"===t.data.type&&a.assetLoader.load(t.data.path,t.data.fullPath,(function(e){a.postMessage({id:t.data.id,payload:e,status:"success"})}),(function(){a.postMessage({id:t.data.id,status:"error"})}))})),e.onmessage=function(t){var e=t.data,r=e.id,s=i[r];i[r]=null,"success"===e.status?s.onComplete(e.payload):s.onError&&s.onError()})}function o(t,e){var s="processId_"+(r+=1);return i[s]={onComplete:t,onError:e},s}return{loadAnimation:function(t,r,i){n();var s=o(r,i);e.postMessage({type:"loadAnimation",path:t,fullPath:window.location.origin+window.location.pathname,id:s})},loadData:function(t,r,i){n();var s=o(r,i);e.postMessage({type:"loadData",path:t,fullPath:window.location.origin+window.location.pathname,id:s})},completeAnimation:function(t,r,i){n();var s=o(r,i);e.postMessage({type:"complete",animation:t,id:s})}}}(),ImagePreloader=function(){var t=function(){var t=createTag("canvas");t.width=1,t.height=1;var e=t.getContext("2d");return e.fillStyle="rgba(0,0,0,0)",e.fillRect(0,0,1,1),t}();function e(){this.loadedAssets+=1,this.loadedAssets===this.totalImages&&this.loadedFootagesCount===this.totalFootages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function r(){this.loadedFootagesCount+=1,this.loadedAssets===this.totalImages&&this.loadedFootagesCount===this.totalFootages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function i(t,e,r){var i="";if(t.e)i=t.p;else if(e){var s=t.p;-1!==s.indexOf("images/")&&(s=s.split("/")[1]),i=e+s}else i=r,i+=t.u?t.u:"",i+=t.p;return i}function s(t){var e=0,r=setInterval(function(){(t.getBBox().width||e>500)&&(this._imageLoaded(),clearInterval(r)),e+=1}.bind(this),50)}function a(t){var e={assetData:t},r=i(t,this.assetsPath,this.path);return dataManager.loadData(r,function(t){e.img=t,this._footageLoaded()}.bind(this),function(){e.img={},this._footageLoaded()}.bind(this)),e}function n(){this._imageLoaded=e.bind(this),this._footageLoaded=r.bind(this),this.testImageLoaded=s.bind(this),this.createFootageData=a.bind(this),this.assetsPath="",this.path="",this.totalImages=0,this.totalFootages=0,this.loadedAssets=0,this.loadedFootagesCount=0,this.imagesLoadedCb=null,this.images=[]}return n.prototype={loadAssets:function(t,e){var r;this.imagesLoadedCb=e;var i=t.length;for(r=0;r<i;r+=1)t[r].layers||(t[r].t&&"seq"!==t[r].t?3===t[r].t&&(this.totalFootages+=1,this.images.push(this.createFootageData(t[r]))):(this.totalImages+=1,this.images.push(this._createImageData(t[r]))))},setAssetsPath:function(t){this.assetsPath=t||""},setPath:function(t){this.path=t||""},loadedImages:function(){return this.totalImages===this.loadedAssets},loadedFootages:function(){return this.totalFootages===this.loadedFootagesCount},destroy:function(){this.imagesLoadedCb=null,this.images.length=0},getAsset:function(t){for(var e=0,r=this.images.length;e<r;){if(this.images[e].assetData===t)return this.images[e].img;e+=1}return null},createImgData:function(e){var r=i(e,this.assetsPath,this.path),s=createTag("img");s.crossOrigin="anonymous",s.addEventListener("load",this._imageLoaded,!1),s.addEventListener("error",function(){a.img=t,this._imageLoaded()}.bind(this),!1),s.src=r;var a={img:s,assetData:e};return a},createImageData:function(e){var r=i(e,this.assetsPath,this.path),s=createNS("image");isSafari?this.testImageLoaded(s):s.addEventListener("load",this._imageLoaded,!1),s.addEventListener("error",function(){a.img=t,this._imageLoaded()}.bind(this),!1),s.setAttributeNS("http://www.w3.org/1999/xlink","href",r),this._elementHelper.append?this._elementHelper.append(s):this._elementHelper.appendChild(s);var a={img:s,assetData:e};return a},imageLoaded:e,footageLoaded:r,setCacheType:function(t,e){"svg"===t?(this._elementHelper=e,this._createImageData=this.createImageData.bind(this)):this._createImageData=this.createImgData.bind(this)}},n}();function BaseEvent(){}BaseEvent.prototype={triggerEvent:function(t,e){if(this._cbs[t])for(var r=this._cbs[t],i=0;i<r.length;i+=1)r[i](e)},addEventListener:function(t,e){return this._cbs[t]||(this._cbs[t]=[]),this._cbs[t].push(e),function(){this.removeEventListener(t,e)}.bind(this)},removeEventListener:function(t,e){if(e){if(this._cbs[t]){for(var r=0,i=this._cbs[t].length;r<i;)this._cbs[t][r]===e&&(this._cbs[t].splice(r,1),r-=1,i-=1),r+=1;this._cbs[t].length||(this._cbs[t]=null)}}else this._cbs[t]=null}};var markerParser=function(){function t(t){for(var e,r=t.split("\r\n"),i={},s=0,a=0;a<r.length;a+=1)2===(e=r[a].split(":")).length&&(i[e[0]]=e[1].trim(),s+=1);if(0===s)throw new Error;return i}return function(e){for(var r=[],i=0;i<e.length;i+=1){var s=e[i],a={time:s.tm,duration:s.dr};try{a.payload=JSON.parse(e[i].cm)}catch(r){try{a.payload=t(e[i].cm)}catch(t){a.payload={name:e[i]}}}r.push(a)}return r}}(),ProjectInterface=function(){function t(t){this.compositions.push(t)}return function(){function e(t){for(var e=0,r=this.compositions.length;e<r;){if(this.compositions[e].data&&this.compositions[e].data.nm===t)return this.compositions[e].prepareFrame&&this.compositions[e].data.xt&&this.compositions[e].prepareFrame(this.currentFrame),this.compositions[e].compInterface;e+=1}return null}return e.compositions=[],e.currentFrame=0,e.registerComposition=t,e}}(),renderers={},registerRenderer=function(t,e){renderers[t]=e};function getRenderer(t){return renderers[t]}function _typeof$4(t){return _typeof$4="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof$4(t)}var AnimationItem=function(){this._cbs=[],this.name="",this.path="",this.isLoaded=!1,this.currentFrame=0,this.currentRawFrame=0,this.firstFrame=0,this.totalFrames=0,this.frameRate=0,this.frameMult=0,this.playSpeed=1,this.playDirection=1,this.playCount=0,this.animationData={},this.assets=[],this.isPaused=!0,this.autoplay=!1,this.loop=!0,this.renderer=null,this.animationID=createElementID(),this.assetsPath="",this.timeCompleted=0,this.segmentPos=0,this.isSubframeEnabled=getSubframeEnabled(),this.segments=[],this._idle=!0,this._completedLoop=!1,this.projectInterface=ProjectInterface(),this.imagePreloader=new ImagePreloader,this.audioController=audioControllerFactory(),this.markers=[],this.configAnimation=this.configAnimation.bind(this),this.onSetupError=this.onSetupError.bind(this),this.onSegmentComplete=this.onSegmentComplete.bind(this)};extendPrototype([BaseEvent],AnimationItem),AnimationItem.prototype.setParams=function(t){(t.wrapper||t.container)&&(this.wrapper=t.wrapper||t.container);var e="svg";t.animType?e=t.animType:t.renderer&&(e=t.renderer);var r=getRenderer(e);this.renderer=new r(this,t.rendererSettings),this.imagePreloader.setCacheType(e,this.renderer.globalData.defs),this.renderer.setProjectInterface(this.projectInterface),this.animType=e,""===t.loop||null===t.loop||void 0===t.loop||!0===t.loop?this.loop=!0:!1===t.loop?this.loop=!1:this.loop=parseInt(t.loop,10),this.autoplay=!("autoplay"in t)||t.autoplay,this.name=t.name?t.name:"",this.autoloadSegments=!Object.prototype.hasOwnProperty.call(t,"autoloadSegments")||t.autoloadSegments,this.assetsPath=t.assetsPath,this.initialSegment=t.initialSegment,t.audioFactory&&this.audioController.setAudioFactory(t.audioFactory),t.animationData?this.setupAnimation(t.animationData):t.path&&(-1!==t.path.lastIndexOf("\\")?this.path=t.path.substr(0,t.path.lastIndexOf("\\")+1):this.path=t.path.substr(0,t.path.lastIndexOf("/")+1),this.fileName=t.path.substr(t.path.lastIndexOf("/")+1),this.fileName=this.fileName.substr(0,this.fileName.lastIndexOf(".json")),dataManager.loadAnimation(t.path,this.configAnimation,this.onSetupError))},AnimationItem.prototype.onSetupError=function(){this.trigger("data_failed")},AnimationItem.prototype.setupAnimation=function(t){dataManager.completeAnimation(t,this.configAnimation)},AnimationItem.prototype.setData=function(t,e){e&&"object"!==_typeof$4(e)&&(e=JSON.parse(e));var r={wrapper:t,animationData:e},i=t.attributes;r.path=i.getNamedItem("data-animation-path")?i.getNamedItem("data-animation-path").value:i.getNamedItem("data-bm-path")?i.getNamedItem("data-bm-path").value:i.getNamedItem("bm-path")?i.getNamedItem("bm-path").value:"",r.animType=i.getNamedItem("data-anim-type")?i.getNamedItem("data-anim-type").value:i.getNamedItem("data-bm-type")?i.getNamedItem("data-bm-type").value:i.getNamedItem("bm-type")?i.getNamedItem("bm-type").value:i.getNamedItem("data-bm-renderer")?i.getNamedItem("data-bm-renderer").value:i.getNamedItem("bm-renderer")?i.getNamedItem("bm-renderer").value:"canvas";var s=i.getNamedItem("data-anim-loop")?i.getNamedItem("data-anim-loop").value:i.getNamedItem("data-bm-loop")?i.getNamedItem("data-bm-loop").value:i.getNamedItem("bm-loop")?i.getNamedItem("bm-loop").value:"";"false"===s?r.loop=!1:"true"===s?r.loop=!0:""!==s&&(r.loop=parseInt(s,10));var a=i.getNamedItem("data-anim-autoplay")?i.getNamedItem("data-anim-autoplay").value:i.getNamedItem("data-bm-autoplay")?i.getNamedItem("data-bm-autoplay").value:!i.getNamedItem("bm-autoplay")||i.getNamedItem("bm-autoplay").value;r.autoplay="false"!==a,r.name=i.getNamedItem("data-name")?i.getNamedItem("data-name").value:i.getNamedItem("data-bm-name")?i.getNamedItem("data-bm-name").value:i.getNamedItem("bm-name")?i.getNamedItem("bm-name").value:"","false"===(i.getNamedItem("data-anim-prerender")?i.getNamedItem("data-anim-prerender").value:i.getNamedItem("data-bm-prerender")?i.getNamedItem("data-bm-prerender").value:i.getNamedItem("bm-prerender")?i.getNamedItem("bm-prerender").value:"")&&(r.prerender=!1),this.setParams(r)},AnimationItem.prototype.includeLayers=function(t){t.op>this.animationData.op&&(this.animationData.op=t.op,this.totalFrames=Math.floor(t.op-this.animationData.ip));var e,r,i=this.animationData.layers,s=i.length,a=t.layers,n=a.length;for(r=0;r<n;r+=1)for(e=0;e<s;){if(i[e].id===a[r].id){i[e]=a[r];break}e+=1}if((t.chars||t.fonts)&&(this.renderer.globalData.fontManager.addChars(t.chars),this.renderer.globalData.fontManager.addFonts(t.fonts,this.renderer.globalData.defs)),t.assets)for(s=t.assets.length,e=0;e<s;e+=1)this.animationData.assets.push(t.assets[e]);this.animationData.__complete=!1,dataManager.completeAnimation(this.animationData,this.onSegmentComplete)},AnimationItem.prototype.onSegmentComplete=function(t){this.animationData=t;var e=getExpressionsPlugin();e&&e.initExpressions(this),this.loadNextSegment()},AnimationItem.prototype.loadNextSegment=function(){var t=this.animationData.segments;if(!t||0===t.length||!this.autoloadSegments)return this.trigger("data_ready"),void(this.timeCompleted=this.totalFrames);var e=t.shift();this.timeCompleted=e.time*this.frameRate;var r=this.path+this.fileName+"_"+this.segmentPos+".json";this.segmentPos+=1,dataManager.loadData(r,this.includeLayers.bind(this),function(){this.trigger("data_failed")}.bind(this))},AnimationItem.prototype.loadSegments=function(){this.animationData.segments||(this.timeCompleted=this.totalFrames),this.loadNextSegment()},AnimationItem.prototype.imagesLoaded=function(){this.trigger("loaded_images"),this.checkLoaded()},AnimationItem.prototype.preloadImages=function(){this.imagePreloader.setAssetsPath(this.assetsPath),this.imagePreloader.setPath(this.path),this.imagePreloader.loadAssets(this.animationData.assets,this.imagesLoaded.bind(this))},AnimationItem.prototype.configAnimation=function(t){if(this.renderer)try{this.animationData=t,this.initialSegment?(this.totalFrames=Math.floor(this.initialSegment[1]-this.initialSegment[0]),this.firstFrame=Math.round(this.initialSegment[0])):(this.totalFrames=Math.floor(this.animationData.op-this.animationData.ip),this.firstFrame=Math.round(this.animationData.ip)),this.renderer.configAnimation(t),t.assets||(t.assets=[]),this.assets=this.animationData.assets,this.frameRate=this.animationData.fr,this.frameMult=this.animationData.fr/1e3,this.renderer.searchExtraCompositions(t.assets),this.markers=markerParser(t.markers||[]),this.trigger("config_ready"),this.preloadImages(),this.loadSegments(),this.updaFrameModifier(),this.waitForFontsLoaded(),this.isPaused&&this.audioController.pause()}catch(t){this.triggerConfigError(t)}},AnimationItem.prototype.waitForFontsLoaded=function(){this.renderer&&(this.renderer.globalData.fontManager.isLoaded?this.checkLoaded():setTimeout(this.waitForFontsLoaded.bind(this),20))},AnimationItem.prototype.checkLoaded=function(){if(!this.isLoaded&&this.renderer.globalData.fontManager.isLoaded&&(this.imagePreloader.loadedImages()||"canvas"!==this.renderer.rendererType)&&this.imagePreloader.loadedFootages()){this.isLoaded=!0;var t=getExpressionsPlugin();t&&t.initExpressions(this),this.renderer.initItems(),setTimeout(function(){this.trigger("DOMLoaded")}.bind(this),0),this.gotoFrame(),this.autoplay&&this.play()}},AnimationItem.prototype.resize=function(){this.renderer.updateContainerSize()},AnimationItem.prototype.setSubframe=function(t){this.isSubframeEnabled=!!t},AnimationItem.prototype.gotoFrame=function(){this.currentFrame=this.isSubframeEnabled?this.currentRawFrame:~~this.currentRawFrame,this.timeCompleted!==this.totalFrames&&this.currentFrame>this.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame(),this.trigger("drawnFrame")},AnimationItem.prototype.renderFrame=function(){if(!1!==this.isLoaded&&this.renderer)try{this.renderer.renderFrame(this.currentFrame+this.firstFrame)}catch(t){this.triggerRenderFrameError(t)}},AnimationItem.prototype.play=function(t){t&&this.name!==t||!0===this.isPaused&&(this.isPaused=!1,this.audioController.resume(),this._idle&&(this._idle=!1,this.trigger("_active")))},AnimationItem.prototype.pause=function(t){t&&this.name!==t||!1===this.isPaused&&(this.isPaused=!0,this._idle=!0,this.trigger("_idle"),this.audioController.pause())},AnimationItem.prototype.togglePause=function(t){t&&this.name!==t||(!0===this.isPaused?this.play():this.pause())},AnimationItem.prototype.stop=function(t){t&&this.name!==t||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},AnimationItem.prototype.getMarkerData=function(t){for(var e,r=0;r<this.markers.length;r+=1)if((e=this.markers[r]).payload&&e.payload.name===t)return e;return null},AnimationItem.prototype.goToAndStop=function(t,e,r){if(!r||this.name===r){var i=Number(t);if(isNaN(i)){var s=this.getMarkerData(t);s&&this.goToAndStop(s.time,!0)}else e?this.setCurrentRawFrameValue(t):this.setCurrentRawFrameValue(t*this.frameModifier);this.pause()}},AnimationItem.prototype.goToAndPlay=function(t,e,r){if(!r||this.name===r){var i=Number(t);if(isNaN(i)){var s=this.getMarkerData(t);s&&(s.duration?this.playSegments([s.time,s.time+s.duration],!0):this.goToAndStop(s.time,!0))}else this.goToAndStop(i,e,r);this.play()}},AnimationItem.prototype.advanceTime=function(t){if(!0!==this.isPaused&&!1!==this.isLoaded){var e=this.currentRawFrame+t*this.frameModifier,r=!1;e>=this.totalFrames-1&&this.frameModifier>0?this.loop&&this.playCount!==this.loop?e>=this.totalFrames?(this.playCount+=1,this.checkSegments(e%this.totalFrames)||(this.setCurrentRawFrameValue(e%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(e):this.checkSegments(e>this.totalFrames?e%this.totalFrames:0)||(r=!0,e=this.totalFrames-1):e<0?this.checkSegments(e%this.totalFrames)||(!this.loop||this.playCount--<=0&&!0!==this.loop?(r=!0,e=0):(this.setCurrentRawFrameValue(this.totalFrames+e%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0)):this.setCurrentRawFrameValue(e),r&&(this.setCurrentRawFrameValue(e),this.pause(),this.trigger("complete"))}},AnimationItem.prototype.adjustSegment=function(t,e){this.playCount=0,t[1]<t[0]?(this.frameModifier>0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.totalFrames=t[0]-t[1],this.timeCompleted=this.totalFrames,this.firstFrame=t[1],this.setCurrentRawFrameValue(this.totalFrames-.001-e)):t[1]>t[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.totalFrames=t[1]-t[0],this.timeCompleted=this.totalFrames,this.firstFrame=t[0],this.setCurrentRawFrameValue(.001+e)),this.trigger("segmentStart")},AnimationItem.prototype.setSegment=function(t,e){var r=-1;this.isPaused&&(this.currentRawFrame+this.firstFrame<t?r=t:this.currentRawFrame+this.firstFrame>e&&(r=e-t)),this.firstFrame=t,this.totalFrames=e-t,this.timeCompleted=this.totalFrames,-1!==r&&this.goToAndStop(r,!0)},AnimationItem.prototype.playSegments=function(t,e){if(e&&(this.segments.length=0),"object"===_typeof$4(t[0])){var r,i=t.length;for(r=0;r<i;r+=1)this.segments.push(t[r])}else this.segments.push(t);this.segments.length&&e&&this.adjustSegment(this.segments.shift(),0),this.isPaused&&this.play()},AnimationItem.prototype.resetSegments=function(t){this.segments.length=0,this.segments.push([this.animationData.ip,this.animationData.op]),t&&this.checkSegments(0)},AnimationItem.prototype.checkSegments=function(t){return!!this.segments.length&&(this.adjustSegment(this.segments.shift(),t),!0)},AnimationItem.prototype.destroy=function(t){t&&this.name!==t||!this.renderer||(this.renderer.destroy(),this.imagePreloader.destroy(),this.trigger("destroy"),this._cbs=null,this.onEnterFrame=null,this.onLoopComplete=null,this.onComplete=null,this.onSegmentStart=null,this.onDestroy=null,this.renderer=null,this.renderer=null,this.imagePreloader=null,this.projectInterface=null)},AnimationItem.prototype.setCurrentRawFrameValue=function(t){this.currentRawFrame=t,this.gotoFrame()},AnimationItem.prototype.setSpeed=function(t){this.playSpeed=t,this.updaFrameModifier()},AnimationItem.prototype.setDirection=function(t){this.playDirection=t<0?-1:1,this.updaFrameModifier()},AnimationItem.prototype.setVolume=function(t,e){e&&this.name!==e||this.audioController.setVolume(t)},AnimationItem.prototype.getVolume=function(){return this.audioController.getVolume()},AnimationItem.prototype.mute=function(t){t&&this.name!==t||this.audioController.mute()},AnimationItem.prototype.unmute=function(t){t&&this.name!==t||this.audioController.unmute()},AnimationItem.prototype.updaFrameModifier=function(){this.frameModifier=this.frameMult*this.playSpeed*this.playDirection,this.audioController.setRate(this.playSpeed*this.playDirection)},AnimationItem.prototype.getPath=function(){return this.path},AnimationItem.prototype.getAssetsPath=function(t){var e="";if(t.e)e=t.p;else if(this.assetsPath){var r=t.p;-1!==r.indexOf("images/")&&(r=r.split("/")[1]),e=this.assetsPath+r}else e=this.path,e+=t.u?t.u:"",e+=t.p;return e},AnimationItem.prototype.getAssetData=function(t){for(var e=0,r=this.assets.length;e<r;){if(t===this.assets[e].id)return this.assets[e];e+=1}return null},AnimationItem.prototype.hide=function(){this.renderer.hide()},AnimationItem.prototype.show=function(){this.renderer.show()},AnimationItem.prototype.getDuration=function(t){return t?this.totalFrames:this.totalFrames/this.frameRate},AnimationItem.prototype.trigger=function(t){if(this._cbs&&this._cbs[t])switch(t){case"enterFrame":case"drawnFrame":this.triggerEvent(t,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameModifier));break;case"loopComplete":this.triggerEvent(t,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult));break;case"complete":this.triggerEvent(t,new BMCompleteEvent(t,this.frameMult));break;case"segmentStart":this.triggerEvent(t,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames));break;case"destroy":this.triggerEvent(t,new BMDestroyEvent(t,this));break;default:this.triggerEvent(t)}"enterFrame"===t&&this.onEnterFrame&&this.onEnterFrame.call(this,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameMult)),"loopComplete"===t&&this.onLoopComplete&&this.onLoopComplete.call(this,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult)),"complete"===t&&this.onComplete&&this.onComplete.call(this,new BMCompleteEvent(t,this.frameMult)),"segmentStart"===t&&this.onSegmentStart&&this.onSegmentStart.call(this,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames)),"destroy"===t&&this.onDestroy&&this.onDestroy.call(this,new BMDestroyEvent(t,this))},AnimationItem.prototype.triggerRenderFrameError=function(t){var e=new BMRenderFrameErrorEvent(t,this.currentFrame);this.triggerEvent("error",e),this.onError&&this.onError.call(this,e)},AnimationItem.prototype.triggerConfigError=function(t){var e=new BMConfigErrorEvent(t,this.currentFrame);this.triggerEvent("error",e),this.onError&&this.onError.call(this,e)};var animationManager=function(){var t={},e=[],r=0,i=0,s=0,a=!0,n=!1;function o(t){for(var r=0,s=t.target;r<i;)e[r].animation===s&&(e.splice(r,1),r-=1,i-=1,s.isPaused||p()),r+=1}function h(t,r){if(!t)return null;for(var s=0;s<i;){if(e[s].elem===t&&null!==e[s].elem)return e[s].animation;s+=1}var a=new AnimationItem;return f(a,t),a.setData(t,r),a}function l(){s+=1,d()}function p(){s-=1}function f(t,r){t.addEventListener("destroy",o),t.addEventListener("_active",l),t.addEventListener("_idle",p),e.push({elem:r,animation:t}),i+=1}function m(t){var o,h=t-r;for(o=0;o<i;o+=1)e[o].animation.advanceTime(h);r=t,s&&!n?window.requestAnimationFrame(m):a=!0}function c(t){r=t,window.requestAnimationFrame(m)}function d(){!n&&s&&a&&(window.requestAnimationFrame(c),a=!1)}return t.registerAnimation=h,t.loadAnimation=function(t){var e=new AnimationItem;return f(e,null),e.setParams(t),e},t.setSpeed=function(t,r){var s;for(s=0;s<i;s+=1)e[s].animation.setSpeed(t,r)},t.setDirection=function(t,r){var s;for(s=0;s<i;s+=1)e[s].animation.setDirection(t,r)},t.play=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.play(t)},t.pause=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.pause(t)},t.stop=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.stop(t)},t.togglePause=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.togglePause(t)},t.searchAnimations=function(t,e,r){var i,s=[].concat([].slice.call(document.getElementsByClassName("lottie")),[].slice.call(document.getElementsByClassName("bodymovin"))),a=s.length;for(i=0;i<a;i+=1)r&&s[i].setAttribute("data-bm-type",r),h(s[i],t);if(e&&0===a){r||(r="svg");var n=document.getElementsByTagName("body")[0];n.innerText="";var o=createTag("div");o.style.width="100%",o.style.height="100%",o.setAttribute("data-bm-type",r),n.appendChild(o),h(o,t)}},t.resize=function(){var t;for(t=0;t<i;t+=1)e[t].animation.resize()},t.goToAndStop=function(t,r,s){var a;for(a=0;a<i;a+=1)e[a].animation.goToAndStop(t,r,s)},t.destroy=function(t){var r;for(r=i-1;r>=0;r-=1)e[r].animation.destroy(t)},t.freeze=function(){n=!0},t.unfreeze=function(){n=!1,d()},t.setVolume=function(t,r){var s;for(s=0;s<i;s+=1)e[s].animation.setVolume(t,r)},t.mute=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.mute(t)},t.unmute=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.unmute(t)},t.getRegisteredAnimations=function(){var t,r=e.length,i=[];for(t=0;t<r;t+=1)i.push(e[t].animation);return i},t}(),BezierFactory=function(){var t={getBezierEasing:function(t,r,i,s,a){var n=a||("bez_"+t+"_"+r+"_"+i+"_"+s).replace(/\./g,"p");if(e[n])return e[n];var o=new l([t,r,i,s]);return e[n]=o,o}},e={};var r=.1,i="function"==typeof Float32Array;function s(t,e){return 1-3*e+3*t}function a(t,e){return 3*e-6*t}function n(t){return 3*t}function o(t,e,r){return((s(e,r)*t+a(e,r))*t+n(e))*t}function h(t,e,r){return 3*s(e,r)*t*t+2*a(e,r)*t+n(e)}function l(t){this._p=t,this._mSampleValues=i?new Float32Array(11):new Array(11),this._precomputed=!1,this.get=this.get.bind(this)}return l.prototype={get:function(t){var e=this._p[0],r=this._p[1],i=this._p[2],s=this._p[3];return this._precomputed||this._precompute(),e===r&&i===s?t:0===t?0:1===t?1:o(this._getTForX(t),r,s)},_precompute:function(){var t=this._p[0],e=this._p[1],r=this._p[2],i=this._p[3];this._precomputed=!0,t===e&&r===i||this._calcSampleValues()},_calcSampleValues:function(){for(var t=this._p[0],e=this._p[2],i=0;i<11;++i)this._mSampleValues[i]=o(i*r,t,e)},_getTForX:function(t){for(var e=this._p[0],i=this._p[2],s=this._mSampleValues,a=0,n=1;10!==n&&s[n]<=t;++n)a+=r;var l=a+(t-s[--n])/(s[n+1]-s[n])*r,p=h(l,e,i);return p>=.001?function(t,e,r,i){for(var s=0;s<4;++s){var a=h(e,r,i);if(0===a)return e;e-=(o(e,r,i)-t)/a}return e}(t,l,e,i):0===p?l:function(t,e,r,i,s){var a,n,h=0;do{(a=o(n=e+(r-e)/2,i,s)-t)>0?r=n:e=n}while(Math.abs(a)>1e-7&&++h<10);return n}(t,a,a+r,e,i)}},t}(),pooling={double:function(t){return t.concat(createSizedArray(t.length))}},poolFactory=function(t,e,r){var i=0,s=t,a=createSizedArray(s);return{newElement:function(){return i?a[i-=1]:e()},release:function(t){i===s&&(a=pooling.double(a),s*=2),r&&r(t),a[i]=t,i+=1}}},bezierLengthPool=poolFactory(8,(function(){return{addedLength:0,percents:createTypedArray("float32",getDefaultCurveSegments()),lengths:createTypedArray("float32",getDefaultCurveSegments())}})),segmentsLengthPool=poolFactory(8,(function(){return{lengths:[],totalLength:0}}),(function(t){var e,r=t.lengths.length;for(e=0;e<r;e+=1)bezierLengthPool.release(t.lengths[e]);t.lengths.length=0}));function bezFunction(){var t=Math;function e(t,e,r,i,s,a){var n=t*i+e*s+r*a-s*i-a*t-r*e;return n>-.001&&n<.001}var r=function(t,e,r,i){var s,a,n,o,h,l,p=getDefaultCurveSegments(),f=0,m=[],c=[],d=bezierLengthPool.newElement();for(n=r.length,s=0;s<p;s+=1){for(h=s/(p-1),l=0,a=0;a<n;a+=1)o=bmPow(1-h,3)*t[a]+3*bmPow(1-h,2)*h*r[a]+3*(1-h)*bmPow(h,2)*i[a]+bmPow(h,3)*e[a],m[a]=o,null!==c[a]&&(l+=bmPow(m[a]-c[a],2)),c[a]=m[a];l&&(f+=l=bmSqrt(l)),d.percents[s]=h,d.lengths[s]=f}return d.addedLength=f,d};function i(t){this.segmentLength=0,this.points=new Array(t)}function s(t,e){this.partialLength=t,this.point=e}var a,n=(a={},function(t,r,n,o){var h=(t[0]+"_"+t[1]+"_"+r[0]+"_"+r[1]+"_"+n[0]+"_"+n[1]+"_"+o[0]+"_"+o[1]).replace(/\./g,"p");if(!a[h]){var l,p,f,m,c,d,u,y=getDefaultCurveSegments(),g=0,v=null;2===t.length&&(t[0]!==r[0]||t[1]!==r[1])&&e(t[0],t[1],r[0],r[1],t[0]+n[0],t[1]+n[1])&&e(t[0],t[1],r[0],r[1],r[0]+o[0],r[1]+o[1])&&(y=2);var b=new i(y);for(f=n.length,l=0;l<y;l+=1){for(u=createSizedArray(f),c=l/(y-1),d=0,p=0;p<f;p+=1)m=bmPow(1-c,3)*t[p]+3*bmPow(1-c,2)*c*(t[p]+n[p])+3*(1-c)*bmPow(c,2)*(r[p]+o[p])+bmPow(c,3)*r[p],u[p]=m,null!==v&&(d+=bmPow(u[p]-v[p],2));g+=d=bmSqrt(d),b.points[l]=new s(d,u),v=u}b.segmentLength=g,a[h]=b}return a[h]});function o(t,e){var r=e.percents,i=e.lengths,s=r.length,a=bmFloor((s-1)*t),n=t*e.addedLength,o=0;if(a===s-1||0===a||n===i[a])return r[a];for(var h=i[a]>n?-1:1,l=!0;l;)if(i[a]<=n&&i[a+1]>n?(o=(n-i[a])/(i[a+1]-i[a]),l=!1):a+=h,a<0||a>=s-1){if(a===s-1)return r[a];l=!1}return r[a]+(r[a+1]-r[a])*o}var h=createTypedArray("float32",8);return{getSegmentsLength:function(t){var e,i=segmentsLengthPool.newElement(),s=t.c,a=t.v,n=t.o,o=t.i,h=t._length,l=i.lengths,p=0;for(e=0;e<h-1;e+=1)l[e]=r(a[e],a[e+1],n[e],o[e+1]),p+=l[e].addedLength;return s&&h&&(l[e]=r(a[e],a[0],n[e],o[0]),p+=l[e].addedLength),i.totalLength=p,i},getNewSegment:function(e,r,i,s,a,n,l){a<0?a=0:a>1&&(a=1);var p,f=o(a,l),m=o(n=n>1?1:n,l),c=e.length,d=1-f,u=1-m,y=d*d*d,g=f*d*d*3,v=f*f*d*3,b=f*f*f,P=d*d*u,E=f*d*u+d*f*u+d*d*m,x=f*f*u+d*f*m+f*d*m,S=f*f*m,C=d*u*u,A=f*u*u+d*m*u+d*u*m,_=f*m*u+d*m*m+f*u*m,T=f*m*m,k=u*u*u,D=m*u*u+u*m*u+u*u*m,M=m*m*u+u*m*m+m*u*m,F=m*m*m;for(p=0;p<c;p+=1)h[4*p]=t.round(1e3*(y*e[p]+g*i[p]+v*s[p]+b*r[p]))/1e3,h[4*p+1]=t.round(1e3*(P*e[p]+E*i[p]+x*s[p]+S*r[p]))/1e3,h[4*p+2]=t.round(1e3*(C*e[p]+A*i[p]+_*s[p]+T*r[p]))/1e3,h[4*p+3]=t.round(1e3*(k*e[p]+D*i[p]+M*s[p]+F*r[p]))/1e3;return h},getPointInSegment:function(e,r,i,s,a,n){var h=o(a,n),l=1-h;return[t.round(1e3*(l*l*l*e[0]+(h*l*l+l*h*l+l*l*h)*i[0]+(h*h*l+l*h*h+h*l*h)*s[0]+h*h*h*r[0]))/1e3,t.round(1e3*(l*l*l*e[1]+(h*l*l+l*h*l+l*l*h)*i[1]+(h*h*l+l*h*h+h*l*h)*s[1]+h*h*h*r[1]))/1e3]},buildBezierData:n,pointOnLine2D:e,pointOnLine3D:function(r,i,s,a,n,o,h,l,p){if(0===s&&0===o&&0===p)return e(r,i,a,n,h,l);var f,m=t.sqrt(t.pow(a-r,2)+t.pow(n-i,2)+t.pow(o-s,2)),c=t.sqrt(t.pow(h-r,2)+t.pow(l-i,2)+t.pow(p-s,2)),d=t.sqrt(t.pow(h-a,2)+t.pow(l-n,2)+t.pow(p-o,2));return(f=m>c?m>d?m-c-d:d-c-m:d>c?d-c-m:c-m-d)>-1e-4&&f<1e-4}}}var bez=bezFunction(),PropertyFactory=function(){var t=initialDefaultFrame,e=Math.abs;function r(t,e){var r,s=this.offsetTime;"multidimensional"===this.propType&&(r=createTypedArray("float32",this.pv.length));for(var a,n,o,h,l,p,f,m,c,d=e.lastIndex,u=d,y=this.keyframes.length-1,g=!0;g;){if(a=this.keyframes[u],n=this.keyframes[u+1],u===y-1&&t>=n.t-s){a.h&&(a=n),d=0;break}if(n.t-s>t){d=u;break}u<y-1?u+=1:(d=0,g=!1)}o=this.keyframesMetadata[u]||{};var v,b,P,E,x,S,C,A,_,T,k=n.t-s,D=a.t-s;if(a.to){o.bezierData||(o.bezierData=bez.buildBezierData(a.s,n.s||a.e,a.to,a.ti));var M=o.bezierData;if(t>=k||t<D){var F=t>=k?M.points.length-1:0;for(l=M.points[F].point.length,h=0;h<l;h+=1)r[h]=M.points[F].point[h]}else{o.__fnct?c=o.__fnct:(c=BezierFactory.getBezierEasing(a.o.x,a.o.y,a.i.x,a.i.y,a.n).get,o.__fnct=c),p=c((t-D)/(k-D));var w,I=M.segmentLength*p,V=e.lastFrame<t&&e._lastKeyframeIndex===u?e._lastAddedLength:0;for(m=e.lastFrame<t&&e._lastKeyframeIndex===u?e._lastPoint:0,g=!0,f=M.points.length;g;){if(V+=M.points[m].partialLength,0===I||0===p||m===M.points.length-1){for(l=M.points[m].point.length,h=0;h<l;h+=1)r[h]=M.points[m].point[h];break}if(I>=V&&I<V+M.points[m+1].partialLength){for(w=(I-V)/M.points[m+1].partialLength,l=M.points[m].point.length,h=0;h<l;h+=1)r[h]=M.points[m].point[h]+(M.points[m+1].point[h]-M.points[m].point[h])*w;break}m<f-1?m+=1:g=!1}e._lastPoint=m,e._lastAddedLength=V-M.points[m].partialLength,e._lastKeyframeIndex=u}}else{var B,R,L,G,z;if(y=a.s.length,v=n.s||a.e,this.sh&&1!==a.h)if(t>=k)r[0]=v[0],r[1]=v[1],r[2]=v[2];else if(t<=D)r[0]=a.s[0],r[1]=a.s[1],r[2]=a.s[2];else{var N=i(a.s),O=i(v);b=r,P=function(t,e,r){var i,s,a,n,o,h=[],l=t[0],p=t[1],f=t[2],m=t[3],c=e[0],d=e[1],u=e[2],y=e[3];return(s=l*c+p*d+f*u+m*y)<0&&(s=-s,c=-c,d=-d,u=-u,y=-y),1-s>1e-6?(i=Math.acos(s),a=Math.sin(i),n=Math.sin((1-r)*i)/a,o=Math.sin(r*i)/a):(n=1-r,o=r),h[0]=n*l+o*c,h[1]=n*p+o*d,h[2]=n*f+o*u,h[3]=n*m+o*y,h}(N,O,(t-D)/(k-D)),E=P[0],x=P[1],S=P[2],C=P[3],A=Math.atan2(2*x*C-2*E*S,1-2*x*x-2*S*S),_=Math.asin(2*E*x+2*S*C),T=Math.atan2(2*E*C-2*x*S,1-2*E*E-2*S*S),b[0]=A/degToRads,b[1]=_/degToRads,b[2]=T/degToRads}else for(u=0;u<y;u+=1)1!==a.h&&(t>=k?p=1:t<D?p=0:(a.o.x.constructor===Array?(o.__fnct||(o.__fnct=[]),o.__fnct[u]?c=o.__fnct[u]:(B=void 0===a.o.x[u]?a.o.x[0]:a.o.x[u],R=void 0===a.o.y[u]?a.o.y[0]:a.o.y[u],L=void 0===a.i.x[u]?a.i.x[0]:a.i.x[u],G=void 0===a.i.y[u]?a.i.y[0]:a.i.y[u],c=BezierFactory.getBezierEasing(B,R,L,G).get,o.__fnct[u]=c)):o.__fnct?c=o.__fnct:(B=a.o.x,R=a.o.y,L=a.i.x,G=a.i.y,c=BezierFactory.getBezierEasing(B,R,L,G).get,a.keyframeMetadata=c),p=c((t-D)/(k-D)))),v=n.s||a.e,z=1===a.h?a.s[u]:a.s[u]+(v[u]-a.s[u])*p,"multidimensional"===this.propType?r[u]=z:r=z}return e.lastIndex=d,r}function i(t){var e=t[0]*degToRads,r=t[1]*degToRads,i=t[2]*degToRads,s=Math.cos(e/2),a=Math.cos(r/2),n=Math.cos(i/2),o=Math.sin(e/2),h=Math.sin(r/2),l=Math.sin(i/2);return[o*h*n+s*a*l,o*a*n+s*h*l,s*h*n-o*a*l,s*a*n-o*h*l]}function s(){var e=this.comp.renderedFrame-this.offsetTime,r=this.keyframes[0].t-this.offsetTime,i=this.keyframes[this.keyframes.length-1].t-this.offsetTime;if(!(e===this._caching.lastFrame||this._caching.lastFrame!==t&&(this._caching.lastFrame>=i&&e>=i||this._caching.lastFrame<r&&e<r))){this._caching.lastFrame>=e&&(this._caching._lastKeyframeIndex=-1,this._caching.lastIndex=0);var s=this.interpolateValue(e,this._caching);this.pv=s}return this._caching.lastFrame=e,this.pv}function a(t){var r;if("unidimensional"===this.propType)r=t*this.mult,e(this.v-r)>1e-5&&(this.v=r,this._mdf=!0);else for(var i=0,s=this.v.length;i<s;)r=t[i]*this.mult,e(this.v[i]-r)>1e-5&&(this.v[i]=r,this._mdf=!0),i+=1}function n(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{var t;this.lock=!0,this._mdf=this._isFirstFrame;var e=this.effectsSequence.length,r=this.kf?this.pv:this.data.k;for(t=0;t<e;t+=1)r=this.effectsSequence[t](r);this.setVValue(r),this._isFirstFrame=!1,this.lock=!1,this.frameId=this.elem.globalData.frameId}}function o(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function h(t,e,r,i){this.propType="unidimensional",this.mult=r||1,this.data=e,this.v=r?e.k*r:e.k,this.pv=e.k,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.vel=0,this.effectsSequence=[],this._isFirstFrame=!0,this.getValue=n,this.setVValue=a,this.addEffect=o}function l(t,e,r,i){var s;this.propType="multidimensional",this.mult=r||1,this.data=e,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.frameId=-1;var h=e.k.length;for(this.v=createTypedArray("float32",h),this.pv=createTypedArray("float32",h),this.vel=createTypedArray("float32",h),s=0;s<h;s+=1)this.v[s]=e.k[s]*this.mult,this.pv[s]=e.k[s];this._isFirstFrame=!0,this.effectsSequence=[],this.getValue=n,this.setVValue=a,this.addEffect=o}function p(e,i,h,l){this.propType="unidimensional",this.keyframes=i.k,this.keyframesMetadata=[],this.offsetTime=e.data.st,this.frameId=-1,this._caching={lastFrame:t,lastIndex:0,value:0,_lastKeyframeIndex:-1},this.k=!0,this.kf=!0,this.data=i,this.mult=h||1,this.elem=e,this.container=l,this.comp=e.comp,this.v=t,this.pv=t,this._isFirstFrame=!0,this.getValue=n,this.setVValue=a,this.interpolateValue=r,this.effectsSequence=[s.bind(this)],this.addEffect=o}function f(e,i,h,l){var p;this.propType="multidimensional";var f,m,c,d,u=i.k.length;for(p=0;p<u-1;p+=1)i.k[p].to&&i.k[p].s&&i.k[p+1]&&i.k[p+1].s&&(f=i.k[p].s,m=i.k[p+1].s,c=i.k[p].to,d=i.k[p].ti,(2===f.length&&(f[0]!==m[0]||f[1]!==m[1])&&bez.pointOnLine2D(f[0],f[1],m[0],m[1],f[0]+c[0],f[1]+c[1])&&bez.pointOnLine2D(f[0],f[1],m[0],m[1],m[0]+d[0],m[1]+d[1])||3===f.length&&(f[0]!==m[0]||f[1]!==m[1]||f[2]!==m[2])&&bez.pointOnLine3D(f[0],f[1],f[2],m[0],m[1],m[2],f[0]+c[0],f[1]+c[1],f[2]+c[2])&&bez.pointOnLine3D(f[0],f[1],f[2],m[0],m[1],m[2],m[0]+d[0],m[1]+d[1],m[2]+d[2]))&&(i.k[p].to=null,i.k[p].ti=null),f[0]===m[0]&&f[1]===m[1]&&0===c[0]&&0===c[1]&&0===d[0]&&0===d[1]&&(2===f.length||f[2]===m[2]&&0===c[2]&&0===d[2])&&(i.k[p].to=null,i.k[p].ti=null));this.effectsSequence=[s.bind(this)],this.data=i,this.keyframes=i.k,this.keyframesMetadata=[],this.offsetTime=e.data.st,this.k=!0,this.kf=!0,this._isFirstFrame=!0,this.mult=h||1,this.elem=e,this.container=l,this.comp=e.comp,this.getValue=n,this.setVValue=a,this.interpolateValue=r,this.frameId=-1;var y=i.k[0].s.length;for(this.v=createTypedArray("float32",y),this.pv=createTypedArray("float32",y),p=0;p<y;p+=1)this.v[p]=t,this.pv[p]=t;this._caching={lastFrame:t,lastIndex:0,value:createTypedArray("float32",y)},this.addEffect=o}return{getProp:function(t,e,r,i,s){var a;if(e.k.length)if("number"==typeof e.k[0])a=new l(t,e,i,s);else switch(r){case 0:a=new p(t,e,i,s);break;case 1:a=new f(t,e,i,s)}else a=new h(t,e,i,s);return a.effectsSequence.length&&s.addDynamicProperty(a),a}}}();function DynamicPropertyContainer(){}DynamicPropertyContainer.prototype={addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&(this.dynamicProperties.push(t),this.container.addDynamicProperty(this),this._isAnimated=!0)},iterateDynamicProperties:function(){var t;this._mdf=!1;var e=this.dynamicProperties.length;for(t=0;t<e;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t]._mdf&&(this._mdf=!0)},initDynamicPropertyContainer:function(t){this.container=t,this.dynamicProperties=[],this._mdf=!1,this._isAnimated=!1}};var pointPool=poolFactory(8,(function(){return createTypedArray("float32",2)}));function ShapePath(){this.c=!1,this._length=0,this._maxLength=8,this.v=createSizedArray(this._maxLength),this.o=createSizedArray(this._maxLength),this.i=createSizedArray(this._maxLength)}ShapePath.prototype.setPathData=function(t,e){this.c=t,this.setLength(e);for(var r=0;r<e;)this.v[r]=pointPool.newElement(),this.o[r]=pointPool.newElement(),this.i[r]=pointPool.newElement(),r+=1},ShapePath.prototype.setLength=function(t){for(;this._maxLength<t;)this.doubleArrayLength();this._length=t},ShapePath.prototype.doubleArrayLength=function(){this.v=this.v.concat(createSizedArray(this._maxLength)),this.i=this.i.concat(createSizedArray(this._maxLength)),this.o=this.o.concat(createSizedArray(this._maxLength)),this._maxLength*=2},ShapePath.prototype.setXYAt=function(t,e,r,i,s){var a;switch(this._length=Math.max(this._length,i+1),this._length>=this._maxLength&&this.doubleArrayLength(),r){case"v":a=this.v;break;case"i":a=this.i;break;case"o":a=this.o;break;default:a=[]}(!a[i]||a[i]&&!s)&&(a[i]=pointPool.newElement()),a[i][0]=t,a[i][1]=e},ShapePath.prototype.setTripleAt=function(t,e,r,i,s,a,n,o){this.setXYAt(t,e,"v",n,o),this.setXYAt(r,i,"o",n,o),this.setXYAt(s,a,"i",n,o)},ShapePath.prototype.reverse=function(){var t=new ShapePath;t.setPathData(this.c,this._length);var e=this.v,r=this.o,i=this.i,s=0;this.c&&(t.setTripleAt(e[0][0],e[0][1],i[0][0],i[0][1],r[0][0],r[0][1],0,!1),s=1);var a,n=this._length-1,o=this._length;for(a=s;a<o;a+=1)t.setTripleAt(e[n][0],e[n][1],i[n][0],i[n][1],r[n][0],r[n][1],a,!1),n-=1;return t};var shapePool=(factory=poolFactory(4,(function(){return new ShapePath}),(function(t){var e,r=t._length;for(e=0;e<r;e+=1)pointPool.release(t.v[e]),pointPool.release(t.i[e]),pointPool.release(t.o[e]),t.v[e]=null,t.i[e]=null,t.o[e]=null;t._length=0,t.c=!1})),factory.clone=function(t){var e,r=factory.newElement(),i=void 0===t._length?t.v.length:t._length;for(r.setLength(i),r.c=t.c,e=0;e<i;e+=1)r.setTripleAt(t.v[e][0],t.v[e][1],t.o[e][0],t.o[e][1],t.i[e][0],t.i[e][1],e);return r},factory),factory;function ShapeCollection(){this._length=0,this._maxLength=4,this.shapes=createSizedArray(this._maxLength)}ShapeCollection.prototype.addShape=function(t){this._length===this._maxLength&&(this.shapes=this.shapes.concat(createSizedArray(this._maxLength)),this._maxLength*=2),this.shapes[this._length]=t,this._length+=1},ShapeCollection.prototype.releaseShapes=function(){var t;for(t=0;t<this._length;t+=1)shapePool.release(this.shapes[t]);this._length=0};var shapeCollectionPool=(ob={newShapeCollection:function(){return _length?pool[_length-=1]:new ShapeCollection},release:function(t){var e,r=t._length;for(e=0;e<r;e+=1)shapePool.release(t.shapes[e]);t._length=0,_length===_maxLength&&(pool=pooling.double(pool),_maxLength*=2),pool[_length]=t,_length+=1}},_length=0,_maxLength=4,pool=createSizedArray(_maxLength),ob),ob,_length,_maxLength,pool,ShapePropertyFactory=function(){var t=-999999;function e(t,e,r){var i,s,a,n,o,h,l,p,f,m=r.lastIndex,c=this.keyframes;if(t<c[0].t-this.offsetTime)i=c[0].s[0],a=!0,m=0;else if(t>=c[c.length-1].t-this.offsetTime)i=c[c.length-1].s?c[c.length-1].s[0]:c[c.length-2].e[0],a=!0;else{for(var d,u,y,g=m,v=c.length-1,b=!0;b&&(d=c[g],!((u=c[g+1]).t-this.offsetTime>t));)g<v-1?g+=1:b=!1;if(y=this.keyframesMetadata[g]||{},m=g,!(a=1===d.h)){if(t>=u.t-this.offsetTime)p=1;else if(t<d.t-this.offsetTime)p=0;else{var P;y.__fnct?P=y.__fnct:(P=BezierFactory.getBezierEasing(d.o.x,d.o.y,d.i.x,d.i.y).get,y.__fnct=P),p=P((t-(d.t-this.offsetTime))/(u.t-this.offsetTime-(d.t-this.offsetTime)))}s=u.s?u.s[0]:d.e[0]}i=d.s[0]}for(h=e._length,l=i.i[0].length,r.lastIndex=m,n=0;n<h;n+=1)for(o=0;o<l;o+=1)f=a?i.i[n][o]:i.i[n][o]+(s.i[n][o]-i.i[n][o])*p,e.i[n][o]=f,f=a?i.o[n][o]:i.o[n][o]+(s.o[n][o]-i.o[n][o])*p,e.o[n][o]=f,f=a?i.v[n][o]:i.v[n][o]+(s.v[n][o]-i.v[n][o])*p,e.v[n][o]=f}function r(){var e=this.comp.renderedFrame-this.offsetTime,r=this.keyframes[0].t-this.offsetTime,i=this.keyframes[this.keyframes.length-1].t-this.offsetTime,s=this._caching.lastFrame;return s!==t&&(s<r&&e<r||s>i&&e>i)||(this._caching.lastIndex=s<e?this._caching.lastIndex:0,this.interpolateShape(e,this.pv,this._caching)),this._caching.lastFrame=e,this.pv}function i(){this.paths=this.localShapeCollection}function s(t){(function(t,e){if(t._length!==e._length||t.c!==e.c)return!1;var r,i=t._length;for(r=0;r<i;r+=1)if(t.v[r][0]!==e.v[r][0]||t.v[r][1]!==e.v[r][1]||t.o[r][0]!==e.o[r][0]||t.o[r][1]!==e.o[r][1]||t.i[r][0]!==e.i[r][0]||t.i[r][1]!==e.i[r][1])return!1;return!0})(this.v,t)||(this.v=shapePool.clone(t),this.localShapeCollection.releaseShapes(),this.localShapeCollection.addShape(this.v),this._mdf=!0,this.paths=this.localShapeCollection)}function a(){if(this.elem.globalData.frameId!==this.frameId)if(this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{var t,e;this.lock=!0,this._mdf=!1,t=this.kf?this.pv:this.data.ks?this.data.ks.k:this.data.pt.k;var r=this.effectsSequence.length;for(e=0;e<r;e+=1)t=this.effectsSequence[e](t);this.setVValue(t),this.lock=!1,this.frameId=this.elem.globalData.frameId}else this._mdf=!1}function n(t,e,r){this.propType="shape",this.comp=t.comp,this.container=t,this.elem=t,this.data=e,this.k=!1,this.kf=!1,this._mdf=!1;var s=3===r?e.pt.k:e.ks.k;this.v=shapePool.clone(s),this.pv=shapePool.clone(this.v),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.reset=i,this.effectsSequence=[]}function o(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function h(e,s,a){this.propType="shape",this.comp=e.comp,this.elem=e,this.container=e,this.offsetTime=e.data.st,this.keyframes=3===a?s.pt.k:s.ks.k,this.keyframesMetadata=[],this.k=!0,this.kf=!0;var n=this.keyframes[0].s[0].i.length;this.v=shapePool.newElement(),this.v.setPathData(this.keyframes[0].s[0].c,n),this.pv=shapePool.clone(this.v),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.lastFrame=t,this.reset=i,this._caching={lastFrame:t,lastIndex:0},this.effectsSequence=[r.bind(this)]}n.prototype.interpolateShape=e,n.prototype.getValue=a,n.prototype.setVValue=s,n.prototype.addEffect=o,h.prototype.getValue=a,h.prototype.interpolateShape=e,h.prototype.setVValue=s,h.prototype.addEffect=o;var l=function(){var t=roundCorner;function e(t,e){this.v=shapePool.newElement(),this.v.setPathData(!0,4),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.paths=this.localShapeCollection,this.localShapeCollection.addShape(this.v),this.d=e.d,this.elem=t,this.comp=t.comp,this.frameId=-1,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertEllToPath())}return e.prototype={reset:i,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertEllToPath())},convertEllToPath:function(){var e=this.p.v[0],r=this.p.v[1],i=this.s.v[0]/2,s=this.s.v[1]/2,a=3!==this.d,n=this.v;n.v[0][0]=e,n.v[0][1]=r-s,n.v[1][0]=a?e+i:e-i,n.v[1][1]=r,n.v[2][0]=e,n.v[2][1]=r+s,n.v[3][0]=a?e-i:e+i,n.v[3][1]=r,n.i[0][0]=a?e-i*t:e+i*t,n.i[0][1]=r-s,n.i[1][0]=a?e+i:e-i,n.i[1][1]=r-s*t,n.i[2][0]=a?e+i*t:e-i*t,n.i[2][1]=r+s,n.i[3][0]=a?e-i:e+i,n.i[3][1]=r+s*t,n.o[0][0]=a?e+i*t:e-i*t,n.o[0][1]=r-s,n.o[1][0]=a?e+i:e-i,n.o[1][1]=r+s*t,n.o[2][0]=a?e-i*t:e+i*t,n.o[2][1]=r+s,n.o[3][0]=a?e-i:e+i,n.o[3][1]=r-s*t}},extendPrototype([DynamicPropertyContainer],e),e}(),p=function(){function t(t,e){this.v=shapePool.newElement(),this.v.setPathData(!0,0),this.elem=t,this.comp=t.comp,this.data=e,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),1===e.sy?(this.ir=PropertyFactory.getProp(t,e.ir,0,0,this),this.is=PropertyFactory.getProp(t,e.is,0,.01,this),this.convertToPath=this.convertStarToPath):this.convertToPath=this.convertPolygonToPath,this.pt=PropertyFactory.getProp(t,e.pt,0,0,this),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,degToRads,this),this.or=PropertyFactory.getProp(t,e.or,0,0,this),this.os=PropertyFactory.getProp(t,e.os,0,.01,this),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertToPath())}return t.prototype={reset:i,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertToPath())},convertStarToPath:function(){var t,e,r,i,s=2*Math.floor(this.pt.v),a=2*Math.PI/s,n=!0,o=this.or.v,h=this.ir.v,l=this.os.v,p=this.is.v,f=2*Math.PI*o/(2*s),m=2*Math.PI*h/(2*s),c=-Math.PI/2;c+=this.r.v;var d=3===this.data.d?-1:1;for(this.v._length=0,t=0;t<s;t+=1){r=n?l:p,i=n?f:m;var u=(e=n?o:h)*Math.cos(c),y=e*Math.sin(c),g=0===u&&0===y?0:y/Math.sqrt(u*u+y*y),v=0===u&&0===y?0:-u/Math.sqrt(u*u+y*y);u+=+this.p.v[0],y+=+this.p.v[1],this.v.setTripleAt(u,y,u-g*i*r*d,y-v*i*r*d,u+g*i*r*d,y+v*i*r*d,t,!0),n=!n,c+=a*d}},convertPolygonToPath:function(){var t,e=Math.floor(this.pt.v),r=2*Math.PI/e,i=this.or.v,s=this.os.v,a=2*Math.PI*i/(4*e),n=.5*-Math.PI,o=3===this.data.d?-1:1;for(n+=this.r.v,this.v._length=0,t=0;t<e;t+=1){var h=i*Math.cos(n),l=i*Math.sin(n),p=0===h&&0===l?0:l/Math.sqrt(h*h+l*l),f=0===h&&0===l?0:-h/Math.sqrt(h*h+l*l);h+=+this.p.v[0],l+=+this.p.v[1],this.v.setTripleAt(h,l,h-p*a*s*o,l-f*a*s*o,h+p*a*s*o,l+f*a*s*o,t,!0),n+=r*o}this.paths.length=0,this.paths[0]=this.v}},extendPrototype([DynamicPropertyContainer],t),t}(),f=function(){function t(t,e){this.v=shapePool.newElement(),this.v.c=!0,this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.elem=t,this.comp=t.comp,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertRectToPath())}return t.prototype={convertRectToPath:function(){var t=this.p.v[0],e=this.p.v[1],r=this.s.v[0]/2,i=this.s.v[1]/2,s=bmMin(r,i,this.r.v),a=s*(1-roundCorner);this.v._length=0,2===this.d||1===this.d?(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+s,t+r,e-i+a,0,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-a,t+r,e+i-s,1,!0),0!==s?(this.v.setTripleAt(t+r-s,e+i,t+r-s,e+i,t+r-a,e+i,2,!0),this.v.setTripleAt(t-r+s,e+i,t-r+a,e+i,t-r+s,e+i,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-s,t-r,e+i-a,4,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+a,t-r,e-i+s,5,!0),this.v.setTripleAt(t-r+s,e-i,t-r+s,e-i,t-r+a,e-i,6,!0),this.v.setTripleAt(t+r-s,e-i,t+r-a,e-i,t+r-s,e-i,7,!0)):(this.v.setTripleAt(t-r,e+i,t-r+a,e+i,t-r,e+i,2),this.v.setTripleAt(t-r,e-i,t-r,e-i+a,t-r,e-i,3))):(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+a,t+r,e-i+s,0,!0),0!==s?(this.v.setTripleAt(t+r-s,e-i,t+r-s,e-i,t+r-a,e-i,1,!0),this.v.setTripleAt(t-r+s,e-i,t-r+a,e-i,t-r+s,e-i,2,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+s,t-r,e-i+a,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-a,t-r,e+i-s,4,!0),this.v.setTripleAt(t-r+s,e+i,t-r+s,e+i,t-r+a,e+i,5,!0),this.v.setTripleAt(t+r-s,e+i,t+r-a,e+i,t+r-s,e+i,6,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-s,t+r,e+i-a,7,!0)):(this.v.setTripleAt(t-r,e-i,t-r+a,e-i,t-r,e-i,1,!0),this.v.setTripleAt(t-r,e+i,t-r,e+i-a,t-r,e+i,2,!0),this.v.setTripleAt(t+r,e+i,t+r-a,e+i,t+r,e+i,3,!0)))},getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertRectToPath())},reset:i},extendPrototype([DynamicPropertyContainer],t),t}();var m={getShapeProp:function(t,e,r){var i;return 3===r||4===r?i=(3===r?e.pt:e.ks).k.length?new h(t,e,r):new n(t,e,r):5===r?i=new f(t,e):6===r?i=new l(t,e):7===r&&(i=new p(t,e)),i.k&&t.addDynamicProperty(i),i},getConstructorFunction:function(){return n},getKeyframedConstructorFunction:function(){return h}};return m}(),Matrix=function(){var t=Math.cos,e=Math.sin,r=Math.tan,i=Math.round;function s(){return this.props[0]=1,this.props[1]=0,this.props[2]=0,this.props[3]=0,this.props[4]=0,this.props[5]=1,this.props[6]=0,this.props[7]=0,this.props[8]=0,this.props[9]=0,this.props[10]=1,this.props[11]=0,this.props[12]=0,this.props[13]=0,this.props[14]=0,this.props[15]=1,this}function a(r){if(0===r)return this;var i=t(r),s=e(r);return this._t(i,-s,0,0,s,i,0,0,0,0,1,0,0,0,0,1)}function n(r){if(0===r)return this;var i=t(r),s=e(r);return this._t(1,0,0,0,0,i,-s,0,0,s,i,0,0,0,0,1)}function o(r){if(0===r)return this;var i=t(r),s=e(r);return this._t(i,0,s,0,0,1,0,0,-s,0,i,0,0,0,0,1)}function h(r){if(0===r)return this;var i=t(r),s=e(r);return this._t(i,-s,0,0,s,i,0,0,0,0,1,0,0,0,0,1)}function l(t,e){return this._t(1,e,t,1,0,0)}function p(t,e){return this.shear(r(t),r(e))}function f(i,s){var a=t(s),n=e(s);return this._t(a,n,0,0,-n,a,0,0,0,0,1,0,0,0,0,1)._t(1,0,0,0,r(i),1,0,0,0,0,1,0,0,0,0,1)._t(a,-n,0,0,n,a,0,0,0,0,1,0,0,0,0,1)}function m(t,e,r){return r||0===r||(r=1),1===t&&1===e&&1===r?this:this._t(t,0,0,0,0,e,0,0,0,0,r,0,0,0,0,1)}function c(t,e,r,i,s,a,n,o,h,l,p,f,m,c,d,u){return this.props[0]=t,this.props[1]=e,this.props[2]=r,this.props[3]=i,this.props[4]=s,this.props[5]=a,this.props[6]=n,this.props[7]=o,this.props[8]=h,this.props[9]=l,this.props[10]=p,this.props[11]=f,this.props[12]=m,this.props[13]=c,this.props[14]=d,this.props[15]=u,this}function d(t,e,r){return r=r||0,0!==t||0!==e||0!==r?this._t(1,0,0,0,0,1,0,0,0,0,1,0,t,e,r,1):this}function u(t,e,r,i,s,a,n,o,h,l,p,f,m,c,d,u){var y=this.props;if(1===t&&0===e&&0===r&&0===i&&0===s&&1===a&&0===n&&0===o&&0===h&&0===l&&1===p&&0===f)return y[12]=y[12]*t+y[15]*m,y[13]=y[13]*a+y[15]*c,y[14]=y[14]*p+y[15]*d,y[15]*=u,this._identityCalculated=!1,this;var g=y[0],v=y[1],b=y[2],P=y[3],E=y[4],x=y[5],S=y[6],C=y[7],A=y[8],_=y[9],T=y[10],k=y[11],D=y[12],M=y[13],F=y[14],w=y[15];return y[0]=g*t+v*s+b*h+P*m,y[1]=g*e+v*a+b*l+P*c,y[2]=g*r+v*n+b*p+P*d,y[3]=g*i+v*o+b*f+P*u,y[4]=E*t+x*s+S*h+C*m,y[5]=E*e+x*a+S*l+C*c,y[6]=E*r+x*n+S*p+C*d,y[7]=E*i+x*o+S*f+C*u,y[8]=A*t+_*s+T*h+k*m,y[9]=A*e+_*a+T*l+k*c,y[10]=A*r+_*n+T*p+k*d,y[11]=A*i+_*o+T*f+k*u,y[12]=D*t+M*s+F*h+w*m,y[13]=D*e+M*a+F*l+w*c,y[14]=D*r+M*n+F*p+w*d,y[15]=D*i+M*o+F*f+w*u,this._identityCalculated=!1,this}function y(){return this._identityCalculated||(this._identity=!(1!==this.props[0]||0!==this.props[1]||0!==this.props[2]||0!==this.props[3]||0!==this.props[4]||1!==this.props[5]||0!==this.props[6]||0!==this.props[7]||0!==this.props[8]||0!==this.props[9]||1!==this.props[10]||0!==this.props[11]||0!==this.props[12]||0!==this.props[13]||0!==this.props[14]||1!==this.props[15]),this._identityCalculated=!0),this._identity}function g(t){for(var e=0;e<16;){if(t.props[e]!==this.props[e])return!1;e+=1}return!0}function v(t){var e;for(e=0;e<16;e+=1)t.props[e]=this.props[e];return t}function b(t){var e;for(e=0;e<16;e+=1)this.props[e]=t[e]}function P(t,e,r){return{x:t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],y:t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],z:t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}}function E(t,e,r){return t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12]}function x(t,e,r){return t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13]}function S(t,e,r){return t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}function C(){var t=this.props[0]*this.props[5]-this.props[1]*this.props[4],e=this.props[5]/t,r=-this.props[1]/t,i=-this.props[4]/t,s=this.props[0]/t,a=(this.props[4]*this.props[13]-this.props[5]*this.props[12])/t,n=-(this.props[0]*this.props[13]-this.props[1]*this.props[12])/t,o=new Matrix;return o.props[0]=e,o.props[1]=r,o.props[4]=i,o.props[5]=s,o.props[12]=a,o.props[13]=n,o}function A(t){return this.getInverseMatrix().applyToPointArray(t[0],t[1],t[2]||0)}function _(t){var e,r=t.length,i=[];for(e=0;e<r;e+=1)i[e]=A(t[e]);return i}function T(t,e,r){var i=createTypedArray("float32",6);if(this.isIdentity())i[0]=t[0],i[1]=t[1],i[2]=e[0],i[3]=e[1],i[4]=r[0],i[5]=r[1];else{var s=this.props[0],a=this.props[1],n=this.props[4],o=this.props[5],h=this.props[12],l=this.props[13];i[0]=t[0]*s+t[1]*n+h,i[1]=t[0]*a+t[1]*o+l,i[2]=e[0]*s+e[1]*n+h,i[3]=e[0]*a+e[1]*o+l,i[4]=r[0]*s+r[1]*n+h,i[5]=r[0]*a+r[1]*o+l}return i}function k(t,e,r){return this.isIdentity()?[t,e,r]:[t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]]}function D(t,e){if(this.isIdentity())return t+","+e;var r=this.props;return Math.round(100*(t*r[0]+e*r[4]+r[12]))/100+","+Math.round(100*(t*r[1]+e*r[5]+r[13]))/100}function M(){for(var t=0,e=this.props,r="matrix3d(";t<16;)r+=i(1e4*e[t])/1e4,r+=15===t?")":",",t+=1;return r}function F(t){return t<1e-6&&t>0||t>-1e-6&&t<0?i(1e4*t)/1e4:t}function w(){var t=this.props;return"matrix("+F(t[0])+","+F(t[1])+","+F(t[4])+","+F(t[5])+","+F(t[12])+","+F(t[13])+")"}return function(){this.reset=s,this.rotate=a,this.rotateX=n,this.rotateY=o,this.rotateZ=h,this.skew=p,this.skewFromAxis=f,this.shear=l,this.scale=m,this.setTransform=c,this.translate=d,this.transform=u,this.applyToPoint=P,this.applyToX=E,this.applyToY=x,this.applyToZ=S,this.applyToPointArray=k,this.applyToTriplePoints=T,this.applyToPointStringified=D,this.toCSS=M,this.to2dCSS=w,this.clone=v,this.cloneFromProps=b,this.equals=g,this.inversePoints=_,this.inversePoint=A,this.getInverseMatrix=C,this._t=this.transform,this.isIdentity=y,this._identity=!0,this._identityCalculated=!1,this.props=createTypedArray("float32",16),this.reset()}}();function _typeof$3(t){return _typeof$3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof$3(t)}var lottie={},standalone="__[STANDALONE]__",animationData="__[ANIMATIONDATA]__",renderer="",queryString;function setLocation(t){setLocationHref(t)}function searchAnimations(){!0===standalone?animationManager.searchAnimations(animationData,standalone,renderer):animationManager.searchAnimations()}function setSubframeRendering(t){setSubframeEnabled(t)}function setPrefix(t){setIdPrefix(t)}function loadAnimation(t){return!0===standalone&&(t.animationData=JSON.parse(animationData)),animationManager.loadAnimation(t)}function setQuality(t){if("string"==typeof t)switch(t){case"high":setDefaultCurveSegments(200);break;default:case"medium":setDefaultCurveSegments(50);break;case"low":setDefaultCurveSegments(10)}else!isNaN(t)&&t>1&&setDefaultCurveSegments(t);getDefaultCurveSegments()>=50?roundValues(!1):roundValues(!0)}function inBrowser(){return"undefined"!=typeof navigator}function installPlugin(t,e){"expressions"===t&&setExpressionsPlugin(e)}function getFactory(t){switch(t){case"propertyFactory":return PropertyFactory;case"shapePropertyFactory":return ShapePropertyFactory;case"matrix":return Matrix;default:return null}}function checkReady(){"complete"===document.readyState&&(clearInterval(readyStateCheckInterval),searchAnimations())}function getQueryVariable(t){for(var e=queryString.split("&"),r=0;r<e.length;r+=1){var i=e[r].split("=");if(decodeURIComponent(i[0])==t)return decodeURIComponent(i[1])}return null}if(lottie.play=animationManager.play,lottie.pause=animationManager.pause,lottie.setLocationHref=setLocation,lottie.togglePause=animationManager.togglePause,lottie.setSpeed=animationManager.setSpeed,lottie.setDirection=animationManager.setDirection,lottie.stop=animationManager.stop,lottie.searchAnimations=searchAnimations,lottie.registerAnimation=animationManager.registerAnimation,lottie.loadAnimation=loadAnimation,lottie.setSubframeRendering=setSubframeRendering,lottie.resize=animationManager.resize,lottie.goToAndStop=animationManager.goToAndStop,lottie.destroy=animationManager.destroy,lottie.setQuality=setQuality,lottie.inBrowser=inBrowser,lottie.installPlugin=installPlugin,lottie.freeze=animationManager.freeze,lottie.unfreeze=animationManager.unfreeze,lottie.setVolume=animationManager.setVolume,lottie.mute=animationManager.mute,lottie.unmute=animationManager.unmute,lottie.getRegisteredAnimations=animationManager.getRegisteredAnimations,lottie.useWebWorker=setWebWorker,lottie.setIDPrefix=setPrefix,lottie.__getFactory=getFactory,lottie.version="5.9.0",standalone){var scripts=document.getElementsByTagName("script"),index=scripts.length-1,myScript=scripts[index]||{src:""};queryString=myScript.src.replace(/^[^\?]+\??/,""),renderer=getQueryVariable("renderer")}var readyStateCheckInterval=setInterval(checkReady,100);try{"object"===("undefined"==typeof exports?"undefined":_typeof$3(exports))&&"undefined"!=typeof module||"function"==typeof define&&define.amd||(window.bodymovin=lottie)}catch(t){}var ShapeModifiers=function(){var t={},e={};return t.registerModifier=function(t,r){e[t]||(e[t]=r)},t.getModifier=function(t,r,i){return new e[t](r,i)},t}();function ShapeModifier(){}function TrimModifier(){}function PuckerAndBloatModifier(){}ShapeModifier.prototype.initModifierProperties=function(){},ShapeModifier.prototype.addShapeToModifier=function(){},ShapeModifier.prototype.addShape=function(t){if(!this.closed){t.sh.container.addDynamicProperty(t.sh);var e={shape:t.sh,data:t,localShapeCollection:shapeCollectionPool.newShapeCollection()};this.shapes.push(e),this.addShapeToModifier(e),this._isAnimated&&t.setAsAnimated()}},ShapeModifier.prototype.init=function(t,e){this.shapes=[],this.elem=t,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e),this.frameId=initialDefaultFrame,this.closed=!1,this.k=!1,this.dynamicProperties.length?this.k=!0:this.getValue(!0)},ShapeModifier.prototype.processKeys=function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties())},extendPrototype([DynamicPropertyContainer],ShapeModifier),extendPrototype([ShapeModifier],TrimModifier),TrimModifier.prototype.initModifierProperties=function(t,e){this.s=PropertyFactory.getProp(t,e.s,0,.01,this),this.e=PropertyFactory.getProp(t,e.e,0,.01,this),this.o=PropertyFactory.getProp(t,e.o,0,0,this),this.sValue=0,this.eValue=0,this.getValue=this.processKeys,this.m=e.m,this._isAnimated=!!this.s.effectsSequence.length||!!this.e.effectsSequence.length||!!this.o.effectsSequence.length},TrimModifier.prototype.addShapeToModifier=function(t){t.pathsData=[]},TrimModifier.prototype.calculateShapeEdges=function(t,e,r,i,s){var a=[];e<=1?a.push({s:t,e:e}):t>=1?a.push({s:t-1,e:e-1}):(a.push({s:t,e:1}),a.push({s:0,e:e-1}));var n,o,h=[],l=a.length;for(n=0;n<l;n+=1){var p,f;if(!((o=a[n]).e*s<i||o.s*s>i+r))p=o.s*s<=i?0:(o.s*s-i)/r,f=o.e*s>=i+r?1:(o.e*s-i)/r,h.push([p,f])}return h.length||h.push([0,0]),h},TrimModifier.prototype.releasePathsData=function(t){var e,r=t.length;for(e=0;e<r;e+=1)segmentsLengthPool.release(t[e]);return t.length=0,t},TrimModifier.prototype.processShapes=function(t){var e,r,i,s;if(this._mdf||t){var a=this.o.v%360/360;if(a<0&&(a+=1),(e=this.s.v>1?1+a:this.s.v<0?0+a:this.s.v+a)>(r=this.e.v>1?1+a:this.e.v<0?0+a:this.e.v+a)){var n=e;e=r,r=n}e=1e-4*Math.round(1e4*e),r=1e-4*Math.round(1e4*r),this.sValue=e,this.eValue=r}else e=this.sValue,r=this.eValue;var o,h,l,p,f,m=this.shapes.length,c=0;if(r===e)for(s=0;s<m;s+=1)this.shapes[s].localShapeCollection.releaseShapes(),this.shapes[s].shape._mdf=!0,this.shapes[s].shape.paths=this.shapes[s].localShapeCollection,this._mdf&&(this.shapes[s].pathsData.length=0);else if(1===r&&0===e||0===r&&1===e){if(this._mdf)for(s=0;s<m;s+=1)this.shapes[s].pathsData.length=0,this.shapes[s].shape._mdf=!0}else{var d,u,y=[];for(s=0;s<m;s+=1)if((d=this.shapes[s]).shape._mdf||this._mdf||t||2===this.m){if(h=(i=d.shape.paths)._length,f=0,!d.shape._mdf&&d.pathsData.length)f=d.totalShapeLength;else{for(l=this.releasePathsData(d.pathsData),o=0;o<h;o+=1)p=bez.getSegmentsLength(i.shapes[o]),l.push(p),f+=p.totalLength;d.totalShapeLength=f,d.pathsData=l}c+=f,d.shape._mdf=!0}else d.shape.paths=d.localShapeCollection;var g,v=e,b=r,P=0;for(s=m-1;s>=0;s-=1)if((d=this.shapes[s]).shape._mdf){for((u=d.localShapeCollection).releaseShapes(),2===this.m&&m>1?(g=this.calculateShapeEdges(e,r,d.totalShapeLength,P,c),P+=d.totalShapeLength):g=[[v,b]],h=g.length,o=0;o<h;o+=1){v=g[o][0],b=g[o][1],y.length=0,b<=1?y.push({s:d.totalShapeLength*v,e:d.totalShapeLength*b}):v>=1?y.push({s:d.totalShapeLength*(v-1),e:d.totalShapeLength*(b-1)}):(y.push({s:d.totalShapeLength*v,e:d.totalShapeLength}),y.push({s:0,e:d.totalShapeLength*(b-1)}));var E=this.addShapes(d,y[0]);if(y[0].s!==y[0].e){if(y.length>1)if(d.shape.paths.shapes[d.shape.paths._length-1].c){var x=E.pop();this.addPaths(E,u),E=this.addShapes(d,y[1],x)}else this.addPaths(E,u),E=this.addShapes(d,y[1]);this.addPaths(E,u)}}d.shape.paths=u}}},TrimModifier.prototype.addPaths=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)e.addShape(t[r])},TrimModifier.prototype.addSegment=function(t,e,r,i,s,a,n){s.setXYAt(e[0],e[1],"o",a),s.setXYAt(r[0],r[1],"i",a+1),n&&s.setXYAt(t[0],t[1],"v",a),s.setXYAt(i[0],i[1],"v",a+1)},TrimModifier.prototype.addSegmentFromArray=function(t,e,r,i){e.setXYAt(t[1],t[5],"o",r),e.setXYAt(t[2],t[6],"i",r+1),i&&e.setXYAt(t[0],t[4],"v",r),e.setXYAt(t[3],t[7],"v",r+1)},TrimModifier.prototype.addShapes=function(t,e,r){var i,s,a,n,o,h,l,p,f=t.pathsData,m=t.shape.paths.shapes,c=t.shape.paths._length,d=0,u=[],y=!0;for(r?(o=r._length,p=r._length):(r=shapePool.newElement(),o=0,p=0),u.push(r),i=0;i<c;i+=1){for(h=f[i].lengths,r.c=m[i].c,a=m[i].c?h.length:h.length+1,s=1;s<a;s+=1)if(d+(n=h[s-1]).addedLength<e.s)d+=n.addedLength,r.c=!1;else{if(d>e.e){r.c=!1;break}e.s<=d&&e.e>=d+n.addedLength?(this.addSegment(m[i].v[s-1],m[i].o[s-1],m[i].i[s],m[i].v[s],r,o,y),y=!1):(l=bez.getNewSegment(m[i].v[s-1],m[i].v[s],m[i].o[s-1],m[i].i[s],(e.s-d)/n.addedLength,(e.e-d)/n.addedLength,h[s-1]),this.addSegmentFromArray(l,r,o,y),y=!1,r.c=!1),d+=n.addedLength,o+=1}if(m[i].c&&h.length){if(n=h[s-1],d<=e.e){var g=h[s-1].addedLength;e.s<=d&&e.e>=d+g?(this.addSegment(m[i].v[s-1],m[i].o[s-1],m[i].i[0],m[i].v[0],r,o,y),y=!1):(l=bez.getNewSegment(m[i].v[s-1],m[i].v[0],m[i].o[s-1],m[i].i[0],(e.s-d)/g,(e.e-d)/g,h[s-1]),this.addSegmentFromArray(l,r,o,y),y=!1,r.c=!1)}else r.c=!1;d+=n.addedLength,o+=1}if(r._length&&(r.setXYAt(r.v[p][0],r.v[p][1],"i",p),r.setXYAt(r.v[r._length-1][0],r.v[r._length-1][1],"o",r._length-1)),d>e.e)break;i<c-1&&(r=shapePool.newElement(),y=!0,u.push(r),o=0)}return u},extendPrototype([ShapeModifier],PuckerAndBloatModifier),PuckerAndBloatModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.amount=PropertyFactory.getProp(t,e.a,0,null,this),this._isAnimated=!!this.amount.effectsSequence.length},PuckerAndBloatModifier.prototype.processPath=function(t,e){var r=e/100,i=[0,0],s=t._length,a=0;for(a=0;a<s;a+=1)i[0]+=t.v[a][0],i[1]+=t.v[a][1];i[0]/=s,i[1]/=s;var n,o,h,l,p,f,m=shapePool.newElement();for(m.c=t.c,a=0;a<s;a+=1)n=t.v[a][0]+(i[0]-t.v[a][0])*r,o=t.v[a][1]+(i[1]-t.v[a][1])*r,h=t.o[a][0]+(i[0]-t.o[a][0])*-r,l=t.o[a][1]+(i[1]-t.o[a][1])*-r,p=t.i[a][0]+(i[0]-t.i[a][0])*-r,f=t.i[a][1]+(i[1]-t.i[a][1])*-r,m.setTripleAt(n,o,h,l,p,f,a);return m},PuckerAndBloatModifier.prototype.processShapes=function(t){var e,r,i,s,a,n,o=this.shapes.length,h=this.amount.v;if(0!==h)for(r=0;r<o;r+=1){if(n=(a=this.shapes[r]).localShapeCollection,a.shape._mdf||this._mdf||t)for(n.releaseShapes(),a.shape._mdf=!0,e=a.shape.paths.shapes,s=a.shape.paths._length,i=0;i<s;i+=1)n.addShape(this.processPath(e[i],h));a.shape.paths=a.localShapeCollection}this.dynamicProperties.length||(this._mdf=!1)};var TransformPropertyFactory=function(){var t=[0,0];function e(t,e,r){if(this.elem=t,this.frameId=-1,this.propType="transform",this.data=e,this.v=new Matrix,this.pre=new Matrix,this.appliedTransformations=0,this.initDynamicPropertyContainer(r||t),e.p&&e.p.s?(this.px=PropertyFactory.getProp(t,e.p.x,0,0,this),this.py=PropertyFactory.getProp(t,e.p.y,0,0,this),e.p.z&&(this.pz=PropertyFactory.getProp(t,e.p.z,0,0,this))):this.p=PropertyFactory.getProp(t,e.p||{k:[0,0,0]},1,0,this),e.rx){if(this.rx=PropertyFactory.getProp(t,e.rx,0,degToRads,this),this.ry=PropertyFactory.getProp(t,e.ry,0,degToRads,this),this.rz=PropertyFactory.getProp(t,e.rz,0,degToRads,this),e.or.k[0].ti){var i,s=e.or.k.length;for(i=0;i<s;i+=1)e.or.k[i].to=null,e.or.k[i].ti=null}this.or=PropertyFactory.getProp(t,e.or,1,degToRads,this),this.or.sh=!0}else this.r=PropertyFactory.getProp(t,e.r||{k:0},0,degToRads,this);e.sk&&(this.sk=PropertyFactory.getProp(t,e.sk,0,degToRads,this),this.sa=PropertyFactory.getProp(t,e.sa,0,degToRads,this)),this.a=PropertyFactory.getProp(t,e.a||{k:[0,0,0]},1,0,this),this.s=PropertyFactory.getProp(t,e.s||{k:[100,100,100]},1,.01,this),e.o?this.o=PropertyFactory.getProp(t,e.o,0,.01,t):this.o={_mdf:!1,v:1},this._isDirty=!0,this.dynamicProperties.length||this.getValue(!0)}return e.prototype={applyToMatrix:function(t){var e=this._mdf;this.iterateDynamicProperties(),this._mdf=this._mdf||e,this.a&&t.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.s&&t.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&t.skewFromAxis(-this.sk.v,this.sa.v),this.r?t.rotate(-this.r.v):t.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.data.p.s?this.data.p.z?t.translate(this.px.v,this.py.v,-this.pz.v):t.translate(this.px.v,this.py.v,0):t.translate(this.p.v[0],this.p.v[1],-this.p.v[2])},getValue:function(e){if(this.elem.globalData.frameId!==this.frameId){if(this._isDirty&&(this.precalculateMatrix(),this._isDirty=!1),this.iterateDynamicProperties(),this._mdf||e){var r;if(this.v.cloneFromProps(this.pre.props),this.appliedTransformations<1&&this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations<2&&this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&this.appliedTransformations<3&&this.v.skewFromAxis(-this.sk.v,this.sa.v),this.r&&this.appliedTransformations<4?this.v.rotate(-this.r.v):!this.r&&this.appliedTransformations<4&&this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.autoOriented){var i,s;if(r=this.elem.globalData.frameRate,this.p&&this.p.keyframes&&this.p.getValueAtTime)this.p._caching.lastFrame+this.p.offsetTime<=this.p.keyframes[0].t?(i=this.p.getValueAtTime((this.p.keyframes[0].t+.01)/r,0),s=this.p.getValueAtTime(this.p.keyframes[0].t/r,0)):this.p._caching.lastFrame+this.p.offsetTime>=this.p.keyframes[this.p.keyframes.length-1].t?(i=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t/r,0),s=this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length-1].t-.05)/r,0)):(i=this.p.pv,s=this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime-.01)/r,this.p.offsetTime));else if(this.px&&this.px.keyframes&&this.py.keyframes&&this.px.getValueAtTime&&this.py.getValueAtTime){i=[],s=[];var a=this.px,n=this.py;a._caching.lastFrame+a.offsetTime<=a.keyframes[0].t?(i[0]=a.getValueAtTime((a.keyframes[0].t+.01)/r,0),i[1]=n.getValueAtTime((n.keyframes[0].t+.01)/r,0),s[0]=a.getValueAtTime(a.keyframes[0].t/r,0),s[1]=n.getValueAtTime(n.keyframes[0].t/r,0)):a._caching.lastFrame+a.offsetTime>=a.keyframes[a.keyframes.length-1].t?(i[0]=a.getValueAtTime(a.keyframes[a.keyframes.length-1].t/r,0),i[1]=n.getValueAtTime(n.keyframes[n.keyframes.length-1].t/r,0),s[0]=a.getValueAtTime((a.keyframes[a.keyframes.length-1].t-.01)/r,0),s[1]=n.getValueAtTime((n.keyframes[n.keyframes.length-1].t-.01)/r,0)):(i=[a.pv,n.pv],s[0]=a.getValueAtTime((a._caching.lastFrame+a.offsetTime-.01)/r,a.offsetTime),s[1]=n.getValueAtTime((n._caching.lastFrame+n.offsetTime-.01)/r,n.offsetTime))}else i=s=t;this.v.rotate(-Math.atan2(i[1]-s[1],i[0]-s[0]))}this.data.p&&this.data.p.s?this.data.p.z?this.v.translate(this.px.v,this.py.v,-this.pz.v):this.v.translate(this.px.v,this.py.v,0):this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}this.frameId=this.elem.globalData.frameId}},precalculateMatrix:function(){if(!this.a.k&&(this.pre.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations=1,!this.s.effectsSequence.length)){if(this.pre.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.appliedTransformations=2,this.sk){if(this.sk.effectsSequence.length||this.sa.effectsSequence.length)return;this.pre.skewFromAxis(-this.sk.v,this.sa.v),this.appliedTransformations=3}this.r?this.r.effectsSequence.length||(this.pre.rotate(-this.r.v),this.appliedTransformations=4):this.rz.effectsSequence.length||this.ry.effectsSequence.length||this.rx.effectsSequence.length||this.or.effectsSequence.length||(this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.appliedTransformations=4)}},autoOrient:function(){}},extendPrototype([DynamicPropertyContainer],e),e.prototype.addDynamicProperty=function(t){this._addDynamicProperty(t),this.elem.addDynamicProperty(t),this._isDirty=!0},e.prototype._addDynamicProperty=DynamicPropertyContainer.prototype.addDynamicProperty,{getTransformProperty:function(t,r,i){return new e(t,r,i)}}}();function RepeaterModifier(){}function RoundCornersModifier(){}function getFontProperties(t){for(var e=t.fStyle?t.fStyle.split(" "):[],r="normal",i="normal",s=e.length,a=0;a<s;a+=1)switch(e[a].toLowerCase()){case"italic":i="italic";break;case"bold":r="700";break;case"black":r="900";break;case"medium":r="500";break;case"regular":case"normal":r="400";break;case"light":case"thin":r="200"}return{style:i,weight:t.fWeight||r}}extendPrototype([ShapeModifier],RepeaterModifier),RepeaterModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.c=PropertyFactory.getProp(t,e.c,0,null,this),this.o=PropertyFactory.getProp(t,e.o,0,null,this),this.tr=TransformPropertyFactory.getTransformProperty(t,e.tr,this),this.so=PropertyFactory.getProp(t,e.tr.so,0,.01,this),this.eo=PropertyFactory.getProp(t,e.tr.eo,0,.01,this),this.data=e,this.dynamicProperties.length||this.getValue(!0),this._isAnimated=!!this.dynamicProperties.length,this.pMatrix=new Matrix,this.rMatrix=new Matrix,this.sMatrix=new Matrix,this.tMatrix=new Matrix,this.matrix=new Matrix},RepeaterModifier.prototype.applyTransforms=function(t,e,r,i,s,a){var n=a?-1:1,o=i.s.v[0]+(1-i.s.v[0])*(1-s),h=i.s.v[1]+(1-i.s.v[1])*(1-s);t.translate(i.p.v[0]*n*s,i.p.v[1]*n*s,i.p.v[2]),e.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),e.rotate(-i.r.v*n*s),e.translate(i.a.v[0],i.a.v[1],i.a.v[2]),r.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),r.scale(a?1/o:o,a?1/h:h),r.translate(i.a.v[0],i.a.v[1],i.a.v[2])},RepeaterModifier.prototype.init=function(t,e,r,i){for(this.elem=t,this.arr=e,this.pos=r,this.elemsData=i,this._currentCopies=0,this._elements=[],this._groups=[],this.frameId=-1,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e[r]);r>0;)r-=1,this._elements.unshift(e[r]);this.dynamicProperties.length?this.k=!0:this.getValue(!0)},RepeaterModifier.prototype.resetElements=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e]._processed=!1,"gr"===t[e].ty&&this.resetElements(t[e].it)},RepeaterModifier.prototype.cloneElements=function(t){var e=JSON.parse(JSON.stringify(t));return this.resetElements(e),e},RepeaterModifier.prototype.changeGroupRender=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)t[r]._render=e,"gr"===t[r].ty&&this.changeGroupRender(t[r].it,e)},RepeaterModifier.prototype.processShapes=function(t){var e,r,i,s,a,n=!1;if(this._mdf||t){var o,h=Math.ceil(this.c.v);if(this._groups.length<h){for(;this._groups.length<h;){var l={it:this.cloneElements(this._elements),ty:"gr"};l.it.push({a:{a:0,ix:1,k:[0,0]},nm:"Transform",o:{a:0,ix:7,k:100},p:{a:0,ix:2,k:[0,0]},r:{a:1,ix:6,k:[{s:0,e:0,t:0},{s:0,e:0,t:1}]},s:{a:0,ix:3,k:[100,100]},sa:{a:0,ix:5,k:0},sk:{a:0,ix:4,k:0},ty:"tr"}),this.arr.splice(0,0,l),this._groups.splice(0,0,l),this._currentCopies+=1}this.elem.reloadShapes(),n=!0}for(a=0,i=0;i<=this._groups.length-1;i+=1){if(o=a<h,this._groups[i]._render=o,this.changeGroupRender(this._groups[i].it,o),!o){var p=this.elemsData[i].it,f=p[p.length-1];0!==f.transform.op.v?(f.transform.op._mdf=!0,f.transform.op.v=0):f.transform.op._mdf=!1}a+=1}this._currentCopies=h;var m=this.o.v,c=m%1,d=m>0?Math.floor(m):Math.ceil(m),u=this.pMatrix.props,y=this.rMatrix.props,g=this.sMatrix.props;this.pMatrix.reset(),this.rMatrix.reset(),this.sMatrix.reset(),this.tMatrix.reset(),this.matrix.reset();var v,b,P=0;if(m>0){for(;P<d;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),P+=1;c&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,c,!1),P+=c)}else if(m<0){for(;P>d;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!0),P-=1;c&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,-c,!0),P-=c)}for(i=1===this.data.m?0:this._currentCopies-1,s=1===this.data.m?1:-1,a=this._currentCopies;a;){if(b=(r=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props).length,e[e.length-1].transform.mProps._mdf=!0,e[e.length-1].transform.op._mdf=!0,e[e.length-1].transform.op.v=1===this._currentCopies?this.so.v:this.so.v+(this.eo.v-this.so.v)*(i/(this._currentCopies-1)),0!==P){for((0!==i&&1===s||i!==this._currentCopies-1&&-1===s)&&this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),this.matrix.transform(y[0],y[1],y[2],y[3],y[4],y[5],y[6],y[7],y[8],y[9],y[10],y[11],y[12],y[13],y[14],y[15]),this.matrix.transform(g[0],g[1],g[2],g[3],g[4],g[5],g[6],g[7],g[8],g[9],g[10],g[11],g[12],g[13],g[14],g[15]),this.matrix.transform(u[0],u[1],u[2],u[3],u[4],u[5],u[6],u[7],u[8],u[9],u[10],u[11],u[12],u[13],u[14],u[15]),v=0;v<b;v+=1)r[v]=this.matrix.props[v];this.matrix.reset()}else for(this.matrix.reset(),v=0;v<b;v+=1)r[v]=this.matrix.props[v];P+=1,a-=1,i+=s}}else for(a=this._currentCopies,i=0,s=1;a;)r=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props,e[e.length-1].transform.mProps._mdf=!1,e[e.length-1].transform.op._mdf=!1,a-=1,i+=s;return n},RepeaterModifier.prototype.addShape=function(){},extendPrototype([ShapeModifier],RoundCornersModifier),RoundCornersModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.rd=PropertyFactory.getProp(t,e.r,0,null,this),this._isAnimated=!!this.rd.effectsSequence.length},RoundCornersModifier.prototype.processPath=function(t,e){var r,i=shapePool.newElement();i.c=t.c;var s,a,n,o,h,l,p,f,m,c,d,u,y=t._length,g=0;for(r=0;r<y;r+=1)s=t.v[r],n=t.o[r],a=t.i[r],s[0]===n[0]&&s[1]===n[1]&&s[0]===a[0]&&s[1]===a[1]?0!==r&&r!==y-1||t.c?(o=0===r?t.v[y-1]:t.v[r-1],l=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,p=d=s[0]+(o[0]-s[0])*l,f=u=s[1]-(s[1]-o[1])*l,m=p-(p-s[0])*roundCorner,c=f-(f-s[1])*roundCorner,i.setTripleAt(p,f,m,c,d,u,g),g+=1,o=r===y-1?t.v[0]:t.v[r+1],l=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,p=m=s[0]+(o[0]-s[0])*l,f=c=s[1]+(o[1]-s[1])*l,d=p-(p-s[0])*roundCorner,u=f-(f-s[1])*roundCorner,i.setTripleAt(p,f,m,c,d,u,g),g+=1):(i.setTripleAt(s[0],s[1],n[0],n[1],a[0],a[1],g),g+=1):(i.setTripleAt(t.v[r][0],t.v[r][1],t.o[r][0],t.o[r][1],t.i[r][0],t.i[r][1],g),g+=1);return i},RoundCornersModifier.prototype.processShapes=function(t){var e,r,i,s,a,n,o=this.shapes.length,h=this.rd.v;if(0!==h)for(r=0;r<o;r+=1){if(n=(a=this.shapes[r]).localShapeCollection,a.shape._mdf||this._mdf||t)for(n.releaseShapes(),a.shape._mdf=!0,e=a.shape.paths.shapes,s=a.shape.paths._length,i=0;i<s;i+=1)n.addShape(this.processPath(e[i],h));a.shape.paths=a.localShapeCollection}this.dynamicProperties.length||(this._mdf=!1)};var FontManager=function(){var t={w:0,size:0,shapes:[],data:{shapes:[]}},e=[];e=e.concat([2304,2305,2306,2307,2362,2363,2364,2364,2366,2367,2368,2369,2370,2371,2372,2373,2374,2375,2376,2377,2378,2379,2380,2381,2382,2383,2387,2388,2389,2390,2391,2402,2403]);var r=["d83cdffb","d83cdffc","d83cdffd","d83cdffe","d83cdfff"],i=[65039,8205];function s(t,e){var r=createTag("span");r.setAttribute("aria-hidden",!0),r.style.fontFamily=e;var i=createTag("span");i.innerText="giItT1WQy@!-/#",r.style.position="absolute",r.style.left="-10000px",r.style.top="-10000px",r.style.fontSize="300px",r.style.fontVariant="normal",r.style.fontStyle="normal",r.style.fontWeight="normal",r.style.letterSpacing="0",r.appendChild(i),document.body.appendChild(r);var s=i.offsetWidth;return i.style.fontFamily=function(t){var e,r=t.split(","),i=r.length,s=[];for(e=0;e<i;e+=1)"sans-serif"!==r[e]&&"monospace"!==r[e]&&s.push(r[e]);return s.join(",")}(t)+", "+e,{node:i,w:s,parent:r}}function a(t,e){var r=createNS("text");r.style.fontSize="100px";var i=getFontProperties(e);return r.setAttribute("font-family",e.fFamily),r.setAttribute("font-style",i.style),r.setAttribute("font-weight",i.weight),r.textContent="1",e.fClass?(r.style.fontFamily="inherit",r.setAttribute("class",e.fClass)):r.style.fontFamily=e.fFamily,t.appendChild(r),createTag("canvas").getContext("2d").font=e.fWeight+" "+e.fStyle+" 100px "+e.fFamily,r}var n=function(){this.fonts=[],this.chars=null,this.typekitLoaded=0,this.isLoaded=!1,this._warned=!1,this.initTime=Date.now(),this.setIsLoadedBinded=this.setIsLoaded.bind(this),this.checkLoadedFontsBinded=this.checkLoadedFonts.bind(this)};n.isModifier=function(t,e){var i=t.toString(16)+e.toString(16);return-1!==r.indexOf(i)},n.isZeroWidthJoiner=function(t,e){return e?t===i[0]&&e===i[1]:t===i[1]},n.isCombinedCharacter=function(t){return-1!==e.indexOf(t)};var o={addChars:function(t){if(t){var e;this.chars||(this.chars=[]);var r,i,s=t.length,a=this.chars.length;for(e=0;e<s;e+=1){for(r=0,i=!1;r<a;)this.chars[r].style===t[e].style&&this.chars[r].fFamily===t[e].fFamily&&this.chars[r].ch===t[e].ch&&(i=!0),r+=1;i||(this.chars.push(t[e]),a+=1)}}},addFonts:function(t,e){if(t){if(this.chars)return this.isLoaded=!0,void(this.fonts=t.list);var r,i=t.list,n=i.length,o=n;for(r=0;r<n;r+=1){var h,l,p=!0;if(i[r].loaded=!1,i[r].monoCase=s(i[r].fFamily,"monospace"),i[r].sansCase=s(i[r].fFamily,"sans-serif"),i[r].fPath){if("p"===i[r].fOrigin||3===i[r].origin){if((h=document.querySelectorAll('style[f-forigin="p"][f-family="'+i[r].fFamily+'"], style[f-origin="3"][f-family="'+i[r].fFamily+'"]')).length>0&&(p=!1),p){var f=createTag("style");f.setAttribute("f-forigin",i[r].fOrigin),f.setAttribute("f-origin",i[r].origin),f.setAttribute("f-family",i[r].fFamily),f.type="text/css",f.innerText="@font-face {font-family: "+i[r].fFamily+"; font-style: normal; src: url('"+i[r].fPath+"');}",e.appendChild(f)}}else if("g"===i[r].fOrigin||1===i[r].origin){for(h=document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]'),l=0;l<h.length;l+=1)-1!==h[l].href.indexOf(i[r].fPath)&&(p=!1);if(p){var m=createTag("link");m.setAttribute("f-forigin",i[r].fOrigin),m.setAttribute("f-origin",i[r].origin),m.type="text/css",m.rel="stylesheet",m.href=i[r].fPath,document.body.appendChild(m)}}else if("t"===i[r].fOrigin||2===i[r].origin){for(h=document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]'),l=0;l<h.length;l+=1)i[r].fPath===h[l].src&&(p=!1);if(p){var c=createTag("link");c.setAttribute("f-forigin",i[r].fOrigin),c.setAttribute("f-origin",i[r].origin),c.setAttribute("rel","stylesheet"),c.setAttribute("href",i[r].fPath),e.appendChild(c)}}}else i[r].loaded=!0,o-=1;i[r].helper=a(e,i[r]),i[r].cache={},this.fonts.push(i[r])}0===o?this.isLoaded=!0:setTimeout(this.checkLoadedFonts.bind(this),100)}else this.isLoaded=!0},getCharData:function(e,r,i){for(var s=0,a=this.chars.length;s<a;){if(this.chars[s].ch===e&&this.chars[s].style===r&&this.chars[s].fFamily===i)return this.chars[s];s+=1}return("string"==typeof e&&13!==e.charCodeAt(0)||!e)&&console&&console.warn&&!this._warned&&(this._warned=!0,console.warn("Missing character from exported characters list: ",e,r,i)),t},getFontByName:function(t){for(var e=0,r=this.fonts.length;e<r;){if(this.fonts[e].fName===t)return this.fonts[e];e+=1}return this.fonts[0]},measureText:function(t,e,r){var i=this.getFontByName(e),s=t.charCodeAt(0);if(!i.cache[s+1]){var a=i.helper;if(" "===t){a.textContent="|"+t+"|";var n=a.getComputedTextLength();a.textContent="||";var o=a.getComputedTextLength();i.cache[s+1]=(n-o)/100}else a.textContent=t,i.cache[s+1]=a.getComputedTextLength()/100}return i.cache[s+1]*r},checkLoadedFonts:function(){var t,e,r,i=this.fonts.length,s=i;for(t=0;t<i;t+=1)this.fonts[t].loaded?s-=1:"n"===this.fonts[t].fOrigin||0===this.fonts[t].origin?this.fonts[t].loaded=!0:(e=this.fonts[t].monoCase.node,r=this.fonts[t].monoCase.w,e.offsetWidth!==r?(s-=1,this.fonts[t].loaded=!0):(e=this.fonts[t].sansCase.node,r=this.fonts[t].sansCase.w,e.offsetWidth!==r&&(s-=1,this.fonts[t].loaded=!0)),this.fonts[t].loaded&&(this.fonts[t].sansCase.parent.parentNode.removeChild(this.fonts[t].sansCase.parent),this.fonts[t].monoCase.parent.parentNode.removeChild(this.fonts[t].monoCase.parent)));0!==s&&Date.now()-this.initTime<5e3?setTimeout(this.checkLoadedFontsBinded,20):setTimeout(this.setIsLoadedBinded,10)},setIsLoaded:function(){this.isLoaded=!0}};return n.prototype=o,n}();function RenderableElement(){}RenderableElement.prototype={initRenderable:function(){this.isInRange=!1,this.hidden=!1,this.isTransparent=!1,this.renderableComponents=[]},addRenderableComponent:function(t){-1===this.renderableComponents.indexOf(t)&&this.renderableComponents.push(t)},removeRenderableComponent:function(t){-1!==this.renderableComponents.indexOf(t)&&this.renderableComponents.splice(this.renderableComponents.indexOf(t),1)},prepareRenderableFrame:function(t){this.checkLayerLimits(t)},checkTransparency:function(){this.finalTransform.mProp.o.v<=0?!this.isTransparent&&this.globalData.renderConfig.hideOnTransparent&&(this.isTransparent=!0,this.hide()):this.isTransparent&&(this.isTransparent=!1,this.show())},checkLayerLimits:function(t){this.data.ip-this.data.st<=t&&this.data.op-this.data.st>t?!0!==this.isInRange&&(this.globalData._mdf=!0,this._mdf=!0,this.isInRange=!0,this.show()):!1!==this.isInRange&&(this.globalData._mdf=!0,this.isInRange=!1,this.hide())},renderRenderable:function(){var t,e=this.renderableComponents.length;for(t=0;t<e;t+=1)this.renderableComponents[t].renderFrame(this._isFirstFrame)},sourceRectAtTime:function(){return{top:0,left:0,width:100,height:100}},getLayerSize:function(){return 5===this.data.ty?{w:this.data.textData.width,h:this.data.textData.height}:{w:this.data.width,h:this.data.height}}};var MaskManagerInterface=function(){function t(t,e){this._mask=t,this._data=e}Object.defineProperty(t.prototype,"maskPath",{get:function(){return this._mask.prop.k&&this._mask.prop.getValue(),this._mask.prop}}),Object.defineProperty(t.prototype,"maskOpacity",{get:function(){return this._mask.op.k&&this._mask.op.getValue(),100*this._mask.op.v}});return function(e){var r,i=createSizedArray(e.viewData.length),s=e.viewData.length;for(r=0;r<s;r+=1)i[r]=new t(e.viewData[r],e.masksProperties[r]);return function(t){for(r=0;r<s;){if(e.masksProperties[r].nm===t)return i[r];r+=1}return null}}}(),ExpressionPropertyInterface=function(){var t={pv:0,v:0,mult:1},e={pv:[0,0,0],v:[0,0,0],mult:1};function r(t,e,r){Object.defineProperty(t,"velocity",{get:function(){return e.getVelocityAtTime(e.comp.currentFrame)}}),t.numKeys=e.keyframes?e.keyframes.length:0,t.key=function(i){if(!t.numKeys)return 0;var s="";s="s"in e.keyframes[i-1]?e.keyframes[i-1].s:"e"in e.keyframes[i-2]?e.keyframes[i-2].e:e.keyframes[i-2].s;var a="unidimensional"===r?new Number(s):Object.assign({},s);return a.time=e.keyframes[i-1].t/e.elem.comp.globalData.frameRate,a.value="unidimensional"===r?s[0]:s,a},t.valueAtTime=e.getValueAtTime,t.speedAtTime=e.getSpeedAtTime,t.velocityAtTime=e.getVelocityAtTime,t.propertyGroup=e.propertyGroup}function i(){return t}return function(s){return s?"unidimensional"===s.propType?function(e){e&&"pv"in e||(e=t);var i=1/e.mult,s=e.pv*i,a=new Number(s);return a.value=s,r(a,e,"unidimensional"),function(){return e.k&&e.getValue(),s=e.v*i,a.value!==s&&((a=new Number(s)).value=s,r(a,e,"unidimensional")),a}}(s):function(t){t&&"pv"in t||(t=e);var i=1/t.mult,s=t.data&&t.data.l||t.pv.length,a=createTypedArray("float32",s),n=createTypedArray("float32",s);return a.value=n,r(a,t,"multidimensional"),function(){t.k&&t.getValue();for(var e=0;e<s;e+=1)n[e]=t.v[e]*i,a[e]=n[e];return a}}(s):i}}(),TransformExpressionInterface=function(t){function e(t){switch(t){case"scale":case"Scale":case"ADBE Scale":case 6:return e.scale;case"rotation":case"Rotation":case"ADBE Rotation":case"ADBE Rotate Z":case 10:return e.rotation;case"ADBE Rotate X":return e.xRotation;case"ADBE Rotate Y":return e.yRotation;case"position":case"Position":case"ADBE Position":case 2:return e.position;case"ADBE Position_0":return e.xPosition;case"ADBE Position_1":return e.yPosition;case"ADBE Position_2":return e.zPosition;case"anchorPoint":case"AnchorPoint":case"Anchor Point":case"ADBE AnchorPoint":case 1:return e.anchorPoint;case"opacity":case"Opacity":case 11:return e.opacity;default:return null}}var r,i,s,a;return Object.defineProperty(e,"rotation",{get:ExpressionPropertyInterface(t.r||t.rz)}),Object.defineProperty(e,"zRotation",{get:ExpressionPropertyInterface(t.rz||t.r)}),Object.defineProperty(e,"xRotation",{get:ExpressionPropertyInterface(t.rx)}),Object.defineProperty(e,"yRotation",{get:ExpressionPropertyInterface(t.ry)}),Object.defineProperty(e,"scale",{get:ExpressionPropertyInterface(t.s)}),t.p?a=ExpressionPropertyInterface(t.p):(r=ExpressionPropertyInterface(t.px),i=ExpressionPropertyInterface(t.py),t.pz&&(s=ExpressionPropertyInterface(t.pz))),Object.defineProperty(e,"position",{get:function(){return t.p?a():[r(),i(),s?s():0]}}),Object.defineProperty(e,"xPosition",{get:ExpressionPropertyInterface(t.px)}),Object.defineProperty(e,"yPosition",{get:ExpressionPropertyInterface(t.py)}),Object.defineProperty(e,"zPosition",{get:ExpressionPropertyInterface(t.pz)}),Object.defineProperty(e,"anchorPoint",{get:ExpressionPropertyInterface(t.a)}),Object.defineProperty(e,"opacity",{get:ExpressionPropertyInterface(t.o)}),Object.defineProperty(e,"skew",{get:ExpressionPropertyInterface(t.sk)}),Object.defineProperty(e,"skewAxis",{get:ExpressionPropertyInterface(t.sa)}),Object.defineProperty(e,"orientation",{get:ExpressionPropertyInterface(t.or)}),e},LayerExpressionInterface=function(){function t(t){var e=new Matrix;void 0!==t?this._elem.finalTransform.mProp.getValueAtTime(t).clone(e):this._elem.finalTransform.mProp.applyToMatrix(e);return e}function e(t,e){var r=this.getMatrix(e);return r.props[12]=0,r.props[13]=0,r.props[14]=0,this.applyPoint(r,t)}function r(t,e){var r=this.getMatrix(e);return this.applyPoint(r,t)}function i(t,e){var r=this.getMatrix(e);return r.props[12]=0,r.props[13]=0,r.props[14]=0,this.invertPoint(r,t)}function s(t,e){var r=this.getMatrix(e);return this.invertPoint(r,t)}function a(t,e){if(this._elem.hierarchy&&this._elem.hierarchy.length){var r,i=this._elem.hierarchy.length;for(r=0;r<i;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(t)}return t.applyToPointArray(e[0],e[1],e[2]||0)}function n(t,e){if(this._elem.hierarchy&&this._elem.hierarchy.length){var r,i=this._elem.hierarchy.length;for(r=0;r<i;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(t)}return t.inversePoint(e)}function o(t){var e=new Matrix;if(e.reset(),this._elem.finalTransform.mProp.applyToMatrix(e),this._elem.hierarchy&&this._elem.hierarchy.length){var r,i=this._elem.hierarchy.length;for(r=0;r<i;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(e);return e.inversePoint(t)}return e.inversePoint(t)}function h(){return[1,1,1,1]}return function(l){var p;function f(t){switch(t){case"ADBE Root Vectors Group":case"Contents":case 2:return f.shapeInterface;case 1:case 6:case"Transform":case"transform":case"ADBE Transform Group":return p;case 4:case"ADBE Effect Parade":case"effects":case"Effects":return f.effect;case"ADBE Text Properties":return f.textInterface;default:return null}}f.getMatrix=t,f.invertPoint=n,f.applyPoint=a,f.toWorld=r,f.toWorldVec=e,f.fromWorld=s,f.fromWorldVec=i,f.toComp=r,f.fromComp=o,f.sampleImage=h,f.sourceRectAtTime=l.sourceRectAtTime.bind(l),f._elem=l;var m=getDescriptor(p=TransformExpressionInterface(l.finalTransform.mProp),"anchorPoint");return Object.defineProperties(f,{hasParent:{get:function(){return l.hierarchy.length}},parent:{get:function(){return l.hierarchy[0].layerInterface}},rotation:getDescriptor(p,"rotation"),scale:getDescriptor(p,"scale"),position:getDescriptor(p,"position"),opacity:getDescriptor(p,"opacity"),anchorPoint:m,anchor_point:m,transform:{get:function(){return p}},active:{get:function(){return l.isInRange}}}),f.startTime=l.data.st,f.index=l.data.ind,f.source=l.data.refId,f.height=0===l.data.ty?l.data.h:100,f.width=0===l.data.ty?l.data.w:100,f.inPoint=l.data.ip/l.comp.globalData.frameRate,f.outPoint=l.data.op/l.comp.globalData.frameRate,f._name=l.data.nm,f.registerMaskInterface=function(t){f.mask=new MaskManagerInterface(t,l)},f.registerEffectsInterface=function(t){f.effect=t},f}}(),propertyGroupFactory=function(t,e){return function(r){return(r=void 0===r?1:r)<=0?t:e(r-1)}},PropertyInterface=function(t,e){var r={_name:t};return function(t){return(t=void 0===t?1:t)<=0?r:e(t-1)}},EffectsExpressionInterface=function(){function t(r,i,s,a){function n(t){for(var e=r.ef,i=0,s=e.length;i<s;){if(t===e[i].nm||t===e[i].mn||t===e[i].ix)return 5===e[i].ty?l[i]:l[i]();i+=1}throw new Error}var o,h=propertyGroupFactory(n,s),l=[],p=r.ef.length;for(o=0;o<p;o+=1)5===r.ef[o].ty?l.push(t(r.ef[o],i.effectElements[o],i.effectElements[o].propertyGroup,a)):l.push(e(i.effectElements[o],r.ef[o].ty,a,h));return"ADBE Color Control"===r.mn&&Object.defineProperty(n,"color",{get:function(){return l[0]()}}),Object.defineProperties(n,{numProperties:{get:function(){return r.np}},_name:{value:r.nm},propertyGroup:{value:h}}),n.enabled=0!==r.en,n.active=n.enabled,n}function e(t,e,r,i){var s=ExpressionPropertyInterface(t.p);return t.p.setGroupProperty&&t.p.setGroupProperty(PropertyInterface("",i)),function(){return 10===e?r.comp.compInterface(t.p.v):s()}}return{createEffectsInterface:function(e,r){if(e.effectsManager){var i,s=[],a=e.data.ef,n=e.effectsManager.effectElements.length;for(i=0;i<n;i+=1)s.push(t(a[i],e.effectsManager.effectElements[i],r,e));var o=e.data.ef||[],h=function(t){for(i=0,n=o.length;i<n;){if(t===o[i].nm||t===o[i].mn||t===o[i].ix)return s[i];i+=1}return null};return Object.defineProperty(h,"numProperties",{get:function(){return o.length}}),h}return null}}}(),CompExpressionInterface=function(t){function e(e){for(var r=0,i=t.layers.length;r<i;){if(t.layers[r].nm===e||t.layers[r].ind===e)return t.elements[r].layerInterface;r+=1}return null}return Object.defineProperty(e,"_name",{value:t.data.nm}),e.layer=e,e.pixelAspect=1,e.height=t.data.h||t.globalData.compSize.h,e.width=t.data.w||t.globalData.compSize.w,e.pixelAspect=1,e.frameDuration=1/t.globalData.frameRate,e.displayStartTime=0,e.numLayers=t.layers.length,e},ShapePathInterface=function(t,e,r){var i=e.sh;function s(t){return"Shape"===t||"shape"===t||"Path"===t||"path"===t||"ADBE Vector Shape"===t||2===t?s.path:null}var a=propertyGroupFactory(s,r);return i.setGroupProperty(PropertyInterface("Path",a)),Object.defineProperties(s,{path:{get:function(){return i.k&&i.getValue(),i}},shape:{get:function(){return i.k&&i.getValue(),i}},_name:{value:t.nm},ix:{value:t.ix},propertyIndex:{value:t.ix},mn:{value:t.mn},propertyGroup:{value:r}}),s},ShapeExpressionInterface=function(){function t(t,o,c){var d,u=[],y=t?t.length:0;for(d=0;d<y;d+=1)"gr"===t[d].ty?u.push(e(t[d],o[d],c)):"fl"===t[d].ty?u.push(r(t[d],o[d],c)):"st"===t[d].ty?u.push(a(t[d],o[d],c)):"tm"===t[d].ty?u.push(n(t[d],o[d],c)):"tr"===t[d].ty||("el"===t[d].ty?u.push(h(t[d],o[d],c)):"sr"===t[d].ty?u.push(l(t[d],o[d],c)):"sh"===t[d].ty?u.push(ShapePathInterface(t[d],o[d],c)):"rc"===t[d].ty?u.push(p(t[d],o[d],c)):"rd"===t[d].ty?u.push(f(t[d],o[d],c)):"rp"===t[d].ty?u.push(m(t[d],o[d],c)):"gf"===t[d].ty?u.push(i(t[d],o[d],c)):u.push(s(t[d],o[d])));return u}function e(e,r,i){var s=function(t){switch(t){case"ADBE Vectors Group":case"Contents":case 2:return s.content;default:return s.transform}};s.propertyGroup=propertyGroupFactory(s,i);var a=function(e,r,i){var s,a=function(t){for(var e=0,r=s.length;e<r;){if(s[e]._name===t||s[e].mn===t||s[e].propertyIndex===t||s[e].ix===t||s[e].ind===t)return s[e];e+=1}return"number"==typeof t?s[t-1]:null};a.propertyGroup=propertyGroupFactory(a,i),s=t(e.it,r.it,a.propertyGroup),a.numProperties=s.length;var n=o(e.it[e.it.length-1],r.it[r.it.length-1],a.propertyGroup);return a.transform=n,a.propertyIndex=e.cix,a._name=e.nm,a}(e,r,s.propertyGroup),n=o(e.it[e.it.length-1],r.it[r.it.length-1],s.propertyGroup);return s.content=a,s.transform=n,Object.defineProperty(s,"_name",{get:function(){return e.nm}}),s.numProperties=e.np,s.propertyIndex=e.ix,s.nm=e.nm,s.mn=e.mn,s}function r(t,e,r){function i(t){return"Color"===t||"color"===t?i.color:"Opacity"===t||"opacity"===t?i.opacity:null}return Object.defineProperties(i,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(PropertyInterface("Color",r)),e.o.setGroupProperty(PropertyInterface("Opacity",r)),i}function i(t,e,r){function i(t){return"Start Point"===t||"start point"===t?i.startPoint:"End Point"===t||"end point"===t?i.endPoint:"Opacity"===t||"opacity"===t?i.opacity:null}return Object.defineProperties(i,{startPoint:{get:ExpressionPropertyInterface(e.s)},endPoint:{get:ExpressionPropertyInterface(e.e)},opacity:{get:ExpressionPropertyInterface(e.o)},type:{get:function(){return"a"}},_name:{value:t.nm},mn:{value:t.mn}}),e.s.setGroupProperty(PropertyInterface("Start Point",r)),e.e.setGroupProperty(PropertyInterface("End Point",r)),e.o.setGroupProperty(PropertyInterface("Opacity",r)),i}function s(){return function(){return null}}function a(t,e,r){var i,s=propertyGroupFactory(l,r),a=propertyGroupFactory(h,s);function n(r){Object.defineProperty(h,t.d[r].nm,{get:ExpressionPropertyInterface(e.d.dataProps[r].p)})}var o=t.d?t.d.length:0,h={};for(i=0;i<o;i+=1)n(i),e.d.dataProps[i].p.setGroupProperty(a);function l(t){return"Color"===t||"color"===t?l.color:"Opacity"===t||"opacity"===t?l.opacity:"Stroke Width"===t||"stroke width"===t?l.strokeWidth:null}return Object.defineProperties(l,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},strokeWidth:{get:ExpressionPropertyInterface(e.w)},dash:{get:function(){return h}},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(PropertyInterface("Color",s)),e.o.setGroupProperty(PropertyInterface("Opacity",s)),e.w.setGroupProperty(PropertyInterface("Stroke Width",s)),l}function n(t,e,r){function i(e){return e===t.e.ix||"End"===e||"end"===e?i.end:e===t.s.ix?i.start:e===t.o.ix?i.offset:null}var s=propertyGroupFactory(i,r);return i.propertyIndex=t.ix,e.s.setGroupProperty(PropertyInterface("Start",s)),e.e.setGroupProperty(PropertyInterface("End",s)),e.o.setGroupProperty(PropertyInterface("Offset",s)),i.propertyIndex=t.ix,i.propertyGroup=r,Object.defineProperties(i,{start:{get:ExpressionPropertyInterface(e.s)},end:{get:ExpressionPropertyInterface(e.e)},offset:{get:ExpressionPropertyInterface(e.o)},_name:{value:t.nm}}),i.mn=t.mn,i}function o(t,e,r){function i(e){return t.a.ix===e||"Anchor Point"===e?i.anchorPoint:t.o.ix===e||"Opacity"===e?i.opacity:t.p.ix===e||"Position"===e?i.position:t.r.ix===e||"Rotation"===e||"ADBE Vector Rotation"===e?i.rotation:t.s.ix===e||"Scale"===e?i.scale:t.sk&&t.sk.ix===e||"Skew"===e?i.skew:t.sa&&t.sa.ix===e||"Skew Axis"===e?i.skewAxis:null}var s=propertyGroupFactory(i,r);return e.transform.mProps.o.setGroupProperty(PropertyInterface("Opacity",s)),e.transform.mProps.p.setGroupProperty(PropertyInterface("Position",s)),e.transform.mProps.a.setGroupProperty(PropertyInterface("Anchor Point",s)),e.transform.mProps.s.setGroupProperty(PropertyInterface("Scale",s)),e.transform.mProps.r.setGroupProperty(PropertyInterface("Rotation",s)),e.transform.mProps.sk&&(e.transform.mProps.sk.setGroupProperty(PropertyInterface("Skew",s)),e.transform.mProps.sa.setGroupProperty(PropertyInterface("Skew Angle",s))),e.transform.op.setGroupProperty(PropertyInterface("Opacity",s)),Object.defineProperties(i,{opacity:{get:ExpressionPropertyInterface(e.transform.mProps.o)},position:{get:ExpressionPropertyInterface(e.transform.mProps.p)},anchorPoint:{get:ExpressionPropertyInterface(e.transform.mProps.a)},scale:{get:ExpressionPropertyInterface(e.transform.mProps.s)},rotation:{get:ExpressionPropertyInterface(e.transform.mProps.r)},skew:{get:ExpressionPropertyInterface(e.transform.mProps.sk)},skewAxis:{get:ExpressionPropertyInterface(e.transform.mProps.sa)},_name:{value:t.nm}}),i.ty="tr",i.mn=t.mn,i.propertyGroup=r,i}function h(t,e,r){function i(e){return t.p.ix===e?i.position:t.s.ix===e?i.size:null}var s=propertyGroupFactory(i,r);i.propertyIndex=t.ix;var a="tm"===e.sh.ty?e.sh.prop:e.sh;return a.s.setGroupProperty(PropertyInterface("Size",s)),a.p.setGroupProperty(PropertyInterface("Position",s)),Object.defineProperties(i,{size:{get:ExpressionPropertyInterface(a.s)},position:{get:ExpressionPropertyInterface(a.p)},_name:{value:t.nm}}),i.mn=t.mn,i}function l(t,e,r){function i(e){return t.p.ix===e?i.position:t.r.ix===e?i.rotation:t.pt.ix===e?i.points:t.or.ix===e||"ADBE Vector Star Outer Radius"===e?i.outerRadius:t.os.ix===e?i.outerRoundness:!t.ir||t.ir.ix!==e&&"ADBE Vector Star Inner Radius"!==e?t.is&&t.is.ix===e?i.innerRoundness:null:i.innerRadius}var s=propertyGroupFactory(i,r),a="tm"===e.sh.ty?e.sh.prop:e.sh;return i.propertyIndex=t.ix,a.or.setGroupProperty(PropertyInterface("Outer Radius",s)),a.os.setGroupProperty(PropertyInterface("Outer Roundness",s)),a.pt.setGroupProperty(PropertyInterface("Points",s)),a.p.setGroupProperty(PropertyInterface("Position",s)),a.r.setGroupProperty(PropertyInterface("Rotation",s)),t.ir&&(a.ir.setGroupProperty(PropertyInterface("Inner Radius",s)),a.is.setGroupProperty(PropertyInterface("Inner Roundness",s))),Object.defineProperties(i,{position:{get:ExpressionPropertyInterface(a.p)},rotation:{get:ExpressionPropertyInterface(a.r)},points:{get:ExpressionPropertyInterface(a.pt)},outerRadius:{get:ExpressionPropertyInterface(a.or)},outerRoundness:{get:ExpressionPropertyInterface(a.os)},innerRadius:{get:ExpressionPropertyInterface(a.ir)},innerRoundness:{get:ExpressionPropertyInterface(a.is)},_name:{value:t.nm}}),i.mn=t.mn,i}function p(t,e,r){function i(e){return t.p.ix===e?i.position:t.r.ix===e?i.roundness:t.s.ix===e||"Size"===e||"ADBE Vector Rect Size"===e?i.size:null}var s=propertyGroupFactory(i,r),a="tm"===e.sh.ty?e.sh.prop:e.sh;return i.propertyIndex=t.ix,a.p.setGroupProperty(PropertyInterface("Position",s)),a.s.setGroupProperty(PropertyInterface("Size",s)),a.r.setGroupProperty(PropertyInterface("Rotation",s)),Object.defineProperties(i,{position:{get:ExpressionPropertyInterface(a.p)},roundness:{get:ExpressionPropertyInterface(a.r)},size:{get:ExpressionPropertyInterface(a.s)},_name:{value:t.nm}}),i.mn=t.mn,i}function f(t,e,r){function i(e){return t.r.ix===e||"Round Corners 1"===e?i.radius:null}var s=propertyGroupFactory(i,r),a=e;return i.propertyIndex=t.ix,a.rd.setGroupProperty(PropertyInterface("Radius",s)),Object.defineProperties(i,{radius:{get:ExpressionPropertyInterface(a.rd)},_name:{value:t.nm}}),i.mn=t.mn,i}function m(t,e,r){function i(e){return t.c.ix===e||"Copies"===e?i.copies:t.o.ix===e||"Offset"===e?i.offset:null}var s=propertyGroupFactory(i,r),a=e;return i.propertyIndex=t.ix,a.c.setGroupProperty(PropertyInterface("Copies",s)),a.o.setGroupProperty(PropertyInterface("Offset",s)),Object.defineProperties(i,{copies:{get:ExpressionPropertyInterface(a.c)},offset:{get:ExpressionPropertyInterface(a.o)},_name:{value:t.nm}}),i.mn=t.mn,i}return function(e,r,i){var s;function a(t){if("number"==typeof t)return 0===(t=void 0===t?1:t)?i:s[t-1];for(var e=0,r=s.length;e<r;){if(s[e]._name===t)return s[e];e+=1}return null}return a.propertyGroup=propertyGroupFactory(a,(function(){return i})),s=t(e,r,a.propertyGroup),a.numProperties=s.length,a._name="Contents",a}}(),TextExpressionInterface=function(t){var e,r;function i(t){return"ADBE Text Document"===t?i.sourceText:null}return Object.defineProperty(i,"sourceText",{get:function(){t.textProperty.getValue();var i=t.textProperty.currentData.t;return i!==e&&(t.textProperty.currentData.t=e,(r=new String(i)).value=i||new String(i)),r}}),i},getBlendMode=(blendModeEnums={0:"source-over",1:"multiply",2:"screen",3:"overlay",4:"darken",5:"lighten",6:"color-dodge",7:"color-burn",8:"hard-light",9:"soft-light",10:"difference",11:"exclusion",12:"hue",13:"saturation",14:"color",15:"luminosity"},function(t){return blendModeEnums[t]||""}),blendModeEnums;function SliderEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function AngleEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function ColorEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function PointEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function LayerIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function MaskIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function CheckboxEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function NoValueEffect(){this.p={}}function EffectsManager(t,e){var r,i=t.ef||[];this.effectElements=[];var s,a=i.length;for(r=0;r<a;r+=1)s=new GroupEffect(i[r],e),this.effectElements.push(s)}function GroupEffect(t,e){this.init(t,e)}function BaseElement(){}function FrameElement(){}function _typeof$2(t){return _typeof$2="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof$2(t)}extendPrototype([DynamicPropertyContainer],GroupEffect),GroupEffect.prototype.getValue=GroupEffect.prototype.iterateDynamicProperties,GroupEffect.prototype.init=function(t,e){var r;this.data=t,this.effectElements=[],this.initDynamicPropertyContainer(e);var i,s=this.data.ef.length,a=this.data.ef;for(r=0;r<s;r+=1){switch(i=null,a[r].ty){case 0:i=new SliderEffect(a[r],e,this);break;case 1:i=new AngleEffect(a[r],e,this);break;case 2:i=new ColorEffect(a[r],e,this);break;case 3:i=new PointEffect(a[r],e,this);break;case 4:case 7:i=new CheckboxEffect(a[r],e,this);break;case 10:i=new LayerIndexEffect(a[r],e,this);break;case 11:i=new MaskIndexEffect(a[r],e,this);break;case 5:i=new EffectsManager(a[r],e,this);break;default:i=new NoValueEffect(a[r],e,this)}i&&this.effectElements.push(i)}},BaseElement.prototype={checkMasks:function(){if(!this.data.hasMask)return!1;for(var t=0,e=this.data.masksProperties.length;t<e;){if("n"!==this.data.masksProperties[t].mode&&!1!==this.data.masksProperties[t].cl)return!0;t+=1}return!1},initExpressions:function(){this.layerInterface=LayerExpressionInterface(this),this.data.hasMask&&this.maskManager&&this.layerInterface.registerMaskInterface(this.maskManager);var t=EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);this.layerInterface.registerEffectsInterface(t),0===this.data.ty||this.data.xt?this.compInterface=CompExpressionInterface(this):4===this.data.ty?(this.layerInterface.shapeInterface=ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface),this.layerInterface.content=this.layerInterface.shapeInterface):5===this.data.ty&&(this.layerInterface.textInterface=TextExpressionInterface(this),this.layerInterface.text=this.layerInterface.textInterface)},setBlendMode:function(){var t=getBlendMode(this.data.bm);(this.baseElement||this.layerElement).style["mix-blend-mode"]=t},initBaseData:function(t,e,r){this.globalData=e,this.comp=r,this.data=t,this.layerId=createElementID(),this.data.sr||(this.data.sr=1),this.effectsManager=new EffectsManager(this.data,this,this.dynamicProperties)},getType:function(){return this.type},sourceRectAtTime:function(){}},FrameElement.prototype={initFrame:function(){this._isFirstFrame=!1,this.dynamicProperties=[],this._mdf=!1},prepareProperties:function(t,e){var r,i=this.dynamicProperties.length;for(r=0;r<i;r+=1)(e||this._isParent&&"transform"===this.dynamicProperties[r].propType)&&(this.dynamicProperties[r].getValue(),this.dynamicProperties[r]._mdf&&(this.globalData._mdf=!0,this._mdf=!0))},addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&this.dynamicProperties.push(t)}};var FootageInterface=(dataInterfaceFactory=function(t){function e(t){return"Outline"===t?e.outlineInterface():null}return e._name="Outline",e.outlineInterface=function(t){var e="",r=t.getFootageData();function i(t){if(r[t])return e=t,"object"===_typeof$2(r=r[t])?i:r;var s=t.indexOf(e);if(-1!==s){var a=parseInt(t.substr(s+e.length),10);return"object"===_typeof$2(r=r[a])?i:r}return""}return function(){return e="",r=t.getFootageData(),i}}(t),e},function(t){function e(t){return"Data"===t?e.dataInterface:null}return e._name="Data",e.dataInterface=dataInterfaceFactory(t),e}),dataInterfaceFactory;function FootageElement(t,e,r){this.initFrame(),this.initRenderable(),this.assetData=e.getAssetData(t.refId),this.footageData=e.imageLoader.getAsset(this.assetData),this.initBaseData(t,e,r)}function AudioElement(t,e,r){this.initFrame(),this.initRenderable(),this.assetData=e.getAssetData(t.refId),this.initBaseData(t,e,r),this._isPlaying=!1,this._canPlay=!1;var i=this.globalData.getAssetsPath(this.assetData);this.audio=this.globalData.audioController.createAudio(i),this._currentTime=0,this.globalData.audioController.addAudio(this),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function BaseRenderer(){}function TransformElement(){}function MaskElement(t,e,r){this.data=t,this.element=e,this.globalData=r,this.storedData=[],this.masksProperties=this.data.masksProperties||[],this.maskElement=null;var i,s,a=this.globalData.defs,n=this.masksProperties?this.masksProperties.length:0;this.viewData=createSizedArray(n),this.solidPath="";var o,h,l,p,f,m,c=this.masksProperties,d=0,u=[],y=createElementID(),g="clipPath",v="clip-path";for(i=0;i<n;i+=1)if(("a"!==c[i].mode&&"n"!==c[i].mode||c[i].inv||100!==c[i].o.k||c[i].o.x)&&(g="mask",v="mask"),"s"!==c[i].mode&&"i"!==c[i].mode||0!==d?l=null:((l=createNS("rect")).setAttribute("fill","#ffffff"),l.setAttribute("width",this.element.comp.data.w||0),l.setAttribute("height",this.element.comp.data.h||0),u.push(l)),s=createNS("path"),"n"===c[i].mode)this.viewData[i]={op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),elem:s,lastPath:""},a.appendChild(s);else{var b;if(d+=1,s.setAttribute("fill","s"===c[i].mode?"#000000":"#ffffff"),s.setAttribute("clip-rule","nonzero"),0!==c[i].x.k?(g="mask",v="mask",m=PropertyFactory.getProp(this.element,c[i].x,0,null,this.element),b=createElementID(),(p=createNS("filter")).setAttribute("id",b),(f=createNS("feMorphology")).setAttribute("operator","erode"),f.setAttribute("in","SourceGraphic"),f.setAttribute("radius","0"),p.appendChild(f),a.appendChild(p),s.setAttribute("stroke","s"===c[i].mode?"#000000":"#ffffff")):(f=null,m=null),this.storedData[i]={elem:s,x:m,expan:f,lastPath:"",lastOperator:"",filterId:b,lastRadius:0},"i"===c[i].mode){h=u.length;var P=createNS("g");for(o=0;o<h;o+=1)P.appendChild(u[o]);var E=createNS("mask");E.setAttribute("mask-type","alpha"),E.setAttribute("id",y+"_"+d),E.appendChild(s),a.appendChild(E),P.setAttribute("mask","url("+getLocationHref()+"#"+y+"_"+d+")"),u.length=0,u.push(P)}else u.push(s);c[i].inv&&!this.solidPath&&(this.solidPath=this.createLayerSolidPath()),this.viewData[i]={elem:s,lastPath:"",op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),invRect:l},this.viewData[i].prop.k||this.drawPath(c[i],this.viewData[i].prop.v,this.viewData[i])}for(this.maskElement=createNS(g),n=u.length,i=0;i<n;i+=1)this.maskElement.appendChild(u[i]);d>0&&(this.maskElement.setAttribute("id",y),this.element.maskedElement.setAttribute(v,"url("+getLocationHref()+"#"+y+")"),a.appendChild(this.maskElement)),this.viewData.length&&this.element.addRenderableComponent(this)}FootageElement.prototype.prepareFrame=function(){},extendPrototype([RenderableElement,BaseElement,FrameElement],FootageElement),FootageElement.prototype.getBaseElement=function(){return null},FootageElement.prototype.renderFrame=function(){},FootageElement.prototype.destroy=function(){},FootageElement.prototype.initExpressions=function(){this.layerInterface=FootageInterface(this)},FootageElement.prototype.getFootageData=function(){return this.footageData},AudioElement.prototype.prepareFrame=function(t){if(this.prepareRenderableFrame(t,!0),this.prepareProperties(t,!0),this.tm._placeholder)this._currentTime=t/this.data.sr;else{var e=this.tm.v;this._currentTime=e}},extendPrototype([RenderableElement,BaseElement,FrameElement],AudioElement),AudioElement.prototype.renderFrame=function(){this.isInRange&&this._canPlay&&(this._isPlaying?(!this.audio.playing()||Math.abs(this._currentTime/this.globalData.frameRate-this.audio.seek())>.1)&&this.audio.seek(this._currentTime/this.globalData.frameRate):(this.audio.play(),this.audio.seek(this._currentTime/this.globalData.frameRate),this._isPlaying=!0))},AudioElement.prototype.show=function(){},AudioElement.prototype.hide=function(){this.audio.pause(),this._isPlaying=!1},AudioElement.prototype.pause=function(){this.audio.pause(),this._isPlaying=!1,this._canPlay=!1},AudioElement.prototype.resume=function(){this._canPlay=!0},AudioElement.prototype.setRate=function(t){this.audio.rate(t)},AudioElement.prototype.volume=function(t){this.audio.volume(t)},AudioElement.prototype.getBaseElement=function(){return null},AudioElement.prototype.destroy=function(){},AudioElement.prototype.sourceRectAtTime=function(){},AudioElement.prototype.initExpressions=function(){},BaseRenderer.prototype.checkLayers=function(t){var e,r,i=this.layers.length;for(this.completeLayers=!0,e=i-1;e>=0;e-=1)this.elements[e]||(r=this.layers[e]).ip-r.st<=t-this.layers[e].st&&r.op-r.st>t-this.layers[e].st&&this.buildItem(e),this.completeLayers=!!this.elements[e]&&this.completeLayers;this.checkPendingElements()},BaseRenderer.prototype.createItem=function(t){switch(t.ty){case 2:return this.createImage(t);case 0:return this.createComp(t);case 1:return this.createSolid(t);case 3:default:return this.createNull(t);case 4:return this.createShape(t);case 5:return this.createText(t);case 6:return this.createAudio(t);case 13:return this.createCamera(t);case 15:return this.createFootage(t)}},BaseRenderer.prototype.createCamera=function(){throw new Error("You're using a 3d camera. Try the html renderer.")},BaseRenderer.prototype.createAudio=function(t){return new AudioElement(t,this.globalData,this)},BaseRenderer.prototype.createFootage=function(t){return new FootageElement(t,this.globalData,this)},BaseRenderer.prototype.buildAllItems=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.buildItem(t);this.checkPendingElements()},BaseRenderer.prototype.includeLayers=function(t){var e;this.completeLayers=!1;var r,i=t.length,s=this.layers.length;for(e=0;e<i;e+=1)for(r=0;r<s;){if(this.layers[r].id===t[e].id){this.layers[r]=t[e];break}r+=1}},BaseRenderer.prototype.setProjectInterface=function(t){this.globalData.projectInterface=t},BaseRenderer.prototype.initItems=function(){this.globalData.progressiveLoad||this.buildAllItems()},BaseRenderer.prototype.buildElementParenting=function(t,e,r){for(var i=this.elements,s=this.layers,a=0,n=s.length;a<n;)s[a].ind==e&&(i[a]&&!0!==i[a]?(r.push(i[a]),i[a].setAsParent(),void 0!==s[a].parent?this.buildElementParenting(t,s[a].parent,r):t.setHierarchy(r)):(this.buildItem(a),this.addPendingElement(t))),a+=1},BaseRenderer.prototype.addPendingElement=function(t){this.pendingElements.push(t)},BaseRenderer.prototype.searchExtraCompositions=function(t){var e,r=t.length;for(e=0;e<r;e+=1)if(t[e].xt){var i=this.createComp(t[e]);i.initExpressions(),this.globalData.projectInterface.registerComposition(i)}},BaseRenderer.prototype.setupGlobalData=function(t,e){this.globalData.fontManager=new FontManager,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,e),this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.imageLoader=this.animationItem.imagePreloader,this.globalData.audioController=this.animationItem.audioController,this.globalData.frameId=0,this.globalData.frameRate=t.fr,this.globalData.nm=t.nm,this.globalData.compSize={w:t.w,h:t.h}},TransformElement.prototype={initTransform:function(){this.finalTransform={mProp:this.data.ks?TransformPropertyFactory.getTransformProperty(this,this.data.ks,this):{o:0},_matMdf:!1,_opMdf:!1,mat:new Matrix},this.data.ao&&(this.finalTransform.mProp.autoOriented=!0),this.data.ty},renderTransform:function(){if(this.finalTransform._opMdf=this.finalTransform.mProp.o._mdf||this._isFirstFrame,this.finalTransform._matMdf=this.finalTransform.mProp._mdf||this._isFirstFrame,this.hierarchy){var t,e=this.finalTransform.mat,r=0,i=this.hierarchy.length;if(!this.finalTransform._matMdf)for(;r<i;){if(this.hierarchy[r].finalTransform.mProp._mdf){this.finalTransform._matMdf=!0;break}r+=1}if(this.finalTransform._matMdf)for(t=this.finalTransform.mProp.v.props,e.cloneFromProps(t),r=0;r<i;r+=1)t=this.hierarchy[r].finalTransform.mProp.v.props,e.transform(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])}},globalToLocal:function(t){var e=[];e.push(this.finalTransform);for(var r,i=!0,s=this.comp;i;)s.finalTransform?(s.data.hasMask&&e.splice(0,0,s.finalTransform),s=s.comp):i=!1;var a,n=e.length;for(r=0;r<n;r+=1)a=e[r].mat.applyToPointArray(0,0,0),t=[t[0]-a[0],t[1]-a[1],0];return t},mHelper:new Matrix},MaskElement.prototype.getMaskProperty=function(t){return this.viewData[t].prop},MaskElement.prototype.renderFrame=function(t){var e,r=this.element.finalTransform.mat,i=this.masksProperties.length;for(e=0;e<i;e+=1)if((this.viewData[e].prop._mdf||t)&&this.drawPath(this.masksProperties[e],this.viewData[e].prop.v,this.viewData[e]),(this.viewData[e].op._mdf||t)&&this.viewData[e].elem.setAttribute("fill-opacity",this.viewData[e].op.v),"n"!==this.masksProperties[e].mode&&(this.viewData[e].invRect&&(this.element.finalTransform.mProp._mdf||t)&&this.viewData[e].invRect.setAttribute("transform",r.getInverseMatrix().to2dCSS()),this.storedData[e].x&&(this.storedData[e].x._mdf||t))){var s=this.storedData[e].expan;this.storedData[e].x.v<0?("erode"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="erode",this.storedData[e].elem.setAttribute("filter","url("+getLocationHref()+"#"+this.storedData[e].filterId+")")),s.setAttribute("radius",-this.storedData[e].x.v)):("dilate"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="dilate",this.storedData[e].elem.setAttribute("filter",null)),this.storedData[e].elem.setAttribute("stroke-width",2*this.storedData[e].x.v))}},MaskElement.prototype.getMaskelement=function(){return this.maskElement},MaskElement.prototype.createLayerSolidPath=function(){var t="M0,0 ";return t+=" h"+this.globalData.compSize.w,t+=" v"+this.globalData.compSize.h,t+=" h-"+this.globalData.compSize.w,t+=" v-"+this.globalData.compSize.h+" "},MaskElement.prototype.drawPath=function(t,e,r){var i,s,a=" M"+e.v[0][0]+","+e.v[0][1];for(s=e._length,i=1;i<s;i+=1)a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[i][0]+","+e.i[i][1]+" "+e.v[i][0]+","+e.v[i][1];if(e.c&&s>1&&(a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[0][0]+","+e.i[0][1]+" "+e.v[0][0]+","+e.v[0][1]),r.lastPath!==a){var n="";r.elem&&(e.c&&(n=t.inv?this.solidPath+a:a),r.elem.setAttribute("d",n)),r.lastPath=a}},MaskElement.prototype.destroy=function(){this.element=null,this.globalData=null,this.maskElement=null,this.data=null,this.masksProperties=null};var filtersFactory=function(){var t={};return t.createFilter=function(t,e){var r=createNS("filter");r.setAttribute("id",t),!0!==e&&(r.setAttribute("filterUnits","objectBoundingBox"),r.setAttribute("x","0%"),r.setAttribute("y","0%"),r.setAttribute("width","100%"),r.setAttribute("height","100%"));return r},t.createAlphaToLuminanceFilter=function(){var t=createNS("feColorMatrix");return t.setAttribute("type","matrix"),t.setAttribute("color-interpolation-filters","sRGB"),t.setAttribute("values","0 0 0 1 0  0 0 0 1 0  0 0 0 1 0  0 0 0 1 1"),t},t}(),featureSupport=function(){var t={maskType:!0};return(/MSIE 10/i.test(navigator.userAgent)||/MSIE 9/i.test(navigator.userAgent)||/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(t.maskType=!1),t}();function SVGTintFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");if(r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","linearRGB"),r.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),r.setAttribute("result","f1"),t.appendChild(r),(r=createNS("feColorMatrix")).setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","sRGB"),r.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),r.setAttribute("result","f2"),t.appendChild(r),this.matrixFilter=r,100!==e.effectElements[2].p.v||e.effectElements[2].p.k){var i,s=createNS("feMerge");t.appendChild(s),(i=createNS("feMergeNode")).setAttribute("in","SourceGraphic"),s.appendChild(i),(i=createNS("feMergeNode")).setAttribute("in","f2"),s.appendChild(i)}}function SVGFillFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","sRGB"),r.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),t.appendChild(r),this.matrixFilter=r}function SVGStrokeEffect(t,e){this.initialized=!1,this.filterManager=e,this.elem=t,this.paths=[]}function SVGTritoneFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","linearRGB"),r.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),r.setAttribute("result","f1"),t.appendChild(r);var i=createNS("feComponentTransfer");i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.matrixFilter=i;var s=createNS("feFuncR");s.setAttribute("type","table"),i.appendChild(s),this.feFuncR=s;var a=createNS("feFuncG");a.setAttribute("type","table"),i.appendChild(a),this.feFuncG=a;var n=createNS("feFuncB");n.setAttribute("type","table"),i.appendChild(n),this.feFuncB=n}function SVGProLevelsFilter(t,e){this.filterManager=e;var r=this.filterManager.effectElements,i=createNS("feComponentTransfer");(r[10].p.k||0!==r[10].p.v||r[11].p.k||1!==r[11].p.v||r[12].p.k||1!==r[12].p.v||r[13].p.k||0!==r[13].p.v||r[14].p.k||1!==r[14].p.v)&&(this.feFuncR=this.createFeFunc("feFuncR",i)),(r[17].p.k||0!==r[17].p.v||r[18].p.k||1!==r[18].p.v||r[19].p.k||1!==r[19].p.v||r[20].p.k||0!==r[20].p.v||r[21].p.k||1!==r[21].p.v)&&(this.feFuncG=this.createFeFunc("feFuncG",i)),(r[24].p.k||0!==r[24].p.v||r[25].p.k||1!==r[25].p.v||r[26].p.k||1!==r[26].p.v||r[27].p.k||0!==r[27].p.v||r[28].p.k||1!==r[28].p.v)&&(this.feFuncB=this.createFeFunc("feFuncB",i)),(r[31].p.k||0!==r[31].p.v||r[32].p.k||1!==r[32].p.v||r[33].p.k||1!==r[33].p.v||r[34].p.k||0!==r[34].p.v||r[35].p.k||1!==r[35].p.v)&&(this.feFuncA=this.createFeFunc("feFuncA",i)),(this.feFuncR||this.feFuncG||this.feFuncB||this.feFuncA)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),i=createNS("feComponentTransfer")),(r[3].p.k||0!==r[3].p.v||r[4].p.k||1!==r[4].p.v||r[5].p.k||1!==r[5].p.v||r[6].p.k||0!==r[6].p.v||r[7].p.k||1!==r[7].p.v)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.feFuncRComposed=this.createFeFunc("feFuncR",i),this.feFuncGComposed=this.createFeFunc("feFuncG",i),this.feFuncBComposed=this.createFeFunc("feFuncB",i))}function SVGDropShadowEffect(t,e){var r=e.container.globalData.renderConfig.filterSize;t.setAttribute("x",r.x),t.setAttribute("y",r.y),t.setAttribute("width",r.width),t.setAttribute("height",r.height),this.filterManager=e;var i=createNS("feGaussianBlur");i.setAttribute("in","SourceAlpha"),i.setAttribute("result","drop_shadow_1"),i.setAttribute("stdDeviation","0"),this.feGaussianBlur=i,t.appendChild(i);var s=createNS("feOffset");s.setAttribute("dx","25"),s.setAttribute("dy","0"),s.setAttribute("in","drop_shadow_1"),s.setAttribute("result","drop_shadow_2"),this.feOffset=s,t.appendChild(s);var a=createNS("feFlood");a.setAttribute("flood-color","#00ff00"),a.setAttribute("flood-opacity","1"),a.setAttribute("result","drop_shadow_3"),this.feFlood=a,t.appendChild(a);var n=createNS("feComposite");n.setAttribute("in","drop_shadow_3"),n.setAttribute("in2","drop_shadow_2"),n.setAttribute("operator","in"),n.setAttribute("result","drop_shadow_4"),t.appendChild(n);var o,h=createNS("feMerge");t.appendChild(h),o=createNS("feMergeNode"),h.appendChild(o),(o=createNS("feMergeNode")).setAttribute("in","SourceGraphic"),this.feMergeNode=o,this.feMerge=h,this.originalNodeAdded=!1,h.appendChild(o)}SVGTintFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,r=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v/100;this.matrixFilter.setAttribute("values",r[0]-e[0]+" 0 0 0 "+e[0]+" "+(r[1]-e[1])+" 0 0 0 "+e[1]+" "+(r[2]-e[2])+" 0 0 0 "+e[2]+" 0 0 0 "+i+" 0")}},SVGFillFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[2].p.v,r=this.filterManager.effectElements[6].p.v;this.matrixFilter.setAttribute("values","0 0 0 0 "+e[0]+" 0 0 0 0 "+e[1]+" 0 0 0 0 "+e[2]+" 0 0 0 "+r+" 0")}},SVGStrokeEffect.prototype.initialize=function(){var t,e,r,i,s=this.elem.layerElement.children||this.elem.layerElement.childNodes;for(1===this.filterManager.effectElements[1].p.v?(i=this.elem.maskManager.masksProperties.length,r=0):i=(r=this.filterManager.effectElements[0].p.v-1)+1,(e=createNS("g")).setAttribute("fill","none"),e.setAttribute("stroke-linecap","round"),e.setAttribute("stroke-dashoffset",1);r<i;r+=1)t=createNS("path"),e.appendChild(t),this.paths.push({p:t,m:r});if(3===this.filterManager.effectElements[10].p.v){var a=createNS("mask"),n=createElementID();a.setAttribute("id",n),a.setAttribute("mask-type","alpha"),a.appendChild(e),this.elem.globalData.defs.appendChild(a);var o=createNS("g");for(o.setAttribute("mask","url("+getLocationHref()+"#"+n+")");s[0];)o.appendChild(s[0]);this.elem.layerElement.appendChild(o),this.masker=a,e.setAttribute("stroke","#fff")}else if(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v){if(2===this.filterManager.effectElements[10].p.v)for(s=this.elem.layerElement.children||this.elem.layerElement.childNodes;s.length;)this.elem.layerElement.removeChild(s[0]);this.elem.layerElement.appendChild(e),this.elem.layerElement.removeAttribute("mask"),e.setAttribute("stroke","#fff")}this.initialized=!0,this.pathMasker=e},SVGStrokeEffect.prototype.renderFrame=function(t){var e;this.initialized||this.initialize();var r,i,s=this.paths.length;for(e=0;e<s;e+=1)if(-1!==this.paths[e].m&&(r=this.elem.maskManager.viewData[this.paths[e].m],i=this.paths[e].p,(t||this.filterManager._mdf||r.prop._mdf)&&i.setAttribute("d",r.lastPath),t||this.filterManager.effectElements[9].p._mdf||this.filterManager.effectElements[4].p._mdf||this.filterManager.effectElements[7].p._mdf||this.filterManager.effectElements[8].p._mdf||r.prop._mdf)){var a;if(0!==this.filterManager.effectElements[7].p.v||100!==this.filterManager.effectElements[8].p.v){var n=.01*Math.min(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v),o=.01*Math.max(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v),h=i.getTotalLength();a="0 0 0 "+h*n+" ";var l,p=h*(o-n),f=1+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v*.01,m=Math.floor(p/f);for(l=0;l<m;l+=1)a+="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v*.01+" ";a+="0 "+10*h+" 0 0"}else a="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v*.01;i.setAttribute("stroke-dasharray",a)}if((t||this.filterManager.effectElements[4].p._mdf)&&this.pathMasker.setAttribute("stroke-width",2*this.filterManager.effectElements[4].p.v),(t||this.filterManager.effectElements[6].p._mdf)&&this.pathMasker.setAttribute("opacity",this.filterManager.effectElements[6].p.v),(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v)&&(t||this.filterManager.effectElements[3].p._mdf)){var c=this.filterManager.effectElements[3].p.v;this.pathMasker.setAttribute("stroke","rgb("+bmFloor(255*c[0])+","+bmFloor(255*c[1])+","+bmFloor(255*c[2])+")")}},SVGTritoneFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,r=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v,s=i[0]+" "+r[0]+" "+e[0],a=i[1]+" "+r[1]+" "+e[1],n=i[2]+" "+r[2]+" "+e[2];this.feFuncR.setAttribute("tableValues",s),this.feFuncG.setAttribute("tableValues",a),this.feFuncB.setAttribute("tableValues",n)}},SVGProLevelsFilter.prototype.createFeFunc=function(t,e){var r=createNS(t);return r.setAttribute("type","table"),e.appendChild(r),r},SVGProLevelsFilter.prototype.getTableValue=function(t,e,r,i,s){for(var a,n,o=0,h=Math.min(t,e),l=Math.max(t,e),p=Array.call(null,{length:256}),f=0,m=s-i,c=e-t;o<=256;)n=(a=o/256)<=h?c<0?s:i:a>=l?c<0?i:s:i+m*Math.pow((a-t)/c,1/r),p[f]=n,f+=1,o+=256/255;return p.join(" ")},SVGProLevelsFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e,r=this.filterManager.effectElements;this.feFuncRComposed&&(t||r[3].p._mdf||r[4].p._mdf||r[5].p._mdf||r[6].p._mdf||r[7].p._mdf)&&(e=this.getTableValue(r[3].p.v,r[4].p.v,r[5].p.v,r[6].p.v,r[7].p.v),this.feFuncRComposed.setAttribute("tableValues",e),this.feFuncGComposed.setAttribute("tableValues",e),this.feFuncBComposed.setAttribute("tableValues",e)),this.feFuncR&&(t||r[10].p._mdf||r[11].p._mdf||r[12].p._mdf||r[13].p._mdf||r[14].p._mdf)&&(e=this.getTableValue(r[10].p.v,r[11].p.v,r[12].p.v,r[13].p.v,r[14].p.v),this.feFuncR.setAttribute("tableValues",e)),this.feFuncG&&(t||r[17].p._mdf||r[18].p._mdf||r[19].p._mdf||r[20].p._mdf||r[21].p._mdf)&&(e=this.getTableValue(r[17].p.v,r[18].p.v,r[19].p.v,r[20].p.v,r[21].p.v),this.feFuncG.setAttribute("tableValues",e)),this.feFuncB&&(t||r[24].p._mdf||r[25].p._mdf||r[26].p._mdf||r[27].p._mdf||r[28].p._mdf)&&(e=this.getTableValue(r[24].p.v,r[25].p.v,r[26].p.v,r[27].p.v,r[28].p.v),this.feFuncB.setAttribute("tableValues",e)),this.feFuncA&&(t||r[31].p._mdf||r[32].p._mdf||r[33].p._mdf||r[34].p._mdf||r[35].p._mdf)&&(e=this.getTableValue(r[31].p.v,r[32].p.v,r[33].p.v,r[34].p.v,r[35].p.v),this.feFuncA.setAttribute("tableValues",e))}},SVGDropShadowEffect.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){if((t||this.filterManager.effectElements[4].p._mdf)&&this.feGaussianBlur.setAttribute("stdDeviation",this.filterManager.effectElements[4].p.v/4),t||this.filterManager.effectElements[0].p._mdf){var e=this.filterManager.effectElements[0].p.v;this.feFlood.setAttribute("flood-color",rgbToHex(Math.round(255*e[0]),Math.round(255*e[1]),Math.round(255*e[2])))}if((t||this.filterManager.effectElements[1].p._mdf)&&this.feFlood.setAttribute("flood-opacity",this.filterManager.effectElements[1].p.v/255),t||this.filterManager.effectElements[2].p._mdf||this.filterManager.effectElements[3].p._mdf){var r=this.filterManager.effectElements[3].p.v,i=(this.filterManager.effectElements[2].p.v-90)*degToRads,s=r*Math.cos(i),a=r*Math.sin(i);this.feOffset.setAttribute("dx",s),this.feOffset.setAttribute("dy",a)}}};var _svgMatteSymbols=[];function SVGMatte3Effect(t,e,r){this.initialized=!1,this.filterManager=e,this.filterElem=t,this.elem=r,r.matteElement=createNS("g"),r.matteElement.appendChild(r.layerElement),r.matteElement.appendChild(r.transformedElement),r.baseElement=r.matteElement}function SVGGaussianBlurEffect(t,e){t.setAttribute("x","-100%"),t.setAttribute("y","-100%"),t.setAttribute("width","300%"),t.setAttribute("height","300%"),this.filterManager=e;var r=createNS("feGaussianBlur");t.appendChild(r),this.feGaussianBlur=r}SVGMatte3Effect.prototype.findSymbol=function(t){for(var e=0,r=_svgMatteSymbols.length;e<r;){if(_svgMatteSymbols[e]===t)return _svgMatteSymbols[e];e+=1}return null},SVGMatte3Effect.prototype.replaceInParent=function(t,e){var r=t.layerElement.parentNode;if(r){for(var i,s=r.children,a=0,n=s.length;a<n&&s[a]!==t.layerElement;)a+=1;a<=n-2&&(i=s[a+1]);var o=createNS("use");o.setAttribute("href","#"+e),i?r.insertBefore(o,i):r.appendChild(o)}},SVGMatte3Effect.prototype.setElementAsMask=function(t,e){if(!this.findSymbol(e)){var r=createElementID(),i=createNS("mask");i.setAttribute("id",e.layerId),i.setAttribute("mask-type","alpha"),_svgMatteSymbols.push(e);var s=t.globalData.defs;s.appendChild(i);var a=createNS("symbol");a.setAttribute("id",r),this.replaceInParent(e,r),a.appendChild(e.layerElement),s.appendChild(a);var n=createNS("use");n.setAttribute("href","#"+r),i.appendChild(n),e.data.hd=!1,e.show()}t.setMatte(e.layerId)},SVGMatte3Effect.prototype.initialize=function(){for(var t=this.filterManager.effectElements[0].p.v,e=this.elem.comp.elements,r=0,i=e.length;r<i;)e[r]&&e[r].data.ind===t&&this.setElementAsMask(this.elem,e[r]),r+=1;this.initialized=!0},SVGMatte3Effect.prototype.renderFrame=function(){this.initialized||this.initialize()},SVGGaussianBlurEffect.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=.3*this.filterManager.effectElements[0].p.v,r=this.filterManager.effectElements[1].p.v,i=3==r?0:e,s=2==r?0:e;this.feGaussianBlur.setAttribute("stdDeviation",i+" "+s);var a=1==this.filterManager.effectElements[2].p.v?"wrap":"duplicate";this.feGaussianBlur.setAttribute("edgeMode",a)}};var registeredEffects={};function SVGEffects(t){var e,r,i=t.data.ef?t.data.ef.length:0,s=createElementID(),a=filtersFactory.createFilter(s,!0),n=0;for(this.filters=[],e=0;e<i;e+=1){r=null;var o=t.data.ef[e].ty;if(registeredEffects[o])r=new(0,registeredEffects[o].effect)(a,t.effectsManager.effectElements[e],t),registeredEffects[o].countsAsEffect&&(n+=1);20===t.data.ef[e].ty?(n+=1,r=new SVGTintFilter(a,t.effectsManager.effectElements[e])):21===t.data.ef[e].ty?(n+=1,r=new SVGFillFilter(a,t.effectsManager.effectElements[e])):22===t.data.ef[e].ty?r=new SVGStrokeEffect(t,t.effectsManager.effectElements[e]):23===t.data.ef[e].ty?(n+=1,r=new SVGTritoneFilter(a,t.effectsManager.effectElements[e])):24===t.data.ef[e].ty?(n+=1,r=new SVGProLevelsFilter(a,t.effectsManager.effectElements[e])):25===t.data.ef[e].ty?(n+=1,r=new SVGDropShadowEffect(a,t.effectsManager.effectElements[e])):28===t.data.ef[e].ty?r=new SVGMatte3Effect(a,t.effectsManager.effectElements[e],t):29===t.data.ef[e].ty&&(n+=1,r=new SVGGaussianBlurEffect(a,t.effectsManager.effectElements[e])),r&&this.filters.push(r)}n&&(t.globalData.defs.appendChild(a),t.layerElement.setAttribute("filter","url("+getLocationHref()+"#"+s+")")),this.filters.length&&t.addRenderableComponent(this)}function registerEffect(t,e,r){registeredEffects[t]={effect:e,countsAsEffect:r}}function SVGBaseElement(){}function HierarchyElement(){}function RenderableDOMElement(){}function IImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,r),this.sourceRect={top:0,left:0,width:this.assetData.w,height:this.assetData.h}}function ProcessedElement(t,e){this.elem=t,this.pos=e}function IShapeElement(){}SVGEffects.prototype.renderFrame=function(t){var e,r=this.filters.length;for(e=0;e<r;e+=1)this.filters[e].renderFrame(t)},SVGBaseElement.prototype={initRendererElement:function(){this.layerElement=createNS("g")},createContainerElements:function(){this.matteElement=createNS("g"),this.transformedElement=this.layerElement,this.maskedElement=this.layerElement,this._sizeChanged=!1;var t,e,r,i=null;if(this.data.td){if(3==this.data.td||1==this.data.td){var s=createNS("mask");s.setAttribute("id",this.layerId),s.setAttribute("mask-type",3==this.data.td?"luminance":"alpha"),s.appendChild(this.layerElement),i=s,this.globalData.defs.appendChild(s),featureSupport.maskType||1!=this.data.td||(s.setAttribute("mask-type","luminance"),t=createElementID(),e=filtersFactory.createFilter(t),this.globalData.defs.appendChild(e),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),(r=createNS("g")).appendChild(this.layerElement),i=r,s.appendChild(r),r.setAttribute("filter","url("+getLocationHref()+"#"+t+")"))}else if(2==this.data.td){var a=createNS("mask");a.setAttribute("id",this.layerId),a.setAttribute("mask-type","alpha");var n=createNS("g");a.appendChild(n),t=createElementID(),e=filtersFactory.createFilter(t);var o=createNS("feComponentTransfer");o.setAttribute("in","SourceGraphic"),e.appendChild(o);var h=createNS("feFuncA");h.setAttribute("type","table"),h.setAttribute("tableValues","1.0 0.0"),o.appendChild(h),this.globalData.defs.appendChild(e);var l=createNS("rect");l.setAttribute("width",this.comp.data.w),l.setAttribute("height",this.comp.data.h),l.setAttribute("x","0"),l.setAttribute("y","0"),l.setAttribute("fill","#ffffff"),l.setAttribute("opacity","0"),n.setAttribute("filter","url("+getLocationHref()+"#"+t+")"),n.appendChild(l),n.appendChild(this.layerElement),i=n,featureSupport.maskType||(a.setAttribute("mask-type","luminance"),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),r=createNS("g"),n.appendChild(l),r.appendChild(this.layerElement),i=r,n.appendChild(r)),this.globalData.defs.appendChild(a)}}else this.data.tt?(this.matteElement.appendChild(this.layerElement),i=this.matteElement,this.baseElement=this.matteElement):this.baseElement=this.layerElement;if(this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0===this.data.ty&&!this.data.hd){var p=createNS("clipPath"),f=createNS("path");f.setAttribute("d","M0,0 L"+this.data.w+",0 L"+this.data.w+","+this.data.h+" L0,"+this.data.h+"z");var m=createElementID();if(p.setAttribute("id",m),p.appendChild(f),this.globalData.defs.appendChild(p),this.checkMasks()){var c=createNS("g");c.setAttribute("clip-path","url("+getLocationHref()+"#"+m+")"),c.appendChild(this.layerElement),this.transformedElement=c,i?i.appendChild(this.transformedElement):this.baseElement=this.transformedElement}else this.layerElement.setAttribute("clip-path","url("+getLocationHref()+"#"+m+")")}0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&this.transformedElement.setAttribute("transform",this.finalTransform.mat.to2dCSS()),this.finalTransform._opMdf&&this.transformedElement.setAttribute("opacity",this.finalTransform.mProp.o.v)},destroyBaseElement:function(){this.layerElement=null,this.matteElement=null,this.maskManager.destroy()},getBaseElement:function(){return this.data.hd?null:this.baseElement},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData),this.renderableEffectsManager=new SVGEffects(this)},setMatte:function(t){this.matteElement&&this.matteElement.setAttribute("mask","url("+getLocationHref()+"#"+t+")")}},HierarchyElement.prototype={initHierarchy:function(){this.hierarchy=[],this._isParent=!1,this.checkParenting()},setHierarchy:function(t){this.hierarchy=t},setAsParent:function(){this._isParent=!0},checkParenting:function(){void 0!==this.data.parent&&this.comp.buildElementParenting(this,this.data.parent,[])}},extendPrototype([RenderableElement,createProxyFunction({initElement:function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide()},hide:function(){this.hidden||this.isInRange&&!this.isTransparent||((this.baseElement||this.layerElement).style.display="none",this.hidden=!0)},show:function(){this.isInRange&&!this.isTransparent&&(this.data.hd||((this.baseElement||this.layerElement).style.display="block"),this.hidden=!1,this._isFirstFrame=!0)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},renderInnerContent:function(){},prepareFrame:function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.checkTransparency()},destroy:function(){this.innerElem=null,this.destroyBaseElement()}})],RenderableDOMElement),extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],IImageElement),IImageElement.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData);this.innerElem=createNS("image"),this.innerElem.setAttribute("width",this.assetData.w+"px"),this.innerElem.setAttribute("height",this.assetData.h+"px"),this.innerElem.setAttribute("preserveAspectRatio",this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio),this.innerElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.innerElem)},IImageElement.prototype.sourceRectAtTime=function(){return this.sourceRect},IShapeElement.prototype={addShapeToModifiers:function(t){var e,r=this.shapeModifiers.length;for(e=0;e<r;e+=1)this.shapeModifiers[e].addShape(t)},isShapeInAnimatedModifiers:function(t){for(var e=this.shapeModifiers.length;0<e;)if(this.shapeModifiers[0].isAnimatedWithShape(t))return!0;return!1},renderModifiers:function(){if(this.shapeModifiers.length){var t,e=this.shapes.length;for(t=0;t<e;t+=1)this.shapes[t].sh.reset();for(t=(e=this.shapeModifiers.length)-1;t>=0&&!this.shapeModifiers[t].processShapes(this._isFirstFrame);t-=1);}},searchProcessedElement:function(t){for(var e=this.processedElements,r=0,i=e.length;r<i;){if(e[r].elem===t)return e[r].pos;r+=1}return 0},addProcessedElement:function(t,e){for(var r=this.processedElements,i=r.length;i;)if(r[i-=1].elem===t)return void(r[i].pos=e);r.push(new ProcessedElement(t,e))},prepareFrame:function(t){this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange)}};var lineCapEnum={1:"butt",2:"round",3:"square"},lineJoinEnum={1:"miter",2:"round",3:"bevel"};function SVGShapeData(t,e,r){this.caches=[],this.styles=[],this.transformers=t,this.lStr="",this.sh=r,this.lvl=e,this._isAnimated=!!r.k;for(var i=0,s=t.length;i<s;){if(t[i].mProps.dynamicProperties.length){this._isAnimated=!0;break}i+=1}}function SVGStyleData(t,e){this.data=t,this.type=t.ty,this.d="",this.lvl=e,this._mdf=!1,this.closed=!0===t.hd,this.pElem=createNS("path"),this.msElem=null}function DashProperty(t,e,r,i){var s;this.elem=t,this.frameId=-1,this.dataProps=createSizedArray(e.length),this.renderer=r,this.k=!1,this.dashStr="",this.dashArray=createTypedArray("float32",e.length?e.length-1:0),this.dashoffset=createTypedArray("float32",1),this.initDynamicPropertyContainer(i);var a,n=e.length||0;for(s=0;s<n;s+=1)a=PropertyFactory.getProp(t,e[s].v,0,0,this),this.k=a.k||this.k,this.dataProps[s]={n:e[s].n,p:a};this.k||this.getValue(!0),this._isAnimated=this.k}function SVGStrokeStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.w=PropertyFactory.getProp(t,e.w,0,null,this),this.d=new DashProperty(t,e.d||{},"svg",this),this.c=PropertyFactory.getProp(t,e.c,1,255,this),this.style=r,this._isAnimated=!!this._isAnimated}function SVGFillStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.c=PropertyFactory.getProp(t,e.c,1,255,this),this.style=r}function SVGNoStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.style=r}function GradientProperty(t,e,r){this.data=e,this.c=createTypedArray("uint8c",4*e.p);var i=e.k.k[0].s?e.k.k[0].s.length-4*e.p:e.k.k.length-4*e.p;this.o=createTypedArray("float32",i),this._cmdf=!1,this._omdf=!1,this._collapsable=this.checkCollapsable(),this._hasOpacity=i,this.initDynamicPropertyContainer(r),this.prop=PropertyFactory.getProp(t,e.k,1,null,this),this.k=this.prop.k,this.getValue(!0)}function SVGGradientFillStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.initGradientData(t,e,r)}function SVGGradientStrokeStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.w=PropertyFactory.getProp(t,e.w,0,null,this),this.d=new DashProperty(t,e.d||{},"svg",this),this.initGradientData(t,e,r),this._isAnimated=!!this._isAnimated}function ShapeGroupData(){this.it=[],this.prevViewData=[],this.gr=createNS("g")}function SVGTransformData(t,e,r){this.transform={mProps:t,op:e,container:r},this.elements=[],this._isAnimated=this.transform.mProps.dynamicProperties.length||this.transform.op.effectsSequence.length}SVGShapeData.prototype.setAsAnimated=function(){this._isAnimated=!0},SVGStyleData.prototype.reset=function(){this.d="",this._mdf=!1},DashProperty.prototype.getValue=function(t){if((this.elem.globalData.frameId!==this.frameId||t)&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf=this._mdf||t,this._mdf)){var e=0,r=this.dataProps.length;for("svg"===this.renderer&&(this.dashStr=""),e=0;e<r;e+=1)"o"!==this.dataProps[e].n?"svg"===this.renderer?this.dashStr+=" "+this.dataProps[e].p.v:this.dashArray[e]=this.dataProps[e].p.v:this.dashoffset[0]=this.dataProps[e].p.v}},extendPrototype([DynamicPropertyContainer],DashProperty),extendPrototype([DynamicPropertyContainer],SVGStrokeStyleData),extendPrototype([DynamicPropertyContainer],SVGFillStyleData),extendPrototype([DynamicPropertyContainer],SVGNoStyleData),GradientProperty.prototype.comparePoints=function(t,e){for(var r=0,i=this.o.length/2;r<i;){if(Math.abs(t[4*r]-t[4*e+2*r])>.01)return!1;r+=1}return!0},GradientProperty.prototype.checkCollapsable=function(){if(this.o.length/2!=this.c.length/4)return!1;if(this.data.k.k[0].s)for(var t=0,e=this.data.k.k.length;t<e;){if(!this.comparePoints(this.data.k.k[t].s,this.data.p))return!1;t+=1}else if(!this.comparePoints(this.data.k.k,this.data.p))return!1;return!0},GradientProperty.prototype.getValue=function(t){if(this.prop.getValue(),this._mdf=!1,this._cmdf=!1,this._omdf=!1,this.prop._mdf||t){var e,r,i,s=4*this.data.p;for(e=0;e<s;e+=1)r=e%4==0?100:255,i=Math.round(this.prop.v[e]*r),this.c[e]!==i&&(this.c[e]=i,this._cmdf=!t);if(this.o.length)for(s=this.prop.v.length,e=4*this.data.p;e<s;e+=1)r=e%2==0?100:1,i=e%2==0?Math.round(100*this.prop.v[e]):this.prop.v[e],this.o[e-4*this.data.p]!==i&&(this.o[e-4*this.data.p]=i,this._omdf=!t);this._mdf=!t}},extendPrototype([DynamicPropertyContainer],GradientProperty),SVGGradientFillStyleData.prototype.initGradientData=function(t,e,r){this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.s=PropertyFactory.getProp(t,e.s,1,null,this),this.e=PropertyFactory.getProp(t,e.e,1,null,this),this.h=PropertyFactory.getProp(t,e.h||{k:0},0,.01,this),this.a=PropertyFactory.getProp(t,e.a||{k:0},0,degToRads,this),this.g=new GradientProperty(t,e.g,this),this.style=r,this.stops=[],this.setGradientData(r.pElem,e),this.setGradientOpacity(e,r),this._isAnimated=!!this._isAnimated},SVGGradientFillStyleData.prototype.setGradientData=function(t,e){var r=createElementID(),i=createNS(1===e.t?"linearGradient":"radialGradient");i.setAttribute("id",r),i.setAttribute("spreadMethod","pad"),i.setAttribute("gradientUnits","userSpaceOnUse");var s,a,n,o=[];for(n=4*e.g.p,a=0;a<n;a+=4)s=createNS("stop"),i.appendChild(s),o.push(s);t.setAttribute("gf"===e.ty?"fill":"stroke","url("+getLocationHref()+"#"+r+")"),this.gf=i,this.cst=o},SVGGradientFillStyleData.prototype.setGradientOpacity=function(t,e){if(this.g._hasOpacity&&!this.g._collapsable){var r,i,s,a=createNS("mask"),n=createNS("path");a.appendChild(n);var o=createElementID(),h=createElementID();a.setAttribute("id",h);var l=createNS(1===t.t?"linearGradient":"radialGradient");l.setAttribute("id",o),l.setAttribute("spreadMethod","pad"),l.setAttribute("gradientUnits","userSpaceOnUse"),s=t.g.k.k[0].s?t.g.k.k[0].s.length:t.g.k.k.length;var p=this.stops;for(i=4*t.g.p;i<s;i+=2)(r=createNS("stop")).setAttribute("stop-color","rgb(255,255,255)"),l.appendChild(r),p.push(r);n.setAttribute("gf"===t.ty?"fill":"stroke","url("+getLocationHref()+"#"+o+")"),"gs"===t.ty&&(n.setAttribute("stroke-linecap",lineCapEnum[t.lc||2]),n.setAttribute("stroke-linejoin",lineJoinEnum[t.lj||2]),1===t.lj&&n.setAttribute("stroke-miterlimit",t.ml)),this.of=l,this.ms=a,this.ost=p,this.maskId=h,e.msElem=n}},extendPrototype([DynamicPropertyContainer],SVGGradientFillStyleData),extendPrototype([SVGGradientFillStyleData,DynamicPropertyContainer],SVGGradientStrokeStyleData);var buildShapeString=function(t,e,r,i){if(0===e)return"";var s,a=t.o,n=t.i,o=t.v,h=" M"+i.applyToPointStringified(o[0][0],o[0][1]);for(s=1;s<e;s+=1)h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[s][0],n[s][1])+" "+i.applyToPointStringified(o[s][0],o[s][1]);return r&&e&&(h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[0][0],n[0][1])+" "+i.applyToPointStringified(o[0][0],o[0][1]),h+="z"),h},SVGElementsRenderer=function(){var t=new Matrix,e=new Matrix;function r(t,e,r){(r||e.transform.op._mdf)&&e.transform.container.setAttribute("opacity",e.transform.op.v),(r||e.transform.mProps._mdf)&&e.transform.container.setAttribute("transform",e.transform.mProps.v.to2dCSS())}function i(){}function s(r,i,s){var a,n,o,h,l,p,f,m,c,d,u,y=i.styles.length,g=i.lvl;for(p=0;p<y;p+=1){if(h=i.sh._mdf||s,i.styles[p].lvl<g){for(m=e.reset(),d=g-i.styles[p].lvl,u=i.transformers.length-1;!h&&d>0;)h=i.transformers[u].mProps._mdf||h,d-=1,u-=1;if(h)for(d=g-i.styles[p].lvl,u=i.transformers.length-1;d>0;)c=i.transformers[u].mProps.v.props,m.transform(c[0],c[1],c[2],c[3],c[4],c[5],c[6],c[7],c[8],c[9],c[10],c[11],c[12],c[13],c[14],c[15]),d-=1,u-=1}else m=t;if(n=(f=i.sh.paths)._length,h){for(o="",a=0;a<n;a+=1)(l=f.shapes[a])&&l._length&&(o+=buildShapeString(l,l._length,l.c,m));i.caches[p]=o}else o=i.caches[p];i.styles[p].d+=!0===r.hd?"":o,i.styles[p]._mdf=h||i.styles[p]._mdf}}function a(t,e,r){var i=e.style;(e.c._mdf||r)&&i.pElem.setAttribute("fill","rgb("+bmFloor(e.c.v[0])+","+bmFloor(e.c.v[1])+","+bmFloor(e.c.v[2])+")"),(e.o._mdf||r)&&i.pElem.setAttribute("fill-opacity",e.o.v)}function n(t,e,r){o(t,e,r),h(t,e,r)}function o(t,e,r){var i,s,a,n,o,h=e.gf,l=e.g._hasOpacity,p=e.s.v,f=e.e.v;if(e.o._mdf||r){var m="gf"===t.ty?"fill-opacity":"stroke-opacity";e.style.pElem.setAttribute(m,e.o.v)}if(e.s._mdf||r){var c=1===t.t?"x1":"cx",d="x1"===c?"y1":"cy";h.setAttribute(c,p[0]),h.setAttribute(d,p[1]),l&&!e.g._collapsable&&(e.of.setAttribute(c,p[0]),e.of.setAttribute(d,p[1]))}if(e.g._cmdf||r){i=e.cst;var u=e.g.c;for(a=i.length,s=0;s<a;s+=1)(n=i[s]).setAttribute("offset",u[4*s]+"%"),n.setAttribute("stop-color","rgb("+u[4*s+1]+","+u[4*s+2]+","+u[4*s+3]+")")}if(l&&(e.g._omdf||r)){var y=e.g.o;for(a=(i=e.g._collapsable?e.cst:e.ost).length,s=0;s<a;s+=1)n=i[s],e.g._collapsable||n.setAttribute("offset",y[2*s]+"%"),n.setAttribute("stop-opacity",y[2*s+1])}if(1===t.t)(e.e._mdf||r)&&(h.setAttribute("x2",f[0]),h.setAttribute("y2",f[1]),l&&!e.g._collapsable&&(e.of.setAttribute("x2",f[0]),e.of.setAttribute("y2",f[1])));else if((e.s._mdf||e.e._mdf||r)&&(o=Math.sqrt(Math.pow(p[0]-f[0],2)+Math.pow(p[1]-f[1],2)),h.setAttribute("r",o),l&&!e.g._collapsable&&e.of.setAttribute("r",o)),e.e._mdf||e.h._mdf||e.a._mdf||r){o||(o=Math.sqrt(Math.pow(p[0]-f[0],2)+Math.pow(p[1]-f[1],2)));var g=Math.atan2(f[1]-p[1],f[0]-p[0]),v=e.h.v;v>=1?v=.99:v<=-1&&(v=-.99);var b=o*v,P=Math.cos(g+e.a.v)*b+p[0],E=Math.sin(g+e.a.v)*b+p[1];h.setAttribute("fx",P),h.setAttribute("fy",E),l&&!e.g._collapsable&&(e.of.setAttribute("fx",P),e.of.setAttribute("fy",E))}}function h(t,e,r){var i=e.style,s=e.d;s&&(s._mdf||r)&&s.dashStr&&(i.pElem.setAttribute("stroke-dasharray",s.dashStr),i.pElem.setAttribute("stroke-dashoffset",s.dashoffset[0])),e.c&&(e.c._mdf||r)&&i.pElem.setAttribute("stroke","rgb("+bmFloor(e.c.v[0])+","+bmFloor(e.c.v[1])+","+bmFloor(e.c.v[2])+")"),(e.o._mdf||r)&&i.pElem.setAttribute("stroke-opacity",e.o.v),(e.w._mdf||r)&&(i.pElem.setAttribute("stroke-width",e.w.v),i.msElem&&i.msElem.setAttribute("stroke-width",e.w.v))}return{createRenderFunction:function(t){switch(t.ty){case"fl":return a;case"gf":return o;case"gs":return n;case"st":return h;case"sh":case"el":case"rc":case"sr":return s;case"tr":return r;case"no":return i;default:return null}}}}();function SVGShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.initElement(t,e,r),this.prevViewData=[]}function LetterProps(t,e,r,i,s,a){this.o=t,this.sw=e,this.sc=r,this.fc=i,this.m=s,this.p=a,this._mdf={o:!0,sw:!!e,sc:!!r,fc:!!i,m:!0,p:!0}}function TextProperty(t,e){this._frameId=initialDefaultFrame,this.pv="",this.v="",this.kf=!1,this._isFirstFrame=!0,this._mdf=!1,this.data=e,this.elem=t,this.comp=this.elem.comp,this.keysIndex=0,this.canResize=!1,this.minimumFontSize=1,this.effectsSequence=[],this.currentData={ascent:0,boxWidth:this.defaultBoxWidth,f:"",fStyle:"",fWeight:"",fc:"",j:"",justifyOffset:"",l:[],lh:0,lineWidths:[],ls:"",of:"",s:"",sc:"",sw:0,t:0,tr:0,sz:0,ps:null,fillColorAnim:!1,strokeColorAnim:!1,strokeWidthAnim:!1,yOffset:0,finalSize:0,finalText:[],finalLineHeight:0,__complete:!1},this.copyData(this.currentData,this.data.d.k[0].s),this.searchProperty()||this.completeTextData(this.currentData)}extendPrototype([BaseElement,TransformElement,SVGBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableDOMElement],SVGShapeElement),SVGShapeElement.prototype.initSecondaryElement=function(){},SVGShapeElement.prototype.identityMatrix=new Matrix,SVGShapeElement.prototype.buildExpressionInterface=function(){},SVGShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes()},SVGShapeElement.prototype.filterUniqueShapes=function(){var t,e,r,i,s=this.shapes.length,a=this.stylesList.length,n=[],o=!1;for(r=0;r<a;r+=1){for(i=this.stylesList[r],o=!1,n.length=0,t=0;t<s;t+=1)-1!==(e=this.shapes[t]).styles.indexOf(i)&&(n.push(e),o=e._isAnimated||o);n.length>1&&o&&this.setShapesAsAnimated(n)}},SVGShapeElement.prototype.setShapesAsAnimated=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e].setAsAnimated()},SVGShapeElement.prototype.createStyleElement=function(t,e){var r,i=new SVGStyleData(t,e),s=i.pElem;if("st"===t.ty)r=new SVGStrokeStyleData(this,t,i);else if("fl"===t.ty)r=new SVGFillStyleData(this,t,i);else if("gf"===t.ty||"gs"===t.ty){r=new("gf"===t.ty?SVGGradientFillStyleData:SVGGradientStrokeStyleData)(this,t,i),this.globalData.defs.appendChild(r.gf),r.maskId&&(this.globalData.defs.appendChild(r.ms),this.globalData.defs.appendChild(r.of),s.setAttribute("mask","url("+getLocationHref()+"#"+r.maskId+")"))}else"no"===t.ty&&(r=new SVGNoStyleData(this,t,i));return"st"!==t.ty&&"gs"!==t.ty||(s.setAttribute("stroke-linecap",lineCapEnum[t.lc||2]),s.setAttribute("stroke-linejoin",lineJoinEnum[t.lj||2]),s.setAttribute("fill-opacity","0"),1===t.lj&&s.setAttribute("stroke-miterlimit",t.ml)),2===t.r&&s.setAttribute("fill-rule","evenodd"),t.ln&&s.setAttribute("id",t.ln),t.cl&&s.setAttribute("class",t.cl),t.bm&&(s.style["mix-blend-mode"]=getBlendMode(t.bm)),this.stylesList.push(i),this.addToAnimatedContents(t,r),r},SVGShapeElement.prototype.createGroupElement=function(t){var e=new ShapeGroupData;return t.ln&&e.gr.setAttribute("id",t.ln),t.cl&&e.gr.setAttribute("class",t.cl),t.bm&&(e.gr.style["mix-blend-mode"]=getBlendMode(t.bm)),e},SVGShapeElement.prototype.createTransformElement=function(t,e){var r=TransformPropertyFactory.getTransformProperty(this,t,this),i=new SVGTransformData(r,r.o,e);return this.addToAnimatedContents(t,i),i},SVGShapeElement.prototype.createShapeElement=function(t,e,r){var i=4;"rc"===t.ty?i=5:"el"===t.ty?i=6:"sr"===t.ty&&(i=7);var s=new SVGShapeData(e,r,ShapePropertyFactory.getShapeProp(this,t,i,this));return this.shapes.push(s),this.addShapeToModifiers(s),this.addToAnimatedContents(t,s),s},SVGShapeElement.prototype.addToAnimatedContents=function(t,e){for(var r=0,i=this.animatedContents.length;r<i;){if(this.animatedContents[r].element===e)return;r+=1}this.animatedContents.push({fn:SVGElementsRenderer.createRenderFunction(t),element:e,data:t})},SVGShapeElement.prototype.setElementStyles=function(t){var e,r=t.styles,i=this.stylesList.length;for(e=0;e<i;e+=1)this.stylesList[e].closed||r.push(this.stylesList[e])},SVGShapeElement.prototype.reloadShapes=function(){var t;this._isFirstFrame=!0;var e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes(),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers()},SVGShapeElement.prototype.searchShapes=function(t,e,r,i,s,a,n){var o,h,l,p,f,m,c=[].concat(a),d=t.length-1,u=[],y=[];for(o=d;o>=0;o-=1){if((m=this.searchProcessedElement(t[o]))?e[o]=r[m-1]:t[o]._render=n,"fl"===t[o].ty||"st"===t[o].ty||"gf"===t[o].ty||"gs"===t[o].ty||"no"===t[o].ty)m?e[o].style.closed=!1:e[o]=this.createStyleElement(t[o],s),t[o]._render&&e[o].style.pElem.parentNode!==i&&i.appendChild(e[o].style.pElem),u.push(e[o].style);else if("gr"===t[o].ty){if(m)for(l=e[o].it.length,h=0;h<l;h+=1)e[o].prevViewData[h]=e[o].it[h];else e[o]=this.createGroupElement(t[o]);this.searchShapes(t[o].it,e[o].it,e[o].prevViewData,e[o].gr,s+1,c,n),t[o]._render&&e[o].gr.parentNode!==i&&i.appendChild(e[o].gr)}else"tr"===t[o].ty?(m||(e[o]=this.createTransformElement(t[o],i)),p=e[o].transform,c.push(p)):"sh"===t[o].ty||"rc"===t[o].ty||"el"===t[o].ty||"sr"===t[o].ty?(m||(e[o]=this.createShapeElement(t[o],c,s)),this.setElementStyles(e[o])):"tm"===t[o].ty||"rd"===t[o].ty||"ms"===t[o].ty||"pb"===t[o].ty?(m?(f=e[o]).closed=!1:((f=ShapeModifiers.getModifier(t[o].ty)).init(this,t[o]),e[o]=f,this.shapeModifiers.push(f)),y.push(f)):"rp"===t[o].ty&&(m?(f=e[o]).closed=!0:(f=ShapeModifiers.getModifier(t[o].ty),e[o]=f,f.init(this,t,o,e),this.shapeModifiers.push(f),n=!1),y.push(f));this.addProcessedElement(t[o],o+1)}for(d=u.length,o=0;o<d;o+=1)u[o].closed=!0;for(d=y.length,o=0;o<d;o+=1)y[o].closed=!0},SVGShapeElement.prototype.renderInnerContent=function(){var t;this.renderModifiers();var e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].reset();for(this.renderShape(),t=0;t<e;t+=1)(this.stylesList[t]._mdf||this._isFirstFrame)&&(this.stylesList[t].msElem&&(this.stylesList[t].msElem.setAttribute("d",this.stylesList[t].d),this.stylesList[t].d="M0 0"+this.stylesList[t].d),this.stylesList[t].pElem.setAttribute("d",this.stylesList[t].d||"M0 0"))},SVGShapeElement.prototype.renderShape=function(){var t,e,r=this.animatedContents.length;for(t=0;t<r;t+=1)e=this.animatedContents[t],(this._isFirstFrame||e.element._isAnimated)&&!0!==e.data&&e.fn(e.data,e.element,this._isFirstFrame)},SVGShapeElement.prototype.destroy=function(){this.destroyBaseElement(),this.shapesData=null,this.itemsData=null},LetterProps.prototype.update=function(t,e,r,i,s,a){this._mdf.o=!1,this._mdf.sw=!1,this._mdf.sc=!1,this._mdf.fc=!1,this._mdf.m=!1,this._mdf.p=!1;var n=!1;return this.o!==t&&(this.o=t,this._mdf.o=!0,n=!0),this.sw!==e&&(this.sw=e,this._mdf.sw=!0,n=!0),this.sc!==r&&(this.sc=r,this._mdf.sc=!0,n=!0),this.fc!==i&&(this.fc=i,this._mdf.fc=!0,n=!0),this.m!==s&&(this.m=s,this._mdf.m=!0,n=!0),!a.length||this.p[0]===a[0]&&this.p[1]===a[1]&&this.p[4]===a[4]&&this.p[5]===a[5]&&this.p[12]===a[12]&&this.p[13]===a[13]||(this.p=a,this._mdf.p=!0,n=!0),n},TextProperty.prototype.defaultBoxWidth=[0,0],TextProperty.prototype.copyData=function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t},TextProperty.prototype.setCurrentData=function(t){t.__complete||this.completeTextData(t),this.currentData=t,this.currentData.boxWidth=this.currentData.boxWidth||this.defaultBoxWidth,this._mdf=!0},TextProperty.prototype.searchProperty=function(){return this.searchKeyframes()},TextProperty.prototype.searchKeyframes=function(){return this.kf=this.data.d.k.length>1,this.kf&&this.addEffect(this.getKeyframeValue.bind(this)),this.kf},TextProperty.prototype.addEffect=function(t){this.effectsSequence.push(t),this.elem.addDynamicProperty(this)},TextProperty.prototype.getValue=function(t){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length||t){this.currentData.t=this.data.d.k[this.keysIndex].s.t;var e=this.currentData,r=this.keysIndex;if(this.lock)this.setCurrentData(this.currentData);else{var i;this.lock=!0,this._mdf=!1;var s=this.effectsSequence.length,a=t||this.data.d.k[this.keysIndex].s;for(i=0;i<s;i+=1)a=r!==this.keysIndex?this.effectsSequence[i](a,a.t):this.effectsSequence[i](this.currentData,a.t);e!==a&&this.setCurrentData(a),this.v=this.currentData,this.pv=this.v,this.lock=!1,this.frameId=this.elem.globalData.frameId}}},TextProperty.prototype.getKeyframeValue=function(){for(var t=this.data.d.k,e=this.elem.comp.renderedFrame,r=0,i=t.length;r<=i-1&&!(r===i-1||t[r+1].t>e);)r+=1;return this.keysIndex!==r&&(this.keysIndex=r),this.data.d.k[this.keysIndex].s},TextProperty.prototype.buildFinalText=function(t){for(var e,r,i=[],s=0,a=t.length,n=!1;s<a;)e=t.charCodeAt(s),FontManager.isCombinedCharacter(e)?i[i.length-1]+=t.charAt(s):e>=55296&&e<=56319?(r=t.charCodeAt(s+1))>=56320&&r<=57343?(n||FontManager.isModifier(e,r)?(i[i.length-1]+=t.substr(s,2),n=!1):i.push(t.substr(s,2)),s+=1):i.push(t.charAt(s)):e>56319?(r=t.charCodeAt(s+1),FontManager.isZeroWidthJoiner(e,r)?(n=!0,i[i.length-1]+=t.substr(s,2),s+=1):i.push(t.charAt(s))):FontManager.isZeroWidthJoiner(e)?(i[i.length-1]+=t.charAt(s),n=!0):i.push(t.charAt(s)),s+=1;return i},TextProperty.prototype.completeTextData=function(t){t.__complete=!0;var e,r,i,s,a,n,o,h=this.elem.globalData.fontManager,l=this.data,p=[],f=0,m=l.m.g,c=0,d=0,u=0,y=[],g=0,v=0,b=h.getFontByName(t.f),P=0,E=getFontProperties(b);t.fWeight=E.weight,t.fStyle=E.style,t.finalSize=t.s,t.finalText=this.buildFinalText(t.t),r=t.finalText.length,t.finalLineHeight=t.lh;var x,S=t.tr/1e3*t.finalSize;if(t.sz)for(var C,A,_=!0,T=t.sz[0],k=t.sz[1];_;){C=0,g=0,r=(A=this.buildFinalText(t.t)).length,S=t.tr/1e3*t.finalSize;var D=-1;for(e=0;e<r;e+=1)x=A[e].charCodeAt(0),i=!1," "===A[e]?D=e:13!==x&&3!==x||(g=0,i=!0,C+=t.finalLineHeight||1.2*t.finalSize),h.chars?(o=h.getCharData(A[e],b.fStyle,b.fFamily),P=i?0:o.w*t.finalSize/100):P=h.measureText(A[e],t.f,t.finalSize),g+P>T&&" "!==A[e]?(-1===D?r+=1:e=D,C+=t.finalLineHeight||1.2*t.finalSize,A.splice(e,D===e?1:0,"\r"),D=-1,g=0):(g+=P,g+=S);C+=b.ascent*t.finalSize/100,this.canResize&&t.finalSize>this.minimumFontSize&&k<C?(t.finalSize-=1,t.finalLineHeight=t.finalSize*t.lh/t.s):(t.finalText=A,r=t.finalText.length,_=!1)}g=-S,P=0;var M,F=0;for(e=0;e<r;e+=1)if(i=!1,13===(x=(M=t.finalText[e]).charCodeAt(0))||3===x?(F=0,y.push(g),v=g>v?g:v,g=-2*S,s="",i=!0,u+=1):s=M,h.chars?(o=h.getCharData(M,b.fStyle,h.getFontByName(t.f).fFamily),P=i?0:o.w*t.finalSize/100):P=h.measureText(s,t.f,t.finalSize)," "===M?F+=P+S:(g+=P+S+F,F=0),p.push({l:P,an:P,add:c,n:i,anIndexes:[],val:s,line:u,animatorJustifyOffset:0}),2==m){if(c+=P,""===s||" "===s||e===r-1){for(""!==s&&" "!==s||(c-=P);d<=e;)p[d].an=c,p[d].ind=f,p[d].extra=P,d+=1;f+=1,c=0}}else if(3==m){if(c+=P,""===s||e===r-1){for(""===s&&(c-=P);d<=e;)p[d].an=c,p[d].ind=f,p[d].extra=P,d+=1;c=0,f+=1}}else p[f].ind=f,p[f].extra=0,f+=1;if(t.l=p,v=g>v?g:v,y.push(g),t.sz)t.boxWidth=t.sz[0],t.justifyOffset=0;else switch(t.boxWidth=v,t.j){case 1:t.justifyOffset=-t.boxWidth;break;case 2:t.justifyOffset=-t.boxWidth/2;break;default:t.justifyOffset=0}t.lineWidths=y;var w,I,V,B,R=l.a;n=R.length;var L=[];for(a=0;a<n;a+=1){for((w=R[a]).a.sc&&(t.strokeColorAnim=!0),w.a.sw&&(t.strokeWidthAnim=!0),(w.a.fc||w.a.fh||w.a.fs||w.a.fb)&&(t.fillColorAnim=!0),B=0,V=w.s.b,e=0;e<r;e+=1)(I=p[e]).anIndexes[a]=B,(1==V&&""!==I.val||2==V&&""!==I.val&&" "!==I.val||3==V&&(I.n||" "==I.val||e==r-1)||4==V&&(I.n||e==r-1))&&(1===w.s.rn&&L.push(B),B+=1);l.a[a].s.totalChars=B;var G,z=-1;if(1===w.s.rn)for(e=0;e<r;e+=1)z!=(I=p[e]).anIndexes[a]&&(z=I.anIndexes[a],G=L.splice(Math.floor(Math.random()*L.length),1)[0]),I.anIndexes[a]=G}t.yOffset=t.finalLineHeight||1.2*t.finalSize,t.ls=t.ls||0,t.ascent=b.ascent*t.finalSize/100},TextProperty.prototype.updateDocumentData=function(t,e){e=void 0===e?this.keysIndex:e;var r=this.copyData({},this.data.d.k[e].s);r=this.copyData(r,t),this.data.d.k[e].s=r,this.recalculate(e),this.elem.addDynamicProperty(this)},TextProperty.prototype.recalculate=function(t){var e=this.data.d.k[t].s;e.__complete=!1,this.keysIndex=0,this._isFirstFrame=!0,this.getValue(e)},TextProperty.prototype.canResizeFont=function(t){this.canResize=t,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)},TextProperty.prototype.setMinimumFontSize=function(t){this.minimumFontSize=Math.floor(t)||1,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)};var TextSelectorProp=function(){var t=Math.max,e=Math.min,r=Math.floor;function i(t,e){this._currentTextLength=-1,this.k=!1,this.data=e,this.elem=t,this.comp=t.comp,this.finalS=0,this.finalE=0,this.initDynamicPropertyContainer(t),this.s=PropertyFactory.getProp(t,e.s||{k:0},0,0,this),this.e="e"in e?PropertyFactory.getProp(t,e.e,0,0,this):{v:100},this.o=PropertyFactory.getProp(t,e.o||{k:0},0,0,this),this.xe=PropertyFactory.getProp(t,e.xe||{k:0},0,0,this),this.ne=PropertyFactory.getProp(t,e.ne||{k:0},0,0,this),this.sm=PropertyFactory.getProp(t,e.sm||{k:100},0,0,this),this.a=PropertyFactory.getProp(t,e.a,0,.01,this),this.dynamicProperties.length||this.getValue()}return i.prototype={getMult:function(i){this._currentTextLength!==this.elem.textProperty.currentData.l.length&&this.getValue();var s=0,a=0,n=1,o=1;this.ne.v>0?s=this.ne.v/100:a=-this.ne.v/100,this.xe.v>0?n=1-this.xe.v/100:o=1+this.xe.v/100;var h=BezierFactory.getBezierEasing(s,a,n,o).get,l=0,p=this.finalS,f=this.finalE,m=this.data.sh;if(2===m)l=h(l=f===p?i>=f?1:0:t(0,e(.5/(f-p)+(i-p)/(f-p),1)));else if(3===m)l=h(l=f===p?i>=f?0:1:1-t(0,e(.5/(f-p)+(i-p)/(f-p),1)));else if(4===m)f===p?l=0:(l=t(0,e(.5/(f-p)+(i-p)/(f-p),1)))<.5?l*=2:l=1-2*(l-.5),l=h(l);else if(5===m){if(f===p)l=0;else{var c=f-p,d=-c/2+(i=e(t(0,i+.5-p),f-p)),u=c/2;l=Math.sqrt(1-d*d/(u*u))}l=h(l)}else 6===m?(f===p?l=0:(i=e(t(0,i+.5-p),f-p),l=(1+Math.cos(Math.PI+2*Math.PI*i/(f-p)))/2),l=h(l)):(i>=r(p)&&(l=t(0,e(i-p<0?e(f,1)-(p-i):f-i,1))),l=h(l));if(100!==this.sm.v){var y=.01*this.sm.v;0===y&&(y=1e-8);var g=.5-.5*y;l<g?l=0:(l=(l-g)/y)>1&&(l=1)}return l*this.a.v},getValue:function(t){this.iterateDynamicProperties(),this._mdf=t||this._mdf,this._currentTextLength=this.elem.textProperty.currentData.l.length||0,t&&2===this.data.r&&(this.e.v=this._currentTextLength);var e=2===this.data.r?1:100/this.data.totalChars,r=this.o.v/e,i=this.s.v/e+r,s=this.e.v/e+r;if(i>s){var a=i;i=s,s=a}this.finalS=i,this.finalE=s}},extendPrototype([DynamicPropertyContainer],i),{getTextSelectorProp:function(t,e,r){return new i(t,e,r)}}}();function TextAnimatorDataProperty(t,e,r){var i={propType:!1},s=PropertyFactory.getProp,a=e.a;this.a={r:a.r?s(t,a.r,0,degToRads,r):i,rx:a.rx?s(t,a.rx,0,degToRads,r):i,ry:a.ry?s(t,a.ry,0,degToRads,r):i,sk:a.sk?s(t,a.sk,0,degToRads,r):i,sa:a.sa?s(t,a.sa,0,degToRads,r):i,s:a.s?s(t,a.s,1,.01,r):i,a:a.a?s(t,a.a,1,0,r):i,o:a.o?s(t,a.o,0,.01,r):i,p:a.p?s(t,a.p,1,0,r):i,sw:a.sw?s(t,a.sw,0,0,r):i,sc:a.sc?s(t,a.sc,1,0,r):i,fc:a.fc?s(t,a.fc,1,0,r):i,fh:a.fh?s(t,a.fh,0,0,r):i,fs:a.fs?s(t,a.fs,0,.01,r):i,fb:a.fb?s(t,a.fb,0,.01,r):i,t:a.t?s(t,a.t,0,0,r):i},this.s=TextSelectorProp.getTextSelectorProp(t,e.s,r),this.s.t=e.s.t}function TextAnimatorProperty(t,e,r){this._isFirstFrame=!0,this._hasMaskedPath=!1,this._frameId=-1,this._textData=t,this._renderType=e,this._elem=r,this._animatorsData=createSizedArray(this._textData.a.length),this._pathData={},this._moreOptions={alignment:{}},this.renderedLetters=[],this.lettersChangedFlag=!1,this.initDynamicPropertyContainer(r)}function ITextElement(){}TextAnimatorProperty.prototype.searchProperties=function(){var t,e,r=this._textData.a.length,i=PropertyFactory.getProp;for(t=0;t<r;t+=1)e=this._textData.a[t],this._animatorsData[t]=new TextAnimatorDataProperty(this._elem,e,this);this._textData.p&&"m"in this._textData.p?(this._pathData={a:i(this._elem,this._textData.p.a,0,0,this),f:i(this._elem,this._textData.p.f,0,0,this),l:i(this._elem,this._textData.p.l,0,0,this),r:i(this._elem,this._textData.p.r,0,0,this),p:i(this._elem,this._textData.p.p,0,0,this),m:this._elem.maskManager.getMaskProperty(this._textData.p.m)},this._hasMaskedPath=!0):this._hasMaskedPath=!1,this._moreOptions.alignment=i(this._elem,this._textData.m.a,1,0,this)},TextAnimatorProperty.prototype.getMeasures=function(t,e){if(this.lettersChangedFlag=e,this._mdf||this._isFirstFrame||e||this._hasMaskedPath&&this._pathData.m._mdf){this._isFirstFrame=!1;var r,i,s,a,n,o,h,l,p,f,m,c,d,u,y,g,v,b,P,E=this._moreOptions.alignment.v,x=this._animatorsData,S=this._textData,C=this.mHelper,A=this._renderType,_=this.renderedLetters.length,T=t.l;if(this._hasMaskedPath){if(P=this._pathData.m,!this._pathData.n||this._pathData._mdf){var k,D=P.v;for(this._pathData.r.v&&(D=D.reverse()),n={tLength:0,segments:[]},a=D._length-1,g=0,s=0;s<a;s+=1)k=bez.buildBezierData(D.v[s],D.v[s+1],[D.o[s][0]-D.v[s][0],D.o[s][1]-D.v[s][1]],[D.i[s+1][0]-D.v[s+1][0],D.i[s+1][1]-D.v[s+1][1]]),n.tLength+=k.segmentLength,n.segments.push(k),g+=k.segmentLength;s=a,P.v.c&&(k=bez.buildBezierData(D.v[s],D.v[0],[D.o[s][0]-D.v[s][0],D.o[s][1]-D.v[s][1]],[D.i[0][0]-D.v[0][0],D.i[0][1]-D.v[0][1]]),n.tLength+=k.segmentLength,n.segments.push(k),g+=k.segmentLength),this._pathData.pi=n}if(n=this._pathData.pi,o=this._pathData.f.v,m=0,f=1,l=0,p=!0,u=n.segments,o<0&&P.v.c)for(n.tLength<Math.abs(o)&&(o=-Math.abs(o)%n.tLength),f=(d=u[m=u.length-1].points).length-1;o<0;)o+=d[f].partialLength,(f-=1)<0&&(f=(d=u[m-=1].points).length-1);c=(d=u[m].points)[f-1],y=(h=d[f]).partialLength}a=T.length,r=0,i=0;var M,F,w,I,V,B=1.2*t.finalSize*.714,R=!0;w=x.length;var L,G,z,N,O,H,j,q,W,$,Y,X,K=-1,J=o,Z=m,U=f,Q=-1,tt="",et=this.defaultPropsArray;if(2===t.j||1===t.j){var rt=0,it=0,st=2===t.j?-.5:-1,at=0,nt=!0;for(s=0;s<a;s+=1)if(T[s].n){for(rt&&(rt+=it);at<s;)T[at].animatorJustifyOffset=rt,at+=1;rt=0,nt=!0}else{for(F=0;F<w;F+=1)(M=x[F].a).t.propType&&(nt&&2===t.j&&(it+=M.t.v*st),(V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars)).length?rt+=M.t.v*V[0]*st:rt+=M.t.v*V*st);nt=!1}for(rt&&(rt+=it);at<s;)T[at].animatorJustifyOffset=rt,at+=1}for(s=0;s<a;s+=1){if(C.reset(),N=1,T[s].n)r=0,i+=t.yOffset,i+=R?1:0,o=J,R=!1,this._hasMaskedPath&&(f=U,c=(d=u[m=Z].points)[f-1],y=(h=d[f]).partialLength,l=0),tt="",Y="",W="",X="",et=this.defaultPropsArray;else{if(this._hasMaskedPath){if(Q!==T[s].line){switch(t.j){case 1:o+=g-t.lineWidths[T[s].line];break;case 2:o+=(g-t.lineWidths[T[s].line])/2}Q=T[s].line}K!==T[s].ind&&(T[K]&&(o+=T[K].extra),o+=T[s].an/2,K=T[s].ind),o+=E[0]*T[s].an*.005;var ot=0;for(F=0;F<w;F+=1)(M=x[F].a).p.propType&&((V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars)).length?ot+=M.p.v[0]*V[0]:ot+=M.p.v[0]*V),M.a.propType&&((V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars)).length?ot+=M.a.v[0]*V[0]:ot+=M.a.v[0]*V);for(p=!0,this._pathData.a.v&&(o=.5*T[0].an+(g-this._pathData.f.v-.5*T[0].an-.5*T[T.length-1].an)*K/(a-1),o+=this._pathData.f.v);p;)l+y>=o+ot||!d?(v=(o+ot-l)/h.partialLength,G=c.point[0]+(h.point[0]-c.point[0])*v,z=c.point[1]+(h.point[1]-c.point[1])*v,C.translate(-E[0]*T[s].an*.005,-E[1]*B*.01),p=!1):d&&(l+=h.partialLength,(f+=1)>=d.length&&(f=0,u[m+=1]?d=u[m].points:P.v.c?(f=0,d=u[m=0].points):(l-=h.partialLength,d=null)),d&&(c=h,y=(h=d[f]).partialLength));L=T[s].an/2-T[s].add,C.translate(-L,0,0)}else L=T[s].an/2-T[s].add,C.translate(-L,0,0),C.translate(-E[0]*T[s].an*.005,-E[1]*B*.01,0);for(F=0;F<w;F+=1)(M=x[F].a).t.propType&&(V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),0===r&&0===t.j||(this._hasMaskedPath?V.length?o+=M.t.v*V[0]:o+=M.t.v*V:V.length?r+=M.t.v*V[0]:r+=M.t.v*V));for(t.strokeWidthAnim&&(H=t.sw||0),t.strokeColorAnim&&(O=t.sc?[t.sc[0],t.sc[1],t.sc[2]]:[0,0,0]),t.fillColorAnim&&t.fc&&(j=[t.fc[0],t.fc[1],t.fc[2]]),F=0;F<w;F+=1)(M=x[F].a).a.propType&&((V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars)).length?C.translate(-M.a.v[0]*V[0],-M.a.v[1]*V[1],M.a.v[2]*V[2]):C.translate(-M.a.v[0]*V,-M.a.v[1]*V,M.a.v[2]*V));for(F=0;F<w;F+=1)(M=x[F].a).s.propType&&((V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars)).length?C.scale(1+(M.s.v[0]-1)*V[0],1+(M.s.v[1]-1)*V[1],1):C.scale(1+(M.s.v[0]-1)*V,1+(M.s.v[1]-1)*V,1));for(F=0;F<w;F+=1){if(M=x[F].a,V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),M.sk.propType&&(V.length?C.skewFromAxis(-M.sk.v*V[0],M.sa.v*V[1]):C.skewFromAxis(-M.sk.v*V,M.sa.v*V)),M.r.propType&&(V.length?C.rotateZ(-M.r.v*V[2]):C.rotateZ(-M.r.v*V)),M.ry.propType&&(V.length?C.rotateY(M.ry.v*V[1]):C.rotateY(M.ry.v*V)),M.rx.propType&&(V.length?C.rotateX(M.rx.v*V[0]):C.rotateX(M.rx.v*V)),M.o.propType&&(V.length?N+=(M.o.v*V[0]-N)*V[0]:N+=(M.o.v*V-N)*V),t.strokeWidthAnim&&M.sw.propType&&(V.length?H+=M.sw.v*V[0]:H+=M.sw.v*V),t.strokeColorAnim&&M.sc.propType)for(q=0;q<3;q+=1)V.length?O[q]+=(M.sc.v[q]-O[q])*V[0]:O[q]+=(M.sc.v[q]-O[q])*V;if(t.fillColorAnim&&t.fc){if(M.fc.propType)for(q=0;q<3;q+=1)V.length?j[q]+=(M.fc.v[q]-j[q])*V[0]:j[q]+=(M.fc.v[q]-j[q])*V;M.fh.propType&&(j=V.length?addHueToRGB(j,M.fh.v*V[0]):addHueToRGB(j,M.fh.v*V)),M.fs.propType&&(j=V.length?addSaturationToRGB(j,M.fs.v*V[0]):addSaturationToRGB(j,M.fs.v*V)),M.fb.propType&&(j=V.length?addBrightnessToRGB(j,M.fb.v*V[0]):addBrightnessToRGB(j,M.fb.v*V))}}for(F=0;F<w;F+=1)(M=x[F].a).p.propType&&(V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),this._hasMaskedPath?V.length?C.translate(0,M.p.v[1]*V[0],-M.p.v[2]*V[1]):C.translate(0,M.p.v[1]*V,-M.p.v[2]*V):V.length?C.translate(M.p.v[0]*V[0],M.p.v[1]*V[1],-M.p.v[2]*V[2]):C.translate(M.p.v[0]*V,M.p.v[1]*V,-M.p.v[2]*V));if(t.strokeWidthAnim&&(W=H<0?0:H),t.strokeColorAnim&&($="rgb("+Math.round(255*O[0])+","+Math.round(255*O[1])+","+Math.round(255*O[2])+")"),t.fillColorAnim&&t.fc&&(Y="rgb("+Math.round(255*j[0])+","+Math.round(255*j[1])+","+Math.round(255*j[2])+")"),this._hasMaskedPath){if(C.translate(0,-t.ls),C.translate(0,E[1]*B*.01+i,0),this._pathData.p.v){b=(h.point[1]-c.point[1])/(h.point[0]-c.point[0]);var ht=180*Math.atan(b)/Math.PI;h.point[0]<c.point[0]&&(ht+=180),C.rotate(-ht*Math.PI/180)}C.translate(G,z,0),o-=E[0]*T[s].an*.005,T[s+1]&&K!==T[s+1].ind&&(o+=T[s].an/2,o+=.001*t.tr*t.finalSize)}else{switch(C.translate(r,i,0),t.ps&&C.translate(t.ps[0],t.ps[1]+t.ascent,0),t.j){case 1:C.translate(T[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[s].line]),0,0);break;case 2:C.translate(T[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[s].line])/2,0,0)}C.translate(0,-t.ls),C.translate(L,0,0),C.translate(E[0]*T[s].an*.005,E[1]*B*.01,0),r+=T[s].l+.001*t.tr*t.finalSize}"html"===A?tt=C.toCSS():"svg"===A?tt=C.to2dCSS():et=[C.props[0],C.props[1],C.props[2],C.props[3],C.props[4],C.props[5],C.props[6],C.props[7],C.props[8],C.props[9],C.props[10],C.props[11],C.props[12],C.props[13],C.props[14],C.props[15]],X=N}_<=s?(I=new LetterProps(X,W,$,Y,tt,et),this.renderedLetters.push(I),_+=1,this.lettersChangedFlag=!0):(I=this.renderedLetters[s],this.lettersChangedFlag=I.update(X,W,$,Y,tt,et)||this.lettersChangedFlag)}}},TextAnimatorProperty.prototype.getValue=function(){this._elem.globalData.frameId!==this._frameId&&(this._frameId=this._elem.globalData.frameId,this.iterateDynamicProperties())},TextAnimatorProperty.prototype.mHelper=new Matrix,TextAnimatorProperty.prototype.defaultPropsArray=[],extendPrototype([DynamicPropertyContainer],TextAnimatorProperty),ITextElement.prototype.initElement=function(t,e,r){this.lettersChangedFlag=!0,this.initFrame(),this.initBaseData(t,e,r),this.textProperty=new TextProperty(this,t.t,this.dynamicProperties),this.textAnimator=new TextAnimatorProperty(t.t,this.renderType,this),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide(),this.textAnimator.searchProperties(this.dynamicProperties)},ITextElement.prototype.prepareFrame=function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),(this.textProperty._mdf||this.textProperty._isFirstFrame)&&(this.buildNewText(),this.textProperty._isFirstFrame=!1,this.textProperty._mdf=!1)},ITextElement.prototype.createPathShape=function(t,e){var r,i,s=e.length,a="";for(r=0;r<s;r+=1)"sh"===e[r].ty&&(i=e[r].ks.k,a+=buildShapeString(i,i.i.length,!0,t));return a},ITextElement.prototype.updateDocumentData=function(t,e){this.textProperty.updateDocumentData(t,e)},ITextElement.prototype.canResizeFont=function(t){this.textProperty.canResizeFont(t)},ITextElement.prototype.setMinimumFontSize=function(t){this.textProperty.setMinimumFontSize(t)},ITextElement.prototype.applyTextPropertiesToMatrix=function(t,e,r,i,s){switch(t.ps&&e.translate(t.ps[0],t.ps[1]+t.ascent,0),e.translate(0,-t.ls,0),t.j){case 1:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r]),0,0);break;case 2:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r])/2,0,0)}e.translate(i,s,0)},ITextElement.prototype.buildColor=function(t){return"rgb("+Math.round(255*t[0])+","+Math.round(255*t[1])+","+Math.round(255*t[2])+")"},ITextElement.prototype.emptyProp=new LetterProps,ITextElement.prototype.destroy=function(){};var emptyShapeData={shapes:[]};function SVGTextLottieElement(t,e,r){this.textSpans=[],this.renderType="svg",this.initElement(t,e,r)}function ISolidElement(t,e,r){this.initElement(t,e,r)}function NullElement(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initFrame(),this.initTransform(t,e,r),this.initHierarchy()}function SVGRendererBase(){}function ICompElement(){}function SVGCompElement(t,e,r){this.layers=t.layers,this.supports3d=!0,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?createSizedArray(this.layers.length):[],this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function SVGRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.svgElement=createNS("svg");var r="";if(e&&e.title){var i=createNS("title"),s=createElementID();i.setAttribute("id",s),i.textContent=e.title,this.svgElement.appendChild(i),r+=s}if(e&&e.description){var a=createNS("desc"),n=createElementID();a.setAttribute("id",n),a.textContent=e.description,this.svgElement.appendChild(a),r+=" "+n}r&&this.svgElement.setAttribute("aria-labelledby",r);var o=createNS("defs");this.svgElement.appendChild(o);var h=createNS("g");this.svgElement.appendChild(h),this.layerElement=h,this.renderConfig={preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",contentVisibility:e&&e.contentVisibility||"visible",progressiveLoad:e&&e.progressiveLoad||!1,hideOnTransparent:!(e&&!1===e.hideOnTransparent),viewBoxOnly:e&&e.viewBoxOnly||!1,viewBoxSize:e&&e.viewBoxSize||!1,className:e&&e.className||"",id:e&&e.id||"",focusable:e&&e.focusable,filterSize:{width:e&&e.filterSize&&e.filterSize.width||"100%",height:e&&e.filterSize&&e.filterSize.height||"100%",x:e&&e.filterSize&&e.filterSize.x||"0%",y:e&&e.filterSize&&e.filterSize.y||"0%"}},this.globalData={_mdf:!1,frameNum:-1,defs:o,renderConfig:this.renderConfig},this.elements=[],this.pendingElements=[],this.destroyed=!1,this.rendererType="svg"}function CVContextData(){var t;this.saved=[],this.cArrPos=0,this.cTr=new Matrix,this.cO=1;for(this.savedOp=createTypedArray("float32",15),t=0;t<15;t+=1)this.saved[t]=createTypedArray("float32",16);this._length=15}function ShapeTransformManager(){this.sequences={},this.sequenceList=[],this.transform_key_count=0}function CVEffects(){}function CVMaskElement(t,e){var r;this.data=t,this.element=e,this.masksProperties=this.data.masksProperties||[],this.viewData=createSizedArray(this.masksProperties.length);var i=this.masksProperties.length,s=!1;for(r=0;r<i;r+=1)"n"!==this.masksProperties[r].mode&&(s=!0),this.viewData[r]=ShapePropertyFactory.getShapeProp(this.element,this.masksProperties[r],3);this.hasMasks=s,s&&this.element.addRenderableComponent(this)}function CVBaseElement(){}function CVShapeData(t,e,r,i){this.styledShapes=[],this.tr=[0,0,0,0,0,0];var s,a=4;"rc"===e.ty?a=5:"el"===e.ty?a=6:"sr"===e.ty&&(a=7),this.sh=ShapePropertyFactory.getShapeProp(t,e,a,t);var n,o=r.length;for(s=0;s<o;s+=1)r[s].closed||(n={transforms:i.addTransformSequence(r[s].transforms),trNodes:[]},this.styledShapes.push(n),r[s].elements.push(n))}function CVShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.itemsData=[],this.prevViewData=[],this.shapeModifiers=[],this.processedElements=[],this.transformsManager=new ShapeTransformManager,this.initElement(t,e,r)}function CVTextElement(t,e,r){this.textSpans=[],this.yOffset=0,this.fillColorAnim=!1,this.strokeColorAnim=!1,this.strokeWidthAnim=!1,this.stroke=!1,this.fill=!1,this.justifyOffset=0,this.currentRender=null,this.renderType="canvas",this.values={fill:"rgba(0,0,0,0)",stroke:"rgba(0,0,0,0)",sWidth:0,fValue:""},this.initElement(t,e,r)}function CVImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.img=e.imageLoader.getAsset(this.assetData),this.initElement(t,e,r)}function CVSolidElement(t,e,r){this.initElement(t,e,r)}function CanvasRendererBase(t,e){this.animationItem=t,this.renderConfig={clearCanvas:!e||void 0===e.clearCanvas||e.clearCanvas,context:e&&e.context||null,progressiveLoad:e&&e.progressiveLoad||!1,preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",contentVisibility:e&&e.contentVisibility||"visible",className:e&&e.className||"",id:e&&e.id||""},this.renderConfig.dpr=e&&e.dpr||1,this.animationItem.wrapper&&(this.renderConfig.dpr=e&&e.dpr||window.devicePixelRatio||1),this.renderedFrame=-1,this.globalData={frameNum:-1,_mdf:!1,renderConfig:this.renderConfig,currentGlobalAlpha:-1},this.contextData=new CVContextData,this.elements=[],this.pendingElements=[],this.transformMat=new Matrix,this.completeLayers=!1,this.rendererType="canvas"}function CVCompElement(t,e,r){this.completeLayers=!1,this.layers=t.layers,this.pendingElements=[],this.elements=createSizedArray(this.layers.length),this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function CanvasRenderer(t,e){this.animationItem=t,this.renderConfig={clearCanvas:!e||void 0===e.clearCanvas||e.clearCanvas,context:e&&e.context||null,progressiveLoad:e&&e.progressiveLoad||!1,preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",contentVisibility:e&&e.contentVisibility||"visible",className:e&&e.className||"",id:e&&e.id||""},this.renderConfig.dpr=e&&e.dpr||1,this.animationItem.wrapper&&(this.renderConfig.dpr=e&&e.dpr||window.devicePixelRatio||1),this.renderedFrame=-1,this.globalData={frameNum:-1,_mdf:!1,renderConfig:this.renderConfig,currentGlobalAlpha:-1},this.contextData=new CVContextData,this.elements=[],this.pendingElements=[],this.transformMat=new Matrix,this.completeLayers=!1,this.rendererType="canvas"}function HBaseElement(){}function HSolidElement(t,e,r){this.initElement(t,e,r)}function HShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.shapesContainer=createNS("g"),this.initElement(t,e,r),this.prevViewData=[],this.currentBBox={x:999999,y:-999999,h:0,w:0}}function HTextElement(t,e,r){this.textSpans=[],this.textPaths=[],this.currentBBox={x:999999,y:-999999,h:0,w:0},this.renderType="svg",this.isMasked=!1,this.initElement(t,e,r)}function HCameraElement(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initHierarchy();var i=PropertyFactory.getProp;if(this.pe=i(this,t.pe,0,0,this),t.ks.p.s?(this.px=i(this,t.ks.p.x,1,0,this),this.py=i(this,t.ks.p.y,1,0,this),this.pz=i(this,t.ks.p.z,1,0,this)):this.p=i(this,t.ks.p,1,0,this),t.ks.a&&(this.a=i(this,t.ks.a,1,0,this)),t.ks.or.k.length&&t.ks.or.k[0].to){var s,a=t.ks.or.k.length;for(s=0;s<a;s+=1)t.ks.or.k[s].to=null,t.ks.or.k[s].ti=null}this.or=i(this,t.ks.or,1,degToRads,this),this.or.sh=!0,this.rx=i(this,t.ks.rx,0,degToRads,this),this.ry=i(this,t.ks.ry,0,degToRads,this),this.rz=i(this,t.ks.rz,0,degToRads,this),this.mat=new Matrix,this._prevMat=new Matrix,this._isFirstFrame=!0,this.finalTransform={mProp:this}}function HImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,r)}function HybridRendererBase(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.renderConfig={className:e&&e.className||"",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",hideOnTransparent:!(e&&!1===e.hideOnTransparent),filterSize:{width:e&&e.filterSize&&e.filterSize.width||"400%",height:e&&e.filterSize&&e.filterSize.height||"400%",x:e&&e.filterSize&&e.filterSize.x||"-100%",y:e&&e.filterSize&&e.filterSize.y||"-100%"}},this.globalData={_mdf:!1,frameNum:-1,renderConfig:this.renderConfig},this.pendingElements=[],this.elements=[],this.threeDElements=[],this.destroyed=!1,this.camera=null,this.supports3d=!0,this.rendererType="html"}function HCompElement(t,e,r){this.layers=t.layers,this.supports3d=!t.hasMask,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?createSizedArray(this.layers.length):[],this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function HybridRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.renderConfig={className:e&&e.className||"",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",hideOnTransparent:!(e&&!1===e.hideOnTransparent),filterSize:{width:e&&e.filterSize&&e.filterSize.width||"400%",height:e&&e.filterSize&&e.filterSize.height||"400%",x:e&&e.filterSize&&e.filterSize.x||"-100%",y:e&&e.filterSize&&e.filterSize.y||"-100%"}},this.globalData={_mdf:!1,frameNum:-1,renderConfig:this.renderConfig},this.pendingElements=[],this.elements=[],this.threeDElements=[],this.destroyed=!1,this.camera=null,this.supports3d=!0,this.rendererType="html"}extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement],SVGTextLottieElement),SVGTextLottieElement.prototype.createContent=function(){this.data.singleShape&&!this.globalData.fontManager.chars&&(this.textContainer=createNS("text"))},SVGTextLottieElement.prototype.buildTextContents=function(t){for(var e=0,r=t.length,i=[],s="";e<r;)t[e]===String.fromCharCode(13)||t[e]===String.fromCharCode(3)?(i.push(s),s=""):s+=t[e],e+=1;return i.push(s),i},SVGTextLottieElement.prototype.buildNewText=function(){var t,e;this.addDynamicProperty(this);var r=this.textProperty.currentData;this.renderedLetters=createSizedArray(r?r.l.length:0),r.fc?this.layerElement.setAttribute("fill",this.buildColor(r.fc)):this.layerElement.setAttribute("fill","rgba(0,0,0,0)"),r.sc&&(this.layerElement.setAttribute("stroke",this.buildColor(r.sc)),this.layerElement.setAttribute("stroke-width",r.sw)),this.layerElement.setAttribute("font-size",r.finalSize);var i=this.globalData.fontManager.getFontByName(r.f);if(i.fClass)this.layerElement.setAttribute("class",i.fClass);else{this.layerElement.setAttribute("font-family",i.fFamily);var s=r.fWeight,a=r.fStyle;this.layerElement.setAttribute("font-style",a),this.layerElement.setAttribute("font-weight",s)}this.layerElement.setAttribute("aria-label",r.t);var n,o=r.l||[],h=!!this.globalData.fontManager.chars;e=o.length;var l=this.mHelper,p=this.data.singleShape,f=0,m=0,c=!0,d=.001*r.tr*r.finalSize;if(!p||h||r.sz){var u,y=this.textSpans.length;for(t=0;t<e;t+=1){if(this.textSpans[t]||(this.textSpans[t]={span:null,childSpan:null,glyph:null}),!h||!p||0===t){if(n=y>t?this.textSpans[t].span:createNS(h?"g":"text"),y<=t){if(n.setAttribute("stroke-linecap","butt"),n.setAttribute("stroke-linejoin","round"),n.setAttribute("stroke-miterlimit","4"),this.textSpans[t].span=n,h){var g=createNS("g");n.appendChild(g),this.textSpans[t].childSpan=g}this.textSpans[t].span=n,this.layerElement.appendChild(n)}n.style.display="inherit"}if(l.reset(),l.scale(r.finalSize/100,r.finalSize/100),p&&(o[t].n&&(f=-d,m+=r.yOffset,m+=c?1:0,c=!1),this.applyTextPropertiesToMatrix(r,l,o[t].line,f,m),f+=o[t].l||0,f+=d),h){var v;if(1===(u=this.globalData.fontManager.getCharData(r.finalText[t],i.fStyle,this.globalData.fontManager.getFontByName(r.f).fFamily)).t)v=new SVGCompElement(u.data,this.globalData,this);else{var b=emptyShapeData;u.data&&u.data.shapes&&(b=u.data),v=new SVGShapeElement(b,this.globalData,this)}this.textSpans[t].glyph=v,v._debug=!0,v.prepareFrame(0),v.renderFrame(),this.textSpans[t].childSpan.appendChild(v.layerElement),this.textSpans[t].childSpan.setAttribute("transform","scale("+r.finalSize/100+","+r.finalSize/100+")")}else p&&n.setAttribute("transform","translate("+l.props[12]+","+l.props[13]+")"),n.textContent=o[t].val,n.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve")}p&&n&&n.setAttribute("d","")}else{var P=this.textContainer,E="start";switch(r.j){case 1:E="end";break;case 2:E="middle";break;default:E="start"}P.setAttribute("text-anchor",E),P.setAttribute("letter-spacing",d);var x=this.buildTextContents(r.finalText);for(e=x.length,m=r.ps?r.ps[1]+r.ascent:0,t=0;t<e;t+=1)(n=this.textSpans[t].span||createNS("tspan")).textContent=x[t],n.setAttribute("x",0),n.setAttribute("y",m),n.style.display="inherit",P.appendChild(n),this.textSpans[t]||(this.textSpans[t]={span:null,glyph:null}),this.textSpans[t].span=n,m+=r.finalLineHeight;this.layerElement.appendChild(P)}for(;t<this.textSpans.length;)this.textSpans[t].span.style.display="none",t+=1;this._sizeChanged=!0},SVGTextLottieElement.prototype.sourceRectAtTime=function(){if(this.prepareFrame(this.comp.renderedFrame-this.data.st),this.renderInnerContent(),this._sizeChanged){this._sizeChanged=!1;var t=this.layerElement.getBBox();this.bbox={top:t.y,left:t.x,width:t.width,height:t.height}}return this.bbox},SVGTextLottieElement.prototype.getValue=function(){var t,e,r=this.textSpans.length;for(this.renderedFrame=this.comp.renderedFrame,t=0;t<r;t+=1)(e=this.textSpans[t].glyph)&&(e.prepareFrame(this.comp.renderedFrame-this.data.st),e._mdf&&(this._mdf=!0))},SVGTextLottieElement.prototype.renderInnerContent=function(){if((!this.data.singleShape||this._mdf)&&(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag)){var t,e;this._sizeChanged=!0;var r,i,s,a=this.textAnimator.renderedLetters,n=this.textProperty.currentData.l;for(e=n.length,t=0;t<e;t+=1)n[t].n||(r=a[t],i=this.textSpans[t].span,(s=this.textSpans[t].glyph)&&s.renderFrame(),r._mdf.m&&i.setAttribute("transform",r.m),r._mdf.o&&i.setAttribute("opacity",r.o),r._mdf.sw&&i.setAttribute("stroke-width",r.sw),r._mdf.sc&&i.setAttribute("stroke",r.sc),r._mdf.fc&&i.setAttribute("fill",r.fc))}},extendPrototype([IImageElement],ISolidElement),ISolidElement.prototype.createContent=function(){var t=createNS("rect");t.setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.layerElement.appendChild(t)},NullElement.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},NullElement.prototype.renderFrame=function(){},NullElement.prototype.getBaseElement=function(){return null},NullElement.prototype.destroy=function(){},NullElement.prototype.sourceRectAtTime=function(){},NullElement.prototype.hide=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement],NullElement),extendPrototype([BaseRenderer],SVGRendererBase),SVGRendererBase.prototype.createNull=function(t){return new NullElement(t,this.globalData,this)},SVGRendererBase.prototype.createShape=function(t){return new SVGShapeElement(t,this.globalData,this)},SVGRendererBase.prototype.createText=function(t){return new SVGTextLottieElement(t,this.globalData,this)},SVGRendererBase.prototype.createImage=function(t){return new IImageElement(t,this.globalData,this)},SVGRendererBase.prototype.createSolid=function(t){return new ISolidElement(t,this.globalData,this)},SVGRendererBase.prototype.configAnimation=function(t){this.svgElement.setAttribute("xmlns","http://www.w3.org/2000/svg"),this.renderConfig.viewBoxSize?this.svgElement.setAttribute("viewBox",this.renderConfig.viewBoxSize):this.svgElement.setAttribute("viewBox","0 0 "+t.w+" "+t.h),this.renderConfig.viewBoxOnly||(this.svgElement.setAttribute("width",t.w),this.svgElement.setAttribute("height",t.h),this.svgElement.style.width="100%",this.svgElement.style.height="100%",this.svgElement.style.transform="translate3d(0,0,0)",this.svgElement.style.contentVisibility=this.renderConfig.contentVisibility),this.renderConfig.className&&this.svgElement.setAttribute("class",this.renderConfig.className),this.renderConfig.id&&this.svgElement.setAttribute("id",this.renderConfig.id),void 0!==this.renderConfig.focusable&&this.svgElement.setAttribute("focusable",this.renderConfig.focusable),this.svgElement.setAttribute("preserveAspectRatio",this.renderConfig.preserveAspectRatio),this.animationItem.wrapper.appendChild(this.svgElement);var e=this.globalData.defs;this.setupGlobalData(t,e),this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.data=t;var r=createNS("clipPath"),i=createNS("rect");i.setAttribute("width",t.w),i.setAttribute("height",t.h),i.setAttribute("x",0),i.setAttribute("y",0);var s=createElementID();r.setAttribute("id",s),r.appendChild(i),this.layerElement.setAttribute("clip-path","url("+getLocationHref()+"#"+s+")"),e.appendChild(r),this.layers=t.layers,this.elements=createSizedArray(t.layers.length)},SVGRendererBase.prototype.destroy=function(){var t;this.animationItem.wrapper&&(this.animationItem.wrapper.innerText=""),this.layerElement=null,this.globalData.defs=null;var e=this.layers?this.layers.length:0;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},SVGRendererBase.prototype.updateContainerSize=function(){},SVGRendererBase.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!==this.layers[t].ty){e[t]=!0;var r=this.createItem(this.layers[t]);e[t]=r,getExpressionsPlugin()&&(0===this.layers[t].ty&&this.globalData.projectInterface.registerComposition(r),r.initExpressions()),this.appendElementInPos(r,t),this.layers[t].tt&&(this.elements[t-1]&&!0!==this.elements[t-1]?r.setMatte(e[t-1].layerId):(this.buildItem(t-1),this.addPendingElement(r)))}},SVGRendererBase.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){var t=this.pendingElements.pop();if(t.checkParenting(),t.data.tt)for(var e=0,r=this.elements.length;e<r;){if(this.elements[e]===t){t.setMatte(this.elements[e-1].layerId);break}e+=1}}},SVGRendererBase.prototype.renderFrame=function(t){if(this.renderedFrame!==t&&!this.destroyed){var e;null===t?t=this.renderedFrame:this.renderedFrame=t,this.globalData.frameNum=t,this.globalData.frameId+=1,this.globalData.projectInterface.currentFrame=t,this.globalData._mdf=!1;var r=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=r-1;e>=0;e-=1)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf)for(e=0;e<r;e+=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()}},SVGRendererBase.prototype.appendElementInPos=function(t,e){var r=t.getBaseElement();if(r){for(var i,s=0;s<e;)this.elements[s]&&!0!==this.elements[s]&&this.elements[s].getBaseElement()&&(i=this.elements[s].getBaseElement()),s+=1;i?this.layerElement.insertBefore(r,i):this.layerElement.appendChild(r)}},SVGRendererBase.prototype.hide=function(){this.layerElement.style.display="none"},SVGRendererBase.prototype.show=function(){this.layerElement.style.display="block"},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement,RenderableDOMElement],ICompElement),ICompElement.prototype.initElement=function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initRenderable(),this.initHierarchy(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),!this.data.xt&&e.progressiveLoad||this.buildAllItems(),this.hide()},ICompElement.prototype.prepareFrame=function(t){if(this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.isInRange||this.data.xt){if(this.tm._placeholder)this.renderedFrame=t/this.data.sr;else{var e=this.tm.v;e===this.data.op&&(e=this.data.op-1),this.renderedFrame=e}var r,i=this.elements.length;for(this.completeLayers||this.checkLayers(this.renderedFrame),r=i-1;r>=0;r-=1)(this.completeLayers||this.elements[r])&&(this.elements[r].prepareFrame(this.renderedFrame-this.layers[r].st),this.elements[r]._mdf&&(this._mdf=!0))}},ICompElement.prototype.renderInnerContent=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},ICompElement.prototype.setElements=function(t){this.elements=t},ICompElement.prototype.getElements=function(){return this.elements},ICompElement.prototype.destroyElements=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy()},ICompElement.prototype.destroy=function(){this.destroyElements(),this.destroyBaseElement()},extendPrototype([SVGRendererBase,ICompElement,SVGBaseElement],SVGCompElement),SVGCompElement.prototype.createComp=function(t){return new SVGCompElement(t,this.globalData,this)},extendPrototype([SVGRendererBase],SVGRenderer),SVGRenderer.prototype.createComp=function(t){return new SVGCompElement(t,this.globalData,this)},CVContextData.prototype.duplicate=function(){var t=2*this._length,e=this.savedOp;this.savedOp=createTypedArray("float32",t),this.savedOp.set(e);var r=0;for(r=this._length;r<t;r+=1)this.saved[r]=createTypedArray("float32",16);this._length=t},CVContextData.prototype.reset=function(){this.cArrPos=0,this.cTr.reset(),this.cO=1},ShapeTransformManager.prototype={addTransformSequence:function(t){var e,r=t.length,i="_";for(e=0;e<r;e+=1)i+=t[e].transform.key+"_";var s=this.sequences[i];return s||(s={transforms:[].concat(t),finalTransform:new Matrix,_mdf:!1},this.sequences[i]=s,this.sequenceList.push(s)),s},processSequence:function(t,e){for(var r,i=0,s=t.transforms.length,a=e;i<s&&!e;){if(t.transforms[i].transform.mProps._mdf){a=!0;break}i+=1}if(a)for(t.finalTransform.reset(),i=s-1;i>=0;i-=1)r=t.transforms[i].transform.mProps.v.props,t.finalTransform.transform(r[0],r[1],r[2],r[3],r[4],r[5],r[6],r[7],r[8],r[9],r[10],r[11],r[12],r[13],r[14],r[15]);t._mdf=a},processSequences:function(t){var e,r=this.sequenceList.length;for(e=0;e<r;e+=1)this.processSequence(this.sequenceList[e],t)},getNewKey:function(){return this.transform_key_count+=1,"_"+this.transform_key_count}},CVEffects.prototype.renderFrame=function(){},CVMaskElement.prototype.renderFrame=function(){if(this.hasMasks){var t,e,r,i,s=this.element.finalTransform.mat,a=this.element.canvasContext,n=this.masksProperties.length;for(a.beginPath(),t=0;t<n;t+=1)if("n"!==this.masksProperties[t].mode){var o;this.masksProperties[t].inv&&(a.moveTo(0,0),a.lineTo(this.element.globalData.compSize.w,0),a.lineTo(this.element.globalData.compSize.w,this.element.globalData.compSize.h),a.lineTo(0,this.element.globalData.compSize.h),a.lineTo(0,0)),i=this.viewData[t].v,e=s.applyToPointArray(i.v[0][0],i.v[0][1],0),a.moveTo(e[0],e[1]);var h=i._length;for(o=1;o<h;o+=1)r=s.applyToTriplePoints(i.o[o-1],i.i[o],i.v[o]),a.bezierCurveTo(r[0],r[1],r[2],r[3],r[4],r[5]);r=s.applyToTriplePoints(i.o[o-1],i.i[0],i.v[0]),a.bezierCurveTo(r[0],r[1],r[2],r[3],r[4],r[5])}this.element.globalData.renderer.save(!0),a.clip()}},CVMaskElement.prototype.getMaskProperty=MaskElement.prototype.getMaskProperty,CVMaskElement.prototype.destroy=function(){this.element=null},CVBaseElement.prototype={createElements:function(){},initRendererElement:function(){},createContainerElements:function(){this.canvasContext=this.globalData.canvasContext,this.renderableEffectsManager=new CVEffects(this)},createContent:function(){},setBlendMode:function(){var t=this.globalData;if(t.blendMode!==this.data.bm){t.blendMode=this.data.bm;var e=getBlendMode(this.data.bm);t.canvasContext.globalCompositeOperation=e}},createRenderableComponents:function(){this.maskManager=new CVMaskElement(this.data,this)},hideElement:function(){this.hidden||this.isInRange&&!this.isTransparent||(this.hidden=!0)},showElement:function(){this.isInRange&&!this.isTransparent&&(this.hidden=!1,this._isFirstFrame=!0,this.maskManager._isFirstFrame=!0)},renderFrame:function(){if(!this.hidden&&!this.data.hd){this.renderTransform(),this.renderRenderable(),this.setBlendMode();var t=0===this.data.ty;this.globalData.renderer.save(t),this.globalData.renderer.ctxTransform(this.finalTransform.mat.props),this.globalData.renderer.ctxOpacity(this.finalTransform.mProp.o.v),this.renderInnerContent(),this.globalData.renderer.restore(t),this.maskManager.hasMasks&&this.globalData.renderer.restore(!0),this._isFirstFrame&&(this._isFirstFrame=!1)}},destroy:function(){this.canvasContext=null,this.data=null,this.globalData=null,this.maskManager.destroy()},mHelper:new Matrix},CVBaseElement.prototype.hide=CVBaseElement.prototype.hideElement,CVBaseElement.prototype.show=CVBaseElement.prototype.showElement,CVShapeData.prototype.setAsAnimated=SVGShapeData.prototype.setAsAnimated,extendPrototype([BaseElement,TransformElement,CVBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableElement],CVShapeElement),CVShapeElement.prototype.initElement=RenderableDOMElement.prototype.initElement,CVShapeElement.prototype.transformHelper={opacity:1,_opMdf:!1},CVShapeElement.prototype.dashResetter=[],CVShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[])},CVShapeElement.prototype.createStyleElement=function(t,e){var r={data:t,type:t.ty,preTransforms:this.transformsManager.addTransformSequence(e),transforms:[],elements:[],closed:!0===t.hd},i={};if("fl"===t.ty||"st"===t.ty?(i.c=PropertyFactory.getProp(this,t.c,1,255,this),i.c.k||(r.co="rgb("+bmFloor(i.c.v[0])+","+bmFloor(i.c.v[1])+","+bmFloor(i.c.v[2])+")")):"gf"!==t.ty&&"gs"!==t.ty||(i.s=PropertyFactory.getProp(this,t.s,1,null,this),i.e=PropertyFactory.getProp(this,t.e,1,null,this),i.h=PropertyFactory.getProp(this,t.h||{k:0},0,.01,this),i.a=PropertyFactory.getProp(this,t.a||{k:0},0,degToRads,this),i.g=new GradientProperty(this,t.g,this)),i.o=PropertyFactory.getProp(this,t.o,0,.01,this),"st"===t.ty||"gs"===t.ty){if(r.lc=lineCapEnum[t.lc||2],r.lj=lineJoinEnum[t.lj||2],1==t.lj&&(r.ml=t.ml),i.w=PropertyFactory.getProp(this,t.w,0,null,this),i.w.k||(r.wi=i.w.v),t.d){var s=new DashProperty(this,t.d,"canvas",this);i.d=s,i.d.k||(r.da=i.d.dashArray,r.do=i.d.dashoffset[0])}}else r.r=2===t.r?"evenodd":"nonzero";return this.stylesList.push(r),i.style=r,i},CVShapeElement.prototype.createGroupElement=function(){return{it:[],prevViewData:[]}},CVShapeElement.prototype.createTransformElement=function(t){return{transform:{opacity:1,_opMdf:!1,key:this.transformsManager.getNewKey(),op:PropertyFactory.getProp(this,t.o,0,.01,this),mProps:TransformPropertyFactory.getTransformProperty(this,t,this)}}},CVShapeElement.prototype.createShapeElement=function(t){var e=new CVShapeData(this,t,this.stylesList,this.transformsManager);return this.shapes.push(e),this.addShapeToModifiers(e),e},CVShapeElement.prototype.reloadShapes=function(){var t;this._isFirstFrame=!0;var e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[]),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame)},CVShapeElement.prototype.addTransformToStyleList=function(t){var e,r=this.stylesList.length;for(e=0;e<r;e+=1)this.stylesList[e].closed||this.stylesList[e].transforms.push(t)},CVShapeElement.prototype.removeTransformFromStyleList=function(){var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].closed||this.stylesList[t].transforms.pop()},CVShapeElement.prototype.closeStyles=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e].closed=!0},CVShapeElement.prototype.searchShapes=function(t,e,r,i,s){var a,n,o,h,l,p,f=t.length-1,m=[],c=[],d=[].concat(s);for(a=f;a>=0;a-=1){if((h=this.searchProcessedElement(t[a]))?e[a]=r[h-1]:t[a]._shouldRender=i,"fl"===t[a].ty||"st"===t[a].ty||"gf"===t[a].ty||"gs"===t[a].ty)h?e[a].style.closed=!1:e[a]=this.createStyleElement(t[a],d),m.push(e[a].style);else if("gr"===t[a].ty){if(h)for(o=e[a].it.length,n=0;n<o;n+=1)e[a].prevViewData[n]=e[a].it[n];else e[a]=this.createGroupElement(t[a]);this.searchShapes(t[a].it,e[a].it,e[a].prevViewData,i,d)}else"tr"===t[a].ty?(h||(p=this.createTransformElement(t[a]),e[a]=p),d.push(e[a]),this.addTransformToStyleList(e[a])):"sh"===t[a].ty||"rc"===t[a].ty||"el"===t[a].ty||"sr"===t[a].ty?h||(e[a]=this.createShapeElement(t[a])):"tm"===t[a].ty||"rd"===t[a].ty||"pb"===t[a].ty?(h?(l=e[a]).closed=!1:((l=ShapeModifiers.getModifier(t[a].ty)).init(this,t[a]),e[a]=l,this.shapeModifiers.push(l)),c.push(l)):"rp"===t[a].ty&&(h?(l=e[a]).closed=!0:(l=ShapeModifiers.getModifier(t[a].ty),e[a]=l,l.init(this,t,a,e),this.shapeModifiers.push(l),i=!1),c.push(l));this.addProcessedElement(t[a],a+1)}for(this.removeTransformFromStyleList(),this.closeStyles(m),f=c.length,a=0;a<f;a+=1)c[a].closed=!0},CVShapeElement.prototype.renderInnerContent=function(){this.transformHelper.opacity=1,this.transformHelper._opMdf=!1,this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame),this.renderShape(this.transformHelper,this.shapesData,this.itemsData,!0)},CVShapeElement.prototype.renderShapeTransform=function(t,e){(t._opMdf||e.op._mdf||this._isFirstFrame)&&(e.opacity=t.opacity,e.opacity*=e.op.v,e._opMdf=!0)},CVShapeElement.prototype.drawLayer=function(){var t,e,r,i,s,a,n,o,h,l=this.stylesList.length,p=this.globalData.renderer,f=this.globalData.canvasContext;for(t=0;t<l;t+=1)if(("st"!==(o=(h=this.stylesList[t]).type)&&"gs"!==o||0!==h.wi)&&h.data._shouldRender&&0!==h.coOp&&0!==this.globalData.currentGlobalAlpha){for(p.save(),a=h.elements,"st"===o||"gs"===o?(f.strokeStyle="st"===o?h.co:h.grd,f.lineWidth=h.wi,f.lineCap=h.lc,f.lineJoin=h.lj,f.miterLimit=h.ml||0):f.fillStyle="fl"===o?h.co:h.grd,p.ctxOpacity(h.coOp),"st"!==o&&"gs"!==o&&f.beginPath(),p.ctxTransform(h.preTransforms.finalTransform.props),r=a.length,e=0;e<r;e+=1){for("st"!==o&&"gs"!==o||(f.beginPath(),h.da&&(f.setLineDash(h.da),f.lineDashOffset=h.do)),s=(n=a[e].trNodes).length,i=0;i<s;i+=1)"m"===n[i].t?f.moveTo(n[i].p[0],n[i].p[1]):"c"===n[i].t?f.bezierCurveTo(n[i].pts[0],n[i].pts[1],n[i].pts[2],n[i].pts[3],n[i].pts[4],n[i].pts[5]):f.closePath();"st"!==o&&"gs"!==o||(f.stroke(),h.da&&f.setLineDash(this.dashResetter))}"st"!==o&&"gs"!==o&&f.fill(h.r),p.restore()}},CVShapeElement.prototype.renderShape=function(t,e,r,i){var s,a;for(a=t,s=e.length-1;s>=0;s-=1)"tr"===e[s].ty?(a=r[s].transform,this.renderShapeTransform(t,a)):"sh"===e[s].ty||"el"===e[s].ty||"rc"===e[s].ty||"sr"===e[s].ty?this.renderPath(e[s],r[s]):"fl"===e[s].ty?this.renderFill(e[s],r[s],a):"st"===e[s].ty?this.renderStroke(e[s],r[s],a):"gf"===e[s].ty||"gs"===e[s].ty?this.renderGradientFill(e[s],r[s],a):"gr"===e[s].ty?this.renderShape(a,e[s].it,r[s].it):e[s].ty;i&&this.drawLayer()},CVShapeElement.prototype.renderStyledShape=function(t,e){if(this._isFirstFrame||e._mdf||t.transforms._mdf){var r,i,s,a=t.trNodes,n=e.paths,o=n._length;a.length=0;var h=t.transforms.finalTransform;for(s=0;s<o;s+=1){var l=n.shapes[s];if(l&&l.v){for(i=l._length,r=1;r<i;r+=1)1===r&&a.push({t:"m",p:h.applyToPointArray(l.v[0][0],l.v[0][1],0)}),a.push({t:"c",pts:h.applyToTriplePoints(l.o[r-1],l.i[r],l.v[r])});1===i&&a.push({t:"m",p:h.applyToPointArray(l.v[0][0],l.v[0][1],0)}),l.c&&i&&(a.push({t:"c",pts:h.applyToTriplePoints(l.o[r-1],l.i[0],l.v[0])}),a.push({t:"z"}))}}t.trNodes=a}},CVShapeElement.prototype.renderPath=function(t,e){if(!0!==t.hd&&t._shouldRender){var r,i=e.styledShapes.length;for(r=0;r<i;r+=1)this.renderStyledShape(e.styledShapes[r],e.sh)}},CVShapeElement.prototype.renderFill=function(t,e,r){var i=e.style;(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+bmFloor(e.c.v[0])+","+bmFloor(e.c.v[1])+","+bmFloor(e.c.v[2])+")"),(e.o._mdf||r._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*r.opacity)},CVShapeElement.prototype.renderGradientFill=function(t,e,r){var i,s=e.style;if(!s.grd||e.g._mdf||e.s._mdf||e.e._mdf||1!==t.t&&(e.h._mdf||e.a._mdf)){var a,n=this.globalData.canvasContext,o=e.s.v,h=e.e.v;if(1===t.t)i=n.createLinearGradient(o[0],o[1],h[0],h[1]);else{var l=Math.sqrt(Math.pow(o[0]-h[0],2)+Math.pow(o[1]-h[1],2)),p=Math.atan2(h[1]-o[1],h[0]-o[0]),f=e.h.v;f>=1?f=.99:f<=-1&&(f=-.99);var m=l*f,c=Math.cos(p+e.a.v)*m+o[0],d=Math.sin(p+e.a.v)*m+o[1];i=n.createRadialGradient(c,d,0,o[0],o[1],l)}var u=t.g.p,y=e.g.c,g=1;for(a=0;a<u;a+=1)e.g._hasOpacity&&e.g._collapsable&&(g=e.g.o[2*a+1]),i.addColorStop(y[4*a]/100,"rgba("+y[4*a+1]+","+y[4*a+2]+","+y[4*a+3]+","+g+")");s.grd=i}s.coOp=e.o.v*r.opacity},CVShapeElement.prototype.renderStroke=function(t,e,r){var i=e.style,s=e.d;s&&(s._mdf||this._isFirstFrame)&&(i.da=s.dashArray,i.do=s.dashoffset[0]),(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+bmFloor(e.c.v[0])+","+bmFloor(e.c.v[1])+","+bmFloor(e.c.v[2])+")"),(e.o._mdf||r._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*r.opacity),(e.w._mdf||this._isFirstFrame)&&(i.wi=e.w.v)},CVShapeElement.prototype.destroy=function(){this.shapesData=null,this.globalData=null,this.canvasContext=null,this.stylesList.length=0,this.itemsData.length=0},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement,ITextElement],CVTextElement),CVTextElement.prototype.tHelper=createTag("canvas").getContext("2d"),CVTextElement.prototype.buildNewText=function(){var t=this.textProperty.currentData;this.renderedLetters=createSizedArray(t.l?t.l.length:0);var e=!1;t.fc?(e=!0,this.values.fill=this.buildColor(t.fc)):this.values.fill="rgba(0,0,0,0)",this.fill=e;var r=!1;t.sc&&(r=!0,this.values.stroke=this.buildColor(t.sc),this.values.sWidth=t.sw);var i,s,a,n,o,h,l,p,f,m,c,d,u=this.globalData.fontManager.getFontByName(t.f),y=t.l,g=this.mHelper;this.stroke=r,this.values.fValue=t.finalSize+"px "+this.globalData.fontManager.getFontByName(t.f).fFamily,s=t.finalText.length;var v=this.data.singleShape,b=.001*t.tr*t.finalSize,P=0,E=0,x=!0,S=0;for(i=0;i<s;i+=1){n=(a=this.globalData.fontManager.getCharData(t.finalText[i],u.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily))&&a.data||{},g.reset(),v&&y[i].n&&(P=-b,E+=t.yOffset,E+=x?1:0,x=!1),f=(l=n.shapes?n.shapes[0].it:[]).length,g.scale(t.finalSize/100,t.finalSize/100),v&&this.applyTextPropertiesToMatrix(t,g,y[i].line,P,E),c=createSizedArray(f-1);var C=0;for(p=0;p<f;p+=1)if("sh"===l[p].ty){for(h=l[p].ks.k.i.length,m=l[p].ks.k,d=[],o=1;o<h;o+=1)1===o&&d.push(g.applyToX(m.v[0][0],m.v[0][1],0),g.applyToY(m.v[0][0],m.v[0][1],0)),d.push(g.applyToX(m.o[o-1][0],m.o[o-1][1],0),g.applyToY(m.o[o-1][0],m.o[o-1][1],0),g.applyToX(m.i[o][0],m.i[o][1],0),g.applyToY(m.i[o][0],m.i[o][1],0),g.applyToX(m.v[o][0],m.v[o][1],0),g.applyToY(m.v[o][0],m.v[o][1],0));d.push(g.applyToX(m.o[o-1][0],m.o[o-1][1],0),g.applyToY(m.o[o-1][0],m.o[o-1][1],0),g.applyToX(m.i[0][0],m.i[0][1],0),g.applyToY(m.i[0][0],m.i[0][1],0),g.applyToX(m.v[0][0],m.v[0][1],0),g.applyToY(m.v[0][0],m.v[0][1],0)),c[C]=d,C+=1}v&&(P+=y[i].l,P+=b),this.textSpans[S]?this.textSpans[S].elem=c:this.textSpans[S]={elem:c},S+=1}},CVTextElement.prototype.renderInnerContent=function(){var t,e,r,i,s,a,n=this.canvasContext;n.font=this.values.fValue,n.lineCap="butt",n.lineJoin="miter",n.miterLimit=4,this.data.singleShape||this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag);var o,h=this.textAnimator.renderedLetters,l=this.textProperty.currentData.l;e=l.length;var p,f,m=null,c=null,d=null;for(t=0;t<e;t+=1)if(!l[t].n){if((o=h[t])&&(this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(o.p),this.globalData.renderer.ctxOpacity(o.o)),this.fill){for(o&&o.fc?m!==o.fc&&(m=o.fc,n.fillStyle=o.fc):m!==this.values.fill&&(m=this.values.fill,n.fillStyle=this.values.fill),i=(p=this.textSpans[t].elem).length,this.globalData.canvasContext.beginPath(),r=0;r<i;r+=1)for(a=(f=p[r]).length,this.globalData.canvasContext.moveTo(f[0],f[1]),s=2;s<a;s+=6)this.globalData.canvasContext.bezierCurveTo(f[s],f[s+1],f[s+2],f[s+3],f[s+4],f[s+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.fill()}if(this.stroke){for(o&&o.sw?d!==o.sw&&(d=o.sw,n.lineWidth=o.sw):d!==this.values.sWidth&&(d=this.values.sWidth,n.lineWidth=this.values.sWidth),o&&o.sc?c!==o.sc&&(c=o.sc,n.strokeStyle=o.sc):c!==this.values.stroke&&(c=this.values.stroke,n.strokeStyle=this.values.stroke),i=(p=this.textSpans[t].elem).length,this.globalData.canvasContext.beginPath(),r=0;r<i;r+=1)for(a=(f=p[r]).length,this.globalData.canvasContext.moveTo(f[0],f[1]),s=2;s<a;s+=6)this.globalData.canvasContext.bezierCurveTo(f[s],f[s+1],f[s+2],f[s+3],f[s+4],f[s+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.stroke()}o&&this.globalData.renderer.restore()}},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement],CVImageElement),CVImageElement.prototype.initElement=SVGShapeElement.prototype.initElement,CVImageElement.prototype.prepareFrame=IImageElement.prototype.prepareFrame,CVImageElement.prototype.createContent=function(){if(this.img.width&&(this.assetData.w!==this.img.width||this.assetData.h!==this.img.height)){var t=createTag("canvas");t.width=this.assetData.w,t.height=this.assetData.h;var e,r,i=t.getContext("2d"),s=this.img.width,a=this.img.height,n=s/a,o=this.assetData.w/this.assetData.h,h=this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio;n>o&&"xMidYMid slice"===h||n<o&&"xMidYMid slice"!==h?e=(r=a)*o:r=(e=s)/o,i.drawImage(this.img,(s-e)/2,(a-r)/2,e,r,0,0,this.assetData.w,this.assetData.h),this.img=t}},CVImageElement.prototype.renderInnerContent=function(){this.canvasContext.drawImage(this.img,0,0)},CVImageElement.prototype.destroy=function(){this.img=null},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement],CVSolidElement),CVSolidElement.prototype.initElement=SVGShapeElement.prototype.initElement,CVSolidElement.prototype.prepareFrame=IImageElement.prototype.prepareFrame,CVSolidElement.prototype.renderInnerContent=function(){var t=this.canvasContext;t.fillStyle=this.data.sc,t.fillRect(0,0,this.data.sw,this.data.sh)},extendPrototype([BaseRenderer],CanvasRendererBase),CanvasRendererBase.prototype.createShape=function(t){return new CVShapeElement(t,this.globalData,this)},CanvasRendererBase.prototype.createText=function(t){return new CVTextElement(t,this.globalData,this)},CanvasRendererBase.prototype.createImage=function(t){return new CVImageElement(t,this.globalData,this)},CanvasRendererBase.prototype.createSolid=function(t){return new CVSolidElement(t,this.globalData,this)},CanvasRendererBase.prototype.createNull=SVGRenderer.prototype.createNull,CanvasRendererBase.prototype.ctxTransform=function(t){if(1!==t[0]||0!==t[1]||0!==t[4]||1!==t[5]||0!==t[12]||0!==t[13])if(this.renderConfig.clearCanvas){this.transformMat.cloneFromProps(t);var e=this.contextData.cTr.props;this.transformMat.transform(e[0],e[1],e[2],e[3],e[4],e[5],e[6],e[7],e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15]),this.contextData.cTr.cloneFromProps(this.transformMat.props);var r=this.contextData.cTr.props;this.canvasContext.setTransform(r[0],r[1],r[4],r[5],r[12],r[13])}else this.canvasContext.transform(t[0],t[1],t[4],t[5],t[12],t[13])},CanvasRendererBase.prototype.ctxOpacity=function(t){if(!this.renderConfig.clearCanvas)return this.canvasContext.globalAlpha*=t<0?0:t,void(this.globalData.currentGlobalAlpha=this.contextData.cO);this.contextData.cO*=t<0?0:t,this.globalData.currentGlobalAlpha!==this.contextData.cO&&(this.canvasContext.globalAlpha=this.contextData.cO,this.globalData.currentGlobalAlpha=this.contextData.cO)},CanvasRendererBase.prototype.reset=function(){this.renderConfig.clearCanvas?this.contextData.reset():this.canvasContext.restore()},CanvasRendererBase.prototype.save=function(t){if(this.renderConfig.clearCanvas){t&&this.canvasContext.save();var e,r=this.contextData.cTr.props;this.contextData._length<=this.contextData.cArrPos&&this.contextData.duplicate();var i=this.contextData.saved[this.contextData.cArrPos];for(e=0;e<16;e+=1)i[e]=r[e];this.contextData.savedOp[this.contextData.cArrPos]=this.contextData.cO,this.contextData.cArrPos+=1}else this.canvasContext.save()},CanvasRendererBase.prototype.restore=function(t){if(this.renderConfig.clearCanvas){t&&(this.canvasContext.restore(),this.globalData.blendMode="source-over"),this.contextData.cArrPos-=1;var e,r=this.contextData.saved[this.contextData.cArrPos],i=this.contextData.cTr.props;for(e=0;e<16;e+=1)i[e]=r[e];this.canvasContext.setTransform(r[0],r[1],r[4],r[5],r[12],r[13]),r=this.contextData.savedOp[this.contextData.cArrPos],this.contextData.cO=r,this.globalData.currentGlobalAlpha!==r&&(this.canvasContext.globalAlpha=r,this.globalData.currentGlobalAlpha=r)}else this.canvasContext.restore()},CanvasRendererBase.prototype.configAnimation=function(t){if(this.animationItem.wrapper){this.animationItem.container=createTag("canvas");var e=this.animationItem.container.style;e.width="100%",e.height="100%";var r="0px 0px 0px";e.transformOrigin=r,e.mozTransformOrigin=r,e.webkitTransformOrigin=r,e["-webkit-transform"]=r,e.contentVisibility=this.renderConfig.contentVisibility,this.animationItem.wrapper.appendChild(this.animationItem.container),this.canvasContext=this.animationItem.container.getContext("2d"),this.renderConfig.className&&this.animationItem.container.setAttribute("class",this.renderConfig.className),this.renderConfig.id&&this.animationItem.container.setAttribute("id",this.renderConfig.id)}else this.canvasContext=this.renderConfig.context;this.data=t,this.layers=t.layers,this.transformCanvas={w:t.w,h:t.h,sx:0,sy:0,tx:0,ty:0},this.setupGlobalData(t,document.body),this.globalData.canvasContext=this.canvasContext,this.globalData.renderer=this,this.globalData.isDashed=!1,this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.globalData.transformCanvas=this.transformCanvas,this.elements=createSizedArray(t.layers.length),this.updateContainerSize()},CanvasRendererBase.prototype.updateContainerSize=function(){var t,e,r,i;if(this.reset(),this.animationItem.wrapper&&this.animationItem.container?(t=this.animationItem.wrapper.offsetWidth,e=this.animationItem.wrapper.offsetHeight,this.animationItem.container.setAttribute("width",t*this.renderConfig.dpr),this.animationItem.container.setAttribute("height",e*this.renderConfig.dpr)):(t=this.canvasContext.canvas.width*this.renderConfig.dpr,e=this.canvasContext.canvas.height*this.renderConfig.dpr),-1!==this.renderConfig.preserveAspectRatio.indexOf("meet")||-1!==this.renderConfig.preserveAspectRatio.indexOf("slice")){var s=this.renderConfig.preserveAspectRatio.split(" "),a=s[1]||"meet",n=s[0]||"xMidYMid",o=n.substr(0,4),h=n.substr(4);r=t/e,(i=this.transformCanvas.w/this.transformCanvas.h)>r&&"meet"===a||i<r&&"slice"===a?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),this.transformCanvas.sy=t/(this.transformCanvas.w/this.renderConfig.dpr)):(this.transformCanvas.sx=e/(this.transformCanvas.h/this.renderConfig.dpr),this.transformCanvas.sy=e/(this.transformCanvas.h/this.renderConfig.dpr)),this.transformCanvas.tx="xMid"===o&&(i<r&&"meet"===a||i>r&&"slice"===a)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))/2*this.renderConfig.dpr:"xMax"===o&&(i<r&&"meet"===a||i>r&&"slice"===a)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))*this.renderConfig.dpr:0,this.transformCanvas.ty="YMid"===h&&(i>r&&"meet"===a||i<r&&"slice"===a)?(e-this.transformCanvas.h*(t/this.transformCanvas.w))/2*this.renderConfig.dpr:"YMax"===h&&(i>r&&"meet"===a||i<r&&"slice"===a)?(e-this.transformCanvas.h*(t/this.transformCanvas.w))*this.renderConfig.dpr:0}else"none"===this.renderConfig.preserveAspectRatio?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),this.transformCanvas.sy=e/(this.transformCanvas.h/this.renderConfig.dpr),this.transformCanvas.tx=0,this.transformCanvas.ty=0):(this.transformCanvas.sx=this.renderConfig.dpr,this.transformCanvas.sy=this.renderConfig.dpr,this.transformCanvas.tx=0,this.transformCanvas.ty=0);this.transformCanvas.props=[this.transformCanvas.sx,0,0,0,0,this.transformCanvas.sy,0,0,0,0,1,0,this.transformCanvas.tx,this.transformCanvas.ty,0,1],this.ctxTransform(this.transformCanvas.props),this.canvasContext.beginPath(),this.canvasContext.rect(0,0,this.transformCanvas.w,this.transformCanvas.h),this.canvasContext.closePath(),this.canvasContext.clip(),this.renderFrame(this.renderedFrame,!0)},CanvasRendererBase.prototype.destroy=function(){var t;for(this.renderConfig.clearCanvas&&this.animationItem.wrapper&&(this.animationItem.wrapper.innerText=""),t=(this.layers?this.layers.length:0)-1;t>=0;t-=1)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.globalData.canvasContext=null,this.animationItem.container=null,this.destroyed=!0},CanvasRendererBase.prototype.renderFrame=function(t,e){if((this.renderedFrame!==t||!0!==this.renderConfig.clearCanvas||e)&&!this.destroyed&&-1!==t){var r;this.renderedFrame=t,this.globalData.frameNum=t-this.animationItem._isFirstFrame,this.globalData.frameId+=1,this.globalData._mdf=!this.renderConfig.clearCanvas||e,this.globalData.projectInterface.currentFrame=t;var i=this.layers.length;for(this.completeLayers||this.checkLayers(t),r=0;r<i;r+=1)(this.completeLayers||this.elements[r])&&this.elements[r].prepareFrame(t-this.layers[r].st);if(this.globalData._mdf){for(!0===this.renderConfig.clearCanvas?this.canvasContext.clearRect(0,0,this.transformCanvas.w,this.transformCanvas.h):this.save(),r=i-1;r>=0;r-=1)(this.completeLayers||this.elements[r])&&this.elements[r].renderFrame();!0!==this.renderConfig.clearCanvas&&this.restore()}}},CanvasRendererBase.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!==this.layers[t].ty){var r=this.createItem(this.layers[t],this,this.globalData);e[t]=r,r.initExpressions()}},CanvasRendererBase.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){this.pendingElements.pop().checkParenting()}},CanvasRendererBase.prototype.hide=function(){this.animationItem.container.style.display="none"},CanvasRendererBase.prototype.show=function(){this.animationItem.container.style.display="block"},extendPrototype([CanvasRendererBase,ICompElement,CVBaseElement],CVCompElement),CVCompElement.prototype.renderInnerContent=function(){var t,e=this.canvasContext;for(e.beginPath(),e.moveTo(0,0),e.lineTo(this.data.w,0),e.lineTo(this.data.w,this.data.h),e.lineTo(0,this.data.h),e.lineTo(0,0),e.clip(),t=this.layers.length-1;t>=0;t-=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},CVCompElement.prototype.destroy=function(){var t;for(t=this.layers.length-1;t>=0;t-=1)this.elements[t]&&this.elements[t].destroy();this.layers=null,this.elements=null},CVCompElement.prototype.createComp=function(t){return new CVCompElement(t,this.globalData,this)},extendPrototype([CanvasRendererBase],CanvasRenderer),CanvasRenderer.prototype.createComp=function(t){return new CVCompElement(t,this.globalData,this)},HBaseElement.prototype={checkBlendMode:function(){},initRendererElement:function(){this.baseElement=createTag(this.data.tg||"div"),this.data.hasMask?(this.svgElement=createNS("svg"),this.layerElement=createNS("g"),this.maskedElement=this.layerElement,this.svgElement.appendChild(this.layerElement),this.baseElement.appendChild(this.svgElement)):this.layerElement=this.baseElement,styleDiv(this.baseElement)},createContainerElements:function(){this.renderableEffectsManager=new CVEffects(this),this.transformedElement=this.baseElement,this.maskedElement=this.layerElement,this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0!==this.data.bm&&this.setBlendMode()},renderElement:function(){var t=this.transformedElement?this.transformedElement.style:{};if(this.finalTransform._matMdf){var e=this.finalTransform.mat.toCSS();t.transform=e,t.webkitTransform=e}this.finalTransform._opMdf&&(t.opacity=this.finalTransform.mProp.o.v)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},destroy:function(){this.layerElement=null,this.transformedElement=null,this.matteElement&&(this.matteElement=null),this.maskManager&&(this.maskManager.destroy(),this.maskManager=null)},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData)},addEffects:function(){},setMatte:function(){}},HBaseElement.prototype.getBaseElement=SVGBaseElement.prototype.getBaseElement,HBaseElement.prototype.destroyBaseElement=HBaseElement.prototype.destroy,HBaseElement.prototype.buildElementParenting=BaseRenderer.prototype.buildElementParenting,extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],HSolidElement),HSolidElement.prototype.createContent=function(){var t;this.data.hasMask?((t=createNS("rect")).setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.svgElement.setAttribute("width",this.data.sw),this.svgElement.setAttribute("height",this.data.sh)):((t=createTag("div")).style.width=this.data.sw+"px",t.style.height=this.data.sh+"px",t.style.backgroundColor=this.data.sc),this.layerElement.appendChild(t)},extendPrototype([BaseElement,TransformElement,HSolidElement,SVGShapeElement,HBaseElement,HierarchyElement,FrameElement,RenderableElement],HShapeElement),HShapeElement.prototype._renderShapeFrame=HShapeElement.prototype.renderInnerContent,HShapeElement.prototype.createContent=function(){var t;if(this.baseElement.style.fontSize=0,this.data.hasMask)this.layerElement.appendChild(this.shapesContainer),t=this.svgElement;else{t=createNS("svg");var e=this.comp.data?this.comp.data:this.globalData.compSize;t.setAttribute("width",e.w),t.setAttribute("height",e.h),t.appendChild(this.shapesContainer),this.layerElement.appendChild(t)}this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.shapesContainer,0,[],!0),this.filterUniqueShapes(),this.shapeCont=t},HShapeElement.prototype.getTransformedPoint=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)e=t[r].mProps.v.applyToPointArray(e[0],e[1],0);return e},HShapeElement.prototype.calculateShapeBoundingBox=function(t,e){var r,i,s,a,n,o=t.sh.v,h=t.transformers,l=o._length;if(!(l<=1)){for(r=0;r<l-1;r+=1)i=this.getTransformedPoint(h,o.v[r]),s=this.getTransformedPoint(h,o.o[r]),a=this.getTransformedPoint(h,o.i[r+1]),n=this.getTransformedPoint(h,o.v[r+1]),this.checkBounds(i,s,a,n,e);o.c&&(i=this.getTransformedPoint(h,o.v[r]),s=this.getTransformedPoint(h,o.o[r]),a=this.getTransformedPoint(h,o.i[0]),n=this.getTransformedPoint(h,o.v[0]),this.checkBounds(i,s,a,n,e))}},HShapeElement.prototype.checkBounds=function(t,e,r,i,s){this.getBoundsOfCurve(t,e,r,i);var a=this.shapeBoundingBox;s.x=bmMin(a.left,s.x),s.xMax=bmMax(a.right,s.xMax),s.y=bmMin(a.top,s.y),s.yMax=bmMax(a.bottom,s.yMax)},HShapeElement.prototype.shapeBoundingBox={left:0,right:0,top:0,bottom:0},HShapeElement.prototype.tempBoundingBox={x:0,xMax:0,y:0,yMax:0,width:0,height:0},HShapeElement.prototype.getBoundsOfCurve=function(t,e,r,i){for(var s,a,n,o,h,l,p,f=[[t[0],i[0]],[t[1],i[1]]],m=0;m<2;++m)a=6*t[m]-12*e[m]+6*r[m],s=-3*t[m]+9*e[m]-9*r[m]+3*i[m],n=3*e[m]-3*t[m],a|=0,n|=0,0===(s|=0)&&0===a||(0===s?(o=-n/a)>0&&o<1&&f[m].push(this.calculateF(o,t,e,r,i,m)):(h=a*a-4*n*s)>=0&&((l=(-a+bmSqrt(h))/(2*s))>0&&l<1&&f[m].push(this.calculateF(l,t,e,r,i,m)),(p=(-a-bmSqrt(h))/(2*s))>0&&p<1&&f[m].push(this.calculateF(p,t,e,r,i,m))));this.shapeBoundingBox.left=bmMin.apply(null,f[0]),this.shapeBoundingBox.top=bmMin.apply(null,f[1]),this.shapeBoundingBox.right=bmMax.apply(null,f[0]),this.shapeBoundingBox.bottom=bmMax.apply(null,f[1])},HShapeElement.prototype.calculateF=function(t,e,r,i,s,a){return bmPow(1-t,3)*e[a]+3*bmPow(1-t,2)*t*r[a]+3*(1-t)*bmPow(t,2)*i[a]+bmPow(t,3)*s[a]},HShapeElement.prototype.calculateBoundingBox=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)t[r]&&t[r].sh?this.calculateShapeBoundingBox(t[r],e):t[r]&&t[r].it&&this.calculateBoundingBox(t[r].it,e)},HShapeElement.prototype.currentBoxContains=function(t){return this.currentBBox.x<=t.x&&this.currentBBox.y<=t.y&&this.currentBBox.width+this.currentBBox.x>=t.x+t.width&&this.currentBBox.height+this.currentBBox.y>=t.y+t.height},HShapeElement.prototype.renderInnerContent=function(){if(this._renderShapeFrame(),!this.hidden&&(this._isFirstFrame||this._mdf)){var t=this.tempBoundingBox,e=999999;if(t.x=e,t.xMax=-e,t.y=e,t.yMax=-e,this.calculateBoundingBox(this.itemsData,t),t.width=t.xMax<t.x?0:t.xMax-t.x,t.height=t.yMax<t.y?0:t.yMax-t.y,this.currentBoxContains(t))return;var r=!1;if(this.currentBBox.w!==t.width&&(this.currentBBox.w=t.width,this.shapeCont.setAttribute("width",t.width),r=!0),this.currentBBox.h!==t.height&&(this.currentBBox.h=t.height,this.shapeCont.setAttribute("height",t.height),r=!0),r||this.currentBBox.x!==t.x||this.currentBBox.y!==t.y){this.currentBBox.w=t.width,this.currentBBox.h=t.height,this.currentBBox.x=t.x,this.currentBBox.y=t.y,this.shapeCont.setAttribute("viewBox",this.currentBBox.x+" "+this.currentBBox.y+" "+this.currentBBox.w+" "+this.currentBBox.h);var i=this.shapeCont.style,s="translate("+this.currentBBox.x+"px,"+this.currentBBox.y+"px)";i.transform=s,i.webkitTransform=s}}},extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement],HTextElement),HTextElement.prototype.createContent=function(){if(this.isMasked=this.checkMasks(),this.isMasked){this.renderType="svg",this.compW=this.comp.data.w,this.compH=this.comp.data.h,this.svgElement.setAttribute("width",this.compW),this.svgElement.setAttribute("height",this.compH);var t=createNS("g");this.maskedElement.appendChild(t),this.innerElem=t}else this.renderType="html",this.innerElem=this.layerElement;this.checkParenting()},HTextElement.prototype.buildNewText=function(){var t=this.textProperty.currentData;this.renderedLetters=createSizedArray(t.l?t.l.length:0);var e=this.innerElem.style,r=t.fc?this.buildColor(t.fc):"rgba(0,0,0,0)";e.fill=r,e.color=r,t.sc&&(e.stroke=this.buildColor(t.sc),e.strokeWidth=t.sw+"px");var i,s,a=this.globalData.fontManager.getFontByName(t.f);if(!this.globalData.fontManager.chars)if(e.fontSize=t.finalSize+"px",e.lineHeight=t.finalSize+"px",a.fClass)this.innerElem.className=a.fClass;else{e.fontFamily=a.fFamily;var n=t.fWeight,o=t.fStyle;e.fontStyle=o,e.fontWeight=n}var h,l,p,f=t.l;s=f.length;var m,c=this.mHelper,d="",u=0;for(i=0;i<s;i+=1){if(this.globalData.fontManager.chars?(this.textPaths[u]?h=this.textPaths[u]:((h=createNS("path")).setAttribute("stroke-linecap",lineCapEnum[1]),h.setAttribute("stroke-linejoin",lineJoinEnum[2]),h.setAttribute("stroke-miterlimit","4")),this.isMasked||(this.textSpans[u]?p=(l=this.textSpans[u]).children[0]:((l=createTag("div")).style.lineHeight=0,(p=createNS("svg")).appendChild(h),styleDiv(l)))):this.isMasked?h=this.textPaths[u]?this.textPaths[u]:createNS("text"):this.textSpans[u]?(l=this.textSpans[u],h=this.textPaths[u]):(styleDiv(l=createTag("span")),styleDiv(h=createTag("span")),l.appendChild(h)),this.globalData.fontManager.chars){var y,g=this.globalData.fontManager.getCharData(t.finalText[i],a.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily);if(y=g?g.data:null,c.reset(),y&&y.shapes&&y.shapes.length&&(m=y.shapes[0].it,c.scale(t.finalSize/100,t.finalSize/100),d=this.createPathShape(c,m),h.setAttribute("d",d)),this.isMasked)this.innerElem.appendChild(h);else{if(this.innerElem.appendChild(l),y&&y.shapes){document.body.appendChild(p);var v=p.getBBox();p.setAttribute("width",v.width+2),p.setAttribute("height",v.height+2),p.setAttribute("viewBox",v.x-1+" "+(v.y-1)+" "+(v.width+2)+" "+(v.height+2));var b=p.style,P="translate("+(v.x-1)+"px,"+(v.y-1)+"px)";b.transform=P,b.webkitTransform=P,f[i].yOffset=v.y-1}else p.setAttribute("width",1),p.setAttribute("height",1);l.appendChild(p)}}else if(h.textContent=f[i].val,h.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"),this.isMasked)this.innerElem.appendChild(h);else{this.innerElem.appendChild(l);var E=h.style,x="translate3d(0,"+-t.finalSize/1.2+"px,0)";E.transform=x,E.webkitTransform=x}this.isMasked?this.textSpans[u]=h:this.textSpans[u]=l,this.textSpans[u].style.display="block",this.textPaths[u]=h,u+=1}for(;u<this.textSpans.length;)this.textSpans[u].style.display="none",u+=1},HTextElement.prototype.renderInnerContent=function(){var t;if(this.data.singleShape){if(!this._isFirstFrame&&!this.lettersChangedFlag)return;if(this.isMasked&&this.finalTransform._matMdf){this.svgElement.setAttribute("viewBox",-this.finalTransform.mProp.p.v[0]+" "+-this.finalTransform.mProp.p.v[1]+" "+this.compW+" "+this.compH),t=this.svgElement.style;var e="translate("+-this.finalTransform.mProp.p.v[0]+"px,"+-this.finalTransform.mProp.p.v[1]+"px)";t.transform=e,t.webkitTransform=e}}if(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag){var r,i,s,a,n,o=0,h=this.textAnimator.renderedLetters,l=this.textProperty.currentData.l;for(i=l.length,r=0;r<i;r+=1)l[r].n?o+=1:(a=this.textSpans[r],n=this.textPaths[r],s=h[o],o+=1,s._mdf.m&&(this.isMasked?a.setAttribute("transform",s.m):(a.style.webkitTransform=s.m,a.style.transform=s.m)),a.style.opacity=s.o,s.sw&&s._mdf.sw&&n.setAttribute("stroke-width",s.sw),s.sc&&s._mdf.sc&&n.setAttribute("stroke",s.sc),s.fc&&s._mdf.fc&&(n.setAttribute("fill",s.fc),n.style.color=s.fc));if(this.innerElem.getBBox&&!this.hidden&&(this._isFirstFrame||this._mdf)){var p=this.innerElem.getBBox();this.currentBBox.w!==p.width&&(this.currentBBox.w=p.width,this.svgElement.setAttribute("width",p.width)),this.currentBBox.h!==p.height&&(this.currentBBox.h=p.height,this.svgElement.setAttribute("height",p.height));if(this.currentBBox.w!==p.width+2||this.currentBBox.h!==p.height+2||this.currentBBox.x!==p.x-1||this.currentBBox.y!==p.y-1){this.currentBBox.w=p.width+2,this.currentBBox.h=p.height+2,this.currentBBox.x=p.x-1,this.currentBBox.y=p.y-1,this.svgElement.setAttribute("viewBox",this.currentBBox.x+" "+this.currentBBox.y+" "+this.currentBBox.w+" "+this.currentBBox.h),t=this.svgElement.style;var f="translate("+this.currentBBox.x+"px,"+this.currentBBox.y+"px)";t.transform=f,t.webkitTransform=f}}}},extendPrototype([BaseElement,FrameElement,HierarchyElement],HCameraElement),HCameraElement.prototype.setup=function(){var t,e,r,i,s=this.comp.threeDElements.length;for(t=0;t<s;t+=1)if("3d"===(e=this.comp.threeDElements[t]).type){r=e.perspectiveElem.style,i=e.container.style;var a=this.pe.v+"px",n="0px 0px 0px",o="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)";r.perspective=a,r.webkitPerspective=a,i.transformOrigin=n,i.mozTransformOrigin=n,i.webkitTransformOrigin=n,r.transform=o,r.webkitTransform=o}},HCameraElement.prototype.createElements=function(){},HCameraElement.prototype.hide=function(){},HCameraElement.prototype.renderFrame=function(){var t,e,r=this._isFirstFrame;if(this.hierarchy)for(e=this.hierarchy.length,t=0;t<e;t+=1)r=this.hierarchy[t].finalTransform.mProp._mdf||r;if(r||this.pe._mdf||this.p&&this.p._mdf||this.px&&(this.px._mdf||this.py._mdf||this.pz._mdf)||this.rx._mdf||this.ry._mdf||this.rz._mdf||this.or._mdf||this.a&&this.a._mdf){if(this.mat.reset(),this.hierarchy)for(t=e=this.hierarchy.length-1;t>=0;t-=1){var i=this.hierarchy[t].finalTransform.mProp;this.mat.translate(-i.p.v[0],-i.p.v[1],i.p.v[2]),this.mat.rotateX(-i.or.v[0]).rotateY(-i.or.v[1]).rotateZ(i.or.v[2]),this.mat.rotateX(-i.rx.v).rotateY(-i.ry.v).rotateZ(i.rz.v),this.mat.scale(1/i.s.v[0],1/i.s.v[1],1/i.s.v[2]),this.mat.translate(i.a.v[0],i.a.v[1],i.a.v[2])}if(this.p?this.mat.translate(-this.p.v[0],-this.p.v[1],this.p.v[2]):this.mat.translate(-this.px.v,-this.py.v,this.pz.v),this.a){var s;s=this.p?[this.p.v[0]-this.a.v[0],this.p.v[1]-this.a.v[1],this.p.v[2]-this.a.v[2]]:[this.px.v-this.a.v[0],this.py.v-this.a.v[1],this.pz.v-this.a.v[2]];var a=Math.sqrt(Math.pow(s[0],2)+Math.pow(s[1],2)+Math.pow(s[2],2)),n=[s[0]/a,s[1]/a,s[2]/a],o=Math.sqrt(n[2]*n[2]+n[0]*n[0]),h=Math.atan2(n[1],o),l=Math.atan2(n[0],-n[2]);this.mat.rotateY(l).rotateX(-h)}this.mat.rotateX(-this.rx.v).rotateY(-this.ry.v).rotateZ(this.rz.v),this.mat.rotateX(-this.or.v[0]).rotateY(-this.or.v[1]).rotateZ(this.or.v[2]),this.mat.translate(this.globalData.compSize.w/2,this.globalData.compSize.h/2,0),this.mat.translate(0,0,this.pe.v);var p=!this._prevMat.equals(this.mat);if((p||this.pe._mdf)&&this.comp.threeDElements){var f,m,c;for(e=this.comp.threeDElements.length,t=0;t<e;t+=1)if("3d"===(f=this.comp.threeDElements[t]).type){if(p){var d=this.mat.toCSS();(c=f.container.style).transform=d,c.webkitTransform=d}this.pe._mdf&&((m=f.perspectiveElem.style).perspective=this.pe.v+"px",m.webkitPerspective=this.pe.v+"px")}this.mat.clone(this._prevMat)}}this._isFirstFrame=!1},HCameraElement.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},HCameraElement.prototype.destroy=function(){},HCameraElement.prototype.getBaseElement=function(){return null},extendPrototype([BaseElement,TransformElement,HBaseElement,HSolidElement,HierarchyElement,FrameElement,RenderableElement],HImageElement),HImageElement.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData),e=new Image;this.data.hasMask?(this.imageElem=createNS("image"),this.imageElem.setAttribute("width",this.assetData.w+"px"),this.imageElem.setAttribute("height",this.assetData.h+"px"),this.imageElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.imageElem),this.baseElement.setAttribute("width",this.assetData.w),this.baseElement.setAttribute("height",this.assetData.h)):this.layerElement.appendChild(e),e.crossOrigin="anonymous",e.src=t,this.data.ln&&this.baseElement.setAttribute("id",this.data.ln)},extendPrototype([BaseRenderer],HybridRendererBase),HybridRendererBase.prototype.buildItem=SVGRenderer.prototype.buildItem,HybridRendererBase.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){this.pendingElements.pop().checkParenting()}},HybridRendererBase.prototype.appendElementInPos=function(t,e){var r=t.getBaseElement();if(r){var i=this.layers[e];if(i.ddd&&this.supports3d)this.addTo3dContainer(r,e);else if(this.threeDElements)this.addTo3dContainer(r,e);else{for(var s,a,n=0;n<e;)this.elements[n]&&!0!==this.elements[n]&&this.elements[n].getBaseElement&&(a=this.elements[n],s=(this.layers[n].ddd?this.getThreeDContainerByPos(n):a.getBaseElement())||s),n+=1;s?i.ddd&&this.supports3d||this.layerElement.insertBefore(r,s):i.ddd&&this.supports3d||this.layerElement.appendChild(r)}}},HybridRendererBase.prototype.createShape=function(t){return this.supports3d?new HShapeElement(t,this.globalData,this):new SVGShapeElement(t,this.globalData,this)},HybridRendererBase.prototype.createText=function(t){return this.supports3d?new HTextElement(t,this.globalData,this):new SVGTextLottieElement(t,this.globalData,this)},HybridRendererBase.prototype.createCamera=function(t){return this.camera=new HCameraElement(t,this.globalData,this),this.camera},HybridRendererBase.prototype.createImage=function(t){return this.supports3d?new HImageElement(t,this.globalData,this):new IImageElement(t,this.globalData,this)},HybridRendererBase.prototype.createSolid=function(t){return this.supports3d?new HSolidElement(t,this.globalData,this):new ISolidElement(t,this.globalData,this)},HybridRendererBase.prototype.createNull=SVGRenderer.prototype.createNull,HybridRendererBase.prototype.getThreeDContainerByPos=function(t){for(var e=0,r=this.threeDElements.length;e<r;){if(this.threeDElements[e].startPos<=t&&this.threeDElements[e].endPos>=t)return this.threeDElements[e].perspectiveElem;e+=1}return null},HybridRendererBase.prototype.createThreeDContainer=function(t,e){var r,i,s=createTag("div");styleDiv(s);var a=createTag("div");if(styleDiv(a),"3d"===e){(r=s.style).width=this.globalData.compSize.w+"px",r.height=this.globalData.compSize.h+"px";var n="50% 50%";r.webkitTransformOrigin=n,r.mozTransformOrigin=n,r.transformOrigin=n;var o="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)";(i=a.style).transform=o,i.webkitTransform=o}s.appendChild(a);var h={container:a,perspectiveElem:s,startPos:t,endPos:t,type:e};return this.threeDElements.push(h),h},HybridRendererBase.prototype.build3dContainers=function(){var t,e,r=this.layers.length,i="";for(t=0;t<r;t+=1)this.layers[t].ddd&&3!==this.layers[t].ty?("3d"!==i&&(i="3d",e=this.createThreeDContainer(t,"3d")),e.endPos=Math.max(e.endPos,t)):("2d"!==i&&(i="2d",e=this.createThreeDContainer(t,"2d")),e.endPos=Math.max(e.endPos,t));for(t=(r=this.threeDElements.length)-1;t>=0;t-=1)this.resizerElem.appendChild(this.threeDElements[t].perspectiveElem)},HybridRendererBase.prototype.addTo3dContainer=function(t,e){for(var r=0,i=this.threeDElements.length;r<i;){if(e<=this.threeDElements[r].endPos){for(var s,a=this.threeDElements[r].startPos;a<e;)this.elements[a]&&this.elements[a].getBaseElement&&(s=this.elements[a].getBaseElement()),a+=1;s?this.threeDElements[r].container.insertBefore(t,s):this.threeDElements[r].container.appendChild(t);break}r+=1}},HybridRendererBase.prototype.configAnimation=function(t){var e=createTag("div"),r=this.animationItem.wrapper,i=e.style;i.width=t.w+"px",i.height=t.h+"px",this.resizerElem=e,styleDiv(e),i.transformStyle="flat",i.mozTransformStyle="flat",i.webkitTransformStyle="flat",this.renderConfig.className&&e.setAttribute("class",this.renderConfig.className),r.appendChild(e),i.overflow="hidden";var s=createNS("svg");s.setAttribute("width","1"),s.setAttribute("height","1"),styleDiv(s),this.resizerElem.appendChild(s);var a=createNS("defs");s.appendChild(a),this.data=t,this.setupGlobalData(t,s),this.globalData.defs=a,this.layers=t.layers,this.layerElement=this.resizerElem,this.build3dContainers(),this.updateContainerSize()},HybridRendererBase.prototype.destroy=function(){var t;this.animationItem.wrapper&&(this.animationItem.wrapper.innerText=""),this.animationItem.container=null,this.globalData.defs=null;var e=this.layers?this.layers.length:0;for(t=0;t<e;t+=1)this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},HybridRendererBase.prototype.updateContainerSize=function(){var t,e,r,i,s=this.animationItem.wrapper.offsetWidth,a=this.animationItem.wrapper.offsetHeight,n=s/a;this.globalData.compSize.w/this.globalData.compSize.h>n?(t=s/this.globalData.compSize.w,e=s/this.globalData.compSize.w,r=0,i=(a-this.globalData.compSize.h*(s/this.globalData.compSize.w))/2):(t=a/this.globalData.compSize.h,e=a/this.globalData.compSize.h,r=(s-this.globalData.compSize.w*(a/this.globalData.compSize.h))/2,i=0);var o=this.resizerElem.style;o.webkitTransform="matrix3d("+t+",0,0,0,0,"+e+",0,0,0,0,1,0,"+r+","+i+",0,1)",o.transform=o.webkitTransform},HybridRendererBase.prototype.renderFrame=SVGRenderer.prototype.renderFrame,HybridRendererBase.prototype.hide=function(){this.resizerElem.style.display="none"},HybridRendererBase.prototype.show=function(){this.resizerElem.style.display="block"},HybridRendererBase.prototype.initItems=function(){if(this.buildAllItems(),this.camera)this.camera.setup();else{var t,e=this.globalData.compSize.w,r=this.globalData.compSize.h,i=this.threeDElements.length;for(t=0;t<i;t+=1){var s=this.threeDElements[t].perspectiveElem.style;s.webkitPerspective=Math.sqrt(Math.pow(e,2)+Math.pow(r,2))+"px",s.perspective=s.webkitPerspective}}},HybridRendererBase.prototype.searchExtraCompositions=function(t){var e,r=t.length,i=createTag("div");for(e=0;e<r;e+=1)if(t[e].xt){var s=this.createComp(t[e],i,this.globalData.comp,null);s.initExpressions(),this.globalData.projectInterface.registerComposition(s)}},extendPrototype([HybridRendererBase,ICompElement,HBaseElement],HCompElement),HCompElement.prototype._createBaseContainerElements=HCompElement.prototype.createContainerElements,HCompElement.prototype.createContainerElements=function(){this._createBaseContainerElements(),this.data.hasMask?(this.svgElement.setAttribute("width",this.data.w),this.svgElement.setAttribute("height",this.data.h),this.transformedElement=this.baseElement):this.transformedElement=this.layerElement},HCompElement.prototype.addTo3dContainer=function(t,e){for(var r,i=0;i<e;)this.elements[i]&&this.elements[i].getBaseElement&&(r=this.elements[i].getBaseElement()),i+=1;r?this.layerElement.insertBefore(t,r):this.layerElement.appendChild(t)},HCompElement.prototype.createComp=function(t){return this.supports3d?new HCompElement(t,this.globalData,this):new SVGCompElement(t,this.globalData,this)},extendPrototype([HybridRendererBase],HybridRenderer),HybridRenderer.prototype.createComp=function(t){return this.supports3d?new HCompElement(t,this.globalData,this):new SVGCompElement(t,this.globalData,this)};var Expressions=function(){var t={};return t.initExpressions=function(t){var e=0,r=[];t.renderer.compInterface=CompExpressionInterface(t.renderer),t.renderer.globalData.projectInterface.registerComposition(t.renderer),t.renderer.globalData.pushExpression=function(){e+=1},t.renderer.globalData.popExpression=function(){0==(e-=1)&&function(){var t,e=r.length;for(t=0;t<e;t+=1)r[t].release();r.length=0}()},t.renderer.globalData.registerExpressionProperty=function(t){-1===r.indexOf(t)&&r.push(t)}},t}();function _typeof$1(t){return _typeof$1="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof$1(t)}function seedRandom(t,e){var r,i=this,s=256,a=e.pow(s,6),n=e.pow(2,52),o=2*n,h=255;function l(t){var e,r=t.length,i=this,a=0,n=i.i=i.j=0,o=i.S=[];for(r||(t=[r++]);a<s;)o[a]=a++;for(a=0;a<s;a++)o[a]=o[n=h&n+t[a%r]+(e=o[a])],o[n]=e;i.g=function(t){for(var e,r=0,a=i.i,n=i.j,o=i.S;t--;)e=o[a=h&a+1],r=r*s+o[h&(o[a]=o[n=h&n+e])+(o[n]=e)];return i.i=a,i.j=n,r}}function p(t,e){return e.i=t.i,e.j=t.j,e.S=t.S.slice(),e}function f(t,e){var r,i=[],s=_typeof$1(t);if(e&&"object"==s)for(r in t)try{i.push(f(t[r],e-1))}catch(t){}return i.length?i:"string"==s?t:t+"\0"}function m(t,e){for(var r,i=t+"",s=0;s<i.length;)e[h&s]=h&(r^=19*e[h&s])+i.charCodeAt(s++);return c(e)}function c(t){return String.fromCharCode.apply(0,t)}e.seedrandom=function(h,d,u){var y=[],g=m(f((d=!0===d?{entropy:!0}:d||{}).entropy?[h,c(t)]:null===h?function(){try{r;var e=new Uint8Array(s);return(i.crypto||i.msCrypto).getRandomValues(e),c(e)}catch(e){var a=i.navigator,n=a&&a.plugins;return[+new Date,i,n,i.screen,c(t)]}}():h,3),y),v=new l(y),b=function(){for(var t=v.g(6),e=a,r=0;t<n;)t=(t+r)*s,e*=s,r=v.g(1);for(;t>=o;)t/=2,e/=2,r>>>=1;return(t+r)/e};return b.int32=function(){return 0|v.g(4)},b.quick=function(){return v.g(4)/4294967296},b.double=b,m(c(v.S),t),(d.pass||u||function(t,r,i,s){return s&&(s.S&&p(s,v),t.state=function(){return p(v,{})}),i?(e.random=t,r):t})(b,g,"global"in d?d.global:this==e,d.state)},m(e.random(),t)}function initialize$2(t){seedRandom([],t)}var propTypes={SHAPE:"shape"};function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}var ExpressionManager=function(){var ob={},Math=BMMath,window=null,document=null,XMLHttpRequest=null,fetch=null,frames=null;function $bm_isInstanceOfArray(t){return t.constructor===Array||t.constructor===Float32Array}function isNumerable(t,e){return"number"===t||"boolean"===t||"string"===t||e instanceof Number}function $bm_neg(t){var e=_typeof(t);if("number"===e||"boolean"===e||t instanceof Number)return-t;if($bm_isInstanceOfArray(t)){var r,i=t.length,s=[];for(r=0;r<i;r+=1)s[r]=-t[r];return s}return t.propType?t.v:-t}initialize$2(BMMath);var easeInBez=BezierFactory.getBezierEasing(.333,0,.833,.833,"easeIn").get,easeOutBez=BezierFactory.getBezierEasing(.167,.167,.667,1,"easeOut").get,easeInOutBez=BezierFactory.getBezierEasing(.33,0,.667,1,"easeInOut").get;function sum(t,e){var r=_typeof(t),i=_typeof(e);if("string"===r||"string"===i)return t+e;if(isNumerable(r,t)&&isNumerable(i,e))return t+e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return(t=t.slice(0))[0]+=e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t+e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]+e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}var add=sum;function sub(t,e){var r=_typeof(t),i=_typeof(e);if(isNumerable(r,t)&&isNumerable(i,e))return"string"===r&&(t=parseInt(t,10)),"string"===i&&(e=parseInt(e,10)),t-e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return(t=t.slice(0))[0]-=e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t-e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]-e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}function mul(t,e){var r,i,s,a=_typeof(t),n=_typeof(e);if(isNumerable(a,t)&&isNumerable(n,e))return t*e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t[i]*e;return r}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t*e[i];return r}return 0}function div(t,e){var r,i,s,a=_typeof(t),n=_typeof(e);if(isNumerable(a,t)&&isNumerable(n,e))return t/e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t[i]/e;return r}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t/e[i];return r}return 0}function mod(t,e){return"string"==typeof t&&(t=parseInt(t,10)),"string"==typeof e&&(e=parseInt(e,10)),t%e}var $bm_sum=sum,$bm_sub=sub,$bm_mul=mul,$bm_div=div,$bm_mod=mod;function clamp(t,e,r){if(e>r){var i=r;r=e,e=i}return Math.min(Math.max(t,e),r)}function radiansToDegrees(t){return t/degToRads}var radians_to_degrees=radiansToDegrees;function degreesToRadians(t){return t*degToRads}var degrees_to_radians=radiansToDegrees,helperLengthArray=[0,0,0,0,0,0];function length(t,e){if("number"==typeof t||t instanceof Number)return e=e||0,Math.abs(t-e);var r;e||(e=helperLengthArray);var i=Math.min(t.length,e.length),s=0;for(r=0;r<i;r+=1)s+=Math.pow(e[r]-t[r],2);return Math.sqrt(s)}function normalize(t){return div(t,length(t))}function rgbToHsl(t){var e,r,i=t[0],s=t[1],a=t[2],n=Math.max(i,s,a),o=Math.min(i,s,a),h=(n+o)/2;if(n===o)e=0,r=0;else{var l=n-o;switch(r=h>.5?l/(2-n-o):l/(n+o),n){case i:e=(s-a)/l+(s<a?6:0);break;case s:e=(a-i)/l+2;break;case a:e=(i-s)/l+4}e/=6}return[e,r,h,t[3]]}function hue2rgb(t,e,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?t+6*(e-t)*r:r<.5?e:r<2/3?t+(e-t)*(2/3-r)*6:t}function hslToRgb(t){var e,r,i,s=t[0],a=t[1],n=t[2];if(0===a)e=n,i=n,r=n;else{var o=n<.5?n*(1+a):n+a-n*a,h=2*n-o;e=hue2rgb(h,o,s+1/3),r=hue2rgb(h,o,s),i=hue2rgb(h,o,s-1/3)}return[e,r,i,t[3]]}function linear(t,e,r,i,s){if(void 0!==i&&void 0!==s||(i=e,s=r,e=0,r=1),r<e){var a=r;r=e,e=a}if(t<=e)return i;if(t>=r)return s;var n,o=r===e?0:(t-e)/(r-e);if(!i.length)return i+(s-i)*o;var h=i.length,l=createTypedArray("float32",h);for(n=0;n<h;n+=1)l[n]=i[n]+(s[n]-i[n])*o;return l}function random(t,e){if(void 0===e&&(void 0===t?(t=0,e=1):(e=t,t=void 0)),e.length){var r,i=e.length;t||(t=createTypedArray("float32",i));var s=createTypedArray("float32",i),a=BMMath.random();for(r=0;r<i;r+=1)s[r]=t[r]+a*(e[r]-t[r]);return s}return void 0===t&&(t=0),t+BMMath.random()*(e-t)}function createPath(t,e,r,i){var s,a=t.length,n=shapePool.newElement();n.setPathData(!!i,a);var o,h,l=[0,0];for(s=0;s<a;s+=1)o=e&&e[s]?e[s]:l,h=r&&r[s]?r[s]:l,n.setTripleAt(t[s][0],t[s][1],h[0]+t[s][0],h[1]+t[s][1],o[0]+t[s][0],o[1]+t[s][1],s,!0);return n}function initiateExpression(elem,data,property){var val=data.x,needsVelocity=/velocity(?![\w\d])/.test(val),_needsRandom=-1!==val.indexOf("random"),elemType=elem.data.ty,transform,$bm_transform,content,effect,thisProperty=property;thisProperty.valueAtTime=thisProperty.getValueAtTime,Object.defineProperty(thisProperty,"value",{get:function(){return thisProperty.v}}),elem.comp.frameDuration=1/elem.comp.globalData.frameRate,elem.comp.displayStartTime=0;var inPoint=elem.data.ip/elem.comp.globalData.frameRate,outPoint=elem.data.op/elem.comp.globalData.frameRate,width=elem.data.sw?elem.data.sw:0,height=elem.data.sh?elem.data.sh:0,name=elem.data.nm,loopIn,loop_in,loopOut,loop_out,smooth,toWorld,fromWorld,fromComp,toComp,fromCompToSurface,position,rotation,anchorPoint,scale,thisLayer,thisComp,mask,valueAtTime,velocityAtTime,scoped_bm_rt,expression_function=eval("[function _expression_function(){"+val+";scoped_bm_rt=$bm_rt}]")[0],numKeys=property.kf?data.k.length:0,active=!this.data||!0!==this.data.hd,wiggle=function(t,e){var r,i,s=this.pv.length?this.pv.length:1,a=createTypedArray("float32",s);var n=Math.floor(5*time);for(r=0,i=0;r<n;){for(i=0;i<s;i+=1)a[i]+=-e+2*e*BMMath.random();r+=1}var o=5*time,h=o-Math.floor(o),l=createTypedArray("float32",s);if(s>1){for(i=0;i<s;i+=1)l[i]=this.pv[i]+a[i]+(-e+2*e*BMMath.random())*h;return l}return this.pv+a[0]+(-e+2*e*BMMath.random())*h}.bind(this);function loopInDuration(t,e){return loopIn(t,e,!0)}function loopOutDuration(t,e){return loopOut(t,e,!0)}thisProperty.loopIn&&(loopIn=thisProperty.loopIn.bind(thisProperty),loop_in=loopIn),thisProperty.loopOut&&(loopOut=thisProperty.loopOut.bind(thisProperty),loop_out=loopOut),thisProperty.smooth&&(smooth=thisProperty.smooth.bind(thisProperty)),this.getValueAtTime&&(valueAtTime=this.getValueAtTime.bind(this)),this.getVelocityAtTime&&(velocityAtTime=this.getVelocityAtTime.bind(this));var comp=elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface),time,velocity,value,text,textIndex,textTotal,selectorValue;function lookAt(t,e){var r=[e[0]-t[0],e[1]-t[1],e[2]-t[2]],i=Math.atan2(r[0],Math.sqrt(r[1]*r[1]+r[2]*r[2]))/degToRads;return[-Math.atan2(r[1],r[2])/degToRads,i,0]}function easeOut(t,e,r,i,s){return applyEase(easeOutBez,t,e,r,i,s)}function easeIn(t,e,r,i,s){return applyEase(easeInBez,t,e,r,i,s)}function ease(t,e,r,i,s){return applyEase(easeInOutBez,t,e,r,i,s)}function applyEase(t,e,r,i,s,a){void 0===s?(s=r,a=i):e=(e-r)/(i-r),e>1?e=1:e<0&&(e=0);var n=t(e);if($bm_isInstanceOfArray(s)){var o,h=s.length,l=createTypedArray("float32",h);for(o=0;o<h;o+=1)l[o]=(a[o]-s[o])*n+s[o];return l}return(a-s)*n+s}function nearestKey(t){var e,r,i,s=data.k.length;if(data.k.length&&"number"!=typeof data.k[0])if(r=-1,(t*=elem.comp.globalData.frameRate)<data.k[0].t)r=1,i=data.k[0].t;else{for(e=0;e<s-1;e+=1){if(t===data.k[e].t){r=e+1,i=data.k[e].t;break}if(t>data.k[e].t&&t<data.k[e+1].t){t-data.k[e].t>data.k[e+1].t-t?(r=e+2,i=data.k[e+1].t):(r=e+1,i=data.k[e].t);break}}-1===r&&(r=e+1,i=data.k[e].t)}else r=0,i=0;var a={};return a.index=r,a.time=i/elem.comp.globalData.frameRate,a}function key(t){var e,r,i;if(!data.k.length||"number"==typeof data.k[0])throw new Error("The property has no keyframe at index "+t);t-=1,e={time:data.k[t].t/elem.comp.globalData.frameRate,value:[]};var s=Object.prototype.hasOwnProperty.call(data.k[t],"s")?data.k[t].s:data.k[t-1].e;for(i=s.length,r=0;r<i;r+=1)e[r]=s[r],e.value[r]=s[r];return e}function framesToTime(t,e){return e||(e=elem.comp.globalData.frameRate),t/e}function timeToFrames(t,e){return t||0===t||(t=time),e||(e=elem.comp.globalData.frameRate),t*e}function seedRandom(t){BMMath.seedrandom(randSeed+t)}function sourceRectAtTime(){return elem.sourceRectAtTime()}function substring(t,e){return"string"==typeof value?void 0===e?value.substring(t):value.substring(t,e):""}function substr(t,e){return"string"==typeof value?void 0===e?value.substr(t):value.substr(t,e):""}function posterizeTime(t){time=0===t?0:Math.floor(time*t)/t,value=valueAtTime(time)}var index=elem.data.ind,hasParent=!(!elem.hierarchy||!elem.hierarchy.length),parent,randSeed=Math.floor(1e6*Math.random()),globalData=elem.globalData;function executeExpression(t){return value=t,this.frameExpressionId===elem.globalData.frameId&&"textSelector"!==this.propType?value:("textSelector"===this.propType&&(textIndex=this.textIndex,textTotal=this.textTotal,selectorValue=this.selectorValue),thisLayer||(text=elem.layerInterface.text,thisLayer=elem.layerInterface,thisComp=elem.comp.compInterface,toWorld=thisLayer.toWorld.bind(thisLayer),fromWorld=thisLayer.fromWorld.bind(thisLayer),fromComp=thisLayer.fromComp.bind(thisLayer),toComp=thisLayer.toComp.bind(thisLayer),mask=thisLayer.mask?thisLayer.mask.bind(thisLayer):null,fromCompToSurface=fromComp),transform||(transform=elem.layerInterface("ADBE Transform Group"),$bm_transform=transform,transform&&(anchorPoint=transform.anchorPoint)),4!==elemType||content||(content=thisLayer("ADBE Root Vectors Group")),effect||(effect=thisLayer(4)),(hasParent=!(!elem.hierarchy||!elem.hierarchy.length))&&!parent&&(parent=elem.hierarchy[0].layerInterface),time=this.comp.renderedFrame/this.comp.globalData.frameRate,_needsRandom&&seedRandom(randSeed+time),needsVelocity&&(velocity=velocityAtTime(time)),expression_function(),this.frameExpressionId=elem.globalData.frameId,scoped_bm_rt=scoped_bm_rt.propType===propTypes.SHAPE?scoped_bm_rt.v:scoped_bm_rt)}return executeExpression.__preventDeadCodeRemoval=[$bm_transform,anchorPoint,velocity,inPoint,outPoint,width,height,name,loop_in,loop_out,smooth,toComp,fromCompToSurface,toWorld,fromWorld,mask,position,rotation,scale,thisComp,numKeys,active,wiggle,loopInDuration,loopOutDuration,comp,lookAt,easeOut,easeIn,ease,nearestKey,key,text,textIndex,textTotal,selectorValue,framesToTime,timeToFrames,sourceRectAtTime,substring,substr,posterizeTime,index,globalData],executeExpression}return ob.initiateExpression=initiateExpression,ob.__preventDeadCodeRemoval=[window,document,XMLHttpRequest,fetch,frames,$bm_neg,add,$bm_sum,$bm_sub,$bm_mul,$bm_div,$bm_mod,clamp,radians_to_degrees,degreesToRadians,degrees_to_radians,normalize,rgbToHsl,hslToRgb,linear,random,createPath],ob}(),expressionHelpers={searchExpressions:function(t,e,r){e.x&&(r.k=!0,r.x=!0,r.initiateExpression=ExpressionManager.initiateExpression,r.effectsSequence.push(r.initiateExpression(t,e,r).bind(r)))},getSpeedAtTime:function(t){var e=this.getValueAtTime(t),r=this.getValueAtTime(t+-.01),i=0;if(e.length){var s;for(s=0;s<e.length;s+=1)i+=Math.pow(r[s]-e[s],2);i=100*Math.sqrt(i)}else i=0;return i},getVelocityAtTime:function(t){if(void 0!==this.vel)return this.vel;var e,r,i=-.001,s=this.getValueAtTime(t),a=this.getValueAtTime(t+i);if(s.length)for(e=createTypedArray("float32",s.length),r=0;r<s.length;r+=1)e[r]=(a[r]-s[r])/i;else e=(a-s)/i;return e},getValueAtTime:function(t){return t*=this.elem.globalData.frameRate,(t-=this.offsetTime)!==this._cachingAtTime.lastFrame&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastFrame<t?this._cachingAtTime.lastIndex:0,this._cachingAtTime.value=this.interpolateValue(t,this._cachingAtTime),this._cachingAtTime.lastFrame=t),this._cachingAtTime.value},getStaticValueAtTime:function(){return this.pv},setGroupProperty:function(t){this.propertyGroup=t}};function addPropertyDecorator(){function t(t,e,r){if(!this.k||!this.keyframes)return this.pv;t=t?t.toLowerCase():"";var i,s,a,n,o,h=this.comp.renderedFrame,l=this.keyframes,p=l[l.length-1].t;if(h<=p)return this.pv;if(r?s=p-(i=e?Math.abs(p-this.elem.comp.globalData.frameRate*e):Math.max(0,p-this.elem.data.ip)):((!e||e>l.length-1)&&(e=l.length-1),i=p-(s=l[l.length-1-e].t)),"pingpong"===t){if(Math.floor((h-s)/i)%2!=0)return this.getValueAtTime((i-(h-s)%i+s)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var f=this.getValueAtTime(s/this.comp.globalData.frameRate,0),m=this.getValueAtTime(p/this.comp.globalData.frameRate,0),c=this.getValueAtTime(((h-s)%i+s)/this.comp.globalData.frameRate,0),d=Math.floor((h-s)/i);if(this.pv.length){for(n=(o=new Array(f.length)).length,a=0;a<n;a+=1)o[a]=(m[a]-f[a])*d+c[a];return o}return(m-f)*d+c}if("continue"===t){var u=this.getValueAtTime(p/this.comp.globalData.frameRate,0),y=this.getValueAtTime((p-.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*((h-p)/this.comp.globalData.frameRate)/5e-4;return o}return u+(h-p)/.001*(u-y)}}return this.getValueAtTime(((h-s)%i+s)/this.comp.globalData.frameRate,0)}function e(t,e,r){if(!this.k)return this.pv;t=t?t.toLowerCase():"";var i,s,a,n,o,h=this.comp.renderedFrame,l=this.keyframes,p=l[0].t;if(h>=p)return this.pv;if(r?s=p+(i=e?Math.abs(this.elem.comp.globalData.frameRate*e):Math.max(0,this.elem.data.op-p)):((!e||e>l.length-1)&&(e=l.length-1),i=(s=l[e].t)-p),"pingpong"===t){if(Math.floor((p-h)/i)%2==0)return this.getValueAtTime(((p-h)%i+p)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var f=this.getValueAtTime(p/this.comp.globalData.frameRate,0),m=this.getValueAtTime(s/this.comp.globalData.frameRate,0),c=this.getValueAtTime((i-(p-h)%i+p)/this.comp.globalData.frameRate,0),d=Math.floor((p-h)/i)+1;if(this.pv.length){for(n=(o=new Array(f.length)).length,a=0;a<n;a+=1)o[a]=c[a]-(m[a]-f[a])*d;return o}return c-(m-f)*d}if("continue"===t){var u=this.getValueAtTime(p/this.comp.globalData.frameRate,0),y=this.getValueAtTime((p+.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*(p-h)/.001;return o}return u+(u-y)*(p-h)/.001}}return this.getValueAtTime((i-((p-h)%i+p))/this.comp.globalData.frameRate,0)}function r(t,e){if(!this.k)return this.pv;if(t=.5*(t||.4),(e=Math.floor(e||5))<=1)return this.pv;var r,i,s=this.comp.renderedFrame/this.comp.globalData.frameRate,a=s-t,n=e>1?(s+t-a)/(e-1):1,o=0,h=0;for(r=this.pv.length?createTypedArray("float32",this.pv.length):0;o<e;){if(i=this.getValueAtTime(a+o*n),this.pv.length)for(h=0;h<this.pv.length;h+=1)r[h]+=i[h];else r+=i;o+=1}if(this.pv.length)for(h=0;h<this.pv.length;h+=1)r[h]/=e;else r/=e;return r}function i(t){this._transformCachingAtTime||(this._transformCachingAtTime={v:new Matrix});var e=this._transformCachingAtTime.v;if(e.cloneFromProps(this.pre.props),this.appliedTransformations<1){var r=this.a.getValueAtTime(t);e.translate(-r[0]*this.a.mult,-r[1]*this.a.mult,r[2]*this.a.mult)}if(this.appliedTransformations<2){var i=this.s.getValueAtTime(t);e.scale(i[0]*this.s.mult,i[1]*this.s.mult,i[2]*this.s.mult)}if(this.sk&&this.appliedTransformations<3){var s=this.sk.getValueAtTime(t),a=this.sa.getValueAtTime(t);e.skewFromAxis(-s*this.sk.mult,a*this.sa.mult)}if(this.r&&this.appliedTransformations<4){var n=this.r.getValueAtTime(t);e.rotate(-n*this.r.mult)}else if(!this.r&&this.appliedTransformations<4){var o=this.rz.getValueAtTime(t),h=this.ry.getValueAtTime(t),l=this.rx.getValueAtTime(t),p=this.or.getValueAtTime(t);e.rotateZ(-o*this.rz.mult).rotateY(h*this.ry.mult).rotateX(l*this.rx.mult).rotateZ(-p[2]*this.or.mult).rotateY(p[1]*this.or.mult).rotateX(p[0]*this.or.mult)}if(this.data.p&&this.data.p.s){var f=this.px.getValueAtTime(t),m=this.py.getValueAtTime(t);if(this.data.p.z){var c=this.pz.getValueAtTime(t);e.translate(f*this.px.mult,m*this.py.mult,-c*this.pz.mult)}else e.translate(f*this.px.mult,m*this.py.mult,0)}else{var d=this.p.getValueAtTime(t);e.translate(d[0]*this.p.mult,d[1]*this.p.mult,-d[2]*this.p.mult)}return e}function s(){return this.v.clone(new Matrix)}var a=TransformPropertyFactory.getTransformProperty;TransformPropertyFactory.getTransformProperty=function(t,e,r){var n=a(t,e,r);return n.dynamicProperties.length?n.getValueAtTime=i.bind(n):n.getValueAtTime=s.bind(n),n.setGroupProperty=expressionHelpers.setGroupProperty,n};var n=PropertyFactory.getProp;PropertyFactory.getProp=function(i,s,a,o,h){var l=n(i,s,a,o,h);l.kf?l.getValueAtTime=expressionHelpers.getValueAtTime.bind(l):l.getValueAtTime=expressionHelpers.getStaticValueAtTime.bind(l),l.setGroupProperty=expressionHelpers.setGroupProperty,l.loopOut=t,l.loopIn=e,l.smooth=r,l.getVelocityAtTime=expressionHelpers.getVelocityAtTime.bind(l),l.getSpeedAtTime=expressionHelpers.getSpeedAtTime.bind(l),l.numKeys=1===s.a?s.k.length:0,l.propertyIndex=s.ix;var p=0;return 0!==a&&(p=createTypedArray("float32",1===s.a?s.k[0].s.length:s.k.length)),l._cachingAtTime={lastFrame:initialDefaultFrame,lastIndex:0,value:p},expressionHelpers.searchExpressions(i,s,l),l.k&&h.addDynamicProperty(l),l};var o=ShapePropertyFactory.getConstructorFunction(),h=ShapePropertyFactory.getKeyframedConstructorFunction();function l(){}l.prototype={vertices:function(t,e){this.k&&this.getValue();var r,i=this.v;void 0!==e&&(i=this.getValueAtTime(e,0));var s=i._length,a=i[t],n=i.v,o=createSizedArray(s);for(r=0;r<s;r+=1)o[r]="i"===t||"o"===t?[a[r][0]-n[r][0],a[r][1]-n[r][1]]:[a[r][0],a[r][1]];return o},points:function(t){return this.vertices("v",t)},inTangents:function(t){return this.vertices("i",t)},outTangents:function(t){return this.vertices("o",t)},isClosed:function(){return this.v.c},pointOnPath:function(t,e){var r=this.v;void 0!==e&&(r=this.getValueAtTime(e,0)),this._segmentsLength||(this._segmentsLength=bez.getSegmentsLength(r));for(var i,s=this._segmentsLength,a=s.lengths,n=s.totalLength*t,o=0,h=a.length,l=0;o<h;){if(l+a[o].addedLength>n){var p=o,f=r.c&&o===h-1?0:o+1,m=(n-l)/a[o].addedLength;i=bez.getPointInSegment(r.v[p],r.v[f],r.o[p],r.i[f],m,a[o]);break}l+=a[o].addedLength,o+=1}return i||(i=r.c?[r.v[0][0],r.v[0][1]]:[r.v[r._length-1][0],r.v[r._length-1][1]]),i},vectorOnPath:function(t,e,r){1==t?t=this.v.c:0==t&&(t=.999);var i=this.pointOnPath(t,e),s=this.pointOnPath(t+.001,e),a=s[0]-i[0],n=s[1]-i[1],o=Math.sqrt(Math.pow(a,2)+Math.pow(n,2));return 0===o?[0,0]:"tangent"===r?[a/o,n/o]:[-n/o,a/o]},tangentOnPath:function(t,e){return this.vectorOnPath(t,e,"tangent")},normalOnPath:function(t,e){return this.vectorOnPath(t,e,"normal")},setGroupProperty:expressionHelpers.setGroupProperty,getValueAtTime:expressionHelpers.getStaticValueAtTime},extendPrototype([l],o),extendPrototype([l],h),h.prototype.getValueAtTime=function(t){return this._cachingAtTime||(this._cachingAtTime={shapeValue:shapePool.clone(this.pv),lastIndex:0,lastTime:initialDefaultFrame}),t*=this.elem.globalData.frameRate,(t-=this.offsetTime)!==this._cachingAtTime.lastTime&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastTime<t?this._caching.lastIndex:0,this._cachingAtTime.lastTime=t,this.interpolateShape(t,this._cachingAtTime.shapeValue,this._cachingAtTime)),this._cachingAtTime.shapeValue},h.prototype.initiateExpression=ExpressionManager.initiateExpression;var p=ShapePropertyFactory.getShapeProp;ShapePropertyFactory.getShapeProp=function(t,e,r,i,s){var a=p(t,e,r,i,s);return a.propertyIndex=e.ix,a.lock=!1,3===r?expressionHelpers.searchExpressions(t,e.pt,a):4===r&&expressionHelpers.searchExpressions(t,e.ks,a),a.k&&t.addDynamicProperty(a),a}}function initialize$1(){addPropertyDecorator()}function addDecorator(){TextProperty.prototype.getExpressionValue=function(t,e){var r=this.calculateExpression(e);if(t.t!==r){var i={};return this.copyData(i,t),i.t=r.toString(),i.__complete=!1,i}return t},TextProperty.prototype.searchProperty=function(){var t=this.searchKeyframes(),e=this.searchExpressions();return this.kf=t||e,this.kf},TextProperty.prototype.searchExpressions=function(){return this.data.d.x?(this.calculateExpression=ExpressionManager.initiateExpression.bind(this)(this.elem,this.data.d,this),this.addEffect(this.getExpressionValue.bind(this)),!0):null}}function initialize(){addDecorator()}return registerRenderer("canvas",CanvasRenderer),registerRenderer("html",HybridRenderer),registerRenderer("svg",SVGRenderer),ShapeModifiers.registerModifier("tm",TrimModifier),ShapeModifiers.registerModifier("pb",PuckerAndBloatModifier),ShapeModifiers.registerModifier("rp",RepeaterModifier),ShapeModifiers.registerModifier("rd",RoundCornersModifier),setExpressionsPlugin(Expressions),initialize$1(),initialize(),registerEffect(20,SVGTintFilter,!0),registerEffect(21,SVGFillFilter,!0),registerEffect(22,SVGStrokeEffect,!1),registerEffect(23,SVGTritoneFilter,!0),registerEffect(24,SVGProLevelsFilter,!0),registerEffect(25,SVGDropShadowEffect,!0),registerEffect(28,SVGMatte3Effect,!1),registerEffect(29,SVGGaussianBlurEffect,!0),lottie}));
-          </script><!-- endbuild -->
-
-
-          <div id="lottie"></div>
-    </div>
-    <script>
-        var animationData = {"v":"5.9.0","fr":30,"ip":0,"op":39,"w":900,"h":125,"nm":"Export","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"01.Icon_Dark Outlines","cl":"Icon_Dark","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":21,"s":[0]},{"t":26,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[450,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[57,53,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-1.394,3.277],[0,0],[5.061,0],[0,0],[0.864,-2.024],[0,0],[-4.425,0],[0,0],[-1,-2.341],[0,0],[3.576,0],[0,0],[0.864,-2.024],[0,0],[-5.061,0],[0,0],[-0.863,2.024],[0,0],[-2.5,0],[0,0],[1.803,4.199],[0,0],[2.212,0]],"o":[[0,0],[-3.576,0],[0,0],[1.985,-4.637],[0,0],[-2.213,0],[0,0],[-1.743,4.063],[0,0],[2.561,0],[0,0],[1.409,3.293],[0,0],[-2.213,0],[0,0],[-1.985,4.636],[0,0],[2.212,0],[0,0],[0.985,-2.295],[0,0],[4.591,0],[0,0],[-0.863,-2.024],[0,0]],"v":[[38.676,-17.83],[14.432,-17.83],[10.477,-23.796],[19.205,-44.216],[13.614,-52.644],[-8.994,-52.644],[-14.586,-48.959],[-25.086,-24.385],[-20.192,-16.999],[2.991,-16.999],[8.871,-13.133],[19.205,11.033],[15.25,17.014],[-38.769,17.014],[-44.361,20.699],[-54.422,44.216],[-48.831,52.644],[3.749,52.644],[9.34,48.958],[21.038,21.59],[26.766,17.815],[49.601,17.815],[54.662,10.172],[44.267,-14.13],[38.676,-17.815]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.129411764706,0.129411764706,0.129411764706,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[56.657,52.894],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"02.Icon_Stroked Outlines","cl":"Icon_Stroked","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":9,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.167]},"t":21,"s":[100]},{"t":26,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[450,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[56.5,53.5,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-0.899,-1.358],[-1.986,0],[0,0],[0,0],[0,0],[-0.913,-0.602],[-0.357,-0.837],[0,0],[0,0],[0,0],[0.733,-1.108],[2.098,0],[0,0],[1.111,-2.589],[0,0],[0,0],[0,0],[0.913,-0.603],[0.916,0],[0,0],[0.83,1.251],[-0.914,2.135],[0,0],[-0.914,0.602],[-0.916,0],[0,0],[-0.901,1.36],[0.783,1.829],[0,0],[2.879,0],[0,0],[0.705,1.062],[-0.793,1.847],[0,0],[0,0],[-0.914,0.602],[-0.916,0],[0,0],[-0.83,-1.251],[0.914,-2.136]],"o":[[0,0],[-0.774,1.822],[0.899,1.358],[0,0],[0,0],[0,0],[0.916,0],[0.913,0.602],[0,0],[0,0],[0,0],[0.823,1.917],[-0.733,1.109],[0,0],[-2.821,0],[0,0],[0,0],[0,0],[-0.357,0.837],[-0.913,0.602],[0,0],[-2.333,0],[-0.829,-1.25],[0,0],[0.357,-0.837],[0.913,-0.602],[0,0],[1.986,0],[0.901,-1.361],[0,0],[-1.127,-2.637],[0,0],[-2.015,0],[-0.704,-1.062],[0,0],[0,0],[0.357,-0.837],[0.913,-0.602],[0,0],[2.334,0],[0.829,1.25],[0,0]],"v":[[9.667,-24.111],[9.665,-24.109],[9.848,-19.143],[14.357,-17.031],[37.801,-17.031],[37.801,-17.014],[38.602,-17.014],[41.462,-16.064],[43.456,-13.816],[43.458,-13.816],[53.852,10.486],[53.853,10.488],[53.788,15.126],[49.527,17.014],[26.691,17.014],[20.229,21.275],[20.227,21.277],[8.531,48.645],[8.529,48.645],[6.536,50.893],[3.674,51.844],[-48.906,51.844],[-53.676,49.727],[-53.762,44.531],[-43.7,21.014],[-41.704,18.766],[-38.844,17.814],[15.176,17.814],[19.689,15.701],[19.865,10.719],[9.531,-13.447],[2.917,-17.799],[-20.266,-17.799],[-24.361,-19.611],[-24.425,-24.07],[-24.425,-24.07],[-13.924,-48.645],[-11.93,-50.893],[-9.07,-51.844],[13.538,-51.844],[18.311,-49.727],[18.395,-44.531]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[56.276,53.444],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"05.Left_Five Outlines","cl":"Left_Five","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.6]},"t":9,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":21,"s":[100]},{"i":{"x":[0],"y":[2.3]},"o":{"x":[0.167],"y":[0.167]},"t":26,"s":[100]},{"t":39,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[359,97.5,0],"ix":2,"l":2},"a":{"a":0,"k":[24.5,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.404,0],[0,0],[1.295,-3.021],[0,0],[2.397,0],[0,0],[-1.156,2.72],[0,0]],"o":[[0,0],[3.287,0],[0,0],[-0.944,2.203],[0,0],[-2.955,0],[0,0],[0.94,-2.213]],"v":[[-5.717,-17.031],[17.367,-17.031],[21.576,-10.65],[11.27,13.399],[5.762,17.031],[-17.92,17.031],[-21.715,11.295],[-11.232,-13.381]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[24.471,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"04.Left_Four Outlines","cl":"Left_Four","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":8,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":20.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":25.5,"s":[100]},{"t":38,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[344,27.5,0],"ix":2,"l":2},"a":{"a":0,"k":[24.5,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.404,0],[0,0],[1.295,-3.021],[0,0],[2.397,0],[0,0],[-1.156,2.72],[0,0]],"o":[[0,0],[3.287,0],[0,0],[-0.944,2.203],[0,0],[-2.955,0],[0,0],[0.94,-2.213]],"v":[[-5.717,-17.031],[17.367,-17.031],[21.576,-10.65],[11.27,13.399],[5.762,17.031],[-17.92,17.031],[-21.715,11.295],[-11.232,-13.381]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[24.471,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"03.Left_Three Outlines","cl":"Left_Three","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":7,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":19.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":24.5,"s":[100]},{"t":37,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[266,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[40,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.397,0],[0,0],[-1.215,-2.834],[0,0],[-2.397,0],[0,0],[1.402,3.27],[0,0]],"o":[[0,0],[-3.083,0],[0,0],[0.945,2.203],[0,0],[3.559,0],[0,0],[-0.944,-2.203]],"v":[[20.933,-17.031],[-32.761,-17.031],[-36.708,-11.045],[-26.233,13.399],[-20.725,17.031],[31.965,17.031],[36.521,10.122],[26.441,-13.399]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[39.523,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"02.Left_Two Outlines","cl":"Left_Two","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":6,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":18.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":23.5,"s":[100]},{"t":36,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[160,97.5,0],"ix":2,"l":2},"a":{"a":0,"k":[40,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.397,0],[0,0],[1.215,-2.834],[0,0],[2.398,0],[0,0],[-1.402,3.27],[0,0]],"o":[[0,0],[3.083,0],[0,0],[-0.945,2.203],[0,0],[-3.558,0],[0,0],[0.944,-2.203]],"v":[[-20.933,-17.031],[32.761,-17.031],[36.708,-11.045],[26.233,13.399],[20.724,17.031],[-31.966,17.031],[-36.521,10.122],[-26.441,-13.399]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[39.523,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"01.Left_One Outlines","cl":"Left_One","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":5,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":17.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":22.5,"s":[100]},{"t":35,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[61,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[24.5,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.404,0],[0,0],[1.295,-3.021],[0,0],[2.397,0],[0,0],[-1.156,2.72],[0,0]],"o":[[0,0],[3.287,0],[0,0],[-0.944,2.203],[0,0],[-2.955,0],[0,0],[0.94,-2.213]],"v":[[-5.717,-17.031],[17.367,-17.031],[21.576,-10.65],[11.27,13.399],[5.762,17.031],[-17.92,17.031],[-21.715,11.295],[-11.232,-13.381]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[24.471,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"05.Right_Five Outlines","cl":"Right_Five","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.6]},"t":9,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":21,"s":[100]},{"i":{"x":[0],"y":[2.3]},"o":{"x":[0.167],"y":[0.167]},"t":26,"s":[100]},{"t":39,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[546,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[24.5,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.404,0],[0,0],[1.295,-3.021],[0,0],[2.397,0],[0,0],[-1.156,2.72],[0,0]],"o":[[0,0],[3.287,0],[0,0],[-0.944,2.203],[0,0],[-2.955,0],[0,0],[0.94,-2.213]],"v":[[-5.717,-17.031],[17.367,-17.031],[21.576,-10.65],[11.27,13.399],[5.762,17.031],[-17.92,17.031],[-21.715,11.295],[-11.232,-13.381]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[24.471,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"04.Right_Four Outlines","cl":"Right_Four","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":8,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":20.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":25.5,"s":[100]},{"t":38,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[614,97.5,0],"ix":2,"l":2},"a":{"a":0,"k":[24.5,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.404,0],[0,0],[-1.295,-3.021],[0,0],[-2.397,0],[0,0],[1.156,2.72],[0,0]],"o":[[0,0],[-3.287,0],[0,0],[0.944,2.203],[0,0],[2.955,0],[0,0],[-0.94,-2.213]],"v":[[5.717,-17.031],[-17.367,-17.031],[-21.576,-10.65],[-11.27,13.399],[-5.762,17.031],[17.92,17.031],[21.715,11.295],[11.232,-13.381]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[24.471,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"03.Right_Three Outlines","cl":"Right_Three","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":7,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":19.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":24.5,"s":[100]},{"t":37,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[654,26.5,0],"ix":2,"l":2},"a":{"a":0,"k":[24.5,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[2.404,0],[0,0],[-1.295,-3.021],[0,0],[-2.397,0],[0,0],[1.156,2.72],[0,0]],"o":[[0,0],[-3.287,0],[0,0],[0.944,2.203],[0,0],[2.955,0],[0,0],[-0.94,-2.213]],"v":[[5.717,-17.031],[-17.368,-17.031],[-21.576,-10.65],[-11.27,13.399],[-5.762,17.031],[17.919,17.031],[21.714,11.295],[11.232,-13.381]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[24.471,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":11,"ty":4,"nm":"02.Right_Two Outlines","cl":"Right_Two","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":6,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":18.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":23.5,"s":[100]},{"t":36,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[724,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[40,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.397,0],[0,0],[1.215,-2.834],[0,0],[2.398,0],[0,0],[-1.402,3.27],[0,0]],"o":[[0,0],[3.083,0],[0,0],[-0.945,2.203],[0,0],[-3.558,0],[0,0],[0.944,-2.203]],"v":[[-20.933,-17.031],[32.761,-17.031],[36.708,-11.045],[26.233,13.399],[20.724,17.031],[-31.966,17.031],[-36.521,10.122],[-26.441,-13.399]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[39.523,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":"01.Right_One Outlines","cl":"Right_One","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.5],"y":[0.625]},"t":5,"s":[0]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":17.5,"s":[100]},{"i":{"x":[0],"y":[2.25]},"o":{"x":[0.167],"y":[0.167]},"t":22.5,"s":[100]},{"t":35,"s":[0]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[839,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[24.5,19,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-2.404,0],[0,0],[1.295,-3.021],[0,0],[2.397,0],[0,0],[-1.156,2.72],[0,0]],"o":[[0,0],[3.287,0],[0,0],[-0.944,2.203],[0,0],[-2.955,0],[0,0],[0.94,-2.213]],"v":[[-5.717,-17.031],[17.368,-17.031],[21.576,-10.65],[11.27,13.399],[5.762,17.031],[-17.919,17.031],[-21.715,11.295],[-11.232,-13.381]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.650980392157,0.650980392157,0.650980392157,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":1.6,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[24.471,18.631],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":719,"st":0,"bm":0},{"ddd":0,"ind":14,"ty":1,"nm":"BG","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[450,62.5,0],"ix":2,"l":2},"a":{"a":0,"k":[450,62.5,0],"ix":1,"l":2},"s":{"a":0,"k":[100,100,100],"ix":6,"l":2}},"ao":0,"sw":900,"sh":125,"sc":"#ffffff","ip":0,"op":719,"st":0,"bm":0}],"markers":[]};
-        var params = {
-            container: document.getElementById('lottie'),
-            renderer: 'svg',
-            loop: true,
-            autoplay: true,
-            animationData: animationData
-        };
-
-        var _anim;
-
-        _anim = lottie.loadAnimation(params);
-
-    </script>
-  </app-root>
-</body>
-</html>
diff --git a/frontend-vue/src/lib/ai-suggestions.spec.ts b/frontend/src/lib/ai-suggestions.spec.ts
similarity index 100%
rename from frontend-vue/src/lib/ai-suggestions.spec.ts
rename to frontend/src/lib/ai-suggestions.spec.ts
diff --git a/frontend-vue/src/lib/ai-suggestions.ts b/frontend/src/lib/ai-suggestions.ts
similarity index 100%
rename from frontend-vue/src/lib/ai-suggestions.ts
rename to frontend/src/lib/ai-suggestions.ts
diff --git a/frontend-vue/src/lib/binary.spec.ts b/frontend/src/lib/binary.spec.ts
similarity index 100%
rename from frontend-vue/src/lib/binary.spec.ts
rename to frontend/src/lib/binary.spec.ts
diff --git a/frontend-vue/src/lib/binary.ts b/frontend/src/lib/binary.ts
similarity index 100%
rename from frontend-vue/src/lib/binary.ts
rename to frontend/src/lib/binary.ts
diff --git a/frontend-vue/src/lib/cedar-monaco-language.ts b/frontend/src/lib/cedar-monaco-language.ts
similarity index 100%
rename from frontend-vue/src/lib/cedar-monaco-language.ts
rename to frontend/src/lib/cedar-monaco-language.ts
diff --git a/frontend-vue/src/lib/cedar-policy-items.ts b/frontend/src/lib/cedar-policy-items.ts
similarity index 100%
rename from frontend-vue/src/lib/cedar-policy-items.ts
rename to frontend/src/lib/cedar-policy-items.ts
diff --git a/frontend-vue/src/lib/cedar-policy-parser.ts b/frontend/src/lib/cedar-policy-parser.ts
similarity index 100%
rename from frontend-vue/src/lib/cedar-policy-parser.ts
rename to frontend/src/lib/cedar-policy-parser.ts
diff --git a/frontend-vue/src/lib/cedar-policy-roundtrip.spec.ts b/frontend/src/lib/cedar-policy-roundtrip.spec.ts
similarity index 100%
rename from frontend-vue/src/lib/cedar-policy-roundtrip.spec.ts
rename to frontend/src/lib/cedar-policy-roundtrip.spec.ts
diff --git a/frontend-vue/src/lib/cedar-wasm.ts b/frontend/src/lib/cedar-wasm.ts
similarity index 100%
rename from frontend-vue/src/lib/cedar-wasm.ts
rename to frontend/src/lib/cedar-wasm.ts
diff --git a/frontend-vue/src/lib/chart-config.helper.ts b/frontend/src/lib/chart-config.helper.ts
similarity index 100%
rename from frontend-vue/src/lib/chart-config.helper.ts
rename to frontend/src/lib/chart-config.helper.ts
diff --git a/frontend-vue/src/lib/clipboard.ts b/frontend/src/lib/clipboard.ts
similarity index 100%
rename from frontend-vue/src/lib/clipboard.ts
rename to frontend/src/lib/clipboard.ts
diff --git a/frontend-vue/src/lib/connection-theme.spec.ts b/frontend/src/lib/connection-theme.spec.ts
similarity index 100%
rename from frontend-vue/src/lib/connection-theme.spec.ts
rename to frontend/src/lib/connection-theme.spec.ts
diff --git a/frontend-vue/src/lib/connection-theme.ts b/frontend/src/lib/connection-theme.ts
similarity index 100%
rename from frontend-vue/src/lib/connection-theme.ts
rename to frontend/src/lib/connection-theme.ts
diff --git a/frontend-vue/src/lib/format-field-value.ts b/frontend/src/lib/format-field-value.ts
similarity index 100%
rename from frontend-vue/src/lib/format-field-value.ts
rename to frontend/src/lib/format-field-value.ts
diff --git a/frontend-vue/src/lib/markdown.spec.ts b/frontend/src/lib/markdown.spec.ts
similarity index 100%
rename from frontend-vue/src/lib/markdown.spec.ts
rename to frontend/src/lib/markdown.spec.ts
diff --git a/frontend-vue/src/lib/markdown.ts b/frontend/src/lib/markdown.ts
similarity index 100%
rename from frontend-vue/src/lib/markdown.ts
rename to frontend/src/lib/markdown.ts
diff --git a/frontend-vue/src/lib/mermaid-config.ts b/frontend/src/lib/mermaid-config.ts
similarity index 100%
rename from frontend-vue/src/lib/mermaid-config.ts
rename to frontend/src/lib/mermaid-config.ts
diff --git a/frontend-vue/src/lib/monaco.ts b/frontend/src/lib/monaco.ts
similarity index 100%
rename from frontend-vue/src/lib/monaco.ts
rename to frontend/src/lib/monaco.ts
diff --git a/frontend-vue/src/lib/monitoring.spec.ts b/frontend/src/lib/monitoring.spec.ts
similarity index 100%
rename from frontend-vue/src/lib/monitoring.spec.ts
rename to frontend/src/lib/monitoring.spec.ts
diff --git a/frontend-vue/src/lib/monitoring.ts b/frontend/src/lib/monitoring.ts
similarity index 100%
rename from frontend-vue/src/lib/monitoring.ts
rename to frontend/src/lib/monitoring.ts
diff --git a/frontend-vue/src/lib/normalize.spec.ts b/frontend/src/lib/normalize.spec.ts
similarity index 100%
rename from frontend-vue/src/lib/normalize.spec.ts
rename to frontend/src/lib/normalize.spec.ts
diff --git a/frontend-vue/src/lib/normalize.ts b/frontend/src/lib/normalize.ts
similarity index 100%
rename from frontend-vue/src/lib/normalize.ts
rename to frontend/src/lib/normalize.ts
diff --git a/frontend-vue/src/lib/parse-filter-params.spec.ts b/frontend/src/lib/parse-filter-params.spec.ts
similarity index 100%
rename from frontend-vue/src/lib/parse-filter-params.spec.ts
rename to frontend/src/lib/parse-filter-params.spec.ts
diff --git a/frontend-vue/src/lib/parse-filter-params.ts b/frontend/src/lib/parse-filter-params.ts
similarity index 100%
rename from frontend-vue/src/lib/parse-filter-params.ts
rename to frontend/src/lib/parse-filter-params.ts
diff --git a/frontend-vue/src/lib/password-strength.spec.ts b/frontend/src/lib/password-strength.spec.ts
similarity index 100%
rename from frontend-vue/src/lib/password-strength.spec.ts
rename to frontend/src/lib/password-strength.spec.ts
diff --git a/frontend-vue/src/lib/password-strength.ts b/frontend/src/lib/password-strength.ts
similarity index 100%
rename from frontend-vue/src/lib/password-strength.ts
rename to frontend/src/lib/password-strength.ts
diff --git a/frontend-vue/src/lib/permission-display.spec.ts b/frontend/src/lib/permission-display.spec.ts
similarity index 100%
rename from frontend-vue/src/lib/permission-display.spec.ts
rename to frontend/src/lib/permission-display.spec.ts
diff --git a/frontend-vue/src/lib/permission-display.ts b/frontend/src/lib/permission-display.ts
similarity index 100%
rename from frontend-vue/src/lib/permission-display.ts
rename to frontend/src/lib/permission-display.ts
diff --git a/frontend-vue/src/lib/setup-table-row-structure.spec.ts b/frontend/src/lib/setup-table-row-structure.spec.ts
similarity index 100%
rename from frontend-vue/src/lib/setup-table-row-structure.spec.ts
rename to frontend/src/lib/setup-table-row-structure.spec.ts
diff --git a/frontend-vue/src/lib/setup-table-row-structure.ts b/frontend/src/lib/setup-table-row-structure.ts
similarity index 100%
rename from frontend-vue/src/lib/setup-table-row-structure.ts
rename to frontend/src/lib/setup-table-row-structure.ts
diff --git a/frontend-vue/src/lib/table-events.spec.ts b/frontend/src/lib/table-events.spec.ts
similarity index 100%
rename from frontend-vue/src/lib/table-events.spec.ts
rename to frontend/src/lib/table-events.spec.ts
diff --git a/frontend-vue/src/lib/table-events.ts b/frontend/src/lib/table-events.ts
similarity index 100%
rename from frontend-vue/src/lib/table-events.ts
rename to frontend/src/lib/table-events.ts
diff --git a/frontend-vue/src/lib/table-query.spec.ts b/frontend/src/lib/table-query.spec.ts
similarity index 100%
rename from frontend-vue/src/lib/table-query.spec.ts
rename to frontend/src/lib/table-query.spec.ts
diff --git a/frontend-vue/src/lib/table-query.ts b/frontend/src/lib/table-query.ts
similarity index 100%
rename from frontend-vue/src/lib/table-query.ts
rename to frontend/src/lib/table-query.ts
diff --git a/frontend-vue/src/lib/table-url.spec.ts b/frontend/src/lib/table-url.spec.ts
similarity index 100%
rename from frontend-vue/src/lib/table-url.spec.ts
rename to frontend/src/lib/table-url.spec.ts
diff --git a/frontend-vue/src/lib/table-url.ts b/frontend/src/lib/table-url.ts
similarity index 100%
rename from frontend-vue/src/lib/table-url.ts
rename to frontend/src/lib/table-url.ts
diff --git a/frontend-vue/src/lib/table-view.spec.ts b/frontend/src/lib/table-view.spec.ts
similarity index 100%
rename from frontend-vue/src/lib/table-view.spec.ts
rename to frontend/src/lib/table-view.spec.ts
diff --git a/frontend-vue/src/lib/table-view.ts b/frontend/src/lib/table-view.ts
similarity index 100%
rename from frontend-vue/src/lib/table-view.ts
rename to frontend/src/lib/table-view.ts
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index ca135a3f4..14aef6090 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -1,191 +1,61 @@
-import { ClipboardModule } from '@angular/cdk/clipboard';
-import { DragDropModule } from '@angular/cdk/drag-drop';
-import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import { APP_INITIALIZER, ErrorHandler, enableProdMode, importProvidersFrom } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MAT_ICON_DEFAULT_OPTIONS, MatIconDefaultOptions } from '@angular/material/icon';
-import { BrowserModule, bootstrapApplication, Title } from '@angular/platform-browser';
-import { provideAnimations } from '@angular/platform-browser/animations';
-import { Router, RouterModule } from '@angular/router';
-import { IColorConfig, NgxThemeModule } from '@brumeilde/ngx-theme';
-import { provideCodeEditor } from '@ngstack/code-editor';
-import * as Sentry from '@sentry/angular';
-import { Angulartics2Module } from 'angulartics2';
-import { DynamicModule } from 'ng-dynamic-component';
-import { SignalComponentIoModule } from 'ng-dynamic-component/signal-component-io';
-import { provideCharts, withDefaultRegisterables } from 'ng2-charts';
-import { CookieService } from 'ngx-cookie-service';
-import { MarkdownModule, MERMAID_OPTIONS, provideMarkdown } from 'ngx-markdown';
-import { AppComponent } from './app/app.component';
-import { AppRoutingModule } from './app/app-routing.module';
-import { ConfigModule } from './app/modules/config.module';
-import { ConnectionsService } from './app/services/connections.service';
-import { NotificationsService } from './app/services/notifications.service';
-import { TablesService } from './app/services/tables.service';
-import { TokenInterceptor } from './app/services/token.interceptor';
-import { EncodeUrlParamsSafelyInterceptor } from './app/services/url-params.interceptor';
-import { UsersService } from './app/services/users.service';
-import { environment } from './environments/environment';
+// Self-hosted brand fonts first so their @font-face rules land before the theme, then the tokens,
+// then base.css (which reads them). .storybook/preview.ts mirrors this order — keep them together.
+import '@fontsource-variable/geist';
+import '@fontsource-variable/space-grotesk';
+import '@fontsource-variable/geist-mono';
+import '@material-symbols/font-400/outlined.css';
+import './assets/theme.css';
+import './assets/base.css';
 
-const saasExtraProviders = (environment as any).saas
-	? [
-			{
-				provide: Sentry.TraceService,
-				deps: [Router],
-			},
-			{
-				provide: ErrorHandler,
-				useValue: Sentry.createErrorHandler({
-					showDialog: true,
-				}),
-			},
-		]
-	: [];
-const colorConfig: IColorConfig<Palettes, Colors> = {
-	palettes: {
-		primaryPalette: '#212121',
-		accentedPalette: '#2563eb',
-		warnPalette: '#B71C1C',
-		whitePalette: '#FFFFFF',
-		warnDarkPalette: '#E53935',
-		warningPalette: '#f79008',
-		infoPalette: '#296ee9',
-		successPalette: '#008027',
-		alternativePalette: '#6d28d9',
-		successDarkPalette: '#4caf50',
-		alternativeDarkPalette: '#c084fc',
-	},
-	simpleColors: { myColorName: '#2e959a' },
-};
-type Palettes = {
-	primaryPalette: string;
-	accentedPalette: string;
-	warnPalette: string;
-	whitePalette: string;
-	warnDarkPalette: string;
-	warningPalette: string;
-	infoPalette: string;
-	successPalette: string;
-	alternativePalette: string;
-	successDarkPalette: string;
-	alternativeDarkPalette: string;
-};
-type Colors = { myColorName: string };
+import { VueQueryPlugin } from '@tanstack/vue-query';
+import { createPinia } from 'pinia';
+import { createApp } from 'vue';
+import App from './App.vue';
+import { isApiError } from './api/client';
+import { vTooltip } from './components/ui';
+import { loadConfig } from './config';
+import { initMonitoring } from './lib/monitoring';
+import { router } from './router';
+import { useAuthStore } from './stores/auth';
+import { bindConnectionsToRouter } from './stores/connections';
+import { bindTablesToRouter } from './stores/tables';
 
-if (environment.production) {
-	enableProdMode();
-}
+async function bootstrap() {
+	await loadConfig('/config.json');
+
+	const app = createApp(App);
+	const pinia = createPinia();
+	app.use(pinia);
+	app.directive('tooltip', vTooltip);
+	initMonitoring(app, router);
 
-if ((environment as Record<string, unknown>).saas) {
-	Sentry.init({
-		dsn: 'https://4d774c4c2c8a8f733cb4d43599cc0dc6@o4506084700389376.ingest.sentry.io/4506084702486528',
-		integrations: [Sentry.browserTracingIntegration()],
-		// Set 'tracePropagationTargets' to control for which URLs distributed tracing should be enabled
-		tracePropagationTargets: ['localhost', /^https:\/\/app\.rocketadmin\.com\/api/],
-		// Performance Monitoring
-		tracesSampleRate: 1.0, // Capture 100% of the transactions
-		// Session Replay
-		replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
-		replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
+	// An awaited request that failed has already been shown to the user (see ApiError.notified);
+	// letting it reach the console as an unhandled error would only add noise.
+	const defaultHandler = app.config.errorHandler;
+	app.config.errorHandler = (error, instance, info) => {
+		if (isApiError(error) && error.notified) return;
+		if (defaultHandler) defaultHandler(error, instance, info);
+		else console.error(error);
+	};
+	window.addEventListener('unhandledrejection', (event) => {
+		if (isApiError(event.reason) && event.reason.notified) event.preventDefault();
 	});
+
+	// Before the router resolves the first route: the guards read the restored session.
+	useAuthStore(pinia).restoreSession();
+
+	// Queries behave like Angular's httpResource: one attempt (the client already reported the
+	// failure) and no refetch on window focus.
+	// Angular read the current connection and table from the URL on every navigation.
+	bindConnectionsToRouter(router);
+	bindTablesToRouter(router);
+
+	app
+		.use(router)
+		.use(VueQueryPlugin, {
+			queryClientConfig: { defaultOptions: { queries: { retry: false, refetchOnWindowFocus: false } } },
+		})
+		.mount('#app');
 }
 
-bootstrapApplication(AppComponent, {
-	providers: [
-		importProvidersFrom(
-			BrowserModule,
-			AppRoutingModule,
-			FormsModule,
-			ReactiveFormsModule,
-			RouterModule,
-			DynamicModule,
-			SignalComponentIoModule,
-			Angulartics2Module.forRoot(),
-			ClipboardModule,
-			DragDropModule,
-			MarkdownModule.forRoot(),
-			// ...saasExtraModules,
-			NgxThemeModule.forRoot(colorConfig, {
-				frameworks: ['material'], // optional, default : ['tailwind', 'material']
-			}),
-			ConfigModule.buildForConfigUrl('/config.json'),
-		),
-		provideCodeEditor({
-			baseUrl: 'assets/monaco',
-		}),
-		ConnectionsService,
-		UsersService,
-		NotificationsService,
-		TablesService,
-		CookieService,
-		provideMarkdown({
-			mermaidOptions: {
-				provide: MERMAID_OPTIONS,
-				useValue: window.matchMedia('(prefers-color-scheme: dark)').matches ? {
-					startOnLoad: false,
-					theme: 'base',
-					themeVariables: {
-						darkMode: true,
-						background: '#15102b',
-						primaryColor: '#1d143a',
-						primaryBorderColor: '#3d2b6e',
-						primaryTextColor: '#ede9fe',
-						secondaryColor: '#251a47',
-						tertiaryColor: '#1d143a',
-						lineColor: '#a78bfa',
-						mainBkg: '#1d143a',
-						nodeBkg: '#1d143a',
-						nodeBorder: '#3d2b6e',
-						clusterBkg: '#1d143a',
-						clusterBorder: '#3d2b6e',
-						attributeBackgroundColorOdd: '#1d143a',
-						attributeBackgroundColorEven: '#1d143a',
-						titleColor: '#ede9fe',
-						edgeLabelBackground: '#1d143a',
-						textColor: '#ede9fe',
-						labelTextColor: '#ede9fe',
-						nodeTextColor: '#ede9fe',
-					},
-				} : {
-					startOnLoad: false,
-					theme: 'default',
-				},
-			},
-		}),
-		Title,
-		{
-			provide: HTTP_INTERCEPTORS,
-			useClass: TokenInterceptor,
-			multi: true,
-		},
-		{
-			provide: HTTP_INTERCEPTORS,
-			useClass: EncodeUrlParamsSafelyInterceptor,
-			multi: true,
-		},
-		{
-			provide: APP_INITIALIZER,
-			useFactory: () => () => {},
-			deps: (environment as Record<string, unknown>).saas ? [Sentry.TraceService] : [],
-			multi: true,
-		},
-		{
-			provide: 'COLOR_CONFIG',
-			useValue: colorConfig,
-		},
-		{
-			provide: 'THEME_OPTIONS',
-			useValue: { frameworks: ['material'] },
-		},
-		...saasExtraProviders,
-		provideHttpClient(withInterceptorsFromDi()),
-		provideAnimations(),
-		provideCharts(withDefaultRegisterables()),
-		{
-			provide: MAT_ICON_DEFAULT_OPTIONS,
-			useValue: {
-				fontSet: 'material-symbols-outlined',
-			} as MatIconDefaultOptions,
-		},
-	],
-}).catch((err) => console.error(err));
+bootstrap();
diff --git a/frontend-vue/src/models/ai-suggestions.ts b/frontend/src/models/ai-suggestions.ts
similarity index 100%
rename from frontend-vue/src/models/ai-suggestions.ts
rename to frontend/src/models/ai-suggestions.ts
diff --git a/frontend-vue/src/models/alert.ts b/frontend/src/models/alert.ts
similarity index 100%
rename from frontend-vue/src/models/alert.ts
rename to frontend/src/models/alert.ts
diff --git a/frontend-vue/src/models/company.ts b/frontend/src/models/company.ts
similarity index 100%
rename from frontend-vue/src/models/company.ts
rename to frontend/src/models/company.ts
diff --git a/frontend-vue/src/models/connection.ts b/frontend/src/models/connection.ts
similarity index 100%
rename from frontend-vue/src/models/connection.ts
rename to frontend/src/models/connection.ts
diff --git a/frontend-vue/src/models/dashboard.ts b/frontend/src/models/dashboard.ts
similarity index 100%
rename from frontend-vue/src/models/dashboard.ts
rename to frontend/src/models/dashboard.ts
diff --git a/frontend-vue/src/models/logs.ts b/frontend/src/models/logs.ts
similarity index 100%
rename from frontend-vue/src/models/logs.ts
rename to frontend/src/models/logs.ts
diff --git a/frontend-vue/src/models/saved-query.ts b/frontend/src/models/saved-query.ts
similarity index 100%
rename from frontend-vue/src/models/saved-query.ts
rename to frontend/src/models/saved-query.ts
diff --git a/frontend-vue/src/models/secret.ts b/frontend/src/models/secret.ts
similarity index 100%
rename from frontend-vue/src/models/secret.ts
rename to frontend/src/models/secret.ts
diff --git a/frontend-vue/src/models/table.ts b/frontend/src/models/table.ts
similarity index 100%
rename from frontend-vue/src/models/table.ts
rename to frontend/src/models/table.ts
diff --git a/frontend-vue/src/models/ui-settings.ts b/frontend/src/models/ui-settings.ts
similarity index 100%
rename from frontend-vue/src/models/ui-settings.ts
rename to frontend/src/models/ui-settings.ts
diff --git a/frontend-vue/src/models/user.ts b/frontend/src/models/user.ts
similarity index 100%
rename from frontend-vue/src/models/user.ts
rename to frontend/src/models/user.ts
diff --git a/frontend/src/polyfills.ts b/frontend/src/polyfills.ts
deleted file mode 100644
index 43c98ea7f..000000000
--- a/frontend/src/polyfills.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-/**
- * This file includes polyfills needed by Angular and is loaded before the app.
- * You can add your own extra polyfills to this file.
- *
- * This file is divided into 2 sections:
- *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
- *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
- *      file.
- *
- * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
- * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
- * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
- *
- * Learn more in https://angular.io/guide/browser-support
- */
-
-/***************************************************************************************************
- * BROWSER POLYFILLS
- */
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-/**
- * By default, zone.js will patch all possible macroTask and DomEvents
- * user can disable parts of macroTask/DomEvents patch by setting following flags
- * because those flags need to be set before `zone.js` being loaded, and webpack
- * will put import in the top of bundle, so user need to create a separate file
- * in this directory (for example: zone-flags.ts), and put the following flags
- * into that file, and then add the following code before importing zone.js.
- * import './zone-flags.ts';
- *
- * The flags allowed in zone-flags.ts are listed here.
- *
- * The following flags will work for all browsers.
- *
- * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
- * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
- * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
- *
- *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- *  with the following flag, it will bypass `zone.js` patch for IE/Edge
- *
- *  (window as any).__Zone_enable_cross_context_check = true;
- *
- */
-
-/***************************************************************************************************
- * Zone JS is required by default for Angular itself.
- */
-import 'zone.js';
-
-// Included with Angular CLI.
-
-/***************************************************************************************************
- * APPLICATION IMPORTS
- */
-
-(window as any).global = window;
-(window as any).process = {
-	env: { DEBUG: undefined },
-};
diff --git a/frontend/src/proxy.conf.json b/frontend/src/proxy.conf.json
deleted file mode 100644
index 01c99fe49..000000000
--- a/frontend/src/proxy.conf.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-	"/api/**": {
-		"target": "https://app.rocketadmin.com/api/",
-		"secure": false
-	}
-}
diff --git a/frontend-vue/src/router/guards.spec.ts b/frontend/src/router/guards.spec.ts
similarity index 100%
rename from frontend-vue/src/router/guards.spec.ts
rename to frontend/src/router/guards.spec.ts
diff --git a/frontend-vue/src/router/guards.ts b/frontend/src/router/guards.ts
similarity index 100%
rename from frontend-vue/src/router/guards.ts
rename to frontend/src/router/guards.ts
diff --git a/frontend-vue/src/router/index.ts b/frontend/src/router/index.ts
similarity index 100%
rename from frontend-vue/src/router/index.ts
rename to frontend/src/router/index.ts
diff --git a/frontend-vue/src/router/routes.spec.ts b/frontend/src/router/routes.spec.ts
similarity index 100%
rename from frontend-vue/src/router/routes.spec.ts
rename to frontend/src/router/routes.spec.ts
diff --git a/frontend-vue/src/router/routes.ts b/frontend/src/router/routes.ts
similarity index 100%
rename from frontend-vue/src/router/routes.ts
rename to frontend/src/router/routes.ts
diff --git a/frontend-vue/src/stores/ai-suggestions.spec.ts b/frontend/src/stores/ai-suggestions.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/ai-suggestions.spec.ts
rename to frontend/src/stores/ai-suggestions.spec.ts
diff --git a/frontend-vue/src/stores/ai-suggestions.ts b/frontend/src/stores/ai-suggestions.ts
similarity index 100%
rename from frontend-vue/src/stores/ai-suggestions.ts
rename to frontend/src/stores/ai-suggestions.ts
diff --git a/frontend-vue/src/stores/ai.spec.ts b/frontend/src/stores/ai.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/ai.spec.ts
rename to frontend/src/stores/ai.spec.ts
diff --git a/frontend-vue/src/stores/ai.ts b/frontend/src/stores/ai.ts
similarity index 100%
rename from frontend-vue/src/stores/ai.ts
rename to frontend/src/stores/ai.ts
diff --git a/frontend-vue/src/stores/auth.spec.ts b/frontend/src/stores/auth.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/auth.spec.ts
rename to frontend/src/stores/auth.spec.ts
diff --git a/frontend-vue/src/stores/auth.ts b/frontend/src/stores/auth.ts
similarity index 100%
rename from frontend-vue/src/stores/auth.ts
rename to frontend/src/stores/auth.ts
diff --git a/frontend-vue/src/stores/cedar-permissions.spec.ts b/frontend/src/stores/cedar-permissions.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/cedar-permissions.spec.ts
rename to frontend/src/stores/cedar-permissions.spec.ts
diff --git a/frontend-vue/src/stores/cedar-permissions.ts b/frontend/src/stores/cedar-permissions.ts
similarity index 100%
rename from frontend-vue/src/stores/cedar-permissions.ts
rename to frontend/src/stores/cedar-permissions.ts
diff --git a/frontend-vue/src/stores/company.spec.ts b/frontend/src/stores/company.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/company.spec.ts
rename to frontend/src/stores/company.spec.ts
diff --git a/frontend-vue/src/stores/company.ts b/frontend/src/stores/company.ts
similarity index 100%
rename from frontend-vue/src/stores/company.ts
rename to frontend/src/stores/company.ts
diff --git a/frontend-vue/src/stores/configuration-state.spec.ts b/frontend/src/stores/configuration-state.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/configuration-state.spec.ts
rename to frontend/src/stores/configuration-state.spec.ts
diff --git a/frontend-vue/src/stores/configuration-state.ts b/frontend/src/stores/configuration-state.ts
similarity index 100%
rename from frontend-vue/src/stores/configuration-state.ts
rename to frontend/src/stores/configuration-state.ts
diff --git a/frontend-vue/src/stores/connections.spec.ts b/frontend/src/stores/connections.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/connections.spec.ts
rename to frontend/src/stores/connections.spec.ts
diff --git a/frontend-vue/src/stores/connections.ts b/frontend/src/stores/connections.ts
similarity index 100%
rename from frontend-vue/src/stores/connections.ts
rename to frontend/src/stores/connections.ts
diff --git a/frontend-vue/src/stores/dashboards.spec.ts b/frontend/src/stores/dashboards.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/dashboards.spec.ts
rename to frontend/src/stores/dashboards.spec.ts
diff --git a/frontend-vue/src/stores/dashboards.ts b/frontend/src/stores/dashboards.ts
similarity index 100%
rename from frontend-vue/src/stores/dashboards.ts
rename to frontend/src/stores/dashboards.ts
diff --git a/frontend-vue/src/stores/master-password.spec.ts b/frontend/src/stores/master-password.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/master-password.spec.ts
rename to frontend/src/stores/master-password.spec.ts
diff --git a/frontend-vue/src/stores/master-password.ts b/frontend/src/stores/master-password.ts
similarity index 100%
rename from frontend-vue/src/stores/master-password.ts
rename to frontend/src/stores/master-password.ts
diff --git a/frontend-vue/src/stores/notifications.spec.ts b/frontend/src/stores/notifications.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/notifications.spec.ts
rename to frontend/src/stores/notifications.spec.ts
diff --git a/frontend-vue/src/stores/notifications.ts b/frontend/src/stores/notifications.ts
similarity index 100%
rename from frontend-vue/src/stores/notifications.ts
rename to frontend/src/stores/notifications.ts
diff --git a/frontend-vue/src/stores/s3.spec.ts b/frontend/src/stores/s3.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/s3.spec.ts
rename to frontend/src/stores/s3.spec.ts
diff --git a/frontend-vue/src/stores/s3.ts b/frontend/src/stores/s3.ts
similarity index 100%
rename from frontend-vue/src/stores/s3.ts
rename to frontend/src/stores/s3.ts
diff --git a/frontend-vue/src/stores/saved-queries.spec.ts b/frontend/src/stores/saved-queries.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/saved-queries.spec.ts
rename to frontend/src/stores/saved-queries.spec.ts
diff --git a/frontend-vue/src/stores/saved-queries.ts b/frontend/src/stores/saved-queries.ts
similarity index 100%
rename from frontend-vue/src/stores/saved-queries.ts
rename to frontend/src/stores/saved-queries.ts
diff --git a/frontend-vue/src/stores/secrets.spec.ts b/frontend/src/stores/secrets.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/secrets.spec.ts
rename to frontend/src/stores/secrets.spec.ts
diff --git a/frontend-vue/src/stores/secrets.ts b/frontend/src/stores/secrets.ts
similarity index 100%
rename from frontend-vue/src/stores/secrets.ts
rename to frontend/src/stores/secrets.ts
diff --git a/frontend-vue/src/stores/selfhosted.ts b/frontend/src/stores/selfhosted.ts
similarity index 100%
rename from frontend-vue/src/stores/selfhosted.ts
rename to frontend/src/stores/selfhosted.ts
diff --git a/frontend-vue/src/stores/table-row.spec.ts b/frontend/src/stores/table-row.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/table-row.spec.ts
rename to frontend/src/stores/table-row.spec.ts
diff --git a/frontend-vue/src/stores/table-row.ts b/frontend/src/stores/table-row.ts
similarity index 100%
rename from frontend-vue/src/stores/table-row.ts
rename to frontend/src/stores/table-row.ts
diff --git a/frontend-vue/src/stores/table-schema.spec.ts b/frontend/src/stores/table-schema.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/table-schema.spec.ts
rename to frontend/src/stores/table-schema.spec.ts
diff --git a/frontend-vue/src/stores/table-schema.ts b/frontend/src/stores/table-schema.ts
similarity index 100%
rename from frontend-vue/src/stores/table-schema.ts
rename to frontend/src/stores/table-schema.ts
diff --git a/frontend-vue/src/stores/table-state.spec.ts b/frontend/src/stores/table-state.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/table-state.spec.ts
rename to frontend/src/stores/table-state.spec.ts
diff --git a/frontend-vue/src/stores/table-state.ts b/frontend/src/stores/table-state.ts
similarity index 100%
rename from frontend-vue/src/stores/table-state.ts
rename to frontend/src/stores/table-state.ts
diff --git a/frontend-vue/src/stores/tables.spec.ts b/frontend/src/stores/tables.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/tables.spec.ts
rename to frontend/src/stores/tables.spec.ts
diff --git a/frontend-vue/src/stores/tables.ts b/frontend/src/stores/tables.ts
similarity index 100%
rename from frontend-vue/src/stores/tables.ts
rename to frontend/src/stores/tables.ts
diff --git a/frontend-vue/src/stores/ui-settings.spec.ts b/frontend/src/stores/ui-settings.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/ui-settings.spec.ts
rename to frontend/src/stores/ui-settings.spec.ts
diff --git a/frontend-vue/src/stores/ui-settings.ts b/frontend/src/stores/ui-settings.ts
similarity index 100%
rename from frontend-vue/src/stores/ui-settings.ts
rename to frontend/src/stores/ui-settings.ts
diff --git a/frontend-vue/src/stores/user.spec.ts b/frontend/src/stores/user.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/user.spec.ts
rename to frontend/src/stores/user.spec.ts
diff --git a/frontend-vue/src/stores/user.ts b/frontend/src/stores/user.ts
similarity index 100%
rename from frontend-vue/src/stores/user.ts
rename to frontend/src/stores/user.ts
diff --git a/frontend-vue/src/stores/users.spec.ts b/frontend/src/stores/users.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/users.spec.ts
rename to frontend/src/stores/users.spec.ts
diff --git a/frontend-vue/src/stores/users.ts b/frontend/src/stores/users.ts
similarity index 100%
rename from frontend-vue/src/stores/users.ts
rename to frontend/src/stores/users.ts
diff --git a/frontend-vue/src/stores/view-as.spec.ts b/frontend/src/stores/view-as.spec.ts
similarity index 100%
rename from frontend-vue/src/stores/view-as.spec.ts
rename to frontend/src/stores/view-as.spec.ts
diff --git a/frontend-vue/src/stores/view-as.ts b/frontend/src/stores/view-as.ts
similarity index 100%
rename from frontend-vue/src/stores/view-as.ts
rename to frontend/src/stores/view-as.ts
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
deleted file mode 100644
index 07e745d9b..000000000
--- a/frontend/src/styles.scss
+++ /dev/null
@@ -1,246 +0,0 @@
-// @import 'codemirror/lib/codemirror';
-// @import 'codemirror/theme/ttcn';
-
-
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    color: #0a0a0a;
-    // font-family: Poppins, sans-serif;
-}
-
-html, body { height: 100%; }
-body {
-    background-color: #fff;
-    margin: 0;
-}
-
-.mainLayout {
-    display: flex;
-    flex-direction: column;
-    min-height: 100%;
-}
-
-.background-decoration {
-    background-image:
-        url('./assets/bg/decor-left.svg'),
-        url('./assets/bg/decor-right.svg');
-    background-repeat: no-repeat;
-    background-position: left 100%, right -60%;
-    background-size: 20%, 25%;
-    height: 100%;
-    min-height: calc(100vh - 56px);
-}
-
-@media (prefers-color-scheme: dark) {
-    .background-decoration {
-        background-image:
-        url('./assets/bg/decor-left_dark.svg'),
-        url('./assets/bg/decor-right_dark.svg');
-    }
-}
-
-.skeleton {
-    position: relative;
-    overflow: hidden;
-    width: 100%;
-}
-
-.skeleton::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    transform: translateX(-100%);
-    // background-image: linear-gradient(
-    //     90deg,
-    //     transparent 40%,
-    //     rgba(255,255,255, 1),
-    //     transparent 60%
-    // );
-    animation: shimmer 1000ms ease-in-out infinite alternate;
-}
-
-@media (prefers-color-scheme: light) {
-    .skeleton::after {
-        background-image: linear-gradient(
-            90deg,
-            transparent 40%,
-            var(--mat-sidenav-content-background-color, #fff),
-            transparent 60%
-        );
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-    .skeleton::after {
-        background-image: linear-gradient(
-            90deg,
-            transparent 40%,
-            var(--mat-sidenav-content-background-color, #303030),
-            transparent 60%
-        );
-    }
-}
-
-body:has(.ai-panel-sidebar-content_open) .add-row-fab {
-    display: none !important;
-}
-
-@keyframes shimmer {
-    100% {
-        transform: translateX(100%);
-    }
-}
-
-.bone {
-    display: block;
-    background-color: rgba(0, 0, 0, 0.06);
-    mix-blend-mode: difference;
-}
-
-@media (width <= 600px) {
-    .cdk-overlay-pane.mobile-bottom-sheet-dialog {
-        position: fixed !important;
-        bottom: 0 !important;
-        left: 0 !important;
-        right: 0 !important;
-        top: auto !important;
-        max-width: 100vw !important;
-        width: 100vw !important;
-        margin: 0 !important;
-        animation: mobileBottomSheetSlideUp 260ms cubic-bezier(0.2, 0.8, 0.2, 1);
-    }
-
-    .mobile-bottom-sheet-dialog .mat-mdc-dialog-container {
-        --mdc-dialog-container-shape: 16px 16px 0 0;
-        max-height: 85vh;
-        padding-bottom: env(safe-area-inset-bottom, 0px);
-    }
-
-    .mobile-bottom-sheet-dialog .mat-mdc-dialog-surface {
-        position: relative;
-        border-radius: 16px 16px 0 0 !important;
-        box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.18) !important;
-        max-height: 85vh;
-        overflow: hidden;
-        padding-top: 16px !important;
-        display: flex;
-        flex-direction: column;
-    }
-
-    .mobile-bottom-sheet-dialog .filters-header {
-        margin-top: 8px !important;
-        margin-bottom: 8px !important;
-    }
-
-    .mobile-bottom-sheet-dialog .filters-content {
-        padding-top: 12px !important;
-    }
-
-    .mobile-bottom-sheet-dialog .filters-select {
-        margin-top: 4px;
-    }
-
-    .mobile-bottom-sheet-dialog .mat-mdc-dialog-surface::before {
-        content: "";
-        position: absolute;
-        top: 8px;
-        left: 50%;
-        transform: translateX(-50%);
-        width: 36px;
-        height: 4px;
-        border-radius: 2px;
-        background: rgba(0, 0, 0, 0.2);
-        z-index: 10;
-    }
-}
-
-@media (prefers-color-scheme: dark) and (width <= 600px) {
-    .mobile-bottom-sheet-dialog .mat-mdc-dialog-surface::before {
-        background: rgba(255, 255, 255, 0.24);
-    }
-}
-
-@keyframes mobileBottomSheetSlideUp {
-    from {
-        transform: translateY(100%);
-    }
-    to {
-        transform: translateY(0);
-    }
-}
-
-@media (width <= 600px) {
-    .cdk-overlay-pane:has(.mat-mdc-select-panel) {
-        min-width: 200px !important;
-        width: max-content !important;
-        max-width: calc(100vw - 32px) !important;
-    }
-
-    .mat-mdc-select-panel {
-        min-width: 200px !important;
-        width: max-content !important;
-        max-width: calc(100vw - 32px) !important;
-    }
-
-    .comparator-field {
-        min-width: 0 !important;
-        max-width: 116px !important;
-        flex: 0 0 auto !important;
-    }
-
-    .comparator-field .mat-mdc-text-field-wrapper {
-        padding-left: 8px !important;
-        padding-right: 0 !important;
-    }
-
-    .comparator-field .mat-mdc-form-field-infix {
-        min-height: 36px !important;
-        padding-top: 8px !important;
-        padding-bottom: 8px !important;
-        width: auto !important;
-    }
-
-    .comparator-field .mat-mdc-select-arrow-wrapper {
-        padding-right: 4px;
-    }
-
-    .filter-row .value-field {
-        flex: 1 1 0 !important;
-        min-width: 0 !important;
-    }
-
-    .mat-mdc-form-field .mdc-notched-outline__notch,
-    .mat-mdc-form-field .mdc-notched-outline {
-        max-width: none !important;
-        overflow: visible !important;
-    }
-
-    .mat-mdc-form-field .mdc-floating-label,
-    .mat-mdc-form-field .mdc-floating-label--float-above {
-        max-width: none !important;
-        white-space: nowrap !important;
-        overflow: visible !important;
-        text-overflow: clip !important;
-    }
-
-    .mat-mdc-form-field-flex {
-        overflow: visible !important;
-    }
-}
-
-
-@media (width <= 600px) {
-    /* Hide cell copy buttons on mobile — invisible (no hover) but still
-       tappable, causing accidental copies instead of opening row preview. */
-    app-db-table-view .field-copy-button {
-        display: none !important;
-    }
-}
diff --git a/frontend/src/test-setup.ts b/frontend/src/test-setup.ts
index 89b4d63f9..433f66aeb 100644
--- a/frontend/src/test-setup.ts
+++ b/frontend/src/test-setup.ts
@@ -1,16 +1,24 @@
-/// <reference types="vitest/globals" />
-import 'zone.js';
-import 'zone.js/testing';
-import { TestBed } from '@angular/core/testing';
-import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
 import { vi } from 'vitest';
 
-// Initialize Angular testing environment
-try {
-	TestBed.initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
-} catch (e) {
-	// TestBed already initialized
+// jsdom implements no layout, so the observer APIs are missing and a component that creates one
+// on mount would throw. The stubs never fire: jsdom reports every box as 0×0 anyway.
+class NoopObserver {
+	observe(): void {}
+	unobserve(): void {}
+	disconnect(): void {}
+	takeRecords(): [] {
+		return [];
+	}
 }
 
-// Expose vi globally for tests that need it
-(globalThis as any).vi = vi;
+globalThis.ResizeObserver ??= NoopObserver as unknown as typeof ResizeObserver;
+globalThis.IntersectionObserver ??= NoopObserver as unknown as typeof IntersectionObserver;
+
+// Monaco can't run in jsdom (no layout, no workers). Rejecting the loader leaves AppCodeEditor on
+// its <textarea> fallback, which is what component tests drive.
+vi.mock('@/lib/monaco', () => ({
+	loadMonaco: () => Promise.reject(new Error('Monaco is not available in tests')),
+	getMonacoWorker: () => {
+		throw new Error('Monaco is not available in tests');
+	},
+}));
diff --git a/frontend/src/types/globals.d.ts b/frontend/src/types/globals.d.ts
index f65bdd9e0..881b970aa 100644
--- a/frontend/src/types/globals.d.ts
+++ b/frontend/src/types/globals.d.ts
@@ -1,3 +1,4 @@
+// Third-party globals injected by index.saas.html (Intercom, Hotjar).
 declare global {
 	interface Window {
 		Intercom?: (command: string, options?: Record<string, unknown>) => void;
diff --git a/frontend-vue/src/types/third-party-auth.d.ts b/frontend/src/types/third-party-auth.d.ts
similarity index 100%
rename from frontend-vue/src/types/third-party-auth.d.ts
rename to frontend/src/types/third-party-auth.d.ts
diff --git a/frontend-vue/src/validators/base64.validator.spec.ts b/frontend/src/validators/base64.validator.spec.ts
similarity index 100%
rename from frontend-vue/src/validators/base64.validator.spec.ts
rename to frontend/src/validators/base64.validator.spec.ts
diff --git a/frontend-vue/src/validators/base64.validator.ts b/frontend/src/validators/base64.validator.ts
similarity index 100%
rename from frontend-vue/src/validators/base64.validator.ts
rename to frontend/src/validators/base64.validator.ts
diff --git a/frontend-vue/src/validators/connection-string.validator.spec.ts b/frontend/src/validators/connection-string.validator.spec.ts
similarity index 100%
rename from frontend-vue/src/validators/connection-string.validator.spec.ts
rename to frontend/src/validators/connection-string.validator.spec.ts
diff --git a/frontend-vue/src/validators/connection-string.validator.ts b/frontend/src/validators/connection-string.validator.ts
similarity index 100%
rename from frontend-vue/src/validators/connection-string.validator.ts
rename to frontend/src/validators/connection-string.validator.ts
diff --git a/frontend-vue/src/validators/email.validator.spec.ts b/frontend/src/validators/email.validator.spec.ts
similarity index 100%
rename from frontend-vue/src/validators/email.validator.spec.ts
rename to frontend/src/validators/email.validator.spec.ts
diff --git a/frontend-vue/src/validators/email.validator.ts b/frontend/src/validators/email.validator.ts
similarity index 100%
rename from frontend-vue/src/validators/email.validator.ts
rename to frontend/src/validators/email.validator.ts
diff --git a/frontend-vue/src/validators/hex.validator.spec.ts b/frontend/src/validators/hex.validator.spec.ts
similarity index 100%
rename from frontend-vue/src/validators/hex.validator.spec.ts
rename to frontend/src/validators/hex.validator.spec.ts
diff --git a/frontend-vue/src/validators/hex.validator.ts b/frontend/src/validators/hex.validator.ts
similarity index 100%
rename from frontend-vue/src/validators/hex.validator.ts
rename to frontend/src/validators/hex.validator.ts
diff --git a/frontend-vue/src/validators/hostname.validator.spec.ts b/frontend/src/validators/hostname.validator.spec.ts
similarity index 100%
rename from frontend-vue/src/validators/hostname.validator.spec.ts
rename to frontend/src/validators/hostname.validator.spec.ts
diff --git a/frontend-vue/src/validators/hostname.validator.ts b/frontend/src/validators/hostname.validator.ts
similarity index 100%
rename from frontend-vue/src/validators/hostname.validator.ts
rename to frontend/src/validators/hostname.validator.ts
diff --git a/frontend-vue/src/validators/password.validator.spec.ts b/frontend/src/validators/password.validator.spec.ts
similarity index 100%
rename from frontend-vue/src/validators/password.validator.spec.ts
rename to frontend/src/validators/password.validator.spec.ts
diff --git a/frontend-vue/src/validators/password.validator.ts b/frontend/src/validators/password.validator.ts
similarity index 100%
rename from frontend-vue/src/validators/password.validator.ts
rename to frontend/src/validators/password.validator.ts
diff --git a/frontend-vue/src/validators/text.validator.spec.ts b/frontend/src/validators/text.validator.spec.ts
similarity index 100%
rename from frontend-vue/src/validators/text.validator.spec.ts
rename to frontend/src/validators/text.validator.spec.ts
diff --git a/frontend-vue/src/validators/text.validator.ts b/frontend/src/validators/text.validator.ts
similarity index 100%
rename from frontend-vue/src/validators/text.validator.ts
rename to frontend/src/validators/text.validator.ts
diff --git a/frontend-vue/src/validators/types.ts b/frontend/src/validators/types.ts
similarity index 100%
rename from frontend-vue/src/validators/types.ts
rename to frontend/src/validators/types.ts
diff --git a/frontend-vue/src/validators/url.validator.spec.ts b/frontend/src/validators/url.validator.spec.ts
similarity index 100%
rename from frontend-vue/src/validators/url.validator.spec.ts
rename to frontend/src/validators/url.validator.spec.ts
diff --git a/frontend-vue/src/validators/url.validator.ts b/frontend/src/validators/url.validator.ts
similarity index 100%
rename from frontend-vue/src/validators/url.validator.ts
rename to frontend/src/validators/url.validator.ts
diff --git a/frontend-vue/src/version.ts b/frontend/src/version.ts
similarity index 100%
rename from frontend-vue/src/version.ts
rename to frontend/src/version.ts
diff --git a/frontend-vue/src/views/NotFoundView.vue b/frontend/src/views/NotFoundView.vue
similarity index 100%
rename from frontend-vue/src/views/NotFoundView.vue
rename to frontend/src/views/NotFoundView.vue
diff --git a/frontend-vue/src/views/audit/AuditView.spec.ts b/frontend/src/views/audit/AuditView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/audit/AuditView.spec.ts
rename to frontend/src/views/audit/AuditView.spec.ts
diff --git a/frontend-vue/src/views/audit/AuditView.vue b/frontend/src/views/audit/AuditView.vue
similarity index 100%
rename from frontend-vue/src/views/audit/AuditView.vue
rename to frontend/src/views/audit/AuditView.vue
diff --git a/frontend-vue/src/views/auth/CompanyInvitationView.spec.ts b/frontend/src/views/auth/CompanyInvitationView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/auth/CompanyInvitationView.spec.ts
rename to frontend/src/views/auth/CompanyInvitationView.spec.ts
diff --git a/frontend-vue/src/views/auth/CompanyInvitationView.vue b/frontend/src/views/auth/CompanyInvitationView.vue
similarity index 100%
rename from frontend-vue/src/views/auth/CompanyInvitationView.vue
rename to frontend/src/views/auth/CompanyInvitationView.vue
diff --git a/frontend-vue/src/views/auth/EmailChangeView.spec.ts b/frontend/src/views/auth/EmailChangeView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/auth/EmailChangeView.spec.ts
rename to frontend/src/views/auth/EmailChangeView.spec.ts
diff --git a/frontend-vue/src/views/auth/EmailChangeView.vue b/frontend/src/views/auth/EmailChangeView.vue
similarity index 100%
rename from frontend-vue/src/views/auth/EmailChangeView.vue
rename to frontend/src/views/auth/EmailChangeView.vue
diff --git a/frontend-vue/src/views/auth/EmailVerificationView.spec.ts b/frontend/src/views/auth/EmailVerificationView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/auth/EmailVerificationView.spec.ts
rename to frontend/src/views/auth/EmailVerificationView.spec.ts
diff --git a/frontend-vue/src/views/auth/EmailVerificationView.vue b/frontend/src/views/auth/EmailVerificationView.vue
similarity index 100%
rename from frontend-vue/src/views/auth/EmailVerificationView.vue
rename to frontend/src/views/auth/EmailVerificationView.vue
diff --git a/frontend-vue/src/views/auth/ForgetPasswordView.spec.ts b/frontend/src/views/auth/ForgetPasswordView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/auth/ForgetPasswordView.spec.ts
rename to frontend/src/views/auth/ForgetPasswordView.spec.ts
diff --git a/frontend-vue/src/views/auth/ForgetPasswordView.vue b/frontend/src/views/auth/ForgetPasswordView.vue
similarity index 100%
rename from frontend-vue/src/views/auth/ForgetPasswordView.vue
rename to frontend/src/views/auth/ForgetPasswordView.vue
diff --git a/frontend-vue/src/views/auth/LoginView.spec.ts b/frontend/src/views/auth/LoginView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/auth/LoginView.spec.ts
rename to frontend/src/views/auth/LoginView.spec.ts
diff --git a/frontend-vue/src/views/auth/LoginView.vue b/frontend/src/views/auth/LoginView.vue
similarity index 100%
rename from frontend-vue/src/views/auth/LoginView.vue
rename to frontend/src/views/auth/LoginView.vue
diff --git a/frontend-vue/src/views/auth/PasswordChangeView.spec.ts b/frontend/src/views/auth/PasswordChangeView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/auth/PasswordChangeView.spec.ts
rename to frontend/src/views/auth/PasswordChangeView.spec.ts
diff --git a/frontend-vue/src/views/auth/PasswordChangeView.vue b/frontend/src/views/auth/PasswordChangeView.vue
similarity index 100%
rename from frontend-vue/src/views/auth/PasswordChangeView.vue
rename to frontend/src/views/auth/PasswordChangeView.vue
diff --git a/frontend-vue/src/views/auth/PasswordResetView.spec.ts b/frontend/src/views/auth/PasswordResetView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/auth/PasswordResetView.spec.ts
rename to frontend/src/views/auth/PasswordResetView.spec.ts
diff --git a/frontend-vue/src/views/auth/PasswordResetView.vue b/frontend/src/views/auth/PasswordResetView.vue
similarity index 100%
rename from frontend-vue/src/views/auth/PasswordResetView.vue
rename to frontend/src/views/auth/PasswordResetView.vue
diff --git a/frontend-vue/src/views/auth/SetupView.spec.ts b/frontend/src/views/auth/SetupView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/auth/SetupView.spec.ts
rename to frontend/src/views/auth/SetupView.spec.ts
diff --git a/frontend-vue/src/views/auth/SetupView.vue b/frontend/src/views/auth/SetupView.vue
similarity index 100%
rename from frontend-vue/src/views/auth/SetupView.vue
rename to frontend/src/views/auth/SetupView.vue
diff --git a/frontend-vue/src/views/auth/UserDeletedView.spec.ts b/frontend/src/views/auth/UserDeletedView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/auth/UserDeletedView.spec.ts
rename to frontend/src/views/auth/UserDeletedView.spec.ts
diff --git a/frontend-vue/src/views/auth/UserDeletedView.vue b/frontend/src/views/auth/UserDeletedView.vue
similarity index 100%
rename from frontend-vue/src/views/auth/UserDeletedView.vue
rename to frontend/src/views/auth/UserDeletedView.vue
diff --git a/frontend-vue/src/views/auth/authTestUtils.ts b/frontend/src/views/auth/authTestUtils.ts
similarity index 100%
rename from frontend-vue/src/views/auth/authTestUtils.ts
rename to frontend/src/views/auth/authTestUtils.ts
diff --git a/frontend-vue/src/views/charts/ChartEditView.spec.ts b/frontend/src/views/charts/ChartEditView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/charts/ChartEditView.spec.ts
rename to frontend/src/views/charts/ChartEditView.spec.ts
diff --git a/frontend-vue/src/views/charts/ChartEditView.vue b/frontend/src/views/charts/ChartEditView.vue
similarity index 100%
rename from frontend-vue/src/views/charts/ChartEditView.vue
rename to frontend/src/views/charts/ChartEditView.vue
diff --git a/frontend-vue/src/views/charts/ChartsListView.spec.ts b/frontend/src/views/charts/ChartsListView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/charts/ChartsListView.spec.ts
rename to frontend/src/views/charts/ChartsListView.spec.ts
diff --git a/frontend-vue/src/views/charts/ChartsListView.vue b/frontend/src/views/charts/ChartsListView.vue
similarity index 100%
rename from frontend-vue/src/views/charts/ChartsListView.vue
rename to frontend/src/views/charts/ChartsListView.vue
diff --git a/frontend-vue/src/views/connections/AutoConfigureView.spec.ts b/frontend/src/views/connections/AutoConfigureView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/connections/AutoConfigureView.spec.ts
rename to frontend/src/views/connections/AutoConfigureView.spec.ts
diff --git a/frontend-vue/src/views/connections/AutoConfigureView.vue b/frontend/src/views/connections/AutoConfigureView.vue
similarity index 100%
rename from frontend-vue/src/views/connections/AutoConfigureView.vue
rename to frontend/src/views/connections/AutoConfigureView.vue
diff --git a/frontend-vue/src/views/connections/ConnectDbView.spec.ts b/frontend/src/views/connections/ConnectDbView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/connections/ConnectDbView.spec.ts
rename to frontend/src/views/connections/ConnectDbView.spec.ts
diff --git a/frontend-vue/src/views/connections/ConnectDbView.vue b/frontend/src/views/connections/ConnectDbView.vue
similarity index 100%
rename from frontend-vue/src/views/connections/ConnectDbView.vue
rename to frontend/src/views/connections/ConnectDbView.vue
diff --git a/frontend-vue/src/views/connections/ConnectionSettingsView.spec.ts b/frontend/src/views/connections/ConnectionSettingsView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/connections/ConnectionSettingsView.spec.ts
rename to frontend/src/views/connections/ConnectionSettingsView.spec.ts
diff --git a/frontend-vue/src/views/connections/ConnectionSettingsView.vue b/frontend/src/views/connections/ConnectionSettingsView.vue
similarity index 100%
rename from frontend-vue/src/views/connections/ConnectionSettingsView.vue
rename to frontend/src/views/connections/ConnectionSettingsView.vue
diff --git a/frontend-vue/src/views/connections/ConnectionsListView.spec.ts b/frontend/src/views/connections/ConnectionsListView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/connections/ConnectionsListView.spec.ts
rename to frontend/src/views/connections/ConnectionsListView.spec.ts
diff --git a/frontend-vue/src/views/connections/ConnectionsListView.vue b/frontend/src/views/connections/ConnectionsListView.vue
similarity index 100%
rename from frontend-vue/src/views/connections/ConnectionsListView.vue
rename to frontend/src/views/connections/ConnectionsListView.vue
diff --git a/frontend-vue/src/views/connections/connectionsTestUtils.ts b/frontend/src/views/connections/connectionsTestUtils.ts
similarity index 100%
rename from frontend-vue/src/views/connections/connectionsTestUtils.ts
rename to frontend/src/views/connections/connectionsTestUtils.ts
diff --git a/frontend-vue/src/views/dashboard/DashboardView.spec.ts b/frontend/src/views/dashboard/DashboardView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/dashboard/DashboardView.spec.ts
rename to frontend/src/views/dashboard/DashboardView.spec.ts
diff --git a/frontend-vue/src/views/dashboard/DashboardView.vue b/frontend/src/views/dashboard/DashboardView.vue
similarity index 100%
rename from frontend-vue/src/views/dashboard/DashboardView.vue
rename to frontend/src/views/dashboard/DashboardView.vue
diff --git a/frontend-vue/src/views/dashboards/DashboardView.spec.ts b/frontend/src/views/dashboards/DashboardView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/dashboards/DashboardView.spec.ts
rename to frontend/src/views/dashboards/DashboardView.spec.ts
diff --git a/frontend-vue/src/views/dashboards/DashboardView.vue b/frontend/src/views/dashboards/DashboardView.vue
similarity index 100%
rename from frontend-vue/src/views/dashboards/DashboardView.vue
rename to frontend/src/views/dashboards/DashboardView.vue
diff --git a/frontend-vue/src/views/dashboards/DashboardsListView.spec.ts b/frontend/src/views/dashboards/DashboardsListView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/dashboards/DashboardsListView.spec.ts
rename to frontend/src/views/dashboards/DashboardsListView.spec.ts
diff --git a/frontend-vue/src/views/dashboards/DashboardsListView.vue b/frontend/src/views/dashboards/DashboardsListView.vue
similarity index 100%
rename from frontend-vue/src/views/dashboards/DashboardsListView.vue
rename to frontend/src/views/dashboards/DashboardsListView.vue
diff --git a/frontend-vue/src/views/schema/EditDatabaseSchemaView.spec.ts b/frontend/src/views/schema/EditDatabaseSchemaView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/schema/EditDatabaseSchemaView.spec.ts
rename to frontend/src/views/schema/EditDatabaseSchemaView.spec.ts
diff --git a/frontend-vue/src/views/schema/EditDatabaseSchemaView.vue b/frontend/src/views/schema/EditDatabaseSchemaView.vue
similarity index 100%
rename from frontend-vue/src/views/schema/EditDatabaseSchemaView.vue
rename to frontend/src/views/schema/EditDatabaseSchemaView.vue
diff --git a/frontend-vue/src/views/settings/ApiKeysView.spec.ts b/frontend/src/views/settings/ApiKeysView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/settings/ApiKeysView.spec.ts
rename to frontend/src/views/settings/ApiKeysView.spec.ts
diff --git a/frontend-vue/src/views/settings/ApiKeysView.vue b/frontend/src/views/settings/ApiKeysView.vue
similarity index 100%
rename from frontend-vue/src/views/settings/ApiKeysView.vue
rename to frontend/src/views/settings/ApiKeysView.vue
diff --git a/frontend-vue/src/views/settings/CompanyView.spec.ts b/frontend/src/views/settings/CompanyView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/settings/CompanyView.spec.ts
rename to frontend/src/views/settings/CompanyView.spec.ts
diff --git a/frontend-vue/src/views/settings/CompanyView.vue b/frontend/src/views/settings/CompanyView.vue
similarity index 100%
rename from frontend-vue/src/views/settings/CompanyView.vue
rename to frontend/src/views/settings/CompanyView.vue
diff --git a/frontend-vue/src/views/settings/SecretsView.spec.ts b/frontend/src/views/settings/SecretsView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/settings/SecretsView.spec.ts
rename to frontend/src/views/settings/SecretsView.spec.ts
diff --git a/frontend-vue/src/views/settings/SecretsView.vue b/frontend/src/views/settings/SecretsView.vue
similarity index 100%
rename from frontend-vue/src/views/settings/SecretsView.vue
rename to frontend/src/views/settings/SecretsView.vue
diff --git a/frontend-vue/src/views/settings/UserSettingsView.spec.ts b/frontend/src/views/settings/UserSettingsView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/settings/UserSettingsView.spec.ts
rename to frontend/src/views/settings/UserSettingsView.spec.ts
diff --git a/frontend-vue/src/views/settings/UserSettingsView.vue b/frontend/src/views/settings/UserSettingsView.vue
similarity index 100%
rename from frontend-vue/src/views/settings/UserSettingsView.vue
rename to frontend/src/views/settings/UserSettingsView.vue
diff --git a/frontend-vue/src/views/settings/ZapierView.spec.ts b/frontend/src/views/settings/ZapierView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/settings/ZapierView.spec.ts
rename to frontend/src/views/settings/ZapierView.spec.ts
diff --git a/frontend-vue/src/views/settings/ZapierView.vue b/frontend/src/views/settings/ZapierView.vue
similarity index 100%
rename from frontend-vue/src/views/settings/ZapierView.vue
rename to frontend/src/views/settings/ZapierView.vue
diff --git a/frontend-vue/src/views/table/RowEditView.spec.ts b/frontend/src/views/table/RowEditView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/table/RowEditView.spec.ts
rename to frontend/src/views/table/RowEditView.spec.ts
diff --git a/frontend-vue/src/views/table/RowEditView.vue b/frontend/src/views/table/RowEditView.vue
similarity index 100%
rename from frontend-vue/src/views/table/RowEditView.vue
rename to frontend/src/views/table/RowEditView.vue
diff --git a/frontend-vue/src/views/table/TableActionsView.spec.ts b/frontend/src/views/table/TableActionsView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/table/TableActionsView.spec.ts
rename to frontend/src/views/table/TableActionsView.spec.ts
diff --git a/frontend-vue/src/views/table/TableActionsView.vue b/frontend/src/views/table/TableActionsView.vue
similarity index 100%
rename from frontend-vue/src/views/table/TableActionsView.vue
rename to frontend/src/views/table/TableActionsView.vue
diff --git a/frontend-vue/src/views/table/TableSettingsView.spec.ts b/frontend/src/views/table/TableSettingsView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/table/TableSettingsView.spec.ts
rename to frontend/src/views/table/TableSettingsView.spec.ts
diff --git a/frontend-vue/src/views/table/TableSettingsView.vue b/frontend/src/views/table/TableSettingsView.vue
similarity index 100%
rename from frontend-vue/src/views/table/TableSettingsView.vue
rename to frontend/src/views/table/TableSettingsView.vue
diff --git a/frontend-vue/src/views/table/TableWidgetsView.spec.ts b/frontend/src/views/table/TableWidgetsView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/table/TableWidgetsView.spec.ts
rename to frontend/src/views/table/TableWidgetsView.spec.ts
diff --git a/frontend-vue/src/views/table/TableWidgetsView.vue b/frontend/src/views/table/TableWidgetsView.vue
similarity index 100%
rename from frontend-vue/src/views/table/TableWidgetsView.vue
rename to frontend/src/views/table/TableWidgetsView.vue
diff --git a/frontend-vue/src/views/table/tableTestUtils.ts b/frontend/src/views/table/tableTestUtils.ts
similarity index 100%
rename from frontend-vue/src/views/table/tableTestUtils.ts
rename to frontend/src/views/table/tableTestUtils.ts
diff --git a/frontend-vue/src/views/users/PermissionsView.spec.ts b/frontend/src/views/users/PermissionsView.spec.ts
similarity index 100%
rename from frontend-vue/src/views/users/PermissionsView.spec.ts
rename to frontend/src/views/users/PermissionsView.spec.ts
diff --git a/frontend-vue/src/views/users/PermissionsView.vue b/frontend/src/views/users/PermissionsView.vue
similarity index 100%
rename from frontend-vue/src/views/users/PermissionsView.vue
rename to frontend/src/views/users/PermissionsView.vue
diff --git a/frontend/tsconfig.app.json b/frontend/tsconfig.app.json
index a39b7dc01..e365802f6 100644
--- a/frontend/tsconfig.app.json
+++ b/frontend/tsconfig.app.json
@@ -1,10 +1,14 @@
 {
-	"extends": "./tsconfig.json",
+	"extends": "@vue/tsconfig/tsconfig.dom.json",
 	"compilerOptions": {
-		"outDir": "./out-tsc/app",
-		"types": []
+		"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+		"types": ["vite/client"],
+		"paths": {
+			"@/*": ["./src/*"]
+		},
+		"noUnusedLocals": true,
+		"noUnusedParameters": true,
+		"lib": ["ES2023", "DOM", "DOM.Iterable"]
 	},
-	"files": ["src/main.ts", "src/polyfills.ts"],
-	"include": ["src/**/*.d.ts"],
-	"exclude": ["src/test.ts", "src/**/*.spec.ts", "src/**/*.stories.ts"]
+	"include": ["src/**/*.ts", "src/**/*.vue"]
 }
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index 925e6b187..88a659fb8 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -1,23 +1,4 @@
 {
-	"compileOnSave": false,
-	"compilerOptions": {
-		"baseUrl": "./",
-		"outDir": "./dist/out-tsc",
-		"sourceMap": true,
-		"declaration": false,
-		"esModuleInterop": true,
-		"experimentalDecorators": true,
-		"module": "esnext",
-		"moduleResolution": "bundler",
-		"importHelpers": true,
-		"target": "es2022",
-		"resolveJsonModule": true,
-		"typeRoots": ["node_modules/@types"],
-		"lib": ["es2023", "dom"],
-		"skipLibCheck": true
-	},
-	"angularCompilerOptions": {
-		"fullTemplateTypeCheck": true,
-		"strictInjectionParameters": true
-	}
+	"files": [],
+	"references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }]
 }
diff --git a/frontend-vue/tsconfig.node.json b/frontend/tsconfig.node.json
similarity index 100%
rename from frontend-vue/tsconfig.node.json
rename to frontend/tsconfig.node.json
diff --git a/frontend/tsconfig.spec.json b/frontend/tsconfig.spec.json
deleted file mode 100644
index 7946405a3..000000000
--- a/frontend/tsconfig.spec.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-	"extends": "./tsconfig.json",
-	"compilerOptions": {
-		"outDir": "./out-tsc/spec",
-		"types": ["node"]
-	},
-	"include": ["src/test-setup.ts", "src/polyfills.ts", "src/**/*.spec.ts", "src/**/*.d.ts"]
-}
diff --git a/frontend/tslint.json b/frontend/tslint.json
deleted file mode 100644
index 8ac49059f..000000000
--- a/frontend/tslint.json
+++ /dev/null
@@ -1,53 +0,0 @@
-{
-	"extends": "tslint:recommended",
-	"rules": {
-		"array-type": false,
-		"arrow-parens": false,
-		"deprecation": {
-			"severity": "warning"
-		},
-		"component-class-suffix": true,
-		"contextual-lifecycle": true,
-		"directive-class-suffix": true,
-		"directive-selector": [true, "attribute", "app", "camelCase"],
-		"component-selector": [true, "element", "app", "kebab-case"],
-		"import-blacklist": [true, "rxjs/Rx"],
-		"interface-name": false,
-		"max-classes-per-file": false,
-		"max-line-length": [true, 140],
-		"member-access": false,
-		"member-ordering": [
-			true,
-			{
-				"order": ["static-field", "instance-field", "static-method", "instance-method"]
-			}
-		],
-		"no-consecutive-blank-lines": false,
-		"no-console": [true, "debug", "info", "time", "timeEnd", "trace"],
-		"no-empty": false,
-		"no-inferrable-types": [true, "ignore-params"],
-		"no-non-null-assertion": true,
-		"no-redundant-jsdoc": true,
-		"no-switch-case-fall-through": true,
-		"no-use-before-declare": true,
-		"no-var-requires": false,
-		"object-literal-key-quotes": [true, "as-needed"],
-		"object-literal-sort-keys": false,
-		"ordered-imports": false,
-		"quotemark": [true, "single"],
-		"trailing-comma": false,
-		"no-conflicting-lifecycle": true,
-		"no-host-metadata-property": true,
-		"no-input-rename": true,
-		"no-inputs-metadata-property": true,
-		"no-output-native": true,
-		"no-output-on-prefix": true,
-		"no-output-rename": true,
-		"no-outputs-metadata-property": true,
-		"template-banana-in-box": true,
-		"template-no-negated-async": true,
-		"use-lifecycle-interface": true,
-		"use-pipe-transform-interface": true
-	},
-	"rulesDirectory": ["codelyzer"]
-}
diff --git a/frontend-vue/vite.config.ts b/frontend/vite.config.ts
similarity index 86%
rename from frontend-vue/vite.config.ts
rename to frontend/vite.config.ts
index f195c8a21..71a4fc52f 100644
--- a/frontend-vue/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -3,7 +3,6 @@ import fs from 'node:fs';
 import { fileURLToPath, URL } from 'node:url';
 import vue from '@vitejs/plugin-vue';
 import { defineConfig, type Plugin } from 'vite';
-import { viteStaticCopy } from 'vite-plugin-static-copy';
 
 const isSaasMode = (mode: string) => mode === 'saas' || mode === 'saas-production';
 
@@ -21,16 +20,7 @@ function saasIndexHtml(mode: string): Plugin {
 }
 
 export default defineConfig(({ mode }) => ({
-	plugins: [
-		vue(),
-		saasIndexHtml(mode),
-		viteStaticCopy({
-			targets: [
-				// Shared with the Angular app until the cutover (see VUE_MIGRATION_PLAN.md, Phase 4).
-				{ src: '../frontend/src/assets', dest: '.', rename: { stripBase: 2 } },
-			],
-		}),
-	],
+	plugins: [vue(), saasIndexHtml(mode)],
 	resolve: {
 		alias: {
 			'@': fileURLToPath(new URL('./src', import.meta.url)),
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
deleted file mode 100644
index 2ce9d68b7..000000000
--- a/frontend/yarn.lock
+++ /dev/null
@@ -1,15184 +0,0 @@
-# This file is generated by running "yarn install" inside your project.
-# Manual changes might be lost - proceed with caution!
-
-__metadata:
-  version: 6
-  cacheKey: 8
-
-"@acemir/cssom@npm:^0.9.28":
-  version: 0.9.31
-  resolution: "@acemir/cssom@npm:0.9.31"
-  checksum: f7a8d7f3eec3143f1cb9ce332ebe1d8a1922aa155f7a0619c9400753131d9f9baf22fa300352a9f93f20f53083e4acc20d4a8e663aa7b47e8c3191839e50d404
-  languageName: node
-  linkType: hard
-
-"@adobe/css-tools@npm:^4.4.0":
-  version: 4.4.4
-  resolution: "@adobe/css-tools@npm:4.4.4"
-  checksum: 452b82cd9f42aacc57eeaf0b11e36c6864eb482e8a347054cb986503d221d1f7c1418710d2007858d8919afdbd31357149c2c16bd080ded15506f13608d16cf2
-  languageName: node
-  linkType: hard
-
-"@algolia/abtesting@npm:1.1.0":
-  version: 1.1.0
-  resolution: "@algolia/abtesting@npm:1.1.0"
-  dependencies:
-    "@algolia/client-common": 5.35.0
-    "@algolia/requester-browser-xhr": 5.35.0
-    "@algolia/requester-fetch": 5.35.0
-    "@algolia/requester-node-http": 5.35.0
-  checksum: 9a90853dc47c0661c8e656de882debd5ea6385a3e7075b8503b8a32f5a0e07d2c4a53418d0a99acf65c1b843e5cddd1a414a9a5789adf87d2729dbfaf52e0301
-  languageName: node
-  linkType: hard
-
-"@algolia/client-abtesting@npm:5.35.0":
-  version: 5.35.0
-  resolution: "@algolia/client-abtesting@npm:5.35.0"
-  dependencies:
-    "@algolia/client-common": 5.35.0
-    "@algolia/requester-browser-xhr": 5.35.0
-    "@algolia/requester-fetch": 5.35.0
-    "@algolia/requester-node-http": 5.35.0
-  checksum: eda3764df732480948cbc36cc20f6dbee23c182226c543b090187e90992c7538b85c92927c3715a7993e475580f8bf4fd52bf8dbd67025045e54e84c1fb7c1b7
-  languageName: node
-  linkType: hard
-
-"@algolia/client-analytics@npm:5.35.0":
-  version: 5.35.0
-  resolution: "@algolia/client-analytics@npm:5.35.0"
-  dependencies:
-    "@algolia/client-common": 5.35.0
-    "@algolia/requester-browser-xhr": 5.35.0
-    "@algolia/requester-fetch": 5.35.0
-    "@algolia/requester-node-http": 5.35.0
-  checksum: 2596ef61517658d60f1acab8ff1d690ba95094ad83db9a15ae70212e559086cf6171caa2215124b55875725233f248a6909ba07696062b5f9a69e364305a55f7
-  languageName: node
-  linkType: hard
-
-"@algolia/client-common@npm:5.35.0":
-  version: 5.35.0
-  resolution: "@algolia/client-common@npm:5.35.0"
-  checksum: 4a1e00dd24db8a97a67c644a146d80429b05cdc9f4c2b0fab7c898c4d2bbf635fab88b8bdb0b3068195cd3e5ce397a079783e9b613dced4d081dd20e70de8847
-  languageName: node
-  linkType: hard
-
-"@algolia/client-insights@npm:5.35.0":
-  version: 5.35.0
-  resolution: "@algolia/client-insights@npm:5.35.0"
-  dependencies:
-    "@algolia/client-common": 5.35.0
-    "@algolia/requester-browser-xhr": 5.35.0
-    "@algolia/requester-fetch": 5.35.0
-    "@algolia/requester-node-http": 5.35.0
-  checksum: cde81c35fc66ca233296a472ebcec2912fdb19de0b4320ec06f2165695752ff3b49f0e5bc805413602e1a7d9de672325d8b732a7c6687ddf235813d366d683e3
-  languageName: node
-  linkType: hard
-
-"@algolia/client-personalization@npm:5.35.0":
-  version: 5.35.0
-  resolution: "@algolia/client-personalization@npm:5.35.0"
-  dependencies:
-    "@algolia/client-common": 5.35.0
-    "@algolia/requester-browser-xhr": 5.35.0
-    "@algolia/requester-fetch": 5.35.0
-    "@algolia/requester-node-http": 5.35.0
-  checksum: d4d0b962d6f113f350698f7ab5ee37fba6c198d37877bcd2d7b6bd5502e6783f0e52b5e61f9abe903ab5af99ad569b6ce971c5bbe7d62a906246c66e5c3353a1
-  languageName: node
-  linkType: hard
-
-"@algolia/client-query-suggestions@npm:5.35.0":
-  version: 5.35.0
-  resolution: "@algolia/client-query-suggestions@npm:5.35.0"
-  dependencies:
-    "@algolia/client-common": 5.35.0
-    "@algolia/requester-browser-xhr": 5.35.0
-    "@algolia/requester-fetch": 5.35.0
-    "@algolia/requester-node-http": 5.35.0
-  checksum: 8e686030e657ab04155763662df57a9d7325a7fea95caa339cd9f91a133e91eabe200fae926ede6fa37f90015ccfd2bde3e3dc3b438384e914eb7c0277520539
-  languageName: node
-  linkType: hard
-
-"@algolia/client-search@npm:5.35.0":
-  version: 5.35.0
-  resolution: "@algolia/client-search@npm:5.35.0"
-  dependencies:
-    "@algolia/client-common": 5.35.0
-    "@algolia/requester-browser-xhr": 5.35.0
-    "@algolia/requester-fetch": 5.35.0
-    "@algolia/requester-node-http": 5.35.0
-  checksum: 50238dfd1ac6340f1bbc004d9ac83fcf92472b7c28adee1a31f9abb2cc30533e60edb5a1cb675bb46df2b706339a478299c41d1b764297f7654ad8de4e69a984
-  languageName: node
-  linkType: hard
-
-"@algolia/ingestion@npm:1.35.0":
-  version: 1.35.0
-  resolution: "@algolia/ingestion@npm:1.35.0"
-  dependencies:
-    "@algolia/client-common": 5.35.0
-    "@algolia/requester-browser-xhr": 5.35.0
-    "@algolia/requester-fetch": 5.35.0
-    "@algolia/requester-node-http": 5.35.0
-  checksum: 6c31fada6c332b2daa056fdcb7102f2a87c4f152e4f49abee5f9083856b09d29e19a395acd8e4df353ecede47c4bd55d9fa25bc9c10d426aa9fa7e0dfb187c85
-  languageName: node
-  linkType: hard
-
-"@algolia/monitoring@npm:1.35.0":
-  version: 1.35.0
-  resolution: "@algolia/monitoring@npm:1.35.0"
-  dependencies:
-    "@algolia/client-common": 5.35.0
-    "@algolia/requester-browser-xhr": 5.35.0
-    "@algolia/requester-fetch": 5.35.0
-    "@algolia/requester-node-http": 5.35.0
-  checksum: b1e71dee4618ea5aac6af3ae24974da52bf15a19c42f104a466cc0029f467e66d7bbc310903d968ec92b4155a77c49555ed513532c0f4c9e70970d98c0f6193c
-  languageName: node
-  linkType: hard
-
-"@algolia/recommend@npm:5.35.0":
-  version: 5.35.0
-  resolution: "@algolia/recommend@npm:5.35.0"
-  dependencies:
-    "@algolia/client-common": 5.35.0
-    "@algolia/requester-browser-xhr": 5.35.0
-    "@algolia/requester-fetch": 5.35.0
-    "@algolia/requester-node-http": 5.35.0
-  checksum: 0d3e6c1eaf2f59efebdc7eddb8633f5f0281c1e5660db1f87809b038b6edfbbf020c212fbf42b578f4233d38f921dc6762510fe6ca8ea87d81864de2e05b2b01
-  languageName: node
-  linkType: hard
-
-"@algolia/requester-browser-xhr@npm:5.35.0":
-  version: 5.35.0
-  resolution: "@algolia/requester-browser-xhr@npm:5.35.0"
-  dependencies:
-    "@algolia/client-common": 5.35.0
-  checksum: fe5e6c022577fc8267c961814b5b90550a7f115da69ad2ec37855c5f20639e843b8faeeda4ac9f50fc4bd1a414e97c90fd77617d54eaaba9ca11ebbf1fd31c0a
-  languageName: node
-  linkType: hard
-
-"@algolia/requester-fetch@npm:5.35.0":
-  version: 5.35.0
-  resolution: "@algolia/requester-fetch@npm:5.35.0"
-  dependencies:
-    "@algolia/client-common": 5.35.0
-  checksum: cf5fbf4a13e70dd4fa3aaccecb10d354fc1de34f8f4d45d2f1885c7ecb8c7a2fc23d499e7f9fc7f34d0b2016a4e5707bed60fe760d2d1f8dc4cfa8ec39506582
-  languageName: node
-  linkType: hard
-
-"@algolia/requester-node-http@npm:5.35.0":
-  version: 5.35.0
-  resolution: "@algolia/requester-node-http@npm:5.35.0"
-  dependencies:
-    "@algolia/client-common": 5.35.0
-  checksum: d2fac5cc9bb69f35fb5439f46a1efc9ad2953f97562fd9d1b843f3ef301b421ce1d3a83ea3e70c43dd161e124df4449a1ea9be399c9ec5549424c48de3f53367
-  languageName: node
-  linkType: hard
-
-"@amplitude/analytics-connector@npm:^1.4.6":
-  version: 1.6.4
-  resolution: "@amplitude/analytics-connector@npm:1.6.4"
-  checksum: 2651e296c39a0fee687e7ce4315e671ed52aab513a00ea00fd45d8199c3cda945da1a23d37de255926830a268a4135bd31a16fb45118ebdbda58615b48037005
-  languageName: node
-  linkType: hard
-
-"@amplitude/types@npm:^1.10.2":
-  version: 1.10.2
-  resolution: "@amplitude/types@npm:1.10.2"
-  checksum: 206ef520979c76a69baa145679a60c96249c165ff8354c0b58d183b917ae3abb35569cb0e9587ecf6c7b8636b2cc69d05ea9ecbd1cc9cade503256860bd80afe
-  languageName: node
-  linkType: hard
-
-"@amplitude/ua-parser-js@npm:0.7.33":
-  version: 0.7.33
-  resolution: "@amplitude/ua-parser-js@npm:0.7.33"
-  checksum: b08ce4cd4e96fed9eebffadb4060d24751cea80caf4265e6b829b7cfdb6561431386015674b3ac330a8987b990e2ca70725d4298eb1438beccb85264848b0b34
-  languageName: node
-  linkType: hard
-
-"@amplitude/utils@npm:^1.10.2":
-  version: 1.10.2
-  resolution: "@amplitude/utils@npm:1.10.2"
-  dependencies:
-    "@amplitude/types": ^1.10.2
-    tslib: ^2.0.0
-  checksum: 9b5d3652725e30add1e42a1f221a3954c844d9aeb9d73b197c5ea2a0b91a86ccdedd4878e829cdae0eca287e68d37016347b97860069fa233d8d9ec78821d1c9
-  languageName: node
-  linkType: hard
-
-"@ampproject/remapping@npm:2.3.0, @ampproject/remapping@npm:^2.2.0":
-  version: 2.3.0
-  resolution: "@ampproject/remapping@npm:2.3.0"
-  dependencies:
-    "@jridgewell/gen-mapping": ^0.3.5
-    "@jridgewell/trace-mapping": ^0.3.24
-  checksum: d3ad7b89d973df059c4e8e6d7c972cbeb1bb2f18f002a3bd04ae0707da214cb06cc06929b65aa2313b9347463df2914772298bae8b1d7973f246bb3f2ab3e8f0
-  languageName: node
-  linkType: hard
-
-"@angular-devkit/architect@npm:0.2003.14":
-  version: 0.2003.14
-  resolution: "@angular-devkit/architect@npm:0.2003.14"
-  dependencies:
-    "@angular-devkit/core": 20.3.14
-    rxjs: 7.8.2
-  checksum: 9666ee0db0e09856b48c8448f497779966192d8ba219f36143b613aa830617dcbf4413a97832a1e290a21a0b8d0a8074d49e01d629308f4464ac7d8fb0d3d35e
-  languageName: node
-  linkType: hard
-
-"@angular-devkit/architect@npm:0.2003.15":
-  version: 0.2003.15
-  resolution: "@angular-devkit/architect@npm:0.2003.15"
-  dependencies:
-    "@angular-devkit/core": 20.3.15
-    rxjs: 7.8.2
-  checksum: 22482451611ee11f4c50838439ce6e28d3aea3a7c8418e03ede199e6029e3c7c5df20c3cb8a01723f63710ffc8dad3690b59211bd09d58673aa375e6e24f034c
-  languageName: node
-  linkType: hard
-
-"@angular-devkit/build-angular@npm:20":
-  version: 20.3.15
-  resolution: "@angular-devkit/build-angular@npm:20.3.15"
-  dependencies:
-    "@ampproject/remapping": 2.3.0
-    "@angular-devkit/architect": 0.2003.15
-    "@angular-devkit/build-webpack": 0.2003.15
-    "@angular-devkit/core": 20.3.15
-    "@angular/build": 20.3.15
-    "@babel/core": 7.28.3
-    "@babel/generator": 7.28.3
-    "@babel/helper-annotate-as-pure": 7.27.3
-    "@babel/helper-split-export-declaration": 7.24.7
-    "@babel/plugin-transform-async-generator-functions": 7.28.0
-    "@babel/plugin-transform-async-to-generator": 7.27.1
-    "@babel/plugin-transform-runtime": 7.28.3
-    "@babel/preset-env": 7.28.3
-    "@babel/runtime": 7.28.3
-    "@discoveryjs/json-ext": 0.6.3
-    "@ngtools/webpack": 20.3.15
-    ansi-colors: 4.1.3
-    autoprefixer: 10.4.21
-    babel-loader: 10.0.0
-    browserslist: ^4.21.5
-    copy-webpack-plugin: 13.0.1
-    css-loader: 7.1.2
-    esbuild: 0.25.9
-    esbuild-wasm: 0.25.9
-    fast-glob: 3.3.3
-    http-proxy-middleware: 3.0.5
-    istanbul-lib-instrument: 6.0.3
-    jsonc-parser: 3.3.1
-    karma-source-map-support: 1.4.0
-    less: 4.4.0
-    less-loader: 12.3.0
-    license-webpack-plugin: 4.0.2
-    loader-utils: 3.3.1
-    mini-css-extract-plugin: 2.9.4
-    open: 10.2.0
-    ora: 8.2.0
-    picomatch: 4.0.3
-    piscina: 5.1.3
-    postcss: 8.5.6
-    postcss-loader: 8.1.1
-    resolve-url-loader: 5.0.0
-    rxjs: 7.8.2
-    sass: 1.90.0
-    sass-loader: 16.0.5
-    semver: 7.7.2
-    source-map-loader: 5.0.0
-    source-map-support: 0.5.21
-    terser: 5.43.1
-    tree-kill: 1.2.2
-    tslib: 2.8.1
-    webpack: 5.104.1
-    webpack-dev-middleware: 7.4.2
-    webpack-dev-server: 5.2.2
-    webpack-merge: 6.0.1
-    webpack-subresource-integrity: 5.1.0
-  peerDependencies:
-    "@angular/compiler-cli": ^20.0.0
-    "@angular/core": ^20.0.0
-    "@angular/localize": ^20.0.0
-    "@angular/platform-browser": ^20.0.0
-    "@angular/platform-server": ^20.0.0
-    "@angular/service-worker": ^20.0.0
-    "@angular/ssr": ^20.3.15
-    "@web/test-runner": ^0.20.0
-    browser-sync: ^3.0.2
-    jest: ^29.5.0 || ^30.2.0
-    jest-environment-jsdom: ^29.5.0 || ^30.2.0
-    karma: ^6.3.0
-    ng-packagr: ^20.0.0
-    protractor: ^7.0.0
-    tailwindcss: ^2.0.0 || ^3.0.0 || ^4.0.0
-    typescript: ">=5.8 <6.0"
-  dependenciesMeta:
-    esbuild:
-      optional: true
-  peerDependenciesMeta:
-    "@angular/core":
-      optional: true
-    "@angular/localize":
-      optional: true
-    "@angular/platform-browser":
-      optional: true
-    "@angular/platform-server":
-      optional: true
-    "@angular/service-worker":
-      optional: true
-    "@angular/ssr":
-      optional: true
-    "@web/test-runner":
-      optional: true
-    browser-sync:
-      optional: true
-    jest:
-      optional: true
-    jest-environment-jsdom:
-      optional: true
-    karma:
-      optional: true
-    ng-packagr:
-      optional: true
-    protractor:
-      optional: true
-    tailwindcss:
-      optional: true
-  checksum: 93c07434b369be6e29de78cd30e317ab9dab22afff76be707448c7b6d00fb488a5ab0ac65b0252f1bc49ce5642b222d1ce1b136b2645fba39abb70731a0ee669
-  languageName: node
-  linkType: hard
-
-"@angular-devkit/build-webpack@npm:0.2003.15":
-  version: 0.2003.15
-  resolution: "@angular-devkit/build-webpack@npm:0.2003.15"
-  dependencies:
-    "@angular-devkit/architect": 0.2003.15
-    rxjs: 7.8.2
-  peerDependencies:
-    webpack: ^5.30.0
-    webpack-dev-server: ^5.0.2
-  checksum: a69690ca69912c4891aa31b42117031b8ce25f411814865948d8e1d61446c774a839cd34bf52109ac13f96166ac25a235c20a9c30747ff82117b5d5301de5028
-  languageName: node
-  linkType: hard
-
-"@angular-devkit/core@npm:20.3.14":
-  version: 20.3.14
-  resolution: "@angular-devkit/core@npm:20.3.14"
-  dependencies:
-    ajv: 8.17.1
-    ajv-formats: 3.0.1
-    jsonc-parser: 3.3.1
-    picomatch: 4.0.3
-    rxjs: 7.8.2
-    source-map: 0.7.6
-  peerDependencies:
-    chokidar: ^4.0.0
-  peerDependenciesMeta:
-    chokidar:
-      optional: true
-  checksum: c7cc749a9ab082588ca74732d4928c58e0f38671cc22d8423b3b95c58016d6bc65e397b0e200b4f27f609573429594925cd27654aeaee234da9eea4974620c22
-  languageName: node
-  linkType: hard
-
-"@angular-devkit/core@npm:20.3.15":
-  version: 20.3.15
-  resolution: "@angular-devkit/core@npm:20.3.15"
-  dependencies:
-    ajv: 8.17.1
-    ajv-formats: 3.0.1
-    jsonc-parser: 3.3.1
-    picomatch: 4.0.3
-    rxjs: 7.8.2
-    source-map: 0.7.6
-  peerDependencies:
-    chokidar: ^4.0.0
-  peerDependenciesMeta:
-    chokidar:
-      optional: true
-  checksum: fab0b32a1c34e59b879d712b71cabae2aa9c5562c41750696a90a99dd9626b6482103bc74c5f3c8be6c05008a826525a755fe70c95679b010d6f7c29e6b39930
-  languageName: node
-  linkType: hard
-
-"@angular-devkit/schematics@npm:20.3.15":
-  version: 20.3.15
-  resolution: "@angular-devkit/schematics@npm:20.3.15"
-  dependencies:
-    "@angular-devkit/core": 20.3.15
-    jsonc-parser: 3.3.1
-    magic-string: 0.30.17
-    ora: 8.2.0
-    rxjs: 7.8.2
-  checksum: c8ced62c43e5976e88cfd9328204b5d8a0607a2631036850e9403d7e1b398cfa573dbf3b9ed8fe834bbdf8d13d439514a77b05a2b7b6cbad4c1a7427734bec37
-  languageName: node
-  linkType: hard
-
-"@angular/animations@npm:~20.3.18":
-  version: 20.3.18
-  resolution: "@angular/animations@npm:20.3.18"
-  dependencies:
-    tslib: ^2.3.0
-  peerDependencies:
-    "@angular/core": 20.3.18
-  checksum: 1ead47cc35bc9a7aa9447d1a313c7ae83c49a1f8b88fd6c08a8ce06d0921ef8c6517dc8d888a5b78dbb0c756b1480601345d0cdd2a93f90f7342efcd9acc44eb
-  languageName: node
-  linkType: hard
-
-"@angular/build@npm:20.3.14":
-  version: 20.3.14
-  resolution: "@angular/build@npm:20.3.14"
-  dependencies:
-    "@ampproject/remapping": 2.3.0
-    "@angular-devkit/architect": 0.2003.14
-    "@babel/core": 7.28.3
-    "@babel/helper-annotate-as-pure": 7.27.3
-    "@babel/helper-split-export-declaration": 7.24.7
-    "@inquirer/confirm": 5.1.14
-    "@vitejs/plugin-basic-ssl": 2.1.0
-    beasties: 0.3.5
-    browserslist: ^4.23.0
-    esbuild: 0.25.9
-    https-proxy-agent: 7.0.6
-    istanbul-lib-instrument: 6.0.3
-    jsonc-parser: 3.3.1
-    listr2: 9.0.1
-    lmdb: 3.4.2
-    magic-string: 0.30.17
-    mrmime: 2.0.1
-    parse5-html-rewriting-stream: 8.0.0
-    picomatch: 4.0.3
-    piscina: 5.1.3
-    rollup: 4.52.3
-    sass: 1.90.0
-    semver: 7.7.2
-    source-map-support: 0.5.21
-    tinyglobby: 0.2.14
-    vite: 7.1.11
-    watchpack: 2.4.4
-  peerDependencies:
-    "@angular/compiler": ^20.0.0
-    "@angular/compiler-cli": ^20.0.0
-    "@angular/core": ^20.0.0
-    "@angular/localize": ^20.0.0
-    "@angular/platform-browser": ^20.0.0
-    "@angular/platform-server": ^20.0.0
-    "@angular/service-worker": ^20.0.0
-    "@angular/ssr": ^20.3.14
-    karma: ^6.4.0
-    less: ^4.2.0
-    ng-packagr: ^20.0.0
-    postcss: ^8.4.0
-    tailwindcss: ^2.0.0 || ^3.0.0 || ^4.0.0
-    tslib: ^2.3.0
-    typescript: ">=5.8 <6.0"
-    vitest: ^3.1.1
-  dependenciesMeta:
-    lmdb:
-      optional: true
-  peerDependenciesMeta:
-    "@angular/core":
-      optional: true
-    "@angular/localize":
-      optional: true
-    "@angular/platform-browser":
-      optional: true
-    "@angular/platform-server":
-      optional: true
-    "@angular/service-worker":
-      optional: true
-    "@angular/ssr":
-      optional: true
-    karma:
-      optional: true
-    less:
-      optional: true
-    ng-packagr:
-      optional: true
-    postcss:
-      optional: true
-    tailwindcss:
-      optional: true
-    vitest:
-      optional: true
-  checksum: b53a07e68a89fccca57fee9b5a7059bf88d18b95ce264510e5fe81cc31703bfb4b513448004287c4a60248439df8f3a7f59ce57f83f438a68a91c1fdcb232b89
-  languageName: node
-  linkType: hard
-
-"@angular/build@npm:20.3.15":
-  version: 20.3.15
-  resolution: "@angular/build@npm:20.3.15"
-  dependencies:
-    "@ampproject/remapping": 2.3.0
-    "@angular-devkit/architect": 0.2003.15
-    "@babel/core": 7.28.3
-    "@babel/helper-annotate-as-pure": 7.27.3
-    "@babel/helper-split-export-declaration": 7.24.7
-    "@inquirer/confirm": 5.1.14
-    "@vitejs/plugin-basic-ssl": 2.1.0
-    beasties: 0.3.5
-    browserslist: ^4.23.0
-    esbuild: 0.25.9
-    https-proxy-agent: 7.0.6
-    istanbul-lib-instrument: 6.0.3
-    jsonc-parser: 3.3.1
-    listr2: 9.0.1
-    lmdb: 3.4.2
-    magic-string: 0.30.17
-    mrmime: 2.0.1
-    parse5-html-rewriting-stream: 8.0.0
-    picomatch: 4.0.3
-    piscina: 5.1.3
-    rollup: 4.52.3
-    sass: 1.90.0
-    semver: 7.7.2
-    source-map-support: 0.5.21
-    tinyglobby: 0.2.14
-    vite: 7.1.11
-    watchpack: 2.4.4
-  peerDependencies:
-    "@angular/compiler": ^20.0.0
-    "@angular/compiler-cli": ^20.0.0
-    "@angular/core": ^20.0.0
-    "@angular/localize": ^20.0.0
-    "@angular/platform-browser": ^20.0.0
-    "@angular/platform-server": ^20.0.0
-    "@angular/service-worker": ^20.0.0
-    "@angular/ssr": ^20.3.15
-    karma: ^6.4.0
-    less: ^4.2.0
-    ng-packagr: ^20.0.0
-    postcss: ^8.4.0
-    tailwindcss: ^2.0.0 || ^3.0.0 || ^4.0.0
-    tslib: ^2.3.0
-    typescript: ">=5.8 <6.0"
-    vitest: ^3.1.1
-  dependenciesMeta:
-    lmdb:
-      optional: true
-  peerDependenciesMeta:
-    "@angular/core":
-      optional: true
-    "@angular/localize":
-      optional: true
-    "@angular/platform-browser":
-      optional: true
-    "@angular/platform-server":
-      optional: true
-    "@angular/service-worker":
-      optional: true
-    "@angular/ssr":
-      optional: true
-    karma:
-      optional: true
-    less:
-      optional: true
-    ng-packagr:
-      optional: true
-    postcss:
-      optional: true
-    tailwindcss:
-      optional: true
-    vitest:
-      optional: true
-  checksum: 82dd976e2f9f69bedb51315619dafc2b0a52fb897af0b56a03533514be9d6f509cded2d94f83e300711f3e4f65d88eb09f69fb55214f92359fdd44b76109c524
-  languageName: node
-  linkType: hard
-
-"@angular/cdk@npm:~20.2.14":
-  version: 20.2.14
-  resolution: "@angular/cdk@npm:20.2.14"
-  dependencies:
-    parse5: ^8.0.0
-    tslib: ^2.3.0
-  peerDependencies:
-    "@angular/common": ^20.0.0 || ^21.0.0
-    "@angular/core": ^20.0.0 || ^21.0.0
-    rxjs: ^6.5.3 || ^7.4.0
-  checksum: 5c2f178fe019a97b8e878ff245eb41676f1a687910a93f698ecef041d8353dc6eaddaf29361dabbdc06a264f9c3256bf50786629e6ba5a024d0d65c3a58498e5
-  languageName: node
-  linkType: hard
-
-"@angular/cli@npm:~20.3.14":
-  version: 20.3.15
-  resolution: "@angular/cli@npm:20.3.15"
-  dependencies:
-    "@angular-devkit/architect": 0.2003.15
-    "@angular-devkit/core": 20.3.15
-    "@angular-devkit/schematics": 20.3.15
-    "@inquirer/prompts": 7.8.2
-    "@listr2/prompt-adapter-inquirer": 3.0.1
-    "@modelcontextprotocol/sdk": 1.25.2
-    "@schematics/angular": 20.3.15
-    "@yarnpkg/lockfile": 1.1.0
-    algoliasearch: 5.35.0
-    ini: 5.0.0
-    jsonc-parser: 3.3.1
-    listr2: 9.0.1
-    npm-package-arg: 13.0.0
-    pacote: 21.0.4
-    resolve: 1.22.10
-    semver: 7.7.2
-    yargs: 18.0.0
-    zod: 4.1.13
-  bin:
-    ng: bin/ng.js
-  checksum: 12a7e1a83fbaaeeeaad39f4354c341cf978445cc902785dbd040b7bdaaa42de71a4e8e54db6ee0f5f73554b448a9ea0c2734551c0079bb615f6a53d014bd56ac
-  languageName: node
-  linkType: hard
-
-"@angular/common@npm:~20.3.18":
-  version: 20.3.18
-  resolution: "@angular/common@npm:20.3.18"
-  dependencies:
-    tslib: ^2.3.0
-  peerDependencies:
-    "@angular/core": 20.3.18
-    rxjs: ^6.5.3 || ^7.4.0
-  checksum: d52942adabd44bb6a55e381edeeaf06db8d2bfcf5ba04bfd4a9d95f8dce0f0f2ee71c057295c87805a2e11f9d0090f99956069b48bcdb72675ba09953f18f22e
-  languageName: node
-  linkType: hard
-
-"@angular/compiler-cli@npm:~20.3.18":
-  version: 20.3.18
-  resolution: "@angular/compiler-cli@npm:20.3.18"
-  dependencies:
-    "@babel/core": 7.28.3
-    "@jridgewell/sourcemap-codec": ^1.4.14
-    chokidar: ^4.0.0
-    convert-source-map: ^1.5.1
-    reflect-metadata: ^0.2.0
-    semver: ^7.0.0
-    tslib: ^2.3.0
-    yargs: ^18.0.0
-  peerDependencies:
-    "@angular/compiler": 20.3.18
-    typescript: ">=5.8 <6.0"
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  bin:
-    ng-xi18n: bundles/src/bin/ng_xi18n.js
-    ngc: bundles/src/bin/ngc.js
-  checksum: ba83b11d2709b259dc90340976021f167a41d5280e850b5ded429d45ed44b31f2565906bca811cfa4733365bdf7dc106a9fde0887d64290cfbd26c6ccf4f49c5
-  languageName: node
-  linkType: hard
-
-"@angular/compiler@npm:~20.3.18":
-  version: 20.3.18
-  resolution: "@angular/compiler@npm:20.3.18"
-  dependencies:
-    tslib: ^2.3.0
-  checksum: 3a6678deb7309c26f55dd52701478d8ad41254a308f5140c7e354bc4d41023da06284e498159d9fbe0de03d05cdfb2027eb6f625d8b1741d55c4a65ba38af9d4
-  languageName: node
-  linkType: hard
-
-"@angular/core@npm:~20.3.18":
-  version: 20.3.18
-  resolution: "@angular/core@npm:20.3.18"
-  dependencies:
-    tslib: ^2.3.0
-  peerDependencies:
-    "@angular/compiler": 20.3.18
-    rxjs: ^6.5.3 || ^7.4.0
-    zone.js: ~0.15.0
-  peerDependenciesMeta:
-    "@angular/compiler":
-      optional: true
-    zone.js:
-      optional: true
-  checksum: b4485f27898336706cf6a0582f266569958c037badd330cdbcf59fe2964fc8fbfcec1cc610ef9924016538cc574c309dd31ecf4983619e496f893a85fcab1027
-  languageName: node
-  linkType: hard
-
-"@angular/forms@npm:~20.3.18":
-  version: 20.3.18
-  resolution: "@angular/forms@npm:20.3.18"
-  dependencies:
-    tslib: ^2.3.0
-  peerDependencies:
-    "@angular/common": 20.3.18
-    "@angular/core": 20.3.18
-    "@angular/platform-browser": 20.3.18
-    rxjs: ^6.5.3 || ^7.4.0
-  checksum: 99ff1726963121162672021bd2591dd23b457eeae95af0737fe62e79db2a3f7742d743f31d71a9bcb05897cbb17396e7effc7f1271e52aa3ef2652de7333d978
-  languageName: node
-  linkType: hard
-
-"@angular/language-service@npm:~20.3.18":
-  version: 20.3.18
-  resolution: "@angular/language-service@npm:20.3.18"
-  checksum: c189d4e06c95d09e0527ea219de7f77227328dacd43496a4d672db16e32c979707520770140f871729643f250fbd6fec4a7d09fecbd1d9b30b54d7133b691154
-  languageName: node
-  linkType: hard
-
-"@angular/material@npm:>12.0.0":
-  version: 21.1.2
-  resolution: "@angular/material@npm:21.1.2"
-  dependencies:
-    tslib: ^2.3.0
-  peerDependencies:
-    "@angular/cdk": 21.1.2
-    "@angular/common": ^21.0.0 || ^22.0.0
-    "@angular/core": ^21.0.0 || ^22.0.0
-    "@angular/forms": ^21.0.0 || ^22.0.0
-    "@angular/platform-browser": ^21.0.0 || ^22.0.0
-    rxjs: ^6.5.3 || ^7.4.0
-  checksum: 70a965bab0fc747f4c59528b3f7ba6b04a977dc96840436fce7078ac2bf893a2442c29a2d705f2cb84cc89d99f605828759f24eb64666ac385ecf0cd1f249909
-  languageName: node
-  linkType: hard
-
-"@angular/material@npm:~20.2.14":
-  version: 20.2.14
-  resolution: "@angular/material@npm:20.2.14"
-  dependencies:
-    tslib: ^2.3.0
-  peerDependencies:
-    "@angular/cdk": 20.2.14
-    "@angular/common": ^20.0.0 || ^21.0.0
-    "@angular/core": ^20.0.0 || ^21.0.0
-    "@angular/forms": ^20.0.0 || ^21.0.0
-    "@angular/platform-browser": ^20.0.0 || ^21.0.0
-    rxjs: ^6.5.3 || ^7.4.0
-  checksum: 3042cc2180244881e7e734d864b65130ed1b0f7bc52394e5b2ca22119594c54b962dc5d0cfc490fbb24a5751786b116acd470c4994d5c1faf9200fd2367ee58d
-  languageName: node
-  linkType: hard
-
-"@angular/platform-browser-dynamic@npm:~20.3.18":
-  version: 20.3.18
-  resolution: "@angular/platform-browser-dynamic@npm:20.3.18"
-  dependencies:
-    tslib: ^2.3.0
-  peerDependencies:
-    "@angular/common": 20.3.18
-    "@angular/compiler": 20.3.18
-    "@angular/core": 20.3.18
-    "@angular/platform-browser": 20.3.18
-  checksum: 3543bc8f74e82ea36923863e49aa6901382b986e56c1f3eff2471cc0fa7e5dd7814685b44b023a57027a95ca6ff88df75ee0511e64242926f67dd5052051555e
-  languageName: node
-  linkType: hard
-
-"@angular/platform-browser@npm:~20.3.18":
-  version: 20.3.18
-  resolution: "@angular/platform-browser@npm:20.3.18"
-  dependencies:
-    tslib: ^2.3.0
-  peerDependencies:
-    "@angular/animations": 20.3.18
-    "@angular/common": 20.3.18
-    "@angular/core": 20.3.18
-  peerDependenciesMeta:
-    "@angular/animations":
-      optional: true
-  checksum: 50516c8e1e699f86e4a6b041fdf7ce05e97cfca3f2e6bf165d4a3a340d3954fa9502ae551e1a03a3b723abf174e44692d522d8ffba7b2b488f3f6572bfe13a07
-  languageName: node
-  linkType: hard
-
-"@angular/router@npm:~20.3.18":
-  version: 20.3.18
-  resolution: "@angular/router@npm:20.3.18"
-  dependencies:
-    tslib: ^2.3.0
-  peerDependencies:
-    "@angular/common": 20.3.18
-    "@angular/core": 20.3.18
-    "@angular/platform-browser": 20.3.18
-    rxjs: ^6.5.3 || ^7.4.0
-  checksum: 1e2603b46df2d4ad2b486e37e83e2e47df8c9cae0816c83bc6b53d1ad15b3cb0fcda2264d27c265f834c226fe6231ced4c0883277190cee6b5e6b03fc3ab212a
-  languageName: node
-  linkType: hard
-
-"@antfu/install-pkg@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@antfu/install-pkg@npm:1.1.0"
-  dependencies:
-    package-manager-detector: ^1.3.0
-    tinyexec: ^1.0.1
-  checksum: e20b7cd1c37eff832cc878cddd794f8c3779175681cf6d75c4cc1ae1475526126a4c1f71fa027161aa1ee35a8850782be9ca0ec01b621893defebe97ba9dc70e
-  languageName: node
-  linkType: hard
-
-"@asamuzakjp/css-color@npm:^4.1.1":
-  version: 4.1.1
-  resolution: "@asamuzakjp/css-color@npm:4.1.1"
-  dependencies:
-    "@csstools/css-calc": ^2.1.4
-    "@csstools/css-color-parser": ^3.1.0
-    "@csstools/css-parser-algorithms": ^3.0.5
-    "@csstools/css-tokenizer": ^3.0.4
-    lru-cache: ^11.2.4
-  checksum: 4771d154368ecfd2238e7442478d5d19a20b5662572c990c00f0ac23c322536c7ddd11c875258b7af50257b1995f68ceb580c7e2ee50dc00196c7965c210aeb0
-  languageName: node
-  linkType: hard
-
-"@asamuzakjp/dom-selector@npm:^6.7.6":
-  version: 6.7.7
-  resolution: "@asamuzakjp/dom-selector@npm:6.7.7"
-  dependencies:
-    "@asamuzakjp/nwsapi": ^2.3.9
-    bidi-js: ^1.0.3
-    css-tree: ^3.1.0
-    is-potential-custom-element-name: ^1.0.1
-    lru-cache: ^11.2.5
-  checksum: 73c5ae7ca5899d32b33c5733eba39b0dedcfa3f0fce1f83b6fb4336912a6765f97bddb780b9468556987404c98dce3e0532c14f6fb5b170421e01c73d9ef952c
-  languageName: node
-  linkType: hard
-
-"@asamuzakjp/nwsapi@npm:^2.3.9":
-  version: 2.3.9
-  resolution: "@asamuzakjp/nwsapi@npm:2.3.9"
-  checksum: 5fe839eb5cdc231176a671f8723b40a2f3f29f2fee5bf76120732819dbbd4ecda0e8d7464135aafb16731eea4b0e85a998bece983aae8612fe00e73433bc2cf4
-  languageName: node
-  linkType: hard
-
-"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.27.1, @babel/code-frame@npm:^7.28.6, @babel/code-frame@npm:^7.29.0":
-  version: 7.29.0
-  resolution: "@babel/code-frame@npm:7.29.0"
-  dependencies:
-    "@babel/helper-validator-identifier": ^7.28.5
-    js-tokens: ^4.0.0
-    picocolors: ^1.1.1
-  checksum: 39f5b303757e4d63bbff8133e251094cd4f952b46e3fa9febc7368d907583911d6a1eded6090876dc1feeff5cf6e134fb19b706f8d58d26c5402cd50e5e1aeb2
-  languageName: node
-  linkType: hard
-
-"@babel/compat-data@npm:^7.28.0, @babel/compat-data@npm:^7.28.6":
-  version: 7.29.0
-  resolution: "@babel/compat-data@npm:7.29.0"
-  checksum: ad19db279dfd06cbe91b505d03be00d603c6d3fcc141cfc14f4ace5c558193e9b6aae4788cb01fd209c4c850e52d73c8f3c247680e3c0d84fa17ab8b3d50c808
-  languageName: node
-  linkType: hard
-
-"@babel/core@npm:7.28.3":
-  version: 7.28.3
-  resolution: "@babel/core@npm:7.28.3"
-  dependencies:
-    "@ampproject/remapping": ^2.2.0
-    "@babel/code-frame": ^7.27.1
-    "@babel/generator": ^7.28.3
-    "@babel/helper-compilation-targets": ^7.27.2
-    "@babel/helper-module-transforms": ^7.28.3
-    "@babel/helpers": ^7.28.3
-    "@babel/parser": ^7.28.3
-    "@babel/template": ^7.27.2
-    "@babel/traverse": ^7.28.3
-    "@babel/types": ^7.28.2
-    convert-source-map: ^2.0.0
-    debug: ^4.1.0
-    gensync: ^1.0.0-beta.2
-    json5: ^2.2.3
-    semver: ^6.3.1
-  checksum: d09132cd752730d219bdd29dbd65cb647151105bef6e615cfb6d57249f71a3d1aaf8a5beaa1c7ec54ad927962e4913ebc660f7f0c3e65c39bc171bc386285e50
-  languageName: node
-  linkType: hard
-
-"@babel/core@npm:^7.23.9":
-  version: 7.29.0
-  resolution: "@babel/core@npm:7.29.0"
-  dependencies:
-    "@babel/code-frame": ^7.29.0
-    "@babel/generator": ^7.29.0
-    "@babel/helper-compilation-targets": ^7.28.6
-    "@babel/helper-module-transforms": ^7.28.6
-    "@babel/helpers": ^7.28.6
-    "@babel/parser": ^7.29.0
-    "@babel/template": ^7.28.6
-    "@babel/traverse": ^7.29.0
-    "@babel/types": ^7.29.0
-    "@jridgewell/remapping": ^2.3.5
-    convert-source-map: ^2.0.0
-    debug: ^4.1.0
-    gensync: ^1.0.0-beta.2
-    json5: ^2.2.3
-    semver: ^6.3.1
-  checksum: 85e1df6e213382c46dee27bcd07ed9202fa108a85bb74eb37be656308fd949349171ad2aa17cc84cf0720c908dc9ea6309d25e64d2a7fcdaa63721ce0c67c10b
-  languageName: node
-  linkType: hard
-
-"@babel/generator@npm:7.28.3":
-  version: 7.28.3
-  resolution: "@babel/generator@npm:7.28.3"
-  dependencies:
-    "@babel/parser": ^7.28.3
-    "@babel/types": ^7.28.2
-    "@jridgewell/gen-mapping": ^0.3.12
-    "@jridgewell/trace-mapping": ^0.3.28
-    jsesc: ^3.0.2
-  checksum: e2202bf2b9c8a94f7e7a0a049fda0ee037d055c46922e85afa3bbc53309113f859b8193894f991045d7865226028b8f4f06152ed315ab414451932016dba5e42
-  languageName: node
-  linkType: hard
-
-"@babel/generator@npm:^7.28.3, @babel/generator@npm:^7.29.0":
-  version: 7.29.0
-  resolution: "@babel/generator@npm:7.29.0"
-  dependencies:
-    "@babel/parser": ^7.29.0
-    "@babel/types": ^7.29.0
-    "@jridgewell/gen-mapping": ^0.3.12
-    "@jridgewell/trace-mapping": ^0.3.28
-    jsesc: ^3.0.2
-  checksum: 7d338a9278a401764605fac87f3e223c70b50be15ebd6cf856249db9554133a620cf841ff62e4dfcc46ca59f2c16b62a2ce12891d48e47ed987f19bfbfd5469e
-  languageName: node
-  linkType: hard
-
-"@babel/helper-annotate-as-pure@npm:7.27.3, @babel/helper-annotate-as-pure@npm:^7.27.1, @babel/helper-annotate-as-pure@npm:^7.27.3":
-  version: 7.27.3
-  resolution: "@babel/helper-annotate-as-pure@npm:7.27.3"
-  dependencies:
-    "@babel/types": ^7.27.3
-  checksum: 63863a5c936ef82b546ca289c9d1b18fabfc24da5c4ee382830b124e2e79b68d626207febc8d4bffc720f50b2ee65691d7d12cc0308679dee2cd6bdc926b7190
-  languageName: node
-  linkType: hard
-
-"@babel/helper-compilation-targets@npm:^7.27.1, @babel/helper-compilation-targets@npm:^7.27.2, @babel/helper-compilation-targets@npm:^7.28.6":
-  version: 7.28.6
-  resolution: "@babel/helper-compilation-targets@npm:7.28.6"
-  dependencies:
-    "@babel/compat-data": ^7.28.6
-    "@babel/helper-validator-option": ^7.27.1
-    browserslist: ^4.24.0
-    lru-cache: ^5.1.1
-    semver: ^6.3.1
-  checksum: 8151e36b74eb1c5e414fe945c189436421f7bfa011884de5be3dd7fd77f12f1f733ff7c982581dfa0a49d8af724450243c2409427114b4a6cfeb8333259d001c
-  languageName: node
-  linkType: hard
-
-"@babel/helper-create-class-features-plugin@npm:^7.28.6":
-  version: 7.28.6
-  resolution: "@babel/helper-create-class-features-plugin@npm:7.28.6"
-  dependencies:
-    "@babel/helper-annotate-as-pure": ^7.27.3
-    "@babel/helper-member-expression-to-functions": ^7.28.5
-    "@babel/helper-optimise-call-expression": ^7.27.1
-    "@babel/helper-replace-supers": ^7.28.6
-    "@babel/helper-skip-transparent-expression-wrappers": ^7.27.1
-    "@babel/traverse": ^7.28.6
-    semver: ^6.3.1
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: f886ab302a83f8e410384aa635806b22374897fd9e3387c737ab9d91d1214bf9f7e57ae92619bd25dea63c9c0a49b25b44eb807873332e0eb9549219adc73639
-  languageName: node
-  linkType: hard
-
-"@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.27.1, @babel/helper-create-regexp-features-plugin@npm:^7.28.5":
-  version: 7.28.5
-  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.28.5"
-  dependencies:
-    "@babel/helper-annotate-as-pure": ^7.27.3
-    regexpu-core: ^6.3.1
-    semver: ^6.3.1
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: de202103e6ff8cd8da0d62eb269fcceb29857f3fa16173f0ff38188fd514e9ad4901aef1d590ff8ba25381644b42eaf70ad9ba91fda59fe7aa6a5e694cdde267
-  languageName: node
-  linkType: hard
-
-"@babel/helper-define-polyfill-provider@npm:^0.6.5, @babel/helper-define-polyfill-provider@npm:^0.6.6":
-  version: 0.6.6
-  resolution: "@babel/helper-define-polyfill-provider@npm:0.6.6"
-  dependencies:
-    "@babel/helper-compilation-targets": ^7.28.6
-    "@babel/helper-plugin-utils": ^7.28.6
-    debug: ^4.4.3
-    lodash.debounce: ^4.0.8
-    resolve: ^1.22.11
-  peerDependencies:
-    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
-  checksum: 582efe522e7ef75228f7eeea63fd659567ce865365e3d4b9d94451825114a7f1c8b61791bbbf134aa1b2aa6ee37620b145e74879dace7568107057180153e72e
-  languageName: node
-  linkType: hard
-
-"@babel/helper-globals@npm:^7.28.0":
-  version: 7.28.0
-  resolution: "@babel/helper-globals@npm:7.28.0"
-  checksum: d8d7b91c12dad1ee747968af0cb73baf91053b2bcf78634da2c2c4991fb45ede9bd0c8f9b5f3254881242bc0921218fcb7c28ae885477c25177147e978ce4397
-  languageName: node
-  linkType: hard
-
-"@babel/helper-member-expression-to-functions@npm:^7.28.5":
-  version: 7.28.5
-  resolution: "@babel/helper-member-expression-to-functions@npm:7.28.5"
-  dependencies:
-    "@babel/traverse": ^7.28.5
-    "@babel/types": ^7.28.5
-  checksum: 447d385233bae2eea713df1785f819b5a5ca272950740da123c42d23f491045120f0fbbb5609c091f7a9bbd40f289a442846dde0cb1bf0c59440fa093690cf7c
-  languageName: node
-  linkType: hard
-
-"@babel/helper-module-imports@npm:^7.27.1, @babel/helper-module-imports@npm:^7.28.6":
-  version: 7.28.6
-  resolution: "@babel/helper-module-imports@npm:7.28.6"
-  dependencies:
-    "@babel/traverse": ^7.28.6
-    "@babel/types": ^7.28.6
-  checksum: 437513aa029898b588a38f7991d7656c539b22f595207d85d0c407240c9e3f2aff8b9d0d7115fdedc91e7fdce4465100549a052024e2fba6a810bcbb7584296b
-  languageName: node
-  linkType: hard
-
-"@babel/helper-module-transforms@npm:^7.27.1, @babel/helper-module-transforms@npm:^7.28.3, @babel/helper-module-transforms@npm:^7.28.6":
-  version: 7.28.6
-  resolution: "@babel/helper-module-transforms@npm:7.28.6"
-  dependencies:
-    "@babel/helper-module-imports": ^7.28.6
-    "@babel/helper-validator-identifier": ^7.28.5
-    "@babel/traverse": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 522f7d1d08b5e2ccd4ec912aca879bd1506af78d1fb30f46e3e6b4bb69c6ae6ab4e379a879723844230d27dc6d04a55b03f5215cd3141b7a2b40bb4a02f71a9f
-  languageName: node
-  linkType: hard
-
-"@babel/helper-optimise-call-expression@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/helper-optimise-call-expression@npm:7.27.1"
-  dependencies:
-    "@babel/types": ^7.27.1
-  checksum: 0fb7ee824a384529d6b74f8a58279f9b56bfe3cce332168067dddeab2552d8eeb56dc8eaf86c04a3a09166a316cb92dfc79c4c623cd034ad4c563952c98b464f
-  languageName: node
-  linkType: hard
-
-"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.27.1, @babel/helper-plugin-utils@npm:^7.28.6":
-  version: 7.28.6
-  resolution: "@babel/helper-plugin-utils@npm:7.28.6"
-  checksum: a0b4caab5e2180b215faa4d141ceac9e82fad9d446b8023eaeb8d82a6e62024726675b07fe8e616dd12f34e2bb59747e8d57aa8adab3e0717d1b8d691b118379
-  languageName: node
-  linkType: hard
-
-"@babel/helper-remap-async-to-generator@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/helper-remap-async-to-generator@npm:7.27.1"
-  dependencies:
-    "@babel/helper-annotate-as-pure": ^7.27.1
-    "@babel/helper-wrap-function": ^7.27.1
-    "@babel/traverse": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 0747397ba013f87dbf575454a76c18210d61c7c9af0f697546b4bcac670b54ddc156330234407b397f0c948738c304c228e0223039bc45eab4fbf46966a5e8cc
-  languageName: node
-  linkType: hard
-
-"@babel/helper-replace-supers@npm:^7.27.1, @babel/helper-replace-supers@npm:^7.28.6":
-  version: 7.28.6
-  resolution: "@babel/helper-replace-supers@npm:7.28.6"
-  dependencies:
-    "@babel/helper-member-expression-to-functions": ^7.28.5
-    "@babel/helper-optimise-call-expression": ^7.27.1
-    "@babel/traverse": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: aa6530a52010883b6be88465e3b9e789509786a40203650a23a51c315f7442b196e5925fb8e2d66d1e3dc2c604cdc817bd8c5c170dbb322ab5ebc7486fd8a022
-  languageName: node
-  linkType: hard
-
-"@babel/helper-skip-transparent-expression-wrappers@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.27.1"
-  dependencies:
-    "@babel/traverse": ^7.27.1
-    "@babel/types": ^7.27.1
-  checksum: 4f380c5d0e0769fa6942a468b0c2d7c8f0c438f941aaa88f785f8752c103631d0904c7b4e76207a3b0e6588b2dec376595370d92ca8f8f1b422c14a69aa146d4
-  languageName: node
-  linkType: hard
-
-"@babel/helper-split-export-declaration@npm:7.24.7":
-  version: 7.24.7
-  resolution: "@babel/helper-split-export-declaration@npm:7.24.7"
-  dependencies:
-    "@babel/types": ^7.24.7
-  checksum: e3ddc91273e5da67c6953f4aa34154d005a00791dc7afa6f41894e768748540f6ebcac5d16e72541aea0c89bee4b89b4da6a3d65972a0ea8bfd2352eda5b7e22
-  languageName: node
-  linkType: hard
-
-"@babel/helper-string-parser@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/helper-string-parser@npm:7.27.1"
-  checksum: 0a8464adc4b39b138aedcb443b09f4005d86207d7126e5e079177e05c3116107d856ec08282b365e9a79a9872f40f4092a6127f8d74c8a01c1ef789dacfc25d6
-  languageName: node
-  linkType: hard
-
-"@babel/helper-validator-identifier@npm:^7.28.5":
-  version: 7.28.5
-  resolution: "@babel/helper-validator-identifier@npm:7.28.5"
-  checksum: 5a251a6848e9712aea0338f659a1a3bd334d26219d5511164544ca8ec20774f098c3a6661e9da65a0d085c745c00bb62c8fada38a62f08fa1f8053bc0aeb57e4
-  languageName: node
-  linkType: hard
-
-"@babel/helper-validator-option@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/helper-validator-option@npm:7.27.1"
-  checksum: db73e6a308092531c629ee5de7f0d04390835b21a263be2644276cb27da2384b64676cab9f22cd8d8dbd854c92b1d7d56fc8517cf0070c35d1c14a8c828b0903
-  languageName: node
-  linkType: hard
-
-"@babel/helper-wrap-function@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/helper-wrap-function@npm:7.28.6"
-  dependencies:
-    "@babel/template": ^7.28.6
-    "@babel/traverse": ^7.28.6
-    "@babel/types": ^7.28.6
-  checksum: 1281f45d55ff291711de7cf05b8132fc28b8d2b30c6c9cf8fce68669bbe318503ed485057d434efa1a4f91ab55d62bf8f3ecb0a889a9f81d357ad4614cd0fa6c
-  languageName: node
-  linkType: hard
-
-"@babel/helpers@npm:^7.28.3, @babel/helpers@npm:^7.28.6":
-  version: 7.28.6
-  resolution: "@babel/helpers@npm:7.28.6"
-  dependencies:
-    "@babel/template": ^7.28.6
-    "@babel/types": ^7.28.6
-  checksum: 4f3d555ec20dde40a2fcb244c86bfd9ec007b57ec9b30a9d04334c1ea2c1670bb82c151024124e1ab27ccf0b1f5ad30167633457a7c9ffbf4064fad2643f12fc
-  languageName: node
-  linkType: hard
-
-"@babel/parser@npm:^7.23.9, @babel/parser@npm:^7.28.3, @babel/parser@npm:^7.28.6, @babel/parser@npm:^7.29.0":
-  version: 7.29.0
-  resolution: "@babel/parser@npm:7.29.0"
-  dependencies:
-    "@babel/types": ^7.29.0
-  bin:
-    parser: ./bin/babel-parser.js
-  checksum: b4a1bd3cf46712e439286db9a4105dfa741b5a7720fa1f38f33719cf4f1da9df9fc5b6686128890bd6a62debba287d8d472af153dd629fd4a0a44fe55413cd68
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:^7.27.1":
-  version: 7.28.5
-  resolution: "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:7.28.5"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-    "@babel/traverse": ^7.28.5
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 749b40a963d5633f554cad0336245cb6c1c1393c70a3fddcf302d86a1a42b35efdd2ed62056b88db66f3900887ae1cee9a3eeec89799c22e0cf65059f0dfd142
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-bugfix-safari-class-field-initializer-scope@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-bugfix-safari-class-field-initializer-scope@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: eb7f4146dc01f1198ce559a90b077e58b951a07521ec414e3c7d4593bf6c4ab5c2af22242a7e9fec085e20299e0ba6ea97f44a45e84ab148141bf9eb959ad25e
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 621cfddfcc99a81e74f8b6f9101fd260b27500cb1a568e3ceae9cc8afe9aee45ac3bca3900a2b66c612b1a2366d29ef67d4df5a1c975be727eaad6906f98c2c6
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-    "@babel/helper-skip-transparent-expression-wrappers": ^7.27.1
-    "@babel/plugin-transform-optional-chaining": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.13.0
-  checksum: f07aa80272bd7a46b7ba11a4644da6c9b6a5a64e848dfaffdad6f02663adefd512e1aaebe664c4dd95f7ed4f80c872c7f8db8d8e34b47aae0930b412a28711a0
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:^7.28.3":
-  version: 7.28.6
-  resolution: "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:7.28.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-    "@babel/traverse": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: f1341f829f809c8685d839669953a478f8a40d1d53f4f5e1972bf39ff4e1ece148319340292d6e0c3641157268b435cbb99b3ac2f3cefe9fca9e81b8f62d6d71
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-proposal-private-property-in-object@npm:7.21.0-placeholder-for-preset-env.2":
-  version: 7.21.0-placeholder-for-preset-env.2
-  resolution: "@babel/plugin-proposal-private-property-in-object@npm:7.21.0-placeholder-for-preset-env.2"
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: d97745d098b835d55033ff3a7fb2b895b9c5295b08a5759e4f20df325aa385a3e0bc9bd5ad8f2ec554a44d4e6525acfc257b8c5848a1345cb40f26a30e277e91
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-import-assertions@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-syntax-import-assertions@npm:7.28.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 25017235e1e2c4ed892aa327a3fa10f4209cc618c6dd7806fc40c07d8d7d24a39743d3d5568b8d1c8f416cffe03c174e78874ded513c9338b07a7ab1dcbab050
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-import-attributes@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-syntax-import-attributes@npm:7.28.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 6c8c6a5988dbb9799d6027360d1a5ba64faabf551f2ef11ba4eade0c62253b5c85d44ddc8eb643c74b9acb2bcaa664a950bd5de9a5d4aef291c4f2a48223bb4b
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-syntax-unicode-sets-regex@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-syntax-unicode-sets-regex@npm:7.18.6"
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.18.6
-    "@babel/helper-plugin-utils": ^7.18.6
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: a651d700fe63ff0ddfd7186f4ebc24447ca734f114433139e3c027bc94a900d013cf1ef2e2db8430425ba542e39ae160c3b05f06b59fd4656273a3df97679e9c
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-arrow-functions@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-arrow-functions@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 62c2cc0ae2093336b1aa1376741c5ed245c0987d9e4b4c5313da4a38155509a7098b5acce582b6781cc0699381420010da2e3086353344abe0a6a0ec38961eb7
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-async-generator-functions@npm:7.28.0":
-  version: 7.28.0
-  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.28.0"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-    "@babel/helper-remap-async-to-generator": ^7.27.1
-    "@babel/traverse": ^7.28.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 174aaccd7a8386fd7f32240c3f65a93cf60dcc5f6a2123cfbff44c0d22b424cd41de3a0c6d136b6a2fa60a8ca01550c261677284cb18a0daeab70730b2265f1d
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-async-generator-functions@npm:^7.28.0":
-  version: 7.29.0
-  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.29.0"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-    "@babel/helper-remap-async-to-generator": ^7.27.1
-    "@babel/traverse": ^7.29.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: bd549b54283034dd3e2f6c4b41b99a0caba0ddc8e9418490a611136ddb01e62235f14b233fcc172902fd1d18eec6e029245d22212566ea5cb5e24c7450d6005d
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-async-to-generator@npm:7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-async-to-generator@npm:7.27.1"
-  dependencies:
-    "@babel/helper-module-imports": ^7.27.1
-    "@babel/helper-plugin-utils": ^7.27.1
-    "@babel/helper-remap-async-to-generator": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: d79d7a7ae7d416f6a48200017d027a6ba94c09c7617eea8b4e9c803630f00094c1a4fc32bf20ce3282567824ce3fcbda51653aac4003c71ea4e681b331338979
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-async-to-generator@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-async-to-generator@npm:7.28.6"
-  dependencies:
-    "@babel/helper-module-imports": ^7.28.6
-    "@babel/helper-plugin-utils": ^7.28.6
-    "@babel/helper-remap-async-to-generator": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: bca5774263ec01dd2bf71c74bbaf7baa183bf03576636b7826c3346be70c8c8cb15cff549112f2983c36885131a0afde6c443591278c281f733ee17f455aa9b1
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-block-scoped-functions@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 7fb4988ca80cf1fc8345310d5edfe38e86b3a72a302675cdd09404d5064fe1d1fe1283ebe658ad2b71445ecef857bfb29a748064306b5f6c628e0084759c2201
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-block-scoping@npm:^7.28.0":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-block-scoping@npm:7.28.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: cb4f71ac4fc7b32c2e3cc167eb9e7a1a11562127d702e3b5093567750e9a4eb11a29ae5a917f62741bf9d5792bfe3022cbcdcc7bb927ddb6f627b6749a38c118
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-class-properties@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-class-properties@npm:7.28.6"
-  dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.28.6
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 200f30d44b36a768fa3a8cf690db9e333996af2ad14d9fa1b4c91a427ed9302907873b219b4ce87517ca1014a810eb2e929a6a66be68473f72b546fc64d04fbc
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-class-static-block@npm:^7.28.3":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-class-static-block@npm:7.28.6"
-  dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.28.6
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.12.0
-  checksum: 3db326156f73a0c0d1e2ea4d73e082b9ace2f6a9c965db1c2e51f3a186751b8b91bafb184d05e046bf970b50ecfde1f74862dd895f9a5ea0fad328369d74cfc4
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-classes@npm:^7.28.3":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-classes@npm:7.28.6"
-  dependencies:
-    "@babel/helper-annotate-as-pure": ^7.27.3
-    "@babel/helper-compilation-targets": ^7.28.6
-    "@babel/helper-globals": ^7.28.0
-    "@babel/helper-plugin-utils": ^7.28.6
-    "@babel/helper-replace-supers": ^7.28.6
-    "@babel/traverse": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: bddeefbfd1966272e5da6a0844d68369a0f43c286816c8b379dfd576cf835b8bc652089ef337b0334ff3ae6c9652d56d8332b78a7d29176534265c39856e4822
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-computed-properties@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-computed-properties@npm:7.28.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-    "@babel/template": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: fd1fcc55003a2584c7461bf214ae9e9fce370ad09339319e99e29e5e55a8a3bd485d10805b3d69636a738208761b3a5b0dafdd023534396be45a36409082b014
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-destructuring@npm:^7.28.0, @babel/plugin-transform-destructuring@npm:^7.28.5":
-  version: 7.28.5
-  resolution: "@babel/plugin-transform-destructuring@npm:7.28.5"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-    "@babel/traverse": ^7.28.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 74a06e55e715cfda0fdd8be53d2655d64dfdc28dffaede329d42548fd5b1449ad26a4ce43a24c3fd277b96f8b2010c7b3915afa8297911cda740cc5cc3a81f38
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-dotall-regex@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-dotall-regex@npm:7.28.6"
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.28.5
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 866ffbbdee77fa955063b37c75593db8dbbe46b1ebb64cc788ea437e3a9aa41cb7b9afcee617c678a32b6705baa0892ec8e5d4b8af3bbb0ab1b254514ccdbd37
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-duplicate-keys@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: ef2112d658338e3ff0827f39a53c0cfa211f1cbbe60363bca833a5269df389598ec965e7283600b46533c39cdca82307d0d69c0f518290ec5b00bb713044715b
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-duplicate-named-capturing-groups-regex@npm:^7.27.1":
-  version: 7.29.0
-  resolution: "@babel/plugin-transform-duplicate-named-capturing-groups-regex@npm:7.29.0"
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.28.5
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 7fa7b773259a578c9e01c80946f75ecc074520064aa7a87a65db06c7df70766e2fa6be78cda55fa9418a14e30b2b9d595484a46db48074d495d9f877a4276065
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-dynamic-import@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-dynamic-import@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 7a9fbc8d17148b7f11a1d1ca3990d2c2cd44bd08a45dcaf14f20a017721235b9044b20e6168b6940282bb1b48fb78e6afbdfb9dd9d82fde614e15baa7d579932
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-explicit-resource-management@npm:^7.28.0":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-explicit-resource-management@npm:7.28.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-    "@babel/plugin-transform-destructuring": ^7.28.5
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: be65403694d360793b1b626ac0dfa7c120cfe4dd1c95a81a30b6e7426dc317643e60a486d642e318a4d3d9a7193e72fdb36e2ec140c25c773dcb9c3b1e2854ef
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-exponentiation-operator@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.28.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: b232152499370435c7cd4bf3321f58e189150e35ca3722ea16533d33434b97294df1342f5499671ec48e62b71c34cdea0ca8cf317ad12594a10f6fc670315e62
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-export-namespace-from@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-export-namespace-from@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 85082923eca317094f08f4953d8ea2a6558b3117826c0b740676983902b7236df1f4213ad844cb38c2dae104753dbe8f1cc51f01567835d476d32f5f544a4385
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-for-of@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-for-of@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-    "@babel/helper-skip-transparent-expression-wrappers": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: c9224e08de5d80b2c834383d4359aa9e519db434291711434dd996a4f86b7b664ad67b45d65459b7ec11fa582e3e11a3c769b8a8ca71594bdd4e2f0503f84126
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-function-name@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-function-name@npm:7.27.1"
-  dependencies:
-    "@babel/helper-compilation-targets": ^7.27.1
-    "@babel/helper-plugin-utils": ^7.27.1
-    "@babel/traverse": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 26a2a183c3c52a96495967420a64afc5a09f743a230272a131668abf23001e393afa6371e6f8e6c60f4182bea210ed31d1caf866452d91009c1daac345a52f23
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-json-strings@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-json-strings@npm:7.28.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 69d82a1a0a72ed6e6f7969e09cf330516599d79b2b4e680e9dd3c57616a8c6af049b5103456e370ab56642815e80e46ed88bb81e9e059304a85c5fe0bf137c29
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-literals@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-literals@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 0a76d12ab19f32dd139964aea7da48cecdb7de0b75e207e576f0f700121fe92367d788f328bf4fb44b8261a0f605c97b44e62ae61cddbb67b14e94c88b411f95
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-logical-assignment-operators@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.28.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 36095d5d1cfc680e95298b5389a16016da800ae3379b130dabf557e94652c47b06610407e9fa44aaa03e9b0a5aa7b4b93348123985d44a45e369bf5f3497d149
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-member-expression-literals@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 804121430a6dcd431e6ffe99c6d1fbbc44b43478113b79c677629e7f877b4f78a06b69c6bfb2747fd84ee91879fe2eb32e4620b53124603086cf5b727593ebe8
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-modules-amd@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-modules-amd@npm:7.27.1"
-  dependencies:
-    "@babel/helper-module-transforms": ^7.27.1
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 8bb36d448e438d5d30f4faf19120e8c18aa87730269e65d805bf6032824d175ed738057cc392c2c8a650028f1ae0f346cad8d6b723f31a037b586e2092a7be18
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-modules-commonjs@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.28.6"
-  dependencies:
-    "@babel/helper-module-transforms": ^7.28.6
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: b48cab26fda72894c7002a9c783befbc8a643d827c52bdcc5adf83e418ca93224a15aaf7ed2d1e6284627be55913696cfa2119242686cfa77a473bf79314df26
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-modules-systemjs@npm:^7.27.1":
-  version: 7.29.0
-  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.29.0"
-  dependencies:
-    "@babel/helper-module-transforms": ^7.28.6
-    "@babel/helper-plugin-utils": ^7.28.6
-    "@babel/helper-validator-identifier": ^7.28.5
-    "@babel/traverse": ^7.29.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 36fd7bcd694549effdbdf733c32f0c9dbadea052316ff5e0830b07482a60c8ff1ee79850efff05e8046c4b99c241832f2c5267e0ae7c721c531c8ef12930c4b9
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-modules-umd@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-modules-umd@npm:7.27.1"
-  dependencies:
-    "@babel/helper-module-transforms": ^7.27.1
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: b007dd89231f2eeccf1c71a85629bcb692573303977a4b1c5f19a835ea6b5142c18ef07849bc6d752b874a11bc0ddf3c67468b77c8ee8310290b688a4f01ef31
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.27.1":
-  version: 7.29.0
-  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.29.0"
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.28.5
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: ed8c27699ca82a6c01cbfd39f3de16b90cfea4f8146a358057f76df290d308a66a8bd2e6734e6a87f68c18576e15d2d70548a84cd474d26fdf256c3f5ae44d8c
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-new-target@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-new-target@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 32c8078d843bda001244509442d68fd3af088d7348ba883f45c262b2c817a27ffc553b0d78e7f7a763271b2ece7fac56151baad7a91fb21f5bb1d2f38e5acad7
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.28.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 1cdd3ca48a8fffa13dbb9949748d3dd2183cf24110cd55d702da4549205611fc12978b49886be809ec1929ff6304ac4eecc747a33dca2484f9dc655928ab5a89
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-numeric-separator@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-numeric-separator@npm:7.28.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 4b5ca60e481e22f0842761a3badca17376a230b5a7e5482338604eb95836c2d0c9c9bde53bdc5c2de1c6a12ae6c12de7464d098bf74b0943f85905ca358f0b68
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-object-rest-spread@npm:^7.28.0":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.28.6"
-  dependencies:
-    "@babel/helper-compilation-targets": ^7.28.6
-    "@babel/helper-plugin-utils": ^7.28.6
-    "@babel/plugin-transform-destructuring": ^7.28.5
-    "@babel/plugin-transform-parameters": ^7.27.7
-    "@babel/traverse": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: ab85b1321f86db91aba22ad9d8e6ab65448c983214998012229f5302468527d27b908ad6b14755991c317e35d2f54ec8459a2a094a755999651fe0ac9bd2e9a6
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-object-super@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-object-super@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-    "@babel/helper-replace-supers": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 46b819cb9a6cd3cfefe42d07875fee414f18d5e66040366ae856116db560ad4e16f3899a0a7fddd6773e0d1458444f94b208b67c0e3b6977a27ea17a5c13dbf6
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-optional-catch-binding@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.28.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: ee24a17defec056eb9ef01824d7e4a1f65d531af6b4b79acfd0bcb95ce0b47926e80c61897f36f8c01ce733b069c9acdb1c9ce5ec07a729d0dbf9e8d859fe992
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-optional-chaining@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-optional-chaining@npm:7.28.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-    "@babel/helper-skip-transparent-expression-wrappers": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: a40dbe709671a436bb69e14524805e10af81b44c422e4fc5dc905cb91adb92d650c9d266c3c2c0da0d410dea89ce784995d4118b7ab6a7544f4923e61590b386
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-parameters@npm:^7.27.7":
-  version: 7.27.7
-  resolution: "@babel/plugin-transform-parameters@npm:7.27.7"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: d51f195e1d6ac5d9fce583e9a70a5bfe403e62386e5eb06db9fbc6533f895a98ff7e7c3dcaa311a8e6fa7a9794466e81cdabcba6af9f59d787fb767bfe7868b4
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-private-methods@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-private-methods@npm:7.28.6"
-  dependencies:
-    "@babel/helper-create-class-features-plugin": ^7.28.6
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: b80179b28f6a165674d0b0d6c6349b13a01dd282b18f56933423c0a33c23fc0626c8f011f859fc20737d021fe966eb8474a5233e4596401482e9ee7fb00e2aa2
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-private-property-in-object@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-private-property-in-object@npm:7.28.6"
-  dependencies:
-    "@babel/helper-annotate-as-pure": ^7.27.3
-    "@babel/helper-create-class-features-plugin": ^7.28.6
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 32a935e44872e90607851be5bc2cd3365f29c0e0e3853ef3e2b6a7da4d08c647379bf2f2dc4f14a9064d7d72e2cf75da85e55baeeec1ffc25cf6088fe24422f7
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-property-literals@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-property-literals@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 7caec27d5ed8870895c9faf4f71def72745d69da0d8e77903146a4e135fd7bed5778f5f9cebb36c5fba86338e6194dd67a08c033fc84b4299b7eceab6d9630cb
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-regenerator@npm:^7.28.3":
-  version: 7.29.0
-  resolution: "@babel/plugin-transform-regenerator@npm:7.29.0"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: f48bc814f11239f2bfe010a6e29d5ac2443e7b1d8004e7c022effa111b743491127acf8644cfef475edb86b91f123829585867bc13762652aabd9b85ed6ce61e
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-regexp-modifiers@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-regexp-modifiers@npm:7.28.6"
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.28.5
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 5aacc570034c085afa0165137bb9a04cd4299b86eb9092933a96dcc1132c8f591d9d534419988f5f762b2f70d43a3c719a6b8fa05fdd3b2b1820d01cf85500da
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-reserved-words@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-reserved-words@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: dea0b66742d2863b369c06c053e11e15ba785892ea19cccf7aef3c1bdaa38b6ab082e19984c5ea7810d275d9445c5400fcc385ad71ce707ed9256fadb102af3b
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-runtime@npm:7.28.3":
-  version: 7.28.3
-  resolution: "@babel/plugin-transform-runtime@npm:7.28.3"
-  dependencies:
-    "@babel/helper-module-imports": ^7.27.1
-    "@babel/helper-plugin-utils": ^7.27.1
-    babel-plugin-polyfill-corejs2: ^0.4.14
-    babel-plugin-polyfill-corejs3: ^0.13.0
-    babel-plugin-polyfill-regenerator: ^0.6.5
-    semver: ^6.3.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 63d2fc05d5bfcb96f31be54b095d72a89f0a03c8de10f5d742b18b174e2731bcdc27292e8deec66c2e88cebf8298393123d5e767526f6fffbc75cb8144ef66c6
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-shorthand-properties@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: fbba6e2aef0b69681acb68202aa249c0598e470cc0853d7ff5bd0171fd6a7ec31d77cfabcce9df6360fc8349eded7e4a65218c32551bd3fc0caaa1ac899ac6d4
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-spread@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-spread@npm:7.28.6"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.28.6
-    "@babel/helper-skip-transparent-expression-wrappers": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: e4782578904df68f7d2b3e865f20701c71d6aba0027c4794c1dc08a2f805a12892a078dab483714552398a689ad4ff6786cdf4e088b073452aee7db67e37a09c
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-sticky-regex@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-sticky-regex@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: e1414a502efba92c7974681767e365a8cda6c5e9e5f33472a9eaa0ce2e75cea0a9bef881ff8dda37c7810ad902f98d3c00ead92a3ac3b73a79d011df85b5a189
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-template-literals@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-template-literals@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: 93aad782503b691faef7c0893372d5243df3219b07f1f22cfc32c104af6a2e7acd6102c128439eab15336d048f1b214ca134b87b0630d8cd568bf447f78b25ce
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-typeof-symbol@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: ed8048c8de72c60969a64cf2273cc6d9275d8fa8db9bd25a1268273a00fb9cbd79931140311411bda1443aa56cb3961fb911d1795abacde7f0482f1d8fdf0356
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-unicode-escapes@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.27.1"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: d817154bc10758ddd85b716e0bc1af1a1091e088400289ab6b78a1a4d609907ce3d2f1fd51a6fd0e0c8ecbb5f8e3aab4957e0747776d132d2379e85c3ef0520a
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-unicode-property-regex@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.28.6"
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.28.5
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: d14e8c51aa73f592575c1543400fd67d96df6410d75c9dc10dd640fd7eecb37366a2f2368bbdd7529842532eda4af181c921bda95146c6d373c64ea59c6e9991
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-unicode-regex@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-unicode-regex@npm:7.27.1"
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.27.1
-    "@babel/helper-plugin-utils": ^7.27.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: a34d89a2b75fb78e66d97c3dc90d4877f7e31f43316b52176f95a5dee20e9bb56ecf158eafc42a001676ddf7b393d9e67650bad6b32f5405780f25fb83cd68e3
-  languageName: node
-  linkType: hard
-
-"@babel/plugin-transform-unicode-sets-regex@npm:^7.27.1":
-  version: 7.28.6
-  resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.28.6"
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin": ^7.28.5
-    "@babel/helper-plugin-utils": ^7.28.6
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 423971fe2eef9d18782b1c30f5f42613ee510e5b9c08760c5538a0997b36c34495acce261e0e37a27831f81330359230bd1f33c2e1822de70241002b45b7d68e
-  languageName: node
-  linkType: hard
-
-"@babel/preset-env@npm:7.28.3":
-  version: 7.28.3
-  resolution: "@babel/preset-env@npm:7.28.3"
-  dependencies:
-    "@babel/compat-data": ^7.28.0
-    "@babel/helper-compilation-targets": ^7.27.2
-    "@babel/helper-plugin-utils": ^7.27.1
-    "@babel/helper-validator-option": ^7.27.1
-    "@babel/plugin-bugfix-firefox-class-in-computed-class-key": ^7.27.1
-    "@babel/plugin-bugfix-safari-class-field-initializer-scope": ^7.27.1
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": ^7.27.1
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": ^7.27.1
-    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": ^7.28.3
-    "@babel/plugin-proposal-private-property-in-object": 7.21.0-placeholder-for-preset-env.2
-    "@babel/plugin-syntax-import-assertions": ^7.27.1
-    "@babel/plugin-syntax-import-attributes": ^7.27.1
-    "@babel/plugin-syntax-unicode-sets-regex": ^7.18.6
-    "@babel/plugin-transform-arrow-functions": ^7.27.1
-    "@babel/plugin-transform-async-generator-functions": ^7.28.0
-    "@babel/plugin-transform-async-to-generator": ^7.27.1
-    "@babel/plugin-transform-block-scoped-functions": ^7.27.1
-    "@babel/plugin-transform-block-scoping": ^7.28.0
-    "@babel/plugin-transform-class-properties": ^7.27.1
-    "@babel/plugin-transform-class-static-block": ^7.28.3
-    "@babel/plugin-transform-classes": ^7.28.3
-    "@babel/plugin-transform-computed-properties": ^7.27.1
-    "@babel/plugin-transform-destructuring": ^7.28.0
-    "@babel/plugin-transform-dotall-regex": ^7.27.1
-    "@babel/plugin-transform-duplicate-keys": ^7.27.1
-    "@babel/plugin-transform-duplicate-named-capturing-groups-regex": ^7.27.1
-    "@babel/plugin-transform-dynamic-import": ^7.27.1
-    "@babel/plugin-transform-explicit-resource-management": ^7.28.0
-    "@babel/plugin-transform-exponentiation-operator": ^7.27.1
-    "@babel/plugin-transform-export-namespace-from": ^7.27.1
-    "@babel/plugin-transform-for-of": ^7.27.1
-    "@babel/plugin-transform-function-name": ^7.27.1
-    "@babel/plugin-transform-json-strings": ^7.27.1
-    "@babel/plugin-transform-literals": ^7.27.1
-    "@babel/plugin-transform-logical-assignment-operators": ^7.27.1
-    "@babel/plugin-transform-member-expression-literals": ^7.27.1
-    "@babel/plugin-transform-modules-amd": ^7.27.1
-    "@babel/plugin-transform-modules-commonjs": ^7.27.1
-    "@babel/plugin-transform-modules-systemjs": ^7.27.1
-    "@babel/plugin-transform-modules-umd": ^7.27.1
-    "@babel/plugin-transform-named-capturing-groups-regex": ^7.27.1
-    "@babel/plugin-transform-new-target": ^7.27.1
-    "@babel/plugin-transform-nullish-coalescing-operator": ^7.27.1
-    "@babel/plugin-transform-numeric-separator": ^7.27.1
-    "@babel/plugin-transform-object-rest-spread": ^7.28.0
-    "@babel/plugin-transform-object-super": ^7.27.1
-    "@babel/plugin-transform-optional-catch-binding": ^7.27.1
-    "@babel/plugin-transform-optional-chaining": ^7.27.1
-    "@babel/plugin-transform-parameters": ^7.27.7
-    "@babel/plugin-transform-private-methods": ^7.27.1
-    "@babel/plugin-transform-private-property-in-object": ^7.27.1
-    "@babel/plugin-transform-property-literals": ^7.27.1
-    "@babel/plugin-transform-regenerator": ^7.28.3
-    "@babel/plugin-transform-regexp-modifiers": ^7.27.1
-    "@babel/plugin-transform-reserved-words": ^7.27.1
-    "@babel/plugin-transform-shorthand-properties": ^7.27.1
-    "@babel/plugin-transform-spread": ^7.27.1
-    "@babel/plugin-transform-sticky-regex": ^7.27.1
-    "@babel/plugin-transform-template-literals": ^7.27.1
-    "@babel/plugin-transform-typeof-symbol": ^7.27.1
-    "@babel/plugin-transform-unicode-escapes": ^7.27.1
-    "@babel/plugin-transform-unicode-property-regex": ^7.27.1
-    "@babel/plugin-transform-unicode-regex": ^7.27.1
-    "@babel/plugin-transform-unicode-sets-regex": ^7.27.1
-    "@babel/preset-modules": 0.1.6-no-external-plugins
-    babel-plugin-polyfill-corejs2: ^0.4.14
-    babel-plugin-polyfill-corejs3: ^0.13.0
-    babel-plugin-polyfill-regenerator: ^0.6.5
-    core-js-compat: ^3.43.0
-    semver: ^6.3.1
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-  checksum: c4e70f69b727d21eedd4de201ac082e951482f2d28a388e401e7937fd6f15bc1a49a63c12f59e87a18d237ac037a5b29d983f3bb82f1196d6444ae5b605ac6e2
-  languageName: node
-  linkType: hard
-
-"@babel/preset-modules@npm:0.1.6-no-external-plugins":
-  version: 0.1.6-no-external-plugins
-  resolution: "@babel/preset-modules@npm:0.1.6-no-external-plugins"
-  dependencies:
-    "@babel/helper-plugin-utils": ^7.0.0
-    "@babel/types": ^7.4.4
-    esutils: ^2.0.2
-  peerDependencies:
-    "@babel/core": ^7.0.0-0 || ^8.0.0-0 <8.0.0
-  checksum: 4855e799bc50f2449fb5210f78ea9e8fd46cf4f242243f1e2ed838e2bd702e25e73e822e7f8447722a5f4baa5e67a8f7a0e403f3e7ce04540ff743a9c411c375
-  languageName: node
-  linkType: hard
-
-"@babel/runtime@npm:7.28.3":
-  version: 7.28.3
-  resolution: "@babel/runtime@npm:7.28.3"
-  checksum: dd22662b9e02b6e66cfb061d6f9730eb0aa3b3a390a7bd70fe9a64116d86a3704df6d54ab978cb4acc13b58dbf63a3d7dd4616b0b87030eb14a22835e0aa602d
-  languageName: node
-  linkType: hard
-
-"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.21.0":
-  version: 7.28.6
-  resolution: "@babel/runtime@npm:7.28.6"
-  checksum: 42d8a868c2fc2e9a77927945a6daa7ec03c7ea49e611e0d15442933cdabb12f20e3a6849c729259076c10a4247adec229331d1f94c2d0073ea0979d7853e29fd
-  languageName: node
-  linkType: hard
-
-"@babel/template@npm:^7.27.2, @babel/template@npm:^7.28.6":
-  version: 7.28.6
-  resolution: "@babel/template@npm:7.28.6"
-  dependencies:
-    "@babel/code-frame": ^7.28.6
-    "@babel/parser": ^7.28.6
-    "@babel/types": ^7.28.6
-  checksum: 8ab6383053e226025d9491a6e795293f2140482d14f60c1244bece6bf53610ed1e251d5e164de66adab765629881c7d9416e1e540c716541d2fd0f8f36a013d7
-  languageName: node
-  linkType: hard
-
-"@babel/traverse@npm:^7.27.1, @babel/traverse@npm:^7.28.0, @babel/traverse@npm:^7.28.3, @babel/traverse@npm:^7.28.5, @babel/traverse@npm:^7.28.6, @babel/traverse@npm:^7.29.0":
-  version: 7.29.0
-  resolution: "@babel/traverse@npm:7.29.0"
-  dependencies:
-    "@babel/code-frame": ^7.29.0
-    "@babel/generator": ^7.29.0
-    "@babel/helper-globals": ^7.28.0
-    "@babel/parser": ^7.29.0
-    "@babel/template": ^7.28.6
-    "@babel/types": ^7.29.0
-    debug: ^4.3.1
-  checksum: fbb5085aa525b5d4ecd9fe2f5885d88413fff6ad9c0fac244c37f96069b6d3af9ce825750cd16af1d97d26fa3d354b38dbbdb5f31430e0d99ed89660ab65430e
-  languageName: node
-  linkType: hard
-
-"@babel/types@npm:^7.24.7, @babel/types@npm:^7.27.1, @babel/types@npm:^7.27.3, @babel/types@npm:^7.28.2, @babel/types@npm:^7.28.5, @babel/types@npm:^7.28.6, @babel/types@npm:^7.29.0, @babel/types@npm:^7.4.4":
-  version: 7.29.0
-  resolution: "@babel/types@npm:7.29.0"
-  dependencies:
-    "@babel/helper-string-parser": ^7.27.1
-    "@babel/helper-validator-identifier": ^7.28.5
-  checksum: 83f190438e94c22b2574aaeef7501830311ef266eaabfb06523409f64e2fe855e522951607085d71cad286719adef14e1ba37b671f334a7cd25b0f8506a01e0b
-  languageName: node
-  linkType: hard
-
-"@braintree/sanitize-url@npm:^7.1.1":
-  version: 7.1.2
-  resolution: "@braintree/sanitize-url@npm:7.1.2"
-  checksum: ca787264bbea2a3c02ce5cd5e08a1debf1ffff1c87b954ed2522d816fc3f3a9b93a5a55056dfe394d86c780ced35ee2fc06abbffd0f5f2e95264f7b62cb29d66
-  languageName: node
-  linkType: hard
-
-"@brumeilde/ngx-theme@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "@brumeilde/ngx-theme@npm:1.2.1"
-  dependencies:
-    "@angular/material": ">12.0.0"
-    tailwindcss: ">1.0.0"
-    tinycolor2: ^1.4.2
-    tslib: ^2.3.0
-  peerDependencies:
-    "@angular/common": ">12.0.0"
-    "@angular/core": ">12.0.0"
-  dependenciesMeta:
-    "@angular/material":
-      optional: true
-    tailwindcss:
-      optional: true
-  checksum: 6f8a095c7c7e7db019cc9085f36fdaf6e914de7bbd208d685f04d5b9f482787590570f2adb7c489aded9d8bdde69dcb81ef11117d6732797a5cb9b66b7fab824
-  languageName: node
-  linkType: hard
-
-"@cedar-policy/cedar-wasm@npm:^4.9.1":
-  version: 4.9.1
-  resolution: "@cedar-policy/cedar-wasm@npm:4.9.1"
-  checksum: 8cb134ec94a3c04c58b9020e9ef2348fca4439cdefb0d6e83371d030947427cbfb30912e8d081aa6291c7318a981dce093f0e474737b9b66dfac41c0cfa5b503
-  languageName: node
-  linkType: hard
-
-"@chevrotain/cst-dts-gen@npm:11.0.3":
-  version: 11.0.3
-  resolution: "@chevrotain/cst-dts-gen@npm:11.0.3"
-  dependencies:
-    "@chevrotain/gast": 11.0.3
-    "@chevrotain/types": 11.0.3
-    lodash-es: 4.17.21
-  checksum: 414229a827e06b4564e271ca3a02ed6f475d400a184dc5ae05308bbc6e966959b84a40a063dacf7debd8f9a1dba5bf8785a891e7b588eafd9f821b43ec16b109
-  languageName: node
-  linkType: hard
-
-"@chevrotain/gast@npm:11.0.3":
-  version: 11.0.3
-  resolution: "@chevrotain/gast@npm:11.0.3"
-  dependencies:
-    "@chevrotain/types": 11.0.3
-    lodash-es: 4.17.21
-  checksum: 5190ba3a3f03f6f58331dbd108c36172b90314f60675b88dfefca25f704549164577796a1127fa407dd546aefa9f221d6c043e5b95298a0852ffd060b4fff117
-  languageName: node
-  linkType: hard
-
-"@chevrotain/regexp-to-ast@npm:11.0.3":
-  version: 11.0.3
-  resolution: "@chevrotain/regexp-to-ast@npm:11.0.3"
-  checksum: 5d665b3340493e302f245c9bbcd73de9b973ca79d0e59c4fbed6cc733b665998b41a2b8a5963bc2e90c763c8b4ba30f6e53736325c40f3fccef0ad3de2095ff2
-  languageName: node
-  linkType: hard
-
-"@chevrotain/types@npm:11.0.3":
-  version: 11.0.3
-  resolution: "@chevrotain/types@npm:11.0.3"
-  checksum: 4496bf1955f1db2b08c188f508db23d9f1cbecdf0bfa7f23f8d8dcd3f9ca450529b71acc83a941c59c0f8188b54c0f5687f6e203dcd7dca622ac4ea6291df316
-  languageName: node
-  linkType: hard
-
-"@chevrotain/utils@npm:11.0.3":
-  version: 11.0.3
-  resolution: "@chevrotain/utils@npm:11.0.3"
-  checksum: 099f0aa65ff82a7d49ffefd7a90182efcc1518b89b88d516d2125ca730eaa38d61e36ee40fad6c21f7896b6e8393b1e6810b6a69122fabff283f0522ee49eaa5
-  languageName: node
-  linkType: hard
-
-"@cspotcode/source-map-support@npm:^0.8.0":
-  version: 0.8.1
-  resolution: "@cspotcode/source-map-support@npm:0.8.1"
-  dependencies:
-    "@jridgewell/trace-mapping": 0.3.9
-  checksum: 5718f267085ed8edb3e7ef210137241775e607ee18b77d95aa5bd7514f47f5019aa2d82d96b3bf342ef7aa890a346fa1044532ff7cc3009e7d24fce3ce6200fa
-  languageName: node
-  linkType: hard
-
-"@csstools/color-helpers@npm:^5.1.0":
-  version: 5.1.0
-  resolution: "@csstools/color-helpers@npm:5.1.0"
-  checksum: 2b1cef009309c30c6e6e904d259e809761a8482fe262b000dacc159d94bcd982d59d85baea449de0fd57afc98b7fc19561ffe756d2b679d56a39c48c2b9c556a
-  languageName: node
-  linkType: hard
-
-"@csstools/css-calc@npm:^2.1.4":
-  version: 2.1.4
-  resolution: "@csstools/css-calc@npm:2.1.4"
-  peerDependencies:
-    "@csstools/css-parser-algorithms": ^3.0.5
-    "@csstools/css-tokenizer": ^3.0.4
-  checksum: b833d1a031dfb3e3268655aa384121b864fce9bad05f111a3cf2a343eed69ba5d723f3f7cd0793fd7b7a28de2f8141f94568828f48de41d86cefa452eee06390
-  languageName: node
-  linkType: hard
-
-"@csstools/css-color-parser@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "@csstools/css-color-parser@npm:3.1.0"
-  dependencies:
-    "@csstools/color-helpers": ^5.1.0
-    "@csstools/css-calc": ^2.1.4
-  peerDependencies:
-    "@csstools/css-parser-algorithms": ^3.0.5
-    "@csstools/css-tokenizer": ^3.0.4
-  checksum: 615d825fc7b231e9ba048b4688f15f721423caf2a7be282d910445de30b558efb0f0294557e5a1a7401eefdfcc6c01c89b842fa7835d6872a3e06967dbaabc49
-  languageName: node
-  linkType: hard
-
-"@csstools/css-parser-algorithms@npm:^3.0.5":
-  version: 3.0.5
-  resolution: "@csstools/css-parser-algorithms@npm:3.0.5"
-  peerDependencies:
-    "@csstools/css-tokenizer": ^3.0.4
-  checksum: 80647139574431071e4664ad3c3e141deef4368f0ca536a63b3872487db68cf0d908fb76000f967deb1866963a90e6357fc6b9b00fdfa032f3321cebfcc66cd7
-  languageName: node
-  linkType: hard
-
-"@csstools/css-syntax-patches-for-csstree@npm:^1.0.21":
-  version: 1.0.26
-  resolution: "@csstools/css-syntax-patches-for-csstree@npm:1.0.26"
-  checksum: 45331c2fc6f8833e6672a7ec5fafd475c6e57b88e9245c555b7567118ff45e81e45bade5e33114315a9b18b79f66d4b48663bebde0056d449e026817ba9ebf6a
-  languageName: node
-  linkType: hard
-
-"@csstools/css-tokenizer@npm:^3.0.4":
-  version: 3.0.4
-  resolution: "@csstools/css-tokenizer@npm:3.0.4"
-  checksum: adc6681d3a0d7a75dc8e5ee0488c99ad4509e4810ae45dd6549a2e64a996e8d75512e70bb244778dc0c6ee85723e20eaeea8c083bf65b51eb19034e182554243
-  languageName: node
-  linkType: hard
-
-"@discoveryjs/json-ext@npm:0.6.3":
-  version: 0.6.3
-  resolution: "@discoveryjs/json-ext@npm:0.6.3"
-  checksum: 8305a5feb9bbaedbfdb91f938cb577f98c34cb432535dbc7af5e5df7f1cb3d1895f7a9ec0d956b5bd9e980e5b7f8cd36684c4c9ed219e6e556e0dfe367c4cb66
-  languageName: node
-  linkType: hard
-
-"@emnapi/core@npm:^1.7.1":
-  version: 1.8.1
-  resolution: "@emnapi/core@npm:1.8.1"
-  dependencies:
-    "@emnapi/wasi-threads": 1.1.0
-    tslib: ^2.4.0
-  checksum: 2a2fb36f4e2f90e25f419f8979435160313664bbb833d852d9de4487ff47f05fd36bf2cd77c3555f704ec2b67ce3a949ed5542598664c775cdd5ef35ae1c85a4
-  languageName: node
-  linkType: hard
-
-"@emnapi/runtime@npm:^1.7.1":
-  version: 1.8.1
-  resolution: "@emnapi/runtime@npm:1.8.1"
-  dependencies:
-    tslib: ^2.4.0
-  checksum: 0000a91d2d0ec3aaa37cbab9c360de3ff8250592f3ce4706b8c9c6d93e54151e623a8983c85543f33cb6f66cf30bb24bf0ddde466de484d6a6bf1fb2650382de
-  languageName: node
-  linkType: hard
-
-"@emnapi/wasi-threads@npm:1.1.0":
-  version: 1.1.0
-  resolution: "@emnapi/wasi-threads@npm:1.1.0"
-  dependencies:
-    tslib: ^2.4.0
-  checksum: 6cffe35f3e407ae26236092991786db5968b4265e6e55f4664bf6f2ce0508e2a02a44ce6ebb16f2acd2f6589efb293f4f9d09cc9fbf80c00fc1a203accc94196
-  languageName: node
-  linkType: hard
-
-"@esbuild/aix-ppc64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/aix-ppc64@npm:0.25.12"
-  conditions: os=aix & cpu=ppc64
-  languageName: node
-  linkType: hard
-
-"@esbuild/aix-ppc64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/aix-ppc64@npm:0.25.9"
-  conditions: os=aix & cpu=ppc64
-  languageName: node
-  linkType: hard
-
-"@esbuild/aix-ppc64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/aix-ppc64@npm:0.27.2"
-  conditions: os=aix & cpu=ppc64
-  languageName: node
-  linkType: hard
-
-"@esbuild/aix-ppc64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/aix-ppc64@npm:0.27.3"
-  conditions: os=aix & cpu=ppc64
-  languageName: node
-  linkType: hard
-
-"@esbuild/android-arm64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/android-arm64@npm:0.25.12"
-  conditions: os=android & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/android-arm64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/android-arm64@npm:0.25.9"
-  conditions: os=android & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/android-arm64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/android-arm64@npm:0.27.2"
-  conditions: os=android & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/android-arm64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/android-arm64@npm:0.27.3"
-  conditions: os=android & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/android-arm@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/android-arm@npm:0.25.12"
-  conditions: os=android & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@esbuild/android-arm@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/android-arm@npm:0.25.9"
-  conditions: os=android & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@esbuild/android-arm@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/android-arm@npm:0.27.2"
-  conditions: os=android & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@esbuild/android-arm@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/android-arm@npm:0.27.3"
-  conditions: os=android & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@esbuild/android-x64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/android-x64@npm:0.25.12"
-  conditions: os=android & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/android-x64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/android-x64@npm:0.25.9"
-  conditions: os=android & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/android-x64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/android-x64@npm:0.27.2"
-  conditions: os=android & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/android-x64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/android-x64@npm:0.27.3"
-  conditions: os=android & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/darwin-arm64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/darwin-arm64@npm:0.25.12"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/darwin-arm64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/darwin-arm64@npm:0.25.9"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/darwin-arm64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/darwin-arm64@npm:0.27.2"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/darwin-arm64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/darwin-arm64@npm:0.27.3"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/darwin-x64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/darwin-x64@npm:0.25.12"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/darwin-x64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/darwin-x64@npm:0.25.9"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/darwin-x64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/darwin-x64@npm:0.27.2"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/darwin-x64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/darwin-x64@npm:0.27.3"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/freebsd-arm64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/freebsd-arm64@npm:0.25.12"
-  conditions: os=freebsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/freebsd-arm64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/freebsd-arm64@npm:0.25.9"
-  conditions: os=freebsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/freebsd-arm64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/freebsd-arm64@npm:0.27.2"
-  conditions: os=freebsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/freebsd-arm64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/freebsd-arm64@npm:0.27.3"
-  conditions: os=freebsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/freebsd-x64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/freebsd-x64@npm:0.25.12"
-  conditions: os=freebsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/freebsd-x64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/freebsd-x64@npm:0.25.9"
-  conditions: os=freebsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/freebsd-x64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/freebsd-x64@npm:0.27.2"
-  conditions: os=freebsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/freebsd-x64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/freebsd-x64@npm:0.27.3"
-  conditions: os=freebsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-arm64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/linux-arm64@npm:0.25.12"
-  conditions: os=linux & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-arm64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/linux-arm64@npm:0.25.9"
-  conditions: os=linux & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-arm64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/linux-arm64@npm:0.27.2"
-  conditions: os=linux & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-arm64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/linux-arm64@npm:0.27.3"
-  conditions: os=linux & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-arm@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/linux-arm@npm:0.25.12"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-arm@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/linux-arm@npm:0.25.9"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-arm@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/linux-arm@npm:0.27.2"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-arm@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/linux-arm@npm:0.27.3"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-ia32@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/linux-ia32@npm:0.25.12"
-  conditions: os=linux & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-ia32@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/linux-ia32@npm:0.25.9"
-  conditions: os=linux & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-ia32@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/linux-ia32@npm:0.27.2"
-  conditions: os=linux & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-ia32@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/linux-ia32@npm:0.27.3"
-  conditions: os=linux & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-loong64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/linux-loong64@npm:0.25.12"
-  conditions: os=linux & cpu=loong64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-loong64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/linux-loong64@npm:0.25.9"
-  conditions: os=linux & cpu=loong64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-loong64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/linux-loong64@npm:0.27.2"
-  conditions: os=linux & cpu=loong64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-loong64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/linux-loong64@npm:0.27.3"
-  conditions: os=linux & cpu=loong64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-mips64el@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/linux-mips64el@npm:0.25.12"
-  conditions: os=linux & cpu=mips64el
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-mips64el@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/linux-mips64el@npm:0.25.9"
-  conditions: os=linux & cpu=mips64el
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-mips64el@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/linux-mips64el@npm:0.27.2"
-  conditions: os=linux & cpu=mips64el
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-mips64el@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/linux-mips64el@npm:0.27.3"
-  conditions: os=linux & cpu=mips64el
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-ppc64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/linux-ppc64@npm:0.25.12"
-  conditions: os=linux & cpu=ppc64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-ppc64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/linux-ppc64@npm:0.25.9"
-  conditions: os=linux & cpu=ppc64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-ppc64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/linux-ppc64@npm:0.27.2"
-  conditions: os=linux & cpu=ppc64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-ppc64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/linux-ppc64@npm:0.27.3"
-  conditions: os=linux & cpu=ppc64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-riscv64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/linux-riscv64@npm:0.25.12"
-  conditions: os=linux & cpu=riscv64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-riscv64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/linux-riscv64@npm:0.25.9"
-  conditions: os=linux & cpu=riscv64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-riscv64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/linux-riscv64@npm:0.27.2"
-  conditions: os=linux & cpu=riscv64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-riscv64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/linux-riscv64@npm:0.27.3"
-  conditions: os=linux & cpu=riscv64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-s390x@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/linux-s390x@npm:0.25.12"
-  conditions: os=linux & cpu=s390x
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-s390x@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/linux-s390x@npm:0.25.9"
-  conditions: os=linux & cpu=s390x
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-s390x@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/linux-s390x@npm:0.27.2"
-  conditions: os=linux & cpu=s390x
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-s390x@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/linux-s390x@npm:0.27.3"
-  conditions: os=linux & cpu=s390x
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-x64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/linux-x64@npm:0.25.12"
-  conditions: os=linux & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-x64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/linux-x64@npm:0.25.9"
-  conditions: os=linux & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-x64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/linux-x64@npm:0.27.2"
-  conditions: os=linux & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-x64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/linux-x64@npm:0.27.3"
-  conditions: os=linux & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/netbsd-arm64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/netbsd-arm64@npm:0.25.12"
-  conditions: os=netbsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/netbsd-arm64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/netbsd-arm64@npm:0.25.9"
-  conditions: os=netbsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/netbsd-arm64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/netbsd-arm64@npm:0.27.2"
-  conditions: os=netbsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/netbsd-arm64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/netbsd-arm64@npm:0.27.3"
-  conditions: os=netbsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/netbsd-x64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/netbsd-x64@npm:0.25.12"
-  conditions: os=netbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/netbsd-x64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/netbsd-x64@npm:0.25.9"
-  conditions: os=netbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/netbsd-x64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/netbsd-x64@npm:0.27.2"
-  conditions: os=netbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/netbsd-x64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/netbsd-x64@npm:0.27.3"
-  conditions: os=netbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/openbsd-arm64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/openbsd-arm64@npm:0.25.12"
-  conditions: os=openbsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/openbsd-arm64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/openbsd-arm64@npm:0.25.9"
-  conditions: os=openbsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/openbsd-arm64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/openbsd-arm64@npm:0.27.2"
-  conditions: os=openbsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/openbsd-arm64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/openbsd-arm64@npm:0.27.3"
-  conditions: os=openbsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/openbsd-x64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/openbsd-x64@npm:0.25.12"
-  conditions: os=openbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/openbsd-x64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/openbsd-x64@npm:0.25.9"
-  conditions: os=openbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/openbsd-x64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/openbsd-x64@npm:0.27.2"
-  conditions: os=openbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/openbsd-x64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/openbsd-x64@npm:0.27.3"
-  conditions: os=openbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/openharmony-arm64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/openharmony-arm64@npm:0.25.12"
-  conditions: os=openharmony & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/openharmony-arm64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/openharmony-arm64@npm:0.25.9"
-  conditions: os=openharmony & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/openharmony-arm64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/openharmony-arm64@npm:0.27.2"
-  conditions: os=openharmony & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/openharmony-arm64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/openharmony-arm64@npm:0.27.3"
-  conditions: os=openharmony & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/sunos-x64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/sunos-x64@npm:0.25.12"
-  conditions: os=sunos & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/sunos-x64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/sunos-x64@npm:0.25.9"
-  conditions: os=sunos & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/sunos-x64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/sunos-x64@npm:0.27.2"
-  conditions: os=sunos & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/sunos-x64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/sunos-x64@npm:0.27.3"
-  conditions: os=sunos & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/win32-arm64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/win32-arm64@npm:0.25.12"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/win32-arm64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/win32-arm64@npm:0.25.9"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/win32-arm64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/win32-arm64@npm:0.27.2"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/win32-arm64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/win32-arm64@npm:0.27.3"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/win32-ia32@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/win32-ia32@npm:0.25.12"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@esbuild/win32-ia32@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/win32-ia32@npm:0.25.9"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@esbuild/win32-ia32@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/win32-ia32@npm:0.27.2"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@esbuild/win32-ia32@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/win32-ia32@npm:0.27.3"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@esbuild/win32-x64@npm:0.25.12":
-  version: 0.25.12
-  resolution: "@esbuild/win32-x64@npm:0.25.12"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/win32-x64@npm:0.25.9":
-  version: 0.25.9
-  resolution: "@esbuild/win32-x64@npm:0.25.9"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/win32-x64@npm:0.27.2":
-  version: 0.27.2
-  resolution: "@esbuild/win32-x64@npm:0.27.2"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/win32-x64@npm:0.27.3":
-  version: 0.27.3
-  resolution: "@esbuild/win32-x64@npm:0.27.3"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@exodus/bytes@npm:^1.6.0":
-  version: 1.11.0
-  resolution: "@exodus/bytes@npm:1.11.0"
-  peerDependencies:
-    "@noble/hashes": ^1.8.0 || ^2.0.0
-  peerDependenciesMeta:
-    "@noble/hashes":
-      optional: true
-  checksum: 947bd4452450665b04b8f929e70edde0aeb6826cb9ee07b30301afa702c2c1a90bd8ac82e6463159fbc98587e91b1a690bc6dbf05d1d9d1dc5dc3508a3ecac40
-  languageName: node
-  linkType: hard
-
-"@fontsource/ibm-plex-mono@npm:^5.2.7":
-  version: 5.2.7
-  resolution: "@fontsource/ibm-plex-mono@npm:5.2.7"
-  checksum: e9f3c3825cebc5f4829cc4f48c7fba9f8c18fb837338ec9b81bab778bd3e69a4e632580df5647831ca3fd782ff7baecd0e2d38585d9a3a6c6db1eb45102afe19
-  languageName: node
-  linkType: hard
-
-"@fontsource/noto-sans@npm:^5.2.10":
-  version: 5.2.10
-  resolution: "@fontsource/noto-sans@npm:5.2.10"
-  checksum: 9c69001749c5f1abc09b062bdf98ccfa8a7fb695ada1e3c25a3f239561ae990133b41194dc12eec9584508771e0f375f903200d0243dc3fcbbb2c3deee30a618
-  languageName: node
-  linkType: hard
-
-"@hono/node-server@npm:^1.19.7":
-  version: 1.19.9
-  resolution: "@hono/node-server@npm:1.19.9"
-  peerDependencies:
-    hono: ^4
-  checksum: 8ec9095c8b2679b2e958836806c659de45b0e74a0031dea93413d51a5eb89a79219bc9d55efc4f5fb2506ab83e15856bb009fb77b76c6689189b26d5eada25a4
-  languageName: node
-  linkType: hard
-
-"@iconify/types@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "@iconify/types@npm:2.0.0"
-  checksum: 029f58542c160e9d4a746869cf2e475b603424d3adf3994c5cc8d0406c47e6e04a3b898b2707840c1c5b9bd5563a1660a34b110d89fce43923baca5222f4e597
-  languageName: node
-  linkType: hard
-
-"@iconify/utils@npm:^3.0.1":
-  version: 3.1.0
-  resolution: "@iconify/utils@npm:3.1.0"
-  dependencies:
-    "@antfu/install-pkg": ^1.1.0
-    "@iconify/types": ^2.0.0
-    mlly: ^1.8.0
-  checksum: b4055a322a13289740b2ecef424a1807ccb1567a200b716e4d1e2f40ad24dd9e24fa7b9a1aa1a275eea30ef3f08a32a4640a1a66f013d32cfe31117ac76b4075
-  languageName: node
-  linkType: hard
-
-"@inquirer/ansi@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "@inquirer/ansi@npm:1.0.2"
-  checksum: d1496e573a63ee6752bcf3fc93375cdabc55b0d60f0588fe7902282c710b223252ad318ff600ee904e48555634663b53fda517f5b29ce9fbda90bfae18592fbc
-  languageName: node
-  linkType: hard
-
-"@inquirer/checkbox@npm:^4.2.1":
-  version: 4.3.2
-  resolution: "@inquirer/checkbox@npm:4.3.2"
-  dependencies:
-    "@inquirer/ansi": ^1.0.2
-    "@inquirer/core": ^10.3.2
-    "@inquirer/figures": ^1.0.15
-    "@inquirer/type": ^3.0.10
-    yoctocolors-cjs: ^2.1.3
-  peerDependencies:
-    "@types/node": ">=18"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-  checksum: cc632a15a6bab120aecba9dfbdd80b2f6a20875cc6f145918adf5b7a4c77fd778eb6fc620157640992d1c09f70e265a75caf0beb8b4b605adb830d936cbb5287
-  languageName: node
-  linkType: hard
-
-"@inquirer/confirm@npm:5.1.14":
-  version: 5.1.14
-  resolution: "@inquirer/confirm@npm:5.1.14"
-  dependencies:
-    "@inquirer/core": ^10.1.15
-    "@inquirer/type": ^3.0.8
-  peerDependencies:
-    "@types/node": ">=18"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-  checksum: 18e56ca1a46bd7b03064cc01b467f9c699d0c27abdccafb14174192875d7a39a1802eb968386f33668303a28b0b1859dac07ac0323422c35a62f5a80a0987a7a
-  languageName: node
-  linkType: hard
-
-"@inquirer/confirm@npm:^5.1.14":
-  version: 5.1.21
-  resolution: "@inquirer/confirm@npm:5.1.21"
-  dependencies:
-    "@inquirer/core": ^10.3.2
-    "@inquirer/type": ^3.0.10
-  peerDependencies:
-    "@types/node": ">=18"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-  checksum: a107aa0073965ea510affb9e5b55baf40333503d600970c458c07770cd4e0eee01efc4caba66f0409b0fadc9550d127329622efb543cffcabff3ad0e7f865372
-  languageName: node
-  linkType: hard
-
-"@inquirer/core@npm:^10.1.15, @inquirer/core@npm:^10.3.2":
-  version: 10.3.2
-  resolution: "@inquirer/core@npm:10.3.2"
-  dependencies:
-    "@inquirer/ansi": ^1.0.2
-    "@inquirer/figures": ^1.0.15
-    "@inquirer/type": ^3.0.10
-    cli-width: ^4.1.0
-    mute-stream: ^2.0.0
-    signal-exit: ^4.1.0
-    wrap-ansi: ^6.2.0
-    yoctocolors-cjs: ^2.1.3
-  peerDependencies:
-    "@types/node": ">=18"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-  checksum: ca820e798e02b1d4aff2ad4a8057739abf4140918592ff8ab179f774cdbe51916f24267631e86741a85a48cfa1a08666149785b5e2437ca4b18ef10938486017
-  languageName: node
-  linkType: hard
-
-"@inquirer/editor@npm:^4.2.17":
-  version: 4.2.23
-  resolution: "@inquirer/editor@npm:4.2.23"
-  dependencies:
-    "@inquirer/core": ^10.3.2
-    "@inquirer/external-editor": ^1.0.3
-    "@inquirer/type": ^3.0.10
-  peerDependencies:
-    "@types/node": ">=18"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-  checksum: 1b533213f89feae3b1ef9fe2b6c2345de812a6b4196462555fcb8f657ee9383341a5ec71c4ea1c61c7ad39738f60622ccea496b29340aa16bd3821860c2b55c0
-  languageName: node
-  linkType: hard
-
-"@inquirer/expand@npm:^4.0.17":
-  version: 4.0.23
-  resolution: "@inquirer/expand@npm:4.0.23"
-  dependencies:
-    "@inquirer/core": ^10.3.2
-    "@inquirer/type": ^3.0.10
-    yoctocolors-cjs: ^2.1.3
-  peerDependencies:
-    "@types/node": ">=18"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-  checksum: 73ad1d6376e5efe2a452c33494d6d16ee2670c638ae470a795fdff4acb59a8e032e38e141f87b603b6e96320977519b375dac6471d86d5e3087a9c1db40e3111
-  languageName: node
-  linkType: hard
-
-"@inquirer/external-editor@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "@inquirer/external-editor@npm:1.0.3"
-  dependencies:
-    chardet: ^2.1.1
-    iconv-lite: ^0.7.0
-  peerDependencies:
-    "@types/node": ">=18"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-  checksum: 9bd7a05247a00408c194648c74046d8a212df1e6b9fe0879b945ebfc35c2524e995e43f7ecd83f14d0bd4e31f985d18819efc31c27810e2c2b838ded7261431f
-  languageName: node
-  linkType: hard
-
-"@inquirer/figures@npm:^1.0.15":
-  version: 1.0.15
-  resolution: "@inquirer/figures@npm:1.0.15"
-  checksum: bd87a578ab667236cb72bdbb900cb144017dbc306d60e9dc7e665cd7d6b3097e9464cb4d8fe215315083a7820530caf86d7af59e7c41a35a555fb22a881913ad
-  languageName: node
-  linkType: hard
-
-"@inquirer/input@npm:^4.2.1":
-  version: 4.3.1
-  resolution: "@inquirer/input@npm:4.3.1"
-  dependencies:
-    "@inquirer/core": ^10.3.2
-    "@inquirer/type": ^3.0.10
-  peerDependencies:
-    "@types/node": ">=18"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-  checksum: 41956840a8b2832db6557d14e80bff2c7baf733bbd6c583b5caf10dbe7f3a11578c1a5478d2fa82f38dd53c81277a0cfaa48e634288730540043d02c80ac4556
-  languageName: node
-  linkType: hard
-
-"@inquirer/number@npm:^3.0.17":
-  version: 3.0.23
-  resolution: "@inquirer/number@npm:3.0.23"
-  dependencies:
-    "@inquirer/core": ^10.3.2
-    "@inquirer/type": ^3.0.10
-  peerDependencies:
-    "@types/node": ">=18"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-  checksum: 747db315fce9a95495f50dad38efa7041112caf78bcdfaa62529063dd87b839446acdcf5c8fdf64fc55dd4f80919aa6196813c145ca8e05112723f0cf2312ef7
-  languageName: node
-  linkType: hard
-
-"@inquirer/password@npm:^4.0.17":
-  version: 4.0.23
-  resolution: "@inquirer/password@npm:4.0.23"
-  dependencies:
-    "@inquirer/ansi": ^1.0.2
-    "@inquirer/core": ^10.3.2
-    "@inquirer/type": ^3.0.10
-  peerDependencies:
-    "@types/node": ">=18"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-  checksum: 97364970b01c85946a4a50ad876c53ef0c1857a9144e24fad65e5dfa4b4e5dd42564fbcdfa2b49bb049a25d127efbe0882cb18afcdd47b166ebd01c6c4b5e825
-  languageName: node
-  linkType: hard
-
-"@inquirer/prompts@npm:7.8.2":
-  version: 7.8.2
-  resolution: "@inquirer/prompts@npm:7.8.2"
-  dependencies:
-    "@inquirer/checkbox": ^4.2.1
-    "@inquirer/confirm": ^5.1.14
-    "@inquirer/editor": ^4.2.17
-    "@inquirer/expand": ^4.0.17
-    "@inquirer/input": ^4.2.1
-    "@inquirer/number": ^3.0.17
-    "@inquirer/password": ^4.0.17
-    "@inquirer/rawlist": ^4.1.5
-    "@inquirer/search": ^3.1.0
-    "@inquirer/select": ^4.3.1
-  peerDependencies:
-    "@types/node": ">=18"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-  checksum: 17e51e8d55bc9df117a24da77e52e48cc16123fcdf55a320d1b9cb54609766a8a13daffc5799229024caf6675d40ee118188d40ca8d065915be78d566773a950
-  languageName: node
-  linkType: hard
-
-"@inquirer/rawlist@npm:^4.1.5":
-  version: 4.1.11
-  resolution: "@inquirer/rawlist@npm:4.1.11"
-  dependencies:
-    "@inquirer/core": ^10.3.2
-    "@inquirer/type": ^3.0.10
-    yoctocolors-cjs: ^2.1.3
-  peerDependencies:
-    "@types/node": ">=18"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-  checksum: 0d8f6484cfc20749190e95eecfb2d034bafb3644ec4907b84b1673646f5dd71730e38e35565ea98dfd240d8851e3cff653edafcc4e0af617054b127b407e3229
-  languageName: node
-  linkType: hard
-
-"@inquirer/search@npm:^3.1.0":
-  version: 3.2.2
-  resolution: "@inquirer/search@npm:3.2.2"
-  dependencies:
-    "@inquirer/core": ^10.3.2
-    "@inquirer/figures": ^1.0.15
-    "@inquirer/type": ^3.0.10
-    yoctocolors-cjs: ^2.1.3
-  peerDependencies:
-    "@types/node": ">=18"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-  checksum: 8259262fdd6f438d73721197b0338bc3807c55ce4fb348949240a2ed650d86e58223c6d4869cbf326078711cf952b0e8babb9b328cb35b7058f72a4f1d1a4eee
-  languageName: node
-  linkType: hard
-
-"@inquirer/select@npm:^4.3.1":
-  version: 4.4.2
-  resolution: "@inquirer/select@npm:4.4.2"
-  dependencies:
-    "@inquirer/ansi": ^1.0.2
-    "@inquirer/core": ^10.3.2
-    "@inquirer/figures": ^1.0.15
-    "@inquirer/type": ^3.0.10
-    yoctocolors-cjs: ^2.1.3
-  peerDependencies:
-    "@types/node": ">=18"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-  checksum: 645bb274d71a5a1a913efd4c742f9c76665c17f5cf6b04e0c08dcd925bc86fdbe0d42218b58211cfd6d3749a71020db0fa83257aa0afb7295f859ae2648a31c6
-  languageName: node
-  linkType: hard
-
-"@inquirer/type@npm:^3.0.10, @inquirer/type@npm:^3.0.7, @inquirer/type@npm:^3.0.8":
-  version: 3.0.10
-  resolution: "@inquirer/type@npm:3.0.10"
-  peerDependencies:
-    "@types/node": ">=18"
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-  checksum: 57d113a9db7abc73326491e29bedc88ef362e53779f9f58a1b61225e0be068ce0c54e33cd65f4a13ca46131676fb72c3ef488463c4c9af0aa89680684c55d74c
-  languageName: node
-  linkType: hard
-
-"@isaacs/balanced-match@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "@isaacs/balanced-match@npm:4.0.1"
-  checksum: 102fbc6d2c0d5edf8f6dbf2b3feb21695a21bc850f11bc47c4f06aa83bd8884fde3fe9d6d797d619901d96865fdcb4569ac2a54c937992c48885c5e3d9967fe8
-  languageName: node
-  linkType: hard
-
-"@isaacs/brace-expansion@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "@isaacs/brace-expansion@npm:5.0.1"
-  dependencies:
-    "@isaacs/balanced-match": ^4.0.1
-  checksum: 21f8192f022c320f7acf899730feb419b1a5f4ccc741481ef8f4b3111e97a41c06e5783871bb240da2e87de909c7fc5b0d07f73818db521fee06541c086ea351
-  languageName: node
-  linkType: hard
-
-"@isaacs/fs-minipass@npm:^4.0.0":
-  version: 4.0.1
-  resolution: "@isaacs/fs-minipass@npm:4.0.1"
-  dependencies:
-    minipass: ^7.0.4
-  checksum: 5d36d289960e886484362d9eb6a51d1ea28baed5f5d0140bbe62b99bac52eaf06cc01c2bc0d3575977962f84f6b2c4387b043ee632216643d4787b0999465bf2
-  languageName: node
-  linkType: hard
-
-"@istanbuljs/schema@npm:^0.1.3":
-  version: 0.1.3
-  resolution: "@istanbuljs/schema@npm:0.1.3"
-  checksum: 5282759d961d61350f33d9118d16bcaed914ebf8061a52f4fa474b2cb08720c9c81d165e13b82f2e5a8a212cc5af482f0c6fc1ac27b9e067e5394c9a6ed186c9
-  languageName: node
-  linkType: hard
-
-"@jridgewell/gen-mapping@npm:^0.3.12, @jridgewell/gen-mapping@npm:^0.3.5":
-  version: 0.3.13
-  resolution: "@jridgewell/gen-mapping@npm:0.3.13"
-  dependencies:
-    "@jridgewell/sourcemap-codec": ^1.5.0
-    "@jridgewell/trace-mapping": ^0.3.24
-  checksum: f2105acefc433337145caa3c84bba286de954f61c0bc46279bbd85a9e6a02871089717fa060413cfb6a9d44189fe8313b2d1cabf3a2eb3284d208fd5f75c54ff
-  languageName: node
-  linkType: hard
-
-"@jridgewell/remapping@npm:^2.3.5":
-  version: 2.3.5
-  resolution: "@jridgewell/remapping@npm:2.3.5"
-  dependencies:
-    "@jridgewell/gen-mapping": ^0.3.5
-    "@jridgewell/trace-mapping": ^0.3.24
-  checksum: 4a66a7397c3dc9c6b5c14a0024b1f98c5e1d90a0dbc1e5955b5038f2db339904df2a0ee8a66559fafb4fc23ff33700a2639fd40bbdd2e9e82b58b3bdf83738e3
-  languageName: node
-  linkType: hard
-
-"@jridgewell/resolve-uri@npm:^3.0.3, @jridgewell/resolve-uri@npm:^3.1.0":
-  version: 3.1.2
-  resolution: "@jridgewell/resolve-uri@npm:3.1.2"
-  checksum: 83b85f72c59d1c080b4cbec0fef84528963a1b5db34e4370fa4bd1e3ff64a0d80e0cee7369d11d73c704e0286fb2865b530acac7a871088fbe92b5edf1000870
-  languageName: node
-  linkType: hard
-
-"@jridgewell/source-map@npm:^0.3.3":
-  version: 0.3.11
-  resolution: "@jridgewell/source-map@npm:0.3.11"
-  dependencies:
-    "@jridgewell/gen-mapping": ^0.3.5
-    "@jridgewell/trace-mapping": ^0.3.25
-  checksum: c8a0011cc67e701f270fa042e32b312f382c413bcc70ca9c03684687cbf5b64d5eed87d4afa36dddaabe60ab3da6db4935f878febd9cfc7f82724ea1a114d344
-  languageName: node
-  linkType: hard
-
-"@jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.14, @jridgewell/sourcemap-codec@npm:^1.5.0, @jridgewell/sourcemap-codec@npm:^1.5.5":
-  version: 1.5.5
-  resolution: "@jridgewell/sourcemap-codec@npm:1.5.5"
-  checksum: c2e36e67971f719a8a3a85ef5a5f580622437cc723c35d03ebd0c9c0b06418700ef006f58af742791f71f6a4fc68fcfaf1f6a74ec2f9a3332860e9373459dae7
-  languageName: node
-  linkType: hard
-
-"@jridgewell/trace-mapping@npm:0.3.9":
-  version: 0.3.9
-  resolution: "@jridgewell/trace-mapping@npm:0.3.9"
-  dependencies:
-    "@jridgewell/resolve-uri": ^3.0.3
-    "@jridgewell/sourcemap-codec": ^1.4.10
-  checksum: d89597752fd88d3f3480845691a05a44bd21faac18e2185b6f436c3b0fd0c5a859fbbd9aaa92050c4052caf325ad3e10e2e1d1b64327517471b7d51babc0ddef
-  languageName: node
-  linkType: hard
-
-"@jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25, @jridgewell/trace-mapping@npm:^0.3.28":
-  version: 0.3.31
-  resolution: "@jridgewell/trace-mapping@npm:0.3.31"
-  dependencies:
-    "@jridgewell/resolve-uri": ^3.1.0
-    "@jridgewell/sourcemap-codec": ^1.4.14
-  checksum: af8fda2431348ad507fbddf8e25f5d08c79ecc94594061ce402cf41bc5aba1a7b3e59bf0fd70a619b35f33983a3f488ceeba8faf56bff784f98bb5394a8b7d47
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/base64@npm:17.65.0":
-  version: 17.65.0
-  resolution: "@jsonjoy.com/base64@npm:17.65.0"
-  peerDependencies:
-    tslib: 2
-  checksum: ed222c7e4575d1098a1e4e4c5254ebc0cc7c603d5b2aa2f33edbd1aaf2b122b6ae371f52836fb4591d07312634d75c5afb5ce32665661e23135dfd1593526c70
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/base64@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "@jsonjoy.com/base64@npm:1.1.2"
-  peerDependencies:
-    tslib: 2
-  checksum: 00dbf9cbc6ecb3af0e58288a305cc4ee3dfca9efa24443d98061756e8f6de4d6d2d3764bdfde07f2b03e6ce56db27c8a59b490bd134bf3d8122b4c6b394c7010
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/buffers@npm:17.65.0, @jsonjoy.com/buffers@npm:^17.65.0":
-  version: 17.65.0
-  resolution: "@jsonjoy.com/buffers@npm:17.65.0"
-  peerDependencies:
-    tslib: 2
-  checksum: cd73e975d7c23eb25be779bae5e2d2a9ee8290d5df767cea6b6133dc4ef4f15cdf6f01c2fe56012cf7cd935ec717a149a5c8e6546358e54efa08ed5dd9ee2f01
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/buffers@npm:^1.0.0, @jsonjoy.com/buffers@npm:^1.2.0":
-  version: 1.2.1
-  resolution: "@jsonjoy.com/buffers@npm:1.2.1"
-  peerDependencies:
-    tslib: 2
-  checksum: 5de11264a7ffe62e5ee3e4f9328bb01cb18dd9d4b977ce1a98e134860c630ae801cf535b78f7a618c33955061d49f0b09699eb77b10e0e45b942f7bb48a19791
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/codegen@npm:17.65.0":
-  version: 17.65.0
-  resolution: "@jsonjoy.com/codegen@npm:17.65.0"
-  peerDependencies:
-    tslib: 2
-  checksum: d3e7aff13ebd33a6a6eb714a80e9ad4cdc22805922db73723b36a9741f79f5ace3e8379560e4e6eab28fe3881b6c2ef9198ab8ef47b07eae0bf084da3ad2cfcb
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/codegen@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "@jsonjoy.com/codegen@npm:1.0.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 77383ed703dacc0ee35783589f3289e464d9fd047675f2f628b4d8a567c2b9c87f0121f4445203d51645b5777d24c3b50ed7e12525f4064a0614caae81b1dc2e
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-core@npm:4.56.10":
-  version: 4.56.10
-  resolution: "@jsonjoy.com/fs-core@npm:4.56.10"
-  dependencies:
-    "@jsonjoy.com/fs-node-builtins": 4.56.10
-    "@jsonjoy.com/fs-node-utils": 4.56.10
-    thingies: ^2.5.0
-  peerDependencies:
-    tslib: 2
-  checksum: d6bf86ec80ad33753b832735e5817b262d9b4667c687eed659bcebdaf19d0c2239b9d6f08b8fb366c5b28083a00fffb9840a7d552e2567d818c0fa886d20e24b
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-fsa@npm:4.56.10":
-  version: 4.56.10
-  resolution: "@jsonjoy.com/fs-fsa@npm:4.56.10"
-  dependencies:
-    "@jsonjoy.com/fs-core": 4.56.10
-    "@jsonjoy.com/fs-node-builtins": 4.56.10
-    "@jsonjoy.com/fs-node-utils": 4.56.10
-    thingies: ^2.5.0
-  peerDependencies:
-    tslib: 2
-  checksum: f3eecd70f8151074b16b4c3e04efac685d4fe19b19c49bbe798f99f501cc9cd31c3a18a7cc3fd9060b42ea7ed5d37452eab6554c992ed560747a4e8b12984ffe
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-node-builtins@npm:4.56.10":
-  version: 4.56.10
-  resolution: "@jsonjoy.com/fs-node-builtins@npm:4.56.10"
-  peerDependencies:
-    tslib: 2
-  checksum: b383f3f0c0c66a5ba22dd922ca21c3a08d37060c469f62e50f74b3f99f874a11e4b0099ba92da53c818cdb31b39068393466374858cdcbaea0fd17904d2c3dd6
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-node-to-fsa@npm:4.56.10":
-  version: 4.56.10
-  resolution: "@jsonjoy.com/fs-node-to-fsa@npm:4.56.10"
-  dependencies:
-    "@jsonjoy.com/fs-fsa": 4.56.10
-    "@jsonjoy.com/fs-node-builtins": 4.56.10
-    "@jsonjoy.com/fs-node-utils": 4.56.10
-  peerDependencies:
-    tslib: 2
-  checksum: 1d798ddc5a2b36e1a173b73543a435bcf282ec195f0b78cc500b73ecd521dbaba250855a6883d2406d264b95582e8fca4b1e4094d190fc64252408c399c666e7
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-node-utils@npm:4.56.10":
-  version: 4.56.10
-  resolution: "@jsonjoy.com/fs-node-utils@npm:4.56.10"
-  dependencies:
-    "@jsonjoy.com/fs-node-builtins": 4.56.10
-  peerDependencies:
-    tslib: 2
-  checksum: 9beb585652e7699c9a8526737e5a20418586beb3b07b57930cd34ea2eef0acc2179c9987f024b30575aee9eaed079dabf236757a8abb60f7dd3f6cd25708c494
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-node@npm:4.56.10":
-  version: 4.56.10
-  resolution: "@jsonjoy.com/fs-node@npm:4.56.10"
-  dependencies:
-    "@jsonjoy.com/fs-core": 4.56.10
-    "@jsonjoy.com/fs-node-builtins": 4.56.10
-    "@jsonjoy.com/fs-node-utils": 4.56.10
-    "@jsonjoy.com/fs-print": 4.56.10
-    "@jsonjoy.com/fs-snapshot": 4.56.10
-    glob-to-regex.js: ^1.0.0
-    thingies: ^2.5.0
-  peerDependencies:
-    tslib: 2
-  checksum: 898ecdb4a3ca782de39c5a5985710f031da9d17eb9117ef07d7e47ef91a5fbacec4ecefb6978026201d5638eed9a13e65d7b888ba20d418346a7924227c8dc57
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-print@npm:4.56.10":
-  version: 4.56.10
-  resolution: "@jsonjoy.com/fs-print@npm:4.56.10"
-  dependencies:
-    "@jsonjoy.com/fs-node-utils": 4.56.10
-    tree-dump: ^1.1.0
-  peerDependencies:
-    tslib: 2
-  checksum: 9eff4f179624f9bee799e2a7abcc311a512284fae2c149cd85378604e407bba613d95af065275caf37e0a16a015a040cb4a99cec8c51ac6d393bcf9c343c0d8e
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-snapshot@npm:4.56.10":
-  version: 4.56.10
-  resolution: "@jsonjoy.com/fs-snapshot@npm:4.56.10"
-  dependencies:
-    "@jsonjoy.com/buffers": ^17.65.0
-    "@jsonjoy.com/fs-node-utils": 4.56.10
-    "@jsonjoy.com/json-pack": ^17.65.0
-    "@jsonjoy.com/util": ^17.65.0
-  peerDependencies:
-    tslib: 2
-  checksum: 8abbc8171ab0b30eca5b1f06f1a5fcaf1d04ca342fd9fca497571cbfd4a05c444773945222f2b4cda952931d6703dff743ee554c78ca447d2051698f74c6595c
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/json-pack@npm:^1.11.0":
-  version: 1.21.0
-  resolution: "@jsonjoy.com/json-pack@npm:1.21.0"
-  dependencies:
-    "@jsonjoy.com/base64": ^1.1.2
-    "@jsonjoy.com/buffers": ^1.2.0
-    "@jsonjoy.com/codegen": ^1.0.0
-    "@jsonjoy.com/json-pointer": ^1.0.2
-    "@jsonjoy.com/util": ^1.9.0
-    hyperdyperid: ^1.2.0
-    thingies: ^2.5.0
-    tree-dump: ^1.1.0
-  peerDependencies:
-    tslib: 2
-  checksum: 653b02514bd4ca5e57f72d1fe1b57181767001a4b2615f35135085309cc91fd47f7421c17a465becc76d986871831d4a1cb68506720547e7e7fc0822d6bc5092
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/json-pack@npm:^17.65.0":
-  version: 17.65.0
-  resolution: "@jsonjoy.com/json-pack@npm:17.65.0"
-  dependencies:
-    "@jsonjoy.com/base64": 17.65.0
-    "@jsonjoy.com/buffers": 17.65.0
-    "@jsonjoy.com/codegen": 17.65.0
-    "@jsonjoy.com/json-pointer": 17.65.0
-    "@jsonjoy.com/util": 17.65.0
-    hyperdyperid: ^1.2.0
-    thingies: ^2.5.0
-    tree-dump: ^1.1.0
-  peerDependencies:
-    tslib: 2
-  checksum: 8147d2f586f03e6b1f3f0f9a6dd1123d99246cef79c5a2814cb5fe01859577b8c5fe2b34c42e59e468ca11d29657c1f4a4bda5836a4b3218edf830eca82412da
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/json-pointer@npm:17.65.0":
-  version: 17.65.0
-  resolution: "@jsonjoy.com/json-pointer@npm:17.65.0"
-  dependencies:
-    "@jsonjoy.com/util": 17.65.0
-  peerDependencies:
-    tslib: 2
-  checksum: 608c5b0f1a4861c6883d31d8f90b4f5b89a86b6f68f44b902a71569292c4d78349b1824798cbf5715117453d1e2254ee1de66484aacf210651e15c5820a9d8ac
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/json-pointer@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "@jsonjoy.com/json-pointer@npm:1.0.2"
-  dependencies:
-    "@jsonjoy.com/codegen": ^1.0.0
-    "@jsonjoy.com/util": ^1.9.0
-  peerDependencies:
-    tslib: 2
-  checksum: 93b45eb2e5ea3864778dab45c9fd2313cd9fb0fc9fa9a6401c8dea0365e44551fa8debbf3d0efb8b5131c0fde689f4509248b3e2ba12852a8c75739028ec3c1b
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/util@npm:17.65.0, @jsonjoy.com/util@npm:^17.65.0":
-  version: 17.65.0
-  resolution: "@jsonjoy.com/util@npm:17.65.0"
-  dependencies:
-    "@jsonjoy.com/buffers": 17.65.0
-    "@jsonjoy.com/codegen": 17.65.0
-  peerDependencies:
-    tslib: 2
-  checksum: 6fa908aa5e393dce40091908e94ee1963292219c50f4122cb3056cccb69a90380efe78a4595fd850f4da4a60ee3894b679f31ec285c831b88a8dc47e8d6324ba
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/util@npm:^1.9.0":
-  version: 1.9.0
-  resolution: "@jsonjoy.com/util@npm:1.9.0"
-  dependencies:
-    "@jsonjoy.com/buffers": ^1.0.0
-    "@jsonjoy.com/codegen": ^1.0.0
-  peerDependencies:
-    tslib: 2
-  checksum: a22c49af0736cede94c24ad8da7230f42697eb5c4a6016450d5bf1cbcb51cd5b45a08989e7ec4cad1cc47718cb5b26e0ba583189f238d095eae4b15cbbe8c9e7
-  languageName: node
-  linkType: hard
-
-"@jsonurl/jsonurl@npm:^1.1.8":
-  version: 1.1.8
-  resolution: "@jsonurl/jsonurl@npm:1.1.8"
-  checksum: e362b144a0224650da5ed29c3c916dc617dc427b2b164e563e7318d2a8a78d5498a63627f4d487fe05eb4f382c86b349e3f2b37869cdf07ef6aec680f09fbba7
-  languageName: node
-  linkType: hard
-
-"@kurkle/color@npm:^0.3.0":
-  version: 0.3.4
-  resolution: "@kurkle/color@npm:0.3.4"
-  checksum: b95c6abe0241ba1745b3c84de3b464296b95ce577110b54f46e6c6dcc9a0966491533df43812bd6c66f92cf818e385d1390b280cd5851d4afb52fc37f8a6c0b9
-  languageName: node
-  linkType: hard
-
-"@leichtgewicht/ip-codec@npm:^2.0.1":
-  version: 2.0.5
-  resolution: "@leichtgewicht/ip-codec@npm:2.0.5"
-  checksum: 4fcd025d0a923cb6b87b631a83436a693b255779c583158bbeacde6b4dd75b94cc1eba1c9c188de5fc36c218d160524ea08bfe4ef03a056b00ff14126d66f881
-  languageName: node
-  linkType: hard
-
-"@listr2/prompt-adapter-inquirer@npm:3.0.1":
-  version: 3.0.1
-  resolution: "@listr2/prompt-adapter-inquirer@npm:3.0.1"
-  dependencies:
-    "@inquirer/type": ^3.0.7
-  peerDependencies:
-    "@inquirer/prompts": ">= 3 < 8"
-    listr2: 9.0.1
-  checksum: 4c6058b5860cc75729074be8dde515a98729e1e638ca3c3bab8723067b38a73a5e63cc99a120439e2b583d4230cc2f4ccf08ad5c01646c7cdf59e5253c7449f0
-  languageName: node
-  linkType: hard
-
-"@lmdb/lmdb-darwin-arm64@npm:3.4.2":
-  version: 3.4.2
-  resolution: "@lmdb/lmdb-darwin-arm64@npm:3.4.2"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@lmdb/lmdb-darwin-x64@npm:3.4.2":
-  version: 3.4.2
-  resolution: "@lmdb/lmdb-darwin-x64@npm:3.4.2"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@lmdb/lmdb-linux-arm64@npm:3.4.2":
-  version: 3.4.2
-  resolution: "@lmdb/lmdb-linux-arm64@npm:3.4.2"
-  conditions: os=linux & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@lmdb/lmdb-linux-arm@npm:3.4.2":
-  version: 3.4.2
-  resolution: "@lmdb/lmdb-linux-arm@npm:3.4.2"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@lmdb/lmdb-linux-x64@npm:3.4.2":
-  version: 3.4.2
-  resolution: "@lmdb/lmdb-linux-x64@npm:3.4.2"
-  conditions: os=linux & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@lmdb/lmdb-win32-arm64@npm:3.4.2":
-  version: 3.4.2
-  resolution: "@lmdb/lmdb-win32-arm64@npm:3.4.2"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@lmdb/lmdb-win32-x64@npm:3.4.2":
-  version: 3.4.2
-  resolution: "@lmdb/lmdb-win32-x64@npm:3.4.2"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@material-symbols/font-400@npm:^0.40.2":
-  version: 0.40.2
-  resolution: "@material-symbols/font-400@npm:0.40.2"
-  checksum: 3f32d06a4208ffb75c01741a6433c2118145726526df50c968bd65796c3c5dcc6ea06d57999d3e764968366d7b91c084425944af60016cbb74bed35c6aceea4d
-  languageName: node
-  linkType: hard
-
-"@mermaid-js/parser@npm:^0.6.3":
-  version: 0.6.3
-  resolution: "@mermaid-js/parser@npm:0.6.3"
-  dependencies:
-    langium: 3.3.1
-  checksum: 6a3df5e694c6af793571c60265f5f1d25f39f3bb09f87fa91fa135ee36c2a01ec000ca34abdc801cf2baff4c5dbcaf41af38d710374eb5f678add626cc96f7ab
-  languageName: node
-  linkType: hard
-
-"@modelcontextprotocol/sdk@npm:1.25.2":
-  version: 1.25.2
-  resolution: "@modelcontextprotocol/sdk@npm:1.25.2"
-  dependencies:
-    "@hono/node-server": ^1.19.7
-    ajv: ^8.17.1
-    ajv-formats: ^3.0.1
-    content-type: ^1.0.5
-    cors: ^2.8.5
-    cross-spawn: ^7.0.5
-    eventsource: ^3.0.2
-    eventsource-parser: ^3.0.0
-    express: ^5.0.1
-    express-rate-limit: ^7.5.0
-    jose: ^6.1.1
-    json-schema-typed: ^8.0.2
-    pkce-challenge: ^5.0.0
-    raw-body: ^3.0.0
-    zod: ^3.25 || ^4.0
-    zod-to-json-schema: ^3.25.0
-  peerDependencies:
-    "@cfworker/json-schema": ^4.1.1
-    zod: ^3.25 || ^4.0
-  peerDependenciesMeta:
-    "@cfworker/json-schema":
-      optional: true
-    zod:
-      optional: false
-  checksum: 24c600de2da3478e5ce8a6ae3a00744a3d8a08e9291e6ebb236ca563d5a8d69bee759223950914ef19329ce26b24946639438cc6a7bf33839180348055be5eb9
-  languageName: node
-  linkType: hard
-
-"@msgpackr-extract/msgpackr-extract-darwin-arm64@npm:3.0.3":
-  version: 3.0.3
-  resolution: "@msgpackr-extract/msgpackr-extract-darwin-arm64@npm:3.0.3"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@msgpackr-extract/msgpackr-extract-darwin-x64@npm:3.0.3":
-  version: 3.0.3
-  resolution: "@msgpackr-extract/msgpackr-extract-darwin-x64@npm:3.0.3"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@msgpackr-extract/msgpackr-extract-linux-arm64@npm:3.0.3":
-  version: 3.0.3
-  resolution: "@msgpackr-extract/msgpackr-extract-linux-arm64@npm:3.0.3"
-  conditions: os=linux & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@msgpackr-extract/msgpackr-extract-linux-arm@npm:3.0.3":
-  version: 3.0.3
-  resolution: "@msgpackr-extract/msgpackr-extract-linux-arm@npm:3.0.3"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@msgpackr-extract/msgpackr-extract-linux-x64@npm:3.0.3":
-  version: 3.0.3
-  resolution: "@msgpackr-extract/msgpackr-extract-linux-x64@npm:3.0.3"
-  conditions: os=linux & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@msgpackr-extract/msgpackr-extract-win32-x64@npm:3.0.3":
-  version: 3.0.3
-  resolution: "@msgpackr-extract/msgpackr-extract-win32-x64@npm:3.0.3"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-android-arm-eabi@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-android-arm-eabi@npm:1.1.1"
-  conditions: os=android & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-android-arm64@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-android-arm64@npm:1.1.1"
-  conditions: os=android & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-darwin-arm64@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-darwin-arm64@npm:1.1.1"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-darwin-x64@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-darwin-x64@npm:1.1.1"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-freebsd-x64@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-freebsd-x64@npm:1.1.1"
-  conditions: os=freebsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-linux-arm-gnueabihf@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-linux-arm-gnueabihf@npm:1.1.1"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-linux-arm64-gnu@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-linux-arm64-gnu@npm:1.1.1"
-  conditions: os=linux & cpu=arm64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-linux-arm64-musl@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-linux-arm64-musl@npm:1.1.1"
-  conditions: os=linux & cpu=arm64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-linux-ppc64-gnu@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-linux-ppc64-gnu@npm:1.1.1"
-  conditions: os=linux & cpu=ppc64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-linux-riscv64-gnu@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-linux-riscv64-gnu@npm:1.1.1"
-  conditions: os=linux & cpu=riscv64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-linux-s390x-gnu@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-linux-s390x-gnu@npm:1.1.1"
-  conditions: os=linux & cpu=s390x & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-linux-x64-gnu@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-linux-x64-gnu@npm:1.1.1"
-  conditions: os=linux & cpu=x64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-linux-x64-musl@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-linux-x64-musl@npm:1.1.1"
-  conditions: os=linux & cpu=x64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-openharmony-arm64@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-openharmony-arm64@npm:1.1.1"
-  conditions: os=openharmony & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-win32-arm64-msvc@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-win32-arm64-msvc@npm:1.1.1"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-win32-ia32-msvc@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-win32-ia32-msvc@npm:1.1.1"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice-win32-x64-msvc@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/nice-win32-x64-msvc@npm:1.1.1"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@napi-rs/nice@npm:^1.0.4":
-  version: 1.1.1
-  resolution: "@napi-rs/nice@npm:1.1.1"
-  dependencies:
-    "@napi-rs/nice-android-arm-eabi": 1.1.1
-    "@napi-rs/nice-android-arm64": 1.1.1
-    "@napi-rs/nice-darwin-arm64": 1.1.1
-    "@napi-rs/nice-darwin-x64": 1.1.1
-    "@napi-rs/nice-freebsd-x64": 1.1.1
-    "@napi-rs/nice-linux-arm-gnueabihf": 1.1.1
-    "@napi-rs/nice-linux-arm64-gnu": 1.1.1
-    "@napi-rs/nice-linux-arm64-musl": 1.1.1
-    "@napi-rs/nice-linux-ppc64-gnu": 1.1.1
-    "@napi-rs/nice-linux-riscv64-gnu": 1.1.1
-    "@napi-rs/nice-linux-s390x-gnu": 1.1.1
-    "@napi-rs/nice-linux-x64-gnu": 1.1.1
-    "@napi-rs/nice-linux-x64-musl": 1.1.1
-    "@napi-rs/nice-openharmony-arm64": 1.1.1
-    "@napi-rs/nice-win32-arm64-msvc": 1.1.1
-    "@napi-rs/nice-win32-ia32-msvc": 1.1.1
-    "@napi-rs/nice-win32-x64-msvc": 1.1.1
-  dependenciesMeta:
-    "@napi-rs/nice-android-arm-eabi":
-      optional: true
-    "@napi-rs/nice-android-arm64":
-      optional: true
-    "@napi-rs/nice-darwin-arm64":
-      optional: true
-    "@napi-rs/nice-darwin-x64":
-      optional: true
-    "@napi-rs/nice-freebsd-x64":
-      optional: true
-    "@napi-rs/nice-linux-arm-gnueabihf":
-      optional: true
-    "@napi-rs/nice-linux-arm64-gnu":
-      optional: true
-    "@napi-rs/nice-linux-arm64-musl":
-      optional: true
-    "@napi-rs/nice-linux-ppc64-gnu":
-      optional: true
-    "@napi-rs/nice-linux-riscv64-gnu":
-      optional: true
-    "@napi-rs/nice-linux-s390x-gnu":
-      optional: true
-    "@napi-rs/nice-linux-x64-gnu":
-      optional: true
-    "@napi-rs/nice-linux-x64-musl":
-      optional: true
-    "@napi-rs/nice-openharmony-arm64":
-      optional: true
-    "@napi-rs/nice-win32-arm64-msvc":
-      optional: true
-    "@napi-rs/nice-win32-ia32-msvc":
-      optional: true
-    "@napi-rs/nice-win32-x64-msvc":
-      optional: true
-  checksum: f9b72d10511c6ee9e36723a1876ef8152b0f8f5d35e60b3adae2d3fd05a22f0941552cd0403404fd040ef73924bbf7ed3d356c414da2491c65a988e700af73d3
-  languageName: node
-  linkType: hard
-
-"@napi-rs/wasm-runtime@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "@napi-rs/wasm-runtime@npm:1.1.1"
-  dependencies:
-    "@emnapi/core": ^1.7.1
-    "@emnapi/runtime": ^1.7.1
-    "@tybys/wasm-util": ^0.10.1
-  checksum: 22db9ad68e1d34351e1c0165489200584ab1cb0db866d360eca1c4213cd63169b153d179fe5ea4cbda849a252d20c4b01e56106285e7da8e4a56a4df92318ee7
-  languageName: node
-  linkType: hard
-
-"@ngstack/code-editor@npm:^9.0.0":
-  version: 9.0.0
-  resolution: "@ngstack/code-editor@npm:9.0.0"
-  dependencies:
-    tslib: ^2.5.0
-  peerDependencies:
-    "@angular/common": ">=17.1.1"
-    "@angular/core": ">=17.1.1"
-  checksum: cd1bc39526cbaa0af0da0632dc30b58e6e0afbba3a44e845eb8709506eb494a69d4a62840f288996fb17947d23a4f48b19bc276fe7444cbe4713b1451f5450cf
-  languageName: node
-  linkType: hard
-
-"@ngtools/webpack@npm:20.3.15":
-  version: 20.3.15
-  resolution: "@ngtools/webpack@npm:20.3.15"
-  peerDependencies:
-    "@angular/compiler-cli": ^20.0.0
-    typescript: ">=5.8 <6.0"
-    webpack: ^5.54.0
-  checksum: 203870570519f64013908014f0ec9556987046363b0ca0abc9ab242267123ce5ae9dacef17a363e89c482a631d130e401b849087d87748ff139344f3242d6099
-  languageName: node
-  linkType: hard
-
-"@nodelib/fs.scandir@npm:2.1.5":
-  version: 2.1.5
-  resolution: "@nodelib/fs.scandir@npm:2.1.5"
-  dependencies:
-    "@nodelib/fs.stat": 2.0.5
-    run-parallel: ^1.1.9
-  checksum: a970d595bd23c66c880e0ef1817791432dbb7acbb8d44b7e7d0e7a22f4521260d4a83f7f9fd61d44fda4610105577f8f58a60718105fb38352baed612fd79e59
-  languageName: node
-  linkType: hard
-
-"@nodelib/fs.stat@npm:2.0.5, @nodelib/fs.stat@npm:^2.0.2":
-  version: 2.0.5
-  resolution: "@nodelib/fs.stat@npm:2.0.5"
-  checksum: 012480b5ca9d97bff9261571dbbec7bbc6033f69cc92908bc1ecfad0792361a5a1994bc48674b9ef76419d056a03efadfce5a6cf6dbc0a36559571a7a483f6f0
-  languageName: node
-  linkType: hard
-
-"@nodelib/fs.walk@npm:^1.2.3":
-  version: 1.2.8
-  resolution: "@nodelib/fs.walk@npm:1.2.8"
-  dependencies:
-    "@nodelib/fs.scandir": 2.1.5
-    fastq: ^1.6.0
-  checksum: 190c643f156d8f8f277bf2a6078af1ffde1fd43f498f187c2db24d35b4b4b5785c02c7dc52e356497b9a1b65b13edc996de08de0b961c32844364da02986dc53
-  languageName: node
-  linkType: hard
-
-"@npmcli/agent@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "@npmcli/agent@npm:4.0.0"
-  dependencies:
-    agent-base: ^7.1.0
-    http-proxy-agent: ^7.0.0
-    https-proxy-agent: ^7.0.1
-    lru-cache: ^11.2.1
-    socks-proxy-agent: ^8.0.3
-  checksum: 89ae20b44859ff8d4de56ade319d8ceaa267a0742d6f7345fe98aa5cd8614ced7db85ea4dc5bfbd6614dbb200a10b134e087143582534c939e8a02219e8665c8
-  languageName: node
-  linkType: hard
-
-"@npmcli/fs@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "@npmcli/fs@npm:5.0.0"
-  dependencies:
-    semver: ^7.3.5
-  checksum: 897dac32eb37e011800112d406b9ea2ebd96f1dab01bb8fbeb59191b86f6825dffed6a89f3b6c824753d10f8735b76d630927bd7610e9e123b129ef2e5f02cb5
-  languageName: node
-  linkType: hard
-
-"@npmcli/git@npm:^7.0.0":
-  version: 7.0.1
-  resolution: "@npmcli/git@npm:7.0.1"
-  dependencies:
-    "@npmcli/promise-spawn": ^9.0.0
-    ini: ^6.0.0
-    lru-cache: ^11.2.1
-    npm-pick-manifest: ^11.0.1
-    proc-log: ^6.0.0
-    promise-retry: ^2.0.1
-    semver: ^7.3.5
-    which: ^6.0.0
-  checksum: 7874ebf952c35b33d9719924996bf033897c63b21fc4ec8b039a852d724048b5f417a5d1ac6a623a6d40e05c56b27f4a3dfe47d5774e9ce88a924903d34f76cd
-  languageName: node
-  linkType: hard
-
-"@npmcli/installed-package-contents@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "@npmcli/installed-package-contents@npm:4.0.0"
-  dependencies:
-    npm-bundled: ^5.0.0
-    npm-normalize-package-bin: ^5.0.0
-  bin:
-    installed-package-contents: bin/index.js
-  checksum: c94aa13d9f80849221b2bd4eb06f9b7db65dac74ac6176f2dbcba6810c4083240dacddb293a38cfcd5d8c09932aef983b7e01ef434e53d63416a5e8471804fdd
-  languageName: node
-  linkType: hard
-
-"@npmcli/node-gyp@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "@npmcli/node-gyp@npm:5.0.0"
-  checksum: 6b257d2b220c58ed655c9e267b07daca854a4a0d041f542b6ce16e8bee3bdb5d912beb23b1f8a80f47d68d43f0c0bac214a1f7d48e3d60b8da0ec806d872c48a
-  languageName: node
-  linkType: hard
-
-"@npmcli/package-json@npm:^7.0.0":
-  version: 7.0.4
-  resolution: "@npmcli/package-json@npm:7.0.4"
-  dependencies:
-    "@npmcli/git": ^7.0.0
-    glob: ^13.0.0
-    hosted-git-info: ^9.0.0
-    json-parse-even-better-errors: ^5.0.0
-    proc-log: ^6.0.0
-    semver: ^7.5.3
-    validate-npm-package-license: ^3.0.4
-  checksum: 92c5ce8d47adc7dcf76bb393243cef217ed5a8b7f8ee06ab8a6c739c100b5a636d670d1ff4369e4ea85213d2b3ddaaec8bb2956639beec309df6c072d617e487
-  languageName: node
-  linkType: hard
-
-"@npmcli/promise-spawn@npm:^9.0.0":
-  version: 9.0.1
-  resolution: "@npmcli/promise-spawn@npm:9.0.1"
-  dependencies:
-    which: ^6.0.0
-  checksum: 0b193c58408421b5eb07808efde4a6674a977f7d9ced63b28e90d9a6e238522f1776ed4a9f4b6b5455eb2c497eccf8ab82ea94f3cd41140fceca794763bb3e35
-  languageName: node
-  linkType: hard
-
-"@npmcli/redact@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "@npmcli/redact@npm:4.0.0"
-  checksum: 4e029c44a8593304bb1aa5a8f1559cb8f37b4dc3880c589ce546da0b8cfa741d16a054db38ee309e81c2120c148ba33edbb3252f97a78b3234ba9ab3fa3e176c
-  languageName: node
-  linkType: hard
-
-"@npmcli/run-script@npm:^10.0.0":
-  version: 10.0.3
-  resolution: "@npmcli/run-script@npm:10.0.3"
-  dependencies:
-    "@npmcli/node-gyp": ^5.0.0
-    "@npmcli/package-json": ^7.0.0
-    "@npmcli/promise-spawn": ^9.0.0
-    node-gyp: ^12.1.0
-    proc-log: ^6.0.0
-    which: ^6.0.0
-  checksum: 309c1e3caadd66cbae0f255adf05afde3e49f073e6fd316e0709ba378862ca18737c6ced52444ff2f242683cc41ec8fe26af5571d217c378c0247e1e5f2d2ba8
-  languageName: node
-  linkType: hard
-
-"@opentelemetry/api-logs@npm:0.208.0, @opentelemetry/api-logs@npm:^0.208.0":
-  version: 0.208.0
-  resolution: "@opentelemetry/api-logs@npm:0.208.0"
-  dependencies:
-    "@opentelemetry/api": ^1.3.0
-  checksum: 98aa12c0c4a193714fe2b0f7a2d595cba3d87a6256e6291ed5768005af03885db9db5d74f2616532ecffc424b2ebf3ac87c6719d8fcb2d82b126736bfd1b6287
-  languageName: node
-  linkType: hard
-
-"@opentelemetry/api@npm:^1.3.0, @opentelemetry/api@npm:^1.9.0":
-  version: 1.9.0
-  resolution: "@opentelemetry/api@npm:1.9.0"
-  checksum: 9e88e59d53ced668f3daaecfd721071c5b85a67dd386f1c6f051d1be54375d850016c881f656ffbe9a03bedae85f7e89c2f2b635313f9c9b195ad033cdc31020
-  languageName: node
-  linkType: hard
-
-"@opentelemetry/core@npm:2.2.0":
-  version: 2.2.0
-  resolution: "@opentelemetry/core@npm:2.2.0"
-  dependencies:
-    "@opentelemetry/semantic-conventions": ^1.29.0
-  peerDependencies:
-    "@opentelemetry/api": ">=1.0.0 <1.10.0"
-  checksum: cfb75e67b91086ce47783b3ff30e4b0d3099630a6ead821c69dfc7c37925498e9e398d610ec5b87c2b5b86e17900dd8a5bb4a3d9dea6e122ed1add54efdcd149
-  languageName: node
-  linkType: hard
-
-"@opentelemetry/core@npm:2.5.0":
-  version: 2.5.0
-  resolution: "@opentelemetry/core@npm:2.5.0"
-  dependencies:
-    "@opentelemetry/semantic-conventions": ^1.29.0
-  peerDependencies:
-    "@opentelemetry/api": ">=1.0.0 <1.10.0"
-  checksum: b609e923075b61b523aeba60ed91c9889cb6eda813bc635a1a7f62143f77ef41cf95f7f913d36dba4157a8ffafa1137644b460dbdee858466f563ca3198dc915
-  languageName: node
-  linkType: hard
-
-"@opentelemetry/exporter-logs-otlp-http@npm:^0.208.0":
-  version: 0.208.0
-  resolution: "@opentelemetry/exporter-logs-otlp-http@npm:0.208.0"
-  dependencies:
-    "@opentelemetry/api-logs": 0.208.0
-    "@opentelemetry/core": 2.2.0
-    "@opentelemetry/otlp-exporter-base": 0.208.0
-    "@opentelemetry/otlp-transformer": 0.208.0
-    "@opentelemetry/sdk-logs": 0.208.0
-  peerDependencies:
-    "@opentelemetry/api": ^1.3.0
-  checksum: fcb50fba5f5cc33acf4c11a6d2651583f5b7e02245602672ba0dad6852d19c3560b908266e67e36071104681459df1988fd68f8e4ae6e509a48d027509607cd4
-  languageName: node
-  linkType: hard
-
-"@opentelemetry/otlp-exporter-base@npm:0.208.0":
-  version: 0.208.0
-  resolution: "@opentelemetry/otlp-exporter-base@npm:0.208.0"
-  dependencies:
-    "@opentelemetry/core": 2.2.0
-    "@opentelemetry/otlp-transformer": 0.208.0
-  peerDependencies:
-    "@opentelemetry/api": ^1.3.0
-  checksum: efb27b9fa5fd5fb9da19a0f4cb12d63f52e4965383d0af8bc21275cfa9cbff2df9aa42b2926f51396a2d0de73bfe1a36d1893251d3ce8b3417485312a2cda887
-  languageName: node
-  linkType: hard
-
-"@opentelemetry/otlp-transformer@npm:0.208.0":
-  version: 0.208.0
-  resolution: "@opentelemetry/otlp-transformer@npm:0.208.0"
-  dependencies:
-    "@opentelemetry/api-logs": 0.208.0
-    "@opentelemetry/core": 2.2.0
-    "@opentelemetry/resources": 2.2.0
-    "@opentelemetry/sdk-logs": 0.208.0
-    "@opentelemetry/sdk-metrics": 2.2.0
-    "@opentelemetry/sdk-trace-base": 2.2.0
-    protobufjs: ^7.3.0
-  peerDependencies:
-    "@opentelemetry/api": ^1.3.0
-  checksum: b44cca4742213044aab316d003d0fa3c0c847c4c3605dfc0657c3620948d45b46e88e7b1b0d66ec1fa6c9e57c39957ab606b594d8d16a43e9987efb6bcdd30a6
-  languageName: node
-  linkType: hard
-
-"@opentelemetry/resources@npm:2.2.0":
-  version: 2.2.0
-  resolution: "@opentelemetry/resources@npm:2.2.0"
-  dependencies:
-    "@opentelemetry/core": 2.2.0
-    "@opentelemetry/semantic-conventions": ^1.29.0
-  peerDependencies:
-    "@opentelemetry/api": ">=1.3.0 <1.10.0"
-  checksum: 437332f09f138577c0b2f4b15bbd63851083f19f8e30843ca50f16abf9012eedc32c5d86ed21305c40383dbc09b865dd2f399bf08f995c8cdcfe7472d29fd5c5
-  languageName: node
-  linkType: hard
-
-"@opentelemetry/resources@npm:^2.2.0":
-  version: 2.5.0
-  resolution: "@opentelemetry/resources@npm:2.5.0"
-  dependencies:
-    "@opentelemetry/core": 2.5.0
-    "@opentelemetry/semantic-conventions": ^1.29.0
-  peerDependencies:
-    "@opentelemetry/api": ">=1.3.0 <1.10.0"
-  checksum: 313b2ba0be0c1f55c75441905d0f92c71f39af730bad35d9a37940a775b63743c124b67def9eb7f44aa17bd3fecc70482957f8ce2e2816fa11c25adf67fbfbe2
-  languageName: node
-  linkType: hard
-
-"@opentelemetry/sdk-logs@npm:0.208.0, @opentelemetry/sdk-logs@npm:^0.208.0":
-  version: 0.208.0
-  resolution: "@opentelemetry/sdk-logs@npm:0.208.0"
-  dependencies:
-    "@opentelemetry/api-logs": 0.208.0
-    "@opentelemetry/core": 2.2.0
-    "@opentelemetry/resources": 2.2.0
-  peerDependencies:
-    "@opentelemetry/api": ">=1.4.0 <1.10.0"
-  checksum: 224476d2764f463f672b559650b606420e9351baae2c434c18e6353a03763f8b378543b6f72621cdffa8697daccfe5c9290084d589dad4c97c465b81ad9744b7
-  languageName: node
-  linkType: hard
-
-"@opentelemetry/sdk-metrics@npm:2.2.0":
-  version: 2.2.0
-  resolution: "@opentelemetry/sdk-metrics@npm:2.2.0"
-  dependencies:
-    "@opentelemetry/core": 2.2.0
-    "@opentelemetry/resources": 2.2.0
-  peerDependencies:
-    "@opentelemetry/api": ">=1.9.0 <1.10.0"
-  checksum: 9f389053d9e50d3773e05f1a0a64b97cd31dff456807af07d48c355a6b29a8eb0f131fa06e6e20d447434321b205747e40a47f3571ed1cc3550bf119834a06f3
-  languageName: node
-  linkType: hard
-
-"@opentelemetry/sdk-trace-base@npm:2.2.0":
-  version: 2.2.0
-  resolution: "@opentelemetry/sdk-trace-base@npm:2.2.0"
-  dependencies:
-    "@opentelemetry/core": 2.2.0
-    "@opentelemetry/resources": 2.2.0
-    "@opentelemetry/semantic-conventions": ^1.29.0
-  peerDependencies:
-    "@opentelemetry/api": ">=1.3.0 <1.10.0"
-  checksum: 3ea674ff6383644222cdc9e79bc7531ba5ba0c0134369bfb3159c0f761474828ef9b89db90c02f9d6b3c2e29e30784abc45ef631c6f1c612895171abc937c264
-  languageName: node
-  linkType: hard
-
-"@opentelemetry/semantic-conventions@npm:^1.29.0":
-  version: 1.39.0
-  resolution: "@opentelemetry/semantic-conventions@npm:1.39.0"
-  checksum: 1e7c5241b2b088b0ab822471974188dfe01f635a0f798a2e8cd8b46a68f21e45ed7f385f222237e73117521d7041dfbce8bee01e8a8e59a69d00a4dc64494116
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-android-arm-eabi@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-android-arm-eabi@npm:11.17.0"
-  conditions: os=android & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-android-arm64@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-android-arm64@npm:11.17.0"
-  conditions: os=android & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-darwin-arm64@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-darwin-arm64@npm:11.17.0"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-darwin-x64@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-darwin-x64@npm:11.17.0"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-freebsd-x64@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-freebsd-x64@npm:11.17.0"
-  conditions: os=freebsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-linux-arm-gnueabihf@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-linux-arm-gnueabihf@npm:11.17.0"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-linux-arm-musleabihf@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-linux-arm-musleabihf@npm:11.17.0"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-linux-arm64-gnu@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-linux-arm64-gnu@npm:11.17.0"
-  conditions: os=linux & cpu=arm64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-linux-arm64-musl@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-linux-arm64-musl@npm:11.17.0"
-  conditions: os=linux & cpu=arm64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-linux-ppc64-gnu@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-linux-ppc64-gnu@npm:11.17.0"
-  conditions: os=linux & cpu=ppc64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-linux-riscv64-gnu@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-linux-riscv64-gnu@npm:11.17.0"
-  conditions: os=linux & cpu=riscv64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-linux-riscv64-musl@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-linux-riscv64-musl@npm:11.17.0"
-  conditions: os=linux & cpu=riscv64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-linux-s390x-gnu@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-linux-s390x-gnu@npm:11.17.0"
-  conditions: os=linux & cpu=s390x & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-linux-x64-gnu@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-linux-x64-gnu@npm:11.17.0"
-  conditions: os=linux & cpu=x64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-linux-x64-musl@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-linux-x64-musl@npm:11.17.0"
-  conditions: os=linux & cpu=x64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-openharmony-arm64@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-openharmony-arm64@npm:11.17.0"
-  conditions: os=openharmony & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-wasm32-wasi@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-wasm32-wasi@npm:11.17.0"
-  dependencies:
-    "@napi-rs/wasm-runtime": ^1.1.1
-  conditions: cpu=wasm32
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-win32-arm64-msvc@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-win32-arm64-msvc@npm:11.17.0"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-win32-ia32-msvc@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-win32-ia32-msvc@npm:11.17.0"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@oxc-resolver/binding-win32-x64-msvc@npm:11.17.0":
-  version: 11.17.0
-  resolution: "@oxc-resolver/binding-win32-x64-msvc@npm:11.17.0"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-android-arm64@npm:2.5.6":
-  version: 2.5.6
-  resolution: "@parcel/watcher-android-arm64@npm:2.5.6"
-  conditions: os=android & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-darwin-arm64@npm:2.5.6":
-  version: 2.5.6
-  resolution: "@parcel/watcher-darwin-arm64@npm:2.5.6"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-darwin-x64@npm:2.5.6":
-  version: 2.5.6
-  resolution: "@parcel/watcher-darwin-x64@npm:2.5.6"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-freebsd-x64@npm:2.5.6":
-  version: 2.5.6
-  resolution: "@parcel/watcher-freebsd-x64@npm:2.5.6"
-  conditions: os=freebsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-linux-arm-glibc@npm:2.5.6":
-  version: 2.5.6
-  resolution: "@parcel/watcher-linux-arm-glibc@npm:2.5.6"
-  conditions: os=linux & cpu=arm & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-linux-arm-musl@npm:2.5.6":
-  version: 2.5.6
-  resolution: "@parcel/watcher-linux-arm-musl@npm:2.5.6"
-  conditions: os=linux & cpu=arm & libc=musl
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-linux-arm64-glibc@npm:2.5.6":
-  version: 2.5.6
-  resolution: "@parcel/watcher-linux-arm64-glibc@npm:2.5.6"
-  conditions: os=linux & cpu=arm64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-linux-arm64-musl@npm:2.5.6":
-  version: 2.5.6
-  resolution: "@parcel/watcher-linux-arm64-musl@npm:2.5.6"
-  conditions: os=linux & cpu=arm64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-linux-x64-glibc@npm:2.5.6":
-  version: 2.5.6
-  resolution: "@parcel/watcher-linux-x64-glibc@npm:2.5.6"
-  conditions: os=linux & cpu=x64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-linux-x64-musl@npm:2.5.6":
-  version: 2.5.6
-  resolution: "@parcel/watcher-linux-x64-musl@npm:2.5.6"
-  conditions: os=linux & cpu=x64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-win32-arm64@npm:2.5.6":
-  version: 2.5.6
-  resolution: "@parcel/watcher-win32-arm64@npm:2.5.6"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-win32-ia32@npm:2.5.6":
-  version: 2.5.6
-  resolution: "@parcel/watcher-win32-ia32@npm:2.5.6"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher-win32-x64@npm:2.5.6":
-  version: 2.5.6
-  resolution: "@parcel/watcher-win32-x64@npm:2.5.6"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@parcel/watcher@npm:^2.4.1":
-  version: 2.5.6
-  resolution: "@parcel/watcher@npm:2.5.6"
-  dependencies:
-    "@parcel/watcher-android-arm64": 2.5.6
-    "@parcel/watcher-darwin-arm64": 2.5.6
-    "@parcel/watcher-darwin-x64": 2.5.6
-    "@parcel/watcher-freebsd-x64": 2.5.6
-    "@parcel/watcher-linux-arm-glibc": 2.5.6
-    "@parcel/watcher-linux-arm-musl": 2.5.6
-    "@parcel/watcher-linux-arm64-glibc": 2.5.6
-    "@parcel/watcher-linux-arm64-musl": 2.5.6
-    "@parcel/watcher-linux-x64-glibc": 2.5.6
-    "@parcel/watcher-linux-x64-musl": 2.5.6
-    "@parcel/watcher-win32-arm64": 2.5.6
-    "@parcel/watcher-win32-ia32": 2.5.6
-    "@parcel/watcher-win32-x64": 2.5.6
-    detect-libc: ^2.0.3
-    is-glob: ^4.0.3
-    node-addon-api: ^7.0.0
-    node-gyp: latest
-    picomatch: ^4.0.3
-  dependenciesMeta:
-    "@parcel/watcher-android-arm64":
-      optional: true
-    "@parcel/watcher-darwin-arm64":
-      optional: true
-    "@parcel/watcher-darwin-x64":
-      optional: true
-    "@parcel/watcher-freebsd-x64":
-      optional: true
-    "@parcel/watcher-linux-arm-glibc":
-      optional: true
-    "@parcel/watcher-linux-arm-musl":
-      optional: true
-    "@parcel/watcher-linux-arm64-glibc":
-      optional: true
-    "@parcel/watcher-linux-arm64-musl":
-      optional: true
-    "@parcel/watcher-linux-x64-glibc":
-      optional: true
-    "@parcel/watcher-linux-x64-musl":
-      optional: true
-    "@parcel/watcher-win32-arm64":
-      optional: true
-    "@parcel/watcher-win32-ia32":
-      optional: true
-    "@parcel/watcher-win32-x64":
-      optional: true
-  checksum: f4f166eaf743630bce0ed1c16db0ac90bd7b5a7e807abf7fe5affb95dbefbb49a6c3a805bfcd7ec82703262b9c7fd0f494a102700e273b1fe66ed9615bb04195
-  languageName: node
-  linkType: hard
-
-"@polka/url@npm:^1.0.0-next.24":
-  version: 1.0.0-next.29
-  resolution: "@polka/url@npm:1.0.0-next.29"
-  checksum: 69ca11ab15a4ffec7f0b07fcc4e1f01489b3d9683a7e1867758818386575c60c213401259ba3705b8a812228d17e2bfd18e6f021194d943fff4bca389c9d4f28
-  languageName: node
-  linkType: hard
-
-"@posthog/core@npm:1.20.0":
-  version: 1.20.0
-  resolution: "@posthog/core@npm:1.20.0"
-  dependencies:
-    cross-spawn: ^7.0.6
-  checksum: 66eb7f81d7e7dd50453ba67a11c43c98065b4339a66deaacfd656a80ed8efd30e0dbb63301d37f90c59430e89b62e6e125f6dbc111ae0f3c34b3ba74dafa68bb
-  languageName: node
-  linkType: hard
-
-"@posthog/types@npm:1.341.0":
-  version: 1.341.0
-  resolution: "@posthog/types@npm:1.341.0"
-  checksum: 3f47bdbc63e6017584fba0bc7ded6c03d0b17a2c982df9b35502cf8e6207a4058d7c6de4939d4ae789e1f24ac28ed45cf17cad24da25a7342429cfc1df6149df
-  languageName: node
-  linkType: hard
-
-"@protobufjs/aspromise@npm:^1.1.1, @protobufjs/aspromise@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "@protobufjs/aspromise@npm:1.1.2"
-  checksum: 011fe7ef0826b0fd1a95935a033a3c0fd08483903e1aa8f8b4e0704e3233406abb9ee25350ec0c20bbecb2aad8da0dcea58b392bbd77d6690736f02c143865d2
-  languageName: node
-  linkType: hard
-
-"@protobufjs/base64@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "@protobufjs/base64@npm:1.1.2"
-  checksum: 67173ac34de1e242c55da52c2f5bdc65505d82453893f9b51dc74af9fe4c065cf4a657a4538e91b0d4a1a1e0a0642215e31894c31650ff6e3831471061e1ee9e
-  languageName: node
-  linkType: hard
-
-"@protobufjs/codegen@npm:^2.0.4":
-  version: 2.0.4
-  resolution: "@protobufjs/codegen@npm:2.0.4"
-  checksum: 59240c850b1d3d0b56d8f8098dd04787dcaec5c5bd8de186fa548de86b86076e1c50e80144b90335e705a044edf5bc8b0998548474c2a10a98c7e004a1547e4b
-  languageName: node
-  linkType: hard
-
-"@protobufjs/eventemitter@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@protobufjs/eventemitter@npm:1.1.0"
-  checksum: 0369163a3d226851682f855f81413cbf166cd98f131edb94a0f67f79e75342d86e89df9d7a1df08ac28be2bc77e0a7f0200526bb6c2a407abbfee1f0262d5fd7
-  languageName: node
-  linkType: hard
-
-"@protobufjs/fetch@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@protobufjs/fetch@npm:1.1.0"
-  dependencies:
-    "@protobufjs/aspromise": ^1.1.1
-    "@protobufjs/inquire": ^1.1.0
-  checksum: 3fce7e09eb3f1171dd55a192066450f65324fd5f7cc01a431df01bb00d0a895e6bfb5b0c5561ce157ee1d886349c90703d10a4e11a1a256418ff591b969b3477
-  languageName: node
-  linkType: hard
-
-"@protobufjs/float@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "@protobufjs/float@npm:1.0.2"
-  checksum: 5781e1241270b8bd1591d324ca9e3a3128d2f768077a446187a049e36505e91bc4156ed5ac3159c3ce3d2ba3743dbc757b051b2d723eea9cd367bfd54ab29b2f
-  languageName: node
-  linkType: hard
-
-"@protobufjs/inquire@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@protobufjs/inquire@npm:1.1.0"
-  checksum: ca06f02eaf65ca36fb7498fc3492b7fc087bfcc85c702bac5b86fad34b692bdce4990e0ef444c1e2aea8c034227bd1f0484be02810d5d7e931c55445555646f4
-  languageName: node
-  linkType: hard
-
-"@protobufjs/path@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "@protobufjs/path@npm:1.1.2"
-  checksum: 856eeb532b16a7aac071cacde5c5620df800db4c80cee6dbc56380524736205aae21e5ae47739114bf669ab5e8ba0e767a282ad894f3b5e124197cb9224445ee
-  languageName: node
-  linkType: hard
-
-"@protobufjs/pool@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@protobufjs/pool@npm:1.1.0"
-  checksum: d6a34fbbd24f729e2a10ee915b74e1d77d52214de626b921b2d77288bd8f2386808da2315080f2905761527cceffe7ec34c7647bd21a5ae41a25e8212ff79451
-  languageName: node
-  linkType: hard
-
-"@protobufjs/utf8@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@protobufjs/utf8@npm:1.1.0"
-  checksum: f9bf3163d13aaa3b6f5e6fbf37a116e094ea021c0e1f2a7ccd0e12a29e2ce08dafba4e8b36e13f8ed7397e1591610ce880ed1289af4d66cf4ace8a36a9557278
-  languageName: node
-  linkType: hard
-
-"@puppeteer/browsers@npm:2.11.2":
-  version: 2.11.2
-  resolution: "@puppeteer/browsers@npm:2.11.2"
-  dependencies:
-    debug: ^4.4.3
-    extract-zip: ^2.0.1
-    progress: ^2.0.3
-    proxy-agent: ^6.5.0
-    semver: ^7.7.3
-    tar-fs: ^3.1.1
-    yargs: ^17.7.2
-  bin:
-    browsers: lib/cjs/main-cli.js
-  checksum: 5411b6e59a2fceed4fa3220d747f5b69f913e46db684655c218dbbc7369b4eedbbc23faee563a731aa6f86a5a389a722e6146b659e78780ba4fd510cf78407a9
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-android-arm-eabi@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-android-arm-eabi@npm:4.59.0"
-  conditions: os=android & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-android-arm64@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-android-arm64@npm:4.59.0"
-  conditions: os=android & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-darwin-arm64@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-darwin-arm64@npm:4.59.0"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-darwin-x64@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-darwin-x64@npm:4.59.0"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-freebsd-arm64@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-freebsd-arm64@npm:4.59.0"
-  conditions: os=freebsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-freebsd-x64@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-freebsd-x64@npm:4.59.0"
-  conditions: os=freebsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-linux-arm-gnueabihf@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.59.0"
-  conditions: os=linux & cpu=arm & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-linux-arm-musleabihf@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.59.0"
-  conditions: os=linux & cpu=arm & libc=musl
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-linux-arm64-gnu@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.59.0"
-  conditions: os=linux & cpu=arm64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-linux-arm64-musl@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-linux-arm64-musl@npm:4.59.0"
-  conditions: os=linux & cpu=arm64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-linux-loong64-gnu@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-linux-loong64-gnu@npm:4.59.0"
-  conditions: os=linux & cpu=loong64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-linux-loong64-musl@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-linux-loong64-musl@npm:4.59.0"
-  conditions: os=linux & cpu=loong64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-linux-ppc64-gnu@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-linux-ppc64-gnu@npm:4.59.0"
-  conditions: os=linux & cpu=ppc64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-linux-ppc64-musl@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-linux-ppc64-musl@npm:4.59.0"
-  conditions: os=linux & cpu=ppc64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-linux-riscv64-gnu@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.59.0"
-  conditions: os=linux & cpu=riscv64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-linux-riscv64-musl@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-linux-riscv64-musl@npm:4.59.0"
-  conditions: os=linux & cpu=riscv64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-linux-s390x-gnu@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.59.0"
-  conditions: os=linux & cpu=s390x & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-linux-x64-gnu@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-linux-x64-gnu@npm:4.59.0"
-  conditions: os=linux & cpu=x64 & libc=glibc
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-linux-x64-musl@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-linux-x64-musl@npm:4.59.0"
-  conditions: os=linux & cpu=x64 & libc=musl
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-openbsd-x64@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-openbsd-x64@npm:4.59.0"
-  conditions: os=openbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-openharmony-arm64@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-openharmony-arm64@npm:4.59.0"
-  conditions: os=openharmony & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-win32-arm64-msvc@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.59.0"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-win32-ia32-msvc@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.59.0"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-win32-x64-gnu@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-win32-x64-gnu@npm:4.59.0"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@rollup/rollup-win32-x64-msvc@npm:4.59.0":
-  version: 4.59.0
-  resolution: "@rollup/rollup-win32-x64-msvc@npm:4.59.0"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@schematics/angular@npm:20.3.15":
-  version: 20.3.15
-  resolution: "@schematics/angular@npm:20.3.15"
-  dependencies:
-    "@angular-devkit/core": 20.3.15
-    "@angular-devkit/schematics": 20.3.15
-    jsonc-parser: 3.3.1
-  checksum: 93201452eec867879d1f68c3cd6ff583a94fdc5e4362648871fc39e24cba453f2470bfb63d6f02c81002a9350e616795ebf90957da08c1df9fc2347915f66691
-  languageName: node
-  linkType: hard
-
-"@sentry-internal/browser-utils@npm:10.38.0":
-  version: 10.38.0
-  resolution: "@sentry-internal/browser-utils@npm:10.38.0"
-  dependencies:
-    "@sentry/core": 10.38.0
-  checksum: 230a78da5ee13ffa077e97982d6b79340dcfbf986f078dbb8a85c77f5133c89b3fecabe510e02e4726e236945bf0c8084b496c153b6916f973442e0528d190c9
-  languageName: node
-  linkType: hard
-
-"@sentry-internal/feedback@npm:10.38.0":
-  version: 10.38.0
-  resolution: "@sentry-internal/feedback@npm:10.38.0"
-  dependencies:
-    "@sentry/core": 10.38.0
-  checksum: 20e07f373ea0eb4cf8f0136a74944584c108609ee3e652dfb02b01b2a75c808318a402605cec58bf8a51e7c4a0074c97edcfd1815434addbf294a1f6cfefdf00
-  languageName: node
-  linkType: hard
-
-"@sentry-internal/replay-canvas@npm:10.38.0":
-  version: 10.38.0
-  resolution: "@sentry-internal/replay-canvas@npm:10.38.0"
-  dependencies:
-    "@sentry-internal/replay": 10.38.0
-    "@sentry/core": 10.38.0
-  checksum: e163055a60ad44a6a10b03d8ce903c2252f6411cbfce3aaf4c49ec740358ac4746817427ae797590102617e708c4f0dc5af43b43252ada84b951ffd2621b5250
-  languageName: node
-  linkType: hard
-
-"@sentry-internal/replay@npm:10.38.0":
-  version: 10.38.0
-  resolution: "@sentry-internal/replay@npm:10.38.0"
-  dependencies:
-    "@sentry-internal/browser-utils": 10.38.0
-    "@sentry/core": 10.38.0
-  checksum: 7c92e52ae6af43157cded07e86100f1afd9c939216fed7d3732cd57f9da17c8f4ccba37b5f9658f6f617a9c22eb7d020cf2ab6e35261daee49fdfe5e8c2fda35
-  languageName: node
-  linkType: hard
-
-"@sentry-internal/rrdom@npm:2.40.0":
-  version: 2.40.0
-  resolution: "@sentry-internal/rrdom@npm:2.40.0"
-  dependencies:
-    "@sentry-internal/rrweb-snapshot": 2.40.0
-  checksum: 68563239a4fb44f51225a179d3a9e56dd318ab6dc3a407441ec58fe17b1d3639bf22aa894d45bff016f9b721b58fed837f844e9596bc987e3f9a2471ef8bb824
-  languageName: node
-  linkType: hard
-
-"@sentry-internal/rrweb-snapshot@npm:2.40.0":
-  version: 2.40.0
-  resolution: "@sentry-internal/rrweb-snapshot@npm:2.40.0"
-  checksum: 6db46d8bae13104e9dea77e83be091173e97cf34948759b5a3fe7513995602596a107579bade1d1b9960349d79d98b1a4a983eeed688814197a76527a7dbb932
-  languageName: node
-  linkType: hard
-
-"@sentry-internal/rrweb-types@npm:2.40.0":
-  version: 2.40.0
-  resolution: "@sentry-internal/rrweb-types@npm:2.40.0"
-  dependencies:
-    "@sentry-internal/rrweb-snapshot": 2.40.0
-    "@types/css-font-loading-module": 0.0.7
-  checksum: 139d6e045f6a409cfdb7348ca036e52649f33d0defd373deb9c197dce1ec31d2d41cc3d71fe399a202297dbf648400a393b814e4b7e192d22b3e8c5ea8f237da
-  languageName: node
-  linkType: hard
-
-"@sentry-internal/rrweb@npm:^2.16.0":
-  version: 2.40.0
-  resolution: "@sentry-internal/rrweb@npm:2.40.0"
-  dependencies:
-    "@sentry-internal/rrdom": 2.40.0
-    "@sentry-internal/rrweb-snapshot": 2.40.0
-    "@sentry-internal/rrweb-types": 2.40.0
-    "@types/css-font-loading-module": 0.0.7
-    "@xstate/fsm": ^1.4.0
-    base64-arraybuffer: ^1.0.1
-    fflate: ^0.4.4
-    mitt: ^3.0.0
-  checksum: c5e1524e34261af20524e25f38c2b6ce1bd40a79b5722fd840a10da9cad024e827543b2cbeb6078c0efb7fd9b64ab574603f94fe11a21b4f2347c3cdc9bc4819
-  languageName: node
-  linkType: hard
-
-"@sentry/angular@npm:^10.33.0":
-  version: 10.38.0
-  resolution: "@sentry/angular@npm:10.38.0"
-  dependencies:
-    "@sentry/browser": 10.38.0
-    "@sentry/core": 10.38.0
-    tslib: ^2.4.1
-  peerDependencies:
-    "@angular/common": ">= 14.x <= 21.x"
-    "@angular/core": ">= 14.x <= 21.x"
-    "@angular/router": ">= 14.x <= 21.x"
-    rxjs: ^6.5.5 || ^7.x
-  checksum: c22c8304ad51276876d9c5f86caf377133be163d3a259c564816a9e966ceef33593e8ccb99be748e7feda2f37da721073172651ad7be478f59fd73afaacb41e1
-  languageName: node
-  linkType: hard
-
-"@sentry/browser@npm:10.38.0":
-  version: 10.38.0
-  resolution: "@sentry/browser@npm:10.38.0"
-  dependencies:
-    "@sentry-internal/browser-utils": 10.38.0
-    "@sentry-internal/feedback": 10.38.0
-    "@sentry-internal/replay": 10.38.0
-    "@sentry-internal/replay-canvas": 10.38.0
-    "@sentry/core": 10.38.0
-  checksum: 83a58f802de60b7e65b818696e71d36832e7a1bf38bf79b59d0fa14b2f22774d4f500c86a6ba7911e5aa5603f5b2039d5c47fbc9778733552019a9e97d25fbac
-  languageName: node
-  linkType: hard
-
-"@sentry/core@npm:10.38.0":
-  version: 10.38.0
-  resolution: "@sentry/core@npm:10.38.0"
-  checksum: 34da7144b72645ec2604670a912f4ad4ac16cbf5334f95316e103d0bce4934acebdb8e48750dbf609c5e8f16c004a1d097127c111cb6d8f612595c4be398ceaa
-  languageName: node
-  linkType: hard
-
-"@sigstore/bundle@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "@sigstore/bundle@npm:4.0.0"
-  dependencies:
-    "@sigstore/protobuf-specs": ^0.5.0
-  checksum: 1a7ca1722c31ba42af0d33a14114224a90e61061eab4248f2ba8241430dc6dfca3b59e1878c7ad3693d6938c87aeedb2dff4819a2261b3d00b751240e2044eb9
-  languageName: node
-  linkType: hard
-
-"@sigstore/core@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "@sigstore/core@npm:3.1.0"
-  checksum: 09e5d9c800821a10a8b0deeadb05376a536b1a0134044d823f5a7184f487c1a2874a6764d7f2e71108cfb2376faa7beb9cb9ba857daf27dc677455302b2738c0
-  languageName: node
-  linkType: hard
-
-"@sigstore/protobuf-specs@npm:^0.5.0":
-  version: 0.5.0
-  resolution: "@sigstore/protobuf-specs@npm:0.5.0"
-  checksum: bfb34ce233f893635d6a757c11bde23cabfa173b5f7c8bc28e02181ca23c4eeb9272b507bdf5543a8254697acc65b9781d714397edeb09c6f3fa781857e9b9d5
-  languageName: node
-  linkType: hard
-
-"@sigstore/sign@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "@sigstore/sign@npm:4.1.0"
-  dependencies:
-    "@sigstore/bundle": ^4.0.0
-    "@sigstore/core": ^3.1.0
-    "@sigstore/protobuf-specs": ^0.5.0
-    make-fetch-happen: ^15.0.3
-    proc-log: ^6.1.0
-    promise-retry: ^2.0.1
-  checksum: 24c3b66a391142ffb65dc5b632c588455b1b9bafb4204cad2bd1e87985a712a5b11115cca6bf5d7de26a55488a8caf97575f9fd33babdb6d470009a0767a9461
-  languageName: node
-  linkType: hard
-
-"@sigstore/tuf@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "@sigstore/tuf@npm:4.0.1"
-  dependencies:
-    "@sigstore/protobuf-specs": ^0.5.0
-    tuf-js: ^4.1.0
-  checksum: 380604538bfdbcfd14ec2495e0c065c93ffa1d5e52d0a314bf2f89d8e5a999f22ce74425acde8195808126c29880a6fcd88837aa5ec485ebfb347dbb5a9d0634
-  languageName: node
-  linkType: hard
-
-"@sigstore/verify@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "@sigstore/verify@npm:3.1.0"
-  dependencies:
-    "@sigstore/bundle": ^4.0.0
-    "@sigstore/core": ^3.1.0
-    "@sigstore/protobuf-specs": ^0.5.0
-  checksum: fdb1e008fe346eeaf31ee58bfb5b7e1db1b292fe14f3eaf001e2d67eb3aa3af1637c2e17d87ceaf62d5fcee599a0ec30198480c91559b694bfe963e81d09879e
-  languageName: node
-  linkType: hard
-
-"@storybook/angular@npm:^10.2.14":
-  version: 10.2.14
-  resolution: "@storybook/angular@npm:10.2.14"
-  dependencies:
-    "@storybook/builder-webpack5": 10.2.14
-    "@storybook/global": ^5.0.0
-    telejson: 8.0.0
-    ts-dedent: ^2.0.0
-    tsconfig-paths-webpack-plugin: ^4.0.1
-    webpack: 5
-  peerDependencies:
-    "@angular-devkit/architect": ">=0.1800.0 < 0.2200.0"
-    "@angular-devkit/build-angular": ">=18.0.0 < 22.0.0"
-    "@angular-devkit/core": ">=18.0.0 < 22.0.0"
-    "@angular/animations": ">=18.0.0 < 22.0.0"
-    "@angular/cli": ">=18.0.0 < 22.0.0"
-    "@angular/common": ">=18.0.0 < 22.0.0"
-    "@angular/compiler": ">=18.0.0 < 22.0.0"
-    "@angular/compiler-cli": ">=18.0.0 < 22.0.0"
-    "@angular/core": ">=18.0.0 < 22.0.0"
-    "@angular/platform-browser": ">=18.0.0 < 22.0.0"
-    "@angular/platform-browser-dynamic": ">=18.0.0 < 22.0.0"
-    rxjs: ^6.5.3 || ^7.4.0
-    storybook: ^10.2.14
-    typescript: ^4.9.0 || ^5.0.0
-    zone.js: ">=0.14.0"
-  peerDependenciesMeta:
-    "@angular/animations":
-      optional: true
-    "@angular/cli":
-      optional: true
-    zone.js:
-      optional: true
-  checksum: d740749ffc773a66bffe8b9da979c621edfc5fbaa909bc2136af87b75df358db0e949ca75cf291daac4bfeae00891b1836c166041112ee3f12e02a65cfb20efb
-  languageName: node
-  linkType: hard
-
-"@storybook/builder-webpack5@npm:10.2.14":
-  version: 10.2.14
-  resolution: "@storybook/builder-webpack5@npm:10.2.14"
-  dependencies:
-    "@storybook/core-webpack": 10.2.14
-    case-sensitive-paths-webpack-plugin: ^2.4.0
-    cjs-module-lexer: ^1.2.3
-    css-loader: ^7.1.2
-    es-module-lexer: ^1.5.0
-    fork-ts-checker-webpack-plugin: ^9.1.0
-    html-webpack-plugin: ^5.5.0
-    magic-string: ^0.30.5
-    style-loader: ^4.0.0
-    terser-webpack-plugin: ^5.3.14
-    ts-dedent: ^2.0.0
-    webpack: 5
-    webpack-dev-middleware: ^6.1.2
-    webpack-hot-middleware: ^2.25.1
-    webpack-virtual-modules: ^0.6.0
-  peerDependencies:
-    storybook: ^10.2.14
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: a8d29b131faaad222db8337abeb6342577fa2cb4bbcd0d793febbd5f394edf699a47fe896cdca7de4fe28ef3410f751f8aed3a5bd93c076caf3e7814aa4e2e12
-  languageName: node
-  linkType: hard
-
-"@storybook/core-webpack@npm:10.2.14":
-  version: 10.2.14
-  resolution: "@storybook/core-webpack@npm:10.2.14"
-  dependencies:
-    ts-dedent: ^2.0.0
-  peerDependencies:
-    storybook: ^10.2.14
-  checksum: d1792befa6049cc217946264104c44304ba8719e6d403f7342b86b81759418f6dafb6dc758b4a463d00c2b0bb99ed31d692d5e26ea10582f3007a29a5fe74a98
-  languageName: node
-  linkType: hard
-
-"@storybook/global@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "@storybook/global@npm:5.0.0"
-  checksum: ede0ad35ec411fe31c61150dbd118fef344d1d0e72bf5d3502368e35cf68126f6b7ae4a0ab5e2ffe2f0baa3b4286f03ad069ba3e098e1725449ef08b7e154ba8
-  languageName: node
-  linkType: hard
-
-"@storybook/icons@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "@storybook/icons@npm:2.0.1"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-  checksum: b7038a96d0fb183b9ad66e88127a44ef5b5b8dcb71130f30a01f26e7368f298d0ade656eb7a429545427e339dd603c6fc74620dcc1fa4d17ee8cea09b26fdd0b
-  languageName: node
-  linkType: hard
-
-"@testing-library/dom@npm:^10.4.0":
-  version: 10.4.1
-  resolution: "@testing-library/dom@npm:10.4.1"
-  dependencies:
-    "@babel/code-frame": ^7.10.4
-    "@babel/runtime": ^7.12.5
-    "@types/aria-query": ^5.0.1
-    aria-query: 5.3.0
-    dom-accessibility-api: ^0.5.9
-    lz-string: ^1.5.0
-    picocolors: 1.1.1
-    pretty-format: ^27.0.2
-  checksum: 3887fe95594b6d9467a804e2cc82e719c57f4d55d7d9459b72a949b3a8189db40375b89034637326d4be559f115abc6b6bcfcc6fec0591c4a4d4cdde96751a6c
-  languageName: node
-  linkType: hard
-
-"@testing-library/jest-dom@npm:^6.6.3":
-  version: 6.9.1
-  resolution: "@testing-library/jest-dom@npm:6.9.1"
-  dependencies:
-    "@adobe/css-tools": ^4.4.0
-    aria-query: ^5.0.0
-    css.escape: ^1.5.1
-    dom-accessibility-api: ^0.6.3
-    picocolors: ^1.1.1
-    redent: ^3.0.0
-  checksum: 5c77126a59a1c0df5935d29569652364c56e5026982f0357f0daaeb21b75fcd9a6aeff8365bdcba719687a4359b3f8bf74bba81ccbae7635cf18ad9789e1e323
-  languageName: node
-  linkType: hard
-
-"@testing-library/user-event@npm:^14.6.1":
-  version: 14.6.1
-  resolution: "@testing-library/user-event@npm:14.6.1"
-  peerDependencies:
-    "@testing-library/dom": ">=7.21.4"
-  checksum: 4cb8a81fea1fea83a42619e9545137b51636bb7a3182c596bb468e5664f1e4699a275c2d0fb8b6dcc3fe2684f9d87b0637ab7cb4f566051539146872c9141fcb
-  languageName: node
-  linkType: hard
-
-"@tootallnate/quickjs-emscripten@npm:^0.23.0":
-  version: 0.23.0
-  resolution: "@tootallnate/quickjs-emscripten@npm:0.23.0"
-  checksum: c350a2947ffb80b22e14ff35099fd582d1340d65723384a0fd0515e905e2534459ad2f301a43279a37308a27c99273c932e64649abd57d0bb3ca8c557150eccc
-  languageName: node
-  linkType: hard
-
-"@tsconfig/node10@npm:^1.0.7":
-  version: 1.0.12
-  resolution: "@tsconfig/node10@npm:1.0.12"
-  checksum: 27e2f989dbb20f773aa121b609a5361a473b7047ff286fce7c851e61f5eec0c74f0bdb38d5bd69c8a06f17e60e9530188f2219b1cbeabeac91f0a5fd348eac2a
-  languageName: node
-  linkType: hard
-
-"@tsconfig/node12@npm:^1.0.7":
-  version: 1.0.11
-  resolution: "@tsconfig/node12@npm:1.0.11"
-  checksum: 5ce29a41b13e7897a58b8e2df11269c5395999e588b9a467386f99d1d26f6c77d1af2719e407621412520ea30517d718d5192a32403b8dfcc163bf33e40a338a
-  languageName: node
-  linkType: hard
-
-"@tsconfig/node14@npm:^1.0.0":
-  version: 1.0.3
-  resolution: "@tsconfig/node14@npm:1.0.3"
-  checksum: 19275fe80c4c8d0ad0abed6a96dbf00642e88b220b090418609c4376e1cef81bf16237bf170ad1b341452feddb8115d8dd2e5acdfdea1b27422071163dc9ba9d
-  languageName: node
-  linkType: hard
-
-"@tsconfig/node16@npm:^1.0.2":
-  version: 1.0.4
-  resolution: "@tsconfig/node16@npm:1.0.4"
-  checksum: 202319785901f942a6e1e476b872d421baec20cf09f4b266a1854060efbf78cde16a4d256e8bc949d31e6cd9a90f1e8ef8fb06af96a65e98338a2b6b0de0a0ff
-  languageName: node
-  linkType: hard
-
-"@tufjs/canonical-json@npm:2.0.0":
-  version: 2.0.0
-  resolution: "@tufjs/canonical-json@npm:2.0.0"
-  checksum: cc719a1d0d0ae1aa1ba551a82c87dcbefac088e433c03a3d8a1d547ea721350e47dab4ab5b0fca40d5c7ab1f4882e72edc39c9eae15bf47c45c43bcb6ee39f4f
-  languageName: node
-  linkType: hard
-
-"@tufjs/models@npm:4.1.0":
-  version: 4.1.0
-  resolution: "@tufjs/models@npm:4.1.0"
-  dependencies:
-    "@tufjs/canonical-json": 2.0.0
-    minimatch: ^10.1.1
-  checksum: 7707ffd1a51e0f9c9d67dcda3f74e23bcbe46edcb22a95983f8fccd59385d8115b0c375280521c05dff633a1e9bfac2d425a2a582a5d2c1b0c91f2a03aa7798d
-  languageName: node
-  linkType: hard
-
-"@tybys/wasm-util@npm:^0.10.1":
-  version: 0.10.1
-  resolution: "@tybys/wasm-util@npm:0.10.1"
-  dependencies:
-    tslib: ^2.4.0
-  checksum: b8b281ffa9cd01cb6d45a4dddca2e28fd0cb6ad67cf091ba4a73ac87c0d6bd6ce188c332c489e87c20b0750b0b6fe3b99e30e1cd2227ec16da692f51c778944e
-  languageName: node
-  linkType: hard
-
-"@types/aria-query@npm:^5.0.1":
-  version: 5.0.4
-  resolution: "@types/aria-query@npm:5.0.4"
-  checksum: ad8b87e4ad64255db5f0a73bc2b4da9b146c38a3a8ab4d9306154334e0fc67ae64e76bfa298eebd1e71830591fb15987e5de7111bdb36a2221bdc379e3415fb0
-  languageName: node
-  linkType: hard
-
-"@types/body-parser@npm:*":
-  version: 1.19.6
-  resolution: "@types/body-parser@npm:1.19.6"
-  dependencies:
-    "@types/connect": "*"
-    "@types/node": "*"
-  checksum: 33041e88eae00af2cfa0827e951e5f1751eafab2a8b6fce06cd89ef368a988907996436b1325180edaeddd1c0c7d0d0d4c20a6c9ff294a91e0039a9db9e9b658
-  languageName: node
-  linkType: hard
-
-"@types/bonjour@npm:^3.5.13":
-  version: 3.5.13
-  resolution: "@types/bonjour@npm:3.5.13"
-  dependencies:
-    "@types/node": "*"
-  checksum: e827570e097bd7d625a673c9c208af2d1a22fa3885c0a1646533cf24394c839c3e5f60ac1bc60c0ddcc69c0615078c9fb2c01b42596c7c582d895d974f2409ee
-  languageName: node
-  linkType: hard
-
-"@types/chai@npm:^5.2.2":
-  version: 5.2.3
-  resolution: "@types/chai@npm:5.2.3"
-  dependencies:
-    "@types/deep-eql": "*"
-    assertion-error: ^2.0.1
-  checksum: eb4c2da9ec38b474a983f39bfb5ec4fbcceb5e5d76d184094d2cbc4c41357973eb5769c8972cedac665a233251b0ed754f1e338fcf408d381968af85cdecc596
-  languageName: node
-  linkType: hard
-
-"@types/connect-history-api-fallback@npm:^1.5.4":
-  version: 1.5.4
-  resolution: "@types/connect-history-api-fallback@npm:1.5.4"
-  dependencies:
-    "@types/express-serve-static-core": "*"
-    "@types/node": "*"
-  checksum: e1dee43b8570ffac02d2d47a2b4ba80d3ca0dd1840632dafb221da199e59dbe3778d3d7303c9e23c6b401f37c076935a5bc2aeae1c4e5feaefe1c371fe2073fd
-  languageName: node
-  linkType: hard
-
-"@types/connect@npm:*":
-  version: 3.4.38
-  resolution: "@types/connect@npm:3.4.38"
-  dependencies:
-    "@types/node": "*"
-  checksum: 7eb1bc5342a9604facd57598a6c62621e244822442976c443efb84ff745246b10d06e8b309b6e80130026a396f19bf6793b7cecd7380169f369dac3bfc46fb99
-  languageName: node
-  linkType: hard
-
-"@types/css-font-loading-module@npm:0.0.7":
-  version: 0.0.7
-  resolution: "@types/css-font-loading-module@npm:0.0.7"
-  checksum: a074d3b824b2232160f2353daf1cc62937e4a24154d13607f14f93feaaac6abcf069c8ae02c1396840950fa02c1b3f19ce0f119321f9735905bfb3cd4b9b2021
-  languageName: node
-  linkType: hard
-
-"@types/d3-array@npm:*":
-  version: 3.2.2
-  resolution: "@types/d3-array@npm:3.2.2"
-  checksum: 72e8e2abe0911cb431d6f3fe0a1f71b915356b679d4d9c826f52941bb30210c0fe8299dde066b08d9986754c620f031b13b13ab6dfc60d404eceab66a075dd5d
-  languageName: node
-  linkType: hard
-
-"@types/d3-axis@npm:*":
-  version: 3.0.6
-  resolution: "@types/d3-axis@npm:3.0.6"
-  dependencies:
-    "@types/d3-selection": "*"
-  checksum: ea1065d9e6d134c04427763603cbe9d549b8b5785b8ae0d002b5b14a362619d5b8f5ee3c2fda8b36b7e5a413cbcd387e1a2d89898b919a9f0cc91ad4e67b5ab5
-  languageName: node
-  linkType: hard
-
-"@types/d3-brush@npm:*":
-  version: 3.0.6
-  resolution: "@types/d3-brush@npm:3.0.6"
-  dependencies:
-    "@types/d3-selection": "*"
-  checksum: e5166bc53e5c914b1fed0a6ce55ca14d76ae11c5afd16b724b8ae47989e977c4af02bb07496d1ccd0a77f4ccd9a2ca7345e1d289bcfce16490fe4b39a9e0d170
-  languageName: node
-  linkType: hard
-
-"@types/d3-chord@npm:*":
-  version: 3.0.6
-  resolution: "@types/d3-chord@npm:3.0.6"
-  checksum: b511cf372ed8a0086d37a715c0d4aca811b614454e1f7c1561fbcd46863beaccdb115d274a7a992a30a8218393fbc3e1fdd7ca6e9d572e729a4570002c327083
-  languageName: node
-  linkType: hard
-
-"@types/d3-color@npm:*":
-  version: 3.1.3
-  resolution: "@types/d3-color@npm:3.1.3"
-  checksum: 8a0e79a709929502ec4effcee2c786465b9aec51b653ba0b5d05dbfec3e84f418270dd603002d94021885061ff592f614979193bd7a02ad76317f5608560e357
-  languageName: node
-  linkType: hard
-
-"@types/d3-contour@npm:*":
-  version: 3.0.6
-  resolution: "@types/d3-contour@npm:3.0.6"
-  dependencies:
-    "@types/d3-array": "*"
-    "@types/geojson": "*"
-  checksum: 83c13eb0567e95d6675d6d81cbeab38d0899c5af70a7c69354e23e0860ddb2f3e911d2cacd33a8baa60ce7846b38785a337b2d7c8d2763a1340bfb999b4bd2ab
-  languageName: node
-  linkType: hard
-
-"@types/d3-delaunay@npm:*":
-  version: 6.0.4
-  resolution: "@types/d3-delaunay@npm:6.0.4"
-  checksum: 502fe0eb91f7d05b0f57904d68028c24348a54b1e5458009caf662de995d0e59bd82cd701b4af0087d614ee9e456d415fe32d63c25272ca753bf12b3f27b2d77
-  languageName: node
-  linkType: hard
-
-"@types/d3-dispatch@npm:*":
-  version: 3.0.7
-  resolution: "@types/d3-dispatch@npm:3.0.7"
-  checksum: ce7ab5a7d5c64aacf563797c0c61f3862b9ff687cb35470fe462219f09e402185646f51707339beede616586d92ded6974c3958dbeb15e35a85b1ecfafdf13a8
-  languageName: node
-  linkType: hard
-
-"@types/d3-drag@npm:*":
-  version: 3.0.7
-  resolution: "@types/d3-drag@npm:3.0.7"
-  dependencies:
-    "@types/d3-selection": "*"
-  checksum: 1107cb1667ead79073741c06ea4a9e8e4551698f6c9c60821e327a6aa30ca2ba0b31a6fe767af85a2e38a22d2305f6c45b714df15c2bba68adf58978223a5fc5
-  languageName: node
-  linkType: hard
-
-"@types/d3-dsv@npm:*":
-  version: 3.0.7
-  resolution: "@types/d3-dsv@npm:3.0.7"
-  checksum: 5025e01459827d09d14e0d00281995a04042ce9e3e76444c5a65466c1d29649d82cbfaa9251e33837bf576f5c587525d8d8ff5aacc6bd3b831824d54449261b9
-  languageName: node
-  linkType: hard
-
-"@types/d3-ease@npm:*":
-  version: 3.0.2
-  resolution: "@types/d3-ease@npm:3.0.2"
-  checksum: 0885219966294bfc99548f37297e1c75e75da812a5f3ec941977ebb57dcab0a25acec5b2bbd82d09a49d387daafca08521ca269b7e4c27ddca7768189e987b54
-  languageName: node
-  linkType: hard
-
-"@types/d3-fetch@npm:*":
-  version: 3.0.7
-  resolution: "@types/d3-fetch@npm:3.0.7"
-  dependencies:
-    "@types/d3-dsv": "*"
-  checksum: e60cf60b25cbc49b2066ac2a3638f610c7379000562b0f499dd90fd57a8cb9740c24667a70496c2a66456d42867afeffb1722a75b26d95e7d7ee8667d96b0b36
-  languageName: node
-  linkType: hard
-
-"@types/d3-force@npm:*":
-  version: 3.0.10
-  resolution: "@types/d3-force@npm:3.0.10"
-  checksum: 0faf1321ddd85f7bf25769ee97513b380a897791ad1cd6c4282f09e0108e566132fad80f4c73cdb592a352139b22388d3c77458298a00f92ef72e27019fb33c7
-  languageName: node
-  linkType: hard
-
-"@types/d3-format@npm:*":
-  version: 3.0.4
-  resolution: "@types/d3-format@npm:3.0.4"
-  checksum: e69421cd93861a0c080084b0b23d4a5d6a427497559e46898189002fb756dae2c7c858b465308f6bcede7272b90e39ce8adab810bded2309035a5d9556c59134
-  languageName: node
-  linkType: hard
-
-"@types/d3-geo@npm:*":
-  version: 3.1.0
-  resolution: "@types/d3-geo@npm:3.1.0"
-  dependencies:
-    "@types/geojson": "*"
-  checksum: a4b2daa8a64012912ce7186891e8554af123925dca344c111b771e168a37477e02d504c6c94ee698440380e8c4f3f373d6755be97935da30eae0904f6745ce40
-  languageName: node
-  linkType: hard
-
-"@types/d3-hierarchy@npm:*":
-  version: 3.1.7
-  resolution: "@types/d3-hierarchy@npm:3.1.7"
-  checksum: 69746b3a65e0fe0ceb3ffcb1a8840a61e271eadb32eccb5034f0fce036d24801aef924ee45b99246580c9f7c81839ab0555f776a11773d82e860d522a2ff1c0e
-  languageName: node
-  linkType: hard
-
-"@types/d3-interpolate@npm:*":
-  version: 3.0.4
-  resolution: "@types/d3-interpolate@npm:3.0.4"
-  dependencies:
-    "@types/d3-color": "*"
-  checksum: efd2770e174e84fc7316fdafe03cf3688451f767dde1fa6211610137f495be7f3923db7e1723a6961a0e0e9ae0ed969f4f47c038189fa0beb1d556b447922622
-  languageName: node
-  linkType: hard
-
-"@types/d3-path@npm:*":
-  version: 3.1.1
-  resolution: "@types/d3-path@npm:3.1.1"
-  checksum: fee8f6b0d3b28a3611c7d7fda3bf2f79392ded266f54b03a220f205c42117644bdcd33dcbf4853da3cca02229f1c669d2a60d5d297a24ce459ba8271ccb26c03
-  languageName: node
-  linkType: hard
-
-"@types/d3-polygon@npm:*":
-  version: 3.0.2
-  resolution: "@types/d3-polygon@npm:3.0.2"
-  checksum: 7cf1eadb54f02dd3617512b558f4c0f3811f8a6a8c887d9886981c3cc251db28b68329b2b0707d9f517231a72060adbb08855227f89bef6ef30caedc0a67cab2
-  languageName: node
-  linkType: hard
-
-"@types/d3-quadtree@npm:*":
-  version: 3.0.6
-  resolution: "@types/d3-quadtree@npm:3.0.6"
-  checksum: 631fb1a50dbe4fb0c97574891b180ec3d6a0f524bbd8aee8dfd44eda405e7ed1ca2b03d5568a35f697d09e5e4b598117e149236874b0c8764979a3d6242bb0bc
-  languageName: node
-  linkType: hard
-
-"@types/d3-random@npm:*":
-  version: 3.0.3
-  resolution: "@types/d3-random@npm:3.0.3"
-  checksum: 33285b57768a724d2466ac1deec002432805c9df3e475ffb7f7fec66681cfe3e18d2f68b7f8ba45f400b274907bbebfe8adff14c9a97ef1987e476135e784925
-  languageName: node
-  linkType: hard
-
-"@types/d3-scale-chromatic@npm:*":
-  version: 3.1.0
-  resolution: "@types/d3-scale-chromatic@npm:3.1.0"
-  checksum: cb7b86deac077c7c217a52a3f658cdfb812cff8708404fbfe54918c03ead545e1df87df377e9c4eab21c9d6c1aeee6471320e02a5b6b27e2e3f786a12a82ab02
-  languageName: node
-  linkType: hard
-
-"@types/d3-scale@npm:*":
-  version: 4.0.9
-  resolution: "@types/d3-scale@npm:4.0.9"
-  dependencies:
-    "@types/d3-time": "*"
-  checksum: c44265a38e538983686b1b8d159abfb4e81c09b33316f3a68f0f372d38400fa950ad531644d25230cc7b48ea5adb50270fc54823f088979ade62dcd0225f7aa3
-  languageName: node
-  linkType: hard
-
-"@types/d3-selection@npm:*":
-  version: 3.0.11
-  resolution: "@types/d3-selection@npm:3.0.11"
-  checksum: 4b76630f76dffdafc73cdc786d73e7b4c96f40546483074b3da0e7fe83fd7f5ed9bc6c50f79bcef83595f943dcc9ed6986953350f39371047af644cc39c41b43
-  languageName: node
-  linkType: hard
-
-"@types/d3-shape@npm:*":
-  version: 3.1.8
-  resolution: "@types/d3-shape@npm:3.1.8"
-  dependencies:
-    "@types/d3-path": "*"
-  checksum: 659d51882dccc85d24817bdbcd50589212d12e24eb2aad19bae073665ed25443026e120966faa8523f0412f8a30f7c16002499cea3eb87d25b3011e0ee42e6a2
-  languageName: node
-  linkType: hard
-
-"@types/d3-time-format@npm:*":
-  version: 4.0.3
-  resolution: "@types/d3-time-format@npm:4.0.3"
-  checksum: e981fc9780697a9d8c5d1ddf1167d9c6bc28e4e610afddff1384fe55e6eb52cb65309b2a0a1d4cf817413b0a80b9f1a652fe0b2cb8054ace4eafff80a6093aa5
-  languageName: node
-  linkType: hard
-
-"@types/d3-time@npm:*":
-  version: 3.0.4
-  resolution: "@types/d3-time@npm:3.0.4"
-  checksum: 0c296884571ce70c4bbd4ea9cd1c93c0c8aee602c6c806b056187dd4ee49daf70c2f41da94b25ba0d796edf8ca83cbb87fe6d1cdda7ca669ab800170ece1c12b
-  languageName: node
-  linkType: hard
-
-"@types/d3-timer@npm:*":
-  version: 3.0.2
-  resolution: "@types/d3-timer@npm:3.0.2"
-  checksum: 1643eebfa5f4ae3eb00b556bbc509444d88078208ec2589ddd8e4a24f230dd4cf2301e9365947e70b1bee33f63aaefab84cd907822aae812b9bc4871b98ab0e1
-  languageName: node
-  linkType: hard
-
-"@types/d3-transition@npm:*":
-  version: 3.0.9
-  resolution: "@types/d3-transition@npm:3.0.9"
-  dependencies:
-    "@types/d3-selection": "*"
-  checksum: c8608b1ac7cf09acfe387f3d41074631adcdfd7f2c8ca2efb378309adf0e9fc8469dbcf0d7a8c40fd1f03f2d2bf05fcda0cde7aa356ae8533a141dcab4dff221
-  languageName: node
-  linkType: hard
-
-"@types/d3-zoom@npm:*":
-  version: 3.0.8
-  resolution: "@types/d3-zoom@npm:3.0.8"
-  dependencies:
-    "@types/d3-interpolate": "*"
-    "@types/d3-selection": "*"
-  checksum: a1685728949ed39faf8ce162cc13338639c57bc2fd4d55fc7902b2632cad2bc2a808941263e57ce6685647e8a6a0a556e173386a52d6bb74c9ed6195b68be3de
-  languageName: node
-  linkType: hard
-
-"@types/d3@npm:^7.4.3":
-  version: 7.4.3
-  resolution: "@types/d3@npm:7.4.3"
-  dependencies:
-    "@types/d3-array": "*"
-    "@types/d3-axis": "*"
-    "@types/d3-brush": "*"
-    "@types/d3-chord": "*"
-    "@types/d3-color": "*"
-    "@types/d3-contour": "*"
-    "@types/d3-delaunay": "*"
-    "@types/d3-dispatch": "*"
-    "@types/d3-drag": "*"
-    "@types/d3-dsv": "*"
-    "@types/d3-ease": "*"
-    "@types/d3-fetch": "*"
-    "@types/d3-force": "*"
-    "@types/d3-format": "*"
-    "@types/d3-geo": "*"
-    "@types/d3-hierarchy": "*"
-    "@types/d3-interpolate": "*"
-    "@types/d3-path": "*"
-    "@types/d3-polygon": "*"
-    "@types/d3-quadtree": "*"
-    "@types/d3-random": "*"
-    "@types/d3-scale": "*"
-    "@types/d3-scale-chromatic": "*"
-    "@types/d3-selection": "*"
-    "@types/d3-shape": "*"
-    "@types/d3-time": "*"
-    "@types/d3-time-format": "*"
-    "@types/d3-timer": "*"
-    "@types/d3-transition": "*"
-    "@types/d3-zoom": "*"
-  checksum: 12234aa093c8661546168becdd8956e892b276f525d96f65a7b32fed886fc6a569fe5a1171bff26fef2a5663960635f460c9504a6f2d242ba281a2b6c8c6465c
-  languageName: node
-  linkType: hard
-
-"@types/deep-eql@npm:*":
-  version: 4.0.2
-  resolution: "@types/deep-eql@npm:4.0.2"
-  checksum: 249a27b0bb22f6aa28461db56afa21ec044fa0e303221a62dff81831b20c8530502175f1a49060f7099e7be06181078548ac47c668de79ff9880241968d43d0c
-  languageName: node
-  linkType: hard
-
-"@types/eslint-scope@npm:^3.7.7":
-  version: 3.7.7
-  resolution: "@types/eslint-scope@npm:3.7.7"
-  dependencies:
-    "@types/eslint": "*"
-    "@types/estree": "*"
-  checksum: e2889a124aaab0b89af1bab5959847c5bec09809209255de0e63b9f54c629a94781daa04adb66bffcdd742f5e25a17614fb933965093c0eea64aacda4309380e
-  languageName: node
-  linkType: hard
-
-"@types/eslint@npm:*":
-  version: 9.6.1
-  resolution: "@types/eslint@npm:9.6.1"
-  dependencies:
-    "@types/estree": "*"
-    "@types/json-schema": "*"
-  checksum: c286e79707ab604b577cf8ce51d9bbb9780e3d6a68b38a83febe13fa05b8012c92de17c28532fac2b03d3c460123f5055d603a579685325246ca1c86828223e0
-  languageName: node
-  linkType: hard
-
-"@types/estree@npm:*, @types/estree@npm:1.0.8, @types/estree@npm:^1.0.0, @types/estree@npm:^1.0.8":
-  version: 1.0.8
-  resolution: "@types/estree@npm:1.0.8"
-  checksum: bd93e2e415b6f182ec4da1074e1f36c480f1d26add3e696d54fb30c09bc470897e41361c8fd957bf0985024f8fbf1e6e2aff977d79352ef7eb93a5c6dcff6c11
-  languageName: node
-  linkType: hard
-
-"@types/express-serve-static-core@npm:*, @types/express-serve-static-core@npm:^5.0.0":
-  version: 5.1.1
-  resolution: "@types/express-serve-static-core@npm:5.1.1"
-  dependencies:
-    "@types/node": "*"
-    "@types/qs": "*"
-    "@types/range-parser": "*"
-    "@types/send": "*"
-  checksum: 6720802b89e7e0542c678f5176f05e0a0109ae79a7aeeb46fc5d15d733416662e0d67ed417df615f684c8006dba20f051d1cfeb4d1d2d8a78e3624a15c6df9a3
-  languageName: node
-  linkType: hard
-
-"@types/express-serve-static-core@npm:^4.17.21, @types/express-serve-static-core@npm:^4.17.33":
-  version: 4.19.8
-  resolution: "@types/express-serve-static-core@npm:4.19.8"
-  dependencies:
-    "@types/node": "*"
-    "@types/qs": "*"
-    "@types/range-parser": "*"
-    "@types/send": "*"
-  checksum: 7bb52381a302de5af5af0f1cc8aa8144cdd4c244a7bbd8f989fb06b6a21368481ad52ddcb989e17f818f1cb4ec65c296e2e851b07335bea5ad2124eff80812d7
-  languageName: node
-  linkType: hard
-
-"@types/express@npm:*":
-  version: 5.0.6
-  resolution: "@types/express@npm:5.0.6"
-  dependencies:
-    "@types/body-parser": "*"
-    "@types/express-serve-static-core": ^5.0.0
-    "@types/serve-static": ^2
-  checksum: da2cc3de1b1a4d7f20ed3fb6f0a8ee08e99feb3c2eb5a8d643db77017d8d0e70fee9e95da38a73f51bcdf5eda3bb6435073c0271dc04fb16fda92e55daf911fa
-  languageName: node
-  linkType: hard
-
-"@types/express@npm:^4.17.21":
-  version: 4.17.25
-  resolution: "@types/express@npm:4.17.25"
-  dependencies:
-    "@types/body-parser": "*"
-    "@types/express-serve-static-core": ^4.17.33
-    "@types/qs": "*"
-    "@types/serve-static": ^1
-  checksum: 285d16008489d37b2be03e2e050bcf201d5d6ed9278ca13619d9029efd2055b192b2445f769116f716cfcf53d9d799a03f4e76199af9cea0ea3dee3d88595931
-  languageName: node
-  linkType: hard
-
-"@types/geojson@npm:*":
-  version: 7946.0.16
-  resolution: "@types/geojson@npm:7946.0.16"
-  checksum: d66e5e023f43b3e7121448117af1930af7d06410a32a585a8bc9c6bb5d97e0d656cd93d99e31fa432976c32e98d4b780f82bf1fd1acd20ccf952eb6b8e39edf2
-  languageName: node
-  linkType: hard
-
-"@types/google-one-tap@npm:^1.2.6":
-  version: 1.2.7
-  resolution: "@types/google-one-tap@npm:1.2.7"
-  checksum: 0025e6c49ec8392d7f3af4874bda99e1ec14e73cf698393fba62c1f4286cbd95d7987bf008dc631ca3b768bc26459531b5675ddc1af78075dc471637169e0a5b
-  languageName: node
-  linkType: hard
-
-"@types/html-minifier-terser@npm:^6.0.0":
-  version: 6.1.0
-  resolution: "@types/html-minifier-terser@npm:6.1.0"
-  checksum: eb843f6a8d662d44fb18ec61041117734c6aae77aa38df1be3b4712e8e50ffaa35f1e1c92fdd0fde14a5675fecf457abcd0d15a01fae7506c91926176967f452
-  languageName: node
-  linkType: hard
-
-"@types/http-errors@npm:*":
-  version: 2.0.5
-  resolution: "@types/http-errors@npm:2.0.5"
-  checksum: a88da669366bc483e8f3b3eb3d34ada5f8d13eeeef851b1204d77e2ba6fc42aba4566d877cca5c095204a3f4349b87fe397e3e21288837bdd945dd514120755b
-  languageName: node
-  linkType: hard
-
-"@types/http-proxy@npm:^1.17.15, @types/http-proxy@npm:^1.17.8":
-  version: 1.17.17
-  resolution: "@types/http-proxy@npm:1.17.17"
-  dependencies:
-    "@types/node": "*"
-  checksum: 7231460dc06c109447b21c125a60662872b9c2e902efd12c47902b8ad75caded19678fa3115f6b9ce06b94d2f46d697be572e848c52da558f4f1ee88ff18a2e0
-  languageName: node
-  linkType: hard
-
-"@types/json-schema@npm:*, @types/json-schema@npm:^7.0.15, @types/json-schema@npm:^7.0.8, @types/json-schema@npm:^7.0.9":
-  version: 7.0.15
-  resolution: "@types/json-schema@npm:7.0.15"
-  checksum: 97ed0cb44d4070aecea772b7b2e2ed971e10c81ec87dd4ecc160322ffa55ff330dace1793489540e3e318d90942064bb697cc0f8989391797792d919737b3b98
-  languageName: node
-  linkType: hard
-
-"@types/lodash@npm:^4.17.13":
-  version: 4.17.23
-  resolution: "@types/lodash@npm:4.17.23"
-  checksum: 38638641526759688656b9930c0a2714536bdc2b84d5a2d4dc4b7825ba39a74ceedcc9971a9c7511189dad987426135b647616e4f49f2d67893617bdb7c85f84
-  languageName: node
-  linkType: hard
-
-"@types/mime@npm:^1":
-  version: 1.3.5
-  resolution: "@types/mime@npm:1.3.5"
-  checksum: e29a5f9c4776f5229d84e525b7cd7dd960b51c30a0fb9a028c0821790b82fca9f672dab56561e2acd9e8eed51d431bde52eafdfef30f643586c4162f1aecfc78
-  languageName: node
-  linkType: hard
-
-"@types/node-forge@npm:^1.3.0":
-  version: 1.3.14
-  resolution: "@types/node-forge@npm:1.3.14"
-  dependencies:
-    "@types/node": "*"
-  checksum: ff621803390e723e56b289a89fca3a06f9f8b438add1b843203a0f64bcbc7ac03d457136b3c15010b5bc89d81f57b35f62964e6e980f6290597bb21b4463c009
-  languageName: node
-  linkType: hard
-
-"@types/node@npm:*, @types/node@npm:>=13.7.0":
-  version: 25.2.0
-  resolution: "@types/node@npm:25.2.0"
-  dependencies:
-    undici-types: ~7.16.0
-  checksum: 83aca6a518cac06e1e34a0735b800f8814c78182d15fb99f2329cc9ef1c7242f478916366752305e9000c8ce869b3bf718e9bc10ff1b7e1c1d595a0cb999570a
-  languageName: node
-  linkType: hard
-
-"@types/node@npm:^22.10.2":
-  version: 22.19.7
-  resolution: "@types/node@npm:22.19.7"
-  dependencies:
-    undici-types: ~6.21.0
-  checksum: 3feba083e0e29d58dfceec726de19cb246616c1af5bed8d779ac2b6ee92662016ad2ead44f04279143b459741300c52883e759d68f42d75e372da247b38eebe9
-  languageName: node
-  linkType: hard
-
-"@types/pegjs@npm:^0.10.0":
-  version: 0.10.6
-  resolution: "@types/pegjs@npm:0.10.6"
-  checksum: be219504714e219b37daee7ef3214b6876d98405cc56b2d084763134032fd46394c5d0e387216ee3e52bd519fe7341e25bdec855f2a911c49a593b21fd8ea4a6
-  languageName: node
-  linkType: hard
-
-"@types/qs@npm:*":
-  version: 6.14.0
-  resolution: "@types/qs@npm:6.14.0"
-  checksum: 1909205514d22b3cbc7c2314e2bd8056d5f05dfb21cf4377f0730ee5e338ea19957c41735d5e4806c746176563f50005bbab602d8358432e25d900bdf4970826
-  languageName: node
-  linkType: hard
-
-"@types/range-parser@npm:*":
-  version: 1.2.7
-  resolution: "@types/range-parser@npm:1.2.7"
-  checksum: 95640233b689dfbd85b8c6ee268812a732cf36d5affead89e806fe30da9a430767af8ef2cd661024fd97e19d61f3dec75af2df5e80ec3bea000019ab7028629a
-  languageName: node
-  linkType: hard
-
-"@types/retry@npm:0.12.2":
-  version: 0.12.2
-  resolution: "@types/retry@npm:0.12.2"
-  checksum: e5675035717b39ce4f42f339657cae9637cf0c0051cf54314a6a2c44d38d91f6544be9ddc0280587789b6afd056be5d99dbe3e9f4df68c286c36321579b1bf4a
-  languageName: node
-  linkType: hard
-
-"@types/send@npm:*":
-  version: 1.2.1
-  resolution: "@types/send@npm:1.2.1"
-  dependencies:
-    "@types/node": "*"
-  checksum: 3b8388edeec77ae62f7bbc384c98ca06140614e4ef34fc04b35824f19937f472f8ff3785e83570e0d40e6d7c934c015d4831c82a74a1ade0d9676720835702c5
-  languageName: node
-  linkType: hard
-
-"@types/send@npm:<1":
-  version: 0.17.6
-  resolution: "@types/send@npm:0.17.6"
-  dependencies:
-    "@types/mime": ^1
-    "@types/node": "*"
-  checksum: 5bd287f1357380963eb4b12daef5c8982f52a3269308ff3414304074d4ad7f05fe466f2cb476f54798096877ad3c5343692978776bd674b25261ecbeab87640f
-  languageName: node
-  linkType: hard
-
-"@types/serve-index@npm:^1.9.4":
-  version: 1.9.4
-  resolution: "@types/serve-index@npm:1.9.4"
-  dependencies:
-    "@types/express": "*"
-  checksum: 72727c88d54da5b13275ebfb75dcdc4aa12417bbe9da1939e017c4c5f0c906fae843aa4e0fbfe360e7ee9df2f3d388c21abfc488f77ce58693fb57809f8ded92
-  languageName: node
-  linkType: hard
-
-"@types/serve-static@npm:^1, @types/serve-static@npm:^1.15.5":
-  version: 1.15.10
-  resolution: "@types/serve-static@npm:1.15.10"
-  dependencies:
-    "@types/http-errors": "*"
-    "@types/node": "*"
-    "@types/send": <1
-  checksum: f216eef2aaf2c8eff09f431c420c5c2989eaf0dfc15d106db9fb64c14577a4059af24fb0ae2eba7984d6360950c8cbc1fb52f65608106477729d251481bc96fe
-  languageName: node
-  linkType: hard
-
-"@types/serve-static@npm:^2":
-  version: 2.2.0
-  resolution: "@types/serve-static@npm:2.2.0"
-  dependencies:
-    "@types/http-errors": "*"
-    "@types/node": "*"
-  checksum: 0ad152ae2851cbe6c9381d0eca5fff8e6ff56afc0e03099efa88712c00318f52d8b01000be391375dcb2dbd912a54dacfc67ff36bae636a61570d74feba559b7
-  languageName: node
-  linkType: hard
-
-"@types/sockjs@npm:^0.3.36":
-  version: 0.3.36
-  resolution: "@types/sockjs@npm:0.3.36"
-  dependencies:
-    "@types/node": "*"
-  checksum: b4b5381122465d80ea8b158537c00bc82317222d3fb31fd7229ff25b31fa89134abfbab969118da55622236bf3d8fee75759f3959908b5688991f492008f29bc
-  languageName: node
-  linkType: hard
-
-"@types/trusted-types@npm:^2.0.7":
-  version: 2.0.7
-  resolution: "@types/trusted-types@npm:2.0.7"
-  checksum: 8e4202766a65877efcf5d5a41b7dd458480b36195e580a3b1085ad21e948bc417d55d6f8af1fd2a7ad008015d4117d5fdfe432731157da3c68678487174e4ba3
-  languageName: node
-  linkType: hard
-
-"@types/ws@npm:^8.5.10":
-  version: 8.18.1
-  resolution: "@types/ws@npm:8.18.1"
-  dependencies:
-    "@types/node": "*"
-  checksum: 0331b14cde388e2805af66cad3e3f51857db8e68ed91e5b99750915e96fe7572e58296dc99999331bbcf08f0ff00a227a0bb214e991f53c2a5aca7b0e71173fa
-  languageName: node
-  linkType: hard
-
-"@types/yauzl@npm:^2.9.1":
-  version: 2.10.3
-  resolution: "@types/yauzl@npm:2.10.3"
-  dependencies:
-    "@types/node": "*"
-  checksum: 5ee966ea7bd6b2802f31ad4281c92c4c0b6dfa593c378a2582c58541fa113bec3d70eb0696b34ad95e8e6861a884cba6c3e351285816693ed176222f840a8c08
-  languageName: node
-  linkType: hard
-
-"@vitejs/plugin-basic-ssl@npm:2.1.0":
-  version: 2.1.0
-  resolution: "@vitejs/plugin-basic-ssl@npm:2.1.0"
-  peerDependencies:
-    vite: ^6.0.0 || ^7.0.0
-  checksum: 3435dd1f80214c61fdaa2e8af7a378583130b79288ab0fc142a5a110c44f9107640e2cea555eaf37d2c780b788493c678a5d63aa3a53399dffa360ea9d899f04
-  languageName: node
-  linkType: hard
-
-"@vitest/browser@npm:^3.1.1":
-  version: 3.2.4
-  resolution: "@vitest/browser@npm:3.2.4"
-  dependencies:
-    "@testing-library/dom": ^10.4.0
-    "@testing-library/user-event": ^14.6.1
-    "@vitest/mocker": 3.2.4
-    "@vitest/utils": 3.2.4
-    magic-string: ^0.30.17
-    sirv: ^3.0.1
-    tinyrainbow: ^2.0.0
-    ws: ^8.18.2
-  peerDependencies:
-    playwright: "*"
-    vitest: 3.2.4
-    webdriverio: ^7.0.0 || ^8.0.0 || ^9.0.0
-  peerDependenciesMeta:
-    playwright:
-      optional: true
-    safaridriver:
-      optional: true
-    webdriverio:
-      optional: true
-  checksum: e81e0e04482ce0a91a6ac3a419ba70d36870dffc9ef6983038941b437ad4bb06cf7917ae913f77da20438456a401a95283ca9db2fe44e222d04a531a8a8afa8d
-  languageName: node
-  linkType: hard
-
-"@vitest/expect@npm:3.2.4":
-  version: 3.2.4
-  resolution: "@vitest/expect@npm:3.2.4"
-  dependencies:
-    "@types/chai": ^5.2.2
-    "@vitest/spy": 3.2.4
-    "@vitest/utils": 3.2.4
-    chai: ^5.2.0
-    tinyrainbow: ^2.0.0
-  checksum: 57627ee2b47555f47a15843fda05267816e9767e5a769179acac224b8682844e662fa77fbeeb04adcb0874779f3aca861f54e9fc630c1d256d5ea8211c223120
-  languageName: node
-  linkType: hard
-
-"@vitest/mocker@npm:3.2.4":
-  version: 3.2.4
-  resolution: "@vitest/mocker@npm:3.2.4"
-  dependencies:
-    "@vitest/spy": 3.2.4
-    estree-walker: ^3.0.3
-    magic-string: ^0.30.17
-  peerDependencies:
-    msw: ^2.4.9
-    vite: ^5.0.0 || ^6.0.0 || ^7.0.0-0
-  peerDependenciesMeta:
-    msw:
-      optional: true
-    vite:
-      optional: true
-  checksum: 2c8ba286fc714036b645a7a72bfbbd6b243baa65320dd71009f5ed1115f70f69c0209e2e213a05202c172e09a408821a33f9df5bc7979900e91cde5d302976e0
-  languageName: node
-  linkType: hard
-
-"@vitest/pretty-format@npm:3.2.4, @vitest/pretty-format@npm:^3.2.4":
-  version: 3.2.4
-  resolution: "@vitest/pretty-format@npm:3.2.4"
-  dependencies:
-    tinyrainbow: ^2.0.0
-  checksum: 68a196e4bdfce6fd03c3958b76cddb71bec65a62ab5aff05ba743a44853b03a95c2809b4e5733d21abff25c4d070dd64f60c81ac973a9fd21a840ff8f8a8d184
-  languageName: node
-  linkType: hard
-
-"@vitest/runner@npm:3.2.4":
-  version: 3.2.4
-  resolution: "@vitest/runner@npm:3.2.4"
-  dependencies:
-    "@vitest/utils": 3.2.4
-    pathe: ^2.0.3
-    strip-literal: ^3.0.0
-  checksum: c8b08365818f408eec2fe3acbffa0cc7279939a43c02074cd03b853fa37bc68aa181c8f8c2175513a4c5aa4dd3e52a0573d5897a16846d55b2ff4f3577e6c7c8
-  languageName: node
-  linkType: hard
-
-"@vitest/snapshot@npm:3.2.4":
-  version: 3.2.4
-  resolution: "@vitest/snapshot@npm:3.2.4"
-  dependencies:
-    "@vitest/pretty-format": 3.2.4
-    magic-string: ^0.30.17
-    pathe: ^2.0.3
-  checksum: 2f00fb83d5c9ed1f2a79323db3993403bd34265314846cb1bcf1cb9b68f56dfde5ee5a4a8dcb6d95317835bc203662e333da6841e50800c6707e0d22e48ebe6e
-  languageName: node
-  linkType: hard
-
-"@vitest/spy@npm:3.2.4":
-  version: 3.2.4
-  resolution: "@vitest/spy@npm:3.2.4"
-  dependencies:
-    tinyspy: ^4.0.3
-  checksum: 0e3b591e0c67275b747c5aa67946d6496cd6759dd9b8e05c524426207ca9631fe2cae8ac85a8ba22acec4a593393cd97d825f88a42597fc65441f0b633986f49
-  languageName: node
-  linkType: hard
-
-"@vitest/utils@npm:3.2.4":
-  version: 3.2.4
-  resolution: "@vitest/utils@npm:3.2.4"
-  dependencies:
-    "@vitest/pretty-format": 3.2.4
-    loupe: ^3.1.4
-    tinyrainbow: ^2.0.0
-  checksum: 6b0fd0075c23b8e3f17ecf315adc1e565e5a9e7d1b8ad78bbccf2505e399855d176254d974587c00bc4396a0e348bae1380e780a1e7f6b97ea6399a9ab665ba7
-  languageName: node
-  linkType: hard
-
-"@webassemblyjs/ast@npm:1.14.1, @webassemblyjs/ast@npm:^1.14.1":
-  version: 1.14.1
-  resolution: "@webassemblyjs/ast@npm:1.14.1"
-  dependencies:
-    "@webassemblyjs/helper-numbers": 1.13.2
-    "@webassemblyjs/helper-wasm-bytecode": 1.13.2
-  checksum: f9154ad9ea14f6f2374ebe918c221fd69a4d4514126a1acc6fa4966e8d27ab28cb550a5e6880032cf620e19640578658a7e5a55bd2aad1e3db4e9d598b8f2099
-  languageName: node
-  linkType: hard
-
-"@webassemblyjs/floating-point-hex-parser@npm:1.13.2":
-  version: 1.13.2
-  resolution: "@webassemblyjs/floating-point-hex-parser@npm:1.13.2"
-  checksum: e866ec8433f4a70baa511df5e8f2ebcd6c24f4e2cc6274c7c5aabe2bcce3459ea4680e0f35d450e1f3602acf3913b6b8e4f15069c8cfd34ae8609fb9a7d01795
-  languageName: node
-  linkType: hard
-
-"@webassemblyjs/helper-api-error@npm:1.13.2":
-  version: 1.13.2
-  resolution: "@webassemblyjs/helper-api-error@npm:1.13.2"
-  checksum: 48b5df7fd3095bb252f59a139fe2cbd999a62ac9b488123e9a0da3906ad8a2f2da7b2eb21d328c01a90da987380928706395c2897d1f3ed9e2125b6d75a920d0
-  languageName: node
-  linkType: hard
-
-"@webassemblyjs/helper-buffer@npm:1.14.1":
-  version: 1.14.1
-  resolution: "@webassemblyjs/helper-buffer@npm:1.14.1"
-  checksum: b611e981dfd6a797c3d8fc3a772de29a6e55033737c2c09c31bb66c613bdbb2d25f915df1dee62a602c6acc057ca71128432fa8c3e22a893e1219dc454f14ede
-  languageName: node
-  linkType: hard
-
-"@webassemblyjs/helper-numbers@npm:1.13.2":
-  version: 1.13.2
-  resolution: "@webassemblyjs/helper-numbers@npm:1.13.2"
-  dependencies:
-    "@webassemblyjs/floating-point-hex-parser": 1.13.2
-    "@webassemblyjs/helper-api-error": 1.13.2
-    "@xtuc/long": 4.2.2
-  checksum: 49e2c9bf9b66997e480f6b44d80f895b3cde4de52ac135921d28e144565edca6903a519f627f4089b5509de1d7f9e5023f0e1a94ff78a36c9e2eb30e7c18ffd2
-  languageName: node
-  linkType: hard
-
-"@webassemblyjs/helper-wasm-bytecode@npm:1.13.2":
-  version: 1.13.2
-  resolution: "@webassemblyjs/helper-wasm-bytecode@npm:1.13.2"
-  checksum: 8e059e1c1f0294f4fc3df8e4eaff3c5ef6e2e1358f34ebc118eaf5070ed59e56ed7fc92b28be734ebde17c8d662d5d27e06ade686c282445135da083ae11c128
-  languageName: node
-  linkType: hard
-
-"@webassemblyjs/helper-wasm-section@npm:1.14.1":
-  version: 1.14.1
-  resolution: "@webassemblyjs/helper-wasm-section@npm:1.14.1"
-  dependencies:
-    "@webassemblyjs/ast": 1.14.1
-    "@webassemblyjs/helper-buffer": 1.14.1
-    "@webassemblyjs/helper-wasm-bytecode": 1.13.2
-    "@webassemblyjs/wasm-gen": 1.14.1
-  checksum: 0a08d454a63192cd66abf91b6f060ac4b466cef341262246e9dcc828dd4c8536195dea9b46a1244b1eac65b59b8b502164a771a190052a92ff0a0a2ded0f8f53
-  languageName: node
-  linkType: hard
-
-"@webassemblyjs/ieee754@npm:1.13.2":
-  version: 1.13.2
-  resolution: "@webassemblyjs/ieee754@npm:1.13.2"
-  dependencies:
-    "@xtuc/ieee754": ^1.2.0
-  checksum: d7e3520baa37a7309fa7db4d73d69fb869878853b1ebd4b168821bd03fcc4c0e1669c06231315b0039035d9a7a462e53de3ad982da4a426a4b0743b5888e8673
-  languageName: node
-  linkType: hard
-
-"@webassemblyjs/leb128@npm:1.13.2":
-  version: 1.13.2
-  resolution: "@webassemblyjs/leb128@npm:1.13.2"
-  dependencies:
-    "@xtuc/long": 4.2.2
-  checksum: 64083507f7cff477a6d71a9e325d95665cea78ec8df99ca7c050e1cfbe300fbcf0842ca3dcf3b4fa55028350135588a4f879398d3dd2b6a8de9913ce7faf5333
-  languageName: node
-  linkType: hard
-
-"@webassemblyjs/utf8@npm:1.13.2":
-  version: 1.13.2
-  resolution: "@webassemblyjs/utf8@npm:1.13.2"
-  checksum: 95ec6052f30eefa8d50c9b2a3394d08b17d53a4aa52821451d41d774c126fa8f39b988fbf5bff56da86852a87c16d676e576775a4071e5e5ccf020cc85a4b281
-  languageName: node
-  linkType: hard
-
-"@webassemblyjs/wasm-edit@npm:^1.14.1":
-  version: 1.14.1
-  resolution: "@webassemblyjs/wasm-edit@npm:1.14.1"
-  dependencies:
-    "@webassemblyjs/ast": 1.14.1
-    "@webassemblyjs/helper-buffer": 1.14.1
-    "@webassemblyjs/helper-wasm-bytecode": 1.13.2
-    "@webassemblyjs/helper-wasm-section": 1.14.1
-    "@webassemblyjs/wasm-gen": 1.14.1
-    "@webassemblyjs/wasm-opt": 1.14.1
-    "@webassemblyjs/wasm-parser": 1.14.1
-    "@webassemblyjs/wast-printer": 1.14.1
-  checksum: 9341c3146bb1b7863f03d6050c2a66990f20384ca137388047bbe1feffacb599e94fca7b7c18287d17e2449ffb4005fdc7f41f674a6975af9ad8522756f8ffff
-  languageName: node
-  linkType: hard
-
-"@webassemblyjs/wasm-gen@npm:1.14.1":
-  version: 1.14.1
-  resolution: "@webassemblyjs/wasm-gen@npm:1.14.1"
-  dependencies:
-    "@webassemblyjs/ast": 1.14.1
-    "@webassemblyjs/helper-wasm-bytecode": 1.13.2
-    "@webassemblyjs/ieee754": 1.13.2
-    "@webassemblyjs/leb128": 1.13.2
-    "@webassemblyjs/utf8": 1.13.2
-  checksum: 401b12bec7431c4fc29d9414bbe40d3c6dc5be04d25a116657c42329f5481f0129f3b5834c293f26f0e42681ceac9157bf078ce9bdb6a7f78037c650373f98b2
-  languageName: node
-  linkType: hard
-
-"@webassemblyjs/wasm-opt@npm:1.14.1":
-  version: 1.14.1
-  resolution: "@webassemblyjs/wasm-opt@npm:1.14.1"
-  dependencies:
-    "@webassemblyjs/ast": 1.14.1
-    "@webassemblyjs/helper-buffer": 1.14.1
-    "@webassemblyjs/wasm-gen": 1.14.1
-    "@webassemblyjs/wasm-parser": 1.14.1
-  checksum: 60c697a9e9129d8d23573856df0791ba33cea4a3bc2339044cae73128c0983802e5e50a42157b990eeafe1237eb8e7653db6de5f02b54a0ae7b81b02dcdf2ae9
-  languageName: node
-  linkType: hard
-
-"@webassemblyjs/wasm-parser@npm:1.14.1, @webassemblyjs/wasm-parser@npm:^1.14.1":
-  version: 1.14.1
-  resolution: "@webassemblyjs/wasm-parser@npm:1.14.1"
-  dependencies:
-    "@webassemblyjs/ast": 1.14.1
-    "@webassemblyjs/helper-api-error": 1.13.2
-    "@webassemblyjs/helper-wasm-bytecode": 1.13.2
-    "@webassemblyjs/ieee754": 1.13.2
-    "@webassemblyjs/leb128": 1.13.2
-    "@webassemblyjs/utf8": 1.13.2
-  checksum: 93f1fe2676da465b4e824419d9812a3d7218de4c3addd4e916c04bc86055fa134416c1b67e4b7cbde8d728c0dce2721d06cc0bfe7a7db7c093a0898009937405
-  languageName: node
-  linkType: hard
-
-"@webassemblyjs/wast-printer@npm:1.14.1":
-  version: 1.14.1
-  resolution: "@webassemblyjs/wast-printer@npm:1.14.1"
-  dependencies:
-    "@webassemblyjs/ast": 1.14.1
-    "@xtuc/long": 4.2.2
-  checksum: 517881a0554debe6945de719d100b2d8883a2d24ddf47552cdeda866341e2bb153cd824a864bc7e2a61190a4b66b18f9899907e0074e9e820d2912ac0789ea60
-  languageName: node
-  linkType: hard
-
-"@xstate/fsm@npm:^1.4.0":
-  version: 1.6.5
-  resolution: "@xstate/fsm@npm:1.6.5"
-  checksum: da24fa4f40479223da34714640cea64ec894bbfeb2281a0a870af68882ae1d6fb6d724d6e5c0d4e6929728c699b92858f7389ef7d6a5d00ac66ba8cde3934eed
-  languageName: node
-  linkType: hard
-
-"@xtuc/ieee754@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "@xtuc/ieee754@npm:1.2.0"
-  checksum: ac56d4ca6e17790f1b1677f978c0c6808b1900a5b138885d3da21732f62e30e8f0d9120fcf8f6edfff5100ca902b46f8dd7c1e3f903728634523981e80e2885a
-  languageName: node
-  linkType: hard
-
-"@xtuc/long@npm:4.2.2":
-  version: 4.2.2
-  resolution: "@xtuc/long@npm:4.2.2"
-  checksum: 8ed0d477ce3bc9c6fe2bf6a6a2cc316bb9c4127c5a7827bae947fa8ec34c7092395c5a283cc300c05b5fa01cbbfa1f938f410a7bf75db7c7846fea41949989ec
-  languageName: node
-  linkType: hard
-
-"@yarnpkg/lockfile@npm:1.1.0":
-  version: 1.1.0
-  resolution: "@yarnpkg/lockfile@npm:1.1.0"
-  checksum: 05b881b4866a3546861fee756e6d3812776ea47fa6eb7098f983d6d0eefa02e12b66c3fff931574120f196286a7ad4879ce02743c8bb2be36c6a576c7852083a
-  languageName: node
-  linkType: hard
-
-"@zxcvbn-ts/core@npm:^3.0.4":
-  version: 3.0.4
-  resolution: "@zxcvbn-ts/core@npm:3.0.4"
-  dependencies:
-    fastest-levenshtein: 1.0.16
-  checksum: b2c4a5d875f8329b4d742ee1a6a81519e786bc2f0a0657b496a44e8ee70333673f33f388e5dd500bb735765e8c7ef46ac41cd95a266a97b50f1f480116b90873
-  languageName: node
-  linkType: hard
-
-"@zxcvbn-ts/language-en@npm:^3.0.2":
-  version: 3.0.2
-  resolution: "@zxcvbn-ts/language-en@npm:3.0.2"
-  checksum: e3abc2e6896fc5af87d563777514036bb59404a74e9ebfb98d33ee6a9ef3c09a0fba1d6fac7621985f5e516527c895387c34a37d591ef18aa89bcad6149b2d1e
-  languageName: node
-  linkType: hard
-
-"abbrev@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "abbrev@npm:4.0.0"
-  checksum: d0344b63d28e763f259b4898c41bdc92c08e9d06d0da5617d0bbe4d78244e46daea88c510a2f9472af59b031d9060ec1a999653144e793fd029a59dae2f56dc8
-  languageName: node
-  linkType: hard
-
-"accepts@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "accepts@npm:2.0.0"
-  dependencies:
-    mime-types: ^3.0.0
-    negotiator: ^1.0.0
-  checksum: 49fe6c050cb6f6ff4e771b4d88324fca4d3127865f2473872e818dca127d809ba3aa8fdfc7acb51dd3c5bade7311ca6b8cfff7015ea6db2f7eb9c8444d223a4f
-  languageName: node
-  linkType: hard
-
-"accepts@npm:~1.3.8":
-  version: 1.3.8
-  resolution: "accepts@npm:1.3.8"
-  dependencies:
-    mime-types: ~2.1.34
-    negotiator: 0.6.3
-  checksum: 50c43d32e7b50285ebe84b613ee4a3aa426715a7d131b65b786e2ead0fd76b6b60091b9916d3478a75f11f162628a2139991b6c03ab3f1d9ab7c86075dc8eab4
-  languageName: node
-  linkType: hard
-
-"acorn-import-phases@npm:^1.0.3":
-  version: 1.0.4
-  resolution: "acorn-import-phases@npm:1.0.4"
-  peerDependencies:
-    acorn: ^8.14.0
-  checksum: e669cccfb6711af305150fcbfddcf4485fffdc4547a0ecabebe94103b47124cc02bfd186240061c00ac954cfb0461b4ecc3e203e138e43042b7af32063fa9510
-  languageName: node
-  linkType: hard
-
-"acorn-walk@npm:^8.1.1":
-  version: 8.3.4
-  resolution: "acorn-walk@npm:8.3.4"
-  dependencies:
-    acorn: ^8.11.0
-  checksum: 4ff03f42323e7cf90f1683e08606b0f460e1e6ac263d2730e3df91c7665b6f64e696db6ea27ee4bed18c2599569be61f28a8399fa170c611161a348c402ca19c
-  languageName: node
-  linkType: hard
-
-"acorn@npm:^8.11.0, acorn@npm:^8.14.0, acorn@npm:^8.15.0, acorn@npm:^8.4.1":
-  version: 8.15.0
-  resolution: "acorn@npm:8.15.0"
-  bin:
-    acorn: bin/acorn
-  checksum: 309c6b49aedf1a2e34aaf266de06de04aab6eb097c02375c66fdeb0f64556a6a823540409914fb364d9a11bc30d79d485a2eba29af47992d3490e9886c4391c3
-  languageName: node
-  linkType: hard
-
-"adjust-sourcemap-loader@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "adjust-sourcemap-loader@npm:4.0.0"
-  dependencies:
-    loader-utils: ^2.0.0
-    regex-parser: ^2.2.11
-  checksum: d524ae23582f41e2275af5d88faab7a9dc09770ed588244e0a76d3196d0d6a90bf02760c71bc6213dbfef3aef4a86232ac9521bfd629752c32b7af37bc74c660
-  languageName: node
-  linkType: hard
-
-"agent-base@npm:^7.1.0, agent-base@npm:^7.1.2":
-  version: 7.1.4
-  resolution: "agent-base@npm:7.1.4"
-  checksum: 86a7f542af277cfbd77dd61e7df8422f90bac512953709003a1c530171a9d019d072e2400eab2b59f84b49ab9dd237be44315ca663ac73e82b3922d10ea5eafa
-  languageName: node
-  linkType: hard
-
-"ajv-formats@npm:3.0.1, ajv-formats@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "ajv-formats@npm:3.0.1"
-  dependencies:
-    ajv: ^8.0.0
-  peerDependencies:
-    ajv: ^8.0.0
-  peerDependenciesMeta:
-    ajv:
-      optional: true
-  checksum: f4e1fe232d67fcafc02eafe373a7a9962351e0439dd0736647ca75c93c3da23b430b6502c255ab4315410ae330d4f3013ac9fe226c40b2524ca93a58e786d086
-  languageName: node
-  linkType: hard
-
-"ajv-formats@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "ajv-formats@npm:2.1.1"
-  dependencies:
-    ajv: ^8.0.0
-  peerDependencies:
-    ajv: ^8.0.0
-  peerDependenciesMeta:
-    ajv:
-      optional: true
-  checksum: 4a287d937f1ebaad4683249a4c40c0fa3beed30d9ddc0adba04859026a622da0d317851316ea64b3680dc60f5c3c708105ddd5d5db8fe595d9d0207fd19f90b7
-  languageName: node
-  linkType: hard
-
-"ajv-keywords@npm:^3.5.2":
-  version: 3.5.2
-  resolution: "ajv-keywords@npm:3.5.2"
-  peerDependencies:
-    ajv: ^6.9.1
-  checksum: 7dc5e5931677a680589050f79dcbe1fefbb8fea38a955af03724229139175b433c63c68f7ae5f86cf8f65d55eb7c25f75a046723e2e58296707617ca690feae9
-  languageName: node
-  linkType: hard
-
-"ajv-keywords@npm:^5.1.0":
-  version: 5.1.0
-  resolution: "ajv-keywords@npm:5.1.0"
-  dependencies:
-    fast-deep-equal: ^3.1.3
-  peerDependencies:
-    ajv: ^8.8.2
-  checksum: c35193940b853119242c6757787f09ecf89a2c19bcd36d03ed1a615e710d19d450cb448bfda407b939aba54b002368c8bff30529cc50a0536a8e10bcce300421
-  languageName: node
-  linkType: hard
-
-"ajv@npm:8.17.1, ajv@npm:^8.0.0, ajv@npm:^8.17.1, ajv@npm:^8.9.0":
-  version: 8.17.1
-  resolution: "ajv@npm:8.17.1"
-  dependencies:
-    fast-deep-equal: ^3.1.3
-    fast-uri: ^3.0.1
-    json-schema-traverse: ^1.0.0
-    require-from-string: ^2.0.2
-  checksum: 1797bf242cfffbaf3b870d13565bd1716b73f214bb7ada9a497063aada210200da36e3ed40237285f3255acc4feeae91b1fb183625331bad27da95973f7253d9
-  languageName: node
-  linkType: hard
-
-"ajv@npm:^6.12.5":
-  version: 6.14.0
-  resolution: "ajv@npm:6.14.0"
-  dependencies:
-    fast-deep-equal: ^3.1.1
-    fast-json-stable-stringify: ^2.0.0
-    json-schema-traverse: ^0.4.1
-    uri-js: ^4.2.2
-  checksum: 7bb3ea97bb8af52521589079f427e799b6561acaa94f50e13410cb87588c51df8db1afe1157b3e48f1a829269adaa11116e0c2cafe2b998add1523789809a3c5
-  languageName: node
-  linkType: hard
-
-"algoliasearch@npm:5.35.0":
-  version: 5.35.0
-  resolution: "algoliasearch@npm:5.35.0"
-  dependencies:
-    "@algolia/abtesting": 1.1.0
-    "@algolia/client-abtesting": 5.35.0
-    "@algolia/client-analytics": 5.35.0
-    "@algolia/client-common": 5.35.0
-    "@algolia/client-insights": 5.35.0
-    "@algolia/client-personalization": 5.35.0
-    "@algolia/client-query-suggestions": 5.35.0
-    "@algolia/client-search": 5.35.0
-    "@algolia/ingestion": 1.35.0
-    "@algolia/monitoring": 1.35.0
-    "@algolia/recommend": 5.35.0
-    "@algolia/requester-browser-xhr": 5.35.0
-    "@algolia/requester-fetch": 5.35.0
-    "@algolia/requester-node-http": 5.35.0
-  checksum: 13f2fbbefc1aab3eea98104f6063bdd96915b931b13d8e51ba81722e54ab702138d412abef0c5ae2d62b807d319130a185ed551c54c96ca1be2b1e40d9170431
-  languageName: node
-  linkType: hard
-
-"amplitude-js@npm:^8.21.9":
-  version: 8.21.9
-  resolution: "amplitude-js@npm:8.21.9"
-  dependencies:
-    "@amplitude/analytics-connector": ^1.4.6
-    "@amplitude/ua-parser-js": 0.7.33
-    "@amplitude/utils": ^1.10.2
-    "@babel/runtime": ^7.21.0
-    blueimp-md5: ^2.19.0
-    query-string: 8.1.0
-  checksum: 01409772abf904fecac26e81c453c884a8d3f1dd6b8a01a75288c8f1c8dccb022fdf2257fa66641d480241c3f4c0adbc643c9cfa89673642d9587180bb679c48
-  languageName: node
-  linkType: hard
-
-"angular-gridster2@npm:^20.0.0":
-  version: 20.2.4
-  resolution: "angular-gridster2@npm:20.2.4"
-  dependencies:
-    tslib: ^2.4.0
-  peerDependencies:
-    "@angular/common": ^20.0.0
-    "@angular/core": ^20.0.0
-    rxjs: ^7.0.0
-  checksum: 2c62a5c9ff1cbf7930f4a886fc0eb769f2f6fc5e41dd75778e7a6873c4510c4e0ec1c562b00da9c3dccd37291c3c0b2e21aab2c1901c04514c68b25cf0ad4fb9
-  languageName: node
-  linkType: hard
-
-"angular-password-strength-meter@npm:@eresearchqut/angular-password-strength-meter@^13.0.7":
-  version: 13.0.7
-  resolution: "@eresearchqut/angular-password-strength-meter@npm:13.0.7"
-  dependencies:
-    tslib: ^2.8.1
-  peerDependencies:
-    "@angular/common": ^19.2.3
-    "@angular/core": ^19.2.3
-    "@zxcvbn-ts/core": ^3.0.0
-    "@zxcvbn-ts/language-en": ^3.0.0
-  checksum: fbc03e520e048e955d8763b6eb75b56db02b3b29b09878c1b4e8da008d33327064801d4117cd7d45347e09d85f37f1a66abb423adc5253064c23ea91ce287cf3
-  languageName: node
-  linkType: hard
-
-"angulartics2@npm:^14.1.0":
-  version: 14.1.0
-  resolution: "angulartics2@npm:14.1.0"
-  dependencies:
-    tslib: ^2.3.0
-  peerDependencies:
-    "@angular/common": ">=15.0.0-0"
-    "@angular/core": ">=15.0.0-0"
-    rxjs: ^7.4.0
-  checksum: 66f3cd3fa0aa2d73977b84d5cd9e98d713a2563030bb56e93372a9598c7c5298cf6f081d26a5756e142ba67dac78f56e5447b17593be46b2f77e9a0d2dbf7436
-  languageName: node
-  linkType: hard
-
-"ansi-colors@npm:4.1.3":
-  version: 4.1.3
-  resolution: "ansi-colors@npm:4.1.3"
-  checksum: a9c2ec842038a1fabc7db9ece7d3177e2fe1c5dc6f0c51ecfbf5f39911427b89c00b5dc6b8bd95f82a26e9b16aaae2e83d45f060e98070ce4d1333038edceb0e
-  languageName: node
-  linkType: hard
-
-"ansi-escapes@npm:^7.0.0":
-  version: 7.2.0
-  resolution: "ansi-escapes@npm:7.2.0"
-  dependencies:
-    environment: ^1.0.0
-  checksum: d490871d4107dc6d4b0f2d0eaddbe3e4681d584c58495f06fe2908f2707bbaaf54825f485c5a6ce14c2d2a731fa382b18d7235a102db69aeff5dd9461397cb44
-  languageName: node
-  linkType: hard
-
-"ansi-html-community@npm:0.0.8, ansi-html-community@npm:^0.0.8":
-  version: 0.0.8
-  resolution: "ansi-html-community@npm:0.0.8"
-  bin:
-    ansi-html: bin/ansi-html
-  checksum: 04c568e8348a636963f915e48eaa3e01218322e1169acafdd79c384f22e5558c003f79bbc480c1563865497482817c7eed025f0653ebc17642fededa5cb42089
-  languageName: node
-  linkType: hard
-
-"ansi-regex@npm:^5.0.1":
-  version: 5.0.1
-  resolution: "ansi-regex@npm:5.0.1"
-  checksum: 2aa4bb54caf2d622f1afdad09441695af2a83aa3fe8b8afa581d205e57ed4261c183c4d3877cee25794443fde5876417d859c108078ab788d6af7e4fe52eb66b
-  languageName: node
-  linkType: hard
-
-"ansi-regex@npm:^6.0.1":
-  version: 6.2.2
-  resolution: "ansi-regex@npm:6.2.2"
-  checksum: 9b17ce2c6daecc75bcd5966b9ad672c23b184dc3ed9bf3c98a0702f0d2f736c15c10d461913568f2cf527a5e64291c7473358885dd493305c84a1cfed66ba94f
-  languageName: node
-  linkType: hard
-
-"ansi-styles@npm:^4.0.0, ansi-styles@npm:^4.1.0":
-  version: 4.3.0
-  resolution: "ansi-styles@npm:4.3.0"
-  dependencies:
-    color-convert: ^2.0.1
-  checksum: 513b44c3b2105dd14cc42a19271e80f386466c4be574bccf60b627432f9198571ebf4ab1e4c3ba17347658f4ee1711c163d574248c0c1cdc2d5917a0ad582ec4
-  languageName: node
-  linkType: hard
-
-"ansi-styles@npm:^5.0.0":
-  version: 5.2.0
-  resolution: "ansi-styles@npm:5.2.0"
-  checksum: d7f4e97ce0623aea6bc0d90dcd28881ee04cba06c570b97fd3391bd7a268eedfd9d5e2dd4fdcbdd82b8105df5faf6f24aaedc08eaf3da898e702db5948f63469
-  languageName: node
-  linkType: hard
-
-"ansi-styles@npm:^6.0.0, ansi-styles@npm:^6.2.1":
-  version: 6.2.3
-  resolution: "ansi-styles@npm:6.2.3"
-  checksum: f1b0829cf048cce870a305819f65ce2adcebc097b6d6479e12e955fd6225df9b9eb8b497083b764df796d94383ff20016cc4dbbae5b40f36138fb65a9d33c2e2
-  languageName: node
-  linkType: hard
-
-"anymatch@npm:~3.1.2":
-  version: 3.1.3
-  resolution: "anymatch@npm:3.1.3"
-  dependencies:
-    normalize-path: ^3.0.0
-    picomatch: ^2.0.4
-  checksum: 3e044fd6d1d26545f235a9fe4d7a534e2029d8e59fa7fd9f2a6eb21230f6b5380ea1eaf55136e60cbf8e613544b3b766e7a6fa2102e2a3a117505466e3025dc2
-  languageName: node
-  linkType: hard
-
-"arg@npm:^4.1.0":
-  version: 4.1.3
-  resolution: "arg@npm:4.1.3"
-  checksum: 544af8dd3f60546d3e4aff084d451b96961d2267d668670199692f8d054f0415d86fc5497d0e641e91546f0aa920e7c29e5250e99fc89f5552a34b5d93b77f43
-  languageName: node
-  linkType: hard
-
-"argparse@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "argparse@npm:2.0.1"
-  checksum: 83644b56493e89a254bae05702abf3a1101b4fa4d0ca31df1c9985275a5a5bd47b3c27b7fa0b71098d41114d8ca000e6ed90cad764b306f8a503665e4d517ced
-  languageName: node
-  linkType: hard
-
-"aria-query@npm:5.3.0":
-  version: 5.3.0
-  resolution: "aria-query@npm:5.3.0"
-  dependencies:
-    dequal: ^2.0.3
-  checksum: 305bd73c76756117b59aba121d08f413c7ff5e80fa1b98e217a3443fcddb9a232ee790e24e432b59ae7625aebcf4c47cb01c2cac872994f0b426f5bdfcd96ba9
-  languageName: node
-  linkType: hard
-
-"aria-query@npm:^5.0.0":
-  version: 5.3.2
-  resolution: "aria-query@npm:5.3.2"
-  checksum: d971175c85c10df0f6d14adfe6f1292409196114ab3c62f238e208b53103686f46cc70695a4f775b73bc65f6a09b6a092fd963c4f3a5a7d690c8fc5094925717
-  languageName: node
-  linkType: hard
-
-"array-flatten@npm:1.1.1":
-  version: 1.1.1
-  resolution: "array-flatten@npm:1.1.1"
-  checksum: a9925bf3512d9dce202112965de90c222cd59a4fbfce68a0951d25d965cf44642931f40aac72309c41f12df19afa010ecadceb07cfff9ccc1621e99d89ab5f3b
-  languageName: node
-  linkType: hard
-
-"assertion-error@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "assertion-error@npm:2.0.1"
-  checksum: a0789dd882211b87116e81e2648ccb7f60340b34f19877dd020b39ebb4714e475eb943e14ba3e22201c221ef6645b7bfe10297e76b6ac95b48a9898c1211ce66
-  languageName: node
-  linkType: hard
-
-"ast-types@npm:^0.13.4":
-  version: 0.13.4
-  resolution: "ast-types@npm:0.13.4"
-  dependencies:
-    tslib: ^2.0.1
-  checksum: 5a51f7b70588ecced3601845a0e203279ca2f5fdc184416a0a1640c93ec0a267241d6090a328e78eebb8de81f8754754e0a4f1558ba2a3d638f8ccbd0b1f0eff
-  languageName: node
-  linkType: hard
-
-"ast-types@npm:^0.16.1":
-  version: 0.16.1
-  resolution: "ast-types@npm:0.16.1"
-  dependencies:
-    tslib: ^2.0.1
-  checksum: 21c186da9fdb1d8087b1b7dabbc4059f91aa5a1e593a9776b4393cc1eaa857e741b2dda678d20e34b16727b78fef3ab59cf8f0c75ed1ba649c78fe194e5c114b
-  languageName: node
-  linkType: hard
-
-"async-function@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "async-function@npm:1.0.0"
-  checksum: 9102e246d1ed9b37ac36f57f0a6ca55226876553251a31fc80677e71471f463a54c872dc78d5d7f80740c8ba624395cccbe8b60f7b690c4418f487d8e9fd1106
-  languageName: node
-  linkType: hard
-
-"async-generator-function@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "async-generator-function@npm:1.0.0"
-  checksum: 74a71a4a2dd7afd06ebb612f6d612c7f4766a351bedffde466023bf6dae629e46b0d2cd38786239e0fbf245de0c7df76035465e16d1213774a0efb22fec0d713
-  languageName: node
-  linkType: hard
-
-"autoprefixer@npm:10.4.21":
-  version: 10.4.21
-  resolution: "autoprefixer@npm:10.4.21"
-  dependencies:
-    browserslist: ^4.24.4
-    caniuse-lite: ^1.0.30001702
-    fraction.js: ^4.3.7
-    normalize-range: ^0.1.2
-    picocolors: ^1.1.1
-    postcss-value-parser: ^4.2.0
-  peerDependencies:
-    postcss: ^8.1.0
-  bin:
-    autoprefixer: bin/autoprefixer
-  checksum: 11770ce635a0520e457eaf2ff89056cd57094796a9f5d6d9375513388a5a016cd947333dcfd213b822fdd8a0b43ce68ae4958e79c6f077c41d87444c8cca0235
-  languageName: node
-  linkType: hard
-
-"b4a@npm:^1.6.4":
-  version: 1.7.3
-  resolution: "b4a@npm:1.7.3"
-  peerDependencies:
-    react-native-b4a: "*"
-  peerDependenciesMeta:
-    react-native-b4a:
-      optional: true
-  checksum: b2e5f572bb2024b612eddedfbfce9626e103fd523da3d7bb8267f345bca6d7d4772ed00310527c7a629fc54184d5b1b47b73f8dd976d713aea7e16d2af38aecf
-  languageName: node
-  linkType: hard
-
-"babel-loader@npm:10.0.0":
-  version: 10.0.0
-  resolution: "babel-loader@npm:10.0.0"
-  dependencies:
-    find-up: ^5.0.0
-  peerDependencies:
-    "@babel/core": ^7.12.0
-    webpack: ">=5.61.0"
-  checksum: 8a9dbb8a93cd342832cc99f024f07a6fda67b29aa907fbc3087de17e7f7ff705cf17fa9aed9103b1de9dfff24427afe200ec99213d24f801a0b1f4fd94783f51
-  languageName: node
-  linkType: hard
-
-"babel-plugin-polyfill-corejs2@npm:^0.4.14":
-  version: 0.4.15
-  resolution: "babel-plugin-polyfill-corejs2@npm:0.4.15"
-  dependencies:
-    "@babel/compat-data": ^7.28.6
-    "@babel/helper-define-polyfill-provider": ^0.6.6
-    semver: ^6.3.1
-  peerDependencies:
-    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
-  checksum: cf32e00ee54cdd75a3acec408f3467edc20cff4359c2bc5fb221144a489d6c0d5936031e18d66483613194a7012034b8a9e1237b84e9063f963f352efc1558bc
-  languageName: node
-  linkType: hard
-
-"babel-plugin-polyfill-corejs3@npm:^0.13.0":
-  version: 0.13.0
-  resolution: "babel-plugin-polyfill-corejs3@npm:0.13.0"
-  dependencies:
-    "@babel/helper-define-polyfill-provider": ^0.6.5
-    core-js-compat: ^3.43.0
-  peerDependencies:
-    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
-  checksum: cf526031acd97ff2124e7c10e15047e6eeb0620d029c687f1dca99916a8fe6cac0e634b84c913db6cb68b7a024f82492ba8fdcc2a6266e7b05bdac2cba0c2434
-  languageName: node
-  linkType: hard
-
-"babel-plugin-polyfill-regenerator@npm:^0.6.5":
-  version: 0.6.6
-  resolution: "babel-plugin-polyfill-regenerator@npm:0.6.6"
-  dependencies:
-    "@babel/helper-define-polyfill-provider": ^0.6.6
-  peerDependencies:
-    "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
-  checksum: 8de7ea32856e75784601cacf8f4e3cbf04ce1fd05d56614b08b7bbe0674d1e59e37ccaa1c7ed16e3b181a63abe5bd43a1ab0e28b8c95618a9ebf0be5e24d6b25
-  languageName: node
-  linkType: hard
-
-"balanced-match@npm:^1.0.0":
-  version: 1.0.2
-  resolution: "balanced-match@npm:1.0.2"
-  checksum: 9706c088a283058a8a99e0bf91b0a2f75497f185980d9ffa8b304de1d9e58ebda7c72c07ebf01dadedaac5b2907b2c6f566f660d62bd336c3468e960403b9d65
-  languageName: node
-  linkType: hard
-
-"bare-events@npm:^2.5.4, bare-events@npm:^2.7.0":
-  version: 2.8.2
-  resolution: "bare-events@npm:2.8.2"
-  peerDependencies:
-    bare-abort-controller: "*"
-  peerDependenciesMeta:
-    bare-abort-controller:
-      optional: true
-  checksum: 97e6fc825bc984363a1f695c9a962b1b9f0ea467baa95d7059565a0aa31f4b5fc0f5eb71c087456ae3a436f39fce14a6147a12dd63aac0ff1d20cc5ad64cd780
-  languageName: node
-  linkType: hard
-
-"bare-fs@npm:^4.0.1":
-  version: 4.5.3
-  resolution: "bare-fs@npm:4.5.3"
-  dependencies:
-    bare-events: ^2.5.4
-    bare-path: ^3.0.0
-    bare-stream: ^2.6.4
-    bare-url: ^2.2.2
-    fast-fifo: ^1.3.2
-  peerDependencies:
-    bare-buffer: "*"
-  peerDependenciesMeta:
-    bare-buffer:
-      optional: true
-  checksum: add0e1655e95a06045db027cfd0b10cd7d468133c34727d4ec8ae5bcbe11abab59e0c494e979e890e37b13259617b62b24a96baf89a8d014197aa872c00c350f
-  languageName: node
-  linkType: hard
-
-"bare-os@npm:^3.0.1":
-  version: 3.6.2
-  resolution: "bare-os@npm:3.6.2"
-  checksum: 339187a5f294b0433f2aa0e3180ffe635f82b9d4536fc818ec8b2b44af752421b1d4bb8eebefd5034cc462a26756900d67b95052ed5eeb2278cb2e23e566ae7a
-  languageName: node
-  linkType: hard
-
-"bare-path@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "bare-path@npm:3.0.0"
-  dependencies:
-    bare-os: ^3.0.1
-  checksum: 51d559515f332f62cf9c37c38f2640c1b84b5e8c9de454b70baf029f806058cf94c51d6a0dfec0025cc7760f2069dc3e16c82f0d24f4a9ddb18c829bf9c0206d
-  languageName: node
-  linkType: hard
-
-"bare-stream@npm:^2.6.4":
-  version: 2.7.0
-  resolution: "bare-stream@npm:2.7.0"
-  dependencies:
-    streamx: ^2.21.0
-  peerDependencies:
-    bare-buffer: "*"
-    bare-events: "*"
-  peerDependenciesMeta:
-    bare-buffer:
-      optional: true
-    bare-events:
-      optional: true
-  checksum: aa7a762b65271022ecc154c1f65eff37a9ff5aa1effd3f3065074b2885d4e6101c1f9fe06001cf3f88f73b56cc2a4b87ce70405d266891ac5082aeb1e1f6a310
-  languageName: node
-  linkType: hard
-
-"bare-url@npm:^2.2.2":
-  version: 2.3.2
-  resolution: "bare-url@npm:2.3.2"
-  dependencies:
-    bare-path: ^3.0.0
-  checksum: 7b2a6335a55a010ffcc863f62cc5bfaa216b383bc05a8e7fb30caccb5600e09d403ad482fc671582eba531bbca4a891dba8eefa866f2e2d222b0a72f2460c340
-  languageName: node
-  linkType: hard
-
-"base64-arraybuffer@npm:^1.0.1":
-  version: 1.0.2
-  resolution: "base64-arraybuffer@npm:1.0.2"
-  checksum: 15e6400d2d028bf18be4ed97702b11418f8f8779fb8c743251c863b726638d52f69571d4cc1843224da7838abef0949c670bde46936663c45ad078e89fee5c62
-  languageName: node
-  linkType: hard
-
-"baseline-browser-mapping@npm:^2.9.0":
-  version: 2.9.19
-  resolution: "baseline-browser-mapping@npm:2.9.19"
-  bin:
-    baseline-browser-mapping: dist/cli.js
-  checksum: 5a9979a501f43d06188d6b4c1e5d540b3c5104d03439603af4bda0f1698b60ae2a44180fb7bdaeb9eea5118eb484a34e454211eb8cf0d104809fc668a0b2eb18
-  languageName: node
-  linkType: hard
-
-"basic-ftp@npm:^5.0.2":
-  version: 5.1.0
-  resolution: "basic-ftp@npm:5.1.0"
-  checksum: 883670e2bb7bc89e542f2f4aa649dab142b4ac852195dea3e08f892e4ac2d0772bde1f689fd8cf6e7113535bb0b61d9ed6351334f5e5b56a17cac64a9b58d351
-  languageName: node
-  linkType: hard
-
-"batch@npm:0.6.1":
-  version: 0.6.1
-  resolution: "batch@npm:0.6.1"
-  checksum: 61f9934c7378a51dce61b915586191078ef7f1c3eca707fdd58b96ff2ff56d9e0af2bdab66b1462301a73c73374239e6542d9821c0af787f3209a23365d07e7f
-  languageName: node
-  linkType: hard
-
-"beasties@npm:0.3.5":
-  version: 0.3.5
-  resolution: "beasties@npm:0.3.5"
-  dependencies:
-    css-select: ^6.0.0
-    css-what: ^7.0.0
-    dom-serializer: ^2.0.0
-    domhandler: ^5.0.3
-    htmlparser2: ^10.0.0
-    picocolors: ^1.1.1
-    postcss: ^8.4.49
-    postcss-media-query-parser: ^0.2.3
-  checksum: 50f05b11a7d54a5213bcc570833e84cb6bda0d17654054f1e24c246e0accd524a43bc22d4284d5723b3f812aa45a0008a8bc925616d4c18aa8491a180b940e3c
-  languageName: node
-  linkType: hard
-
-"bidi-js@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "bidi-js@npm:1.0.3"
-  dependencies:
-    require-from-string: ^2.0.2
-  checksum: 877c5dcfd69a35fd30fee9e49a03faf205a7a4cd04a38af7648974a659cab7b1cd51fa881d7957c07bd1fc5adf22b90a56da3617bb0885ee69d58ff41117658c
-  languageName: node
-  linkType: hard
-
-"big-integer@npm:^1.6.48":
-  version: 1.6.52
-  resolution: "big-integer@npm:1.6.52"
-  checksum: 6e86885787a20fed96521958ae9086960e4e4b5e74d04f3ef7513d4d0ad631a9f3bde2730fc8aaa4b00419fc865f6ec573e5320234531ef37505da7da192c40b
-  languageName: node
-  linkType: hard
-
-"big.js@npm:^5.2.2":
-  version: 5.2.2
-  resolution: "big.js@npm:5.2.2"
-  checksum: b89b6e8419b097a8fb4ed2399a1931a68c612bce3cfd5ca8c214b2d017531191070f990598de2fc6f3f993d91c0f08aa82697717f6b3b8732c9731866d233c9e
-  languageName: node
-  linkType: hard
-
-"binary-extensions@npm:^2.0.0":
-  version: 2.3.0
-  resolution: "binary-extensions@npm:2.3.0"
-  checksum: bcad01494e8a9283abf18c1b967af65ee79b0c6a9e6fcfafebfe91dbe6e0fc7272bafb73389e198b310516ae04f7ad17d79aacf6cb4c0d5d5202a7e2e52c7d98
-  languageName: node
-  linkType: hard
-
-"blueimp-md5@npm:^2.19.0":
-  version: 2.19.0
-  resolution: "blueimp-md5@npm:2.19.0"
-  checksum: 28095dcbd2c67152a2938006e8d7c74c3406ba6556071298f872505432feb2c13241b0476644160ee0a5220383ba94cb8ccdac0053b51f68d168728f9c382530
-  languageName: node
-  linkType: hard
-
-"body-parser@npm:^2.2.1":
-  version: 2.2.2
-  resolution: "body-parser@npm:2.2.2"
-  dependencies:
-    bytes: ^3.1.2
-    content-type: ^1.0.5
-    debug: ^4.4.3
-    http-errors: ^2.0.0
-    iconv-lite: ^0.7.0
-    on-finished: ^2.4.1
-    qs: ^6.14.1
-    raw-body: ^3.0.1
-    type-is: ^2.0.1
-  checksum: 0b8764065ff2a8c7cf3c905193b5b528d6ab5246f0df4c743c0e887d880abcc336dad5ba86d959d7efee6243a49c2c2e5b0cee43f0ccb7d728f5496c97537a90
-  languageName: node
-  linkType: hard
-
-"body-parser@npm:~1.20.3":
-  version: 1.20.4
-  resolution: "body-parser@npm:1.20.4"
-  dependencies:
-    bytes: ~3.1.2
-    content-type: ~1.0.5
-    debug: 2.6.9
-    depd: 2.0.0
-    destroy: ~1.2.0
-    http-errors: ~2.0.1
-    iconv-lite: ~0.4.24
-    on-finished: ~2.4.1
-    qs: ~6.14.0
-    raw-body: ~2.5.3
-    type-is: ~1.6.18
-    unpipe: ~1.0.0
-  checksum: eaa212cff1737d2fbb49fc7aa1d71d9b456adea2dc3de388ff3c6d67b28028d6b1fa7e6cd77e3670b4cbd402ab011f80f6e5bb811480b53a28d11f33678c6298
-  languageName: node
-  linkType: hard
-
-"bonjour-service@npm:^1.2.1":
-  version: 1.3.0
-  resolution: "bonjour-service@npm:1.3.0"
-  dependencies:
-    fast-deep-equal: ^3.1.3
-    multicast-dns: ^7.2.5
-  checksum: 737bd40d0b609b18afdfcaf3c416a60d7dc94aedc4cb9d6e7af459a7f3bdffadc199370a48c46739d92689741cad4ec8a6987a3e4d869dd301b521227b92e082
-  languageName: node
-  linkType: hard
-
-"boolbase@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "boolbase@npm:1.0.0"
-  checksum: 3e25c80ef626c3a3487c73dbfc70ac322ec830666c9ad915d11b701142fab25ec1e63eff2c450c74347acfd2de854ccde865cd79ef4db1683f7c7b046ea43bb0
-  languageName: node
-  linkType: hard
-
-"brace-expansion@npm:1.1.13":
-  version: 1.1.13
-  resolution: "brace-expansion@npm:1.1.13"
-  dependencies:
-    balanced-match: ^1.0.0
-    concat-map: 0.0.1
-  checksum: b5f4329fdbe9d2e25fa250c8f866ebd054ba946179426e99b86dcccddabdb1d481f0e40ee5430032e62a7d0a6c2837605ace6783d015aa1d65d85ca72154d936
-  languageName: node
-  linkType: hard
-
-"braces@npm:^3.0.3, braces@npm:~3.0.2":
-  version: 3.0.3
-  resolution: "braces@npm:3.0.3"
-  dependencies:
-    fill-range: ^7.1.1
-  checksum: b95aa0b3bd909f6cd1720ffcf031aeaf46154dd88b4da01f9a1d3f7ea866a79eba76a6d01cbc3c422b2ee5cdc39a4f02491058d5df0d7bf6e6a162a832df1f69
-  languageName: node
-  linkType: hard
-
-"browserslist@npm:^4.21.5, browserslist@npm:^4.23.0, browserslist@npm:^4.24.0, browserslist@npm:^4.24.4, browserslist@npm:^4.28.1":
-  version: 4.28.1
-  resolution: "browserslist@npm:4.28.1"
-  dependencies:
-    baseline-browser-mapping: ^2.9.0
-    caniuse-lite: ^1.0.30001759
-    electron-to-chromium: ^1.5.263
-    node-releases: ^2.0.27
-    update-browserslist-db: ^1.2.0
-  bin:
-    browserslist: cli.js
-  checksum: 895357d912ae5a88a3fa454d2d280e9869e13432df30ca8918e206c0783b3b59375b178fdaf16d0041a1cf21ac45c8eb0a20f96f73dbd9662abf4cf613177a1e
-  languageName: node
-  linkType: hard
-
-"buffer-crc32@npm:~0.2.3":
-  version: 0.2.13
-  resolution: "buffer-crc32@npm:0.2.13"
-  checksum: 06252347ae6daca3453b94e4b2f1d3754a3b146a111d81c68924c22d91889a40623264e95e67955b1cb4a68cbedf317abeabb5140a9766ed248973096db5ce1c
-  languageName: node
-  linkType: hard
-
-"buffer-from@npm:^1.0.0":
-  version: 1.1.2
-  resolution: "buffer-from@npm:1.1.2"
-  checksum: 0448524a562b37d4d7ed9efd91685a5b77a50672c556ea254ac9a6d30e3403a517d8981f10e565db24e8339413b43c97ca2951f10e399c6125a0d8911f5679bb
-  languageName: node
-  linkType: hard
-
-"bundle-name@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "bundle-name@npm:4.1.0"
-  dependencies:
-    run-applescript: ^7.0.0
-  checksum: 1d966c8d2dbf4d9d394e53b724ac756c2414c45c01340b37743621f59cc565a435024b394ddcb62b9b335d1c9a31f4640eb648c3fec7f97ee74dc0694c9beb6c
-  languageName: node
-  linkType: hard
-
-"bytes@npm:3.1.2, bytes@npm:^3.1.2, bytes@npm:~3.1.2":
-  version: 3.1.2
-  resolution: "bytes@npm:3.1.2"
-  checksum: e4bcd3948d289c5127591fbedf10c0b639ccbf00243504e4e127374a15c3bc8eed0d28d4aaab08ff6f1cf2abc0cce6ba3085ed32f4f90e82a5683ce0014e1b6e
-  languageName: node
-  linkType: hard
-
-"cac@npm:^6.7.14":
-  version: 6.7.14
-  resolution: "cac@npm:6.7.14"
-  checksum: 45a2496a9443abbe7f52a49b22fbe51b1905eff46e03fd5e6c98e3f85077be3f8949685a1849b1a9cd2bc3e5567dfebcf64f01ce01847baf918f1b37c839791a
-  languageName: node
-  linkType: hard
-
-"cacache@npm:^20.0.0, cacache@npm:^20.0.1":
-  version: 20.0.3
-  resolution: "cacache@npm:20.0.3"
-  dependencies:
-    "@npmcli/fs": ^5.0.0
-    fs-minipass: ^3.0.0
-    glob: ^13.0.0
-    lru-cache: ^11.1.0
-    minipass: ^7.0.3
-    minipass-collect: ^2.0.1
-    minipass-flush: ^1.0.5
-    minipass-pipeline: ^1.2.4
-    p-map: ^7.0.2
-    ssri: ^13.0.0
-    unique-filename: ^5.0.0
-  checksum: 595e6b91d72972d596e1e9ccab8ddbf08b773f27240220b1b5b1b7b3f52173cfbcf095212e5d7acd86c3bd453c28e69b116469889c511615ef3589523d542639
-  languageName: node
-  linkType: hard
-
-"call-bind-apply-helpers@npm:^1.0.1, call-bind-apply-helpers@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "call-bind-apply-helpers@npm:1.0.2"
-  dependencies:
-    es-errors: ^1.3.0
-    function-bind: ^1.1.2
-  checksum: b2863d74fcf2a6948221f65d95b91b4b2d90cfe8927650b506141e669f7d5de65cea191bf788838bc40d13846b7886c5bc5c84ab96c3adbcf88ad69a72fcdc6b
-  languageName: node
-  linkType: hard
-
-"call-bound@npm:^1.0.2":
-  version: 1.0.4
-  resolution: "call-bound@npm:1.0.4"
-  dependencies:
-    call-bind-apply-helpers: ^1.0.2
-    get-intrinsic: ^1.3.0
-  checksum: 2f6399488d1c272f56306ca60ff696575e2b7f31daf23bc11574798c84d9f2759dceb0cb1f471a85b77f28962a7ac6411f51d283ea2e45319009a19b6ccab3b2
-  languageName: node
-  linkType: hard
-
-"callsites@npm:^3.0.0":
-  version: 3.1.0
-  resolution: "callsites@npm:3.1.0"
-  checksum: 072d17b6abb459c2ba96598918b55868af677154bec7e73d222ef95a8fdb9bbf7dae96a8421085cdad8cd190d86653b5b6dc55a4484f2e5b2e27d5e0c3fc15b3
-  languageName: node
-  linkType: hard
-
-"camel-case@npm:^4.1.2":
-  version: 4.1.2
-  resolution: "camel-case@npm:4.1.2"
-  dependencies:
-    pascal-case: ^3.1.2
-    tslib: ^2.0.3
-  checksum: bcbd25cd253b3cbc69be3f535750137dbf2beb70f093bdc575f73f800acc8443d34fd52ab8f0a2413c34f1e8203139ffc88428d8863e4dfe530cfb257a379ad6
-  languageName: node
-  linkType: hard
-
-"caniuse-lite@npm:^1.0.30001702, caniuse-lite@npm:^1.0.30001759":
-  version: 1.0.30001767
-  resolution: "caniuse-lite@npm:1.0.30001767"
-  checksum: c55acc7e05b0645b02988421649fab155fd6c1cfaa9b4289d8b597261d096209b7b7483891399143cc10eb46f86b6ec419396de049c05f7c9f8f1992c648be31
-  languageName: node
-  linkType: hard
-
-"case-sensitive-paths-webpack-plugin@npm:^2.4.0":
-  version: 2.4.0
-  resolution: "case-sensitive-paths-webpack-plugin@npm:2.4.0"
-  checksum: bcf469446eeee9ac0046e30860074ebb9aa4803aab9140e6bb72b600b23b1d70635690754be4504ce35cd99cdf05226bee8d894ba362a3f5485d5f6310fc6d02
-  languageName: node
-  linkType: hard
-
-"chai@npm:^5.2.0":
-  version: 5.3.3
-  resolution: "chai@npm:5.3.3"
-  dependencies:
-    assertion-error: ^2.0.1
-    check-error: ^2.1.1
-    deep-eql: ^5.0.1
-    loupe: ^3.1.0
-    pathval: ^2.0.0
-  checksum: bc4091f1cccfee63f6a3d02ce477fe847f5c57e747916a11bd72675c9459125084e2e55dc2363ee2b82b088a878039ee7ee27c75d6d90f7de9202bf1b12ce573
-  languageName: node
-  linkType: hard
-
-"chalk@npm:^4.1.0, chalk@npm:^4.1.2":
-  version: 4.1.2
-  resolution: "chalk@npm:4.1.2"
-  dependencies:
-    ansi-styles: ^4.1.0
-    supports-color: ^7.1.0
-  checksum: fe75c9d5c76a7a98d45495b91b2172fa3b7a09e0cc9370e5c8feb1c567b85c4288e2b3fded7cfdd7359ac28d6b3844feb8b82b8686842e93d23c827c417e83fc
-  languageName: node
-  linkType: hard
-
-"chalk@npm:^5.3.0":
-  version: 5.6.2
-  resolution: "chalk@npm:5.6.2"
-  checksum: 4ee2d47a626d79ca27cb5299ecdcce840ef5755e287412536522344db0fc51ca0f6d6433202332c29e2288c6a90a2b31f3bd626bc8c14743b6b6ee28abd3b796
-  languageName: node
-  linkType: hard
-
-"chardet@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "chardet@npm:2.1.1"
-  checksum: 4e3dba2699018b79bb90a9562b5e5be27fcaab55250c12fa72f026b859fb24846396c346968546c14efc69b9f23aca3ef2b9816775012d08a4686ce3c362415c
-  languageName: node
-  linkType: hard
-
-"chart.js@npm:^4.5.1":
-  version: 4.5.1
-  resolution: "chart.js@npm:4.5.1"
-  dependencies:
-    "@kurkle/color": ^0.3.0
-  checksum: 34b35b373642994b2adac197e91363625930530e29fc1baa6dbb411b5e1295f9f6572922003a0224a21a3019aec916567c1ed00c33b1373081f189fc188e5a7b
-  languageName: node
-  linkType: hard
-
-"chartjs-adapter-date-fns@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "chartjs-adapter-date-fns@npm:3.0.0"
-  peerDependencies:
-    chart.js: ">=2.8.0"
-    date-fns: ">=2.0.0"
-  checksum: c39bfdf490749faa589fba6e0dc0a2c5a467a5f06aaa52c5180e10fd9c83414807a064f6950538448bffee354c8064c0ce9d957bccbf2048e7ee2257aa95f138
-  languageName: node
-  linkType: hard
-
-"check-error@npm:^2.1.1":
-  version: 2.1.3
-  resolution: "check-error@npm:2.1.3"
-  checksum: f1868d3db60f5a7da92e140ccf33e9152bf6124161fa9b7a4ae8eafdb05e66e1f13570401e56f314f037b0f1b71eaf38ad0c7256310d82c6105e9d85ded0f202
-  languageName: node
-  linkType: hard
-
-"chevrotain-allstar@npm:~0.3.0":
-  version: 0.3.1
-  resolution: "chevrotain-allstar@npm:0.3.1"
-  dependencies:
-    lodash-es: ^4.17.21
-  peerDependencies:
-    chevrotain: ^11.0.0
-  checksum: 5f5213693886d03ca04ffacc57f7424b5c8015e7a62de3c193c3bc94ae7472f113e9fab7f4e92ce0553c181483950a170576897d7b695aac6196ce32b988475e
-  languageName: node
-  linkType: hard
-
-"chevrotain@npm:~11.0.3":
-  version: 11.0.3
-  resolution: "chevrotain@npm:11.0.3"
-  dependencies:
-    "@chevrotain/cst-dts-gen": 11.0.3
-    "@chevrotain/gast": 11.0.3
-    "@chevrotain/regexp-to-ast": 11.0.3
-    "@chevrotain/types": 11.0.3
-    "@chevrotain/utils": 11.0.3
-    lodash-es: 4.17.21
-  checksum: 43abce4ef2be2ae499027066ad5bfb2dd6b838423108adc69839133655b925a4d86212b97125d8deef9f84dc173b34457eedf59a2d178b6d0b2a0d2e2a7762a4
-  languageName: node
-  linkType: hard
-
-"chokidar@npm:^3.6.0":
-  version: 3.6.0
-  resolution: "chokidar@npm:3.6.0"
-  dependencies:
-    anymatch: ~3.1.2
-    braces: ~3.0.2
-    fsevents: ~2.3.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
-  dependenciesMeta:
-    fsevents:
-      optional: true
-  checksum: d2f29f499705dcd4f6f3bbed79a9ce2388cf530460122eed3b9c48efeab7a4e28739c6551fd15bec9245c6b9eeca7a32baa64694d64d9b6faeb74ddb8c4a413d
-  languageName: node
-  linkType: hard
-
-"chokidar@npm:^4.0.0, chokidar@npm:^4.0.1":
-  version: 4.0.3
-  resolution: "chokidar@npm:4.0.3"
-  dependencies:
-    readdirp: ^4.0.1
-  checksum: a8765e452bbafd04f3f2fad79f04222dd65f43161488bb6014a41099e6ca18d166af613d59a90771908c1c823efa3f46ba36b86ac50b701c20c1b9908c5fe36e
-  languageName: node
-  linkType: hard
-
-"chownr@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "chownr@npm:3.0.0"
-  checksum: fd73a4bab48b79e66903fe1cafbdc208956f41ea4f856df883d0c7277b7ab29fd33ee65f93b2ec9192fc0169238f2f8307b7735d27c155821d886b84aa97aa8d
-  languageName: node
-  linkType: hard
-
-"chrome-trace-event@npm:^1.0.2":
-  version: 1.0.4
-  resolution: "chrome-trace-event@npm:1.0.4"
-  checksum: fcbbd9dd0cd5b48444319007cc0c15870fd8612cc0df320908aa9d5e8a244084d48571eb28bf3c58c19327d2c5838f354c2d89fac3956d8e992273437401ac19
-  languageName: node
-  linkType: hard
-
-"chromium-bidi@npm:13.0.1":
-  version: 13.0.1
-  resolution: "chromium-bidi@npm:13.0.1"
-  dependencies:
-    mitt: ^3.0.1
-    zod: ^3.24.1
-  peerDependencies:
-    devtools-protocol: "*"
-  checksum: 4e47640bd09b16440ce23a14f75887b8ee43cd272b8cac159760d42c49f44e2f2622488af63a7c304f130b81ec022e4cd15bb832411b2ea02fed9986258ed39b
-  languageName: node
-  linkType: hard
-
-"cjs-module-lexer@npm:^1.2.3":
-  version: 1.4.3
-  resolution: "cjs-module-lexer@npm:1.4.3"
-  checksum: 221a1661a9ff4944b472c85ac7cd5029b2f2dc7f6c5f4ecf887f261503611110b43a48acb6c07f8f04109c772d1637fdb20b31252bf27058f35aa97bf5ad8b12
-  languageName: node
-  linkType: hard
-
-"clean-css@npm:^5.2.2":
-  version: 5.3.3
-  resolution: "clean-css@npm:5.3.3"
-  dependencies:
-    source-map: ~0.6.0
-  checksum: 941987c14860dd7d346d5cf121a82fd2caf8344160b1565c5387f7ccca4bbcaf885bace961be37c4f4713ce2d8c488dd89483c1add47bb779790edbfdcc79cbc
-  languageName: node
-  linkType: hard
-
-"cli-cursor@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "cli-cursor@npm:5.0.0"
-  dependencies:
-    restore-cursor: ^5.0.0
-  checksum: 1eb9a3f878b31addfe8d82c6d915ec2330cec8447ab1f117f4aa34f0137fbb3137ec3466e1c9a65bcb7557f6e486d343f2da57f253a2f668d691372dfa15c090
-  languageName: node
-  linkType: hard
-
-"cli-spinners@npm:^2.9.2":
-  version: 2.9.2
-  resolution: "cli-spinners@npm:2.9.2"
-  checksum: 1bd588289b28432e4676cb5d40505cfe3e53f2e4e10fbe05c8a710a154d6fe0ce7836844b00d6858f740f2ffe67cdc36e0fce9c7b6a8430e80e6388d5aa4956c
-  languageName: node
-  linkType: hard
-
-"cli-truncate@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "cli-truncate@npm:4.0.0"
-  dependencies:
-    slice-ansi: ^5.0.0
-    string-width: ^7.0.0
-  checksum: d5149175fd25ca985731bdeec46a55ec237475cf74c1a5e103baea696aceb45e372ac4acbaabf1316f06bd62e348123060f8191ffadfeedebd2a70a2a7fb199d
-  languageName: node
-  linkType: hard
-
-"cli-width@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "cli-width@npm:4.1.0"
-  checksum: 0a79cff2dbf89ef530bcd54c713703ba94461457b11e5634bd024c78796ed21401e32349c004995954e06f442d82609287e7aabf6a5f02c919a1cf3b9b6854ff
-  languageName: node
-  linkType: hard
-
-"clipboard@npm:^2.0.11":
-  version: 2.0.11
-  resolution: "clipboard@npm:2.0.11"
-  dependencies:
-    good-listener: ^1.2.2
-    select: ^1.1.2
-    tiny-emitter: ^2.0.0
-  checksum: 413055a6038e43898e0e895216b58ed54fbf386f091cb00188875ef35b186cefbd258acdf4cb4b0ac87cbc00de936f41b45dde9fe1fd1a57f7babb28363b8748
-  languageName: node
-  linkType: hard
-
-"cliui@npm:^8.0.1":
-  version: 8.0.1
-  resolution: "cliui@npm:8.0.1"
-  dependencies:
-    string-width: ^4.2.0
-    strip-ansi: ^6.0.1
-    wrap-ansi: ^7.0.0
-  checksum: 79648b3b0045f2e285b76fb2e24e207c6db44323581e421c3acbd0e86454cba1b37aea976ab50195a49e7384b871e6dfb2247ad7dec53c02454ac6497394cb56
-  languageName: node
-  linkType: hard
-
-"cliui@npm:^9.0.1":
-  version: 9.0.1
-  resolution: "cliui@npm:9.0.1"
-  dependencies:
-    string-width: ^7.2.0
-    strip-ansi: ^7.1.0
-    wrap-ansi: ^9.0.0
-  checksum: 143879ae462bf76822f341bf40979f0225fdba8dde6dfe429018b13396fd0532752cc2a809ac48cecc0ea189406184ad7568c0af44eea73d2ac3b432c4c6431f
-  languageName: node
-  linkType: hard
-
-"clone-deep@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "clone-deep@npm:4.0.1"
-  dependencies:
-    is-plain-object: ^2.0.4
-    kind-of: ^6.0.2
-    shallow-clone: ^3.0.0
-  checksum: 770f912fe4e6f21873c8e8fbb1e99134db3b93da32df271d00589ea4a29dbe83a9808a322c93f3bcaf8584b8b4fa6fc269fc8032efbaa6728e0c9886c74467d2
-  languageName: node
-  linkType: hard
-
-"color-convert@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "color-convert@npm:2.0.1"
-  dependencies:
-    color-name: ~1.1.4
-  checksum: 79e6bdb9fd479a205c71d89574fccfb22bd9053bd98c6c4d870d65c132e5e904e6034978e55b43d69fcaa7433af2016ee203ce76eeba9cfa554b373e7f7db336
-  languageName: node
-  linkType: hard
-
-"color-name@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "color-name@npm:2.1.0"
-  checksum: eb014f71d87408e318e95d3f554f188370d354ba8e0ffa4341d0fd19de391bfe2bc96e563d4f6614644d676bc24f475560dffee3fe310c2d6865d007410a9a2b
-  languageName: node
-  linkType: hard
-
-"color-name@npm:~1.1.4":
-  version: 1.1.4
-  resolution: "color-name@npm:1.1.4"
-  checksum: b0445859521eb4021cd0fb0cc1a75cecf67fceecae89b63f62b201cca8d345baf8b952c966862a9d9a2632987d4f6581f0ec8d957dfacece86f0a7919316f610
-  languageName: node
-  linkType: hard
-
-"color-string@npm:^2.0.1":
-  version: 2.1.4
-  resolution: "color-string@npm:2.1.4"
-  dependencies:
-    color-name: ^2.0.0
-  checksum: f9caa29d529c549febeec813fcc0ecb184ff3dee92cec78f1fd3dfe2c4168fc1b74442efc40e34d2d677470967f570234d11086c3b137d6f9958a8fe12587fde
-  languageName: node
-  linkType: hard
-
-"colorette@npm:^2.0.10, colorette@npm:^2.0.20":
-  version: 2.0.20
-  resolution: "colorette@npm:2.0.20"
-  checksum: 0c016fea2b91b733eb9f4bcdb580018f52c0bc0979443dad930e5037a968237ac53d9beb98e218d2e9235834f8eebce7f8e080422d6194e957454255bde71d3d
-  languageName: node
-  linkType: hard
-
-"commander@npm:7":
-  version: 7.2.0
-  resolution: "commander@npm:7.2.0"
-  checksum: 53501cbeee61d5157546c0bef0fedb6cdfc763a882136284bed9a07225f09a14b82d2a84e7637edfd1a679fb35ed9502fd58ef1d091e6287f60d790147f68ddc
-  languageName: node
-  linkType: hard
-
-"commander@npm:^2.20.0":
-  version: 2.20.3
-  resolution: "commander@npm:2.20.3"
-  checksum: ab8c07884e42c3a8dbc5dd9592c606176c7eb5c1ca5ff274bcf907039b2c41de3626f684ea75ccf4d361ba004bbaff1f577d5384c155f3871e456bdf27becf9e
-  languageName: node
-  linkType: hard
-
-"commander@npm:^8.3.0":
-  version: 8.3.0
-  resolution: "commander@npm:8.3.0"
-  checksum: 0f82321821fc27b83bd409510bb9deeebcfa799ff0bf5d102128b500b7af22872c0c92cb6a0ebc5a4cf19c6b550fba9cedfa7329d18c6442a625f851377bacf0
-  languageName: node
-  linkType: hard
-
-"compressible@npm:~2.0.18":
-  version: 2.0.18
-  resolution: "compressible@npm:2.0.18"
-  dependencies:
-    mime-db: ">= 1.43.0 < 2"
-  checksum: 58321a85b375d39230405654721353f709d0c1442129e9a17081771b816302a012471a9b8f4864c7dbe02eef7f2aaac3c614795197092262e94b409c9be108f0
-  languageName: node
-  linkType: hard
-
-"compression@npm:^1.7.4":
-  version: 1.8.1
-  resolution: "compression@npm:1.8.1"
-  dependencies:
-    bytes: 3.1.2
-    compressible: ~2.0.18
-    debug: 2.6.9
-    negotiator: ~0.6.4
-    on-headers: ~1.1.0
-    safe-buffer: 5.2.1
-    vary: ~1.1.2
-  checksum: 906325935180cd3507d30ed898fb129deccab03689383d55536245a94610f5003923bb14c95ee6adc8d658ee13be549407eb4346ef55169045f3e41e9969808e
-  languageName: node
-  linkType: hard
-
-"concat-map@npm:0.0.1":
-  version: 0.0.1
-  resolution: "concat-map@npm:0.0.1"
-  checksum: 902a9f5d8967a3e2faf138d5cb784b9979bad2e6db5357c5b21c568df4ebe62bcb15108af1b2253744844eb964fc023fbd9afbbbb6ddd0bcc204c6fb5b7bf3af
-  languageName: node
-  linkType: hard
-
-"confbox@npm:^0.1.8":
-  version: 0.1.8
-  resolution: "confbox@npm:0.1.8"
-  checksum: 5c7718ab22cf9e35a31c21ef124156076ae8c9dc65e6463d54961caf5a1d529284485a0fdf83fd23b27329f3b75b0c8c07d2e36c699f5151a2efe903343f976a
-  languageName: node
-  linkType: hard
-
-"connect-history-api-fallback@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "connect-history-api-fallback@npm:2.0.0"
-  checksum: dc5368690f4a5c413889792f8df70d5941ca9da44523cde3f87af0745faee5ee16afb8195434550f0504726642734f2683d6c07f8b460f828a12c45fbd4c9a68
-  languageName: node
-  linkType: hard
-
-"connection-string-parser@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "connection-string-parser@npm:1.0.4"
-  dependencies:
-    tslib: ^2.0.0
-  checksum: 9424a8b58c1f8eb68c51c7c8254a666f20b405659e3c02c07c2b6b975da643c4b1842704a600bb0448e8f78ad8b6c133a2aadad42493462e382af04ef6900267
-  languageName: node
-  linkType: hard
-
-"content-disposition@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "content-disposition@npm:1.0.1"
-  checksum: f1ee5363968e7e4c491fcd9796d3c489ab29c4ea0bfa5dcc3379a9833d6044838367cf8a11c90b179cb2a8d471279ab259119c52e0d3e4ed30934ccd56b6d694
-  languageName: node
-  linkType: hard
-
-"content-disposition@npm:~0.5.4":
-  version: 0.5.4
-  resolution: "content-disposition@npm:0.5.4"
-  dependencies:
-    safe-buffer: 5.2.1
-  checksum: afb9d545e296a5171d7574fcad634b2fdf698875f4006a9dd04a3e1333880c5c0c98d47b560d01216fb6505a54a2ba6a843ee3a02ec86d7e911e8315255f56c3
-  languageName: node
-  linkType: hard
-
-"content-type@npm:^1.0.5, content-type@npm:~1.0.4, content-type@npm:~1.0.5":
-  version: 1.0.5
-  resolution: "content-type@npm:1.0.5"
-  checksum: 566271e0a251642254cde0f845f9dd4f9856e52d988f4eb0d0dcffbb7a1f8ec98de7a5215fc628f3bce30fe2fb6fd2bc064b562d721658c59b544e2d34ea2766
-  languageName: node
-  linkType: hard
-
-"convert-source-map@npm:^1.5.1, convert-source-map@npm:^1.7.0":
-  version: 1.9.0
-  resolution: "convert-source-map@npm:1.9.0"
-  checksum: dc55a1f28ddd0e9485ef13565f8f756b342f9a46c4ae18b843fe3c30c675d058d6a4823eff86d472f187b176f0adf51ea7b69ea38be34be4a63cbbf91b0593c8
-  languageName: node
-  linkType: hard
-
-"convert-source-map@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "convert-source-map@npm:2.0.0"
-  checksum: 63ae9933be5a2b8d4509daca5124e20c14d023c820258e484e32dc324d34c2754e71297c94a05784064ad27615037ef677e3f0c00469fb55f409d2bb21261035
-  languageName: node
-  linkType: hard
-
-"convert@npm:^5.12.0":
-  version: 5.14.1
-  resolution: "convert@npm:5.14.1"
-  checksum: 375c2569717387351b94d3f392fb2c2a5f3a80a8e38d3e10bec778186aa1c8ebedaa4e1ae2935ab3e514b22041bfe7460943174d62d82014ad88da28477b0488
-  languageName: node
-  linkType: hard
-
-"cookie-signature@npm:^1.2.1":
-  version: 1.2.2
-  resolution: "cookie-signature@npm:1.2.2"
-  checksum: 1ad4f9b3907c9f3673a0f0a07c0a23da7909ac6c9204c5d80a0ec102fe50ccc45f27fdf496361840d6c132c5bb0037122c0a381f856d070183d1ebe3e5e041ff
-  languageName: node
-  linkType: hard
-
-"cookie-signature@npm:~1.0.6":
-  version: 1.0.7
-  resolution: "cookie-signature@npm:1.0.7"
-  checksum: 1a62808cd30d15fb43b70e19829b64d04b0802d8ef00275b57d152de4ae6a3208ca05c197b6668d104c4d9de389e53ccc2d3bc6bcaaffd9602461417d8c40710
-  languageName: node
-  linkType: hard
-
-"cookie@npm:^0.7.1, cookie@npm:~0.7.1":
-  version: 0.7.2
-  resolution: "cookie@npm:0.7.2"
-  checksum: 9bf8555e33530affd571ea37b615ccad9b9a34febbf2c950c86787088eb00a8973690833b0f8ebd6b69b753c62669ea60cec89178c1fb007bf0749abed74f93e
-  languageName: node
-  linkType: hard
-
-"copy-anything@npm:^2.0.1":
-  version: 2.0.6
-  resolution: "copy-anything@npm:2.0.6"
-  dependencies:
-    is-what: ^3.14.1
-  checksum: 7318dc00ca14f846d14fc886845cff63bf20a3c5f4fcdd31f68c40a213648c78a1093426947ac0f8f8577845e9a7a11eeaaeefb05d9a6f1b78ca5ec60c2aaf6e
-  languageName: node
-  linkType: hard
-
-"copy-webpack-plugin@npm:13.0.1":
-  version: 13.0.1
-  resolution: "copy-webpack-plugin@npm:13.0.1"
-  dependencies:
-    glob-parent: ^6.0.1
-    normalize-path: ^3.0.0
-    schema-utils: ^4.2.0
-    serialize-javascript: ^6.0.2
-    tinyglobby: ^0.2.12
-  peerDependencies:
-    webpack: ^5.1.0
-  checksum: 35673183e1e684ffa6ce85d463c14535296954d9ab7d46d487783a6a03c3e16b2c20070541b32e720eaddbfeaccf0abb193314f3a59dcc16778e414163f86205
-  languageName: node
-  linkType: hard
-
-"core-js-compat@npm:^3.43.0":
-  version: 3.48.0
-  resolution: "core-js-compat@npm:3.48.0"
-  dependencies:
-    browserslist: ^4.28.1
-  checksum: 2625622bc7c4a43a134f7d01eff48bde93100a4b5c11b6a3972bc22bcd403c6d060f26f4786ca21376fb159771f008738a5b6f283ad67b19f94e342fa8d28288
-  languageName: node
-  linkType: hard
-
-"core-js@npm:^3.38.1":
-  version: 3.48.0
-  resolution: "core-js@npm:3.48.0"
-  checksum: e5ba89a2037b06827f198b7a39bf99eaf0ad696e27001b0137f17fcc4a7fce1ecaaa4ea7b3628709ee4cf6828130a2c53ec4bdf0064e1151d46965ca5a98733f
-  languageName: node
-  linkType: hard
-
-"core-util-is@npm:~1.0.0":
-  version: 1.0.3
-  resolution: "core-util-is@npm:1.0.3"
-  checksum: 9de8597363a8e9b9952491ebe18167e3b36e7707569eed0ebf14f8bba773611376466ae34575bca8cfe3c767890c859c74056084738f09d4e4a6f902b2ad7d99
-  languageName: node
-  linkType: hard
-
-"cors@npm:^2.8.5":
-  version: 2.8.6
-  resolution: "cors@npm:2.8.6"
-  dependencies:
-    object-assign: ^4
-    vary: ^1
-  checksum: a967922b00fd17d836d21308c66ab9081d6c0f7dc019486ba1643a58281b12fc27d8c260471ddca72874b5bfe17a2d471ff8762d34f6009022ff749ec1136220
-  languageName: node
-  linkType: hard
-
-"cose-base@npm:^1.0.0":
-  version: 1.0.3
-  resolution: "cose-base@npm:1.0.3"
-  dependencies:
-    layout-base: ^1.0.0
-  checksum: 3f3d592316df74adb215ca91e430f1c22b6e890bc0025b32ae1f6464c73fdb9614816cb40a8d38b40c6a3e9e7b8c64eda90d53fb9a4a6948abec17dad496f30b
-  languageName: node
-  linkType: hard
-
-"cose-base@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "cose-base@npm:2.2.0"
-  dependencies:
-    layout-base: ^2.0.0
-  checksum: 2e694f340bf216c71fc126d237578a4168e138720011d0b48c88bf9bfc7fd45f912eff2c603ef3d1307d6e3ce6f465ed382285a764a3a6620db590c5457d2557
-  languageName: node
-  linkType: hard
-
-"cosmiconfig@npm:^8.2.0":
-  version: 8.3.6
-  resolution: "cosmiconfig@npm:8.3.6"
-  dependencies:
-    import-fresh: ^3.3.0
-    js-yaml: ^4.1.0
-    parse-json: ^5.2.0
-    path-type: ^4.0.0
-  peerDependencies:
-    typescript: ">=4.9.5"
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: dc339ebea427898c9e03bf01b56ba7afbac07fc7d2a2d5a15d6e9c14de98275a9565da949375aee1809591c152c0a3877bb86dbeaf74d5bd5aaa79955ad9e7a0
-  languageName: node
-  linkType: hard
-
-"cosmiconfig@npm:^9.0.0":
-  version: 9.0.0
-  resolution: "cosmiconfig@npm:9.0.0"
-  dependencies:
-    env-paths: ^2.2.1
-    import-fresh: ^3.3.0
-    js-yaml: ^4.1.0
-    parse-json: ^5.2.0
-  peerDependencies:
-    typescript: ">=4.9.5"
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: a30c424b53d442ea0bdd24cb1b3d0d8687c8dda4a17ab6afcdc439f8964438801619cdb66e8e79f63b9caa3e6586b60d8bab9ce203e72df6c5e80179b971fe8f
-  languageName: node
-  linkType: hard
-
-"create-require@npm:^1.1.0":
-  version: 1.1.1
-  resolution: "create-require@npm:1.1.1"
-  checksum: a9a1503d4390d8b59ad86f4607de7870b39cad43d929813599a23714831e81c520bddf61bcdd1f8e30f05fd3a2b71ae8538e946eb2786dc65c2bbc520f692eff
-  languageName: node
-  linkType: hard
-
-"cross-spawn@npm:^7.0.5, cross-spawn@npm:^7.0.6":
-  version: 7.0.6
-  resolution: "cross-spawn@npm:7.0.6"
-  dependencies:
-    path-key: ^3.1.0
-    shebang-command: ^2.0.0
-    which: ^2.0.1
-  checksum: 8d306efacaf6f3f60e0224c287664093fa9185680b2d195852ba9a863f85d02dcc737094c6e512175f8ee0161f9b87c73c6826034c2422e39de7d6569cf4503b
-  languageName: node
-  linkType: hard
-
-"css-loader@npm:7.1.2":
-  version: 7.1.2
-  resolution: "css-loader@npm:7.1.2"
-  dependencies:
-    icss-utils: ^5.1.0
-    postcss: ^8.4.33
-    postcss-modules-extract-imports: ^3.1.0
-    postcss-modules-local-by-default: ^4.0.5
-    postcss-modules-scope: ^3.2.0
-    postcss-modules-values: ^4.0.0
-    postcss-value-parser: ^4.2.0
-    semver: ^7.5.4
-  peerDependencies:
-    "@rspack/core": 0.x || 1.x
-    webpack: ^5.27.0
-  peerDependenciesMeta:
-    "@rspack/core":
-      optional: true
-    webpack:
-      optional: true
-  checksum: 15bfd90d778ddab90ee1d04c8c8bcc13ea6c0791d01b52b09d1b1c753b3410f7a7788a510d93726a9878e70b7c1a140f21efdf5c96e1857872107551d3897822
-  languageName: node
-  linkType: hard
-
-"css-loader@npm:^7.1.2":
-  version: 7.1.4
-  resolution: "css-loader@npm:7.1.4"
-  dependencies:
-    icss-utils: ^5.1.0
-    postcss: ^8.4.40
-    postcss-modules-extract-imports: ^3.1.0
-    postcss-modules-local-by-default: ^4.0.5
-    postcss-modules-scope: ^3.2.0
-    postcss-modules-values: ^4.0.0
-    postcss-value-parser: ^4.2.0
-    semver: ^7.6.3
-  peerDependencies:
-    "@rspack/core": 0.x || ^1.0.0 || ^2.0.0-0
-    webpack: ^5.27.0
-  peerDependenciesMeta:
-    "@rspack/core":
-      optional: true
-    webpack:
-      optional: true
-  checksum: 92a486a6fb224540d6fd57a7dc6877cd5fc5296414dece1da0857224492147aa71887aea0d9ff04c5a76cbd12bd4d65ed5b02f58510dc3fc7e7a426c04259162
-  languageName: node
-  linkType: hard
-
-"css-select@npm:^4.1.3":
-  version: 4.3.0
-  resolution: "css-select@npm:4.3.0"
-  dependencies:
-    boolbase: ^1.0.0
-    css-what: ^6.0.1
-    domhandler: ^4.3.1
-    domutils: ^2.8.0
-    nth-check: ^2.0.1
-  checksum: d6202736839194dd7f910320032e7cfc40372f025e4bf21ca5bf6eb0a33264f322f50ba9c0adc35dadd342d3d6fae5ca244779a4873afbfa76561e343f2058e0
-  languageName: node
-  linkType: hard
-
-"css-select@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "css-select@npm:6.0.0"
-  dependencies:
-    boolbase: ^1.0.0
-    css-what: ^7.0.0
-    domhandler: ^5.0.3
-    domutils: ^3.2.2
-    nth-check: ^2.1.1
-  checksum: e9fdbc01796e405a2f1b752dfbecb2eefab345af62149a493d5cfcd444c9712a9f154294185f27b6292b914da373c22df9e3faeab45165e9cacf89e8877cdbb7
-  languageName: node
-  linkType: hard
-
-"css-tree@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "css-tree@npm:3.1.0"
-  dependencies:
-    mdn-data: 2.12.2
-    source-map-js: ^1.0.1
-  checksum: 6b8c713c22b7223c0e71179575c3bbf421a13a61641204645d6c3b560bdc4ffed8d676220bbcb83777e07b46a934ec3b1c629aa61d57422c196c8e2e7417ee1a
-  languageName: node
-  linkType: hard
-
-"css-what@npm:^6.0.1":
-  version: 6.2.2
-  resolution: "css-what@npm:6.2.2"
-  checksum: 4d1f07b348a638e1f8b4c72804a1e93881f35e0f541256aec5ac0497c5855df7db7ab02da030de950d4813044f6d029a14ca657e0f92c3987e4b604246235b2b
-  languageName: node
-  linkType: hard
-
-"css-what@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "css-what@npm:7.0.0"
-  checksum: 993dcd4e95f5fb1e85df0caf23ae17e22bd626764a9213c9ee3f29bdb056eae5dd3a61f4193dda42958f1f8eb61c810606843107f79e0a29fcc0ee05bc48db5f
-  languageName: node
-  linkType: hard
-
-"css.escape@npm:^1.5.1":
-  version: 1.5.1
-  resolution: "css.escape@npm:1.5.1"
-  checksum: f6d38088d870a961794a2580b2b2af1027731bb43261cfdce14f19238a88664b351cc8978abc20f06cc6bbde725699dec8deb6fe9816b139fc3f2af28719e774
-  languageName: node
-  linkType: hard
-
-"cssesc@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "cssesc@npm:3.0.0"
-  bin:
-    cssesc: bin/cssesc
-  checksum: f8c4ababffbc5e2ddf2fa9957dda1ee4af6048e22aeda1869d0d00843223c1b13ad3f5d88b51caa46c994225eacb636b764eb807a8883e2fb6f99b4f4e8c48b2
-  languageName: node
-  linkType: hard
-
-"cssstyle@npm:^5.3.4":
-  version: 5.3.7
-  resolution: "cssstyle@npm:5.3.7"
-  dependencies:
-    "@asamuzakjp/css-color": ^4.1.1
-    "@csstools/css-syntax-patches-for-csstree": ^1.0.21
-    css-tree: ^3.1.0
-    lru-cache: ^11.2.4
-  checksum: a2c0902aa2ef11be3ace82867e5c3c5cd310e9c356a84e9e5d3f4944ee25ce36feefee7f182486336ee682fa494c74363bb717160c0336ef386858cefe26d072
-  languageName: node
-  linkType: hard
-
-"cytoscape-cose-bilkent@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "cytoscape-cose-bilkent@npm:4.1.0"
-  dependencies:
-    cose-base: ^1.0.0
-  peerDependencies:
-    cytoscape: ^3.2.0
-  checksum: bea6aa139e21bf4135b01b99f8778eed061e074d1a1689771597e8164a999d66f4075d46be584b0a88a5447f9321f38c90c8821df6a9322faaf5afebf4848d97
-  languageName: node
-  linkType: hard
-
-"cytoscape-fcose@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "cytoscape-fcose@npm:2.2.0"
-  dependencies:
-    cose-base: ^2.2.0
-  peerDependencies:
-    cytoscape: ^3.2.0
-  checksum: 94ffe6f131f9c08c2a0a7a6ce1c6c5e523a395bf8d84eba6d4a5f85e23f33788ea3ff807540861a5f78a6914a27729e06a7e6f66784f4f28ea1c030acf500121
-  languageName: node
-  linkType: hard
-
-"cytoscape@npm:^3.29.3":
-  version: 3.33.1
-  resolution: "cytoscape@npm:3.33.1"
-  checksum: 4ebb9551ecb868fc6e831f523933bf96bd107d09b984d6d44db45adfd0a0f82f3383d7d0d5bc2053267ab2e8da47ce5ea280159643e818a4f2534affee248db8
-  languageName: node
-  linkType: hard
-
-"d3-array@npm:1 - 2":
-  version: 2.12.1
-  resolution: "d3-array@npm:2.12.1"
-  dependencies:
-    internmap: ^1.0.0
-  checksum: 97853b7b523aded17078f37c67742f45d81e88dda2107ae9994c31b9e36c5fa5556c4c4cf39650436f247813602dfe31bf7ad067ff80f127a16903827f10c6eb
-  languageName: node
-  linkType: hard
-
-"d3-array@npm:2 - 3, d3-array@npm:2.10.0 - 3, d3-array@npm:2.5.0 - 3, d3-array@npm:3, d3-array@npm:^3.2.0":
-  version: 3.2.4
-  resolution: "d3-array@npm:3.2.4"
-  dependencies:
-    internmap: 1 - 2
-  checksum: a5976a6d6205f69208478bb44920dd7ce3e788c9dceb86b304dbe401a4bfb42ecc8b04c20facde486e9adcb488b5d1800d49393a3f81a23902b68158e12cddd0
-  languageName: node
-  linkType: hard
-
-"d3-axis@npm:3":
-  version: 3.0.0
-  resolution: "d3-axis@npm:3.0.0"
-  checksum: 227ddaa6d4bad083539c1ec245e2228b4620cca941997a8a650cb0af239375dc20271993127eedac66f0543f331027aca09385e1e16eed023f93eac937cddf0b
-  languageName: node
-  linkType: hard
-
-"d3-brush@npm:3":
-  version: 3.0.0
-  resolution: "d3-brush@npm:3.0.0"
-  dependencies:
-    d3-dispatch: 1 - 3
-    d3-drag: 2 - 3
-    d3-interpolate: 1 - 3
-    d3-selection: 3
-    d3-transition: 3
-  checksum: 1d042167769a02ac76271c71e90376d7184206e489552b7022a8ec2860209fe269db55e0a3430f3dcbe13b6fec2ff65b1adeaccba3218991b38e022390df72e3
-  languageName: node
-  linkType: hard
-
-"d3-chord@npm:3":
-  version: 3.0.1
-  resolution: "d3-chord@npm:3.0.1"
-  dependencies:
-    d3-path: 1 - 3
-  checksum: ddf35d41675e0f8738600a8a2f05bf0858def413438c12cba357c5802ecc1014c80a658acbbee63cbad2a8c747912efb2358455d93e59906fe37469f1dc6b78b
-  languageName: node
-  linkType: hard
-
-"d3-color@npm:1 - 3, d3-color@npm:3":
-  version: 3.1.0
-  resolution: "d3-color@npm:3.1.0"
-  checksum: 4931fbfda5d7c4b5cfa283a13c91a954f86e3b69d75ce588d06cde6c3628cebfc3af2069ccf225e982e8987c612aa7948b3932163ce15eb3c11cd7c003f3ee3b
-  languageName: node
-  linkType: hard
-
-"d3-contour@npm:4":
-  version: 4.0.2
-  resolution: "d3-contour@npm:4.0.2"
-  dependencies:
-    d3-array: ^3.2.0
-  checksum: 56aa082c1acf62a45b61c8d29fdd307041785aa17d9a07de7d1d848633769887a33fb6823888afa383f31c460d0f21d24756593e84e334ddb92d774214d32f1b
-  languageName: node
-  linkType: hard
-
-"d3-delaunay@npm:6":
-  version: 6.0.4
-  resolution: "d3-delaunay@npm:6.0.4"
-  dependencies:
-    delaunator: 5
-  checksum: ce6d267d5ef21a8aeadfe4606329fc80a22ab6e7748d47bc220bcc396ee8be84b77a5473033954c5ac4aa522d265ddc45d4165d30fe4787dd60a15ea66b9bbb4
-  languageName: node
-  linkType: hard
-
-"d3-dispatch@npm:1 - 3, d3-dispatch@npm:3":
-  version: 3.0.1
-  resolution: "d3-dispatch@npm:3.0.1"
-  checksum: fdfd4a230f46463e28e5b22a45dd76d03be9345b605e1b5dc7d18bd7ebf504e6c00ae123fd6d03e23d9e2711e01f0e14ea89cd0632545b9f0c00b924ba4be223
-  languageName: node
-  linkType: hard
-
-"d3-drag@npm:2 - 3, d3-drag@npm:3":
-  version: 3.0.0
-  resolution: "d3-drag@npm:3.0.0"
-  dependencies:
-    d3-dispatch: 1 - 3
-    d3-selection: 3
-  checksum: d297231e60ecd633b0d076a63b4052b436ddeb48b5a3a11ff68c7e41a6774565473a6b064c5e9256e88eca6439a917ab9cea76032c52d944ddbf4fd289e31111
-  languageName: node
-  linkType: hard
-
-"d3-dsv@npm:1 - 3, d3-dsv@npm:3":
-  version: 3.0.1
-  resolution: "d3-dsv@npm:3.0.1"
-  dependencies:
-    commander: 7
-    iconv-lite: 0.6
-    rw: 1
-  bin:
-    csv2json: bin/dsv2json.js
-    csv2tsv: bin/dsv2dsv.js
-    dsv2dsv: bin/dsv2dsv.js
-    dsv2json: bin/dsv2json.js
-    json2csv: bin/json2dsv.js
-    json2dsv: bin/json2dsv.js
-    json2tsv: bin/json2dsv.js
-    tsv2csv: bin/dsv2dsv.js
-    tsv2json: bin/dsv2json.js
-  checksum: 5fc0723647269d5dccd181d74f2265920ab368a2868b0b4f55ffa2fecdfb7814390ea28622cd61ee5d9594ab262879509059544e9f815c54fe76fbfb4ffa4c8a
-  languageName: node
-  linkType: hard
-
-"d3-ease@npm:1 - 3, d3-ease@npm:3":
-  version: 3.0.1
-  resolution: "d3-ease@npm:3.0.1"
-  checksum: 06e2ee5326d1e3545eab4e2c0f84046a123dcd3b612e68858219aa034da1160333d9ce3da20a1d3486d98cb5c2a06f7d233eee1bc19ce42d1533458bd85dedcd
-  languageName: node
-  linkType: hard
-
-"d3-fetch@npm:3":
-  version: 3.0.1
-  resolution: "d3-fetch@npm:3.0.1"
-  dependencies:
-    d3-dsv: 1 - 3
-  checksum: 382dcea06549ef82c8d0b719e5dc1d96286352579e3b51b20f71437f5800323315b09cf7dcfd4e1f60a41e1204deb01758470cea257d2285a7abd9dcec806984
-  languageName: node
-  linkType: hard
-
-"d3-force@npm:3":
-  version: 3.0.0
-  resolution: "d3-force@npm:3.0.0"
-  dependencies:
-    d3-dispatch: 1 - 3
-    d3-quadtree: 1 - 3
-    d3-timer: 1 - 3
-  checksum: 6c7e96438cab62fa32aeadb0ade3297b62b51f81b1b38b0a60a5ec9fd627d74090c1189654d92df2250775f31b06812342f089f1d5947de9960a635ee3581def
-  languageName: node
-  linkType: hard
-
-"d3-format@npm:1 - 3, d3-format@npm:3":
-  version: 3.1.2
-  resolution: "d3-format@npm:3.1.2"
-  checksum: 2ce13417b3186311df3fd924028cd516ec3e96d7c3eb6df9c83f6c2ed43de1717e6c5119a385b7744ef84e2b8a4c678ad95a2b2998391803ceb0d809e235cff4
-  languageName: node
-  linkType: hard
-
-"d3-geo@npm:3":
-  version: 3.1.1
-  resolution: "d3-geo@npm:3.1.1"
-  dependencies:
-    d3-array: 2.5.0 - 3
-  checksum: 3cc4bb50af5d2d4858d2df1729a1777b7fd361854079d9faab1166186c988d2cba0d11911da0c4598d5e22fae91d79113ed262a9f98cabdbc6dbf7c30e5c0363
-  languageName: node
-  linkType: hard
-
-"d3-hierarchy@npm:3":
-  version: 3.1.2
-  resolution: "d3-hierarchy@npm:3.1.2"
-  checksum: 0fd946a8c5fd4686d43d3e11bbfc2037a145fda29d2261ccd0e36f70b66af6d7638e2c0c7112124d63fc3d3127197a00a6aecf676bd5bd392a94d7235a214263
-  languageName: node
-  linkType: hard
-
-"d3-interpolate@npm:1 - 3, d3-interpolate@npm:1.2.0 - 3, d3-interpolate@npm:3":
-  version: 3.0.1
-  resolution: "d3-interpolate@npm:3.0.1"
-  dependencies:
-    d3-color: 1 - 3
-  checksum: a42ba314e295e95e5365eff0f604834e67e4a3b3c7102458781c477bd67e9b24b6bb9d8e41ff5521050a3f2c7c0c4bbbb6e187fd586daa3980943095b267e78b
-  languageName: node
-  linkType: hard
-
-"d3-path@npm:1":
-  version: 1.0.9
-  resolution: "d3-path@npm:1.0.9"
-  checksum: d4382573baf9509a143f40944baeff9fead136926aed6872f7ead5b3555d68925f8a37935841dd51f1d70b65a294fe35c065b0906fb6e42109295f6598fc16d0
-  languageName: node
-  linkType: hard
-
-"d3-path@npm:1 - 3, d3-path@npm:3, d3-path@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "d3-path@npm:3.1.0"
-  checksum: 2306f1bd9191e1eac895ec13e3064f732a85f243d6e627d242a313f9777756838a2215ea11562f0c7630c7c3b16a19ec1fe0948b1c82f3317fac55882f6ee5d8
-  languageName: node
-  linkType: hard
-
-"d3-polygon@npm:3":
-  version: 3.0.1
-  resolution: "d3-polygon@npm:3.0.1"
-  checksum: 0b85c532517895544683849768a2c377cee3801ef8ccf3fa9693c8871dd21a0c1a2a0fc75ff54192f0ba2c562b0da2bc27f5bf959dfafc7fa23573b574865d2c
-  languageName: node
-  linkType: hard
-
-"d3-quadtree@npm:1 - 3, d3-quadtree@npm:3":
-  version: 3.0.1
-  resolution: "d3-quadtree@npm:3.0.1"
-  checksum: 5469d462763811475f34a7294d984f3eb100515b0585ca5b249656f6b1a6e99b20056a2d2e463cc9944b888896d2b1d07859c50f9c0cf23438df9cd2e3146066
-  languageName: node
-  linkType: hard
-
-"d3-random@npm:3":
-  version: 3.0.1
-  resolution: "d3-random@npm:3.0.1"
-  checksum: a70ad8d1cabe399ebeb2e482703121ac8946a3b336830b518da6848b9fdd48a111990fc041dc716f16885a72176ffa2898f2a250ca3d363ecdba5ef92b18e131
-  languageName: node
-  linkType: hard
-
-"d3-sankey@npm:^0.12.3":
-  version: 0.12.3
-  resolution: "d3-sankey@npm:0.12.3"
-  dependencies:
-    d3-array: 1 - 2
-    d3-shape: ^1.2.0
-  checksum: df1cb9c9d02dd8fd14040e89f112f0da58c03bd7529fa001572a6925a51496d1d82ff25d9fedb6c429a91645fbd2476c19891e535ac90c8bc28337c33ee21c87
-  languageName: node
-  linkType: hard
-
-"d3-scale-chromatic@npm:3":
-  version: 3.1.0
-  resolution: "d3-scale-chromatic@npm:3.1.0"
-  dependencies:
-    d3-color: 1 - 3
-    d3-interpolate: 1 - 3
-  checksum: ab6324bd8e1f708e731e02ab44e09741efda2b174cea1d8ca21e4a87546295e99856bc44e2fd3890f228849c96bccfbcf922328f95be6a7df117453eb5cf22c9
-  languageName: node
-  linkType: hard
-
-"d3-scale@npm:4":
-  version: 4.0.2
-  resolution: "d3-scale@npm:4.0.2"
-  dependencies:
-    d3-array: 2.10.0 - 3
-    d3-format: 1 - 3
-    d3-interpolate: 1.2.0 - 3
-    d3-time: 2.1.1 - 3
-    d3-time-format: 2 - 4
-  checksum: a9c770d283162c3bd11477c3d9d485d07f8db2071665f1a4ad23eec3e515e2cefbd369059ec677c9ac849877d1a765494e90e92051d4f21111aa56791c98729e
-  languageName: node
-  linkType: hard
-
-"d3-selection@npm:2 - 3, d3-selection@npm:3":
-  version: 3.0.0
-  resolution: "d3-selection@npm:3.0.0"
-  checksum: f4e60e133309115b99f5b36a79ae0a19d71ee6e2d5e3c7216ef3e75ebd2cb1e778c2ed2fa4c01bef35e0dcbd96c5428f5bd6ca2184fe2957ed582fde6841cbc5
-  languageName: node
-  linkType: hard
-
-"d3-shape@npm:3":
-  version: 3.2.0
-  resolution: "d3-shape@npm:3.2.0"
-  dependencies:
-    d3-path: ^3.1.0
-  checksum: de2af5fc9a93036a7b68581ca0bfc4aca2d5a328aa7ba7064c11aedd44d24f310c20c40157cb654359d4c15c3ef369f95ee53d71221017276e34172c7b719cfa
-  languageName: node
-  linkType: hard
-
-"d3-shape@npm:^1.2.0":
-  version: 1.3.7
-  resolution: "d3-shape@npm:1.3.7"
-  dependencies:
-    d3-path: 1
-  checksum: 46566a3ab64a25023653bf59d64e81e9e6c987e95be985d81c5cedabae5838bd55f4a201a6b69069ca862eb63594cd263cac9034afc2b0e5664dfe286c866129
-  languageName: node
-  linkType: hard
-
-"d3-time-format@npm:2 - 4, d3-time-format@npm:4":
-  version: 4.1.0
-  resolution: "d3-time-format@npm:4.1.0"
-  dependencies:
-    d3-time: 1 - 3
-  checksum: 7342bce28355378152bbd4db4e275405439cabba082d9cd01946d40581140481c8328456d91740b0fe513c51ec4a467f4471ffa390c7e0e30ea30e9ec98fcdf4
-  languageName: node
-  linkType: hard
-
-"d3-time@npm:1 - 3, d3-time@npm:2.1.1 - 3, d3-time@npm:3":
-  version: 3.1.0
-  resolution: "d3-time@npm:3.1.0"
-  dependencies:
-    d3-array: 2 - 3
-  checksum: 613b435352a78d9f31b7f68540788186d8c331b63feca60ad21c88e9db1989fe888f97f242322ebd6365e45ec3fb206a4324cd4ca0dfffa1d9b5feb856ba00a7
-  languageName: node
-  linkType: hard
-
-"d3-timer@npm:1 - 3, d3-timer@npm:3":
-  version: 3.0.1
-  resolution: "d3-timer@npm:3.0.1"
-  checksum: 1cfddf86d7bca22f73f2c427f52dfa35c49f50d64e187eb788dcad6e927625c636aa18ae4edd44d084eb9d1f81d8ca4ec305dae7f733c15846a824575b789d73
-  languageName: node
-  linkType: hard
-
-"d3-transition@npm:2 - 3, d3-transition@npm:3":
-  version: 3.0.1
-  resolution: "d3-transition@npm:3.0.1"
-  dependencies:
-    d3-color: 1 - 3
-    d3-dispatch: 1 - 3
-    d3-ease: 1 - 3
-    d3-interpolate: 1 - 3
-    d3-timer: 1 - 3
-  peerDependencies:
-    d3-selection: 2 - 3
-  checksum: cb1e6e018c3abf0502fe9ff7b631ad058efb197b5e14b973a410d3935aead6e3c07c67d726cfab258e4936ef2667c2c3d1cd2037feb0765f0b4e1d3b8788c0ea
-  languageName: node
-  linkType: hard
-
-"d3-zoom@npm:3":
-  version: 3.0.0
-  resolution: "d3-zoom@npm:3.0.0"
-  dependencies:
-    d3-dispatch: 1 - 3
-    d3-drag: 2 - 3
-    d3-interpolate: 1 - 3
-    d3-selection: 2 - 3
-    d3-transition: 2 - 3
-  checksum: 8056e3527281cfd1ccbcbc458408f86973b0583e9dac00e51204026d1d36803ca437f970b5736f02fafed9f2b78f145f72a5dbc66397e02d4d95d4c594b8ff54
-  languageName: node
-  linkType: hard
-
-"d3@npm:^7.9.0":
-  version: 7.9.0
-  resolution: "d3@npm:7.9.0"
-  dependencies:
-    d3-array: 3
-    d3-axis: 3
-    d3-brush: 3
-    d3-chord: 3
-    d3-color: 3
-    d3-contour: 4
-    d3-delaunay: 6
-    d3-dispatch: 3
-    d3-drag: 3
-    d3-dsv: 3
-    d3-ease: 3
-    d3-fetch: 3
-    d3-force: 3
-    d3-format: 3
-    d3-geo: 3
-    d3-hierarchy: 3
-    d3-interpolate: 3
-    d3-path: 3
-    d3-polygon: 3
-    d3-quadtree: 3
-    d3-random: 3
-    d3-scale: 4
-    d3-scale-chromatic: 3
-    d3-selection: 3
-    d3-shape: 3
-    d3-time: 3
-    d3-time-format: 4
-    d3-timer: 3
-    d3-transition: 3
-    d3-zoom: 3
-  checksum: 1c0e9135f1fb78aa32b187fafc8b56ae6346102bd0e4e5e5a5339611a51e6038adbaa293fae373994228100eddd87320e930b1be922baeadc07c9fd43d26d99b
-  languageName: node
-  linkType: hard
-
-"dagre-d3-es@npm:7.0.13":
-  version: 7.0.13
-  resolution: "dagre-d3-es@npm:7.0.13"
-  dependencies:
-    d3: ^7.9.0
-    lodash-es: ^4.17.21
-  checksum: 4a6e5aeb8d4a643c19241b58b8507a7e8aadae8c470ecb9b0133b3af0d6244356cb2cda643fe2f4ef5f872800eb873d7287977b4c5965962396b1757afb0b5de
-  languageName: node
-  linkType: hard
-
-"data-uri-to-buffer@npm:^6.0.2":
-  version: 6.0.2
-  resolution: "data-uri-to-buffer@npm:6.0.2"
-  checksum: 8b6927c33f9b54037f442856be0aa20e5fd49fa6c9c8ceece408dc306445d593ad72d207d57037c529ce65f413b421da800c6827b1dbefb607b8056f17123a61
-  languageName: node
-  linkType: hard
-
-"data-urls@npm:^6.0.0":
-  version: 6.0.1
-  resolution: "data-urls@npm:6.0.1"
-  dependencies:
-    whatwg-mimetype: ^5.0.0
-    whatwg-url: ^15.1.0
-  checksum: 6ab8025df0ee497bfb12241f815fd3f3438dd34cd851c0801c16aa4e1e70f4f68d6334e3176ca340fe4084622b8a299a98b3d3059bbca671f1eaf8bae1088ec2
-  languageName: node
-  linkType: hard
-
-"date-fns@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "date-fns@npm:4.1.0"
-  checksum: fb681b242cccabed45494468f64282a7d375ea970e0adbcc5dcc92dcb7aba49b2081c2c9739d41bf71ce89ed68dd73bebfe06ca35129490704775d091895710b
-  languageName: node
-  linkType: hard
-
-"dayjs@npm:^1.11.18":
-  version: 1.11.19
-  resolution: "dayjs@npm:1.11.19"
-  checksum: dfafcca2c67cc6e542fd880d77f1d91667efd323edc28f0487b470b184a11cc97696163ed5be1142ea2a031045b27a0d0555e72f60a63275e0e0401ac24bea5d
-  languageName: node
-  linkType: hard
-
-"debug@npm:2.6.9":
-  version: 2.6.9
-  resolution: "debug@npm:2.6.9"
-  dependencies:
-    ms: 2.0.0
-  checksum: d2f51589ca66df60bf36e1fa6e4386b318c3f1e06772280eea5b1ae9fd3d05e9c2b7fd8a7d862457d00853c75b00451aa2d7459b924629ee385287a650f58fe6
-  languageName: node
-  linkType: hard
-
-"debug@npm:4, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.4, debug@npm:^4.3.6, debug@npm:^4.4.0, debug@npm:^4.4.1, debug@npm:^4.4.3":
-  version: 4.4.3
-  resolution: "debug@npm:4.4.3"
-  dependencies:
-    ms: ^2.1.3
-  peerDependenciesMeta:
-    supports-color:
-      optional: true
-  checksum: 4805abd570e601acdca85b6aa3757186084a45cff9b2fa6eee1f3b173caa776b45f478b2a71a572d616d2010cea9211d0ac4a02a610e4c18ac4324bde3760834
-  languageName: node
-  linkType: hard
-
-"decimal.js@npm:^10.6.0":
-  version: 10.6.0
-  resolution: "decimal.js@npm:10.6.0"
-  checksum: 9302b990cd6f4da1c7602200002e40e15d15660374432963421d3cd6d81cc6e27e0a488356b030fee64650947e32e78bdbea245d596dadfeeeb02e146d485999
-  languageName: node
-  linkType: hard
-
-"decode-uri-component@npm:^0.4.1":
-  version: 0.4.1
-  resolution: "decode-uri-component@npm:0.4.1"
-  checksum: 0473924860986fb6ca19ee65a2af13e08801b4f3660475b058500ea8479ed715c919884a026b6bf4296dbb640d3cea74fadf45490b2439152fc548271d0201ec
-  languageName: node
-  linkType: hard
-
-"deep-eql@npm:^5.0.1":
-  version: 5.0.2
-  resolution: "deep-eql@npm:5.0.2"
-  checksum: 6aaaadb4c19cbce42e26b2bbe5bd92875f599d2602635dc97f0294bae48da79e89470aedee05f449e0ca8c65e9fd7e7872624d1933a1db02713d99c2ca8d1f24
-  languageName: node
-  linkType: hard
-
-"deepmerge@npm:^4.2.2":
-  version: 4.3.1
-  resolution: "deepmerge@npm:4.3.1"
-  checksum: 2024c6a980a1b7128084170c4cf56b0fd58a63f2da1660dcfe977415f27b17dbe5888668b59d0b063753f3220719d5e400b7f113609489c90160bb9a5518d052
-  languageName: node
-  linkType: hard
-
-"default-browser-id@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "default-browser-id@npm:5.0.1"
-  checksum: 52c637637bcd76bfe974462a2f1dd75cb04784c2852935575760f82e1fd338e5e80d3c45a9b01fdbb1e450553a830bb163b004d2eca223c5573989f82232a072
-  languageName: node
-  linkType: hard
-
-"default-browser@npm:^5.2.1":
-  version: 5.4.0
-  resolution: "default-browser@npm:5.4.0"
-  dependencies:
-    bundle-name: ^4.1.0
-    default-browser-id: ^5.0.0
-  checksum: cac0222ca5c9a3387d25337228689652ab33679a6566995c7194a75af7e554e91ec9ac92a70bfaa8e8089eae9f466ae99267bb38601282aade89b200f50a765c
-  languageName: node
-  linkType: hard
-
-"define-lazy-prop@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "define-lazy-prop@npm:3.0.0"
-  checksum: 54884f94caac0791bf6395a3ec530ce901cf71c47b0196b8754f3fd17edb6c0e80149c1214429d851873bb0d689dbe08dcedbb2306dc45c8534a5934723851b6
-  languageName: node
-  linkType: hard
-
-"degenerator@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "degenerator@npm:5.0.1"
-  dependencies:
-    ast-types: ^0.13.4
-    escodegen: ^2.1.0
-    esprima: ^4.0.1
-  checksum: a64fa39cdf6c2edd75188157d32338ee9de7193d7dbb2aeb4acb1eb30fa4a15ed80ba8dae9bd4d7b085472cf174a5baf81adb761aaa8e326771392c922084152
-  languageName: node
-  linkType: hard
-
-"delaunator@npm:5":
-  version: 5.0.1
-  resolution: "delaunator@npm:5.0.1"
-  dependencies:
-    robust-predicates: ^3.0.2
-  checksum: 69ee43ec649b4a13b7f33c8a027fb3e8dfcb09266af324286118da757e04d3d39df619b905dca41421405c311317ccf632ecfa93db44519bacec3303c57c5a0b
-  languageName: node
-  linkType: hard
-
-"delegate@npm:^3.1.2":
-  version: 3.2.0
-  resolution: "delegate@npm:3.2.0"
-  checksum: d943058fe05897228b158cbd1bab05164df28c8f54127873231d6b03b0a5acc1b3ee1f98ac70ccc9b79cd84aa47118a7de111fee2923753491583905069da27d
-  languageName: node
-  linkType: hard
-
-"depd@npm:2.0.0, depd@npm:^2.0.0, depd@npm:~2.0.0":
-  version: 2.0.0
-  resolution: "depd@npm:2.0.0"
-  checksum: abbe19c768c97ee2eed6282d8ce3031126662252c58d711f646921c9623f9052e3e1906443066beec1095832f534e57c523b7333f8e7e0d93051ab6baef5ab3a
-  languageName: node
-  linkType: hard
-
-"depd@npm:~1.1.2":
-  version: 1.1.2
-  resolution: "depd@npm:1.1.2"
-  checksum: 6b406620d269619852885ce15965272b829df6f409724415e0002c8632ab6a8c0a08ec1f0bd2add05dc7bd7507606f7e2cc034fa24224ab829580040b835ecd9
-  languageName: node
-  linkType: hard
-
-"dequal@npm:^2.0.3":
-  version: 2.0.3
-  resolution: "dequal@npm:2.0.3"
-  checksum: 8679b850e1a3d0ebbc46ee780d5df7b478c23f335887464023a631d1b9af051ad4a6595a44220f9ff8ff95a8ddccf019b5ad778a976fd7bbf77383d36f412f90
-  languageName: node
-  linkType: hard
-
-"destroy@npm:1.2.0, destroy@npm:~1.2.0":
-  version: 1.2.0
-  resolution: "destroy@npm:1.2.0"
-  checksum: 0acb300b7478a08b92d810ab229d5afe0d2f4399272045ab22affa0d99dbaf12637659411530a6fcd597a9bdac718fc94373a61a95b4651bbc7b83684a565e38
-  languageName: node
-  linkType: hard
-
-"detect-libc@npm:^2.0.1, detect-libc@npm:^2.0.3":
-  version: 2.1.2
-  resolution: "detect-libc@npm:2.1.2"
-  checksum: 471740d52365084c4b2ae359e507b863f2b1d79b08a92835ebdf701918e08fc9cfba175b3db28483ca33b155e1311a91d69dc42c6d192b476f41a9e1f094ce6a
-  languageName: node
-  linkType: hard
-
-"detect-node@npm:^2.0.4":
-  version: 2.1.0
-  resolution: "detect-node@npm:2.1.0"
-  checksum: 832184ec458353e41533ac9c622f16c19f7c02d8b10c303dfd3a756f56be93e903616c0bb2d4226183c9351c15fc0b3dba41a17a2308262afabcfa3776e6ae6e
-  languageName: node
-  linkType: hard
-
-"devtools-protocol@npm:0.0.1551306":
-  version: 0.0.1551306
-  resolution: "devtools-protocol@npm:0.0.1551306"
-  checksum: 0116685433e21f3fb10acd68ee3337aed1586c95784e61d506d8d5b9133150ce4ce25a92f3e2b0d7635e2c8e9eed053e436b5703750f1952542d15ac432d15c2
-  languageName: node
-  linkType: hard
-
-"diff@npm:^4.0.1":
-  version: 4.0.4
-  resolution: "diff@npm:4.0.4"
-  checksum: e3f1c368778b16f9e7e4fd4199d04913bba9b017c37fbca7642b3613ebefcf3b18a4bd55e5f7074dc023fc95c96bd265f72114044e62cebae7f9a0f53bc36ace
-  languageName: node
-  linkType: hard
-
-"dns-packet@npm:^5.2.2":
-  version: 5.6.1
-  resolution: "dns-packet@npm:5.6.1"
-  dependencies:
-    "@leichtgewicht/ip-codec": ^2.0.1
-  checksum: 64c06457f0c6e143f7a0946e0aeb8de1c5f752217cfa143ef527467c00a6d78db1835cfdb6bb68333d9f9a4963cf23f410439b5262a8935cce1236f45e344b81
-  languageName: node
-  linkType: hard
-
-"dom-accessibility-api@npm:^0.5.9":
-  version: 0.5.16
-  resolution: "dom-accessibility-api@npm:0.5.16"
-  checksum: 005eb283caef57fc1adec4d5df4dd49189b628f2f575af45decb210e04d634459e3f1ee64f18b41e2dcf200c844bc1d9279d80807e686a30d69a4756151ad248
-  languageName: node
-  linkType: hard
-
-"dom-accessibility-api@npm:^0.6.3":
-  version: 0.6.3
-  resolution: "dom-accessibility-api@npm:0.6.3"
-  checksum: c325b5144bb406df23f4affecffc117dbaec9af03daad9ee6b510c5be647b14d28ef0a4ea5ca06d696d8ab40bb777e5fed98b985976fdef9d8790178fa1d573f
-  languageName: node
-  linkType: hard
-
-"dom-converter@npm:^0.2.0":
-  version: 0.2.0
-  resolution: "dom-converter@npm:0.2.0"
-  dependencies:
-    utila: ~0.4
-  checksum: ea52fe303f5392e48dea563abef0e6fb3a478b8dbe3c599e99bb5d53981c6c38fc4944e56bb92a8ead6bb989d10b7914722ae11febbd2fd0910e33b9fc4aaa77
-  languageName: node
-  linkType: hard
-
-"dom-serializer@npm:^1.0.1":
-  version: 1.4.1
-  resolution: "dom-serializer@npm:1.4.1"
-  dependencies:
-    domelementtype: ^2.0.1
-    domhandler: ^4.2.0
-    entities: ^2.0.0
-  checksum: fbb0b01f87a8a2d18e6e5a388ad0f7ec4a5c05c06d219377da1abc7bb0f674d804f4a8a94e3f71ff15f6cb7dcfc75704a54b261db672b9b3ab03da6b758b0b22
-  languageName: node
-  linkType: hard
-
-"dom-serializer@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "dom-serializer@npm:2.0.0"
-  dependencies:
-    domelementtype: ^2.3.0
-    domhandler: ^5.0.2
-    entities: ^4.2.0
-  checksum: cd1810544fd8cdfbd51fa2c0c1128ec3a13ba92f14e61b7650b5de421b88205fd2e3f0cc6ace82f13334114addb90ed1c2f23074a51770a8e9c1273acbc7f3e6
-  languageName: node
-  linkType: hard
-
-"domelementtype@npm:^2.0.1, domelementtype@npm:^2.2.0, domelementtype@npm:^2.3.0":
-  version: 2.3.0
-  resolution: "domelementtype@npm:2.3.0"
-  checksum: ee837a318ff702622f383409d1f5b25dd1024b692ef64d3096ff702e26339f8e345820f29a68bcdcea8cfee3531776b3382651232fbeae95612d6f0a75efb4f6
-  languageName: node
-  linkType: hard
-
-"domhandler@npm:^4.0.0, domhandler@npm:^4.2.0, domhandler@npm:^4.3.1":
-  version: 4.3.1
-  resolution: "domhandler@npm:4.3.1"
-  dependencies:
-    domelementtype: ^2.2.0
-  checksum: 4c665ceed016e1911bf7d1dadc09dc888090b64dee7851cccd2fcf5442747ec39c647bb1cb8c8919f8bbdd0f0c625a6bafeeed4b2d656bbecdbae893f43ffaaa
-  languageName: node
-  linkType: hard
-
-"domhandler@npm:^5.0.2, domhandler@npm:^5.0.3":
-  version: 5.0.3
-  resolution: "domhandler@npm:5.0.3"
-  dependencies:
-    domelementtype: ^2.3.0
-  checksum: 0f58f4a6af63e6f3a4320aa446d28b5790a009018707bce2859dcb1d21144c7876482b5188395a188dfa974238c019e0a1e610d2fc269a12b2c192ea2b0b131c
-  languageName: node
-  linkType: hard
-
-"dompurify@npm:3.3.2":
-  version: 3.3.2
-  resolution: "dompurify@npm:3.3.2"
-  dependencies:
-    "@types/trusted-types": ^2.0.7
-  dependenciesMeta:
-    "@types/trusted-types":
-      optional: true
-  checksum: 27856958c4088de2e2279b9514fcf3427c925e3cedf9d176957d9469a5199c39b572931a441cbb2025d1910c2890644280d0db8d5180b1366164cac309da08e5
-  languageName: node
-  linkType: hard
-
-"domutils@npm:^2.5.2, domutils@npm:^2.8.0":
-  version: 2.8.0
-  resolution: "domutils@npm:2.8.0"
-  dependencies:
-    dom-serializer: ^1.0.1
-    domelementtype: ^2.2.0
-    domhandler: ^4.2.0
-  checksum: abf7434315283e9aadc2a24bac0e00eab07ae4313b40cc239f89d84d7315ebdfd2fb1b5bf750a96bc1b4403d7237c7b2ebf60459be394d625ead4ca89b934391
-  languageName: node
-  linkType: hard
-
-"domutils@npm:^3.2.2":
-  version: 3.2.2
-  resolution: "domutils@npm:3.2.2"
-  dependencies:
-    dom-serializer: ^2.0.0
-    domelementtype: ^2.3.0
-    domhandler: ^5.0.3
-  checksum: ae941d56f03d857077d55dde9297e960a625229fc2b933187cc4123084d7c2d2517f58283a7336567127029f1e008449bac8ac8506d44341e29e3bb18e02f906
-  languageName: node
-  linkType: hard
-
-"dot-case@npm:^3.0.4":
-  version: 3.0.4
-  resolution: "dot-case@npm:3.0.4"
-  dependencies:
-    no-case: ^3.0.4
-    tslib: ^2.0.3
-  checksum: a65e3519414856df0228b9f645332f974f2bf5433370f544a681122eab59e66038fc3349b4be1cdc47152779dac71a5864f1ccda2f745e767c46e9c6543b1169
-  languageName: node
-  linkType: hard
-
-"dunder-proto@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "dunder-proto@npm:1.0.1"
-  dependencies:
-    call-bind-apply-helpers: ^1.0.1
-    es-errors: ^1.3.0
-    gopd: ^1.2.0
-  checksum: 149207e36f07bd4941921b0ca929e3a28f1da7bd6b6ff8ff7f4e2f2e460675af4576eeba359c635723dc189b64cdd4787e0255897d5b135ccc5d15cb8685fc90
-  languageName: node
-  linkType: hard
-
-"ee-first@npm:1.1.1":
-  version: 1.1.1
-  resolution: "ee-first@npm:1.1.1"
-  checksum: 1b4cac778d64ce3b582a7e26b218afe07e207a0f9bfe13cc7395a6d307849cfe361e65033c3251e00c27dd060cab43014c2d6b2647676135e18b77d2d05b3f4f
-  languageName: node
-  linkType: hard
-
-"electron-to-chromium@npm:^1.5.263":
-  version: 1.5.283
-  resolution: "electron-to-chromium@npm:1.5.283"
-  checksum: 50929e6289390da362ad72f7af094a28a4c0589770f22dc466de9eae33105bb0b809167b42a2ce2d0993e69b64c8d8764bb3dc7f8aaa2c89cec9906800c10aa9
-  languageName: node
-  linkType: hard
-
-"emoji-regex@npm:^10.3.0":
-  version: 10.6.0
-  resolution: "emoji-regex@npm:10.6.0"
-  checksum: 8785f6a7ec4559c931bd6640f748fe23791f5af4c743b131d458c5551b4aa7da2a9cd882518723cb3859e8b0b59b0cc08f2ce0f8e65c61a026eed71c2dc407d5
-  languageName: node
-  linkType: hard
-
-"emoji-regex@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "emoji-regex@npm:8.0.0"
-  checksum: d4c5c39d5a9868b5fa152f00cada8a936868fd3367f33f71be515ecee4c803132d11b31a6222b2571b1e5f7e13890156a94880345594d0ce7e3c9895f560f192
-  languageName: node
-  linkType: hard
-
-"emoji-toolkit@npm:>= 8.0.0 < 10.0.0":
-  version: 9.0.1
-  resolution: "emoji-toolkit@npm:9.0.1"
-  checksum: 7d6c950afdb05eff8a44676ccb9ad76ca71d618d68ef180ce01e37e7537927dc1e82db14bab192600152f66700be16010840c4f1a1a18be0883cae656008d677
-  languageName: node
-  linkType: hard
-
-"emojis-list@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "emojis-list@npm:3.0.0"
-  checksum: ddaaa02542e1e9436c03970eeed445f4ed29a5337dfba0fe0c38dfdd2af5da2429c2a0821304e8a8d1cadf27fdd5b22ff793571fa803ae16852a6975c65e8e70
-  languageName: node
-  linkType: hard
-
-"encodeurl@npm:^2.0.0, encodeurl@npm:~2.0.0":
-  version: 2.0.0
-  resolution: "encodeurl@npm:2.0.0"
-  checksum: abf5cd51b78082cf8af7be6785813c33b6df2068ce5191a40ca8b1afe6a86f9230af9a9ce694a5ce4665955e5c1120871826df9c128a642e09c58d592e2807fe
-  languageName: node
-  linkType: hard
-
-"encoding@npm:^0.1.13":
-  version: 0.1.13
-  resolution: "encoding@npm:0.1.13"
-  dependencies:
-    iconv-lite: ^0.6.2
-  checksum: bb98632f8ffa823996e508ce6a58ffcf5856330fde839ae42c9e1f436cc3b5cc651d4aeae72222916545428e54fd0f6aa8862fd8d25bdbcc4589f1e3f3715e7f
-  languageName: node
-  linkType: hard
-
-"end-of-stream@npm:^1.1.0":
-  version: 1.4.5
-  resolution: "end-of-stream@npm:1.4.5"
-  dependencies:
-    once: ^1.4.0
-  checksum: 1e0cfa6e7f49887544e03314f9dfc56a8cb6dde910cbb445983ecc2ff426fc05946df9d75d8a21a3a64f2cecfe1bf88f773952029f46756b2ed64a24e95b1fb8
-  languageName: node
-  linkType: hard
-
-"enhanced-resolve@npm:^5.17.4":
-  version: 5.18.4
-  resolution: "enhanced-resolve@npm:5.18.4"
-  dependencies:
-    graceful-fs: ^4.2.4
-    tapable: ^2.2.0
-  checksum: 8e8a1e8efd2361d32c8a4ea00523b52311ea47e66abebda159f1e60d8849161550821f44fde51fca20261b70a0b3f61dec6d4425816934a2adb65a9ea0574ec8
-  languageName: node
-  linkType: hard
-
-"enhanced-resolve@npm:^5.7.0":
-  version: 5.20.0
-  resolution: "enhanced-resolve@npm:5.20.0"
-  dependencies:
-    graceful-fs: ^4.2.4
-    tapable: ^2.3.0
-  checksum: cefb4c241cb8fa15c5f53b39042250c95432e0028b64f4cccb29bb4b5b4b4a20435b59a7a0d5c1e133d41b49ec2e5392198152a2237cc8f302c6c21c248bdc50
-  languageName: node
-  linkType: hard
-
-"entities@npm:^2.0.0":
-  version: 2.2.0
-  resolution: "entities@npm:2.2.0"
-  checksum: 19010dacaf0912c895ea262b4f6128574f9ccf8d4b3b65c7e8334ad0079b3706376360e28d8843ff50a78aabcb8f08f0a32dbfacdc77e47ed77ca08b713669b3
-  languageName: node
-  linkType: hard
-
-"entities@npm:^4.2.0":
-  version: 4.5.0
-  resolution: "entities@npm:4.5.0"
-  checksum: 853f8ebd5b425d350bffa97dd6958143179a5938352ccae092c62d1267c4e392a039be1bae7d51b6e4ffad25f51f9617531fedf5237f15df302ccfb452cbf2d7
-  languageName: node
-  linkType: hard
-
-"entities@npm:^6.0.0":
-  version: 6.0.1
-  resolution: "entities@npm:6.0.1"
-  checksum: 937b952e81aca641660a6a07f70001c6821973dea3ae7f6a5013eadce94620f3ed2e9c745832d503c8811ce6e97704d8a0396159580c0e567d815234de7fdecf
-  languageName: node
-  linkType: hard
-
-"entities@npm:^7.0.1":
-  version: 7.0.1
-  resolution: "entities@npm:7.0.1"
-  checksum: 5ee49e52e64eafc63251585f74eae50f259ea2169dbbf5380843dcd97c79bfe430a58e7f34012ab67a8e258f6ef9f92d721d149ffc88c89039e155f1bcf48a53
-  languageName: node
-  linkType: hard
-
-"env-paths@npm:^2.2.0, env-paths@npm:^2.2.1":
-  version: 2.2.1
-  resolution: "env-paths@npm:2.2.1"
-  checksum: 65b5df55a8bab92229ab2b40dad3b387fad24613263d103a97f91c9fe43ceb21965cd3392b1ccb5d77088021e525c4e0481adb309625d0cb94ade1d1fb8dc17e
-  languageName: node
-  linkType: hard
-
-"environment@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "environment@npm:1.1.0"
-  checksum: dd3c1b9825e7f71f1e72b03c2344799ac73f2e9ef81b78ea8b373e55db021786c6b9f3858ea43a436a2c4611052670ec0afe85bc029c384cc71165feee2f4ba6
-  languageName: node
-  linkType: hard
-
-"err-code@npm:^2.0.2":
-  version: 2.0.3
-  resolution: "err-code@npm:2.0.3"
-  checksum: 8b7b1be20d2de12d2255c0bc2ca638b7af5171142693299416e6a9339bd7d88fc8d7707d913d78e0993176005405a236b066b45666b27b797252c771156ace54
-  languageName: node
-  linkType: hard
-
-"errno@npm:^0.1.1":
-  version: 0.1.8
-  resolution: "errno@npm:0.1.8"
-  dependencies:
-    prr: ~1.0.1
-  bin:
-    errno: cli.js
-  checksum: 1271f7b9fbb3bcbec76ffde932485d1e3561856d21d847ec613a9722ee924cdd4e523a62dc71a44174d91e898fe21fdc8d5b50823f4b5e0ce8c35c8271e6ef4a
-  languageName: node
-  linkType: hard
-
-"error-ex@npm:^1.3.1":
-  version: 1.3.4
-  resolution: "error-ex@npm:1.3.4"
-  dependencies:
-    is-arrayish: ^0.2.1
-  checksum: 25136c0984569c8d68417036a9a1624804314296f24675199a391e5d20b2e26fe6d9304d40901293fa86900603a229983c9a8921ea7f1d16f814c2db946ff4ef
-  languageName: node
-  linkType: hard
-
-"es-define-property@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "es-define-property@npm:1.0.1"
-  checksum: 0512f4e5d564021c9e3a644437b0155af2679d10d80f21adaf868e64d30efdfbd321631956f20f42d655fedb2e3a027da479fad3fa6048f768eb453a80a5f80a
-  languageName: node
-  linkType: hard
-
-"es-errors@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "es-errors@npm:1.3.0"
-  checksum: ec1414527a0ccacd7f15f4a3bc66e215f04f595ba23ca75cdae0927af099b5ec865f9f4d33e9d7e86f512f252876ac77d4281a7871531a50678132429b1271b5
-  languageName: node
-  linkType: hard
-
-"es-module-lexer@npm:^1.5.0, es-module-lexer@npm:^1.7.0":
-  version: 1.7.0
-  resolution: "es-module-lexer@npm:1.7.0"
-  checksum: 7858bb76ae387fdbf8a6fccc951bf18919768309850587553eca34698b9193fbc65fab03d3d9f69163d860321fbf66adf89d5821e7f4148c7cb7d7b997259211
-  languageName: node
-  linkType: hard
-
-"es-module-lexer@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "es-module-lexer@npm:2.0.0"
-  checksum: 6290c43cc9bf6c9f9167b4be8c0105137401fbbd9d503d89880f7e811286cd33ab628407e7dea3c14d41cf9e634e580e5d9952907003a88c7fb2461de6f1b2c1
-  languageName: node
-  linkType: hard
-
-"es-object-atoms@npm:^1.0.0, es-object-atoms@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "es-object-atoms@npm:1.1.1"
-  dependencies:
-    es-errors: ^1.3.0
-  checksum: 214d3767287b12f36d3d7267ef342bbbe1e89f899cfd67040309fc65032372a8e60201410a99a1645f2f90c1912c8c49c8668066f6bdd954bcd614dda2e3da97
-  languageName: node
-  linkType: hard
-
-"esbuild-wasm@npm:0.25.9":
-  version: 0.25.9
-  resolution: "esbuild-wasm@npm:0.25.9"
-  bin:
-    esbuild: bin/esbuild
-  checksum: 0c0666a2b939c9b51e2ab28cc9caff37fe3c7f381da08bd00a29a7371dd046492fa4e0ff3209d1ae45f814e48261edf0f64e6b7237b1881589561f7a95235c12
-  languageName: node
-  linkType: hard
-
-"esbuild@npm:0.25.9":
-  version: 0.25.9
-  resolution: "esbuild@npm:0.25.9"
-  dependencies:
-    "@esbuild/aix-ppc64": 0.25.9
-    "@esbuild/android-arm": 0.25.9
-    "@esbuild/android-arm64": 0.25.9
-    "@esbuild/android-x64": 0.25.9
-    "@esbuild/darwin-arm64": 0.25.9
-    "@esbuild/darwin-x64": 0.25.9
-    "@esbuild/freebsd-arm64": 0.25.9
-    "@esbuild/freebsd-x64": 0.25.9
-    "@esbuild/linux-arm": 0.25.9
-    "@esbuild/linux-arm64": 0.25.9
-    "@esbuild/linux-ia32": 0.25.9
-    "@esbuild/linux-loong64": 0.25.9
-    "@esbuild/linux-mips64el": 0.25.9
-    "@esbuild/linux-ppc64": 0.25.9
-    "@esbuild/linux-riscv64": 0.25.9
-    "@esbuild/linux-s390x": 0.25.9
-    "@esbuild/linux-x64": 0.25.9
-    "@esbuild/netbsd-arm64": 0.25.9
-    "@esbuild/netbsd-x64": 0.25.9
-    "@esbuild/openbsd-arm64": 0.25.9
-    "@esbuild/openbsd-x64": 0.25.9
-    "@esbuild/openharmony-arm64": 0.25.9
-    "@esbuild/sunos-x64": 0.25.9
-    "@esbuild/win32-arm64": 0.25.9
-    "@esbuild/win32-ia32": 0.25.9
-    "@esbuild/win32-x64": 0.25.9
-  dependenciesMeta:
-    "@esbuild/aix-ppc64":
-      optional: true
-    "@esbuild/android-arm":
-      optional: true
-    "@esbuild/android-arm64":
-      optional: true
-    "@esbuild/android-x64":
-      optional: true
-    "@esbuild/darwin-arm64":
-      optional: true
-    "@esbuild/darwin-x64":
-      optional: true
-    "@esbuild/freebsd-arm64":
-      optional: true
-    "@esbuild/freebsd-x64":
-      optional: true
-    "@esbuild/linux-arm":
-      optional: true
-    "@esbuild/linux-arm64":
-      optional: true
-    "@esbuild/linux-ia32":
-      optional: true
-    "@esbuild/linux-loong64":
-      optional: true
-    "@esbuild/linux-mips64el":
-      optional: true
-    "@esbuild/linux-ppc64":
-      optional: true
-    "@esbuild/linux-riscv64":
-      optional: true
-    "@esbuild/linux-s390x":
-      optional: true
-    "@esbuild/linux-x64":
-      optional: true
-    "@esbuild/netbsd-arm64":
-      optional: true
-    "@esbuild/netbsd-x64":
-      optional: true
-    "@esbuild/openbsd-arm64":
-      optional: true
-    "@esbuild/openbsd-x64":
-      optional: true
-    "@esbuild/openharmony-arm64":
-      optional: true
-    "@esbuild/sunos-x64":
-      optional: true
-    "@esbuild/win32-arm64":
-      optional: true
-    "@esbuild/win32-ia32":
-      optional: true
-    "@esbuild/win32-x64":
-      optional: true
-  bin:
-    esbuild: bin/esbuild
-  checksum: 718bc15016266da5b4675c2226923cadfe014b119e5c7a9240a6fe826c01ec2e7d5492af052e1c8a03b511778187f234cef2e994e6195287945ce0a824b79974
-  languageName: node
-  linkType: hard
-
-"esbuild@npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0 || ^0.26.0 || ^0.27.0":
-  version: 0.27.3
-  resolution: "esbuild@npm:0.27.3"
-  dependencies:
-    "@esbuild/aix-ppc64": 0.27.3
-    "@esbuild/android-arm": 0.27.3
-    "@esbuild/android-arm64": 0.27.3
-    "@esbuild/android-x64": 0.27.3
-    "@esbuild/darwin-arm64": 0.27.3
-    "@esbuild/darwin-x64": 0.27.3
-    "@esbuild/freebsd-arm64": 0.27.3
-    "@esbuild/freebsd-x64": 0.27.3
-    "@esbuild/linux-arm": 0.27.3
-    "@esbuild/linux-arm64": 0.27.3
-    "@esbuild/linux-ia32": 0.27.3
-    "@esbuild/linux-loong64": 0.27.3
-    "@esbuild/linux-mips64el": 0.27.3
-    "@esbuild/linux-ppc64": 0.27.3
-    "@esbuild/linux-riscv64": 0.27.3
-    "@esbuild/linux-s390x": 0.27.3
-    "@esbuild/linux-x64": 0.27.3
-    "@esbuild/netbsd-arm64": 0.27.3
-    "@esbuild/netbsd-x64": 0.27.3
-    "@esbuild/openbsd-arm64": 0.27.3
-    "@esbuild/openbsd-x64": 0.27.3
-    "@esbuild/openharmony-arm64": 0.27.3
-    "@esbuild/sunos-x64": 0.27.3
-    "@esbuild/win32-arm64": 0.27.3
-    "@esbuild/win32-ia32": 0.27.3
-    "@esbuild/win32-x64": 0.27.3
-  dependenciesMeta:
-    "@esbuild/aix-ppc64":
-      optional: true
-    "@esbuild/android-arm":
-      optional: true
-    "@esbuild/android-arm64":
-      optional: true
-    "@esbuild/android-x64":
-      optional: true
-    "@esbuild/darwin-arm64":
-      optional: true
-    "@esbuild/darwin-x64":
-      optional: true
-    "@esbuild/freebsd-arm64":
-      optional: true
-    "@esbuild/freebsd-x64":
-      optional: true
-    "@esbuild/linux-arm":
-      optional: true
-    "@esbuild/linux-arm64":
-      optional: true
-    "@esbuild/linux-ia32":
-      optional: true
-    "@esbuild/linux-loong64":
-      optional: true
-    "@esbuild/linux-mips64el":
-      optional: true
-    "@esbuild/linux-ppc64":
-      optional: true
-    "@esbuild/linux-riscv64":
-      optional: true
-    "@esbuild/linux-s390x":
-      optional: true
-    "@esbuild/linux-x64":
-      optional: true
-    "@esbuild/netbsd-arm64":
-      optional: true
-    "@esbuild/netbsd-x64":
-      optional: true
-    "@esbuild/openbsd-arm64":
-      optional: true
-    "@esbuild/openbsd-x64":
-      optional: true
-    "@esbuild/openharmony-arm64":
-      optional: true
-    "@esbuild/sunos-x64":
-      optional: true
-    "@esbuild/win32-arm64":
-      optional: true
-    "@esbuild/win32-ia32":
-      optional: true
-    "@esbuild/win32-x64":
-      optional: true
-  bin:
-    esbuild: bin/esbuild
-  checksum: 3a45334b00ca235ad96843738c4698970aacde92058aee28ab1fa57ad823c29667070af90b6071cc876e492bebdeed79f593a273c39b419097afd2a772296085
-  languageName: node
-  linkType: hard
-
-"esbuild@npm:^0.25.0":
-  version: 0.25.12
-  resolution: "esbuild@npm:0.25.12"
-  dependencies:
-    "@esbuild/aix-ppc64": 0.25.12
-    "@esbuild/android-arm": 0.25.12
-    "@esbuild/android-arm64": 0.25.12
-    "@esbuild/android-x64": 0.25.12
-    "@esbuild/darwin-arm64": 0.25.12
-    "@esbuild/darwin-x64": 0.25.12
-    "@esbuild/freebsd-arm64": 0.25.12
-    "@esbuild/freebsd-x64": 0.25.12
-    "@esbuild/linux-arm": 0.25.12
-    "@esbuild/linux-arm64": 0.25.12
-    "@esbuild/linux-ia32": 0.25.12
-    "@esbuild/linux-loong64": 0.25.12
-    "@esbuild/linux-mips64el": 0.25.12
-    "@esbuild/linux-ppc64": 0.25.12
-    "@esbuild/linux-riscv64": 0.25.12
-    "@esbuild/linux-s390x": 0.25.12
-    "@esbuild/linux-x64": 0.25.12
-    "@esbuild/netbsd-arm64": 0.25.12
-    "@esbuild/netbsd-x64": 0.25.12
-    "@esbuild/openbsd-arm64": 0.25.12
-    "@esbuild/openbsd-x64": 0.25.12
-    "@esbuild/openharmony-arm64": 0.25.12
-    "@esbuild/sunos-x64": 0.25.12
-    "@esbuild/win32-arm64": 0.25.12
-    "@esbuild/win32-ia32": 0.25.12
-    "@esbuild/win32-x64": 0.25.12
-  dependenciesMeta:
-    "@esbuild/aix-ppc64":
-      optional: true
-    "@esbuild/android-arm":
-      optional: true
-    "@esbuild/android-arm64":
-      optional: true
-    "@esbuild/android-x64":
-      optional: true
-    "@esbuild/darwin-arm64":
-      optional: true
-    "@esbuild/darwin-x64":
-      optional: true
-    "@esbuild/freebsd-arm64":
-      optional: true
-    "@esbuild/freebsd-x64":
-      optional: true
-    "@esbuild/linux-arm":
-      optional: true
-    "@esbuild/linux-arm64":
-      optional: true
-    "@esbuild/linux-ia32":
-      optional: true
-    "@esbuild/linux-loong64":
-      optional: true
-    "@esbuild/linux-mips64el":
-      optional: true
-    "@esbuild/linux-ppc64":
-      optional: true
-    "@esbuild/linux-riscv64":
-      optional: true
-    "@esbuild/linux-s390x":
-      optional: true
-    "@esbuild/linux-x64":
-      optional: true
-    "@esbuild/netbsd-arm64":
-      optional: true
-    "@esbuild/netbsd-x64":
-      optional: true
-    "@esbuild/openbsd-arm64":
-      optional: true
-    "@esbuild/openbsd-x64":
-      optional: true
-    "@esbuild/openharmony-arm64":
-      optional: true
-    "@esbuild/sunos-x64":
-      optional: true
-    "@esbuild/win32-arm64":
-      optional: true
-    "@esbuild/win32-ia32":
-      optional: true
-    "@esbuild/win32-x64":
-      optional: true
-  bin:
-    esbuild: bin/esbuild
-  checksum: 3d1dc181338e2c44f4374508e9d0da3e7ae90f65d7f3f5d8076ff401a1726c5c9ecc86cfc825249349f1652e12d5ae13f02bcaa4d9487c88c7a11167f52ba353
-  languageName: node
-  linkType: hard
-
-"esbuild@npm:^0.27.0":
-  version: 0.27.2
-  resolution: "esbuild@npm:0.27.2"
-  dependencies:
-    "@esbuild/aix-ppc64": 0.27.2
-    "@esbuild/android-arm": 0.27.2
-    "@esbuild/android-arm64": 0.27.2
-    "@esbuild/android-x64": 0.27.2
-    "@esbuild/darwin-arm64": 0.27.2
-    "@esbuild/darwin-x64": 0.27.2
-    "@esbuild/freebsd-arm64": 0.27.2
-    "@esbuild/freebsd-x64": 0.27.2
-    "@esbuild/linux-arm": 0.27.2
-    "@esbuild/linux-arm64": 0.27.2
-    "@esbuild/linux-ia32": 0.27.2
-    "@esbuild/linux-loong64": 0.27.2
-    "@esbuild/linux-mips64el": 0.27.2
-    "@esbuild/linux-ppc64": 0.27.2
-    "@esbuild/linux-riscv64": 0.27.2
-    "@esbuild/linux-s390x": 0.27.2
-    "@esbuild/linux-x64": 0.27.2
-    "@esbuild/netbsd-arm64": 0.27.2
-    "@esbuild/netbsd-x64": 0.27.2
-    "@esbuild/openbsd-arm64": 0.27.2
-    "@esbuild/openbsd-x64": 0.27.2
-    "@esbuild/openharmony-arm64": 0.27.2
-    "@esbuild/sunos-x64": 0.27.2
-    "@esbuild/win32-arm64": 0.27.2
-    "@esbuild/win32-ia32": 0.27.2
-    "@esbuild/win32-x64": 0.27.2
-  dependenciesMeta:
-    "@esbuild/aix-ppc64":
-      optional: true
-    "@esbuild/android-arm":
-      optional: true
-    "@esbuild/android-arm64":
-      optional: true
-    "@esbuild/android-x64":
-      optional: true
-    "@esbuild/darwin-arm64":
-      optional: true
-    "@esbuild/darwin-x64":
-      optional: true
-    "@esbuild/freebsd-arm64":
-      optional: true
-    "@esbuild/freebsd-x64":
-      optional: true
-    "@esbuild/linux-arm":
-      optional: true
-    "@esbuild/linux-arm64":
-      optional: true
-    "@esbuild/linux-ia32":
-      optional: true
-    "@esbuild/linux-loong64":
-      optional: true
-    "@esbuild/linux-mips64el":
-      optional: true
-    "@esbuild/linux-ppc64":
-      optional: true
-    "@esbuild/linux-riscv64":
-      optional: true
-    "@esbuild/linux-s390x":
-      optional: true
-    "@esbuild/linux-x64":
-      optional: true
-    "@esbuild/netbsd-arm64":
-      optional: true
-    "@esbuild/netbsd-x64":
-      optional: true
-    "@esbuild/openbsd-arm64":
-      optional: true
-    "@esbuild/openbsd-x64":
-      optional: true
-    "@esbuild/openharmony-arm64":
-      optional: true
-    "@esbuild/sunos-x64":
-      optional: true
-    "@esbuild/win32-arm64":
-      optional: true
-    "@esbuild/win32-ia32":
-      optional: true
-    "@esbuild/win32-x64":
-      optional: true
-  bin:
-    esbuild: bin/esbuild
-  checksum: 62ec92f8f40ad19922ae7d8dbf0427e41744120a77cc95abdf099dfb484d65fbe3c70cc55b8eccb7f6cb0d14e871ff1f2f76376d476915c2a6d2b800269261b2
-  languageName: node
-  linkType: hard
-
-"escalade@npm:^3.1.1, escalade@npm:^3.2.0":
-  version: 3.2.0
-  resolution: "escalade@npm:3.2.0"
-  checksum: 47b029c83de01b0d17ad99ed766347b974b0d628e848de404018f3abee728e987da0d2d370ad4574aa3d5b5bfc368754fd085d69a30f8e75903486ec4b5b709e
-  languageName: node
-  linkType: hard
-
-"escape-html@npm:^1.0.3, escape-html@npm:~1.0.3":
-  version: 1.0.3
-  resolution: "escape-html@npm:1.0.3"
-  checksum: 6213ca9ae00d0ab8bccb6d8d4e0a98e76237b2410302cf7df70aaa6591d509a2a37ce8998008cbecae8fc8ffaadf3fb0229535e6a145f3ce0b211d060decbb24
-  languageName: node
-  linkType: hard
-
-"escodegen@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "escodegen@npm:2.1.0"
-  dependencies:
-    esprima: ^4.0.1
-    estraverse: ^5.2.0
-    esutils: ^2.0.2
-    source-map: ~0.6.1
-  dependenciesMeta:
-    source-map:
-      optional: true
-  bin:
-    escodegen: bin/escodegen.js
-    esgenerate: bin/esgenerate.js
-  checksum: 096696407e161305cd05aebb95134ad176708bc5cb13d0dcc89a5fcbb959b8ed757e7f2591a5f8036f8f4952d4a724de0df14cd419e29212729fa6df5ce16bf6
-  languageName: node
-  linkType: hard
-
-"eslint-scope@npm:5.1.1":
-  version: 5.1.1
-  resolution: "eslint-scope@npm:5.1.1"
-  dependencies:
-    esrecurse: ^4.3.0
-    estraverse: ^4.1.1
-  checksum: 47e4b6a3f0cc29c7feedee6c67b225a2da7e155802c6ea13bbef4ac6b9e10c66cd2dcb987867ef176292bf4e64eccc680a49e35e9e9c669f4a02bac17e86abdb
-  languageName: node
-  linkType: hard
-
-"esprima@npm:^4.0.1, esprima@npm:~4.0.0":
-  version: 4.0.1
-  resolution: "esprima@npm:4.0.1"
-  bin:
-    esparse: ./bin/esparse.js
-    esvalidate: ./bin/esvalidate.js
-  checksum: b45bc805a613dbea2835278c306b91aff6173c8d034223fa81498c77dcbce3b2931bf6006db816f62eacd9fd4ea975dfd85a5b7f3c6402cfd050d4ca3c13a628
-  languageName: node
-  linkType: hard
-
-"esrecurse@npm:^4.3.0":
-  version: 4.3.0
-  resolution: "esrecurse@npm:4.3.0"
-  dependencies:
-    estraverse: ^5.2.0
-  checksum: ebc17b1a33c51cef46fdc28b958994b1dc43cd2e86237515cbc3b4e5d2be6a811b2315d0a1a4d9d340b6d2308b15322f5c8291059521cc5f4802f65e7ec32837
-  languageName: node
-  linkType: hard
-
-"estraverse@npm:^4.1.1":
-  version: 4.3.0
-  resolution: "estraverse@npm:4.3.0"
-  checksum: a6299491f9940bb246124a8d44b7b7a413a8336f5436f9837aaa9330209bd9ee8af7e91a654a3545aee9c54b3308e78ee360cef1d777d37cfef77d2fa33b5827
-  languageName: node
-  linkType: hard
-
-"estraverse@npm:^5.2.0":
-  version: 5.3.0
-  resolution: "estraverse@npm:5.3.0"
-  checksum: 072780882dc8416ad144f8fe199628d2b3e7bbc9989d9ed43795d2c90309a2047e6bc5979d7e2322a341163d22cfad9e21f4110597fe487519697389497e4e2b
-  languageName: node
-  linkType: hard
-
-"estree-walker@npm:^3.0.3":
-  version: 3.0.3
-  resolution: "estree-walker@npm:3.0.3"
-  dependencies:
-    "@types/estree": ^1.0.0
-  checksum: a65728d5727b71de172c5df323385755a16c0fdab8234dc756c3854cfee343261ddfbb72a809a5660fac8c75d960bb3e21aa898c2d7e9b19bb298482ca58a3af
-  languageName: node
-  linkType: hard
-
-"esutils@npm:^2.0.2":
-  version: 2.0.3
-  resolution: "esutils@npm:2.0.3"
-  checksum: 22b5b08f74737379a840b8ed2036a5fb35826c709ab000683b092d9054e5c2a82c27818f12604bfc2a9a76b90b6834ef081edbc1c7ae30d1627012e067c6ec87
-  languageName: node
-  linkType: hard
-
-"etag@npm:^1.8.1, etag@npm:~1.8.1":
-  version: 1.8.1
-  resolution: "etag@npm:1.8.1"
-  checksum: 571aeb3dbe0f2bbd4e4fadbdb44f325fc75335cd5f6f6b6a091e6a06a9f25ed5392f0863c5442acb0646787446e816f13cbfc6edce5b07658541dff573cab1ff
-  languageName: node
-  linkType: hard
-
-"eventemitter3@npm:^4.0.0":
-  version: 4.0.7
-  resolution: "eventemitter3@npm:4.0.7"
-  checksum: 1875311c42fcfe9c707b2712c32664a245629b42bb0a5a84439762dd0fd637fc54d078155ea83c2af9e0323c9ac13687e03cfba79b03af9f40c89b4960099374
-  languageName: node
-  linkType: hard
-
-"eventemitter3@npm:^5.0.1":
-  version: 5.0.4
-  resolution: "eventemitter3@npm:5.0.4"
-  checksum: bcbd2c3a9d2553c2289623ede8aab474d5c92bcbf18e5fe76f0e550c2b7801afb5a4351c7f11e8ee2379cca1ee48316aeb98fc3b946b7dd1f47a4c1ee8c4dcf2
-  languageName: node
-  linkType: hard
-
-"events-universal@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "events-universal@npm:1.0.1"
-  dependencies:
-    bare-events: ^2.7.0
-  checksum: fb8451c98535bde30585004303a368d55c38e5bc3ed6aa9b5d29fecaabaf8ec276a33ff77dcc1d1c05eecf83b8161f184cabc9a03b76a06c10e9a4ce827a6abc
-  languageName: node
-  linkType: hard
-
-"events@npm:^3.2.0":
-  version: 3.3.0
-  resolution: "events@npm:3.3.0"
-  checksum: f6f487ad2198aa41d878fa31452f1a3c00958f46e9019286ff4787c84aac329332ab45c9cdc8c445928fc6d7ded294b9e005a7fce9426488518017831b272780
-  languageName: node
-  linkType: hard
-
-"eventsource-parser@npm:^3.0.0, eventsource-parser@npm:^3.0.1":
-  version: 3.0.6
-  resolution: "eventsource-parser@npm:3.0.6"
-  checksum: b90ec27f8d992afa7df171db202faaedb1782214f64e50690cbf78bc2629f7751575aa27a72d8ae447e5a7094938406b1a3ea1d89e5f0f2d6916cc8a694b6587
-  languageName: node
-  linkType: hard
-
-"eventsource@npm:^3.0.2":
-  version: 3.0.7
-  resolution: "eventsource@npm:3.0.7"
-  dependencies:
-    eventsource-parser: ^3.0.1
-  checksum: cd8cbc3418238b9d751b6652edf442d4b869829fbc3b73444abca1816fe3d23dc707130dd9a990360bc27c281d986f2f62059d870921173425c3ac28d20a8414
-  languageName: node
-  linkType: hard
-
-"expect-type@npm:^1.2.1":
-  version: 1.3.0
-  resolution: "expect-type@npm:1.3.0"
-  checksum: 60476b4f4c0c88bf24db0735faa7d1d0c9120c21e5b78781c0fea0d4a95838f2db0c919a055aa4bb185ccbf38e37fa3000d3bb05500ceafcc7c469955c5a4f84
-  languageName: node
-  linkType: hard
-
-"exponential-backoff@npm:^3.1.1":
-  version: 3.1.3
-  resolution: "exponential-backoff@npm:3.1.3"
-  checksum: 471fdb70fd3d2c08a74a026973bdd4105b7832911f610ca67bbb74e39279411c1eed2f2a110c9d41c2edd89459ba58fdaba1c174beed73e7a42d773882dcff82
-  languageName: node
-  linkType: hard
-
-"express-rate-limit@npm:^7.5.0":
-  version: 7.5.1
-  resolution: "express-rate-limit@npm:7.5.1"
-  peerDependencies:
-    express: ">= 4.11"
-  checksum: 544fdd576a846a7d3ed0203a011cec6d65ad8e5eab58dbe045a0bdefd119060c140c38b327e32713b56342cc901a3ca5c99f13cce4ceee08408e775ec4742c16
-  languageName: node
-  linkType: hard
-
-"express@npm:^4.21.2":
-  version: 4.22.1
-  resolution: "express@npm:4.22.1"
-  dependencies:
-    accepts: ~1.3.8
-    array-flatten: 1.1.1
-    body-parser: ~1.20.3
-    content-disposition: ~0.5.4
-    content-type: ~1.0.4
-    cookie: ~0.7.1
-    cookie-signature: ~1.0.6
-    debug: 2.6.9
-    depd: 2.0.0
-    encodeurl: ~2.0.0
-    escape-html: ~1.0.3
-    etag: ~1.8.1
-    finalhandler: ~1.3.1
-    fresh: ~0.5.2
-    http-errors: ~2.0.0
-    merge-descriptors: 1.0.3
-    methods: ~1.1.2
-    on-finished: ~2.4.1
-    parseurl: ~1.3.3
-    path-to-regexp: ~0.1.12
-    proxy-addr: ~2.0.7
-    qs: ~6.14.0
-    range-parser: ~1.2.1
-    safe-buffer: 5.2.1
-    send: ~0.19.0
-    serve-static: ~1.16.2
-    setprototypeof: 1.2.0
-    statuses: ~2.0.1
-    type-is: ~1.6.18
-    utils-merge: 1.0.1
-    vary: ~1.1.2
-  checksum: 38fd76585f6a2394e02d499f852fc70c94c9b1527bd5812eb5ee45c23b7f1297baaf13c55162253b14c1e36939b8401429d6594095e63d01ca77447dac72894e
-  languageName: node
-  linkType: hard
-
-"express@npm:^5.0.1":
-  version: 5.2.1
-  resolution: "express@npm:5.2.1"
-  dependencies:
-    accepts: ^2.0.0
-    body-parser: ^2.2.1
-    content-disposition: ^1.0.0
-    content-type: ^1.0.5
-    cookie: ^0.7.1
-    cookie-signature: ^1.2.1
-    debug: ^4.4.0
-    depd: ^2.0.0
-    encodeurl: ^2.0.0
-    escape-html: ^1.0.3
-    etag: ^1.8.1
-    finalhandler: ^2.1.0
-    fresh: ^2.0.0
-    http-errors: ^2.0.0
-    merge-descriptors: ^2.0.0
-    mime-types: ^3.0.0
-    on-finished: ^2.4.1
-    once: ^1.4.0
-    parseurl: ^1.3.3
-    proxy-addr: ^2.0.7
-    qs: ^6.14.0
-    range-parser: ^1.2.1
-    router: ^2.2.0
-    send: ^1.1.0
-    serve-static: ^2.2.0
-    statuses: ^2.0.1
-    type-is: ^2.0.1
-    vary: ^1.1.2
-  checksum: e0bc9c11fcf4e6ed29c9b0551229e8cf35d959970eb5e10ef3e48763eb3a63487251950d9bf4ef38b93085f0f33bb1fc37ab07349b8fa98a0fa5f67236d4c054
-  languageName: node
-  linkType: hard
-
-"extract-zip@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "extract-zip@npm:2.0.1"
-  dependencies:
-    "@types/yauzl": ^2.9.1
-    debug: ^4.1.1
-    get-stream: ^5.1.0
-    yauzl: ^2.10.0
-  dependenciesMeta:
-    "@types/yauzl":
-      optional: true
-  bin:
-    extract-zip: cli.js
-  checksum: 8cbda9debdd6d6980819cc69734d874ddd71051c9fe5bde1ef307ebcedfe949ba57b004894b585f758b7c9eeeea0e3d87f2dda89b7d25320459c2c9643ebb635
-  languageName: node
-  linkType: hard
-
-"fast-deep-equal@npm:^3.1.1, fast-deep-equal@npm:^3.1.3":
-  version: 3.1.3
-  resolution: "fast-deep-equal@npm:3.1.3"
-  checksum: e21a9d8d84f53493b6aa15efc9cfd53dd5b714a1f23f67fb5dc8f574af80df889b3bce25dc081887c6d25457cce704e636395333abad896ccdec03abaf1f3f9d
-  languageName: node
-  linkType: hard
-
-"fast-fifo@npm:^1.2.0, fast-fifo@npm:^1.3.2":
-  version: 1.3.2
-  resolution: "fast-fifo@npm:1.3.2"
-  checksum: 6bfcba3e4df5af7be3332703b69a7898a8ed7020837ec4395bb341bd96cc3a6d86c3f6071dd98da289618cf2234c70d84b2a6f09a33dd6f988b1ff60d8e54275
-  languageName: node
-  linkType: hard
-
-"fast-glob@npm:3.3.3, fast-glob@npm:^3.3.3":
-  version: 3.3.3
-  resolution: "fast-glob@npm:3.3.3"
-  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.8
-  checksum: 0704d7b85c0305fd2cef37777337dfa26230fdd072dce9fb5c82a4b03156f3ffb8ed3e636033e65d45d2a5805a4e475825369a27404c0307f2db0c8eb3366fbd
-  languageName: node
-  linkType: hard
-
-"fast-json-stable-stringify@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "fast-json-stable-stringify@npm:2.1.0"
-  checksum: b191531e36c607977e5b1c47811158733c34ccb3bfde92c44798929e9b4154884378536d26ad90dfecd32e1ffc09c545d23535ad91b3161a27ddbb8ebe0cbecb
-  languageName: node
-  linkType: hard
-
-"fast-uri@npm:^3.0.1":
-  version: 3.1.0
-  resolution: "fast-uri@npm:3.1.0"
-  checksum: daab0efd3548cc53d0db38ecc764d125773f8bd70c34552ff21abdc6530f26fa4cb1771f944222ca5e61a0a1a85d01a104848ff88c61736de445d97bd616ea7e
-  languageName: node
-  linkType: hard
-
-"fastest-levenshtein@npm:1.0.16":
-  version: 1.0.16
-  resolution: "fastest-levenshtein@npm:1.0.16"
-  checksum: a78d44285c9e2ae2c25f3ef0f8a73f332c1247b7ea7fb4a191e6bb51aa6ee1ef0dfb3ed113616dcdc7023e18e35a8db41f61c8d88988e877cf510df8edafbc71
-  languageName: node
-  linkType: hard
-
-"fastq@npm:^1.6.0":
-  version: 1.20.1
-  resolution: "fastq@npm:1.20.1"
-  dependencies:
-    reusify: ^1.0.4
-  checksum: 49128edbf05e682bee3c1db3d2dfc7da195469065ef014d8368c555d829932313ae2ddf584bb03146409b0d5d9fdb387c471075483a7319b52f777ad91128ed8
-  languageName: node
-  linkType: hard
-
-"faye-websocket@npm:^0.11.3":
-  version: 0.11.4
-  resolution: "faye-websocket@npm:0.11.4"
-  dependencies:
-    websocket-driver: ">=0.5.1"
-  checksum: d49a62caf027f871149fc2b3f3c7104dc6d62744277eb6f9f36e2d5714e847d846b9f7f0d0b7169b25a012e24a594cde11a93034b30732e4c683f20b8a5019fa
-  languageName: node
-  linkType: hard
-
-"fd-package-json@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "fd-package-json@npm:2.0.0"
-  dependencies:
-    walk-up-path: ^4.0.0
-  checksum: e595a1a23f8e208815cdcf26c92218240da00acce80468324408dc4a5cb6c26b6efb5076f0458a02f044562a1e60253731187a627d5416b4961468ddfc0ae426
-  languageName: node
-  linkType: hard
-
-"fd-slicer@npm:~1.1.0":
-  version: 1.1.0
-  resolution: "fd-slicer@npm:1.1.0"
-  dependencies:
-    pend: ~1.2.0
-  checksum: c8585fd5713f4476eb8261150900d2cb7f6ff2d87f8feb306ccc8a1122efd152f1783bdb2b8dc891395744583436bfd8081d8e63ece0ec8687eeefea394d4ff2
-  languageName: node
-  linkType: hard
-
-"fdir@npm:^6.4.4, fdir@npm:^6.5.0":
-  version: 6.5.0
-  resolution: "fdir@npm:6.5.0"
-  peerDependencies:
-    picomatch: ^3 || ^4
-  peerDependenciesMeta:
-    picomatch:
-      optional: true
-  checksum: bd537daa9d3cd53887eed35efa0eab2dbb1ca408790e10e024120e7a36c6e9ae2b33710cb8381e35def01bc9c1d7eaba746f886338413e68ff6ebaee07b9a6e8
-  languageName: node
-  linkType: hard
-
-"fflate@npm:^0.4.4, fflate@npm:^0.4.8":
-  version: 0.4.8
-  resolution: "fflate@npm:0.4.8"
-  checksum: 29d8cbe44d5e7f53e7f5a160ac7f9cc025480c7b3bfd85c5f898cbe20dfa2dad4732daa534982664bf30b35896a90af44ea33ede5d94c5ffd1b8b0c0a0a56ca2
-  languageName: node
-  linkType: hard
-
-"fill-range@npm:^7.1.1":
-  version: 7.1.1
-  resolution: "fill-range@npm:7.1.1"
-  dependencies:
-    to-regex-range: ^5.0.1
-  checksum: b4abfbca3839a3d55e4ae5ec62e131e2e356bf4859ce8480c64c4876100f4df292a63e5bb1618e1d7460282ca2b305653064f01654474aa35c68000980f17798
-  languageName: node
-  linkType: hard
-
-"filter-obj@npm:^5.1.0":
-  version: 5.1.0
-  resolution: "filter-obj@npm:5.1.0"
-  checksum: ba7c24d9b2c0552ee87d268e07eca74483af61fb740545ffa809f7e9e5294de38cf163ecc55af0e8a40020af9a49512c32f4022de2a858b110420fc8bffa7c9c
-  languageName: node
-  linkType: hard
-
-"finalhandler@npm:^2.1.0":
-  version: 2.1.1
-  resolution: "finalhandler@npm:2.1.1"
-  dependencies:
-    debug: ^4.4.0
-    encodeurl: ^2.0.0
-    escape-html: ^1.0.3
-    on-finished: ^2.4.1
-    parseurl: ^1.3.3
-    statuses: ^2.0.1
-  checksum: e5303c4cccce46019cf0f59b07a36cc6d37549f1efe2111c16cd78e6e500d3bfd68d3b45044c9a67a0c75ad3128ee1106fae9a0152ca3c0a8ee3bf3a4a1464bb
-  languageName: node
-  linkType: hard
-
-"finalhandler@npm:~1.3.1":
-  version: 1.3.2
-  resolution: "finalhandler@npm:1.3.2"
-  dependencies:
-    debug: 2.6.9
-    encodeurl: ~2.0.0
-    escape-html: ~1.0.3
-    on-finished: ~2.4.1
-    parseurl: ~1.3.3
-    statuses: ~2.0.2
-    unpipe: ~1.0.0
-  checksum: 4bce6b3e1f6998497a8ef8418bc307ef09daee05acc5a69a36da665565cbeb86218de1932e42dbf2eebf18f580053d2061eddbdeff9e312de45d46fbf4dd36ec
-  languageName: node
-  linkType: hard
-
-"find-up@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "find-up@npm:5.0.0"
-  dependencies:
-    locate-path: ^6.0.0
-    path-exists: ^4.0.0
-  checksum: 07955e357348f34660bde7920783204ff5a26ac2cafcaa28bace494027158a97b9f56faaf2d89a6106211a8174db650dd9f503f9c0d526b1202d5554a00b9095
-  languageName: node
-  linkType: hard
-
-"flat@npm:^5.0.2":
-  version: 5.0.2
-  resolution: "flat@npm:5.0.2"
-  bin:
-    flat: cli.js
-  checksum: 12a1536ac746db74881316a181499a78ef953632ddd28050b7a3a43c62ef5462e3357c8c29d76072bb635f147f7a9a1f0c02efef6b4be28f8db62ceb3d5c7f5d
-  languageName: node
-  linkType: hard
-
-"follow-redirects@npm:^1.0.0":
-  version: 1.15.11
-  resolution: "follow-redirects@npm:1.15.11"
-  peerDependenciesMeta:
-    debug:
-      optional: true
-  checksum: 20bf55e9504f59e6cc3743ba27edb2ebf41edea1baab34799408f2c050f73f0c612728db21c691276296d2795ea8a812dc532a98e8793619fcab91abe06d017f
-  languageName: node
-  linkType: hard
-
-"fork-ts-checker-webpack-plugin@npm:^9.1.0":
-  version: 9.1.0
-  resolution: "fork-ts-checker-webpack-plugin@npm:9.1.0"
-  dependencies:
-    "@babel/code-frame": ^7.16.7
-    chalk: ^4.1.2
-    chokidar: ^4.0.1
-    cosmiconfig: ^8.2.0
-    deepmerge: ^4.2.2
-    fs-extra: ^10.0.0
-    memfs: ^3.4.1
-    minimatch: ^3.0.4
-    node-abort-controller: ^3.0.1
-    schema-utils: ^3.1.1
-    semver: ^7.3.5
-    tapable: ^2.2.1
-  peerDependencies:
-    typescript: ">3.6.0"
-    webpack: ^5.11.0
-  checksum: 8c3e011cce7ad2b45adce8aea8226db7d79e6ea0900030e86d24ea689152127a7a420f16ac09b9634e461fcd317e32b922a1f3106fe5107b1e8b74b83ed8ae82
-  languageName: node
-  linkType: hard
-
-"formatly@npm:^0.3.0":
-  version: 0.3.0
-  resolution: "formatly@npm:0.3.0"
-  dependencies:
-    fd-package-json: ^2.0.0
-  bin:
-    formatly: bin/index.mjs
-  checksum: ef2bf133c048195fc30ced2a20e9acb5251a2a7cf7c2bf67afc71f6bbad78a3f8816b814ee22ec6db1bca7b339fb0d1eddbf168c7d36cc53459c664ff73e8d0d
-  languageName: node
-  linkType: hard
-
-"forwarded@npm:0.2.0":
-  version: 0.2.0
-  resolution: "forwarded@npm:0.2.0"
-  checksum: fd27e2394d8887ebd16a66ffc889dc983fbbd797d5d3f01087c020283c0f019a7d05ee85669383d8e0d216b116d720fc0cef2f6e9b7eb9f4c90c6e0bc7fd28e6
-  languageName: node
-  linkType: hard
-
-"fraction.js@npm:^4.3.7":
-  version: 4.3.7
-  resolution: "fraction.js@npm:4.3.7"
-  checksum: e1553ae3f08e3ba0e8c06e43a3ab20b319966dfb7ddb96fd9b5d0ee11a66571af7f993229c88ebbb0d4a816eb813a24ed48207b140d442a8f76f33763b8d1f3f
-  languageName: node
-  linkType: hard
-
-"fresh@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "fresh@npm:2.0.0"
-  checksum: 38b9828352c6271e2a0dd8bdd985d0100dbbc4eb8b6a03286071dd6f7d96cfaacd06d7735701ad9a95870eb3f4555e67c08db1dcfe24c2e7bb87383c72fae1d2
-  languageName: node
-  linkType: hard
-
-"fresh@npm:~0.5.2":
-  version: 0.5.2
-  resolution: "fresh@npm:0.5.2"
-  checksum: 13ea8b08f91e669a64e3ba3a20eb79d7ca5379a81f1ff7f4310d54e2320645503cc0c78daedc93dfb6191287295f6479544a649c64d8e41a1c0fb0c221552346
-  languageName: node
-  linkType: hard
-
-"fs-extra@npm:^10.0.0":
-  version: 10.1.0
-  resolution: "fs-extra@npm:10.1.0"
-  dependencies:
-    graceful-fs: ^4.2.0
-    jsonfile: ^6.0.1
-    universalify: ^2.0.0
-  checksum: dc94ab37096f813cc3ca12f0f1b5ad6744dfed9ed21e953d72530d103cea193c2f81584a39e9dee1bea36de5ee66805678c0dddc048e8af1427ac19c00fffc50
-  languageName: node
-  linkType: hard
-
-"fs-minipass@npm:^3.0.0":
-  version: 3.0.3
-  resolution: "fs-minipass@npm:3.0.3"
-  dependencies:
-    minipass: ^7.0.3
-  checksum: 8722a41109130851d979222d3ec88aabaceeaaf8f57b2a8f744ef8bd2d1ce95453b04a61daa0078822bc5cd21e008814f06fe6586f56fef511e71b8d2394d802
-  languageName: node
-  linkType: hard
-
-"fs-monkey@npm:^1.0.4":
-  version: 1.1.0
-  resolution: "fs-monkey@npm:1.1.0"
-  checksum: ebb6305a37ca4731ffe9aceae21be40992fe5384f7a25819a1d64d17c649e7eeac3fc9ad6269cad6fffc409df0f4583253c93a930549fd82d5f8aed46beb5b9b
-  languageName: node
-  linkType: hard
-
-"fsevents@npm:2.3.2":
-  version: 2.3.2
-  resolution: "fsevents@npm:2.3.2"
-  dependencies:
-    node-gyp: latest
-  checksum: 97ade64e75091afee5265e6956cb72ba34db7819b4c3e94c431d4be2b19b8bb7a2d4116da417950c3425f17c8fe693d25e20212cac583ac1521ad066b77ae31f
-  conditions: os=darwin
-  languageName: node
-  linkType: hard
-
-"fsevents@npm:~2.3.2, fsevents@npm:~2.3.3":
-  version: 2.3.3
-  resolution: "fsevents@npm:2.3.3"
-  dependencies:
-    node-gyp: latest
-  checksum: 11e6ea6fea15e42461fc55b4b0e4a0a3c654faa567f1877dbd353f39156f69def97a69936d1746619d656c4b93de2238bf731f6085a03a50cabf287c9d024317
-  conditions: os=darwin
-  languageName: node
-  linkType: hard
-
-"fsevents@patch:fsevents@2.3.2#~builtin<compat/fsevents>":
-  version: 2.3.2
-  resolution: "fsevents@patch:fsevents@npm%3A2.3.2#~builtin<compat/fsevents>::version=2.3.2&hash=df0bf1"
-  dependencies:
-    node-gyp: latest
-  conditions: os=darwin
-  languageName: node
-  linkType: hard
-
-"fsevents@patch:fsevents@~2.3.2#~builtin<compat/fsevents>, fsevents@patch:fsevents@~2.3.3#~builtin<compat/fsevents>":
-  version: 2.3.3
-  resolution: "fsevents@patch:fsevents@npm%3A2.3.3#~builtin<compat/fsevents>::version=2.3.3&hash=df0bf1"
-  dependencies:
-    node-gyp: latest
-  conditions: os=darwin
-  languageName: node
-  linkType: hard
-
-"function-bind@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "function-bind@npm:1.1.2"
-  checksum: 2b0ff4ce708d99715ad14a6d1f894e2a83242e4a52ccfcefaee5e40050562e5f6dafc1adbb4ce2d4ab47279a45dc736ab91ea5042d843c3c092820dfe032efb1
-  languageName: node
-  linkType: hard
-
-"generator-function@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "generator-function@npm:2.0.1"
-  checksum: 3bf87f7b0230de5d74529677e6c3ceb3b7b5d9618b5a22d92b45ce3876defbaf5a77791b25a61b0fa7d13f95675b5ff67a7769f3b9af33f096e34653519e873d
-  languageName: node
-  linkType: hard
-
-"gensync@npm:^1.0.0-beta.2":
-  version: 1.0.0-beta.2
-  resolution: "gensync@npm:1.0.0-beta.2"
-  checksum: a7437e58c6be12aa6c90f7730eac7fa9833dc78872b4ad2963d2031b00a3367a93f98aec75f9aaac7220848e4026d67a8655e870b24f20a543d103c0d65952ec
-  languageName: node
-  linkType: hard
-
-"get-caller-file@npm:^2.0.5":
-  version: 2.0.5
-  resolution: "get-caller-file@npm:2.0.5"
-  checksum: b9769a836d2a98c3ee734a88ba712e62703f1df31b94b784762c433c27a386dd6029ff55c2a920c392e33657d80191edbf18c61487e198844844516f843496b9
-  languageName: node
-  linkType: hard
-
-"get-east-asian-width@npm:^1.0.0, get-east-asian-width@npm:^1.3.1":
-  version: 1.4.0
-  resolution: "get-east-asian-width@npm:1.4.0"
-  checksum: 1d9a81a8004f4217ebef5d461875047d269e4b57e039558fd65130877cd4da8e3f61e1c4eada0c8b10e2816c7baf7d5fddb7006f561da13bc6f6dd19c1e964a4
-  languageName: node
-  linkType: hard
-
-"get-intrinsic@npm:^1.2.5, get-intrinsic@npm:^1.3.0":
-  version: 1.3.1
-  resolution: "get-intrinsic@npm:1.3.1"
-  dependencies:
-    async-function: ^1.0.0
-    async-generator-function: ^1.0.0
-    call-bind-apply-helpers: ^1.0.2
-    es-define-property: ^1.0.1
-    es-errors: ^1.3.0
-    es-object-atoms: ^1.1.1
-    function-bind: ^1.1.2
-    generator-function: ^2.0.0
-    get-proto: ^1.0.1
-    gopd: ^1.2.0
-    has-symbols: ^1.1.0
-    hasown: ^2.0.2
-    math-intrinsics: ^1.1.0
-  checksum: c02b3b6a445f9cd53e14896303794ac60f9751f58a69099127248abdb0251957174c6524245fc68579dc8e6a35161d3d94c93e665f808274716f4248b269436a
-  languageName: node
-  linkType: hard
-
-"get-proto@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "get-proto@npm:1.0.1"
-  dependencies:
-    dunder-proto: ^1.0.1
-    es-object-atoms: ^1.0.0
-  checksum: 4fc96afdb58ced9a67558698b91433e6b037aaa6f1493af77498d7c85b141382cf223c0e5946f334fb328ee85dfe6edd06d218eaf09556f4bc4ec6005d7f5f7b
-  languageName: node
-  linkType: hard
-
-"get-stream@npm:^5.1.0":
-  version: 5.2.0
-  resolution: "get-stream@npm:5.2.0"
-  dependencies:
-    pump: ^3.0.0
-  checksum: 8bc1a23174a06b2b4ce600df38d6c98d2ef6d84e020c1ddad632ad75bac4e092eeb40e4c09e0761c35fc2dbc5e7fff5dab5e763a383582c4a167dd69a905bd12
-  languageName: node
-  linkType: hard
-
-"get-uri@npm:^6.0.1":
-  version: 6.0.5
-  resolution: "get-uri@npm:6.0.5"
-  dependencies:
-    basic-ftp: ^5.0.2
-    data-uri-to-buffer: ^6.0.2
-    debug: ^4.3.4
-  checksum: aef94dbecde44bc9cd23f5c1b6af5bf772a3d16612c0fc37d3a4056ffd202f2cdd329746d4fdc2124813ea6c8b1c5279f3749d27226a2b161df43dbcb70082e3
-  languageName: node
-  linkType: hard
-
-"glob-parent@npm:^5.1.2, glob-parent@npm:~5.1.2":
-  version: 5.1.2
-  resolution: "glob-parent@npm:5.1.2"
-  dependencies:
-    is-glob: ^4.0.1
-  checksum: f4f2bfe2425296e8a47e36864e4f42be38a996db40420fe434565e4480e3322f18eb37589617a98640c5dc8fdec1a387007ee18dbb1f3f5553409c34d17f425e
-  languageName: node
-  linkType: hard
-
-"glob-parent@npm:^6.0.1":
-  version: 6.0.2
-  resolution: "glob-parent@npm:6.0.2"
-  dependencies:
-    is-glob: ^4.0.3
-  checksum: c13ee97978bef4f55106b71e66428eb1512e71a7466ba49025fc2aec59a5bfb0954d5abd58fc5ee6c9b076eef4e1f6d3375c2e964b88466ca390da4419a786a8
-  languageName: node
-  linkType: hard
-
-"glob-to-regex.js@npm:^1.0.0, glob-to-regex.js@npm:^1.0.1":
-  version: 1.2.0
-  resolution: "glob-to-regex.js@npm:1.2.0"
-  peerDependencies:
-    tslib: 2
-  checksum: ed7797dae9469a62f581213fb4e4272a58650896935b3ccd842a3bfafc7845caffc1510e3a02c3fae647d3740b87a51b5bcc7cc621678b9abc663babcfb3088c
-  languageName: node
-  linkType: hard
-
-"glob-to-regexp@npm:^0.4.1":
-  version: 0.4.1
-  resolution: "glob-to-regexp@npm:0.4.1"
-  checksum: e795f4e8f06d2a15e86f76e4d92751cf8bbfcf0157cea5c2f0f35678a8195a750b34096b1256e436f0cebc1883b5ff0888c47348443e69546a5a87f9e1eb1167
-  languageName: node
-  linkType: hard
-
-"glob@npm:^13.0.0":
-  version: 13.0.0
-  resolution: "glob@npm:13.0.0"
-  dependencies:
-    minimatch: ^10.1.1
-    minipass: ^7.1.2
-    path-scurry: ^2.0.0
-  checksum: 963730222b0acc85a0d2616c08ba3a5d5b5f33fbf69182791967b8a02245db505577a6fc19836d5d58e1cbbfb414ad4f62f605a0372ab05cd9e6998efe944369
-  languageName: node
-  linkType: hard
-
-"good-listener@npm:^1.2.2":
-  version: 1.2.2
-  resolution: "good-listener@npm:1.2.2"
-  dependencies:
-    delegate: ^3.1.2
-  checksum: f39fb82c4e41524f56104cfd2d7aef1a88e72f3f75139115fbdf98cc7d844e0c1b39218b2e83438c6188727bf904ed78c7f0f2feff67b32833bc3af7f0202b33
-  languageName: node
-  linkType: hard
-
-"gopd@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "gopd@npm:1.2.0"
-  checksum: cc6d8e655e360955bdccaca51a12a474268f95bb793fc3e1f2bdadb075f28bfd1fd988dab872daf77a61d78cbaf13744bc8727a17cfb1d150d76047d805375f3
-  languageName: node
-  linkType: hard
-
-"graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.11, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6":
-  version: 4.2.11
-  resolution: "graceful-fs@npm:4.2.11"
-  checksum: ac85f94da92d8eb6b7f5a8b20ce65e43d66761c55ce85ac96df6865308390da45a8d3f0296dd3a663de65d30ba497bd46c696cc1e248c72b13d6d567138a4fc7
-  languageName: node
-  linkType: hard
-
-"hachure-fill@npm:^0.5.2":
-  version: 0.5.2
-  resolution: "hachure-fill@npm:0.5.2"
-  checksum: 01cf2ac6b787ec73ced3d6eb393a0f989d55f32431d1e8a1c1c864769d1b8763c9cb6aa1d45fb1c237a065de90167491c6a46193690b688ea6c25f575f84586c
-  languageName: node
-  linkType: hard
-
-"handle-thing@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "handle-thing@npm:2.0.1"
-  checksum: 68071f313062315cd9dce55710e9496873945f1dd425107007058fc1629f93002a7649fcc3e464281ce02c7e809a35f5925504ab8105d972cf649f1f47cb7d6c
-  languageName: node
-  linkType: hard
-
-"has-flag@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "has-flag@npm:4.0.0"
-  checksum: 261a1357037ead75e338156b1f9452c016a37dcd3283a972a30d9e4a87441ba372c8b81f818cd0fbcd9c0354b4ae7e18b9e1afa1971164aef6d18c2b6095a8ad
-  languageName: node
-  linkType: hard
-
-"has-symbols@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "has-symbols@npm:1.1.0"
-  checksum: b2316c7302a0e8ba3aaba215f834e96c22c86f192e7310bdf689dd0e6999510c89b00fbc5742571507cebf25764d68c988b3a0da217369a73596191ac0ce694b
-  languageName: node
-  linkType: hard
-
-"hasown@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "hasown@npm:2.0.2"
-  dependencies:
-    function-bind: ^1.1.2
-  checksum: e8516f776a15149ca6c6ed2ae3110c417a00b62260e222590e54aa367cbcd6ed99122020b37b7fbdf05748df57b265e70095d7bf35a47660587619b15ffb93db
-  languageName: node
-  linkType: hard
-
-"he@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "he@npm:1.2.0"
-  bin:
-    he: bin/he
-  checksum: 3d4d6babccccd79c5c5a3f929a68af33360d6445587d628087f39a965079d84f18ce9c3d3f917ee1e3978916fc833bb8b29377c3b403f919426f91bc6965e7a7
-  languageName: node
-  linkType: hard
-
-"hosted-git-info@npm:^9.0.0":
-  version: 9.0.2
-  resolution: "hosted-git-info@npm:9.0.2"
-  dependencies:
-    lru-cache: ^11.1.0
-  checksum: 01687a41925189ab10dfd6c5b295d9186366faf22f74face5f83c6ac8e9927f25d5d91fad3352ee6833a3130e35d5fd71c9037a2d684e307cfd321724a90a689
-  languageName: node
-  linkType: hard
-
-"hpack.js@npm:^2.1.6":
-  version: 2.1.6
-  resolution: "hpack.js@npm:2.1.6"
-  dependencies:
-    inherits: ^2.0.1
-    obuf: ^1.0.0
-    readable-stream: ^2.0.1
-    wbuf: ^1.1.0
-  checksum: 2de144115197967ad6eeee33faf41096c6ba87078703c5cb011632dcfbffeb45784569e0cf02c317bd79c48375597c8ec88c30fff5bb0b023e8f654fb6e9c06e
-  languageName: node
-  linkType: hard
-
-"html-encoding-sniffer@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "html-encoding-sniffer@npm:6.0.0"
-  dependencies:
-    "@exodus/bytes": ^1.6.0
-  checksum: a8d30cbc6f7044c6d671bec9fbdddb90f429a326da176307c2253bed8a68b541d18b5577bc1317c0bf36af45438a43e22da19f0c2cc58d298506d97a3a7dfa90
-  languageName: node
-  linkType: hard
-
-"html-entities@npm:^2.1.0":
-  version: 2.6.0
-  resolution: "html-entities@npm:2.6.0"
-  checksum: 720643f7954019c80911430a7df2728524c07080edfe812610bfc5d8191cd772b470bee0ee151bf7426679314ae53cf28a1c845d702123714e625a8565b26567
-  languageName: node
-  linkType: hard
-
-"html-minifier-terser@npm:^6.0.2":
-  version: 6.1.0
-  resolution: "html-minifier-terser@npm:6.1.0"
-  dependencies:
-    camel-case: ^4.1.2
-    clean-css: ^5.2.2
-    commander: ^8.3.0
-    he: ^1.2.0
-    param-case: ^3.0.4
-    relateurl: ^0.2.7
-    terser: ^5.10.0
-  bin:
-    html-minifier-terser: cli.js
-  checksum: ac52c14006476f773204c198b64838477859dc2879490040efab8979c0207424da55d59df7348153f412efa45a0840a1ca3c757bf14767d23a15e3e389d37a93
-  languageName: node
-  linkType: hard
-
-"html-webpack-plugin@npm:^5.5.0":
-  version: 5.6.6
-  resolution: "html-webpack-plugin@npm:5.6.6"
-  dependencies:
-    "@types/html-minifier-terser": ^6.0.0
-    html-minifier-terser: ^6.0.2
-    lodash: ^4.17.21
-    pretty-error: ^4.0.0
-    tapable: ^2.0.0
-  peerDependencies:
-    "@rspack/core": 0.x || 1.x
-    webpack: ^5.20.0
-  peerDependenciesMeta:
-    "@rspack/core":
-      optional: true
-    webpack:
-      optional: true
-  checksum: 6aab02f4be85ed2d939bd7dff296bf4af4b7288d6523670176c143d67f7cd4163daa1070c459d1c40e75b233f7fccefae714f58c3402a78aa83dbe9378ecf76f
-  languageName: node
-  linkType: hard
-
-"htmlparser2@npm:^10.0.0":
-  version: 10.1.0
-  resolution: "htmlparser2@npm:10.1.0"
-  dependencies:
-    domelementtype: ^2.3.0
-    domhandler: ^5.0.3
-    domutils: ^3.2.2
-    entities: ^7.0.1
-  checksum: 49b8fa62dcd833b89535523c437d04069400e618b22b8dc8cd48bf6ef820752bb026c4f1fc7309d08b6016bfcd3cc0eca4ed48d5eeff4a3e010be19027d51c70
-  languageName: node
-  linkType: hard
-
-"htmlparser2@npm:^6.1.0":
-  version: 6.1.0
-  resolution: "htmlparser2@npm:6.1.0"
-  dependencies:
-    domelementtype: ^2.0.1
-    domhandler: ^4.0.0
-    domutils: ^2.5.2
-    entities: ^2.0.0
-  checksum: 81a7b3d9c3bb9acb568a02fc9b1b81ffbfa55eae7f1c41ae0bf840006d1dbf54cb3aa245b2553e2c94db674840a9f0fdad7027c9a9d01a062065314039058c4e
-  languageName: node
-  linkType: hard
-
-"http-cache-semantics@npm:^4.1.1":
-  version: 4.2.0
-  resolution: "http-cache-semantics@npm:4.2.0"
-  checksum: 7a7246ddfce629f96832791176fd643589d954e6f3b49548dadb4290451961237fab8fcea41cd2008fe819d95b41c1e8b97f47d088afc0a1c81705287b4ddbcc
-  languageName: node
-  linkType: hard
-
-"http-deceiver@npm:^1.2.7":
-  version: 1.2.7
-  resolution: "http-deceiver@npm:1.2.7"
-  checksum: 64d7d1ae3a6933eb0e9a94e6f27be4af45a53a96c3c34e84ff57113787105a89fff9d1c3df263ef63add823df019b0e8f52f7121e32393bb5ce9a713bf100b41
-  languageName: node
-  linkType: hard
-
-"http-errors@npm:^2.0.0, http-errors@npm:^2.0.1, http-errors@npm:~2.0.0, http-errors@npm:~2.0.1":
-  version: 2.0.1
-  resolution: "http-errors@npm:2.0.1"
-  dependencies:
-    depd: ~2.0.0
-    inherits: ~2.0.4
-    setprototypeof: ~1.2.0
-    statuses: ~2.0.2
-    toidentifier: ~1.0.1
-  checksum: 155d1a100a06e4964597013109590b97540a177b69c3600bbc93efc746465a99a2b718f43cdf76b3791af994bbe3a5711002046bf668cdc007ea44cea6df7ccd
-  languageName: node
-  linkType: hard
-
-"http-errors@npm:~1.8.0":
-  version: 1.8.1
-  resolution: "http-errors@npm:1.8.1"
-  dependencies:
-    depd: ~1.1.2
-    inherits: 2.0.4
-    setprototypeof: 1.2.0
-    statuses: ">= 1.5.0 < 2"
-    toidentifier: 1.0.1
-  checksum: d3c7e7e776fd51c0a812baff570bdf06fe49a5dc448b700ab6171b1250e4cf7db8b8f4c0b133e4bfe2451022a5790c1ca6c2cae4094dedd6ac8304a1267f91d2
-  languageName: node
-  linkType: hard
-
-"http-parser-js@npm:>=0.5.1":
-  version: 0.5.10
-  resolution: "http-parser-js@npm:0.5.10"
-  checksum: 1038177c5f114860345ce7c19223d2cdd9a103265bd897bab13343c9eff4deef60f7956a674485f1234ffc9b19fb4b97f0c20a5848cfc9ccbf5d3c438d89ae89
-  languageName: node
-  linkType: hard
-
-"http-proxy-agent@npm:^7.0.0, http-proxy-agent@npm:^7.0.1, http-proxy-agent@npm:^7.0.2":
-  version: 7.0.2
-  resolution: "http-proxy-agent@npm:7.0.2"
-  dependencies:
-    agent-base: ^7.1.0
-    debug: ^4.3.4
-  checksum: 670858c8f8f3146db5889e1fa117630910101db601fff7d5a8aa637da0abedf68c899f03d3451cac2f83bcc4c3d2dabf339b3aa00ff8080571cceb02c3ce02f3
-  languageName: node
-  linkType: hard
-
-"http-proxy-middleware@npm:3.0.5":
-  version: 3.0.5
-  resolution: "http-proxy-middleware@npm:3.0.5"
-  dependencies:
-    "@types/http-proxy": ^1.17.15
-    debug: ^4.3.6
-    http-proxy: ^1.18.1
-    is-glob: ^4.0.3
-    is-plain-object: ^5.0.0
-    micromatch: ^4.0.8
-  checksum: 1644271324a26dfe6b917c80039865177b167a66068f6f004814a39e73c0e167018034f7b8ad66683a2ea093357edfcf2c8bb13d2023d011673fa766e698f799
-  languageName: node
-  linkType: hard
-
-"http-proxy-middleware@npm:^2.0.9":
-  version: 2.0.9
-  resolution: "http-proxy-middleware@npm:2.0.9"
-  dependencies:
-    "@types/http-proxy": ^1.17.8
-    http-proxy: ^1.18.1
-    is-glob: ^4.0.1
-    is-plain-obj: ^3.0.0
-    micromatch: ^4.0.2
-  peerDependencies:
-    "@types/express": ^4.17.13
-  peerDependenciesMeta:
-    "@types/express":
-      optional: true
-  checksum: 0ea88609b9c13fa03b89f8e6b85bd5c537027ec6990005dd81a7fbb3e73fcf8d6a6e3db2b57b1c6cddbcda80965704584dc6291d0e721b2700198c4e59ee0d0b
-  languageName: node
-  linkType: hard
-
-"http-proxy@npm:^1.18.1":
-  version: 1.18.1
-  resolution: "http-proxy@npm:1.18.1"
-  dependencies:
-    eventemitter3: ^4.0.0
-    follow-redirects: ^1.0.0
-    requires-port: ^1.0.0
-  checksum: f5bd96bf83e0b1e4226633dbb51f8b056c3e6321917df402deacec31dd7fe433914fc7a2c1831cf7ae21e69c90b3a669b8f434723e9e8b71fd68afe30737b6a5
-  languageName: node
-  linkType: hard
-
-"https-proxy-agent@npm:7.0.6, https-proxy-agent@npm:^7.0.1, https-proxy-agent@npm:^7.0.6":
-  version: 7.0.6
-  resolution: "https-proxy-agent@npm:7.0.6"
-  dependencies:
-    agent-base: ^7.1.2
-    debug: 4
-  checksum: b882377a120aa0544846172e5db021fa8afbf83fea2a897d397bd2ddd8095ab268c24bc462f40a15f2a8c600bf4aa05ce52927f70038d4014e68aefecfa94e8d
-  languageName: node
-  linkType: hard
-
-"hyperdyperid@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "hyperdyperid@npm:1.2.0"
-  checksum: 210029d1c86926f09109f6317d143f8b056fc38e8dd11b0c3e3205fc6c6ff8429fb55b4b9c2bce065462719ed9d34366eced387aaa0035d93eb76b306a8547ef
-  languageName: node
-  linkType: hard
-
-"iconv-lite@npm:0.6, iconv-lite@npm:^0.6.2, iconv-lite@npm:^0.6.3":
-  version: 0.6.3
-  resolution: "iconv-lite@npm:0.6.3"
-  dependencies:
-    safer-buffer: ">= 2.1.2 < 3.0.0"
-  checksum: 3f60d47a5c8fc3313317edfd29a00a692cc87a19cac0159e2ce711d0ebc9019064108323b5e493625e25594f11c6236647d8e256fbe7a58f4a3b33b89e6d30bf
-  languageName: node
-  linkType: hard
-
-"iconv-lite@npm:^0.7.0, iconv-lite@npm:~0.7.0":
-  version: 0.7.2
-  resolution: "iconv-lite@npm:0.7.2"
-  dependencies:
-    safer-buffer: ">= 2.1.2 < 3.0.0"
-  checksum: faf884c1f631a5d676e3e64054bed891c7c5f616b790082d99ccfbfd017c661a39db8009160268fd65fae57c9154d4d491ebc9c301f3446a078460ef114dc4b8
-  languageName: node
-  linkType: hard
-
-"iconv-lite@npm:~0.4.24":
-  version: 0.4.24
-  resolution: "iconv-lite@npm:0.4.24"
-  dependencies:
-    safer-buffer: ">= 2.1.2 < 3"
-  checksum: bd9f120f5a5b306f0bc0b9ae1edeb1577161503f5f8252a20f1a9e56ef8775c9959fd01c55f2d3a39d9a8abaf3e30c1abeb1895f367dcbbe0a8fd1c9ca01c4f6
-  languageName: node
-  linkType: hard
-
-"icss-utils@npm:^5.0.0, icss-utils@npm:^5.1.0":
-  version: 5.1.0
-  resolution: "icss-utils@npm:5.1.0"
-  peerDependencies:
-    postcss: ^8.1.0
-  checksum: 5c324d283552b1269cfc13a503aaaa172a280f914e5b81544f3803bc6f06a3b585fb79f66f7c771a2c052db7982c18bf92d001e3b47282e3abbbb4c4cc488d68
-  languageName: node
-  linkType: hard
-
-"ignore-walk@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "ignore-walk@npm:8.0.0"
-  dependencies:
-    minimatch: ^10.0.3
-  checksum: 4146c18cd441b538bd68b62cfb95f71fed0a7ff54ba50cd22ae3c05abc538ea3a8272c96bd7a5d38feb0ea79c3f4ffc2ac0092f18bf906c6c1ef151b76c21b30
-  languageName: node
-  linkType: hard
-
-"image-size@npm:~0.5.0":
-  version: 0.5.5
-  resolution: "image-size@npm:0.5.5"
-  bin:
-    image-size: bin/image-size.js
-  checksum: 6709d5cb73e96d5097ae5e9aa746dd36d6a9c8cf645e7eecac72ea07dbd6f312a65183752762fa92e2f3b698d4ed8d85dd55bf5207b6367245996bd16576d8fe
-  languageName: node
-  linkType: hard
-
-"immutable@npm:^5.0.2":
-  version: 5.1.4
-  resolution: "immutable@npm:5.1.4"
-  checksum: 2bddb02594b27e2f37d35c32acf409b77a815e19e2ae7bbffae4b05535965ed3aaf8808255106cb229b7cf0791001bd88efde9cc38e5b32f935992e9b631adf3
-  languageName: node
-  linkType: hard
-
-"import-fresh@npm:^3.3.0":
-  version: 3.3.1
-  resolution: "import-fresh@npm:3.3.1"
-  dependencies:
-    parent-module: ^1.0.0
-    resolve-from: ^4.0.0
-  checksum: a06b19461b4879cc654d46f8a6244eb55eb053437afd4cbb6613cad6be203811849ed3e4ea038783092879487299fda24af932b86bdfff67c9055ba3612b8c87
-  languageName: node
-  linkType: hard
-
-"imurmurhash@npm:^0.1.4":
-  version: 0.1.4
-  resolution: "imurmurhash@npm:0.1.4"
-  checksum: 7cae75c8cd9a50f57dadd77482359f659eaebac0319dd9368bcd1714f55e65badd6929ca58569da2b6494ef13fdd5598cd700b1eba23f8b79c5f19d195a3ecf7
-  languageName: node
-  linkType: hard
-
-"indent-string@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "indent-string@npm:4.0.0"
-  checksum: 824cfb9929d031dabf059bebfe08cf3137365e112019086ed3dcff6a0a7b698cb80cf67ccccde0e25b9e2d7527aa6cc1fed1ac490c752162496caba3e6699612
-  languageName: node
-  linkType: hard
-
-"inherits@npm:2.0.4, inherits@npm:^2.0.1, inherits@npm:^2.0.3, inherits@npm:~2.0.3, inherits@npm:~2.0.4":
-  version: 2.0.4
-  resolution: "inherits@npm:2.0.4"
-  checksum: 4a48a733847879d6cf6691860a6b1e3f0f4754176e4d71494c41f3475553768b10f84b5ce1d40fbd0e34e6bfbb864ee35858ad4dd2cf31e02fc4a154b724d7f1
-  languageName: node
-  linkType: hard
-
-"ini@npm:5.0.0":
-  version: 5.0.0
-  resolution: "ini@npm:5.0.0"
-  checksum: a1cd2a06bf4d995b072ebe97132d8d50a6630798cc3a1c56d325d7b3aaf1f236b3301816f0079e4d47a9887f08e60a6fb95673f19bcafe4f0f9c4a5b5e30aff4
-  languageName: node
-  linkType: hard
-
-"ini@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "ini@npm:6.0.0"
-  checksum: 82640ea788fac082fdf0a4d901654b0d4a32a62524cb9116206d2d66370fb12468af8bcdec0cafc2ceec71eb095919bf07410ce023e205383d3ae4d6c25b3626
-  languageName: node
-  linkType: hard
-
-"internmap@npm:1 - 2":
-  version: 2.0.3
-  resolution: "internmap@npm:2.0.3"
-  checksum: 7ca41ec6aba8f0072fc32fa8a023450a9f44503e2d8e403583c55714b25efd6390c38a87161ec456bf42d7bc83aab62eb28f5aef34876b1ac4e60693d5e1d241
-  languageName: node
-  linkType: hard
-
-"internmap@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "internmap@npm:1.0.1"
-  checksum: 9d00f8c0cf873a24a53a5a937120dab634c41f383105e066bb318a61864e6292d24eb9516e8e7dccfb4420ec42ca474a0f28ac9a6cc82536898fa09bbbe53813
-  languageName: node
-  linkType: hard
-
-"ip-address@npm:^10.0.1":
-  version: 10.1.0
-  resolution: "ip-address@npm:10.1.0"
-  checksum: 76b1abcdf52a32e2e05ca1f202f3a8ab8547e5651a9233781b330271bd7f1a741067748d71c4cbb9d9906d9f1fa69e7ddc8b4a11130db4534fdab0e908c84e0d
-  languageName: node
-  linkType: hard
-
-"ipaddr.js@npm:1.9.1":
-  version: 1.9.1
-  resolution: "ipaddr.js@npm:1.9.1"
-  checksum: f88d3825981486f5a1942414c8d77dd6674dd71c065adcfa46f578d677edcb99fda25af42675cb59db492fdf427b34a5abfcde3982da11a8fd83a500b41cfe77
-  languageName: node
-  linkType: hard
-
-"ipaddr.js@npm:^2.1.0, ipaddr.js@npm:^2.2.0":
-  version: 2.3.0
-  resolution: "ipaddr.js@npm:2.3.0"
-  checksum: 275602ad56e765d6c4187c1ab1a17d415da7a263e8d3278da5bdb6db147b29c56fac7e98a3f68b05d25e0b515601f1e750c2dd8ec9a871eb93ea094643b84916
-  languageName: node
-  linkType: hard
-
-"is-arrayish@npm:^0.2.1":
-  version: 0.2.1
-  resolution: "is-arrayish@npm:0.2.1"
-  checksum: eef4417e3c10e60e2c810b6084942b3ead455af16c4509959a27e490e7aee87cfb3f38e01bbde92220b528a0ee1a18d52b787e1458ee86174d8c7f0e58cd488f
-  languageName: node
-  linkType: hard
-
-"is-binary-path@npm:~2.1.0":
-  version: 2.1.0
-  resolution: "is-binary-path@npm:2.1.0"
-  dependencies:
-    binary-extensions: ^2.0.0
-  checksum: 84192eb88cff70d320426f35ecd63c3d6d495da9d805b19bc65b518984b7c0760280e57dbf119b7e9be6b161784a5a673ab2c6abe83abb5198a432232ad5b35c
-  languageName: node
-  linkType: hard
-
-"is-core-module@npm:^2.16.0, is-core-module@npm:^2.16.1":
-  version: 2.16.1
-  resolution: "is-core-module@npm:2.16.1"
-  dependencies:
-    hasown: ^2.0.2
-  checksum: 6ec5b3c42d9cbf1ac23f164b16b8a140c3cec338bf8f884c076ca89950c7cc04c33e78f02b8cae7ff4751f3247e3174b2330f1fe4de194c7210deb8b1ea316a7
-  languageName: node
-  linkType: hard
-
-"is-docker@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "is-docker@npm:3.0.0"
-  bin:
-    is-docker: cli.js
-  checksum: b698118f04feb7eaf3338922bd79cba064ea54a1c3db6ec8c0c8d8ee7613e7e5854d802d3ef646812a8a3ace81182a085dfa0a71cc68b06f3fa794b9783b3c90
-  languageName: node
-  linkType: hard
-
-"is-extglob@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "is-extglob@npm:2.1.1"
-  checksum: df033653d06d0eb567461e58a7a8c9f940bd8c22274b94bf7671ab36df5719791aae15eef6d83bbb5e23283967f2f984b8914559d4449efda578c775c4be6f85
-  languageName: node
-  linkType: hard
-
-"is-fullwidth-code-point@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "is-fullwidth-code-point@npm:3.0.0"
-  checksum: 44a30c29457c7fb8f00297bce733f0a64cd22eca270f83e58c105e0d015e45c019491a4ab2faef91ab51d4738c670daff901c799f6a700e27f7314029e99e348
-  languageName: node
-  linkType: hard
-
-"is-fullwidth-code-point@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "is-fullwidth-code-point@npm:4.0.0"
-  checksum: 8ae89bf5057bdf4f57b346fb6c55e9c3dd2549983d54191d722d5c739397a903012cc41a04ee3403fd872e811243ef91a7c5196da7b5841dc6b6aae31a264a8d
-  languageName: node
-  linkType: hard
-
-"is-fullwidth-code-point@npm:^5.0.0":
-  version: 5.1.0
-  resolution: "is-fullwidth-code-point@npm:5.1.0"
-  dependencies:
-    get-east-asian-width: ^1.3.1
-  checksum: 4700d8a82cb71bd2a2955587b2823c36dc4660eadd4047bfbd070821ddbce8504fc5f9b28725567ecddf405b1e06c6692c9b719f65df6af9ec5262bc11393a6a
-  languageName: node
-  linkType: hard
-
-"is-glob@npm:^4.0.1, is-glob@npm:^4.0.3, is-glob@npm:~4.0.1":
-  version: 4.0.3
-  resolution: "is-glob@npm:4.0.3"
-  dependencies:
-    is-extglob: ^2.1.1
-  checksum: d381c1319fcb69d341cc6e6c7cd588e17cd94722d9a32dbd60660b993c4fb7d0f19438674e68dfec686d09b7c73139c9166b47597f846af387450224a8101ab4
-  languageName: node
-  linkType: hard
-
-"is-inside-container@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "is-inside-container@npm:1.0.0"
-  dependencies:
-    is-docker: ^3.0.0
-  bin:
-    is-inside-container: cli.js
-  checksum: c50b75a2ab66ab3e8b92b3bc534e1ea72ca25766832c0623ac22d134116a98bcf012197d1caabe1d1c4bd5f84363d4aa5c36bb4b585fbcaf57be172cd10a1a03
-  languageName: node
-  linkType: hard
-
-"is-interactive@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "is-interactive@npm:2.0.0"
-  checksum: e8d52ad490bed7ae665032c7675ec07732bbfe25808b0efbc4d5a76b1a1f01c165f332775c63e25e9a03d319ebb6b24f571a9e902669fc1e40b0a60b5be6e26c
-  languageName: node
-  linkType: hard
-
-"is-network-error@npm:^1.0.0":
-  version: 1.3.0
-  resolution: "is-network-error@npm:1.3.0"
-  checksum: 56dc0b8ed9c0bb72202058f172ad0c3121cf68772e8cbba343d3775f6e2ec7877d423cbcea45f4cedcd345de8693de1b52dfe0c6fc15d652c4aa98c2abf0185a
-  languageName: node
-  linkType: hard
-
-"is-number@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "is-number@npm:7.0.0"
-  checksum: 456ac6f8e0f3111ed34668a624e45315201dff921e5ac181f8ec24923b99e9f32ca1a194912dc79d539c97d33dba17dc635202ff0b2cf98326f608323276d27a
-  languageName: node
-  linkType: hard
-
-"is-plain-obj@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "is-plain-obj@npm:3.0.0"
-  checksum: a6ebdf8e12ab73f33530641972a72a4b8aed6df04f762070d823808303e4f76d87d5ea5bd76f96a7bbe83d93f04ac7764429c29413bd9049853a69cb630fb21c
-  languageName: node
-  linkType: hard
-
-"is-plain-object@npm:^2.0.4":
-  version: 2.0.4
-  resolution: "is-plain-object@npm:2.0.4"
-  dependencies:
-    isobject: ^3.0.1
-  checksum: 2a401140cfd86cabe25214956ae2cfee6fbd8186809555cd0e84574f88de7b17abacb2e477a6a658fa54c6083ecbda1e6ae404c7720244cd198903848fca70ca
-  languageName: node
-  linkType: hard
-
-"is-plain-object@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "is-plain-object@npm:5.0.0"
-  checksum: e32d27061eef62c0847d303125440a38660517e586f2f3db7c9d179ae5b6674ab0f469d519b2e25c147a1a3bc87156d0d5f4d8821e0ce4a9ee7fe1fcf11ce45c
-  languageName: node
-  linkType: hard
-
-"is-potential-custom-element-name@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "is-potential-custom-element-name@npm:1.0.1"
-  checksum: ced7bbbb6433a5b684af581872afe0e1767e2d1146b2207ca0068a648fb5cab9d898495d1ac0583524faaf24ca98176a7d9876363097c2d14fee6dd324f3a1ab
-  languageName: node
-  linkType: hard
-
-"is-promise@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "is-promise@npm:4.0.0"
-  checksum: 0b46517ad47b00b6358fd6553c83ec1f6ba9acd7ffb3d30a0bf519c5c69e7147c132430452351b8a9fc198f8dd6c4f76f8e6f5a7f100f8c77d57d9e0f4261a8a
-  languageName: node
-  linkType: hard
-
-"is-unicode-supported@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "is-unicode-supported@npm:1.3.0"
-  checksum: 20a1fc161afafaf49243551a5ac33b6c4cf0bbcce369fcd8f2951fbdd000c30698ce320de3ee6830497310a8f41880f8066d440aa3eb0a853e2aa4836dd89abc
-  languageName: node
-  linkType: hard
-
-"is-unicode-supported@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "is-unicode-supported@npm:2.1.0"
-  checksum: f254e3da6b0ab1a57a94f7273a7798dd35d1d45b227759f600d0fa9d5649f9c07fa8d3c8a6360b0e376adf916d151ec24fc9a50c5295c58bae7ca54a76a063f9
-  languageName: node
-  linkType: hard
-
-"is-what@npm:^3.14.1":
-  version: 3.14.1
-  resolution: "is-what@npm:3.14.1"
-  checksum: a9a6ce92d33799f1ae0916c7afb6f8128a23ce9d28bd69d9ec3ec88910e7a1f68432e6236c3c8a4d544cf0b864675e5d828437efde60ee0cf8102061d395c1df
-  languageName: node
-  linkType: hard
-
-"is-wsl@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "is-wsl@npm:3.1.0"
-  dependencies:
-    is-inside-container: ^1.0.0
-  checksum: f9734c81f2f9cf9877c5db8356bfe1ff61680f1f4c1011e91278a9c0564b395ae796addb4bf33956871041476ec82c3e5260ed57b22ac91794d4ae70a1d2f0a9
-  languageName: node
-  linkType: hard
-
-"isarray@npm:~1.0.0":
-  version: 1.0.0
-  resolution: "isarray@npm:1.0.0"
-  checksum: f032df8e02dce8ec565cf2eb605ea939bdccea528dbcf565cdf92bfa2da9110461159d86a537388ef1acef8815a330642d7885b29010e8f7eac967c9993b65ab
-  languageName: node
-  linkType: hard
-
-"isexe@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "isexe@npm:2.0.0"
-  checksum: 26bf6c5480dda5161c820c5b5c751ae1e766c587b1f951ea3fcfc973bafb7831ae5b54a31a69bd670220e42e99ec154475025a468eae58ea262f813fdc8d1c62
-  languageName: node
-  linkType: hard
-
-"isexe@npm:^3.1.1":
-  version: 3.1.1
-  resolution: "isexe@npm:3.1.1"
-  checksum: 7fe1931ee4e88eb5aa524cd3ceb8c882537bc3a81b02e438b240e47012eef49c86904d0f0e593ea7c3a9996d18d0f1f3be8d3eaa92333977b0c3a9d353d5563e
-  languageName: node
-  linkType: hard
-
-"isobject@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "isobject@npm:3.0.1"
-  checksum: db85c4c970ce30693676487cca0e61da2ca34e8d4967c2e1309143ff910c207133a969f9e4ddb2dc6aba670aabce4e0e307146c310350b298e74a31f7d464703
-  languageName: node
-  linkType: hard
-
-"istanbul-lib-coverage@npm:^3.2.0":
-  version: 3.2.2
-  resolution: "istanbul-lib-coverage@npm:3.2.2"
-  checksum: 2367407a8d13982d8f7a859a35e7f8dd5d8f75aae4bb5484ede3a9ea1b426dc245aff28b976a2af48ee759fdd9be374ce2bd2669b644f31e76c5f46a2e29a831
-  languageName: node
-  linkType: hard
-
-"istanbul-lib-instrument@npm:6.0.3":
-  version: 6.0.3
-  resolution: "istanbul-lib-instrument@npm:6.0.3"
-  dependencies:
-    "@babel/core": ^7.23.9
-    "@babel/parser": ^7.23.9
-    "@istanbuljs/schema": ^0.1.3
-    istanbul-lib-coverage: ^3.2.0
-    semver: ^7.5.4
-  checksum: 74104c60c65c4fa0e97cc76f039226c356123893929f067bfad5f86fe839e08f5d680354a68fead3bc9c1e2f3fa6f3f53cded70778e821d911e851d349f3545a
-  languageName: node
-  linkType: hard
-
-"jest-worker@npm:^27.4.5":
-  version: 27.5.1
-  resolution: "jest-worker@npm:27.5.1"
-  dependencies:
-    "@types/node": "*"
-    merge-stream: ^2.0.0
-    supports-color: ^8.0.0
-  checksum: 98cd68b696781caed61c983a3ee30bf880b5bd021c01d98f47b143d4362b85d0737f8523761e2713d45e18b4f9a2b98af1eaee77afade4111bb65c77d6f7c980
-  languageName: node
-  linkType: hard
-
-"jiti@npm:^1.20.0":
-  version: 1.21.7
-  resolution: "jiti@npm:1.21.7"
-  bin:
-    jiti: bin/jiti.js
-  checksum: 9cd20dabf82e3a4cceecb746a69381da7acda93d34eed0cdb9c9bdff3bce07e4f2f4a016ca89924392c935297d9aedc58ff9f7d3281bc5293319ad244926e0b7
-  languageName: node
-  linkType: hard
-
-"jiti@npm:^2.6.0":
-  version: 2.6.1
-  resolution: "jiti@npm:2.6.1"
-  bin:
-    jiti: lib/jiti-cli.mjs
-  checksum: 9394e29c5e40d1ca8267923160d8d86706173c9ff30c901097883434b0c4866de2c060427b6a9a5843bb3e42fa3a3c8b5b2228531d3dd4f4f10c5c6af355bb86
-  languageName: node
-  linkType: hard
-
-"jose@npm:^6.1.1":
-  version: 6.1.3
-  resolution: "jose@npm:6.1.3"
-  checksum: 7f51c7e77f82b70ef88ede9fd1760298bc0ffbf143b9d94f78c08462987ae61864535c1856bc6c26d335f857c7d41f4fffcc29134212c19ea929ce34a4c790f0
-  languageName: node
-  linkType: hard
-
-"js-tokens@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "js-tokens@npm:4.0.0"
-  checksum: 8a95213a5a77deb6cbe94d86340e8d9ace2b93bc367790b260101d2f36a2eaf4e4e22d9fa9cf459b38af3a32fb4190e638024cf82ec95ef708680e405ea7cc78
-  languageName: node
-  linkType: hard
-
-"js-tokens@npm:^9.0.1":
-  version: 9.0.1
-  resolution: "js-tokens@npm:9.0.1"
-  checksum: 8b604020b1a550e575404bfdde4d12c11a7991ffe0c58a2cf3515b9a512992dc7010af788f0d8b7485e403d462d9e3d3b96c4ff03201550fdbb09e17c811e054
-  languageName: node
-  linkType: hard
-
-"js-yaml@npm:^4.1.0, js-yaml@npm:^4.1.1":
-  version: 4.1.1
-  resolution: "js-yaml@npm:4.1.1"
-  dependencies:
-    argparse: ^2.0.1
-  bin:
-    js-yaml: bin/js-yaml.js
-  checksum: ea2339c6930fe048ec31b007b3c90be2714ab3e7defcc2c27ebf30c74fd940358f29070b4345af0019ef151875bf3bc3f8644bea1bab0372652b5044813ac02d
-  languageName: node
-  linkType: hard
-
-"jsdom@npm:^27.4.0":
-  version: 27.4.0
-  resolution: "jsdom@npm:27.4.0"
-  dependencies:
-    "@acemir/cssom": ^0.9.28
-    "@asamuzakjp/dom-selector": ^6.7.6
-    "@exodus/bytes": ^1.6.0
-    cssstyle: ^5.3.4
-    data-urls: ^6.0.0
-    decimal.js: ^10.6.0
-    html-encoding-sniffer: ^6.0.0
-    http-proxy-agent: ^7.0.2
-    https-proxy-agent: ^7.0.6
-    is-potential-custom-element-name: ^1.0.1
-    parse5: ^8.0.0
-    saxes: ^6.0.0
-    symbol-tree: ^3.2.4
-    tough-cookie: ^6.0.0
-    w3c-xmlserializer: ^5.0.0
-    webidl-conversions: ^8.0.0
-    whatwg-mimetype: ^4.0.0
-    whatwg-url: ^15.1.0
-    ws: ^8.18.3
-    xml-name-validator: ^5.0.0
-  peerDependencies:
-    canvas: ^3.0.0
-  peerDependenciesMeta:
-    canvas:
-      optional: true
-  checksum: ec3f4a98174f2cf739ea33a2f59dcb66a2555e475b57d9e016fa55cdcc5b61f002e3d3c161142869d161d7535a6cc11d9fb1328860b27848b3ea94e1d99279bd
-  languageName: node
-  linkType: hard
-
-"jsesc@npm:^3.0.2, jsesc@npm:~3.1.0":
-  version: 3.1.0
-  resolution: "jsesc@npm:3.1.0"
-  bin:
-    jsesc: bin/jsesc
-  checksum: 19c94095ea026725540c0d29da33ab03144f6bcf2d4159e4833d534976e99e0c09c38cefa9a575279a51fc36b31166f8d6d05c9fe2645d5f15851d690b41f17f
-  languageName: node
-  linkType: hard
-
-"json-parse-even-better-errors@npm:^2.3.0, json-parse-even-better-errors@npm:^2.3.1":
-  version: 2.3.1
-  resolution: "json-parse-even-better-errors@npm:2.3.1"
-  checksum: 798ed4cf3354a2d9ccd78e86d2169515a0097a5c133337807cdf7f1fc32e1391d207ccfc276518cc1d7d8d4db93288b8a50ba4293d212ad1336e52a8ec0a941f
-  languageName: node
-  linkType: hard
-
-"json-parse-even-better-errors@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "json-parse-even-better-errors@npm:5.0.0"
-  checksum: b5aeaa65e072bc3bda2cb1da50bf1822814b4aa7c568e7c2bed25af89d730f113dcb74393da574c0a32e889eeba4a826db600b8a6ecef917c59c8c6b38f2efaa
-  languageName: node
-  linkType: hard
-
-"json-schema-traverse@npm:^0.4.1":
-  version: 0.4.1
-  resolution: "json-schema-traverse@npm:0.4.1"
-  checksum: 7486074d3ba247769fda17d5181b345c9fb7d12e0da98b22d1d71a5db9698d8b4bd900a3ec1a4ffdd60846fc2556274a5c894d0c48795f14cb03aeae7b55260b
-  languageName: node
-  linkType: hard
-
-"json-schema-traverse@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "json-schema-traverse@npm:1.0.0"
-  checksum: 02f2f466cdb0362558b2f1fd5e15cce82ef55d60cd7f8fa828cf35ba74330f8d767fcae5c5c2adb7851fa811766c694b9405810879bc4e1ddd78a7c0e03658ad
-  languageName: node
-  linkType: hard
-
-"json-schema-typed@npm:^8.0.2":
-  version: 8.0.2
-  resolution: "json-schema-typed@npm:8.0.2"
-  checksum: 8ddb3c2b1bad406507ea077d4d8cfe6dae5b920f642efab145e4bd6e0d3984f01034ee4467bbeabd51e129b17d7446ceb357a6b1648857fdfaf61ba8ef621ff6
-  languageName: node
-  linkType: hard
-
-"json5@npm:^2.1.2, json5@npm:^2.2.2, json5@npm:^2.2.3":
-  version: 2.2.3
-  resolution: "json5@npm:2.2.3"
-  bin:
-    json5: lib/cli.js
-  checksum: 2a7436a93393830bce797d4626275152e37e877b265e94ca69c99e3d20c2b9dab021279146a39cdb700e71b2dd32a4cebd1514cd57cee102b1af906ce5040349
-  languageName: node
-  linkType: hard
-
-"jsonc-parser@npm:3.3.1":
-  version: 3.3.1
-  resolution: "jsonc-parser@npm:3.3.1"
-  checksum: 81ef19d98d9c6bd6e4a37a95e2753c51c21705cbeffd895e177f4b542cca9cda5fda12fb942a71a2e824a9132cf119dc2e642e9286386055e1365b5478f49a47
-  languageName: node
-  linkType: hard
-
-"jsonfile@npm:^6.0.1":
-  version: 6.2.0
-  resolution: "jsonfile@npm:6.2.0"
-  dependencies:
-    graceful-fs: ^4.1.6
-    universalify: ^2.0.0
-  dependenciesMeta:
-    graceful-fs:
-      optional: true
-  checksum: c3028ec5c770bb41290c9bb9ca04bdd0a1b698ddbdf6517c9453d3f90fc9e000c9675959fb46891d317690a93c62de03ff1735d8dbe02be83e51168ce85815d3
-  languageName: node
-  linkType: hard
-
-"jsonparse@npm:^1.3.1":
-  version: 1.3.1
-  resolution: "jsonparse@npm:1.3.1"
-  checksum: 6514a7be4674ebf407afca0eda3ba284b69b07f9958a8d3113ef1005f7ec610860c312be067e450c569aab8b89635e332cee3696789c750692bb60daba627f4d
-  languageName: node
-  linkType: hard
-
-"karma-source-map-support@npm:1.4.0":
-  version: 1.4.0
-  resolution: "karma-source-map-support@npm:1.4.0"
-  dependencies:
-    source-map-support: ^0.5.5
-  checksum: 7a482bc836c70f8c1d9468382a9e1c887d032697f6ace97fac90b02e73d0523cb59fc0af8759356293e6bc4ce3a17bab59b331bad0560cab9dd77ac65b343de8
-  languageName: node
-  linkType: hard
-
-"katex@npm:^0.16.0, katex@npm:^0.16.22":
-  version: 0.16.28
-  resolution: "katex@npm:0.16.28"
-  dependencies:
-    commander: ^8.3.0
-  bin:
-    katex: cli.js
-  checksum: b30ce609fe7340f697b0aff0cd8570f3a8d740fc8492a622b15cc19c1953eeb1b7908c0bb9bb0bf050c8c683d0bc8ab2f5ef5271861b21b71f8fc41b939bf6bf
-  languageName: node
-  linkType: hard
-
-"khroma@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "khroma@npm:2.1.0"
-  checksum: b34ba39d3a9a52d388110bded8cb1c12272eb69c249d8eb26feab12d18a96a9bc4ceec4851d2afa43de4569f7d5ea78fa305965a3d0e96a38e02fe77c53677da
-  languageName: node
-  linkType: hard
-
-"kind-of@npm:^6.0.2":
-  version: 6.0.3
-  resolution: "kind-of@npm:6.0.3"
-  checksum: 3ab01e7b1d440b22fe4c31f23d8d38b4d9b91d9f291df683476576493d5dfd2e03848a8b05813dd0c3f0e835bc63f433007ddeceb71f05cb25c45ae1b19c6d3b
-  languageName: node
-  linkType: hard
-
-"knip@npm:^5.79.0":
-  version: 5.82.1
-  resolution: "knip@npm:5.82.1"
-  dependencies:
-    "@nodelib/fs.walk": ^1.2.3
-    fast-glob: ^3.3.3
-    formatly: ^0.3.0
-    jiti: ^2.6.0
-    js-yaml: ^4.1.1
-    minimist: ^1.2.8
-    oxc-resolver: ^11.15.0
-    picocolors: ^1.1.1
-    picomatch: ^4.0.1
-    smol-toml: ^1.5.2
-    strip-json-comments: 5.0.3
-    zod: ^4.1.11
-  peerDependencies:
-    "@types/node": ">=18"
-    typescript: ">=5.0.4 <7"
-  bin:
-    knip: bin/knip.js
-    knip-bun: bin/knip-bun.js
-  checksum: 0a7e4012761903efd85e98e3888253b323f470972ebcfd6dd5993f9da522a36b2c7e7ee172326354131cb9dc476c5499685788af16c684d6458896de009b6a0c
-  languageName: node
-  linkType: hard
-
-"langium@npm:3.3.1":
-  version: 3.3.1
-  resolution: "langium@npm:3.3.1"
-  dependencies:
-    chevrotain: ~11.0.3
-    chevrotain-allstar: ~0.3.0
-    vscode-languageserver: ~9.0.1
-    vscode-languageserver-textdocument: ~1.0.11
-    vscode-uri: ~3.0.8
-  checksum: b5fcf1cd8d9e8fd9f79425afae5926546f57a30506be20cf7638880a01b2b04ccfe1cd5cae599a7733ad4d38af0bf2ed9bd9e1a95cc5f3de1725628fa7883446
-  languageName: node
-  linkType: hard
-
-"launch-editor@npm:^2.6.1":
-  version: 2.12.0
-  resolution: "launch-editor@npm:2.12.0"
-  dependencies:
-    picocolors: ^1.1.1
-    shell-quote: ^1.8.3
-  checksum: b1aa1b92ef4e720d1edd7f80affb90b2fa1cc2c41641cf80158940698c18a4b6a67e2a7cb060547712e858f0ec1a7c8c39f605e0eb299f516a6184f4e680ffc8
-  languageName: node
-  linkType: hard
-
-"layout-base@npm:^1.0.0":
-  version: 1.0.2
-  resolution: "layout-base@npm:1.0.2"
-  checksum: e4c312765ac4fa13b49c940e701461309c7a0aa07f784f81d31f626b945dced90a8abf83222388a5af16b7074271f745501a90ef5a3af676abb2e7eb16d55b2e
-  languageName: node
-  linkType: hard
-
-"layout-base@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "layout-base@npm:2.0.1"
-  checksum: ef93baf044f67c3680f4f3a6d628bf4c7faba0f70f3e0abb16e4811bed087045208560347ca749e123d169cbf872505ad84e11fb21b0be925997227e042c7f43
-  languageName: node
-  linkType: hard
-
-"less-loader@npm:12.3.0":
-  version: 12.3.0
-  resolution: "less-loader@npm:12.3.0"
-  peerDependencies:
-    "@rspack/core": 0.x || 1.x
-    less: ^3.5.0 || ^4.0.0
-    webpack: ^5.0.0
-  peerDependenciesMeta:
-    "@rspack/core":
-      optional: true
-    webpack:
-      optional: true
-  checksum: 9a291f37a4514349ce4a187ddffd77bfd7d4f97077f71aa6dbfc81393a0cd3c00ab793c13f40a4d3acdbad423db9d2e75054ede4fb1900ba0e49882c9405a4f7
-  languageName: node
-  linkType: hard
-
-"less@npm:4.4.0":
-  version: 4.4.0
-  resolution: "less@npm:4.4.0"
-  dependencies:
-    copy-anything: ^2.0.1
-    errno: ^0.1.1
-    graceful-fs: ^4.1.2
-    image-size: ~0.5.0
-    make-dir: ^2.1.0
-    mime: ^1.4.1
-    needle: ^3.1.0
-    parse-node-version: ^1.0.1
-    source-map: ~0.6.0
-    tslib: ^2.3.0
-  dependenciesMeta:
-    errno:
-      optional: true
-    graceful-fs:
-      optional: true
-    image-size:
-      optional: true
-    make-dir:
-      optional: true
-    mime:
-      optional: true
-    needle:
-      optional: true
-    source-map:
-      optional: true
-  bin:
-    lessc: bin/lessc
-  checksum: e7871347f1e7b5ac40a672048ed86227a027cfc1a9d3cee72429f08c91164003209b3f0e453a601e5bbfab6bf671465509a8365d22473fc65b64281aba916e6b
-  languageName: node
-  linkType: hard
-
-"libphonenumber-js@npm:^1.12.9":
-  version: 1.12.36
-  resolution: "libphonenumber-js@npm:1.12.36"
-  checksum: f39b5ed57bdf76825fd8b3b04f83957f7888b18d5945bad2b2529a35dfedea9d7a706c5ca2dbcafe78fb9b8c20b5cbc7c8568c904a09c8118285bc954cefd5da
-  languageName: node
-  linkType: hard
-
-"license-webpack-plugin@npm:4.0.2":
-  version: 4.0.2
-  resolution: "license-webpack-plugin@npm:4.0.2"
-  dependencies:
-    webpack-sources: ^3.0.0
-  peerDependenciesMeta:
-    webpack:
-      optional: true
-    webpack-sources:
-      optional: true
-  checksum: e88ebdb9c8bdfc0926dd7211d7fe2ee8697a44bb00a96bb5e6ca844b6acb7d24dd54eb17ec485e2e0140c3cc86709d1c2bd46e091ab52af076e1e421054c8322
-  languageName: node
-  linkType: hard
-
-"lines-and-columns@npm:^1.1.6":
-  version: 1.2.4
-  resolution: "lines-and-columns@npm:1.2.4"
-  checksum: 0c37f9f7fa212b38912b7145e1cd16a5f3cd34d782441c3e6ca653485d326f58b3caccda66efce1c5812bde4961bbde3374fae4b0d11bf1226152337f3894aa5
-  languageName: node
-  linkType: hard
-
-"listr2@npm:9.0.1":
-  version: 9.0.1
-  resolution: "listr2@npm:9.0.1"
-  dependencies:
-    cli-truncate: ^4.0.0
-    colorette: ^2.0.20
-    eventemitter3: ^5.0.1
-    log-update: ^6.1.0
-    rfdc: ^1.4.1
-    wrap-ansi: ^9.0.0
-  checksum: 7880c3732951d07c1d81eeccb46a7ce4f2274b6974e0f929a5c6f5386a304c65da102bc646b8372c55ba5cc5e5510b634c15c13b6492663f2a59b401ace3abbe
-  languageName: node
-  linkType: hard
-
-"lmdb@npm:3.4.2":
-  version: 3.4.2
-  resolution: "lmdb@npm:3.4.2"
-  dependencies:
-    "@lmdb/lmdb-darwin-arm64": 3.4.2
-    "@lmdb/lmdb-darwin-x64": 3.4.2
-    "@lmdb/lmdb-linux-arm": 3.4.2
-    "@lmdb/lmdb-linux-arm64": 3.4.2
-    "@lmdb/lmdb-linux-x64": 3.4.2
-    "@lmdb/lmdb-win32-arm64": 3.4.2
-    "@lmdb/lmdb-win32-x64": 3.4.2
-    msgpackr: ^1.11.2
-    node-addon-api: ^6.1.0
-    node-gyp: latest
-    node-gyp-build-optional-packages: 5.2.2
-    ordered-binary: ^1.5.3
-    weak-lru-cache: ^1.2.2
-  dependenciesMeta:
-    "@lmdb/lmdb-darwin-arm64":
-      optional: true
-    "@lmdb/lmdb-darwin-x64":
-      optional: true
-    "@lmdb/lmdb-linux-arm":
-      optional: true
-    "@lmdb/lmdb-linux-arm64":
-      optional: true
-    "@lmdb/lmdb-linux-x64":
-      optional: true
-    "@lmdb/lmdb-win32-arm64":
-      optional: true
-    "@lmdb/lmdb-win32-x64":
-      optional: true
-  bin:
-    download-lmdb-prebuilds: bin/download-prebuilds.js
-  checksum: e526e613e139767140ce606780820413550fc7713dab7454ebca905e9737eb9fb1b11e05d802b1dd04cec4f890cb6e3ba8ff4ddd5af745e7f37febaf61107aae
-  languageName: node
-  linkType: hard
-
-"loader-runner@npm:^4.3.1":
-  version: 4.3.1
-  resolution: "loader-runner@npm:4.3.1"
-  checksum: 14689a39a79b286d3d15f2199384d6132d62ea707abd6c7e50dc8a1f80c20cbfdd5344f7e6b4a7346974696689ab1a96f8ec7d1e8bf206c5264561502658bd3c
-  languageName: node
-  linkType: hard
-
-"loader-utils@npm:3.3.1":
-  version: 3.3.1
-  resolution: "loader-utils@npm:3.3.1"
-  checksum: d35808e081635e5bc50228a52ed79f83e2c82bd8f7578818c12b1b4cf0b7f409d72d9b93a683ec36b9eaa93346693d3f3c8380183ba2ff81599b0829d685de39
-  languageName: node
-  linkType: hard
-
-"loader-utils@npm:^2.0.0":
-  version: 2.0.4
-  resolution: "loader-utils@npm:2.0.4"
-  dependencies:
-    big.js: ^5.2.2
-    emojis-list: ^3.0.0
-    json5: ^2.1.2
-  checksum: a5281f5fff1eaa310ad5e1164095689443630f3411e927f95031ab4fb83b4a98f388185bb1fe949e8ab8d4247004336a625e9255c22122b815bb9a4c5d8fc3b7
-  languageName: node
-  linkType: hard
-
-"locate-path@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "locate-path@npm:6.0.0"
-  dependencies:
-    p-locate: ^5.0.0
-  checksum: 72eb661788a0368c099a184c59d2fee760b3831c9c1c33955e8a19ae4a21b4116e53fa736dc086cdeb9fce9f7cc508f2f92d2d3aae516f133e16a2bb59a39f5a
-  languageName: node
-  linkType: hard
-
-"lodash-es@npm:4.17.23":
-  version: 4.17.23
-  resolution: "lodash-es@npm:4.17.23"
-  checksum: b1bd1d141bbde8ffc72978e34b364065675806b0ca42ab99477d247fb2ae795faeed81db9283bf18ae1f096c2b6611ec0589e0503fa9724bf82e3dce947bad69
-  languageName: node
-  linkType: hard
-
-"lodash.debounce@npm:^4.0.8":
-  version: 4.0.8
-  resolution: "lodash.debounce@npm:4.0.8"
-  checksum: a3f527d22c548f43ae31c861ada88b2637eb48ac6aa3eb56e82d44917971b8aa96fbb37aa60efea674dc4ee8c42074f90f7b1f772e9db375435f6c83a19b3bc6
-  languageName: node
-  linkType: hard
-
-"lodash@npm:^4.17.20, lodash@npm:^4.17.21":
-  version: 4.17.23
-  resolution: "lodash@npm:4.17.23"
-  checksum: 7daad39758a72872e94651630fbb54ba76868f904211089721a64516ce865506a759d9ad3d8ff22a2a49a50a09db5d27c36f22762d21766e47e3ba918d6d7bab
-  languageName: node
-  linkType: hard
-
-"log-symbols@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "log-symbols@npm:6.0.0"
-  dependencies:
-    chalk: ^5.3.0
-    is-unicode-supported: ^1.3.0
-  checksum: 510cdda36700cbcd87a2a691ea08d310a6c6b449084018f7f2ec4f732ca5e51b301ff1327aadd96f53c08318e616276c65f7fe22f2a16704fb0715d788bc3c33
-  languageName: node
-  linkType: hard
-
-"log-update@npm:^6.1.0":
-  version: 6.1.0
-  resolution: "log-update@npm:6.1.0"
-  dependencies:
-    ansi-escapes: ^7.0.0
-    cli-cursor: ^5.0.0
-    slice-ansi: ^7.1.0
-    strip-ansi: ^7.1.0
-    wrap-ansi: ^9.0.0
-  checksum: 817a9ba6c5cbc19e94d6359418df8cfe8b3244a2903f6d53354e175e243a85b782dc6a98db8b5e457ee2f09542ca8916c39641b9cd3b0e6ef45e9481d50c918a
-  languageName: node
-  linkType: hard
-
-"long@npm:^5.0.0":
-  version: 5.3.2
-  resolution: "long@npm:5.3.2"
-  checksum: be215816b563f4ca27ad3677678b53415bc489f9e3466414e54d2d85f5f8e86768547fa58493bacfb363ffc57a664debc83403ccc2178aef0c40aca28bad47c9
-  languageName: node
-  linkType: hard
-
-"loupe@npm:^3.1.0, loupe@npm:^3.1.4":
-  version: 3.2.1
-  resolution: "loupe@npm:3.2.1"
-  checksum: 3ce9ecc5b2c56ffc073bf065ad3a4644cccce3eac81e61a8732e9c8ebfe05513ed478592d25f9dba24cfe82766913be045ab384c04711c7c6447deaf800ad94c
-  languageName: node
-  linkType: hard
-
-"lower-case@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "lower-case@npm:2.0.2"
-  dependencies:
-    tslib: ^2.0.3
-  checksum: 83a0a5f159ad7614bee8bf976b96275f3954335a84fad2696927f609ddae902802c4f3312d86668722e668bef41400254807e1d3a7f2e8c3eede79691aa1f010
-  languageName: node
-  linkType: hard
-
-"lru-cache@npm:^11.0.0, lru-cache@npm:^11.1.0, lru-cache@npm:^11.2.1, lru-cache@npm:^11.2.4, lru-cache@npm:^11.2.5":
-  version: 11.2.5
-  resolution: "lru-cache@npm:11.2.5"
-  checksum: b3cd18066c81e0540429507036e0a37f860325348f6a85376ed71196e5b893668af410849574c5fb49110bc0afff76b4f87646cb93b2482a315c9e7b8435630f
-  languageName: node
-  linkType: hard
-
-"lru-cache@npm:^5.1.1":
-  version: 5.1.1
-  resolution: "lru-cache@npm:5.1.1"
-  dependencies:
-    yallist: ^3.0.2
-  checksum: c154ae1cbb0c2206d1501a0e94df349653c92c8cbb25236d7e85190bcaf4567a03ac6eb43166fabfa36fd35623694da7233e88d9601fbf411a9a481d85dbd2cb
-  languageName: node
-  linkType: hard
-
-"lru-cache@npm:^7.14.1":
-  version: 7.18.3
-  resolution: "lru-cache@npm:7.18.3"
-  checksum: e550d772384709deea3f141af34b6d4fa392e2e418c1498c078de0ee63670f1f46f5eee746e8ef7e69e1c895af0d4224e62ee33e66a543a14763b0f2e74c1356
-  languageName: node
-  linkType: hard
-
-"lz-string@npm:^1.5.0":
-  version: 1.5.0
-  resolution: "lz-string@npm:1.5.0"
-  bin:
-    lz-string: bin/bin.js
-  checksum: 1ee98b4580246fd90dd54da6e346fb1caefcf05f677c686d9af237a157fdea3fd7c83a4bc58f858cd5b10a34d27afe0fdcbd0505a47e0590726a873dc8b8f65d
-  languageName: node
-  linkType: hard
-
-"magic-string@npm:0.30.17":
-  version: 0.30.17
-  resolution: "magic-string@npm:0.30.17"
-  dependencies:
-    "@jridgewell/sourcemap-codec": ^1.5.0
-  checksum: f4b4ed17c5ada64f77fc98491847302ebad64894a905c417c943840c0384662118c9b37f9f68bb86add159fa4749ff6f118c4627d69a470121b46731f8debc6d
-  languageName: node
-  linkType: hard
-
-"magic-string@npm:^0.30.17, magic-string@npm:^0.30.5":
-  version: 0.30.21
-  resolution: "magic-string@npm:0.30.21"
-  dependencies:
-    "@jridgewell/sourcemap-codec": ^1.5.5
-  checksum: 4ff76a4e8d439431cf49f039658751ed351962d044e5955adc257489569bd676019c906b631f86319217689d04815d7d064ee3ff08ab82ae65b7655a7e82a414
-  languageName: node
-  linkType: hard
-
-"make-dir@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "make-dir@npm:2.1.0"
-  dependencies:
-    pify: ^4.0.1
-    semver: ^5.6.0
-  checksum: 043548886bfaf1820323c6a2997e6d2fa51ccc2586ac14e6f14634f7458b4db2daf15f8c310e2a0abd3e0cddc64df1890d8fc7263033602c47bb12cbfcf86aab
-  languageName: node
-  linkType: hard
-
-"make-error@npm:^1.1.1":
-  version: 1.3.6
-  resolution: "make-error@npm:1.3.6"
-  checksum: b86e5e0e25f7f777b77fabd8e2cbf15737972869d852a22b7e73c17623928fccb826d8e46b9951501d3f20e51ad74ba8c59ed584f610526a48f8ccf88aaec402
-  languageName: node
-  linkType: hard
-
-"make-fetch-happen@npm:^15.0.0, make-fetch-happen@npm:^15.0.1, make-fetch-happen@npm:^15.0.3":
-  version: 15.0.3
-  resolution: "make-fetch-happen@npm:15.0.3"
-  dependencies:
-    "@npmcli/agent": ^4.0.0
-    cacache: ^20.0.1
-    http-cache-semantics: ^4.1.1
-    minipass: ^7.0.2
-    minipass-fetch: ^5.0.0
-    minipass-flush: ^1.0.5
-    minipass-pipeline: ^1.2.4
-    negotiator: ^1.0.0
-    proc-log: ^6.0.0
-    promise-retry: ^2.0.1
-    ssri: ^13.0.0
-  checksum: 4fb9dbb739b33565c85dacdcff7eb9388d8f36f326a59dc13375f01af809c42c48aa5d1f4840ee36623b2461a15476e1e79e4548ca1af30b42e1e324705ac8b3
-  languageName: node
-  linkType: hard
-
-"marked@npm:14.0.0":
-  version: 14.0.0
-  resolution: "marked@npm:14.0.0"
-  bin:
-    marked: bin/marked.js
-  checksum: 965405cde11d180e5da78cf51074b1947f1e5483ed99691d3ec990a078aa6ca9113cf19bbd44da45473d0e7eec7298255e7d860a650dd5e7aed78ca5a8e0161b
-  languageName: node
-  linkType: hard
-
-"marked@npm:^16.2.1":
-  version: 16.4.2
-  resolution: "marked@npm:16.4.2"
-  bin:
-    marked: bin/marked.js
-  checksum: 8749bc6228ff59eb63f82c7310750336eb85c42c2b37d0d24f86807cf9e7b441bf8a20ed1bbcadfcd7a2db41d1b6069642286d4403815b90c2ce5be6aa00124c
-  languageName: node
-  linkType: hard
-
-"math-intrinsics@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "math-intrinsics@npm:1.1.0"
-  checksum: 0e513b29d120f478c85a70f49da0b8b19bc638975eca466f2eeae0071f3ad00454c621bf66e16dd435896c208e719fc91ad79bbfba4e400fe0b372e7c1c9c9a2
-  languageName: node
-  linkType: hard
-
-"mdn-data@npm:2.12.2":
-  version: 2.12.2
-  resolution: "mdn-data@npm:2.12.2"
-  checksum: 77f38c180292cfbbd41c06641a27940cc293c08f47faa98f80bf64f98bb1b2a804df371e864e31a1ea97bdf181c0b0f85a2d96d1a6261f43c427b32222f33f1f
-  languageName: node
-  linkType: hard
-
-"media-typer@npm:0.3.0":
-  version: 0.3.0
-  resolution: "media-typer@npm:0.3.0"
-  checksum: af1b38516c28ec95d6b0826f6c8f276c58aec391f76be42aa07646b4e39d317723e869700933ca6995b056db4b09a78c92d5440dc23657e6764be5d28874bba1
-  languageName: node
-  linkType: hard
-
-"media-typer@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "media-typer@npm:1.1.0"
-  checksum: a58dd60804df73c672942a7253ccc06815612326dc1c0827984b1a21704466d7cde351394f47649e56cf7415e6ee2e26e000e81b51b3eebb5a93540e8bf93cbd
-  languageName: node
-  linkType: hard
-
-"memfs@npm:^3.4.1, memfs@npm:^3.4.12":
-  version: 3.5.3
-  resolution: "memfs@npm:3.5.3"
-  dependencies:
-    fs-monkey: ^1.0.4
-  checksum: 18dfdeacad7c8047b976a6ccd58bc98ba76e122ad3ca0e50a21837fe2075fc0d9aafc58ab9cf2576c2b6889da1dd2503083f2364191b695273f40969db2ecc44
-  languageName: node
-  linkType: hard
-
-"memfs@npm:^4.43.1, memfs@npm:^4.6.0":
-  version: 4.56.10
-  resolution: "memfs@npm:4.56.10"
-  dependencies:
-    "@jsonjoy.com/fs-core": 4.56.10
-    "@jsonjoy.com/fs-fsa": 4.56.10
-    "@jsonjoy.com/fs-node": 4.56.10
-    "@jsonjoy.com/fs-node-builtins": 4.56.10
-    "@jsonjoy.com/fs-node-to-fsa": 4.56.10
-    "@jsonjoy.com/fs-node-utils": 4.56.10
-    "@jsonjoy.com/fs-print": 4.56.10
-    "@jsonjoy.com/fs-snapshot": 4.56.10
-    "@jsonjoy.com/json-pack": ^1.11.0
-    "@jsonjoy.com/util": ^1.9.0
-    glob-to-regex.js: ^1.0.1
-    thingies: ^2.5.0
-    tree-dump: ^1.0.3
-    tslib: ^2.0.0
-  peerDependencies:
-    tslib: 2
-  checksum: 25eb19575721872831384363fa39a5392915399dbd548a2bc872e20d020d502d2d129c77a39199303427f86a8f0c08b978c423eb52c912af0f0e46358d56c762
-  languageName: node
-  linkType: hard
-
-"merge-descriptors@npm:1.0.3":
-  version: 1.0.3
-  resolution: "merge-descriptors@npm:1.0.3"
-  checksum: 52117adbe0313d5defa771c9993fe081e2d2df9b840597e966aadafde04ae8d0e3da46bac7ca4efc37d4d2b839436582659cd49c6a43eacb3fe3050896a105d1
-  languageName: node
-  linkType: hard
-
-"merge-descriptors@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "merge-descriptors@npm:2.0.0"
-  checksum: e383332e700a94682d0125a36c8be761142a1320fc9feeb18e6e36647c9edf064271645f5669b2c21cf352116e561914fd8aa831b651f34db15ef4038c86696a
-  languageName: node
-  linkType: hard
-
-"merge-stream@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "merge-stream@npm:2.0.0"
-  checksum: 6fa4dcc8d86629705cea944a4b88ef4cb0e07656ebf223fa287443256414283dd25d91c1cd84c77987f2aec5927af1a9db6085757cb43d90eb170ebf4b47f4f4
-  languageName: node
-  linkType: hard
-
-"merge2@npm:^1.3.0":
-  version: 1.4.1
-  resolution: "merge2@npm:1.4.1"
-  checksum: 7268db63ed5169466540b6fb947aec313200bcf6d40c5ab722c22e242f651994619bcd85601602972d3c85bd2cc45a358a4c61937e9f11a061919a1da569b0c2
-  languageName: node
-  linkType: hard
-
-"mermaid@npm:^11.10.0":
-  version: 11.12.2
-  resolution: "mermaid@npm:11.12.2"
-  dependencies:
-    "@braintree/sanitize-url": ^7.1.1
-    "@iconify/utils": ^3.0.1
-    "@mermaid-js/parser": ^0.6.3
-    "@types/d3": ^7.4.3
-    cytoscape: ^3.29.3
-    cytoscape-cose-bilkent: ^4.1.0
-    cytoscape-fcose: ^2.2.0
-    d3: ^7.9.0
-    d3-sankey: ^0.12.3
-    dagre-d3-es: 7.0.13
-    dayjs: ^1.11.18
-    dompurify: ^3.2.5
-    katex: ^0.16.22
-    khroma: ^2.1.0
-    lodash-es: ^4.17.21
-    marked: ^16.2.1
-    roughjs: ^4.6.6
-    stylis: ^4.3.6
-    ts-dedent: ^2.2.0
-    uuid: ^11.1.0
-  checksum: 29069be734b933c513c9676b2937ab46499a387d5cfa48bd252e007962715dfdfdfa912b0812a8f0c07f2c22328f6ea557a2ef7b4d867ce4eb3ed7e089f887ad
-  languageName: node
-  linkType: hard
-
-"methods@npm:~1.1.2":
-  version: 1.1.2
-  resolution: "methods@npm:1.1.2"
-  checksum: 0917ff4041fa8e2f2fda5425a955fe16ca411591fbd123c0d722fcf02b73971ed6f764d85f0a6f547ce49ee0221ce2c19a5fa692157931cecb422984f1dcd13a
-  languageName: node
-  linkType: hard
-
-"micromatch@npm:^4.0.2, micromatch@npm:^4.0.8":
-  version: 4.0.8
-  resolution: "micromatch@npm:4.0.8"
-  dependencies:
-    braces: ^3.0.3
-    picomatch: ^2.3.1
-  checksum: 79920eb634e6f400b464a954fcfa589c4e7c7143209488e44baf627f9affc8b1e306f41f4f0deedde97e69cb725920879462d3e750ab3bd3c1aed675bb3a8966
-  languageName: node
-  linkType: hard
-
-"mime-db@npm:1.52.0":
-  version: 1.52.0
-  resolution: "mime-db@npm:1.52.0"
-  checksum: 0d99a03585f8b39d68182803b12ac601d9c01abfa28ec56204fa330bc9f3d1c5e14beb049bafadb3dbdf646dfb94b87e24d4ec7b31b7279ef906a8ea9b6a513f
-  languageName: node
-  linkType: hard
-
-"mime-db@npm:>= 1.43.0 < 2, mime-db@npm:^1.54.0":
-  version: 1.54.0
-  resolution: "mime-db@npm:1.54.0"
-  checksum: e99aaf2f23f5bd607deb08c83faba5dd25cf2fec90a7cc5b92d8260867ee08dab65312e1a589e60093dc7796d41e5fae013268418482f1db4c7d52d0a0960ac9
-  languageName: node
-  linkType: hard
-
-"mime-types@npm:^2.1.27, mime-types@npm:^2.1.31, mime-types@npm:~2.1.24, mime-types@npm:~2.1.34, mime-types@npm:~2.1.35":
-  version: 2.1.35
-  resolution: "mime-types@npm:2.1.35"
-  dependencies:
-    mime-db: 1.52.0
-  checksum: 89a5b7f1def9f3af5dad6496c5ed50191ae4331cc5389d7c521c8ad28d5fdad2d06fd81baf38fed813dc4e46bb55c8145bb0ff406330818c9cf712fb2e9b3836
-  languageName: node
-  linkType: hard
-
-"mime-types@npm:^3.0.0, mime-types@npm:^3.0.1, mime-types@npm:^3.0.2":
-  version: 3.0.2
-  resolution: "mime-types@npm:3.0.2"
-  dependencies:
-    mime-db: ^1.54.0
-  checksum: 70b74794f408419e4b6a8e3c93ccbed79b6a6053973a3957c5cc04ff4ad8d259f0267da179e3ecae34c3edfb4bfd7528db23a101e32d21ad8e196178c8b7b75a
-  languageName: node
-  linkType: hard
-
-"mime@npm:1.6.0, mime@npm:^1.4.1":
-  version: 1.6.0
-  resolution: "mime@npm:1.6.0"
-  bin:
-    mime: cli.js
-  checksum: fef25e39263e6d207580bdc629f8872a3f9772c923c7f8c7e793175cee22777bbe8bba95e5d509a40aaa292d8974514ce634ae35769faa45f22d17edda5e8557
-  languageName: node
-  linkType: hard
-
-"mimic-function@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "mimic-function@npm:5.0.1"
-  checksum: eb5893c99e902ccebbc267c6c6b83092966af84682957f79313311edb95e8bb5f39fb048d77132b700474d1c86d90ccc211e99bae0935447a4834eb4c882982c
-  languageName: node
-  linkType: hard
-
-"min-indent@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "min-indent@npm:1.0.1"
-  checksum: bfc6dd03c5eaf623a4963ebd94d087f6f4bbbfd8c41329a7f09706b0cb66969c4ddd336abeb587bc44bc6f08e13bf90f0b374f9d71f9f01e04adc2cd6f083ef1
-  languageName: node
-  linkType: hard
-
-"mini-css-extract-plugin@npm:2.9.4":
-  version: 2.9.4
-  resolution: "mini-css-extract-plugin@npm:2.9.4"
-  dependencies:
-    schema-utils: ^4.0.0
-    tapable: ^2.2.1
-  peerDependencies:
-    webpack: ^5.0.0
-  checksum: 4ec46ebdcb5dae4b1c012debca90fea27b1e8e7790d408154232d77d25f56f839e7b1ec5401a962d6356e7b9301c760d2ef62e1cb0d4d7b6ec8209f812733dda
-  languageName: node
-  linkType: hard
-
-"minimalistic-assert@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "minimalistic-assert@npm:1.0.1"
-  checksum: cc7974a9268fbf130fb055aff76700d7e2d8be5f761fb5c60318d0ed010d839ab3661a533ad29a5d37653133385204c503bfac995aaa4236f4e847461ea32ba7
-  languageName: node
-  linkType: hard
-
-"minimatch@npm:^10.0.3, minimatch@npm:^10.1.1":
-  version: 10.1.1
-  resolution: "minimatch@npm:10.1.1"
-  dependencies:
-    "@isaacs/brace-expansion": ^5.0.0
-  checksum: 8820c0be92994f57281f0a7a2cc4268dcc4b610f9a1ab666685716b4efe4b5898b43c835a8f22298875b31c7a278a5e3b7e253eee7c886546bb0b61fb94bca6b
-  languageName: node
-  linkType: hard
-
-"minimatch@npm:^3.0.4":
-  version: 3.1.5
-  resolution: "minimatch@npm:3.1.5"
-  dependencies:
-    brace-expansion: ^1.1.7
-  checksum: 47ef6f412c08be045a7291d11b1c40777925accf7252dc6d3caa39b1bfbb3a7ea390ba7aba464d762d783265c644143d2c8a204e6b5763145024d52ee65a1941
-  languageName: node
-  linkType: hard
-
-"minimist@npm:^1.2.6, minimist@npm:^1.2.8":
-  version: 1.2.8
-  resolution: "minimist@npm:1.2.8"
-  checksum: 75a6d645fb122dad29c06a7597bddea977258957ed88d7a6df59b5cd3fe4a527e253e9bbf2e783e4b73657f9098b96a5fe96ab8a113655d4109108577ecf85b0
-  languageName: node
-  linkType: hard
-
-"minipass-collect@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "minipass-collect@npm:2.0.1"
-  dependencies:
-    minipass: ^7.0.3
-  checksum: b251bceea62090f67a6cced7a446a36f4cd61ee2d5cea9aee7fff79ba8030e416327a1c5aa2908dc22629d06214b46d88fdab8c51ac76bacbf5703851b5ad342
-  languageName: node
-  linkType: hard
-
-"minipass-fetch@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "minipass-fetch@npm:5.0.0"
-  dependencies:
-    encoding: ^0.1.13
-    minipass: ^7.0.3
-    minipass-sized: ^1.0.3
-    minizlib: ^3.0.1
-  dependenciesMeta:
-    encoding:
-      optional: true
-  checksum: 416645d1e54c09fdfe64ec1676541ac2f6f2af3abc7ad25f2f22c4518535997c1ecd2c0c586ea8a5c6499ad7d8f97671f50ff38488ada54bf61fde309f731379
-  languageName: node
-  linkType: hard
-
-"minipass-flush@npm:^1.0.5":
-  version: 1.0.5
-  resolution: "minipass-flush@npm:1.0.5"
-  dependencies:
-    minipass: ^3.0.0
-  checksum: 56269a0b22bad756a08a94b1ffc36b7c9c5de0735a4dd1ab2b06c066d795cfd1f0ac44a0fcae13eece5589b908ecddc867f04c745c7009be0b566421ea0944cf
-  languageName: node
-  linkType: hard
-
-"minipass-pipeline@npm:^1.2.4":
-  version: 1.2.4
-  resolution: "minipass-pipeline@npm:1.2.4"
-  dependencies:
-    minipass: ^3.0.0
-  checksum: b14240dac0d29823c3d5911c286069e36d0b81173d7bdf07a7e4a91ecdef92cdff4baaf31ea3746f1c61e0957f652e641223970870e2353593f382112257971b
-  languageName: node
-  linkType: hard
-
-"minipass-sized@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "minipass-sized@npm:1.0.3"
-  dependencies:
-    minipass: ^3.0.0
-  checksum: 79076749fcacf21b5d16dd596d32c3b6bf4d6e62abb43868fac21674078505c8b15eaca4e47ed844985a4514854f917d78f588fcd029693709417d8f98b2bd60
-  languageName: node
-  linkType: hard
-
-"minipass@npm:^3.0.0":
-  version: 3.3.6
-  resolution: "minipass@npm:3.3.6"
-  dependencies:
-    yallist: ^4.0.0
-  checksum: a30d083c8054cee83cdcdc97f97e4641a3f58ae743970457b1489ce38ee1167b3aaf7d815cd39ec7a99b9c40397fd4f686e83750e73e652b21cb516f6d845e48
-  languageName: node
-  linkType: hard
-
-"minipass@npm:^7.0.2, minipass@npm:^7.0.3, minipass@npm:^7.0.4, minipass@npm:^7.1.2":
-  version: 7.1.2
-  resolution: "minipass@npm:7.1.2"
-  checksum: 2bfd325b95c555f2b4d2814d49325691c7bee937d753814861b0b49d5edcda55cbbf22b6b6a60bb91eddac8668771f03c5ff647dcd9d0f798e9548b9cdc46ee3
-  languageName: node
-  linkType: hard
-
-"minizlib@npm:^3.0.1, minizlib@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "minizlib@npm:3.1.0"
-  dependencies:
-    minipass: ^7.1.2
-  checksum: a15e6f0128f514b7d41a1c68ce531155447f4669e32d279bba1c1c071ef6c2abd7e4d4579bb59ccc2ed1531346749665968fdd7be8d83eb6b6ae2fe1f3d370a7
-  languageName: node
-  linkType: hard
-
-"mitt@npm:^3.0.0, mitt@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "mitt@npm:3.0.1"
-  checksum: b55a489ac9c2949ab166b7f060601d3b6d893a852515ae9eca4e11df01c013876df777ea109317622b5c1c60e8aae252558e33c8c94e14124db38f64a39614b1
-  languageName: node
-  linkType: hard
-
-"mlly@npm:^1.7.4, mlly@npm:^1.8.0":
-  version: 1.8.0
-  resolution: "mlly@npm:1.8.0"
-  dependencies:
-    acorn: ^8.15.0
-    pathe: ^2.0.3
-    pkg-types: ^1.3.1
-    ufo: ^1.6.1
-  checksum: cccd626d910f139881cc861bae1af8747a0911c1a5414cca059558b81286e43f271652931eec87ef3c07d9faf4225987ae3219b65a939b94e18b533fa0d22c89
-  languageName: node
-  linkType: hard
-
-"monaco-editor@npm:0.55.1":
-  version: 0.55.1
-  resolution: "monaco-editor@npm:0.55.1"
-  dependencies:
-    dompurify: 3.2.7
-    marked: 14.0.0
-  checksum: e6f6d9507e2c9cb81fd30370f853a42cd5133236d2d00158ce74e14c19044606c0dfc0465d9af57b7cf164c4f813c9b87572ebb57d10b02d713a61b566b77d56
-  languageName: node
-  linkType: hard
-
-"mrmime@npm:2.0.1, mrmime@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "mrmime@npm:2.0.1"
-  checksum: 455a555009edb2ed6e587e0fcb5e41fcbf8f1dcca28242a57d054f02204ab198bed93ba9de75db06bd3447e8603bc74e10a22440ba99431fc4a751435fba35bf
-  languageName: node
-  linkType: hard
-
-"ms@npm:2.0.0":
-  version: 2.0.0
-  resolution: "ms@npm:2.0.0"
-  checksum: 0e6a22b8b746d2e0b65a430519934fefd41b6db0682e3477c10f60c76e947c4c0ad06f63ffdf1d78d335f83edee8c0aa928aa66a36c7cd95b69b26f468d527f4
-  languageName: node
-  linkType: hard
-
-"ms@npm:2.1.3, ms@npm:^2.1.3":
-  version: 2.1.3
-  resolution: "ms@npm:2.1.3"
-  checksum: aa92de608021b242401676e35cfa5aa42dd70cbdc082b916da7fb925c542173e36bce97ea3e804923fe92c0ad991434e4a38327e15a1b5b5f945d66df615ae6d
-  languageName: node
-  linkType: hard
-
-"msgpackr-extract@npm:^3.0.2":
-  version: 3.0.3
-  resolution: "msgpackr-extract@npm:3.0.3"
-  dependencies:
-    "@msgpackr-extract/msgpackr-extract-darwin-arm64": 3.0.3
-    "@msgpackr-extract/msgpackr-extract-darwin-x64": 3.0.3
-    "@msgpackr-extract/msgpackr-extract-linux-arm": 3.0.3
-    "@msgpackr-extract/msgpackr-extract-linux-arm64": 3.0.3
-    "@msgpackr-extract/msgpackr-extract-linux-x64": 3.0.3
-    "@msgpackr-extract/msgpackr-extract-win32-x64": 3.0.3
-    node-gyp: latest
-    node-gyp-build-optional-packages: 5.2.2
-  dependenciesMeta:
-    "@msgpackr-extract/msgpackr-extract-darwin-arm64":
-      optional: true
-    "@msgpackr-extract/msgpackr-extract-darwin-x64":
-      optional: true
-    "@msgpackr-extract/msgpackr-extract-linux-arm":
-      optional: true
-    "@msgpackr-extract/msgpackr-extract-linux-arm64":
-      optional: true
-    "@msgpackr-extract/msgpackr-extract-linux-x64":
-      optional: true
-    "@msgpackr-extract/msgpackr-extract-win32-x64":
-      optional: true
-  bin:
-    download-msgpackr-prebuilds: bin/download-prebuilds.js
-  checksum: 3b5ae152821feff843380f0b091afbebd80bd224e644f4410abd33d05da3159eb8b0d45c7dcf7d5226ce1d5c71cd68052f066788f46ea7a3cd8791a1c740a079
-  languageName: node
-  linkType: hard
-
-"msgpackr@npm:^1.11.2":
-  version: 1.11.8
-  resolution: "msgpackr@npm:1.11.8"
-  dependencies:
-    msgpackr-extract: ^3.0.2
-  dependenciesMeta:
-    msgpackr-extract:
-      optional: true
-  checksum: 3f5a78b835c18fb132b4c8e7494e29e5ca4375c7464953b8926baf1facf30eb848ab3156047b1c3b2a4834fd1195df6b7251edcd207f0f3d6d267a5765658816
-  languageName: node
-  linkType: hard
-
-"multicast-dns@npm:^7.2.5":
-  version: 7.2.5
-  resolution: "multicast-dns@npm:7.2.5"
-  dependencies:
-    dns-packet: ^5.2.2
-    thunky: ^1.0.2
-  bin:
-    multicast-dns: cli.js
-  checksum: 00b8a57df152d4cd0297946320a94b7c3cdf75a46a2247f32f958a8927dea42958177f9b7fdae69fab2e4e033fb3416881af1f5e9055a3e1542888767139e2fb
-  languageName: node
-  linkType: hard
-
-"mute-stream@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "mute-stream@npm:2.0.0"
-  checksum: d2e4fd2f5aa342b89b98134a8d899d8ef9b0a6d69274c4af9df46faa2d97aeb1f2ce83d867880d6de63643c52386579b99139801e24e7526c3b9b0a6d1e18d6c
-  languageName: node
-  linkType: hard
-
-"nanoid@npm:^3.3.11":
-  version: 3.3.11
-  resolution: "nanoid@npm:3.3.11"
-  bin:
-    nanoid: bin/nanoid.cjs
-  checksum: 3be20d8866a57a6b6d218e82549711c8352ed969f9ab3c45379da28f405363ad4c9aeb0b39e9abc101a529ca65a72ff9502b00bf74a912c4b64a9d62dfd26c29
-  languageName: node
-  linkType: hard
-
-"needle@npm:^3.1.0":
-  version: 3.3.1
-  resolution: "needle@npm:3.3.1"
-  dependencies:
-    iconv-lite: ^0.6.3
-    sax: ^1.2.4
-  bin:
-    needle: bin/needle
-  checksum: ed4864d7ee85f1037ac803154868bf7151fa59399c1e55e5d93ca26a9d16e1c8ccbe9552d846ce7e2519b4bce1de3e81a501f0dc33244e02902e27cf5a9bc11d
-  languageName: node
-  linkType: hard
-
-"negotiator@npm:0.6.3":
-  version: 0.6.3
-  resolution: "negotiator@npm:0.6.3"
-  checksum: b8ffeb1e262eff7968fc90a2b6767b04cfd9842582a9d0ece0af7049537266e7b2506dfb1d107a32f06dd849ab2aea834d5830f7f4d0e5cb7d36e1ae55d021d9
-  languageName: node
-  linkType: hard
-
-"negotiator@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "negotiator@npm:1.0.0"
-  checksum: 20ebfe79b2d2e7cf9cbc8239a72662b584f71164096e6e8896c8325055497c96f6b80cd22c258e8a2f2aa382a787795ec3ee8b37b422a302c7d4381b0d5ecfbb
-  languageName: node
-  linkType: hard
-
-"negotiator@npm:~0.6.4":
-  version: 0.6.4
-  resolution: "negotiator@npm:0.6.4"
-  checksum: 7ded10aa02a0707d1d12a9973fdb5954f98547ca7beb60e31cb3a403cc6e8f11138db7a3b0128425cf836fc85d145ec4ce983b2bdf83dca436af879c2d683510
-  languageName: node
-  linkType: hard
-
-"neo-async@npm:^2.6.2":
-  version: 2.6.2
-  resolution: "neo-async@npm:2.6.2"
-  checksum: deac9f8d00eda7b2e5cd1b2549e26e10a0faa70adaa6fdadca701cc55f49ee9018e427f424bac0c790b7c7e2d3068db97f3093f1093975f2acb8f8818b936ed9
-  languageName: node
-  linkType: hard
-
-"netmask@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "netmask@npm:2.0.2"
-  checksum: c65cb8d3f7ea5669edddb3217e4c96910a60d0d9a4b52d9847ff6b28b2d0277cd8464eee0ef85133cdee32605c57940cacdd04a9a019079b091b6bba4cb0ec22
-  languageName: node
-  linkType: hard
-
-"ng-dynamic-component@npm:^10.8.0":
-  version: 10.8.2
-  resolution: "ng-dynamic-component@npm:10.8.2"
-  dependencies:
-    tslib: ^2.0.0
-  peerDependencies:
-    "@angular/common": ">=14.1.3"
-    "@angular/core": ">=14.1.3"
-    rxjs: ">=6.0.0"
-  checksum: 60e28a58f4f78d9c18ad17b8c05741ad377b64a5b93c22cd89def47075a1b83405e587b47f855a1c7b6398c73209cd4770a24092448da4e163e159a482a9930a
-  languageName: node
-  linkType: hard
-
-"ng2-charts@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "ng2-charts@npm:8.0.0"
-  dependencies:
-    lodash-es: ^4.17.15
-    tslib: ^2.3.0
-  peerDependencies:
-    "@angular/cdk": ">=19.0.0"
-    "@angular/common": ">=19.0.0"
-    "@angular/core": ">=19.0.0"
-    "@angular/platform-browser": ">=19.0.0"
-    chart.js: ^3.4.0 || ^4.0.0
-    rxjs: ^6.5.3 || ^7.4.0
-  checksum: b7dfe6a9525eb5343d9a284c3f90bd9baffb58d388067133db27dceedbed90f26c5a6aea43509373d79e00a15c90ddae1a5975f4da72c0b607432aab84f5dbc2
-  languageName: node
-  linkType: hard
-
-"ngx-cookie-service@npm:^19.0.0":
-  version: 19.1.2
-  resolution: "ngx-cookie-service@npm:19.1.2"
-  dependencies:
-    tslib: ^2.8.0
-  peerDependencies:
-    "@angular/common": ^19.0.0
-    "@angular/core": ^19.0.0
-  checksum: 75bc5bf9d3e514fa9a844bd7b24a28f14c397028030d5d7a4ed2881c3bff043b3dbcdb1a3720da12bd052444ba32faa85f1a2b7de9610b6beedefd26bd69a2a6
-  languageName: node
-  linkType: hard
-
-"ngx-markdown@npm:^19.1.1":
-  version: 19.1.1
-  resolution: "ngx-markdown@npm:19.1.1"
-  dependencies:
-    clipboard: ^2.0.11
-    emoji-toolkit: ">= 8.0.0 < 10.0.0"
-    katex: ^0.16.0
-    mermaid: ">= 10.6.0 < 12.0.0"
-    prismjs: ^1.30.0
-    tslib: ^2.3.0
-  peerDependencies:
-    "@angular/common": ^19.0.0
-    "@angular/core": ^19.0.0
-    "@angular/platform-browser": ^19.0.0
-    marked: ^15.0.0
-    rxjs: ^6.5.3 || ^7.4.0
-    zone.js: ~0.15.0
-  dependenciesMeta:
-    clipboard:
-      optional: true
-    emoji-toolkit:
-      optional: true
-    katex:
-      optional: true
-    mermaid:
-      optional: true
-    prismjs:
-      optional: true
-  checksum: 42bcf3b0c3523aa3fdf660605bd3dc06e7d6cdd7a36d49dc29ec72a97f61df13036d7badda2adc45947d8ed3cbd4994cf98ed753f5c95ae8264173da0769e319
-  languageName: node
-  linkType: hard
-
-"no-case@npm:^3.0.4":
-  version: 3.0.4
-  resolution: "no-case@npm:3.0.4"
-  dependencies:
-    lower-case: ^2.0.2
-    tslib: ^2.0.3
-  checksum: 0b2ebc113dfcf737d48dde49cfebf3ad2d82a8c3188e7100c6f375e30eafbef9e9124aadc3becef237b042fd5eb0aad2fd78669c20972d045bbe7fea8ba0be5c
-  languageName: node
-  linkType: hard
-
-"node-abort-controller@npm:^3.0.1":
-  version: 3.1.1
-  resolution: "node-abort-controller@npm:3.1.1"
-  checksum: 2c340916af9710328b11c0828223fc65ba320e0d082214a211311bf64c2891028e42ef276b9799188c4ada9e6e1c54cf7a0b7c05dd9d59fcdc8cd633304c8047
-  languageName: node
-  linkType: hard
-
-"node-addon-api@npm:^6.1.0":
-  version: 6.1.0
-  resolution: "node-addon-api@npm:6.1.0"
-  dependencies:
-    node-gyp: latest
-  checksum: 3a539510e677cfa3a833aca5397300e36141aca064cdc487554f2017110709a03a95da937e98c2a14ec3c626af7b2d1b6dabe629a481f9883143d0d5bff07bf2
-  languageName: node
-  linkType: hard
-
-"node-addon-api@npm:^7.0.0":
-  version: 7.1.1
-  resolution: "node-addon-api@npm:7.1.1"
-  dependencies:
-    node-gyp: latest
-  checksum: 46051999e3289f205799dfaf6bcb017055d7569090f0004811110312e2db94cb4f8654602c7eb77a60a1a05142cc2b96e1b5c56ca4622c41a5c6370787faaf30
-  languageName: node
-  linkType: hard
-
-"node-forge@npm:1.4.0":
-  version: 1.4.0
-  resolution: "node-forge@npm:1.4.0"
-  checksum: c97c634d4d483aae815677db5b1bd14bfea4d873ab48817e020610a2b4d8bc6b3e77994860189b44151ff8e0842c0c4ba6faa80b9a6e6fbd6989865e8eb80b96
-  languageName: node
-  linkType: hard
-
-"node-gyp-build-optional-packages@npm:5.2.2":
-  version: 5.2.2
-  resolution: "node-gyp-build-optional-packages@npm:5.2.2"
-  dependencies:
-    detect-libc: ^2.0.1
-  bin:
-    node-gyp-build-optional-packages: bin.js
-    node-gyp-build-optional-packages-optional: optional.js
-    node-gyp-build-optional-packages-test: build-test.js
-  checksum: 3c10d7380901ab5febcd153d2632917fe7507edb15a3405e9ef19801834a4c2162459a67b9944887f737f8718baeb4aaf0002c829a8214011930f2de80e4b42f
-  languageName: node
-  linkType: hard
-
-"node-gyp@npm:^12.1.0, node-gyp@npm:latest":
-  version: 12.2.0
-  resolution: "node-gyp@npm:12.2.0"
-  dependencies:
-    env-paths: ^2.2.0
-    exponential-backoff: ^3.1.1
-    graceful-fs: ^4.2.6
-    make-fetch-happen: ^15.0.0
-    nopt: ^9.0.0
-    proc-log: ^6.0.0
-    semver: ^7.3.5
-    tar: ^7.5.4
-    tinyglobby: ^0.2.12
-    which: ^6.0.0
-  bin:
-    node-gyp: bin/node-gyp.js
-  checksum: d4ce0acd08bd41004f45e10cef468f4bd15eaafb3acc388a0c567416e1746dc005cc080b8a3495e4e2ae2eed170a2123ff622c2d6614062f4a839837dcf1dd9d
-  languageName: node
-  linkType: hard
-
-"node-releases@npm:^2.0.27":
-  version: 2.0.27
-  resolution: "node-releases@npm:2.0.27"
-  checksum: a9a54079d894704c2ec728a690b41fbc779a710f5d47b46fa3e460acff08a3e7dfa7108e5599b2db390aa31dac062c47c5118317201f12784188dc5b415f692d
-  languageName: node
-  linkType: hard
-
-"node-sql-parser@npm:^5.4.0":
-  version: 5.4.0
-  resolution: "node-sql-parser@npm:5.4.0"
-  dependencies:
-    "@types/pegjs": ^0.10.0
-    big-integer: ^1.6.48
-  checksum: 1cb296d3551912b523da1cf7c7b8f4c1c8fbba560f04ca90a7aa287e6ccde4cd8945d3056dadb128f0db29f5a710f521a3c163c1594131802f31b23f51963220
-  languageName: node
-  linkType: hard
-
-"nopt@npm:^9.0.0":
-  version: 9.0.0
-  resolution: "nopt@npm:9.0.0"
-  dependencies:
-    abbrev: ^4.0.0
-  bin:
-    nopt: bin/nopt.js
-  checksum: 7a5d9ab0629eaec1944a95438cc4efa6418ed2834aa8eb21a1bea579a7d8ac3e30120131855376a96ef59ab0e23ad8e0bc94d3349770a95e5cb7119339f7c7fb
-  languageName: node
-  linkType: hard
-
-"normalize-path@npm:^3.0.0, normalize-path@npm:~3.0.0":
-  version: 3.0.0
-  resolution: "normalize-path@npm:3.0.0"
-  checksum: 88eeb4da891e10b1318c4b2476b6e2ecbeb5ff97d946815ffea7794c31a89017c70d7f34b3c2ebf23ef4e9fc9fb99f7dffe36da22011b5b5c6ffa34f4873ec20
-  languageName: node
-  linkType: hard
-
-"normalize-range@npm:^0.1.2":
-  version: 0.1.2
-  resolution: "normalize-range@npm:0.1.2"
-  checksum: 9b2f14f093593f367a7a0834267c24f3cb3e887a2d9809c77d8a7e5fd08738bcd15af46f0ab01cc3a3d660386f015816b5c922cea8bf2ee79777f40874063184
-  languageName: node
-  linkType: hard
-
-"npm-bundled@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "npm-bundled@npm:5.0.0"
-  dependencies:
-    npm-normalize-package-bin: ^5.0.0
-  checksum: dd2e7535d6463bb4e65a1126564d0db9a54f6c9c47fee08e9583a611e3c6205626a4fa6ecc6fe7aea178e72787e5e236fdedb318f0defd4355bf5d5534640fca
-  languageName: node
-  linkType: hard
-
-"npm-install-checks@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "npm-install-checks@npm:8.0.0"
-  dependencies:
-    semver: ^7.1.1
-  checksum: 7a58a84b676ea7fa8b40dca71c93161f77d9c60f1ac2786c7c502009674ee64058f0c628f8fbbb0bbb247bf4924b535549bdb8956e20c2e5337dee04184b2d4c
-  languageName: node
-  linkType: hard
-
-"npm-normalize-package-bin@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "npm-normalize-package-bin@npm:5.0.0"
-  checksum: 969bc042d7bb029b5da7eb733e7642b238e3cb071ad57b56a3f128069bc1a3cbc2a4f4af30ee75b11660c368d60b89811ecd1430cf2ea1a7ff36f30052a4aeda
-  languageName: node
-  linkType: hard
-
-"npm-package-arg@npm:13.0.0":
-  version: 13.0.0
-  resolution: "npm-package-arg@npm:13.0.0"
-  dependencies:
-    hosted-git-info: ^9.0.0
-    proc-log: ^5.0.0
-    semver: ^7.3.5
-    validate-npm-package-name: ^6.0.0
-  checksum: 6c2dc4029f6633300dfcc7223dcdcee713014e3702daee76410dfe48e8e93d4db35703721569fcec3fdeb03fefa398eb38b799d6e9af46b92cc8162827eb9fa7
-  languageName: node
-  linkType: hard
-
-"npm-package-arg@npm:^13.0.0":
-  version: 13.0.2
-  resolution: "npm-package-arg@npm:13.0.2"
-  dependencies:
-    hosted-git-info: ^9.0.0
-    proc-log: ^6.0.0
-    semver: ^7.3.5
-    validate-npm-package-name: ^7.0.0
-  checksum: 2b84c322975403f20716a1e89ee6287edb1122fb1ef95b6840738f46db11d6fd511d1caedb33d64146a146b64aacc3d30596646db298f7e8f99fc6ccd4251f79
-  languageName: node
-  linkType: hard
-
-"npm-packlist@npm:^10.0.1":
-  version: 10.0.3
-  resolution: "npm-packlist@npm:10.0.3"
-  dependencies:
-    ignore-walk: ^8.0.0
-    proc-log: ^6.0.0
-  checksum: f61e3aec179d82332b22e577d0a48bc3fc67012321db80f06a9b71dc58e2876ac18bb3b837e3635967b2641f4374a5b81794e25e35771b6a1fd9c65543e6e235
-  languageName: node
-  linkType: hard
-
-"npm-pick-manifest@npm:^11.0.1":
-  version: 11.0.3
-  resolution: "npm-pick-manifest@npm:11.0.3"
-  dependencies:
-    npm-install-checks: ^8.0.0
-    npm-normalize-package-bin: ^5.0.0
-    npm-package-arg: ^13.0.0
-    semver: ^7.3.5
-  checksum: e3247d06d6866f9903ab4dfd92a2dc823ef418fd447fe88d099ec880ffa7ed15837b56f1c77841fb851440a520aa5a1bc810b5309715d49c5d234be35f33c6b4
-  languageName: node
-  linkType: hard
-
-"npm-registry-fetch@npm:^19.0.0":
-  version: 19.1.1
-  resolution: "npm-registry-fetch@npm:19.1.1"
-  dependencies:
-    "@npmcli/redact": ^4.0.0
-    jsonparse: ^1.3.1
-    make-fetch-happen: ^15.0.0
-    minipass: ^7.0.2
-    minipass-fetch: ^5.0.0
-    minizlib: ^3.0.1
-    npm-package-arg: ^13.0.0
-    proc-log: ^6.0.0
-  checksum: a8a9ccfabb6ec561ca0c4e24f5a7897c84f674fe9b298356bf822f13f3ecda1e8988dedce0e8d566c4ec970be172faebfa73e8c18cdf75d1f2ac160783d0c6f4
-  languageName: node
-  linkType: hard
-
-"nth-check@npm:^2.0.1, nth-check@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "nth-check@npm:2.1.1"
-  dependencies:
-    boolbase: ^1.0.0
-  checksum: 5afc3dafcd1573b08877ca8e6148c52abd565f1d06b1eb08caf982e3fa289a82f2cae697ffb55b5021e146d60443f1590a5d6b944844e944714a5b549675bcd3
-  languageName: node
-  linkType: hard
-
-"object-assign@npm:^4":
-  version: 4.1.1
-  resolution: "object-assign@npm:4.1.1"
-  checksum: fcc6e4ea8c7fe48abfbb552578b1c53e0d194086e2e6bbbf59e0a536381a292f39943c6e9628af05b5528aa5e3318bb30d6b2e53cadaf5b8fe9e12c4b69af23f
-  languageName: node
-  linkType: hard
-
-"object-inspect@npm:^1.13.3":
-  version: 1.13.4
-  resolution: "object-inspect@npm:1.13.4"
-  checksum: 582810c6a8d2ef988ea0a39e69e115a138dad8f42dd445383b394877e5816eb4268489f316a6f74ee9c4e0a984b3eab1028e3e79d62b1ed67c726661d55c7a8b
-  languageName: node
-  linkType: hard
-
-"obuf@npm:^1.0.0, obuf@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "obuf@npm:1.1.2"
-  checksum: 41a2ba310e7b6f6c3b905af82c275bf8854896e2e4c5752966d64cbcd2f599cfffd5932006bcf3b8b419dfdacebb3a3912d5d94e10f1d0acab59876c8757f27f
-  languageName: node
-  linkType: hard
-
-"on-finished@npm:^2.4.1, on-finished@npm:~2.4.1":
-  version: 2.4.1
-  resolution: "on-finished@npm:2.4.1"
-  dependencies:
-    ee-first: 1.1.1
-  checksum: d20929a25e7f0bb62f937a425b5edeb4e4cde0540d77ba146ec9357f00b0d497cdb3b9b05b9c8e46222407d1548d08166bff69cc56dfa55ba0e4469228920ff0
-  languageName: node
-  linkType: hard
-
-"on-headers@npm:~1.1.0":
-  version: 1.1.0
-  resolution: "on-headers@npm:1.1.0"
-  checksum: 98aa64629f986fb8cc4517dd8bede73c980e31208cba97f4442c330959f60ced3dc6214b83420491f5111fc7c4f4343abe2ea62c85f505cf041d67850f238776
-  languageName: node
-  linkType: hard
-
-"once@npm:^1.3.1, once@npm:^1.4.0":
-  version: 1.4.0
-  resolution: "once@npm:1.4.0"
-  dependencies:
-    wrappy: 1
-  checksum: cd0a88501333edd640d95f0d2700fbde6bff20b3d4d9bdc521bdd31af0656b5706570d6c6afe532045a20bb8dc0849f8332d6f2a416e0ba6d3d3b98806c7db68
-  languageName: node
-  linkType: hard
-
-"onetime@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "onetime@npm:7.0.0"
-  dependencies:
-    mimic-function: ^5.0.0
-  checksum: eb08d2da9339819e2f9d52cab9caf2557d80e9af8c7d1ae86e1a0fef027d00a88e9f5bd67494d350df360f7c559fbb44e800b32f310fb989c860214eacbb561c
-  languageName: node
-  linkType: hard
-
-"open@npm:10.2.0, open@npm:^10.0.3, open@npm:^10.2.0":
-  version: 10.2.0
-  resolution: "open@npm:10.2.0"
-  dependencies:
-    default-browser: ^5.2.1
-    define-lazy-prop: ^3.0.0
-    is-inside-container: ^1.0.0
-    wsl-utils: ^0.1.0
-  checksum: 64e2e1fb1dc5ab82af06c990467237b8fd349b1b9ecc6324d12df337a005d039cec11f758abea148be68878ccd616977005682c48ef3c5c7ba48bd3e5d6a3dbb
-  languageName: node
-  linkType: hard
-
-"ora@npm:8.2.0":
-  version: 8.2.0
-  resolution: "ora@npm:8.2.0"
-  dependencies:
-    chalk: ^5.3.0
-    cli-cursor: ^5.0.0
-    cli-spinners: ^2.9.2
-    is-interactive: ^2.0.0
-    is-unicode-supported: ^2.0.0
-    log-symbols: ^6.0.0
-    stdin-discarder: ^0.2.2
-    string-width: ^7.2.0
-    strip-ansi: ^7.1.0
-  checksum: 3ef1335ff4d03e83f5715435c6d0c1fc7a1913a37f8df9e7ebbb0dd77b931a5442f6bf1dbe3056bbfddf763390f5e69e7659565dc6b261bee31ac4622a35120f
-  languageName: node
-  linkType: hard
-
-"ordered-binary@npm:^1.5.3":
-  version: 1.6.1
-  resolution: "ordered-binary@npm:1.6.1"
-  checksum: 88161a4830411a09fe90d4dbada5339770dd7ff9410d778b1ace0c27dfdfedaf53d7f999b277b2c8105046f8221c4d20c29e6fdb15606bd8590ffb86029b2d44
-  languageName: node
-  linkType: hard
-
-"oxc-resolver@npm:^11.15.0":
-  version: 11.17.0
-  resolution: "oxc-resolver@npm:11.17.0"
-  dependencies:
-    "@oxc-resolver/binding-android-arm-eabi": 11.17.0
-    "@oxc-resolver/binding-android-arm64": 11.17.0
-    "@oxc-resolver/binding-darwin-arm64": 11.17.0
-    "@oxc-resolver/binding-darwin-x64": 11.17.0
-    "@oxc-resolver/binding-freebsd-x64": 11.17.0
-    "@oxc-resolver/binding-linux-arm-gnueabihf": 11.17.0
-    "@oxc-resolver/binding-linux-arm-musleabihf": 11.17.0
-    "@oxc-resolver/binding-linux-arm64-gnu": 11.17.0
-    "@oxc-resolver/binding-linux-arm64-musl": 11.17.0
-    "@oxc-resolver/binding-linux-ppc64-gnu": 11.17.0
-    "@oxc-resolver/binding-linux-riscv64-gnu": 11.17.0
-    "@oxc-resolver/binding-linux-riscv64-musl": 11.17.0
-    "@oxc-resolver/binding-linux-s390x-gnu": 11.17.0
-    "@oxc-resolver/binding-linux-x64-gnu": 11.17.0
-    "@oxc-resolver/binding-linux-x64-musl": 11.17.0
-    "@oxc-resolver/binding-openharmony-arm64": 11.17.0
-    "@oxc-resolver/binding-wasm32-wasi": 11.17.0
-    "@oxc-resolver/binding-win32-arm64-msvc": 11.17.0
-    "@oxc-resolver/binding-win32-ia32-msvc": 11.17.0
-    "@oxc-resolver/binding-win32-x64-msvc": 11.17.0
-  dependenciesMeta:
-    "@oxc-resolver/binding-android-arm-eabi":
-      optional: true
-    "@oxc-resolver/binding-android-arm64":
-      optional: true
-    "@oxc-resolver/binding-darwin-arm64":
-      optional: true
-    "@oxc-resolver/binding-darwin-x64":
-      optional: true
-    "@oxc-resolver/binding-freebsd-x64":
-      optional: true
-    "@oxc-resolver/binding-linux-arm-gnueabihf":
-      optional: true
-    "@oxc-resolver/binding-linux-arm-musleabihf":
-      optional: true
-    "@oxc-resolver/binding-linux-arm64-gnu":
-      optional: true
-    "@oxc-resolver/binding-linux-arm64-musl":
-      optional: true
-    "@oxc-resolver/binding-linux-ppc64-gnu":
-      optional: true
-    "@oxc-resolver/binding-linux-riscv64-gnu":
-      optional: true
-    "@oxc-resolver/binding-linux-riscv64-musl":
-      optional: true
-    "@oxc-resolver/binding-linux-s390x-gnu":
-      optional: true
-    "@oxc-resolver/binding-linux-x64-gnu":
-      optional: true
-    "@oxc-resolver/binding-linux-x64-musl":
-      optional: true
-    "@oxc-resolver/binding-openharmony-arm64":
-      optional: true
-    "@oxc-resolver/binding-wasm32-wasi":
-      optional: true
-    "@oxc-resolver/binding-win32-arm64-msvc":
-      optional: true
-    "@oxc-resolver/binding-win32-ia32-msvc":
-      optional: true
-    "@oxc-resolver/binding-win32-x64-msvc":
-      optional: true
-  checksum: 6f7dbf3e22970545424ccbfe67c334eff43462d4e7e291a87ce1a7b781a2a6602e08fb63e5f78317041a749ec837e39747e0303a087200a55dd68dd3d4113b57
-  languageName: node
-  linkType: hard
-
-"p-limit@npm:^3.0.2":
-  version: 3.1.0
-  resolution: "p-limit@npm:3.1.0"
-  dependencies:
-    yocto-queue: ^0.1.0
-  checksum: 7c3690c4dbf62ef625671e20b7bdf1cbc9534e83352a2780f165b0d3ceba21907e77ad63401708145ca4e25bfc51636588d89a8c0aeb715e6c37d1c066430360
-  languageName: node
-  linkType: hard
-
-"p-locate@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "p-locate@npm:5.0.0"
-  dependencies:
-    p-limit: ^3.0.2
-  checksum: 1623088f36cf1cbca58e9b61c4e62bf0c60a07af5ae1ca99a720837356b5b6c5ba3eb1b2127e47a06865fee59dd0453cad7cc844cda9d5a62ac1a5a51b7c86d3
-  languageName: node
-  linkType: hard
-
-"p-map@npm:^7.0.2":
-  version: 7.0.4
-  resolution: "p-map@npm:7.0.4"
-  checksum: 4be2097e942f2fd3a4f4b0c6585c721f23851de8ad6484d20c472b3ea4937d5cd9a59914c832b1bceac7bf9d149001938036b82a52de0bc381f61ff2d35d26a5
-  languageName: node
-  linkType: hard
-
-"p-retry@npm:^6.2.0":
-  version: 6.2.1
-  resolution: "p-retry@npm:6.2.1"
-  dependencies:
-    "@types/retry": 0.12.2
-    is-network-error: ^1.0.0
-    retry: ^0.13.1
-  checksum: 73acd269544b1359b7f2aa5f907f6f8cd4947c596bc43cc25fecce2678e2f190095179407eb874f0e09fc5956ae7952c39ebb08c3d9334f59d41ae0b2d73ee6b
-  languageName: node
-  linkType: hard
-
-"pac-proxy-agent@npm:^7.1.0":
-  version: 7.2.0
-  resolution: "pac-proxy-agent@npm:7.2.0"
-  dependencies:
-    "@tootallnate/quickjs-emscripten": ^0.23.0
-    agent-base: ^7.1.2
-    debug: ^4.3.4
-    get-uri: ^6.0.1
-    http-proxy-agent: ^7.0.0
-    https-proxy-agent: ^7.0.6
-    pac-resolver: ^7.0.1
-    socks-proxy-agent: ^8.0.5
-  checksum: 099c1bc8944da6a98e8b7de1fbf23e4014bc3063f66a7c29478bd852c1162e1d086a4f80f874f40961ebd5c516e736aed25852db97b79360cbdcc9db38086981
-  languageName: node
-  linkType: hard
-
-"pac-resolver@npm:^7.0.1":
-  version: 7.0.1
-  resolution: "pac-resolver@npm:7.0.1"
-  dependencies:
-    degenerator: ^5.0.0
-    netmask: ^2.0.2
-  checksum: 839134328781b80d49f9684eae1f5c74f50a1d4482076d44c84fc2f3ca93da66fa11245a4725a057231e06b311c20c989fd0681e662a0792d17f644d8fe62a5e
-  languageName: node
-  linkType: hard
-
-"package-manager-detector@npm:^1.3.0":
-  version: 1.6.0
-  resolution: "package-manager-detector@npm:1.6.0"
-  checksum: 154d55225e70e32582f59b5d4a46d25716f0730a14d7e4b6f0fd76c870c720cc6f448d2becca06a15f2042492f0293cf26e5ad8fcd85d0eab0af3b9b46c0b43a
-  languageName: node
-  linkType: hard
-
-"pacote@npm:21.0.4":
-  version: 21.0.4
-  resolution: "pacote@npm:21.0.4"
-  dependencies:
-    "@npmcli/git": ^7.0.0
-    "@npmcli/installed-package-contents": ^4.0.0
-    "@npmcli/package-json": ^7.0.0
-    "@npmcli/promise-spawn": ^9.0.0
-    "@npmcli/run-script": ^10.0.0
-    cacache: ^20.0.0
-    fs-minipass: ^3.0.0
-    minipass: ^7.0.2
-    npm-package-arg: ^13.0.0
-    npm-packlist: ^10.0.1
-    npm-pick-manifest: ^11.0.1
-    npm-registry-fetch: ^19.0.0
-    proc-log: ^6.0.0
-    promise-retry: ^2.0.1
-    sigstore: ^4.0.0
-    ssri: ^13.0.0
-    tar: ^7.4.3
-  bin:
-    pacote: bin/index.js
-  checksum: 09e86b71376cbc2d8089e3028d52b6ba41cb034f7f1d2a0a7f8958376eba36426ec75424b94d04672dcfb2fa2fe2120e0ac1dd6c61d64a2b8fd438a0346cc67a
-  languageName: node
-  linkType: hard
-
-"param-case@npm:^3.0.4":
-  version: 3.0.4
-  resolution: "param-case@npm:3.0.4"
-  dependencies:
-    dot-case: ^3.0.4
-    tslib: ^2.0.3
-  checksum: b34227fd0f794e078776eb3aa6247442056cb47761e9cd2c4c881c86d84c64205f6a56ef0d70b41ee7d77da02c3f4ed2f88e3896a8fefe08bdfb4deca037c687
-  languageName: node
-  linkType: hard
-
-"parent-module@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "parent-module@npm:1.0.1"
-  dependencies:
-    callsites: ^3.0.0
-  checksum: 6ba8b255145cae9470cf5551eb74be2d22281587af787a2626683a6c20fbb464978784661478dd2a3f1dad74d1e802d403e1b03c1a31fab310259eec8ac560ff
-  languageName: node
-  linkType: hard
-
-"parse-json@npm:^5.2.0":
-  version: 5.2.0
-  resolution: "parse-json@npm:5.2.0"
-  dependencies:
-    "@babel/code-frame": ^7.0.0
-    error-ex: ^1.3.1
-    json-parse-even-better-errors: ^2.3.0
-    lines-and-columns: ^1.1.6
-  checksum: 62085b17d64da57f40f6afc2ac1f4d95def18c4323577e1eced571db75d9ab59b297d1d10582920f84b15985cbfc6b6d450ccbf317644cfa176f3ed982ad87e2
-  languageName: node
-  linkType: hard
-
-"parse-node-version@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "parse-node-version@npm:1.0.1"
-  checksum: c192393b6a978092c1ef8df2c42c0a02e4534b96543e23d335f1b9b5b913ac75473d18fe6050b58d6995c57fb383ee71a5cb8397e363caaf38a6df8215cc52fd
-  languageName: node
-  linkType: hard
-
-"parse5-html-rewriting-stream@npm:8.0.0":
-  version: 8.0.0
-  resolution: "parse5-html-rewriting-stream@npm:8.0.0"
-  dependencies:
-    entities: ^6.0.0
-    parse5: ^8.0.0
-    parse5-sax-parser: ^8.0.0
-  checksum: f15c33c599284c2743e5a48fbf56e96e3c2c8174ea1eac1bdaa733d8a64adf71da4ccc8e4a01ea6ae67bfd3a7195bb1a8a21e5573c7e733e94a1550811f8b6b8
-  languageName: node
-  linkType: hard
-
-"parse5-sax-parser@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "parse5-sax-parser@npm:8.0.0"
-  dependencies:
-    parse5: ^8.0.0
-  checksum: 050593edc8f0241f0971d824dd80fbfff3c2f8d4981420fa688ee47fca79e6b73d8c6bfb85fa059ac27718662e87dcaffa538189f4319422e7fdd2dff40bc9a4
-  languageName: node
-  linkType: hard
-
-"parse5@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "parse5@npm:8.0.0"
-  dependencies:
-    entities: ^6.0.0
-  checksum: 6f5844c71214f70b97e09573699693cfaa37cbb0ab3a41af4c0d295474a82c23cd48b2daaa2cefa5f5cdc7d0bfa6b1949300668155f54d389e51edec1dc6d27a
-  languageName: node
-  linkType: hard
-
-"parseurl@npm:^1.3.3, parseurl@npm:~1.3.3":
-  version: 1.3.3
-  resolution: "parseurl@npm:1.3.3"
-  checksum: 407cee8e0a3a4c5cd472559bca8b6a45b82c124e9a4703302326e9ab60fc1081442ada4e02628efef1eb16197ddc7f8822f5a91fd7d7c86b51f530aedb17dfa2
-  languageName: node
-  linkType: hard
-
-"pascal-case@npm:^3.1.2":
-  version: 3.1.2
-  resolution: "pascal-case@npm:3.1.2"
-  dependencies:
-    no-case: ^3.0.4
-    tslib: ^2.0.3
-  checksum: ba98bfd595fc91ef3d30f4243b1aee2f6ec41c53b4546bfa3039487c367abaa182471dcfc830a1f9e1a0df00c14a370514fa2b3a1aacc68b15a460c31116873e
-  languageName: node
-  linkType: hard
-
-"path-data-parser@npm:0.1.0, path-data-parser@npm:^0.1.0":
-  version: 0.1.0
-  resolution: "path-data-parser@npm:0.1.0"
-  checksum: a23a214adb38074576a8873d25e8dea7e090b8396d86f58f83f3f6c6298ff56b06adc694147b67f0ed22f14dc478efa1d525710d3ec7b2d7b1efbac57e3fafe6
-  languageName: node
-  linkType: hard
-
-"path-exists@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "path-exists@npm:4.0.0"
-  checksum: 505807199dfb7c50737b057dd8d351b82c033029ab94cb10a657609e00c1bc53b951cfdbccab8de04c5584d5eff31128ce6afd3db79281874a5ef2adbba55ed1
-  languageName: node
-  linkType: hard
-
-"path-key@npm:^3.1.0":
-  version: 3.1.1
-  resolution: "path-key@npm:3.1.1"
-  checksum: 55cd7a9dd4b343412a8386a743f9c746ef196e57c823d90ca3ab917f90ab9f13dd0ded27252ba49dbdfcab2b091d998bc446f6220cd3cea65db407502a740020
-  languageName: node
-  linkType: hard
-
-"path-parse@npm:^1.0.7":
-  version: 1.0.7
-  resolution: "path-parse@npm:1.0.7"
-  checksum: 49abf3d81115642938a8700ec580da6e830dde670be21893c62f4e10bd7dd4c3742ddc603fe24f898cba7eb0c6bc1777f8d9ac14185d34540c6d4d80cd9cae8a
-  languageName: node
-  linkType: hard
-
-"path-scurry@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "path-scurry@npm:2.0.1"
-  dependencies:
-    lru-cache: ^11.0.0
-    minipass: ^7.1.2
-  checksum: a022c6c38fed836079d03f96540eafd4cd989acf287b99613c82300107f366e889513ad8b671a2039a9d251122621f9c6fa649f0bd4d50acf95a6943a6692dbf
-  languageName: node
-  linkType: hard
-
-"path-to-regexp@npm:8.4.0":
-  version: 8.4.0
-  resolution: "path-to-regexp@npm:8.4.0"
-  checksum: fa75cb500adc481d4f954c6764d7465ceb410a377b7dd2500d9e872aaf8bc873b37aac1cde735b90ce5baf19812860f0db9d39560ac952a7393f434a3522b9c4
-  languageName: node
-  linkType: hard
-
-"path-type@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "path-type@npm:4.0.0"
-  checksum: 5b1e2daa247062061325b8fdbfd1fb56dde0a448fb1455453276ea18c60685bdad23a445dc148cf87bc216be1573357509b7d4060494a6fd768c7efad833ee45
-  languageName: node
-  linkType: hard
-
-"pathe@npm:^2.0.1, pathe@npm:^2.0.3":
-  version: 2.0.3
-  resolution: "pathe@npm:2.0.3"
-  checksum: 0602bdd4acb54d91044e0c56f1fb63467ae7d44ab3afea1f797947b0eb2b4d1d91cf0d58d065fdb0a8ab0c4acbbd8d3a5b424983eaf10dd5285d37a16f6e3ee9
-  languageName: node
-  linkType: hard
-
-"pathval@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "pathval@npm:2.0.1"
-  checksum: 280e71cfd86bb5d7ff371fe2752997e5fa82901fcb209abf19d4457b7814f1b4a17845dfb17bd28a596ccdb0ecea178720ce23dacfa9c841f37804b700647810
-  languageName: node
-  linkType: hard
-
-"pend@npm:~1.2.0":
-  version: 1.2.0
-  resolution: "pend@npm:1.2.0"
-  checksum: 6c72f5243303d9c60bd98e6446ba7d30ae29e3d56fdb6fae8767e8ba6386f33ee284c97efe3230a0d0217e2b1723b8ab490b1bbf34fcbb2180dbc8a9de47850d
-  languageName: node
-  linkType: hard
-
-"picocolors@npm:1.1.1, picocolors@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "picocolors@npm:1.1.1"
-  checksum: e1cf46bf84886c79055fdfa9dcb3e4711ad259949e3565154b004b260cd356c5d54b31a1437ce9782624bf766272fe6b0154f5f0c744fb7af5d454d2b60db045
-  languageName: node
-  linkType: hard
-
-"picomatch@npm:4.0.4":
-  version: 4.0.4
-  resolution: "picomatch@npm:4.0.4"
-  checksum: 76b387b5157951422fa6049a96bdd1695e39dd126cd99df34d343638dc5cdb8bcdc83fff288c23eddcf7c26657c35e3173d4d5f488c4f28b889b314472e0a662
-  languageName: node
-  linkType: hard
-
-"pify@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "pify@npm:4.0.1"
-  checksum: 9c4e34278cb09987685fa5ef81499c82546c033713518f6441778fbec623fc708777fe8ac633097c72d88470d5963094076c7305cafc7ad340aae27cfacd856b
-  languageName: node
-  linkType: hard
-
-"piscina@npm:5.1.3":
-  version: 5.1.3
-  resolution: "piscina@npm:5.1.3"
-  dependencies:
-    "@napi-rs/nice": ^1.0.4
-  dependenciesMeta:
-    "@napi-rs/nice":
-      optional: true
-  checksum: 6cc46f7c4871317cb7491521708bc2e2fbcfb90480e0b645f6c476c61c8bd31d218ec5e97521a0085fb907766e577fb3c235c2a9bb8ff83f525a5b45a75d38e6
-  languageName: node
-  linkType: hard
-
-"pkce-challenge@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "pkce-challenge@npm:5.0.1"
-  checksum: 6079ee7520592f827cb78c397a1d2ff0a90a1952756b2efb893bf884524b7d2930dea82d92fec21bb3af99aba558d13553d9da87d5bd9f844b6c4cb3bc8f1ce0
-  languageName: node
-  linkType: hard
-
-"pkg-types@npm:^1.3.1":
-  version: 1.3.1
-  resolution: "pkg-types@npm:1.3.1"
-  dependencies:
-    confbox: ^0.1.8
-    mlly: ^1.7.4
-    pathe: ^2.0.1
-  checksum: 4fa4edb2bb845646cdbd04c5c6bc43cdbc8f02ed4d1c28bfcafb6e65928aece789bcf1335e4cac5f65dfdc376e4bd7435bd509a35e9ec73ef2c076a1b88e289c
-  languageName: node
-  linkType: hard
-
-"playwright-core@npm:1.58.1":
-  version: 1.58.1
-  resolution: "playwright-core@npm:1.58.1"
-  bin:
-    playwright-core: cli.js
-  checksum: 8c74e1cb6f2fb5bec038704efd35332f99d6f6a239be5792fe23416575433ff52082a22295758783f1461a0a8dc87638ef9f6ecdb811dbcb4c850532ecdec359
-  languageName: node
-  linkType: hard
-
-"playwright@npm:^1.57.0":
-  version: 1.58.1
-  resolution: "playwright@npm:1.58.1"
-  dependencies:
-    fsevents: 2.3.2
-    playwright-core: 1.58.1
-  dependenciesMeta:
-    fsevents:
-      optional: true
-  bin:
-    playwright: cli.js
-  checksum: 0dfcfded17a1bc9a0e48044582e31809c65c51c30b3c8cfd4dfd4e7ff3688065af2d071568095dd0aadbeca2eee82eccb91081f485e9fe2026994d3834216d86
-  languageName: node
-  linkType: hard
-
-"pluralize@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "pluralize@npm:8.0.0"
-  checksum: 08931d4a6a4a5561a7f94f67a31c17e6632cb21e459ab3ff4f6f629d9a822984cf8afef2311d2005fbea5d7ef26016ebb090db008e2d8bce39d0a9a9d218736e
-  languageName: node
-  linkType: hard
-
-"points-on-curve@npm:0.2.0, points-on-curve@npm:^0.2.0":
-  version: 0.2.0
-  resolution: "points-on-curve@npm:0.2.0"
-  checksum: 05e87d6839e3d869cfac0e63c2b1ca700fc8f1083e3f9ae80841cc50379fd31204f9e1f221407df1a90afcb8bfa98404aee0b0fa00330b7b3b328d33be21cf47
-  languageName: node
-  linkType: hard
-
-"points-on-path@npm:^0.2.1":
-  version: 0.2.1
-  resolution: "points-on-path@npm:0.2.1"
-  dependencies:
-    path-data-parser: 0.1.0
-    points-on-curve: 0.2.0
-  checksum: 5564dd84d15699579bf07bd33adfd0dc1a5e717c0d36ee11f0832b6b6890941e25e9ea68d15f7858698a9b5ec509f60e6472a0346624bb9dd9c2100cf568ac8f
-  languageName: node
-  linkType: hard
-
-"postcss-loader@npm:8.1.1":
-  version: 8.1.1
-  resolution: "postcss-loader@npm:8.1.1"
-  dependencies:
-    cosmiconfig: ^9.0.0
-    jiti: ^1.20.0
-    semver: ^7.5.4
-  peerDependencies:
-    "@rspack/core": 0.x || 1.x
-    postcss: ^7.0.0 || ^8.0.1
-    webpack: ^5.0.0
-  peerDependenciesMeta:
-    "@rspack/core":
-      optional: true
-    webpack:
-      optional: true
-  checksum: b09e230181ff70b374a3e265dc526302b9865e2697b5f9c4ff78dfeb716a3508f3247ed49c8ee6630dddfdf6df7d73556d6bd2eb165a00c48dba3a1bd01e3a2e
-  languageName: node
-  linkType: hard
-
-"postcss-media-query-parser@npm:^0.2.3":
-  version: 0.2.3
-  resolution: "postcss-media-query-parser@npm:0.2.3"
-  checksum: 8000d4d95b912994928ff86137f5ab0ed4c4ee1498af2336e93d708ae8827a690cd7acbaed55d14684cf44d82c8d44b031c1c69ae6bcd2f9620ea67573888090
-  languageName: node
-  linkType: hard
-
-"postcss-modules-extract-imports@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "postcss-modules-extract-imports@npm:3.1.0"
-  peerDependencies:
-    postcss: ^8.1.0
-  checksum: b9192e0f4fb3d19431558be6f8af7ca45fc92baaad9b2778d1732a5880cd25c3df2074ce5484ae491e224f0d21345ffc2d419bd51c25b019af76d7a7af88c17f
-  languageName: node
-  linkType: hard
-
-"postcss-modules-local-by-default@npm:^4.0.5":
-  version: 4.2.0
-  resolution: "postcss-modules-local-by-default@npm:4.2.0"
-  dependencies:
-    icss-utils: ^5.0.0
-    postcss-selector-parser: ^7.0.0
-    postcss-value-parser: ^4.1.0
-  peerDependencies:
-    postcss: ^8.1.0
-  checksum: 720d145453f82ad5f1c1d0ff7386d64722f0812808e4132e573c1a49909745e109fcce3792a0b0cb18770dbeb3d9741867e81c698dc8353a18bc664b7d6d9533
-  languageName: node
-  linkType: hard
-
-"postcss-modules-scope@npm:^3.2.0":
-  version: 3.2.1
-  resolution: "postcss-modules-scope@npm:3.2.1"
-  dependencies:
-    postcss-selector-parser: ^7.0.0
-  peerDependencies:
-    postcss: ^8.1.0
-  checksum: 085f65863bb7d8bf08209a979ceb22b2b07bb466574e0e698d34aaad832d614957bb05f2418348a14e4035f65e23b2be2951369d26ea429dd5762c6a020f0f7c
-  languageName: node
-  linkType: hard
-
-"postcss-modules-values@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "postcss-modules-values@npm:4.0.0"
-  dependencies:
-    icss-utils: ^5.0.0
-  peerDependencies:
-    postcss: ^8.1.0
-  checksum: f7f2cdf14a575b60e919ad5ea52fed48da46fe80db2733318d71d523fc87db66c835814940d7d05b5746b0426e44661c707f09bdb83592c16aea06e859409db6
-  languageName: node
-  linkType: hard
-
-"postcss-selector-parser@npm:^7.0.0":
-  version: 7.1.1
-  resolution: "postcss-selector-parser@npm:7.1.1"
-  dependencies:
-    cssesc: ^3.0.0
-    util-deprecate: ^1.0.2
-  checksum: 36d71bd8e1c9db9c3d4ecefd3f8c30aace141a3a1a266473bc9a1b7a0c1c2dfbaef2ac20cc8ea287b17131cbb3690c1c0fe7a4d9272db9f09b136da2413bc3ea
-  languageName: node
-  linkType: hard
-
-"postcss-value-parser@npm:^4.1.0, postcss-value-parser@npm:^4.2.0":
-  version: 4.2.0
-  resolution: "postcss-value-parser@npm:4.2.0"
-  checksum: 819ffab0c9d51cf0acbabf8996dffbfafbafa57afc0e4c98db88b67f2094cb44488758f06e5da95d7036f19556a4a732525e84289a425f4f6fd8e412a9d7442f
-  languageName: node
-  linkType: hard
-
-"postcss@npm:8.5.6, postcss@npm:^8.2.14, postcss@npm:^8.4.33, postcss@npm:^8.4.40, postcss@npm:^8.4.49, postcss@npm:^8.5.6":
-  version: 8.5.6
-  resolution: "postcss@npm:8.5.6"
-  dependencies:
-    nanoid: ^3.3.11
-    picocolors: ^1.1.1
-    source-map-js: ^1.2.1
-  checksum: 20f3b5d673ffeec2b28d65436756d31ee33f65b0a8bedb3d32f556fbd5973be38c3a7fb5b959a5236c60a5db7b91b0a6b14ffaac0d717dce1b903b964ee1c1bb
-  languageName: node
-  linkType: hard
-
-"postgres-interval@npm:^4.0.2":
-  version: 4.0.2
-  resolution: "postgres-interval@npm:4.0.2"
-  checksum: 126ad029003d9f20a9d990c8eb9800b855b173ab48ed6298486d80c49fb9a1af74a2922c1469a4fc921a06d710938f9061d3fa7e778ea4764bcbd9fbb203f0b1
-  languageName: node
-  linkType: hard
-
-"posthog-js@npm:^1.341.0":
-  version: 1.341.0
-  resolution: "posthog-js@npm:1.341.0"
-  dependencies:
-    "@opentelemetry/api": ^1.9.0
-    "@opentelemetry/api-logs": ^0.208.0
-    "@opentelemetry/exporter-logs-otlp-http": ^0.208.0
-    "@opentelemetry/resources": ^2.2.0
-    "@opentelemetry/sdk-logs": ^0.208.0
-    "@posthog/core": 1.20.0
-    "@posthog/types": 1.341.0
-    core-js: ^3.38.1
-    dompurify: ^3.3.1
-    fflate: ^0.4.8
-    preact: ^10.28.2
-    query-selector-shadow-dom: ^1.0.1
-    web-vitals: ^5.1.0
-  checksum: 53b056a0657d64cf1ac0108b01e4fe8ac31ab927ae1e2fa16e31f134c592ba55f72693376ee1259874a6b0535b5ef4c245aa4d50885b9f28096f596fed971cc0
-  languageName: node
-  linkType: hard
-
-"preact@npm:^10.28.2":
-  version: 10.28.3
-  resolution: "preact@npm:10.28.3"
-  checksum: 8847b538127ff9f4dc86d7f3ffecd416137eaea868b559b9663a4c5a43bc1fcef77f8db41ee1fc55565bf339d9d951ffe90d11f3749726e6217315b3d658599a
-  languageName: node
-  linkType: hard
-
-"pretty-error@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "pretty-error@npm:4.0.0"
-  dependencies:
-    lodash: ^4.17.20
-    renderkid: ^3.0.0
-  checksum: a5b9137365690104ded6947dca2e33360bf55e62a4acd91b1b0d7baa3970e43754c628cc9e16eafbdd4e8f8bcb260a5865475d4fc17c3106ff2d61db4e72cdf3
-  languageName: node
-  linkType: hard
-
-"pretty-format@npm:^27.0.2":
-  version: 27.5.1
-  resolution: "pretty-format@npm:27.5.1"
-  dependencies:
-    ansi-regex: ^5.0.1
-    ansi-styles: ^5.0.0
-    react-is: ^17.0.1
-  checksum: cf610cffcb793885d16f184a62162f2dd0df31642d9a18edf4ca298e909a8fe80bdbf556d5c9573992c102ce8bf948691da91bf9739bee0ffb6e79c8a8a6e088
-  languageName: node
-  linkType: hard
-
-"prismjs@npm:^1.30.0":
-  version: 1.30.0
-  resolution: "prismjs@npm:1.30.0"
-  checksum: a68eddd4c5f1c506badb5434b0b28a7cc2479ed1df91bc4218e6833c7971ef40c50ec481ea49749ac964256acb78d8b66a6bd11554938e8998e46c18b5f9a580
-  languageName: node
-  linkType: hard
-
-"proc-log@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "proc-log@npm:5.0.0"
-  checksum: c78b26ecef6d5cce4a7489a1e9923d7b4b1679028c8654aef0463b27f4a90b0946cd598f55799da602895c52feb085ec76381d007ab8dcceebd40b89c2f9dfe0
-  languageName: node
-  linkType: hard
-
-"proc-log@npm:^6.0.0, proc-log@npm:^6.1.0":
-  version: 6.1.0
-  resolution: "proc-log@npm:6.1.0"
-  checksum: ac450ff8244e95b0c9935b52d629fef92ae69b7e39aea19972a8234259614d644402dd62ce9cb094f4a637d8a4514cba90c1456ad785a40ad5b64d502875a817
-  languageName: node
-  linkType: hard
-
-"process-nextick-args@npm:~2.0.0":
-  version: 2.0.1
-  resolution: "process-nextick-args@npm:2.0.1"
-  checksum: 1d38588e520dab7cea67cbbe2efdd86a10cc7a074c09657635e34f035277b59fbb57d09d8638346bf7090f8e8ebc070c96fa5fd183b777fff4f5edff5e9466cf
-  languageName: node
-  linkType: hard
-
-"progress@npm:^2.0.3":
-  version: 2.0.3
-  resolution: "progress@npm:2.0.3"
-  checksum: f67403fe7b34912148d9252cb7481266a354bd99ce82c835f79070643bb3c6583d10dbcfda4d41e04bbc1d8437e9af0fb1e1f2135727878f5308682a579429b7
-  languageName: node
-  linkType: hard
-
-"promise-retry@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "promise-retry@npm:2.0.1"
-  dependencies:
-    err-code: ^2.0.2
-    retry: ^0.12.0
-  checksum: f96a3f6d90b92b568a26f71e966cbbc0f63ab85ea6ff6c81284dc869b41510e6cdef99b6b65f9030f0db422bf7c96652a3fff9f2e8fb4a0f069d8f4430359429
-  languageName: node
-  linkType: hard
-
-"protobufjs@npm:^7.3.0":
-  version: 7.5.4
-  resolution: "protobufjs@npm:7.5.4"
-  dependencies:
-    "@protobufjs/aspromise": ^1.1.2
-    "@protobufjs/base64": ^1.1.2
-    "@protobufjs/codegen": ^2.0.4
-    "@protobufjs/eventemitter": ^1.1.0
-    "@protobufjs/fetch": ^1.1.0
-    "@protobufjs/float": ^1.0.2
-    "@protobufjs/inquire": ^1.1.0
-    "@protobufjs/path": ^1.1.2
-    "@protobufjs/pool": ^1.1.0
-    "@protobufjs/utf8": ^1.1.0
-    "@types/node": ">=13.7.0"
-    long: ^5.0.0
-  checksum: 53bf83b9a726b05d43da35bb990dba7536759787dccea9a67b8f31be9df470ba17f1f1b982ca19956cfc7726f3ec7e0e883ca4ad93b5ec753cc025a637fc704f
-  languageName: node
-  linkType: hard
-
-"proxy-addr@npm:^2.0.7, proxy-addr@npm:~2.0.7":
-  version: 2.0.7
-  resolution: "proxy-addr@npm:2.0.7"
-  dependencies:
-    forwarded: 0.2.0
-    ipaddr.js: 1.9.1
-  checksum: 29c6990ce9364648255454842f06f8c46fcd124d3e6d7c5066df44662de63cdc0bad032e9bf5a3d653ff72141cc7b6019873d685708ac8210c30458ad99f2b74
-  languageName: node
-  linkType: hard
-
-"proxy-agent@npm:^6.5.0":
-  version: 6.5.0
-  resolution: "proxy-agent@npm:6.5.0"
-  dependencies:
-    agent-base: ^7.1.2
-    debug: ^4.3.4
-    http-proxy-agent: ^7.0.1
-    https-proxy-agent: ^7.0.6
-    lru-cache: ^7.14.1
-    pac-proxy-agent: ^7.1.0
-    proxy-from-env: ^1.1.0
-    socks-proxy-agent: ^8.0.5
-  checksum: d03ad2d171c2768280ade7ea6a7c5b1d0746215d70c0a16e02780c26e1d347edd27b3f48374661ae54ec0f7b41e6e45175b687baf333b36b1fd109a525154806
-  languageName: node
-  linkType: hard
-
-"proxy-from-env@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "proxy-from-env@npm:1.1.0"
-  checksum: ed7fcc2ba0a33404958e34d95d18638249a68c430e30fcb6c478497d72739ba64ce9810a24f53a7d921d0c065e5b78e3822759800698167256b04659366ca4d4
-  languageName: node
-  linkType: hard
-
-"prr@npm:~1.0.1":
-  version: 1.0.1
-  resolution: "prr@npm:1.0.1"
-  checksum: 3bca2db0479fd38f8c4c9439139b0c42dcaadcc2fbb7bb8e0e6afaa1383457f1d19aea9e5f961d5b080f1cfc05bfa1fe9e45c97a1d3fd6d421950a73d3108381
-  languageName: node
-  linkType: hard
-
-"pump@npm:^3.0.0":
-  version: 3.0.3
-  resolution: "pump@npm:3.0.3"
-  dependencies:
-    end-of-stream: ^1.1.0
-    once: ^1.3.1
-  checksum: 52843fc933b838c0330f588388115a1b28ef2a5ffa7774709b142e35431e8ab0c2edec90de3fa34ebb72d59fef854f151eea7dfc211b6dcf586b384556bd2f39
-  languageName: node
-  linkType: hard
-
-"punycode@npm:^2.1.0, punycode@npm:^2.3.1":
-  version: 2.3.1
-  resolution: "punycode@npm:2.3.1"
-  checksum: bb0a0ceedca4c3c57a9b981b90601579058903c62be23c5e8e843d2c2d4148a3ecf029d5133486fb0e1822b098ba8bba09e89d6b21742d02fa26bda6441a6fb2
-  languageName: node
-  linkType: hard
-
-"puppeteer-core@npm:24.36.1":
-  version: 24.36.1
-  resolution: "puppeteer-core@npm:24.36.1"
-  dependencies:
-    "@puppeteer/browsers": 2.11.2
-    chromium-bidi: 13.0.1
-    debug: ^4.4.3
-    devtools-protocol: 0.0.1551306
-    typed-query-selector: ^2.12.0
-    webdriver-bidi-protocol: 0.4.0
-    ws: ^8.19.0
-  checksum: 00221534c72394b825b645716751b002279da36dc9067b2e6801c0dc095f7c32a797ed39b9a5f129eb6f74acdb86ece3be95903dc7693da667f443ff33b97b7b
-  languageName: node
-  linkType: hard
-
-"puppeteer@npm:^24.29.1":
-  version: 24.36.1
-  resolution: "puppeteer@npm:24.36.1"
-  dependencies:
-    "@puppeteer/browsers": 2.11.2
-    chromium-bidi: 13.0.1
-    cosmiconfig: ^9.0.0
-    devtools-protocol: 0.0.1551306
-    puppeteer-core: 24.36.1
-    typed-query-selector: ^2.12.0
-  bin:
-    puppeteer: lib/cjs/puppeteer/node/cli.js
-  checksum: 3efb73a448099e12bf57217d031f072cb41eeaa4517d0276b2f2e504e40675a61295d09f5209d8a59b2d3e6dc9e4baf84cf350cf60bd7284c8b0f4432aecc0fd
-  languageName: node
-  linkType: hard
-
-"qs@npm:^6.14.0, qs@npm:^6.14.1, qs@npm:~6.14.0":
-  version: 6.14.2
-  resolution: "qs@npm:6.14.2"
-  dependencies:
-    side-channel: ^1.1.0
-  checksum: e613d0b8d02cec33c20d1a6015ec2a5db614bf3dd2ffd9bde08bc34a76419213f291c91fb00519a3d8a74e4727f565b350f8394f9d381bc64e6da663d9e031d4
-  languageName: node
-  linkType: hard
-
-"query-selector-shadow-dom@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "query-selector-shadow-dom@npm:1.0.1"
-  checksum: 8ab1cdd5e1927b583503b590165d66770fb91c87ac28b50a43596b755db3792c0e506250f46d0af97f0064a5cc12a1de449fd5c2cfcadf18b0880a4d8aecebbd
-  languageName: node
-  linkType: hard
-
-"query-string@npm:8.1.0":
-  version: 8.1.0
-  resolution: "query-string@npm:8.1.0"
-  dependencies:
-    decode-uri-component: ^0.4.1
-    filter-obj: ^5.1.0
-    split-on-first: ^3.0.0
-  checksum: 16fe49ab714f2b802bd31bc417876a38a82cd49bea01c0d6c37ca3439604c774752c8c66f9eda5ee33c268de2fc2a65e0e0e27aa97d8d98159af5c1fc838a017
-  languageName: node
-  linkType: hard
-
-"queue-microtask@npm:^1.2.2":
-  version: 1.2.3
-  resolution: "queue-microtask@npm:1.2.3"
-  checksum: b676f8c040cdc5b12723ad2f91414d267605b26419d5c821ff03befa817ddd10e238d22b25d604920340fd73efd8ba795465a0377c4adf45a4a41e4234e42dc4
-  languageName: node
-  linkType: hard
-
-"range-parser@npm:^1.2.1, range-parser@npm:~1.2.1":
-  version: 1.2.1
-  resolution: "range-parser@npm:1.2.1"
-  checksum: 0a268d4fea508661cf5743dfe3d5f47ce214fd6b7dec1de0da4d669dd4ef3d2144468ebe4179049eff253d9d27e719c88dae55be64f954e80135a0cada804ec9
-  languageName: node
-  linkType: hard
-
-"raw-body@npm:^3.0.0, raw-body@npm:^3.0.1":
-  version: 3.0.2
-  resolution: "raw-body@npm:3.0.2"
-  dependencies:
-    bytes: ~3.1.2
-    http-errors: ~2.0.1
-    iconv-lite: ~0.7.0
-    unpipe: ~1.0.0
-  checksum: bf8ce8e9734f273f24d81f9fed35609dbd25c2869faa5fb5075f7ee225c0913e2240adda03759d7e72f2a757f8012d58bb7a871a80261d5140ad65844caeb5bd
-  languageName: node
-  linkType: hard
-
-"raw-body@npm:~2.5.3":
-  version: 2.5.3
-  resolution: "raw-body@npm:2.5.3"
-  dependencies:
-    bytes: ~3.1.2
-    http-errors: ~2.0.1
-    iconv-lite: ~0.4.24
-    unpipe: ~1.0.0
-  checksum: 16aa51e504318ebeef7f84a4d884c0f273cb0b7f3f14ea88788f92f5f488870617c97d4f886e84f119f21a2d6cdda3c4554821f8b18ed6be0d731ecb5a063d2a
-  languageName: node
-  linkType: hard
-
-"react-is@npm:^17.0.1":
-  version: 17.0.2
-  resolution: "react-is@npm:17.0.2"
-  checksum: 9d6d111d8990dc98bc5402c1266a808b0459b5d54830bbea24c12d908b536df7883f268a7868cfaedde3dd9d4e0d574db456f84d2e6df9c4526f99bb4b5344d8
-  languageName: node
-  linkType: hard
-
-"readable-stream@npm:^2.0.1":
-  version: 2.3.8
-  resolution: "readable-stream@npm:2.3.8"
-  dependencies:
-    core-util-is: ~1.0.0
-    inherits: ~2.0.3
-    isarray: ~1.0.0
-    process-nextick-args: ~2.0.0
-    safe-buffer: ~5.1.1
-    string_decoder: ~1.1.1
-    util-deprecate: ~1.0.1
-  checksum: 65645467038704f0c8aaf026a72fbb588a9e2ef7a75cd57a01702ee9db1c4a1e4b03aaad36861a6a0926546a74d174149c8c207527963e0c2d3eee2f37678a42
-  languageName: node
-  linkType: hard
-
-"readable-stream@npm:^3.0.6":
-  version: 3.6.2
-  resolution: "readable-stream@npm:3.6.2"
-  dependencies:
-    inherits: ^2.0.3
-    string_decoder: ^1.1.1
-    util-deprecate: ^1.0.1
-  checksum: bdcbe6c22e846b6af075e32cf8f4751c2576238c5043169a1c221c92ee2878458a816a4ea33f4c67623c0b6827c8a400409bfb3cf0bf3381392d0b1dfb52ac8d
-  languageName: node
-  linkType: hard
-
-"readdirp@npm:^4.0.1":
-  version: 4.1.2
-  resolution: "readdirp@npm:4.1.2"
-  checksum: 3242ee125422cb7c0e12d51452e993f507e6ed3d8c490bc8bf3366c5cdd09167562224e429b13e9cb2b98d4b8b2b11dc100d3c73883aa92d657ade5a21ded004
-  languageName: node
-  linkType: hard
-
-"readdirp@npm:~3.6.0":
-  version: 3.6.0
-  resolution: "readdirp@npm:3.6.0"
-  dependencies:
-    picomatch: ^2.2.1
-  checksum: 1ced032e6e45670b6d7352d71d21ce7edf7b9b928494dcaba6f11fba63180d9da6cd7061ebc34175ffda6ff529f481818c962952004d273178acd70f7059b320
-  languageName: node
-  linkType: hard
-
-"recast@npm:^0.23.5":
-  version: 0.23.11
-  resolution: "recast@npm:0.23.11"
-  dependencies:
-    ast-types: ^0.16.1
-    esprima: ~4.0.0
-    source-map: ~0.6.1
-    tiny-invariant: ^1.3.3
-    tslib: ^2.0.1
-  checksum: 1807159b1c33bc4a2d146e4ffea13b658e54bdcfab04fc4f9c9d7f1b4626c931e2ce41323e214516ec1e02a119037d686d825fc62f28072db27962b85e5b481d
-  languageName: node
-  linkType: hard
-
-"redent@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "redent@npm:3.0.0"
-  dependencies:
-    indent-string: ^4.0.0
-    strip-indent: ^3.0.0
-  checksum: fa1ef20404a2d399235e83cc80bd55a956642e37dd197b4b612ba7327bf87fa32745aeb4a1634b2bab25467164ab4ed9c15be2c307923dd08b0fe7c52431ae6b
-  languageName: node
-  linkType: hard
-
-"reflect-metadata@npm:^0.2.0":
-  version: 0.2.2
-  resolution: "reflect-metadata@npm:0.2.2"
-  checksum: a66c7b583e4efdd8f3c3124fbff33da2d0c86d8280617516308b32b2159af7a3698c961db3246387f56f6316b1d33a608f39bb2b49d813316dfc58f6d3bf3210
-  languageName: node
-  linkType: hard
-
-"regenerate-unicode-properties@npm:^10.2.2":
-  version: 10.2.2
-  resolution: "regenerate-unicode-properties@npm:10.2.2"
-  dependencies:
-    regenerate: ^1.4.2
-  checksum: 7ae4c1c32460c4360e3118c45eec0621424908f430fdd6f162c9172067786bf2b1682fbc885a33b26bc85e76e06f4d3f398b52425e801b0bb0cbae147dafb0b2
-  languageName: node
-  linkType: hard
-
-"regenerate@npm:^1.4.2":
-  version: 1.4.2
-  resolution: "regenerate@npm:1.4.2"
-  checksum: 3317a09b2f802da8db09aa276e469b57a6c0dd818347e05b8862959c6193408242f150db5de83c12c3fa99091ad95fb42a6db2c3329bfaa12a0ea4cbbeb30cb0
-  languageName: node
-  linkType: hard
-
-"regex-parser@npm:^2.2.11":
-  version: 2.3.1
-  resolution: "regex-parser@npm:2.3.1"
-  checksum: 37d5549040782207b98a5c007b739f85bf43f70249cbf813954d3fab370b93f3c8029534c62ca7c56e7a61e24848118b1bae15668b80ab7e67b4bb98465d54cc
-  languageName: node
-  linkType: hard
-
-"regexpu-core@npm:^6.3.1":
-  version: 6.4.0
-  resolution: "regexpu-core@npm:6.4.0"
-  dependencies:
-    regenerate: ^1.4.2
-    regenerate-unicode-properties: ^10.2.2
-    regjsgen: ^0.8.0
-    regjsparser: ^0.13.0
-    unicode-match-property-ecmascript: ^2.0.0
-    unicode-match-property-value-ecmascript: ^2.2.1
-  checksum: a316eb988599b7fb9d77f4adb937c41c022504dc91ddd18175c11771addc7f1d9dce550f34e36038395e459a2cf9ffc0d663bfe8d3c6c186317ca000ba79a8cf
-  languageName: node
-  linkType: hard
-
-"regjsgen@npm:^0.8.0":
-  version: 0.8.0
-  resolution: "regjsgen@npm:0.8.0"
-  checksum: a1d925ff14a4b2be774e45775ee6b33b256f89c42d480e6d85152d2133f18bd3d6af662161b226fa57466f7efec367eaf7ccd2a58c0ec2a1306667ba2ad07b0d
-  languageName: node
-  linkType: hard
-
-"regjsparser@npm:^0.13.0":
-  version: 0.13.0
-  resolution: "regjsparser@npm:0.13.0"
-  dependencies:
-    jsesc: ~3.1.0
-  bin:
-    regjsparser: bin/parser
-  checksum: 1cf09f6afde2b2d1c1e89e1ce3034e3ee8d9433912728dbaa48e123f5f43ce34e263b2a8ab228817dce85d676ee0c801a512101b015ac9ab80ed449cf7329d3a
-  languageName: node
-  linkType: hard
-
-"relateurl@npm:^0.2.7":
-  version: 0.2.7
-  resolution: "relateurl@npm:0.2.7"
-  checksum: 5891e792eae1dfc3da91c6fda76d6c3de0333a60aa5ad848982ebb6dccaa06e86385fb1235a1582c680a3d445d31be01c6bfc0804ebbcab5aaf53fa856fde6b6
-  languageName: node
-  linkType: hard
-
-"renderkid@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "renderkid@npm:3.0.0"
-  dependencies:
-    css-select: ^4.1.3
-    dom-converter: ^0.2.0
-    htmlparser2: ^6.1.0
-    lodash: ^4.17.21
-    strip-ansi: ^6.0.1
-  checksum: 77162b62d6f33ab81f337c39efce0439ff0d1f6d441e29c35183151f83041c7850774fb904da163d6c844264d440d10557714e6daa0b19e4561a5cd4ef305d41
-  languageName: node
-  linkType: hard
-
-"require-directory@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "require-directory@npm:2.1.1"
-  checksum: fb47e70bf0001fdeabdc0429d431863e9475e7e43ea5f94ad86503d918423c1543361cc5166d713eaa7029dd7a3d34775af04764bebff99ef413111a5af18c80
-  languageName: node
-  linkType: hard
-
-"require-from-string@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "require-from-string@npm:2.0.2"
-  checksum: a03ef6895445f33a4015300c426699bc66b2b044ba7b670aa238610381b56d3f07c686251740d575e22f4c87531ba662d06937508f0f3c0f1ddc04db3130560b
-  languageName: node
-  linkType: hard
-
-"requires-port@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "requires-port@npm:1.0.0"
-  checksum: eee0e303adffb69be55d1a214e415cf42b7441ae858c76dfc5353148644f6fd6e698926fc4643f510d5c126d12a705e7c8ed7e38061113bdf37547ab356797ff
-  languageName: node
-  linkType: hard
-
-"resolve-from@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "resolve-from@npm:4.0.0"
-  checksum: f4ba0b8494846a5066328ad33ef8ac173801a51739eb4d63408c847da9a2e1c1de1e6cbbf72699211f3d13f8fc1325648b169bd15eb7da35688e30a5fb0e4a7f
-  languageName: node
-  linkType: hard
-
-"resolve-url-loader@npm:5.0.0":
-  version: 5.0.0
-  resolution: "resolve-url-loader@npm:5.0.0"
-  dependencies:
-    adjust-sourcemap-loader: ^4.0.0
-    convert-source-map: ^1.7.0
-    loader-utils: ^2.0.0
-    postcss: ^8.2.14
-    source-map: 0.6.1
-  checksum: 6d483733a4c26f75ce930a61943113bf730b5ba33a7186791cf1ae9c2ca02c3e94610bc6484ca008a372ee9e31750eccea74856a89daf1a29b8437ff564d27f2
-  languageName: node
-  linkType: hard
-
-"resolve@npm:1.22.10":
-  version: 1.22.10
-  resolution: "resolve@npm:1.22.10"
-  dependencies:
-    is-core-module: ^2.16.0
-    path-parse: ^1.0.7
-    supports-preserve-symlinks-flag: ^1.0.0
-  bin:
-    resolve: bin/resolve
-  checksum: ab7a32ff4046fcd7c6fdd525b24a7527847d03c3650c733b909b01b757f92eb23510afa9cc3e9bf3f26a3e073b48c88c706dfd4c1d2fb4a16a96b73b6328ddcf
-  languageName: node
-  linkType: hard
-
-"resolve@npm:^1.22.11":
-  version: 1.22.11
-  resolution: "resolve@npm:1.22.11"
-  dependencies:
-    is-core-module: ^2.16.1
-    path-parse: ^1.0.7
-    supports-preserve-symlinks-flag: ^1.0.0
-  bin:
-    resolve: bin/resolve
-  checksum: 6d5baa2156b95a65ac431e7642e21106584e9f4194da50871cae8bc1bbd2b53bb7cee573c92543d83bb999620b224a087f62379d800ed1ccb189da6df5d78d50
-  languageName: node
-  linkType: hard
-
-"resolve@patch:resolve@1.22.10#~builtin<compat/resolve>":
-  version: 1.22.10
-  resolution: "resolve@patch:resolve@npm%3A1.22.10#~builtin<compat/resolve>::version=1.22.10&hash=c3c19d"
-  dependencies:
-    is-core-module: ^2.16.0
-    path-parse: ^1.0.7
-    supports-preserve-symlinks-flag: ^1.0.0
-  bin:
-    resolve: bin/resolve
-  checksum: 8aac1e4e4628bd00bf4b94b23de137dd3fe44097a8d528fd66db74484be929936e20c696e1a3edf4488f37e14180b73df6f600992baea3e089e8674291f16c9d
-  languageName: node
-  linkType: hard
-
-"resolve@patch:resolve@^1.22.11#~builtin<compat/resolve>":
-  version: 1.22.11
-  resolution: "resolve@patch:resolve@npm%3A1.22.11#~builtin<compat/resolve>::version=1.22.11&hash=c3c19d"
-  dependencies:
-    is-core-module: ^2.16.1
-    path-parse: ^1.0.7
-    supports-preserve-symlinks-flag: ^1.0.0
-  bin:
-    resolve: bin/resolve
-  checksum: 1462da84ac3410d7c2e12e4f5f25c1423d8a174c3b4245c43eafea85e7bbe6af3eb7ec10a4850b5e518e8531608604742b8cbd761e1acd7ad1035108b7c98013
-  languageName: node
-  linkType: hard
-
-"restore-cursor@npm:^5.0.0":
-  version: 5.1.0
-  resolution: "restore-cursor@npm:5.1.0"
-  dependencies:
-    onetime: ^7.0.0
-    signal-exit: ^4.1.0
-  checksum: 838dd54e458d89cfbc1a923b343c1b0f170a04100b4ce1733e97531842d7b440463967e521216e8ab6c6f8e89df877acc7b7f4c18ec76e99fb9bf5a60d358d2c
-  languageName: node
-  linkType: hard
-
-"retry@npm:^0.12.0":
-  version: 0.12.0
-  resolution: "retry@npm:0.12.0"
-  checksum: 623bd7d2e5119467ba66202d733ec3c2e2e26568074923bc0585b6b99db14f357e79bdedb63cab56cec47491c4a0da7e6021a7465ca6dc4f481d3898fdd3158c
-  languageName: node
-  linkType: hard
-
-"retry@npm:^0.13.1":
-  version: 0.13.1
-  resolution: "retry@npm:0.13.1"
-  checksum: 47c4d5be674f7c13eee4cfe927345023972197dbbdfba5d3af7e461d13b44de1bfd663bfc80d2f601f8ef3fc8164c16dd99655a221921954a65d044a2fc1233b
-  languageName: node
-  linkType: hard
-
-"reusify@npm:^1.0.4":
-  version: 1.1.0
-  resolution: "reusify@npm:1.1.0"
-  checksum: 64cb3142ac5e9ad689aca289585cb41d22521f4571f73e9488af39f6b1bd62f0cbb3d65e2ecc768ec6494052523f473f1eb4b55c3e9014b3590c17fc6a03e22a
-  languageName: node
-  linkType: hard
-
-"rfdc@npm:^1.4.1":
-  version: 1.4.1
-  resolution: "rfdc@npm:1.4.1"
-  checksum: 3b05bd55062c1d78aaabfcea43840cdf7e12099968f368e9a4c3936beb744adb41cbdb315eac6d4d8c6623005d6f87fdf16d8a10e1ff3722e84afea7281c8d13
-  languageName: node
-  linkType: hard
-
-"robust-predicates@npm:^3.0.2":
-  version: 3.0.2
-  resolution: "robust-predicates@npm:3.0.2"
-  checksum: 36854c1321548ceca96d36ad9d6e0a5a512986029ec6929ad6ed3ec1612c22cc8b46cc72d2c5674af42e8074a119d793f6f0ea3a5b51373e3ab926c64b172d7a
-  languageName: node
-  linkType: hard
-
-"rocketadmin@workspace:.":
-  version: 0.0.0-use.local
-  resolution: "rocketadmin@workspace:."
-  dependencies:
-    "@angular-devkit/build-angular": 20
-    "@angular/animations": ~20.3.18
-    "@angular/build": 20.3.14
-    "@angular/cdk": ~20.2.14
-    "@angular/cli": ~20.3.14
-    "@angular/common": ~20.3.18
-    "@angular/compiler": ~20.3.18
-    "@angular/compiler-cli": ~20.3.18
-    "@angular/core": ~20.3.18
-    "@angular/forms": ~20.3.18
-    "@angular/language-service": ~20.3.18
-    "@angular/material": ~20.2.14
-    "@angular/platform-browser": ~20.3.18
-    "@angular/platform-browser-dynamic": ~20.3.18
-    "@angular/router": ~20.3.18
-    "@brumeilde/ngx-theme": ^1.2.1
-    "@cedar-policy/cedar-wasm": ^4.9.1
-    "@fontsource/ibm-plex-mono": ^5.2.7
-    "@fontsource/noto-sans": ^5.2.10
-    "@jsonurl/jsonurl": ^1.1.8
-    "@material-symbols/font-400": ^0.40.2
-    "@ngstack/code-editor": ^9.0.0
-    "@sentry-internal/rrweb": ^2.16.0
-    "@sentry/angular": ^10.33.0
-    "@storybook/angular": ^10.2.14
-    "@types/google-one-tap": ^1.2.6
-    "@types/lodash": ^4.17.13
-    "@types/node": ^22.10.2
-    "@vitest/browser": ^3.1.1
-    "@zxcvbn-ts/core": ^3.0.4
-    "@zxcvbn-ts/language-en": ^3.0.2
-    amplitude-js: ^8.21.9
-    angular-gridster2: ^20.0.0
-    angular-password-strength-meter: "npm:@eresearchqut/angular-password-strength-meter@^13.0.7"
-    angulartics2: ^14.1.0
-    chart.js: ^4.5.1
-    chartjs-adapter-date-fns: ^3.0.0
-    color-string: ^2.0.1
-    connection-string-parser: ^1.0.4
-    convert: ^5.12.0
-    date-fns: ^4.1.0
-    ipaddr.js: ^2.2.0
-    jsdom: ^27.4.0
-    json5: ^2.2.3
-    knip: ^5.79.0
-    libphonenumber-js: ^1.12.9
-    lodash: ^4.17.21
-    lodash-es: ^4.17.23
-    mermaid: ^11.12.1
-    monaco-editor: 0.55.1
-    ng-dynamic-component: ^10.8.0
-    ng2-charts: ^8.0.0
-    ngx-cookie-service: ^19.0.0
-    ngx-markdown: ^19.1.1
-    node-sql-parser: ^5.4.0
-    playwright: ^1.57.0
-    pluralize: ^8.0.0
-    postgres-interval: ^4.0.2
-    posthog-js: ^1.341.0
-    puppeteer: ^24.29.1
-    rxjs: ^7.4.0
-    storybook: ^10.2.14
-    ts-node: ~10.9.2
-    tslib: ^2.8.1
-    typescript: ~5.9.3
-    uuid: ^11.1.0
-    validator: ^13.15.20
-    vitest: ^3.1.1
-    zone.js: ~0.15.0
-  languageName: unknown
-  linkType: soft
-
-"rollup@npm:4.59.0":
-  version: 4.59.0
-  resolution: "rollup@npm:4.59.0"
-  dependencies:
-    "@rollup/rollup-android-arm-eabi": 4.59.0
-    "@rollup/rollup-android-arm64": 4.59.0
-    "@rollup/rollup-darwin-arm64": 4.59.0
-    "@rollup/rollup-darwin-x64": 4.59.0
-    "@rollup/rollup-freebsd-arm64": 4.59.0
-    "@rollup/rollup-freebsd-x64": 4.59.0
-    "@rollup/rollup-linux-arm-gnueabihf": 4.59.0
-    "@rollup/rollup-linux-arm-musleabihf": 4.59.0
-    "@rollup/rollup-linux-arm64-gnu": 4.59.0
-    "@rollup/rollup-linux-arm64-musl": 4.59.0
-    "@rollup/rollup-linux-loong64-gnu": 4.59.0
-    "@rollup/rollup-linux-loong64-musl": 4.59.0
-    "@rollup/rollup-linux-ppc64-gnu": 4.59.0
-    "@rollup/rollup-linux-ppc64-musl": 4.59.0
-    "@rollup/rollup-linux-riscv64-gnu": 4.59.0
-    "@rollup/rollup-linux-riscv64-musl": 4.59.0
-    "@rollup/rollup-linux-s390x-gnu": 4.59.0
-    "@rollup/rollup-linux-x64-gnu": 4.59.0
-    "@rollup/rollup-linux-x64-musl": 4.59.0
-    "@rollup/rollup-openbsd-x64": 4.59.0
-    "@rollup/rollup-openharmony-arm64": 4.59.0
-    "@rollup/rollup-win32-arm64-msvc": 4.59.0
-    "@rollup/rollup-win32-ia32-msvc": 4.59.0
-    "@rollup/rollup-win32-x64-gnu": 4.59.0
-    "@rollup/rollup-win32-x64-msvc": 4.59.0
-    "@types/estree": 1.0.8
-    fsevents: ~2.3.2
-  dependenciesMeta:
-    "@rollup/rollup-android-arm-eabi":
-      optional: true
-    "@rollup/rollup-android-arm64":
-      optional: true
-    "@rollup/rollup-darwin-arm64":
-      optional: true
-    "@rollup/rollup-darwin-x64":
-      optional: true
-    "@rollup/rollup-freebsd-arm64":
-      optional: true
-    "@rollup/rollup-freebsd-x64":
-      optional: true
-    "@rollup/rollup-linux-arm-gnueabihf":
-      optional: true
-    "@rollup/rollup-linux-arm-musleabihf":
-      optional: true
-    "@rollup/rollup-linux-arm64-gnu":
-      optional: true
-    "@rollup/rollup-linux-arm64-musl":
-      optional: true
-    "@rollup/rollup-linux-loong64-gnu":
-      optional: true
-    "@rollup/rollup-linux-loong64-musl":
-      optional: true
-    "@rollup/rollup-linux-ppc64-gnu":
-      optional: true
-    "@rollup/rollup-linux-ppc64-musl":
-      optional: true
-    "@rollup/rollup-linux-riscv64-gnu":
-      optional: true
-    "@rollup/rollup-linux-riscv64-musl":
-      optional: true
-    "@rollup/rollup-linux-s390x-gnu":
-      optional: true
-    "@rollup/rollup-linux-x64-gnu":
-      optional: true
-    "@rollup/rollup-linux-x64-musl":
-      optional: true
-    "@rollup/rollup-openbsd-x64":
-      optional: true
-    "@rollup/rollup-openharmony-arm64":
-      optional: true
-    "@rollup/rollup-win32-arm64-msvc":
-      optional: true
-    "@rollup/rollup-win32-ia32-msvc":
-      optional: true
-    "@rollup/rollup-win32-x64-gnu":
-      optional: true
-    "@rollup/rollup-win32-x64-msvc":
-      optional: true
-    fsevents:
-      optional: true
-  bin:
-    rollup: dist/bin/rollup
-  checksum: c2427c6907f05bb98c92064c1660bbeaebb11f3022ec853635e6a994f8e1d39ed18ccee8d70b219954787dca0a2eb3082941bd2c3e054071eec2569acc1c1509
-  languageName: node
-  linkType: hard
-
-"roughjs@npm:^4.6.6":
-  version: 4.6.6
-  resolution: "roughjs@npm:4.6.6"
-  dependencies:
-    hachure-fill: ^0.5.2
-    path-data-parser: ^0.1.0
-    points-on-curve: ^0.2.0
-    points-on-path: ^0.2.1
-  checksum: ec4b8266ac4a50c7369e337d8ddff3b2d970506229cac5425ddca56f4e6b29fca07dded4300e9e392bb608da4ba618d349fd241283affb25055cab7c2fe48f8f
-  languageName: node
-  linkType: hard
-
-"router@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "router@npm:2.2.0"
-  dependencies:
-    debug: ^4.4.0
-    depd: ^2.0.0
-    is-promise: ^4.0.0
-    parseurl: ^1.3.3
-    path-to-regexp: ^8.0.0
-  checksum: 4c3bec8011ed10bb07d1ee860bc715f245fff0fdff991d8319741d2932d89c3fe0a56766b4fa78e95444bc323fd2538e09c8e43bfbd442c2a7fab67456df7fa5
-  languageName: node
-  linkType: hard
-
-"run-applescript@npm:^7.0.0":
-  version: 7.1.0
-  resolution: "run-applescript@npm:7.1.0"
-  checksum: 8659fb5f2717b2b37a68cbfe5f678254cf24b5a82a6df3372b180c80c7c137dcd757a4166c3887e459f59a090ca414e8ea7ca97cf3ee5123db54b3b4006d7b7a
-  languageName: node
-  linkType: hard
-
-"run-parallel@npm:^1.1.9":
-  version: 1.2.0
-  resolution: "run-parallel@npm:1.2.0"
-  dependencies:
-    queue-microtask: ^1.2.2
-  checksum: cb4f97ad25a75ebc11a8ef4e33bb962f8af8516bb2001082ceabd8902e15b98f4b84b4f8a9b222e5d57fc3bd1379c483886ed4619367a7680dad65316993021d
-  languageName: node
-  linkType: hard
-
-"rw@npm:1":
-  version: 1.3.3
-  resolution: "rw@npm:1.3.3"
-  checksum: c20d82421f5a71c86a13f76121b751553a99cd4a70ea27db86f9b23f33db941f3f06019c30f60d50c356d0bd674c8e74764ac146ea55e217c091bde6fba82aa3
-  languageName: node
-  linkType: hard
-
-"rxjs@npm:7.8.2, rxjs@npm:^7.4.0":
-  version: 7.8.2
-  resolution: "rxjs@npm:7.8.2"
-  dependencies:
-    tslib: ^2.1.0
-  checksum: 2f233d7c832a6c255dabe0759014d7d9b1c9f1cb2f2f0d59690fd11c883c9826ea35a51740c06ab45b6ade0d9087bde9192f165cba20b6730d344b831ef80744
-  languageName: node
-  linkType: hard
-
-"safe-buffer@npm:5.2.1, safe-buffer@npm:>=5.1.0, safe-buffer@npm:~5.2.0":
-  version: 5.2.1
-  resolution: "safe-buffer@npm:5.2.1"
-  checksum: b99c4b41fdd67a6aaf280fcd05e9ffb0813654894223afb78a31f14a19ad220bba8aba1cb14eddce1fcfb037155fe6de4e861784eb434f7d11ed58d1e70dd491
-  languageName: node
-  linkType: hard
-
-"safe-buffer@npm:~5.1.0, safe-buffer@npm:~5.1.1":
-  version: 5.1.2
-  resolution: "safe-buffer@npm:5.1.2"
-  checksum: f2f1f7943ca44a594893a852894055cf619c1fbcb611237fc39e461ae751187e7baf4dc391a72125e0ac4fb2d8c5c0b3c71529622e6a58f46b960211e704903c
-  languageName: node
-  linkType: hard
-
-"safer-buffer@npm:>= 2.1.2 < 3, safer-buffer@npm:>= 2.1.2 < 3.0.0":
-  version: 2.1.2
-  resolution: "safer-buffer@npm:2.1.2"
-  checksum: cab8f25ae6f1434abee8d80023d7e72b598cf1327164ddab31003c51215526801e40b66c5e65d658a0af1e9d6478cadcb4c745f4bd6751f97d8644786c0978b0
-  languageName: node
-  linkType: hard
-
-"sass-loader@npm:16.0.5":
-  version: 16.0.5
-  resolution: "sass-loader@npm:16.0.5"
-  dependencies:
-    neo-async: ^2.6.2
-  peerDependencies:
-    "@rspack/core": 0.x || 1.x
-    node-sass: ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
-    sass: ^1.3.0
-    sass-embedded: "*"
-    webpack: ^5.0.0
-  peerDependenciesMeta:
-    "@rspack/core":
-      optional: true
-    node-sass:
-      optional: true
-    sass:
-      optional: true
-    sass-embedded:
-      optional: true
-    webpack:
-      optional: true
-  checksum: ede9659200011e4dea51de16446a45f11e570bbca66be6cd94dc0b2b73ab17dcdc88dde3247a1869d94a5793c2d1bc07650bada15103e3351eef13a70f2b1f07
-  languageName: node
-  linkType: hard
-
-"sass@npm:1.90.0":
-  version: 1.90.0
-  resolution: "sass@npm:1.90.0"
-  dependencies:
-    "@parcel/watcher": ^2.4.1
-    chokidar: ^4.0.0
-    immutable: ^5.0.2
-    source-map-js: ">=0.6.2 <2.0.0"
-  dependenciesMeta:
-    "@parcel/watcher":
-      optional: true
-  bin:
-    sass: sass.js
-  checksum: 1f2ad353eb9a4a294ba7e8f9038363c8fbf69afbf2938d53a3beff9bd9180061c3da71f139b7dedc4707f7421c4a1226164bd0276988dbc3b43b1276c0752055
-  languageName: node
-  linkType: hard
-
-"sax@npm:^1.2.4":
-  version: 1.4.4
-  resolution: "sax@npm:1.4.4"
-  checksum: a6082a153b4ab00968894b3751f6fdc431b0b7edc2d086da67ee162a06716f4bc7d0546e875993e950c757039c9e3838747ab77f50578a6ce579f970a6feadaf
-  languageName: node
-  linkType: hard
-
-"saxes@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "saxes@npm:6.0.0"
-  dependencies:
-    xmlchars: ^2.2.0
-  checksum: d3fa3e2aaf6c65ed52ee993aff1891fc47d5e47d515164b5449cbf5da2cbdc396137e55590472e64c5c436c14ae64a8a03c29b9e7389fc6f14035cf4e982ef3b
-  languageName: node
-  linkType: hard
-
-"schema-utils@npm:^3.1.1":
-  version: 3.3.0
-  resolution: "schema-utils@npm:3.3.0"
-  dependencies:
-    "@types/json-schema": ^7.0.8
-    ajv: ^6.12.5
-    ajv-keywords: ^3.5.2
-  checksum: ea56971926fac2487f0757da939a871388891bc87c6a82220d125d587b388f1704788f3706e7f63a7b70e49fc2db974c41343528caea60444afd5ce0fe4b85c0
-  languageName: node
-  linkType: hard
-
-"schema-utils@npm:^4.0.0, schema-utils@npm:^4.2.0, schema-utils@npm:^4.3.0, schema-utils@npm:^4.3.3":
-  version: 4.3.3
-  resolution: "schema-utils@npm:4.3.3"
-  dependencies:
-    "@types/json-schema": ^7.0.9
-    ajv: ^8.9.0
-    ajv-formats: ^2.1.1
-    ajv-keywords: ^5.1.0
-  checksum: 4e20404962fd45d5feb5942f7c9ab334a3d3dab94e15001049bd49e2959015f2c59089353953d4976fe664462c79121dea50392968182d4e2c4b75803f822fa3
-  languageName: node
-  linkType: hard
-
-"select-hose@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "select-hose@npm:2.0.0"
-  checksum: d7e5fcc695a4804209d232a1b18624a5134be334d4e1114b0721f7a5e72bd73da483dcf41528c1af4f4f4892ad7cfd6a1e55c8ffb83f9c9fe723b738db609dbb
-  languageName: node
-  linkType: hard
-
-"select@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "select@npm:1.1.2"
-  checksum: 4346151e94f226ea6131e44e68e6d837f3fdee64831b756dd657cc0b02f4cb5107f867cb34a1d1216ab7737d0bf0645d44546afb030bbd8d64e891f5e4c4814e
-  languageName: node
-  linkType: hard
-
-"selfsigned@npm:^2.4.1":
-  version: 2.4.1
-  resolution: "selfsigned@npm:2.4.1"
-  dependencies:
-    "@types/node-forge": ^1.3.0
-    node-forge: ^1
-  checksum: 38b91c56f1d7949c0b77f9bbe4545b19518475cae15e7d7f0043f87b1626710b011ce89879a88969651f650a19d213bb15b7d5b4c2877df9eeeff7ba8f8b9bfa
-  languageName: node
-  linkType: hard
-
-"semver@npm:7.7.2":
-  version: 7.7.2
-  resolution: "semver@npm:7.7.2"
-  bin:
-    semver: bin/semver.js
-  checksum: dd94ba8f1cbc903d8eeb4dd8bf19f46b3deb14262b6717d0de3c804b594058ae785ef2e4b46c5c3b58733c99c83339068203002f9e37cfe44f7e2cc5e3d2f621
-  languageName: node
-  linkType: hard
-
-"semver@npm:^5.6.0":
-  version: 5.7.2
-  resolution: "semver@npm:5.7.2"
-  bin:
-    semver: bin/semver
-  checksum: fb4ab5e0dd1c22ce0c937ea390b4a822147a9c53dbd2a9a0132f12fe382902beef4fbf12cf51bb955248d8d15874ce8cd89532569756384f994309825f10b686
-  languageName: node
-  linkType: hard
-
-"semver@npm:^6.3.1":
-  version: 6.3.1
-  resolution: "semver@npm:6.3.1"
-  bin:
-    semver: bin/semver.js
-  checksum: ae47d06de28836adb9d3e25f22a92943477371292d9b665fb023fae278d345d508ca1958232af086d85e0155aee22e313e100971898bbb8d5d89b8b1d4054ca2
-  languageName: node
-  linkType: hard
-
-"semver@npm:^7.0.0, semver@npm:^7.1.1, semver@npm:^7.3.5, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.7.3":
-  version: 7.7.3
-  resolution: "semver@npm:7.7.3"
-  bin:
-    semver: bin/semver.js
-  checksum: f013a3ee4607857bcd3503b6ac1d80165f7f8ea94f5d55e2d3e33df82fce487aa3313b987abf9b39e0793c83c9fc67b76c36c067625141a9f6f704ae0ea18db2
-  languageName: node
-  linkType: hard
-
-"semver@npm:^7.6.3":
-  version: 7.7.4
-  resolution: "semver@npm:7.7.4"
-  bin:
-    semver: bin/semver.js
-  checksum: 9b4a6a58e98b9723fafcafa393c9d4e8edefaa60b8dfbe39e30892a3604cf1f45f52df9cfb1ae1a22b44c8b3d57fec8a9bb7b3e1645431587cb272399ede152e
-  languageName: node
-  linkType: hard
-
-"send@npm:^1.1.0, send@npm:^1.2.0":
-  version: 1.2.1
-  resolution: "send@npm:1.2.1"
-  dependencies:
-    debug: ^4.4.3
-    encodeurl: ^2.0.0
-    escape-html: ^1.0.3
-    etag: ^1.8.1
-    fresh: ^2.0.0
-    http-errors: ^2.0.1
-    mime-types: ^3.0.2
-    ms: ^2.1.3
-    on-finished: ^2.4.1
-    range-parser: ^1.2.1
-    statuses: ^2.0.2
-  checksum: 5361e3556fbc874c080a4cfbb4541e02c16221ca3c68c4f692320d38ef7e147381f805ce3ac50dfaa2129f07daa81098e2bc567e9a4d13993a92893d59a64d68
-  languageName: node
-  linkType: hard
-
-"send@npm:~0.19.0, send@npm:~0.19.1":
-  version: 0.19.2
-  resolution: "send@npm:0.19.2"
-  dependencies:
-    debug: 2.6.9
-    depd: 2.0.0
-    destroy: 1.2.0
-    encodeurl: ~2.0.0
-    escape-html: ~1.0.3
-    etag: ~1.8.1
-    fresh: ~0.5.2
-    http-errors: ~2.0.1
-    mime: 1.6.0
-    ms: 2.1.3
-    on-finished: ~2.4.1
-    range-parser: ~1.2.1
-    statuses: ~2.0.2
-  checksum: f9e11b718b48dbea72daa6a80e36e5a00fb6d01b1a6cfda8b3135c9ca9db84257738283da23371f437148ccd8f400e6171cd2a3642fb43fda462da407d9d30c0
-  languageName: node
-  linkType: hard
-
-"serialize-javascript@npm:7.0.5":
-  version: 7.0.5
-  resolution: "serialize-javascript@npm:7.0.5"
-  checksum: 9e5f4c234c5cfdbe7f720107755ea06f2247d3202a8309e6c6f7dd4241f1dc92ba2e2a3282dcc82796a2ce2a327be48d692790019aeeb681f9870b1d3b49e8b7
-  languageName: node
-  linkType: hard
-
-"serve-index@npm:^1.9.1":
-  version: 1.9.2
-  resolution: "serve-index@npm:1.9.2"
-  dependencies:
-    accepts: ~1.3.8
-    batch: 0.6.1
-    debug: 2.6.9
-    escape-html: ~1.0.3
-    http-errors: ~1.8.0
-    mime-types: ~2.1.35
-    parseurl: ~1.3.3
-  checksum: c9a35836f85396fc0700aaf67a7f4be99a94c4908749d5cb98e4cae67333a59530effe037344600f351154fbee3b42d8eef5182041fdc98983f2549e3c5fa97b
-  languageName: node
-  linkType: hard
-
-"serve-static@npm:^2.2.0":
-  version: 2.2.1
-  resolution: "serve-static@npm:2.2.1"
-  dependencies:
-    encodeurl: ^2.0.0
-    escape-html: ^1.0.3
-    parseurl: ^1.3.3
-    send: ^1.2.0
-  checksum: dd71e9a316a7d7f726503973c531168cfa6a6a56a98d5c6b279c4d0d41a83a1bc6900495dc0633712b95d88ccbf9ed4f4a780a4c4c00bf84b496e9e710d68825
-  languageName: node
-  linkType: hard
-
-"serve-static@npm:~1.16.2":
-  version: 1.16.3
-  resolution: "serve-static@npm:1.16.3"
-  dependencies:
-    encodeurl: ~2.0.0
-    escape-html: ~1.0.3
-    parseurl: ~1.3.3
-    send: ~0.19.1
-  checksum: ec7599540215e6676b223ea768bf7c256819180bf14f89d0b5d249a61bbb8f10b05b2a53048a153cb2cc7f3b367f1227d2fb715fe4b09d07299a9233eda1a453
-  languageName: node
-  linkType: hard
-
-"setprototypeof@npm:1.2.0, setprototypeof@npm:~1.2.0":
-  version: 1.2.0
-  resolution: "setprototypeof@npm:1.2.0"
-  checksum: be18cbbf70e7d8097c97f713a2e76edf84e87299b40d085c6bf8b65314e994cc15e2e317727342fa6996e38e1f52c59720b53fe621e2eb593a6847bf0356db89
-  languageName: node
-  linkType: hard
-
-"shallow-clone@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "shallow-clone@npm:3.0.1"
-  dependencies:
-    kind-of: ^6.0.2
-  checksum: 39b3dd9630a774aba288a680e7d2901f5c0eae7b8387fc5c8ea559918b29b3da144b7bdb990d7ccd9e11be05508ac9e459ce51d01fd65e583282f6ffafcba2e7
-  languageName: node
-  linkType: hard
-
-"shebang-command@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "shebang-command@npm:2.0.0"
-  dependencies:
-    shebang-regex: ^3.0.0
-  checksum: 6b52fe87271c12968f6a054e60f6bde5f0f3d2db483a1e5c3e12d657c488a15474121a1d55cd958f6df026a54374ec38a4a963988c213b7570e1d51575cea7fa
-  languageName: node
-  linkType: hard
-
-"shebang-regex@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "shebang-regex@npm:3.0.0"
-  checksum: 1a2bcae50de99034fcd92ad4212d8e01eedf52c7ec7830eedcf886622804fe36884278f2be8be0ea5fde3fd1c23911643a4e0f726c8685b61871c8908af01222
-  languageName: node
-  linkType: hard
-
-"shell-quote@npm:^1.8.3":
-  version: 1.8.3
-  resolution: "shell-quote@npm:1.8.3"
-  checksum: 550dd84e677f8915eb013d43689c80bb114860649ec5298eb978f40b8f3d4bc4ccb072b82c094eb3548dc587144bb3965a8676f0d685c1cf4c40b5dc27166242
-  languageName: node
-  linkType: hard
-
-"side-channel-list@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "side-channel-list@npm:1.0.0"
-  dependencies:
-    es-errors: ^1.3.0
-    object-inspect: ^1.13.3
-  checksum: 603b928997abd21c5a5f02ae6b9cc36b72e3176ad6827fab0417ead74580cc4fb4d5c7d0a8a2ff4ead34d0f9e35701ed7a41853dac8a6d1a664fcce1a044f86f
-  languageName: node
-  linkType: hard
-
-"side-channel-map@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "side-channel-map@npm:1.0.1"
-  dependencies:
-    call-bound: ^1.0.2
-    es-errors: ^1.3.0
-    get-intrinsic: ^1.2.5
-    object-inspect: ^1.13.3
-  checksum: 42501371cdf71f4ccbbc9c9e2eb00aaaab80a4c1c429d5e8da713fd4d39ef3b8d4a4b37ed4f275798a65260a551a7131fd87fe67e922dba4ac18586d6aab8b06
-  languageName: node
-  linkType: hard
-
-"side-channel-weakmap@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "side-channel-weakmap@npm:1.0.2"
-  dependencies:
-    call-bound: ^1.0.2
-    es-errors: ^1.3.0
-    get-intrinsic: ^1.2.5
-    object-inspect: ^1.13.3
-    side-channel-map: ^1.0.1
-  checksum: a815c89bc78c5723c714ea1a77c938377ea710af20d4fb886d362b0d1f8ac73a17816a5f6640f354017d7e292a43da9c5e876c22145bac00b76cfb3468001736
-  languageName: node
-  linkType: hard
-
-"side-channel@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "side-channel@npm:1.1.0"
-  dependencies:
-    es-errors: ^1.3.0
-    object-inspect: ^1.13.3
-    side-channel-list: ^1.0.0
-    side-channel-map: ^1.0.1
-    side-channel-weakmap: ^1.0.2
-  checksum: bf73d6d6682034603eb8e99c63b50155017ed78a522d27c2acec0388a792c3ede3238b878b953a08157093b85d05797217d270b7666ba1f111345fbe933380ff
-  languageName: node
-  linkType: hard
-
-"siginfo@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "siginfo@npm:2.0.0"
-  checksum: 8aa5a98640ca09fe00d74416eca97551b3e42991614a3d1b824b115fc1401543650914f651ab1311518177e4d297e80b953f4cd4cd7ea1eabe824e8f2091de01
-  languageName: node
-  linkType: hard
-
-"signal-exit@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "signal-exit@npm:4.1.0"
-  checksum: 64c757b498cb8629ffa5f75485340594d2f8189e9b08700e69199069c8e3070fb3e255f7ab873c05dc0b3cec412aea7402e10a5990cb6a050bd33ba062a6c549
-  languageName: node
-  linkType: hard
-
-"sigstore@npm:^4.0.0":
-  version: 4.1.0
-  resolution: "sigstore@npm:4.1.0"
-  dependencies:
-    "@sigstore/bundle": ^4.0.0
-    "@sigstore/core": ^3.1.0
-    "@sigstore/protobuf-specs": ^0.5.0
-    "@sigstore/sign": ^4.1.0
-    "@sigstore/tuf": ^4.0.1
-    "@sigstore/verify": ^3.1.0
-  checksum: 3a74c1efe18eaa73161c1be216fb55b54a5cd95af5604c29df1922144bcee1e7e5ddd4f2652510397ff4166bc8941c19d715dcfc2ce262ee861e3798e84a8859
-  languageName: node
-  linkType: hard
-
-"sirv@npm:^3.0.1":
-  version: 3.0.2
-  resolution: "sirv@npm:3.0.2"
-  dependencies:
-    "@polka/url": ^1.0.0-next.24
-    mrmime: ^2.0.0
-    totalist: ^3.0.0
-  checksum: 570cc6c079e9b4161a6120239db2d97d7c34d216dc2b96b2c2e9d16d3afebc2495c98e8ade8fdaf16c0a49490e52009664261caaa640477f3a3ca518282ba007
-  languageName: node
-  linkType: hard
-
-"slice-ansi@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "slice-ansi@npm:5.0.0"
-  dependencies:
-    ansi-styles: ^6.0.0
-    is-fullwidth-code-point: ^4.0.0
-  checksum: 7e600a2a55e333a21ef5214b987c8358fe28bfb03c2867ff2cbf919d62143d1812ac27b4297a077fdaf27a03da3678e49551c93e35f9498a3d90221908a1180e
-  languageName: node
-  linkType: hard
-
-"slice-ansi@npm:^7.1.0":
-  version: 7.1.2
-  resolution: "slice-ansi@npm:7.1.2"
-  dependencies:
-    ansi-styles: ^6.2.1
-    is-fullwidth-code-point: ^5.0.0
-  checksum: 75f61e1285c294b18c88521a0cdb22cdcbe9b0fd5e8e26f649be804cc43122aa7751bd960a968e3ed7f5aa7f3c67ac605c939019eae916870ec288e878b6fafb
-  languageName: node
-  linkType: hard
-
-"smart-buffer@npm:^4.2.0":
-  version: 4.2.0
-  resolution: "smart-buffer@npm:4.2.0"
-  checksum: b5167a7142c1da704c0e3af85c402002b597081dd9575031a90b4f229ca5678e9a36e8a374f1814c8156a725d17008ae3bde63b92f9cfd132526379e580bec8b
-  languageName: node
-  linkType: hard
-
-"smol-toml@npm:^1.5.2":
-  version: 1.6.0
-  resolution: "smol-toml@npm:1.6.0"
-  checksum: e731aff4c52ff6f5401bc35f78643c30804c6957087a530d0d841b95266e6650a588cc8e59662872312d021aafcea8026372fa230cf6ba8b32a9c8f4c1a51cdf
-  languageName: node
-  linkType: hard
-
-"sockjs@npm:^0.3.24":
-  version: 0.3.24
-  resolution: "sockjs@npm:0.3.24"
-  dependencies:
-    faye-websocket: ^0.11.3
-    uuid: ^8.3.2
-    websocket-driver: ^0.7.4
-  checksum: 355309b48d2c4e9755349daa29cea1c0d9ee23e49b983841c6bf7a20276b00d3c02343f9f33f26d2ee8b261a5a02961b52a25c8da88b2538c5b68d3071b4934c
-  languageName: node
-  linkType: hard
-
-"socks-proxy-agent@npm:^8.0.3, socks-proxy-agent@npm:^8.0.5":
-  version: 8.0.5
-  resolution: "socks-proxy-agent@npm:8.0.5"
-  dependencies:
-    agent-base: ^7.1.2
-    debug: ^4.3.4
-    socks: ^2.8.3
-  checksum: b4fbcdb7ad2d6eec445926e255a1fb95c975db0020543fbac8dfa6c47aecc6b3b619b7fb9c60a3f82c9b2969912a5e7e174a056ae4d98cb5322f3524d6036e1d
-  languageName: node
-  linkType: hard
-
-"socks@npm:^2.8.3":
-  version: 2.8.7
-  resolution: "socks@npm:2.8.7"
-  dependencies:
-    ip-address: ^10.0.1
-    smart-buffer: ^4.2.0
-  checksum: 4bbe2c88cf0eeaf49f94b7f11564a99b2571bde6fd1e714ff95b38f89e1f97858c19e0ab0e6d39eb7f6a984fa67366825895383ed563fe59962a1d57a1d55318
-  languageName: node
-  linkType: hard
-
-"source-map-js@npm:>=0.6.2 <2.0.0, source-map-js@npm:^1.0.1, source-map-js@npm:^1.0.2, source-map-js@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "source-map-js@npm:1.2.1"
-  checksum: 4eb0cd997cdf228bc253bcaff9340afeb706176e64868ecd20efbe6efea931465f43955612346d6b7318789e5265bdc419bc7669c1cebe3db0eb255f57efa76b
-  languageName: node
-  linkType: hard
-
-"source-map-loader@npm:5.0.0":
-  version: 5.0.0
-  resolution: "source-map-loader@npm:5.0.0"
-  dependencies:
-    iconv-lite: ^0.6.3
-    source-map-js: ^1.0.2
-  peerDependencies:
-    webpack: ^5.72.1
-  checksum: 66d6fbaa87a14197647515f274b9a685a84d0ddb95c3d9801bfb1ce28fc24000954c73548fe09c52c0bad660eb10d963b0c60d5c5943ccf2c8292a8d957f2acb
-  languageName: node
-  linkType: hard
-
-"source-map-support@npm:0.5.21, source-map-support@npm:^0.5.5, source-map-support@npm:~0.5.20":
-  version: 0.5.21
-  resolution: "source-map-support@npm:0.5.21"
-  dependencies:
-    buffer-from: ^1.0.0
-    source-map: ^0.6.0
-  checksum: 43e98d700d79af1d36f859bdb7318e601dfc918c7ba2e98456118ebc4c4872b327773e5a1df09b0524e9e5063bb18f0934538eace60cca2710d1fa687645d137
-  languageName: node
-  linkType: hard
-
-"source-map@npm:0.6.1, source-map@npm:^0.6.0, source-map@npm:~0.6.0, source-map@npm:~0.6.1":
-  version: 0.6.1
-  resolution: "source-map@npm:0.6.1"
-  checksum: 59ce8640cf3f3124f64ac289012c2b8bd377c238e316fb323ea22fbfe83da07d81e000071d7242cad7a23cd91c7de98e4df8830ec3f133cb6133a5f6e9f67bc2
-  languageName: node
-  linkType: hard
-
-"source-map@npm:0.7.6":
-  version: 0.7.6
-  resolution: "source-map@npm:0.7.6"
-  checksum: 932f4a2390aa7100e91357d88cc272de984ad29139ac09eedfde8cc78d46da35f389065d0c5343c5d71d054a6ebd4939a8c0f2c98d5df64fe97bb8a730596c2d
-  languageName: node
-  linkType: hard
-
-"spdx-correct@npm:^3.0.0":
-  version: 3.2.0
-  resolution: "spdx-correct@npm:3.2.0"
-  dependencies:
-    spdx-expression-parse: ^3.0.0
-    spdx-license-ids: ^3.0.0
-  checksum: e9ae98d22f69c88e7aff5b8778dc01c361ef635580e82d29e5c60a6533cc8f4d820803e67d7432581af0cc4fb49973125076ee3b90df191d153e223c004193b2
-  languageName: node
-  linkType: hard
-
-"spdx-exceptions@npm:^2.1.0":
-  version: 2.5.0
-  resolution: "spdx-exceptions@npm:2.5.0"
-  checksum: bb127d6e2532de65b912f7c99fc66097cdea7d64c10d3ec9b5e96524dbbd7d20e01cba818a6ddb2ae75e62bb0c63d5e277a7e555a85cbc8ab40044984fa4ae15
-  languageName: node
-  linkType: hard
-
-"spdx-expression-parse@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "spdx-expression-parse@npm:3.0.1"
-  dependencies:
-    spdx-exceptions: ^2.1.0
-    spdx-license-ids: ^3.0.0
-  checksum: a1c6e104a2cbada7a593eaa9f430bd5e148ef5290d4c0409899855ce8b1c39652bcc88a725259491a82601159d6dc790bedefc9016c7472f7de8de7361f8ccde
-  languageName: node
-  linkType: hard
-
-"spdx-license-ids@npm:^3.0.0":
-  version: 3.0.22
-  resolution: "spdx-license-ids@npm:3.0.22"
-  checksum: 3810ce1ddd8c67d7cfa76a0af05157090a2d93e5bb93bd85bf9735f1fd8062c5b510423a4669dc7d8c34b0892b27a924b1c6f8965f85d852aa25062cceff5e29
-  languageName: node
-  linkType: hard
-
-"spdy-transport@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "spdy-transport@npm:3.0.0"
-  dependencies:
-    debug: ^4.1.0
-    detect-node: ^2.0.4
-    hpack.js: ^2.1.6
-    obuf: ^1.1.2
-    readable-stream: ^3.0.6
-    wbuf: ^1.7.3
-  checksum: 0fcaad3b836fb1ec0bdd39fa7008b9a7a84a553f12be6b736a2512613b323207ffc924b9551cef0378f7233c85916cff1118652e03a730bdb97c0e042243d56c
-  languageName: node
-  linkType: hard
-
-"spdy@npm:^4.0.2":
-  version: 4.0.2
-  resolution: "spdy@npm:4.0.2"
-  dependencies:
-    debug: ^4.1.0
-    handle-thing: ^2.0.0
-    http-deceiver: ^1.2.7
-    select-hose: ^2.0.0
-    spdy-transport: ^3.0.0
-  checksum: 2c739d0ff6f56ad36d2d754d0261d5ec358457bea7cbf77b1b05b0c6464f2ce65b85f196305f50b7bd9120723eb94bae9933466f28e67e5cd8cde4e27f1d75f8
-  languageName: node
-  linkType: hard
-
-"split-on-first@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "split-on-first@npm:3.0.0"
-  checksum: 75dc27ecbac65cfbeab9a3b90cf046307220192d3d7a30e46aa0f19571cc9b4802aac813f3de2cc9b16f2e46aae72f275659b5d2614bb5369c77724d739e5f73
-  languageName: node
-  linkType: hard
-
-"ssri@npm:^13.0.0":
-  version: 13.0.0
-  resolution: "ssri@npm:13.0.0"
-  dependencies:
-    minipass: ^7.0.3
-  checksum: 9705dff9e686b11f3035fb4c3d44ce690359a15a54adcd6a18951f2763f670877321178dc72c37a2b804dba3287ecaa48726dbd0cff79b2715b1cc24521b3af3
-  languageName: node
-  linkType: hard
-
-"stackback@npm:0.0.2":
-  version: 0.0.2
-  resolution: "stackback@npm:0.0.2"
-  checksum: 2d4dc4e64e2db796de4a3c856d5943daccdfa3dd092e452a1ce059c81e9a9c29e0b9badba91b43ef0d5ff5c04ee62feb3bcc559a804e16faf447bac2d883aa99
-  languageName: node
-  linkType: hard
-
-"statuses@npm:>= 1.5.0 < 2":
-  version: 1.5.0
-  resolution: "statuses@npm:1.5.0"
-  checksum: c469b9519de16a4bb19600205cffb39ee471a5f17b82589757ca7bd40a8d92ebb6ed9f98b5a540c5d302ccbc78f15dc03cc0280dd6e00df1335568a5d5758a5c
-  languageName: node
-  linkType: hard
-
-"statuses@npm:^2.0.1, statuses@npm:^2.0.2, statuses@npm:~2.0.1, statuses@npm:~2.0.2":
-  version: 2.0.2
-  resolution: "statuses@npm:2.0.2"
-  checksum: 6927feb50c2a75b2a4caab2c565491f7a93ad3d8dbad7b1398d52359e9243a20e2ebe35e33726dee945125ef7a515e9097d8a1b910ba2bbd818265a2f6c39879
-  languageName: node
-  linkType: hard
-
-"std-env@npm:^3.9.0":
-  version: 3.10.0
-  resolution: "std-env@npm:3.10.0"
-  checksum: 51d641b36b0fae494a546fb8446d39a837957fbf902c765c62bd12af8e50682d141c4087ca032f1192fa90330c4f6ff23fd6c9795324efacd1684e814471e0e0
-  languageName: node
-  linkType: hard
-
-"stdin-discarder@npm:^0.2.2":
-  version: 0.2.2
-  resolution: "stdin-discarder@npm:0.2.2"
-  checksum: 642ffd05bd5b100819d6b24a613d83c6e3857c6de74eb02fc51506fa61dc1b0034665163831873868157c4538d71e31762bcf319be86cea04c3aba5336470478
-  languageName: node
-  linkType: hard
-
-"storybook@npm:^10.2.14":
-  version: 10.2.14
-  resolution: "storybook@npm:10.2.14"
-  dependencies:
-    "@storybook/global": ^5.0.0
-    "@storybook/icons": ^2.0.1
-    "@testing-library/jest-dom": ^6.6.3
-    "@testing-library/user-event": ^14.6.1
-    "@vitest/expect": 3.2.4
-    "@vitest/spy": 3.2.4
-    esbuild: ^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0 || ^0.26.0 || ^0.27.0
-    open: ^10.2.0
-    recast: ^0.23.5
-    semver: ^7.7.3
-    use-sync-external-store: ^1.5.0
-    ws: ^8.18.0
-  peerDependencies:
-    prettier: ^2 || ^3
-  peerDependenciesMeta:
-    prettier:
-      optional: true
-  bin:
-    storybook: ./dist/bin/dispatcher.js
-  checksum: c26feb191aa1a47c2b7dc0b0b3ea18dfd78f7bf3f96387e42e2fcb09b8dcb07e74fe2b3624c5c8a75c8b67a78f7dcd86a3fee6eeea94d24947b5f2a807f52119
-  languageName: node
-  linkType: hard
-
-"streamx@npm:^2.15.0, streamx@npm:^2.21.0":
-  version: 2.23.0
-  resolution: "streamx@npm:2.23.0"
-  dependencies:
-    events-universal: ^1.0.0
-    fast-fifo: ^1.3.2
-    text-decoder: ^1.1.0
-  checksum: d57de47db76ffd926842afab562fc8b139d7333269c6db11da5a233e8524cd326161b48bdddd28cefc010cec0b143af04dbb6f5e92d5034839ce7428928dfcae
-  languageName: node
-  linkType: hard
-
-"string-width@npm:^4.1.0, string-width@npm:^4.2.0, string-width@npm:^4.2.3":
-  version: 4.2.3
-  resolution: "string-width@npm:4.2.3"
-  dependencies:
-    emoji-regex: ^8.0.0
-    is-fullwidth-code-point: ^3.0.0
-    strip-ansi: ^6.0.1
-  checksum: e52c10dc3fbfcd6c3a15f159f54a90024241d0f149cf8aed2982a2d801d2e64df0bf1dc351cf8e95c3319323f9f220c16e740b06faecd53e2462df1d2b5443fb
-  languageName: node
-  linkType: hard
-
-"string-width@npm:^7.0.0, string-width@npm:^7.2.0":
-  version: 7.2.0
-  resolution: "string-width@npm:7.2.0"
-  dependencies:
-    emoji-regex: ^10.3.0
-    get-east-asian-width: ^1.0.0
-    strip-ansi: ^7.1.0
-  checksum: 42f9e82f61314904a81393f6ef75b832c39f39761797250de68c041d8ba4df2ef80db49ab6cd3a292923a6f0f409b8c9980d120f7d32c820b4a8a84a2598a295
-  languageName: node
-  linkType: hard
-
-"string_decoder@npm:^1.1.1":
-  version: 1.3.0
-  resolution: "string_decoder@npm:1.3.0"
-  dependencies:
-    safe-buffer: ~5.2.0
-  checksum: 8417646695a66e73aefc4420eb3b84cc9ffd89572861fe004e6aeb13c7bc00e2f616247505d2dbbef24247c372f70268f594af7126f43548565c68c117bdeb56
-  languageName: node
-  linkType: hard
-
-"string_decoder@npm:~1.1.1":
-  version: 1.1.1
-  resolution: "string_decoder@npm:1.1.1"
-  dependencies:
-    safe-buffer: ~5.1.0
-  checksum: 9ab7e56f9d60a28f2be697419917c50cac19f3e8e6c28ef26ed5f4852289fe0de5d6997d29becf59028556f2c62983790c1d9ba1e2a3cc401768ca12d5183a5b
-  languageName: node
-  linkType: hard
-
-"strip-ansi@npm:^6.0.0, strip-ansi@npm:^6.0.1":
-  version: 6.0.1
-  resolution: "strip-ansi@npm:6.0.1"
-  dependencies:
-    ansi-regex: ^5.0.1
-  checksum: f3cd25890aef3ba6e1a74e20896c21a46f482e93df4a06567cebf2b57edabb15133f1f94e57434e0a958d61186087b1008e89c94875d019910a213181a14fc8c
-  languageName: node
-  linkType: hard
-
-"strip-ansi@npm:^7.1.0":
-  version: 7.1.2
-  resolution: "strip-ansi@npm:7.1.2"
-  dependencies:
-    ansi-regex: ^6.0.1
-  checksum: db0e3f9654e519c8a33c50fc9304d07df5649388e7da06d3aabf66d29e5ad65d5e6315d8519d409c15b32fa82c1df7e11ed6f8cd50b0e4404463f0c9d77c8d0b
-  languageName: node
-  linkType: hard
-
-"strip-bom@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "strip-bom@npm:3.0.0"
-  checksum: 8d50ff27b7ebe5ecc78f1fe1e00fcdff7af014e73cf724b46fb81ef889eeb1015fc5184b64e81a2efe002180f3ba431bdd77e300da5c6685d702780fbf0c8d5b
-  languageName: node
-  linkType: hard
-
-"strip-indent@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "strip-indent@npm:3.0.0"
-  dependencies:
-    min-indent: ^1.0.0
-  checksum: 18f045d57d9d0d90cd16f72b2313d6364fd2cb4bf85b9f593523ad431c8720011a4d5f08b6591c9d580f446e78855c5334a30fb91aa1560f5d9f95ed1b4a0530
-  languageName: node
-  linkType: hard
-
-"strip-json-comments@npm:5.0.3":
-  version: 5.0.3
-  resolution: "strip-json-comments@npm:5.0.3"
-  checksum: 3ccbf26f278220f785e4b71f8a719a6a063d72558cc63cb450924254af258a4f4c008b8c9b055373a680dc7bd525be9e543ad742c177f8a7667e0b726258e0e4
-  languageName: node
-  linkType: hard
-
-"strip-literal@npm:^3.0.0":
-  version: 3.1.0
-  resolution: "strip-literal@npm:3.1.0"
-  dependencies:
-    js-tokens: ^9.0.1
-  checksum: c9758eea9085cea6178f06a59af6be62382efe7a5ddb6f12f86e37818adae734774d61b1171f153cf0bbd61718155e8182d9fa8a87620047d1ed90eadc965e9a
-  languageName: node
-  linkType: hard
-
-"style-loader@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "style-loader@npm:4.0.0"
-  peerDependencies:
-    webpack: ^5.27.0
-  checksum: 0b751b4cc8394a2fe1df6194bb2f6dd68e859e36f22030994bb7b5220f24f9efb5705e78b2442226e6fa4c90f74b397529c7eb0a1d7326fb016e1e140e90151c
-  languageName: node
-  linkType: hard
-
-"stylis@npm:^4.3.6":
-  version: 4.3.6
-  resolution: "stylis@npm:4.3.6"
-  checksum: 4f56a087caace85b34c3a163cf9d662f58f42dc865b2447af5c3ee3588eebaffe90875fe294578cce26f172ff527cad2b01433f6e1ae156400ec38c37c79fd61
-  languageName: node
-  linkType: hard
-
-"supports-color@npm:^7.1.0":
-  version: 7.2.0
-  resolution: "supports-color@npm:7.2.0"
-  dependencies:
-    has-flag: ^4.0.0
-  checksum: 3dda818de06ebbe5b9653e07842d9479f3555ebc77e9a0280caf5a14fb877ffee9ed57007c3b78f5a6324b8dbeec648d9e97a24e2ed9fdb81ddc69ea07100f4a
-  languageName: node
-  linkType: hard
-
-"supports-color@npm:^8.0.0":
-  version: 8.1.1
-  resolution: "supports-color@npm:8.1.1"
-  dependencies:
-    has-flag: ^4.0.0
-  checksum: c052193a7e43c6cdc741eb7f378df605636e01ad434badf7324f17fb60c69a880d8d8fcdcb562cf94c2350e57b937d7425ab5b8326c67c2adc48f7c87c1db406
-  languageName: node
-  linkType: hard
-
-"supports-preserve-symlinks-flag@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "supports-preserve-symlinks-flag@npm:1.0.0"
-  checksum: 53b1e247e68e05db7b3808b99b892bd36fb096e6fba213a06da7fab22045e97597db425c724f2bbd6c99a3c295e1e73f3e4de78592289f38431049e1277ca0ae
-  languageName: node
-  linkType: hard
-
-"symbol-tree@npm:^3.2.4":
-  version: 3.2.4
-  resolution: "symbol-tree@npm:3.2.4"
-  checksum: 6e8fc7e1486b8b54bea91199d9535bb72f10842e40c79e882fc94fb7b14b89866adf2fd79efa5ebb5b658bc07fb459ccce5ac0e99ef3d72f474e74aaf284029d
-  languageName: node
-  linkType: hard
-
-"tailwindcss@npm:>1.0.0":
-  version: 4.1.18
-  resolution: "tailwindcss@npm:4.1.18"
-  checksum: 6e1ccc22d444177773f28080fd6f9430f39be31a93708c6d698859431a677eb5c1a7993996a03d8fcbc4c68b7c3fcbf724e02be108a63b92cadd731ef27daf6f
-  languageName: node
-  linkType: hard
-
-"tapable@npm:^2.0.0, tapable@npm:^2.2.0, tapable@npm:^2.2.1, tapable@npm:^2.3.0":
-  version: 2.3.0
-  resolution: "tapable@npm:2.3.0"
-  checksum: ada1194219ad550e3626d15019d87a2b8e77521d8463ab1135f46356e987a4c37eff1e87ffdd5acd573590962e519cc81e8ea6f7ed632c66bb58c0f12bd772a4
-  languageName: node
-  linkType: hard
-
-"tar-fs@npm:^3.1.1":
-  version: 3.1.1
-  resolution: "tar-fs@npm:3.1.1"
-  dependencies:
-    bare-fs: ^4.0.1
-    bare-path: ^3.0.0
-    pump: ^3.0.0
-    tar-stream: ^3.1.5
-  dependenciesMeta:
-    bare-fs:
-      optional: true
-    bare-path:
-      optional: true
-  checksum: eaae4c5410897e00bd03c44bcaf9bad43f793d1dd8fa2fe0ba808c809c8b169d6f40c093eab0ce20e12e9b6b8bf63f11438b2a6a8695c1dfc441fa71a5013896
-  languageName: node
-  linkType: hard
-
-"tar-stream@npm:^3.1.5":
-  version: 3.1.7
-  resolution: "tar-stream@npm:3.1.7"
-  dependencies:
-    b4a: ^1.6.4
-    fast-fifo: ^1.2.0
-    streamx: ^2.15.0
-  checksum: 6393a6c19082b17b8dcc8e7fd349352bb29b4b8bfe1075912b91b01743ba6bb4298f5ff0b499a3bbaf82121830e96a1a59d4f21a43c0df339e54b01789cb8cc6
-  languageName: node
-  linkType: hard
-
-"tar@npm:7.5.11":
-  version: 7.5.11
-  resolution: "tar@npm:7.5.11"
-  dependencies:
-    "@isaacs/fs-minipass": ^4.0.0
-    chownr: ^3.0.0
-    minipass: ^7.1.2
-    minizlib: ^3.1.0
-    yallist: ^5.0.0
-  checksum: 7f6785a85dd571b88985e493ec86f692962cbfa7b4017961fddfd2241e0ff3bcd89ed347f4c02b5433aa22b30cca5566e8711543df054fda8fd12425f505378f
-  languageName: node
-  linkType: hard
-
-"telejson@npm:8.0.0":
-  version: 8.0.0
-  resolution: "telejson@npm:8.0.0"
-  checksum: 7c4414fe4e5a48781934c7c533467ea44cbbb477e1b31f5559b826723228afea453d52c387316d2ec1e7caabb2bed18bfb7b90af2d6df4dc91487ac1fc551c98
-  languageName: node
-  linkType: hard
-
-"terser-webpack-plugin@npm:^5.3.14, terser-webpack-plugin@npm:^5.3.16":
-  version: 5.3.16
-  resolution: "terser-webpack-plugin@npm:5.3.16"
-  dependencies:
-    "@jridgewell/trace-mapping": ^0.3.25
-    jest-worker: ^27.4.5
-    schema-utils: ^4.3.0
-    serialize-javascript: ^6.0.2
-    terser: ^5.31.1
-  peerDependencies:
-    webpack: ^5.1.0
-  peerDependenciesMeta:
-    "@swc/core":
-      optional: true
-    esbuild:
-      optional: true
-    uglify-js:
-      optional: true
-  checksum: 4a9ba15a0917fa0de565f6d722cac1c5291fbb517a9afe3a2cce7edf851f0e02ee44ea45e2547aeb4fb7d599df3f1ccb04ba405879839d5425481c7180655679
-  languageName: node
-  linkType: hard
-
-"terser@npm:5.43.1":
-  version: 5.43.1
-  resolution: "terser@npm:5.43.1"
-  dependencies:
-    "@jridgewell/source-map": ^0.3.3
-    acorn: ^8.14.0
-    commander: ^2.20.0
-    source-map-support: ~0.5.20
-  bin:
-    terser: bin/terser
-  checksum: 1d51747f4540a0842139c2f2617e88d68a26da42d7571cda8955e1bd8febac6e60bc514c258781334e1724aeeccfbd511473eb9d8d831435e4e5fad1ce7f6e8b
-  languageName: node
-  linkType: hard
-
-"terser@npm:^5.10.0, terser@npm:^5.31.1":
-  version: 5.46.0
-  resolution: "terser@npm:5.46.0"
-  dependencies:
-    "@jridgewell/source-map": ^0.3.3
-    acorn: ^8.15.0
-    commander: ^2.20.0
-    source-map-support: ~0.5.20
-  bin:
-    terser: bin/terser
-  checksum: 39d28f3723e84e80ddb4576a441adb12a6d365258fb9262e25f8b6d1e4514954e81f711008ee2ad9927f00b860a5bcbd4c1db7a6873d0f712bdcc667fb7b7557
-  languageName: node
-  linkType: hard
-
-"text-decoder@npm:^1.1.0":
-  version: 1.2.3
-  resolution: "text-decoder@npm:1.2.3"
-  dependencies:
-    b4a: ^1.6.4
-  checksum: d7642a61f9d72330eac52ff6b6e8d34dea03ebbb1e82749a8734e7892e246cf262ed70730d20c4351c5dc5334297b9cc6c0b6a8725a204a63a197d7728bb35e5
-  languageName: node
-  linkType: hard
-
-"thingies@npm:^2.5.0":
-  version: 2.5.0
-  resolution: "thingies@npm:2.5.0"
-  peerDependencies:
-    tslib: ^2
-  checksum: e73e4bc96aefc41e4f1fdd1cf65eb988c9837f3b5fcd8a472ee30d91c2f7fa9b144562d6b4c5dade6ce70bc5865caf3e869f6d2975cce064b1d81dac3ece3508
-  languageName: node
-  linkType: hard
-
-"thunky@npm:^1.0.2":
-  version: 1.1.0
-  resolution: "thunky@npm:1.1.0"
-  checksum: 993096c472b6b8f30e29dc777a8d17720e4cab448375041f20c0cb802a09a7fb2217f2a3e8cdc11851faa71c957e2db309357367fc9d7af3cb7a4d00f4b66034
-  languageName: node
-  linkType: hard
-
-"tiny-emitter@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "tiny-emitter@npm:2.1.0"
-  checksum: fbcfb5145751a0e3b109507a828eb6d6d4501352ab7bb33eccef46e22e9d9ad3953158870a6966a59e57ab7c3f9cfac7cab8521db4de6a5e757012f4677df2dd
-  languageName: node
-  linkType: hard
-
-"tiny-invariant@npm:^1.3.3":
-  version: 1.3.3
-  resolution: "tiny-invariant@npm:1.3.3"
-  checksum: 5e185c8cc2266967984ce3b352a4e57cb89dad5a8abb0dea21468a6ecaa67cd5bb47a3b7a85d08041008644af4f667fb8b6575ba38ba5fb00b3b5068306e59fe
-  languageName: node
-  linkType: hard
-
-"tinybench@npm:^2.9.0":
-  version: 2.9.0
-  resolution: "tinybench@npm:2.9.0"
-  checksum: 1ab00d7dfe0d1f127cbf00822bacd9024f7a50a3ecd1f354a8168e0b7d2b53a639a24414e707c27879d1adc0f5153141d51d76ebd7b4d37fe245e742e5d91fe8
-  languageName: node
-  linkType: hard
-
-"tinycolor2@npm:^1.4.2":
-  version: 1.6.0
-  resolution: "tinycolor2@npm:1.6.0"
-  checksum: 6df4d07fceeedc0a878d7bac47e2cd47c1ceeb1078340a9eb8a295bc0651e17c750f73d47b3028d829f30b85c15e0572c0fd4142083e4c21a30a597e47f47230
-  languageName: node
-  linkType: hard
-
-"tinyexec@npm:^0.3.2":
-  version: 0.3.2
-  resolution: "tinyexec@npm:0.3.2"
-  checksum: bd491923020610bdeadb0d8cf5d70e7cbad5a3201620fd01048c9bf3b31ffaa75c33254e1540e13b993ce4e8187852b0b5a93057bb598e7a57afa2ca2048a35c
-  languageName: node
-  linkType: hard
-
-"tinyexec@npm:^1.0.1":
-  version: 1.0.2
-  resolution: "tinyexec@npm:1.0.2"
-  checksum: af22de2191cc70bb782eef29bbba7cf6ac16664e550b547b0db68804f988eeb2c70e12fbb7d2d688ee994b28ba831d746e9eded98c3d10042fd3a9b8de208514
-  languageName: node
-  linkType: hard
-
-"tinyglobby@npm:0.2.14":
-  version: 0.2.14
-  resolution: "tinyglobby@npm:0.2.14"
-  dependencies:
-    fdir: ^6.4.4
-    picomatch: ^4.0.2
-  checksum: 261e986e3f2062dec3a582303bad2ce31b4634b9348648b46828c000d464b012cf474e38f503312367d4117c3f2f18611992738fca684040758bba44c24de522
-  languageName: node
-  linkType: hard
-
-"tinyglobby@npm:^0.2.12, tinyglobby@npm:^0.2.14, tinyglobby@npm:^0.2.15":
-  version: 0.2.15
-  resolution: "tinyglobby@npm:0.2.15"
-  dependencies:
-    fdir: ^6.5.0
-    picomatch: ^4.0.3
-  checksum: 0e33b8babff966c6ab86e9b825a350a6a98a63700fa0bb7ae6cf36a7770a508892383adc272f7f9d17aaf46a9d622b455e775b9949a3f951eaaf5dfb26331d44
-  languageName: node
-  linkType: hard
-
-"tinypool@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "tinypool@npm:1.1.1"
-  checksum: 0258abe108df8be395a2cbdc8b4390c94908850250530f7bea83a129fa33d49a8c93246f76bf81cd458534abd81322f4d4cb3a40690254f8d9044ff449f328a8
-  languageName: node
-  linkType: hard
-
-"tinyrainbow@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "tinyrainbow@npm:2.0.0"
-  checksum: 26360631d97e43955a07cfb70fe40a154ce4e2bcd14fa3d37ce8e2ed8f4fa9e5ba00783e4906bbfefe6dcabef5d3510f5bee207cb693bee4e4e7553f5454bef1
-  languageName: node
-  linkType: hard
-
-"tinyspy@npm:^4.0.3":
-  version: 4.0.4
-  resolution: "tinyspy@npm:4.0.4"
-  checksum: 858a99e3ded2fba8fe7c243099d9e58e926d6525af03d19cdf86c1a9a30398161fb830b4f77890d266bcc1c69df08fa6f4baf29d089385e4cdaa98d7b6296e7c
-  languageName: node
-  linkType: hard
-
-"tldts-core@npm:^7.0.21":
-  version: 7.0.21
-  resolution: "tldts-core@npm:7.0.21"
-  checksum: d97dac83ed7ac8e6e1c658557cea256eff72b4fec314e42ec33dd430d5c0d703d6c90bd0850c8432be25e0888d1364fc1f0bebbc84c15dbe1730f80fa647069e
-  languageName: node
-  linkType: hard
-
-"tldts@npm:^7.0.5":
-  version: 7.0.21
-  resolution: "tldts@npm:7.0.21"
-  dependencies:
-    tldts-core: ^7.0.21
-  bin:
-    tldts: bin/cli.js
-  checksum: 4749f0ab507d10639bc2ef369567980934720fd9df6cacfc000bd86c611e64843292809432b79b6c5ef0ad560479367d54fd8e0d7bd245d90a2b83b021660719
-  languageName: node
-  linkType: hard
-
-"to-regex-range@npm:^5.0.1":
-  version: 5.0.1
-  resolution: "to-regex-range@npm:5.0.1"
-  dependencies:
-    is-number: ^7.0.0
-  checksum: f76fa01b3d5be85db6a2a143e24df9f60dd047d151062d0ba3df62953f2f697b16fe5dad9b0ac6191c7efc7b1d9dcaa4b768174b7b29da89d4428e64bc0a20ed
-  languageName: node
-  linkType: hard
-
-"toidentifier@npm:1.0.1, toidentifier@npm:~1.0.1":
-  version: 1.0.1
-  resolution: "toidentifier@npm:1.0.1"
-  checksum: 952c29e2a85d7123239b5cfdd889a0dde47ab0497f0913d70588f19c53f7e0b5327c95f4651e413c74b785147f9637b17410ac8c846d5d4a20a5a33eb6dc3a45
-  languageName: node
-  linkType: hard
-
-"totalist@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "totalist@npm:3.0.1"
-  checksum: 5132d562cf88ff93fd710770a92f31dbe67cc19b5c6ccae2efc0da327f0954d211bbfd9456389655d726c624f284b4a23112f56d1da931ca7cfabbe1f45e778a
-  languageName: node
-  linkType: hard
-
-"tough-cookie@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "tough-cookie@npm:6.0.0"
-  dependencies:
-    tldts: ^7.0.5
-  checksum: 66d32ee40e1c6c61be5388e1c124674871dae0a684c30853f1628a4da2c5ad4199a825d1b0a7ba424dadfba7b5a9b37e8c761eafbf48f1b9f75a4629e73b14bc
-  languageName: node
-  linkType: hard
-
-"tr46@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "tr46@npm:6.0.0"
-  dependencies:
-    punycode: ^2.3.1
-  checksum: e7e95d847a63a90ac82c8d9358320671a68b99a661bef905c39aca365c0028accc9c68a2ba052fecf740bc954099c8db83bef288b3ddbc4f19ac57f2f34af0e5
-  languageName: node
-  linkType: hard
-
-"tree-dump@npm:^1.0.3, tree-dump@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "tree-dump@npm:1.1.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 5f6fcd1b81b0fa7c638ff43cfbd1b62738c318ac14b0c8e439b1bcca353afe90785c075e9262ee18e50a863eae2eaa919ecfc8f22a4d347a0ea4b02ba088c8c0
-  languageName: node
-  linkType: hard
-
-"tree-kill@npm:1.2.2":
-  version: 1.2.2
-  resolution: "tree-kill@npm:1.2.2"
-  bin:
-    tree-kill: cli.js
-  checksum: 49117f5f410d19c84b0464d29afb9642c863bc5ba40fcb9a245d474c6d5cc64d1b177a6e6713129eb346b40aebb9d4631d967517f9fbe8251c35b21b13cd96c7
-  languageName: node
-  linkType: hard
-
-"ts-dedent@npm:^2.0.0, ts-dedent@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "ts-dedent@npm:2.2.0"
-  checksum: 93ed8f7878b6d5ed3c08d99b740010eede6bccfe64bce61c5a4da06a2c17d6ddbb80a8c49c2d15251de7594a4f93ffa21dd10e7be75ef66a4dc9951b4a94e2af
-  languageName: node
-  linkType: hard
-
-"ts-node@npm:~10.9.2":
-  version: 10.9.2
-  resolution: "ts-node@npm:10.9.2"
-  dependencies:
-    "@cspotcode/source-map-support": ^0.8.0
-    "@tsconfig/node10": ^1.0.7
-    "@tsconfig/node12": ^1.0.7
-    "@tsconfig/node14": ^1.0.0
-    "@tsconfig/node16": ^1.0.2
-    acorn: ^8.4.1
-    acorn-walk: ^8.1.1
-    arg: ^4.1.0
-    create-require: ^1.1.0
-    diff: ^4.0.1
-    make-error: ^1.1.1
-    v8-compile-cache-lib: ^3.0.1
-    yn: 3.1.1
-  peerDependencies:
-    "@swc/core": ">=1.2.50"
-    "@swc/wasm": ">=1.2.50"
-    "@types/node": "*"
-    typescript: ">=2.7"
-  peerDependenciesMeta:
-    "@swc/core":
-      optional: true
-    "@swc/wasm":
-      optional: true
-  bin:
-    ts-node: dist/bin.js
-    ts-node-cwd: dist/bin-cwd.js
-    ts-node-esm: dist/bin-esm.js
-    ts-node-script: dist/bin-script.js
-    ts-node-transpile-only: dist/bin-transpile.js
-    ts-script: dist/bin-script-deprecated.js
-  checksum: fde256c9073969e234526e2cfead42591b9a2aec5222bac154b0de2fa9e4ceb30efcd717ee8bc785a56f3a119bdd5aa27b333d9dbec94ed254bd26f8944c67ac
-  languageName: node
-  linkType: hard
-
-"tsconfig-paths-webpack-plugin@npm:^4.0.1":
-  version: 4.2.0
-  resolution: "tsconfig-paths-webpack-plugin@npm:4.2.0"
-  dependencies:
-    chalk: ^4.1.0
-    enhanced-resolve: ^5.7.0
-    tapable: ^2.2.1
-    tsconfig-paths: ^4.1.2
-  checksum: b35e4da5fb4ee438267125f369220102a061824c1dd568cd84e9db2368b72581ec7b88db1a5fda180bba65ff7b7597b18561a24f1db9c9a85fdc803bea122aa6
-  languageName: node
-  linkType: hard
-
-"tsconfig-paths@npm:^4.1.2":
-  version: 4.2.0
-  resolution: "tsconfig-paths@npm:4.2.0"
-  dependencies:
-    json5: ^2.2.2
-    minimist: ^1.2.6
-    strip-bom: ^3.0.0
-  checksum: 28c5f7bbbcabc9dabd4117e8fdc61483f6872a1c6b02a4b1c4d68c5b79d06896c3cc9547610c4c3ba64658531caa2de13ead1ea1bf321c7b53e969c4752b98c7
-  languageName: node
-  linkType: hard
-
-"tslib@npm:2.8.1, tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.3.0, tslib@npm:^2.4.0, tslib@npm:^2.4.1, tslib@npm:^2.5.0, tslib@npm:^2.8.0, tslib@npm:^2.8.1":
-  version: 2.8.1
-  resolution: "tslib@npm:2.8.1"
-  checksum: e4aba30e632b8c8902b47587fd13345e2827fa639e7c3121074d5ee0880723282411a8838f830b55100cbe4517672f84a2472667d355b81e8af165a55dc6203a
-  languageName: node
-  linkType: hard
-
-"tuf-js@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "tuf-js@npm:4.1.0"
-  dependencies:
-    "@tufjs/models": 4.1.0
-    debug: ^4.4.3
-    make-fetch-happen: ^15.0.1
-  checksum: 51fec075a1e3007803010fb01b3fa4057a353af37cbcf8deec947bf289f17b36bcc34c8bd80e478693999a956bf345a60d0675103c83fd54ef69d7ffb1ab1338
-  languageName: node
-  linkType: hard
-
-"type-is@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "type-is@npm:2.0.1"
-  dependencies:
-    content-type: ^1.0.5
-    media-typer: ^1.1.0
-    mime-types: ^3.0.0
-  checksum: 0266e7c782238128292e8c45e60037174d48c6366bb2d45e6bd6422b611c193f83409a8341518b6b5f33f8e4d5a959f38658cacfea77f0a3505b9f7ac1ddec8f
-  languageName: node
-  linkType: hard
-
-"type-is@npm:~1.6.18":
-  version: 1.6.18
-  resolution: "type-is@npm:1.6.18"
-  dependencies:
-    media-typer: 0.3.0
-    mime-types: ~2.1.24
-  checksum: 2c8e47675d55f8b4e404bcf529abdf5036c537a04c2b20177bcf78c9e3c1da69da3942b1346e6edb09e823228c0ee656ef0e033765ec39a70d496ef601a0c657
-  languageName: node
-  linkType: hard
-
-"typed-assert@npm:^1.0.8":
-  version: 1.0.9
-  resolution: "typed-assert@npm:1.0.9"
-  checksum: 79351bd3ea184a552bf55a77bd3012f128741c841ed718d054c5abbbc8925362aa033ae2cdcc79e1f445a15112447c8a95a08ddf7ff8aeb04f805e92187f77c1
-  languageName: node
-  linkType: hard
-
-"typed-query-selector@npm:^2.12.0":
-  version: 2.12.0
-  resolution: "typed-query-selector@npm:2.12.0"
-  checksum: c4652f2eec16112d69e0da30c2effab3f03d1710f9559da1e1209bbfc9a20990d5de4ba97890c11f9d17d85c8ae3310953a86c198166599d4c36abc63664f169
-  languageName: node
-  linkType: hard
-
-"typescript@npm:~5.9.3":
-  version: 5.9.3
-  resolution: "typescript@npm:5.9.3"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: 0d0ffb84f2cd072c3e164c79a2e5a1a1f4f168e84cb2882ff8967b92afe1def6c2a91f6838fb58b168428f9458c57a2ba06a6737711fdd87a256bbe83e9a217f
-  languageName: node
-  linkType: hard
-
-"typescript@patch:typescript@~5.9.3#~builtin<compat/typescript>":
-  version: 5.9.3
-  resolution: "typescript@patch:typescript@npm%3A5.9.3#~builtin<compat/typescript>::version=5.9.3&hash=1f5320"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: 8bb8d86819ac86a498eada254cad7fb69c5f74778506c700c2a712daeaff21d3a6f51fd0d534fe16903cb010d1b74f89437a3d02d4d0ff5ca2ba9a4660de8497
-  languageName: node
-  linkType: hard
-
-"ufo@npm:^1.6.1":
-  version: 1.6.3
-  resolution: "ufo@npm:1.6.3"
-  checksum: a23eff86bbbef0b9cc69c19c653c703b656c2328938576d3a60e05e246ef5a78d88b17c710afa146311c5b855950ccfee60ba8f6c8845e8d1ed6b5a9086ddad1
-  languageName: node
-  linkType: hard
-
-"undici-types@npm:~6.21.0":
-  version: 6.21.0
-  resolution: "undici-types@npm:6.21.0"
-  checksum: 46331c7d6016bf85b3e8f20c159d62f5ae471aba1eb3dc52fff35a0259d58dcc7d592d4cc4f00c5f9243fa738a11cfa48bd20203040d4a9e6bc25e807fab7ab3
-  languageName: node
-  linkType: hard
-
-"undici-types@npm:~7.16.0":
-  version: 7.16.0
-  resolution: "undici-types@npm:7.16.0"
-  checksum: 1ef68fc6c5bad200c8b6f17de8e5bc5cfdcadc164ba8d7208cd087cfa8583d922d8316a7fd76c9a658c22b4123d3ff847429185094484fbc65377d695c905857
-  languageName: node
-  linkType: hard
-
-"unicode-canonical-property-names-ecmascript@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "unicode-canonical-property-names-ecmascript@npm:2.0.1"
-  checksum: 3c3dabdb1d22aef4904399f9e810d0b71c0b12b3815169d96fac97e56d5642840c6071cf709adcace2252bc6bb80242396c2ec74b37224eb015c5f7aca40bad7
-  languageName: node
-  linkType: hard
-
-"unicode-match-property-ecmascript@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "unicode-match-property-ecmascript@npm:2.0.0"
-  dependencies:
-    unicode-canonical-property-names-ecmascript: ^2.0.0
-    unicode-property-aliases-ecmascript: ^2.0.0
-  checksum: 1f34a7434a23df4885b5890ac36c5b2161a809887000be560f56ad4b11126d433c0c1c39baf1016bdabed4ec54829a6190ee37aa24919aa116dc1a5a8a62965a
-  languageName: node
-  linkType: hard
-
-"unicode-match-property-value-ecmascript@npm:^2.2.1":
-  version: 2.2.1
-  resolution: "unicode-match-property-value-ecmascript@npm:2.2.1"
-  checksum: e6c73e07bb4dc4aa399797a14b170e84a30ed290bcf97cc4305cf67dde8744119721ce17cef03f4f9d4ff48654bfa26eadc7fe1e8dd4b71b8f3b2e9a9742f013
-  languageName: node
-  linkType: hard
-
-"unicode-property-aliases-ecmascript@npm:^2.0.0":
-  version: 2.2.0
-  resolution: "unicode-property-aliases-ecmascript@npm:2.2.0"
-  checksum: 0dd0f6e70130c59b4a841bac206758f70227b113145e4afe238161e3e8540e8eb79963e7a228cd90ad13d499e96f7ef4ee8940835404b2181ad9bf9c174818e3
-  languageName: node
-  linkType: hard
-
-"unique-filename@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "unique-filename@npm:5.0.0"
-  dependencies:
-    unique-slug: ^6.0.0
-  checksum: a5f67085caef74bdd2a6869a200ed5d68d171f5cc38435a836b5fd12cce4e4eb55e6a190298035c325053a5687ed7a3c96f0a91e82215fd14729769d9ac57d9b
-  languageName: node
-  linkType: hard
-
-"unique-slug@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "unique-slug@npm:6.0.0"
-  dependencies:
-    imurmurhash: ^0.1.4
-  checksum: ad6cf238b10292d944521714d31bc9f3ca79fa80cb7a154aad183056493f98e85de669412c6bbfe527ffa9bdeff36d3dd4d5bccaf562c794f2580ab11932b691
-  languageName: node
-  linkType: hard
-
-"universalify@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "universalify@npm:2.0.1"
-  checksum: ecd8469fe0db28e7de9e5289d32bd1b6ba8f7183db34f3bfc4ca53c49891c2d6aa05f3fb3936a81285a905cc509fb641a0c3fc131ec786167eff41236ae32e60
-  languageName: node
-  linkType: hard
-
-"unpipe@npm:~1.0.0":
-  version: 1.0.0
-  resolution: "unpipe@npm:1.0.0"
-  checksum: 4fa18d8d8d977c55cb09715385c203197105e10a6d220087ec819f50cb68870f02942244f1017565484237f1f8c5d3cd413631b1ae104d3096f24fdfde1b4aa2
-  languageName: node
-  linkType: hard
-
-"update-browserslist-db@npm:^1.2.0":
-  version: 1.2.3
-  resolution: "update-browserslist-db@npm:1.2.3"
-  dependencies:
-    escalade: ^3.2.0
-    picocolors: ^1.1.1
-  peerDependencies:
-    browserslist: ">= 4.21.0"
-  bin:
-    update-browserslist-db: cli.js
-  checksum: 6f209a97ae8eacdd3a1ef2eb365adf49d1e2a757e5b2dd4ac87dc8c99236cbe3e572d3e605a87dd7b538a11751b71d9f93edc47c7405262a293a493d155316cd
-  languageName: node
-  linkType: hard
-
-"uri-js@npm:^4.2.2":
-  version: 4.4.1
-  resolution: "uri-js@npm:4.4.1"
-  dependencies:
-    punycode: ^2.1.0
-  checksum: 7167432de6817fe8e9e0c9684f1d2de2bb688c94388f7569f7dbdb1587c9f4ca2a77962f134ec90be0cc4d004c939ff0d05acc9f34a0db39a3c797dada262633
-  languageName: node
-  linkType: hard
-
-"use-sync-external-store@npm:^1.5.0":
-  version: 1.6.0
-  resolution: "use-sync-external-store@npm:1.6.0"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-  checksum: 61a62e910713adfaf91bdb72ff2cd30e5ba83687accaf3b6e75a903b45bf635f5722e3694af30d83a03e92cb533c0a5c699298d2fef639a03ffc86b469f4eee2
-  languageName: node
-  linkType: hard
-
-"util-deprecate@npm:^1.0.1, util-deprecate@npm:^1.0.2, util-deprecate@npm:~1.0.1":
-  version: 1.0.2
-  resolution: "util-deprecate@npm:1.0.2"
-  checksum: 474acf1146cb2701fe3b074892217553dfcf9a031280919ba1b8d651a068c9b15d863b7303cb15bd00a862b498e6cf4ad7b4a08fb134edd5a6f7641681cb54a2
-  languageName: node
-  linkType: hard
-
-"utila@npm:~0.4":
-  version: 0.4.0
-  resolution: "utila@npm:0.4.0"
-  checksum: 97ffd3bd2bb80c773429d3fb8396469115cd190dded1e733f190d8b602bd0a1bcd6216b7ce3c4395ee3c79e3c879c19d268dbaae3093564cb169ad1212d436f4
-  languageName: node
-  linkType: hard
-
-"utils-merge@npm:1.0.1":
-  version: 1.0.1
-  resolution: "utils-merge@npm:1.0.1"
-  checksum: c81095493225ecfc28add49c106ca4f09cdf56bc66731aa8dabc2edbbccb1e1bfe2de6a115e5c6a380d3ea166d1636410b62ef216bb07b3feb1cfde1d95d5080
-  languageName: node
-  linkType: hard
-
-"uuid@npm:^11.1.0":
-  version: 11.1.0
-  resolution: "uuid@npm:11.1.0"
-  bin:
-    uuid: dist/esm/bin/uuid
-  checksum: 840f19758543c4631e58a29439e51b5b669d5f34b4dd2700b6a1d15c5708c7a6e0c3e2c8c4a2eae761a3a7caa7e9884d00c86c02622ba91137bd3deade6b4b4a
-  languageName: node
-  linkType: hard
-
-"uuid@npm:^8.3.2":
-  version: 8.3.2
-  resolution: "uuid@npm:8.3.2"
-  bin:
-    uuid: dist/bin/uuid
-  checksum: 5575a8a75c13120e2f10e6ddc801b2c7ed7d8f3c8ac22c7ed0c7b2ba6383ec0abda88c905085d630e251719e0777045ae3236f04c812184b7c765f63a70e58df
-  languageName: node
-  linkType: hard
-
-"v8-compile-cache-lib@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "v8-compile-cache-lib@npm:3.0.1"
-  checksum: 78089ad549e21bcdbfca10c08850022b22024cdcc2da9b168bcf5a73a6ed7bf01a9cebb9eac28e03cd23a684d81e0502797e88f3ccd27a32aeab1cfc44c39da0
-  languageName: node
-  linkType: hard
-
-"validate-npm-package-license@npm:^3.0.4":
-  version: 3.0.4
-  resolution: "validate-npm-package-license@npm:3.0.4"
-  dependencies:
-    spdx-correct: ^3.0.0
-    spdx-expression-parse: ^3.0.0
-  checksum: 35703ac889d419cf2aceef63daeadbe4e77227c39ab6287eeb6c1b36a746b364f50ba22e88591f5d017bc54685d8137bc2d328d0a896e4d3fd22093c0f32a9ad
-  languageName: node
-  linkType: hard
-
-"validate-npm-package-name@npm:^6.0.0":
-  version: 6.0.2
-  resolution: "validate-npm-package-name@npm:6.0.2"
-  checksum: f0e022b0a7f11345a92b64121b059b720204cd64406a0d65d81526181dcb70aef551c7c6bf9ca37b91607a7c6ff4d62e1f63a86c8d9b7346d722a641a4bd8789
-  languageName: node
-  linkType: hard
-
-"validate-npm-package-name@npm:^7.0.0":
-  version: 7.0.2
-  resolution: "validate-npm-package-name@npm:7.0.2"
-  checksum: 2a9bdc6fd5e4284c8e02279446bfd3c38c0c01222555fd3b00b4765d9d47b217d4a200910be71b80b958f6baf40d2d32e812a8632633a2ce376a9b3b74811072
-  languageName: node
-  linkType: hard
-
-"validator@npm:^13.15.20":
-  version: 13.15.26
-  resolution: "validator@npm:13.15.26"
-  checksum: 2f9151d5b37b1ccf370fb547559ca197e40517e9c08bbea55997d3607b573edce0b1082640912dcea1656648d51271d70df37b95a15d039a0bc0033a66f77e22
-  languageName: node
-  linkType: hard
-
-"vary@npm:^1, vary@npm:^1.1.2, vary@npm:~1.1.2":
-  version: 1.1.2
-  resolution: "vary@npm:1.1.2"
-  checksum: ae0123222c6df65b437669d63dfa8c36cee20a504101b2fcd97b8bf76f91259c17f9f2b4d70a1e3c6bbcee7f51b28392833adb6b2770b23b01abec84e369660b
-  languageName: node
-  linkType: hard
-
-"vite-node@npm:3.2.4":
-  version: 3.2.4
-  resolution: "vite-node@npm:3.2.4"
-  dependencies:
-    cac: ^6.7.14
-    debug: ^4.4.1
-    es-module-lexer: ^1.7.0
-    pathe: ^2.0.3
-    vite: ^5.0.0 || ^6.0.0 || ^7.0.0-0
-  bin:
-    vite-node: vite-node.mjs
-  checksum: 2051394d48f5eefdee4afc9c5fd5dcbf7eb36d345043ba035c7782e10b33fbbd14318062c4e32e00d473a31a559fb628d67c023e82a4903016db3ac6bfdb3fe7
-  languageName: node
-  linkType: hard
-
-"vite@npm:7.1.11":
-  version: 7.1.11
-  resolution: "vite@npm:7.1.11"
-  dependencies:
-    esbuild: ^0.25.0
-    fdir: ^6.5.0
-    fsevents: ~2.3.3
-    picomatch: ^4.0.3
-    postcss: ^8.5.6
-    rollup: ^4.43.0
-    tinyglobby: ^0.2.15
-  peerDependencies:
-    "@types/node": ^20.19.0 || >=22.12.0
-    jiti: ">=1.21.0"
-    less: ^4.0.0
-    lightningcss: ^1.21.0
-    sass: ^1.70.0
-    sass-embedded: ^1.70.0
-    stylus: ">=0.54.8"
-    sugarss: ^5.0.0
-    terser: ^5.16.0
-    tsx: ^4.8.1
-    yaml: ^2.4.2
-  dependenciesMeta:
-    fsevents:
-      optional: true
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-    jiti:
-      optional: true
-    less:
-      optional: true
-    lightningcss:
-      optional: true
-    sass:
-      optional: true
-    sass-embedded:
-      optional: true
-    stylus:
-      optional: true
-    sugarss:
-      optional: true
-    terser:
-      optional: true
-    tsx:
-      optional: true
-    yaml:
-      optional: true
-  bin:
-    vite: bin/vite.js
-  checksum: 67855b760fc55228ef91b22bc6bf90c0e3500ea5f52174533bc475f33885fb2d1548d9f0d0533e11f351b752ab3c467c2d07076550cf65e96ed1462534609764
-  languageName: node
-  linkType: hard
-
-"vite@npm:^5.0.0 || ^6.0.0 || ^7.0.0-0":
-  version: 7.3.1
-  resolution: "vite@npm:7.3.1"
-  dependencies:
-    esbuild: ^0.27.0
-    fdir: ^6.5.0
-    fsevents: ~2.3.3
-    picomatch: ^4.0.3
-    postcss: ^8.5.6
-    rollup: ^4.43.0
-    tinyglobby: ^0.2.15
-  peerDependencies:
-    "@types/node": ^20.19.0 || >=22.12.0
-    jiti: ">=1.21.0"
-    less: ^4.0.0
-    lightningcss: ^1.21.0
-    sass: ^1.70.0
-    sass-embedded: ^1.70.0
-    stylus: ">=0.54.8"
-    sugarss: ^5.0.0
-    terser: ^5.16.0
-    tsx: ^4.8.1
-    yaml: ^2.4.2
-  dependenciesMeta:
-    fsevents:
-      optional: true
-  peerDependenciesMeta:
-    "@types/node":
-      optional: true
-    jiti:
-      optional: true
-    less:
-      optional: true
-    lightningcss:
-      optional: true
-    sass:
-      optional: true
-    sass-embedded:
-      optional: true
-    stylus:
-      optional: true
-    sugarss:
-      optional: true
-    terser:
-      optional: true
-    tsx:
-      optional: true
-    yaml:
-      optional: true
-  bin:
-    vite: bin/vite.js
-  checksum: 256465ea7e6d372fc85a747704c77bd657e71eb592e6ea67532f4be0544476dc6b73360073dad4462d6a74574f383e044283a9ab98295a39b46207ddd4139a74
-  languageName: node
-  linkType: hard
-
-"vitest@npm:^3.1.1":
-  version: 3.2.4
-  resolution: "vitest@npm:3.2.4"
-  dependencies:
-    "@types/chai": ^5.2.2
-    "@vitest/expect": 3.2.4
-    "@vitest/mocker": 3.2.4
-    "@vitest/pretty-format": ^3.2.4
-    "@vitest/runner": 3.2.4
-    "@vitest/snapshot": 3.2.4
-    "@vitest/spy": 3.2.4
-    "@vitest/utils": 3.2.4
-    chai: ^5.2.0
-    debug: ^4.4.1
-    expect-type: ^1.2.1
-    magic-string: ^0.30.17
-    pathe: ^2.0.3
-    picomatch: ^4.0.2
-    std-env: ^3.9.0
-    tinybench: ^2.9.0
-    tinyexec: ^0.3.2
-    tinyglobby: ^0.2.14
-    tinypool: ^1.1.1
-    tinyrainbow: ^2.0.0
-    vite: ^5.0.0 || ^6.0.0 || ^7.0.0-0
-    vite-node: 3.2.4
-    why-is-node-running: ^2.3.0
-  peerDependencies:
-    "@edge-runtime/vm": "*"
-    "@types/debug": ^4.1.12
-    "@types/node": ^18.0.0 || ^20.0.0 || >=22.0.0
-    "@vitest/browser": 3.2.4
-    "@vitest/ui": 3.2.4
-    happy-dom: "*"
-    jsdom: "*"
-  peerDependenciesMeta:
-    "@edge-runtime/vm":
-      optional: true
-    "@types/debug":
-      optional: true
-    "@types/node":
-      optional: true
-    "@vitest/browser":
-      optional: true
-    "@vitest/ui":
-      optional: true
-    happy-dom:
-      optional: true
-    jsdom:
-      optional: true
-  bin:
-    vitest: vitest.mjs
-  checksum: e9aa14a2c4471c2e0364d1d7032303db8754fac9e5e9ada92fca8ebf61ee78d2c5d4386bff25913940a22ea7d78ab435c8dd85785d681b23e2c489d6c17dd382
-  languageName: node
-  linkType: hard
-
-"vscode-jsonrpc@npm:8.2.0":
-  version: 8.2.0
-  resolution: "vscode-jsonrpc@npm:8.2.0"
-  checksum: f302a01e59272adc1ae6494581fa31c15499f9278df76366e3b97b2236c7c53ebfc71efbace9041cfd2caa7f91675b9e56f2407871a1b3c7f760a2e2ee61484a
-  languageName: node
-  linkType: hard
-
-"vscode-languageserver-protocol@npm:3.17.5":
-  version: 3.17.5
-  resolution: "vscode-languageserver-protocol@npm:3.17.5"
-  dependencies:
-    vscode-jsonrpc: 8.2.0
-    vscode-languageserver-types: 3.17.5
-  checksum: dfb42d276df5dfea728267885b99872ecff62f6c20448b8539fae71bb196b420f5351c5aca7c1047bf8fb1f89fa94a961dce2bc5bf7e726198f4be0bb86a1e71
-  languageName: node
-  linkType: hard
-
-"vscode-languageserver-textdocument@npm:~1.0.11":
-  version: 1.0.12
-  resolution: "vscode-languageserver-textdocument@npm:1.0.12"
-  checksum: 49415c8f065860693fdd6cb0f7b8a24470130dc941e887a396b6e6bbae93be132323a644aa1edd7d0eec38a730e05a2d013aebff6bddd30c5af374ef3f4cd9ab
-  languageName: node
-  linkType: hard
-
-"vscode-languageserver-types@npm:3.17.5":
-  version: 3.17.5
-  resolution: "vscode-languageserver-types@npm:3.17.5"
-  checksum: 79b420e7576398d396579ca3a461c9ed70e78db4403cd28bbdf4d3ed2b66a2b4114031172e51fad49f0baa60a2180132d7cb2ea35aa3157d7af3c325528210ac
-  languageName: node
-  linkType: hard
-
-"vscode-languageserver@npm:~9.0.1":
-  version: 9.0.1
-  resolution: "vscode-languageserver@npm:9.0.1"
-  dependencies:
-    vscode-languageserver-protocol: 3.17.5
-  bin:
-    installServerIntoExtension: bin/installServerIntoExtension
-  checksum: 8b7dfda47fb64c3f48a9dabd3f01938cc8d39f3f068f1ee586eaf0a373536180a1047bdde8d876f965cfc04160d1587e99828b61b742b0342595fee67c8814ea
-  languageName: node
-  linkType: hard
-
-"vscode-uri@npm:~3.0.8":
-  version: 3.0.8
-  resolution: "vscode-uri@npm:3.0.8"
-  checksum: 514249126850c0a41a7d8c3c2836cab35983b9dc1938b903cfa253b9e33974c1416d62a00111385adcfa2b98df456437ab704f709a2ecca76a90134ef5eb4832
-  languageName: node
-  linkType: hard
-
-"w3c-xmlserializer@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "w3c-xmlserializer@npm:5.0.0"
-  dependencies:
-    xml-name-validator: ^5.0.0
-  checksum: 593acc1fdab3f3207ec39d851e6df0f3fa41a36b5809b0ace364c7a6d92e351938c53424a7618ce8e0fbaffee8be2e8e070a5734d05ee54666a8bdf1a376cc40
-  languageName: node
-  linkType: hard
-
-"walk-up-path@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "walk-up-path@npm:4.0.0"
-  checksum: 6a230b20e5de296895116dc12b09dafaec1f72b8060c089533d296e241aff059dfaebe0d015c77467f857e4b40c78e08f7481add76f340233a1f34fa8af9ed63
-  languageName: node
-  linkType: hard
-
-"watchpack@npm:2.4.4":
-  version: 2.4.4
-  resolution: "watchpack@npm:2.4.4"
-  dependencies:
-    glob-to-regexp: ^0.4.1
-    graceful-fs: ^4.1.2
-  checksum: 469514a04bcdd7ea77d4b3c62d1f087eafbce64cbc728c89355d5710ee01311533456122da7c585d3654d5bfcf09e6085db1a6eb274c4762a18e370526d17561
-  languageName: node
-  linkType: hard
-
-"watchpack@npm:^2.4.4":
-  version: 2.5.1
-  resolution: "watchpack@npm:2.5.1"
-  dependencies:
-    glob-to-regexp: ^0.4.1
-    graceful-fs: ^4.1.2
-  checksum: 44a6030e923fbbe2cbc51cd7fb7abdff58bc35ba68d6c3ca46e63b46f8b3502c7253e6ada384387e946df5515d3854227a84cec49eb88a315186f5c9a67a3e79
-  languageName: node
-  linkType: hard
-
-"wbuf@npm:^1.1.0, wbuf@npm:^1.7.3":
-  version: 1.7.3
-  resolution: "wbuf@npm:1.7.3"
-  dependencies:
-    minimalistic-assert: ^1.0.0
-  checksum: 2abc306c96930b757972a1c4650eb6b25b5d99f24088714957f88629e137db569368c5de0e57986c89ea70db2f1df9bba11a87cb6d0c8694b6f53a0159fab3bf
-  languageName: node
-  linkType: hard
-
-"weak-lru-cache@npm:^1.2.2":
-  version: 1.2.2
-  resolution: "weak-lru-cache@npm:1.2.2"
-  checksum: 0fbe16839d193ed82ddb4fe331ca8cfaee2ecbd42596aa02366c708956cf41f7258f2d5411c3bc9aa099c26058dc47afbd2593d449718a18e4ef4d870c5ace18
-  languageName: node
-  linkType: hard
-
-"web-vitals@npm:^5.1.0":
-  version: 5.1.0
-  resolution: "web-vitals@npm:5.1.0"
-  checksum: bd6a3186d9e7d7d3ab418ce67f3df81df1f7bbea88235ee092c47504966d1abc7e784ba27229f0a6ed919b8b8584defdc983d51aeb450dad5725b231e26bafb4
-  languageName: node
-  linkType: hard
-
-"webdriver-bidi-protocol@npm:0.4.0":
-  version: 0.4.0
-  resolution: "webdriver-bidi-protocol@npm:0.4.0"
-  checksum: dbd6b53cbec1939ecfa83d7f781b53cb5a121dafe4db57cf233a47af65d6535e1cf8c0e210968d859c90614e0bc5fa8d5f88adfbf3e287ae7f110a5e7e81edec
-  languageName: node
-  linkType: hard
-
-"webidl-conversions@npm:^8.0.0":
-  version: 8.0.1
-  resolution: "webidl-conversions@npm:8.0.1"
-  checksum: c96c267a6c2946b688108737b796f20b29687f5fd6796a44f6bd2296e66ad891c62b43e720b6695b6b327345e20b2124b0daf6c8da50128e2379e6b33605c2e7
-  languageName: node
-  linkType: hard
-
-"webpack-dev-middleware@npm:7.4.2":
-  version: 7.4.2
-  resolution: "webpack-dev-middleware@npm:7.4.2"
-  dependencies:
-    colorette: ^2.0.10
-    memfs: ^4.6.0
-    mime-types: ^2.1.31
-    on-finished: ^2.4.1
-    range-parser: ^1.2.1
-    schema-utils: ^4.0.0
-  peerDependencies:
-    webpack: ^5.0.0
-  peerDependenciesMeta:
-    webpack:
-      optional: true
-  checksum: 39314ec5e4468d177dd61fb51af87ec097e920fe0f0dc101e1bf71796740a7e49fd4f7f939cf91e130232714d6d2fffd948d72dc65dec10f87ac30339929f018
-  languageName: node
-  linkType: hard
-
-"webpack-dev-middleware@npm:^6.1.2":
-  version: 6.1.3
-  resolution: "webpack-dev-middleware@npm:6.1.3"
-  dependencies:
-    colorette: ^2.0.10
-    memfs: ^3.4.12
-    mime-types: ^2.1.31
-    range-parser: ^1.2.1
-    schema-utils: ^4.0.0
-  peerDependencies:
-    webpack: ^5.0.0
-  peerDependenciesMeta:
-    webpack:
-      optional: true
-  checksum: ddedaa913cc39d7ac7f971d902f181ecc5c4ab0b91f9eda5923f0ea513ecf458f71046f2ed423cb4fc657c2177fe279186453e395bd1051f0949e265c3124665
-  languageName: node
-  linkType: hard
-
-"webpack-dev-middleware@npm:^7.4.2":
-  version: 7.4.5
-  resolution: "webpack-dev-middleware@npm:7.4.5"
-  dependencies:
-    colorette: ^2.0.10
-    memfs: ^4.43.1
-    mime-types: ^3.0.1
-    on-finished: ^2.4.1
-    range-parser: ^1.2.1
-    schema-utils: ^4.0.0
-  peerDependencies:
-    webpack: ^5.0.0
-  peerDependenciesMeta:
-    webpack:
-      optional: true
-  checksum: 54c31f757fec48822c37129ba166f21985ad61a5971655e3c3b7358d997975587687d40dc6c1194f4e54615bd0916df15e4ebc3e3b5203300a52038eaeed5c0b
-  languageName: node
-  linkType: hard
-
-"webpack-dev-server@npm:5.2.2":
-  version: 5.2.2
-  resolution: "webpack-dev-server@npm:5.2.2"
-  dependencies:
-    "@types/bonjour": ^3.5.13
-    "@types/connect-history-api-fallback": ^1.5.4
-    "@types/express": ^4.17.21
-    "@types/express-serve-static-core": ^4.17.21
-    "@types/serve-index": ^1.9.4
-    "@types/serve-static": ^1.15.5
-    "@types/sockjs": ^0.3.36
-    "@types/ws": ^8.5.10
-    ansi-html-community: ^0.0.8
-    bonjour-service: ^1.2.1
-    chokidar: ^3.6.0
-    colorette: ^2.0.10
-    compression: ^1.7.4
-    connect-history-api-fallback: ^2.0.0
-    express: ^4.21.2
-    graceful-fs: ^4.2.6
-    http-proxy-middleware: ^2.0.9
-    ipaddr.js: ^2.1.0
-    launch-editor: ^2.6.1
-    open: ^10.0.3
-    p-retry: ^6.2.0
-    schema-utils: ^4.2.0
-    selfsigned: ^2.4.1
-    serve-index: ^1.9.1
-    sockjs: ^0.3.24
-    spdy: ^4.0.2
-    webpack-dev-middleware: ^7.4.2
-    ws: ^8.18.0
-  peerDependencies:
-    webpack: ^5.0.0
-  peerDependenciesMeta:
-    webpack:
-      optional: true
-    webpack-cli:
-      optional: true
-  bin:
-    webpack-dev-server: bin/webpack-dev-server.js
-  checksum: 96994d684563cfee76dcb031c7c18a1fa10aee2df0520a0f327c8d72d4692c0dcdd7e455adeed4f8da9695f2e9f8f5481053c7e6e27d7e35085e45357fc9f697
-  languageName: node
-  linkType: hard
-
-"webpack-hot-middleware@npm:^2.25.1":
-  version: 2.26.1
-  resolution: "webpack-hot-middleware@npm:2.26.1"
-  dependencies:
-    ansi-html-community: 0.0.8
-    html-entities: ^2.1.0
-    strip-ansi: ^6.0.0
-  checksum: 78513d8d5770c59c3039ce094c49b2e2772b3f1d4ec5c124a7aabe6124a0e08429993b81129649087dc300f496822257e39135bf8b891b51aea197c1b554072a
-  languageName: node
-  linkType: hard
-
-"webpack-merge@npm:6.0.1":
-  version: 6.0.1
-  resolution: "webpack-merge@npm:6.0.1"
-  dependencies:
-    clone-deep: ^4.0.1
-    flat: ^5.0.2
-    wildcard: ^2.0.1
-  checksum: e8a604c686b944605a1c57cc7b75e886ab902dc5ffdd15259a092c5c2dd5f58868fe39f995ea4bad4f189e38843b061c4ae1eb22822d7169813f4adab571dc3d
-  languageName: node
-  linkType: hard
-
-"webpack-sources@npm:^3.0.0, webpack-sources@npm:^3.3.3":
-  version: 3.3.3
-  resolution: "webpack-sources@npm:3.3.3"
-  checksum: 243d438ec4dfe805cca20fa66d111114b1f277b8ecfa95bb6ee0a6c7d996aee682539952028c2b203a6c170e6ef56f71ecf3e366e90bf1cb58b0ae982176b651
-  languageName: node
-  linkType: hard
-
-"webpack-subresource-integrity@npm:5.1.0":
-  version: 5.1.0
-  resolution: "webpack-subresource-integrity@npm:5.1.0"
-  dependencies:
-    typed-assert: ^1.0.8
-  peerDependencies:
-    html-webpack-plugin: ">= 5.0.0-beta.1 < 6"
-    webpack: ^5.12.0
-  peerDependenciesMeta:
-    html-webpack-plugin:
-      optional: true
-  checksum: 827c2c1170f52eaec9d68728d4c3910be5451253ffb24e7dbab35c48acc69c4b4ed6dcea2c29bd62b4cb4569c00eafa4e95d8aa00305656fe9c2a6aeb5415e1e
-  languageName: node
-  linkType: hard
-
-"webpack-virtual-modules@npm:^0.6.0":
-  version: 0.6.2
-  resolution: "webpack-virtual-modules@npm:0.6.2"
-  checksum: 7e8e1d63f35864c815420cc2f27da8561a1e028255040698a352717de0ba46d3b3faf16f06c1a1965217054c4c2894eb9af53a85451870e919b5707ce9c5822d
-  languageName: node
-  linkType: hard
-
-"webpack@npm:5.104.1":
-  version: 5.104.1
-  resolution: "webpack@npm:5.104.1"
-  dependencies:
-    "@types/eslint-scope": ^3.7.7
-    "@types/estree": ^1.0.8
-    "@types/json-schema": ^7.0.15
-    "@webassemblyjs/ast": ^1.14.1
-    "@webassemblyjs/wasm-edit": ^1.14.1
-    "@webassemblyjs/wasm-parser": ^1.14.1
-    acorn: ^8.15.0
-    acorn-import-phases: ^1.0.3
-    browserslist: ^4.28.1
-    chrome-trace-event: ^1.0.2
-    enhanced-resolve: ^5.17.4
-    es-module-lexer: ^2.0.0
-    eslint-scope: 5.1.1
-    events: ^3.2.0
-    glob-to-regexp: ^0.4.1
-    graceful-fs: ^4.2.11
-    json-parse-even-better-errors: ^2.3.1
-    loader-runner: ^4.3.1
-    mime-types: ^2.1.27
-    neo-async: ^2.6.2
-    schema-utils: ^4.3.3
-    tapable: ^2.3.0
-    terser-webpack-plugin: ^5.3.16
-    watchpack: ^2.4.4
-    webpack-sources: ^3.3.3
-  peerDependenciesMeta:
-    webpack-cli:
-      optional: true
-  bin:
-    webpack: bin/webpack.js
-  checksum: 4d187c246da5c03215a9a583682d1b8972fa0c5a446ba479d63507fe2d844dacf88a46ff7f3133dba22f07f1482f866b14e84c509c0f371ae7ad9316cad83fcb
-  languageName: node
-  linkType: hard
-
-"websocket-driver@npm:>=0.5.1, websocket-driver@npm:^0.7.4":
-  version: 0.7.4
-  resolution: "websocket-driver@npm:0.7.4"
-  dependencies:
-    http-parser-js: ">=0.5.1"
-    safe-buffer: ">=5.1.0"
-    websocket-extensions: ">=0.1.1"
-  checksum: fffe5a33fe8eceafd21d2a065661d09e38b93877eae1de6ab5d7d2734c6ed243973beae10ae48c6613cfd675f200e5a058d1e3531bc9e6c5d4f1396ff1f0bfb9
-  languageName: node
-  linkType: hard
-
-"websocket-extensions@npm:>=0.1.1":
-  version: 0.1.4
-  resolution: "websocket-extensions@npm:0.1.4"
-  checksum: 5976835e68a86afcd64c7a9762ed85f2f27d48c488c707e67ba85e717b90fa066b98ab33c744d64255c9622d349eedecf728e65a5f921da71b58d0e9591b9038
-  languageName: node
-  linkType: hard
-
-"whatwg-mimetype@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "whatwg-mimetype@npm:4.0.0"
-  checksum: f97edd4b4ee7e46a379f3fb0e745de29fe8b839307cc774300fd49059fcdd560d38cb8fe21eae5575b8f39b022f23477cc66e40b0355c2851ce84760339cef30
-  languageName: node
-  linkType: hard
-
-"whatwg-mimetype@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "whatwg-mimetype@npm:5.0.0"
-  checksum: 33380b6faefa17476a122a8584155b4af211574a45204988978fea53a871ce1a8882a2fc08f6a1d045948dc8aab18ea62c77d4538edda54eaefb7e9dd4a144a1
-  languageName: node
-  linkType: hard
-
-"whatwg-url@npm:^15.1.0":
-  version: 15.1.0
-  resolution: "whatwg-url@npm:15.1.0"
-  dependencies:
-    tr46: ^6.0.0
-    webidl-conversions: ^8.0.0
-  checksum: 30c7a3f9fcf73435e7a1f6d7bb9ae114a5a05e32f30b7c92e1a80e29a54981fdace8afe7f7e0903c770e2a29da591061f29c3efa737732e7cfa1e57bc44afec3
-  languageName: node
-  linkType: hard
-
-"which@npm:^2.0.1":
-  version: 2.0.2
-  resolution: "which@npm:2.0.2"
-  dependencies:
-    isexe: ^2.0.0
-  bin:
-    node-which: ./bin/node-which
-  checksum: 1a5c563d3c1b52d5f893c8b61afe11abc3bab4afac492e8da5bde69d550de701cf9806235f20a47b5c8fa8a1d6a9135841de2596535e998027a54589000e66d1
-  languageName: node
-  linkType: hard
-
-"which@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "which@npm:6.0.0"
-  dependencies:
-    isexe: ^3.1.1
-  bin:
-    node-which: bin/which.js
-  checksum: df19b2cd8aac94b333fa29b42e8e371a21e634a742a3b156716f7752a5afe1d73fb5d8bce9b89326f453d96879e8fe626eb421e0117eb1a3ce9fd8c97f6b7db9
-  languageName: node
-  linkType: hard
-
-"why-is-node-running@npm:^2.3.0":
-  version: 2.3.0
-  resolution: "why-is-node-running@npm:2.3.0"
-  dependencies:
-    siginfo: ^2.0.0
-    stackback: 0.0.2
-  bin:
-    why-is-node-running: cli.js
-  checksum: 58ebbf406e243ace97083027f0df7ff4c2108baf2595bb29317718ef207cc7a8104e41b711ff65d6fa354f25daa8756b67f2f04931a4fd6ba9d13ae8197496fb
-  languageName: node
-  linkType: hard
-
-"wildcard@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "wildcard@npm:2.0.1"
-  checksum: e0c60a12a219e4b12065d1199802d81c27b841ed6ad6d9d28240980c73ceec6f856771d575af367cbec2982d9ae7838759168b551776577f155044f5a5ba843c
-  languageName: node
-  linkType: hard
-
-"wrap-ansi@npm:^6.2.0":
-  version: 6.2.0
-  resolution: "wrap-ansi@npm:6.2.0"
-  dependencies:
-    ansi-styles: ^4.0.0
-    string-width: ^4.1.0
-    strip-ansi: ^6.0.0
-  checksum: 6cd96a410161ff617b63581a08376f0cb9162375adeb7956e10c8cd397821f7eb2a6de24eb22a0b28401300bf228c86e50617cd568209b5f6775b93c97d2fe3a
-  languageName: node
-  linkType: hard
-
-"wrap-ansi@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "wrap-ansi@npm:7.0.0"
-  dependencies:
-    ansi-styles: ^4.0.0
-    string-width: ^4.1.0
-    strip-ansi: ^6.0.0
-  checksum: a790b846fd4505de962ba728a21aaeda189b8ee1c7568ca5e817d85930e06ef8d1689d49dbf0e881e8ef84436af3a88bc49115c2e2788d841ff1b8b5b51a608b
-  languageName: node
-  linkType: hard
-
-"wrap-ansi@npm:^9.0.0":
-  version: 9.0.2
-  resolution: "wrap-ansi@npm:9.0.2"
-  dependencies:
-    ansi-styles: ^6.2.1
-    string-width: ^7.0.0
-    strip-ansi: ^7.1.0
-  checksum: 9827bf8bbb341d2d15f26d8507d98ca2695279359073422fe089d374b30e233d24ab95beca55cf9ab8dcb89face00e919be4158af50d4b6d8eab5ef4ee399e0c
-  languageName: node
-  linkType: hard
-
-"wrappy@npm:1":
-  version: 1.0.2
-  resolution: "wrappy@npm:1.0.2"
-  checksum: 159da4805f7e84a3d003d8841557196034155008f817172d4e986bd591f74aa82aa7db55929a54222309e01079a65a92a9e6414da5a6aa4b01ee44a511ac3ee5
-  languageName: node
-  linkType: hard
-
-"ws@npm:^8.18.0, ws@npm:^8.18.2, ws@npm:^8.18.3, ws@npm:^8.19.0":
-  version: 8.19.0
-  resolution: "ws@npm:8.19.0"
-  peerDependencies:
-    bufferutil: ^4.0.1
-    utf-8-validate: ">=5.0.2"
-  peerDependenciesMeta:
-    bufferutil:
-      optional: true
-    utf-8-validate:
-      optional: true
-  checksum: 7a426122c373e053a65a2affbcdcdbf8f643ba0265577afd4e08595397ca244c05de81570300711e2363a9dab5aea3ae644b445bc7468b1ebbb51bfe2efb20e1
-  languageName: node
-  linkType: hard
-
-"wsl-utils@npm:^0.1.0":
-  version: 0.1.0
-  resolution: "wsl-utils@npm:0.1.0"
-  dependencies:
-    is-wsl: ^3.1.0
-  checksum: de4c92187e04c3c27b4478f410a02e81c351dc85efa3447bf1666f34fc80baacd890a6698ec91995631714086992036013286aea3d77e6974020d40a08e00aec
-  languageName: node
-  linkType: hard
-
-"xml-name-validator@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "xml-name-validator@npm:5.0.0"
-  checksum: 86effcc7026f437701252fcc308b877b4bc045989049cfc79b0cc112cb365cf7b009f4041fab9fb7cd1795498722c3e9fe9651afc66dfa794c16628a639a4c45
-  languageName: node
-  linkType: hard
-
-"xmlchars@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "xmlchars@npm:2.2.0"
-  checksum: 8c70ac94070ccca03f47a81fcce3b271bd1f37a591bf5424e787ae313fcb9c212f5f6786e1fa82076a2c632c0141552babcd85698c437506dfa6ae2d58723062
-  languageName: node
-  linkType: hard
-
-"y18n@npm:^5.0.5":
-  version: 5.0.8
-  resolution: "y18n@npm:5.0.8"
-  checksum: 54f0fb95621ee60898a38c572c515659e51cc9d9f787fb109cef6fde4befbe1c4602dc999d30110feee37456ad0f1660fa2edcfde6a9a740f86a290999550d30
-  languageName: node
-  linkType: hard
-
-"yallist@npm:^3.0.2":
-  version: 3.1.1
-  resolution: "yallist@npm:3.1.1"
-  checksum: 48f7bb00dc19fc635a13a39fe547f527b10c9290e7b3e836b9a8f1ca04d4d342e85714416b3c2ab74949c9c66f9cebb0473e6bc353b79035356103b47641285d
-  languageName: node
-  linkType: hard
-
-"yallist@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "yallist@npm:4.0.0"
-  checksum: 343617202af32df2a15a3be36a5a8c0c8545208f3d3dfbc6bb7c3e3b7e8c6f8e7485432e4f3b88da3031a6e20afa7c711eded32ddfb122896ac5d914e75848d5
-  languageName: node
-  linkType: hard
-
-"yallist@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "yallist@npm:5.0.0"
-  checksum: eba51182400b9f35b017daa7f419f434424410691bbc5de4f4240cc830fdef906b504424992700dc047f16b4d99100a6f8b8b11175c193f38008e9c96322b6a5
-  languageName: node
-  linkType: hard
-
-"yargs-parser@npm:^21.1.1":
-  version: 21.1.1
-  resolution: "yargs-parser@npm:21.1.1"
-  checksum: ed2d96a616a9e3e1cc7d204c62ecc61f7aaab633dcbfab2c6df50f7f87b393993fe6640d017759fe112d0cb1e0119f2b4150a87305cc873fd90831c6a58ccf1c
-  languageName: node
-  linkType: hard
-
-"yargs-parser@npm:^22.0.0":
-  version: 22.0.0
-  resolution: "yargs-parser@npm:22.0.0"
-  checksum: 55df0d94f3f9f933f1349f244ddf72a6978a9d5a972b69332965cdfd5ec849ff26386965512f4179065b0573cc6e8df33ca44334958a892c47fedae08a967c99
-  languageName: node
-  linkType: hard
-
-"yargs@npm:18.0.0, yargs@npm:^18.0.0":
-  version: 18.0.0
-  resolution: "yargs@npm:18.0.0"
-  dependencies:
-    cliui: ^9.0.1
-    escalade: ^3.1.1
-    get-caller-file: ^2.0.5
-    string-width: ^7.2.0
-    y18n: ^5.0.5
-    yargs-parser: ^22.0.0
-  checksum: a7cf1b97cb4e81c059f78fd32a4160505d421ecdce5409f5e3840fdcc4c982885fc645b44af961eab94d673cb46f81207d831aa87862246907ffacf45884976a
-  languageName: node
-  linkType: hard
-
-"yargs@npm:^17.7.2":
-  version: 17.7.2
-  resolution: "yargs@npm:17.7.2"
-  dependencies:
-    cliui: ^8.0.1
-    escalade: ^3.1.1
-    get-caller-file: ^2.0.5
-    require-directory: ^2.1.1
-    string-width: ^4.2.3
-    y18n: ^5.0.5
-    yargs-parser: ^21.1.1
-  checksum: 73b572e863aa4a8cbef323dd911d79d193b772defd5a51aab0aca2d446655216f5002c42c5306033968193bdbf892a7a4c110b0d77954a7fdf563e653967b56a
-  languageName: node
-  linkType: hard
-
-"yauzl@npm:^2.10.0":
-  version: 2.10.0
-  resolution: "yauzl@npm:2.10.0"
-  dependencies:
-    buffer-crc32: ~0.2.3
-    fd-slicer: ~1.1.0
-  checksum: 7f21fe0bbad6e2cb130044a5d1d0d5a0e5bf3d8d4f8c4e6ee12163ce798fee3de7388d22a7a0907f563ac5f9d40f8699a223d3d5c1718da90b0156da6904022b
-  languageName: node
-  linkType: hard
-
-"yn@npm:3.1.1":
-  version: 3.1.1
-  resolution: "yn@npm:3.1.1"
-  checksum: 2c487b0e149e746ef48cda9f8bad10fc83693cd69d7f9dcd8be4214e985de33a29c9e24f3c0d6bcf2288427040a8947406ab27f7af67ee9456e6b84854f02dd6
-  languageName: node
-  linkType: hard
-
-"yocto-queue@npm:^0.1.0":
-  version: 0.1.0
-  resolution: "yocto-queue@npm:0.1.0"
-  checksum: f77b3d8d00310def622123df93d4ee654fc6a0096182af8bd60679ddcdfb3474c56c6c7190817c84a2785648cdee9d721c0154eb45698c62176c322fb46fc700
-  languageName: node
-  linkType: hard
-
-"yoctocolors-cjs@npm:^2.1.3":
-  version: 2.1.3
-  resolution: "yoctocolors-cjs@npm:2.1.3"
-  checksum: 207df586996c3b604fa85903f81cc54676f1f372613a0c7247f0d24b1ca781905685075d06955211c4d5d4f629d7d5628464f8af0a42d286b7a8ff88e9dadcb8
-  languageName: node
-  linkType: hard
-
-"zod-to-json-schema@npm:^3.25.0":
-  version: 3.25.1
-  resolution: "zod-to-json-schema@npm:3.25.1"
-  peerDependencies:
-    zod: ^3.25 || ^4
-  checksum: 2033915aed81729544398a0000a63fb474972a654df712610343b8143c254d26f5d76cbee02b135648f299a0dc71be79a724d25a71a755085b438c7bfac6b9c8
-  languageName: node
-  linkType: hard
-
-"zod@npm:4.1.13":
-  version: 4.1.13
-  resolution: "zod@npm:4.1.13"
-  checksum: e5459280d46567df0adc188b0c687d425e616a206d4a73ee3bacf62d246f5546e24ef45790c7c4762d3ce7659c5e41052a29445d32d0d272410be9fe23162d03
-  languageName: node
-  linkType: hard
-
-"zod@npm:^3.24.1":
-  version: 3.25.76
-  resolution: "zod@npm:3.25.76"
-  checksum: c9a403a62b329188a5f6bd24d5d935d2bba345f7ab8151d1baa1505b5da9f227fb139354b043711490c798e91f3df75991395e40142e6510a4b16409f302b849
-  languageName: node
-  linkType: hard
-
-"zod@npm:^3.25 || ^4.0, zod@npm:^4.1.11":
-  version: 4.3.6
-  resolution: "zod@npm:4.3.6"
-  checksum: 19cec761b46bae4b6e7e861ea740f3f248e50a6671825afc8a5758e27b35d6f20ccde9942422fd5cf6f8b697f18bd05ef8bb33f5f2db112ab25cc628de2fae47
-  languageName: node
-  linkType: hard
-
-"zone.js@npm:~0.15.0":
-  version: 0.15.1
-  resolution: "zone.js@npm:0.15.1"
-  checksum: 573736b1a58fed460d17bfcb8f5f2a96604c1d514d52b2065950fe62b52ed569adb71f4cd976ce4ffe43c3680d7556a09e42ea31af09dfb4f2868e6ab5525c1d
-  languageName: node
-  linkType: hard